:root {
	--light-grey: #f7f8f9;
	--normal-grey: #cccbcb;
	--dark-grey: #8c8b8b;	
	--light-green: #e4ebdf;
	--light-green-p1: #f4fbef;
	--light-green-m1: #d4dbcf;
	--light-green-m1-hover: #e4ebdf;
	--money-green: #c0c9bb;
	--money-green-hover: #c4cdbf;
	--money-green-p1: #e0e9db;
	--money-green-p2: #f0f9eb;	
	--money-green-m1: #bec7ba;
	--money-green-m2: #80897b;	
	--bright-green: #209442;
	--bright-green-p1: #40b462;
	--dark-green: #004814;
	--dark-green-p1: #206834;
	--darkest-green: #5b645e;
	--light-pink: #f9dfd9;
	--light-pink-m2: #e7bbb1;
	--light-magenta: #a432a1;
	--pure-red: #d4060e;
	--normal-brown: #a57d43;
		
	--minwidth: 280px;
	
	--link-normal: var(--bright-green);
	--link-hover: var(--bright-green-p1);
	--link-outline: 2px solid var(--light-green);
	
	--body-background: var(--light-grey);
	
	--message-error: var(--light-pink);
	--message-error-m2: var(--light-pink-m2);
	--message-normal: var(--light-grey);
	
	--dialog-border: var(--normal-grey);
	--dialog-title-bg: var(--light-green);
	--dialog-min-width: 450px; 
	--dialog-max-width: 600px;
	--dialog-padding: 20px;
	
	--button-bg: white;
	--button-text: var(--dark-green);
	--button-hover-bg: var(--bright-green);
	--button-hover-text: white;
	--button-hover-border: var(--dark-green-p1);
	--button-border: 1px solid var(--dark-green);
	--button-default-bg: var(--dark-green);
	--button-default-text: white;
	--button-disabled-text: var(--normal-grey);
	--button-disabled-border: var(--normal-grey);
	--button-disabled-bg: var(--light-grey);
	
	--main-menu-width: 300px;
	--main-menu-expanded-width: 210px;
	--main-menu-header-height: 100px;
	--main-menu-bg: var(--light-green);
	--main-menu-hr: var(--money-green);
	--main-menu-active-bg: white;
	--main-menu-hover-bg: var(--money-green-p2);
	--main-menu-header-bg: var(--light-green-m1);
	--main-menu-logout-bg: var(--light-green-m1);
	
	--table-header-bg: var(--darkest-green);
	--table-header-color: white;
	--table-header-border: var(--dark-grey);
	--table-cell-padding: 7px 10px;
	
	--custom-icon-bg: var(--light-grey);
	--custom-icon: var(--bright-green);
	--custom-icon-hover-border: var(--normal-grey);
	
	--input-border: var(--dark-green);
	--input-focus: 3px solid var(--light-green);
	--input-selected-bg: var(--light-green);
	--input-selected-text: black;
	--input-disabled: var(--normal-grey);
	
	--module-padding: 30px 40px; /* 40px 40px;*/
	--module-gap: 15px;
	
	--trans-func: all 0.2s cubic-bezier(0.68, 0.1, 0, 1);
	
	--dialog-shadow: rgb(0 0 0 / 7%) 0px 1px 1px, rgb(0 0 0 / 7%) 0px 2px 2px, rgb(0 0 0 / 7%) 0px 4px 4px, rgb(0 0 0 / 7%) 0px 8px 8px, rgb(0 0 0 / 7%) 0px 16px 16px;
}

.ss-hide{display:none !important}
.ss-main{display:flex;flex-direction:row;position:relative;user-select:none;color:var(--ss-font-color);min-height:var(--ss-main-height);width:100%;
	padding:var(--ss-spacing-s);cursor:pointer;border:1px solid var(--ss-border-color);border-radius:var(--ss-border-radius);
	background-color:var(--ss-bg-color);outline:0;box-sizing:border-box;transition:background-color var(--ss-animation-timing);overflow:hidden}
