@font-face {
    font-family : "icomoon";
    src         : url(../fonts/icomoon.woff?80ad19624547545662b527a151982c94) format("woff"), url(../fonts/icomoon.woff?80ad19624547545662b527a151982c94) format("woff2");
    font-weight : 400;
    font-style  : normal;
}
[class^="icon-"],
[class*=" icon-"] {    /* use !important to prevent issues with browser extensions that change fonts */
    font-family             : 'icomoon' !important;
    speak                   : none;
    font-style              : normal;
    font-weight             : normal;
    font-variant            : normal;
    text-transform          : none;
    line-height             : 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing  : antialiased;
    -moz-osx-font-smoothing : grayscale;
}
.icon-play:before {
    content : "\E926";
}
.icon-print-regular:before {
    content : "\E924";
}
.icon-edit-light:before {
    content : "\E925";
}
.icon-star:before {
    content : "\E919";
}
.icon-check-regular:before {
    content : "\E900";
}
.icon-check-solid:before {
    content : "\E901";
}
.icon-chevron-down-regular:before {
    content : "\E902";
}
.icon-chevron-left-regular:before {
    content : "\E903";
}
.icon-chevron-right-regular:before {
    content : "\E904";
}
.icon-lock-solid:before {
    content : "\E905";
}
.icon-map-marker-solid:before {
    content : "\E906";
}
.icon-minus-circle-light:before {
    content : "\E907";
}
.icon-plus-circle-light:before {
    content : "\E908";
}
.icon-plus-circle-solid:before {
    content : "\E909";
}
.icon-shopping-cart-solid:before {
    content : "\E90A";
}
.icon-basket:before {
    content : "\E90B";
}
.icon-arrow-up-regular:before {
    content : "\E90C";
}
.icon-calendar-alt-regular:before {
    content : "\E90D";
}
.icon-check-circle-solid:before {
    content : "\E90E";
}
.icon-check-light:before {
    content : "\E90F";
}
.icon-facebook:before {
    content : "\E910";
}
.icon-twitter:before {
    content : "\E911";
}
.icon-instagram:before {
    content : "\E912";
}
.icon-chevron-left-solid:before {
    content : "\E913";
}
.icon-chevron-right-solid:before {
    content : "\E914";
}
.icon-directions-regular:before {
    content : "\E915";
}
.icon-share-light:before {
    content : "\E916";
}
.icon-ice-cream-light:before {
    content : "\E917";
}
.icon-eye-regular:before {
    content : "\E918";
}
.icon-edit-solid:before {
    content : "\E91A";
}
.icon-minus-circle-solid:before {
    content : "\E923";
}
.icon-pencil-solid:before {
    content : "\E91B";
}
.icon-eye-solid:before {
    content : "\E91C";
}
.icon-times-light:before {
    content : "\E91D";
}
.icon-map-marker-alt-solid:before {
    content : "\E91E";
}
.icon-location-regular:before {
    content : "\E91F";
}
.icon-location-light:before {
    content : "\E920";
}
.icon-phone-light:before {
    content : "\E921";
}
.icon-directions-light:before {
    content : "\E922";
}
.main-area.style01:before {
    position       : absolute;
    left           : 50%;
    right          : 0;
    top            : 160px;
    content        : '';
    background     : url(../images/bg-content.png?fbf2ac3cc85340474fc8ed0f3368ed2c) no-repeat;
    width          : 1850px;
    height         : 1377px;
    margin-left    : -925px;
    pointer-events : none;
}
#app .navbar {
    width         : 100%;
    left          : 0;
    position      : static;
    margin-bottom : 10px;
}
.form-control, select, .email-compose-fields .select2-container--default .select2-selection--multiple,
.select2-container--default .select2-selection--single, .select2-container--default .select2-selection--single
.select2-search__field, .typeahead, .tt-query, .tt-hint, select.form-control, select,
.email-compose-fields .select2-container--default select.select2-selection--multiple,
.select2-container--default select.select2-selection--single,
.select2-container--default .select2-selection--single select.select2-search__field,
select.typeahead, select.tt-query, select.tt-hint, .timepicker.input-group {
    border : 1px solid #D7D7D7;
}
.timepicker.input-group .input-group-append .input-group-text {
    border-color : #D7D7D7;
}
select.form-control, select, .email-compose-fields .select2-container--default select.select2-selection--multiple,
.select2-container--default select.select2-selection--single, .select2-container--default
.select2-selection--single select.select2-search__field, select.typeahead, select.tt-query, select.tt-hint {
    color : #495057;
}
.card.cardSection .card-header {
    background    : #B8BCEE;
    color         : #031A61;
    border-radius : 5px 5px 0 0;
    border        : 1px solid #AAAEDB;
}
.main-wrapper .page-wrapper {
    background : #F9F9F9;
}
.page-content .card .card-body {
    border : 1px solid #E1E1E1;
}
.productSection,
.optionSection {
    margin-top : 35px;
}
.productSection h5,
.optionSection h5 {
    margin-bottom : 20px;
}
ul.productList,
ul.optionList {
    margin     : 0;
    padding    : 0;
    list-style : none;
}
ul.productList li {
    display : inline-block;
    margin  : 0 10px 10px;
    width   : 150px;
}
ul.productList li a .imageBlock img {
    position   : absolute;
    left       : 0;
    top        : 0;
    right      : 0;
    bottom     : 0;
    margin     : auto;
    max-width  : 100%;
    max-height : 100%;
}
ul.productList li a .imageBlock {
    display    : block;
    position   : relative;
    width      : 150px;
    overflow   : hidden;
    text-align : center;
    height     : 150px;
}
ul.productList li.selectedProduct a .imageBlock {
    border : 5px solid #70B603;
}
ul.optionList li {
    margin  : 0 10px;
    padding : 0;
    width   : 100px;
    display : inline-block;
}
ul.optionList li .flavorImage,
ul.optionList li .toppingImage,
ul.optionList li .containerImage {
    position : relative;
    display  : block;
    width    : 100px;
    height   : 100px;
}
ul.optionList li .flavorImage img,
ul.optionList li .toppingImage img,
ul.optionList li .containerImage img {
    position   : absolute;
    left       : 0;
    top        : 0;
    bottom     : 0;
    right      : 0;
    margin     : auto;
    max-width  : 100%;
    max-height : 100%;
    transition : transform .5s ease;
}
ul.optionList li.itemSelected .flavorImage img,
ul.optionList li .flavorImage img:hover,
ul.optionList li.itemSelected .toppingImage img,
ul.optionList li .toppingImage img:hover,
ul.optionList li.itemSelected .containerImage img,
ul.optionList li .containerImage img:hover {
    transform : scale(1.3);
    border    : 5px solid #70B603;
}
#special_instructions {
    width  : 100%;
    resize : none;
    height : 120px;
}
.item-listing-section {
    text-align : center;
}
tr.orderHead td, tr.orderBody td {
    border     : 1px solid #000000;
    text-align : center;
}
.completedOrder table,
.holdOrder table,
.progressOrder table {
    width : 100%;
}
.completedOrder .card-header,
.holdOrder .card-header,
.progressOrder .card-header {
    text-align     : center;
    color          : #FFFFFF;
    font-weight    : bold;
    text-transform : uppercase;
}
.completedOrder .card-header {
    background : #4B7902;
}
.holdOrder .card-header {
    background : #FFFF00;
    color      : #000000;
}
.progressOrder .card-header {
    background : #008080;
}
.orderAddress {
    border    : 1px solid #000000;
    padding   : 10px 14px;
    font-size : 13px;
}
.orderID {
    text-transform : uppercase;
}
table.orderItems {
    width      : 100%;
    margin-top : 30px;
}
table.orderItems td {
    vertical-align : top;
    padding-bottom : 20px;
}
table.orderTotal {
    width      : 100%;
    margin-top : 30px;
    text-align : right;
}
table.table-row {
    margin-bottom : 10px;
    cursor        : pointer;
}
div#orderViewSection {
    padding-bottom : 15px;
}
.orderHistorySection .historyTitle {
    text-transform : uppercase;
    font-weight    : bold;
}
.viewCompleted {
    margin : 0 0 25px;
}
div#historyFilter {
    margin-left  : 0;
    margin-right : 0;
    margin-top   : 10px;
}
div#historyFilter .col-md-5 .form-control,
div#historyFilter .col-md-3 .form-control,
div#historyFilter .col-md-2 .form-control {
    font-size : 12px;
}
.headSortBy {
    cursor : pointer;
}
.table-hover tbody tr:hover {
    background-color : #D7D7D7;
}
.slipSelected td {
    background-color : #D7D7D7;
}
.listingSection .card {
    background    : #D7D7D7;
    border        : 1px solid #656464;
    border-radius : 0;
}
.listingSection .card #historyFilter input,
.listingSection .card #historyFilter select {
    border        : 1px solid #656464;
    margin-bottom : 10px;
}
.status-block {
    text-align  : center;
    font-weight : bold;
    color       : #000000;
    padding     : 6px 0 3px;
}
#adminCancelNote .modal-content,
#adminStartOrder .modal-content {
    border        : 6px solid #000000;
    border-radius : 0;
}
#adminCancelNote button.close,
#adminStartOrder button.close {
    border-width  : 5px 5px 0;
    position      : absolute;
    right         : -6px;
    z-index       : 999;
    top           : -34px;
    background    : #FFFFFF;
    opacity       : 1;
    border-radius : 5px 5px 0 0;
    border-color  : #000000;
    border-style  : solid;
    padding       : 8px 5px 2px;
    line-height   : 0.5;
    font-size     : 28px;
}
#cancelOrderBody .row,
#startOrderBody .row {
    margin-left  : 0;
    margin-right : 0;
}
#cancelOrderBody .orderAgeSection,
#startOrderBody .orderAgeSection {
    border-width   : 0 5px 5px 0px;
    border-style   : solid;
    border-color   : #000000;
    padding-top    : 10px;
    background     : #F2F2F2;
    padding-bottom : 10px;
}
#cancelOrderBody .orderPickTime,
#startOrderBody .orderPickTime {
    border-width   : 0 0 5px;
    border-style   : solid;
    border-color   : #000000;
    padding-top    : 10px;
    padding-bottom : 10px;
    background     : #D7D7D7;
}
#cancelOrderBody .statusSection,
#startOrderBody .statusSection {
    padding      : 0;
    border-width : 0 0 5px 5px;
    border-color : #000000;
    border-style : solid;
    line-height  : 1.2;
}
#cancelOrderBody .row.orderInfo,
#startOrderBody .row.orderInfo {
    padding : 20px 0;
}
#cancelOrderBody .row.orderInfo .orderId,
#cancelOrderBody .row.orderInfo .estimateSection1,
#startOrderBody .row.orderInfo .orderId,
#startOrderBody .row.orderInfo .estimateSection1 {
    font-size : 16px;
}
#cancelOrderBody .row.orderInfo .paymentSection,
#cancelOrderBody .row.orderInfo .estimateSection2,
#startOrderBody .row.orderInfo .paymentSection,
#startOrderBody .row.orderInfo .estimateSection2 {
    font-size : 12px;
}
#cancelOrderBody .addressBlock,
#cancelOrderBody .customerOrderHistory,
#startOrderBody .addressBlock,
#startOrderBody .customerOrderHistory {
    border  : 1px solid #000000;
    padding : 9px 15px 8px;
    width   : 50%;
}
#cancelOrderBody .addressBlock p,
#cancelOrderBody .customerOrderHistory p,
#startOrderBody .addressBlock p,
#startOrderBody .customerOrderHistory p {
    line-height : 1.3;
}
#cancelOrderBody .customerOrderHistory,
#startOrderBody .customerOrderHistory {
    background : #F2F2F2;
}
#cancelOrderBody .leftBlock,
#startOrderBody .leftBlock {
    border-width : 0 5px 0 0;
    border-color : #000000;
    border-style : solid;
}
#cancelOrderBody .leftBlock .orderItemsBlock,
#startOrderBody .leftBlock .orderItemsBlock {
    margin : 30px 0;
}
#cancelOrderBody button.btn.btn-dark.btn-block,
#startOrderBody button.btn.btn-dark.btn-block {
    width         : auto;
    border-radius : 0;
}
.viewAllBlock {
    margin-bottom : 20px;
}
.spinner-border.text-info {
    margin : 70px 0;
}
#cancelOrderBody textarea#order_cancel_note,
#startOrderBody textarea#order_cancel_note {
    height : 120px;
}
#cancelOrderBody .rightBlock,
#startOrderBody .rightBlock {
    padding-top : 40px;
    position    : relative;
}
#cancelOrderBody textarea,
#cancelOrderBody input[type="text"],
#startOrderBody textarea,
#startOrderBody input[type="text"] {
    border : 1px solid #000000;
}
#startOrderBody .rightBlock #openCancelPopup {
    margin-top : 50px;
}
.holdTime,
.holdOtherTime {
    margin : 10px 0 0;
}
.form-fields li .field-wrap {
    position : relative;
}
.form-fields .field-wrap .error-text {
    bottom : 20px;
}
select.is-invalid ~ .jcf-select {
    background-color : #FAE0E2;
    border-color     : #FF0000;
}
.form-block .check-wrap.is-invalid .fake-radio .icon {
    border-color     : #FF0000;
    background-color : #FAE0E2;
}
.noble-ui-logo img {
    max-width : 150px;
}
.current-time {
    font-size : 14px;
}
#quantity_note {
    margin-left : 60px;
}
#cartForm .jcf-number .jcf-btn-dec:hover::before,
#cartForm .jcf-number .jcf-btn-inc:hover::before {
    color : #C20330;
}
@media (min-width : 768px) {
    .orderDashboard > .col-md-3 {
        max-width : 33%;
        flex      : 0 0 29%;
    }
    div#historyFilter .col-md-5,
    div#historyFilter .col-md-3,
    div#historyFilter .col-md-2 {
        padding-right : 0;
    }
    div#historyFilter .col-md-2.lastCol {
        padding-right : 15px;
    }
    #adminCancelNote .modal-dialog,
    #adminStartOrder .modal-dialog {
        max-width : 90%;
    }
    #adminStartOrder.customerOrderDetail .modal-dialog {
        max-width : 70%;
    }
}
ul.category-items {
    padding    : 0px;
    margin     : 0px;
    list-style : none;
}
ul.category-items li {
    width         : 33%;
    display       : inline-block;
    text-align    : center;
    margin-bottom : 25px;
}
.btn.btn-purple {
    background : #A6008B;
    color      : #FFFFFF;
}
.btn.btn-red {
    background : #D9001B;
    color      : #FFFFFF;
}
.btn.btn-teal {
    background : #008080;
    color      : #FFFFFF;
}
.btn.btn-yellow {
    background : #FFFF00;
}
.btn.btn-white-smoke {
    background : #F2F2F2;
}
.btn.btn-selected {
    background : #0000FF;
    color      : #FFFFFF;
}
#startOrderBody .btn.btn-teal,
#startOrderBody .btn.btn-red {
    padding : 35px 1rem 34px;
}
#startOrderBody .btn.btn-teal,
#startOrderBody .btn.btn-red,
#startOrderBody .btn.btn-yellow,
#startOrderBody .btn.btn-white-smoke,
#startOrderBody .btn.btn-purple,
#cancelOrderBody .btn.btn-purple,
#orderButton .btn {
    border-radius : 0;
    border        : 1px solid #000000;
}
#customerOrderList .activeOrder,
#customerOrderList .activeOrderButtons {
    border  : 1px solid #000000;
    padding : 10px 15px;
}
#customerOrderList .activeItems {
    margin-bottom : 30px;
}
ul#stepperBar {
    text-align      : center;
    margin          : 20px auto;
    padding         : 0;
    list-style      : none;
    overflow        : hidden;
    display         : flex;
    flex-wrap       : wrap;
    justify-content : center;
}
#stepperBar li.orderStep strong {
    width         : 80px;
    text-align    : center;
    padding       : 10px 5px;
    border        : 1px solid #797979;
    height        : 80px;
    border-radius : 50%;
    margin        : 0 auto;
    display       : table;
    z-index       : 99;
    position      : relative;
    background    : #FFFFFF;
}
#stepperBar li.orderStep {
    float    : left;
    width    : 33.33%;
    position : relative;
}
#stepperBar li.orderStep:nth-child(1) {
    text-align : left;
}
#stepperBar li.orderStep:nth-child(3) {
    text-align : right;
}
#stepperBar li.orderStep strong span {
    display        : table-cell;
    vertical-align : middle;
}
#stepperBar li.orderStep.active strong {
    background : #23B000;
    color      : #FFFFFF;
}
#stepperBar li.orderStep.lastActive strong {
    background : #797979;
    color      : #FFFFFF;
}
#stepperBar li.orderStep:after {
    content    : "";
    background : #FFFFFF;
    height     : 15px;
    width      : 100%;
    display    : block;
    position   : absolute;
    top        : 0;
    left       : 50%;
    bottom     : 0;
    margin     : auto;
    border     : 1px solid #797979;
}
#stepperBar li.orderStep.lastActive:after {
    background : #797979;
}
#stepperBar li.orderStep:last-child:after {
    display : none;
}
.singleOrder {
    width         : 100%;
    border        : 1px solid #000000;
    margin-bottom : 20px;
    padding       : 10px;
    position      : relative;
}
.singleOrder a {
    position : absolute;
    right    : 10px;
    top      : 0;
    bottom   : 0;
    margin   : auto;
    height   : 15px;
}
.orderBtn {
    text-align : right;
    margin     : 30px 0;
}
.orderBtn a {
    text-transform : uppercase;
    border-radius  : 0;
    padding        : 20px 10px 19px;
}
.customerInfo {
    margin-bottom : 25px;
}
.singleCard {
    border        : 1px solid #AFAFAF;
    margin-bottom : 10px;
    padding       : 10px;
    position      : relative;
}
.singleCard a {
    position  : absolute;
    top       : 0;
    bottom    : 0;
    right     : 10px;
    margin    : auto;
    height    : 12px;
    font-size : 12px;
}
.customerInfo p {
    margin-bottom : 10px;
    color         : #757575;
}
.customerInfo h5,
.customerSavedCard h5,
.customerPastOrders h5 {
    margin-bottom : 10px;
}
.table.store-menu td img {
    width         : auto;
    height        : auto;
    border-radius : 0;
}
#adminStartOrder.customerOrderDetail #startOrderBody .leftBlock {
    border : none;
}
span.statusSection {
    padding : .5rem 1rem .4rem;
}
#cancelCustomerOrder .modal-dialog {
    background : #FFFFFF;
    text-align : center;
}
#cancelCustomerOrder .modal-dialog button.close {
    position  : absolute;
    right     : 0;
    font-size : 42px;
    width     : 42px;
    top       : 0;
}
#cancelCustomerOrder .modal-dialog .modal-body {
    padding   : 60px 15px;
    font-size : 18px;
}
#cancelCustomerOrder .modal-dialog .modal-footer {
    border-top : 1px solid #B7B7B7;
    padding    : 20px 15px;
    display    : block;
}
#cancelCustomerOrder .modal-dialog .modal-footer button {
    margin : 0 15px;
}
img.loader {
    width  : 200px;
    margin : 20px 0px;
}
.editQuantity .jcf-number {
    height : 40px;
}
.quantity .editQuantity {
    display     : inline-block;
    margin-left : 60px;
}
.cart-row .quantity .editQuantity {
    margin-top : 5px;
}
.checkout-section input#remember {
    margin-left : 0;
}
.checkout-section label.form-check-label {
    margin-left   : 25px;
    margin-bottom : 10px;
}
.step-list li {
    pointer-events : none;
}
.step-list li.visted {
    pointer-events : unset;
}
.active-orders-info button.btn.btn-link.cancelPopup {
    padding         : 0;
    text-decoration : none;
    border-bottom   : none !important;
    color           : #C20330;
}
.active-orders-info button.btn.btn-link.cancelPopup:hover {
    color : #000000 !important;
}
.orderHistoryBlock.form-block .dataTable tbody:before {
    content     : "-";
    display     : block;
    line-height : 25px;
    color       : transparent;
}
.form-block .dataTable thead th {
    font-family     : bebas-neue, sans-serif;
    letter-spacing  : 2px;
    font-weight     : 300;
    font-size       : 22px;
    background      : #042D36;
    color           : #FFFFFF;
    border          : none;
    border-collapse : separate;
}
.form-block .dataTable tr:first-child td {
    border-top : none;
}
.store-settings .content-holder {
    max-width : 950px;
}
#employeeModel .modal-dialog {
    max-width : 60%;
}
.modal .modal-content {
    border-radius : 0;
    border        : none;
}
.modal .modal-header {
    background    : #052D35;
    border-radius : 0;
    color         : #FFFFFF;
}
.modal .modal-header button.close {
    color       : #FFFFFF;
    opacity     : 1;
    font-weight : 100;
    line-height : 13px;
    font-size   : 26px;
}
.modal .modal-body {
    background : #F5F3F4;
}
.modal .modal-footer {
    background      : #D9F0F8;
    border-top      : 1px solid #98B5BB;
    justify-content : center;
}
#employeeModel .form-check.form-check-inline.col-md-3 {
    margin-top : 10px;
}
.modal .modal-footer button {
    width : 200px;
}
.modal .modal-footer button.btn.btn-secondary {
    background : #FFFFFF;
}
.btn-link {
    padding       : 0 0 4px;
    line-height   : 12px;
    margin-top    : 0px;
    border-bottom : 1px solid #C20330;
    border-radius : 0 !important;
    color         : #C20330;
}
.btn-link:focus {
    border-bottom : 1px solid;
}
.cancelModal .modal-body {
    text-align : center;
}
.modal .modal-footer .btn-secondary:hover {
    color : #052D35;
}
.modal .modal-header button.close:focus {
    opacity : 1;
    color   : #FFFFFF;
    outline : none;
}
#menuForm .jcf-number {
    height : 38px;
}
#menuForm .jcf-number input {
    border-radius : 0;
    font-size     : 22px;
    padding-left: 0;
    padding-right: 0;
}
#menuForm span.input-group-text {
    background    : #042D36;
    color         : #FFFFFF;
    font-size     : 29px;
    padding       : 1px 10px 0px;
    font-family   : bebas-neue, sans-serif;
    font-weight   : 900;
    line-height   : 35px;
    border-radius : 0;
    border-width  : 0 2px 0 0;
    border-color  : #FFFFFF;
    border-style  : solid;
}
#menuForm span.jcf-btn-dec {
    left : -70px;
}
#menuForm span.jcf-btn-inc {
    right : -37px;
}
#menuForm .table-responsive table td {
    vertical-align : middle;
}
#menuForm .table-responsive table td.title {
    font-weight : 400;
    font-family : bebas-neue, sans-serif;
    text-align  : left;
    font-size   : 25px;
}
#menuForm .table-responsive table td.price {
    font-weight : 400;
    font-family : bebas-neue, sans-serif;
    text-align  : right;
    font-size   : 25px;
    color       : #C20330;
}
.form-block.menuItem {
    padding : 20px;
}
#menuForm .menuItem td.leftCol {
    font-family    : bebas-neue, sans-serif;
    font-size      : 30px;
    vertical-align : top;
}
#menuForm .menuItem td.leftCol .input-group {
    justify-content : center;
    margin          : 50px 0;
}
#menuForm .menuItem td.leftCol .input-group span.jcf-btn-inc {
    right : -70px;
    top   : 20px;
}
#menuForm .menuItem td.leftCol .input-group span.jcf-btn-dec {
    left : -87px;
    top  : 20px;
}
#menuForm tr.menuRow3 td {
    padding    : 0;
    border-top : 2px solid #E1E8EA;
    height     : 2px;
}
#menuForm tr.menuRow2 select {
    margin-bottom : 20px;
}
#menuForm .menuItem td table:last-child .menuRow3 {
    display : none;
}
#menuForm .menuItem td table:last-child .menuRow2 select,
#menuForm .menuItem td table:last-child,
#menuForm table.mainTable table.table,
#menuForm .formBtnBlock .head-area,
#menuForm .menuItem .head-area,
#menuForm table.mainTable {
    margin-bottom : 0;
}
#menuForm .formBtnBlock .head-area button.btn.btn-primary {
    width : 250px;
}
.form-block.messageBlock {
    padding : 20px 50px;
}
.form-block.messageBlock .alert {
    margin-bottom : 0;
}
.customer-data li a {
    color           : #042D36;
    text-decoration : none;
    border-bottom   : 1px solid #CED8DA;
}
.modal-sidebar .time-info {
    color      : #042D36;
    background : none;
    padding    : 0;
}
.sidebar-proucts-list li .note .title:after {
    display : none;
}
.sidebar-proucts-list li .note {
    display      : block;
    width        : 100%;
    border-width : 0;
    padding      : 10px 0 0 39px;
    overflow     : hidden;
}
.sidebar-proucts-list li .note strong.title {
    float         : left;
    padding-right : 7px;
}
.modal-content-area .sidebar-proucts-list {
    margin-bottom : 30px;
}
.modal .order-note-area strong.title {
    font-size   : 12px;
    font-weight : 400;
    line-height : 15px;
    margin      : 0;
}
.modal-content-area .bottom-area .holder {
    width : 231px;
}
#adminNote .form-group {
    width     : 90%;
    max-width : 100%;
    margin    : 40px auto;
}
#adminNote textarea#order_admin_note {
    resize  : none;
    width   : 100%;
    margin  : 0 !important;
    display : block;
}
.holdOtherTime input#hold_time {
    margin-bottom : 10px;
}
#historyListing .table-hover tbody tr.table-row.rowActive {
    background : #042D36;
    color      : #FFFFFF;
}
.dashboard-full-wrap-area {
    width : 100%;
}
.dashboard-account-content {
    padding   : 50px 25px;
    position  : relative;
    max-width : 75%;
    margin    : 0 auto;
}
.new-order-details {
    position  : absolute;
    width     : 100%;
    top       : 50%;
    left      : 0;
    transform : translateY(-50%);
}
@media (max-width : 768px) {
    .dashboard-account-content {
        max-width : 100%;
    }
}
.sidebar-content .order-summary {
    padding-right : 0;
}
.titleBlock .list-unstyled.flavours {
    font-size : 12px;
}
.order-box.noOrder {
    padding : 8px 15px;
}
.dashboard-tabs .tabset li {
    width : auto;
}
.flavorView .d-flex.justify-content-center {
    width  : 100%;
    margin : 50px auto;
}
.tabOverlay {
    position   : absolute;
    top        : 0;
    left       : 0;
    right      : 0;
    bottom     : 0;
    width      : 100%;
    height     : 100%;
    margin     : auto;
    background : rgba(255, 255, 255, 0.5);
    text-align : center;
}
.tabOverlay .loader {
    margin : 200px auto 0;
}
.locationTitle {
    width         : 100%;
    color         : #FFFFFF;
    background    : #000000;
    padding       : 15px 10px;
    text-align    : center;
    font-family   : bebas-neue, sans-serif;
    font-size     : 25px;
    border-bottom : 3px solid #FFFFFF;
}
.systemBlock {
    margin    : 40px 0;
    display   : flex;
    flex-wrap : wrap;
}
.systemBlock .title {
    width       : 35%;
    font-family : bebas-neue, sans-serif;
    font-size   : 25px;
    font-weight : 400;
    text-align  : left;
}
.systemBlock .price {
    font-family : bebas-neue, sans-serif;
    color       : #C20330;
    font-size   : 25px;
    text-align  : right;
}
a.link.datepicker #pickup_date {
    visibility : hidden;
    width      : 0px;
    height     : 20px;
}
.order-box-wrap .order-box.alertRed .head {
    background : #C60707 !important;
    color      : #FFFFFF;
}
.order-box-wrap .order-box.alertRed .head::after {
    border-color : transparent transparent transparent #C60707 !important;
}
.order-box-wrap .order-box.alertRed {
    background   : #F46666;
    border-color : #F46666;
}
#new-order .modal-header {
    cursor : pointer;
}
.modal.hidePopup {
    visibility: hidden !important;
    opacity: 0 !important;
}
.btn.note-btn:focus {
    background : none !important;
}
.syotimer,
.syotimer div {
    display : inline-block;
}
.syotimer .syotimer-cell {
    margin-right : 5px;
}
.syotimer .syotimer-cell:last-child {
    margin-right : 0px;
}
@media (max-width : 529px) {
    #quantity_note {
        font-size   : 11px;
        margin-left : 40px;
    }
}
@media (max-width : 480px) {
    .current-time,
    .current-timezone {
        display : none;
    }
    .form-fields .field-wrap .error-text {
        bottom : 8px;
    }
    .dashboard-header .holder {
       margin-top: 0;
    }    
}
.fa-eye-slash:before {
    content : "\f070";
}
.icon-eye-regular.field_icon.icon-eye-slash-regular:before {
    content     : "\f070";
    font-family : "Font Awesome 5 Pro" !important;
}
body.productLoading {
    cursor         : not-allowed;
    pointer-events : none;
}
body.productLoading::before {
    background     : url('../images/loader.gif') center center no-repeat rgba(255, 255, 255, 0.5);
    width          : 100%;
    height         : 100%;
    position       : fixed;
    top            : 0;
    left           : 0;
    z-index        : 999;
    content        : "";
    pointer-events : none;
    cursor         : not-allowed;
}
.cart-row strong.price span.subtotal {
    font-size   : 13px;
    font-weight : 700;
    font-family : "Roboto", "Arial", "Helvetica", sans-serif;
}
.clover-field {
    height: 45px;
    margin: 0 0 40px;
}
.clover-footer .clover-secure-payments
{
    font-family: inherit !important;
}
.clover-footer .clover-privacy-link
{
    font-family: inherit !important;
}
.form-fields .error-text.clover-error
{
    bottom: 20px;
}
.conditionBox {
    width: 285px;
    margin: 0 auto 20px;
    text-align: left;
    display: flex;
}

