/*@import url('//fonts.googleapis.com/css?family=Oswald');*/
@import url('//fonts.googleapis.com/css?family=Questrial');
@import url('//fonts.googleapis.com/css?family=Encode+Sans+Condensed');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&family=Questrial&display=swap');

@font-face {
    font-family: "Eina";
    src: url("../fonts/Eina.eot"); /* IE9*/
    src: url("../fonts/Eina.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/Eina.woff2") format("woff2"), /* chrome firefox */
    url("../fonts/Eina.woff") format("woff"), /* chrome firefox */
    url("../fonts/Eina.ttf") format("truetype"), /* chrome firefox opera Safari, Android, iOS 4.2+*/
    url("../fonts/Eina.svg#Eina") format("svg"); /* iOS 4.1- */
}
@font-face {
    font-family: 'Eina03';
    src: url('../fonts/Eina03-Regular.eot');
    src: url('../fonts/Eina03-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Eina03-Regular.woff2') format('woff2'),
    url('../fonts/Eina03-Regular.woff') format('woff'),
    url('../fonts/Eina03-Regular.ttf') format('truetype'),
    url('../fonts/Eina03-Regular.svg#Eina03-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Eina04';
    src: url('../fonts/Eina04-Regular.eot');
    src: url('../fonts/Eina04-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Eina04-Regular.woff2') format('woff2'),
    url('../fonts/Eina04-Regular.woff') format('woff'),
    url('../fonts/Eina04-Regular.ttf') format('truetype'),
    url('../fonts/Eina04-Regular.svg#Eina04-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Eina03';
    src: url('../fonts/Eina03-SemiBold.eot');
    src: url('../fonts/Eina03-SemiBold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Eina03-SemiBold.woff2') format('woff2'),
    url('../fonts/Eina03-SemiBold.woff') format('woff'),
    url('../fonts/Eina03-SemiBold.ttf') format('truetype'),
    url('../fonts/Eina03-SemiBold.svg#Eina03-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
}


/* Loader */

/*  Loader  */
#loader-wrapper {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
    background-color: #ECF0F1;
}
#loader {
    display: block;
    position: relative;
    left: 45%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;

    border: 3px solid transparent;
    border-top-color: rgba(227, 0, 0, 0.98);
    border-radius: 50%;
    z-index: 1500;

    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}
#loader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border: 3px solid transparent;
    border-top-color: #1F3C71;
    border-radius: 50%;

    -webkit-animation: spin 3s linear infinite;
    animation: spin 3s linear infinite;
}
#loader:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border: 3px solid transparent;
    border-top-color: #e3e261;
    border-radius: 50%;

    -webkit-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
}
@-webkit-keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);  /* IE 9 */
        transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);  /* IE 9 */
        transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
    }
}
@keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);  /* IE 9 */
        transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);  /* IE 9 */
        transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
    }
}

#loader-wrapper .loader-section {
    position: fixed;
    top: 65px;
    width: 51%;
    height: 100%;
    z-index: 1000;
    -webkit-transform: translateX(0);  /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: translateX(0);  /* IE 9 */
    transform: translateX(0);  /* Firefox 16+, IE 10+, Opera */
}

#loader-wrapper .loader-section.section-left {
    left: 0;
}

#loader-wrapper .loader-section.section-right {
    right: 0;
}

/* Loaded */
.loaded #loader-wrapper .loader-section.section-left {
    -webkit-transform: translateX(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: translateX(-100%);  /* IE 9 */
    transform: translateX(-100%);  /* Firefox 16+, IE 10+, Opera */

    -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

.loaded #loader-wrapper .loader-section.section-right {
    -webkit-transform: translateX(100%);  /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: translateX(100%);  /* IE 9 */
    transform: translateX(100%);  /* Firefox 16+, IE 10+, Opera */

    -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

.loaded #loader {
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.loaded #loader-wrapper {
    visibility: hidden;

    -webkit-transform: translateY(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: translateY(-100%);  /* IE 9 */
    transform: translateY(-100%);  /* Firefox 16+, IE 10+, Opera */

    -webkit-transition: all 0.3s 1s ease-out;
    transition: all 0.3s 1s ease-out;
}
/* Fin loader */


/* The Panel CSS */

#MooPanel
{
    width: 100%;
    margin: 45px auto 10px;
    direction: ltr;
    text-align: left;
    position: relative;
    background: white !important;

}
#MooPanel_header
{
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 5px;
    text-align: left;
    border-bottom: 3px solid #0073aa;
    clear: both;
    background-color: #a0a5aa;
    color: #FFFFFF;
    padding-left: 20px;
    box-sizing: border-box
}
#MooPanel_sidebar
{
    float: left;
    background: #1F3C71;
    text-shadow: 1px 1px #54595d;
    color: #ffffff;
    left: 0;
    z-index: 1;
    width: 20%;
    min-height: 0 !important;
   /* border-radius: 10px; */
    font-family: 'Questrial', sans-serif;
    font-size: 16px;
}
#Moopanel_logo
{
    min-height: 100px;
    text-align: center;
}
#Moopanel_logo p
{
    font-size: 20px;
    color: #FFFFFF;
    margin: 0;
    padding: 5px;
}
#Moopanel_logo img
{
    margin-top: 10px;
}
#MooPanel_main
{
    background: #FAFAFA;
    padding: 20px 20px 50px;
    float: left;
    width: 689px;
    border: 1px solid #e5e5e5;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.04);
    box-shadow: 0 1px 1px rgba(0,0,0,.04);
    min-height: 602px;
    position: relative;
    overflow: hidden;
}
#MooPanel_sidebar ul
{
    list-style: none;
    margin: 0;

}
#MooPanel .moo_collaps_all {
    float: right;
    margin-right: 15px;
    color: #1F3C71;
    cursor: pointer;
}
#MooPanel_sidebar ul li {
     padding: 10px;
     display: block;
     color: #ffffff;
     cursor: pointer;
     border: 0;
     outline: none;
     text-decoration: none;
     border-bottom: 1px solid ;
     margin: 0;

 }
#MooPanel_tabContent6 div.saved_new_name>a:focus,
#MooPanel_tabContent6 div.edit_modifer_name>a:focus {
    outline: none;
    box-shadow: none;
}
#MooPanel_sidebar ul li a {
    color: #ffffff;
    text-decoration: none;
}
#MooPanel_sidebar ul a {
    color: #ffffff;
    text-decoration: none;
}
#MooPanel_sidebar ul a li i {
   float: right;
}
#MooPanel_sidebar ul li:hover
{
    background-color: rgb(23, 67, 148);
}

#MooPanel_tabContent2,#MooPanel_tabContent3,#MooPanel_tabContent4,#MooPanel_tabContent5, #MooPanel_tabContent6,
#MooPanel_tabContent7,#MooPanel_tabContent8,#MooPanel_tabContent9,#MooPanel_tabContent10,#MooPanel_tabContent11,
#MooPanel_tabContent12,#MooPanel_tabContent13,#MooPanel_tabContent14,#MooPanel_tabContent15,#MooPanel_tabContent16
{
    display: none;
    min-height: 100%;
}
.MooPanel_Selected
{
    position: relative;
    border:0 none;
    background: #174394;
    color: #fff;
}

