@charset "UTF-8";
/** V23.11.3
* Branding $COLORS*/
/*------------------------*\
|      $MIXINS
/*------------------------*/
/**
* Branding $COLORS*/
/*------------------------*\
|      $MIXINS
/*------------------------*/
@font-face {
    font-family: 'Montserrat';
    src: url("fonts/Montserrat-Bold.woff2") format("woff2"), url("fonts/Montserrat-Bold.woff") format("woff");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url("fonts/Montserrat-Light.woff2") format("woff2"), url("fonts/Montserrat-Light.woff") format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url("fonts/Montserrat-Medium.woff2") format("woff2"), url("fonts/Montserrat-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url("fonts/Montserrat-SemiBold.woff2") format("woff2"), url("fonts/Montserrat-SemiBold.woff") format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url("fonts/Montserrat-Regular.woff2") format("woff2"), url("fonts/Montserrat-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url("fonts/Montserrat-Italic.woff2") format("woff2"), url("fonts/Montserrat-Italic.woff") format("woff");
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url("fonts/Montserrat-LightItalic.woff2") format("woff2"), url("fonts/Montserrat-LightItalic.woff") format("woff");
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

html {
    font-size: 18px;
}

body {
    color: #373737;
    font-weight: normal;
    width: 100%;
    max-width: 100%;
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    -webkit-font-smoothing: antialiased;
}

body,
html {
    max-width: 100%;
    overflow-x: hidden;
    overflow-y: visible;
}

body,
.smooth-container {
    scroll-behavior: smooth;
}

p {
    font-size: 18px;
    line-height: 1.2;
    font-weight: normal;
    margin-top: 0;
}

    p b {
        font-weight: bold;
    }

    p a {
        text-decoration: underline;
    }

figure {
    margin: 0;
}

.clear {
    clear: both;
}

.wow {
    visibility: hidden;
}

.fadein {
    opacity: 0;
}

.hidden_a {
    opacity: 0;
}

.visible {
    opacity: 1;
}

.wrapper {
    position: relative;
}

    .wrapper.wrapper-home {
        padding-top: 148px;
    }

.wrap {
    width: 100%;
    margin: 0 auto;
    max-width: 100%;
    padding: 0 2.5rem;
}

@media only screen and (max-width: 991px) {
    .wrap {
        padding: 0 2rem;
    }
}

@media only screen and (max-width: 768px) {
    .wrap {
        padding: 0 1rem;
    }
}

.wrap2 {
    width: 100%;
    margin: 0 auto;
    max-width: 100%;
    padding: 0 11.25rem;
}

@media only screen and (max-width: 991px) {
    .wrap2 {
        padding: 0 4rem;
    }
}

@media only screen and (max-width: 768px) {
    .wrap2 {
        padding: 0 1rem;
    }
}

*,
::after,
::before {
    box-sizing: border-box;
}

.row {
    margin-right: -13px;
    margin-left: -13px;
}

    .row > [class^="col-"],
    .row > [class*=" col-"] {
        padding-right: 13px;
        padding-left: 13px;
    }

    .row.no-gutters {
        margin-right: 0;
        margin-left: 0;
    }

        .row.no-gutters > [class^="col-"],
        .row.no-gutters > [class*=" col-"] {
            padding-right: 0;
            padding-left: 0;
        }

    .row.row-small {
        margin-right: -.44rem;
        margin-left: -.44rem;
    }

        .row.row-small > [class^="col-"],
        .row.row-small > [class*=" col-"] {
            padding-right: .44rem;
            padding-left: .44rem;
        }

    .row.row-big {
        margin-right: -1.2rem;
        margin-left: -1.2rem;
    }

        .row.row-big > [class^="col-"],
        .row.row-big > [class*=" col-"] {
            padding-right: 1.2rem;
            padding-left: 1.2rem;
        }

@media only screen and (max-width: 550px) {
    .row.row-big {
        margin-right: -15px;
        margin-left: -15px;
    }

        .row.row-big > [class^="col-"],
        .row.row-big > [class*=" col-"] {
            padding-right: 15px;
            padding-left: 15px;
        }
}

* {
    outline: none;
}

a,
button {
    transition: all 0.3s ease;
    cursor: pointer;
}

a {
    text-decoration: none;
}

    a:hover {
        text-decoration: none;
    }

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.text-left {
    text-align: left;
}

.mt-2 {
    margin-top: 2rem;
}

.btn {
    height: 2.3rem;
    border-radius: 4px;
    padding: .5rem .5rem .5rem;
    text-align: center;
    font-size: .88rem;
    line-height: 1;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .5s ease;
}

    .btn img {
        vertical-align: middle;
        margin-right: .3rem;
    }

@media only screen and (max-width: 550px) {
    .btn {
        height: 2.2rem;
        padding: 15px 10px;
    }
}

.btn--azul {
    color: #fff;
    background: #008EFF;
}

    .btn--azul:hover {
        background: #46A5F1;
        color: #fff;
    }

.btn--verde {
    color: #fff;
    background: #007A33;
}

    .btn--verde:hover {
        background: #025d28;
        color: #fff;
    }

.btn--b-azul {
    color: #008EFF;
    background: transparent;
    border: 1px solid #008EFF;
}

    .btn--b-azul:hover {
        background: #cce8ff;
    }

.btn--sb-azul {
    color: #008EFF;
    background: transparent;
    border: none;
}

.btn--morado {
    color: #fff;
    background: #872899;
}

    .btn--morado:hover {
        background: #671E75;
        color: #fff;
    }

.btn.disabled {
    background: #dedede;
    color: #53565A;
}

    .btn.disabled .ic-disabled {
        display: block;
    }

    .btn.disabled .ic-enabled {
        display: none;
    }

.btn.btn-mobile {
    display: none;
}

@media only screen and (max-width: 991px) {
    .btn.btn-mobile {
        display: inline-flex;
    }
}

.btn .ic-disabled {
    display: none;
}

@media (min-width: 992px) {
    .container {
        max-width: 100%;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1240px;
    }
}

@media (max-width: 1980px) {
    html,
    body,
    p {
        font-size: 18px;
    }
}

@media (max-width: 1700px) {
    html,
    body,
    p {
        font-size: 18px;
    }
}

@media (max-width: 1500px) {
    html,
    body,
    p {
        font-size: 18px;
    }
}

.carrusel {
    position: relative;
}

    .carrusel.con-nav {
        padding: 0;
    }

    .carrusel .tns-nav {
        text-align: center;
        margin-top: 20px;
    }

        .carrusel .tns-nav button {
            width: .5rem;
            height: .5rem;
            display: inline-block;
            border: 1px solid transparent;
            border-radius: 100%;
            margin: 0 .4rem;
            background: transparent;
            padding: 0;
        }

    .carrusel.azul button {
        background: #cacaca;
        border-color: #cacaca;
        opacity: 1;
        margin: 0 .3rem;
    }

        .carrusel.azul button.tns-nav-active {
            background: #008EFF;
            border-color: #008EFF;
            width: 1.5rem;
            border-radius: 10px;
        }

    .carrusel.blanco button {
        background: #fff;
        border-color: #fff;
        opacity: .5;
    }

        .carrusel.blanco button.tns-nav-active {
            border-color: #fff;
            background: #fff;
            opacity: 1;
        }

    .carrusel.gris button {
        background: #fff;
        border-color: #008EFF;
    }

        .carrusel.gris button.tns-nav-active {
            border-color: #373737;
            background: #373737;
        }

    .carrusel .tns-controls button {
        background: transparent;
        border-radius: 0;
        font-size: 0;
        width: 35px;
        height: 70px;
        line-height: 1;
        border: none;
        text-align: center;
        position: absolute;
        padding: 0;
        z-index: 10;
        top: 50%;
        transform: translateY(-50%);
        background: transparent;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .carrusel .tns-controls button:first-child {
            left: 0rem;
            padding-right: 0px;
        }

        .carrusel .tns-controls button:last-child {
            right: 0rem;
            padding-left: 0px;
        }

        .carrusel .tns-controls button:after {
            content: "";
            display: inline-block;
            font-family: 'Font Awesome\ 5 Free';
            font-weight: 900;
            font-size: 1.5rem;
            color: #373737;
            background-repeat: no-repeat;
            background-size: 100% auto;
            background-position: center;
            width: 35px;
            height: 70px;
        }

        .carrusel .tns-controls button:first-child:after {
            background-image: url("../images/nav-left.svg");
        }

        .carrusel .tns-controls button:last-child:after {
            background-image: url("../images/nav-right.svg");
        }

        .carrusel .tns-controls button:hover {
            opacity: 0.85;
        }

@media only screen and (max-width: 768px) {
    .carrusel .tns-controls {
        display: none;
    }

        .carrusel .tns-controls button {
            width: 60px;
            height: 60px;
            line-height: 32px;
        }

            .carrusel .tns-controls button:after {
                font-size: 24px;
            }

            .carrusel .tns-controls button:first-child {
                left: -10px;
            }

            .carrusel .tns-controls button:last-child {
                right: -10px;
            }
}

.carrusel .tns-controls {
    display: none;
}

.carrusel.con-nav .tns-controls {
    display: block;
}

.slide-home .carrusel .tns-nav {
    position: absolute;
    left: 160px;
    bottom: 1em;
    z-index: 999;
}

@media only screen and (max-width: 1550px) {
    .slide-home .carrusel .tns-nav {
        left: 80px;
    }
}

@media only screen and (max-width: 550px) {
    .c-movil {
        padding: 0 60px 0 15px !important;
        margin: 0 -15px;
    }

        .c-movil .tns-ovh {
            overflow: visible;
        }

        .c-movil .tns-nav {
            width: calc(100vw - 30px);
        }
}

.header-user {
    padding: .5rem 0;
    border-bottom: 2px solid #008EFF;
}

    .header-user .container {
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: relative;
    }

    .header-user .logo {
        width: 11rem;
        display: block;
    }

        .header-user .logo img {
            width: 100%;
        }

@media only screen and (max-width: 550px) {
    .header-user .logo {
        width: 10rem;
        min-width: 6rem;
    }
}

.header-user .perfil-header {
    display: flex;
    align-items: center;
}

.header-user .perfil-header__texto {
    text-align: right;
    padding-right: 1rem;
}

@media only screen and (max-width: 550px) {
    .header-user .perfil-header__texto {
        padding-right: .5rem;
        margin-left: .5rem;
    }
}

.header-user .perfil-header__texto h4 {
    margin: 0 0 0rem;
    font-size: .9rem;
    color: #008EFF;
    font-weight: bold;
}

@media only screen and (max-width: 550px) {
    .header-user .perfil-header__texto h4 {
        font-size: .6rem;
        line-height: 1.1;
    }
}

.header-user .perfil-header__texto p {
    font-size: .75rem;
    margin-bottom: 0;
}

@media only screen and (max-width: 550px) {
    .header-user .perfil-header__texto p {
        font-size: .6rem;
    }
}

.header-user .perfil-header__img {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.header-user .perfil-header__img__avatar {
    width: 3.3rem;
    border: 2px solid #008EFF;
    border-radius: 50%;
    overflow: hidden;
    margin-right: .2rem;
}

    .header-user .perfil-header__img__avatar img {
        width: 3.3rem;
        height: 3.3rem;
        object-fit: cover;
        vertical-align: bottom;
    }

@media only screen and (max-width: 550px) {
    .header-user .perfil-header__img__avatar {
        width: 2.5rem;
        height: 2.5rem;
    }

        .header-user .perfil-header__img__avatar img {
            width: 2.5rem;
            height: 2.5rem;
        }
}

.box-perfil {
    position: absolute;
    right: 0;
    top: calc(100% + .6rem);
    z-index: 9999;
    background: #fff;
    width: 15rem;
    border-radius: 6px;
    box-shadow: 0px 0px 13px -4px #000000;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-5%);
    transition: all .3s ease;
}

    .box-perfil.visible {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }

.box-perfil__head {
    text-align: center;
    background: #F1F8FE;
    padding: 1rem;
}

.box-perfil__head__img {
    margin-bottom: .7rem;
}

    .box-perfil__head__img img {
        border: 2px solid #008EFF;
        border-radius: 50%;
        height: 70px;
        width: 70px;
        object-fit: cover;
    }

.box-perfil__head h4 {
    font-size: .88rem;
    margin: 0 0 .2rem;
    color: #000;
    font-weight: bold;
}

.box-perfil__head p {
    font-size: .88rem;
    font-weight: normal;
    margin: 0;
}

.box-perfil__body__bloque {
    padding: 1rem .85rem;
    border-bottom: 1px solid #D9D9D9;
}

    .box-perfil__body__bloque a {
        font-size: .88rem;
        color: #000;
        display: block;
        margin-bottom: .5rem;
    }

        .box-perfil__body__bloque a:last-child {
            margin-bottom: 0;
        }

    .box-perfil__body__bloque .btn {
        color: #fff;
        display: flex;
    }

.login-uc {
    min-height: 100vh;
    text-align: center;
    padding: 3rem 2rem;
    position: relative;
}

@media only screen and (max-width: 550px) {
    .login-uc {
        padding: 0;
    }
}

.login-uc .bg-login {
    position: absolute;
    top: 0;
    height: 100%;
    left: 0;
    width: 100%;
    right: 0;
    margin: 0 auto;
    object-fit: cover;
}

@media only screen and (max-width: 550px) {
    .login-uc .bg-login {
        display: none;
    }
}

.login-uc .box-login-uc {
    position: relative;
    z-index: 10;
    background: #fff;
    width: 20rem;
    max-width: 100%;
    margin: 0 auto;
    border-radius: 4px;
    padding: 2.5rem;
}

@media only screen and (max-width: 550px) {
    .login-uc .box-login-uc {
        padding: 2.5rem 1.5rem;
    }
}

.login-uc .box-login-uc .logo-uc {
    margin-bottom: 1.6rem;
}

.login-uc .box-login-uc h1 {
    margin: 0 0 2rem;
    font-size: 1.27rem;
    color: #53565A;
    font-weight: bold;
    min-height: 2.2rem;
    line-height: 1.1;
}

.login-uc .box-login-uc--big {
    width: 44.4rem;
}

.pasos-login {
    display: inline-flex;
    justify-content: center;
    position: relative;
    margin-bottom: 2.5rem;
}

    .pasos-login:after {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        height: 2px;
        right: 0;
        margin: 0 auto;
        width: calc(100% - 1.6rem);
        background: #dedede;
        bottom: 22px;
    }

    .pasos-login .item-paso {
        margin: 0 .8rem;
        position: relative;
        z-index: 10;
    }

        .pasos-login .item-paso p {
            font-size: .66rem;
            margin: 0 0 .3rem;
            font-weight: bold;
            color: #DEDEDE;
        }

        .pasos-login .item-paso .c-paso {
            width: 45px;
            height: 45px;
            border-radius: 50%;
            background: #DEDEDE;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.28rem;
            color: #fff;
            font-weight: bold;
        }

        .pasos-login .item-paso.activo p {
            color: #008EFF;
        }

        .pasos-login .item-paso.activo .c-paso {
            background: #008EFF;
        }

.avatares {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
}

    .avatares .item-avatar {
        width: 105px;
        min-width: 105px;
        height: 105px;
        border-radius: 50%;
        margin: 0 1rem;
        border: 2px solid #008EFF;
        position: relative;
        cursor: pointer;
    }

        .avatares .item-avatar.activo:before {
            content: "";
            width: 16px;
            height: 16px;
            background-image: url("../images/check.svg");
            display: block;
            position: absolute;
            top: 5px;
            right: 9px;
        }

        .avatares .item-avatar .w-img {
            overflow: hidden;
            height: 100%;
        }

            .avatares .item-avatar .w-img input {
                display: none;
            }

        .avatares .item-avatar img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 50%;
        }

.seleccionar-avatar {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 10;
    background: #fff;
    width: 24rem;
    max-width: 100%;
    height: 100%;
    background: #F1F8FE;
    overflow: auto;
    visibility: hidden;
    transition: all .5s ease;
    transform: translateX(100%);
}

    .seleccionar-avatar.visible {
        transform: translateX(0);
        visibility: visible;
    }

.seleccionar-avatar__head {
    position: relative;
    padding: 3rem 1.5rem 2rem;
    background: #fff;
}

    .seleccionar-avatar__head a.volver-atras {
        position: absolute;
        left: 0;
        width: 30px;
        height: 30px;
        border-radius: 4px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid #008EFF;
        left: 2rem;
        padding: 2px;
    }

        .seleccionar-avatar__head a.volver-atras img {
            max-width: 100%;
        }

    .seleccionar-avatar__head h2 {
        font-size: 1.27rem;
        margin: 0;
        color: #53565A;
        text-align: center;
    }

.seleccionar-avatar__body {
    background: #F1F8FE;
    padding: 2rem 1rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-items: flex-start;
}

    .seleccionar-avatar__body a {
        display: block;
        width: calc(25% - 1rem);
        margin: .5rem;
        border-radius: 50%;
        position: relative;
    }

        .seleccionar-avatar__body a img {
            width: 100%;
            vertical-align: bottom;
        }

        .seleccionar-avatar__body a.activo:before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-image: url("../images/check-blanco.svg");
            background-repeat: no-repeat;
            background-position: center;
            background-color: rgba(48, 127, 226, 0.6);
            display: block;
            border-radius: 50%;
        }

.form-login-uc .form-group {
    margin-bottom: 1.9rem;
    position: relative;
}

    .form-login-uc .form-group label {
        font-size: .88rem;
        color: #000;
        font-weight: normal;
        display: block;
        text-align: left;
        margin-bottom: .2rem;
    }

    .form-login-uc .form-group input {
        width: 100%;
        font-size: .7rem;
        height: 2.2rem;
        border-radius: 4px;
        border: 1px solid #DEDEDE;
        padding: .5rem;
    }

        .form-login-uc .form-group input.error {
            border-color: #F13F3F;
        }

@media only screen and (max-width: 550px) {
    .form-login-uc .form-group input {
        height: 45px;
    }
}

.form-login-uc .form-group .ic-form {
    position: absolute;
    right: .5rem;
    top: 1.8rem;
}

.form-login-uc .form-group select {
    appearance: none;
    background-repeat: no-repeat;
    background-image: url("../images/bg-select.png");
    background-size: 10px auto;
    background-position: 96% center;
    background-color: transparent;
    border-radius: 4px;
    border: 1px solid #DEDEDE;
    width: 100%;
    height: 2.2rem;
    padding: .5rem;
    font-size: .7rem;
}

    .form-login-uc .form-group select.error {
        border-color: #F13F3F;
    }

.form-login-uc .form-group textarea {
    background-color: transparent;
    border-radius: 4px;
    border: 1px solid #DEDEDE;
    width: 100%;
    height: 6.8rem;
    padding: .5rem;
    font-size: .7rem;
    resize: none;
}

.form-login-uc .form-group .radio-group {
    display: flex;
    justify-content: flex-start;
}

    .form-login-uc .form-group .radio-group .radio {
        margin: 1rem 1rem 0 0;
        padding-left: 10px;
        position: relative;
    }

        .form-login-uc .form-group .radio-group .radio input[type="radio"] {
            position: absolute;
            opacity: 0;
            width: 2rem;
            z-index: 999;
            left: 0;
            top: -1rem;
        }

            .form-login-uc .form-group .radio-group .radio input[type="radio"] + .radio-label {
                cursor: pointer;
            }

                .form-login-uc .form-group .radio-group .radio input[type="radio"] + .radio-label:before {
                    content: '';
                    background: #fff;
                    border-radius: 100%;
                    border: 2px solid #008EFF;
                    display: inline-block;
                    width: 20px;
                    height: 20px;
                    position: relative;
                    top: -0.2em;
                    margin-right: .8rem;
                    vertical-align: top;
                    cursor: pointer;
                    text-align: center;
                    transition: all 250ms ease;
                }

                .form-login-uc .form-group .radio-group .radio input[type="radio"] + .radio-label:after {
                    opacity: 0;
                }

            .form-login-uc .form-group .radio-group .radio input[type="radio"]:checked + .radio-label:before {
                background-color: #008EFF;
                box-shadow: inset 0 0 0 4px #fff;
            }

            .form-login-uc .form-group .radio-group .radio input[type="radio"]:checked + .radio-label:after {
                content: "";
                background: rgba(42, 125, 225, 0.08);
                width: 40px;
                height: 40px;
                position: absolute;
                top: -13px;
                left: 0;
                border-radius: 50%;
                opacity: 1;
            }

            .form-login-uc .form-group .radio-group .radio input[type="radio"]:focus + .radio-label:before {
                outline: none;
                border-color: #008EFF;
            }

            .form-login-uc .form-group .radio-group .radio input[type="radio"]:disabled + .radio-label:before {
                box-shadow: inset 0 0 0 4px #872899;
                border-color: #fff;
                background: #fff;
            }

            .form-login-uc .form-group .radio-group .radio input[type="radio"] + .radio-label:empty:before {
                margin-right: 0;
            }

.form-login-uc .form-group .msg {
    display: flex;
    align-items: center;
    font-size: .77rem;
    padding-top: .3rem;
}

    .form-login-uc .form-group .msg img {
        width: 13px;
        margin-right: .2rem;
    }

.form-login-uc .form-group .msg--error {
    color: #D7443E;
}

.form-login-uc .form-group .indicador-pass {
    margin-top: 1rem;
    display: flex;
    justify-content: space-between;
    margin-bottom: .7rem;
}

    .form-login-uc .form-group .indicador-pass .item {
        height: 3px;
        width: 33%;
    }

        .form-login-uc .form-group .indicador-pass .item.rojo {
            background: #D7443E;
        }

        .form-login-uc .form-group .indicador-pass .item.amarillo {
            background: #FFD600;
        }

        .form-login-uc .form-group .indicador-pass .item.verde {
            background: #A0EF62;
        }

.form-login-uc .form-group .validacion-pass {
    text-align: left;
}

    .form-login-uc .form-group .validacion-pass p {
        font-size: .77rem;
        font-weight: 300;
        margin-bottom: .3rem;
    }

        .form-login-uc .form-group .validacion-pass p img {
            margin-right: .2rem;
        }

.form-login-uc .form-group .dato-titular {
    display: flex;
    align-items: center;
    margin-top: .2rem;
}

    .form-login-uc .form-group .dato-titular input {
        width: .77rem;
        margin-right: .3rem;
        height: auto;
    }

    .form-login-uc .form-group .dato-titular label {
        font-size: .66rem;
        font-weight: normal;
        margin: 0;
    }

.form-login-uc .form-group.form-check {
    display: flex;
    align-items: center;
}

    .form-login-uc .form-group.form-check input {
        width: 1rem;
        height: 1rem;
        margin-right: .4rem;
    }

    .form-login-uc .form-group.form-check label {
        margin: 0;
        font-weight: 300;
    }

        .form-login-uc .form-group.form-check label a {
            color: #008EFF;
            font-size: .88rem;
        }

.form-login-uc .w-button {
    width: 15.7rem;
    max-width: 100%;
    margin: 0 auto;
}

    .form-login-uc .w-button .btn {
        width: 100%;
        margin-bottom: 1.1rem;
    }

        .form-login-uc .w-button .btn:last-child {
            margin-bottom: 0;
        }

.ir-home {
    color: #fff;
    font-size: .8rem;
    background: #891a9b;
    position: absolute;
    font-weight: bold;
    top: 1rem;
    border-radius: 4px;
    padding: 0.3rem;
    left: 1.5rem;
    z-index: 99;
}

    .ir-home span {
        font-size: .7rem;
    }

@media only screen and (max-width: 550px) {
    .ir-home {
        font-size: 1.2rem;
        left: 1rem;
    }

        .ir-home span {
            display: none;
        }
}

.uc-msg-success {
    padding-top: 12px;
    padding-left: 14px;
    padding-right: 5px;
    padding-bottom: 12px;
    background-color: #fff;
    margin-bottom: 20px;
    color: #000;
    font-size: 14px;
    border-radius: 4px;
}

    .uc-msg-success i {
        margin-right: .1rem;
        color: #AA7BCA;
    }

.s-main {
    background: #F1F8FE;
    padding: 1.1rem 0;
}

@media only screen and (max-width: 991px) {
    .s-main {
        padding-bottom: 7rem;
    }
}

.s-main .container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.s-main .menu-lateral {
    width: 11rem;
    min-width: 11rem;
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
    padding: 0;
    margin-right: .8rem;
}

    .s-main .menu-lateral ul {
        list-style: none;
        padding-left: 0;
        margin: 0;
    }

        .s-main .menu-lateral ul li {
            border-bottom: 1px solid #D9D9D9;
            padding: 0;
        }

            .s-main .menu-lateral ul li:last-child {
                border: none;
            }

            .s-main .menu-lateral ul li a {
                color: #373737;
                font-size: .88rem;
                display: flex;
                align-items: center;
                height: 2.7rem;
                border-radius: 0px;
                padding: .6rem 0 .4rem .5rem;
                font-weight: 300;
                position: relative;
            }

                .s-main .menu-lateral ul li a:hover {
                    background-color: #f8f8f8;
                }

                .s-main .menu-lateral ul li a .ic-menu {
                    width: 1.1rem;
                    min-width: 1.1rem;
                    text-align: center;
                    display: inline-block;
                    margin-right: .3rem;
                }

                    .s-main .menu-lateral ul li a .ic-menu img {
                        max-width: 100%;
                    }

                    .s-main .menu-lateral ul li a .ic-menu .ic-on {
                        display: none;
                    }

                .s-main .menu-lateral ul li a .ic-submenu {
                    position: absolute;
                    right: .6rem;
                    font-size: .7rem;
                }

                    .s-main .menu-lateral ul li a .ic-submenu.close {
                        color: #008EFF;
                    }

                    .s-main .menu-lateral ul li a .ic-submenu.open {
                        color: #fff;
                    }

                .s-main .menu-lateral ul li a .notificaciones {
                    font-size: .5rem;
                    border-radius: 50%;
                    background: #F13F3F;
                    display: flex;
                    border: 1px solid #fff;
                    align-items: center;
                    justify-content: center;
                    color: #fff;
                    width: 15px;
                    height: 15px;
                    font-weight: 700;
                    margin-left: 0.2rem;
                }

@media only screen and (max-width: 991px) {
    .s-main .menu-lateral ul li a.c-submenu.activo {
        height: auto;
        background: #f6f5f5;
        min-height: 60px;
        color: #373737;
    }

        .s-main .menu-lateral ul li a.c-submenu.activo .ic-off {
            display: block;
        }

        .s-main .menu-lateral ul li a.c-submenu.activo .ic-on {
            display: none;
        }
}

.s-main .menu-lateral ul li a.activo {
    background: #008EFF;
    color: #fff;
}

.s-main .menu-lateral ul li a.c-submenu.activo {
    background: #f6f5f5;
    color: #373737;
}

    .s-main .menu-lateral ul li a.c-submenu.activo .ic-off {
        display: block;
    }

    .s-main .menu-lateral ul li a.c-submenu.activo .ic-on {
        display: none;
    }

.s-main .menu-lateral ul li a.activo .ic-off {
    display: none;
}

.s-main .menu-lateral ul li a.activo .ic-on {
    display: block;
}

.s-main .menu-lateral ul li a.btn-ayuda {
    background: #307FE2;
    color: #fff;
    position: relative;
    padding-left: 2.4rem;
    font-weight: 300;
}

    .s-main .menu-lateral ul li a.btn-ayuda .ic-menu {
        position: absolute;
        bottom: 0;
        width: 1.33rem;
        left: .5rem;
    }

        .s-main .menu-lateral ul li a.btn-ayuda .ic-menu img {
            vertical-align: bottom;
        }

.s-main .menu-lateral ul li .submenu {
    margin: 0;
    background: #F1F8FE;
    transition: all .3s ease;
    max-height: 0;
    opacity: 0;
    visibility: hidden;
}

@media only screen and (max-width: 991px) {
    .s-main .menu-lateral ul li .submenu {
        transition: none;
    }
}

.s-main .menu-lateral ul li .submenu.activo {
    max-height: 1000px;
    opacity: 1;
    visibility: visible;
}

@media only screen and (max-width: 991px) {
    .s-main .menu-lateral ul li .submenu.activo {
        max-height: 1000px;
        opacity: 1;
        width: 100%;
        height: calc(100% - 60px);
        visibility: visible;
        transition: none;
    }
}

.s-main .menu-lateral ul li .submenu li {
    border: none;
}

    .s-main .menu-lateral ul li .submenu li a {
        font-weight: 300;
    }

.s-main .menu-lateral .cerrar-menu {
    display: none;
}

@media only screen and (max-width: 991px) {
    .s-main .menu-lateral {
        display: block;
        position: fixed;
        bottom: 0;
        z-index: 99999;
        height: 100%;
        width: 100%;
        background: rgba(0, 0, 0, 0.34);
        left: 0;
        transition: all .3s ease;
        opacity: 0;
        visibility: hidden;
    }

        .s-main .menu-lateral .cerrar-menu {
            position: absolute;
            bottom: 0;
            right: 0;
            justify-content: center;
            height: 5.5rem;
            flex-direction: column;
            align-items: center;
            display: flex;
            width: 25%;
            background: #32588B;
            text-align: center;
            cursor: pointer;
        }

            .s-main .menu-lateral .cerrar-menu img {
                margin-bottom: .5rem;
            }

            .s-main .menu-lateral .cerrar-menu span {
                color: #fff;
                font-size: .66rem;
                font-weight: 700;
            }

        .s-main .menu-lateral ul {
            height: 100%;
            width: 75%;
            display: flex;
            flex-direction: column;
            background-color: #fff;
            transition: all .3s ease;
            transform: translateX(-100%);
        }

            .s-main .menu-lateral ul li {
                flex-grow: 1;
            }

                .s-main .menu-lateral ul li a {
                    height: 100%;
                    padding: .6rem 0 .4rem .7rem;
                }

        .s-main .menu-lateral.visible {
            opacity: 1;
            visibility: visible;
        }

            .s-main .menu-lateral.visible ul {
                transform: translateX(0);
            }
}

.s-main .c-principal {
    flex-grow: 1;
    max-width: calc(100% - 11.8rem);
}

@media only screen and (max-width: 991px) {
    .s-main .c-principal {
        max-width: 100%;
    }
}

.menu-mobile {
    display: none;
}

@media only screen and (max-width: 991px) {
    .menu-mobile {
        display: flex;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 9999;
        background: #fff;
        border-top: 2px solid #008EFF;
    }

        .menu-mobile a {
            width: 25%;
            display: block;
            text-align: center;
            padding: .9rem .5rem;
            font-size: .77rem;
            font-weight: 700;
            color: #008EFF;
        }

            .menu-mobile a .ic-menu {
                height: 2rem;
                display: flex;
                align-items: center;
                justify-content: center;
                margin-bottom: .5rem;
            }

            .menu-mobile a p {
                display: block;
                margin: 0;
                font-weight: 700;
                color: #307FE2;
                font-size: .77rem;
            }

            .menu-mobile a.btn-reserva {
                background: #872899;
            }

                .menu-mobile a.btn-reserva p {
                    color: #fff;
                }
}

.titulo-main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
}

    .titulo-main h1 {
        margin: 0;
        color: #53565A;
        font-size: 1.27rem;
    }

@media only screen and (max-width: 991px) {
    .titulo-main h1 {
        color: #307FE2;
    }
}

.titulo-main .btn {
    width: 11.22rem;
}

@media only screen and (max-width: 991px) {
    .titulo-main .btn {
        display: none;
    }
}

.panel-main {
    display: flex;
    justify-content: space-between;
}

    .panel-main .panel-izq {
        width: 70%;
        min-width: 70%;
    }

    .panel-main .panel-der {
        width: calc(30% - 1rem);
        min-width: calc(30% - 1rem);
        margin-left: 1rem;
    }

.iframe {
    width: 100%;
}

    .iframe img {
        width: 100%;
    }

.s-modulo {
    background: #fff;
    border-radius: 8px;
    padding: 1.1rem;
    margin-bottom: 1.2rem;
}

@media only screen and (max-width: 991px) {
    .s-modulo {
        padding: .66rem;
    }
}

.s-modulo.c-b {
    border: 1px solid rgba(217, 217, 217, 0.5);
}

.s-modulo.c-tabs {
    border-radius: 0 8px 8px 8px;
}

.s-modulo.s-br {
    border-radius: 0;
}

.titulo-2 {
    font-size: .88rem;
    color: #373737;
    margin: 0 0 .8rem;
    font-weight: 700;
}

    .titulo-2.big {
        font-size: 1rem;
    }

.huincha-info {
    font-size: .62rem;
    color: #373737;
    background: #F4F1FE;
    border-radius: 5px;
    padding: .3rem;
    display: flex;
    align-items: center;
    margin-bottom: .5rem;
}

    .huincha-info i {
        color: #AA7BCA;
        font-size: .85rem;
        margin-right: .2rem;
    }

    .huincha-info.tipo2 {
        font-size: .7rem;
        font-weight: 500;
        display: inline-flex;
        padding-right: 1rem;
    }

.card-hora-medica {
    border: 1px solid rgba(217, 217, 217, 0.5);
    border-radius: 8px;
    padding: .5rem;
}

.card-hora-medica__content {
    display: flex;
    align-items: flex-start;
    margin-bottom: 1.5rem;
}

.card-hora-medica__content__img {
    width: 3.5rem;
    margin: 0;
}

    .card-hora-medica__content__img img {
        width: 100%;
        vertical-align: bottom;
    }

.card-hora-medica__content__txt {
    padding-left: .6rem;
}

    .card-hora-medica__content__txt h3 {
        font-size: .88rem;
        margin: 0 0 .2rem;
        color: #373737;
    }

    .card-hora-medica__content__txt p {
        font-size: .77rem;
        color: #53565A;
        margin-bottom: .7rem;
        font-weight: 300;
    }

    .card-hora-medica__content__txt .meta {
        color: #307FE2;
        font-weight: 300;
        font-size: .77rem;
        display: flex;
    }

        .card-hora-medica__content__txt .meta img {
            margin-right: .2rem;
        }

        .card-hora-medica__content__txt .meta div {
            display: flex;
            align-items: center;
        }

        .card-hora-medica__content__txt .meta .fecha {
            margin-right: 1.5rem;
        }

.card-hora-medica__botones {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

    .card-hora-medica__botones .btn {
        width: 6rem;
        font-size: .8rem;
        height: 2.2rem;
        margin-left: .5rem;
    }

@media only screen and (max-width: 400px) {
    .card-hora-medica__botones {
        flex-direction: column;
    }

        .card-hora-medica__botones .btn {
            width: 100% !important;
            margin-bottom: .5rem;
        }

        .card-hora-medica__botones .btn2 {
            width: 100% !important;
            margin-bottom: .5rem;
        }
}

.card-hora-medica.empty .msg-default {
    font-size: .77rem;
    font-weight: 300;
    text-align: center;
    min-height: 8.3rem;
    display: flex;
    align-items: center;
    padding: 1rem;
}

.card-beneficio {
    background: #EBEFF8;
    box-shadow: 0.66px 1.32px 2.64px rgba(0, 0, 0, 0.34);
    border-radius: 5px;
    display: flex;
    align-items: center;
    min-height: 3.7rem;
    padding: .5rem;
    margin-bottom: 1rem;
}

@media only screen and (max-width: 991px) {
    .card-beneficio {
        min-height: 3.2rem;
        padding: .3rem .5rem;
    }
}

.card-beneficio__img {
    width: 4.8rem;
    text-align: center;
    margin-right: .8rem;
}

    .card-beneficio__img img {
        max-width: 100%;
    }

@media only screen and (max-width: 550px) {
    .card-beneficio__img {
        width: 2.8rem;
    }
}

.card-beneficio__txt h4 {
    font-size: .82rem;
    color: #53565A;
    font-weight: 300;
    margin: 0;
}

@media only screen and (max-width: 991px) {
    .card-beneficio__txt h4 {
        color: #872899;
        font-weight: normal;
    }
}

@media only screen and (max-width: 550px) {
    .card-beneficio__txt h4 {
        font-size: .77rem;
    }
}

.card-beneficio.empty {
    background-image: url("../images/mask-plan.png");
    background-repeat: no-repeat;
    background-size: 40% 100%;
    background-color: #F1F8FE;
    position: relative;
}

    .card-beneficio.empty .ic-ben {
        position: absolute;
        top: .2rem;
        right: .3rem;
        font-size: .88rem;
        color: #872899;
    }

    .card-beneficio.empty a {
        font-size: .66rem;
        color: #46A5F1;
        font-weight: bold;
        border-top: 1px solid #46A5F1;
    }

.titulo-vertodos {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .titulo-vertodos .ver-todos {
        display: inline-block;
        margin-bottom: .8rem;
        color: #008EFF;
        font-size: .88rem;
    }

.card-examen {
    background: #F5F5F5;
    border-radius: 4px;
    padding: .8rem;
}

.card-examen__txt {
    border-bottom: 1px solid #ABABAB;
    padding-bottom: .5rem;
    margin-bottom: .4rem;
}

    .card-examen__txt p {
        font-size: .88rem;
        color: #53565A;
        font-weight: 300;
        margin-bottom: .3rem;
    }

        .card-examen__txt p b {
            font-weight: bold;
        }

.card-examen .ver-examen {
    font-size: .88rem;
    color: #008EFF;
}

@media only screen and (max-width: 991px) {
    .card-examen .ver-examen {
        color: #fff;
    }
}

.card-examen-empty {
    min-height: 6.6rem;
    font-size: .77rem;
    font-weight: 300;
    text-align: center;
    justify-content: center;
    display: flex;
    align-items: center;
    padding: 1rem;
    width: 100%;
    position: relative;
}

.card-citas-empty {
    min-height: 12rem;
    font-size: .77rem;
    font-weight: 300;
    text-align: center;
    justify-content: center;
    display: flex;
    align-items: center;
    padding: 1rem;
    width: 100%;
}

.card-medico-frec {
    background: #F5F5F5;
    border-radius: 4px;
    padding: .8rem;
}

@media only screen and (max-width: 991px) {
    .card-medico-frec {
        background: #fff;
        border: 1px solid rgba(217, 217, 217, 0.5);
        margin-bottom: .6rem;
    }
}

.card-medico-frec__content {
    display: flex;
    border-bottom: 1px solid #ABABAB;
    padding-bottom: .6rem;
    margin-bottom: .5rem;
    min-height: 3rem;
}

@media only screen and (max-width: 991px) {
    .card-medico-frec__content {
        border: none;
    }
}

.card-medico-frec__content__img {
    width: 2.2rem;
    min-width: 2.2rem;
}

    .card-medico-frec__content__img img {
        width: 100%;
    }

.card-medico-frec__content__txt {
    padding-left: .6rem;
}

    .card-medico-frec__content__txt h3 {
        color: #535252;
        font-size: .88rem;
        font-weight: bold;
        margin: 0 0rem;
    }

    .card-medico-frec__content__txt h4 {
        color: #373737;
        font-size: .88rem;
        font-weight: bold;
        margin: 0 0 .3rem;
    }

    .card-medico-frec__content__txt p {
        color: #53565A;
        font-size: .85rem;
        font-weight: 300;
        margin-bottom: 0;
    }

.card-medico-frec__bottom .reservar {
    font-size: .88rem;
    color: #008EFF;
    display: inline-flex;
    align-items: center;
}

@media only screen and (max-width: 991px) {
    .card-medico-frec__bottom .reservar {
        display: flex;
        color: #fff;
    }
}

.card-medico-frec__bottom .reservar img {
    margin-right: .2rem;
    width: 1rem;
}

.calendario {
    margin-bottom: .5rem;
    min-height: 10rem;
}

    .calendario img {
        width: 100%;
    }

.loading {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
}

    .loading img {
        width: 80px;
    }

    .loading.oculto {
        display: none;
    }

.calendario-citas {
    margin-bottom: 1rem;
    position: relative;
}

    .calendario-citas h4 {
        margin: 0 0 .2rem;
        font-weight: normal;
        font-size: .88rem;
        color: #000;
    }

.calendario-citas__form {
    display: flex;
}

    .calendario-citas__form .c-datepicker-date-editor {
        height: 2.2rem;
        font-size: .6rem;
        padding: 0;
        text-align: center;
    }

    .calendario-citas__form span {
        vertical-align: middle;
        margin-bottom: -.2rem;
        display: inline-block;
    }

    .calendario-citas__form .c-datepicker-data-input.only-date {
        width: 40%;
    }

    .calendario-citas__form input {
        height: 100%;
        font-size: .6rem;
        flex-grow: 1;
        padding: 0rem;
    }

    .calendario-citas__form .btn-search {
        width: 3rem;
        min-width: 3rem;
        background: #008EFF;
        border: none;
        border-radius: 4px;
        margin-left: .4rem;
    }

        .calendario-citas__form .btn-search img {
            vertical-align: bottom;
        }

.c-datepicker-date-range-picker {
    width: 636px;
    left: auto !important;
    right: 5rem !important;
}

.c-datepicker-picker__sidebar {
    display: none;
}

    .c-datepicker-picker [slot=sidebar] + .c-datepicker-picker__body,
    .c-datepicker-picker__sidebar + .c-datepicker-picker__body {
        margin-left: 0;
    }

.c-datepicker-picker__footer {
    display: none;
}

.c-datepicker-date-range-picker__header-year {
    color: #008EFF;
}

.c-datepicker-date-range-picker__header-month {
    color: #008EFF;
}

.panel-der .s-modulo {
    padding: .8rem .66rem;
    height: calc(100% - 1.2rem);
}

.resultados-citas {
    height: 15rem;
    overflow: auto;
    position: relative;
}

.resultados-citas__dia {
    margin-bottom: 1rem;
}

    .resultados-citas__dia:last-child {
        margin-bottom: 0;
    }

    .resultados-citas__dia .fecha {
        color: #307FE2;
        font-weight: 400;
        font-size: .77rem;
        margin-bottom: .4rem;
    }

        .resultados-citas__dia .fecha img {
            margin-right: .1rem;
        }

.resultados-citas .item-ac:last-child {
    color: #f00;
}

    .resultados-citas .item-ac:last-child .accordion-content {
        margin-bottom: 0rem;
    }

.card-cita {
    background: #F4F1FE;
    border-radius: 4px;
    padding: 8px;
    display: flex;
    position: relative;
    align-items: center;
    margin-bottom: 5px;
}

.card-cita__img {
    width: 1.8rem;
    min-width: 1.8rem;
}

    .card-cita__img img {
        width: 100%;
    }

.card-cita__txt {
    padding-left: .4rem;
    padding-right: 1.5rem;
}

    .card-cita__txt .hora {
        color: #307FE2;
        font-weight: 400;
        font-size: .77rem;
        margin-bottom: .3rem;
    }

        .card-cita__txt .hora img {
            margin-right: .1rem;
            vertical-align: bottom;
            margin-bottom: 2px;
        }

    .card-cita__txt h4 {
        margin: 0;
        font-size: .66rem;
        color: #000;
        font-weight: normal;
    }

.card-cita .ic-mas {
    position: absolute;
    right: .8rem;
    color: #008EFF;
    font-size: .9rem;
}

.integrantes__head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
    padding-top: 1rem;
}

.integrantes__head__count .item {
    display: inline-block;
    font-size: .88rem;
    color: #000;
    margin-right: 1rem;
}

    .integrantes__head__count .item span {
        border-radius: 50%;
        background-color: #008EFF;
        color: #fff;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 1.1rem;
        height: 1.1rem;
        font-size: .66rem;
        font-weight: bold;
    }

.integrantes__head__new a {
    color: #008EFF;
    font-size: .88rem;
}

@media only screen and (max-width: 991px) {
    .integrantes__head__new a.btn-desktop {
        display: none;
    }
}

.integrantes__head__new a.btn-mobile {
    display: none;
    color: #fff;
    height: 2.2rem;
}

    .integrantes__head__new a.btn-mobile img {
        margin-left: .2rem;
    }

@media only screen and (max-width: 991px) {
    .integrantes__head__new a.btn-mobile {
        display: inline-flex;
    }
}

.link-ver {
    font-size: .88rem;
    color: #008EFF;
    display: inline-flex;
    align-items: center;
}

    .link-ver img {
        margin-right: .2rem;
        width: 1rem;
    }

.card-titular {
    display: flex;
    background: #F5F5F5;
    padding: .83rem;
    border-radius: 4px;
}

@media only screen and (max-width: 991px) {
    .card-titular {
        background: transparent;
        padding: 0 0 1rem;
        border-bottom: 1px solid #F4F1FE;
    }
}

.card-titular__img {
    width: 7.6rem;
    min-width: 7.6rem;
}

    .card-titular__img img {
        width: 100%;
    }

.card-titular__txt {
    padding-left: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.card-titular__txt__top {
    padding-top: .3rem;
}

    .card-titular__txt__top h4 {
        margin: 0 0 .2rem;
        font-size: .88rem;
        font-weight: normal;
        color: #000;
    }

@media only screen and (max-width: 991px) {
    .card-titular__txt__top h4 {
        font-size: 1rem;
        font-weight: 700;
    }
}

.card-titular__txt__top p {
    margin: 0;
    font-size: .66rem;
    font-weight: normal;
    color: #000;
}

@media only screen and (max-width: 991px) {
    .card-titular__txt__top p {
        font-size: .88rem;
    }
}

.mb-1 {
    margin-bottom: 1rem;
}

.mb-2 {
    margin-bottom: 1.7rem;
}

.grid-familia {
    display: flex;
    justify-content: flex-start;
}

@media only screen and (max-width: 991px) {
    .grid-familia {
        flex-wrap: wrap;
        margin: 0 -.44rem;
    }
}

.card-familia {
    background: #F5F5F5;
    padding: .83rem;
    width: 9.2rem;
    text-align: center;
    border-radius: 4px;
    margin-right: 1.5rem;
}

    .card-familia:last-child {
        margin-right: 0;
    }

@media only screen and (max-width: 991px) {
    .card-familia {
        width: calc(50% - .88rem);
        margin: 0 .44rem .88rem;
        padding: 0 0 .5rem;
        background: #F1F8FE;
        border: 1px solid rgba(217, 217, 217, 0.5);
    }
}

.card-familia__img {
    width: 100%;
    margin-bottom: .5rem;
    position: relative;
}

@media only screen and (max-width: 991px) {
    .card-familia__img {
        margin-bottom: 0;
    }
}

.card-familia__img img {
    width: 100%;
    height: 8rem;
    object-fit: cover;
}

@media only screen and (max-width: 991px) {
    .card-familia__img img {
        height: 15rem;
    }
}

@media only screen and (max-width: 768px) {
    .card-familia__img img {
        height: 12rem;
    }
}

@media only screen and (max-width: 420px) {
    .card-familia__img img {
        height: 7rem;
    }
}

.card-familia__img .pendiente {
    position: absolute;
    color: #fff;
    font-size: .6rem;
    font-weight: bold;
    background: #9062F4;
    border-radius: 50px;
    padding: 3px 6px 3px 4px;
    display: inline-flex;
    align-items: center;
    right: .5rem;
    top: .5rem;
}

    .card-familia__img .pendiente img {
        width: 1rem;
        margin-right: .2rem;
    }

.card-familia__txt {
    text-align: left;
    margin-bottom: 1.5rem;
}

@media only screen and (max-width: 991px) {
    .card-familia__txt {
        padding: .6rem;
        border-bottom: 1px solid #F4F1FE;
        margin-bottom: .6rem;
    }
}

.card-familia__txt h4 {
    margin: 0 0 .2rem;
    font-size: .88rem;
    font-weight: normal;
    color: #000;
    min-height: 3.2rem;
}

@media only screen and (max-width: 991px) {
    .card-familia__txt h4 {
        font-weight: bold;
        min-height: 1rem;
    }
}

.card-familia__txt p {
    margin: 0;
    font-size: .66rem;
    font-weight: normal;
    color: #000;
}

.card-familia .reenviar img {
    width: 11px;
}

.panel-full {
    width: 100%;
}

.tabs-link {
    display: flex;
}

@media only screen and (max-width: 550px) {
    .tabs-link {
        max-width: 100%;
        overflow: auto;
    }
}

.tabs-link a {
    color: #008EFF;
    font-size: .88rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px 8px 0 0;
    background: #fff;
    padding: .4rem 1.2rem;
    margin-right: 5px;
    border-bottom: 3px solid #008EFF;
}

    .tabs-link a.activo {
        background: #008EFF;
        color: #fff;
    }

.acordeon .accordion {
    width: 100%;
    background-color: #F5F5F5;
    border: none;
    outline: none;
    text-align: left;
    padding: 15px 20px;
    font-size: 18px;
    color: #333;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.2s linear;
}

    .acordeon .accordion:after {
        font-family: FontAwesome;
        content: "\f078";
        font-family: 'Font Awesome\ 5 Free';
        font-weight: 900;
        font-size: 18px;
        float: right;
        color: #008EFF;
    }

    .acordeon .accordion.is-open:after {
        content: "\f077";
    }

    .acordeon .accordion:hover,
    .acordeon .accordion.is-open {
        background-color: #F5F5F5;
    }

.acordeon .accordion-content {
    background-color: white;
    padding: 0 20px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-in-out;
    margin-bottom: .8rem;
}

.acordeon.ac-morado .accordion {
    background: transparent;
    border: 1px solid #AA7BCA;
    position: relative;
}

@media only screen and (max-width: 550px) {
    .acordeon.ac-morado .accordion {
        font-size: 14px;
        padding: 15px 25px 15px 10px;
    }
}

.acordeon.ac-morado .accordion:after {
    color: #AA7BCA;
}

@media only screen and (max-width: 550px) {
    .acordeon.ac-morado .accordion:after {
        right: 8px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }
}

.acordeon.ac-morado .accordion.is-open {
    font-weight: 600;
    color: #fff;
    background: #AA7BCA;
}

    .acordeon.ac-morado .accordion.is-open:after {
        color: #fff;
    }

.acordeon.ac-morado .contenido-ac {
    padding: .83rem;
}

    .acordeon.ac-morado .contenido-ac p {
        font-weight: 300;
        font-size: .88rem;
    }

.filtros {
    display: flex;
    align-items: flex-end;
    margin-bottom: 2rem;
}

    .filtros .form-group {
        width: 9.3rem;
        margin-right: .88rem;
    }

        .filtros .form-group label {
            display: block;
            font-weight: normal;
            font-size: .88rem;
            margin-bottom: .2rem;
        }

            .filtros .form-group label b {
                font-weight: 500;
            }

        .filtros .form-group select {
            appearance: none;
            background-repeat: no-repeat;
            background-image: url("../images/bg-select.png");
            background-size: 10px auto;
            background-position: 96% center;
            background-color: transparent;
            border-radius: 4px;
            border: 1px solid #DEDEDE;
            width: 100%;
            height: 2.2rem;
            font-size: .66rem;
            padding: .5rem .7rem;
        }

        .filtros .form-group input {
            width: 100%;
            height: 2.2rem;
            font-size: .66rem;
            padding: .5rem .7rem;
            background-color: transparent;
            border-radius: 4px;
            border: 1px solid #DEDEDE;
        }

        .filtros .form-group .btn-filtro {
            background: #008EFF;
            color: #fff;
            height: 2.2rem;
            border-radius: 4px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: .88rem;
            width: 6.5rem;
            border: none;
        }

            .filtros .form-group .btn-filtro.small {
                width: 3rem;
            }

                .filtros .form-group .btn-filtro.small i {
                    font-size: .8rem;
                }

            .filtros .form-group .btn-filtro i {
                font-size: .66rem;
                margin-right: .2rem;
            }

.ac-examenes {
    display: flex;
    justify-content: space-between;
}

.ac-examenes__usuario {
    display: flex;
    align-items: center;
}

    .ac-examenes__usuario img {
        width: 1.88rem;
        min-width: 1.88rem;
        vertical-align: bottom;
        margin-right: .5rem;
        border-radius: 4px;
    }

    .ac-examenes__usuario p {
        font-size: .88rem;
        margin: 0;
        font-weight: 600;
    }

.ac-examenes__item {
    display: flex;
    align-items: flex-start;
}

    .ac-examenes__item img {
        margin-top: 2px;
        margin-right: 4px;
    }

    .ac-examenes__item p {
        font-size: .88rem;
        margin: 0;
        font-weight: 400;
    }

        .ac-examenes__item p span {
            font-weight: 300;
            font-style: italic;
        }

.w-tabla {
    padding: 1.5rem 0;
}

    .w-tabla .tabla-acciones {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        margin-bottom: 1rem;
    }

    .w-tabla .tabla-acciones__item {
        display: flex;
        align-items: center;
        margin-left: 1rem;
        font-size: .88rem;
        color: #872899;
        font-weight: bold;
    }

        .w-tabla .tabla-acciones__item span {
            border-bottom: 1px solid #872899;
            line-height: .9;
        }

        .w-tabla .tabla-acciones__item img {
            margin-right: 4px;
            max-height: 15px;
        }

    .w-tabla .tabla {
        width: 100%;
    }

        .w-tabla .tabla table {
            width: 100%;
            border-collapse: collapse;
        }

            .w-tabla .tabla table tr th {
                text-align: left;
                font-weight: 500;
                font-size: .88rem;
                padding: .4rem;
                border-bottom: 1px solid #ccc;
            }

                .w-tabla .tabla table tr th:last-child {
                    text-align: right;
                }

            .w-tabla .tabla table tr td {
                text-align: left;
                font-size: .88rem;
                font-weight: 300;
                border-bottom: 1px solid #ccc;
                padding: .4rem;
            }

                .w-tabla .tabla table tr td:last-child {
                    text-align: right;
                }

                .w-tabla .tabla table tr td a {
                    color: #008EFF;
                }

.examen-detalle__head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.5rem;
}

@media only screen and (max-width: 768px) {
    .examen-detalle__head {
        flex-direction: column-reverse;
    }
}

.examen-detalle__head h4 {
    margin: 0;
    font-weight: 400;
    font-size: .88rem;
    color: #000;
    padding-top: .4rem;
}

    .examen-detalle__head h4 b {
        font-weight: 500;
    }

.examen-detalle__head .links {
    display: flex;
}

@media only screen and (max-width: 768px) {
    .examen-detalle__head .links {
        justify-content: flex-end;
        width: 100%;
    }
}

.examen-detalle__datos {
    display: flex;
    margin-bottom: 1.8rem;
}

@media only screen and (max-width: 768px) {
    .examen-detalle__datos {
        flex-wrap: wrap;
        margin-bottom: .5rem;
    }
}

.examen-detalle__datos__usuario {
    display: flex;
    align-items: flex-start;
}

    .examen-detalle__datos__usuario img {
        width: 1.88rem;
        min-width: 1.88rem;
        vertical-align: bottom;
        margin-right: .5rem;
        border-radius: 4px;
    }

    .examen-detalle__datos__usuario p {
        font-size: .88rem;
        margin: 0;
        font-weight: 300;
    }

@media only screen and (max-width: 768px) {
    .examen-detalle__datos__usuario {
        width: 100%;
        margin-bottom: .7rem;
    }
}

.examen-detalle__datos__item {
    display: flex;
    align-items: flex-start;
    margin-left: 4rem;
}

@media only screen and (max-width: 768px) {
    .examen-detalle__datos__item {
        width: 100%;
        margin-left: 0;
        margin-bottom: .5rem;
    }
}

.examen-detalle__datos__item img {
    margin-top: 2px;
    margin-right: 4px;
}

.examen-detalle__datos__item p {
    font-size: .88rem;
    margin: 0;
    font-weight: 300;
}

.examen-detalle__img img {
    width: 100%;
}

.card-pago {
    background: #F5F5F5;
    border-radius: 6px;
    padding: .83rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: .83rem;
}

.card-pago__txt__titulo {
    font-size: .88rem;
    color: #008EFF;
    margin-bottom: .5rem;
    font-weight: 300;
}

    .card-pago__txt__titulo .revision {
        color: #F13F3F;
    }

    .card-pago__txt__titulo .disponible {
        color: #007A33;
    }

    .card-pago__txt__titulo img {
        width: .66rem;
    }

.card-pago__txt__datos {
    display: flex;
    align-items: center;
    padding-left: .9rem;
}

    .card-pago__txt__datos p {
        font-weight: 300;
        font-size: .88rem;
        margin-right: 5rem;
        margin-bottom: 0;
    }

        .card-pago__txt__datos p b {
            font-weight: 400;
        }

        .card-pago__txt__datos p:last-child {
            margin-right: 0;
        }

.card-pago__botones {
    display: flex;
}

    .card-pago__botones .btn {
        min-width: 5.8rem;
        margin-left: .83rem;
    }

.card-historial {
    background: #F5F5F5;
    border-radius: 6px;
    padding: .83rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: .83rem;
}

@media only screen and (max-width: 768px) {
    .card-historial {
        flex-direction: column;
        align-items: flex-start;
    }
}

.card-historial__txt__titulo {
    font-size: .88rem;
    color: #53565A;
    margin-bottom: .5rem;
    font-weight: 300;
}

    .card-historial__txt__titulo .revision {
        color: #F13F3F;
    }

    .card-historial__txt__titulo .disponible {
        color: #007A33;
    }

    .card-historial__txt__titulo img {
        width: .66rem;
    }

.card-historial__txt__datos {
    display: flex;
    align-items: center;
    padding-left: 0rem;
}

@media only screen and (max-width: 768px) {
    .card-historial__txt__datos {
        flex-direction: column;
        align-items: flex-start;
    }
}

.card-historial__txt__datos p {
    font-weight: 300;
    font-size: .88rem;
    margin-right: 5rem;
    margin-bottom: 0;
}

    .card-historial__txt__datos p b {
        font-weight: 400;
    }

    .card-historial__txt__datos p:last-child {
        margin-right: 0;
    }

.card-historial__botones {
    display: flex;
}

    .card-historial__botones .btn {
        min-width: 5.8rem;
        margin-left: .83rem;
    }

@media only screen and (max-width: 768px) {
    .card-historial__botones {
        align-items: center;
        width: 100%;
        justify-content: center;
        text-align: center;
        padding-top: 1rem;
    }

        .card-historial__botones .btn {
            width: 100%;
            margin-left: 0;
        }
}

.card-notificacion {
    background: #F5F5F5;
    border-radius: 4px;
    padding: 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: .83rem;
}

@media only screen and (max-width: 991px) {
    .card-notificacion {
        flex-direction: column;
    }
}

.card-notificacion:last-child {
    margin-bottom: 0;
}

.card-notificacion__txt {
    width: 100%;
}

@media only screen and (max-width: 991px) {
    .card-notificacion__txt {
        width: 100%;
        margin-bottom: 1rem;
    }
}

@media only screen and (max-width: 991px) {
    .card-notificacion__txt__top {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
}

.card-notificacion__txt__top .fecha {
    font-size: .66rem;
    color: #000;
}

.card-notificacion__txt__top .nuevo {
    font-size: .66rem;
    color: #F13F3F;
    display: inline-block;
    margin-left: .6rem;
}

.card-notificacion__txt h4 {
    font-weight: normal;
    color: #000;
    font-size: .88rem;
    margin: .3rem 0 .5rem;
}

@media only screen and (max-width: 991px) {
    .card-notificacion__txt h4 {
        font-weight: 700;
    }
}

.card-notificacion__txt p {
    font-size: .88rem;
    color: #53565A;
    font-weight: normal;
    margin-bottom: 0;
}

    .card-notificacion__txt p a {
        color: #000;
    }

@media only screen and (max-width: 991px) {
    .card-notificacion__botones {
        width: 100%;
    }
}

.card-solicitudes {
    background: #F5F5F5;
    border-radius: 6px;
    padding: .83rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: .83rem;
}

@media only screen and (max-width: 768px) {
    .card-solicitudes {
        flex-direction: column;
        align-items: flex-start;
    }
}

.card-solicitudes__txt__titulo {
    font-size: .88rem;
    color: #008EFF;
    margin-bottom: .5rem;
    font-weight: 300;
}

    .card-solicitudes__txt__titulo .revision {
        color: #F13F3F;
    }

    .card-solicitudes__txt__titulo .disponible {
        color: #007A33;
    }

    .card-solicitudes__txt__titulo img {
        width: .66rem;
    }

.card-solicitudes__txt__datos {
    display: flex;
    align-items: center;
    padding-left: 0rem;
}

    .card-solicitudes__txt__datos p {
        font-weight: 300;
        font-size: .88rem;
        margin-right: 5rem;
        margin-bottom: 0;
    }

        .card-solicitudes__txt__datos p b {
            font-weight: 400;
        }

        .card-solicitudes__txt__datos p:last-child {
            margin-right: 0;
        }

@media only screen and (max-width: 768px) {
    .card-solicitudes__txt__datos {
        flex-direction: column;
        padding-left: 0;
        align-items: flex-start;
    }

        .card-solicitudes__txt__datos p {
            margin-bottom: .5rem;
        }
}

.card-solicitudes__botones {
    display: flex;
}

    .card-solicitudes__botones .btn {
        min-width: 5.8rem;
        margin-left: .83rem;
    }

@media only screen and (max-width: 768px) {
    .card-solicitudes__botones {
        justify-content: center;
        width: 100%;
        margin-left: 0;
        padding-top: .2rem;
        flex-direction: column;
    }

        .card-solicitudes__botones .btn {
            margin-left: 0;
            margin-top: .6rem;
        }
}

.card-receta {
    background: #F5F5F5;
    border-radius: 6px;
    padding: 1rem .83rem;
    margin-bottom: .83rem;
    display: flex;
    justify-content: space-between;
}

    .card-receta.card-orden {
        display: block;
    }

@media only screen and (max-width: 768px) {
    .card-receta {
        flex-direction: column;
        align-items: flex-start;
    }
}

.card-receta__titulo {
    font-size: .88rem;
    color: #307FE2;
    font-weight: 500;
    margin-bottom: .8rem;
}

    .card-receta__titulo img {
        width: 10px;
        margin-right: .2rem;
    }

.card-receta__body {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.card-receta__txt__titulo {
    font-size: .88rem;
    color: #008EFF;
    margin-bottom: .5rem;
    font-weight: 300;
}

    .card-receta__txt__titulo .revision {
        color: #F13F3F;
    }

    .card-receta__txt__titulo .disponible {
        color: #007A33;
    }

    .card-receta__txt__titulo img {
        width: .66rem;
    }

.card-receta__txt__datos {
    display: flex;
    align-items: center;
    padding-left: 0rem;
}

    .card-receta__txt__datos div {
        display: flex;
        align-items: center;
        padding-right: 1rem;
    }

    .card-receta__txt__datos .nombre_receta {
        width: 18rem;
        max-width: 100%;
    }

    .card-receta__txt__datos .btn-ver-profesional {
        margin-right: 2rem;
    }

@media only screen and (max-width: 768px) {
    .card-receta__txt__datos div {
        margin-bottom: .5rem;
        padding-right: 0;
    }
}

.card-receta__txt__datos div p {
    padding-left: .5rem;
    margin-bottom: 0;
    font-size: .8rem;
}

    .card-receta__txt__datos div p b {
        font-weight: 600;
    }

.card-receta__txt__datos p {
    font-weight: 300;
    font-size: .88rem;
    margin-right: 5rem;
    margin-bottom: 0;
    min-width: 7rem;
}

    .card-receta__txt__datos p b {
        font-weight: 400;
    }

    .card-receta__txt__datos p:last-child {
        margin-right: 0;
    }

@media only screen and (max-width: 768px) {
    .card-receta__txt__datos {
        flex-direction: column;
        padding-left: 0;
        align-items: flex-start;
    }

        .card-receta__txt__datos p {
            margin-bottom: .5rem;
        }
}

.card-receta__botones {
    display: flex;
}

    .card-receta__botones .btn {
        min-width: 7rem;
        margin-left: 0rem;
    }

@media only screen and (max-width: 768px) {
    .card-receta__botones {
        justify-content: center;
        width: 100%;
        margin-left: 0;
        padding-top: .2rem;
        flex-direction: column;
    }

        .card-receta__botones .btn {
            margin-left: 0;
            margin-top: .6rem;
        }
}

.form-faq {
    margin-bottom: 1.66rem;
}

    .form-faq label {
        font-size: .88rem;
        color: #373737;
        display: block;
        font-weight: 600;
        margin-bottom: .5rem;
    }

    .form-faq input {
        appearance: none;
        background-repeat: no-repeat;
        background-image: url("../images/bg-select.png");
        background-size: 10px auto;
        background-position: 96% center;
        background-color: transparent;
        border-radius: 0;
        border: 1px solid #DEDEDE;
        width: 100%;
        height: 2.2rem;
        font-size: .66rem;
        padding: .5rem .6rem;
        border-radius: 4px;
        max-width: 25rem;
    }

.form-dudas .titulo-2 {
    margin-bottom: 1.5rem;
}

.form-dudas .form-group {
    margin-bottom: 2rem;
}

    .form-dudas .form-group:last-child {
        margin-bottom: 0;
    }

    .form-dudas .form-group label {
        font-weight: normal;
        font-size: .88rem;
        color: #000;
        margin-bottom: .2rem;
        display: block;
    }

    .form-dudas .form-group input {
        width: 100%;
        font-size: .7rem;
        height: 2.2rem;
        border-radius: 4px;
        border: 1px solid #DEDEDE;
        padding: .5rem;
    }

    .form-dudas .form-group textarea {
        width: 100%;
        font-size: .7rem;
        height: 6.8rem;
        border-radius: 4px;
        border: 1px solid #DEDEDE;
        padding: .7rem .5rem;
        resize: none;
    }

.form-dudas .btn {
    min-width: 5.9rem;
    margin: 0 auto .6rem;
}

.s-modulo .form-login-uc {
    padding: 4rem 0;
}

.s-modulo .avatares {
    margin-bottom: 5.5rem;
}

.nuevo-integrante {
    text-align: center;
}

    .nuevo-integrante .form-login-uc {
        padding: 0 0 2rem;
        width: 36rem;
        margin: 0 auto;
        max-width: 100%;
    }

        .nuevo-integrante .form-login-uc .row {
            margin-right: -30px;
            margin-left: -30px;
        }

            .nuevo-integrante .form-login-uc .row > [class^="col-"],
            .nuevo-integrante .form-login-uc .row > [class*=" col-"] {
                padding-right: 30px;
                padding-left: 30px;
            }

.mi-perfil {
    display: flex;
    justify-content: space-between;
}

@media only screen and (max-width: 991px) {
    .mi-perfil {
        flex-direction: column;
    }
}

.mi-perfil__izq {
    width: 59%;
    min-width: 59%;
}

@media only screen and (max-width: 991px) {
    .mi-perfil__izq {
        width: 100%;
        min-width: 100%;
        margin-bottom: 2rem;
    }
}

.mi-perfil__der {
    width: 32%;
    min-width: 32%;
    margin-right: 1rem;
}

@media only screen and (max-width: 991px) {
    .mi-perfil__der {
        width: 100%;
        margin-right: 0;
    }
}

.card-mis-datos {
    background: #F5F5F5;
    border-radius: 4px;
    padding: .83rem;
    display: flex;
}

@media only screen and (max-width: 991px) {
    .card-mis-datos {
        flex-direction: column-reverse;
        background: transparent;
    }
}

@media only screen and (max-width: 550px) {
    .card-mis-datos {
        padding: .83rem 0;
    }
}

.card-mis-datos__info {
    width: 60%;
    min-width: 60%;
    padding-right: .5rem;
}

@media only screen and (max-width: 991px) {
    .card-mis-datos__info {
        width: 100%;
        min-width: 100%;
    }
}

.card-mis-datos__info .item {
    margin-bottom: .8rem;
    position: relative;
    padding-right: 2rem;
}

@media only screen and (max-width: 991px) {
    .card-mis-datos__info .item {
        border-bottom: 1px solid #F4F1FE;
        padding-bottom: .7rem;
        margin-bottom: .7rem;
    }
}

.card-mis-datos__info .item h4 {
    margin: 0;
    color: #373737;
    font-size: .88rem;
    font-weight: 600;
}

.card-mis-datos__info .item p {
    margin: 0;
    color: #373737;
    font-size: .88rem;
    font-weight: 300;
}

.card-mis-datos__info .item .ic-editar {
    width: 1.1rem;
    height: 1.1rem;
    border-radius: 50%;
    background: #AA7BCA;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 0;
    bottom: 0;
}

@media only screen and (max-width: 991px) {
    .card-mis-datos__info .item .ic-editar {
        bottom: .7rem;
    }
}

.card-mis-datos__img {
    width: 40%;
    min-width: 40%;
    padding: 3px;
}

@media only screen and (max-width: 991px) {
    .card-mis-datos__img {
        width: 100%;
        min-width: 100%;
        text-align: center;
        margin-bottom: 1rem;
    }
}

.card-mis-datos__img img {
    max-width: 100%;
}

@media only screen and (max-width: 991px) {
    .card-mis-datos__img img {
        margin-bottom: 0rem;
    }
}

.card-mis-datos__img h4 {
    margin: 0 auto .2rem;
    font-size: 1.22rem;
    font-weight: bold;
    text-align: center;
    max-width: 300px;
}

.card-mis-datos__img p {
    font-size: .88rem;
    font-weight: 400;
    margin: 0;
    text-align: center;
}

.w-modulo {
    border: 1px solid rgba(217, 217, 217, 0.5);
    border-radius: 7px;
    padding: 1rem;
}

.head-mi-familia {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .head-mi-familia a {
        color: #008EFF;
        font-size: .88rem;
        margin-bottom: .8rem;
        display: inline-block;
    }

.card-familia.tipo2 {
    background: transparent;
    padding: 0;
    max-width: 100%;
    margin-bottom: 2rem;
}

@media only screen and (max-width: 991px) {
    .card-familia.tipo2 {
        width: 100%;
    }
}

.card-familia.tipo2 .card-familia__img {
    margin-bottom: .2rem;
}

.card-familia.tipo2 .card-familia__txt {
    margin-bottom: .7rem;
}

    .card-familia.tipo2 .card-familia__txt h4 {
        min-height: 2rem;
    }

.panel-editar {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    overflow: auto;
    visibility: hidden;
    transition: all .5s ease;
    display: flex;
    justify-content: flex-end;
    opacity: 0;
}

    .panel-editar .w-panel {
        width: 24rem;
        max-width: 100%;
        height: 100%;
        background: #fff;
        transition: all .5s ease;
        transform: translateX(100%);
    }

    .panel-editar.visible {
        visibility: visible;
        opacity: 1;
    }

        .panel-editar.visible .w-panel {
            transform: translateX(0);
        }

.panel-editar__head {
    position: relative;
    padding: 3rem 1.5rem 2rem;
    background: #fff;
}

    .panel-editar__head a.volver-atras {
        position: absolute;
        left: 0;
        width: 30px;
        height: 30px;
        border-radius: 4px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid #008EFF;
        left: 2rem;
        padding: 2px;
    }

        .panel-editar__head a.volver-atras img {
            max-width: 100%;
        }

    .panel-editar__head h2 {
        font-size: 1.27rem;
        margin: 0;
        color: #53565A;
        text-align: center;
    }

@media only screen and (max-width: 991px) {
    .panel-editar__head h2 {
        font-size: 1rem;
    }
}

.panel-editar__content {
    padding: 6rem 1rem 0;
}

    .panel-editar__content .form-login-uc {
        width: 15.7rem;
        max-width: 100%;
        margin: 0 auto;
    }

@media only screen and (max-width: 991px) {
    .hide-mobile {
        display: none !important;
    }
}

.hide-desktop {
    display: none !important;
}

@media only screen and (max-width: 991px) {
    .hide-desktop {
        display: block !important;
    }
}

@media only screen and (max-width: 991px) {
    .btn-desktop {
        display: none !important;
    }
}

.btn-mobile {
    display: none !important;
}

@media only screen and (max-width: 991px) {
    .btn-mobile {
        display: flex !important;
    }
}

.card-examen-mobile {
    border-radius: 4px;
    border: 1px solid rgba(217, 217, 217, 0.5);
    margin-bottom: .88rem;
}

.card-examen-mobile__head {
    background: rgba(217, 217, 217, 0.5);
    display: flex;
    align-items: center;
    padding: .66rem;
}

.card-examen-mobile__head__img {
    width: 2.2rem;
}

    .card-examen-mobile__head__img img {
        width: 100%;
        border-radius: 4px;
    }

.card-examen-mobile__head__txt {
    padding-left: .5rem;
}

    .card-examen-mobile__head__txt h4 {
        margin: 0 0 .2rem;
        font-weight: 600;
        font-size: .88rem;
    }

    .card-examen-mobile__head__txt p {
        font-weight: normal;
        font-size: .88rem;
        margin-bottom: 0;
    }

.card-examen-mobile__body {
    padding: .66rem;
}

.card-examen-mobile__body__item {
    display: flex;
    align-items: flex-start;
    margin-bottom: .6rem;
}

    .card-examen-mobile__body__item img {
        margin-top: .2rem;
    }

    .card-examen-mobile__body__item p {
        font-size: .88rem;
        margin-bottom: 0;
        margin-left: .4rem;
    }

.card-examen-mobile__body .btn {
    margin-top: 1rem;
}

.w-btn-filtrar {
    display: flex;
    justify-content: flex-end;
    padding: .5rem 0 1.2rem;
}

    .w-btn-filtrar .btn img {
        margin-left: .3rem;
    }

.ver-todos-medicos.oculto {
    display: none;
}

.ver-todos-medicos i {
    margin-left: .4rem;
}

.ocultar-todos-medicos.oculto {
    display: none;
}

.ocultar-todos-medicos i {
    margin-left: .4rem;
}

.pb-calendar .top-frame {
    margin-bottom: 1rem;
    padding-top: 0;
}

    .pb-calendar .top-frame > .year-month-frame {
        font-size: .7rem;
        padding-left: 0;
        line-height: 1.3;
        font-weight: 700;
    }

.pb-calendar > .calendar-head-frame > .row > .col,
.pb-calendar > .calendar-body-frame > .row > .col {
    font-size: .66rem;
    height: 1.4rem;
    padding: .2rem .2rem;
}

    .pb-calendar > .calendar-body-frame > .row > .col > .schedule-dot-list {
        margin-top: 0;
        text-align: center;
        justify-content: center;
        flex-wrap: wrap;
        display: flex;
        padding: 0 5px;
        width: 100%;
        position: absolute;
        bottom: 1.5rem;
        height: auto;
        left: 0;
    }

.pb-calendar .top-frame > .year-month-frame .year {
    color: #008EFF;
    margin-left: .2rem;
}

.pb-calendar .top-frame > .year-month-frame .month {
    color: #008EFF;
    text-transform: capitalize;
}

.pb-calendar .top-frame > .control-frame > .control-btn > .icon {
    height: 18px;
}

.pb-calendar .top-frame > .control-frame > .control-btn + .control-btn {
    margin-left: 15px;
}

.pb-calendar > .calendar-head-frame > .row > .col,
.pb-calendar > .calendar-body-frame > .row > .col {
    font-size: .66rem;
    height: 1.5rem;
}

@media only screen and (max-width: 550px) {
    .pb-calendar > .calendar-head-frame > .row > .col,
    .pb-calendar > .calendar-body-frame > .row > .col {
        height: 1.7rem;
    }
}

.pb-calendar .schedule-dot-item.color1 {
    background-color: #008EFF;
}

.pb-calendar .schedule-dot-item.color2 {
    background-color: #671E75;
}

.pb-calendar .schedule-dot-item.color3 {
    background-color: #AA7BCA;
}

.pb-calendar .schedule-dot-item.color4 {
    background-color: #32588B;
}

.pb-calendar .schedule-dot-item.color5 {
    background-color: #008EFF;
}

.pb-calendar .schedule-dot-item.color6 {
    background-color: #671E75;
}

.pb-calendar .schedule-dot-item.color7 {
    background-color: #AA7BCA;
}

.pb-calendar .schedule-dot-item.color8 {
    background-color: #32588B;
}

.carrusel-medicos-frec .tns-nav {
    display: none;
}

.carrusel-medicos-frec .tns-controls button {
    opacity: .4;
}

    .carrusel-medicos-frec .tns-controls button:hover {
        opacity: 1;
    }

    .carrusel-medicos-frec .tns-controls button:disabled {
        display: none;
    }

.carrusel-mis-horas .tns-controls button {
    opacity: .4;
}

    .carrusel-mis-horas .tns-controls button:first-child {
        left: -1.66rem;
    }

    .carrusel-mis-horas .tns-controls button:last-child {
        right: -1.66rem;
    }

    .carrusel-mis-horas .tns-controls button:hover {
        opacity: 1;
    }

    .carrusel-mis-horas .tns-controls button:disabled {
        display: none;
    }

.ac-citas .item-ac {
    background: #F4F1FE;
}

.ac-citas .accordion {
    padding: 0;
    position: relative;
}

    .ac-citas .accordion .card-cita {
        margin-bottom: 0;
    }

    .ac-citas .accordion:after {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: .7rem;
    }

.ac-citas .content-cita {
    background: #F4F1FE;
    padding-right: 10px;
}

    .ac-citas .content-cita .item-c-cita {
        display: flex;
        align-items: center;
        padding-left: 1.25rem;
    }

        .ac-citas .content-cita .item-c-cita:last-child {
            padding-bottom: .6rem;
        }

    .ac-citas .content-cita .item-c-cita__ic {
        text-align: center;
        width: 1.2rem;
        min-width: 1.2rem;
    }

    .ac-citas .content-cita .item-c-cita p {
        margin: 0;
        font-size: .66rem;
        color: #000;
        font-weight: normal;
    }

.ver-calendario.oculto {
    display: none;
}

.panel-calendar {
    display: none;
}

    .panel-calendar.visible {
        display: block;
    }

.mas-medicos-frec {
    display: none;
}

    .mas-medicos-frec.visible {
        display: block;
    }

.modal-filtro {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    background: rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease;
}

    .modal-filtro.visible {
        opacity: 1;
        visibility: visible;
    }

    .modal-filtro .w-modal {
        background: #fff;
        width: 364px;
        max-width: 100%;
        position: relative;
        padding: 1.5rem;
    }

        .modal-filtro .w-modal .cerrar-modal {
            position: absolute;
            top: 1rem;
            right: 1rem;
            cursor: pointer;
        }

        .modal-filtro .w-modal .titulo-2 {
            font-size: 1.4rem;
        }

        .modal-filtro .w-modal .btn {
            width: 100%;
        }

            .modal-filtro .w-modal .btn i {
                font-size: .7rem;
                margin-right: .2rem;
            }

.menu-interior {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 1rem;
}

.compartir-examen {
    text-align: left;
}

    .compartir-examen .bloque-destinatario.oculto {
        display: none;
    }

    .compartir-examen .bloque-destinatario__titulo {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        .compartir-examen .bloque-destinatario__titulo .btn {
            margin-bottom: 1rem;
            padding-right: 0;
        }

    .compartir-examen .form-login-uc {
        padding: 0 0 2rem;
        width: 36rem;
        margin: 0 auto;
        max-width: 100%;
    }

        .compartir-examen .form-login-uc .row {
            margin-right: -30px;
            margin-left: -30px;
        }

            .compartir-examen .form-login-uc .row > [class^="col-"],
            .compartir-examen .form-login-uc .row > [class*=" col-"] {
                padding-right: 30px;
                padding-left: 30px;
            }

    .compartir-examen .titulo-2 {
        margin-bottom: 1.2rem;
    }

    .compartir-examen .form-check {
        margin-bottom: 3rem;
    }

.ui-datepicker {
    font-family: "Montserrat", sans-serif;
    border: 1px solid #dedede;
}

    .ui-datepicker .ui-datepicker-header {
        background: #fff;
        border: none;
    }

    .ui-datepicker .ui-datepicker-title {
        color: #008EFF;
        font-size: 1rem;
    }

    .ui-datepicker th {
        font-size: .77rem;
    }

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    background: transparent;
    text-align: center;
    border: none;
    font-size: .77rem;
}

.progress {
    height: 3px;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 4px;
    margin-top: 2px;
}

    .progress .progress-bar {
        float: left;
        width: 0;
        height: 100%;
        font-size: 12px;
        line-height: 20px;
        color: #fff;
        text-align: center;
        background-color: transparent;
        transition: width .6s ease;
    }

    .progress .progress-bar-success {
        background: #A0EF62;
    }

    .progress .progress-bar-info {
        background: #FFD600;
    }

    .progress .progress-bar-warning {
        background: #FFD600;
    }

    .progress .progress-bar-danger {
        background: #D7443E;
    }

.pika-prev-year {
    position: absolute;
    left: 0;
    border: none;
    width: 1rem;
    background: transparent;
    font-size: 0;
    top: .25rem;
}

    .pika-prev-year:after {
        font-family: FontAwesome;
        content: "\f100";
        font-family: 'Font Awesome\ 5 Free';
        font-weight: 900;
        font-size: 16px;
        color: #777;
    }

.pika-prev {
    margin-left: 1.5rem;
}

.pika-next-year {
    position: absolute;
    right: .8rem;
    border: none;
    width: 1rem;
    background: transparent;
    font-size: 0;
    top: .25rem;
}

    .pika-next-year:after {
        font-family: FontAwesome;
        content: "\f101";
        font-family: 'Font Awesome\ 5 Free';
        font-weight: 900;
        font-size: 16px;
        color: #777;
    }

    .pika-next-year.is-disabled {
        opacity: .3;
    }

.pika-next {
    margin-right: 1.7rem;
}

.pika-label {
    color: #008EFF;
}

.splash {
    position: fixed;
    z-index: 200000 !important;
    background: rgba(255, 255, 255, 0.7);
    color: gray;
    top: 0;
    bottom: 0;
    align-items: center;
    justify-content: center;
    left: 0;
    flex-direction: column;
    display: flex;
    right: 0;
}

.splash-title {
    text-align: center;
    max-width: 500px;
    margin: 0 auto;
    padding: 20px;
    color: #666;
}

    .splash-title h1 {
        font-size: 22px;
        padding-top: 0;
        margin-top: -2rem;
    }

.cargando {
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0, 0, 0, 0.8);
    z-index: 999999;
    color: #508694;
}

.cargandoContenedor {
    margin: -10% 0 0;
    text-align: center;
}

    .cargandoContenedor span {
        font-size: 2em;
        font-family: arial;
        font-weight: bold;
        color: black;
        transition: color 3s linear;
        -webkit-transition: color 3s linear;
        /* Chrome y Safari */
        -o-transition: color 3s linear;
        /* Opera */
        -moz-transition: color 3s linear;
        /* Mozilla Firefox */
        -ms-transition: color 3s linear;
        /* Internet Explorer */
    }

.textoCargando {
    margin: 30px;
    display: block;
    font-size: 1.2em;
}

.iconoCargando {
    font-size: 3em;
    width: 47px;
    display: inline-block;
    margin: auto;
    animation: spin 50ms infinite linear;
}

.s-modulo .row-small {
    position: relative;
}

.carrusel-medicos-frec {
    position: relative;
}

.resultados-filtrado {
    position: relative;
}

.w-filtro-botones {
    display: flex;
    justify-content: space-between;
}

.botones-instructivos .btn-instructivo {
    display: flex;
    width: 12rem;
    max-width: 100%;
    background: #46A5F1;
    border-radius: 3px;
    justify-content: space-between;
    overflow: hidden;
    margin-bottom: .3rem;
    transition: all .3s ease;
}

    .botones-instructivos .btn-instructivo:hover {
        opacity: .9;
    }

    .botones-instructivos .btn-instructivo .izq {
        display: flex;
        align-items: center;
        padding: .4rem .2rem;
    }

        .botones-instructivos .btn-instructivo .izq img {
            margin-right: .2rem;
            width: .88rem;
        }

        .botones-instructivos .btn-instructivo .izq h4 {
            font-size: .66rem;
            color: #fff;
            margin: 0;
            font-weight: 500;
        }

        .botones-instructivos .btn-instructivo .izq p {
            font-size: .55rem;
            color: #fff;
            margin: 0;
            font-weight: 400;
        }

    .botones-instructivos .btn-instructivo .der {
        padding: 0.2rem;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 3.5rem;
        min-width: 2.7rem;
        background: #307FE2;
    }

        .botones-instructivos .btn-instructivo .der p {
            font-size: .48rem;
            color: #fff;
            margin: 0;
            font-weight: 400;
        }

    .botones-instructivos .btn-instructivo.azul2 {
        background: #527DB7;
    }

        .botones-instructivos .btn-instructivo.azul2 .der {
            background: #32588B;
        }

.botones-instructivos.tipo2 {
    display: flex;
    align-items: center;
}

    .botones-instructivos.tipo2 .btn-instructivo {
        flex-direction: column;
        width: 7.8rem;
        margin-left: .8rem;
    }

        .botones-instructivos.tipo2 .btn-instructivo .izq {
            text-align: center;
            justify-content: center;
            padding: .3rem .2rem;
        }

        .botones-instructivos.tipo2 .btn-instructivo .der {
            width: 100%;
            padding: .3rem;
            text-align: center;
        }

            .botones-instructivos.tipo2 .btn-instructivo .der img {
                vertical-align: bottom;
            }

.placeholder {
    position: absolute;
    left: 0.5rem;
    font-size: .7rem;
    top: 1.7rem;
}

@media only screen and (max-width: 550px) {
    .placeholder {
        top: 1.9rem;
    }
}

#fono_movil {
    padding-left: 2.5rem;
}

.card-hm {
    border: 0.5px solid #DEDEDE;
    border-radius: 4px;
    margin-bottom: 1rem;
}

.card-hm__datos {
    padding: .5rem;
    display: flex;
}

.card-hm__datos__item {
    display: flex;
    color: #307FE2;
    font-size: .8rem;
    margin-right: 1rem;
}

    .card-hm__datos__item img {
        margin-right: .2rem;
    }

    .card-hm__datos__item:last-child {
        margin-right: 0;
    }

.card-hm__body {
    display: flex;
    align-items: center;
    padding: .5rem .5rem .8rem;
}

.card-hm__body__user {
    display: flex;
    align-items: center;
}

    .card-hm__body__user:first-child {
        border-right: 1px solid #DEDEDE;
        padding-right: 1rem;
        margin-right: 1rem;
    }

    .card-hm__body__user img {
        width: 1.7rem;
        min-width: 1.7rem;
    }

    .card-hm__body__user .texto {
        padding-left: .3rem;
    }

        .card-hm__body__user .texto h4 {
            margin: 0;
            font-size: .89rem;
            font-weight: 600;
            color: #373737;
        }

        .card-hm__body__user .texto h5 {
            margin: 0;
            font-size: .77rem;
            font-weight: 600;
            color: #373737;
        }

        .card-hm__body__user .texto p {
            font-size: .77rem;
            margin-bottom: 0;
        }

.card-hm__footer {
    background: #F1F8FE;
    padding: .5rem;
    display: flex;
}

@media only screen and (max-width: 400px) {
    .card-hm__footer {
        flex-direction: initial;
    }
}

.card-hm__footer a {
    font-size: .83rem;
    margin-right: 1.2rem;
    width: auto;
    height: auto;
}

@media only screen and (max-width: 400px) {
    .card-hm__footer a {
        margin-right: 14px;
        margin-bottom: .5rem;
    }
}

.card-hm__footer a.btn-anular {
    color: #53565A;
}

.card-hm__footer a.btn-confirmar {
    color: #307FE2;
}

.card-hm__footer a.btn-confirmada {
    color: #007A33;
}

.card-hm__footer a.btn-pagar {
    color: #872899;
}

.daterangepicker {
    font-family: "Montserrat", sans-serif;
    z-index: 999;
}

@media only screen and (max-width: 550px) {
    .daterangepicker {
        flex-direction: column;
    }
}

.daterangepicker .custom-range-buttons button.apply-btn {
    background: #017ee2;
}

.subir-avatar {
    text-align: center;
    padding: 3%;
}

    .subir-avatar input {
        display: none;
    }

    .subir-avatar label {
        cursor: pointer;
    }

    .subir-avatar #imageName {
        color: green;
    }

@media only screen and (max-width: 550px) {
    .c-datepicker-date-range-picker {
        width: 300px;
        left: 1rem !important;
    }
}

@media only screen and (max-width: 550px) {
    .c-datepicker-picker__body-content {
        display: flex;
        flex-direction: column;
    }
}

@media only screen and (max-width: 550px) {
    .c-datepicker-date-range-picker-panel__wrap {
        width: 100%;
    }
}

/*--CAMBIOS 29/09---*/
.card-hora-medica.v2 {
    padding: .8rem;
}

    .card-hora-medica.v2 .titulo-hora {
        display: flex;
        align-items: center;
        margin-bottom: .5rem;
    }

        .card-hora-medica.v2 .titulo-hora p {
            margin-bottom: 0;
            margin-left: .5rem;
        }

    .card-hora-medica.v2 .card-hora-medica__content {
        margin-bottom: 0;
    }

    .card-hora-medica.v2 .card-hora-medica__content__txt .meta {
        margin-bottom: 1rem;
    }

        .card-hora-medica.v2 .card-hora-medica__content__txt .meta .fecha {
            margin-right: 1.1rem;
        }

        .card-hora-medica.v2 .card-hora-medica__content__txt .meta .centro {
            font-size: .66rem;
            margin-left: 1.1rem;
        }

    .card-hora-medica.v2 .card-hora-medica__botones {
        justify-content: flex-start;
    }

        .card-hora-medica.v2 .card-hora-medica__botones .btn:first-child {
            margin-left: 0;
        }

.huincha-info {
    padding-right: .5rem;
}

.mod-mis-beneficios {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .mod-mis-beneficios h2 {
        padding-left: 1rem;
    }

    .mod-mis-beneficios .cards-ben {
        display: flex;
        align-items: center;
    }

        .mod-mis-beneficios .cards-ben .card-beneficio {
            margin-left: 1rem;
            background: #fff;
            padding: .2rem .5rem;
        }

            .mod-mis-beneficios .cards-ben .card-beneficio .card-beneficio__txt h4 {
                font-size: .88rem;
                font-weight: 500;
            }

            .mod-mis-beneficios .cards-ben .card-beneficio .card-beneficio__txt a {
                border: none;
                font-size: .72rem;
                /* font-weight: 300;*/
                display: block;
                padding: .2rem;
                text-align: center;
                border-radius: 4px;
            }

                .mod-mis-beneficios .cards-ben .card-beneficio .card-beneficio__txt a.btn-azul {
                    background: #307FE2;
                    color: #fff;
                }

                .mod-mis-beneficios .cards-ben .card-beneficio .card-beneficio__txt a.btn-morado {
                    background: #872899;
                    color: #fff;
                }

.filtros .form-group.small {
    max-width: 10rem;
}

@media only screen and (max-width: 768px) {
    .filtros .form-group.small {
        max-width: 100%;
    }
}

.ac-anatomia .ac-examenes__item p {
    font-size: .77rem;
}

.uc-paginator.c-res {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .uc-paginator.c-res .num-resultados {
        color: #767575;
        font-size: .66rem;
    }

        .uc-paginator.c-res .num-resultados span {
            font-weight: bold;
        }

/*--FIN CAMBIOS 29/09---*/
/*--CAMBIOS 07/09----*/
/* Safari 11+ */
@media not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-appearance: none) and (stroke-color: transparent) {
        #page-loader .cargandoContenedor img {
            animation: spin 2s linear infinite;
        }

        .w-cargando .lds-roller {
            animation: spin 2s linear infinite;
        }
    }
}

@media not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-appearance: none) and (not (stroke-color: transparent)) {
        #page-loader .cargandoContenedor img {
            animation: spin 2s linear infinite;
        }

        .w-cargando .lds-roller {
            animation: spin 2s linear infinite;
        }
    }
}

