/*
 * @author Juan Camilo Montoya Urrea
 */

textarea {
	/*min-height: 60px;*/
	font-size: 11.5px;
}

body {
	font-size: 11px;
	overflow: hidden;
}

.mensajesdesarrollo {
	color: #CD0A0A;
}

.itemtextareacons {
	min-width: 400px;
}
.itemformconsulta {
	display: inline-block;
	margin: 5px;
	vertical-align: text-top;
	border: 1px solid #FFFFFF;
}

.consblock {
	display: block;
}

.dxconsulta {
	max-height: 125px;
	overflow-x: hidden;
	overflow-y: auto;
}

div.chatdiv {
	background-color: #FFFFFF;
	border: 1px solid;
	min-width: 200px;
	z-index: 12;
	bottom: 0;
}

div.displaychat a.expand {
	float: left;
}

div.displaychat a.cerrar {
	float: right;
}

.metamsj1 {
	font-size: 10px;
	color: #007EFF;
	font-style: italic;
}

.metamsj2 {
	font-size: 10px;
	color: #EEA730;
	font-style: italic;
}

.msjventanachat {
	font-size: 12px;
}

div.chatdiv.chatmenu div.ItemUsuarioChat:hover {
	color: #FFFFFF;
	background-color: #A2D3FF;
	cursor: pointer;
}

div.chatmenu {
	min-height: 20px;
	right: 0;
	max-height: 500px;
	position: fixed;
	border-top-left-radius: 7px;
}

.displaychat {
	background-color: #EEA730;
	max-height: 20px;
	font-size: 15px;
	overflow: hidden;
	font-weight: bold;
	color: #FFFFFF;
	height: 19PX;
	border-top-left-radius: 6px;
	padding-left: 5px;
}

div.displaychat a {
	color: #FFFFFF;
	font-weight: bold;
}

div.chatventana {
	background-color: #FFFFFF;
	border: 1px solid;
	border-top-left-radius: 7px;
	min-width: 200px;
	max-width: 202px;
	z-index: 12;
	bottom: 0px;
	min-height: 20px;
	max-height: 350px;
	position: fixed;
	text-align: left;
}

div.chatventana div.content {
	overflow-y: auto;
	overflow-x: hidden;
	max-height: 300px;
}

div.chatventana div.content div.ItemUsuarioChat {
	overflow: hidden ;
}

div.chatventana div.ItemUsuarioChat {
	overflow: hidden;
	background-color: #FFFFFF;
}
.nuevoMensajeEnviar{
	border-top : 1px ridge;

}
.usuarioActualmenteconectado{
	background-color: #FFFFFF;
	float:left;
}
.usuarioActualmenteconectado1{
	font-weight:bold !important;
}

.emisor{
	text-align: left;
	padding-left:3px;
	padding-right:3px;
}

.receptor{
	text-align: right;
	padding-left: 3px;
	padding-right: 3px;
}

/**
 * ======================================
 * Estilos New Chat Jhonatan Vanegas
 * ======================================
 * 2022-04-01
*/

/* CONTENEDOR DE TODO LA SECCIÓN DEL CHAT */
.div-chat {
	display: flex;
	gap: 5px;
	align-items: flex-end;
	position: fixed;
	bottom: 0;
	right: 15px;
	z-index: 12;
}

/* LISTADO DE LOS MENSAJES DEL CHAT ABIERTOS */
.listado-chat {
	display: flex;
	align-items: flex-end;
	position: relative;
	gap: 10px;
	left: 0;
	overflow: hidden;
	padding: 0 20px;
}

.listado-chat .message-chat {
	display: flex;
	flex-direction: column;
	width: 300px;
	height: 443px;
	background: var(--blanco);
	border-radius: 8px 8px 0 0;
	overflow: hidden;
	border: 1px solid;
	position: relative;
}

@media screen and (max-width: 768px) {

	.message-chat {
		position: fixed !important;
		width: 100% !important;
		height: calc(100vh - 100px) !important;
		bottom: 0;
		left: 0;
		z-index: 9999 !important;
	}

}

.message-chat-min {
	height: 38px !important;
}

.message-chat .message-title {
	background: var(--naranja_web);
	color: var(--blanco);
	font-weight: bolder;
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
	font-size: 14px;
	box-shadow: 0px 5px 7px 0px rgba(0,0,0,0.2);
	z-index: 2;
	width: 100%;
}

.message-chat .message-title .message-title-nombre {
	padding: 11px 0;
	display: flex;
	align-items: center;
	gap: 5px;
	padding-left: 10px;
	width: calc(100% - 10px);
}

.message-chat .message-title .message-title-nombre span:last-child {
	width: 86%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.message-chat .message-title .message-title-icons {
	display: flex;
	align-items: center;
	gap: 3px;
}

.message-chat .message-content {
	display: flex;
	flex-direction: column;
	gap: 10px;
	align-items: flex-start;
	padding: 10px 5px 25px 5px;
	height: calc(100% - 70px);
	overflow-y: auto;
	position: relative;
}

.message-chat .message-date {
	display: flex;
	justify-content: center;
}

.message-date span {
	background: var(--gris);
	padding: 5px;
	color: var(--blanco);
	border-radius: 5px;
}

.message-content .message-user {
	display: flex;
	width: 100%;
}

.message-user .message-user-content {
	display: flex;
	align-items: center;
	gap: 3px;
	max-width: 90%;
}

.message-in .message-text,
.message-out .message-text {
	width: calc(100% - 10% - 20px);
	font-size: 12px;
	padding: 10px;
	color: var(--blanco);
	/* display: flex; */
	align-items: flex-end;
	word-wrap: break-word !important;
	position: relative;
}

.content-copy {
	background: var(--naranja_med);
	width: 20px;
	height: 20px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 13px;
	position: absolute;
	right: -5px;
	bottom: -5px;
	cursor: pointer;
}

.message-copy {
	font-size: 10px;
	color: var(--blanco);
}

.message-user-content i {
	font-size: 16px;
}

.message-user-content i.leido {
	color: var(--naranja_web);
}

.message-out .message-text {background: var(--color_azul_himed)}
.message-in .message-text {background: var(--color_azul_claro)}

.message-in .message-date,
.message-out .message-date {
	font-size: 10px;
	color: #c4c4c4;
}

.message-in {justify-content: flex-start}
.message-out {justify-content: flex-end}
.message-out .message-user-content {flex-direction: row-reverse}
.message-in .message-text {border-radius: 0 10px 10px 10px}
.message-out .message-text {border-radius: 10px 0 10px 10px}

.span-informativo {
	width: calc(100% - 10px);
	background: var(--naranja_web);
	color: var(--blanco);
	border-radius: 8px;
	padding: 5px;
	text-align: center;
	font-size: 12px;
	margin-bottom: 10px;
}

.message-chat .message-escribiendo {
	width: 100%;
	padding: 5px 0;
	position: absolute;
	display: flex;
	justify-content: center;
	bottom: 56px;
	left: 0;
}

.message-escribiendo span {
	background: var(--naranja_web);
	color: var(--blanco);
	border-radius: 6px;
}

.message-chat .message-input {
	border-top: 1px solid #c4c4c4;
	display: flex;
	align-items: center;
	gap: 5px;
	padding: 5px;
	height: 80px;
}

.message-input .message-textarea {
	all: unset;
	font-size: 14px;
	width: 100%;
	padding: 8px 5px;
	height: auto;
	word-wrap: break-word;
	word-break: break-all;
}

.message-input .message-btn {
	background: var(--naranja_web);
	color: var(--blanco);
	border: none;
	border-radius: 50%;
	font-weight: bold;
	cursor: pointer;
	position: relative;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 30px;
	height: 30px;
}

.message-input .message-btn .material-icons {
	position: absolute;
	font-size: 14px;
}

.message-input .message-btn:hover {
	background: var(--naranja_med);
}

/* FIN LISTADO DE LOS MENSAJES DEL CHAT ABIERTOS */

/* CONTENIDO DE CADA VENTANA DE CADA CHAT */
.contenedor-chat {
	position: relative;
	right: 15px;
	bottom: 0;
	width: 280px;
	background: var(--blanco);
	border-radius: 8px 8px 0 0;
	overflow: hidden;
	border: 1px solid;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.contenedor-chat .input-buscador-usuarios {
	position: sticky;
	width: 100%;
	background: var(--blanco) !important;
	display: flex;
	justify-content: center;
	padding: 5px 0;
	box-shadow: 0px 5px 7px 0px rgb(0 0 0 / 20%);
}

.contenedor-chat .input-buscador-usuarios input {
	background: var(--gris_light);
	border: 0;
	padding: 10px;
	border-radius: 6px;
	width: calc(100% - 20px);
	margin: 0 10px;
}

.contenedor-chat .title-chat {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: var(--naranja_web);
	color: var(--blanco);
	font-size: 16px;
	font-weight: bold;
	position: sticky;
	left: 0;
	top: 0;
	padding: 0 10px;
	width: calc(100% - 20px);
	z-index: 3;
	cursor: pointer;
}

.contenedor-chat .title-chat .label-chat {
	padding: 10px 0;
	width: 100%;
	display: flex;
	align-items: center;
	gap: 5px;
}

.contenedor-chat .title-chat .label-icons {
	display: flex;
	align-items: center;
	gap: 3px;
}

.label-icons #icon-menu {
	position: relative;
}

.label-icons #icon-menu .listado-estados {
	position: absolute;
	top: calc(100% + 10px);
	right: 0;
	width: 120px;
	font-size: 13px;
	background: var(--blanco);
	color: var(--gris);
	border-radius: 6px;
	overflow: hidden;
	box-shadow: 0px 5px 7px 0px rgb(0 0 0 / 20%);
	display: none;
}

.label-icons #icon-menu .show-listado-estados {
	display: inline-block !important;
}

#icon-menu .listado-estados li {
	padding: 3px 5px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 5px;
}

#icon-menu .listado-estados li:hover {
	color: var(--blanco);
	background: var(--naranja_web);
}

