/* Nunito Regular */
@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 400;
    src: url("webfonts/NunitoLatinExt.woff2") format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 400;
    src: url("webfonts/NunitoLatin.woff2") format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Nunito Bold */
@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 700;
    src: url("webfonts/NunitoBoldLatinExt.woff2") format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 700;
    src: url("webfonts/NunitoBoldLatin.woff2") format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Nunito SemiBold */
@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 600;
    src: url("webfonts/NunitoSemiBoldLatinExt.woff2") format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 600;
    src: url("webfonts/NunitoSemiBoldLatin.woff2") format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body {
    margin: 0;
    font-family: Nunito,sans-serif;
    font-size: .9rem;
    font-weight: 400;
    line-height: 1.5;
    color: #6c757d;
    background-color: #fafbfe;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
}

.logo {
    margin-top: -12px;
    display: block !important;
}

.logoChico {
    display: none !important;
}

.navbar {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 3px !important;
    border-radius: 0 !important;
    /*--bs-navbar-color: #8391a2 !important;*/
}

.nav-link {
    color: white;
    font-size: 0.97rem;
}

.nav-link:focus, .nav-link:hover {
    color: #bccee4;
}

.navbar-brand {
    padding-top: 4px;
}

    .navbar-brand img {
        height: 45px;
    }

/* IE 6 */
* html #footer {
    position: absolute;
    top: expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px');
}

.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

.container-main {
    margin: 0 2% 0 2% !important;
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
}

@media screen and (min-width: 768px) and (max-width: 1145px) {
    .navbar-brand {
        float: left;
        padding: 20.5px 2px;
        font-size: 17px;
        line-height: 23px;
        height: 64px;
    }

    .nav > li > a {
        position: relative;
        display: block;
        padding-right: 5px;
    }

    .navbar-nav > li > a {
        padding-top: 20.5px;
        padding-bottom: 20.5px;
    }

    .logoChico {
        margin-top: -15px !important;
        margin-left: 10px !important;
        display: block !important;
    }

    .logo {
        margin-top: -13px !important;
        display: none !important;
    }

    .panel-body {
        padding: 15px 5px 15px 5px !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1285px) {
    .panel-body {
        padding: 15px 5px 15px 5px !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 3000px) {
    .label {
        font-size: 100%;
        font-weight: 600;
    }

    .label-error {
        font-size: 85% !important;
    }
}

/* Estilos Scroll */
::-webkit-scrollbar {
    width: 10px;
    height: 10px
}

::-webkit-scrollbar-track {
    background-color: #F5F5F5;
}

::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    background-color: #CCCCCC;
}

::-webkit-scrollbar-thumb {
    background-color: #CCCCCC;
    border: 2px solid #CCCCCC;
}

.panel-principal {
    border: 1px solid #9F9F9F;
}

    .panel-principal > .panel-heading {
        color: #ffffff;
        background-color: #697589;
        border-color: #9F9F9F;
    }

.label-principal {
    /*color: #333333;*/
    color: #ffffff;
    background-color: #697589;
    border-color: #9F9F9F;
}

.navbar {
    background: #313a46;
    color: #bccee4;
}

.navbar-default .navbar-nav > li > a {
    color: #A6B7C4;
}

    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
        color: #ffffff;
        background-color: #2E3C54;
    }

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: #2E3C54;
    color: #ffffff;
}

.navbar-default, .navbar-nav {
    border-color: #2E3C54;
    color: #E6E6E6 !important;
}

    .navbar-default .navbar-toggle {
        border-color: #A6B7C4 !important;
    }

        .navbar-default .navbar-toggle:hover {
            background-color: #A6B7C4 !important;
        }

button.navbar-toggle.collapsed {
    background-color: #A6B7C4 !important;
}

    button.navbar-toggle.collapsed:hover {
        background-color: #A6B7C4 !important;
    }

.navbar-nav .open .dropdown-menu > li > a:hover {
    color: #ffffff;
    background-color: #E35A6A !important
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #ffffff;
}

/* Estilos Scroll */
/* Loading */

.loading {
    position: fixed;
    z-index: 9999;
    background-color: black;
    margin: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: .8;
}

    .loading svg {
        margin-top: 18%
    }

