/**/

@font-face {
    font-family: Montserrat-Regular;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/lib/font/Montserrat-Regular.woff2?c7b975f3) format("woff2"), url(../fonts/Montserrat-Regular.woff?de4a911e) format("woff");
}

@font-face {
    font-family: Montserrat-Medium;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/lib/font/Montserrat-Medium.woff2?bc964381) format("woff2"), url(../fonts/Montserrat-Medium.woff?81bf2ee1) format("woff");
}

@font-face {
    font-family: Montserrat-Bold;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/lib/font/Montserrat-Bold.woff2?1bcc1ffe) format("woff2"), url(../fonts/Montserrat-Bold.woff?02a1e9b1) format("woff");
}

@font-face {
    font-family: NomineeLightCond;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/lib/font/Nominee-LightCond.woff2?bada1fe2) format("woff2"), url(../fonts/Nominee-LightCond.woff?372749da) format("woff");
}

@font-face {
    font-family: NomineeLight;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/lib/font/Nominee-Light.woff2?8d1c9a81) format("woff2"), url(../fonts/Nominee-Light.woff?fe8e0ffe) format("woff");
}

@font-face {
    font-family: ProTo;
    src: url(/lib/font/ProTo.woff2) format("woff2"),url(../fonts/ProTo.woff) format("woff");
}

:root {
    /* Font Settings */
    --ui-font-family: Arial,Helvetica,sans-serif;
    --ui-font-weight: normal;
    --ui-font-size: 1em;
    /* Corner Radius */
    --ui-corner-corners: 3px;
    /* Header/Toolbar */
    --ui-header-background: #4c82bd;
    --ui-header-border: #4c82bd;
    --ui-header-text: #f0f0f0;
    --ui-header-icon: #606060;
    /* Content */
    --ui-content-background: #ffffff;
    --ui-content-border: #8AB0D7;
    --ui-content-text: #303030;
    --ui-content-icon: #606060;
    /* Clickable: default state */
    --ui-clickable-background: #e3ecf5;
    --ui-clickable-border: #8AB0D7;
    --ui-clickable-text: #303030;
    --ui-clickable-icon: #606060;
    /* Clickable: hover state */
    --ui-hover-background: #cdddf2;
    --ui-hover-border: #8AB0D7;
    --ui-hover-text: #303030;
    --ui-hover-icon: #606060;
    /* Clickable: active state */
    --ui-active-background: #ffffff;
    --ui-active-border: #8AB0D7;
    --ui-active-text: #303030;
    --ui-active-icon: #606060;
    /* Highlight */
    --ui-highlight-background: #cdddf2;
    --ui-highlight-border: #4c82bd;
    --ui-highlight-text: #033872;
    --ui-highlight-icon: #606060;
    /* Error */
    --ui-error-background: #fddfdf;
    --ui-error-border: #f1a899;
    --ui-error-text: #5f3f3f;
    --ui-error-icon: #cc0000;
    /* Modal Screen for Overlays */
    --ui-modal-background: #aaaaaa;
    --ui-modal-overlay: 20%;
    /* Drop Shadows */
    --ui-shadow-background: #4485C6;
    --ui-shadow-shadow: 100%;
    --ui-shadow-thickness: 2px;
    --ui-shadow-top: 1px;
    --ui-shadow-left: 1px;
    --ui-shadow-corners: 0px;
}

:root {
    --other-table-border: #CDDDF2;
    --other-table-highlight: var(--ui-clickable-background);
    --other-table-highlight-dark: #d9e5f2;
    --other-a-text: #003774;
    --other-a-text-highlight: #2f6eb3;
    --other-h1-span-text: #808080;
    --other-menu1-split-border: #75a1d8;
    --other-menu1-hover-background: #6a98cb;
    --other-error-text: #c03030;
    --other-error-background: #ffdfdf;
    --other-error-border: #e78787;
    --other-button-background-readonly: #f4f4f4;
    --other-special-default: #f6f0c1;
    --other-special-active: #f1e797;
    --other-special-border: #C2A943;
    --other-special-border-lite: #ead066;
    --other-disabled: #c0c0c0;
    --other-color-disabled: #909090;
}

/**/

* {
    margin: 0;
    padding: 0;
    outline: 0 !important;
}

html, body {
    font-family: var(--ui-font-family);
    font-weight: var(--ui-font-weight);
    font-size: 10pt;
    color: var(--ui-content-text);
    background-color: var(--ui-content-background);
    text-size-adjust: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.monotype {
    font-family: Consolas, 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', Monaco, 'Courier New', Courier, monospace !important;
}

/**/

h1, h2 {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    font-size: 1em;
}

#content h1, #content h2 {
    margin-left: 0.5em;
    margin-right: 0.5em;
}

