@charset "UTF-8";
@import url(new-design/ui_kits_templates.css);
@import url(tables/new_table.css);
@import url(tables/pagination.css);
@import url(new-design/new_auction_product.css);
@import url(new-design/new__table-2.css);
@import url(new-design/supplier/supplier.css);
@import url(new-design/supplier/supplier_fields.css);
@import url(new-design/new-design-overwrites.css);
@import url(new-design/modals.css);
@import url(new-design/supplier/new-accordion.css);
@import url(new-design/supplier/supplier_rating.css);
@import url(new-design/supplier/supplier_profile.css);
@import url(new-design/login.css);
@import url(new-design/register.css);
@import url(new-design/tenders.css);
@import url(new-design/checkbox.css);
@import url(setting-page.css);

:root,
[data-bs-theme=light] {
    --bs-blue: #498DCC;
    --bs-red: #E64D59;
    --light-red: #F47D70;
    --lighter-red: #F8E5E7;
    --bs-green: #27AE60;
    --lighter-green: #E4EEE8;
    --bs-yellow: #D39E00;
    --lighter-yellow: #FFF4CC;
    --bs-primary: #498DCC;
    --bs-secondary: #CFD3D4;
    --bs-success: #27AE60;
    --bs-danger: #E53935;
    --bs-warning: #EECD23;
    --bs-light: #F5F7FA;
    --bs-dark: #2c3e50;
    --bs-primary-rgb: 73, 141, 204;
    --bs-secondary-rgb: 207, 211, 212;
    --bs-success-rgb: 39, 174, 96;
    --bs-light-rgb: 245, 247, 250;
    --bs-dark-rgb: 44, 62, 80;
    --bs-heading-color: #2c3e50;
    --bs-link-color: #498DCC;
    --bs-link-color-rgb: #000000;
    --bs-link-hover-color: rgb(49, 115, 177);
    --bs-font-sans-serif: "Assistant", "Rubik", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --bs-body-font-family: "Assistant", "Rubik", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    /*--bs-body-line-height: 1.6;*/
    --bs-body-color: #333645;
    --bs-body-line-height: 1.2;
    --bs-body-font-size: 16px;
    --bs-body-font-weight: 400;
    --bs-body-bg: #F7F7FB;

    --color-disabled: #F7F7FB;

    --bs-breadcrumb-font-size: 14px;
    --bs-breadcrumb-item-padding-x: 0px;
    --focus-border-color: #838383;

    --ifb-min-width: 18.75rem;
    --ifb-mode: auto-fit;

    --bs-box-shadow-lg: 4px 4px 18px -2px #E7E4E8CC !important;
}

/**,
*::before,
*::after {
    box-sizing: border-box;
}*/

body {
    position: relative;
}

.container {
    max-width: 1710px;
}


@media (prefers-reduced-motion: no-preference) {
    :root {
        scroll-behavior: smooth;
    }
}

.bg-blue {
    background-color: var(--bs-blue) !important;
}
/* --------------- necessary overwrites --------------- */

.btn:disabled, .btn.disabled, fieldset:disabled .btn {
    color: var(--bs-btn-disabled-color);
    pointer-events: none;
    background-color: var(--bs-btn-disabled-bg);
    border-color: var(--bs-btn-disabled-border-color);
    opacity: var(--bs-btn-disabled-opacity);
}

.btn-primary {
    --bs-btn-color: #000;
    --bs-btn-bg: #498DCC;
    --bs-btn-border-color: #498DCC;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: rgb(100.3, 158.1, 211.65);
    --bs-btn-hover-border-color: rgb(91.2, 152.4, 209.1);
    --bs-btn-focus-shadow-rgb: 62, 120, 173;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: rgb(109.4, 163.8, 214.2);
    --bs-btn-active-border-color: rgb(91.2, 152.4, 209.1);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #498DCC;
    --bs-btn-disabled-border-color: #498DCC;
}

.btn-secondary {
    --bs-btn-color: #000;
    --bs-btn-bg: #CFD3D4;
    --bs-btn-border-color: #CFD3D4;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: rgb(214.2, 217.6, 218.45);
    --bs-btn-hover-border-color: rgb(211.8, 215.4, 216.3);
    --bs-btn-focus-shadow-rgb: 176, 179, 180;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: rgb(216.6, 219.8, 220.6);
    --bs-btn-active-border-color: rgb(211.8, 215.4, 216.3);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #CFD3D4;
    --bs-btn-disabled-border-color: #CFD3D4;
}

