.noDisplay {
    display: none !important;
}


/*------------------------------------------------------- START - AUTOCOMPLETE CASE BACKGROUND CORRECTION ------------------------------------------------------------------*/
.dxbl-text-edit .dxbl-text-edit-input {
    -webkit-box-shadow: 0 0 0 30px var(--dxbl-accordion-group-item-btn-bg) inset !important;
    /*    -webkit-box-shadow: 0 0 0 30px var(--bs-body-bg) inset !important;
*/ /*    -webkit-text-fill-color: var(--bs-body-color) !important;
*/
}

/*------------------------------------------------------- END - AUTOCOMPLETE CASE BACKGROUND CORRECTION --------------------------------------------------------------------*/
/*------------------------------------------------------- START - PLACEHOLDERS ------------------------------------------------------------------*/

.dxbl-input-editor ::placeholder {
    color: var(--bs-dark-border-subtle);
}
/*------------------------------------------------------- END - PLACEHOLDERS ------------------------------------------------------------------*/

/*------------------------------------------------------- START - LOGIN --------------------------------------------------------------------*/
.dxbl-text-edit-input {
    height: 2.3rem;
    border-radius: 10px !important;
    padding: 0.7rem !important;
    width: 100% !important;
}


.languagePanel {
    width: 60px;
    top: 20px;
    right: 30px;
    position: absolute;
}

.languagePanel :hover {
    cursor: pointer;
}

.langListCSS {
    height: min-content !important;
    border: unset !important;
    padding: 0 !important;
}

.dropDownLangCSS {
    position: fixed !important;
    margin-left: calc(100vw - 200px) !important;
    top: 30px !important;
    display: flex;
    max-width: 80px !important;
}

.inputGrid {
    display: flex;
    width: 100% !important;
    flex-direction: column;
    align-items: center;
}

.rightSectionContainer {
    max-width: 50vw;
    text-align: center;
}

.rightSection {
    padding: 0 1rem;
    margin-top: 3.5rem;
}
.ct-form {
    display: flex;
    flex-direction: column;
    gap: 14px;
}
.ct-field {
    position: relative;
    width: 100%;
}
.ct-field-icon {
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
    pointer-events: none;
    opacity: 1; /* evita “transparente” */
}

    .ct-field-icon img {
        width: 22px;
        height: 22px;
        display: block;
        opacity: 1;
    }
.ct-icon-light {
    color: #bbbbbb;
}

    .ct-icon-light .ct-svg {
        width: 24px;
        height: 24px;
        display: block;
    }

        .ct-icon-light .ct-svg path {
            fill: currentColor;
        }
.ct-btn {
    margin-top: 10px;
    height: 54px;
    border-radius: 12px;
    border: 0 !important;
    background: linear-gradient(90deg, var(--ct-blue-1), var(--ct-blue-2)) !important;
    font-size: 18px;
    font-weight: 500;
    width: 100%;
}
.ct-lock-badge {
    width: 86px;
    height: 86px;
    border-radius: 24px;
    display: grid;
    place-items: center;
    background: linear-gradient(135deg, var(--ct-blue-1), var(--ct-blue-2));
    box-shadow: 0 18px 40px rgb(0 158 224 / 18%);
}
    .ct-btn span {
        font-family: "Poppins", sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 25px;
    }
    /*Password show eye*/
    .mdiEyeOffOutline {
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M2 5.27L3.28 4L20 20.72L18.73 22l-3.08-3.08c-1.15.38-2.37.58-3.65.58c-5 0-9.27-3.11-11-7.5c.69-1.76 1.79-3.31 3.19-4.54zM12 9a3 3 0 0 1 3 3a3 3 0 0 1-.17 1L11 9.17A3 3 0 0 1 12 9m0-4.5c5 0 9.27 3.11 11 7.5a11.8 11.8 0 0 1-4 5.19l-1.42-1.43A9.86 9.86 0 0 0 20.82 12A9.82 9.82 0 0 0 12 6.5c-1.09 0-2.16.18-3.16.5L7.3 5.47c1.44-.62 3.03-.97 4.7-.97M3.18 12A9.82 9.82 0 0 0 12 17.5c.69 0 1.37-.07 2-.21L11.72 15A3.064 3.064 0 0 1 9 12.28L5.6 8.87c-.99.85-1.82 1.91-2.42 3.13'/%3E%3C/svg%3E");
    }

.mdiEyeOutline {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 9a3 3 0 0 1 3 3a3 3 0 0 1-3 3a3 3 0 0 1-3-3a3 3 0 0 1 3-3m0-4.5c5 0 9.27 3.11 11 7.5c-1.73 4.39-6 7.5-11 7.5S2.73 16.39 1 12c1.73-4.39 6-7.5 11-7.5M3.18 12a9.821 9.821 0 0 0 17.64 0a9.821 9.821 0 0 0-17.64 0'/%3E%3C/svg%3E");
}

.mdiEyeOffOutline, .mdiEyeOutline {
    cursor: pointer;
}

.eyeIconPosition {
    text-align: end;
}

.iconFormat {
    position: relative;
    z-index: 3;
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    mask-size: 100% 100%;
}

.eyeContainer {
    height: 0;
    display: flex;
    flex-direction: row-reverse;
}

/*------------------------------------------------------- END - LOGIN --------------------------------------------------------------------*/

/*------------------------------------------------------- START - DROPDOWN --------------------------------------------------------------------*/

.dropdownButton {
    display: flex !important;
    align-items: center;
    flex-direction: row;
}

.logoImage {
    height: 5rem;
    width: 5rem;
    border-radius: 100%;
}

/* Overwriting hover on items from droplist */
.dropdown-item:focus, .dropdown-item:hover {
    border-radius: 5px;
    color: var(--bs-dropdown-link-hover-color) !important;
    background-color: var(--bs-dropdown-link-hover-bg) !important;
}

/*EXPANDING SUBMENUS START*/
.hoverExpand {
    max-height: 90vh;
    overflow-y: scroll !important;
    display: none !important;
    position: absolute !important; /* Ensure submenu positions correctly */
    top: 0;
}

