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

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

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

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

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

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

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

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

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

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


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


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

.tit-login {
    font-size: 1.75rem;
    font-weight: 900;
    color: #2D2D2D !important;
    letter-spacing: .5px;
    text-align: left;
    line-height: initial;
}

.sub-login {
    font-size: 1rem;
    font-weight: 400;
    color: #666666 !important;
    text-align: left;
}

.text-gray {
    color: #666666 !important;
}

.text-red {
    color: #EA0029 !important;
}


.label-login {
    font-size: 0.875rem;
    font-weight: 900 !important;
    color: #666666 !important;
    letter-spacing: .5px;
}

.bg-login {
    background-color: #ffffff;
    background-image: url('/banorte/__host/comprafore.xxi-banorte.com/Img/Backgrounds/bg-login.png') !important;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    background-size: cover;
}

.form-control {
    color: #666666 !important;
}

.input-pass {
    border-right: 0 solid transparent !important;
    border-radius: 8px 0 0 8px !important;
    background-color: transparent;
}

.input-eye {
    border-left: 0 solid transparent !important;
    background-color: transparent;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border: 1px solid #E3E3E3 !important;
}

.templatemo-contact-form-1 input.form-control {
    height: 40px !important;
    border-radius: 8px !important;
    font-family: 'Roboto', Arial !important;
    font-weight: 400;
    padding: 10px 16px;
    color: #666666;
    background-color: transparent !important;
    border: 1px solid #E3E3E3;
}

.templatemo-contact-form-1 .form-control:focus {
    color: #666666 !important;
    border: 1px solid #64a70b !important;
    font-weight: 400 !important;
    box-shadow: none !important;
}

.form-control:focus {
    color: #666666 !important;
    border: 1px solid #64a70b !important;
    font-weight: 400 !important;
    box-shadow: none !important;
}

.radio label {
    margin-left: 8px;
}

.SubLeyenda {
    font-size: 0.75rem !important;
    color: #949494 !important;
}

.btn-primario {
    background-color: #64A70B;
    border-radius: 8px;
    font-size: 1rem;
    color: #ffffff !important;
    padding: 8px;
    -webkit-box-shadow: 0px 10px 13px -7px #000000b0, 4px -3px 15px -5px rgba(0,0,0,0);
    box-shadow: 0px 10px 13px -7px #000000b0, 4px -3px 15px -5px rgba(0,0,0,0);
}

    .btn-primario:hover {
        color: #ffffff !important;
        background-color: #5a9609;
    }

    .btn-primario.disabled, .btn-primario:disabled {
        background: #C4C3C3 !important;
    }

.btn-secundario {
    background-color: #ffffff;
    border-radius: 8px;
    font-size: 1rem;
    color: #64A70B !important;
    padding: 8px;
    -webkit-box-shadow: 0px 10px 13px -7px #000000b0, 4px -3px 15px -5px rgb(0 0 0 / 0%);
    box-shadow: 0px 10px 13px -7px #000000b0, 4px -3px 15px -5px rgb(0 0 0 / 0%);
    border: 1px solid #64A70B;
}

    .btn-secundario:hover {
        color: #5a9609 !important;
        background-color: #ffffff;
        border: 1px solid #5a9609;
        font-weight: bold;
    }

.btn-alert {
    background-color: #EA0029;
    border-radius: 8px;
    font-size: 1rem;
    color: #ffffff !important;
    padding: 8px;
    -webkit-box-shadow: 0px 10px 13px -7px #000000b0, 4px -3px 15px -5px rgb(0 0 0 / 0%);
    box-shadow: 0px 10px 13px -7px #000000b0, 4px -3px 15px -5px rgb(0 0 0 / 0%);
}

    .btn-alert:hover {
        color: #ffffff !important;
        background-color: #bb0021;
    }

.btn-cancel {
    background-color: #949494;
    border-radius: 8px;
    font-size: 1rem;
    color: #ffffff !important;
    padding: 8px;
    -webkit-box-shadow: 0px 10px 13px -7px #000000b0, 4px -3px 15px -5px rgb(0 0 0 / 0%);
    box-shadow: 0px 10px 13px -7px #000000b0, 4px -3px 15px -5px rgb(0 0 0 / 0%);
}

    .btn-cancel:hover {
        color: #ffffff !important;
        background-color: #8f8f8f;
    }