h1 > span, h2 > span, h3 > span, h4 > span, h5 > span, h6 > span {
    color: var(--other-h1-span-text);
}

a, a.a {
    cursor: pointer;
    color: var(--other-a-text);
}

a.a {
    color: var(--other-a-text) !important;
}

table {
    border-collapse: collapse;
    border-style: none;
}

th, td {
    border-style: none;
}

th {
    background-color: var(--ui-clickable-background);
    vertical-align: middle;
}

ul li {
    list-style-type: none;
}

img {
    border-style: none;
}

/**/

.c {
    text-align: center;
}

.r {
    text-align: right;
}

.l {
    text-align: left;
}

.b {
    font-weight: bold;
}

.u {
    text-decoration: underline !important;
}

.wrap {
    white-space: normal !important;
}

.nowrap {
    white-space: nowrap !important;
}

.w1 {
    width: 1%;
}

pre {
    font-family: Courier New, Courier, monospace;
}

.red {
    color: var(--other-error-text);
}

.redborder, .redborder:hover, .redborder:focus, .redborder:active {
    border: 1px solid var(--other-error-border);
}

.inline {
    display: inline-block;
}

.invisible {
    visibility: hidden !important;
}

.invisible2 {
    visibility: hidden !important;
}

.table {
    display: table;
    border-collapse: collapse;
}

.tr, .row {
    display: table-row;
}

.td, .cell {
    display: table-cell;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/**/

ul.ndash li {
    list-style-type: none;
}

ul.ndash > li:before {
    content: "\2013\a0";
}

/**/

table.info {
    height: 3em;
    max-height: 3em;
    border-collapse: collapse;
    margin: 0.3em 1em;
    width: auto;
}

table.info td {
    border-collapse: collapse;
    border-left: 1px solid var(--other-table-border);
    padding: 0 1em;
    white-space: normal;
}

table.info button {
    white-space: nowrap;
}

@media only screen and (max-width: 480px) {
    table.info {
        margin: 0.3em 1em 0.3em 0;
    }

    table.info td:first-child {
        border-left: 0;
    }
}

/**/

div.menu {
    width: 100%;
    background-color: var(--ui-header-background);
    padding-left: 1em;
    display: table;
    box-sizing: border-box;
}

@media only screen and (max-width: 480px) {
    div.menu {
        padding-left: 0;
    }
}

/*1*/
div.menu > ul {
    margin: 0;
    white-space: nowrap;
    list-style: none;
    line-height: 2.3em;
    display: table;
}

div.menu > ul > li {
    display: inline-block;
    border-left: 1px solid var(--other-menu1-split-border);
    position: relative;
    text-wrap: none;
    line-height: inherit;
    display: table-cell;
}

div.menu > ul > li > a {
    text-decoration: none;
    width: auto;
    display: block;
    padding: 0 1em;
    color: var(--ui-header-text);
}

div.menu > ul > li:active,
div.menu > ul > li:hover,
div.menu > ul > li.hover,
div.menu > ul > li.hover > a {
    background-color: var(--other-menu1-hover-background);
}

div.menu > ul > li:last-child {
    border-right: 1px solid var(--other-menu1-split-border);
}

div.menu > ul > li > ul {
    display: none;
}
/*2*/
ul.vmenu {
    margin: 0;
    white-space: nowrap;
    list-style: none;
    line-height: 2.3em;
    z-index: 10001;
}

ul.vmenu li {
    border-right: 1px solid var(--ui-clickable-border);
    border-left: 1px solid var(--ui-clickable-border);
    background-color: var(--ui-content-background);
}

ul.vmenu li:first-child {
    border-top: 1px solid var(--ui-clickable-border);
    border-left: 1px solid var(--ui-clickable-border);
}

ul.vmenu li:last-child {
    border-bottom: 1px solid var(--ui-clickable-border);
}

ul.vmenu a {
    text-decoration: none;
    width: auto;
    display: block;
    padding: 0 1em;
    color: var(--ui-clickable-text);
}

ul.vmenu li:active, ul.vmenu li:hover {
    background-color: var(--ui-clickable-background);
    color: var(--ui-clickable-text);
}

/**/

input.input.error, input.input.error:focus, input.input.error:hover, textarea.error {
    background-color: var(--other-error-background) !important;
}

.error {
    background-color: var(--other-error-background) !important;
}

span.errors {
    color: var(--other-error-text);
    margin-right: 1.5em;
    font-weight: bold;
}

/**/

::-ms-clear {
    display: none;
}

input .date {
    width: 10em;
}

input.text {
    width: 10em;
}

.width15 {
    width: 15em;
}

.width20 {
    width: 20em;
}

.width30 {
    width: 30em;
}

.width45 {
    width: 45em;
}

.width98 {
    width: 100%;
}

input[type=checkbox] {
    position: relative;
    top: 5%;
}

label {
    cursor: pointer;
}

label input[type=checkbox], label input[type=radio] {
    vertical-align: middle;
    position: relative;
    bottom: 1px;
}

label input[type=checkbox] {
    top: unset;
}

label input[type=radio] {
    bottom: 2px;
}

/**/

input.file {
    position: absolute;
    top: 0px;
    left: 0px;
    -moz-opacity: 0;
    filter: alpha(opacity: 0);
    opacity: 0;
    z-index: 2;
    color: transparent;
}

input.file:hover {
    cursor: pointer;
}

/**/

input[type=file] {
    cursor: pointer;
}

input[type=file]:not(.file)::file-selector-button {
    color: var(--ui-clickable-text);
    padding: .4em 1em;
    background: var(--ui-clickable-background);
    border: 1px solid var(--ui-clickable-border);
    border-radius: var(--ui-corner-corners);
}

input[type=file].compact:not(.file)::file-selector-button {
    padding: 0.2em 1em;
}

/**/

textarea {
    background: #fff;
    font-family: inherit;
    font-size: inherit;
    border: 1px solid var(--ui-clickable-border);
    border-radius: var(--ui-corner-corners);
    resize: none;
    width: 100%;
    word-wrap: break-word;
    white-space: normal !important;
    min-height: 1em;
    padding: 0.2em 0.4em;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
}

textarea.pre-wrap {
    white-space: pre-wrap !important;
}

/**/

button.hover, button.focus {
    background-color: var(--ui-hover-background);
    border-color: var(--ui-hover-border);
}

button.active {
    background-color: var(--ui-active-background);
    border-color: var(--ui-active-border);
}

button.compact {
    padding: 0.2em 1em;
}

button.sc {
    min-width: 8em;
}

button.sc2 {
    min-width: 11em;
}

/**/

div.buttonline, div.formbuttonline {
    width: 100%;
    text-align: center;
    padding: 0.5em;
    box-sizing: border-box;
}

div.buttonline {
    border: 1px solid var(--other-table-border);
    border-width: 1px 0px 1px 0px;
}

div.formbuttonline {
    border: 1px solid var(--other-table-border);
    border-width: 0px 0px 1px 0px;
}

div.buttonline div.split, div.formbuttonline div.split {
    display: inline-block;
    border-left: 1px solid var(--other-table-border);
    height: 2.1em;
    vertical-align: middle;
    margin: 0 0.2em;
}

div.buttonline.left {
    border: 0;
    text-align: left;
}

div.buttonline + div.buttonline {
    border-top-width: 0;
}

div#tablenote {
    text-align: left;
    padding-left: 0.5em;
    padding-right: 0.5em;
}