.loadingMensaje {
    z-index: 10005;
    width: 100%;
    display: block;
    position: absolute;
    text-align: center;
    color: #ffffff;
    font-weight: 700;
    font-family: Nunito, sans-serif;
}


@keyframes cssload-roto {
    0% {
        transform: rotateZ(0deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}

@-o-keyframes cssload-roto {
    0% {
        -o-transform: rotateZ(0deg);
    }

    100% {
        -o-transform: rotateZ(360deg);
    }
}

@-ms-keyframes cssload-roto {
    0% {
        -ms-transform: rotateZ(0deg);
    }

    100% {
        -ms-transform: rotateZ(360deg);
    }
}

@-webkit-keyframes cssload-roto {
    0% {
        -webkit-transform: rotateZ(0deg);
    }

    100% {
        -webkit-transform: rotateZ(360deg);
    }
}

@-moz-keyframes cssload-roto {
    0% {
        -moz-transform: rotateZ(0deg);
    }

    100% {
        -moz-transform: rotateZ(360deg);
    }
}
/* Loading */

/* SECTION MAIN y GRILLA KENDO RESIZE RESPONSIVE */
@media screen and (max-height: 650px) and (max-width: 400px) {

    .main {
        max-height: 450px;
        font-size: .7em !important;
    }

    .panel-heading {
        padding: 0 !important;
    }

    .footer-default {
        display: none;
    }

    .panel-body {
        padding: 15px 5px 15px 5px !important;
    }

    .el-upload-dragger {
        width: 100%;
    }

    .el-select-dropdown {
        width: 100%;
    }

    .el-notification.right {
        right: 0;
    }

    .el-notification {
        width: 99%;
    }
}

@media screen and (max-height: 400px) and (max-width: 650px) {

    .main {
        max-height: 300px;
        font-size: .7em !important;
    }

    .panel-heading {
        padding: 0 !important;
    }


    .footer-default {
        display: none;
    }

    .panel-body {
        padding: 15px 5px 15px 5px !important;
    }
}


@media screen and (min-height: 401px) and (max-height: 500px) {


    .footer-default {
        display: none;
    }
}


@media screen and (min-height: 501px) and (max-height: 600px) {
    #grid {
        font-size: .9em;
    }
}

@media screen and (min-height: 601px) {
    #grid {
        font-size: inherit;
    }
}

@media screen and (min-height: 600px) and (max-height: 700px) {
    .main {
        background-color: #fafbfe !important;
        max-height: 570px;
        overflow: auto;
        font-size: small;
        width: 100%;
    }
}

@media screen and (min-height: 701px) and (max-height: 1024px) {
    .main {
        background-color: #fafbfe !important;
        max-height: 870px;
        overflow: auto;
        font-size: small;
        width: 100%;
    }
}

@media screen and (min-height: 1025px) {
    .main {
        background-color: #fafbfe !important;
        max-height: 950px;
        overflow: auto;
        font-size: small;
        width: 100%;
    }
}
/* FIN SECTION MAIN y GRILLA KENDO RESIZE RESPONSIVE */