.MooPanel_Selected:after
{
    right: 0;
    border: solid 8px transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-right-color: #FAFAFA;
    top: 50%;
    margin-top: -8px;
}
#MooPanel_main h2
{
    margin-top: 5px;
    margin-bottom: 35px;
    font-size: 24px;
    font-family: 'Questrial', sans-serif;
    font-weight: normal;
}
#MooPanel_main .MooPanelSubmit
{
    float: right;
}
#MooPanel_main .MooPanelItem
{
    border: 1px solid #e5e5e5;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.04);
    box-shadow: 0 1px 1px rgba(0,0,0,.04);
    margin: 10px 0 20px;
    background: #FFF;
    clear: both;
    position: relative;
}
.soo-warning-box {
    background-color: #fefce8;
    border-left: 4px solid #facc15;
    padding: 16px;
    margin-top: 16px;
}
.soo-warning-header {
    color: #b45309;
    font-weight: bold;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.soo-warning-text {
    color: #92400e;
    font-size: 14px;
    margin-top: 8px;
}
.soo-success-box {
    background-color: #ecfdf5;
    border-left: 4px solid #34d399;
    padding: 16px;
    margin-top: 16px;
}
.soo-success-icon {
    font-size: 24px;
    color: #10b981;
    margin-right: 10px;
    display: inline-block;
}
.soo-success-text {
    color: #065f46;
    display: inline-block;
}
.enable-auto-sync-button {
    padding: 6px 12px;
    background-color: #d1fae5;
    color: #047857;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    display: flex;
    align-items: center;
    height: 100%;
}
.soo-auto-sync-button-group {
    margin-top: 10px;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}
.soo-auto-sync-button  {
    padding: 6px 12px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}
.soo-auto-sync-button-disable {
    background-color: #fef3c7;
    color: #92400e;
}
.soo-auto-sync-button-details {
    background-color: #fff;
    color: #1e3a8a;
    border: 1px solid #1e3a8a;
}
.soo-customize-sync-settings {
    margin-top: 20px;
}
.soo-arrow-button {
    background: none;
    border: none;
    font-size: 16px;
    cursor: pointer;
    color: #1e3a8a;
    display: flex;
    align-items: center;
}
.soo-arrow-button span {
    margin-left: 6px;
}
.soo-customize-sync-toggle-group {
    background: #f9fafb;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    padding: 16px;
}
.soo-customize-sync-toggle-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
    font-size: 14px;
    color: #1f2937;
}
#soo-customize-sync-settings .soo-customize-sync-toggle-group .soo-customize-sync-toggle-item .soo-customize-sync-toggle {
    border: 1px solid #8c8f94;
    border-radius: 4px;
    background: #fff;
    color: #50575e;
    clear: none;
    cursor: pointer;
    display: inline-block;
    line-height: 0;
    height: 1rem;
    margin: -.25rem .25rem 0 0;
    outline: 0;
    padding: 0 !important;
    text-align: center;
    vertical-align: middle;
    width: 1rem;
    min-width: 1rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    transition: .05s border-color ease-in-out;
    position: relative;
}
.soo-customize-sync-toggle:checked {
    background-color: #1e3a8a;
}
.soo-customize-sync-toggle::before {
    content: '';
    position: absolute;
    width: 18px;
    height: 18px;
    background: white;
    border-radius: 50%;
    top: 2px;
    left: 2px;
    transition: transform 0.2s;
}
.soo-customize-sync-toggle:checked::before {
    transform: translateX(20px);
}
.soo-customize-sync-tooltip {
    position: relative;
    display: inline-block;
    cursor: help;
}
.soo-customize-sync-tooltip .soo-customize-sync-tooltiptext {
    visibility: hidden;
    width: 220px;
    background-color: #111827;
    color: #fff;
    text-align: left;
    border-radius: 6px;
    padding: 6px 10px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    opacity: 0;
    transition: opacity 0.3s;
}
.soo-customize-sync-tooltip:hover .soo-customize-sync-tooltiptext {
    visibility: visible;
    opacity: 1;
}
#MooPanel_main .MooPanelItem .label {
    width: 220px;
    display: inline-block;
    float: left;
    padding-top: 4px;
}
#MooPanel_main .MooPanelItem h3 {
    border-bottom: none;
    margin: 3px 0px 3px;
    padding: 0;
    font-family: 'Questrial', sans-serif;
    color: #1F3C71;
    font-size: 19px ;
}
#MooPanel_main .MooPanelItem h4 {
    border-bottom: none;
    margin: 3px 0px 3px;
    padding: 0;
    font-family: 'Questrial', sans-serif;
    color: #1F3C71;
    font-size: 16px ;
}
.moo_option_description {
    font-size: 20px;
    background-color: #ffffff;
    padding: 20px;
    text-align: center;
}
.moo_option_description_key {
    font-size: 20px;
    background-color: #dddddd;
    width: 80%;
    margin-top: 20px;

}
.moo_option_right {
    padding-top: inherit;
    margin-top: 16px;
}
/* Order Table */
#instructions {
    width: 200px;
}

.item-hidden {
    background-color: #faebcc !important;
}
.widefat tbody th.check-column {
    padding: 25px 0 0 3px;
}

#price,#price_type,#unit_name,#sku,#available,#visible
{
    width: 102px;
}
#name
{
    width: 150px;
}
#outofstock,#custom_hours
{
    width: 120px;
}
#image {
     width: 55px;
}
.wp-list-table #the-list .column-image .mooItemsList-placeholderImg{
    margin: 0;
    width: auto;
    height: auto;
    max-width: 40px;
    max-height: 40px;
    vertical-align: middle;
    outline: none;
    box-shadow: none;
}
/*
    Custom css for tab Settings
    expandable options
 */
#MooPanel_main #MooPanel_tabContent8 .MooPanelItem h3,#MooPanel_main #MooPanel_tabContent7 .MooPanelItem h3
{
    cursor: pointer;
}
#MooPanel_main #MooPanel_tabContent8 .MooPanelItem .Moo_option-item,#MooPanel_main #MooPanel_tabContent7 .MooPanelItem .Moo_option-item

{
    display: none;
}
#MooPanel_main #MooPanel_tabContent8 .MooPanelItemExpanded .Moo_option-item,#MooPanel_main #MooPanel_tabContent7 .MooPanelItemExpanded .Moo_option-item

{
    display: block;
}
#MooPanel_main #MooPanel_tabContent8 .MooPanelItem h3:after , #MooPanel_main #MooPanel_tabContent7 .MooPanelItem h3:after
{
    float: right;
    content: '+';
    font-size: 25px;
}
#MooPanel_main #MooPanel_tabContent8 .MooPanelItemExpanded h3:after , #MooPanel_main #MooPanel_tabContent7 .MooPanelItemExpanded h3:after
{
    float: right;
    content: '-';
    font-size: 25px;
    margin-right: 4px;
}
/*
    Fin Custom cs for tab settings
 */

#mooAutoSyncDeactivated.warning-box {
    border: 1px solid #f2a365;
    background-color: #ffe6d9;
    color: #a53b00;
    padding: 1rem;
    border-radius: 4px;
    margin: 1rem 0;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}
#mooAutoSyncDeactivated .warning-box .warning-icon {
    font-weight: bold;
    color: #a53b00;
}

#MooPanel_main .MooPanelItem .Moo_option-item
{
    clear: both;
    padding: 8px 10px;
    overflow: hidden;
    position: relative;
    border-bottom: 1px solid #F8F8F8;
}
#MooPanel_main .MooPanelItem .Moo_option-title{
    padding: 10px;
    padding-top: 0px;
}
#MooPanel_main .MooPanelItem .Moo_option-item .Moo_on_off:hover
{
    cursor: pointer;
}
#MooPanelSectionImport
{
    text-align: center;
}
#MooPanelSectionImportItems
{
    text-align: center;
}
#MooPanelSectionImportCategories
{
    text-align: center;
    margin-bottom: 20px;
}

#MooPanel_main .stats
{
    display: table;
    width:100%;
}
#MooPanel_main .stats .stat
{
    width: 25%;
    height: 105px;
    text-align: center;
    display: table-cell;
    padding: 0;
    position: relative;
    border-right: 1px solid #F8F8F8;
}
#MooPanel_main .stats .stat:last-child
{
    border-right: none;
}
#MooPanel_main .stats .stat .value
{
    font-size: 45px;
    font-weight: 100;
    color: #000;
    line-height: 1em;
}
#MooPanel_main .stats .stat .type
{
    border-right: none;
}

#MooPanel_main .MooRow
{
    /* border: solid 1px #0b0b0b;*/
    height: 110px;
    margin: 20px;
    /* background-color: #ffffff;*/
}
#MooPanel_main .MooRowSection
{
    padding: 15px;
}

/*
    Simple OnOff switch
 */
.moo-onoffswitch,.soo-onoffswitch {
    position: relative;
    display: inline-block;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.moo-onoffswitch {
    width: 50px;
}
.soo-onoffswitch {
    width: 40px;
}

.moo-onoffswitch-checkbox, .soo-onoffswitch-checkbox {
    display: none !important;
}
.moo-onoffswitch-label, .soo-onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
}
.moo-onoffswitch-label {
    border: 2px solid #999999;
    border-radius: 50px;
}
.soo-onoffswitch-label {
    width: 40px;
    height: 15px;
    border-radius: 7.5px;
    border: solid 1px #dddddd;
    background-color: #dddddd;
}
.moo-onoffswitch-inner, .soo-onoffswitch-inner {
    display: block;
    width: 200%;
    margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.moo-onoffswitch-inner:before, .moo-onoffswitch-inner:after,
.soo-onoffswitch-inner:before, .soo-onoffswitch-inner:after {
    display: block;
    float: left;
    width: 50%;
    height: 10px;
    padding: 0;
    line-height: 10px;
    font-size: 14px;
    color: white;
    font-family: Trebuchet, Arial, sans-serif;
    font-weight: bold;
    box-sizing: border-box;
}
.moo-onoffswitch-inner:before, .soo-onoffswitch-inner:before {
    content: "";
    padding-left: 10px;
    background-color: #EEEEEE;
    color: #FFFFFF;
}
.moo-onoffswitch-inner:after, .soo-onoffswitch-inner:after {
    content: "";
    padding-right: 10px;
    background-color: #EEEEEE;
    color: #999999;
    text-align: right;
}
.moo-onoffswitch-switch,.soo-onoffswitch-switch {
    display: block;
    width: 20px;
    margin: -4px;
    background: #A1A1A1;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 34px;
    border: 2px solid #999999;
    border-radius: 50px;
    transition: all 0.3s ease-in 0s;
}
.moo-onoffswitch-checkbox:checked + .moo-onoffswitch-label .moo-onoffswitch-inner,
.soo-onoffswitch-checkbox:checked + .soo-onoffswitch-label .soo-onoffswitch-inner {
    margin-left: 0;
}
.moo-onoffswitch-checkbox:checked + .moo-onoffswitch-label {
    border: 2px solid #174394;
}

.moo-onoffswitch-checkbox:checked + .moo-onoffswitch-label .moo-onoffswitch-switch ,
.soo-onoffswitch-checkbox:checked + .soo-onoffswitch-label .soo-onoffswitch-switch {
    background-color: #174394;
    border-color: rgb(23, 67, 148);
    margin-right: 0px;
    right: 0px;
}


.soo-onoffswitch-switch {
    width: 20px;
    height: 20px;
    background-color: #d8d8d8;
    border: solid 1px #d8d8d8;
    border-radius: 20px;
    margin-top: -3px;
    right: 25px;
}

.soo-onoffswitch-checkbox:checked + .soo-onoffswitch-label .soo-onoffswitch-switch {
    background-color: #1d3a73;
    border: solid 1px #1d3a73;
    right: 0px;
}

.soo-onoffswitch-checkbox:checked + .soo-onoffswitch-label .soo-onoffswitch-switch {
    margin-right: 0px;
}

/*
    Fin of OnOff Switch
 */


#moo_map
{
    width: 100%;
    height: 300px;
}
#moo_map_da
{
    width: 100%;
    height: 450px;
}
/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
}