.btn-small {
    background-color: #64A70B;
    border-radius: 8px;
    font-size: 1rem;
    color: #ffffff !important;
    padding: 8px 12px;
    -webkit-box-shadow: 0px 10px 13px -7px #000000b0, 4px -3px 15px -5px rgba(0,0,0,0);
    box-shadow: 0px 10px 13px -7px #000000b0, 4px -3px 15px -5px rgba(0,0,0,0);
}

    .btn-small:hover {
        color: #ffffff !important;
        background-color: #5a9609;
    }

    .btn-small.disabled, .btn-small:disabled {
        background: #C4C3C3 !important;
    }

.btn-text {
    color: #64A70B !important;
    text-decoration: none;
    background: none !important;
    border: none !important;
    font-size: .875rem;
}

    .btn-text:hover {
        text-decoration: underline;
    }

#btnBusqueda {
    display: block;
    float: right;
}

#btnBusquedaR {
    display: none;
}

.padd-btn {
    padding-top: 5%;
}

.contFileUp {
    padding: 2%;
    margin-bottom: 0px;
}

.btn-FileUpload {
    cursor: pointer;
    margin: 0;
    vertical-align: middle;
    background: #64A70B;
    border: initial;
    font-weight: 400;
    color: #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    text-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    width: 100%;
    font-size: 1rem !important;
}

    .btn-FileUpload:hover {
        color: #ffffff !important;
        background-color: #5a9609;
    }

.TextFileUpload {
    color: white;
    cursor: pointer;
    text-align: left;
    white-space: normal;
    word-wrap: break-word;
    display: inline-block;
}

.eliminar a {
    font-size: .75rem !important;
    color: #EA0029 !important;
    cursor: pointer;
}

    .eliminar a:hover {
        font-size: .75rem !important;
        color: #EA0029 !important;
        text-decoration: underline !important;
    }

.pdf {
    font-size: 1.25rem;
    color: #EA0029;
}

.word {
    font-size: 1.25rem;
    color: #1655B7;
}

.excel {
    font-size: 1.25rem;
    color: #096E02;
}

.ppt {
    font-size: 1.25rem;
    color: #FF7C09;
}

.imgenes {
    font-size: 1.25rem;
    color: #666666;
}

a {
    color: #64A70B !important;
    text-decoration: none;
    cursor: pointer;
}

    a:hover {
        text-decoration: underline;
    }


.alert-btn a {
    color: #6a1a21 !important;
}

.alert-btn:focus {
    box-shadow: none !important;
}

.templatemo-contact-form-1 {
    background: rgba(255, 255, 255, 0.9);
    border-radius: 8px;
    color: rgb(197,197,197);
    max-width: 400px;
    margin: 50px auto;
    padding: 3rem 2rem 2rem 2rem;
}



.has-success .form-control, .has-error .form-control, .has-success .form-control:focus, .has-error .form-control:focus {
    border-color: #E3E3E3;
    box-shadow: none;
}

.has-success .form-control,
.form-control .has-success .form-control-feedback, .form-control.valid:focus {
    border-color: #05AE0E;
    color: #05AE0E;
}

.has-error .form-control,
.form-control .has-error .form-control-feedback, .form-control.error {
    color: #EA0029 !important;
    border-color: #EA0029 !important;
}

.form-control:focus + .input-group-addon, .form-control:focus ~ .input-group-addon {
    background-color: #FFFFFF;
    border-color: #9A9A9A;
}

.form-control ::-moz-placeholder {
    color: #DDDDDD;
    opacity: 1;
}

.form-control ::-moz-placeholder {
    color: #DDDDDD;
    opacity: 1;
}

.form-control ::-webkit-input-placeholder {
    color: #DDDDDD;
    opacity: 1;
}

.form-control ::-ms-input-placeholder {
    color: #DDDDDD;
    opacity: 1;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #EEEEEE;
    color: #999999;
    cursor: not-allowed;
}

.input-lg {
    height: 56px;
    padding: 10px 16px;
}

.input-group-addon {
    background-color: #FFFFFF;
    border: 1px solid #E3E3E3;
    border-radius: 4px;
}

    .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
        border-right: 0 none;
    }

        .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child) {
            /*border-left: 0 none;*/
        }

