/*

MX > Vive Tu seguro > Version 2

*/


@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');


:root {
    --primary: #302f7b;
    --secondary: #209cd4;
    --tertiary: #111;
    --light: #fff;
    --font-family: 'Mulish', sans-serif;
}

body {
    font-family: var(--font-family) !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--font-family) !important;
}

/*Login*/


.logotipo-mobile {
    background-image: url(../../img/cardifcolabomx/logotipo.png) !important;
    height: 10rem;
}

.mobile {
    display: none !important;
}

#imgLogin {
    height: 100vh;
    /*width: 42vw !important;*/
    background-repeat: no-repeat;
    background-size: cover !important;
    background-position: center !important;
}

.logotipo-desktop {
    max-width: 430px;
    background-image: url(../../img/cardifcolabomx/logotipo.png) !important;
    height: 98px !important;
}

.kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container {
    margin-top: 15% !important;
}

    .kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container .kt-login__head .kt-login__title {
        color: var(--primary);
        font-weight: 900;
        display: inline-block;
    }

.login-info--tooltip ~ .tooltip-inner {
    text-align: left !important;
    background-color: red !important;
}

.login-info--tooltip i {
    color: #ccc;
    font-size: 20px;
    margin-left: 10px;
    text-align: left !important;
}

.form-group .ms-label {
    color: var(--primary) !important;
}

.cont-home {
    text-align: center;
    margin-bottom: 2rem;
    /*display: none;*/
}

.kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container .kt-form .form-control {
    background: rgba(235, 237, 242, 0.40);
}

.tooltip.show p {
    text-align: left;
}

.btn-primary {
    background-color: #83FCE4;
    border-color: #83FCE4;
    color: #345C6E;
    font-family: Mulish;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 125% */
    letter-spacing: 1px;
    text-transform: uppercase;
}

.no-tienes-cuenta {
    color: #0E2E5A;
    font-family: Mulish;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.registrate-aqui {
    color: #484848;
    font-family: Mulish;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.btn-primary:hover {
    background-color: #111986;
    border-color: #111986;
}

.divider-medismart {
    display: flex !important;
    margin-bottom: 2rem;
}

.logo-convenios {
    /* display: none;*/
    margin-bottom: 2rem;
}

/* Imágenes Login */
..img1 {
    background-image: url(../../img/cardifcolabomx/login/960x978.jpg) !important;
}

.img2 {
    background-image: url(../../img/cardifcolabomx/login/960x978.jpg) !important;
}

.img3 {
    background-image: url(../../img/cardifcolabomx/login/960x978.jpg) !important;
}

.img4 {
    background-image: url(../../img/cardifcolabomx/login/960x978.jpg) !important;
}

.img5 {
    background-image: url(../../img/cardifcolabomx/login/960x978.jpg) !important;
}

.img6 {
    background-image: url(../../img/cardifcolabomx/login/960x978.jpg) !important;
}
/*Home*/
.container-fluid.container_cda {
    display: none;
}

.top-banner.justify-content-between {
    background-position: bottom left !important;
}

.body-home {
    background: #302f7b;
    background-image: linear-gradient(177.84deg, #302F7B 18.26%, #302F7B 24.55%, #302F7B 86.23%, #302F7B 145.23%);
    background-repeat: no-repeat;
    background-position: top center;
    background-attachment: fixed;
}

    .body-home .logo-home img {
        width: 300px;
    }

.top-banner .legend {
    font-weight: 400;
    margin: auto;
    margin-bottom: inherit;
}

.menu-top .item-menu-top i,
.menu-top .label-menu,
.menu-top .label-menu-pac {
    color: #000000;
}

.menu-top .label-menu,
.menu-top .label-menu-pac {
    font-weight: 700;
}

.menu-top .item-menu-top:hover i,
.menu-top .item-menu-top:hover .label-menu,
.menu-top .item-menu-top:hover .label-menu-pac {
    color: #0282a6 !important;
}

.body-home .cont-card h1 {
    display: none !important;
}

.body-home .row:has(.card) {
    row-gap: 2rem;
}

.cont-home .accesible-tools {
    display: none;
}

.body-home .footer-vivetuseguro2 {
    width: 100%;
    margin: 3rem auto 0 auto;
    padding: 1rem;
    background: #302f7b;
    color: #FFF;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.5rem;
}

    .body-home .footer-vivetuseguro2 .accesible-tools {
        display: block;
    }

    .body-home .footer-vivetuseguro2 #fh--logo-cardif {
        width: 200px;
    }

    .body-home .footer-vivetuseguro2 #fh--logo-wdmx {
        width: 200px;
    }

a#btnAtencionDirectaGeneralMenuMobile {
    display: none;
}

