/* MAIN COLORS   
    GREEN: #75b72a;
    GREEN LIGHT: #D8E4B9;

    BLUE GREEN: #184c4f;
    BLUE GREEN SOFT: #184c4f42;
    BLUE GREEN SUPER SOFT: #b8cfd1;
*/



body, label, input, a, h1, h2, h3 {
    font-family: 'Poppins', sans-serif !important;
}

    body, input.e-input, span, label, a, p {
        font-size: 0.75rem !important;
    }

.e-checkbox-wrapper .e-check, .e-css.e-checkbox-wrapper .e-check {
    font-size: 8px !important;
}

.e-control, .e-wrapper, e-control-wrapper, .e-tip-content, .e-pager-default[data_title]:hover:after, .e-file-select-wrap, .e-file-drop, .e-file-container, .e-list-item {
    font-family: 'Poppins', sans-serif !important;
}

.e-input-group, .e-input-group.e-control-wrapper {
    font-family: 'Poppins', sans-serif !important;
}

.e-container .e-switch-ctrl-btn .e-ctrl-btn .e-btn {
    font-family: 'Poppins', sans-serif !important;
}

.e-checkbox-wrapper .e-label, .e-radio + label .e-label {
    font-family: 'Poppins', sans-serif !important;
}

.e-tab .e-tab-header .e-toolbar-item .e-tab-text {
    font-family: 'Poppins', sans-serif !important;
}

.e-listview {
    font-family: 'Poppins', sans-serif !important;
}

.monospacedFont {
    font-family: 'Roboto Mono', monospace !important;
}

html, body, #app, main, .login {
    height: 100% !important;
    margin: 0;
}

#app.app-loading-shell {
    position: relative;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    background:
        radial-gradient(circle at top left, rgba(216, 228, 185, 0.24), transparent 28%),
        radial-gradient(circle at bottom right, rgba(117, 183, 42, 0.22), transparent 26%),
        radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.05), transparent 36%),
        linear-gradient(135deg, #0d2a2c 0%, #184c4f 42%, #0b2224 100%);
}

.app-loading-backdrop {
    position: absolute;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
}

.app-loading-orb {
    position: absolute;
    border-radius: 50%;
    filter: blur(10px);
    animation: loadingFloat 8s ease-in-out infinite;
}

.app-loading-orb-primary {
    top: 12%;
    left: 10%;
    width: 15rem;
    height: 15rem;
    background: radial-gradient(circle, rgba(216, 228, 185, 0.32) 0%, rgba(216, 228, 185, 0) 72%);
}

.app-loading-orb-secondary {
    right: 8%;
    bottom: 10%;
    width: 18rem;
    height: 18rem;
    background: radial-gradient(circle, rgba(117, 183, 42, 0.24) 0%, rgba(117, 183, 42, 0) 70%);
    animation-delay: -3s;
}

.app-loading-beam {
    position: absolute;
    top: -10%;
    width: 22rem;
    height: 130%;
    opacity: 0.18;
    filter: blur(22px);
    transform: rotate(18deg);
    background: linear-gradient(180deg, transparent 0%, rgba(255, 255, 255, 0.2) 35%, transparent 100%);
    animation: loadingBeam 9s ease-in-out infinite;
}

.app-loading-beam-left {
    left: -6rem;
}

.app-loading-beam-right {
    right: -8rem;
    transform: rotate(-18deg);
    animation-delay: -4.5s;
}

.app-loading-grid {
    position: absolute;
    inset: 0;
    opacity: 0.12;
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.08) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.08) 1px, transparent 1px);
    background-size: 48px 48px;
    mask-image: radial-gradient(circle at center, black 30%, transparent 85%);
    -webkit-mask-image: radial-gradient(circle at center, black 30%, transparent 85%);
}

.app-loading-panel {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1.55rem;
    width: min(26rem, calc(100vw - 3rem));
    min-height: 24rem;
    padding: 2.75rem 2rem;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 2rem;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.16) 0%, rgba(255, 255, 255, 0.05) 100%),
        radial-gradient(circle at top, rgba(255, 255, 255, 0.08), transparent 55%);
    box-shadow:
        0 24px 80px rgba(0, 0, 0, 0.22),
        0 0 0 1px rgba(255, 255, 255, 0.03),
        0 0 60px rgba(117, 183, 42, 0.08);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    animation: loadingPanelFloat 6s ease-in-out infinite;
}

.app-loading-panel::before {
    content: "";
    position: absolute;
    inset: 1rem;
    border-radius: 1.4rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    pointer-events: none;
}

.app-loading-panel::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(115deg, transparent 20%, rgba(255, 255, 255, 0.12) 48%, transparent 70%);
    transform: translateX(-130%);
    animation: loadingSheen 4.8s ease-in-out infinite;
    pointer-events: none;
}

.app-loading-logo-wrap {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: clamp(11rem, 38vw, 14rem);
    height: clamp(11rem, 38vw, 14rem);
}

.app-loading-logo {
    position: relative;
    z-index: 2;
    width: min(10rem, 68%);
    max-width: 100%;
    filter: drop-shadow(0 10px 24px rgba(0, 0, 0, 0.22));
    animation: loadingLogoPulse 3s ease-in-out infinite;
}

.app-loading-copy {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.55rem;
    text-align: center;
}

.app-loading-badge {
    padding: 0.38rem 0.75rem;
    border: 1px solid rgba(216, 228, 185, 0.24);
    border-radius: 999px;
    background: rgba(216, 228, 185, 0.08);
    color: #d8e4b9;
    font-size: 0.62rem !important;
    font-weight: 600;
    letter-spacing: 0.22em;
    text-transform: uppercase;
}

.app-loading-title {
    color: #ffffff;
    font-size: 1.25rem !important;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    text-shadow: 0 0 24px rgba(255, 255, 255, 0.16);
}

.app-loading-version {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.45rem 0.8rem;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.76rem !important;
    line-height: 1;
}

#app-loading-version-value {
    color: #d8e4b9;
    font-family: 'Roboto Mono', monospace !important;
    font-size: 0.76rem !important;
}

.app-loading-progress {
    position: relative;
    width: min(16rem, 100%);
    height: 0.42rem;
    border-radius: 999px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.08);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
}

.app-loading-progress-track,
.app-loading-progress-glow {
    position: absolute;
    inset: 0;
    border-radius: inherit;
}

.app-loading-progress-track {
    background: linear-gradient(90deg, rgba(216, 228, 185, 0.1) 0%, rgba(216, 228, 185, 0.95) 50%, rgba(255, 255, 255, 0.1) 100%);
    transform: translateX(-100%);
    animation: loadingProgress 2.3s ease-in-out infinite;
}

.app-loading-progress-glow {
    background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.85) 50%, transparent 100%);
    filter: blur(5px);
    transform: translateX(-120%);
    animation: loadingProgressGlow 2.3s ease-in-out infinite;
}

.app-loading-ring {
    position: absolute;
    inset: 0;
    border-radius: 50%;
}

.app-loading-ring-outer {
    border: 1px solid rgba(255, 255, 255, 0.18);
}

.app-loading-ring-outer::before,
.app-loading-ring-inner::before {
    content: "";
    position: absolute;
    inset: -1px;
    border-radius: 50%;
    border-top: 4px solid rgba(255, 255, 255, 0.9);
    border-right: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid transparent;
}

.app-loading-ring-outer::before {
    animation: loadingSpin 2.6s linear infinite;
}

.app-loading-ring-inner {
    inset: 1rem;
    border: 1px solid rgba(216, 228, 185, 0.2);
}

.app-loading-ring-inner::before {
    border-top-color: #d8e4b9;
    animation: loadingSpinReverse 1.9s linear infinite;
}

.app-loading-pulse {
    display: flex;
    align-items: center;
    gap: 0.65rem;
}

