@font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: local('Material Icons'),local('MaterialIcons-Regular'),url(../fonts/MaterialIcons-Regular.ttf) format('truetype'); }

.material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap;
direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-feature-settings: 'liga'; }
.input-group .material-icons{ font-size: 13px !important; display: flex;}
#resetsearch .material-icons{ font-size: 20px !important; top: 0 !important; display: flex;}

.material-icons.folder:after{ content:"folder" }
.jstree-open > a > i.material-icons.folder:after{ content:"folder_open" }
.material-icons.add:after{ content:"add" }
.material-icons.edit:after{ content:"edit" }
.material-icons.refresh:after{ content:"refresh" }
.material-icons.delete:after{ content:"delete" }
.material-icons.insert_drive_file:after{ content:"insert_drive_file" }
.material-icons.print:after{ content:"print" }

#warehousecontainer .material-icons:after{ content:""}
#warehousecontainer .material-icons{ margin-right: 5px; transform:scale(1.4); }
#warehousecontainer .jstree-anchor{ border-bottom: 1px solid #EEE;}

.font-primary{ font-family: 'Acumin Pro' !important;}
.font-secondary{ font-family: 'KomuB' !important; }
a i.material-icons{ font-size: inherit;position: relative; top:0.15em;left:-2px;color:inherit; }
ul.nav{ font-size: 1.2rem !important;}
ul.nav .font-primary{ padding-left:20px; font-size: 0.9rem !important;}
@media (max-width: 575.98px) { ul.nav{ font-size: 1.6rem !important; } }
@media (min-width: 575.99px) { .sidebar { max-width: 250px !important; }}
#modal_form{ height: 100%;}