#icon-menu .listado-estados .active {
	color: var(--blanco);
	background: var(--naranja_med);
}

.contenedor-chat .content-chat {
	background: var(--blanco);
	padding: 10px 5px;
	height: 340px;
	display: none;
	flex-direction: column;
	align-items: center;
	width: calc(100% - 10px);
	overflow-y: auto;
}

.contenedor-chat .show-content-chat {
	display: flex;
}

.contenedor-chat .menu-tabs {
	display: none;
	width: 100%;
	cursor: pointer;
}

.contenedor-chat .menu-tabs span {
	padding: 15px 0;
	width: 100%;
	text-align: center;
	background: var(--gris_light);
	font-weight: bold;
	font-size: 13px;
}

.contenedor-chat .menu-tabs span:hover {
	text-decoration: underline;
}

.contenedor-chat .menu-tabs .active {
	background: var(--naranja_web);
	color: var(--blanco);
}

.contenedor-chat .show-menu-tabs {
	display: flex;
}

.content-chat .item-usuario {
	padding: 10px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 13px;
	width: calc(100% - 30px);
	cursor: pointer;
}

.item-usuario .text-usuario {
	width: 85%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.numero-mensajes-title {
	background: var(--gris);
	padding: 3px;
	border-radius: 10px;
	font-size: 9px;
}

.numero-mensajes {
	color: var(--blanco);
	background: var(--naranja_med);
	width: 15px;
	height: 15px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 10px;
	font-size: 9px;
}

.circle {
	width: 8px;
	height: 8px;
	border-radius: 50%;
}

.circle-online {background: var(--verde)}
.circle-offline {background: var(--gris)}
.circle-danger {background: var(--color_rojo)}

.content-chat .item-usuario:hover {
	background: var(--gris_light);
	border-radius: 5px;
}

/* FIN CONTENIDO DE CADA VENTANA DE CADA CHAT */

/**
 * ======================================
 * Fin Estilos New Chat
 * ======================================
*/

.Estilo1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.Estilo4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFFFFF;
	font-weight: bold;
}

.Estilo5 {
	color: #990000;
	font-weight: bold;
}

.Estilo6 {
	font-size: 11px
}

.Estilo11 {
	font-size: 14px;
}

.Estilo12Bold {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}

.Estilo12 {
	font-size: 12px;
	color: #000000;
}

.maxTextConsulta {
	width: 98%;
	height: 200px;
	min-height: 200px;
}

.textconsulta {
	width: 99%;
	height: 99%;
	min-width: 100px;
	min-height: 50px;
}

.textconsulta2 {
	width: 100%;
	height: 60%;
}

#nombreMedico{
	margin-left:7px;
}

#formingreso {
	width: 280px;
	float: right;
	margin-top: 28%;
	margin-right: 8%;
}

#divestado {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 100;
}

#divloading {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: #949494;
	visibility: hidden;
	z-index: -1;
	opacity: 0.5;
}

#secundario {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: #0F1923;
	visibility: hidden;
	z-index: -1;
	opacity: 0.7;
}

#terciario {
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: #0F1923;
	visibility: hidden;
	z-index: -1;
	opacity: 0.7;
}

#terciario {
	background-color: #0F1923;
	height: 100%;
	left: 0px;
	opacity: 0.7;
	position: fixed;
	top: 0px;
	visibility: hidden;
	width: 100%;
	z-index: -1;

}
#terciario.NotasEvolucion{
	top: 0px !important;
	left: 0px !important;
	position: fixed;
	z-index: 8;
}

#divcuarto {
	width: 100%;
    height: 100%;
    left: 0%; /*(100%-60%)/2*/
    top: 0px;
    background-color: #0F1923;
    opacity: 0.7;
    position: absolute;
    visibility: hidden;
    z-index: -1;
}

.listdosHistoriaClinica {
	height:100%;
	overflow:auto;
	width:100%;
}

.inputdemografico {
	/*Todavia no se ha determinado una clase por default,
	 pero se est� cambiando dinamicamente con jquery*/
}

.selectdemografico {
	/*Todavia no se ha determinado una clase por default,
	 pero se est� cambiando dinamicamente con jquery*/
}

.radiodemografico {
	/*Todavia no se ha determinado una clase por default,
	 pero se est� cambiando dinamicamente con jquery*/
}

/*#secundarioForms {
    background-color: #FFF;
    bottom: 3%;
    height: 100%;
    color: #000;
    margin-left: 2.5%;
    margin-right: 2.5%;
    opacity: 1.0;
    overflow: auto;
	position: absolute;
    top: 0px;
    visibility: hidden;
    width: 95%;
    z-index: -1;
}*/


#secundarioForms {
	background-color: #FFF;
	bottom: 3%;
	height: 92%;
	color: #000;
	margin-left: 2.5%;
	margin-right: 2.5%;
	opacity: 1.0;
	overflow: auto;
	overflow-x: hidden;
	position: absolute;
	top: 1%;
	visibility: hidden;
	width: 95%;
	z-index: -1;
	border-radius: 15px;
	box-shadow: 1px 1px 6px 7px #fff3, 1px 6px 4px black;
}

#terciarioforms {
	position: absolute;
	background-color: #FFFFFF;
	visibility: hidden;
	z-index: -1;
	color: #000000;
}

#divcuartoforms {
	width: 50%;
    height: 80%;
    left: 25%; /*(100%-5S0%)/2*/
    top: auto;
    border-radius: 5px;
    background-color: #FFFFFF;
    color: #000000;
    position: absolute;
    visibility: hidden;
    z-index: -1;
}

#terciarioforms.terciarioformacompanante {
 	width: 520px !important;
    height: 260px !important;
    top: 40%;
    left: 50%;
    transform: translate(-40%,-50%);
    -webkit-transform: translate(-40%,-50%);
    background-color: transparent !important;
}

#terciarioforms.terciarioformacompanante:is(.acompananteConsulta) { 	
    top: calc(50% - 45px) !important;    
    transform: translate(-50%,-50%) !important;
    -webkit-transform: translate(-50%,-50%) !important;    
}


#terciarioforms.terciariointeroperabilidad {
    border-radius: 5px;
    left: 500px;
    margin-top: 5%;
    margin-left: -315px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 2px;
    width: 800px;
    height: 150px;
}


#terciarioforms.theater {
	height: 450px;
	width: 800px;
	left: 50%;
	margin-left: -400px;
	margin-top: 60px;
	overflow-x: hidden;
	overflow-y: auto;
	border-radius: 8px;
}

#terciarioforms.theater2 {
	height: 30%;
	width: 30%;
	margin-left: 35%;
	margin-right: 35%;
	margin-top: 10%;
	margin-bottom: 30%;
	overflow-x: hidden;
	overflow-y: auto;
}

#terciarioforms.theater3 {
	height: auto;
	max-height: 450px;
	width: 1000px;
	left: 50%;
	margin-left: -500px;
	margin-top: 60px;
	overflow-x: hidden;
	overflow-y: auto;
	border-radius: 8px;
}

#terciarioforms.ctc {
	min-height: 156px;
	min-width: 318px;
	max-width: 166px;
	max-width: 328px;
	margin-left: -159px;
	left: 50%;
	margin-top: 10%;
	background-color: #0F1923;
	opacity: 0.7;
}

#terciarioforms.personalizadoEspecifico {
	border-radius: 5px;
	height: 75%;
	left: 50%;
	margin-left: -47%;
	margin-top: 5%;
	overflow-x: hidden;
	overflow-y: auto;
	width: 95%;
}
#terciarioforms.OpenOftalmo{
    width: 90%;
    height: 90%;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}
#terciarioforms.OpenOftalmo iframe{
	width: 100%;
	height: 100%;
	position: relative;
	display: block;
	vertical-align: top;
	margin: 0px;
}
#terciarioforms.curvasCrecimiento {
	width: 100%;
	height: 100vh;
	/*margin-right: 2.5%;
	margin-top: 1%;
	margin-bottom: 2.5%;*/
	overflow-x: hidden;
	overflow-y: auto;
	/*margin-left: 2.5% !important;*/
	border-radius: 5px;
	background-color: transparent;
	overflow: hidden !important;
}

.curvasCrecimiento iframe {
	width: 100%;
	height: 100%;
	background-color: transparent;
	border: 0px;
	overflow: hidden;
}


/* odontología */
#terciarioforms.ModuloOdontologia {
	height: 98%;
	width: 95%;
	margin-right: 2.5%;
	margin-top: 1%;
	margin-bottom: 2.5%;
	overflow-x: hidden;
	overflow-y: auto;
	margin-left: 2.5% !important;
	border-radius: 5px;
	background-color: transparent;
}

.ModuloOdontologia iframe {
	width: 100%;
	height: 98.5%;
	background-color: transparent;
	border: 0px;
}


/* colposcopia */
#terciarioforms.moduloColposcopia {
	height: 98%;
	width: 60%;
	margin-right: 20%;
	margin-top: 1%;
	margin-bottom: 2.5%;
	overflow-x: hidden;
	overflow-y: auto;
	margin-left: 20% !important;
	border-radius: 5px;
	background-color: transparent;
}

.moduloColposcopia iframe {
	width: 100%;
	height: 98.5%;
	background-color: transparent;
	border: 0px;
}

#ocultarSecundario {
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 14pt;
	z-index: 1;
}

.tablademograficos {
	height: 100%;
    padding: 1% 5px 1% 5px;
    margin-top: 0px;
    margin-bottom: 0px;
    box-sizing: border-box;
	position: absolute;
	margin-left: 11%;
	margin-right: 0%;
	background-color: var(--table_color_for);
	overflow: hidden;
    overflow-y: auto;
}

#divformsconsulta {
	position: absolute;
	background-color: #ECECEC;
	overflow: auto;
	border-radius: 5px;
	width: 87.5%;
	margin: 4% 1% 1% 11.5%;
	height: 85%;
}

