:root {
    --color-primary-normal: #2f6ba9;
    --color-primary-light: #3a73ad;
    --color-secondary-normal: #26b99a;
    --color-secondary-dark: #169f85;
    --color-secondary-alt-normal: #16a380;
    --color-secondary-alt-dark: #398439;
}

.panel-tool a:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    background-color: #e6e6e6;
    -moz-border-radius: 2px 2px 2px 2px;
    -webkit-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;
}

.panel-header {
    background-color: #ededed;
    color: #73879c;
}

.panel-body {
    background-color: #ffffff;
    color: #73879c;
    font-size: 14px;
}

.panel-title {
    font-size: 14px;
    font-weight: bold;
    color: #73879c;
    height: auto;
    min-height: 20px;
    line-height: 20px;
}

.panel-footer {
    border: 1px solid #e6e9ed;
    overflow: hidden;
    background: #f5f7fa;
    color: #73879c;
}

.panel-hleft > .panel-header .panel-icon,
.panel-hright > .panel-header .panel-icon {
    left: 50%;
    margin-left: -8px;
}

.module_header div.module_bar {
    position: unset;
    margin: 10px 10px 0;
}

.panel-hleft > .panel-header .panel-title,
.panel-hright > .panel-header .panel-title {
    left: 25px;
}

.panel-hleft > .panel-header .panel-title-up,
.panel-hright > .panel-header .panel-title-up {
    bottom: 0px;
}

.accordion {
    border-color: #e6e9ed;
}

    .accordion .accordion-header {
        background: var(--color-primary-normal);
    }

    .accordion .accordion-header-selected {
        background: var(--color-primary-light);
    }

        .accordion .accordion-header-selected .panel-title {
            color: #fff;
        }

    .accordion .accordion-header, .accordion .accordion-body {
        border: none;
    }

    .accordion .panel-last > .accordion-header {
        border-bottom-color: #ededed;
    }

    .accordion .panel-last > .accordion-header-selected,
    .accordion .panel-last > .accordion-header-border {
        border-bottom-color: #e6e9ed;
    }

    .accordion > .panel-hleft.panel-last > .accordion-header {
        border-right-color: #ededed;
    }

    .accordion > .panel-hleft.panel-last > .accordion-header-selected,
    .accordion > .panel-hleft.panel-last > .accordion-header-border {
        border-right-color: #e6e9ed;
    }

    .accordion > .panel-hright.panel-last > .accordion-header {
        border-left-color: #ededed;
    }

    .accordion > .panel-hright.panel-last > .accordion-header-selected,
    .accordion > .panel-hright.panel-last > .accordion-header-border {
        border-left-color: #e6e9ed;
    }

    .accordion .panel-title {
        font-family: Arial;
    }

    .accordion .accordion-header .accordion .accordion-body, .accordion-noborder .accordion-header, .accordion-noborder .accordion-body {
        border: none;
    }

.window,
.window-shadow {
    position: absolute;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
}

.window-shadow {
    background: #fafafa;
    -moz-box-shadow: 2px 2px 3px #fafafa;
    -webkit-box-shadow: 2px 2px 3px #fafafa;
    box-shadow: 2px 2px 3px #fafafa;
}

.window,
.window .window-body {
    border-color: #e6e9ed;
}

.window {
    background-color: #ededed;
}

.window-proxy {
    border: 1px dashed #e6e9ed;
}

.window-proxy-mask,
.window-mask {
    background: #eee;
}

.window .panel-footer {
    border: 1px solid #e6e9ed;
}

.dialog-tool-separator {
    border-left: 1px solid #ddd;
}

.dialog-toolbar,
.dialog-button {
    background: #f5f7fa;
}

.dialog-toolbar {
    border-color: #e6e9ed #e6e9ed #e6e9ed #e6e9ed;
}

.dialog-button {
    border-color: #e6e9ed #e6e9ed #e6e9ed #e6e9ed;
}

.window-thinborder .dialog-toolbar {
    border-top-color: #f5f7fa;
}

.l-btn-text {
    line-height: 28px;
    font-size: 14px;
    margin: 0 6px;
}

.l-btn-icon-left .l-btn-text {
    margin: 0 6px 0 26px;
}

.l-btn-icon-left .l-btn-icon {
    left: 6px;
}

.l-btn-icon-right .l-btn-text {
    margin: 0 26px 0 6px;
}

.l-btn-icon-right .l-btn-icon {
    right: 6px;
}

.l-btn-left .l-btn-empty {
    margin: 0 6px;
    width: 16px;
}

.l-btn-large .l-btn-text {
    line-height: 44px;
}

.l-btn-large .l-btn-left .l-btn-empty {
    margin: 0 6px;
}

.l-btn {
    color: #fff;
    background: var(--color-secondary-normal);
    border: 1px solid var(--color-secondary-dark);
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
}

    .l-btn:hover {
        background: var(--color-secondary-alt-normal);
        color: #fff;
        border: 1px solid var(--color-secondary-alt-dark);
    }