.bg-sand{ background-color: #E2D8CE !important; }
.bg-note{ background-color: #fff7dd !important; }
.bg-grey-noback{ background-color: #E6E6E6 !important; }
.bg-striped { background-color: var(--bs-table-striped-bg); }
.nav-tabs .nav-link:not(.active){ background-color: #E2D8CE !important; border-color:#E2D8CE !important; }
.nav-tabs .nav-link{ margin-left:2px; font-size:0.8rem !important; }
.text-gray{ color: #6c757d !important; }
/*.masked_img{ filter: invert(44%) sepia(89%) saturate(2149%) hue-rotate(163deg) brightness(97%) contrast(103%); }*/

:root {
    --bs-primary: #d1bf91;
    --bs-secondary: #D8DCE3;
    --bs-font-size-base: 0.8rem;
    --bs-font-family-base:'AvenirLT';
    --bs-btn-font-size: 1.0rem;
    --bs-btn-font-family: 'AvenirLT';
    --bs-badge-font-weight:'normal';
    --bs-pagination-color: #000000;
    --bs-component-active-bg:#000000;
    --bs-component-active-color: #FFFFFF;
    --bs-modal-backdrop-bg: #000000;
    --bs-modal-backdrop-opacity: .8;
    --bs-border-radius: 0;
    --bs-tooltip-font-size:                 0.8rem;
    --bs-tooltip-max-width:                 300px;
    --bs-tooltip-color:                     #FFF;
    --bs-tooltip-bg:                        #000000;
}

table.table{ font-size: 1em;}
table .functions a i, .list-group-item .functions a i{ font-size: 1.5em; top:0;left:0;}
table .functions a, .list-group-item .functions a{ margin-left:5px}

.jstree-default .jstree-hovered,.jstree-default .jstree-context,.jstree-default .jstree-clicked{ background: none !important; box-shadow: none !important;}
.jstree-icon.material-icons{ background-image: none !important;}
.jstree-icon.material-icons:after{ font-size: 20px; top: -4px; position: relative; }

.vakata-context li>a{ line-height: 2.45em !important;}
.vakata-context li>a:hover,.vakata-context .vakata-context-hover>a{ background: #E2D8CE !important; box-shadow: none !important; }
.vakata-context li>a i.material-icons{ background-image: none !important; }
.vakata-context li>a i.material-icons:after{ font-size: 19px; top: -1.5px; left:3px; position: relative; }
.vakata-context{ box-shadow: none !important; padding:0 !important;}

.profile-image{ max-width: 75px !important; max-height: 75px;}

#backdrop { position:fixed; top:0; width: 100vw; height: 100vh; z-index: 999; background-color: rgb(23, 31, 55,0.8); }
#backdrop .spinner-border{ display: block; position: fixed; top: 50%; left:50%; color: white; }
#pagination .small.text-muted{ font-size: 1em; margin-right: 10px;}

.autocomplete-menu mark { text-decoration: underline; background: none; color: currentColor; padding: 0; }
.autocomplete-menu { --scroller-color: 0, 0%; --scroller-color-lightness: 80%; --scroller-bg-lightness: 90%; --scroller-hover-factor: 0.8; --scroller-thumb: hsl(var(--scroller-color), var(--scroller-color-lightness)); --scroller-thumb-hover: hsl(var(--scroller-color), calc(var(--scroller-color-lightness) * var(--scroller-hover-factor))); --scroller-background: hsl(var(--scroller-color), calc(var(--scroller-bg-lightness))); scrollbar-color: var(--scroller-thumb) var(--scroller-background); scrollbar-width: thin; }

.autocomplete-menu::-webkit-scrollbar { width: 8px; }
.autocomplete-menu::-webkit-scrollbar-track { background: var(--scroller-background); }
.autocomplete-menu::-webkit-scrollbar-thumb { background: var(--scroller-thumb); }
.autocomplete-menu::-webkit-scrollbar-thumb:hover { background: var(--scroller-thumb-hover); }

.border-top-notrounded{ border-top-left-radius: 0% !important; border-top-right-radius: 0% !important; }
.table-nolastborder > tbody > tr:last-child td{ border-bottom: none; }

.turn[data-bs-toggle=collapse][aria-expanded=true] i{ animation: animateturn 0.2s; animation-fill-mode: forwards; }
@keyframes animateturn { 100%{ transform: rotate(180deg); } }

#resetsearch .material-icons{ top:3px; position: relative; }
input[type="date"]{ height:33px;}
.form-control[disabled]::placeholder{ opacity: 0;}

.jstree-grid-cell {vertical-align: top; overflow:hidden;margin-left:0;position:relative;width: 100%;padding-left:7px;white-space: nowrap;-ms-scroll-limit: 0 0 0 0; border-bottom: 1px solid #EEE;}
.jstree-grid-cell span {margin-right:0px;margin-right:0px;*display:inline;white-space: nowrap;}
.jstree-grid-separator {position:absolute; top:0; right:0; height:24px; margin-left: -2px; border-width: 0 2px 0 0; *display:inline; margin-right:0px;width:0px;}
.jstree-grid-header-cell {overflow: hidden; white-space: nowrap;padding: 1px 3px 2px 5px; cursor: default;}
.jstree-grid-header-themeroller {border: 0; padding: 1px 3px;}
.jstree-grid-header-regular {position:relative; background-color: #F2F2F2; z-index: 1;}
.jstree-grid-hidden {display: none;}
.jstree-grid-resizable-separator {cursor: col-resize; width: 2px;}
.jstree-grid-separator-regular {border-color: #EEE; border-style: solid;}
.jstree-grid-cell-themeroller {border: none !important; background: transparent !important;}
.jstree-grid-wrapper {table-layout: fixed; width: 100%; overflow: auto; position: relative;}
.jstree-grid-midwrapper {display: table-row;}
.jstree-grid-width-auto {width:auto;display:block;}
.jstree-grid-column {display: table-cell; overflow: hidden;-ms-scroll-limit: 0 0 0 0;}
.jstree-grid-ellipsis {text-overflow: ellipsis;}
.jstree-grid-col-0 {width: 100%;}

.text-end.functions{ white-space: nowrap; }


.mainbg{ background: none; }
@font-face {
    font-family: AvenirLT;
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url(/fonts/22c9fb19-d2ca-4a69-913f-3d216e2744d1.7b50aef.woff2) format("woff2")
}
@font-face {
    font-family: Beyond Infinity;
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url(/fonts/beyond_infinity-webfont.9567b7f.woff) format("woff")
}
.font-primary{ font-family: 'AvenirLT', sans-serif !important; }
.font-secondary{ font-family: 'AvenirLT', sans-serif !important; }
.bg-secondary.text-light{ color:#000 !important; }
.logo-centered{ max-height: 90px; margin-bottom: 20px;}
.bg-tertiary{ background-color: #ddb351;}
#top_header{  background-color: #ddb351 !important; }
.sidebar .text-secondary{ color:#000 !important; }
.sidebar a.nav-link.bg-sand{ background-color: none !important; }
.breadcrumb-item .text-secondary{ color:#000 !important; }
.bg-dashboard{ background: none !important;}
.bg-sand{ background: #D8DCE3 !important;}
.h4, h4, .nav-link{ font-size: 1rem !important; }
.h1, h1{ font-size: 1.5rem !important;}
.functions .text-secondary{ color:#000 !important; }
.btn-secondary.text-light { color: #000 !important; }