/* Tooltip text */

#moo_info_msg
{
    margin-left: 10px;
}
#moo_info_msg img
{

}
.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;

    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 9999999999;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
}
.tooltip .tooltiptext {
    width: 290px;
    bottom: 125%;
    left: 0;
    margin-left: -125px; /* Use half of the width (120/2 = 60), to center the tooltip */
}
.tooltip .tooltiptext::after {
    content: " ";
    position: absolute;
    top: 100%; /* At the bottom of the tooltip */
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
}
.tooltip .tooltiptext {
    opacity: 0;
    transition: opacity 1s;
}

.tooltip:hover .tooltiptext {
    opacity: 1;
}

/* Edit Item CSS */
#moo_editItem
{
    box-sizing: content-box;
}
/*
#moo_editItem .moo_editItem_right
{
    float: right;
    background-color: #ffffff;
    width: 66%;
    min-height: 200px;
    padding: 10px;
    margin: 0px;

}

#moo_editItem .moo_editItem_left
{
    float: left;
    background-color: #ffffff;
    width: 28%;
    min-height: 200px;
    padding: 10px;
    margin: 0px;
}
*/
#moo_editItem .moo_itemsimages .moo_itemsimages_oneimg
{
    text-align: center;
    float: left;
}
#moo_editItem .moo_itemsimages .moo_itemsimages_oneimg img
{
    width: 200px;
    float: left;
    margin: 5px;
}#moo_editItem .moo_itemsimages .moo_itemsimages_oneimg .moo_itemsimages_oneimg_options
 {
     width: 200px;
     margin: 5px;
 }
#moo_editItem .moo_itemsimages .moo_moo_itemsimages_oneimg input[type=radio]
{
    float: left;
    clear: both;
}
@media only screen and (max-width: 767px) {
    #moo_editItem .moo_editItem_right
    {
        float: left;
        width: 100%;
    }
    #moo_editItem .moo_editItem_left
    {
        float: left;
        width: 100%;
    }
}
#moo_adding-zone {
    display: none;
}
.MooAddingZoneBtn
{
    display: none;
    text-align: center;
}
#moo_Circleradius
{
    margin: 10px;
    font-size: 15px;
    font-weight: bold;
}
.moo_adding-zone-btn
{
    float: right;
    color: #0085ba;
    cursor: pointer;
}
.moo_delivery_zone_label
{
    border: solid 1px #eee;
    margin: 9px;
    padding: 8px;
    cursor: pointer;

}
.moo_delivery_zone_label span
{
    width: 15px;
    height: 15px;
    border: solid 1px #2f323b;
    display: inline-block;
    margin-right: 5px;
    vertical-align: text-bottom;
}.moo_delivery_zone_label .moo_da_actions
 {
     float: right;
     display: none
 }
#moo_dz_action_for_updating,#moo_dz_action_for_adding
{
    display: none;
}
#moo_progressbar_container {
    margin: 0 auto;
    margin-bottom: 40px;
    width: 400px;
    height: 8px;
    position: relative;
}

#MooPanel_main {
    height: 12px;
    overflow-y: scroll;
    width: 75.8%;
    min-height: 641px;
    padding: 20px 20px 20px;
   /* border-radius: 10px;*/
    /*background: white;*/
    border: 1px solid rgba(0,0,0,0.25) !important;
    /*border: 2px solid rgba(30, 84, 41, 0.5) !important;*/
    /*
    -webkit-box-shadow: 0 8px 6px -6px #456c4a;
    -moz-box-shadow: 0 8px 6px -6px #456c4a;
    box-shadow: 0 8px 6px -6px #456c4a;
    */
}
#MooPanel_main .MooPanelItem {
    margin: 10px;
    /*border: none !important;*/
    /*margin-bottom: 15px;*/
    padding: 10px;
}
#MooPanel h2 {
    padding: 0;
    margin: 0 10px 16px;
    color: #1F3C71;
    font-family: 'Questrial', sans-serif;
    font-style: normal;
    margin-top: 20px;
    font-size: 30px ;
    font-weight: bold;
}
#MooPanel_main .MooRow {
    margin: 0;
}
div.normal_text {
    font-family: Roboto,"Helvetica Neue",Helvetica,sans-serif;
    color: #63666A;
    font-size: 15px;
    margin-left: 10px;
}
#MooPanel_main .MooPanelItem .Moo_option-item {
    padding: 10px !important;
}
div#MooPanel .button {
    background-color: #1F3C71 !important;
    border-color: #1F3C71 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    color: #fff !important;
    border-radius: 0px !important;
    min-width: 120px !important;
    text-align: center;
    height: 35px !important;
    line-height: 34px !important;
}
div#MooPanel .button-small {
    background-color: #1F3C71 !important;
    border-color: #1F3C71 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    color: #fff !important;
    border-radius: 5px !important;
    min-width: 120px !important;
    text-align: center;
    height: 27px !important;
    line-height: 26px !important;
}
div#MooPanel div#MooPanel_tabContent1 div.MooPanelItem div.Moo_option-item:nth-child(3) {
    text-align: center;
}
div#MooPanel div#moo_progressbar_container {
    height: 15px;
    margin-bottom: 20px;
    margin-top: 20px;
}
#MooPanel_main .MooPanelItem .Moo_option-title {
    padding: 0 !important;
}



.MooPanel_tabContent3 .soo-onoffswitch-checkbox:checked + .soo-onoffswitch-label .soo-onoffswitch-switch {
    margin-right: 6px;
}
div.Moo_option-title div.moo-onoffswitch:nth-child(3) {
    margin-left: 93px !important;
}
div.Moo_option-title {
    margin-bottom: 17px;
}
div#MooPanel_tabContent4 div.MooPanelItem div.Moo_option-item div {
    text-align: center;
}

div#MooPanel_tabContent7 div.MooPanelItem div.Moo_option-item div{
    margin-top: 0 ;
    color : black;
}

div#MooPanel_tabContent8 div.MooPanelItem div.Moo_option-item div{
    /*margin-top: 0 !important;*/
}
div.submits {
    text-align: center;
}
div.button_center {
    text-align: center;
    /*margin-bottom: 15px;*/
}
div#MooPanel_tabContent4 div.button_center {
    margin-bottom: 15px !important;
}
#MooPanel_main .stats .stat {
    height: 120px;
}
#MooPanel_main .stats .stat .value {
    line-height: 0.8em;
    margin-top: 30px;
    color: #000000;
}
#MooPanel_main .stats .stat .type {
    margin-top: 12px;
    font-weight: bold;
    font-size: 14px;
    color: #000000;
}
div.input_label_center {
    width: 70%;
    margin: 0 auto;
}
span.some_error {
    color: red;
}

div.input_label_center label {
    font-size: 15px;
    font-weight: bold;
    margin-right: 8px;
    width: 79px;
}
div#MooPanel input[type=text]:focus, input[type=search]:focus, input[type=radio]:focus, input[type=tel]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus, input[type=password]:focus, input[type=checkbox]:focus, input[type=color]:focus, input[type=date]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=email]:focus, input[type=month]:focus, input[type=number]:focus, select:focus, textarea:focus {
    border-color: #1F3C71 !important;
    -webkit-box-shadow: 0 0 2px rgba(23, 67, 148,.8) !important;
    box-shadow: 0 0 2px rgba(23, 67, 148,.8) !important;
}
div.input_label_center input {
    width: 100%;
    border-radius: 0 !important;
}
div.label_div {
    width: 40%;
    display: inline-block;
    text-align: right;
}
div.input_div {
    width: 59%;
    display: inline-block;
}
div.input_label_center input {
    margin-top: 12px;
    margin-bottom: 15px;
}
div#MooPanel input.check_input {
    width: none !important;
}
div#MooPanel_tabContent10 textarea {
    width: 100% !important;

    /*margin-left: 122px !important;
    margin-right: 122px !important;*/
}
div#MooPanel textarea {
    border-radius: 3px;
}
div.faq_question {
    cursor: pointer;
    margin-top: 10px;
    font-size: 18px;
    font-weight: 300;
    padding: 24px 72px 24px 24px;
    background-color: #fafafa;
}
div.faq_response {
    display: none;
    padding-left: 36px;
    font-size: 15px;
    padding-bottom: 18px;
    background-color: #fafafa;
}
div#MooOrderTypesContent {
    /* width: 72%;*/
    margin: 0 auto;
}
div#MooCategoriesContent {
    margin: 0 auto;
}
div#MooModifiersContent {
    margin: 0 auto;
}
div#MooOrderTypesContent div.Moo_option-title div.label {
    width: 20%;
}
div#MooOrderTypesContent div.Moo_option-item div.label {
    width: 20%;
}
div#MooOrderTypesContent div.Moo_option-title div.moo-onoffswitch {
    width: 30% !important;
    margin-left: 0px !important;
}
div#MooOrderTypesContent div.Moo_option-item div.moo-onoffswitch {
    /*width: 30% !important;*/
    /*margin-left: 0px !important;*/
    margin-right: 23px !important;
}

