/* CUSTOM */

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

}

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

@font-face {
	font-family: 'Franklin-gothic-regular';
	src: url('../fonts/roboto/Franklin-gothic-regular.eot');
	src: url('../fonts/roboto/Franklin-gothic-regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/roboto/Franklin-gothic-regular.woff2') format('woff2'),
		url('../fonts/roboto/Franklin-gothic-regular.woff') format('woff'),
		url('../fonts/roboto/Franklin-gothic-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;
}

body {
	font-family: Franklin-gothic-regular;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	color: #52385b;
}



.color-red {
	color: #ff0000;
}

.text-muted.color-white {
	color: #ffffff !important;
}

.background-azul-custom {
	background-color: #1e88e5 !important;
}

.hidden {
	display: none !important;
}

.imagen-ficha {
	max-width: 100%;
}

.alinear-bottom {
	display: flex;
	align-items: flex-end;
}

.light-logo {
	max-height: 50px;
}

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

.cursor-pointer {
	cursor: pointer;
}

.row-no-margin-lados {
	margin-left: inherit;
	margin-right: inherit;
}

.mt--5 {
	margin-top: -5px;
}

.mt-50 {
	margin-top: 50px;
}

.mb-50 {
	margin-bottom: 50px !important;
}

.mb-25 {
	margin-bottom: 25px;
}

.pl-5px {
	padding-left: 5px !important;
}

.h-48 {
	height: 48px;
}

.fixed-mb-col-forms {
	margin-bottom: 10px;
}

.font-size-32 {
	font-size: 32px;
}

.no-pr {
	padding-right: 0;
}

.color-inherit,
.color-inherit:hover {
	color: inherit;
}
.no-shadow {
	box-shadow: none;
}
.no-border {
	border: none;
}
.color-inherit {
	color: inherit;
}
/*** NAVBAR NUEVO ***/
.navbar-header {
	width: auto !important;
	flex-basis: auto !important;
}

.nav-item.dropdown {
	list-style: none;
}

.texto-negrita {
	font-family: Franklin-gothic-bold;
}

/*** EVITAR QUE, EN SAFARI, DATEPICKER SE QUEDE POR DETRÁS DE LA BARRA DE NAVEGACIÓN ***/
.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-top {
	z-index: 55 !important;
}

/*** QUITAR MARGIN LEFT DEL PAGE WRAPPER PARA QUE OCUPE TODA LA PÁGINA ***********************************/
.page-wrapper {
	margin-left: 0 !important;
	background-color: white;
	/* height: 100vh; */
}

@media (max-width:767px) {
	.page-wrapper {
		padding-top: 0 !important;
	}
}

.page-wrapper>.row {
	height: inherit;
}

/*** BOTONES PERSONALIZADOS ************************************************************************************/
.btn-personalizado {
	border: none;
	padding: 15px 0;
	border-radius: 50px;
	font-family: Franklin-gothic-bold;
	padding: 8px 56px;
}

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

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

.btn-cancelar {
	border: none;
	background-color: #ffffff;
	color: #52385b;
}

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

.btn-cancelar.btn-disabled {
	background: none !important;
	background-color: transparent !important;
}
.btn-auto-width {
	width: auto !important;
}
/*** INPUTS PERSONALIZADOS *******************************************************************************/
/*** LABELS FLOTANTES ***/
.form-group {
	position: relative;
}
.bootstrap-select.form-control {
	border: none;
}
.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;
}

/*** 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;
}

/*** BOOTSTRAP SELECT ************************************************************************************/
.bootstrap-select.form-control {
	/* border: none; */
	color: inherit;
}
.btn.bs-placeholder.btn-light {
	background-color: #ffffff;
	/* color: #67757c !important; */
	font-size: 1rem;
}

.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;
}

/*** AVATARES DE PACIENTES ************************************************************************************/
.avatar-paciente {
	width: 140px;
	height: 140px;
	border-radius: 50%;
	margin: 0 auto;
	margin-bottom: 25px;
	background-position: center;
	background-size: cover;
	border: 2px solid white;
}

