html {
    overflow-y: scroll;
}

body.modal-open {
    overflow: visible;
   
}

.page-subtitle {
    color: #222222;
    font-size: 1.2rem;
    font-weight: 200;
    letter-spacing: -0.02rem;
}

/* Buttons */

.table-buttons {
    min-width: 140px;
}

/* Tables */

.table-list thead th a {
    color: #222222;
}

.table-list tbody tr a {
    color: #222222;
    vertical-align: middle;
}

/* Tabs */

.nav-tabs {
    border-bottom: 0;
}

.nav-tabs .nav-link {
    background-color: #F0F0F0;
    color: inherit;
}

.nav-tabs .nav-link.active {
    background-color: #FFFFFF;
    border-color: #FFFFFF;
    color: inherit;
    font-weight: 600;
}

.nav-pills .nav-link.active {
    background-color: #878787;
}

/* Order Details */

.order-details-top {
    background-color: white;
    border-radius: 0.25rem;
    box-shadow: 0 0.125rem 0.25rem #000000;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

.order-details-top span {
    color: #222222;
    line-height: 1.5rem;
}

.order-details-top button {
    display: inline;
    min-width: 120px;
}

.order-details-top .cart {
    font-size: 1.75rem;
}

/* Links */

.navigation-link {
    color: #222222;
}

.navigation-link:hover {
    color: #222222;
}

.f-14 {
    font-size: 14px !important;
}

.cursor-pointer {
    cursor: pointer;
}

.status-rounded {
    display: flex;
    height: 15px;
    width: 15px;
}