body {
    background: rgb(241, 241, 241);
    font-size: 80%;
    color: rgb(97, 97, 97);
}

em {
    font-weight: bold;
    font-style: normal;
    background-color: yellow;
}

a:not([class]) {
    text-decoration: none;
}

a:not([class]):hover {
    text-decoration: underline;
    /*font-weight: bold;*/
}

/* cyrillic */
@font-face {
    font-family: 'Poiret One';
    font-style: normal;
    font-weight: 400;
    src: local('Poiret One'), local('PoiretOne-Regular'), url(../fonts/cKr_e199f0xMkxMkRbEJXyEAvth_LlrfE80CYdSH47w.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* latin-ext */
@font-face {
    font-family: 'Poiret One';
    font-style: normal;
    font-weight: 400;
    src: local('Poiret One'), local('PoiretOne-Regular'), url(../fonts/3Annd_XP-99FcGbOpm6fVCEAvth_LlrfE80CYdSH47w.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Poiret One';
    font-style: normal;
    font-weight: 400;
    src: local('Poiret One'), local('PoiretOne-Regular'), url(../fonts/HrI4ZJpJ3Fh0wa5ofYMK8fk_vArhqVIZ0nv9q090hN8.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

@font-face {
    font-family: "Lari";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/lariFont/lari.eot") format("embedded-opentype"),
    url("../fonts/lariFont/lari.woff") format("woff"),
    url("../fonts/lariFont/lari.ttf") format("truetype");
}

/*Ext Js fixes*/
.x-fieldset-header-tool-default > .x-tool-img {
    opacity: 1 !important;
}

.x-fieldset-header {
    overflow: unset !important;
}

/*End of Ext Js fixes*/

lari, .lari {
    -moz-font-feature-settings: normal;
    -moz-font-language-override: normal;
    display: inline-block;
    font-family: "Lari", serif;
    font-size: inherit;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
}

lari:before, .lari:before, .fa-lari-sign:before {
    content: '\20BE'
}

.main-toolbar {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    z-index: 1;
    background-color: #fff
}

.main-toolbar .x-toolbar-item.x-btn, .main-toolbar .x-btn-pressed {
    border-color: transparent;
    background: transparent;
}

.main-toolbar .x-toolbar-item.x-btn-focus {
    box-shadow: none;
}

.main-toolbar .x-toolbar-item.x-btn-pressed.x-btn-default-toolbar-small {
    border-color: transparent !important;
    background: transparent !important;
}

.main-toolbar .main-title {
    padding: 5px;
    float: left;
    height: 25px;
    line-height: 23px;
    font-size: 16px;
    position: relative;
    top: 0
}

.main-toolbar .main-logo {
    -webkit-filter: drop-shadow(2px 2px 2px #444);
    filter: drop-shadow(2px 2px 2px #444);
    float: left;
    margin: 2px 10px 10px 2px;
}

.custom-toolbar .x-toolbar {
    padding: 2px 5px 2px 10px;
}

.custom-toolbar .x-toolbar .x-btn:not(.x-btn-over) {
    border-color: transparent;
    background: transparent;
}

.file-view {
    border: 0 solid #ccc;
    width: 100% !important;
    height: calc(100% - 3px) !important;
}

.ck-field:focus {
    outline: #a6c8ff auto 5px !important;
}

.ck-field::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    cursor: pointer;
}

.ck-field::-webkit-scrollbar-track {
    background: #ddd;
    cursor: pointer;
}

.ck-field::-webkit-scrollbar-thumb {
    background: rgba(102, 102, 102, 0.5);
    border-radius: 5px;
    cursor: pointer;
}

.ck-field::-webkit-scrollbar-thumb:hover {
    background: rgb(102, 102, 102);
}

.cke_chrome {
    border-width: 0 !important;
    box-shadow: none !important;
}

.cke_combo_text {
    width: 100px !important;
}


.cke_combopanel {
    width: 500px !important;
}

.cke_dialog_contents_body {
    width: 700px !important;
}

textarea.cke_dialog_ui_input_textarea {
    height: 300px !important;
    text-wrap: auto !important;
}

/*.cke_placeholder {*/
/*    color: #3b3b3b !important;*/
/*    background-color: #e6ff00;*/
/*    padding: 3px;*/
/*    border-radius: 5px;*/
/*}*/

.template-editor-splitter {
    border-bottom: 1px solid #e8e8e8;
}

.template-editor-splitter-top:hover {
    border-bottom: 1px dotted;
}

.template-editor-splitter-right:hover {
    border-left: 1px dotted;
}

.template-editor-splitter-bottom:hover {
    border-top: 1px dotted;
}

.template-editor-splitter-left:hover {
    border-right: 1px dotted;
}

.template-editor-document {
    box-shadow: 0 0 10px 0 rgba(100, 100, 100, 0.2);
}

.template-editor-document-body {
    border: 1px solid rgba(220, 220, 220, 0.5);
}

.template-editor-document-margin {
    color: rgb(150, 150, 150);
    font-size: 10px;
}

.template-editor-background {
    background: #e8e8e8;
}

.x-action-col-icon {
    color: #000;
}

.row-red {
    background: #fbb9b9;
}

.row-green {
    background: #c8fbcf;
}

.row-yellow {
    background: #ffb100;
}

.document-toolbar {
    box-shadow: 1px 7px 6px -5px rgba(200, 200, 200, 0.5);
    z-index: 1;
}

.gl-account-rule-details-grid .x-grid-item {
    background-color: #f5f5f5;
}

.form-validator-config-button {
    position: absolute;
    display: none;
    right: 0;
    top: 0;
    color: #a9a9a9;
    padding: 3px;
    font-size: 15px;
}

.form-validator-config-button:hover {
    color: #4a4a4a;
}

.grid-column-text-wrap .x-column-header-text {
    white-space: normal !important;
}

.link-mask {
    color: blue;
    cursor: pointer;
    font-size: 10px;
}

.link-mask:hover {
    text-decoration: underline;
}

.selectable-field .x-form-text {
    padding: 1px 0 0 1px !important;
}

.selectable-field .x-tagfield-item {
    padding-right: 5px;
}

.selectable-field .x-tagfield-item-text {
    overflow: hidden !important;
    text-overflow: ellipsis;
}

.selectable-field .x-tagfield-list {
    display: flex;
}

.x-grid-empty {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
}

.accuity-updater-progress {
    width: 100%;
}

.accuity-updater-progress-inner {
    background: #c2ddf2;
    font-size: 11px;
    color: #3f505f;
    width: 0;
    height: 100%;
    padding: 2px;
}

.profile-photo-container {
    position: relative;
    background-color: #e4e4e4;
}

.photos-dataview-item i {
    position: absolute;
    right: 5px;
    bottom: 5px;
    color: green;
    font-size: 24px;
}

.photos-dataview-item.profile-photo-selected i {
    display: block !important;
}

.profile-photo-container img {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    max-width: 200px;
    max-height: 200px;
    cursor: -webkit-zoom-in;
}

.photos-dataview-item {
    border: 1px solid #ababab;
    box-shadow: 2px 2px 10px -1px #777;
    position: relative;
    margin: 5px;
    width: 150px;
    height: 150px;
    float: left;
    overflow: hidden;
    background-color: #e4e4e4;
}

.photos-dataview-item img {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 148px;
    max-height: 148px;
}

.photos-dataview-item.x-item-selected {
    border: 1px solid blue;
    box-shadow: 3px 3px 11px -1px #777;
}

.profile-photo-selected {
}

.row-inactive {
    text-decoration: line-through;
}

.cash-node-rests-btn {
    background: none;
    vertical-align: middle;
    display: table-cell;
}

.grid-profile-picture-column img {
    max-height: 34px;
    max-width: 42px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.grid-profile-picture-column .x-grid-cell-inner {
    height: 40px;
    padding: 0;
}

.menu-filterer * {
    border: #32404e;
    background-color: #32404e;
    color: white;
}

.main-tab-panel .x-tab-wrap {
    display: flex;
}

.main-tab-panel .x-tab-button {
    width: 100%;
}

.bold {
    font-weight: bold;
}

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

.italic {
    font-style: italic;
}

.underline {
    text-decoration: underline;
}

.mask-remove-background .x-mask-msg-text {
    background: none !important;
    padding: 5px !important;
}

td.wrap-text .x-grid-cell-inner {
    white-space: normal;
}

.notification-item {
    clear: both;
    padding: 2px;
    background: whitesmoke;
    /*outline: none !important;*/
    border-bottom: 1px solid #c2ddf2;
    cursor: pointer;
}

.notification-item:hover {
    background: ghostwhite;
}

.notification-item.x-item-selected {
    background: antiquewhite;
}

.notification-item .icon {
    width: 30px;
    /*height: 60px;*/
    float: left;
    text-align: center;
    vertical-align: middle;
    /*position: relative;*/
    /*margin-right: 5px;*/
}

.notification-item .icon i {
    font-size: 20px;
    color: gray;
}

.notification-item .right-section {
    /*margin-left: 60px;*/
    /*float: right;*/
}

.notification-item .title {
    font-weight: bold;
    padding: 2px;
}

.notification-item .text {
    margin: 0 0 0 30px;
    padding: 2px;
    font-size: 11px;
    word-wrap: break-word;
    white-space: unset;
}

.notifications::-webkit-scrollbar {
    width: 7px;
    height: 7px;
    background: transparent;
    cursor: pointer;
}

.notifications::-webkit-scrollbar-track {
    background: #ffffff;
    cursor: pointer;
}

.notifications::-webkit-scrollbar-thumb {
    background: rgba(177, 177, 177, 0.5);
    border-radius: 7px;
    cursor: pointer;
}

.notifications::-webkit-scrollbar-thumb:hover {
    background: rgba(185, 219, 255, 0.5);
}

.mandatory .x-form-item-label {
    font-weight: bold;
}

.mandatory .x-form-item-label .x-form-item-label-text:before {
    content: '*';
    margin-right: 3px;
    font-family: monospace;
    font-size: 15px;
    line-height: 5px;
    color: red;
}

.monospace {
    font-family: monospace;
}

.fa-disabled {
    opacity: 0.3;
}

.x-treelist-item-expander {
    font-family: "Font Awesome 5 Free", serif;
    font-weight: 900;
}

.x-treelist-item-expander:after {
    font: unset !important;
}

.x-treelist-item-disabled {
    pointer-events: none;
    background: rgba(248, 174, 174, 0.5) !important;
    opacity: .3;
}

.upper-case input {
    text-transform: uppercase;
}

.terminal {
    background: #111111;
    color: #fffefd;
    font-family: monospace;
    font-size: 12px;
}

.gl-account-item-renderer {
    color: black;
    text-decoration: none;
}

.gl-account-item-renderer[href]:hover {
    color: blue;
}

.gl-account-item-renderer:hover {
    font-weight: bold;
    text-decoration: underline;
}

.money-in-way-renderer {
    float: left;
    color: #ff9100;
    font-size: 10px;
    font-style: italic;
}

.money-in-way-renderer:hover {
    font-weight: bold;
    text-decoration: underline;
}

.label {
    display: inline-block;
    padding: 1px 5px;
    font-size: 10px;
    font-style: normal;
    /*line-height: 1;*/
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 3px;
}

div.x-grid-cell-inner:has(span.label) {
    padding-top: 4px;
    padding-bottom: 4px;
    padding-right: 4px;
}

.bg-white {
    background-color: #fff;
    color: #000;
}

.bg-red {
    background-color: #f44336;
    color: #fff;
}

.bg-pink {
    background-color: #e91e63;
    color: #fff;
}

.bg-purple {
    background-color: #9c27b0;
    color: #fff;
}

.bg-deep-purple {
    background-color: #673ab7;
    color: #fff;
}

.bg-indigo {
    background-color: #3f51b5;
    color: #fff;
}

.bg-blue {
    background-color: #2196F3;
    color: #fff;
}

.bg-light-blue {
    background-color: #87CEEB;
    color: #000;
}

.bg-cyan {
    background-color: #00bcd4;
    color: #000;
}

.bg-aqua {
    background-color: #00ffff;
    color: #000;
}

.bg-teal {
    background-color: #009688;
    color: #fff;
}

.bg-green {
    background-color: #4CAF50;
    color: #fff;
}

.bg-light-green {
    background-color: #8bc34a;
    color: #000;
}

.bg-lime {
    background-color: #cddc39;
    color: #000;
}

.bg-sand {
    background-color: #fdf5e6;
    color: #000;
}

.bg-khaki {
    background-color: #f0e68c;
    color: #000;
}

.bg-yellow {
    background-color: #ffeb3b;
    color: #000;
}

.bg-amber {
    background-color: #ffc107;
    color: #000;
}

.bg-orange {
    background-color: #ff9800;
    color: #000;
}

.bg-deep-orange {
    background-color: #ff5722;
    color: #fff;
}

.bg-blue-gray {
    background-color: #607d8b;
    color: #fff;
}

.bg-brown {
    background-color: #795548;
    color: #fff;
}

.bg-light-gray {
    background-color: #f1f1f1;
    color: #000;
}

.bg-gray {
    background-color: #9e9e9e;
    color: #000;
}

.bg-dark-gray {
    background-color: #616161;
    color: #fff;
}

.color-white {
    color: #fff;
}

.color-red {
    color: #f44336;
}

.color-pink {
    color: #e91e63;
}

.color-purple {
    color: #9c27b0;
}

.color-deep-purple {
    color: #673ab7;
}

.color-indigo {
    color: #3f51b5;
}

.color-blue {
    color: #2196F3;
}

.color-light-blue {
    color: #87CEEB;
}

.color-cyan {
    color: #00bcd4;
}

.color-aqua {
    color: #00ffff;
}

.color-teal {
    color: #009688;
}

.color-green {
    color: #4CAF50;
}

.color-light-green {
    color: #8bc34a;
}

.color-lime {
    color: #cddc39;
}

.color-sand {
    color: #fdf5e6;
}

.color-khaki {
    color: #f0e68c;
}

.color-yellow {
    color: #ffeb3b;
}

.color-amber {
    color: #ffc107;
}

.color-orange {
    color: #ff9800;
}

.color-deep-orange {
    color: #ff5722;
}

.color-blue-gray {
    color: #607d8b;
}

.color-brown {
    color: #795548;
}

.color-light-gray {
    color: #f1f1f1;
}

.color-gray {
    color: #9e9e9e;
}

.color-dark-gray {
    color: #616161;
}

.float-right {
    float: right;
}

.hot-border-icon {
    width: 20px;
    /*padding: 4px 5px;*/
    margin: 0 5px 0 0;
    /*background-color: gray;*/
}

.hot-border-icon:hover {
    background-color: lightgray;
}

.drop-ready {
    background-color: #f0e68c;
}

.drop-over {
    background-color: #8bc34a !important;
}

.component-wrapper .btn-container {
    display: none;
    position: absolute;
    /*z-index: 1000;*/
    top: 0;
    right: 0;
    border: 0 solid;
    background: #eee;
    border-radius: 2px;
    padding: 1px 2px 1px 2px;
}

.component-wrapper .btn-container span:hover {
    opacity: 1;
}

.component-wrapper .btn-container span {
    color: #333;
    opacity: 0.5;
    margin-left: 2px;
    margin-right: 2px;
}

.component-wrapper .btn-container .authority-warning {
    color: red;
}

.creditinfo-details {
    font-size: 11px;
}

.creditinfo-details .header {
    font-size: 13px;
    font-weight: bold;
    color: #FFF;
    text-align: center;
    background: rgb(55, 96, 145) !important;
    padding: 2px;
    border: 0 solid rgb(0, 0, 0);
}

.creditinfo-details td:nth-child(odd) {
    background-color: #d5e7f7;
}

.table-with-borders {
    border-collapse: collapse;
    border-spacing: 0;
    background: white;
}

.table-with-borders table, .table-with-borders td, .table-with-borders th {
    border: 1px solid;
}

.schedule-manually-changed {
    position: relative;
}

.schedule-manually-changed:after {
    position: absolute;
    content: ".";
    width: 2px;
    height: 2px;
    right: 3px;
    bottom: 3px;
    background: #ff8941;
}

.insufficient-privileges > .x-mask {
    background-color: rgba(248, 174, 174, 0.5) !important;
    /*border: 1px solid red !important;*/
    /*color: red !important;*/
}

/*.component-wrapper .btn-container .edit-btn:hover {*/
/*color: rgba(128, 128, 128, 1);*/
/*}*/

/*.component-wrapper .btn-container .edit-btn {*/
/*color: rgba(128, 128, 128, 0.3);*/
/*}*/

/*.component-wrapper .btn-container .delete-btn:hover {*/
/*color: rgba(128, 128, 128, 1);*/
/*}*/

/*.component-wrapper .btn-container .delete-btn {*/
/*color: rgba(128, 128, 128, 0.3);*/
/*}*/

.row-yellow .x-grid-cell {
    background-color: yellow !important;
}

.x-badge {
    position: relative;
    overflow: visible;
}

.x-badge[data-badge-text]:after {
    content: attr(data-badge-text);
    position: absolute;
    font-size: 9px;
    top: -2px;
    right: 2px;
    width: auto;
    font-weight: bold;
    color: white;
    text-shadow: rgba(0, 0, 0, 0.5) 0 -0.08em 0;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 0 4px;
    background-image: none;
    background-color: #C00;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ff1a1a), color-stop(3%, #e60000), color-stop(100%, #b30000));
    background-image: -webkit-linear-gradient(top, #ff1a1a, #e60000 3%, #b30000);
    background-image: linear-gradient(top, #ff1a1a, #e60000 3%, #b30000);
    -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0.1em 0.1em;
    box-shadow: rgba(0, 0, 0, 0.3) 0 0.1em 0.1em;
}

.x-badge.green-badge[data-badge-text]:after {
    background-color: #0C0;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #1AFF1A), color-stop(3%, #00E600), color-stop(100%, #00B300));
    background-image: -webkit-linear-gradient(top, #1AFF1A, #00E600 3%, #00B300);
    background-image: linear-gradient(top, #1AFF1A, #00E600 3%, #00B300);
}

.x-badge.blue-badge[data-badge-text]:after {
    background-color: #00C;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #1A1AFF), color-stop(3%, #0000E6), color-stop(100%, #0000B3));
    background-image: -webkit-linear-gradient(top, #1A1AFF, #0000E6 3%, #0000B3);
    background-image: linear-gradient(top, #1A1AFF, #0000E6 3%, #0000B3);
}

.history-content-table {
    margin: 10px 0;
    border-collapse: collapse;
    width: 100%;
    background-color: #fff;
    border: 1px solid #d5d5d5;
}

.history-content-table td {
    padding: 2px 5px 5px 5px;
}

.history-content-table tr:not(:last-child) td {
    border-bottom: 1px dashed #d5d5d5;
}

.history-table-added td {
    background-color: #E8F5E9 !important;;
}

.history-table-deleted td {
    background-color: #FFEBEE !important;
}

.history-table-unmodified td {
    background-color: #FFF8E1 !important;;
}

.dashboard-item-drag {
    width: 150px;
    height: 150px;
    background-color: gray;
    border-radius: 5px;
    box-shadow: black 0 0 2px 0;
}

.chart-dropzone-highlight * {
    background-color: #fff7be;
    color: #000;
}

.chart-dropzone-dragenter * {
    background-color: #d6ecfa;
    color: #000;
}

.main-dashboard-item .btn-container {
    display: none;
    position: absolute;
    z-index: 1000;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border: 0 solid;
    background: rgb(238, 238, 238);
    opacity: 0.6;
    border-radius: 2px;
    padding: 5px;
    /*background: #0e5284;*/
}

.main-dashboard-item .btn-container span:hover {
    opacity: 1;
}

.main-dashboard-item .btn-container span {
    font-size: 25px;
    color: #333;
    opacity: 0.4;
    margin-left: 2px;
    margin-right: 2px;
    border: 1px solid gray;
    padding: 3px;
    border-radius: 2px;
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
}


/*table.history-content-table tr:last-child td {*/
/*	border-bottom: 0 solid;*/
/*}*/

.hoverable-icon {
    opacity: 0.3;
    /*color: gray;*/
}

.hoverable-icon:hover {
    opacity: 1;
    /*color: black;*/
}

.copy-icon {
    color: gray;
    opacity: 0;
}

.copy-icon:hover {
    opacity: 1;
}

.copy-icon:active {
    color: #ffaa7f;
}

.rule-tooltip {
    color: #607d8b;

    .title {
        font-size: 12px;
        text-align: center;
        font-weight: bold;
    }

    .subtitle {
        font-size: 10px;
        margin-top: 5px;
        font-weight: bold;
    }

    .code {
        background-color: #141414;
        color: #f5f5f5;
    }

    .description {
        font-size: 9px;
        margin-left: 15px;

        .field {
            line-height: 8px;

            .label {
                font-size: 9px;
                font-weight: bold;
            }

            .value {
                font-size: 9px;
                margin-left: 2px;
            }
        }

        .value-table {
            font-size: 9px;
            border-collapse: collapse;
            margin-bottom: 10px;

            .label {
                font-size: 9px;
            }
        }

        .value-table th, .value-table td {
            border: 1px solid #474747;
            padding: 3px 5px;
            min-width: 100px;
            font-weight: normal;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            max-width: 300px;
        }

        .value-table th {
            font-weight: bold;
        }

        pre {
            margin: 0;
            padding: 0;
            line-height: normal;
        }
    }
}

.row-details {
    font-size: 11px;
    background-color: #141414;
    color: #f5f5f5;
    border-radius: 5px;
    padding: 3px;

    div {
        padding: 1px;
    }
}

.flow-param-variable-chooser {
    vertical-align: middle;
    font-size: 18px;
    background: 0 center #fff;
    color: #0958d9;
}

@-moz-document url-prefix() {
    i.x-form-trigger.flow-param-variable-chooser:before {
        line-height: initial;
    }
}

.flow-param-variable-remove {
    color: #cf1322;
}

.flow-param-variable {
    color: #607d8b;
    background-color: #ecfffe;
    font-size: 9px;
    font-style: italic;
    font-weight: bold;
    padding: 0 2px;
}