span.leyenda-card-home.d-md-none.fuente-accesible {
    color: #302F7B;
    display: block !important;
    margin: 0 auto;
    width: 100%;
    text-align: center;
    font-size: 12px;
    line-height: 14px;
}

.body-home .footer-vivetuseguro2 .copy a,
.body-home .footer-vivetuseguro2 .terminos a,
.body-home .footer-vivetuseguro2 .linea-de-atencion a {
    color: #fff;
}

.kt-menu__item a,
.kt-menu__item i {
    color: #6F6F6F;
}

    .kt-menu__item a .ms-label-menu {
        color: #040404
    }

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

.accesible-btn button {
    color: #2d2d2d;
    border: 1px solid #2d2d2d;
}

    .accesible-btn button:hover {
        background-color: #2d2d2d;
        color: #fff;
    }

.color-letras-salaespera {
    margin: 0.5rem !important;
    color: #333333 !important;
    border: #333333 1px solid !important;
    font-family: Mulish;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}

.cont-fondo-mobile {
    width: 100%;
    height: 75rem;
    /* max-height: 580px; */
    z-index: -1;
    overflow: hidden;
    position: absolute;
}


.terminos {
    margin-top: 0, 5rem;
}

.btn-letras-a {
    color: #fff;
    border: 1px solid #08395B;
}



.busqueda-profesionales {
    border: 2px solid var(--secondary);
}

    .busqueda-profesionales i {
        color: var(--secondary)
    }

    .busqueda-profesionales .btn-outline-primary {
        color: var(--secondary)
    }

.caja-especialidad.active {
    background-color: var(--secondary);
}

.caja-especialidad {
    background-color: var(--primary);
}

.inner-especialidad strong {
    color: var(--light)
}

.step.active .step-icon {
    background-color: var(--primary);
}

.stepper {
    background-image: url(../../img/vivetuseguro2/fondo-banner2.svg);
}

    .stepper .flecha {
        color: var(--primary)
    }

    .stepper img {
        border-color: var(--primary)
    }

.step.active .label-step {
    color: var(--primary)
}

.mensaje-superior {
    color: var(--secondary)
}

.caja-profesional .titulo-profesional,
.nombre-profesional {
    color: var(--tertiary)
}

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

.front-fecha-atencion {
    border: 1px solid rgba(35, 33, 114, .3)
}

    .front-fecha-atencion strong:before {
        color: var(--tertiary);
        font-weight: 900;
    }

.especialidad-profesional {
    color: var(--tertiary)
}

.carga-archivos h3 {
    color: var(--tertiary)
}

.mensaje-confirmacion strong {
    color: var(--secondary)
}

.titulo-seccion {
    color: var(--secondary)
}

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

    .top-banner img {
        border-color: rgba(255, 255, 255, .3)
    }

    .top-banner .legend {
        color: var(--secondary)
    }

.banner_topsc .legend .text-warning {
    color: var(--primary) !important;
}

.top-banner.banner_topsc {
    background-image: url(../../img/vivetuseguro2/fondo-banner2.svg);
}

.kt-menu__item a,
.kt-menu__item i {
    color: #345C6E !important;
}

.body-home .text-warning {
    color: #fff !important;
}

.menu-top .item-menu-top .logotipo-mobile {
    width: 110px !important;
    margin-top: 0rem;
}

/*Sala espera*/

.hotspot-icon .cont-icon, #reporte .cont-icon, #hs-g .cont-icon {
    background-color: white;
    color: var(--secondary);
}

.hotspot-icon:hover .cont-icon, #reporte:hover .cont-icon {
    /* background-color: #C4C4C4;*/
    background-color: var(--secondary);
    color: #345C6E
}

.cont-icon.hotspot-redes {
    background-color: #fff;
}