div#tablenote p:last-child {
    margin-bottom: 0.5em;
}

div.buttonline button, div.buttonline input[type=text],
div.formbuttonline button, div.formbuttonline input[type=text] {
    margin-top: 0.2em;
    margin-bottom: 0.2em;
}

/**/

fieldset {
    border: 1px solid var(--ui-clickable-border);
    border-radius: var(--ui-corner-corners);
}

fieldset > legend {
    margin-left: 0.5em;
    padding: 0 0.25em;
}

/**/

tr.highlight {
    background-color: var(--other-table-highlight-dark);
}

tr.highlight-active {
    font-weight: bold;
    text-decoration: underline;
}

/**/

table.table1 {
    width: 100%;
    margin-bottom: 3em;
    background-color: #fff;
}

table.table1 th, table.table1 td {
    border: 1px solid var(--other-table-border);
    padding: 0.1em 0.5em;
    height: 1.8em;
}

table.table1 th {
    font-size: 9pt;
}

table.table1 a {
    text-decoration: none;
}

table.table1 td {
    white-space: nowrap;
    vertical-align: middle;
}

table.table1 tr:hover td, table.table1 tr.hover td, table.table1 td.link:hover td {
    background-color: var(--other-table-highlight);
}

table.table1 ul.status li a {
    color: var(--other-a-text);
}

table.table1 span.group {
    font-weight: bold;
}

table.table1 tr.active {
    background-color: var(--other-table-highlight-dark);
}

table.table1 a.link:hover {
    color: var(--other-a-text);
}

/**/

td.line > span,
td.line > div.truncate > div > span {
    margin-left: .5em;
    padding-left: .5em;
    border: 1px solid var(--other-table-border);
    border-width: 0 0 0 1px;
}

td.line > span:first-child,
td.line > div.truncate > div > span:first-child {
    margin-left: 0;
    padding-left: 0;
    border: 0
}

/**/

td.left {
    background-color: var(--ui-clickable-background);
    padding: 0.1em 0.2em;
}

