@import url(../../js/cdn-static/notosanstc.css);

/* 設定字型 */

body,
html {
    font-family: 'PingFangTC', 'Noto Sans TC', 'Microsoft JhengHei', 'Microsoft YaHei', 'PingFang TC', 'Heiti TC', "WenQuanYi Micro Hei", 'WenQuanYi Zen Hei', Tahoma, Verdana, Arial, sans-serif;
    height: 100%;
    font-size: 16px !important;
}

body * {
    font-family: 'Noto Sans TC', 'PingFangTC', sans-serif;
}

:focus {
    outline: transparent auto 0px !important;
}

input:focus,
textarea:focus,
select:focus {
    outline: transparent auto 0px !important;
    border-color: #e6e6e6 !important;
}

a:hover {
    text-decoration: none !important;
}

.loading {
    width: 60px;
    height: 60px;
    color: transparent;
    display: inline-block;
    background: url('../images/loading.gif') no-repeat center center;
}

input[type=text] {
    padding: 11px 20px;
    border: solid 1px #e6e6e6;
    line-height: 24px;
}

input.form-control-plaintext {
    border-width: 0px;
}


/* RWD media queries */

@media (max-width: 992px) {
    .m-subheader {
        padding: 80px 20px 0;
        overflow-x: scroll;
    }
}


/* aside menu trigger */

.m-brand .m-brand__tools .m-brand__toggler span {
    background: #ff9800;
}

.m-brand .m-brand__tools .m-brand__toggler span::before,
.m-brand .m-brand__tools .m-brand__toggler span::after {
    background: #ff9800;
}


/* checkbox style */

.checkbox {
    display: block;
    position: relative;
    padding-left: 35px;
    /*margin-bottom: 12px;*/
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.checkmark {
    position: absolute;
    top: 3px;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: transparent;
    border: 2px solid #9e9e9e;
    border-radius: 2px;
}

.checkbox:hover input~.checkmark {
    background-color: #eee;
}

.checkbox input:disabled~.checkmark {
  background-color: #d3d3d3;
  opacity: 0.3;
  border-width: 0;
  cursor: not-allowed;
}

.checkbox input:checked:not(:disabled)~.checkmark,
.checkbox input:checked:disabled~.checkmark {
    background-color: #ff8300;
    border-width: 0;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.checkbox input:checked~.checkmark:after {
    display: block;
}

.checkbox .checkmark:after {
    left: 6px;
    top: 0px;
    width: 7px;
    height: 14px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.checkbox .checkPartialMark:after {
    left: 3px;
    top: 5px;
    width: 12px;
    height: 6px;
    border: solid white;
    border-width: 0 0px 2px 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}


/*switch button*/

.switch {
    position: relative;
    display: inline-block;
    width: 33px;
    height: 20px;
}

.switch input {
    display: none;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #f7f7f7;
    border: solid 1px rgba(0, 0, 0, .1);
    /* border: solid 1px #e5e5e5; */
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    /*left: 4px;
    bottom: 4px;*/
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked+.slider {
    background-color: #ff8300;
}

input:disabled+.slider.disabled {
    cursor: not-allowed;
}

input:focus+.slider {
    box-shadow: 0 0 1px #ff8300;
}

input:checked+.slider:before {
    -webkit-transform: translateX(17px);
    -ms-transform: translateX(17px);
    transform: translateX(17px);
}


/* Rounded sliders */

.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
    box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.1), 0 0 1px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.15);
    background-color: #ffffff;
    border: 0.5px solid rgba(0, 0, 0, 0.1);
}


/*radio checkbox*/

.m-radio.m-radio--state-success>input:checked~span,
.m-radio>input:checked~span {
    border: 1px solid #ff8300
}

.m-radio.m-radio--state-success>span:after,
.m-radio>input:checked~span:after {
    border: 1px solid #ff8300;
    background-color: #ff8300
}

.m-radio.m-radio--state-success>span {
    border: 2px solid rgba(0, 0, 0, .5);
}


/*end switch button**/

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item .m-menu__submenu .m-menu__item>.m-menu__link .m-menu__link-text,
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item>.m-menu__link .m-menu__link-text,
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item:hover>.m-menu__link .m-menu__link-text,
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item>.m-menu__link .m-menu__link-icon,
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item.m-menu__item--open,
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__section .m-menu__section-text,
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item.m-menu__item--active>.m-menu__link .m-menu__link-text {
    color: #fff;
}

.m-menu__item.active {
    background-color: #262629;
    border-right: 4px solid #ff8300;
}

.m-menu__item.active a span {
    color: #ff8300 !important;
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item.m-menu__item--open>.m-menu__heading .m-menu__link-text,
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item.m-menu__item--open>.m-menu__link .m-menu__link-text {
    color: #ffffff;
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item .m-menu__submenu .m-menu__item.m-menu__item--active>.m-menu__link .m-menu__link-text,
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item.m-menu__item--active>.m-menu__link .m-menu__link-text,
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item.m-menu__item--active>.m-menu__link .m-menu__link-icon {
    color: #ff9800;
}

.m-aside-menu .m-menu__nav>.m-menu__item>.m-menu__submenu .m-menu__subnav>.m-menu__item>.m-menu__link {
    padding: 0 30px 0 11px;
}

a {
    color: #ff9800;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

.m-login.m-login--2.m-login-2--skin-1 .m-login__container .m-login__form .form-control,
.m-login.m-login--2.m-login-2--skin-1 .m-login__container .m-login__form .form-control:focus {
    background-color: #fff;
    color: #000000;
}

.m-portlet .m-portlet__head {
    padding: 0;
}


/* 頁面主(main)區域 reset portlet */

.m-portlet {
    box-shadow: none;
}

.m-portlet.layout {
    background-color: transparent;
    box-shadow: none;
}

.m-portlet.layout .m-portlet__head {
    border-bottom: none;
}

.m-portlet.layout .m-portlet__head-text {
    font-size: 1.5rem !important;
    color: #3c3c3c;
    padding-left: 4px;
}

.m-portlet.layout .m-btn--square {
    font-size: 1.2rem;
    font-weight: 400;
}


/* 「設定」頁面主(main)區域子選單 */

.m-stack__item>.m-stack__demo-item.active {
    position: relative;
}

.m-stack__item>.m-stack__demo-item.active:before {
    content: " ";
    position: absolute;
    display: block;
    background-color: #FF8202;
    width: 4px;
    height: 69px;
    top: -1px;
    left: -1px;
}

.m-portlet .name.active {
    color: #FF8202;
}

.c-subheader {
    padding: 20px 20px 20px 0px;
}

.c-head-title {
    text-align: left;
    display: table-cell;
    vertical-align: middle;
    padding-left: 30px;
}

.l-head-title {
    text-align: left;
    vertical-align: middle;
    padding: 0px 20px 0px 20px;
    ;
}

.c-subhead-title {
    text-align: left;
    vertical-align: middle;
    padding: 10px 20px 0px 20px;
}

.c-head-caption {
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

.c-head-caption>button {
    width: 90%;
}

.c-portlet {
    margin-bottom: 0;
}

.photo_container {
    position: relative;
    border: none;
    padding-right: 30px;
    height: 200px;
}

.photo_input {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    opacity: 0;
    left: 0;
    cursor: pointer;
}

.remove_photo {
    position: absolute;
    top: 0;
    right: 0;
    padding: 5px;
    cursor: pointer;
}

.img_bg {
    background-image: url('https://cdn.dudooeat.com/eec8c694-1d94-45ba-8da0-01f2049e26b7');
    background-size: cover;
    background-position: center center;
    height: 56px;
    width: 250px;
    object-fit: cover;
    -o-object-fit: cover;
}

.photo {
    background-size: cover;
    background-position: center center;
    height: 200px;
    width: 202px;
    border: 0;
    object-fit: cover;
    -o-object-fit: cover;
}

select.form-control:not([size]):not([multiple]) {
    height: calc(2.55rem + 5px);
}

.form-control {
    border-radius: 0rem;
}

.area-item.active {
    background-color: #efefef
}

.CategoryType.active {
    background-color: #efefef;
}

.text-orange {
    color: #ff9800;
    padding: 15px 0px 0px 20px;
}

.error {
    color: red;
}

.news-contet {
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.modal img {
    max-width: 600px
}


/* 編輯選單取消旋轉特效 */

.m-aside-menu .m-menu__nav .m-menu__item.m-menu__item--open>.m-menu__heading>.m-menu__ver-arrow:before,
.m-aside-menu .m-menu__nav .m-menu__item.m-menu__item--open>.m-menu__link>.m-menu__ver-arrow.la.la-check:before {
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    -o-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
}

.m-switch.m-switch--success:not(.m-switch--outline) input:empty~span:before {
    background-color: #ff9800;
}

#save_modal .modal-content,
#saving_modal .modal-content {
    background: #ff9800;
    color: white;
    padding: 10px;
}

#save_modal .saving_dialogue,
#saving_modal .saving_dialogue {
    font-size: 18px;
}

.m-nav__link {
    color: #2d2a2a;
}

.m-nav__link.active {
    color: #ff9800;
}


/**activation**/

ul {
    padding: 0px;
    margin: 0px;
}

.activation-nav {
    margin-top: 56px;
    margin-left: 10px;
}

.activation-nav li {
    padding: 0px;
    margin: 0px;
    list-style: none;
    color: #fff;
    font-size: 16px;
}

.activation-nav li div.stepline {
    height: 40px;
    width: 2px;
    background-color: #9b9b9b;
    margin: 11px 14px;
}

.activation-nav li.selected div.stepline {
    background-color: #fff;
}

.activation-nav li div.step {
    padding: 5px 9px;
    border: 1px solid #757575;
    border-radius: 50%;
    display: inline;
    color: #757575;
}

.activation-nav li div.navText {
    padding: 9px;
    display: inline;
    color: #757575;
}

.activation-nav li.select div.step,
.activation-nav li.selected div.step {
    border: 1px solid #fff;
    color: #fff;
}

.activation-nav li.selected div.step {
    width: 18px;
    height: 18px;
    color: transparent;
    background: url('data:image/gif;base64,R0lGODlhEgASAKIGAN3d3bu7u+7u7nd3d5mZmf///////wAAACH5BAEAAAYALAAAAAASABIAAAM+aLrc/jAyIl0wtKpQepZc1w3MVYrj+YWdQC4sxRbuiQ5o3cyioDsEQYsGeEEGPl9RMwAIlhpD0xilRq9YQwIAOw==') no-repeat center center;
}

.activation-nav li.select div.navText {
    color: #fff;
}

.activation-container .btnStoreType {
    cursor: pointer;
    float: left;
    margin-right: 50px;
}

.activation-container .btnStoreType .storeTypeImg {
    box-sizing: border-box;
    width: 150px;
    height: 150px;
    border-radius: 5px;
    background-color: #ffffff;
    border: solid 1px #dddddd;
}

.activation-container .btnStoreType .storeTypeName {
    text-align: center;
    font-size: 20px;
    color: #757575;
    margin-top: 20px;
}

.activation-container .btnStoreType.select .storeTypeImg {
    border: solid 2px #ff8300;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
}

.activation-container .btnStoreType.select .storeTypeName {
    color: #000;
}

.activation-container .line {
    width: 600px;
    height: 2px;
    border: solid 1px #dddddd;
}

.activation-container input[name="txtNewBrand"] {
    width: 86%;
    border: 0px;
    padding: 0px;
    line-height: 32px;
}

.activation-container .inputBrandDiv {
    width: 549px;
    border: solid 1px #e6e6e6;
    padding: 7px 15px;
    background-color: #fff;
    margin-top: 5px;
}

.activation-container .btnRemoveBrand {
    cursor: pointer;
    float: right;
    color: red !important;
    line-height: 32px;
}

.activation-container .btnAddBrand:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.activation-container .btnAddBrand {
    border-radius: 2px;
    border: dashed 1px #cccccc;
    width: 549px;
    height: 36px;
    text-align: center;
    cursor: pointer;
    margin-top: 10px;
}

.activation-container .orderType {
    background-color: #fff;
    /*width: 510px;*/
    overflow: auto;
    margin-top: 10px;
}

.activation-container .orderType label {
    float: left;
    margin-bottom: 0px;
    margin-right: 16px;
}

.activation-container .orderType>div {
    padding: 36px 20px;
    overflow: hidden;
    border-right: 1px solid #e6e6e6;
    width: 139px;
    float: left;
}

.activation-container select {
    padding: 9px 10px;
    background-color: #fff;
    border: solid 1px #e6e6e6;
    height: 48px;
    font-size: 16px;
}

.icon-diamond {
    width: 28px;
    height: 28px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAA7tJREFUaAXtl0tIlFEUx52XDpa1cGXQA6x0UYsWQoGLRIsKE4WywFKH8Qm9wAiEoAcuSlFwkw9GTTFKkQiKCIqEgkhEInsgZi+idJEj4fgYX9PvhCNfw5T6fRO5uB9c5px7z7nnf/7n3Pt9ExamHsWAYkAxoBhQDCgGFAOKAcXA/2LAFIrAtbW1B9jnns/nW9J+JpPpQlFR0eVQxDYb3aSurm4DwJvMZnNicXEx2ExpjD6R/QP9k8Vi2Se63W6Pwb4Qv71GY4u/oQQ6OzutgGkH4NWCgoJnLpdrI7oLsA4tOPTsubm55oaGhnUOh2PIarUexa6lsbFxvdZOj2wogb6+vkqCDtIOVZLMzMxMmySTn5//XAsG/Sl69fT0dFt7e7tFdOwqpqamOqiETWu7XFl3AvT9IYKlAiRXgvb395fzMyTJiB74FBYWXmHOMzw8XCZr6JVU4QuVqQ60XY6uKwHAbyH4Nfr+MEB+wGI6ekZUVNRvraMFQqI+xnHmsurr6/fLWnh4uIO5ZPY7prVdjrykWyNwQwK+AfBa5ocYQsJ2xgBjjLHYsxqDWID3socPOZKxiWQ2O53Ob4s5B65bAyeWonMoq2dnZ88TtIRfD21Qj98dKnJ/MX8wp2Ofwh4nxBb/S8y91ANe/HVVQBxpmyqAxNPzqciJTDXGxcXFJyUlzch6sIcDHO52u98B/ogcdCp5GrvciIiIXdxOk8F8FpvTdQZkU67Ns7SBHfBlJPEEFj9ykHP/FnBkZCSf9VcCvqamZjdyKX4ZesFLLN0VEOfm5ubo8fHxHhgtIZmvXKO3oqOjt2ZmZk7JuvZpamqye73eAezSmP9O9bp4H2SRzGOt3XJl3RWQQDk5OcM2my2DPq6ByVHAvaZF8oKBmJycLGa+i3PzFvC3sa0wCl7iGKqAHyjtkIV8kWScvKxu8rkQq22LlpaWVVTqPYynsH4OWwufFeJj+DFUAX90wNzgBrpLC5XCbNc82/7lsImJiZNUqJP1ZCa3kaBzYdGgEJIKCAYAmrlVHiJ+IImDkZGRsdnZ2WOtra1rRkdHB+Sc0GrlVGlnXl7eZ4O4F9xDUgHZDdBzgM5E3MMYoGV+3fMej+cM+hMBL4c2lODZNzRnQDbyP3yR7qBVHlERX0JCQkx3d/cgyckb9vqfvpP8vnp+Q1YBf3AYfgH2U+i2np6edMC7kXv/BXiJGfIEZNP5Q91BIi6Glzdt0KtVbFfsA3A51A/kT86KBamAKQYUA4oBxYBiQDGgGFAMKAYMMfATutGURGJIO3sAAAAASUVORK5CYII=') no-repeat center center;
}

.icon-remove {
    width: 28px;
    height: 28px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAArRJREFUaAXtWL9rFEEY/WbXRCJcoYVgOES8i2fpNQr+C4JirY2NpWBjqWgllnaKYBNrUfBfELRJ2kvOECSksNDiQPHH7jhvNsPOTWZn99s7CCEzxe3c3Pe9ee/N7LezRxRbdCA6EB2IDkQHogPRgaPrgJin9M0r/S79zW7kUlwjST2FvbyHv0uCviRCfqCF9N3Kp/HOvOadi4Cvw8HyL/r3WFB+R0pKQ+SEoExS8nqJjj06uzbaDcU2+W1mAZvD/vVc5qtEstNkwjJGTBKR3F5ZG78vx/i9hJ9SZmwMe/ekzN7yyQNDdpALjBKR32u9AnAeBCTRTCYoArkQ6c22K9Fqcux5bBtDfrF3gbovVik9earWQsQgFjlowAAWMGuTPQGtBOCGtbfN6QcP6cTlq9R9+SYoQpNXMYhFTtlkp8AsR5r22FsIpVL+ybbtamOIHe8P6Pd4RDt3b1H24/sUh7oYVCexmJ7jllj+Cqg6b5MHS5AFaZCHCHcl6sgDQ2MqbPQ5jS1AP6Q8M1SJaELewFVhm999V/YWGl06P1J+FXegB9EljJDQ1pqGEBuD9a3B9Fj4G3sFFFywWrgr0Zy8JhrE9klpI8CHc2BjbQQEzy/uFqq6sSsUB7F9OXwB6lTpA8KYSx6VKVSd9uEEsPfF7g2wBegjsQfNRx73g3tPuCXWhqrCtmPcPlsAzvN46NhAVeRNTBMRGlNhm5ymV7YAPClxnrcnOPP0eW2pdEUgx27A5D6Fkc8WgCS8jBCJCfpo3549oZ+fP3qPEEVE8WlEIBY5ZROTArMcadpjP8gM8KE+TkOEPr+L5L5yIDeiuFedqzDavgtgvtYrYMge6ldKiIB7S2LhIonklVudjEj7qmNULHJmcd5gzrwCBgjXg/hbxZ4/9qMD0YHoQHQgOhAdiA4cNQf+A3CjbP+npnpEAAAAAElFTkSuQmCC') no-repeat center center;
}

.icon-shop {
    width: 150px;
    height: 150px;
    background: url('data:image/png;base64,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JUW7UAQorFC4aByUAIUVlBTtQhGgsELhonFQAhRWUFK0C0WAwgqFi8ZBCVBYQUnRLhQBCisULhoHJUBhBSVFu1AEKKxQuGgclACFFZQU7UIRoLBC4aJxUAIUVlBStAtFgMIKhYvGQQlQWEFJ0S4UAQorFC4aByVAYQUlRbtQBCisULhoHJQAhRWUFO1CEaCwQuGicVACFFZQUrQLRaCqT0Lrdxroz5DoU7tRLvqIvca6kUpVhaVflKHfaRDm8fN6TI73pSD16Ptafa6qsPTbV4J+UcZaA+R+1SHAMVZ1uEe+VQor8imuToAUVnW4R75VCivyKa5OgBRWdbhHvlUKK/Iprk6ARn6ZQn+Fojrus9VKESj31ypMrmN9hB+2uegFit8z+oL3nq+1TQC/F/X2soeOPIP3Ty3/e41vzAkLonJs+5cr/Fj5fsVmvq01AugElosVi30XPyFWtrA4xlpGyjcmCVBYJmmyrmUCFNYyCr4xSeD/ZoWc4ZnEu3HqenIWyR5r4+SekZIACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZDA/wDrL+0n/dAZKwAAAABJRU5ErkJggg==') no-repeat center center;
}

.icon-chain {
    width: 150px;
    height: 150px;
    background: url('data:image/png;base64,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') no-repeat center center;
}

.icon-brands {
    width: 150px;
    height: 150px;
    background: url('data:image/png;base64,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') no-repeat center center;
}

.icon-info-gray {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAU5JREFUOBGtVLFqwzAQlU2KBw9dspesmTr0B0wxhHyG/6B7xuyds/gTOnoxxb+QKWvI3qWDBxOw856iM7IlQwwRKJLv3nsnne6i1JNGMKVTluVr0zSf8K8M5hxF0W+apv8+jiNUVdWyrus9wFnXdS82KQiCK77zOI53SZL8DXz2R1EU67ZtCwi82fbxHoKXMAy3GCfxhbLhSR4RIZ6BiCVH+L0Qr+M7CaJ/cQpBVmJNCrRJCzGx+MoENGPNDFctSOLrIMIgsSIG+7fsxys55mV/5GryxGOsmrqaBdRcfSLL6GwR9egYPQY50dnje9SkuVqIFYsrsNhmDXLIJUkLmbLPfSoAv3P6fLDl0jJ9jlj2qIsNcjKo6qlXg/iFHAkgOVLsHZY9AeKcWokh1u63Xogk9g6ifAB4wHRyRht9xNh9Rq7T/TRyzP0bubOe8HsDbOCJkYRhy8QAAAAASUVORK5CYII=') no-repeat center center;
}


/*O2O的disable遮罩icon*/

.icon-warning {
    display: inline-block;
    height: 100%;
    width: 100%;
    transform: scale(0.7);
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAABKCAYAAAAlt3MqAAAEoElEQVR4nO2czY/bRBiHX3tXqJV6gAKFCnHgUHEAeirtDdR7+9fCveIIKgIBdqrYztZO4sheHMWNk3g9sYdDtIvSXX/PO+9kd59bvsaTR2PPvP5loi3erUBlTucx/DkYcdAAHn/9lfbZxx9Sd6kSnboDVWSMwe+GzdOMQXrG4A/T4Rlj1N2qRGmhA2fC2Ta/eMy2OQycCSfsUi3KCo2TFXiz00vPe7NTiBN1L1PKCjWGXulIrHqNGiWFToMIonhZ+noUL2EaRBJ71BzlhOZFAQNnXDsCB86Y50Uho0utUE6o7c745iyrfd/mLAPbnSl36isldJNm4Hizxu93vBls0nr5MlFKqOl4rU7jvCjAdNSaoJQRGsVL8MN568/54bxyApONMkL7LIVUWkYpIdTz+y3W42QFnn+5CKCAXCjb5jAY9S8nB6P9MpUKcqHDt1MhNzwyxmD4dkp+6pMKTdYpnEwCYe2dTAJI1qmw9rpAKtSwPc65uEHFOQfDpp2gyIQG0QLCaCG83TBaQIDQblNIhHLOwUQcSabgkd8GEqGjMe61LlmnMBqLuza3QbrQjDGwXPzZ2HLFrB7aIl3o+7EGFlRxiVShZbEGFhRxiVShFDW37GNKE+qH1bEGFru7WPLiEilC86IA066PNbAwbXlxiRShTWMNLGTGJehC28YaWMiKS9CFto01sJAVl6AK7RprYCEjLjnGbLzPkuXl86da1es/vfqtU9vG0OM/fP9NZdt9QBuhfWMNLOJkBe4sRGsfRaioWAOLN84UrfxFESoq1sACMy4RLlR0rIEFVlwiXKjoWAMLrLhEqNAQKdbAAqO/woQSBGRbEY2IPqOECcWONa5AiFDRcYkQobJiDSxExiVChGKu6yoQVuWxbQ5vHDEDordQ7MqjAqFlszsLhVR2vYWq9FPCvoj4Lr2EUsUaWIiISzoLpY41sOgbl3QWSh1rYNE3LtG67EbepBm8+vUvJe7EY3Ck6/D82WPt7p0PWn+20whVJdbAok9c0lqoarEGFl3jktZCr9MyqY4u37WVUFGL30OhS9HSWKjI8uyQaFtWNxZqKR5rYJExBlaLuOSYN5itk00KI7pYI4XdrbpjALhD0YHRJIAvH34C9+7WH77RDQbTHkuPNV78+KQyO//5l9fSOrTbEzDmT797VJvnHx8dHVW+IYgWEM5jYZ1rSl2/ZBPOY/h3sYS6vzmqvIZyzsGwXIqJiHb3VgmG5daeqZVCnUkAS5qdaUoKXa5TcGrmklKhGWMwPCH79Qfqb676MDyZVK52SoWaknZrlHCP6sB1sG0OZsXukiuFxskKXJ8k1jgIXL+8YrxS6N9DkonooChzpL1brveemIZzeP2PpZrQ84W9Ujz59pH2xYP7e8/tjdC8KKiWSXUoJxNgt4x6/77wnlDL9a9lrIHF5iwDy/X3BuCF0E2age3S79Y4NGx3f3fJhVDDvjx8b6knLwow7P8vkzoAQLRYwvQGxBpYTMM5RItdXKID3C6TRHDuUK9apN7SnPNiSK8qo25ph+lMuH4TYw0sMsbo/1nsuqE/fHAfdB1tp96NQdM0+PzTj+A/LkhNkHDr4u4AAAAASUVORK5CYII=') no-repeat center center;
}


/*商品分类的编辑icon*/

.icon-pencil {
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABGdBTUEAALGPC/xhBQAAASpJREFUOBFjYBjsgJEcBzY0NDB9+/Ytlo2N7VBLS8t9ZDOYkDnEsKGGzfn///+Cnz9/HisrK9NE1keygV+/flUGGhYMNUQCyN5XU1OjCDOUBcYgRINcBjSsk5GRcQ4zM7Pbnz9/dgH18AGxxK9fv+yANNjrRLkQ5k2gphKgiw78/fv3AwsLixuQ/wlowXwuLq7FQDYYEIwUmGFAgxJhmoD0C6BBDkCxf9zc3HeBav7B5PAaiMMwmN6e7u7uUhgHRuMMQ3yGQb1ZDjMEmcbqQiIMS0H2Jl4DKTEMZDCKCyk1DMVAahgGMhCeDoF5MwctaYDkGaARgDPMwIqQCLiBQDEhJHEwk1TDQJqQDUQxjxzDQAbA0yETE9OBf//gCf4dMDtNwZU0UGwechwAsJuuQJmkNREAAAAASUVORK5CYII=') no-repeat center center;
}


/*O2O的新增icon*/

.icon-add {
    display: inline-block;
    height: 52px;
    width: 52px;
    transform: scale(0.75);
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFYAAABPCAYAAABxjzKkAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAFEmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAxOC0wNy0yN1QxNToxMDoxNyswODowMCIgeG1wOk1vZGlmeURhdGU9IjIwMTgtMDctMjdUMTU6Mzk6NTgrMDg6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMTgtMDctMjdUMTU6Mzk6NTgrMDg6MDAiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiBwaG90b3Nob3A6SUNDUHJvZmlsZT0ic1JHQiBJRUM2MTk2Ni0yLjEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ZjZlMjExMGYtN2Q2Ni03ODQ3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') no-repeat center center;
}


/*用在O2O的订餐页面*/

.icon-hat {
    display: inline-block;
    height: 100%;
    width: 100%;
    background: url('data:image/png;base64,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') no-repeat center center;
}

.activation-container .seat-tip {
    display: none;
    padding: 20px 10px;
    position: absolute;
    left: 29px;
    bottom: -72px;
    background-color: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
    border-radius: 0.25rem;
}

.tooltip-arrow {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 11px 17px 16px 0;
    border-color: transparent #ffffff transparent transparent;
    position: absolute;
    left: -16px;
    bottom: 68px;
}


/*header*/

header select {
    padding: 9px 10px;
    background-color: #fff;
    border: 0px;
    height: 48px;
    font-size: 20px;
    margin-top: 5px;
}
.brand_list_block {
    padding-left: 20px;
}
#selStores {
    max-width: calc(100% - 60px);
    margin-right: 20px;
}

header .header-subMenu {
    padding: 0px;
    margin: 0px;
    margin-right: 30px;
    float: right;
}

header .header-subMenu li {
    padding: 0px;
    margin: 0px;
    list-style: none;
    display: inline-block;
}

header .header-subMenu li a {
    padding: 18px 10px;
    color: #757575;
    cursor: pointer;
    margin-left: 20px;
}

.brand_list_block, .searcbar_block{
    max-width: 50%;
}
@media (max-width: 1350px){
    header .header-subMenu li a {
        padding: 18px 0px;
    }
    .brand_list_block, .searcbar_block {
        width: 28%;
    }
    #selStores {
        margin-right: 0px;
    }
}
@media (max-width: 1100px){
    .brand_list_block, .searcbar_block {
        min-width: 150px;
        width: 25%;
        padding: 0;
    }
    #selStores {
        max-width: calc(100% - 40px);
    }
    #txtNavSearchList{
        padding: 11px 0px;
    }
}
@media (max-width: 992px){
    header select {
        padding: 0px;
    }
    .brand_list_block {
        padding-left: 0;
    }
    .brand_list_block, .searcbar_block {
        width: 50%;
    }
}
@media (max-width: 400px){
    .brand_list_block, .searcbar_block {
        width: 50%;
    }
    header .header-subMenu li a, #txtNavSearchList {
        font-size: 0.8rem;
    }
}