.main-area.style_order {
    background-image: url('../images/bg-order.jpg');
}

.style_order .image img {
    float: right;
    margin-bottom: -42px;
    margin-right: 58px;
}

@media (max-width : 1499px) {
    .style_order .image img {
        width: 1000px;
    }
}

@media (max-width : 1199px) {
    .style_order .image img {
        width: 700px;
    }
}

.style_order .text-box {
    background: #fff;
    padding: 53px 57px;
    max-width: 388px;
    margin-top: 62px;
    margin-left: -10px;
}

@media (max-width : 1199px) {
    .style_order .text-box {
        margin-top: 0;
        padding: 30px;
    }
}

@media (max-width : 1099px) {
    .style_order .text-box {
        max-width: 100%;
        margin: 0 0 30px;
    }
}

.style_order .text-box .h2 {
    font-weight: 700;
    line-height: 47px;
    margin-bottom: 30px;
    letter-spacing: 0;
}

.style_order {
    padding-top: 153px;
}

.style_order .text-box .title {
    margin-bottom: 10px;
    display: block;
}

.style_order .text-box .btn-primary {
    background: #d31145;
    border-radius: 6px;
}
.style_order .text-box .btn-primary:hover {
    background: #042d36;
}

.order-styles .form-block {
    padding-top: 42px;
}

