#avgCheckCalc-popup{
  .reportrowtitle{
    width:182px;
    min-height: 22px;
    margin:2px 3px;
  }
  .mars-radio{
    float: left !important;
    min-width: 120px !important;
    height:26px!important;
    margin-right:2px;
  }
}

.fb {
  position: relative;
  z-index: 0;
  /* Button  */
  .btn-hand {
    width: 30px;
    height: 26px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
  }

  .column2 .btn-hand {
    left: 30px !important;
  }

  .btn-export {
    display: block;
    float: right;
    margin-left: 5px;
    padding: 0 13px 0 46px;
    width: 88px;
    height: 30px;
    line-height: 30px;
    background-color: #f5f5f5;
  }
  .btn-export i {
    right: 55px !important;
  }
  .btn-fbFinanceSetup,
  .btn-mprg {
    color: $c-white;
    height: 30px;
    padding: 4px 10px;
    background: $c-grayblue;
    cursor: pointer;
    -webkit-box-shadow: none;
    box-shadow: none;
    &.active {
      background-color: $c-purple;
    }
  }
  .btn-plus {
    height: 30px;
    width: 30px;
    display: block;
    float: left;
  }
  .btn-arrow {
    width: 30px;
    height: 30px;
    background: none;
    left: inherit;
    right: 0;
    top: 0;
    padding: 0;
    margin: 0;
    @include flex-center(center, center);
  }
  .btn-add {
    width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    top: 0;
  }
  .btn-deletecell {
    width: 30px;
    height: 26px;
    display: block;
    right: 0;
    top: 0;
  }
  .btn-save,
  .btn-edit,
  .btn-cancel {
    width: 30px;
    height: 30px;
  }
  /* Input  */
  input[type="text"] {
    padding: 2px 10px;
    height: 26px;
    background: $c-input;
    color: $c-black2;
    font-size: $medium;
    font-family: $base-font;
    border: 1px solid $c-border;
    @include placeholder();
    &:focus {
      border: 1px solid $c-border;
      outline: 0;
      -webkit-box-shadow: none;
      box-shadow: none;
    }
    &.form-control {
      @include border-radius(0);
      border: 1px solid $c-border;
      background: $c-input;
    }
  }
  /* checkbox */
  .mars-checkbox {
    height: 30px;
    float: left;
    margin: 0;
    padding: 0;
    position: absolute;
    left: 10px;
    top: 0;
    z-index: 100;
    input ~ .checkmark {
      background-color: #ffffff;
    }
  }
  .content {
    padding: 20px 15px 0 15px;
  }
  .form-group {
    margin-bottom: 0;
  }
  .top-head {
    margin-bottom: 18px;
    &:after {
      content: '';
      display: table;
      clear: both;
    }
    .top-head-left {
      float: left;
    }
    .top-head-right {
      float: right;
    }
    @media (max-width: 640px) {
      .top-head-left,
      .top-head-right {
        float: none;
      }
      .top-head-right {
        margin-top: 5px;
      }
      .btn-save,
      .btn-edit {
        float: right;
      }
      .btn-fbFinanceSetup,
      .btn-mprg {
        width: 250px !important;
      }
    }
    .btn-save,
    .btn-edit,
    .btn-cancel {
      margin-left: 10px;
      padding: 0;
      background: none;
    }
    .btn-fbFinanceSetup {
      width: 220px;
      color: #000000 !important;
      background: #DCECFF !important;
    }
    .btn-mprg {
      margin-right: 10px;
      color: #000000 !important;
      background: #f5f5f5;
      padding: 27px 5px 0px 39px;
      i {
        margin: -27px 0px -25px -38px;
      }
    }
    .btn-export {
      border-radius: 0;
    }
  }
  .sortable-container {
    margin: 0;
    position: relative;
    overflow: scroll;
    scroll-behavior: smooth;
    width: 100%;
    &.fixrow-one {
      padding: 30px 0 100px 0;
    }
    &.fixrow-two {
      padding: 58px 0 100px 0;
    }
    &.fixrow-three {
      padding: 86px 0 100px 0;
    }
    .stickyHeader {
      position: absolute;
      top: 0;
      z-index: 1000;
      background: $c-white;
      .sortable-item {
        margin-top: 0;
      }
      @media (min-width: 1231px) {
        width: 100%;
      }
    }
  }
  .top-head-row {
    min-width: 1192px;
    margin-bottom: 2px;
    @include flexbox();
    .column {
      float: left;
      div {
        text-align: center;
        padding: 3px 10px;
        span {
          font-family: "SourceSansProSemiBold";
        }
      }
      &.column1 {
        margin-right: 2px;
        div {
          @include linear-gradient(#e2e2e2, #a8a8a8);
        }
      }
      &.column2 {
        flex-grow: 1;
        div {
          background: #d1ecf1;
        }
      }
    }
    &.defineColumnOne {
      .column1 {
        width: 18% !important;
        @media (max-width: 1231px) {
          width: 250px !important;
        }
      }
    }
    //60.5 category+type
    //category+subcategory

    &.defineColumnTwo {
      .column1 {
        width: 36.2% !important;
        @media (max-width: 1231px) {
          width: 492px !important;
        }
      }
    }
    &.defineColumnThree {
      .column1 {
        width: 48.5% !important;
        @media (min-width: 1441px) {
          width: 48.5% !important;
        }
        @media (max-width: 1231px) {
          width: 574px !important;
        }
      }
    }
  }
  .sortable-row {
    min-width: 1192px;
    &:after {
      content: '';
      display: table;
      clear: both;
    }
    .sortable-item {
      &:after {
        content: '';
        display: table;
        clear: both;
      }
      position: relative;
      min-height: 26px;
      &:first-child {
        margin-top: 0;
      }
    }
    .sortable-item2 {
      margin-left: 18%;
      @media (max-width: 1231px) {
        margin-left: 250px;
      }
    }
    .sortable-item3 {
      margin-left: 22%;
      @media (max-width: 1231px) {
        margin-left: 240px;
      }
    }
    //when subcategory is hidden
    .sortable-group.group2.noSubCategory {
      .column2 {
        display: none;
        width: 0px;
      }
      .sortable-item3 {
        margin-left: 0 !important;
      }
    }

    .group1.property {
      .column1, .column2 {
        padding: 0 !important;
        /*  margin-right: 2px;*/
        span {
          @include linear-gradient(#e2e2e2, #f3f2f2);
          border: 1px solid $c-border;
          /*padding: 2px 10px;*/
          display: block;
        }
      }
    }

    .sortable-group {
      position: relative;
      z-index: auto;
      margin: 2px 0 0 0px;
      min-height: 26px;
      &:after {
        content: '';
        display: table;
        clear: both;
      }
      &:first-child {
        margin-top: 0;
      }
      &.group1 {
        margin-left: 0;
      }
      .clearBorder span {
        border: none !important;
      }
    }
    .sortable-column {
      position: relative;
      float: left;
      margin: 0;
      padding: 0 0 0 2px;
      &:first-child {
        padding-right: 2px;
      }
      .form-control {
        /*border-right: none;*/
      }
      .btn-deletecell {
        border: 1px solid $c-border;
        border-left: none;
      }
      > div {
        position: relative;
        a {
          color: $c-black2 !important;
        }
        &.textdefine,
        &.data {
          span {
            border: 1px solid $c-border;
            padding: 2px 10px;
            display: block;
            @include text-with-ellipsis();
            background: $c-white;
            height: 26px;
          }
        }
        &.textdefine {
          display: none;
          &.active {
            display: block;
          }
        }
        &.predefineData {
          padding: 0 !important;
          margin-right: 2px;
          span {
            @include linear-gradient(#e2e2e2, #f3f2f2);
            border: 1px solid $c-border;
            padding: 2px 10px;
            display: block;
            height: 26px;
          }
        }
      }
    }
    .commonselect {
      .btn-group, .open {
        .multiselect, .dropdown-toggle, .btn, .btn-default {
          background-color: #fff;
          border: 1px solid $c-border;
          -webkit-box-shadow: none;
          box-shadow: none;
          line-height: auto;
          .multiselect-selected-text {
            line-height: 24px;
          }
        }
      }
    }
    .column1 {
      width: 18%;
      @media (max-width: 1231px) {
        width: 250px;
      }
    }
    .column2 {
      width: 22%;
      @media (max-width: 1231px) {
        width: 240px;
      }
    }
    .column3 {
      width: 20%;
      @media (max-width: 1231px) {
        width:160px;
      }
    }
    .column7 {
      width: 16%;
      @media (max-width: 1231px) {
        width: 80px;
      }
    }
    .column4 {
      width: 20%;
      @media (max-width: 1231px) {
        width: 146px;
      }
    }
    .column5 {
      width: 20%;
      @media (max-width: 1231px) {
        width: 160px;
      }
      .textdefine {
        span {
          padding: 2px 10px;
          font-size: $medium;
          display: none;
        }
        &.active {
          span {
            height: 26px;
            background: $c-white;
            border: 1px solid $c-border;
            display: block;
          }
        }
      }
    }
    .column6 {
      width: 24%;
      @media (max-width: 1231px) {
        width: 160px;
      }
    }
    &.sortable-row-title {
      margin-top: 0;
      .sortable-group {
        margin-top: 0;
      }
      .sortable-group {
        position: relative;
        min-height: 26px;
      }
      .sortable-column {
        float: left;
        > .sortable-column-title {
          position: relative;
          background: $c-lsky2;
          height: 30px;
          h3 {
            margin: 0;
            font-family: $base-font-semibold;
            font-weight: normal;
            font-size: $medium;
            color: $c-black;
            padding: 6px 10px;
            text-align: center;
            position: relative;
          }
          .btn-add {
            left: inherit;
            right: 0;
          }
        }
      }
    }
    &.new-sortable-row {
      height: 26px;
      background: #cce5ff;
      margin-top: 2px;
      .column3 > div {
        padding: 0 30px;
      }
    }
    &.edit-row {
      margin-top: 2px;
      .sortable-item2 {
        .btn-add {
          left: 0;
          height: 26px !important;
          i {
            height: 26px;
            -webkit-background-size: 26px 26px !important;
            background-size: 26px 26px !important;
          }
        }
      }
      .column1 > div {
        padding: 0 30px;
      }
      .column2, .column3 {
        > div {
          padding: 0 30px 0 60px;
          .btn-hand {
            left: 30px;
          }
        }
      }
      /*    .column3 {
            > div {
              padding: 0 0px 0 60px;
            }
            .btn-hand {
              left: 26px;
            }
          }*/
    }
    &.sortable-row-view {
      margin-top: 2px;
      .sortable-column {
        > div {
          padding: 0;
          height: auto;
          position: relative;
          span {
            border: 1px solid $c-border;
            padding: 2px 10px;
            display: block;
            @include text-with-ellipsis();
            height: 26px;
            &.blank {
              background: $c-white3;
              border: 1px solid $c-white3;
            }
            a, a:hover {
              text-decoration: underline;
            }
          }
          .btn-arrow {
            height: 26px;
            padding: 0;
            border: none;
            @include flex-center(center, center);
            right: 0;
          }
          ul {
            padding: 0;
            margin: 0;
            display: none;
            &.active {
              display: block;
            }
            li {
              height: 26px;
              border: 1px solid $c-border;
              padding: 2px 10px !important;
              margin-top: 2px;
              @include text-with-ellipsis();
              a, a:hover {
                text-decoration: underline;
              }
            }
          }
        }
      }
      &.propDeptDesc-row {
        .column3 > div {
          padding-right: 0;
        }
      }
    }
    &.department-row {
      .sortable-item2 {
        margin-left: 22%;
        @media (max-width: 1231px) {
          margin-left: 250px;
        }
      }
      .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
        background-color: #ffffff !important;
      }
      .column1 {
        .form-control {
          border-right: none;
        }
        width: 22%;
        @media (max-width: 1231px) {
          width: 250px;
        }
      }
      .column2 {
        width: 20%;
        .form-control {
          border-right: none;
        }
        .btn-hand{
          left:26px;
        }
        @media (max-width: 1231px) {
          width: 280px;
        }
      }
      .column3 {
        width: 30%;
        .btn-hand{
          left:26px;
        }
        @media (max-width: 1231px) {
          width: 220px;
        }
      }
      .column4 {
        width: 24%;
        @media (max-width: 1231px) {
          width: 220px;
        }
      }
      .column5 {
        width: 24%;
        @media (max-width: 1231px) {
          width: 220px;
        }
      }
      &.new-sortable-row {
        .column2 > div {
          padding-left: 30px;
        }
        .column3 > div {
          padding: 0 !important;
        }
      }
      &.edit-row {
        .column2 {
          > div {
            padding-left: 60px;
            .btn-hand {
              left: 0;
            }
          }
        }
        .column3 > div {
          padding: 0 !important;
        }
      }
      &.new-sortable-row {
        .column2 {
          > div {
            padding: 0 30px;
          }
        }
      }
    }
    &.propDeptDesc-row {
      .type-disabled {
        background-color: $c-white3;
        padding: 3px 10px;
        display: block;
        height: 26px;
      }
      .sortable-item2 {
        margin-left: 16%;
        @media (max-width: 1231px) {
          margin-left: 190px;
        }
      }
      .sortable-item3 {
        margin-left: 19%;
        @media (max-width: 1231px) {
          margin-left: 190px;
        }
      }
      .column1 {
        width: 16%;
        @media (max-width: 1231px) {
          width: 190px;
        }
      }
      .column2 {
        width: 19%;
        @media (max-width: 1231px) {
          width: 190px;
        }
      }
      .column3 {
        width: 24% !important;
        @media (max-width: 1231px) {
          width: 190px !important;
        }
        > div {
          padding-right: 30px;
        }
      }
      .column4 {
        width: 18% !important;
        @media (max-width: 1231px) {
          width: 160px !important;
        }
        > div {
          .form-control {
            border-right: 1px solid $c-border !important;
          }
        }
      }
      .column5 {
        width: 18% !important;
        @media (max-width: 1231px) {
          width: 150px !important;
        }
        .commonselect {
          display: none;
        }
      }
      .column6 {
        width: 20% !important;
        @media (max-width: 1231px) {
          width: 146px !important;
        }
      }
      .column7 {
        width: 20% !important;
        @media (max-width: 1231px) {
          width: 160px !important;
        }
      }
    }
  }
}

/* Meal period popup */
.mealperiod-popup {

  .bluegradientbar {
    color: $c-blue3;
    border: none;
    height: 28px;
    padding: 0 10px;
    position: relative;
    z-index: 1;
    @include linear-gradient(#dde0ec, #9da8ce);
  }

  .mealperiod-header-title {
    border: none;
  }

  .mealperiod-header-title2 {
    padding: 0 0;
  }

  .mealperiod-header-title h2 {
    line-height: 26px;
    font-size: $large;
    font-family: $base-font-semibold;
    padding: 0;
    margin: 0;
  }

  .mealperiod-header-title.bluegradientbar2 h2 {
    color: $c-blue3;
  }

  .help-integration {
    width: 36px;
    height: 26px;
    background-size: 27px 36px !important;
  }

  .btn-mealperid-close {
    background: url(../images/icon-close.png) no-repeat center center;
    width: 28px;
    height: 28px;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    z-index: 1000;
  }
  .fb-setup-help {
    float: right;
    margin-left: 91%;
    margin-top: -24px;
    position: absolute;
  }

  .bg-purple {
    background: #894F76;
  }

  .bg-dark-gray {
    background: #7F7DA0;
  }

  .head-label {
    padding: 5px 10px;
    color: #ffffff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    float: left;
    display: inline-block;
  }
  .head-label {
    width: 220px;
    @media (max-width: 479px) {
      width: 100%;
      float: none;
      margin-bottom: 5px;
    }
  }
  .form-control {
    font-size: $medium;
    border: 1px solid $c-border;
    color: $c-black2;
    background: $c-input !important;
    @include border-radius(0);
    float: left;
    padding: 0 10px;
    height: 26px;
    display: block;
  }
  .inputbox {
    float: left;
    height: 30px;
    margin-left: 10px;
    .btn-plus {
      float: left;
      width: 30px;
      height: 30px;
    }
    .btn-save,
    .btn-edit,
    .btn-close{
      margin-left: 10px;
      float: left;
      width: 30px;
      height: 30px;
      cursor: pointer;
    }
    .form-control {
      margin-left: 10px;
      text-align: center;
      width: 50px;
      height: 30px;
    }
  }
  #globalStatusBar {
    width: auto !important;
    padding: 3px 5px;
  }
  .basepopupcontent {
    padding: 10px 10px 0 0;
    border: none;
    overflow: hidden;
    .mealperiodtop {
      overflow: hidden;
    }
    .mealperiod {
      margin: 0 -10px;
      max-height: 440px;
      overflow-y: auto;
      .commonselect {
        .multiselect-native-select {
          .btn-group {
            .multiselect,
            .dropdown-toggle,
            .btn,
            .btn-default {
              height: 26px;
              padding: 0;
              line-height: inherit;
              background: $c-white;
              border: 1px solid $c-border;
              .multiselect-selected-text {
                text-align: left;
                padding: 0 10px;
                background: $c-white;
              }
            }
          }
          .dropdown-menu,
          .multiselect-container {
            top: 30px;
            position: relative;
            &.dropdown-menu {
              top: inherit;
              margin-top: -1px;
              position: relative;
              display: block;
              -webkit-box-shadow: none;
              box-shadow: none;
              padding: 0;
              min-height: 76px;
            }
            li {
              height: 21px;
              padding: 0;
              a, .active {
                background-color: $c-white !important;
              }
            }
            li.disabled {
              display: block !important;
            }
          }
        }
      }
      .mealperiodbox {
        width: 25%;
        padding: 0 10px;
        margin-top: 20px;
        float: left;
        position: relative;
        z-index: 0;
        height: 190px;
        @media screen and (max-width: 1023px) {
          width: 33.33%;
        }
        @media screen and (max-width: 800px) {
          width: 50%;
        }
        @media screen and (max-width: 480px) {
          width: 100%;
          float: none;
        }
        .inputarea {
          overflow: hidden;
          position: relative;
          padding-right: 30px;
          .form-control {
            border-right: none;
          }
          .btn-deletecell {
            display: block;
            width: 30px;
            height: 26px;
            top: 0;
            border: 1px solid $c-border;
            border-left: none;
          }
        }
        .selectarea {
          margin-top: 5px;
        }
        .title {
          height: 26px;
          font-size: $medium;
          font-weight: normal;
          color: $c-black;
          text-align: center;
          padding: 4px 10px;
          margin: 0;
          background: $c-lsky2;
          border: 1px solid $c-border;
          overflow: hidden;
        }
        .list {
          overflow-y: auto;
          margin: 5px 0 0 0;
          padding: 5px 0;
          height: 130px;
          background: $c-white;
          border: 1px solid $c-border;
          li {
            height: 21px;
            line-height: 21px;
            padding: 0 10px;
            margin: 0;
            font-weight: normal;
            font-size: $medium;
          }
        }
      }
    }
    &.mealperiodcontent-edit {
      display: block;
    }
    &.mealperiodcontent-save {
      display: none;
    }
  }
  .mealperiod-save {
    .mealperiodbox {
      height: 165px !important;
    }
  }
}

/* tcsetup popup */
.tcsetup {
  margin: 0;
  position: relative;
  overflow: auto;
  scroll-behavior: smooth;
  .popStickyHeader {
    position: absolute;
    top: 0;
    z-index: 100;
    background: $c-white;
    @media (min-width: 1231px) {
      width: 100%;
    }
  }
  .btn-add {
    position: absolute;
    right: 0;
    top: 0;
    height: 30px;
    /*background: $c-lsky2;*/
    cursor: pointer;
    .icon-large {
      -webkit-background-size: 26px 26px !important;
      background-size: 26px 26px !important;
      background-position: center center !important;
    }
  }
  .btn-deletecell {
    right: 0;
    top: 0;
    width: 30px;
    height: 26px;
    display: block;
    background: $c-lsky2;
    border: 1px solid $c-border;
    border-left: none;
    i {
      -webkit-background-size: 20px 20px !important;
      background-size: 20px 20px !important;
    }
  }
  .btn-hand {
    position: absolute;
    left: 2px;
    top: 0;
    height: 26px;
    z-index: unset;
  }
  .btn-arrow {
    position: absolute;
    left: inherit;
    right: 0;
    top: 0;
    height: 26px;
    width: 30px;
    background: none;
    @include flex-center(center, center);
    i {
      position: relative;
      top: inherit;
      left: inherit;
    }
  }
  .form-control {
    height: 26px;
    @include border-radius(0);
  }
  .rowcolumn {
    background: $c-white;
    &:after {
      content: '';
      display: table;
      clear: both;
    }
    .group {
      min-height: 26px;
      margin-top: 2px;
      position: relative;
      z-index: auto;
      &:first-child {
        margin-top: 0;
      }
      &:after {
        content: '';
        display: table;
        clear: both;
      }
    }
    .column {
      width: 140px;
      float: left;
      position: relative;
      &:after {
        content: '';
        display: table;
        clear: both;
      }
      & > div {
        background: $c-white;
        min-height: 26px;
        text-align: center;
        span {
          display: block;
          padding: 3px 10px;
          height: 26px;
          a {
            text-decoration: underline;
          }
        }
      }
    }
    .item2 .column {
      padding-left: 2px;
    }
  }
  .titlerowcolumn {
    .item {
      margin-top: 0;
      .column {
        & > div {
          background: $c-lsky2 !important;
          font-family: $base-font-semibold;
          span {
            height: 30px;
            text-align: center;
            border: none !important;
            display: block;
            padding: 5px 10px;
          }
        }
      }
    }
  }
  .newrowcolumn {
    background: #cce5ff;
    margin-top: 2px;
  }
}

/* mprgsetup popup */
.mprgsetup-popup {
  .tcsetup {
    max-height: 324px;
    &.fixrow-one, &.fixrow-two {
      padding: 30px 0 30px 0;
    }
    &.fixrow-three {
      padding: 86px 0 30px 0;
    }
  }
  .rowcolumn {
    width: 600px;
    background: none;
    position: relative;
    z-index: auto;
    &:first-child {
      margin-top: 0;
    }
    .item {
      margin-top: 2px;
      background: $c-white;
      &:first-child {
        margin-top: 0;
      }
      .btn-deletecell {
        border: 1px solid $c-border;
        border-left: none;
      }
      .form-control {
        border: 1px solid $c-border;
        border-right: none;
      }
      .column {
        width: 200px;
      }
      .column2 {
        padding: 0 30px 0 32px;
        &.itemDefineMgt {
          .btn-deletecell {
            cursor: not-allowed;
            background: $c-gray3;
          }
          .btn-hand {
            cursor: not-allowed;
            i.chi-drag {
              background: url(../images/chi-drag-disable.svg) no-repeat center center;
            }
          }
        }
      }
      .column3 {
        > div {
          span {
            text-align: center;
            border: 1px solid $c-border;
          }
        }
      }
      .group {
        z-index: auto;
      }
      &.item2 {
        margin-left: 200px;
      }
    }
    .mprgdrag1.ui-sortable-helper {
      position: absolute;
      left: 200px !important;
      z-index: 10000 !important;
    }
  }
  .titlerowcolumn {
    position: relative;
    z-index: 1000;
    .item .column2 {
      padding: 0 0 0 2px;
    }
    .item {
      margin-top: 0;
    }
  }
  .newrowcolumn {
    margin-top: 2px;
    position: relative;
    z-index: 100;
    .item {
      background: #cce5ff;
    }
    .column3 {
      > div {
        background: none;
        span {
          display: none;
        }
      }
    }
  }
    .editrowcolumn.standard-meal-period {
      .column > .predefineData span {
        @include linear-gradient(#eee, #c5c5c5);
        border: none;
        &:nth-child(2){
          background: #FFFFFF !important;
        }
        &:first-child{
          margin-right:25px
        }
      }
      i.chi-plus2.icon-large {
        position: absolute;
        top: -2px;
        left: -6px;
      }
    }
  .viewrowcolumn {
    margin-top: 2px;
    .item .column2 {
      padding: 0 0 0 2px;
    }
    .column {
      > div span {
        text-align: center;
        border: 1px solid $c-border;
      }
      > .predefineData span {
        @include linear-gradient(#eee, #c5c5c5);
        border: none;
      }
    }
  }

}

/* moved up the popup for tx codes*/
/*.dialog-tcsetup-department {
  top: 200px !important;
  left: 450px !important;
}*/
/* tcsetup-department popup */
.tcsetup-department-popup {
  .btn-save {
    display: none;
  }
  .tc-group {
    position: relative;
    z-index: 1000;
    margin-bottom: 20px;
    &:after {
      content: '';
      display: table;
      clear: both;
    }
    .select-group {
      margin-top: 4px;
      &:first-child {
        margin-top: 0;
      }
      &:after {
        content: '';
        display: table;
        clear: both;
      }
      > label {
        display: block;
        float: left;
        width: 144px;
        height: 26px;
        padding: 3px 10px;
        margin: 0 10px 0 0;
        font-family: $base-font-semibold;
        font-weight: normal;
        background-color: $c-lsky2;
      }
      .commonselect {
        width: 210px;
        float: left;
        position: relative;
        z-index: auto;
        .multiselect-native-select {
          .btn-group,
          .open {
            .multiselect {
              border: 1px solid $c-border;
              background: $c-white;
            }
          }
        }
      }
    }
  }

  .tcsetup {
    padding-bottom: 10px !important;
    &.tcsetup-edit {
      max-height: 480px;
      min-height: 300px;
    }
    &.tcsetup-view {
      max-height: 556px;
      min-height: 300px;
      .column4 {
        width: 360px !important;
        .dropdown-list li {
          @include text-with-ellipsis();

        }

      }
    }
    &.fixrow-one {
      padding: 30px 0 180px 0;
    }
    &.fixrow-two {
      padding: 58px 0 180px 0;
    }
    &.fixrow-three {
      padding: 86px 0 180px 0;
    }
  }
  .rowcolumn {
    background: #f5f5f5;
    &:first-child {
      margin-top: 0;
    }
    &.titlerowcolumn {
      .item {
        margin-top: 0;
      }
    }
    .item {
      margin-top: 2px;
      background: #fff;
      &:first-child {
        margin-top: 0;
      }
    }
    .item2 {
      margin-left: 320px;
    }
    .column {
      width: 160px;
      margin: 0;
      padding: 0 0 0 2px;
      float: left;
      position: relative;
      > div {
        span {
          position: relative;
          text-align: left;
        }
        .list-title {
          border: 1px solid $c-border;
          line-height: auto;
          padding: 2px 10px;
        }
        ul.dropdown-list {
          position: absolute;
          left: 0;
          top: 25px;
          z-index: 10;
          width: 100%;
          margin: 0;
          padding: 0;
          background: $c-white;
          max-height: 110px;
          overflow: auto;
          border: 1px solid $c-border;
          /*display: none;*/
          li {
            height: 26px;
            text-align: left;
            padding: 3px 10px;
          }
        }
      }
      > .predefineData span {
        @include linear-gradient(#eee, #c5c5c5);
        border: none;
      }
      &.column1 {
        padding: 0 !important;
      }
      &.selectedCodeColumn {
        width: 400px;
        .btn-deletecell {
          position: relative;
          float: right;
          width: 30px;
          height: 20px;
          right: 0;
          top: 1px;
          display: block;
          border: 1px solid #8f91a2;
          /*background: none;*/
        }
        li {
          padding-right: 0px !important;
          padding-left: 3px !important;
          span {
            /*width: 360px;*/
            @include text-with-ellipsis();
            float: left;
            padding: 0px;
          }
        }
      }
      &.column4 {
        width: 310px;
        > .commonselect {
          margin: 0;
          .multiselect-native-select {
            padding: 0;
            .multiselect {
              border: 1px solid $c-border;
              line-height: 24px;
              padding: 0 10px;
              span {
                padding: 0;
              }
            }
            .multiselect-container {
              .multiselect-filter {
                .input-group {
                  padding: 0;
                  margin: 0;
                  width: 100%;
                  .form-control {
                    display: block;
                    width: 100%;
                    height: 24px;
                    padding: 2px 10px;
                    font-size: 14px;
                    line-height: inherit;
                    border: 1px solid $c-border;
                  }
                }
                .input-group-addon,
                .input-group-btn {
                  display: none;
                }
              }
            }
          }
        }
      }
    }
  }
  /*.tcsetup-edit {
    display: block;
  }
  .tcsetup-view {
    display: none;
  }*/
}

/* revenue popup */
.revenue-popup {
  padding-top: 0px !important;
  .revenuepopup-content {
    margin-top: 10px;
    strong {
      padding: 0 10px;
      margin-top: 0;
      display: block;
      font-family: $base-font-semibold;
      font-size: 14px;
      font-style: normal;
      font-weight: normal;
      background: #deebf7;
    }
    ol {
      overflow: auto;
      max-height: 120px;
      margin: 5px 0 5px 10px;
      padding: 0 0 0 14px;
      &:first-child {
        margin: 0;
      }
      li {
        margin: 0;
        padding: 0 10px 0 5px;
      }
    }
    ul {
      overflow: auto;
      max-height: 120px;
      margin: 5px 0 5px 10px;
      padding: 0;
      &:first-child {
        margin: 0;
      }
      li {
        margin: 0;
        padding: 0 10px 0 10px;
        ul {
          li {
            margin: 10px 0 0 0;
            padding: 0 10px 0 10px;
          }
        }
      }
    }
  }
}

.new-group-create-popup,
.tcsetup-department-popup,
.mprgsetup-popup,
.mealperiod-popup,
.revenue-popup,
.deletepopup {
  display: none;
}

.dialog-new-group-create-popup,
.dialog-tcsetup-department,
.dialog-mprgsetup,
.dialog-mealperiod,
.dialog-revenuepopup,
.dialog-delete-mealPeriods,
.dialog-delete-category,
.dialog-delete-subtotal,
.dialog-delete-department {
  @media (max-width: 960px) {
    max-width: 100% !important;
    width: 95% !important;
    margin: 0 auto !important;
  }
}

.ui-dialog .tcsetup-department-popup,
.ui-dialog .mprgsetup-popup,
.ui-dialog .mealperiod-popup,
.ui-dialog .revenue-popup,
.ui-dialog .deletepopup,
.ui-dialog .ui-dialog-content.new-group-create-popup {
  padding: 0px 0 10px 0;
  background: $c-white3;
}

.dialog-mealperiod {
  top: 200px !important;
}

.top-head-left #status-bar-id{
  margin-top: -4%;
  margin-left: 320px;
}
.new-group-create-popup.dialog-titlebar-change {
  padding-top: 0 !important;
  overflow: unset !important;
  .ui-dialog-titlebar {
    height: 30px;
    padding: 4px 10px;
    width: 100%;
    margin-bottom: 5px;
    .ui-dialog-title{
      width:475px;
    }

    .help-integration {
      width: 38px;
      height: 33px;
      margin-top: -4px;
      margin-right: -3px;
    }
  }
  .ui-icon-closethick {
    left: 0px;
    top: 0px;
    margin: 0;
  }
  .btn-edit,
  .btn-save {
    right: 45px;
    top: 0;
  }
  .btn-export {
    right: 96px;
    width: 114px;
    float: right;
    padding-left: 40px;
    padding-top: 3px;
    margin-top: -4px;
    i.chi-export {
      right: 55px !important;
    }
  }
  .btn-push-to-rms {
    right: 120px;
    width: 125px;
    position: absolute;
    float: right;
    padding-right: 25px;
    padding-left: 0px;
    padding-top: 3px;
    margin-top: -4px;
  }
  .btn-import-status {
    right: 45px;
    position: absolute;
    float: right;
    padding-right: 0px;
    padding-left: 0px;
    padding-top: 0px;
    margin-top: -35px;
  }
  .margin-right-fb{
    margin-right: 21px !important;
  }
  .margin-help-fb{
    float: right;
    margin-right: 85%;
    margin-top: 3px;
  }

  //fix for transaction code popup
  .group-grid {
    display: -ms-grid;
    display: grid;
    .group {
      @include flexbox();
      flex-flow: row nowrap;
    }
    .column1 {
      -ms-grid-row: 1;
      grid-row: 1;
      -ms-grid-column: 1;
      grid-column: 1;
    }
    .column2 {
      -ms-grid-row: 1;
      grid-row: 1;
      -ms-grid-column: 2;
      grid-column: 2;
    }
    .item2 {
      margin-left: 0;
      -ms-grid-row: 1;
      grid-row: 1;
      -ms-grid-column: 3;
      grid-column: 3;
      .column3 span{
        height: auto;
      }
    }
  }
}

.fnbTable {
  tr {
    td {
      &.redHighlightCell {
        background: red !important;
        color: #FFFFFF !important;
      }
      &.disabledcell:not(.isPastDay):not(.redHighlightCell){
        background: #d4d9e8 !important;
      }

      &.numbercolumn {

        /*to align all number to right if need be.
        some of the number cells don't have this class set eg.  */
        /*text-align:center;*/
      }
      &.trPattensBlue {
        &.totalcolumn {
          background: #d4d9e8 !important;
          text-align: center;
        }

      }
      &.trAliceBlue {
        &.totalcolumn {
          background: #d4d9e8 !important;
          /* text-align: right;*/
        }
        &.overridecolumn {
          color: blue;
          text-align: center;
        }
      }
      &.trTara {
        &.totalcolumn {
          background: #d4d9e8 !important;
          /* text-align: right;*/
        }
        &.overridecolumn {
          color: blue;
          text-align: center;
        }
        &.negativenumber:not(.market-segment-row) {
          background: #ffabab !important;
          color: black !important;

        }
        &.positivenumber:not(.market-segment-row) {
          background: #d1e6c4 !important;
        }
      }

      &.trClearDay {
        &.totalcolumn {
          background: #d4d9e8 !important;
        }
        &.overridecolumn {
          color: blue;
          text-align: center;
        }
        &.negativenumber {
          background: #ffabab !important;
          color: black !important;

        }
        &.positivenumber {
          background: #d1e6c4 !important;
        }
      }
      &.trGhostWhite {
        &.totalcolumn {
          background: #d4d9e8 !important;
        }

        &.overridecolumn {
          color: blue;
          text-align: center;
        }
        &.negativenumber:not(.statusRow) {
          background: #ffabab !important;
          color: black !important;

        }
        &.positivenumber:not(.statusRow) {
          background: #d1e6c4 !important;
        }
        &.disabledcolumn:not(&.isPastDay) >span {
          background: #d4d9e8 !important;
        }
      }
      &.trGhostWhiteNew {
        &.totalcolumn {
          background: #d4d9e8 !important;
        }
        &.overridecolumn {
          color: blue;
          text-align: center;
        }
        &.negativenumber {
          background: #ffabab !important;
          color: black !important;

        }
        &.positivenumber {
          background: #d1e6c4 !important;
        }

      }
      &.is-first-column {
        text-align: left;
      }
    }
    td.totalcolumn.trClearDay.positivenumber.trSolitude.rooms{
      background-color: #d4d9e8 !important;
    }
  }
  .ember-table-input{
    border: 1px solid #8f91a2;
    width: 100%;
    text-align: right;
  }
}

.banquetReport {
  tr {
    td {
      &.trLinkWater,&.trClearDay,&.trAliceBlue,&.trPattensBlue,&.trTara,&.trGhostWhite,&.trGhostWhiteNew {
        &.totalcolumn {
          background-color: #cbced7 !important;
        }
        &.display-only-status{
          background-color: #a1caf1 !important;
        }
      }
    }
  }
}
