/* --------------------------------------------------------------------
Copyright (c) 2023-2025 Meddear Food Company, Division of The Baza-miyat Company, Inc. All Rights Reserved.

Designed and Developed by: Sammy B. Khayat - Founder, Chairman and CEO
                           The Baza-miyat Company, Inc.
--------------------------------------------------------------------- */
#food-order-form-introduction { margin: 0 auto; width: 700px; }
#food-order-form-introduction-tab { float: left; width: 350px; }
#food-order-form-introduction-tab-b { float: right; width: 350px; }
#food-order-form-introduction-container { margin: 60px 0 45px 0; width: 700px; text-align: center; }
#food-order-form-introduction-container input[type="submit"] { margin: 0 auto; width: 150px; line-height: 40px; font-size: 15px; font-weight: bold; background: rgb(135,36,91); background-color: rgb(135,36,91); color: rgb(255,255,255); border: 0; border-radius: 40px; -webkit-border-radius: 40px; -o-border-radius: 40px; -ms-border-radius: 40px; cursor: pointer; }
#food-order-form-introduction-container input[type="submit"]:hover { background: rgb(104,150,63); background-color: rgb(104,150,63); }
.food-order-form-information-label { margin: 0 auto; width: 250px; padding-top: 20px; font-size: 15px; font-style: italic; }
#food-order-form-heading { margin: 0 auto; margin-top: 20px; width: 700px; text-align: center; }
#food-order-form-container { margin: 40px auto; width: 650px; }
#food-order-form-container input[type="submit"] { margin-left: 15px; width: 150px; line-height: 40px; font-size: 15px; font-weight: bold; background: rgb(135,36,91); background-color: rgb(135,36,91); color: rgb(255,255,255); border: 0; border-radius: 40px; -webkit-border-radius: 40px; -moz-border-radius: 40px; -o-border-radius: 40px; -ms-border-radius: 40px; cursor: pointer; }
#food-order-form-container input[type="submit"]:hover { background: rgb(104,150,63); background-color: rgb(104,150,63); }
#food-order-form-container input[type="text"] { margin-bottom: 20px; width: 67%; height: 30px; padding-left: 3%; font-size: 16px; border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; }
#food-order-form-container select { margin-bottom: 20px; width: 30%; height: 30px; padding-left: 3%; font-family: poppins; font-weight: normal; font-size: 16px; background: transparent; background-color: transparent; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; }
#food-order-form-nav { margin: 0 auto; width: 650px; text-align: center; }
#food-order-form-label { float: left; width: 30%; text-align: right; }
#food-order-form-in { float: right; width: 67%; }
#food-order-form-note { float: right; margin-bottom: 20px; width: 64%; font-size: 14px; font-style: italic; }
#food-order-form-note-txt { width: 70%; }
#food-form-order-nav { margin: 0 auto; width: 340px; padding-top: 20px; text-align: center; }
#food-form-order-step-container { margin-bottom: 30px; width: 400px; }
#food-form-order-step { float: left; width: 50px; line-height: 50px; font-size: 20px; font-weight: bold; color: rgb(255,255,255); text-align: center; background: rgb(135,36,91); background-color: rgb(135,36,91); border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; }
#food-form-order-step-label { float: right; width: 330px; line-height: 50px; color: rgb(135,36,91); font-size: 20px; font-weight: bold; }
#food-form-catalog-container { margin: 50px auto; width: 720px; min-height: 250px; padding: 20px 0; border-bottom: 3px solid rgb(135,36,91); }
#food-form-catalog-holder { float: left; width: 200px; padding-top: 8px; text-align: center; }
#food-form-catalog-content { float: left; width: 370px; }
#food-form-catalog-q { float: right; width: 150px; text-align: center; }
#food-form-catalog-p { margin-bottom: 20px; font-size: 19px; color: rgb(135,36,91); font-weight: bold; }
#food-form-catalog-q input[type="text"] { margin-top: 10px; width: 50px; height: 30px; text-align: center; font-family: poppins; font-weight: normal; font-size: 16px; }
#food-form-catalog-p-title { font-size: 19px; font-weight: bold; color: rgb(135,36,91); }
#food-form-catalog-p-content { margin-top: 20px; width: 95%; line-height: 25px; }
#food-order-summary-heading { width: 100%; line-height: 45px; color: rgb(135,36,91); font-weight: bold; border-bottom: 2px solid rgb(135,36,91); }
#food-order-summary-title { float: left; width: 80%; }
#food-order-summary-nav { float: right; width: 20%; text-align: right; font-size: 15px; }
#food-order-summary-review-p-header { margin: 0 auto; margin-top: 30px; width: 650px; line-height: 40px; color: rgb(255,255,255); background: rgb(135,36,91); background-color: rgb(135,36,91); border-bottom: 2px solid rgb(135,36,91); }
#food-order-summary-review-p-h { float: left; width: 120px; text-align: center; }
#food-order-summary-review-p-i { float: left; width: 360px; text-align: center; }
#food-order-summary-review-p-q { float: left; width: 80px; text-align: center; }
#food-order-summary-review-p-p { float: right; width: 80px; text-align: center; }
#food-order-summary-review { margin: 0 auto; margin-top: 20px; margin-bottom: 50px; width: 520px; }
#food-order-summary-review-label { float: left; margin-bottom: 7px; width: 40%; text-align: right; }
#food-order-summary-review-input { float: right; margin-bottom: 7px; width: 58%; }
#food-order-summary-review-product-container { margin: 0 auto; padding: 8px 0; border-bottom: 2px solid rgb(135,36,91); }
#food-order-summary-review-product-holder { float: left; width: 120px; height: 80px; text-align: center; }
#food-order-summary-review-product-info { float: left; width: 340px; padding: 0 10px; }
#food-order-summary-review-product-p { float: left; width: 70px; padding: 0 5px; text-align: center; }
#food-order-summary-review-product-q { float: right; width: 70px; padding: 0 5px; text-align: center; }
#food-order-summary-review-product-t { margin-bottom: 15px; width: 100%; text-align: right; font-size: 19px; }
#food-order-summary-review-product-t-note { margin-top: 15px; font-style: italic; }
#food-form-order-direct-container { margin: 30px auto; width: 350px; }
#food-form-order-direct-container a { float: left; margin-left: 15px; display: block; width: 150px; line-height: 40px; font-size: 15px; font-weight: bold; color: rgb(255,255,255); text-align: center; background: rgb(135,36,91); background-color: rgb(135,36,91); border: 0; border-radius: 40px; -webkit-border-radius: 40px; -moz-border-radius: 40px; -o-border-radius: 40px; -ms-border-radius: 40px; }
#food-form-order-direct-container a:hover { text-decoration: none; background: rgb(104,150,63); background-color: rgb(104,150,63); }
#food-form-order-direct-container a:visited { color: rgb(255,255,255); border: 0; }
#food-order-form-notification { margin: 0 auto; width: 700px; }
#food-order-form-error { float: right; margin-bottom: 15px; width: 66%; color: rgb(240,0,0); }
#food-order-form-catalog-error { color: rgb(240,0,0); text-align: center; }
#food-order-form-notification-direct a { margin: 30px auto; display: block; width: 150px; line-height: 40px; font-size: 15px; font-weight: bold; text-align: center; background: rgb(135,36,91); background-color: rgb(135,36,91); color: rgb(255,255,255); border: 0; border-radius: 40px; -webkit-border-radius: 40px; -moz-border-radius: 40px; -o-border-radius: 40px; -ms-border-radius: 40px; }
#food-order-form-notification-direct a:hover { background: rgb(104,150,63); background-color: rgb(104,150,63); }
.food-form-catalog-i { font-size: 15px; font-style: initial; }
.food-form-catalog-c { font-weight: 600; }
.food-form-catalog-b { padding-top: 5px; border-top: 1px solid rgb(135,36,91); }
.food-form-catalog-q { border: 2px solid rgb(240,0,0); }
.food-form-b { border: 2px solid rgb(240,0,0); }
.food-form-n { border: 1px solid rgb(0,0,0); }
.food-form-s { font-size: 20px; color: rgb(16,107,0); font-weight: bold; }