.btn-success {
    --bs-btn-color: #000;
    --bs-btn-bg: #27AE60;
    --bs-btn-border-color: #27AE60;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: rgb(71.4, 186.15, 119.85);
    --bs-btn-hover-border-color: rgb(60.6, 182.1, 111.9);
    --bs-btn-focus-shadow-rgb: 33, 148, 82;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: rgb(82.2, 190.2, 127.8);
    --bs-btn-active-border-color: rgb(60.6, 182.1, 111.9);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #27AE60;
    --bs-btn-disabled-border-color: #27AE60;
}

.btn-info {
    --bs-btn-color: #000;
    --bs-btn-bg: #0dcaf0;
    --bs-btn-border-color: #0dcaf0;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: rgb(49.3, 209.95, 242.25);
    --bs-btn-hover-border-color: rgb(37.2, 207.3, 241.5);
    --bs-btn-focus-shadow-rgb: 11, 172, 204;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: rgb(61.4, 212.6, 243);
    --bs-btn-active-border-color: rgb(37.2, 207.3, 241.5);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #0dcaf0;
    --bs-btn-disabled-border-color: #0dcaf0;
}

.btn-warning {
    --bs-btn-color: #000;
    --bs-btn-bg: #ffc107;
    --bs-btn-border-color: #ffc107;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: rgb(255, 202.3, 44.2);
    --bs-btn-hover-border-color: rgb(255, 199.2, 31.8);
    --bs-btn-focus-shadow-rgb: 217, 164, 6;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: rgb(255, 205.4, 56.6);
    --bs-btn-active-border-color: rgb(255, 199.2, 31.8);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #ffc107;
    --bs-btn-disabled-border-color: #ffc107;
}

.btn-danger {
    --bs-btn-color: #fff;
    --bs-btn-bg: #dc3545;
    --bs-btn-border-color: #dc3545;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: rgb(187, 45.05, 58.65);
    --bs-btn-hover-border-color: rgb(176, 42.4, 55.2);
    --bs-btn-focus-shadow-rgb: 225, 83, 97;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: rgb(176, 42.4, 55.2);
    --bs-btn-active-border-color: rgb(165, 39.75, 51.75);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #dc3545;
    --bs-btn-disabled-border-color: #dc3545;
}

.btn-light {
    --bs-btn-color: #000;
    --bs-btn-bg: #F5F7FA;
    --bs-btn-border-color: #F5F7FA;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: rgb(208.25, 209.95, 212.5);
    --bs-btn-hover-border-color: rgb(196, 197.6, 200);
    --bs-btn-focus-shadow-rgb: 208, 210, 213;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: rgb(196, 197.6, 200);
    --bs-btn-active-border-color: rgb(183.75, 185.25, 187.5);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #F5F7FA;
    --bs-btn-disabled-border-color: #F5F7FA;
}

.btn-dark {
    --bs-btn-color: #fff;
    --bs-btn-bg: #2c3e50;
    --bs-btn-border-color: #2c3e50;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: rgb(75.65, 90.95, 106.25);
    --bs-btn-hover-border-color: rgb(65.1, 81.3, 97.5);
    --bs-btn-focus-shadow-rgb: 76, 91, 106;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: rgb(86.2, 100.6, 115);
    --bs-btn-active-border-color: rgb(65.1, 81.3, 97.5);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #2c3e50;
    --bs-btn-disabled-border-color: #2c3e50;
}

.btn-outline-primary {
    --bs-btn-color: #498DCC;
    --bs-btn-border-color: #498DCC;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #498DCC;
    --bs-btn-hover-border-color: #498DCC;
    --bs-btn-focus-shadow-rgb: 73, 141, 204;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #498DCC;
    --bs-btn-active-border-color: #498DCC;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #498DCC;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #498DCC;
    --bs-gradient: none;
}

.btn-outline-secondary {
    --bs-btn-color: #CFD3D4;
    --bs-btn-border-color: #CFD3D4;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #CFD3D4;
    --bs-btn-hover-border-color: #CFD3D4;
    --bs-btn-focus-shadow-rgb: 207, 211, 212;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #CFD3D4;
    --bs-btn-active-border-color: #CFD3D4;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #CFD3D4;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #CFD3D4;
    --bs-gradient: none;
}

.btn-outline-success {
    --bs-btn-color: #27AE60;
    --bs-btn-border-color: #27AE60;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #27AE60;
    --bs-btn-hover-border-color: #27AE60;
    --bs-btn-focus-shadow-rgb: 39, 174, 96;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #27AE60;
    --bs-btn-active-border-color: #27AE60;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #27AE60;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #27AE60;
    --bs-gradient: none;
}

