/* Navbar admin "tilføj en menu" knap */

.navbar-right {

    display: none;

}



#site-navigation .container {

    display: flex;

}



.header-right {

    display: flex;

    align-items: center;

    justify-content: flex-end;

}



.debitorCon {

    width: fit-content;

    margin-right: 20px;

}



.debitorCon select {

    padding: 5px 15px;

    border-radius: 10px;

    outline: none;

    border-color: #9ba55a;

    background-color: #9ba55a;

    color: #f8f8f8;

    font-weight: 500;

    cursor: pointer;

    max-width: 250px;

}



/* Forside header Start */

.elementor-element-0302c5d::after {

    content: '';

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    z-index: 10;

    background-color: rgba(228, 228, 228, 0.642);

}



.elementor-element-0302c5d > div {

    position: relative;

    z-index: 20;

}



.elementor-element-fae32ee > div,

.elementor-element-8da695c > div {

    display: flex;

    flex-direction: column;

    justify-content: center;

    font-weight: 400;

}



/* Forside header End */



/* Sidebar form START */



#sidebar {

    position: sticky;

    top: 40px;

}



.cloneMultipleOrdersCon {

    width: 100vw;

    height: 100vh;

    position: fixed;

    top: 0;

    left: 0;

    z-index: 999;

    background-color: rgba(0, 0, 0, 0.515);

    display: flex;

    align-items: center;

    justify-content: center;

    display: none;

    visibility: hidden;

    opacity: 0;

}



#cloneMinus,

#clonePlus {

    pointer-events: none;

}



.cloneMultipleOrdersCon .cloneMultipleOrdersConWrapper {

    background-color: #f8f8f8;

    border-radius: 10px;

    padding: 50px 70px;

    position: relative;

}



.cloneMultipleOrdersCon .fa-times {

    position: absolute;

    top: 15px;

    right: 15px;

    cursor: pointer;

    transition: all 250ms ease;

    font-size: 20px;

}



.cloneMultipleOrdersCon .fa-times:hover {

    transform: scale(1.1);

}



.cloneMultipleOrdersCon .cloneMultipleOrdersHeading {

    font-size: 32px;

    margin-top: 0;

    margin-bottom: 20px;

    text-align: center;

}



.cloneMultipleOrdersCon .cloneMultipleOrdersQtyCon {

    display: flex;

    align-items: center;

    justify-content: center;

    height: 40px;

    margin-bottom: 20px;

}



.cloneMultipleOrdersCon .minus,

.cloneMultipleOrdersCon .plus,

.cloneMultipleOrdersCon .cloneMultipleOrdersInput {

    height: 100% !important;

    border-radius: 0;

    display: flex;

    align-items: center;

    justify-content: center;

}



.cloneMultipleOrdersCon .cloneMultipleOrdersInput {

    padding: 0 !important;

    border: 1px solid #9ba55a !important;

    height: 40px !important;

    outline: none;

    border-left: none !important;

    border-right: none !important;

    font-weight: 600;

}



.cloneMultipleOrdersCon .minus:hover,

.cloneMultipleOrdersCon .plus:hover {

    background-color: #9ba55a;

}



.cloneMultipleOrdersCon .minus:hover #cloneMinus {

    color: #f8f8f8;

}



.cloneMultipleOrdersCon .plus:hover #clonePlus {

    color: #f8f8f8;

}



.cloneMultipleOrdersCon .cloneMultipleOrdersBtn {

    width: 100%;

    display: inline-flex;

    border: 1px solid #9ba55a;

    background-color: #9ba55a;

    color: #f8f8f8;

    border-radius: 5px;

    cursor: pointer;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 7px 0;

    font-weight: 400;

    transition: all 250ms ease-in-out;

}



.cloneMultipleOrdersCon .cloneMultipleOrdersBtn:hover {

    background-color: #f8f8f8;

    color: #9ba55a;

}



.shippingPrice {

    margin-bottom: 0px;

    display: inline-block;

    font-size: 14px;

    font-weight: 600;

    color: rgba(0, 0, 0, 0.6);

}



#modalBackgroundOverlay {

    width: 100vw;

    height: 100vh;

    position: fixed;

    top: 0;

    left: 0;

    z-index: 99;

    background-color: rgba(0, 0, 0, 0.515);

    display: flex;

    align-items: center;

    justify-content: center;

    display: none;

    visibility: visible;

    opacity: 1;

}



#createOrderForm {

    width: 100vw;

    height: 100vh;

    position: fixed;

    top: 0;

    left: 0;

    z-index: 999;

    background-color: rgba(0, 0, 0, 0.515);

    display: flex;

    align-items: center;

    justify-content: center;

    display: none;

    visibility: hidden;

    opacity: 0;

}



.showForm {

    visibility: visible !important;

    opacity: 1 !important;

    display: flex !important;

}



.showCartCon {

    display: flex;

    flex-direction: column;

    /* align-items: center; */

    justify-content: space-between;

    margin-bottom: 40px;

    min-height: 95px;

}



.showCartCon * {

    margin: 5px 0;

}



.normal-mode-wrapper,

.meeting-package-mode-wrapper,

.showCartConWrapper {

    display: flex;

    justify-content: space-between;

}



.showCartCon label {

    margin-bottom: 0;

}

.create-order-button-wrapper {

    display: flex;

    justify-content: space-between;

    align-items: center;

    width: 100%;

    margin-bottom: 20px;

}

.create-order-button {

    display: flex !important;

    align-items: center;

    flex-wrap: nowrap;

    justify-content: space-between;

    width: 47%;

    padding: 0px 9px !important;

    height: 40px;

}



.normal-mode-button {

    display: inline-block;

    color: #fff;

    border: 1px solid #9ba55a;

    background-color: #9ba55a;

    font-size: 22px;

    font-weight: 600;

    padding: 0 5px;

    width: 32px;

    height: 32px;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    cursor: pointer;

    margin: 0 20px;

    transition: all 250ms ease;

}



#showCart:hover {

    background-color: #f8f8f8;

    color: #9ba55a;

}



normal-mode-button span,

.meeting-package-mode-button span,

#showCart span {

    display: flex;

    align-items: center;

    pointer-events: none;

}



#showCart i.fa-plus {

    font-size: 18px;

    pointer-events: none;

}



#finishOrders {

    display: inline-block;

    color: #f8f8f8;

    cursor: pointer;

    padding: 3px 15px;

    transition: all 250ms ease;

    font-weight: 600;

    border-radius: 10px;

    border: 1px solid #f8f8f8;

}



#finishOrders.proceed-checkout-button {

    background-color: #9ba55a;

    border: 1px solid #9ba55a;

}



#finishOrders.proceed-checkout-button:hover {

    background-color: #f8f8f8;

    color: #9ba55a;

}



#finishOrders.confirm-order-changes-button {

    background-color: #2ea2cc;

    border: 1px solid #2ea2cc;

}

#finishOrders.confirm-order-changes-button:hover {

    background-color: #f8f8f8;

    color: #2ea2cc;

}



/* Kurv styling START */



.cartSingleCon_wrapper {

    position: relative;

}



.cartSingleCon {

    margin: 20px 0;

    border: 1px solid #9ba55a51;

    border-radius: 10px;

    position: relative;

}



.cartSingleCon .productInOrderCounterCon {

    position: absolute;

    right: -10px;

    top: -10px;

    z-index: 50;

    width: 20px;

    height: 20px;

    border-radius: 50%;

    background-color: #9ba55a;

    color: #f8f8f8;

    display: flex;

    align-items: center;

    justify-content: center;

}



.productBlacklistTimeCountDownCon {

    position: absolute;

    left: -10px;

    top: -10px;

    z-index: 50;

    width: 50px;

    height: 20px;

    border-radius: 5px;

    color: #f8f8f8;

    display: none;

    align-items: center;

    justify-content: center;

}



.productBlacklistTimeCountDownConExpired {

    background-color: #ce6161 !important;

    display: flex !important;

}



.cartSingleCon .productInOrderCounterCon .productInOrderCounter,

.productBlacklistTimeCountDownCon,

.productBlacklistTimeCountDown {

    margin: 0;

    padding: 0;

    font-size: 12px;

    font-weight: 600;

}



h2.cartHeading {

    margin-right: 10px !important;

}



.cartHeadingConCon {

    position: relative;

    border-radius: 10px;

    display: flex;

    align-items: center;

}



.cartHeadingCon {

    padding: 15px 50px 15px 10px;

    border-radius: 10px;

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: space-between;

    cursor: pointer;

    background-color: transparent;

}



.order-cart {

    background-color: transparent;

}



.new-order-cart-header.selected,

.bgGreen {

    background-color: #9ba55a;

}



.edit-order-cart-header.selected,

.bgBlue {

    background-color: #2ea2cc;

}



/* .edit-order-cart{

    font-style: italic;

} */



.edit-order-cart-header:hover {

    background-color: #2ea2cc4f;

}



.create-order-button:hover {

    background-color: #9ba55a !important;

    color: #f8f8f8 !important;

}



.new-order-cart-header:hover {

    background-color: #9ba55a83;

}