/*           Labels & Progress-bar              */
.label {
    padding: 0.2em 0.6em 0.2em;
    border: 1px solid #999999;
    border-radius: 3px;
    color: #666666;
    background-color: #FFFFFF;
    font-weight: 500;
    font-size: 11px;
    text-transform: uppercase;
}

    .label.label-fill {
        color: #FFFFFF;
    }

.label-primary {
    border-color: #3472F7;
    color: #3472F7;
}

.label-info {
    border-color: #2CA8FF;
    color: #2CA8FF;
}

.label-success {
    border-color: #05AE0E;
    color: #05AE0E;
}


.label-danger {
    border-color: #EA0029;
    color: #EA0029;
}

label {
    font-weight: 400;
}

    label.error {
        color: #EA0029;
        margin-top: 0.35rem;
        margin-bottom: 0;
        font-size: 0.85rem;
        letter-spacing: .35px;
    }

    label small {
        color: #999999;
    }


.logo-login {
    display: none;
}

.text-login {
    color: #FFFFFF;
    font-size: .875rem;
    letter-spacing: .25px;
}

    .text-login span {
        font-size: 1rem;
        font-weight: bold;
        letter-spacing: .5px;
    }

.text-axxi {
    color: #ffffff;
    font-weight: 900;
    font-size: 1.875rem;
    letter-spacing: .5px;
}

.padd-logo {
    padding: 18% 10% 0 10%;
    position: fixed
}

    .padd-logo img {
        width: 300px;
    }

.padd-logo-log {
    padding: 8% 10% 0 10%;
    position: fixed
}

.padd-log-logo {
    padding: 8% 10% 0 10%;
    position: fixed
}

.logo-log {
    width: 260px;
}

.AvisoPriv {
    font-size: .85rem;
    color: #666666;
}

.text-pass {
    color: #949494 !important;
    font-size: 0.75rem;
}

.main-header {
    width: 100%;
    left: 0;
    top: 0;
    position: fixed;
    z-index: 999;
    margin: 0;
}

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

    .Cinta_Hed a {
        color: #666666 !important;
    }

        .Cinta_Hed a:hover {
            text-decoration: underline !important;
            color: #666666 !important;
        }

        .Cinta_Hed a:active {
            color: #666666 !important;
            background: #64a70b45 !important;
        }

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

.head-logo {
    width: 60%;
}

.bg-color {
    background-color: #F8F8F8 !important;
}

.bg-white {
    background: #ffffff;
    -webkit-box-shadow: -1px 2px 14px -5px rgb(0 0 0 / 75%);
    -moz-box-shadow: -1px 2px 14px -5px rgba(0,0,0,0.75);
    box-shadow: -1px 2px 14px -5px rgb(0 0 0 / 75%);
    height: fit-content;
}

.tit-body {
    font-size: 1.5rem;
    line-height: 1.75rem;
    font-weight: 900;
    color: #2D2D2D !important;
    letter-spacing: .5px;
    text-align: left;
}


.sub-body {
    font-size: 1.2rem;
    line-height: 1.6rem;
    line-height: initial;
    color: #666666 !important;
    font-weight: 900;
    letter-spacing: .25px;
}

    .sub-body a {
        color: #666666 !important;
    }

        .sub-body a:hover {
            text-decoration: underline !important;
            color: #666666 !important;
        }

.text-body {
    font-size: .875rem;
    color: #666666 !important;
}