/*** 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 {
	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 {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 15px;
}

.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 #pagina {
	text-align: center;
	border-radius: 0 !important;
	height: 40px;
	width: 75px;
}

.paginacion #pagina[readonly] {
	background-color: #fff;
	border: 1px solid #CCCCCC;
}

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

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

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

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

.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: 80px;
	right: 30px;
	background-color: #27ae60;
	border: 1px #20bf6b;
	border-radius: 7px;
	cursor: pointer;
}

.contenedor-texto-mensaje-esquina {
	padding: 15px 10px;
	min-width: 160px;
	text-align: center;
	color: #FFFFFF;
	position: relative;
}

#mensaje-esquina.alert-success {
	background-color: #7acb00;
	border-color: #6eb700;
}

#mensaje-esquina.alert-danger {
	background-color: #d9534f;
	border-color: #d43f3a;
}

#mensaje-esquina p {
	margin: 0;
	color: #FFFFFF;
}

#texto-mensaje-esquina+span {
	position: absolute;
	top: 2px;
}

/*** 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-content-propia {
	border-radius: 5px;
	max-width: 300px;
/* 	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-content-propia .cerrar-svg {
	position: absolute;
	top: 15px;
	right: 10px;
	cursor: pointer;

}

.modal-body-propia {
	position: relative;
	padding-top: 55px
}

.contenedor-texto-confirmacion {
	padding-left: 30px;
	padding-right: 30px;
}

/*** MODAL CONFIRMACION ************************************************************************************************/
#modal-confirmacion h4 {
	text-align: center;
	font-size: 23px;
	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);

}

/*** TARJETAS **************************************************************************************************/
#card-consultas,
#card-pacientes {
	background-color: #f5f6fa;
}

.elemento-color-leyenda:not(:first-of-type) {
	margin-left: 5px;
}

.ficha-diagnostico {
	font-size: 20px;
}

.btn-card-llamada,
.btn-card-diagnostico {
	margin-top: 15px;
}

.btn-primary.btn-card-llamada.disabled,
.btn-primary.btn-card-llamada.disabled:disabled {
	background-color: #ebebeb !important;
}

@media(min-width: 577px) {
	.btn-desktop {
		display: block;
	}

	.btn-mobile {
		display: none;
	}
}

@media(max-width: 576px) {
	.btn-desktop {
		display: none;
	}

	.btn-mobile {
		display: block;
	}
}

/* INICIO (AGENDA) */

#bloque-familiares {
	max-height: 0;
	transition: max-height 0.15s ease-out;
	overflow: hidden;
}

#bloque-familiares.familiares-activos {
	max-height: inherit;
	transition: max-height 0.25s ease-in;
}

.card.card-botones-ficha-paciente {
	margin-bottom: 15px;
}

.card-botones-ficha-paciente.disabled {
	opacity: .65
}

.icono-card-botones-ficha-paciente {
	background-color: #f6f6f6;
	width: 60px;
	height: 60px;
	text-align: center;
	border-radius: 100%;
	font-size: 42px;
	margin: 10px auto;
}

.card-enlace-ficha-paciente {
	color: inherit;
	text-decoration: none;
}

.card-enlace-ficha-paciente:hover {
	color: inherit;
	text-decoration: none;
}

.card-consultas-agenda,
.card-botones-ficha-paciente {
	/* background-color: #edebec; */
	transition: all 0.4s;
}

.card-consultas-agenda:hover,
.card-botones-ficha-paciente:hover {
	/* background-color: #d5d3d4; */
}

.card-consultas-agenda .div-stethoscope {
	background-color: #fff;
	width: 120px;
	height: 120px;
	text-align: center;
	border-radius: 100%;
	font-size: 83px;
	margin: 0 auto;
}

.card-consultas-agenda .div-stethoscope .stethoscope-pendientes {
	color: #f20063;
}

.card-consultas-agenda .div-stethoscope .stethoscope-finalizadas {
	color: #676465;
}

/*** CÍRCULO E ICONOS DEL CUESTIONARIO DE SALUD/ASISTENTE ***********************************************************/
.circulo-historia-clinica,
.circulo-icono-apartado {
	background-color: #eef5f9;
	font-size: 40px;
	width: 80px;
	height: 80px;
	border-radius: 50px;
	margin: 0 auto;
	padding-top: 12px;
	margin-bottom: 10px;
}

.circulo-historia-clinica.chc-asistente {
	width: 160px;
	height: 160px;
	border-radius: 50%;
}

.circulo-historia-clinica i::before,
.circulo-icono-apartado i::before {
	font-size: 40px;
	margin-left: 0;
}

.circulo-historia-clinica.chc-asistente i::before {
	font-size: 95px;
	margin-left: 0;
}

.recuadro-subcategoria {
	background-color: #dcdde1;
	border: 1px solid #ffffff;
	text-align: center;
	padding: 10px 0;
	border-radius: 4px;
	transition: background-color 0.4s;
	margin-bottom: 15px;
}

.recuadro-subcategoria:hover {
	background-color: #c6c6ca;
}

/*** NAVEGACIÓN ********************************************************************************************************/
#navegacion {
	position: fixed;
	bottom: 35px;
	right: 15px;
	font-size: 38px;
	z-index: 11;
}