/* .cartHeadingCon:hover {

    background-color: #9ba55a83;

} */



.cartHeadingCon:hover .cartHeading {

    color: #000;

}



.cartHeadingCon .cartHeading {

    font-size: 17px;

    margin: 0;

    pointer-events: none;

}



.cartHeadingConCon .iconCon {

    position: absolute;

    top: 50%;

    right: 5px;

    z-index: 100;

    transform: translate(0, -50%);

}



.cartHeadingConCon .iconCon i {

    font-size: 18px;

    cursor: pointer;

    transition: all 250ms;

    padding: 5px;

    color: #404040;

}



.cartHeadingConCon .iconCon i:hover {

    transform: scale(1.1);

}



.accordionCon {

    overflow: hidden;

    max-height: 0;

}



.cartProductsCon {

    padding: 10px 10px;

}



.tomKurvBesked {

    margin-bottom: 0;

}



.cartHr {

    opacity: 1;

    background-color: rgba(0, 0, 0, 0.1);

    width: 100%;

    height: 1px;

    border-color: none;

    border: none;

    margin-bottom: 0;

    margin-top: 2px;

}



.cartTotalCon {

    display: flex;

    margin-top: 10px;

    padding: 0 10px;

}



.cartTotalCon .cartTotalText {

    font-weight: 600;

    margin-right: 10px;

}



.cartBtnCon {

    display: flex;

    align-items: center;

    justify-content: center;

    padding-bottom: 10px;

}



.cartBtnCon a {

    border: 1px solid #9ba55a;

    border-radius: 10px;

    text-decoration: none;

    padding: 5px 20px;

    font-size: 14px;

    margin: 0 5px;

}



.cartBtnCon a:hover {

    background-color: #9ba55a;

    color: #000;

}



.woocommerce ul.cart_list,

.woocommerce ul.product_list_widget {

    padding-left: 25px;

}



.woocommerce ul.cart_list li,

.woocommerce ul.product_list_widget li {

    position: relative;

}



.woocommerce a.remove {

    position: absolute;

    left: -30px;

    top: 50%;

    transform: translateY(-100%);

}



/* ##### Styling til Produkterne i "Kurven" START ##### */

.singleOrderCon {

    border-bottom: 1px solid rgba(0, 0, 0, 0.123);

    padding: 5px 0 5px;

}



.singleOrderCon .singleOrderRemoveCon {

    margin-right: 10px;

}



.woocommerce-notices-wrapper {

    display: none;

}



.cartProductQuantity {

    margin-left: 15px;

}



.singleOrderCon .singleOrderRemoveCon .deleteProductIconCon {

    width: 20px;

    height: 20px;

    border-radius: 50%;

    background-color: transparent;

    cursor: pointer;

    display: flex;

    align-items: center;

    justify-content: center;

}



.singleOrderCon .singleOrderRemoveCon .deleteProductIconCon i {

    color: red;

    pointer-events: none;

    transition: all 150ms;

}



.singleOrderCon .singleOrderTextCon {

    display: flex;

    align-items: center;

    justify-content: space-between;

    width: 100%;

}



.singleOrderCon .singleOrderTextCon .singleOrderProductHeading {

    margin: 0;

}



.singleOrderCon .singleOrderTextCon .singleOrderProductQuantityAndPrice {

    margin: 0;

}



.single-order-container-heading-line {

    display: flex;

    align-items: center;

    width: 100%;

}



.sub-product-name-price-container {

    font-size: 14px;

    display: flex;

    width: 100%;

    justify-content: space-between;

}



.sub-product-price {

    margin-left: auto;

}



.additional-price-total-container {

    display: flex;

    justify-content: space-between;

    align-items: center;

    width: 100%;

}



.orderShippingPriceCon {

    margin-top: 1px;

    border-top: 1px solid rgba(0, 0, 0, 0.123);

    border-bottom: 1px solid rgba(0, 0, 0, 0.123);

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 5px 0 5px 35px;

}



.orderShippingPriceCon .orderShippingPriceText {

    margin: 0;

    font-size: 18px;

}



.orderShippingPriceCon .orderShippingPrice {

    margin: 0;

}



.cartProductsCon .orderSubtotalCon {

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    align-items: center;

    padding: 10px 0 0px;

}



.cartProductsCon .orderSubtotalCon .orderCartCheckoutBtnCon a:hover {

    background-color: #9ba55a;

    color: #f8f8f8;

}



.orderSubtotalText {

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: space-between;

    font-weight: 600;

    padding: 0 0 0 35px;

    margin: 0;

}



.orderSidebarGroupedProductHeaderCounterCon,

.cart-line-item-container,

.amount-and-price-container {

    height: 60px;

    /* margin-bottom: 10px; */

    display: flex;

    align-items: center;

}



.counterCon {

    display: flex;

    align-items: center;

    height: 100%;

}



.counterCon i {

    font-size: 10px;

    color: #9ba55a;

}



.grouped-update-order-qty {

    padding: 2px !important;

    font-size: 14px !important;

    width: 50px !important;

    border-radius: 0px !important;

    text-align: center !important;

    height: 40% !important;

    border: 1px solid #9ba55a !important;

    border-right: none !important;

    border-left: none !important;

    font-weight: 600 !important;

    color: #404040 !important;

    outline: none !important;

}



.counterCon .updateOrderBtnMinus,

.counterCon .updateOrderBtnPlus {

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 0 8px;

    height: 40%;

    cursor: pointer;

    border: 1px solid #9ba55a;

    transition: all 250ms ease-in-out;

}



.counterCon .updateOrderBtnMinus:hover {

    background-color: #9ba55a;

}



.counterCon .updateOrderBtnPlus:hover {

    background-color: #9ba55a;

}



.counterCon .updateOrderBtnPlus:hover i {

    color: #f8f8f8;

}



.counterCon .updateOrderBtnMinus:hover i {

    color: #f8f8f8;

}



.meeting-package-update-order-btnCon {

    width: fit-content;

    margin-left: 20px;

}



#meeting-package-update-order-btn {

    transition: all 250ms ease-in-out;

    -webkit-transition: all 250ms ease-in-out;

    border: 1px solid #9ba55a;

    border-radius: 10px;

    padding: 4px 20px;

    color: #f8f8f8;

    background-color: #9ba55a;

    font-size: 15px;

    cursor: pointer;

}



#meeting-package-update-order-btn:hover {

    color: #9ba55a;

    background-color: transparent;

}



.meeting-package-add-to-order-err-msg,

.add-to-order-err-msg {

    color: rgb(255, 30, 30);

    display: none;

}

/* ##### Styling til Produkterne i "Kurven" END ##### */



/* ##### Options dropdown START ##### */



.optionsCon {

    position: absolute;

    right: 0;

    top: 55px;

    z-index: 888;

    border: 1px solid #4040407a;

    width: fit-content;

    border-radius: 10px;

    visibility: hidden;

    opacity: 0;

    transition: all 250ms ease;

    background-color: #fff;

}



.showOptions {

    visibility: visible !important;

    opacity: 1 !important;

}



.optionsCon::after {

    content: '';

    width: 0px;

    height: 0px;

    position: absolute;

    border-left: 15px solid transparent;

    border-right: 15px solid transparent;

    border-top: 15px solid transparent;

    border-bottom: 15px solid #5e5e5e;

    right: 28px;

    top: -30px;

    z-index: 50;

    padding: 0;

    margin: 0;

}



.optionsCon_list {

    list-style: none;

    margin: 0;

    padding: 0;

}



.optionsCon_list_item {

    padding: 0;

    margin: 0;

}



.optionsCon_list_item:first-child > a {

    border-radius: 10px 10px 0 0;

}



.optionsCon_list_item:last-child > a {

    border-radius: 0 0 10px 10px;

}



.optionsCon_list_item_link {

    display: block;

    width: 100%;

    padding: 5px 20px;

    cursor: pointer;

}



.optionsCon_list_item_link:hover {

    background-color: #9ba55a;

    color: #f8f8f8;

}



/* ##### Options dropdown END ##### */



/* Kurv styling END */



.modal-dialog {

    position: fixed;

    width: 400px;

    max-height: 100vh;

    overflow-y: auto;

    background-color: rgb(244, 244, 244);

    padding: 35px;

    border-radius: 10px;

    z-index: 2;

}



.modal-header {

    margin: 0 0 20px 0;

}



.modal-header .createCartHeading {

    font-size: 30px;

    margin-top: 0;

}



.modal-body input {

    margin: 0 0 10px;

    font-size: 16px;

    font-weight: 600;

}



.modal-body input[type='button'] {

    color: #f8f8f8;

    border: 1px solid #9ba55a;

    background-color: #9ba55a;

    margin-top: 20px;

    outline: none;

    border-radius: 10px;

    padding: 5px 15px;

}



.modal-body input[type='button']:hover {

    background-color: transparent;

    color: #9ba55a;

}



#createCcreateOrderFormartForm form input {

    margin: 0 0 10px;

    font-size: 16px;

    font-weight: 600;

}



label.errorMsg {

    font-size: 0.8em;

    display: block;

    margin: 5px 0 10px;

    /* padding: 0px 0 10px; */

}