.dropdown-menu {
    position: absolute;
    z-index: 1000;
    display: none;
    min-width: 10rem;
    padding: 0.25rem 0;
    margin: 0;
    font-size: .9rem;
    color: #6c757d;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #e7ebf0;
    border-radius: 0.25rem;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 0.375rem 1.5rem;
    clear: both;
    font-weight: 600;
    color: #6c757d;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}

.dropdown-header {
    font-size: .7rem;
}

.dropdown-item:focus, .dropdown-item:hover {
    color: #2c343f;
    font-weight: 800;
    background-color: #f4f6fb;
}

body.authentication-bg {
    background: url(./images/bglogin.svg);
    background-size: cover;
    background-position: center;
}

/* SOBRESCRIBE CSS DE BOOSTRAP */
.bg-primary {
    background-color: #313a46 !important;
}

.btn-primary {
    color: #fff;
    background-color: #313a46;
    border-color: #313a46;
}

    .btn-primary:hover {
        color: #fff;
        background-color: #272F38;
        border-color: #272F38;
    }


.form-control {
    padding: 0;
}

.pointer {
    cursor: pointer !important;
}


/*LOADER*/

.svg {
    width: 300px;
    height: 300px;
}

.hex {
    fill: rgba(255,255,255,.9);
    animation: fadein 3.3s infinite;
    opacity: 0;
    transform-origin: 50% 50%;
}

    .hex:nth-child(2) {
        animation-delay: .2s;
    }

    .hex:nth-child(3) {
        animation-delay: .4s;
    }

    .hex:nth-child(4) {
        animation-delay: .6s;
    }

    .hex:nth-child(5) {
        animation-delay: .8s;
    }

    .hex:nth-child(6) {
        animation-delay: 1.0s;
    }

    .hex:nth-child(7) {
        animation-delay: 1.2s;
    }

@keyframes fadein {
    0%, 100% {
        transform: scale(0.001,0.001);
        opacity: 0;
    }

    33%, 66% {
        transform: scale(.9,.9);
        opacity: 1;
    }
}

.after {
    content: "";
    color: #fff;
    position: absolute;
    border-radius: 5px;
    margin-top: 10%
}
/*Loader*/

.navbar > .container, .navbar > .container-fluid, .navbar > .container-lg, .navbar > .container-md, .navbar > .container-sm, .navbar > .container-xl, .navbar > .container-xxl {
    box-shadow: 0 0 35px 0 #CCCDCE;
}

.page-title-box .page-title-right {
    float: right;
    margin-top: 20px;
}

.page-title-box .page-title {
    font-size: 18px;
    margin: 0;
    line-height: 50px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: inherit;
}

.page-title-box .breadcrumb {
    padding-top: 8px;
}

.breadcrumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 1rem 0;
    margin-bottom: 1rem;
    list-style: none;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin: 10px 0;
    font-weight: 700;
}

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

.mt-6 {
    margin-top: 4rem !important;
}

.mt-6 {
    margin-top: 5rem !important;
}

.mt-6 {
    margin-top: 6rem !important;
}

.mt-6 {
    margin-top: 7rem !important;
}

.mt-7 {
    margin-top: 8rem !important;
}

.card {
    border: none;
    -webkit-box-shadow: 0 0 35px 0 rgba(154,161,171,.15);
    box-shadow: 0 0 35px 0 rgba(154,161,171,.15);
    margin-bottom: 24px;
}

.card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #eef2f7;
    border-radius: 0.25rem;
}

.card-header:first-child {
    border-radius: 0;
}

/*TABLE*/

.el-table {
    font-size: 12px;
}

    .el-table th.el-table__cell {
        --bs-table-bg: #eef2f7;
        --bs-table-striped-bg: #313a46;
        --bs-table-striped-color: #fff;
        --bs-table-active-bg: #a2a8b0;
        --bs-table-active-color: #fff;
        --bs-table-hover-bg: #e0e4ea;
        background-color: #eef2f7;
        color: #313a46;
        border-color: #dbe0e5;
    }

    .el-table .descending .sort-caret.descending {
        border-top-color: #313a46;
    }

    .el-table .el-table__cell {
        padding: 5px 0;
    }

.el-table-column--selection .cell {
    padding-left: 10px;
    padding-right: 14px;
}

/*TABLE*/

/*SWITCH*/

input[data-switch] {
    display: none;
}

input[data-switch=success]:checked + label {
    background-color: #0acf97;
}

input[data-switch] + label {
    width: 56px;
    height: 24px;
    background-color: #f1f3fa;
    background-image: none;
    border-radius: 2rem;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    position: relative;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}

.d-block {
    display: block !important;
}

input[data-switch]:checked + label:before {
    color: #fff;
    content: attr(data-on-label);
    right: auto;
    left: 4px;
}

input[data-switch] + label:before {
    color: #313a46;
    content: attr(data-off-label);
    display: block;
    font-family: inherit;
    font-weight: 600;
    font-size: .75rem;
    line-height: 24px;
    position: absolute;
    right: 3px;
    margin: 0 0.21667rem;
    top: 0;
    text-align: center;
    min-width: 1.66667rem;
    overflow: hidden;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}

input[data-switch]:checked + label:after {
    left: 34px;
    background-color: #f1f3fa;
}

input[data-switch] + label:after {
    content: '';
    position: absolute;
    left: 4px;
    background-color: #adb5bd;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 2rem;
    height: 18px;
    width: 18px;
    top: 3px;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}
/*SWITCH*/