/* Show the submenu when hovering over the parent dropdown */
.dropdown:hover > .dropdown-menu > .dropdown:hover > .hoverExpand {
    display: block !important;
}

/*EXPANDING SUBMENUS END*/

/*-------------------------------------------------------- END - DROPDOWN --------------------------------------------------------------------*/

/*-------------------------------------------------------- START - LAYOUT --------------------------------------------------------------------*/


.TextBoxCSS {
    max-width: 380px !important;
}


*/.prevent-select {
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
}

.backgroundImage {
    z-index: -1000 !important;
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/*--------------------------------------------------------- END - LAYOUT --------------------------------------------------------------------*/
/*--------------------------------------------------------- START - USERDATA DROPDOWN POPUP -------------------------------------------------*/

.mainDropDownBtn {
    /*    display: flex !important;
  position: relative;*/
    max-height: 40px;
    height: 100%;
    width: 200px;
    max-width: 200px;
    border: 1px solid var(--bs-body-bg) !important;
    color: var(--bs-body-color) !important;
    /*    width: 200px;
*/ background-color: var(--dxbl-popup-bg) !important;
}

.mainDropDownBtn:hover {
    cursor:pointer;
}

.popUpUserData .mainDropDownBtn .dxbl-btn,
.popUpUserData .mainDropDownBtn .dxbl-btn-caption,
.popUpUserData .mainDropDownBtn .dxbl-menu-item-text-container,
.popUpUserData .mainDropDownBtn .dxbl-menu-item-text {
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

span.dxbl-btn-caption {
    width: max-content;
}

@media(min-width: 500px){
    .languageDpWidth {
        width: 90px;
    }

    .dropDownCSS {
        position: fixed !important;
        margin-left: calc(100vw - 370px) !important;
        top: 20px !important;
        padding: 1rem;
        display: flex;
        max-width: 250px !important;
    }
    .dropdownBtnText {
        width: 100%;
        justify-content: center;
        padding-left: 10px;
        display: block !important;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        width: 200px;
    }

}
    
    .dropToogleCSS {
    top: 4px !important;
    position: absolute;
    left: 10px !important; 
    width: 1em !important;
    height: 1em !important;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23000' stroke='%23000' stroke-linejoin='round' stroke-width='4' d='m20 12l12 12l-12 12z'/%3E%3C/svg%3E");
}


.userData {
    padding: 1rem 0 1.5rem 0;
    gap: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.popUpUserData {
    color: var(--bs-body-color) !important;
    background-color: var(--dxbl-popup-bg) !important;
    display: flex;
    overflow-x: hidden;
    margin: 10px;
    height: 100%;
    font-size: 110%;
    overflow-y: auto;
    flex-direction: column;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

/*OVERWRITING ACTIVE HOVER ON DROPDOWN USERDATA MENU*/
.dxbl-btn:not(.dxbl-disabled):not(:disabled).dxbl-active {
/*    color: var(--bs-body-bg) !important;
*/    
/*background-color: var(--dxbl-client-component-palette-primary) !important;
*/}
/*--------------------------------------------------------- END - USERDATA DROPDOWN POPUP -------------------------------------------------*/
/*--------------------------------------------------- START - GRID STYLES -------------------------------------------------------------------*/
.gridHeighshrinked {
    height: calc(100dvh - 420px);
}

/*background color added to imageGallery button when clicked*/
.toogleActive {
    border-radius: 5px;
    color: var(--bs-primary) !important;
    background-color: var(--dxbl-toolbar-btn-border-color) !important;
}

/*For Grids not ETTL, like notificationGrid in CT*/
.gridContainerCSS {
    overflow-y: auto;
    height: calc(100dvh - 70px);
}
/*---------------------------------------------------------*/


/*-------------------------------------------------- END - GRID STYLES ----------------------------------------------------------------------*/

/*-------------------------------------------------- START - IMAGES & ICONS -----------------------------------------------------------------*/

.imageFormat {
    width: 32px !important;
    height: 32px !important;
    background-size: cover !important;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    mask-size: 100% 100%;
}

.logoutIconColor {
    color: var(--bs-body-color);
}

.logoutIcon {
    display: inline-block;
    width: 30px !important;
    height: 30px !important;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4m7 14l5-5l-5-5m5 5H9'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    mask-size: 100% 100%;
}

.heartIcon {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M4.24 12.25a4.2 4.2 0 0 1-1.24-3A4.25 4.25 0 0 1 7.25 5c1.58 0 2.96.86 3.69 2.14h1.12A4.24 4.24 0 0 1 15.75 5A4.25 4.25 0 0 1 20 9.25c0 1.17-.5 2.25-1.24 3L11.5 19.5zm15.22.71C20.41 12 21 10.7 21 9.25A5.25 5.25 0 0 0 15.75 4c-1.75 0-3.3.85-4.25 2.17A5.22 5.22 0 0 0 7.25 4A5.25 5.25 0 0 0 2 9.25c0 1.45.59 2.75 1.54 3.71l7.96 7.96z'/%3E%3C/svg%3E");
}

.heartFilledIcon {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M6.979 3.074a6 6 0 0 1 4.988 1.425l.037.033l.034-.03a6 6 0 0 1 4.733-1.44l.246.036a6 6 0 0 1 3.364 10.008l-.18.185l-.048.041l-7.45 7.379a1 1 0 0 1-1.313.082l-.094-.082l-7.493-7.422A6 6 0 0 1 6.979 3.074'/%3E%3C/svg%3E");
}

.icono-xlsx {
    background-image: url('Images/xlsx.svg');
}

.icono-xls {
    background-image: url('Images/xls.svg');
}

.icono-csv {
    background-image: url('Images/csv.svg');
}

.icono-images {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M2.5 1h10A1.5 1.5 0 0 1 14 2.5v10a1.5 1.5 0 0 1-1.5 1.5h-10A1.5 1.5 0 0 1 1 12.5v-10A1.5 1.5 0 0 1 2.5 1m0 1a.5.5 0 0 0-.5.5v5.864l1.682-1.682a.45.45 0 0 1 .647.01l3.545 3.798l2.808-2.808a.45.45 0 0 1 .636 0L13 9.364V2.5a.5.5 0 0 0-.5-.5zM2 12.5V9.636l1.989-1.988l3.542 3.794L8.941 13H2.5a.5.5 0 0 1-.5-.5m10.5.5h-2.345l-1.672-1.847L11 8.636l2 2V12.5a.5.5 0 0 1-.5.5M6.65 5.5a.85.85 0 1 1 1.7 0a.85.85 0 0 1-1.7 0m.85-1.75a1.75 1.75 0 1 0 0 3.5a1.75 1.75 0 0 0 0-3.5' clip-rule='evenodd'/%3E%3C/svg%3E");
    background-color: currentColor;
}

.icono-print {
    background-image: url('../images/printReport.svg');
}

.icono-exportar {
    margin-right: 0;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cpath fill='%23000' d='M6 13.61h7.61V6H24v8.38h2V6a2 2 0 0 0-2-2H10.87L4 10.87V30a2 2 0 0 0 2 2h18a2 2 0 0 0 2-2H6Zm0-1.92L11.69 6H12v6H6Z' class='clr-i-outline clr-i-outline-path-1'/%3E%3Cpath fill='%23000' d='M28.32 16.35a1 1 0 0 0-1.41 1.41L30.16 21H18a1 1 0 0 0 0 2h12.19l-3.28 3.28a1 1 0 1 0 1.41 1.41L34 22Z' class='clr-i-outline clr-i-outline-path-2'/%3E%3Cpath fill='none' d='M0 0h36v36H0z'/%3E%3C/svg%3E");
    background-color: currentColor;
}

.icono-columnSelector {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23000' d='M30 3.41L28.59 2L25 5.59L21.41 2L20 3.41L23.59 7L20 10.59L21.41 12L25 8.41L28.59 12L30 10.59L26.41 7z'/%3E%3Cpath fill='%23000' d='M24 14v14h-6V6h-2v22a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V14zM10 30H4a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v20a2 2 0 0 1-2 2M4 8v20h6V8z'/%3E%3C/svg%3E");
    background-color: currentColor;
}

.icono-gridLayout {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23000' d='m21.84 301.808l475.09 258.72a32.1 32.1 0 0 0 15.312 3.904a32 32 0 0 0 15.184-3.84l480.096-258.72c10.464-5.631 16.975-16.624 16.815-28.528a32.09 32.09 0 0 0-17.504-28.16L531.713 3.904c-9.055-4.592-19.744-4.624-28.88-.064L22.785 245.12c-10.624 5.343-17.44 16.16-17.632 28.064s6.256 22.944 16.687 28.624M517.153 68.287l406.159 206.271L512.336 496.03L106.16 274.846zm484.187 412.031l-94.974-48.225l-68.56 36.976l80 40.624l-410.96 221.456l-406.191-221.184l85.311-42.88l-68.368-37.248l-100.32 50.4c-10.624 5.344-17.44 16.16-17.633 28.065s6.256 22.944 16.688 28.624l475.088 258.72a32.1 32.1 0 0 0 15.312 3.903a32 32 0 0 0 15.184-3.84l480.096-258.72c10.464-5.631 16.975-16.624 16.815-28.528a32 32 0 0 0-17.487-28.143zm.01 223.999l-89.966-44.224l-68.56 36.976l75.008 36.624l-410.976 221.456l-406.192-221.184l79.312-35.872l-68.368-37.248l-94.32 43.408C6.662 709.597-.154 720.413-.346 732.318s6.255 22.944 16.687 28.624l475.088 258.72a32.1 32.1 0 0 0 15.313 3.903a32 32 0 0 0 15.183-3.84l480.096-258.72c10.464-5.632 16.976-16.624 16.816-28.528a32 32 0 0 0-17.488-28.16z'/%3E%3C/svg%3E");
    background-color: currentColor;
}

.icono-calendar {
    display: inline-block;
    width: 1em;
    height: 1em;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Crect width='416' height='384' x='48' y='80' fill='none' stroke='%23000' stroke-linejoin='round' stroke-width='32' rx='48'/%3E%3Ccircle cx='296' cy='232' r='24' fill='%23000'/%3E%3Ccircle cx='376' cy='232' r='24' fill='%23000'/%3E%3Ccircle cx='296' cy='312' r='24' fill='%23000'/%3E%3Ccircle cx='376' cy='312' r='24' fill='%23000'/%3E%3Ccircle cx='136' cy='312' r='24' fill='%23000'/%3E%3Ccircle cx='216' cy='312' r='24' fill='%23000'/%3E%3Ccircle cx='136' cy='392' r='24' fill='%23000'/%3E%3Ccircle cx='216' cy='392' r='24' fill='%23000'/%3E%3Ccircle cx='296' cy='392' r='24' fill='%23000'/%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='32' d='M128 48v32m256-32v32'/%3E%3Cpath fill='none' stroke='%23000' stroke-linejoin='round' stroke-width='32' d='M464 160H48'/%3E%3C/svg%3E");
    background-color: currentColor;
}

.icono-filter {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M3 4.75A.75.75 0 0 1 3.75 4h16.5a.75.75 0 0 1 .53 1.28L14.5 11.56v5.69a.75.75 0 0 1-.33.62l-3 2A.75.75 0 0 1 10 19.25v-7.69L3.22 5.28A.75.75 0 0 1 3 4.75'/%3E%3C/svg%3E");
    background-color: currentColor;
}

.icono-tracking {
    height: 45px !important;
    width: 45px !important;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M18 18.5c.83 0 1.5-.67 1.5-1.5s-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5s.67 1.5 1.5 1.5m1.5-9H17V12h4.46zM6 18.5c.83 0 1.5-.67 1.5-1.5s-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5s.67 1.5 1.5 1.5M20 8l3 4v5h-2c0 1.66-1.34 3-3 3s-3-1.34-3-3H9c0 1.66-1.34 3-3 3s-3-1.34-3-3H1V6c0-1.11.89-2 2-2h14v4zM3 6v9h.76c.55-.61 1.35-1 2.24-1s1.69.39 2.24 1H15V6zm7 1l3.5 3.5L10 14v-2.5H5v-2h5z'/%3E%3C/svg%3E");
    background-color: currentColor;
}

.icono-loading {
    display: inline-block;
    width: 24px;
    height: 24px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-width='2' d='M12 6.99998C9.1747 6.99987 6.99997 9.24998 7 12C7.00003 14.55 9.02119 17 12 17C14.7712 17 17 14.75 17 12'%3E%3CanimateTransform attributeName='transform' attributeType='XML' dur='560ms' from='0,12,12' repeatCount='indefinite' to='360,12,12' type='rotate'/%3E%3C/path%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%;
}

.icono-pod {
    height: 36px !important;
    width: 36px !important;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Cpath d='M20.935 11.009V8.793a2.98 2.98 0 0 0-1.529-2.61l-5.957-3.307a2.98 2.98 0 0 0-2.898 0L4.594 6.182a2.98 2.98 0 0 0-1.529 2.611v6.414a2.98 2.98 0 0 0 1.529 2.61l5.957 3.307a2.98 2.98 0 0 0 2.898 0l2.522-1.4'/%3E%3Cpath d='M20.33 6.996L12 12L3.67 6.996M12 21.49V12m5.466 3.996l1.408 1.407a.53.53 0 0 0 .757 0l2.835-2.836'/%3E%3C/g%3E%3C/svg%3E");
    background-color: currentColor;
}

.grid-toolbar-new {
    mask-image: url("Images/grid-toolbar-new.svg");
    -webkit-mask-image: url("Images/grid-toolbar-new.svg");
}

.grid-toolbar-delete {
    -webkit-mask-image: url("Images/grid-toolbar-delete.svg");
    mask-image: url("Images/grid-toolbar-delete.svg");
}

.grid-toolbar-save {
    -webkit-mask-image: url("Images/save.svg");
    mask-image: url("Images/save.svg");
}


/*DOCUMENT CREATION ENTITY LIST RIBBON BUTTON*/
.icon-new-document {
    display: inline-block;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M5 21q-.825 0-1.412-.587T3 19V5q0-.825.588-1.412T5 3h6v2H5v14h14v-6h2v6q0 .825-.587 1.413T19 21zm11-10V8h-3V6h3V3h2v3h3v2h-3v3z'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    mask-size: 100% 100%;
}

.icon-duplicate {
    display: inline-block;
    width: 24px;
    height: 24px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M15 12v6m-3-3h6'/%3E%3Crect width='14' height='14' x='8' y='8' rx='2' ry='2'/%3E%3Cpath d='M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2'/%3E%3C/g%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.icon-update-document {
    display: inline-block;
    width: 28px !important;
    height: 28px !important;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7'/%3E%3Cpath d='M18.375 2.625a1 1 0 0 1 3 3l-9.013 9.014a2 2 0 0 1-.853.505l-2.873.84a.5.5 0 0 1-.62-.62l.84-2.873a2 2 0 0 1 .506-.852z'/%3E%3C/g%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.icon-delete-document {
    display: inline-block;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M19 19H5V5h6V3H5a2.006 2.006 0 0 0-2 2v14a2.006 2.006 0 0 0 2 2h14a2.006 2.006 0 0 0 2-2v-4h-2Z'/%3E%3Cpath fill='%23000' d='M15 5h6v6a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1zm7-2h-2l-.571-1h-2.858L16 3h-2v1h8z'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.icon-label {
    display: inline-block;
    width: 24px;
    height: 24px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M10.3 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v10l-3.1-3.1a2 2 0 0 0-2.814.014L6 21'/%3E%3Cpath d='m14 19l3 3v-5.5m0 5.5l3-3'/%3E%3Ccircle cx='9' cy='9' r='2'/%3E%3C/g%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.icon-tracking {
    display: inline-block;
    width: 24px;
    height: 24px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M14 2v4a2 2 0 0 0 2 2h4'/%3E%3Cpath d='M4.268 21a2 2 0 0 0 1.727 1H18a2 2 0 0 0 2-2V7l-5-5H6a2 2 0 0 0-2 2v3m5 11l-1.5-1.5'/%3E%3Ccircle cx='5' cy='14' r='3'/%3E%3C/g%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.icon-send {
    display: inline-block;
    width: 24px;
    height: 24px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m3 11l19-9l-9 19l-2-8z'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.icon-cancel-send {
    display: inline-block;
    width: 24px;
    height: 24px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M8.43 8.43L3 11l8 2l2 8l2.57-5.43m1.82-3.84L22 2l-9.73 4.61M2 2l20 20'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}
/*----------------------------------------------*/

.icon-update {
    display: inline-block;
    width: 2em;
    height: 1em;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    mask-size: 100% 100%;
}

.icon-threeDots {
    display: inline-block;
    width: 1em !important;
    height: 1em !important;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M7 12a2 2 0 1 1-4 0a2 2 0 0 1 4 0m7 0a2 2 0 1 1-4 0a2 2 0 0 1 4 0m7 0a2 2 0 1 1-4 0a2 2 0 0 1 4 0'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.icon-showdashboard {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cpath fill='%23000' d='m25.18 12.32l-5.91 5.81a3 3 0 1 0 1.41 1.42l5.92-5.81Z' class='clr-i-outline clr-i-outline-path-1'/%3E%3Cpath fill='%23000' d='M18 4.25A16.49 16.49 0 0 0 5.4 31.4l.3.35h24.6l.3-.35A16.49 16.49 0 0 0 18 4.25m11.34 25.5H6.66a14.43 14.43 0 0 1-3.11-7.84H7v-2H3.55A14.4 14.4 0 0 1 7 11.29l2.45 2.45l1.41-1.41l-2.43-2.46A14.4 14.4 0 0 1 17 6.29v3.5h2V6.3a14.47 14.47 0 0 1 13.4 13.61h-3.48v2h3.53a14.43 14.43 0 0 1-3.11 7.84' class='clr-i-outline clr-i-outline-path-2'/%3E%3Cpath fill='none' d='M0 0h36v36H0z'/%3E%3C/svg%3E");
    background-color: currentColor;
}

.icon-showreport {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23000' d='M10 18h8v2h-8zm0-5h12v2H10zm0 10h5v2h-5z'/%3E%3Cpath fill='%23000' d='M25 5h-3V4a2 2 0 0 0-2-2h-8a2 2 0 0 0-2 2v1H7a2 2 0 0 0-2 2v21a2 2 0 0 0 2 2h18a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2M12 4h8v4h-8Zm13 24H7V7h3v3h12V7h3Z'/%3E%3C/svg%3E");
    background-color: currentColor;
}

.icon-absent {
    height: 40px !important;
    width: 40px !important;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M20 8h-3V4H3c-1.11 0-2 .89-2 2v11h2c0 1.66 1.34 3 3 3s3-1.34 3-3h6c0 1.66 1.34 3 3 3s3-1.34 3-3h2v-5zM6 18.5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5s1.5.67 1.5 1.5s-.67 1.5-1.5 1.5m9-3.5H8.24c-.55-.61-1.35-1-2.24-1s-1.69.39-2.24 1H3V6h12zm3 3.5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5s1.5.67 1.5 1.5s-.67 1.5-1.5 1.5M17 12V9.5h2.5l1.96 2.5zm-11.18-.23L7.59 10L5.82 8.23l1.41-1.41L9 8.59l1.77-1.77l1.41 1.41L10.41 10l1.77 1.77l-1.41 1.41L9 11.41l-1.77 1.77z'/%3E%3C/svg%3E");
    background-color: var(--bs-gray-700);
}

.icon-delivery {
    height: 40px !important;
    width: 40px !important;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M18 18.5c.83 0 1.5-.67 1.5-1.5s-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5s.67 1.5 1.5 1.5m1.5-9H17V12h4.46zM6 18.5c.83 0 1.5-.67 1.5-1.5s-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5s.67 1.5 1.5 1.5M20 8l3 4v5h-2c0 1.66-1.34 3-3 3s-3-1.34-3-3H9c0 1.66-1.34 3-3 3s-3-1.34-3-3H1V6c0-1.11.89-2 2-2h14v4zM3 6v9h.76c.55-.61 1.35-1 2.24-1s1.69.39 2.24 1H15V6zm2 4.5L6.5 9L8 10.5L11.5 7L13 8.5l-5 5z'/%3E%3C/svg%3E");
    background-color: var(--bs-gray-700);
}

.icon-ok {
    display: inline-block;
/*    width: 1em;
    height: 1em;
*/    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M9 16.17L4.83 12l-1.42 1.41L9 19L21 7l-1.41-1.41z'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

    .icon-ok:hover {
        color: var(--dxbl-toolbar-btn-bg) !important;
    }

.icon-class {
    transform: scale(0.85);
    color: var(--dxbl-toolbar-btn-bg) !important;
    background-color: var(--dxbl-btn-link-hover-color) !important;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 6px -1px !important;
    border-radius: 100% !important;
}

    .icon-class:hover {
        color: var(--dxbl-toolbar-btn-bg) !important;
        background-color: var(--dxbl-btn-toolbar-focus-outline-color) !important;
    }

.icon-cancel {
    display: inline-block;
    width: 1em;
    height: 1em;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 12a9 9 0 1 0 18 0a9 9 0 1 0-18 0m15.364-6.364L5.636 18.364'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.icon-house {
    transform: scale(1.80);
    height: 16px;
    width: 16px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M19.75 10a.75.75 0 0 0-1.5 0zm-14 0a.75.75 0 0 0-1.5 0zm14.72 2.53a.75.75 0 1 0 1.06-1.06zM12 3l.53-.53a.75.75 0 0 0-1.06 0zm-9.53 8.47a.75.75 0 1 0 1.06 1.06zM7 21.75h10v-1.5H7zM19.75 19v-9h-1.5v9zm-14 0v-9h-1.5v9zm15.78-7.53l-9-9l-1.06 1.06l9 9zm-10.06-9l-9 9l1.06 1.06l9-9zM17 21.75A2.75 2.75 0 0 0 19.75 19h-1.5c0 .69-.56 1.25-1.25 1.25zm-10-1.5c-.69 0-1.25-.56-1.25-1.25h-1.5A2.75 2.75 0 0 0 7 21.75z'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.iconUser {
    margin-left: 1.5rem !important;
    height: 45px !important;
    width: 45px !important;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='M152 80a8 8 0 0 1 8-8h88a8 8 0 0 1 0 16h-88a8 8 0 0 1-8-8m96 40h-88a8 8 0 0 0 0 16h88a8 8 0 0 0 0-16m0 48h-64a8 8 0 0 0 0 16h64a8 8 0 0 0 0-16m-96.25 22a8 8 0 0 1-5.76 9.74a7.6 7.6 0 0 1-2 .26a8 8 0 0 1-7.75-6c-6.16-23.94-30.34-42-56.25-42s-50.09 18.05-56.25 42a8 8 0 0 1-15.5-4c5.59-21.71 21.84-39.29 42.46-48a48 48 0 1 1 58.58 0c20.63 8.71 36.88 26.29 42.47 48M80 136a32 32 0 1 0-32-32a32 32 0 0 0 32 32'/%3E%3C/svg%3E");
    background-color: currentColor;
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    mask-size: 100% 100%;
}

/*---------------------------------------------------- END - IMAGES & ICONS -----------------------------------------------------------------*/
/*Grid Icons*/
/*---------------------*/
/*ICONS NEW-EDIT-DELETE*/
.dxbl-btn-link[aria-label="Add"] {
    background-color: currentColor;
    mask-repeat: no-repeat;
    mask-size: 100% 100%;
    width: 1.5rem;
    height: 1.5rem;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M5 21q-.825 0-1.412-.587T3 19V5q0-.825.588-1.412T5 3h6v2H5v14h14v-6h2v6q0 .825-.587 1.413T19 21zm11-10V8h-3V6h3V3h2v3h3v2h-3v3z'/%3E%3C/svg%3E");
    -webkit-mask-image: var(--svg);
}

.dxbl-btn-link[aria-label="Edit"] {
    display: inline-flex;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23000' d='M2 13.5h12M3.775 8.217L9.992 2l2.122 2.121l-6.217 6.217l-2.567.556z'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    mask-size: 100% 100%;
}

.dxbl-btn-link[aria-label="Delete"] {
    display: inline-flex;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6zM19 4h-3.5l-1-1h-5l-1 1H5v2h14z'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    mask-size: 100% 100%;
}

.dxbl-btn-link[aria-label="Show"] {
    display: inline-flex;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M9 3.5a5.5 5.5 0 1 0 0 11a5.5 5.5 0 0 0 0-11M2 9a7 7 0 1 1 12.452 4.391l3.328 3.329a.75.75 0 1 1-1.06 1.06l-3.329-3.328A7 7 0 0 1 2 9' clip-rule='evenodd'/%3E%3C/svg%3E") !important;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    mask-size: 100% 100%;
}

.dxbl-btn-link[aria-label="Show"],
.dxbl-btn-link[aria-label="Add"],
.dxbl-btn-link[aria-label="Edit"],
.dxbl-btn-link[aria-label="Delete"] {
    height: 2rem;
    font-size: 0; /* Hide original text */
}

.icon-ok {
    width: 2.5rem !important;
    height: 2.5rem !important;
}
    /*ICON HOVER BUG FIX*/

    .dxbl-grid .dxbl-grid-table .dxbl-grid-focused-row:not(.dxbl-grid-touch-selection):not(.dxbl-grid-touch-selection-edge) > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell) .dxbl-btn.dxbl-btn-link:not(.dxbl-disabled):not(:disabled):hover, .dxbl-grid .dxbl-grid-table .dxbl-grid-focused-row:not(.dxbl-grid-touch-selection):not(.dxbl-grid-touch-selection-edge) > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell) .dxbl-btn.dxbl-btn-outline-link:not(.dxbl-disabled):not(:disabled):hover, .dxbl-grid .dxbl-grid-table .dxbl-grid-focused-row:not(.dxbl-grid-touch-selection):not(.dxbl-grid-touch-selection-edge) > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell) .dxbl-btn.dxbl-btn-text-link:not(.dxbl-disabled):not(:disabled):hover {
        width: 1.6rem;
        background-color: var(--bs-primary-text-emphasis) !important;
    }

    .dxbl-btn.dxbl-btn-link:not(.dxbl-disabled):not(:disabled):hover, .dxbl-grid .dxbl-grid-table .dxbl-grid-focused-row:not(.dxbl-grid-touch-selection):not(.dxbl-grid-touch-selection-edge) > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell) .dxbl-btn.dxbl-btn-outline-link:not(.dxbl-disabled):not(:disabled):hover, .dxbl-grid .dxbl-grid-table .dxbl-grid-focused-row:not(.dxbl-grid-touch-selection):not(.dxbl-grid-touch-selection-edge) > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell) .dxbl-btn.dxbl-btn-text-link:not(.dxbl-disabled):not(:disabled):hover {
        width: 1.6rem;
        background-color: var(--bs-primary) !important;
    }
    /*ICON HOVER BUG FIX END*/

/*Grid Icons ENDS*/
/*-------------------------- DOCUMENT START ----------------------------------*/

.dxbl-text-edit.invalid {
    --dxbl-text-edit-focus-shadow-color: rgba(var(--dx-color-danger), 25%) !important;
    --dxbl-text-edit-focus-border-color: rgba(var(--dx-color-danger), 50%) !important;
    --dxbl-text-edit-border-color: var(--dx-color-danger) !important;
}

.dxbl-text-edit.invalid .dxbl-edit-validation-status > .dxbl-image.dxbl-edit-validation-status-icon-invalid {
    color: var(--dx-color-danger) !important;
}

    .infoIcon {
        margin-bottom: 5px;
        display: inline-block;
        width: 1.5em;
        height: 1.5em;
        --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4m0-4h.01'/%3E%3C/g%3E%3C/svg%3E");
        background-color: currentColor;
    }

/*CLIENT GRID POPUP*/
/*.gridPopUp {
    max-width: 60vw !important;
    max-height: 80vh;
    overflow: scroll;
}
*/
.newDriverPopUpForm,
.newVehiclePopUpForm,
.newTrailerPopUpForm
{
    height: 70vh !important;
}
/*CLIENT FORM WIDTH*/
/*.newClientFormBody {
    width: 53vw !important;
}
*/
.panel {
    box-shadow: 5px 5px 5px 2px #CACACA;
    position: absolute;
    height: 100dvh;
    width: 300px;
    padding: 1rem;
    background-color: var(--bs-border-color);
}

.editingDoc {
    background-color: var(--bs-primary-text-emphasis) !important;
    color: var(--bs-secondary-bg-subtle) !important;
}

/*-----------------------------GRID POPUP-------------------------------------*/

.searchToolBar {
        width: 100%;
}

.dxbl-grid-search-box-container {
    width: 100% !important;
    margin-left: 0 !important;
}

.searchBox {
    min-width: 205px !important;
}

.gridPopUp {
    overflow-x: hidden !important;
    max-width: 60vw !important;
    max-height: 80vh;
    overflow-y: scroll;
}

.popupHeaderCSS {
    padding: 10px 15px !important;
    font-size: 1.2rem !important;
}
/*----------------------------------------------------------------------------*/
/*Expand buttons*/
.expandButton {
    display: flex;
    z-index: 2;
    position: relative;
    padding: 5px 10px 5px 10px;
    flex-direction: column;
    align-items: flex-end;
}

.expandButtonIcon {
    transform: rotate(90deg);
}


/**PopUp Recovery and DetailPanel page**/
.PopUpButtons {
    display: flex;
    justify-content: space-evenly;
    margin: 0rem 2rem;
}

.PopUpButton {
    font-size: 1rem;
    padding: 0.6rem 0.8rem;
    border-radius: 5px;
}
PopUp Grid PL creation
.headerCSS {
    padding: 0.6rem 2rem !important;
    font-size: 1.8rem !important;
}
/**----------------------------------**/

/*--------------------------- DOCUMENT END -----------------------------------*/
/*------------------------------- TABLET / SMALL SREEN MODE START -------------------------------------------------------*/

/*@media (max-height: 670px) {
    .gridHeighshrinked {
        height: 60vh;
    }
}
*/
@media (width >= 500px) and (width <= 1025px) and (height> 1000px) and (height< 1370px) {
    .gridHeighshrinked {
        height: 380px !important;
    }
    .cardImageContainer{
        display:none;
    }
    .descriptionCard {
        align-items: flex-start !important;
    }

}

@media (max-height: 768px){
    .gridHeighshrinked {
        height: calc(100dvh - 280px);
    }

    .cardItemDetail {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        height: 9rem !important;
    }

    .cardContentContainer {
        width: 160px !important;
    }

    .cardImage {
        max-height: 9rem !important;
    }

    tr.dxbl-grid-footer-row {
        display: none !important;
    }

    .dxbl-grid-group-panel-container {
        padding-bottom: var(--dxbl-grid-text-cell-padding-x) !important;
        padding-top: 0 !important;
    }

    .dxbl-grid.dxbl-grid-nowrap .dxbl-grid-top-panel > .dxbl-grid-group-panel-container > .dxbl-text {
        margin: 0 !important;
    }
}

/*------------------------------- TABLET / SMALL SREEN MODE END -------------------------------------------------------*/

    /*------------------------------- MOBILE MODE START -------------------------------------------------------*/
    @media (max-width: 500px) {
        .invisible {
            height: 0px;
        }
        /*FOR ALL GRIDS IN APP - Make DISAPEAR PAGE CHOOSER WHEN IN MOBILE MODE*/
        .dxbl-pager-page-size-selector {
            display: none !important;
        }
        /*USER DATA DROPDOWN*/
        .popUpUserData {
/*            max-height: 80vh;
*/        }
        /*IMAGE GALLERY*/

        .gridHeighshrinked {
            height: 0 !important;
        }
        .cardImageContainer, .cardContentContainer, .cardCarouselContainer {
            height: 25vh;
            width: 100% !important;
        }
        .caruselItemContainer {
            height: calc(100% - 80px) !important;
        }
        .dxbl-carousel-pages{
            display:none !important;
        }
        .dxbl-carousel .dxbl-carousel-item-content {
            background-color: var(--bs-body-bg);
        }

        /*USER DATA DROPDOWN*/
        .dropDownCSS {
            height: calc(100dvh - 58px) !important;
            border-radius: 0 !important;
            width: 100vw !important;
            position: absolute !important;
            top: 58px !important;
            margin: 0 !important;
        }

        .mainDropDownBtn {
            margin: 10px 0;
            width: calc(100vw - 50px);
            max-width: calc(100vw - 50px);
        }


        .dxbl-menu .dxbl-menu-item-list > .dxbl-menu-list-item > .dxbl-menu-item > .dxbl-btn > .dxbl-menu-item-text-container .dxbl-menu-item-text {
            white-space: normal !important;
        }

        .dropdownBtnText {
            margin-top: 8px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            text-align: center;
            border-radius: 8px;
            max-width: calc(100vw - 50px);
/*            max-height: 40px;
*/          white-space: normal !important;
            word-wrap: break-word;
            overflow-wrap: break-word;
            padding: 10px 20px;
        }

        /*CORRECTING OVERFLOW SCROLL PLACE SO IN USERDATA MOBILE MENU - SHOULD BE ON THE ITEM LIST, NOT ON THE POPUPUSERDATA CONTAINER - START*/
        .dxbl-menu.dxbl-menu-vertical .dxbl-menu-item-list {
            max-height: calc(100dvh - 250px) !important;
            overflow: auto;
        }

        .dxbl-menu.dxbl-menu-vertical .dxbl-menu-item-list {
            overflow: auto !important;
            width: calc(100vw - 50px);
        }

        .dxbl-modal > .dxbl-modal-root > .dxbl-popup > .dxbl-modal-content > .dxbl-modal-body {
            overflow: hidden;
        }
        /*Centering Text of submenus but NOT the one from USERDATA main MENU*/
        .dxbl-menu .dxbl-menu-item-list > .dxbl-menu-list-item > .dxbl-menu-item, .dxbl-menu-dropdown.dxbl-dropdown-dialog .dxbl-dropdown-body .dxbl-menu-item-list > .dxbl-menu-list-item > .dxbl-menu-item:not(:first-of-type) {
            flex-direction: column;
            align-items: center;
        }

        .dxbl-menu.dxbl-menu-vertical .dxbl-menu-item-list > .dxbl-menu-list-item > .dxbl-menu-item > .dxbl-btn > .dxbl-menu-item-text-container {
            width: 100%;
            text-align: center;
            margin-right: 0 !important;
        }

        .dxbl-menu .dxbl-menu-item-list > .dxbl-menu-list-item.dxbl-menu-item-pos-start .dxbl-btn {
            width: 100%;
        }

        /*CORRECTING OVERFLOW SCROLL PLACE SO IN USERDATA MOBILE MENU - SHOULD BE ON THE ITEM LIST, NOT ON THE POPUPUSERDATA CONTAINER - END*/

       .dxbl-modal > .dxbl-modal-root > .dxbl-popup > .dxbl-modal-content {
            box-shadow: unset !important;
        }
        /* MOBILE MODE  - ENTITY LIST GRID */
        /*-------------------------------------*/
        /* MOBILE MODE  - ENTITY LIST ACTION ICONS */
        /* MOBILE MODE  - ITEMS LIST */

        /*  MOBILE MODE - NAVBAR */
        .dxbl-treeview .dxbl-treeview-item > .dxbl-treeview-item-content > .dxbl-treeview-item-container > .dxbl-text:not(.dxbl-badge) {
            max-width: none !important;
        }

        #app, .sidebar *, #themesMenu * {
            text-align: center !important;
        }

        .sidebar *, #themesMenu * {
            text-align: center !important;
        }

        .root-item {
            display: block;
        }

        .dxbl-treeview-item-text {
            font-size: 1.3rem !important;
            padding: 0.5rem 0;
        }

        .dxbl-treeview-item-container {
            display: ruby !important;
        }

        .root-item-submenu.dxbl-treeview-item.dxbl-active {
            text-align: center !important;
        }

        .NavBarTitleSelected {
            padding-left: 60px !important;
        }

    /*DOCUMENT-PROPOSAL CREATION / EDITION*/

        .adaptableColumns {
            grid-template-columns: 1fr !important;
        }

        .panel {
            width: 100vw !important;
            z-index: 3;
        }

        .documentForm {
            max-height: calc(100dvh - 190px);
            width: 100vw !important;
        }

        .gridPopUp {
            max-height: 80vh !important;
            max-width: unset !important;
        }

        .newClientPopUpForm {
            height: calc(100dvh - 230px) !important;
        }
        /*CLIENT FORM WIDTH*/
        .newClientFormBody {
            width: calc(100vw - 120px) !important;
        }