@keyframes spin {
    100% {
        transform: rotate(360deg);
    }
}

.nuevo-integrante-avatar {
    max-width: 100%;
    min-height: 80vh;
}

    .nuevo-integrante-avatar .box-login-uc--big {
        max-width: 100%;
    }

@media only screen and (max-width: 768px) {
    .nuevo-integrante-avatar .subir-avatar {
        text-align: center !important;
        padding: 7rem 0 0 !important;
        position: absolute !important;
        margin-top: 0;
        right: 0;
        left: 0;
    }
}

.c-datepicker-date-range-picker__header-month span {
    font-size: 0;
}

    .c-datepicker-date-range-picker__header-month span:after {
        display: inline-block;
        font-size: 1rem;
    }

    .c-datepicker-date-range-picker__header-month span.enero:after {
        content: "Ene";
    }

    .c-datepicker-date-range-picker__header-month span.febrero:after {
        content: "Feb";
    }

    .c-datepicker-date-range-picker__header-month span.marzo:after {
        content: "Mar";
    }

    .c-datepicker-date-range-picker__header-month span.abril:after {
        content: "Abr";
    }

    .c-datepicker-date-range-picker__header-month span.mayo:after {
        content: "May";
    }

    .c-datepicker-date-range-picker__header-month span.junio:after {
        content: "Jun";
    }

    .c-datepicker-date-range-picker__header-month span.julio:after {
        content: "Jul";
    }

    .c-datepicker-date-range-picker__header-month span.agosto:after {
        content: "Ago";
    }

    .c-datepicker-date-range-picker__header-month span.septiembre:after {
        content: "Sep";
    }

    .c-datepicker-date-range-picker__header-month span.octubre:after {
        content: "Oct";
    }

    .c-datepicker-date-range-picker__header-month span.noviembre:after {
        content: "Nov";
    }

    .c-datepicker-date-range-picker__header-month span.diciembre:after {
        content: "Dic";
    }