/*.el-button:focus, .el-button:hover {
        color: #6c757d;
        border-color: #6c757d;
        background: #FFF;
    }

    .btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active {
        color: #6c757d;
        border-color: #6c757d;
        background: #FFF
    }
*/
.btn.disabled, .btn:disabled, fieldset:disabled .btn {
    color: #6c757d;
    background-color: #D9DEEA;
    border-color: #D9DEEA;
    opacity: var(--bs-btn-disabled-opacity);
}


/* Label */
.el-form-item__label {
    font-weight: 600;
    margin-bottom: 10px;
    line-height: 0px;
}


.form-control {
    width: 100%;
    font-weight: 400;
    line-height: 1.5;
    color: #6c757d;
    color: var(--ct-input-color);
    background-color: #fff;
    background-color: var(--ct-input-bg);
    background-clip: padding-box;
    border: 1px solid #dee2e6;
    border: 1px solid var(--ct-input-border-color);
    -webkit-appearance: none;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.el-form-item__error {
    line-height: .1;
}

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

.el-message-box__message p {
    word-break: break-word;
}


/*====== width, Height css starts ======*/
.wid-20 {
    width: 20px;
}

.hei-20 {
    height: 20px;
}

.wid-25 {
    width: 25px;
}

.hei-25 {
    height: 25px;
}

.wid-30 {
    width: 30px;
}

.hei-30 {
    height: 30px;
}

.wid-35 {
    width: 35px;
}

.hei-35 {
    height: 35px;
}

.wid-40 {
    width: 40px;
}

.hei-40 {
    height: 40px;
}

.wid-45 {
    width: 45px;
}

.hei-45 {
    height: 45px;
}

.wid-50 {
    width: 50px;
}

.hei-50 {
    height: 50px;
}

.wid-55 {
    width: 55px;
}

.hei-55 {
    height: 55px;
}

.wid-60 {
    width: 60px;
}

.hei-60 {
    height: 60px;
}

.wid-65 {
    width: 65px;
}

.hei-65 {
    height: 65px;
}

.wid-70 {
    width: 70px;
}

.hei-70 {
    height: 70px;
}

.wid-75 {
    width: 75px;
}

.hei-75 {
    height: 75px;
}

.wid-80 {
    width: 80px;
}

.hei-80 {
    height: 80px;
}

.wid-85 {
    width: 85px;
}

.hei-85 {
    height: 85px;
}

.wid-90 {
    width: 90px;
}

.hei-90 {
    height: 90px;
}

.wid-95 {
    width: 95px;
}

.hei-95 {
    height: 95px;
}

.wid-100 {
    width: 100px;
}

.hei-100 {
    height: 100px;
}

.wid-105 {
    width: 105px;
}

.hei-105 {
    height: 105px;
}

.wid-110 {
    width: 110px;
}

.hei-110 {
    height: 110px;
}

.wid-115 {
    width: 115px;
}

.hei-115 {
    height: 115px;
}

.wid-120 {
    width: 120px;
}

.hei-120 {
    height: 120px;
}

.wid-125 {
    width: 125px;
}

.hei-125 {
    height: 125px;
}

.wid-130 {
    width: 130px;
}

.hei-130 {
    height: 130px;
}

.wid-135 {
    width: 135px;
}

.hei-135 {
    height: 135px;
}

.wid-140 {
    width: 140px;
}

.hei-140 {
    height: 140px;
}

.wid-145 {
    width: 145px;
}

.hei-145 {
    height: 145px;
}

.wid-150 {
    width: 150px;
}

.hei-150 {
    height: 150px;
}

/*====== width, Height css ends ======*/


.el-upload--picture-card img.avatar {
    width: 140px;
}

.divcard {
    display: block;
    float: left;
    height: 50px;
    background: #F3F5FA;
    text-align: center;
    padding: 30px 20px 0 60px;
    position: relative;
    margin: 0 10px 0 0;
    font-size: 20px;
    text-decoration: none;
    color: #8093A7;
}

    .divcard:after {
        content: "";
        border-top: 40px solid transparent;
        border-bottom: 40px solid transparent;
        border-left: 40px solid #F3F5FA;
        position: absolute;
        right: -40px;
        top: 0;
        z-index: 1;
    }

label {
    font-weight: 600;
}

.vue-numeric-mini {
    height: 28px !important;
    line-height: 28px;
    font-size: 12px;
}

/* ALERT STYLE */

.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}

