/* reset (blueprint framework) */
html {margin:0;padding:0;border:0;}
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure, dialog, footer, header, hgroup, menu, nav, section {display:block;}

body {line-height:1.5;background:white;}
table {border-collapse:separate;border-spacing:0;}
caption, th {text-align:left;font-weight:normal;float:none !important;}
table, th, td {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:'';}
blockquote, q {quotes:"" "";}
a img {border:none;}
:focus {outline:0;}
input, select, textarea, .form-turnos #wrapper-practicas {box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}

html, body {
    font-family: sans-serif;
    margin: 0;
    height: 100%;
    overflow: hidden;
}


body {background: #eee;}

#wrapper {
   	min-height: 100%;
	height: 100%;
	margin: 0 auto -30px;
}

.push { height: 30px}

.clr {clear: both;}

#content-wrapper {
	position: relative;
}

.loader {
	background: url("../templates/liclinica/images/ajax-loader_small.gif") no-repeat center right  transparent;
	width:14px;height:14px;
	float: right;
	
}

.panelTurno .loader {
	background: url("../templates/liclinica/images/ajax-loader-309100.gif") no-repeat center right  transparent;
	position: absolute;
	top: 4px;
	right: 3px;
	height: 16px;
	width: 16px;
}

.panelTurno.atendido .loader {background: url("../templates/liclinica/images/ajax-loader-309100-e1ffce.gif") no-repeat center right  transparent;}
.panelTurno.cancelado .loader {background: url("../templates/liclinica/images/ajax-loader-333333-eeeeee.gif") no-repeat center right  transparent;}

#header {
	padding: 0px 5px;
	background: #2F4457;
	height: 70px;
	border-bottom: 5px solid #627D92;
	overflow: hidden;
}
	#header #logo {
		float: left;
		width: 240px;		
		margin-right: 20px;
	}

	#header #logo img {height: 70px}
	
	@media (max-width: 850px) {
		#header #logo {
			width: 150px;
			position: absolute;
			top: 30px;
		}
	}
	
.tip {
	font-size: .8em;
}

/*********************************/
/************ HEADER *************/
/*********************************/

#bar-search {
	float:right;
	margin: 15px 0px 0 0;
}

	#bar-search input {
		height: 40px;
		width: 320px;
		padding:5px 8px;
		line-height: 30px;
		font-size: 18px !important;
		border-radius: 7px;
		border: 5px solid #627D92;
		color: #666;
	}
.search-result {
	
	
}
.search-result .label {
	font-size: 12px;
	font-weight: bold;
	display: inline-block;
	padding: 0;
	line-height: 14px;
	color: #000;
	text-shadow: none;
	background-color: transparent;
	
}

.search-result .fecha {
	font-size: 11px;
	color: #999;
	border-bottom: 1px solid #DDD;
}


/********************************/
/************ LOGIN *************/
/********************************/

#login {
	margin: 150px auto;
	width: 400px;
	border: 1px solid #ccc;
	border-radius: 5px;
	box-shadow: 2px 2px 3px #ccc;
	background: #fff;
	overflow: hidden;
}

	#login table {
		padding: 10px 30px 0;
	}
	
	#login table input[type=text], #login form input[type=password] {
		width: 100%;
		height: 30px;
		border-radius: 3px;
		border: 1px solid #ccc;
		margin-bottom: 12px;
		padding: 0 5px;
		font-weight: bold;
		font-size: 14px;
		color: #666;
	}
	
	#login table p {
		font-size: 14px;
		text-transform: capitalize;
		font-family: sans-serif;
		text-shadow: 1px 1px #eee;
	}

	#login h1 {
		text-align: center;
		border-bottom: 1px solid #eee;
		height: 34px;
		padding-top: 10px;
		margin: 0 10px 10px;
		font-size: 20px;
		font-weight: bold;
	}

	#login #btn-login {
		background: #F1F7F7;
		padding: 15px 10px;
		border-top: 1px solid #ccc;
		margin-top: 15px;
		text-align: right;
	}
	
	#login #btn-login button {
		float: none !important;
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

/** FOOTER **/

#footer {
	background: #dcdcdc;
	height: 30px;
	line-height: 30px;

	text-align: center;
	font-size: .8em;
	font-weight: 600;
	color: #6a6a6a;

	position: relative;
	padding-left: 10px;

	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	align-items: center;
}

#footer #sucursal {
	justify-self: flex-start;
}
#footer .brand-dev {
	font-size: 0.7em;
}

