:root {
    /* Variables - Colors */
/*    --white: #FFFFFF;
    --black: #000000;
    --gray-100: #FCFDFF;
    --gray-200: #FAFAFA;
    --gray-250: #EDEDED;
    --gray-300: #D0D1D3;
    --gray-500: #6F7181;
    --gray-700: #444444;
    --gray-900: #1B1B1F;
    --red-100: #FFF9F7;
    --red-500: #D13101;
    --red-600: #D11632;
    --red-700: #A30000;
    --green-500: #1FBF4D;
    --blue-100: #F7FAFC;
    --blue-500: #0064A3;
    --blue-700: #17345D;*/

    /* Variables - Icons */
    --cez-icon-path-select-clear: path("M 792,288.4 735.6,232 512,455.6 288.4,232 232,288.4 455.6,512 232,735.6 288.4,792 512,568.4 735.6,792 792,735.6 568.4,512 Z");
    --cez-icon-path-select-arrow: path("M 300.28,349.58 512,561.3 723.72,349.58 780.28,406.14 512,674.42 243.72,406.14 Z");
    --cez-icon-path-calendar: path("m 208.8249,872.00035 c -20.3708,0 -39.9176,-8.104 -54.3224,-22.516 -14.4044,-14.41199 -22.5026,-33.932 -22.5026,-54.316 v -485.3984 c 0.68512,-20.1652 8.99412,-39.3368 23.253,-53.604 14.2584,-14.2672 33.4188,-22.5812 53.572,-23.2664 h 44.4528 v -80.89991 h 72.7588 v 80.89991 h 371.9276 v -80.89991 h 72.76 v 80.89991 h 44.492 c 20.368,0 39.876,8.1028 54.28,22.516 14.404,14.4128 22.504,33.9712 22.504,54.3544 v 485.3984 c 0,20.384 -8.1,39.904 -22.504,54.316 -14.404,14.412 -33.912,22.516 -54.28,22.516 z m -4.066,-72.804 H 819.2401 V 427.05075 H 204.7589 Z m 0,-444.9472 h 614.4812 v -48.548 H 204.7589 Z m 331.5012,351.9232 v -190.1236 h 194.036 v 190.1236 z");
}

/* Steps */
.ant-steps-item-process .ant-steps-item-icon {
    background: var(--blue-500) !important;
    border-color: var(--blue-500) !important;
}

.ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon {
    color: var(--blue-500) !important;
}

.ant-steps-item-finish .ant-steps-item-icon {
    border-color: var(--blue-500) !important;
}

.ant-steps-item-title {
    color: var(--gray-700) !important;
    font-size: 14px;
    font-weight: 500;
    white-space: nowrap;
}

.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-tail::after {
    background: var(--blue-500) !important;
}

/* Checkboxes */
.ant-checkbox-checked .ant-checkbox-inner {
    background-color: var(--blue-500) !important;
    border-color: var(--blue-500) !important;
}

.ant-checkbox-checked::after {
    border-color: var(--blue-500) !important;
}

.ant-form-item-has-error .ant-checkbox-inner {
    border-color: var(--red-500) !important;
}

.ant-checkbox-checked::after {
    display: none !important;
}

.ant-checkbox-indeterminate .ant-checkbox-inner::after {
    background-color: var(--blue-500) !important;
}

.ant-checkbox-disabled .ant-checkbox-inner {
    background-color: var(--gray-200) !important;
    border-color: var(--gray-300) !important;
}

    .ant-checkbox-disabled .ant-checkbox-inner:after {
        opacity: 0;
    }

.ant-checkbox-inner {
    width: 21px !important;
    height: 21px !important;
}

.ant-form-item input[type=checkbox] {
    width: 21px !important;
    height: 21px !important;
}

.ant-checkbox input[type="checkbox"] {
    margin: 0 !important;
}

.ant-checkbox {
    top: .425em !important;
}

.ant-checkbox-checked .ant-checkbox-inner::after {
    transform: rotate(45deg) scale(1.25) translate(-35%,-55%) !important;
}

/* Badges */
.ant-badge-status-success {
    width: 10px !important;
    height: 10px !important;
    margin-left: 3px;
}

.ant-badge-status-error {
    width: 10px !important;
    height: 10px !important;
    margin-left: 3px;
}