.text-body-bold {
    font-size: 1rem;
    line-height: 1.2rem;
    line-height: initial;
    color: #949494;
    font-weight: 900;
    letter-spacing: .25px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.small-body {
    color: #949494;
    font-size: .75rem;
}

.filtro a {
    color: #666666 !important;
}

.user-name {
    color: #666666;
    text-transform: capitalize !important;
    font-weight: normal !important;
}


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

.contador {
    max-height: 324px;
}

    .contador p {
        font-size: .875rem !important;
        color: #666666 !important;
    }

.badge-primary {
    background: #64A70B;
    color: #ffffff;
    padding: 2% 4%;
}

.badge-second {
    background: #002F87;
    color: #ffffff;
    padding: 2% 4%;
}

.badge-third {
    background: #EA0029;
    color: #ffffff;
    padding: 2% 4%;
}

.badge-ganado {
    background: #64A70B;
    color: #ffffff;
    padding: 1% 10%;
    border-radius: 16px;
    font-size: .75rem;
}

.badge-proceso {
    background: #FFCE09;
    color: #ffffff;
    padding: 1% 10%;
    border-radius: 16px;
    font-size: .75rem;
}

.badge-finalizado {
    background: #949494;
    color: #ffffff;
    padding: 1% 10%;
    border-radius: 16px;
    font-size: .75rem;
}

.usuario {
    margin: 0 auto;
}

.usuario-color {
    background: #002f87;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    text-align: center;
    color: #ffffff;
    padding-top: 20%;
}

.usuario-color-b {
    background: #64A70B;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    text-align: center;
    color: #ffffff;
    padding-top: 20%;
}

.separador {
    border-bottom: 1px solid #ccc;
    padding-bottom: 1.5rem;
}

.dropdown-menu {
    position: absolute;
    z-index: 1000;
    display: none;
    min-width: 18rem;
    padding: 0;
    margin: 0 14px !important;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 0.25rem;
}

    .dropdown-menu a {
        padding: .5rem 1rem;
    }

        .dropdown-menu a:hover {
            text-decoration: none !important;
        }

.dropdown-menu-bg {
    background-color: #DCFFAE;
}

.flechita_select {
    border: 1px solid #ccc;
    background: url('/banorte/__host/comprafore.xxi-banorte.com/Img/Icon/arrow-down-b.svg') no-repeat 98% 30% #fff;
    background-size: 16px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    text-align-last: left;
}

.user_mob {
    display: none;
}

.Mpp_Exito {
    background-color: #FFFFFF;
    color: #61A514;
    text-align: center;
    border-bottom: 1px solid #fff;
    letter-spacing: .5px;
    border-top: 9px solid #61A514;
}

.Mpp_Exito_Footer {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    text-align: center;
    padding: 4%;
    justify-content: center;
    border-top: none;
    background: #FFFFFF;
}

    .Mpp_Exito_Footer a {
        font-size: 1rem;
    }

.btn-dark {
    font-size: 1rem;
}

.btn-out {
    color: #64A70B !important;
    text-decoration: none;
    font-size: 1rem;
}

    .btn-out:hover {
        color: #64A70B !important;
        text-decoration: underline;
        font-size: 1rem;
    }

.cronometro {
    font-size: 1.5rem
}

.banner {
    background: #EA0029;
}

.banner-text {
    padding-left: 4.5rem;
    padding-right: 4.5rem;
}

    .banner-text h1 {
        color: #ffffff;
        font-size: 1.75rem;
        font-weight: 900;
        line-height: 2.25rem;
        letter-spacing: .5px;
    }

        .banner-text h1 span {
            color: #FFA7B7;
        }

    .banner-text p {
        color: #ffffff !important;
        margin-bottom: 0;
    }

    .banner-text a {
        color: #ffffff !important;
    }

.bg-banner {
    background-color: #ffffff;
    background-image: url('/banorte/__host/comprafore.xxi-banorte.com/Img/Backgrounds/bg-banner.jpg') !important;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.page-item.active .page-link {
    background: #64A70B;
    color: #ffffff !important;
    border-color: transparent !important;
}

footer {
    background: #ffffff !important;
    text-align: center;
    padding: 1.5rem 1rem;
    margin-top: 2rem;
}

    footer p {
        font-size: 0.875rem;
        margin-bottom: .5rem !important;
    }

.li-footer-list {
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    flex-wrap: wrap;
    display: flex;
    justify-content: center;
    padding: 0;
}

.li-footer-item {
    list-style: none;
    width: auto;
    padding: 0 .5rem;
}

    .li-footer-item a {
        font-weight: 900;
        color: #666666 !important;
    }

/*.footer-b {
    position: absolute;
    width: 100%;
    bottom: 0;
}*/

.form-check-input:checked {
    background-color: #64A70B !important;
    border-color: #64A70B !important;
}

.confirm {
    background: #F8F8F8;
    padding: 2% 0;
}

    .confirm a {
        font-size: 1rem;
        color: #666 !important;
    }

.icon-confirm {
    font-size: 2rem;
    color: #64A70B;
}

.icon-confirm-modal {
    font-size: 1.25rem;
    color: #64A70B!important;
}

.icon-error {
    font-size: 2rem;
    color: #EA0029;
}

.icon-search {
    font-size: 2rem;
    color: #666666;
}

.btn-close:focus {
    outline: 0;
    box-shadow: none !important;
    opacity: 1;
}

.btn-pop {
    padding: 40% 0 0 0;
    background: none;
    color: #62a70b;
    border: none;
}

    .btn-pop:hover {
        color: #62a70b !important;
    }

    .btn-pop:focus {
        border: none !important;
        box-shadow: none !important;
    }

.pop-registrado {
    background: #DCFFAE;
    /*margin-left: -12px !important;*/
    margin-right: -12px !important;
}

    .pop-registrado h2 {
        color: #666666;
        font-size: 1.2rem;
        font-weight: 900;
        line-height: inherit;
        letter-spacing: .5px;
    }

    .pop-registrado p {
        color: #666666 !important;
        margin-bottom: 0;
    }

    .pop-registrado button {
        right: 2% !important;
    }

.nav-link.active {
    color: #64A70B !important;
    border-color: #fff #fff #64A70B #fff !important;
    border-bottom: 3px solid;
}

.nav-link {
    color: #949494 !important;
    font-weight: bold !important;
}

.nav-tabs {
    border-bottom: 3px solid #C4C3C3 !important;
}

    .nav-tabs .nav-link {
        margin-bottom: -3px !important;
    }

        .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
            color: #64A70B !important;
            border-color: #fff #fff #64A70B #fff !important;
            border-bottom: 3px solid;
        }

.icon-tab {
    font-size: 1.5rem;
}

.form-select {
    color: #666666 !important;
}

    .form-select:focus {
        border-color: #64A70B !important;
        outline: 0;
        box-shadow: none !important;
    }

.tab-pane h5 {
    display: none;
}

.files {
    border-bottom: 1px solid #ced4da;
    padding-bottom: 1.5rem;
    padding-top: .5rem;
}

    .files label {
        letter-spacing: 0 !important;
    }

.cont-popover {
    padding-top: 4% !important;
    font-size: 1.5rem;
    color: #62a70b;
    padding: 0;
}

.doc {
    font-size: 2.5rem;
}

.documento {
    font-size: .875rem;
}

.search input {
    border-radius: 8px 0 0 8px !important;
}


.search a {
    font-size: .875rem;
}

.btnDescarga a {
    font-size: .875rem;
}

.divlist {
    font-size: 1rem;
}

.head-list {
    background: #64a70b;
    color: #fff;
    font-weight: bold;
}

.list-mob {
    display: none;
}

.list-desk {
    display: block;
}

    .list-desk a {
        color: #666666 !important;
    }

.list {
    background: #ffffff;
    color: #666666;
    font-weight: normal;
    -webkit-box-shadow: 9px 11px 15px -12px rgb(137 138 138);
    -moz-box-shadow: 9px 11px 15px -12px rgba(137,138,138,1);
    box-shadow: 9px 11px 15px -12px rgb(137 138 138);
}

.proceso {
    background: #949494;
    border-bottom: 4px solid #C9C9C9;
    color: #ffffff;
    padding: 0;
}

    .proceso > .icon-img {
        text-align: center;
        font-size: 4rem;
        color: #C9C9C9;
    }



.ganados {
    background: #64A70B;
    border-bottom: 4px solid #B2D385;
    color: #ffffff;
    padding: 0;
}

    .ganados > .icon-img {
        text-align: center;
        font-size: 4rem;
        color: #B2D385;
    }


.perdidos {
    background: #EA0029;
    border-bottom: 4px solid #F48094;
    color: #ffffff;
    padding: 0;
}

    .perdidos > .icon-img {
        text-align: center;
        font-size: 4rem;
        color: #F48094;
    }


    .proceso > .numero, .ganados > .numero, .perdidos > .numero {
        font-size: 3.5rem;
        font-weight: bold;
    }

    .proceso > .text, .ganados > .text, .perdidos > .text {
        line-height: initial;
    }

        .proceso > .text span, .ganados > .text span, .perdidos > .text span {
            font-weight: bold;
            font-size: 1.25rem;
        }

.btn-a:hover {
    text-decoration: none !important;
}


@media (min-width: 1366px) {
    .templatemo-contact-form-1 {
        padding: 3rem 3rem 2rem 3rem;
    }
}

@media (min-width: 1280px) {
    .templatemo-contact-form-1 {
        max-width: 460px;
    }
}


@media (min-width: 1517px) {
    .templatemo-contact-form-1 {
        margin: 30px 0 0 auto;
    }

    .head-logo {
        width: 45% !important;
    }

    .banner-text {
        padding-left: 7rem;
        padding-right: 7rem;
        padding-top: 3rem;
    }

        .banner-text p {
            color: #ffffff !important;
            margin-bottom: 1rem;
        }

    .pop-registrado {
        margin-left: 36px !important;
        margin-right: -12px !important;
    }
}

@media (max-width:1199px) {
    .nav-link {
        font-size: .875rem;
    }
}

@media (max-width:1024px) {
    .padd-log-logo {
        padding: 8% 10% 0 3%;
    }
}

@media (max-width: 991px) and (min-width: 850px) {
    .padd-log-logo {
        padding: 8% 10% 0 0%;
    }
}

@media (max-width: 991px) {
    .padd-logo {
        padding: 25% 0 0 0;
    }

        .padd-logo img {
            width: 90%;
        }

    .padd-logo-log {
        padding: 8% 10% 0 10%;
    }

    .text-axxi {
        font-size: 1.25rem;
    }

    .head-logo {
        width: 90%;
    }

    .bg-banner {
        height: 380px;
    }

    .divlist {
        font-size: .875rem;
    }

    #btnBusqueda {
        display: none;
    }

    #btnBusquedaR {
        display: block;
        float: right;
        width: 30%;
    }
}

