/*.citas {
    color: #046586;
	background-image: url(../img/citas/fondo-01.jpg);
	background-color: transparent;
	background-repeat-y: no-repeat;
	background-position-y: -5rem;
}*/

.citas #preloader-citas{
	overflow: hidden;
    background-color: rgba(242,244,248,0.5);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999999;
}

.citas #preloader-citas img{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -15px;
    margin-left: -15px;
    width: 30px;
    height: 30px;
    z-index: 8;
    -webkit-animation: 2000ms linear 0s normal none infinite running medica-thumb;
    animation: 2000ms linear 0s normal none infinite running medica-thumb;
}

/*.citas .carousel-fade .carousel-item {
	transition: initial;
}

.citas a{
    color: #046586;
	font-size: 1.1rem;
	transition: none;
}

.citas .card{
	border:none;
	background-color: transparent;
}

.citas .card .card-header:first-child{
	text-align: right;
    color: #046586;
    width: 75%;
    margin-left: 25%;
    background-color: rgb(242,142,127);
    border-radius: 50pt 0pt 0pt 50pt;
    font-weight: bold;
}

.citas .card .card-title{
	border-bottom: 1px solid rgb(242,142,127);
    color: #046586;
    font-weight: bold;
    text-transform: capitalize;
}

.citas .card .card-body .opcion{
	padding-top: 8px;
    padding-bottom: 7px;
	padding-right: 15px;
    padding-left: 15px;
	border-style: dashed;
	border-width: 1px;
	/*background-color: #ffbaaf;*//*
}
	
.citas .card .card-body .opcion:hover{
	color: #FFF;
	background-color: #F28E7F;
}

.citas .card .card-body .opcion.active{
	background-color: rgb(242,142,127);
    border-width: 2px;
	border-style: solid;
}

.citas .card .card-body .opcion.active:hover{
	/*color: #046586;
	border-color: #F28E7F;*//*
}
	
.citas .card .card-body .opcion .info{
	display: inline-block;
	vertical-align: middle;
}

.citas .card .card-body .opcion .info span{
	display: flex;
}

.citas .card .card-body .row > div{
	padding-top: 10px;
}*/

/*.citas .card#centros .card-body .opcion,*/
.citas .card#especialidades .card-body .opcion{
    min-width: 350px;
}
.citas .card#doctores .card-body .opcion{
    min-width: 300px;
}
.medico-a-cita{
	min-width: 90%;
	max-width: 90%;
	/*min-width: 180px;
	max-width: 180px;*/
}
.medico-img-cita{
	max-width: 20%;
}
.citas .card#turnos .card-body .opcion{
    min-width: 100px;
	max-width: 100px;
}
.turno-a-cita{
	min-width: 90%;
	max-width: 90%;
}

.citas .card#fechas .card-body .opcion{
    text-align: center;
    min-width: 120px;
	max-width: 120px;
    margin-left: auto;
    margin-right: auto;
}

.citas .card#fechas .card-body .opcion .anio{
	font-weight: 100;
}

.citas .card#fechas .card-body .opcion .mes{
	text-transform: capitalize;
}

.citas .card#fechas .card-body .opcion .dia-numero{
	font-size: 2rem;
}

.citas .card#fechas .card-body .opcion .dia-semana{
	font-style: italic;
    font-weight: 300;
	text-transform: capitalize;
}

.citas .card#doctores .card-body .opcion,
.citas .card#turnos .card-body .opcion{
    text-align: center;
}

.citas .card#doctores .card-body .opcion{
	/*min-height: 230px;*/
}

.citas .card#doctores .card-body .opcion img{
    height: 100px;
}

.citas .card#doctores .card-body .opcion .horario{
	
}

.citas .card#doctores .card-body .opcion .nombre_medico{
	font-weight: bolder;
	min-height: 53px;
}

.citas .card#doctores .card-body .opcion .h_inicio{
	font-style: italic;
	font-weight: 100;
}

.citas .card#doctores .card-body .opcion .h_fin:before{
	content: ' hasta ';
	font-weight: bolder;
}