.errorMsg {

    color: red;

}



.errorBorder {

    border-color: red !important;

}



.hide {

    display: none;

}



.modal-header i.fa-times {

    font-size: 22px;

    position: absolute;

    top: 20px;

    right: 20px;

    cursor: pointer;

    transition: all 250ms;

    color: rgb(250, 46, 46);

}



.modal-header i.fa-times:hover {

    transform: scale(1.1);

}



#createOrderForm form input[type='button'] {

    color: #fff;

    border: 1px solid #9ba55a;

    background-color: #9ba55a;

    margin-top: 20px;

    outline: none;

    border-radius: 10px;

    font-weight: 600;

}



#createOrderForm form input[type='button']:hover {

    background-color: transparent;

    color: #000;

}



#createOrderForm form i.fa-times {

    font-size: 22px;

    position: absolute;

    top: 20px;

    right: 20px;

    cursor: pointer;

    transition: all 250ms;

}



#createOrderForm form i.fa-times:hover {

    transform: scale(1.1);

}



.radioCon label {

    font-size: 16px;

    font-weight: 500;

    margin-left: 10px;

}



select.basket-form-element {

    width: 100%;

    border-radius: 10px;

}

/* Sidebar form END */



/* Shop styling START */

.woocommerce .woocommerce-ordering select {

    outline: none;

    border-radius: 10px;

}



.woocommerce ul.products li.product .button:hover {

    background-color: #9ba55a;

    color: #f8f8f8;

}



.woocommerce ul.products li.product a img {

    height: 100px;

    object-fit: cover;

    border-radius: 7px;

    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);

}



.woocommerce-LoopProduct-link > p {

    font-size: 14px;

}

/* Shop styling END */



/* Footer Styling START */



#colophon .container {

    display: flex;

    justify-content: center;

}



#colophon .container .footer_text {

    color: #f8f8f8;

    padding: 10px 0;

    font-size: 16px;

}



#colophon .container .footer_text span {

    color: #9ba55a;

}



/* Footer Styling END */



/* ########### My Account styling START ############## */



.order-overview-search-box-container input {

    font-size: 16px;

    line-height: normal;

}



.order-overview-search-box-container label,

.order-overview-filter-use-role-container label {

    font-weight: 600;

    font-size: 16px;

    margin-bottom: 0;

}



.woocommerce-pagination {

    text-align: center;

}



.woocommerce-button.current {

    background-color: #f8f8f8;

    color: #9ba55a;

    border: 1px solid #9ba55a;

}



.my-account-page-button.current:hover {

    background-color: #9ba55a;

    color: #f8f8f8;

}



.my-account-page-button:hover {

    background-color: #f8f8f8;

    color: #9ba55a;

    border: 1px solid #9ba55a;

}



.my-account-page-button {

    background-color: #9ba55a;

    color: #f8f8f8;

    border: none;

    border-radius: 10px;

    padding: 5px 10px;

    font-size: 12px;

    font-weight: 600;

    margin: 0 0 10px;

    outline: none;

    cursor: pointer;

}



.woocommerce-MyAccount-navigation li {

    border: none;

    border-bottom: 1px solid #9ba55a32;

}



.woocommerce-MyAccount-navigation li.is-active {

    background-color: #9ba55a32;

}



.woocommerce-MyAccount-navigation li a {

    width: 100%;

    height: 100%;

    display: inline-block;

    font-size: 20px;

}



.woocommerce-MyAccount-navigation li a:hover {

    color: #404040;

}



.woocommerce-MyAccount-navigation-link:hover {

    background-color: #9ba55a32 !important;

}



/* ########### Hide "Start Bestilling" btn hvis brugeren ikke er logget ind ############## */



.elementor-element-a76b453 {

    display: none;

}



.logged-in .elementor-element-a76b453 {

    display: block;

}

/* ####################################################################################### */



/* ########## Fjerner arrows op og ned, inde på single product, på produktets antal selector ############# */

/* Chrome, Safari, Edge, Opera */

input::-webkit-outer-spin-button,

input::-webkit-inner-spin-button {

    -webkit-appearance: none;

    margin: 0;

}



/* Firefox */

input[type='number'] {

    -moz-appearance: textfield;

}

/* ###################################################################################################### */



/* Woocommerce notice Styling START */

.woocommerce-notices-wrapper .woocommerce-message {

    border-top-color: #9ba55a;

}



.woocommerce-notices-wrapper .woocommerce-message a:hover {

    background-color: #9ba55a;

    color: #f8f8f8;

}



.woocommerce-notices-wrapper .woocommerce-message::before {

    color: #9ba55a;

}

/* Woocommerce notice Styling END */



/* Single product styling START */

.single_add_to_cart_button:hover,

.grouped_create_button:hover {

    background-color: #9ba55a !important;

    color: #f8f8f8 !important;

}



button.plus:hover,

button.minus:hover {

    color: #9ba55a !important;

}

/* Single product styling END */



/* CART styling START */

.ordreOversigtHeading {

    margin-top: 20px;

    margin-bottom: 20px;

}



.cart-order-heading {

    background-color: #9ba55a;

    color: #f8f8f8;

    border-radius: 5px 5px 0 0;

    border-top: none;

    border-left: none;

    border-right: none;

}



.coupon {

    display: none;

}



.checkout-button {

    font-size: 16px !important;

}



.checkout-button:hover {

    background-color: #9ba55a !important;

    color: #f8f8f8 !important;

}



.woocommerce-cart-form__cart-item .product-thumbnail img {

    width: 50px !important;

}



.woocommerce-cart-form__cart-item .product-quantity .quantity .qty {

    outline: none !important;

}



.woocommerce-cart-form__contents {

    margin-bottom: 0 !important;

    border-radius: 5px 5px 0 0 !important;

}



.woocommerce-cart-form {

    margin-bottom: 50px;

    position: relative;

}



.noteAndShippingTable {

    border-radius: 0 0 5px 5px !important;

}



.noteAndShippingTable tr:first-child {

    border: 1px solid rgba(0, 0, 0, 0.1);

    border-radius: 0 0 5px 5px !important;

    border-spacing: 0;

    border-top: none;

}



.orderNoteAndShippingCon {

    width: 100%;

    display: flex;

    padding: 15px 20px;

    border: 1px solid rgba(0, 0, 0, 0.1);

    border-top: none;

    border-bottom: none;

}



.orderEndTimeCon {

    width: 33%;

    /* padding-left: 70px; */

    display: flex;

    align-content: flex-start;

    /* justify-content: space-around; */

    align-items: baseline;

}



.orderNoteCon {

    width: 33%;

    display: flex;

    align-items: flex-start;

}



.orderShippingCon {

    width: 33%;

}



.orderNoteAndShippingCon h3 {

    margin-top: 0 !important;

    font-size: 20px;

}



.orderNoteConWrapper {

    width: 100%;

}



.orderNoteText {

    resize: none;

}



.shippingSubtotal span {

}



.checkoutUpdateOrderCon {

    border: 1px solid rgba(0, 0, 0, 0.1);

    border-radius: 0 0 5px 5px;

    padding: 10px 20px;

    display: flex;

    align-items: flex-end;

    justify-content: center;

    flex-direction: column;

    border-top: none;

}



.orderTotalCon {

    border: 1px solid rgba(0, 0, 0, 0.1);

    padding: 10px 150px 10px 20px;

    display: flex;

    align-items: center;

    justify-content: flex-end;

}



.orderTotalCon p {

    margin: 0;

    font-weight: 600;

}



.orderTotalCon p span {

    margin: 0;

    margin-right: 50px;

}



.orderTotalTextCon {

    display: flex;

    align-items: center;

}



.orderTotalTextWrapper {

    margin-right: 20px;

}



.cart-collaterals {

    display: flex;

    align-items: center;

    justify-content: flex-end;

}



span.text-bold {

    /* font-weight: 600; */

    /* font-style: italic; */

}



#goToCheckoutBtn {

    color: #f8f8f8;

    background-color: #9ba55a;

    padding: 7px 25px;

    border-radius: 10px;

    cursor: pointer;

    transition: all 250ms ease;

    border: 1px solid #9ba55a;

    font-weight: 600;

}



.cart-collaterals {

    width: fit-content !important;

    display: flex;

    flex-direction: column;

    justify-content: flex-end;

    align-items: flex-end;

    margin-bottom: 200px;



    float: right;

}



.allOrdersTotalCon {

    border: 1px solid rgba(0, 0, 0, 0.1);

    border-radius: 5px;

    padding: 5px 20px;

    margin-bottom: 10px;

}



.allOrdersTotalCon #allOrdersTotalText {

    font-size: 22px;

    font-weight: 600;

    margin: 0;

}



.allOrdersTotalCon #allOrdersTotalText span {

    margin-left: 100px;

}



#goToCheckoutBtn:hover {

    color: #9ba55a;

    background-color: transparent;

}



.orderNoteAndShippingCon .shippingLocation {

    width: 50%;

}



.shippingLocationErrMsg {

    color: red;

    font-size: 16px;

}