/* Tabs */
.ant-tabs-nav .ant-tabs-tab {
    height: 34px !important;
    background-color: var(--blue-500) !important;
    color: var(--white) !important;
    margin-left: 0px !important;
    margin-right: 2px !important;
    padding: 0 20px !important;
    font-size: 15px !important;
    font-weight: 500 !important;
}

    .ant-tabs-nav .ant-tabs-tab:not(.ant-tabs-tab-active) {
        margin-top: 5px !important;
    }

    .ant-tabs-nav .ant-tabs-tab-active .ant-tabs-tab-btn:focus {
        color: var(--blue-500) !important;
    }

    .ant-tabs-nav .ant-tabs-tab:not(.ant-tabs-tab-active) .ant-tabs-tab-btn:focus {
        color: var(--white) !important;
    }

    .ant-tabs-nav .ant-tabs-tab:not(.ant-tabs-tab-active):hover {
        background-color: var(--blue-700) !important;
    }

.ant-tabs-nav .ant-tabs-tab-active {
    background-color: var(--white) !important;
    border: 1px solid var(--blue-500) !important;
    border-bottom: 0 !important;
    height: 39px !important;
}

    .ant-tabs-nav .ant-tabs-tab-active .ant-tabs-tab-btn {
        color: var(--blue-500) !important;
    }

.ant-tabs-nav .ant-tabs-ink-bar {
    display: none !important;
}

.ant-tabs-nav::before {
    border-bottom: 1px solid var(--blue-500) !important;
}

.ant-card-contain-tabs {
    border: 0 !important;
}

    .ant-card-contain-tabs .ant-card-head {
        min-height: 39px !important;
        padding: 0 !important;
        background-color: var(--background) !important;
    }

    .ant-card-contain-tabs .ant-card-body {
        border: 1px solid #f0f0f0;
        padding: 32px !important;
    }

        .ant-card-contain-tabs .ant-card-body h3, .ant-card-body p {
            margin-bottom: 0 !important;
        }

        .ant-card-contain-tabs .ant-card-body .ant-divider {
            margin: 12px 0 !important;
        }

/* Labels */
.ant-form-item-label {
    padding: 0 !important;
    line-height: 18px !important;
    margin-bottom: 5px;
}

.ant-form label {
    font-weight: bold;
    margin-bottom: 5px;
}

    .ant-form-item-label label {
        font-size: 14px !important;
        color: var(--gray-700) !important;
    }

/* Inputs */
.ant-input {
    padding: 0 16px !important;
    box-shadow: none !important;
    background-color: var(--gray-100) !important;
    border: 1px solid var(--gray-500) !important;
    border-radius: 3px !important;
    color: var(--black) !important;
    font-size: 15px !important;
}

    .ant-input:not(textarea) {
        height: 34px !important;
    }

    .ant-input:focus, .ant-input:hover {
        box-shadow: none !important;
        background-color: var(--blue-100) !important;
        border-color: var(--blue-500) !important;
        color: var(--black) !important;
    }

.ant-form-item-has-error .ant-input {
    background-color: var(--red-100) !important;
    border-color: var(--red-500) !important;
    color: var(--black) !important;
}

.ant-form-item-explain.ant-form-item-explain-error {
    font-size: 14px !important;
    color: var(--red-500) !important;
    margin-top: 8px !important;
}

.ant-input-disabled {
    background-color: var(--gray-200) !important;
    border-color: var(--gray-300) !important;
    color: var(--gray-300) !important;
}

.ant-input-number {
    width: 100%;
    height: 34px !important;
    padding: 0 16px !important;
    box-shadow: none !important;
    background-color: var(--gray-100) !important;
    border: 1px solid var(--gray-500) !important;
    border-radius: 3px !important;
    color: var(--black) !important;
    font-size: 15px !important;
}

    .ant-input-number:hover {
        box-shadow: none !important;
        background-color: var(--blue-100) !important;
        border-color: var(--blue-500) !important;
        color: var(--black) !important;
    }

.ant-input-number-focused {
    box-shadow: none !important;
    background-color: var(--blue-100) !important;
    border-color: var(--blue-500) !important;
    color: var(--black) !important;
}

.ant-input-number-input {
    height: 32px !important;
    padding: 0 !important;
}