td.left.c {
    text-align: center;
}

td.left.l {
    text-align: left;
}

/**/

table.table2 tr:hover {
    background-color: unset;
}

/**/

table.table3 {
    width: 100%;
    margin-bottom: 3em;
}

table.table3 th, table.table3 td {
    border: 1px solid var(--other-table-border);
    padding: 0.25em 0.5em;
    white-space: nowrap;
    height: 1.6em;
}

table.table3 a {
    text-decoration: none;
}

/**/

table.table1.table4 td {
    white-space: normal;
}

/**/

table.form {
    border-style: solid;
    border-color: var(--other-table-border);
    border-width: 1px 0 0 0;
}

table.form > tbody > tr > td {
    border-style: solid;
    border-color: var(--other-table-border);
    border-width: 0 1px 1px 1px;
    padding: 0.3em 0.5em;
    vertical-align: middle;
    height: 1.5em;
}

table.form > tbody > tr > td:first-child {
    background-color: var(--ui-clickable-background);
    padding: 0.2em 0.5em 0.2em 4em;
    text-align: right;
    width: 1%;
    min-width: 8em;
    white-space: nowrap;
}

table.form > tbody > tr > td > input[type=checkbox] {
    position: relative;
    top: 5%;
}

table.form1 > tbody > tr > td {
    height: 1.6em;
}

@media only screen and (max-width: 768px) {
    table.form > tbody > tr > td:first-child {
        min-width: 0;
        padding-left: 0.5em;
        white-space: normal;
    }
}

/**/

table.form2 > tbody > tr > td {
    height: 2.2em;
}

/**/

table.form3 > tbody > tr > td:first-child {
    min-width: unset;
    padding-left: 1em;
}

/**/

table.form4 {
    width: 100%;
    border-style: solid;
    border-color: var(--other-table-border);
    border-width: 1px 0 0 0;
}

table.form4 > tbody > tr > td:first-child {
    background-color: var(--ui-clickable-background);
    padding-left: 1em;
    text-align: right;
    width: 0;
    min-width: 10em;
    white-space: nowrap;
}

table.form4 > tbody > tr > td {
    border-style: solid;
    border-color: var(--other-table-border);
    border-width: 0 1px 1px 1px;
    padding: 0.5em 0.75em;
    padding-left: 0.75em;
    vertical-align: top;
}

table.form4 > tbody > tr > td > div {
    margin: 0.5em 0;
}

table.form4 > tbody > tr > td > input[type="checkbox"], 
table.form4 > tbody > tr > td > div > input[type="checkbox"] {
    margin: 0.5em 0;
}

@media only screen and (max-width: 768px) {
    table.form4 > tbody > tr > td:first-child {
        min-width: 0;
        padding-left: 0.5em;
        white-space: normal;
    }
}

/**/

tr.select {
    background-color: var(--ui-header-background);
    color: var(--ui-header-text);
}

tr.select:hover td, tr.select:active td, tr.select:focus td {
    background-color: var(--ui-header-background) !important;
    color: var(--ui-header-text) !important;
}

/**/

input.input {
    font: inherit;
    color: inherit;
    text-align: inherit;
    outline: none;
    cursor: text;
    background-color: #fff !important;
    margin-right: 0;
    padding-left: 0.5em;
    padding-right: 0.5em;
    -webkit-user-select: inherit;
    -moz-user-select: inherit;
    -ms-user-select: inherit;
    user-select: inherit;
    text-align: left;
    /* input width calc without padding */
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
}

input.input:hover, input.input:active, input.input:focus {
    background-color: #fff !important;
    font: inherit;
    color: inherit;
}

input[readonly].input, textarea[readonly] {
    background-color: #f4f4f4 !important;
}

input.cell, input.cellc, input.cellr {
    width: 100% !important;
    min-width: 8em;
}

input.cell {
    text-align: left;
}

input.cellc {
    text-align: center;
}

input.cellr {
    text-align: right;
}

/**/

select {
    max-width: 100%;
}

/**/

select.size {
    text-align: left;
    padding-left: 0.5em;
    padding-right: 0.5em;
}

select.size, select.size:focus, select.size:hover {
    background: #fff;
}

/**/

div.border {
    border: 1px solid var(--ui-clickable-border);
    border-radius: var(--ui-corner-corners);
}

div.table-border {
    border: 1px solid var(--other-table-border);
}

/**/

div.scroll {
    overflow-y: scroll;
    overflow-x: auto;
    max-height: none;
    width: 100%
}

/**/

.modal {
    display: none;
    position: fixed;
    z-index: 1000;
    top: 50%;
    left: 50%;
    height: 10em;
    width: 20em;
    border: 1px solid var(--ui-clickable-border);
    border-radius: var(--ui-corner-corners);
    transform: translate(-50%, -50%);
    background-repeat: no-repeat;
    background-color: rgba(255, 255, 255, 1.0);
    background-position: 50% 50%;
    background-image: url("images/ajax-loader.gif");
}