header .header-subMenu li a.select,
header .header-subMenu li a.select:hover {
    color: #ff8300;
    font-weight: bold;
    border-bottom: 4px solid #ff8300;
}


/*keyboard*/

.keyboard-container .edit-typeList ul li>a.select,
.edit-typeList ul li>a.select:hover,
.keyboard-container .currKb,
.editMenu-container .currMu {
    color: #ff8300;
}


.rowMove {
    width: 26px;
    height: 39px;
    float: left;
    cursor: move;
    /*margin-right: 10px;*/
    display: inline-block;
    background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAPhJREFUOBFjYBgFNAuB////M589ezb73LlzJjBLQGyQGEgOJoZOs6ALwPgXLlwwB2qcAsQngWIWIPF///5NAVLmQLnzQPoYSAwd4DSQjY3tzPfv3zsZGRkPwDQB2Q1ACxxAcjCxgaVv377Nju4CbGLIapiQOcjsS5cuKX38+PE1MBIWwcRBbJAYSA4mhk7jNBBdIVX42LyHTYwqluEyhBGXxNWrV9mAyaYRmFQOGhsb7wCpA4ahBzDZ2HNyctZra2v/wqYXZxj++vULlEMqgAY0wDRC2RVQOZgwCo3TQAMDg5NA1+UwMTHlwHSA2CAxkBxMbJSmfggAABpxbF8oIUOMAAAAAElFTkSuQmCC') no-repeat center center;
}

/* .keyboard-container .kb-background li, */
.keyboard-container select,
.editMenu-container select,
.store-container select {
    width: 100%;
    background-color: #fff;
    border: solid 1px #dddddd;
    height: 44px;
    margin: auto;
}

.keyboard-container .block,
.menus-container .block,
.editMenu-container .block {
    border: solid 1px #e6e6e6;
    background-color: #fff;
    border-radius: 4px;
}

.editMenu-container .menu-background li,
.editMenu-container .menu-list li {
    display: block;
    float: left;
    padding: 14px 32px;
    border-radius: 5px;
    background-color: #ffffff;
    border: solid 1px #e6e6e6;
    margin: 4px;
    color: #b5b5b5;
}


.full-width {
    width: 100% !important;
}

.text-center-middle {
    text-align: center !important;
    line-height: 39px;
    white-space: nowrap;
}

.grid-stack>.grid-stack-item>.grid-stack-item-content.color1,
.tag-color1,
.bg-color1 {
    background-color: #ffa39e;
}

.grid-stack>.grid-stack-item>.grid-stack-item-content.color2,
.tag-color2,
.bg-color2 {
    background-color: #ffadd2;
}

.grid-stack>.grid-stack-item>.grid-stack-item-content.color3,
.tag-color3,
.bg-color3 {
    background-color: #ffbb96;
}

.grid-stack>.grid-stack-item>.grid-stack-item-content.color4,
.tag-color4,
.bg-color4 {
    background-color: #ffd591;
}

.grid-stack>.grid-stack-item>.grid-stack-item-content.color5,
.tag-color5,
.bg-color5 {
    background-color: #91d5ff;
}

.grid-stack>.grid-stack-item>.grid-stack-item-content.color6,
.tag-color6,
.bg-color6 {
    background-color: #adc6ff;
}

.grid-stack>.grid-stack-item>.grid-stack-item-content.color7,
.tag-color7,
.bg-color7 {
    background-color: #ffccbc;
}

.grid-stack>.grid-stack-item>.grid-stack-item-content.color8,
.tag-color8,
.bg-color8 {
    background-color: #ffe58f;
}

.grid-stack>.grid-stack-item>.grid-stack-item-content.color9,
.tag-color9,
.bg-color9 {
    background-color: #d3f261;
}

.grid-stack>.grid-stack-item>.grid-stack-item-content.color10,
.tag-color10,
.bg-color10 {
    background-color: #b7eb8f;
}

.grid-stack>.grid-stack-item>.grid-stack-item-content.color11,
.tag-color11,
.bg-color11 {
    background-color: #87e8de;
}

.grid-stack>.grid-stack-item>.grid-stack-item-content.color12,
.tag-color12,
.bg-color12 {
    background-color: #b2ebf2;
}

.grid-stack>.grid-stack-item>.grid-stack-item-content.color13,
.tag-color13,
.bg-color13 {
    background-color: #d7ccc8;
}

.grid-stack>.grid-stack-item>.grid-stack-item-content.color14,
.tag-color14,
.bg-color14 {
    background-color: #cfd8dc;
}

.grid-stack>.grid-stack-item>.grid-stack-item-content.color15,
.tag-color15,
.bg-color15 {
    background-color: #d1c4e9;
}

.grid-stack>.grid-stack-item>.grid-stack-item-content.color16,
.tag-color16,
.bg-color16 {
    background-color: #ffffff;
    /*border: 2px solid #fff;*/
    box-shadow: 0px 0px 1px #616161;
}

.grid-stack>.grid-stack-item>.grid-stack-item-content.color21,
.tag-color21,
.bg-color21 {
    background-color: #f35444;
}

.grid-stack>.grid-stack-item>.grid-stack-item-content.color22,
.tag-color22,
.bg-color22 {
    background-color: #f87cac;
}

.grid-stack>.grid-stack-item>.grid-stack-item-content.color23,
.tag-color23,
.bg-color23 {
    background-color: #f5576c;
}

.grid-stack>.grid-stack-item>.grid-stack-item-content.color24,
.tag-color24,
.bg-color24 {
    background-color: #f89940;
}

.grid-stack>.grid-stack-item>.grid-stack-item-content.color25,
.tag-color25,
.bg-color25 {
    background-color: #5ac8fa;
}

.grid-stack>.grid-stack-item>.grid-stack-item-content.color26,
.tag-color26,
.bg-color26 {
    background-color: #007aff;
}

.grid-stack>.grid-stack-item>.grid-stack-item-content.color27,
.tag-color27,
.bg-color27 {
    background-color: #5856d6;
}

.grid-stack>.grid-stack-item>.grid-stack-item-content.color28,
.tag-color28,
.bg-color28 {
    background-color: #ffcc00;
}

.grid-stack>.grid-stack-item>.grid-stack-item-content.color29,
.tag-color29,
.bg-color29 {
    background-color: #dddddd;
}

.grid-stack>.grid-stack-item>.grid-stack-item-content.color30,
.tag-color30,
.bg-color30 {
    background-color: #0ba360;
}

.grid-stack>.grid-stack-item>.grid-stack-item-content.color31,
.tag-color31,
.bg-color31 {
    background-color: #8e44ad;
}

.grid-stack>.grid-stack-item>.grid-stack-item-content.color32,
.tag-color32,
.bg-color32 {
    background-color: #7f8c8d;
}

.tag-style {
    color: #000 !important;
    overflow: hidden !important;
    text-align: left !important;
    padding: 0px !important;
}

.tagItem.show {
    display: block;
}

.tagItem.hide {
    display: none;
}

div[data-gs-no-move='1']>div.tag-style {
    background-color: #e6e6e6 !important;
    color: #999999 !important;
}

.keyboard-container .kb-tag-setting-tool,
.keyboard-container .kb-emptyTag-setting-tool,
.editMenu-container .menu-tag-setting-tool {
    width: 180px;
    display: none;
    border-radius: 5px;
    background-color: #ffffff;
    border: solid 1px #e6e6e6;
    box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.3);
    position: absolute;
    z-index: 1;
}

.keyboard-container .tag-list-content .m-menu__ver-arrow,
.keyboard-container .create-TypeList .m-menu__ver-arrow,
.keyboard-container .discount-storeList .m-menu__ver-arrow,
.discount-container .discount-ProductList .m-menu__ver-arrow {
    font-size: 10px;
    float: right;
    line-height: 22px;
}


/*m-checkcbox*/

.m-checkbox.m-checkbox--state-success>span {
    border: 1px solid black
}

.m-checkbox.m-checkbox--state-success>input:checked~span {
    border: 0px;
    background-color: #ff8300
}

.m-checkbox.m-checkbox--state-success>span:after {
    border: 1px solid white
}


/***tree checkbox***/

.keyboard-container .btnToggleType,
.menus-container .btnToggleType,
.btnToggleType {
    float: right;
    display: block;
    padding: 12px 0;
    cursor: pointer;
}

.discount-container .discount-storeList label.typeRoot,
.discount-container .discount-ProductList label.typeRoot,
.keyboard-container .create-TypeList label.typeRoot,
.keyboard-container .edit-TypeList label.typeRoot,
.menus-container .setting-storeList label.typeRoot,
.setting-storeList label.typeRoot {
    float: left;
    margin: 13px 0;
    width: 80%;
}

.discount-container .discount-storeList>div,
.discount-container .discount-ProductList>div,
.keyboard-container .create-TypeList>div,
.keyboard-container .edit-TypeList>div,
.menus-container .setting-storeList>div,
.setting-storeList>div {
    overflow: hidden;
    border-top: 0;
}

.discount-container .discount-storeList>div>div,
.discount-container .discount-ProductList>div>div,
.keyboard-container .create-TypeList>div>div,
.keyboard-container .edit-TypeList>div>div,
.menus-container .setting-storeList>div>div,
.setting-storeList>div>div {
    overflow: hidden;
    /*border: solid 1px #e6e6e6;*/
    border-bottom: solid 1px #e6e6e6;
    border-top: 0;
    padding: 0px 10px;
}

.discount-container .discount-storeList>div>div:nth-child(2)>label,
.discount-container .discount-ProductList>div>div:nth-child(2)>label,
.keyboard-container .create-TypeList>div>div:nth-child(2)>label,
.keyboard-container .edit-TypeList>div>div:nth-child(2)>label,
.menus-container .setting-storeList>div>div:nth-child(2) label,
.setting-storeList>div>div:nth-child(2) label {
    margin-left: 20px;
    margin: 25px 0;
    margin-left: 35px;
}

.menus-container .setting-storeList>div div.child-tree {
    border-bottom: 1px solid #ddd;
}

.search-sm {
    display: block;
    width: 20px;
    height: 20px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAdtJREFUOBHNVD1PwlAUbZuaAomTkwkMjhoXicZZJ5Vo8C84MuBigBAGBiAhTDLRTWcSNWqUOMHiYlzUxYE4wODmIiFWSj236cd7+ETdaHK5H+fc03v7XpCkSX9k0YC6rk+12+0lYMuwvqqq98Vi8VGWZUvEZ2vfBDOZzIppmkcgLbBExE1N0/YKhcLLSJ1LOUESGw6Ht2AYsIqiKE34AGox+ATsLRQKLebz+VfEwkd1q86ax8gNrLhaKpWeXAy+kU6nbyB83uv1asjjDMaFipvRN7Msax55ZUTMppTL5QsEddhOKpWatouCH08QGB2A5KwpoNpYC4CMF0eFBOpngL4TB5gaF0LIxvDSTw5gEk+QrgbVnQNgKH4IwS1kZjAYfPCrfOQJ0j0D1IQlcADbPE2SUDtAbR13Uccpv4/ibs5dm1wuN2cYxh0mmQGhjtVazpox+DVqguB+OBzWk8nkhyvCek6QgGw2OzsYDGoQoCld3KTJkD+jfgjfiEQicZGo2wAO/9DVQHOUDoC+Ga0JC+AenoK5AROK/ijIy/tZtVrVOp3OGYli6musv8tO6h2K3zI+omZaF6wGNtjsdrsn8N5g/xak17mimPAKdgn79V9o/JgOyk72p4aJIH0BUQ627KhKfw8AAAAASUVORK5CYII=') no-repeat center center;
}


/****menus*****/
.menus-container .menu-type{
    padding: 10px 40px; 
    overflow: hidden; 
    background-color:#fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.menus-container .menu-type-nav{
    display: flex; 
    justify-content: space-evenly;
    align-items: center;
}

.menus-container .menu-type-nav li{
    margin-right: 50px; 
    padding:15px 0px;
    cursor: pointer;
    border-bottom: 5px solid transparent;
}

.menus-container .menu-type-nav .active{
    border-bottom: 5px solid #ff8300;
}

.menus-container .menu-main{
    margin: 20px 30px 0px 30px;
    font-size: 14px;
}

.menus-container .menu-main i[class*=" la-"], 
.menus-container .menu-main i[class^=la-]{
  font-size: 16px;
}

.menus-container .menu-main .menu-status{
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: white;
    border: 1px solid #ddd;
    border-bottom:0px;
    padding: 0px 10px;
}
.menus-container .menu-main .menu-status .menu-status-right a{
    cursor: pointer;
    margin-right: 10px;
    border: 1px solid #ddd;
    padding: 5px 10px;
}

.menus-container .menu-main .menu-status .filterMenuNav{
    display: flex; 
    justify-content: space-evenly;

}

.menus-container .menu-main .menu-status #filterMenu{
    border: 1px solid #ddd;
    margin:0px;
    font-size: 14px;
}
.menus-container .menu-main .menu-status .filterMenuNav li{
    margin: 0px 10px; 
    padding:15px 0px;
    cursor: pointer;
    border-bottom: 5px solid transparent;
}

.menus-container .menu-main .menu-status .filterMenuNav .disabled {
  pointer-events: none;
  color: grey;
}

.menus-container .menu-main .menu-status .filterMenuNav .active{
    border-bottom: 5px solid #ff8300;
}

.menus-container .menu-main .menu-bar{
    padding: 10px 50px;
    background-color: #fafafa;
    display: flex;
    justify-content: space-between;
    border: 1px solid #ddd;
    color:#757575;
}

.menus-container .menu-main .menu-sync-log-bar{
    padding: 10px 40px;
    background-color: #fafafa;
    display: flex;
    border: 1px solid #ddd;
    color:#757575;
}

.menus-container .menu-main .menu-bar span:nth-child(2){
    margin-right: 74px;
}

.menus-container .menuContentList .toggleBlock{
    display: none;
    margin-bottom: 16px;
}

.menus-container .menuContentList .toggleBlock .toggleBlock-bar{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 35px;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-top: 0px;
    color: #757575
}

.menus-container .menuContentList .toggleBlock .toggleBlock-bar div:nth-child(2){
    display: flex;
}

.menus-container .menuContentList .toggleBlock .toggleBlock-bar div:nth-child(2) div:nth-child(1){
    margin-right: 100px;
}

.menus-container .menuContentList .toggleBlock .toggleBlock-bar div:nth-child(2) div:nth-child(2){
    margin-right: 100px;
}

.menus-container .menuContentList .toggleBlock .toggleBlock_content{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 35px;
    border: 1px solid #ddd;
    border-top: 0px;
    background-color: #fff;
}

.menus-container .menuContentList .toggleBlock .toggleBlock_content div:nth-child(2) img{
    width: 16px;
    margin-right: 5px;
}

.menus-container .menuContentList .toggleBlock .toggleBlock_content div:nth-child(2) div:nth-child(1){
    display: flex;
    align-items: center;
    margin-right: 100px;
}

.menus-container .menuContentList .toggleBlock .toggleBlock_content div:nth-child(2) div:nth-child(2){
    margin-right: 100px;
}

.menus-container .menuContentList {
    /* border: 1px solid #ddd;
    border-bottom: 0; */
    margin: 0;
}

.menus-container .menuItem {
    cursor: pointer;
    background-color: #fff;
    overflow: hidden;
    border: 1px solid #ddd;
    border-top: 0;
    /* border-bottom: 1px solid #ddd; */
}


.menus-container .menuSyncItem {
    cursor: pointer;
    background-color: #fff;
    overflow: hidden;
    border: 1px solid #ddd;
    border-top: 0;
    padding: 5px 40px;
}

.menus-container .menuSyncItem>div {
    float: left;
    font-size: 16px;
    line-height: 43px;
    display: flex;
    align-items: center;  
    padding-right: 15px;
    padding-left: 15px;  
}

.menus-container .menuItem div:nth-child(3){
    padding: 5px 10px
}

/* .menus-container .menuItem:hover {
    background-color: #eaeaea;
} */

.menus-container .menuItem .m-menu__ver-arrow {
    float: left;
    line-height: 43px;
    padding: 5px 15px;
}

.menus-container .menuItem .la-angle-up{
    color:#ff8300
}

.menus-container #modal-createMenu .menu_time_wrap{
    margin-top: 50px;
}

.menus-container #modal-createMenu .menu_time_list{
    overflow: scroll;
    max-height: 800px;
}

.menus-container #modal-createMenu .createMenuType_img{
    width: 115px
}

.menus-container #modal-createMenuAll .modal-body .menuTypeBtn{
    cursor: pointer;
}

.menus-container #modal-createMenuAll .modal-body .menuTypeBtn .menuTypeBtnWrap{
    display: flex;
    border: 1px solid #ddd;
    border-top: 0px;
    /* padding: 0px 20px; */
    align-items: center;
    height: 64px;
    font-size: 16px !important;
}

.menus-container #modal-createMenuAll .modal-body .menuTypeBtn:nth-of-type(1) .menuTypeBtnWrap{
  border-top: 1px solid #ddd !important;
}

.menus-container #modal-createMenuAll .modal-body .menuTypeBtn .menuTypeBtnWrap:hover{
  background-color: #fafafa;
}