/* CART styling END */



/* CHECKOUT style START */

.woocommerce-form-coupon-toggle {

    display: none;

}



table.shop_table {

    border: 1px solid rgba(0, 0, 0, 0.1);

    margin: 0 -1px 24px 0;

    text-align: left;

    width: 100%;

    border-collapse: separate;

    border-radius: 5px;

}



.product-quantity input[type='number'] {

    width: 40px;

    border-radius: 10px;

    padding: 4px 8px;

    text-align: center;

}



.product-price p,

.product-subtotal p {

    margin-bottom: 0;

}



td.product-remove .deleteProductIconCon {

    cursor: pointer;

    display: flex;

    justify-content: center;

    align-items: center;

    background-color: transparent;

    width: 27px;

    height: 27px;

    border-radius: 50%;

    transition: all 250ms ease;

}



td.product-remove .deleteProductIconCon:hover {

    background-color: red;

}



td.product-remove .deleteProductIconCon:hover .fa-times {

    color: #f8f8f8;

}



td.product-remove .deleteProductIconCon .fa-times {

    color: red;

    pointer-events: none;

    transition: all 250ms ease;

}



.checkout-update-order:hover {

    background-color: #9ba55a !important;

    color: #f8f8f8 !important;

}



.checkout-subtotal {

    margin-bottom: 0;

    font-size: 20px;

}



.checkoutOrderNote {

    border-top: 2px solid rgb(0, 0, 0) !important;

}



.checkoutOrderNote p {

    margin: 0;

    font-weight: 400;

}



#payment {

    width: 60%;

    padding: 1em;

}



.checkout-confirm-order:hover {

    background-color: #9ba55a !important;

    color: #f8f8f8 !important;

}



.woocommerce #payment #place_order,

.woocommerce-page #payment #place_order {

    float: none;

}



.totalOrdersCon {

    padding: 1em;

    border: 2px solid rgba(0, 0, 0, 0.507);

    border-right: none;

    border-left: none;

    border-top: none;

}



.totalOrdersWrapper {

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.totalOrdersText {

    margin: 0;

}



.totalOrdersprice {

    margin: 0;

    font-weight: 600;

    font-size: 20px;

}



.checkoutTableCon {

    position: relative;

}



.woocommerce-checkout-review-order-table {

    width: 100%;

}

.woocommerce-checkout-review-order-table tbody,

.woocommerce-checkout-review-order-table thead {

    width: 100%;

}



.woocommerce-checkout-review-order-table th,

.woocommerce-checkout-review-order-table td {

    width: 33%;

    overflow: hidden;

}



#billing_first_name,

#billing_last_name,

#billing_email,

#billing_debitor {

    pointer-events: none;

    background-color: #e2e2e2;

}



#order_comments {

    resize: none;

}

/* CHECKOUT style END */



/* Reset password START */

#wp_reset_password {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    background-color: #494b4a;

    padding: 30px 50px;

    border-radius: 10px;

    width: 450px;

}



.passResetHeading {

    margin: 0;

    text-align: center;

    font-family: 'Roboto', sans-serif;

    font-weight: 600;

    color: #f8f8f8;

    margin-bottom: 20px;

}



.passResetInputCon {

    display: flex;

    flex-direction: column;

    margin-bottom: 20px;

}



.passResetInputCon label {

    font-family: 'Roboto', sans-serif;

    margin-bottom: 10px;

    font-size: 16px;

    color: #f8f8f8;

    font-weight: 400;

}



#resetnewpass {

    padding: 7px;

    border-radius: 5px;

    outline: none;

    border: none;

    font-size: 18px;

}



#resetsubmitbtn {

    background-color: #f8f8f8;

    color: #9ba55a;

    font-weight: 600;

    margin-top: 10px;

    transition: all 250ms ease;

    border: none;

}



#resetsubmitbtn:hover {

    background-color: #9ba55a;

    color: #f8f8f8;

}



.passResetErrorCon {

    margin-top: 20px;

}



.passResetSuccessCon {

    margin-top: 20px;

}



.passResetErrorText {

    color: rgb(235, 66, 66);

    font-weight: 400;

    font-size: 16px;

    font-family: 'Roboto', sans-serif;

}



.passResetSuccessText {

    color: #9ba55a;

    font-weight: 400;

    font-size: 16px;

    font-family: 'Roboto', sans-serif;

}

/* Reset password END */



.addToOrderBtnText {

    color: rgb(126, 126, 126);

}



.addToOrderBtnPlus.plus {

    margin-right: 10px;

}



.addToOrderBtnCon {

    position: relative;

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: space-between;

    height: 28px;

    border: 1px solid #9ba55a;

    border-radius: 10px;

    overflow: hidden;

}



.addToOrderBtnCon.disabled {

    opacity: 0.5;

    pointer-events: none;

}



a.add_to_cart_button {

    width: 65%;

    height: 100%;

    padding: 0 10px !important;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    margin: 0 !important;

    border: none !important;

}



.product_type_simple span {

    pointer-events: none;

}



.product_type_simple:hover,

.product_type_grouped:hover,

.product_type_variable:hover {

    background-color: transparent !important;

}



.addToOrderBtnConBgGreen {

    background-color: #9ba55a !important;

}



.addToOrderBtnCon .counterCon {

    display: flex;

    align-items: center;

    height: calc(100%);

    width: 30%;

}



.addToOrderBtnCon .counterCon i {

    font-size: 10px;

    color: #9ba55a;

}



.addToOrderBtnCon .counterCon .addToOrderBtnMinus,

.addToOrderBtnCon .counterCon .addToOrderBtnPlus {

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 0 8px;

    height: 100%;

    cursor: pointer;

}



.addToOrderBtnCon .counterCon .addToOrderBtnMinus {

    border-radius: 10px 0 0 10px;

    border-right: 1px solid #9ba55a;

}



.addToOrderBtnCon .counterCon .addToOrderBtnPlus {

    border-right: 1px solid #9ba55a;

    border-left: 1px solid #9ba55a;

}



.addToOrderBtnCon .counterCon .addToOrderBtnPlus:hover,

.addToOrderBtnCon .counterCon .addToOrderBtnMinus:hover {

    background-color: #9ba55a;

}



.addToOrderBtnCon .counterCon .addToOrderBtnMinus:hover i,

.addToOrderBtnCon .counterCon .addToOrderBtnPlus:hover i {

    color: #f8f8f8;

}



.addToOrderBtnCon input {

    width: 32px;

    text-align: center;

    padding: 0 8px;

    font-size: 14px;

    border-radius: 0px;

    border: none;

    outline: none;

    height: 100%;

    color: rgb(126, 126, 126);

    background-color: transparent;

}



/* Hover classes */

.addToOrderBtnMinusConHover {

    border-right: 1px solid #f8f8f8ce !important;

}



.addToOrderBtnPlusConHover {

    border-right: 1px solid #f8f8f8ce !important;

    border-left: 1px solid #f8f8f8ce !important;

}



.addToOrderBtnPlusConTextHover {

    color: #f8f8f8 !important;

}



a.woocommerce-LoopProduct-link > p {

    color: #777;

    text-align: left;

    font-weight: bold;

}



.addToOrderBtnIconHover {

    color: #f8f8f8ce !important;

}



.addToOrderBtnInputHover {

    color: #f8f8f8ce !important;

}

/* Hover classes */



#lunchDateInput {

    margin: 0;

    margin-right: 20px;

    cursor: pointer;

    padding: 2px 8px !important;

}



.disabledOverlayLunch {

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    z-index: 888;

    background-color: #e2e2e294;

}



.dayTR td p,

.dateTR td p {

    margin: 0;

    font-weight: 600;

}



.lunchNoDataInDatabase {

    font-size: 22px;

}



.button-container {

    display: flex;

}



.lunchSearchDate {

    cursor: pointer;

    font-size: 14px;

    padding: 5px 20px;

    border-radius: 10px;

    border: 1px solid #9ba55a;

    margin-right: 20px;

    display: flex;

    align-items: center;

    color: #f8f8f8;

    background-color: #9ba55a;

    width: fit-content;

    transition: all 250ms ease;

}



.lunchSearchDate:hover {

    color: #9ba55a;

    background-color: transparent;

}



#addOrderMessage {

    margin-bottom: 10px;

    resize: none;

}



#addOrderMessage,

#room,

#date,

#meetingEndTime,

#time,

.shippingLocation {

    outline: none !important;

}



#time {

    border: 1px solid #bbb;

    border-radius: 10px;

    display: block;

    width: 100%;

}



.orderMeetingEndTime {

    font-size: 17px;

}



#alertBox {

    width: 100vw;

    height: 100vh;

    position: fixed;

    top: 0;

    bottom: 0;

    right: 0;

    left: 0;

    background-color: rgba(0, 0, 0, 0.2);

    z-index: 888;

}



/* .hideMinQuantityError {

    opacity: 0 !important;

    visibility: hidden !important;

}



.showMinQuantityError {

    opacity: 1 !important;

    visibility: visible !important;

} */