#tablaencabezadopaciente {
	position: absolute;
	background-color: #ECECEC;
	margin-left: 32%;
	margin-right: 2%;
	margin-top: 0.5%;
	width: 53%;
	border-radius: 5px;
	box-shadow: 0px 0px 1.5px #000;
}

.arealistadoconsultas {
	height: 95%;
	width: 95%;
	margin-left: 2%;
	margin-right: 2%;
	margin-top: 2%;
	margin-bottom: 2%;
}

#divmenusecundarioconsulta {
	position: absolute;
	margin-left: 12%;
	height: 5%;
	width: 17%;
	z-index: 15;
	margin-top: 0.5%;
}

.iconomenuconsultas {
	width: 30px;
	height: 30px;
}

.iconomenuprocedimientos {
	width: 30px;
	height: 30px;
}

.tdlistadoconsultas1 {
	width: 5%;
}

.tdlistadoconsultas2 {
	width: 20%;
}

.tdlistadoconsultas3 {
	width: 3%;
}

.tdlistadoconsultas4 {
	width: 0.5%;
}

.iconolistadoconsultas {
/*	height: 46px;
	width: 46px;
*/
	/*width: 80%;*/
}

.iconolistadoProcedimientos {
/*	height: 46px;
	width: 46px;
*/
	/*width: 80%;*/
}

#divmenuprincipalconsulta {
	border-radius: 5px;
	color: #FFF;
	margin: 0.5%;
	position: absolute;
	width: 10%;
	z-index: 10;
}

#selecciondiagnosticos {
	max-width: 100%;
	max-height: 500px;
	overflow-x: hidden;
	overflow-y: scroll;
	border: 1px;
}

#nentidad {
	/*width: 95%;
	max-width: 400px;*/
}

#edadx {
	max-width: 20%;
}

.cargando {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -100px;
	margin-left: -100px;
}

.cargandoText {
	position: absolute;
	top: 50%;
	margin-top: 120px;
	text-align: center;
	width: 100%;
}

/*
 * @autor Luis Emilio Castaeda 2013-12-23 Examen Físico
 * @modified Santiago Cardona 2015-06-18
 */

.ExamenFisicoVistaPreliminar {
	display: table;
	width: 40%;
	height: 300px;
	float: left;
}

.ExamenFisicoMedicionDiv{
 	display: table;
	width: 38%;
	float: left;
	margin-left:2%;
	max-height: 200px;
	margin-top: 6%;
}

#ExamenFisicoMedicion{
	height: 24px !important;
	width: 90px !important;
	text-align: center;
}

#ExamenFisicoMedicionNombre{
	height: 24px !important;
	width: 175px !important;
}

.ExamenFisicoVistaPreliminar textarea {
	height: 325px !important;
}

.ExamenFisicoTitulo {
	background-color: #ececec;
    border-radius: 5px;
    height: 25px;
    margin-left: 2%;
    margin-top: 1%;
    padding-top: 5px;
    position: absolute;
    width: 96%;
    text-align:center;
}

.ExamenFisicoMenu {
	margin-top: 3%;
	margin-left: 2%;
    width: 150px;
}

.ExamenFisicoTitulo div {
	margin-right: 3%;
}

.ExamenFisicoTitulo * {
	display: inline;
	padding-top: 5px;
}

.ExamenFisicoDivs {
	display: table;
	width: 58%;
}

.ExamenFisicoDivs span {
	vertical-align: top;
	padding-right: 3px;
}

.MedicionesSelecionadas{
	max-height: 314px;
    min-height: 314px;
    overflow-y: auto;
    width: 100%;
}

#aparienciafisica {
	width: 100%;
	padding-right: 2px;
}

.ExamenFisicoTableDiastoSisto {
	display: table;
	width: 59%;
	margin-left: 0%;
	/* margin-top: 1%; */
	vertical-align: top;
}

.ExamenFisicoTableDiastoSisto table {
	width: 100%;
}

.selectmedicion{
	margin-left: 2%;
    margin-top: 1%;
    position: absolute;
	width: 450px;
}

.text_previa_examen_fis{
	width: 300px;
	height: 200px;
}

.seleccionarTodas{
	background-color: #ececec;
    border-radius: 5px;
    box-shadow: 0 0 1.5px #000000;
    margin-left: 1%;
    margin-top: -1%;
    position: absolute;
    text-align: center;
    width: 100px;
    cursor:  pointer;
}


/*
 * Fin Examen Fisico
 */



/*
 * Inicio Antecedentes
 */

.AntecenteMenu {
	margin-top: 4%;
	margin-left: 2%;
    width: 150px;
}


/*
 * FinAntecedentes
 */

/* Cuidado con estos estilos generalizados */
a:link {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

a:active {
	text-decoration: none;
}

/* fin estilos generalizados */

#busqueda_personalizados {
	width: 80%;
}

#codigo1 {
	background-color: #81A03D;
}

#descrip1 {
	background-color: #81A03D;
}

#tipo_dx1 {
	background-color: #81A03D;
}


#tablaformconsulta {
	height: 100%;
	width: 100%;
}

.select_consulta {
	width: 150px;
}

.par {
	background-color: #D3DCE3;
}

.impar {
	background-color: #E5E5E5;
}

.encabezado {
	background-color: #D3DCE3;
}

.textpersonalizadogrande {
	width: 100%;
	resize: none;
	min-width: 100px;
	box-sizing: border-box;
}

#grupoAntecedentes {
	min-height: 100px;
	/*max-height: 150px;*/
	/* min-width: 388px; */
	height: auto;
	width: 100%;
	overflow-x: auto;
	overflow-y: auto;
}

.obs_antecedente {
	width: 98%;
}

#AntecedentesSeleccionados2 {
	height: 99%;
	width: 100%;
}

#memoAlergiasMedicamentos {
	width: 98%;
	height: 95%;
}

.obsplanif {
	width: 95%;
}

#detalle_personalizado {
	height: 90%;
    width: 87%;
}

#div_resultado_personalizados {
	width: 95%;
	max-width: 95%;
	height: 280px;
	overflow: hidden;
	overflow-y: scroll;
	display: block;
	word-break: break-all;
}

#memo_personalizado {
	width: 95%;
	height: 95%;
}

.personalizadoactivo{
	width: 100%;
    display: block;
    /*overflow: hidden;
    overflow-y: scroll;*/
    position: relative;
    height: 350px !important;
}

.personalizadoinactivo {
	display: none;
	width: 0%;
	height: 0%;
}

#nombrepersonalizado {
	width: 50%;
}

.detalleayudadx {
	width: 90%;
	height: 30%;
	min-width: 200px;
	min-height: 70px;
}

#divresultadosayudas {
	/* min-height: 100px; */
	/* max-height: 325px;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 7px 10px 7px 10px; 
	border-bottom: 2px solid rgba(190,204,211,0.87);
	border-left: 2px solid rgba(190,204,211,0.87);
	border-right: 2px solid rgba(190,204,211,0.87); */
}

#divresultadosayudas a:hover {
	text-decoration: none;
    color:#EEA730;
    border-bottom: none;
}

#divresultadosayudas label{
	padding: 7px 5px 7px 5px;
}

#divresultadosayudas2 {
	/* min-height: 100px;
	max-height: 150px;
	overflow-x: hidden;
	overflow-y: scroll; */
	max-height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 7px 10px 7px 10px;
    border-bottom: 2px solid rgba(190,204,211,0.87);
    border-left: 2px solid rgba(190,204,211,0.87);
    border-right: 2px solid rgba(190,204,211,0.87);
}

#divAyudaselegidas {
	min-height: 100px;
	max-height: 150px;
	overflow-x: hidden;
	overflow-y: scroll;
}

#divAyudaselegidas2 {
	min-height: 100px;
	max-height: 150px;
	overflow-x: hidden;
	overflow-y: scroll;
}

#mem_obs_generales_ayudas_dx, #mem_obs_generales_ayudas_dx_inv{
	min-height: 100px;
	max-height: 150px;
	width: 90%;
}

.obsIndivdualAyudasDx {
	width: 250px;
	min-width: 200px;
	max-width: 300px;
}

#divpersonalizadosayudasDx {
	/* background-color: rgb(255, 255, 255);
    border-radius: 5px;
    box-shadow: 2px 2px 5px #999;
    display: none;
    float: right;
    margin-right: 3%; 
    margin-top: 9%; 
    max-height: 500px;
    position: relative;
    width: 100%;
    z-index: 100;
    min-height: 100%; */
}

#personalizadosAyudasDx {
	overflow-x: hidden;
	overflow-y: auto;
}

#ctc_medicamentos {
	background: url('../imagenes/ctc_medicamentos.png') no-repeat center;
	float: left;
	min-width: 156px;
	min-height: 156px;
	border: 0.5px solid #d0d0d0;
}

#ctc_servicios {
	background: url('../imagenes/ctc_servicios.png') no-repeat center;
	float: left;
	min-width: 156px;
	min-height: 156px;
	border: 1px solid #d0d0d0;
}

#divmedicamentospos {
	min-height: 130px;
	max-height: 150px;
	height: 135px;
	overflow-x: auto;
	overflow-y: auto;
}

#memoreaccionesadversas {
	min-height: 60px;
	min-width: 400px;
}

#memocontraindicaciones {
	min-height: 60px;
	min-width: 400px;
}

#divizqctc_medicamentos {
	float: left;
	width: 45%;
}

#divderctc_medicamentos {
	float: right;
	width: 45%;
}

#resumendelcaso {
	min-height: 100px;
	min-width: 400px;
	width: 95%;
}

#justificacion {
	min-height: 100px;
	min-width: 400px;
	width: 95%;
}

#tablepersonalizadosctcmedicamentos {
	width: 100%;
}

#tablepersonalizadosctcmedicamentos {
	width: 100%;
	overflow-x: hidden;
	overflow-y: auto;
}

#justificacioncientifica {
	min-height: 100px;
	min-width: 400px;
	width: 75%;
}

.obsgeneralesanexo3047 {
	width: 95%;
	height: 100px;
}

