body {
}
.main {
    background-image: url(/Images/restaurant_image4.jpeg);
    position: absolute;
    left: 100px;
    top: 70px;
    width: 1100px;
    height: 450px;
    box-shadow: inset 0 4px 4px rgba(45,124,197, .95), 0 10px 44px rgba(45,124,197, .99);
}
.main-title {
    position: absolute;
    left: 1px;
    width: 1400px;
    height: 120px;
    background-color: white;
}
.main-image {
    position: absolute;
    top: 5px;
    left: 250px;
    box-shadow: inset 0 4px 4px rgba(104,135,175, .95), 0 10px 44px rgba(104,135,175, .95);
}
.category-main {
    background-image: url(/Images/menu_background5.png);
    position: absolute;
    left: 100px;
    top: 130px;
    width: 1100px;
    height: 470px;
    color:white;
    box-shadow: inset 0 4px 4px rgba(152,74,35, .95), 0 10px 44px rgba(152,74,35, .99);
}
.category_admin-menu-buttons {
    position: absolute;
    left: 100px;
    top: 80px;
    width: 1000px;
    height: 60px;
}
.category-list {
    position: absolute;
    left: 30px;
    top: 30px;
    width: 440px;
    height: 400px;
    border-color: black;
    border-style: outset;
    border-width: thin;
    overflow-y: scroll;
    font-weight: bolder;
    color:white;
}
.category-edit {
    position: absolute;
    left: 500px;
    top: 30px;
    width: 500px;
    height: 400px;
    color:white;
    font-size:small;
/*    box-shadow: inset 0 4px 4px rgba(255,255,255, .95), 0 10px 44px rgba(255,255,255, .95);
*/}
.category-item-list {
    position: absolute;
    left: 30px;
    top: 30px;
    width: 500px;
    height: 400px;
    border-color: black;
    border-style: outset;
    border-width: thin;
    overflow-y: scroll;
    font-weight: bolder;
    color: white;
}
.category-item-edit {
    position: absolute;
    left: 560px;
    top: 30px;
    width: 500px;
    height: 400px;
    color: white;
}
.category-item-buttons {
    position:absolute;
    left:680px;
    top:370px;
}
.category-buttons {
    position: absolute;
    left: 70px;
    top: 230px;
    width: 300px;
    height: 80px;
    border-color: black;
    border-style: outset;
    border-width: thin;
    box-shadow: inset 0 4px 4px rgba(152,74,35, .95), 0 10px 44px rgba(152,74,35, .95);
}
.restaurant-main {
    background-image: url(/Images/restaurant-kitchen1.jpg);
    position: absolute;
    left: 100px;
    top: 190px;
    width: 1100px;
    height: 450px;
    box-shadow: inset 0 4px 4px rgba(74,30,9, .95), 0 10px 44px rgba(74,30,9, .99);
}
.restaurant-list {
    background-image: url(/Images/background-transparent-white.png);
    position: absolute;
    left: 60px;
    top: 30px;
    width: 440px;
    height: 400px;
    border-color: black;
    border-style: outset;
    border-width: thin;
    overflow-y: scroll;
    box-shadow: inset 0 0 0 rgba(255,255,255, .95), 0 10px 44px rgba(255,255,255, .95);
}
.restaurant-edit {
    background-image: url(/Images/background-transparent-white.png);
    position: absolute;
    left: 540px;
    top: 30px;
    width: 500px;
    height: 400px;
    box-shadow: inset 0 0 1px rgba(255,255,255, .95), 0 10px 44px rgba(255,255,255, .95);
}
.restaurant-buttons {
    position: absolute;
    left: 140px;
    top: 210px;
    width: 300px;
    height: 60px;
    border-color: black;
    border-style: outset;
    border-width: thin;
    box-shadow: inset 0 0 1px rgba(255,255,255, .95), 0 10px 44px rgba(255,255,255, .95);
}
.restaurant-sub-buttons {
    position: absolute;
    left: 570px;
    top: -30px;
    width: 140px;
    height: 300px;
}
.restaurant-category-button {
    position: absolute;
    left: 20px;
    top: 10px;
    box-shadow: inset 0 0 1px rgba(0,0,0, .75), 0 6px 44px rgba(0,0,0, .75);
}
.restaurant-menu-button {
    position: absolute;
    left: -10px;
    top: 50px;
    box-shadow: inset 0 0 1px rgba(255,255,255, .75), 0 6px 44px rgba(255,255,255, .75);
}
.restaurant-order-button {
    position: absolute;
    left: -40px;
    top: 90px;
    box-shadow: inset 0 0 1px rgba(0,0,0, .75), 0 6px 44px rgba(0,0,0, .75);
}
.restaurant-rtype-button {
    position: absolute;
    left: -70px;
    top: 130px;
    box-shadow: inset 0 0 1px rgba(255,255,255, .75), 0 6px 44px rgba(255,255,255, .75);
}
.Selection-field-white {
    color:white;
    font-weight:bolder;
    text-decoration-color:white;
}
.Selection-field-black {
    color: black;
    font-weight: bolder;
    text-decoration-color: white;
}
.dropdown-style {
    display: block;
    width: 100%;
    height: 100px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.menu-admin-main {
    position: absolute;
    left: 100px;
    top: 70px;
    width: 1100px;
    height: 350px;
    background-image: url(/Images/restaurant-image7.jpg);
    box-shadow: inset 0 0 1px rgba(96,32,4, .75), 0 6px 44px rgba(96,32,4, .75);
}
.menu-admin-edit {
    background-image: url(/Images/background-transparent-white.png);
    position: absolute;
    left: 540px;
    top: 30px;
    width: 500px;
    height: 400px;
    border-style: outset;
    border-width: thin;
    box-shadow: inset 0 0 1px rgba(228,238,247, .55), 0 10px 44px rgba(228,238,247, .95);
}
.menu-admin-list {
    background-image: url(/Images/background-transparent-white.png);
    position: absolute;
    left: 60px;
    top: 30px;
    width: 440px;
    height: 400px;
    border-color: black;
    border-style: outset;
    border-width: thin;
    overflow-y: scroll;
    box-shadow: inset 0 0 1px rgba(228,238,247, .55), 0 10px 44px rgba(228,238,247, .95);
}
.menu-admin-buttons {
    position: absolute;
    left: 140px;
    top: 410px;
    width: 300px;
    height: 60px;
    border-color: black;
    border-style: outset;
    border-width: thin;
    box-shadow: inset 0 0 1px rgba(228,238,247, .55), 0 10px 44px rgba(228,238,247, .95);
}
.order-main {
    position: absolute;
    left: 100px;
    top: 60px;
    width: 1100px;
    height: 550px;
    opacity:.5;
    background-image: url(/Images/restaurant-image7.jpg);
    box-shadow: inset 0 0 1px rgba(0,0,0, .95), 0 6px 44px rgba(0,0,0, .85);
}
.order-category {
    background-image: url(/Images/category_background.jpg);
    position: absolute;
    left: 30px;
    top: 30px;
    width: 290px;
    height: 400px;
    border-style: outset;
    border-width: thin;
    /*    box-shadow: inset 0 0 1px rgba(255,255,255, .95), 0 6px 44px rgba(255,255,255, .99);
*/
}
.order-menu {
    background-image: url(/Images/menu_background3.jpg);
    position: absolute;
    left: 340px;
    top: 30px;
    width: 350px;
    height: 400px;
    color:white;
    overflow-y: scroll;
    border-style: outset;
    border-width: thin;
    box-shadow: inset 0 0 1px rgba(255,255,255, .95), 0 10px 44px rgba(255,255,255, .95);
}
.order-selections {
    background-image: url(/Images/menu_background4.png);
    position: absolute;
    left: 710px;
    top: 30px;
    width: 365px;
    height: 340px;
    overflow-y: scroll;
    border-style: outset;
    border-width: thin;
    box-shadow: inset 0 0 1px rgba(255,255,255, .95), 0 10px 44px rgba(255,255,255, .95);
}
.order-total {
    background-image: url(/Images/background-transparent-white.png);
    position: absolute;
    left: 880px;
    top: 390px;
    width: 200px;
    height: 26px;
    text-align:end;
    font-weight:bolder;
    color:black;
    border-color:black;
    border-style: outset;
    border-width: thin;
    box-shadow: inset 0 0 1px rgba(0,0,0, .95), 0 10px 44px rgba(0,0,0, .95);
}
.order-type-pickup {
    background-image: url(/Images/Pickup.png);
    position: absolute;
    left: 400px;
    top: 130px;
    width: 90px;
    height: 121px;
    font-weight:bolder;
    text-align:center;
    vertical-align:middle;
    font-size:large;
    border-style: outset;
    border-width: thin;
    box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.075), 0 10px 44px rgba(0,0,0, .95);
}
.order-type-eatin {
    background-image: url(/Images/EatIn.png);
    position: absolute;
    left: 510px;
    top: 130px;
    width: 90px;
    height: 121px;
    font-weight: bolder;
    text-align: center;
    vertical-align: middle;
    font-size: large;
    border-style: outset;
    border-width: thin;
    box-shadow: inset 0 0 1px rgba(255,255,255, .95), 0 10px 44px rgba(255,255,255, .95);
}
.admin-main {
    background-image: url(/Images/background3dWAV.png);
    position: absolute;
    left: 100px;
    top: 140px;
    width: 1100px;
    height: 450px;
    box-shadow: inset 0 1px 4px rgba(45,124,197, .95), 0 10px 44px rgba(45,124,197, .99);
}
.admin-menu-panel {
    background-image: url(/Images/admin-menu-panel.png);
    position: absolute;
    left: 1px;
    top: 1px;
    width: 1099px;
    height: 50px;
    box-shadow: inset 0 1px 1px rgba(45,124,197, .95), 0 1px 1px rgba(45,124,197, .99);
}
.admin-restaurant {
    position: absolute;
    left: 30px;
    top: 18px;
    width: 100px;
    color:black;
    font-weight:bolder;
    text-decoration-color:black;
}
.admin-restaurant-type {
    position: absolute;
    left: 130px;
    top: 18px;
    width: 140px;
    color: black;
    font-weight: bolder;
    text-decoration-color: black;
}
.admin-driver {
    position: absolute;
    left: 280px;
    top: 18px;
    width: 100px;
    color: black;
    font-weight: bolder;
    text-decoration-color: black;
}
.inventory-main {
    background-image: url(/Images/background3dWHT.png);
    position: absolute;
    left: 100px;
    top: 90px;
    width: 1100px;
    height: 700px;
    box-shadow: inset 0 1px 4px rgba(45,124,197, .95), 0 10px 44px rgba(45,124,197, .99);
}
.inventory-list {
    position: absolute;
    left: 30px;
    top: 30px;
    width: 440px;
    height: 400px;
    border-color: transparent;
    border-style: outset;
    border-width: thin;
    overflow-y: scroll;
    font-weight: bolder;
    box-shadow: inset 0 0 2px rgba(0,0,0, .95), 0 10px 44px rgba(0,0,0, .95);
}