.circulo-navegacion {
	background-color: #dcdde1;
	margin-bottom: 12px;
	text-align: center;
	border-radius: 50px;
	width: 60px;
	height: 60px;
	box-shadow: 1px -1px 4px 0px rgba(0, 0, 0, 0.2);
	transition: all 0.4s;
}

.circulo-navegacion:hover {
	background-color: #C6C6CA;
}

.circulo-navegacion a {
	text-decoration: none;
	font-size: inherit;
	color: inherit;
	cursor: pointer;
}

.circulo-navegacion a:hover {
	color: #5C696F;
}

.circulo-navegacion.fixed-circulo-navegacion a i {
	margin-top: 11px;
}

.navegacion-disabled {
	opacity: .4;
}

.navegacion-disabled a {
	cursor: default !important;
}

/*** PERFIL PACIENTE ***************************************************************************************************/
#pestanas-perfil-paciente {
	margin-bottom: 20px;
}

/*** LEYENDA ***********************************************************************************************************/
.form-control[readonly] {
	background-color: #fff;
	color: #67757c;
}

/*** LEYENDA ***********************************************************************************************************/
.leyenda-consultas {
	position: fixed;
	top: 90px;
	z-index: 11;
}

.leyenda-mobile {
	position: fixed;
	bottom: 0px;
	z-index: 11;
	background-color: #f5f6fa;
	box-shadow: 1px -1px 9px 0px rgba(0, 0, 0, 0.2);
	left: 0;
	right: 0;
	text-align: center;
	padding-bottom: 5px;
}

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

.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;
}

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

.contenedor-boton-cerrar-modal {
	position: absolute;
	font-size: 24px;
	right: 30px;
	top: 20px;
	z-index: 2051;
}

/*** LOADER ************************************************************************************************************/
#loader {
	position: fixed;
	bottom: 25px;
	right: 25px;
	z-index: 9999;
}

.container-loader {
	display: table;
	margin: 0 auto;
	padding: 10px 15px;
	border-radius: 10px;
}

.sk-fading-circle {
	width: 40px;
	height: 40px;
	position: relative;
}

.sk-fading-circle .sk-circle {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.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;
}

.sk-fading-circle .sk-circle2 {
	-webkit-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	transform: rotate(30deg);
}

.sk-fading-circle .sk-circle3 {
	-webkit-transform: rotate(60deg);
	-ms-transform: rotate(60deg);
	transform: rotate(60deg);
}

.sk-fading-circle .sk-circle4 {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.sk-fading-circle .sk-circle5 {
	-webkit-transform: rotate(120deg);
	-ms-transform: rotate(120deg);
	transform: rotate(120deg);
}

.sk-fading-circle .sk-circle6 {
	-webkit-transform: rotate(150deg);
	-ms-transform: rotate(150deg);
	transform: rotate(150deg);
}

.sk-fading-circle .sk-circle7 {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.sk-fading-circle .sk-circle8 {
	-webkit-transform: rotate(210deg);
	-ms-transform: rotate(210deg);
	transform: rotate(210deg);
}

.sk-fading-circle .sk-circle9 {
	-webkit-transform: rotate(240deg);
	-ms-transform: rotate(240deg);
	transform: rotate(240deg);
}

.sk-fading-circle .sk-circle10 {
	-webkit-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg);
}

.sk-fading-circle .sk-circle11 {
	-webkit-transform: rotate(300deg);
	-ms-transform: rotate(300deg);
	transform: rotate(300deg);
}

.sk-fading-circle .sk-circle12 {
	-webkit-transform: rotate(330deg);
	-ms-transform: rotate(330deg);
	transform: rotate(330deg);
}

.sk-fading-circle .sk-circle2:before {
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s;
}

.sk-fading-circle .sk-circle3:before {
	-webkit-animation-delay: -1s;
	animation-delay: -1s;
}

.sk-fading-circle .sk-circle4:before {
	-webkit-animation-delay: -0.9s;
	animation-delay: -0.9s;
}

.sk-fading-circle .sk-circle5:before {
	-webkit-animation-delay: -0.8s;
	animation-delay: -0.8s;
}

.sk-fading-circle .sk-circle6:before {
	-webkit-animation-delay: -0.7s;
	animation-delay: -0.7s;
}

.sk-fading-circle .sk-circle7:before {
	-webkit-animation-delay: -0.6s;
	animation-delay: -0.6s;
}

.sk-fading-circle .sk-circle8:before {
	-webkit-animation-delay: -0.5s;
	animation-delay: -0.5s;
}

.sk-fading-circle .sk-circle9:before {
	-webkit-animation-delay: -0.4s;
	animation-delay: -0.4s;
}

.sk-fading-circle .sk-circle10:before {
	-webkit-animation-delay: -0.3s;
	animation-delay: -0.3s;
}

.sk-fading-circle .sk-circle11:before {
	-webkit-animation-delay: -0.2s;
	animation-delay: -0.2s;
}

.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;
	}
}