#divdecups {
	min-height: 60px;
	min-width: 400px;
	max-height: 150px;
	width: 92%;
	border: 1px solid #FFFFFF;
	overflow-x: hidden;
	overflow-y: auto;
}

#divdx {
	min-height: 60px;
	width: 60%;
	max-height: 150px;
	border: 1px solid #FFFFFF;
	overflow-x: hidden;
	overflow-y: auto;
}

#manejointegral {
	min-height: 100px;
	width: 95%;
	min-width: 280px;
	max-width: 350px;
}

#menucentro {
	margin-top: 12%;
	max-width: 610px;
	left: 50%;
	margin-left: -305px;
	position: absolute;
}

.img_menucentro {
	width: 150px;
	height: 150px;
	display: table-cell;
}

.div_menucentro {
	display: inline-block;
}

.txt_menucentro {
	display: table-cell;
	width: 150px;
	text-align: center;
}

#divbuspac {
	background-image: url("../imagenes/banner.png");
	width: 708px;
	height: 120px;
	left: 50%;
	z-index: 100;
	margin-left: -354px;
	position: absolute;
	display: none;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	top: 5%;
}

.buscadorp1 {
	display: inline;
}

.buscadorp2 {
	display: block;
}

div.divusuariointegrador {
	position: absolute;
	top: 20%;
	left: 0;
	z-index: 10;
}

div.itemIntegrador {
	display: none;
	margin: 5px;
	background-color: #006DA3;
	opacity: 0.9;
	border-radius: 7px;
	color: #FFFFFF;
	font-family: "arial", "times", "courier";
	font-size: 14px;
}

div.itemIntegrador a {
	color: #FFFFFF;
	font-weight: bold;
}

div.itemIntegrador table {
	padding: 2px;
}

/*div.divusuariointegrador {
 position: absolute;
 top: 0;
 left: 0;
 background-color: #DBEAF9;
 z-index: 10;
 border-radius: 10px;
 opacity: 0.9;
 }

 div.itemIntegrador {
 display: none;
 margin: 5px;
 }

 div.itemIntegrador div {
 display: inline;
 margin: 10px;
 }

 div.itemIntegrador:hover {
 background-color: #608BB9;
 }*/

table#datos_de_usuario {
	margin-left: auto;
}

div#terciarioforms.cons_paus {
	min-height: 156px;
	max-height: 300px;
	min-width: 500px;
	max-width: 500px;
	margin-left: -250px;
	left: 50%;
	margin-top: 10%;
	opacity: 0.7;
	font-size: 15px;
	border-radius: 10px;
	padding: 10px;
	overflow-y: auto;
	overflow-x: hidden;
}

div.itemPausadas {
	margin: 5px;
}

div.itemPausadas:hover {
	cursor: pointer;
	color: #FFFFFF;
	background-color: #FD9943;
}

div.itemPausadas:first-child {
	font-size: 20px;
}

div.itemPausadas:first-child:hover {
	color: inherit;
	background-color: inherit;
}

.btn_cerrar_izq {
	float: right;
}

div.historialDelPacienteParaConsultaActiva {
	position: absolute;
	right: 5px;
	margin: 4% 7px 1% 11.5%;
	width: 29%;
	max-height: 85%;
	overflow-x: hidden;
	overflow-y: auto;
	background-color: #E1EDED;
}

div.historialDelPacienteParaConsultaActiva div.itemhistorial div.itemhistorial2 {
	background-color: #DDDEDE;
	border: 1px solid #FFFFFF;
}

div.historialDelPacienteParaConsultaActiva div.itemhistorial div.itemhistorial2:hover {
	background-color: #90ADB8;
	color: #09090A;
	cursor: pointer;
}

/*div.historialDelPacienteParaConsultaActiva div.itemhistorial div.itemhistorial2 table tbody tr td{
 border: 1px solid #FFFFFF;
 }*/

div.historialDelPacienteParaConsultaActiva div.itemhistorial div.itemhistorial2 table {
	width: 100%;
}

/*---------------------------------css procedimientos------------------------------------*/

div.itemProcedimiento {
	display: inline-block;
	margin: 7px;
	vertical-align: top;
}

select.inputProcedimientos {
	width: 250px;
}

textarea.inputProcedimientos {
	min-width: 400px;
	min-height: 60px;
}

@media screen and (max-width: 1600px){
	textarea.inputProcedimientos:hover:focus {
		min-height: 120px;
	}
}

@media screen and (min-width: 1601px){
	textarea.inputProcedimientos:hover:focus {
		min-width: 500px;
		min-height: 120px;
	}
}

input#instrumentador.inputProcedimientos {
	min-width: 300px;
}

input#anestesiologo.inputProcedimientos {
	min-width: 300px;
}

input#codigo_cups.inputProcedimientos {
	min-width: 50px;
	max-width: 50px;
}

input#descripcion_cups.inputProcedimientos {
	min-width: 400px;
}

input#cod_dx_ppal.inputProcedimientos {
	min-width: 50px;
	max-width: 50px;
}

input#cod_dx_post.inputProcedimientos {
	min-width: 50px;
	max-width: 50px;
}

input#desc_dx_ppal.inputProcedimientos {
	min-width: 300px;
}

input#desc_dx_post.inputProcedimientos {
	min-width: 300px;
}

input#busca_dx_compli.inputProcedimientos {
	min-width: 300px;
}

input#busca_dx_rela.inputProcedimientos {
	min-width: 300px;
}

input#fechaguardado.inputProcedimientos {
	min-width: 50px;
}

textarea#descrip_procedimiento.inputProcedimientos {
	min-width: 400px;
}

.Proc_NotaAclaratoria {
	height: 60%;
	margin-top: 5%;
	margin-left: 50%;
	left: -25%;
	width: 50%;
	border-radius: 5px;
	background-color: #E6E7E7;
}

.Proc_NotaAclaratoria * {
	display: block;
	padding: 2.5px;
}

.Procnota {
	height: 20%;
	width: 95%;
	margin: auto;
}

.Procnotahist {
	height: 40%;
	width: 95%;
	margin: auto;
}

.boton_Proc_NotaAclaratoria {
	display: inline-block !important;
}

.boton_Proc_NotaAclaratoria img {
	width: 30px;
	height: 30px;
}

.tituloProc_NotaAclaratoria {
	margin-left: 45% !important;
}

.tituloProc_NotaAclaratoria img {
	width: 30px;
	height: 30px;
}

/*---------------------------------FIN  css procedimientos------------------------------------*/

a#ocultarBuscadorCitas {
	float: left;
}

/*  --------------------------------------------------------------------------------------------CSS LUIS -------------------------------------------------------------------------------------- */
.CentrarTabla {
	width: 50%;
	margin-left: 25%;
	margin-right: 25%;
}

.AjustarAncho {
	width: 100%;
}

.encabezado {
	background-color: #D3DCE3;
}

.textareaRemision {
	width: 100%;
	min-height: 40px;
}

#divespecilidadesbusqueda {
	min-height: 140px;
	max-height: 140px;
	overflow-x: hidden;
	overflow-y: auto;
	max-width: 500px;
}

#divespecilidadesdetalle {
	/* min-height: 170px;
	max-height: 170px;
	overflow-x: hidden;
	overflow-y: auto;
	min-width: 500px;
	max-width: 600px; */
}

#terciario.PersonalizadoFormula {
	position: absolute;
	display: table;
	overflow-x: auto;
	overflow-y: auto;
}

#ListadoPersoanlizadoFormula {
	float: right;
	margin-left: 35%;
	margin-right: 20%;
	margin-top: 10%;
	margin-bottom: 30%;
	overflow-x: hidden;
	overflow-y: hidden;
}

#terciarioforms.Formulacion {
    border-radius: 5px;
    left: 50%;
    height: 400px;
    margin-left: -40%;
	margin-top: 5%;
    overflow: auto;
    width: 80%; /*55%;    1300 */
    z-index: 100;
    padding: 1%;
	box-sizing: border-box;
}

/*Modificación de clase para los personalizados de fórmulas estadísticas*/
/*Hector Mario Zapata*/
/*Fecha moficación: 2016-09-28*/
.NuevaFormulacion {
    border-radius: 5px;
    left: 50%;
    height: 300px;
    margin-left: -28%;
	margin-top: 4%;
    overflow-x: auto;
    overflow-y: auto;
    width: 55%;
    z-index: 100;
}

#medicamentosencabezado {
	height: 220px;
	width: 100%;
	overflow-x: auto;
	overflow-y: auto;
}

#permedicamentosencabezado {
	height: 180px;
	width: 720px;
	overflow-x: auto;
	overflow-y: auto;
}

#DivListadoPersolaizadosFormulasEstadisticas {
	background-color: rgb(255, 255, 255);
	border-radius: 5px;
	box-shadow: 2px 2px 5px #999;
	/*display: none;*/
	float: right;
	margin-right: 3%;
	margin-top: 1%;
	height:95%;
	position: relative;
	width: 95%;
	z-index: 100;
}

#ListadoPersolaizadosFormulasEstadisticas {
	width: 100%;
}

#DetalleResultadosPersonalizadosFormulacion {
	overflow-x: auto;
	overflow-y: auto;
	width: 100%;
	min-height: 0px;
	max-height: 250px;
	font-size: 10px;
}

#ResultadosPersonalizadosFormulacion {
	overflow-x: auto;
	overflow-y: auto;
	width: 100%;
	min-height: 0px;
	max-height: 150px;
	font-size: 11px;
}

#pertablamedicamentosencabezado {
	width: 100%;
}

#DivListadoPersonalizadosRemision {
	position: relative;
	width: 20%;
	height: 50%;
	max-height: 400px;
	float: right;
	z-index: 200;
	background-color: #A2D3FF;
	margin-top: 9%;
}

#ResultadosPersonalizadosRemision {
	overflow-x: auto;
	overflow-y: auto;
	width: 100%;
	min-height: 0px;
	max-height: 250px;
	font-size: 11px;
}