.app-loading-pulse span {
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 999px;
    background: linear-gradient(180deg, #ffffff 0%, #d8e4b9 100%);
    box-shadow: 0 0 18px rgba(216, 228, 185, 0.35);
    animation: loadingPulse 1.4s ease-in-out infinite;
}

.app-loading-pulse span:nth-child(2) {
    animation-delay: 0.18s;
}

.app-loading-pulse span:nth-child(3) {
    animation-delay: 0.36s;
}

@keyframes loadingSpin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@keyframes loadingSpinReverse {
    from {
        transform: rotate(360deg);
    }

    to {
        transform: rotate(0deg);
    }
}

@keyframes loadingPulse {
    0%, 80%, 100% {
        transform: translateY(0) scale(0.88);
        opacity: 0.45;
    }

    40% {
        transform: translateY(-0.35rem) scale(1);
        opacity: 1;
    }
}

@keyframes loadingLogoPulse {
    0%, 100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.03);
    }
}

@keyframes loadingFloat {
    0%, 100% {
        transform: translate3d(0, 0, 0);
    }

    50% {
        transform: translate3d(0, -16px, 0);
    }
}

@keyframes loadingSheen {
    0%, 100% {
        transform: translateX(-130%);
        opacity: 0;
    }

    18% {
        opacity: 1;
    }

    58% {
        transform: translateX(130%);
        opacity: 0.75;
    }

    100% {
        opacity: 0;
    }
}

@keyframes loadingProgress {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(100%);
    }
}

@keyframes loadingProgressGlow {
    0% {
        transform: translateX(-120%);
        opacity: 0;
    }

    15% {
        opacity: 0.95;
    }

    100% {
        transform: translateX(120%);
        opacity: 0;
    }
}

@keyframes loadingPanelFloat {
    0%, 100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-8px);
    }
}

@keyframes loadingBeam {
    0%, 100% {
        transform: translateY(0) rotate(18deg);
        opacity: 0.1;
    }

    50% {
        transform: translateY(-18px) rotate(18deg);
        opacity: 0.22;
    }
}

@media (max-width: 576px) {
    .app-loading-panel {
        width: calc(100vw - 2rem);
        min-height: 21rem;
        padding: 2rem 1.25rem;
        border-radius: 1.6rem;
    }

    .app-loading-logo-wrap {
        width: min(12rem, 72vw);
        height: min(12rem, 72vw);
    }

    .app-loading-badge {
        letter-spacing: 0.16em;
    }
}

.main > div {
    padding: 0 !important;
}

.fixed-bottom {
    z-index: 1000 !important;
}

.e-btn, .e-css.e-btn {
    font-size: 0.75rem !important;
}

.e-ddl.e-input-group .e-input-value {
    padding: 6px 4px !important;
}

/* BEGIN SPINNER */
@font-face {
    font-family: 'icomoon';
    src: url("data:application/x-font-ttf;charset=utf-8;base64,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") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}


[class^="icon-"], [class*=" icon-"] {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


@keyframes anim-rotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

.spinner {
    display: inline-block;
    font-size: 4em;
    height: 1em;
    line-height: 1;
    margin: .5em;
    animation: anim-rotate 2s infinite linear;
    color: #184c4f;
    text-shadow: 0 0 .25em rgba(255,255,255, .3);
}

.spinner--steps {
    animation: anim-rotate 1s infinite steps(8);
}

.spinner--steps2 {
    animation: anim-rotate 1s infinite steps(12);
}

.icon-spinner:before {
    content: "\e000";
}

.icon-spinner-2:before {
    content: "\e001";
}

.icon-spinner-3:before {
    content: "\e002";
}

.icon-spinner-4:before {
    content: "\e003";
}

.icon-spinner-5:before {
    content: "\e004";
}

.icon-spinner-6:before {
    content: "\e005";
}

.icon-spinner-7:before {
    content: "\e006";
}

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



.container {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0 0 -1px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    justify-content: center;
    position: relative;
}

    .container > .hourglass {
        width: 50px;
        height: 50px;
        text-align: center;
    }

.hourglass {
    transform: rotate(360deg);
    animation: hourglass 2s 1s infinite;
}

    .hourglass .st0 {
        fill: none;
        stroke: #ffffff;
        stroke-width: 3;
        stroke-miterlimit: 10;
    }

    .hourglass .st1,
    .hourglass .st2 {
        fill: #000000;
        transform-origin: 50% 50%;
        animation: hourglass1 2s infinite;
    }

    .hourglass .st2 {
        transform: scale(0);
        animation: hourglass2 2s infinite;
    }

@keyframes hourglass {
    0% {
        transform: rotate(0deg);
    }

    20% {
        transform: rotate(180deg);
    }

    45% {
        transform: rotate(180deg);
    }

    65% {
        transform: rotate(360deg);
    }

    90% {
        transform: rotate(360deg);
    }
}

@keyframes hourglass1 {
    10% {
        transform: scale(1);
    }

    40% {
        transform: scale(0);
    }

    60% {
        transform: scale(0);
    }

    90% {
        transform: scale(1);
    }
}

@keyframes hourglass2 {
    10% {
        transform: scale(0);
    }

    40% {
        transform: scale(1);
    }

    60% {
        transform: scale(1);
    }

    90% {
        transform: scale(0);
    }
}


div.texttransform {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    color: #FFFFFF;
    font-size: 2vw;
}

    div.texttransform b {
        transform: scaleY(0);
        animation: texttransform_in 1.5s infinite cubic-bezier(0.76, 0, 0.24, 1);
    }

        div.texttransform b:nth-child(1) {
            animation-delay: 0s;
        }

        div.texttransform b:nth-child(2) {
            animation-delay: 0.15s;
        }

        div.texttransform b:nth-child(3) {
            animation-delay: 0.3s;
        }

        div.texttransform b:nth-child(4) {
            animation-delay: 0.45s;
        }

        div.texttransform b:nth-child(5) {
            animation-delay: 0.6s;
        }

        div.texttransform b:nth-child(6) {
            animation-delay: 0.75s;
        }

        div.texttransform b:nth-child(7) {
            animation-delay: 0.9s;
        }

        div.texttransform b:nth-child(8) {
            animation-delay: 1.05s;
        }

        div.texttransform b:nth-child(9) {
            animation-delay: 1.2s;
        }

        div.texttransform b:nth-child(10) {
            animation-delay: 1.35s;
        }


@keyframes texttransform_in {
    0% {
        transform-origin: 50% 100%;
        transform: scaleY(0);
    }

    25% {
        transform-origin: 50% 100%;
        transform: scaleY(1);
    }

    75% {
        transform-origin: 50% 0%;
        transform: scaleY(1);
    }

    100% {
        transform-origin: 50% 0%;
        transform: scaleY(0);
    }
}


/* END SPINNER */


/* BEGIN TOAST */

.e-toast .e-toast-close-icon {
    font-family: 'e-icons' !important;
    background-color: transparent !important;
    border-color: transparent !important;
}

.e-toast {
    z-index: 10000 !important;
}


@font-face {
    font-family: 'Toast_icons';
    src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype');
    font-weight: normal;
    font-style: normal;
}

.toast-icons {
    font-family: 'Toast_icons' !important;
    font-size: 25px !important;
}

    .toast-icons.e-error::before {
        content: '\e700';
    }

    .toast-icons.e-warning::before {
        content: '\e703';
    }

    .toast-icons.e-success::before {
        content: "\e701";
    }

    .toast-icons.e-info::before {
        content: "\e704";
    }

.e-toast-close-icon {
    font-size: 15px !important;
}

/* END TOAST */


/* BEGIN DIALOGS */

.e-dlg-container, .e-dlg-center-center {
    z-index: 5000 !important;
}

.e-dialog.e-popup.e-popup-open.e-dialog {
    background-color: #fff0 !important;
}

.e-dialog .e-dlg-header-content {
    background-color: #75b72a;
}

.e-dialog .e-dlg-header {
    color: #fff;
}

.e-dialog .e-btn .e-btn-icon.e-icon-dlg-close {
    color: #fff;
    opacity: 1;
}

.e-dialog .e-btn .e-btn-icon.e-icon-dlg-close {
    margin-top: -13px !important;
}

.e-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
    border-radius: 0 !important;
    bottom: 5px !important;
    height: 20px !important;
    left: 0 !important;
    width: 30px !important;
    top: 0px !important;
}