.daterangepicker .periods li:nth-child(3) {
    display: none;
}

.daterangepicker .periods li:nth-child(4) {
    display: none;
}

.calendario-citas__form .c-datepicker-date-editor {
    position: relative;
    z-index: 3;
    background: transparent;
}

    .calendario-citas__form .c-datepicker-date-editor input {
        opacity: 0;
    }

    .calendario-citas__form .c-datepicker-date-editor span {
        margin-top: -.2rem;
    }

.modal-descarga {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .modal-descarga .w-modal {
        background: #fff;
        width: 20rem;
        padding: 2rem;
        height: 10rem;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        border-radius: 20px;
        flex-direction: column;
    }

        .modal-descarga .w-modal i {
            margin-bottom: .5rem;
            font-size: 2rem;
            color: #007A33;
        }

        .modal-descarga .w-modal p {
            line-height: 1.2;
        }

.w-cal-citas {
    position: absolute;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: calc(100% - 4rem);
    padding-left: 1rem;
    max-width: 14rem;
}

    .w-cal-citas .text-cal1 {
        height: 2.2rem;
        justify-content: center;
        align-items: center;
        display: flex;
        width: 35%;
        text-align: center;
        font-size: .6rem;
        color: #333;
    }

    .w-cal-citas .text-cal2 {
        height: 2.2rem;
        justify-content: center;
        align-items: center;
        display: flex;
        width: 35%;
        text-align: center;
        font-size: .6rem;
        color: #333;
    }

    .w-cal-citas .text-cal1b {
        height: 2.2rem;
        justify-content: center;
        align-items: center;
        display: flex;
        width: 35%;
        text-align: center;
        font-size: .6rem;
        color: #333;
    }

    .w-cal-citas .text-cal2b {
        height: 2.2rem;
        justify-content: center;
        align-items: center;
        display: flex;
        width: 35%;
        text-align: center;
        font-size: .6rem;
        color: #333;
    }

    .w-cal-citas span {
        vertical-align: middle;
        margin-bottom: 0rem;
        display: inline-block;
        font-size: .6rem;
        color: #333;
    }

.calendario-citas__form .c-datepicker-date-editor span {
    display: none;
}

/*--FIN CAMBIOS 07/09----*/
.daterangepicker .periods {
    display: none;
}

.limpiar-busqueda {
    font-size: .8rem;
    margin-bottom: .5rem;
    display: block;
    max-width: 314px;
}

    .limpiar-busqueda i {
        font-size: .7rem;
    }

.mis-horas-medicas .card-hm__datos__item img {
    max-width: 16px;
}

@media only screen and (max-width: 991px) {
    .mis-horas-medicas {
        flex-direction: column;
    }

        .mis-horas-medicas .panel-izq {
            width: 100%;
            margin-bottom: 1rem;
        }

        .mis-horas-medicas .panel-der {
            width: 100%;
            margin-left: 0;
        }
}

@media only screen and (max-width: 768px) {
    .mis-horas-medicas .card-hm__datos {
        flex-direction: column;
    }

        .mis-horas-medicas .card-hm__datos .card-hm__datos__item {
            margin-bottom: .2rem;
        }

    .mis-horas-medicas .card-hm__body {
        flex-direction: column;
    }

        .mis-horas-medicas .card-hm__body .card-hm__body__user {
            width: 100%;
        }

            .mis-horas-medicas .card-hm__body .card-hm__body__user:first-child {
                padding-right: 0;
                margin-right: 0;
                border: none;
                margin-bottom: 1rem;
            }
}

.card-hora-medica__botones .btn--verde {
    width: auto;
    min-width: 6rem;
}

.tabla-imagenes {
    width: 100%;
    overflow: auto;
}

    .tabla-imagenes table {
        border-collapse: collapse;
        margin-bottom: 1rem;
        min-width: 100%;
    }

        .tabla-imagenes table thead {
            border-radius: 4px;
        }

            .tabla-imagenes table thead tr th {
                font-size: .6rem;
                text-align: left;
                color: #373737;
                background: #F5F5F5;
                font-weight: 500;
                padding: .8rem .3rem;
                line-height: 1.1;
            }

        .tabla-imagenes table tbody tr {
            border-bottom: 1px solid #A5A5A5;
        }

            .tabla-imagenes table tbody tr td {
                font-size: .6rem;
                color: #373737;
                padding: .3rem .3rem;
            }

                .tabla-imagenes table tbody tr td:nth-child(1) {
                    max-width: 72px !important;
                    width: 77px !important;
                }

                .tabla-imagenes table tbody tr td:nth-child(8) {
                    max-width: 110px;
                }

                .tabla-imagenes table tbody tr td:nth-child(9) {
                    max-width: 72px !important;
                    width: 77px !important;
                }

                .tabla-imagenes table tbody tr td:last-child {
                    text-align: center;
                    color: #F13F3F;
                }

                .tabla-imagenes table tbody tr td .dejar-compartir {
                    font-size: 1rem;
                    color: #F13F3F;
                }

@media only screen and (max-width: 550px) {
    .pagination {
        flex-wrap: wrap;
        align-items: center !important;
        text-align: center;
    }

        .pagination.justify-content-end {
            justify-content: center !important;
        }

        .pagination .uc-paginator-goto {
            width: 100%;
            text-align: center;
            margin-bottom: 1rem;
        }
}

.w-flex {
    display: flex;
    flex-direction: column;
}

@media only screen and (max-width: 991px) {
    iframe#ssChatbot._ss_cb_welcomeExpanded {
        bottom: 5.5rem;
    }
}

