.uxn-notes-yellow {
        background-color: #FEF6C8;
    }

    .uxn-notes-green {
        background-color: #DCF0B3;
    }

    .uxn-notes-pink {
        background-color: #F3E1EF;
    }

    .uxn-notes-blue {
        background-color: #D4EEFB;
    }

    .uxn-notes-purple {
        background-color: #dac4f5;
    }

    .float-left {
        float: left;
    }

    .uxn-container-shadow {
        box-shadow: 8px 0px 24px 0px rgba(0, 0, 0, 0.32);
        -webkit-box-shadow: 8px 0px 24px 0px rgba(0, 0, 0, 0.32);
        -moz-box-shadow: 8px 0px 24px 0px rgba(0, 0, 0, 0.32);
    }

    .text-cardboard {
        color: #eac58a !important;
    }

    .scroll-hide::-webkit-scrollbar {
        width: 8px;
        /* Tamaño del scroll en vertical */
        height: 8px;
        /* Tamaño del scroll en horizontal */
        display: none;
        /* Ocultar scroll */
    }

    /* .uxn-notes-yellow{
        background-color: #ffd901;
    }
    
    .uxn-notes-green{
        background-color: #addb7e;
    }

    .uxn-notes-pink{
        background-color: #f874a6;
    }

    .uxn-notes-blue{
        background-color: #5ac2f6;
    } 
    
    .uxn-notes-purple{
        background-color: #7e43ec;
    }  */

    .grayed {
        color: rgba(0, 0, 0, 0.25)
    }

    .text-grayed {
        color: #5A5A5A;
    }

    .trforfa {
        width: 50px !important;
        padding-left: 15px;
        padding-right: 15px;
    }

    .colforicon {
        width: 56px !important;
        padding-left: 15px;
        padding-right: 15px;
    }

    .colforthumb {
        width: 45px !important;
        padding-left: 5px;
        padding-right: 5px;
    }

    .colforfa {
        width: 24px !important;
        padding-left: 5px;
        padding-right: 5px;
    }

    .col240px {
        width: 240px !important;
        min-width: 240px;
        padding-left: 5px;
        padding-right: 5px;
    }

    .col20percent {
        width: 20% !important;
        padding-left: 15px;
        padding-right: 15px;
    }

    .colfornumber {
        width: 84px !important;
        padding-left: 10px;
        padding-right: 10px;
    }

    .colforicon-2 {
        width: 32px !important;
        padding-left: 15px;
        padding-right: 15px;
    }

    .colinner32px {
        width: 62px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .form-row>.colinner32px {
        width: 43px !important;
        padding-left: 5px;
        padding-right: 5px;
    }

    .colforicon-3 {
        width: 78px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .colformodulebox {
        min-width: 92px;
    }

    .moduleboxcontent {
        height: 96px;
        padding: 10px;
    }

    @media (min-width: 180px) {
        .colformodulebox {
            width: 100%;
        }
    }

    @media (min-width: 256px) {
        .colformodulebox {
            width: calc(100% / 2);
        }
    }

    @media (min-width: 320px) {
        .colformodulebox {
            width: calc(100% / 3);
        }
    }

    @media (min-width: 480px) {
        .colformodulebox {
            width: calc(100% / 4);
        }
    }

    @media (min-width: 512px) {
        .colformodulebox {
            width: calc(100% / 5);
        }
    }

    @media (min-width: 720px) {
        .colformodulebox {
            width: calc(100% / 6);
        }
    }

    @media (min-width: 840px) {
        .colformodulebox {
            width: calc(100% / 7);
        }
    }

    @media (min-width: 960px) {
        .colformodulebox {
            width: calc(100% / 8);
        }
    }

    @media (min-width: 1024px) {
        .colformodulebox {
            width: calc(100% / 9);
        }
    }

    @media (min-width: 1154px) {
        .colformodulebox {
            width: calc(100% / 10);
        }
    }

    .get-category {
        display: block;
        width: calc(12.5% - 10px);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .catalog-item-container {
        width: calc(20%);
    }

    .catalog-item-container.hide {
        display: none;
    }

    @media (max-width:1200px) {
        .catalog-item-container {
            width: calc(25%);
        }
    }

    @media (max-width:980px) {
        .get-category {
            width: calc(20% - 10px);
            /* padding-left: 5px;
            padding-right: 5px; */
            background-position: center;
            background-size: cover;
            background-repeat: no-repeat;
        }

        .catalog-item-container {
            width: calc(33.33%);
        }
    }

    @media (max-width:600px) {
        .get-category {
            width: calc(33.33% - 10px);
            /* padding-left: 5px;
            padding-right: 5px; */
            background-position: center;
            background-size: cover;
            background-repeat: no-repeat;
        }

        .catalog-item-container {
            width: calc(50%);
        }
    }

    @media (max-width:400px) {
        .get-category {
            width: calc(50% - 10px);
            /* padding-left: 5px;
            padding-right: 5px; */
            background-position: center;
            background-size: cover;
            background-repeat: no-repeat;
        }

        .catalog-item-container {
            width: calc(100%);
        }
    }

    @media (max-width:300px) {
        .get-category {
            width: calc(100% - 10px);
            /* padding-left: 5px;
            padding-right: 5px; */
            background-position: center;
            background-size: cover;
            background-repeat: no-repeat;
        }
    }

    .moduleboxname {
        font-size: .64rem;
        font-weight: 500;
        line-height: 1.2;
    }

    .thforfa {
        width: 20px !important;
    }

    .thformoney {
        width: 60px !important;
    }

    .thfordate {
        width: 120px !important;
    }

    .widthforicon {
        width: 80% !important;
        height: 60px;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .text-top {
        vertical-align: text-top;
    }

    .border3px {
        border-width: 3px !important;
    }

    .border2px {
        border-width: 2px !important;
    }

    .tdfapaddingtop {
        padding-top: 14px !important;
    }

    .gray-filter-slide {
        filter: grayscale(100%);
        transition: all 0.3s ease-in;
    }

    .padding1rem {
        padding: 1rem;
    }

    .paddingleft-15px {
        padding-left: 15px !important;
    }

    .padding2px {
        padding: 2px !important;
    }

    .padding3px {
        padding: 3px !important;
    }

    .padding4px {
        padding: 4px !important;
    }

    .padding5px {
        padding: 5px !important;
    }

    .padding10px {
        padding: 10px !important;
    }

    .padding10px {
        padding: 10px !important;
    }

    .paddingx-5px {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .paddingx-6px {
        padding-left: 6px !important;
        padding-right: 6px !important;
    }

    .paddingx-10px {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    /* .paddingx-15px{
        padding-left: 15px !important;
        padding-right: 15px !important;
    } */

    .paddingy-5px {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }

    .paddingy-10px {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .paddingy-15px {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }

    .margin5px {
        margin: 5px !important;
    }

    .margin10px {
        margin: 10 !important;
    }

    .margin15px {
        margin: 15px !important;
    }

    .marginx-5px {
        margin-left: 5px !important;
        margin-right: 5px !important;
    }

    .marginx-10px {
        margin-left: 10px !important;
        margin-right: 10px !important;
    }

    .marginx-15px {
        margin-left: 15px !important;
        margin-right: 15px !important;
    }

    .marginy-5px {
        margin-top: 5px !important;
        margin-bottom: 5px !important;
    }

    .marginy-10px {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }

    .marginy-15px {
        margin-top: 15px !important;
        margin-bottom: 15px !important;
    }

    .square20px {
        width: 20px !important;
        height: 20px !important;
        min-width: 20px !important;
        min-height: 20px !important;
    }

    .square10px {
        width: 10px !important;
        height: 10px !important;
        min-width: 10px !important;
        min-height: 10px !important;
    }

    .square9px {
        width: 9px !important;
        height: 9px !important;
        min-width: 9px !important;
        min-height: 9px !important;
    }

    .square8px {
        width: 8px !important;
        height: 8px !important;
        min-width: 8px !important;
        min-height: 8px !important;
    }

    .colforavatar {
        align-self: center;
        width: 108px !important;
        height: 108px !important;
        border-radius: 100px;
        background-image: url("../img/avatar.png");
        background-color: #b9b9b9;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    .col140px {
        width: 140px !important;
        height: 140px !important;
    }

    .colfortotalcard {
        min-width: 162px !important;
        width: 15%;
        max-width: 250px !important;
    }

    .col-total-9 {
        width: 14%;
    }

    .display-2 {
        font-size: 1.5rem;
        font-weight: 300;
        line-height: 1.2;
    }

    .bg-primary {
        color: #FFFFFF;
    }

    .add-schedule-day {
        display: none;
    }

    .col-sub-day {
        min-height: 50px;
        padding: 5px;
        overflow-y: hidden;
    }

    .day-square {
        width: calc(100% / 7);
    }

    .day-square-strict {
        width: calc(100% / 7);
    }

    .col-day {
        width: calc(100% / 7);
        padding: 5px;
    }

    .col-day-strict {
        width: calc(100% / 7);
        padding: 5px;
    }

    @media (max-width: 600px) {
        .col-day {
            display: none;
        }

        .day-square {
            width: 100%;
        }

        .day-square.schedule-empty {
            display: none;
        }
    }

    .day-list {
        width: calc(100% / 1);
    }

    .day-square .day-class {
        display: none !important;
    }

    .day-square-strict .day-class {
        display: none !important;
    }

    .day-list .day-class {
        display: inline;
    }

    .none-show {
        display: none;
    }

    .col-sub-day:hover {
        height: auto;
        /* border: 1px solid #000000; */
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px;
        transition: 0.2s;
        box-shadow: 0 .2rem .5rem rgba(0, 0, 0, 0.1);

        .add-schedule-day {
            display: unset;
        }
    }

    .btnfortotalcardfilter {
        height: 46px;
        margin-top: 5px;
    }

    @media (max-width: 980px) {
        .colfortotalcard p {
            font-size: .64rem !important;
        }

        .colfortotalcard {
            min-width: 128px !important;
            width: 15%;
            max-width: 250px !important;
        }

        .btnfortotalcardfilter {
            height: 40px;
            margin-top: 5px;
        }
    }

    .colforiconflex {
        -ms-flex: 0 0 40px;
        flex: 0 0 40px;
    }

    .trfordate {
        width: 120px !important;
        padding-left: 15px;
        padding-right: 15px;
    }

    .trfordatetime {
        width: 150px !important;
        padding-left: 15px;
        padding-right: 15px;
    }

    .col-120px {
        width: 120px !important;
        padding-left: 15px;
        padding-right: 15px;
    }

    .col-120px {
        width: 120px !important;
        padding-left: 15px;
        padding-right: 15px;
    }

    .colforsquare {
        width: 100px !important;
        height: 100px !important;
        padding-left: 15px;
        padding-right: 15px;
        border: 0px;
        transition: 0.3s;
        background-color: #fafafa;
    }

    .colforsquare:hover {
        background-color: #ffffff;
        transition: 0.3s;
        transform: scale(1.08);
        -webkit-box-shadow: 0px 0px 25px -10px rgba(166, 166, 166, 0.7);
        -moz-box-shadow: 0px 0px 25px -10px rgba(166, 166, 166, 0.7);
        box-shadow: 0px 0px 25px -10px rgba(166, 166, 166, 0.7);
    }

    .colformoney {
        width: 150px !important;
        padding-left: 15px;
        padding-right: 15px;
        text-align: right;
    }

    .colformoneyMain {
        width: 150px !important;
        padding-left: 5px;
        padding-right: 5px;
        text-align: right;
    }

    .colforqty {
        width: 100px !important;
        padding-left: 15px;
        padding-right: 15px;
    }

    .colforbutton {
        width: 240px !important;
        padding-left: 15px;
        padding-right: 15px;
    }

    .colfordatetime {
        width: 150px !important;
        padding-left: 15px;
        padding-right: 15px;
    }

    .trfordateflex {
        -ms-flex: 0 0 120px;
        flex: 0 0 120px;
    }

    .blackicon {
        color: black;
    }

    .redicon {
        color: red !important;
    }

    .bigicon {
        font-size: 1.2rem !important;
        margin-bottom: 0px !important;
        padding-bottom: 0px !important;
    }

    /* .toyp{
        font-size : .50rem !important;
        margin-bottom: 0px !important;
        padding-bottom: 0px !important;
    } */

    .chiquip_abajo {
        font-size: .64rem !important;
        margin-bottom: 0px;
        padding-bottom: 0px !important;
    }

    .lunap {
        font-size: .50rem !important;
        margin-bottom: 0px !important;
        padding-bottom: 0px !important;
    }

    .letra60porciento {
        font-size: .60rem !important;
        margin-bottom: 0px !important;
        padding-bottom: 0px !important;
    }

    .letra80porciento {
        font-size: .80rem !important;
        margin-bottom: 0px !important;
        padding-bottom: 0px !important;
    }

    .letra90porciento {
        font-size: .90rem !important;
        margin-bottom: 0px !important;
        padding-bottom: 0px !important;
    }

    .a_rq_black {
        color: black !important;
        text-decoration: none !important;
        background-color: transparent !important;
        cursor: pointer;
    }

    .a_rq_black:hover {
        color: #0056b3 !important;
        text-decoration: underline;

    }

    .rqfontweigth600 {
        font-weight: 600 !important;
    }

    .height_navcustom5 {
        height: 5px !important;
    }

    .rq-bg-black {
        background-color: black !important;
    }

    .rqblackbutton {
        color: #fff;
        background-color: #000000;
        border-color: #000000;
    }

    .rqblackbutton:hover {
        color: #fff;
        background-color: #23272b;
        border-color: #1d2124;
    }

    .scroll100px {
        max-height: 100px;
        overflow-y: auto;
    }

    .overflow-y-auto {
        overflow-y: auto;
    }

    .overflow-y-hidden {
        overflow-y: hidden !important;
    }

    .scroll620px {
        max-width: 740px;
        overflow-x: scroll;
    }

    .scroll370px {
        max-width: 370px;
        overflow-x: scroll;
    }

    .pointer {
        cursor: pointer;
    }

    .midiconsize {
        font-size: 32px !important;
    }

    .cont-1200rq {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }

    .rqmaxwidth400px {
        width: 100%;
        max-width: 400px !important;
    }

    .rqmaxwidth500px {
        width: 100%;
        max-width: 500px !important;
    }

    @media (min-width: 500px) {
        .rqmaxwidth500px {
            width: 100%;
            max-width: 300px !important;
        }
    }

    .rqwidth300-480px {
        min-width: 300px !important;
        width: 100%;
        max-width: 480px;
    }

    @media (min-width: 500px) {
        .rqwidth300-480px {
            min-width: 300px !important;
            width: 100%;
            max-width: 300px;
        }
    }

    .rqwidth270-480px {
        min-width: 270px !important;
        width: 100%;
        max-width: 480px;
    }

    @media (min-width: 500px) {
        .rqwidth270-480px {
            min-width: 330px !important;
            width: 100%;
            max-width: 330px;
        }
    }

    @media (min-width: 660px) {
        .rqwidth270-480px {
            min-width: 300px !important;
            width: 100%;
            max-width: 300px;
        }
    }

    @media (min-width: 790px) {
        .rqwidth270-480px {
            min-width: 240px !important;
            width: 100%;
            max-width: 240px;
        }
    }

    @media (min-width: 990px) {
        .rqwidth270-480px {
            min-width: 330px !important;
            width: 100%;
            max-width: 330px;
        }
    }

    @media (min-width: 1154px) {
        .rqwidth270-480px {
            min-width: 240px !important;
            width: 100%;
            max-width: 240px;
        }
    }

    @media (min-width: 1200px) {
        .rqwidth270-480px {
            min-width: 270px !important;
            width: 100%;
            max-width: 270px;
        }
    }

    .rqwidth300-480px {
        min-width: 300px !important;
        width: 100%;
        max-width: 480px;
    }

    @media (min-width: 500px) {
        .rqwidth300-480px {
            min-width: 300px !important;
            width: 100%;
            max-width: 300px;
        }
    }


    @media (min-width: 768px) {
        .cont-1200rq {
            padding-right: 50px;
            padding-left: 50px;
        }
    }

    @media (min-width: 1200px) {
        .cont-1200rq {
            max-width: 1200px !important;
        }
    }

    @media (min-width: 1200px) {
        .checkouttotalcard {
            padding-left: 50px !important;
        }
    }

    @media (max-width: 768px) {
        .noborder768 {
            border: 0px !important;
        }
    }

    @media (max-width: 768px) {
        .nopadding-lr768 {
            padding-left: 0px !important;
            padding-right: 0px !important;
        }
    }

    @media (max-width: 768px) {
        .nomargin768 {
            margin: 0px !important;
        }
    }

    .thumb-nav-rq {
        width: 30px;
        height: 30px;
        cursor: pointer;
        border-radius: 100PX;
        background-image: url("../img/avatar.png");
        background-color: #b9b9b9;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    .thumb-nav-rq-bg {
        width: 50px;
        height: 50px;
        cursor: pointer;
        border-radius: 100PX;
        background-image: url("../img/avatar.png");
        background-color: #b9b9b9;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    .uxn-ui-container-b {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }

    @media (min-width: 576px) {
        .uxn-ui-container-b {
            max-width: 540px;
        }
    }

    @media (min-width: 768px) {
        .uxn-ui-container-b {
            max-width: 720px;
        }
    }

    @media (min-width: 992px) {
        .uxn-ui-container-b {
            max-width: 960px;
        }
    }

    @media (min-width: 1200px) {
        .uxn-ui-container-b {
            max-width: 1140px;
        }
    }

    .uxn-ui-container-fluid {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
        min-height: 80vh;
    }

    .uxn-ui-container {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;

    }

    @media (min-width: 768px) {
        .uxn-ui-container {
            padding-right: 15px;
            padding-left: 15px;
        }
    }

    @media (min-width: 1200px) {
        .uxn-ui-container {
            padding-right: 30px;
            padding-left: 30px;
        }
    }


    @media (min-width: 1440px) {
        .uxn-ui-container {
            padding-right: 50px;
            padding-left: 50px;
        }
    }


    @media (min-width: 1200px) {
        .uxn-ui-container {
            max-width: 1200px !important;
        }
    }

    .card-nav-detail-def {
        background-color: white;
        width: 100%;
        height: 65px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border: 1px solid #cfcfcf;
        border-radius: 0.25rem;
    }

    .cont-card-nav-icon-def {
        width: 30%;
        height: 28px;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .border-green {
        border-left: 5px solid #007bff !important;
    }

    .left-high::after {
        content: '';
        border-left: 5px solid #dc3545 !important;
        height: 30%;
        top: calc(50% - 15%);
        position: absolute;
        border-top-right-radius: 15px;
        border-bottom-right-radius: 15px;
    }

    .left-medium::after {
        content: '';
        border-left: 5px solid #ffc107 !important;
        height: 30%;
        top: calc(50% - 15%);
        position: absolute;
        border-top-right-radius: 15px;
        border-bottom-right-radius: 15px;
    }

    .left-low::after {
        content: '';
        border-left: 5px solid #007bff !important;
        height: 30%;
        top: calc(50% - 15%);
        position: absolute;
        border-top-right-radius: 15px;
        border-bottom-right-radius: 15px;
    }

    .sizeforsign {
        width: 100%;
        height: auto;
        max-width: 160px;

    }

    .sizeforlogo {
        width: 100%;
        height: auto;
        max-width: 180px;

    }

    .height50px {
        height: 50px !important;
    }

    /*! 
 *  Multiple select dropdown with filter jQuery plugin.
 *  Copyright (C) 2020  Andrew Wagner  github.com/andreww1011
 *
 *  This library is free software; you can redistribute it and/or
 *  modify it under the terms of the GNU Lesser General Public
 *  License as published by the Free Software Foundation; either
 *  version 2.1 of the License, or (at your option) any later version.
 * 
 *  This library is distributed in the hope that it will be useful,
 *  but WITHOUT ANY WARRANTY; without even the implied warranty of
 *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
 *  Lesser General Public License for more details.
 * 
 *  You should have received a copy of the GNU Lesser General Public
 *  License along with this library; if not, write to the Free Software
 *  Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301
 *  USA
 */
    :root {
        --fms-badge-text-color: white;
        --fms-badge-color: var(--primary)
    }

    .filter-multi-select.dropup,
    .filter-multi-select.dropdown {
        position: relative;
    }

    .filter-multi-select .dropdown-toggle::after {
        all: unset;
    }

    .filter-multi-select .dropdown-toggle:empty::after {
        all: unset;
    }

    .filter-multi-select>.dropdown-toggle::before {
        display: inline-block;
        margin-right: 0.255em;
        vertical-align: middle;
        content: "";
        border-top: 0.3em solid;
        border-right: 0.3em solid transparent;
        border-bottom: 0;
        border-left: 0.3em solid transparent;
    }

    .filter-multi-select>.dropdown-toggle:empty::before {
        margin-right: 0.255em;
    }

    .filter-multi-select>.viewbar {
        white-space: normal;
        font-size: 0.875rem;
        font-weight: 400;
        height: auto;
        cursor: pointer;
    }

    .filter-multi-select>.viewbar>.selected-items>.item {
        margin: .125rem .25rem .125rem 0;
        padding: 0px 0px 0px .5em;
        display: inline-flex;
        height: 1.875em;
        color: var(--fms-badge-text-color);
        background-color: var(--fms-badge-color);
        border-radius: 1.1em;
        align-items: center;
        vertical-align: baseline;
    }

    .filter-multi-select>.viewbar>.selected-items>.item>button {
        background-color: transparent;
        color: var(--fms-badge-text-color);
        border: 0;
        font-weight: 900;
        cursor: pointer;
    }

    .filter-multi-select>.viewbar>.selected-items>.item>button:hover {
        filter: contrast(50%);
    }

    .filter-multi-select>.viewbar>.selected-items>.item.disabled {
        display: inline-flex;
        padding: 0px .5em 0px .5em;
        filter: grayscale(80%) brightness(150%);
    }

    .filter-multi-select>.viewbar>.selected-items>.item.disabled>button {
        display: none;
    }

    .filter-multi-select>.dropdown-menu {
        position: absolute;
        top: 100%;
        left: 0%;
        z-index: 1000;
        display: none;
        float: left;
        max-height: 50vh;
        min-width: 10rem;
        overflow-y: auto;
        padding: 0.5rem 0;
        margin: 0.125rem 0 0;
        font-size: 0.875rem;
        text-align: left;
        list-style: none;
        background-color: #FFFFFF;
        background-clip: padding-box;
        border: 1px solid rgba(0, 0, 0, 0.15);
        border-radius: 0.25rem;
    }

    .filter-multi-select>.dropdown-menu.show {
        display: block;
    }

    .filter-multi-select>.dropdown-menu>.filter>input {
        font-size: 0.875rem;
    }

    .filter-multi-select>.dropdown-menu>.filter>button {
        position: absolute;
        border: 0;
        background-color: transparent;
        font-weight: 900;
        color: #ccc;
        right: 2rem;
        top: 1rem;
    }

    .filter-multi-select>.dropdown-menu>.filter>button:hover {
        color: #aaa;
    }

    .filter-multi-select .dropdown-item {
        display: block;
        width: 100%;
        padding: 0.25rem 1.5rem;
        clear: both;
        font-weight: 400;
        color: #212529;
        text-align: inherit;
        white-space: nowrap;
        background-color: transparent;
        border: 0;
    }

    .filter-multi-select .dropdown-item.disabled,
    .filter-multi-select .dropdown-item:disabled {
        color: #6c757d;
        pointer-events: none;
        background-color: transparent;
    }

    .filter-multi-select .dropdown-item:hover,
    .filter-multi-select .dropdown-item:focus {
        background-color: inherit;
    }

    .filter-multi-select .dropdown-item.active,
    .filter-multi-select .dropdown-item:active {
        color: inherit;
    }

    .filter-multi-select .dropdown-item .custom-control-input {
        position: absolute;
        z-index: -1;
        opacity: 0;
    }

    .filter-multi-select .dropdown-item .custom-control-label {
        position: relative;
        margin-bottom: 0;
        vertical-align: top;
        display: inline-block;
    }

    .filter-multi-select .dropdown-item .custom-control-label::before {
        border-radius: 0.25rem;
        transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        position: absolute;
        top: 0.15625rem;
        left: -1.5rem;
        display: block;
        width: 1rem;
        height: 1rem;
        pointer-events: none;
        content: "";
        background-color: #FFFFFF;
        border: #adb5bd solid 1px
    }

    .filter-multi-select .dropdown-item .custom-control-label::after {
        position: absolute;
        top: 0.15625rem;
        left: -1.5rem;
        display: block;
        width: 1rem;
        height: 1rem;
        content: "";
        background: no-repeat 50% / 50% 50%;
    }

    .filter-multi-select .dropdown-item .custom-checkbox:checked~.custom-control-label::before,
    .filter-multi-select .dropdown-item .custom-checkbox:indeterminate~.custom-control-label::before {
        border-color: var(--fms-badge-color);
        background-color: var(--fms-badge-color);
    }

    .filter-multi-select .dropdown-item .custom-checkbox:checked:disabled~.custom-control-label::before,
    .filter-multi-select .dropdown-item .custom-checkbox:indeterminate:disabled~.custom-control-label::before {
        border-color: var(--fms-badge-color);
        background-color: var(--fms-badge-color);
        filter: grayscale(80%) brightness(150%);
    }

    .filter-multi-select .dropdown-item .custom-checkbox:checked~.custom-control-label::after {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23FFFFFF' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
    }

    .filter-multi-select .dropdown-item .custom-checkbox:indeterminate~.custom-control-label::after {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23FFFFFF' d='M0 2h4'/%3e%3c/svg%3e");
    }

    .shift {
        width: auto;
        height: 50px;


    }

    .color-uverlay-toggle {
        width: auto;
        height: 20px;
        padding: 6px;

        display: flex;
        justify-content: center;
        align-items: center;
        color: white
    }

    .color-uverlay-toggle-active {
        background-color: rgba(0, 0, 0, 0.356) !important;
    }

    .color-overlay-toggle {
        width: auto;
        height: 50px;
        padding: 10px;

        display: flex;
        justify-content: center;
        align-items: center;
        color: white
    }

    .color-overlay-toggle-active {
        background-color: rgba(0, 0, 0, 0.356) !important;
    }

    .effect-apear {
        -webkit-animation: fadein 0.8s;
        /* Safari, Chrome and Opera > 12.1 */
        -moz-animation: fadein 0.8s;
        /* Firefox < 16 */
        -ms-animation: fadein 0.8s;
        /* Internet Explorer */
        -o-animation: fadein 0.8s;
        /* Opera < 12.1 */
        animation: fadein 0.8s;
    }

    .sticky-top {
        position: sticky;
        top: 0;
        z-index: 10;
    }

    .popShift {
        top: -15px;
        max-width: 300px;
        min-width: 200px;
        z-index: 100;
    }

    .popDenied {
        top: 0;
        max-width: 250px;
    }

    .popover {
        left: 50px;
        position: absolute;
        background-color: rgba(0, 0, 0, 0.7);
        color: white;
        padding: 10px;
        border-radius: 5px;
        display: none;
        z-index: 10;
    }

    .flow-days,
    .column-days {
        overflow-x: auto;
        max-width: 100%;
    }

    .days-box {
        max-width: calc(100% - 240px);
        z-index: 2;
    }

    .flow-days,
    .flow-emp {
        z-index: 0;
    }

    .flow-emp::-webkit-scrollbar {
        display: none;
    }

    .column-days::-webkit-scrollbar {
        display: none;
    }

    .day-number-selected {
        border: 1px solid #007bff;
        border-radius: 50%;
        padding: 2px 5px;
        background-color: #e0f0ff;
    }

    @keyframes fadein {
        from {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }

    /* Firefox < 16 */
    @-moz-keyframes fadein {
        from {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }

    /* Safari, Chrome and Opera > 12.1 */
    @-webkit-keyframes fadein {
        from {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }

    /* Internet Explorer */
    @-ms-keyframes fadein {
        from {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }

    /* Opera < 12.1 */
    @-o-keyframes fadein {
        from {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }

    .col-30px {
        width: 30px !important;
        padding-left: 15px;
        padding-right: 15px;
    }

    .col-40px {
        width: 40px !important;
        padding-left: 15px;
        padding-right: 15px;
    }

    .col-60px {
        width: 60px !important;
        padding-left: 15px;
        padding-right: 15px;
    }

    .col-90px {
        width: 90px !important;
        padding-left: 15px;
        padding-right: 15px;
    }

    .col-120px {
        width: 120px !important;
        padding-left: 15px;
        padding-right: 15px;
    }

    .col-150px {
        width: 150px !important;
        padding-left: 15px;
        padding-right: 15px;
    }

    .col-180px {
        width: 180px !important;
        padding-left: 15px;
        padding-right: 15px;
    }

    .col-210px {
        width: 210px !important;
        padding-left: 15px;
        padding-right: 15px;
    }

    .height-30px {
        height: 30px !important;
    }

    .height-40px {
        height: 40px !important;
    }

    .height-60px {
        height: 60px !important;
    }

    .height-90px {
        height: 90px !important;
    }

    .height-120px {
        height: 120px !important;
    }

    .height-150px {
        height: 150px !important;
    }

    .height-180px {
        height: 180px !important;
    }

    .height-210px {
        height: 210px !important;
    }

    .pagebreak {
        page-break-before: always;
    }

    /* page-break-after works, as well */

    .card-rounded {
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
        border-bottom-left-radius: 12px;
        border-bottom-right-radius: 12px;
    }

    .card-rounded-5 {
        border-top-left-radius: 9px;
        border-top-right-radius: 9px;
        border-bottom-left-radius: 9px;
        border-bottom-right-radius: 9px;
    }

    .card-rounded-10 {
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }

    .card-rounded-20 {
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
    }

    .rounded-right-20 {
        border-top-right-radius: 20px;
        border-bottom-right-radius: 20px;
    }

    .uxn-menu-pro {
        width: 240px !important;
        height: 100vh;
        position: fixed;
        z-index: 10;
        top: 0;
        transition: transform 0.3s ease;
        /* border-radius: 0px 0px 0px 0px; */
        transform: translate(-100%, 0);
    }

    .uxn-menu-pro-light {
        background: rgb(245, 246, 247);
        box-shadow: -180px 64px 24px -184px rgba(0, 0, 0, 0.1) inset;
        -webkit-box-shadow: -180px 64px 24px -184px rgba(0, 0, 0, 0.1) inset;
        -moz-box-shadow: -180px 64px 24px -184px rgba(0, 0, 0, 0.1) inset;
    }

    .uxn-menu-pro-dark {
        background-color: #050607 !important;
    }

    .uxn-menu-pro-active {
        transition: transform 0.3s ease;
        transform: translate(0, 0);
        /* border-radius: 0px 25px 25px 0px; */
    }

    .uxn-content-col {
        /* border-radius: 0px 0px 0px 0px; */
        background: rgb(245, 246, 247);
        min-height: 100vh;
        transition: 0.3s;
        /* overflow-y:auto;
    overflow-x: hidden; */
    }

    .uxn-content-col-rounded {
        border-radius: 12px 0px 0px 12px;
        transition: 1.5s;
        /* overflow-y:auto;
    overflow-x: hidden; */
    }

    .uxn-nav-user {
        transition: 1.5s;
        /* overflow-y:auto;
    overflow-x: hidden; */
    }

    .uxn-nav-user-rounded {
        border-radius: 12px 0px 0px 0px;
        transition: 1.5s;
        /* overflow-y:auto;
    overflow-x: hidden; */
    }

    /* .uxn-menu-pro-col{
    transition: transform 0.3s;
    width: 0px;
  }
  
  @media (min-width: 1158px){
    .uxn-menu-pro-col{
      transition: width 0.3s;
      width: 250px;
    }
  } */

    .uxn-menu-pro-col {
        transition: width 0.3s ease;
        width: 0px;
    }

    .uxn-menu-pro-col-active {
        width: 240px;
    }

    .uxn-menu-li {
        list-style: none;
        width: 100%;
        margin-bottom: 7px;
        /*margin-left: 15px;*/
    }

    .uxn-menu-li-out {
        height: 47.97px;
        display: flex;
        justify-content: end;
        align-items: center;
        width: auto;
    }

    .uxn-menu-li .uxn-menu-a {
        color: #6c757d !important;
    }

    .uxn-menu-a {
        color: #6c757d !important;
    }

    @media (min-width: 768px) {
        .uxn-menu-md {
            flex: 0 0 16.666667%;
            max-width: 16.666667%;
        }
    }

    .uxn-menu-item {
        padding-top: .16rem !important;
        padding-bottom: .16rem !important;
    }

    .uxn-menu-pro-dark .uxn-menu-item-active {
        background-color: rgba(251, 252, 253, .1);
        color: white !important;
    }

    .uxn-menu-pro-light .uxn-menu-item-active {
        background-color: rgba(7, 8, 9, .1);
        color: #3e3e3e !important;

    }

    .uxn-menu-item a {
        color: #6c757d !important;
    }

    .uxn-menu-item-border {
        margin-left: 3px;
        border-left: 3px solid #007bff00;
        margin-right: 9px;
    }

    .uxn-menu-item-active .uxn-menu-item-border {
        border-left: 3px solid #007bff;
    }

    .uxn-menu-icon-col {
        width: 16px;
    }

    .uxn-menu-item-text-col {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
        padding-left: 10px;
        padding-right: 10px;
        max-width: 179px;
    }

    .uxn-menu-item-movement {
        transition: transform 0.3s ease;
        transform: translate(0, 0);
    }

    .uxn-menu-pro-light .uxn-menu-item-active a .uxn-menu-item-movement {
        color: black;
    }

    .uxn-menu-pro-dark .uxn-menu-item-active a .uxn-menu-item-movement {
        color: white;
    }

    .uxn-menu-pro-dark .uxn-menu-item-movement:hover {
        transition: transform 0.1s ease;
        transform: translate(2%, 0);
        color: white;
    }

    .uxn-menu-pro-light .uxn-menu-item-movement:hover {
        transition: transform 0.1s ease;
        transform: translate(2%, 0);
        color: black;
    }

    .uxn-menu-module-settings {
        transition: transform 0.3s ease;
        color: #45454500;
    }

    .uxn-menu-item-active .uxn-menu-module-settings {
        transition: transform 0.3s ease;
        color: #454545 !important;
    }

    .uxn-menu-item-inactive:hover .uxn-menu-module-settings {
        transition: transform 0.3s ease;
        color: #454545 !important;
    }

    .uxn-menu-pro-light .uxn-menu-module-settings:hover {
        transition: transform 0.1s ease;
        color: black !important;
    }

    .uxn-menu-pro-light .uxn-menu-item-inactive:hover .uxn-menu-module-settings:hover {
        transition: transform 0.1s ease;
        color: black !important;
    }

    .uxn-menu-pro-dark .uxn-menu-module-settings:hover {
        transition: transform 0.1s ease;
        color: white !important;
    }

    .uxn-menu-pro-dark .uxn-menu-item-inactive:hover .uxn-menu-module-settings:hover {
        transition: transform 0.1s ease;
        color: white !important;
    }

    .card-rounded-15 {
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px;
    }

    .card-rounded-gray {
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
        border-bottom-left-radius: 12px;
        border-bottom-right-radius: 12px;
        background-color: rgb(245, 246, 247);
        padding: 1rem;
    }

    .bg-gray {
        background-color: rgb(245, 246, 247);
    }

    .card-rounded-white {
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
        border-bottom-left-radius: 12px;
        border-bottom-right-radius: 12px;
        background-color: white;
        padding: 1rem;
    }

    .card-gray {
        background-color: rgb(245, 246, 247);
        padding: 1rem;
    }

    .card-rounded-gray-15 {
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px;
        background-color: rgb(245, 246, 247);
        padding: 1rem;
    }

    .card-rounded-white-15 {
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px;
        background-color: white;
        padding: 1rem;
    }

    @media (max-width: 992px) {
        .rounded-md-left-10 {
            border-top-left-radius: 10px !important;
            border-bottom-left-radius: 10px !important;
        }
    }

    .rounded-top {
        border-top-left-radius: 12px !important;
        border-top-right-radius: 12px !important;
    }

    .rounded-top-10 {
        border-top-left-radius: 10px !important;
        border-top-right-radius: 10px !important;
    }

    @media (min-width: 992px) {
        .rounded-lg-top-10 {
            border-top-left-radius: 10px !important;
            border-top-right-radius: 10px !important;
        }
    }

    .rounded-top-15 {
        border-top-left-radius: 15px !important;
        border-top-right-radius: 15px !important;
    }

    .rounded-bottom {
        border-bottom-left-radius: 20px !important;
        border-bottom-right-radius: 20px !important;
    }

    .rounded-bottom-10 {
        border-bottom-left-radius: 10px !important;
        border-bottom-right-radius: 10px !important;
    }

    .rounded-bottom-15 {
        border-bottom-left-radius: 15px !important;
        border-bottom-right-radius: 15px !important;
    }

    .pos-menu {
        background-color: rgb(50, 51, 52);
        height: 100vh;
        width: 200px;
        box-shadow: -44px 13px 35px -47px rgb(0 0 0) inset;
        -webkit-box-shadow: -44px 13px 35px -47px rgb(0 0 0) inset;
        -moz-box-shadow: -44px 13px 35px -47px rgba(0, 0, 0, 1) inset;
        border-top-right-radius: 20px;
        border-bottom-right-radius: 20px;
    }

    @media (max-width:992px) {
        .pos-menu {
            max-width: 50px;
        }
    }

    .size-38 {
        height: 38px;
        width: 38px;
    }

    .context-menu {
        cursor: context-menu;
    }

    .border-on {
        background-color: rgba(0, 0, 0, .03);
        border-bottom: 1px solid rgba(0, 0, 0, .125);
        margin: 0px;
        border-top-right-radius: 15px;
    }

    .card-messagge-left {
        border-radius: 0px 15px 15px;
    }

    .normal-hr {
        border: 0;
        border-top: 1px solid rgba(0, 0, 0, .1);
    }

    .p-outline-secondary {
        border: solid 1px;
        color: #6c757d;
        border-color: #6c757d;
    }

    .objet-not-selectable {
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    @media (min-width: 992px) {
        .border-lg-right {
            border-right: 1px solid rgba(0, 0, 0, .1);
        }
    }

    .border-left {
        border-left: 1px solid rgba(0, 0, 0, .1);
    }

    .border-right {
        border-right: 1px solid rgba(0, 0, 0, .1) !important;
    }

    @media (min-width: 992px) {
        .border-lg-left {
            border-left: 1px solid rgba(0, 0, 0, .1);
        }
    }

    .border-top {
        border-top: 1px solid rgba(0, 0, 0, .1);
    }

    .border-bottom {
        border-bottom: 1px solid rgba(0, 0, 0, .1);
    }

    .border-left {
        border-left: 1px solid rgba(0, 0, 0, .1);
    }

    .border-right {
        border-right: 1px solid rgba(0, 0, 0, .1);
    }

    .container-disabled-opacity {
        pointer-events: none;
        opacity: 0.7;
    }

    .container-disabled {
        pointer-events: none;
    }

    .container-disabled-text {
        pointer-events: none;
    }

    .container-disabled-text .form-control {
        border: none;
        padding: 0px;
        -webkit-appearance: none;
        -moz-appearance: none;
        height: auto !important;
        margin-bottom: .5rem !important;
        resize: none;
    }

    .container-disabled-text .form-control::-ms-expand {
        display: none;
    }

    .container-disabled-text label {
        font-weight: bolder;
        margin-bottom: 0px !important;
    }

    .internal-card {
        border-radius: 15px;
        background-color: #F7F7F7;
    }


    .invalid-card {
        border-radius: 15px;
        background-color: #FFC7BC;
        border-color: red;
    }

    .effect-apear {
        -webkit-animation: fadein 0.6s;
        /* Safari, Chrome and Opera > 12.1 */
        /* Firefox < 16 */
        /* Internet Explorer */
        /* Opera < 12.1 */
        animation: fadein 0.6s;
    }

    @keyframes fadein {
        from {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }

    /* Firefox < 16 */
    /* Safari, Chrome and Opera > 12.1 */
    @-webkit-keyframes fadein {
        from {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }

    .overflow-hidden {
        overflow: hidden;
    }

    .rounded-info {
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
        background-color: #E8FDFF;
    }

    .put-scroll {
        overflow: scroll;
    }

    .select-container {
        height: 80px;
        overflow: scroll;
        overflow-x: hidden;
        background-color: #F5FFFD;
        border: solid 1px #CCD6D4;
        padding: 5px;
    }

    .scroll-table {
        overflow: scroll;
        overflow-x: hidden;
    }

    .text-upper {
        text-transform: uppercase;
        /* Texto en mayusculas */
    }

    .btn-flotante {
        font-size: 16px;
        /* Cambiar el tamaño de la tipografia */
        text-transform: uppercase;
        /* Texto en mayusculas */
        font-weight: bold;
        /* Fuente en negrita o bold */
        color: #07AA82;
        /* Color del texto */
        border-radius: 5px;
        /* Borde del boton */
        letter-spacing: 2px;
        /* Espacio entre letras */
        background-color: #363533;
        /* Color de fondo */
        padding: 10px;
        /* Relleno del boton */
        position: fixed;
        bottom: 10px;
        right: 10px;
        border-radius: 100px;
        transition: all 300ms ease 0ms;
        /* box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1); */
        /* z-index: 99; */
        height: 40px;
        width: 40px;
        display: grid;
        align-items: center;
    }

    .btn-flotante-activo {
        /* background-color: rgba(54, 53, 51, .9);
    color: #07AA82; // Color del texto 
	box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.3); */
        height: auto;
        transform: translateY(-7px);
    }

    .uxn-dropdown-menu {
        background-color: #363533;
        /* Color de fondo */
        /*background-color: rgba(54, 53, 51, 1);*/
        color: #07AA82;
        /* Color del texto */
        /*box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.3);*/
        margin-right: 15px;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
        border: 0px;
    }

    .uxn-button {
        color: #07AA82;
        text-transform: uppercase;
        /* Texto en mayusculas */
    }

    @media only screen and (max-width: 600px) {
        .btn-flotante {
            font-size: 14px;
            padding: 12px 20px;
            bottom: 20px;
            right: 20px;
        }
    }

    .uxn-action {
        color: #07AA82;
        /* Color del texto */
        display: flex;
        height: 30px;
        align-items: center;
    }

    .uxn-tools {
        color: #00A981;
        /* Color del texto */
        display: flex;
        align-items: center;
        cursor: pointer;
    }

    .uxn-tools:hover {
        background-color: rgba(54, 53, 51, .9);
        color: #07AA82;
    }

    .uxn-action:hover {
        background-color: rgba(54, 53, 51, .9);
        color: #07AA82;
    }

    .query-code {
        word-wrap: break-word;
        background-color: #545350;
        color: #fff;
        padding: 30px;
        border-radius: 15px;
    }

    .ml-2px {
        margin-left: 2px;
    }

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

    .vertical-align-center {
        display: flex;
        align-items: center;
    }

    .vertical-align-center-grid {
        display: grid;
        align-items: center;
    }

    .vertical-align-end {
        display: flex;
        align-items: self-end;
    }

    .vertical-align-end-grid {
        display: grid;
        align-items: self-end;
    }

    .container-text {
        word-wrap: break-word;
    }

    .modal-div {
        min-height: 15px;
        border: solid 1px #B3B3B3;
        padding-bottom: 5px;
    }

    .modal-div-col {
        min-height: 12px;
        border: solid 1px #E3D5D5;
    }

    .modal-div-label {
        min-height: 10px;
        width: 100%;
        border: solid 1px #E5E5E5;
    }

    .card-quote {
        border: solid 1px #D6D6D6;
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }

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

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

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

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

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

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

    .fas .fa-edit {
        color: #0056b3 !important;
    }

    .a-dark {
        color: white;
    }

    .a-dark:hover {
        color: gray;
    }

    .p-strong {
        font-weight: bold;
    }

    .border-radius-0 {
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }

    .day-content {
        width: 37px;
        height: 45px;
    }

    .day-month,
    .day-number {
        width: 37px;
    }

    .day-weekend {
        opacity: 0.6;
        filter: saturate(0.7);
    }

    .employee-container {
        width: 55px;
        height: 45px;
    }

    .employee-toptainer {
        width: 55px;
    }

    .labelCheck {
        display: flex;
        max-width: 160px;
        flex-direction: column;
    }

    .employee-name {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .chiquip_abajo {
        font-size: 0.75rem;
        /* color: #666; */
        margin-top: 2px;
    }

    .employee-check-label {

        vertical-align: middle;
    }

    .wrap-inherit {
        flex-wrap: inherit;
        display: -webkit-box;
    }

    .modal-scrollable {
        max-height: 80vh !important;
        /* display: grid; */
        overflow-y: auto;
        overflow-x: hidden;
    }

    .display-flex {
        display: flex;
    }

    .align-item-center {
        align-items: center;
    }

    .align-item-end {
        align-items: end;
    }

    .full-height {
        height: 100vh;
        overflow: auto;
    }


    .d-inline-flex {
        display: inline-flex;
    }

    .d-contents {
        display: contents;
    }

    /* @import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700&display=swap');
*{
  margin: 0;
  padding: 0;
  outline: none;
  box-sizing: border-box;
  font-family: 'Montserrat', sans-serif;
} */



    .nav-store {
        background: #171c24;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        height: 70px;
        padding: 0 10px;
    }

    .nav-store .logo {
        color: #fff;
        font-size: 30px;
        font-weight: 600;
        max-height: 100%;
        max-width: 200px;
        letter-spacing: -1px;
    }

    .nav-store .nav-items {
        display: flex;
        flex: 1;
        padding: 0 0 0 40px;
    }

    .nav-store .nav-items li {
        list-style: none;
        padding: 0 15px;
    }

    .nav-store .nav-items li a {
        /* color: #fff;
  font-size: 18px; */
        font-weight: 500;
        text-decoration: none;
    }

    .nav-store .nav-items li a:hover {
        color: #ff3d00;
    }

    .nav-store .form-store {
        display: flex;
        height: 40px;
        padding: 2px;
        background: #1e232b;
        /* min-width: 18%!important;
  border-radius: 2px;
  border: 1px solid rgba(155,155,155,0.2); */
    }

    .nav-store .form-store .search-data {
        width: 100%;
        height: 100%;
        padding: 0 10px;
        color: #fff;
        font-size: 17px;
        border: none;
        font-weight: 500;
        background: none;
    }

    .nav-store .form-store .button-store {
        padding: 0 15px;
        color: #fff;
        font-size: 17px;
        /* background: #ff3d00; */
        border: none;
        border-radius: 2px;
        cursor: pointer;
    }

    /* .nav-store .form-store .button-store:hover{
  /* background: #e63600;
} */
    .menu-icon-store,
    .nav-store .cancel-icon {
        width: auto;
        text-align: center;
        margin: 0;
        font-size: 18px;
        color: #fff;
        cursor: pointer;
        display: none;
        /*padding: 5px;*/
    }

    .menu-icon-store .span-store,
    .nav-store .cancel-icon {
        display: none;
    }

    @media (max-width: 1245px) {
        .nav-store {
            padding: 0 10px;
        }
    }

    @media (max-width: 1140px) {
        .nav-store {
            padding: 0px;
        }

        .nav-store .logo {
            flex: 2;
            text-align: left;
            padding-left: 15px;
        }

        .nav-store .nav-items {
            position: fixed;
            z-index: 99;
            top: 70px;
            width: 100%;
            right: -100%;
            height: 100%;
            padding: 10px 50px 0 50px;
            text-align: center;
            background: #14181f;
            display: inline-block;
            transition: right 0.3s ease;
        }

        .nav-store .nav-items.active {
            right: 0px;
        }

        .nav-store .nav-items li {
            line-height: 40px;
            margin: 15px 0;
        }

        /* .nav-store .nav-items li a{
    font-size: 20px;
  } */
        .nav-store .form-store {
            position: absolute;
            top: 80px;
            right: 50px;
            opacity: 0;
            pointer-events: none;
            transition: top 0.3s ease, opacity 0.1s ease;
        }

        .nav-store .form-store .active {
            top: 95px;
            opacity: 1;
            pointer-events: auto;
        }

        .nav-store .form-store:before {
            position: absolute;
            content: "";
            top: -13px;
            right: 0px;
            width: 0;
            height: 0;
            z-index: -1;
            border: 10px solid transparent;
            border-bottom-color: #1e232b;
            margin: -20px 0 0;
        }

        .nav-store .form-store:after {
            position: absolute;
            content: '';
            height: 60px;
            padding: 2px;
            background: #1e232b;
            border-radius: 2px;
            min-width: calc(100% + 20px);
            z-index: -2;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
        }

        .menu-icon-store {
            display: block;
        }

        .menu-icon-store .span-store {
            display: block;
        }

        .menu-icon-store span.hide {
            display: none;
        }

        .nav-store .cancel-icon.show {
            display: block;
        }
    }

    .content {
        position: absolute;
        top: 50%;
        left: 50%;
        text-align: center;
        transform: translate(-50%, -50%);
    }

    .content header {
        font-size: 30px;
        font-weight: 700;
    }

    .content .text {
        font-size: 30px;
        font-weight: 700;
    }

    .space {
        margin: 10px 0;
    }

    .nav-store .logo.space {
        color: red;
        padding: 0 5px 0 0;
    }

    @media (max-width: 980px) {

        .menu-icon-store,
        .nav-store .cancel-icon,
        .nav-store .search-icon {
            margin: 0px;
        }

        .nav-store .form-store {
            right: 30px;
        }
    }

    @media (max-width: 350px) {

        .menu-icon-store,
        .nav-store .cancel-icon,
        .nav-store .search-icon {
            margin: 0 0px;
            font-size: 16px;
        }
    }

    .content {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .content header {
        font-size: 30px;
        font-weight: 700;
    }

    .content .text {
        font-size: 30px;
        font-weight: 700;
    }

    .content .space {
        margin: 10px 0;
    }

    .icons-container {
        display: flex;
        margin-right: 15px;
    }

    .menu-icon-store {
        text-align: left;
    }

    .nav-icon-style {
        /*width: auto;*/
        text-align: right;
        margin: 0;
        flex-basis: 0 !important;
        flex-grow: 1;
        max-width: 100%;
        /* font-size: 18px;
    color: #fff; */
        cursor: pointer;
        padding: 5px;
    }


    section {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100vh;
    }

    .spinner {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        width: 350px;
        height: 350px;
        animation: rotate 2s linear infinite;
    }

    .spinner circle {
        stroke: #fff;
        fill: none;
        stroke-width: 2px;
        stroke-linecap: round;
        filter: drop-shadow(0 0 3px #ff33ff);
        animation: dash 1.5s ease-in-out infinite;
    }

    .logo-spinner {
        color: #fff;
        font-size: 25px;
        text-shadow: 0 0 5px #ff33ff;
        height: auto;
        width: 100;
    }

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

    @keyframes dash {
        0% {
            stroke-dasharray: 1, 150;
            stroke-dashoffset: 0;
        }

        50% {
            stroke-dasharray: 90, 150;
            stroke-dashoffset: -35;
        }

        100% {
            stroke-dasharray: 90, 150;
            stroke-dashoffset: -124;
        }
    }

    .input-control-transparent:focus {
        color: transparent !important;
        border: none;
        overflow: none !important;
        resize: none !important;
    }

    .input-control-transparent {
        color: transparent;
        background: transparent;
        height: 0 !important;
        border: 0;
        position: absolute;
        z-index: -10;
        overflow: none !important;
        resize: none !important;
    }

    .container-textarea {
        height: 100px;
        overflow-y: auto;
    }

    .cursor-pointer {
        cursor: pointer
    }

    .primary-pointer {
        color: #000;
        background-color: #FFFFFF;
    }

    .primary-pointer:hover {
        color: #fff;
        background-color: #007bff;
    }

    .border-field {
        border: 1px solid;
    }

    /* Animation properties */
    .spinner-image {
        animation: wars 1s ease-out infinite;
    }

    /* Keyframes */
    @keyframes wars {
        0% {
            opacity: 0;
            transform: scale(1.5) translateY(0.5em);
        }

        25% {
            opacity: 0.3;
            transform: scale(1.5) translateY(0.5em);
        }

        50% {
            opacity: 0.6;
            transform: scale(1.5) translateY(0.5em);
        }

        75% {
            opacity: 0.9;
            transform: scale(1.5) translateY(0.5em);
        }

        100% {
            opacity: 0;
            transform: scale(1.5) translateY(0.5em);
        }
    }



    /* Make the 3D work on the container */
    .spinner-efect {
        perspective: 800px;
        transform-style: preserve3d;
    }

    /* General styles and layout */
    .spinner-efect {
        height: 17em;
        left: 50%;
        position: absolute;
        top: 53%;
        transform: translate(-50%, -50%);
        width: 34em;
    }

    .spinner-image {
        position: absolute;
        bottom: -0.5em;
        width: 100%;
    }

    .byline {
        color: #fff;
        font-family: "ITC Serif Gothic", Lato;
        font-size: 2.25em;
        left: -2em;
        letter-spacing: 0.4em;
        right: -2em;
        text-align: center;
        text-transform: uppercase;
        top: 29%;
    }

    /*** Media queries for adjusting to different screen sizes ***/
    @media only screen and (max-width: 600px) {
        .spinner-efect {
            font-size: 10px;
        }
    }

    @media only screen and (max-width: 480px) {
        .spinner-efect {
            font-size: 7px;
        }
    }

    .border-top-none {
        border-top: none !important;
    }

    .uxn-border {
        border: 1px solid #ebebeb;
    }

    .uxn-card-border {
        border: 1px solid #ebebeb;
    }

    .uxn-popup-shadow {
        /* box-shadow: 0px 30px 90px -20px rgba(0,0,0,0.3), 0px 0px 1px 1px rgba(0,0,0,0.05); */
        box-shadow: 0px 30px 90px -20px rgba(0, 0, 0, 0.3);
    }

    .uxn-shadow {
        transition: 0.2s;
        -webkit-box-shadow: 0 .2rem .5rem rgba(0, 0, 0, 0.1) !important;
        -moz-box-shadow: 0 .2rem .5rem rgba(0, 0, 0, 0.1);
        box-shadow: 0 .2rem .5rem rgba(0, 0, 0, 0.1);
    }

    .uxn-shadow-hover {
        transition: 0.2s;
        -webkit-box-shadow: 0 .2rem .5rem rgba(0, 0, 0, 0.1) !important;
        -moz-box-shadow: 0 .2rem .5rem rgba(0, 0, 0, 0.1) !important;
        box-shadow: 0 .2rem .5rem rgba(0, 0, 0, 0.1) !important;
    }

    .uxn-shadow-hover:hover {
        transition: 0.1s;
        transform: translateY(-5px);
        transform: scale(1.02);
        -webkit-box-shadow: -1px 0.5rem 0.7rem rgb(0 0 0 / 10%) !important;
        -moz-box-shadow: -1px 0.5rem 0.7rem rgb(0 0 0 / 10%) !important;
        box-shadow: -1px 0.5rem 0.7rem rgb(0 0 0 / 10%) !important;
    }

    .uxn-shadow-zoomless-hover {
        transition: 0.3s;
        -webkit-box-shadow: 0 .2rem .5rem rgba(0, 0, 0, 0.1) !important;
        -moz-box-shadow: 0 .2rem .5rem rgba(0, 0, 0, 0.1) !important;
        box-shadow: 0 .2rem .5rem rgba(0, 0, 0, 0.1) !important;
    }

    .uxn-shadow-zoomless-hover:hover {
        transition: 0.1s;
        -webkit-box-shadow: -1px 0.5rem 0.7rem rgb(0 0 0 / 10%) !important;
        -moz-box-shadow: -1px 0.5rem 0.7rem rgb(0 0 0 / 10%) !important;
        box-shadow: -1px 0.5rem 0.7rem rgb(0 0 0 / 10%) !important;
    }

    .uxn-flat {
        transition: 0.3s;
        -webkit-box-shadow: 0 0rem 0rem rgba(0, 0, 0, 0) !important;
        -moz-box-shadow: 0 0rem 0rem rgba(0, 0, 0, 0) !important;
        box-shadow: 0 0rem 0rem rgba(0, 0, 0, 0) !important;
    }

    .uxn-flat-shadow-hover {
        transition: 0.3s;
        -webkit-box-shadow: 0 0rem 0rem rgba(0, 0, 0, 0.0) !important;
        -moz-box-shadow: 0 0rem 0rem rgba(0, 0, 0, 0.0) !important;
        box-shadow: 0 0rem 0rem rgba(0, 0, 0, 0.0) !important;
    }

    .uxn-flat-shadow-hover:hover {
        transition: 0.1s;
        transform: translateY(-5px);
        transform: scale(1.02);
        -webkit-box-shadow: -1px 0.3rem 1rem rgb(0 0 0 / 10%) !important;
        -moz-box-shadow: -1px 0.3rem 1rem rgb(0 0 0 / 10%) !important;
        box-shadow: -1px 0.3rem 1rem rgb(0 0 0 / 10%) !important;
    }

    .uxn-hover {
        transition: 0.2s !important;
        transform: translateY(-5px) !important;
        transform: scale(1) !important;
    }

    .uxn-hover:hover {
        transition: 0.1s !important;
        transform: translateY(-5px) !important;
        transform: scale(1.02) !important;
        cursor: pointer;
    }

    .uxn-hover-1 {
        transition: 0.2s !important;
        transform: translateY(-5px) !important;
        transform: scale(1) !important;
    }

    .uxn-hover-1:hover {
        transition: 0.1s !important;
        transform: translateY(-5px) !important;
        transform: scale(1.1) !important;
    }

    .uxn-notes-shadow {
        transition: 0.2s;
        -webkit-box-shadow: 0 .2rem .5rem rgba(0, 0, 0, 0.4) !important;
        -moz-box-shadow: 0 .2rem .5rem rgba(0, 0, 0, 0.4) !important;
        box-shadow: 0 .1rem .09rem rgba(0, 0, 0, 0.4) !important;
        /* box-shadow: 0 .2rem .5rem rgba(0,0,0,0.4) !important; */
    }


    .uxn-notes-shadow:hover {
        transition: 0.1s;
        transform: translateY(-5px);
        transform: scale(1.1);
        font-size: medium;
        margin-bottom: 3px;
        /* -webkit-box-shadow: -1px 0.5rem 0.7rem rgb(0 0 0 / 25%) !important;
    -moz-box-shadow: -1px 0.5rem 0.7rem rgb(0 0 0 / 25%) !important; */
        /* box-shadow: -1px 0.5rem 0.7rem rgb(0 0 0 / 25%) !important; */
    }

    .custom-dropdown-item {
        position: relative;
    }

    .custom-dropdown-item a {
        color: black;
        text-decoration: none;
    }

    .custom-dropdown-item .menu-dropdown {
        display: none;
        margin: 8px -0.75rem !important;
        border-radius: 3px;
        overflow: hidden;
        background-color: white;
        box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.15);
        position: absolute;
        min-width: 100%;
        z-index: 2;
    }

    /* .col-12 ul{
    padding-left: 15px;
    padding-right: 15px;
} */
    .custom-dropdown-item .menu-dropdown ul {
        padding: 0;
        margin: 0;
        list-style: none;
        text-align: left;
        overflow-y: auto;
        max-height: 500px;
    }

    .modal-backdrop {
        z-index: 10 !important;
    }

    .custom-dropdown-item .menu-dropdown li .option {
        color: black;
        display: block;
        padding: 5px;
        text-decoration: none;
    }

    .custom-dropdown-item .menu-dropdown li .option:hover {
        background-color: cornflowerblue;
        color: white;
    }

    .text-truncated {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .float-bottom {
        display: grid;
        align-items: end;
    }

    input [type="text"].thing {
        color: red !important;
        font-size: 30px;
    }

    /* 
#pizarra {
    width: 500px;
    height: 500px;
    background-color: #fff;
    color:#000;
} */

    .container-sign {
        border: 1px solid #ced4da;
    }

    .container-to-lists {
        max-height: 100px;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .uxn-background-settings {
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .uxn-bg-blur {
        backdrop-filter: blur(10px) !important;
    }

    .uxn-bg-dark-blur {
        backdrop-filter: blur(5px) brightness(72%) !important;
    }

    .uxn-bg-white-blur {
        backdrop-filter: blur(2px) brightness(100%) !important;
    }

    .height-100p {
        height: 100%;
    }

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

    .height-50vh {
        height: 50vh;
    }

    .col-weeks {
        width: 20%;
    }

    .col-months {
        width: 7.14%;
    }

    .row-custom {
        display: flex;
        justify-content: space-between;
    }

    .peras::before {
        content: "";
        position: absolute;
        width: 70px;
        height: 70px;
        z-index: 20;
        /*border-radius: 50%;*/
        margin-left: -20px;
        margin-top: -10px;
    }

    .palanca::before {
        content: "<i class='fas fa-filter'></i>";
        position: absolute;
        width: 70px;
        height: 70px;
        /* background-color: blue; */
        border-right: 40px transparent;
        border-left: 40px solid #000000;
        z-index: 21;
        margin-left: 27px;
        margin-top: -10px;
        border-radius: 50%;
    }

    .table-row-titles {
        display: flex;
        border-bottom: 1px solid black !important;
    }


    .table-row-content {
        background-color: transparent;
        display: flex;
        align-items: center !important;
        border-bottom: 1px solid #f5f5f5 !important;
        padding-top: 7px !important;
        padding-bottom: 7px !important;
    }

    .table-row-content-notcenter {
        background-color: transparent;
        display: flex;
        /* align-items: center !important; */
        border-bottom: 1px solid #f5f5f5 !important;
        padding-top: 7px !important;
        padding-bottom: 7px !important;
    }

    .table-row-content-task {
        background-color: transparent;
        display: flex;
        align-items: center !important;
        padding-top: 7px !important;
        padding-bottom: 7px !important;
    }

    .col-custom-task {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 18.666667%;
        max-width: 20%;
        margin-right: 10px;
    }

    .container-lupa-task-show-500px {
        display: none;
    }

    .container-hidden-search-task-500px {
        display: block;
    }

    @media (max-width: 768px) {
        .container-lupa-task-show-500px {
            display: block;
        }

        .container-hidden-search-task-500px {
            display: none;
        }
    }


    .table-row-icon {
        display: none;
    }

    .table-row-truncated {
        display: block;
    }

    .table-icon-hover {
        cursor: pointer;
        transition: transform 0.3s ease;
        transform: translate(0, 0);
    }

    .table-icon-hover:hover {
        transform: translate(0, -10%);
    }


    .re-dimension {
        width: 200px;
    }

    .input-content-lupa {
        position: relative;
    }

    .input-input-lupa {
        padding-left: 2.5rem;
        border: 1px solid #d1d1d1;
        background-color: transparent;
    }

    .input-input-lupa-task {
        padding-left: 1rem;
        border: 1px solid #d1d1d1;
        background-color: transparent;
    }

    .input-input-lupa-task {
        padding-left: 1rem;
        background-color: rgb(245, 246, 247);
    }

    .input-icon-lupa {
        position: absolute;
        color: rgba(0, 0, 0, 0.25);
        width: 3rem;
        top: 50%;
        transform: translateY(-50%);
        left: unset;
        display: flex;
        justify-content: center;
        cursor: pointer;
    }

    @media (max-width: 768px) {
        .table-row-titles {
            display: none;
        }

        .table-row-content {
            border-radius: 30px;
            background-color: rgba(0, 0, 0, .03);
            padding: 1rem;
            margin-bottom: 1rem;
        }

        .table-row-icon {
            display: inline-flex;
            margin-left: 5px;
            margin-right: 5px;
        }

        .table-row-truncated {
            display: none;
        }
    }

    .thumb-square-small {
        width: 60px;
        height: 60px;
        cursor: pointer;
        background-color: #b9b9b9;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    .thumb-square-medium {
        width: 100px;
        height: 100px;
        cursor: pointer;
        border-radius: 10px;
        margin-left: 4px;
        margin-right: 4px;
        margin-bottom: 4px;
        background-color: #b9b9b9;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    .thumb-square-smmd {
        width: 80px;
        height: 80px;
        cursor: pointer;
        border-radius: 10px;
        margin-left: 4px;
        margin-right: 4px;
        margin-bottom: 4px;
        background-color: #b9b9b9;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    .thumb-square-big {
        width: 100%;
        height: 200px;
        cursor: pointer;
        border-radius: 14px 14px 0px 0px;
        background-color: #b9b9b9;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    .thumb-button-pictura {
        position: absolute;
        right: 1rem;
        bottom: 1rem;
        background: rgba(255, 255, 255, 0.8);
        padding: 5px !important;
        border-radius: 0 !important;
        border: none;
    }

    .thumb-button-pictura:hover {
        background: rgba(0, 0, 0, 0.5);
        color: white;
    }

    .quad-35px {
        height: 35px !important;
        width: 35px !important;
    }

    .quad-30px {
        height: 30px !important;
        width: 30px !important;
    }

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

    .task-scroll {
        width: auto;
        height: 150px;
        position: relative;
        overflow-y: auto;
        box-sizing: border-box;
    }

    .task-scroll::-webkit-scrollbar {
        -webkit-appearance: none;
    }

    .task-scroll::-webkit-scrollbar:vertical {
        width: 5px;
    }

    .task-scroll::-webkit-scrollbar-button:increment,
    .task-scroll::-webkit-scrollbar-button {
        display: none;
    }

    .task-scroll::-webkit-scrollbar:horizontal {
        height: 10px;
    }

    .task-scroll::-webkit-scrollbar-thumb {
        background-color: #797979;
        border-radius: 20px;
        /*border: 2px solid #f1f2f3;*/
    }

    .task-scroll::-webkit-scrollbar-track {
        border-radius: 10px;
    }

    .spinner-async {
        width: 48px;
        height: 48px;
        display: inline-block;
        position: relative;
        border: 3px solid;
        border-color: #de3500 #0000 gray #0000;
        border-radius: 50%;
        box-sizing: border-box;
        animation: 2s rotate linear infinite;
    }

    .spinner-async:before,
    .spinner-async:after {
        content: '';
        top: 0;
        left: 0;
        position: absolute;
        border: 10px solid transparent;
        border-bottom-color: gray;
        transform: translate(-5px, 22px) rotate(-35deg);
    }

    .spinner-async:after {
        border-color: #de3500 #0000 #0000 #0000;
        transform: translate(30px, 1px) rotate(-35deg);
    }

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

    .widget p {
        font-size: 20px;
    }

    p {
        word-break: break-word;
    }

    .uxn-success {
        color: #00e300;
    }

    .col-btn-add {
        width: 140px !important;
        padding-left: 15px;
        padding-right: 15px;
    }

    .margin-x-none {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .task-container-flotante {
        position: fixed;
        /* background-color: rgb(255, 255, 255); */
        z-index: 100;
        top: 4rem;
        right: 1rem;
        width: 30rem;
        height: 90vh;
        /* border-radius: 5px; */
        /* padding: 10px; */
        /* overflow-y: scroll; */
        transition: transform 0.3s ease;
        transform: scale(0);
    }

    .task-scale {
        transform: scale(1);
    }

    .properties-img-contains {
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .properties-show-img {
        position: fixed;
        width: 100%;
        height: 100vh;
        top: 0;
        left: 0;
        z-index: 100;
        overflow-y: auto;
        background-color: rgba(0, 0, 0, .6);
        transition: transform 0.3s ease;
        transform: translate(0, 100%);
    }

    .properties-showClick-img {
        transform: translate(0, 0);
    }

    .bg-cyan {
        background-color: #F1F0FF;
    }

    .message-response {
        border: 1px solid rgba(0, 0, 0, .125);
        background-color: #F3F3F3 !important;
    }

    .view-this {
        background-color: #C4C4C4;
        padding: 5px;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        transition: 0.2s;
    }

    .uxn-btn-filter-style {
        border-radius: 50% !important;
        padding: 10px;
        display: flex;
        align-items: center;
    }

    .sm-nospan {
        display: inline-flex;
    }

    @media (max-width: 575px) {
        .sm-nospan {
            display: none;
        }
    }

    .menu-link-pos:focus {
        outline: none !important;
    }

    .sm-toCopy-title {
        position: absolute;
        right: 0;
        top: 0;
        background: white;
        padding: 3px 5px;
        border: 1px solid black;
        font-size: 13px;
        margin: none !important;
    }


    .uxn-container-user-nav {
        position: fixed;
        top: 3rem;
        z-index: 500;
        padding: 5px;
        width: 300px;
        transition: transform 0.3s ease;
        transform: translate(120%, 0);
    }

    /* .uxn-container-user-nav::before {
    content: "";
    position: absolute;
    width: 30px;
    background-color: transparent;
    height: 30px;
    top: 35%;
    left: 100%;
    border-top: 15px solid transparent;
    border-left: 15px solid #6c757dimportant;
    border-right: 15px solid transparent;
    border-bottom: 15px solid transparent;
} */

    .uxn-container-user-nav-view {
        transform: translate(0, 0);
        right: 1rem;
    }

    .modal-right {
        padding-right: 0;
    }

    .modal-right .modal-dialog {
        padding: 0;
        margin: 0;
        right: 0;
        position: fixed;
        top: 0;
        bottom: 0;
    }

    .modal-right .modal-dialog .modal-content {
        height: 100%;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
    }

    @media (min-width:992px) {
        .modal-right .modal-dialog.modal-lg {
            height: 90%;
            width: 600px;
            border-top-right-radius: 0px;
            border-bottom-right-radius: 0px;
        }

        .modal-dialog .modal-body {
            overflow-y: auto;
            max-height: 80vh !important;
        }

        .modal-dialog .modal-body.modal-pos {
            overflow-y: auto;
            max-height: 100vh !important;
        }
    }

    @media (max-height:800px) {
        .modal-dialog .modal-body {
            overflow-y: auto;
            max-height: 60vh !important;
        }
    }

    .option-container:hover {
        cursor: pointer !important;
        padding: 3px;
        border: 1px solid #007bff;
        background-color: #007bff;
        color: #FFFFFF;
        border-radius: 5px;
        transform: scale(1.01);
        margin-bottom: 2px;
        border-bottom: none;
    }

    .option-container.active {
        cursor: pointer !important;
        padding: 3px;
        border: 1px solid #007bff;
        background-color: #007bff;
        color: #FFFFFF;
        border-radius: 5px;
        transform: scale(1.01);
        margin-bottom: 2px;

        border-bottom: none;
    }

    .modal-right .modal-dialog .modal-content form {
        height: 100%;
        display: contents;
    }

    .modal-right .modal-dialog .modal-body {
        height: auto !important;
    }

    .modal-dialog {
        overflow-y: auto !important;
    }

    .profile-card-rounded-gray {
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
        border-bottom-left-radius: 12px;
        border-bottom-right-radius: 12px;
        background-color: rgb(245, 246, 247);
        padding: 1rem;
    }

    .profile-card-rounded-white {
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
        border-bottom-left-radius: 12px;
        border-bottom-right-radius: 12px;
        background-color: white;
    }

    .profile-content-v2-shadow {
        width: 100%;
        position: fixed;
        z-index: 1051;
        top: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, .5);
    }

    .profile-content-v2 {
        width: 680px;
        height: 100%;
        position: fixed;
        z-index: 1052;
        top: 0;
        right: 0;
        bottom: 0;
        background-color: #fff;
        transition: transform 0.3s ease;
        transform: translate(100%, 0);
    }

    .profile-content-v2-view {
        transform: translate(0, 0);
    }

    .profile-v2-btn {
        padding: 10px;
        cursor: pointer;
        border-left: 3px solid transparent;
    }

    .profile-v2-btn-click {
        border-left: 3px solid #007bff;
        background-color: #007bff21;
    }

    .profile-v2-btn:hover {
        border-left: 3px solid #007bff;
        /* background-color: ##007bff21; */
    }

    .profile-v2-btn_close {
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid #007bff !important;
        border-radius: 50%;
        padding: 15px !important;
        width: 10px;
        height: 10px;
    }

    .profile-v2-hover-select:hover {
        background-color: #f9f9f9;
        cursor: pointer;
        border-radius: 20px;
        /*transition: transform 0.3s ease;
    transform: translate(10px,0);
    padding-top: 2px;
    padding-bottom: 2px;*/
    }

    .profile-v2-hover-select::after {
        position: absolute;
        top: 5px;
        right: 10px;
        content: "Seleccionar";
        visibility: hidden;
        color: #007bff;
        font-size: 11px !important;
    }

    .profile-v2-hover-select:hover:after {
        visibility: visible;
    }

    .imagen-profile-directory-mdv2 {
        width: 70PX;
        height: 70px;
        border-radius: 100PX;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        background-color: lightgray;
    }

    .sm-nospan-profile-v2 {
        display: inline-flex;
    }

    @media (max-width: 767px) {
        .sm-nospan-profile-v2 {
            display: none;
        }
    }


    .section-active {
        background-color: #E3E3E3;
        cursor: pointer;
    }

    .datalog-content .generate-content {
        cursor: pointer;
        display: inline-block;
        font-weight: 400;
        color: #212529;
        text-align: center;
        vertical-align: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-color: transparent;
        border: 1px solid transparent;
        padding: 0.375rem 0.375rem;
        font-size: 1rem;
        line-height: 1.5;
        border-radius: 0.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;
    }

    @media (max-width: 600px) {
        .uxn-notes-modal {
            width: 100%;
        }

        .uxn-notes-col {
            width: calc(50% - 20px);
            height: auto;
            min-height: 100px;
        }
    }

    @media (max-width: 400px) {
        .uxn-notes-col {
            width: 100%;
            height: auto;
            min-height: 100px;
        }
    }

    .form-control-group-prepend {
        width: 9rem;
        height: calc(1.5em + 0.75rem + 2px);
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
        color: #495057;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #ced4da;
        border-radius: 0.25rem;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
        transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    }

    .form-control-plaintext:focus {
        border: #fff 1px;
    }

    [title-profile]:hover:after {
        opacity: 1;
        transition: all 0.1s ease 0.5s;
        visibility: visible;
    }

    [title-profile]:after {
        content: attr(title-profile);
        background-color: #f8f8f8;
        color: #101010;
        font-weight: 400;
        font-family: sans-serif;
        position: absolute;
        padding: 10px;
        bottom: -1.6em;
        left: 100%;
        white-space: nowrap;
        box-shadow: 1px 1px 3px rgba(0, 0, 0, .3);
        opacity: 0;
        z-index: 99999;
        visibility: hidden;
        border-radius: 30px;

    }

    [title-profile] {
        position: relative;
    }

    .btn-sm-28 {
        padding: 0.10rem 0.43rem;
        height: 28px;
        width: 28px;
    }

    .d-none-forzed {
        display: none !important;
    }

    .uxn-scroll-auto {
        height: 94.3vh;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .uxn-scroll-auto::-webkit-scrollbar {
        -webkit-appearance: none;
    }

    .uxn-scroll-auto::-webkit-scrollbar:vertical {
        width: 5px;
    }

    .uxn-scroll-auto::-webkit-scrollbar-button:increment,
    .uxn-scroll-auto::-webkit-scrollbar-button {
        display: none;
    }

    .uxn-scroll-auto::-webkit-scrollbar:horizontal {
        height: 10px;
    }

    .uxn-scroll-auto::-webkit-scrollbar-thumb {
        background-color: #797979;
        border-radius: 20px;
        /*border: 2px solid #f1f2f3;*/
    }

    .uxn-scroll-auto::-webkit-scrollbar-track {
        border-radius: 10px;
    }

    .uxn-scroll-menu {
        overflow-y: auto;
        overflow-x: hidden;
        position: fixed;
    }

    .uxn-scroll-menu::-webkit-scrollbar {
        -webkit-appearance: none;
    }

    .uxn-scroll-menu::-webkit-scrollbar:vertical {
        width: 0px;
    }

    .uxn-scroll-menu::-webkit-scrollbar-button:increment,
    .uxn-scroll-menu::-webkit-scrollbar-button {
        display: none;
    }

    .uxn-scroll-menu::-webkit-scrollbar:horizontal {
        height: 10px;
    }

    .uxn-scroll-menu::-webkit-scrollbar-thumb {
        background-color: #797979;
        border-radius: 20px;
        /*border: 2px solid #f1f2f3;*/
    }

    .uxn-scroll-menu::-webkit-scrollbar-track {
        border-radius: 10px;
    }

    /* .uxn-text-content{
    contenteditable : true,
} */

    .uxn-auth-container {
        position: fixed;
        bottom: 10px;
        right: 10px;
        height: 500px;
        width: 350px;
        z-index: 2;
    }

    .uxn-auth-container.hide {
        height: auto;
        width: auto;
    }

    .uxn-auth-container.hide.auth-title {
        display: none;
    }

    @media (max-width:600px) {
        .uxn-auth-container {
            position: fixed;
            bottom: 10px;
            right: auto;
            height: 300px;
            width: calc(100% - 20px);
            margin: 10px;
        }
    }

    /* .uxn-auth-container:hover{
    opacity: 1;
    height: 500px;
} */

    .comments-container {
        height: calc(100% - 40px) !important;
        contain: strict;
        overflow-y: auto;
        display: block;
    }

    .uxn-scroll-comments {
        height: 94.3vh;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .uxn-scroll-comments::-webkit-scrollbar {
        -webkit-appearance: none;
    }

    .uxn-scroll-comments::-webkit-scrollbar:vertical {
        width: 0px;
    }

    .uxn-scroll-comments::-webkit-scrollbar-button:increment,
    .uxn-scroll-auto::-webkit-scrollbar-button {
        display: none;
    }

    .uxn-scroll-comments::-webkit-scrollbar:horizontal {
        height: 10px;
    }

    .uxn-scroll-comments::-webkit-scrollbar-thumb {
        background-color: #797979;
        border-radius: 20px;
        /*border: 2px solid #f1f2f3;*/
    }

    .uxn-scroll-comments::-webkit-scrollbar-track {
        border-radius: 10px;
    }

    /* .uxn-table{
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    padding : 1rem;
    margin-bottom: 2rem;
    transition: 0.2s;
    -webkit-box-shadow: 0 .2rem .5rem rgba(0,0,0,0.1);
    -moz-box-shadow: 0 .2rem .5rem rgba(0,0,0,0.1);
    box-shadow: 0 .2rem .5rem rgba(0,0,0,0.1);
    display: none;
} */
    .uxn-table {
        padding-left: 30px !important;
        padding-right: 30px !important;
        padding-top: 20%;
        margin-top: 15px;
        background-color: #fff;
        background-clip: border-box;
        border: 1px solid rgba(0, 0, 0, .125);
        border-radius: 12px;
        position: relative;
        overflow: hidden;
        /* opcional: oculta los dots que se salgan */
    }

    .uxn-table>.row {
        display: none;
    }

    .uxn-table td {
        display: none;
    }
    .uxn-table th {
        display: none;
    }

    .uxn-table .uxn-table-data {
        /* border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px; */
        padding: 0.5rem;
        margin-top: .5rem;
        margin-bottom: 1rem;
        transition: 0.2s;
        /* border: 1px solid #ebebeb; */
        /* -webkit-box-shadow: 0 .2rem .5rem rgba(0,0,0,0.1);
    -moz-box-shadow: 0 .2rem .5rem rgba(0,0,0,0.1);
    box-shadow: 0 .2rem .5rem rgba(0,0,0,0.1); */
        background-color: white;
        font-weight: lighter;
    }

    .uxn-table.card-none .row {
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        border: none;
    }

    .card-none {
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        display: none;
    }

    .colforquotesinfo {
        width: 318px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .uxn-table.show {
        display: inline;
    }

    .columns-uxnt {
        font-weight: bold;
        text-transform: uppercase;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }

    .columns-uxnt::after {
        content: '';
        border-bottom: 1px solid #ebebeb;
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
    }

    .uxn-columns {
        font-weight: bold;
        text-transform: uppercase;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }

    .uxn-columns div {
        white-space: nowrap;
    }

    .uxn-table .uxn-table-data .uxn-columns {
        /* border-top: 1px solid black; */
        /* border-bottom: 1px solid black; */
        font-weight: bold;
        text-transform: uppercase;
        /*Texto en minusculas */
        /* margin-right: 0px;
    margin-left: 0px; */
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        /* text-transform: capitalize; */
    }


    .uxn-table .uxn-table-data .uxn-columns::after {
        content: '';
        border-bottom: 1px solid #ebebeb;
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
    }

    /* .uxn-table .uxn-table-data .uxn-columns ::first-letter{
    text-transform: uppercase !important; */
    /* } */

    .uxn-table .uxn-table-data .uxn-row {
        /* margin-right: 0px;
margin-left: 0px; */
        /* margin-top: 2px;
    margin-bottom: 2px; */
        padding-top: .25rem;
        padding-bottom: .25rem;
    }

    .uxn-table .uxn-table-data .uxn-row::after {
        content: '';
        border-bottom: 1px solid #ebebeb;
        width: 100%;
        margin-left: 10px;
        margin-right: 10px;
    }

    .uxn-table .uxn-table-data .uxn-row.end::after {
        content: '';
        border-bottom: 1px solid #000;
        width: 100%;
        margin-left: 10px;
        margin-right: 10px;
    }

    /* .uxn-table .uxn-row:hover{
    transition: 0.1s;
    transform: translateY(-5px);
    transform: scale(1.02);
    cursor: context-menu;
} */

    /* Initially hide the icon but keep its space */
    .fading-button .fading-icon {
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s, visibility 0.3s;
        /* Smooth transition */
    }

    /* On hover, make the icon visible */
    .fading-button:hover .fading-icon {
        opacity: 1;
        visibility: visible;
    }

    .uxn-table .uxn-table-data .uxn-row.secondary {
        background-color: #F5F5F5;
    }

    .uxn-table-button {
        color: #6c757d;
        padding-left: 0.7rem;
        padding-right: 0.7rem;
        margin-left: 1px;
        margin-right: 1px;
    }

    .uxn-table-button:hover {
        color: #ffffff;
        background-color: #6c757d;
    }

    .uxn-table-button.active {
        color: #ffffff;
        background-color: #6c757d;
    }

    .uxn-table-page {
        display: none;
    }

    .uxn-table-page.active {
        display: block !important;
    }

    /* .uxn-table-data .col-12{
    padding-left: 0px;
    padding-right: 0px;
} */

    @media (max-width:600px) {
        .uxn-table-page.active {
            overflow-x: auto;
            padding: 5px;
            padding-top: 50px !important;
        }

        .uxn-table {
            padding-left: 1.5rem;
            padding-right: 1.5rem;
        }

        .uxn-table .uxn-row {
            /* border-top-left-radius: 15px;
        border-top-right-radius: 15px;
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px; */
            /* background-color: rgb(245, 246, 247); */
            padding-top: 55px;

            width: 100%;
            position: relative;
            display: ruby-text;
            padding-top: .5rem;
            padding-bottom: .5rem;
            padding-left: 5px;
            padding-right: 5px;
            margin-bottom: 5px;
            transition: 0.2s;
            /* -webkit-box-shadow: 0 .2rem .5rem rgba(0,0,0,0.1);
        -moz-box-shadow: 0 .2rem .5rem rgba(0,0,0,0.1);
        box-shadow: 0 .2rem .5rem rgba(0,0,0,0.1);     */
        }

        .uxn-table .uxn-columns {
            display: none;
        }

        /* .uxn-table-button{
        color: #6c757d;
        padding-left: 0.2rem;
        padding-right: 0.2rem;
        margin-left: 1px;
        margin-right: 1px;
    }     */

        .colforquotesinfo {
            max-width: 82%;
            font-size: .64rem !important;
            margin-bottom: 0px !important;
            padding-bottom: 0px !important;
        }

        .colforquotesinfo .colformoney {
            width: 100% !important;
            padding-left: 10px;
            padding-right: 10px;
        }

        .colforquotesinfo .colfornumber {
            width: 100% !important;
        }
    }

    .form-control option {
        border-top-left-radius: 0px !important;
        border-top-right-radius: 0px !important;
    }

    .border-none {
        border: none !important;
    }

    @media (max-width:767px) {
        .focus-price {
            font-size: large;
        }

        .item-columns {
            display: none;
        }
    }

    .uxn-comments-card {
        position: fixed;
        z-index: 1;
        right: 0px;
        width: 300px;
        height: 370px;
        margin: 5px;
        bottom: 0px;
        background-color: whitesmoke;
    }

    .uxn-comments-card .uxn-comments {
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;
    }

    .uxn-comments-card .card-header {
        cursor: pointer;
    }

    .uxn-comments-card.hide {
        height: auto;
        width: auto;
    }

    .uxn-comments-card.hide .card-header {
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }

    .uxn-comments-card.hide .uxn-comments {
        display: none;
    }

    .col-dates-orders {
        width: calc(100% /6.10);
    }

    .modal-content {
        /* -webkit-box-shadow: 0px 12px 48px 0px rgba(0,0,0,0.32), 0px 0px 256px 0px rgba(0,0,0,0.16);
    -moz-box-shadow: 0px 12px 48px 0px rgba(0,0,0,0.32), 0px 0px 256px 0px rgba(0,0,0,0.16);
    box-shadow: 0px 12px 48px 0px rgba(0,0,0,0.32), 0px 0px 56px 0px rgba(0,0,0,0.16); */
        /* box-shadow: 0px 30px 90px -20px rgba(0, 0, 0, 0.3); */
        border: none;
    }

    .bg-transparent {
        background-color: transparent !important;
    }

    /* .headerTask{
    font-family:Arial, Helvetica, sans-serif;
} */

    .navTask {
        list-style: none;
    }

    .navTask li ul {
        list-style: none;
    }

    .navTask li {
        background-color: #fff;
        color: #000;
        text-decoration: none;
        padding: 10px 5px;
        display: block;
    }

    .navTask li:hover {
        background-color: #82beff;
    }

    .navTask>li {
        float: left;
    }

    .navTask li ul {
        display: none;
        position: absolute;
    }

    .navTask li:hover>ul {
        display: block;
    }

    .navTask li ul li {
        position: relative;
    }

    .navTask li ul li ul {
        right: -155px;
        top: 0px;
    }

    body {
        margin: 0;
        overflow: hidden;
        position: relative;
        min-height: 100vh;
    }

    [class|="confetti"] {
        position: absolute;
    }

    .red {
        background-color: #d13447;
    }

    .yellow {
        background-color: #ffbf00;
    }

    .blue {
        background-color: #263672;
    }

    /*CALCULADORA*/
    /* .calculadora{
    display:block;
    margin:0 auto;
    padding:20px;
    background-color:#2980b9;
    width:350px;
    border-radius: 25px;
  }
  .calculadora td button{
    display:block;
    width:70px;
    font-size: 20px;
  }
  #creditos{
    display:block;
    padding-top:20px;
    color:#fff;
    text-align: center;
    width:300px;
  }
  #resultado{
    display:block;
    text-align: center;
    font-size: 40px;
    margin-bottom: 50px;
    width:300px;
    height: 100px;
    line-height: 100px;
    background-color:#fff;
    border-radius: 25px;
  } */

    .input-calculator {
        text-align: right;
        background-color: white;
        width: 350px;
        height: 80px;
        margin-bottom: 10px;
        border-radius: 10px;
        font-size: 30px;
    }

    .table-calculator {
        display: inline-block;
        padding: 20px;
        background-color: #03ACFA;
        border-radius: 10px;
    }

    .displaytable {
        display: table;
    }

    .displaytable-cell {
        display: table-cell;
    }

    .button {
        width: 60px;
        height: 35px;
        font-size: 20px;
        border-radius: 5px;
    }

    .blackbutton {
        background-color: #155F81;
        color: white;
    }

    .greenbutton {
        background-color: #F5F5F5;
    }

    .greybutton {
        background-color: #cccccc;
    }

    .bluebutton {
        background-color: #cccccc;
    }

    .redbutton {
        background-color: #F1FC03;
    }

    div .option {
        display: none;
    }


    label {
        margin-bottom: .25rem !important;
    }

    .modal {
        z-index: none;
        overflow-y: hidden !important;
    }

    .moda .modal-content {
        border: none;
    }

    .modal#tinyDynamic {
        z-index: 1100;
    }

    .global-tiny-container {
        height: 70px;
        width: 100%;
        border: 1px solid #ced4da;
        overflow-y: auto;
        border-radius: 0.25rem;
        padding: 5px;
    }

    .global-tiny-container p {
        margin-bottom: 0.5rem;
    }

    .items-add {
        display: contents;
    }

    .note-content p {
        margin-bottom: 0px;
    }

    .catalog-navbar {
        color: black !important;
        padding: 0.5rem 0.9rem !important;
    }

    .catalog-box-search {
        width: 280px;
        height: 36px;
        border-radius: 100px;
        background-color: #F7F8F8;
        gap: 13px;
        display: flex;
        align-items: center;
        color: #888888 !important;
        padding-left: 14px;
        margin-right: 26px;
        fill: #888888;
        transition: all .2s ease;
    }

    @media (max-width: 959px) {
        .catalog-box-search {
            cursor: pointer;

            border-color: transparent;
            position: relative;
        }
    }

    @media (max-width: 959px) {
        .catalog-box-search {
            display: none;
        }
    }

    .items-container-pos {
        height: calc(100vh - 130px);
        overflow-y: auto;
    }

    .container-fluid {
        background-color: white;
    }

    .button-float-end-right {
        width: 30px;
        height: 30px;
        border: none;
        color: #cbd3da !important;
        font-size: 24px;
        cursor: pointer !important;
        position: fixed;
        transition: transform 0.2s;
        bottom: 3px;
        left: 5px;
    }

    @media(max-width:1400px) {
        .items-container-pos {
            min-width: 100% !important;
            height: calc(100vh - 400px) !important;
            overflow-y: auto;
        }

        .totals-pos-container {
            margin-top: 15px;
            margin-bottom: 15px;
            min-width: 100% !important;
        }
    }

    .catalog-container-hero {
        width: 100%;
        height: 40vh;
        border-radius: 20px !important;
        padding: 0px !important;
        background-color: #F7F8F8;
        background-position: top;
        background-repeat: no-repeat;
        background-size: cover;
        margin: 0px 0px 20px 0px;
    }

    .catalog-overlay-hero-slide {
        color: black !important;
        padding: 2rem;
        border-radius: 12px;
        padding: 0px;
    }

    .catalog-overlay-hero {

        height: 40vh;
        background-color: rgba(0, 0, 0, 0.205);
        padding: 2rem;
        border-radius: 12px;
        padding: 40px;
        display: flex;
        align-items: flex-end;
    }

    ::placeholder {
        color: #888888 !important;
    }

    .catalog-btn-def {
        width: 200px;
        padding: 8px 32px !important;
        border-radius: 100px !important;
        letter-spacing: .5px;
        background-color: black !important;
    }

    .catalog-btn-def:hover {
        background-color: #3c3c3c !important;
    }

    .catalog-fw-subtitle {
        font-size: 1.2rem !important;
        color: black;
        letter-spacing: 0.5px;
    }

    a {
        text-decoration: none !important;
    }

    .catalog-card-categories {
        width: 100%;
        height: 160px;
        background-color: #f7f8f8;
        border-radius: 12px;
    }

    .catalog-card-product {
        width: 100%;
        height: 240px;
        background-color: #F7F8F8 !important;
        border-radius: 12px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        margin-bottom: 12px;
        background-blend-mode: multiply !important;
    }

    @media (max-width: 769px) {
        .catalog-card-product {
            height: 200px;
        }
    }

    .catalog-card-product-detail {
        width: 100%;
        height: auto;

        padding-bottom: 0px;
    }

    .catalog-card-category {
        width: 100%;
        height: 100%;
        /* background-color: #F7F8F8 !important; */
        display: flex;
        justify-content: center;
        align-items: center;
        text-decoration: none !important;
        border-radius: 12px;
        color: #ffffff;
        backdrop-filter: brightness(.8);
    }

    /* .catalog-card-category p{
    height: 100%;
    text-shadow: 1px 1px 2px black;
} */
    .catalog-card-category div {
        height: 100%;
        width: 100%;
        text-shadow: 1px 1px 2px black;
        /* display: contents; */
    }

    .catalog-card-category .icons-val {
        position: absolute;
        top: 5px;
        right: 5px;
    }

    .get-category:hover {
        transform: scale(1.07);
        backdrop-filter: brightness(.6);
        cursor: pointer;

    }

    .splide:not(.is-overflow) .splide__arrows {
        display: none !important;
    }

    .catalog-container-promo {
        width: 80px;
        height: 26px;
        background-color: black;
        color: white;
        padding-top: 0px !important;
        display: flex !important;
        align-items: center;
        justify-content: center;
        border-radius: 0px !important;
        margin-bottom: 6px !important;

    }

    .catalog-cont-advantages {
        height: auto;
        padding: 50px 50px !important;
        background-color: #F7F8F8;
        border-radius: 500px;
        margin-bottom: 80px;
    }

    @media (max-width: 576px) {
        .catalog-cont-advantages {
            border-radius: 0px !important;
        }
    }

    .catalog-cont-adv {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    @media (max-width: 769px) {
        .catalog-cont-adv {
            display: block;
            text-align: center;
            margin-bottom: 30px;
        }
    }

    @media (max-width: 769px) {
        .catalog-cont-adv img {
            margin-bottom: 10px;
        }
    }

    @media (max-width: 769px) {
        .catalog-cont-adv p {
            padding: 0px !important;
        }
    }

    .catalog-countdown {
        width: 180px;
        height: 42px;
        border-radius: 12px;
        background-color: black;
        display: flex;
        align-items: center;
        justify-content: center;
        color: white !important;
    }

    .catalog-cont-banner {
        width: 100%;
        height: 25vh;
        background-color: #F7F8F8;
        border-radius: 12px;
        margin-bottom: 26px;
        display: flex;
        align-items: center;
        padding: 20px;
    }

    .nav-link {
        color: black !important;
        /* padding: 5px !important; */
    }

    .catalog-img-product-detail img {

        border-radius: 12px !important;
        background-color: #f7f8f8;
    }

    .catalog-thumbnail img {
        width: 160px;
        margin-top: 10px;
        margin-right: 10px;
        border-radius: 12px !important;
        background-color: #f7f8f8;
    }

    .catalog-content-product-detail h1 {
        color: #1B1B1B;
        font-size: 1.7rem !important;
        font-style: normal;
        line-height: normal;
        letter-spacing: .02rem;

    }

    .chiqui_p {
        font-size: 13px !important;
        margin-bottom: 0px;
        letter-spacing: 0.5px;
    }

    .catalog-card-review {
        margin-bottom: 20px;
    }

    .catalog-bg-footer {
        background-color: #f7f8f8;
    }

    .search-container {
        position: relative;
        width: 100%;

    }

    .search-icon {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 15px;
        color: rgb(193, 193, 193);
        /* color del icono */
        cursor: pointer;
        z-index: 2;
    }

    .search-input {
        padding-left: 30px;
        /* espacio para el icono */
        border-radius: 500px !important;
    }

    .vector-fondo {
        width: 100%;
        height: 100vh;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    /* .edit-pictures{
    border-radius: 5px;
}

.edit-pictures::after{

    left: 20px;
}
.edit-pictures:hover{
    visibility:visible;
    filter: brightness(50%);
    cursor: pointer;
} */

    .manage-picture {
        border-radius: 7px;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        background-color: whitesmoke;
        /* background-image: url("https://cdn-icons-png.flaticon.com/512/1170/1170628.png"); */
        height: 100px;
        width: 100%;
        padding: 5px;
        background-blend-mode: multiply !important;
    }

    .manage-picture:hover {
        transform: scale(1.05);
        filter: brightness(90%);
        cursor: pointer;
    }

    .btn-grayed {
        background-color: #B1B1B1;
        opacity: 0.2;
    }

    .btn-grayed:hover {
        opacity: 1;
        transform: scale(1.1);
    }

    .delete-this:hover {
        color: red !important;
        cursor: pointer;
    }

    .partial-amount {
        cursor: pointer;
    }


    .modal-xxl {
        max-width: 90%;
    }

    select.container-disabled::-ms-expand {
        display: none;
    }

    .input-group-append select {
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
    }

    .picture-lens,
    .picture-pic {
        position: relative;
        top: 0px;
        left: 0px;
        border: 0px;
        overflow: hidden;
        display: block;
    }

    .picture-pic {
        position: absolute;
        clip: rect(0px, 100px, 100px, 0px);
        z-index: 10000;
    }

    .price-text {
        font-size: larger;
        font-weight: bolder;
    }

    /*//////STYLES CATEGORIAS CATALAGO///////*/
    .zoom-categorias-pro {
        transition: scale .2s ease;
        scale: 1;
    }

    .zoom-categorias-pro:hover {
        scale: 1.03;
    }

    .scale-gray-categorias-pro {
        filter: grayscale(0);
        transition-property: filter;
        transition-duration: 1s;
    }

    .scale-gray-categorias-pro:hover {
        filter: grayscale(1);
    }

    .scale-gray-categorias-pro-revers {
        filter: grayscale(1);
        transition-property: filter;
        transition-duration: 1s;
    }

    .scale-gray-categorias-pro-revers:hover {
        filter: grayscale(0);
    }

    .menu-pos-link {
        color: #cbd3da !important;
        align-items: center;
        text-align: center;
    }

    .menu-pos-link:hover {
        transform: scale(1.1);
    }

    @media (max-width:990px) {
        .menu-pos-link span {
            display: none;
        }

        .menu-pos-link:hover {
            display: flex;
            z-index: 1000;
            color: #cbd3da !important;
            background-color: rgb(50, 51, 52);
            transform: scale(1.1);
            width: 200px;
            padding-left: 20px;

            span {
                display: block !important;
                text-align: center;
            }
        }
    }

    .text-hover-left {
        span {
            display: none;
        }
    }

    .text-hover-left:hover {
        display: ruby;

        span {
            margin-right: 5px;
            display: block !important;
        }
    }

    .text-hover-right {
        span {
            display: none;
        }
    }

    .text-hover-right:hover {
        display: ruby;

        span {
            margin-left: 5px;
            display: block !important;
        }
    }

    .uxn-filter-search {
        width: 100%;
        border: 1px solid #d1d1d1;
        background-color: transparent;
        border-top-right-radius: 30px;
        border-bottom-right-radius: 30px;
        border-bottom-left-radius: 30px;
        border-top-left-radius: 30px;
        color: rgba(0, 0, 0, 0.25);
        display: inline-flex;
    }

    .uxn-filter-search i {
        color: rgba(0, 0, 0, 0.25);
    }

    .uxn-filter-search input {
        color: rgba(0, 0, 0, 0.25);
        background-color: transparent;
        border: none;
    }

    .uxn-filter-table:focus {
        color: #495057 !important;
        background-color: #fff !important;
        border-color: #fff !important;
        outline: 0 !important;
        box-shadow: none !important;
    }

    .uxn-filter-search:focus {
        background-color: #fff !important;
        border-color: #fff !important;
    }

    .uxn-filters-container {
        background-color: rgb(245, 246, 247);
        filter: drop-shadow(0px 0px 1px #dee2e6);
        position: relative;
        border: 1px solid #dee2e6;
        z-index: 1;
    }

    .uxn-filters-container::before {
        content: '';
        position: absolute;
        z-index: -1;
        width: 20px;
        height: 20px;
        top: -10.6px;
        right: 45px;
        background-color: rgb(245, 246, 247);
        transform: rotate(45deg);
        border-left: 1px solid #dee2e6;
        border-top: 1px solid #dee2e6;
        /* border: 1px solid #dee2e6!important; */
        /* transform: skewX(140deg); */
    }

    .img-to-caratule-canceled::after {
        content: "CANCELADO";
        font-size: 12em;
        color: rgba(233, 47, 41, 0.4);
        z-index: 9999;
        display: flex;
        align-items: center;
        justify-content: center;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        -webkit-pointer-events: none;
        -moz-pointer-events: none;
        -ms-pointer-events: none;
        -o-pointer-events: none;
        pointer-events: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -o-user-select: none;
        user-select: none;
        transform: rotate(-45deg);
    }


    .modal.modal-await {
        padding-right: 0px !important;
        background-color: #FFFFFF;
        opacity: .4;
        backdrop-filter: blur(10px) !important;
        pointer-events: none;
    }

    .modal.modal-await .modal-dialog .modal-content {
        background-color: transparent !important;
        border: none !important;
        box-shadow: none;
    }

    /* .module-row .uxn-table-data{
    border: 1px solid #ebebeb !important; 
} */

    .any-selected:hover {
        cursor: pointer;
        transform: scale(1.01);
        /* border: 1px solid #000; */
        box-shadow: 5px 0px 24px 0px rgba(0, 0, 0, 0.16);
    }


    .container-total-preview p {
        font-size: 22px;
    }

    .col-input-qty {
        width: 155.38px !important;
    }

    button.close:focus {
        outline: none !important;
    }

    .font-size-initial {
        font-size: initial;
    }

    .sign-content {
        width: 350px !important;
        float: right !important;
    }

    .sign-content .col-12 {
        padding-left: 5px !important;
        padding-right: 5px !important;
        text-align: right;
    }

    .mambrete-content {
        display: none;
    }

    .buttons-container {
        min-height: 38px !important;
    }

    .btn-rounded-icon {
        height: 50px;
        width: 50px;
        border-radius: 30px;
        font-size: x-large;
    }

    .btn-pill-left {
        border-top-left-radius: 50px;
        /* Rounded corner for left side */
        border-bottom-left-radius: 50px;
    }

    /* Additional styles for the right button (right half) */
    .btn-pill-right {
        border-top-right-radius: 50px;
        /* Rounded corner for right side */
        border-bottom-right-radius: 50px;
    }

    .form-control-plaintext:focus {
        border: none;
        outline: none;
    }

    .mx-05 {
        margin-left: .15rem;
    }

    .mx-05 {
        margin-right: .15rem;
    }

    .z-index-1040 {
        z-index: 1040 !important;
    }

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

    input[type="number"] {
        -moz-appearance: textfield;
        /* Firefox */
    }

    /* turnos nuevo estilo*/
    .btn-proyectos-select {
        background-color: white;
        color: #495057;
        border: 1px solid #ced4da;
        min-width: 160px;
        max-height: 39px;
    }

    .btn-turnos-select {
        border-radius: 100px 100px 100px 100px !important;
        background-color: white;
        color: #495057;
        border: 1px solid #ced4da;
        min-width: 240px;
        max-height: 39px;
    }

    .btn-turnos-select:hover {
        background-color: white;
        color: #495057;
        border: 1px solid #ced4da;
    }

    .btn-turnos-select:active {
        background-color: white;
        color: #495057;
        border: 1px solid #ced4da;
    }

    .btn-turnoSelected {
        background-color: white;
        border: 1px solid;
        border-radius: 100px 0px 0px 100px !important;
    }

    .btn-turnoSelected:hover {
        background-color: white;
        border: 1px solid white;
    }

    .uxn-buttons-group {
        width: auto;
        height: auto;
        display: flex;
        background-color: #f1f1f1;
        padding: 5px 2px;
        border-radius: 100px;
    }

    .uxn-btn-group {
        height: 30px;
        background-color: #f1f1f1;
        color: #212529;
        border: none;
        border-radius: 100px;
        font-size: 14px;
        transition: background-color 0.3s ease, color 0.3s ease;
    }

    .uxn-btn-group:hover {
        background-color: white;
    }

    .uxn-btn-group-active {
        background-color: white;
        color: #0072FF;
        box-shadow: none;
    }

    .uxn-btn-group:focus {
        outline: none;
        background-color: white;
        color: #0072FF;
        box-shadow: none;
    }

    .filterShiftMain {
        background-color: #fff;

    }

    .incidenceIcon {
        filter: invert(38%) sepia(9%) saturate(63%) hue-rotate(285deg) opacity(0.7);
    }

    .tec-stop {
        height: 4px;
        width: 4px;
        margin-left: 1px;
        margin-top: 0px;
    }

    .eraseTurn {
        width: 38px;
        background-color: #fff;
    }

    .eraseTurn:hover {
        background-color: #f6f7f8;
    }

    .eraseTurn:focus {
        background-color: #faf9f8;
        border-color: #a13030;
    }

    .eraseTurn-on {
        background-color: #faf9f8;
        border-color: #a13030;
    }

    .day-has-project {
        background-image: url('../../dashboard/img/cuadrito.png');
        background-position: 1px;
        background-repeat: no-repeat;
    }

    input[type="date"].none-icon::-webkit-calendar-picker-indicator {
        opacity: 0;
        cursor: pointer;
    }

    .prev-personel-date {
        cursor: pointer;
    }

    .next-personel-date {
        cursor: pointer;
    }

    .click-sign {
        border: 1px solid #ced4da;
        border-style: dashed;
        cursor: pointer;
        text-align: center;
        min-height: 100px;
    }

    .click-sign::after {
        content: "Click aquí para firmar";
        font-size: 1.2em;
        color: #ced4da;
    }

    .sign-content {
        /* text-align: center; */
        z-index: 1;
        position: relative;
    }

    .edit-sign {
        border: 1px solid #ced4da;
        border-style: dashed;
        cursor: pointer;
    }

    .uxn-columns div:hover .sort-table {
        display: inline;
        color: #007bff;
    }

    .uxn-columns div .sort-table {
        display: none;
    }

    .uxn-columns div .sort-table.active {
        display: inline;
    }

    /* Ocultar contenido mientras carga */
    .uxn-table>.row {
        display: none;
    }

    /* Mostrar contenido, ocultar animación */
    .uxn-table.show>.row {
        display: flex;
    }

    .uxn-table.show td {
        display: block !important;
    }
    .uxn-table.show th {
        display: block !important;
    }

    .uxn-table.show {
        padding-top: 0%;
        margin-top: 0px;
        background-color: transparent;
        background-clip: none;
        border: none;
        border-radius: none;
    }

    .uxn-table.show::before {
        display: none;
    }

    /* Tres puntos generados con box-hide */
    .uxn-table::before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        text-align: center;
        align-items: center;
        background: rgba(51, 51, 51, 0.3);
        /* punto 1 (inicio invisible) */
        /* transform: translate(-50%, -50%); */
        transform: translate(calc(-50% - 20px), -50%);
        animation: dots-opacity 1.5s infinite ease-in-out;
        box-shadow:
            20px 0 0 rgba(51, 51, 51, 0.3),
            /* punto 2 */
            40px 0 0 rgba(51, 51, 51, 0.3);
        /* punto 3 */
    }

    .spinner-dots {
        position: relative;
        /* Necesario para que ::before use este como referencia */
        width: 60px;
        height: 10px;
        margin: auto;
        /* centra horizontalmente si el contenedor permite */
    }

    .spinner-dots::before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: rgba(51, 51, 51, 0.3);
        /*punto 1 (inicio invisible)*/
        transform: translate(calc(-50% - 20px), -50%);
        /* transform: translate(-50%, -50%); */
        animation: dots-opacity 1.5s infinite ease-in-out;
        box-shadow:
            20px 0 0 rgba(51, 51, 51, 0.3),
            /* punto 2 */
            40px 0 0 rgba(51, 51, 51, 0.3);
        /* punto 3 */
    }

    /* Animación secuencial de opacidad */
    @keyframes dots-opacity {
        0% {
            background: rgba(51, 51, 51, 0.3);
            box-shadow:
                20px 0 0 rgba(51, 51, 51, 0.3),
                40px 0 0 rgba(51, 51, 51, 0.3);
        }

        20% {
            background: rgba(51, 51, 51, 1);
        }

        40% {
            box-shadow:
                20px 0 0 rgba(51, 51, 51, 1),
                40px 0 0 rgba(51, 51, 51, 0.3);
        }

        60% {
            box-shadow:
                20px 0 0 rgba(51, 51, 51, 1),
                40px 0 0 rgba(51, 51, 51, 1);
        }

        80% {
            background: rgba(51, 51, 51, 0.3);
        }

        100% {
            box-shadow:
                20px 0 0 rgba(51, 51, 51, 0.3),
                40px 0 0 rgba(51, 51, 51, 0.3);
        }
    }


    .show-range input {
        display: block;
    }

    .show-range select.selectFilterYear {
        display: none;
    }

    .show-year select.selectFilterYear {
        display: block;
    }

    .show-year input {
        display: none;
    }

    .show-none select.selectFilterYear {
        display: none;
    }

    .show-none input {
        display: none;
    }

    .nav-link span {
        font-size: .9rem !important;
        color: #000 !important;
    }

    .nav-link .nav-sync {
        display: none;
    }

    .nav-link.active:hover .nav-sync {
        display: inline-block;
        /* position: absolute; */
        margin-left: 5px;
    }

    .view-container-main {
        height: calc(100% - 60px);
    }

    .modal-dialog .spinner-dots {
        height: 100px;
    }

    .employeeCardAssignation {
        min-height: 67px;
    }

    .p-badge p {
        margin: 0px !important;
    }