.btn-outline-info {
    --bs-btn-color: #0dcaf0;
    --bs-btn-border-color: #0dcaf0;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #0dcaf0;
    --bs-btn-hover-border-color: #0dcaf0;
    --bs-btn-focus-shadow-rgb: 13, 202, 240;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #0dcaf0;
    --bs-btn-active-border-color: #0dcaf0;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #0dcaf0;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #0dcaf0;
    --bs-gradient: none;
}

.btn-outline-warning {
    --bs-btn-color: #ffc107;
    --bs-btn-border-color: #ffc107;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #ffc107;
    --bs-btn-hover-border-color: #ffc107;
    --bs-btn-focus-shadow-rgb: 255, 193, 7;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #ffc107;
    --bs-btn-active-border-color: #ffc107;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #ffc107;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #ffc107;
    --bs-gradient: none;
}

.btn-outline-danger {
    --bs-btn-color: #dc3545;
    --bs-btn-border-color: #dc3545;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #dc3545;
    --bs-btn-hover-border-color: #dc3545;
    --bs-btn-focus-shadow-rgb: 220, 53, 69;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #dc3545;
    --bs-btn-active-border-color: #dc3545;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #dc3545;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #dc3545;
    --bs-gradient: none;
}

.btn-outline-light {
    --bs-btn-color: #F5F7FA;
    --bs-btn-border-color: #F5F7FA;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #F5F7FA;
    --bs-btn-hover-border-color: #F5F7FA;
    --bs-btn-focus-shadow-rgb: 245, 247, 250;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #F5F7FA;
    --bs-btn-active-border-color: #F5F7FA;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #F5F7FA;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #F5F7FA;
    --bs-gradient: none;
}

.btn-outline-dark {
    --bs-btn-color: #2c3e50;
    --bs-btn-border-color: #2c3e50;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #2c3e50;
    --bs-btn-hover-border-color: #2c3e50;
    --bs-btn-focus-shadow-rgb: 44, 62, 80;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #2c3e50;
    --bs-btn-active-border-color: #2c3e50;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #2c3e50;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #2c3e50;
    --bs-gradient: none;
}

.btn-link {
    --bs-btn-font-weight: 400;
    --bs-btn-color: var(--bs-link-color);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: var(--bs-link-hover-color);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-active-color: var(--bs-link-hover-color);
    --bs-btn-active-border-color: transparent;
    --bs-btn-disabled-color: #6c757d;
    --bs-btn-disabled-border-color: transparent;
    --bs-btn-box-shadow: 0 0 0 #000;
    --bs-btn-focus-shadow-rgb: 62, 120, 173;
    text-decoration: underline;
}

h1, .h1 {
    font-size: calc(1.1rem + 1.5vw);
}
@media (min-width: 1200px) {
    h1, .h1 {
        font-size: 2.25rem;
    }
}

h5.fs-smaller, .h5.fs-smaller{
    font-size: 1.125rem !important;
}

.px-5-smaller{
    padding-left: 2rem !important;
    padding-right: 2rem !important;
}
.mb-36{
    margin-bottom: 2.25rem !important;
}

.fs-smaller,
.fs-6.fs-smaller {
    font-size: .875rem;
}


.btn-link:focus-visible {
    color: var(--bs-btn-color);
}

.btn-link:hover {
    color: var(--bs-btn-hover-color);
}

.ui-tooltip {
    z-index: 10001 !important; /* must be more than 10000 to be shown in select2 dropdown */
}

.badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .badge {
        transition: none
    }
}

a.badge:focus, a.badge:hover {
    text-decoration: none
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

.badge-pill {
    padding-right: .6em;
    padding-left: .6em;
    border-radius: 10rem
}

.badge-primary {
    color: #fff;
    background-color: #007bff
}

a.badge-primary:focus, a.badge-primary:hover {
    color: #fff;
    background-color: #0062cc
}

a.badge-primary.focus, a.badge-primary:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.badge-secondary {
    color: #fff;
    background-color: #6c757d
}

a.badge-secondary:focus, a.badge-secondary:hover {
    color: #fff;
    background-color: #545b62
}

a.badge-secondary.focus, a.badge-secondary:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}

.badge-success {
    color: #fff;
    background-color: #28a745
}

a.badge-success:focus, a.badge-success:hover {
    color: #fff;
    background-color: #1e7e34
}

a.badge-success.focus, a.badge-success:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.badge-info {
    color: #fff;
    background-color: #17a2b8
}