.e-dialog .e-footer-content {
    border-top: 3px solid #75b72a !important;
}

/* END DIALOGS */


/* BEGIN LANGUAGE COMBO */

.languageCombo {
    background-color: transparent !important;
    border-color: transparent !important;
    color: #464e5f !important;
}

    .languageCombo.e-btn.e-active {
        background-color: #D8E4B950 !important;
        border-color: transparent !important;
        color: #464e5f !important;
        box-shadow: 0 0 0 3px #D8E4B9 !important;
    }

    .languageCombo:hover {
        background-color: #D8E4B950 !important;
        border-color: transparent !important;
        color: #464e5f !important;
    }

    .languageCombo:focus {
        box-shadow: none !important;
    }


    .languageCombo.e-dropdown-popup ul {
        border-color: transparent !important;
        background-color: #ffffff !important;
        z-index: 1000 !important;
    }

.languageItemPopup {
    display: inline-grid;
    border: 0 solid rgba(0,0,0,.15);
    border-radius: .42rem !important;
    box-shadow: 0 0 50px 0 rgba(82,63,105,.15);
    background-color: #ffffff !important;
}

.languageComboItem {
    background-color: transparent !important;
    border-color: transparent !important;
    z-index: 1000 !important;
    color: #464e5f !important;
    border-radius: 0 !important;
}

    .languageComboItem:focus {
        box-shadow: none !important;
    }

    .languageComboItem:hover {
        background-color: #D8E4B950 !important;
    }

.imageFlag {
    margin-left: 35px !important;
}

/* END LANGUAGE COMBO */

/* BEGIN LOGIN */

.max-h-70px {
    width: 250px !important;
}


.login.login-1 .login-aside {
    width: 100%;
    max-width: 600px;
}

    .login.login-1 .login-aside .aside-img {
        min-height: 405px;
    }

.login.login-1 .login-content .login-form {
    width: 100%;
    max-width: 450px;
    margin: 5px;
}

.login.login-1.login-signin-on .login-signin {
    display: block;
}


.loginTextBox {
    height: auto;
    background-color: #184c4f0d !important;
    border-color: #184c4f0d !important;
    border-radius: .85rem !important;
    margin-top: 25px !important;
    width: 20vw !important;
}

    .loginTextBox.e-float-input.e-input-group input, .loginTextBox input {
        height: auto;
        padding: 1.5rem !important;
    }

    .loginTextBox.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error), .loginTextBox.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
        box-shadow: 0 0 0 3px #184c4f42 !important;
    }

    .loginTextBox.e-input-group:active:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled), .loginTextBox.e-input-group.e-control-wrapper:active:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) {
        box-shadow: 0 0 0 3px #184c4f42 !important;
    }

    .loginTextBox.e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error), .loginTextBox.e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
        box-shadow: 0 0 0 3px #184c4f42 !important;
    }


    .loginTextBox input:-webkit-autofill,
    .loginTextBox input:-webkit-autofill:hover,
    .loginTextBox input:-webkit-autofill:focus,
    .loginTextBox input:-webkit-autofill:active {
        -webkit-box-shadow: 0 0 0 50px #8bb63c3b inset !important;
        padding: 1.5rem !important;
        border-radius: .85rem !important;
    }


    .loginButton {
        padding: 15px !important;
        width: 20vw !important;
        border-radius: .42rem !important;
        background-color: #184c4f !important;
        border-color: #184c4f !important;
        color: #fff !important;
    }

        .loginButton:disabled {
            opacity: .6 !important;
        }

        .loginButton:focus {
            box-shadow: 0 0 0 0.25em #184c4f80 !important;
        }

        .loginButton:active {
            box-shadow: 0 0 0 0.25em #184c4f80 !important;
        }

      /*  .loginTextBox.e-float-input input ~ label.e-label-top.e-float-text,
        .loginTextBox.e-float-input.e-input-focus input ~ label.e-float-text {
            transform: translate3d(-10px, -60px, 0) scale(1) !important;
            color: white !important;
        }*/



/* END LOGIN */

/* BEGIN PREMIUM LOGIN */

.premium-login-shell {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    overflow: hidden;
    color: #fff;
    background:
        radial-gradient(circle at top left, rgba(216, 228, 185, 0.15), transparent 24%),
        radial-gradient(circle at bottom right, rgba(117, 183, 42, 0.14), transparent 26%),
        linear-gradient(135deg, #081618 0%, #12383b 48%, #09191b 100%);
}

.premium-login-backdrop {
    position: absolute;
    inset: 0;
    overflow: hidden;
}

.premium-login-background-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.18;
    filter: saturate(0.9) contrast(1.05) blur(1px);
    transform: scale(1.05);
}

.premium-login-orb {
    position: absolute;
    border-radius: 50%;
    filter: blur(18px);
    animation: premiumLoginFloat 11s ease-in-out infinite;
}

.premium-login-orb-primary {
    top: 10%;
    left: 8%;
    width: 21rem;
    height: 21rem;
    background: radial-gradient(circle, rgba(216, 228, 185, 0.2) 0%, rgba(216, 228, 185, 0) 72%);
}

.premium-login-orb-secondary {
    right: 5%;
    bottom: 8%;
    width: 24rem;
    height: 24rem;
    background: radial-gradient(circle, rgba(117, 183, 42, 0.18) 0%, rgba(117, 183, 42, 0) 72%);
    animation-delay: -5s;
}

.premium-login-grid {
    position: absolute;
    inset: 0;
    opacity: 0.12;
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.06) 1px, transparent 1px);
    background-size: 42px 42px;
    mask-image: radial-gradient(circle at center, black 24%, transparent 82%);
    -webkit-mask-image: radial-gradient(circle at center, black 24%, transparent 82%);
}

.premium-login-container {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(320px, 1.1fr) minmax(320px, 0.9fr);
    gap: 0;
    width: min(1180px, calc(100vw - 3rem));
    min-height: min(780px, calc(100vh - 3rem));
    margin: 0 auto;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 2rem;
    overflow: hidden;
    background: rgba(7, 19, 21, 0.34);
    box-shadow:
        0 28px 90px rgba(0, 0, 0, 0.34),
        0 0 0 1px rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

.premium-login-brand-panel {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 4rem 4rem 3.25rem;
    background:
        linear-gradient(180deg, rgba(24, 76, 79, 0.86) 0%, rgba(11, 34, 36, 0.82) 100%),
        radial-gradient(circle at top, rgba(255, 255, 255, 0.1), transparent 48%);
}

.premium-login-brand-panel::after {
    content: "";
    position: absolute;
    inset: 1.25rem;
    border-radius: 1.4rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    pointer-events: none;
}

.premium-login-brand-top,
.premium-login-brand-copy,
.premium-login-brand-footer {
    position: relative;
    z-index: 1;
    min-height: 6.25rem;
}

.premium-login-brand-footer .premium-login-brand-badge {
    position: absolute;
    left: 50%;
    bottom: 3.7rem;
    transform: translateX(-50%);
}

.premium-login-brand-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.45rem 0.85rem;
    margin-bottom: 1.5rem;
    border: 1px solid rgba(216, 228, 185, 0.22);
    border-radius: 999px;
    background: rgba(216, 228, 185, 0.08);
    color: #d8e4b9;
    font-size: 0.66rem !important;
    font-weight: 600;
    letter-spacing: 0.24em;
    text-transform: uppercase;
}