.order-styles .form-block .head-area {
    text-align: left;
}
.order-styles .form-block .head-area h1 {
    margin: 0;
}
.order-styles .form-block .head-area p {
    margin: 0 0 20px;
}
.order-styles .form-block .head-area p span {
    color: #d31145;
    text-transform: uppercase;
    font-weight: 700;
}
.order-styles .form-block .h2 {
    font-weight: 700;
}
.order-styles .form-block .head-area {
    font-size: 16px;
    line-height: 26px;
    margin: 0 0 36px;
}
.form-block .control {
    position: absolute;
    right: 15px;
    top: 15px;
    color: #042d36;
    text-decoration: none;
}

.form-block .control .icon2 {
    display: none;
}

.form-block .control.active .icon2 {
    display: block;
}

.form-block .control.active .icon {
    display: none;
}

.fa-eye:before {
    content: "\f06e";
}

.fa-eye-slash:before {
    content: "\f070";
}

.order-styles .pwd_conditions {
    padding: 25px 0 14px 19px;
    font-size: 15px;
    line-height: 22px;
    color: #00703c;
}
.order-styles .pwd_conditions strong {
    font-weight: 700;
    font-size: 15px;
    color: #042d36;
}
.order-styles .pwd_conditions li {
    position: relative;
}
.order-styles .pwd_conditions li:before {
    position: absolute;
    left: 0;
    top: 0;
}
.order-styles .btn-primary {
    background: #d31145;
    border-radius: 6px;
    cursor: pointer;
}
.order-styles .btn-primary:hover {
    background: #042d36;
}

