::-webkit-scrollbar {
    width: 20px;
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    background: red;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
        background: #b30000;
    }

body {
    background-color: #181A1B;
    color: #B9BABC;
}

.flip-image {
    transform: scaleX(-1);
}

.modal-title {
    color: dimgray;
}

.progress {
    height: 50px;
}

.rotate-text {
    transform: rotate(-90deg);
    font-weight: bolder;
    font-size: small;
    text-decoration: underline;
    color: white;
}

.mm-Footer {
    background-color: #41599F;
    font-size: large;
    font-weight: bolder;
    color: white;
}

.form-control {
    background-color: #171717 !important;
    color: #F8F9FA !important;
    border-color: #171717;
    border-bottom-color: dimgray;
    border-radius: 5px;
}

.modal-content {
    background-color: #292A2E;
}

textarea {
    background-color: #242527 !important;
    color: #FFFAF6 !important;
}

.small-txt {
    font-size: 11px;
    color: #D5E7F5;
}

h6 {
    color: #D5E7F5;
}

h5 {
    color: #FFFFFF;
}

h4 {
    color: #FFFFFF;
}

h3 {
    color: #D5E7F5;
}

h2 {
    color: #D5E7F5;
}

h1 {
    color: #D5E7F5;
}

.mm-bg {
    background-color: #191A1C;
    color: #FFFFFF;
}

.mm-panel {
    background-color: #242527;
}

.mm-panel-border {
    background-color: #242527;
    border-color: dimgray;
    border-style: solid;
    border-width: thin;
    border-radius: 10px;
}

.mm-border-rounded {
    border-radius: 10px;
}

.mm-header-border {
    background-color: #242527;
    border-color: #242527;
    border-bottom-color: dimgray;
    border-style: solid;
    border-width: thin;
}

.mm-menu {
    background-color: #242527;
}

.mm-txt {
    background-color: #242527;
    color: #E9E9E9;
}

.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
    background-color: #D5E7F5;
}



.customHeaderStyle a {
    color: black;
}

a {
    color: #73b0f5;
    font-weight: bold;
}

.nav-item a:hover {
    color: red !important;
}

.navbar-custom {
    background-color: #5F4B8B;
}

nav .navbar-nav li a {
    color: dimgray !important;
}

.nav-item a:hover {
    color: #D5E7F5 !important;
    cursor: pointer;
}

.buyerAlert-bottom {
    position: fixed;
    top: 0px;
    left: 40%;
    width: 25%;
    z-index: 289;
}

@media (max-width: 800px) {
    .buyerAlert-bottom {
        position: fixed;
        top: 0px;
        left: 0%;
        width: 100%;
        z-index: 289;
    }
}

#overlay {
    position: fixed;
    z-index: 99;
    top: 0px;
    left: 0px;
    background-color: #171717;
    width: 100%;
    height: 100%;
    filter: Alpha(Opacity=80);
    opacity: 0.80;
}

#modalprogress {
    position: absolute;
    top: 50%;
    left: 50%;
    color: dimgray;
}

body > #modalprogress {
    position: fixed;
}