/* CUSTOM */
@font-face {
	font-family: 'Roboto-bold';
	src: url('../fonts/roboto/Roboto-Bold.eot');
	src: url('../fonts/roboto/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/roboto/Roboto-Bold.woff2') format('woff2'),
		url('../fonts/roboto/Roboto-Bold.woff') format('woff'),
		url('../fonts/roboto/Roboto-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Roboto-regular';
	src: url('../fonts/roboto/Roboto-Regular.eot');
	src: url('../fonts/roboto/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/roboto/Roboto-Regular.woff2') format('woff2'),
		url('../fonts/roboto/Roboto-Regular.woff') format('woff'),
		url('../fonts/roboto/Roboto-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Franklin-gothic-regular';
	src: url('../fonts/franklin-gothic/FranklinGothicURWBoo.eot');
	src: url('../fonts/franklin-gothic/FranklinGothicURWBoo.eot?#iefix') format('embedded-opentype'),
		url('../fonts/franklin-gothic/FranklinGothicURWBoo.woff2') format('woff2'),
		url('../fonts/franklin-gothic/FranklinGothicURWBoo.woff') format('woff'),
		url('../fonts/franklin-gothic/FranklinGothicURWBoo.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Franklin-gothic-bold';
	src: url('../fonts/franklin-gothic/FranklinGothicURWMed.eot');
	src: url('../fonts/franklin-gothic/FranklinGothicURWMed.eot?#iefix') format('embedded-opentype'),
		url('../fonts/franklin-gothic/FranklinGothicURWMed.woff2') format('woff2'),
		url('../fonts/franklin-gothic/FranklinGothicURWMed.woff') format('woff'),
		url('../fonts/franklin-gothic/FranklinGothicURWMed.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Franklin-gothic-bolder';
	src: url('../fonts/franklin-gothic/FranklinGothicURWDem.eot');
	src: url('../fonts/franklin-gothic/FranklinGothicURWDem.eot?#iefix') format('embedded-opentype'),
		url('../fonts/franklin-gothic/FranklinGothicURWDem.woff2') format('woff2'),
		url('../fonts/franklin-gothic/FranklinGothicURWDem.woff') format('woff'),
		url('../fonts/franklin-gothic/FranklinGothicURWDem.ttf') format('truetype');
	font-weight: bolder;
	font-style: normal;
}

html {
	--scrollbarBG: #CFD8DC;
	--thumbBG: #90A4AE;
  }
/*   body::-webkit-scrollbar {
	width: 11px;
  }
  body {
	scrollbar-width: thin;
	scrollbar-color: var(--thumbBG) var(--scrollbarBG);
  }
  body::-webkit-scrollbar-track {
	background: var(--scrollbarBG);
  }
  body::-webkit-scrollbar-thumb {
	background-color: var(--thumbBG) ;
	border-radius: 6px;
	border: 3px solid var(--scrollbarBG);
  } */
.enlace-no-estilos,
.enlace-no-estilos * {
	text-decoration: none !important;
	color: inherit !important;
}
.enlace-no-estilos:hover,
.enlace-no-estilos:hover * {
	text-decoration: none !important;
	color: inherit !important;
}
.texto-subrayado {
	text-decoration: underline !important;
}
.margin-top--8 {
	margin-top: -8px;
}
.border-yellow {
	border: 1px dashed #ffe693;
	border-radius: 8px;
	padding: 16px;
}
.loader-input {
	position: absolute;
	top: 16px;
	right: 16px;
}
/****** EVITAR AUTORELLENO ****************/

.evitar-autorrelleno {
	position: absolute;
	top: -5000px;
	left: -5000px;
}

body{
	margin: 0;
	padding: 0;
	font-family: Franklin-gothic-regular;
}
.color-red{
	color: #ff0000;
}
.imagen-ficha{
	max-width: 100%;
}
.hidden {
	display: none;
}
.cursor-pointer {
	cursor: pointer;
}
.form-control::placeholder {
	color: #e5e4e7;
}

.w100 {
	width:100%;
}
.color-enlaces {
	color: var(--color-enlaces);
}

#cuerpo-pagina {
	min-height: 100vh;
}
/*** FLATPICKER ***/
.flatpicker.form-control[readonly] {
	opacity: 1;
	background-color: #ffffff;
}
.texto-negrita {
	font-family: Franklin-gothic-bold;
}
.mt-120 {
	margin-top: 120px;
}
/*** WICKEDPICKER *********************************************/

.wickedpicker {
	z-index: 9999;	
}

/*** BOOTSTRAP SELECT ************************************************************************************/
.bootstrap-select.form-control {
	border: 1px solid #ededed;
	color: #67757c;
}
.btn.bs-placeholder.btn-light {
	background-color: #ffffff;
	/* color: #e5e4e7 !important; */
	font-size: 1rem;
}
.btn.btn-light {
	color: #67757c !important;
	font-size: 1rem;
	background-color: #ffffff;
}
.dropdown-item:hover {
	background-color: #a3a9ae;
}
.dropdown-item.active, .dropdown-item:active {
	background-color: #a3a9ae;
}

/*** NAVBAR TOP ***/
#cabecera {
	z-index: 20;
	position: fixed;
	width: 100%;
	/* box-shadow: 0px 0px 7px 0px rgba(60,60,60,0.4); */
}
#cabecera .menu-superior {
	padding: 8px 16px;
}
#cabecera .logo-menu-superior {
	max-height: 30px;
}

.elementos-menu-superior {
	list-style-type: none;
}

.elementos-menu-superior li {
	float: left;
}

.texto-menu-svg .perfil.dropdown-toggle {
	color: black;
}

.perfil.dropdown-toggle {
	z-index: 1000;
}

.perfil.dropdown-toggle::after {
	content: none;
}

.dropdown-item:hover {
	background: none !important;
}


.perfil.dropdown-menu {
	transform: translate3d(-300px,50px,20px) !important;
	width: 325px;
	z-index: 500;
}

/*** MENÚ LATERAL ***/
#menu-lateral-desktop {
	height: 100vh;
	z-index: 7;
	position: fixed;
	left: 0;
	bottom: 0;
	width: 304px;
	padding-top: 47px;/*72px;*/
	padding-left: 8px;
	/* padding-right: 8px; */
}

.li-subcategorias {
	padding-left: 0 !important;
}

.li-subcategorias .texto-menu-svg {
	padding-left: 25px !important;
}

.li-subcategorias ul {
	padding-left: 0 !important;
}

.li-subcategorias ul li {
	padding-left: 70px !important;
}

.li-subcategorias ul li.active {
	padding-left: 65px !important;
}

.menu-mi-perfil, .menu-gestionar-citas, .menu-equipo-medico {
	display: none;
}

.listado-enlaces-menu-lateral {
	overflow-y: auto;
	max-height: 100%;
	scrollbar-width: thin;
	scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}

.listado-enlaces-menu-lateral::-webkit-scrollbar {
	width: 11px;
  }
 
.listado-enlaces-menu-lateral::-webkit-scrollbar-track {
	background: var(--scrollbarBG);
}
.listado-enlaces-menu-lateral::-webkit-scrollbar-thumb {
	background-color: var(--thumbBG) ;
	border-radius: 6px;
	border: 3px solid var(--scrollbarBG);
}

/*** CUERPO PÁGINA ***/
#cuerpo-pagina {
	margin-left: 322px;
	margin-right: 16px;
	padding-top: 56px; /* ESTO ES LO QUE TENÍA ANTES ARREGLO GIT 42px */
}

@media(max-width: 1366px) {
	#cuerpo-pagina {
		margin-left: 253px;
	}
}

/*** FLOAT LABELS ***/
.form-group {
	position: relative;
}

.input-personalizado,
.select-personalizado {
	height: 48px;
	padding-left: 16px;
	/* margin-bottom: 16px; */
	background-color: #f6f6f6 !important;
	color: #211A24 !important;
	border: 1px solid #ededed;
	padding-bottom: 0;
}

.input-personalizado-icono,
.select-personalizado-icono {
	height: 48px;
	padding-left: 45px;
	/* margin-bottom: 16px; */
	background-color: #f6f6f6 !important;
	color: #211A24 !important;
	border: 1px solid #ededed;
	padding-bottom: 0;
}

.btn.btn-light {
	color: #211A24 !important;
}
textarea.input-personalizado {
	height: inherit;
	padding-top: 16px;
}

.select-personalizado button>.filter-option>.filter-option-inner {
	padding-top: 8px;
	padding-left: 8px;
}

.input-personalizado:focus,
.bootstrap-select.form-control.show {
	border: 1px solid #211A24;
	box-shadow: none;
}

.float-label {
	position: absolute;
	left: 16px;
	top: 12px;
	color: #211A24;
	z-index: 10;
	transition: all .4s;
}

.float-label-icono {
	position: absolute;
	left: 45px;
	top: 12px;
	color: #211A24;
	z-index: 10;
	transition: all .4s;
}

.input-personalizado:focus+.float-label,
.input-personalizado:not(:placeholder-shown)+.float-label,
.bootstrap-select.label-flotante+.float-label {
	top: 10px;
	font-size: 75%;
	top: 1px;
}

.input-personalizado-icono:focus+.float-label-icono,
.input-personalizado-icono:not(:placeholder-shown)+.float-label-icono,
.bootstrap-select.label-flotante+.float-label-icono {
	top: 10px;
	font-size: 75%;
	top: 1px;
}

.icono-input {
	position: absolute;
	top: 13px;
	left: 23px;
}
.texto-form-group-fixed {
	position: relative;
	top: 12px;
	left: 23px;
}
/********** INPUTS DE FECHA DE CONSULTA ICONO ****************/
.bootstrap-select {
	background-color: #f6f6f6 !important;
}

.bootstrap-select button {
	background-color: #f6f6f6 !important;
}

.bootstrap-select .dropdown-menu.show {
	background-color: #f6f6f6 !important;
}

.bootstrap-select .inner.show {
	background-color: #f6f6f6 !important;
}
.dropdown-menu.show {
	top: 5px !important;
}
.btn.btn-light {
	font-size: 1rem;
	background-color: #ffffff;
}

.dropdown-item:hover {
	background-color: #a3a9ae;
}

.dropdown-item.active,
.dropdown-item:active {
	background-color: #a3a9ae;
	color: inherit;
}

.btn-light:hover,
.btn-light:focus,
.btn-light:active,
.show>.btn-light.dropdown-toggle {
	border-color: transparent;
	color: inherit;
}

.dropdown-menu.show {
	top: 5px !important;
}

/*** CHECKBOX ********************************************************************************************/
.checkbox-personalizado {}

.checkbox-personalizado.checkbox-redondo.filled-in:not(:checked)+label::after,
.checkbox-personalizado.checkbox-redondo.filled-in:checked+label::after {
	border-radius: 50px;
}



/*** MODAL PROPIA SUSTITUTA BOOTSTRAP *********************************************************************************************/

.contenedor-modal-filtros {
	z-index: 2050;
	position: absolute;
	max-width: 800px;
	z-index: 2050;
	margin: 30px auto;
	/* margin-top: 50px; */
	margin-left: -50px;
	min-width: 400px;
	/* padding: 30px; */
	background-color: #FFFFFF;
	-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
	box-shadow: 0 5px 15px rgba(0,0,0,.5);

}

.contenedor-modal-filtros .modal-sustituta {
	margin-bottom: 0;	
}

.contenedor-modal-filtros.modal-especialidades #cuerpo-modal {
	overflow-y: auto;
	overflow-x: hidden;
	max-height: 300px;
}


.contenedor-modal-filtros button {
	padding: 8px !important;
}

.modal-tipo-consulta {
	width: 450px
}

.notificaciones-body-modal p, .notificaciones-body-modal span {
	margin: 0;
}

.modal-notificaciones {
	padding:0;
	position: fixed;
	margin: auto; 
	right: 0;
	top: 45px;
	width: 360px;
	height: auto;
	overflow-y: auto;
	overflow-x: hidden;
	max-height: 500px;
	background-color: #fff;
	border: 1px solid rgba(0, 0, 0, .125);
	align-items: center;
	z-index: 100;
}

.modal-notificaciones::-webkit-scrollbar {
    width: 5px;
}

.modal-notificaciones::-webkit-scrollbar-thumb {
    background: var(--color-principal);
    border-radius: 5px;
}

.top-header-notificacion {
	text-align: center;
	min-height: 30px;
	height: auto;
}

.bottom-header-notificacion {
	text-align: center;
	min-height: 40px;
	height: auto;
}

.header-notificacion {
	width: 50%;
	display: flex;
	align-items: center;
	padding-left: 25px;
}

.bottom-notificacion-paciente {
	width: 60%;
	display: flex;
	align-items: center;
	padding-left: 25px;
}

.fechas-notificacion {
	width: 50%;
	display: flex;
	height: 100%;
}

.bottom-notificacion-acceder {
	width: 40%;
	display: flex;
	height: 100%;
	color: var(--color-enlaces);
}

.disabled-notif {
	color: var(--color-fondo-boton-2);
	cursor: not-allowed;
	opacity: .55;
}

.contenedor-notificacion {
	width: 100%;
	min-height: 70px;
	height: auto;
	border-top: 1px solid var(--color-principal);
	box-sizing: content-box;
	background-color: var(--color-principal-opacidad);
}

.button-acceder {
	background-color: var(--color-enlaces)!important;
	
}

.ac_son {
	padding: 0 7px 0 7px;
	text-align: left;
	width: 100%;
}

.toggle_sonido {
	cursor: pointer;
	font-size: 15px!important;
}

@keyframes shake {
    0%, 100% { transform: rotate(0); }
    25% { transform: rotate(-15deg); }
    50% { transform: rotate(15deg); }
    75% { transform: rotate(-15deg); }
}

.notificacion-svg.icono-svg {
    display: inline-block;
    transition: transform 0.3s ease;
}

