/*---- Variables de colores ----*/

:root {
    --main-color: #09246F;
    --light-color: #006DBE;
    --gray-color: #404040;
    --light-gray-color: #EAEAEA;
    --green-password-color: #66CDAA;
    --red-password-color: #F08080;
    --gray-input-color: #F7F7F7;
    --gray-disabled-color: #F8F9FB;
    --gray-selects: #e7e7e8;
    --text-input-color: #333333;
    --warning-alert-color: #ca0020;
    --red-color: #D50000;
    --light-blue-color: #B1E6F8;
    --orange-color: #f35800;
    --green-color: #C3F4D8;
    --yellow-color: #FFF57F;
    --dark-blue: #006289;
    --dark-green-color: #6fb73c;
    --hover-green-color: #5d9b31;
}

.bgimage {
    text-align: right;
    color: white;
    background-size: cover;
    height: 100%;
    background-position: center center;
}

/*---- Fondos ----*/

.dark-bg {
    background-color: var(--dark-color) !important;
}

.main-color-bg {
    background-color: var(--main-color) !important;
    background-image: url(/Content/img/PZE-logo-bg.png);
    background-size: cover;
}

.light-gray-color-bg {
    background-color: var(--light-gray-color) !important;
    border-radius: 20px;
}

.pattern-bg {
    background-image: url(/Content/img/PZE-logo-bg-light.png);
    background-size: cover;
}

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

.input-color-bg {
    background-color: var(--gray-input-color);
}

.light-blue-bg {
    background-color: var(--light-color) !important;
}

.fondoBlanco {
    background-color: white;
}

.fondoBlancoPanel {
    background-color: white;
}

.fondoGris {
    background-color: var(--dark-gray-color);
}

.fondoAzulClaro {
    background-color: var(--light-blue-color);
}

.fondoRojo {
    background-color: var(--red-color);
}

.fondoVerde {
    background-color: var(--green-color);
}

.fondoAmarillo {
    background-color: var(--yellow-color);
}

body {
    background-color: var(--gray-disabled-color) !important;
}

.bolitaPanel {
    background-color: var(--main-color) !important;
    height: 180px;
    width: 180px;
    -webkit-border-radius: 50%;
    cursor: pointer;
}

.bolitaPanel:hover {
    background-color: var(--orange-color) !important;
    -webkit-box-shadow: 0px 0px 11px 3px rgba(184,184,184,1);
    -moz-box-shadow: 0px 0px 11px 3px rgba(184,184,184,1);
    box-shadow: 0px 0px 11px 3px rgba(184,184,184,1);
}

.imgBolita {
    height: 120px;
    margin-top: 10px;
}

.imgCheck {
    height: 15px;
    width: 15px;
}

/*---- Fuentes ----*/

body, p, label, .control-label {
    font-family: 'Poppins', sans-serif;
    /*font-family: 'Source Sans Pro', sans-serif;*/
    /*font-family: 'Lato', sans-serif;*/
    /*font-family: 'Open Sans', sans-serif;*/
    /*font-family: 'Roboto', sans-serif;*/
    /*font-family: 'Montserrat', sans-serif;*/
    /*font-family: 'Raleway', sans-serif;*/
}

    h1, h2, h3, h4, h5, h6, label.labelGrande, label.labelExtraGrande {
        font-family: 'Nunito', sans-serif;
        /*font-family: 'Raleway', sans-serif;*/
        /*font-family: 'Work Sans', sans-serif;*/
    }

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

p, label {
    color: var(--gray-color);
}

.register-p p {
    color: var(--text-input-color);
    font-family: 'Nunito', sans-serif;
}

.register-p a {
    font-weight: 600;
}

.form-control.focus, .form-control:focus {
    border-color: var(--text-input-color);
}

.form-control, label {
    color: var(--text-input-color);
    font-size: 16px;
}

input.form-control, textarea.form-control {
    font-size: 12px;
}

.font-dark-color {
    color: var(--dark-color) !important;
}

.font-main-color {
    color: var(--main-color) !important;
}

.font-light-color {
    color: var(--light-color) !important;
}

.font-white {
    color: #FFF !important;
}

.font-main-gray-color {
    color: var(--gray-color) !important;
}

.font-gray-color {
    color: var(--dark-gray-color) !important;
}

.font-white-color {
    color: white !important;
}

.font-red-color {
    color: var(--red-color) !important;
}

.font-light-gray-color {
    color: var(--light-gray-color) !important;
}

a.forget-password {
    text-shadow: none;
    color: var(--main-color) !important;
}

.login .content .create-account {
    background-color: var(--main-color) !important;
}

.centrar {
    text-align: center;
}

.letraNegrita {
    font-weight: bold !important;
}

.letraMedioNegrita {
    font-weight: 500;
}

.labelExtraGrande {
    font-size: 24px;
}

.detalle-solicitud .labelExtraGrande {
    font-size: 24px;
}

.labelGrande {
    font-size: 16px;
}

.labelMediana {
    font-size: 14px;
}

.labelPequena {
    font-size: 12px;
}

.subrayadoAzul {
    text-decoration: none;
    border-bottom: 2px solid var(--light-color);
}

.labelPasos {
    font-size: 16px;
    font-weight: bold;
    color: var(--light-blue-color);
}

.textarea-bloqueada {
    resize: none;
}

/*---- Botonería ----*/

.btn.light-color:not(.btn-outline) {
    color: #FFF;
    background-color: var(--main-color);
    border-color: var(--main-color);
}

/*.btn.light-color:not(.btn-outline):hover {
        color: #FFF;
        background-color: var(--dark-color);
        border-color: var(--dark-color);
    }*/

.btn.btn-outline.light-color {
    border-color: var(--light-color);
    color: var(--light-color);
    background: 0 0;
}

.btn-success {
    color: #fff;
    background-color: var(--light-color);
    border-color: var(--light-color);
}

.btn.btn-outline.light-color.active, .btn.btn-outline.light-color:active, .btn.btn-outline.light-color:active:focus, .btn.btn-outline.light-color:active:hover, .btn.btn-outline.light-color:focus, .btn.btn-outline.light-color:hover {
    border-color: var(--main-color);
    color: #FFF;
    background-color: var(--main-color);
}

.btn-success.active, .btn-success:active, .btn-success:hover, .open > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: var(--main-color);
    border-color: var(--main-color);
}

.btn-success.focus, .btn-success:focus {
    color: #fff;
    background-color: var(--main-color);
    border-color: var(--main-color);
}

.btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .open > .btn-success.dropdown-toggle.focus, .open > .btn-success.dropdown-toggle:focus, .open > .btn-success.dropdown-toggle:hover {
    color: #fff;
    background-color: var(--light-color);
    border-color: var(--light-color);
}

.btnRedondo {
    background-color: var(--light-color);
    border: none;
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 50%;
    height: 30px;
    width: 30px;
}