div#MooOrderTypesContent div.Moo_option-title div:nth-child(4) {
    display: inline-block;
    float: none !important;
    width: 16% !important;
    text-align: left;
    text-align: right;
}
div#MooOrderTypesContent div.Moo_option-item div:nth-child(4) {
    display: inline-block;
    float: none !important;
    width: 28% !important;
    text-align: right;
}
div#MooOrderTypesContent div.Moo_option-title {
    font-size: 14px;
    font-weight: bold;
}
div.input_label_center input[type="radio"] {
    width: 0;
    margin-top: 7px;
    margin-bottom: 7px;
}
input[type=radio] + label {
    color: #a1afa3;
    font-style: italic;
}
input[type=radio]:checked + label {
    color: #456c4a;
    font-style: normal;
}
div#bloc_moo_ptions_item {
    width: 90%;
    margin: 0 auto;
    margin-top: 25px;
}
div.all_items {
    width: 38%;
    display: inline-block;
}
div.all_items_onoff {
    width: 6%;
    display: inline-block;
}
div.all_items_i_l {
    display: inline-block;
    width: 51%;
    text-align: right;
}
div.all_items_i_l_b {
    display: inline-block;
}
div#bloc_moo_ptions_item div.Moo_option-item:first-child {
    /*height: 30px;*/
    font-weight: bold;
}
div#MooPanel_tabContent3 div.MooPanelItem div.Moo_option-item {
    /*overflow: visible;
    height: 35px;*/
}

div.resett {
    height: 152px !important;
}
.input_table {
    border-radius: 5px !important;
    margin-right: 27px;
}
.btn_table {
    height: 29px !important;
    margin-bottom: 12px !important;
}
div#MooPanel_tabContent5 div.MooPanelItem div#bloc_moo_ptions_item div.Moo_option-item:first-child {
    height: 37px;
}
#moo_map {
    margin-bottom: 15px;
}
#MooPanel_sidebar ul>li:last-child {
    border-radius: 8px;
}

/*INPUT WITH LABEL*/
.iwl_holder {
    width: 75%;
    margin: 0 auto;
}
.iwl_label_holder {
    margin-bottom: 3px;
}
.iwl_input_holder {
    margin-bottom: 10px;
    width: 100%;
}
.iwl_input_holder input{
    width: 100%;
    border: 1px solid #ddd;
}
.iwl_input_holder textarea{
    width: 100%;
}
#MooPanel_main .MooPanelItem .Moo_option-item {
    border-bottom: none;
}
.progressbar-text {
    top: 15px;
}
#menu_for_mobile {
    display: none;
}
.enable_disable_for_mobile {
    float:left;
    width: 100%;
}

.display_order_types_mobile {
    display: none;
}
#MooPanel_main .MooPanelItem .label {
    width: 274px;
    color : black;
}
#display_panel5_on_mobile {
    display: none;
}
#show_hide_modifer_mobile {
    display: none;
}
.additional_payment_options_mobile {
    display: none;
}

.moo-info-msg
{
    margin-left: 15px;
    vertical-align: sub;
}
.moo_hidden {
    display: none !important;
}
.soo-display-none {
    display: none;
}
.soo-display-block{
    display: block;
}
/* --- table category --- */

table.table_category{
    width: 100%;
}
table.table_category thead tr{
    background-color: currentColor;
}
table.table_category thead th{
    padding: 10px;
    color: #fff;
}
table.table_category tbody tr{
    background: #ddd;
    cursor: pointer;
    width: 100%;
    height: 65px;
}
table.table_category tbody tr:hover{
    background-color: #ccc;
}
table.table_category td{
    padding: 10px;
}
td.img-cat{
    width: 10% !important;
    text-align: center;
}
td.name-cat{
    width: 40% !important;
    cursor: move;
}
td.show-cat{
    width: 15% !important;
    text-align: center;
}
table.table_category td.bt-cat{
    text-align: center;
}

.input-change-name{
    display: table;
    width: 100%;
}
.input-change-name .input-name{
    display: table-cell;
    vertical-align: middle;
}
.input-change-name .bt-valider{
    display: table-cell;
    vertical-align: middle;
}
.input-change-name .bt-annuler{
    display: table-cell;
    vertical-align: middle;

}
.input-change-name .input-name input{
    width: 92%;
    height: 35px;
    padding: 5px 10px;
}
/* responsive */
.category-item{
    text-align: center;
    border: 1px solid #ddd;
    padding: 10px;
    padding-top: 15px;
}
.category-item .option-item{
    margin-bottom: 10px;
}
.category-item .option-item > label{
    font-weight: bold;
    float: left;
}
.bt-category .bt{
    display: inline;
    margin-left: 10px;
}.bt-category .bt>a{
    text-decoration: none;
}
.name-category>input {
    width: 77%;
}
.editNameMobil input {
    margin-top: 5px;
    margin-left: -17px;
}
.editNameMobil img {
    margin-left: 5px;
}
.moo_itemsimages_oneimg {
    width: 40%;
    border: 1px solid black;
    display: inline-block;
    text-align: center;
    height: 250px;
    margin-left: 6%;
    margin-top: 18px;
}
.moo_editItem {
    border: 1px solid;
    margin-top: 25px;
}

.moo_editItem_left {
    border: 1px solid;
    width: 39.5%;
    float: left;
}
.edit_item_left_holder {
    margin-top: 10px;
}
.nopaddingrow {
    margin-right: 0px !important;
    margin-left: 0px !important;
}
.moo_editItem_left {
    background: white;
    padding: 20px;
    border: 1px solid rgba(0,0,0,0.25) !important;
    -webkit-box-shadow: 0 8px 6px -6px #456c4a;
    -moz-box-shadow: 0 8px 6px -6px #456c4a;
    box-shadow: 0 8px 6px -6px #456c4a;
}
.moo_editItem_right {
    background: white;
    padding: 20px;
    border: 1px solid rgba(0,0,0,0.25) !important;
    -webkit-box-shadow: 0 8px 6px -6px #456c4a;
    -moz-box-shadow: 0 8px 6px -6px #456c4a;
    box-shadow: 0 8px 6px -6px #456c4a;
    width: 60%;
    float: right;
    margin-bottom: 10px;
}
#moo_editItem .moo_pull_right {
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px;
}
div#moo_uploadImgBtn .button {
    background-color: #174394 !important;
    border-color: #1F3C71 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    color: #fff !important;
    height: 35px !important;
    border-radius: 5px !important;
    min-width: 120px !important;
    text-align: center;
    height: 35px !important;
    line-height: 34px !important;
}
.square_images {
    font-size: 15px;
    margin-bottom: 15px;
}
.image_item {
    border: 1px black;
    border-radius: 5px;
    height: 280px;
}
.image1 {
    width: 100% !important;
}
.image_options_holder {
    margin-top: 18px;
}


.radio, .checkbox {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}
.image_item input[type="radio"], .image_item input[type="checkbox"] {
    margin: 0px !important;
    vertical-align: baseline !important;
    -webkit-appearance: normal !important;
}
.td_input {
    width: 100%;
    text-align: right;
}
.label_td {
    padding-left: 12px;
}
/* ---- Modifier Group ---- */
ul.moo_ModifierGroup li{
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #ddd;
    overflow: hidden;
    margin-right: 0;
    margin-left: 0;
}
ul.moo_ModifierGroup li{
    font-family: Eina03, sans-serif;
    font-size: 18px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    color: #293553;
}
#moo_item_options {
    display: none;
}
.moo_items_options ul.moo_ModifierGroup li{
    cursor: auto;
}
.moo_items_options ul.moo_ModifierGroup .label_name{
    display: inline-block;
}
.moo_items_options ul.moo_ModifierGroup  .sub-group{
    display: block;
}
li.list-group{
    background: #eee;
}

.bar-group{
    /*width: 5%;*/
    float: right;
    margin-top: 5px;
    display: none;
}
ul.moo_ModifierGroup .label_name{
    font-size: 16px;
    display: inline-block;
    font-weight: bold;
    position: relative;
    line-height: 27px;
}
ul.moo_ModifierGroup > li > div > a  {
    cursor: pointer;
}
ul.moo_ModifierGroup > li > div > a:focus  {
    outline: none;
    box-shadow: none;
}
ul.moo_ModifierGroup > li > div > a > img {
    vertical-align: bottom;
    padding-top: 3px;
}
ul.moo_ModifierGroup .show_group{
}
ul.moo_ModifierGroup .saved_new_name{
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}
.show-detail-group{
    display: inline-block;
    width: 5%;
}
/* sub-group : Modifier */
ul.sub-group{
    display: none;
    padding: 15px 0 0;
    clear: both;
}
ul.sub-group > li{
    margin: 0;
    background-color: #FFFFFF;
}
ul.sub-group .moo_modifier_name{
    display: inline-block;
    font-size: 15px;
    font-weight: bold;
    text-align: left;
    line-height: 29px;
    width: 100%;
}
ul.sub-group .edit_modifer_name{
    text-align: center;
    display: inline-block;
    padding-left: 10px;
}
.moo-centred {
    text-align: center;
}

