a, a:hover, a:FOCUS,
a:not([href]):not([tabindex]),
a:not([href]):not([tabindex]):focus {
    color: var(--text-link);
}

label {
    display: inline;
    margin-bottom: 0;
}

/*************************** LOADER *****************************************************/
#i-page-loading {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3000;
    background-color: #202D3A77;
}

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

#i-page-loading.login.show, .form-loader.show {
    display: block !important;
}

.i-page-loading-panel {
    background: rgba(255, 255, 255, 0.85);
    box-shadow: 0px 2px 12px rgb(0 0 0 / 45%);
    border-radius: 8px;
    position: relative;
    left: calc(50% - 150px);
    top: calc(50% - 150px);
    width: 300px;
    padding: 2rem 1rem 1rem;
}

.i-screen-small .i-page-loading-panel {
    width: 210px;
    left: calc(50% - 105px);
    top: calc(50% - 105px);
    border-radius: 6px;
    padding: 1.4rem 0.7rem 0.7rem;
}

.i-page-loading-progress {
    width: 200px;
    background: #cecece;
    padding: 2px;
    border: 1px solid #59A6EA;
    border-radius: 6px;
    box-shadow: 0 0 20px 0 #35003655;
    margin: 10px auto 0;
}

.i-screen-small .i-page-loading-progress {
    width: 140px;
    border-radius: 4px;
    margin-top: 7px;
}

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

.i-page-loading-progress-bar {
    background: #59A6EA;
    border-radius: 4px;
    height: 5px;
    width: 0;
    transition: 0.3s ease-in-out;
}

.i-screen-small .i-page-loading-progress-bar {
    height: 4px;
    border-radius: 3px;
}

.i-page-loading-text {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Open Sans", Roboto, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 19px;
    color: #59A6EA;
    text-align: center;
    display: block;
    min-height: 19px;
    margin-top: 10px;
}

.i-screen-small .i-page-loading-text {
    font-size: 10px;
    line-height: 13px;
    min-height: 13px;
    margin-top: 7px;
}

.i-load-error .i-page-loading-text {
    color: var(--text-error);
}

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


/*.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: 80px;
    margin: auto;
    height: 80px;
    /*width: 120px;
    height: 120px;
    margin: -75px 0 0 -75px;*/
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #59A6EA;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    /*background: rgba(255, 255, 255, 0.3);*/
}

.i-screen-small .loader {
    width: 56px;
    height: 56px;
    border-width: 2px;
}

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

.loader:after {
    content: "";
    position: absolute;
    top: 9px;
    left: 9px;
    right: 9px;
    bottom: 9px;
    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);
}

.i-screen-small .loader:after {
    top: 6px;
    left: 6px;
    right: 6px;
    bottom: 6px;
    border-width: 2px;
}

.loader:before {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    right: 3px;
    bottom: 3px;
    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;
}

.i-screen-small .loader:before {
    top: 2px;
    left: 2px;
    right: 2px;
    bottom: 2px;
    border-width: 2px;
}

@media (max-width: 1400px) {
    .i-page-loading-panel {
        width: 210px;
        left: calc(50% - 105px);
        top: calc(50% - 105px);
        border-radius: 6px;
        padding: 1.4rem 0.7rem 0.7rem;
    }

    .i-page-loading-progress {
        width: 140px;
        border-radius: 4px;
        margin-top: 7px;
    }

    .i-page-loading-progress-bar {
        height: 4px;
        border-radius: 3px;
    }

    .i-page-loading-text {
        font-size: 10px;
        line-height: 13px;
        min-height: 13px;
        margin-top: 7px;
    }

    .loader {
        width: 56px;
        height: 56px;
        border-width: 2px;
    }

    .loader:before {
        top: 2px;
        left: 2px;
        right: 2px;
        bottom: 2px;
        border-width: 2px;
    }

    .loader:after {
        top: 6px;
        left: 6px;
        right: 6px;
        bottom: 6px;
        border-width: 2px;
    }
}

.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 */
    }
}

/******************** LOGIN *********************************/

.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;
    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 {
    color: #4A4A4A;
    font-size: 28px;
    font-weight: 500;
    line-height: 39px;
    margin: 10px auto 0;
}

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

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

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

.i-home-right, .i-home-panel {
    background-color: rgba(255, 255, 255, 0.85);
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
    border-radius: 10px;
}

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

.i-home-right {
    padding: 0 0 36px 0 !important;
    margin: 0 auto;
    max-width: 540px;
    /*border-left: 35px solid #27092F;*/
}

/*.i-home-right:before {
    content: ' ';
    top: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg, #1C1229 0%, #350036 100%);
    background: linear-gradient(180deg, #27092F 0%, #350036 100%);
    background: linear-gradient(90deg, #27092F 0%, #350036 100%);
    border-radius: 16px 0 0 16px;
    width: 35px;
    position: absolute;
}*/

.i-home-right-heading {
    /*background-color: #eeeeee;*/
    padding: 0px 0 190px;
    background-color: transparent;
    position: relative;
}

.i-home-right-heading h5 {
    /*margin-top: 0.5rem;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #4E4E4E;*/

    background-color: #1C1229;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    color: white;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    padding: 16px 25px 14px;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
}

.i-home-right-heading small {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 19px;
    text-align: center;
    color: #8B8B8B;
    position: absolute;
    top: 190px;
    width: 100%;
    text-align: center;
    left: 0;
}

.i-home-right-body {
    width: 100%;
}

.i-home-right-body-wrapper {
}

.i-main-logo {
    height: 100px;
    width: 100px;
    margin: 0 auto;
    background-position: center;
    position: absolute;
    /* display: none; */
    /* width: 100%; */
    top: 80px;
    left: calc(50% - 50px);
    background-color: white;
    border-radius: 16px;
    background-position: center;
    background-size: 80%;
    box-shadow: 0px 0px 15px rgb(0 0 0 / 15%);
}

.page-footer {
    background: #1C1229;
    box-shadow: 0px 4px 4px rgba(154, 154, 154, 0.11);
}

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

.footer-text {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 19px;
    color: #7E7E7E;
}

@media (min-width: 768px) {
    .page-footer .footer-text:first-child {
        text-align: right !important;
    }

    .page-footer .footer-text:last-child {
        text-align: left !important;
    }
}

.copyright a {
    color: var(--main);
    position: relative;
    padding-left: 18px;
}

.copyright a:before {
    content: ' ';
    background-image: url(../images/logo/innola.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height: 20px;
    width: 16px;
    left: 0;
    position: absolute;
}

h5 {
    color: #4A4A4A;
}

#wrap {
    padding-top: 100px;
    min-height: 100%;
    height: 100%;
    background-color: #202D3A77;
}

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


.form-control {
    background: #FFFFFF;
    border: 1px solid #CECECE;
    box-sizing: border-box;
    border-radius: 10px;

    padding-left: 40px;
    line-height: 1.7rem;
    height: auto;

    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 19px;
}

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: 20px;
    height: 20px;
    top: 7px;
    left: 10px;
    background-image: url(../images/icon-new/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-new/main/password.svg);
}

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

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

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

.i-login-container .form-group {
    margin: 0px auto 1rem;
    max-width: 240px;
}

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

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

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

    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: var(--text-input);
}

.i-register-row .col a {
    text-decoration-line: underline;
    color: #59A6EA;
}

.i-register-row .col a, .i-register-row .col {

}

.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: 0 40px;
    color: #a94442;
    font-size: 14px;
    line-height: 15px;
}

.user {
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 19px;
    color: #4E4E4E;
    /*margin-top: 20px;*/
    margin-bottom: 0;
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
}