a.badge-info:focus, a.badge-info:hover {
    color: #fff;
    background-color: #117a8b
}

a.badge-info.focus, a.badge-info:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.badge-warning {
    color: #212529;
    background-color: #ffc107
}

a.badge-warning:focus, a.badge-warning:hover {
    color: #212529;
    background-color: #d39e00
}

a.badge-warning.focus, a.badge-warning:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.badge-danger {
    color: #fff;
    background-color: #dc3545
}

a.badge-danger:focus, a.badge-danger:hover {
    color: #fff;
    background-color: #bd2130
}

a.badge-danger.focus, a.badge-danger:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.badge-light {
    color: #212529;
    /*background-color: #f8f9fa*/
    background-color: #CFD3D4;
}

a.badge-light:focus, a.badge-light:hover {
    color: #212529;
    background-color: #dae0e5
}

a.badge-light.focus, a.badge-light:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.badge-dark {
    color: #fff;
    background-color: #343a40
}

a.badge-dark:focus, a.badge-dark:hover {
    color: #fff;
    background-color: #1d2124
}

a.badge-dark.focus, a.badge-dark:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}
/* --------------- ./ necessary overwrites --------------- */


.img-fluid {
    max-width: 100%;
    height: auto;
}

.breadcrumb-item + .breadcrumb-item{
    padding-right: 0!important;
}
.breadcrumb-item + .breadcrumb-item::before {
    float: right;
    padding-inline: 5px;
}

.breadcrumb-item a {
    /*color: currentColor;*/
    color: var(--bs-link-color);
}

.breadcrumb-item.active {
    padding: 0;
}

.aside--menu__list ul {
    padding: 0;
}

.btn--remove {
    align-self: center;
}

.btn--remove,
.modal__close {
    transform: none;
    width: 26px;
    height: 26px;
    color: var(--bs-black);
}
/* old style */
/* todo: review old .modal__*; remove trash  */
.modal__close{
    position: absolute;
    display: block;
    font-size: 36px;
    font-weight: 400;
    top: 18px;
    left: 18px;
/*    -ms-transform: scaleY(0.7);*/
    /*transform: scaleY(0.7);*/
    z-index: 99;
}

.btn--remove svg,
.modal__close svg {
    width: 100%;
    height: 100%;
}
.modal__close svg path{
    stroke-width: 1.7;
}

.remodal-overlay {
    background: rgba(0, 0, 0, 0.5294117647);
}

.remodal {
    box-shadow: 0 6px 19px 0 rgba(8, 15, 52, 0.0588235294);
    border: 1px solid #EFF0F6;
    border-radius: 2.5rem;
    overflow: hidden;
}

.register__fields-group {
    gap: 33px;
}

.score_weight {
    align-items: center;
    gap: 10px;
}

.score_weight label {
    font-size: 18px;
    font-weight: 700;
    white-space: nowrap;
    margin: 0;
}

.score_weight .scoring-general-param {
    width: 67px !important;
    height: 40px !important;
    border: 1px solid #CFD3D4;
    line-height: 40px !important;
    font-size: 18px !important;
}

.register__fields-section + .register__fields-section {
    margin: 0;
}

.modal--auction {
    max-width: 80vw !important;
}

/*.auction__editable.auction-participant {*/
/*    border-radius: 0;*/
/*    margin-inline: -48px;*/
/*    padding-inline: 48px;*/
/*}*/

.auction__editable.auction-participant:hover {
    box-shadow: 2px 2px 17.5px 0px rgba(0, 0, 0, 0.2);
}

.bidding__panel__icon {
    width: 40px;
    height: 40px;
    position: relative;
}