.btn.btn-default, .btn.btn-secondary {
    background: #fff;
    border-color: var(--main-color);
    color: var(--main-color);
}

    .btn.btn-default.active, .btn.btn-default:active, .btn.btn-default:focus, .btn.btn-default:hover:not(:disabled), .btn.btn-secondary.active, .btn.btn-secondary:active, .btn.btn-secondary:focus, .btn.btn-secondary:hover:not(:disabled), .show > .btn.btn-default.dropdown-toggle, .show > .btn.btn-secondary.dropdown-toggle {
        background: var(--dark-color);
        border-color: var(--dark-color);
        color: #ffffff;
    }

.btn {
    background: var(--main-color);
    border-color: var(--main-color);
    color: #ffffff;
    text-transform: uppercase;
}


    .btn:hover {
        background: var(--dark-color);
        border-color: var(--dark-color);
        color: #ffffff;
    }

.k-button:hover, .k-buttonk:focus, .k-buttonk:active {
    color: #ffffff !important;
    background-color: var(--main-color) !important;
    border-color: var(--main-color) !important;
}

.delete-button {
    color: #ffffff;
    background-color: #ae0000 !important;
    border-color: #ae0000 !important;
}

    .delete-button:hover, .k-button.delete-button:focus, .k-button.delete-button:active {
        color: #ffffff;
        background-color: #c10000 !important;
        border-color: #c10000 !important;
    }

.download-button {
    color: #ffffff;
    background-color: #8AC700 !important;
    border-color: #8AC700 !important;
}

    .download-button:hover, .k-button.download-button:focus, .k-button.download-button:active {
        color: #ffffff;
        background-color: #8AC700 !important;
        border-color: #8AC700 !important;
    }

.green-button {
    color: #ffffff;
    background-color: var(--dark-green-color) !important;
    border-color: var(--dark-green-color) !important;
}

    .green-button:hover, .k-button.green-button:focus, .k-button.green-button:active {
        color: #ffffff;
        background-color: var(--hover-green-color) !important;
        border-color: var(--hover-green-color) !important;
    }

.swal2-popup .swal2-styled.swal2-confirm, .swal2-popup .swal2-styled.swal2-cancel {
    border-radius: 0px !important;
}

@media only screen and (min-width: 1025px) {
    /*---- Botones con imágenes ----*/
    /*.icon-button {
        width: 25px;
        height: 25px;
        background-repeat: no-repeat;
        background-size: contain;
        background-color: #fff;
    }
    .icon-button:hover, .icon-button.selected-option:hover {
            width: 25px;
            height: 25px;
            background-image: url(../../Content/img/check.png);
            background-repeat: no-repeat;
            background-size: contain;
            background-color: #fff;
    }
    .icon-button.selected-option {
            width: 25px;
            height: 25px;
            background-image: url(../../Content/img/checked.png);
            background-repeat: no-repeat;
            background-size: contain;
            background-color: #fff;
    }
    .google-button {
        background-image: url(../../Content/img/google.png);
    }
    .facebook-button {
        background-image: url(../../Content/img/facebook.png);
    }
    .twitter-button {
        background-image: url(../../Content/img/twitter.png);
    }
    .instagram-button {
        background-image: url(../../Content/img/instagram.png);
    }
    .mail-button {
        background-image: url(../../Content/img/email.png);
    }
    .talk-button {
        background-image: url(../../Content/img/boca-en-boca.png);
    }*/
    /* Botones con fontawesome */
    .icon-desktop-button {
        background-color: #ffffff;
        width: 40px;
        height: 40px;
        margin-right: 15px;
        border-radius: 100px !important;
        border-style: none;
        color: #ffffff;
    }

        .icon-desktop-button i {
            font-size: 17px;
        }

    .google-desktop-button {
        background-color: #f14336;
    }

        .google-desktop-button i:before, .google-desktop-button.selectedOption:hover i:before {
            content: "\f1a0";
        }

    .facebook-desktop-button {
        background-color: #3b5999;
    }

        .facebook-desktop-button i:before, .facebook-desktop-button.selectedOption:hover i:before {
            content: "\f09a";
        }

    .twitter-desktop-button {
        background-color: #27a6d1;
    }

        .twitter-desktop-button i:before, .twitter-desktop-button.selectedOption:hover i:before {
            content: "\f099";
        }

    .instagram-desktop-button {
        /*background-color: #ad2c98;*/
        background: rgba(254,185,10,1);
        background: -moz-linear-gradient(left, rgba(254,185,10,1) 0%, rgba(248,106,40,1) 25%, rgba(244,71,52,1) 50%, rgba(208,56,107,1) 75%, rgba(157,40,173,1) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(254,185,10,1)), color-stop(25%, rgba(248,106,40,1)), color-stop(50%, rgba(244,71,52,1)), color-stop(75%, rgba(208,56,107,1)), color-stop(100%, rgba(157,40,173,1)));
        background: -webkit-linear-gradient(left, rgba(254,185,10,1) 0%, rgba(248,106,40,1) 25%, rgba(244,71,52,1) 50%, rgba(208,56,107,1) 75%, rgba(157,40,173,1) 100%);
        background: -o-linear-gradient(left, rgba(254,185,10,1) 0%, rgba(248,106,40,1) 25%, rgba(244,71,52,1) 50%, rgba(208,56,107,1) 75%, rgba(157,40,173,1) 100%);
        background: -ms-linear-gradient(left, rgba(254,185,10,1) 0%, rgba(248,106,40,1) 25%, rgba(244,71,52,1) 50%, rgba(208,56,107,1) 75%, rgba(157,40,173,1) 100%);
        background: linear-gradient(to right, rgba(254,185,10,1) 0%, rgba(248,106,40,1) 25%, rgba(244,71,52,1) 50%, rgba(208,56,107,1) 75%, rgba(157,40,173,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feb90a', endColorstr='#9d28ad', GradientType=1 );
    }

        .instagram-desktop-button i:before, .instagram-desktop-button.selectedOption:hover i:before {
            content: "\f16d";
        }

    .mail-desktop-button {
        background-color: #23af9a;
    }

        .mail-desktop-button i:before, .mail-desktop-button.selectedOption:hover i:before {
            content: "\f0e0";
        }

    .talk-desktop-button {
        background-color: #dd4b94;
    }

        .talk-desktop-button i:before, .talk-desktop-button.selectedOption:hover i:before {
            content: "\f086";
        }

    .selectedOption {
        background: rgba(0,0,0,1);
        background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 25%, rgba(0,0,0,1) 50%, rgba(0,0,0,1) 75%, rgba(0,0,0,1) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,1)), color-stop(25%, rgba(0,0,0,1)), color-stop(50%, rgba(0,0,0,1)), color-stop(75%, rgba(0,0,0,1)), color-stop(100%, rgba(0,0,0,1)));
        background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 25%, rgba(0,0,0,1) 50%, rgba(0,0,0,1) 75%, rgba(0,0,0,1) 100%);
        background: -o-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 25%, rgba(0,0,0,1) 50%, rgba(0,0,0,1) 75%, rgba(0,0,0,1) 100%);
        background: -ms-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 25%, rgba(0,0,0,1) 50%, rgba(0,0,0,1) 75%, rgba(0,0,0,1) 100%);
        background: linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 25%, rgba(0,0,0,1) 50%, rgba(0,0,0,1) 75%, rgba(0,0,0,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );
    }

        .selectedOption i:before {
            content: "\f00c";
        }

    .icon-desktop-button:hover {
        background: rgba(170,170,170,1);
        background: -moz-linear-gradient(left, rgba(170,170,170,1) 0%, rgba(170,170,170,1) 25%, rgba(170,170,170,1) 51%, rgba(170,170,170,1) 75%, rgba(170,170,170,1) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(170,170,170,1)), color-stop(25%, rgba(170,170,170,1)), color-stop(51%, rgba(170,170,170,1)), color-stop(75%, rgba(170,170,170,1)), color-stop(100%, rgba(170,170,170,1)));
        background: -webkit-linear-gradient(left, rgba(170,170,170,1) 0%, rgba(170,170,170,1) 25%, rgba(170,170,170,1) 51%, rgba(170,170,170,1) 75%, rgba(170,170,170,1) 100%);
        background: -o-linear-gradient(left, rgba(170,170,170,1) 0%, rgba(170,170,170,1) 25%, rgba(170,170,170,1) 51%, rgba(170,170,170,1) 75%, rgba(170,170,170,1) 100%);
        background: -ms-linear-gradient(left, rgba(170,170,170,1) 0%, rgba(170,170,170,1) 25%, rgba(170,170,170,1) 51%, rgba(170,170,170,1) 75%, rgba(170,170,170,1) 100%);
        background: linear-gradient(to right, rgba(170,170,170,1) 0%, rgba(170,170,170,1) 25%, rgba(170,170,170,1) 51%, rgba(170,170,170,1) 75%, rgba(170,170,170,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aaaaaa', endColorstr='#aaaaaa', GradientType=1 );
    }

    .icon-desktop-button.selectedOption:hover {
        background: rgba(0,0,0,1);
        background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 25%, rgba(0,0,0,1) 50%, rgba(0,0,0,1) 75%, rgba(0,0,0,1) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,1)), color-stop(25%, rgba(0,0,0,1)), color-stop(50%, rgba(0,0,0,1)), color-stop(75%, rgba(0,0,0,1)), color-stop(100%, rgba(0,0,0,1)));
        background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 25%, rgba(0,0,0,1) 50%, rgba(0,0,0,1) 75%, rgba(0,0,0,1) 100%);
        background: -o-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 25%, rgba(0,0,0,1) 50%, rgba(0,0,0,1) 75%, rgba(0,0,0,1) 100%);
        background: -ms-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 25%, rgba(0,0,0,1) 50%, rgba(0,0,0,1) 75%, rgba(0,0,0,1) 100%);
        background: linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 25%, rgba(0,0,0,1) 50%, rgba(0,0,0,1) 75%, rgba(0,0,0,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );
    }
}