/*============================================================
    Mobile (Portrait) Design for a width of 320px
==============================================================*/
@media only screen and (max-width: 480px) {
    ul.moo_ModifierGroup{
        text-align: center;
    }
    ul.moo_ModifierGroup .label_name{
        display: block;
        margin: 10px 0;
        text-align: left;
        padding: 0 0 0 15px;
    }
    .show-detail-group {
        margin-top: 10px;
    }
    .saved_new_name > .button-small{
        margin: 0 10px;
    }
    ul.moo_ModifierGroup .show_group{
        /*margin: 10px 0;*/
    }
    ul.moo_ModifierGroup .change-name input{
        width:100%;
        margin-bottom: 5px;
    }
    /* Modifier */
    ul.sub-group {
        margin-top: 30px;
        text-align: center;
    }
    ul.sub-group .moo_modifier_name{
        margin: 10px 0;
    }
    ul.sub-group .change-name-modifier input{
        width: 100%;
        margin-bottom: 5px;
    }
    #moo-keyValid-section > div > div.moo-col-md-2.moo-centred > img{
        display: none;
    }

}

.white-popup {
    position: relative;
    background: #FFF;
    padding: 20px;
    width: auto;
    max-width: 500px;
    margin: 20px auto;
}
.listItems{
    overflow-y: scroll;
    max-height:400px;
}
ul.moo_listItem{
    margin-top: 18px;
    margin-bottom: 18px;
}
.moo_listItem li{
    border: 1px solid #dddddd ;
    padding: 5px 10px;
    cursor: move;
    background-color: #FAFAFA ;
}
.moo_listItem li:hover{
    border-color: #999;
}
.items_cat{
    text-align: center;
}

li.moo_orderType{
    padding: 18px;
    border: #e8e2e7 solid 1px;
    font-size: 15px;
    cursor: default;
    background-color: #ffffff;
    overflow: hidden;
    line-height: 31px;

}
li.moo_orderType.enabled{
    border-left: green solid 5px;
}
li.moo_orderType.disabled{
    border-left: #e8e2e7 solid 5px;
}
li.moo_orderType .moo_item_order span:first-child{
    font-family: Eina03, sans-serif;
    font-size: 18px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 31px;
    letter-spacing: normal;
    color: #293553;
}
li.moo_orderType .moo_item_order span a{
    text-decoration: none;
}
.Detail_OrderType {
    padding: 10px;
    max-width: 100%;
    margin: 10px;
    display: none;
    margin-top: 30px;
    background-color: #fff;
    font-family: Eina03, sans-serif;
    font-size: 15px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #293553;
}
.champ_order{margin-bottom: 15px;}
.label_Torder{
width: 20%;
display: inline-block;
font-size: 14px;
font-weight: 600;
}
/* -- Detail Order -- */
div.moo_order_detail{
    width: 30%;
    float: left;
}
div.moo_order_detail div.detail {
    margin: 10px 0;
    background: #fff;
    padding: 5px 20px;
    margin-right: 10px;
    border: 2px solid #ddd;
    box-shadow: 0 8px 6px -6px #9E9E9E;
}
div.list_itemsOrder{
    width: 65%;
    float: left;
}
div.list_itemsOrder > div{
    margin: 10px 0;
    background: #fff;
    padding: 10px;
    border: 2px double #ddd;
    box-shadow: 0 8px 6px -6px #9E9E9E;
}
div.table_items {
    height: 300px;
    overflow-y: scroll;
    overflow-x:auto;
}
table.main_table {
    border-collapse: collapse;
    width: 100%;
    background-color: #eee;
    border: 1px solid #ddd;
}
table.main_table tr.top_table {
    background-color: #1F3C71 !important;
    color: #fff;
}
table.main_table th {
    padding: 10px;
    border: 1px solid #ccc;
    text-transform: uppercase;
}
table.main_table td {
    padding: 5px 10px;
    border: 1px solid #ccc;
}
.paymentTable td {
    text-align: center;
}
.detail order_Customer {
    min-height: 140px;
}
#mooCustomerMap {
    width: 100%;
    min-height: 300px;
    display: none;
}
.moo_order_status {
    text-align: center;
    font-size: 30px;
    margin: 0;
    padding-bottom: 14px;
    font-weight: bold;
    text-transform: uppercase;
}

.column-code {
    width:150px;
}

.moo-pull-right {
    float: right;
}

.moo-store-interfaceSettings
{
    display: none;
}

.moo-interfaceSettings-labels
{
    text-align: left !important;
}

/* Categories section */
#moo-btn-backtocategories {
    display: none;
}

.moo-categories-section .moo-category-row {
    margin: 0;
    background-color: #fff;
    margin-bottom: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    min-height: 150px;
   /* height: 160px;*/
    border: #e8e2e7 solid 1px;
    border-left: #1F3C71 solid 5px;
    box-shadow: 0 8px 14px 0 #f7f4f7;

}

.moo-categories-section .moo-category-row .moo-category-image {
    height: 130px;
}

.moo-categories-section .moo-category-row .moo-category-image>img {
    width: 107px;
    height: 107px;
    margin-top: 20px;
    margin-left: 9px;
    border-radius: 10px;
}
.moo-categories-section .moo-category-row .moo-category-image>span>img {
    margin-top: 20px;
    margin-left: 9px;
    border-radius: 10px;
}

