/*! basic.css Version 4/2024  */
/*#region normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css - DM: Modified */
html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ }
body { margin: 0; overflow-x: hidden; }
h1 { font-size: 2em; margin: 0.67em 0; }
hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ }
a { background-color: transparent; }
b, strong { font-weight: bolder; }
code { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sub { bottom: -0.25em; }
sup { top: -0.5em; }
img { border-style: none; }
input[type=text], input[type=email], input[type=password], input[type=month], input.input-text, optgroup, select, textarea { -webkit-appearance: none; -webkit-border-radius: 0px; }
button, input, optgroup, select, textarea { font-family: Calibri, Arial, sans-serif; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ }
button, input { /* 1 */ overflow: visible; }
button, select { /* 1 */ text-transform: none; }
button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: none; }
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }
.k-button-overlay, .k-button::before { background: #aaa; }
.k-button-flat:focus::after, .k-button-flat.k-focus::after, .k-button:hover:not(.k-selected)::before, .k-button.k-hover:not(.k-selected)::before { opacity: 0 }
fieldset { padding: 0; }
legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ }
progress { vertical-align: baseline; }
textarea { overflow: auto; resize: vertical; }
[type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }
[type="checkbox"] { margin-right: 5px }
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }
[type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ }
[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ }
[hidden], *[visibility="hidden"], *[style="visibility:hidden"], .hide { display: none; }
table { border-spacing: 0 }
*:focus, *:focus-within, .valid.modified:not([type=checkbox]) { outline: 0 !important; box-shadow: 0 0 0 0 !important }
/*#endregion*/
/*#region --- General --- */
* { box-sizing: border-box; font-family: Calibri, Arial, sans-serif; }
html, body { width: 100%; height: 100% }
body { color: #888888; padding: 0; background: #5e5e5e url('../images/basic/back-gradient.jpg') repeat-x left top fixed; font-size: 18px; font-family: Calibri, Arial, sans-serif; }
.wrapper { width: 100%; display: table; table-layout: fixed; border-collapse: collapse; overflow: auto; height: 100%; min-height: 101%; position: absolute; top: 0; }
.content-wrapper, .footer { display: table-row; width: 100% }
.nav, .main { display: table-cell; vertical-align: top }
a, a:link, a:visited { text-decoration: none; color: #78be20; cursor: pointer}
a:hover { text-decoration: underline; }
.lnk-less-imp, a.lnk-less-imp, a.lnk-less-imp:link, a.lnk-less-imp:visited { color: #888888 }
h1, h2 { font-weight: lighter; margin: 0; padding: 0; color: #222 }
h1 { font-size: 40px }
h3 { font-size: 20px; padding-bottom: 20px; font-weight: normal; color: #222}
p { margin: 0 auto 20px auto }
.small { font-size: 14px }
fieldset { position: relative; box-sizing: border-box; background-color: #f4f4f4; width: 100%; padding: 60px 20px 20px 20px; border: 0; border-radius: 3px; margin-bottom: 20px }
legend { position: absolute; top: 20px; font-size: 20px; font-weight: normal; float: left; width: 100%; padding-bottom: 20px; display: block }
legend:after { content: "."; clear: both; display: block; visibility: hidden; height: 0; }
button, .button-wrapper button, .button, .button:visited, a.button, a.button:visited, .k-upload .k-upload-button { display: inline-block; border: 1px solid #888888; background-color: #888888; line-height: 38px; padding: 0px 40px; color: #fff; text-decoration: none; border: 0; cursor: pointer; overflow: visible; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px !important; position: relative; transition-duration: 200ms }
button:hover, .button-wrapper button:hover, .button:hover, a.button:hover { border-color: #999; background-color: #999; text-decoration: none; }
button.btn-lnk { border-color: transparent; background: transparent; color: #78be20; padding: 0; line-height: normal }
button.btn-lnk:hover { text-decoration: underline }
.k-button:disabled, .k-button.k-disabled { opacity: 0.3 }
.button-less-imp, .button-wrapper.button-less-imp button, .button-less-imp:visited, a.button-less-imp, a.button-less-imp:visited,
.button-wrapper-less .k-button, .button-wrapper-less .k-button:visited { background-color: #bbb !important; border-color: #bbb !important; }
.button-less-imp:hover, a.button-less-imp:hover, .button-wrapper.button-less-imp button:hover, .button-wrapper-less .k-button:hover { background-color: #ccc !important; border-color: #ccc !important }
.button-small, .button-wrapper-small button, a.button-small { font-size: 12px; line-height: 18px; padding: 0 10px; }
.submit, .submit:visited, a.submit, a.submit:visited { background-color: #78be20 !important; border-color: #78be20 !important; background: linear-gradient(-45deg,#78be20,#007a33) !important; }
.submit:hover, a.submit:hover { background: linear-gradient(-45deg,#78be20,#78be20) !important; border-color: #78be20 !important }
.button-row { width: 100%; margin-top: 40px; padding-top: 40px; border-top: 1px solid #ccc }
.button-row .button { margin-right: 10px; vertical-align: top; }
.k-upload {font-size: inherit}
.k-upload .k-dropzone { background: #f4f4f4 }
.k-upload-status .k-button {text-align: right; padding: 0}
.k-upload .k-upload-files { margin-top: 20px; border-top: 0px }
.k-upload .k-upload-files .k-file-name { line-height: 32px }
.k-upload .k-upload-files .k-file-group-wrapper .k-file-group {font-size: 20px}
.k-window { width: calc(100vw - 120px); height: calc(100vh - 120px); max-height: calc(100vh - 120px); max-width: 1080px; box-shadow: 0 0 0 0; font-size: inherit; }
.k-window .bt-close {position: fixed; right: 25px; top: 20px; width: 30px; height: 30px; cursor: pointer; opacity: 0.6}
.k-window .bt-close:hover {opacity: 1}
.k-window .bt-close:before, .k-window .bt-close:after { position: absolute; content: ""; left: 15px; height: 33px; width: 2px; background-color: #000; }
.k-window .bt-close:before { transform: rotate(45deg); }
.k-window .bt-close:after { transform: rotate(-45deg); }
.k-window .k-window-content {color: #888}
.message-box { padding-bottom: 40px; }
.message-box-inner { background-color: #f7c548; padding: 20px; color: #222; border-collapse: collapse; border: 0px; margin: 0px; width: 100% }
.message-success .message-box-inner { background-color: #78be20; color: #ffffff }
.message-box-inner a, .message-box-inner a:link, .message-box-inner a:visited {text-decoration: none; cursor: pointer; color: #ffffff;}
.message-box ul { margin: 10px 0 10px 0; padding: 0 0 0 20px }
.message-box-buttons { padding-top: 20px }
.message-confirmation { color: #78be20 }
.error, .k-text-primary, .k-color-primary { color: #E8861C }
.table-overflow-wrapper { overflow-x: auto }
.optional { font-size: 11px; color: #ccc; display: inline-block; margin-left: 5px }
.maintenance-box { position: absolute; width: 300px; left: 50%; margin-left: -150px; top: 50%; margin-top: -120px; text-align: center }
.maintenance-box .head-logo { position: static }
.maintenance-box .head-app-name { display: block; margin: 0px 0 30px 0; color: #ccc; }
.maintenance-box p { color: #fff }
/*#endregion*/
/*#region --- Head --- */
.head { display: table-row; width: 100% }
.head-logo-outer { display: table-cell; width: 210px; }
.head-logo { top: 20px; left: 20px; height: 34px; position: fixed }
.head-logo-mobile { display: none; margin-top: -4px; border-radius: 15px }
.head-inner { display: table-cell; position: relative; height: 68px; }
.head-inner .lbl-environment { background-color: #f7c548; display: block; font-size: 14px; color: #000; padding: 5px 20px; vertical-align: top; text-align: center; margin-top: 13px; position: absolute; z-index: 1; right: 0px; border-bottom-left-radius: 20px; }
.head-mobile-nav, .head-menu, .head-apps-link { top: 20px; right: 40px; width: 28px; height: 28px; z-index: 998; display: block; position: absolute; text-align: left; }
.head-mobile-nav { right: auto; left: 10px; display: none }
.head-mobile-nav img { margin-top: 6px }
.head-apps-link img { width: 24px; height: 24px; margin: 2px 0 0 2px }
.head-apps-link { right: 88px }
.head-nav-icon, .head-menu-icon, .head-apps-link { cursor: pointer; opacity: 0.8; transition-duration: 0.2s }
.head-nav-icon:hover, .head-menu-icon:hover, .head-apps-link:hover { opacity: 1 }
.head-nav-items, .head-menu-items { z-index: 999 }
.head-nav-items.head-nav-show, .head-menu-items.head-menu-show { display: none }
.head-nav-items.head-nav-hide, .head-menu-items.head-menu-hide { display: block }
.head-nav-items, .head-menu-items { position: absolute; right: 0; top: 38px; background: #fff; width: 320px; line-height: 20px; box-shadow: rgba(0,0,0,0.2) 0 10px 10px; text-align: center; border-radius: 10px }
.head-nav-items { right: auto; left: 0 }
.head-menu-items button { line-height: initial }
.head-nav-items input, .head-nav-items button, .head-nav-items a, .head-nav-items a:link, .head-nav-items a:visited, .head-menu-items a, .head-menu-items a:link, .head-menu-items a:visited, .head-menu-user-name, .head-menu-items button { color: #666666; display: inline-block; box-sizing: border-box; width: 100%; padding: 10px 15px; background: transparent; border: 0px; border-bottom: 1px solid #ededed; transition-duration: 0.2s; cursor: pointer }
.head-nav-items input:hover, .head-nav-items button:hover, .head-nav-items a:hover, .head-menu-items a:hover, .head-menu-items button:hover { text-decoration: none !important; background: #ededed }
.head-menu-user-name { color: #bbbbbb }
.head .icon-help { vertical-align: middle; margin: 0 5px 0 10px; opacity: 0.8; transition-duration: 0.2s; border: 0 }
.head a:hover .icon-help { opacity: 1 }
.head-app-name { display: inline-block; font-size: 32px; color: #5C5C5C; margin-top: 18px }
/*#endregion*/
/*#region --- Nav --- */
.nav { width: 210px; color: #999999; font-size: 20px; position: fixed; max-height: calc(100% - 68px); overflow-y: auto; overflow-x: hidden }
.nav ul { list-style: none; padding: 0; margin: 0; }
.nav li { line-height: 40px; display: inline-block; }
.nav li input { -webkit-appearance: none; cursor: pointer; border: 0px; background-color: transparent; text-align: left }
.nav li a, .nav li input { display: inline-block; border-left: 5px solid transparent; padding-left: 15px; width: 205px; line-height: inherit }
.nav li a.nav-active, .nav li input.nav-active { color: #fff; border-left-color: #78be20; background: -moz-linear-gradient(left, rgba(255,255,255,0.17) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(255,255,255,0.17) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(255,255,255,0.17) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2bffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */ }
.nav a, .nav a:visited, .nav a:hover, .nav input { text-decoration: none; color: #999999; line-height: 22px !important; padding-top: 9px; padding-bottom: 9px; transition-duration: 200ms }
.nav a:hover, .nav input:hover { color: #fff }
.nav ul.nav-admin, .nav ul.nav-config, .nav ul.nav-controlling { margin-top: 20px; display: block }
.nav-title { color: #fff; padding-left: 20px; font-size: 14px; opacity: 0.2 }
.head-mobile-nav .nav-title-mobile { font-size: 14px; color: #ccc; line-height: 40px; display: inline-block; width: 100%; margin: 40px 0 0 0; padding: 0; border-bottom: 1px solid #ededed; }
.nav .marked, .head-mobile-nav .marked { display: inline-block; background-color: #78be20; line-height: 24px; font-size: 16px; color: #000; border-radius: 12px; padding-left: 8px; padding-right: 8px; margin-left: 5px; }
.head-mobile-nav .marked { color: #ffffff }
/*#endregion*/
/*#region --- Main --- */
.main { padding-bottom: 40px }
.main-inner { width: 100%; border-radius: 20px 0 0 0; padding: 40px; background: #fff; min-height: 100%; overflow-x: hidden }
.main-inner-overflow { overflow-x: auto }
.main-tabs { margin: 20px 0 0 0; padding: 0; display: block; width: 100%; position: relative; }
.main-tabs:before { top: 41px; border-bottom: 1px solid #bbb; position: absolute; content: " "; display: block; width: 100%; height: 1px; line-height: 1px; font-size: 1px; }
.main-tabs:after { content: "."; clear: both; display: block; visibility: hidden; height: 0; }
.main-tabs li, .k-tabstrip-top > .k-tabstrip-items .k-item + .k-item { display: inline-block; float: left; border-bottom: 1px solid #bbb; }
.main-tabs li a, .main-tabs li a:visited, .main-tabs li .item, .k-tabstrip-items .k-link { display: inline-block; padding: 0 20px 0 20px; line-height: 40px; border-bottom: 2px solid transparent; text-decoration: none; font-size: 20px; color: #999; transition-duration: 200ms; cursor: pointer }
.main-tabs li a:hover, .main-tabs li .item, .k-tabstrip-items .k-link:hover { background-color: #f4f4f4 }
.main-tabs li a.main-tab-active, .main-tabs li .item-active, .k-tabstrip-top > .k-tabstrip-items .k-item.k-state-active { color: #222; border-bottom-color: #78be20; }
.main-content { margin-top: 30px; }
.main-inner .k-textbox { width: 100px; }
.main-inner .k-filtercell-wrapper .k-textbox { width: 130px; }
/*#endregion*/
/*#region --- Footer --- */
.footer { text-align: center; color: #888; position: absolute; bottom: 0; display: table; }
.footer div { display: table-cell; padding: 10px 0 }
.footer-left { width: 210px }
.footer-right { padding-right: 40px; background: white }
.footer a, .footer a:link, .footer a:visited, .footer a:hover { color: #aaa; }
/*#endregion*/
/*#region --- Form fields, Telerik modifications --- */
.field-row { width: 100%; padding-bottom: 10px; overflow-x: hidden }
.field-label, .field-text { display: inline-block; width: 160px; vertical-align: top; min-height: 38px; padding-top: 8px; }
.field-text { width: auto; color: #222 !important }
.field-wrapper-input { min-height: 42px; color: #222 }
.field-wrapper-input .blazored-typeahead { position: static }
.field-required { display: inline-block; width: 10px; vertical-align: top; color: red; min-height: 30px }
.field-checkbox-list { width: 100%; border: 1px solid #bbb; background-color: #F9F9F9; padding: 10px; height: 120px; overflow-y: auto; white-space: nowrap; overflow-x: hidden; line-height: 1.5 }
.field-checkbox-list table { border-collapse: collapse; }
.field-checkbox-list td { padding: 0 }
input[type=text], input[type=email], input[type=date], input[type=month], input[type=password], input.input-text, textarea, .blazored-typeahead, .k-input[type=text] { color: #222; background-color: #F9F9F9 !important; font-size: inherit; padding-left: 5px; border: 1px solid #ccc !important; cursor: text; line-height: 38px; height: 38px; border-radius: 0px !important }
/*input[type="checkbox"] { color: #222; background-color: #F9F9F9 !important; font-size: inherit; width: 20px; height: 20px; cursor: pointer; border: 1px solid #bbb; line-height: 38px; vertical-align: middle; margin-right: 10px }*/
.blazored-typeahead { padding: 0; line-height: normal; height: auto; min-height: 38px }
.blazored-typeahead:focus { outline: none !important }
.blazored-typeahead__input-mask-wrapper { width: calc(100% - 20px) !important }
.blazored-typeahead__input-mask { overflow-x: hidden }
.blazored-typeahead__input-mask, .blazored-typeahead__input, .blazored-typeahead__input-icon, .blazored-typeahead__clear { padding: 3px 0 3px 0 !important }
.blazored-typeahead__input-mask, .blazored-typeahead__input { margin-left: 10px; border-radius: 0px !important }
.blazored-typeahead__input-icon, .blazored-typeahead__clear { width: 20px !important }
.blazored-typeahead__input-icon:hover { background-color: transparent !important }
.blazored-typeahead__input-icon:focus { box-shadow: 0 0 0 0 !important }
.blazored-typeahead__input-icon svg { margin-top: 2px }
.blazored-typeahead__clear { font-size: 14px; align-items: normal !important; padding-top: 7px !important }
.blazored-typeahead input[type=text] { border: 0px !important }
.blazored-typeahead.invalid { border-color: #bbb !important }
.blazored-typeahead__input-mask-wrapper--disabled {background: #fff !important}
.blazored-typeahead__results { max-width: 300px !important; max-height: 300px !important; margin-top: 4px }
textarea { height: auto; line-height: normal; border: 1px solid #bbb; width: 100% }
select, select:focus { width: 100%; line-height: 38px; height: 38px !important; background: #f9f9f9 url('../images/basic/icon-arrow-down-grey.svg'); background-repeat: no-repeat; background-position: right 13px; background-size: 30px 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #bbb; color: #222 !important; padding-left: 10px !important; padding-right: 35px !important; cursor: pointer; }
select:focus { outline: none !important }
option { background-color: #f9f9f9; }
/* target Google Chrome */ @media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
    select { line-height: 38px; }
}
/* target Internet Explorer 9 to undo the custom arrow */ @media screen and (min-width:0\0) and (min-resolution:.001dpcm) {
    select { background-image: none; padding-right: 0;\9 }
    select { color: #222; }
}

select[size]:not([size='1']) { line-height: normal !important; height: auto !important; background-image: none; padding-right: 0 !important }
select::-ms-value { background: transparent; color: #222; }
select::-ms-expand { display: none; }
select option { color: #222; }
input[type=text][disabled=disabled], select[disabled=disabled] { opacity: 0.4; background-color: #F9F9F9 !important; cursor: default }
input.button[disabled=disabled], input.button[disabled=disabled]:hover, input[type=checkbox][disabled=disabled], textarea[disabled=disabled] { opacity: 0.4; cursor: default }
.show-required-field, input[type=text].show-required-field { background-color: #FDF3E8 !important }
.k-rounded-md { border-radius: 0 }
.k-table-thead, .k-table-header, .k-table-group-sticky-header, .k-grid-header .k-table-th.k-grid-header-sticky, .k-grid-header td.k-grid-header-sticky, .k-grid-header .k-table-td.k-grid-header-sticky, .k-grid-header .k-grid-header-sticky.k-sorted, col.k-sorted, .k-table-th.k-sorted { background-color: #fff }
.table-repeater-header-row th, .table-header-row td, .table-header-row th { background: none !important; padding-top: 10px !important; padding-bottom: 10px !important; text-align: left; border-bottom: 1px solid; font-weight: normal }
.table-repeater-header-row th, .table-header-row td { padding-left: 7px; padding-right: 7px }
.k-grid-md .k-table-th > .k-cell-inner > .k-link { padding-block: 4px; padding-inline: 8px; }
.table-header-row td, .table-header-row th, .table-repeater-header-row th, thead .k-column-title { color: #aaa !important; border-color: #bbb !important; border-left: 0px solid !important; font-size: 14px !important }
thead .k-sorted .k-column-title { color: #222 !important }
.table-repeater-row > td, .table-repeater-altrow > td, .table-row > td, .table-altrow > td { border-style: solid !important; border-color: inherit !important; border-width: 0px !important; padding: 10px 7px !important; vertical-align: top; }
.k-table-tbody .k-table-row:hover, .k-grid .k-table-tbody > .k-table-row:hover, .k-grid .k-table-tbody > .k-table-row.k-hover { background-color: initial !important }
.table-repeater-altrow > td, .table-altrow > td, .table-repeater-row:nth-of-type(2n) > td, .k-grid tr.k-alt, .k-grid .k-table-tbody > .k-table-alt-row:hover { background-color: #f4f4f4 !important }
.k-toolbar { font-size: 18px }
.k-grid, .k-grid-md { border: 0px transparent; font-size: inherit; color: #444 !important }
.k-grouping-header { padding: 0; background-color: transparent; border-bottom: 0px }
.k-indicator-container, .k-grid-md .k-grouping-header { color: #ccc !important; padding: 4px 8px !important; border: 1px dashed #bbb !important; background: none !important; }
.k-group-indicator {border: 0px}
.k-grid-header { background-color: transparent !important; border-color: #ddd !important }
.k-grid .k-table-th, .k-grid-header th.k-grid-header-sticky, .k-grid-header .k-grid-header-sticky.k-sorted { background-color: #fff; border: 0px }
.k-grid-header-wrap, .k-header, .k-grid th { border: 0px transparent }
.k-grid-toolbar { background-color: transparent; padding: 0 0 20px 0; height: unset }
.k-grid .k-grid-header-sticky, .k-grid .k-grid-content-sticky, .k-grid .k-grid-footer-sticky {border-right: 0px}
.k-grid-toolbar .k-button { margin-right: 2px }
.k-grid td.k-selected, .k-grid tr.k-selected > td { background: #3D3936 ; color: #444 }
.k-column-title { line-height: 22px }
.k-filtercell { max-height: 26px }
.k-filtercell > span, .k-filtercell .k-filtercell-wrapper { flex: none }
.k-filtercell .k-filtercell-operator { display: flex }
.k-button, .k-popup { font-size: inherit }
.k-combobox {font-size: inherit}
.k-combobox .k-clear-value { right: 20px }
.k-link { color: #aaa !important }
.k-link:hover, th[aria-sort=ascending] .k-link, th[aria-sort=descending] .k-link, .k-tabstrip-items-wrapper .k-item { color: inherit !important }
.k-grid tbody tr:hover, .k-grid tbody tr.k-state-hover { background-color: transparent }
.k-grid-md .k-filter-row td, .k-grid-md .k-filter-row .k-table-td, .k-grid-md .k-filter-row .k-table-th { padding-inline: 5px }
.k-grid td, .k-table-md .k-table-th, .k-table-md .k-table-td, .k-grid-md td, .k-grid-md .k-table-td { border-left: 0px !important; padding-top: 10px; padding-bottom: 10px; padding-inline: 5px }
.k-grid-md .k-table-th > .k-cell-inner { margin-inline: -8px }
.k-grid td.k-state-selected, .k-grid tr.k-state-selected > td { background-color: rgba(0,0,0,0.10); }
.k-grid-md .k-hierarchy-cell > .k-icon { padding-block: 8px; cursor: pointer }
.k-pager { background-color: transparent; margin-top: 10px; }
.k-pager-md { padding-block: 4px; padding-inline: 0px; }
.k-pager-wrap { background-color: transparent; padding: 20px 0 0 0; color: inherit; border-top: 1px solid; border-color: #bbb !important; }
.k-pager-numbers .k-link.k-state-selected { background-color: transparent; border-color: transparent; color: inherit !important }
.k-pager-numbers .k-link:hover, .k-pager-nav.k-link:hover { background-color: transparent }
.k-pager-md .k-pager-numbers-wrap .k-button { line-height: 28px !important; height: 36px; }
.k-pager-numbers .k-button { color: #aaa !important; min-width: 36px !important; line-height: 28px !important; height: 36px; border-radius: 18px !important }
.k-pager-numbers .k-button:focus { border: 0px !important }
.k-pager-numbers .k-button.k-selected { color: #222 !important; }
.k-pager-nav.k-state-disabled { opacity: 0.2; }
.k-pager .k-svg-icon svg, .k-treeview .k-svg-icon svg, .k-menu-link .k-svg-icon svg, :not(.k-toolbar) .k-grouping-row.k-table-row .k-svg-icon > svg { display: none }
.k-svg-i-caret-alt-to-left:before, .k-svg-i-caret-alt-to-left:after,
.k-svg-i-caret-alt-left:before,
.k-svg-i-caret-alt-to-right:before, .k-svg-i-caret-alt-to-right:after,
.k-svg-i-caret-alt-right:before,
.k-i-caret-alt-to-left:before, .k-i-caret-alt-to-left:after,
.k-i-caret-alt-left:before,
.k-i-arrow-end-left::before, .k-i-arrow-end-left::after,
.k-i-caret-alt-to-right:before, .k-i-caret-alt-to-right:after,
.k-i-caret-alt-right:before,
.k-i-arrow-60-left::before,
.k-i-arrow-60-right::before,
.k-i-arrow-end-right::before, .k-i-arrow-end-right::after, .k-i-arrow-60-down::before, .k-svg-i-caret-alt-down:before, .k-i-caret-alt-down:before { position: absolute; top: 4px; content: "" !important; display: block; width: 8px; height: 8px; }
.k-i-arrow-end-left::before, .k-i-arrow-end-left::after, .k-i-arrow-60-left::before,
.k-i-caret-alt-to-left:before, .k-i-caret-alt-to-left:after, .k-i-caret-alt-left:before, .k-svg-i-caret-alt-to-left:before, .k-svg-i-caret-alt-to-left:after, .k-svg-i-caret-alt-left:before { border-left: 1px solid #222; border-bottom: 1px solid #222; transform: rotate(45deg); }
.k-i-arrow-end-left::before, .k-i-caret-alt-to-left:before, .k-svg-i-caret-alt-to-left:before { margin-left: -8px }
.k-i-arrow-end-left::after, .k-i-caret-alt-to-left:after, .k-svg-i-caret-alt-to-left:after { margin-left: 2px }
.k-i-arrow-60-right::before, .k-i-arrow-end-right::before, .k-i-arrow-end-right::after,
.k-i-caret-alt-to-right:before, .k-i-caret-alt-to-right:after, .k-i-caret-alt-right:before, .k-svg-i-caret-alt-to-right:before, .k-svg-i-caret-alt-to-right:after, .k-svg-i-caret-alt-right:before { border-top: 1px solid #222; border-right: 1px solid #222; transform: rotate(45deg); }
.k-i-arrow-end-right::before, .k-i-caret-alt-to-right:before, .k-svg-i-caret-alt-to-right:before { margin-left: -2px }
.k-i-arrow-end-right::after, .k-i-caret-alt-to-right:after, .k-svg-i-caret-alt-to-right:after { margin-left: 8px }
.k-i-arrow-60-down::before, .k-svg-i-caret-alt-down:before, .k-i-caret-alt-down:before { border-right: 1px solid #222; border-bottom: 1px solid #222; transform: rotate(45deg); }
.k-treeview .k-svg-i-caret-alt-right:before, .k-menu-link .k-svg-i-caret-alt-right:before { width: 8px; height: 8px; top: 8px }
.k-treeview .k-svg-i-caret-alt-down:before { width: 8px; height: 8px; }
.k-menu-link .k-svg-i-caret-alt-right:before {top: 4px}
.k-pager-info { color: #ccc; margin: 0; font-size: 14px; }
.k-grid .k-grouping-row .k-icon { margin-inline-start: 0; cursor: pointer }
.k-grid .k-table-group-row .k-svg-i-caret-alt-down:before { top: 0 }
.grid-page-size-box { font-size: 14px; color: #ccc; position: absolute; margin-top: -35px; right: 40px; text-align: right; }
.k-list .k-item.k-state-selected, .k-list-item.k-selected, .k-list-item.k-selected:hover, .k-list .k-item.k-state-selected:hover { color: inherit; background-color: #f4f4f4; font-weight: bold }
.k-list .k-item.k-state-focused, .k-menu:not(.k-context-menu) > .k-item:focus, .k-menu:not(.k-context-menu) > .k-item.k-state-focused { box-shadow: inset 0 0 0 }
.k-checkbox { border-color: #bbb }
.k-checkbox:hover { border-color: #000 }
.k-checkbox:indeterminate, .k-checkbox.k-state-indeterminate { color: #888888 }
.k-checkbox:checked, .k-checkbox:checked:focus { border-color: #888; background-color: #888; box-shadow: 0 0 0 0 rgba(0,0,0,0) }
.k-checkbox:focus { box-shadow: 0 0 0 0 }
.k-dropdown { position: relative }
.k-dropdown .k-dropdown-wrap, .k-dropdowntree .k-dropdown-wrap { border: 0px; background-color: transparent; background-image: none; opacity: 0.4 }
.k-dropdown .k-dropdown-wrap:hover, .k-dropdowntree .k-dropdown-wrap:hover, .k-dropdown .k-dropdown-wrap.k-state-hover, .k-dropdowntree .k-dropdown-wrap.k-state-hover, .k-filtercell .k-filtercell-operator > .k-button.k-clear-button-visible:hover { border-color: transparent; background-color: transparent; background-image: none; opacity: 1 }
.k-dropdown .k-dropdown-wrap.k-state-focused, .k-dropdowntree .k-dropdown-wrap.k-state-focused { box-shadow: 0 0 0 0 }
.k-dropdown, .k-dropdowntree { vertical-align: top !important }
.k-dropdown-wrap .k-select, .k-combobox > :hover .k-select, .k-filtercell .k-filtercell-operator > .k-button.k-clear-button-visible { width: auto !important; height: auto !important; background-color: #F9F9F9 !important; background-image: none }
.k-button-icon { height: auto }
.k-dropdown-wrap .k-i-arrow-s::before { content: ""; margin-top: -1px; margin-right: 5px; border: solid #888888; border-width: 0 1px 1px 0; display: inline-block; display: inline-block; width: 6px; height: 6px; background: none; vertical-align: middle; transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.k-picker-solid, .k-picker-solid .k-button:hover, .k-button[aria-label="Clear"] { background-color: transparent; border: 0px; color: #656565; opacity: 0.4 }
.k-picker-solid:hover, .k-picker-solid .k-button:hover, .k-button[aria-label="Clear"]:hover { background-color: transparent; opacity: 1; color: #222 }
.k-button.k-disabled[aria-label="Clear"] { visibility: hidden }
.k-filtercell-operator .k-button { line-height: normal !important; padding: 0 }
.k-filtercell .k-filtercell-operator > .k-button.k-clear-button-visible { color: inherit !important; background-color: transparent !important; padding: 0px !important; border: 0px }
.k-filtercell select { height: 24px !important; line-height: 100%; background-position: right 7px; background-size: 20px 10px; top: 0; padding: 0; }
.k-dropdown-operator.k-picker-md .k-input-button { padding: 0 }
.k-i-filter-clear { vertical-align: top; margin-top: 3px; }

.k-i-sort-asc-small::before, .k-i-sort-asc-sm::before, .k-i-sort-desc-small::before, .k-i-sort-desc-sm::before { margin-top: -1px; border: solid #888888; border-width: 0 1px 1px 0; display: inline-block; display: inline-block; width: 6px; height: 6px; background: none; content: ""; vertical-align: middle; transform: rotate(-135deg); -webkit-transform: rotate(-135deg); }
.k-i-sort-desc-small::before, .k-i-sort-desc-sm::before { margin-top: -7px; transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.k-svg-i-sort-asc-small svg, .k-svg-i-sort-asc-sm svg, .k-svg-i-sort-desc-small svg, .k-svg-i-sort-desc-sm svg { visibility: hidden !important; }
.k-svg-i-sort-asc-small, .k-svg-i-sort-asc-sm, .k-svg-i-sort-desc-small, .k-svg-i-sort-desc-sm { margin-top: -1px; border: solid #888888; border-width: 0 1px 1px 0; display: inline-block; display: inline-block; width: 6px; height: 6px; background: none; content: ""; vertical-align: middle; transform: rotate(-135deg); -webkit-transform: rotate(-135deg); }
.k-svg-i-sort-desc-small, .k-svg-i-sort-desc-sm { margin-top: -6px; transform: rotate(45deg); -webkit-transform: rotate(45deg); }

.k-grouping-row .k-i-collapse::before, .k-grouping-row .k-i-expand::before { content: "" }
.k-grouping-row .k-i-collapse, .k-grouping-row .k-i-expand { background: url(../images/basic/icon-arrow-down.svg); height: 20px; width: 20px; background-repeat: no-repeat; background-position: center center; background-size: 20px 10px; -webkit-appearance: none; margin-left: 10px !important }
.k-grouping-row .k-i-expand { transform: rotate(-90deg); -webkit-transform: rotate(-90deg); margin-top: -5px }
.k-textbox, .k-textbox:focus, .k-textbox.k-state-focus, .k-textbox.k-state-focused, .k-textarea:focus, .k-textarea.k-state-focus, .k-textarea.k-state-focused, .k-numeric-wrap input, .k-numeric-wrap input.k-state-focused,
.k-numerictextbox, .k-numerictextbox:focus, .k-numerictextbox.k-state-focus, .k-numerictextbox.k-state-focused, .k-datepicker, .k-datepicker:focus, .k-datepicker.k-state-focus, .k-datepicker.k-state-focused { color: #222; background-color: #F9F9F9 !important; font-size: inherit; padding-left: 10px; border: 1px solid #bbb !important; cursor: text; line-height: 38px; height: 38px; box-shadow: 0 0 0 0; }
span.k-textarea { border: 0px }
.k-textbox .k-input-inner, .k-numerictextbox .k-input-inner, .k-datepicker { padding-inline-start: 0px }
.k-numerictextbox, .k-datepicker, input.custom-datetime-filter-input { height: 26px }
.k-numerictextbox .k-button, .k-numerictextbox button, .k-numerictextbox .k-button:hover, .k-numerictextbox button:hover, .k-datepicker .k-button, .k-datepicker .k-button:hover { position: relative; border-radius: 0 !important; background-color: transparent; }
.k-numerictextbox .k-button .k-icon { }
.k-numerictextbox .k-button .k-i-caret-alt-up::before, .k-numerictextbox .k-button .k-i-caret-alt-down::before { position: absolute; top: 2px; content: "" !important; display: block; width: 10px; height: 10px; }
.k-numerictextbox .k-button .k-i-caret-alt-up::before { border-left: 1px solid #222; border-bottom: 1px solid #222; transform: rotate(0deg); }
.k-datepicker .k-i-calendar:before { color: #222; top: -10px; right: -5px; position: absolute }
input.custom-datetime-filter-input {width: 110px}

.k-calendar .k-footer .k-nav-today, .k-calendar .k-calendar-header .k-today { color: #222 !important }
.k-calendar .k-i-arrow-60-left::before, .k-calendar .k-i-arrow-60-right::before { top: -5px }
.k-calendar .k-state-selected .k-link, .k-calendar .k-calendar-td.k-selected .k-link, .k-calendar .k-calendar-td.k-selected .k-link:hover { border-color: #888 !important; color: #fff !important; background-color: #888; }
.k-calendar .k-button { color: inherit !important; font-weight: normal }
.k-tabstrip { font-size: 18px }
.k-tabstrip-top > .k-tabstrip-items-wrapper { border-bottom: 1px solid #ccc }
.k-tabstrip > .k-content, .k-tabstrip-content, .k-tabstrip > .k-content { border: 0px; padding: 0; }
.k-tabstrip-top > .k-content, .k-tabstrip-top > .k-tabstrip-content { border: 0 }
.k-tabstrip-top > .k-tabstrip-items .k-item.k-state-active, .k-tabstrip-top > .k-tabstrip-items-wrapper .k-item.k-active { border-left: 0px !important; border-top: 0px !important; border-right: 0px !important; border-bottom: 2px solid #78be20 !important; margin-top: 0 !important }
.k-tabstrip-top > .k-tabstrip-items .k-item .k-link, .k-tabstrip-top > .k-tabstrip-items .k-item .k-link:hover { color: #999 !important }
.k-tabstrip-top > .k-tabstrip-items .k-item.k-state-active .k-link, .k-tabstrip-top > .k-tabstrip-items-wrapper .k-item.k-active .k-link { color: #222 !important }
.k-tabstrip > .k-content .k-menu-item { display: block }
.k-loader-custom-color .k-loader-segment { background-color: #78be20; }
.k-loader-primary { color: #78be20 }
.spinner { border: 16px solid #ddd; border-top: 16px solid #78be20; border-radius: 50%; width: 100px; height: 100px; animation: spin 1200ms linear infinite; top: 50%; left: 50%; margin-left: -50px; margin-top: -50px; position: absolute; }
.spinner-overlay { position: absolute; width: 1000%; height: 1000%; left: -50%; top: -50%; z-index: 10000; }
.spinner-back { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 10010; }
.spinner-message { width: 300px; height: 100px; top: 50%; left: 50%; margin-left: -145px; margin-top: 70px; position: absolute; font-weight: bold; color: #ddd; text-align: center }

@keyframes spin {
    0% { transform: rotate(0deg) }
    100% { transform: rotate(360deg) }
}

#CybotCookiebotDialogPoweredbyCybot { display: none !important }
#CybotCookiebotDialog .CybotCookiebotScrollContainer, #CybotCookiebotDialogHeader, #CybotCookiebotDialogBodyLevelButtonsSelectPane .CybotCookiebotDialogBodyLevelButtonWrapper:not(:last-of-type),
#CybotCookiebotDialogBodyLevelButtonsSelectPane { border: 0px !important }
#CybotCookiebotDialogBodyButtonsWrapper button { border-radius: 5px !important; padding: unset !important }

/*#endregion*/
@media only screen and (max-width : 960px) {
    .wrapper, .head, .head-mobile-nav, .content-wrapper, .footer, .footer .footer-right { display: block }
    .wrapper { min-height: 100% }
    .head-logo-outer { display: none }
    .head-inner { display: block; width: 100%; text-align: center; height: 50px; font-size: 20px }
    .head-mobile-nav, .head-apps-link, .head-menu { top: 12px }
    .head-menu { right: 10px; }
    .head-apps-link { right: 48px }
    .head-app-name { line-height: 50px; font-size: 20px; margin-top: 0 }
    .head-logo-mobile { display: inline-block; vertical-align: middle; width: 30px; height: 30px; margin-right: 5px }
    .nav { display: none }
    .main { width: 100%; padding: 0; display: block; }
    .footer { text-align: center; position: static }
    .footer .footer-left { display: none }
    .footer .footer-right { width: 100%; padding: 10px 0}
}
@media only screen and (max-width : 768px) {
    .button-row .button, .button-row .k-button { margin: 0 5px 10px 5px }
    .list-filter {padding-bottom: 20px}
}
@media only screen and (max-width : 480px) {
    h1 { font-size: 32px }
    .head-mobile-nav, .head-menu { position: static; display: block; width: 28px; float: left; margin: 12px }
    .head-menu { float: right }
    .head-nav-items, .head-menu-items { left: 0; top: 50px; right: auto; width: 100% }
    .head-inner { text-align: left; }
    .head-app-name { font-size: 18px }
    .main-inner { padding: 40px 20px }
    .main-tabs li a, .main-tabs li a:visited { font-size: 14px }
    .grid-page-size-box {right: 20px}
    .button-row { text-align: center }
    .button-row .button, .button-row .button:visited, .button-row a.button, .button-row a.button:visited { padding: 0 20px }
    .footer { font-size: 14px }
}