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

html, body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

html, body {
    min-width: 1320px;
    min-height: 100%;
    height: 100%;
    font-size: 14px;
}

.btn-icon {
    -webkit-mask-image: var(--dxbl-btn-icon-mask-image);
    mask-image: var(--dxbl-btn-icon-mask-image);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    mask-size: contain;
    background-position: center center;
    opacity: var(--dxbl-icon-opacity);
    width: 20px;
    height: 20px;
    background-color: currentColor;
}

.btn-icon-doc {
    --dxbl-btn-icon-mask-image: url(/images/icons/dailly-report.svg);
}



.col-min-width-120 {
    min-width: 120px;
}

.col-min-width-140 {
    min-width: 140px;
}

.col-min-width-500 {
    min-width: 500px;
}

.col-min-width-600 {
    min-width: 600px;
}

.column-2s {
    width: 90px !important;
}

.column-3s {
    width: 96px !important;
}

.column-4s {
    width: 100px !important;
}

.column-8s {
    width: 130px !important;
}

.column-10s {
    width: 150px !important;
}

.column-datetime {
    width: 140px !important;
}

.col-min-width-datetime {
    min-width: 184px;
}

.column-digit {
    min-width: 130px !important;
}

.column-weather {
    min-width: 276px !important;
}





.cursor-pointer {
    cursor: pointer;
}

.editing-field-body-class,
.editing-field-body-class .dxbl-list-box-render-container {
    max-height: 600px !important;
}

.flex-grow-1 {
    flex: 1;
}

.flex-grow-2 {
    flex: 2;
}

.flex-grow-3 {
    flex: 3;
}

.flex-grow-4 {
    flex: 4;
}

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

.bg-gray-10 {
    background-color: var(--DS-utility-gray-10);
}

.bg-gray-20 {
    background-color: var(--DS-utility-gray-20);
}

.bg-gray-30 {
    background-color: var(--DS-utility-gray-30);
}

.bg-gray-40 {
    background-color: var(--DS-utility-gray-40);
}

.bg-gray-50 {
    background-color: var(--DS-utility-gray-50);
}

.bg-gray-60 {
    background-color: var(--DS-utility-gray-60);
}

.bg-gray-70 {
    background-color: var(--DS-utility-gray-70);
}

.bg-gray-80 {
    background-color: var(--DS-utility-gray-80);
}

.bg-gray-90 {
    background-color: var(--DS-utility-gray-90);
}

.bg-gray-100 {
    background-color: var(--DS-utility-gray-100);
}

.bg-gray-110 {
    background-color: var(--DS-utility-gray-110);
}

.bg-gray-120 {
    background-color: var(--DS-utility-gray-120);
}

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

.grid-modified-cell {
    background-color: rgba(var(--bs-primary-rgb), 0.15) !important;
}

.hidden-block {
    position: absolute;
    z-index: 100;
    left: -10000px;
    width: 1px;
    height: 1px;
}

.emails-to-dropdown {
    display: none !important;
}

.label-width-86 {
    width: 86px !important;
}

.label-width-90 {
    width: 90px !important;
}

.label-width-96 {
    width: 96px !important;
}

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

.label-width-184 {
    width: 184px !important;
}

.label-width-208 {
    width: 208px !important;
}

.left-menu a {
    text-decoration: none;
}

.left-menu > ul > li > ul > li > a {  
    display: inline-block;
    width: 200px;
    border-radius: 3.5px;
    padding: 5.25px;
    color: var(--DS-neutral-160);
}

.left-menu > ul > li > ul > li > a span {
    font-size: 13px;
}

.left-menu > ul > li > ul > li > a.active {
    color: var(--DS-neutral-160);
    background-color: var(--DS-color-surface-primary-default-rest);
}

.left-menu > ul > li > ul > li > a.active span {
    color: #FFFFFF;
}

body:has(.container) #loading-overlay,
body:has(.container-fluid) #loading-overlay {
    display: none;
}

.loading-panel {
    height: calc(100% - 43px) !important;
}

.offline-banner,
#offline-banner,
#unsent-report-banner {
    width: 100%;
    background-color: #ff4d4f;
    color: white;
    text-align: center;
    padding: 10px;
    font-weight: bold;
    z-index: 9999;
}

.row-min-width {
    min-width: 600px;
}

.tgbx-emails .dxbl-tag.dxbl-tag-tmpl {
    border-radius: var(--dxbl-tag-box-tag-border-radius);
    background-color: var(--dxbl-tag-box-tag-bg);
    color: var(--dxbl-tag-box-tag-color)
}

.toast-bottom-space {
    bottom: 100px;
}


.dxbl-drawer-body .treeview-menu .dxbl-btn.dxbl-btn-text-secondary.dxbl-disabled.dxbl-btn-tool.dxbl-invisible {
    display: none;
}


.dxbl-drawer-body .dxbl-tabs > .dxbl-tabs-tablist.dxbl-tabs-tablist-scrollable > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul {
    justify-content: space-evenly;
}


.dxbl-drawer-body dxbl-tab-list .dxbl-scroll-viewer-content {
    border-bottom: 1px solid var(--DS-utility-gray-30);
}

.dxbl-grid-header {
    background-color: var(--DS-utility-gray-20) !important;
}

dxbl-dropdown-dialog .dxbl-btn.dxbl-btn-text-secondary.dxbl-btn-tool[aria-label='Apply'] svg {
    visibility: hidden;
}

dxbl-dropdown-dialog .dxbl-btn.dxbl-btn-text-secondary.dxbl-btn-tool[aria-label='Apply'] {
    background: url(/images/icons/datepicker-save.svg) center no-repeat;
}