.order-styles .flex-form li {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 40px;
}
.order-styles .flex-form .select-holder {
    max-width: 214px;
}

.order-styles .select-holder {
    margin: 0;
}

.order-styles .jcf-number {
    width: 97px;
    height: 46px;
}
.order-styles .jcf-number {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    border: 1px solid #ccc;
}
.order-styles .jcf-number input {
    text-align: center;
    width: 65px;
    height: auto;
    display: block;
    border: none;
    padding: 0;
    background: none;
    color: #042d36;
    font-weight: normal;
    font-size: 16px;
    font-family : "Roboto", "Arial", "Helvetica", sans-serif;
}
.order-styles .jcf-number .jcf-btn-dec,
.order-styles .jcf-number .jcf-btn-inc {
    width: 25px;
    height: 25px;
    right: -40px;
}
.order-styles .jcf-number .jcf-btn-dec {
    right: auto;
    left: -40px;
}
.order-styles .jcf-number .jcf-btn-dec:before,
.order-styles .jcf-number .jcf-btn-inc:before {
    font-size: 25px;
}
.order-styles .jcf-number .jcf-btn-dec:hover:before,
.order-styles .jcf-number .jcf-btn-inc:hover:before {
    color: #d31145;
}
.order-styles .input_holder {
    margin-right: 40px;
}
.number_field_text {
    display: none !important;
}
.order-styles .number_field_text {
    display: block !important;
}
.order-styles .d_wrap {
    width: 213px;
}
.order-styles .d_wrap.add {
    width: auto;
}

