/* Barra de desplazamiento */
.contenido::-webkit-scrollbar{
  width: 8px;
  background-color:rgba(0, 0, 0, .5) rgba(0, 0, 0, 0);
  border-radius: 20px;
}
.contenido::-webkit-scrollbar:window-inactive {
  display: none;
}
.contenido::-webkit-scrollbar-thumb  {
  background-color: white;
  border-radius: 6px;
}

#view_fechas, #view_centros, #view_doctores, #view_turnos { 
   overflow-y: auto;
   overflow-x: hidden; 
   scrollbar-width: thin; 
   scrollbar-color: white rgba(0, 0, 0, 0);
}





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

}

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

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

.agendamiento .carousel-fade .carousel-item {
	transition: initial;
}

.agendamiento a{
	
    color: #046586;
	font-size: 1.0rem;
	transition: none;
	
}

.agendamiento .boton-white{
	background-color: white;
}

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

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

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

.agendamiento .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;*/
	
}
	
.agendamiento .card .card-body .opcion:hover{
	background-color: #ffc1ba;
	color: #FFF;
	/*background-color: #F28E7F;*/
	
}

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

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

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

.agendamiento .card .card-body .row > div{
	padding-top: 10px;
}

.agendamiento .card#centros .card-body .opcion/*,
.agendamiento .card#especialidades .card-body .opcion,
.agendamiento .card#doctores .card-body .opcion,
.agendamiento .card#turnos .card-body .opcion*/{
    min-width: 350px;
}

/*.agendamiento .card#fechas .card-body .opcion{
    text-align: center;
    min-width: 250px;
    margin-left: auto;
    margin-right: auto;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.agendamiento .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_hora{
	font-weight: bolder;
	font-size: 2rem;
	color: rgb(242,142,127);
}*/

.agendamiento .btn-success{
	color: #fff;
}

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

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

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

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

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

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

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

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

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

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

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

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

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