.menus-container #modal-createMenuAll .modal-body .menuTypeBtn .menuTypeBtnWrap img{
    /* width: 160px; */
}

.menus-container #modal-createMenuAll .modal-body .menuTypeBtn .menuTypeBtnWrap div:nth-child(2){
    font-size: 20px;
    padding-left: 50px;
}

.menus-container #modal-createMenuAll .menu_warn{
    padding: 0px 24px 24px 24px;
    display: flex;
    align-items: center;
}

.menus-container #modal-createMenuAll .menu_warn img{
    width:16px;
    margin-right: 5px;
}

.menus-container #modal-createMenuAll .menu_warn span{
    color:#757575;
}

.menus-container .menuItem>div {
    float: left;
    font-size: 16px;
    padding: 5px 0px;
    line-height: 43px;
    display: flex;
    align-items: center;
}

.menus-container .menuItem>div:nth-child(2) {
    overflow: hidden !important;
    white-space: nowrap;
    text-overflow: ellipsis;
    min-width: 100px;
}

.menus-container .menuItem>div:nth-child(3),
.menus-container .menuItem>div:nth-child(4),
.menus-container .menuItem>div:nth-child(5) {
    float: right;
}

.menus-container input.timepicker {
    width: 115px;
    border: 1px solid #ddd;
}

.menus-container .vertical-table tr>td:nth-child(1){
    background: white;
}


#fix-oper-time-tb tr td,
#date-oper-time-tb tr td {
    padding: 10px;
}

#date-oper-time-tb label,
#meal-time-tb label {
    margin-bottom: 0;
}

.menus-container .close-setting {
    display: none;
    color: #7f8c8d;
}

.menus-container select {
    border: 0;
    height: 28px;
}

.menus-container .error-msg,
.menus-container .time-msg {
    color: red;
    font-size: 12px;
    float: right;
}

@media (max-width: 360px) {
    .menus-container .menuItem>div:nth-child(4) {
        float: left;
    }

    .menus-container .menuItem>div {
        line-height: initial;
    }
}

.menus-container .menuItem>div>span {
    color: #7f8c8d;
    font-size: 16px;
    padding-left: 3px;
}

.menus-container .rowMove {
    height: 55px;
    cursor: pointer;
}

.menus-container .btn-default.active {
    color: #969696 !important;
    font-size: 16px !important;
    padding: 11px 18px;
    box-shadow: none !important;
}
.menus-container .menuItem .btnOpenSetting{
    color:black!important;
    background: white;
}
.pen-icon-sm {
    width: 30px;
    height: 30px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAEySURBVEhL7ZY/a8JAGIejDnYQHQqC0FX8Jv0EjZtkaP6ZkMnddHHr5Kdw1Kl0b1cXZ536BRxFiP5eeA80Xoo0d4HCPfDDy72X9zGXEGIZFFLj32pIkqTt+/7K87wj8hnH8SOX9MHSb+QkAvlaqzyKolZeKkJy+lO8VC22bTcgWMjEFNTeeKka0jSt8/BXOebfeVl5aPvQ8CsIgleekspx/OO67hMvKUfuQcqK5CRFrc+lcsieXkQmn+uWSuXKQOMOUiQVyXClIz6lPGh4j1TtPUVDI72Kkf4ZNHxGNjKZiHKpAI3HMiFFm5TAS31YmRSvw6bjOA80DsNwAMkW2WuVEmj6guYfQi7AXA/inbbthWDJV3Yjxw50eagW+pKA9HCxrTMu6QeyCTKl+8tThv+OZZ0BE0Sg2gdYv0UAAAAASUVORK5CYII=') no-repeat center center;
}

.goBack-icon {
    width: 72px;
    height: 72px;
    display: block;
    background: url('data:image/png;base64,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') no-repeat center center;
}

.menus-container select {
    padding: 5px;
    background-color: #fff;
    border: 0px;
    height: 36px;
    font-size: 16px;
    margin-top: 5px;
    margin-right: 23px;
}


/***** editMenu *****/
.editMenu-container .menuTop{
    display: flex;
    justify-content: space-between;
    background: white;
    padding: 8px 16px;
    border:1px solid #ddd;
    border-bottom: 0;
    border-radius: 2px;
}

.editMenu-container .menuTop .editbtn{
    background: white;
}

.editMenu-container .menuTop .menuTopRight{
    display: flex;
}

.editMenu-container .menuMain .no_category_list{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 0px;
    background: white;
}
.editMenu-container .menuMain .no_category_list img{
    width: 80px;
}
.editMenu-container .menuMain .no_category_list span{
    margin-top: 10px
}

.editMenu-container .menuMain .category_list{
    background:white;
    margin-bottom: 16px;
}

.editMenu-container .menuMain .category_list_title{
    display: flex;
    justify-content: space-between;
    align-items: center;
    border:1px solid #ddd;
    padding: 8px 16px;
}

.editMenu-container .menuMain .category_list_title .toggle_category{
    width: 100%;
    padding: 9px 0px;
    cursor: pointer;
}

.editMenu-container .menuMain .category_list_title .m-menu__ver-arrow{
    font-size: 1rem;
}

.editMenu-container .menuMain .category_list_title span{
    margin-left: 10px;
}

.editMenu-container .menuMain .item_block_title{
    padding: 6px 0px 6px 45px; 
    border:1px solid #ddd;
    border-top: none;
    background-color: #fafafa;
}

.editMenu-container .menuMain .toggleBlock{
    border:0
}

.editMenu-container .menuMain .item_typelist.ui-sortable-helper a {
  border-top: 1px solid #ddd;
}

.editMenu-container .menuMain .item_typelist a{
    display: flex;
    justify-content: space-between;
    padding: 12px 16px;
    border: 1px solid #ddd;
    border-top: 0;
    margin: 0;
    cursor: pointer;
    background-color: #FFF;
}

.editMenu-container .menuMain .item_typelist .item_name{
    margin-left: 10px;
}

.editMenu-container .menuMain .item_typelist .item_warn{
    color: #e02020;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    font-size: 14px;
}

.editMenu-container .menuMain .item_typelist .item_warn img{
    width: 16px;
}

.editMenu-container .menuMain .item_typelist img{
    margin-right: 5px;
}

.editMenu-container .menuMain .item_typelist .item_price{
    display: flex;
    justify-content: flex-end;
}

.editMenu-container .vertical-table tr>td {
  vertical-align: middle;
}

.modal-style-1.modal .modal-dialog {
    max-width: 600px;
}

.modal-style-1.modal .modal-dialog .modal-header {
    position: relative;
    overflow: hidden;
    height: 60px;
    padding: 18px;
}

.modal-style-1.modal .modal-dialog .modal-header .modal-title {
    margin: 0 auto;
    color: black;
    font-size: 24px;
    line-height: 24px;
}

.modal-style-1.modal .modal-dialog .modal-header .modal-close {
    position: absolute;
    top: 0;
    left: 0;
    background: #ccc;
    /* padding: px; */
    width: 64px;
    height: 64px;
    background-color: #fafafa;
    line-height: 64px;
    text-align: center;
    border-right: 1px solid #e6e6e6;
    cursor: pointer;
}

.modal-style-1.modal .modal-dialog .modal-header .modal-close span {
    font-size: 40px;
    font-weight: 100;
    color: #757575;
}

.modal-style-1.modal .modal-dialog .modal-body {
    /* max-height: 750px;
    padding: 0; */
    max-height: none;
    overflow-y: hidden;
}

.modal-style-1.modal .modal-dialog .modal-body>div .trigger {
    float: right;
    position: absolute;
    right: 25px;
    font-size: 14px;
    color: #757575;
    cursor: pointer;
}

.modal-style-1.modal .modal-dialog .modal-body>div .trigger .fa {
    margin-left: 5px;
    position: relative;
    top: 2px;
}

.modal-style-1.modal .modal-dialog .modal-body>div .trigger .fa.fa-angle-up {
    color: #ff9800;
}

.modal-style-1.modal .modal-dialog .block-basic,
.modal-style-1.modal .modal-dialog .block-info {
    border-bottom: 1px solid #e6e6e6;
}

.modal-style-1.modal .modal-dialog .block-basic>div,
.modal-style-1.modal .modal-dialog .block-info>div {
    padding: 5px 0;
}

.modal-style-1.modal .modal-dialog .modal-body>div .block-subtitle {
    font-size: 18px;
    color: black;
    padding-top: 15px;
    padding-bottom: 15px;
}

#modal_item_detail{
    color: black
}

#modal_item_detail .modal_item_detail_info input:read-only,
#modal_item_detail .modal_item_detail_info div:nth-child(1)>div:nth-child(2),
#modal_item_detail .modal_item_detail_info div:nth-child(2)>div:nth-child(2){
    background: #f2f2f2;
    color: #757575;
}

#modal_item_detail .modal_item_detail_info span{
    color:#757575;
    margin-top: 5px;
    display: flex;
}

#modal_item_detail .modal_item_detail_info img{
    margin-right: 5px;
}

#modal_item_detail .modal_item_detail_status{
    margin-top: 48px;
}

.editMenu-container .headerInput {
    float: left;
    border: none;
    border-radius: 3px;
    margin: 6px 20px;
    padding: 10px;
    color: #fff;
    background: transparent;
    font-size: 24px;
}

.editMenu-container .periodList .m-menu__ver-arrow {
    font-size: 14px;
    line-height: 22px;
    margin-right: 10px;
}

.editMenu-container .toggle-periodItem {
    margin: 10px;
    padding: 5px 0;
    display: block;
    cursor: pointer;
}

.editMenu-container .periodItem {
    /* border-bottom: 1px solid #ddd; */
}

.editMenu-container .toggleBlock {
    /*padding: 10px;*/
    border-top: 1px solid #ddd;
}

.editMenu-container .toggleBlock>div:nth-child(2) {
    border-top: 1px solid #ddd;
    padding: 0px 10px 10px 10px;
}

.editMenu-container .m-menu__ver-arrow.la.la-angle-up {
    color: #ff8300;
    font-weight: bold;
}

.editMenu-container .btn-pop.active {
    padding: 11px 0px;
    margin: auto;
    margin-top: 10px;
    color: #000 !important;
}

.editMenu-container .editbtn{
    background: white;
    font-size: 16px;
    border: 1px solid #ddd;
    width: fit-content;
    padding: 10px 8px;
    margin: 0px 8px;
}

.editMenu-container .menu-infos{
    height: fit-content;
    font-size: 14px;
}

.editMenu-container .menu-infos > div{
    display: flex;
    flex-direction: column;
    background-color: white;
    padding:15px;
    border-radius: 5px;
}

.editMenu-container .menu-infos>ul{
    background: white;
    margin-top: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
}

.editMenu-container .menu-infos span:nth-child(1),
.editMenu-container .menu-infos span:nth-child(3){
    margin-bottom: 5px;
}

.editMenu-container #txtMenuName{
    padding: 8px 16px;
    margin-bottom: 18px;
    /* width: 208px */
}

.editMenu-container .menu-infos .click_modal_menu_time, .editMenu-container .click_specify_date{
    padding: 8px 52px !important;
    background: white;
    color:black;
    font-size: 14px;
}

.editMenu-container .menu-info-time, .specify_date_hr{
    padding-bottom: 10px;
    color:black;
    position: relative;
}

.editMenu-container .menu-info-time:after, .specify_date_hr:after {
  content: "";
  position: absolute;
  bottom: 0;
  height: 1px;
  background: #ddd;
  width: 240px;
  left: -16px;
  width: calc(100% + 32px);
}

.specify_item {
    display: flex;
    justify-content: space-between;
    color: black;
}

.editMenu-container .menu-info-time li{
    display: flex;
    justify-content: space-between;
}

.editMenu-container input.timepicker {
    width: 115px;
    border: 1px solid #ddd;
}

.editMenu-container #specify_date_table input.timepicker {
    height: 32px;
    width: 80px;
    border: 1px solid #ddd;
}
.editMenu-container .specify_date_mode {
    height: 32px;
    padding: 0px 5px !important;
}

.editMenu-container #specify_date_table tr>td{
    padding: 8px 4px ;
}

.editMenu-container #specify_date_table tr>th{
    padding: 6px 16px ;
}

.editMenu-container .vertical-table tr>td:nth-child(1){
    background: white;
    padding: 4px 16px !important;
}

.editMenu-container .vertical-table tr>td:nth-child(1){
    border-right: 0 !important;
}

#fix-oper-time-tb tr td,
#date-oper-time-tb tr td {
    padding: 10px;
}

#date-oper-time-tb label,
#meal-time-tb label {
    margin-bottom: 0;
}

.editMenu-container .close-setting {
    display: none;
    color: #7f8c8d;
}

.editMenu-container ul:nth-child(6){
    margin-top:15px;
}

.editMenu-container ul:nth-child(6) li{
    display: flex;
    align-items: center;
}

.editMenu-container .menuTypeImg{
    width: 120px;
    margin-left: 16px;
}

.editMenu-container #modal_menu_time .menu_time_wrap{
    margin-top: 50px;
}

.editMenu-container #modal_menu_time .menu_time_list{
    overflow: scroll;
    max-height: 800px;
}

.editMenu-container #modal_menu_time .createMenuType_img{
    width: 115px
}

.editMenu-container .toggleBlock .periodItem-typelist>a {
    padding: 10px 0px;
    display: block;
    cursor: pointer;
    margin-top: 5px;
}

.editMenu-container .toggleBlock .periodItem-typelist>a.select {
    color: #ff8300;
}

.editMenu-container .toggleBlock .periodItem-typelist>a i.removeType,
.keyboard-container .edit-typeList a i.removekb,
.keyboard-container .edit-typeList a i.editkb {
    float: right;
    margin-left: 15px;
    display: none;
}

.editMenu-container .toggleBlock .periodItem-typelist>a:hover i.removeType,
.keyboard-container .edit-typeList a:hover i.removekb,
.keyboard-container .edit-typeList a:hover i.editkb {
    display: block;
}

.editMenu-container .rowMove.left {
    height: 24px;
    width: 20px;
    cursor: initial;
}

.editMenu-container .btnTranformImg {
    display: block;
    cursor: pointer;
    width: 30px;
    height: 40px;
    float: right;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAg9JREFUaAXtV7tOwzAUTRAbDwkGYENJBlhYGEBICKFSpIoZ8QH9MH6gzC0MQCW2/kMamKsMbZkbzo3sKk3Txo8+GK4ly772sX3OsR3FjsOJHWAH2AF2gB1gB9gBdoAdWJcDru7CURTdJknyjOzpji3Du64bIdc9z2uXYWX/pqyolkQe2D0s1FAdo4hzMfc9sDS/rzjGMRHggfyL7/tPqouo4rrdbgMiHlXxhNMWICZPqMSCx2JHLhB2aPsh7EdgTIp0Xp2BGzrgPFaQr6B9G7ki4jxsqbGVADAj57MpH2f7llK3FdDJscrH4+5er7eDI9cKw/B63LiAipUAOvPg8IH8S6WIp2gR+cFg8IojVkPnQkWYXuKUpLiwd1OMMw1EfjgcvqHpSjTTfWlhNx4w/isDNapa7UDZinEc7xJ5OC/JyyFSxI1sMC0XJgCOHuJ8n0kiRL7f7xeRTyEQtYVKE+OsRFgdIUkWvxdHIER34AD16mg0igT5S4kpKkkExjTRRztilKwFCPKfIHMqGLyj/EZ8rsKIRKjgZmGsBBSQd0BoH4tRXkmyEgCybeSTlTCdsYjVJV43edJkJWCGKSttNj1C6UMoCALtB1GJOu35tAXgsxeBRBXfb3rQaP/+zhGQPmjE/HNgk10mAuo4+/Sk1Hp4TC5bHBF55HpxL7eyA+wAO8AOsAPsADvADrAD/82BPz7r0Cs1VLFyAAAAAElFTkSuQmCC') no-repeat center center;
}

.editMenu-container .btnTranformImg.select {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAiBJREFUaAXtV7tOwzAUPQY2ChIdgA3BAgsLAwgJIcRDQswVH9DPQDDxEDDyAf0BmFsYgEps/ATwCSAWioQ5dpKmrUKaxAldriXLj3tzfc7xdWsDUkQBUUAUEAVEAVFAFBAFRIFBKaDSLqyPsQGFGjRm037b11/hhXGr6gjNvr6+w0hSx7afB36CJK7bc3l0NCMCO1YcYC5pyPQEPOVv1CH2ky6S1I+7a0SpJPU3fukJmK8UN5pFn2CGjUmnZc49s18lsTdjy1RMXBs5+ddDyV0jPQ34TVpKfluL9Cpw0o2AUb6z9I47bQX13Qh4aRNC6x2HFugLjDHlGqxrHdPOXTcCzHnm/gNRfPptNQqRAY9v3DLNdllzJZHtEPso/QO7FQU6mLPgW7jjeNWfM+eloc+wpw7wFPhlbV13IHZdfYVxdIMP/Ev4sTuxHkxkbXMjoE8xpc+xGACx4D+6lA9MXqsxyk6dZ8KJhFMKBYj0JabxxbOgMUki2xjmleDdgl8JfCJbQ0KhTlsp0p5g0pmABd/CI9daIAH+u+Ge9ZW9Jdb+xduJ/n5/eDgRaIPXBB+WMgmUw2GxPScCTJsm4c0XCzE+uushHih4Q82VQLw8/2DNlkLe3R18eKR+EMVy8uPG+vQY0xPwXk3b9u7uX6t7YmYbGvCKDxrwJzhFSU+ATz4uZK7RFda8i31S5h1U4okCooAoIAqIAqKAKCAKiALFKPALh6h5734uNl8AAAAASUVORK5CYII=') no-repeat center center;
}

.editMenu-container .btnTranformText {
    display: block;
    width: 30px;
    height: 40px;
    margin-right: 20px;
    cursor: pointer;
    float: right;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAsFJREFUaAXtlr1rU1EYxpsPEIeWlICb5Ku7DnVQEPQvsNTWwbUKulQUurgWRBDUTbAIzlZFEQoujgoiaEex+dI5GuzQkJDE33O9F0Pbm97kXOzyXji573k/n/Occ8+biQl7jAFjwBgwBowBY8AYMAaMAWPgsBmo1WqnNf43jnRcBXu93i0/12JcOaPkSURxOsinWq3m+/3+lvwSicRMoVCoHRQTlz0ZU6JlFpDSIN9yTDkjpXHegUajMdVsNn/A/KQqsojtTCZzPJvN/o6EwNHJeQcAfwUMUwDf0JDs6xyhRQt3WoCODMx7RyaVSt3XUFnpZIsGwc3LaQF8vPMAzQF4M5/Pv9OQLJ1sbtCiRbteo97VCegHQTnJLOApc9nWA/3gu1KpnGW+wpjVThHzmXEX+TK6Y8VicW7Qf5g89kesptXtdt9T+Fc6nT7F8WmrEP3gSKfT+QiYaXRn2JUPgwAAf5v5KvYksTuyIR/Vm3lP+lKpFBnX2EcIoDf94tMA3mq1Wt812u32N4GXLfCRrMdnfhWxyeIu0i8mNZgvAP6nwMtvlGesI+Q3Lp1xse41sH2KzqCbly8ga759RSABf5WdeTkQ86JcLmv6fEAXSRxrAWQObpk1tvv6fpUA9Aiw12BWt5T3rfCe1bHJ5XKvd8dw7l+x2B1ivOO02x42H3nL1Lg4GksA6TMehiWWTT7yVUyYn6t+5AXQpJYo6jUuWPsaBkA22Awam2L0fBLD9Xr9wt/pv1++j7lR2Vf0SAuggK68GwrkHHtNS3LYE/goRrH43UNmU3pr3GLqId7/J8noH4flGaaPfF0pCSwtUvQZxTZh+OSwxIGNmC/EnCDmEjHrzA/1Gt3TuAKgYW+AB03Oi2URd/A9h/4N7yaL20Z+m0wmzzN/grznAw/LbXpjwBgwBowBY8AYMAaMAWPAGHBi4A8QvkGeT1kprwAAAABJRU5ErkJggg==') no-repeat center center;
}

.editMenu-container .btnTranformText.select {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAArpJREFUaAXtVc9rU0EQ/jZRxEOj9eBNFAz9C/SgICj+AUr8cfBaBb1UFEQs9qRUQVDxIrQIntWKIgge9CIoiCA9GiP44661ORRKk/WbeZvXmJf68vJivMzC8ObNzux8++3sDmDDGDAGjAFjwBgwBowBY8AYMAb+NwN+GntEho1j3cASNnA+rHVsYGv2sJDrwSfVxV/DDjRQU8ciyu4SvqQGDcihMJB1VjABj6KK6EMcuU/A30EJv/AdDiOK26OOTdjmJrA4jH3kP4FFnCTQEuV5kBKhi20oI9cJ+Acsmyo+s3S2E+3BgPglT+MrxrDTHefN+Mcj3wlUUQng590UXokQ77zaZG4II+8zGj2dDrdirKJ73Oe/zD2M7W0K+8U+NHGBpl30LfLEPvB7nd8TtG11l3G4zf2vat8lpE2rgTdM+pPJd/O7rJmK2MDCeUfbKKHtdZN4247AX8Uk567QVmDMks55bAw+TbHzJHvG1X8JNXEuJB/lt0ZQ31RW8EnBy2TLRx0BZT4Cv8DNHeE9GVFxOEqXH5TMePoqodC4pMaXyVXUwALI+ONRpl4R37ixRWVTIPhTPJnHsS8wx5PhDvGozdaT2tcGEDUrqd1Z1uuZbpkI6C4BnQ6+0V2RmpeyKeNpImYMT/iiLTGmVU4Jl26GzEemjQsYJxCP9bjdbVG1yZz40DfErOmaZyLzBthnx5lQG5e7iI9rJQ9z0txKIUZc3yvDNRxKxFX58mRkX9bItAFtXB5nNbnHzQSITkPLhzEaW8ANujT5Ss3yQlfEpkKd4Gc6w3v5z7QB1ugfjSstQWdj48V9zbKaYtxmbmKO69VVRAe2UOQZzTSybSBqTiCI1caVlm7VVy8yL/00X6H9XOMZQxfIfJ36C+oH+L1HSV7wtBw2bwwYA8aAMWAMGAPGgDFgDBgD/TDwG9XTvR05QSNvAAAAAElFTkSuQmCC') no-repeat center center;
}

.editMenu-container .menu-background li {
    padding: 42px 46px;
}

.editMenu-container .menu-list li {
    padding: 0px 0px;
}

.editMenu-container .menu-list li>div {
    width: 116px;
    height: 116px;
    /*line-height: 116px;*/
    border-radius: 4px;
    position: relative;
    overflow: hidden;
}

.editMenu-container .menu-list li>div.txtShow>div.menu-info {
    text-align: center;
    color: #fff;
    position: relative;
    /*height: 100%;*/
    height: 116px;
}

.editMenu-container .menu-list li>div.txtShow>img {
    display: none;
}

