/*!
 * Diseño Generales para Mi Afore Digital XXI-Banorte
 * Autors: ARVG
 * Copyright Create 2021 
 * Licensed under (/banorte/__host/xxi/)
 */

@font-face {
    font-family: "HelvaticaNeue-Light";
    src: url(/banorte/__host/miaforedigitalxxib.xxi-banorte.com/Fonts_aforexxi/noto_sans/HelvaticaNeue-Light.ttf) format("truetype")
}

@font-face {
    font-family: "NotoSans-Bold";
    src: url(/banorte/__host/miaforedigitalxxib.xxi-banorte.com/Fonts_aforexxi/noto_sans/NotoSans-Bold.ttf) format("truetype")
}

@font-face {
    font-family: "NotoSans-Regular";
    src: url(/banorte/__host/miaforedigitalxxib.xxi-banorte.com/Fonts_aforexxi/noto_sans/NotoSans-Regular.ttf) format("truetype")
}

@font-face {
    font-family: "NotoSans-Bold";
    src: url(/banorte/__host/miaforedigitalxxib.xxi-banorte.com/Fonts_aforexxi/noto_sans/NotoSans-Bold.ttf) format("truetype");
    src: url(/banorte/__host/miaforedigitalxxib.xxi-banorte.com/Fonts_aforexxi/noto_sans/NotoSans-Bold.eot) format("woff")
}

@font-face {
    font-family: "Roboto-Bold";
    src: url(/banorte/__host/miaforedigitalxxib.xxi-banorte.com/Fonts_aforexxi/roboto/Roboto-Bold.ttf) format("truetype");
    src: url(/banorte/__host/miaforedigitalxxib.xxi-banorte.com/Fonts_aforexxi/roboto/Roboto-Bold.woff) format("woff")
}

@font-face {
    font-family: "Roboto-Light";
    src: url(/banorte/__host/miaforedigitalxxib.xxi-banorte.com/Fonts_aforexxi/roboto/Roboto-Light.ttf) format("truetype")
}

@font-face {
    font-family: "Roboto-Medium";
    src: url(/banorte/__host/miaforedigitalxxib.xxi-banorte.com/Fonts_aforexxi/roboto/Roboto-Medium.ttf) format("truetype")
}

@font-face {
    font-family: "Roboto";
    src: url(/banorte/__host/miaforedigitalxxib.xxi-banorte.com/Fonts_aforexxi/roboto/Roboto-Regular.ttf) format("truetype")
}

@font-face {
    font-family: "Roboto-Italic";
    src: url(/banorte/__host/miaforedigitalxxib.xxi-banorte.com/Fonts_aforexxi/roboto/Roboto-Italic.ttf) format("truetype")
}

@font-face {
    font-family: 'RobotoCondensed-Bold';
    src: url(/banorte/__host/miaforedigitalxxib.xxi-banorte.com/Fonts_aforexxi/roboto/RobotoCondensed-Bold.ttf) format('truetype')
}

@font-face {
    font-family: 'RobotoCondensed';
    src: url(/banorte/__host/miaforedigitalxxib.xxi-banorte.com/Fonts_aforexxi/roboto/RobotoCondensed-Regular.ttf) format('truetype')
}

body {
    font-family: 'Roboto',Arial !important;
    font-size: 1rem;
    color: #666
}

.InfoRec {
    color: #666;
    font-size: .8rem;
    cursor: pointer
}

.leyendas {
    line-height: 1
}

.lnkRef {
    color: #62A616 !important;
    font-size: .8rem;
    font-style: italic
}

    .lnkRef:hover {
        text-decoration: underline !important
    }

.modal-footer {
    justify-content: space-around
}

.templatemo-contact-form-1 {
    padding: 0 30px 1px 30px;
}

.templatemo-contact-form-1 {
    max-width: 500px
}

.Consulta {
    color: #958E8F !important;
    font-size: .8rem;
    text-align: left
}

    .Consulta > a {
        font-size: .8rem;
        font-style: italic
    }

