:root {
    /*--nagisz-color-navbar-bg: #6f625a;*/
    --nagisz-color-navbar-bg: #f7f3ef;
    --nagisz-color-navbar-text: #4a8b2a;

    --nagisz-color-main-green: #81bc00;
    --nagisz-color-main-green-rgb: 129, 188, 0;
    --nagisz-color-main-darkgreen: #4a8b2a;
    --nagisz-color-main-darkgreen-rgb: 74, 139, 42;
    --nagisz-color-main-darkergreen: #225508;
    --nagisz-color-main-darkergreen-rgb: 34, 85, 8;
    --nagisz-color-main-gray: #6f625a;
    --nagisz-color-main-gray-rgb: 111, 98, 90;
    --nagisz-color-site-background: #f7f3ef;
    --nagisz-color-border: #d9d1ca;
    --nagisz-color-table-header: #ada29a;
    --nagisz-color-button-background: #ada29a;
    --nagisz-color-text: #6f625a;
    /*--nagisz-color-text: #ff0000;*/

    --nagisz-color-button-background-dark: #8d827a;
    --nagisz-color-text-green: #81bc00;
    --nagisz-color-sidebar-border: #e6e1db;
    --nagisz-color-bar-background: #fffcfb;
    /*--nagisz-color-bar-background: #e2d6d4;*/

    --nagisz-color-box-background: #fffdfa;
    --nagisz-color-input-lightgreen: #98ce64;
    --nagisz-color-highlight-text-darkgreen: #4a8b2a;
    --nagisz-color-highlight-background-lightgreen: #dce7a1;
    --nagisz-color-white: #ffffff;
    --nagisz-color-main-green-hover: color-mix(in srgb, var(--nagisz-color-main-green), black 10%);
    --nagisz-color-main-darkgreen-hover: color-mix(in srgb, var(--nagisz-color-main-darkgreen), black 10%);
    /*--nagisz-color-nav-underline-green: #4d9200;*/
    /*--nagisz-color-nav-text-green: #49913e;*/
    --nagisz-color-nav-underline-green: var(--nagisz-color-main-darkgreen);
    --nagisz-color-nav-text-green: var(--nagisz-color-main-darkgreen);
    --nagisz-nav-underline-width: 100%;
}

body {
    color: var(--nagisz-color-text);
}

.min-height-0 {
    min-height: 0px !important;
}

.bg-nagisz-main-green {
    background-color: var(--nagisz-color-main-green);
}

.bg-nagisz-main-darkgreen {
    background-color: var(--nagisz-color-main-darkgreen);
}

.bg-nagisz-bar {
    background-color: var(--nagisz-color-bar-background);
}

.nagisz-button-withtext-padding {
    padding: 0.25rem 2rem 0.25rem 2rem !important;
}

.nagisz-button-withtext {
    background-color: var(--nagisz-color-main-green) !important;
    color: var(--nagisz-color-white) !important;
    border: none !important;
}

.nagisz-button-withtext:hover {
    background-color: var(--nagisz-color-main-green-hover) !important;
}

.padded-radio-group > .ant-radio-button-wrapper:not(:first-child)::before {
    content: none;
}

.nagisz-button-withicon {
    display: flex;
}

.nagisz-button-withicon-padding {
    padding-top: .50rem !important;
    padding-left: .50rem !important;
    padding-right: .50rem !important;
    padding-bottom: .50rem !important;
}

.nagisz-button-withicon:not(:disabled) {
    background-color: var(--nagisz-color-main-green) !important;
    color: var(--nagisz-color-white) !important;
    border: none !important;
}

.nagisz-button-withicon:disabled {
    background: rgba(var(--nagisz-color-main-darkgreen-rgb), 0.35) !important;
    color: rgba(255, 255, 255, 0.65) !important;
    border: none !important;
}

.nagisz-button-withicon:hover:not(:disabled) {
    background-color: var(--nagisz-color-main-green-hover) !important;
}

.nagisz-link {
    color: var(--nagisz-color-main-green);
    padding: 0.25rem 0rem 0.25rem 0rem;
}

.nagisz-link:hover {
    color: var(--nagisz-color-main-green-hover);
}


.nav-item {
    --nav-item-text-shadow-color: #ffffff1f;
    text-shadow: -3px 0 4px var(--nav-item-text-shadow-color), 3px 0 4px var(--nav-item-text-shadow-color), 0 -3px 4px var(--nav-item-text-shadow-color), 0 3px 4px var(--nav-item-text-shadow-color);
}