.editMenu-container .menu-list li>div.txtShow>div.menu-info>div:nth-child(1) {
    padding: 20px 5px;
    height: initial;
    font-size: 18px;
}

.editMenu-container .menu-list li>div.txtShow>div.menu-info>div:nth-child(2) {
    height: 36px;
    font-size: 16px;
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: #ffd591;
}

@keyframes menuinfo {
    from {
        background: transparent;
    }

    to {
        background: -webkit-gradient(linear, 30% 90%, 30% 0%, from(#000000), to(transparent));
    }
}

@keyframes lds-dual-ring {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes fbstyle-loading {
    0% {
        background-position: -468px 0
    }

    100% {
        background-position: 468px 0
    }
}

.fbstyle-loading-animat {
    position: relative;
    background-color: #CCC;
    height: 30px;
    animation-name: fbstyle-loading;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    background: -webkit-gradient(linear, left top, right top, color-stop(8%, #eeeeee), color-stop(18%, #dddddd), color-stop(33%, #eeeeee));
    background: -webkit-linear-gradient(left, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    -webkit-background-size: 800px 104px;
}

.editMenu-container .menu-list li>div>div.menu-info,
.editMenu-container .menu-list li>div>div.menu-info>div:nth-child(1) {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.editMenu-container .menu-list li>div.imgShow>div.menu-info {
    text-align: center;
    color: #fff;
    position: absolute;
    /*height: 50%;*/
    height: 56px;
    bottom: 0px;
    width: 100%;
    border-radius: 4px;
    /*animation-name: menuinfo;
    animation-duration: 2s;*/
    background: -webkit-gradient(linear, 30% 90%, 30% 0%, from(#000000), to(transparent));
}

.editMenu-container .menu-list li>div.imgShow>img {
    border-radius: 4px;
    max-width: 100%;
    height: 100%;
}

.editMenu-container .menu-list li>div.imgShow>div.menu-info>div:nth-child(1) {
    padding: 0px;
    padding-top: 10px;
    height: initial;
    font-size: 14px;
    white-space: nowrap;
}

.editMenu-container .menu-list li>div.imgShow>div.menu-info>div:nth-child(2) {
    /*height: 36px;*/
    font-size: 14px;
    position: relative;
}

.editMenu-container .menu-region {
    border-radius: 5px;
    /*background-color: #f2f2f2;
    border: solid 1px #e6e6e6;*/
    position: relative;
    display: block;
    width: 489px;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 40px;
}

@media screen and (max-width: 1024px) {
    .editMenu-container .menu-region {
        overflow: scroll !important;
        width: 525px !important;
        height: 400px;
    }
}

.editMenu-container .menu-count {
    width: 100px;
    margin: auto;
    border-radius: 12px;
    background-color: #ffffff;
    border: solid 1px #e6e6e6;
    margin-top: -13px;
    text-align: center;
}

.editMenu-container .menu-layout {
    /*width: 489px;*/
    width: 515px;
    padding: 5px;
    margin: auto;
    margin: 20px auto;
    overflow: hidden;
    /*overflow-x: auto;*/
    overflow-y: hidden;
}

.editMenu-container .btnCreateMenu {
    text-align: center;
    width: 118px;
    border-radius: 20px;
    background-color: #fafafa;
    border: solid 1px #cccccc;
    margin: auto;
    color: #757575 !important;
    padding: 7px 19px;
    cursor: pointer;
    margin-top: 11px;
    display: block;
}

.editMenu-container .menu-setting {
    position: absolute;
    width: 502px;
    top: 21px;
    left: 3px;
}

.editMenu-container .productList li {
    list-style: none;
    display: block;
    overflow: hidden;
    cursor: move;
    background-color: #fff;
    margin-top: 10px;
    border-radius: 3px;
}

.editMenu-container .productList li>div {
    float: left;
    line-height: 39px;
    text-align: left;
}

.editMenu-container .grid-stack>.grid-stack-item[data-gs-width='1'] {
    width: 24%;
}

.editMenu-container .grid-stack>.grid-stack-item[data-gs-x='1'] {
    left: 23.4%;
}

.editMenu-container .grid-stack>.grid-stack-item[data-gs-min-width='1'] {
    min-width: 24%;
}

.editMenu-container .grid-stack>.grid-stack-item[data-gs-max-width='1'] {
    max-width: 24%;
}

.editMenu-container .grid-stack>.grid-stack-item[data-gs-width='2'] {
    width: 48%;
}

.editMenu-container .grid-stack>.grid-stack-item[data-gs-x='2'] {
    left: 47.1%;
}

.editMenu-container .grid-stack>.grid-stack-item[data-gs-min-width='2'] {
    min-width: 48%;
}

.editMenu-container .grid-stack>.grid-stack-item[data-gs-max-width='2'] {
    max-width: 48%;
}

.editMenu-container .grid-stack>.grid-stack-item[data-gs-width='3'] {
    width: 72%;
}

.editMenu-container .grid-stack>.grid-stack-item[data-gs-x='3'] {
    left: 70.8%;
}

.editMenu-container .grid-stack>.grid-stack-item[data-gs-min-width='3'] {
    min-width: 72%;
}

.editMenu-container .grid-stack>.grid-stack-item[data-gs-max-width='3'] {
    max-width: 72%;
}

.editMenu-container .grid-stack>.grid-stack-item[data-gs-width='4'] {
    width: 99.5%;
}

.editMenu-container .grid-stack>.grid-stack-item[data-gs-x='4'] {
    left: 99.4%;
}

.editMenu-container .grid-stack>.grid-stack-item[data-gs-min-width='4'] {
    min-width: 99.5%;
}

.editMenu-container .grid-stack>.grid-stack-item[data-gs-max-width='4'] {
    max-width: 99.5%;
}

.editMenu-container .prodtxt {
    position: absolute;
    bottom: 0px;
    width: 84%;
}

.editMenu-container .menu-tag-info {
    font-size: 14px;
}

.editMenu-container .menu-tag-title {
    color: #7f8c8d;
    margin-top: 10px;
}

.editMenu-container .menu-tag-content {
    margin-top: 10px;
    color: #000;
}

.editMenu-container .orderType label {
    float: left;
    margin-bottom: 0px;
    margin-right: 16px;
}

.editMenu-container .menu-tag-setting-tool {
    width: 235px;
}

.editMenu-container .empty-menu-show {
    color: rgb(85, 85, 85);
    text-align: center;
    margin: auto;
}

.editMenu-container .copy-menus-list {
    color: #000;
}

.editMenu-container .copy-menus-list>label {
    margin: 25px 0;
}


/****model left right****/

@media screen and (max-width: 800px) {
    .model1-container .model1-left {
        display: none;
    }

    .model1-container .model1-right {
        margin-left: 0px;
    }

    .form-subheader>div.d-flex:nth-child(1) {
        display: block !important;
    }
}

@media screen and (min-width: 800px) {
    .model1-container .model1-left {
        display: block;
    }

    .model1-container .model1-right {
        margin-left: 200px;
    }
}

.model1-container .model1-right {
    height: 100%;
    /*width:645px;*/
    /*float:left;*/
    padding-top: 64px;
    padding-left: 40px;
    padding-top: 40px;
}

.model1-container .model1-left {
    position: fixed;
    height: 100%;
    width: 200px;
    z-index: 1;
    background-color: #3e3e43;
    padding: 20px;
    float: left;
    box-shadow: 2px 0 6px 0 rgba(0, 0, 0, 0.5);
}

.model1-container .model1-left .nav-left {
    margin-top: 20px;
    margin-left: 10px;
}

.model1-container .model1-left .nav-left li {
    padding: 0px;
    margin: 20px 0px;
    list-style: none;
    color: #fff;
    font-size: 16px;
}

.model1-container .model1-left .nav-left li>a {
    display: block;
    cursor: pointer;
}

.model1-container .model1-left .nav-left li.select>a {
    color: #ff8300;
}


/****model2 top bottom****/

.model2-container .model2-top {
    background-color: #3e3e43;
}

.vertical-table {
    border: 1px solid #d6d6d6;
    background-color: #fff;
    color: #000;
    width: 100%;
}

.vertical-table tr {
    border-bottom: 1px solid #d6d6d6;
}

.vertical-table tr>td:nth-child(1) {
    background-color: #f7f7f7;
    padding: 10px 20px;
    border-right: 1px solid #d6d6d6;
    width: 140px;
}

.vertical-table tr>td {
    padding: 10px 20px;
}


/***m-datatable*****/

.m-datatable__table {
    border: 1px solid #ddd;
}

.m-datatable__table .m-datatable__row {
    border-bottom: 1px solid #ddd;
    height: 48px;
}


/* td:last-child {
    border-left:1px solid #e6e6e6 !important;
} */

.m-datatable__pager {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.m-datatable.m-datatable--default>.m-datatable__pager>.m-datatable__pager-nav {
    background-color: #fff;
    padding: 5px 10px;
}

.m-datatable>.m-datatable__pager>.m-datatable__pager-nav>li>.m-datatable__pager-link.m-datatable__pager-link--first,
.m-datatable>.m-datatable__pager>.m-datatable__pager-nav>li>.m-datatable__pager-link.m-datatable__pager-link--last {
    display: none;
}

.m-datatable>.m-datatable__pager>.m-datatable__pager-nav>li>.m-datatable__pager-link.m-datatable__pager-link--first,
.m-datatable>.m-datatable__pager>.m-datatable__pager-nav>li>.m-datatable__pager-link.m-datatable__pager-link--last,
.m-datatable>.m-datatable__pager>.m-datatable__pager-nav>li>.m-datatable__pager-link.m-datatable__pager-link--next,
.m-datatable>.m-datatable__pager>.m-datatable__pager-nav>li>.m-datatable__pager-link.m-datatable__pager-link--prev,
.m-datatable>.m-datatable__pager>.m-datatable__pager-nav>li>.m-datatable__pager-link {
    background-color: #fff;
}

.m-datatable>.m-datatable__pager>.m-datatable__pager-info>.m-datatable__pager-size {
    background-color: #fff;
    padding: 5px 0px;
    width: 130px !important;
}

.m-datatable>.m-datatable__pager>.m-datatable__pager-info>.m-datatable__pager-size .filter-option:after {
    content: '筆/頁'
}

.m-datatable.m-datatable--default>.m-datatable__pager>.m-datatable__pager-info .m-datatable__pager-size .btn.dropdown-toggle {
    background-color: #fff;
    margin: 0;
    font-size: 1rem;
}

.m-datatable>.m-datatable__pager>.m-datatable__pager-info .m-datatable__pager-size .btn.dropdown-toggle:focus,
.m-datatable>.m-datatable__pager>.m-datatable__pager-info .m-datatable__pager-size .btn.dropdown-toggle:hover,
.m-datatable>.m-datatable__pager>.m-datatable__pager-info .m-datatable__pager-size.show>.btn.dropdown-toggle {
    color: #3f4047;
    background: #fff;
}

.m-datatable>.m-datatable__pager>.m-datatable__pager-info>span {
    display: none;
}

.m-datatable>.m-datatable__pager>.m-datatable__pager-nav>li>.m-datatable__pager-link.m-datatable__pager-link--active,
.m-datatable>.m-datatable__pager>.m-datatable__pager-nav>li>.m-datatable__pager-link.m-datatable__pager-link--first:hover,
.m-datatable>.m-datatable__pager>.m-datatable__pager-nav>li>.m-datatable__pager-link.m-datatable__pager-link--last:hover,
.m-datatable>.m-datatable__pager>.m-datatable__pager-nav>li>.m-datatable__pager-link.m-datatable__pager-link--next:hover,
.m-datatable>.m-datatable__pager>.m-datatable__pager-nav>li>.m-datatable__pager-link.m-datatable__pager-link--prev:hover,
.m-datatable>.m-datatable__pager>.m-datatable__pager-nav>li>.m-datatable__pager-link:hover {
    background-color: #ff8300;
}

.m-datatable__table .m-datatable__head,
.m-datatable__table .m-datatable__head .m-datatable__cell,
.m-datatable__table .m-datatable__head .m-datatable__cell--sort {
    height: 48px;
    /*padding:0 !important;*/
}

.m-datatable__table tbody tr.m-datatable__row {
    cursor: pointer;
    height: 48px;
}

.m-datatable__table th {
    padding: 10px !important;
    background-color: #f3f3f3 !important;
}

.cur-point {
    cursor: pointer;
}

.disblock {
    display: block;
}


/***store****/

.store-container input[type=text] {
    width: 100%;
    border: 0;
    padding: 4px 2px;
}

.store-container textarea {
    border: 0;
}

.store-container table {
    margin-top: 20px;
    width: 100%;
}

.store-container .url-tb tr td:last-child {
    background-color: #f2f3f8;
    border: 0;
}

.store-container .url-tb td {
    padding: 0;
}

.store-container .url-tb input {
    border: 0;
}

.store-container .store-house-images {
    border: 1px solid #ddd;
    overflow: hidden;
    padding: 20px;
    background-color: #fff;
}

.store-container .store-house-images>div:not(.count-msg) {
    width: 164px;
    height: 100px;
    border-radius: 4px;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    line-height: 100px;
    text-align: center;
    position: relative;
}

.store-container .store-house-images>div.bg:not(.count-msg) {
    background-color: #f7f7f7;
    border: 1px solid #ddd;
}

.store-container .store-house-images>div.count-msg {
    width: 164px;
    height: 100px;
    float: left;
    background-color: #fff;
    margin-right: 20px;
    margin-bottom: 20px;
    font-size: 22px;
    line-height: 100px;
    text-align: center;
}

.store-container .img_bg {
    background-image: url('../images/upload.png');
    background-size: cover;
    background-position: center center;
    height: 200px;
    width: 95%;
    object-fit: cover;
    -o-object-fit: cover;
}

.store-container .photo {
    background-size: cover;
    background-position: center center;
    height: 100%;
    width: 100%;
    border: 0;
    object-fit: cover;
    -o-object-fit: cover;
    border-radius: 4px;
}

.store-container .store-main-image {
    width: 150px;
    height: 150px;
    border: 1px solid #ddd;
    position: relative;
}

.search-house-icon {
    width: 40px;
    height: 40px;
    display: inline-block;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAk5JREFUWAntVjtvE0EQnt1z/H7FsiEWNLwEAtGAkKgCJQXiB+SvUCY/JfADQo8wFY0b6IDGjYVMZJI4Dzs+3zLfnvdythI8XBMJPLq923nc7LczO7tLtKT/PQJqUQC2d1qvjQm2FtnN67XWBxsv16tKKTOvi/OpOHNeXylqPH5wm+7dvE6+PyFiyJ7WBK9BEBA6qZRn+4ExrFbkeZrevGsV2u02/I/P8+tkCwE4Qwz+Y/eXZSvFvAWyPzi2/NX6Ku0dHNLodGzBNa/U3G8Lv2IAxs556o/DMkM886QkBpDyPCpj5kyZ9AoyQWbKe5yCYj5r5Zx7ayN9iQHAYThxZDlkeIFxh2fPD/phg1JOYgD+ZEIu51Qq2BH2B0f2m02naXB0Eq2BQi4rRiCO13TeYsdSQ3EEUGpY7SCUIaKfzaQtv8K6WrXEpWhIh3mycslLDGDCNY9SA2HBoQ4Pj08sX6uUbP907FtwACMlMQBsOqhzkJu546HD4G4fkA4OOzEArHDscCCtsSLOeMU8dGgo178hMQA4bjZmd7h8LhONhTQkIXEVJHEu+Uccgbiz958+U7fXj4voycM7dPfGtRmZhEkEYMiL8dH9W7w15+wYnW6PhqM/HnoXYrn0FCwBLCNw6RGwd4v5Gnm78/GZUeY55HzbetFsVJ/WV8uR2bdO1x46bmsejXwql/K0Vq9GNl++dgzfjjYNX6khVEZ92Hi13ooMph3BPmC+d3/2h9zi/9YZWNEJ+Ag2vf7eLrfwhsIKzQcED578suicL7//fAR+A+/2p4hQtG6fAAAAAElFTkSuQmCC') no-repeat center center;
}

.store-container input.timepicker {
    width: 115px;
    border: 1px solid #ddd;
}

#fix-oper-time-tb tr td,
#date-oper-time-tb tr td {
    padding: 10px;
}

#date-oper-time-tb label,
#meal-time-tb label {
    margin-bottom: 0;
}

.store-container .close-setting {
    display: none;
    color: #7f8c8d;
}

.store-container select {
    border: 0;
    height: 28px;
}

.store-container .error-msg,
.store-container .time-msg {
    color: red;
    font-size: 12px;
    float: right;
}

#m_header_topbar {
    /* width: 350px; */
    width: auto;
}
.m-stack.m-stack--general.m-stack--ver>.m-stack__item {
  width: auto;
}

.codeunlock {
    width: 40px;
    height: 40px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPoAAAD6CAYAAACI7Fo9AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAB01JREFUeNrs3dFR20gAgGE5k3foADoIV0GUCqCDOE88xlfBORUcPPIU0wFUcKaCkA6ggoMKfFprM5nMJSQOWkm7+r4ZhZubiYNl/d6VLEuzzWZTAWV7YRWA0AGhA0IHhA4IHRA6IHRA6CB0QOiA0AGhA0IHhA4IHfiOl1ZBIS5mdfPnUbPsN0sd/+9hsxw88bcem+U2/nf4+dAs62a5q043d1ZqOWauMJNl1Icx5i9xv0rwrzzG6NvldHNrxQudfuI+aZZ5orB/5j5Gf9VEf+UFETrdxb0f414MFPdT0YfYz0zxhc7zRu9FHL33Rv7bXsfg1144ofPrgS+b5W2Gv/3N9ncXvNB5cooeAn9fwLO52c5GHLwTOt9EPt9Ofcc/Rd/VeRzhH7zIQp/6NH3VLK8LfpaP2+MMjtILfaKRL+JUfW8iz/gyTueN7kKfzL54GMWPJ/jsw0dyJ/bdh+Fc9/4iD2ewrScaeXCwff7tMQmM6EVHvmdlbH1oRval1WBELynyMIJ9Evk3/mrWy8pqEHpJkX+0Ir7rrdiFLnKxI3SRi51dOBjXfeR18+c/VsTOLqvTzdxqMKLnEHk4uu4ssN8f2YVuRB995OFkmHU1ru+N5+iNb8AJfcyhh5F8DCfD3MQ3nPYacE9F085Avlxj7ij+HPpjwMft7+KCFkIfYeTh3PW/BwzjqurqEk9t/GEKHa5sczDYm9XpprZhCX1s++WfBhq5V00Qq4TPrY7RD3EhDGfPCX1Uod/2vF/e/5VchrvyzR++BCP0qU3ZwxR9kXQE/7XZS7hIRl/foTeFF/rgkYeDWHdVPwevrqv2Ag4PI3nufX6f/t2gb25Cn3zoqx6mssOP4k+P7qsedlvCOjh00YrnccLM7++z9hF5PdrRrN13ruMxg5T2qvbS1wi9d2eJH/9zHMXGfSAqjLLtPvRl4n9pEXeVEHqvo/lx4sjrrKaq7TnqKWM3qgu9d8uEj32fXeT9xW5UF3oR++Zhn/wk84NOizgjSTWqn9gIhd6HedLHzv3kkPZNqo5vWrnNpoRO8tDPi7nJQRt7qpH3IH6sh9CTTdvrKs2XPO6LG6na03PPE+4eIPTsRvN5oSeDLBNN4e2nCz2pOsFj3hR7kYX2zSvF6LsXZ1cIvfNp+1Giafu86PXWntV3b1QXei5SbFiXE7mKyjKT2ZXQSbJhrSax5tKM6q+cPCP0FLr+/vXniV0AMcVHh0Z1oXe+f240f54UXwLyebrQR79BTeva7+2xiK5PjTWiC71Thwmm7XcTXI/rkb8uRXtpFfxUOOjT5cUVpnonl/C833f4eAc2zV/nUlL0oz1K/m/Hj+oqsabujGw/PZwp1/XHbD5iEzojdGc/XeiUby10oQNCB4QOCB2EDggdEDogdEDogNABoQNCB4QOQgeEDggdEDogdEDogNABoYPQAaEDGZrGLZkuZodVew3w2ks+qLD+u7zXfLgn3nrHvxNu4fQwsfvTFxz6xWweN6yTZtnTGD94owg3f1zFW0YJPZO4w724FnERN7u4bJZlqbe0Lif0i9li+0IJnOc5j8E/CH18o/hVx/t+TFu46+u8pP34vEO/mB1V7cEYozgpvGtiX5XwRF6IHH7oYzyoK3SRI3ZT91T75OGz0APbID16k/M+e44j+krkDOAqDjJC72E0Dye/HNvmGEDYTTwTej/ObG8M6G0z2NRCTzuaz03ZGYGl0K1gyvc6fklK6AlG8yOjOSOyEHoac9sWI1IL3YqlfK9ym76/yGbFwrgIPcH+OZhlFj6i79umYBpTdzB1FzoIXehg6g4IHRA6IHRA6IDQAaEDQgeEDkIHhA4IHRA6IHRA6IDQAaGD0AGhA0IHhA4IHRA6IHRA6CB0QOiA0AGhA0IHhA4IHRA6IHQQOiB0QOiA0AGhA0IHhA4IHYQOCB0QOiB0QOiA0AGhA0IHoQNCB4QOCB0QOiB0QOiA0AGhg9ABoQNCB4QOCB0QOiB0QOggdEDogNABoQNCB4QOCB0QOggdEDogdEDogNABoQNCB4QOCB2EDggdEDogdEDogNABoQNCB6EDQgeEDggdEDogdEDogNBB6IDQAaHDBD0IHcp3K3RA6Ds53ay9TBjRpzGi39uuGJk7oXfPqM6YPDYzTSN6Ale2LWyPpYd+urnavovCOKyEns6Z7YsRuM/xAHFuoRvVGdoyx186n9BPNw9GdQZ202yHK6Gnjz28m362vTGQRa6/eI5nxs1N4RnAn7l9pJZ36O3KXtju6NFls91lvduY57nu7X7SO9sfPUU+z/1J5PulFrEj8gmE/jX2N/bZSeBDKZEHs81mk/+zuJjtV+3ZSse2T54pfKozz/nAW7mhfw2+rtoTGl7bXtnR/XbbyfRz8mmF/jX4o6o9Mn/SLHu2YZ5wXYUvqRQaeNmh/z/6MNLvx59MW5iSh7Ms11O6qEn5oQOuGQdCB4QOCB0QOiB0QOiA0AGhg9ABoQNCB4QOCB1I4D8BBgD3p/o2hIE5jwAAAABJRU5ErkJggg==') no-repeat center center;
}

.codelock {
    width: 40px;
    height: 40px;
    display: inline-block;
    background: url('data:image/png;base64,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') no-repeat center center;
}

.news-msg-icon {
    width: 64px;
    height: 64px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAB+pJREFUeAHtW1tslEUUnr1vd7cLYi8JBCQRaSMoFttSI8REaZCmSBMSaGKItRLeSIwSqrxweaEK8YUXAwRLeCBKolxKE4Iot4fa1tiAqKFQCNikLVpp6Xa7vez6fe3+m93/st3Lv3QXOsmfncuZM+c7/5yZ+c+cFWImzWhgRgPPsgYMqQa/e/duY1tbW3EgEFjl94uXhQi8YjCIBRjXgScrOL4Xv0OBgLgvhOGG0Sj+MBgMV4uLi9vQ3x+kSclPShQAoc3Nzc3rjEbjB5C6fHzcP4ZkGx0dt/mhBZQFFDLxEBXATjwmk1Ggj7BYTD6z2exD2YzmC+hzrKys7Cz4jpFez6SrAmpqauwPHz78BODqxsbGxfDwiHt0dEwQdCJpUhlmYbdbB8xmE5X0RW5u7lcNDQ3DifBT66OLAjjNW1tbPwTQegDOGhoadvIt65k4OxwOu8diMXuhmM9KSkq+0cM8klZAZWVlxfj4+EEAzvN4vC6++VQmzgSnM2sQCuk1mUzbGhsbm5IZz5RM54qKin0AfgDA8/HWrX5/IBl2MfXlGD7fiBXjPgdlVC1evDi7o6PjYkydVYgSmgGbN2929vX1fYvp/tbAgMfFBW06EhdPt9s5CLO4PGfOnE3Hjx/3xCtH3Aqoqqpa6PP5zo+MjM0fHByStrF4x9WV3uVyeK1W8wObzbbm1KlT9+JhHpcCguB/9Xp9s/AkZT7xCBkLbVaWbRxPP5TwejxKMMbCnDSc9nzz6Qie8vGFUDbKSFlZF0uKWQG0eU77dHvz4SApG2WkrOH10fIxTWOu9tjeNj5+7IlZs9EGTWXbyMioBYvi3IKCAncsu8OUCpjc5/0H+vsHXakUXE/eUILVZrMWFRYWtt+6dasjGu+oJsATHg852Oed07XVRRNeq42yUmbKTgxadKyPOgOcTmctpv4GHnKiMUnHNh7FrVaLpbu7uwem8JuWjJrbID9senp6HuCgk5Pq462WcMnW89iMg9I/+fn587U+oDSnB7/q+GGTqeCpPMpODMSipUxVBcBuzPyk5VedVsdMqScGYiEmNZlV1wC73b4eNlSFfdWm1kmvujVrysWiRS+KO3c69WKp4MMFEWuBr6ur68/bt2//JSdQ1Qo+MmqGh31uObGeZYLfs2dXiOX58xdCeb0zdMy4XFn0Tv0g560wAW4bUMBq2I6cVrcyv+KKiopC/JhnXapSEEu52paoMAGHw1GK6f9+qqZ/efk7Yv/+elFSUhzCW1hYICoq3hV9ff+Jzk79zYFmgIORt6en+yIORl2hgZFRmADexEo6MMOJ9MqvW1cpdu6sm3jbd+/eE9ev35hgvWzZq2LhwhfE3r274P+zi7NnG/UaMsSHmLAtrkJFS6gSGYUC4HFZQu9tOJEe+dzcHLFjx6cT4A8dOiKOHm2IYFtbWyO2bt0i6uq2i+bmXwS2roj2ZAvEZLUGlsj5KNYAECxN1IsrZx5erq7eBHe3RVy5clUBnnRUCNvgDhfV1RvDu+qSD2JaKmemUADWogWpUMDy5ZOL3okT2l+qUptEKxc2mTKPxsQm56FQAAgcqXBuzps3d2Lszs67chlCZalNog016JDhQojE26iIpKaArCBxBGGyBbd78ljR39+vyUpqk2g1CRNoCGJS+DDVFJAA+8ztoqYAbyoPJdOlqiAmXsJGJDUFDD3FChiKQI+CQgFYK+7zHu5pS8REbHJcakh/562snmnLltq42SXSJ9ogk5gMk0fPMELFSdBoNNzk/bzPJ3Q5DRJIOJjm5mthw2tnpT5HjhzVJoqjhZgYeCHvonjVsP+rDE6QEyZaloAk0j+ZvvLxiInYFPXyCoaltLS0mDll9DgRlpWtlA/xxMvEgjXATGy4To8YX/UjfO3atac9nuH3cA0dQaxn4cyZ70VeXt4ESzhfxfr1G/RkH8ELn8ICDpHTTU1NVRENKChMgAQ4NTUwLEVOrGd5374vRW9vryD4+vr9erJW8CIWzOZjigZUqM4AOhBhBv8+evTYzY+ITE7c/mbPzh4oLS19HrgUbi6FR4hgL1265EfkBUzHUMZrpkxWAKa+Bwtg/eHDhy+r4VA1ARIyGosBSbxcyNRE2YmBWLQwaKJrb28fww1rHwKR3mZMjhaDdK7PznYOQgnbT5482aolp+YMYAeGosGGeuFX1+qftvWUmbITQzQhVRfB8A68HscV03dYEDPmhpgfc1j4YPumjVOF0WmagKQE3q9jQcyGLb2WKaYwa5bLg7d/8Ny5c19LOLR+p1QAOzLSAsEGb2JbmI9dIa3tgRFjNpvlZxx6PtICHV4fdQ0IJ2QcHkPRGI0VXp9OecpGGSlrrHJNuQaEM3qmw+SoCMbfMQ4Pmr7DqRaunOnMUxbKFG+MIGWO2QQkgFRCTk7Ocpyvf8JiMzid7jOOTRkoC2WKJ0BSwhOXCUidpF+Gz+EOYRsDkrA4StVP5Jf7PKLGPTiuH8SC93mig8a0C2gxD+4O7fC2vAGBLIjKSnnEOI+3POHhrf+NfG0sW52W/KyP2wTkzHjQWLFixUs4J3zMgKTsbAf3YDlZ0mXyJG+OwbE45lSHnFgGTcoE5AM8s3+ZkSuC/gT+aQqLVA2e1fAp4Ho+sT9NwTnzIx00GfGnKbkiWIYyjHCulEARKxl7gKqlwVtajb/NCbjlDTcB+hqcGK3on9keGTWlzNTNaGBGA2mjgf8BZUViduBQv20AAAAASUVORK5CYII=') no-repeat center center;
}

.grant-pos {
    background-color: #fff;
    padding-bottom: 0px !important;
    border-bottom: #ddd 1px solid;
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.grant-pos>div {
    padding: 15px 0px 0px 20px;
}

.grant-pos>div:nth-child(3) {
    color: #7f8c8d;
}

.grant-alert-icon {
    width: 24px;
    height: 24px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAaRJREFUSA3tVT1PwzAQfS6tUFmYqFhgQYK5EmsrJv4CP4CBqQsIEAhYCB8qEhIj/4UJViRmGOkEZWHgozStuXMSYzd2UtG1J1U533v3zj5fUmBsOR0QObiG5TVKaOOGAn3MYFVsoKvBDKeQgdlQGw1I1Om3QoUaNuhfDXUCeYEKOngi8WklJfCOSSyKbbz6pSNkuBN0cKLFOY8LcWwIyz2BPEMVIe5Ja3AzfRSxLPbwkFVnMCnNDXHlEGdegQozlmmZBWSANcquZSjUYo6X4m2RvEQZn3ikfs8l2eIQii+PKZqYQAtTWBKb+EpC5tN/gg/smuJmkuXzBpjrMWcBeY552uuOJycdJq7KSSOpyYgoIZq0+7KD7w4xl3MclroDeUqX2sOtg5sfmkBd7OPOJFotkpJO1MsfPVPA8ilXaRhBqwACrBNWNXDL5SlKJskC/hbVWENHdAG6JP7OBBr5vxPEWkqhqHVCHJFf0WuHY82/A49DFbpw1tridfTiNDGLHzzT5JRi0mgPof4rFsQBWlGLuurNfBtN1ciWeKFx+TYiY9ffgV/7vmNvabvN1gAAAABJRU5ErkJggg==') no-repeat center center;
}

.grant-msg-icon {
    width: 100px;
    height: 120px;
    background: url('data:image/png;base64,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') no-repeat center center;
}


/**** roles ****/

.roleContentList .roleItem {
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    color: #949494;
    overflow: hidden;
    cursor: pointer;
}

.roleContentList div.roleItem:nth-child(1) {
    border-top: 1px solid #ddd;
}

.roleContentList .roleItem>div:nth-child(1) {
    flex-basis: 20px;
    padding: 27px 10px;
}

.roleContentList .roleItem>div:nth-child(2) {
    flex-basis: 200px;
    color: #000;
}

.roleContentList .roleItem>div:nth-child(4) {
    float: right;
}

.roleContentList .roleItem>div {
    padding: 15px;
    float: left;
}

.web_toggleContent label.checkbox {
    margin: 12px;
}

.pos_toggleContent .checkbox {
    margin: 22px;
}

.roles-container .toggleRoleItem {
    cursor: pointer;
    display: flex;
    padding: 10px;
    justify-content: space-between;
    border: 1px solid #ddd;
}

.roles-container .pos_toggleContent,
.roles-container .web_toggleContent {
    border: 1px solid #ddd;
    border-top: 0;
    padding: 10px 0px;
}


.roles-container .m-menu__ver-arrow.la.la-angle-up {
    color: #ff8300;
    font-weight: bold;
}

.roles-container .btnDeleteRole {
    cursor: pointer;
    color: red;
    padding: 18px 10px !important;
}

.device_main_table thead tr th {
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    color: #757575;
}

.device_main_table tbody tr td {
    padding: 10px;
    border-bottom: 1px solid #ddd;
}

.device_main_table .btnDelDevice,
#invoiceDetail-modal-head .btnCancelModal,
#invoice-modal-head .btnCancelModal {
    font-size: 16px;
    color: #f44336;
    border-radius: 2px;
    border: solid 1px #e6e6e6;
    font-weight: 500;
    background-color: #fff;
    padding: 5px 10px;
    width: 82px;
}

#invoiceDetail-modal-head .btnCancelModal,
#invoice-modal-head .btnCancelModal {
    padding: 9px 15px;
    width: initial;
    margin-bottom: 10px;
}

.device_main_table .btnToggleDeviceDetail {
    font-size: 14px;
    color: #757575 !important;
    cursor: pointer;
}

.device_main_table .btnDelDeviceRegister {
    border-radius: 2px;
    background-color: #f44336;
    font-size: 16px;
    color: #fff;
    padding: 5px 10px !important;
    float: right;
}

.device_main_table .dtlTitle {
    font-size: 16px;
    color: #757575;
}

.device_main_table .m-menu__ver-arrow.la.la-angle-down {
    color: initial;
    font-weight: initial;
}

.device_main_table .m-menu__ver-arrow.la.la-angle-up {
    color: #ff8300;
    font-weight: bold;
}


/*員工table樣式*/

#ajax_data .m-datatable__table tbody tr td span,
#ajax_data .m-datatable__table tbody tr td span a,
#table-stores .m-datatable__table tbody tr td span,
#table-stores .m-datatable__table tbody tr td span a,
#clockTable .m-datatable__table tbody tr td span,
#clockTable .m-datatable__table tbody tr td span a {
    color: #000;
    font-weight: normal;
}

#ajax_data .m-datatable__table tbody tr td,
#table-stores .m-datatable__table tbody tr td,
#clockTable .m-datatable__table tbody tr td {
    padding: 9px 10px;
}

#ajax_data .m-datatable__table .m-datatable__row,
#ajax_data .m-datatable__table .m-datatable__head,
#table-stores .m-datatable__table .m-datatable__row,
#table-stores .m-datatable__table .m-datatable__head,
#clockTable .m-datatable__table .m-datatable__row,
#clockTable .m-datatable__table .m-datatable__head {
    height: 41px !important;
}

#ajax_data .m-datatable__table th,
#table-stores .m-datatable__table th,
#clockTable .m-datatable__table th {
    padding: 3px 10px !important;
    line-height: 34px !important;
    height: 34px !important;
    font-size: 14px;
    color: #757575;
    font-weight: normal;
}


/*員工編輯 table 樣式*/

#employeeFm .vertical-table tr td:nth-child(1) {
    background-color: #fafafa;
    padding: 5px 10px;
    color: #000000;
    font-weight: normal;
}

#employeeFm input[type=text],
#employeeFm input[type=password] {
    border: 0;
    line-height: 40px;
    padding: 0;
}