.user a {
    background-image: url(../images/icon-new/view/logout.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 16px;
    height: 19px;
    white-space: nowrap;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    display: inline-flex;
}

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


/*.btn-grad {
    background-image: linear-gradient(to right, #DA22FF 0%, #9733EE  51%, #DA22FF  100%)
}
.btn-grad {
    margin: 10px;
    padding: 15px 45px;
    text-align: center;
    text-transform: uppercase;
    transition: 0.5s;
    background-size: 200% auto;
    color: white;
    box-shadow: 0 0 20px #eee;
    border-radius: 10px;
    display: block;
}

.btn-grad:hover {

}*/


.btn-login {
    /*width: 200px;
    margin: 60px auto 0px;*/

    /*background-color: #59A6EA;
    border-color: #59A6EA;*/

    border-color: transparent !important;
    background-image: linear-gradient(to right, #350036 0%, #6d346e 51%, #350036 100%);
    transition: 0.5s;
    background-size: 200% auto;
    /*background: linear-gradient(90deg, #350036 0%, #3c0a3d 100%);*/

    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    align-items: center;
    text-align: center;
    border-radius: 10px;
    padding: 5px 0 7px;
    width: 100%;

    margin-top: 0.6rem;
    margin-bottom: 0.6rem;

    /*display: block;*/
    text-transform: uppercase;

    box-shadow: 0px 3px 1px -2px rgb(0 0 0 / 20%), 0px 2px 2px 0px rgb(0 0 0 / 14%), 0px 1px 5px 0px rgb(0 0 0 / 12%);
}

.btn-login:hover {
    background-position: right center;
    color: #fff;
    text-decoration: none;
    /*background-color: #5095d3;
    border-color: #59A6EA;*/
}

.btn-login:focus, .btn-login.focus,
.btn-login:not(:disabled):not(.disabled):active:focus,
.btn-login:not(:disabled):not(.disabled).active:focus,
.show > .btn-login.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem #5c255d88;
}

.btn-login:not(:disabled):not(.disabled):active,
.btn-login:not(:disabled):not(.disabled).active,
.show > .btn-login.dropdown-toggle {
    background-color: #350036;
    border-color: #5c255d;
}

.form-lang {
    text-align: center;
    min-width: 240px;
    margin: 0 auto 1.6rem;
    display: table;
}


.form-lang .lang {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 19px;
    color: #B1B1B1;
    display: table-cell;
    padding: 4px 5px 4px;
    text-decoration: none !important;
    border-bottom: 3px solid transparent;
}

.form-lang .lang.current {
    font-weight: 600;
}

.form-lang .lang.current,
.form-lang .lang:not(.current):hover {
    color: #59A6EA;
    border-bottom-color: #59A6EA;
}

.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;
}

/*.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;
    }

    .footer-text {
        font-size: 11px;
    }
}

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

@media (max-height: 800px) {
    .i-home-right {
        max-width: 400px;
    }

    .i-home-right-heading h5 {
        font-size: 12px;
        line-height: 14px;
        text-align: center;
        padding: 11px 18px 10px;
    }

    .i-main-logo {
        height: 70px;
        width: 70px;
        top: 56px;
        left: calc(50% - 35px);
    }

    .i-home-right-heading {
        padding-bottom: 133px;
    }

    .i-home-right-heading small {
        top: 133px;
    }

    .user {
        bottom: 0;
    }
}

@media (max-height: 600px) {

    .i-main-logo {
        display: none;
    }

    .i-home-right {
        padding-top: 0px !important;
        padding-bottom: 10px !important;
    }

    #defaultOffice {
        display: none;
    }

    .i-home-right-heading {
        padding-bottom: 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;
    }

    .footer-text {
        font-size: 11px;
    }

    .user {
        margin-top: 10px;
    }

    .form-error {
        font-size: 11px;
    }

}

@media (max-height: 400px) {
    .i-home-right-heading {
        padding-bottom: 30px;
    }

    .btn-login {
        font-size: 13px;
        line-height: 15px;
        padding: 3px 0 4px;
    }

}

/********************* COMMON *****************/

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% !important;
    margin: 0;
    font-weight: 400;
    text-align: initial;
    text-rendering: optimizeLegibility;
}

.i-about-window {

}

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

.i-screen-small .i-about-text {
    font-size: 11px;
}

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

.i-dict-icon-empty {
    background-image: url(../images/icon-new/other/checkbox_cross_no_icon.svg) !important;
    background-size: contain;
}

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

.i-screen-small .i-dict-icon {
    height: 18px;
    width: 18px;
}

.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-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: contain;*/
    background-repeat: no-repeat;
}

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

.i-subtext {
    color: #666;
    font-size: 13px;
    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-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;
}

.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-new/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-new/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-new/main/refresh.svg);
}

.i-form-calculate-trigger.x-form-trigger-over,
.x-rtl.i-form-calculate-trigger.x-form-trigger-over {
    background-image: url(../images/icon-new/main/refresh.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-new/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-new/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-new/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-new/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-new/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;
}

.x-menu-item.i-pressed:before {
    border-left: 3px solid #5DAAED;
    content: ' ';
    width: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
}

.x-menu-item.i-pressed {
    background-color: #E0F1FF;;
}

.x-menu-item.i-pressed .x-menu-item-text {
    color: #59A6EA;
}

.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: 16px;
    font-weight: 400;
    /*text-transform: capitalize;*/
}

.i-screen-small .x-menu-item-default.i-menu-item-caption-separator {
    padding: 4px 14px 4px 21px;
    font-size: 11px;
}

.i-novalid-icon {
    display: none;
}

.i-novalid .x-tab-icon-el {
    background-image: url(../images/icon/other/alert.svg) !important;
}

.i-novalid .x-tab-icon-el:hover {
    transform: scale(1.1);
}

.i-grid-invalid-icon .x-grid-cell-inner {
    background-image: url(../images/icon/other/alert.svg) !important;
    background-size: contain;
    background-repeat: no-repeat;
}

.i-grid-icon .x-grid-cell-inner {
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center;
    /* padding-top: 8px; */
}

.i-screen-small .i-grid-icon .x-grid-cell-inner {
    background-size: 14px 14px;
}

.i-field-group-first {
    padding-right: 0;
}

.i-field-group-last {
    padding-left: 0;
}

.i-search-form-title {
    padding: 9px 0 10px 15px;
    border-bottom: 2px solid #E9E9E9 !important;
}

.i-search-form-title-text {
    font-weight: 600;
    font-size: 16px;
    line-height: 21px;
    color: #4E4E4E;
}

.i-search-panel {
    background-color: #F5F5F5 !important;
    /*padding-top: 17px;*/
}

.i-screen-small .i-search-panel {
    /*padding-top: 12px;*/
}


.i-screen-small.i-screen-tiny .i-search-panel {
    padding-top: 0px;
}

.i-search-result {
    /*margin: 10px 10px 10px 10px;*/
}

.i-screen-small.i-screen-tiny .i-search-result {
    margin: 0;
}

.i-search-result > div > .x-panel-body-default,
.i-panel-transparent > div > .x-panel-body-default {
    background-color: transparent;
}

.i-search-result-grid.i-tasks-grid,
.i-screen-small .i-search-result-grid.i-tasks-grid,
.i-search-map.i-panel-zone,
.i-screen-small .i-search-map.i-panel-zone {
    /*margin-top: 0px;*/
}


.i-gateway-view .i-search-result-grid {
    margin: 10px;
}

.i-screen-small .i-gateway-view .i-search-result-grid {
    margin: 7px;
}

.i-search-result-on-map.i-search-result-grid {
    margin: 0 10px 10px 10px;
}


.i-screen-small .i-search-result-on-map.i-search-result-grid {
    margin: 0 7px 7px 7px;
}

.i-screen-small.i-screen-tiny .i-gateway-view .i-search-result-grid,
.i-screen-small.i-screen-tiny .i-search-result-on-map.i-search-result-grid {
    margin: 0 3px 3px 3px;
}

.i-mask-object-unpaid {
    min-width: 500px;
}

.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-new/main/lock_closed.svg);
}

.i-search-form {
    margin: 10px 10px 10px 10px;
    box-shadow: 0px 2px 12px rgb(0 0 0 / 10%);
    border-radius: 8px;
}

.i-screen-small .i-search-form {
    margin: 7px 7px 7px 7px;
}

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

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

.i-screen-small .i-notice {
    font-size: 12px;
    line-height: 14px;
    padding: 7px 14px;
}