/**/

body.loading .modal {
    overflow: hidden;
    display: block;
}

/**/

div.input-button {
    display: inline-block;
    white-space: nowrap;
}

div.input-button input[type=text] {
    font: inherit;
    color: inherit;
    text-align: inherit;
    outline: none;
    cursor: text;
    background: #fff;
    padding-left: 0.5em;
    padding-right: 0.5em;
    -webkit-user-select: inherit;
    -moz-user-select: inherit;
    -ms-user-select: inherit;
    user-select: inherit;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: 0;
    margin-right: 0;
    /* input width calc without padding */
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
}

div.input-button input[type=text]:hover, div.input-button input[type=text]:active, div.input-button input[type=text]:focus {
    background: none;
    font: inherit;
    color: inherit;
    background-color: #fff !important;
    border-right: 0 !important;
}

div.input-button button {
    background: #fff;
    color: inherit;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding-left: 0.7em;
    padding-right: 0.7em;
    margin-left: 0;
}

/**/

div.button-reset button:nth-child(1) {
    font-weight: bold;
    border-right: 0;
    margin-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

div.button-reset button:nth-child(2) {
    padding-left: 0.7em;
    padding-right: 0.7em;
    margin-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

div.button-reset {
    display: inline-block;
}

/**/

:focus::-webkit-input-placeholder {
    color: transparent
}

:focus::-moz-placeholder {
    color: transparent
}

:focus:-moz-placeholder {
    color: transparent
}

:focus:-ms-input-placeholder {
    color: transparent
}

/**/

a.link {
    text-decoration: underline;
}

a.link:hover {
    color: var(--other-a-text-highlight);
}

a.link.red:hover {
    color: red;
}

/**/

td.link, th.link {
    padding: 0;
}

td.link:hover, th.link:hover {
    background-color: var(--other-table-highlight);
}

td.link a, th.link a {
    display: block;
    padding: 4px;
}

/**/

#tabs-wrap .ui-widget-header, #tabs2-wrap .ui-widget-header {
    background-color: var(--ui-content-background) !important;
    border-color: var(--ui-clickable-border) !important;
    border-radius: unset;
    border-width: 0 0 1px 0;
}

#tabs-wrap .ui-widget.ui-widget-content, #tabs2-wrap .ui-widget.ui-widget-content {
    border: 0 !important;
    background-color: var(--ui-content-background) !important;
}

#tabs-wrap .ui-tabs .ui-tabs-panel, #tabs2-wrap .ui-tabs .ui-tabs-panel {
    padding: 0 0 1em 0 !important;
}

#tabs-wrap #tabs.ui-tabs ul.ui-tabs-nav .ui-tabs-anchor, #tabs2-wrap #tabs2.ui-tabs ul.ui-tabs-nav .ui-tabs-anchor {
    cursor: pointer !important;
}

#tabs-wrap .ui-tabs .ui-tabs-nav, #tabs2-wrap .ui-tabs .ui-tabs-nav {
    padding: 0 0.5em !important;
}

div#tabs, div#tabs2 {
    padding-left: 0;
    padding-right: 0;
}

#tabs .ui-state-default, #tabs2 .ui-state-default {
    background-color: var(--ui-clickable-background) !important;
    border-color: var(--ui-clickable-border) !important;
}

#tabs .ui-state-default:hover, #tabs2 .ui-state-default:hover {
    background-color: var(--ui-hover-background) !important;
}

#tabs .ui-state-active, #tabs2 .ui-state-active {
    background-color: var(--ui-active-background) !important;
}

#tabs .ui-state-active:hover, #tabs2 .ui-state-active:hover {
    background-color: var(--ui-active-background) !important;
}

#tabs .ui-state-active a, #tabs2 .ui-state-active a {
    color: var(--ui-content-text) !important;
}

/**/

div.truncate {
    display: table;
    table-layout: fixed;
    width: 100%;
}

div.truncate > a, div.truncate > div {
    display: table-cell;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

/* fix ui */

.ui-widget-overlay {
    opacity: 0;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    padding: .5em 0.6em !important;
}

.ui-tabs-anchor > span.ui-icon, .ui-tabs-anchor > span.ui-icon2 {
    margin-left: -0.4em;
}

#ui-datepicker-div button.ui-datepicker-current {
    display: none;
}

.ui-datepicker-close {
    font-weight: normal !important;
}

.form .ui-selectmenu-button,
.form .ui-selectmenu-button:hover,
.form .ui-selectmenu-button:focus {
    background-color: #fff !important;
    padding-left: 0.5em !important;
    padding-right: 0.5em !important;
    margin: 0;
}