.ant-input-group-addon {
    height: 34px !important;
    padding: 0 16px !important;
    box-shadow: none !important;
    background-color: var(--gray-100) !important;
    border: 1px solid var(--gray-500) !important;
    border-radius: 0 3px 3px 0 !important;
    color: var(--black) !important;
    font-size: 15px !important;
}

    .ant-input-group-addon:last-child, .ant-input-group > .ant-input:last-child {
        border-left: 0 !important;
    }

.ant-form-item-has-error .ant-input-number {
    background-color: var(--red-100) !important;
    border-color: var(--red-500) !important;
    color: var(--black) !important;
}

.ant-form-item-has-error .ant-input-number-focused {
    background-color: var(--red-100) !important;
    border-color: var(--red-500) !important;
    color: var(--black) !important;
}

.ant-input-textarea-show-count::after {
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: 'tnum';
}

.ant-input-number-handler {
    background-color: var(--blue-100) !important;
    border: 0 !important;
}

    .ant-input-number-handler:hover {
        background-color: var(--blue-500) !important;
    }

    .ant-input-number-handler .anticon-up, .ant-input-number-handler .anticon-down {
        color: var(--blue-500) !important;
    }

    .ant-input-number-handler:hover .anticon-up, .ant-input-number-handler:hover .anticon-down {
        color: var(--white) !important;
    }

.ant-form-item-has-error .ant-input-number-handler {
    background-color: var(--red-100) !important;
}

.ant-input::placeholder {
    color: var(--gray-500) !important;
}

/* TextAreas */
textarea.ant-input {
    line-height: 22px !important;
    min-height: 34px !important;
    max-height: 200px !important;
    font-size: 15px !important;
    font-family: "Open Sans" !important;
    padding-top: 5px !important;
}

.ant-form-item-has-error .textarea-counter {
    color: var(--red-500) !important;
}

/* Selectors */
.ant-select {
    height: 34px !important;
    font-size: 15px !important;
}

.ant-select-selector {
    height: 34px !important;
    padding: 0 16px !important;
}

    .ant-select-selector:hover {
        background-color: var(--blue-100) !important;
        border-color: var(--blue-500) !important;
    }

.ant-select:not(.ant-select-customize-input) .ant-select-selector {
    border-radius: 3px;
}

.ant-select-selection-search-input {
    height: 32px !important;
    padding: 0 5px !important;
}

.placeholder .ant-select-selection-search-input {
    height: 32px !important;
    padding: 0 5px !important;
}

.ant-select-selection-item {
    color: var(--black) !important;
}

.ant-select-single.ant-select-show-arrow .ant-select-selection-item, .ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder {
    padding: 1px 18px 0 0;
}

.placeholder .ant-select-selection-placeholder{
    margin-left: -10px !important;
}

.placeholder .ant-form-item-control-input {
    height:auto !important;
}

.ant-select-open .ant-select-selection-item {
    color: var(--black) !important;
}

.ant-form-item-has-error .ant-select {
    background-color: var(--gray-100) !important;
    border-color: var(--gray-500) !important;
    color: var(--black) !important;
}

.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input).ant-select-focused .ant-select-selector, .ant-select:not(.ant-select-disabled):not(.ant-select-customize-input).ant-select-open .ant-select-selector {
    background-color: var(--blue-100) !important;
    border-color: var(--blue-500) !important;
    color: var(--black) !important;
    box-shadow: none !important;
}

.ant-form-item-has-error .ant-select:not(.ant-select-disabled):not(.ant-select-customize-input) .ant-select-selector {
    background-color: var(--red-100) !important;
    border-color: var(--red-500) !important;
    color: var(--black) !important;
}

.ant-form-item-has-error .ant-select:not(.ant-select-disabled):not(.ant-select-customize-input).ant-select-focused .ant-select-selector, .ant-form-item-has-error .ant-select:not(.ant-select-disabled):not(.ant-select-customize-input).ant-select-open .ant-select-selector {
    background-color: var(--red-100) !important;
    border-color: var(--red-500) !important;
    color: var(--black) !important;
    box-shadow: none !important;
}

.ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
    color: var(--gray-100) !important;
    background-color: var(--blue-500) !important;
    font-weight: normal !important;
}

.ant-dropdown-menu-item-selected {
    color: var(--gray-100) !important;
    background-color: var(--blue-500) !important;
    font-weight: normal !important;
}

