:root {
    /* Default: */
    /*--bs-warning: #ffc107;*/
    /*--bs-warning-rgb: 255,193,7;*/
    /* Custom: */
    --bs-warning: #fd7e14;
    --bs-warning-rgb: 253,126,16;
}
.btn-warning {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--bs-warning);
    --bs-btn-border-color: var(--bs-warning);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #ff8520;
    --bs-btn-hover-border-color: #d9711b;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #d9711b;
    --bs-btn-active-border-color: #c06518;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--bs-warning);
    --bs-btn-disabled-border-color: var(--bs-warning);
}
.btn-outline-warning {
    --bs-btn-color: var(--bs-warning);
    --bs-btn-border-color: var(--bs-warning);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-warning);
    --bs-btn-hover-border-color: var(--bs-warning);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-warning);
    --bs-btn-active-border-color: var(--bs-warning);
    --bs-btn-disabled-color: var(--bs-warning);
    --bs-btn-disabled-border-color: var(--bs-warning);
}
.text-bg-warning {
    color: #fff !important;
}

.po-brand-bg {
    background-color: #08478f;
}
.po-brand-bg-dark {
    background-color: #063d7a !important;
}

.po-dash-row:hover {
    background: #f5f5f5;
}

.po-admin-dash-tile {
    min-width: 175px;
}

.fs-7 {
    font-size: 0.9em;
}

.dropdown-menu:not(.po-search-dropdown-menu) {
    width: max-content;
}
@media (max-width: 768px) {
    .dropdown-menu.po-search-dropdown-menu {
        position: relative;
        max-width: 100%;
        margin-bottom: 10px;
    }
}
.dropdown-item {
    word-wrap: break-word;
    white-space: normal;
}

.nav-tabs .nav-link {
    border: solid 1px lightgray;
    margin-right: 5px;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border-color: darkgray;
}
.nav-tabs .nav-link.active {
    border-color: gray;
}

.w-100-auto {width: 100% !important;}

@media screen and (min-width: 768px) {
    .w-100-auto {width: auto !important;}
}

@media (min-width: 1600px) {
    .col-xxl-25 {width: 20%;}
    .col-xxl-50 {width: 40%;}
}
@media (min-width: 1921px) {
    .col-xxl-25 {width: 16.6%;}
    .col-xxl-50 {width: 33%;}
}

@media (min-width: 2561px) {
    .col-xxl-25 {width: 14.27%;}
    .col-xxl-50 {width: 28.5%;}
}

@media (min-width: 3200px) {
    .col-xxl-25 {width: 12.5%;}
    .col-xxl-50 {width: 25%;}
}

.make-gray {filter: grayscale(1); opacity: 0.4;}
.make-color {filter: grayscale(0); opacity: 1;}

.new-supplier-popup {
    height: 80%;
    max-height: 90vh; /* for mobile */
}