.form .ui-selectmenu-disabled,
.form .ui-selectmenu-disabled:hover,
.form .ui-selectmenu-disabled:focus,
.form .custom-iconselectmenu-disabled,
.form .custom-iconselectmenu-disabled:hover,
.form .custom-iconselectmenu-disabled:focus,
.form .custom-groupselectmenu-disabled,
.form .custom-groupselectmenu-disabled:hover,
.form .custom-groupselectmenu-disabled:focus {
    opacity: unset !important;
    filter: unset !important;
    background-color: #f4f4f4 !important;
    border-color: #b0b0b0 !important;
    color: #909090 !important;
}

.form .ui-selectmenu-button {
    min-width: 14em;
    max-width: 100%;
    box-sizing: border-box;
}

.form .ui-selectmenu-button.error,
.form .ui-selectmenu-button.error:hover,
.form .ui-selectmenu-button.error:focus {
    background-color: var(--other-error-background) !important;
}

.ui-selectmenu-menu .ui-menu {
    max-height: 30em;
}

.ui-selectmenu-button {
    min-width: 14em;
    max-width: 20em;
    box-sizing: border-box;
}

@media only screen and (max-width: 480px) {
    .form .ui-selectmenu-button {
        min-width: 4em;
    }
}

.form .ui-spinner-disabled,
.form .ui-spinner-disabled:hover,
.form .ui-spinner-disabled:focus {
    opacity: unset !important;
    filter: unset !important;
    background-color: #f4f4f4 !important;
    border-color: #b0b0b0 !important;
    color: #909090 !important;
}

.group .ui-menu-item.ui-state-disabled {
    font-weight: bold;
    opacity: unset;
    filter: unset;
}

.icon .ui-selectmenu-text {
    display: inline;
    margin-left: 0.75em;
}

.ui-autocomplete {
    max-height: 30em;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 1000 !important;
}

button.ui-button:focus {
    /* кнопки без фокуса */
    /*background-color: var(--ui-clickable-background) !important;
    border-color: var(--ui-clickable-border) !important;*/
}

button.ui-button:focus:hover {
    /* кнопки без фокуса */
    /*background-color: var(--ui-hover-background) !important;
    border-color: var(--ui-hover-border) !important;*/
}

.ui-button-disabled {
    opacity: unset !important;
    filter: unset !important;
    background-color: #f0f0f0 !important;
    color: #909090 !important;
    border-color: #b0b0b0 !important;
}

.ui-button-icon-only {
    background-color: #ffffff !important;
}

.ui-button-icon-only:hover {
    background-color: #e0f0f0 !important;
}

.ui-button-icon-only:active, .ui-button-icon-only:focus {
    background-color: #ffffff !important;
}

.ui-button.icon {
    padding-left: 0.6em;
}

.ui-button.icon-only {
    padding-left: 0.6em;
    padding-right: 0.6em;
}

.ui-button.icon-only-slim {
    padding-left: 0.3em;
    padding-right: 0.3em;
}

.ui-button.fa-icon {
    padding-left: 0.9em;
}

.ui-tabs-anchor > span.ui-icon, .ui-tabs-anchor > span.ui-icon2 {
    margin-left: -0.4em;
}

.ui-widget-overlay.form {
    opacity: 0.25;
}

.ui-tooltip {
    word-wrap: break-word;
}

textarea.ui-state-disabled {
    opacity: unset !important;
    filter: unset !important;
    background-color: #f0f0f0 !important;
    color: #909090 !important;
    border-color: #b0b0b0 !important;
}

.form .ui-checkboxradio-label,
.form .ui-checkboxradio-label:hover,
.form .ui-checkboxradio-label:focus {
    background-color: rgba(255, 255, 255, 0);
    border: 1px solid rgba(255, 255, 255, 0);
    margin-top: 0.2em;
    margin-bottom: 0.2em;
}

.form .ui-checkboxradio-label.ui-checkboxradio-checked {
    border: 1px solid var(--ui-clickable-border);
}

.form .ui-checkboxradio-label.ui-checkboxradio-checked.ui-visual-focus {
    box-shadow: none;
}

/**/

span.images {
    background-repeat: no-repeat;
    display: inline-block;
}

.ui-icon.formedit_table_type_1 {
    background: url("images/formedit-tabletype1.png") 0 0 no-repeat !important
}

.ui-icon.formedit_table_type_2 {
    background: url("images/formedit-tabletype2.png") 0 0 no-repeat !important
}

.ui-icon.formedit_table_type_3 {
    background: url("images/formedit-tabletype3.png") 0 0 no-repeat !important
}

.ui-icon.formedit_table_type_4 {
    background: url("images/formedit-tabletype4.png") 0 0 no-repeat !important
}

