@charset "utf-8";
/* CSS Document */
@import url("css_para_test_y_depurar.css");
html {
	background: #000000;
	background-image: url('images/denim.png');
}
body {
	display: none;
	font-size: 10px;
	font-family: 'Droid Sans', sans-serif;
}
/* PRE AL 100% (evita el exceso en textos largos */
pre {
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word;
}
h1 {
	font-size: 1.4em;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #006;
	margin-top: 1.5em;
	margin-bottom: 1em;
	padding: 0;
}

/* Colores de fuente -------------------------------- */
.red {
	color: #F00 !important;
}


/* Visualización de elementos */
.ocultar_elemento {
	visibility: hidden !important;
}
.visualizar_elemento {
	visibility: visible !important;
}
/* Fin Visualización de elementos */
.centrado {
	text-align: center;
}
.subrayado {
	text-decoration: underline;
}
/* COLORACION BOTONES */
.btn_rojo {
	-webkit-filter: hue-rotate(150deg) saturate(150%) brightness(90%) contrast(140%);
	filter: hue-rotate(150deg) saturate(150%) brightness(90%) contrast(140%);
}
.btn_verde {
	-webkit-filter: hue-rotate(270deg) saturate(150%) brightness(90%) contrast(140%);
	filter: hue-rotate(270deg) saturate(150%) brightness(90%) contrast(140%);
}
/* FIN :: COLORACION BOTONES */
/* LEYENDAS */
.leyenda, .leyenda_cargar_datos, .leyenda_cargando_datos, .leyenda_sin_datos {
	display: block;
	width: 100%;
	text-align: center;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #006;
	margin-top: 2em;
	margin-bottom: 2em;
}
.leyenda_alerta {
	padding: 0.5em;
	margin: auto;
	display: block;
	width: 90%;
	text-align: center;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: normal;
	font-weight: bold;
	color: #F00;
	margin-top: 2em;
	margin-bottom: 2em;
	border: 1px solid #F00;
}
/* ICONS */
input[type=button].btn_copiar-fecha-calendario-turnos, input[type=button].btn_enviar_email_ubicacion_lista_de_espera, input[type=button].btn_switch-user-icon, input[type=button].btn_atender-paciente-icon, input[type=button].btn_recycle-bin-eliminar-icon, input[type=button].btn_edit-icon, input[type=button].btn_edit-update-icon, input[type=button].btn_update-icon, input[type=button].btn_con-cargo-icon, input[type=button].btn_sin-cargo-icon, input[type=button].btn_print-icon {
	background-color: transparent;
	background-size: cover;
	background-repeat: no-repeat;
	border: 0;
	margin: 0;
	padding: 0;
	display: block;
	height: 24px;
	width: 24px;
	cursor: pointer;
}
input[type=button].btn_update-icon {
	background-image: url(/_framework/_imagenes/_interfase/iconos/update-icon.png);
}
input[type=button].btn_con-cargo-icon {
	background-image: url(/_framework/_imagenes/_interfase/iconos/con-cargo-icon.png);
}
input[type=button].btn_sin-cargo-icon {
	background-image: url(/_framework/_imagenes/_interfase/iconos/sin-cargo-icon.png);
}
input[type=button].btn_print-icon {
	background-image: url(/_framework/_imagenes/_interfase/iconos/print-icon.png);
}
input[type=button].btn_copiar-fecha-calendario-turnos {
	background-image: url(/_framework/_imagenes/_interfase/iconos/copiar-fecha-calendario-icon.png);
}
input[type=button].btn_enviar_email_ubicacion_lista_de_espera {
	background-image: url(/_framework/_imagenes/_interfase/iconos/email-icon.png);
}
input[type=button].btn_switch-user-icon {
	background-image: url(/_framework/_imagenes/_interfase/iconos/switch-profesional-icon.png);
}
input[type=button].btn_atender-paciente-icon {
	background-image: url(/_framework/_imagenes/_interfase/iconos/atender-paciente-icon.png);
}
input[type=button].btn_recycle-bin-eliminar-icon {
	background-image: url(/_framework/_imagenes/_interfase/iconos/recycle-bin-eliminar-icon.png);
}
input[type=button].btn_edit-icon {
	background-image: url(/_framework/_imagenes/_interfase/iconos/edit-icon.png);
}
input[type=button].btn_edit-update-icon {
	background-image: url(/_framework/_imagenes/_interfase/iconos/edit-update-icon.png);
}
input[type=button].btn_a_la_derecha {
	float: right;
	clear: both;
	margin-right: 1em;
}
/* MODULO USUARIO LOGUEADO */
#usuario_logueado {
	position: absolute;
	top: 0.3em;
	left: 1em;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 12px;
}
/* FIN MODULO USUARIO LOGUEADO */
/* MODULO RELOJ SISTEMA */
#reloj_sistema {
	position: absolute;
	top: 0.3em;
	right: 1em;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 12px;
}
/* FIN MODULO RELOJ SISTEMA */
* {
	outline: none;
}
strong {
	font-weight: bold !important;
}
label, input {
	display: block;
}
.misma-linea, input.fecha {
	display: inline-block;
	clear: none;
	margin-right: 2em;
}
.misma-linea-sin-separacion {
	display: inline-block;
	clear: none;
}
input.text, input.fecha, p, textarea {
	margin-bottom: 12px;
	width: 95%;
	padding: .4em;
}
select {
	padding: 3px;
}
input.fecha {
	margin-right: 1em;
}
div#users-contain {
	width: 350px;
	margin: 20px 0;
}
div#users-contain table {
	margin: 1em 0;
	border-collapse: collapse;
	width: 100%;
}
div#users-contain table td, div#users-contain table th {
	border: 1px solid #eee;
	padding: .6em 10px;
	text-align: left;
}
.ui-dialog .ui-state-error {
	padding: .3em;
}
.validateTips {
	border: 1px solid transparent;
	padding: 0.3em;
	min-height: 1.2em;
}
fieldset {
	border: 1px #999 solid;
	padding-top: 0;
	padding-bottom: 1em;
	padding-left: 1em;
	padding-right: 1em;
	margin-top: 2em;
	margin-left: 1em;
	margin-right: 1em;
	margin-bottom: 0.5em;
}
fieldset legend {
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	margin-bottom: 0.8em;
	font-weight: bold;
	border: 1px #999 solid;
	background-color: #FFFFFF;
}
fieldset label {
	padding-bottom: 0.3em;
}
fieldset textarea {
	resize: none;
}
/* COMBOBOX */
.combo-container {
	display: block;
	margin-top: 10px;
	width: 100%;
}
.custom-combobox {
	position: relative;
	display: inline-block;
}
.custom-combobox-toggle {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin-left: -1px;
	padding: 0;
}
.custom-combobox-input {
	margin: 0;
	padding: 0.3em;
}
/* EXCLUSIONES */
input[type="radio"] {
	width: auto;
	display: inline-block;
	clear: none;
	margin-right: 1em;
}
/* BOTONES EN LOS DIALOG PANELS */
.btn_up {
	position: absolute;
	float: right;
}
/* TABLAS */
.tabla-consultorio-encabezado, .tabla-ocupacion-encabezado {
	border-bottom: 1px solid #333333;
	margin-bottom: 0.4em;
	padding-bottom: 0.3em;
	font-weight: bold;
}
.tabla-consultorio-encabezado, .tabla-consultorio-item {
	width: 30%;
	margin-bottom: 0.5em;
}
.tabla-ocupacion-encabezado, .tabla-ocupacion-item {
	width: 55%;
	margin-bottom: 0.5em;
}
/* ESTILOS administrar_consulta.php */
#nav_administracion_consulta {
	display: block;
	width: 100%;
	margin-bottom: 1em;
}
.font-bold {
	font-weight: bold !important;
}
.detalle_item_dataTables {
	border: 1px solid #006;
	background-color: #E1EBFF;
	padding: 0.8em;
	width: auto !important;
	display: block;
}
.link:hover {
	cursor: pointer;
}
/* MENSAJES DE SISTEMA */
/* ITEMS */
#dialog-mensaje_de_espera li.item {
	margin-left: 2em;
	list-style: square;
	margin-bottom: 0.4em;
}
.btn_container {
	height: 1.5em;
	display: block;
	margin-bottom: 1em;
}
/* DatePicker */
.hasDatepicker, .ui-datepicker-trigger {
	cursor: default;
}
.hasDatepicker:hover, .ui-datepicker-trigger:hover {
	cursor: pointer;
}
/* ESTILOS administrar_turnos */
#abm_turnos_container #nav_turnos {
	margin-bottom: 1em;
}
/* FIN :: ESTILOS administrar_turnos */
/* ESTILOS PARA LOS FORMULARIOS */
select.select_ancho_estandar {
	width: 300px;
}
.container {
	margin-top: 1em;
}
.div-botones-base-form {
	margin-top: 1em;
}
.div-botones-base-form input[type=button] {
	margin-top: 0.5em;
}
/* DIALOG CONTAINER */
#dialog-container {
	margin-top: 4 px;
	display: block;
}
/* DETALLE CAMPO OK / ERROR */
input.field_error {
	text-transform: none;
	background-color: #F00;
	color: #FFFFFF;
}
input.field_error::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	color: #FFFFFF;
	background-color: #F00;
	font-size: 1em;
	text-transform: none;
}
input.field_error:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #FFFFFF;
	background-color: #F00;
	opacity: 1;
	font-size: 1em;
	text-transform: none;
}
input.field_error::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #FFFFFF;
	background-color: #F00;
	opacity: 1;
	font-size: 1em;
	text-transform: none;
}
input.field_error:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #FFFFFF;
	background-color: #F00;
	font-size: 1em;
	text-transform: none;
}
input.field_ok {
	text-transform: none;
	background-color: #00D000;
}
input.field_ok::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	color: #000000;
	background-color: #00D000;
	font-size: 1em;
	text-transform: none;
}
input.field_ok:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #000000;
	background-color: #00D000;
	opacity: 1;
	font-size: 1em;
	text-transform: none;
}
input.field_ok::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #000000;
	background-color: #00D000;
	opacity: 1;
	font-size: 1em;
	text-transform: none;
}
input.field_ok:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #000000;
	background-color: #00D000;
	font-size: 1em;
	text-transform: none;
}
/* FIN :: DETALLE CAMPOR OK / ERROR */
.overlay-waiting-ajax {
	background-color: rgba(1, 1, 1, 0.5);
	bottom: 0;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 99999999999999999999999999;
}