@media only screen and (max-width: 1024px) {
    .login .content .btn {
        font-size: 11px;
    }

    /*---- Botones completos ----*/
    /*.reference-mobile-button {
        width: 100%;
        text-align: center;
        background-color: #ffffff;
        line-height: 11px;
        font-size: 11px;
        color: var(--gray-color);
        border: solid 2px;
        margin-bottom: 10px;
        background-image: none;
    }

    .reference-mobile-button:hover {
        width: 100%;
        text-align: center;
        background-color: var(--gray-color);
        line-height: 11px;
        font-size: 11px;
        color: #fff;
        border: solid 2px;
        margin-bottom: 10px;
        background-image: none;
    }

    .reference-mobile-button.selected-option {
        width: 100%;
        text-align: center;
        background-color: var(--dark-color);
        line-height: 11px;
        font-size: 11px;
        color: #fff;
        margin-bottom: 10px;
        background-image: none;
    }

    .login .content .form-actions .btn.reference-mobile-button {
        padding: 15px 20px !important;
    }

    .google-button.reference-mobile-button.selected-option {
        background-color: #f14336;
        border: solid 2px #f14336;
        background-image: none;
    }

    .facebook-button.reference-mobile-button.selected-option {
        background-color: #3b5999;
        border: solid 2px #3b5999;
        background-image: none;
    }

    .twitter-button.reference-mobile-button.selected-option {
        background-color: #27a6d1;
        border: solid 2px #27a6d1;
        background-image: none;
    }

    .instagram-button.reference-mobile-button.selected-option {
        background-color: #ad2c98;
        border: solid 2px #ad2c98;
        background-image: none;
    }

    .mail-button.reference-mobile-button.selected-option {
        background-color: #23af9a;
        border: solid 2px #23af9a;
        background-image: none;
    }

    .talk-button.reference-mobile-button.selected-option {
        background-color: #dd4b94;
        border: solid 2px #dd4b94;
        background-image: none;
    }*/

    /*---- Botones con imágenes ----*/

    .icon-mobile-button {
        background-color: #ffffff;
    }

    .login .content .form-actions .btn.icon-mobile-button {
        padding: 0px !important;
    }

    .google-image-button img {
        content: url("/Content/img/google.png");
    }

    .facebook-image-button img {
        content: url("/Content/img/facebook.png");
    }

    .twitter-image-button img {
        content: url("/Content/img/twitter.png");
    }

    .instagram-image-button img {
        content: url("/Content/img/instagram.png");
    }

    .mail-image-button img {
        content: url("/Content/img/email.png");
    }

    .talk-image-button img {
        content: url("/Content/img/boca-en-boca.png");
    }

    .selectedOption img {
        content: url("/Content/img/checked.png");
    }

    /* Botones con fontawesome */

    .icon-mobile-button {
        background-color: #ffffff;
        width: 44px;
        height: 44px;
        border-radius: 100px !important;
        border-style: none;
        color: #ffffff;
    }

    .google-mobile-button {
        background-color: #f14336;
    }

        .google-mobile-button i:before {
            content: "\f1a0";
        }

    .facebook-mobile-button {
        background-color: #3b5999;
    }

        .facebook-mobile-button i:before {
            content: "\f09a";
        }

    .twitter-mobile-button {
        background-color: #27a6d1;
    }

        .twitter-mobile-button i:before {
            content: "\f099";
        }

    .instagram-mobile-button {
        /*background-color: #ad2c98;*/
        background: rgba(254,185,10,1);
        background: -moz-linear-gradient(left, rgba(254,185,10,1) 0%, rgba(248,106,40,1) 25%, rgba(244,71,52,1) 50%, rgba(208,56,107,1) 75%, rgba(157,40,173,1) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(254,185,10,1)), color-stop(25%, rgba(248,106,40,1)), color-stop(50%, rgba(244,71,52,1)), color-stop(75%, rgba(208,56,107,1)), color-stop(100%, rgba(157,40,173,1)));
        background: -webkit-linear-gradient(left, rgba(254,185,10,1) 0%, rgba(248,106,40,1) 25%, rgba(244,71,52,1) 50%, rgba(208,56,107,1) 75%, rgba(157,40,173,1) 100%);
        background: -o-linear-gradient(left, rgba(254,185,10,1) 0%, rgba(248,106,40,1) 25%, rgba(244,71,52,1) 50%, rgba(208,56,107,1) 75%, rgba(157,40,173,1) 100%);
        background: -ms-linear-gradient(left, rgba(254,185,10,1) 0%, rgba(248,106,40,1) 25%, rgba(244,71,52,1) 50%, rgba(208,56,107,1) 75%, rgba(157,40,173,1) 100%);
        background: linear-gradient(to right, rgba(254,185,10,1) 0%, rgba(248,106,40,1) 25%, rgba(244,71,52,1) 50%, rgba(208,56,107,1) 75%, rgba(157,40,173,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feb90a', endColorstr='#9d28ad', GradientType=1 );
    }

        .instagram-mobile-button i:before {
            content: "\f16d";
        }

    .mail-mobile-button {
        background-color: #23af9a;
    }

        .mail-mobile-button i:before {
            content: "\f0e0";
        }

    .talk-mobile-button {
        background-color: #dd4b94;
    }

        .talk-mobile-button i:before {
            content: "\f086";
        }

    .selectedOption {
        background: rgba(0,0,0,1);
        background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 25%, rgba(0,0,0,1) 50%, rgba(0,0,0,1) 75%, rgba(0,0,0,1) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,1)), color-stop(25%, rgba(0,0,0,1)), color-stop(50%, rgba(0,0,0,1)), color-stop(75%, rgba(0,0,0,1)), color-stop(100%, rgba(0,0,0,1)));
        background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 25%, rgba(0,0,0,1) 50%, rgba(0,0,0,1) 75%, rgba(0,0,0,1) 100%);
        background: -o-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 25%, rgba(0,0,0,1) 50%, rgba(0,0,0,1) 75%, rgba(0,0,0,1) 100%);
        background: -ms-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 25%, rgba(0,0,0,1) 50%, rgba(0,0,0,1) 75%, rgba(0,0,0,1) 100%);
        background: linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 25%, rgba(0,0,0,1) 50%, rgba(0,0,0,1) 75%, rgba(0,0,0,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );
    }

        .selectedOption i:before {
            content: "\f00c";
        }



    .full-width-mobile-button {
        width: 100%;
        margin-top: 10px;
    }
}