#hs-g:hover .cont-icon {
    background-color: var(--primary);
}

.toolbar-option {
    color: var(--primary)
}

    .toolbar-option.active {
        color: var(--secondary)
    }

.sala-espera-mobile .btn-sala .cont-icon {
    background-color: var(--tertiary)
}

.btn-sala:hover .cont-icon {
    background-color: var(--secondary)
}

.btn-sala:hover {
    color: var(--secondary);
}

.cont-btn-panel .btn-atencion,
.cont-btn-vc .btn-atencion {
    border: 1px solid var(--secondary);
    color: var(--secondary);
}

    .cont-btn-panel .btn-atencion:hover,
    .cont-btn-vc .btn-atencion:hover {
        background-color: rgba(237, 110, 0, 0.1);
        color: var(--primary);
    }

.hotspot-icon {
    text-shadow: 2px 2px 4px #000000;
}

    .hotspot-icon i {
        text-shadow: none;
    }

    .hotspot-icon:hover {
        color: #FFF;
    }

        .hotspot-icon:hover .cont-icon i, #reporte:hover .cont-icon i {
            color: #fff;
        }

/*Prehome*/

.prehome__plans {
    height: 450px;
}

.prehome__plan {
    width: 100%;
    padding: 0;
}


.prehome__title {
    color: #FFF;
}

.kt-login__extra.registro {
    display: none;
}

.logo-convenios.convenioChile + hr {
    display: none;
}

.kt-login.kt-login--v3.kt-login--signin .kt-login__signin .titulo-card-farmacia {
    text-align: center;
}


.kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container {
    width: 430px;
    margin: 8rem auto;
}



.login-footer .terminos {
    margin-bottom: 1.5rem;
    display: flex;
    margin-top: 0.5rem;
    gap: 1rem;
    margin-left: 1rem;
}

.stepper {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 80px;
    background-image: url(../../img/vivetuseguro2/fondo-banner.svg);
    background-repeat: repeat-x;
    background-position: left 10px;
    margin-bottom: 2.5rem;
    margin-top: 2.5rem;
}
/*LayoutPaciente*/
.kt-menu__item a,
.kt-menu__item i {
    color: var(--secondary-color) !important;
}

.kt-menu__item--here img {
    width: 55% !important;
    margin: 0 auto;
}

.kt-menu__nav .accesible-btn button,
.kt-aside-menu {
    background-color: #f7f7f7 !important;
}

div#kt_aside_menu_wrapper,
.kt-aside--minimize .kt-aside-menu .kt-menu__nav {
    background: #F7F7F7;
}

.ms-link-icon {
    font-size: 30px !important;
}

.ms-label-menu {
    font-size: 10px !important;
    letter-spacing: 0px;
    text-align: center;
    color: var(--secondary-color);
}

.kt-aside--minimize .kt-aside-menu .kt-menu__nav > .kt-menu__item {
    margin-bottom: 40px !important;
}
/*Menu fix height*/

.kt-aside .kt-aside-menu .kt-menu__nav > .kt-menu__item {
    height: auto;
}

.kt-aside--minimize .kt-aside-menu .kt-menu__nav > .kt-menu__item {
    margin-bottom: 0;
}

.ms-label-menu {
    margin-top: 6px;
}

    .ms-label-menu::before {
        border-top: none;
        display: none;
    }

.kt-aside--minimize .kt-aside-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--here {
    margin-bottom: 0 !important;
}

.kt-menu__item--here img {
    margin-top: 6px;
}

.kt-aside .kt-aside-menu .kt-menu__nav > .kt-menu__item > .kt-menu__link {
    padding-bottom: 10px;
    border-bottom: 1px solid #C6C6C6;
    width: 90%;
    margin: auto;
}

.kt-aside--minimize .kt-aside-menu .kt-menu__nav .accesible-tools {
    margin-top: 30px;
}

.stepper {
    /*display: flex;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;*/
    /*height: 165px !important;*/
    /*background-image: none !important;
    background-repeat: no-repeat !important;
    background-position: unset !important;
    background-color: transparent !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    margin-bottom: 4rem !important;
    margin-top: 8rem !important;*/

    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 80px;
    background-image: url(../../img/fondo-banner.svg) !important;
    background-repeat: repeat-x;
    background-position: left 10px;
    margin-bottom: 2.5rem;
    margin-top: 2.5rem;
}