.l-btn-outline {
    border-color: #ccc;
}

.l-btn-plain:hover {
    background: #e6e6e6;
    color: #333;
    border: 1px solid #ccc;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
}

.l-btn-disabled,
.l-btn-disabled:hover {
    background: var(--color-secondary-normal);
    color: #fff;
}

.l-btn-selected,
.l-btn-selected:hover {
    background: #e6e6e6;
}

.l-btn-plain-selected,
.l-btn-plain-selected:hover {
    background: #e6e6e6;
}

.textbox {
    border: 1px solid #e6e9ed;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
}

    .textbox .textbox-text {
        font-family: Arial;
        font-size: 14px;
        padding: 0 4px;
        -moz-border-radius: 4px 4px 4px 4px;
        -webkit-border-radius: 4px 4px 4px 4px;
        border-radius: 4px 4px 4px 4px;
        line-height: 28px;
    }

    .textbox textarea.textbox-text {
        line-height: normal;
    }

    .textbox .textbox-prompt {
        font-size: 14px;
    }

.textbox-label {
    height: 30px;
    line-height: 30px;
}

.textbox-focused {
    border-color: #66afe9;
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}

.textbox-invalid {
    border-color: #ed143d;
    background-color: #fff;
}

.form-floating-label.form-field .textbox-text {
    padding: 0;
}

.form-floating-label.form-field .textbox-label {
    position: relative;
    height: 20px;
    line-height: 20px;
    transition: all .3s;
    font-size: 12px;
    z-index: 9;
}

.form-floating-label.form-field-empty .textbox-label {
    cursor: text;
    font-size: 14px;
    transform: translate(0,25px);
}

.form-floating-label.form-field-empty.form-field-focused .textbox-label {
    cursor: default;
    font-size: 12px;
    transform: translate(0,0);
}

.combo-arrow {
    background-color: #ededed;
}

.combo-arrow-hover {
    background-color: #e6e6e6;
}

.combo-arrow:hover {
    background-color: #e6e6e6;
}

.combobox-item,
.combobox-group,
.combobox-stick {
    font-size: 14px;
    padding: 6px 4px;
    line-height: 20px;
}

.combobox-item-hover {
    background-color: #e6e6e6;
    color: #333;
}

.combobox-item-selected {
    background-color: #1e90ff;
    color: #fff;
}

.combobox-item:nth-child(odd):not(.combobox-item-selected):not(.combobox-item-hover), .datagrid-row-alt {
    background: inherit;
}

.tagbox-label {
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
    background: #e6e6e6;
    color: #333;
}

.layout-split-proxy-h,
.layout-split-proxy-v {
    background-color: var(--color-primary-normal);
}

.layout-split-north {
    border-bottom: 5px solid #3b74ae;
}

.layout-split-south {
    border-top: 5px solid #3b74ae;
}

.layout-split-east {
    border-left: 5px solid #3b74ae;
}

.layout-split-west {
    border-right: 5px solid #3b74ae;
}

.layout-expand {
    background-color: #ededed;
}

.layout-expand-over {
    background-color: #ededed;
}

.tabs li .tabs-inner {
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}

.tabs-title {
    font-size: 14px;
}

.tabs-header-bottom .tabs li .tabs-inner {
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}

.tabs-header-left .tabs li .tabs-inner {
    -moz-border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}

.tabs-header-right .tabs li .tabs-inner {
    -moz-border-radius: 0 4px 4px 0;
    -webkit-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}

.tabs-header .tabs-pill li .tabs-inner {
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
}

.tabs li .tabs-inner:hover {
    background: #e6e6e6;
    color: #333;
}

.tabs li.tabs-selected .tabs-inner {
    color: #73879c;
}

.tabs li .tabs-inner {
    color: #73879c;
    background-color: #ededed;
}

.tabs-header,
.tabs-tool {
    background-color: #ededed;
}

.tabs-header,
.tabs-scroller-left,
.tabs-scroller-right,
.tabs-tool,
.tabs,
.tabs-panels,
.tabs li .tabs-inner,
.tabs li.tabs-selected .tabs-inner,
.tabs-header-bottom .tabs li.tabs-selected .tabs-inner,
.tabs-header-left .tabs li.tabs-selected .tabs-inner,
.tabs-header-right .tabs li.tabs-selected .tabs-inner {
    border-color: #e6e9ed;
}

    .tabs-p-tool a:hover,
    .tabs li a:hover.tabs-close,
    .tabs-scroller-over {
        background-color: #e6e6e6;
    }

    .tabs-header .tabs-pill li.tabs-selected .tabs-inner {
        background: #00bbee;
        color: #fff;
        border-color: #e6e9ed;
    }

.datagrid-btn-separator {
    border-left: 1px solid #ddd;
}

.datagrid-header-row,
.datagrid-row {
    height: 32px;
}