@media (max-width: 850px) {
    .tit-body-l {
        font-size: 1.25rem !important;
    }
}

@media (max-width: 768px) {
    .padd-logo {
        padding: 30% 0 0 0;
        text-align: center;
    }

        .padd-logo img {
            width: 100%;
        }

    .padd-log-logo {
        padding: 8% 0 0 0;
    }

    .logo-log {
        width: 280px;
    }

    .center-padd {
        margin: 0 auto !important;
    }

    .head-logo {
        width: 80%;
    }

    .user-name {
        font-size: .75rem;
    }

    .tit-body-l {
        font-size: 1.25rem !important;
    }

    .banner-text {
        padding-left: 3rem;
        padding-right: 3rem;
    }
}

@media (max-width: 767px) {
    .tab-tit {
        display: none;
    }

    .tab-pane h5 {
        display: block;
    }

    .divlist {
        font-size: 1rem;
    }

    .head-list {
        display: none;
    }

    .list-mob {
        display: block;
    }

    .list-desk {
        display: none;
    }

    #btnBusquedaR {
        width: 50%;
    }
}

@media (max-width: 767px) and (min-width: 577px) {
    .padd-logo {
        padding: 10% 10% 0 10%;
        text-align: center;
        position: relative;
    }

        .padd-logo img {
            width: 50%;
        }

    .center-padd {
        margin: 0 auto !important;
    }

    .padd-log-logo {
        padding: 5% 0 0 0;
    }

    .text-login {
        display: none;
    }

    .center-padd-log {
        margin: 0 auto !important;
    }

    .templatemo-contact-form-1 {
        margin: 150px auto 0 auto !important;
        padding: 3rem 2rem 2rem 2rem;
    }

    .templatemo-margin {
        margin: 10px auto 0 auto !important;
    }

    .tit-body-l {
        font-size: 1.25rem !important;
    }

    .icon-tab {
        font-size: 1.875rem;
    }
}