.notificacion-svg.icono-svg.animated {
    animation: shake 0.5s ease-in-out;
}

.modal-cancelar-consulta, .modal-derivacion-consulta {
	background-color: rgba(236, 231, 231,0.5) !important;
}

.modal-cancelar-consulta .modal-sustituta, .modal-derivacion-consulta .modal-sustituta {
	top: 200px;
	width: 500px;
	box-shadow: none !important;
}

.modal-recomendacion-consulta .modal-sustituta {
	top: 200px;
	width: 500px;
	box-shadow: none !important;
}

.modal-nota-interna-consulta .modal-sustituta {
	top: 200px;
	width: 500px;
	box-shadow: none !important;
}

.modal-cancelar-consulta label, .modal-derivacion-consulta label {
	font-size: 14px;
}

.modal-fecha-consulta {
	min-width: 350px;
}

.adjuntar-svg {
	width: 24px;
	height: 24px;
	margin-right: 5px;
	background-color: #211A24;
	-webkit-mask: url("/assets/icons/ui/adjuntar.svg") no-repeat center !important;
	mask: url("/assets/icons/ui/adjuntar.svg") no-repeat center !important;
}

.check-svg {
	width: 24px;
	height: 24px;
	margin-right: 5px;
	background-color: #211A24;
	-webkit-mask: url("/assets/icons/ui/check.svg") no-repeat center !important;
	mask: url("/assets/icons/ui/check.svg") no-repeat center !important;
}

.modal-cancelar-consulta .form-group,
.modal-derivacion-consulta .form-group {
	margin-bottom: 15px;
}


.contenedor-modal-propia {
	position: fixed;
	top: 0; right: 0; bottom: 0; left: 0;
	background-color: rgba(0, 0, 0, 0.2);
	z-index: 2050;
}

.contenedor-modal-propia .modal-sustituta {
	position: relative;
	max-width: 800px;
	margin: 30px auto;
	margin-top: 50px;
	padding: 30px;
	background-color: #FFFFFF;
	-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
	box-shadow: 0 5px 15px rgba(0,0,0,.5);
}
.contenedor-boton-cerrar-modal {
	position: absolute;
	font-size: 24px;
	right: 30px;
	top: 20px;
}

.contenedor-modal-propia .modal-sustituta {
	position: relative;
	max-width: 800px;
	margin: 30px auto;
	margin-top: 0px;
	padding: 30px;
	background-color: #FFFFFF;
	-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
	box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
	z-index: 2050;
}

.btn-t1.limpiar-filtros {
	border: none !important;
}

.btn-t1.no-selected {
	border: 2px solid #EDEDED;
}

#modal-confirmacion-recuperar-clave #correo-recuperar-clave-confirmacion {
	word-wrap: break-word;
}

@media (min-width:767px) {
	.modal-sustituta {
		/* height: 100vh; */
	}
}

.border-menu-filtro-fecha {
	border-bottom: 2px solid #ededed;
}

#listado-flecha {
	height: 50px;

}

#listado-flecha li {
	list-style-type: none;
}

.elemento-disuasorio {
	width: 198px;
	height: 46px;
	position: fixed;
	top: 141px;
	background-color: transparent;
}

.elemento-disuasorio-header {
	width: 40%;
	height: 46px;
	position: fixed;
	top: 0px;
	background-color: transparent;
}

/*** TABLAS ***************************************************************************************************/
.contenedor-inicio {
	padding-top: 80px;
}

/*** TABLAS ***************************************************************************************************/

.tabla-panel .celda-ordenacion {
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.tabla-panel .celda-ordenacion:hover {
	color: #828282;
}
.tabla-panel .celda-ordenacion i {
	display: none;
}

.tabla-panel .ordenacion-ascendente .fa-angle-up {
	display: inline-block;
}
.tabla-panel .ordenacion-descendente .fa-angle-down {
	display: inline-block;
}
.tabla-panel .boton-fila {
	display: block;
	float: left;
	margin-right: 5px;
}
.tabla-panel .boton-fila i {
	/* display: none; */
}
.tabla-panel .texto-no-resultados {
	text-align: center;
	padding: 20px 10px;
}
.tabla-panel .activar-desactivar-registro {
	width: 107px;
}

.controles-bajo-panel {
	display: table;
	width: 100%;
	padding-left: 8px;
}
.controles-bajo-panel #actualizar-tabla {
	width: 40px;
	height: 40px;
}

.controles-bajo-panel .texto-total-registros {
	padding: 10px;
	margin: 0;
}
.paginacion ul {
	list-style-type: none;
	padding: 0px;
}
.paginacion ul li {
	float: left;
}
.paginacion button {
	cursor: pointer;
	border: 1px solid #CCCCCC;
	/* color: #3497C2; */
	background-color: #FFFFFF;
	width: 40px;
	height: 40px;
	font-size: 17px;
	padding: 6px 8px 7px !important;
}
.paginacion button:hover {
	background-color: #F0F0F0;
}
.paginacion button:disabled {
	cursor: default;
	color: #CCCCCC;
	background-color: #FFFFFF;
}
.paginacion .numero-pagina {
	padding: 5px;
	border: 1px solid #CCC;
}
.paginacion .pagina {
	text-align: center;
	border-radius: 4px;
	height: 28px;
	width: 120px;
	padding: 4px 8px;
}


.paginacion #paginacion-primero, .paginacion #paginacion-anterior {
	border-right: 0px;
	border:none;
}
.paginacion #paginacion-ultimo, .paginacion #paginacion-siguiente {
	border-left: 0px;
	border:none;
}

.contenedor-arriba-panel .botones-arriba {
	float: right;
	margin: 0px 0px 10px;
}
.contenedor-arriba-panel #nuevo {
	margin-right: 10px;
}
.contenedor-arriba-panel #filtros.filtros-definidos {
	background-color: #505275;
	border-color: #474968;
}
.contenedor-arriba-panel #filtros.filtros-definidos:hover, .contenedor-arriba-panel #filtros.filtros-definidos:active, .contenedor-arriba-panel #filtros.filtros-definidos:focus {
	background-color: #474968;
	border-color: #474968;
}

/*** MENSAJE ESQUINA ***************************************************************************************************/
#mensaje-esquina {
	position: fixed;
	top: 30px;
	right: 30px;
	min-width: 200px;
	max-width: 350px;
	border-radius: 0;
	cursor: pointer;
	z-index: 9999;
	-webkit-box-shadow: 0px 0px 8px -3px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 8px -3px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 8px -3px rgba(0,0,0,0.75);
}
#mensaje-esquina.alert-success {
	background-color: #48a848;
	border-color: #419641;
	color: #FFFFFF;
}
#mensaje-esquina.alert-danger {
	background-color: #d9534f;
	border-color: #d43a3a;
	color: #FFFFFF;
}
#mensaje-esquina.alert-warning {
	background-color: var(--color-principal);
	border-color: var(--color-principal);
	color: var(--color-texto-boton-2);
}
#mensaje-esquina p {
  margin: 0;
  
}
/*** MODAL PROPIA ******************************************************************************************************/
.modal-propia {
	position: fixed;
	display: block;
	top: 0; right: 0; bottom: 0; left: 0;
	background-color: rgba(0, 0, 0, 0.2);
	z-index: 2050;
}

.modal-propia.terminar-consulta {
	display: flex;
	background-color: rgba(236, 231, 231,0.5) !important;
}

.modal-propia.modal-eliminar-medico {
	display: flex;
	background-color: rgba(236, 231, 231,0.5) !important;
}

.modal-content-propia {
	width: 400px;
	max-width: 95%;
	margin: 30px auto;
	padding: 30px;
	background-color: #FFFFFF;
	-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
	box-shadow: 0 5px 15px rgba(0,0,0,.5);
}

.modal-propia.terminar-consulta .modal-content-propia {
	box-shadow: none;
	border-radius:5px;
	margin:auto
}

.modal-propia.modal-eliminar-medico .modal-content-propia {
	box-shadow: none;
	border-radius:5px;
	margin:auto
}

/*** MODAL CONFIRMACION ************************************************************************************************/
#modal-confirmacion h4 {
	text-align: center;
	text-transform: uppercase;
	margin: 0px 0px 30px;
}
#modal-confirmacion .btn-danger {
	margin-right: 10px;
}
#modal-confirmacion .btn-default {
	margin-left: 10px;
}

.botones-modal {
	border-top: 1px solid #f0f0f0;
}

.botones-modal .boton-confirmar {
	border-right: 1px solid #f0f0f0;
	align-items: center;
	justify-content: center;
}

.botones-modal > div {
	padding-top: 20px;
	padding-bottom: 20px;
}

.botones-modal p {
	margin: 0;
	font-size: 14px;
}


/*** CAMPOS PROPIOS EDICION ********************************************************************************************/

.campo-registro .delimiter, .tipo-inscripcion .delimiter{

	height: 1px;
	background: rgba(120, 130, 140, 0.13);

}

/*** TABLA HORARIOS MÉDICOS ********************************************************************************************/
.add-horario-icon:hover,
.quitar-horario-icon:hover {
	cursor: pointer;
}
.add-horario-icon {
	color: #1e88e5;
}
.quitar-horario-icon {
	margin-top: 10px;
	margin-left: 5px;
	color: #e74c3c;
}
.dia-horario {
	margin-bottom: 20px;
}
.horario {
	margin-bottom: 10px;
}
/*** SALA DE ESPERA ****************************************************************************************************/
.tarjeta-cita .card-header {
	color: #ffffff;
}
.contenedor-videollamada {
	background-color: #272c33;
}
.card .card-header.estado-pendiente {
	background-color: #ffa726;
	color: #ffffff;
}
.abrir-modal-notas,
.abrir-cerrar-card,
.abrir-ficha-paciente {
	cursor: pointer;
}
.abrir-modal-notas {
	margin-right: 10px;
}
.abrir-cerrar-card {
	margin-right: 10px;
	font-size: 20px;
}
.abrir-ficha-paciente {
	color: inherit;
}
.abrir-ficha-paciente:hover {
	color: inherit;
	text-decoration: none;
}
.footer-tarjeta-cita button, .footer-tarjeta-cita select {
	margin-bottom: 5px;
}
.abrir-modal-motivo-consulta {
	cursor: pointer;
	margin-left: 5px;
}
.abrir-cerrar-filtros {
	cursor: pointer;

}
#fila-filtros .input-personalizado-icono {
	height: 40px;
	padding-left: 24px;
	/* margin-bottom: 16px; */
	background-color: #f6f6f6 !important;
	color: #211A24 !important;
	border: 1px solid #ededed;
	border-radius: 25px;
	padding-bottom: 0;
	box-shadow: none !important;
}

.filtros-ausencias .filter-option{
	height: 40px !important;
    padding-left: 24px !important ;
    /* margin-bottom: 16px; */
    color: #211A24 !important;
    border: 1px solid #ededed !important;
    border-radius: 25px !important;
    padding-bottom: 0 !important;
    box-shadow: none !important;
	width: 100px;
}

#fila-filtros .filter-option {
	color: #211A24 !important;
	border: 2px solid #ededed;
	border-radius: 10px;
	z-index: 10;
}

.float-label-select {
	position: absolute;
	left: 16px;
	top: 8px;
	color: #211A24;
	z-index: 10;
	transition: all .4s;
	font-family: Franklin-gothic-regular;
	font-size: 18px;
}

#tabla-listado .listado-agenda,
#tabla-listado-aus .listado-agenda {
	background-color: #f1f1f1;
	padding: 15px!important;
}

.filtro-resul{ 
	background-color: #f1f1f1;
	margin-top: 10px;
	margin-bottom: -30px;
	flex: 0 0 45%;
}

#agenda .mt-3{
	margin-top: 2rem!important;
}

#fila-filtros .input-personalizado-icono.filtro-activado {
	border-color: #211a24 !important;
}

#fila-filtros .btn-personalizado-poco-padding {
	font-family: Franklin-gothic-regular;
}

#fila-filtros .icono-input {
	position: absolute;
	left: auto;
	top: 8px;
	right: 23px;
}

#fila-filtros .icono-input-aus {
	position: absolute;
	left: auto;
	top: 8px;
	right: 23px;
}

#fila-filtros .float-label-icono {
	position: absolute;
	left: 25px;
	top: 8px;
	color: #211A24;
	z-index: 10;
	transition: all .4s;
}

#fila-filtros .input-personalizado-icono:focus+.float-label-icono,
#fila-filtros .input-personalizado-icono:not(:placeholder-shown)+.float-label-icono,
#fila-filtros .bootstrap-select.label-flotante+.float-label-icono {
	top: 2px;
	font-size: 75%;
	top: 1px;
}

#fila-filtros .btn-t1.vacio {
	border: 2px solid #EDEDED;
}


.cantidad-filtros, .cantidad-filtros-aus {
	position:absolute;
	top: 36px;
	left: 300px;
}

@media(min-width: 1400px) {
	.cantidad-filtros {
		position:absolute;
		top: 36px;
		left: 340px;
	}
}

.btn-enlace-consulta-historico:disabled{
	background-color: #d1d1d1!important;
}

/*** AGENDA ************************************************************************************************************/
.card-leyenda {
	margin-top: 25px;
}
.fc-content, .fc-event {
	cursor: pointer;
}
/*** FICHA CONSULTA ****************************************************************************************************/
#row-contenedor-ficha-consulta .card .card-header {
	background-color: #1e88e5;
}
#row-contenedor-ficha-consulta .card .card-header h4 {
	color: #ffffff;
}
.editar-prescripcion,
.eliminar-prescripcion {
	cursor: pointer;
}
.editar-prescripcion {
	margin-right: 5px;
}
.imagen-galeria-consulta-peque {
	width: 100%;
	cursor: pointer;
}
.imagen-galeria-consulta-peque:not(:last-of-type) {
	margin-bottom: 15px;
}
/*** LOADER ************************************************************************************************************/
#loader {
	position: fixed;
	bottom: 25px;
	right: 25px;
	z-index: 9999;
}
#loader .container-loader {
	display: table;
	margin: 0 auto;
	padding: 10px 15px;
	border-radius: 10px;
}
#loader .sk-fading-circle {
  width: 40px;
  height: 40px;
  position: relative;
}
#loader .sk-fading-circle .sk-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
#loader .sk-fading-circle .sk-circle:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #333333;
  border-radius: 100%;
  -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
  animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
}