.i-search-window-form .i-search-btn {
    margin-right: 23px;
}

.i-screen-small .i-search-window-form .i-search-btn {
    margin-right: 16px;
}

.i-search-map-container .x-splitter-collapsed {
    display: none;
}

.i-search-map-container .x-splitter .x-collapse-el {
    background: white;
    border-radius: 5px;
    z-index: 1;
}

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

.i-disable-unmasked > .x-mask {
    background-color: transparent !important;
}

.i-no-top-border {
    border-top-color: transparent !important;
}

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

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

.i-panel-window-style .x-panel-header {
    background: #27092F;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
    /*border-radius: 6px 6px 0px 0px;
    border-width: 0 !important;*/
}

.i-panel-window-style .x-title-text {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Open Sans", Roboto, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 27px;
    color: #FFFFFF;
    padding-left: 24px;
}

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

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

.i-screen-small .i-panel-window-style .x-title-text {
    font-weight: 500;
    font-size: 14PX;
    line-height: 19px;
    padding-left: 17px;
}

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

.i-screen-small .i-panel-section-title {
    font-size: 14px;
    line-height: 17px;
    padding-top: 11px;
    padding-bottom: 4px;
    padding-left: 14px;
    padding-right: 28px;
}

.i-task-widget .i-panel-section-title {
    padding-left: 21px;
}

.i-screen-small .i-task-widget .i-panel-section-title {
    padding-left: 15px;
}

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

.i-screen-small .i-panel-text {
    font-size: 11px;
    line-height: 14px;
    padding-top: 7px;
    padding-left: 14px;
    padding-right: 14px;
}

/*** More like header **/
.i-panel-text2 {
    color: var(--text-input);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Open Sans", Roboto, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
}

.i-screen-small .i-panel-text2 {
    font-size: 11px;
    line-height: 21px;
}

.i-window-message-text {
    color: var(--text-input);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Open Sans", Roboto, sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    padding: 10px 24px;
    display: block;
    text-align: left;
}

.i-screen-small .i-window-message-text {
    font-size: 11px;
    padding: 7px 17px;
    line-height: 14px;
}

.i-tool-btn,
.i-tool-btn.x-btn.x-btn-over.i-plain-btn,
.i-tool-btn.x-btn.x-btn-focus.i-plain-btn {
    background-color: transparent !important;
}

.i-tool-btn .x-btn-icon-left > .x-btn-icon-el-default-toolbar-medium,
.i-tool-btn .x-btn-icon-right > .x-btn-icon-el-default-toolbar-medium {
    height: 20px;
    width: 20px;
}

.i-screen-small .i-tool-btn .x-btn-icon-left > .x-btn-icon-el-default-toolbar-medium,
.i-screen-small .i-tool-btn .x-btn-icon-right > .x-btn-icon-el-default-toolbar-medium {
    height: 14px;
    width: 14px;
}

/*.i-toolbar-large-buttons .x-btn-icon-el {
    height: 24px !important;
    width: 24px !important;
}*/

/*.i-screen-small .iol-toolbar .x-btn-icon-el {
    height: 14px !important;
    width: 14px !important;
}*/

/*.i-toolbar-large-buttons .x-btn-button-default-toolbar-medium {
    min-width: 28px;
    min-height: 28px;
}

.i-screen-small .i-toolbar-large-buttons .x-btn-button-default-toolbar-medium {
    min-width: 28px;
    min-height: 28px;
}*/

/******************* TASKS FILTER ***************************/
.i-tasks-filter {
    border-left: 1px solid #E9E9E9;;
}

.i-tasks-filter.left {
    border-right: 1px solid #E9E9E9;;
    border-left-width: 0;
}

.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-screen-small .i-tasks-filter .x-accordion-hd .x-tool-collapse-top, .i-tasks-filter .x-accordion-hd .x-tool-collapse-bottom {
    width: 14px;
    height: 14px;
}*/

.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-screen-small .i-tasks-filter .x-accordion-hd .x-tool-expand-top, .i-tasks-filter .x-accordion-hd .x-tool-expand-bottom {
    width: 14px;
    height: 14px;
}*/

.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-new/main/arrowhead_right.svg);
    background-repeat: no-repeat;
    background-color: transparent;
    background-size: contain;
    width: 20px;
    height: 20px;
}

.i-screen-small .i-tasks-filter-collapse .x-tool-tool-el {
    width: 14px;
    height: 14px;
}

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

.i-screen-small .i-tasks-filter .x-btn {
    height: 26px;
}

.i-tasks-filter .x-btn .x-btn-inner {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Open Sans", Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 21px;
    color: var(--text-input) !important;
    padding: 8px 25px;
}

.i-screen-small .i-tasks-filter .x-btn .x-btn-inner {
    font-size: 11px;
    line-height: 15px;
    padding: 6px 18px;
}

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

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

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

.i-screen-small .i-tasks-filter .x-btn.i-super-btn .x-btn-inner {
    padding-left: 7px;
    font-size: 12px;
    line-height: 15px;
}

.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-btn.x-btn-pressed .x-btn-inner .i-transaction-group-sub {
    color: #dbdbdb !important;
}

.i-tasks-grid-container {
    background-color: #F5F5F5;
}

.i-tasks-grid-container > div > .x-panel-body {
    background-color: transparent;
    padding: 2px 16px 16px 30px;
}

.i-screen-small .i-tasks-grid-container > div > .x-panel-body {
    padding: 2px 11px 11px 21px;
}

.i-tasks-grid {
    box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    border: 1px solid #E9E9E9;
    margin-top: 10px;
}

.i-screen-small .i-tasks-grid {
    border-radius: 6px;
    margin-top: 7px;
}

.i-tasks-grid-container .i-panel-toolbar {
    background-color: transparent;
    padding-top: 20px;
    padding-bottom: 8px;
    padding-right: 20px;
}

.i-screen-small .i-tasks-grid-container .i-panel-toolbar {
    padding-top: 14px;
    padding-bottom: 6px;
    padding-right: 14px;
}

.i-tasks-search {
    padding: 0 !important;
}

.i-tasks-grid-container .i-panel-title {
    line-height: 27px;
    padding-left: 50px;
}

.i-screen-small .i-tasks-grid-container .i-panel-title {
    line-height: 19px;
    padding-left: 32px;
}

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

.i-screen-small .i-window-top-text {
    font-size: 12px;
}


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

.i-view-selector .i-view-item {
    background-color: white;
    overflow: hidden;
    padding: 0.5rem 0;
    display: block;
    border-radius: 8px;
    border: 1px solid #44444433;
    height: 110px;
    width: 110px;
    text-align: center;
    margin: 0.5rem auto;
    outline: none !important;
}

.i-view-selector .i-view-row .col {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}

.i-view-selector .i-view-row .col:not(:first-child):not(:last-child) {
    flex-grow: 0 !important;
    min-width: calc(110px + 1rem);
}

.i-view-selector .i-view-row .col:first-child .i-view-item {
    margin: 0.5rem 0 0.5rem auto;
}

.i-view-selector .i-view-row .col:last-child .i-view-item {
    margin: 0.5rem auto 0.5rem 0;
}

.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: #4E4E4E;

    font-size: 12px;
    line-height: 16px;
    font-weight: bold;
    text-align: center;
    color: #4E4E4E;
}

.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/icon-new/view/admin.svg) !important;
    background-size: contain;
    background-repeat: no-repeat;
}

.icon-view-cashier {
    background-image: url(../images/icon-new/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/icon-new/view/workstation.svg) !important;
    background-size: contain;
    background-repeat: no-repeat;
}

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

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

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