.datagrid-cell,
.datagrid-cell-group,
.datagrid-header-rownumber,
.datagrid-cell-rownumber {
    font-size: 14px;
}

.datagrid-header .datagrid-cell span {
    font-size: 13px;
}

.datagrid-view .datagrid-editable-input {
    border: 1px solid #e6e9ed;
    font-size: 14px;
}

.datagrid-view .validatebox-invalid {
    border-color: #ed143d;
}

div.datagrid-view .div_row_count {
    display: none;
}

.datagrid-header,
.datagrid-td-rownumber {
    background-color: #fff;
}

.datagrid-cell-rownumber {
    color: #73879c;
}

.datagrid-resize-proxy {
    background: var(--color-primary-normal);
}

.datagrid-mask {
    background: #eee;
}

.datagrid-mask-msg {
    border-color: #e6e9ed;
}

.datagrid-toolbar,
.datagrid-pager {
    background: #f5f7fa;
}

.datagrid-header,
.datagrid-toolbar,
.datagrid-pager,
.datagrid-footer-inner {
    border-color: #e6e9ed;
}

    .datagrid-header td,
    .datagrid-body td,
    .datagrid-footer td {
        border-color: #ddd;
    }

.datagrid-htable,
.datagrid-btable,
.datagrid-ftable {
    color: #73879c;
}

.datagrid-row-alt {
    background: unset;
}

.datagrid-row-over,
.datagrid-header td.datagrid-header-over {
    background: #f9f9f9;
    color: unset;
}

.datagrid-row-selected {
    background: #ffa;
    color: unset;
}

.datagrid-row .l-btn {
    background: transparent;
    border: none;
    box-shadow: none;
}

.datagrid-row .l-btn-text {
    line-height: 24px;
}

.datagrid-split-proxy {
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 100%;
    border-left: 1px solid #00bbee;
}

.datagrid-moving-proxy {
    border: 1px solid #00bbee;
    height: 32px;
    line-height: 32px;
    padding: 0 4px;
}

.datagrid-header .datagrid-cell {
    text-overflow: ellipsis;
}

.propertygrid .datagrid-view1 .datagrid-body td {
    border-color: #e6e9ed;
}

.propertygrid .datagrid-view1 .datagrid-group {
    border-color: #ededed;
}

.propertygrid .datagrid-view2 .datagrid-group {
    border-color: #e6e9ed;
}

.propertygrid .datagrid-group,
.propertygrid .datagrid-view1 .datagrid-body,
.propertygrid .datagrid-view1 .datagrid-row-over,
.propertygrid .datagrid-view1 .datagrid-row-selected {
    background: #ededed;
}

.datalist .datagrid-group,
.m-list .m-list-group {
    background-color: #fff;
    border-color: #ddd;
}

.datalist-link,
.m-list li > a {
    color: #73879c;
}

.m-list li {
    border-color: #ddd;
}

    .m-list li > a:hover {
        background: #e6e6e6;
        color: #333;
    }

.pagination {
    padding: 2px;
}

.pagination-btn-separator {
    border-left: 1px solid #ddd;
}

.pagination .pagination-num {
    width: 3em;
    text-align: center;
    font-size: 14px;
}

.pagination-info {
    font-size: 14px;
}

.pagination span {
    font-size: 14px;
}

.pagination-link .l-btn-text {
    box-sizing: border-box;
    padding: 0 .5em;
    width: auto;
    min-width: 28px;
}

.pagination-page-list,
.pagination .pagination-num {
    border-color: #e6e9ed;
}

.calendar table {
    font-size: 14px;
}

    .calendar table td,
    .calendar table th {
        font-size: 14px;
    }

.calendar-header {
    height: 36px;
}

.calendar-title {
    height: 36px;
    line-height: 36px;
}

    .calendar-title span {
        top: 0px;
        height: 28px;
        line-height: 28px;
        font-size: 14px;
        -moz-border-radius: 4px 4px 4px 4px;
        -webkit-border-radius: 4px 4px 4px 4px;
        border-radius: 4px 4px 4px 4px;
    }

.calendar-prevmonth,
.calendar-nextmonth,
.calendar-prevyear,
.calendar-nextyear {
    margin-top: -8px;
    width: 16px;
    height: 16px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
}

.calendar-prevmonth {
    left: 30px;
}

.calendar-nextmonth {
    right: 30px;
}

.calendar-prevyear {
    left: 10px;
}

.calendar-nextyear {
    right: 10px;
}

.calendar-day {
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
}

.calendar-menu {
    font-size: 14px;
}

.calendar-menu-year {
    width: 80px;
    line-height: 26px;
    padding: 0;
    font-size: 14px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
}

.calendar-menu-prev,
.calendar-menu-next {
    width: 25px;
    height: 28px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
}

.calendar-menu-prev {
    background-position: 5px center;
}

.calendar-menu-next {
    background-position: -44px center;
}