.order-styles .d_wrap .label_text {
    font-family   : bebas-neue, sans-serif;
    font-weight: normal;
    font-size: 25px;
    line-height: 30px;
    margin: 0 0 17px;
    display: block;
}
.order-styles .d_wrap.add .label_text {
    font-family : "Roboto", "Arial", "Helvetica", sans-serif;
    font-size: 16px;
    line-height: 30px;
    color: #d31145;
    text-decoration: underline;
}
.order-styles .flex-form2 li {
    padding: 26px 0;
    border-top: 1px solid #ccc;
}
.order-styles .flex-form2 li:first-child {
    padding-top: 11px;
    border: none;
}
.d_wrap_area {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 10px;
}
.order-styles .text_sug {
    color: #999;
    font-size: 16px;
    line-height: 24px;
}
.fa-plus-circle:before {
    content: "\f055";
}

.add_info_button {
    display: block;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    background: none;
    cursor: pointer;
    height: 47px;
    border: 1px solid #ccc;
    border-radius: 6px;
    padding: 0 15px;
    color: #042d36;
    outline: none;
    margin: 15px 0 45px;
    transition: all 0.4s ease;
}
.add_info_button:focus {
    outline: none;
}
.order-styles .form-fields.add {
    margin-bottom: 45px;
}
.chose_fields {
    margin-bottom: 20px;
}
.chose_fields li {
    padding: 30px 0 33px;
    border-top: 1px solid #ccc;
}
.chose_fields li:first-child {
    padding-top: 0;
    border: none;
}
.add_user_wrap.active .add_info_button {
    opacity: 0;
    visibility: hidden;
    height: 0;
    margin: 0;
}
.radio_list input[type="checkbox"] {
    position: fixed;
    opacity: 0;
    visibility: hidden;
    outline: none;
}