iframe#ssChatbot._ss_cb_welcomeExpanded._ss_cb_isMobile {
    bottom: 5.5rem !important;
}

iframe#ssChatbot._ss_cb_isMobile {
    bottom: 5.5rem !important;
}

.card-prox-hora {
    background: #fff;
    border: 1px solid rgba(217, 217, 217, 0.5);
    border-radius: 8px;
    padding: .4rem;
}

    .card-prox-hora .card-medico-frec__content {
        border-bottom: none;
        padding-bottom: 0;
        margin-bottom: 0;
    }

    .card-prox-hora .card-medico-frec__content__img {
        width: 3.5rem;
        min-width: 3.5rem;
    }

    .card-prox-hora .meta {
        color: #307FE2;
        font-weight: 300;
        font-size: .77rem;
        display: flex;
        margin-top: .4rem;
    }

        .card-prox-hora .meta img {
            margin-right: .2rem;
        }

        .card-prox-hora .meta div {
            display: flex;
            align-items: center;
        }

        .card-prox-hora .meta .fecha {
            margin-right: 1.5rem;
        }

@media only screen and (max-width: 768px) {
    .carrusel-grupo-familiar .tns-controls button {
        opacity: .4;
    }

        .carrusel-grupo-familiar .tns-controls button:first-child {
            left: -1.66rem;
        }

        .carrusel-grupo-familiar .tns-controls button:last-child {
            right: -1.66rem;
        }
}