.loader-pagina {
	background-color: #ffffff;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 500;
	display: flex;
	justify-content: center;
	align-items: center;
}

.lang-switch {
	font-size: 30px;
	line-height: 50px;
}

/*** PIE PÁGINA ***/
#footer-paciente {
	padding: 15px 0;
	padding-bottom: 0px;
	color: #211A24 !important;
	background-color: #f6f6f6 !important;
	text-align: center;
	/* box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); */
	z-index: 25;
}

@media (max-width: 767px) {
	#footer-paciente {
		margin-top: 50px;
		margin-bottom: 50px;
		text-align: left;
	}
}

#footer-paciente p {
	font-size: 11.5px;

}

.enlace-footer,
.enlace-footer:hover {
	color: inherit;
	text-decoration: none;
}

.footer {
	left: 0;
}

.texto-footer {
	text-align: center
}

/*** FLATPICKER ***/
.flatpicker.form-control[readonly] {
	opacity: 1;
}

.icon-2_pL9 {
	display: none !important;
}

/***** SELECCIONAR PACIENTE ******************************************************/

.igual-repartido {
	justify-content: space-evenly;
}

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

/****** ELEMENTOS MENÚ DESKTOP *********************************************************/

.menu-lateral {
	position: fixed;
	z-index: 100000;
	left: 0;
	bottom: 0;
	top: 0;
	max-width: 474px;
	max-height: calc(100vh - 9rem);
}

.menu-lateral::-webkit-scrollbar {
	display: none;
}

.texto-menu-resulton {
	font-family: Franklin-gothic-bold;
	font-size: 14px;
	color: #211A24;
}

.texto-menu {
	color: #211A24 !important;
}

.texto-menu-svg {
	color: #211A24 !important;
	display: flex;
}

.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;
}

.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;
}

.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;
}

.historial-svg {
	width: 24px;
	height: 24px;
	margin-right: 5px;
	background-color: #211A24;
	-webkit-mask: url("/assets/icons/menu_lateral/notificacion_unfilled.svg") no-repeat center !important;
	mask: url("/assets/icons/menu_lateral/notificacion_unfilled.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;
}

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


.texto-menu a {
	text-decoration: none;
	color: #211A24 !important;
	font-weight: lighter !important;
}

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

#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;
}

/******** ELEMENTOS MENU MOBILE *******************/
#menu-mobile {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100vw;
	font-size: 11px;
	background-color: white;
	z-index: 26;
	box-shadow: 0px -1px 5px 1px rgba(179, 179, 179, 0.75);
	display: block;
	transform: translate3d(0, 0, 0, );
}

#menu-mobile .col-3 {
	margin-top: 10px;
	display: flex;
	justify-content: center;
	text-align: center;
}

#menu-mobile a {
	color: #211A24;
	display: block;
	width: 100%;
}

@media (min-width:768px) {
	#menu-mobile {
		display: none;
	}
}

.col-menu-mobile {
	width: 25%;
	float: left;
	padding-top: 10px;
	display: flex;
	justify-content: center;
	text-align: center;
}

/******** ELEMENTOS MENU MOBILE LATERAL ****************/

.menu-mobile-lateral {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: white;
	z-index: 101;

}

@media (min-width: 768px) {
	.menu-mobile-lateral {
		display: none;
	}
}

.menu-mobile-lateral>.row>.col-12 {
	text-align: left !important;
	padding-left: 27px;
}

.menu-mobile-lateral #fila-menu {
	margin-right: 0 !important;
	margin-left: 0 !important;
}

.menu-mobile-lateral .div-imagen-paciente {
	justify-content: start;
}

.menu-mobile-lateral .flecha-imagen i {
	padding-left: 4px;
}

.menu-mobile-lateral .div-imagen-paciente {
	position: relative;
}

.menu-mobile-lateral .div-imagen-paciente svg {
	position: absolute;
	right: 0;
	margin-top: 10px;
	cursor: pointer;
}

.menu-mobile-lateral #div-lista-menu {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.menu-mobile-lateral #lista-menu {
	margin-left: 0 !important;
}

.menu-mobile-lateral #lista-menu ul {
	list-style: none;
}

/******** IMAGEN PACIENTE MENU ********************/
.div-imagen-paciente {

	display: flex;
	justify-content: center;
}

.imagen-paciente {
	position: relative;
}

.flecha-imagen {
	position: absolute;
	bottom: 7px;
	right: 7px;
	z-index: 1;
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.4);
	background-color: #FFFFFF;
	border-radius: 100%;
	width: 20px;
	height: 20px;
}