.premium-login-logo {
    width: min(100%, 320px);
    filter: drop-shadow(0 18px 30px rgba(0, 0, 0, 0.28));
}

.premium-login-brand-copy {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    max-width: 34rem;
}

.premium-login-eyebrow {
    color: rgba(216, 228, 185, 0.92);
    font-size: 0.78rem !important;
    font-weight: 600;
    letter-spacing: 0.22em;
    text-transform: uppercase;
}

.premium-login-brand-title {
    margin: 0;
    color: #ffffff;
    font-size: clamp(2.2rem, 4vw, 3.8rem);
    line-height: 1.02;
    font-weight: 700;
    letter-spacing: -0.04em;
}

.premium-login-brand-slogan {
    margin: 0;
    max-width: 31rem;
    color: rgba(255, 255, 255, 0.78);
    font-size: 0.98rem !important;
    line-height: 1.85;
}

.premium-login-version-chip {
    display: inline-flex;
    padding: 0.55rem 0.95rem;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin: 0;
    transform: translateX(-50%);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
    color: #d8e4b9;
    font-family: 'Roboto Mono', monospace !important;
    font-size: 0.76rem !important;
    letter-spacing: 0.08em;
}

.premium-login-form-panel {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 3.5rem 3.25rem 2.5rem;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(249, 251, 248, 0.93) 100%);
}

.premium-login-form-panel::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at top right, rgba(216, 228, 185, 0.32), transparent 34%),
        radial-gradient(circle at bottom left, rgba(24, 76, 79, 0.08), transparent 40%);
    pointer-events: none;
}

.premium-login-form-header,
.premium-login-form-body,
.premium-login-meta {
    position: relative;
    z-index: 1;
}

.premium-login-form-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.premium-login-form-heading {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.premium-login-form-kicker {
    color: #75b72a;
    font-size: 0.7rem !important;
    font-weight: 700;
    letter-spacing: 0.2em;
    text-transform: uppercase;
}

.premium-login-form-title {
    margin: 0;
    color: #14383b;
    font-size: 2rem;
    font-weight: 700;
    letter-spacing: -0.03em;
}

.premium-login-form-subtitle {
    color: #6a7f80;
    font-size: 0.86rem !important;
    font-weight: 500;
    letter-spacing: 0.03em;
}

.premium-login-language-wrap {
    display: flex;
    align-items: center;
}

.premium-language-combo {
    border-radius: 999px !important;
    border: 1px solid rgba(24, 76, 79, 0.12) !important;
    background: rgba(24, 76, 79, 0.04) !important;
    box-shadow: none !important;
}

.premium-language-current {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    border-radius: 999px;
}

.premium-login-form-body {
    display: flex;
    flex-direction: column;
    gap: 1.35rem;
}

.premium-login-form-card {
    position: relative;
    z-index: 1;
    margin-top: 2.1rem;
    padding: 1.4rem;
    border: 1px solid rgba(24, 76, 79, 0.08);
    border-radius: 1.5rem;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.74) 0%, rgba(255, 255, 255, 0.48) 100%);
    box-shadow:
        0 18px 40px rgba(20, 56, 59, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.6);
}

.premium-login-input-group {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
}

.premium-login-password-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.premium-login-input-label {
    color: #355658;
    font-size: 0.78rem !important;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.premium-login-textbox.loginTextBox {
    height: auto;
    width: 100% !important;
    margin-top: 0 !important;
    background-color: rgba(24, 76, 79, 0.06) !important;
    border-color: rgba(24, 76, 79, 0.08) !important;
    border-radius: 1rem !important;
    overflow: hidden;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55);
}

.premium-login-textbox.loginTextBox.e-float-input.e-input-group input,
.premium-login-textbox.loginTextBox input {
    height: auto;
    padding: 1.1rem 1.2rem !important;
    color: #12383b !important;
    font-size: 0.9rem !important;
}

.premium-login-textbox.loginTextBox.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
.premium-login-textbox.loginTextBox.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
.premium-login-textbox.loginTextBox.e-input-group:active:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
.premium-login-textbox.loginTextBox.e-input-group.e-control-wrapper:active:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
.premium-login-textbox.loginTextBox.e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error),
.premium-login-textbox.loginTextBox.e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
    box-shadow: 0 0 0 4px rgba(24, 76, 79, 0.14) !important;
}

.premium-login-textbox.loginTextBox input:-webkit-autofill,
.premium-login-textbox.loginTextBox input:-webkit-autofill:hover,
.premium-login-textbox.loginTextBox input:-webkit-autofill:focus,
.premium-login-textbox.loginTextBox input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 50px rgba(216, 228, 185, 0.4) inset !important;
    padding: 1.1rem 1.2rem !important;
    border-radius: 1rem !important;
}

