:root{
    --gray-400: #ced4da;
    --vg-primary: #494949;

    --brown: #e0c2a1;
    --brown-rgb: 224, 194, 161;

    --yellow: #ffed00;

    /* e0c2a1 */
}

.nav-pills {
    --si-nav-pills-link-active-bg: var(--vg-primary);
}
.nav-link:hover, .nav-link:focus {
    color: var(--vg-primary);
}

.dropdown-item:hover, .dropdown-item:focus {
    color: var(--vg-primary);
  }

.dropdown-toggle::before, .dropdown-toggle::after {
    font-family: 'Font Awesome 5 Pro';
}

.dropdown-toggle::after {
    content: "\f078";
}
.dropup .dropdown-toggle::after {
    content: "\f077";
}
.dropstart .dropdown-toggle::before {
    content: "\f053";
}
.dropend .dropdown-toggle::after {
    content: "\f054";
}

.password-toggle-btn .password-toggle-indicator{
    font-family: 'Font Awesome 5 Pro';
}
.password-toggle-btn .password-toggle-indicator::before {
    content: "\f06e";
}
.password-toggle-btn .password-toggle-check:checked ~ .password-toggle-indicator::before {
    content: "\f070";
}


.navbar.fixed-top.bg-fixed-white {
    background: #343a40 !important;
}

.navbar-brand-svg {
    height: 100px;
}

.navbar {
    padding: 0.75rem 1rem;
}

.cart-footer {
    text-transform: uppercase;
    letter-spacing: 0.2em;
    font-weight: bold;
    padding: 1.2rem 2rem;
    background: #f8f9fa;
}

.bg-dark {
    background-color: #050505;
    background-image: linear-gradient(180deg, #2d3436 0%, #000000 74%);
}
.bg-dark-2 {
    background-color: #050505;
    background-image: linear-gradient(0deg, #2d3436 0%, #000000 74%);
}
.bg-primary {
    background: #2d3436 !important;
    color: #fff;
}
.bg-yellow {
    background: var(--yellow) !important;
    color: #000;
}

.badge.bg-primary{
    background-color: var(--brown) !important;
    color: #fff;
}
.btn-outline-primary {
    --si-btn-border-color: rgba(var(--brown-rgb), 0.35);
    --si-btn-disabled-border-color: rgba(var(--brown-rgb), 0.35);
}
.list-group-item.active{
    box-shadow: unset;
}
.badge.bg-light{
    background-color: #f6f6f6 !important;
}

@media (max-width: 767px) {
    .navbar .navbar-brand{
        font-size: 1rem;
    }

    #productsform .bg-prod-img{
        height: 20rem !important;
    }
    #productsform .card-body h2.h4{
        font-size: 1.0rem;
    }
    #productsform .card-body .unit{
        font-size: .7rem;
    }
    .basket-btn{
        font-size: .7rem;
    }
    .h5.order-number{
        font-size: 1.14rem;
    }
    .h5.deadline{
        font-size: 1.14rem;
    }
    #productsform .card-body .add-default-qty{
        padding: .1rem .6rem;
        font-size: 1rem;
    }
    #productsform .card-body .input-items{
        padding-top: 0.15rem !important;
        padding-bottom: 0.15rem !important;
        padding: 0.625rem 0rem;
        width: 40px;
    }
    /* #productsform .card-body .prod_qty.input-items{
        padding: 0.625rem 0rem;
        width: 40px;
    } */
    #productsform .card-body .btn.btn-items{
        padding-top: 0.425rem !important;
        padding-bottom: 0.425rem !important;
    }
    #productsform .card-body .default-text{
        font-size: 0.775em;
    }
}

.w5r{
    width: 5rem;
}
.w9r{
    width: 9rem;
}

.client-select{
    border: 0;
    background-color: transparent;
}

.input-group-prepend .btn{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}