.citas .card#doctores .card-body .opcion .h_fin{
	font-style: italic;
	font-weight: 100;
}
.citas .card#turnos .card-body .opcion .titulo_turno{
	font-size: 1.5rem;
	font-weight: bolder;
}

.citas .card#turnos .card-body .opcion .numero_turno{
	font-size: 2rem;
	
}

.citas .card#turnos .card-body .opcion .mensaje_turno{
	font-style: italic;
	font-weight: 100;
}

.citas .card#turnos .card-body .opcion .hora_turno{
	
}

#resumen_doctor{
	font-weight: bolder;
}

#resumen_fecha{
	font-weight: bolder;
	font-size: 2rem;
	color: rgb(242,142,127);
	text-transform: capitalize;
}

#resumen_pvp,
#resumen_hora{
	font-weight: bolder;
	font-size: 2rem;
	color: rgb(242,142,127);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	/*.citas {
		background-position-y: -5rem;
	}*/
	
	.citas .card#centros .card-body .opcion,
	.citas .card#especialidades .card-body .opcion,
	/*.citas .card#doctores .card-body .opcion,*/
	.citas .card#fechas .card-body .opcion,
	/*.citas .card#turnos .card-body .opcion*/{
		min-width: 300px;
	}
	
	.citas .card#fechas .card-body .opcion{
		min-width: 200px;
	}

	.citas .card#doctores .card-body .opcion{
		/*min-height: 250px;*/
	}

	.citas .card#doctores .card-body .opcion .nombre_medico{
		min-height: 80px;
	}
}

@media screen   and (max-width: 991px) {
	/*.citas {
		background-position-y: -8rem;
	}*/
	
	/*.citas .card#centros .card-body .opcion,*/
	/*.citas .card#doctores .card-body .opcion,*/
	.citas .card#fechas .card-body .opcion,
	.citas .card#especialidades .card-body .opcion{
		min-width: 250px;
	}

	.citas .card#doctores .card-body .opcion{
		/*min-height: 250px;*/
	}
	
	.citas .card#doctores .card-body .opcion{
      min-width: 150px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	/*.citas {
		background-position-y: -10rem;
	}
	
	.citas .card-body .opcion{
		text-align: center;
		width: 100%;
	}
	
	.citas .card-body .opcion span{
		display: block;
	}*/
	
	.medico-a-cita{
	min-width: 90%;
	max-width: 90%;
    }
	
	/*.citas .card#centros .card-body .opcion,*/
	.citas .card#especialidades .card-body .opcion,
	/*.citas .card#doctores .card-body .opcion,*/
	.citas .card#fechas .card-body .opcion,
	.citas .card#turnos .card-body .opcion{
		/*min-width: 200px;*/
	}

	.citas .card#doctores .card-body .opcion{
		/*min-height: 250px;*/
	}

	.citas .card#doctores .card-body .opcion .nombre_medico{
		min-height: 80px;
	}

	.citas .card#doctores .card-body .opcion .h_inicio:before{
		content: ' Desde ';
	}
}

@media only screen and (min-width: 320px) and (max-width: 812px) {
	/*.citas {
		background-position-y: -25rem;
	}
	
	.citas .card-body .opcion{
		text-align: center;
		width: 100%;
	}
	
	.citas .card-body .opcion span{
		display: block;
	}*/
	.medico-a-cita{
	min-width: 100%;
	max-width: 100%;
    }
	
	/*.citas .card#centros .card-body .opcion,*/
	.citas .card#especialidades .card-body .opcion,
	.citas .card#fechas .card-body .opcion,
	/*.citas .card#doctores .card-body .opcion,*/
	.citas .card#turnos .card-body .opcion{
		/*min-width: 170px;*/
	}
	
	.citas .card#especialidades .card-body .opcion{
		min-height: 125px;
	}

	.citas .card#doctores .card-body .opcion{
		/*min-height: 260px;*/
	}

	.citas .card#doctores .card-body .opcion .h_inicio:before{
		content: ' Desde ';
		font-weight: bolder;
	}

	.citas .card#doctores .card-body .opcion .nombre_medico{
		min-height: 80px;
	}
}