.alert-heading {
    color: inherit;
}

.alert-link {
    font-weight: 700;
}

.alert-dismissible {
    padding-right: 3.75rem;
}

    .alert-dismissible .btn-close {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 2;
        padding: .9375rem 1.25rem;
    }

.alert-primary {
    color: #444a93;
    background-color: #e3e5fd;
    border-color: #d5d8fc;
}

    .alert-primary .alert-link {
        color: #363b76;
    }

.alert-secondary {
    color: #41464b;
    background-color: #e2e3e5;
    border-color: #d3d6d8;
}

    .alert-secondary .alert-link {
        color: #34383c;
    }

.alert-success {
    color: #067c5b;
    background-color: #cef5ea;
    border-color: #b6f1e0;
}

    .alert-success .alert-link {
        color: #056349;
    }

.alert-info {
    color: #22697d;
    background-color: #d7eff6;
    border-color: #c4e7f1;
}

    .alert-info .alert-link {
        color: #1b5464;
    }

.alert-warning {
    color: #997100;
    background-color: #fff2cc;
    border-color: #ffebb3;
}

    .alert-warning .alert-link {
        color: #7a5a00;
    }

.alert-danger {
    color: #96374a;
    background-color: #fedee5;
    border-color: #feced8;
}

    .alert-danger .alert-link {
        color: #782c3b;
    }

.alert-light {
    color: #8f9194;
    background-color: #fcfcfd;
    border-color: #fafbfd;
}

    .alert-light .alert-link {
        color: #727476;
    }

.alert-dark {
    color: #1d232a;
    background-color: #d6d8da;
    border-color: #c1c4c8;
}

    .alert-dark .alert-link {
        color: #171c22;
    }


/*ElementUI override fix IOS*/
/*Fixes double tap on iOS*/
.el-scrollbar__bar {
    opacity: 1 !important;
}

.badge-promo {
    position: relative;
    overflow: hidden;
    max-height: 60px;
    margin-bottom: -8px;
    z-index: 1;
    padding: 12px 14px;
    border-radius: 2px 2px 0 0;
    color: #fff;
    text-align: left;
    background: #fff;
}

    .badge-promo::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
    }

    .badge-promo::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
    }

    .badge-promo::before {
        background: #f5894a;
        height: 100%;
        width: 110%;
        transform-origin: bottom right;
        transform: rotate(.2deg);
    }

    .badge-promo::after {
        background: #313a46;
        transform: rotate(-3deg);
        transform-origin: bottom left;
        height: 100%;
        width: 110%;
    }

.badge-promo-content {
    position: relative;
    z-index: 1;
    font-family: sans-serif;
    font-size: 18px
}

/* COLORES DE FONDO DE FILAS DE GRILLA SEGUN ESTADO FTP MECANISMO INTEGRACION */
.valida-row {
    background: #7EFF7E !important;
}

.pagada-row {
    background: #E3F3FF !important;
}

.invalida-row {
    background: #FF7D7D !important;
}

.rechazada-row {
    background: #FFE3E3 !important;
}

.aceptada-row {
    background: #E6FFE3 !important;
}

.cerrada-row {
    background: #E3FAFF !important;
}

/* COLORES MECANISMO INTERACION (SOLICITADO, RECUPERADO=text-success, DIFERENCIA=text-danger)*/
.text-solicitado {
    color: #6A499B !important;
}

/* QUITAR SUBRAYADO EN LOS MESES y AÑOS DEL DATEPICKER DE ELEMENT */
.el-month-table td a.cell, .el-year-table td a.cell {
    text-decoration: none !important;
}

/* HIGHCHARTS SHADOW */
.chart-shadow {
    -webkit-filter: drop-shadow(0px 20px 8px rgba(0, 0, 0, 0.2));
    filter: drop-shadow(0px 20px 8px rgba(0, 0, 0, 0.2));
}

/* MODAL HEADER PADDING REDUCIDO */
.modal-header-sm {
    padding: 5px 5px 5px 10px !important;
}

.el-popover {
    word-break: break-word !important;
}

.no-select {
    user-select: none !important;
}

/* Width */

.w-15 {
    width: 15% !important;
}

.w-20 {
    width: 20% !important;
}