#EspecilistaSelecionado {
	width: 100%;
	margin-top: 0%;
}

#terciarioforms.Remision {
	position: relative;
	margin-right: 5%;
	margin-left: 25%;
	margin-top: 4%;
	overflow-x: auto;
	overflow-y: auto;
	display: table;
	width: 525px;
	height: 330px;
	z-index: 100;
	float: left;
}

#terciario.PersonalizadoRemision {
	display: table;
	overflow-x: auto;
	overflow-y: auto;
}

#DetallePersonalizadoRemision {
	float: left;
	height: 275px;
	width: 525px;
}

#perdivespecilidadesbusqueda {
	min-height: 150px;
	max-height: 150px;
	overflow-x: hidden;
	overflow-y: auto;
	max-width: 500px;
}

#perdivespecilidadesdetalle {
	min-height: 150px;
	max-height: 150px;
	overflow-x: hidden;
	overflow-y: auto;
	max-width: 500px;
}

/*
 * @autor Luis Emilio Castañeda Alvarez 2014-01-14 Actualizacion de personalizado Antecedentes
 */

.classAntecedentes {
	width: 50%;
	display: inline-block;
	position: relative;
	vertical-align: top;
	font-size: small;
}
.content-Antecedentes{
	width: 100%;
	height: auto;
	padding: 10px;
	display: block;
	font-size: 0px;
	box-sizing: border-box;
}
.content-Antecedentes .table-header{
	width: 60%;
    display: table;
    float: right;
    font-size: small;
}
.classAntecedentesRight {
	width: 60% !important;
}

.classAntecedentesLeft {
	width: 40% !important;
	float: left;
	padding: 10px;
	box-sizing: border-box;
}
.classAntecedentesLeft2{
	float: left;
    margin-left: 2%;
    margin-top: 1%;
}
@media screen and (max-width: 1350px){
.classAntecedentesRight {
	width: 65% !important;
	float: right;
}

.classAntecedentesLeft {
	width: 35% !important;
}	
}
@media screen and (max-width: 1180px){
.classAntecedentes.classAntecedentesRight, .classAntecedentes.classAntecedentesLeft{
	width: 100% !important;
	display: block !important;
	float: inherit !important;
}
.content-Antecedentes .table-header{
	width: 100%;
	display: table;
	float: inherit !important;
}
}
#AntecedentesSeleccionados {
	max-height: 200px;
	overflow-y: auto;
	width: 100%;
	/* max-width: 532px; */
	min-height: 30px;
}

#AntecedentesSeleccionados2 {
	width: 100%;
}

/*
 * Notas Aclaratorias
 */

#terciarioforms.NotasAclaratorias {
	margin-left: 20%;
	margin-top: 7%;
	overflow-x: auto;
	overflow-y: auto;
	display: table;
	width: 700px;
	height: 350px;
	z-index: 100;
	border-radius:10px;
}

#DetallePersonalizadoRemision {
	width: 100%;
	height: 300px;
	float: left;
}

#MenuPersonalizadoNotasAclaratorias {
	background-color: #6699cc;
	float: left;
	width: 100%;
	height: 50px;
}

/*
 *Notas Evolucion
 
 CSS OLD NOTA DE EVOLUCIÓN

#terciarioforms.NotasEvolucion {
	margin-left: -500px;
	left: 50%;
	margin-top: 4%;
	overflow-x: auto;
	overflow-y: auto;
	display: table;
	width: 1000px;
	height: 90%;
	z-index: 100;
	border-radius: 8px;
}



 */

#terciarioforms.NotasEvolucion {
	width: 1000px;
	display: table;
	margin: 65px auto 0px; 
	position: relative !important;
	padding-bottom: 20px;
}

#terciarioforms.NotasEvolucion #DetalleNotasEvolucion {
	width: 680px;
	float: left;
	height: 500px;
    max-height: 500px;
    overflow-y: scroll;
}

#DetalleConsultas {
	background-color: #B7D6F4;
	float: right;
	width: 300px;
	height: 560px;
	margin-right: 5px;
	margin-top: 10px;
	border-radius: 5px;
	margin-bottom: 5px;
}

#tablaconsulta {
	width: 98%;
}

#MenuNotasEvolucion {
	background-color: #C7D0D6;
	float: left;
	width: 700px;
}

#consultas {
	max-height: 100px;
	overflow-x: auto;
	overflow-y: auto;
}

#diagnosticos {
	min-height: 0px;
	max-height: 80px;
	overflow-y: auto;
}

#terciarioforms.Impresion {
	margin-left: 45%;
	margin-top: 10%;
	width: 200px;
	height: 160px;
	z-index: 100;
	overflow: hidden;
}

.mensajeautoguardado {
	color: #B6C4C4;
}

/*cambio 18-07-2013
 *
 */
div#buscadordecitas {
	background-image: url("../imagenes/banner.png");
	background-repeat: no-repeat;
	width: 708px;
	max-height: 500px;
	left: 50%;
	z-index: 100;
	margin-left: -354px;
	position: absolute;
	display: none;
	font-size: 14px;
	font-weight: bold;
	color: rgb(255, 255, 255);
	top: 5%;
	padding: 10px;
}

div#divresultadosBusquedaCitas {
	width: 900px;
	margin-left: -15%;
	max-height: 400px;
	overflow-x: hidden;
	overflow-y: auto;
	display: block;
	border-radius: 15px;
	background-color: #FFFFFF;
	margin-top: 20px;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
}

#tablaresultadosBusquedaCitas {
	width: 100%;
}

div#divresultadosBusquedaCitas a {
	color: #2E9AFE;
}

div#divresultadosBusquedaCitas a:hover {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #575E65;
	cursor: pointer;
}

/* --------------------------------------------------------------------------------------------MEdia queries-------------------------------------------------------------------------------------------*/

@media screen and (min-width: 1200px) and (max-width: 1400px) {

	#secundarioForms {
		bottom: 0;
	}

	#tablaencabezadopaciente {
		font-size: 10px;
	}

}



@media screen and (max-width: 1300px) {
	#secundarioForms{
		width: 98% !important;
		margin-left: 1%;
		margin-right: 1%;
		bottom: 0;
	}
}

@media screen and (max-width: 1200px) {
	body {
		font-size: 10px;
	}

	/*#secundarioForms {
		width: 98%;
		margin-left: 1%;
		margin-right: 1%;
		bottom: 0;
	}*/

	#divmenuprincipalconsulta {
		margin-left: 0;
		margin-right: 0;
		margin-top: 0;
		margin-bottom: 0;
	}

	#divmenusecundarioconsulta {
		margin-left: 10%;
		margin-top: 0;
		width: 22%;
	}

	#tablaencabezadopaciente {
		font-size: 10px;
		margin-left: 28%;
		margin-top: 0;
	}

	#divformsconsulta {
		margin-left: 11%;
		margin-top: 5%;
		height: 90%;
		width: 88%;
	}

	#terciarioforms.theater {
		height: 80%;
		width: 80%;
		margin-left: 10%;
		margin-top: 5%;
		overflow-x: hidden;
		overflow-y: auto;
		min-height: 450px;
	}

	#DivListadoPersolaizadosFormulasEstadisticas {
		max-height: 400px;
		margin-top: 15%;
	}

	#divizqctc_medicamentos {
		float: none;
		width: 90%;
	}

	#divderctc_medicamentos {
		float: none;
		width: 90%;
	}

}

@media screen and (max-width: 1100px) {
	body {
		font-size: 10px;
	}

	#secundarioForms {
		width: 98%;
		max-height: 100%;
		margin-left: 1%;
		margin-right: 1%;
		bottom: 0;
	}

	true {
		margin-left: 0;
		margin-right: 0;
		margin-top: 0;
		margin-bottom: 0;
	}

	#divmenusecundarioconsulta {
		margin-left: 10%;
		margin-top: 0;
		width: 22%;
	}

	#tablaencabezadopaciente {
		font-size: 10px;
		margin-left: 28%;
		margin-top: 0px;
	}

	#divformsconsulta {
		margin-left: 11%;
		margin-top: 5%;
		height: 90%;
		width: 88%;
	}

	#terciarioforms.theater {
		height: 80%;
		width: 80%;
		margin-left: -40%;
		margin-top: 5%;
		overflow-x: hidden;
		overflow-y: auto;
		min-height: 450px;
		left: 50%;
	}

	#DivListadoPersolaizadosFormulasEstadisticas {
		max-height: 400px;
		margin-top: 15%;
	}

	#divizqctc_medicamentos {
		float: none;
		width: 90%;
	}

	#divderctc_medicamentos {
		float: none;
		width: 90%;
	}

}

#sonido{
	float:right;
	background-color: #EEA730;
	height: 19px;
	border-top-right-radius: 10px;
}

#tonosdelchat{
	visibility: hidden;
	background-color: #EEA730;
}
.tonosdelchat2{
	visibility: visible !important;
	background-color: #EEA730 !important;
}

/*-------------------- Material Icons --------------------*/

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url('../utileria/material-design-icons-2.0/iconfont/MaterialIcons-Regular.eot'); /* For IE6-8 */
  src:
  		local('Material Icons'),
       	local('MaterialIcons-Regular'),
  		url('../utileria/material-design-icons-2.0/iconfont/MaterialIcons-Regular.woff2') format('woff2'),
       	url('../utileria/material-design-icons-2.0/iconfont/MaterialIcons-Regular.woff') format('woff'),
       	url('../utileria/material-design-icons-2.0/iconfont/MaterialIcons-Regular.ttf') format('truetype');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}

/********** Personalizados **********/

.tituloPersonaizado {
	background-color: #E5E5E5;
    border-radius: 6px;
    font-size: 18px;
    font-weight: bold;
    height: 29px;
    margin-top: 5px;
    margin-left: 5%;
    padding-top: 5px;
    text-align: center;
	width: 90%;
}