.flecha-imagen i {
	font-weight: bold !important;
	color: #211A24 !important;
}

/*************** PANTALLA INICIO ************************************/
.vista-derecha {
	height: inherit !important;
}

#inicio-arriba {
	padding-top: 50px;
	padding-bottom: 50px;
	color: white;

}

#inicio-arriba span {
	font-weight: 100;
}

#inicio-arriba span:nth-child(2) {
	font-weight: bold;
}

.texto-inicio-arriba {
	margin-left: 14% !important;
	margin-right: 15% !important;
}

@media(max-width: 767px) {
	.texto-inicio-arriba {
		margin-left: 0;
		margin-right: 0;
	}
}

.texto-inicio-arriba h2 {
	font-family: Franklin-gothic-bold;
	font-size: 29px;
}

@media(max-width: 767px) {
	.texto-inicio-arriba h2 {
		font-size: 24px;
		line-height: 28px;
	}
}

@media(max-width: 767px) {
	#enlace-completar-cuestionario {
		padding: 8px; 
	}
}

.completar-cuestionario {
	margin-top: 20px;
	border: solid;
	border-width: 2px;
	display: inline-block;
	padding: 10px;
	border-radius: 50px / 50px;
}

.btn-inicio-arriba,
.btn-inicio-arriba:hover {
	margin-top: 20px;
	background-color: transparent;
	border: solid;
	border-width: 2px;
	display: inline-block;
	border-radius: 50px / 50px;
	text-decoration: none;
	color: white;
	padding: 10px;
	padding-left: 20px;
	padding-right: 20px;
	font-family: Franklin-gothic-bold;
}

.completar-cuestionario a {
	text-decoration: none;
	color: white;
	padding: 10px;
	font-family: Franklin-gothic-bold;
}

#inicio-abajo {
	background-color: white;
	border-top-left-radius: 20px;
	/* border-left: 1px solid #dfdfdf; */
	padding-top: 30px;
	color: #211A24;
	padding-bottom: 45px;
}

@media (max-width: 767px) {
	#inicio-abajo {
		border-top-left-radius: 25px;
	}
}

#inicio-abajo p {
	font-weight: lighter;
	font-size: 13px;
	color: #808080;
}

.texto-inicio-abajo {
	margin-top: 20px;
	margin-left: 14% !important;
	margin-right: 20% !important;
	/* margin: 0 auto; */
}

@media(max-width: 1107px) {
	.texto-inicio-abajo a:last-of-type {
		margin-right: 0;
	}
}

@media(max-width: 1027px) {
	.texto-inicio-abajo a:first-of-type {
		margin-right: 20px;
	}
}

@media(max-width: 991px) {
	.texto-inicio-abajo a:first-of-type {
		margin-right: 10px;
		margin-bottom: 25px;
	}
}

@media(max-width: 966px) {
	.texto-inicio-abajo a:first-of-type {
		margin-bottom: 25px;
	}
}

@media(max-width: 767px) {
	.texto-inicio-abajo {
		margin-left: 0 !important;
		margin-right: 0 !important;
		padding: 0 40px;
	}
}

.texto-inicio-abajo h4 {
	font-family: Franklin-gothic-bold;
	font-size: 24px;
	color: #211A24
}

@media (max-width: 767px) {
	.texto-inicio-abajo h4 {
		font-family: Franklin-gothic-regular;
		font-size: 17px;
	}
}

.texto-inicio-abajo:nth-child(2) {
	justify-content: space-evenly;
}

.texto-inicio-abajo .fila-superior {
	margin-bottom: 20px;
	align-items: center;
	display: flex;
	justify-content: space-evenly;
}

@media (max-width: 767px) {
	.texto-inicio-abajo .fila-superior {
		display: block;
		text-align: justify;
	}
}

.texto-inicio-abajo .fila-superior>div {
	margin: 15px;
}

.solicitar-consultas {
	margin-top: 20px;
	border: solid;
	border-width: 2px;
	display: inline-block;
	padding: 10px;
	border-radius: 50px / 50px;
	margin-right: 50px;
}

.solicitar-consultas a {
	text-decoration: none;
	color: #211A24;
	font-family: Franklin-gothic-bold;
}

.btn-inicio-abajo,
.btn-inicio-abajo:hover {
	font-family: Franklin-gothic-bold;
	background-color: white;
	border: solid;
	border-width: 2px;
	border-radius: 50px / 50px;
	color: #211A24;
	padding-left: 40px;
	padding-right: 40px;
	margin-right: 40px;
}

@media (max-width: 767px) {
	.btn-inicio-abajo {
		width: 100%;
		margin-bottom: 20px;
	}
}