.inventory-edit {
    position: absolute;
    left: 520px;
    top: 30px;
    width: 540px;
    height: 400px;
/*    box-shadow: inset 0 4px 4px rgba(0,0,0, .95), 0 10px 44px rgba(0,0,0, .95);
*/}
.customer-main {
    background-image:url(/Images/background3dWAV.png);
    position: absolute;
    left: 100px;
    top: 70px;
    width: 1200px;
    height: 450px;
    box-shadow: inset 0 1px 4px brown, 0 10px 44px brown;
}

.customer-list {
    background-image: url(/Images/background3dWHT.png);
    position: absolute;
    left: 1px;
    top: 3px;
    width: 520px;
    height: 295px;
    border-color: transparent;
    border-style: outset;
    border-width: thin;
    overflow-y: scroll;
    font-weight: bolder;
    font-size:small;
    box-shadow: inset 0 0 2px rgba(0,0,0, .95), 0 10px 44px rgba(0,0,0, .95);
}

.customer-edit1 {
    position: absolute;
    left: 30px;
    top: 10px;
    width: 500px;
    height: 300px;
}
.customer-edit2 {
    position: absolute;
    background-image: url(/Images/menu3.jpg);
    left: 950px;
    top: 30px;
    width: 220px;
    height: 350px;
}
.customer-required {
    position:absolute;
    left:60px;
    top:17px;
    height:100px;
    width:800px;
    color:red;
    font-weight:bolder;
    text-align:center;
}
.customer-buttons {
    position:absolute;
    top:320px;
    left:150px;
    height:40px;
    width:150px;
}
.Link-black {
    text-decoration: none;
    color:black;
    font-weight:bolder;
}
.order-view-main {
    position: absolute;
    left: 80px;
    top: 80px;
    width: 1000px;
    height: 500px;
    background-image: url(/Images/background3dWHT.png);
    box-shadow: inset 0 1px 4px lightgrey, 0 10px 44px lightgrey;
}
.order-view-customer {
    background-image: url(/Images/background3dWHT.png);
    position: absolute;
    left: 40px;
    top: 30px;
    width: 410px;
    height: 300px;
    background-color: white;
    border-style: outset;
    border-width: thin;
    box-shadow: inset 0 6px 6px purple;
}
.order-view-header {
    position: absolute;
    left: 30px;
    top: 30px;
    width: 300px;
    height: 170px;
    background-color: transparent;
    box-shadow: inset 0 1px 4px gray, 0 10px 44px gray;
}
.order-view-header-fields {
    position: absolute;
    left: 20px;
    top: 15px;
    width:380px;
}

