html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  /*min-height: 100%;*/
}

/*body {
  margin-bottom: 60px;
}*/

body {
    min-height: 100vh;
}

hr {
    margin: 10px 0;
}

.navbar {
    background-color: #fac710 !important;
}

.desktop-login-title {
    padding-top: 320px;
    padding-bottom: 20px;
    font-weight: bold;
    font-size: 43pt;
    text-align: right;
    width: 80%;
    margin: auto;
    color: white;
}

.desktop-login-container {
    float: right;
    width: 40%;
}

.mobile-login-title {
    padding-top: 230px;
    padding-bottom: 20px;
    font-weight: bold;
    font-size: 18pt;
    text-align: left;
    width: 80%;
    margin: auto;
}

.detailstitle {
    background-color: #fac710;
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: bold;
    font-size: 14pt;
    text-align: left;
}

.detailstitle-mobile {
    padding-top: 10px;
    padding-bottom: 15px;
    font-weight: bold;
    font-size: 14pt;
    text-align: left;
}

.filtertitle {
    font-weight: bold;
    font-size: 14pt;
    text-align: left;
    margin-left: 8px;
    margin-right: 8px;
}

.filtertitle > div {
    text-align: center;
}

.ais-logo-desktop {
    width: 5%;
    position: absolute;
    top: 40px;
    right: 80px;
}

.ais-logo-mobile {
    width: 25%;
    float: left;
    padding-top: 25px;
    padding-left: 10px;
}

.btn-login-desktop {
    color: white;
    width: 80%;
    font-size: 16pt;
    height: 60px;
}

.btn-login-mobile {
    color: white;
    width: 80%;
    font-size: 12pt;
}

.col-header {
    font-weight: bold;
}

.ais-card-row {
    padding-top: 3px;
    padding-bottom: 3px;
}

.ais-card-status {
    padding-top: 2px;
    padding-bottom: 2px;
    border-radius: 10px;
    width: 40%;
    margin-right: 20px;
    text-align: center;
}

.ais-card-status-V, .details-status-V {
    /*In Inventory*/
    color: black;
    background-color: #FAC710;
}

.ais-card-status-O, .details-status-O {
    /*On Order*/
    color: black;
    background-color: white;
    border: 1px solid black;
}

.ais-card-status-P, .details-status-P {
    /*Pre-Sold*/
    color: black;
    background-color: #BEBEBE;
}

.ais-card-status-S, .details-status-S {
    /*Sold*/
    background-color: black;
    color: white;
}

.ais-card-header {
    font-weight: bold;
    font-size: 13pt;
}

.ais-card-label {
    font-weight: bold;
}

.details-header {
    padding: 30px;
    margin: -18px -18px 10px -18px;
    background-color: black;
    color: white;
}

.details-title {
    padding-left: 12px;
}

.details-header-title {
    font-weight: bold;
    font-size: 13pt;
    color: rgb(250, 199, 16);
}

.details-row {
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 12px;
}

.details-status {
    padding-top: 2px;
    padding-bottom: 2px;
    border-radius: 10px;
    width: 40%;
    margin-right: 20px;
    text-align: center;
    font-size: 12pt;
    font-weight: normal;
}

.row-detail {
    margin-top: 5px;
}

.navbar-toggler {
    border: none;
}

.searchboxtop-searchbox {
    color: black;
    background-color: inherit;
    border: 2px solid black;
    border-right: none;
}

.searchboxtext {
    background-color: inherit;
    border: 2px solid black;
    border-left: none;
    font-size: 16px;
}

.searchboxtext::placeholder {
    color: black;
    opacity: 1;
}

.togglesearchsort {
    padding-right: 10px;
    color: black !important;
    display: none;
    scale: 150%;
}

.mobile-filter {
    width: 95%;
    background-color: white;
    font-size: 16px;
}

.filter-header {
    padding-left: 24px;
}

.filter-row {
    padding-top: 6px;
    padding-bottom: 8px;
    padding-left: 24px;
}

.filter-row > div.col > input {
    float: right;
    margin-right: 24px;
    scale: 150%;
}

.navbar-collapse {
    padding-top: 10px;
}

.nav-item a.nav-link {
    font-weight: bold;
    padding-left: 30px;
}

.search-box {
    padding-bottom: 20px;
    display: none;
}

.search-sort-row {
    margin-top: 20px;
}

.ais-btn-close {
    position: absolute;
    right: 15px;
}

.btn-reset, .btn-apply {
    font-size: 12pt;
    margin-top: 6px;
    margin-left: 4px;
    margin-right: 4px;
    flex: 1 1 0;
}

.btn-reset {
    border-color: black;
}

.btn-apply {
    color: white;
}

.filter-btn-close {
    flex: 1 1 0;
    margin-top: 6px;
}

.filter-btn-close > span {
    scale: 200%;
}

.float-right {
    float: right;
}

.logout {
    color: black;
}