.btn {
    border-radius: 10px !important;
}

/*---- Simulador Slider ----*/

@media only screen and (max-width : 480px) {
    .carousel-demo ul {
        width: 250px;
        height: 125px;
    }
}

@media (min-width : 732px) and (max-width : 899px) {
    .carousel-demo ul {
        width: 650px;
        height: 325px;
    }
}


@media (min-width : 481px) and (max-width : 731px) {
    .carousel-demo ul {
        width: 450px;
        height: 225px;
    }
}

@media only screen and (min-width : 900px) {
    .carousel-demo ul {
        width: 800px;
        height: 400px;
    }
}

/*---- Generales ----*/

a {
    text-shadow: none;
    color: var(--dark-color);
}

    a:hover {
        cursor: pointer;
        color: var(--dark-blue);
    }

@media only screen and (max-width: 1024px) {
    hr {
        margin: 30px 0 0 0;
    }

    .mobile-hidden {
        display: none;
    }

    .desktop-hidden {
        display: block;
    }

    .mobile-top-30 {
        margin-top: 30px;
    }

    .mobile-bottom-10 {
        margin-bottom: 10px;
    }

    .mobile-bottom-20 {
        margin-bottom: 20px;
    }

    .mobile-bottom-30 {
        margin-bottom: 30px;
    }

    .labelGrande {
        font-size: 20px !important;
    }

    .mobile-width-100 {
        width: 100%;
    }

    .gifCargando {
        height: 100px !important;
        width: 100px !important;
    }

    .mobile-padding-right-40 {
        padding-right: 40px !important;
    }

    .mobile-padding-left-40 {
        padding-left: 40px !important;
    }

    .mobile-full-width {
        width: 100%;
    }

    .imgPreview {
        height: auto !important;
        width: 100% !important;
        object-fit: cover !important;
    }

    .fondoBlancoPanel {
        min-height: 880px !important;
    }
}

@media only screen and (min-width: 1025px) {
    hr {
        margin: 20px 0;
    }

    .mobile-hidden {
        display: block;
    }

    .desktop-hidden {
        display: none;
    }
}

.gifCargando {
    height: 600px;
    width: 800px;
}

.row {
    margin-right: 0px !important;
    margin-left: 0px !important;
}

.margin-top-5 {
    margin-top: 5px;
}

.margin-top-10 {
    margin-top: 10px;
}

.margin-top-20 {
    margin-top: 20px;
}

.margin-top-30 {
    margin-top: 30px;
}

.margin-top-32 {
    margin-top: 33px;
}

.margin-top-40 {
    margin-top: 40px;
}

.margin-top-50 {
    margin-top: 50px;
}

.margin-top-100 {
    margin-top: 100px;
}

.margin-bottom-5 {
    margin-bottom: 5px;
}

.margin-bottom-10 {
    margin-bottom: 10px;
}

.margin-bottom-20 {
    margin-bottom: 20px;
}

.margin-bottom-30 {
    margin-bottom: 30px;
}

.margin-bottom-40 {
    margin-bottom: 40px;
}

.margin-bottom-50 {
    margin-bottom: 50px;
}

.margin-bottom-100 {
    margin-bottom: 100px;
}

.margin-left-5 {
    margin-left: 5px;
}

.margin-left-10 {
    margin-left: 10px;
}

.margin-left-20 {
    margin-left: 20px;
}

.margin-left-30 {
    margin-left: 30px;
}

.margin-left-40 {
    margin-left: 40px;
}

.margin-left-50 {
    margin-left: 50px;
}

.margin-right-5 {
    margin-right: 5px;
}

.margin-right-10 {
    margin-right: 10px;
}

.margin-right-20 {
    margin-right: 20px;
}

.margin-right-30 {
    margin-right: 30px;
}

.margin-right-40 {
    margin-right: 40px;
}

.margin-right-50 {
    margin-right: 50px;
}

.padding-20 {
    padding: 20px 0;
}

.padding-40 {
    padding: 40px 0;
}

.padding-top-5 {
    padding-top: 5px;
}

.padding-top-10 {
    padding-top: 10px;
}

.padding-top-20 {
    padding-top: 20px;
}

.padding-top-30 {
    padding-top: 30px;
}

.padding-top-40 {
    padding-top: 40px;
}

.padding-top-50 {
    padding-top: 50px;
}

.padding-bottom-5 {
    padding-bottom: 5px;
}

.padding-bottom-10 {
    padding-bottom: 10px;
}

.padding-bottom-20 {
    padding-bottom: 20px;
}

.padding-bottom-30 {
    padding-bottom: 30px;
}

.padding-bottom-40 {
    padding-bottom: 40px;
}

.padding-bottom-50 {
    padding-bottom: 50px;
}

.padding-left-5 {
    padding-left: 5px;
}