.moo-categories-section .moo-category-row .moo-category-image .moo-category-image-PicSelector {
    position: absolute;
    z-index: 5;
    bottom: 4px;
    text-align: center;
    width: 107px;
    height: 44px;
    background: #000;
    background: rgba(0, 0, 0, .6);
    color: #fff;
    opacity: 1;
    margin-left: 9px;
    display: none;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.moo-categories-section .moo-category-row .moo-category-image .moo-category-image-delete-btn {
     position: absolute;
     z-index: 5;
     cursor: pointer;
     max-width: 22px;
     left: 8px;
     top: -8px;
     display: none;
 }

.moo-categories-section .moo-category-row .moo-category-image .moo-category-image-delete-btn img {
     width: 22px;
     border-radius: 0px;
    border: none;
 }

.moo-categories-section .moo-category-row .moo-category-image .moo-category-image-PicSelector:hover {
    background: rgba(0, 0, 0, .8);
    cursor: pointer;
}

.moo-categories-section .moo-category-row .moo-category-image .moo-category-image-delete-btn:hover {
    cursor: pointer;
}

.moo-categories-section .moo-category-row .moo-category-image:hover .moo-category-image-PicSelector {
    display:block;
}

.moo-categories-section .moo-category-row .moo-category-image:hover .moo-category-image-delete-btn {
    display:block;
}
.moo-categories-section .moo-category-row .moo-category-image:hover.moo-cat-no-img .moo-category-image-delete-btn {
    display:none;
}
.moo-categories-section .moo-category-row .moo-category-image.moo-cat-no-img img {
    border: solid 2px #1d3a73;
}

.moo-categories-section .moo-category-row .moo-category-image .moo-category-image-PicSelector .moo-category-image-label {
     margin: 0 auto;
     padding: 10px;
}

.moo-categories-section .moo-category-row .moo-category-info {
    min-height: inherit;
    padding-left: 25px;
    padding-top: 30px;
}
.moo-categories-section .moo-category-row .moo-category-info .moo-category-timing-title{
    font-family: Eina03;
    font-size: 21px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 31px;
    letter-spacing: normal;
    color: #293553;
}
.moo-categories-edit-section .moo-category-timing-content {
    background-color: #ffffff;
    padding: 15px;
    border: #e8e2e7 solid 1px;
    border-bottom: #1F3C71 solid 5px;
    border-top: 0;
    box-shadow: 0 8px 14px 0 #f7f4f7;
    height: 110px;
    display: none;
}
.moo-categories-edit-section .moo-category-row .moo-category-info {
    padding-top: 0px;
}
.moo-categories-edit-section .moo-category-timing-content .moo-category-timing-footer {
    text-align: right;
    margin: 10px;
    margin-top: 20px;
}
.moo-categories-edit-section .moo-category-timing-content .moo-category-timing-footer .moo-category-save-time-button{
    box-shadow: 0 8px 14px 0 #f7f4f7;
    border: solid 0.7px #e8e2e7;
    width: 125px;
    height: 32px;
    border-radius: 25px;
    background-color: #e4283d;
    text-align: center;
    font-family: Eina03, sans-serif;
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 1.8px;
    color: #ffffff;
    cursor: pointer;
    padding-top: 7px;
    float: right;
}
.moo-categories-edit-section .moo-category-timing-content .moo-category-timing-header{
    font-family: Eina03, sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #293553;
    text-align: right;
}
.moo-categories-edit-section .moo-category-timing-content .moo-category-timing-body{
    font-family: Eina03, sans-serif;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #293553;
    padding-left: 30px;
    margin-top: 20px;
}
.moo-categories-edit-section .moo-category-timing-content .moo-category-timing-body select{
    min-width: 150px;
}
.moo-categories-edit-section .moo-category-hours-row {
    border: #e8e2e7 solid 1px;
   border-left: #1F3C71 solid 5px;
    box-shadow: 0 8px 14px 0 #f7f4f7;
    margin-bottom: 0px;
}
.moo-categories-edit-section .moo-category-hours-row .moo-category-hours-row-buttons{
    font-family: Eina03, sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #293553;
    text-align: right;
}

.moo-categories-section .moo-category-row .moo-category-title {
    font-family: Eina03, sans-serif;
    font-size: 21px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 31px;
    letter-spacing: normal;
    color: #293553;
}
.moo-categories-section .moo-category-row .moo-category-title .moo-category-title-input{
    height: 40px;
    width: 100%;
    border: solid 1px #e8e2e7;
    font-family: Eina03, sans-serif;
    font-size: 17px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 40px;
    letter-spacing: 0.6px;
    color: #293553;
    padding-top: 4px;
    margin-top: 5px;
}
.moo-categories-section .moo-category-row .moo-category-title .moo-category-title-cloverName{
    height: 12px;
    font-family: Eina03, sans-serif;
    font-size: 12px;
    line-height: 10px;
    color: #293553;
    margin: 10px;
    padding: 0;
    margin-bottom: 0px;
}

.moo-categories-section .moo-category-row .moo-category-uuid {
    opacity: 0.57;
    font-family: Eina04, sans-serif;
    font-size: 12px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 2px;
    color: #30232e;
}
.moo-categories-section .moo-category-row .moo-input-title {
    opacity: 0.8;
    font-family: Eina04, sans-serif;
    font-size: 12px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 2px;
    color: #30232e;
    margin-top: 10px;
}

.moo-categories-section .moo-category-row .moo-category-description {
    font-family: Eina03;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #293553;
    max-height: 40px;
    overflow-y: scroll;

}
.moo-categories-section .moo-category-row .moo-category-description::-webkit-scrollbar {
    width: 0px;  /* Remove scrollbar space */
    background: transparent;  /* Optional: just make scrollbar invisible */
}
/* Optional: show position indicator in red */
.moo-categories-section .moo-category-row .moo-category-description::-webkit-scrollbar-thumb {
    background: #FF0000;
}
.moo-categories-section .moo-category-row .moo-category-description .moo-category-description-input{
    height: 96px;
    width: 100%;
    border: solid 1px #e8e2e7;
    font-family: Eina03;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: 1px;
    color: #4a4a4a;
    padding: 10px;
    margin-top: 8px;
}

.moo-categories-section .moo-category-row .moo-category-quicklinks {
    display: none;
    position: absolute;
    bottom: 5px;
}

.moo-categories-section .moo-category-row .moo-category-quicklinks a {
    text-decoration: none;
    font-family: Eina03, sans-serif;
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #4a90e2;
}

.moo-categories-section .moo-category-row .moo-category-actions-container {
    margin-top: 50px;
}

.moo-categories-section .moo-category-row .moo-category-actions {

}
.moo-categories-section .moo-category-row .moo-category-actions .moo-category-action-edit {
    cursor: pointer;
    display: inline;
    margin-left: 21px;
}
.moo-categories-section .moo-category-row .moo-category-actions .moo-category-action-edit img {
    width: 22px;
    height: 22px;
    margin-top: -6px;
    vertical-align: middle;
}

.moo-categories-edit-section {
    display: none;
}

.moo-categories-edit-section .moo-category-row {
    min-height: 202px;
}
.moo-categories-edit-section .moo-category-reorder-row {
    margin: 0px;
}

.moo-categories-edit-section .moo-category-row .moo-category-actions-container {
    margin-top: 0px;
}

.moo-categories-edit-section .moo-category-row .moo-category-description {
    max-height: 111px;
}

.moo-categories-edit-section .moo-category-row .moo-category-actions .moo-category-action-edit .moo-category-action-edit-button-save {
    box-shadow: 0 8px 14px 0 #f7f4f7;
    border: solid 0.7px #e8e2e7;
    width: 125px;
    height: 32px;
    border-radius: 25px;
    background-color: #e4283d;
    text-align: center;
    font-family: Eina03, sans-serif;
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 1.8px;
    color: #ffffff;
    cursor: pointer;
    padding-top: 7px;
}


.moo-categories-edit-section .moo-reorder-category-row  {
    margin: 0px;
}
.moo-categories-edit-section .moo-reorder-category-row .moo-reorder-category {
    height: 59px;
    width: 32%;
    float: left;
    box-shadow: 0 8px 14px 0 #f7f4f7;
    border: solid 0.7px #e8e2e7;
    border-left: solid 5px #1d3a73;
    background-color: #ffffff;
    padding-top: 20px;
    padding-left: 15px;
    margin: 3px;
}
.moo-categories-edit-section .moo-reorder-category-row .moo-reorder-category:hover {
    cursor: move;
}

.moo-categories-edit-section .moo-reorder-category-row .moo-reorder-category-icon {
    position: absolute;
    width: 20px;
    left: 45px;
}
.moo-categories-edit-section .moo-reorder-category-row .moo-reorder-category-title {
    font-family: Eina03, sans-serif;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #293553;
    text-overflow: ellipsis;
}
.moo-categories-edit-section .moo-category-sync-row  {
    min-height: 86px;
}

.moo-categories-edit-section .moo-category-sync-row  .moo-category-sync-col1 {
    padding-top: 22px;
    padding-left: 22px;
}
.moo-categories-edit-section .moo-category-sync-row  .moo-category-sync-col1 .moo-category-sync-line1 {
    width: 674px;
    height: 16px;
    font-family: Eina03, sans-serif;
    font-size: 15px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #293553;
    margin-bottom: 8px;

}

.moo-categories-edit-section .moo-category-sync-row  .moo-category-sync-col1 .moo-category-sync-line2 {
    width: 694px;
    height: 16px;
    font-family: Eina03, sans-serif;
    font-size: 15px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #4a90e2;

}
.moo-categories-edit-section .moo-category-sync-row  .moo-category-sync-col1 .moo-category-sync-line3 {
    width: 674px;
    height: 16px;
    font-family: Eina03, sans-serif;
    font-size: 15px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #293553;
    margin-top: 8px;

    margin-bottom: 25px;

}

.moo-categories-edit-section .moo-category-sync-row  .moo-category-sync-col2 {
    padding-top: 40px;
    padding-left: 0px;
}

.moo-categories-edit-section .moo-category-sync-row  .moo-category-sync-col2 .moo-category-sync-button-sync {
    width: 220px;
    height: 32px;
    box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.25);
    background-color: #1d3a73;
    text-align: center;
    font-family: Eina03, sans-serif;
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 1.8px;
    color: #ffffff;
    cursor: pointer;
    padding-top: 7px;
}
.moo-categories-edit-section .moo-category-sync-row  .moo-category-sync-col2 .moo-category-sync-button-sync:hover {
    background-color: #114573;
}

.moo-categories-edit-section .moo-reorder-category-items-row {
    margin: 0;
    cursor: move;
}
.moo-categories-edit-section  .moo-reorder-category-items-row .moo-reorder-category-title {
    height: 59px;
    box-shadow: 0 8px 14px 0 #f7f4f7;
    border: solid 0.7px #e8e2e7;
    background-color: #ffffff;
    border-left: solid 5px #1d3a73;
    font-family: Eina03, sans-serif;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #293553;
    text-overflow: ellipsis;
    margin-bottom: 2px;
    padding-top: 20px;
    padding-left: 14px;
}
.moo-categories-edit-section  .moo-reorder-category-items-row .moo-reorder-category-hidden {
    background: #f1f1f1;
    color: #a29ea2;
}
.moo-categories-edit-section .moo-category-hours-row {
    min-height: 88px;
}
.moo-categories-edit-section .moo-category-hours-row .moo-category-actions-container {
    margin-top: 40px;
}

/* Order types actions bar */
.moo-ot-actions-bar {
    float: right;
    margin-right: 15px;
}
.moo-ot-actions-bar .moo_collaps_all {
    float: none;
    margin-left: 12px;
}

/* Ensure SweetAlert appears above modals */
.swal-overlay, .sweet-alert, .swal2-container {
    z-index: 99999999 !important;
}

/* Add Order Type Modal */
.moo-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9999999;
    display: flex;
    align-items: center;
    justify-content: center;
}
.moo-modal {
    background: #fff;
    border-radius: 8px;
    width: 520px;
    max-width: 92vw;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.2);
    font-family: Eina03, -apple-system, BlinkMacSystemFont, sans-serif;
}
.moo-modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 24px 16px;
    border-bottom: 1px solid #e8e2e7;
}
.moo-modal-header h3 {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    color: #293553;
}
.moo-modal-close {
    font-size: 24px;
    color: #999;
    cursor: pointer;
    line-height: 1;
    padding: 0 4px;
}
.moo-modal-close:hover {
    color: #333;
}
.moo-modal-body {
    padding: 20px 24px;
}
.moo-modal-field {
    margin-bottom: 16px;
}
.moo-modal-field label {
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: #293553;
    margin-bottom: 6px;
}
.moo-modal-field input[type="text"],
.moo-modal-field input[type="number"] {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    font-size: 14px;
    color: #293553;
    box-sizing: border-box;
    transition: border-color 0.2s;
}
.moo-modal-field input[type="text"]:focus,
.moo-modal-field input[type="number"]:focus {
    outline: none;
    border-color: #4a90e2;
    box-shadow: 0 0 0 2px rgba(74, 144, 226, 0.15);
}
.moo-modal-row {
    display: flex;
    gap: 20px;
}
.moo-modal-field-half {
    flex: 1;
}
.moo-modal-radios {
    display: flex;
    align-items: center;
    gap: 6px;
    padding-top: 4px;
}
.moo-modal-radios input[type="radio"] {
    margin: 0;
}
.moo-modal-radios label {
    display: inline;
    font-weight: normal;
    font-size: 14px;
    margin-bottom: 0;
    margin-right: 12px;
    cursor: pointer;
}
.moo-modal-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    padding: 16px 24px 20px;
    border-top: 1px solid #e8e2e7;
}
.moo-modal-btn {
    padding: 9px 20px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    border: none;
    transition: background-color 0.2s;
}
.moo-modal-btn-cancel {
    background: #f3f4f6;
    color: #4b5563;
}
.moo-modal-btn-cancel:hover {
    background: #e5e7eb;
}
.moo-modal-btn-primary {
    background: #4a90e2;
    color: #fff;
}
.moo-modal-btn-primary:hover {
    background: #3a7bd5;
}
.moo-modal-footer #Moo_AddOT_btn {
    margin-top: 0 !important;
}
.moo-modal-error {
    display: block;
    font-size: 12px;
    color: #e74c3c;
    margin-top: 4px;
    min-height: 0;
}
.moo-modal-footer .moo-modal-error {
    margin-top: 0;
    margin-right: auto;
    align-self: center;
}
@media (max-width: 600px) {
    .moo-modal {
        width: 95vw;
    }
    .moo-modal-row {
        flex-direction: column;
        gap: 0;
    }
    .moo-ot-actions-bar {
        flex-direction: column;
        align-items: flex-start;
        gap: 6px;
    }
}