#footer .footer-actions {
	display: flex;
	justify-self: flex-end;
}

	#footer .footer-actions .btn-actions-container {
		display: flex;
	}


	#footer .btn-action {
		display: flex;
		height: 100%;
		padding: 5px 10px;
		background: transparent;
		color: #6a6a6a;
		font-weight: inherit;
		border: 0;
		border-right: 1px solid #c6c6c6;
	}
		#footer .btn-action .name {
			overflow: hidden;
			max-width: 0;
			margin-left: 5px;
			transition: max-width 500ms ease;
		}

		#footer .btn-action:hover .name {max-width: 150px}

		#footer .btn-action:first-child {
			border-left: 1px solid #c6c6c6;
		}

#footer #logout {
	height: 30px;
}

	#footer #logout .dropdown li {		
	}
	
	#footer #logout .dropdown li a {
		text-align: left;
		text-shadow: none;	
	}
		#footer #logout .dropdown a i {
			margin: 0 5px;
			opacity: 0.6;
		}
		
	#footer #logout .dropdown .divider {margin: 0; background: none}	

	#footer #logout .dropdown > a {
		color: #6a6a6a;
	    display: block;
	    text-align: center;
	    text-decoration: none;
		padding: 0 10px;
	}

	#footer .btn-action:hover,
	#footer #logout .dropdown > a:hover {
		background: #efefef;
		color: #222;
	}

	#footer #logout .dropdown > a > i {
		margin-right: 0;
	}
	
#footer .dropdown-menu {
	bottom: 35px;
	right: 5px;
	top: inherit;
}

/** navegación de administración **/
#admin-navigation {
	height: 26px;
	float:right;
	margin: 30px 5px 0 0;
}

	#admin-navigation ul {
		list-style: none outside none;
	    margin: 0 auto;
	    padding: 0;
	    border-radius: 5px;
	}
	
	#admin-navigation li {
		background: none repeat scroll 0 0 transparent;
	    border-right: 1px solid #e7e7e7;
	    float: left;
	    margin: 0;
	    padding: 0 3px 0 3px;
	}
		@media (max-width: 1250px) {
			#admin-navigation li:nth-child(3),
			#admin-navigation li:nth-child(4),
			#admin-navigation li:nth-child(5),
			#admin-navigation li:nth-child(6),
			#admin-navigation li:nth-child(7)
	 		{
	   			 display:none;
			}
		}
		@media (max-width: 950px) {
			#admin-navigation li:nth-child(8){
				display:none;
			}
		}
	
	#admin-navigation li:last-child  {
		border:0 !important;
	}
		
		#admin-navigation li:last-child a {
			border-radius: 0 5px 5px 0;
			border: 0 !important;
		}
	
		#admin-navigation li:first-child a {
			border-radius: 5px 0 0 5px;
		}
	
	#admin-navigation a {
	    color: #efefef;
	    display: block;
	    float: left;
	    text-align: center;
	    text-decoration: none;
	    text-shadow: #333 1px 1px 4px;
	    padding: 0 6px 0 6px;
	    font-weight: bold;
	    font-size: 13px;
	    line-height: 10px;
	}
	
	#admin-navigation a:hover {
		text-decoration: underline;
		color: #fff;
	}
	
	#admin-navigation li ul {
		display:none;
	}



/*********************************/
/************ TURNOS *************/
/*********************************/


#button-panel {
	clear: both;
	float: left;
	width: 100%;
	margin: 0;
	padding: 5px 0;
	border-bottom: 1px solid #ddd;
	box-shadow: 0 1px 8px #999;
	background-color: #D3E4F4;
	overflow: hidden;
}

#wrapper-fecha {
	font-size: 13px;
	color: #666;
	font-weight: bold;
	margin-bottom: 13px;
	float: left;
	padding-right: 15px;
	cursor: pointer;
}

#wrapper-fecha div {float: left; margin: 1px 3px 0 0}

#wrapper-fecha #edit {margin-left: 3px; color:#449ADC; font-weight: normal; display: none}
#wrapper-fecha .edit input {
	width: 50px;
	height: 20px;
	margin: -2px 3px 0 0;
}

#wrapper-practicas ul > li {
	list-style: none;
	float: left;
	padding: 2px 5px 2px 10px;
	font-size: 10px;
	background: #9FC6E7;
	border-radius: 5px;
	margin: 0 5px 5px 0;
	color: #333;
}
#wrapper-practicas ul li span.text {float:left;}
#wrapper-practicas ul li span.remove {
	font-size: 10px;
	cursor: pointer;
	width: 12px;
	text-align: center;
	float:left;
	}
#wrapper-practicas ul li span.remove:hover {font-weight: bold;}

