/*Para welcome.html y admin.html*/

.welcomeSetting{
	margin: 0;
	padding: 0;
	height: 100%;
}

.welcomeIframe {
	display: block;
	width: 100%;
	border: none;
}

.btnMainFooter{
	width: 5em;
	float: left;
	padding-top: 0.2em;
}

.paddingTop05 {
	padding-top: 0.5em !important;
}

.btnSearchWorklist {
	position: absolute;
    margin-left: 50%;
}

/*Fin welcome.html y admin.html*/

.backgroundMain{
	background-image: url("../../../images/background_main.png");
/*	background-image: url("../../../images/background_main.png"),  url("../../../images/background_main.jpg");*/
	background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.lineTopBlueMain{
	height: 0.2em;
	background-color: #6495ED;
}

.titleLogin{
	vertical-align: middle;
}

.imgDesktopLogin{
	display: none;
}

.inputErrorBorder {
	border-color: #D91E18;
}

.titleMaintenance{
	color: #6495ED;
    font-size: 1.4em;
    margin-top: 0.5em;
    font-weight: bold;
}

.titleMaintenanceText{
	color: #6495ED; 
	font-size:1.4em;
}

.divTextMaintenance{
	margin-top: 2em;
	font-weight: bold;
	text-align: center;
}

.divHeaderMain{
	height: 4.5em;
	font-weight: bold;
	color: rgb(65,150,120);
	text-shadow: none;
	background-color: rgba(34,120,85,0.15);
	width: 100%;
}

.textAlignCenter{
	text-align: center;
}

.divHeaderLogout{
	height: 4em;
	width: 100%;
	border-bottom: 1px solid #fafafa;
	background-color: rgba(34,120,85,0.15);
}

.imglogoMain{
	background-image: url("../../../images/logo_main.png");
	background-repeat: no-repeat;
	background-position: top;
	background-size: contain;
	height: 4em;
    width: 14em;
    margin-top: 0.4em;
	float: right;
}

.imglogoRubiconMain {
    background-image: url("../../../images/logo_main_rubicon.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: contain;
    height: 3.2em;
    width: 9em;
    margin-top: 0.5em;
    float: right !important;
}

.imgLogoLogout{
	background-image: url("../images/LOGO_Azul_1.png");
	background-repeat: no-repeat;
	background-position: top;
	background-size: cover;
	height: 3.5em;
	width: 4em;
}

.divLogoLogout{
	padding: 0.8em;
}

.heightBodyLogout{
	height: 90%;
}

.containerMainTitle{
	padding-left: 5em;
	padding-right: 5em;
	height: 100%;
}

.noPadding{
	padding: 0 !important;
}

.textTitleMain{
	color: #6495ED;
	font-size: 2.5em;
}

.textTitleLogout{
	font-size: 1.5em;
	font-weight: bold;
	padding-top: 0.5em;
	color: #6495ED;
}

.boxMain{
	padding-top: 4.5em;
}

.boxMainUploadKeyStore{
	padding-top: 3em;
}

.infoChangePass {
	color: #007aff;
	text-align: left;
	padding-bottom: 1em;
	font-weight: bold;
	font-size: 1em;
}


.labelTextLogin{
	padding:0.5em;
}

.panelBoxMain{
	border-color: #6495ED !important;
	border-radius: 2px !important;
	background: rgba(255,255,255,0.8);
}

.titleBoxMain{
	color: #6495ED !important;
	border-color: #6495ED !important;
	font-size: 2em;
	font-weight: bold;
	text-align: center;
	padding: 0.2em 0em 0em 0em;
	background-color: rgba(255,255,255,0.3) !important;
}

.btnEnterMain{
	color: white;
	background-color:rgb(165, 194, 228);
	margin-top: 1.8em;
	font-weight: bold;
	font-size: 1.3em;
}

.btnEnterMain:hover, .btnEnterMain:focus{
	border-color: #6495ED;
	color: white;
}

.uploadKeyPass{
	margin-top: 1.5em;
    padding: 0;	
}

.uploadKeyPass1{
	margin-top: 1.9em;
    padding: 0;	
}

.imglogoBoxMain{
	background-image: url("../images/logo_login.png");
	background-repeat: no-repeat;
	background-position: top;
	background-size: contain;
	height: 4em;
	margin-top: 0.5em;
    /*margin-bottom: 1em;*/
}

.urlServerInfoLogin{
    text-align: center; 
    color: #6495ED; 
    font-weight: bold;
}

.imglogoBoxLogout{
	background-image: url("../images/logo_login.png");
	background-repeat: no-repeat;
	background-position: top;
	background-size: contain;
	height: 4em;
	margin-top: 2em;
}

.imgReloadLogin{
    background-image: url("../images/reload.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    height: 3em;
    margin-top: 1.5em;
	cursor:pointer;
}

.errorloginLabel{
	margin-top: 0.8em;
	padding: 0.8em;
}

.footerLogin{
	clear: both;
    text-align: center;
}

.navLoginText{
	display: none;
}

.divFooterLogin{
	padding: 15px;
    border: 1px solid transparent;
    border-radius: 4px;
	/*color: white;*/
	color: #F22613;
    /*background-color: rgb(65,150,120);*/
    background-color: white;
	width: 100%;
    height: 3.5em;
    position: absolute;
    bottom: 0;
    /*opacity:0.5;*/
    font-weight: bold;
}


.paddingImgChromeLogin{
    margin-left: 0.5em;
}

/* MSG FANCYBOX */

.depProvInc {
	display: none;
	width: 400px;	
	/*margin-top: -12em !important;*/
}

.divSpinnerDepProvInc{
	position: absolute;
	top: 45%;
	left: 45%;
}

.contentFancyWorklist {
  color: #444;
  display: block;
}

.contentFancyWorklist .backwhite{
	background-color: #fafafa;
}

.contentFancyWorklist .backgray{
	background-color: #f2f2f2;
}

.contentFancyWorklist .titleDepProvInc{
	font-size:1.1em;
	font-weight:bold;
	margin:0.5em;
	color:#666666;
}

.iconDepProvInc{
	color: #249ed2;
}

.textTitleDepProvInc{
	padding-left:0.5em;	
}

.btnOkDepProvInc{
	margin: 0.5em;
}

.labelDepProvInc{
	color:black;
	font-weight:bold;
	margin: 0.5em;
}

.divContainerDepProvInc{
	padding-top: 0.5em;
	padding-bottom: 1.5em;
}

.logoNavbarWorklist {
	padding: 0em;
}


.icon-help{
	right: 1em;
}

.helpBtnTitle{
	padding-top: 0.2em;
}

.icon-help-text{
	right: 1.3em;
	top:2.7em;
	font-size: 0.7em;
}

.tittleWorklist{
	height: 3.6em;
	padding-top: 1em;
	font-weight: bold;
	font-size: 1.1em;
	/*padding-left: 0;*/
}

.titleWork{
	height: 3.6em;
	padding-top: 1em;
	font-weight: bold;
	font-size: 1.1em;
	padding-left: 0;
	text-align: center;
}

.divUserWorklist {
	color: black;
	font-weight: bold;
	padding: 1em;
}

.iconUserNameWorklist {
	color: #007aff;
}

.textUserNameWorklist{
	color: #838383;
}

.btnDepProvInc {
	text-align: left;
	height: 3.4em;
	cursor: inherit;
	padding: 0.6em 0em 0.6em 0em;
}

.panelHeadingLogout{
	font-size: 1.5em;
	color: #6495ED !important;
	text-align: center;
	background: rgba(255,255,255,0.3) !important;
}

.panelBoxLogout{
	background: rgba(255,255,255,0.8);
}

.totalHeight{
	height: 100%;
}

.btnPowerOff {
    float: right !important;
    padding: 0.3em 2em !important;   
}

.cursorPointer{
	cursor:pointer;
}

.displayNone{
	display: none;
}

.boxWorklist{
	height: 16em;
	max-width: 13.8em;
	border: 1px solid #ccc;
	border-radius: 3px;
	margin: 3.9em 1.2em 1em 0;
	padding: 1em;
	-webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.75);
	box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.75);
	box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.75);
	background-color: white;
}