#loader .sk-fading-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg);
}
#loader .sk-fading-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg);
}
#loader .sk-fading-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
#loader .sk-fading-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg);
}
#loader .sk-fading-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
      -ms-transform: rotate(150deg);
          transform: rotate(150deg);
}
#loader .sk-fading-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
#loader .sk-fading-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
      -ms-transform: rotate(210deg);
          transform: rotate(210deg);
}
#loader .sk-fading-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
      -ms-transform: rotate(240deg);
          transform: rotate(240deg);
}
#loader .sk-fading-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg);
}
#loader .sk-fading-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
      -ms-transform: rotate(300deg);
          transform: rotate(300deg); 
}
#loader .sk-fading-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
      -ms-transform: rotate(330deg);
          transform: rotate(330deg); 
}
#loader .sk-fading-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s; 
}
#loader .sk-fading-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
          animation-delay: -1s; 
}
#loader .sk-fading-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s; 
}
#loader .sk-fading-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s; 
}
#loader .sk-fading-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s; 
}
#loader .sk-fading-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s; 
}
#loader .sk-fading-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s; 
}
#loader .sk-fading-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s;
}
#loader .sk-fading-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s;
}
#loader .sk-fading-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s;
}
#loader .sk-fading-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s;
}

@-webkit-keyframes sk-circleFadeDelay {
  0%, 39%, 100% { opacity: 0; }
  40% { opacity: 1; }
}
@keyframes sk-circleFadeDelay {
  0%, 39%, 100% { opacity: 0; }
  40% { opacity: 1; } 
}

.btn-personalizado {
	border: none;
	padding: 15px 0;
	border-radius: 50px;
	font-family: Franklin-gothic-bold;
	padding: 8px 56px;
	font-size: 18px;
}

.btn-personalizado-poco-padding {
	border: none;
	padding: 15px 0;
	border-radius: 50px;
	font-family: Franklin-gothic-bold;
	padding: 4px;
	font-size: 18px;
}

.btn-personalizado.btn-no-border,
.btn-personalizado-poco-padding.btn-no-border {
	border: none !important;
}

.btn-personalizado.btn-auto-width {
	width: auto;
}

.card.card-consulta .btn-personalizado-poco-padding {
	padding: 4px 56px;
	font-family: Franklin-gothic-regular;
}

.btn-personalizado-con-icono {
	border: none;
	padding: 15px 0;
	border-radius: 50px;
	font-family: Franklin-gothic-bold;
	/* padding: 4px; */
	padding: 4px 37px;
	font-size: 18px;
	display: flex;
	justify-content: center;
}

.btn-personalizado-con-icono .chat-svg {
	background-color: white;
}

.btn-personalizado:focus {
	box-shadow: none;
}

.btn-personalizado-poco-padding:focus {
	box-shadow: none;
}

.btn-disabled {
	background: #ededed !important;
	border: #ededed !important;
	color: white !important;
}

.btn-t3,
.btn-t2,
.btn-t1,
.btn-cancelar {
	width: 100%;
	white-space: nowrap !important;
}


.group-fecha-consulta {
	/* max-width: 400px; */
	margin-left: auto;
	margin-right: auto;
}

.selector {
	padding: 8px 0;
	width: 33%;
	float: left;
	text-align: center;
	border-radius: 40px;
	/* font-family: Franklin-gothic-bold; */
	transition: all .4s;
}

.selector-primera {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.selector-mitad {
	border-radius: 0;
}

.selector-ultima {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-left: none;
}



/******** MENÚ LATERAL */

.texto-menu-svg {
	display: flex;
	transition: all 0.2s ease-in;
}
.texto-menu {
	color: #211A24 !important;
}
.texto-menu a {
	text-decoration: none;
	font-weight: lighter !important;
	transition: all 0.2s ease-in;
}

.texto-menu-svg .icono-svg {
	transition: all 0.2s ease-in;
}

.subcategoria-icono-svg {
	cursor: pointer;
}

#lista-menu {
	margin-left: -8px;
}

#lista-menu li.active {
	border-left: 4px solid;
	padding-left: 21px;
}

#lista-menu {
	list-style: none;
	padding-left: 0;
}

#lista-menu li {
	padding: 12px 0 12px 25px;
}

#lista-menu li ul {
	list-style-type: disc;
}

.li-subcategorias {
	padding-left: 0 !important;
}

.li-subcategorias .texto-menu-svg {
	padding-left: 25px !important;
}

.li-subcategorias ul {
	padding-left: 0 !important;
}

.li-subcategorias ul li {
	padding-left: 55px !important;
}

.li-subcategorias ul li.active {
	padding-left: 65px !important;
}

.atras-svg {
	width: 24px;
	height: 24px;
	background-color: #211A24;
	margin-right: 5px;
	-webkit-mask: url("/assets/icons/ui/flecha_atras.svg") no-repeat center !important;
	mask: url("/assets/icons/ui/flecha_atras.svg") no-repeat center !important;
	cursor:pointer;
}

.refrescar-svg {
	width: 24px;
	height: 24px;
	margin-right: 5px;
	background-color: white;
	-webkit-mask: url("/assets/icons/ui/refrescar.svg") no-repeat center !important;
	mask: url("/assets/icons/ui/refrescar.svg") no-repeat center !important;
}

.inicio-svg {
	width: 24px;
	height: 24px;
	margin-right: 5px;
	background-color: #211A24;
	-webkit-mask: url("/assets/icons/menu_lateral/home_unfilled.svg") no-repeat center !important;
	mask: url("/assets/icons/menu_lateral/home_unfilled.svg") no-repeat center !important;
}

.basura-svg {
	width: 24px;
	height: 20px;
	/* margin-right: 5px; */
	background-color: #211A24;
	-webkit-mask: url("/assets/icons/ui/basura.svg") no-repeat center !important;
	mask: url("/assets/icons/ui/basura.svg") no-repeat center !important;
}

.medicos-svg {
	width: 24px;
	height: 24px;
	margin-right: 5px;
	background-color: #211A24;
	-webkit-mask: url("/assets/icons/menu_lateral/medicos-nuevo.svg") no-repeat center !important;
	mask: url("/assets/icons/menu_lateral/medicos-nuevo.svg") no-repeat center !important;
}

.busqueda-svg {
	width: 24px;
	height: 24px;
	margin-right: 5px;
	background-color: #211A24;
	-webkit-mask: url("/assets/icons/ui/busqueda.svg") no-repeat center !important;
	mask: url("/assets/icons/ui/busqueda.svg") no-repeat center !important;
}

.estadisticas-svg {
	width: 24px;
	height: 24px;
	margin-right: 5px;
	background-color: #211A24;
	-webkit-mask: url("/assets/icons/menu_lateral/estadisticas.svg") no-repeat center !important;
	mask: url("/assets/icons/menu_lateral/estadisticas.svg") no-repeat center !important;
}

.perfil-svg {
	width: 24px;
	height: 24px;
	margin-right: 5px;
	background-color: #211A24;
	-webkit-mask: url("/assets/icons/ui/perfil.svg") no-repeat center !important;
	mask: url("/assets/icons/ui/perfil.svg") no-repeat center !important;
}

.ausencia-svg {
	width: 24px;
	height: 24px;
	margin-right: 5px;
	background-color: #211A24;
	-webkit-mask: url("/assets/icons/menu_lateral/ausencias.svg") no-repeat center !important;
	mask: url("/assets/icons/menu_lateral/ausencias.svg") no-repeat center !important;
}

.calendario-svg {
	width: 24px;
	height: 24px;
	margin-right: 5px;
	background-color: #211A24;
	-webkit-mask: url("/assets/icons/ui/calendario.svg") no-repeat center !important;
	mask: url("/assets/icons/ui/calendario.svg") no-repeat center !important;
}

.salir-svg {
	width: 24px;
	height: 24px;
	margin-right: 5px;
	background-color: #211A24;
	-webkit-mask: url("/assets/icons/ui/salir.svg") no-repeat center !important;
	mask: url("/assets/icons/ui/salir.svg") no-repeat center !important;
}

.notificacion-svg {
	width: 24px;
	height: 24px;
	margin-right: 5px;
	background-color: #211A24;
	-webkit-mask: url("/assets/icons/ui/notificacion.svg") no-repeat center !important;
	mask: url("/assets/icons/ui/notificacion.svg") no-repeat center !important;
}

.notificacion{
	position:absolute;
	z-index: 1000;
	background: var(--color-principal);
	border-radius: 50px;
	width: 22px;
	height: 22px;
	color: var(--color-texto-boton-2);
	font-size: 14px;
	justify-content: center;
	align-items: center;
	top: 12px;
	right: 17px;
}

.receta-svg {
	width: 24px;
	height: 27px;
	margin-right: 5px;
	background-color: #211A24;
	-webkit-mask: url("/assets/icons/ui/receta.svg") no-repeat center !important;
	mask: url("/assets/icons/ui/receta.svg") no-repeat center !important;
}

.cerrar-svg {
	width: 24px;
	height: 24px;
	margin-right: 5px;
	-webkit-mask: url("/assets/icons/ui/cerrar_mediano.svg") no-repeat center !important;
	mask: url("/assets/icons/ui/cerrar_mediano.svg") no-repeat center !important;
}

#contenedor-modal-propia .cerrar-svg {
	width: 24px;
	height: 24px;
	position: absolute;
	top: 10px; right: 10px;
	-webkit-mask: url("/assets/icons/ui/cerrar_mediano.svg") no-repeat center !important;
	mask: url("/assets/icons/ui/cerrar_mediano.svg") no-repeat center !important;
}

.flecha-arriba-svg {
	width: 24px;
	height: 24px;
	margin-right: 5px;
	background-color: #211A24;
	-webkit-mask: url("/assets/icons/ui/flecha_arriba.svg") no-repeat center !important;
	mask: url("/assets/icons/ui/flecha_arriba.svg") no-repeat center !important;
}

.flecha-abajo-svg {
	width: 24px;
	height: 24px;
	margin-right: 5px;
	background-color: #211A24;
	-webkit-mask: url("/assets/icons/ui/flecha_abajo.svg") no-repeat center !important;
	mask: url("/assets/icons/ui/flecha_abajo.svg") no-repeat center !important;
}

.llamada-svg {
	width: 24px;
	height: 24px;
	margin-right: 5px;
	background-color: #ffffff;
	-webkit-mask: url("/assets/icons/ui/llamada.svg") no-repeat center !important;
	mask: url("/assets/icons/ui/llamada.svg") no-repeat center !important;
}

.perfil-svg {
	width: 24px;
	height: 24px;
	margin-right: 5px;
	background-color: #211A24;
	-webkit-mask: url("/assets/icons/ui/perfil.svg") no-repeat center !important;
	mask: url("/assets/icons/ui/perfil.svg") no-repeat center !important;
}

.chat-svg {
	width: 24px;
	height: 24px;
	margin-right: 5px;
	background-color: #211A24;
	-webkit-mask: url("/assets/icons/menu_lateral/chat.svg") no-repeat center !important;
	mask: url("/assets/icons/menu_lateral/chat.svg") no-repeat center !important;
}


.agenda-svg {
	width: 24px;
	height: 24px;
	margin-right: 5px;
	background-color: #211A24;
	-webkit-mask: url("/assets/icons/menu_lateral/agenda.svg") no-repeat center !important;
	mask: url("/assets/icons/menu_lateral/agenda.svg") no-repeat center !important;
}

.pagos-svg {
	width: 24px;
	height: 24px;
	margin-right: 5px;
	background-color: #211A24;
	-webkit-mask: url("/assets/icons/menu_lateral/pagos.svg") no-repeat center !important;
	mask: url("/assets/icons/menu_lateral/pagos.svg") no-repeat center !important;
}

.interrogacion-svg {
	width: 24px;
	height: 24px;
	margin-right: 5px;
	background-color: #211A24;
	-webkit-mask: url("/assets/icons/menu_lateral/interrogacion.svg") no-repeat center !important;
	mask: url("/assets/icons/menu_lateral/interrogacion.svg") no-repeat center !important;
}

.operador-svg {
	width: 24px;
	height: 24px;
	margin-right: 5px;
	background-color: #211A24;
	-webkit-mask: url("/assets/icons/menu_lateral/operador-nuevo.svg") no-repeat center !important;
	mask: url("/assets/icons/menu_lateral/operador-nuevo.svg") no-repeat center !important;
}

.consultas-svg {
	width: 24px;
	height: 24px;
	margin-right: 5px;
	background-color: #211A24;
	-webkit-mask: url("/assets/icons/menu_lateral/chat.svg") no-repeat center !important;
	mask: url("/assets/icons/menu_lateral/chat.svg") no-repeat center !important;
}


.historico-consultas-svg {
	width: 24px;
	height: 24px;
	margin-right: 5px;
	background-color: #211A24;
	-webkit-mask: url("/assets/icons/ui/historico_consultas.svg") no-repeat center !important;
	mask: url("/assets/icons/ui/historico_consultas.svg") no-repeat center !important;
}
.videoconsulta-svg {
	width: 24px;
	height: 24px;
	margin-right: 5px;
	background-color: #211A24;
	-webkit-mask: url("/assets/icons/menu_lateral/videoconsulta.svg") no-repeat center !important;
	mask: url("/assets/icons/menu_lateral/videoconsulta.svg") no-repeat center !important;
}

