:root {
    --primary: #000;
    --secondary: rgba(207, 32, 50, 1);
    --tertiary: rgba(78, 78, 78, 1);
    --accent: rgba(149, 149, 149, 1);
    --light: #FFF;
    --font-family: 'Mulish', sans-serif;
}


/*LOGIN*/
.logotipo-desktop {
    background-image: url("../../img/bradescard/logotipo.svg");
    max-width: 320px;
}
.logotipo-mobile {
    max-width: 240px;
    background-image: url(../../img/bradescard/logotipo.svg) !important;
}
.logotipo-img {
    background-image: url("../../img/bradescard/logotipo.svg");
}

/* Imágenes Login */
.img1 {
    background-image: url(../../img/bradescard/home/960x978.jpg);
}

.img2 {
    background-image: url(../../img/bradescard/home/960x978.jpg);
}

.img3 {
    background-image: url(../../img/bradescard/home/960x978.jpg);
}

.img4 {
    background-image: url(../../img/bradescard/home/960x978.jpg);
}

.img5 {
    background-image: url(../../img/bradescard/home/960x978.jpg);
}

.img6 {
    background-image: url(../../img/bradescard/home/960x978.jpg);
}

.imgLogin {
    background-image: url("../../img/bradescard/home/960x978.jpg") !important;
    background-size: cover;
    background-position: center;
}

.kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container .kt-login__head .kt-login__title {
    color: var(--tertiary);
}
.form-group .ms-label {
    color: var(--tertiary) !important;
}

.btn-primary {
    background-color: var(--secondary);
    color_ var(--light);
    border-color: var(--secondary);
}
    .btn-primary:hover {
        background-color: var(--tertiary);
        border-color: var(--tertiary);
    }

.accesible-btn button {
    border: 1px solid var(--accent);
    color: var(--accent);
}
.accesible-btn button:hover {
    background-color: var(--accent);
    color: var(--light);
}

.kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container .kt-form .form-control {
    background: rgba(235, 237, 242, 0.4);
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active {
    background-color: var(--accent);
    border-color: var(--accent);
}
.logo-convenios {
    justify-content: center;
    margin-top: 5rem;
}
    .logo-convenios .text-convenios {
        min-width: 110px;
        display: flex;
        align-items: center;
    }
.logo-convenios img {
    width: 130px;
    height: auto;
}
@media (max-width: 768px) {
    .logo-convenios {
        flex-direction: column;
        align-items: center;
        text-align: center;
        margin-top: 1rem;
    }

    .text-convenios {
        width: 100%;
        justify-content: center;
        display: flex;
    }

    .logotipo {
        margin-top: 0px;
    }
}
    .logo-convenios img {
        margin-top: 0px;
        height: 70px;
    }
}
/*HOME*/

.body-home {
    background-image: linear-gradient(178.94deg, var(--secondary), rgba(78, 78, 78, 1) 100.27%);
    background-blend-mode: multiply;
}

    .body-home .menu-top .item-menu-top:hover i, .body-home .menu-top .item-menu-top:hover .label-menu {
        color: var(--light);
    }
    .body-home .top-banner .legend .saludo-usuario {
        color: rgba(173, 170, 162, 1) !important;
    }
.text-warning {
    color: rgba(173, 170, 162, 1) !important;

}

.body-home .top-banner {
    background-image: url(../../img/bradescard/fondo-banner.svg);
}

.top-banner img {
    border: 3px solid var(--light);
}
.leyenda-card-home {
    color: var(--tertiary);
}


.body-home .accesible-btn button {
    border: 1px solid var(--tertiary);
    color: var(--tertiary);
}
.body-home .accesible-btn button:hover {
    background-color: var(--tertiary);
    color: var(--light);
}
.body-home .fecha-atencion {
    color: var(--tertiary);
}
.body-home .card-plan .costo, .body-home .card-plan .pronto-card, .body-home .card-plan .atencion-24 {
    background-color: var(--tertiary);
    color: var(--light);
}

/*MENU TOP*/
.menu-top .item-menu-top i {
    color: var(--accent);
}
.menu-top .label-menu {
    color: var(--accent);
}
.menu-top .label-menu-pac {
    color: var(--accent);
}
.menu-top .item-menu-top:hover i, .menu-top .item-menu-top:hover .label-menu, .menu-top .label-menu-pac:hover {
    color: var(--tertiary);
}

/*MENU LATERAL*/

.kt-menu__item a, .kt-menu__item i {
    color: var(--accent);
}
.kt-menu__item:hover a, .kt-menu__item:hover i {
    color: var(--tertiary) !important;
}

.kt-menu__nav .accesible-tools-desktop button {
    border: 1px solid var(--secondary);
    color: var(--secondary);
}
.kt-menu__nav .accesible-tools-desktop button:hover {
    background-color: var(--secondary);
    color: var(--light);
}

/*menu INRERIOR*/
@media (max-width: 1024px) {
    .toolbar-option {
        color: var(--accent);
    }
    .toolbar-option:hover {
        color: var(--tertiary);
    }
}
/*SALA defs ESPERA*/
.hotspot-icon .cont-icon {
    background-color: var(--light);
    color: var(--accent);
}
.hotspot-icon:hover {
    color: var(--light);
}
.hotspot-icon:hover .cont-icon {
    background-color: var(--secondary);
    color: var(--light);
}

.sala-espera-mobile .btn-sala .cont-icon {
    background-color: var(--light);
    color: var(--accent);
}
.btn-sala:hover {
    color: var(--light);
}
.sala-espera-mobile .btn-sala .cont-icon:hover {
    color: var(--secondary);
}


/*STEPPER*/
/*.stepper {
    background-image: url(../../img/bradescard//fondo-banner2.svg);
}
    .stepper img {
        border: 3px solid var(--accent);
    }*/
.step.active .label-step {
    color: var(--tertiary);
}
.step.active .step-icon {
    background-color: var(--secondary);
}
/*.stepper .flecha {
    color: var(--accent);
}*/

/*AGENDAR*/
.busqueda-profesionales {
    border: 2px solid var(--accent);
}
    .busqueda-profesionales i {
        color: var(--accent);
    }
.btn-outline-primary {
    color: var(--accent);
    border-color: var(--accent);
}
.btn.btn-outline-primary .dropdown-toggle.itemEspecialidad:hover {
    color: var(--accent);
}

.caja-especialidad {
    color: #FFF;
    background-color: var(--accent);
}
.caja-especialidad:hover {
    background-color: #111;
}
.veterinario {
    background-color: var(--tertiary);
}
.caja-especialidad.active {
    background-color: var(--secondary);
}
.inner-especialidad strong {
    color: var(--primary);
}

.caja-profesional .fecha-atencion {
    color: var(--accent);
}

.swal2-confirm {
    background-color: var(--tertiary) !important;
}