/*
Innola Solutions and/or its affiliates. All rights reserved.
*/
/*
    Created on : 14 12 2018
    Author     : vmelnychuk
*/
html {
    height: 100%;
}

body, body.x-body {
    background-image: url(../images/background/background-day_.jpg);
    background-size: cover;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Open Sans", Roboto, sans-serif;
    height: 100%;
    margin: 0;
    font-weight: 400;
    text-align: initial;
    text-rendering: optimizeLegibility;
}

.i-error {
    color: #DF4A36;
}

body.i-night, body.x-body.i-night {
    background-image: url(../images/background/background-night.jpg) !important;
    /*background-color: rgba(255, 255, 255, 0.6);
    background-blend-mode: lighten;*/
}

.i-no-events {
    pointer-events: none;
}

.i-window-top-text {
    font-size: 16px;
}

.i-highlight-marker .djs-visual > * {
    stroke: #DF4A36 /*rgba(66, 180, 21, 0.7)*/ !important;
    fill: #DF4A3622 /*rgba(66, 180, 21, 0.7)*/ !important;
}

.i-highlight-marker.djs-connection .djs-visual > * {
    fill: none !important;
}

.i-highlight-marker.djs-connection .djs-visual > * {
    fill: none !important;
}

.i-highlight-marker .djs-visual > text {
    stroke: none !important;
    fill: #DF4A36 !important;
}

.highcharts-root tspan {
    direction: ltr;
}

.i-actions-diagram {
    background-color: #f8f8f8;
    overflow: hidden;
    border: 1px solid #EAEAEA
}

.i-actions-diagram .djs-visual > * {
    opacity: 0.4;
}

.i-actions-diagram .i-actions-marker .djs-visual > * {
    opacity: 1;
}


.i-bpmnviewer-inner, .i-bpmnviewer-error {
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
}

.x-rtl .i-bpmnviewer-inner > .bjs-container {
    direction: ltr;
}

.bjs-powered-by-lightbox {
    z-index: 99999 !important;
}

/*.x-rtl .i-bpmnviewer-inner tspan {
    direction: rtl;
    unicode-bidi: embed;
}*/

.logo {
    background-image: url(../images/logo/innola.svg);
    background-size: cover;
}

.icon-logo {
    background-image: url(../images/logo/innola.svg);
    height: 80px;
    width: 80px;
    background-size: cover;
}

a, a:hover, a:FOCUS {
    color: #DF4A36;
    /*color: #DF4A36;*/
}

a:not([href]):not([tabindex]) {
    color: #DF4A36;
}

a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
    color: #DF4A36;
}

a, a:VISITED {
    text-decoration: none;
}

a:HOVER, a:not([href]):not([tabindex]):hover {
    text-decoration: underline;
}

a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.i-details-link {
    cursor: pointer;
}

/*.i-text-large .x-form-text-default {
    padding-top: 6px;
    padding-bottom: 6px;
}*/
.i-dragdrop {
    -webkit-user-select: none; /* Chrome all / Safari all */
    -moz-user-select: none; /* Firefox all */
    -ms-user-select: none; /* IE 10+ */
    user-select: none; /* Likely future */
}

/*************************** LOADER *****************************************************/
#i-page-loading {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3000;
    background-color: rgba(255, 255, 255, 0.3);
}

#i-page-loading.login {
    display: none;
}

#i-page-loading.login.show {
    display: block;
}

.i-page-loading-panel {
    width: 100%;
    height: 100%;
}

.i-page-loading-progress {
    display: none;
}

.i-page-loading-text {
    display: none;
}

.loader-ct {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(245, 245, 245, 0.7);
    top: 0;
    left: 0;
    z-index: 1;
}

.loader {
    z-index: 3001;
}

.loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: /*#3498db*//*rgb(54,54,54)*//*#007FC8*//*#3399D3*/ #2F85BC;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    background: rgba(255, 255, 255, 0.3);
}

body[dir="rtl"] .loader {
    left: unset;
    right: 50%;
}

.loader:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: /*#f9c922*//*#B3B4B5*/ #C2C3C4;
    -webkit-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
    background: rgba(255, 255, 255, 0.1);
}

.loader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: /*#e74c3c*//*#F6921E*//*#F8A84B*/ #DF4A36;
    -webkit-animation: spin 3s linear infinite;
    animation: spin 3s linear infinite;
}

.loader-small {
    width: 70px;
    height: 70px;
    top: 0;
    margin: 5px 0 0 -35px;
}

.loader-small:after {
    top: 9px;
    left: 9px;
    right: 9px;
    bottom: 9px;
    border-radius: 50%;
}

.loader-small:before {
    top: 3px;
    left: 3px;
    right: 3px;
    bottom: 3px;
    border-radius: 50%;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);
        /* IE 9 */
        transform: rotate(0deg);
        /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg);
        /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);
        /* IE 9 */
        transform: rotate(360deg);
        /* Firefox 16+, IE 10+, Opera */
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);
        /* IE 9 */
        transform: rotate(0deg);
        /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg);
        /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);
        /* IE 9 */
        transform: rotate(360deg);
        /* Firefox 16+, IE 10+, Opera */
    }
}

/**************************** MISC *************************************************/
.i-no-top-border {
    /*border-top-width: 0px !important;*/
    border-top-color: transparent !important;
}

.e-open-task-link:hover.edit:after {
    content: ' ';
    background-size: contain;
    background-image: url(../images/icon/main/edit.svg);
    height: 16px;
    width: 16px;
    position: absolute;
    /*margin-top: 2px;*/
    margin-left: 3px;
}

.e-open-task-link:hover.view:after {
    content: ' ';
    background-size: contain;
    background-image: url(../images/icon/main/preview.svg);
    height: 16px;
    width: 16px;
    position: absolute;
    /*margin-top: 2px;*/
    margin-left: 3px;
}

.i-warning-large {
    color: #222;
    font-size: 16px;
}

.i-panel-white {
    background: white;
}

.i-notice {
    font-size: 16px;
    line-height: 20px;
    padding: 10px 0;
}

.i-subtext {
    color: #666;
    font-size: 12px;
    line-height: 16px;
    text-align: right;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
}

.i-subtext.left {
    text-align: left;
}

.i-subtext.small {
    font-size: 11px;
    line-height: 14px;
}

.i-subtext.highlight {
    color: #DF4A36;
}

.i-subtext.alt {
    font-style: italic;
}

.i-grid-row-over .x-grid-cell-inner {
    white-space: normal;
    line-height: 20px;
}

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

.i-splitter {
    background-color: #f9f9f9;
}

.i-splitter-horizontal {
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
    height: 6px;
    maring-top: 2px;
    margin-bottom: 2px;

}

.i-header-spliter {
    position: relative;
    color: #9B9B9B;
    font: 400 14px/24px -apple-system, BlinkMacSystemFont, "Segoe UI", "Open Sans", Roboto;
    margin-top: 10px;
    margin-bottom: 2px;
    margin-left: 12px;
    text-transform: uppercase;
    letter-spacing: 0.25px;
}

.i-about-window {

}

.i-about-text {
    font-size: 15px;
}

.i-bold, .i-bold .x-grid-cell {
    font-weight: 500 !important;
}


.i-row-highlight .x-grid-cell {
    font-weight: 500 !important;
    color: #333;
}

.i-row-disabled .x-grid-cell-inner {
    color: #cecece;
}

.i-row-done .x-grid-cell-inner {
    color: #616161;
}

.i-row-removed .x-grid-cell-inner {
    /*color: #999999;*/
    text-decoration: line-through;
}

.i-row-removed .x-grid-cell-inner a.e-search-navigate,
.i-row-removed .x-grid-cell-inner a.e-search-navigate:VISITED {
    /*color: #BC7268;*/
    text-decoration: line-through;
}

.i-row-strikethrough .x-grid-cell-inner {
    text-decoration: line-through;
    color: #DF4A3677;
}

.i-grid-icon .x-grid-cell-inner {
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 8px;
    height: 40px;
}

.i-grid-small-padding .x-grid-cell-inner {
    padding-top: 7px;
    padding-bottom: 6px;
}

.i-grid-small-padding .x-grid-widgetcolumn-cell-inner {
    padding-top: 1px;
    padding-bottom: 2px;
}

.i-grid-small-padding .x-grid-cell-inner > .x-form-item.x-form-type-checkbox .x-form-cb-default {
    margin-top: 6px;
}

.i-less-padding .x-grid-cell-inner {
    padding: 5px 10px 4px;
}

.i-window-small .x-tool {
    /*left: 3px !important;*/
}

.i-window-small .x-tool-close {
    height: 18px;
    width: 18px;
    margin-top: 3px;
}

i-window-small .x-window-header, .i-window-small .x-window-header-default-top {
    padding: 0 10px;
}

.x-window-ghost.i-window-small .x-window-header, .x-window-ghost.i-window-small .x-window-header-default-top {
    left: 26px !important;
}

.i-window-small .x-window-header-title-default > .x-title-text-default {
    line-height: 24px;
    font-size: 15px;
}

/*.x-window-ghost.i-window-small .x-window-body {
    left: 26px !important;
}*/
.x-window .i-permissions-checkboxes .x-form-item {
    padding: 0px 10px 0px;
}

/*********************************************************************/
.i-itemselector .x-panel-header-top {
    border-top: 0;
    border-right: 0;
    border-left: 0;
    background-color: transparent;
}

.i-itemselector .x-panel-header-title-default {
    color: #444;
}

.i-itemselector .x-panel-header-default-horizontal {
    padding: 5px 9px;
}

.i-itemselector .x-panel-body-default {
    border-top-width: 1px !important;
    border-bottom-width: 1px !important;
    border-top-color: #f5f5f5 !important;
    border-bottom-color: #f5f5f5 !important;
}

.i-itemselector .i-to-list,
.i-itemselector .i-from-list {
    margin: 2px;
}

.i-itemselector .i-to-list .x-boundlist-item {
    background-image: url(../images/icon/main/check_mark.svg);
    background-position: 3px 3px;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    padding-left: 28px;
}

.x-form-itemselector-up {
    background-image: url(../images/icon/main/arrow_up.svg);
    background-position: center;
    background-size: contain;
}

.x-form-itemselector-down {
    background-image: url(../images/icon/main/arrow_down.svg);
    background-position: center;
    background-size: contain;
}

.x-form-itemselector-add {
    background-image: url(../images/icon/main/next2.svg);
    background-position: center;
    background-size: contain;
}

.x-form-itemselector-remove {
    background-image: url(../images/icon/main/previous2.svg);
    background-position: center;
    background-size: contain;
}


/*************************** Left Panel *********************************************/

.innola-right-panel {
    width: 480px;
    float: right;
    height: 100%;
    /* background: red; */
    /*margin: 0 0;*/
    background: white;
    text-align: center;
}

.innola-right-panel .heading {
    text-align: center;
    padding-top: 100px;
    /*margin-bottom: 50px;*/
    background: #e4e4e4;
    height: 350px;
    box-sizing: border-box;
}

.innola-right-panel .heading .logo {
    height: 75px;
    width: 75px;
    margin: 0 auto;
}

.innola-right-panel .heading .caption {
    /*height: 24px;*/
    /*color: #FFFFFF;*/
    color: #4A4A4A;
    font-size: 28px; /*20*/
    font-weight: 500;
    line-height: 39px; /*26*/
    margin: 10px auto 0;
}

.innola-right-panel .heading .office {
    /*height: 14px;*/
    color: #4A4A4A;
    font-size: 17px; /*12*/
    line-height: 25px; /*16*/
    margin: 0 auto;
    font-weight: 400;
}

.innola-right-panel .heading .user {
    padding-top: 40px;
    /*padding-bottom: 40px;*/
    color: #5f5f5f; /*#9B9B9B;*/
    font-size: 18px;
    line-height: 26px;
    margin: 0 auto;
}

/*.i-baseview-selector > .x-panel-bodyWrap > .x-panel-body {
    background-color: transparent;
}*/

.i-home-left {
    display: none; /* remove to left panel */
}

.i-home-panel, .i-home-right {
    background-color: rgba(255, 255, 255, 0.93);
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.8);
    border: 0px solid transparent;
    border-radius: 6px;
}

.i-home-panel .x-panel-body-default {
    /*background-color: transparent;*/
}

.i-home-right {
    padding: 10px 0 !important;
    max-width: 540px;
    margin: 0 auto; /* remove to left panel */
    /*background-image:  url(../images/icon/other/gradient_angle.svg);
    background-position: 115% 110%;
    background-repeat: no-repeat;
    background-size: 40% 40%;*/
}

.i-home-right-heading {
    /*background-color: #eeeeee;*/
    border-radius: 6px;
    padding: 15px 70px 10px 70px;
}

.i-home-right-heading h5 {
    margin-top: 0.5rem;
}

.i-home-right-body {
    padding: 0px 20px;
    width: 100%;
    display: table;
    width: 100%;
}

.i-home-right-body-wrapper {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
    min-height: 300px;
}

.i-main-logo {
    height: 80px;
    width: 80px;
    margin: 0 auto;
}

.page-footer {
    background-color: rgba(240, 240, 240, 0.9);
    /*color: white;*/
}

h5 {
    color: #4A4A4A;
}

#wrap {
    padding-top: 100px;
    min-height: 100%;
}

.main-container {
    /*margin-top: 100px;*/
}


.page-footer .row {
    padding-bottom: 1.5rem !important;
}

/*.innola-right-panel .heading .user a {
    color: #DF4A36;
}*/

.form-control {
    padding-left: 40px;
    line-height: 1.7rem;
    height: auto;
}

body[dir="rtl"] .form-control {
    padding-left: 0px;
    padding-right: 40px;
}

.form-user-icon, .form-password-icon, .form-reset-icon, .form-code-icon, .form-password-confirm-icon {
    position: relative;
}