.form-group-Pass {
    margin-bottom: 15px
}

.vertical-center-box {
    text-align: center;
    position: relative;
    top: 50%;
    -ms-transform: translateY(2%);
    -webkit-transform: translateY(2%);
    transform: translateY(2%)
}

.Encabezado {
    padding-bottom: 2%
}

.form-control-ast {
    display: inline;
    width: 97% !important;
    padding: .9rem .9rem;
    color: #64A70B
}

    .form-control-ast:focus {
        color: #64A70B;
        background-color: #fff;
        border-color: #d0d0d0;
        outline: 0;
        box-shadow: 0 0 0 .2rem rgba(208,208,208,.8)
    }

.PassLeyenda {
    margin-bottom: 0;
    line-height: .8
}

.Formulario > .col-md-10 > .row > .col-sm-6 {
    padding-bottom: 1%
}

.Mpp_Gris {
    color: #fff;
    background-color: #8a8b8b;
    border-color: #8a8b8b;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    text-align: center;
    display: block
}

.Mpp_Exito {
    color: #fff;
    background-color: #64A70B;
    border-color: #64A70B;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    text-align: center;
    display: block
}

.ContentMpp {
    color: #666;
    font-size: .9rem
}

.Cinta_Dat {
    background-color: #8a8b8b;
    color: #fff
}

.Cinta_Hed {
    flex: 0 0 100%;
    background-color: #fff;
    color: #e31e2f;
    -webkit-box-shadow: 9px 11px 15px -12px rgba(137,138,138,1);
    -moz-box-shadow: 9px 11px 15px -12px rgba(137,138,138,1);
    box-shadow: 9px 11px 15px -12px rgba(137,138,138,1);
    border-radius: 10px;
    z-index: 99
}

.divTerminos {
    padding-top: 3% !important
}

.divButton {
    padding-top: 2% !important;
    padding-bottom: 2%
}

.Negrita {
    font-weight: 700
}

a {
    color: #6B747C
}

.form-group_Name {
    margin-bottom: 2px
}

.Ayuda {
    margin-bottom: -5px
}

a:hover {
    color: #000
}

.btn-group-lg > .btn, .btn-lg {
    font-size: 1rem;
    min-width: 123px;
    border-radius: 3rem !important;
    -webkit-box-shadow: 9px 10px 16px -6px rgba(148,148,148,1) !important;
    -moz-box-shadow: 9px 10px 16px -6px rgba(148,148,148,1) !important;
    box-shadow: 9px 10px 16px -6px rgba(148,148,148,1) !important
}

.btn-success {
    color: #fff;
    background-color: #64A70B;
    border-color: #64A70B;
    padding-left: 32px;
    padding-right: 32px;
    width: auto;
    font-weight: normal;
}

    .btn-success:hover {
        color: #fff;
        background-color: #5a9609;
        border-color: #467407;
        letter-spacing: .35px;
    }

    .btn-success.focus, .btn-success:focus {
        box-shadow: 0 0 0 .2rem rgba(40,167,69,.5)
    }

    .btn-success.disabled, .btn-success:disabled {
        color: #fff;
        background-color: #64A70B;
        border-color: #64A70B
    }

    .btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show > .btn-success.dropdown-toggle {
        color: #fff;
        background-color: #1e7e34;
        border-color: #1c7430
    }

        .btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus, .show > .btn-success.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(40,167,69,.5)
        }

.btn-white {
    color: #000;
    background-color: #fff;
    border-color: #fff;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important
}

    .btn-white:hover {
        color: #000;
        background-color: #fff;
        border-color: #fff
    }

    .btn-white.disabled, .btn-white:disabled {
        color: #000;
        background-color: #666;
        border-color: #666
    }

    .btn-white:not(:disabled):not(.disabled).active, .btn-white:not(:disabled):not(.disabled):active, .show > .btn-white.dropdown-toggle {
        color: #000;
        background-color: #fff;
        border-color: #fff
    }