.red {color: #D34836;}
.green {color: green;}
.dark-grey {color: #666;}

 .dialog-load{
 	text-align: center;
 	padding: 20px 0;
 	font-weight: bold;
 	min-width: 300px;
 }
 
.ui-front, .ui-dialog { z-index: 1000 !important; }

.dialogAlta {overflow: visible;}
.dialogAlta .ui-dialog-content {overflow: hidden}

.dialogAlta .ui-dialog-titlebar {
	background: none;
	color: #000;
	font-size: 16px;
	border-radius: 0;
	border: 0;
	border-bottom: 1px solid #ccc;
	margin: 0px 9px;
	padding: 5px 4px 2px;
}

.dialogAlta input.ui-button,
.dialogAlta button.ui-button {
	float: right;
	/* margin-top: 10px; */
	line-height: 14px;
	padding: 11px;
}

.ui-dialog-titlebar-close span {
	margin: -8px 0 0 -8px !important;
}

.ui-autocomplete {
        max-height: 400px;
        overflow-y: auto;
        min-width: 60px;
        /* prevent horizontal scrollbar */
        overflow-x: hidden;
    }
    
.dialogInfo .ui-dialog-titlebar {
	font-size: 13px;
}

.dialogInfo .datos {
	color: #333;
	font-size: 12px;
	overflow-y: auto;
	max-height: 115px
}

.dialogInfo .datos .observs {
	font-size: 11px;
	line-height: 14px;
	margin: 3px 0;
	white-space: pre;
}

.dialogInfo #add-observacion {
	margin-right: 6px 0 3px;
}

.dialogInfo #add-observacion a {
	font-size: 10px;
	float: right;
	color: #449ADC;
	text-decoration: none;
	margin: 0 3px 3px 0;
}

.dialogInfo #add-observacion #add-content {

	width: 100%;
}


.dialogInfo #add-observacion #add-content input {
	width: 100%;
	font-size: 11px;
}

.dialogInfo #options {
	border-top: 1px solid #ccc;
	margin-top: 5px;
	padding-top: 10px;
	clear: both;
	overflow: hidden;
}

.dialogInfo #options #right-tools {
	float: right;
}
.dialogInfo #options #right-tools .icon {
	margin: 0 -1px 0 0;
	padding: 6px 0px 7px 12px;
}


/* parche porque choca con bootstrap */
.context-menu-list li {
	display: block !important;
	width: auto !important;
	height: auto !important;
	margin-top: 0 !important;
}

/****** NAVEGACION POR DIA *******/

#navigation-panel {
	float: right;
	display: inline;
	margin: 6px 5px 7px 12px;
}

	#navigation-panel #date, #navigation-panel button {
		font-size: 12px;
		font-weight: bold;
		float:left;
		margin: 0 1px;
		padding: 2px 5px;
	}

	
	#navigation-panel #datepicker {
		background: none;
		border: none;
		text-align: center;
		height: 16px;
		width: 120px;
		margin: 0;
		
		line-height: 16px;
		font-size: 12px;
		font-weight: bold;
		color: #247AC4;
		
	-webkit-box-shadow: none;
       -moz-box-shadow: none;
      	    box-shadow: none;
	
	-webkit-transition: none;
       -moz-transition: none;
         -o-transition: none;
       	   transition: none;
	}
	#navigation-panel button {
		float: left;
		width: 30px;
	}
	
	
/***** MENSAJES *****/
#msg-top {
	padding: 4px 15px;
	background-color: #F9EDBE;
	border: 1px solid #9b1d0f;
	border-top: 0;
	position: absolute;
	box-shadow: 2px 2px 3px #333;
	border-radius: 0 0 5px 5px;
	font-size: 12px;
}

/* REEMPLAZO ESTILOS JQUERY */

.ui-widget {
	font-size: 12px;
}

/** PAUTAS OS **/

.dialogAlta #metodoPagoOs .popover {
	width: 220px;
}

	.dialogAlta #metodoPagoOs .popover .loader {
		background: white url('../templates/liclinica/images/ajax-loader_blue.gif') right center no-repeat;
		width: 43px;
		height: 11px;
		margin: 10px auto;
		float: none;
	}
	.dialogAlta #metodoPagoOs .popover .arrow {top: 45px;}
	
	.dialogAlta #metodoPagoOs .popover .popover-content {max-height: 330px; overflow: auto;}
		.dialogAlta #metodoPagoOs .popover .popover-content dl dt {font-weight: bold;}
		.dialogAlta #metodoPagoOs .popover .popover-content dl dd {margin-bottom: 4px;}
	
/** BLOQUEOS **/

form#Bloqueo table.fechas {
	border: solid 1px #CCC;
}

form#Bloqueo table.fechas > tbody > tr > td {
	border: solid 1px #CCC;
	vertical-align: top;
}


/* Base form en dialogo alta */