.padding-left-10 {
    padding-left: 10px;
}

.padding-left-20 {
    padding-left: 20px;
}

.padding-left-25 {
    padding-left: 25px;
}

.padding-left-30 {
    padding-left: 30px;
}

.padding-left-40 {
    padding-left: 40px;
}

.padding-left-50 {
    padding-left: 50px;
}

.padding-left-80 {
    padding-left: 80px;
}

.padding-right-5 {
    padding-right: 5px;
}

.padding-right-10 {
    padding-right: 10px;
}

.padding-right-20 {
    padding-right: 20px;
}

.padding-right-25 {
    padding-right: 25px;
}

.padding-right-30 {
    padding-right: 30px;
}

.padding-right-40 {
    padding-right: 40px;
}

.padding-right-50 {
    padding-right: 50px;
}

.padding-right-80 {
    padding-right: 80px;
}

.min-height-300 {
    min-height: 300px;
}

.min-height-280 {
    min-height: 280px;
}

.min-height-260 {
    min-height: 260px;
}

.min-height-250 {
    min-height: 250px;
}

.min-height-200 {
    min-height: 200px;
}

.min-height-150 {
    min-height: 150px;
}

.min-height-140 {
    min-height: 140px;
}

.min-height-130 {
    min-height: 140px;
}

.min-height-120 {
    min-height: 120px;
}

.min-height-100 {
    min-height: 100px;
}

.width-100 {
    width: 100px !important;
}

.font-50 {
    font-size: 50px;
}

.cursor-pointer {
    cursor: pointer;
}

.transparente {
    opacity: 0;
}

.ocultar {
    display: none;
}

.field-warning-alert {
    color: var(--warning-alert-color);
    font-size: 12px;
    margin-top: 5px;
}

.gray-label {
    color: var(--gray-color);
}

.find-us-desktop {
    font-size: 14px;
    padding-top: 10px;
}

.bold-text {
    font-weight: 600;
}

.caja-gris {
    font-family: 'Poppins', sans-serif;
    background-color: var(--gray-input-color) !important;
    color: var(--text-input-color) !important;
    border: 1px solid var(--gray-input-color) !important;
    font-weight: normal !important;
    height: 43px;
    border-radius: 0px;
}

    .caja-gris[disabled], input[disabled] {
        background-color: var(--gray-disabled-color) !important;
        border: 1px solid var(--gray-disabled-color) !important;
        color: var(--light-gray-color);
    }


input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

a.linkDisabled {
    color: rgba(0,0,0,0.3) !important;
    pointer-events: none;
}

.m-body .m-container.m-container--responsive .m-wrapper {
    padding: 0 0;
}

.m-container.m-container--responsive.m-container--xxl {
    width: 100% !important;
}

.sub-instruction {
    font-size: 10px;
}

.selectize-control.single .selectize-input, .selectize-dropdown.single {
    border-color: var(--gray-selects);
}

.selectize-control.single .selectize-input {
    height: 43px;
    padding-top: 12px;
    background-color: var(--gray-selects);
    background-image: -moz-linear-gradient(top, #fefefe, #f2f2f2);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(var(--gray-selects)), to(var(--gray-selects)));
    background-image: -webkit-linear-gradient(top, var(--gray-selects), var(--gray-selects));
    background-image: -o-linear-gradient(top, #fefefe, #f2f2f2);
    background-image: linear-gradient(to bottom, var(--gray-selects), var(--gray-selects));
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffefefe', endColorstr='#fff2f2f2', GradientType=0);
    -webkit-box-shadow: 0 0px 0 rgba(0, 0, 0, 0.05), inset 0 0px 0 rgba(255, 255, 255, 0.8);
    box-shadow: 0 0px 0 rgba(0, 0, 0, 0.05), inset 0 0px 0 rgba(255, 255, 255, 0.8);
}

.btn.btn-default.active, .btn.btn-default:active, .btn.btn-default:focus, .btn.btn-default:hover:not(:disabled), .btn.btn-secondary.active, .btn.btn-secondary:active, .btn.btn-secondary:focus, .btn.btn-secondary:hover:not(:disabled), .show > .btn.btn-default.dropdown-toggle, .show > .btn.btn-secondary.dropdown-toggle {
    background: var(--main-color);
}

.btn:hover {
    background: var(--orange-color);
    border-color: var(--orange-color);
    color: #ffffff;
}

.k-widget .k-dropdown {
    background-color: transparent !important;
}

.k-dropdown .k-state-hover .k-input, .k-dropdown .k-state-focused .k-input {
    color: #fff;
}

.k-list > .k-state-selected {
    background-color: var(--main-color) !important;
}

.k-scheduler-edit-form .k-edit-label {
    width: 22%;
}

.k-scheduler-edit-form .k-edit-field {
    width: 72%;
}

/*---- Header ----*/
.m-header {
    background-color: #ffffff;
}

.m-header-menu.m-header-menu--skin-light .m-menu__nav > .m-menu__item > .m-menu__link .m-menu__link-text {
    color: var(--main-color);
    text-transform: uppercase;
}

.m-header-menu.m-header-menu--skin-light .m-menu__nav > .m-menu__item.m-menu__item--hover > .m-menu__link .m-menu__link-text, .m-header-menu.m-header-menu--skin-light .m-menu__nav > .m-menu__item:hover > .m-menu__link .m-menu__link-text {
    color: var(--dark-color);
}

.m-topbar .m-topbar__nav.m-nav > .m-nav__item.m-dropdown--open > .m-nav__link .m-topbar__username, .m-topbar .m-topbar__nav.m-nav > .m-nav__item.m-nav__link-icon--active > .m-nav__link .m-topbar__username, .m-topbar .m-topbar__nav.m-nav > .m-nav__item:hover > .m-nav__link .m-topbar__username {
    color: var(--dark-color);
}

.m-topbar__username {
    padding-left: 10px !important;
    padding-right: 20px !important;
}

@media only screen and (max-width: 1024px) {
    .m-topbar__logout a, .m-topbar__logout a:hover {
        color: var(--dark-color);
        border: solid 2px #ffffff;
        padding: 10px;
        text-decoration: none;
    }
}

@media only screen and (min-width: 1025px) {
    .m-topbar__logout a, .m-topbar__logout a:hover {
        color: var(--main-color);
        border: solid 2px var(--main-color);
        padding: 10px;
        text-decoration: none;
    }
}

.m-topbar .m-topbar__nav.m-nav > .m-nav__item > .m-nav__link .m-topbar__username {
    color: var(--dark-color);
    font-weight: 600;
}

.m-brand--mobile {
    background-color: #ffffff;
}

@media (max-width: 1024px) {

    .k-button {
        width: 100%;
    }

    .m-aside-header-menu-mobile.m-aside-header-menu-mobile--skin-dark {
        background-color: #ffffff;
    }

    .m-aside-header-menu-mobile-close.m-aside-header-menu-mobile-close--skin-dark {
        background-color: var(--light-gray-color);
    }

        .m-aside-header-menu-mobile-close.m-aside-header-menu-mobile-close--skin-dark > i {
            color: var(--dark-color);
        }

    .m-topbar .m-topbar__nav.m-nav > .m-nav__item > .m-nav__link .m-topbar__userpic img {
        max-width: 3rem !important;
        max-height: 3rem !important;
        width: 50px;
        height: 50px;
        object-fit: cover;
        border: solid 2px var(--dark-color);
    }

    .m-brand .m-brand__tools .m-brand__icon > i, .m-brand .m-brand__tools .m-brand__toggler span {
        font-size: 1.4rem;
        color: var(--dark-color);
    }

        .m-brand .m-brand__tools .m-brand__toggler span::after, .m-brand .m-brand__tools .m-brand__toggler span::before, .m-brand .m-brand__tools .m-brand__toggler span {
            background: var(--dark-color);
        }

    .m-brand .m-brand__tools .m-brand__icon:hover > i {
        color: var(--dark-color);
    }
}

@media (min-width: 1025px) {
    .m-aside-left--enabled .m-header-menu {
        padding-left: 20px;
    }

    .m-stack--desktop.m-header__wrapper .m-stack__item--right {
        padding-right: 35px;
    }

    .m-container.m-container--fluid {
        padding: 0 0px;
    }

    .m-topbar .m-topbar__nav.m-nav > .m-nav__item > .m-nav__link .m-topbar__userpic img {
        max-width: 3rem !important;
        max-height: 3rem !important;
        width: 50px;
        height: 50px;
        object-fit: cover;
        border: solid 2px #ffffff;
    }
}

.m-header-menu .m-menu__nav > .m-menu__item > .m-menu__link .m-menu__link-text {
    font-size: 0.9rem;
}


/*---- Password Field ----*/
.original-password-input-state {
    background-color: var(--gray-input-color) !important;
    color: var(--text-input-color) !important;
    border: 1px solid var(--gray-input-color) !important;
}

    .original-password-input-state:focus {
        border: 1px solid #c3ccda !important;
    }

.matching-password-input {
    background-color: var(--green-password-color) !important;
    color: #fff !important;
    border: 1px solid var(--green-password-color) !important;
}

.no-matching-password-input {
    background-color: var(--red-password-color) !important;
    color: #fff !important;
    border: 1px solid var(--red-password-color) !important;
}

    .matching-password-input::-webkit-input-placeholder, .no-matching-password-input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
        color: rgba(0,0,0,0.5) !important;
    }

    .matching-password-input:-moz-placeholder, .no-matching-password-input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
        color: rgba(0,0,0,0.5) !important;
        opacity: 0.5;
    }

    .matching-password-input::-moz-placeholder, .no-matching-password-input::-moz-placeholder { /* Mozilla Firefox 19+ */
        color: rgba(0,0,0,0.2) !important;
        opacity: 0.2;
    }

    .matching-password-input:-ms-input-placeholder, .no-matching-password-input:-ms-input-placeholder { /* Internet Explorer 10-11 */
        color: rgba(0,0,0,0.2) !important;
    }

    .matching-password-input::-ms-input-placeholder, .no-matching-password-input::-ms-input-placeholder { /* Microsoft Edge */
        color: rgba(0,0,0,0.2) !important;
    }

    .matching-password-input::placeholder, .no-matching-password-input::placeholder { /* Most modern browsers support this now. */
        color: rgba(0,0,0,0.2) !important;
    }