.ui-icon.formedit_table_type_5 {
    background: url("images/formedit-tabletype5.png") 0 0 no-repeat !important
}

.ui-icon.report_table_type_1 {
    background: url("images/report-tabletype1.png") 0 0 no-repeat !important
}

.ui-icon.report_table_type_2 {
    background: url("images/report-tabletype2.png") 0 0 no-repeat !important
}

span.images.formedit-copy {
    background-image: url("images/formedit-copy.png");
    width: 19px;
    height: 21px;
}

span.images.formedit-paste {
    background-image: url("images/formedit-paste.png");
    width: 19px;
    height: 21px;
}

span.images.formedit-insert-column-left {
    background-image: url("images/formedit-insert-column-left.png");
    width: 27px;
    height: 21px;
}

span.images.formedit-insert-column-right {
    background-image: url("images/formedit-insert-column-right.png");
    width: 27px;
    height: 21px;
}

span.images.formedit-insert-row-up {
    background-image: url("images/formedit-insert-row-up.png");
    width: 19px;
    height: 24px;
}

span.images.formedit-insert-row-down {
    background-image: url("images/formedit-insert-row-down.png");
    width: 19px;
    height: 24px;
}

span.images.formedit-delete-column {
    background-image: url("images/formedit-delete-column.png");
    width: 19px;
    height: 21px;
}

span.images.formedit-delete-row {
    background-image: url("images/formedit-delete-row.png");
    width: 23px;
    height: 21px;
}

span.images.formedit-merge {
    background-image: url("images/formedit-merge.png");
    width: 19px;
    height: 21px;
}

span.images.formedit-split {
    background-image: url("images/formedit-split.png");
    width: 19px;
    height: 21px;
}

span.images.formedit-center {
    background-image: url("images/formedit-center.png");
    width: 19px;
    height: 21px;
}

span.images.formedit-empty-row {
    background-image: url("images/formedit-empty-row.png");
    width: 21px;
    height: 21px;
}

span.images.formedit-import {
    background-image: url("images/formedit-import.png");
    width: 19px;
    height: 21px;
}

span.images.formedit-toggle-row {
    background-image: url("images/formedit-toggle-row.png");
    width: 19px;
    height: 21px;
}

span.images.formedit-list-level-down {
    background-image: url("images/formedit-list-level-down.png");
    width: 19px;
    height: 21px;
}

span.images.formedit-list-level-up {
    background-image: url("images/formedit-list-level-up.png");
    width: 19px;
    height: 21px;
}

span.images.red_dot {
    background-image: url("images/red_dot.png");
    width: 10px;
    height: 10px;
}

span.images.yellow_dot {
    background-image: url("images/yellow_dot.png");
    width: 10px;
    height: 10px;
}

span.images.green_dot {
    background-image: url("images/green_dot.png");
    width: 10px;
    height: 10px;
}

/**/

button.ui-button.special {
    background-color: var(--other-special-default);
    border-color: var(--other-special-border);
}

button.ui-button.special:focus {
    background-color: var(--other-special-default) !important;
    border-color: var(--other-special-border) !important;
}

button.ui-button.special:focus:hover, button.ui-button.special:active, button.ui-button.special:focus {
    background-color: var(--other-special-active) !important;
    border-color: var(--other-special-border) !important;
}

/**/

button.button1 {
    min-width: 11em;
}

button.button2 {
    min-width: 9em;
}

/**/

.jstree-default .jstree-hovered {
    background-color: var(--ui-clickable-background);
    box-shadow: unset;
    border-radius: 0px;
}

.jstree-default .jstree-clicked {
    background-color: var(--ui-hover-background);
    box-shadow: unset;
    border-radius: 0px;
}

.jstree-anchor {
    white-space: normal !important;
    height: auto !important;
}

.jstree-rename-input {
    max-width: inherit !important;
}

.jstree-default .jstree-search {
    font-style: unset;
    color: unset;
    font-weight: unset;
}

.jstree-default .jstree-search {
    font-style: unset;
    color: unset;
    font-weight: unset;
}

.jstree-themeicon-default {
    background-image: url("jstree/32px.png") !important;
    background-position: -260px -4px !important;
}

.jstree-themeicon-form {
    background-image: url("jstree/32px.png") !important;
    background-position: -160px -68px !important;
}

.jstree-themeicon-table {
    background-image: url("jstree/32px.png") !important;
    background-position: -192px -68px !important;
}

.jstree-themeicon-disabled {
    background-image: url("jstree/32px.png") !important;
    background-position: -132px -68px !important;
}

.jstree-anchor.highlight {
    background-color: var(--ui-hover-background);
}

.jstree-anchor.highlight-active {
    font-weight: bold;
}

/**/