/*CSS DE BLOQUEADOR DE PESTAÑAS*/
._containerBlock {
	height: 200px;
	width: 40%;
	background: white;
	position: absolute;
	z-index: 1000;
	border-radius: 20px;
	margin: 30%;
	margin-top: 14%;
}
.overlay_block{
  background: rgba(0, 0, 0, 0.75);
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s ease-in;
  z-index: 999;
}
.overlay_block1{
  background: transparent;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s ease-in;
  z-index: 999;
}

.overlay_block.active{
  opacity: 1;
  visibility: visible;
}
.overlay_block1.active{
  opacity: 1;
  visibility: visible;
}

._headerBlock {
	height: 50px;
	width: 100%;
	background: #5d8ab7;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	padding-top: 15px;
}

._bodyBlock p{
	font-size: 18px;
	padding: 19px;
	font-weight: bold;
	text-align: center;
}

.hidden{
	display: none !important;
}

._titleBlock {
	margin-top: 0;
	text-align: center;
	color: #fa0;
	font-weight: bold;
}

@keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.heartBeat {
    -webkit-animation-duration: 1.3s;
    -webkit-animation-name: heartBeat;
    -webkit-animation-timing-function: ease-in-out;
    animation-duration: 1.3s;
    animation-name: heartBeat;
    animation-timing-function: ease-in-out
}

/*CSS DE BLOQUEADOR DE PESTAÑAS*/


/* CSS PARA SERVICIOS -> CREAR*/

#container_ServiciosEspeciales{
	padding: 20px;
	width: 95%;
	box-shadow: 0px 0px 5px 2px #0000001a, 0px 10px 7px #eea7301a;
	margin-top: 3%;
	border-radius: 15px;
	margin: 1%;
}

#container_ServiciosEspeciales input[type="text"]{
	height: 20px;
}
#container_ServiciosEspeciales p{
	margin: 0;
	padding: 0;
}
.servicio_valor_sesion p{
	width: 15%;
	margin-top: 1%;
	margin-left: 2%;
}
.servicio_valor_sesion{
	display: inline-flex;
	padding: 5px;
}

/* CSS PARA SERVICIOS -> CREAR*/

/*CSS TABLAS PARA HIMED*/

	/*HEADER Y TITULOS*/
	.table-titulos h3 {
     color: #fafafa;
     font-size: 30px;
     font-weight: 400;
     font-style:normal;
     font-family: "Roboto", helvetica, arial, sans-serif;
     text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1);
     text-transform:uppercase;
    }

	.table-titulos {
      display: block;
      margin: auto;
      max-width: 900px;
      padding:5px;
      width: 100%;
    }

	.table_header{
      width: 100%;
      font-size: 14px;
      margin-left: 1%;
    }

    .table_header td, .table_header th{
      padding: 5px 10px;
      text-align: center;
    }

    .table_header-fill tr:hover td {
      background:rgb(229, 229, 229);
      color:#000;
      border-top: 1px solid #22262e;
    }

    .table_header-fill tr:nth-child(odd):hover td {
      background:rgb(211, 220, 227);
    }
    .table_header-fill {
	    background: white;
	    border-radius:3px;
	    border-collapse: collapse;
	    height: 20px;
	    margin: auto;
	    max-width: 1000px;
	    padding:5px;
	    width: 100%;
	    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
	    animation: float 5s infinite;
	}

    .th_table {
            color: black;
            background: #81aedb;
            border-bottom: 4px solid #9ea7af;
            border-right: 1px solid #343a45;
            font-size: 12px;
            font-weight: normal;
            padding: 8px;
            text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
            vertical-align: middle;
            max-height: 20px;
            text-align: center;
    }

	@media screen and (max-width: 1100px) {
		.th_table {
            font-size: 11px;
            padding: 6px;
    	}
		.td_table_pequenas{
			font-size: 11px !important;
		}
	}

	@media screen and (max-width: 900px) {
		.th_table {
            font-size: 10px;
            padding: 1px;
    	}
		.td_table_pequenas{
			font-size: 10px !important;
            padding: 0px;
		}
	}

	@media screen and (max-width: 800px) {
		.th_table {
            font-size: 9px;
            padding: 0px;
    	}
		.td_table_pequenas{
			font-size: 9px !important;
            padding: 0px;
		}
	}

      .th_table:first-child {
        border-top-left-radius:3px;
      }

      .th_table:last-child {
        border-top-right-radius:3px;
        border-right:none;
      }

      .tr_table {
        border-top: 1px solid #C1C3D1;
        border-bottom-: 1px solid #C1C3D1;
        color:#666B85;
        font-size:16px;
        font-weight:normal;
        text-shadow: 0 1px 1px rgba(256, 256, 256, 0.1);
      }

      .td_table {
        background:rgb(211, 220, 227);
        padding:20px;
        text-align:left;
        vertical-align:middle;
        font-weight:normal;
        font-size: 12px;
        text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1);
        border-right: 1px solid #C1C3D1;
        height: 5px;
        padding-top: 10px;
        padding-bottom: 10px;
      }

      .tr_table:hover .td_table {
        background:rgb(229, 229, 229);
        color:#000;
        border-top: 1px solid #22262e;
      }

      .tr_table:first-child {
        border-top:none;
      }

      .tr_table:last-child {
        border-bottom:none;
      }

      .tr_table:nth-child(odd) .td_table {
        background:rgb(229, 229, 229);
      }

      .tr_table:nth-child(odd):hover .td_table {
        background:rgb(211, 220, 227);
      }

      .tr_table:last-child .td_table:first-child {
        border-bottom-left-radius:3px;
      }

      .tr_table:last-child .td_table:last-child {
        border-bottom-right-radius:3px;
      }
      .td_table_pequenas{
        padding-top: 1px;
        padding-bottom: 1px;
        background: #d3dce3;
        color: black;
        font-size: 12px;
      }

    .fieldset_blanco{
      border: 2px solid white;
      border-radius: 6px;
      margin-bottom: 1%;
    }
    .fieldset_negro{
      border: 2px solid black;
      border-radius: 6px;
      margin-bottom: 1%;
    }

/*CSS TABLAS PARA HIMED*/

/*CSS PARA FORM DE FACTURA*/

	.container_h {
		padding: 20px;
		width: 95%;
		box-shadow: 0px 0px 5px 2px #0000001a, 0px 10px 7px #eea7301a;
		margin-top: 1%;
		border-radius: 15px;
		margin-left: 1%;
	}

	#formFactura p {
		height: 20px;
	}
	#tbl_fact_servicio{
		width: 100%;
	}
	#tbl_fact_servicio input[type="text"]{
		width: 90%;
	}
	#tbl_fact_servicio td {
		padding: 4px;
		text-align: center;
	}
	.no_border{
		border: none;
	}
	#recibosFacturacion th {
		color: black;
		font-weight: bold;
	}
	.tiposFacturacion{
		display: inline-block;
		width: 16%;
		height: 10%;
		margin-bottom: 1%;
		font-size: 11px;
		font-weight: bold;
	}

	.tbl_mod_cop{
		max-width: 600px;
	}
	.tbl_mod_cop td input[type="text"]{
		width : 80%;
		text-align: center;
		font-size: 12pt;
	}
	.disabled:not(.input-image){
		color: currentColor;
		cursor: not-allowed !important;
		opacity: 0.5;
		text-decoration: none;
	}
	.disabled-disabled{
		background-color: var(--gris_light) !important;
		border-color: var(--text_light) !important;
		font-weight: 600;
		opacity: 63%;
	}


	.input_warning{
		box-shadow: 0 0 1px 2px #F6AD35 !important;
		/*border: 1px solid #f6ad35 !important;*/
	}
/* CSS FACTUACIÓN*/

	.overlayModales{
	  background: rgba(0, 0, 0, 0.4);
	  position: fixed;
	  left: 0;
	  right: 0;
	  top: 0;
	  bottom: 0;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  opacity: 0;
	  visibility: hidden;
	  transition: 0.5s ease-in;
	  z-index: 999;
	}
	.overlayModales.active{
	  opacity: 1;
	  visibility: visible;
	}

	.cerrarModal{
		position: absolute;
	    right: 2%;
	    top: 10%;
	    font-size: 17px;
	    color: black;
	    font-weight: bold;
	    cursor: pointer;
	}
	#tblDobleNotaCredito{
	    width: 98%;
	}

	.pModal{
	    padding: 1px !important;
	    margin: 0;
	    font-size: 13px !important;
	    color: black;
	}
	#tblFacturasCotizaciones tr td {
	    text-align: center;
	}

	.btn-toastr {
	    width: 100%;
	    background: transparent;
	    height: 30px;
	    border-radius: 10px;
	    color: black;
	    border: 1px solid black;
	    margin-top: 3%;
	    cursor: pointer;
	}

	.btn-toastr:hover {
	    background: #ffffff;
	    color: red;
	    font-weight: bold;
	    transform: scale(1.05);
	}

/*CSS BADGE NOTIFICACIONES*/
	/*LA CLASE item-badge SE UTILIZA EN EL CONTENEDOR PRINCIPAL*/
	.item-badge {
	    position:relative;
	}
	/*LA CLASE notify-badge SE UTILIZA EN UN SPAN*/
	.notify-badge {
	    position: absolute;
	    top: -6px;
	    background: rgb(255, 0, 0);
	    text-align: center;
	    border-radius: 30px 30px 30px 30px;
	    padding: 2px 5px;
	    font-size: 10px;
	    left: 20px;
	    font-weight: bold;
	    color: white;
	    width:max-content
	}
/*CSS BADGE NOTIFICACIONES*/