.alert-box-content-wrapper {

    position: absolute;

    top: 50%;

    left: 50%;

    z-index: 999;

    transform: translate(-50%, -50%);

    background-color: #f8f8f8;

    padding: 50px;

    text-align: center;

}



.alert-box-message {

    margin-bottom: 30px;

}



.alert-box-button {

    background-color: #9ba55a;

    color: #f8f8f8;

    border: 1px solid #9ba55a;

    padding: 5px 15px;

    cursor: pointer;

    margin-top: 30px;

    border-radius: 10px;

    transition: all 250ms ease;

}



.alert-box-button:hover {

    background-color: #f8f8f8;

    color: #9ba55a;

}



/* ####################################### Grouped Product Style ################################### */

.groupedSingleServingCon,

.multiple-sections-product-section {

    margin-bottom: 30px;

    border-bottom: 1px solid #9ba55a;

}



.groupedSingleServingHeadingCon,

.section-heading-container {

    display: flex;

    align-items: center;

    justify-content: space-between;

    border-bottom: 1px solid #9ba55a;

    padding-bottom: 10px;

}



.groupedSingleServingHeading,

.section-heading {

    margin: 0 40px 0 0;

    color: #404040;

}



.groupedSingleServingTime,

.section-selection-quantity {

    margin: 0;

    font-weight: 600;

    color: #9ba55a;

    font-size: 16px;

}



.groupedSingleServingProductsHeading {

    font-size: 15px;

    margin-left: 10px;

    color: #9ba55a;

}



.groupedSingleServingProductsHeading div {

    display: flex;

    align-items: center;

}



.groupedProductPriceCon {

    border-top: 1px solid #eaeaea;

    padding: 10px 0;

}



.groupedProductPriceText {

    font-size: 24px;

}



.groupedPriceValue {

    font-weight: 600;

    color: #9ba55a;

}



.groupedProductServingsCon {

    margin-top: 20px;

}



.groupedAddToOrderCon {

    height: 30px;

    margin-bottom: 10px;

    display: flex;

    align-items: center;

}



.groupedAddToOrderCon .counterCon {

    display: flex;

    align-items: center;

    height: 100%;

}



.groupedAddToOrderCon .counterCon i {

    font-size: 10px;

    color: #9ba55a;

}



#meetingPackageAddToOrderQty {

    padding: 2px;

    font-size: 14px;

    width: 50px;

    border-radius: 0px;

    text-align: center;

    height: 100%;

    border: 1px solid #9ba55a;

    border-right: none;

    border-left: none;

    font-weight: 600;

    color: #404040;

    outline: none;

}



.groupedAddToOrderCon .counterCon .addToOrderBtnMinus,

.groupedAddToOrderCon .counterCon .addToOrderBtnPlus {

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 0 8px;

    height: 100%;

    cursor: pointer;

    border: 1px solid #9ba55a;

    transition: all 250ms ease-in-out;

}



.groupedAddToOrderCon .counterCon .addToOrderBtnMinus:hover {

    background-color: #9ba55a;

}



.groupedAddToOrderCon .counterCon .addToOrderBtnPlus:hover {

    background-color: #9ba55a;

}



.groupedAddToOrderCon .counterCon .addToOrderBtnPlus:hover i {

    color: #f8f8f8;

}



.groupedAddToOrderCon .counterCon .addToOrderBtnMinus:hover i {

    color: #f8f8f8;

}



.groupedAddToOrderBtnCon {

    width: fit-content;

    margin-left: 30px;

}



#groupedAddToOrderBtn {

    transition: all 250ms ease-in-out;

    -webkit-transition: all 250ms ease-in-out;

    border: 1px solid #9ba55a;

    border-radius: 10px;

    padding: 4px 20px;

    color: #f8f8f8;

    background-color: #9ba55a;

    font-size: 15px;

    cursor: pointer;

}



#groupedAddToOrderBtn:hover {

    color: #9ba55a;

    background-color: transparent;

}



.meeting-package-add-to-order-err-msg,

.add-to-order-err-msg {

    color: rgb(255, 30, 30);

    display: none;

}



.createPackageHeaderPopupCon,

.deletePackagesCon,

.editPackagesCon {

    width: 100vw;

    height: 100vh;

    position: fixed;

    top: 0;

    left: 0;

    z-index: 999;

    background-color: rgba(0, 0, 0, 0.515);

    align-items: center;

    justify-content: center;

}



.orderExpiredPopupCon,

.voidOrdersPopupCon,

.editOrderMyAccountPopupCon,

.deleteOrderMyAccountPopupCon,

.noCreatedOrdersPopupCon,

.markAnOrderPopupCon {

    width: 100vw;

    height: 100vh;

    position: fixed;

    top: 0;

    left: 0;

    z-index: 999;

    background-color: rgba(0, 0, 0, 0.515);

    display: flex;

    align-items: center;

    justify-content: center;

}



.createPackageHeaderPopupwrapper,

.deletePackageswrapper,

.editPackageswrapper {

    position: absolute;

    top: 50%;

    left: 50%;

    z-index: 999;

    transform: translate(-50%, -50%);

    background-color: #f8f8f8;

    padding: 30px;

    border-radius: 10px;

    min-width: 300px;

}



.orderExpiredPopupConWrapper,

.voidOrdersPopupConWrapper,

.editOrderMyAccountPopupConWrapper,

.deleteOrderMyAccountPopupConWrapper,

.noCreatedOrdersPopupConWrapper,

.markAnOrderPopupConWrapper {

    background-color: #f8f8f8;

    border-radius: 10px;

    padding: 50px;

    position: relative;

    min-width: 300px;

}



.createPackageHeaderPopupwrapper .fa-times,

.deletePackageswrapper .fa-times,

.orderExpiredPopupConWrapper .fa-times,

.voidOrdersPopupConWrapper .fa-times,

.deleteOrderMyAccountPopupConWrapper .fa-times,

.editOrderMyAccountPopupConWrapper .fa-times,

.editPackageswrapper .fa-times,

.noCreatedOrdersPopupConWrapper .fa-times,

.markAnOrderPopupConWrapper .fa-times {

    position: absolute;

    top: 15px;

    right: 15px;

    color: rgb(255, 30, 30);

    cursor: pointer;

    transform: scale(1);

    transition: all 250ms ease;

}



.createPackageHeaderPopupwrapper .fa-times:hover,

.orderExpiredPopupConWrapper .fa-times:hover,

.deletePackageswrapper .fa-times:hover,

.deleteOrderMyAccountPopupConWrapper .fa-times:hover,

.editOrderMyAccountPopupConWrapper .fa-times:hover,

.editPackageswrapper .fa-times {

    transform: scale(1.1);

}



.orderExpiredPopupHeading,

.voidOrdersPopupHeading,

.noCreatedOrdersPopupHeading,

.markAnOrderPopupHeading {

    font-weight: 600;

}



.markAnOrderPopupHeading {

    text-align: center;

}



.orderExpiredPopupHeading span:first-child {

    color: #9ba55a;

}



.orderExpiredPopupHeading span:last-child {

    color: rgb(255, 30, 30);

}



.orderExpiredPopupBtnCon,

.voidOrdersPopupBtnCon {

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

}



.orderExpiredPopupBtnEditLater,

.orderExpiredPopupBtnEditOrder,

.voidOrdersPopupBtnOkay {

    transition: all 250ms ease-in-out;

    -webkit-transition: all 250ms ease-in-out;

    border: 1px solid #9ba55a;

    border-radius: 10px;

    padding: 3px 20px;

    font-size: 16px;

    cursor: pointer;

    margin: 10px;

    font-weight: 600;

}



.orderExpiredPopupBtnEditOrder,

.voidOrdersPopupBtnOkay {

    color: #f8f8f8;

    background-color: #9ba55a;

}



.orderExpiredPopupBtnEditLater {

    color: #9ba55a;

    background-color: transparent;

}



.orderExpiredPopupBtnEditOrder:hover {

    color: #9ba55a;

    background-color: transparent;

}



.voidOrdersPopupBtnOkay:hover {

    color: #9ba55a;

    background-color: transparent;

}



.orderExpiredPopupBtnEditLater:hover {

    color: #f8f8f8;

    background-color: #9ba55a;

}



.createPackageHeaderPopupHeading,

.deletePackagesHeading,

.editPackagesHeading {

    text-align: center;

    margin-top: 0;

}



.createPackageHeaderPopupwrapper > p,

.deletePackagesHeading > p,

.editPackagesHeading > p {

    margin-bottom: 5px;

    font-size: 15px;

    font-weight: 600;

    color: #404040;

}



.createPackageHeaderPopupwrapper > input {

    padding: 5px 10px;

    outline: none;

    /* margin-bottom: 15px; */

    font-size: 15px;

    font-weight: 600;

}



#createPackageHeaderBtn,

.markAnOrderPopupBtnOkay {

    transition: all 250ms ease-in-out;

    -webkit-transition: all 250ms ease-in-out;

    border: 1px solid #9ba55a;

    border-radius: 10px;

    padding: 4px 20px;

    color: #f8f8f8;

    background-color: #9ba55a;

    font-size: 16px;

    cursor: pointer;

    margin-top: 10px;

}