.modal-dialog-centered {
    height: calc(100% - (.5rem * 2))
}

.iconos {
    font-size: 20pt;
    cursor: pointer;
    transition: all .3s;
    display: inline-block;
    color: #EC2D4A
}

    .iconos:hover {
        color: #63a70a;
        transition: all .3s;
        text-decoration: none
    }

.Titulo {
    color: #EC2D4A;
    text-align: right;
    font-family: 'Roboto-Medium';
    font-weight: 500;
    font-size: 22px;
    line-height: normal;
    margin: auto;
    letter-spacing: 2.5pt;
    text-align: center
}

.btnFontAwe {
    background-color: transparent;
    border: none
}

    .btnFontAwe:focus {
        outline: none
    }

.Cintillo {
    margin-top: .5%;
    margin-bottom: .5%
}

h1 {
    align-items: center
}

.btnHome {
    max-height: 30px;
    margin-right: 8px
}

.Nom_Afiliado {
    color: #000;
    font-size: .9rem;
    padding: 1%
}

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

.Hed_Elem {
    line-height: 60px
}

.Hed_Text {
    padding: 2.5% 15px 2.5% 15px;
    text-align: right
}

.secundaria {
    display: none
}

.menu_tarjetas {
    border: 1px solid #666;
    border-radius: 5px;
    display: flex;
    padding-left: 9%;
    align-items: center;
    min-height: 100%;
    margin-bottom: 9%
}

    .menu_tarjetas:hover, .linkMenu:hover, .menu_tarjetas:active, .linkMenu:active, .menuActivo {
        background-color: #858585;
        color: #fff;
        text-decoration: none !important;
        text-decoration-line: none !important
    }

        .menu_tarjetas:hover > div > .principal, .menu_tarjetas:active > div > .principal, .menuActivo > div > .principal {
            display: none
        }

        .menu_tarjetas:hover > div > .secundaria, .menu_tarjetas:active > div > .secundaria, .menuActivo > div > .secundaria {
            display: inline
        }

.ImgMenu {
    max-height: 51px
}

.contenedorImg {
    text-align: center;
    padding-top: 3%
}

.logoPrincipal {
    width: 80px
}

.contInfo {
    min-height: 80%
}

.TitBienv {
    font-size: 1.5rem;
    font-weight: 700;
    color: #666
}

.monto {
    font-weight: 700;
    color: #5FA72C;
    font-size: 1.5rem
}

.TituloMonto {
    font-weight: 700;
    color: #666;
    font-size: 1rem !important
}

.divAhorro {
    padding: 2%
}

.divSaldos {
    padding-bottom: 2%;
    font-size: 16px;
    color: #5FA72C !important;
    margin-top: -44px;
    text-align: right !important;
    font-size: 1rem !important
}

    .divSaldos a {
        color: #5FA72C !important;
        font-size: 1rem !important
    }

.i-disponible {
    width: 76%;
    padding-top: .6rem
}

.card {
    display: inline-block
}

.contenedor {
    padding: 2%;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    overflow: hidden
}

.tarjetas {
    display: inline-block;
    background-color: #fff;
    text-align: center;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border: 1px solid #666
}

    .tarjetas a {
        color: #63A70A !important;
        cursor: pointer;
    }

    .tarjetas .link_a a:hover {
        text-decoration: underline !important;
    }

.contenedor_principal {
    padding-top: 5%
}

.Titulo_green {
    color: #63A707;
    font-weight: 500
}

.Texto_green {
    color: #63A707
}

.Texto {
    text-align: left
}

.medalla {
    font-size: 80pt;
    cursor: pointer;
    transition: all .3s;
    display: inline-block
}

.ajuste {
    margin-top: 10px;
    margin-right: 5px
}

.InfTit {
    font-size: 1.2rem;
    font-weight: 700;
    padding: 2%
}