.calendar-menu-month {
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
}

.calendar-body th,
.calendar-menu-month {
    color: #cdd4db;
}

.calendar-day {
    color: #73879c;
}

.calendar-menu-year {
    border-color: #e6e9ed;
}

.calendar {
    border-color: #e6e9ed;
}

.calendar-header {
    background: #ededed;
}

.calendar-body th {
    background: #f5f7fa;
    padding: 4px 0;
}

.calendar-hover,
.calendar-nav-hover,
.calendar-menu-hover {
    background-color: #e6e6e6;
    color: #333;
}

.calendar-hover {
    border: 1px solid #ccc;
}

.calendar-selected {
    background-color: #00bbee;
    color: #fff;
    border: 1px solid #00bbee;
}

.calendar-info {
    background-color: #ededed;
    font-size: 28px;
    height: 70px;
    padding: 10px 20px;
}

    .calendar-info .year {
        font-size: 16px;
    }

.datebox-calendar-inner {
    height: 250px;
}

.datebox-button {
    padding: 4px 0;
}

    .datebox-button a {
        font-size: 14px;
    }

.datebox-button {
    background-color: #f5f7fa;
}

    .datebox-button a {
        color: #fff;
    }

.spinner-arrow.spinner-button-top,
.spinner-arrow.spinner-button-bottom,
.spinner-arrow.spinner-button-left,
.spinner-arrow.spinner-button-right {
    background-color: #ededed;
}

.spinner-arrow-up,
.spinner-arrow-down {
    color: #fff;
    background-color: #ededed;
}

.spinner-arrow-hover {
    background-color: #e6e6e6;
}

.spinner-button-top:hover,
.spinner-button-bottom:hover,
.spinner-button-left:hover,
.spinner-button-right:hover,
.spinner-arrow-up:hover,
.spinner-arrow-down:hover {
    background-color: #e6e6e6;
}

.textbox-disabled .spinner-button-top:hover,
.textbox-disabled .spinner-button-bottom:hover,
.textbox-disabled .spinner-button-left:hover,
.textbox-disabled .spinner-button-right:hover,
.textbox-icon-disabled .spinner-arrow-up:hover,
.textbox-icon-disabled .spinner-arrow-down:hover {
    background-color: #ededed;
}

.textbox-icon {
    width: 24px !important;
    background-position: center !important;
}

.spinner-arrow-up {
    background-color: #ededed;
}

.spinner-arrow-down {
    background-color: #ededed;
}

.spinner-button-up {
    -webkit-mask: url('spritesheet_svg_simple.svg#view-icon-add') 0 0/contain no-repeat;
    mask: url('spritesheet_svg_simple.svg#view-icon-add') 0 0/contain no-repeat;
    background: #fff;
}

.spinner-button-down {
    -webkit-mask: url('spritesheet_svg_simple.svg#view-icon-remove') 0 0/contain no-repeat;
    mask: url('spritesheet_svg_simple.svg#view-icon-edit') 0 0/contain no-repeat;
    background: #fff;
}

.progressbar {
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
}

.progressbar-value {
    -moz-border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}

.progressbar {
    border-color: #e6e9ed;
}

.progressbar-text {
    color: #73879c;
    font-size: 14px;
}

.progressbar-value,
.progressbar-value .progressbar-text {
    background-color: #00bbee;
    color: #fff;
}

.searchbox .l-btn-plain {
    background: #ededed;
}

.slider-inner {
    border-radius: 4px;
}

.slider-tip {
    font-size: 14px;
}

.slider-rulelabel span {
    font-size: 14px;
}

.slider-inner {
    border-color: #e6e9ed;
    background: #ededed;
}

.slider-rule span {
    border-color: #e6e9ed;
}

.slider-rulelabel span {
    color: #73879c;
}

.menu-active {
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
}

.menu-text,
.menu-text span {
    font-size: 14px;
}

    .menu-text:only-child {
        padding-left: 6px;
    }

.menu-shadow {
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
    background: #fafafa;
    -moz-box-shadow: 2px 2px 3px #fafafa;
    -webkit-box-shadow: 2px 2px 3px #fafafa;
    box-shadow: 2px 2px 3px #fafafa;
}

.menu-line {
    display: none;
}

.menu-sep {
    border-top: 1px solid #ddd;
}

.menu {
    background-color: var(--color-primary-normal);
    border-color: #eee;
    color: #e7e7e7;
}

.menu-item {
    _border-color: var(--color-primary-normal);
}

.m-btn-active,
.s-btn-active {
    background: #e6e6e6;
    color: #333;
    border: 1px solid #ccc;
}

.m-btn-plain-active,
.s-btn-plain-active {
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
}

.m-btn .l-btn-left .m-btn-line {
    border-color: var(--color-primary-normal);
}