#deleteOrderButton,

#confirmEditOrderButton,

.noCreatedOrdersPopupBtnYes,

.noCreatedOrdersPopupBtnNo {

    transition: all 250ms ease-in-out;

    -webkit-transition: all 250ms ease-in-out;

    border-radius: 10px;

    padding: 4px 20px;

    color: #f8f8f8;

    font-size: 16px;

    cursor: pointer;

    font-weight: 600;

}



#createPackageHeaderBtn:hover,

.noCreatedOrdersPopupBtnYes:hover,

.markAnOrderPopupBtnOkay:hover {

    color: #9ba55a;

    background-color: transparent;

}



#deleteOrderButton,

.noCreatedOrdersPopupBtnNo {

    border: 1px solid rgb(233, 44, 44);

    background-color: rgb(233, 44, 44);

}



.noCreatedOrdersPopupBtnNo {

    margin: 0 5px;

}



.noCreatedOrdersPopupBtnYes {

    color: #f8f8f8;

    background-color: #9ba55a;

    border: 1px solid #9ba55a;

    margin: 0 5px;

}



#confirmEditOrderButton {

    border: 1px solid #6190ce;

    background-color: #6190ce;

}



#confirmEditOrderButton:hover {

    color: #6190ce;

    background-color: transparent;

}



.noCreatedOrdersPopupHeading {

    margin: 0;

}



.noCreatedOrdersPopupBtnCon,

.markAnOrderPopupBtnCon {

    display: flex;

    align-items: center;

    justify-content: center;

    margin-top: 20px;

}



#deleteOrderButton:hover,

.noCreatedOrdersPopupBtnNo:hover {

    color: rgb(233, 44, 44);

    background-color: transparent;

}



#createCartFormCon input:disabled {

    background-color: #eeeeee;

    color: #5f5f5f !important;

}



.deletePackagesHeading {

    color: rgb(233, 44, 44);

}



.editPackagesHeading {

    color: #6190ce;

}



.deletePackagesText,

.editPackagesText {

    font-weight: 600;

    margin: 20px 0;

}



.deletePackagesOrderList,

.editPackagesOrderList {

    margin-left: 1em;

    display: list-item;

}



.deletePackagesOrderList > span:first-child,

.editPackagesOrderList > span:first-child {

    font-weight: 600;

    color: #58bd66;

}



.deletePackagesOrderList > span:last-child,

.editPackagesOrderList > span:last-child {

    font-weight: 600;

    color: rgb(233, 44, 44);

}



.deletePackagesOrderList:last-of-type,

.editPackagesOrderList:last-of-type {

    margin-bottom: 30px;

}



.cartSingleCon_wrapper.isPackageHeader::after {

    content: '';

    position: absolute;

    top: 25px;

    right: -20px;

    width: 20px;

    height: 2px;

    background-color: #9ba55a;

}



.cartSingleCon_wrapper.isPackageHeader::before {

    content: '';

    position: absolute;

    top: 25px;

    right: -20px;

    width: 2px;

    height: 100%;

    background-color: #9ba55a;

}



.cartSingleCon_wrapper.isPackage::after {

    content: '';

    position: absolute;

    top: 25px;

    right: -20px;

    width: 20px;

    height: 2px;

    background-color: #9ba55a;

}



.cartSingleCon_wrapper.isPackage::before {

    content: '';

    position: absolute;

    top: 0px;

    right: -20px;

    width: 2px;

    height: calc(100% + 30px);

    background-color: #9ba55a;

}



.cartSingleCon_wrapper.isLastPackage::after {

    content: '';

    position: absolute;

    top: 25px;

    right: -20px;

    width: 20px;

    height: 2px;

    background-color: #9ba55a;

}



.cartSingleCon_wrapper.isLastPackage::before {

    content: '';

    position: absolute;

    top: 0px;

    right: -20px;

    width: 2px;

    height: 25px;

    background-color: #9ba55a;

}



.woocommerce-cart-form.isPackageHeader::before {

    content: '';

    position: absolute;

    height: 2px;

    width: 50px;

    top: 25px;

    left: -49px;

    background-color: #9ba55a;

}



.woocommerce-cart-form.isPackageHeader::after {

    content: '';

    position: absolute;

    height: calc(100% + 50px);

    width: 2px;

    top: 25px;

    left: -49px;

    background-color: #9ba55a;

}



.woocommerce-cart-form.isPackage::before {

    content: '';

    position: absolute;

    height: 2px;

    width: 50px;

    top: 25px;

    left: -49px;

    background-color: #9ba55a;

}



.woocommerce-cart-form.isPackage::after {

    content: '';

    position: absolute;

    height: calc(100% + 50px);

    width: 2px;

    top: 25px;

    left: -49px;

    background-color: #9ba55a;

}



.woocommerce-cart-form.isLastPackage::before {

    content: '';

    position: absolute;

    height: 2px;

    width: 50px;

    top: 25px;

    left: -49px;

    background-color: #9ba55a;

}



.checkoutOrdersCon {

    position: relative;

}



.checkoutOrdersCon.isPackageHeader::before {

    content: '';

    position: absolute;

    height: 2px;

    width: 40px;

    top: 25px;

    left: -39px;

    background-color: #9ba55a;

}



.checkoutOrdersCon.isPackageHeader::after {

    content: '';

    position: absolute;

    height: calc(100% + 25px);

    width: 2px;

    top: 25px;

    left: -39px;

    background-color: #9ba55a;

}



.checkoutOrdersCon.isPackage::before {

    content: '';

    position: absolute;

    height: 2px;

    width: 40px;

    top: 25px;

    left: -39px;

    background-color: #9ba55a;

}



.checkoutOrdersCon.isPackage::after {

    content: '';

    position: absolute;

    height: calc(100% + 25px);

    width: 2px;

    top: 25px;

    left: -39px;

    background-color: #9ba55a;

}



.checkoutOrdersCon.isLastPackage::before {

    content: '';

    position: absolute;

    height: 2px;

    width: 40px;

    top: 25px;

    left: -39px;

    background-color: #9ba55a;

}



.ordreOversigtSubHeading {

    font-size: 22px;

    font-weight: 400;

    margin-bottom: 20px;

}



.ordreOversigtBtnCon {

    margin-bottom: 40px;

}



.ordreOversigtBtn.green,

.orderOverviewFilterMyAccountFilterBtn {

    text-decoration: none;

    transition: all 250ms ease-in-out;

    -webkit-transition: all 250ms ease-in-out;

    border: 1px solid #9ba55a;

    border-radius: 10px;

    padding: 4px 20px;

    color: #f8f8f8;

    background-color: #9ba55a;

    font-size: 16px;

    cursor: pointer;

    margin-right: 5px;

}



.ordreOversigtBtn.transparent,

.orderOverviewFilterMyAccountFilterResetBtn {

    text-decoration: none;

    transition: all 250ms ease-in-out;

    -webkit-transition: all 250ms ease-in-out;

    border: 1px solid #9ba55a;

    border-radius: 10px;

    padding: 4px 20px;

    color: #9ba55a;

    background-color: transparent;

    font-size: 16px;

    cursor: pointer;

    margin-left: 5px;

}



.ordreOversigtBtn.green:hover {

    color: #9ba55a;

    background-color: transparent;

}



.orderOverviewFilterMyAccountFilterBtn {

    font-weight: 600;

}



.orderOverviewFilterMyAccountFilterBtn:hover,

.orderOverviewFilterMyAccountFilterBtn:focus {

    color: #9ba55a;

    background-color: transparent;

}



.ordreOversigtBtn.transparent:hover,

.orderOverviewFilterMyAccountFilterResetBtn:hover,

.orderOverviewFilterMyAccountFilterResetBtn:focus {

    color: #f8f8f8;

    background-color: #9ba55a;

}



.orderOverviewDeleteBtn {

    box-shadow: none !important;

    transition: all 250ms ease-in-out !important;

    border: 1px solid #ce6161 !important;

    border-radius: 10px !important;

    padding: 3.5px 20px !important;

    color: #f8f8f8 !important;

    background-color: #ce6161 !important;

    font-weight: 400 !important;

    font-size: 14px !important;

    cursor: pointer !important;

}



.blue-button {

    box-shadow: none !important;

    transition: all 250ms ease-in-out !important;

    border: 1px solid #6190ce !important;

    border-radius: 10px !important;

    padding: 3.5px 20px !important;

    color: #f8f8f8 !important;

    background-color: #6190ce !important;

    cursor: pointer !important;

}



.orderOverviewEditBtn {

    font-weight: 400 !important;

    font-size: 14px !important;

}



.orderOverviewEditBtn:hover,

.blue-button:hover {

    color: #6190ce !important;

    background-color: transparent !important;

}



.orderOverviewDeleteBtn:hover {

    color: #ce6161 !important;

    background-color: transparent !important;

}



.orderOverviewShowBtn,

.myaccount-button,

.green-button {

    color: #f8f8f8 !important;

    background-color: #9ba55a !important;

}



.orderOverviewShowBtn:hover,

.green-button:hover {

    color: #9ba55a !important;

    background-color: transparent !important;

}