.Terminos {
    overflow-x: hidden;
    margin-bottom: 2%;
    text-align: justify;
    font-size: .9rem
}

.lineaPrincipal {
    max-width: 149px;
    border-top: 2px solid #ABABAB
}

.inhabil {
    pointer-events: none;
    background: white !important;
    color: black !important
}

.p-2 {
    padding: 2% !important;
    margin-bottom: 6%;
    border: 1px solid #666666 !important;
    border-radius: 12px
}

.p-8 {
    padding: 8% !important;
    margin-bottom: 6%;
    border: 1px solid #666666 !important;
    border-radius: 12px
}

legend {
    display: block;
    padding-left: .5em;
    padding-right: .5em;
    width: auto;
    color: #666;
    font-size: 1.25rem
}

.importante-l {
    color: red;
    line-height: normal;
    text-align: left
}

.ddlForm {
    background-color: #e2e2e2;
    font-size: .9rem;
    font-weight: 400;
    border-color: #6c757d;
    color: #6C757D;
    text-align: left !important;
}

    .ddlForm > option {
        background-color: #e2e2e2
    }

.pad_Extra {
    padding: 2%
}

h3 {
    color: #666
}

.pad_Label {
    padding-bottom: 1%;
    padding-top: 2%
}

.font_left {
    text-align: left
}

.footer-t {
    font-size: .7rem !important;
    text-align: left !important;
    margin-top: 1.5rem !important
}

    .footer-t a {
        color: #63A70A !important;
        text-decoration: none !important
    }

        .footer-t a:hover {
            text-decoration: underline !important
        }

.linefoot {
    height: 1px;
    max-width: 30%;
    margin-left: 2%;
    width: 30%;
    margin-bottom: 1%
}

.btn-pd {
    margin-right: 460px
}

.p-tb-4 {
    padding: 4%
}

.f-total {
    font-weight: 700 !important;
    color: #495057 !important
}

.table-n {
    width: 100% !important;
    flex: 0 0 98%
}

    .table-n table {
        border: 1px solid #ddd !important;
        width: 90% !important
    }

    .table-n th {
        padding: 4px 8px;
        color: #fff;
        background: #858585;
        font-size: .9em;
        font-weight: 500;
        text-align: left
    }

    .table-n td {
        padding: 4px 8px;
        font-size: .9rem
    }

.t-mr {
    margin-right: 4%
}

.center {
    margin: 0 auto !important;
    display: block
}

.input-left {
    background: #ffffff !important;
    border-right: 0 !important;
    border: 1px solid #ddd
}

.input-right {
    border-left: 0 !important;
    background-color: #ffffff !important
}

.input-left-dis {
    border-right: 0 !important;
    background-color: #f5f5f5 !important;
    opacity: 1;
    border: 1px solid #f9f9f9 !important;
    color: #888
}

.input-date {
    border-top: 1px solid #ced4da !important;
    border-bottom: 1px solid #ced4da !important;
    border-right: 1px solid #ced4da !important
}

.txt-total {
    font-size: 1rem;
    font-weight: 700
}

.txt-leg {
    font-size: .75rem
}

.t-fodos {
    width: 100%
}

.t-fondos table {
    width: 100%
}

.t-fondos th {
    border: 1px solid #5FA72C;
    border: none;
    font-size: 1rem
}

.t-fondos tr {
    border-bottom: 1px solid #BDBDBD;
    font-size: 1rem
}

.t-fondos td {
    padding: 1% 0;
    font-size: 1rem;
    letter-spacing: -.25px
}

.t-border {
    border: none
}

.h-border-A {
    border-top: 1px solid #5FA72C !important;
    border-bottom: 1px solid #5FA72C !important;
    border-right: 0;
    border-left: 1px solid #5FA72C !important;
    border-radius: 4px 0 0 4px !important
}