@media only screen and (max-width: 400px) {
    .card-hora-medica__content__txt .meta {
        justify-content: space-between;
        font-size: .7rem;
    }

        .card-hora-medica__content__txt .meta .fecha {
            margin-right: .5rem;
        }
}

@media only screen and (max-width: 400px) {
    .card-prox-hora .meta {
        justify-content: space-between;
        font-size: .7rem;
    }

        .card-prox-hora .meta .fecha {
            margin-right: .5rem;
        }
}

@media only screen and (max-width: 550px) {
    .carrusel .tns-nav {
        margin-top: 10px;
    }
}

.c-proximas {
    display: flex;
}

.card-prox-hora {
    height: 100%;
}

.tabs-link a {
    line-height: 1.1;
}

@media only screen and (max-width: 550px) {
    .tabs-link a {
        line-height: 1;
    }
}

@media only screen and (max-width: 550px) {
    .form-group .placeholder {
        top: 2.28rem !important;
    }
}

@media only screen and (max-width: 400px) {
    .btn3 {
        width: 100% !important;
    }
}

.botones-pagos {
    display: flex;
}

    .botones-pagos .btn {
        flex: 1;
    }

        .botones-pagos .btn:nth-child(2) {
            margin-left: .5rem;
        }

.s-modulo .uc-paginator.c-res {
    flex-wrap: wrap;
    overflow: auto;
}