.orderOverviewTableRow:nth-child(even) {

    background-color: #fff !important;

}



.woocommerce-MyAccount-navigation {

    float: none !important;

    width: 100% !important;

    margin-bottom: 40px;

}



.woocommerce-MyAccount-navigation > ul {

    display: flex;

    align-items: center;

    justify-content: center;

}



.woocommerce-MyAccount-content {

    float: none !important;

    width: 100% !important;

}



.noteForeOrderConfirmation {

    resize: none;

    border-radius: 5px;

}



.orderDate,

.orderDebitorName {

    margin: 0;

}



.deleteOrderMyAccountPopupHeader,

.editOrderMyAccountPopupHeader {

    text-align: center;

    margin-bottom: 10px;

    margin-top: 0;

    font-size: 38px;

}



.editOrderMyAccountPopupHeader {

    color: #6190ce;

}



.deleteOrderMyAccountPopupHeader {

    color: #ce6161;

}



/* .btn {

    cursor: pointer;

} */



.btn {

    transition: all 250ms ease;

    border-radius: 10px;

    font-size: 16px !important;

    font-weight: 600;

    padding: 5px 10px;

    display: flex;

    align-items: center;

    margin-bottom: 40px;

    margin-top: 20px;

    margin-right: 20px;

}



.btn-warning:hover {

    background-color: #fff !important;

    border-color: #ec971f !important;

    color: #ec971f !important;

}



.btn-danger:hover {

    background-color: #fff !important;

    border-color: #d9534f !important;

    color: #d9534f !important;

}



.deleteOrderMyAccountPopupBtnCon,

.editOrderMyAccountPopupBtnCon {

    display: flex;

    align-items: center;

    justify-content: center;

}



.deleteOrderMyAccountPopupOrderText,

.editOrderMyAccountPopupOrderText {

    margin-bottom: 20px;

    font-weight: 600;

}



.deleteOrderMyAccountPopupBtnClose,

.editOrderMyAccountPopupBtnClose,

.closeDeleteAllPackages {

    transition: all 250ms ease-in-out;

    border: 1px solid #9ba55a;

    border-radius: 10px;

    padding: 3.5px 20px;

    color: #f8f8f8;

    background-color: #9ba55a;

    font-weight: 400;

    cursor: pointer;

    font-size: 16px;

    margin-left: 5px;

}



.editAllPackageOrdersCon,

.deleteAllPackageOrdersCon {

    display: flex;

    align-items: center;

    justify-content: center;

}



.editAllPackageOrdersCon .editOrderMyAccountPopupBtnClose,

.closeDeleteAllPackages {

    font-weight: 600;

}



.deleteOrderMyAccountPopupBtnDelete,

.editOrderMyAccountPopupBtnEdit {

    transition: all 250ms ease-in-out;

    border-radius: 10px;

    padding: 3.5px 20px;

    color: #f8f8f8;

    font-weight: 400;

    cursor: pointer;

    font-size: 16px;

    margin-right: 5px;

}



.deleteOrderMyAccountPopupBtnDelete {

    border: 1px solid #ce6161;

    background-color: #ce6161;

}



.editOrderMyAccountPopupBtnEdit {

    border: 1px solid #6190ce;

    background-color: #6190ce;

}



.deleteOrderMyAccountPopupBtnClose:hover,

.editOrderMyAccountPopupBtnClose:hover,

.closeDeleteAllPackages:hover {

    color: #9ba55a;

    background-color: #f8f8f8;

}



.deleteOrderMyAccountPopupBtnDelete:hover {

    color: #ce6161;

    background-color: #f8f8f8;

}



.editOrderMyAccountPopupBtnEdit:hover {

    color: #6190ce;

    background-color: #f8f8f8;

}



.myAccountPopupGreenText {

    color: #9ba55a;

}



.myAccountPopupRedText {

    color: #ce6161;

}



.orderStatusMyAccount {

    color: #0f0f0f;

}



.orderStatusMyAccount:hover {

    color: #0f0f0f;

}



.orderStatusMyAccount.cancelled {

    color: #f8f8f8;

    background-color: #ce6161;

    padding: 5px;

    border-radius: 5px;

}



.orderIdMyAccount {

    position: relative;

}



.isGroup::before {

    content: '';

    position: absolute;

    height: 2px;

    width: 15px;

    top: 10px;

    left: -24px;

    background-color: #9ba55a;

}



.isGroup::after {

    content: '';

    position: absolute;

    height: 50px;

    width: 2px;

    bottom: -15px;

    left: -24px;

    background-color: #9ba55a;

}



.isGroup.isGroupLast::after {

    content: '';

    position: absolute;

    height: 20px;

    width: 2px;

    bottom: 10px;

    left: -24px;

    background-color: #9ba55a;

}



.isGroup.isGroupHeader::after {

    content: '';

    position: absolute;

    height: 20px;

    width: 2px;

    top: 10px;

    left: -24px;

    background-color: #9ba55a;

}



.orderOverviewFilterMyAccountCon {

    display: flex;

    align-items: center;

}



.orderOverviewFilterMyAccountStatusCon,

.orderOverviewFilterMyAccountLunchPlanCon,

.orderOverviewFilterMyAccountDebitorCon,

.orderOverviewFilterMyAccountDateCon,

.order-overview-filter-use-role-container,

.order-overview-search-box-container,

.cartOrderSplitToggleCon {

    display: flex;

    justify-content: center;

    flex-direction: column;

    margin-bottom: 20px;

    margin-right: 20px;

}



.cartOrderSplitToggleCon {

    margin-top: 20px;

}



#myAccountOrderStatusFilter,

#myAccountDebitorFilter,

#showOnlyCustomerOrders {

    padding: 5px 15px;

    border-radius: 10px;

    outline: none;

    border-color: #9ba55a;

    background-color: #9ba55a;

    color: #f8f8f8;

    font-weight: 500;

    cursor: pointer;

    max-width: 250px;

}



.orderOverviewFilterMyAccountStatusText,

.orderOverviewFilterMyAccountLunchPlanText,

.order-overview-filter-use-role-container label,

.orderOverviewFilterMyAccountDebitorText {

    margin: 0;

    margin-right: 15px;

    font-weight: 600;

    font-size: 16px;

}



.orderOverviewFilterMyAccountLunchPlanBtnCon,

.cartOrderSplitToggleBtnCon {

    display: flex;

    align-items: center;

}



.orderOverviewFilterMyAccountLunchPlanBtnWrapper {

    border: 1px solid #d4d4d4;

    color: #404040;

    width: 45px;

    height: 40px;

    display: flex;

    align-items: center;

    justify-content: center;

    cursor: pointer;

    transition: all 250ms ease-in-out;

}



.cartOrderSplitToggleBtnWrapper {

    border: 1px solid #d4d4d4;

    color: #404040;

    width: 100px;

    height: 40px;

    display: flex;

    align-items: center;

    justify-content: center;

    cursor: pointer;

    transition: all 250ms ease-in-out;

}



.orderOverviewFilterMyAccountLunchPlanBtnWrapper:nth-child(1),

.cartOrderSplitToggleBtnWrapper:nth-child(1) {

    border-radius: 10px 0 0 10px;

    border-right: 1px solid transparent;

}



.orderOverviewFilterMyAccountLunchPlanBtnWrapper:nth-child(2),

.cartOrderSplitToggleBtnWrapper:nth-child(2) {

    border-radius: 0 10px 10px 0;

    border-left: 1px solid transparent;

}



.orderOverviewFilterMyAccountLunchPlanBtnWrapper > p,

.cartOrderSplitToggleBtnWrapper > span {

    margin: 0;

    font-size: 14px;

    font-weight: 600;

    pointer-events: none;

    transition: all 250ms ease-in-out;

}



.invoice-type-is-active {

    cursor: default;

    border-left: 1px solid #9ba55a !important;

    border-color: #9ba55a !important;

    box-shadow: 0px 0px 4px 0px #9ba55a;

    background-color: #fff;

}



.orderOverviewFilterMyAccountLunchPlanBtnWrapper.invoice-type-is-active > p,

.cartOrderSplitToggleBtnWrapper.invoice-type-is-active > span {

    color: #9ba55a;

}



.orderOverviewFilterMyAccountDatetext {

    display: flex;

    align-items: center;

    flex-wrap: nowrap;

    white-space: nowrap;

    margin: 0;

    font-weight: 600;

    font-size: 16px;

}



.orderOverviewFilterMyAccountDateWrapper {

    display: flex;

    align-items: center;

}



.orderOverviewFilterMyAccountDate {

    display: flex;

    align-items: center;

    margin: 0;

    font-size: 16px;

}



.orderOverviewFilterMyAccountDate > input {

    padding: 4px 8px;

    margin-right: 10px;

    margin-left: 5px;

}



.orderOverviewFilterMyAccountDatetext > input[type='date'] {

    margin: 0 10px;

    padding: 4px 8px !important;

    font-size: 16px;

}



.myaccount-order-button {

    margin-right: 10px !important;

    font-size: 14px !important;

    padding-top: 5px !important;

    padding-bottom: 5px !important;

}