.icon-view-gateway {
    background-image: url(../images/icon-new/view/search.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;
}

@media (max-height: 800px) {

    .i-view-selector .i-view-row .col:not(:first-child):not(:last-child) {
        min-width: calc(77px + 1rem);
    }

    .i-view-selector .i-view-item {
        height: 77px;
        width: 77px;
    }

    .i-view-selector .i-view-item .icon {
        height: 28px;
        width: 28px;
    }

    .i-view-selector .i-view-item .text-wrap {
        height: 28px;
    }

    .i-view-selector .i-view-item .text-wrap .text {
        font-size: 10px;
        line-height: 11px;
    }
}

@media (max-width: 800px) {

    .i-view-selector .i-view-row .col:not(:first-child):not(:last-child) {
        min-width: calc(77px + 1rem);
    }

    .i-view-selector .i-view-item {
        height: 77px;
        width: 77px;
    }

    .i-view-selector .i-view-item .icon {
        height: 28px;
        width: 28px;
    }

    .i-view-selector .i-view-item .text-wrap {
        height: 28px;
    }

    .i-view-selector .i-view-item .text-wrap .text {
        font-size: 10px;
        line-height: 11px;
    }
}

/*************** MAIN MENU ******************************/
.i-main-menu {
    background: var(--bg);
    box-shadow: 0px 4px 4px rgba(154, 154, 154, 0.11);
    padding: 0px 10px;
    border-bottom: 0px solid #e4e4e4 !important;
}

.i-screen-small .i-main-menu {
    padding: 0px 7px;
}

.i-main-menu .x-btn {
    border-radius: 0 !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    height: 49px !important;
}

.i-screen-small .i-main-menu .x-btn {
    padding-left: 6px !important;
    padding-right: 6px !important;
    height: 39px !important;
}

.i-screen-small.i-screen-tiny .i-main-menu .x-btn {
    height: 29px !important;
}

.i-main-menu.i-plain-btn-container .x-btn.x-btn-over,
.i-main-menu .x-btn.i-plain-btn.x-btn-over {
    background-color: #40344a !important;
}

.i-main-menu.i-plain-btn-container .x-btn.x-btn-pressed,
.i-main-menu.i-plain-btn-container .x-btn.x-btn-menu-active,
.i-main-menu .x-btn.i-plain-btn.x-btn-pressed,
.i-main-menu .x-btn.i-plain-btn.x-btn-menu-active {
    background-color: #62586a !important;
}

.i-main-menu .x-btn-inner {
    color: white !important;
}

.i-main-menu .x-btn-menu-active .x-btn-inner {
    color: var(--main) !important;
}


.x-btn.i-hamburger.i-menu-button.x-toolbar-item {
    margin-right: 20px;
}

.i-hamburger .x-btn-icon-el {
    display: block;
    background-size: contain;
    background-image: url(../images/icon-new/white/app.svg);
    width: 24px;
}

.i-hamburger .x-btn-inner {
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    padding-bottom: 0;
}

.i-screen-small .i-hamburger .x-btn-inner {
    font-size: 13px;
    line-height: 15px;
}

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

.i-screen-small .i-main-menu .i-menu-label-user .x-btn-inner {
    min-height: 24px;
}

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

.i-screen-small .i-main-menu .i-menu-user-icon {
    width: 19px;
    height: 19px;
    border-radius: 10px;
    line-height: 18px;
    top: 2px;
    font-size: 12px;
}

.i-main-menu .i-menu-label-fullname {
    color: white;
    /*font-size: 18px;
    font-weight: 500;
    line-height: 18px;*/
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    margin-right: 32px;
}

.i-screen-small .i-main-menu .i-menu-label-fullname {
    font-size: 11px;
    line-height: 11px;
    margin-right: 24px;
}

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

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

.i-main-menu .i-menu-label-office {
    opacity: 0.8;
    color: white;
    font-style: normal;
    font-weight: normal;
    font-size: 10px;
    line-height: 13px;
    margin-right: 32px;
}

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

.i-filter-field {
    padding-left: 0;
    padding-right: 25px;
}

.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-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;
}

.i-collapse-btn, .i-collapse-btn.x-btn-over.x-btn.x-toolbar-item {
    background-color: transparent !important;
    padding: 0px 0px !important;
}

.i-collapse-btn .x-btn-icon-left > .x-btn-icon-el,
.i-collapse-btn .x-btn-icon-right > .x-btn-icon-el {
    width: 20px;
    height: 20px;
    margin-right: 5px;
}

.i-screen-small .i-collapse-btn .x-btn-icon-left > .x-btn-icon-el,
.i-screen-small .i-collapse-btn .x-btn-icon-right > .x-btn-icon-el {
    width: 14px;
    height: 14px;
    margin-right: 4px;
}

/***************** PANEL DEV INFO ***************************/
/********************************************** 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;
}

/***************************** TASK ************************/
.i-task-title {
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 20px;
    color: #4E4E4E;
    padding-right: 33px;
}

.i-screen-small .i-task-title {
    font-size: 11px;
    line-height: 14px;
    padding-right: 23px;
}

.i-screen-phone .i-task-title {
    padding-right: 5px;
}

.i-screen-phone .i-task-title span {
    display: none;
}

.i-task-title .e-search-navigate {
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 20px;
    text-decoration-line: underline;
    color: #4E4E4E;
    padding-left: 7px;
}

.i-screen-small .i-task-title .e-search-navigate {
    font-size: 11px;
    line-height: 14px;
}

/*.i-task-sub-title {
    padding-left: 33px;
}

.i-screen-small .i-task-sub-title {
    padding-left: 23px;
}*/

.i-task-sub-title a {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    color: #6A6A6A;
    cursor: pointer;
    text-decoration: underline;
}

.i-screen-small .i-task-sub-title a {
    font-size: 11px;
    line-height: 12px;
}

.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;
    cursor: pointer;
    position: absolute;
    top: 2px;
    margin: 0 0 0 4px;
    /* display: inline-block; */
}

.i-screen-small .i-task-view-toolbar label.i-task-sub-title a:after {
    height: 10px;
    width: 10px;
    top: 5px;
    margin: 0 0 0 3px;
}

.i-screen-phone .i-task-view-toolbar label.i-task-sub-title a:after {
    display: none;
}

.i-task-view-toolbar {
    background-color: #F6F7F9;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.04);
    padding-left: 10px;
    border-left: 200px solid #1C1229 !important;
    overflow: visible;
    /*border-bottom: 2px solid #e9e9e9;*/
}

.i-screen-small .i-task-view-toolbar {
    padding-left: 7px;
    border-left-width: 140px !important;
}

.i-task-view-toolbar:after {
    content: '';
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    border-bottom: 1px solid #e9e9e9;
}

/*.i-screen-small .i-task-view-toolbar:after {
    left: 140px;
}*/

.i-task-view-toolbar:before {
    content: '';
    height: 100%;
    width: 200px;
    top: 0;
    left: -200px;
    position: absolute;
    border-top: 1px solid rgba(239, 112, 127, 0.16);
    /*background-color: #1C1229;*/
}

.i-screen-small .i-task-view-toolbar:before {
    width: 140px;
    left: -140px;
}

.i-screen-phone .i-task-view-toolbar {
    border-left-width: 0 !important;
}

.i-screen-phone .i-task-view-toolbar:before {
    display: none;
}

.i-default-toolbars .i-task-view-toolbar {
    padding-left: 20px;
}

.i-screen-small .i-default-toolbars .i-task-view-toolbar {
    padding-left: 14px;
}

.i-default-toolbars .i-task-view-toolbar,
.i-screen-small .i-default-toolbars .i-task-view-toolbar {
    border-left-width: 0 !important;
}


/*.i-default-toolbars .i-task-view-toolbar:before {
    content: '';
    display: none;
}*/

.i-task-tabpanel > .x-panel-bodyWrap > .x-tab-bar > .x-tab-bar-body-default,
.i-screen-small .i-task-tabpanel > .x-panel-bodyWrap > .x-tab-bar > .x-tab-bar-body-default {
    margin: 0;
    padding: 0;
}

.i-screen-phone .i-task-tabpanel > .x-panel-bodyWrap > .x-tab-bar > .x-tab-bar-body-default {
    min-height: unset;
}