@media (max-width: 466px) {
    .btn-w {
        width: 100% !important;
    }

    .mt-s {
        margin-top: 1rem;
    }
}

@media (max-width: 576px) {
    .bg-login {
        background-color: #ffffff !important;
        background-image: none !important;
    }

    .user-name {
        font-size: 1rem;
    }

    .user_mob {
        display: block;
    }

    .padd-logo {
        display: none;
    }

    .padd-log-logo {
        display: none;
    }

    .logo-login {
        display: block;
    }

        .logo-login img {
            width: 80%;
            margin-bottom: 1rem;
        }

    .head-logo {
        width: 45%;
    }

    .text-axxi {
        color: #666666 !important;
        font-size: 1.875rem;
        font-weight: 500;
    }

    .name {
        display: none;
    }

    .usuario-color {
        display: none;
    }

    .dropdown-menu {
        margin-right: -20px !important;
    }

    .templatemo-contact-form-1 {
        margin: 0px auto;
        padding: 3rem 2rem 2rem 2rem;
    }

    .bg-banner {
        height: 250px;
    }

    .banner-text {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        padding-top: 1rem;
        margin-top: 0 !important;
    }

    .pdd-nav {
        padding-top: 6rem !important;
    }

    .pop-registrado {
        margin-left: -24px !important;
        margin-right: -24px !important;
        margin-top: 1.8rem !important;
    }

    #btnBusquedaR {
        width: 100%;
    }
}