.invoicing-information {

    margin-top: 60px;

    margin-bottom: 60px;

}



.modal label {

    margin-top: 15px;

}



.reorder-button {

    margin-top: 20px;

}

.b2bwhs_shop_table {

    display: none;

}



#my-menu-right {

    display: none;

}



.noselect {

    -webkit-touch-callout: none; /* iOS Safari */

    -webkit-user-select: none; /* Safari */

    -khtml-user-select: none; /* Konqueror HTML */

    -moz-user-select: none; /* Old versions of Firefox */

    -ms-user-select: none; /* Internet Explorer/Edge */

    user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */

}



#wpadminbar #wp-admin-bar-backend > .ab-item:before {

    /* content: "\f226"; */

    /* content: url('mclogo_.png'); */

    content: url('/wp-content/themes/envo-shop/images/mc-small-logo.png');

}



#wp-admin-bar-wp-logo {

    display: none;

}



/* Cookie Consent */

.cky-notice-group {

    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;

}



.cky-preference-center {

    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;

}



.price {

    font-weight: bold !important;

}



html,

body {

    height: 100% !important;

}



.main-container {

    min-height: calc(100vh - 256px) !important;

}



#content-footer-section {

    height: 180px;

    z-index: -1;

    position: absolute;

    width: 100%;

}



#modalNotification {

    display: none;

    /* z-index: 999;

    position: fixed; */

}



.product-meta-label {

    height: 61px;

    display: block;

    color: #777;

    font-size: 17px;

}



.product-meta {

    overflow: hidden;

}



.woocommerce-loop-product__title {

    height: 72px;

}



.woocommerce-pagination {

    margin-top: 50px;

}



.no-orders-selected {

    border: 1px solid #ddd !important;

    pointer-events: none;

    color: #ddd !important;

}



.singleOrderProductHeading {

    font-size: 17px !important;

    margin: 0 6px !important;

}



.amount-and-price-container {

    display: flex;

    flex-direction: column;

    align-items: center;

    font-size: 17px;

    justify-content: space-between;

    margin-top: 10px;

}



.counterCon.sinlge-order {

    height: 60px !important;

}



.counterCon.sinlge-order input,

.counterCon.sinlge-order .qty-modifier {

    width: 30px !important;

    padding: 0 4px !important;

    height: 20px !important;

}



.price-container {

    padding: 6px 0;

}



.qty-modifier.transparent,

input.transparent {

    background-color: transparent !important;

    border: none !important;

    pointer-events: none;

}



#tab-title-description {

    position: static !important;

}



.lunchCalenderCon {

    margin-top: 40px;

}



.lunchDateCon {

    display: flex;

    align-items: center;

    justify-content: center;

    margin-top: 50px;

    width: 35%;

}



.lunchDateCon label {

    margin-right: 20px;

    font-size: 16px;

    font-weight: 600;

    margin-bottom: 0 !important;

    white-space: nowrap;

}



.lunchWeekCalenderCon {

    width: 100%;

    margin-bottom: 50px;

}



.lunchWeekCalenderWrapper {

    width: 100%;

}



.lunchWeekCalenderTable {

    width: 100%;

    border-collapse: collapse;

}



.lunchWeekCalenderTable thead {

    font-weight: 700;

    width: 100%;

}



.lunchWeekCalenderTable thead tr td {

    padding: 10px 5px;

}



.lunchWeekCalenderTable tbody {

    width: 100%;

}



.lunchWeekCalenderTable tbody tr {

    width: calc(100%);

}



.lunchWeekCalenderTable tbody tr td {

    width: calc(100% / 7);

    position: relative;

}



.lunchWeekCalenderTable,

.lunchWeekCalenderTable th,

.lunchWeekCalenderTable td {

    border: 1px solid #0f0f0f4d;

    text-align: center;

}



.lunchInput::-webkit-outer-spin-button,

.lunchInput::-webkit-inner-spin-button {

    /* display: none; <- Crashes Chrome on hover */

    -webkit-appearance: none;

    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */

}



.lunchInput[type='number'] {

    -moz-appearance: textfield; /* Firefox */

}



.lunchWeekCalenderTable .counterCon {

    display: flex;

    align-items: center;

    justify-content: center;

    margin: 6px 0;

    height: 30px;

}



.lunchBtnMinus,

.lunchBtnPlus {

    border: 1px solid #0f0f0f;

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    line-height: 0;

    padding: 0 10px;

    box-sizing: border-box;

    cursor: pointer;

    transition: all 250ms ease-in-out;

    background-color: transparent;

    border: 1px solid #c9c9c9;

}



.lunchBtnMinus {

    border-right: none !important;

}



.lunchBtnPlus {

    border-left: none !important;

}



.lunchBtnMinus i,

.lunchBtnPlus i {

    color: #5a5a5a;

    transition: all 250ms ease-in-out;

    font-size: 14px;

}



.lunchBtnMinus:hover,

.lunchBtnPlus:hover {

    background-color: #9ba55a;

    border-color: #9ba55a;

}



.lunchBtnMinus:hover i,

.lunchBtnPlus:hover i {

    color: #f8f8f8;

}



.lunchInput {

    text-align: center;

    width: 30% !important;

    font-size: 16px;

    line-height: 0 !important;

    border-radius: 0px !important;

    min-height: 100% !important;

    margin: 0px !important;

    border: 1px solid #c9c9c9 !important;

    /* border-left: none !important;

    border-right: none !important; */

    padding: 0;

}



.lunchInput:focus {

    transform: scale(1) !important;

}



.lunchClosedCon {

    margin: 20px 0;

}



.lunchClosedTD {

    background: #ececec;

}



.lunchClosedCon {

    display: flex;

    align-items: center;

    justify-content: center;

}



.lunchClosedCon label {

    margin-right: 10px;

    font-weight: 500;

}



.lunchClosingCheckbox {

    background: #c4c4c4 !important;

    border-radius: 3px !important;

    border: none !important;

    box-shadow: none !important;

    position: relative !important;

    transform: scale(1.3) !important;

    cursor: pointer !important;

}



.lunchBtnMinus.touched i:hover,

.lunchBtnPlus.touched i:hover {

    color: rgb(201, 201, 201) !important;

}



.lunchBtnMinus.touched:hover,

.lunchBtnPlus.touched:hover {

    background-color: #fff !important;

    color: #fff !important;

    border-color: rgb(201, 201, 201) !important;

}



.lunchBtnMinus.touched,

.lunchBtnPlus.touched,

input.touched {

    /*Background color should be blueish*/

    background-color: #2ea2cc !important;

    color: #fff !important;

}



.lunchSaveChanges.btn {

    cursor: pointer;

    font-size: 16px;

    padding: 5px 20px;

    border-radius: 10px;

    border: 1px solid #9ba55a;

    margin-right: 20px;

    display: flex;

    align-items: center;

    color: #f8f8f8;

    background-color: #9ba55a;

    width: fit-content;

    font-weight: 600;

    transition: all 250ms ease;

    margin-top: 20px;

    margin-bottom: 40px;

}



.lunchSaveChanges.btn:hover {

    background-color: transparent;

    color: #9ba55a;

}



/* add cursive text*/

.template-value-container,

.lunch-order-id-text {

    font-size: 12px;

    font-style: italic;

    font-weight: 200;

    margin: 0px 7px;

}



.woocommerce-grouped-product-list-item__.product-name {

    text-align: left !important;

}



table.woocommerce-grouped-product-list {

    margin-bottom: 15px !important;

}



td.woocommerce-grouped-product-list-item__ {

    padding: 0px !important;

}



.delivery-free-shipping-label {

    display: inline;

    font-size: 14px;

    font-weight: 600;

}



.product-link-button {

    width: 100%;

}



a.product_type_mc_multiple_sections_product {

    width: 100% !important;

}



.section-product {

    font-size: 15px;

    margin-left: 10px;

    color: #9ba55a;

    display: flex;

}



.section-clickable-container {

    display: flex;

    align-items: center;

    justify-content: space-between;

    width: 100%;

}



.section-product-name {

    font-size: 16px;

    font-weight: 600;

}



.section-product-additional-cost {

    font-size: 14px;

    font-weight: 400;

    margin-left: auto;

}



.section-product-checkbox-container {

    margin-right: 10px;

}



.section-clickable-container,

.section-product-checkbox {

    cursor: pointer;

}



.section-clickable-container.disabled {

    color: #ccc;

    cursor: not-allowed;

}



.checkout-sub-products {

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    margin-top: 20px;

}



.checkout-sub-product-line {

    display: flex;

    justify-content: space-between;

    font-size: 14px;

    margin-right: 75px;

}



.checkout-sub-product-line-base-price-line {

    display: flex;

    justify-content: space-between;

    font-size: 14px;



    margin-top: 10px;

    margin-right: 75px;

}



.checkout-sub-product-price {

    text-align: right;

    margin-left: auto;

}



.myaccount-sub-product-line {

    display: flex;

    font-size: 14px;

    margin-right: 75px;

}



.myaccount-sub-product-name {

    flex: 0 0 50%;

}