.ss-main:focus{box-shadow:0 0 5px var(--ss-primary-color)}
.ss-main.ss-disabled{background-color:var(--ss-disabled-color);cursor:default;/*not-allowed*/ color: var(--dark-grey) !important; }
.ss-main.ss-disabled .ss-values .ss-disabled{color:var(--ss-font-color)}
.ss-main.ss-disabled .ss-values .ss-value .ss-value-delete{cursor:not-allowed}
.ss-main.ss-open-above{border-top-left-radius:0px;border-top-right-radius:0px}
.ss-main.ss-open-below{border-bottom-left-radius:0px;border-bottom-right-radius:0px}
.ss-main .ss-values{display:inline-flex;flex-wrap:wrap;gap:var(--ss-spacing-m);flex:1 1 100%}
.ss-main .ss-values .ss-placeholder{display:flex;padding:var(--ss-spacing-s) var(--ss-spacing-m) var(--ss-spacing-s) var(--ss-spacing-m);margin:auto 0px auto 0px;line-height:1em;
	align-items:center;width:100%;color:var(--ss-font-placeholder-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ss-main .ss-values .ss-max{display:flex;user-select:none;align-items:center;width:fit-content;font-size:12px;color:var(--ss-bg-color);line-height:1;
	padding:var(--ss-spacing-s) var(--ss-spacing-m);background-color:var(--ss-primary-color);border-radius:var(--ss-border-radius)}
.ss-main .ss-values .ss-single{display:flex;margin:auto 0px auto var(--ss-spacing-s); align-items: baseline; gap: 20px; }
.ss-main .ss-values .ss-value{display:flex;user-select:none;align-items:center;width:fit-content;background-color:var(--ss-primary-color);border-radius:var(--ss-border-radius);
	animation-name:ss-valueIn;animation-duration:var(--ss-animation-timing);animation-timing-function:ease-out;animation-fill-mode:both}
.ss-main .ss-values .ss-value.ss-value-out{animation-name:ss-valueOut;animation-duration:var(--ss-animation-timing);animation-timing-function:ease-out}
.ss-main .ss-values .ss-value .ss-value-text{font-size:12px;color:var(--ss-bg-color);line-height:1;padding:var(--ss-spacing-s) var(--ss-spacing-m)}
.ss-main .ss-values .ss-value .ss-value-delete{display:flex;align-items:center;height:var(--ss-spacing-l);width:var(--ss-spacing-l);padding:var(--ss-spacing-s) var(--ss-spacing-m);
	cursor:pointer;border-left:solid 1px var(--ss-bg-color);box-sizing:content-box}
.ss-main .ss-values .ss-value .ss-value-delete svg{height:var(--ss-spacing-l);width:var(--ss-spacing-l)}
.ss-main .ss-values .ss-value .ss-value-delete svg path{fill:none;stroke:var(--ss-bg-color);stroke-width:18;stroke-linecap:round;stroke-linejoin:round}
.ss-main .ss-deselect{display:flex;align-self:center;justify-content:flex-end;flex:0 1 auto;width:8px;height:8px;margin:0 var(--ss-spacing-m) 0 var(--ss-spacing-m)}
.ss-main .ss-deselect svg{width:8px;height:8px}.ss-main .ss-deselect svg path{fill:none;stroke:var(--ss-font-color);stroke-width:20;stroke-linecap:round;stroke-linejoin:round}
.ss-main .ss-arrow{display:flex;align-items:center;justify-content:flex-end;flex:0 1 auto;width:12px;height:12px;margin:auto var(--ss-spacing-m) auto var(--ss-spacing-m)}
.ss-main .ss-arrow path{fill:none;stroke:var(--ss-font-color);stroke-width:18;stroke-linecap:round;stroke-linejoin:round;transition-timing-function:ease-out;transition:var(--ss-animation-timing)}
.ss-content{position:absolute;display:flex;height:auto;flex-direction:column;width:auto;max-height:var(--ss-content-height);box-sizing:border-box;border:solid 1px var(--ss-border-color);
	background-color:var(--ss-bg-color);transition:transform var(--ss-animation-timing),opacity var(--ss-animation-timing);opacity:0;transform:scaleY(0);
	transform-origin:center top;overflow:hidden;z-index:10000}.ss-content.ss-relative{position:relative;height:100%}
.ss-content.ss-open-above{flex-direction:column-reverse;opacity:1;transform:scaleY(1);transform-origin:center bottom;border-top-left-radius:var(--ss-border-radius);border-top-right-radius:var(--ss-border-radius)}
.ss-content.ss-open-below{opacity:1;transform:scaleY(1);transform-origin:center top;border-bottom-left-radius:var(--ss-border-radius);border-bottom-right-radius:var(--ss-border-radius)}
.ss-content .ss-search{flex:0 1 auto;display:flex;flex-direction:row;padding:var(--ss-spacing-l) var(--ss-spacing-l) var(--ss-spacing-m) var(--ss-spacing-l)}
.ss-content .ss-search input{display:inline-flex;font-size:inherit;line-height:inherit;flex:1 1 auto;width:100%;min-width:0px;padding:var(--ss-spacing-m) var(--ss-spacing-l);
	margin:0;border:1px solid var(--ss-border-color);border-radius:var(--ss-border-radius);background-color:var(--ss-bg-color);outline:0;text-align:left;box-sizing:border-box}
.ss-content .ss-search input::placeholder{color:var(--ss-font-placeholder-color);vertical-align:middle}
.ss-content .ss-search input:focus{box-shadow:0 0 5px var(--ss-primary-color)}
.ss-content .ss-search .ss-addable{display:inline-flex;justify-content:center;align-items:center;cursor:pointer;flex:0 0 auto;height:auto;margin:0 0 0 var(--ss-spacing-m);
	border:1px solid var(--ss-border-color);border-radius:var(--ss-border-radius)}
.ss-content .ss-search .ss-addable svg{display:flex;align-items:center;justify-content:flex-end;flex:0 1 auto;width:12px;height:12px;margin:auto var(--ss-spacing-m) auto var(--ss-spacing-m)}
.ss-content .ss-search .ss-addable svg path{fill:none;stroke:var(--ss-font-color);stroke-width:18;stroke-linecap:round;stroke-linejoin:round}
.ss-content .ss-list{flex:1 1 auto;height:auto;overflow-x:hidden;overflow-y:auto}
.ss-content .ss-list .ss-error{color:var(--ss-error-color);padding:var(--ss-spacing-l)}.ss-content .ss-list .ss-searching{color:var(--ss-font-color);padding:var(--ss-spacing-l)}
.ss-content .ss-list .ss-optgroup.ss-close .ss-option{display:none !important}
.ss-content .ss-list .ss-optgroup .ss-optgroup-label{display:flex;flex-direction:row;align-items:center;justify-content:space-between; background-color: var(--light-grey); border-bottom: 1px solid var(--normal-grey);
	padding:var(--ss-spacing-m) var(--ss-spacing-l) var(--ss-spacing-m) var(--ss-spacing-l); padding-left: 15px; letter-spacing: 0.1em; }
.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-label-text{flex:1 1 auto;font-weight:bold;color:var(--ss-font-color); font-size: 8pt; text-transform: uppercase; }
.ss-content .ss-list .ss-optgroup .ss-optgroup-label:has(.ss-arrow){cursor:pointer}
.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions{flex:0 1 auto;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--ss-spacing-m)}
.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall{flex:0 0 auto;display:flex;flex-direction:row;cursor:pointer}
.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall:hover{opacity:.5}
.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall.ss-selected svg path{stroke:var(--ss-error-color)}
.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall span{flex:0 1 auto;display:flex;align-items:center;justify-content:center;font-size:60%;
	text-align:center;padding:0 var(--ss-spacing-s) 0 0}
.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg{flex:0 1 auto;width:13px;height:13px}
.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg path{fill:none;stroke:var(--ss-success-color);stroke-linecap:round;stroke-linejoin:round}
.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg:first-child{stroke-width:5}
.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg:last-child{stroke-width:11}
.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable{flex:0 1 auto;display:flex;flex-direction:row;cursor:pointer}
.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable .ss-arrow{flex:1 1 auto;width:10px;height:10px}
.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable .ss-arrow path{fill:none;stroke:var(--ss-font-color);stroke-width:18;
	stroke-linecap:round;stroke-linejoin:round;transition-timing-function:ease-out;transition:var(--ss-animation-timing)}
.ss-content .ss-list .ss-optgroup .ss-option{padding:var(--ss-spacing-s) var(--ss-spacing-s) var(--ss-spacing-s) calc(var(--ss-spacing-l)*3)}
.ss-content .ss-list .ss-option{display:flex;padding:var(--ss-spacing-m) var(--ss-spacing-l) var(--ss-spacing-m) var(--ss-spacing-l);color:var(--ss-font-color);cursor:pointer;user-select:none; align-items: baseline; gap: 20px;}
.ss-content .ss-list .ss-option:hover{color:var(--ss-bg-color);background-color:var(--ss-primary-color)}
.ss-content .ss-list .ss-option.ss-highlighted,.ss-content .ss-list .ss-option:not(.ss-disabled).ss-selected{color:var(--ss-bg-color);background-color:var(--ss-primary-color)}
.ss-content .ss-list .ss-option.ss-disabled{cursor:not-allowed;background-color:var(--ss-disabled-color)}
.ss-content .ss-list .ss-option.ss-disabled:hover{color:var(--ss-font-color)}
.ss-content .ss-list .ss-option .ss-search-highlight{background-color:var(--ss-highlight-color)}

html { height: 100%; }
body { height: 100%; min-height: 100%; position: relative; margin: 0px; padding: 0px; box-sizing: border-box; min-width: var(--minwidth);
	font-family: 'Source Sans 3', sans-serif; color: #606060;
	font-size: 12pt; font-weight: 400; background-color: var(--body-background); 
}

* { box-sizing: border-box; }

.ico-money-green { fill: #BEC4B8; }
.ico-money-green-p1 { fill: #E8EAE5; }
.ico-money-green-p2 { fill: var(--money-green-p2); }
.ico-money-green-m2 { fill: #A8ADA3; }
.ico-white { fill: white; }
.ico-dark-green { fill: #004815; }
.ico-black { fill: black; }
.ico-light-grey { fill: #E2E2E2; }

.fn { height: 0px; clear: both; background: none; margin: 0px; padding: 0px;}
.mc { min-width: 320px; width: 100%; max-width: 2560px; position: relative; }

.nosel, .interface-button, label, .custom-select, .interface-checkbox .interface-label span, .sks-grid-nav-page,
.sks-tabstrip-tab, .sks-grid-th, .sks-button-group, .td-control-button, .td-move-button, .xdsoft_noselect 
{
  -webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.clickable { cursor: pointer; }

a { color: var(--link-normal); transition: var(--trans-func); padding-left: 3px; padding-right: 3px; }
a:hover { color: var(--link-hover); }
a:focus { outline: var(--link-outline); }

.centered { text-align: center; }

.hidden { display: none !important; }

.spinner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-size: 20px; line-height: 20px; align-items: center; justify-content: center; display: flex; }
.spinner i { animation: spinnerAnimation 1s infinite; }
@keyframes spinnerAnimation {
	0% { transform: rotate(0deg) scale(.8) }
	50% { transform: rotate(180deg) scale(1.3) }
	100% { transform: rotate(360deg) scale(.8) }
}
.rd-panel-holder .spinner, .grid-area .spinner { background-color: rgba(228,235,223,.5); z-index: 10; }
.grid-area .spinner { top: -4px; left: -4px; width: calc(100% + 8px); height: calc(100% + 8px); }
.blocker { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: white; opacity: 0.5; z-index: 100; }

.popup-dialog { position: absolute; background-color: white; top: 50%; left: 50%; transform: translate(-50%,-50%); border: 1px solid var(--dialog-border); padding: 2px; 
	min-width: var(--dialog-min-width); max-width: var(--dialog-max-width); width: 30%; border-bottom: none; transition: var(--trans-func); transition-duration: 1s; max-height: calc(100% - 20px);
	box-shadow: var(--dialog-shadow); 
	transition-property: opacity, margin-top;
}
.popup-dialog.ready2show { opacity: 0; margin-top: 100px; }
.popup-dialog.removing { opacity: 0; margin-top: -100px; }
.popup-dialog.hidden { display: none; }
.popup-dialog-holder { position: relative; height: 100%; }
.popup-dialog-overflowed { overflow: auto; }

.popup-title-holder { position: relative; padding: var(--dialog-padding); background-color: var(--dialog-title-bg); font-size: 14pt; text-align: center; font-weight: 700; color: black; }
.popup-logo { width: 140px; height: 140px; text-align: center; margin: 0 auto 20px auto; }
.popup-logo img { display: block; width: 100%; height: 100%; margin: -70px auto 10px auto; }
.popup-bottom-panel { padding: var(--dialog-padding); border-top: 1px dashed var(--normal-grey); text-align: center; }
.popup-bottom-panel.control-bar { display: flex; justify-content: center; gap: 5px; }

.popup-form-panel { padding: var(--dialog-padding); display: flex; align-items: center; }
.popup-form-panel form { flex-grow: 1; }
.popup-form-holder { width: 100%; height: 100%; overflow-y: auto; overflow-x: hidden; display: flex; }
.popup-text-panel { padding: var(--dialog-padding); line-height: 1.2em; }
.popup-text-panel + .popup-form-panel { padding-top: 0; }

.popup-message { display: none; padding: 10px 20px; font-size: 10pt; line-height: 1.1em; background-color: var(--message-normal); }
.popup-message.error { background-color: var(--message-error); }
.popup-message .msg { text-align: center; color: black; font-weight: bold; }
.popup-message .details { display: none; }
.popup-message .details.shown { margin-top: 5px; border-top: 1px dashed rgba(0,0,0,0.3); padding-top: 5px; display: block; }
.popup-message.shown { display: block; }
.popup-message.shown + .form-desc { padding-top: 10px; }

.popup-form-control-bar { position: relative; display: flex; justify-content: center; margin: 10px 0; gap: 5px; }
.popup-form-control-bar.form-aligned { padding-left: calc(30% + 5px); justify-content: left; }
.popup-form-control-bar + .form-desc { padding-top: 10px; }
.fields-group { position: relative; }

input, button, textarea { font-family: 'Source Sans 3', sans-serif; font-size: 12pt; }
button:focus { outline: var(--input-focus); }

.interface-button { display: flex; padding: 5px 20px; align-items: center; gap: 10px; background-color: var(--button-bg); color: var(--button-text); font-weight: 700; 
	border: var(--button-border); flex-grow: 0; flex-shrink: 0; width: fit-content; cursor: pointer; position: relative; }
.interface-button { transition: var(--trans-func); }
.interface-button:hover { background-color: var(--button-hover-bg); color: var(--button-hover-text); border-color: var(--button-hover-border); }
.interface-button.default { background-color: var(--button-default-bg); color: var(--button-default-text); }
.interface-button.default:hover { background-color: var(--button-hover-bg); color: var(--button-hover-text); border-color: var(--button-hover-border); }
.interface-button .icon { font-size: 20px; line-height: 20px; display: flex; align-items: center; }
.interface-button .spinner { background-color: var(--button-default-bg); color: var(--button-default-text); }
.interface-button:disabled, .interface-button:disabled:hover { cursor: default; color: var(--button-disabled-text); border-color: var(--button-disabled-border); background-color: var(--button-disabled-bg); }

.interface-field, .interface-field input, .interface-field select, .interface-field textarea, .interface-field .ss-main.select-input { font-size: 11pt; outline: none; }
.interface-field input:focus, .interface-field select:focus, .interface-field textarea:focus, .interface-field .ss-main.select-input:focus { outline: var(--input-focus); outline-offset: 0; }
.interface-field.inline .ss-main.select-input:focus { outline: none; }
.interface-field { position: relative; display: flex; align-items: center; gap: 5px; width: 100%; margin: 5px 0; }
.interface-field + .interface-field { margin-top: 8px; }
.interface-label { display: flex; flex-grow: 0; flex-shrink: 0; width: 30%; line-height: 1em; font-size: 11pt; position: relative; }
.interface-input { display: flex; flex-grow: 1; flex-shrink: 1; width: 70%; }
.interface-field input, .interface-field textarea { border: 1px solid var(--input-border); padding: 7px 15px 6px; width: 100%; outline: 0; border-radius: 0; } 
.interface-field.inline:has(:focus), .interface-field.inline:has(.ss-open-below) { outline: var(--input-focus); }
.interface-field label { cursor: pointer; }
.interface-field.inline label { padding-top: 2px; }
.interface-field input:disabled, .interface-field textarea:disabled { color: var(--input-disabled) !important; }
.interface-field input[type="text"]:disabled, .interface-field textarea:disabled { color: var(--dark-grey) !important; background-color: var(--light-grey) !important; -webkit-text-fill-color: var(--dark-grey); opacity: 1; -webkit-opacity: 1; }
.interface-field.disabled { border-color: var(--input-disabled) !important; }
.interface-field.disabled label { cursor: default; color: var(--input-disabled); }
.interface-field textarea { resize: none; width: 100%; min-height: 100px; }

.interface-field.interface-checkbox { align-items: flex-start; }
.interface-field.interface-checkbox .interface-input { width: fit-content; flex: 0 0; }
.interface-field.interface-checkbox .interface-label { width: 100%; flex: 1 1; padding-top: 6px; }
.interface-field.interface-checkbox .interface-label span { cursor: pointer; }

.fields-section.checkbox-group { display: flex; flex-wrap: wrap; }
.fields-section.checkbox-group .interface-field.interface-checkbox { flex: 0 0 50%; padding-right: 10px; }

.interface-field.full-width { flex-wrap: wrap; }
.interface-field.full-width .interface-label, .interface-field.full-width .interface-field { width: 100%; }

.interface-input.datetime .calendar-picker { position: absolute; height: calc(100% - 6px); width: 30px; top: 50%; border: 1px solid var(--light-grey); background-color: var(--light-grey); color: var(--bright-green);
	transform: translateY(-50%); right: 3px; font-size: 18px; align-items: center; justify-content: center; display: flex; z-index: 3; }
.interface-input.datetime .calendar-picker:hover { cursor: pointer; border-color: var(--normal-grey); }

.interface-field .ss-main.select-input { border: 1px solid var(--input-border); border-radius: 0; box-shadow: none; padding: 0; color: black; min-height: 34px; }
.interface-field.inline .ss-main.select-input { border: none; box-shadow: none !important; color: black; padding: 0; border-radius: 0; min-height: 34px; }
.interface-field .ss-main.select-input .ss-values { padding: 7px 34px 6px 15px; gap: 0; }
.interface-field .ss-main.select-input .ss-values .ss-single { margin: 0; }
.interface-field .ss-main.select-input .ss-arrow { width: 30px; height: 30px; background-color: var(--custom-icon-bg); padding: 7px; border: 1px solid var(--custom-icon-bg); position: absolute; 
	right: 1px; top: 50%; transform: translateY(-50%); margin: 0; }
.interface-field .ss-main.select-input .ss-arrow:hover { border-color: var(--custom-icon-hover-border); }
.interface-field .ss-main.select-input .ss-arrow path { stroke: var(--custom-icon) !important; stroke-linecap: unset; stroke-linejoin: unset; stroke-width: 11px; }
.interface-field .ss-main.select-input .ss-values .ss-placeholder { padding-left: 0; }
.ss-content.ss-open-below { border: 1px solid var(--input-border); border-radius: 0;}
.ss-content.ss-open-above {  border: 1px solid var(--input-border); border-radius: 0;}
.interface-field.inline .ss-content.ss-open-below { margin: 0 0 0 1px !important; }
.interface-field.inline .ss-content.ss-open-above { margin: -103px 0 0 1px !important; }
.ss-content .ss-list .ss-option { padding-left: 15px !important; font-size: 11pt; }
.ss-content .ss-list .ss-option.ss-selected, .ss-content .ss-list .ss-option:hover { background-color: var(--input-selected-bg) !important; color: var(--input-selected-text) !important; }
.ss-content .ss-list .ss-search { font-size: 11pt; }
.ss-content .ss-search input { font-size: 11pt; border: 1px solid var(--input-border); border-radius: 0 !important; }
.ss-content .ss-search input:focus { outline: var(--input-focus); }
.ss-content .ss-search input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
.ss-main .ss-deselect { width: 10px; height: 10px; position: absolute; right: 38px; }
.ss-main .ss-deselect svg { width: 100%; height: 100%; }
.ss-main .ss-deselect svg path { stroke: var(--dark-green); stroke-width: 10; stroke-linecap: square; stroke-linejoin: miter; }
.ss-main .ss-deselect:hover svg path { stroke: var(--bright-green); }
.ss-content .ss-list .ss-option.ss-highlighted, .ss-content .ss-list .ss-option:not(.ss-disabled).ss-selected { background-color: var(--input-selected-bg); color: var(--input-selected-text); }

.interface-field .select-input[multiple] + .ss-main.select-input .ss-values { padding: 2px 60px 2px 2px; gap: 2px; }
.interface-field .select-input[multiple] + .ss-main.select-input .ss-placeholder { padding-left: 13px; }
.interface-field .select-input[multiple] + .ss-main.select-input .ss-arrow { top: 2px; transform: none; }
.interface-field .select-input[multiple] + .ss-main.select-input .ss-deselect { top: 12px; transform: none; }
.interface-field .ss-main.select-input .ss-value { background-color: var(--light-green-p1); color: black; height: 30px; border-radius: 0; font-size: 10pt; position: relative; border: 1px solid transparent; }
.interface-field .ss-main.select-input .ss-value .ss-value-text { color: black; padding: 0 8px 0 10px; }
.interface-field .ss-main.select-input .ss-value .ss-value-delete { background-color: var(--light-green); color: black; height: 100%; width: 20px; border-left: none; padding: 0 2px; box-sizing: border-box; 
	justify-content: center;
}
.interface-field .ss-main.select-input .ss-value:hover { border-color: var(--normal-grey); }
.interface-field .ss-main.select-input .ss-value .ss-value-delete:hover { background-color: var(--light-green-m1); }
.interface-field .ss-main.select-input .ss-value .ss-value-delete svg path { stroke: #808080; }
.interface-field .ss-main.select-input .ss-value .ss-value-delete:hover svg path { stroke: black; }

.ss-content.select-input-fixed { position: fixed; }


.interface-field.inline { border: 1px solid var(--input-border); padding: 0 0 0 10px; }
.interface-field.inline input { border: none; padding-right: 5px; }
.interface-field.inline input:focus { outline: none; }
.interface-field.inline:has(input:focus) { outline: var(--input-focus); }
.interface-field.inline.illegal, .interface-field.illegal:not(.inline) input, .interface-field.illegal:not(.inline) textarea, .interface-field.illegal:not(.inline) .ss-main.select-input:not(.ss-open-below),
.interface-field.illegal:not(.inline) .ss-main.select-input:not(.ss-open-above), .interface-field.illegal .sks-button-group { box-shadow: 0 1px 5px 0 rgba(255,0,0,0.6); border-color: maroon; }

.custom-icon { position: absolute; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; background-color: var(--custom-icon-bg); right: 4px;
	color: var(--custom-icon); cursor: pointer; z-index: 1; transition: trans-func; border: 1px solid var(--custom-icon-bg); font-size: 20px; line-height: 20px; }
.custom-icon:hover { border: 1px solid var(--custom-icon-hover-border); }
.interface-field.inline .custom-icon { right: 3px; }
.interface-field.inline:has(.custom-icon) input { padding-right: 35px; } 

.interface-field input[type="checkbox"] { width: 20px; height: 20px; flex-grow: 0; flex-shrink: 0; border: 1px solid var(--dark-green); appearance: none; padding: 0; align-self: center; cursor: pointer; }
.interface-field input[type="checkbox"]:checked { color: var(--bright-green);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23209442' d='M18.4,5.5l-8.9,8.9l-3.9-3.9l-2.4,2.4l6.2,6.2L20.8,7.9L18.4,5.5z'/%3E%3C/svg%3E");
}
.interface-field input[type="checkbox"]:disabled { background-color: var(--light-grey); border-color: var(--normal-grey); cursor: default; }
.interface-field input[type="radio"] { width: 17px; height: 17px; -webkit-appearance: none; appearance: none; padding: 0; margin: 0; border-radius: 50%; background-color: white; position: relative; cursor: pointer; }
.interface-field input[type="radio"]:after { background-color: var(--bright-green); position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 0; height: 0; 
	content: ''; border-radius: 50%; transition: var(--trans-func); flex: 0 0 17px; }
.interface-field input[type="radio"]:checked:after { width: 7px; height: 7px; }
.interface-field.radio-buttons { margin-top: 3px; gap: 15px; }
.sks-radio-holder { display: flex; align-items: center; gap: 5px; }
.interface-field.radio-buttons + .fields-section { margin-top: 10px; }
.interface-field.interface-form-checkbox .interface-input { padding-left: calc(30% + 1px); }

.interface-field.input-file { border: 1px solid; border: 1px solid var(--input-border); display: flex; min-height: 36px; }
.interface-field.input-file .interface-label  { width: 100%; flex-grow: 1; display: flex; min-height: 34px; align-items: center; padding: 2px; }
.interface-field.input-file label { width: 100%; flex-grow: 1; display: flex; min-height: 30px; align-items: stretch; gap: 2px; }
.interface-field.input-file .custom-icon { position: relative; top: unset; right: unset; align-self: center; flex-grow: 0; flex-shrink: 0; padding: 0; }
.interface-field.input-file .file-label { padding-left: 10px; flex-grow: 1; padding-top: 2px; overflow: hidden; white-space: nowrap; min-height: 100%; display: flex; align-items: center; position: relative; }
.interface-field.input-file .interface-label:hover label { background-color: var(--light-green-p1); }  
.interface-field.input-file .interface-label:hover .file-attach-button { border-color: var(--normal-grey); }
.interface-field.input-file .file-upload-button, .interface-field.input-file .file-cancel-button { 
	padding: 0 8px; gap: 4px; font-size: 8pt; text-transform: uppercase; color: var(--bright-green); outline: none; min-width: 80px;
	background-color: var(--light-grey); border: 1px solid var(--light-grey); min-height: 30px; }
.interface-field.input-file .file-cancel-button { z-index: 11; }	
.interface-field.input-file .file-upload-button:hover, .interface-field.input-file .file-cancel-button:hover { color: var(--bright-green); border-color: var(--normal-grey); }
.interface-field.input-file .file-upload-button .button-icon, .interface-field.input-file .file-cancel-button .button-icon { font-size: 13pt; align-items: center; display: flex; }
.interface-field.input-file .file-clear-button .button-icon { font-size: 13pt;  }
.interface-field.input-file .file-status { background-color: transparent; border-color: transparent !important; }
.interface-field.input-file.illegal .file-status { color: var(--pure-red); }
.interface-field.input-file.illegal .file-status i:before { content: '\e941'; }
.interface-field.input-file .error-message { position: absolute; top: 2px; left: 2px; width: calc(100% - 4px); height: calc(100% - 4px); display: flex; align-items: center; padding: 0 0 0 10px;
    background-color: var(--light-pink); z-index: 11; overflow: hidden; cursor: pointer; }
.interface-field.input-file .error-message .desc { flex-grow: 1; cursor: pointer; }
.interface-field.input-file .error-message .custom-icon { background-color: transparent; color: var(--pure-red); border-color: transparent; font-size: 11pt; }
.interface-field.input-file .error-message:hover .custom-icon { border-color: var(--light-pink-m2); }
.interface-field.input-file .spinner { cursor: default; }
.interface-field.input-file .spinner i { display: none; }
.interface-field.input-file .progressbar { position: absolute; height: 2px; width: calc(100% - 86px); bottom: 2px; z-index: 12; background-color: var(--dark-grey); }
.interface-field.input-file .progress { position: absolute; height: 100%; left: 0; top: 0; background-color: var(--bright-green); border-right: 1px solid white; overflow: hidden; }
.interface-field.input-file .progress:after { position: absolute; width: 4px; height: 4px; background-color: #bfed1c; border-radius: 50%; content: ' '; left: -20%; top: -1px; opacity: 0.7;
	-webkit-box-shadow: 0px 0px 10px 20px #bfed1c;
	-moz-box-shadow: 0px 0px 10px 20px #bfed1c;
	box-shadow: 0px 0px 10px 20px #bfed1c;
	-webkit-animation: inputFileProgress 3s cubic-bezier(0.68, 0.1, 0, 1) infinite;
	-moz-animation: inputFileProgress 3s cubic-bezier(0.68, 0.1, 0, 1) infinite;
	animation: inputFileProgress 3s cubic-bezier(0.68, 0.1, 0, 1) infinite;
}
.interface-field.input-file.illegal .interface-label label, .interface-field.input-file.file-uploaded .interface-label label, 
	.interface-field.input-file.file-uploaded .custom-icon.file-status, .interface-field.input-file.illegal .custom-icon.file-status { cursor: default; }
.interface-field.input-file.file-uploaded .interface-label:hover label, .interface-field.input-file.illegal .interface-label:hover label { background-color: unset; }  

@-webkit-keyframes inputFileProgress {
	0%{ left: -45px }
	100%{ left: calc(100% + 45px) }
}
@-moz-keyframes inputFileProgress {
	0%{ left: -45px }
	100%{ left: calc(100% + 45px) }
}
@keyframes inputFileProgress {
	0%{ left: -45px }
	100%{ left: calc(100% + 45px) }
}

.interface-hr { border-top: 1px dashed var(--normal-grey); height: 1px; width: calc(100% + 30px); margin: 10px -15px; }

.interface-section-label { font-size: 11pt; margin: 20px 0 10px 0; position: relative; font-weight: bold; }
.interface-section-label:first-child { margin-top: 0; }
.interface-section-label span { background-color: white; padding-right: 15px; position: relative; }
.interface-section-label:before { position: absolute; width: 100%; top: 50%; left: 0; height: 1px; background-color: var(--normal-grey); content: ' '; }

.inline-control-bar { position: relative; width: 100%; display: flex; padding-left: calc(30% + 5px); gap: 5px; margin: 15px 0 5px 0; font-size: 11pt; }
.inline-control-bar button { font-size: 11pt; padding: 3px 15px; }

.main-menu { position: fixed; top: 0; left: 0; width: var(--main-menu-width); height: 100%; background-color: var(--main-menu-bg); z-index: 10; }
.menu-item { border-bottom: 1px solid var(--main-menu-hr); padding: 10px 0; cursor: pointer; position: relative; transition: var(--trans-func); }
.menu-item a { text-decoration: none; color: #606060; }
.menu-item-holder { display: flex; align-items: center; justify-content: center; width: 70%; margin: 0 auto; gap: 37px; padding-left: 5px; font-size: 11pt; }
.menu-item-holder .desc { font-weight: bold; flex-grow: 1; white-space: nowrap; }
.menu-item-holder .icon { width: 40px; height: 40px; flex-shrink: 0; position: relative; }
.menu-item-holder .icon svg { width: 100%; height: 100%; display: block; }
.menu-header { background-color: var(--main-menu-header-bg); align-self: center; display: flex; color: black; height: var(--main-menu-header-height); overflow: hidden; }
.menu-header-holder { display: flex; width: 80%; margin: 0 auto; gap: 20px; align-items: center; }
.menu-logo { width: 80px; height: 80px; position: relative; flex-shrink: 0; }
.menu-logo img { width: 100%; height: 100%; }
.menu-info { display: flex; flex-direction: column; gap: 5px; flex-grow: 1; }
.menu-system { font-weight: bold; line-height: 1em; }
.menu-logged { display: flex; flex-wrap: wrap; font-size: 9pt; width: 100%; }
.menu-logged span { flex: 0 0 100%; }
.menu-body { position: relative; overflow-y: auto; overflow-x: visible; height: calc(100% - var(--main-menu-header-height)); padding-bottom: 60px; }
.menu-item:last-child { position: absolute; bottom: 0; width: 100%; border-bottom: none; background-color: var(--main-menu-logout-bg); }
.menu-item:hover { background-color: var(--main-menu-hover-bg); }
.menu-item.active { background-color: var(--main-menu-active-bg); cursor: default; }
.menu-item.active a { cursor: default; }
.menu-item a:focus { outline: none; }

.section-title { flex-grow: 1; overflow: hidden; }
.logged-user-avatar { width: var(--main-menu-width); height: var(--main-menu-header-height); flex: 0 0 var(--main-menu-width); align-items: center; justify-content: center; display: none; background-color: var(--main-menu-bg);
    border: 1px solid var(--main-menu-header-bg); border-right: none; }
.logged-user-avatar span { width: 40px; height: 40px; display: flex; text-align: center; align-items: center; justify-content: center; background-color: white; border-radius: 50px;
	border: 3px solid var(--main-menu-header-bg); overflow: hidden; font-size: 14pt; font-weight: 200; color: var(--dark-grey); }

table.grid { width: 100%; border-collapse: collapse; padding: 0; margin: 0; border-spacing: 0; }
table.grid th, table.grid td { padding: var(--table-cell-padding); font-size: 11pt; text-align: left; line-height: 1.1em; }
table.grid th { background-color: var(--table-header-bg); color: var(--table-header-color); border-right: 1px solid var(--table-header-border); }
table.grid td { border-right: 1px solid transparent; overflow: hidden; }
table.grid th:first-child, table.grid td:first-child { border-left: none; }
table.grid tr:nth-child(odd) { background-color: var(--light-grey); }

.module { position: relative; background-color: white; width: calc(100% - var(--main-menu-width)); margin-left: var(--main-menu-width); height: 100%; padding: var(--module-padding); }
.module-holder { width: 100%; height: 100%; position: relative; display: flex; flex-direction: column; }
.module h1, .module h2, .module h3 { padding: 0 20px 10px 20px; margin: 0; font-weight: 300; line-height: 1.1em; white-space: nowrap; }

.system-message { background-color: var(--light-grey); border: 1px solid var(--normal-grey); padding: 15px 30px; display: flex; gap: 30px; max-height: 130px; }
.system-message .icon { display: flex; align-items: top; }
.system-message .icon i { font-size: 40pt; color: var(--normal-grey); }
.system-message .message { max-width: 850px; border-left: 1px solid var(--normal-grey); padding-top: 10px; padding-left: 40px; }
.system-message .message p { margin: 0 0 1em 0; }
.system-message + .system-message { margin-top: 10px; }

.system-message + .module-section-header { padding-top: 20px; }
.section-title { display: none; }

.rd-controller { position: fixed; width: 100%; height: 100%; min-width: 320px; z-index: 99; top: 0; left: 0; }
.rd-bg { position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,.3); z-index: 0; top: 0; left: 0; transition: var(--trans-func); opacity: 0; }
.rd-panel { position: absolute; width: 25%; height: 100%; min-width: 450px; background-color: white; top: 0; right: calc(min(-25%,-450px) - 30px); padding: 0; box-shadow: -5px 0 20px rgba(0,0,0,0.3); 
	transition: var(--trans-func); transition-property: right, opacity; 
}
.rd-panel-holder { position: relative; width: 100%; height: 100%; }
.rd-controller.shown .rd-bg { opacity: 1; }
.rd-controller.shown .rd-panel { right: 0; }
.rd-controller.shown .rd-panel.hidden { right: calc(min(-25%,-450px) - 30px); opacity: 0; }

.rdp-header { position: relative; background-color: var(--light-green); font-weight: bold; padding: 8px 50px 8px 20px; border-bottom: 1px solid var(--normal-grey); height: 40px; overflow: hidden; }
.rdp-close { position: absolute; display: flex; align-items: center; width: 40px; height: 40px; background-color: transparent; right: 0; top: 0px; 
	justify-content: center; cursor: pointer; border-left: 1px solid var(--normal-grey); transition: var(--trans-func); }
.rdp-close:hover { background-color: white; color: black; }
.rdp-control-bar { position: absolute; bottom: 0; width: 100%; height: fit-content; border-top: 1px solid var(--normal-grey); display: flex; justify-content: center; }
.rdp-control-bar-holder { position: relative; display: flex; gap: 10px; padding: 9px 10px 10px 10px; max-width: 450px; height: 54px; width: 100%; justify-content: center; }
.rdp-control-bar-holder .interface-button { flex-shrink: 1; flex-grow: 1; justify-content: center; max-width: 50%; }
.rdp-body { position: relative; height: calc(100% - 95px); overflow-y: auto; padding: 0 20px; }
.rdp-body.tab-stripped { height: calc(100% - 140px); padding-top: 15px !important; }
.rdp-body.stepped { height: calc(100% - 180px); padding-top: 15px !important; padding-bottom: 15px !important; }
.rdp-body.stepped .rdp-body-holder, .rdp-body.flexible-grid .rdp-body-holder { height: 100%; display: flex; flex-direction: column; }
.rd-panel.short .rdp-body { padding-top: 17px; }
.rdp-body-holder { position: relative; width: 100%; /*max-width: 450px;*/ margin: 0 auto; }

.rd-panel .interface-field:has(:focus) { outline: none; }

.message-holder { position: relative; font-size: 11pt; margin-bottom: 10px; margin-top: 5px; }
.message-box { position: relative; padding: 7px 40px 7px 10px; display: flex; align-items: center; gap: 10px; border: 1px solid var(--message-error); transition: var(--trans-func); 
	transition-property: border-color; }
.message-box + .message-box { margin-top: 5px; }
.message-box.self-closable { cursor: pointer; }	
.message-box.self-closable:hover { border-color: maroon; }
.message-box .message-icon { font-size: 24px; display: none; }
.message-box.error .message-icon { display: flex; align-items: center; color: maroon; opacity: 0.2; align-self: flex-start; }
.message-box.error { background-color: var(--message-error); }
.message-box .message-text { flex: 1 1; line-height: 1.2em; }
.message-box .message-closer { font-size: 16px; width: 24px; height: 24px; position: absolute; right: 2px; top: 19px; transform: translateY(-50%); align-items: center; display: flex; }

.customizable-grid-field { border: 1px solid var(--money-green); cursor: pointer; display: flex; width: 100%; align-items: center; }
.customizable-grid-field .field-name { padding: 7px 15px; flex: 1 1; } 
.customizable-grid-field .field-state { padding: 5px 15px; display: flex; align-items: center; }
.customizable-grid-field.cg-hidden .field-state i:before { content: "\e945"; }
.customizable-grid-field.cg-shown { background-color: var(--light-green-p1); }
.customizable-grid-field:hover { background-color: var(--money-green); border-color: var(--money-green-m2); }
.customizable-grid-field .field-state:before { display: none; font-size: 8pt; padding-right: 10px; }
.customizable-grid-field.cg-shown:hover .field-state:before { display: block; content: 'HIDE'; }
.customizable-grid-field.cg-hidden:hover .field-state:before { display: block; content: 'SHOW'; }
.customizable-grid-field + .customizable-grid-field { margin-top: 5px; }
.customizable-grid-field.cg-unchangeable { background-color: var(--light-grey) !important; border-color: var(--normal-grey) !important; cursor: default !important; }
.customizable-grid-field.cg-unchangeable .field-state:before { display: none !important; }

.state-checkout { color: var(--bright-green); font-weight: bold; }
.state-repair { color: var(--light-magenta); font-weight: bold; }
.state-retire { color: var(--normal-brown); font-weight: bold; }

.local-link { position: relative; color: var(--bright-green); text-decoration: underline; cursor: pointer; }
.local-link:hover { color: var(--bright-green-p1); }

.auth-popup .interface-field.inline, .auth-popup .popup-message { max-width: 350px; margin-left: auto; margin-right: auto; }
.session-processor { position: fixed; top: -1px; left: 0; z-index: 1000; width: 100%; height: 0; overflow: hidden;}
.session-processor .popup-bg { position: absolute; top: 0; left: 0; z-index: 0; width: 100%; height: 100%; box-sizing: border-box; border: 20px solid white; background-color: var(--light-grey); opacity: 0; 
	transition: var(--trans-func);
}
.session-processor.active { top: 0; height: 100%; }
.session-processor #dlgExpired { margin-top: 100px; opacity: 0; transition: var(--trans-func); }

.session-processor.shown #dlgExpired { margin-top: 0; opacity: 1; }
.session-processor.shown .popup-bg { opacity: 1; }
.session-processor.hiding #dlgExpired { margin-top: -100px; opacity: 0; }
.session-processor.hiding .popup-bg { opacity: 0; }

.commands-section { margin-top: 20px; }
.commands-container { display: flex; justify-content: center; gap: 10px; flex-wrap: wrap; }
.commands-container button { flex: 0 0 calc((100% - 10px) / 2); justify-content: center; }

.section-body-holder { position: relative; height: 100%; }
.interface-panel { position: relative; height: 100%; }
.tab-strip-panel, .stepper-panel { display: none; padding-top: 10px; }
.tab-strip-panel.active, .stepper-panel.active { display: block; }

.tab-strip { font-size: 11pt; display: flex; }
.sks-tabstrip-holder { position: relative; display: flex; background-color: var(--light-grey); flex: 1; overflow: hidden; }
.sks-tabstrip-tabs { position: relative; display: flex; left: 0; transition: var(--trans-func); transition-property: left; }
.sks-tabstrip-holder:before { position: absolute; bottom: 0; width: 100%; height: 1px; background-color: var(--normal-grey); z-index: 0; content: ''; }
.sks-tabstrip-tab { position: relative; padding: 10px 20px; border: 1px solid transparent; z-index: 1; cursor: pointer; display: flex; align-items: center; gap: 8px; transition: var(--trans-func); dline-height: 1em; }
.sks-tabstrip-tab .tab-icon { font-size: 16px; display: flex; align-items: center; transition: var(--trans-func); }
.sks-tabstrip-tab .tab-text { white-space: nowrap; }
.sks-tabstrip-tab:hover { border-top-color: var(--normal-grey); color: black; }
.sks-tabstrip-tab.active { border-top: 1px solid var(--bright-green); border-bottom: 1px solid white; background-color: white; cursor: default; color: black; }
.sks-tabstrip-arrow { background-color: var(--light-grey); display: flex; align-items: center; justify-content: center; width: 24px; flex-shrink: 0; border-bottom: 1px solid var(--normal-grey); }
.sks-tabstrip-arrow.disabled i { opacity: 0.2; }

.sks-stepper-holder { position: relative; display: flex; background-color: var(--light-grey); height: 85px; } 
.sks-stepper-holder:before { position: absolute; bottom: 0; width: 100%; height: 1px; background-color: var(--normal-grey); z-index: 0; content: ''; }
.sks-step-tab { position: relative; display: flex; flex: 1 1; align-items: center; flex-direction: column; font-size: 9pt; text-transform: uppercase; gap: 5px; padding: 15px 0 10px 0; 
	z-index: 5; cursor: pointer; border-top: 1px solid transparent; transition: var(--trans-func); }
.sks-step-tab:hover { border-top-color: var(--normal-grey); }
.sks-step-tab.step-disabled { border-top-color: transparent; color: var(--dark-grey); cursor: default; }
.sks-step-tab.active { background-color: white; cursor: default; border-color: white; color: var(--bright-green); border-top-color: var(--bright-green); }
.sks-step-tab .step-icon { width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; border: 2px solid var(--normal-grey); background-color: white; color: var(--dark-green); 
	border-radius: 50%; overflow: hidden; z-index: 1; position: relative; transition: var(--trans-func); }
.sks-step-tab .step-text { transition: var(--trans-func); }
.sks-step-tab.active .step-icon { border-color: var(--money-green); }
.sks-step-tab.step-disabled .step-icon { border-color: white; background-color: var(--light-grey); color: var(--dark-grey); }
.stepper-progress { position: absolute; z-index: 0; width: 50%; top: 32px; height: 1px; border-bottom: 1px dotted var(--normal-grey); display: none; }
.stepper-progress.progress-left { left: 0; }
.stepper-progress.progress-right { left: 50%; }
.sks-step-tab:first-child .stepper-progress.progress-left, .sks-step-tab:last-child .stepper-progress.progress-right { display: none !important; }
.sks-step-tab.step-passed .stepper-progress { display: block; }
.sks-step-tab.active .progress-left { display: block; }
.sks-step-tab.step-done .stepper-progress { border-bottom: 1px solid var(--normal-grey); }
.sks-step-tab.step-done .step-icon:after { position: absolute; width: 100%; height: 100%; font-family: itsicons; content: "\e925"; background-color: var(--bright-green); color: white; display: flex; 
	align-items: center; justify-content: center; }
.sks-step-tab.active.step-done .step-icon { border-color: var(--bright-green); }
.sks-step-tab.active.step-done .step-icon:after	{ background-color: var(--bright-green-p1); }
	
.grid-area { height: 100%; width: 100%; }
.grid-area.inline-grid { max-height: 100%; height: fit-content; flex-shrink: 1; flex-grow: 0; }

.sks-grid-control-bar { position: relative; display: flex; align-items: center; gap: 10px; }
.sks-grid-cb-buttons-container { position: relative; display: flex; align-items: center; gap: 5px; }
.sks-grid-cb-button { padding: 4px 10px; gap: 8px; min-height: 34px; }
.sks-grid-cb-button .button-icon { display: flex; align-items: center; }
.sks-grid-cb-button .button-text, .sks-grid-cb-button .button-menu-text { display: flex; align-items: center; align-self: center; font-size: 11pt; font-weight: normal; padding-top: 2px; }
.sks-grid-cb-button .button-menu-text { display: none; }

.sks-flexible-control-bar { position: relative; flex-grow: 0; width: 100%; }
.searchable .sks-flexible-control-bar { width: calc(100% - clamp(200px,30%,500px)); }
.sks-flexible-control-bar .buttons-holder { position: relative; display: flex; align-items: center; gap: 5px; }
.sks-flexible-control-bar .control-bar-holder { flex-grow: 1; overflow: hidden; }
.sks-flexible-control-bar .control-bar-holder button:focus { outline: none; }
.inline-grid .sks-flexible-control-bar { flex-grow: 0; }

.sks-grid-cb-searchbar { position: relative; display: flex; flex-grow: 0; justify-content: right; width: clamp(200px,30%,500px); }
.sks-grid-cb-searchbar .interface-field { margin-top: 0; margin-bottom: 0; max-width: 450px; }
.sks-grid-cb-searchbar .interface-field input { padding-top: 6px; padding-bottom: 5px; }
.inline-grid .sks-grid-cb-searchbar { min-width: 282px; }

.sks-grid-wrapper { position: relative; width: 100%; }
.sks-grid-table-holder { position: relative; width: 100%; height: 100%; }
.sks-grid-control-bar + .sks-grid-wrapper { padding-top: 10px; }
.sks-grid-control-bar + .sks-grid-wrapper .spinner { height: 100%; top: 0; /*calc(100% - 10px); top: 10px;*/ }

.sks-grid-table-header-wrapper { position: relative; width: 100%; overflow: hidden; }
.sks-grid-table-header { position: relative; border-collapse: collapse; padding: 0; margin: 0; border-spacing: 0; width: fit-content; min-width: 100%; }
.sks-locked-grid-table-header, .sks-locked-grid-table-data { position: absolute; border-collapse: collapse; padding: 0; margin: 0; border-spacing: 0; width: fit-content !important; z-index: 1; min-width: unset; }
.sks-grid-table-header tr { display: flex; position: relative; background-color: var(--table-header-bg) !important;}
.sks-grid-table-header th { display: flex; flex-shrink: 0; flex-grow: 0; position: relative; }
.sks-grid-table-header th .sks-th-text { white-space: nowrap; }
.sks-grid-table-header th.sks-grid-filler { width: 100%; flex-shrink: 1; flex-grow: 1; }
.sks-grid-table-data tr { display: flex; }
.sks-grid-table-data tr.hovered { background-color: var(--light-green); }
.sks-grid-table-data tr.hovered:nth-child(odd) { background-color: var(--light-green-m1-hover); }
.sks-grid-table-data tr.selected, .sks-grid-table-data tr.selected:nth-child(odd) { background-color: var(--money-green); }
.sks-grid-table-data tr.selected.hovered, .sks-grid-table-data tr.selected.hovered:nth-child(odd) { background-color: var(--money-green-hover); }
.sks-grid-td { display: flex; position: relative; }
.sks-grid-th { cursor: default; }
.sks-th-text { display: flex; }
table.grid .sks-grid-th { color: var(--normal-grey); overflow: hidden; }
table.grid .sks-grid-th.sortable { color: white; }

.sks-grid-table-data tr.inline-edit { background-color: white !important; }
tr.inline-edit .sks-grid-td, tr.inline-edit .sks-grid-td .validable-interface-panel { width: 100% !important; }
tr.inline-edit + tr, tr + tr.inline-edit { border-top: 1px solid var(--normal-grey); }

.sks-grid-th.sortable { cursor: pointer; }
.sks-grid-th.sortable .sort-state { display: flex; align-self: center; align-items: center; }
.sks-grid-th.sortable .sort-index { font-size: 8pt; opacity: 0.7; display: none; }
.sks-grid-th.sortable.desc .sort-index, .sks-grid-th.sortable.asc .sort-index { display: block; }
.sks-grid-th.sortable .sort-state i:before { content: ''; }
.sks-grid-th.sortable.desc .sort-state i:before { content: '\e95a'; }
.sks-grid-th.sortable.asc .sort-state i:before { content: '\e959'; }

.sks-grid-table-wrapper { position: relative; height: calc(100% - 40px); width: 100%; overflow: hidden; }
.sks-locked-grid-table-wrapper { position: absolute; top: 10px; left: 0; overflow: auto; height: 30px; z-index: 1; /*calc(100% - 40px);*/ border-right: 1px solid var(--money-green); }
.sks-locked-grid-table-wrapper .sks-grid-table-data-wrapper { height: calc(100% - 40px); }
.sks-grid-table-wrapper.no-navigation { height: 100%; }

/* .sks-grid-table-wrapper, .sks-grid-table-data-wrapper {
  scrollbar-width: thin;
  scrollbar-color: var(--money-green-m2) var(--light-grey);
}
::-webkit-scrollbar { width: 5px; height: 5px; }
::-webkit-scrollbar-thumb { background-color: var(--money-green-m2); border-radius: 0; }
::-webkit-scrollbar-track { background-color: var(--light-grey); }
::-webkit-scrollbar-button { background-color: var(--money-green-m2); border-radius: 0; } */

.sks-grid-table-data-wrapper { width: 100%; /*fit-content;*/ overflow-y: auto; min-width: 100%; display: flex; position: relative; }
.sks-grid-table-data-wrapper.locked { min-width: unset; display: block; height: fit-content; }
.sks-grid-table-data-wrapper.locked td:last-child { border-right: 1px solid var(--normal-grey); }
.sks-grid-table-data-wrapper.locked tr.selected td:last-child { border-color: var(--money-green-m2); }
.sks-grid-table-container { width: 100%; position: relative; overflow-x: auto; height: fit-content; min-height: 100%; }
.sks-grid-table-data-wrapper.no-navigation { border-bottom: 1px solid var(--dark-grey); }
.sks-grid-navigation { position: relative; width: 100%; height: 40px; background-color: var(--light-grey); border-top: 1px solid var(--normal-grey); display: flex; align-items: center; font-size: 10pt; 
	padding: 0 5px; gap: 10px; overflow: hidden;
}
.sks-grid-nav-pages { display: flex; align-self: center; justify-content: right; flex-grow: 1; flex-shrink: 1; gap: 3px; }
.sks-grid-nav-page { display: flex; width: 30px; height: 30px; align-self: center; align-items: center; background-color: transparent; border: 1px solid var(--normal-grey); justify-content: center; cursor: pointer; }
.sks-grid-nav-page:not(.disabled):hover { background-color: var(--money-green-p1); }
.sks-grid-nav-page.selected { background-color: white; cursor: default; border-color: var(--dark-grey); }
.sks-grid-nav-page.nav-separator { border-color: transparent; width: 15px; font-size: 8pt; background-color: transparent !important; cursor: default; }
.sks-grid-wrapper .spinner, .sks-list-wrapper .spinner { background-color: rgba(228,235,223,.5); }
.sks-grid-nav-page.disabled { opacity: 0.5; cursor: default; color: var(--normal-grey); }

.sks-grid-nav-filter { position: relative; display: flex; align-items: center; justify-content: center; }
.sks-grid-nav-filter .nav-filtered-button, .sks-grid-nav-popup-button { position: relative; display: flex; width: 30px; height: 30px; border: 1px solid var(--normal-grey); background-color: white; align-items: center; justify-content: center; cursor: pointer; }
.sks-grid-nav-filter .nav-filtered-button:hover, .sks-grid-nav-popup-button:hover, .sks-grid-nav-filter .nav-filtered-button.context-menu-opened, .sks-grid-nav-popup-button.context-menu-opened { background-color: var(--bright-green); color: white; border-color: var(--dark-green); } 
.sks-grid-nav-filter-menu { min-width: 220px !important; }
.sks-grid-nav-filter-menu-info { position: relative; padding: 5px 10px; font-size: 11pt; }

.sks-grid-nav-info { position: relative; display: flex; flex: 1 1 45%; gap: 10px; align-items: center; }
.sks-grid-nav-info-records { position: relative; line-height: 0.9em; display: flex; gap: 5px; align-items: center; }
.sks-grid-nav-info-pages { position: relative; line-height: 0.9em; display: flex; gap: 5px; }
.sks-grid-nav-filter.hidden + .sks-grid-nav-info { padding-left: 5px; }

.sks-grid-nav-buttons-container { display: flex; gap: 5px; font-size: 11pt; width: fit-content; }
.sks-context-menu.sks-grid-nav-buttons-menu { max-width: unset; min-width: unset; }

.sks-filter { position: absolute; width: 30px; height: 100%; background-color: var(--money-green-m2); color: white; right: 0; top: 0; display: flex; align-items: center; justify-content: center; 
	border: 1px solid transparent; box-sizing: border-box; cursor: pointer; border: 1px solid var(--money-green-m2);
}
.sks-grid-th.filtered .sks-filter, .sks-filter:hover, .sks-filter.context-menu-opened { background-color: var(--bright-green); color: white; border-color: var(--bright-green); }
.sks-filter-active { background-color: white; color: var(--bright-green); border-color: var(--money-green-m2) white; }

.td-centered { justify-content: center; }
.td-right { justify-content: right; }

.td-control-button { position: absolute; display: none; right: 3px; background-color: white; border: 1px solid var(--normal-grey); font-size: 9pt; text-transform: uppercase; padding: 4px 8px 2px 8px; /*top: 50%;
	transform: translateY(-50%);*/ top: 3px; cursor: pointer; min-height: 24px; color: var(--button-text);
}
.td-control-button i { display: flex; align-items: center; }
.td-move-button { position: absolute; display: none; right: 5px; background-color: white; border: 1px solid var(--normal-grey); top: 50%; transform: translateY(-50%); cursor: pointer; 
	width: 24px; height: 24px; align-items: center; justify-content: center; font-size: 11pt; }
.td-move-button.move-up { right: 32px; }
.sks-grid-table-data tr.hovered .td-control-button, .sks-grid-table-data tr.selected .td-control-button,
.sks-grid-table-data tr.hovered .td-move-button, .sks-grid-table-data tr.selected .td-move-button  { display: flex; }
.sks-grid-table-data tr:first-child .td-move-button.move-up { display: none; }
.sks-grid-table-data tr:last-child .td-move-button.move-down { display: none; }
.sks-grid-table-data tr:last-child .td-move-button.move-up { right: 32px; }
.sks-grid-table-data tr.selected .td-control-button, .sks-grid-table-data tr.selected .td-move-button { border-color: var(--dark-green); }
.sks-grid-table-data .td-control-button:hover, .sks-grid-table-data .td-move-button:hover { background-color: var(--bright-green); color: white; border-color: var(--dark-green); }

.sks-button-group { display: flex; }
.sks-button-group:focus { outline: var(--input-focus); }
.sks-button-item { position: relative; display: flex; padding: 7px 15px 6px; border: 1px solid var(--dark-green); cursor: pointer; min-height: 36px; align-items: center; }
.sks-button-item:first-child { border-right: none; }
.sks-button-item.active { background-color: var(--money-green); color: black; cursor: default; }
.sks-button-item:hover { background-color: var(--bright-green); color: white; }

.sks-button-group.button-group-disabled:focus { outline: none; }
.sks-button-group.button-group-disabled .sks-button-item { background-color: white; color: var(--normal-grey); cursor: default; border-color: var(--normal-grey); }
.sks-button-group.button-group-disabled .sks-button-item.active { background-color: var(--normal-grey); color: var(--dark-grey); border-color: var(--dark-grey); }

.sks-context-menu { position: absolute; z-index: 90; display: none; box-shadow: var(--dialog-shadow); border: 1px solid var(--dialog-border); padding: 5px; min-width: 150px; max-width: 300px; background-color: white; }
.sks-context-menu.sks-filter-menu { min-width: 300px; padding: 7px 10px; }
.sks-filter-buttons { display: flex; padding: 3px 0; gap: 8px; }
.sks-filter-buttons button { flex-grow: 1; font-size: 11pt; justify-content: center; }
.sks-menu-opened { display: block; }

.interface-button.context-menu-opened { background-color: var(--bright-green); color: white; }
.interface-button.context-menu-opened:hover { background-color: var(--bright-green-p1); }
.interface-button.context-menu-holder { outline: none; }

.sks-controlbar-menu .interface-button { border: none; border-top: 1px solid var(--light-grey); min-height: unset; min-width: 100%; outline: none; }
.sks-controlbar-menu .interface-button:first-child { border-top: none; }
.sks-controlbar-menu .sks-grid-cb-button .button-menu-text { display: flex; }
.sks-controlbar-menu .sks-grid-cb-button .button-menu-text + .button-text { display: none; }
.sks-controlbar-menu .interface-button:disabled { border-top-color: var(--light-grey); }
.sks-controlbar-menu .interface-button + .interface-button.commands-group, .sks-controlbar-menu div + .interface-button.commands-group { border-top: 1px solid var(--normal-grey); }

.if-custom-button { position: absolute; height: 100%; width: 34px; right: 0; display: flex; justify-content: center; align-items: center; font-size: 16px; font-weight: 700; z-index: 1; 
	background-color: var(--light-grey); color: var(--dark-green); border: 1px solid var(--dark-green); cursor: pointer; padding: 0 8px; }
.if-custom-button:hover, .grid-search .cancel-search-button:hover { background-color: var(--bright-green); color: white; border: 1px solid var(--dark-green); }

.grid-search .cancel-search-button { display: none; font-size: 12px; background-color: transparent; border-color: transparent; right: 33px; }
.grid-search input { padding-right: 40px; }
.grid-search.executed .cancel-search-button { display: flex; }
.grid-search.executed input { padding-right: 65px; }

.sks-list-wrapper { position: relative; width: 100%; height: 100%;  }
.sks-list-control-bar + .sks-list-wrapper { padding-top: 10px; height: calc(100% - 34px); }
.sks-list-control-bar + .sks-list-wrapper .spinner { height: calc(100% - 10px); top: 10px; } 

.sks-list-data-container { position: relative; border: 1px solid var(--normal-grey); height: 100%; width: 100%; overflow: auto; }
.sks-list-data-wrapper { position: relative; width: 100%; display: flex; gap: 10px; padding: 10px; flex-wrap: wrap; }
.sks-list-item { position: relative; }

.sks-amount-input { position: relative; }
.sks-amount-input input { text-align: center; padding-left: 40px; padding-right: 40px; transition: var(--trans-func); }
.sks-amount-switcher { position: absolute; height: calc(100% - 6px); aspect-ratio: 1; z-index: 1; background-color: var(--light-grey); color: var(--bright-green); display: flex; align-items: center; 
	justify-content: center; top: 50%; transform: translateY(-50%); border: 1px solid var(--light-grey); transition: var(--trans-func); }
.sks-amount-switcher.sks-amount-minus { left: 3px; }
.sks-amount-switcher.sks-amount-plus { right: 3px; }
.sks-amount-input:not(.amount-disabled) .sks-amount-switcher:hover { border-color: var(--normal-grey); cursor: pointer; }
.sks-amount-input.amount-disabled input, .sks-amount-input.amount-disabled input:disabled { border-color: var(--normal-grey) !important; color: var(--normal-grey) !important; }
.sks-amount-input.amount-disabled .sks-amount-switcher { color: var(--normal-grey); }

.bool-checked { display: flex; align-items: center; color: var(--bright-green); }

.sks-td-text .expired { color: var(--pure-red); }

.messages-indicator { position: absolute; display: none; z-index: 1; border-radius: 50%; background-color: var(--light-magenta); font-size: 6pt; color: white; height: 15px; min-width: 15px; font-weight: bold; 
	top: 5px; right: 0; align-items: center; justify-content: center; padding: 3px; border: 1px solid white;
}
.messages-indicator.shown { display: flex; }

.request-results { position: relative; margin-top: 40px; padding: 5px 10px; display: flex; align-items: center; gap: 10px; }
.request-results.request-declined { background-color: var(--light-pink); border: 1px solid var(--pure-red); }
.request-results.request-accepted { background-color: var(--money-green-p2); border: 1px solid var(--money-green-p1); }
.request-status { font-size: 40px; flex-shrink: 0; flex-grow: 0; width: 40px; display: flex; }
.request-results.request-declined .request-status { color: var(--pure-red); }
.request-results.request-accepted .request-status { color: var(--bright-green); }
.request-status-details { flex-shrink: 1; flex-grow: 1; }
.request-status-when { font-size: 10pt; }

.sks-serial-group { position: relative; padding: 0 5px 1px 5px; margin: 0 -5px -1px -5px; }
.sks-serial-group .message-holder { margin-bottom: 5px; }
.sks-serial-control { position: relative; display: flex; gap: 5px; align-items: center; margin: 0; }
.sks-serial-control.state-scan .interface-field.field-scan { display: flex; }
.sks-serial-control .interface-field.field-scan input { padding-right: 40px; }
.sks-serial-control .interface-field.field-scan.executed input { padding-right: 70px; }
.sks-serial-control.state-scan .interface-field.field-search { display: none; }
.sks-serial-control.state-search .interface-field.field-scan { display: none; }
.sks-serial-control.state-search .interface-field.field-search { display: flex; }
.sks-serial-control .interface-button, .sks-serial-control .ss-main.select-input { height: 36px; }
.sks-serial-control.state-scan .interface-button i:before { content: "\e970"; }
.sks-serial-control.state-search .interface-button i:before { content: "\e9a7"; }
.sks-serial-control .ss-deselect { width: 30px; height: 30px; right: 34px; margin: 0; align-items: center; justify-content: center; border: 1px solid var(--light-grey); background-color: var(--light-grey); }
.sks-serial-control .ss-deselect:hover { border-color: var(--normal-grey); }
.sks-serial-control .ss-main .ss-deselect svg { width: 11px; height: 11px; }
.sks-serial-control .ss-main .ss-deselect svg path { stroke: var(--bright-green); stroke-width: 11px; }

.fields-section { position: relative; flex-shrink: 0; flex-grow: 0; }
.fields-section-flexible { flex: 1 1 100%; overflow-y: auto; position: relative; display: block; margin: 0 -3px; }
.fields-section-flexible .fields-section-holder { position: relative; height: 100%; display: flex; flex-direction: column; padding: 0 3px; }
.flexible-grid .fields-section-flexible .fields-section-holder { padding-bottom: 20px; }
.flexible-grid .inline-grid .sks-grid-cb-searchbar { min-width: unset; }

.confirmation-box { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 10; background-color: white; display: flex; flex-direction: column; }
.rd-controller .confirmation-box { top: 40px; height: calc(100% - 40px); }
.confirmation-box .confirmation-message { padding: 20px; }
.confirmation-box .confirmation-buttons { position: relative; display: flex; gap: 8px; justify-content: center; align-items: center; }

.custom-buttons { position: absolute; top: 3px; height: calc(100% - 6px); right: 3px; display: flex; gap: 2px; z-index: 1; }
.custom-input-button { width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; background-color: var(--light-grey); border: 1px solid var(--light-grey); 
	color: var(--bright-green); cursor: pointer; }
.custom-input-button:hover { border-color: var(--normal-grey); }
.button-clear-value { display: none; }
.executed .button-clear-value { display: flex; }

.inventory-expired:after { position: absolute; right: 4px; height: calc(100% - 8px); top: 4px; border: 1px solid var(--pure-red); display: flex; content: 'expired'; font-size: 8pt; 
	text-transform: uppercase; color: var(--pure-red); justify-content: center; align-items: center; padding: 0 10px; box-sizing: border-box; } 
	
.icons-item { width: 20px; display: inline-flex; justify-content: center; }

.sks-td-text { display: inline-flex; }

:root{
	--ss-primary-color: #5897fb;
	--ss-bg-color: #ffffff;
	--ss-font-color: #4d4d4d;
	--ss-font-placeholder-color: #8d8d8d;
	--ss-disabled-color: var(--light-grey); /*#dcdee2;*/
	--ss-border-color: #dcdee2;
	--ss-highlight-color: #fffb8c;
	--ss-success-color: #00b755;
	--ss-error-color: #dc3545;
	--ss-main-height: 30px;
	--ss-content-height: 300px;
	--ss-spacing-l: 7px;
	--ss-spacing-m: 5px;
	--ss-spacing-s: 3px;
	--ss-animation-timing: 0.2s;
	--ss-border-radius: 4px
}
@keyframes ss-valueIn {
	0%{transform:scale(0);opacity:0}
	100%{transform:scale(1);opacity:1}
}
@keyframes ss-valueOut {
	0%{transform:scale(1);opacity:1}
	100%{transform:scale(0);opacity:0}
}

.barcode-label { width: 2.5in; height: 0.8in; margin-top: -7px; margin-bottom: -10px; z-index: 0; }
.barcode-desc { font-size: 8pt; line-height: 1.1em; text-align: center; padding-top: 5px; z-index: 1; position: relative; flex-shrink: 0; flex-grow: 0; flex-basis: 100%; }
.barcode-label-container { break-inside: avoid; position: relative; display: inline-block; width: fit-content; margin: 5px; }
.rd-controller .barcode-label-container { display: flex; justify-content: center; flex-wrap: wrap; width: 100%; }
.barcode-corner { position: absolute; width: 20px; height: 20px; z-index: 3; }
.barcode-corner.bc-top-left { left: 0; top: 0; border-top: 0.5px solid var(--normal-grey); border-left: 0.5px solid var(--normal-grey); }
.barcode-corner.bc-top-right { right: 0; top: 0; border-top: 0.5px solid var(--normal-grey); border-right: 0.5px solid var(--normal-grey); }
.barcode-corner.bc-bottom-left { left: 0; bottom: 0; border-bottom: 0.5px solid var(--normal-grey); border-left: 0.5px solid var(--normal-grey); }
.barcode-corner.bc-bottom-right { right: 0; bottom: 0; border-bottom: 0.5px solid var(--normal-grey); border-right: 0.5px solid var(--normal-grey); }
.barcode-control-bar { margin-top: 30px; display: flex; justify-content: center; }

@media print {
	body.barcodes { background-color: white; border: none; padding: 0; margin: 0; }
	body.barcodes .main-menu, .session-processor, .sks-context-menu, .rd-controller, .ss-content.select-input, .xdsoft_datetimepicker { display: none !important; }
	body.barcodes #gridInventory, body.barcodes #gridMessages { display: none !important; }
	body.barcodes .module { margin: 0 !important; padding: 0 !important; overflow: visible !important; height: fit-content !important; width: 100% !important; }
	body.barcodes .module-holder { margin: 0 !important; padding: 0 !important; overflow: visible !important; height: fit-content !important; width: 100% !important; }	
	body.barcodes .module-section-body { margin: 0 !important; padding: 0 !important; overflow: visible !important; height: fit-content !important; width: 100% !important; }
	body.barcodes .module-section-body-holder { margin: 0 !important; padding: 0 !important; overflow: visible !important; height: fit-content !important; width: 100% !important; }
	body.barcodes .section-body-holder { margin: 0 !important; padding: 0 !important; overflow: visible !important; height: fit-content !important; width: 100% !important; }
	body.barcodes .interface-panel { margin: 0 !important; padding: 0 !important; overflow: visible !important; height: fit-content !important; width: 100% !important; }
	body.barcodes .interface-panel-full { margin: 0 !important; padding: 0 !important; overflow: visible !important; height: fit-content !important; width: 100% !important; }	
	body.barcodes .sks-flexible-control-bar { display: none !important; }
	body.barcodes .barcodes-area { height: fit-content !important; position: relative !important; }
	.barcode-label-container { break-inside: avoid; page-break-inside: avoid; width: 25%; display: inline-block; margin: 0; }
	.barcodes-holder { height: fit-content !important; padding: 0 !important; margin: 0 !important; border: none !important; gap: 0; display: block; }
	.barcode-label { width: 2in; height: 0.5in; margin-top: -3px; margin-bottom: -5px; }
	.barcode-corner { width: 10px; height: 10px; }
	.barcode-corner.bc-top-left, .barcode-corner.bc-top-right, .barcode-corner.bc-bottom-left, .barcode-corner.bc-bottom-right { border-width: 0.01em; }
	.barcode-desc { font-size: 5pt; line-height: 1em; padding-top: 5px; }
	@page { size:  auto; margin: 15px 10px; }
	
	body.inventory-barcode .rd-controller { display: block !important; position: relative !important; height: fit-content !important; }
	body.inventory-barcode .rd-bg { display: none; }
	body.inventory-barcode .rd-panel { position: relative !important; width: 100% !important; height: fit-content !important; display: block !important; box-shadow: none !important; }
	body.inventory-barcode .rd-panel.hidden { display: none !important; }
	body.inventory-barcode .rdp-header, body.inventory-barcode .rdp-body, body.inventory-barcode .tab-strip, 
	body.inventory-barcode .rdp-control-bar, body.inventory-barcode .barcode-control-bar { display: none !important; }
	body.inventory-barcode .rdp-body.active { display: block !important; padding: 0 !important; }
	body.inventory-barcode .barcode-label-container { width: 25% !important; }
}

@media only screen and (max-width: 1280px) {
	:root { 
		/*--dialog-min-width: 450px; 
		--dialog-max-width: 600px;
		--dialog-padding: 20px;*/
		--main-menu-width: 210px;
		--main-menu-header-height: 90px;
		/*--table-cell-padding: 7px 10px;*/
		--module-padding: 20px; 
		/*--module-gap: 15px;*/
	}
	
	.menu-header-holder { width: 90%; gap: 10px; }
	.menu-item-holder { width: 85%; gap: 17px; }
	.menu-logo { width: 60px; height: 60px; }
	.menu-logged { gap: 0; }
}

.main-menu.collapsed .menu-header { cursor: pointer; }
.main-menu.collapsed.active { width: var(--main-menu-expanded-width); height: 100%; box-shadow: 5px 0 5px 0 rgba(0,0,0,0.2); }
.main-menu.collapsed.active .menu-header-holder { width: 80%; gap: 10px; }
.main-menu.collapsed.active .menu-info { position: unset; left: unset; width: unset; }
.main-menu.collapsed.active .menu-item-holder { width: 80%; gap: 10px; left: unset; position: unset; padding-left: unset; }
.main-menu.collapsed.active .menu-item-holder .desc { width: unset; left: unset; padding-left: unset; position: unset; box-shadow: none; }
.main-menu.collapsed.active .menu-item-holder .desc a { padding-left: 0; padding-right: 0; }

@media only screen and (max-width: 960px) {
	:root { 
		--main-menu-width: 60px;
		--main-menu-header-height: 60px;
		/*--module-padding: 15px 20px 20px 20px;*/
		--module-gap: 10px;
	}
	.menu-header-holder { align-items: center; justify-content: center; }
	.menu-header { height: var(--main-menu-header-height); position: relative; }
	.menu-body { height: calc(100% - var(--main-menu-header-height)); }
	.menu-info { display: flex; position: absolute; width: 0; left: 100%; height: 100%; align-items: center; background-color: var(--main-menu-header-bg); overflow: hidden; transition: var(--trans-func); flex-direction: row; }
	.menu-system { display: none; }
	.menu-logged { line-height: 1.1em; width: 100%; height: fit-content; align-items: center; white-space: nowrap; }
	.menu-logo { width: calc(var(--main-menu-width) - 20px); height: calc(var(--main-menu-width) - 20px); }
	.menu-item-holder { padding-left: 0; }
	.menu-body { overflow: visible; }
	.menu-item-holder .desc { position: absolute; left: calc(100% - 5px); width: 0; overflow: hidden; height: 100%; display: flex; align-items: center; transition: var(--trans-func); padding-left: 5px; }
	.menu-item:hover .menu-item-holder .desc { width: 140px; background-color: var(--main-menu-hover-bg); box-shadow: 3px 2px 3px 0 rgba(0,0,0,0.2); }
	.menu-item.active:hover .menu-item-holder .desc { background-color: var(--main-menu-active-bg); }	
	/*.menu-header:hover .menu-info { width: 140px; }*/
}

@media only screen and (max-width: 600px) {
	:root { 
		--module-padding: 10px;
		--module-gap: 5px;
	}	
	.main-menu { height: var(--main-menu-header-height); overflow: hidden; }
	.module { margin-left: 0; width: 100%; padding-top: calc(var(--main-menu-header-height) + var(--module-padding)); height: 100%; }
    .module-section-header { display: flex; position: fixed; top: 0; left: var(--main-menu-width); width: calc(100% - var(--main-menu-width)); height: var(--main-menu-header-height); align-items: center; 
		border-top: 1px solid var(--main-menu-header-bg); border-bottom: 1px solid var(--main-menu-header-bg); background-color: white; z-index: 1; }
	.module-section-header .section-title { display: flex; }
	.logged-user-avatar { display: flex; }
	.module-section-header h2 { margin: 0; padding-bottom: 0; }
}

@media only screen and (max-width: 480px) {
	:root { 
		--dialog-padding: 10px;
		--dialog-min-width: var(--minwidth);
		--main-menu-header-height: 50px;
	}
	
	.popup-dialog { width: 100%; height: 100%; max-height: unset; line-height: 1.2em; border: none; }
	.popup-logo { width: 70px; height: 70px; margin-bottom: 5px; }
	.popup-logo img { margin-top: -20px; margin-bottom: 0; }
	.popup-text-panel, .form-desc, .popup-bottom-panel { font-size: 10pt; line-height: 1.2em; }
	.popup-form-panel { overflow: auto; }
	.popup-form-panel:has(.popup-form-holder) { padding-left: 7px; padding-right: 7px;}
	.popup-form-holder { padding-left: 3px; padding-right: 3px; }
	
	.rd-panel { width: 100%; min-width: var(--minwidth); }
	.rdp-header { padding-left: var(--dialog-padding); }
	.rdp-body { padding: var(--dialog-padding) var(--dialog-padding) 0; }
	.rd-panel.short .rdp-body { padding-top: calc(var(--dialog-padding) - 7px); }
	.rdp-body.tab-stripped { padding-top: calc(var(--dialog-padding) - 5px) !important; height: calc(100% - 138px); }
	.rdp-body .rdp-body-holder { padding-bottom: calc(var(--dialog-padding) - 5px); }
	
	.interface-field .interface-label { font-size: 10pt; line-height: 1.1em; }
	.interface-hr { width: calc(100% + 20px); margin-left: -10px; margin-right: -10px; }
}

@media only screen and (max-width: 350px) {
	:root { 
		--module-padding: 5px;
		--module-gap: 5px;
		--table-cell-padding: 7px 5px;
	}
	.sks-grid-control-bar + .sks-grid-wrapper { padding-top: 5px; }
	.sks-locked-grid-table-wrapper { top: 5px; }
}

@media (prefers-color-scheme: dark) {

}