.ant-select-item {
    transition: none !important;
}

.ant-select-item-option:hover {
    color: var(--gray-100) !important;
    background-color: var(--blue-700) !important;
}

.ant-select-disabled {
    background-color: var(--white) !important;
    color: var(--black) !important;
}

    .ant-select-disabled .ant-select-selector {
        background-color: var(--white) !important;
    }

    .ant-select-disabled .ant-select-selection-item {
        color: var(--black) !important;
    }


.ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-child .ant-input, .ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input, .ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selector, .ant-input-group.ant-input-group-compact > :last-child {
    border-right-width: 1px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.ant-select-single.ant-select-show-arrow .ant-select-selection-item, .ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder {
    padding: 1px 48px 0 0;
}

.ant-select .anticon-down {
    color: var(--blue-500) !important;
    height: 32px !important;
    width: 32px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition-duration: 0ms !important;
}

.ant-select-dropdown {
    margin-top: -4px;
}

/*
Hover strzałki po najechaniu całego selecta

.ant-select:hover .ant-select-arrow {
    background-color: var(--blue-500) !important;
}

    .ant-select:hover .ant-select-arrow .anticon-down {
        color: var(--white) !important;
    }
*/

.ant-select-arrow {
    top: 7px !important;
    right: 1px !important;
    height: 32px !important;
    width: 32px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: transparent !important;
}

    .ant-select-arrow:hover {
        background-color: var(--blue-500) !important;
        color: var(--white) !important;
    }

        .ant-select-arrow:hover .anticon-down {
            color: var(--white) !important;
        }

.ant-select-open .ant-select-arrow {
    background-color: var(--blue-500) !important;
    transform: rotate(180deg);
    transition-duration: 0ms;
}

    .ant-select-open .ant-select-arrow .anticon-search {
        cursor: text;
        transform: rotate(180deg);
        transition-duration: 0ms;
    }

    .ant-select-open .ant-select-arrow .anticon-down {
        color: var(--white) !important;
    }

.anticon-down svg {
    width: 26px;
    height: 26px;
}

    .anticon-down svg path {
        d: var(--cez-icon-path-select-arrow);
    }

.ant-select-clear {
    top: 7px !important;
    right: 0 !important;
    height: 32px !important;
    width: 32px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-right: 33px !important;
    background-color: transparent !important;
    color: var(--blue-500);
    opacity: 1;
}

.ant-select:hover .ant-select-clear {
    color: var(--blue-500);
}

    .ant-select-clear:hover {
        background-color: var(--blue-500) !important;
        color: var(--white) !important;
    }

    .ant-select-clear svg {
        width: 26px;
        height: 26px;
    }

        .ant-select-clear svg path {
            d: var(--cez-icon-path-select-clear);
        }

.ant-select-open .ant-select-arrow img {
    filter: brightness(0) invert(1);
}

.ant-select-open .anticon-search {
    color: var(--gray-100) !important;
}

/*
.ant-select-open .anticon-down {
    color: var(--white) !important;
    transform: rotate(180deg);
    transition-duration: 0ms;
}
*/

.ant-select-selection-placeholder {
    color: var(--gray-500) !important;
}

/* Pickers */
.ant-picker {
    height: 34px !important;
    padding: 0 0 0 16px !important;
    box-shadow: none !important;
    background-color: var(--gray-100) !important;
    border: 1px solid var(--gray-500) !important;
    border-radius: 3px !important;
    font-size: 15px !important;
    width: 100%;
}

    .ant-picker:hover {
        background-color: var(--blue-100) !important;
        border-color: var(--blue-500) !important;
    }

.ant-picker-input > input {
    color: var(--black) !important;
}

    .ant-picker-input > input:focus, .ant-picker-input > input:hover {
        color: var(--black) !important;
    }

.ant-picker-focused {
    box-shadow: none !important;
    background-color: var(--blue-100) !important;
    border-color: var(--blue-500) !important;
    color: var(--black) !important;
}

.ant-picker .anticon-calendar {
    color: var(--blue-500) !important;
}

.ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner::before {
    border-color: var(--blue-500) !important;
}

.ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner, .ant-picker-cell-in-view.ant-picker-cell-range-start .ant-picker-cell-inner, .ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner {
    background: var(--blue-500) !important;
}

.ant-picker-today-btn {
    color: var(--blue-500) !important;
}

    .ant-picker-today-btn:hover {
        color: #649beb99;
    }

.ant-form-item-has-error .ant-picker {
    background-color: var(--red-100) !important;
    border-color: var(--red-500) !important;
    color: var(--black) !important;
}

.ant-form-item-has-error .ant-picker-focused {
    background-color: var(--red-100) !important;
    border-color: var(--red-500) !important;
    color: var(--black) !important;
}

.ant-picker-clear {
    margin-right: 32px !important;
    opacity: 1 !important;
    background-color: unset !important;
}

    .ant-picker-clear .anticon-close-circle {
        height: 32px !important;
        width: 32px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .ant-picker-clear .anticon-close-circle svg {
        height: 26px !important;
        width: 26px !important;
    }

        .ant-picker-clear .anticon-close-circle svg path {
            d: var(--cez-icon-path-select-clear) !important;
            fill: var(--blue-500) !important
        }

        .ant-picker-clear .anticon-close-circle:hover {
            background-color: var(--blue-700) !important;
        }

            .ant-picker-clear .anticon-close-circle:hover svg path {
                fill: var(--white) !important;
            }

.ant-picker .ant-picker-suffix {
    pointer-events: unset !important;
    margin-left: 0 !important;
}

    .ant-picker .ant-picker-suffix .anticon-calendar {
        height: 32px !important;
        width: 32px !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
    }

        .ant-picker .ant-picker-suffix .anticon-calendar svg {
            height: 24px !important;
            width: 24px !important;
        }

            .ant-picker .ant-picker-suffix .anticon-calendar svg path {
                d: var(--cez-icon-path-calendar) !important;
            }

    .ant-picker .ant-picker-suffix:hover {
        background-color: var(--blue-700) !important;
    }

    .ant-picker .ant-picker-suffix:hover svg path {
        fill: var(--white) !important;
    }

/* Buttons */
.ant-btn {
    box-shadow: none !important;
    height: 34px !important;
    min-width: 168px !important;
    padding: 0 32px !important;
    font-size: 15px !important;
}

    .ant-btn span {
        font-weight: unset !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
    }

    .ant-btn span svg path {
        fill: var(--blue-500) !important;
    }

[ant-click-animating-without-extra-node='true']::after {
    display: none !important;
}

.ant-btn-primary {
    background-color: var(--blue-500) !important;
    border: 0 !important;
}

    .ant-btn-primary span svg path {
        fill: var(--white) !important;
    }

.ant-btn-primary:hover {
    background-color: var(--blue-700) !important;
}

.ant-btn-default {
    background-color: var(--white) !important;
    color: var(--blue-500) !important;
    border: 1px solid var(--blue-500) !important;
}

    .ant-btn-default:hover {
        background-color: var(--blue-700) !important;
        border-color: var(--blue-700) !important;
        color: var(--white) !important;
    }

    .ant-btn-default:focus, .ant-btn-primary:focus {
        background-color: var(--blue-700) !important;
        color: var(--white) !important;
    }

    .ant-btn-default:hover svg path, .ant-btn-default:focus svg path {
        fill: var(--white) !important;
    }

.ant-btn-dangerous {
    background-color: var(--white) !important;
    color: var(--red-500) !important;
    border: 1px solid var(--red-500) !important;
}

    .ant-btn-dangerous:hover, .ant-btn-dangerous:focus {
        background-color: var(--red-700) !important;
        border-color: var(--red-700) !important;
        color: var(--white) !important;
    }

    .ant-btn-dangerous span svg path {
        fill: var(--red-500) !important;
    }

    .ant-btn-dangerous:hover svg path, .ant-btn-dangerous:focus svg path {
        fill: var(--white) !important;
    }

/* Links */
a {
    color: var(--blue-500) !important;
    font-weight: 500 !important;
    transition-duration: unset !important;
}

    a:hover {
        color: var(--blue-700) !important;
        border-color: var(--blue-700) !important;
    }

    a:focus-visible {
        outline: none;
        box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--blue-500);
    }
 
/* Icons */
.anticon-info-circle {
    font-size: 24px;
    color: var(--blue-500) !important;
    padding-left: 4px;
}

/* Tooltips */
.ant-tooltip {
    max-width: 360px;
}

.ant-tooltip-inner {
    box-shadow: none;
    padding: 8px 16px 8px 16px;
    background-color: var(--blue-700);
    border: 1px solid var(--blue-700);
    border-radius: 8px;
    font-size: 14px;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
}

.ant-tooltip-arrow-content {
    background-color: var(--blue-700);
}

/* Radio */
.ant-radio-wrapper span {
    font-weight: normal;
}

.ant-radio-checked .ant-radio-inner {
    border-color: var(--blue-500) !important;
}

    .ant-radio-checked .ant-radio-inner:after {
        background-color: var(--blue-500) !important;
    }

.ant-radio:hover .ant-radio-inner {
    border-color: var(--blue-500) !important;
}

.ant-form-item-has-error .ant-radio .ant-radio-inner {
    border-color: var(--red-500) !important;
}

.ant-form-item-has-error .ant-radio .ant-radio-inner::after {
    background-color: var(--red-500) !important;
}

.ant-form-item-has-error .ant-radio-checked::after {
    border-color: var(--red-500) !important;
}

.ant-form-item-has-error .ant-radio-input:focus + .ant-radio-inner {
    box-shadow: none !important;
}

.ant-radio-input:focus + .ant-radio-inner {
    box-shadow: none !important;
}

.ant-radio-checked::after {
    border: 1px solid var(--blue-500) !important;
}

.ant-radio-inner {
    width: 21px !important;
    height: 21px !important;
}

.ant-form-item input[type=radio] {
    width: 21px !important;
    height: 21px !important;
}

.ant-checkbox input[type="radio"] {
    margin: 0 !important;
}

.ant-radio {
    top: .425em !important;
}

.ant-radio-checked .ant-radio-inner::after {
    transform: scale(1.5) translate(20%,20%);
}

/* Alerts */
.ant-alert {
    margin-bottom: 24px !important;
    box-shadow: 0px 2px 3px #00000021 !important;
}

.ant-alert-icon {
    font-size: 0px !important;
    margin-right: 8px !important;
}

.ant-alert-error {
    border: 0;
    background-color: #F7EEEF !important;
    border-left: 4px solid var(--red-600) !important;
}

.ant-alert-warning {
    border: 0 !important;
    background-color: #FAF6EE !important;
    border-left: 4px solid #FFA700 !important;
}

.ant-alert-message {
    font-weight: bold !important;
    font-size: 15px !important;
}

.ant-alert-white {
    margin-top: 24px;
    background-color: var(--white) !important;
}

.ant-alert-description {
    font-size: 15px !important;
}

.ant-alert-with-description {
    padding: 16px !important;
}

    .ant-alert-with-description .ant-alert-message {
        margin-bottom: 8px !important;
    }

.ant-alert .anticon-close {
    color: var(--blue-500) !important;
    font-size: 14px !important;
}

.ant-alert-close-icon {
    height: 34px !important;
    width: 34px !important;
    position: absolute !important;
    top: 6px !important;
    right: 6px !important;
}

.ant-alert-description {
    max-width: 96%;
}

/*Notifications*/
.ant-notification {
    margin-top: 8px !important;
    margin-right: 32px !important;
}

.ant-notification-error {
    border-left: 4px solid var(--red-600) !important;
}

.ant-notification-info {
    border-left: 4px solid var(--blue-500) !important;
}

.ant-notification-success {
    border-left: 4px solid var(--green-500) !important;
}

.ant-notification-warning {
    border-left: 4px solid #FFA700 !important;
}

.ant-notification-notice {
    padding: 16px !important;
    margin-bottom: 8px;
    width: 682px !important;
}

.ant-notification-notice-icon {
    margin-left: 0 !important;
    font-size: 18px;
}

.ant-notification-notice-message {
    margin: 0 0 0 26px !important;
    font-weight: bold !important;
}

.ant-notification-notice-close {
    position: absolute !important;
    top: 12px !important;
    right: 16px !important;
}

/*Dividers*/
.ant-divider {
    border-top: 1px solid var(--gray-300) !important;
}

/*Forms*/
.ant-form-item {
    margin-bottom: 0;
}

.ant-form-item .validation-message {
    margin-top: 8px;
}

/*Divider*/
.ant-divider .ant-divider-horizontal {
    border-top: 1px solid var(--gray-300) !important;
}

/* Modals */
.ant-modal-close {
    width: 34px !important;
    height: 34px !important;
    margin: 24px 24px 0 0 !important;
}

.ant-modal-close-x {
    width: 34px !important;
    height: 34px !important;
    margin: 0 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

    .ant-modal-close-x svg path {
        fill: var(--blue-500) !important;
    }

.ant-modal.ant-zoom-enter, .ant-modal.antzoom-appear {
    width: max-content !important;
    max-width: 800px !important;
}

.ant-modal-confirm .ant-modal-body {
    padding: 32px 32px 0px !important;
}

.ant-modal-confirm h1 {
    font-size: 26px;
    font-weight: 500;
    margin-bottom: 24px;
}

.ant-modal-confirm .ant-modal-confirm-btns {
    float: right;
    margin-top: 32px;
    display: flex;
    flex-direction: row-reverse;
    gap: 24px;
}

    .ant-modal-confirm .ant-modal-confirm-btns .ant-btn, .ant-modal-confirm-body .ant-modal-confirm-content {
        margin: 0 !important;
    }

.ant-modal-confirm-body .ant-modal-confirm-content {
    font-size: 15px;
}

.ant-modal-confirm .ant-modal-close .ant-modal-close-x {
    background-image: url('/img/icon-close.svg');
}

.ant-modal-confirm .ant-modal-close .ant-modal-close-x {
    background-image: url('/img/icon-close.svg');
}

.ant-modal-confirm .ant-modal-close:hover .ant-modal-close-x, .ant-modal-confirm .ant-modal-close:focus .ant-modal-close-x {
    background-image: url('/img/icon-close-reversed.svg');
}

/* ------------------------------------------------------------------------------------------------- */
/* Tables */
.table-box {
    width: 100%;
}

    .table-box .ant-col {
        padding-top: 1em;
        padding-bottom: .5em;
    }

    .table-box .ant-dropdown-trigger .ant-row:hover {
        background-color: var(--blue-500) !important;
        color: var(--white) !important;
    }

.table {
    border-collapse: separate;
    border-spacing: 0 8px !important;
    font-family: 'Fira Sans', sans-serif;
    margin: 8px 0px;
    display: table;
}

    .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
        padding: 0 !important;
    }

    .table .ant-row {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        padding-left: 32px !important;
        /*padding-right: 32px !important;*/
        padding-right: 0 !important;
    }
    
    .table .ant-row .ant-col p {
        margin-bottom: 0px !important;
    }

    .table-box .ant-col {
        padding-bottom: 12px !important;
    }

.ant-col-xs-4 {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    padding-right: 32px !important;
    padding-left: 0 !important;
}

/* Cards */
.ant-card-body {
    padding: 0 !important;
}

/* Elements row over table */
.sorting-icon-div {
    display: inline-block;
    margin-left: 0.5rem;
    cursor: pointer;
}

.sorting-div-less-items{
    display:inline-flex;
    cursor:pointer;
    justify-content:flex-end;
    align-items:center;
    gap:24px;
}

.size-span {
    margin-top: auto !important;
    margin-bottom: auto !important;
    margin-right: 30px !important;
}

.sort-icon-style {
    margin-top: 2em !important;
}

/*.sort-icon-style:hover {
    background-color: var(--blue-500) !important;
}*/

.sort-icon-style-180 {
    transform: rotate(180deg) !important;
}

/*.sort-icon-style-180:hover {
    background-color: var(--blue-500) !important;
}*/

/* --------------------------------------------- replace image on var(--white) color */
.sorting-icon {
    width: 32px;
    height: 32px;
    position: relative;
}

.sorting-icon .hover-image {
    display: none;
    position: absolute;
    right: 0;
    z-index: 100;
}

.sorting-icon .hover-image-180 {
    display: none;
    position: absolute;
    z-index: 100;
    right: 0;
    transform: rotate(180deg) !important;
}

.sorting-icon:hover .hover-image {
    display: inline;
    background-color: var(--blue-500);
}

.sorting-icon:hover .hover-image-180 {
    display: inline;
    background-color: var(--blue-500);
}
/* ----------------------------------------------- replace image on var(--white) color */


.span-margin-right {
    margin-right: 1em !important;
}


/* Pagination */
.pagination-component {
    display: flex !important;
    justify-content: flex-end !important;
    align-items:center !important;
}

.pagination-component li {
    color: var(--blue-500) !important;
}

.pagination-page-count{
    gap:24px;
}

.pagination-page-count span {
    padding-right: 1em;
}


.pagination-page-count span {
    padding-right: 0 !important;
}


.pagination-component .ant-pagination-item-active:focus-visible button, .ant-pagination-item-active:hover button {
    border: 1px black solid !important;
    border-radius: 5px !important;
}
.ant-pagination-item button:focus-visible {
    outline: none !important;
    box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--blue-500) !important;
    border-radius: 3px;
}