.stepper {
    margin-bottom: 2rem !important;
    margin-top: 8rem !important;
    background-image: none;
}

    .stepper .init-step {
        width: 100px;
        display: none;
    }

    .stepper img {
        display: flex;
    }

    .stepper .flecha {
        display: none
    }

.kt-grid > .kt-grid__item {
    max-width: 100%;
}

.cont-steps {
    width: auto !important;
    display: flex;
    align-items: flex-start;
    justify-content: space-evenly !important;
    margin: 0 auto;
    max-width: 1100px;
}

label.form-check-label.mr-4 {
    display: inline-flex;
}

.stepper img {
    width: 100px;
    height: 100px;
    border: 3px solid #302F7B;
}

.cont-steps img {
    display: block;
}

.step {
    display: flex;
    gap: 1.5rem;
    flex-direction: column;
    text-align: center;
}

    .step.active .step-icon {
        background-color: var(--secondary-color) !important;
    }

.cont-steps img {
    max-width: 100% !important;
    width: 30px;
    border: 0px !important;
    margin-right: auto;
    margin-left: auto;
}

.label-step {
    color: var(--fourth-color) !important;
    font-size: 12px !important;
    text-transform: uppercase;
    font-weight: bold !important;
    min-width: 142px;
}

.step.active .label-step {
    color: var(--secondary-color) !important;
    font-weight: bold !important;
    font-size: 12px !important;
}

.busqueda-profesionales i {
    color: var(--secondary-color);
}

.caja-especialidad.especialista,
.caja-especialidad.veterinario {
    /*background-color: #8358DD !important;*/
    display: none !important;
}

.inner-especialidad {
    display: flex !important;
    width: 100% !important;
    align-items: center !important;
    justify-content: center;
    /*gap: 20px !important;*/
}

.busqueda-profesionales {
    padding: 0.6rem !important;
    width: 100%;
    min-width: 280px !important;
    max-width: 300px;
    border-radius: 5px !important;
    background-color: #FFF;
    display: flex;
    align-items: center;
    border: 2px solid var(--secondary-color) !important;
    margin-left: 0 !important;
    height: 52px;
}

    .busqueda-profesionales .dropdown .btn {
        width: 100% !important;
        border: none;
        font-weight: 700 !important;
        font-size: 1rem !important;
        letter-spacing: 0px;
        color: var(--secondary-color) !important;
        padding: 0 !important;
    }

.caja-busqueda {
    min-width: 220px !important;
    width: 100%;
}

.busqueda-profesionales img {
    width: 30px;
    height: 30px;
}

.category-button:hover,
.category-button.active {
    background-color: var(--important) !important;
    color: var(--important) !important;
}

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

    .kt-menu__item:hover a .ms-label-menu {
        color: var(--primary);
    }

.body-home {
    /*background: linear-gradient(180deg, #CACACC 16.67%, #0F499A 100%);*/
}

    .body-home .top-banner .legend {
        color: #fff;
        font-size: 32px;
        text-align: center;
        font-weight: bold;
    }

    .body-home .card-plan .costo,
    .body-home .card-plan .pronto-card {
        position: absolute;
        top: -1px;
        right: -1px;
        width: 70px;
        height: 25px;
        font-size: 11px;
        font-weight: 900;
        background-color: #345C6E;
        color: #FFFFFF;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 0px 16px 0px 8px;
        text-transform: uppercase;
    }

.accesible-tools-desktop .accesible-btn {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-top: 0rem;
}



.letras {
    margin-top: 2rem;
}

.letras-sala-espera {
    display: flex;
    flex-direction: column !important;
}

.body-home .container {
    height: auto;
    display: none;
}

.wow__header .wow__title h2 {
    color: var(--secondary);
}

.body-home .logo-home a:has(img) {
    max-width: 234px;
}

.stepper-medismart img {
    display: none;
}

.tag-descarga {
}

.farm-glory {
    display: none !important;
}

.letras-triage {
    display: none !important;
}

/*Asistencia Examenes*/

