.fb-content {
    overflow: hidden;
    overflow-x: auto;
    overflow-y: auto;
    min-height: 300px;
    padding-top: 20px;
    padding-bottom: 200px;
}
.fb-content .fbsubmemu { margin: 0; padding: 0; min-width: 1175px; }
.fb-content .fbsubmemu ul { margin: 0; padding: 0; }
.fb-content .fbsubmemu ul li {
    width: auto;
    min-width: 180px;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
    font-size: 15px;
    display: block;
    float: left;
    padding: 0 ;
    margin: 0  0 4px 5px;
}
.fb-content .fbsubmemu ul li:first-child { margin-left: 0; }
.fb-content .fbsubmemu ul li a {
    padding: 0 10px!important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    display: block;
    height: 30px;
    line-height: 30px;
    background: #e2f0d9;
    color: #131111;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
    width: 100%;
    text-align: center;
    border: none;
}
.fb-content .fbsubmemu ul li a:hover,
.fb-content .fbsubmemu ul li.active a { background: #85cdc1; }
.fb-content .fbsubmemu .btn-save,
.fb-content .fbsubmemu .btn-edit {
    float: left;
    margin-left: 5px;
    z-index: 10;
    height: 30px;
}
.fb-content .btn-mprg {
    color: #fff;
    height: 30px;
    line-height: 30px;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 15px;
    font-weight: 400;
    display: inline-block;
    text-align: center;
    border-radius: 5px;
    padding: 0 10px;
    background: #7f7da0;
    cursor: pointer;
    text-decoration: none;
    margin-left: 40px;
}
.fb-content .btn-mprg.active {
    background: #894F76;
}
.fb-content .btn-export {
    display: block;
    float: left;
    width: 88px;
    height: 30px;
    line-height: 30px;
    margin: 0;
    background: #e3f1fa url(../images/icon-export.png) no-repeat right top;
    cursor: pointer;
    font-size: 15px;
    color: #010101;
    padding: 0 10px;
    text-decoration: none;
    position: relative;
}
.fb-row { clear: both; margin-top: 2px; min-width: 1190px; }
.fb-column {
    position: relative;
    overflow: hidden;
    height: 30px;
    float: left;
    margin: 0;
    padding: 0 0 0 2px;
    background: #eee;
}
.fb-column-title { background: #b3c6e8; }
.fb-column-title h3 {
    padding: 0;
    margin: 0;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
    font-size: 15px;
    color: #000000;
    line-height: 30px;
    text-align: center;
    position: relative;
}
.fb-row-title .fbcol1 { padding-left: 0; }
.fb-content .fbcol1.fb-column-title h3 { text-align: left; padding: 0 10px; }
.new-fb-row {
    background: #cce5ff;
    min-width: 1175px;
    clear: both;
    margin-top: 2px;
}
.fbbox { position: relative; float: left; margin: 0; padding: 0 0 0 2px; }
.fbbox:first-child { padding: 0 0 0 0; }
.fbbox > span  {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  display: block !important;
  height: 30px;
  line-height: 30px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #131111;
  width: 100%;
  margin: 0;
  padding: 0;
}
.fbbox span { position: relative; }
.fbbox .textdefine { line-height: 28px; }
.fbbox .textdefine span { padding: 0 10px;  font-size: 15px; display: none;  }
.fbbox .textdefine.active { background: #fff;  border: 1px solid #8f91a2; }
.fbbox .textdefine.active span { display: block; }
.fbbox > span a { padding: 0 10px; color: #131111; text-decoration: none; }
.fbbox > span a:hover { color: #131111; text-decoration: none; }
.fbbox.fbcol8 span {line-height: 28px !important;}
.fbbox .form-control {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  display: block !important;
  height: 30px;
  line-height: 30px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 15px;
  font-weight: 400;
  color: #131111;
  width: 100%;
  margin: 0;
  padding: 0 10px;
  border: 1px solid #8f91a2;
}
.fbbox .btndeletecell {
  width: 28px;
  height: 28px;
  display: block;
  background: url(../images/minus.png) no-repeat 0 0;
  position: absolute;
  right: 1px;
  top: 1px;
  cursor: pointer;
}
.fbbox .btnhand {
  width: 34px;
  height: 30px;
  background: url(../images/more.png) no-repeat center center;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  cursor: pointer;
  z-index: 100;
}
.fbbox .btnhand:hover {
    background: #e2f0d9 url(../images/more.png) no-repeat center center;
}
.fbgroupitems2 .btn-add,
.fbbox .btn-add,
.fb-column-title .btn-add {
  width: 30px;
  height: 30px;
  background: url(../images/pluse3.png) no-repeat center center;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  cursor: pointer;
  z-index: 100;
}
.fbgroupitems2 .btn-add { background: url(../images/pluse2.png) no-repeat center center;  }
.fb-column-title .btn-add {
  left: inherit;
  right: 0;
}
.fbbox.fbcol1 > span { padding: 0 0 0 34px; }
.fbbox.fbcol2 > span { padding: 0 0 0 65px; }
.fbbox.fbcol3 > span { padding: 0 0 0 34px; }
.fbbox.fbcol2 span .btnhand { left: 31px; }
.fbbox.fbcol5 span .btn-add {
    height: 28px;
    width: 28px;
    left: inherit;
    right: 1px;
    top: 1px;
    background: #b3c6e8 url(../images/pluse3.png) no-repeat center center;
}
.fbbox.fbcol2 span .form-control,
.fbbox.fbcol3 span .form-control,
.fbbox.fbcol5 span .form-control,
.fbbox.fbcol6 span .form-control { padding-right: 37px; }
.fbgroupitems2 { position: relative; min-height: 30px; }
.fbboxwrap.fbgroupitems2 .fbgroupitems2 .btn-add { display: block !important; }
.fbboxwrap.fbgroupitems4 .fbgroupitem4 .btn-add { display: none !important; }
.fbboxwrap.fbgroupitems4 .fbgroupitem4:first-child .btn-add { display: block !important; }
.fbbox .normalmultipleselect .form-control {
    height: 30px;
    background: #fff;
}
.fbbox .normalmultipleselect .multiselect,
.fbbox .normalmultipleselect .dropdown-toggle,
.fbbox .normalmultipleselect .btn,
.fbbox .normalmultipleselect .btn-default,
.fbbox .normalmultipleselect .multiselect-native-select,
.fbbox .normalmultipleselect .multiselect-native-select .multiselect {
  height: 30px;
  line-height: 28px;
  font-size: 15px;
  font-weight: 400;
  color: #131111;
  background: #fff;
}
.fbbox .normalmultipleselect .multiselect-container { top: 30px;  }
.fbbox .normalmultipleselect .multiselect-native-select .multiselect .caret {
  top: 12px;
  right: 5px;
}
.fbbox .normalmultipleselect .multiselect-native-select .multiselect-selected-text {
  text-align: left;
  padding: 0 10px;
  height: 30px;
  background: #fff;
  border: 1px solid #8f91a2;
}
.fbgroupitems3 { min-height: 30px; }
.fb-row-title .fbcol1 { width: 180px; }
.fb-row-title .fbcol2 { width: 190px; }
.fb-row-title .fbcol3 { width: 178px; }
.fb-row-title .fbcol4 { width: 112px; }
.fb-row-title .fbcol5 { width: 104px; }
.fb-row-title .fbcol6 { width: 140px; }
.fb-row-title .fbcol7 { width: 144px; }
.fb-row-title .fbcol8 { width: 127px; }
.fbcol1 { width: 180px; }
.fbcol2 { width: 188px; }
.fbcol3 { width: 176px; }
.fbcol4 { width: 112px; }
.fbcol5 { width: 102px; }
.fbcol6 { width: 140px; }
.fbcol7 { width: 144px; }
.fbcol8 { width: 127px; }
.fbitemcolumn { position: relative; }
.fbboxwrap { position: relative; }
.fbitemcolumn1 { z-index: auto; }
.fbitemcolumn2 { margin-left: 180px; padding: 0 0 0 2px; }
.fbitemcolumn3 { margin-left: 188px; padding: 0 0 0 2px; }
.fbitemcolumn4 { margin-left: 288px; padding: 0 0 0 2px; }
.fbgroupitem1,
.fbgroupitem2,
.fbgroupitem3,
.fbgroupitem4 { margin-top: 2px; position: relative; }

.highlight {
    position: relative;
    min-height: 32px;
    border: 1px solid #fff;
    background-color: #fff;
}

/*  common boxcheck start  */
.boxcheck {
    width: 30px;
    height: 30px;
    float: left;
    position: relative;
    z-index: 10;
}
.boxcheck .ncheck {
    padding: 0;
    margin: 0;
    cursor: pointer;
    font-size: 22px;
    display: block;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
    font-weight: 400;
    position: relative;
}
.boxcheck .ncheck {
    position: absolute;
    z-index: 1000;
    left: 10px;
    top: 6px;
}
.boxcheck .ncheck input { position: absolute; opacity: 0; }
.boxcheck .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    width: 18px;
    border: 1px solid #4ca354;
    background-color: #eee;
}
.boxcheck .ncheck:hover input ~ .checkmark { background-color: #fff; }
.boxcheck .ncheck input:checked ~ .checkmark { background-color: #fff; }
.boxcheck .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.boxcheck .ncheck input:checked ~ .checkmark:after { display: block; }
.boxcheck .ncheck .checkmark:after {
    left: 6px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid #4ca354;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
/*  common boxcheck end */

.fb-column .boxcheck { position: absolute; left: 0; top: 0; }
.fb-row-title .fbcol3 .fb-column-title .btn-add { display: none; }
.fb-row-title .fbcol3 .fb-column-title .btn-add.active { display: block; }

/*   popup   */
.fbmealperiod {
    display: none;
    max-width: 880px;
}
.fbmealperiod .basepopupcontent { overflow: hidden; }
.fbmealperiodtop { overflow: hidden; }
.titlecurvebox {
    color: #fff;
    height: 30px;
    line-height: 30px;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 15px;
    font-weight: 400;
    display: inline-block;
    text-align: left;
    border-radius: 5px;
    padding: 0 10px;
    background: #7f7da0;
    cursor: pointer;
    text-decoration: none;
    width: 220px;
}
.fbinputbox {
    float: left;
    height: 30px;
    margin-left: 10px;
}
.fbinputbox .btn-plus {
    height: 30px;
    width: 30px;
    display: block;
    float: left;
    background: #b3c6e8 url(../images/icon-plus.png) no-repeat center center;
    border: 1px solid #8f91a2;
    cursor: pointer;
}
.fbmealperiod .form-control {
    height: 30px;
    width: 50px;
    font-size: 15px;
    border: 1px solid #8f91a2;
    border-radius: 0;
    float: left;
    padding: 0 10px;
    display: block;
}
.fbinputbox .form-control {
    margin-left: 10px;
    text-align: center;
}
.fbinputbox .btn-save { margin-left: 10px; float: left; height: 30px; }
.fbinputbox .btn-edit { margin-left: 10px; float: left; }
.mealperiod { margin: 0 -10px; max-height: 440px;  overflow-y: auto;  }
.mealperiodbox {
    width: 25%;
    padding: 0 10px;
    margin-top: 20px;
    float: left;
    position: relative;
    z-index: 0;
    height: 140px;
}
.fbboxinputarea { overflow: hidden; position: relative; }
.fbboxinputarea .form-control { width: 100%; padding-right: 38px; background: #ffffc1 !important; }
.fbboxinputarea .btndeletecell {
    background: url(../images/minus.png) no-repeat 0 0;
    right: 1px;
    display: block;
    width: 28px;
    height: 28px;
    position: absolute;
    right: 1px;
    top: 1px;
}
.fbboxselectarea { margin-top: 5px; }
.mealperiod .multiselect-all { display: none; }
.mealperiod .normalmultipleselect .multiselect,
.mealperiod .normalmultipleselect .dropdown-toggle,
.mealperiod .normalmultipleselect .btn,
.mealperiod .normalmultipleselect .btn-default,
.mealperiod .normalmultipleselect .multiselect-native-select,
.mealperiod .normalmultipleselect .multiselect-native-select .multiselect {
    height: 30px;
    line-height: 28px;
    font-size: 15px;
    font-weight: 400;
    color: #131111;
    background: #fff;
}
.mealperiod .normalmultipleselect .multiselect-container.dropdown-menu {
    top: inherit;
    margin-top: -1px;
    position: relative;
    display: block;
    -webkit-box-shadow: none;
    box-shadow:none;
    padding-top: 5px;
    padding-bottom: 5px;
}
.mealperiod .normalmultipleselect .multiselect-container { top: 30px; position: relative;   }
.mealperiod .normalmultipleselect .multiselect-native-select .multiselect .caret {
    top: 12px;
    right: 5px;
}
.mealperiod .normalmultipleselect .multiselect-native-select .multiselect-selected-text {
    text-align: left;
    padding: 0 10px;
    height: 30px;
    background: #fff;
    border: 1px solid #8f91a2;
}


/* fb mealperiod edit */


.fbmealperiod .btn-save,
.fbmealperiod .btn-edit {
    cursor: pointer;
}
.mealperiodEdit {
    /* display: block; */
    overflow: hidden;
}
.mealperiodcontent-save { display: none; }
/* .mealperiodEdit .mealperiodcontent-edit { display: block; } */
.mealperiodbox { }
.mealperiodbox .title {
    height: 30px;
    line-height: 28px;
    font-size: 15px;
    border: 1px solid #8f91a2;
    background: #b3c6e8;
    color: #000;
    padding: 0 10px;
    margin: 0;
    overflow: hidden;
    text-align: center;
}
.mealperiodbox .list {
    overflow-y: auto;
    margin: 5px 0 0 0;
    padding: 0 5px;
    height: 100px;
    background: #fff;
    border: 1px solid #8f91a2;
}
.mealperiodbox .list li {
    height: 21px;
    line-height: 21px;
    padding: 0 10px;
    margin: 0;
    font-size: 14px;
    font-weight: normal;
 }




/*  fb ui 5  */
.fbsetuparea {
    overflow: hidden;
    margin-top: 10px;
}
.fbsetuparea:first-child {
    margin-top: 0;
}
.fbsetuptop {
    overflow: hidden;
}
.fbsetuptop .form-control {
    height: 30px;
    width: 50px;
    font-size: 14px;
    border: 1px solid #8f91a2;
    color: #131111;
    background: #ffffc1 !important;
    border-radius: 0;
    float: left;
    padding: 0 10px;
    display: block;
}
.fbsetupcontent {
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}
.fbsetupcolumn {
    width: 220px;
    margin-bottom: 10px;
    margin-right: 10px;
}
.fbsetupcolumntop {
    background: #b3c6e8;
    height: 30px;
    position: relative;
    padding: 0 30px 0 34px;
}
.fbsetupcolumntop .form-control {
    height: 30px;
    font-size: 14px;
    border: 1px solid #8f91a2;
    color: #131111;
    border-radius: 0;
    float: left;
    padding: 0 10px;
    display: block;
    background: #ffffc1 !important;
}
.fbsetupcolumntop .nwbtn-deletecell {
    background: #b3c6e8;
    position: relative;
    position: absolute;
    left: 0;
    top: 0;
    height: 30px;
    width: 34px;
}
.btn-add {
    position: absolute;
    right: 0;
    cursor: pointer;
}
.nwbtn-deletecell {
    right: 1px;
    display: block;
    width: 28px;
    height: 28px;
    position: relative;
    top: 0;
    cursor: pointer;
    background: #b3c6e8;
}
.nwbtn-deletecell:hover { background: #c2d7fd; }
.nwbtn-deletecell:before {
    content: '';
    width: 12px;
    height: 2px;
    display: block;
    background: #000;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top:50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.fbsetupbox .fbbox {
    padding: 0;
    margin-top: 2px;
}
.fbsetupbox .fbbox > span {
    padding: 0 0 0 34px;
}
.fbsetupbox .form-control {
    height: 30px;
    font-size: 15px;
    border-radius: 0;
    float: left;
    padding: 0 10px;
    display: block;
    background: #ffffc1 !important;
}
.fbsetuparea .btn-add {
  width: 30px;
  height: 30px;
  background: url(../images/pluse3.png) no-repeat center center;
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  cursor: pointer;
  z-index: 100;
}
.fb-row-view .fbbox span { border: 1px solid #8f91a2; padding: 0 !important;  }
.fb-row-view .fbbox span span {
    border: none;
    padding: 0 10px !important;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.fbbox.fbcol8 span { border: 1px solid #8f91a2; padding: 0 !important;  }
.fbbox.fbcol8 span span  { border: none; padding: 0 10px !important; display: block; background: #fff;  }
.fb-row-view .fbbox.fbcol7 > span { position: relative; }
.icon-arrow {
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.fb-row-title .fbcol7 .fb-column-title .btn-arrow,
.fb-row-view .fbbox.fbcol7 > span .btn-arrow {
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 30px;
    padding: 0 !important;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.fb-row-title .fbcol7 .fb-column-title .btn-arrow .chi,
.fb-row-view .fbbox.fbcol7 > span .btn-arrow .chi { transform: rotate(90deg); }
.fb-row-title .fbcol7 .fb-column-title .btn-arrow.active2 .chi { transform: rotate(-90deg); }
.fb-row-view .fbbox.fbcol7 > span .btn-arrow.active .chi { transform: rotate(-90deg); }
.fb-row-title .fbcol7 .fb-column-title { position: relative; }
.fb-row-view .fbbox.fbcol7 > span,
.fb-row-view .fbbox.fbcol8 > span  { height: auto; line-height: 0; border: none;  }
.fb-row-view .fbbox.fbcol7 > span span,
.fb-row-view .fbbox.fbcol8 > span span { min-height: 30px; height: auto; line-height: 28px;  padding: 0 !important; }
.fb-row-view .fbbox.fbcol7 > span span.mealperiodstext,
.fb-row-view .fbbox.fbcol8 > span span.revenuetext {
    height: 30px;
    display: block;
    line-height: 28px;
    border:1px solid #8f91a2;
    padding: 0 10px !important;
}
.fb-row-view .fbbox.fbcol8 > span span.revenuetext {
    text-decoration: none;
}
.fb-row-view .fbbox.fbcol7 > span span small,
.fb-row-view .fbbox.fbcol8 > span span a {
    display: block;
    font-size: 14px;
    font-style: normal;
    height: 30px;
    line-height: 28px;
    border:1px solid #8f91a2;
    padding: 0 10px !important;
    margin-top: 2px;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.fb-row-view .fbbox.fbcol8 > span span.fbcol8revenue a {  text-decoration: underline; }
.fb-row-view .fbbox.fbcol7 > span span.fbcol7mealperiods,
.fb-row-view .fbbox.fbcol8 > span span.fbcol8revenue {
    display: none; width: 100%; min-height: 20px; padding: 0; margin: 0;
}
.popup-revenue ul { padding: 0; }
.popup-revenue ul li { padding: 0 10px; }

/*  fbui6  */
.savefbsetuparea .fbinputbox span.fbinputtext {
    height: 30px;
    width: 50px;
    line-height: 28px;
    text-align: center;
    font-size: 14px;
    border: 1px solid #8f91a2;
    color: #131111;
    background: #fff;
    border-radius: 0;
    float: left;
    padding: 0 10px;
    display: block;
}
.savefbsetuparea .fbsetupcolumntop {
    background: #b3c6e8;
    font-weight: 600;
    font-size: 15px;
    color: #000000;
    font-family: 'Source Sans Pro', sans-serif;
    line-height: 30px;
    padding: 0 10px;
    font-size: 15px;
    text-align: center;
}
.savefbsetuparea .fbsetupbox .fbbox { float: none; }
.savefbsetuparea .fbsetupbox .fbbox span {
    border: 1px solid #8f91a2;
    display: block;
    float: none;
    height: 30px;
    line-height: 28px;
    padding: 0 10px;
    font-size: 14px;
}

@media (min-width: 1231px) {
    .fb-row-title .fbcol1 { width: 15%; }
    .fb-row-title .fbcol2 { width: 18%; }
    .fb-row-title .fbcol3 { width: 15%; }
    .fb-row-title .fbcol4 { width: 8.5%; }
    .fb-row-title .fbcol5 { width: 8%; }
    .fb-row-title .fbcol6 { width: 12%; }
    .fb-row-title .fbcol7 { width: 12%; }
    .fb-row-title .fbcol8 { width: 11.5%; }
    .fbitemcolumn1 { position: relative; z-index: auto; }
    .fbitemcolumn2 { margin-left: 15%; padding: 0 0 0 2px; }
    .fbitemcolumn3 { margin-left: 21%; padding: 0 0 0 2px; }
    .fbitemcolumn4 { margin-left: 35%; padding: 0 0 0 2px; }
    .fbitemcolumn1 .fbboxwrap .fbcol1 { width: 15%; }
    .fbitemcolumn2 .fbboxwrap .fbcol2 { width: 21%; }
    .fbitemcolumn3 .fbboxwrap .fbcol3 { width: 22.2%; }
    .fbitemcolumn3 .fbboxwrap .fbcol4 { width: 12.8%; }
    .fbitemcolumn4 .fbboxwrap .fbcol5 { width: 18%; }
    .fbitemcolumn4 .fbboxwrap .fbcol6 { width: 27.7%; }
    .fbitemcolumn4 .fbboxwrap .fbcol7 { width: 27.7%; }
    .fbitemcolumn4 .fbboxwrap .fbcol8 { width: 26.6%; }
    .fbgroupitem1:first-child,
    .fbgroupitem2:first-child,
    .fbgroupitem3:first-child,
    .fbgroupitem4:first-child { margin-top: 0; }
}
@media (max-width: 1023px) {
    .mealperiodbox { width: 33.33%; }
}
@media (max-width: 800px) {
    .mealperiodbox { width: 50%; }
}
@media (max-width: 480px) {
    .mealperiodbox { width: 100%; float: none; }
}






.blankcell {
    display: block;
    padding: 0 10px;
    background: #eee;
}
.multiselect-all { display: none; }

.fbbox.fbcol7 span.activatetext {
    border: 1px solid #8f91a2;
}
.fbbox.fbcol7 span.activatetext span {
    border: none;
    height: 28px;
    line-height: 28px;
    padding: 0 10px !important;
    display: block;
    background: #fff;
}