.order-view-detail {
    position: absolute;
    left: 30px;
    top: 220px;
    width: 500px;
    height: 250px;
    background-color: transparent;
    border-style: outset;
    border-width: thin;
    border-color: transparent;
    overflow-y:scroll;
    box-shadow: inset 0 1px 4px lightgrey, 0 10px 44px lightgrey;
}
.order-view-button {
    position: absolute;
    left: 720px;
    top: 435px;
    width: 90px;
    height: 40px;
    box-shadow: inset 0 1px 4px darkgrey, 0 10px 44px darkgrey;
}
.order-view-image {
    position: absolute;
    left: 600px;
    top: 50px;
    width: 350px;
    height: 350px;
    background-image:url(/Images/delivery400x400.png);
    box-shadow: inset 0 1px 4px darkgrey, 0 10px 44px darkgrey;
}
.required {
    color:red;
    font-weight:bolder;
}
.myform-control {
    display: block;
    width: 100%;
    height: 23px;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.Hide {
    visibility:hidden;
}
.Show {
    visibility:visible;
}
.checkout {
    background-image: url(/Images/checkout_btn.png);
    width: 124px;
    height: 30px;
    border: none;
}

.add_cart {
    background-image: url(/Images/add_cart.png);
    width: 123px;
    height: 30px;
    border: none;
}

.search {
    background-image: url(/Images/search_btn.png);
    width: 123px;
    height: 30px;
    border: none;
}

.checkout_menu {
    background-image: url(/Images/search_btn.png);
    background: transparent;
    width: 113px;
    height: 20px;
    border: none;
}