/*Local recovery - START*/
        .popUpBody {
            max-width: calc(100vw - 100px);
        }
        .PopUpButtons{
            margin:0 !important;
        }
        .PopUpButton {
            width: calc(100vw/2 - 80px);
        }
        .recoveryTitle {
            text-align: center;
        }

    }
/*Local recovery - END*/

/* MOBILE MODE(HORIZONTAL)   - GALLERY - START*/
@media (width >= 500px) and (width <= 950px) and (height < 500px) {


    .cardItemDetail {
        left: 0;
    }
/*    .demo-carousel-container {
        scale: 2;
    }
*/    .cardImageContainer, .dxbl-carousel-pages {
        display: none !important;
    }
    .cardContentContainer {
        text-align: center;
    }
    .cardCarouselContainer {
        height: calc(100dvh - 150px) !important;
        /*        margin-left: 30px;
*/
    }
    .mobileDisplay {
        left: 0;
        position: absolute;
        top: 0;
    }
/* MOBILE MODE(HORIZONTAL)   - GALLERY - END*/
    /* MOBILE MODE(HORIZONTAL)   - popUp Client/suplier window*/

    .dxbl-grid > .dxbl-grid-bottom-panel {
        max-height: 80px;
    }
    .dxbl-grid > .dxbl-grid-top-panel > .dxbl-grid-search-box-container,
    .dxbl-modal > .dxbl-modal-root > .dxbl-popup > .dxbl-modal-content .dxbl-popup-header > .dxbl-modal-header, .dxbl-modal > .dxbl-modal-root > .dxbl-popup > .dxbl-modal-content > .dxbl-modal-header {
        padding: 0 !important;
    }
    /*FOR ALL GRIDS IN APP - Make DISAPEAR PAGE CHOOSER WHEN IN MOBILE MODE*/
    .dxbl-pager-page-size-selector {
        display: none !important;
    }
}