.notify {
	top: 15px;
	right: 0;
}

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

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


@media (min-width:1200px) {
	.contenedor-botones a {
		width: 45%;
	}
	.contenedor-botones a:first-child {
		margin-right: 20px;
	}
}

@media (max-width:1199px) {
	.contenedor-botones a {
		width: 45%;
		padding: 8px ;
	}
	.contenedor-botones a:first-child {
		margin-right: 20px;
	}
}


@media (max-width:991px) {
	.contenedor-botones a {
		width: 100%;
	}
}

@media (max-width:767px) {
	.contenedor-botones a {
		width: 100%;
	}
}

/************** CUERPO PÁGINA ************************************************/
#cuerpo-pagina {
	border-left: 1px solid #dfdfdf;
	min-height: 89vh;
}

.page-wrapper {
	padding-bottom: 0;
}

.margenes-cuerpo-pagina {
	padding: 0 150px;
}

@media(min-width: 768px) {
	.margenes-cuerpo-pagina {
		margin-bottom: 50px;
	}

}

@media(max-width: 975px) {
	.margenes-cuerpo-pagina {
		padding: 0 100px;
	}
}

@media(max-width: 840px) {
	.margenes-cuerpo-pagina {
		padding: 0 80px;
	}
}

@media(max-width: 575px) {
	.margenes-cuerpo-pagina {
		padding: 0 35px;
	}

	.margenes-cuerpo-pagina.historial-asistencias {
		padding: 0 0 !important;
	}
}

@media(max-width: 400px) {
	.margenes-cuerpo-pagina {
		padding: 0 15px;
	}
}

/************** COMÚN HISTORIA CLÍNICA E HISTORIAL CONSULTAS *****************/
.border-menu-historial {
	border-bottom: 2px solid #ededed;
}

.enlace-menu-historial {
	color: inherit;
	font-family: Franklin-gothic-bold;
	font-size: 14px;
}

.enlace-menu-historial:hover {
	color: inherit;
}

/************** HISTORIA CLÍNICA *********************************************/
#contenedor-porcentaje {
	max-width: 450px;
	margin-top: 30px;
}

#contenedor-porcentaje #contenedor-circulo-porcentaje {
	flex: 30%;
}

@media(min-width: 390px) {
	#contenedor-porcentaje #contenedor-circulo-porcentaje {
		display: flex;
		justify-content: center;
	}
}

#contenedor-porcentaje #contenedor-descripcion-porcentaje {
	padding-top: 10px;
	flex: 70%;
	color: #52385b;
}

@media(max-width: 482px) {
	#contenedor-porcentaje #contenedor-descripcion-porcentaje {
		padding-left: 7px;
		padding-top: 0;
	}
}

@media(max-width: 465px) {
	#contenedor-porcentaje #contenedor-descripcion-porcentaje {
		padding-left: 7px;
	}
}

#circulo-porcentaje {
	width: 65px;
}

.contenedor-circulo-porcentaje {
	flex: 20%;
	justify-content: end;
}

#contenedor-porcentaje #contenedor-descripcion-porcentaje {
	flex: 80%;
}

#contenedor-listado-principal-cuestionario {
	/* margin-top: 50px; */
	margin-left: 15px;
	margin-right: 15px;
}

.caja-titulo-apartado,
.caja-titulo-subcategoria,
.caja-titulo-cuenta {
	position: relative;
	border-bottom: 2px solid #ededed;
	cursor: pointer;
}

.icono-caja-titulo-apartado,
.icono-caja-titulo-subcategoria {
	justify-content: end;
}

.texto-caja-titulo-apartado {
	padding-top: 16px;
}

.texto-caja-titulo-subcategoria {
	padding-top: 14px;
}

.titulo-apartado-caja-titulo-apartado,
.titulo-subcategoria-caja-titulo-subcategoria {
	font-family: Franklin-gothic-bold;
	margin-bottom: 5px;
	color: #373a3c;
}

.subtitulo-apartado-caja-titulo-apartado {
	font-size: 12px;
	color: #553b5e;
}

.flecha-caja-titulo-apartado,
.flecha-caja-titulo-subcategoria,
.flecha-caja-titulo-cuenta {
	color: #373a3c;
	position: absolute;
	right: 0;
	top: 26px;
}
.flecha-caja-titulo-cuenta {
	top: 0;
}
#contenedor-cuerpo-apartados {
	margin-top: 50px;
}

.titulo-cuerpo-apartado-subcategoria {
	display: inline;
	color: inherit;
	font-family: Franklin-gothic-bold;
}

.group-si-no {
	max-width: 400px;
	margin-left: auto;
	margin-right: auto;
}

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

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

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

