* {
    font-family: 'Montserrat', sans-serif;
    margin: 0;
    padding: 0;
}

.space {
    height: 60px;
}

.test {
    border: 1px solid red;
}

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

h1,
h4 {
    text-align: center;
}

.head-title h1 {
    font-weight: 700;
}

.popover-content {
    color: red;
    font-size: 10px;
}


/* -----------------------------------------------------------------------------------BUTTONS----------------------------------------------------------------------------------- */

.citas-box {
    background-color: #e8eaea;
    padding: 100px;
    text-align: center;
}

.btn-dudas {
    /*background-image: url(/icons/Preguntas.svg);*/
    background-repeat: no-repeat;
    background-position: center;
    width: 50px;
    height: 50px;
}

.btn-home {
    margin-bottom: 10px;
    padding: 10px;
    background-color: #6687aa;
    color: #ffffff;
    font-weight: 700;
    width: 300px;
}

.btn-home:hover {
    background-color: #003764;
    text-decoration: none;
}

.btn-cita {
    margin-bottom: 10px;
    padding: 10px;
    background-color: #6687aa;
    color: #ffffff;
    font-weight: 700;
    width: 100%;
}

.btn-cita:hover {
    background-color: #003764;
}


/* -----------------------------------------------------------------------------------ICONS----------------------------------------------------------------------------------- */

.icon-atras {
    width: 50px;
    margin-left: 30px;
    float: left;
    transition: ease .5s;
}

.icon-atras:hover {
    transform: scale(1.2);
}

.icon-dudas {
    width: 50px;
    margin-right: 30px;
    float: right;
    transition: ease .5s;
}

.icon-dudas:hover {
    transform: scale(1.2);
}


/* -----------------------------------------------------------------------------------POPOVER----------------------------------------------------------------------------------- */

.bs-popover-auto[x-placement^=right]>.arrow::after, .bs-popover-right>.arrow::after {
    left: 1px;
    border-width: .5rem .5rem .5rem 0;
    border-right-color: #454645 !important;
    /* background: #454645; */
}
.popover-body {
    background: #6687aa;
    color: #ffffff !important;
    font-size: .9em;
}

.bs-popover-right .arrow::before {
    border-right-color: #6687aa;
}

.bs-popover-right .arrow::after {
    border-right-color: #6687aa;
}

.bs-popover-left .arrow::before {
    border-right-color: #6687aa;
}

.bs-popover-left .arrow::after {
    border-right-color: #6687aa;
}


/* -----------------------------------------------------------------------------------FOOTER----------------------------------------------------------------------------------- */

footer p {
    text-align: center;
    font-size: 0.7em;
    padding: 20px;
}

/* -----------------------------------------------------------------------------------Table Horarios----------------------------------------------------------------------------------- */
.tableFixHead          { overflow: auto; /*height: 100%; */}
.tableFixHead thead th { position: sticky; top: 0; z-index: 1; }

/* Just common table stuff. Really. */
table  { border-collapse: collapse; width: 100%; }
th, td { padding: 8px 16px; }
#tablaHorarios th     {    background-color: #003764;  color: white}
#tablaHorarios tr:hover    {    background-color: #00649e; color: white}

.activeDay{
    background-color: #00ab39; color: white
}
/* -----------------------------------------------------------------------------------Table Horarios----------------------------------------------------------------------------------- */
#ui-datepicker-div { z-index: 2000; }


.invalid-feedback { display: block; }
.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
    display: block;
    color: red;
}
.form-control-feedback-error{
    color: red;
}

.solicitanteform-verifycode{
    color: red;
}

.ui-datepicker-current-day .ui-state-active { background: #9abdd6 !important; }

/*---------------------------------------------------------------------------------------------------SCROL -----------------------------------------------*/

::-webkit-scrollbar {
    width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555;
}