.s-modulo .pagination {
    margin-bottom: .5rem;
}

.s-modulo .num-resultados {
    margin-bottom: .5rem;
}

.s-modulo .page-link {
    font-size: 12px;
    padding: 0.3rem 0.5rem;
}

    .s-modulo .page-link.uc-paginator-prev {
        width: 40px;
    }

    .s-modulo .page-link.uc-paginator-next {
        width: 40px;
    }

.s-modulo .uc-paginator-goto {
    color: #6D7278;
    margin-bottom: 0;
    font-size: 16px;
    min-width: 90px;
    margin-top: 5px;
    margin-right: 20px;
}

@media only screen and (max-width: 550px) {
    .s-modulo .uc-paginator-goto {
        margin-bottom: 10px;
    }
}

.s-modulo .uc-paginator-input {
    border-radius: 5px;
    width: 42px;
    border: 1px solid #B0B6BD;
    height: 29px;
    padding-left: 0;
    box-shadow: none;
    font-size: 14px;
    margin-right: 0;
    text-align: center;
    margin-left: 6px;
}

.s-modulo .uc-paginator.c-res .num-resultados {
    color: #767575;
    font-size: .66rem;
    min-width: 90px;
    margin-right: 19px;
}

.mensaje-alerta {
    padding: .4rem 0;
}

    .mensaje-alerta .container {
        text-align: center;
        position: relative;
        margin-bottom: 0;
        font-size: .67rem;
        padding-right: 1.6rem;
    }

        .mensaje-alerta .container i {
            font-size: .8rem;
            margin-right: .4rem;
            display: inline-block;
        }

        .mensaje-alerta .container p {
            margin-bottom: 0;
            font-size: .67rem;
            display: inline-block;
        }

        .mensaje-alerta .container b {
            font-weight: bold;
        }

        .mensaje-alerta .container a {
            text-decoration: underline;
            color: #333;
        }

        .mensaje-alerta .container .cerrar-alerta {
            position: absolute;
            right: 1rem;
            cursor: pointer;
        }

@media only screen and (max-width: 991px) {
    .mensaje-alerta .container {
        text-align: left;
        padding-left: 2.2rem;
        padding-right: 2rem;
    }

        .mensaje-alerta .container i {
            position: absolute;
            left: 1rem;
            top: .1rem;
        }
}

@media only screen and (max-width: 550px) {
    .mensaje-alerta .container {
        text-align: left;
        padding-left: 2rem;
        padding-right: 2rem;
    }

        .mensaje-alerta .container i {
            position: absolute;
            left: .8rem;
            top: .1rem;
        }
}