.pagination-component .ant-pagination-item-active button {
    width: 34px !important;
    height: 34px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    border: 1px var(--blue-500) solid !important;
    border-radius: 5px !important;
}

/*.ant-pagination li.ant-pagination-item-prev-active::before {
    content: "...";
    position: relative;
    left: -8px;
    bottom: 5px;
}

.ant-pagination li.ant-pagination-item-next-active::after {
    content: "...";
    position: relative;
    right: -5px;
    bottom: 5px;
}*/

.ant-pagination .ant-pagination-item-container-active {
    position: relative;
    list-style: none;
}

.ant-pagination-prev:focus, .ant-pagination-next:focus, .ant-pagination-item:focus {
    border: 1px solid var(--gray-300) !important;
    border-radius: 3px;
}

.ant-pagination .ant-pagination-paginator-input {
    padding: 10px 12px;
    border: 1px solid var(--gray-500);
    border-radius: 3px;
    line-height: 1;
    font-family: "Fira Sans",sans-serif;
    font-weight: 500;
    text-align: center;
    height: 34px;
    width: 34px;
}

    .ant-pagination .ant-pagination-paginator-input:focus {
        outline: 0;
        border-color: var(--blue-500);
        background-color: var(--blue-100);
    }

    .ant-pagination .ant-pagination-paginator-input:hover {
        border-color: var(--blue-700);
    }

    .ant-pagination .ant-pagination-paginator-input:focus-visible, .ant-pagination-item:focus-visible, .ant-pagination-prev:focus-visible, .ant-pagination-next:focus-visible, .page-size-select-custom:is(.ant-select-focused) {
        outline: 0;
        box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--blue-500);
    }