#employeeFm .vertical-table tr>td {
    padding: 4px 10px;
}

#employeeFm .passcodeInput {
    text-align: center;
    width: 36px;
    height: 36px;
    margin-right: 5px;
    background-color: #d8d8d8;
    line-height: initial;
}

#employeeFm .passcodeInputed {
    text-align: center;
    width: 36px;
    height: 36px;
    margin-right: 5px;
    border: solid 1px #f0f2f5 !important;
    background-color: #fff;
    line-height: initial;
}

#employeeFm #username-error.form-control-feedback,
#employeeFm .pwdConfirmMsg,
#employeeFm .pwdCodeMsg,
#employeeFm .userNameMsg,
#employeeFm .roleSelectMsg {
    color: red;
}

#employeeFm .popSelRoleWin {
    position: absolute;
    width: 362px;
    background-color: #ffffff;
    top: 0;
    left: 0;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.15);
    display: none;
    z-index: 1
}

#employeeFm .selRoleItem {
    padding: 10px;
    cursor: pointer;
}

#employeeFm .selRoleItem>div:nth-child(1) {
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    color: #000000;
}

#employeeFm .selRoleItem.select>div:nth-child(1) {
    color: #ff8300;
}

#employeeFm .selRoleItem>div:nth-child(2) {
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    color: #757575;
}


/*員工打卡, 外送員紀錄*/

#timeRange,
#clockInRange {
    width: auto;
    height: 40px;
    line-height: 40px;
    border: 1px solid #e6e6e6;
    border-radius: 2px;
    background-color: #FFFFFF;
    padding: 0 10px !important;
    margin-top: 0px;
}

button.dropdown-toggle.btn-default {
    border: 0;
    margin-top: 5px;
}

.searchable_multi_selector_wrapper .btnFilter,
#form-delivery-man .btnFilter,
#clockIn-page .btnFilter,
#filter_company_selector.btnFilter {
    padding: 7px 10px;
    border-radius: 2px;
    background-color: #ffffff;
    border: solid 1px #e6e6e6;
    font-size: 16px;
    font-weight: normal;
    color: #000;
    margin-left: 10px;
    width: max-content;
    cursor: pointer;
    float: left;
}

#filter_company_selector.btnFilter {
    float: none;
}

.searchable_multi_selector_wrapper .btnFilter b,
#form-delivery-man .btnFilter b,
#clockIn-page .btnFilter b,
#filter_company_selector.btnFilter b {
    margin-left: 10px;
}

#form-delivery-man .btnExport,
#clockIn-page .btnExport {
    border-radius: 2px;
    background-color: #ff8300;
    border: solid 1px #e6e6e6;
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    padding: 9px 12px;
}

#form-delivery-man .popFilter,
#clockIn-page .popFilter {
    position: absolute;
    display: none;
    top: 10px;
    width: 256px;
    z-index: 2;
    background-color: #ffffff;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.15);
}

.searchable_multi_selector_wrapper .popFilter,
#company_selector_wrapper .popFilter {
    position: fixed;
    display: none;
    z-index: 2;
    width: 256px;
    background-color: #ffffff;
    padding-top: 1px;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.15);
}

.searchable_multi_selector_wrapper .popFilter ul,
#form-delivery-man .popFilter ul,
#clockIn-page .popFilter ul,
#company_selector_wrapper .popFilter ul {
    padding: 0
}

.searchable_multi_selector_wrapper .popFilter ul li,
#form-delivery-man .popFilter ul li,
#clockIn-page .popFilter ul li,
#company_selector_wrapper .popFilter ul li {
    list-style: none;
    padding: 8px 10px;
}

.searchable_multi_selector_wrapper .popFilter ul li.selItem,
#form-delivery-man .popFilter ul li.selItem,
#form-delivery-man #employee_autocomplete ul li.selItem,
#clockIn-page .popFilter ul li.selItem,
#clockIn-page #employee_autocomplete ul li.selItem,
#company_selector_wrapper .popFilter ul li.selItem {
    cursor: pointer;
    color: #000000;
    font-size: 16px;
    font-weight: normal;
}

.searchable_multi_selector_wrapper .popFilter ul li.selItem.select,
#form-delivery-man .popFilter ul li.selItem.select,
#clockIn-page .popFilter ul li.selItem.select,
#company_selector_wrapper .popFilter ul li.selItem.select {
    color: #ff8300;
}

.searchable_multi_selector_wrapper .popFilter ul li.selItem div,
#form-delivery-man .popFilter ul li.selItem div,
#clockIn-page .popFilter ul li.selItem div,
#company_selector_wrapper .popFilter ul li.selItem div {
    float: right;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    color: #757575;
    width: 70px;
}

.searchable_multi_selector_wrapper .popFilter ul li.selItem:hover,
#form-delivery-man .popFilter ul li.selItem:hover,
#form-delivery-man #employee_autocomplete ul li.selItem:hover,
#clockIn-page .popFilter ul li.selItem:hover,
#clockIn-page #employee_autocomplete ul li.selItem:hover,
#company_selector_wrapper .popFilter ul li.selItem:hover {
    color: #ff8300;
}

.searchable_multi_selector_wrapper .popFilter ul li.selTitle,
#form-delivery-man .popFilter ul li.selTitle,
#clockIn-page .popFilter ul li.selTitle,
#company_selector_wrapper .popFilter ul li.selTitle {
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    color: #757575;
}

#form-delivery-man .employeeWorkInfo,
#clockIn-page .employeeWorkInfo {
    display: none;
    padding: 20px 30px 10px 30px;
    overflow: hidden;
}

#form-delivery-man .employeeWorkInfo>div,
#clockIn-page .employeeWorkInfo>div {
    width: 150px;
    border-radius: 3px;
    background-color: #ffffff;
    border: solid 1px #e6e6e6;
    float: left;
    text-align: center;
    padding: 20px 0;
}

#form-delivery-man .employeeWorkInfo .workTitle,
#clockIn-page .employeeWorkInfo .workTitle {
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    color: #757575;
}

#form-delivery-man .employeeWorkInfo .workNum,
#clockIn-page .employeeWorkInfo .workNum {
    font-size: 28px;
    font-weight: 500;
    font-style: normal;
    color: #000000;
}

#form-delivery-man th[data-field="workPlaceId"],
#form-delivery-man td[data-field="workPlaceId"],
#form-delivery-man th[data-field="fieldClockInTime"],
#form-delivery-man td[data-field="fieldClockInTime"],
#form-delivery-man th[data-field="employee_id"],
#form-delivery-man td[data-field="employee_id"],
#clockIn-page th[data-field="workPlaceId"],
#clockIn-page td[data-field="workPlaceId"],
#clockIn-page th[data-field="fieldClockInTime"],
#clockIn-page td[data-field="fieldClockInTime"],
#clockIn-page th[data-field="employee_id"],
#clockIn-page td[data-field="employee_id"] {
    display: none;
}

#form-delivery-man .m-datatable__table,
#clockIn-page .m-datatable__table {
    min-height: initial !important;
}

#form-delivery-man .m-datatable__table,
#clockIn-page .m-datatable__table {
    border-bottom: 0;
}

#form-delivery-man .m-datatable.m-datatable--default>.m-datatable__pager>.m-datatable__pager-info .m-datatable__pager-size .btn.dropdown-toggle,
#clockIn-page .m-datatable.m-datatable--default>.m-datatable__pager>.m-datatable__pager-info .m-datatable__pager-size .btn.dropdown-toggle {
    border-radius: 0 !important;
    height: initial !important;
    background-color: #fff;
    margin-top: 0px;
}

#form-delivery-man .m-datatable>.m-datatable__pager>.m-datatable__pager-info .m-datatable__pager-size .btn.dropdown-toggle:hover,
#form-delivery-man .m-datatable>.m-datatable__pager>.m-datatable__pager-info .m-datatable__pager-size.show>.btn.dropdown-toggle,
#clockIn-page .m-datatable>.m-datatable__pager>.m-datatable__pager-info .m-datatable__pager-size .btn.dropdown-toggle:hover,
#clockIn-page .m-datatable>.m-datatable__pager>.m-datatable__pager-info .m-datatable__pager-size.show>.btn.dropdown-toggle {
    color: #000;
}


/* #clockIn-page .m-datatable__pager-detail {
    line-height: 38px;
    display: inline-block;
} */


/*#clockIn-page .bootstrap-select>.dropdown-toggle {
    z-index: 1;
}
*/
#pointType{
    height:40px
}

.paySetting {
    display: none;
    width: 100%;
}

#item_name-error {
    color: #f4516c;
}


/*優惠樣式*/

.discount #discount_dt .status,.discount #discountOnline_dt .status {
    display: flex;
    align-items: center;
}

.discount #discount_dt .status .space, .discount #discountOnline_dt .status .space{
    width: 60px;
}

.discount #discount_dt .row-status ,.discount #discountOnline_dt .row-status{
    width: 74px;
    height: 31px;
    text-align: center;
    font-size: 13px;
    padding: 4px;
    border-radius: 15.5px;
    border: solid 1px #5eae48;
}

.discount #discount_dt .row-status.draft,.discount #discountOnline_dt .row-status.draft {
    color: #a3b1bf;
    border: solid 1px #a3b1bf;
}

.discount #discount_dt .row-status.active,.discount #discountOnline_dt .row-status.active {
    color: #5eae48;
    border: solid 1px #5eae48;
}

.discount #discount_dt .row-status.disabled,.discount #discountOnline_dt .row-status.disabled {
    color: #e6e6e6;
    border: solid 1px #e6e6e6;
}

.discount #discount_dt .diccount-name,.discount #discountOnline_dt .diccount-name {
    display: flex;
    flex-direction: column;
}

.discount #discount_dt .diccount-name span,.discount #discountOnline_dt .diccount-name span {
    font-size: 14px;
    color: #757575;
    letter-spacing: 1px;
}

.discount #discount_dt .choose-type {
    position: relative;
}

.discount #discount_dt .typefilter {
    font-family: 'Noto Sans TC', 'PingFangTC', sans-serif;
    position: absolute;
    float: none;
    display: none;
    border: 0;
    padding: 0;
    margin: 0;
    background-color: #f3f3f3;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    top: 0;
    right: -75px;
}

.discount #discount_dt .execution {
    width: 40px;
    height: 20px;
    border-radius: 2px;
    font-size: 13px;
    line-height: 17px;
    text-align: center;
    border: solid 1px #e6e6e6;
}

.discount #discount_dt .execution.auto {
    color: #757575;
}

.discount #discount_dt .execution.option {
    color: #5eae48;
}