/* MOBILE MODE(VERTICAL) & TABLET(HORIZONTAL)*/
@media (max-width:500px), 
    (width >= 500px) and (width <= 1025px) and (height > 1000px) and (height < 1370px), 
    (width >= 500px) and (width <= 950px) and (height < 500px) 
{
    /* GALLERY - START*/

    .mobileDisplay {
        display: block !important;
    }

    .itemsGrid {
        height: 300px;
        justify-content: center;
        align-items: center;
        display: flex;
        justify-content: flex-start;
        flex-direction: column;
    }

    .cardItemDetail {
        flex-direction: column !important;
        height: 100dvh !important;
        background-color: var(--bs-body-bg);
        position: absolute;
        z-index: 10000;
        top: 0;
    }

    .cardImageContainer, .cardContentContainer, .cardCarouselContainer {
        width: 100% !important;
    }

    .cardCarouselContainer {
        padding: 1rem 3rem;
        height: 30vh;
    }

    .itemsGrid.withCarousel {
        overflow: scroll;
        overflow-y: auto;
        height: auto !important;
    }
    /* GALLERY - END */
}
/*---------------------------------------------*/
/* TABLET(VERTICAL)*/
@media (min-width: 500px) AND (max-width: 768px) {
    /*CLIENT FORM WIDTH*/
    .newClientFormBody {
        width: calc(70vw - 135px) !important;
    }
}
/* OTHER THAN MOBILE*/