.h-border-B {
    border-top: 1px solid #5FA72C !important;
    border-bottom: 1px solid #5FA72C !important;
    border-right: 0;
    border-left: 0
}

.h-border-C {
    border-top: 1px solid #5FA72C !important;
    border-bottom: 1px solid #5FA72C !important;
    border-right: 1px solid #5FA72C !important;
    border-left: 0;
    border-radius: 0 4px 4px 0 !important
}

.g-border-A {
    border-top: 1px solid #004A92 !important;
    border-bottom: 1px solid #004A92 !important;
    border-right: 0;
    border-left: 1px solid #004A92 !important;
    border-radius: 4px 0 0 4px !important
}

.g-border-B {
    border-top: 1px solid #004A92 !important;
    border-bottom: 1px solid #004A92 !important;
    border-right: 0;
    border-left: 0
}

.g-border-C {
    border-top: 1px solid #004A92 !important;
    border-bottom: 1px solid #004A92 !important;
    border-right: 1px solid #004A92 !important;
    border-left: 0;
    border-radius: 0 4px 4px 0 !important
}

.blue-link {
    color: #004A92 !important
}

.btn-oculto {
    visibility: hidden
}

.t-padd {
    padding-right: 64px
}

.t-header {
    border: none
}

.text-saldoA {
    font-size: 1.25rem;
    font-weight: 700;
    color: #666
}

.text-saldoB {
    font-size: 1.25rem;
    font-weight: 700;
    color: #64A70B
}

.line-saldos {
    border-bottom: 1px solid #BDBDBD;
    padding-bottom: 1%
}

.mt-s {
    margin-top: 1%
}

.btn-icon {
    padding: 0;
    background: none;
    color: #64A70B;
    text-align: left
}

.text-fecha {
    font-size: .875rem;
    font-weight: 700
}

.text-fecha-b {
    font-size: .875rem;
    font-weight: 400
}

.text-tsaldos {
    font-size: 1.25rem;
    line-height: 30px
}

.i-padd-r {
    padding-right: 0
}

.i-padd-l {
    padding-left: 2% !important
}

.red {
    color: #E51F40;
}

.padd-fr {
    padding-right: .6rem !important
}

.padd-tr {
    padding-right: .5% !important
}

.gray-r {
    color: #515151 !important;
    font-size: 100%;
    text-align: center
}

@media (min-width:1546px) {
    .modal-md {
        max-width: 650px
    }
}

@media (min-width:1497.99px) {
    .padd-tr {
        padding-right: 1.5% !important
    }
}

@media (min-width:1685.99px) {
    .padd-tr {
        padding-right: 2% !important
    }
}

@media (min-width:1797.99px) {
    .padd-tr {
        padding-right: 2.5% !important
    }
}

@media (min-width:2022.99px) {
    .padd-tr {
        padding-right: 3% !important
    }

    .padd-2 {
        padding-right: 4.5% !important
    }
}

@media (min-width:2698px) {
    .padd-trr {
        padding-right: 4% !important
    }

    .padd-2 {
        padding-right: 5% !important
    }

    .padd-tr {
        padding-right: 4% !important
    }

    .table-n table {
        width: 75% !important
    }

    .table-res {
        width: 65% !important
    }
}

@media (min-width:1367px) {
    .padd-2 {
        padding-right: 4.5%
    }

    .TitBienv {
        font-size: 1.875rem
    }

    .monto {
        font-size: 1.875rem
    }

    .TituloMonto {
        font-size: 1.375rem !important
    }

    .divSaldos {
        margin-top: -56px
    }

        .divSaldos a {
            font-size: 1.375rem !important
        }

    .padd-fr {
        padding-right: 0 !important
    }

    .table-res {
        width: 65% !important
    }

    .table-n table {
        width: 78% !important
    }
}

@media (max-width:1300px) {
    .btn-pd {
        margin-right: 300px
    }
}

@media (min-width:1300px) {
    .break:before {
        display: block;
        content: " "
    }
}