.m-btn-plain-active,
.s-btn-plain-active {
    border-color: #ccc;
    background-color: #e6e6e6;
    color: #333;
}

    .l-btn:hover .s-btn-downarrow,
    .s-btn-active .s-btn-downarrow,
    .s-btn-plain-active .s-btn-downarrow {
        border-color: var(--color-primary-normal);
    }

.switchbutton {
    background: #bbb;
    border: 1px solid #bbb;
    -moz-border-radius: 16px 16px 16px 16px;
    -webkit-border-radius: 16px 16px 16px 16px;
    border-radius: 16px 16px 16px 16px;
}

.switchbutton-on,
.switchbutton-off,
.switchbutton-handle {
    font-size: 14px;
    -moz-border-radius: 16px 16px 16px 16px;
    -webkit-border-radius: 16px 16px 16px 16px;
    border-radius: 16px 16px 16px 16px;
}

.switchbutton-on {
    background: var(--color-secondary-normal);
    color: #fff;
}

.switchbutton-off {
    color: #73879c;
}

.switchbutton-on,
.switchbutton-reversed .switchbutton-off {
    -moz-border-radius: 16px 0 0 16px;
    -webkit-border-radius: 16px 0 0 16px;
    border-radius: 16px 0 0 16px;
}

.switchbutton-off,
.switchbutton-reversed .switchbutton-on {
    -moz-border-radius: 0 16px 16px 0;
    -webkit-border-radius: 0 16px 16px 0;
    border-radius: 0 16px 16px 0;
}