.dialogAlta .base-form {
	background: transparent;
}
	.dialogAlta .base-form .elemetos {
		width: 100%;
	}
	
		.dialogAlta .base-form .form_element {
			border: 0;
			width: 49%;
			clear: none;
			margin-right: 1%;
			padding-top: 0;
		}
		.dialogAlta .base-form .form_element:NTH-CHILD(even) {
			margin-right: 0;
		}
		
			.dialogAlta .base-form  .form_element label {
				width: auto;
				clear: both;
				margin: 0;
				font-size: 11px;
			}
			
			.dialogAlta .base-form .form_element input,
			.dialogAlta .base-form .form_element select,
			.dialogAlta .base-form .form_element textarea {
				float: left;
				clear: both;
				margin: 0;
				width: 100%;
				box-shadow: 0 0 0;
			}
			.dialogAlta .base-form .form_element textarea {height: 50px;}
	
	.dialogAlta .base-form .botonera {
		background: transparent;
		border: 0;
		float: left;
		width: 100%; 
		padding: 0;
		margin: 5px 0 8px;
	}
		.dialogAlta .base-form .botonera input,
		.dialogAlta .base-form .botonera button {
			margin-left: 5px;
		}
	
/* Paciente Form */
.dialogAlta .base-form#Paciente .form_element.DNI {
	width: 16%;	
}

.dialogAlta .base-form#Paciente .form_element.nombre,
.dialogAlta .base-form#Paciente .form_element.apellido  {
	width: 41%;	
}

.dialogAlta .base-form#Paciente .form_element.idOsFk,
.dialogAlta .base-form#Paciente .form_element.telefono,
.dialogAlta .base-form#Paciente .form_element.fechaNacimiento {
	width: 35%;	
}

.dialogAlta .base-form#Paciente .form_element.email,
.dialogAlta .base-form#Paciente .form_element.direccion {
	width: 64%
}

.dialogAlta .base-form#Paciente .form_element.observaciones {
	width: 100%;	
}

.dialogAlta .base-form#Paciente .form_element.apellido,
.dialogAlta .base-form#Paciente .form_element.email,
.dialogAlta .base-form#Paciente .form_element.direccion {
	margin-left: 1%;
	 margin-right: 0
}

.dialogAlta .base-form#Paciente .ui-autocomplete {max-height: 300px;}

.dialogAlta .base-form#Paciente .dialog-footer {
	display: flex;
}

.dialogAlta .base-form#Paciente .dialog-footer .botonera {
	justify-content: flex-end;
}

.dialogAlta .base-form#Paciente .passwordPACS {
	color: darkgray;
	text-align: left;
	justify-content: flex-start;
}

.dialogAlta .base-form#Paciente .passwordPACS .big {
	font-size: 2em;
	padding: 3px;
}

.dialogAlta .base-form#Paciente .passwordPACS .big.selected {
	border: #beffe5 solid;
	border-radius: 5px;
}

.dialogAlta .base-form#Paciente .passwordPACS .big span {
	margin-left: 5px;
}
.dialogAlta .base-form#Paciente .passwordPACS .big.selected span {
	margin-left: 0px;
}


/** paginado **/
.page {
 color: #333;
}
.page.current {
	font-weight: bold;
}

.ui-autocomplete-loading {
    background: white url('../templates/liclinica/images/ajax-loader2.gif') right 3px center no-repeat;
  }
  
form#ChangePassword label {
	font-size: 11px;

	width: 100%;
	float: left;
}
  
  
body#body-login > #container > #form-login .form_element select {
	float: none;
	height: 30px;
	line-height: 18	px;
	font-size: 16px !important;
	font-weight: bold;
	padding: 4px 0 2px 8px;
	margin: 0 !important;
	width: 292px;
}

.ui-dialog.welcomeMessage {
	background-color: rgba(255,255,255,0.9);
}

.welcomeMessage .ui-dialog-titlebar {
	background: none;
	color: #000;
	border-radius: 0;
	border: 0;
	/*border-bottom: 1px solid #ccc;*/
	margin: 0px 9px;
	/*padding: 5px 4px 2px;*/
}

.welcomeMessage .ui-dialog-titlebar-close {
	right: 2em;
	top: 4em;
	z-index: 1;
	zoom: 1.3;
}

.ui-dialog #welcomeMessage {
	font-size: 20pt;
	margin: 0 20px 20px;
}

.ui-dialog #welcomeMessage.ui-dialog-content.alert-success {
	color: #468847;
	background-color: #dff0d8;
	border-color: #d6e9c6;
}

.ui-dialog #welcomeMessage.ui-dialog-content.alert-danger {
	color: #b94a48;
	background-color: #f2dede;
	border-color: #eed3d7
}