.discount-container h5.block-Title {
    font-size: 20px;
    font-weight: normal;
    font-style: normal;
    color: #000000;
}

.discount-container input[type=text],
.discount-container input[type=number] {
    padding: 5px;
    border: 0;
}

.discount-container .vertical-table tr>td {
    padding: 7px 10px;
    line-height: 34px;
}

.discount-container .table tr>td {
    line-height: initial;
    padding: 7px 10px;
    background-color: #ffffff;
    border: solid 1px #e6e6e6;
    vertical-align: middle;
}

.discount-container label {
    margin-bottom: 0;
    font-weight: normal;
    color: #000;
}

.discount-container label.m-radio {
    margin-bottom: 0;
    font-weight: normal;
    color: #000;
    display: initial;
}

.discount-container input.inputNum {
    text-align: right;
}

.discount-container .la-angle-down {
    color: #ff8300;
}

.discount-container #toggleAmountAdv,
.discount-container #toggleAmountAdv label,
.discount-container #toggleApplyOrder,
.discount-container #toggleApplyOrder label,
.discount-container #toggleCodeReuse,
.discount-container #toggleCodeReuse label {
    cursor: pointer;
}

.discount-container #toggleAmountAdv.disabled,
.discount-container #toggleAmountAdv.disabled label,
.discount-container #toggleAmountAdv.disabled i,
.discount-container #toggleApplyOrder.disabled,
.discount-container #toggleApplyOrder.disabled label,
.discount-container #toggleApplyOrder.disabled i,
.discount-container #toggleCodeReuse.disabled,
.discount-container #toggleCodeReuse.disabled label,
.discount-container #toggleCodeReuse.disabled i {
    color: #c5c5c5;
    cursor: initial;
}

.discount-container .tb-title {
    background-color: #fafafa !important;
    color: #000;
    font-weight: normal;
}

.discount-container .mealtimePopWin {
    border-radius: 5px;
    background-color: #ffffff;
    box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.3);
    padding: 10px;
    position: absolute;
    width: 230px;
    top: 0px;
    display: none;
    width: 100%;
}

.discount-container .mealtime_list .useMethod {
    margin: 12px 0;
}

.discount-container .selMealtime {
    background-color: #ffffff;
    border: solid 1px #dddddd;
    border-left: 0;
    padding: 6px 5px;
    cursor: pointer;
    display: none;
}

.discount-container .tbTimeSetting,
.discount-container .edenred_option input.third-party-option:disabled {
    display: none;
}

.discount-container .m_timepicker {
    /*border: solid 1px #e6e6e6 !important;*/
}

.discount-container .daySelect {
    margin: 5px 10px;
    /* margin-left: 64px; */
    border-bottom: 1px solid #ddd;
    padding: 5px 10px 8px 10px;
}

.discount-container .toggleDaySelect {
    display: none;
}

.discount-ItemList .m-accordion__item-head {
    background-color: #fff !important;
    border: 1px solid #ebedf2;
}

.discount-ItemList .m-accordion__item_content ul {
    list-style: none;
    background-color: #fff;
}

.discount-ItemList .m-accordion__item_content ul li {
    padding: 8px 40px;
    min-height: 50px;
    border-bottom: solid 1px #e6e6e6;
}

.discount-ItemList .m-accordion__item-head .m-accordion__item-mode {
    margin-right: 5px;
}

.discount-ItemList .m-accordion__item-head:not(.collapsed) .m-accordion__item-mode:before {
    color: #ff8300;
    font-family: FontAwesome;
    content: "\f107" !important;
}

.discount-ItemList .m-accordion__item-head.collapsed .m-accordion__item-mode:before {
    font-family: FontAwesome;
    content: "\f106" !important;
}

.discount-ItemList .m-accordion__item-head:not(.collapsed) {
    margin-top: 16px;
}

.discount-ItemList .m-accordion__item-body.show {
    margin-bottom: 16px;
}

.m-accordion.m-accordion--bordered .m-accordion__item {
    border: none;
}

.discount-container .nav-bottom {
    position: absolute;
    bottom: 40px;
    font-size: 16px;
    width: 160px;
}

.discount-container .nav-bottom .btn {
    width: 100%;
    margin: 8px 0;
    font-size: 1rem;
}

.discount-container .dudoo-edit-basic-info-name-others .dudoo-others-item {
    margin: 0;
    margin-top: 5px;
    border: 1px solid #e6e6e6;
    min-height: 40px;
    padding: 0;
    align-items: center;
}

.discount-container .dudoo-edit-basic-info-name-others .dudoo-others-item>div:nth-of-type(2) {
    border-left: 1px solid #d6d6d6
}

.discount-container .dudoo-switch {
    display: flex;
    align-items: center;
    flex-basis: 60px;
    padding-left: 20px;
    padding-right: 0;
}

.discount-container #advance_name_setting {
    display: none;
    background-color: #fff;
}


/* DISCOUNT page/element styles */

.discount-type-block {
    /*display: flex;
  justify-content: space-between;*/
    margin: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    height: 125px;
    box-sizing: border-box;
}

.discount-type-block:hover {
    cursor: pointer;
}

.discount-type-block.selected {
    border: 2px solid #ff8300;
    /*padding: 19px;*/
    -webkit-box-shadow: 0 0px 12px 2px rgba(0, 0, 0, 0.11), 0 0px 12px 9px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0 0px 12px 2px rgba(0, 0, 0, 0.11), 0 0px 12px 9px rgba(0, 0, 0, 0.06);
    -ms-box-shadow: 0 0px 12px 2px rgba(0, 0, 0, 0.11), 0 0px 12px 9px rgba(0, 0, 0, 0.06);
    -o-box-shadow: 0 0px 12px 2px rgba(0, 0, 0, 0.11), 0 0px 12px 9px rgba(0, 0, 0, 0.06);
    box-shadow: 0 0px 12px 2px rgba(0, 0, 0, 0.11), 0 0px 12px 9px rgba(0, 0, 0, 0.06);
}

.discount-type-block img {
    float: left;
    /*margin-right: 20px;*/
}

.discount-type-block div.caption {
    float: left;
    height: 120px;
    margin-left: 25px;
    padding: 32px 0;
}

.discount-type-block div.caption h6 {
    font-size: 20px;
    font-weight: normal;
    font-style: normal;
    color: #000000;
}

.discount-type-block div.caption small {
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    color: #757575;
}

.discount-type-block ul {
    float: right;
    width: 140px;
    list-style-type: none;
    font-size: 14px;
    line-height: 24px;
    border-left: 1px solid #ddd;
    padding: 8px 0 8px 20px;
    margin-top: 18px;
    font-weight: normal;
    font-style: normal;
    color: #757575;
}

.discount-container .discount-nextStep {
    border-radius: 2px;
    border: 1px solid #dddddd;
    background-color: #fafafa;
    padding: 6px 0;
    width: 114px;
    height: 40px;
}

.discount-container .input-count {
    width: 60px;
    text-align: right;
    border: 1px solid #e6e6e6 !important;
    border-radius: 2px;
    margin: 0 3px;
}

.discount-container .executionAdvTr,
.discount-container .applyOrderTr,
.discount-container .codeReuseTr{
    display: none;
}

.discount-container tr.disabled td:nth-child(2),
.discount-container tr.disabled td:nth-child(3) {
    opacity: .6;
}

.discount-container .reduction-group {
    display: flex;
    border: 1px solid #ddd;
    border-radius: 2px;
    cursor: pointer;
}

.discount-container .reduction-group .reduction-btn:nth-child(1) {
    border-left: 0px;
    padding: 0 7px;
}

.discount-container .reduction-group .reduction-btn.active {
    background-color: #ff8300;
    border-left: 1px solid #ff8300;
    color: #fff;
}

.discount-container .reduction-group .reduction-btn {
    height: 32px;
    min-width: 32px;
    flex: 1;
    border-left: 1px solid #ddd;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    font-size: 16px;
    font-weight: 500;
}

.discount-container .reduction-group .reduction-btn input[type=radio] {
    display: none;
}

.discount-container .dudoo-edit-basic-color {
    color: #fff;
}

.discount-container .dudoo-edit-basic-color .dudoo-edit-basic-color-diaplay {
    height: 126px;
    width: 126px;
    padding-top: 16px;
    font-size: 18px;
}

.discount-container .dudoo-edit-basic-color .dudoo-edit-basic-color-setting {
    width: 126px;
    height: 40px;
    color: #757575;
    padding: 6px;
    position: relative;
}

.discount-container .dudoo-edit-basic-color .dudoo-edit-basic-color-setting .dudoo-color-panel-ps {
    position: absolute;
    height: 180px;
    width: 180px;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.3);
    top: -128px;
    left: -54px;
    display: none;
}

.discount-container .dudoo-edit-basic-color-setting .dudoo-color-panel-ps .color-dot2.active {
    border: 2px solid #fff;
    box-shadow: 0px 0px 1px #616161;
    background-position-x: -2px;
    background-position-y: -1px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABrSURBVEhL7Y9hCsAgCEY7xeiOHXi30fmBwpCSrflvPghR+17UiuIxzNyJaGibi8pPqZz+iJOjdl1956dyCYwokCFfBjHbloNIEO1eMRPNZnp9Dy9MlRsQmRikyg0Ibz/IlRsiP3C0LQpPaxc2+CJ4/uaJEgAAAABJRU5ErkJggg==');
}

.discount-container .dudoo-edit-basic-color-setting .dudoo-photo-setting-item .color-dot2 {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    float: right;
    margin-top: 5px;
}

.discount-container .dudoo-edit-basic-color-setting .dudoo-color-panel-ps .color-dot2 {
    width: 20px;
    height: 20px;
    /* padding: 10px; */
    border-radius: 50%;
    float: left;
    margin: 8px;
    cursor: pointer;
    color: #fff;
    box-sizing: content-box;
    border: 2px solid #fff;
    line-height: initial;
}

.keyboard-container .kb-tag-setting-tool > div {
  line-height: 56px;
}

.keyboard-container .kb-tag-setting-tool .color-dot {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  float: right;
  margin-top: 18px;
}

.keyboard-container .color-dot2 {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  float: left;
  margin: 8px;
  cursor: pointer;
  color: #fff;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  border: 2px solid #fff;
  line-height: initial;
}

.keyboard-container .color-dot2.active {
  border: 2px solid #fff;
  -webkit-box-shadow: 0px 0px 1px #616161;
          box-shadow: 0px 0px 1px #616161;
  background-position-x: -2px;
  background-position-y: -1px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABrSURBVEhL7Y9hCsAgCEY7xeiOHXi30fmBwpCSrflvPghR+17UiuIxzNyJaGibi8pPqZz+iJOjdl1956dyCYwokCFfBjHbloNIEO1eMRPNZnp9Dy9MlRsQmRikyg0Ibz/IlRsiP3C0LQpPaxc2+CJ4/uaJEgAAAABJRU5ErkJggg==");
}

.keyboard-container .color-dot2.tag-color16 {
  border: 1px solid #ddd;
}

.keyboard-container .color-dot2.tag-color16.active {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwwAADsMBx2+oZAAAAG1JREFUSEvtklEKwCAIQD3F6I67iXq/jrMlKEQ02Zb7mg9CzHx+GCTJbZi5ENGuaSwiR8Ta4hE+pJdrLFpa56dyWZLXECG/bFySC57Aqz1iJprd6fN3jMJQudEPCZcbNuQTudF+1iZH0yQZATgBTKOzjZ6WbRAAAAAASUVORK5CYII=") !important;
}


.news-page {
    padding: 25px 32px;
}

.news-page .table-bottom {
    display: flex;
    flex-direction: row-reverse;
}

.news-page #ajax_data thead {
    display: none !important;
}

.news-page .m_datatable {
    background: none !important;
    border: none !important;
    border-radius: 5px;
}

.news-page .m-datatable__table .m-datatable__row {
    border: none !important;
}

.news-page .news-contet {
    height: 105px;
    width: 100%;
    display: flex;
    padding: 16px;
    flex-direction: column;
    background-color: #fff;
    border: 1px solid #e6e6e6;
}

.news-page .news-contet .top {
    display: flex;
    justify-content: space-between;
}

.news-page .news-contet .top .title {
    font-size: 18px;
}

.news-page .news-contet .top .time {
    font-size: 14px;
    color: #757575;
}

.news-page .news-contet .content {
    width: 100%;
    margin-top: 8px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #757575;
    font-size: 14px;
    height: 2.8rem;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
}

.discount-container .dudoo-edit-basic-color .bg-color1,
.discount-container .dudoo-color-panel-ps .tag-color1 {
    background-color: #ffa39e;
}

.discount-container .dudoo-edit-basic-color .bg-color2,
.discount-container .dudoo-color-panel-ps .tag-color2 {
    background-color: #ffadd2;
}

.discount-container .dudoo-edit-basic-color .bg-color3,
.discount-container .dudoo-color-panel-ps .tag-color3 {
    background-color: #ffbb96;
}

.discount-container .dudoo-edit-basic-color .bg-color4,
.discount-container .dudoo-color-panel-ps .tag-color4 {
    background-color: #ffd591;
}

.discount-container .dudoo-edit-basic-color .bg-color5,
.discount-container .dudoo-color-panel-ps .tag-color5 {
    background-color: #91d5ff;
}

.discount-container .dudoo-edit-basic-color .bg-color6,
.discount-container .dudoo-color-panel-ps .tag-color6 {
    background-color: #adc6ff;
}

.discount-container .dudoo-edit-basic-color .bg-color7,
.discount-container .dudoo-color-panel-ps .tag-color7 {
    background-color: #d3f261;
}

.discount-container .dudoo-edit-basic-color .bg-color8,
.discount-container .dudoo-color-panel-ps .tag-color8 {
    background-color: #ffe58f;
}

.discount-container .dudoo-edit-basic-color .bg-color9,
.discount-container .dudoo-color-panel-ps .tag-color9 {
    background-color: #87e8de;
}

.discount-container .dudoo-edit-basic-color .bg-color10,
.discount-container .dudoo-color-panel-ps .tag-color10 {
    background-color: #b7eb8f;
}

.discount-container .dudoo-edit-basic-color .bg-color11,
.discount-container .dudoo-color-panel-ps .tag-color11 {
    background-color: #d3adf7;
}

.discount-container .dudoo-edit-basic-color .bg-color12,
.discount-container .dudoo-color-panel-ps .tag-color12 {
    background-color: #d2d2d2;
}

#category_list {
    max-height: max-content !important;
}

.customer_detail {
    width: 600px !important;
    right: -600px;
}

.customer_detail .overview {
    display: flex;
}

.customer_detail .overview .line {
    width: 1px;
    background-color: #dddddd;
}

.customer_detail .overview .item {
    padding: 8px 16px;
}

.customer_detail .overview .item .title {
    font-size: 14px;
    text-align: center;
    color: #757575;
}

.customer_detail .overview .item .content {
    font-size: 24px;
    text-align: center;
}

.customer_detail .overview + .m-messenger {
    border-top: 1px solid #ebedf2;
}

.customer_detail .m-messenger {
    margin: 18px 0;
}

.customer_detail .m-messenger .row {
    padding: 12px;
}

.customer_detail .m-messenger .row .font-white {
    font-size: 16px;
    color: #9b9b9b;
}

.customer_detail .m-list-timeline .m-accordion__item-head {
    display: flex;
    flex-direction: column;
}

.customer_detail .m-list-timeline .m-accordion__item-head>div {
    display: flex;
    padding: 8px 16px;
}

.customer_detail .m-list-timeline .font-red,
.prepaid_detail .m-accordion__item_content .font-red {
    font-size: 16px;
    color: #ff0000;
}

.customer_detail .m-list-timeline .m-accordion__item-point-name {
    display: flex;
    flex-direction: column;
}

.customer_detail .m-list-timeline .m-accordion__item-point-name small {
    color: #757575;
    font-size: 14px;
}

.customer_detail .m-list-settings,
.customer_detail .m-list-timeline {
    display: flex;
    flex-direction: column;
}

.customer_detail .m-accordion__item-head {
    display: flex;
    padding: 16px;
    border-radius: 5px;
    border: 1px solid #dddddd;
}

.customer_detail .m-item,
.customer_detail .m-accordion__item_content .m-item {
    flex: 1;
}

.customer_detail .m-item-2,
.customer_detail .m-accordion__item_content .m-item-2 {
    flex: 2;
}

.customer_detail .m-accordion__item-text {
    color: #666666;
    line-height: 1.25;
    font-size: 16px;
}

.customer_detail .m-accordion__item-number {
    font-size: 20px;
    line-height: 1.25;
}

.customer_detail .m-accordion__item-price {
    text-align: right;
    padding-right: 16px;
}

.customer_detail .m-list-settings .la {
    font-size: .3rem;
}

.customer_detail .m-accordion__item-head {
    background-color: #fff !important;
}

.customer_detail .m-accordion__item_content ul {
    list-style: none;
    background-color: #fff;
    border-bottom: solid 1px #e6e6e6;
}

.customer_detail .m-accordion__item_content ul li {
    padding: 16px 40px;
    display: flex;
    border: solid 1px #e6e6e6;
}

.customer_detail .m-accordion__item_content ul li.no-boder {
    border: solid 1px #e6e6e6;
    border-width: 0 1px 0 1px !important;
}

.customer_detail .m-accordion__item-head .m-accordion__item-mode {
    margin-right: 5px;
}

.customer_detail .m-accordion__item-head:not(.collapsed) .m-accordion__item-mode:before {
    color: #ff8300;
    font-family: FontAwesome;
    content: "\f107" !important;
}

.customer_detail .m-accordion__item-head.collapsed .m-accordion__item-mode:before {
    font-family: FontAwesome;
    content: "\f106" !important;
}

.customer_detail .m-accordion__item-head:not(.collapsed) {
    margin-top: 16px;
}

.customer_detail .m-accordion__item-head:not(.collapsed) .la-angle-down {
    transform: rotate(180deg);
    font-weight: 700;
    color: #ff8300;
}

.customer_detail .m-accordion__item-body.show {
    margin-bottom: 16px;
}

.m-accordion.m-accordion--bordered .m-accordion__item {
    border: none;
}

.prepaid_detail {
    width: 640px !important;
    right: -640px;
}

.prepaid_detail .m-accordion__item_content ul li {
    width: 100%
}

.prepaid_detail .m-accordion__item_content small {
    color: #757575;
}

.prepaid_detail .m-messenger .m-accordion__item-point-name {
    display: flex;
    flex-direction: column;
}

.prepaid_detail .pid_disabled.actived {
    background-color: #fff;
}

.prepaid_detail .pid_disabled {
    border-radius: 2px;
    cursor: pointer;
    background-color: #dddddd;
    font-size: 16px;
    padding: 8px 24px;
    border: 1px solid #cccccc;
    color: #e02020;
}


/*編輯頁面layout調整*/

div#m_ver_body.backSidePage {
    padding-top: 0 !important;
    max-height: 100vh;
}

div#m_ver_body.backSidePage .m-aside-left {
    position: relative;
}

div#m_ver_body.backSidePage .m-aside-left .advance {
    position: absolute;
    bottom: 50px;
    left: 0px;
    width: 100%;
}

div#m_ver_body.backSidePage .m-wrapper {
    overflow: scroll;
    padding-top: 0 !important;
    margin: 0;
}

@media (max-width: 992px) {
    div#m_ver_body.backSidePage .m-aside-left {
        position: relative;
        left: 0;
        top: 0;
        width: 100% !important;
        /* height: 60px; */
    }

    div#m_ver_body.backSidePage .m-aside-left .advance {
        position: relative;
        bottom: 0px;
        padding: 30px 0;
    }

    div#m_ver_body.backSidePage .m-aside-left .advance>div {
        position: relative !important;
    }
}

.processing-loading {
    position: absolute;
    z-index: 1;
    top: 20%;
    left: 0;
    right: 0;
    padding: 20px;
    color: #ff8300;
    text-align: center;
    font-size: 1.2em;
    background-color: white;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    /* FF3.6+ */
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    /* IE10+ */
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    /* Opera 11.10+ */
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
}

.processing-loading::after {
    content: "載入中...";
}

.prepaid .label {
    padding: 0px 4px;
    font-size: 13px;
    border-radius: 2px;
    border: solid 1px #e6e6e6;
}

.prepaid .label-disable {
    color: #e02020;
}

.prepaid .label-unactive {
    color: #757575;
}

.prepaid .jumbotron,
.discount .jumbotron {
    display: flex;
    padding: 50px;
}

.prepaid .jumbotron .left,
.discount .jumbotron .left {
    display: flex;
    flex: 3;
    justify-content: center;
}

.prepaid .jumbotron .left img,
.discount .jumbotron .left img {
    height: 100%;
    width: auto;
}

.prepaid .jumbotron .right,
.discount .jumbotron .right {
    display: flex;
    flex-direction: column;
    flex: 4;
    justify-content: center;
    align-items: center;
}

.prepaid .jumbotron .right .title,
.discount .jumbotron .right .title {
    font-size: 32px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 2px;
}

.prepaid .jumbotron .right .sub-title,
.discount .jumbotron .right .sub-title {
    font-size: 20px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #757575;
    margin-top: 10px;
}

.prepaid .jumbotron .right .link,
.discount .jumbotron .right .link {
    width: 118px;
    height: 40px;
    border-radius: 2px;
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.5;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    background-color: #ff8300;
    cursor: pointer;
    margin-top: 20px;
}

.editRole-container {
    padding: 20px 40px;
    overflow: auto;
    max-height: 400px;
}

.editRole-container label {
    margin: 22px 0;
}

.cate-item {
    border: 1px solid #e6e6e6;
    border-bottom: 0;
    overflow: hidden;
    background-color: #fff;
}

.cate-item:last-child {
    border-bottom: 1px solid #e6e6e6;
}

.cate-item .rowMove {
    height: 48px !important;
}

.cate-item>div {
    padding: 0;
}

.cate-item>div:nth-child(2) {
    border-left: 1px solid #e6e6e6;
}

.cate-item input {
    background-color: #fff;
    float: left;
    width: 80%;
    padding: 11px 5px;
    border: 0;
}

.cate-item .removeCate {
    float: right;
    margin-top: 9px;
    margin-right: 3px;
}

.cate-item .hide,
.cate-item.hide {
    display: none;
}


/***套餐***/

.setTopDiv {
    border-bottom: 1px solid #ddd;
}

.setMenuContent {
    width: 600px;
    border: 1px solid #ddd;
    background-color: #fff;
}

.setContentTitle {
    padding: 14px 10px;
    font-size: 18px;
}

#set_content_btn,
#set_fix_content_btn,
#set_content_sort,
#set_rand_content_btn {
    background-color: #ffffff;
    font-size: 16px;
    float: right;
    padding: 10px;
    border: 1px solid #ddd;
    margin: 7px 0;
}

#setContent .init,
#setFixContent .init,
#itemGroupEdit_modal .init,
#set_rand_content_modal .init,
#set_fix_content_modal .init {
    padding: 20px;
    width: 320px;
    text-align: center;
    margin: auto;
    color: #757575;
}