.teleconsulta-svg {
	width: 24px;
	height: 24px;
	margin-right: 5px;
	background-color: #211A24;
	-webkit-mask: url("/assets/icons/menu_lateral/teleconsulta.svg") no-repeat center !important;
	mask: url("/assets/icons/menu_lateral/teleconsulta.svg") no-repeat center !important;
}

.expandir-svg {
	width: 24px;
	height: 24px;
	margin-right: 5px;
	background-color: #211A24;
	-webkit-mask: url("/assets/icons/ui/expandir.svg") no-repeat center !important;
	mask: url("/assets/icons/ui/expandir.svg") no-repeat center !important;
}

.contraer-svg {
	width: 24px;
	height: 24px;
	margin-right: 5px;
	background-color: #211A24;
	-webkit-mask: url("/assets/icons/ui/contraer.svg") no-repeat center !important;
	mask: url("/assets/icons/ui/contraer.svg") no-repeat center !important;
}

.editar-svg {
	width: 24px;
	height: 24px;
	
	
}

.avatar-medico:hover .editar-svg {
	background-color: #211A24;
	-webkit-mask: url("/assets/icons/ui/editar.svg") no-repeat center !important;
	mask: url("/assets/icons/ui/editar.svg") no-repeat center !important;
}

.avatar-medico:hover+.editar-svg {
	background-color: #211A24;
	-webkit-mask: url("/assets/icons/ui/editar.svg") no-repeat center !important;
	mask: url("/assets/icons/ui/editar.svg") no-repeat center !important;
}

.avatar-medico+.editar-svg:hover {
	background-color: #211A24;
	-webkit-mask: url("/assets/icons/ui/editar.svg") no-repeat center !important;
	mask: url("/assets/icons/ui/editar.svg") no-repeat center !important;
}

.familiares-svg {
	width: 24px;
	height: 24px;
	margin-right: 5px;
	background-color: #211A24;
	-webkit-mask: url("/assets/icons/menu_lateral/familiares_24.svg") no-repeat center !important;
	mask: url("/assets/icons/menu_lateral/familiares_24.svg") no-repeat center !important;
}

/******* LISTADO DE CONSULTAS **/

.contenedor-flotante-arriba {
	position: fixed;
	top: 150px;
	right: 5px;
	padding: 10px;
	border-radius: 10px;
	color: white;
	width: 200px;
	font-family: Franklin-gothic-bold;
	font-size: 16px;
	padding-right: 26px;
	padding-left: 26px;
}

.contenedor-flotante-abajo {
	position: fixed;
	bottom: 130px;
	right: 5px;
	padding: 6px;
	border-radius: 10px;
	color: white;
	width: 162px;
	font-family: Franklin-gothic-bold;
	font-size: 16px;
	padding-right: 8px;
	padding-left: 23px;
	padding-top:5px;
}

.contenedor-chats-pendientes {
	float: right;
	margin-right: 20px;
	background-color: var(--color-fondo-boton-2);
	bottom: 130px;
	right: 5px;
	padding: 6px;
	border-radius: 10px;
	color: white;
	width: 50px;
	font-family: Franklin-gothic-bold;
	font-size: 16px;
	padding-right: 8px;
	padding-left: 23px;
	padding-top:5px;
}

.flotante-chat-app {
	bottom: 180px!important;
}

#contenedor-pop-up .popup-chat {
	/* background-color: #ffffff; */
	padding: 0;
	color: #211A24;
	display: flex;
	border-radius: 7px;
	height: 30px;
}

#contenedor-pop-up div {
	width: 30px !important;
	height: 30px !important;
}

#contenedor-pop-up .iniciales {
	font-size: 14px;
}


.card.card-consulta {
	box-shadow: none;
}

.chats-activos {
	position: fixed;
	top: 450px;
	right: 50px;
	padding: 10px;
	border-radius: 10px;
	color: white;
	width: 124px;
	font-family: Franklin-gothic-bold;
	font-size: 16px;
}

.chats-activos p {
	font-size: 16px !important;
}

.chats-activos .inicio-svg {
	background-color: white;
}

#crear-informe-sin-paciente {
	z-index: 20;
}

.cuerpo-listado-consulta {
	padding-left: 45px;
	/* padding-right: 45px; */
	
	margin-right: 200px;
}

.cuerpo-listado-consulta .abrir-chat-rocket-grupal.sala-chat-sin-cargar {
	cursor: progress;
	opacity: 0.6;
}

.cuerpo-listado-consulta .abrir-chat-rocket-grupal .loader-chat-grupal {
	display: none;
}

.cuerpo-listado-consulta .abrir-chat-rocket-grupal.sala-chat-sin-cargar .loader-chat-grupal {
	display: inline-block;
}

.cuerpo-listado-consulta .abrir-chat-rocket-grupal .card {
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
}

.cuerpo-listado-consulta .abrir-chat-rocket-grupal .nuevo-mensaje {
	display: none;
	margin-left: auto;
	padding-left: 10px;
}

.cuerpo-listado-consulta .abrir-chat-rocket-grupal.tiene-nuevo-mensaje .nuevo-mensaje {
	display: block;
}

.cuerpo-listado-consulta .listado-grupos-chat-rocket {
	padding: 0;
}

.cuerpo-listado-consulta .listado-grupos-chat-rocket .card {
	padding: 10px 20px;
	margin-bottom: 15px;
}

.cuerpo-listado-consulta .listado-grupos-chat-rocket .nombre-sala {
	text-transform: capitalize;
	color: var(--color-texto-pagina);
	font-weight: 600;
	margin: 0;
}

.enviando p {
	opacity: 0.2 !important;
}

.error-envio {
	background-color: rgba(230, 40, 40, 0.5) !important;
}

@media(min-width: 1400px) {
	.cuerpo-listado-consulta {
		margin-right: 350px;
	}
}

.nombre-paciente {
	margin-bottom: 0;
}

.card-consulta .contenedor-nombre-paciente,
.card-consulta .contenedor-fecha-consulta,
.card-consulta .contenedor-hora-consulta {
	border-right: 1px solid #eeedf0;
	border-bottom: 1px solid #eeedf0;
}

.card-consulta .paciente-sala {
	border-bottom: 1px solid #eeedf0;
}

.esperando-chat-arriba {
	border-top: 1px solid #7acb00;
	border-right: 1px solid #7acb00;
	border-left: 1px solid #7acb00;
}

.esperando-chat-arriba.border-abajo {
	border-bottom: 1px solid #7acb00 !important;
}

.esperando-chat-abajo {
	border-left: 1px solid #7acb00;
	border-right: 1px solid #7acb00;
	border-bottom: 1px solid #7acb00;
}

.notify {
	top: 5px;
	right: -5px;
}

.notify.listado-consultas {

	display: flex;
	flex-direction: row;
	top: 7px;

}

.notify .heartbit {
	border-color: #88c23f !important;
	top: -9px;
	right: 75%;
	height: 27px;
	width: 28px;
}

.notify .point {
	background-color: #88c23f !important;
	width: 10px;
	height: 10px;
}

.notify .point.estado-1{
	background-color: #7acb00 !important;
	width: 10px;
	height: 10px;
}

.notify .point.estado-2{
	background-color: #7acb00 !important;
	width: 10px;
	height: 10px;
}

.notify .point.estado-3{
	background-color: #211a24 !important;
	width: 10px;
	height: 10px;
}

.notify .point.estado-4{
	background-color: #211a24 !important;
	width: 10px;
	height: 10px;
}

.notify .point.estado-5{
	background-color: #9E9E9E !important;
	width: 10px;
	height: 10px;
}

.notify .point.estado-6{
	background-color: #ffa826 !important;
	width: 10px;
	height: 10px;
}

.notify .point.estado-8{
	background-color: #7acb00 !important;
	width: 10px;
	height: 10px;
}

.notify .point.estado-9{
	background-color: #ffa826 !important;
	width: 10px;
	height: 10px;
}
.notify .point.estado-10{
	background-color: #211a24 !important;
	width: 10px;
	height: 10px;
}

.teleoperador.estado-1 {
	color:#7acb00 !important;
}

.teleoperador.estado-2 {
	color:#7acb00 !important;
}

.teleoperador.estado-3 {
	color: #211a24 !important;
}

.teleoperador.estado-4 {
	color: #211a24 !important;
}

.teleoperador.estado-5 {
	color: #9E9E9E !important;
}

.teleoperador.estado-6 {
	color: #ffa826 !important;
}

.teleoperador.estado-8 {
	color: #7acb00 !important;
}

.teleoperador.estado-9 {
	color: #ffa826 !important;
}

@media(max-width:1366px) {
	.contenedor-fecha-consulta span {
		font-size: 12px !important;
	}

	.notify {
		top: 6px;
		right: -5px;
	}
}

#listado-consultas .btn-personalizado-con-icono .chat-svg {
	background-color: white;
}

#listado-consultas .btn-personalizado-poco-padding {
	padding: 4px 35px;
}
.notas-internas {
	transition: opacity .75 ease;
}
.notas-internas.disabled {
	opacity: 0.45;
}
/*** GESTIONAR MÉDICOS ******************************************/



/*** PAGINACIÓN ***********************************/

#tabla-listado .controles-bajo-panel,
#tabla-listado-aus .controles-bajo-panel {
	width: 100%;
}

#tabla-listado .controles-bajo-panel #actualizar-tabla {
	width: 40px;
	height: 40px;
	background-color: #E0E0E0;
}

#tabla-listado .controles-bajo-panel #actualizar-tabla:hover {
	background-color: #b3b3b3;
}

#tabla-listado .controles-bajo-panel .texto-total-registros,
#tabla-listado-aus .controles-bajo-panel .texto-total-registros {
	padding: 10px;
	margin: 0;
}

#tabla-listado .paginacion,
#tabla-listado-aus .paginacion-aus {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 15px;
}

#tabla-listado .paginacion ul,
#tabla-listado-aus .paginacion-aus ul {
	list-style-type: none;
	padding: 0px;
	background-color: white;
	width: 100%;
	border-radius: 5px !important;
	padding-top: 5px;
	padding-bottom: 5px;
}

#tabla-listado .paginacion ul li,
#tabla-listado-aus .paginacion-aus ul li {
	float: left;
}

#tabla-listado .paginacion .numero-pagina,
#tabla-listado-aus .paginacion-aus .numero-pagina-aus {
	padding:0;
}

#tabla-listado .paginacion button,
#tabla-listado-aus .paginacion-aus button {
	cursor: pointer;
	border: 1px solid #CCCCCC;
	/* color: #3497C2; */
	background-color: #FFFFFF;
	width: 40px;
	height: 40px;
	font-size: 17px;
	padding: 6px 8px 7px !important;
}

#tabla-listado .paginacion .numero-pagina,
#tabla-listado-aus .paginacion-aus .numero-pagina-aus {
	border: none;
}

#tabla-listado .paginacion button:hover,
#tabla-listado-aus .paginacion-aus button:hover {
	background-color: #F0F0F0;
}

#tabla-listado .paginacion button:disabled,
#tabla-listado-aus .paginacion-aus button:disabled {
	cursor: default;
	color: #CCCCCC;
	background-color: #FFFFFF;
}

#tabla-listado .paginacion #pagina,
#tabla-listado-aus .paginacion-aus #pagina-aus {
	text-align: center;
	border-radius: 0 !important;
	height: 40px;
	width: 75px;
}

#tabla-listado .paginacion #pagina[readonly],
#tabla-listado-aus .paginacion-aus #pagina-aus[readonly] {
	background-color: #f6f6f6;
	border: 3px solid white;
}

#tabla-listado .paginacion #paginacion-primero,
#tabla-listado-aus .paginacion-aus #paginacion-primero-aus {
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}

#tabla-listado .paginacion #paginacion-primero,
#tabla-listado .paginacion #paginacion-anterior,
#tabla-listado-aus .paginacion-aus #paginacion-primero-aus,
#tabla-listado-aus .paginacion-aus #paginacion-anterior-aus {
	border-right: 0px;
	border:none;
}

#tabla-listado .paginacion #paginacion-ultimo,
#tabla-listado-aus .paginacion-aus #paginacion-ultimo-aus {
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}

#tabla-listado .paginacion #paginacion-ultimo,
#tabla-listado .paginacion #paginacion-siguiente,
#tabla-listado-aus .paginacion-aus #paginacion-ultimo-aus,
#tabla-listado-aus .paginacion-aus #paginacion-siguiente-aus {
	border-left: 0px;
	border:none;
}


.controles-bajo-panel {
	width: 100%;
}

.controles-bajo-panel .actualizar-tabla {
	width: 40px;
	height: 40px;
	background-color: #E0E0E0;
}

.controles-bajo-panel .actualizar-tabla:hover {
	background-color: #b3b3b3;
}

.controles-bajo-panel .texto-total-registros {
	padding: 10px;
	margin: 0;
}

 .paginacion, .paginacion-aus {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 15px;
}

 .paginacion ul,
 .paginacion-aus ul {
	list-style-type: none;
	padding: 0px;
	background-color: white;
	width: 100%;
	border-radius: 5px !important;
	padding-top: 5px;
	padding-bottom: 5px;
}

 .paginacion ul li,
 .paginacion-aus ul li {
	float: left;
}

 .paginacion .numero-pagina,
 .paginacion-aus .numero-pagina-aus {
	padding:0;
}

 .paginacion button,
 .paginacion-aus button {
	cursor: pointer;
	border: 1px solid #CCCCCC;
	/* color: #3497C2; */
	background-color: #FFFFFF;
	width: 40px;
	height: 40px;
	font-size: 17px;
	padding: 6px 8px 7px !important;
}

 .paginacion .numero-pagina,
 .paginacion-aus .numero-pagina-aus {
	border: none;
}