.switchbutton-handle {
    color: #73879c;
    border: 1px solid #bbb;
    -moz-box-shadow: 0 0 3px 0 #bbb;
    -webkit-box-shadow: 0 0 3px 0 #bbb;
    box-shadow: 0 0 3px 0 #bbb;
    background: linear-gradient(#fff, #e6e9ed)
}

.switchbutton:focus {
    -moz-box-shadow: 0 0 3px 0 var(--color-secondary-dark);
    -webkit-box-shadow: 0 0 3px 0 var(--color-secondary-dark);
    box-shadow: 0 0 3px 0 var(--color-secondary-dark);
    outline: none;
}

.messager-body .messager-input {
    border: 1px solid #e6e9ed;
}

.tree-node {
    height: 26px;
}

.tree-expanded,
.tree-collapsed,
.tree-folder,
.tree-file,
.tree-checkbox,
.tree-indent {
    margin: 4px 0;
    vertical-align: middle;
}

.tree-title {
    font-size: 14px;
    vertical-align: middle;
    margin: 4px 0;
}

.tree-node-proxy {
    font-size: 14px;
}

.tree-editor {
    border: 1px solid #e6e9ed;
    font-size: 14px;
    height: 26px;
    line-height: 26px;
    vertical-align: middle;
}

.tree-node-proxy {
    color: #73879c;
    border-color: #e6e9ed;
}

.tree-node-hover {
    background: #e6e6e6;
    color: #333;
}

.tree-node-selected {
    background: #00bbee;
    color: #fff;
}

.validatebox-invalid {
    border-color: #ed143d;
    background-color: #fff;
    color: #333;
}

.tooltip {
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
}

.tooltip-content {
    font-size: 14px;
}

.tooltip {
    border-color: #e6e9ed;
    color: #73879c;
}

.tooltip-right .tooltip-arrow-outer {
    border-right-color: #e6e9ed;
}

.tooltip-left .tooltip-arrow-outer {
    border-left-color: #e6e9ed;
}

.tooltip-top .tooltip-arrow-outer {
    border-top-color: #e6e9ed;
}

.tooltip-bottom .tooltip-arrow-outer {
    border-bottom-color: #e6e9ed;
}

.radiobutton {
    border: 2px solid #00bbee;
}

.radiobutton-inner {
    background: #00bbee;
}

.checkbox {
    border: 2px solid #00bbee;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
}

.checkbox-checked {
    background: #00bbee;
}

.sidemenu .accordion .accordion-header {
    padding: 16px 15px;
    color: #e7e7e7;
}

.sidemenu .accordion-header .panel-title {
    color: #e7e7e7;
    height: 18px;
    line-height: unset;
    padding-left: 26px;
    font-size: 13px;
    font-weight: normal;
}

.sidemenu .accordion-header .panel-icon {
    left: 15px;
    background-size: 24px;
    width: 18px;
    height: 18px;
    margin: -12px 0;
}

.sidemenu-collapsed .accordion-header .panel-icon {
    left: 27px;
}

.sidemenu .accordion-header:hover {
    background: var(--color-primary-normal);
    color: #f2f5f7;
}

.sidemenu .tree-node {
    color: #cad9e9;
    height: 35px;
}

.sidemenu .tree-node-hover {
    background: var(--color-primary-light);
    color: #cddbea;
}

.sidemenu .tree-node-selected {
    border: none;
    color: #fff;
    background: var(--color-primary-light);
}

.sidemenu .tree-title {
    font-family: Arial;
    font-size: 12px;
    margin: 9px;
}

.sidemenu-collapsed .collapsed-icon {
    position: relative;
}

.sidemenu-collapsed .collapsed-text {
    text-align: center;
}

.sidemenu .accordion .accordion-header {
    background: var(--color-primary-normal);
}

    .sidemenu .accordion .accordion-header:hover {
        background: var(--color-primary-light);
    }

.sidemenu .accordion .accordion-collapse {
    -webkit-mask: url('spritesheet_svg_simple.svg#view-icon-previous') 0 0/contain no-repeat;
    mask: url('spritesheet_svg_simple.svg#view-icon-previous') 0 0/contain no-repeat;
    background: #fff;
    transform: rotate(90deg);
}

.sidemenu .accordion .accordion-expand {
    -webkit-mask: url('spritesheet_svg_simple.svg#view-icon-next') 0 0/contain no-repeat;
    mask: url('spritesheet_svg_simple.svg#view-icon-next') 0 0/contain no-repeat;
    background: #fff;
    transform: rotate(90deg);
}

.sidemenu .accordion .accordion-header-selected {
    background: var(--color-primary-light);
}

    .sidemenu .accordion .accordion-header-selected, .sidemenu .accordion .accordion-header-selected + .accordion-body .tree-node {
        box-shadow: inset -5px 0 #1abb9c;
    }

        .sidemenu .accordion .accordion-header-selected .panel-icon, .sidemenu .accordion .accordion-header-selected .panel-title {
            color: #fff;
        }

.sidemenu .accordion .accordion-body {
    background: var(--color-primary-normal);
}

.sidemenu.tooltip-content .panel-header:hover {
    cursor: unset;
    background: var(--color-primary-normal);
}

.sidemenu.tooltip-content .panel-title {
    padding-left: 0;
}

.sidemenu.tooltip-content .tree-indent {
    display: none;
}

.sidemenu.tooltip-content .tree-icon {
    margin-left: 15px;
}

.timepicker-panel .clock {
    background: #ededed;
    color: #73879c;
}

    .timepicker-panel .clock .item-selected {
        background: #00bbee;
        color: #fff;
    }

    .timepicker-panel .clock .hand {
        background-color: #00bbee;
    }

        .timepicker-panel .clock .hand .drag {
            border: 14px solid #00bbee;
            background-color: #fff;
        }

    .timepicker-panel .clock .center {
        background-color: #00bbee;
    }

.l-btn {
    box-shadow: 0 1px 2px rgba(0,0,0,0.2), 0 1px 1px rgba(0,0,0,0.05);
}

    .l-btn:active {
        box-shadow: 0 6px 17px 0 rgba(235,235,235,0.3);
    }

.l-btn-selected {
    box-shadow: 0 1px 2px rgba(89,205,226,0.2), 0 1px 1px rgba(89,205,226,0.05);
}

.l-btn-plain,
.l-btn-disabled,
.l-btn-disabled:active,
.textbox-button {
    box-shadow: none;
}

.l-btn-selected,
.l-btn-selected:hover {
    background: #e6e6e6;
    color: #fff;
}

.l-btn-plain-selected,
.l-btn-plain-selected:hover {
    background: #e6e6e6;
}

.m-btn-active,
.m-btn-plain-active,
.s-btn-active,
.s-btn-plain-active {
    background: #e6e6e6;
    color: #fff;
}

.menu-shadow,
.combo-p {
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    filter: none;
}

.menu-active {
    border-color: transparent;
    color: #fff;
    background: var(--color-primary-light);
}

.menu-active-disabled {
    border-color: transparent;
    background: transparent;
    color: #e7e7e7;
}

.menu-icon {
    left: 6px;
}

.window {
    background-color: #fff;
}

.window-proxy {
    border-color: var(--color-primary-normal);
}

.window-shadow {
    -moz-box-shadow: 0 7px 8px -4px rgba(0,0,0,0.2), 0 13px 19px 2px rgba(0,0,0,0.14), 0 5px 24px 4px rgba(0,0,0,0.12);
    -webkit-box-shadow: 0 7px 8px -4px rgba(0,0,0,0.2), 0 13px 19px 2px rgba(0,0,0,0.14), 0 5px 24px 4px rgba(0,0,0,0.12);
    box-shadow: 0 7px 8px -4px rgba(0,0,0,0.2), 0 13px 19px 2px rgba(0,0,0,0.14), 0 5px 24px 4px rgba(0,0,0,0.12);
    filter: none;
}

.window-mask {
    background: #000;
}

.datagrid-header .datagrid-cell,
.datagrid-header .datagrid-cell-group {
    color: #73879c;
}

.datagrid-header td,
.datagrid-body td,
.datagrid-footer td {
    border-style: solid;
}

body {
    font-family: sans-serif;
}

.module_header {
    background-color: #f7f7f7;
    height: unset;
    padding: 10px 10px 0;
    box-sizing: border-box;
}

    .module_header div.module_name {
        font-size: 24px;
        color: #73879c;
        background: none;
        height: unset;
        font-weight: normal;
        font-family: Arial;
        position: unset;
        min-width: unset;
    }

        .module_header div.module_name:after {
            display: none;
        }

    .module_header div.module_button {
        height: 38px;
    }

.module_button {
    display: none;
}

.labelContent {
    color: #73879c;
    font-size: 13px;
    font-weight: bold;
}

.normal-table th, .normal-table td {
    border: 1px solid #ddd;
    color: #333;
}

.normal-table th {
    color: #73879c;
    background-color: #f2f2f2;
    border: 1px solid #ddd;
}

.normal-table tbody:nth-child(even) tr:nth-child(even) {
    background-color: inherit;
}

.normal-table tr:nth-child(even) {
    background-color: inherit;
}

.normal-table tr:hover, .normal-table tr:hover td.empty, .normal-table tr:hover td.normal-table-yellow, .normal-table tr:hover td.normal-table-green {
    background-color: #ffa !important;
}

input:disabled {
    background-color: #f7f9fa;
    cursor: not-allowed;
    color: inherit;
}

#uidiv_sysrch_maint .labelContent {
    color: #73879c;
    font-size: 14px;
    font-weight: normal;
}