@media (min-width:1150px) {
    .padd-fr {
        padding-right: 1.5% !important
    }
}

@media (max-width:991.98px) {
    .divSaldos {
        display: block;
        text-align: center !important;
        margin-top: 0 !important
    }
}

@media (max-width:890px) {
    .t-fondos th, .t-fondos td {
        font-size: .875rem !important;
        line-height: normal !important
    }
}

@media (min-width:886px) and (max-width:991.98px) {
    .break:before {
        display: block;
        content: " "
    }
}

@media (min-width:768px) and (max-width:1050px) {
    .table-n table {
        width: 102% !important
    }
}

@media (min-width:767px) and (max-width:796px) {
    .table-n table {
        width: 160% !important
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .mob-center {
        margin: 0 auto
    }

    .btn-pd {
        margin-right: 90px
    }

    .menu_tarjetas {
        padding-left: 0 !important;
        letter-spacing: -.25px
    }

    .padd-2 {
        padding-right: 6.5% !important
    }
}

@media (min-width:768px) {
    .text-saldoA, .text-saldoB {
        font-size: 1.25rem !important
    }
}

@media (max-width:768px) {
    .font_left {
        font-size: .9rem
    }

    .t-fondos th, .t-fondos td {
        font-size: .875rem !important;
        line-height: normal !important
    }

    .t-fondos tr {
        font-size: .875rem !important;
        line-height: normal !important
    }

    .p-2 {
        padding: 4% !important
    }

    .i-padd-r {
        padding-right: 15px
    }

    .i-padd-l {
        padding-left: 0 !important
    }

    .pl-s {
        padding-left: 4% !important
    }
}

@media (max-width:690px) {
    .t-padd {
        padding-right: 60px
    }
}

@media (min-width:576px) and (max-width:767.98px) {
    .linkExt {
        padding-left: 1%
    }

    .i-disponible {
        width: 90%
    }

    .i-app {
        width: 80%
    }

    .padd-fr {
        padding-right: 1% !important
    }
}

@media (max-width:480px) {
    .t-padd {
        padding-right: 48px
    }
}

@media (min-width:424px) and (max-width:767.8px) {
    .table-n table {
        width: 102% !important
    }
}

@media (min-width:375px) and (max-width:423.98px) {
    .table-n table {
        width: 108% !important
    }
}

@media (min-width:320px) and (max-width:359.98px) {
    .table-n table {
        width: 134% !important
    }
}

@media (min-width:480px) and (max-width:575.98px) {
    .Hed_Elem {
        line-height: normal;
        text-align: center
    }

    .hide400 {
        display: none
    }

    .Titulo {
        text-align: center
    }

    .Hed_Text {
        padding: 2.5% 15px 2.5% 15px;
        text-align: center
    }

    .Formulario > .col-md-10 > .row > .col-sm-6 {
        padding-bottom: 2%
    }

    .divTerminos {
        padding-top: 5% !important
    }

    .divButton {
        padding-top: 5% !important;
        padding-bottom: 5%
    }

    .linkExt {
        padding-left: 2%
    }

    .font_left {
        font-size: .85rem
    }

    .Cantidades {
        font-size: .85rem
    }
}

@media (min-width:576px) {
    .modal-dialog-centered {
        height: calc(100% - (1.75rem * 2))
    }
}

@media (max-width:576px) {
    .modal-dialog-centered {
        height: calc(100% - (1.75rem * 2))
    }

    .i-disponible {
        width: 100%;
        padding-top: .25rem
    }

    .i-app {
        width: 80%
    }
}

@media (max-width:515px) {
    .footer-t {
        margin-top: .5rem !important
    }

    .mob-center {
        margin: 0 auto
    }

    .btn-pd {
        margin-right: 50px
    }

    .Pad_mobil {
        padding-left: 4% !important;
        padding-right: 4% !important
    }

    .Pad_btn_mob {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    legend {
        text-align: left !important;
        padding: 10px 0;
        width: 100%;
        margin-bottom: 0
    }

    .p-2 {
        padding: 0 !important;
        margin-bottom: 8%;
        border: none !important
    }

        .p-2 span {
            text-align: left;
            line-height: normal
        }
}

@media (max-width:479.98px) {
    .TxtTransp {
        font-size: 0.8rem !important
    }

    .hide400 {
        display: none
    }

    .templatemo-contact-form-1 {
        padding: 0 10px 5px 10px
    }

    .Hed_Elem {
        line-height: normal;
        text-align: center;
        padding: 0
    }

    .Titulo {
        text-align: center;
        font-size: 1.1rem
    }

    .Nom_Afiliado {
        font-size: .75rem
    }

    .btnHome {
        max-height: 20px;
        margin-right: auto
    }

    .Hed_Text {
        padding: 2.5% 15px 2.5% 15px;
        text-align: center
    }

    .Encabezado {
        padding-bottom: 8% !important
    }

    .form-control-ast {
        width: 95% !important;
        font-size: .8rem
    }

    .PassLeyenda {
        line-height: 1.2
    }

    .linkExt {
        padding-left: 1%
    }

    .Formulario > .col-md-10 > .row > .col-sm-6 {
        padding-bottom: 2%
    }

    .divTerminos {
        padding-top: 5% !important
    }

    .divButton {
        padding-top: 5% !important;
        padding-bottom: 5%
    }

    .text-saldoA, .text-saldoB {
        font-size: .875rem
    }

    .font_left {
        font-size: .875rem;
        letter-spacing: -.25px
    }

    .text-fecha {
        font-size: .75rem !important
    }

    .text-fecha-b {
        font-size: .75rem
    }

    .txt-total {
        font-size: .875rem
    }

    .Cantidades {
        font-size: .85rem
    }

    .t-fondos th {
        font-size: .75rem !important;
        line-height: normal !important
    }

    .t-fondos td {
        padding: 1% 0;
        font-size: .75rem !important;
        line-height: normal !important
    }

    .t-fondos tr {
        font-size: .75rem !important;
        line-height: 16px !important
    }

    .text-tsaldos {
        font-size: 1.125rem;
        line-height: 24px
    }
}

@media (min-width:419.98px) and (max-width:767.98px) {
    .pr-ms {
        padding-right: 1rem !important
    }
}

@media (max-width:320px) {
    .t-fondos th {
        font-size: .625rem !important;
        line-height: normal !important
    }

    .t-fondos tr {
        font-size: .625rem !important;
        line-height: normal !important
    }

    .btn-success {
        padding-left: 24px !important;
        padding-right: 24px !important
    }
}

@media screen and (min-width:0\0) {
    .menuH {
        margin-top: 130px !important
    }

    .smartheight {
        min-height: 1% !important
    }

    .mt-menu {
        margin-top: 15% !important
    }

    .pad-menu {
        padding-top: 6% !important
    }

    .menu_tarjetas {
        margin-bottom: 6% !important
    }

        .menu_tarjetas:hover, .menu_tarjetas:active, .linkMenu:active, .menuActivo {
            padding-top: 6% !important
        }

    .legend-tit {
        text-align: center !important;
        width: 100%
    }

    .btn-font {
        background: none;
        border: none !important;
        color: #5FA72C !important;
        font-weight: 400
    }

        .btn-font:hover {
            text-decoration: underline !important
        }

    .modal-footer-col {
        display: list-item;
    }
}


/* Estilos Calculadora */

.cont_c {
    border: 1px solid;
    border-radius: 6%;
    padding: .5rem;
}

.cont_t {
    font-size: 1.25rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .5px;
}

.cont_p {
    font-size: .875rem;
    line-height: 1.2rem;
}

.cont_s {
    letter-spacing: .25px;
    line-height: 20px;
}

.cont_c hr {
    border-top: 2px solid #EBEBEB;
}