#setContent .init .warn,
#setFixContent .init .warn,
#itemGroupEdit_modal .init .warn,
#set_rand_content_modal .init .warn,
#set_fix_content_modal .init .warn {
    margin: auto;
    margin-bottom: 15px;
    width: 48px;
    height: 48px;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNDhweCIgaGVpZ2h0PSI0OHB4IiB2aWV3Qm94PSIwIDAgNDggNDgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUyLjUgKDY3NDY5KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5pY193YXJuaW5nX2dyYXlfNDhweDwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSLliIflnJYiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJEZXNrdG9wLUhEIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTE3OS4wMDAwMDAsIC00NTAuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSJpY193YXJuaW5nX2dyYXlfNDhweCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTE3OS4wMDAwMDAsIDQ1MC4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxwb2x5Z29uIHBvaW50cz0iMCAwIDQ4IDAgNDggNDggMCA0OCI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTMuNzM0NDQ3MjgsNDIgTDQ0LjI2NTU1MjcsNDIgQzQ0LjgxNzgzNzUsNDIgNDUuMjY1NTUyNyw0MS41NTIyODQ3IDQ1LjI2NTU1MjcsNDEgQzQ1LjI2NTU1MjcsNDAuODI0MDU3NCA0NS4yMTkxMzI2LDQwLjY1MTIyOTEgNDUuMTMwOTc5LDQwLjQ5ODk2MzcgTDI0Ljg2NTQyNjMsNS40OTQ4MjcyMiBDMjQuNTg4NzExNiw1LjAxNjg2NTQ4IDIzLjk3NjkyNTUsNC44NTM3MjI1MSAyMy40OTg5NjM3LDUuMTMwNDM3MjEgQzIzLjM0Nzc1MjIsNS4yMTc5ODA3MiAyMy4yMjIxMTcyLDUuMzQzNjE1NyAyMy4xMzQ1NzM3LDUuNDk0ODI3MjIgTDIuODY5MDIxLDQwLjQ5ODk2MzcgQzIuNTkyMzA2MzEsNDAuOTc2OTI1NSAyLjc1NTQ0OTI3LDQxLjU4ODcxMTYgMy4yMzM0MTEwMSw0MS44NjU0MjYzIEMzLjM4NTY3NjM2LDQxLjk1MzU3OTkgMy41NTg1MDQ2OSw0MiAzLjczNDQ0NzI4LDQyIFogTTI2LDM2IEwyMiwzNiBMMjIsMzIgTDI2LDMyIEwyNiwzNiBaIE0yNiwyOCBMMjIsMjggTDIyLDIwIEwyNiwyMCBMMjYsMjggWiIgaWQ9IlNoYXBlIiBmaWxsPSIjQTNCMUJGIiBmaWxsLXJ1bGU9Im5vbnplcm8iPjwvcGF0aD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+') no-repeat center center;
}

#setFixContent .i-title,
#setContent .i-title,
#setItemContent .i-title,
.setRandItemContent .i-title,
.setFixItemContent .i-title,
#setFixItemContent .i-title,
#expandSection_default .i-title {
    margin: 0;
    padding: 5px !important;
    color: #757575;
    background-color: #e6e6e6;
    border: 1px solid #ddd;
    border-bottom: 0;
}

.setRandItemContent .i-title,
.setFixItemContent .i-title {
    text-align: right;
}

.setMenuItemL1>div:nth-child(1) {
    margin: auto 0px;
    width: 65%;
}

.setMenuItemL1>div:nth-child(2) {
    float: right;
    width: 30%;
    margin: auto 0;
}

.setMenuItemL1>div:nth-child(2) a {
    float: right;
    margin: auto;
}

.setMenuItemL1>div:nth-child(2) a span {
    font-size: 14px;
    color: #757575;
}

.setMenuItemL1>div:nth-child(2) a i {
    transform: scale(0.65, 0.65);
    color: #ff8300;
}

.setMenuItemL1 label.typeRoot {
    margin: auto;
}

.setMenuItemL2 {
    padding: 0px 10px 0px 30px;
    margin-bottom: 16px;
    display: none;
}

.setMenuItemL2>div {
    padding: 8px 0px;
    overflow: auto;
}

.setMenuItemL2>div:last-child {
    border-bottom: 1px solid #ddd;
}

.setMenuItemL2>div>span {
    float: right;
    margin-right: 25px;
    color: #757575;
}

.setMenuItemL2>div label {
    margin: auto;
    float: left;
}

.fixMsg {
    margin-top: 10px;
    display: none;
    padding-left: 10px;
}

.fix-menu-list {
    border: 1px solid #ddd;
    border-top: 0;
    margin-bottom: 20px;
}

.fix-menu-list>.fix-item,
.rand-menu-list>.rand-item {
    overflow: hidden;
    border-top: 1px solid #ddd;
    background-color: #fff;
}

.fix-menu-list>.fix-item .form-control-feedback {
    display: none !important;
}

.fix-menu-list>.fix-item .price-row,
.rand-menu-list>.rand-item .price-row {
    overflow: hidden;
    width: 64%;
}

.rand-menu-list>.rand-item .price-row {
    width: 60%;
}

.fix-menu-list>.fix-item .price-row .p-item div,
.rand-menu-list>.rand-item .price-row .p-item div,
.fix-menu-list>.fix-item div.fix-col1,
.rand-menu-list>.rand-item div.rand-col1 {
    float: left;
    line-height: 40px;
    padding: 4px 4px;
}

.rand-menu-list>.rand-item div.rand-col1 {
    padding-left: 45px;
}

.fix-menu-list>.fix-item .price-row .p-item,
.rand-menu-list>.rand-item .price-row .p-item {
    overflow: hidden;
    border-bottom: 1px solid #ddd;
}

.fix-menu-list>.fix-item .price-row>div:last-child,
.rand-menu-list>.rand-item .price-row>div:last-child {
    border: 0;
}

.fix-menu-list>.fix-item div.fix-col1,
.rand-menu-list>.rand-item div.rand-col1 {
    width: 36%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.rand-menu-list>.rand-item div.rand-col1 {
    width: 40%;
}

.fix-menu-list>.fix-item div.fix-col2,
.rand-menu-list>.rand-item div.rand-col2 {
    width: 40%;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    padding-left: 10px;
    overflow: hidden;
}

.rand-menu-list>.rand-item div.rand-col2 {
    width: 35%;
}

.rand-menu-list>.rand-item div.rand-col3 {
    width: 30%;
    border-right: 1px solid #ddd;
    text-align: right;
}

.rand-menu-list>.rand-item div.rand-col4 {
    float: right;
    width: 100px;
    text-align: right;
}

.fix-menu-list>.fix-item div.fix-col2-s {
    width: 20%;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    overflow: hidden;
}

.fix-menu-list>.fix-item div.fix-col2 .p-name,
.fix-menu-list>.fix-item div.fix-col2-s .p-name,
.rand-menu-list>.rand-item div.rand-col2 .p-name {
    height: 40px;
    padding: 0;
}

.fix-menu-list>.fix-item div.fix-col2>div {
    display: inline-block;
    width: 70px;
}

.fix-menu-list>.fix-item>div input[type=text],
.fix-menu-list>.fix-item>div input[type=number] {
    border: 1px solid #ddd;
    width: 46px;
    height: 40px;
    float: right;
    text-align: right;
}

#setItemContent .fix-menu-list>.fix-item>div input[type=text],
#setItemContent .fix-menu-list>.fix-item>div input[type=number] {
    border: 1px solid #ddd;
    width: 46px;
    height: 40px;
    float: initial;
    text-align: right;
}

.fix-menu-list>.fix-item>div input[type=text]:nth-child(1),
.fix-menu-list>.fix-item>div input[type=number]:nth-child(1) {
    padding: 11px 0;
    width: 65px;
    text-align: center;
}

#setFixItemContent .fix-menu-list>.fix-item>div input[type=text]:nth-child(1) {
    text-align: right;
}

.fix-menu-list>.fix-item div.fix-col3 {
    display: inline-block;
    width: 89px;
    text-align: right;
    border-right: 1px solid #ddd;
    padding-right: 10px;
}

.fix-menu-list>.fix-item div.fix-col3 input {
    text-align: right;
}

.fix-menu-list>.fix-item div.fix-col4 {
    display: inline-block;
    width: 74px;
    text-align: right;
}

#setItemContent .fix-menu-list>.fix-item div.fix-col1,
#setFixItemContent .fix-menu-list>.fix-item div.fix-col1 {
    padding-left: 20px;
}

#setItemContent .fix-menu-list>.fix-item div.fix-col4 {
    width: 76px;
}

.fix-menu-list>.fix-item div.fix-col4-l {
    display: inline-block;
    width: 140px;
    text-align: right;
}

.noChk {
    color: #bfbfbf;
}

.fix-menu-list>.fix-item div.fix-col5 {
    width: 40px;
}

.fix-menu-list>.fix-item div.fix-col5 .btnRemoveMenu {
    float: right;
    height: 40px;
}

#setContent .container {
    margin: 0;
    padding: 0;
}

#setContent .rand-item .rand-head {
    background-color: #fff;
}

#setContent .rand-item .rand-head {
    border-bottom: 0px solid #ddd;
    /*border-top: 1px solid #ddd;*/
}

#setContent .rand-item .rand-head>div {
    display: inline-block;
    line-height: 40px;
    padding: 4px 4px;
}

#setContent .rand-item .rand-head>div.rd-col1 {
    padding-left: 20px;
}

#setContent .rand-item .rand-head>div.rd-col3 {
    text-align: center;
}

#setContent .rand-item .rand-head>div.rd-col4 input {
    float: right;
}

#setContent .rand-item .rand-head>div.rd-col5 a.btnEditRadMenu {
    border: 1px solid #e6e6e6;
    padding: 5px 8px;
    display: inline-block;
    line-height: 20px;
    background-color: #fafafa;
    margin-left: 5px;
}

#setContent .rand-item .rand-head>div.rd-col5 a.radToggle {
    float: right;
    margin-top: 10px;
    margin-right: 5px;
}

#setContent .rand-item .rand-head>div input {
    line-height: 28px;
    border: 1px solid #ddd;
    width: 64px;
    margin-top: 4px;
    text-align: right;
}

#setContent .rand-content {
    margin: 15px 16px;
    border: 1px solid #ddd;
    display: none;
}

#setContent .rand-item-inset {
    overflow: hidden;
    border-top: 1px solid #ddd;
    background-color: #fff;
}

#setContent .rand-item-inset>div .p-item:last-child {
    border: 0;
}

#setContent .rand-item-inset>div .p-item {
    overflow: hidden;
    border-bottom: 1px solid #ddd;
}

#setContent .rand-item-inset>div .p-item>div {
    float: left;
    line-height: 40px;
    padding: 4px 4px;
    overflow: hidden;
}

#setContent .rand-item-inset>div .p-item>div .p-name {
    height: 40px;
    padding: 0;
    width: 60px;
}

#setContent .rand-item-inset div.price-row .defaultMenuSel,
#setItemContent .fix-menu-list div.price-row .defaultMenuSel {
    margin: auto;
    color: #757575;
    padding-left: 0px;
    font-size: 14px;
    margin-left: 20px;
}

#setContent .rand-item-inset div.price-row .defaultMenuSel>span {
    left: 61px;
    top: 7px;
}

#setItemContent .fix-menu-list div.price-row .defaultMenuSel>span {
    left: -13px;
    top: 8px;
}

#setContent .rand-item-inset div.price-row {
    overflow: hidden;
    width: 64%;
}

#setContent .rand-item-inset div.rand-inset-col1 {
    width: 36%;
    float: left;
    line-height: 40px;
    padding: 4px 4px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

#setContent .rand-item-inset div.group-row {
    float: left;
    line-height: 40px;
    padding: 4px 4px;
    overflow: hidden;
    width: 174px;
    text-align: right;
    font-size: 14px;
}

#setContent .rand-item-inset div.rand-inset-col2 {
    width: 25%;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    padding-left: 10px;
}

#setContent .rand-item-inset div.rand-inset-col2 input {
    padding: 8px;
    width: 70px;
    line-height: 20px;
    text-align: center;
}

#setContent .rand-item-inset div.rand-inset-col3 {
    width: 30%;
    border-right: 1px solid #ddd;
    padding-left: 10px;
    text-align: right;
}

#setContent .rand-item-inset div.rand-inset-col3 input {
    padding: 8px;
    width: 70px;
    line-height: 20px;
    text-align: right;
}

#setContent .rand-item-inset div.rand-inset-col4 {
    width: 30%;
    /*border-right: 1px solid #ddd;*/
    padding-right: 20px !important;
    float: right !important;
    text-align: right;
}

#setContent .rand-item-inset div.rand-inset-col5>a {
    margin-top: 6px;
    margin-left: 9px;
}

#sort-set-content {
    overflow: auto;
    margin: 30px;
    border: 1px solid #ddd;
    max-height: 350px;
}

#sort-set-content .sort-item {
    overflow: hidden;
    border-bottom: 1px solid #ddd;
    background-color: #fff;
}

#sort-set-content .sort-item:last-child {
    border-bottom: 0px;
}

#sort-set-content .sort-item>div {
    float: left;
    overflow: hidden;
    line-height: 48px;
}

#sort-set-content .sort-item .sort-col3 {
    float: right;
    margin-right: 10px;
    font-size: 14px;
}

#sort-set-content .sort-item>div .rowMove {
    height: 48px;
}

.setTransactionContain,
.setTypeContain,
.setPrinterModeContain,
.setOrderSaveTypeContain,
.setPersonOptionTypeContain,
.setItemSortModeContain,
.setUseMenuContain {
    position: relative;
    background-color: #fff;
    margin: 0;
    padding: 0px;
    border: 1px solid #ddd;
    margin-top: 10px;
    line-height: 38px;
}

.setTransactionContain .popWin,
.setTypeContain .popSelSetTypeWin,
.setPrinterModeContain .popSelPrinterModeWin,
.setOrderSaveTypeContain .popOrderSaveTypeWin,
.setPersonOptionTypeContain .popPersonOptionTypeWin,
.setItemSortModeContain .popSelItemSortModeWin,
.setUseMenuContain .popSelUseMenuWin {
    position: absolute;
    width: 362px;
    background-color: #ffffff;
    top: 0;
    left: 0;
    z-index: 1;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.15);
    display: none;
}
.setUseMenuContain .popSelUseMenuWin {
    width: 400px
}

.setTransactionContain .popWin .selsetItem,
.setTypeContain .popSelSetTypeWin .selsetTypeItem,
.setPrinterModeContain .popSelPrinterModeWin .selPrinterModeItem,
.setOrderSaveTypeContain .popOrderSaveTypeWin .selOrderSaveTypeItem,
.setPersonOptionTypeContain .popPersonOptionTypeWin .selPersonOptionTypeItem,
.setItemSortModeContain .popSelItemSortModeWin .selItemSortModeItem,
.setUseMenuContain .popSelUseMenuWin .selUseMenuItem {
    padding: 5px;
    cursor: pointer;
    margin: 0;
}

.setTransactionContain .popWin .selsetItem>div:nth-child(1),
.setTypeContain .popSelSetTypeWin .selsetTypeItem>div:nth-child(1),
.setPrinterModeContain .popSelPrinterModeWin .selPrinterModeItem>div:nth-child(1),
.setOrderSaveTypeContain .popOrderSaveTypeWin .selOrderSaveTypeItem>div:nth-child(1),
.setPersonOptionTypeContain .popPersonOptionTypeWin .selPersonOptionTypeItem>div:nth-child(1),
.setItemSortModeContain .popSelItemSortModeWin .selItemSortModeItem>div:nth-child(1),
.setUseMenuContain .popSelUseMenuWin .selUseMenuItem>div:nth-child(1) {
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    color: #000000;
}

.setTransactionContain .popWin .selsetItem>div:nth-child(2),
.setTypeContain .popSelSetTypeWin .selsetTypeItem>div:nth-child(2),
.setPrinterModeContain .popSelPrinterModeWin .selPrinterModeItem>div:nth-child(2),
.setOrderSaveTypeContain .popOrderSaveTypeWin .selOrderSaveTypeItem>div:nth-child(2),
.setPersonOptionTypeContain .popPersonOptionTypeWin .selPersonOptionTypeItem>div:nth-child(2),
.setItemSortModeContain .popSelItemSortModeWin .selItemSortModeItem>div:nth-child(2),
.setUseMenuContain .popSelUseMenuWin .selUseMenuItem>div:nth-child(2) {
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    color: #757575;
}

.setTransactionContain #selTypeNormal,
.setTransactionContain #selTypeQuick,
.setTypeContain #selSetType,
.setPrinterModeContain #selPrinterMode,
.setOrderSaveTypeContain #selOrderSaveType,
.setPersonOptionTypeContain #selPersonOptionType,
.setItemSortModeContain #selItemSortMode,
.setUseMenuContain .selUseMenu {
    cursor: pointer;
    padding: 8px 0px;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    color: #757575;
    border: 1px solid #ddd;
    line-height: 28px;
    margin: 0;
    margin-top: 7px;
    padding: 5px;
}

.setTransactionContain #selTypeNormal i,
.setTransactionContain #selTypeQuick i,
.setTypeContain #selSetType i,
.setPrinterModeContain #selPrinterMode i,
.setOrderSaveTypeContain #selOrderSaveType i,
.setPersonOptionTypeContain #selPersonOptionType i,
.setItemSortModeContain #selItemSortMode i,
.setUseMenuContain .selUseMenu i {
    margin-top: 9px;
    margin-left: 10px;
}

.setTransactionContain #selTypeNormal>div:nth-child(1),
.setTransactionContain #selTypeQuick>div:nth-child(1),
.setTypeContain #selSetType>div:nth-child(1),
.setPrinterModeContain #selPrinterMode>div:nth-child(1),
.setOrderSaveTypeContain #selOrderSaveType>div:nth-child(1),
.setPersonOptionTypeContain #selPersonOptionType>div:nth-child(1),
.setItemSortModeContain #selItemSortMode>div:nth-child(1),
.setUseMenuContain .selUseMenu>div:nth-child(1) {
    color: #000;
}

.clsType {
    display: block;
    margin: 0;
    padding: 0;
    float: right;
}

.clsType li {
    list-style: none;
    float: right;
    margin: 0;
    padding: 10px 20px;
    cursor: pointer;
    border: 1px solid #ddd;
}

.clsType li:nth-child(2) {
    border-right: 0;
}

.clsType li {
    list-style: none;
    float: right;
    margin: 0;
    padding: 7px 15px;
    cursor: pointer;
    border: 1px solid #ddd;
}

.clsType li.selected {
    background-color: #F88710;
    color: #fff
}

.clsSelect {
    padding: 8px 10px;
    height: 40px;
}

#cancel_reason_modal select {
    padding: 10px;
    color: #757575;
    border: 1px solid #ddd;
    width: 100%;
}


/***叫餐樣式****/

#batchcallForm .m-portlet__nav {
    display: initial;
}

#batchcallForm .btnSaveBatchCall,
#seatitemsForm .btnSaveSeatitems,
.btnSaveBookmark,
.btnSaveDemographics {
    font-size: 16px;
    padding: 9px 25px;
    border-radius: 2px;
    margin-left: 10px
}

#batchcallForm .btnSaveBatchCall.disabled,
#seatitemsForm .btnSaveSeatitems.disabled {
    border: 1px solid #dddddd;
    background-color: #fafafa;
    background-image: none !important;
}

#batchcallForm .btnAddBatchcall,
#seatitemsForm .btnOpenItemModal,
.btnOpenBookSetModal,
.btnOpenDemographicsModal {
    margin-left: 10px;
    border-radius: 2px;
    border: 1px solid #dddddd;
    background-color: #fafafa;
    padding: 9px 0;
    float: right;
    font-size: 16px;
    width: 114px;
    height: 40px;
}

#batchcallForm button[type="submit"] {
    margin-left: 10px;
    border-radius: 2px;
    border: 1px solid #dddddd;
    background-color: #fafafa;
    padding: 9px 0;
    float: right;
    font-size: 16px;
    width: 114px;
    height: 40px;
}

#batchcallForm .batchcall-list-container {
    border: 1px solid #e6e6e6;
    margin-top: 10px;
}

#batchcallForm .batchcall-list-header,
#batchcallForm .item-menu-head,
.bookmark-list-header,
.segment-list-header {
    border-bottom: 1px solid #e6e6e6;
    background-color: #fafafa;
    border-radius: 5px 5px 0 0;
    font-size: 14px;
    color: #757575;
    padding: 7px 5px;
}

.bookmark-list-header,
.segment-list-header {
    margin: 0;
    border: 1px solid #e6e6e6;
}

#batchcallForm .batchcall-list-header>div:nth-child(1) {
    text-align: center;
    white-space: nowrap;
}

#batchcallForm .batchcall-list-header>div:nth-child(3) {
    text-align: right;
}

#batchcallForm .batchcall-item {
    background-color: #fff;
    font-size: 16px;
    line-height: 48px;
    border-bottom: 1px solid #e6e6e6;
}

#batchcallForm .batchcall-item.marginbot {
    margin-bottom: 10px;
}

#batchcallForm .batchcall-item:last-child {
    border-bottom: 0px;
}

#batchcallForm .batchcall-item>div:nth-child(1) {
    color: #ff8300;
    font-size: 20px;
    font-weight: normal;
    text-align: center;
    padding: 0px;
}

#batchcallForm .batchcall-item>div:nth-child(1)>div {
    margin-top: 5px;
}

#batchcallForm .batchcall-item>div:nth-child(2) {
    font-size: 16px;
    font-weight: normal;
}

#batchcallForm .batchcall-item>div:nth-child(3) {
    font-size: 16px;
    text-align: right;
}

#batchcallForm .batchcall-item>div:nth-child(4),
#batchcallForm .batchcall-item>div:nth-child(5) {
    padding: 0;
}

#batchcallForm .btnAddItem,
#batchcallForm .btnMoveItem {
    border-radius: 2px;
    border: solid 1px #e6e6e6;
    background-color: #fafafa;
    padding: 5px 7px;
    cursor: pointer;
    white-space: nowrap;
}

#batchcallForm .batchcall-item .radToggle {
    float: right;
    margin-right: 10px;
    line-height: 48px;
    font-size: 1rem;
}

#batchcallForm .item-menu-container {
    line-height: initial;
    display: none;
}

#batchcallForm .no-itme {
    padding: 10px;
    margin: 0 -15px;
    text-align: center;
}

#batchcallForm .item-menu-container .item-menu-head {
    border-top: 1px solid #e6e6e6;
    border-radius: 0;
    border-bottom: 1px solid #e6e6e6;
}

#batchcallForm .item-menu-container .item-menu-head>div:nth-child(1),
#batchcallForm .item-menu-container .item-menu-head>div:nth-child(2) {
    text-align: center;
}