.i-task-tabpanel > .x-panel-bodyWrap > .x-tab-bar .x-tab-inner-default {
    color: #C0C0C0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Open Sans", Roboto, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 21px;
    padding-top: 12px;
    padding-bottom: 12px;
    width: 100%;
    /*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 .x-tab-icon-left .x-tab-inner-default {
    width: calc(100% - 34px);
}

.i-screen-small .i-task-tabpanel > .x-panel-bodyWrap > .x-tab-bar .x-tab-inner-default {
    font-size: 11px;
    line-height: 15px;
    padding-top: 8px;
    padding-bottom: 8px;

}
.i-screen-small .i-task-tabpanel > .x-panel-bodyWrap > .x-tab-bar  .x-tab-icon-left .x-tab-inner-default {
    width: calc(100% - 24px);
}
.i-screen-phone .i-task-tabpanel > .x-panel-bodyWrap > .x-tab-bar .x-tab-inner-default {
    white-space: nowrap;
    width: auto;
}

.i-screen-phone .i-task-tabpanel > .x-panel-bodyWrap > .x-tab-bar .x-tab-inner-default {
    padding-top: 3px;
    padding-bottom: 3px;
}

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

.i-screen-small .i-task-tabpanel > .x-panel-bodyWrap > .x-tab-bar .x-tab {
    width: 140px;
}

.i-screen-phone .i-task-tabpanel > .x-panel-bodyWrap > .x-tab-bar .x-tab {
    width: auto;
}

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

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

.i-task-tabpanel > .x-panel-bodyWrap > .x-tab-bar {
    background: linear-gradient(180deg, #1C1229 0%, #350036 100%);
    box-shadow: 0px 0px 12px rgba(41, 8, 48, 0.3);
}

/*.i-task-view-toolbar > div > div:before {
    content: 'a';
    background-color: #1C1229;
    width: 200px;
    height: 100%;
    display: inline-block;
}*/

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

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

.i-task-tabpanel > .x-panel-bodyWrap > .x-tab-bar .x-tab.x-tab-active.x-tab-default {
    background-color: #45274E;
}

.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: 0;
    padding: 0 0 0 15px;
}

.i-screen-small .i-task-tabpanel > .x-panel-bodyWrap > .x-tab-bar .x-tab-default-left {
    margin: 0;
    padding: 0 0 0 11px;
}

.i-tab-count {
    background: #7B7B7B;
    border-radius: 3px;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    color: #FFFFFF;
    padding: 1px 2px;
    text-align: center;
    min-width: 20px;
    margin-right: 3px;
    margin-left: 3px;
    display: inline-block;
}

.x-tab-active .i-tab-count {
    background: white;
    color: #4E4E4E;
}

.i-task-tabpanel > .x-panel-bodyWrap > .x-tab-bar .i-tab-count {
    background: #59A6EA !important;
    color: #FFFFFF !important;
}

.i-screen-small .i-tab-count {
    font-size: 10px;
    line-height: 11px;
    min-width: 14px;
    margin-left: 4px;
    padding: 1px 1px;
}

.i-screen-phone .i-tab-count {
    display: none;
}

.i-document-panel {
    background-color: #F5F5F5;
}

.i-document-panel .i-document-properties,
.i-screen-small .i-document-panel .i-document-properties {
    margin-top: 0px;
}

.i-document-widget-readonly .i-document-panel .i-document-properties {
    margin-top: 10px;
}

.i-screen-small .i-document-widget-readonly .i-document-panel .i-document-properties {
    margin-top: 7px;
}

.i-screen-small.i-screen-tiny .i-document-widget-readonly .i-document-panel .i-document-properties {
    margin-top: 3px;
}

.x-toolbar-default.i-panel-zone-toolbar {
    /*background-color: transparent;*/
    padding-top: 2px;
    padding-bottom: 2px;
    background: #FFFFFF;
    box-shadow: 0px 2px 12px rgb(0 0 0 / 15%);
    border-radius: 8px;
    margin-left: 10px;
    margin-right: 10px;
}

.i-screen-small .x-toolbar-default.i-panel-zone-toolbar {
    margin-left: 7px;
    margin-right: 7px;
    border-radius: 6px;
    padding-top: 2px;
    padding-bottom: 2px;
}

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

.i-task-widget {
    background-color: #F5F5F5;
    padding: 10px 5px;
}

body.x-border-layout-ct.i-task-widget,
div.x-border-layout-ct.i-task-widget {
    background-color: #F5F5F5;
}

.i-screen-small .i-task-widget {
    padding: 7px 4px;
}

.i-screen-small.i-screen-tiny .i-task-widget {
    padding: 3px 2px;
}

.i-task-widget-body > div > .x-panel-body {
    background-color: #F5F5F5;
    padding: 10px 5px;
}

.i-screen-small .i-task-widget-body > div > .x-panel-body {
    padding: 7px 4px;
}

.i-screen-small.i-screen-tiny .i-task-widget-body > div > .x-panel-body {
    padding: 3px 2px;
}


.i-task-widget > div > .x-panel-body-default {
    background-color: transparent;
}

/*.i-task-widget .x-panel,*/

.i-panel-zone {
    background: #FFFFFF;
    box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.15);
    border-radius: 8px;
    margin: 10px;
}

.i-screen-small .i-panel-zone {
    border-radius: 6px;
    margin: 7px;
}

.i-screen-small.i-screen-tiny .i-panel-zone {
    margin: 3px;
}

.i-panel-zone-level2 {
    border-radius: 8px;
    margin: 10px;
    box-shadow: 0 0 4px rgb(0 0 0 / 15%);
}

.i-screen-small .i-panel-zone-level2 {
    border-radius: 6px;
    margin: 7px;
}

.i-panel-zone-inner {
    border-radius: 8px;
}

.i-screen-small .i-panel-zone-inner {
    border-radius: 6px;
}

.i-skip-zones .i-panel-zone,
.i-screen-small .i-skip-zones .i-panel-zone {
    border-radius: 0;
    box-shadow: none;
    margin: 0;
}

.i-viewport-parent-container {
    background-color: #fff;
}

.i-task-widget.i-self-zone {
    padding: 20px 15px;
}

.i-screen-small .i-task-widget.i-self-zone {
    padding: 14px 11px;
}

.i-screen-small.i-screen-tiny .i-task-widget.i-self-zone {
    padding: 6px 5px;
}

.i-task-widget.i-self-zone > .x-panel-bodyWrap {
    background: #FFFFFF;
    box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.15);
    border-radius: 8px;
}

.i-screen-small .i-task-widget.i-self-zone > .x-panel-bodyWrap {
    border-radius: 6px;
}

.i-task-widget.i-self-zone > .x-panel-bodyWrap > .x-toolbar-docked-top {
    border-radius: 8px 8px 0 0;
}

.i-screen-small .i-task-widget.i-self-zone > .x-panel-bodyWrap > .x-toolbar-docked-top {
    border-radius: 6px 6px 0 0;
}

.i-task-widget.i-self-zone > .x-panel-bodyWrap > .x-toolbar-docked-bottom {
    border-radius: 0 0 8px 8px;
}

.i-screen-small .i-task-widget.i-self-zone > .x-panel-bodyWrap > .x-toolbar-docked-bottom {
    border-radius: 0 0 6px 6px;
}

.i-panel-edit-no-header {
    padding: 13px 0 0;
}

.i-screen-small .i-panel-edit-no-header {
    padding: 9px 0 0;
}

.i-panel-edit-header {
    background: rgba(177, 177, 177, 0.1);
    padding: 13px 20px;
}

.i-screen-small .i-panel-edit-header {
    padding: 9px 14px;
}


.i-panel-details .i-panel-edit-header {
    padding: 7px 20px 0;
}

.i-screen-small .i-panel-details .i-panel-edit-header {
    padding: 5px 14px 0;
}

.i-cross-edit .i-panel-edit-header,
.i-screen-small .i-cross-edit .i-panel-edit-header {
    padding: 0;
    background: transparent;
}

.i-panel-edit-zone,
.i-panel-edit-grid {
    box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    margin: 13px 20px;
}

.i-screen-small .i-panel-edit-zone,
.i-screen-small .i-panel-edit-grid {
    border-radius: 6px;
    margin: 9px 14px;
}

.i-panel-edit-zone {
    background-color: #f8f8f8;
}