#uidiv_sysrch_maint .itlabel:hover .labelContent {
    text-decoration: none;
}

.panel-header, .panel-body {
    border-color: #e6e9ed;
}

.layout_form_row_1 {
    --layout_form_height: 32px;
}

    .layout_form_row_1 .layout_form_label {
        max-height: 32px;
    }

.layout_form_row_2 {
    --layout_form_height: 84px;
}

.layout_form_row_3 {
    --layout_form_height: 136px;
}

.layout_form_row_4 {
    --layout_form_height: 188px;
}

.layout_form_row_5 {
    --layout_form_height: 240px;
}

.layout_form_row_6 {
    --layout_form_height: 292px;
}

.layout_form_col_1 {
    --layout_form_width: 100px;
}

.layout_form_col_2 {
    --layout_form_width: 220px;
}

.layout_form_col_3 {
    --layout_form_width: 340px;
}

.layout_form_col_4 {
    --layout_form_width: 460px;
}

.layout_form_col_5 {
    --layout_form_width: 580px;
}

.layout_form_col_6 {
    --layout_form_width: 700px;
}

.layout_form_col_7 {
    --layout_form_width: 820px;
}

.layout_form_col_8 {
    --layout_form_width: 940px;
}

.layout_form_col_9 {
    --layout_form_width: 100%;
    width: var(--layout_form_width);
}

.layout_form_unit {
    margin: 10px 0;
    height: auto;
    max-width: 100%;
    box-sizing: border-box;
    padding: 0 10px;
    min-height: calc(var(--layout_form_height) + 2px);
    flex-direction: column;
}

    .layout_form_unit .layout_form_label {
        max-width: 100%;
        width: var(--layout_form_width) !important;
        padding-bottom: 4px;
        min-width: 100px;
    }

    .layout_form_unit .layout_form_input {
        max-width: 100%;
        padding: 0;
        min-width: 100px;
        width: var(--layout_form_width) !important;
        min-height: 32px;
        align-items: center;
    }

        .layout_form_unit .layout_form_input > :not(.switchbutton), .layout_form_unit .layout_form_input > :not(.switchbutton) * {
            height: var(--layout_form_height) !important;
        }

        .layout_form_unit .layout_form_input .textbox textarea.textbox-text {
            padding: 8px 4px;
        }

        .layout_form_unit .layout_form_input [itfixedtextbox], .layout_form_unit .layout_form_input [itfixedtextbox] * {
            height: unset !important;
            line-height: 25px;
            padding: 1px 0;
            box-sizing: border-box;
        }

        .layout_form_unit .layout_form_input [itradiobox], .layout_form_unit .layout_form_input [itradiobox] * {
            height: unset !important;
            outline: none;
        }

            .layout_form_unit .layout_form_input [itradiobox] label {
                float: left;
            }

        .layout_form_unit .layout_form_input .cblabel {
            height: 22px !important;
            min-width: 22px;
            outline: none;
            box-sizing: border-box;
        }

    .layout_form_unit .itlabel {
        padding-left: 0;
    }

    .layout_form_unit input {
        font-size: 14px;
    }

label.layout_form_unit {
    box-shadow: none;
}

    label.layout_form_unit:hover {
        background: unset;
    }

div[itfixedtextbox] .textbox .textbox-text {
    padding: 3px 6px;
}

div[itfixedtextbox] .ftx_text_content {
    font-family: Arial;
}

input[type=date]::-webkit-datetime-edit, input[type=time]::-webkit-datetime-edit,
input[type=date]::-webkit-inner-spin-button, input[type=time]::-webkit-inner-spin-button {
    display: none;
}