/* BOOTSTRAP */
.my-1 {
	margin-top: 0.3em !important;
	margin-bottom: 0.3em !important;
}

.my-2 {
	margin-top: 0.6em !important;
	margin-bottom: 0.6em !important;
}

.my-3 {
	margin-top: 1em !important;
	margin-bottom: 1em !important;
}

.mt-1 {
	margin-top: 0.3em !important;
}

.mt-2 {
	margin-top: 0.6em !important;
}

.mt-3 {
	margin-top: 1em !important;
}

.mb-0 {
	margin-bottom: 0 !important;
}

.mb-2 {
	margin-bottom: 0.6em !important;
}

/* ARCHIVOS ADJUNTOS ----------------------------------- */

.form-archivo-adjunto {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
margin: 1em 0;
padding-bottom: 1em;
border-bottom: 1px solid #999;
}

.form-archivo-adjunto:last-of-type {
border-bottom: none;
padding-bottom: 0;
}

.col-img {
display: flex;
float: left;
justify-content: center;

	width: 25%;
}

.col-obs {
	width: 65%;
	float: right;
}

.col-obs p.ref_archivo_adjunto {
	font-weight:bold;
	margin-bottom: 1em;
	padding: 0;
}

.col-obs .ref_titular_observaciones {
	font-weight: bold;
	text-decoration: underline;
	margin-bottom: 1em;
}

.col-obs div.twrap{
	padding: 0;
}

.col-obs textarea.observaciones_archivo_adjunto {
	padding: 0.5em;
}