.mensaje-alerta.m-informacion {
    background: rgba(70, 165, 241, 0.25);
}

    .mensaje-alerta.m-informacion i {
        color: #307FE2;
    }

.mensaje-alerta.m-exito {
    background: rgba(0, 122, 51, 0.25);
}

    .mensaje-alerta.m-exito i {
        color: #479622;
    }

.mensaje-alerta.m-advertencia {
    background: rgba(253, 226, 84, 0.53);
}

    .mensaje-alerta.m-advertencia i {
        color: #FF9C41;
    }

.mensaje-alerta.m-error {
    background: rgba(241, 63, 63, 0.25);
}

    .mensaje-alerta.m-error i {
        color: #DD5B5B;
    }

.card-mis-datos__img .uc-msg-success {
    font-size: 12px;
    display: block;
    margin-top: 5px;
    padding: 9px 7px;
    line-height: 1.2;
}

.imagen-perfil .form-control {
    width: auto;
    padding: 0;
    border: none;
    height: auto;
}

.imagen-perfil .uc-msg-success {
    font-size: 12px;
    padding: 9px;
    display: inline-block;
    margin-bottom: 7px;
}

.card-familia {
    position: relative;
}

    .card-familia .dejar-compartir {
        position: absolute;
        right: 0.2rem;
        top: 0.2rem;
    }

.tabla-imagenes table tbody tr td .dejar-compartir {
    font-size: .6rem;
}

.tabla-imagenes table tbody tr td:last-child {
    text-align: center;
}

.editar-img-perfil {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 8px;
}

@media only screen and (max-width: 550px) {
    .editar-img-perfil {
        margin-bottom: .5rem;
    }
}

.editar-img-perfil figure img {
    vertical-align: bottom;
    width: 100%;
}

.editar-img-perfil .icono {
    color: #fff;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: .5rem;
    bottom: .5rem;
    font-size: .7rem;
    z-index: 2;
}

.editar-img-perfil .texto-hover {
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.45);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    font-size: .8rem;
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease;
}

.editar-img-perfil:hover .texto-hover {
    opacity: 1;
    visibility: visible;
}

.acordeon-examenes-mobile .ac-examenes {
    display: flex;
    flex-direction: column;
    padding: 15px 10px;
    position: relative;
}

    .acordeon-examenes-mobile .ac-examenes:after {
        position: absolute;
        right: 1rem;
        bottom: 1rem;
    }

    .acordeon-examenes-mobile .ac-examenes .ac-examenes__usuario {
        margin-bottom: .5rem;
    }

        .acordeon-examenes-mobile .ac-examenes .ac-examenes__usuario img {
            width: 40px;
            min-width: 40px;
        }

    .acordeon-examenes-mobile .ac-examenes .ac-examenes__item {
        width: 100%;
        margin: .2rem 0;
    }

.acordeon-examenes-mobile .accordion-content {
    width: 100%;
    padding: 0;
}

@media only screen and (max-width: 550px) {
    .acordeon-examenes-mobile .w-tabla .tabla-acciones {
        justify-content: space-between;
    }

        .acordeon-examenes-mobile .w-tabla .tabla-acciones .tabla-acciones__item {
            margin-left: 0;
        }
}

.acordeon-examenes-mobile .item-tabla {
    text-align: left;
    font-size: .88rem;
    font-weight: 300;
    border-bottom: 1px solid #ccc;
    padding: 0.6rem .4rem .2rem;
}

    .acordeon-examenes-mobile .item-tabla div {
        margin-bottom: .6rem;
    }

    .acordeon-examenes-mobile .item-tabla .estado-ex {
        padding-left: 1rem;
    }

    .acordeon-examenes-mobile .item-tabla .link-ex {
        padding-left: 1rem;
    }

        .acordeon-examenes-mobile .item-tabla .link-ex a {
            color: #008EFF;
        }

.resultados-citas .item-ac:last-child .accordion-content {
    margin-bottom: 5px;
}

.titulo-modulo {
    align-items: center;
}

    .titulo-modulo .ver-todos {
        font-size: .8rem;
        color: #307FE2;
        font-weight: 500;
        vertical-align: top;
    }

.card-hora-medica.v2 .titulo-hora.v2 {
    display: block;
}

    .card-hora-medica.v2 .titulo-hora.v2 p {
        margin-left: 0;
    }

.card-hora-medica.v2 .card-hora-medica__content__txt .meta {
    margin-bottom: .8rem;
}

.card-hora-medica.v2 {
    position: relative;
}

.tag-confirmada {
    background: #007A33;
    font-size: .66rem;
    color: #fff;
    font-weight: bold;
    border-radius: 50px;
    display: flex;
    align-items: center;
    padding: .2rem .6rem .2rem .2rem;
    margin-left: 1rem;
}

    .tag-confirmada span {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #033E1C;
        margin-right: .4rem;
    }

@media only screen and (max-width: 400px) {
    .tag-confirmada {
        margin-left: 0;
    }
}

.mi-perfil__der {
    width: 40%;
    min-width: 40%;
    margin-right: 0;
}

@media only screen and (max-width: 991px) {
    .mi-perfil__der {
        width: 100%;
        padding-right: .5rem;
    }
}

.card-familia.v2 {
    display: flex;
    border: 1px solid #DEDEDE;
    border-radius: 8px;
    padding: 7px;
    width: 100%;
    margin-bottom: .88rem;
}

@media only screen and (max-width: 991px) {
    .card-familia.v2 {
        margin-left: 0;
    }
}

.card-familia.v2 .card-familia__img {
    width: 90px;
    min-width: 90px;
    margin-bottom: 0;
}

    .card-familia.v2 .card-familia__img img {
        width: 100%;
        height: auto;
        object-fit: contain;
        border-radius: 4px;
        vertical-align: bottom;
    }

.card-familia.v2 .card-familia__txt {
    padding-left: .8rem;
}

    .card-familia.v2 .card-familia__txt .botones {
        display: flex;
    }

        .card-familia.v2 .card-familia__txt .botones a {
            font-size: .88rem;
            font-weight: 500;
        }

            .card-familia.v2 .card-familia__txt .botones a:nth-child(2) {
                margin-left: 1.5rem;
            }

@media only screen and (max-width: 400px) {
    .card-familia.v2 .card-familia__txt .botones {
        display: block;
    }

        .card-familia.v2 .card-familia__txt .botones a {
            display: block;
            margin-top: .5rem;
        }

            .card-familia.v2 .card-familia__txt .botones a:nth-child(2) {
                margin-left: 0;
                margin-bottom: 0;
            }
}

.card-familia.v2 .card-familia__txt .botones .btn-reservar {
    color: #872899;
}

.card-familia.v2 .card-familia__txt .botones .btn-eliminar {
    color: #F13F3F;
}

.card-familia.v2 .card-familia__txt .botones .btn-reenviar {
    color: #008EFF;
}

.mi-perfil {
    padding-right: .5rem;
}

    .mi-perfil .mt-2 {
        margin-top: 1rem;
    }

    .mi-perfil .agregar-nuevo {
        text-align: center;
    }

        .mi-perfil .agregar-nuevo a {
            display: inline-block;
            display: inline-block;
            padding: 0.6rem 1rem 0.2rem;
        }

.ac-imagenes-compartidas.acordeon-examenes-mobile .ac-examenes {
    position: static;
}

    .ac-imagenes-compartidas.acordeon-examenes-mobile .ac-examenes .ac-examenes__item {
        margin-bottom: .5rem;
    }

.ac-imagenes-compartidas .accordion {
    padding-bottom: 0rem;
    transition: all .3s ease;
    padding-left: 5px;
}

    .ac-imagenes-compartidas .accordion:after {
        display: none;
    }

    .ac-imagenes-compartidas .accordion.is-open {
        padding-bottom: 1rem;
    }

        .ac-imagenes-compartidas .accordion.is-open .btn-ver-mas {
            display: none;
        }

        .ac-imagenes-compartidas .accordion.is-open .btn-ver-menos {
            opacity: 1;
            visibility: visible;
        }

        .ac-imagenes-compartidas .accordion.is-open .c-examenes {
            padding-bottom: 0;
        }

.ac-imagenes-compartidas .c-examenes {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    padding-bottom: 3rem;
    transition: all .3s ease;
}

@media only screen and (max-width: 991px) {
    .ac-imagenes-compartidas .c-examenes {
        display: block;
        padding-bottom: 4rem;
    }
}

.ac-imagenes-compartidas .ac-examenes__item {
    width: 12.5%;
    position: relative;
    font-weight: 300;
}

    .ac-imagenes-compartidas .ac-examenes__item p {
        font-size: .88rem;
    }

        .ac-imagenes-compartidas .ac-examenes__item p b {
            font-weight: 600;
        }

    .ac-imagenes-compartidas .ac-examenes__item.large {
        width: 30%;
    }

    .ac-imagenes-compartidas .ac-examenes__item.large-2-5 {
        width: 20.5%;
    }

    .ac-imagenes-compartidas .ac-examenes__item.large-2 {
        width: 16.6%;
    }

    .ac-imagenes-compartidas .ac-examenes__item.large-3 {
        width: 25%;
    }

.ac-imagenes-compartidas .btn-ver-mas {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    text-align: center;
    border-top: 1px solid #DADADA;
    padding: .4rem .4rem .6rem;
}

    .ac-imagenes-compartidas .btn-ver-mas span {
        color: #008EFF;
        text-decoration: underline;
        font-weight: 300;
        font-size: .88rem;
    }

        .ac-imagenes-compartidas .btn-ver-mas span i {
            margin-left: .2rem;
            font-size: .8rem;
        }

.ac-imagenes-compartidas .item-ac {
    position: relative;
}

.ac-imagenes-compartidas .btn-ver-menos {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    transition: all .2s ease;
    bottom: 0;
    left: 0;
    z-index: 10;
    right: 0;
    margin: 0 auto;
    width: calc(100% - 2rem);
    text-align: center;
    border-top: 1px solid #DADADA;
    padding: .4rem .4rem .6rem;
}

    .ac-imagenes-compartidas .btn-ver-menos span {
        color: #008EFF;
        text-decoration: underline;
        font-weight: 300;
        font-size: .88rem;
    }

        .ac-imagenes-compartidas .btn-ver-menos span i {
            margin-left: .2rem;
            font-size: .8rem;
        }

.ac-imagenes-compartidas .accordion-content {
    align-items: center;
    background: #DEDEDE;
    padding-left: 5px;
    padding-right: 5px;
}

    .ac-imagenes-compartidas .accordion-content .btn-ver-mas {
        border: none;
    }

    .ac-imagenes-compartidas .accordion-content .contenido-imagenes {
        position: relative;
        display: flex;
        justify-content: flex-start;
        padding-bottom: 1.8rem;
    }

@media only screen and (max-width: 991px) {
    .ac-imagenes-compartidas .accordion-content .contenido-imagenes {
        display: block;
        padding: 1rem 1rem 2.8rem;
    }
}

.ac-imagenes-compartidas .accordion-content .ac-examenes__item {
    padding: 1rem 0 1rem;
}

@media only screen and (max-width: 991px) {
    .ac-imagenes-compartidas .accordion-content .ac-examenes__item {
        padding: .3rem 0;
    }
}

.ac-imagenes-compartidas .accordion-content .dejar-compartir {
    color: #F13F3F;
    font-size: 1rem;
}

.card-orden.v2 {
    background: transparent;
    border-bottom: 1px solid #DEDEDE;
    border-radius: 0;
    margin-bottom: 0;
    /* Tooltip container */
    /* Tooltip text */
    /* Tooltip arrow */
    /* Show the tooltip text when you mouse over the tooltip container */
}

@media only screen and (max-width: 550px) {
    .card-orden.v2 {
        padding-left: .2rem;
        padding-right: .2rem;
    }
}

.card-orden.v2 .card-receta__txt {
    display: flex;
    width: 100%;
}

    .card-orden.v2 .card-receta__txt .card-receta__txt__datos {
        justify-content: space-between;
        width: 100%;
    }

        .card-orden.v2 .card-receta__txt .card-receta__txt__datos .btn-descargar {
            color: #53565A;
            font-size: .8rem;
            font-weight: normal;
        }

            .card-orden.v2 .card-receta__txt .card-receta__txt__datos .btn-descargar img {
                vertical-align: bottom;
            }

.card-orden.v2 .tooltip {
    position: relative;
    display: inline-block;
    /* If you want dots under the hoverable text */
}

    .card-orden.v2 .tooltip .tooltiptext {
        visibility: hidden;
        width: 120px;
        background-color: #555;
        color: #fff;
        text-align: center;
        padding: 5px 0;
        border-radius: 6px;
        /* Position the tooltip text */
        position: absolute;
        z-index: 1;
        bottom: 125%;
        left: 50%;
        margin-left: -60px;
        /* Fade in tooltip */
        opacity: 0;
        transition: opacity 0.3s;
    }

        .card-orden.v2 .tooltip .tooltiptext::after {
            content: "";
            position: absolute;
            top: 100%;
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: #555 transparent transparent transparent;
        }

    .card-orden.v2 .tooltip:hover .tooltiptext {
        visibility: visible;
        opacity: 1;
    }

.card-orden.v2 .item-orden {
    display: block;
}

@media only screen and (max-width: 768px) {
    .card-orden.v2 .item-orden {
        margin-bottom: .8rem;
    }
}

@media only screen and (max-width: 991px) {
    .card-orden.v2 .item-orden p {
        padding-left: 0;
    }
}

.card-orden.v2 .item-orden.item-doc {
    display: flex;
}

@media only screen and (max-width: 991px) {
    .card-orden.v2 .item-orden.item-doc p {
        padding-left: .8rem;
    }
}

.card-orden.v2 .item-orden.item-tipo {
    justify-content: center;
    text-align: center;
    width: 30%;
}

    .card-orden.v2 .item-orden.item-tipo p {
        margin: 0 0 .5rem;
        padding: 0;
    }

@media only screen and (max-width: 991px) {
    .card-orden.v2 .item-orden.item-tipo {
        width: 100%;
    }

        .card-orden.v2 .item-orden.item-tipo p {
            text-align: left;
        }
}

@media only screen and (max-width: 991px) {
    .card-orden.v2 .item-orden.item-descargar {
        text-align: center;
        width: 100%;
    }
}

@media only screen and (max-width: 768px) {
    .card-orden.v2 .item-orden.item-descargar {
        margin-bottom: 0;
    }
}

.card-orden.v2 .item-orden .group-check {
    padding-right: 0;
    justify-content: center;
}

    .card-orden.v2 .item-orden .group-check .item-check input {
        margin-right: .2rem;
    }

@media only screen and (max-width: 991px) {
    .card-orden.v2 .item-orden .group-check {
        justify-content: flex-start;
    }

        .card-orden.v2 .item-orden .group-check .item-check {
            margin-right: 1.4rem;
        }

            .card-orden.v2 .item-orden .group-check .item-check:last-child {
                margin-right: 0;
            }
}

.filtros.mb-1 {
    margin-bottom: 1rem;
}

.mi-perfil__izq .card-mis-datos .uc-msg-success {
    background: #008EFF;
}

.header-user .perfil-header__img__avatar {
    height: 3.3rem;
}

@media only screen and (max-width: 550px) {
    .header-user .perfil-header__img__avatar {
        width: 2.5rem;
        height: 2.5rem;
    }

        .header-user .perfil-header__img__avatar img {
            width: 2.5rem;
            height: 2.5rem;
        }
}

.card-hora-medica-mobile {
    position: relative;
}

    .card-hora-medica-mobile .card-hora-medica__content {
        align-items: stretch;
    }

    .card-hora-medica-mobile .card-hora-medica__content__txt {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
    }

        .card-hora-medica-mobile .card-hora-medica__content__txt .tag-confirmada {
            position: relative;
            display: inline-flex;
            right: auto;
            margin-bottom: .5rem;
            top: 0;
        }

.modal-filtro2 .w-modal .titulo-2.tituloAnular {
    font-size: .88rem;
}

.modal-filtro2 .w-modal .titulo-2.tituloConfirmar {
    font-size: .88rem;
}

.modal-filtro2 .w-modal .modal-filtro2 .w-modal .btn i {
    margin-right: .3rem;
}

.modal-filtro2 .w-modal {
    border-radius: 10px;
}

.mensaje-familia {
    border: 1px solid #DEDEDE;
    border-radius: 10px;
    text-align: center;
    padding: 2rem 1.5rem;
    margin-bottom: 1rem;
}

    .mensaje-familia p {
        text-align: center;
        font-size: .88rem;
        font-weight: 400;
        margin: 0;
    }

        .mensaje-familia p span {
            font-style: italic;
            font-weight: 300;
        }

@media only screen and (max-width: 768px) {
    .mensaje-familia {
        padding: 1.5rem 1rem;
    }
}

.con-texto .accordion {
    padding-right: 3rem;
    position: relative;
}

    .con-texto .accordion:before {
        content: "Ver más";
        position: absolute;
        font-size: .8rem;
        right: 10.2rem;
        color: #008EFF;
        top: 50%;
        transform: translateY(-50%);
        display: none;
    }

    .con-texto .accordion:after {
        position: absolute;
        right: 9rem;
        font-size: 16px;
        top: 50%;
        line-height: 1;
        transform: translateY(-50%);
    }

    .con-texto .accordion.is-open:before {
        content: "Ver menos";
    }

@media only screen and (max-width: 991px) {
    .con-texto .accordion {
        padding-right: 8rem;
    }

        .con-texto .accordion:before {
            display: block;
            top: auto;
            bottom: 0rem;
        }

        .con-texto .accordion:after {
            top: auto;
            bottom: 0rem;
        }
}