.bidding__panel__icon__open,
.bidding__panel__icon__close {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.bidding__panel .bidding__panel__icon__open {
    display: none;
}

.bidding__panel.active .bidding__panel__icon__open {
    display: block;
}

.bidding__panel .bidding__panel__icon__close {
    display: block;
}

.bidding__panel.active .bidding__panel__icon__close {
    display: none;
}

.bidding__panel__head:after {
    display: none;
}

.page-navigation-tabs .nav-pills {
    display: flex;
    gap: 20px;
}

.page-navigation-tabs .nav-pills .nav-item {
    margin-inline-start: 0.5rem;
    margin-inline-end: 0.5rem;
    flex: 1 1 0;
    min-width: unset;
    max-width: 100%;
}

@media (max-width: 767.98px) {
    .page-navigation-tabs .nav-pills .nav-item {
        flex-basis: calc(50% - 1rem);
    }
}

.page-navigation-tabs .nav-pills .nav-item:first-child {
    margin-inline-end: 0;
}

.page-navigation-tabs .nav-pills .nav-item:last-child {
    margin-inline-start: 0;
}

.page-navigation-tabs .nav-pills .nav-link {
    background-color: #fff;
    color: #343A40;
    border: 1px solid #EFF0F6;
    border-radius: 13px;
    padding: 1rem 1.5rem;
    box-shadow: 0px 2.07px 6.2px 0px rgba(19, 18, 66, 0.0705882353);
    transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out, border-color 0.15s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    white-space: nowrap;
}

@media (max-width: 767.98px) {
    .page-navigation-tabs .nav-pills .nav-link {
        font-size: 16px;
        padding: 0.5rem;
    }
}

.page-navigation-tabs .nav-pills .nav-link:hover, .page-navigation-tabs .nav-pills .nav-link:focus {
    background-color: #f8f9fa;
    border-color: #ced4da;
    color: #498DCC;
}

.page-navigation-tabs .nav-pills .nav-link .nav-icon {
    color: #498DCC;
}

.page-navigation-tabs .nav-pills .nav-link .nav-icon path.filled {
    fill: #fff;
}

.page-navigation-tabs .nav-pills .nav-link.active {
    background-color: #498DCC;
    color: #fff;
    border-color: #498DCC;
    box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
    position: relative;
}

.page-navigation-tabs .nav-pills .nav-link.active .nav-icon {
    color: #fff;
}

.page-navigation-tabs .nav-pills .nav-link.active .nav-icon path.filled {
    fill: #498DCC;
}

.page-navigation-tabs .nav-pills .nav-link.active::after {
    content: "";
    position: absolute;
    bottom: -10px;
    inset-inline-start: calc(50% - 24px);
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-inline-start: 12px solid transparent;
    border-inline-end: 12px solid transparent;
    border-top: 12px solid #498DCC;
}

@media (max-width: 767.98px) {
    .page-navigation-tabs .nav-pills .nav-link.active::after {
        display: none;
    }
}

.nav-icon {
    width: 49px;
    height: 49px;
}

.nav-icon svg {
    width: 100%;
    height: 100%;
}

@media (max-width: 767.98px) {
    .nav-icon {
        width: 32px;
        height: 32px;
    }
}

.info-bar {
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.0588235294);
    font-size: 18px;
}

.info-bar-item {
    position: relative;
}

.info-bar-item + .info-bar-item:before {
    content: "";
    width: var(--bs-border-width);
    min-height: 1em;
    background-color: currentcolor;
    opacity: 0.25;
    position: absolute;
    right: 0;
    top: 15%;
    height: 70%;
}

.steps-bar__step {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1 1 0;
    width: 100%;
}

.steps-bar__step.completed .steps-bar__circle {
    background: #27AE60;
}

.steps-bar__step.completed .steps-bar__label {
    color: #27AE60;
    font-weight: bold;
}

.steps-bar__step-icon,
.steps-bar__step-number {
    transition: all 0.2s ease;
    position: absolute;
}


.steps-bar__step.completed .steps-bar__step-number {
    /*display: none;*/
    opacity: 0;
}

.steps-bar__step:not(.completed) .steps-bar__step-icon {
    /*display: none;*/
    opacity: 0;
}

.steps-bar__step:not(.completed).active:hover .steps-bar__step-number {
    /*display: none;*/
    opacity: 0;
}

.steps-bar__step:not(.completed).active:hover .steps-bar__step-icon {
    display: block;
    opacity: 1;
}

.steps-bar__step.completed .steps-bar__connector-line {
    background-color: #27AE60;
}

.steps-bar__step.active .steps-bar__circle {
    background: #498DCC;
    color: #fff;
}

.steps-bar__step.active .steps-bar__label {
    color: #498DCC;
    font-weight: bold;
}