.botonera-apartados button:not(:last-of-type) {
	margin-right: 10px;
}
#barra-progreso-cuestionario {
	display: flex;
	justify-content: center;
	align-items: center;
}
.circulo-progreso {
	height: 15px;
	width: 15px;
	margin: 0 2px;
	border: none;
	border-radius: 50%;
	display: inline-block;
	transition: all .4s;
}
/* .circulo-progreso.circulo-progreso-no-completado {
	background-color: transparent;
	border: 1px solid #bbbbbb;
} */
.circulo-progreso.circulo-progreso-completado {
	border: none;
}
.barra-progreso {
	height: 2px;
	width: 36px;
	margin: 0 2px;
	background-color: #bbbbbb;
	border: none;
	display: inline-block;
	transition: all .4s;
}
@media (max-width: 479px) {
	.barra-progreso {
		width: 25px;
	}
}
@media (max-width: 415px) {
	.circulo-progreso {
		width: 10px;
		height: 10px;
	}
}
.titulo-subida p {
	margin-bottom: 0;
}
#contenedor-vista-historico {
	margin-top: -50px;
}
.cabecera-vista-historico {
	display: flex;
	justify-content: center;
	padding: 25px 25px 50px 25px;
}
.contenido-cabecera-vista-historico {
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
}
.imagen-perfil.imagen-perfil-vista-historico {
	border: 2px solid #ffffff;
	width: 75px;
	height: 75px;
}
.cuerpo-vista-historico {
	max-width: 600px;
	margin: 0 auto;
	margin-top: -25px;
	background-color: #ffffff;
	padding-top: 20px;
}
.datos-basicos-vista-historico {
	text-align: center;
}
.cuerpo-vista-historico .color-grey {
	color: #988e9c;
}
.datos-basicos-vista-historico h3,
.datos-basicos-vista-historico small {
	color: inherit;
}
.datos-basicos-vista-historico h3 {
	margin-bottom: -7px;
}
.datos-basicos-vista-historico small {
	color: #988e9c;
}
/************** ELEMENTOS MENU SUPERIOR MOBILE *******************************/

#menu-superior-mobile {
	width: 100vw;
	padding: 12.5px 0;
	position: absolute !important;
	top: 0;
	left: 0;
	right: 0;
	background-color: #ffffff;
	z-index: 100;
	box-shadow: 0px 1px 5px 0px rgba(100, 100, 100, 0.75);
}

#menu-superior-mobile>.row {
	position: relative;
}

.hamburguesa-menu-superior {
	position: absolute;
	right: 24px;
	top: 5px;
	font-size: 32px;
}

.imagen-perfil-mobile {
	position: absolute;
	right: 65px;
	top: 10px;
	width: 35px !important;
	height: 35px !important;
}

.flecha-imagen-mobile {
	bottom: 0;
	right: 0;
	width: 10px;
	height: 10px;
	font-size: 10px;
	padding: 0;
	text-align: center;
	padding-bottom: 2px;
}

.icono-menu-superior {
	position: absolute;
	right: 40px;
	top: 15%;
	cursor: pointer;
	font-size: 32px;
}

.super-overflow-x {
	overflow-x: hidden !important;
}

/*** CHAT */
#contenedor-card-chat,
#chat-activo {
	margin-top: 160px;
}

.titulo-negrita {
	font-family: Franklin-gothic-bold;
	color: #211A24;
}

.img-chat {
	max-width: 120px;
}

/**** VIDEOCONSULTA ****************/

.card-outline-info {
	border-color: transparent !important;
}

#motivo-consulta {
	background-color: #f6f6f6 !important;
}

.zona-horaria {
	background-color: #f6f6f6 !important;
}

.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;
}

#mensaje-consulta-generada-negrita {
	font-family: Franklin-gothic-bold;
	;
}

.form-actions {
	text-align: right;
}

#fecha-consulta {
	background-color: #f6f6f6 !important;
	padding-left: 35px;
	padding-top: 19px;
	font-size: 15px;
	padding-bottom: 0px;
	position: relative;
	height: 48px;
}

#hora-consulta {
	background-color: #f6f6f6 !important;
	padding-left: 35px;
	padding-top: 19px;
	font-size: 15px;
	padding-bottom: 0px;
	position: relative;
	height: 48px;
}

.icono-input {
	position: absolute;
	top: 13px;
	left: 23px;
}

.label-input {
	position: absolute;
	left: 54px;
	top: 4px;
	font-size: 13px;
}

@media (max-width: 767px) {
	.form-actions {
		text-align: center;
	}

	.btn-t3,
	.btn-t2,
	.btn-t1,
	.btn-cancelar {
		width: 100%;
    }
    
    .btn[disabled] {
        background-color:#ededed !important;
    }
    .btn:disabled {
        background-color:#ededed !important;
    }
}