.paginacion button:hover,
.paginacion-aus button:hover {
	background-color: #F0F0F0;
}

.paginacion button:disabled,
.paginacion-aus button:disabled {
	cursor: default;
	color: #CCCCCC;
	background-color: #FFFFFF;
}

 .paginacion .pagina,
 .paginacion-aus .pagina-aus {
	text-align: center;
	border-radius: 0 !important;
	height: 40px;
	width: 120px;
}

.paginacion .pagina[readonly],
.paginacion-aus .pagina-aus[readonly] {
	background-color: #f6f6f6;
	border: 3px solid white;
}

 .paginacion .paginacion-primero,
 .paginacion-aus .paginacion-primero-aus {
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}

 .paginacion .paginacion-primero,
 .paginacion .paginacion-anterior,
 .paginacion-aus .paginacion-primero-aus,
 .paginacion-aus .paginacion-anterior-aus {
	border-right: 0px;
	border: none;
}

 .paginacion .paginacion-ultimo,
 .paginacion-aus .paginacion-ultimo-aus {
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}

.paginacion .paginacion-ultimo,
.paginacion .paginacion-siguiente,
.paginacion-aus .paginacion-ultimo-aus,
.paginacion-aus .paginacion-siguiente-aus {
	border-left: 0px;
	border:none;
}

.flecha-izq-svg {
	width: 24px;
	height: 24px;
	background-color: #c1cdd1;
	-webkit-mask: url("/assets/icons/ui/flecha_izquierda.svg") no-repeat center !important;
	mask: url("/assets/icons/ui/flecha_izquierda.svg") no-repeat center !important;
}

.flecha-der-svg {
	width: 24px;
	height: 24px;
	background-color: #c1cdd1;
	-webkit-mask: url("/assets/icons/ui/flecha_derecha.svg") no-repeat center !important;
	mask: url("/assets/icons/ui/flecha_derecha.svg") no-repeat center !important;
}

.fa-flechita-izquierda::before {
	content: url("/assets/icons/ui/flecha_izquierda.svg") !important;
}

.fa-doble-flechita-izquierda::before {
	content: url("/assets/icons/ui/flecha_izquierda.svg") !important;
}

.fa-flechita-derecha::before {
	content: url("/assets/icons/menu_lateral/corazon_unfilled.svg") !important;
}

.fa-doble-flechita-derecha::before {
	content: url("/assets/icons/menu_lateral/corazon_unfilled.svg") !important;
}

#tabla-listado .paginacion button,
#tabla-listado-aus .paginacion-aus button {
	border: 3px solid rgb(255, 255, 255);
}

#tabla-listado .paginacion #pagina,
#tabla-listado-aus .paginacion-aus #pagina-aus {

	border-radius: 0 !important;
    height: 40px;
    width: 75px;
	background-color: #f6f6f6;
	color: #211A24;
	background-color: #f6f6f6;
	border: 3px solid white;
/* 	font-family: Franklin-gothic-bold; */
}

.elementos-listado-consultas .numero-pagina,
.elementos-listado-consultas .numero-pagina-aus {
	text-align: center !important;
	border-radius: 4px !important;
	height: 28px !important;
	width: 75px !important;
	padding: 4px 8px !important;
}

/*** MEDICOS **************************/

.boton-perfil-medico, .boton-borrar-medico {
	box-shadow: none !important;
}

.border-medico-perfil {
	border-bottom: 2px solid #ededed;
}

.elementos-perfil-medico textarea.input-personalizado.abled {
	background-color: white !important;
}

.elementos-perfil-medico input.input-personalizado.abled {
	background-color: white !important;
}

.elementos-perfil-medico .bootstrap-select .select-abled {
	background-color: white !important;
}

.elementos-perfil-medico .bootstrap-select .select-abled button {
	background-color: white !important;
}

.elementos-perfil-medico .bootstrap-select .select-abled .dropdown-menu.show {
	background-color: white !important;
}

.elementos-perfil-medico .select-abled .btn.bs-placeholder.btn-light {
	padding-bottom: 15px !important;
}

.elementos-perfil-medico .select-abled .btn.btn-light {
	color: black !important;
}

.elementos-perfil-medico select.select-personalizado {
	background-color: white !important;
}



.elementos-perfil-medico .input-personalizado+label  {
	font-family: 'Franklin-gothic-bold';
	z-index: 8;
}

.elementos-perfil-medico .select-personalizado+label  {
	font-family: 'Franklin-gothic-bold';
}


.enlace-crear-medico {
	cursor: pointer;
	font-size:16px;
}

#ficha-medico .avatar-medico {
	width: 70px;
	height: 70px;
	border-radius: 50%;
	margin: 0 auto;
	background-position: center;
	background-size: cover;
	border: 2px solid white;
}

#ficha-medico .avatar-medico .datos {
	display: flex;
	align-items: flex-start;
	flex-flow: column;
	justify-content: center;
}

.editar-imagen {
	position:absolute;left:40%;top:16%
}

.cabecera-horarios {
	background-color: #ededed;
}

label.btn-personalizado-poco-padding {
	width:57%;font-size:1em !important;
}

.elementos-servicios-medico .btn-personalizado-poco-padding {
	padding: 10px 20px;
}

.btn-personalizado-poco-padding.no-col {
	width: 15%;
}

@media(max-width:1366px) {
	.btn-personalizado-poco-padding.no-col {
		width: 20%;
	}
	
}

.simbolo-monetario {
	position: absolute;
	right: 25px;
	top: 12px;
}

/**** PACIENTES *********************/

.card-pacientes, .card-medicos {
	background-color:#f6f6f6;
}

.table-striped tbody tr:nth-of-type(2n+1) {
	background-color: white;
}


.boton-paciente-cita {
	background-color: white;
	border: 1px solid #211A24;
	color: #211A24;
	box-shadow: none !important;
	white-space: nowrap !important;
}

.boton-paciente-historial {
	background-color: #d60375;
	color: white;
	box-shadow: none !important;
}

.boton-borrar-medico,
.boton-borrar-teleoperador,
.btn-borrar-ausencia {
	background-color: white;
	border: 1px solid #211A24;
	color: #211A24;
}

.boton-perfil-medico,
.boton-perfil-teleoperador {
	background-color: #d60375;
	color: white;
}

.border-menu-historial {
	border-bottom: 2px solid #ededed;
}

.elementos-listado-consultas {
	padding-left: 15px;
	padding-right: 15px;
	background-color: #f6f6f6;
	width: 80%;
	margin: 0 auto;
}

.contenedor-filtros-consultas {
	width: 100%;
}

#contenedor-listado-principal-consultas {
	width: 100% !important;
}

.switch-solo-informes {
	cursor: pointer;
}

#contenedor-filtros {
	cursor: pointer;
}

#contenedor-filtros .fa-filter {
	font-size: 25px;
	margin-right: 10px;
}


.card-consulta {
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	border-bottom:solid 1px #f0f0f0
}

.card-consulta .card-header {
	border-bottom:solid 1px #f0f0f0;
	display:flex;
	justify-content:space-between
}

.card-ausencia .card-titulo {
	border-bottom:solid 1px #f0f0f0;
	display:flex;
	justify-content:space-between;
	height: 40px;
	background-color: var(--color-fondo-cuerpo-pagina);
}

.card-ausencia .card-titulo .p-3{
	padding: 10px!important;
}

.enlace-receta {
	color: #211A24;
	display: flex;
}

.enlace-receta:hover {
	color: #211A24;
}

.switch-off-svg {
	width: 25px;
	height: 27px;
	margin-right: 5px;
	background-color: #211A24;
	-webkit-mask: url("/assets/icons/ui/formularios/switch_inactive.svg") no-repeat center !important;
	mask: url("/assets/icons/ui/formularios/switch_inactive.svg") no-repeat center !important;
}

.filtro-svg {
	width: 25px;
	height: 27px;
	margin-right: 5px;
	background-color: #211A24;
	-webkit-mask: url("/assets/icons/ui/filtro.svg") no-repeat center !important;
	mask: url("/assets/icons/ui/filtro.svg") no-repeat center !important;
}

.switch-on-svg {
	width: 25px;
	height: 27px;
	margin-right: 5px;
	background-color: #8f1785;
	-webkit-mask: url("/assets/icons/ui/formularios/switch_active.svg") no-repeat center !important;
	mask: url("/assets/icons/ui/formularios/switch_active.svg") no-repeat center !important;
}

.modal-filtros-consultas-paciente.modal-filtros #modal-sustituta {
	position: absolute;
	margin: 0;
	left: 0;
	right: 0;
	max-width: 100%;
	height: 100%;
}

@media (max-width: 767px) {
	.modal-filtros-consultas-paciente.modal-filtros #modal-sustituta {
		height: 100vh;
	}
}

.modal-filtros-consultas-paciente.modal-filtros .fecha-desde {
	background-color: #f6f6f6 !important;
	padding-left: 35px;
	margin-left: 5px;
	padding-top: 0px;
	font-size: 15px;
	padding-bottom: 0px;
	position: relative;
}

.modal-filtros-consultas-paciente.modal-filtros .fecha-hasta {
	background-color: #f6f6f6 !important;
	padding-left: 35px;
	margin-left: 5px;
	padding-top: 0px;
	font-size: 15px;
	padding-bottom: 0px;
	position: relative;
}

.modal-filtros-consultas-paciente.modal-filtros .label-input {
	position: absolute;
	left: 0px;
	top: 12px;
	font-size: 13px;
}

.modal-filtros-consultas-paciente.modal-filtros .label-input-desde {
	position: absolute;
	left: -11px;
	top: 12px;
	font-size: 13px;
}

.modal-filtros-consultas-paciente.modal-filtros .icono-input {
	position: absolute;
	top: 10px;
	right: 20px !important;
	left: auto;
}

.col-6 .icono-input{
	position: absolute;
	top: 41px;
	right: 20px !important;
	left: auto;
}

#ficha-paciente .avatar-paciente {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	margin: 0 auto;
	background-position: center;
	background-size: cover;
	border: 2px solid white;
}

#ficha-paciente .avatar-paciente .datos {
	display: flex;
	align-items: flex-start;
	flex-flow: column;
	justify-content: center;
}

.iniciales {
	text-align: center;
	vertical-align: middle;
	display: table-cell;
	font-size: 25px;
}

.datos-generales-medidas {
	position: absolute;
	right: 16px;
	top: 12px;     
}

.encabezado-consultas-previas, .encabezado-documentos, .caja-titulo-apartado {
	background-color:#ededed;
}

.consultas-previas .fila-consulta {
	border-top: 1px solid #ededed; 
}

.contenedor-documentos .elemento-documento {
	border-top: 1px solid #ededed; 
}

.listado-documentos .fila-documentos {
	border-top: 1px solid #ededed; 
}

.listado-imagenes img {
	max-width: 70px;
	height: 70px;
	margin-right: 10px;
	margin-bottom: 10px;
}

.listado-enfermedades textarea.input-personalizado {
	background-color: white !important;
}

.caja-titulo-subcategoria:first-child {
	margin-top: 20px !important;
}

.separador-subcategorias:last-child {
	margin-bottom: 30px;
}

/*** INFORME ************************************************/

#crear-informe-sin-paciente {
	margin-right: -16px;
	margin-left: -18px;
	position: absolute;
	right: 16px;
	left: 322px;
	top: 47px;
	bottom: 0;
	margin-bottom: 0;
	/* width: calc(100% - 304px); */
}

@media(max-width: 1366px) {
	#crear-informe-sin-paciente {
		left: 18px;
	}
}

.elementos-informe {
	position: absolute;
	top: 56px;
	bottom: 0;
	left: 0;
	right: 0;
}

.cuerpo-informe,
.cuerpo-informe-receta {
	margin-right: -16px;
	margin-left: -18px;
	position: absolute;
	right: 16px;
	left: 18px;
	top: -1px;
	bottom: 0;
}

.cabecera-informe {
	padding-top: 5px;
	padding-bottom: 5px;
}

.cabecera-informe .flecha-abajo-svg {
	cursor: pointer;
}

.cuerpo-informe .flecha-abajo-svg,
.cuerpo-informe-receta .flecha-abajo-svg {
	width: 24px;
	height: 24px;
	margin-right: 5px;
	margin-left: auto;
	background-color: white;
	-webkit-mask: url("/assets/icons/ui/flecha_abajo.svg") no-repeat center !important;
	mask: url("/assets/icons/ui/flecha_abajo.svg") no-repeat center !important;
}

/* Parte izquierda informe */
.formulario-informe {
	border-right: 1px solid #ededed;
	width: 65.5%;
	flex-direction: column;
	display: flex;
	position: relative;
	/* width: calc(100% - 273px - 145px); */
	width: 70%;
	background: white;
}
#ficha-resumen .formulario-informe .cuerpo-formulario-receta-electronica {
	overflow-y: hidden;
}
#ficha-resumen .formulario-informe {
	width: 100%;
}

@media(max-width:1366px) {
	.formulario-informe {
		/* width: calc(100% - 168px - 145px); */
		width: 70%;
	}
}

.formulario-informe .fila-documentos {
	background-color: #f6f6f6;
	border-radius: 5px;
}

.formulario-informe .imagen-subida {
	height: 35px;
}

.formulario-informe .lista-documentos {
	list-style: none;
}

.ficheros-paciente-informe .lista-documentos {
	list-style: none;
}

.ficheros-paciente-informe .lista-documentos a {
	text-decoration: underline;
	color: black !important;
}

.formulario-informe .lista-documentos li span {
	cursor: pointer;
}


.formulario-informe .demo-radio-button {
	justify-content: space-evenly;
}

#group-diagnostico .dropdown-menu {
	min-width:100% !important;
	/* transform: translate3d(0px, -358px, 0px) !important; */
}