/*.navbarWorklist{
	background-color: white;
}*/

.rubiconBlueColor {
	color: #007aff !important;
}

.clinicalRecordUpload {
	padding-left: 1em;
	display: inline !important;
}

.uploadFileText{
	border-radius: 2px;	
}

.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

.contentBoxWorklist{
	height: 75%;
	text-align: center;
	padding-top: 4em;
	font-weight: bold;
}

.marginDown {
	margin-bottom: 1.5em;
}

/* MSG FANCYBOX */

.genericmsgClass {
	display: none;
	min-width: 20rem; /* modificado para que pinte bien los fancys en moviles */
	
	
}

.genericeditorClass {
	display: none;
	width: 500px;	
}

.genericFancyClass{
	display: none;
	/*width: calc(100% - 400px);*/
}

.modalHtml{
	display: none;
}

#contentWrapperFancy{
	background: #FAFAFA; /* nice browsers */
	box-shadow: 0 0 4px #777;
	
}

#contentWrapperFancyEditor{
	background: #FAFAFA; /* nice browsers */
	box-shadow: 0 0 4px #777;	
}

#contentWrapperFancyModalHtml {
	background: #FAFAFA; /* nice browsers */
	box-shadow: 0 0 4px #777;
}

.contentFancy {
  color: #444;
  display: block;
  padding-bottom: 5px;
}