.w-cargando {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.7);
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

    .w-cargando .lds-roller {
        display: inline-block;
        position: relative;
        width: 80px;
        height: 80px;
    }

        .w-cargando .lds-roller div {
            animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
            transform-origin: 40px 40px;
        }

            .w-cargando .lds-roller div:after {
                content: " ";
                display: block;
                position: absolute;
                width: 7px;
                height: 7px;
                border-radius: 50%;
                background: #008EFF;
                margin: -4px 0 0 -4px;
            }

            .w-cargando .lds-roller div:nth-child(1) {
                animation-delay: -0.036s;
            }

                .w-cargando .lds-roller div:nth-child(1):after {
                    top: 63px;
                    left: 63px;
                }

            .w-cargando .lds-roller div:nth-child(2) {
                animation-delay: -0.072s;
            }

                .w-cargando .lds-roller div:nth-child(2):after {
                    top: 68px;
                    left: 56px;
                }

            .w-cargando .lds-roller div:nth-child(3) {
                animation-delay: -0.108s;
            }

                .w-cargando .lds-roller div:nth-child(3):after {
                    top: 71px;
                    left: 48px;
                }

            .w-cargando .lds-roller div:nth-child(4) {
                animation-delay: -0.144s;
            }

                .w-cargando .lds-roller div:nth-child(4):after {
                    top: 72px;
                    left: 40px;
                }

            .w-cargando .lds-roller div:nth-child(5) {
                animation-delay: -0.18s;
            }

                .w-cargando .lds-roller div:nth-child(5):after {
                    top: 71px;
                    left: 32px;
                }

            .w-cargando .lds-roller div:nth-child(6) {
                animation-delay: -0.216s;
            }

                .w-cargando .lds-roller div:nth-child(6):after {
                    top: 68px;
                    left: 24px;
                }

            .w-cargando .lds-roller div:nth-child(7) {
                animation-delay: -0.252s;
            }

                .w-cargando .lds-roller div:nth-child(7):after {
                    top: 63px;
                    left: 17px;
                }

            .w-cargando .lds-roller div:nth-child(8) {
                animation-delay: -0.288s;
            }

                .w-cargando .lds-roller div:nth-child(8):after {
                    top: 56px;
                    left: 12px;
                }

    .w-cargando p {
        color: #000;
        margin-top: .5rem;
        font-weight: bold;
    }

@keyframes lds-roller {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.lds-dual-ring {
    display: inline-block;
    width: 80px;
    height: 80px;
}

    .lds-dual-ring:after {
        content: " ";
        display: block;
        width: 64px;
        height: 64px;
        margin: 8px;
        border-radius: 50%;
        border: 6px solid #008EFF;
        border-color: #008EFF transparent #008EFF transparent;
        animation: lds-dual-ring 1.2s linear infinite;
    }

@keyframes lds-dual-ring {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@media only screen and (max-width: 550px) {
    .mis-horas-medicas .filtros .form-group {
        width: auto;
    }

        .mis-horas-medicas .filtros .form-group:last-child {
            margin-right: 0;
        }

    .con-texto .accordion {
        padding-bottom: 40px;
    }
}

.tabla .estado-ex b {
    font-weight: bold;
    margin-right: .2rem;
}

.tabla .disponible {
    color: #007A33;
}

.tabla .en-proceso {
    color: #F13F3F;
}

/*--NUEVO PAGINADOR---*/
.pagination__controls {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    position: relative;
}

@media only screen and (max-width: 550px) {
    .pagination__controls {
        flex-direction: column;
    }
}

.pagination__controls .num-resultados {
    position: absolute;
    left: 0;
    font-size: 16px;
    top: 8px;
}

@media only screen and (max-width: 550px) {
    .pagination__controls .num-resultados {
        position: relative;
        top: auto;
        margin-bottom: 5px;
    }
}

.pagination__controls .pagination {
    margin-top: 5px;
}

    .pagination__controls .pagination li a {
        font-size: 12px;
        padding: 0.3rem 0.5rem;
        position: relative;
        display: block;
        margin-left: -1px;
        line-height: 1.25;
        color: #6D7278;
        background-color: #fff;
        border-radius: 0px;
        margin-right: 4px;
    }

    .pagination__controls .pagination li.active a {
        background-color: #307FE2;
        color: white;
        border-radius: 4px;
    }

    .pagination__controls .pagination li.prev {
        margin-right: 10px;
    }

        .pagination__controls .pagination li.prev a {
            padding: 0;
            color: #307FE2;
            width: auto;
            font-size: 24px;
            border: none;
            line-height: .9;
        }

    .pagination__controls .pagination li.next {
        margin-right: 0px;
    }

        .pagination__controls .pagination li.next a {
            padding: 0;
            color: #307FE2;
            width: auto;
            font-size: 24px;
            border: none;
            line-height: .9;
        }

/*--FIN NUEVO PAGINADOR---*/
/*--NUEVO BOX LOGIN---*/
.boxes-login {
    display: flex;
    position: relative;
    z-index: 10;
    justify-content: flex-end;
    max-width: 80rem;
}

@media only screen and (max-width: 1500px) {
    .boxes-login {
        max-width: 68rem;
    }
}

.boxes-login .box-login-uc {
    margin: 0;
}

    .boxes-login .box-login-uc h1 {
        margin-bottom: -.2rem;
    }

    .boxes-login .box-login-uc h3 {
        margin: 0 0 1.5rem;
        font-size: .9rem;
        color: #53565A;
    }

.boxes-login .box-ventajas {
    background: #fff;
    width: 20rem;
    max-width: 100%;
    margin-left: 1.5rem;
    text-align: left;
    padding: 3rem;
}

    .boxes-login .box-ventajas figure {
        margin-bottom: 1.5rem;
    }

        .boxes-login .box-ventajas figure img {
            width: 100%;
        }

    .boxes-login .box-ventajas h4 {
        margin: 0 0 1rem;
        font-size: .9rem;
        color: #53565A;
    }

    .boxes-login .box-ventajas ul {
        margin: 0 0 1rem;
        list-style: none;
        padding-left: 0;
        color: #373737;
    }

        .boxes-login .box-ventajas ul li {
            position: relative;
            font-size: .8rem;
            padding-left: .8rem;
            margin-bottom: .4rem;
        }

            .boxes-login .box-ventajas ul li:before {
                content: "";
                width: 5px;
                height: 5px;
                border-radius: 50%;
                background: #A77BCA;
                position: absolute;
                left: 0;
                top: 6px;
            }

    .boxes-login .box-ventajas p {
        color: #373737;
        font-size: .8rem;
        text-align: center;
        font-weight: bold;
    }

@media only screen and (max-width: 768px) {
    .boxes-login {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

        .boxes-login .box-ventajas {
            margin-left: 0;
            margin-top: 1rem;
            padding: 0 3rem 3rem;
        }
}

/*--FIN NUEVO BOX LOGIN---*/
.s-500 {
    min-height: calc(100vh - 80px);
    display: flex;
    align-items: center;
    justify-content: center;
}

.error-500 {
    width: 700px;
    background: #fff;
    border-radius: 8px;
    padding: 1rem;
    margin: 0 auto;
    max-width: 100%;
}

    .error-500 h1 {
        margin: 0 0 1rem;
        font-size: 25px;
    }

    .error-500 .w-error {
        border-radius: 7px;
        border: 1px solid rgba(217, 217, 217, 0.5);
        background: #FFF;
        padding: 2rem;
    }

@media only screen and (max-width: 768px) {
    .error-500 .w-error {
        padding: 1rem;
    }
}

.error-500 .w-error h4 {
    margin: 0 0 .8rem;
    font-size: 16px;
}

.error-500 .w-error p {
    font-size: 14px;
    margin-bottom: 1.5rem;
}

.error-500 .w-error .btn {
    display: inline-block;
    padding-top: .6rem;
    font-size: 15px;
}

.error-500 .img-error {
    text-align: center;
    padding: 1rem 0;
}

    .error-500 .img-error img {
        max-width: 100%;
    }

.num-folio {
    position: relative;
}

    .num-folio span {
        position: absolute;
        right: .8rem;
        bottom: .5rem;
        cursor: pointer;
    }

.modal-img {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    transition: all .3s ease;
}

    .modal-img.visible {
        z-index: 999;
        opacity: 1;
        visibility: visible;
    }

    .modal-img .w-modal {
        width: 800px;
        max-width: 100%;
        margin: 0 auto;
        position: relative;
    }

        .modal-img .w-modal .cerrar-modal {
            position: absolute;
            top: .6rem;
            right: .6rem;
            cursor: pointer;
            font-size: 1.4rem;
        }

        .modal-img .w-modal img {
            width: 100%;
        }

.btn-ver-profesional {
    display: flex;
    border: 1px solid #307FE2;
    border-radius: 6px;
    background: #fff;
    font-size: .8rem;
    padding: .3rem .6rem;
    font-weight: 600;
}

    .btn-ver-profesional img {
        margin-right: .2rem;
    }

@media only screen and (max-width: 550px) {
    #VerProfesional {
        padding-bottom: 7rem;
    }

        #VerProfesional .modal-dialog {
            height: auto;
        }
}

#VerProfesional .modal-content {
    max-width: 840px;
    margin: 0 auto;
    height: auto;
}

    #VerProfesional .modal-content .modal-header h2 {
        font-size: 1.1rem;
        margin: 0;
    }

@media only screen and (max-width: 550px) {
    #VerProfesional .modal-content .modal-header h2 {
        font-size: 1rem;
    }
}

#VerProfesional .modal-content .modal-body-pro {
    padding: 1rem 1rem 3rem;
}

    #VerProfesional .modal-content .modal-body-pro .texto-ficha h5 {
        font: 1rem;
    }

@media only screen and (max-width: 550px) {
    #VerProfesional .modal-content .modal-body-pro .texto-ficha h5 {
        font-size: .9rem;
    }
}

#VerProfesional .modal-content .modal-body-pro .texto-ficha h3 {
    font-size: 1.35rem;
}

@media only screen and (max-width: 550px) {
    #VerProfesional .modal-content .modal-body-pro .texto-ficha h3 {
        font-size: 1.2rem;
    }
}

#VerProfesional .modal-content .modal-body-pro .texto-ficha .especialidad {
    font-size: .875rem;
    font-weight: 500;
}

#VerProfesional .modal-content .modal-body-pro .texto-ficha p {
    font-size: .875rem;
    line-height: 1.5;
}

#VerProfesional .modal-content .modal-body-pro .items-ficha .item-ficha h4 {
    color: #307FE2;
    font-size: 1.2rem;
    font-weight: bold;
    position: relative;
    padding-left: 1rem;
}

@media only screen and (max-width: 550px) {
    #VerProfesional .modal-content .modal-body-pro .items-ficha .item-ficha h4 {
        font-size: 1rem;
    }
}

#VerProfesional .modal-content .modal-body-pro .items-ficha .item-ficha h4:before {
    content: "";
    display: inline-block;
    border-radius: 100%;
    background: #2a7de1;
    width: 8px;
    height: 8px;
    position: absolute;
    left: 0;
    top: 10px;
}

#VerProfesional .modal-content .modal-body-pro .items-ficha .item-ficha a {
    font-size: .875rem;
    color: #872899;
    display: inline-block;
    margin-right: .5rem;
}

#VerProfesional .modal-content .modal-body-pro .items-ficha .item-ficha.atiende {
    border-top: 1px solid #dee2e6;
    padding-top: 1rem;
}

#VerProfesional .modal-footer {
    border-top: none;
}

#VerProfesional .cerrar-modal-btn {
    border: 1px solid #efefef;
    border-radius: 5px;
    padding: .5rem 1rem;
    background: #fff;
    font-size: .875rem;
}

.card-orden.v2 .item-orden.item-doc {
    display: flex;
    width: 18rem;
    max-width: 100%;
}

.pb-calendar > .calendar-body-frame > .row > .col > .schedule-dot-list {
    position: absolute;
    top: 5%;
    margin: 0 auto;
    right: 0;
    left: 0;
    height: 90%;
    width: 90%;
}

    .pb-calendar > .calendar-body-frame > .row > .col > .schedule-dot-list > .schedule-dot-item {
        border-radius: 50%;
        border: 2px solid #008EFF;
        position: absolute;
        height: 100% !important;
        width: 100% !important;
        margin: 0 auto;
    }

.pb-calendar .schedule-dot-item.color1 {
    background-color: transparent;
}

.pb-calendar .schedule-dot-item.color2 {
    background-color: transparent;
}

.pb-calendar .schedule-dot-item.color3 {
    background-color: transparent;
}

.pb-calendar .schedule-dot-item.color4 {
    background-color: transparent;
}

.pb-calendar .schedule-dot-item.color5 {
    background-color: transparent;
}

.mod-mis-beneficios .cards-ben .card-beneficio .card-beneficio__txt h4 {
    color: #307FE2;
    font-weight: 600;
}

.card-beneficio__img img {
    max-width: 90%;
    margin: 0 auto;
}

.card-beneficio__img {
    margin-right: .5rem;
}

.mod-mis-beneficios .cards-ben .card-beneficio .card-beneficio__txt a.btn-azul {
    padding: .3rem .5rem;
    margin-left: -.5rem;
}

.filtros .form-group {
    position: relative;
}

.mensajeCalendario {
    position: absolute;
    font-size: .7rem;
    left: 0;
    top: calc(100% + .2rem);
}

@media only screen and (max-width: 768px) {
    .mensajeCalendario {
        position: relative;
    }
}

@media only screen and (max-width: 768px) {
    .card-receta__body {
        flex-direction: column;
        align-items: flex-start;
    }
}

.w-card-ben h5 {
    margin: 0 0 .2rem;
    padding-left: 1rem;
    font-weight: 400;
    font-size: .7rem;
}

@media only screen and (max-width: 768px) {
    .w-card-ben h5 {
        padding-left: 0;
    }
}

@media only screen and (max-width: 991px) {
    .w-card-ben .card-beneficio {
        background: #fff;
        padding: .3rem;
    }

        .w-card-ben .card-beneficio .card-beneficio__txt {
            flex-grow: 1;
            text-align: center;
        }

            .w-card-ben .card-beneficio .card-beneficio__txt a.btn-azul {
                border: none;
                font-size: .65rem;
                font-weight: 300;
                display: block;
                padding: .3rem .2rem;
                text-align: center;
                border-radius: 4px;
                background: #307FE2;
                color: #fff;
                max-width: 8rem;
            }

            .w-card-ben .card-beneficio .card-beneficio__txt h4 {
                font-size: .67rem !important;
            }
}

.modal-filtro .mensajeCalendario {
    position: relative;
}

.w-tabla .tabla table tr td a.no-disponible {
    color: #ababab;
    cursor: default;
}

.s-mis-beneficios.tipo2 {
    display: block;
}

@media only screen and (max-width: 991px) {
    .mod-mis-beneficios h2.titulo-2.titulo-beneficios {
        margin-left: 0;
    }
}

@media only screen and (max-width: 768px) {
    .mod-mis-beneficios h2.titulo-2.titulo-beneficios {
        padding-left: 0;
    }
}

@media only screen and (max-width: 768px) {
    .mi-perfil__izq .mod-mis-beneficios .cards-ben .card-beneficio {
        margin-left: 0;
        margin-right: .5rem;
    }
}

@media only screen and (max-width: 768px) {
    .mi-perfil__izq .w-card-ben {
        width: 50%;
    }

        .mi-perfil__izq .w-card-ben .card-beneficio .card-beneficio__txt a.btn-azul {
            margin-left: 0;
        }

        .mi-perfil__izq .w-card-ben:last-child .card-beneficio {
            margin-right: 0;
        }
}

.prox-hora-familiar {
    padding: 1rem 1.1rem;
}

    .prox-hora-familiar .titulo-2 {
        margin-bottom: 0;
    }

    .prox-hora-familiar .group-der {
        display: flex;
        align-items: center;
    }

        .prox-hora-familiar .group-der .ver-todos {
            margin-bottom: 0;
        }

        .prox-hora-familiar .group-der .ver-hora-familiar {
            margin-left: 1rem;
            margin-bottom: 0rem;
            cursor: pointer;
            transition: all .3s ease;
        }

            .prox-hora-familiar .group-der .ver-hora-familiar.open {
                transform: rotate(180deg);
            }

    .prox-hora-familiar .grupo-familiar-body {
        max-height: 0;
        overflow: hidden;
        transition: all .3s ease;
    }

        .prox-hora-familiar .grupo-familiar-body.visible {
            max-height: 20rem;
            padding-top: .8rem;
        }

@media only screen and (max-width: 768px) {
    .pb-calendar > .calendar-body-frame > .row > .col > .schedule-dot-list > .schedule-dot-item {
        height: 30px !important;
        width: 30px !important;
        transform: translateY(-5px);
    }
}

@media only screen and (max-width: 550px) {
    .daterangepicker.opened {
        width: calc(100% - 55px);
        z-index: 9999;
    }
}

.btn2 {
    width: auto;
    padding-left: .8rem;
    padding-right: .8rem;
}

    .btn2 img {
        margin-right: .3rem;
    }

.imagenFull .card-beneficio__img {
    width: 155px;
}

    .imagenFull .card-beneficio__img img {
        width: 100%;
    }

.daterangepicker .periods li:hover,
.daterangepicker .ranges li:hover {
    background: #eee;
    color: #008EFF;
}

.daterangepicker .ranges li.active:hover {
    color: #fff;
    background: #008EFF;
}
/*# sourceMappingURL=estilos.css.map */