input[type=date]::-webkit-calendar-picker-indicator, input[type=time]::-webkit-calendar-picker-indicator {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    height: auto;
    pointer-events: all;
    opacity: 0;
    margin: 0;
}

[data-itdept-type="itLayoutRegion"] {
    background: transparent;
}

#uidiv_home_mainframe {
    margin: 0px auto;
}

#uitxt_test_env {
    position: absolute;
    top: 16px;
    left: 64px;
    z-index: 5;
    overflow: hidden;
    text-align: center;
    pointer-events: none;
}

#uidiv_home_top {
    background: #ededed;
    padding: 13px 18px;
    color: #515356;
    border-bottom: 1px solid #d9dee4
}

    #uidiv_home_top [itbutton] {
        font-weight: bold;
    }

.css_toggle_nav_btn {
    width: 28px;
    font-family: monospace;
}

.b2c_panel {
    padding: 10px;
    box-sizing: border-box;
    width: 100%;
    float: left;
}

    .b2c_panel > .panel {
        color: #73879c;
        min-height: 100%;
        display: flex !important;
        flex-direction: column;
    }

        .b2c_panel > .panel > .panel-header {
            padding: 16px 16px 0;
            border-bottom: none;
            background: #fff;
            color: currentColor;
            border-radius: 5px 5px 0 0;
        }

            .b2c_panel > .panel > .panel-header > .panel-title {
                font-size: 18px;
                font-weight: normal;
                color: currentColor;
                padding-bottom: 10px;
                border-bottom: 2px solid #e6e9ed;
            }

            .b2c_panel > .panel > .panel-header > .panel-with-icon {
                padding-left: 32px;
            }

            .b2c_panel > .panel > .panel-header > .panel-icon {
                left: 24px;
                width: 20px;
                height: 20px;
            }

        .b2c_panel > .panel > .panel-body {
            border-radius: 0 0 5px 5px;
            padding: 10px;
            flex-grow: 1;
        }

        .b2c_panel > .panel > .panel-body-noheader {
            border-radius: 5px;
        }

    .b2c_panel > .panel-collapsed > .panel-header {
        border-bottom: 1px solid #e6e9ed;
        border-radius: 5px;
    }

        .b2c_panel > .panel-collapsed > .panel-header > .panel-title {
            border-bottom: none;
            margin-bottom: 1px;
        }

    .b2c_panel [itbutton] {
        margin: 10px;
    }

    .b2c_panel .panel-tool {
        right: 24px;
    }

        .b2c_panel .panel-tool a:hover {
            background-color: var(--color-secondary-normal);
        }

    .b2c_panel .panel-tool-collapse {
        -webkit-mask: url(spritesheet_svg_simple.svg#view-icon-remove) 0 0/contain no-repeat;
        mask: url(spritesheet_svg_simple.svg#view-icon-remove) 0 0/contain no-repeat;
        background: var(--color-secondary-normal);
    }

    .b2c_panel .panel-tool-expand {
        -webkit-mask: url(spritesheet_svg_simple.svg#view-icon-add) 0 0/contain no-repeat;
        mask: url(spritesheet_svg_simple.svg#view-icon-add) 0 0/contain no-repeat;
    }

.b2c_border_panel > .panel {
    color: #1b809e;
    border-left: 5px solid currentColor;
    border-radius: 5px;
}

    .b2c_border_panel > .panel > .panel-body-noheader, .b2c_border_panel > .panel > .panel-header {
        border-top-left-radius: 0;
    }

    .b2c_border_panel > .panel > .panel-body {
        border-bottom-left-radius: 0;
    }

.b2c_border_panel > .panel-collapsed > .panel-header {
    border-bottom: 1px solid #e6e9ed;
    border-bottom-left-radius: 0;
}

.b2c_datagrid > .panel > .panel-body {
    padding: 0;
}

.b2c_datagrid .datagrid-body {
    max-height: calc(100vh - 140px);
}

.b2c_datagrid [field="mobile_display"] {
    border-right: none;
}

.b2c_table {
    margin: 10px;
    font-size: 15px;
    overflow: auto;
}

    .b2c_table table {
        border-collapse: collapse;
        width: 100%;
        box-sizing: border-box;
    }

    .b2c_table thead {
        border-bottom: 2px solid #ddd;
        color: var(--color-primary-normal);
    }

    .b2c_table tbody tr:nth-of-type(odd) {
        background: #f9f9f9;
    }

    .b2c_table tbody tr[ng-click]:hover {
        background: #ededed !important;
        cursor: pointer;
    }

    .b2c_table th, .b2c_table td {
        padding: 8px;
    }

    .b2c_table tfoot {
        border-top: 2px solid #ddd;
    }

.myFullScreen_module {
    position: relative;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: auto;
}

    .myFullScreen_module.css-popupwindow-mainframe {
        position: fixed;
        width: 100%;
        height: 100%;
    }

.module_header div.module_content {
    max-width: unset;
}