.i-cross-edit .i-panel-edit-zone,
.i-screen-small .i-cross-edit .i-panel-edit-zone {
    padding: 0;
    border-radius: 0;
    background: transparent;
    margin: 0;
    box-shadow: none;
}

.i-panel-edit-tab .x-tab-bar-default-top > .x-tab-bar-body-default {
    padding-left: 20px;
}

.i-screen-small .i-panel-edit-tab .x-tab-bar-default-top > .x-tab-bar-body-default {
    padding-left: 14px;
}

.i-panel-zone-container-collapsed-left {
    margin: 10px 10px 0px 10px;
}

.i-panel-title {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    color: var(--text-caption);
    padding-left: 10px;
    padding-right: 10px;
}

.i-screen-small .i-panel-title {
    font-size: 13px;
    line-height: 17px;
    padding-left: 7px;
    padding-right: 7px;
}

.i-panel-title:empty,
.i-screen-small .i-panel-title:empty {
    padding-left: 0px;
    padding-right: 0px;
}

.i-panel-title.small {
    font-size: 15px;
    line-height: 16px;
}

.i-screen-small .i-panel-title.small {
    font-size: 11px;
    line-height: 11px;
}

.i-panel-toolbar {
    padding: 10px 0 10px 10px;
}

.i-screen-small .i-panel-toolbar {
    padding: 7px 0 7px 7px;
}

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

.i-screen-small .i-icon-grid-header {
    width: 17px;
    height: 17px;
}

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


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


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

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

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

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

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

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

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

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

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

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


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

.icon-open-application {
    background-size: contain;
    background-image: url(../images/icon-new/main/folder.svg);
}

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

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

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

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

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

.icon-actions-application {
    background-size: contain;
    background-image: url(../images/icon-new/main/arrowhead_right.svg);
}

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

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

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

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

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

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

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

.i-cross-edit .icon-prev {
    background-image: url(../images/icon-new/main/arrowhead_left.svg);
}

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

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

.icon-collapse-left {
    background-size: contain;
    background-image: url(../images/icon-new/main/arrowhead_left.svg);
}

.icon-collapse-right {
    background-size: contain;
    background-image: url(../images/icon-new/main/arrowhead_right.svg);
}

.icon-collapse-down {
    background-size: contain;
    background-image: url(../images/icon-new/main/arrowhead_down.svg)
}

.icon-collapse-up {
    background-size: contain;
    background-image: url(../images/icon-new/main/arrowhead_up.svg)
}

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

.icon-portal-city {
    background-size: contain;
    background-image: url(../images/icon-new/main/route-map.svg);
    background-repeat: no-repeat;
}

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

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

.icon-show-on-map {
    background-size: contain;
    background-image: url(../images/icon-new/main/world_3.svg);
    background-repeat: no-repeat;
}

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

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

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

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

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

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

.i-search-result .icon-print {
    background-size: contain;
    background-image: url(../images/icon-new/main/download_2.svg);
}

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

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

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

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

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

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

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

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

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

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


.icon-user-signature {
    background-image: url(../images/icon-new/main/stamped_document_edit.svg) !important;
    background-size: contain;
}

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

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

.icon-checkmark {
    background-image: url(../images/icon-new/main/check_mark_round.svg) !important;
    background-size: contain;
}

.icon-checkmark-alt {
    background-image: url(../images/icon-new/other/check_mark_round_warn.svg) !important;
    background-size: contain;
}

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

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

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

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


.x-operator-eq {
    background-size: contain;
    background-image: url(../images/icon-new/math/equal.svg);
}

.x-operator-empty {
    background-size: contain;
    background-image: url(../images/icon-new/math/empty.svg);
}

.x-operator-gt {
    background-size: contain;
    background-image: url(../images/icon-new/math/more.svg);
}

.x-operator-gte {
    background-size: contain;
    background-image: url(../images/icon-new/math/more_equal.svg);
}

.x-operator-lt {
    background-size: contain;
    background-image: url(../images/icon-new/math/less.svg);
}

.x-operator-lte {
    background-size: contain;
    background-image: url(../images/icon-new/math/less_equal.svg);
}

.x-operator-neq {
    background-size: contain;
    background-image: url(../images/icon-new/math/not_equal.svg);
}

.x-operator-like {
    background-size: contain;
    background-image: url(../images/icon-new/math/like.svg);
}

.x-operator-nlike {
    background-size: contain;
    background-image: url(../images/icon-new/math/not_like.svg);
}

.x-operator-range {
    background-size: contain;
    background-image: url(../images/icon-new/math/range.svg);
    background-position: center;
}

/******************** WIDGETS **************************/

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

.x-tab-active .i-widget-history {
    background-image: url(../images/icon-new/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-decision-label {
    font: 600 18px/30px -apple-system, BlinkMacSystemFont, "Segoe UI", "Open Sans", Roboto, sans-serif;
    /*color: #DF4A36;*/
    padding-left: 20px;
    padding-right: 20px;
    display: table-row;
}

.i-screen-small .i-decision-label {
    font-size: 13px;
    line-height: 21px;
    padding-left: 14px;
    padding-right: 14px;
}

.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-screen-small .i-avalible-transaction .x-form-cb-label {
    font-size: 11px;
    line-height: 13px;
}

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

.i-screen-small .i-avalible-transaction .x-form-cb-label .transition {
    font-size: 12px;
    line-height: 13px;
}

.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-screen-small .i-avalible-transaction .x-form-cb-label i {
    font-size: 11px;
    line-height: 15px;
    margin-left: 4px;
    margin-right: 4px;
}

.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: var(--main);
}

/************************ HEAder spliter****************************/
.i-header-spliter {
    color: #4E4E4E;
    font: 600 18px/24px -apple-system, BlinkMacSystemFont, "Segoe UI", "Open Sans", Roboto, sans-serif;;
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: 600;
    color: #4E4E4E;
    padding: 7px 21px;

}

.i-screen-small .i-header-spliter {
    line-height: 17px;
    font-size: 13px;
    padding: 5px 15px;
}

.i-header-spliter.margin-top {
    margin-top: 10px;
}

.i-header-spliter {

}

.i-screen-small .i-header-spliter.margin-top {
    margin-top: 7px;
}

.i-header-spliter.margin-bottom {
    margin-bottom: 10px;
}

.i-screen-small .i-header-spliter.margin-bottom {
    margin-bottom: 7px;
}

.i-header-spliter span {
    background-color: transparent;
    position: relative;
}

/*.i-header-spliter:before {
    content: ' ';
    position: absolute;
    top: 14px;
    color: black;
    width: 100%;
    border-bottom: 1px solid rgb(204, 204, 204);
}*/


/****************************** 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-screen-small .i-documents .x-tree-node-text {
    padding-left: 5px;
}

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

.i-screen-small .i-documents .x-grid-cell-inner {
    padding: 0 2px;
    line-height: 21px;
}

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

.i-screen-small .i-documents.i-tree .x-grid-cell-inner {
    line-height: 14px;
    padding-top: 4px;
    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-screen-small .i-panel.i-documents .x-grid-group-hd {
    padding: 0px 7px;
}

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

.i-screen-small .i-documents.i-tree .x-grid-cell-treecolumn.page .x-grid-cell-inner {
    line-height: 4px;
    margin-left: 7px;
}

.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-new/main/minus.svg);
}

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

.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-screen-small .i-document-no-selection,
.i-screen-small .i-document-forbidden,
.i-screen-small .i-document-download {
    padding-top: 70px;
    font-size: 11px;
}

.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-screen-small .i-document-subtext {
    font-size: 11px;
    line-height: 12px;
}

.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;
}

i-screen-small .i-documents .i-document-subtext {
    margin-left: 14px;
}

.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;
}

i-screen-small .x-grid-cell-treecolumn.transaction .x-tree-node-text {
    font-size: 11px;
    line-height: 20px;
}

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

.i-tree-no-icons .x-tree-icon {
    display: none;
}

.i-tree-no-padding .x-tree-elbow-empty {
    display: none;
}

.i-dark-splitter .x-splitter {
    background-color: #f1f1f1;
}

/********************** PAGING ****************************/
.i-page-toolbar {
    /*padding: 0;*/
}

.i-page-toolbar > div {
    overflow: visible;
}

.i-page-toolbar .x-btn,
.x-btn.i-btn-icon {
    width: 28px;
    height: 28px;

    background: #FFFFFF !important;
    /* Shadow White */


    border-radius: 14px;
    padding: 0;
}


.i-page-toolbar .x-btn {
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
}

.x-btn.i-btn-icon {
    border: 1px solid #C0C0C0 !important;
}

.i-screen-small .i-page-toolbar .x-btn,
.i-screen-small .x-btn.i-btn-icon {
    width: 20px;
    height: 20px;
    border-radius: 10px;
}

.i-page-toolbar .x-btn.x-btn-over,
.i-page-toolbar .x-btn.x-btn-press,
.x-btn.x-btn-over.i-btn-icon,
.x-btn.x-btn-press.i-btn-icon {
    background-color: #f0f7fd !important;
}

.i-page-toolbar .x-btn-icon-el-plain-toolbar-small,
.x-btn.i-btn-icon .x-btn-icon-el-default-toolbar-medium {
    width: 28px;
    height: 28px;
}

.i-screen-small .i-page-toolbar .x-btn-icon-el-plain-toolbar-small,
.i-screen-small .x-btn.i-btn-icon .x-btn-icon-el-default-toolbar-medium {
    width: 20px;
    height: 20px;
}

.x-btn-icon-el.x-tbar-page-first {
    background-size: contain;
    background-image: url(../images/icon-new/main/arrowpage_first.svg);
}

.x-btn-icon-el.x-tbar-page-last {
    background-size: contain;
    background-image: url(../images/icon-new/main/arrowpage_last.svg);
}

.x-btn-icon-el.x-tbar-page-prev {
    background-size: contain;
    background-image: url(../images/icon-new/main/arrowpage_left.svg);
}

.x-btn-icon-el.x-tbar-page-next {
    background-size: contain;
    background-image: url(../images/icon-new/main/arrowpage_right.svg);
}

.x-btn-icon-el.x-tbar-loading {
    background-size: contain;
    background-image: url(../images/icon-new/other/reload_s.svg);
}

.i-page-display-text {
    /*font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Open Sans", Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Open Sans", Roboto, sans-serif;;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 20px;*/
    min-width: 150px;
    text-align: right;
    color: #3285CE;
}

i-screen-small .i-page-display-text {
    min-width: 110px;
}

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

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

i-screen-small .i-cross-label {
    font-size: 10px;
}

/*.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-screen-small .i-crosscheck-status-text {
    font-size: 10px;
}

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

.i-screen-small .i-crosscheck-row .icon {
    height: 17px;
    width: 17px;
    line-height: 17px;
}

.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;
}

/************************ ITEM SELECTOR *********************************************/
.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: var(--text-caption);
    font-weight: bold;
    font-size: 16px;
}