.premium-login-button.loginButton {
    width: 100% !important;
    min-height: 3.65rem;
    margin-top: 0.55rem !important;
    border-radius: 1rem !important;
    background: linear-gradient(135deg, #184c4f 0%, #215f63 100%) !important;
    border-color: #184c4f !important;
    font-size: 0.92rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    box-shadow: 0 16px 32px rgba(24, 76, 79, 0.24);
}

.premium-login-actions-row {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.premium-login-link,
.premium-login-owner-link,
.premium-login-owner-icon {
    color: #75b72a !important;
    font-weight: 700;
    text-decoration: none;
    font-size: 0.8rem !important;
}

.premium-login-developed-by label,
.premium-login-owner-link,
.premium-login-owner-icon {
    display: inline-flex;
    align-items: center;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
    vertical-align: middle;
}

.premium-login-owner-icon img {
    display: block;
}

.premium-login-link:hover,
.premium-login-owner-link:hover,
.premium-login-owner-icon:hover {
    color: #5e9621 !important;
}

.premium-password-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    border: 1px solid rgba(24, 76, 79, 0.1);
    border-radius: 999px;
    background: rgba(24, 76, 79, 0.04);
    color: #184c4f;
    transition: all 0.2s ease;
}

.premium-password-toggle:hover {
    background: rgba(24, 76, 79, 0.08);
    border-color: rgba(24, 76, 79, 0.16);
}

.premium-password-toggle:focus {
    outline: none;
    box-shadow: 0 0 0 4px rgba(24, 76, 79, 0.12);
}

.premium-login-meta {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    padding-top: 2rem;
}

.premium-login-developed-by {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.3rem;
    flex-wrap: wrap;
    color: #5f7577;
    text-align: center;
    line-height: 1;
}

.premium-login-owner-link {
    position: relative;
    top: 0;
}

.premium-login-meta-version {
    color: #6f8486;
    text-align: center;
    font-family: 'Roboto Mono', monospace !important;
    font-size: 0.75rem !important;
    letter-spacing: 0.08em;
}

@keyframes premiumLoginFloat {
    0%, 100% {
        transform: translate3d(0, 0, 0);
    }

    50% {
        transform: translate3d(0, -18px, 0);
    }
}

@media (max-width: 1100px) {
    .premium-login-container {
        grid-template-columns: 1fr;
        width: min(860px, calc(100vw - 2rem));
        margin: 0 auto;
    }

    .premium-login-brand-panel,
    .premium-login-form-panel {
        padding: 2.5rem 2rem;
    }

    .premium-login-brand-panel {
        min-height: 24rem;
    }
}

@media (max-width: 640px) {
    .premium-login-shell {
        min-height: 100%;
    }

    .premium-login-container {
        width: calc(100vw - 1rem);
        min-height: calc(100vh - 1rem);
        margin: 0 auto;
        border-radius: 1.4rem;
    }

    .premium-login-brand-panel,
    .premium-login-form-panel {
        padding: 1.5rem 1.1rem;
    }

    .premium-login-form-header {
        flex-direction: column;
        align-items: flex-start;
    }

    .premium-login-brand-title {
        font-size: 2rem;
    }

    .premium-login-brand-slogan {
        font-size: 0.88rem !important;
        line-height: 1.7;
    }
}

/* END PREMIUM LOGIN */


/* BEGIN ICONS */

ion-icon {
    pointer-events: none;
}


@font-face {
    font-family: 'ContextMenu';
    src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype');
    font-weight: normal;
    font-style: normal;
}


.contextmenu-icons {
    font-family: 'ContextMenu' !important;
    font-size: 15px !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

    .contextmenu-icons.addNew::before {
        content: "\e100";
    }

    .contextmenu-icons.Search::before {
        content: "\e101";
    }

    .contextmenu-icons.Save::before {
        content: "\e102";
    }

    .contextmenu-icons.Refresh::before {
        content: "\e103";
    }

    .contextmenu-icons.Delete::before {
        content: "\e104";
    }

    .contextmenu-icons.Preview::before {
        content: "\e105";
    }

    .contextmenu-icons.Edit::before {
        content: "\e106";
    }

    .contextmenu-icons.Ok::before {
        content: "\e107";
    }

    .contextmenu-icons.Locked::before {
        content: "\e708";
    }

    .contextmenu-icons.Unlocked::before {
        content: "\e709";
    }

    .contextmenu-icons.Email::before {
        content: "\e110";
    }

    .contextmenu-icons.SendMessage::before {
        content: "\e111";
    }

    .contextmenu-icons.Document::before {
        content: "\e117";
    }

    .contextmenu-icons.Download::before {
        content: "\e112";
    }

    .contextmenu-icons.LeftArrow, .contextmenu-icons.RightArrow {
        width: 20px;
        height: 20px;
    }

    .contextmenu-icons.LeftArrow::before {
        display: inline-block;
        width: 20px;
        height: 20px;
        content: "";
        background: #184c4f;
        -webkit-mask: url('../Images/LeftArrow.png') center/contain;
    }

    .contextmenu-icons.RightArrow::before {
        display: inline-block;
        width: 20px;
        height: 20px;
        content: "";
        background: #184c4f;
        -webkit-mask: url('../Images/RightArrow.png') center/contain;
    }

    .contextmenu-icons.UpArrow, .contextmenu-icons.DownArrow {
        width: 10px;
        height: 18px;
        margin-top: -4px !important;
    }

        .contextmenu-icons.UpArrow::before {
            display: inline-block;
            width: 10px;
            height: 10px;
            content: "";
            background: black;
            -webkit-mask: url('../Images/UpArrow.png') center/contain;
        }


        .contextmenu-icons.DownArrow::before {
            display: inline-block;
            width: 10px;
            height: 10px;
            content: "";
            background: black;
            -webkit-mask: url('../Images/DownArrow.png') center/contain;
        }

    /*.contextmenu-icons.Rows::before {
        display: inline-block;
        width: 20px;
        height: 20px;
        content: "";
        background: #184c4f;
        -webkit-mask: url('../Images/Rows.png') center/contain;
    }
    
    .contextmenu-icons.Columns::before {
        display: inline-block;
        width: 20px;
        height: 20px;
        content: "";
        background: #184c4f;
        -webkit-mask: url('../Images/Columns.png') center/contain;
    }*/

    .IconRows {       
        display: inline-block;
        width: 16px;
        height: 16px;     
        background: white;
        -webkit-mask: url(../Images/Rows.png) center/contain;
        mask: url(../Images/Rows.png) center/contain;
    }

    .IconColumns {
        display: inline-block;
        width: 16px;
        height: 16px;
        background: white;
        -webkit-mask: url(../Images/Columns.png) center/contain;
        mask: url(../Images/Columns.png) center/contain;
    }

        .IconColumns.inactive, .IconRows.inactive {
            background: #184c4f;
        }


@font-face {
    font-family: 'NavMenu';
    src: url(data:application/x-font-ttf;charset=utf-8;base64,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AVrenP6rmgIRe/6pfP5MAbQBuP5IAeT+eccBhP58xwGHxjdZxFhYR8NIs/4R/v4B7f0AAAAAABIA3gABAAAAAAAAAAEAAAABAAAAAAABAAwAAQABAAAAAAACAAcADQABAAAAAAADAAwAFAABAAAAAAAEAAwAIAABAAAAAAAFAAsALAABAAAAAAAGAAwANwABAAAAAAAKACwAQwABAAAAAAALABIAbwADAAEECQAAAAIAgQADAAEECQABABgAgwADAAEECQACAA4AmwADAAEECQADABgAqQADAAEECQAEABgAwQADAAEECQAFABYA2QADAAEECQAGABgA7wADAAEECQAKAFgBBwADAAEECQALACQBXyBOYXZNZW51QWRtaW5SZWd1bGFyTmF2TWVudUFkbWluTmF2TWVudUFkbWluVmVyc2lvbiAxLjBOYXZNZW51QWRtaW5Gb250IGdlbmVyYXRlZCB1c2luZyBTeW5jZnVzaW9uIE1ldHJvIFN0dWRpb3d3dy5zeW5jZnVzaW9uLmNvbQAgAE4AYQB2AE0AZQBuAHUAQQBkAG0AaQBuAFIAZQBnAHUAbABhAHIATgBhAHYATQBlAG4AdQBBAGQAbQBpAG4ATgBhAHYATQBlAG4AdQBBAGQAbQBpAG4AVgBlAHIAcwBpAG8AbgAgADEALgAwAE4AYQB2AE0AZQBuAHUAQQBkAG0AaQBuAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAHUAcwBpAG4AZwAgAFMAeQBuAGMAZgB1AHMAaQBvAG4AIABNAGUAdAByAG8AIABTAHQAdQBkAGkAbwB3AHcAdwAuAHMAeQBuAGMAZgB1AHMAaQBvAG4ALgBjAG8AbQAAAAACAAAAAAAAAAoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACwBAgEDAQQBBQEGAQcBCAEJAQoBCwEMAQ0BDgEPARABEQESARMBFAEVARYBFwEYARkBGgEbARwBHQEeAR8BIAEhASIBIwEkASUBJgEnASgBKQEqASsBLAEtAAlFeGhpYml0b3IJVHJhZGVTaG93B1Nwb25zb3IESG9tZQhTZXR0aW5ncwRVc2VyBU90aGVyBExlZnQFUmlnaHQJQXJyb3dEb3duB0Fycm93VXAHU2VjdG9ycwZTb2NpYWwGRGVzaWduB0NvbnRlbnQFRXZlbnQGQWdlbmRhCERvY3VtZW50B1Zpc2l0b3IKU3Vic2NyaWJlcglNb3ZlbWVudHMFbW9uZXkGdmlkZW9zBGJlbGwGV2VpZ2h0BkxhYmVscwVQcmludAlUcmFuc3BvcnQJRmluaXNoaW5nBVNjcmV3CkVzdGltYXRpb24DTmNzCkN1dHRpbmdEaWUFQmFkZ2UIUGF5bWVudHMGZGV2aWNlBWVtYWlsCmRlcGFydG1lbnQJYnJpZWZjYXNlDENhbGVuZGFyRmluZAt0cnVja2xvYWRlcgZkcml2ZXIJdHJhbnNwb3J0AAAAAAA=) format('truetype');
    font-weight: normal;
    font-style: normal;
}


.nav-icons {
    font-family: 'NavMenu' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #464e5f;
    line-height: 1.5;
    font-size: 25px !important;
}

    .nav-icons.addNew::before {
        content: "\e100";
    }

    .nav-icons.home::before {
        content: '\e103';
    }       

    .nav-icons.general::before {
        content: '\e111';
    }

    .nav-icons.sponsor::before {
        content: '\e102';
    }

    .nav-icons.user::before {
        content: '\e105';
    }

    .nav-icons.other::before {
        content: '\e106';
    }

    .nav-icons.settings::before {
        content: '\e104';
    }

    .nav-icons.customer:before {
        content: "\e119";
    }

    .nav-icons.movements:before {
        content: "\e120";
    }

    .nav-icons.videos:before {
        content: "\e122";
    }

    .nav-icons.materials:before {
        content: "\e124";
    }

    .nav-icons.tags:before {
        content: "\e125";
    }

    .nav-icons.terms::before {
        content: '\e117';
    }

    .nav-icons.achievements::before {
        content: '\e133';
    }

    .nav-icons.payments::before {
        content: '\e134';
    }

    .nav-icons.terminal::before {
        content: '\e137';
    }

    .nav-icons.truckloader::before {
        content: '\e140';
    }

    .nav-icons.carrier::before {
        content: '\e142';
    }

    .nav-icons.provider::before {
        content: '\e100';
    }

    .nav-icons.driver::before {
        content: '\e141';
    }

    .nav-icons.vehicle::before {
        content: '\e127';
    }

    .nav-icons.eventType::before {
        content: '\e114';
    }

    .nav-icons.line::before {
        content: '\e112';
    }

    .nav-icons.trainprice::before {
        content: '\e134';
    }

    .nav-icons.country::before {
        content: '\e101';
    }

    .nav-icons.load::before {
        content: '\e130';
    }

    .nav-icons.planner::before {
        content: '\e115';
    }

    .nav-icons.chassis::before {
        /*content: url(../Images/Chassis.png);*/
        background-image: url('../Images/Chassis.png');
        background-size: cover;
        display: inline-block;
        width: 20px;
        height: 23px;
        content: "";
        background-position: center;
        background-repeat: no-repeat;
    }

    .nav-icons.cargobox::before {
        /*content: url(../Images/Cargo.png);*/
        background-image: url('../Images/Cargo.png');
        background-size: cover;
        display: inline-block;
        width: 20px;
        height: 23px;
        content: "";
        background-position: center;
        background-repeat: no-repeat;
    }

    .nav-icons.time::before {
        background-image: url('../Images/Time.png');
        background-size: cover;
        display: inline-block;
        width: 20px;
        height: 23px;
        content: "";
        background-position: center;
        background-repeat: no-repeat;
    }

/* END ICONS */


/* BEGIN NAV MENU */

.activeMenuItem {
    background-color: #D8E4B950 !important;
}

    .activeMenuItem span {
        color: #8BB63C !important;
    }

        .activeMenuItem span.chassis, .activeMenuItem span.cargobox {
            filter: sepia(100%) saturate(700%) brightness(150%) hue-rotate(50deg);
        }

.sidebar-item:hover {
    background-color: #D8E4B950 !important;
}

.activeMenuItem:hover {
    color: #8BB63C !important;
    background-color: #D8E4B950 !important;
}

/* END NAV MENU */

/* BEGIN TEXTBOXS */

.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error), .e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
    box-shadow: 0 0 0 3px #D8E4B950 !important;
}