/*CSS UPLOAD BUTTON*/
	.wrapper_up {
	    width: 10%;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    cursor: pointer;
	}
	.wrapper_up .file-upload_up {
	    height: 60px;
	    width: 60px;
	    border-radius: 100px;
	    position: relative;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    border: 4px solid #eda630;
	    overflow: hidden;
	    background-image: linear-gradient(to bottom, #5d8ab7 50%, #eda630 50%);
	    background-size: 100% 200%;
	    transition: all 1s;
	    color: #FFFFFF;
	    font-size: 100px;
	}
	.wrapper_up .file-upload_up input[type='file'] {
	  position: absolute;
	  top: 0;
	  left: 0;
	  opacity: 0;
	  cursor: pointer;
	}
	.wrapper_up .file-upload_up:hover {
	  background-position: 100% +100%;
      color: #ffffff;
	  border: 4px solid #5d8ab7;
	}

	.wrapper_up .file-download {
	    height: 60px;
	    width: 60px;
	    border-radius: 100px;
	    position: relative;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    border: 4px solid #eda630;
	    overflow: hidden;
	    background-image: linear-gradient(to bottom, #5d8ab7 50%, #eda630 50%);
	    background-size: 100% 200%;
	    transition: all 1s;
	    color: #FFFFFF;
	    font-size: 100px;
	}
	.wrapper_up .file-download:hover {
	  background-position: 0 -100%;
      color: #ffffff;
	  border: 4px solid #5d8ab7;
	}
	.wrapper_up .file-download:is(.btn-txt) {
		border: none !important;
		width: 30px !important;
		height: 30px !important;
		top: inherit;
		background-color: transparent;
	}
	.wrapper_up .file-download:is(.btn-txt) a, 
	.wrapper_up .file-download:is(.btn-txt) img,
	.wrapper_up .file-download:is(.btn-txt) span{
		position: relative;
		width: 100%;
		height: 100%;
		display: block;
		margin: 0px;
		top: 0px !important;
		left: 0px !important;
		font-size: 0px !important;
	}


/*CSS UPLOAD BUTTON*/

/* CSS PULSE BUTTON */

	.pulse-button {
	  border-radius: 50%;
	  cursor: pointer;
	  -webkit-animation: shadow-pulse 1.5s infinite;
	}
	.pulse-button:hover {
	  -webkit-animation: none;
	}

	@keyframes shadow-pulse{
	    0% {
	        box-shadow: 0 0 0 0px rgb(237, 166, 48);
	    }
	    100% {
	        box-shadow: 0 0 0 20px rgba(237, 166, 48, 0);
	    }
	}


/* CSS PULSE BUTTON */


/* CSS COMPARAR IMAGENES */
	#contenedor-comparacion {
	  display: grid;
      grid-template-columns: repeat(2,1fr);
      justify-items: center;
      /*height: 500px !important;*/
      grid-gap: 20px;
      overflow-y: scroll !important;
	}
	/*#contenedor-comparacion img {
	   width: 90%;
  	   padding: 5px;
	}*/
	#contenedor-comparacion .tile{
		overflow: hidden !important;
	}
	.borderComparison{
		border: 1px solid black;
		width: 100%;
		text-align: center;
	}
	.remove-hover-opacity:hover{
		opacity: 1;
	}
	.detail-view{
		position: absolute;
	    width: 50%;
	    height: 80%;
		background-repeat   : no-repeat;
		background-position : center;
		transition          : transform .5s ease-out;
	}
	.tiles {
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		height: 500px !important;
		max-height: 500px;
		overflow: hidden !important; 
	}
	.tile {
		position: relative;
		height: 500px;
		max-height: 500px;
		display: block;
	}
	.tile .zoom-box{
		display: block;	
	}
	.photo {
	    width: auto;
	    height: 100%;
	    max-height: 100%;
	    display: block;
	    margin: 0px auto;
	    position: relative;
	    top: 50%;
	    left: 50%;
		transition: transform .5s ease-out;
		transform: translate(-50%,-50%);
		-webkit-transform: translate(-50%,-50%);
	}
	/*
	.photo {
		position: relative;
		top: 50%;
		left: 50%;
		width: 80%;
		height: auto;
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		transition: transform .5s ease-out;
		transform: translate(-50%,-50%);
		-webkit-transform: translate(-50%,-50%);
	}*/
	.txt {
		position: absolute;
		z-index: 2;
		right: 0;
		bottom: 10%;
		left: 0;
		font-family: 'Roboto Slab', serif;
		font-size: 9px;
		line-height: 12px;
		text-align: center;
		cursor: default;
	}
	.x {
		font-size: 32px;
		line-height: 32px;
		color: black;
		text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
	}
/* CSS COMPARAR IMAGENES */

/** CSS BARRA DE PROGRESO */

.progress{
	background: rgb(229, 229, 229);
    width: 100%;
    height: 15px;
    border: 2px solid #eda630;
    display: none;
    text-align: center;
    border-radius: 10px;
}

.progress-success{
	background: rgb(93, 138, 184);
	height: 15px;
	border-radius: 10px;
	opacity: 0.8;
	width: 30%;
}

/** CSS BARRA DE PROGRESO */

/*CSS PARA AGREGAR ERROR A LOS CAMPOS*/
.red-border-pulse {
	position         : relative;
	border           : 1px solid rgba(232, 76, 61, 0.7);
	box-shadow       : 0 0 0 0 rgba(232, 76, 61, 0.7);
	background-size  : cover;
	background-repeat: no-repeat;
	cursor           : pointer;
	-webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
	-moz-animation   : pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
	-ms-animation    : pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
	animation        : pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
}
.red-border-pulse:hover {
	-webkit-animation: none;-moz-animation: none;-ms-animation: none;animation: none;
	border           : 1px solid #C9C9C9;
}
  
@-webkit-keyframes pulse {to {box-shadow: 0 0 0 10px rgba(232, 76, 61, 0);}}
@-moz-keyframes pulse {to {box-shadow: 0 0 0 10px rgba(232, 76, 61, 0);}}
@-ms-keyframes pulse {to {box-shadow: 0 0 0 10px rgba(232, 76, 61, 0);}}
@keyframes pulse {to {box-shadow: 0 0 0 10px rgba(232, 76, 61, 0);}}
/*CSS PARA AGREGAR ERROR A LOS CAMPOS*/
/* CSS DE MEJORAS ~nota aclaratoria~ */
#terciarioforms.NotasAclaratorias{
	margin-left: 33% !important;
}
#terciarioforms.NotasEvolucion{
	height: auto !important
}
#terciarioforms.NotasEvolucion #tablaremision{
	width: 98% !important;
	max-width: 98% !important;
}
#terciarioforms.NotasEvolucion #tablaremision textarea{
	resize: vertical !important;
	width: 100%;
}
#terciarioforms.NotasEvolucion #formularioConsulta textarea{
	resize: none !important;
	width: 100%;
	height: 415px;
}
.Proc_NotaAclaratoria,.NotasAclaratorias{
	overflow: hidden !important;
	height: auto !important;
    box-sizing: border-box !important; 
    padding-bottom: 20px !important;
}
.Proc_NotaAclaratoria h2.tituloProc_NotaAclaratoria, .NotasAclaratorias #MenuPersonalizadoNotasAclaratorias{
	width: 100% !important;
	height: auto;
	padding: 5px 0 0 0 !important;
	display: block;
	margin: 0px auto !important;
	font-size: large;
	text-align: center;
	box-sizing: border-box;
	background-color: #6699cc !important;
	color: #FFFFFF !important;
	position: relative;
	box-shadow: 0px 1px 3px 1px #b3b3b3;
}
.Proc_NotaAclaratoria h2.tituloProc_NotaAclaratoria div, .NotasAclaratorias #MenuPersonalizadoNotasAclaratorias table{
	display: inline-block !important;
    position: absolute !important;
    vertical-align: top !important;
    padding: 0px !important;
    margin: 0px !important;
    float: left;
    top: 0;
    left: 5px;
}
.Proc_NotaAclaratoria h2.tituloProc_NotaAclaratoria div a{
	padding: 0px !important;
	margin: 0px 5px !important;
}
.Proc_NotaAclaratoria h3,.NotasAclaratorias tr td p{
	width: 100%;
	height: auto;
	display: block;
	margin: 5px auto;
	text-align: center;
	font-size: large;
	color: #676767;
	font-weight: 600;
}
.NotasAclaratorias #DetallePersonalizadoRemision{
	/* height: auto !important; */
	height: 500px;
    overflow-y: auto;
}
.NotasAclaratorias #tablaremision{
	width: 100%;
	padding-bottom: 20px;
}
.NotasAclaratorias textarea{
	width: 95%;
	display: block;
	margin: 0px auto;
}
.Proc_NotaAclaratoria textarea.Procnota, .NotasAclaratorias textarea[name="notaaclaratoria"]{
	height: 120px;
	resize: none !important
}
.Proc_NotaAclaratoria textarea.Procnotahist, .NotasAclaratorias textarea[name="historialnotaaclaratoria"]{
	height: 140px !important;
	resize: none !important
}
.btn-diag{
	font-size: 1.2em!important;
	margin: 5px!important;
	padding: 10px!important;
	font-style: normal!important;
	font-weight: 100!important;
	background-color: #ddd!important;

}
.btn-diag:hover{
	background-color: #ccc!important;
}
.bt_correo{
	border: 4px solid orange!important;
    font-size: large;
    width: 40px;
    height: 40px;
    margin-right: 6px;
    padding: auto;
    
	
}

.bt_correo:hover{
	opacity: 0.8;
}

.bt_correo_inactivo{
	background-color: #888!important;
	border: 4px solid #ccc!important;
}

#bt_enviar i, #bt_enviar_responsable i, .bt_correo i{
	vertical-align: middle;

}
/*
#bt_enviar.bt_enviar_inactivo, #bt_enviar_responsable.bt_enviar_inactivo{
	background-color: #888!important;
	border: 2.8px solid #ccc!important;
}*/

#redes_view{
	list-style:none;padding:0px;
}
#redes_view{
	display:inline-block;
}
#redes_view select{
	width: 150px;
    display: inline-block;
    position: relative;
    vertical-align: top;
    margin-right: 10px;
}
#redes_load button{
	padding:0;
	 border: 0px;
    position: relative;
    vertical-align: top;
}
#redes_load input{
    position: relative;
    vertical-align: top;
}
.redes_load img{
	display: inline-block;
}
.media_icon{
	 filter: grayscale(1);
}