.cuerpo-formulario::-webkit-scrollbar {
	width: 11px;
  }
 
.cuerpo-formulario::-webkit-scrollbar-track {
	background: var(--scrollbarBG);
}
.cuerpo-formulario::-webkit-scrollbar-thumb {
	background-color: var(--thumbBG) ;
	border-radius: 6px;
	border: 3px solid var(--scrollbarBG);
}

.cuerpo-formulario,
.cuerpo-formulario-receta-electronica {
	padding-top: 10px;
	overflow-y: scroll;
	scrollbar-width: thin;
	scrollbar-color: var(--thumbBG) var(--scrollbarBG);
	height: calc(100% - 75px);
}
.cuerpo-formulario-receta-electronica {
	padding-left: 16px;
	padding-right: 16px;
}
.icono-input-derecha {
	position: absolute;
	top: 13px;
	right: 23px;
}
.listado-ls-receta-electronica {
	max-height: 260px;
	overflow-y: scroll;
	overflow-x: hidden;
}
.listado-elementos-receta{
	flex: 0 0 100%;
    max-width: 100%;
    display: flex;
    align-items: center;
}
.img-listado-ls-receta-electronica-elemento{
	height: 60px;
}
.listado-ls-receta-electronica li {
	padding: 8px 0;
}
.listado-ls-receta-electronica::-webkit-scrollbar {
	width: 11px;
  }
.listado-ls-receta-electronica {
scrollbar-width: thin;
scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}
.listado-ls-receta-electronica::-webkit-scrollbar-track {
background: var(--scrollbarBG);
}
.listado-ls-receta-electronica::-webkit-scrollbar-thumb {
background-color: var(--thumbBG) ;
border-radius: 6px;
border: 3px solid var(--scrollbarBG);
}
.trigger-cerrar-listado-live-search-controlador {
	list-style: none;
    text-align: right;
    margin-right: 8px;
    font-size: 22px;
    margin-bottom: -24px;
	cursor: pointer;
}
/**** Parte derecha informe *************************/

#crear-informe-sin-paciente .ficheros-paciente-informe {
	right: 0 !important;
}

/* Parte derecha informe */

.datos-paciente-informe {
	background-color: white;
	position: fixed;
	bottom: 165px;
	top: 103px;
	right: 0;
	overflow-y: scroll;
	/* padding-right: 140px; */
	padding-right: 6px;
	/* width: calc(100% - 1260px); */
	width: 25%;
	padding-right: 0 !important;
}

.datos-paciente-informe.columna-completa {
	bottom: 0;
}

@media(max-width:1712px) {
	.datos-paciente-informe {
		width: 24.7%;
	}
}

@media(max-width:1565px) {
	.datos-paciente-informe {
		width: 24.3%;
	}
}

@media(max-width:1509px) {
	.datos-paciente-informe {
		width: 24%;
	}
}

@media(max-width:1366px) {
	.datos-paciente-informe {
		width: 24.6%;
	}
}

@media(max-width:1260px) {
	.datos-paciente-informe {
		width:24.2%;
	}
}

@media(max-width:1190px) {
	.datos-paciente-informe {
		width:24%;
	}
}

.ficheros-paciente-informe {
	background-color: white;
	position: fixed;
	bottom: 0;
	top: 642px;;/* 574 */
	right: 0 !important;
	overflow-y: scroll;
	/* padding-right: 235px;  */
	scrollbar-width: thin;
	scrollbar-color: var(--thumbBG) var(--scrollbarBG);
	/* width: 420px; */
	width: 25%;
	padding-left: 15px;
	overflow-x: hidden;

}

@media(max-width:1712px) {
	.ficheros-paciente-informe {
		width: 24.7%;
	}
}

@media(max-width:1565px) {
	.ficheros-paciente-informe {
		width: 24.3%;
	}
}


@media(max-width:1509px) {
	.ficheros-paciente-informe {
		padding-right: 36px;
		width: 24%;
	}
}

@media(max-width:1366px) {
	.ficheros-paciente-informe {
		padding-right: 36px;
		width: 24.6%;
	}
}

@media(max-width:1260px) {
	.ficheros-paciente-informe {
		width:24.2%;
	}
}

@media(max-width:1190px) {
	.ficheros-paciente-informe {
		width:24%;
	}
}


@media(max-width:1366px) {

	.datos-paciente-informe {
		
		bottom: 176px;
	}

	.ficheros-paciente-informe {
		top: 455px;
		padding-right: 137px;
		padding-left: 18px;
	}

	#menu-lateral-desktop {
		width: 250px;
	}
	.cuerpo-informe {
		left: 268px;
	}
	.cuerpo-informe-receta {
		left: -36px;
	}


	/* .contenedor-mensaje-paciente .mensaje-paciente {
		max-width: 300px;
	} */

	/* .contenedor-mensaje-medico {
		max-width: 300px;
	} */

	.datos-paciente-informe {
		padding-right: 36px;
	}
	.mensajes-informe {

		width: calc(100% - 277px - 36px);
	}
}

@media(max-height:783px) {
	.datos-paciente-informe {
		padding-right: 23px;
		bottom: 188px;
	}

	.ficheros-paciente-informe {
		top: 444px;
		padding-right: 122px;
		padding-left: 18px;
	}
}

@media(max-height:630px) {
	.datos-paciente-informe {
		padding-right: 23px;
		bottom: 144px;
	}

	.ficheros-paciente-informe {
		top: 455px;
		padding-right: 122px;
		padding-left: 18px;
	}
}

@media(max-width:1100px) {
	.datos-paciente-informe {
		padding-right: 16px;
	}
	.mensajes-informe {

		width: calc(100% - 257px - 16px);
	}
}


.datos-paciente-informe::-webkit-scrollbar {
	width: 11px;
  }
.datos-paciente-informe {
scrollbar-width: thin;
scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}
.datos-paciente-informe::-webkit-scrollbar-track {
background: var(--scrollbarBG);
}
.datos-paciente-informe::-webkit-scrollbar-thumb {
background-color: var(--thumbBG) ;
border-radius: 6px;
border: 3px solid var(--scrollbarBG);
}

.fila-informe-nombre {
	display: block;
	margin-top: 15px;
	margin-bottom: 15px;
	padding-bottom: 15px;
	padding-left: 20px;
	border-bottom: 1px solid #f6f6f6;
}

.fila-informe-nombre .avatar-paciente {
	width: 80px;
	height: 80px;
}

.fila-informe-nombre .historial {
	color: #d91680;
}

.fila-informe-nombre .plan {
	border-radius: 20px;
	padding-left: 15px;
	padding-right: 15px;
	background-color:black;
	color:white;
	font-size: 14px;
	
}

.fila-informe-notas-internas {
	padding-left: 20px;
	border-bottom: 1px solid #f6f6f6;
}

.fila-informe-datos-personales {
	padding-left: 20px;
	border-bottom: 1px solid #f6f6f6;
	margin-top: 10px;
	padding-bottom: 15px;
}

#historial-notas-internas {
	max-height: 250px;
	overflow-y: scroll;
	overflow-x: hidden;
	scrollbar-width: thin;
	scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}
#historial-notas-internas::-webkit-scrollbar {
	width: 11px;
}

.control-notas-internas-menu-lateral {
	margin-left: 0 !important;
}
 
#historial-notas-internas-webkit-scrollbar-track {
	background: var(--scrollbarBG);
}
#historial-notas-internas-webkit-scrollbar-thumb {
	background-color: var(--thumbBG) ;
	border-radius: 6px;
	border: 3px solid var(--scrollbarBG);
}

.ultima-actualizacion {
	color: #948997;
}

/* .elementos-informe button {
	font-size: 1rem;
} */

/* @media(max-width: 1450px) {
	.elementos-informe button {
		font-size: 15px;
	}
} */

.controles-botones {
	bottom: 6px;
	position: absolute;
	left: 0;
	right: 0;
	margin-bottom: 10px;
	
}

.botones-control-informe {
	border-bottom: 1px solid #ededed;
	border-top: 2px solid #e2e2e2;
	cursor: pointer;
	padding-top: 10px;
}

/*** CHAT **********************************************/

.elementos-chat {
	position: absolute;
	top: 60px;
	bottom: 0;
	left: 0;
	right: 0;
}

.cuerpo-chat {
	margin-right: -16px;
	margin-left: -18px;
	position: absolute;
	right: 16px;
	left: 322px;
	top: 47px;
	bottom: 0;
}

.cabecera-chat {
	padding-top: 5px;
	padding-bottom: 5px;
}

.cabecera-chat .flecha-abajo-svg {
	cursor: pointer;
}

.avatar-paciente {
	display:table;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	margin: 0 auto;
	background-position: center;
	background-size: cover;
	border: 2px solid white;
}

.linea-mensaje .avatar-paciente,
.avatar-paciente-rol-paciente {
	border-color: #d60375;
}

.linea-mensaje-rol-livechat-agent .avatar-paciente,
.avatar-paciente-rol-livechat-agent {
	border-color: #519502;
}

.linea-mensaje-rol-medico .avatar-paciente,
.avatar-paciente-rol-medico {
	border-color: #0375d6;
}

.cuerpo-chat .flecha-abajo-svg {
	width: 24px;
	height: 24px;
	margin-right: 5px;
	margin-left: auto;
	background-color: white;
	-webkit-mask: url("/assets/icons/ui/flecha_abajo.svg") no-repeat center !important;
	mask: url("/assets/icons/ui/flecha_abajo.svg") no-repeat center !important;
}

/* Parte izquierda chat */
.mensajes-chat {
	border-right: 1px solid #ededed;
	width: 65.5%;
	flex-direction: column;
	display: flex;
	position: relative;
	width: calc(100% - 275px - 145px);
}

.listado-mensajes::-webkit-scrollbar {
	width: 11px;
  }
 
.listado-mensajes::-webkit-scrollbar-track {
	background: var(--scrollbarBG);
}
.listado-mensajes::-webkit-scrollbar-thumb {
	background-color: var(--thumbBG) ;
	border-radius: 6px;
	border: 3px solid var(--scrollbarBG);
}

.listado-mensajes {
	padding-top: 10px;
	overflow-y: scroll;
	scrollbar-width: thin;
	scrollbar-color: var(--thumbBG) var(--scrollbarBG);
	height: calc(100% - 119px);
}

.listado-mensajes.case {
	height: calc(100% - 84px);
}

.mensajes-chat .contenedor-loader-mensajes {
	position: absolute;
	top: 0; right: 0; left: 0;
	display: flex;
	justify-content: center;
}

.mensajes-chat .contenedor-loader-mensajes .cuadro-loader-mensajes {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #000000;
	color: #ffffff;
	width: 45px;
	height: 45px;
	border-radius: 10px;
	z-index: 2;
}

.cuerpo-chat.chat-rocket-grupal .listado-mensajes {
	height: calc(100% - 65px);
}

.linea-mensaje-paciente {
	display: flex;
	justify-content: flex-start;
	width: 100%;
	margin-bottom: 8px;
}

.contenedor-mensaje-paciente {
	
	position: relative;
	margin-right: 24px;
	margin-left: 15px
}



.linea-mensaje-fecha {
	display: flex;
	justify-content: center;
	width: 100%;
	margin-bottom: 8px;
}

.linea-mensaje-fecha .mensaje-fecha {
	padding: 5px 24px;
	border-radius: 25px;
	background-color: rgb(144, 204, 220);
}

.linea-mensaje-fecha .linea-eliminar-mensaje-rocket {
	display: none;
}

.contenedor-mensaje-fecha {
	
	position: relative;
	/* margin-right: 24px;
	margin-left: 15px */
}

.contenedor-mensaje-fecha.con-imagen {
	margin-left: 32px;
	/* margin-bottom: 8px; */
	display: flex;
}

.contenedor-mensaje-paciente.sin-imagen {
	margin-left: 72px;
}

.contenedor-mensaje-paciente.con-imagen {
	margin-left: 32px;
	display: flex;
}

.contenedor-mensaje-fecha.sin-imagen {
	margin-left: 72px;
	/* margin-bottom: 8px; */
}

.contenedor-mensaje-paciente .avatar-paciente {
	width: 40px;
	height: 40px;
}

.contenedor-mensaje-paciente .mensaje-paciente {
	background-color: #d60375;
	color: white;
	padding: 5px 24px;
	border-radius: 25px;
	max-width: 75%;
	margin-right: 10px;
}

.linea-mensaje-rol-medico .mensaje-paciente {
	background-color: #0375d6;
}

.linea-mensaje-rol-livechat-agent .mensaje-paciente {
	background-color: #519502;
}

.linea-mensaje .linea-eliminar-mensaje-rocket {
	text-align: right;
}

.linea-mensaje .linea-eliminar-mensaje-rocket {
	opacity: 0;
}

.linea-mensaje .mensaje-paciente:hover .linea-eliminar-mensaje-rocket,
.linea-mensaje .mensaje-medico:hover .linea-eliminar-mensaje-rocket {
	opacity: 1;
}

.linea-mensaje .arreglo-imagenes-chat .linea-eliminar-mensaje-rocket {
	padding-right: 15px;
}

.linea-mensaje .eliminar-mensaje-rocket {
	font-size: 14px;
}

.linea-mensaje .mensaje-paciente .eliminar-mensaje-rocket {
	color: #f2b3d5;
}

.linea-mensaje-rol-livechat-agent .mensaje-paciente .eliminar-mensaje-rocket {
	color: #cadfb3;
}

.linea-mensaje-rol-medico .mensaje-paciente .eliminar-mensaje-rocket {
	color: #b3d5f2;
}

.linea-mensaje .mensaje-medico .eliminar-mensaje-rocket {
	color: #bcbabd;
}

.linea-mensaje .eliminar-mensaje-rocket:hover {
	color: #211a24 !important;
}

