body {
    text-transform: none;
    line-height: 1.28581;
    letter-spacing: 0;
    font-size: 14px;
    font-weight: 400;
    color: #182026;
    font-family:
        -apple-system, 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Open Sans',
        'Helvetica Neue', 'Icons16', sans-serif;
}

body.wait *,
body.wait {
    cursor: wait !important;
}

#login {
    margin-top: 160px;
    width: 100%;
    height: 100vh;
    text-align: center;
}

#login > div {
    font-size: 20px;
    margin-bottom: 20px;
}

#login-header-red {
    color: #c6262e;
    font-size: 72px;
    font-weight: 700;
}
#login-header-blue {
    color: #1e4398;
    font-size: 72px;
    font-weight: 700;
}

#login-header-red.logo-text,
#login-header-blue.logo-text {
    font-size: 24px;
}
div.container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px !important;
    max-width: 980px;
    margin: auto;
}
#login .selectize-input {
    width: 320px;
    text-align: left;
}

.mt-15 {
    margin-top: 15px;
}

.blur {
    filter: blur(4px);
}
#overlay {
    position: fixed;
    top: 0;
    z-index: 10;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.3);
}
#loader {
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 11;
    top: 0;
    width: 100%;
    left: 0;
    font-size: 32px;
    height: 100%;
}
.op4 {
    opacity: 0.4;
}

#total-price-1:hover,
#total-price-2:hover,
#total-price-3:hover,
#total-price-4:hover,
#total-price-5:hover,
#total-price-6:hover,
#total-price-7:hover {
    opacity: 1;
    cursor: pointer;
}
/*
#time1:hover, #time2:hover, #time3:hover {
	border-left: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	border-right: 1px solid #aaa;
	cursor: pointer;
}*/

#time1,
#time3 {
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#time2 {
    text-align: center;
}
#time2 span {
    text-decoration: underline;
    color: #761c19;
}

.dfjcc {
    display: flex;
    justify-content: center;
}
.pt-18 {
    padding-top: 18px;
}
.pt-15 {
    padding-top: 15px;
}
.mt-20 {
    margin-top: 20px;
}
.mt-0 {
    margin-top: 0;
}
.mb-0 {
    margin-bottom: 0;
}

.upper-border {
    border-left: 1px solid #aaa;
    border-top: 1px solid #aaa;
    border-right: 1px solid #aaa;
}
.lower-border {
    border-left: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    border-right: 1px solid #aaa;
}

.price-right {
    text-align: right;
}

.price-box,
.price-box-header {
}
.price-box.selected,
.price-box input.selected {
    background-color: whitesmoke;
}

.price-box div input {
    cursor: pointer;
}

.price-box:hover > div {
    background-color: #e5e5e5;
    cursor: pointer;
}
.price-box > div:hover .op4 {
    opacity: 1;
}
.price-box > div:hover input {
    background-color: #e5e5e5;
}
.ui-datepicker-trigger {
    cursor: pointer;
}
.calendar {
    border: 0;
    text-align: center;
    width: 100%;
}

.selectize-dropdown-content {
    max-height: 500px;
}

.selectize-dropdown [data-selectable],
.selectize-dropdown .optgroup-header {
    padding: 1px 5px;
}

.order-data {
    text-transform: uppercase;
    text-align: center;
}

#top-five .list-group,
#customer-ordered-list .list-group {
    overflow: scroll;
    height: 425px;
}

.item-price {
    font-size: 130%;
    min-width: 90px;
    display: inline-block;
}

.red-text {
    color: darkred;
}

.header {
    display: flex;
    position: relative;
}
.header__mobile-logout {
    display: none;
}
.navbar-brand__desktop {
    display: block;
}
.navbar-brand__mobile {
    display: none;
}

.navbar-header {
    display: flex;
    align-items: center;
}

@media print {
    .no-print {
        display: none !important;
    }
}

@media only screen and (max-width: 600px) {
    #login {
        margin-top: 0;
    }
    .form-signin-heading {
        font-size: 24px;
    }
    #login-header-red {
        font-size: 36px;
    }
    #login-header-blue {
        font-size: 36px;
    }

    #login-header-red.logo-text,
    #login-header-blue.logo-text {
        font-size: 20px;
    }
    #bs-example-navbar-collapse-1 {
        display: none;
    }

    .navbar-header {
        padding-left: 16px;
    }
    .navbar-header button {
        display: none;
    }

    .header {
        justify-content: space-between;
        align-items: center;
        height: 50px;
    }
    .header:before,
    .header:after {
        content: initial;
    }

    .header__mobile-logout {
        font-size: 20px;
        display: block;
    }

    .navbar-brand__desktop {
        display: none;
    }
    .navbar-brand__mobile {
        display: block;
    }
}

.ampm,
.set-pm {
    border-radius: 5px;
    color: white;
    font-weight: 700;
    font-size: large;
    background-color: orange;
    width: 30px;
    height: 30px;
    justify-content: center;

    /*margin-right: 10px;*/

    align-items: center;
}
.ampm > a {
    color: white;
}
.f4button {
    border-radius: 5px;
    color: white;
    font-weight: 700;
    font-size: large;
    background-color: orange;
    width: 30px;
    height: 30px;
    justify-content: center;
    cursor: pointer;
    /*margin-right: 10px;*/

    align-items: center;
}

.form-error {
    border: 1px solid #f00;
}

.active-menu {
    box-shadow: inset 0px 0px 8px 8px lightgray;
}