/* REGLA PARA PANTALLAS DE RESOLUCIÓN IGUAL O INFERIOR A  1366 PX */
@media screen and (max-width: 1400px){
/* modal de nota de evolución  */
#terciarioforms.NotasEvolucion {
	margin: 55px auto 0px; 
	padding-bottom: 10px;
}
#terciarioforms.NotasEvolucion #formularioremision #tablaremision br{
	display: none !important;
}
#terciarioforms.NotasEvolucion #DetalleConsultas{
	height: 460px !important;
}
#terciarioforms.NotasEvolucion #DetalleConsultas textarea{
	height: 320px !important;
}
#terciarioforms.NotasEvolucion #DetalleNotasEvolucion{
	height: 380px !important;
}
}
/* mejora visual en personalizados, ajuste de resolución de pantalla */
.personalizado-visualizacion{
	width: 60% !important;
	display: block !important;
	margin: 0px auto !important;
}
.personalizado-visualizacion .jconfirm-content-pane, .personalizado-visualizacion .jconfirm-content{
	margin: 0px auto !important;
}
@media screen and (max-height: 1080px){
	.personalizado-visualizacion .personalizadoactivo{
		height: 240px !important;
	}
	.personalizado-visualizacion #div_resultado_personalizados{
		height: 180px !important;
	}
	.personalizado-visualizacion #detalle_personalizado{
		height: 85% !important;
	}
}
.itemformNotas input[type="radio"] ~ label,label[for="fumador0"]{
	line-height: 2.5 !important;
}
/* ventana de documentos de habilitación  */
#terciarioforms.terciarioDCHabilitacion{
	top: 0px;
    width: 100%;
    height: 100%;
    background-color: transparent;	
}
#terciarioforms.terciarioDCHabilitacion .windows_himed{
	top: inherit !important;
    left: inherit !important;
    transform: inherit !important;
    margin: 50px auto !important;
    position: relative !important;
	height: auto !important;
    min-height: auto !important;
}
#terciarioforms.terciarioDCHabilitacion .windows_himed .body_windows{
	width: 95%;
    min-height: 100px;
    height: auto;
    display: block;
    margin: 15px auto 10px;
    border: 1px solid var(--border-color);
    padding: 5px;
    box-sizing: border-box;
}
#terciarioforms.terciarioDCHabilitacion  ul.list_dc{
	width: 100%;
	height: auto;
	display: block;
	list-style: none;
	font-size: 0px;
}
#terciarioforms.terciarioDCHabilitacion  ul.list_dc li{
	width: 50%;
	height: auto;
	padding: 5px;
	position: relative;
	vertical-align: top;
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
}
#terciarioforms.terciarioDCHabilitacion  ul.list_dc li a{
	width: 100%;
    height: auto;
    display: block;
    padding: 5px;
    font-size: medium;
    border-radius: 5px;
    box-sizing: border-box;
    border: 1px solid var(--table-gris);
}
#terciarioforms.terciarioDCHabilitacion  ul.list_dc li a:hover{
	background-color: var(--table-for-color);
    border: 1px solid var(--color_azul_himed);
}
#terciarioforms.terciarioDCHabilitacion  ul.list_dc li a img{
	width: 50px;
	height: auto;
	display: inline-block;
	position: relative;
	vertical-align: top;
	filter: grayscale(1) opacity(0.4);
}
#terciarioforms.terciarioDCHabilitacion  ul.list_dc li a p{
    width: 75%;
    margin: 5px;
    padding: 5px;
    position: relative;
    vertical-align: top;
    display: inline-table;
    box-sizing: border-box;
    text-align: left;
    color: var(--gris);
}
#terciarioforms.terciarioDCHabilitacion  ul.list_dc li a:hover p{ 
	color: var(--azul);
}
#terciarioforms.terciarioDCHabilitacion  ul.list_dc li a:hover img{
	filter: grayscale(0) opacity(1);
}
@media screen and (max-width: 680px){
	#terciarioforms.terciarioDCHabilitacion  ul.list_dc li{
		width: 100% !important;
	}
}
.animacion_chat{
	animation-name: anim;
  	animation-duration: 2s;
  	animation-iteration-count: infinite;
}
@keyframes anim{
    0% {background-color:  var(--naranja_web);} /*Amarillo*/
   25% {background-color: var(--gris);} /*Naranja*/
   50% {background-color: var(--naranja_web);} /*Negro*/
   75% {background-color: var(--gris);} /*Otra vez naranja*/
  100% {background-color:  var(--naranja_web);} /*Otra vez amarillo*/
}





.message-input div.tox-toolbar__primary{
	width: fit-content!important;
}
.message-input div.tox-toolbar-overlord{
	width: fit-content!important;
	display: flex;
}
.message-input div.tox-toolbar-overlord button.tox-tbtn{
	background: white!important;
}
.message-input div.tox-editor-header{
	width: fit-content!important;
	display: flex!important;
}
.message-input div.tox-sidebar-wrap{
	width: 80%!important;
}
.message-input div.tox-editor-container{
	flex-direction:unset!important ;
}

.message-text img{
	width: 100%;
	background-color: white;
}
.message-text table{
	border: 0px;
}
.message-text table td{
	display: flex;
	border: 0px;
}

/*********************************** 
    Inicio ventana
    Realizado: Jogan Ortiz
    fecha: 22-12-2022
***********************************/
.ventana {
    --bs-modal-width: 500px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 85;
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;
}

.ventana-dialogo {
	position: relative;
    width: auto;
    margin: 1.75rem;
    pointer-events: none;
	background-color: transparent;
}

.ventana-dialogo-centrado {
	display: flex;
	align-items: center;
    min-height: calc(100% - 1.75rem * 2);
}

.ventana-dialogo-end {
	display: flex;
	align-items: flex-end;
    min-height: calc(100% - 1.75rem * 2);
}

@media (min-width: 576px){
	.ventana-sm {
		--bs-modal-width: 300px;
	}

	.ventana-dialogo  {
		max-width: var(--bs-modal-width);
		margin-right: auto;
		margin-left: auto;
	}
}

@media (min-width: 992px){
	.ventana-lg, .ventana-xl {
		--bs-modal-width: 800px;
	}
	.ventana-xxl {
		--bs-modal-width: 900px;
	}
}

@media (min-width: 1200px){
	.ventana-xl {
		--bs-modal-width: 1140px;
	}
	.ventana-xxl {
		--bs-modal-width: 1300px;
	}
}

.ventana-fullscreen {
    width: 100vw;
    max-width: none;
    height: 100%;
}

.ventana-autofull {
	max-width: none;
    height: 100%;
}

.ventana-abierta {
    opacity: 0.7;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 50;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;
    background: #0F1923;
}

.ventana-contenido {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-clip: padding-box;
    outline: 0;
	background-color: #ffffff;
	border-radius: 10px;
	min-height: 140px;
}

.ventana-header {
	background-color: var(--azul_web);
	display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    padding: 7px;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(0.5rem - 1px);
    border-top-right-radius: calc(0.5rem - 1px);
	word-break: break-all;
    gap: 7px;
}

.ventana-titulo {
	width: 100%;
	font-weight: 600;
	color: #ffffff;
	text-align: center;
}

.ventana-header img {
	width: 30px;
}

.cerrar-ventana {
	background: none;
    box-shadow: none;
    padding: 0;
    margin: 0;
    display: grid;
    opacity: 1;
}

.ventana-body {
    position: relative;
    flex: 1 1 auto;
    padding: 5px 10px;
    margin-bottom: 10px;
}

.ventana-dialogo-scrollable .ventana-body  {
    overflow-y: auto;
}

.ventana-footer {
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding: calc(1rem - 0.5rem * .5);
    /* background-color: #ffffff; */
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.ventana-dialogo-scrollable {
    height: calc(100% - 1.75rem * 2);
}

.boton-agregar-todo {
	padding: 0.4375rem 1.25rem;
    text-shadow: none;
    font-size: 14px;
    color: #3b3f5c;
    font-weight: normal;
    white-space: normal;
    word-wrap: break-word;
    transition: 0.2s ease-out;
    touch-action: manipulation;
    border-radius: 6px;
    cursor: pointer;
    box-shadow: 0px 5px 20px 0 rgb(0 0 0 / 10%);
    will-change: opacity, transform;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
}

.boton-agregar-todo-azul {
	color: #ffffff;
    background-color: var(--azul_web);
    border: 1px solid #abacb2;
}


.btn-cerrar-ventana {
	color: #ffffff;
    background-color: var(--azul_web);
    border: 1px solid #abacb2;
}

.ventana-botones {
	padding-left: 20px;
    padding-right: 20px;
    background: white;
    padding-top: 3px;
}

.ventana-botones img {
	width: 30px;
}

.titulo-legend {
	background: var(--azul_web);
	font-size: medium;
    padding: 10px;
	color: var(--blanco);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
	text-align: center;
}

.ventana .tabla-responsive  {
	overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

/** tabla **/
.ventana .table {
    width: 100%;
}

/*********************************** 
	Fin ventana
***********************************/

#listadoPersonalizadosDx {
    max-height: 325px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0px 0px 4px 0px;
}

.listadoPersonalizados {
	padding: 10px 5px 10px 5px;
}

.listadoPersonalizados img {
	width: 25px;
}

@media screen and (max-width: 901px) {
	.menuAdminUsuarios {
		flex-direction: column-reverse;
		display: flex;
	}
}

.selectorAntecedentes {
	width: 100%;
	margin-top: 5px;
}

@media (min-width: 702px){
	.selectorAntecedentes {
		width: 40%;
	}
}

form#formfacturador label[for="codPrestador"] {
	display: grid;
	grid-template-columns: 1fr 18px;
	font-weight: 600;
}

form#formfacturador label[for="codPrestador"] a {
	width: 18px;
	height: 18px;
	margin-top: -3px;
}

form#formfacturador label[for="codPrestador"] a img {
	width: 100%;
	height: 100%;
}