.form-check-input {
    border-color: var(--nagisz-color-text);
}

.form-check-input:focus {
    box-shadow: 0 0 0 4px rgba(var(--nagisz-color-main-gray-rgb), 0.25);
    /*box-shadow: none;*/
    border-color: var(--nagisz-color-text);
    /*box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem var(--nagisz-color-main-green);*/
}

.form-check-input:checked {
    background-color: var(--nagisz-color-main-green);
    border-color: var(--nagisz-color-main-green);
}


.ant-select:not(.ant-select-disabled):hover .ant-select-selector {
    border-color: var(--nagisz-color-main-darkgreen);
}

.ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {
    border-color: var(--nagisz-color-main-darkgreen);
}

.ant-select .anticon {
    color: #6c757d;
}

.ant-modal-confirm-btns .ant-btn-dangerous .ant-btn-loading-icon .anticon-loading {
    color: white !important;
}

.ant-modal-body .ant-btn:hover, .ant-btn:focus {
    color: rgba(0, 0, 0, 0.85);
    border-color: rgba(0, 0, 0, 0.85);
    background: #fff;
}

.ant-modal-body .ant-btn-dangerous {
    color: #fff;
    border-color: #ff4d4f;
    background: #ff4d4f;
}

.ant-modal-body .ant-btn-dangerous:hover, .ant-modal-body .ant-btn-dangerous:focus {
    color: #fff;
    border-color: #ff7875;
    background: #ff7875;
}


h1, h2, h3, h4, h5, h6 {
    color: inherit;
}


.italic-lighter-uppercase-pl1-text {
    font-style: italic;
    font-weight: lighter;
    padding-left: 0.25rem;
    text-transform: uppercase;
}

.login-screen {
    background-image: url(../images/nyito-hatter.jpg);
    background-size: cover;
    background-attachment: local;
}

.version-display-text {
    padding: 8px;
    font-size: 10px;
}


.br-4px {
    border-radius: 4px !important;
}

.border-none-firstchild > div:first-child {
    border: none !important;
}

.ml-auto {
    margin-left: auto !important;
}

.mr-auto {
    margin-right: auto !important;
}

.mt-auto {
    margin-top: auto !important;
}

.mb-auto {
    margin-bottom: auto !important;
}

.h-sub-2px {
    max-height: calc(100% - 2px) !important;
}

.lh-normal {
    line-height: normal !important;
}

.lh-0 {
    line-height: 0 !important;
}

.fw-500 {
    font-weight: 500 !important;
}

.maxh-100 {
    max-height: 100% !important;
}

.maxw-100 {
    max-width: 100% !important;
}

.border-none {
    border: none !important;
}

.dflex-row {
    --flex-gap: 0px;
}

.dflex-row.gap-1 {
    --flex-gap: .25rem;
}

.dflex-row.gap-2 {
    --flex-gap: .5rem;
}

.dflex-row.gap-3 {
    --flex-gap: 1rem;
}


.dflex-row.gap-4 {
    --flex-gap: 1.5rem;
}

.dflex-row.gap-5 {
    --flex-gap: 1.5rem;
}

.dflex-col-6 {
    max-width: calc(50% - (var(--flex-gap) / 2));
    flex: 1;
}


.nagisz-button-withicon-biicon {
    display: flex;
    height: auto;
    line-height: 0;
    align-items: center;
}

.nagisz-button-withicon-biicon .bi {
    display: inline;
    margin: 0;
    width: 1em;
    height: 1em;
}
    .nagisz-button-withicon-biicon svg.bi {
        margin-bottom: -1px;
    }

.e-btn:focus, .e-css.e-btn:focus, .e-btn.e-success:focus, .e-css.e-btn.e-success:focus {
    box-shadow: none;
}


.ant-btn {
    border-radius: 4px;
}

[ant-click-animating-without-extra-node='true']::after {
    --antd-wave-shadow-color: var(--nagisz-color-main-green) !important;
}

