html {
    scroll-behavior: unset !important;
}

/* 
    easily start the state as display none, then use jquery .show() to make it appear, bootstrap d-none does not work
    because bootstrap version has !important in it
*/
.make-none {
    display: none;
}

.btn-primary {
    color: black;
}

.btn-primary:hover {
    background-color: #ffc21a !important;
    border-color: #ffc21a;
    color: black;
    box-shadow: unset;
}

.tab-contents-sets ul li a:hover {
    color: black;
}

/* make x button line height nice for select 2 */
.select2-selection__choice__remove {
    line-height: 1;
}

.select2-container--default
    .select2-results__option--highlighted[aria-selected] {
    background-color: #ffbb00;
    color: black;
}

/* empty checkbox */
.select2-results__option:not([aria-disabled="true"]):not(
        [role="group"]
    )::before {
    content: "☐ ";
}

/* empty checkbox */
.select2-container--default
    .select2-results__option[aria-selected="true"]::before {
    content: "🗹 ";
}

.user-menu.nav > li > a.viewsite {
    font-size: 13px;
    font-weight: 400;
    color: #74788d;
    display: flex;
    align-items: center;
}

.user-menu.nav > li > a.viewsite:hover {
    color: darkblue;
}

.user-menu.nav > li > a.viewsite:hover i {
    color: darkblue;
}

.btn-primary {
    background-color: #ffbb00 !important;
    border-color: #ffbb00 !important;
    color: #000000ff !important;
}

.btn-primary:hover {
    background-color: #ffbb0091 !important;
    border-color: #ffbb0091 !important;
    color: #000000ff !important;
}

.btn-primary:disabled,
.btn-primary.disabled {
    background-color: #ffbb00 !important;
    border-color: #ffbb00 !important;
    opacity: 0.65 !important;
    color: #000000ff !important;
}

.select2-container--default .select2-selection--multiple {
    border: 1px solid var(--stroke, #e1e1e1);
    min-height: 42px;
    background-color: #ffffff;
    padding: 4px 8px;
    border-radius: 8px;
}

.select2-margin {
    margin-bottom: 0.3rem;
}

.view-total-vendors, 
.total-customer, 
.total-inactive-vendor, 
.total-inactive-order {
    cursor: pointer;
}

.view-total-vendors:hover,
.total-customer h4:hover ,
.total-inactive-vendor h4:hover,
.total-inactive-order h4:hover {
    cursor: pointer;
    font-weight: bold;
    color: darkblue;
}

.text-custom {
    color: #ff006e;
    font-weight: 500;
    font-size: 16px;
    opacity: 1;
}

.text-custom:hover {
    color: #ff006e;
}