body{
    font-family: "SF-pro-light";
    background-color: #1E1E1E !important;
    color: #fff !important;
}

.mb-0{
    margin-bottom: 0px !important;
}

.gold-text{
    color: #D9AF00 !important;
}

section{
    margin-bottom: 1em !important;
}

.sfbold{
    font-family: "SF-pro-medium"
}

@font-face {
  font-family: "SF-pro-medium";
  font-weight: bold;
  src: url(../fonts/sf-pro-medium.otf);
}


@font-face {
  font-family: "SF-pro-light";
  font-weight: bold;
  src: url(../fonts/sf-pro-light.otf);
}

/* Nav Bar CSS  */
.menu-logo{
    height: 60px;
}

.brand-logo{
    display: grid !important;
    grid-template-columns: .5fr 1fr 1fr;
}

.justify-center{
    justify-content: center;
}

.optix-logo-label{
    color: #c5c5c5;
    font-size: 22px;
    letter-spacing: 5px;
}

.optix-menu-button{
    height: unset;
}

.optix-nav{
    margin-bottom: 1em;
}

.nav-wrapper{
    background-color: #1A1A1A
}

.sidenav-optix-logo{
    display: grid;
    grid-template-columns: 1fr 2fr;
    align-items: center;
}


#toast-container {
  top: auto !important;
  right: auto !important;
  bottom: 10%;
  left:7%;
}

.container{
    max-width: 1400px !important;
}

/* Nav Bar CSS END */

@media only screen and (min-width: 993px)
{
    .container {
        width: 90% !important;
    }
}

#storeCount{
    color: #D9AF00;
}

.item-eyeframe-img{
    max-height: 285px;
    max-width: 600px;
    height: 285px;

}

.table-results-row{
    transition: all 600ms;
}

.table-results-row:hover{
    background-color: beige;
    cursor: pointer;
}


.sold-row{
    transition: all 600ms;
}

.sold-row:hover{
    background-color: beige;
    cursor: pointer;
}


.hotlist-col{
    transition: all 600ms;
}

.hotlist-col:hover{
    background-color: beige;
    cursor: pointer;
}

.justify-content-center{
    justify-content: center !important;
    text-align: center !important;
}

#statsContent{
    padding-bottom: 5px !important;
}

.related-item-views{

    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
}
.related-col{
    display: inline-block;
    margin-right: 1em;
}

.related-item-image{
    max-width: 150px;
}

.related-items-row{
    margin-bottom: 5px !important;
}

.sidenav{
    background-color: #333333 !important;
}

.name{
    color: #D9AF00 !important;
}

.sidenav li>a{
    color: #d6d6d6 !important;
}

.pagination li a{
    color: #fff !important;
}


.loc-drop-down .select-wrapper input.select-dropdown{
    color: white !important;
}

.searchfield{
    color: white;
}

.select-wrapper .caret{
    fill: #D9AF00;
}

#statsContent{
    color: #1A1A1A;
}

.waves-effect.waves-gold .waves-ripple {
    background-color: rgba(161,124,0,0.7)
}

#infoModal{
    border-radius: 8px;
    max-height: 90% !important;
}


.pagination li.active {
    background-color: #d5ac00 !important;
}

.ml-1{
    margin-left: 1em;
}

.search-prefix:hover{
    cursor: pointer;
}
/*
.progress{
    padding-bottom: 1em;
    margin-bottom: 5px;
    background-color: #bb4cff
}

.progress .indeterminate{
    background-color: #7875ff;
} */

table.dataTable thead .sorting {
  background: url("/assets/images/sort_both.png") no-repeat center left !important;
}
table.dataTable thead .sorting_asc {
  background: url("/assets/images/sort_asc.png") no-repeat center left !important;
}
table.dataTable thead .sorting_desc {
  background: url("/assets/images/sort_desc.png") no-repeat center left !important;
}
table.dataTable thead .sorting_asc {
  background: url("/assets/images/sort_asc_disabled.png") no-repeat center left !important;
}
table.dataTable thead .sorting_desc {
  background: url("/assets/images/sort_desc_disabled.png") no-repeat center left !important;
}