.contentFancy p{
	margin-top:1.5em;
}

.contentFancy .medium{
	font-size: 1.5em;
}

.contentFancy .large{
	font-size: 2em;
}

.contentFancy .backwhite{
	background-color: #fafafa;
}

.contentFancy .backgray{
	background-color: #efefef;
}

.contentFancy .small{
	font-size: 1em;
}

.contentFancy .title{
	font-size:23px;
	font-weight:100;
	margin:10px 0 5px 0;
	color: #808080;
}

.contentFancy .titleEditor{
	font-size:18px;
	font-weight:100;
	margin:10px 0 5px 0;
	color: #808080;
}

.contentFancy .message{
	font-size:17px;
	font-weight:normal;
	margin:5px 0 5px 0;
	color:#555;
	padding: 1em;
}

.contentFancy .red{
	color: #ff0000;
}

.contentFancy .blue{
	color: #007aff;
}

.contentFancy .bluedark{
	color: #00499b;
}

.contentFancy .green{
	color: #22C210;
}

.contentFancy .buttons-group{
	margin: 12px 0 12px 0px;
}

.selectDemo{
	margin-left:-15px;
	position:absolute;
	z-index:1000;	
}


.footerBoxWorklist{
	text-align: right;
	font-weight: bold;
}

.rowBoxWorklist{
	height: 100%;
}

.containerBoxWorklist{
	height: 100%;
}

.worklistContent {
	height: 100%;
	padding-top: 4.1em;
	padding-bottom: 3.6em;
	background-color: #F7FAFB;
}

.hiddenHorizontalScroll{
	overflow-x: hidden;
}

/**** Bootstrap md  ****/
@media ( min-width : 992px) and (max-width: 1199px) {

}

/**** Bootstrap sm  ****/
@media ( min-width : 768px) and (max-width: 991px) {
	.hidden-sm {
		display: none !important;
	}	
}

/**** Bootstrap sm  ****/
@media (max-width: 1024px) {
	.depProvInc {
		margin-top: -12em !important;
	}
}

/**** Bootstrap xs  ****/
@media ( max-width : 767px) {
	.hidden-xs {
		display: none !important;
	}
	
	.tittleWorklist {
		text-align: center;
	}
	
	.btnMainFooter {
    	width: 4em;
	}
		
	.boxWorklist {
		height: 11em;
		max-width: 9em;
		border: 1px solid #ccc;
		border-radius: 3px;
		margin: 1.5em 0.5em 1em 0;
		padding: 0.5em;
		-webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.75);
		box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.75);
		box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.75);
		background-color: white;
	}
	
	.contentBoxWorklist {
	    height: 75%;
	    text-align: center;
	    padding-top: 1.5em;
	    font-weight: bold;
	}
	
	.containerMainTitle {
	    padding: 0.5em;
	}
}

/**** Extra small  ****/
@media ( max-width : 480px) {
	.imglogoMain {
	    width: 12em;
	}
	
	.textTitleMain {
	    font-size: 2em;
	}
	
	.imgDesktopLogin{
	    vertical-align: sub !important;
	    cursor: pointer;
	}
}

/**** Extra Extra small  ****/
@media ( max-width : 420px) {
	
}