.cont-toma-examenes.lab-blanco {
    margin: 3rem auto;
}

    .cont-toma-examenes.lab-blanco .lux-titulo,
    .cont-toma-examenes.lab-blanco .lux-p-2 {
        color: #302F7B;
    }

    .cont-toma-examenes.lab-blanco .acontent_ti h2 {
        max-width: 600px;
        color: #302F7B;
        font-family: "Nunito", sans-serif !important;
        font-weight: 900;
    }

    .cont-toma-examenes.lab-blanco .acontent_ti .lux-parrafo {
        margin: -32px 0 0 0 !important;
        /* color: #209CD4; */
        font-size: 28px;
        font-weight: bold;
        width: 70%;
        line-height: 32px;
    }

    .cont-toma-examenes.lab-blanco label {
        color: var(--primary);
    }

    .cont-toma-examenes.lab-blanco .box_tex button {
        background: var(--primary);
        color: #fff;
    }

        .cont-toma-examenes.lab-blanco .box_tex button:hover {
            background: var(--secondary);
            color: #fff;
        }

@media screen and (max-width: 668px) {
    .body-home .logo-home img {
        width: 160px !important;
        position: absolute;
        top: 16px;
        left: 10px;
    }

    .body-home .top-banner {
        max-width: 92vw;
        margin: 0 auto 2rem auto;
        align-items: center;
        height: unset;
        background-image: unset;
    }

        .body-home .top-banner .legend {
            font-size: 18px;
            text-align: left;
            padding-left: 1.5rem;
            margin-bottom: unset;
        }

    .body-home .row:has(.card) {
        row-gap: unset;
    }

    .body-home .cont-card .card img {
        width: 50px;
        height: 50px;
        margin: 0;
    }

    span.leyenda-card-home.d-md-none.fuente-accesible {
        text-align: left;
        margin-left: 2rem;
        font-size: 14px;
    }

    .card.caja-profesional {
        margin-top: 20px;
    }

    .stepper {
        background-image: none;
        margin-top: 4rem;
    }

    .cont-toma-examenes.lab-blanco .acontent_ti .lux-parrafo {
        font-size: 18px;
        font-weight: bold;
        width: auto;
        line-height: normal;
    }

    .cont-toma-examenes.lab-blanco .box_tex {
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
    }
}

@media (max-width: 768px) {

    .footer-home .terminos {
        width: 90%;
        display: flex;
        text-align: center;
        justify-content: space-between;
        margin-top: -13rem;
        gap: 0.5rem;
    }

    .top-banner .legend {
        font-weight: 500;
        font-size: 20px;
        line-height: 120%;
        margin-left: 0rem;
        margin-top: 0rem;
        text-align: left;
        width: 31rem;
    }

    .stepper {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 80px;
        background-image: none !important;
        background-repeat: repeat-x;
        background-position: left 10px;
        margin-bottom: 2.5rem;
        margin-top: 2.5rem;
    }

    .accesible-tools-desktop .accesible-btn {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        margin-top: 1rem;
    }
}

@media (max-width: 991.98px) {
    .container-login {
        border-top-left-radius: 2rem;
        border-top-right-radius: 2rem;
        min-height: calc(107vh - 150px);
        background-color: #f9f9fc;
    }

    .kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container {
        width: 290px;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
    }

    .top-banner .legend {
        text-align: left;
        font-size: 1.3rem;
    }

    .prehome__plans {
        height: auto;
    }

    .kt-grid.kt-grid--hor:not(.kt-grid--desktop):not(.kt-grid--desktop-and-tablet):not(.kt-grid--tablet):not(.kt-grid--tablet-and-mobile):not(.kt-grid--mobile) > .kt-grid__item.kt-grid__item--fluid {
        margin-bottom: 0rem;
    }
}

@media screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .img1, .img2, .img3, .img4, .img5, .img6 {
        background-image: url(../../img/cardifcolabomx/login/548x850.jpg);
    }
}

@media (max-width: 1024px) {
    .body-home .powered, .body-home .powered strong {
        color: #FFF;
        display: none;
    }

    #kt_footer {
        display: flex;
        flex-direction: column;
        gap: 1.5rem;
    }
}


@media (min-width: 567px) and (max-width: 1200px) and (orientation: portrait) {
    .kt-login__logo.cont-logo-mobile.d-md-none {
        display: flex !important;
        justify-content: center;
    }
}