@media (min-width: 500px) {
    .dxbl-modal > .dxbl-modal-root > .dxbl-popup:not(.dxbl-popup-resized):not(.dxbl-popup-fixed-width) {
        max-width: var(--dxbl-popup-max-width);
    }
}
/* MOBILE*/
@media (max-width: 576px) {
    .dxbl-modal > .dxbl-modal-root > .dxbl-popup.dxbl-popup-adaptivity {
        justify-self: center !important;
    }

/*ACTION AND DETAIL PANEL*/
    .buttonsContainer {
        width: calc(100vw - 110px);
        height: 60px !important;
        flex-direction: row !important;
        justify-content: center !important;
        gap: 20px;
    }
    .linkDocContainer {
        text-align: center;
        width: calc(100vw - 110px) !important;
    }
    .formSection {
        justify-content: center !important;
        gap: 30px;
    }

}
    /*--------------------------------------------- MOBILE MODE END -----------------------------------------------------------------*/
:root {
    --ct-blue-1: #1734B3; /* azul oscuro */
    --ct-blue-2: #00C9F5; /* cian */
    --ct-text: #2d2d2d;
    --ct-muted: #6b7280;
}

.icon-deca {
    display: inline-block;
    width: 26px !important;
    height: 26px !important;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.8'%3E%3Cpath d='M6 2.75h8l4 4V21.25H6z'/%3E%3Cpath d='M14 2.75v4h4M9 11h6m-6 3h6m-6 3h4'/%3E%3Cpath d='M3.5 7.5v12.75h10.75'/%3E%3C/g%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}