/* Order types reorder section */
.moo-ordertypes-edit-section .moo-reorder-ot-row {
    margin: 0;
}
.moo-ordertypes-edit-section .moo-reorder-ot {
    height: 59px;
    width: 32%;
    float: left;
    box-shadow: 0 8px 14px 0 #f7f4f7;
    border: solid 0.7px #e8e2e7;
    background-color: #ffffff;
    padding-top: 20px;
    padding-left: 15px;
    margin: 3px;
    font-family: Eina03, sans-serif;
    font-size: 16px;
    color: #293553;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.moo-ordertypes-edit-section .moo-reorder-ot:hover {
    cursor: move;
}
.moo-ordertypes-edit-section .moo-reorder-ot.enabled {
    border-left: solid 5px green;
}
.moo-ordertypes-edit-section .moo-reorder-ot.disabled {
    border-left: solid 5px #e8e2e7;
}

/* Go back button css */
.moo-goback-row {
    height: 50px;
    margin: 0;
    padding-top: 7px;
}
.moo-goback-row .moo-goback-icon {
    width: 40px;
    height: 40px;
    cursor: pointer;
    display: inline;
}
.moo-goback-row .moo-goback-icon  img{
    width: 40px;
    vertical-align: middle;
    margin-top: -7px;
}
.moo-goback-row .moo-goback-text {
    font-family: Eina03, sans-serif;
    font-size: 17px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.6px;
    color: #1d3a73;
    cursor: pointer;
    display: inline;
    margin-left: 10px;
}
.mooHelpRefreshLinks {
    float: right;
}
.orderTypesContainer{
    padding: 10px;
    padding-top: 0;
}
#MooPanel_main #MooPanel_tabContent6 .moo_ModifierGroupsFilter .modifierFilterLabel{
    height: 40px;
    font-family: 'Questrial', sans-serif;
    color: #1F3C71;
    font-size: 20px;
}
#MooPanel_main #MooPanel_tabContent6 .moo_ModifierGroupsFilter .modifierFilter{
    width: 100%;
    height: 40px;
    border: 1px #174394 solid;
    font-family: 'Questrial', sans-serif;
    color: #1F3C71;
    font-size: 15px;
    margin-top: 10px;
}
#MooPanel_tabContent2 .MooPanelItem .mooAutoSyncSection .mooAutoSyncSectionIcon {
    text-align: center;
    margin-top: 5px;
}
#MooPanel_tabContent2 .MooPanelItem .mooAutoSyncSection .mooAutoSyncSectionButtons>button {
    margin-top: 10px;
}
/*fusion builder compatibilty*/
#fusion_builder_layout *,#fusion_builder_layout *:before,#fusion_builder_layout *:after{
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;

}
#moo_editItem .moo_pull_right {
    text-align: right;
    margin-top: -30px;
    margin-bottom: 15px;
}

#MooPanel_tabContent2 #mooAutoSyncDetailsSection .mooAutoSyncDetailsSection {
    padding: 20px;
    padding-top: 0;
}
#MooPanel_tabContent2 #mooAutoSyncDetailsSection .mooAutoSyncDetailsSection .sync-header {
    padding: 17px 20px;
    background-color: #eff5fc;
    border: 1px solid #eee;
}
#MooPanel_tabContent2 #mooAutoSyncDetailsSection .mooAutoSyncDetailsSection .sync-body {
    border-radius: 4px;
    border: 1px solid #eff5fc;
}
#MooPanel_tabContent2 #mooAutoSyncDetailsSection .mooAutoSyncDetailsSection .sync-body .moo-row {
    padding: 8px 15px;
}
#MooPanel_tabContent2 #mooAutoSyncDetailsSection .mooAutoSyncDetailsSection .sync-body-row {
    border-bottom: 1px solid #eff5fc;
    padding-top: 8px;
}
#MooPanel_tabContent2 #mooAutoSyncDetailsSection .mooAutoSyncDetailsSection .sync-body-row {
    border-bottom: 1px solid #eff5fc;
    padding-top: 8px;
}
#MooPanel_tabContent2 #mooAutoSyncDetailsSection .mooAutoSyncDetailsSection .sync-msg {
    padding: 3px 21px 2px 20px;
    border-radius: 71px;
}
#MooPanel_tabContent2 #mooAutoSyncDetailsSection .mooAutoSyncDetailsSection .sync-msg-red {
    background-color: rgba(224, 32, 32, 0.29);
    color: #e02020;
}
#MooPanel_tabContent2 #mooAutoSyncDetailsSection .mooAutoSyncDetailsSection .sync-msg-orange {
    background-color: #fff5cc;
    color: #f7b500;
}
#MooPanel_tabContent2 #mooAutoSyncDetailsSection .mooAutoSyncDetailsSection .sync-msg-green {
    background-color: #e2fbd7;
    color: #34b53a;
}
#MooPanel_tabContent2 #mooAutoSyncDetailsSection .mooAutoSyncDetailsSection .sync-pagination {
    float: right;
    margin-right: 12px;
    font-size: 12px;
    min-height: 50px;
}
#MooPanel_tabContent2 #mooAutoSyncDetailsSection .mooAutoSyncDetailsSection .sync-pagination .pagination {
    display: inline-block;
    margin: 0;
}
#MooPanel_tabContent2 #mooAutoSyncDetailsSection .mooAutoSyncDetailsSection .sync-pagination .pagination li {
    color: black;
    float: left;
    text-decoration: none;
    list-style: none;
    padding: 8px 5px;
}
#MooPanel_tabContent2 #mooAutoSyncDetailsSection .mooAutoSyncDetailsSection .pagination li a {
    color: #4a4a4a;
    text-decoration: none;
}
#MooPanel_tabContent2 #mooAutoSyncDetailsSection .mooAutoSyncDetailsSection .pagination li a img {
    padding: 7px 6px;
    background-color: aliceblue;
}
#MooPanel_tabContent2 #mooAutoSyncDetailsSection .mooAutoSyncDetailsSection .pagination li span {
    padding: 3px 6px;
    display: block;
}
#MooPanel_tabContent2 #mooAutoSyncDetailsSection .mooAutoSyncDetailsSection .alert {
    background-color: #eee;
    font-size: 12px;
    text-align: center;
    padding: 4px;
    border-radius: 6px;
    position: absolute;
    z-index: 9;
    left: -78px;
    right: 50px;
    top: 30px;
    width: 200px;
    display: none;
}
#MooPanel_tabContent2 #mooAutoSyncDetailsSection .mooAutoSyncDetailsSection .alert:before {
    content: "";
    display: block;
    border-top: 12px solid transparent;
    border-bottom: 15px solid #eee;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    position: absolute;
    top: -27px;
    left: 90px;
}
#MooPanel_tabContent2 #mooAutoSyncDetailsSection .mooAutoSyncDetailsSection .status-alert:hover .alert {
    display: block;
}
#MooPanel_tabContent2 #mooAutoSyncDetailsSection .mooAutoSyncDetailsSection .refresh img {
    -webkit-animation: mooSyncSpin 1s linear infinite;
    /* Safari */
    animation: mooSyncSpin 1s linear infinite;
}
.mooOpeningHoursDashSection {
    text-align: left;
    padding: 10px 8px;
}
.mooOpeningHoursDashSection .mooOpeningHoursDashSmallText {
    text-align: left;
    padding: 2px;
    font-size: 11px;
}
.mooOpeningHoursDashSection .mooOpeningHoursDashSectionRow {
    padding: 10px 0;
}
.mooOpeningHoursDashSection .mooOpeningHoursDashSectionRow .mooOpeningHoursDashSection-day {
    display: inline;
    font-weight: 600;
    color: #174394;
    text-transform: uppercase;
    float: left;
}
.mooOpeningHoursDashSection .mooOpeningHoursDashSectionRow .mooOpeningHoursDashSection-hours {
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    text-align: right;
    line-height: 20px;
}
@media only screen and (max-width: 768px) {
    #MooPanel_tabContent2 #mooAutoSyncDetailsSection .mooAutoSyncDetailsSection .moo-sync .moo-col-md-2, #MooPanel_tabContent2 #mooAutoSyncDetailsSection .mooAutoSyncDetailsSection .moo-col-md-3, #MooPanel_tabContent2 #mooAutoSyncDetailsSection .mooAutoSyncDetailsSection .moo-col-md-5 {
        display: table-cell;
    }
    #MooPanel_tabContent2 #mooAutoSyncDetailsSection .mooAutoSyncDetailsSection .sync-msg {
        font-size: 12px;
        padding: 5px;
    }
    #MooPanel_tabContent2 #mooAutoSyncDetailsSection .mooAutoSyncDetailsSection .sync-body-row {
        padding-bottom: 6px;
    }
}