.original-password-input-state::-webkit-input-placeholder, .original-password-input-state:-moz-placeholder, .original-password-input-state::-moz-placeholder, .original-password-input-state:-ms-input-placeholder, .original-password-input-state::-ms-input-placeholder, .original-password-input-state::placeholder {
    color: rgba(0,0,0,0.5) !important;
}

/*---- Login ----*/

@media only screen and (min-width: 481px) {
    .login .content {
        width: 450px;
    }
}

@media only screen and (max-width: 480px) {
    .login .content {
        width: 350px;
    }
}

.login .content .form-control, .form-control {
    color: var(--text-input-color);
    font-weight: 400;
    height: 43px;
    border-radius: 0px;
    border-color: var(--gray-color);
}

textarea.form-control {
    color: var(--text-input-color);
    font-weight: 400;
    min-height: 60px;
    border-radius: 0px;
    border-color: var(--gray-color);
}

/*---- Registro ----*/

@media only screen and (max-width: 1024px) {
    .first-half-element {
        margin-bottom: 15px;
    }
}

#messagePassword {
    font-size: 11px;
}

#messageRecuperacionPassword {
    font-size: 11px;
}

@media only screen and (min-width: 1080px) {
    .wideForm {
        width: 1080px !important;
        border: 2px solid var(--dark-color);
    }
}

@media only screen and (max-width: 1079px) {
    .wideForm {
        width: 90% !important;
    }
}

@media only screen and (max-width: 1079px) {
    .wideForm {
        width: 95% !important;
    }

    .wideForm {
        width: 95% !important;
        padding: 10px 15px !important;
    }

        .wideForm .form-group.no-bottom-margin {
            margin-bottom: 0px !important;
        }
}

/*---- Perfil ----*/

#imgFotoPanel {
    width: 200px !important;
    height: 200px !important;
    background-size: cover;
    object-fit: cover;
    display: block;
    border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border: 1px solid var(--dark-color);
}

/*---- Panel ----*/

.logoPanel {
    width: 150px !important;
    height: auto !important;
    margin-left: 5px;
    margin-right: 5px;
}

/*---- Solicitud ----*/
.imgPreview {
    height: 100px;
    width: 100px;
    object-fit: cover;
}

.imgPreviewFoto {
    height: 100px;
    width: 100px;
    object-fit: cover;
}

.imgTachita {
    height: 30px;
    width: 30px;
    object-fit: cover;
    position: absolute;
    top: -15px;
    left: 100px;
    z-index: 2;
    cursor: pointer;
}

/*----Progress Bar----*/
.progress {
    background-color: #bdd3fb;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0,0,0,.15) inset;
    height: 27px;
    margin-bottom: 2%;
    overflow: hidden;
}

.bar {
    background-color: #427ae3;
    box-shadow: 0 -1px 1px rgba(0,0,0,.15) inset;
    color: #fff;
    float: left;
    height: 100%;
    position: relative;
    text-align: left;
}

    .bar > .percent {
        font-size: .9rem;
        left: 8px;
        position: absolute;
        top: 3px;
    }

/*---- Sweet Alert ----*/

.sweet-alert button {
    background-color: var(--main-color) !important;
    color: white;
    border: none;
    box-shadow: none !important;
    font-size: 17px;
    font-weight: 500;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    padding: 10px 32px;
    margin: 26px 5px 0 5px;
    cursor: pointer;
}

    .sweet-alert button.cancel {
        background-color: var(--dark-color) !important;
    }

.sweet-alert, .sweet-alert input {
    border-radius: 0px;
}

/*---- Grids Kendo ----*/

.k-grid-header, .k-header, .k-grid-header-wrap {
    border-color: var(--main-color);
}