.e-input-group:active:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled), .e-input-group.e-control-wrapper:active:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) {
    box-shadow: 0 0 0 3px #D8E4B950 !important;
    border-color: #D8E4B950 !important;
}

.e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error), .e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
    box-shadow: 0 0 0 3px #D8E4B950 !important;
    border-color: #D8E4B950 !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 50px #D8E4B950 inset !important;
    padding: 1.5rem !important;
    border-radius: .85rem !important;
}

/* END TEXTBOXS */

/* BEGIN BUTTONS */

.contextMenuButton {
    font-size: .75rem !important;
    font-weight: 500 !important;
    padding: .5rem 1rem !important;
    line-height: 1.35 !important;
    border-radius: .42rem !important;
}


.addNewContextButton {
    background-color: #1bc5bd !important;
    border-color: #1bc5bd !important;
}

    .addNewContextButton:disabled {
        opacity: .6 !important;
    }

    .addNewContextButton:focus {
        box-shadow: 0 0 0 0.25em rgba(27, 197, 189, 0.5) !important;
    }


.excelContextButton {
    background-color: #004d00 !important;
    border-color: #004d00 !important;
}

    .excelContextButton:disabled {
        opacity: .6 !important;
    }

    .excelContextButton:focus {
        box-shadow: 0 0 0 0.25em rgba(0, 77, 0, 0.5) !important;
    }


.saveContextButton {
    background-color: #184c4f !important;
    border-color: #184c4f !important;
}

    .saveContextButton:disabled {
        opacity: .6 !important;
    }

    .saveContextButton:focus {
        box-shadow: 0 0 0 0.25em #184c4f80 !important;
    }

    .saveContextButton:active {
        box-shadow: 0 0 0 0.25em #184c4f80 !important;
    }


.removeButton {
    background-color: #D73C2C !important;
    border-color: #D73C2C !important;
}

    .removeButton:disabled {
        opacity: .6 !important;
    }

    .removeButton:focus {
        box-shadow: 0 0 0 0.25em rgba(215, 60, 44, 0.5) !important;
    }

    .removeButton:active {
        box-shadow: 0 0 0 0.25em rgba(215, 60, 44, 0.5) !important;
    }

.closeContextButton {
    background-color: #b8cfd1 !important;
    border-color: #b8cfd1 !important;
    color: #184c4f !important;
}

    .closeContextButton:hover {
        background-color: #184c4f !important;
        border-color: #184c4f !important;
        color: #fff !important;
    }

    .closeContextButton:disabled {
        opacity: .6 !important;
    }

    .closeContextButton:focus {
        box-shadow: 0 0 0 0.25em #b8cfd180 !important;
    }

    .closeContextButton:active {
        box-shadow: 0 0 0 0.25em #b8cfd180 !important;
    }


.refreshContextButton {
    background-color: #184c4f !important;
    border-color: #184c4f !important;
}

    .refreshContextButton:disabled {
        opacity: .6 !important;
    }

    .refreshContextButton:focus {
        box-shadow: 0 0 0 0.25em #184c4f80 !important;
    }

    .refreshContextButton:active {
        box-shadow: 0 0 0 0.25em #184c4f80 !important;
    }

.transparentContextButton {
    background-color: #ffffff00 !important;
    border-color: #ffffff00 !important;
}

    .transparentContextButton:disabled {
        opacity: .6 !important;
    }

    .transparentContextButton:focus {
        box-shadow: 0 0 0 0.25em #ececec80 !important;
    }

    .transparentContextButton:active {
        box-shadow: 0 0 0 0.25em #ececec80 !important;
    }



.plannerContextButton {
    background-color: #184c4f !important;
    border-color: #184c4f !important;
    font-size: .7rem !important;
    padding: 0.3rem !important;
}

    .plannerContextButton:disabled {
        opacity: .6 !important;
    }

    .plannerContextButton:focus {
        box-shadow: 0 0 0 0.25em #184c4f80 !important;
    }

    .plannerContextButton:active {
        box-shadow: 0 0 0 0.25em #184c4f80 !important;
    }



.assignContextButton {
    background-color: #0077b3 !important;
    border-color: #0077b3 !important;
    font-size: .7rem !important;
    padding: 0.3rem !important;
}

    .assignContextButton:disabled {
        opacity: .6 !important;
    }

    .assignContextButton:focus {
        box-shadow: 0 0 0 0.25em #0077b380 !important;
    }

    .assignContextButton:active {
        box-shadow: 0 0 0 0.25em #0077b380 !important;
    }