@-webkit-keyframes mooSyncSpin {
    0% {
        -webkit-transform: rotate(360deg);
    }
    100% {
        -webkit-transform: rotate(0deg);
    }
}
@keyframes mooSyncSpin {
    0% {
        transform: rotate(360deg);
    }
    100% {
        transform: rotate(0deg);
    }
}

.hbspt-form {
    width: 100%;
}

.mooItemNameSection>.moo-item-name{
    display: inline;
}
.mooItemNameSection>.moo-item-name>.mooEditItemNameSaveButton, .mooItemNameSection>.moo-item-name>.mooEditItemNameCancelButton{
    margin-left: 5px;
    cursor: pointer;
}
.mooItemNameSection>.moo-item-name>.mooEditItemNameSaveButton>img, .mooItemNameSection>.moo-item-name>.mooEditItemNameCancelButton>img{
    vertical-align: middle;
}
.moo-category-row .moo-category-info .moo-category-custom-hours{
    margin-bottom: 20px;
}
.moo-category-row .moo-category-info .moo-category-custom-hours>select{
    margin-top: 10px;
    width: 100%;
    max-width: 100%;
}

.mooButtonSaveApiKey {
    background-color: #1F3C71 !important;
    border-color: #1F3C71 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    color: #fff !important;
    border-radius: 0px !important;
    min-width: 120px !important;
    text-align: center;
    display: inline-block;
    text-decoration: none;
    font-size: 13px;
    min-height: 30px;
    margin: 0;
    padding: 0 10px;
    cursor: pointer;
    border-width: 1px;
    border-style: solid;
    -webkit-appearance: none;
    white-space: nowrap;
    box-sizing: border-box;
}
.moo-button-clover {
    height: 56px;
    width: 50%;
    background: #438625;
    border-radius: 6px;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 23px;
    display: block;
    align-items: center;
    padding-left: 32px;
    border: none;
    color: #fff;
    margin: 0 auto;
    cursor: pointer;
    text-decoration: none;
}.moo-button-clover:hover {
    background: #068602;
}
.moo-button-clover>img{
    vertical-align: sub;
}
.moo-button-clover>span{
    line-height: 56px;
    color: white;
    margin-left: 5px;
}
.moo-button-save-settings{
    text-align: right;
}

/* Reorder Featured Items Grid */
.moo-reorder-featured-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 12px;
    padding: 15px 0;
}
.moo-rf-card {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    overflow: hidden;
    cursor: grab;
    transition: box-shadow 0.2s, transform 0.2s;
    position: relative;
}
.moo-rf-card:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,0.12);
    transform: translateY(-1px);
}
.moo-rf-card.ui-sortable-helper {
    box-shadow: 0 8px 24px rgba(0,0,0,0.18);
    transform: rotate(1.5deg);
}
.moo-rf-card-placeholder {
    background: #f0f0f0;
    border: 2px dashed #c0c0c0;
    border-radius: 6px;
    min-height: 220px;
}
.moo-rf-drag-handle {
    position: absolute;
    top: 8px;
    right: 8px;
    color: #999;
    z-index: 2;
    background: rgba(255,255,255,0.85);
    border-radius: 3px;
    padding: 2px 4px;
    line-height: 1;
}
.moo-rf-thumb {
    width: 100%;
    height: 160px;
    overflow: hidden;
    background: #f7f7f7;
    display: flex;
    align-items: center;
    justify-content: center;
}
.moo-rf-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.moo-rf-placeholder {
    color: #ccc;
    font-size: 48px;
    line-height: 1;
}
.moo-rf-name {
    padding: 10px 12px;
    font-size: 13px;
    font-weight: 500;
    color: #1d2327;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-top: 1px solid #f0f0f0;
}

/* Edit Order Type Modal */
/* Order type action icons */
.moo-ot-action-icon {
    display: inline-block;
    text-decoration: none;
    padding: 2px 4px;
    border-radius: 4px;
    line-height: 1;
    transition: color 0.15s, background 0.15s;
}
.moo-ot-action-icon svg {
    vertical-align: middle;
}
.moo-ot-edit {
    color: #666;
}
.moo-ot-edit:hover {
    color: #4a90e2;
    background: rgba(74, 144, 226, 0.08);
}
.moo-ot-delete {
    color: #999;
    margin-left: 4px;
}
.moo-ot-delete:hover {
    color: #e74c3c;
    background: rgba(231, 76, 60, 0.08);
}
.moo-editot-toggle-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px solid #f0f0f0;
    margin-bottom: 12px;
}
.moo-editot-toggle-row:first-child {
    padding-top: 0;
}
.moo-editot-toggle-label {
    font-size: 13px;
    font-weight: 600;
    color: #293553;
}
.moo-modal-select {
    width: 100%;
    padding: 8px 10px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    font-size: 14px;
    background: #fff;
    transition: border-color 0.15s;
}
.moo-modal-select:focus {
    border-color: #4a90e2;
    outline: none;
    box-shadow: 0 0 0 3px rgba(74, 144, 226, 0.15);
}
.moo-modal-textarea {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    font-size: 14px;
    font-family: inherit;
    resize: vertical;
    transition: border-color 0.15s;
    box-sizing: border-box;
}
.moo-modal-textarea:focus {
    border-color: #4a90e2;
    outline: none;
    box-shadow: 0 0 0 3px rgba(74, 144, 226, 0.15);
}
.moo-modal-char-count {
    font-weight: 400;
    color: #999;
    font-size: 12px;
}
#moo-editot-modal .moo-modal-body {
    max-height: 65vh;
    overflow-y: auto;
}
#moo-editot-modal .moo-onoffswitch {
    margin: 0;
}
#moo-editot-modal .moo-onoffswitch-label {
    margin-bottom: 0;
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
}
.moo-editot-section {
    margin-top: 8px;
    padding-top: 14px;
    border-top: 1px solid #e5e7eb;
}
.moo-editot-section-title {
    font-size: 12px;
    font-weight: 600;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 12px;
}
.moo-editot-field-hint {
    display: block;
    font-size: 12px;
    color: #6b7280;
    margin-bottom: 6px;
}

/* Local-only settings surfaced while Global Dashboard mode is active */
.soo-local-only-intro {
    border: 1px solid #dde7f0;
    border-left: 4px solid #5f84ad;
    background: #f8fbfd;
    box-shadow: none;
}

.soo-local-only-intro h3 {
    color: #16345f;
    font-size: 18px;
    letter-spacing: 0;
}

.soo-local-only-intro .normal_text {
    max-width: 760px;
    color: #4e627a;
    font-size: 14px;
}

.soo-local-only-form {
    margin-top: 16px;
}

.soo-local-only-form .soo-local-only-panel {
    border: 1px solid #dde6ef;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 10px 24px rgba(16, 38, 66, 0.06);
    overflow: hidden;
}

.soo-local-only-form .soo-local-only-panel h3 {
    border-bottom: 1px solid #e7edf4;
    color: #16345f;
    font-weight: 600;
}

.soo-local-only-form .soo-local-only-panel .Moo_option-item {
    border-top: 0;
}

.soo-local-only-form .normal_text {
    max-width: 820px;
    color: #4a6078;
}

.soo-local-only-form .iwl_holder {
    display: grid;
    grid-template-columns: minmax(170px, 220px) minmax(0, 1fr);
    gap: 12px 20px;
    align-items: start;
    margin-bottom: 14px;
}

.soo-local-only-form .iwl_label_holder,
.soo-local-only-form .iwl_input_holder {
    width: auto;
    float: none;
    margin-bottom: 0;
}

.soo-local-only-form .iwl_label_holder label,
.soo-local-only-form .label {
    color: #203954;
    font-weight: 600;
}

.soo-local-only-form input[type="text"],
.soo-local-only-form input[type="number"],
.soo-local-only-form select,
.soo-local-only-form textarea {
    width: 100%;
    max-width: 100%;
    border: 1px solid #cfd9e5;
    border-radius: 10px;
    padding: 10px 12px;
    background: #fff;
    box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.03);
}

.soo-local-only-form .soo-local-select-field {
    position: relative;
}

.soo-local-only-form .soo-local-select-field select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 42px;
    cursor: pointer;
}

.soo-local-only-form .soo-local-select-field::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 16px;
    width: 8px;
    height: 8px;
    border-right: 2px solid #4b6179;
    border-bottom: 2px solid #4b6179;
    transform: translateY(-65%) rotate(45deg);
    pointer-events: none;
}

.soo-local-only-form input[type="text"]:focus,
.soo-local-only-form input[type="number"]:focus,
.soo-local-only-form select:focus,
.soo-local-only-form textarea:focus {
    border-color: #4a90e2;
    outline: none;
    box-shadow: 0 0 0 3px rgba(74, 144, 226, 0.12);
}

.soo-local-only-form textarea {
    min-height: 180px;
    line-height: 1.55;
}

.soo-local-only-form .moo-onoffswitch {
    margin-top: 8px;
}

.soo-local-only-form .soo-local-only-actions {
    display: flex;
    justify-content: center;
    gap: 12px;
    padding-top: 4px;
}

.soo-local-only-form .soo-local-only-actions .button {
    min-width: 140px;
}

@media (max-width: 900px) {
    .soo-local-only-form .iwl_holder {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .soo-local-only-form .soo-local-only-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .soo-local-only-form .soo-local-only-actions .button {
        width: 100%;
    }
}