@media (max-width: 375px) {

    .templatemo-contact-form-1 {
        padding: 3rem 1rem 2rem 1rem;
    }

    .head-logo {
        width: 60%;
    }

    .tit-body-l {
        font-size: 1.25rem !important;
    }

    .banner-text h1 {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }

    .pdd-t {
        padding-top: 1rem !important;
    }

    .filtro {
        margin-bottom: 0 !important;
    }

    footer p {
        font-size: 0.75rem;
        padding: 0 1rem;
    }

    .li-footer-item {
        font-size: 0.75rem;
    }
}

@media (max-width: 365px) {
    .btn-mod {
        width: 100% !important;
    }

    .nav-link {
        padding: 0.5rem 0.5rem;
    }
}

@media (max-width: 340px) {

    .templatemo-contact-form-1 {
        padding: 2rem 0.5rem;
    }

    .sub-login {
        font-size: .875rem;
    }

    .tit-login {
        font-size: 1.5rem;
    }

    .text-axxi {
        font-size: 1.75rem;
    }

    .pdd-r {
        padding-right: 0;
    }

    .w-mob {
        flex: 0 0 100%;
        width: 100%;
    }

    .bg-banner {
        height: 200px;
    }
}



@media (max-width: 290px) {

    .templatemo-contact-form-1 {
        padding: 2rem 0.5rem;
    }

    .sub-login {
        font-size: .875rem;
    }
}

.confirm {
    background: #F8F8F8;
    padding: 2% 0;
}

.icon-search {
    font-size: 3rem;
    color: #666666;
}

@media (max-width: 576px) {
    .icon-search {
        font-size: 2rem;
        color: #666666;
    }
}


/***Boton Limpiar Filtros********/
.btnLimpiarFiltros {
    /*color: #64A70B !important;
    text-decoration: none;
    cursor: pointer;*/
    color: #64A70B !important;
    font-size: 15px;
}

    .btnLimpiarFiltros:hover {
        /*text-decoration: none;*/
        color: #61A616;
        text-decoration: underline;
    }




/*******************************Estilos campanita notificaciones***************************************************/

/*.dropdown-toggle {
    color: white !important;
    line-height: 30px !important;
    padding: 0;
}

    .dropdown-toggle:hover {
        color: white;
        border-radius: 2px;
    }*/

/*.dropdown-alerts > li > a > div:hover, .dropdown-alerts > li > a > div:focus {
    color: #FFFFFF;
}


.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}

.label-green {
    background-color: #61a60e;
}


.count-info {
    background-color: #fff !important;
    cursor: pointer;
}

    .count-info .label {
        line-height: 9px;
        padding: 2px 5px;
        position: absolute;
        right: 15px;
        top: 0px;
        line-height: 12px;
        padding: 2px 5px;
        position: absolute;
        right: 405px;
        top: 29px;
    }
    

    .count-info:hover, .count-info:focus .count-info:active,
    .count-info > .bellAlert:hover, .count-info > .bellAlert:focus, .count-info > .bellAlert:active {
        color: red !important;
    }
*/


/******************************************Estailos campanita actuales**************************************/
.AlinDerecha {
    /*padding-right: 2%;*/
    text-align: center;
    padding-top: 12px;
}

.AlinDerechaBloqueada {
    /*padding-right: 2%;*/
    text-align: center;
    padding-top: 5px;
}

@media screen and (max-width: 436px) {
    .AlinDerecha {
        text-align: left;
        float: right;
    }

    .txtContAlert {
        font-size: 0.8em;
    }
}

.label2 {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}

.label-green2 {
    background-color: #61a60e;
    vertical-align: 15px;
}


.btn-campana {
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}