.hidden-scroll {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.hidden-scroll::-webkit-scrollbar {
    display: none;
}

@media only screen and (max-width: 1200px) {
}

@media only screen and (max-width: 992px) {
}

@media only screen and (max-width: 768px) {
    .hidden-scroll {
        overflow-x: scroll;
    }
}

@media only screen and (max-width: 480px) {
}

/* для позиционирования кнопки слева */

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: none !important;
    text-align: right;
}

button.ui-button.special {
    background-color: var(--other-special-default);
    border-color: var(--other-special-border);
}

button.ui-button.special:focus {
    background-color: var(--other-special-default) !important;
    border-color: var(--other-special-border) !important;
}

button.ui-button.special:focus:hover, button.ui-button.special:active, button.ui-button.special:focus {
    background-color: var(--other-special-active) !important;
    border-color: var(--other-special-border) !important;
}

/**/

.ui-datepicker {
    z-index: 10001 !important;
}

.ui-datepicker-next, .ui-datepicker-prev {
    border: 1px solid var(--ui-clickable-border);
    background: var(--ui-clickable-background);
}

.ui-datepicker .ui-datepicker-next-hover {
    top: 2px;
    right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
    top: 2px;
    left: 2px;
}

.ui-datepicker .ui-datepicker-next-hover:active, .ui-datepicker .ui-datepicker-prev-hover:active {
    background: var(--ui-active-background);
}

/**/

.ui-icon-blue {
    background-image: url("/lib/css/images/ui-icons_b0c3dd_256x240.png");
}

/**/

.learn-more {
    background-image: url("images/learnmore.png");
    width: 18px;
    height: 18px;
    cursor: pointer;
}

.learn-more:hover {
    background-position: 0 -18px;
}

span.learn-more {
    display: inline-block;
    vertical-align: -0.25em;
}

/**/

.dialog1 {
    padding: 0.5em;
}

.dialog1 .ui-widget-header {
    border: 0;
    background: none;
    color: var(--ui-content-text);
    line-height: 30px;
}

.dialog1 .ui-dialog-titlebar {
    padding: 0;
}

.dialog1 .ui-dialog-title {
    margin: 0;
    width: calc(100% - 40px);
    padding-left: 0.5em;
}

.dialog1 .ui-dialog-titlebar-close {
    text-indent: 0;
    padding: 0;
    margin: 0;
    top: 0;
    right: 0;
    border: 0;
    background: #ebebeb !important;
    height: 30px;
    width: 30px;
}

.dialog1 .ui-dialog-titlebar-close:hover {
    background: #e0e0e0 !important;
}

.dialog1 .dialog1-close-icon {
    width: 30px;
    height: 30px;
    color: black;
    line-height: 30px;
    font-size: 16px;
    background: none;
}

@media only screen and (max-width: 480px) {
    .dialog1.ui-dialog {
        border-radius: 0;
    }
}

/* chrome */

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

/**/

:root {
    --bool-checkbox-width: 24px;
    --bool-checkbox-height: 24px;
    --bool-checkbox-font-size: 12px;
    --bool-checkbox-font-weight: bold;
    --bool-checkbox-color: #ffffff;
    --bool-checkbox-background-true: #0060df;
    --bool-checkbox-background-false: #0060df;
    --bool-checkbox-border: #8f8f9d;
    --bool-checkbox-border-width: 2px;
    --bool-checkbox-border-radius: 3px;
}

.bool-checkbox {
    display: inline-block;
    vertical-align: middle;
}

.bool-checkbox input {
    opacity: 0;
    position: absolute !important;
}

.bool-checkbox i {
    width: 100%;
    height: 100%;
    float: left;
}

.bool-checkbox input ~ i:after { /* unchecked */
    content: "Нет";
    height: var(--bool-checkbox-height);
    width: var(--bool-checkbox-width);
    text-align: center;
    float: left;
    line-height: var(--bool-checkbox-height);
    font-size: var(--bool-checkbox-font-size);
    font-style: normal;
    font-weight: var(--bool-checkbox-font-weight);
    border-radius: var(--bool-checkbox-border-radius);
    border-style: solid;
    border-width: var(--bool-checkbox-border-width);
    background-color: var(--bool-checkbox-background-false);
    border-color: var(--bool-checkbox-background-false);
    color: var(--bool-checkbox-color);
}

.bool-checkbox input:checked ~ i:after { /* checked */
    content: "Да";
    background-color: var(--bool-checkbox-background-true);
    border-color: var(--bool-checkbox-background-true);
}

.bool-checkbox input:indeterminate ~ i:after { /* indeterminate */
    content: "";
    background-color: #ffffff;
    border-color: var(--bool-checkbox-border);
}

.bool-checkbox + span {
    cursor: pointer;
}

/* end */