.copyContextButton {
    background-color: #862d86 !important;
    border-color: #862d86 !important;
    font-size: .7rem !important;
    padding: 0.3rem !important;
}

    .copyContextButton:disabled {
        opacity: .6 !important;
    }

    .copyContextButton:focus {
        box-shadow: 0 0 0 0.25em #862d8680 !important;
    }

    .copyContextButton:active {
        box-shadow: 0 0 0 0.25em #862d8680 !important;
    }


.pasteContextButton {
    background-color: #d279a6 !important;
    border-color: #d279a6 !important;
    font-size: .7rem !important;
    padding: 0.3rem !important;
}

    .pasteContextButton:disabled {
        opacity: .6 !important;
    }

    .pasteContextButton:focus {
        box-shadow: 0 0 0 0.25em #d279a680 !important;
    }

    .pasteContextButton:active {
        box-shadow: 0 0 0 0.25em #d279a680 !important;
    }



.copyExternalContextButton {
    background-color: #ac3939 !important;
    border-color: #ac3939 !important;
    font-size: .7rem !important;
    padding: 0.3rem !important;
}

    .copyExternalContextButton:disabled {
        opacity: .6 !important;
    }

    .copyExternalContextButton:focus {
        box-shadow: 0 0 0 0.25em #ac393980 !important;
    }

    .copyExternalContextButton:active {
        box-shadow: 0 0 0 0.25em #ac393980 !important;
    }


.plannerButton {
    background-color: #3d83b5 !important;
    border-color: #3d83b5 !important;
    font-size: 10px !important;
    padding: 0rem !important;
    color: white !important;
    border-radius: 0.2rem !important;
    height: 15px !important;
    line-height: 1.35 !important;
}

    .plannerButton:disabled {
        opacity: .6 !important;
    }

    .plannerButton:focus {
        box-shadow: 0 0 0 0.15em #3d83b580 !important;
    }

    .plannerButton:active {
        box-shadow: 0 0 0 0.15em #3d83b580 !important;
    }


.mandatoryPlannerButton {
    background-color: #404040 !important;
    border-color: #404040 !important;
    font-size: 10px !important;
    padding: 0rem !important;
    color: white !important;
    border-radius: 0.2rem !important;
    height: 15px !important;
    line-height: 1.35 !important;
}

    .mandatoryPlannerButton:disabled {
        opacity: .6 !important;
    }

    .mandatoryPlannerButton:focus {
        box-shadow: 0 0 0 0.15em #40404080 !important;
    }

    .mandatoryPlannerButton:active {
        box-shadow: 0 0 0 0.15em #40404080 !important;
    }


.statusPlannerButton {
    background-color: #404040 !important;
    border-color: #404040 !important;
    color: white !important;
    border-radius: 0.2rem !important;
    line-height: 1.35 !important;
    min-width: 10em;
}

    .statusPlannerButton:disabled {
        opacity: .6 !important;
    }

    .statusPlannerButton:focus {
        box-shadow: 0 0 0 0.15em #40404080 !important;
    }

    .statusPlannerButton:active {
        box-shadow: 0 0 0 0.15em #40404080 !important;
    }


.removePlannerButton {
    line-height: 1.5 !important;
    margin-top: -1px !important;
}


/* END BUTTONS */
/* BEGIN SUBHEADER */
.subheader-fixed {
    position: fixed;
    height: 54px;
    top: 60px;
    left: 230px;
    right: 0;
    /*	transition: top .3s ease;*/
    transition: top, left .5s ease, visibility 500ms;
    z-index: 95;
    /*box-shadow: 0 10px 30px 0 rgba(82,63,105,.08);*/
    box-shadow: 0 5px 10px 0 rgb(4 4 4 / 50%);
    background-color: #fff;
    border-bottom: 3px solid #75b72a !important;
    /*border-top: 3px solid #75b72a !important;*/
    margin: 0;
}

.subheader {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

    .subheader .subheader-separator.subheader-separator-ver {
        width: 3px;
        height: 22px;
    }

    .subheader .subheader-separator {
        display: block;
        width: 12px;
        height: 4px;
        border-radius: 2px;
        background-color: #75b72a;
    }

.subsubheader {
    background-color: transparent;
    box-shadow: none !important;
    height: 100%;
    overflow-y: auto;
    padding-bottom: 105px !important;
    border: 0;
    padding-top: 1rem !important;
}

.subsubheader-child {
    height: 100% !important;
    padding: 10px;
    background-color: white;
    position: relative !important;
    top: 0px;
    left: 10px;
    border-radius: 5px;
    width: 100% !important;
    margin-right: 20px !important;
}

.bg-gray-200 {
    background-color: #ecf0f3 !important;
}

.pt-lg-4, .py-lg-4 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

.mr-5, .mx-5 {
    margin-right: 1.25rem !important;
}

.mr-4, .mx-4 {
    margin-right: 1rem !important;
}

.text-muted {
    color: #6c757d !important;
    font-size: 13px;
    font-weight: 500 !important;
    color: #b5b5c3 !important;
}

/* END SUBHEADER*/



/* START GRID PAGER */

.e-pager .e-pagercontainer {
    border-color: transparent !important;
}

    .e-pager .e-pagercontainer .e-firstpage,
    .e-pager .e-pagercontainer .e-prevpage,
    .e-pager .e-pagercontainer .e-firstpagedisabled,
    .e-pager .e-pagercontainer .e-prevpagedisabled,
    .e-pager .e-pagercontainer .e-nextpage,
    .e-pager .e-pagercontainer .e-lastpage,
    .e-pager .e-pagercontainer .e-nextpagedisabled,
    .e-pager .e-pagercontainer .e-lastpagedisabled {
        border-right-width: 0px !important;
        height: 35px !important;
        width: 35px !important;
        text-align: center !important;
        padding: 13px 13px 13px 13px !important;
    }


.e-pager .e-pager-default:hover {
    border-radius: 50% !important;
    height: 35px !important;
    width: 35px !important;
}

.e-pager-default[data_title]:hover:after {
    content: attr(data_title);
    background-color: #464e5f !important;
    border: 1px solid #464e5f !important;
    z-index: 10000 !important;
    padding: 10px !important;
    position: absolute !important;
    color: white;
    border-radius: 5px;
    margin-top: 10px;
    font-size: 0.75rem;
}


.e-pager .e-numericitem {
    border-right-width: 0px !important;
    height: 35px !important;
    width: 35px !important;
}

.e-link.e-numericitem.e-spacing.e-currentitem.e-active {
    border-radius: 50% !important;
    height: 35px !important;
    width: 35px !important;
}

.e-link.e-numericitem.e-spacing {
    height: 35px !important;
    width: 35px !important;
}

    .e-link.e-numericitem.e-spacing:hover {
        height: 35px !important;
        width: 35px !important;
        border-radius: 50% !important;
    }

.e-pager .e-currentitem, .e-pager .e-currentitem:hover {
    background: #75b72a !important;
}

/* END GRID PAGER */


/* BEGIN GRID */

.controlPanelSectionTitle {
    font-weight: 700 !important;
    font-size: 1.35em !important;
}

.controlPanelSubSectionTitle {
    font-weight: 700 !important;
    font-size: 1.15em !important;
}

.rectanglerounded {
    border-radius: 5px;
    padding: 12px 4px;
    color: white;
    display: inline-block;
}

.e-grid.sf-grid .e-gridcontent .e-content.e-yscroll {
    overflow-y: auto !important;
}

.e-headercell {
    height: 25px !important;
    padding: 0 5px 0 !important;
}

.e-grid-min-height .e-gridheader .e-headercell .e-headercelldiv {
    padding: 0 5px 0 !important;
}

.e-grid {
    border: 0 !important;
}

    .e-grid.e-resize-lines .e-headercell .e-rhandler {
        border-right: 1px solid white !important;
    }

    .e-grid .e-gridheader tr:first-child th {
        background-color: #75b72a !important;
        color: white !important;
    }

    .e-grid .e-gridheader {
        border-color: #f4f4f4 !important;
    }

    .e-grid .e-gridcontent {
        height: calc(100% - 45px) !important;
    }

    .e-grid .e-headertext {
        font-size: 0.75rem !important;
    }

    .e-grid.e-responsive .e-rowcell {
        border-color: transparent !important;
    }

    .e-grid .e-rowcell {
        padding-left: 5px !important;
    }

        .e-grid .e-rowcell span {
            font-size: 0.75rem !important;
        }

    .e-grid .e-pager {
        border-color: transparent;
    }

    .e-grid .e-spinner-pane {
        display: none !important;
    }

        .e-grid .e-spinner-pane .e-spin-show {
            display: none !important;
        }

    .e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop):not(.e-icon-reorderuparrow):not(.e-icon-reorderdownarrow) {
        color: white !important;
    }

    .e-grid .e-sortfilterdiv {
        margin-right: 0 !important;
    }

    .e-grid .e-focused:not(.e-menu-item){
        box-shadow: none !important;
    }