.k-autocomplete, .k-draghandle, .k-dropdown-wrap, .k-grid-header, .k-grouping-header, .k-header, .k-numeric-wrap, .k-panelbar .k-tabstrip-items .k-item, .k-picker-wrap, .k-progressbar, .k-state-highlight, .k-tabstrip-items .k-item, .k-textbox, .k-toolbar, .km-pane-wrapper > .km-pane > .km-view > .km-content {
    background-image: none;
    background-image: none;
    background-image: none;
    background-image: none;
    background-position: 50% 50%;
    background-color: var(--main-color);
}

.k-grid-toolbar {
    background-color: rgba(255,255,255,0) !important;
    padding: 10px;
}

.k-button {
    background-image: none;
    background-image: none;
    background-image: none;
    background-image: none;
    background-position: 50% 50%;
    color: #fff;
    background-color: var(--light-color);
    border-color: var(--light-color);
    border-radius: 0px;
}

.new-button {
    padding: 10px 20px;
    text-transform: uppercase;
}

.light-button {
    padding: 10px 20px;
    text-transform: uppercase;
    background-color: #ffffff;
    border-color: var(--main-color);
    color: var(--main-color);
}

.k-button:hover, .k-button:focus, .k-button:active {
    background-image: none;
    color: var(--main-color);
    border-color: var(--light-color);
    background-color: var(--light-color);
}

    .k-button.k-state-active:hover, .k-button:active:hover {
        color: #fff;
        border-color: var(--light-color);
        background-color: var(--light-color);
    }

    .k-button:focus:not(.k-state-disabled):not([disabled]) {
        -webkit-box-shadow: inset 0 0 3px 1px var(--main-color);
        box-shadow: inset 0 0 3px 1px var(--main-color);
    }

.k-grid-header .k-header > .k-link, .k-header, .k-treemap-title {
    color: #ffffff;
}

.k-pager-wrap {
    background-image: none;
    background-position: 50% 50%;
    background-color: var(--light-gray-color);
}

    .k-pager-wrap .k-link:hover {
        background-image: none;
        color: #2e2e2e;
        background-color: var(--gray-selects);
        border-color: var(--gray-color);
    }

th.k-header {
    height: 32px;
}

.k-grid-header th.k-header > .k-link, th.k-header {
    line-height: 32px;
}

.k-i-filter:before {
    content: "\e129";
    color: var(--light-color);
}

.k-grid-filter.k-state-active {
    background-color: var(--main-color);
}

.k-state-active .k-i-filter:before {
    color: var(--orange-color);
}

.k-state-selected {
    background-image: none;
    color: #fff;
    background-color: var(--light-color);
    border-color: var(--light-color);
}

.k-grid tr {
    height: 32px;
}

    .k-grid tr:hover {
        background-color: var(--gray-input-color);
        background-image: none;
        background-position: 50% 50%;
    }

.k-popup {
    width: 300px;
}

.k-dropdown-wrap {
    width: 270px !important;
    border-radius: 0px !important;
}

.k-list-container {
    width: 290px !important;
    border-radius: 0px !important;
}

.k-textbox {
    width: 300px !important;
    border-radius: 0px !important;
}

.k-dropdown-wrap.k-state-default {
    background-image: none;
    background-position: 50% 50%;
    background-color: var(--gray-selects);
    border-color: var(--gray-selects);
}

.k-dropdown-wrap {
    margin-bottom: 10px;
}

.k-numeric-wrap, .k-picker-wrap {
    border-radius: 0px;
    color: var(--gray-color);
}

.k-filter-menu .k-numeric-wrap, .k-filter-menu .k-picker-wrap {
    border-radius: 0px;
    width: 270px;
    color: var(--gray-color);
}

.k-state-hover {
    background-image: none !important;
    background-color: var(--gray-color) !important;
    border-color: var(--gray-color) !important;
}

.k-calendar {
    width: 300px;
}

.k-calendar-container .k-state-hover {
    background-image: none !important;
    color: #fff !important;
    background-color: var(--light-color) !important;
    border-color: var(--light-color) !important;
}

.k-calendar td.k-today.k-state-focused, .k-calendar td.k-today.k-state-focused.k-state-hover {
    -webkit-box-shadow: inset 0 0 0px 0px #aeaeae;
    box-shadow: inset 0 0 0px 0px #aeaeae;
}

.k-calendar .k-link.k-nav-fast, .k-calendar .k-header .k-link {
    color: #ffffff;
}

.k-calendar .k-link, .k-calendar td, .k-calendar .k-link.k-state-hover {
    border-radius: 0px;
}

.k-calendar .k-today .k-link {
    color: var(--orange-color);
    font-weight: 700;
}

.k-other-month.k-state-hover .k-link, .k-calendar-container .k-other-month.k-state-hover {
    background-image: none !important;
    color: #fff !important;
    background-color: var(--dark-color) !important;
    border-color: var(--dark-color) !important;
    border-color: var(--dark-color);
}

.k-numeric-wrap .k-link.k-state-selected {
    background-color: var(--light-color);
}

.k-list-scroller .k-state-hover {
    background-image: none !important;
    color: #fff !important;
    background-color: var(--light-color) !important;
    border-color: var(--light-color) !important;
}

.k-list .k-state-focused, .k-list .k-state-selected, .k-list-container, .k-list .k-state-hover {
    border-radius: 0px;
}

.k-list > .k-state-selected, .k-state-selected {
    color: #fff;
    background-color: var(--main-color);
    border-color: var(--main-color);
}

.k-list > .k-state-focused {
    -webkit-box-shadow: inset 0 0 0px 0px #aeaeae;
    box-shadow: inset 0 0 0px 0px #aeaeae;
}

/*---- ESTADO DE CUENTA ----*/

.fecha-edo-cuenta {
    text-align: right;
}

.highlighted-text {
    font-weight: bold;
    color: var(--dark-color);
}

.form-group label {
    margin-top: 10px;
}

label.no-bottom-margin, p.no-bottom-margin, h3.no-bottom-margin {
    margin-bottom: 0px;
}

h5.highlighted-text, label.top-bottom-margin, h6.highlighted-text {
    margin: 10px 0;
    font-family: 'Work Sans', sans-serif;
}

.small-text {
    font-size: 10px;
}

.bordered-first-item {
    border: 1px solid var(--gray-input-color);
    padding: 5px;
}

.bordered-item {
    border-style: solid;
    border-color: var(--gray-input-color);
    border-width: 0px 1px 1px 1px;
    padding: 5px;
}

.header-cell {
    background-color: var(--light-gray-color);
}

.header-dark-cell {
    background-color: var(--main-color);
}

    .header-dark-cell label {
        color: #ffffff;
    }

    .header-dark-cell bordered-first-item {
        border-color: var(--main-color);
    }

.table-container {
    overflow-x: auto;
    margin-right: 15px;
}

table {
    border-collapse: collapse;
}

th, td {
    border: 1px solid var(--gray-input-color);
    padding: 5px;
}

table .header-cell {
    font-weight: bold;
}