.i-screen-small .i-itemselector .x-panel-header-title-default {
    font-size: 11px;
}

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

.i-screen-small .i-itemselector .x-panel-header-default-horizontal {
    padding: 7px 7px;
}

.i-itemselector .x-panel-body-default,
.i-itemselector .x-boundlist {
    border-width: 0 !important;
    background-color: transparent;
    /*border-top-width: 1px !important;
    border-bottom-width: 1px !important;
    border-top-color: #f5f5f5 !important;
    border-bottom-color: #f5f5f5 !important;*/
}


.i-itemselector .x-boundlist-item {
    border-width: 0 !important;
    font-size: 16px;
    color: var(--text-input);
}

.i-screen-small .i-itemselector .x-boundlist-item {
    font-size: 11px;
}

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

.i-screen-small .i-itemselector .i-to-list .x-boundlist-item {
    background-position: 2px 4px;
    background-size: 17px 17px;
    background-repeat: no-repeat;
    padding-left: 20px;
}


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

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

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

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

/***************** WIZARD ***********************/
.i-wizard-title {
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: center;
    color: #566EC9;
    padding: 38px 20px 20px;
}

.i-screen-small .i-wizard-title {
    font-size: 13px;
    line-height: 17px;
    padding: 27px 14px 14px;
}

.i-screen-phone .i-wizard-title {
    font-size: 13px;
    line-height: 17px;
    padding: 5px 14px 5px;
}

.i-wizard-step-title {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    color: #4E4E4E;
    padding: 38px 20px 20px 44px;
}

.i-screen-small .i-wizard-step-title {
    display: none;
}

.i-screen-phone .i-wizard-step-title {
    padding: 2px 14px 2px;
}

.i-wizard-steps {
    background: #F0F8FF;
    border-radius: 4px;
    width: 100%;

    padding: 4px 20px 4px 20px;
}

.i-screen-small .i-wizard-steps {
    padding: 3px 14px 3px 14px;
}

.i-wizard-step {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    color: #A6A6A6;

    padding-top: 14px;
    padding-bottom: 14px;
    position: relative;
}

.i-screen-small .i-wizard-step {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 11px;
    line-height: 15px;
}

.i-wizard-step:not(:last-child):after {
    content: ' ';
    border-left: 1px solid #B7B7B7;
    height: 20px;
    position: absolute;
    top: 43px;
    left: 12px;
}

.i-screen-small .i-wizard-step:not(:last-child):after {
    height: 14px;
    top: 30px;
    left: 8px;
}

.i-screen-phone .i-wizard-step:not(:last-child):after {
    height: 4px;
    top: 25px;
}

.i-screen-phone .i-wizard-step {
    padding-top: 5px;
    padding-bottom: 5px;
}

.i-screen-phone .i-wizard-steps {
    padding-left: 30px;
    padding-right: 30px;
}

.i-wizard-step-idx {
    background: #B7B7B7;
    border-radius: 19px;
    color: white;
    width: 25px;
    height: 25px;
    line-height: 24px;
    text-align: center;
    display: inline-block;
    margin-right: 12px;

    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0em;
    position: relative;
}

.i-screen-small .i-wizard-step-idx {
    border-radius: 13px;
    width: 17px;
    height: 17px;
    line-height: 16px;
    margin-right: 8px;

    font-size: 10px;
    font-weight: 600;
}

.i-wizard-step.active .i-wizard-step-text,
.i-wizard-step.done .i-wizard-step-text {
    color: #4E4E4E;
}

.i-wizard-step.active .i-wizard-step-idx,
.i-wizard-step.done .i-wizard-step-idx {
    background-color: #566EC9;
}

.i-wizard-step.done .i-wizard-step-idx {
    text-indent: -2000px;
}

.i-wizard-step.done .i-wizard-step-idx:after {
    content: '\f00c';
    font-family: FontAwesome;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-indent: 0;
    text-align: center;
    line-height: 25px;
    font-size: 13px;
    font-weight: 400;
}

.i-screen-small .i-wizard-step.done .i-wizard-step-idx:after {
    line-height: 17px;
    font-size: 9px;
}

.i-wizard-step-body {
    padding-left: 24px;
}

.i-screen-small .i-wizard-step-body {
    padding-left: 17px;
}

.i-wizard-message-text {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    text-align: left;
    padding-bottom: 24px;
    color: #4E4E4E;
}

.i-screen-small .i-wizard-message-text {
    font-size: 11px;
    line-height: 15px;
    padding-bottom: 17px;
}

.i-wizard-message-text.no-padding-bottom,
.i-screen-small .i-wizard-message-text.no-padding-bottom {
    padding-bottom: 0 !important;
}

.i-wizard-splitter-text {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 19px;
    color: #59A6EA;
    position: relative;
    padding-top: 13px;
    padding-bottom: 17px;
}

.i-screen-small .i-wizard-splitter-text {
    font-size: 10px;
    line-height: 13px;
    padding-top: 9px;
    padding-bottom: 12px;
}

.i-wizard-splitter-text:after {
    content: ' ';
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    margin-left: 23px;
    margin-right: 23px;
    border-bottom: 1px solid #59A6EA;
}