.radio_list {
    margin: 0 0 20px;
}

.radio_list li {
    margin: 0 0 8px;
}

.radio_list label .text {
    display: block;
    position: relative;
    padding: 0 0 0 33px;
    font-weight: 700;
}

.radio_list .text:before {
    position: absolute;
    left: 0;
    top: 2px;
    content     : "\f111";
    font-family : "Font Awesome 5 Pro" !important;
    color: #042d36;
    font-size: 20px;
    line-height: 1;
    font-weight: 400;
}

.radio_list input[type="checkbox"]:checked + .text:before {
    content     : "\f192";
    font-weight: 900;
}

.add_user_wrap .select-holder {
    margin-bottom: 30px;
}

.add_user_wrap p {
    margin: 0 0 30px;
}


.order-styles .modal .modal-footer {
    background: none;
    border: none;
    padding: 0 105px 50px;
}
.order-styles .modal .modal-footer button {
    width: 100%;
}
.order-styles #employeeModel .modal-dialog {
  max-width: 630px !important;  
}
.order-styles #employeeModel .modal-content .modal-body {
    padding: 42px 105px 0;
}
.order-styles .modal .modal-header {
    min-height: 50px;
}

@media (max-width : 767px) {
    .order-styles .form-block .h2 {
        letter-spacing: 0.8px;
        text-align: left;
    }
    .order-styles .form-block .head-area p br {
        display: none;
    }
    .order-style-wrapper .container {
        min-height: inherit;
    }
    .order-style-wrapper {
        padding-top: 39px;
    }
    .step-list {
        font-size: 9px;
        line-height: 12px;
    }
    .order-styles .d_wrap {
        width: 190px;
    }
    .order-styles .modal .modal-footer {
        padding: 0 20px 30px;
    }
    .order-styles #employeeModel .modal-content .modal-body {
        padding: 30px 20px 0;
    }
}