.form-user-icon:before, .form-password-icon:before, .form-password-confirm-icon:before, .form-reset-icon:before, .form-code-icon:before {
    position: absolute;
    content: " ";
    width: 26px;
    height: 26px;
    top: 8px;
    left: 8px;
    background-image: url(../images/icon/main/user.svg);
    background-size: cover;
}

body[dir="rtl"] .form-user-icon:before,
body[dir="rtl"] .form-password-icon:before,
body[dir="rtl"] .form-password-confirm-icon:before,
body[dir="rtl"] .form-reset-icon:before,
body[dir="rtl"] .form-code-icon:before {
    left: auto;
    right: 8px;
}

.form-password-icon:before {
    background-image: url(../images/icon/main/password_lock.svg);
}

.form-reset-icon:before {
    background-image: url(../images/icon/main/mail.svg);
    top: 4px;
}

.form-code-icon:before {
    background-image: url(../images/icon/main/security_checkmark.svg);
}

.form-password-confirm-icon:before {
    background-image: url(../images/icon/main/password_lock_check.svg);
}

/**** HERE ***************/
.i-login-container {
    padding-top: 30px;
    padding-bottom: 10px;
}

.i-login-container .form-group {
    padding: 0px 20%;
}

.i-contact-us-container .form-group {
    padding: 0px 5%;
}

.i-contact-us-container .btn-login {
    margin: 20px auto 0px;
}

.i-contact-us-container {
    padding-top: 0;
    padding-bottom: 5px;
}

.i-contact-us-container .form-control {
    padding-left: 10px;
    line-height: 1.7rem;
    height: auto;
}

.i-baseview-selector.i-include-login-form .i-login-container {
    display: block;
}

.i-baseview-selector .i-login-container {
    display: none;
}

.i-register-row {
    padding: 0px 10px 20px;
    text-align: center;
    display: none;
}

.i-register-row .col a, .i-register-row .col {
    font-size: 15px;
}

.i-register-row .col {
    display: none;
}

.i-include-login-link .i-register-row,
.i-include-register-link .i-register-row,
.i-include-reset-link .i-register-row {
    display: flex;
}

.i-include-login-link .i-register-row .col.i-register-row-login {
    display: block;
}

.i-include-register-link .i-register-row .col.i-register-row-register {
    display: block;
}

.i-include-reset-link .i-register-row .col.i-register-row-reset-password {
    display: block;
}

.form-error {
    padding: 3px 20px;
    color: #a94442;
    font-size: 15px;
}

.password-explain {
    padding: 3px 20px;
    font-size: 15px;
}

.btn-login {
    width: 200px;
    margin: 60px auto 0px;
    background: linear-gradient(0deg, #DF4A36 0%, #fd9e89 100%);
    /*background-color: #DF4A36;*/
    border: 1px solid #ff825e;
    display: block;
    font-weight: 500;
    text-transform: uppercase;
}


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

.no-js-cookie body {
    height: 0;
}

.no-js-cookie .tb-row, .no-js-cookie .btn {
    display: none;
}

.no-js-cookie .no-js {
    display: block;
}

.no-js {
    text-align: center;
    color: red;
    font-size: 15px;
    display: none;
    padding: 10px 20px;
    margin: 10px;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 5px;
    position: absolute;
    top: 0;
    left: 5%;
}

.no-js-caption {
    font-size: 20px;
    line-height: 25px;
    /*font-weight: bold;*/
}

.innola-login-error .btn-login {
    margin-top: 30px;
}

.form-lang .lang {
    margin-left: 5px;
    margin-right: 5px;
    font-size: 14px;
}

/*.i-reset-container {
    display: none;
}

.i-reset-step-1 .i-step-1,
.i-reset-step-2 .i-step-2,
.i-reset-step-3 .i-step-3 {
    display: block;
}*/
.reset-text {
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 20px;
}

.i-panel-window-style .x-panel-header-default {
    background-color: #202D3A;
    border-color: #202D3A;
}

.i-panel-window-style .x-panel-header-title-default {
    color: white;
}

@media (max-width: 567px) {
    .main-container {
        /*margin-top: 0px;*/
    }

    .i-login-container {
        padding-top: 5px;
        padding-bottom: 5px;
    }
}

@media (max-height: 800px) {
    #wrap {
        padding-top: 50px;
    }

    .i-reset-step-2 #wrap {
        padding-top: 10px;
    }

    .i-login-container {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .reset-text {
        padding-bottom: 5px;
    }

    .password-explain {
        padding: 3px 5px;
        font-size: 14px;
    }

    .form-group {
        margin-bottom: 0.5rem;
    }

    .page-footer {
        padding-top: 0.5rem !important;
    }

    .page-footer .row {
        padding-bottom: 0.5rem !important;
    }
}

/********************************** VIEW ITEMS *********************************/
.i-view-selector {
    background: none !important;
}

.i-view-selector .i-view-item {
    overflow: hidden;
    padding: 0.5rem 0;
    display: block;
    /* position: relative; */
    /*background-color: #44444422;*/
    margin: 5px;
    /* padding: 5px; */
    /* display: inline-block; */
    border-radius: 4px;
    /*border: 1px solid #44444433;*/
}

.i-view-selector .i-view-item .icon {
    /* width: 70%; */
    /* height: 70%; */
    margin: 5px auto 5px;
    transition: 0.3s ease-in-out;
    /* position: absolute; */
    height: 40px;
    width: 40px;
    /* top: 1rem; */
    /* left: 10px;*/
}

.i-view-selector .i-view-item .text-wrap {
    width: 100%;
    display: table;
    vertical-align: middle;
    text-align: center;
    height: 40px;
    overflow: hidden;
    /* margin: 20px 0 0 0; */
    padding: 0 5px;
    /* padding-right: 5px;*/
}

.i-view-selector .i-view-item .text-wrap .text {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
    color: #4A4A4A;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
}

.i-view-selector a.i-view-item:HOVER {
    /*padding: 12px;*/
    /*padding-top: 12px;*/
    cursor: pointer;
    text-decoration: none;
    -webkit-box-shadow: 1px 1px 10px 0px rgba(50, 50, 50, 0.37);
    -moz-box-shadow: 1px 1px 10px 0px rgba(50, 50, 50, 0.37);
    box-shadow: 1px 1px 10px 0px rgba(50, 50, 50, 0.37);
}