#batchcallForm .item-menu-container .item-menu-list {
    border-bottom: 0px;
    padding: 0px;
    margin-left: 11%;
}

#batchcallForm .item-menu-container .item-menu-list .menu-item {
    line-height: 40px;
    border-bottom: solid 1px #e6e6e6;
}

#batchcallForm .item-menu-container .item-menu-list .menu-item .la-angle-up {
    color: #ff8300;
}

#batchcallForm .item-menu-container .item-menu-list .menu-item:last-child {
    border-bottom: 0;
}

#batchcallForm .item-menu-container .item-menu-list .menu-item>div {
    padding: 0px;
    position: relative;
}

#batchcallForm .item-menu-container .item-menu-list .menu-item .numDelaytime {
    width: 68px;
    height: 28px;
    text-align: right;
    border-radius: 2px;
    border: solid 1px #e6e6e6;
    float: right;
    margin-top: 6px;
}

#batchcallForm .btnMoveItem {
    cursor: pointer;
    float: right;
    line-height: 16px;
    margin-top: 6px;
}

#batchcallForm .btnDelMenu {
    float: right;
    margin-top: 5px;
    margin-right: 5px;
}

#modal_edit_batchcall .container {
    width: 536px;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 40px;
}

#modal_edit_batchcall .container .row div {
    padding: 0;
}

#modal_edit_batchcall .container .title {
    line-height: 48px;
    background-color: #fafafa;
    border-right: solid 1px #e6e6e6;
}

#modal_edit_batchcall .container input {
    border: 0;
}

#modal_edit_batchcall .container .row {
    border: 0;
    border: solid 1px #e6e6e6;
}

#modal_edit_batchcall .container .error-msg {
    border: solid 1px #ffa39e;
    background-color: #fdf3f0;
    padding: 10px 20px !important;
    display: none;
}

#modal_edit_batchcall .modal-footer {
    justify-content: initial;
    display: inline-block;
}

#modal_add_item .item-container {
    overflow: auto;
    max-height: 340px;
}

#modal_add_item .addItem-container {
    margin: 30px;
    border-radius: 5px;
    border: solid 1px #e6e6e6;
}

#modal_add_item .item-container .item-container-header {
    background-color: #fafafa;
    overflow: hidden;
    padding: 8px 11px;
    height: 40px;
    border-bottom: 0;
}

#modal_add_item .addItem-container #txtSearchItem {
    border: 0;
    width: 90%;
}

#modal_add_item .addItem-container .item-container .btnToggleAllType {
    float: right;
    color: #007aff;
}

#modal_add_item .addItem-container .item-container-list .row {
    margin: auto;
    border: solid 1px #e6e6e6;
    border-right: 0;
    border-left: 0;
    border-bottom: 0;
    height: 56px;
}

#modal_add_item .addItem-container .item-container-list .row .btnToggleType {
    color: #757575;
}

#modal_add_item .addItem-container .item-container-list .row label {
    margin-bottom: 0;
}

#modal_add_item .addItem-container .item-container-list .row>div {
    padding: 0px 11px;
    margin: auto;
}

#modal_add_item .addItem-container .item-container-list .select-item {
    border: 1px solid rgb(230, 230, 230);
    display: none;
    padding-left: 37px;
    margin-bottom: 16px;
    padding-bottom: 10px;
}

#modal_add_item .addItem-container .item-container-list .select-item>div {
    padding: 10px 5px 5px 5px;
}

#modal_add_item .addItem-container .item-container-list .select-item {
    border: 1px solid rgb(230, 230, 230);
    border-right: 0;
    border-left: 0;
    padding-left: 60px;
    margin-bottom: 16px;
    padding-bottom: 10px;
}

#batchcallForm .item-menu-container .item-menu-list .menu-item .move-item-modal,
.move-item-modal {
    width: 180px;
    border-radius: 5px;
    box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.3);
    background-color: #ffffff;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    display: none;
}

#batchcallForm .item-menu-container .item-menu-list .menu-item .move-item-modal select,
#discount_sort_modal select {
    margin: auto;
    padding: 10px;
    border: 1px solid #e6e6e6;
    width: 100%;
    background-color: #Fff;
}

#batchcallForm .item-menu-container .item-menu-list .menu-item .move-item-modal>div:nth-child(1),
.move-item-modal>div:nth-child(1) {
    font-size: 16px;
    text-align: center;
}

#batchcallForm .item-menu-container .item-menu-list .menu-item .move-item-modal>div:nth-child(2),
.move-item-modal>div:nth-child(2) {
    padding: 10px;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
}

#batchcallForm .item-menu-container .item-menu-list .menu-item .move-item-modal .btnCancelMove,
#batchcallForm .item-menu-container .item-menu-list .menu-item .move-item-modal .btnSubmitMove,
.move-item-modal .btnSubmitMove,
.move-item-modal .btnCancelMove {
    width: 48%;
    display: inline-block;
    font-size: 15px;
    font-weight: normal;
    text-align: center;
    color: #757575;
}

#batchcallForm .item-menu-container .item-menu-list .menu-item .move-item-modal .btnSubmitMove,
.move-item-modal .btnSubmitMove {
    color: #ff8300;
    border-left: 1px solid #e6e6e6;
}


/*********座位菜單設定***************/

#modal_add_item .seat-content .title {
    padding: 10px;
    border-right: solid 1px #e6e6e6;
    background-color: #fafafa;
}

#modal_add_item .seat-content #showAddSelSeat {
    padding: 10px;
    color: #b9b9b9;
}

#modal_add_item .seat-content .item-position-kb {
    width: 180px;
    height: 216px;
    position: absolute;
    background-color: #fff;
    border-radius: 5px;
    z-index: 2;
    top: 0;
    display: none;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.15);
}

#modal_add_item .seat-content .item-position-kb .header,
#seatitemsForm .seatItems-container .item-position-kb .header {
    font-size: 14px;
    text-align: center;
    color: #757575;
    padding: 8px 0px;
}

#modal_add_item .seat-content .item-position-kb .row,
#seatitemsForm .seatItems-container .item-position-kb .row {
    margin: 0
}

#modal_add_item .seat-content .item-position-kb .row div,
#seatitemsForm .seatItems-container .item-position-kb .row div {
    text-align: center;
    cursor: pointer;
    padding: 11px 8px;
    border-top: solid 1px #e6e6e6;
    border-right: solid 1px #e6e6e6;
    font-size: 24px;
}

#modal_add_item .seat-content .item-position-kb .row div:last-child,
#seatitemsForm .seatItems-container .item-position-kb .row div:last-child {
    border-right: 0;
}

#seatitemsForm .seatItems-container .item-position-kb {
    width: 180px;
    height: 255px;
    border-radius: 5px;
    border: solid 1px #e6e6e6;
    background-color: #ffffff;
}

#seatitemsForm .seatItems-container .item-position-kb .seat-item.checked {
    color: #ff8300;
}

#seatitemsForm .seatItems-container .item-position-kb .btnCleanFilter {
    color: #007aff;
    cursor: pointer;
    text-align: center;
    border-top: solid 1px #e6e6e6;
    padding: 7px;
}

.nodata-item {
    border: solid 1px #e6e6e6;
    background-color: #ffffff;
    padding: 20px;
    display: none;
}

.nodata-item img {
    margin: auto;
    display: block;
}

.nodata-item div {
    text-align: center;
    color: #757575;
    margin-top: 10px;
    position: relative;
    top: -10px;
}

#seatitemsForm .seatItems-container .seatItems-list table {
    background-color: #fff;
    border-radius: 5px;
    border: solid 1px #e6e6e6;
    width: 100%;
}

#seatitemsForm .seatItems-container .seatItems-list table thead {
    background-color: #fafafa;
    color: #757575;
    border-bottom: solid 1px #e6e6e6;
}

#seatitemsForm .seatItems-container .seatItems-list table thead th {
    padding: 5px 0px;
}

#seatitemsForm .seatItems-container .seatItems-list table input.txtSeatNum {
    width: 56px;
    height: 32px;
    border-radius: 2px;
    border: solid 1px #e6e6e6;
    padding: 0;
    text-align: center;
}

#seatitemsForm .seatItems-container .seatItems-list table input.txtItemAbbrev {
    border: 0px;
    max-width: 110px;
    padding: 0px;
}

#seatitemsForm .seatItems-container .seatItems-list table tbody td {
    padding: 5px 5px;
    border-bottom: solid 1px #e6e6e6;
}

#seatitemsForm .seatItems-container .seatItems-list table tbody td:nth-child(4) {
    border-left: solid 1px #e6e6e6;
}

#seatitemsForm .seatItems-container .seatItems-list table tbody .btnDelItem {
    display: table-cell;
}


/*商品群組*/

.itemGroups-content .groupList .no-data {
    padding: 0px;
    border: 1px solid #ddd;
    background-color: #fff;
    min-height: 200px;
}

.itemGroups-content .groupList .no-data.row {
    margin: 0;
}

.itemGroups-content .groupList .no-data div:nth-child(1) img {
    float: right;
    margin-top: 25px;
}

.itemGroups-content .groupList .no-data div:nth-child(2) .title {
    font-size: 32px;
    text-align: center;
    max-width: 320px;
    margin-top: 58px;
}

.itemGroups-content .groupList .no-data div:nth-child(2) .desc {
    font-size: 20px;
    color: #757575;
    max-width: 320px;
    text-align: center;
}

.itemGroups-content .groupList table {
    background-color: #fff;
    border-radius: 5px;
    border: solid 1px #e6e6e6;
    width: 100%;
    display: none;
}

.itemGroups-content .groupList table thead {
    background-color: #fafafa;
    color: #757575;
    border-bottom: solid 1px #e6e6e6;
}

.itemGroups-content .groupList table thead th {
    padding: 5px 0px;
    text-align: right;
}

.itemGroups-content .groupList table thead th:nth-child(1) {
    padding-left: 20px;
    text-align: left;
}

.itemGroups-content .groupList table thead th:nth-child(4),
.itemGroups-content .groupList table thead th:nth-child(3) {
    padding-right: 10px;
}

.itemGroups-content .groupList table tbody td {
    text-align: right;
    padding: 11px 5px;
    border-bottom: solid 1px #e6e6e6;
}

.itemGroups-content .groupList table tbody td:nth-child(1) {
    text-align: left;
    padding-left: 20px;
}

.itemGroups-content .groupList table tbody td:nth-child(4),
.itemGroups-content .groupList table tbody td:nth-child(3) {
    padding-right: 20px;
}

.itemGroups-content .groupList a.btnEditItem {
    border: 1px solid #e6e6e6;
    padding: 5px 8px;
    display: inline-block;
    font-size: 16px;
    line-height: 20px;
    background-color: #fafafa;
    margin-left: 5px;
}

#itemGroupEdit_modal .fix-menu-list,
.setRandItemContent .rand-menu-list,
.setFixItemContent .fix-menu-list {
    border: 0;
    margin-bottom: 0px;
}

#itemGroupEdit_modal .chkDefaultItem {
    left: 0;
}


/*******************套餐套中套UI*************/

#set_rand_content_modal ul.nav-tab {
    padding: 0;
    margin: 0;
    overflow: hidden;
    border-bottom: 1px solid #ddd;
    padding-left: 20px;
}

#set_rand_content_modal ul.nav-tab li {
    display: inline-block;
    margin-left: 10px;
}

#set_rand_content_modal ul.nav-tab li a {
    padding: 15px 10px;
    display: block;
    color: #757575;
    border-bottom: 4px solid #fff;
}

#set_rand_content_modal ul.nav-tab li a.select {
    color: #000;
    border-bottom: 4px solid #ff8300;
}

#set_rand_content_modal .tab-content {
    display: none;
    padding: 30px 30px;
    overflow-y: scroll;
    height: 500px;
}

#set_rand_content_modal .tab-content.select {
    display: block;
}

#set_rand_content_modal .m-radio>span,
#set_fix_content_modal .m-radio>span {
    top: -6px;
}

#set_rand_content_modal .tab-title {
    background-color: #fafafa;
    overflow: hidden;
    padding: 8px 11px;
    border: solid 1px #e6e6e6;
    height: 40px;
    border-bottom: 0;
    font-family: "PingFangHK-Regular", sans-serif;
    text-align: right;
    margin: 0;
}

#set_rand_content_modal .tab-title label {
    text-align: left;
}

#set_rand_content_modal .randChkItems>.row,
#set_rand_content_modal .fixChkItems>.row {
    margin: auto;
    border: solid 1px #e6e6e6;
    border-bottom: 0;
    height: 56px;
}

#set_rand_content_modal .randChkItems:last-child>.row,
#set_rand_content_modal .fixChkItems:last-child>.row {
    border-bottom: solid 1px #e6e6e6;
}

#set_rand_content_modal .randChkItems>.row .chkDiv,
#set_rand_content_modal .randChkItems>.row .operToggle,
#set_rand_content_modal .fixChkItems>.row .chkDiv,
#set_rand_content_modal .fixChkItems>.row .operToggle {
    margin: auto;
    padding: 0px 11px;
}

#set_rand_content_modal .randChkItems>.row>div:nth-child(3),
#set_rand_content_modal .randChkItems>.row>div:nth-child(4) {
    text-align: right;
    padding: 15px;
}

#set_rand_content_modal .fixChkItems>.row>div:nth-child(3) {
    padding: 12px 15px;
    text-align: right;
}

#set_rand_content_modal .randChkItems>.row .operToggle .btnToggleType {
    float: right;
    margin: auto;
}

.setRandItemContent,
.setFixItemContent {
    border: 1px solid #ddd;
    border-top: 0;
    margin-bottom: 20px;
    display: none;
    ;
}

.setFixItemContent .fix-menu-list>.fix-item div.fix-col1 {
    padding-left: 40px;
}

.setFixItemContent .fix-menu-list>.fix-item div.fix-col2 {
    width: 28%;
    border-right: 0;
    padding-left: 10px;
}

.setFixItemContent .fix-menu-list>.fix-item div.fix-col3 {
    width: 60px;
}

.setFixItemContent .fix-menu-list>.fix-item div.fix-col5 {
    width: 84px;
    text-align: right;
    border-left: 1px solid #ddd;
}

.rand-content .setRandItemContent {
    display: none;
}

#set_rand_content_modal .la-angle-down,
#set_rand_content_modal .la-angle-up {
    font-size: 15px;
}

#set_rand_content_modal .btnToggleType span {
    color: #656565;
}

#set_rand_content_modal .btnToggleAllType {
    color: #1996f6;
}

#setFixItemContent .p-name2 {
    float: right;
    width: 50px;
    text-align: right;
    line-height: 32px;
}

.sort-discount-block {
    overflow: hidden;
    height: 585px;
    min-width: 400px;
}

.sort-discount-block .i-title {
    font-size: 14px;
    color: #757575;
    border-bottom: solid 1px #e6e6e6;
    margin: 0;
    padding: 0;
    padding: 7px 0px;
}

.sort-discount-block .no-disconut {
    text-align: center;
    padding: 10px;
    border: solid 1px #e6e6e6;
    color: #757575;
    border-top: 0;
}

.sort-discount-block .sort-list .discount-item {
    border-bottom: solid 1px #e6e6e6;
    border-top: 0;
    background-color: #fff;
}

.sort-discount-block .sort-list .discount-item.row {
    margin: 0;
}

.sort-discount-block .sort-list .discount-item>div {
    line-height: 48px;
    padding: 0 5px;
}

.sort-discount-block .sort-list .discount-item>div .rowMove {
    margin-top: 5px;
}

.sort-discount-block .sort-list .discount-item>div:last-child {
    position: relative;
}

.sort-discount-block .sort-list .discount-item>div span {
    font-size: 16px;
    color: #ff8300;
}

.sort-discount-block .sort-list .discount-item>div.code,
.sort-discount-block .sort-list .discount-item>div.type {
    font-size: 14px;
    color: #757575;
}

.sort-discount-block .sort-list .discount-item>div.name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sort-discount-block .sort-list .discount-item>div .btnMoveItem {
    font-size: 16px;
    line-height: 24px;
    margin-top: 8px;
    padding: 3px 9px;
    float: right;
    border-radius: 2px;
    border: 1px solid #e6e6e6;
    background-color: #fafafa;
}

.sort-discount-block .sort-list .discount-item>div .move-item-modal {
    top: 48px;
    display: none;
}


/**********瀏覽器書籤客層設定***************/

.bookmark-list-container,
.segment-list-container {
    padding: 0;
    margin-top: 10px;
}

.bookmark-item,
.segment-item {
    padding: 10px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-top: 0;
    margin: 0;
}

.segment-item {
    padding-top: 16px;
}

.bookmark-item>div.col-5,
.segment-item>div.col-5 {
    overflow: hidden !important;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.bookmark-item div.col-3:nth-child(3),
.segment-item div.col-3:nth-child(3),
.segment-item div.col-3:nth-child(4) {
    font-size: 14px;
    color: #808080;
}

.bookmark-item div.col-3:nth-child(3) label,
.segment-item div.col-1:nth-child(2) label {
    float: right;
    margin-right: 5px;
    margin-bottom: 0px;
}

.edit-bookmark-list>div>div,
.edit-segment-list>div>div {
    overflow: hidden;
}

.edit-bookmark-list .row,
.edit-segment-list .row {
    margin: 0;
}

.edit-bookmark-list .row>div,
.edit-segment-list .row>div {
    padding: 0;
}

.edit-bookmark-list .row>div:nth-child(1),
.edit-segment-list .row>div:nth-child(1) {
    border-right: 1px solid #ddd;
}

.edit-bookmark-list .sort-item-book,
.edit-segment-list .sort-item-segment {
    border: 1px solid #ddd;
    background-color: #fff;
    border-top: 0;
}

.edit-bookmark-list input,
.edit-segment-list input {
    float: left;
    width: 80%;
    padding: 10px 5px;
    border: 0;
}

.edit-bookmark-list input.bookurl,
.edit-segment-list input.bookurl {
    width: 95%;
}

.edit-bookmark-list .sort-item-book .btnRemovebookmark,
.edit-segment-list .sort-item-segment .btnRemoveDemographics {
    margin-top: 8px;
}


/* discount */

#discount_priority_sort_modal .priorityBlock {
    padding: 0 7px;
    margin-top: 15px;
    overflow: scroll;
    height: 530px;
}

.priorityBlock ::-webkit-scrollbar {
    width: 0px;
    background: transparent;
}

.priorityBlock::-webkit-scrollbar-thumb {
    display: none;
    width: 0px;
    background: transparent;
}

#discount_priority_sort_modal .sort_setting {
    width: 300px;
    height: 300px;
    padding: 15px 20px;
    border: 1px solid #e6e6e6;
    box-shadow: 2px 2px 6px #e6e6e6;
    z-index: 100;
    position: fixed;
    background-color: white;
    display: none;
}

#discount_priority_sort_modal .priorityTabBtn {
    border: 0;
    background: white;
    font-size: 16px;
    display: inline-block;
    padding: 14px 0px;
    text-align: start;
}

#discount_priority_sort_modal .priorityTabBtnActive {
    border: 0;
    color: #ff8300;
    font-size: 16px;
    display: inline-block;
    padding: 14px 0px;
    text-align: start;
}

#discount_priority_sort_modal .firstStep_sort_setting {
    margin-bottom: 20px;
}

#discount_priority_sort_modal .sort_title {
    font-size: 16px;
    text-align: center;
    display: block;
    margin-bottom: 20px;
}

#discount_priority_sort_modal .sort_subTitle {
    font-size: 13px;
    color: #757575;
    display: block;
    margin-bottom: 10px;
}

#discount_priority_sort_modal .prioritySelSortType {
    color: #757575;
    display: block;
    border: 0;
    background-color: transparent;
    width: fit-content;
    color: #757575;
}

#discount_priority_sort_modal .prioritySelSortSubType {
    color: #757575;
    display: block;
    border: 0;
    background-color: transparent;
    width: 152px;
    color: #757575;
    margin-bottom: 20px;
}

#discount_priority_sort_modal .finalStep_btn {
    position: fixed;
    top: 440px;
    margin-left: 15px;
}

#discount_priority_sort_modal #btnPrioritySortCancel {
    padding: 7px 26px;
    width: 100px;
    font-size: 16px;
    margin-right: 16px;
}

#discount_priority_sort_modal #btnPrioritySortReload {
    padding: 7px 15px;
    width: 100px;
    font-size: 16px;
    margin-right: 16px;
}

#discount_priority_sort_modal .priority-sort-disclount-table {
    z-index: 1;
}

.flex-align {
    display: flex;
    align-items: center;
}

.advance_setting {
    padding: 8px;
    font-size: 16px;
    border-radius: 2px;
    border: 1px solid #e6e6e6 !important;
    background-color: white;
}

.collapse-view .arrow {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 20px;
    margin-left: 16px;
}

.collapse-view .arrow:after {
    content: "\f107"
}

.collapse-content.show+.collapse-view .arrow:after {
    content: "\f106"
}


#modal-sync-detail .modal-sync-detail-span-title {
width: 32px;
  height: 22px;
  margin: 0 148px 0 0;
  font-family: PingFangTC;
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}

#modal-sync-detail .modal-body {
  width: 536px;
  max-height: none;
  margin: 23px 12px 36px 32px;
  padding: 8px 0 0px;
  border: solid 1px #e6e6e6;
}

#modal-sync-detail .modal-sync-detail-span-header {
  width: 32px;
  height: 22px;
  margin: 0 148px 0 0;
  font-family: PingFangTC;
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}

#modal-sync-detail .modal-sync-detail-span-value {
  width: 135px;
  height: 22px;
  margin: 0 0 0 148px;
  font-family: PingFangTC;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: var(--invalid-name);
}


.reports.company_items {
  position: absolute; 
  z-index: 998; 
  left: 10%; 
  top: 190px;
  width: 80%;
  background-color: #ffffff; 
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
}
@media (min-width: 768px) {
  .reports.company_items {
    top: 140px;
    left: 20px;
    width: 500px;
  }
}

@keyframes ldio-bkri3ovmrk {
  0% { transform: translate(-50%,-50%) rotate(0deg); }
  100% { transform: translate(-50%,-50%) rotate(360deg); }
}
.ldio-bkri3ovmrk div {
  position: absolute;
  width: 60px;
  height: 60px;
  border: 10px solid #ff8300;
  border-top-color: transparent;
  border-radius: 50%;
}
.ldio-bkri3ovmrk div {
  animation: ldio-bkri3ovmrk 1s linear infinite;
  top: 50px;
  left: 50px
}
.loadingio-spinner-rolling-eekwcfktg8r {
  width: 18px;
  height: 18px;
  display: inline-block;
  overflow: hidden;
  background: #f1f2f3;
}
.ldio-bkri3ovmrk {
  width: 100%;
  height: 100%;
  position: relative;
  transform: translateZ(0) scale(0.18);
  backface-visibility: hidden;
  transform-origin: 0 0; /* see note above */
}
.ldio-bkri3ovmrk div { box-sizing: content-box; }