.contenedor-mensaje-paciente .mensaje-paciente p,
.contenedor-mensaje-medico .mensaje-medico p {
	margin: 0;
}

.contenedor-mensaje-paciente .usuario-mensaje {
	font-weight: 600;
}

.contenedor-mensaje-paciente.con-imagen .mensaje-paciente {
	display: inline-block;
	
}

.arreglo-imagenes-chat .usuario-mensaje {
	padding-left: 15px;
}

.contenedor-mensaje-paciente.sin-imagen .mensaje-paciente {
	display: block;
}

.mensaje-paciente.imagen-enviada {
	margin-left: 24px;
	padding: 4px;
	background-color: white;
}

.mensaje-paciente.imagen-enviada img {
	border-radius: 25px;
}

.linea-mensaje-medico {
	display: flex;
	justify-content: flex-end;
	width: 100%;
	margin-bottom: 12px;
}


.contenedor-mensaje-medico {
	margin-right: 18px;
	background-color: white;
	padding: 5px 24px;
	border-radius: 25px;
	max-width: 700px;
}
.contenedor-mensaje-paciente.arreglo-imagenes-chat,
.contenedor-mensaje-medico.arreglo-imagenes-chat {
	padding: 5px 5px;
}

.arreglo-imagenes-chat .mensaje-paciente {
	padding: 5px;
}

.imagen-en-chat {
	max-width: 390px;
	border-radius: 20px;
	cursor: pointer;
}

.doc-chat {
	color: inherit !important;
}
.mensaje-medico .doc-chat {
	text-align: right;
}
.avatar-usuario-chat {
	background-position: center;
	background-size: cover;
	border-radius: 50%;
	height: 50px;
	width: 50px;
}
.listado-mensajes .avatar-usuario-chat, 
.listado-mensajes .avatar-paciente {
	height: 38px;
	width: 38px;
	margin-right: 2px;
}
.chat-rocket-grupal .listado-mensajes .avatar-usuario-chat, 
.chat-rocket-grupal .listado-mensajes .avatar-paciente {
	align-self: flex-start;
}
.listado-mensajes .avatar-paciente .iniciales {
	font-size: 18px !important;
}
.chat-rocket-grupal .fila-derecha-chat {
	flex: 1 1;
	max-height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	scrollbar-width: thin;
	scrollbar-color: var(--thumbBG) var(--scrollbarBG);
	padding-right: 23px;
	padding-left: 23px;
}
.chat-rocket-grupal .contenedor-agregar-miembro-sala {
	margin-bottom: 15px;
}
.chat-rocket-grupal .agregar-miembro-sala {
	color: #455a64;
	font-size: 20px;
}
.chat-rocket-grupal .agregar-miembro-sala:hover {
	color: #d60375;
}
.chat-rocket-grupal .agregar-miembro-sala i {
	font-size: 16px;
}
.listado-miembros-rocket {
	padding-bottom: 10px;
}
.listado-miembros-rocket .miembro-rocket {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}
.listado-miembros-rocket .avatar-paciente {
	width: 34px;
	height: 34px;
	margin-right: 5px;
}
.listado-miembros-rocket .avatar-paciente .iniciales {
	line-height: 30px;
	font-size: 20px;
}
.listado-miembros-rocket .contenedor-botones {
	margin-left: auto;
	opacity: 0;
}
.listado-miembros-rocket .miembro-rocket:hover .contenedor-botones {
	opacity: 1;
}
.listado-miembros-rocket .contenedor-botones a {
	font-size: 20px;
	color: #bcbabd;
}
.listado-miembros-rocket .contenedor-botones a:hover {
	color: #211a24;
}
@media (max-width: 1800px) {
	/* .contenedor-mensaje-medico {
		max-width: 500px;
	} */
}

@media(max-width:1500px) {
	.contenedor-mensaje-paciente .mensaje-paciente {
		
		max-width: 400px;
	}

	/* .contenedor-mensaje-medico {
		max-width: 400px;
	} */
}

@media(max-width:1200px) {
	.mensajes-chat {
		width: calc(100% - 257px - 76px);

	}
}

.contenedor-mensaje-medico .mensaje-medico {
	color: #211A24;	
	margin-left: 10px;
}

.contenedor-mensaje-paciente .avatar-paciente {
	margin: 0!important;
}

.controles-mensajes {
	bottom: 0;
	position: absolute;
	left: 0;
	right: 0;
	margin-bottom: 10px;
}

.botones-control-chat {
	border-bottom: 1px solid #ededed;
	border-top: 2px solid #e2e2e2;
	cursor: pointer;
}

.contenedor-finalizar-chat {
	border-left: 1px solid #ededed;

}

.listado-mensajes {
	background-color: #f6f6f6;
	overflow-x: hidden;
}

.btn-adjuntar {
	background-color:#ededed;
	border-radius: 10;
	padding: 0;
	padding: 8px;
	border-radius: 24px;
	margin-right: 10px;
}

.contenedor-mensaje {
	margin-right: 5px;
}

.input-chat {
	border-radius: 25px;
	background-color:#ededed;
	border: 1px solid#f6f6f6;
	padding: 8px;
	text-indent: 10px;
	width:97%;
}

.icono-input-chat {
	cursor: pointer;
	position: absolute;
	right: 5px;
	top: 10px;
	background-color: #d60374;
	width: 24px;
	height: 24px;
	-webkit-mask: url("/assets/icons/ui/enviar.svg") no-repeat center !important;
	mask: url("/assets/icons/ui/enviar.svg") no-repeat center !important;
}

.icono-reenviar {
	cursor: pointer;
	background-color: #d60374;
	width: 24px;
	height: 24px;
	-webkit-mask: url("/assets/icons/ui/enviar.svg") no-repeat center !important;
	mask: url("/assets/icons/ui/enviar.svg") no-repeat center !important;
}

.icono-input-chat-boton {
	position: relative;
	right: 0;
	top: 0;
	background-color: #ffffff;
	width: 24px;
	height: 24px;
}

.icono-input-chat-rocket-boton {
	position: relative;
	right: 0;
	top: 0;
	background-color: #ffffff;
	width: 24px;
	height: 24px;
}

/* ROCKET CHAT */
.input-chat-rocket {
	border-radius: 25px;
	background-color:#ededed;
	border: 1px solid#f6f6f6;
	padding: 8px;
	text-indent: 10px;
	width:100%;
}

.icono-input-chat-rocket {
	cursor: pointer;
	position: absolute;
	right: 30px;
	top: 10px;
	background-color: #d60374;
	width: 24px;
	height: 24px;
	-webkit-mask: url("/assets/icons/ui/enviar.svg") no-repeat center !important;
	mask: url("/assets/icons/ui/enviar.svg") no-repeat center !important;
}

/* Parte derecha chat */

.datos-paciente-chat {
	background-color: white;
	position: fixed;
	bottom: 165px;
	top: 107px;
	/* right: 0; */
	overflow-y: scroll;
	padding-right: 140px;
}

.ficheros-paciente-chat {
	background-color: white;
	position: fixed;
	bottom: 0;
	top: 642px;
	overflow-y: scroll;
	scrollbar-width: thin;
	scrollbar-color: var(--thumbBG) var(--scrollbarBG);
	width: 420px;
	padding-left: 15px;
	overflow-x: hidden;

}


@media(max-width:1366px) {

	.datos-paciente-chat {
		padding-right: 76px;
		bottom: 176px;
	}

	.ficheros-paciente-chat {
		top: 455px;
		padding-right: 137px;
		padding-left: 18px;
	}

	#menu-lateral-desktop {
		width: 250px;
	}
	.cuerpo-chat {
		left: 268px;
	}

	/* .contenedor-mensaje-paciente .mensaje-paciente {
		max-width: 300px;
	} */

	/* .contenedor-mensaje-medico {
		max-width: 300px;
	} */

	.datos-paciente-chat {
		padding-right: 36px;
	}
	.mensajes-chat {

		width: calc(100% - 277px - 36px);
	}
}

@media(max-height:630px) {
	.datos-paciente-chat {
		padding-right: 23px;
		bottom: 144px;
	}

	.ficheros-paciente-chat {
		top: 455px;
		padding-right: 122px;
		padding-left: 18px;
	}
}

@media(max-width:1100px) {
	.datos-paciente-chat {
		padding-right: 16px;
	}
	.mensajes-chat {

		width: calc(100% - 257px - 16px);
	}
}

@media(max-width:1000px) {
	/* .contenedor-mensaje-paciente .mensaje-paciente {
		max-width: 200px;
	} */

	/* .contenedor-mensaje-medico {
		max-width: 200px;
	} */
}

.datos-paciente-chat::-webkit-scrollbar {
	width: 11px;
  }
.datos-paciente-chat {
scrollbar-width: thin;
scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}
.datos-paciente-chat::-webkit-scrollbar-track {
background: var(--scrollbarBG);
}
.datos-paciente-chat::-webkit-scrollbar-thumb {
background-color: var(--thumbBG) ;
border-radius: 6px;
border: 3px solid var(--scrollbarBG);
}

.fila-chat-nombre {
	display: block;
	margin-top: 15px;
	margin-bottom: 15px;
	padding-bottom: 15px;
	padding-left: 20px;
	border-bottom: 1px solid #f6f6f6;
}

.fila-chat-nombre .avatar-paciente {
	width: 80px;
	height: 80px;
}

.fila-chat-nombre .historial {
	color: #d91680;
}

.fila-chat-nombre .plan {
	border-radius: 20px;
	padding-left: 15px;
	padding-right: 15px;
	background-color:black;
	color:white;
	font-size: 14px;
	
}

.fila-chat-notas-internas {
	padding-left: 20px;
	border-bottom: 1px solid #f6f6f6;
}

.fila-chat-datos-personales {
	padding-left: 20px;
	border-bottom: 1px solid #f6f6f6;
	margin-top: 10px;
	padding-bottom: 15px;
}

.ultima-actualizacion {
	color: #948997;
}

#group-diagnostico .bootstrap-select {
	position: relative !important;
  }
  
#group-diagnostico  .bootstrap-select .dropdown-menu {
	right: 0 !important;
  }
  
#group-diagnostico  .bootstrap-select .dropdown-menu li a span.text {
	white-space: initial !important; 
  }

  .ap-overlay.ap-layout-popup {
	  display: none;
	  z-index: 100000;
  }

  .jtsage-datebox-backdrop-div {
	  z-index: 15000;
  }

  .dbContainer_0 {
	  z-index: 2055 !important;
  }
/******* HISTORICO DE ANTECEDENTES MEDICOS DE PACIENTE *******/

.panel-seleccion-grafico {
	padding: 0px 0px 10px 0px;
}

.panel-seleccion-grafico .lista-campos-grafico {
	list-style-type: none;
	padding: 0;
	margin-bottom: 0;
	cursor: pointer;
}

.panel-seleccion-grafico .lista-campos-grafico li {
	padding: 2px 5px 2px 5px;
	border-bottom: 2px solid #ededed;
}

.panel-seleccion-grafico .lista-campos-grafico li:hover {
	background-color: rgba(0, 0, 0, 0.1);
}

.listado-apartados-historial .contenedor-tabla {
	overflow-y: scroll;
	max-height: 150px;
}

.listado-apartados-historial .contenedor-tabla table {
	width: 100%;
	font-size: 0.9rem;
}

.listado-apartados-historial .contenedor-tabla table td {
	padding: 0.2rem !important;
}

.boton-propiedad.active {
	background-color: rgba(0, 0, 0, 0.1);
}

.listados-apartados-historial .listado-apartados-historial {
	padding: 0px 0px 0px 0px !important;
}

#apartado-datos-generales-historia .cabecera-historial {
	margin-bottom: 50px;
}

#historico-antecedentes{
	padding:30px;
}
#modal-historico-antecedentes .modal-sustituta-historico-antecedentes{
	min-height:750px!important;
}
/********* PORTATILES */
@media (max-width:1280px) {

	.panel-seleccion-grafico .lista-campos-grafico {
		font-size: 1rem;
	}
}

/******** PANTALLAS GRANDES */
@media (min-width:1281px) {

	.panel-seleccion-grafico {
		flex: 0 0 20%;
		max-width: 20%;

	}

	.contenedor-grafico {
		flex: 0 0 80% !important;
		max-width: 80% !important;
	}
	#grafico {
	max-height: 450px !important;
	}
	.panel-seleccion-grafico .lista-campos-grafico li {
		padding: 2px 0px 0px 2px;
	}
}
.span-medidas{
	top:15px!important;
	left:50px!important;
}

/*** RECETA ELECTRÓNICA **************/
#ficha-receta-electronica {

	margin-right: -16px;
	margin-left: -18px;
	position: absolute;
	right: 16px;
	left: 322px;
	top: 47px;
	bottom: 0;
	margin-bottom: 0;
}

.contenedor-boton-prescripcion {
	border: 1px solid #c3c3c3;
    border-radius: 4px;
    margin-bottom: 8px;
	position: relative;
	padding: 8px;
	align-items: center;
	cursor: pointer;
	color: var(--color-enlaces);
	transition: all .4s;
	max-width: 286px;
}
.contenedor-boton-prescripcion:hover {
	color: var(--color-texto-boton-2);
	background-color: var(--color-principal);
}
.contenedor-boton-prescripcion .fa-plus {
	position: absolute;
	right: 16px;
	top: 13px;
}
.contenedor-boton-prescripcion p {
	margin: 0;
}
.col-resumen-prescripcion {
	border-left: 1px solid #dee2e6;
}
.col-oculto-prescripcion {
	display: none;
}
.datos-incorrectos-svg {
	width: 100px;
	height: 100px;
	margin-right: 5px;
	background-color: #BBC8CD;
	-webkit-mask: url('/assets/images/face_datos_incorrectos.svg') no-repeat center !important;
	mask: url('/assets/images/face_datos_incorrectos.svg') no-repeat center !important;
}