.i-screen-small .i-wizard-splitter-text:after {
    margin-left: 16px;
    margin-right: 16px;
}

.i-wizard-message-text.last {
    padding-bottom: 22px;
}

.i-screen-small .i-wizard-message-text.last {
    padding-bottom: 15px;
}

.i-wizard-step-body-buttons {
    padding-left: 24px;
}

.i-screen-small .i-wizard-step-body-buttons {
    padding-left: 17px;
}

.i-wizard-summary-step .x-form-item {
    padding-bottom: 0;
}

.i-sms-resend.active {
    color: #0056b3 !important;
    cursor: pointer !important;
    text-decoration: none !important;
}

.i-sms-resend.active:hover {
    color: #0056b3 !important;
    text-decoration: underline !important;
}

.i-wizard-link-button a {
    color: #59A6EA !important;
    cursor: pointer !important;
    text-decoration: none !important;
}

.i-wizard-link-button a:hover {
    color: #59A6EA !important;
    text-decoration: underline !important;
}

/**************** CODE **************************/
.i-code-field {
    border: 1px solid var(--border-grid);
}

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

.i-screen-small .i-console .x-form-text {
    font-size: 10px;
}

.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;
}

/***************** MAP *****************/


.ck-map {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.ck-view > .x-panel > div > .x-panel-body > .x-panel {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.i-screen-small .ck-map {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.i-screen-small .ck-view > .x-panel > div > .x-panel-body > .x-panel {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.ck-view .x-splitter {
    background-color: #F5F5F5;
}

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

.icon-portal-targets {
    background-image: url(../images/icon-new/map/mappoint4.svg) !important;
    background-size: contain;
    background-repeat: no-repeat;
}

.icon-identify {
    background-image: url(../images/icon-new/map/identify_gis2.svg) !important;
    background-size: contain;
    background-repeat: no-repeat;
}

.icon-identify-select {
    background-image: url(../images/icon-new/map/selection_polygonal.svg) !important;
    background-size: contain;
    background-repeat: no-repeat;
}

.icon-identify-instrument {
    background-image: url(../images/icon-new/map/identify_instrument2.svg) !important;
    background-size: contain;
    background-repeat: no-repeat;
}

.icon-edit-start {
    background-image: url(../images/icon-new/map/edit.svg) !important;
    background-size: contain;
    background-repeat: no-repeat;
}

.icon-edit-draw {
    background-image: url(../images/icon-new/map/draw2.svg) !important;
    background-size: contain;
    background-repeat: no-repeat;
}

.icon-edit-clear {
    background-image: url(../images/icon-new/map/trash_can.svg) !important;
    background-size: contain;
    background-repeat: no-repeat;
}

.icon-edit-draw-cut {
    background-image: url(../images/icon-new/map/cut.svg) !important;
    background-size: contain;
    background-repeat: no-repeat;
}

.icon-edit-table {
    background-image: url(../images/icon-new/map/edit_mode.svg) !important;
    background-size: contain;
    background-repeat: no-repeat;
}

.icon-edit-cogo {
    background-image: url(../images/icon-new/map/cogo.svg) !important;
    background-size: contain;
    background-repeat: no-repeat;
}

.icon-edit-copy {
    background-image: url(../images/icon-new/map/copy2.svg) !important;
    background-size: contain;
    background-repeat: no-repeat;
}

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

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

.icon-zoomto2 {
    background-size: contain;
    background-image: url(../images/icon-new/map/target.svg);
}

.icon-zoomto-column {
    background-size: contain;
    background-image: url(../images/icon-new/map/target.svg);
    height: 22px;
    width: 22px;

}

.icon-zoomto {
    background-size: contain;
    background-image: url(../images/icon-new/map/zoom_lot2.svg);
}

.icon-measure-line {
    background-image: url(../images/icon-new/map/length.svg) !important;
    background-size: contain;
    background-repeat: no-repeat;
}

.icon-measure-area {
    background-image: url(../images/icon-new/map/area.svg) !important;
    background-size: contain;
    background-repeat: no-repeat;
}

.icon-measure-clear {
    background-image: url(../images/icon-new/map/clear.svg) !important;
    background-size: contain;
    background-repeat: no-repeat;
}

.icon-cursor-position {
    background-image: url(../images/icon-new/map/select_point.svg) !important;
    background-size: contain;
    background-repeat: no-repeat;
}

.icon-move-to-coordinate {
    background-size: contain;
    background-image: url(../images/icon-new/map/move2coordinates.svg);
}

.icon-map-export {
    background-size: contain;
    background-image: url(../images/icon-new/map/field_image.svg);
}

.icon-zoom-back {
    background-size: contain;
    background-image: url(../images/icon-new/map/zoom_back.svg);
}

.icon-zoom-forward {
    background-size: contain;
    background-image: url(../images/icon-new/map/zoom_forward.svg);
}

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

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

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

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

.icon-satellite {
    background-image: url(../images/icon-new/other/sattelite.svg) !important;
    background-repeat: no-repeat;
}

.icon-portal-close {
    background-size: contain;
    background-image: url(../images/icon-new/white/close.svg);
}

.icon-portal-back {
    background-size: contain;
    background-image: url(../images/icon-new/white/arrowhead_left.svg);
}

.i-map-legend .x-grid-body {
    border-color: transparent;
    /* border-left: 1px solid var(--border-grid);*/
}

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

.i-map-legend .x-tree-icon {
}

.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-map-legend .x-tree-checkbox {
    width: 18px;
    height: 18px;
    top: -1px;
    background-size: contain;
    background-position: center;
    background-image: url(../images/icon-new/checkbox/Checkbox_Enabled.svg);
}

.i-screen-small .i-map-legend .x-tree-checkbox {
    width: 12px;
    height: 12px;
    top: 1px;
}

.i-map-legend .x-tree-icon {
    background-size: contain;
    background-position: center;
}

.i-map-legend .i-icon-legend.x-tree-icon {
    background-size: auto;
    background-position: 0 0;
}

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

.i-map-legend .i-layer-group .x-tree-checkbox {
    background-image: url(../images/icon-new/checkbox/Radiobutton_Enabled.svg);
}

.i-map-legend .i-layer-group .x-tree-checkbox-checked {
    background-image: url(../images/icon-new/checkbox/Radiobutton_Selected.svg);
}

.i-map-legend .x-tree-elbow,
.i-map-legend .x-tree-elbow-end {
    /*display: none;*/
}

.i-map-legend.x-border-region-slide-in {
    background-color: white;
    border-radius: 6px;
    box-shadow: 0px 2px 12px rgb(0 0 0 / 50%);
    background-color: white;
    border: 1px solid #dcdcdc;
}

.icon-external-link {
    background-image: url(../images/icon-new/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;
}

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


.i-tool-document-view .x-tool-tool-el {
    background-position: 0 0;
    background-image: url(../images/icon-new/widget/document-active.svg);
    background-repeat: no-repeat;
    background-color: transparent;
    background-size: contain;
    width: 20px;
    height: 20px;
}

/**
Document View on Edit Window
 */

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

.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: 5px 0 5px 5px;
}

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

.iol-toolbar .x-btn-inner-default-toolbar-medium {
    padding: 0 6px 0 2px;
}

.i-screen-small .iol-toolbar .x-btn-inner-default-toolbar-medium {
    padding: 0 4px 0 1px;
}

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

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

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

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

.x-boundlist-item img.tagfield-combo {
    width: 20px;
    height: 20px;
    display: inline-block;
    background-size: contain;
    background: transparent url('../images/icon-new/checkbox/Checkbox_Enabled.svg') no-repeat;
}

.x-boundlist-selected img.tagfield-combo {
    width: 20px;
    height: 20px;
    display: inline-block;
    background-size: contain;
    background: transparent url('../images/icon-new/checkbox/Checkbox_Selected_Hover.svg') no-repeat;
}

.i-combo-hide-trigger .x-form-arrow-trigger {
    display: none;
}


.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;
}

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

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


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

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

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

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

.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.3;
    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;
    }
}

.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: #5DA5DA;
}