/******* HISTORIAL CONSULTAS *****************************/

.modal-completa {
	max-width: 100% !important;
	width: 100%;

	margin-bottom: 0 !important;
}

@media(max-width:767px){
	.modal-completa {
		min-height: 100vh;
	}
}

.margenes-historial-consultas {
	padding: 0 150px !important;
}

@media(min-width: 768px) {

	.motivo-consulta {
		padding-left: 0;
		padding-right: 0;
	}

}

@media(max-width: 975px) {
	.margenes-historial-consultas {
		padding: 0 100px !important;
	}
}

@media(max-width: 840px) {
	.margenes-historial-consultas {
		padding: 0 80px !important;
	}
}

@media(max-width: 575px) {
	.margenes-historial-consultas {
		padding: 0 35px !important;
	}

	.margenes-historial-consultas .historial-asistencias {
		padding: 0 0 !important;
	}
}

@media(max-width: 400px) {
	.margenes-historial-consultas {
		padding: 0 15px !important;
	}
}

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

#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
}

.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 #cuerpo-modal {
	flex: 0;
}

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

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

.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 .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 .label-input {
	position: absolute;
	left: 0px;
	top: 12px;
	font-size: 13px;
}

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

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

.historial-asistencias #cuerpo-modal h5 {
	position: absolute;
	top: 25px;
}

.historial-asistencias .card-body-modal {
	padding: 0 !important;
}

.texto-chico {
	font-family: Franklin-gothic-regular;
	font-size: 14px;
}

.row.fechas {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.basura-svg {
	width: 24px;
	height: 24px;
	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;
}

.cerrar-svg {

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

.elementos-listado-consultas {
	padding-left: 15px;
	padding-right: 15px;
	background-color: #f6f6f6;
}

.btn-cancelar-cita {
	border: 2px solid #211A24;
	color: #211A24;
	background-color: white;
}

.card-footer-consultas {
	display: flex;
	justify-content: center;
	background-color: white;
}

.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;
}

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

.texto-no-consultas {
	color: #211A24 !important;
	font-size: 18px;
}

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

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

.paginacion ul {
	border: 3px solid #f6f6f6;
	border-radius: 8px;
}

.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;
}

#contenedor-cuestionario-principal .paginacion button {
	border: 3px solid rgb(255, 255, 255);
}

#contenedor-cuestionario-principal .paginacion #pagina {
	border: 3px solid white;
	border-radius: 8px !important;
	background-color: #f6f6f6;
	;
	color: #211A24;
	;
	font-family: Franklin-gothic-bold;
}


/**************** FAMILIARES *******************************/

#familiares-abajo {
	background-color: #f6f6f6;
	padding-top: 30px;
	color: #211A24;
	padding-bottom: 45px;
	padding-top: 80px;

}

.tarjeta-paciente {
	position: relative;
	margin-bottom: 50px;
}

@media(max-width:575px) {
	.tarjeta-paciente {
		margin-bottom: 50px;
	}

	#contenedor-boton-anadir-familiar {
		margin-top: -25px;
	}
}

.avatar-paciente-familiar {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	border-color: white;
	margin: 0 auto;
	margin-bottom: 25px;
	background-position: center;
	background-size: cover;
	position: absolute;
	top: -80px;
	left: 25%;
	right: 25%;
	border: 2px solid white;
}

.fondo-gris {
	background-color: #f6f6f6;
}

.alerta-familiar {
	color:#856404;
	background-color:#fff3cd;
	border-color:#ffeeba;
	border: 1px solid transparent;
	border-top-color: transparent;
	border-right-color: transparent;
	border-bottom-color: transparent;
	border-left-color: transparent;
	border-radius: .25rem;
}

.img-aviso {
	width: 24px;
	height: 24px;
}

.icono-cerrar-aviso {
	position: absolute;
	right: 25px;
	top: 5px;
	cursor: pointer;
}

.tick-correcto-svg {
	width: 48px;
	height: 48px;
	margin-right: 5px;
	background-color: #211A24;
	-webkit-mask: url("/assets/images/correct_tick.svg") no-repeat center !important;
	mask: url("/assets/images/correct_tick.svg") no-repeat center !important;
}

/*** DATOS PERSONALES ******************/
#imagen-paciente {
	border-radius: 100%;
	max-width: 140px;
}

/*** GESTIONAR CUENTA ******************/
.card.card-personalizada {
	box-shadow: none;
}
.imagen-perfil.imagen-perfil-gestionar-cuenta {
	width: 90px;
	height: 90px;
}