@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700');

@import url('https://fonts.googleapis.com/css?family=Ubuntu:400,500,700');

body{

    font-family: 'Roboto', sans-serif;

  }

  input[type=number]::-webkit-inner-spin-button,

input[type=number]::-webkit-outer-spin-button {

    -webkit-appearance: none;

    margin: 0;

    }

input[type=number] { -moz-appearance:textfield; }

.fc td, .fc th {

    border-style: none !important;

}

#contenedor-agenda a {

    text-decoration: none!important;

    color:#FFFFFF!important;

}

table.fc-scrollgrid{

    border:unset!important;

}

.fc .fc-daygrid-day-top {

    display: flex!important;

    flex-direction: row-reverse!important;

    justify-content: center!important;

}

.fc .fc-highlight {

    background: rgba(188, 232, 241, 0.3);

    background: var(--fc-highlight-color, rgba(188, 232, 241, 0.3));

    border-radius: 20px!important;

}

.fc .fc-daygrid-day.fc-day-today {

    background: rgba(188, 232, 241, 0.3);

    background: var(--fc-highlight-color, rgba(188, 232, 241, 0.3));

    border-radius: 20px!important;

}

.fc-day{

    cursor: pointer!important;

}

 .btn-outline-primary {

    background-color: #f5f8fa!important;

    border-color: #cbd6e2!important;

    color: #516f90!important;

}

.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {

    background-color: #e5eaf0!important;

    color: #516f90!important;

    border-color: #cbd6e2!important;

}

.btn-horario{

    padding: 12px 24px;

    max-width: 100%;

    color: #212529;

    border: 1px solid #cbd6e2;

    text-align: center;

    border-radius: 2px;

    cursor:pointer;

}

.btn-horario:hover{

    border-color: #212529;

}

.hora-desactivada{

    opacity: 0.8;

    background-color: #e5eaf0!important;

    cursor:no-drop!important;

    padding: 12px 24px;

    max-width: 100%;

    color: #212529;

    border: 1px solid #cbd6e2;

    text-align: center;

    border-radius: 2px;

    cursor:pointer;

}

.btn-disabled{

    cursor:no-drop!important;

}

.btn-disabled > *{

    pointer-events: none!important;

}

.listado-horarios{

    max-height: 280px;

}

.listado-horarios::-webkit-scrollbar{

    /*width: 80px;     /* Tamaño del scroll en vertical */

    /*height: 80px;    /* Tamaño del scroll en horizontal */

    /*display: none;*/ /*Ocultar Scroll*/

    background-color: #FFF!important;

    width: 8px!important;

}

.listado-horarios::-webkit-scrollbar-thumb {

    background-color: rgba(0,0,0,.5)!important;

    border-radius: 4px;

}

.header-principal {

    background: url('https://newinformatica.cl/images/header.png');

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    color: #ffffff;

    padding: 0;

}

.fc-toolbar-title::first-letter{

    
    text-transform: capitalize;

}

@media (max-width: 575.98px) { 



    .listado-horarios{

        max-height: 330px!important;

    }

    .fc-toolbar-title{

        font-size: 1.3em!important;

    }

    .fc-toolbar-title::first-letter{

        font-size: 1.3em!important;
        text-transform: capitalize;

    }



}

.footer-index{

	background: #FAFAFA;

	background-size: cover;

	background-position: center;

	background-repeat: no-repeat;

	color: #313131;

}



.cont-footer{

	padding-top: 60px;

    padding-bottom: 60px;

}

.texto-cat-footer{

	font-size: 12px;

}

.footer-text-content{

	border-bottom: 1px solid #313131;

	padding-bottom: 10px;

}

.boton-correo{

	color: #ffffff !important;

    background: #a1a1a1 !important;

    margin: 0;

    padding: 10px 15px;

    border-radius: 0px 5px 5px 0px;

    font-size: 10px;

    border: none !important;

}

.boton-correo:hover{

	color: #ffffff !important;

	background: #000000 !important;

}

.text-subscribe-input{

	font-size: 12px;

}

.barra-negra{

	background: #000000;

	height: 60px;

	width:100%;

}

.barra-amarilla{

	background: #FFDE00;

	height: 60px;

	width:100%;

}

#texto-terminos a {
    color: #6c757d !important; /* gris */
    text-decoration: underline !important; /* subrayado */
}

#texto-terminos a:hover {
    color: #495057 !important; /* gris más oscuro */
}