.ant-pagination-prev svg path, .ant-pagination-next svg path {
    fill: var(--blue-500) !important;
}

.ant-pagination-prev .ant-pagination-item-link:hover svg path, .ant-pagination-prev .ant-pagination-item-link:focus-visible svg path, .ant-pagination-next .ant-pagination-item-link:hover svg path, .ant-pagination-next .ant-pagination-item-link:focus-visible svg path {
    fill: var(--blue-700) !important;
}

.ant-pagination-item:focus, .ant-pagination-prev:focus, .ant-pagination-next:focus {
    border: none !important;
}

/* Sort image icon */
.ant-image-mask-info {
    margin-top: 2em !important;
}

.ant-image-img {
    display: inline !important;
}

.sort-arrow {
    color: var(--blue-500) !important;
    background-color: var(--gray-200);
    font-size: 1.2em;
    margin-left: .4em;
    box-shadow: 0 0 0 .3em var(--gray-200);
}

.sort-arrow:hover {
    color: var(--white) !important;
    background-color: var(--blue-500);
    box-shadow: 0 0 0 .3em var(--blue-500);
}

.sorting-style {
    color: var(--blue-500);
    background-color: var(--white);
}

.sorting-style ant-row:hover {
    color: var(--white);
    background-color: var(--blue-500);
}


/* ------------------------------------------------------------------------------------------------- */


.custom-label {
    font-weight: 100 !important;
}

.custom-span, .custom-span .cez-checkbox-label {
    font-weight: 600 !important;
}

.ant-badge-count {
    background-color: var(--red-500) !important;
}

.ant-notification-notice-with-icon .ant-notification-notice-description {
    margin-left: 26px;
}

.ant-pagination-disabled, .ant-pagination-disabled:focus-visible, .ant-pagination-disabled:hover {
    display: none;
}

.ant-pagination::after{
    content: none !important;
}