.steps-bar__circle {
    width: 36px;
    height: 36px;
    background: #f3f6fa;
    color: #bfc7d1;
    font-weight: bold;
    font-size: 1.15rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.steps-bar__label {
    color: #7b8a9a;
    font-weight: normal;
    white-space: nowrap;
    margin-top: 0.5rem;
}

.steps-bar__connector {
    top: calc(50% - 20px);
    right: 67%;
    z-index: 0;
    width: 60%;
    pointer-events: none;
}

.steps-bar__connector-line {
    height: 8px;
    background: #e9eef5;
    border-radius: 20px;
    width: 100%;
}

@media (max-width: 767.98px) {
    .steps-bar {
        align-items: baseline !important;
        display: flex;
        flex-wrap: wrap;
        overflow-x: visible;
        gap: 0.5rem 0;
        padding-bottom: 0.5rem;
        justify-content: center;
    }

    .steps-bar__step {
        min-width: 90px;
        flex: 0 0 33.3333%;
        max-width: 33.3333%;
        padding: 0 0.25rem 0.75rem 0.25rem;
        box-sizing: border-box;
    }

    .steps-bar__circle {
        width: 28px;
        height: 28px;
        font-size: 1rem;
    }

    .steps-bar__label {
        font-size: 0.85rem;
        margin-top: 0.25rem;
        white-space: normal;
        text-align: center;
    }

    .steps-bar__connector {
        display: none !important;
    }
}

/* todo: move input controls styles to a separate CSS file */
.select,
.input,
.front-ui-datetimepicker-wrapper > input,
.SumoSelect > .CaptionCont,
/*.SumoSelect:focus .CaptionCont,*/
.hasDatepicker,
.input__value.no-border {
    display: flex !important;
    color: inherit !important;
    font-family: inherit !important;
    font-weight: inherit !important;
    background-color: #fff/* !important*/;
    border: 1px solid var(--bs-secondary) !important;
    border-radius: 6px !important;
    outline: none !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 2.5625rem /*!important*/;
    margin: 0 !important;
    font-size: 14px !important;
    min-height: 36px !important;
    padding-right: .5em !important;
}
.input{
    text-align: right;
}

/* this styles must be loaded quickly */
.input-wrapper--with-chevron{
    position: relative;
}

.input-wrapper--with-chevron .input{
    padding-left: 30px;
}
.input-wrapper--with-chevron:before {
    content: '';
    width: 8px !important;
    height: 8px !important;
    display: block;
    position: absolute;
    top: 50%;
    left: 15px;

    border-bottom: 1px solid #BFBFBF !important;
    border-left: 1px solid #BFBFBF !important;
    border-right: none;
    border-top: none;
    margin: auto;
    transform: translate(-50%, -50%) rotate(-45deg);
}

.textarea {
    display: flex /*!important*/;
    color: inherit !important;
    font-family: inherit !important;
    /*font-size: inherit !important;*/
    font-weight: inherit !important;
    background-color: #fff !important;
    border: 1px solid #CFD3D4 !important;
    border-radius: 6px !important;
    outline: none !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    /*height: 41px !important;*/
    margin: 0 !important;
    transition: 0.3s ease;
    font-size: 14px !important;
}

.input:focus,
.input:focus-visible,
.textarea:focus,
.textarea:focus-visible,
.select2.select2-container .select2-selection:focus,
.select2.select2-container  .select2-selection:focus-visible{
    outline: none !important;
    border-color: var(--focus-border-color) !important;
}

.SumoSelect > .CaptionCont > span.placeholder,
.SumoSelect > .CaptionCont > span {
    line-height: 39px; /* -2px for borders */
}

/* ****************** moved from old styles ***************** */
/* todo: ---------- review --------- */

.select::-ms-clear,
.input::-ms-clear,
.textarea::-ms-clear {
    display: none;
}

.select:focus::-webkit-input-placeholder,
.input:focus::-webkit-input-placeholder,
.textarea:focus::-webkit-input-placeholder {
    opacity: 0;
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}

.select:focus:-ms-input-placeholder,
.input:focus:-ms-input-placeholder,
.textarea:focus:-ms-input-placeholder {
    opacity: 0;
    transition-delay: 0.4s;
}

.select:focus::-moz-placeholder,
.input:focus::-moz-placeholder,
.textarea:focus::-moz-placeholder {
    opacity: 0;
    transition-delay: 0.4s;
}

.select::-webkit-input-placeholder,
.input::-webkit-input-placeholder,
.textarea::-webkit-input-placeholder {
    color: inherit;
    font-weight: inherit;
    opacity: 1;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}

.select:-ms-input-placeholder,
.input:-ms-input-placeholder,
.textarea:-ms-input-placeholder {
    color: inherit;
    font-weight: inherit;
    opacity: 1;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}

.select::-moz-placeholder,
.input::-moz-placeholder,
.textarea::-moz-placeholder {
    color: inherit;
    font-weight: inherit;
    opacity: 1;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}

.select.light-placeholder::-webkit-input-placeholder,
.input.light-placeholder::-webkit-input-placeholder,
.textarea.light-placeholder::-webkit-input-placeholder {
    color: #bfbfbf;
    font-weight: 300;
}

.select.light-placeholder:-ms-input-placeholder,
.input.light-placeholder:-ms-input-placeholder,
.textarea.light-placeholder:-ms-input-placeholder {
    color: #bfbfbf;
    font-weight: 300;
}

.select.light-placeholder::-moz-placeholder,
.input.light-placeholder::-moz-placeholder,
.textarea.light-placeholder::-moz-placeholder {
    color: #bfbfbf;
    font-weight: 300;
}

.input__value {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 600;
    height: 36px;
    padding: 0 0.5em 2px;
}

.textarea {
    min-height: 100px;
    padding: 0.25em 0.5em;
    resize: none;
    overflow: auto;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

/* ******************************************************************************** */

.SumoSelect .placeholder {
    background-color: transparent !important;
    cursor: pointer !important;
}

.textarea.disabled,
.input.disabled {
    background-color: var(--color-disabled) !important;
}

label, .label {
    font-weight: 700;
    /*font-size: 14px;*/
    line-height: 1.5;
/*    margin-bottom: 4px;*/
    display: inline-flex; gap: 0; /* don't care about spaces and line breaks when .required*/
    font-size: .875rem; /* smaller than main text */
    margin-bottom: .15rem;
}

/*.required {*/
/*    color: #F47D70;*/
/*}*/
.label.required:before {
    content: '*';
    color: #F47D70;
    margin-left: .1rem;
}

.front-ui-datetimepicker-wrapper > label,
.SumoSelect > .CaptionCont > label,
.SumoSelect:focus .CaptionCont > label,
.front-ui-datetimepicker-wrapper > label {
    background-color: transparent !important;
}

.SumoSelect:focus .CaptionCont > label {
    border: none !important;
}

.SumoSelect > .CaptionCont > label > i,
.front-ui-datetimepicker-wrapper > label > i,
.front-ui-datetimepicker-wrapper > label > i {
    width: 8px !important;
    height: 8px !important;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-bottom: 1px solid #BFBFBF !important;
    border-left: 1px solid #BFBFBF !important;
    border-right: none;
    border-top: none;
    margin: auto;
    transform: rotate(-45deg);
}

.textarea {
    min-height: 175px;
    background-color: #F6F7FB;
    border: 1px solid #CFD3D4;
    padding: 10px;
}

.auction_product_form {
    align-items: flex-start;
}

.register__field-container--width-auto {
    /* align-self: flex-end; */
    /* padding-bottom: 10px; */
}

.yes-no-box__fields {
    background-color: #fff !important;
    border: 1px solid #CFD3D4 !important;
    border-radius: 6px !important;
    padding: 6px 8px !important;
    height: 41px !important;
}

.yes-no-box__radio input:checked ~ .yes-no-box__radio__btn {
    background-color: #498DCC !important;
    color: #fff !important;
}

.yes-no-box__radio__btn {
    width: 29px;
    height: 29px;
    border-radius: 3px !important;
}

.fieldbox__label {
    font-weight: 700;
    font-size: 14px;
    white-space: nowrap;
}

.filebox.required:not(.e-document) .file_input:invalid + .filebox__main-button {
    border-color: #498DCC !important;
}

.departments-form-save svg {
    width: 100%;
}

.settings-form {
    background: #fff;
}

.settings-form .form-label {
    font-weight: 700;
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 6px;
    display: block;
    color: #343a40;
    white-space: nowrap;
}

.settings-form .required {
    color: #F47D70;
}

.settings-form .textarea {
    min-height: 100px;
    resize: vertical;
    padding: 10px;
}

.settings-form .smart-checkbox-group .form-label {
    margin-bottom: 8px;
}

.settings-form .smart-checkbox-container {
    display: flex;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    overflow: hidden;
    width: max-content;
    background: #fff;
    padding: 4px;
}

.settings-form .smart-checkbox {
    position: relative;
}

.settings-form .smart-checkbox__input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.settings-form .smart-checkbox__input:checked + .smart-checkbox__label {
    background-color: #498DCC;
    color: #fff;
}

.settings-form .smart-checkbox__label {
    display: block;
    padding: 5px 15px;
    background-color: #fff;
    color: #6b7280;
    border: none;
    cursor: pointer;
    transition: all 0.2s ease;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    /*min-width: 60px;*/
    margin: 0;
    border-radius: 4px;
}

.settings-form .smart-checkbox__label:hover {
    background-color: #f9fafb;
}

.settings-form .smart-checkbox:not(:last-child) {
    margin-right: 4px;
}

[dir=rtl] .settings-form .form-label {
    text-align: right;
}

[dir=rtl] .settings-form .input,
[dir=rtl] .settings-form .select,
[dir=rtl] .settings-form .textarea {
    text-align: right;
    direction: rtl;
}

@media (max-width: 767.98px) {
    .settings-form .row {
        margin-left: 0;
        margin-right: 0;
    }

    .settings-form .col-md-6,
    .settings-form .col-md-4 {
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 1rem;
    }
}

.tabs {
    position: relative;
}

.tabs:before, .tabs:after {
    content: "";
    display: block;
    position: absolute;
    height: 1px;
    width: 30%;
    background-color: #D9DBE9;
    top: 38px;
}

@media (max-width: 1366px) {
    .tabs:before, .tabs:after {
        width: 20%;
    }
}

@media (max-width: 900px) {
    .tabs:before, .tabs:after {
        width: 10%;
    }
}
@media (max-width: 768px) {
    .tabs:before, .tabs:after {
        display: none;
    }

}

.tabs__nav {
    max-width: 360px;
    border-radius: 10px;
}

@media (min-width: 768px) {
    .tabs__nav {
        border-radius: 50px;
    }
}

.tabs:before {
    left: 0;
}

.tabs:after {
    right: 0;
}

.tabs__item {
    flex: 1;
    border: none !important;
    background: none !important;
    text-decoration: none;
    font-size: 20px;
    font-weight: 400;
    color: #404040 !important;
    white-space: nowrap;
    transition: none;
}

.tabs__item.active {
    color: #fff !important;
    border-radius: 50px !important;
    background-color: #498DCC !important;
    box-shadow: 0px 6.25px 25.02px 0px rgba(0, 0, 0, 0.1019607843);
}

.panel__head:before {
    display: none !important;
    font-size: 18px;
    color: #404040;
}

.panel__head--auction:after {
    border-color: #498DCC;
}

/*.panel__body {*/
/*    background-color: #F7F7FB;*/
/*}*/

.panel__body__inner {
    border: none;
    background-color: #F7F7FB;
    /*padding: 50px;*/
}

@media (max-width: 992px) {
    .panel__body__inner {
        padding: 20px;
    }
}

.panel__state {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #FFFFFF;
    box-shadow: 0px 3.92px 12.55px 0px rgba(8, 15, 52, 0.0588235294);
    position: relative;
    margin-inline-end: 22px;
}

.panel__state:before, .panel__state:after {
    content: "";
    position: absolute;
    width: 2px;
    height: 15px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #498DCC;
}

.panel__state:before {
    transform: translate(-50%, -50%) rotate(90deg);
}

.panel.active .panel__state {
    background-color: #498DCC;
    box-shadow: none;
}

.panel.active .panel__state:before {
    background-color: #fff;
}

.panel.active .panel__state:after {
    display: none;
}

.all-suppliers__results__body__head-table .table th {
    background-color: #F7F7FB;
    color: #498DCC;
    padding-inline: 0;
}

.table__th__inner {
    padding-inline: 0;
}

.table--search2 thead {
    display: none;
}

.table--search2 td {
    padding: 0;
    border: 0;
}

.table__td__inner {
    border-inline: 0 !important;
    border-block-start: 0 !important;
    border-radius: 0 !important;
}

.scrollbar__content--table {
    padding: 0;
}

.table td,
.table th {
    text-align: center;
}

.table td:first-child,
.table th:first-child {
    text-align: start;
}

.table td:first-child .table__td__inner,
.table td:first-child .table__th__inner,
.table th:first-child .table__td__inner,
.table th:first-child .table__th__inner {
    padding-inline-start: 20px;
}

.table td:last-child,
.table th:last-child {
    text-align: end;
}

.table tbody.completed .table__td__inner,
.table tbody:hover .table__td__inner {
    background: none !important;
    border-color: #D9D9D9 !important;
    color: #404040;
}

.table__td__hovered-dates,
.table__td__checkbox-date {
    color: #404040;
}

.table > :not(caption) > * > * {
    padding: 0;
}


.tender-circle {
    width: 83px;
    height: 83px;
    color: currentColor;
}

.tender-circle * {
    color: currentColor !important;
}

/* --- form --- */
.input-fields-block {
    display: grid;
    gap: 1rem 1.5rem;
    grid-template-columns: repeat(var(--ifb-mode), minmax(var(--ifb-min-width), 1fr));
    width: 100%;
}

.form-input-wrapper {
    /*width: 375px*/
    flex-basis: 230px;
    flex-shrink: 1;
    flex-grow: 1;
    margin: 0 .5rem 0 .5rem;
    font-size: 1.1rem;
    position: relative;
}