.bi-diff-fs {
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

.ng-spinner-pane {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 100%;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    width: 100%;
    z-index: 1000;
}

.ng-spinner-pane .ng-spinner-inner {
    -webkit-transform: translateX(-50%) translateY(-50%);
    left: 50%;
    top: 50%;
    margin: 0;
    position: absolute;
    text-align: center;
    transform: translateX(-50%) translateY(-50%);
    z-index: 1000;
}

.ng-spinner-pane .ng-spinner-inner .ng-spin-material {
    stroke: var(--nagisz-color-main-darkgreen);
}

.ng-spinner-pane.ng-spin-show.ng-spin-overlay-custom {
    z-index: 99 !important;
    background-color: rgb(0 0 0 / 14%) !important;
}

.ng-spinner-pane .ng-spinner-inner .ng-spin-material {
    animation: ng-material-spinner-rotate 1568.63ms linear infinite;
    display: block;
    margin: 0 auto;
}
@keyframes ng-material-spinner-rotate {
    0% {
        transform: rotate(0)
    }

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

.ng-spinner-pane .ng-spinner-inner .ng-spin-material .ng-path-circle {
    fill: none;
    stroke-linecap: square;
}

.ng-spinner-pane.ng-spin-show.ng-spin-overlay-custom {
    z-index: 99 !important;
    background-color: rgb(0 0 0 / 14%) !important;
}

/*antd dropdown blur fix*/
.ant-select-dropdown.ant-slide-up-enter,
.ant-select-dropdown.ant-slide-up-appear {
    opacity: 1;
}
.ant-select-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-select-dropdown-placement-bottomLeft,
.ant-select-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-select-dropdown-placement-bottomLeft {
    animation-name: antSlideUpInFixBlur;
}

.ant-select-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-select-dropdown-placement-topLeft,
.ant-select-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-select-dropdown-placement-topLeft {
    animation-name: antSlideDownInFixBlur;
}

.ant-select-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-select-dropdown-placement-bottomLeft {
    animation-name: antSlideUpOutFixBlur;
}

.ant-select-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-select-dropdown-placement-topLeft {
    animation-name: antSlideDownOutFixBlur;
}
@keyframes antSlideUpInFixBlur {
    0% {
        transform: scaleY(0.8);
        transform-origin: 0% 0%;
        /*opacity: 0;*/
    }

    100% {
        transform: scaleY(1);
        transform-origin: 0% 0%;
        /*opacity: 1;*/
    }
}

@keyframes antSlideUpOutFixBlur {
    0% {
        transform: scaleY(1);
        transform-origin: 0% 0%;
        /*opacity: 1;*/
    }

    100% {
        transform: scaleY(0.8);
        transform-origin: 0% 0%;
        /*opacity: 0;*/
    }
}

@keyframes antSlideDownInFixBlur {
    0% {
        transform: scaleY(0.8);
        transform-origin: 100% 100%;
        /* opacity: 0; */
    }

    100% {
        transform: scaleY(1);
        transform-origin: 100% 100%;
        /* opacity: 1; */
    }
}

@keyframes antSlideDownOutFixBlur {
    0% {
        transform: scaleY(1);
        transform-origin: 100% 100%;
        /*opacity: 1;*/
    }

    100% {
        transform: scaleY(0.8);
        transform-origin: 100% 100%;
        /*opacity: 0;*/
    }
}

@keyframes antSlideLeftInFixBlur {
    0% {
        transform: scaleX(0.8);
        transform-origin: 0% 0%;
        /*opacity: 0;*/
    }

    100% {
        transform: scaleX(1);
        transform-origin: 0% 0%;
        /*opacity: 1;*/
    }
}

@keyframes antSlideLeftOutFixBlur {
    0% {
        transform: scaleX(1);
        transform-origin: 0% 0%;
        /*opacity: 1;*/
    }

    100% {
        transform: scaleX(0.8);
        transform-origin: 0% 0%;
        /*opacity: 0;*/
    }
}

@keyframes antSlideRightInFixBlur {
    0% {
        transform: scaleX(0.8);
        transform-origin: 100% 0%;
        /*opacity: 0;*/
    }

    100% {
        transform: scaleX(1);
        transform-origin: 100% 0%;
        /*opacity: 1;*/
    }
}

@keyframes antSlideRightOutFixBlur {
    0% {
        transform: scaleX(1);
        transform-origin: 100% 0%;
        /*opacity: 1;*/
    }

    100% {
        transform: scaleX(0.8);
        transform-origin: 100% 0%;
        /*opacity: 0;*/
    }
}