/* END GRID */

/* BEGIN ACTIONS CONTEXT */


.actionsCombo {
    background-color: #184c4f !important;
    border-color: #184c4f !important;
    padding: 0px 5px !important;
    max-height: 23px !important;
    margin-top: 0px !important;
}

    .actionsCombo:focus {
        box-shadow: 0 0 0 0.25em #184c4f80 !important;
    }        

    .actionsCombo.e-active {
        box-shadow: 0 0 0 0.25em #184c4f80 !important;
    }

    .actionsCombo.e-dropdown-popup ul {
        border-color: transparent !important;
        background-color: #ffffff !important;
        padding: 0px !important;
    }

        .actionsCombo.e-dropdown-popup ul .e-item {
            height: 30px !important;
            padding: 5px 15px !important;
            font-size: 0.75rem !important;
            line-height: 20px !important;
        }

            .actionsCombo.e-dropdown-popup ul .e-item:active, .actionsCombo.e-dropdown-popup ul .e-item.e-selected {
                /* background-color: #184c4f;
                color: #fff;*/
                background-color: #D8E4B950 !important;
                border-color: transparent !important;
                color: #000000 !important;
            }

            .actionsCombo.e-dropdown-popup ul .e-item:hover {
                background-color: #D8E4B950 !important;
                border-color: transparent !important;
            }

.actionsCombo.e-dropdown-popup {
    display: inline-grid;
    border: 0 solid rgba(0,0,0,.15);
    border-radius: .42rem !important;
    box-shadow: 0 0 50px 0 rgba(82,63,105,.15);
    padding: 0px !important;
}

    .actionsCombo.e-dropdown-btn.e-btn .e-caret {
        color: #fff !important;
        font-size: 0.6rem !important;
    }

    .actionsCombo.e-dropdown-btn.e-btn .e-btn-icon {
      /*  margin-top: 0px !important;*/
    }


.settings::before {
    content: '\e104';
}

.e-icons-Actions::before {
    font-size: 15px;
    font-family: 'e-icons-Actions' !important;
}

@font-face {
    font-family: 'e-icons-Actions';
    src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* END ACTIONS CONTEXT */


/* BEGIN ACCORDION */


.e-accordion {
    border: none !important;
    background: transparent !important;
    border-top: 1px solid #75b72a !important;
    border-left: 1px solid #75b72a !important;
    border-right: 1px solid #75b72a !important;
}

    .e-accordion .e-acrdn-item {
        border-bottom: 1px solid #75b72a !important;
    }

        .e-accordion .e-acrdn-item.e-select > .e-acrdn-header {
            background: #184c4f !important;
        }

        .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header .e-acrdn-header-icon, .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header .e-acrdn-header-content, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header .e-acrdn-header-icon {
            color: white !important;
            font-weight: bold !important;
            text-decoration: none !important;
        }

        .e-accordion .e-acrdn-item.e-select.e-acrdn-item > .e-acrdn-header:hover .e-icons, .e-accordion .e-acrdn-item.e-select.e-acrdn-item > .e-acrdn-header:hover .e-acrdn-header-content {
            color: white !important;
        }

        .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header > .e-toggle-icon, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header > .e-toggle-icon {
            color: white !important;
        }

        .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header:hover .e-icons, .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header:hover .e-acrdn-header-content, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header:hover .e-icons, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header:hover .e-acrdn-header-content {
            color: white !important;
        }

        .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
            color: white !important;
        }

        .e-accordion .e-acrdn-item.e-select > .e-acrdn-header:hover .e-acrdn-header-content, .e-accordion .e-acrdn-item.e-select > .e-acrdn-header:focus .e-acrdn-header-content {
            text-decoration: none !important;
        }

    .e-accordion .e-active {
        background: transparent !important;
    }

    .e-accordion .e-acrdn-item.e-selected > .e-acrdn-panel .e-acrdn-content {
        color: white !important;
        background: transparent !important;
    }

    .e-accordion .e-acrdn-item.e-selected > .e-acrdn-panel {
        border-top: 1px solid #75b72a !important;
    }

    .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content {
        color: white !important;
        background: transparent !important;
    }

    .e-accordion .e-acrdn-item .e-toggle-icon {
        color: white !important;
    }


    /* END ACCORDION */
    /* BEGIN SCROLLBARS */
    @media (max-width: 600px) {
        :: -webkit-scrollbar {
        width: 3px !important;
    }
}

::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 10px;
    -webkit-overflow-scrolling: auto;
}

/* Track */
::-webkit-scrollbar-track {
    background: #184c4f42;
    border-radius: 5px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #184c4f;
    border-radius: 5px;
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #184c4f42;
    }

/*MOZILLA*/
@-moz-document url-prefix('') {
    * {
        scrollbar-color: #184c4f #184c4f42;
        scrollbar-width: thin !important;
        border-radius: 5px !important;
    }
}


/* END SCROLLBARS */

/* BEGIN FILE UPLOAD */

.e-upload-browse-btn {
    background-color: #184c4f !important;
    border-color: #184c4f !important;
}

 /* END FILE UPLOAD */

.e-dialog .e-dlg-header-content + .e-dlg-content {
    padding-top: 2em !important;
}

fieldset.field-border {
    border: 0 #fff !important;
    padding: 0 1.4em 0.75em 1.4em !important;
    margin: 0 0 1em 0 !important;
    -webkit-box-shadow: 0px 0px 10px 3px #ededed;
    box-shadow: 0px 0px 10px 3px #ededed;
    margin-top: 5px !important;
    border-radius: 5px;
    background-color: white;
}

fieldset.field-border-superbig {
    min-width: 99em;
}

fieldset.field-border-superbig1 {
    min-width: 92em;
}

fieldset.field-border-spbig1 {
    min-width: 89em;
}

fieldset.field-border-spbig {
    min-width: 82em;
}

fieldset.field-border-mediumbig1 {
    min-width: 70em;
}

fieldset.field-border-mediumbig {
    min-width: 62em;
}

fieldset.field-border-smallbig {
    min-width: 58em;
}

fieldset.field-border-big {
    min-width: 52em;
}

fieldset.field-border-medium {
    min-width: 45em;
}

fieldset.field-border-small {
    min-width: 38em;
}

fieldset.field-border-small1 {
    min-width: 36em;
}

fieldset.field-border-miniSmall1 {
    min-width: 25em;
}

fieldset.field-border-miniSmall {
    min-width: 19em;
}

fieldset.field-border-mini {
    min-width: 15em;
}

legend.field-border {
    font-size: 1.2em !important;
    font-weight: bold !important;
    text-align: left !important;
    width: auto;
    padding: 0 10px;
    border-bottom: none;
    margin-top: -15px;
    background-color: white;
    color: black;
}

.e-tooltip-wrap {
    max-width: 900px !important;
}