.i-view-selector a.i-view-item:HOVER .icon {
    /*width: 120px;
    height: 120px;
    margin: 12px auto 10px;*/
    -webkit-transform: scale(1.2);;
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.i-view-selector a.i-view-item:HOVER .text {
    color: #333;
    /*text-decoration: underline;*/
    /*margin: 10px 0 0 0;*/
}

.i-view-selector-body {
    /* height: 100%; */
    position: absolute;
    text-align: center;
    width: 100%;
    top: 44%;
    background-color: white;
}

.i-view-selector-body-wrap {
    margin: auto 90px;
}

.i-view-selector .i-licence-exp-row .col {
    padding-top: 0.75rem;
    text-align: center;
    color: #777;
}

.icon-view-admin {
    background-image: url(../images/view/icon-view-admin.svg) !important;
    background-size: contain;
    background-repeat: no-repeat;
}

.icon-view-cashier {
    background-image: url(../images/view/icon-view-cashier.svg) !important;
    background-size: contain;
    background-repeat: no-repeat;
}

.icon-view-login {
    background-image: url(../images/view/icon-view-login.svg) !important;
    background-size: contain;
    background-repeat: no-repeat;
}

.icon-view-register {
    background-image: url(../images/view/icon-view-register.svg) !important;
    background-size: contain;
    background-repeat: no-repeat;
}

.icon-view-tasks {
    background-image: url(../images/view/icon-view-tasks.svg) !important;
    background-size: contain;
    background-repeat: no-repeat;
}

.icon-view-dashboard {
    background-image: url(../images/view/icon-view-dashboard.svg) !important;
    background-size: contain;
    background-repeat: no-repeat;
}

.icon-view-portal {
    background-image: url(../images/view/icon-view-searches.svg) !important;
    background-size: contain;
    background-repeat: no-repeat;
}

.icon-view-rts {
    background-image: url(../images/view/icon-view-archive.svg) !important;
    background-size: contain;
    background-repeat: no-repeat;
}

.icon-view-gateway {
    background-image: url(../images/view/icon-view-tasks.svg) !important;
    background-size: contain;
    background-repeat: no-repeat;
}

.icon-view-doccheck {
    background-image: url(../images/view/icon-view-searches.svg) !important;
    background-size: contain;
    background-repeat: no-repeat;
}

.i-gateway-selector {
    background-color: white;
}

.i-gateway-selector-main {
    height: 100%;
    width: 100%;
    display: block;
    padding-top: 0px;
    padding-bottom: 20px;
}

.i-gateway-selector-view-item {
    background-color: white;
    color: #333;
    cursor: pointer;
}

.i-gateway-selector-view-item ul {
    text-align: left;
    margin-top: 5px;
    padding-left: 20px;
}

.i-gateway-selector-view-item .bottom-i {
    display: block;
    margin-top: 5px;
}

.i-gateway-selector-view-item ul.float {
    float: left;
}

.i-gateway-selector-view-item .card-header {
    padding: 0.5rem 1.25rem;
}

.i-screen-small .i-gateway-selector-view-item .card-header {
    padding: 0.35rem 0.8rem;
}

.i-gateway-selector-view-item.i-item-over {
    box-shadow: 0 1rem 1.5rem rgb(0 0 0 / 30%) !important;
    cursor: pointer;
}

.i-gateway-selector-view-item.i-item-over .icon {
    transform: scale(1.1);
    transition: 0.3s ease-in-out;
}

.i-gateway-selector-view-item .title {
    text-transform: uppercase;
    line-height: 1rem;
    margin-bottom: 0;
    font-size: 0.9rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}

.i-gateway-selector-view-item .card-link:hover {
    text-decoration: underline;
}

.i-gateway-selector-view-item .card-footer {
    background-color: white;
    border-top-width: 0px;
    text-align: right;
    padding-top: 0.25rem;
}

.card-hidden {
    opacity: 0;
    pointer-events: none;
}

.i-gateway-selector-view-item .icon {
    width: 2rem;
    height: 1.5rem;
    float: left;
    background-position: center 0;
}

.i-gateway-selector-view-item .hidden {
    display: none !important;
}

.i-gateway-selector-view-item .card-text {
    font-size: 13px;
}

.h-md-250 {
    height: 210px;
}

@media (max-width: 1400px) {
    .h-md-250 {
        height: 150px;
    }
}

.icon-gw-submit-application {
    background-image: url(../images/view-gateway/zip.svg) !important;
    background-size: contain;
    background-repeat: no-repeat;
}

.icon-gw-conduct-search {
    background-image: url(../images/view-gateway/binoculars2.svg) !important;
    background-size: contain;
    background-repeat: no-repeat;
}

.icon-gw-pay-fee {
    background-image: url(../images/view-gateway/coin_dollar2.svg) !important;
    background-size: contain;
    background-repeat: no-repeat;
}

.icon-gw-get-help {
    background-image: url(../images/view-gateway/analysis.svg) !important;
    background-size: contain;
    background-repeat: no-repeat;
}

.x-keyboard-mode .x-view-item-focused {
    /*outline-color: #DF4A36 !important;*/
    /*outline-color: transparent !important;*/
    outline: none !important;
}

/*.i-tasks-filter-title {
    font: 400 19px/25px Oxygen, sans-serif, helvetica, arial, verdana;
    padding-left : 20px;
}*/

.i-search-type.x-panel-header {
    background-color: #F7F7F7 !important;
    border-bottom: 1px solid #cecece !important;
}

.i-search-type .i-engine-cb .x-form-item-label-default {
    font: 400 16px/17px -apple-system, BlinkMacSystemFont, "Segoe UI", "Open Sans", Roboto, sans-serif;
    text-align: center;
    /*text-transform: uppercase;*/
    padding-bottom: 5px;
    color: #333;
}

.i-search-type .i-engine-cb .x-form-trigger-wrap-default {
    border-bottom-width: 0;
    padding: 7px 7px 8px;
}

.i-search-type .i-engine-cb .x-form-text-default {
    font: 400 18px/22px -apple-system, BlinkMacSystemFont, "Segoe UI", "Open Sans", Roboto, sans-serif;
}

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

.i-search-type .i-engine-cb .x-form-item-body {
    background-color: #D8D8D8;
}

.i-search-type .x-toolbar-item {
    margin: 0;
}

.i-search-type .x-form-item {
    padding: 0;
}

.i-search-form > .x-panel-bodyWrap > .x-panel-body {
    border-left-width: 0 !important;
    border-top-width: 0 !important;
    /*padding-left: 10px;
    padding-right: 10px;*/
}

.i-font-bold .i-search-form > .x-panel-bodyWrap > .x-panel-body {
    /*padding-left: 0px;
    padding-right: 0px;*/
}

/********************************************** PANEL *******************************************/
.i-dev-permissions-info {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1000;
    height: 16px;
    width: 16px;
    background-image: url(../images/icon/main/key.svg);
    background-size: contain;
    cursor: pointer;
}

.i-dev-permission {
    font-size: 11px;
}

.i-dev-permission.alt {
    background-color: white;
}

.i-dev-permission .value {
    font-weight: bold;
}

.i-dev-permission .desc {
    color: #777777;
    font-size: 9px;
    display: block;
}

.i-datamap-info {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1000;
}

.i-datamap-name, .i-field-info-text {
    color: #999;
    font-size: 10px;
    line-height: 14px;
    padding-left: 5px;
}

.i-field-info {
    position: relative;
}

.i-field-info-text {
    z-index: 1000;
    text-align: right;
    line-height: 10px;
    position: absolute;
    right: 0;
    top: 0;
}


.i-panel-white-header .x-panel-header-default,
.i-panel-white-header .x-panel-header-default .x-tool-tool-el {
    background-color: white;
}

.i-panel-white-header .x-panel-header-title-default > .x-title-text-default {
    color: #333;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Open Sans", Roboto, sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.2px;
    line-height: 30px;
    padding-left: 15px;
    text-transform: uppercase;
}

.i-panel-title {
    color: #333;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Open Sans", Roboto, sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.2px;
    line-height: 30px;
    padding-left: 20px;
    padding-right: 40px;
    text-transform: uppercase;
}

.x-window .i-panel-title {
    padding-left: 0;
}

.i-panel-title.small {
    font-size: 14px;
}

.i-panel-title.large {
    font-size: 20px;
}

.i-panel-section-title {
    display: block;
    color: #DF4A36;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Open Sans", Roboto, sans-serif;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 0.23px;
    line-height: 24px;
    padding-top: 15px;
    padding-bottom: 5px;
    padding-left: 20px;
    padding-right: 40px;
}

.i-dashboard-view .i-panel-title {
    font-size: 18px;
    line-height: 22px;
    padding-left: 20px;
    padding-right: 20px;
}

.i-panel-title-small {
    color: black;
    color: #333;
    font: 400 14px/24px -apple-system, BlinkMacSystemFont, "Segoe UI", "Open Sans", Roboto, sans-serif;
}

.i-panel-text {
    display: block;
    color: #333;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Open Sans", Roboto, sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.20px;
    line-height: 20px;
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
    text-align: justify;
}

/*** More like header **/
.i-panel-text2 {
    color: #333;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Open Sans", Roboto, sans-serif;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.2px;
    line-height: 30px;
}


.i-panel-toolbar .x-btn, .i-plain-btn.x-btn {
    border-color: transparent !important;
    background-color: transparent !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.i-panel-toolbar .x-btn:HOVER {
    text-decoration: none;
}

.i-panel-toolbar .x-btn.x-btn-over .x-btn-inner, .i-plain-btn.x-btn.x-btn-over .x-btn-inner {
    /*border-color: #F3BEB7 !important;*/
    color: #DF4A36;
}

.i-panel-toolbar .x-btn.x-btn-pressed, .i-plain-btn.x-btn.x-btn-pressed {
    background-color: transparent !important;
}

.i-mainmenu-toggle {
    position: relative;
}

.i-mainmenu-toggle.x-btn-pressed:after {
    content: '';
    position: absolute;
    right: 0px;
    bottom: 0px;
    left: 0px;
    height: 0;
    border-bottom: 4px solid #DF4A36 !important;
    z-index: 1000;
}

.i-panel-toolbar .x-btn .x-btn-inner, .i-plain-btn.x-btn .x-btn-inner {
    font: 400 15px/22px -apple-system, BlinkMacSystemFont, "Segoe UI", "Open Sans", Roboto, sans-serif;
    color: #666666;
}

.x-btn.i-primary-btn, .i-panel-toolbar .x-btn.i-primary-btn {
    background-color: #DF4A36 !important;
    /*border-color: #C63A28 !important;*/
}

.x-btn.i-primary-btn .x-btn-inner, .x-btn.i-primary-btn .x-btn-glyph,
.i-panel-toolbar .x-btn.i-primary-btn .x-btn-inner {
    color: white !important;
}

.x-btn-over.i-primary-btn, .x-btn-focus.x-btn-over.i-primary-btn, .i-panel-toolbar .x-btn-over.i-primary-btn {
    background: #e7756a !important;
    /*border-color: #a65f04;*/
}

.x-btn-pressed.i-primary-btn, .i-panel-toolbar .x-btn-pressed.i-primary-btn {
    background: #c9655a !important;
    color: white !important;
}

.i-mandatory-label .x-form-item-label-inner {
    color: #000;
}

.x-form-readonly:not(.i-readonly-mandatory) .i-mandatory-label .x-form-item-label-inner:before {
    content: '' !important;
}

.x-menu-item-default.i-menu-item-cart {
    height: auto;
    pointer-events: none;
    margin: 0;
    font-size: 15px;
    font-weight: 400;
    line-height: 16px;
    background-color: #fEfEfE;
    border-bottom: 1px solid #e1e1e1;
}

.x-menu-item-default.i-menu-item-cart-button .x-menu-item-text {
    color: #DF4A36;
}

.x-menu-header-title {
    height: auto;
    background-color: #EEEEEE;
    pointer-events: none;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    margin: 0;
    padding: 6px 20px 6px 30px;
    font-size: 15px;
    font-weight: 400;
}

.x-menu-item-default.i-menu-item-caption-separator {
    height: auto;
    background-color: #EEEEEE;
    pointer-events: none;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    margin: 0;
    padding: 6px 20px 6px 30px;
    font-size: 15px;
    font-weight: 400;
    /*text-transform: capitalize;*/
}

/********************************************** MENU*********************************************/
.x-keyboard-mode .x-btn-focus.x-btn-menu-active.x-btn-default-toolbar-medium,
.x-keyboard-mode .x-btn-focus.x-btn-pressed.x-btn-default-toolbar-medium {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.x-keyboard-mode .x-btn-focus.x-btn-over.x-btn-default-toolbar-medium {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.i-action-menu {
    /*background: #2a6d9e;*/
    background-color: #202D3A;
    border-width: 0;
    padding-left: 0 !important;
    padding-right: 0 !important;
    /*padding: 0px 10px;*/
}


.i-action-menu .x-btn.x-btn-disabled.x-btn-default-toolbar-medium {
    /*background-color: rgba(255, 255, 255, 0.5) !important;*/
    opacity: 0.3;
}

.i-action-menu .x-btn-wrap-default-toolbar-medium.x-btn-arrow-right:after {
    width: 0;
    height: 0;
    display: none;
}

.i-action-menu .x-btn-arrow-right > .x-btn-icon.x-btn-no-text.x-btn-button-default-toolbar-medium {
    padding-right: 0;
}

.i-action-menu .x-toolbar-item {
    margin: 10px 0;
}

/*.i-action-menu.x-toolbar-default-vertical .x-toolbar-item {
    margin: 0 !important;
}*/

.i-action-menu .x-btn {
    background: transparent !important;
    border-color: transparent !important;
    border-radius: 0;
    border-width: 0;
    outline: 0;
    padding: 0;
    box-shadow: none !important;
}

.i-action-menu .x-btn.x-btn-over.x-btn-default-toolbar-medium {
    border-color: transparent !important;
    background-image: none;
    background-color: #ffffffaa !important;
}

.i-action-menu .x-btn.x-btn-menu-active.x-btn-default-toolbar-medium,
.i-action-menu .x-btn.x-btn-pressed.x-btn-default-toolbar-medium {
    border-color: transparent !important;
    background-image: none;
    background-color: #DF4A36 !important;
}

.i-action-menu .x-btn-icon-el {
    height: 28px !important;
    /*width: 28px !important;*/
    background-position: center;
    /*transform: scale(1.1);*/
    transition: 0.3s ease-in-out transform;
    margin-top: 4px;
    margin-bottom: 4px;
}

.i-action-menu .x-btn-inner-default-toolbar-medium {
    padding: 0;
    color: white !important;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 400;
    white-space: normal;
    line-height: 10px;
    margin-bottom: 3px;
    text-overflow: clip;
}

.i-action-menu .x-btn.x-btn-over.x-btn-pressed .x-btn-inner-default-toolbar-medium,
.i-action-menu .x-btn.x-btn-over.x-btn-menu-active .x-btn-inner-default-toolbar-medium {
    color: white !important;
}

.i-action-menu .x-btn.x-btn-over .x-btn-inner-default-toolbar-medium {
    color: #DF4A36 !important;
}

.i-action-menu .x-btn-over .x-btn-icon-el {
    transform: scale(1.1);
    transition: 0.3s ease-in-out transform;
}

.x-rtl.i-action-menu .x-btn-over .x-btn-icon-el {
    transform: scaleX(-1.1) scaleY(1.1);
}

.i-action-menu .i-menu-logo {
    background-size: contain;
    background-image: url(../images/logo/innola-white.svg);
    background-repeat: no-repeat;
    border-radius: 3px;
    background-position: center;
    height: 100%;
    width: 100%;
    display: block;
}

.i-action-menu .icon-new-application,
.i-action-menu .x-btn.x-btn-over.x-btn-pressed .icon-new-application,
.i-action-menu .x-btn.x-btn-over.x-btn-menu-active .icon-new-application {
    background-size: contain;
    background-image: url(../images/icon/white/add.svg);
    background-repeat: no-repeat;
}

.i-action-menu .x-btn.x-btn-over .icon-new-application {
    background-image: url(../images/icon/main/add.svg);
}


.i-action-menu .icon-open-application,
.i-action-menu .x-btn.x-btn-over.x-btn-pressed .icon-open-application,
.i-action-menu .x-btn.x-btn-over.x-btn-menu-active .icon-open-application {
    background-size: contain;
    background-image: url(../images/icon/white/folder.svg);
    background-repeat: no-repeat;
}

.i-action-menu .x-btn.x-btn-over .icon-open-application {
    background-image: url(../images/icon/main/folder.svg);
}

.i-action-menu .icon-actions-application,
.i-action-menu .x-btn.x-btn-over.x-btn-pressed .icon-actions-application,
.i-action-menu .x-btn.x-btn-over.x-btn-menu-active .icon-actions-application {
    background-size: contain;
    background-image: url(../images/icon/white/games_dice.svg);
    background-repeat: no-repeat;
}

.i-action-menu .x-btn.x-btn-over .icon-actions-application {
    background-image: url(../images/icon/main/games_dice.svg);
}


.i-action-menu .icon-refresh-application,
.i-action-menu .x-btn.x-btn-over.x-btn-pressed .icon-refresh-application,
.i-action-menu .x-btn.x-btn-over.x-btn-menu-active .icon-refresh-application {
    background-size: contain;
    background-image: url(../images/icon/white/refresh.svg);
    background-repeat: no-repeat;
}

.i-action-menu .x-btn.x-btn-over .icon-refresh-application {
    background-image: url(../images/icon/main/refresh.svg);
}

.i-action-menu .icon-reports,
.i-action-menu .x-btn.x-btn-over.x-btn-pressed .icon-reports,
.i-action-menu .x-btn.x-btn-over.x-btn-menu-active .icon-reports {
    background-size: contain;
    background-image: url(../images/icon/white/report.svg);
    background-repeat: no-repeat;
}

.i-action-menu .x-btn.x-btn-over .icon-reports {
    background-image: url(../images/icon/main/report.svg);
}

.i-action-menu .icon-notifications,
.i-action-menu .x-btn.x-btn-over.x-btn-pressed .icon-notifications,
.i-action-menu .x-btn.x-btn-over.x-btn-menu-active .icon-notifications {
    background-size: contain;
    background-image: url(../images/icon/white/mail.svg);
    background-repeat: no-repeat;
}

.i-action-menu .x-btn.x-btn-over .icon-notifications {
    background-image: url(../images/icon/main/mail.svg);
}


/******************************* PORTAL *******************************************/
.i-action-menu .icon-portal-property,
.i-action-menu .x-btn.x-btn-over.x-btn-pressed .icon-portal-property,
.i-action-menu .x-btn.x-btn-over.x-btn-menu-active .icon-portal-property {
    background-size: contain;
    background-image: url(../images/icon/white/home.svg);
    background-repeat: no-repeat;
}

.i-action-menu .icon-portal-map,
.i-action-menu .x-btn.x-btn-over.x-btn-pressed .icon-portal-map,
.i-action-menu .x-btn.x-btn-over.x-btn-menu-active .icon-portal-map {
    background-size: contain;
    background-image: url(../images/icon/white/world.svg);
    background-repeat: no-repeat;
}

.i-action-menu .x-btn.x-btn-over .icon-portal-property {
    background-image: url(../images/icon/main/home.svg);
}

.i-action-menu .icon-portal-transaction,
.i-action-menu .x-btn.x-btn-over.x-btn-pressed .icon-portal-transaction,
.i-action-menu .x-btn.x-btn-over.x-btn-menu-active .icon-portal-transaction {
    background-size: contain;
    background-image: url(../images/icon/white/summary.svg);
    background-repeat: no-repeat;
}

.i-action-menu .x-btn.x-btn-over .icon-portal-transaction {
    background-image: url(../images/icon/main/summary.svg);
}

.i-action-menu .icon-portal-party,
.i-action-menu .x-btn.x-btn-over.x-btn-pressed .icon-portal-party,
.i-action-menu .x-btn.x-btn-over.x-btn-menu-active .icon-portal-party {
    background-size: contain;
    background-image: url(../images/icon/white/group.svg);
    background-repeat: no-repeat;
}

.i-action-menu .x-btn.x-btn-over .icon-portal-party {
    background-image: url(../images/icon/main/group.svg);
}

.i-action-menu .icon-portal-document,
.i-action-menu .x-btn.x-btn-over.x-btn-pressed .icon-portal-document,
.i-action-menu .x-btn.x-btn-over.x-btn-menu-active .icon-portal-document {
    background-size: contain;
    background-image: url(../images/icon/white/document.svg);
    background-repeat: no-repeat;
}

.i-action-menu .x-btn.x-btn-over .icon-portal-document {
    background-image: url(../images/icon/main/document.svg);
}

.i-action-menu .icon-portal-interest,
.i-action-menu .x-btn.x-btn-over.x-btn-pressed .icon-portal-interest,
.i-action-menu .x-btn.x-btn-over.x-btn-menu-active .icon-portal-interest {
    background-size: contain;
    background-image: url(../images/icon/white/interest2.svg);
    background-repeat: no-repeat;
}

.i-action-menu .x-btn.x-btn-over .icon-portal-interest {
    background-image: url(../images/icon/main/interest2.svg);
}

.i-action-menu .icon-portal-spatialunit,
.i-action-menu .x-btn.x-btn-over.x-btn-pressed .icon-portal-spatialunit,
.i-action-menu .x-btn.x-btn-over.x-btn-menu-active .icon-portal-spatialunit {
    background-size: contain;
    background-image: url(../images/icon/white/spatialunit.svg);
    background-repeat: no-repeat;
}

.i-action-menu .x-btn.x-btn-over .icon-portal-spatialunit {
    background-image: url(../images/icon/main/spatialunit.svg);
}

.i-action-menu .icon-portal-map,
.i-action-menu .x-btn.x-btn-over.x-btn-pressed .icon-portal-map,
.i-action-menu .x-btn.x-btn-over.x-btn-menu-active .icon-portal-map {
    background-size: contain;
    background-image: url(../images/icon/white/world.svg);
    background-repeat: no-repeat;
}

.i-action-menu .x-btn.x-btn-over .icon-portal-map {
    background-image: url(../images/icon/main/world.svg);
}

/*.i-action-menu .x-btn.x-btn-menu-active.x-btn-default-toolbar-medium .i-portal-property-icon,
.i-action-menu .x-btn.x-btn-pressed.x-btn-default-toolbar-medium .i-portal-property-icon {
    background-image: url(../images/icon/white/home.svg);
}*/

.i-main-menu {
    /*background: #2a6d9e;*/
    background-color: #FFFFFF;
    padding: 0px 10px;
    border-bottom: 1px solid #e4e4e4 !important;
}

.i-main-menu.x-rtl {
    padding: 0px 10px;
}

.i-transaction-filter-field {
    margin-left: 26px;
}

.i-multifile input {
    border-width: 0 !important;
}

.i-imagefilefield input {
    border-width: 0 !important;
}

.i-transaction-menuitem .x-menu-item-text-default {
    line-height: 15px;
    padding: 7px 5px 7px 0px;
}

.i-group-role-code {
    padding-top: 2px;
    font: 400 11px/11px -apple-system, BlinkMacSystemFont, "Segoe UI", "Open Sans", Roboto, sans-serif;
    color: #aaa;
}

.i-transaction-group-sub {
    padding-top: 1px;
    font: 400 11px/11px -apple-system, BlinkMacSystemFont, "Segoe UI", "Open Sans", Roboto, sans-serif;
    color: #999;
}

.i-tasks-filter .x-btn.x-btn-pressed .i-transaction-group-sub {
    color: white;
}

/*.x-grid-item-selected .x-grid-cell .e-open-task-link {
    color: black;
}

.x-grid-cell .e-open-task-link {
    color: #666666


;
}

.x-grid-item-selected .x-grid-cell:hover
.x-grid-cell .e-open-task-link:hover {
    color: #DF4A36;
}*/

.i-hamburger .x-btn-inner {
    color: #4A4A4A;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
}

.i-hamburger-active:before {
    content: "\2022";
    font-size: 32px;
    display: block;
    line-height: 16px;
    position: absolute;
    left: 10px;
    top: 8px;
    height: 16px;
    width: 16px;
    speak: none;
}

.i-hamburger-active {
    position: relative;
}

.i-main-menu .x-btn {
    background: transparent !important;
    border-color: transparent;
    border-radius: 0px;
    border-width: 0;
    /*height: 49px;*/
    outline: 0;
    padding: 0 10px;
    box-shadow: none;
}

.i-main-menu .x-btn:hover {
    text-decoration: none;
}

.i-main-menu .x-btn.x-btn-over {
    /*background: #DF4A36;*/
    background-color: transparent;
}

.i-main-menu .x-btn.x-btn-menu-active.x-btn-default-toolbar-medium, .i-main-menu .x-btn.x-btn-pressed.x-btn-default-toolbar-medium {
    background: transparent;
}

.i-main-menu .x-btn.x-btn-menu-active.x-btn-default-toolbar-medium .x-btn-inner,
.i-main-menu .x-btn.x-btn-over .x-btn-inner /*, .i-main-menu .x-btn.x-btn-pressed.x-btn-default-toolbar-medium .x-btn-inner*/
{
    color: #DF4A36;
}

.i-main-menu .x-btn.x-btn-disabled {
    /*background: #363636;*/
    background: transparent;
}

.i-main-menu .x-btn-focus.x-btn-default-toolbar-medium {
    /*background-image: none;
      background-color: #f5f5f5;*/
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.i-main-menu .x-btn-inner {
    font-size: 17px;
    line-height: 26px;
}

.i-main-menu .i-instance-name {
    color: #4A4A4A;
    font-size: 18px;
    line-height: 19px;
    font-weight: 500;
    display: flex;
    align-items: center;
}

.i-main-menu .i-menu-label-user .x-btn-inner {
    position: relative;
    min-height: 32px;
}

.i-main-menu .i-menu-user-icon {
    width: 32px;
    height: 32px;
    border-radius: 16px;
    color: white;
    position: absolute;
    top: 0;
    left: 0;
    /*float: left;*/
    text-align: center;
    line-height: 32px;
    font-size: 20px;
}

.i-main-menu .i-menu-label-fullname {
    color: #4A4A4A;
    font-size: 18px;
    font-weight: 500;
    line-height: 18px;
    margin-left: 32px;
}

.i-main-menu .i-no-office .i-menu-label-fullname {
    line-height: 32px;
}

.i-main-menu .i-menu-label-office {
    opacity: 0.8;
    color: #4A4A4A;
    font-size: 11px;
    font-weight: 400;
    line-height: 14px;
    margin-left: 32px;
}

/*.search-transactions {
    height: 19px;
    width: 435px;
    opacity: 0.5;
    color: #49484B;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Open Sans", Roboto;
    font-size: 16px;
    font-weight: 300;
    line-height: 19px;
}*/

/************ TASKS QUEUE and FILTER **********************************/
.i-tasks-filter {
    background: #f2f2f2;
    position: relative;
}

.i-tasks-filter:after, .i-panel-shadow:after {
    position: absolute;
    content: "";
    /* height: 100%; */
    /* width: 100px; */
    top: 0;
    z-index: 1000;
    bottom: 0;
    left: -10px;
    width: 10px;
    -webkit-box-shadow: 5px 0px 10px 0px rgba(74, 74, 74, 0.3);
    -moz-box-shadow: 5px 0px 10px 0px rgba(74, 74, 74, 0.3);
    box-shadow: 5px 0px 10px 0px rgba(74, 74, 74, 0.3);
}

.x-rtl.i-tasks-filter:after, .x-rtl.i-panel-shadow:after {
    right: -10px;
    left: unset;
    -webkit-box-shadow: -5px 0px 10px 0px rgba(74, 74, 74, 0.3);
    -moz-box-shadow: -5px 0px 10px 0px rgba(74, 74, 74, 0.3);
    box-shadow: -5px 0px 10px 0px rgba(74, 74, 74, 0.3);
}

.i-tasks-filter.left:after, .i-panel-shadow.left:after {
    right: -10px;
    left: unset;
    -webkit-box-shadow: -5px 0px 10px 0px rgba(74, 74, 74, 0.3);
    -moz-box-shadow: -5px 0px 10px 0px rgba(74, 74, 74, 0.3);
    box-shadow: -5px 0px 10px 0px rgba(74, 74, 74, 0.3);
}

.x-rtl.i-tasks-filter.left:after, .x-rtl.i-panel-shadow.left:after {
    left: -10px;
    right: unset;
    -webkit-box-shadow: 5px 0px 10px 0px rgba(74, 74, 74, 0.3);
    -moz-box-shadow: 5px 0px 10px 0px rgba(74, 74, 74, 0.3);
    box-shadow: 5px 0px 10px 0px rgba(74, 74, 74, 0.3);
}

.i-tasks-filter .x-panel-body-default, .i-tasks-filter .x-accordion-item .x-accordion-hd {
    background: #f2f2f2;
}

.i-tasks-filter .x-btn {
    background: transparent !important;
    border: none !important;
    text-decoration: none !important;
    outline: none !important;
    height: 38px;
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    border-radius: 0px !important;
}

.i-tasks-filter .x-btn .x-btn-inner {
    color: #333333 !important;;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Open Sans", Roboto;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    padding-left: 25px;
}

.i-tasks-filter .x-btn.i-with-counter .x-btn-inner {
    padding-right: 25px;
}

.i-tasks-filter .x-btn.i-super-btn .x-btn-inner {
    /*    font-size: 16px;*/
    font-weight: 500;
    padding-left: 10px;
    font-size: 17px;
    line-height: 21px;
}

.i-tasks-filter .x-btn.x-btn-over {
    background: #ddd !important;
}

.i-tasks-filter .x-btn.x-btn-pressed {
    background: #9099A3 !important;
}

.i-tasks-filter .x-btn.x-btn-pressed.x-btn-over {
    background: #a2a8af !important;
}

.i-tasks-filter .x-btn.x-btn-pressed .x-btn-inner {
    color: #FFFFFF !important;
    font-weight: 500;
}

.i-tasks-filter .x-accordion-hd .x-tool-collapse-top, .i-tasks-filter .x-accordion-hd .x-tool-collapse-bottom {
    background-position: 0 0;
    background-image: url(../images/icon/other/accord_expanded.svg);
    background-repeat: no-repeat;
    background-color: transparent;
    background-size: contain;
    width: 20px;
    height: 20px;
}

.i-tasks-filter .x-accordion-hd .x-tool-expand-top, .i-tasks-filter .x-accordion-hd .x-tool-expand-bottom {
    background-position: 0 0;
    background-image: url(../images/icon/other/accord_collapsed.svg);
    background-repeat: no-repeat;
    background-color: transparent;
    background-size: contain;
    width: 20px;
    height: 20px;
}

.i-tasks-filter-collapse {
    position: absolute;
    top: 0;
    left: 0;
}

.i-tasks-filter-collapse .x-tool-tool-el {
    background-position: 0 0;
    background-image: url(../images/icon/main/arrowhead_right.svg);
    background-repeat: no-repeat;
    background-color: transparent;
    background-size: contain;
    width: 20px;
    height: 20px;
}

.i-tasks-grid {
    border-right: 1px solid #cbcbcb;
}

/**************************************TASK *********************************/
.i-task-view-toolbar {
    /*height: 50px;*/
    background-color: white !important;
    border-bottom-color: rgb(237, 237, 237) !important;
    border-bottom-width: 1px !important;
}

.i-task-view-toolbar label.i-task-title {
    font: 400 20px/28px -apple-system, BlinkMacSystemFont, "Segoe UI", "Open Sans", Roboto, sans-serif;
    padding: 0 20px 0 0;
    color: #4a4a4a;
    letter-spacing: 0.25px;
}

.i-task-view-toolbar label.i-task-sub-title {
    font: 400 18px/28px -apple-system, BlinkMacSystemFont, "Segoe UI", "Open Sans", Roboto, sans-serif;
    color: #666666;
    letter-spacing: 0.25px;
}

.i-task-view-toolbar label.i-task-sub-title a {
    font: 400 18px/28px -apple-system, BlinkMacSystemFont, "Segoe UI", "Open Sans", Roboto, sans-serif;
    color: #666666;
    cursor: pointer;
}

.i-task-view-toolbar label.i-task-sub-title a:after {
    content: '';
    background-image: url(../images/icon/other/flow_gray.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 14px;
    width: 14px;
    position: absolute;
    /* top: 3px; */
    margin: 7px 0 0 4px;
    /* display: inline-block; */
}

.i-task-tabpanel > .x-panel-bodyWrap > .x-tab-bar .x-tab-inner-default {
    color: #40454a;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Open Sans", Roboto, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    padding-top: 14px;
    padding-bottom: 10px;
    width: calc(100% - 34px);
    /*line-break: normal;
    overflow-wrap: break-word;*/
    /*line-break: normal;*/
    white-space: normal;
    /* word-break: break-word;*/
    text-transform: none;
}

.i-task-tabpanel > .x-panel-bodyWrap > .x-tab-bar-default-left > .x-tab-bar-body-default:after {
    display: none;
}

.i-task-tabpanel > .x-panel-bodyWrap > .x-tab-bar-default-left > .x-tab-bar-body-default .x-tab.x-tab-active.x-tab-default:after {
    display: none;
}

.i-task-tabpanel > .x-panel-bodyWrap > .x-tab-bar .x-tab {
    outline: none !important;
    width: 200px;
    border-radius: 0;
}

.i-task-tabpanel > .x-panel-bodyWrap > .x-tab-bar .x-tab .x-tab-icon-el {
    height: 28px;
    width: 28px;
}

.i-task-tabpanel > .x-panel-bodyWrap > .x-tab-bar {
    background: #f2f2f2;
}

.i-task-tabpanel > .x-panel-bodyWrap > .x-tab-bar .x-tab.x-tab-default {
    background: #f2f2f2;
}

.i-task-tabpanel > .x-panel-bodyWrap > .x-tab-bar .x-tab.x-tab-over.x-tab-default {
    border-color: #cbced2;
    background-color: #cbced2;
}

.i-task-tabpanel > .x-panel-bodyWrap > .x-tab-bar .x-tab.x-tab-active.x-tab-default {
    border-color: #636c75;
    background-color: #636c75 !important;
}

.i-task-tabpanel > .x-panel-bodyWrap > .x-tab-bar .x-tab.x-tab-active.x-tab-default .x-tab-inner-default {
    color: #FFFFFF;
}


.i-task-tabpanel > .x-panel-bodyWrap > .x-tab-bar .x-tab-default-left {
    margin: 5px 0;
    padding: 1px 25px 1px 25px;
}

/*.i-task-tabpanel > .x-panel-bodyWrap > .x-tab-bar*/
.i-tab-count {
    position: absolute;
    right: -30px;
    top: 0;
    width: 30px;
    line-height: 18px;
    margin-top: 13px;
    padding-left: 3px;
    /*border-left: 2px solid #818890;*/
}

.i-task-tabpanel > .x-panel-bodyWrap > .x-tab-bar .x-tab.x-tab-active.x-tab-default .x-tab-inner-default .i-tab-count {
    border-left-color: #FFFFFF;
}

/*.i-task-tabpanel > .x-panel-bodyWrap > .x-tab-bar*/
.i-tab-count.i-tab-count-small {
    font-size: 11px;
}

.x-rtl .i-tab-count {
    right: unset;
    left: -30px;
    padding-left: 0;
    padding-right: 3px;
}

.i-tasks-filter .i-tab-count {
    right: -3px;
    top: -7px;
}

.i-tasks-filter .x-btn-pressed .i-tab-count {
    border-left-color: #FFFFFF;
}

.i-tasks-filter.x-rtl .i-tab-count {
    right: unset;
    left: -3px;
}

.i-task-tabpanel > .x-panel-bodyWrap > .x-tab-bar-default-left > .x-tab-bar-body-default {
    padding: 30px 0 0;
}

.i-task-tabpanel:after {
    position: absolute;
    content: "";
    /* height: 100%; */
    /* width: 100px; */
    top: -10px;
    z-index: 1000;
    /* bottom: 0; */
    left: 0;
    right: 0;
    height: 10px;
    -webkit-box-shadow: 0px 4px 10px 0px rgba(74, 74, 74, 0.3);
    -moz-box-shadow: 0px 4px 10px 0px rgba(74, 74, 74, 0.3);
    box-shadow: 0px 4px 10px 0px rgba(74, 74, 74, 0.3);
}

.i-task-tabpanel > .x-panel-bodyWrap > .x-tab-bar:after {
    position: absolute;
    content: "";
    /* height: 100%; */
    /* width: 100px; */
    top: 0;
    z-index: 1000;
    bottom: 0;
    right: -10px;
    width: 10px;
    -webkit-box-shadow: -3px 0px 10px 0px rgba(74, 74, 74, 0.3);
    -moz-box-shadow: -3px 0px 10px 0px rgba(74, 74, 74, 0.3);
    box-shadow: -3px 0px 10px 0px rgba(74, 74, 74, 0.3);
}

.i-bottom-shadow:after {
    position: absolute;
    content: "";
    top: -10px;
    z-index: 1000;
    left: 0;
    right: 0;
    height: 10px;
    -webkit-box-shadow: 0px 4px 10px 0px rgba(74, 74, 74, 0.3);
    -moz-box-shadow: 0px 4px 10px 0px rgba(74, 74, 74, 0.3);
    box-shadow: 0px 4px 10px 0px rgba(74, 74, 74, 0.3);
}

.i-task-tabpanel > .x-panel-bodyWrap > .x-panel-body {
    padding-top: 5px;
}

.i-role-parent .x-form-cb-label {
    font-weight: bold;
}

/********************** ACTIVITY STREAM *****************************/
/*.i-se-grid .a.e-search-navigate, .i-se-grid a.e-search-navigate:VISITED, .i-se-grid a.e-search-navigate:HOVER {
    border-bottom: 1px dotted #F12118 !important;
}*/
.i-se-grid .x-grid-cell-inner {
    padding-top: 3px;
    padding-bottom: 3px;
}

.i-se-message > div {
    display: inline-block;
}

.i-se-message .fa {
    color: #DF4A36;
    margin-top: 3px;
    width: 14px;
    text-align: center;
}

.i-dict-icon {
    height: 24px;
    width: 24px;
}

.i-icon-field .i-multifile {
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

.i-se-date {
    color: #666666;
    font-size: 12px;
    min-width: 110px;
}

.i-se-highlight {
    color: #DF4A36;
    text-decoration: none;
    border-bottom: 1px solid transparent;
}

.i-se-user {
    font-weight: 620;
}

.i-ecl-hidden {
    display: none;
}

.ecl-exclude {
    text-overflow: ellipsis;
    overflow: visible;
}

.i-ecl-shown {
    padding: 8px 0 0 0;
    text-overflow: ellipsis;
    overflow: hidden;
}

.i-notify-change.x-form-readonly .x-form-trigger-wrap-default input,
.i-notify-change .x-form-trigger-wrap-default input {
    color: #DF4A36 !important;
    transition: 1s ease-in-out;
}

.x-item-disabled .i-field-help {
    opacity: 0.1;
}

.i-field-help {
    background-image: url(../images/icon/main/help.svg) !important;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    cursor: pointer;
    margin-left: 4px;
    position: relative;
    z-index: 17000;
    height: 18px;
    width: 18px;
    right: 0px;
    bottom: 0px;
}

.x-form-item-label-top .i-field-help {
    height: 14px;
    width: 14px;
    right: 0px;
    bottom: 1px;
}

body:not(.i-font-bold) .x-form-empty-field:not(.x-form-readonly):not(.x-field-focus):not(.i-empty-text):not(.i-no-label-animate)
.x-form-item-label-default.x-form-item-label-top > .x-form-item-label-inner-default .i-field-help {
    height: 18px;
    width: 18px;
    right: 0px;
    bottom: 1px;
    transition: 0.3s ease-in-out;
}

.i-hamburger-phone .x-btn-icon-el-default-toolbar-medium {
    height: 24px !important;
    width: 24px !important;
}

/********************** ICONS **************************************/

.icon-hamburger {
    background-image: url(../images/icon/other/hamburger-dark.svg) !important;
    background-size: contain;
    background-repeat: no-repeat;
}

.x-rtl.x-btn-icon-el,
.x-rtl.x-tab-icon-el {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}

.icon-checkmark-default {
    background-image: url(../images/icon/main/check_mark.svg) !important;
    /*background-size: contain;*/
    background-repeat: no-repeat;
}

.i-icon-grid-header {
    width: 24px;
    height: 24px;
}

.icon-generate {
    background-image: url(../images/icon/main/document_generate.svg) !important;
    background-size: contain;
    background-repeat: no-repeat;
}

.icon-add {
    background-size: contain;
    background-image: url(../images/icon/main/add.svg);
}

.icon-summary {
    background-size: contain;
    background-image: url(../images/icon/main/summary.svg);
}

.icon-clone {
    background-size: contain;
    background-image: url(../images/icon/main/add.svg);
}

.icon-help {
    background-size: contain;
    background-image: url(../images/icon/main/help.svg);
}

.icon-pdf {
    background-size: contain;
    background-image: url(../images/icon/main/acrobat.svg);
}

.icon-account-add {
    background-size: contain;
    background-image: url(../images/icon/main/account_add.svg);
}

.icon-cart-add {
    background-size: contain;
    background-image: url(../images/icon/main/shopping_cart_add.svg);
}

.icon-cart-add {
    background-size: contain;
    background-image: url(../images/icon/main/shopping_cart_add.svg);
}

.icon-cart-remove {
    background-size: contain;
    background-image: url(../images/icon/main/shopping_cart_remove.svg);
}

.icon-cart-purchased {
    background-size: contain;
    pointer-events: none;
    background-position: 2px 0px;
    background-image: url(../images/icon/other/desinfect2.svg);
}

.icon-layers {
    background-image: url(../images/icon/main/layers.svg) !important;
    background-size: contain;
    background-repeat: no-repeat;
}

.icon-package {
    background-image: url(../images/icon/main/layers.svg) !important;
    background-size: contain;
    background-repeat: no-repeat;
}

.icon-rasters {
    background-image: url(../images/icon/main/field_image.svg) !important;
    background-size: contain;
    background-repeat: no-repeat;
}

.icon-osm {
    background-image: url(../images/icon/other/osm.svg) !important;
    background-size: contain;
    background-repeat: no-repeat;
}

.icon-cadastre {
    background-size: contain;
    background-image: url(../images/icon/main/spatialunit.svg);
    background-repeat: no-repeat;
}

.icon-spatialunit {
    background-size: contain;
    background-image: url(../images/icon/main/spatialunit.svg);
    background-repeat: no-repeat;
}

.icon-interest {
    background-size: contain;
    background-image: url(../images/icon/main/interest.svg);
    background-repeat: no-repeat;
}

.icon-property {
    background-size: contain;
    background-image: url(../images/icon/main/home.svg);
    background-repeat: no-repeat;
}

.x-grid-tree-node-expanded .x-tree-icon-parent-expanded.icon-property {
    background-image: url(../images/icon/main/home.svg);
}

.icon-rules {
    background-image: url(../images/icon/main/database.svg) !important;
    background-size: contain;
    background-repeat: no-repeat;
}

.icon-archive {
    background-size: contain;
    background-image: url(../images/icon/main/history_down.svg);
}

.icon-receipt {
    background-size: contain;
    background-image: url(../images/icon/main/accept_document.svg);
}

.icon-inarchive {
    background-size: contain;
    background-image: url(../images/icon/main/history_down.svg);
}

.icon-activate {
    background-size: contain;
    background-image: url(../images/icon/main/history_up.svg);
}

.icon-save {
    background-size: contain;
    background-image: url(../images/icon/main/diskette.svg);
}

.icon-cancel {
    background-size: contain;
    background-image: url(../images/icon/main/cross.svg);
}

.icon-clear {
    background-size: contain;
    background-image: url(../images/icon/main/clean.svg);
}

.icon-zoomto {
    background-size: contain;
    background-image: url(../images/icon/main/zoom_to.svg);
}

.icon-measure-line {
    background-image: url(../images/icon/main/ico_measure.svg) !important;
    background-size: 32px;
    background-repeat: no-repeat;
}

.icon-measure-area {
    background-image: url(../images/icon/main/ico_area.svg) !important;
    background-size: 32px;
    background-repeat: no-repeat;
}

.i-screen-small .icon-measure-line, .i-screen-small .icon-measure-area {
    background-size: 24px;
}

.icon-calculate {
    background-size: contain;
    background-image: url(../images/icon/main/calculate.svg);
}

.icon-calculate-invoice {
    background-size: contain;
    background-image: url(../images/icon/main/add_invoice.svg);
}

.icon-pay-cash {
    background-size: contain;
    background-image: url(../images/icon/main/bill.svg);
}

.icon-pay-refund {
    background-size: contain;
    background-image: url(../images/icon/main/refund.svg);
}

.icon-pay-cash {
    background-size: contain;
    background-image: url(../images/icon/main/bill.svg);
}

.icon-pay-deposit {
    background-size: contain;
    background-image: url(../images/icon/main/payment.svg);
}

.icon-pay-check {
    background-size: contain;
    background-image: url(../images/icon/main/check.svg);
}

.icon-add-related {
    background-size: contain;
    background-image: url(../images/icon/main/add_search.svg);
}

.icon-add-linked {
    background-size: contain;
    background-image: url(../images/icon/main/add_search.svg);
}

.icon-add-batch {
    background-size: contain;
    background-image: url(../images/icon/main/add_search.svg);
}

.icon-attach {
    background-size: contain;
    background-image: url(../images/icon/main/attachment.svg);
}

.icon-detach {
    background-size: contain;
    background-image: url(../images/icon/main/attachment-detach.svg);
}

.icon-duplicate {
    background-size: contain;
    background-image: url(../images/icon/main/copy.svg);
}

.icon-search {
    background-size: contain;
    background-image: url(../images/icon/main/zoom.svg);
}

.icon-search-map {
    background-size: contain;
    background-image: url(../images/icon/main/world_zoom.svg);
}

.icon-remove {
    background-size: contain;
    background-image: url(../images/icon/main/block.svg);
}

.icon-edit {
    background-size: contain;
    background-image: url(../images/icon/main/edit_document.svg);
}

.icon-barcode {
    background-size: contain;
    background-image: url(../images/icon/main/barcode.svg);
}

.icon-view {
    background-size: contain;
    background-image: url(../images/icon/main/preview.svg);
}

.icon-view-doc {
    background-size: contain;
    background-image: url(../images/icon-new/main/preview2.svg);
    height: 24px;
    width: 24px;
}

.icon-cart {
    background-size: contain;
    background-image: url(../images/icon/main/shopping_cart.svg);
}

.icon-deposit {
    background-size: contain;
    background-image: url(../images/icon/main/deposit.svg);
}

.icon-card {
    background-size: contain;
    background-image: url(../images/icon/main/credit_card.svg);
}

.icon-change-pwd {
    background-size: contain;
    background-image: url(../images/icon/main/key.svg);
}

.icon-change-language {
    background-size: contain;
    background-image: url(../images/icon/main/smallcaps.svg);
}

.icon-logout {
    background-size: cover;
    background-image: url(../images/icon/main/exit.svg);
}

.icon-login {
    background-size: cover;
    background-image: url(../images/icon/main/exit.svg);
}

.icon-refresh {
    background-size: contain;
    background-image: url(../images/icon/main/refresh.svg);
}

.icon-password {
    background-size: contain;
    background-image: url(../images/icon/main/key.svg);
}

.icon-upload {
    background-size: contain;
    background-image: url(../images/icon/main/upload.svg);
}

.icon-download {
    background-size: contain;
    background-image: url(../images/icon/main/download.svg);
}

.icon-migrate {
    background-size: contain;
    background-image: url(../images/icon/main/ico_migrate.svg);
}


.icon-import {
    background-size: contain;
    background-image: url(../images/icon/main/upload.svg);
}

.icon-export {
    background-size: contain;
    background-image: url(../images/icon/main/download.svg);
}


.icon-send {
    background-size: contain;
    background-image: url(../images/icon/main/upload.svg);
}

.icon-receive {
    background-size: contain;
    background-image: url(../images/icon/main/download.svg);
}

.icon-hold {
    background-size: contain;
    background-image: url(../images/icon/main/hold.svg);
}

.icon-unhold {
    background-size: contain;
    background-image: url(../images/icon/main/unhold.svg);
}


.icon-office-logo {
    background-size: contain;
    background-image: url(../images/icon/main/field_image.svg);
}

.icon-refresh-l {
    background-size: contain;
    background-image: url(../images/icon/white/refresh.svg);
}

.icon-validate {
    background-size: contain;
    background-image: url(../images/icon/main/validate.svg);
}

.icon-complete {
    background-size: contain;
    background-image: url(../images/icon/main/arrow_right.svg);
}

.icon-print {
    background-size: contain;
    background-image: url(../images/icon/main/print.svg);
}

.icon-user-signature {
    background-image: url(../images/icon/main/icon-personal-card.svg) !important;
    background-size: contain;
    background-repeat: no-repeat;
}

.icon-checkmark {
    background-image: url(../images/icon/main/check_mark.svg) !important;
    /*background-size: contain;*/
    background-repeat: no-repeat;
}

.icon-checkmark-alt {
    background-image: url(../images/icon/other/check_mark_warn.svg) !important;
    /*background-size: contain;*/
    background-repeat: no-repeat;
}

.icon-load {
    background-image: url(../images/icon/main/load.svg);
    background-position: center;
    background-size: contain;
}

.icon-approve {
    background-size: contain;
    background-image: url(../images/icon/main/validate.svg);
}

.icon-reject {
    background-size: contain;
    background-image: url(../images/icon/main/trash_can.svg);
}

.icon-register-user {
    background-size: contain;
    background-image: url(../images/icon/main/user_add.svg);
}

/*************************** END ICON ************************************************/

.i-form-narrow .x-form-item,
.i-font-bold .i-form-narrow .x-form-item {
    padding-left: 3px !important;
    padding-right: 3px !important;
}

.i-filter-field {
    margin-top: 6px;
    margin-bottom: 6px;
}

.i-filter-field.x-form-item {
    padding-left: 0px !important;
}

.x-rtl.i-filter-field.x-form-item {
    padding-right: 0px !important;
    padding-left: 14px !important;
}

.i-large-cb {

}

.i-form-search-trigger, .i-form-search-trigger.x-form-trigger.x-form-trigger-click,
.i-form-clear-trigger, .i-form-clear-trigger.x-form-trigger.x-form-trigger-click,
.i-form-calculate-trigger, .i-form-calculate-trigger.x-form-trigger.x-form-trigger-click,
.i-form-edit-trigger, .i-form-edit-trigger.x-form-trigger.x-form-trigger-click {
    background-repeat: no-repeat;
    background-position: center !important;
    background-size: 17px 17px;
    width: 26px;
}

.i-form-clear-trigger.x-form-trigger-over,
.i-form-search-trigger.x-form-trigger-over,
.i-form-calculate-trigger.x-form-trigger-over,
.i-form-edit-trigger.x-form-trigger-over {
    background-size: 21px 21px;
}

.i-form-search-trigger,
.x-rtl.i-form-search-trigger,
.i-form-search-trigger.x-form-trigger.x-form-trigger-click,
.x-rtl.i-form-search-trigger.x-form-trigger.x-form-trigger-click {
    background-image: url(../images/icon/main/zoom.svg);
}

.i-form-search-trigger.x-form-trigger-over,
.x-rtl.i-form-search-trigger.x-form-trigger-over {
    background-image: url(../images/icon/main/zoom.svg);
}

.i-form-calculate-trigger,
.x-rtl.i-form-calculate-trigger,
.i-form-calculate-trigger.x-form-trigger.x-form-trigger-click,
.x-rtl.i-form-calculate-trigger.x-form-trigger.x-form-trigger-click {
    background-image: url(../images/icon/main/calculate.svg);
}

.i-form-calculate-trigger.x-form-trigger-over,
.x-rtl.i-form-calculate-trigger.x-form-trigger-over {
    background-image: url(../images/icon/main/calculate.svg);
}

.i-form-edit-trigger,
.x-rtl.i-form-edit-trigger,
.i-form-edit-trigger.x-form-trigger.x-form-trigger-click,
.x-rtl.i-form-edit-trigger.x-form-trigger.x-form-trigger-click {
    background-image: url(../images/icon/main/edit.svg);
}

.i-form-edit-trigger.x-form-trigger-over,
.x-rtl.i-form-edit-trigger.x-form-trigger-over {
    background-image: url(../images/icon/main/edit.svg);
}

.i-form-clear-trigger,
.i-form-clear-trigger.x-form-trigger.x-form-trigger-click,
.x-rtl.i-form-clear-trigger,
.x-rtl.i-form-clear-trigger.x-form-trigger.x-form-trigger-click {
    background-image: url(../images/icon/main/close.svg);
}

.i-form-clear-trigger.x-form-trigger-over,
.x-rtl.i-form-clear-trigger.x-form-trigger-over {
    background-image: url(../images/icon/main/close.svg);
}

.i-form-clear-trigger-small,
.i-form-clear-trigger-small.x-form-trigger.x-form-trigger-click,
.x-rtl.i-form-clear-trigger-small,
.x-rtl.i-form-clear-trigger-small.x-form-trigger.x-form-trigger-click {
    background-image: url(../images/icon/main/close.svg);
    background-repeat: no-repeat;
    background-position: center !important;
    background-size: 16px 16px;
    width: 18px;
}

.i-form-clear-trigger-small.x-form-trigger-over,
.x-rtl.i-form-clear-trigger-small.x-form-trigger-over {
    background: url(../images/icon/main/close.svg) center;
    background-size: 18px 18px;
    background-repeat: no-repeat;
    background-position: center !important;
}

.i-form-remove-trigger-small,
.i-form-remove-trigger-small.x-form-trigger.x-form-trigger-click,
.x-rtl.i-form-remove-trigger-small,
.x-rtl.i-form-remove-trigger-small.x-form-trigger.x-form-trigger-click {
    background-image: url(../images/icon/main/close.svg);
    background-repeat: no-repeat;
    background-position: center !important;
    background-size: 16px 16px;
    width: 18px;
}

.i-form-remove-trigger-small.x-form-trigger-over,
.x-rtl.i-form-remove-trigger-small.x-form-trigger-over {
    background: url(../images/icon/main/close.svg) center;
    background-repeat: no-repeat;
    background-position: center !important;
    background-size: 18px 18px;
}

.i-workflow-preview-target {
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}

.i-decision-label {
    font: 400 18px/30px -apple-system, BlinkMacSystemFont, "Segoe UI", "Open Sans", Roboto, sans-serif;
    color: #DF4A36;
    padding-left: 20px;
    padding-right: 20px;
    display: table-row;
}

.i-decision-label:before {
    content: ' ';
    display: table-cell;
    pointer-events: none;
}

.i-avalible-transaction .x-form-cb-label {
    font-size: 14px;
    line-height: 18px;
}


.i-avalible-transaction .x-form-cb-label .transition {
    font: 400 17px/22px -apple-system, BlinkMacSystemFont, "Segoe UI", "Open Sans", Roboto, sans-serif;
    color: #444 !important;
    /*line-height: 24px;*/
    /*padding-left: 30px;*/
}

.i-avalible-transaction .x-form-cb-label i {
    font-size: 15px;
    line-height: 22px;
    margin-left: 5px;
    margin-right: 5px;
    color: #999;
    opacity: 0.8;
}

.i-avalible-transaction .x-form-cb-label i.tr-icon {
    opacity: 0.8;
}

.i-avalible-transaction .x-form-cb-label .subtext {
    color: #999;
    /*padding-left: 20px;*/
}

.i-avalible-transaction .x-form-cb-label .subname {
    color: #333;
}

.i-avalible-transaction .x-form-cb-label .subrole {
    color: #888;
}

.i-avalible-transaction .x-form-cb-label a.diagram {
    /*background-image: url(../images/icon/main/flow.svg);*/
    /*background-position: center;*/
    cursor: pointer;
    /*background-size: contain;
    background-repeat: no-repeat;*/
    /*height: 15px;
    width: 15px;*/
    /*margin-left: 3px;*/
    display: inline;
    text-decoration: none;
    color: inherit;
}

.i-avalible-transaction .x-form-cb-label a.diagram:hover i {
    color: #DF4A36;
}

/*.i-avalible-transaction .x-form-cb-label a.diagram:hover {
    text-decoration: underline;
    color: #333;
}

.i-avalible-transaction .x-form-cb-label a.diagram:after {
}*/

/****************************** DOCUMENTS *******************************/
.i-image-ct {
    /*background: white;*/
    object-fit: contain;
    object-position: center top;
    cursor: pointer;
    height: 100%;
    width: 100%;
}

.i-documents .i-empty {
    color: #AAA;
}

.i-documents .i-forbidden {
    /*color: #AAA;*/
}

.i-documents .i-doc-readonly:after {
    content: '\f0c1';
}

.i-documents .x-tree-node-text {
    display: inline;
    padding-left: 7px;
}

.i-documents .x-grid-cell-inner {
    padding: 0 3px;
    line-height: 30px;
}

.i-documents.i-tree .x-grid-cell-inner {
    line-height: 20px;
    padding-top: 5px;
    padding-bottom: 2px;
}

.i-panel.i-documents .x-grid-item-focused .x-grid-cell-inner:before {
    border: 1px solid rgb(238, 238, 238);
}

.i-panel.i-documents .x-grid-item-over {
    background-color: rgb(246, 246, 246);
}

.i-panel.i-documents .x-grid-item-selected {
    background-color: rgb(238, 238, 238);
}

.i-panel.i-documents .x-grid-group-title, .i-panel.i-grouping .x-grid-group-title {
    text-transform: uppercase;
    font-weight: 400;
}

.i-panel.i-documents.i-doc-no-upper .x-grid-group-title {
    text-transform: none;
}

.i-panel.i-documents .x-grid-group-hd {
    border-color: transparent;
    padding: 0px 10px;
}

.i-documents.i-tree .x-grid-cell-treecolumn.page .x-grid-cell-inner {
    line-height: 5px;
    margin-left: 12px;
}

.i-documents.i-documents-single-transaction .transaction {
    display: none;
}

.i-documents.i-tree.x-tree-no-lines .x-grid-tree-node-expanded .x-tree-expander {
    margin-top: -1px;
    background-image: url(../images/icon/main/minus.svg);
}

.i-documents.i-tree.x-tree-no-lines .x-tree-expander {
    margin-top: -1px;
    background-image: url(../images/icon/main/add.svg);
}

.i-document-panel {
    background-color: white;
}

.i-document-view .x-panel-body {
    background-color: #f7f7f7;
}


.i-document-no-file {
    text-align: center;
    margin: auto;
    padding-top: 100px;
    color: #444444;
    font-size: 14px;
}

.i-document-no-selection {
    text-align: center;
    margin: auto;
    padding-top: 100px;
    color: #444444;
    font-size: 14px;
}

.i-document-forbidden {
    text-align: center;
    margin: auto;
    padding-top: 100px;
    color: #444444;
    font-size: 14px;
    font-weight: bold;
}

.i-document-download {
    text-align: center;
    margin: auto;
    padding-top: 100px;
    font-size: 14px;
}

.i-document-subtext {
    color: #666;
    font-size: 13px;
    line-height: 16px;
    text-align: right;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 400;
}

.i-document-no {
    color: var(--text-input);
}

.x-grid-cell-treecolumn.primary {
    font-weight: 400;
    color: #000;
}

.i-documents .i-document-subtext {
    text-align: left;
    margin-left: 20px;
}

.x-grid-cell-treecolumn.transaction .x-tree-node-text {
    color: black;
    font: 400 16px/28px -apple-system, BlinkMacSystemFont, "Segoe UI", "Open Sans", Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Open Sans", Roboto, sans-serif;
}

.x-grid-item-selected.transaction:after {
    display: none !important;
}

.i-hidden-actionbutton {
    pointer-events: none;
    display: none;
}

.i-link-field-wrap {
    font: 400 16px/20px -apple-system, BlinkMacSystemFont, "Segoe UI", "Open Sans", Roboto, sans-serif;
    padding: 2px 6px 3px;
    background-color: transparent;
    min-height: 24px;
}

.i-portal-view .i-action-menu {
    background-color: #5492CB;
}

.i-admin-view .i-action-menu {
    background-color: #08905D;
}

.i-dashboard-view .i-action-menu {
    background-color: #126B6D;
}

.i-novalid-icon {
    background-image: url(../images/icon/other/alert.svg) !important;
    background-size: contain;
    background-repeat: no-repeat;
    display: none;
    margin-left: 3px;
    width: 20px;
    height: 20px;
    top: 10px;
    left: -25px;
    position: absolute;
}

.icon-novalid .x-grid-cell-inner {
    background-image: url(../images/icon/other/alert.svg) !important;
}

.i-novalid .i-novalid-icon {
    display: inline-block;
}

.i-novalid-icon:hover {
    width: 24px;
    height: 24px;
    margin-left: 1px;
    top: 6px;
}

.i-inline-grid-icon {
    display: inline-block;
    position: relative;
}

.i-inline-grid-icon > div {
    position: absolute;
    bottom: -5px;
    left: 3px;
    width: 16px;
    height: 16px;
}

/*.i-font-selector {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 900;
    font-size: 11px;
    line-height: 14px;
    color: #999;
}

.i-font-selector .i-font-a {
    font-size: 12px;
    line-height: 14px;
    cursor: pointer;
    display: inline-block;
    margin: 1px 0px 1px 1px;
    color: #666;
}

.i-font-selector .i-font-a.i-font-regular {

}

.i-font-selector .i-font-a.i-font-bold {
    font-weight: bold;
}*/
.i-upper-btn {
    text-transform: uppercase;
}

/******************************************************** BOLD SCHEMA (PART1) ***************************************/
.i-font-bold .x-form-item-label-default,
.i-font-bold .x-form-item-label-default.x-form-item-label-default > .x-form-item-label-inner-default {
    font-weight: 400;
}

.i-font-bold .x-toolbar-text-default {
    font-weight: 400;
}

.i-font-bold .i-header-spliter {
    font-weight: 500;
}

.i-font-bold .x-form-text-default,
.i-font-bold .i-link-field-wrap {
    font-weight: 400;
}

.i-font-bold .x-grid-item {
    font-weight: 400;
}

.i-font-bold .x-grid-header-ct {
    border-top: 1px solid #DEDEDE;
}

.i-font-bold .x-grid-header-ct > div {
    margin-left: 1px;
}

.i-font-bold .x-column-header {
    border-right-color: #DEDEDE;
}

.i-font-bold .x-column-header-last {
    border-right-width: 1px;
}

.i-font-bold .x-grid-cell {
    border-right: 1px solid #DEDEDE
}

.i-font-bold .i-noborder-grid .x-selmodel-checkbox {
    border-right-width: 1px !important;
}

.i-font-bold .x-column-header-inner {
    font-weight: 600;
}

.i-font-bold .i-panel-title {
    font-weight: 500;
}

.i-font-bold .i-task-tabpanel > .x-panel-bodyWrap > .x-tab-bar .x-tab-inner-default {
    font-weight: 500;
}

.i-font-bold .i-task-view-toolbar label.i-task-title {
    font-weight: 400;
}

.i-font-bold .i-task-view-toolbar label.i-task-sub-title a {
    font-weight: 400;
}

.i-font-bold .i-panel-toolbar .x-btn .x-btn-inner, .i-plain-btn.x-btn .x-btn-inner {
    font-weight: 400;
}

.i-font-bold .x-tab-bar .x-tab-inner-default {
    font-weight: 500;
}

.i-font-bold .x-tab.x-tab-active.x-tab-default .x-tab-inner-default {
    font-weight: 500;
}

.i-font-bold .i-tasks-filter .x-btn .x-btn-inner {
    font-weight: 400;
}

.i-font-bold .i-tasks-filter .x-btn.x-btn-pressed .x-btn-inner {
    font-weight: 500;
}

.i-font-bold .x-menu-item-text-default {
    font-weight: 400;
}

.i-font-bold .x-menu-item-default.i-menu-item-caption-separator {
    font-weight: 500;
}

.i-font-bold .x-menu-header-title {
    font-weight: 500;
}

.i-font-bold .x-grid-group-title {
    font-weight: 400;
}

.i-font-bold .x-btn-inner-default-toolbar-medium, .i-font-bold .x-btn-inner-default-medium {
    font-weight: 500;
}

.i-font-bold .x-window-header-title-default {
    font-weight: 400;
}


/************************************ BOLD SCHEMA (PART2 MAIN) ***************************************/
.i-font-bold .x-form-trigger-wrap-default {
    border-color: #d9dbdc;
}

.i-font-bold .x-form-trigger-wrap-default.x-form-trigger-wrap-invalid {
    border-color: #cf4c35;
}


.i-font-bold .x-field-focus .x-form-trigger-wrap-default {
    border-color: #4185fc;
}

.i-font-bold .i-form-read-only .x-form-readonly .x-form-trigger-wrap-default {
    border-color: #e8e8e8;
}

.i-font-bold .x-form-readonly .x-form-trigger-wrap-default {
    background: #f8f8f8;
}

.i-font-bold .x-form-readonly .x-form-trigger-wrap-default input,
.i-font-bold .x-form-readonly .x-form-trigger-wrap-default textarea {
    color: #495057;
}

.i-font-bold .i-form-read-only .x-form-readonly .x-form-trigger-wrap-default input,
.i-font-bold .i-form-read-only .x-form-readonly .x-form-trigger-wrap-default textarea {
    /*color: black;*/
    color: #444;
}


.i-font-bold .x-form-trigger-wrap-default {
    border-top-width: 1px !important;
    border-left-width: 1px !important;
    border-right-width: 1px !important;
    border-bottom-width: 1px !important;
    margin-bottom: 0px !important;
    /*margin-bottom: 1px;*/
    /*border-bottom-width: 2px;
    border-bottom-style: dotted;*/
    border-radius: 4px;
}

.i-font-bold .x-form-text-default {
    padding: 3px 6px 3px 6px !important;
    /*padding-top: 4px !important;
    padding-bottom: 4px !important;*/
}

.i-font-bold .x-tagfield-list {
    line-height: 23px;
}

.i-font-bold .x-form-text-default.x-tagfield {
    padding: 2px 6px 0px 10px !important;
}

.i-font-bold .x-form-item-label-default.x-form-item-label-top .x-form-item-label-inner-default {
    font-weight: 500 !important;
}

.i-font-bold .x-form-item-label-default.x-form-item-label-top {
    height: 17px !important;
}

.i-font-bold .x-form-text-default .x-tagfield-input {
    margin-bottom: 0;
}

/*.i-font-bold .x-form-item-label-default.x-form-item-label-top > .x-form-item-label-inner-default {
    font-size: 14px !important;
    line-height: 16px !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    transition: 0s ease-in-out;
}*/

.i-font-bold .x-form-item-label-default.x-form-item-label-default > .x-form-item-label-inner-default {
    font-weight: 500 !important;
}

.i-font-bold .x-window .x-grid-cell-inner > .x-form-item,
.i-font-bold .x-grid-cell-inner > .x-form-item {
    padding-top: 0;
    padding-bottom: 0;
}

.i-font-bold .x-form-item {
    padding: 3px 14px;
}

.i-font-bold .x-window .x-form-item {
    padding-top: 3px;
    padding-bottom: 3px;
}

/******************** PAY Panel ************************/
.i-gateway-pay-header {
    font-size: 18px;
    padding: 20px 20px 10px;
}

.i-screen-small .i-gateway-pay-header {
    font-size: 14px;
    padding: 10px 8px 7px;
}

.x-window .i-gateway-pay-header {
    padding-top: 0;
    text-align: justify;
    padding-left: 10px;
    font-size: 16px;
}

.i-screen-small .x-window .i-gateway-pay-header {
    font-size: 12px;
}


.i-fee-duration {
    font-weight: bold;
    color: #444;
}

.i-gateway-pay-text {
    font-size: 14px;
    padding: 0px 20px 10px;
}

.i-screen-small .i-gateway-pay-text {
    font-size: 11px;
    padding: 0px 8px 10px;
}

.i-gateway-payment-text {
    font-size: 16px;
    margin: 0;
}

.i-screen-small .i-gateway-payment-text {
    font-size: 13px;
    margin: 0;
}

.i-gateway-pay-panel .x-form-cb-label-default {
    color: var(--text-label-tto);
    font-size: 14px;
    margin-bottom: 0;
}

/******************** WIDGETS **************************/
.i-widget-rts {
    background-image: url(../images/icon/widget/rts.svg);
    background-size: contain;
}

.x-tab-active .i-widget-rts {
    background-image: url(../images/icon/widget/rts_active.svg);
}

.i-widget-party {
    background-image: url(../images/icon/widget/group.svg);
    background-size: contain;
}

.x-tab-active .i-widget-party {
    background-image: url(../images/icon/widget/group_active.svg);
}

.i-widget-changes {
    background-image: url(../images/icon/widget/compare.svg);
    background-size: contain;
}

.x-tab-active .i-widget-changes {
    background-image: url(../images/icon/widget/compare_active.svg);
}


.i-widget-party {
    background-image: url(../images/icon/widget/group.svg);
    background-size: contain;
}

.x-tab-active .i-widget-party {
    background-image: url(../images/icon/widget/group_active.svg);
}

.i-widget-property {
    background-image: url(../images/icon/widget/home.svg);
    background-size: contain;
}

.x-tab-active .i-widget-property {
    background-image: url(../images/icon/widget/home_active.svg);
}

.i-widget-interest {
    background-image: url(../images/icon/widget/interest.svg);
    background-size: contain;
}

.x-tab-active .i-widget-interest {
    background-image: url(../images/icon/widget/interest_active.svg);
}

.i-widget-document {
    background-image: url(../images/icon/widget/document.svg);
    background-size: contain;
}

.x-tab-active .i-widget-document {
    background-image: url(../images/icon/widget/document_active.svg);
}

.i-widget-print {
    background-image: url(../images/icon/widget/print.svg);
    background-size: contain;
}

.x-tab-active .i-widget-print {
    background-image: url(../images/icon/widget/print_active.svg);
}

.i-widget-map {
    background-image: url(../images/icon/widget/world.svg);
    background-size: contain;
}

.x-tab-active .i-widget-map {
    background-image: url(../images/icon/widget/world_active.svg);
}

.i-widget-issue {
    background-image: url(../images/icon/widget/issue.svg);
    background-size: contain;
}

.x-tab-active .i-widget-issue {
    background-image: url(../images/icon/widget/issue_active.svg);
}


.i-widget-summary {
    background-image: url(../images/icon/widget/summary.svg);
    background-size: contain;
}

.x-tab-active .i-widget-summary {
    background-image: url(../images/icon/widget/summary_active.svg);
}

.i-widget-report {
    background-image: url(../images/icon/widget/report.svg);
    background-size: contain;
}

.x-tab-active .i-widget-report {
    background-image: url(../images/icon/widget/report_active.svg);
}

.i-widget-action {
    background-image: url(../images/icon/widget/action.svg);
    background-size: contain;
}

.x-tab-active .i-widget-action {
    background-image: url(../images/icon/widget/action_active.svg);
}

.i-widget-approve {
    background-image: url(../images/icon/widget/stamp.svg);
    background-size: contain;
}

.x-tab-active .i-widget-approve {
    background-image: url(../images/icon/widget/stamp_active.svg);
}

.i-widget-payment {
    background-image: url(../images/icon/widget/payment.svg);
    background-size: contain;
}

.x-tab-active .i-widget-payment {
    background-image: url(../images/icon/widget/payment_active.svg);
}

.i-widget-history {
    background-image: url(../images/icon/widget/history.svg);
    background-size: contain;
}

.x-tab-active .i-widget-history {
    background-image: url(../images/icon/widget/history_active.svg);
}

.i-widget-spatial {
    background-image: url(../images/icon/widget/spatialunit.svg);
    background-size: contain;
}

.x-tab-active .i-widget-spatial {
    background-image: url(../images/icon/widget/spatialunit_active.svg);
    background-size: contain;
}

.i-widget-mutation {
    background-image: url(../images/icon/widget/mutation.svg);
    background-size: contain;
}

.x-tab-active .i-widget-mutation {
    background-image: url(../images/icon/widget/mutation_active.svg);
}

.i-widget-instruction {
    background-image: url(../images/icon/widget/instruction.svg);
    background-size: contain;
}

.x-tab-active .i-widget-instruction {
    background-image: url(../images/icon/widget/instruction_active.svg);
}


.i-task-icon {
    width: 24px;
    height: 24px;
}

.i-task-icon.i-task-readonly-icon {
    background-image: url(../images/icon/main/lock_closed.svg) !important;
    background-size: contain;
    background-repeat: no-repeat;
}

.i-task-icon.icon-proc_status_approved {
    background-image: url(../images/icon/main/accept_document.svg) !important;
    background-size: contain;
    background-repeat: no-repeat;
}

.i-task-icon.icon-proc_status_hold {
    background-image: url(../images/icon/main/hold.svg) !important;
    background-size: contain;
    background-repeat: no-repeat;
}

/**************** MAP ***********************/
.icon-zoomin {
    background-image: url(../images/icon/main/zoom_in.svg) !important;
    background-size: contain;
    background-repeat: no-repeat;
}

.icon-zoomout {
    background-image: url(../images/icon/main/zoom_out.svg) !important;
    background-size: contain;
    background-repeat: no-repeat;
}

.icon-prev {
    background-image: url(../images/icon/main/previous.svg) !important;
    background-size: contain;
    background-repeat: no-repeat;
}

.icon-next {
    background-image: url(../images/icon/main/next.svg) !important;
    background-size: contain;
    background-repeat: no-repeat;
}

.icon-move-left {
    background-image: url(../images/icon/main/next2.svg) !important;
    background-size: contain;
    background-repeat: no-repeat;
}

.i-mutation-right .icon-move-left {
    background-image: url(../images/icon/main/previous2.svg) !important;
    background-size: contain;
    background-repeat: no-repeat;
}

.icon-targets {
    background-image: url(../images/icon/main/target.svg) !important;
    background-size: contain;
    background-repeat: no-repeat;
}

.icon-run {
    background-image: url(../images/icon/main/run.svg) !important;
    background-size: contain;
    background-repeat: no-repeat;
}

.i-mutation-spatialunit .i-sub-icon.icon-add {
    background-image: url(../images/icon/main/spatialunit_add.svg) !important;
}

.i-mutation-spatialunit .i-sub-icon.icon-clone {
    background-image: url(../images/icon/main/spatialunit_clone.svg) !important;
}

.i-mutation-spatialunit .i-sub-icon.icon-edit {
    background-image: url(../images/icon/main/spatialunit_edit.svg) !important;
}

.i-mutation-spatialunit .i-sub-icon.icon-remove {
    background-image: url(../images/icon/main/spatialunit_remove.svg) !important;
}

.i-mutation-interest .i-sub-icon.icon-add {
    background-image: url(../images/icon/main/interest_add.svg) !important;
}

.i-mutation-interest .i-sub-icon.icon-edit {
    background-image: url(../images/icon/main/interest_edit.svg) !important;
}

.i-mutation-interest .i-sub-icon.icon-remove {
    background-image: url(../images/icon/main/interest_remove.svg) !important;
}

.i-mutation-left .icon-move, .i-mutation-left .icon-link {
    background-image: url(../images/icon/main/next2.svg) !important;
    background-size: contain;
    background-repeat: no-repeat;
}

.i-mutation-right .icon-move, .i-mutation-left .icon-link {
    background-image: url(../images/icon/main/previous2.svg) !important;
    background-size: contain;
    background-repeat: no-repeat;
}

.i-mutation-spatialunit .i-mutation-left .icon-move {
    background-image: url(../images/icon/main/spatialunit_move.svg) !important;
}

.i-mutation-spatialunit .i-mutation-right .icon-move {
    background-image: url(../images/icon/main/spatialunit_move_b.svg) !important;
}

.i-mutation-spatialunit .i-mutation-left .icon-link {
    background-image: url(../images/icon/main/spatialunit_link.svg) !important;
}

.i-mutation-spatialunit .i-mutation-right .icon-link {
    background-image: url(../images/icon/main/spatialunit_link_b.svg) !important;
}

.i-mutation-interest .i-mutation-left .icon-move {
    background-image: url(../images/icon/main/interest_move.svg) !important;
}

.i-mutation-interest .i-mutation-right .icon-move {
    background-image: url(../images/icon/main/interest_move_b.svg) !important;
}

.i-mutation-interest .i-mutation-left .icon-link {
    background-image: url(../images/icon/main/interest_link.svg) !important;
}

.i-mutation-interest .i-mutation-right .icon-link {
    background-image: url(../images/icon/main/interest_link_b.svg) !important;
}

/**************** CODE **************************/
.i-console .x-form-text {
    font-family: monospace;
    color: black;
    font-size: 13px;
}

.i-console textarea.x-form-text {
    white-space: pre;
    overflow-wrap: normal;
    overflow-x: scroll;
}

.cm-s-eclipse span.cm-meta {
    color: #FF1717;
}

.cm-s-eclipse span.cm-keyword {
    line-height: 1em;
    font-weight: bold;
    color: #7F0055;
}

.cm-s-eclipse span.cm-atom {
    color: #219;
}

.cm-s-eclipse span.cm-number {
    color: #164;
}

.cm-s-eclipse span.cm-def {
    color: #00f;
}

.cm-s-eclipse span.cm-variable {
    color: black;
}

.cm-s-eclipse span.cm-variable-2 {
    color: #0000C0;
}

.cm-s-eclipse span.cm-variable-3 {
    color: #0000C0;
}

.cm-s-eclipse span.cm-property {
    color: black;
}

.cm-s-eclipse span.cm-operator {
    color: black;
}

.cm-s-eclipse span.cm-comment {
    color: #3F7F5F;
}

.cm-s-eclipse span.cm-string {
    color: #2A00FF;
}

.cm-s-eclipse span.cm-string-2 {
    color: #f50;
}

.cm-s-eclipse span.cm-qualifier {
    color: #555;
}

.cm-s-eclipse span.cm-builtin {
    color: #30a;
}

.cm-s-eclipse span.cm-bracket {
    color: #cc7;
}

.cm-s-eclipse span.cm-tag {
    color: #170;
}

.cm-s-eclipse span.cm-attribute {
    color: #00c;
}

.cm-s-eclipse span.cm-link {
    color: #219;
}

.cm-s-eclipse span.cm-error {
    color: #f00;
}

.cm-s-eclipse .CodeMirror-activeline-background {
    background: #e8f2ff;
}

.cm-s-eclipse .CodeMirror-matchingbracket {
    outline: 1px solid grey;
    color: black !important;
}

/************************** Drools ***********************************************/
.i-drools-tree .x-tree-icon {
    /*margin: 2px 2px 0 5px;*/
    /*height: 20px;
    width: 20px;*/
    /*background-position: center;*/
}

.i-drools-tree .x-tree-elbow-img, .i-drools-tree .x-tree-checkbox {
    /*margin-top: 0px;*/
    /*display: none;*/
}

.i-drools-tree .x-grid-cell-inner {
    white-space: normal;
    /*line-height: 17px;*/
    color: black;
}

.i-drools-tree .level1 .x-tree-icon {
    /*height: 16px;
    width: 16px;*/
    /*margin-left: 25px;
    margin-top: 4px;*/
}

.i-drools-tree .level0 .x-tree-node-text {
    /*font-weight: 400;*/
    font-size: 15px;
}

.i-drools-tree .level1 .x-tree-node-text {
    /*font-size: 14px;*/
    color: #333;
    font-size: 15px;
    /*font-weight: 400;*/
}

/*.i-drools-tree .level1 .x-grid-row {
	  font-size: 14px;
}*/
.i-drools-tree .level1 .x-grid-row {
}

.i-panel-toolbar {
    height: 38px;
}

.i-accordion-like .x-panel-header-title-default {
    color: #4A4A4A;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Open Sans", Roboto, sans-serif;
    font-size: 16px;
}

.i-accordion-like .x-panel-header-title-default > .x-title-text-default {
    font-weight: 500;
}

.i-accordion-like .x-panel-header-default-horizontal.x-header-noborder {
    padding: 16px 20px 5px 20px;
    background-color: transparent;
}

/*.i-accordion-like .x-panel:after {
    height: 1px;
    content: "";
    bottom: -1px;
    left: 25px;
    right: 25px;
    position: absolute;
    z-index: 3;
    border-bottom: 3px solid #D0D1D2;
}*/

/******************************* eFiling *************************************/
.i-mask-object-unpaid .x-mask-msg-inner {
    text-align: center;
}

.i-mask-object-unpaid .x-mask-msg-text {
    padding: 36px 0 0;
    background-size: 32px 32px;
    background-image: url(../images/icon/main/lock_closed.svg);
}

.i-public-desc {
    font-weight: normal;
    font-size: 14px;
    text-align: justify;
    padding: 5px 16px 0;
}

.i-public-desc.top {
    display: block;
    width: 100%;
    text-align: center;
    padding: 7px 0;
}

/******************* PANELS LIST ****************/

.i-panelslist-row {
    border-bottom: 1px solid #cecece;
    /*border-left: 10px solid transparent;*/
}

/*.i-panelslist-row.alt {
    border-left-color: #ececec;
}*/

.i-panelslist-row .i-remove-btn-ct {
    background-color: #ececec;
}

.i-panelslist-header {
    /*margin-left: 13px;*/
    margin-top: 5px;
    font-weight: 500;
    font-size: 16px;
}

/******************** MAP ***********************/
i-map-legend {

}

.i-map-legend .x-grid-row {
    line-height: 30px;
}

.i-map-legend .x-tree-icon {
    /*margin: 5px 5px 0 5px;
    height: 20px;
    width: 20px;
    background-position: center;*/
}

.i-map-legend.x-tree-elbow-img, .i-map-legend .x-tree-checkbox {
    margin-top: 0px;
}

.i-map-legend .x-grid-body, .i-map-legend .x-grid-item {
    background-color: rgb(247, 247, 247);
}

.i-map-legend .x-grid-item-selected {
    border-color: rgb(240, 246, 246);
}

.i-map-legend .x-grid-item-focused .x-grid-cell-inner:before {
    border-color: rgb(240, 246, 246);
}

.i-map-legend .x-grid-body {
    padding-top: 15px;
}

.i-round-box {
    border-width: 0;
    box-shadow: 0 10px 40px 0 rgb(0 0 0 / 80%);
    border-radius: 6px !important;
    background: white;
}

.i-dark-panel > div > .x-panel-body {
    background-color: #f1f1f1;
}

.i-map-legend .x-tree-checkbox {
    width: 20px;
    height: 20px;
    top: -4px;
    background-size: contain;
    background-position: center;
    background-image: url(../images/icon/checkbox/checkbox_uncheck.svg);
}

.i-map-legend .x-tree-checkbox-checked {
    background-size: contain;
    background-position: center;
    background-image: url(../images/icon/checkbox/checkbox_check.svg);
}

.uncollapsible .x-tree-expander {
    background-image: none !important;
}

.i-inactive {
    color: #999999 !important;
    text-decoration: line-through;
}

.form-bottom {
    bottom: 0px;
    overflow: hidden;
    position: absolute;
    width: 100%;
}

.form-bottom > div {
    margin: 10px 0;
    width: 100%;
    text-align: center;
}

.footer-text, .copyright {
    color: #9B9B9B;
    letter-spacing: 0.5px;
    font-size: 14px;
}

.i-row-bold .x-grid-cell-inner {
    font-weight: 400;
    color: #000;
}

.i-row-failure .x-grid-cell-inner {
    font-weight: 400;
    color: red;
}

.i-search-denied-label {
    margin-top: 30px !important;
    display: block;
}

.i-gateway-view .i-search-denied-label {
    margin-left: 20px !important;
    margin-right: 20px !important;
}

.x-grid-row.i-child-row {
    line-height: 30px;
}

.x-grid-row.i-child-row .x-grid-cell-first .x-grid-cell-inner {
    padding-left: 34px;
}

.x-grid-row.i-child-row .x-grid-cell-first:before {
    content: ' ';
    width: 18px;
    height: 24px;
    left: 10px;
    margin-top: 3px;
    position: absolute;
    background-image: url(../lib/extjs74/ext-theme-crisp/resources/images/tree/elbow.png);
}

.x-grid-row.i-child-row.i-child-row-last .x-grid-cell-first:before {
    background-image: url(../lib/extjs74/ext-theme-crisp/resources/images/tree/elbow-end.png);
}

.x-grid-row.i-child-row2 {
    line-height: 60px;
}

.x-grid-row.i-child-row2 .x-grid-cell-first .x-grid-cell-inner {
    padding-left: 64px;
}

.x-grid-row.i-child-row2 .x-grid-cell-first:before {
    content: ' ';
    width: 18px;
    height: 24px;
    left: 40px;
    margin-top: 3px;
    position: absolute;
    background-image: url(../lib/extjs74/ext-theme-crisp/resources/images/tree/elbow.png);
}

.x-grid-row.i-child-row.i-child-row2-last .x-grid-cell-first:before {
    background-image: url(../lib/extjs74/ext-theme-crisp/resources/images/tree/elbow-end.png);
}

.x-grid-row.i-child-row2.i-child-row2-last .x-grid-cell-first:before {
    background-image: url(../lib/extjs74/ext-theme-crisp/resources/images/tree/elbow-end.png);
}

.i-portal-warning {
    color: #DF4A36;
    font-size: 17px;
    line-height: 28px;
}

.i-portal-object-title {
    padding: 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.icon-related-rts-order {
    background-size: 80%;
    background-repeat: no-repeat;
    margin-top: 5px;
    background-image: url(../images/icon/widget/related_order.svg);
}

/********************************* CROSS CHECK ****************************************/
.i-cross-label {
    color: #777;
    white-space: nowrap;
    font-size: 12px;
}

/*.x-grid-item-over .i-cross-hand-wrong {
	background-color: #FEF7E6;
}

.x-grid-item-selected .i-cross-hand-wrong {
	background-color: #FEF2E5;
}

.i-cross-hand-wrong {
	background-color: #fff8e1;
}*/

.i-crosscheck-status-text {
    font-size: 14px;
    /*font-style: italic;*/
}

.i-crosscheck-row .icon {
    background-size: contain;
    background-repeat: no-repeat;
    height: 24px;
    width: 24px;
    line-height: 24px;
    float: left;
}

.i-msg_crosscheck_ignored .icon, .i-msg_crosscheck_forced .icon {
    background-image: url(../images/icon/other/check_mark_warn.svg) !important;
}

.i-msg_crosscheck_partmatch .icon, .i-msg_crosscheck_nomatch .icon {
    background-image: url(../images/icon/other/cross.svg) !important;
}

.i-msg_crosscheck_fullmatch .icon {
    background-image: url(../images/icon/other/check_mark_success.svg) !important;
}

.i-cross-item {
    /*white-space: nowrap;*/
}

.i-cross-item.wrong .i-cross-value {
    color: #DF4A36;
}

.i-cross-wrong .x-form-text-default {
    color: #DF4A36 !important;
}

/*.i-cross-wrong .x-form-item-label-inner {
    font-style: italic !important;
}*/

/*.i-cross-wrong .x-form-item-label-inner:after {
    content: ' ';
    position: absolute;
    background-image: url(../images/icon/other/cross.svg) !important;
    background-size: contain;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    right: 8px;
}*/

.i-cross-edit-hand1 {
    border-right-width: 1px;
}

.i-search-window-form > div > .x-panel-body {

}

.i-search-window-result > div > .x-panel-body {
    padding: 0 20px;
}

.iol-map > div > .x-panel-body {
    background: white;
}

.i-error-timestamp {
    font-size: 13px;
    color: #666;
}

.i-dashboard-empty-data {
    display: flex;
    justify-content: center;
    align-items: center;
}

.icon-external-link {
    background-image: url(../images/icon/main/external_link.svg) !important;
    background-size: contain;
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
    align-content: center;
    margin-top: 5px;
    margin-left: 3px;
    vertical-align: bottom;
    display: inline-block;
}

/**
Document View on Edit Window
 */

.i-tool-document-view .x-tool-tool-el {
    background-position: 0 0;
    background-image: url(../images/icon/widget/document_active.svg);
    background-repeat: no-repeat;
    margin-top: -2px;
    /* background-position: center !important; */
    /* background-size: 17px 17px; */
    width: 24px;
    height: 24px;
    background-size: contain;
}

.i-window-document-view-toolbar {
    overflow: hidden;
    padding: 0 0 0 8px;
}

.i-window-document-view-toolbar:after {
    position: absolute;
    content: "";
    top: 0;
    z-index: 1000;
    bottom: 0;
    left: -10px;
    width: 10px;
    -webkit-box-shadow: 5px 0px 10px 0px rgba(74, 74, 74, 0.3);
    -moz-box-shadow: 5px 0px 10px 0px rgba(74, 74, 74, 0.3);
    box-shadow: 5px 0px 10px 0px rgba(74, 74, 74, 0.3);
}

.i-window-document-view-toolbar .i-panel-toolbar {
    padding: 0 0 0 20px;
}

.i-screen-small .i-window-document-view-toolbar .i-panel-toolbar {
    padding: 0 0 0 14px;
}

.icon-printed {
    background-image: url(../images/icon/main/document_printed.svg) !important;
    background-size: contain;
    background-repeat: no-repeat;
}