/*@import url('open.iconic/font/css/open-iconic-bootstrap.min.css');*/


@font-face {
    font-family: '72 Bold';
    src: url('../fonts/72Font/72-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: '72 Condensed Bold';
    src: url('../fonts/72Font/72-CondensedBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: '72 Italic';
    src: url('../fonts/72Font/72-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: '72 Regular';
    src: url('../fonts/72Font/72-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: '72 Semibold Duplex';
    src: url('../fonts/72Font/72-SemiboldDuplex.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

html, body {
    /*    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;*/
    font-family: "72 Regular", "sans-serif" !important;
}

.dxbs-fixed-header-content > span, .report_grid_header .dxbl-grid-table .dxbl-grid-header-row, .dxbl-grid-table .dxbl-grid-header-row {
    font-family: '72 Regular', sans-serif !important;
}

.dxbl-grid .dxbl-grid-table > thead > tr, table {
    font-family: '72 Regular', sans-serif !important;
}

html, body {
    height: 100%;
    overflow: hidden;
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid red;
}

.validation-message {
    color: red;
}

.button-link {
    text-decoration: unset;
}

.text-primary {
    color: #003557 !important;
}

.text-warning {
    color: darkorange !important;
}

/*LEFT SIDE BAR MENU SCROLL ISSUE SORTED*/
.sidebar-container{
    height:90% !important;
    display:block !important; /*Changed display:flex as block to get leftsidebar scroll on menu*/
}
/*END LEFT SIDE BAR MENU SCROLL ISSUE SORTED*/
#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

.dxbl-listbox > .dxbs-gridview .table > thead > tr > th, .dxbl-listbox > .dxbs-gridview .table > tbody > tr > td {
    font-size: 11px !important;
    font-family: sans-serif !important;
}

.d-pointer {
    pointer-events: none !important;
}

.wd-10 {
    width: 10% !important;
}

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

.wd-18 {
    width: 18% !important;
}

.wd-2 {
    width: 2% !important;
}

.wd-14 {
    width: 14% !important;
}

.wd-6 {
    width: 6% !important;
}

.wd-12 {
    width: 12% !important;
}

.wd-3 {
    width: 3% !important;
}

.wd-11 {
    width: 11% !important;
}

.wd-7 {
    width: 7% !important;
}

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

.wd-1 {
    width: 1% !important;
}

.wd-8 {
    width: 8% !important;
}

.wd-5 {
    width: 5% !important;
}

.wd-4 {
    width: 4% !important;
}

.wd-13 {
    width: 13% !important;
}

.wd-9 {
    width: 9% !important;
}

.wd-19 {
    width: 19% !important;
}

.wd-17 {
    width: 17% !important;
}

.wd-16 {
    width: 16% !important;
}

.wd-24 {
    width: 24% !important;
}

.wd-32 {
    width: 32% !important;
}

.wd-25 {
    width: 25% !important;
}

.wd-23 {
    width: 23% !important;
}

.wd-29 {
    width: 29% !important;
}

.wd-27 {
    width: 27% !important;
}

.wd-28 {
    width: 28% !important;
}

.wd-30 {
    width: 30% !important;
}

.wd-21 {
    width: 21% !important;
}

.wd-26 {
    width: 26% !important;
}

.wd-22 {
    width: 22% !important;
}

.wd-33 {
    width: 33% !important;
}

.wd-31 {
    width: 31% !important;
}

.wd-34 {
    width: 34% !important;
}

.wd-35 {
    width: 35% !important;
}

.wd-37 {
    width: 37% !important;
}

.wd-38 {
    width: 38% !important;
}

.wd-36 {
    width: 36% !important;
}

.wd-40 {
    width: 40% !important;
}

.wd-39 {
    width: 39% !important;
}

.wd-43 {
    width: 43% !important;
}

.wd-44 {
    width: 44% !important;
}

.wd-41 {
    width: 41% !important;
}

.wd-42 {
    width: 42% !important;
}

.wd-47 {
    width: 47% !important;
}

.wd-45 {
    width: 45% !important;
}

.wd-46 {
    width: 46% !important;
}

.wd-48 {
    width: 48% !important;
}

.wd-49 {
    width: 49% !important;
}

.wd-50 {
    width: 50% !important;
}

.wd-52 {
    width: 52% !important;
}

.wd-53 {
    width: 53% !important;
}

.wd-51 {
    width: 51% !important;
}

.wd-54 {
    width: 54% !important;
}

.wd-55 {
    width: 55% !important;
}

.wd-57 {
    width: 57% !important;
}

.wd-56 {
    width: 56% !important;
}

.wd-58 {
    width: 58% !important;
}

.wd-59 {
    width: 59% !important;
}

.wd-61 {
    width: 61% !important;
}

.wd-60 {
    width: 60% !important;
}

.wd-62 {
    width: 62% !important;
}

.wd-63 {
    width: 63% !important;
}

.wd-64 {
    width: 64% !important;
}

.wd-65 {
    width: 65% !important;
}

.wd-67 {
    width: 67% !important;
}

.wd-66 {
    width: 66% !important;
}

.wd-69 {
    width: 69% !important;
}

.wd-68 {
    width: 68% !important;
}

.wd-70 {
    width: 70% !important;
}

.wd-71 {
    width: 71% !important;
}

.wd-73 {
    width: 73% !important;
}

.wd-74 {
    width: 74% !important;
}

.wd-72 {
    width: 72% !important;
}

.wd-75 {
    width: 75% !important;
}

.wd-76 {
    width: 76% !important;
}

.wd-77 {
    width: 77% !important;
}

.wd-78 {
    width: 78% !important;
}

.wd-79 {
    width: 79% !important;
}

.wd-80 {
    width: 80% !important;
}

.wd-82 {
    width: 82% !important;
}

.wd-81 {
    width: 81% !important;
}

.wd-83 {
    width: 83% !important;
}

.wd-84 {
    width: 84% !important;
}

.wd-86 {
    width: 86% !important;
}

.wd-85 {
    width: 85% !important;
}

.wd-87 {
    width: 87% !important;
}

.wd-88 {
    width: 88% !important;
}

.wd-90 {
    width: 90% !important;
}

.wd-89 {
    width: 89% !important;
}

.wd-91 {
    width: 91% !important;
}

.wd-92 {
    width: 92% !important;
}

.wd-93 {
    width: 93% !important;
}

.wd-94 {
    width: 94% !important;
}

.wd-96 {
    width: 96% !important;
}

.wd-95 {
    width: 95% !important;
}

.wd-97 {
    width: 97% !important;
}

.wd-98 {
    width: 98% !important;
}

.wd-99 {
    width: 99% !important;
}

.wd-100 {
    width: 100% !important;
}
.gx-1-a {
    --bs-gutter-x: 0.064rem !important;
}
/* === Base sizes (unchanged arrow size) === */
::-webkit-scrollbar {
    width: 18px; /* vertical thickness */
    height: 18px; /* horizontal thickness */
}

::-webkit-scrollbar-track,
::-webkit-scrollbar-track-piece {
    background: #f2f2f2;
    margin: 0; /* remove internal gaps */
    border: 0;
}

    /* Remove the extra track-piece padding at ends */
    ::-webkit-scrollbar-track-piece:vertical:start {
        margin-top: 0;
    }

    ::-webkit-scrollbar-track-piece:vertical:end {
        margin-bottom: 0;
    }

    ::-webkit-scrollbar-track-piece:horizontal:start {
        margin-left: 0;
    }

    ::-webkit-scrollbar-track-piece:horizontal:end {
        margin-right: 0;
    }

/* Thumb */
::-webkit-scrollbar-thumb {
    background: #003557;
    border-radius: 10px;
    border: none; /* no inset padding around thumb */
}

/* Collapse ALL buttons by default (prevents extra empty slots) */
::-webkit-scrollbar-button {
    width: 0;
    height: 0;
    background: none;
    padding: 0;
    margin: 0;
    border: 0;
}

    /* Re-enable ONLY the two single buttons with your arrow size */
    ::-webkit-scrollbar-button:single-button {
        width: 18px;
        height: 18px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 14px 14px; /* keep arrow same size */
    }

        /* Vertical UP */
        ::-webkit-scrollbar-button:single-button:vertical:decrement {
            background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'>\
<path d='M3 12 L9 6 L15 12 Z' fill='%23003557'/></svg>");
            margin-bottom: -1px; /* kill any seam/gap */
        }

        /* Vertical DOWN */
        ::-webkit-scrollbar-button:single-button:vertical:increment {
            background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'>\
<path d='M3 6 L9 12 L15 6 Z' fill='%23003557'/></svg>");
            margin-top: -1px; /* kill any seam/gap */
        }

        /* Horizontal LEFT */
        ::-webkit-scrollbar-button:single-button:horizontal:decrement {
            background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'>\
<path d='M12 3 L6 9 L12 15 Z' fill='%23003557'/></svg>");
            margin-right: -1px; /* kill any seam/gap */
        }

        /* Horizontal RIGHT */
        ::-webkit-scrollbar-button:single-button:horizontal:increment {
            background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'>\
<path d='M6 3 L12 9 L6 15 Z' fill='%23003557'/></svg>");
            margin-left: -1px; /* kill any seam/gap */
        }


input:focus,
textarea:focus,
select:focus,
a:focus {
    outline: none;
}

.no-cell-padding .table_cell {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
/* START TOOLTIP STYLES */
.pos_rel {
    position: relative !important;
}

[tooltip] {
    position: relative;
    /* opinion 1 */
}
    /* Applies to all tooltips */
    [tooltip]::before,
    [tooltip]::after {
        text-transform: none;
        /* opinion 2 */
        font-size: .9em;
        /* opinion 3 */
        line-height: 1;
        user-select: none;
        pointer-events: none;
        position: absolute;
        display: none;
        opacity: 0;
    }

    [tooltip]::before {
        content: '';
        border: 5px solid transparent;
        /* opinion 4 */
        z-index: 1001;
        /* absurdity 1 */
    }

    [tooltip]::after {
        content: attr(tooltip);
        /* magic! */
        /* most of the rest of this is opinion */
        font-size: 12px;
        text-align: center;
        /* 
    Let the content set the size of the tooltips 
    but this will also keep them from being obnoxious
    */
        min-width: 3em;
        max-width: 21em;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 1ch 1.5ch;
        border-radius: 10px;
        box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0.35);
        background: var(--primary);
        color: white;
        z-index: 1000;
        /* absurdity 2 */
    }
    /* Make the tooltips respond to hover */
    [tooltip]:hover::before,
    [tooltip]:hover::after {
        display: block;
    }
/* don't show empty tooltips */
[tooltip='']::before,
[tooltip='']::after {
    display: none !important;
}
/* FLOW: UP */
[tooltip]:not([flow])::before,
[tooltip][flow^="up"]::before {
    bottom: 100%;
    border-bottom-width: 0;
    border-top-color: var(--primary);
}

[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::after {
    bottom: calc(100% + 5px);
}

[tooltip]:not([flow])::before,
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::before,
[tooltip][flow^="up"]::after {
    left: 50%;
    transform: translate(-50%, -.5em);
}
/* FLOW: DOWN */
[tooltip][flow^="down"]::before {
    top: 100%;
    border-top-width: 0;
    border-bottom-color: var(--primary);
}

[tooltip][flow^="down"]::after {
    top: calc(100% + 5px);
}

[tooltip][flow^="down"]::before,
[tooltip][flow^="down"]::after {
    left: 50%;
    transform: translate(-50%, .5em);
}
/* FLOW: LEFT */
[tooltip][flow^="left"]::before {
    top: 50%;
    border-right-width: 0;
    border-left-color: var(--primary);
    left: calc(0em - 5px);
    transform: translate(-.5em, -50%);
}

[tooltip][flow^="left"]::after {
    top: 50%;
    right: calc(100% + 5px);
    transform: translate(-.5em, -50%);
}
/* FLOW: RIGHT */
[tooltip][flow^="right"]::before {
    top: 50%;
    border-left-width: 0;
    border-right-color: var(--primary);
    right: calc(0em - 5px);
    transform: translate(.5em, -50%);
}

[tooltip][flow^="right"]::after {
    top: 50%;
    left: calc(100% + 5px);
    transform: translate(.5em, -50%);
}
/* KEYFRAMES */
@keyframes tooltips-vert {
    to {
        opacity: 1;
        transform: translate(-50%, 0);
    }
}

@keyframes tooltips-horz {
    to {
        opacity: 1;
        transform: translate(0, -50%);
    }
}
/* FX All The Things */
[tooltip]:not([flow]):hover::before,
[tooltip]:not([flow]):hover::after,
[tooltip][flow^="up"]:hover::before,
[tooltip][flow^="up"]:hover::after,
[tooltip][flow^="down"]:hover::before,
[tooltip][flow^="down"]:hover::after {
    animation: tooltips-vert 300ms ease-out forwards;
}

[tooltip][flow^="left"]:hover::before,
[tooltip][flow^="left"]:hover::after,
[tooltip][flow^="right"]:hover::before,
[tooltip][flow^="right"]:hover::after {
    animation: tooltips-horz 300ms ease-out forwards;
}

.table_cell {
    padding: .5px !important;
}

.table_header {
    cursor: default;
    font-size: 11px !important;
}

    .table_header[title] {
        cursor: pointer;
    }

.disabled {
    background: var(--grey) !important;
    color: white !important;
    /*pointer-events: none !important;*/
}

    .disabled.inp-field {
        /* background-color: #eeeeee !important;*/
        background-color: rgb(255,255,255,0) !important;
        color: black !important;
        cursor: default !important;
    }

    .disabled:hover {
        background: var(--grey) !important;
        color: black !important;
    }

.dxbl-text-edit.dxbl-disabled > *, .dxbl-text-edit:disabled > * {
    background-color: rgb(255,255,255,0) !important;
    color: black !important;
    opacity: 1 !important;
}

.inp-field {
    padding-left: .25rem !important;
    border-radius: 2px !important;
}
.dxbl-text-edit.dxbl-disabled > *, .dxbl-text-edit:disabled > *, .dxbl-text-edit.dxbl-disabled, .dxbl-text-edit:disabled {
    padding-left: .25rem !important;
}

.form-block-2 {
    font-size: .656rem !important; /*10.5px*/
}

.table_header {
    padding: 0px !important;
}

.journal-entry-tab {
}

.accordion-button {
    background-color: var(--dark) !important;
    color: var(--light-blue) !important;
}

.dxbl-listbox-item.dxbl-listbox-item-selected {
    background: #009ccd !important;
}

.tab_selected {
    background-color: var(--vibrant) !important;
    color: var(--white) !important;
}



.gsys-msgbox {
}

    .gsys-msgbox img {
        object-fit: scale-down !important;
        max-width: 100%;
        height: 100%;
        display: inline-block;
    }

    .gsys-msgbox label {
        font-weight: normal !important;
    }

    .gsys-msgbox .head-content {
        display: flex;
        width: 100%;
    }

    .gsys-msgbox .body-content {
        height: 100px;
        align-content: center;
    }

    .gsys-msgbox .text-content {
        overflow-y: auto !important;
        height: 100%;
        display: grid;
        width: 100%;
        border: none;
        font-weight: 600;
        justify-content: center !important; /* Center horizontally */
        align-items: center !important; /* Center vertically */
        text-align: center !important;
        font-size: 17px !important;
        max-height: 25vh !important;
        min-height: 15vh !important;
    }

    .gsys-msgbox .footer-content {
        width: 100%;
        display: flex;
        height: 1.5rem;
    }

    .gsys-msgbox .space {
        height: 2vh;
    }

    .gsys-msgbox .footer-emptyspace {
        display: inline-block;
        width: 10vw;
        font-weight: 100;
        font-style: normal;
        font-family: monospace;
        font-size: 9pt;
    }

    .gsys-msgbox .btn-focus:focus {
        background-color: var(--vibrant) !important;
        border: 2px solid black !important;
    }

@media screen and (max-width:767px) {
    .gsys-msgbox .footer-emptyspace {
        display: inline-block;
        width: 9vw;
        font-weight: 100;
        font-style: normal;
        font-family: monospace;
        font-size: 9pt;
    }
}

@media screen and (min-width :768px) and (max-width:991px) {
    .gsys-msgbox .footer-emptyspace {
        display: inline-block;
        width: 12.5vw;
        font-weight: 100;
        font-style: normal;
        font-family: monospace;
        font-size: 9pt;
    }
}

@media screen and (min-width :992px) and (max-width:1399px) {
    .gsys-msgbox .footer-emptyspace {
        display: inline-block;
        width: 29vw;
        font-weight: 100;
        font-style: normal;
        font-family: monospace;
        font-size: 9pt;
    }
}

@media screen and (min-width:1400px) and (max-width :1980px) {
    .gsys-msgbox .footer-emptyspace {
        display: inline-block;
        width: 28vw;
        font-weight: 100;
        font-style: normal;
        font-family: monospace;
        font-size: 9pt;
    }
}


body.swal2-height-auto {
    height: 100% !important
}
.h-100{
    height:100% !important;
}
.h-97{
    height:97% !important;
}

.h-70vh {
    height: 70vh !important;
}

.h-69vh {
    height: 69vh !important;
}

.h-68vh {
    height: 68vh !important;
}

.h-67vh {
    height: 67vh !important;
}

.h-66vh {
    height: 66vh !important;
}

.h-65vh {
    height: 65vh !important;
}
.h-60vh {
    height: 60vh !important;
}

.h-47 {
    height: 47% !important;
}
.h-40vh {
    height: 40vh !important;
}


.h-30vh {
    height: 30vh !important;
}
.h-28vh {
    max-height: 30.7vh !important;
    height: 30.7vh !important;
    overflow-y:auto !important;
}

.h-28vh- {
    height: 28.5vh !important;
}

.h-23-vh {
    height: 23.8vh !important;
}
.h-20px
{
    height:20px !important;
}
.h-6rem {
    height: 6.8rem !important;
}
.h-9rem {
    height: 9.5rem !important;
}
.h-12rem {
    height: 12rem !important;
}

.dxbl-grid-table .dxbl-grid-header-row {
    /* background-color: var(--vibrant);*/
    background-color: #49505794;
    color: var(--white) !important;
    font-family: Montserrat, sans-serif !important;
}

.dxbl-grid .dxbl-grid-table > thead:nth-child(2) > tr:first-child > td, .dxbl-grid .dxbl-grid-table > thead:nth-child(2) > tr:first-child > th, .dxbl-grid .dxbl-grid-table > tbody:nth-child(2) > tr:first-child > td, .dxbl-grid .dxbl-grid-table > tbody:nth-child(2) > tr:first-child > th, .dxbl-grid .dxbl-grid-table > tfoot:nth-child(2) > tr:first-child > td, .dxbl-grid .dxbl-grid-table > tfoot:nth-child(2) > tr:first-child > th {
    font-size: 11px !important;
}

.dxbl-grid .dxbl-grid-table > thead > tr > th:not(.dxbl-grid-header-indent-cell):not(.dxbl-grid-empty-header), .dxbl-grid .dxbl-grid-table > thead > tr:not(.dxbl-grid-edit-row):not(.dxbl-grid-empty-row):not(.dxbl-grid-filter-row):not([dxbl-top-virtual-spacer-element]):not([dxbl-bottom-virtual-spacer-element]) > td:not(.dxbl-grid-indent-cell):not(.dxbl-grid-expand-button-cell):not(.dxbl-grid-empty-cell):not(.dxbl-grid-empty-data):not(.dxbl-grid-edit-form):not(.dxbl-grid-detail-cell), .dxbl-grid .dxbl-grid-table > tbody > tr > th:not(.dxbl-grid-header-indent-cell):not(.dxbl-grid-empty-header), .dxbl-grid .dxbl-grid-table > tbody > tr:not(.dxbl-grid-edit-row):not(.dxbl-grid-empty-row):not(.dxbl-grid-filter-row):not([dxbl-top-virtual-spacer-element]):not([dxbl-bottom-virtual-spacer-element]) > td:not(.dxbl-grid-indent-cell):not(.dxbl-grid-expand-button-cell):not(.dxbl-grid-empty-cell):not(.dxbl-grid-empty-data):not(.dxbl-grid-edit-form):not(.dxbl-grid-detail-cell), .dxbl-grid .dxbl-grid-table > tfoot > tr > th:not(.dxbl-grid-header-indent-cell):not(.dxbl-grid-empty-header), .dxbl-grid .dxbl-grid-table > tfoot > tr:not(.dxbl-grid-edit-row):not(.dxbl-grid-empty-row):not(.dxbl-grid-filter-row):not([dxbl-top-virtual-spacer-element]):not([dxbl-bottom-virtual-spacer-element]) > td:not(.dxbl-grid-indent-cell):not(.dxbl-grid-expand-button-cell):not(.dxbl-grid-empty-cell):not(.dxbl-grid-empty-data):not(.dxbl-grid-edit-form):not(.dxbl-grid-detail-cell) {
    font-size: 11px;
    font-weight: 500;
}

.dxbl-dropdown thead tr {
    background-color: var(--primary) !important;
    color: white !important;
}

.dxbl-modal-content .dxbl-popup-header {
    height: 30px;
}

.dxbl-modal > .dxbl-modal-root > .dxbl-popup > .dxbl-modal-content > .dxbl-modal-body {
    padding: 3px !important;
}

.dxbl-scroll-viewer-content {
    /* border: 1px var(--primary) solid;
    border-radius: 0px 0px 5px 5px;*/
}

.dxbl-modal-header {
    background-color: var(--primary) !important;
    color: white !important;
    border-radius: 5px 5px 0px 0px;
}

.dxbl-grid-search-box-container {
    padding: 2px 0px 2px 0px !important;
    width: 100% !important;
}

.dxbl-grid-search-box {
    font-size: 12px;
    height: 25px;
    border: 2px inset !important;
    font-weight: 600 !important;
}

.dxbl-text-edit:focus {
    border: 2px yellow inset !important;
}
/*.pop_up_class .dxbl-text-edit-input:focus {
    background-color: yellow !important;
}*/
.swal2-popup.swal2-toast {
    padding: .1em !important;
}

.pop_up_class .dxbl-text-edit:focus-within {
    background-color: #ffc10726 !important;
}

.dxbl-btn.dxbl-btn-outline-secondary.dxbl-edit-btn-clear {
    padding: 0px !important;
}

.inp-field:focus {
    font-weight: 700 !important;
    background-color: #ffc10726 !important;
    box-shadow: 4px 4px 10.5px 0 var(--drop-shadow) !important;
}

.dxbl-text-edit-input:focus {
    font-weight: 700 !important;
    background-color: #ffc10726 !important;
    box-shadow: 4px 4px 10.5px 0 var(--drop-shadow) !important;
}
/*.dxbl-spin-btns.dxbl-btn-group-vertical.dxbl-btn-group-right {
    display: none !important
}*/
/*.inp-field.text-right.dxbl-text-edit > .dxbl-text-edit-input{
    text-align:right!important;
}*/


/*POP UP HEIGHT*/
.dxbl-popup.popup_ht {
    height: 85vh !important;
}

.popup_ht .customerlist-table-ht {
    overflow: auto;
    max-height: 69.5vh;
}

.popup_ht .pricelist-table-ht {
    overflow: auto;
    max-height: 48vh;
    min-height: 48vh;
}

.popup_ht .table_row {
    line-height: 2 !important;
}

.popup_ctrl_btn {
    padding: 0 0.75rem !important;
    font-size: .625rem !important;
    line-height: 2 !important;
}

/*  for 1920x1080 resolution */
@media (min-width: 1920px) {
    .popup_ht .pricelist-table-ht {
        overflow: auto;
        max-height: 60vh;
        min-height: 60vh;
    }

    .popup_ht .customerlist-table-ht {
        overflow: auto;
        max-height: 75.5vh;
    }
}

/* for 1600x900 resolution */
@media (min-width: 1600px) and (max-width: 1919px) {
    .popup_ht .pricelist-table-ht {
        overflow: auto;
        max-height: 58vh;
        min-height: 58vh;
    }
}

/* for 1440x900 resolution */
@media (min-width: 1440px) and (max-width: 1599px) {
    .popup_ht .pricelist-table-ht {
        overflow: auto;
        max-height: 56vh;
        min-height: 56vh;
    }

    .popup_ht .customerlist-table-ht {
        overflow: auto;
        max-height: 73.1vh;
    }
}

/* Additional media query to handle 1360px but less than 1440px */
@media (min-width: 1360px) and (max-width: 1439px) {
    .popup_ht .pricelist-table-ht {
        overflow: auto;
        max-height: 48vh;
        min-height: 48vh;
    }
}

.popup_srch {
    position: relative;
    justify-content: end;
    margin-top: 3px;
}
/*END POP UP HEIGHT*/
.tabs-content-2 {
    border: 1px solid var(--vibrant) !important;
}

.tabs-content-3 {
    border: 1px solid var(--vibrant) !important;
}

textarea {
    resize: none;
}


.transfer-double-content-left {
    height: 100% !important;
}

.transfer-double-content-right {
    height: 100% !important;
}
/*
.journal-footer {
    height: 15%;
}*/

.dxbl-text-edit-input {
    padding-left: 0px !important;
    padding-bottom: 0px !important;
    padding-top: 0px !important;
}

.tbody-grid:nth-child(odd) {
    background-color: white;
}

.tr-grid:nth-child(odd) {
    background-color: white;
}

.dxbrv-wrapper.border {
    left: inherit !important;
}

.dxbrv-bricks-container.border {
    left: inherit !important;
}

input.uppercase {
    text-transform: uppercase !important; /* Convert text to uppercase */
}

.buttons.big {
    z-index: 1;
}

.form-block-2 {
    line-height: 17px
}

tr.grid-selected {
    background-color: #009ccd66 !important;
}

div.grid-selected {
    color: white !important;
}

.header-div .scroll-body {
    display: block !important;
}

.header-div .row {
    --bs-gutter-x: 0 !important;
}

.dxbl-edit-btn-dropdown {
    padding-right: 3px !important;
}

.login-dropdown {
    height: 35px !important;
    box-shadow: none !important;
    color: var(--primary) !important;
    border-radius: 3px !important;
    margin-bottom: 1rem !important;
    font-weight: 500 !important;
    transition: box-shadow .2s !important;
    border: 1px solid #cccccc;
}

    .login-dropdown:focus-within {
        border: 1px solid #3898EC !important;
        box-shadow: 4px 4px 10.5px 0 var(--drop-shadow) !important;
    }

    .login-dropdown:focus {
        box-shadow: 4px 4px 10.5px 0 var(--drop-shadow) !important;
        border-color: #3898EC !important;
        outline: 0 !important;
        border: 1px solid #3898EC !important;
    }

    .login-dropdown .dxbl-text-edit-input {
        padding-left: 4px !important;
        font-size: 13px;
        color: var(--primary);
    }

        .login-dropdown .dxbl-text-edit-input:focus {
            box-shadow: 4px 4px 10.5px 0 var(--drop-shadow) !important;
            border-color: #3898EC !important;
            outline: 0 !important;
        }

.login-wrapper .text-field {
    border-radius: 3px !important;
}

.password-class {
    -webkit-text-security: disc;
}

.login-wrapper ::-ms-input-placeholder { /* Edge 12-18 */
    text-transform: capitalize !important;
}

.login-wrapper ::placeholder {
    text-transform: capitalize !important;
}

.swal2-show {
    border: 2px solid #003557 !important;
}

.sidebar-container .nav-main-link-wrapper {
    color: white !important;
}

    .sidebar-container .nav-main-link-wrapper:hover, .nav-main-link-wrapper.w--current {
        color: var(--light-blue) !important;
    }

.sidebar-container .navlink-title {
    font-size: 13px !important;
    font-weight: 300 !important;
}

.dashboad-calender {
    background: none !important;
    border: none !important;
    height: 21vh !important;
}

    .dashboad-calender .dxbl-calendar-footer {
        display: none !important;
    }

    .dashboad-calender .dxbl-calendar-header {
        background: #003557 !important;
        color: white !important;
    }

.tabs-content {
    border-left: 1px solid var(--vibrant);
}

.fav-dropdown .dropdown-link {
    font-size: 13px !important;
    font-weight: 300 !important;
}

.events-wrapper .events {
    width: 247px !important;
}

.events-wrapper .div-block-6 {
    max-height: 22vh;
    overflow-y: auto;
}

.event-date-month-name {
    padding-top: 0px;
    padding-bottom: 1px;
    font-size: 13px;
}

.event-date-day {
    padding-top: 1px;
    padding-bottom: 2px;
}

.popup-button.add {
    background: #003557 !important;
    font-size: 0.6875rem !important;
}

.popup-button.cancel {
    background: grey !important;
}

.popup-button.delete {
    background: var(--red) !important;
}

.dashbord-events-popup .container {
    height: 115px !important;
}

.dashbord-events-popup .dxbl-modal-footer {
    padding-bottom: 0px !important;
    padding-top: 0px !important;
}

.event-title {
    font-weight: 400 !important;
    font-size: 13px !important;
}

.event-time {
    font-size: 12px !important;
    font-weight: 400 !important;
}

.navbar {
    border-top: 2px solid #c7a466 !important;
}

.change-password-popup .dxbl-modal-content {
    min-height: 48vh !important;
}

[detailgrid="Y"] tr:nth-child(odd) {
    background-color: white;
}

.table_row.unread {
    color: #003557 !important;
}

[headerGrid="Y"] input[type='checkbox']:focus {
    outline: 2px solid var(--primary) !important;
}

[headerGrid="Y"] input[type='radio']:focus {
    outline: 2px solid var(--primary) !important;
}

[detailgrid="Y"] input[type='checkbox']:focus {
    outline: 2px solid var(--primary) !important;
}

[detailgrid="Y"] input[type='radio']:focus {
    outline: 2px solid var(--primary) !important;
}

tbody.row-by-tbody:nth-child(odd) tr {
    background-color: #edf3f7; /*!important;*/
}

tbody.row-by-tbody:nth-child(even) tr {
    background-color: white !important;
}
 

.text-green {
    color: green !important
}

.grid .sub-module-icon {
    width: 60px !important;
}

.sub-module-icon {
    width: 20px !important;
}

.module-group-link .tricks {
    text-align: left !important;
}

.page-heading-wrapper h1 {
    font-weight: 400 !important;
}

.text-bold {
    font-weight: 800 !important
} 
    .text-bold .dxbl-text-edit-input {
        font-weight: 800 !important
    }

.pop_up_class .dxbl-grid-search-box {
    border: 1px solid gray !important;
}

.dxbl-popup-cell .dxbl-listbox-item {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.dxbl-text-edit.dxbl-readonly {
    --dxbl-text-edit-readonly-root-bg: var(--dxbl-text-edit-readonly-bg, rgb(255,255,255,0)) !important;
    /* --dxbl-text-edit-readonly-root-bg: var(--dxbl-text-edit-readonly-bg, #eeeeee) !important;*/
}

.pop_up_class.item-popup {
    max-width: 75vw !important;
}
/*Used in Cash Book Report*/
.pop_up_class.account-popup-byctrl {
    max-width: 57vw !important;
}
/*End Used in Cash Book Report*/
.pop_up_class.chart-popup-42 {
    max-width: 42vw !important;
}
/*Used in Purchase Analysis Monthwise Report*/
.pop_up_class.chart-popup-70-PAMWR 
{
    max-width: 70vw !important;
}
/*End Used in Purchase Analysis Monthwise Report*/

.pop_up_class.barcode-print-popup {
    max-width: 92vw !important;
}
.pop_up_class.generate-report-popup {
    max-width: 43vw !important;
}

.pop_up_class.view-image-popup {
    max-width: 30vw !important;
}
/*Product Pricing screen has pop up of barcode registration screen */
.pop_up_class.barcode-print-popup .secondary-button.w-button {
    line-height: 20px;
}

.pop_up_class.barcode-print-popup .tab-wrapper.barcode-print-scroll {
    min-height: 35.5vh !important;
    max-height: 35.5vh !important;
    overflow: hidden !important;
}
/*End Product Pricing screen has pop up of barcode registration screen */
.pop_up_class.barcode-popup {
    max-width: 50vw !important;
}

.pop_up_class.item-purchase-popup {
    max-width: 40vw !important;
}

.pop_up_class.document-upload-popup {
    max-width: 75vw !important;
}

.pop_up_class.account-popup {
    max-width: 60vw !important;
}

.pop_up_class.grv-popup {
    max-width: 50vw !important;
}

.pop_up_class.item-stock-return-popup {
    max-width: 60vw !important;
}


.pop_up_class td .dxbl-text-edit {
    border: 1px solid var(--grey) !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    padding-left: 0px !important; /*Previously it was 6px ,changed for Last Sales Pop up*/
    height: 20px !important;
}

.pop_up_class .settings-button {
    padding: 4px !important;
    color: black !important;
    background: none !important;
}

.pop_up_class .dxbl-checkbox-check-element {
    margin: 0px !important;
    padding: 0px !important;
}

.pop_up_class .dxbl-checkbox {
    vertical-align: middle !important;
}

.pop_up_class td {
    vertical-align: middle !important;
    font-size: .656rem !important;
    font-weight: 600 !important;
}

.pop_up_class .dxbl-checkbox-display-view-checked div {
    margin: 2px !important;
}

.w-button.w-selected {
    opacity: .7 !important;
}

.pb-r {
    padding-bottom: 2px;
}

/*Used in Employee Registration*/
.pb-1-er {
    padding-bottom: 0.17rem !important;
}
.pt-r {
    padding-top: 0.125rem;
}
/*End Used in Employee Transaction*/

/*Used in Receipt Transaction*/
.pb-1-3 {
    padding-bottom: 0.30rem  !important;
}
/*End Used in Receipt Transaction*/
label {
    white-space: nowrap !important;
    font-weight: 500;
    color: black;
    font-size: 0.6875rem;
}

/*Used for Report's Parameter window labels*/
.field-label-2 {
    font-size: 0.6875rem !important;
}

.module-group-link.grid {
    min-height: 4rem !important;
}


.company_profile_gcp_ht {
    max-height: 33vh;
}

.cust_reg_ht {
    max-height: 26vh !important;
}

.cust_reg_ht_tab {
    max-height: 25vh !important;
}

.upload-button {
    width: 28px !important;
    padding-left: 8px !important;
    height: 19px !important;
}

.field-label {
    font-size: 0.6875rem; /* 11px */
    padding-top: 0.34rem !important;
    font-weight: 500;
    color: black;
}

    .field-label.badge {
        color: white;
    }

.fn_button {
    background: var(--primary);
    /*border-bottom: 3px solid black;*/
    border-radius: 3px;
    color: #fff;
    cursor: default !important;
    font-size: 10px;
    font-weight: 800;
    height: 20px;
    padding: 0px;
    text-transform: uppercase;
    transition: box-shadow 0.2s ease-in-out, margin-top 0.2s ease-in-out, opacity 0.2s ease-in-out;
    letter-spacing: 1px;
    width: 20px;
    font-weight: 600;
    top: 0px;
    position: relative;
}

.fn_button_fnt {
    font-size: 0.49rem !important;
}

.fn_button:active {
    transform: translateY(1px);
    border: 0;
}

.addbutton_popup {
    padding: .17rem .75rem !important;
}

.popup_btn {
    width: 1.8rem;
  /*  height: 1.2rem;*/
    font-size: 11px;
    position: relative;
}

.actionbtn_popup {
    padding: .05rem .56rem !important;
}

.delbtn_popup:hover {
    transform:scale(1.1);
    transition: all .2s;
}

.viewbtn_popup:hover {
    transform: scale(1.1);
    transition: all .2s;
}

.savebtn_popup {
    padding: .18rem .73rem !important;
    font-size: 10px !important;
}

.module-group-link.grid {
    justify-content: left !important;
}

.tabs-content-3.upload_popup {
    border: 1px solid #009ccd00 !important;
}

.py-4a {
    padding-top: 1.8rem !important;
}

input[type='radio'] {
    float: left !important;
}

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

.dxbl-text-edit.text-danger > input {
    color: red !important;
}

.dxbl-text-edit.text-blue > input {
    color: blue !important;
}

.overflow_h {
    overflow: hidden !important;
}
.overflowx_h {
    overflow-x: hidden !important;
}

.ps-1-15 {
    padding-left: .15rem !important;
}

.ps-1-1 {
    padding-left: .09rem !important;
}
.ps-4-1{
    padding-left:1.1rem !important;
}

.ps-1-55 {
    padding-left: .55rem !important;
}

.ps-4-a {
    padding-left: 1.9rem !important;
}
.ps-4-b {
    padding-left: 2rem !important;
}
.ps-4-d {
    padding-left: 2.65rem !important
}
.ps-5-a {
    padding-left: 3.8rem !important
}


.pt-3a {
    padding-top: 1.4rem !important;
}
/*Used in ITEM BATCH POPUP*/

.pt-popup-table{
    padding-top:.75rem !important;
}
/*End|Used in ITEM BATCH POPUP*/
.pt-tfoot {
    padding-top: 0.125rem !important;
}
.txt-area-ht-1r {
    height: 1.5rem !important;
}
.txt-area-ht-1r-a {
    height: 2rem !important;
}
.txt-area-ht-1-r {
    height: 2.42rem !important; /* For rows="1.75" */ /*Used in Receipt Transaction*/
}

.txt-area-ht {
    height: 2.625rem !important; /* For rows="2" */ /*Used in Purchase Request,Item Registration,*/
}
.txt-area-ht-a {
    height: 3rem !important; /* For rows="2+" */ /*Used in Security Cheque Issue and Tracking,*/
}
.txt-area-ht-3r {
    height: 4rem !important; /* For rows="3" */ /*Used in Service Receipt,*/
}

.txt-area-ht-4r {
    height: 5.4rem !important; /* For rows="4" */ /*Used in Sales Inquiry,*/
}

.txt-area-ht-5r {
    height: 6.8rem !important; /* For rows="4" */ /*Used in Delivery Return,*/
}

.indlpo_check_div {
    padding-right: 0 !important;
}

@media screen and (min-width :1365px) and (max-width:1399px) {
    .indlpo_check_lbl {
        margin-left: 0.6rem !important;
    }
}

@media screen and (min-width :1399px) and (max-width:1442px) {
    .indlpo_check_lbl {
        margin-left: 0.85rem !important;
    }
}

@media screen and (min-width:1443px) and (max-width :1602px) {
    .indlpo_check_lbl {
        margin-left: 1.4rem !important;
    }
}

@media screen and (min-width:1603px) and (max-width :1921px) {
    .indlpo_check_lbl {
        margin-left: 2.5rem !important;
    }
}

.upld_btn {
    line-height: 20px;
    float: left;
    height: 19px !important;
    margin: 0.1rem !important;
    font-size: .656rem !important;
}
.upldd_btn {
    line-height: 20px;
    float: left;
    
    margin: 0.1rem !important;
    font-size: .656rem !important;
}

.upld_btn_margin{
    margin:0.06rem .1rem !important;
}


.browse_btn {
    line-height: 20px;
    float: left;
    height: 19px !important;
    margin: 0rem 0.1rem !important;
    font-size: .656rem !important;
}

.upld_file_lbl {
    margin: 0.2rem !important;
    text-align: left !important;
}

.label-disabled {
    color: #6c757d; /* Bootstrap's text-muted color */
    cursor: not-allowed;
    pointer-events: none; /* Disable interactions */
    opacity: 0.65; /* Match the disabled state opacity */
}

.auth {
    height: 26px !important;
}

.page-heading-wrapper /*To avoid jerking */ {
    height: 32px !important;
}

.po_col_3 .row, .po_pb {
    margin-bottom: .1rem !important;
}

.po_rb_row /* for purchase order screen radio button */ {
    margin-left: 1.5rem !important;
}

.po_date_row /* for purchase order screen date input */ {
    margin-left: 1.2rem !important;
}

.po_chk_row /*for purchase order screen checkbox*/ {
    margin-left: 1rem !important;
}

/*  for 1920x1080 resolution */
@media (min-width: 1920px) {
    .po_date_row /**/ {
        margin-left: .2rem !important;
    }
}

/* for 1600x900 resolution */
@media (min-width: 1600px) and (max-width: 1919px) {

    .po_date_row {
        margin-left: .8rem !important;
    }
}



/*Column wise row gap*/ /*Used in PO*/
.column-row-gap {
    /* display: grid;
    grid-row-gap: .13rem !important;*/
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%; /* Ensure the columns stretch equally */
    grid-row-gap: .13rem !important;
}

.column-row-row{
    flex-direction:row !important;
}

.pt-po {
    padding-top: .12rem !important;
}
/*Print Preview */
.receipt-wrapper {
    overflow: hidden !important; /*to sort double scroll on outer wrapper*/
}

.border-primary {
    border-color: var(--primary) !important;
}

.bg-primary {
    /*background-color:  rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;*/
    background-color: var(--primary) !important;
}

.bg-vibrant {
    /*background-color:  rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;*/
    background-color: var(--vibrant);
}

/* Default height for 1366x768 resolution */
.dxbrv-wrapper {
    height: 72vh !important;
}

/*  for 1920x1080 resolution */
@media (min-width: 1920px) {
    .dxbrv-wrapper {
        height: 79vh !important;
    }
}

/* for 1600x900 resolution */
@media (min-width: 1600px) and (max-width: 1919px) {
    .dxbrv-wrapper {
        height: 79vh !important;
    }
}

/* for 1440x900 resolution */
@media (min-width: 1440px) and (max-width: 1599px) {
    .dxbrv-wrapper {
        height: 79vh !important;
    }
}

/* Additional media query to handle 1366px but less than 1440px */
@media (min-width: 1366px) and (max-width: 1439px) {
    .dxbrv-wrapper {
        height: 72vh !important;
    }
}

.dxbrv-wrapper .dxrbv-viewbox .dxbl-tabs nav {
    --dxbl-tabs-bg: var(--primary) !important;
}

.dxbl-loading-panel {
    --dxbl-loading-panel-message-color: var(--primary) !important;
}

.progress, .progress-stacked {
    --bs-progress-bar-bg: var(--primary) !important;
}

/*End Print Preview */

.check-box-center {
    justify-content: center !important;
    display: flex !important;
}

/*Select all check*/
.select-all-check {
    float: inline-end;
}
/*Purchase Order Header row wise gap*/
.column {
    grid-row-gap: .125rem !important;
}

.decimal-bold {
    color: black !important;
    font-size: 11.5px !important;
}
/*Purchase Request, Purchase Order,Stock Request - PDT Ref Nr*/


/*  for 1920x1080 resolution */
@media (min-width: 1920px) {
    .pdt_chk {
        padding-right: .5rem !important;
    }

    .pdt_chk_po {
        padding-right: 1rem !important;
    }

    .pdt_chk_sr {
        padding-right: .8rem !important;
    }

    .po_desc {
        padding-left: 2.7rem !important;
    }
}

/* for 1600x900 resolution */
@media (min-width: 1600px) and (max-width: 1919px) {
    .pdt_chk {
        padding-right: .8rem !important;
    }

    .pdt_chk_po {
        padding-right: 1.2rem !important;
    }

    .pdt_chk_sr {
        padding-right: 1.12rem !important;
    }

    .po_desc {
        padding-left: 2.3rem !important;
    }
}

/* for 1440x900 resolution */
@media (min-width: 1440px) and (max-width: 1599px) {
    .pdt_chk {
        padding-right: .95rem !important;
    }

    .pdt_chk_po {
        padding-right: 1.35rem !important;
    }

    .pdt_chk_sr {
        padding-right: 1.15rem !important;
    }

    .po_desc {
        padding-left: 2.2rem !important;
    }
}

/* for 1366x768 resolution */
@media (min-width: 1360px) and (max-width: 1439px) {


    .pdt_chk_po {
        padding-right: 1.5rem !important;
    }

    .pdt_chk_sr {
        padding-right: 1.3rem !important;
    }

    .po_desc {
        padding-left: 2.1rem !important;
    }
}

/*End Purchase Request,Purchase Order,Stock Request - PDT Ref Nr*/

/*Detail Section Action Buttons*/ /*Used in Customer Reg*/
.dtl_action_btn {
    width: 1.8rem;
    height: 1.2rem;
    position: relative;
    top: -2px;
    font-size: 11px;
}

.dtl_viewbtn {
    padding: 0rem .52rem !important;
}

.dtl_deletebtn {
    padding: 0rem .56rem !important;
}

    .dtl_viewbtn:hover, .dtl_deletebtn:hover {
        right: 1px;
    }
/*End Detail Section Action Buttons*/

/*Checkbox Center Alignment*/
.checkbox-center {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100% !important;
}
/* End */

/* Popups width */
@media (min-width: 576px) {
    /*LocationStockPopup*/
    .dxbl-modal > .dxbl-modal-root > .dxbl-popup.locationstck {
        max-width: 80% !important;
    }
    /*ItemPopupbyLocation*/
    .dxbl-modal > .dxbl-modal-root > .dxbl-popup.itembyloc {
        max-width: 65% !important;
    }
    /*VendorPopupEnquiry, VendorPopup*/
    .dxbl-modal > .dxbl-modal-root > .dxbl-popup.vendor-popup-wd {
        max-width: 60% !important;
    }

    /*GRN:Upload Doc*/
    .dxbl-modal > .dxbl-modal-root > .dxbl-popup.uploaddoc-popup-wd {
        max-width: 50% !important;
    }
}
/* End Popups width */

/*Used in Item Registration, Tab Property*/
.max-height-27 {
    max-height: 27vh !important;
}

.max-height-30x {
    max-height: 30.5vh !important;
}

.img_Frame {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    height: 23vh;
}

.img_Frame_bg {
    background-color: #eeeeee; /* Optional: set background color */
}

.img_Frame img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain; /* Ensure the image is fully visible within the container */
}


.autoGrowTextarea {
    overflow: hidden !important;
    resize: none !important;
    field-sizing: content !important;
    height: auto !important;
    min-height: 20px !important;
}
/*Remarks Wrapper*/
.remarks-wrapper {
    bottom: 32px !important;
    border: 1px solid #cfecff !important;
    background-color: #cfecff !important;
}

.remarks-note {
    width: auto;
    height: auto;
    background-color: #ffeb3b82;
    padding: 15px;
    margin: 2px 5px;
    position: relative;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    font-size: 12px;
}

    .remarks-note.high, .txtarea.high {
        background-color: #ffbbb2 !important;
    }

    .remarks-note.warning,.txtarea.warning {
        background-color: #ffd171 !important;
    }

    .remarks-note.normal,.txtarea.normal {
        background-color: #93f695 !important;
    }

    .remarks-note h4 {
        margin-top: 0;
        display: none;
    }

    .remarks-note .note-author {
        font-weight: bold;
    }

    .remarks-note .note-date {
        font-size: 0.9em;
        color: black;
        bottom: 10px;
        left: 20px;
    }

    .remarks-note .delete-button {
        position: absolute;
        top: 10px;
        right: 10px;
        background-color: #f44336;
        border: none;
        color: white;
        padding: 5px 10px;
        cursor: pointer;
        border-radius: 50%;
        font-size: 12px;
    }

    .remarks-note p {
        margin-bottom: 2px !important;
        color: black !important;
        font-weight: 500 !important;
    }

.remarks-button {
    background-color: #ffeb3b54;
    border: 2px solid #fbc02d;
    border-radius: 9px;
    color: black;
    font-size: 12px;
    font-weight: 600;
    padding-right: 9px;
    padding-left: 7px;
    padding-bottom: 3px;
    padding-top: 3px;
    display: flex;
    align-items: center;
    transition: background-color 0.3s, transform 0.3s, box-shadow 0.3s;
    animation: pulse 2s infinite;
    height: 25px;
    margin-left: 20px;
}

    .remarks-button.disabled {
        animation: none !important;
        border: none !important;
    }

    .remarks-button:hover {
        background-color: #fbc02d;
        transform: scale(1.05);
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
    }

    .remarks-button .icon {
        font-size: 14px;
        margin-right: 5px;
        transition: transform 0.3s;
    }

    .remarks-button:hover .icon {
        transform: rotate(20deg);
    }

/*End Wrapper*/
.sticky-note {
    width: auto;
    height: auto;
    background-color: #ffeb3b82;
    padding: 15px;
    margin: 2px 5px;
    position: relative;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    font-size: 12px;
}

    .sticky-note.high {
        background-color: #ff6767 !important;
    }

    .sticky-note.warning {
        background-color: #ffd171 !important;
    }

    .sticky-note.normal {
        background-color: #93f695 !important;
    }

    .sticky-note h4 {
        margin-top: 0;
        display: none;
    }

    .sticky-note .note-author {
        font-weight: bold;
    }

    .sticky-note .note-date {
        font-size: 0.9em;
        color: black;
        bottom: 10px;
        left: 20px;
    }

    .sticky-note .delete-button {
        position: absolute;
        top: 10px;
        right: 10px;
        background-color: #f44336;
        border: none;
        color: white;
        padding: 5px 10px;
        cursor: pointer;
        border-radius: 50%;
        font-size: 12px;
    }

    .sticky-note p {
        margin-bottom: 2px !important;
        color: black !important;
        font-weight: 500 !important;
    }

.sticky-button {
    background-color: #ffeb3b54;
    border: 2px solid #fbc02d;
    border-radius: 9px;
    color: black;
    font-size: 12px;
    font-weight: 500;
    padding-right: 9px;
    padding-left: 7px;
    padding-bottom: 3px;
    padding-top: 3px;
    display: flex;
    align-items: center;
    transition: background-color 0.3s, transform 0.3s, box-shadow 0.3s;
    animation: pulse 2s infinite;
    height: 25px;
    margin-left: 20px;
}

    .sticky-button.disabled {
        animation: none !important;
        border: none !important;
    }

    .sticky-button:hover {
        background-color: #fbc02d;
        transform: scale(.9);
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
    }

    .sticky-button .icon {
        font-size: 14px;
        margin-right: 5px;
        transition: transform 0.3s;
    }

    .sticky-button:hover .icon {
        transform: rotate(20deg);
    }
    .sticky-button.text-bold {
        color:green !important;
    }
    .sticky-button.text-bold.disabled {
        border:none!important;
    }


    /*NEWLY PLACED STICKY_BUTTON*/
.sticky-button-n {
    background-color: #ffeb3b54;
    border: 2px solid #fbc02d;
    border-radius: 9px;
    color: black;
    font-size: 12px;
    font-weight: 500;
    padding-right: 9px;
    padding-left: 7px;
    padding-bottom: 3px;
    padding-top: 3px;
    display: flex;
    align-items: center;
    transition: background-color 0.3s, transform 0.3s, box-shadow 0.3s;
    animation: pulse 2s infinite;
    height: 21px;
    margin-left: 20px;
}

    .sticky-button-n.disabled {
        animation: none !important;
        border: none !important;
    }

    .sticky-button-n:hover {
        background-color: #fbc02d;
        transform: scale(.9);
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
    }

    .sticky-button-n .icon {
        font-size: 14px;
        margin-right: 5px;
        transition: transform 0.3s;
    }

    .sticky-button-n:hover .icon {
        transform: rotate(20deg);
    }

    .sticky-button-n.text-bold {
        color: green !important;
    }

        .sticky-button-n.text-bold.disabled {
            border: none !important;
        }

@keyframes pulse {
    0%, 100% {
        transform: scale(.9) !important;
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    }

    50% {
        transform: scale(1) !important;
        box-shadow: 0 0 25px rgba(0, 0, 0, 0.3);
    }
}
/* Dashboard notification color change */
.alert .notification-icon-wrapper {
    color: white;
    background-color: #004866 !important;
}

.notification-content.alert {
    background-color: #ccf2ff !important;
    color: #000000;
    font-weight: 700;
}

.notification .notification-icon-wrapper {
    color: white !important;
    background-color: #d5402b !important;
}

.notification-content.notification {
    background-color: #ffe1dd !important;
    color: #000000;
    font-weight: 700;
}
/* End Dashboard notification color change */

/*Empty input field as a space filler*/
.inp-field-empty {
    background: #f2f8fc00 !important;
    border: 1px solid #809aab00 !important;
    pointer-events: none !important
}

/*Purchase Order stay put column label width*/
.po.stay-put-column .column .field-label {
    width: 6.125rem;
}
/*End*/
.badge {
    --bs-badge-padding-y: 0.25em !important;
}
/*Vendor Item Mapping Checkbox alignment*/
.ps-vi-chk {
    padding-left: .9rem;
}

/*  for 1920x1080 resolution */
@media (min-width: 1920px) {
    .ps-vi-chk {
        padding-left: 1.85rem !important;
    }
}

/* for 1600x900 resolution */
@media (min-width: 1600px) and (max-width: 1919px) {
    .ps-vi-chk {
        padding-left: 1.3rem !important;
    }
}

/* for 1440x900 resolution */
@media (min-width: 1440px) and (max-width: 1599px) {
    .ps-vi-chk {
        padding-left: 1rem !important;
    }
}

/* for 1366x768 resolution */
@media (min-width: 1366px) and (max-width: 1439px) {
    .ps-vi-chk {
        padding-left: .9rem !important;
    }
}
/*End Vendor Item Mapping Checkbox alignment*/
/*Required Style*/
.is-required, .is-required.disabled {
    background-image: url('../images/required-sign.svg') !important;
    background-position: 0 0 !important;
    background-repeat: no-repeat !important;
    background-size: .4rem !important;
}

    .is-required.dxbl-disabled, .is-required .dxbl-text-edit.dxbl-disabled, .is-required .dxbl-text-edit:disabled > {
        --dxbl-text-edit-disabled-root-bg: unset !important;
        background-color: unset !important;
        background: #eeeeee url(../images/required-sign.svg) no-repeat center center !important;
        background-position: 0 0 !important;
        background-repeat: no-repeat !important;
        background-size: .4rem !important;
    }



/*End Required Style*/
/* CSS Code for "locked" class */
/* Start */
.locked::after {
    content: '\f023';
    font-family: "fa solid 900";
    color: var(--primary);
    position: absolute;
    top: .5rem;
    left: .5rem;
    height: 1rem;
    z-index: 1;
}

.locked::before {
    /*content: 'Locked';*/
    font-size: 12px;
    padding: .0rem .5rem;
    background: var(--primary);
    color: white;
    position: absolute;
    top: .5rem;
    left: 1.5rem;
    border-radius: 20px;
    z-index: 1;
}

.locked .tile-content {
    color: var(--grey);
    filter: blur(.5px);
}
/* END */

.dxbl-modal > .dxbl-modal-root > .dxbl-popup > .dxbl-modal-content {
    border: none !important;
}


/*For Uniform Gaps in table rows*/ /*Used in PR,PO */
.detailGrid_table .table_body tr + tr {
    line-height: .5; /* Adjust this value for the desired row gap */
}

/* Apply uniform gap between tbody elements */
.detailGrid_table tbody + tbody {
    line-height: 22px; /* Adjust this value for the desired tbody gap */
}

table tbody:first-of-type tr:first-child {
    line-height: 22px !important;
}

table.lh-20 tbody:first-of-type tr:first-child {
    line-height: 20px !important;
}
.tbody-grid > .table_row , .table_body .table_row{
    line-height: 21px !important;
}

tfoot > .table_row {
    line-height: 1.1 !important;
}
/*End For Uniform Gaps in table rows */
.line-height-1x {
    line-height: 20px !important;
}

.line-height-2 {
    line-height: 2 !important;
}

.line-height-2-3x {
    line-height: 2.3 !important;
}

.active-green {
    color: green !important;
    font-family: "72 Bold" !important;
}

.expired-red {
    color: red !important;
    font-family: '72 Bold', !important;
}

/*RightSide Bar - Used in Item Registration*/
.rightside_bar {
    top: 17%;
    position: fixed;
    right: 8px;
    width: 6.7rem;
    height: 75vh;
    z-index: 99 !important;
    /*box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;*/
    background: #ffffff00 !important;
    padding: .25rem !important;
}

    .rightside_bar .report-tool-box {
        width: 100%;
        height: 4.5rem;
        padding: .1rem .3rem;
        margin: .1rem 0;
        position: relative; /* Position each toolbox relative */
    }

.rightside_icon_box {
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
    background: #ffffff;
    border-radius: 3px;
}

    .rightside_icon_box:hover {
        background: #c1e7ff;
    }

.rightside_bar .fa-icon img {
    width: 60% !important;
}

.rightside_label {
    text-align: center;
    font-weight: bold;
    color: #212529;
    font-size: 9px;
    line-height: 1.4;
    padding-top: 0.3rem;
}

.rs_ctrl_btn {
    width: 3rem;
    height: 3rem;
    padding: .1rem .3rem;
    margin: .1rem 0;
    position: relative;
}
/*  for 1920x1080 resolution */
@media (min-width: 1920px) {
    .rightside_bar {
        top: 11.1% !important;
        width: 9.2rem !important;
        height: 90vh;
    }

        .rightside_bar .report-tool-box {
            height: 5.5rem !important;
        }

    .scrollable-content {
        max-height: 90vh;
    }
}

/* for 1600x900 resolution */
@media (min-width: 1600px) and (max-width: 1919px) {
    .rightside_bar {
        top: 13% !important;
        width: 7.8rem !important;
        height: 85vh;
    }
}
/* for 1440x900 resolution */
@media (min-width: 1440px) and (max-width: 1599px) {
    .rightside_bar {
        top: 14% !important;
        height: 85vh;
    }

    .scrollable-content {
        max-height: 85vh;
    }
}

.scrollable-content {
    max-height: 75vh;
    overflow-y: scroll;
}

    .scrollable-content::-webkit-scrollbar {
        display: none;
    }



    /* Hide scrollbar for the sidebar */
    .scrollable-content::-webkit-scrollbar {
        display: none;
    }




/*End RightSideBar*/
/*Button Controls Alignment - Used in Item Registration*/
.right-8x {
    right: 8.5%;
}
/*End Button Controls Alignment*/

.import-button {
    background-color: #003557 !important;
}

.dxbrv-wrapper .dxrbv-viewbox .dxbrv-surface-wrapper .dxbrv-document-surface .dxbrv-report-preview-content {
    height: 100% !important;
}

.dxbrv-surface-wrapper::-webkit-scrollbar {
    width: 10px !important;
}

.dxbrv-tabs {
    width: 3rem !important;
}

.receipt-wrapper {
    width: 91%;
}

.draggable {
    top: 20%;
    right: 1%;
}

.hide {
    display: none;
}

.report_grid_header .dxbl-grid-table .dxbl-grid-header-row {
    background-color: var(--primary);
    color: var(--white);
    text-align: left;
    padding: 0px;
    font-size: 11px;
}

.text-yellow {
    color: yellow !important;
}

/* Screen: Rebate| Vendor Width col-lg-4 adjustment ,
   Screen: Display Agreements|Vendor Last row right side alignment correction using .da_vendor_pr 
   Screen: Service Receipt | City Width adjustment using class .sr_city_wd, Vendor Inv.Nr width adjustment using class .sr_vnr_wd
*/
.da_vendor_pr {
    padding-right: 1.2rem !important;
}

.sr_city_wd {
    width: 112% !important;
}

.sr_vnr_wd {
    width: 105% !important;
}
/*  for 1920x1080 resolution */
@media (min-width: 1920px) {
    .rebate_vendor_wd {
        width: 109%;
    }

    .da_vendor_pr {
        padding-right: .6rem !important;
    }

    .sr_city_wd {
        width: 112% !important;
    }

    .sr_vnr_wd {
        width: 105% !important;
    }
}

/* for 1600x900 resolution */
@media (min-width: 1600px) and (max-width: 1919px) {
    .rebate_vendor_wd {
        width: 111%;
    }

    .da_vendor_pr {
        padding-right: .88rem !important;
    }

    .sr_city_wd {
        width: 115% !important;
    }

    .sr_vnr_wd {
        width: 106% !important;
    }
}

/* for 1440x900 resolution */
@media (min-width: 1440px) and (max-width: 1599px) {
    .rebate_vendor_wd {
        width: 112%;
    }

    .da_vendor_pr {
        padding-right: .68rem !important;
    }

    .sr_city_wd {
        width: 114% !important;
    }

    .sr_vnr_wd {
        width: 108% !important;
    }
}

/* Additional media query to handle 1366px but less than 1440px */
@media (min-width: 1360px) and (max-width: 1439px) {
    .rebate_vendor_wd {
        width: 113%;
    }

    .da_vendor_pr {
        padding-right: .6rem !important;
    }

    .sr_city_wd {
        width: 112% !important;
    }

    .sr_vnr_wd {
        width: 108% !important;
    }
}

/*End: Screen: Rebate| Vendor Width col-lg-4 adjustment, 
       Screen:Display Agreements|Vendor Last row right side alignment correction using .da_vendor_pr
       Screen: Service Receipt | City Width adjustment using class .sr_city_wd, Vendor Inv.Nr width adjustment using class .sr_vnr_wd
*/
/*Screen: Goods Recipt Voucher| Vendor Width col-lg-12 adjustment using class vendor_wd, 
          Description padding-left alignment using class grn_des_pl
  Screen: Cost Sheet| Vendor Width col-lg-12 adjustment using class cost_sheet_vendor_wd*/
.vendor_wd {
    margin-left: -.5rem !important;
    width: 103% !important;
}

.cost_sheet_vendor_wd {
    margin-left: -.5rem !important;
    width: 103% !important;
}

.grn_des_pl {
    padding-left: 2.16rem !important;
}
/*  for 1920x1080 resolution */
@media (min-width: 1920px) {
    .vendor_wd {
        margin-left: -.59rem !important;
        width: 102.5% !important;
    }

    .grn_des_pl {
        padding-left: 2.75rem !important;
    }

    .cost_sheet_vendor_wd {
        margin-left: -.59rem !important;
        width: 102.5% !important;
    }
}

/* for 1600x900 resolution */
@media (min-width: 1600px) and (max-width: 1919px) {
    .vendor_wd {
        margin-left: -.55rem !important;
        width: 102.6% !important;
    }

    .grn_des_pl {
        padding-left: 2.4rem !important;
    }

    .cost_sheet_vendor_wd {
        margin-left: -.55rem !important;
        width: 102.6% !important;
    }
}

/* for 1440x900 resolution */
@media (min-width: 1440px) and (max-width: 1599px) {
    .vendor_wd {
        margin-left: -.55rem !important;
        width: 103.4% !important;
    }

    .grn_des_pl {
        padding-left: 2.2rem !important;
    }

    .cost_sheet_vendor_wd {
        margin-left: -.55rem !important;
    }
}

/* Additional media query to handle 1360px but less than 1440px */
@media (min-width: 1360px) and (max-width: 1439px) {
    .vendor_wd {
        margin-left: -.5rem !important;
        width: 103% !important;
    }

    .grn_des_pl {
        padding-left: 2.16rem !important;
    }

    .cost_sheet_vendor_wd {
        margin-left: -.5rem !important;
        width: 103% !important;
    }
}

/*End Screen: Goods Recipt Voucher| Vendor Width col-lg-12 adjustment using class vendor_wd, 
    Description padding-left alignment using class grn_des_pl*/


.receipt-wrapper .dxbl-toolbar-item .dxbl-btn-first, .receipt-wrapper .dxbl-toolbar-item .dxbl-btn-text-secondary, .receipt-wrapper .dxbl-toolbar-item .dxbl-btn-last {
    transform: rotate(180deg) !important;
}
/*ReportFilterPopup Style*/
.report_filter_popup .nav-tabs {
    display: flex;
    border-bottom: 1px solid var(--primary);
    margin-bottom: 3px;
}

    .report_filter_popup .nav-tabs button {
        flex-grow: 1;
        padding: 2px 0px;
        font-size: 12px;
        background-color: #f9f9f9;
        border: none;
        cursor: pointer;
    }

        .report_filter_popup .nav-tabs button.active {
            background: #daf6ff;
            border-bottom: 3px solid var(--primary);
            font-weight: bold;
        }

.report_filter_popup .tab-content {
    padding: 15px;
    border: 1px solid #ccc;
    border-top: none;
    border-radius: 0 0 5px 5px;
    background-color: white;
}

.report_filter_popup .dxbl-grid-table .dxbl-grid-header-row {
    background-color: var(--primary);
    font-family: '72 Regular', sans-serif !important;
}

.font-size-75 {
    font-size: .75rem !important;
}
/*End ReportFilterPopup Style*/

/*Price Enquiry Check Box Alignment*/
.price-enquiry-chk-ml {
    margin-left: 7px;
}
/*  for 1920x1080 resolution */
@media (min-width: 1920px) {
    .price-enquiry-chk-ml {
        margin-left: 21px;
    }
}

/* for 1600x900 resolution */
@media (min-width: 1600px) and (max-width: 1919px) {
    .price-enquiry-chk-ml {
        margin-left: 14px;
    }
}

/* for 1440x900 resolution */
@media (min-width: 1440px) and (max-width: 1599px) {
    .price-enquiry-chk-ml {
        margin-left: 9px;
    }
}

/* Additional media query to handle 1360px but less than 1440px */
@media (min-width: 1360px) and (max-width: 1439px) {
    .price-enquiry-chk-ml {
        margin-left: 7px;
    }
}
/*Screen: Vendor Quotation| In Detail Grid, row expansion hightlight,Quotation Analysis*/
.row-highlight .dxbl-grid .dxbl-grid-table .dxbl-grid-expand-button-cell, .row-highlight .dxbl-grid .dxbl-grid-table .dxbl-grid-expand-button-cell + td {
    /*background: #abdeff !important;
    border-bottom: 1px solid #43b6ff8f !important;*/
    background: #e6f3fb !important;
    border-bottom: 1px solid #88888845 !important;
    line-height: 15px !important;
}

.dxbl-grid .dxbl-grid-table .dxbl-grid-expand-button-cell .dxbl-grid-expand-button {
    padding: 2px !important;
}

.row-highlight .dxbl-grid .dxbl-grid-table > tbody > tr:not(.dxbl-grid-edit-row):not(.dxbl-grid-empty-row):not(.dxbl-grid-filter-row):not([dxbl-top-virtual-spacer-element]):not([dxbl-bottom-virtual-spacer-element]) {
    border-bottom: 1px solid #88888845 !important;
}

.row-highlight .dxbl-grid .dxbl-grid-table .dxbl-grid-expand-button-cell + td {
    font-weight: 900 !important;
    border-bottom: 1px solid #88888845 !important;
}


.row-highlight .dxbl-grid .dxbl-grid-table > tbody > tr:not(.dxbl-grid-edit-row):not(.dxbl-grid-empty-row):not(.dxbl-grid-filter-row):not([dxbl-top-virtual-spacer-element]):not([dxbl-bottom-virtual-spacer-element]) {
    border-color: #ffffff00 !important;
    padding: .03rem !important;
}

    .row-highlight .dxbl-grid .dxbl-grid-table > tbody > tr:not(.dxbl-grid-edit-row):not(.dxbl-grid-empty-row):not(.dxbl-grid-filter-row):not([dxbl-top-virtual-spacer-element]):not([dxbl-bottom-virtual-spacer-element]) > td:not(.dxbl-grid-indent-cell):not(.dxbl-grid-expand-button-cell):not(.dxbl-grid-empty-cell):not(.dxbl-grid-empty-data):not(.dxbl-grid-edit-form):not(.dxbl-grid-detail-cell) {
        padding: .03rem !important;
    }

.row-highlight .dxbl-grid-header-content {
    font-weight: 500 !important;
}

.row-highlight .dxbl-grid-group-row {
    border-bottom: 1px solid black !important;
}

/*End Screen: Vendor Quotation| In Detail Grid, row expansion hightlight*/

.center-content {
    margin: auto;
}

.mr-f3-popup-footer {
    margin-right: .40625rem;
}

/*Tool Tip Z-Index Issue on Transaction Profile*/
.info_tooltip {
    z-index: unset !important;
    transform: none !important;
    top: 10% !important;
}

.info_tooltip_box {
    transition-delay: .2s;
    z-index: 999999 !important;
    padding: .4rem !important;
    /*To sort corner based scrolls*/
    position: fixed;
}

.info_tooltip:hover .info_tooltip_box {
    transform: scale(1);
    opacity: 1;
    transition-delay: 0s;
    z-index: 999999 !important;
}

.info_tooltip_text {
    line-height: 1.1 !important;
}

/*End Tool Tip Z-Index Issue on Transaction Profile*/
.btn_ht {
    height: 20px;
}

.w-srch {
    border-radius: 4px;
    width: 20px;
    display: grid;
    justify-content: center;
    height: 20px;
}

.w-srch-p {
    padding: 1px 0px !important;
}

/*Used in Journal Entry Footer*/
.w-copy { 
    border-radius: 4px;
    width: 28px;
    display: grid;
    justify-content: center;
    height: 28px;
}

.w-copy-p {
    padding: 1px 0px !important;
}
/*END : Used in Journal Entry Footer*/
.w-bulk-file {
    border-radius: 4px;
    width: 34px;
    display: grid;
    justify-content: center;
   
}
.w-bulk-file-p {
    padding: 7.1px 0px !important;
}
/*Location wise Price | Barcode Alignment*/
.barcode_pr {
    padding-right: 1rem;
}
/*  for 1920x1080 resolution */
@media (min-width: 1920px) {
    .barcode_pr {
        padding-right: 2.3rem;
    }
}

/* for 1600x900 resolution */
@media (min-width: 1600px) and (max-width: 1919px) {
    .barcode_pr {
        padding-right: 1.5rem;
    }
}

/* for 1440x900 resolution */
@media (min-width: 1440px) and (max-width: 1599px) {
    .barcode_pr {
        padding-right: 1.16rem;
    }
}

/* Additional media query to handle 1360px but less than 1440px */
@media (min-width: 1360px) and (max-width: 1439px) {
    .barcode_pr {
        padding-right: 1rem;
    }
}

/*End | Location wise Price | Barcode Alignment*/

/*Sales Agreement| Desc Alignment*/
.sa_chk_lbl_ml {
    margin-left: 2px;
}

.ms-1-a {
    margin-left: .1rem !important;
}

.ms-1-b {
    margin-left: .15rem !important;
}


.me-1-a {
    margin-right: .15rem !important;
}

.me-1-a1 {
    margin-right: .1rem !important;
}

.me-2a {
    margin-right: .35rem !important;
}

.sa_desc_pr {
    padding-right: 3.4rem;
}
/*  for 1920x1080 resolution */
@media (min-width: 1920px) {
    .sa_desc_pr {
        padding-right: 5.1rem;
    }

    .sa_chk_lbl_ml {
        margin-left: 4px;
    }
}

/* for 1600x900 resolution */
@media (min-width: 1600px) and (max-width: 1919px) {
    .sa_desc_pr {
        padding-right: 4.15rem;
    }

    .sa_chk_lbl_ml {
        margin-left: 3px;
    }
}

/* for 1440x900 resolution */
@media (min-width: 1440px) and (max-width: 1599px) {
    .sa_desc_pr {
        padding-right: 3.6rem;
    }

    .sa_chk_lbl_ml {
        margin-left: 3px;
    }
}

/* Additional media query to handle 1360px but less than 1440px */
@media (min-width: 1360px) and (max-width: 1439px) {
    .sa_desc_pr {
        padding-right: 3.4rem;
    }
}

/*End | Sales Agreement | Desc Alignment*/
.locationprice-popup {
    max-height: 90vh !important;
}

    .locationprice-popup .dxbl-modal-content {
        max-height: 90vh !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
    }
/*End | Sales Agreement | Desc Alignment*/

/*Sales Inquiry, Stock Adjustment(DESC pl) */
.inp-field-grid-column {
    grid-template-columns: 1.1fr 1fr !important; /*Used in Sales Inquiry*/
}

.si_addr_pr {
    padding-right: 1.2rem;
}

.sa_desc_pl {
    padding-left: 3.2rem !important;
}

.inq_cust_popup_list_ht {
    overflow: auto;
    max-height: 65vh;
    min-height: 61vh;
}
/*  for 1920x1080 resolution */
@media (min-width: 1920px) {
    .si_addr_pr {
        padding-right: 2.2rem;
    }

    .sa_desc_pl {
        padding-left: 4.1rem !important;
    }

    .inq_cust_popup_list_ht {
        overflow: auto;
        max-height: 41vh;
        min-height: 38vh;
    }
}

/* for 1600x900 resolution */
@media (min-width: 1600px) and (max-width: 1919px) {
    .si_addr_pr {
        padding-right: 1.6rem;
    }

    .sa_desc_pl {
        padding-left: 3.7rem !important;
    }

    .inq_cust_popup_list_ht {
        overflow: auto;
        max-height: 46vh;
        min-height: 43vh;
    }
}

/* for 1440x900 resolution */
@media (min-width: 1440px) and (max-width: 1599px) {
    .si_addr_pr {
        padding-right: 1.35rem;
    }

    .sa_desc_pl {
        padding-left: 3.4rem !important;
    }

    .inq_cust_popup_list_ht {
        overflow: auto;
        max-height: 49vh;
        min-height: 46vh;
    }
}

/* Additional media query to handle 1360px but less than 1440px */
@media (min-width: 1360px) and (max-width: 1439px) {
    .si_addr_pr {
        padding-right: 1.2rem;
    }

    .sa_desc_pl {
        padding-left: 3.35rem !important;
    }

    .inq_cust_popup_list_ht {
        overflow: auto;
        max-height: 65vh;
        min-height: 61vh;
    }
}

/*End Sales Inquiry,Stock Adjustment(DESC pl)*/

.journal-footer {
    padding: .2rem 0rem !important;
}

/*radio-button*/
.radio-btn {
    display: flex;
}

.radio-btn-label {
    margin-left: .4rem !important;
    margin-top: .2rem !important;
}

.radio-btn-label-mt {
    margin-top: .1rem !important;
}
/*end radio-button*/

.printed-stamp {
    position: absolute;
    z-index: 999;
    right: -1%;
    height: 56px;
    top: 75%;
    opacity: 1 !important;
}

.ps-3-a {
    padding-left: 1.3rem !important;
}

.badge-printed {
    position: absolute;
    top: 2px;
    right: -15px;
    transform: translate(50%, -50%);
}

.quo-analy-po-generated-stamp {
    z-index: 999;
    left: 50%;
    top: -21px;
    position: absolute;
    width: 84px;
    height: 84px
}

.dxbl-checkbox:not(.dxbl-checkbox-switch):not(.dxbl-checkbox-radio):not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly).dxbl-checkbox-checked .dxbl-checkbox-check-element, .dxbl-checkbox:not(.dxbl-checkbox-switch):not(.dxbl-checkbox-radio):not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly).dxbl-checkbox-indeterminate .dxbl-checkbox-check-element,
.dxbl-checkbox:not(.dxbl-checkbox-switch):not(.dxbl-checkbox-radio):not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly).dxbl-checkbox-checked .dxbl-checkbox-check-element:not(.dxbl-disabled):not(:disabled):hover, .dxbl-checkbox:not(.dxbl-checkbox-switch):not(.dxbl-checkbox-radio):not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly).dxbl-checkbox-indeterminate .dxbl-checkbox-check-element:not(.dxbl-disabled):not(:disabled):hover {
    background: var(--primary) !important;
}

.detail-row-selected {
    color: green !important;
    /* font-size: 11.5px !important; */
}

.row-table-double-ht {
    height: 20px !important;
    line-height: 1 !important;
}
/*Product Pricing 2nd and 3rd grid section height*/
.table-ht-set {
    min-height: 15.8vh;
    max-height: 15.8vh;
}

.table-ht-set-a {
    min-height: 20vh;
    max-height: 20vh;
}

/*  for 1920x1080 resolution */
@media (min-width: 1920px) {
    .table-ht-set {
        min-height: 24vh;
        max-height: 24vh;
    }

    .table-ht-set-a {
        min-height: 33vh;
        max-height: 33vh;
    }
}

/* for 1600x900 resolution */
@media (min-width: 1600px) and (max-width: 1919px) {
    .table-ht-set {
        min-height: 19.2vh;
        max-height: 19.2vh;
    }

    .table-ht-set-a {
        min-height: 28vh;
        max-height: 28vh;
    }
}

/* for 1440x900 resolution */
@media (min-width: 1440px) and (max-width: 1599px) {
    .table-ht-set {
        min-height: 16.5vh;
        max-height: 16.5vh;
    }

    .table-ht-set-a {
        min-height: 30.5vh;
        max-height: 30.5vh;
    }
}

/* Additional media query to handle 1360px but less than 1440px */
@media (min-width: 1360px) and (max-width: 1439px) {
    .table-ht-set {
        min-height: 15.8vh;
        max-height: 15.8vh;
    }

    .table-ht-set-a {
        min-height: 20vh;
        max-height: 20vh;
    }
}

/*End Product Pricing 2nd and 3rd grid section height*/
.tr-selected {
    background: #abdeff !important;
}


.pe-4-a {
    padding-right: 2rem !important;
}
.pe-5-a {
    padding-right: 2.65rem !important;
}
.mt-4-a {
    margin-top: 2.16rem !important;
}
.mt-1- {
    margin-top: -.05rem;
}
.mt-6 {
    margin-top: 5rem;
}
.mb-3-a {
    margin-bottom: .9rem !important;
}

.mb-1-2 {
    margin-bottom: .5rem !important;
}

.mb-1-a {
    margin-bottom: .15rem !important;
}
    /*Used in Product Pricing*/
    .barcode-button {
    background: #6cb3e1;
    border-radius: 4px;
    height: 22px;
    padding: 0px 8px;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

    .barcode-button img {
        height: 100%; /* Scale the image to fit the button height */
        width: auto; /* Maintain aspect ratio */
    }

.mr-0 {
    margin-right: 0rem !important;
}
/*End Product Pricing*/
.row-edited {
    color: green !important;
    font-size: .7rem !important;
    font-weight: 900 !important;
}

.group-grid-hd {
    font-weight: bolder !important;
    color: mediumblue !important;
}

/*Last Sales Popup*/
.customer_header_ {
    font-weight: bolder !important;
    font-size: .8rem !important;
    color: red !important;
    background: white !important;
}

.border-black {
    border-color: black !important;
}
/*End Last Sales Popup*/
/*Checkbox in Detail*/
.checkbox-pt-1 {
    position: relative;
    padding-top: 1px
}
/*End Checkbox in Detail*/

/*Sub Heading inside wrapper*/ /*Used in Promotion Items*/
.sub-head-wrapper {
    margin-top: 5px;
    margin-bottom: 0;
    font-size: 11px;
}

.popup-heading {
    font-size: 13px !important;
}
/*End Sub Heading inside wrapper*/
/*Used in Promotion Packing*/
.inp-field-grid-column-1 {
    grid-template-columns: .8fr 1fr !important;
}
/*End Used in Promotion Packing*/

/*Job Order*/
.rm-button {
    background-color: #003557;
    color: var(--white);
    cursor: pointer;
    border-radius: 20px;
    padding: 0 .75rem;
    font-size: 10px;
    transition: all .2s;
}

    .rm-button:hover {
        padding-left: 1rem;
        padding-right: 1rem;
    }
/*End Job Order*/

/*Item Cardex sticky table footer*/
.tfoot-sticky {
    bottom: 0px;
    background-color: #fff;
    z-index: 10;
    width: 100%;
    border-top: 1px solid #ddd;
    width: 100%;
    position: sticky;
}
/*End Item Cardex*/

.promotion-screen-options {
    min-height: 5rem !important;
}
/*
    Progress bar css
    START
*/

.progress_bar {
    max-width: 800px;
    margin: 0 auto;
}

    .progress_bar .progress_bar_item {
        margin-bottom: 2rem;
    }

    .progress_bar .item_label,
    .progress_bar .item_value {
        font-size: 1.2rem;
        font-weight: 600;
        color: #333;
        margin-bottom: 0.5rem;
    }

    .progress_bar .item_value {
        font-weight: 400;
    }

    .progress_bar .item_bar {
        position: relative;
        height: 1.5rem;
        width: 100%;
        background-color: #000;
        border-radius: 4px;
    }

        .progress_bar .item_bar .progress {
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            width: 0;
            height: 1.5rem;
            margin: 0;
            background-color: #f50045;
            border-radius: 4px;
            transition: width 100ms ease;
        }

        .progress_bar .item_bar .completed {
            background-color: darkgreen !important
        }
/*
    Progress bar css
    END
*/
.promotion-popup .container {
    height: 240px !important;
}

.promotion-popup .dxbl-modal-footer {
    padding-bottom: 0px !important;
    padding-top: 0px !important;
}

.promotion-popup p {
    margin-bottom: 4px !important;
}

    .promotion-popup p.text-blue {
        color: steelblue !important;
    }
/*Product Promotion*/
.dxbl-modal > .dxbl-modal-root > .dxbl-popup.promotion-errorlog-popup {
    max-width: 40vw !important;
    height: 48vh !important;
}

@media (min-width: 1439px) and (max-width: 2500px) {
    .dxbl-modal > .dxbl-modal-root > .dxbl-popup.promotion-errorlog-popup {
        max-width: 40vw !important;
        height: 48vh !important;
    }
}

/* Additional media query to handle 1360px but less than 1440px */
@media (min-width: 1360px) and (max-width: 1439px) {
    .dxbl-modal > .dxbl-modal-root > .dxbl-popup.promotion-errorlog-popup {
        max-width: 52vw !important;
        height: 52vh !important;
    }
}

.dxbl-modal > .dxbl-modal-root > .dxbl-popup.promotion-errorlog-popup > .dxbl-modal-content > .dxbl-modal-footer {
    border-top: none !important;
}
/*End Product Promotion*/
tr.dxbl-grid-footer-row td {
    font-weight: 600 !important;
}
.phsysical-stock-fileupload-popup .container {
    height: 120px !important;
}

.sub-heading-3 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 12px;
    line-height:20px;
}
.absolute-heading
{ top: -10px;
height: 20px;
}
.text-gray {
    color: gray !important
}

.outerFrame {
    padding: .1rem .2rem .7rem  !important;
}
.outerFrame_SI/*Used in Wholesale Invoice*/

{
    padding: 0rem .1rem 0rem !important;
}
.outerFrame_e {
    padding: .1rem .2rem .35rem !important;
}

.outerFramee /*Used in Receivable PDC Clearance*/
{
    padding: .1rem .2rem .1rem !important
}

.outerFrame-tile-content {
    padding: .56rem 1rem !important;
    
}
.outerFrameee-tile-content {
    padding: .6rem .6rem 0.5rem  !important;
}

.outerFramee-tile-content {
    padding: .76rem .4rem  !important;
}
/*Payment Transaction Checkbox Alignment*/
.payment-chk-ml {
    margin-left: -7px !important;
}
/*  for 1920x1080 resolution */
@media (min-width: 1920px) {
    .payment-chk-ml {
        margin-left: 14px !important;
    }
}

/* for 1600x900 resolution */
@media (min-width: 1600px) and (max-width: 1919px) {
    .payment-chk-ml {
        margin-left: 2px !important;
    }
}

/* for 1440x900 resolution */
@media (min-width: 1440px) and (max-width: 1599px) {
    .payment-chk-ml {
        margin-left: -4px !important;
    }
}

/* Additional media query to handle 1360px but less than 1440px */
@media (min-width: 1360px) and (max-width: 1439px) {
    .payment-chk-ml {
        margin-left:-7px !important;
    }   
}
/*END*/
.bg-green{
    background-color:green!important
}
/*SALARY ALLOCATION POP UP*/
.e_sa .dxbl-grid .dxbl-grid-table > tbody > tr:not(.dxbl-grid-edit-row):not(.dxbl-grid-empty-row):not(.dxbl-grid-filter-row):not([dxbl-top-virtual-spacer-element]):not([dxbl-bottom-virtual-spacer-element]) > td:not(.dxbl-grid-indent-cell):not(.dxbl-grid-expand-button-cell):not(.dxbl-grid-empty-cell):not(.dxbl-grid-empty-data):not(.dxbl-grid-edit-form):not(.dxbl-grid-detail-cell) {
    padding: .03rem .2rem !important;
}

.e_sa table > tbody > tr > td > p{
    margin-bottom:0 !important;
}

.e_sa p.ml_center {
    margin-left: -1.5rem;
}

.e_sa .dxbl-grid-table tbody tr.dxbl-grid-group-row:nth-child(2) {
    background: #c7fbe1 !important;
}


/*END*/

/*Portal Upload/Download*/
.flex-row-tab{
    flex-direction:row;
}

.l-side-btn {
    margin: 1px;
    width: 172px;
    height: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 2px 0px 0px #00000029;
}
    .l-side-btn:active {
        background-color: #003557;
        color: var(--white);
       
    }
    .l-side-btn.w--current {
        background-color: #003557;
        color: var(--white);
    }

    .d-grid {
        display: grid;
    }

.fs-5-a {
    font-size: 1.09rem !important;
}

.grid-wrong-icon {
    background: linear-gradient(133deg, #eb0808, #f786a2);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
    top: 2px;
}

.grid-right-icon {
    background: linear-gradient(133deg, #153115, #42d942);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
    top: 2px;
}

.h-488{
    height:488px;
}
.h-455 {
    height: 442px;
    min-height: 442px;
    overflow: auto;
}

.h-458 {
    height: 460px;
    min-height: 460px;
    overflow: auto;
}

.progress_footer {
    position: sticky;
    bottom: 0px;
    z-index: 1;
    background: #aabbc3;
}
.progress_footer1 {
    position: sticky;
    bottom: 0px;
    z-index: 1;
    background: #f5fbff;
}

/*END Portal Upload/Download */

/*POS Online Monitor*/
    .hd_top{
        position:relative;
        top:-2px;
    }

.hd_loc {
    color:var(--primary);
    font-weight:700 !important
}

    .line-ht-1{
        line-height:1;
    }
.pm-hd {
    top: -5px;
    left: 8px;
}
.pos_grid_data{
    font-weight:600;
    color:black;
    font-size:.7rem !important;
}
.data_red {
    color: #8c0303;
    font-size: .75rem !important;
}
.data_redd {
    color: #8c0303 !important;
}
    .border-btm-primary {
    border-bottom: 1px solid #0ea1d0;
}

.loc_block_selected {
    border-radius: 5px;
    background: #bbf9ff;
    box-shadow: 0px 2px 6px 0px #8bb7d1;
}
.loc_block{
    padding:2px;
    width:80px;
}
.loc_icon_img{
   width:44%;
}

.shift_btn {
    background-color: #7dc4f1;
    color: black;
    cursor: pointer;
    border-radius: 20px;
    padding: 0 .75rem;
    font-size: 10px;
    transition: all .2s;
    height: 19px !important;
}

.tile_ht{
    height:95px;
    overflow-y:hidden !important;
}



.table_body-t {
    
    max-height: 100%; /* Let it scroll within the wrapper */
    overflow-y: auto;
}

.fixed-footer-t {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: #f2f8fc; /* Ensure it's visible */
}

.bg-close {
    background: #b93333;
}

.bg-refresh {
    background: #0a6546;
}
.receipt {
    max-width: 582px;
    background: #fff;
    padding: 10px;
    margin: 1px auto;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    font-size: .68rem !important;
    color: black;
    
}

    .receipt h5 {
        color: var(--primary);
        text-align: center;
    }

    .receipt .table th, .receipt .table td {
        font-size:.68rem;
        color:black;
        text-align: center;
        line-height:.3;
    }
.font-s-7{
    font-size:.7rem !important;
    font-weight:bold;
}
.total {
    font-weight: bold;
    color: green;
}

.change {
    font-weight: bold;
    color: red;
}
.border-top-dashed {
    border-top: 1px dashed; /* same color as Bootstrap's default border */
}
.border-bottom-dashed {
    border-bottom: 1px dashed; /* same color as Bootstrap's default border */
}

.hr-border {
    border-top: 1px dashed black !important;
    opacity: 1;
}
.till_bill_table td, .till_bill_table th, .till_bill_table tr, .till_bill_table tfoot,.footer_summary td {
    font-size: .68rem !important;
}
.footer_summary td {
    font-weight:600 !important;
}
    : root {
    --tabs-content-height: 32vh;
    --table-container-height-t: 25vh;
    --table-container-height: 27vh;
    --table-body-wrapper-height: calc(25vh - 25px);
}

.tabs-content-htt-pos {
    height: calc(var(--tabs-content-height));
}

.table-container-ht-t-pos {
    height: var(--table-container-height-t);
    position: relative;
}

.table-container-ht-pos {
    height: var(--table-container-height);
    position: relative;
}
.table-body-wrapper-t-pos {
    max-height: var(--table-body-wrapper-height); /* Adjust based on header/footer height */
    overflow-y: auto;
    display: block;
   
}
.table-body-wrapper-t-pos-bill-list {
    max-height: 26vh; /* Adjust based on header/footer height */
    overflow-y: auto;
    display: block;
    overflow-x:hidden;
}
.wd-detail-receipt {
    width: 96%;
}

/*  for 1920x1080 resolution */
@media (min-width: 1920px) {
    :root {
        --tabs-content-height: 54vh;
        --table-container-height-t: 49vh;
        --table-container-height: 51vh;
        --table-body-wrapper-height: calc(49vh - 25px);
    }
    .table-body-wrapper-t-pos-bill-list {
        max-height: 51vh;
    }
    }

/* for 1600x900 resolution */
@media (min-width: 1600px) and (max-width: 1919px) {
    :root {
        --tabs-content-height: 50vh;
        --table-container-height-t: 45vh;
        --table-container-height: 47vh;
        --table-body-wrapper-height: calc(45vh - 25px);
    }
    .table-body-wrapper-t-pos-bill-list {
        max-height: 46vh;
    }
    }

/* for 1440x900 resolution */
@media (min-width: 1440px) and (max-width: 1599px) {
    :root {
        --tabs-content-height: 43vh;
        --table-container-height-t: 41vh;
        --table-container-height: 39vh;
        --table-body-wrapper-height: calc(39vh - 25px);
    }
    .table-body-wrapper-t-pos-bill-list {
        max-height: 39vh;
    }
    }

@media (min-width: 1366px) and (max-width: 1439px) {
    :root {
        --tabs-content-height: 32vh;
        --table-container-height-t: 28vh;
        --table-container-height: 28vh;
        --table-body-wrapper-height: calc(28vh - 25px);
    }
}
.sticky_footer {
    bottom: 0px;
    position: sticky;
    z-index: 1;
}
/*End POS Online Monitor*/
/*POS Download*/
.sub-tab.journal-entry-tab.w--current {
    background-color: #009ccd00;
    color: var(--primary);
    font-weight: 600;
    border-bottom: 3px solid var(--primary);
}
.sub-tab.journal-entry-tab {
   background-color: #009ccd00;
}

.sub-brdr.w-tab-menu {
    border-bottom: 1px solid var(--primary);
    margin-bottom:2px;
    text-align:left;
}
.pd.receipt{
    max-width:1080px;
}

.pd_bill {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.pd_bill_ht{
    height:57vh;
}

.cash_invoice.table-body-wrapper {
    display: block;
    height: 47vh;
    overflow-y: auto;
}

.cash_invoice_footer.table_footer {
    position: sticky;
    bottom: 0;
    background: white;
    z-index: 10;
    text-align: right;
    border-top: 1px solid #ddd;
}
.pos_payments.table-body-wrapper {
    display: block;
    height: 50vh;
    overflow-y: auto;
}

.pos_payments_footer.table_footer {
    position: sticky;
    bottom: 0;
    background: white;
    z-index: 10;
    text-align: right;
    border-top: 1px solid #ddd;
}
.bill_table.table-body-wrapper {
    display: block;
    height: 19vh;
    overflow-y: auto;
}
.till_table.table-body-wrapper {
    display: block;
    height: 15vh;
    overflow-y: auto;
}
.till_hd {
    color: var(--primary);
    background: #d1e6f3;
    text-align: center;
    font-weight: 600;
    font-size: .8rem !important;
}
.sub-tab-btn {
    background-color: #c9d3d9;
    color: var(--primary);
    cursor: pointer;
    border-radius: 3px;
    padding: 0 .75rem;
    transition: all .2s;
    font-size: .68rem;
}

    .sub-tab-btn.active, .sub-tab-btn:hover {
        background-color: var(--primary);
        color: var(--white);
        transition: all .2s;
    }

.sub-tab-div {
    position: absolute;
    left: 1px;
    padding: .15rem .2rem !important;
}

.sidebar_summary_ht{
    height:30vh;
}
   
    /*  for 1920x1080 resolution */
    @media (min-width: 1920px) {
        .cash_invoice.table-body-wrapper {
            height: 64vh;
        }

        .bill_table.table-body-wrapper {
            height: 40vh;
        }

        .pos_payments.table-body-wrapper {
            height: 66vh;
        }
    }
    /* for 1600x900 resolution */
    @media (min-width: 1600px) and (max-width: 1919px) {
        .cash_invoice.table-body-wrapper {
            height: 62vh;
        }

        .bill_table.table-body-wrapper {
            height: 33vh;
        }

        .pos_payments.table-body-wrapper {
            height: 61vh;
        }
    }
    /* for 1440x900 resolution */
    @media (min-width: 1440px) and (max-width: 1599px) {
        .cash_invoice.table-body-wrapper {
            height: 56vh;
        }

        .bill_table.table-body-wrapper {
            height: 29vh;
        }

        .pos_payments.table-body-wrapper {
            height: 59vh;
        }
    }
    /*End POS Download*/

    .cust_del_addr .dxbl-modal-body{
    max-height:70vh;
    overflow-x:hidden;
    overflow-y:auto;
}

/*  for 1920x1080 resolution */
@media (min-width: 1920px) {
    .cust_del_addr .dxbl-modal-body {
        max-height: 73vh;
        
    }
}

/* for 1600x900 resolution */
@media (min-width: 1600px) and (max-width: 1919px) {
    .cust_del_addr .dxbl-modal-body {
        max-height: 73vh;
    }
}

/* for 1440x900 resolution */
@media (min-width: 1440px) and (max-width: 1599px) {
    .cust_del_addr .dxbl-modal-body {
        max-height: 73vh;
    }
}

.dxbl-calendar-week-number {
    display: none!important; 
}
.dxbl-calendar-days-of-week td:first-child {
    display: none!important;
}
/*Call Logs*/
.pdf_btn {
    padding: .3rem;
    border-radius: 3px;
    
}

.dis_table_cell{
    display:table-cell;
}

.fs-default {
    font-size: .68rem;
}
.fs-7a {
    font-size: .7rem;
}

.fs-6{
    font-size:.9rem;
}

.send_btn {
    padding: .3rem;
    border-radius: 3px;
    width: 32px;
    height: 1.7rem !important;
}
.close_btn {
    height: 22px;
    width: 22px;
    padding: .3rem;
    border-radius: 3px;
}

.close_btn_fs{
    font-size:1rem !important;
}

.end_btn {
    padding: .3rem;
    border-radius: 3px;
    width: 89px;
    height: 1.7rem !important;
    font-size: .75rem;
}

.sidebar_subhd {
    color: darkred;
    font-size: .7rem;
    text-decoration:underline;
}

.textarea_section_ht {
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 34vh;
}
/*End Call Logs*/
.dxbl-grid-selected-row.dx-grid-focused-row {
    background: var(--vibrant) !important;
    color: white !important;
}

/*Audit Info Sidebar*/
.timeline-container {
    position: relative;
    width: 100%;
    height: 100%;
}

.timeline-line {
    position: absolute;
    top: 50%;
    left: 0;
    height: 1px;
    width: 100%;
    background-color: #33333352;
    transform: translateY(-50%);
    z-index: 1;
}

.event {
    position: absolute;
    width: 190px;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
}

.timeline-start,
.timeline-end {
    width: 10px;
    height: 10px;
    background-color: #003557;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}

.timeline-start {
    left: 0;
}

.timeline-end {
    right: 0;
}

.box label {
    font-size: .8rem;
}

.box p {
    margin-bottom: 0px;
    font-size: .7rem;
    text-align: left;
}

.event .box {
    border-radius: 8px;
    font-weight: 500;
}

.event .date {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    font-weight: bold;
}

.connector {
    position: relative;
    width: 100%;
    height: 60px;
}

    .connector .dot {
        width: 9px;
        height: 9px;
        background: #003557;
        border-radius: 50%;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        z-index: 2;
    }

    .connector .line {
        width: 1px;
        background: #0000007d;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }

    .connector .oval {
        width: 9px;
        height: 9px;
        background: #003557;
        border-radius: 50% / 50%;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }

.event-top {
    top: 0;
}

    .event-top .box {
        top: 50px;
        position: relative;
        margin-bottom: 8px;
        height: 145px;
        left: 4%;
    }

    .event-top .connector .dot {
        top: 64px;
    }

    .event-top .connector .line {
        top: 72px;
        height: 40px;
    }

    .event-top .connector .oval {
        top: 110px;
    }

    .event-top .date {
        bottom: -72px;
    }

    .event-top .connector {
        bottom: 15px;
    }

.event-bottom .connector {
  /*  bottom: 138px;*/
    bottom: -6px;
}


.event-bottom {
    bottom: 0;
}

    .event-bottom .box {
        bottom: 54px; /*  bottom: -10px;*/
        position: relative;
        left: 4%;
        height: 145px;
    }

    .event-bottom .connector .dot {
        bottom: 64px;
    }

    .event-bottom .connector .line {
        bottom: 72px;
        height: 40px;
    }

    .event-bottom .connector .oval {
        bottom: 110px;
    }

    .event-bottom .date {
        top: -80px;
    }

.event1 {
    left: 10%;
}

.event2 {
    left: 25%;
}

.event3 {
    left: 40%;
}

.event4 {
    left: 55%;
}

.event5 {
    left: 70%;
}
.event6 {
    left: 85%;
}
.event7 {
    left: 100%;
}
.event8 {
    left: 115%;
}
.event9 {
    left: 130%;
}
.event10 {
    left: 145%;
}
/*  for 1920x1080 resolution */
@media (min-width: 1920px) {
    .event-top {
        top: 138px !important;
    }

    .event-bottom {
        bottom: 138px !important;
    }
}

/* for 1600x900 resolution */
@media (min-width: 1600px) and (max-width: 1919px) {
    .event-top {
        top: 112px !important;
    }

    .event-bottom {
        bottom: 112px !important;
    }
}

/* for 1440x900 resolution */
@media (min-width: 1440px) and (max-width: 1599px) {
    .event-top {
        top: 48px !important;
    }
    .event-bottom {
       bottom: 48px !important;
    }
}
@media (min-width: 1360px) and (max-width: 1439px) {
    .event-top {
        top:-22px !important;
    }

    .event-bottom {
        bottom:-22px !important;
    }
}

.event-top .connector .dot, .event-top .connector .oval {
    background: var(--primary) !important;
    z-index:100;
}
.event-top .box label, .event-top .date {
    color: var(--primary) !important;
}

.event-top .box label, .event-bottom .box label {
    cursor: pointer !important;
}
    .event-bottom .connector .dot, .event-bottom .connector .oval {
        background: #009ccd !important;
        z-index: 100;
    }
.event-bottom .box label, .event-bottom .date {
    color: #009ccd !important;
}

.page-content-footer{
    height:2.6rem !important;
}
/*End Audit Info*/


.loc_btn {
    line-height: 20px;
    float: left;
    border-radius:3px;
    font-size: .656rem !important;
}

.call_log_tab .tbody-grid > .table_row {
    line-height: 22px !important;
}
.call_log.tabs-3{
    display:contents !important;  
}

.bg-blue-s {
   background: #c5e1f9 !important;
}
.bg-blue-s-var {
    background: #dcf0ff  !important;
}

.report-inp-wrapper {
    grid-template-columns: .5fr 1.4fr !important;/* .25fr 1fr*/
}
.tile-content.report, .tile-content .scroll-body {
    grid-row-gap: .12rem !important;
}
    .tile-content.report.outerFramee-tile-content {
        grid-row-gap: .13rem !important;
    }
    .rpt_select_ht {
        height: 4.625rem !important
    }
.rpt_3r_ht {
    height: 6rem !important
}
.badge_position{
    position:absolute;
    padding:5px 7px;
    font-size:.8rem !important;
}

.left_35 {
    left: 35%;
}
.left_45 {
    left: 45%;
}
.left_50{
    left: 50%;
}

.badge {
    background-color: green;
    color: white;
    padding: 4px 8px;
    text-align: center;
    border-radius: 5px;
}

.stamp-container {
    display: inline-block;
    padding: 0rem .7rem;
    border: 3px solid;
    position: relative;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    letter-spacing: 1px;
    border-radius: 3px;
    width: fit-content;
    height: fit-content;
}

    .stamp-container::before {
        content: "";
        position: absolute;
        top: 1px;
        left: 1px;
        right: 1px;
        padding: 0.5rem 1rem;
        bottom: 1px;
        border: .1rem solid;
        pointer-events: none;
        border-radius: 3px;
    }

.stamp-cancelled {
    color: #dc3545;
    border-color: #dc3545;
}

.stamp-approved {
    color: #28a745;
    border-color: #28a745;
}

.stamp-position {
    /*position: absolute;
    top: -.25rem;*/
    position: fixed;
    margin-top: -3px;
    z-index: 1 !important;
    align-self: center;
    margin-left: 6rem;
}



.stamp-container {
    position: relative;
    cursor: pointer;
}
.stamp_tooltip {
    border: 1px solid var(--grey);
    background-color: var(--white);
    position: absolute;
    bottom: 136%;
    left: 50%;
    transform: translateX(-50%);
    color: #636363;
    padding: 6px 3px;
    white-space: nowrap;
    font-size: .68rem;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease-in-out;
    z-index: 10;
    width: 180px;
    text-align: center;
    height: fit-content;
    white-space: break-spaces;
    line-height:15px;
}
.stamp-container:hover .stamp_tooltip {
    opacity: 1;
}
.stamp_tooltip::after {
    content: "";
    position: absolute;
    top: 100%; /* bottom of tooltip */
    left: 50%;
    transform: translateX(-50%);
    border-width: 5px;
    border-style: solid;
    border-color: #7e98a8 transparent transparent transparent;
  
}

/*Pending Document List*/
.doc_hd .w-checkbox-input {
    margin-right: .35rem !important;
}

.doc_ht,.trans_doc_ht {
    scrollbar-gutter:stable !important;
}
/*  for 1920x1080 resolution */
@media (min-width: 1920px) {
    .doc_ht {
        max-height: 31.7rem !important;
    }
    .trans_doc_ht {
        max-height: 33rem !important;
    }
}

/* for 1600x900 resolution */
@media (min-width: 1600px) and (max-width: 1919px) {
    .doc_ht {
        max-height: 24rem !important;
    }
    .trans_doc_ht {
        max-height: 27rem !important;
    }
}

/* for 1440x900 resolution */
@media (min-width: 1440px) and (max-width: 1599px) {
    .doc_ht {
        max-height: 20.2rem !important;
    }
    .trans_doc_ht {
        max-height: 23rem !important;
    }

}

@media (min-width: 1360px) and (max-width: 1439px) {
   

    .doc_ht{
        max-height:11rem !important;
    }
    .trans_doc_ht {
        max-height: 14rem !important;
    }
}
/*End Pending Document List*/
.upload_popup table>thead>tr{
    line-height:21px !important;
}
.sl-no {
    padding-left: .4rem !important;
    text-align: left !important;
}

/*Bulk Update Departments*/
.frame_select_ht{
    height:3.65rem;
}
/*End Bulk Update Departments*/
.cor_tax_rpt_ht.dxbrv-wrapper {
    height: 81vh !important;
}
/*  for 1920x1080 resolution */
@media (min-width: 1920px) {
    .cor_tax_rpt_ht.dxbrv-wrapper {
        height: 89vh !important;
    }
    .tax_rpt_ht {
        min-height: 68.5vh;
    }

    .trans_dtl_ht {
        min-height: 75.5vh;
    }
}

/* for 1600x900 resolution */
@media (min-width: 1600px) and (max-width: 1919px) {
    .cor_tax_rpt_ht.dxbrv-wrapper {
        height: 87vh !important;
    }
    .tax_rpt_ht {
        min-height: 58vh;
    }

    .trans_dtl_ht {
        min-height: 65vh;
    }
}

/* for 1440x900 resolution */
@media (min-width: 1440px) and (max-width: 1599px) {
    .cor_tax_rpt_ht.dxbrv-wrapper {
        height: 86vh !important;
    }
    .tax_rpt_ht {
        min-height: 58vh;
    }

    .trans_dtl_ht {
        min-height: 65vh;
    }
}

@media (min-width: 1360px) and (max-width: 1439px) {


    .cor_tax_rpt_ht.dxbrv-wrapper {
        height: 84vh !important;
    }

    .tax_rpt_ht{
       min-height:47vh;
    }

    .trans_dtl_ht {
        min-height: 58vh;
    }
}

.filter_btn.remove-button:hover{
    padding-left:.7rem !important;
    padding-right:.7rem !important;

}

.bg-blue-u {
    background: #d1e6f3;
}


.device_stock.table-body-wrapper {
    display: block;
    height: 51vh;
    overflow-y: auto;
}

.device_stock_footer.table_footer {
    position: sticky;
    bottom: 0;
    background: white;
    z-index: 10;
    text-align: right;
    border-top: 1px solid #ddd;
}

/*  for 1920x1080 resolution */
@media (min-width: 1920px) {
    .device_stock.table-body-wrapper {
        min-height: 71vh;
    }
}

/* for 1600x900 resolution */
@media (min-width: 1600px) and (max-width: 1919px) {
    .device_stock.table-body-wrapper {
        min-height: 65vh;
    }  
}

/* for 1440x900 resolution */
@media (min-width: 1440px) and (max-width: 1599px) {
    .device_stock.table-body-wrapper {
        min-height: 65vh;
    }
}

@media (min-width: 1360px) and (max-width: 1439px) {

    .device_stock.table-body-wrapper 
    {
        min-height: 51vh;
    }
      }
.fa-spin {
    animation: fa-spin 1s infinite linear;
}

@keyframes fa-spin {
    0% {
        transform: rotate(0deg);
    }

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


.remove-button{
    line-height:19px !important;
}

/*Asset Registration*/
.ps-4-c {
    padding-left: 2.75rem !important;
}


.img_Frame_AR {
/*    height: 14rem !important;
    display: flex;*/
    justify-content: center;
    align-items: center;
    overflow: hidden;
    display:contents;
}
.img_AR_FIT {
    position: relative;
    transform: rotate(90deg);
    transform-origin: center;
    height: 16px;
}
.ht-doc-upload {
    max-height: 18rem !important;
    height: 18rem !important;
    overflow-y: auto !important;
}

.ht-asset-info {
    max-height: 158px;
    min-height: 158px;
    
}

.ht-vehicle-info {
    max-height: 91px;
    min-height: 91px;
}

.buttons_AR {
    z-index: 9;
    right: 9px;
    top: 36px;
    background: #f5fbff;
    height: 24px;
}
/*  for 1920x1080 resolution */
@media (min-width: 1920px) {
    .ps-4-c {
        padding-left: 3.45rem !important;
    }
    .ht-asset-info {
        max-height: 158px;
        min-height: 158px;
    }
    .ht-vehicle-info {
        max-height: 104px;
        min-height: 104px;
    }
    .ht-doc-upload {
        max-height: 13.88rem !important;
        height: 13.88rem !important;
        overflow-y: auto !important;
    }
}

/* for 1600x900 resolution */
@media (min-width: 1600px) and (max-width: 1919px) {
    .ps-4-c {
        padding-left: 3.05rem !important;
    }
    .ht-asset-info {
        max-height: 158px;
        min-height: 158px;
    }
    .ht-vehicle-info {
        max-height: 104px;
        min-height: 104px;
    }
    .ht-doc-upload {
        max-height: 13.88rem !important;
        height: 13.88rem !important;
        overflow-y: auto !important;
    }
}

/* for 1440x900 resolution */
@media (min-width: 1440px) and (max-width: 1599px) {
    .ps-4-c {
        padding-left: 2.85rem !important;
    }
    .ht-asset-info {
        max-height: 158px;
        min-height: 158px;
    }
    .ht-vehicle-info {
        max-height: 104px;
        min-height: 104px;
    }
    .ht-doc-upload {
        max-height: 13.88rem !important;
        height: 13.88rem !important;
        overflow-y: auto !important;
    }
}

@media (min-width: 1360px) and (max-width: 1439px) {

    .ps-4-c {
        padding-left: 2.75rem !important;
    }
    .ht-asset-info {
        max-height: 158px;
        min-height: 158px;
    }
    .ht-vehicle-info {
        max-height: 91px;
        min-height: 91px;
    }
    .ht-doc-upload {
        max-height: 13.88rem !important;
        height: 13.88rem !important;
        overflow-y: auto !important;
    }
}
/*End AR*/

/*Asset Purchase*/
.img_Frame_AP{
    height: 6rem !important;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
/*End Asset Purchase*/

/*Employee Registration*/
.img_Frame_ER {
    height: 8.45rem !important;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.img_ER {
    position: relative;
    top: 10px;
    object-fit: fill;
    /*  
    height: 165px;
    width: 142px;
    object-fit: cover;
    */
}
.px-img-ER{
    padding-left:1rem !important;
    padding-right:1rem !important;
}
@media (min-width: 1920px) {
    .px-img-ER {
        padding-left: 6rem !important;
        padding-right: 1rem !important;
    }
}
    .left-ER-col {
        left: 20px;
        position: relative;
    }
    /*End Employee Registration*/

    /*Application Registration*/
    .pt-AR {
        padding-top: 1.2rem !important;
    }

    .pe-tab-end {
        padding-right: 2rem !important;
    }
    /*  for 1920x1080 resolution */
    @media (min-width: 1920px) {
        .pe-tab-end {
            padding-right: 2.5rem !important;
        }
    }

    /* for 1600x900 resolution */
    @media (min-width: 1600px) and (max-width: 1919px) {
        .pe-tab-end {
            padding-right: 2.15rem !important;
        }
    }

    /* for 1440x900 resolution */
    @media (min-width: 1440px) and (max-width: 1599px) {

        .pe-tab-end {
            padding-right: 2rem !important;
        }
    }

    @media (min-width: 1360px) and (max-width: 1439px) {
        .pe-tab-end {
            padding-right: 2rem !important;
        }
    }
    /*End Application Registration*/

    /*Asset Revaluation*/
    .ht-asset-info-reval {
        max-height: 116px;
        min-height: 116px;
    }

    .ht-debit-info-reval {
        max-height: 100px;
        min-height: 100px;
    }
    /*End Asset Revaluation*/

    /*Entry Authorize Buttons of Transaction Screens*/
    .directional-button:hover {
        background-color: var(--primary);
        color: var(--white);
    }

        .directional-button:hover:after {
            border-left-color: var(--primary);
        }

    .selected.directional-button {
        background-color: var(--vibrant);
        color: var(--white);
    }

        .selected.directional-button:after {
            border-left-color: var(--vibrant);
        }

    .selected .tab-no,
    .directional-button:hover .tab-no {
        background-color: var(--white) !important;
        color: var(--primary);
    }

    .disabled.directional-button:after {
        border-left-color: var(--grey);
    }

    .directional-button:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border-top: 50px solid transparent;
        border-bottom: 50px solid transparent;
        border-left: 30px solid var(--white);
        position: absolute;
        top: 50%;
        margin-top: -50px;
        left: 100%;
        z-index: 2;
    }

    .directional-button:before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border-top: 50px solid transparent;
        border-bottom: 50px solid transparent;
        border-left: 30px solid #d7dade;
        position: absolute;
        top: 50%;
        margin-top: -50px;
        margin-left: 2px;
        left: 100%;
        z-index: 1;
    }

    .directional-button:nth-child(1) {
        padding-left: 0px
    }

    .directional-button:last-child {
        padding-right: 20px
    }
    /*End Entry Authorize Buttons of Transaction Screens*/

    /*RIGHT SIDEBAR*/ /*Used in Asset Revaluation, Asset Written Off, Asset Sales*/
    :root {
        --bg: #f5f7fb;
        --card: #ffffff;
        --muted: #6b7280;
        --accent: linear-gradient(135deg,#6c5ce7 0%,#00b4d8 100%);
        --glass: rgba(255,255,255,0.6);
        --radius: 12px;
        --shadow: 0 6px 20px rgba(20,20,40,0.06);
        --success: #16a34a;
        --danger: #ef4444;
        font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
    }



    .mt-sidebar {
        margin-top: 3.54rem !important;
    }
    /* Sidebar 20% */
    .sidebar {
        flex: 0 0 20%;
        max-width: 360px;
        min-width: 260px;
        background: linear-gradient(180deg, rgba(255,255,255,0.9), rgba(255,255,255,0.85));
        border-radius: 2px;
        box-shadow: 1px 1px 6px 0px #00000075;
        padding: 10px;
        position: relative;
    }

        /* Header inside main */
        .sidebar .main-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 18px;
        }

        .sidebar .title {
            font-size: 20px;
            font-weight: 600
        }

        .sidebar .sub {
            color: var(--muted);
            font-size: 13px
        }

        /* fake revaluation form/content */
        .sidebar .card {
            background: linear-gradient(180deg,#fff,#fbfdff);
            border-radius: 10px;
            padding: 16px;
            margin-bottom: 16px;
            border: 1px solid rgba(15,23,42,0.03)
        }

        .sidebar .field-row {
            display: flex;
            gap: 12px;
            align-items: center;
            margin-bottom: 12px
        }

            .sidebar .field-row label {
                width: 160px;
                color: var(--muted);
                font-size: 12px
            }

            .sidebar .field-row .value {
                flex: 1;
                padding: 10px 12px;
                background: #f8fafc;
                border-radius: 8px;
                border: 1px solid rgba(15,23,42,0.03)
            }

        /* Sidebar content */
        .sidebar .asset-photo {
            width: 100%;
            height: 160px;
            border-radius: 10px;
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: center;
            background: linear-gradient(135deg,#eef2ff,#fff);
            border: 1px solid rgba(15,23,42,0.03)
        }

            .sidebar .asset-photo img {
                width: 100%;
                height: 100%;
                object-fit: cover
            }

        .sidebar .asset-title {
            margin-top: 12px;
            display: flex;
            align-items: center;
            gap: 10px
        }

            .sidebar .asset-title h3 {
                margin: 0;
                font-size: 16px
            }

        .sidebar .asset-meta {
            color: var(--muted);
            font-size: 12px;
            white-space: nowrap !important; /* Prevents going to second line */
            overflow: hidden !important; /* Hides overflowing text */
            text-overflow: ellipsis !important; /* Adds '...' at the end */
            max-width: 12vw !important; /* Set your desired width */
        }

        .sidebar .info-list {
            margin-top: 25px;
            display: grid;
            gap: 3px;
            max-height: 210px;
            overflow-y: auto;
        }

        .sidebar .info-item {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            padding: 0px;
            border-radius: 8px;
            background: linear-gradient(180deg,#ffffff,#fbfdff);
            border: 1px solid rgba(15,23,42,0.03);
        }

            .sidebar .info-item .label {
                color: #000f17;
                font-size: 12px
            }

            .sidebar .info-item .val {
                font-weight: 600;
                font-size: 12px;
                white-space: nowrap !important; /* Prevents going to second line */
                overflow: hidden !important; /* Hides overflowing text */
                text-overflow: ellipsis !important; /* Adds '...' at the end */
                max-width: 12vw !important; /* Set your desired width */
            }

        .sidebar .small {
            font-size: 12px;
            color: var(--muted)
        }

        /* Depreciation progress */
        .sidebar .dep-wrap {
            padding: 12px;
            border-radius: 8px;
            background: linear-gradient(90deg,#f8fafc,#ffffff);
            border: 1px solid rgba(15,23,42,0.03)
        }

        .sidebar .progress {
            height: 10px;
            background: #eef2ff;
            border-radius: 999px;
            overflow: hidden
        }

            .sidebar .progress > span {
                display: block;
                height: 100%;
                border-radius: 999px;
                background: var(--accent)
            }

        /* badges */
        .sidebar .badge {
            display: inline-block;
            padding: 6px 10px;
            border-radius: 999px;
            font-weight: 600;
            font-size: 12px
        }

            .sidebar .badge.ok {
                background: rgba(16,185,129,0.12);
                color: var(--success)
            }

            .sidebar .badge.expired {
                background: rgba(239,68,68,0.12);
                color: var(--danger)
            }

        .sidebar h3 {
            white-space: nowrap !important; /* Prevents going to second line */
            overflow: hidden !important; /* Hides overflowing text */
            text-overflow: ellipsis !important; /* Adds '...' at the end */
            max-width: 13vw !important; /* Set your desired width */
        }


    /* responsive */
    @media (max-width:980px) {

        .sidebar {
            flex: 1 1 100%;
            max-width: none;
            min-width: 0
        }
    }

    /*END RIGHT SIDEBAR*/

    /*Asset Sales*/
    .ht-asset-info-asset-sales {
        max-height: 101px;
        min-height: 101px;
    }
    /*End Asset Sales*/
    /*Asset Written Off*/
    .pl-auth-AW {
        padding-left: 1.35rem;
    }
    /*  for 1920x1080 resolution */
    @media (min-width: 1920px) {
        .pl-auth-AW {
            padding-left: 1.9rem;
        }
    }

    /* for 1600x900 resolution */
    @media (min-width: 1600px) and (max-width: 1919px) {
        .pl-auth-AW {
            padding-left: 1.6rem;
        }
    }

    /* for 1440x900 resolution */
    @media (min-width: 1440px) and (max-width: 1599px) {

        .pl-auth-AW {
            padding-left: 1.45rem;
        }
    }

    @media (min-width: 1360px) and (max-width: 1439px) {
        .pl-auth-AW {
            padding-left: 1.35rem;
        }
    }
    /*End Asset Written Off*/

 /*Production | Calendarview Dashboard*/
.outer_card_glow {
    top: 4px;
    position: relative;
    box-shadow: 0 6px 16px rgba(0, 57, 128, 0.15);
    border-radius: 0px;
    background: white;
}
.calendar-card {
    position: relative;
    top: -4px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    /*background: #ffffff;*/
    border-radius: 12px;
    /*box-shadow: 0 6px 16px rgba(0, 57, 128, 0.15);*/
    width: fit-content;
    transition: all 0.3s ease;
    /*padding: 5px;*/
}
 .calendar-card .event-template.color {
        background-color: #ffffff;
    }
        .fc-daygrid-dot-event.fc-event-mirror, .fc-daygrid-dot-event:hover{
    cursor:pointer;
}
/* .calendar-card:hover {
        transform: translateY(-2px);
        box-shadow: 0 8px 20px rgba(0, 57, 128, 0.25);
    }*/
.rs_bar_till_table.table-body-wrapper {
    display: block;
    height: 14.4vh;
    overflow-y: auto;
}

.p-head-so{
    padding:0.1rem !important;
}
    .calendar-date {
    text-align: center;
    border-radius: 10px;
    width: 60px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    background: linear-gradient(180deg, #568caf 0%, #003557 100%);
    color: #fff;
}

    .calendar-date .month {
        background-color: rgba(255, 255, 255, 0.15);
        font-weight: 600;
        font-size: 0.75rem;
        padding: 2px 0;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    .calendar-date .day {
        font-size: 1.4rem;
        font-weight: 700;
        padding: 4px 0 4px;
    }

.calendar-icon {
    text-align: center;
    border-radius: 10px;
    width: 64px; /*60px;*/
    height: 64px; /*52px*/
    overflow: hidden;
    /* box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    color: #fff;
    background: transparent !important;
    border: 1px solid #003557;*/
    padding: 2px;
}
.calendar_view hr{
    margin:0.1rem 0rem !important;
}
.calendar-card .event-date-day-name{
    font-size:10px;
}

.schedule-content h6 {
    margin: 0;
    font-weight: 600;
    font-size: 1rem;
    color: #1b2a4e;
}

.schedule-content button {
    margin-top: 6px;
    background: linear-gradient(90deg, #003557 0%, #000000 100%);
    color: white;
    border: none;
    font-size: 0.85rem;
    border-radius: 6px;
    padding: 4px 10px;
    transition: 0.3s;
}

    .schedule-content button:hover {
        background: linear-gradient(90deg, #025387 0%, #5caee3 100%);
    }

.schedule_table .table_header{
    line-height:24px;
}

#calendar-container {
    height: 100vh;
}
.fc-theme-standard td {
    background: var(--white);
}
.fc-theme-standard th {
    background: var(--primary);
}
.fc-header-toolbar {
    padding-top: 1em;
    padding-left: 1em;
    padding-right: 1em;
}

.fc-daygrid-day-number {
    font-weight: bold;
    font-size: 22px; /* adjust as needed */
}

.fc .fc-daygrid-day-number {
    color: var(--primary) !important;
}

.fc .fc-col-header-cell-cushion {
    color: var(--white);
}

fc-direction-ltr .fc-daygrid-event.fc-event-start, .fc-direction-rtl .fc-daygrid-event.fc-event-end {
    margin-left: 4px;
}

a.fc-event, a.fc-event:hover {
    color: var(--black);
}

.fc .fc-daygrid-more-link {
    color: var(--primary);
}

.fc-dayGridMonth-view.fc-view.fc-daygrid {
    height: 66vh !important;
}
.calendar-width{
    width:67vw;
}
/*  for 1920x1080 resolution */
@media (min-width: 1920px) {
    .fc-dayGridMonth-view.fc-view.fc-daygrid {
        height: 79vh !important;
    }
    .outer_card_glow.till_table.table-body-wrapper {
        /* height: 22.3vh !important;*/ /*WIN 11*/
        height: 18.65vh !important; /*WIN 10*/
    }

    .rs_bar_till_table.table-body-wrapper {
        /* height: 22vh !important;*/ /*WIN 11*/
        height: 22vh !important;  /*WIN 10*/
    }
    .calendar-width {
        width: 67.8vw;
    }
   /*Used in Production Schedule Only */ 
   .prod_s_pe{
        padding-right:4rem !important;
    }
    /*End Used in Production Schedule Only */ 
}

/* for 1600x900 resolution */
@media (min-width: 1600px) and (max-width: 1919px) {
    .fc-dayGridMonth-view.fc-view.fc-daygrid {
        height: 76vh !important;
    }
    .outer_card_glow.till_table.table-body-wrapper {
        height: 22vh !important;
    }

    .rs_bar_till_table.table-body-wrapper {
        /* height: 19.2vh !important;*/ /*WIN 11*/
        height: 16vh !important;
    }
    /*Used in Production Schedule Only */ 
    .prod_s_pe {
        padding-right: 2rem !important;
    }
    /*End Used in Production Schedule Only */ 
}

/* for 1440x900 resolution */
@media (min-width: 1440px) and (max-width: 1599px) {

    .fc-dayGridMonth-view.fc-view.fc-daygrid {
        height: 76vh !important;
    }
    .outer_card_glow.till_table.table-body-wrapper{
        height:22vh !important;
    }
    .rs_bar_till_table.table-body-wrapper {
        /* height: 19.2vh !important;*/ /*WIN 11*/
        height: 16vh !important;
    }
    /*Used in Production Schedule Only */
    .prod_s_pe {
        padding-right: .5rem !important;
    }
    /*End Used in Production Schedule Only */ 
}

@media (min-width: 1360px) and (max-width: 1439px) {
    .fc-dayGridMonth-view.fc-view.fc-daygrid {
        height: 66vh !important;
    }
    .outer_card_glow.till_table.table-body-wrapper {
        height: 15vh !important;
    }

    .rs_bar_till_table.table-body-wrapper {
        height: 14.4vh !important;
    }
    /*Used in Production Schedule Only */ 
    .prod_s_pe {
        padding-right: 0rem !important;
    }
    /*End Used in Production Schedule Only */ 
}
    /*End Production|Dashboard*/
.fc-icon.fc-icon-fa {
    font-family: "FontAwesome" !important;
}

.pl-25{
    padding-left:.25rem !important;
}

/*Material Planning Advice*/
.p-1px{
    padding:1px;
}
.material_pa.table-body-wrapper {
    display: block;
    height: 55vh;
    overflow-y: auto;
}

.material_pa_footer.table_footer {
    position: sticky;
    bottom: 0;
    background: white;
    z-index: 10;
    text-align: right;
    border-top: 1px solid #ddd;
}

.rs_detail.till_table.table-body-wrapper {
    display: block;
    height: 26vh;
    overflow-y: auto;
}

/*  for 1920x1080 resolution */
@media (min-width: 1920px) {
    .material_pa.table-body-wrapper {
        height: 73vh;
    }
    .rs_detail.till_table.table-body-wrapper {
        height: 56vh;
    }
   }

/* for 1600x900 resolution */
@media (min-width: 1600px) and (max-width: 1919px) {
    .material_pa.table-body-wrapper {
        height: 68vh;
    }
    .rs_detail.till_table.table-body-wrapper {
        height: 48vh;
    }
}

/* for 1440x900 resolution */
@media (min-width: 1440px) and (max-width: 1599px) {
    .material_pa.table-body-wrapper {
        height: 68vh;
    }
    .rs_detail.till_table.table-body-wrapper {
        height: 48vh;
    }
    
}

@media (min-width: 1360px) and (max-width: 1439px) {
    .material_pa.table-body-wrapper {
        height: 55vh;
    }

    .rs_detail.till_table.table-body-wrapper {
        height: 26vh;
    }
}
/*End Material Planning Advice*/

/*.night.inp-field {
    background-color: black !important;
    color: white !important;
}
.night .dxbl-btn-group {
    background-color: black !important;
    color: white !important;
}
.night .dxbl-btn {
    background-color: black !important;
    color: white !important;
}*/

/*WIP Monitor*/
.ht-WIPMonitor-details {
    max-height: 170px;
    min-height: 170px;
}
.WIPMonitor-details.table-body-wrapper {
    display: block;
    height: 18vh;
    overflow-y: auto;
}

.WIPMonitor-details-footer.table_footer {
    position: sticky;
    bottom: 0;
    background: white;
    z-index: 10;
    text-align: right;
    border-top: 1px solid #ddd;
}

.ht-WIPMonitor-salesorder {
    max-height: 107px;
    min-height: 107px;
}

.WIPMonitor-salesorder.table-body-wrapper {
    display: block;
    height: 8vh;
    overflow-y: auto;
}

.WIPMonitor-salesorder-footer.table_footer {
    position: sticky;
    bottom: 0;
    background: white;
    z-index: 10;
    text-align: right;
    border-top: 1px solid #ddd;
}
/*  for 1920x1080 resolution */
@media (min-width: 1920px) {
    .ht-WIPMonitor-details {
        max-height: 250px;
        min-height: 250px;
    }

    .WIPMonitor-details.table-body-wrapper {
        height: 18vh;
    }

    .ht-WIPMonitor-salesorder {
        /*max-height: 186px;
        min-height: 186px;*/
        max-height: 230px;
        min-height: 230px;
    }

    .WIPMonitor-salesorder.table-body-wrapper {
       /* height: 16vh;*/
        height: 15vh;
    }
    .h-47 {
        height: 48% !important;
    }
}

/* for 1600x900 resolution */
@media (min-width: 1600px) and (max-width: 1919px) {
    .ht-WIPMonitor-details {
        /*max-height: 190px;
        min-height: 190px;*/
        max-height: 200px;
        min-height: 200px;
    }

    .WIPMonitor-details.table-body-wrapper {
        height: 16vh;
    }

    .ht-WIPMonitor-salesorder {
        max-height: 174px;
        min-height: 174px;
    }

    .WIPMonitor-salesorder.table-body-wrapper {
        height: 13vh;
    }
    .h-47 {
        height: 48% !important;
    }
}

/* for 1440x900 resolution */
@media (min-width: 1440px) and (max-width: 1599px) {
    .ht-WIPMonitor-details {
        /*max-height: 190px;
        min-height: 190px;*/
        max-height: 200px;
        min-height: 200px;
    }

    .WIPMonitor-details.table-body-wrapper {
        height: 16vh;
    }

    .ht-WIPMonitor-salesorder {
        max-height: 174px;
        min-height: 174px;
    }

    .WIPMonitor-salesorder.table-body-wrapper {
        height: 13vh;
    }
    .h-47 {
        height: 48% !important;
    }
}

@media (min-width: 1360px) and (max-width: 1439px) {
    /* WIN 11
        
        .ht-WIPMonitor-details {
        max-height: 170px;
        min-height: 170px;
    }
    .WIPMonitor-details.table-body-wrapper {
       
        height: 18vh;
    }
    .ht-WIPMonitor-salesorder {
        max-height: 107px;
        min-height: 107px;
    }

    .WIPMonitor-salesorder.table-body-wrapper {
       
        height: 8vh;
    }
    */
    .ht-WIPMonitor-details {
        max-height: 174px;
        min-height: 174px;
    }

    .WIPMonitor-details.table-body-wrapper {
        height: 17vh;
    }

    .ht-WIPMonitor-salesorder {
        max-height: 120px;
        min-height: 120px;
    }

    .WIPMonitor-salesorder.table-body-wrapper {
        height: 9vh;
    }
    }

.mt-sidebar-WIP-Monitor {
    margin-top: 3.25rem !important;
}
    /*End WIP Monitor*/

.line-height-2-2x {
    line-height: 2.2 !important;
}
.h-50vh {
    height: 50vh !important
}
.dxgrid-black-header .dxbl-grid-header-row{
    background:black!important;
}