.footer-edo-cuenta span.highlighted-text, .footer-edo-cuenta p.highlighted-text, .footer-edo-cuenta ul.highlighted-text, .footer-edo-cuenta li {
    color: var(--gray-color);
}

.mobile-hint {
    margin: 10px 0;
    text-align: right;
    color: var(--main-color);
}

    .mobile-hint .fa {
        margin-left: 5px;
        color: var(--main-color);
        font-size: 10px;
    }

    .mobile-hint label {
        color: var(--main-color);
        font-size: 10px;
    }

@media only screen and (max-width: 768px) {
    .bordered-right-first-item {
        border-style: solid;
        border-color: var(--gray-input-color);
        border-width: 0px 1px 1px 1px;
        padding: 5px;
    }

    .bordered-right-item {
        border-style: solid;
        border-color: var(--gray-input-color);
        border-width: 0px 1px 1px 1px;
        padding: 5px;
    }

    table .number-cell {
        text-align: right;
    }
}

@media only screen and (min-width: 769px) {
    .bordered-right-first-item {
        border-style: solid;
        border-color: var(--gray-input-color);
        border-width: 1px 1px 1px 0px;
        padding: 5px;
    }

    .bordered-right-item {
        border-style: solid;
        border-color: var(--gray-input-color);
        border-width: 0px 1px 1px 0px;
        padding: 5px;
    }
}

@media only screen and (min-width: 481px) {
    .number-cell {
        text-align: right;
    }

    .mobile-hint {
        display: none;
    }
}

@media only screen and (max-width: 480px) {
    .mobile-margin-top-20 {
        margin-top: 20px;
    }

    .fecha-edo-cuenta {
        text-align: center;
    }

    .mobile-hint {
        display: block;
    }
}

.login .content .form-actions {
    border-bottom: 0px solid #eee;
}

.login .content .form-control:active, .login .content .form-control:focus {
    border: 1px solid var(--dark-color);
}

.login .content .form-control {
    background-color: #ffffff;
    height: 43px;
    color: var(--dark-gray-color);
    border: 1px solid var(--gray-color);
}

    .login .content .form-control.login-form-input:active, .login .content .form-control.login-form-input:focus {
        border: 1px solid var(--main-color);
    }

    .login .content .form-control.login-form-input {
        background-color: var(--light-gray-color);
        height: 43px;
        color: var(--gray-color);
        border: 1px solid var(--light-gray-color);
        border-radius: 10px !important;
    }

.login .copyright {
    color: var(--dark-color);
}

.bordesRedondos {
    border-radius: 10px !important;
}

/*--- CALENDARIO ---*/

.k-draghandle.k-state-selected:hover, .k-ghost-splitbar-horizontal, .k-ghost-splitbar-vertical, .k-list > .k-state-highlight, .k-list > .k-state-selected, .k-marquee-color, .k-panel > .k-state-selected, .k-scheduler .k-scheduler-toolbar .k-state-selected, .k-scheduler .k-today.k-state-selected, .k-state-selected, .k-state-selected:link, .k-state-selected:visited {
    color: #fff;
    background-color: var(--light-color);
    border-color: var(--dark-blue);
}

.k-state-default.k-view-day, .k-state-default.k-view-workweek, .k-state-default.k-view-week, .k-state-default.k-view-month {
    border-color: var(--orange-color);
}

.k-nav-prev {
    border-radius: 4px 0 0 4px;
}

.k-dropdown .k-state-focused, .k-filebrowser-dropzone, .k-list > .k-state-hover, .k-mobile-list .k-edit-label.k-check:active, .k-mobile-list .k-item > .k-label:active, .k-mobile-list .k-item > .k-link:active, .k-mobile-list .k-recur-view .k-check:active, .k-pager-wrap .k-link:hover, .k-scheduler .k-scheduler-toolbar ul li.k-state-hover, .k-splitbar-horizontal-hover:hover, .k-splitbar-vertical-hover:hover, .k-state-hover, .k-state-hover:hover {
    color: #fff !important;
    background-color: var(--orange-color) !important;
    border-color: var(--orange-color) !important;
}

.k-dropdown .k-state-focused a, .k-filebrowser-dropzone a, .k-list > .k-state-hover a, .k-mobile-list .k-edit-label.k-check:active a, .k-mobile-list .k-item > .k-label:active a, .k-mobile-list .k-item > .k-link:active a, .k-mobile-list .k-recur-view .k-check:active a, .k-pager-wrap .k-link:hover a, .k-scheduler .k-scheduler-toolbar ul li.k-state-hover a, .k-splitbar-horizontal-hover:hover a, .k-splitbar-vertical-hover:hover a, .k-state-hover a, .k-state-hover:hover a {
    color: #fff !important;
}

.k-link:link, .k-link:visited, .k-nav-current.k-state-hover .k-link {
    color: #ffffff;
}

.k-scheduler-calendar .k-link:link, .k-scheduler-calendar .k-link:visited, .k-scheduler-calendar .k-nav-current.k-state-hover .k-link {
    color: var(--gray-color);
}

.k-calendar-container .k-link:link, .k-calendar-container .k-link:visited, .k-calendar-container .k-nav-current.k-state-hover .k-link {
    color: var(--gray-color);
}


.k-pager-numbers .k-link:link, .k-pager-wrap .k-link:link {
    color: var(--gray-color);
}

.k-scheduler-calendar .k-header, .k-calendar-container .k-header {
    background-color: var(--light-gray-color);
}

.k-scheduler .k-scheduler-toolbar .k-state-selected, .k-state-selected {
    color: var(--white) !important;
    background-color: var(--orange-color);
    border-color: var(--orange-color);
}


/*--- Expendiente ---*/
.vista-expediente .caja-gris[disabled], .vista-expediente input[disabled], .vista-expediente .input-color-bg {
    background-color: var(--white) !important;
    border: 1px solid var(--white) !important;
}

.vista-expediente .selectize-control.single .selectize-input {
    height: 43px !important;
    padding-top: 12px !important;
    background-color: var(--white) !important;
    background-image: -moz-linear-gradient(top, #ffffff, #ffffff) !important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(var(--white)), to(var(--white))) !important;
    background-image: -webkit-linear-gradient(top, var(--white), var(--white)) !important;
    background-image: -o-linear-gradient(top, #ffffff, #ffffff) !important;
    background-image: linear-gradient(to bottom, var(--white), var(--white)) !important;
    background-repeat: repeat-x !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0) !important;
    -webkit-box-shadow: 0 0px 0 rgba(0, 0, 0, 0.05), inset 0 0px 0 rgba(255, 255, 255, 1) !important;
    box-shadow: 0 0px 0 rgba(0, 0, 0, 0.05), inset 0 0px 0 rgba(255, 255, 255, 1) !important;
}

.vista-expediente .selectize-control.single .selectize-input, .vista-expediente .selectize-dropdown.single {
    border-color: var(--white) !important;
}

    .vista-expediente .selectize-control.single .selectize-input:after {
        display: none !important;
    }

.vista-expediente .selectize-control .selectize-input.disabled {
    opacity: 1 !important;
}