.count-info2 {
    background-color: #fff !important;
    cursor: pointer;
}

    .count-info2 .label2 {
        line-height: 9px;
        padding: 2px 5px;
        position: absolute;
        right: 15px;
        top: 0px;
        line-height: 12px;
        padding: 2px 5px;
        position: absolute;
        /* right: 6px;
        top: 12px;*/
        right: 405px;
        top: 29px;
    }


    .count-info2:hover, .count-info2:focus .count-info2:active,
    .count-info2 > .bellAlert2:hover, .count-info2 > .bellAlert2:focus, .count-info2 > .bellAlert2:active {
        color: red !important;
    }


.bellAlert2 {
    padding-top: 7%;
    /*color: #092f87 !important;*/
    /*color: #5a9609 !important;*/
    color: #e31e2f !important;
    font-size: 1.2em;
    cursor: pointer;
}

    .bellAlert2:hover {
        padding-top: 7%;
        /*color:#64a70b !important;*/
        color: #f00 !important;
        font-size: 1.2em;
        cursor: pointer;
    }

.bellAlertBloqueada {
    padding-top: 7%;
    color: rgb(169 168 168) !important;
    font-size: 1.2em;
    cursor: default;
}


.dropdown-menu-bg2 {
    background-color: #ffffff;
}

.dropdown-menu-bg2:hover {
    background-color: #ffffff;
}


.tamText {
    font-size: 12px;
    color: #e31e2f;
}

.tamRegresar {
    font-size: 17px;
}
.cursorMenuCrsos {
    text-decoration: none !important;
    cursor: default;
}
/*.deshabiltado2 {
    color: #666666 !important;
    background-color: #fff;
}*/
/************************Fin********************/

/*Refresh Descarga Documentos*/
.refresDocs {
    padding-top: 10px !important;
    /*color: #949494 !important;*/
    color: #64A70B !important;
    font-weight: bold !important;
}

    .refresDocs:hover {
        padding-top: 10px !important;
        color: #75C807 !important;
        font-weight: bold !important;
    }

/*.Botones Descargar zip y Regresar*/
.btnDescargaDocsZip {
    /*cursor: pointer;*/
    font-size: 2.5rem;
    text-decoration: none !important;
    text-align: center;
}

    .btnDescargaDocsZip:hover {
        font-size: 2.5rem;
        /*cursor: pointer;*/
        /*background-color: azure;*/
        color: #5a9609 !important;
        /*text-decoration: none !important;*/
        text-decoration: underline !important;
        text-align: center;
    }

.alineaBtnZip {
    text-align: center;
}

.btnRegresarDocsZip {
    font-size: 1.3rem;
    /*cursor: pointer;*/
    text-decoration: none !important;
    text-align: center;
}

    .btnRegresarDocsZip:hover {
        font-size: 1.3rem;
        /*cursor: pointer;*/
        color: #5a9609 !important;
        /*text-decoration: none !important;*/
        text-decoration: underline !important;
        text-align: center;
    }




.tituloDesargaZip {
    padding-top: 1rem;
    font-size: 1.5rem;
    line-height: 1.75rem;
    font-weight: 900 !important;
    /*color: #2D2D2D !important;*/
    color: #8c8c8c !important;
    letter-spacing: .5px;
    text-align: center;
    font-family: 'Roboto', Arial !important;
}

/*.tituloDesargaZip:hover {
    
}*/

/*.bellAlert {
    padding-top: 7%;
    color: #092f87 !important;
    font-size: 1.6em;
    cursor: pointer;
}*/

/*.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.dropdown-menu.pull-right {
    right: 0;
    left: auto;
}

.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}

@media (min-width: 768px) {
    .navbar-right .dropdown-menu {
        right: 10px;
        left: auto;
    }

    .navbar-right .dropdown-menu-left {
        right: auto;
        left: 0;
    }
}*/

/*.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color: white;
    background-color: #ea324a !important;
    border-radius: 2px;
    color: #fbf9f9 !important;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}

.dropdown-menu {
    background-color: #f3f3f3 !important;
    cursor: pointer;
}

    .dropdown-menu > li > a {
        text-shadow: none;
    }

.pull-right {
    float: right !important;
}

.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}

.nav .nav-divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}

.txtContAlert {
    color: #092f87 !important;
    font-weight: 400 !important;
    padding: 3px 20px !important;
}

    .txtContAlert:focus, .txtContAlert:hover {
        color: #FFFFFF;
    }

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

.divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5
}*/
/*******************************/