@media (max-width : 479px) {
    .order-styles .flex-form li {
        display: block;
    }
    .order-styles .flex-form li .label_text {
        display: block;
        margin: 0 0 10px;
    }
    .order-styles .input_holder {
        margin: 0 0 0 40px;
    }
    .d_wrap_area {
        display: block;
    }
    .order-styles .d_wrap {
        width: 100%;
        margin: 0 0 15px;
    }
}

@media (max-width : 359px) {
    .step-list {
        font-size: 7px;
        line-height: 11px;
    }
}

.dashboard-menu-active {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.sidebar-proucts-list li .flavours li {
    display: block;
}
.cancel_reason strong, .cancel_reason span {
    font-size: 12px;
}
.current-timezone
{   
    margin-right: 215px;
    font-size: 14px;
}
.form-fields .pwd-col .error-text
{
    top: 55px;
    left: 0;
}
.phone_holder {
    position: relative;
    margin-top: 40px;
}
.phone_holder label {
    height: 0px;
    margin: 0 !important;
    display: block;
}
.phone_holder label:before {
  transition: 1s;
}
.phone_holder label:before {
    position: absolute;
    top: -29px;
    content: 'Enter Phone Number';
    left: 0; 
}
/*.phone_holder input:focus + label::before,
.phone_holder input:active + label::before,
.phone_holder input:not(:placeholder-shown) + label::before {
  opacity: 0 !important;
  pointer-events: none !important; 
}
*/
.modalContent {
    margin: 30px;
}             

.disabled + .jcf-select,
.disabled + .jcf-select * {
    cursor: not-allowed;
}

.reward-row {
    color: #00703c;
}

input[type=password].toggle-pwd {
    padding-right: 40px !important;
}

.toggle-password {
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
}