.upload-svg {
	width: 15px;
	height: 15px;
	
	-webkit-mask: url('/assets/icons/ui/upload.svg') no-repeat center !important;
	mask: url('/assets/icons/ui/upload.svg') no-repeat center !important;
}

.logo-empresa {
	max-width: 150px;
}

/*** FAQ ***/
.listado-preguntas {
	max-width: 680px;
	margin-left: 16px;
	margin-top: 40px;
}
.pregunta {
	padding-top: 8px;
	border-top: 1px solid #e4e4e4;
	padding-bottom: 8px;
}
.col-12 .pregunta:last-of-type  {
	border-bottom: 1px solid #e4e4e4;
}
.titulo-faq {
	
}
.texto-titulo-faq {
	color: #373A3C;
}
.cuerpo-pregunta {
	color: #373A3C;
}
.video-faq:not(:last-of-type) {
	margin-right: 16px;
}
video.video-faq {
	max-width: 100%;	
}
/*** RELATIVO AL CALENDARIO ****/
.fc-day-header.fc-widget-header span{
	color:white;
}
.fc-axis span{
	color: #FFF !important;
}
.fc-ltr .fc-axis{
	text-align:center;
}
.fc-button{
	color: #FFF !important;
}
.fc-time-grid-event{
	margin:0 3px;
}
.fc-time-grid-event.fc-event{
	min-height:1rem;
	border:1px solid #FFF;
	min-width: 1.5rem;
	max-height: 1rem;
}
.fc-event .fc-bg{
	opacity:0!important;
}
.fc-time-grid .fc-slats td {
	height: 4.5em!important;
}
.fc-title{
	display:none!important;
}
.popover-body{
	text-align:center;
}
.popover-header{
	color:#FFF;
}

/*** MODAL SELECTOR NUEVO MIEMBRO SALA CHAT ****/
#modal-selector-nuevo-miembro-sala {
	margin: 10px auto;
	overflow-y: auto;
}
#modal-selector-nuevo-miembro-sala .modal-sustituta {
	max-width: 500px;
}
#modal-selector-nuevo-miembro-sala .miembro-rocket {
	cursor: pointer;
	padding: 5px 10px;
}
#modal-selector-nuevo-miembro-sala .miembro-rocket:hover {
	background-color: #eaeaea;
}
/*** ASISTENTE REGISTRO MÉDICO ***/
.pelotita-numero {
	display: inline-block;
	/* background-color: #1b131f; */
	color: #ffffff;
	border-radius: 50%;
	height: 24px;
	width: 24px;
}
.contador-secciones:not(:last-of-type) {
	margin-right: 32px;
}
.contador-secciones .pelotita-numero {
	background-color: #BBC8CD
}
.contador-secciones.active .pelotita-numero {
	background-color: #1b131f;
}
.contador-secciones .titulo-contador-secciones {
	color: #211A24;
	margin-left: 8px;
}
.contador-secciones.active .titulo-contador-secciones {
	color: #211A24;
	font-weight: bold;
}
/*** TOOLTIP ***/
.tooltip {
	position: relative;
	display: inline-block;
	border-bottom: 1px dotted black;
  }
  
  .tooltip .tooltiptext {
	visibility: hidden;
	width: 120px;
	background-color: #555;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px 0;
	position: absolute;
	z-index: 1;
	bottom: 125%;
	left: 50%;
	margin-left: -60px;
	opacity: 0;
	transition: opacity 0.3s;
  }
  
  .tooltip .tooltiptext::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #555 transparent transparent transparent;
  }
  
  .tooltip:hover .tooltiptext {
	visibility: visible;
	opacity: 1;
  }


  .listado-consultas-pago {
	overflow-y: scroll;
	max-height: 200px;
	scrollbar-width: thin;
	scrollbar-color: var(--thumbBG) var(--scrollbarBG);
  }

	 /**** GESTIONAR INFORMES ************/

  .btn-configurar-envio {
	  display: flex;
	  justify-content: center;
	  align-items: center;
  }

  .icono-mensajeria {
	cursor: pointer;
	/* position: absolute; */
	/* right: 5%;
	top: 10px; */
	margin-left: 10px;
	background-color: white;
	width: 24px;
	height: 24px;
	-webkit-mask: url("/assets/icons/ui/enviar.svg") no-repeat center !important;
	mask: url("/assets/icons/ui/enviar.svg") no-repeat center !important;
}

	.columna-calendario {
		margin-left: 22% !important;

	}

	@media (max-width:1366px) {

		.columna-calendario {
			width: 17% !important;
			margin-left: 16% !important

		}
	}

	.res-circle {
		/* (A) PERCENTAGE WIDTH & BORDER RADIUS */
		width: 16%;
		border-radius: 50%;

		/* (B) BACKGROUND COLOR */ 
		background: #515050;
		color: white;
		/* (C) NECESSARY TO POSITION TEXT BLOCK */
		line-height: 0;
		position: relative;
	}

	.res-circle.pequeno {

		width:12%;
		height: 12%;
		background-color: #919291;
	}

	/* (D) MATCH HEIGHT */
	.res-circle::after {
		content: "";
		display: block;
		padding-bottom: 100%;
	}

	/* (E) TEXT BLOCK */
	.circle-txt {
		/* (E1) CENTER TEXT IN CIRCLE */
		position: absolute;
		bottom: 50%;
		width: 100%;
		text-align: center;

		/* (E2) THE FONT - NOT REALLY IMPORTANT */
		font-family: arial, sans-serif;
		font-weight: bold;
	}


	.circle-txt.segundo {
		bottom:40%;
	}

	.circle-txt.pequeno {
		font-size: small;
		bottom:56%;

	}
	.circle-txt.segundo.pequeno {
		bottom:35%;
	}

	.res-circle .segundo {
		font-size: small;
	}


	#fila-calendario .input-personalizado-icono.filtro-activado {
		border-color: #211a24 !important;
	}

	#fila-calendario .btn-personalizado-poco-padding {
		font-family: Franklin-gothic-regular;
	}

	#fila-calendario .icono-input {
		position: absolute;
		left: auto;
		top: 8px;
		right: 23px;
	}

	#fila-calendario .float-label-icono {
		position: absolute;
		left: 25px;
		top: 8px;
		color: #211A24;
		z-index: 10;
		transition: all .4s;
	}

	#fila-calendario .input-personalizado-icono:focus+.float-label-icono,
	#fila-calendario .input-personalizado-icono:not(:placeholder-shown)+.float-label-icono,
	#fila-calendario .bootstrap-select.label-flotante+.float-label-icono {
		top: 2px;
		font-size: 75%;
		top: 1px;
	}

	#fila-calendario .btn-t1.vacio {
		border: 2px solid #EDEDED;
	}

	.fin-modulo {
		/* position: absolute; */
		bottom: 20px;
		border-top: 1px solid #f6f6f6;
		width: 100%;
		left: 0;
		background-color: #fff;
	}

	.fin-modulo.centrado {
		display: flex;
		justify-content: space-evenly;
	}

	.datos-mujeres {
		color: #21c7db;
	}

	.datos-hombres {
		color: #1889e6
	}

	.fin-modulo .datos-chat {
		color: #21c7db;
	}

	.fin-modulo .datos-vc {
		color: #1889e6
	}

	.fin-modulo .datos-tele {
		color: #755af2;
	}

	.jqvmap-zoomin, .jqvmap-zoomout {
		background: unset !important;
	}

	.btn-personalizado-2-poco-padding {
		border: solid 1px #1b131f;
		border-radius: 6px;
		font-family: Franklin-gothic-bold;
		padding: 4px;
		font-size: 18px;
		display: flex;
		align-content: center;
		justify-content: center;
		justify-items: center;
		align-items: center;
	}

	.btn-personalizado-2-poco-padding.oscuro {
		color: white;
		background: black;
	}

	.btn-personalizado-2-poco-padding.claro {
		color: black;
		background: white;
	}

	.btn-personalizado-2-poco-padding.claro .icono {
		background-color: black;
	}

	@media (max-width:1366px) { 
		#modulo-altas-consultas .card {

			height: 100%;
		}

		#grafica-usuarios {
			margin-bottom: 1.5rem !important;
		}

		#estados-grafica-usuarios {
			margin-top: 3rem !important;
		}
	}

	#modulo-altas-usuarios .azul-claro {
		color: #1889e6
	}

	#modulo-altas-usuarios .gris {
		color: #a2a3a2
	}

	/* #modulo-altas-usuarios .datos-altas-usuarios {
	color: #e23540;
	} */
	.circulo-verde {
		color: #8CC745;
	}
	.circulo-rojo {
		color: #E13842;
	}
	.circulo-turquesa,
	.circulo-chat {
		color: #26C6DA;
	}
	.circulo-azul,
	.circulo-videoconsulta {
		color: #1E88E5;
	}
	.circulo-morado,
	.circulo-teleconsulta {
		color: #745AF2;
	}

	.subtexto-tabla {

		color: #827a86;
	}

	#fila-calendario .btn.dropdown-toggle {
		background-color: white !important;
	}

	#fila-calendario .dropdown.bootstrap-select {
		background-color: white !important;
	}

	#fila-calendario .bootstrap-select .dropdown-menu.show {
		background-color: white !important;
	}

/**** ESTADISTICAS : GENERAL **********************************/
#actualizar-estadisticas {
	font-family: "Franklin-gothic-bold";
	padding: 8px 20px;
}
/**** ESTADISTICAS : BOTON ULTIMOS X DIAS *********************/
#boton-ultimos-x-dias {
	display: flex;
	justify-content: center;
	border: 2px solid #ededed;
	background-color: #ffffff;
	border-radius: 50px;
	padding: 10px 30px;
	cursor: pointer;
}
#boton-ultimos-x-dias .texto-boton {
	margin-right: 5px;
}
#boton-ultimos-x-dias .numero-ultimos-x-dias {
	position: relative;
	margin-right: 5px;
}
#boton-ultimos-x-dias .contenedor-input-ultimos-x-dias {
	position: absolute;
	top: 0; right: -20px; left: -20px; bottom: 0;
}
#boton-ultimos-x-dias .input-ultimos-x-dias {
	background-color: transparent;
	text-align: center;
	border: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}
/*** TABLA PRESCRIPCIONES PACIENTE ***/
.tabla-prescripciones {
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
.tabla-prescripciones th:first-child{
	border-top-left-radius: 8px;
}
  
.tabla-prescripciones th:last-child{
	border-top-right-radius: 8px;
}
.contenedor-filtro-principio-activo,
.contenedor-filtro-medicamento-catalogado,
.contenedor-filtro-formula-vacuna {
	display: none;
}
a{
	text-decoration: none !important; 
}

.bootstrap-select{
	height: 48px !important;
}

.estado-consulta {
	position: relative;
	top: -7px;
	left: 5px;
}

#motivo-filtro + .btn {
	margin: 0 !important;
	padding: 0 !important;
	border: 1px solid #ededed !important;
    border-radius: 25px !important;
    padding-right: 10px !important;
}

#motivo-filtro + .btn > .filter-option {
	border: 0px !important;
}

#filtro-buscador + .btn, #filtro-empresa + .btn, #filtro-contrato + .btn {
	margin: 0 !important;
	padding: 0 !important;
	border: 2px solid #ededed !important;
    border-radius: 10px !important;
    padding-right: 10px !important;
}

#filtro-buscador + .btn > .filter-option, #filtro-empresa + .btn > .filter-option, #filtro-contrato + .btn > .filter-option {
	border: 0px !important;
}

.dropdown-toggle {
	height: 43px;
}

.bootstrap-select:has(#motivo-filtro) {
	border: 0px;
}

.filtro-contrato, .filtro-empresa, .filtro-buscador {
	border: 0px !important;
}

.width-btn-principal {
	max-width: 253.38px !important;
}

.width-btn-principal-chat {
	max-width: 551.82px !important;
}

.width-btn-cancelar {
	max-width: 183.83px !important;
}

.width-btn-nueva {
	max-width: 246.64px !important;
}

.width-btn-reasignar {
	max-width: 152.08px !important;
}

.width-btn-ver-conversacion {
	max-width: 246.64px !important;
}

.width-btn-agendar-videoconsulta {
	max-width: 291.78px !important;
}

.width-btn-elaborar-receta {
	max-width: 323.66px !important;
}

.width-btn-finalizar-sin-receta {
	max-width: 261.16px !important;
}

.width-btn-explicacion-contrato {
	max-width: 215.95px;
}

.width-btn-principal-estados-personalizados {
	max-width: 821.97px;
}

.width-btn-prescribir-analitica {
	max-width: 261.16px;
}

@media(min-width: 1658px) {
	.lupa-nasistencia {
		left: 112px !important;
	}
}

@media(min-width: 1800px) {
	.lupa-nasistencia {
		left: auto !important;
	}
}

.width-btn-consultar-receta {
	max-width: 332.47px;
}

.size-punto {
	width: 20px;
	height: 20px;
}

@media (min-width: 1804px) {
	.notify .heartbit {
		right: 75%;
	}
}

.texto-estado-consulta {
	position: relative;
    top: -6px;
}

.texto-pago-consulta {
	position: relative;
	left: 14px;
}

.btn-tabla-medico, .btn-tabla-teleoperadores {
	width: 100%;
}

.icono-cal-filtros-consulta {
	top: 33px !important;
}

.btn-cancelar-filtros-consulta {
	width: 100%;
	background-color: #F0F0F0;
}

.iti__flag {
    background-image: url("/assets/images/flags.png") !important;
}

.iti {
    width: 100%;
}

.iti__dropdown-content {
	z-index: 100 !important;
}

#panel-prescrypto {
	cursor: pointer;
	color: var(--color-enlaces);
}