/*
==========================================================================
    Roomsforecast New Page
==========================================================================
*/
.segment-details-setup.rooms-setup {
  padding-top: 20px;
  .submemu.tab-submemu {
    margin: 0 0 7px 0;
  }
  .top-action-area .btn-sync{
    color: color("black2") !important;
    padding: 5px 10px 15px 35px;
    @include border-radius(0);
    margin-left: 10px;
    position: relative;
    text-decoration: none;
    background-color: color("white-smoke-2");
    i  {
      position: absolute;
      left: 0;
      top: 0;
    }
  }

  .top-action-area .unAssignMSButton{
    padding:10px;
  }
}

.dialog-unassignedMS-popup{
  .col-resources {
    text-align: inherit;
  }
  .message-popup{
    padding : 10px 0 !important;
  }
  thead tr th:first-child{
    text-align: left;
  }
}

.dialog-copy-room-setup-popup.ui-widget-content {
  margin: 0 !important;
  padding: 0 !important;
  .displayNone {
    display: none !important;
  }
  .copy-room-setup-popup {
    margin: 10px;
    .popup-content {
      width: 300px;
      display: flex;
      flex-direction: column;
      gap: 10px 0;
      .title {
        background: #ccecff;
        padding: 3px 10px;
        margin-bottom: 5px;
      }
      .hotelsCopyDiv {
        padding-bottom: 120px;
      }
      .setupCopyButtonDiv {
        margin: 0;
        padding: 0;
      }
    }
  }
}
.roomsforecast .new-roomsforecast-content .commonTable {
  .btn-edit2 {
    height: 23px;
    float: left;
    padding: 0 5px;
    margin-top: -1px;
  }
}

.new-roomsforecast-content.SUMMARY.rf-content-ui13 .ember-table.mars-ember-table.mars-change-aware-table table {

 thead {
   position: sticky!important;
   tr:not(:first-child) {
     th:first-child {
       padding-left: 10px !important;
       display: none;
     }
   }

   tr:nth-child(2) {
     th:nth-child(2) {
       border-top: none !important;
     }
   }


   th:nth-child(2) {
     background-color: #d4d9e8 !important;
   }

   tr:first-child, tr:nth-child(2) {
     th:nth-child(2) {
       background-color: #98bad6 !important;
     }

     th.totalCss {
       background-color: #d4d9e8 !important;
     }
   }
   tr:first-child th:nth-child(2){
     span{
       position: absolute;
       top:11px;
       left:40px;
     }
   }
 }
  tbody {
    tr td.totalColumn.trClearDay.positivenumber.trSolitude{
      background-color: #d4d9e8 !important;
    }
    td:first-child, td:nth-child(2) {
      &.is-fixed-left {
        z-index: 1 !important;
      }
    }
  }
}

.roomsforecast-content .report-title h2{
  float: left;
}

.new-roomsforecast-content.SUMMARY.rf-content-ui13.rf-content-ui12 .ember-table.mars-ember-table.mars-change-aware-table table {

  thead {
    tr:first-child th:nth-child(2){
      span{
        top:4px;
      }
    }
  }
}

.roomsforecast .new-roomsforecast-content .commonTable tr th.highlightimpacteventdate {
  background-color: #ffe3a4 !important;
}
.roomsforecast .new-roomsforecast-content .table.table-roomforcast tr th.mseventdate {
  background-color: #ffe3a4 !important;
}
.sp-palette-container{
  .sp-palette .sp-thumb-el {
    width: 16px ;
    height: 16px;
    border: solid 1px #d0d0d0;
  }
}

.new-roomsforecast-content .rooms-forecast-method-notification {
  height: 30px;
  margin: 0;
  .progress-bar {
    padding: 0px 5px;
    font-size: 14px;
    line-height: 26px;
  }
}
.new-roomsforecast-content .rooms-forecast-common-header {
  cursor: default;
}
.new-roomsforecast-content .rooms-forecast-common-header:before {
  display: none !important;
}
.new-roomsforecast-content .rooms-forecast-common-header .page-title {
  margin-left: 0 !important;
}
.new-roomsforecast-content .rooms-forecast-common-top-row {
  margin-top: 10px !important;
}
.new-roomsforecast-content .rooms-forecast-common-fiscal-range {
  display: none;
}
.fiscaldaterange-content .blue-tooltip.fiscalbox { background : #f5f5f5; }
.fiscaldaterange-content .blue-tooltip.fiscalbox .session-label {
  width: 75%;
  padding-right: 0;
  @media screen and (max-width: 1440px) {
    width: 58%;
  }
  @media (min-width: 1800px) and (max-width: 1900px){
    width: 70%;
  }
  @media (min-width: 1441px) and (max-width: 1800px) {
    width: 65%;
  }
}

.new-roomsforecast-content .leftforecasttop.segment-detailed-report, .new-roomsforecast-content .leftforecasttop.rooms-consolidation, .new-roomsforecast-content .leftforecasttop.rooms-summary {
  cursor: default;
}
.top-row-btn {
  background: #ccecff !important;
  color: #000 !important;
  border-radius: unset;
  height: 26px !important;
  line-height: 26px !important;
  margin: 2px 5px;
}
.new-roomsforecast-content .rooms-consolidation-top-row, .new-roomsforecast-content .rooms-summary-top-row {
  margin-top: 10px !important;
}

.new-roomsforecast-content .rooms-consolidation-fiscal-range, .new-roomsforecast-content .rooms-summary-fiscal-range {
  display: none;
}
.new-roomsforecast-content .leftforecasttop.segment-detailed-report:before, .new-roomsforecast-content .leftforecasttop.rooms-consolidation:before, .new-roomsforecast-content .leftforecasttop.rooms-summary:before {
  display: none !important;
}
.new-roomsforecast-content .segment-detailed-report .page-title {
  margin-left: 0 !important;
}

.fcstroomsforecast #report.newreport .report-content .report-row
.checkbox-area {
  > div {
    min-width: 70px !important;
  }

  .form-group .btn-group .multiselect {
    width: 122px !important;
  }

  .form-group:nth-child(3){
    .btn-group{
      .multiselect{
        width: 145px !important;
      }
    }
  }
}

.roomsforecast {
  width: 100%;
  overflow: hidden;
  clear: both;
  .btn-export,
  .btn-compareto,
  .btn-datadisplay,
  .btn-enter,
  .btn-pickup,
  .btn-otb,
  .btn-edit,
  .btn-save,
  .btn-close {
    display: block;
    float: left;
  }
  .btn {
    height: 30px;
    line-height: 30px;
  }
  .btn-export {
    width: 88px;
    height: 30px;
    line-height: 30px;
  }
  .btn-exportchi {
    padding: 0 !important;
    margin-left: 0 !important;
    background-color: #c5c5c5 !important;
  }

  .btn-autoadjust {
    width: auto;
    height: 30px !important;
    line-height: 30px !important;
    display: block;
    margin-left: 5px;
    padding: 0 10px 0 38px;
    background: #F2F2F2 !important;
    i {
      margin: -30px 0px 0px -35px;
    }
  }

  .checkbox-area {
    background-color: unset;
  }

  .top-row-btn {
    margin-right: 10px;
  }

  .btn-compareto,
  .btn-datadisplay {
    height: 30px;
    line-height: 30px;
  }
  .btn-enter {
    width: 30px;
    height: 30px;
  }
  .btn-pickup,
  .btn-otb {
    height: 23px;
    line-height: 23px;
  }
  .btn-edit,
  .btn-save {
    min-width: inherit;
    padding: 0 5px;
    background: $c-white;
    width: 30px;
    height: 23px;
    i {
      height: 22px;
    }
  }
  .btn-close {
    width: 23px;
    height: 23px;
  }
  .new-roomsforecast-content {
    font-family: $base-font;
    font-weight: normal;
    font-size: $medium;
    width: 100%;
    max-width: inherit !important;
    margin: 6px 0 0 0 !important;
    padding: 4px 15px !important;
    strong {
      font-family: $base-font-semibold;
    }
    .forecasttop {
      .leftforecasttop {
        padding-left: 10px;
        position: relative;
        &:before {
          display: none;
        }
        .icon-collapse {
          width: 20px;
          display: block;
          position: absolute;
          left: 0;
          top: 5px;
          margin: 0;
          padding: 0;
        }
        span {
          margin-left: 24px;
          font-size: $medium;
        }
      }
      .leftforecasttop:before {
        content: '';
        position: absolute;
        left: 0;
        top: 4px;
        width: 24px;
        height: 22px;
        display: block;
        background: url(../images/chi-arrowright.svg) no-repeat center center;
        -webkit-background-size: auto 20px;
        background-size: auto 20px;
        -webkit-transition-duration: 0.8s;
        -moz-transition-duration: 0.8s;
        -o-transition-duration: 0.8s;
        transition-duration: 0.8s;
      }
      .leftforecasttopactive:before {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transition-duration: 0.8s;
        -moz-transition-duration: 0.8s;
        -o-transition-duration: 0.8s;
        transition-duration: 0.8s;

      }
      .leftforecasttop.inEditMode:before {
        display: none;
      }
      .rightforecasttop {
        .gotoselectarea .dropdown-menu {
          z-index: 900 !important;
        }
        height: 30px;
        &segment-detailed-report {
          .btn-consolidated {
            margin-right: 10px;
            float: left;
          }
          .btn-summary {
            float: left;
          }
        }
      }
    }
    .gotoselectarea {
      .multiselect,
      .multiselect-container li {
        font-family: $base-font;
        font-size: $medium;
      }
      .multiselect-container {
        li {
          &.active {
            label {
              background: url(../images/chi-tic.svg) no-repeat 98% center !important;
              -webkit-background-size: 12px 12px !important;
              background-size: 12px 12px !important;
            }
          }
        }
      }
      .multiselect-native-select {
        .multiselect {
          .caret {
            background: url(../images/chi-arrowright.svg) no-repeat 0 -1px;
            -webkit-background-size: 20px auto;
            background-size: 20px auto;
          }
        }
      }
    }
    .btn-export {
      margin-left: 5px;
      padding: 0 10px 0 38px;
      background: #F2F2F2 !important;
    }
    .Lastupdate {
      background: $c-white3;
      margin-left: 10px;
      margin-right: 10px;
      width: 230px;
      height: 30px;
      line-height: 30px;
      color: $c-black2;
      padding: 0 10px;
      display: block;
      float: left;
    }
    .forecastcomparedate {
      .forecastrow {
        .btn-compareto,
        .btn-datadisplay {
          width: 100px;
        }

        .btn-enter {
          background: url(../images/chi-go.svg) no-repeat center center;
          -webkit-background-size: 30px auto;
          background-size: 30px auto;
        }
        .fiscalcontentouter {
          .forecastcheckoption {
            padding-right: 38px;
            min-height: 30px;
            div {
              width: 142px;
              &.widthauto {
                width: auto;
              }
              &.checkoption3 {
                width: 180px;
              }
              small {
                font-size: $medium;
                font-weight: normal;
              }
              @media screen and (max-width: 1345px) {
                width: 115px;
                &.checkoption3 {
                  width: 140px;
                }
              }
              ul {
                width: 145px;
              }
            }
            @media (max-width: 1190px) {
              overflow: visible;
              float: none;
            }
          }
        }
        .fiscalrowcontent2 .radio label {
          font-size: $medium;
        }
        .forecastrowright {
          .forecastcheckoption {
            div {
              width: 142px;
              &.widthauto {
                width: auto;
              }
              &.checkoption3 {
                width: 180px;
              }
              small {
                font-size: $medium;
                font-weight: normal;
              }
              @media screen and (max-width: 1345px) {
                width: 115px;
                &.checkoption3 {
                  width: 140px;
                }
              }
            }
          }

        }
      }
      .float-at-left {
        float: left;
        margin-right: 10px;
        margin-bottom: 10px;
      }

      &.forecastcomparedate2 {
        .forecastrow {
          float: left;
          @media (max-width: 1190px) {
            float: none;
          }
          &:first-child {
            margin-right: 10px;
            @media (max-width: 1190px) {
              margin-right: 0;
            }
          }
          .fiscalcontentouter {
            @media (min-width: 1191px) {
              margin: 0 5px;
            }
            .forecastcheckoption {
              margin-right: 0;
              padding-right: 0;
              div {
                width: 75px;
                &.widthauto {
                  width: auto;
                }
                &.checkoption3 {
                  width: 105px;
                }
              }
            }
          }
          .forecastrowright {
            @media (min-width: 1191px) {
              margin-left: 105px;
            }
            .forecastcheckoption {
              div {
                width: 110px;
                &:first-child {
                  width: 90px;
                }
              }
            }
          }
        }
      }
    }
    .table-responsive {
      overflow: auto;
      padding-bottom: 15px;
    }
    .table.table-roomforcast {
      width: auto;
      margin-bottom: 0;
      .btn-close {
        margin: 0 0 0 10px;
      }
      .btn-autoadjust {
        margin: 0 0 0 5px;
        float: right;
      }
      .btn-edit {
        background: #894F76 url(../images/chi-edit.svg) no-repeat 11px center;
        -webkit-background-size: auto 20px;
        background-size: auto 20px;
        min-width: inherit;
      }
      .btn-edit2 {
        background: #fff url(../images/chi-edit.svg) no-repeat center center;
        -webkit-background-size: auto 17px;
        background-size: auto 17px;
        min-width: 30px;
        height: 22px;
      }
      .btn-save {
        background: #894F76 url(../images/chi-save.svg) no-repeat 11px center;
        -webkit-background-size: auto 20px;
        background-size: auto 20px;
        min-width: inherit;
        .icon-small {
          width: 22px;
          height: 22px;
        }
      }
      .btn-save2 {
        background: #fff url(../images/chi-save.svg) no-repeat 5px center;
        -webkit-background-size: auto 20px;
        background-size: auto 20px;
        min-width: inherit;
        cursor: pointer;
        .icon-small {
          width: 22px;
          height: 22px;
        }
      }
      .btn-close {
        background: url(../images/chi-close.svg) no-repeat 11px center;
        -webkit-background-size: auto 20px;
        background-size: auto 20px;
        height: 24px;
        line-height: 20px;
        float: left;
        padding-left: 35px;
        cursor: pointer;
      }
      .btn-pickup,
      .btn-otb,
      .btn-autoadjust {
        width: auto;
        display: block;
        float: right;
        height: 21px;
        margin-top: 1px;
        line-height: 23px;
        text-decoration: none;
      }
      .btn-pickup,
      .btn-otb {
        background: #fff url(../images/chi-edit.svg) no-repeat right center;
        -webkit-background-size: auto 20px;
        background-size: auto 20px;
        padding-right: 20px;
        float: left;
      }
      .btn-pickup:hover,
      .btn-otb:hover,
      .btn-edit:hover,
      .btn-edit2:hover {
        color: #fff;
        background-color: #894F76;
      }
      .btn-autoadjust {
        margin-left: 20px;
        &.left {
          margin-left: 0px;
          float: left;
        }
      }

      .btn-pickup {
        border-radius: 5px 0px 0px 5px;
      }
      .btn-otb {
        border-radius: 0px 5px 5px 0px;
      }
      .right-border-btn {
        border-radius: 5px;
      }
      tr {
        clear: both;
        th,
        td {
          text-overflow: ellipsis;
          font-family: $base-font;
          font-size: $small;
        }
        th {
          overflow: visible;
          .forecastmethod {
            span {
              padding: 0;
            }
          }
        }
        td {
          .fixscrollcell {
            div {
              .icon-collapse {
                width: 24px;
                margin: 0;
                padding: 0;
                display: block;
                float: right;
                position: absolute;
                right: 0;
                top: 0;
                z-index: 10;
                cursor: pointer;
              }
            }
          }
        }
        &.fhighlightborder {
          .fixscrollcell {
            border-top: 1px solid $c-gray2 !important;
          }
        }
        &.parentcollapse1,
        &.childcollapse1 {
          .fixscrollcell,
          .fixscrollcell2 {
            div {
              padding-left: 30px !important;
              position: relative;
              .icon-collapse {
                position: absolute;
                left: 6px;
                top: 2px;
                cursor: pointer;
              }
            }
          }
          .fixscrollcell2 {
            div {
              .icon-collapse {
                top: -1px;
                cursor: pointer;
              }
            }
          }
        }
        &.childcollapse1 {
          display: none;
        }
        &.childcollapse2 {
          display: none;
          background: $c-white4;
          td {
            background: $c-white2;
            border-top: 1px solid $c-white4;
            border-right: 1px solid $c-white4;
            &:last-child {
              border-right: none !important;
            }
            &.fixscrollcell {
              div {
                background: $c-white2;
                padding: 0 0 !important;
                strong {
                  float: left;
                  font-family: $base-font;
                  font-weight: normal;
                  padding: 0 0 0 10px !important;
                  width: 162px;
                  display: block;
                  position: relative;
                  &.green-head {
                    padding: 0 10px !important;
                    background: $c-lgreen;
                    color: $c-green;
                  }
                  &.gray-head {
                    padding: 0 10px !important;
                    background: $c-lgray;
                    color: $c-black;
                  }
                  &.lightsky-head {
                    padding: 0 10px !important;
                    background: $c-lsky;
                    color: $c-blue;
                    i {
                      cursor: pointer;
                    }
                  }
                  i {
                    position: absolute;
                    right: 0;
                    top: 0;
                  }
                  span {
                    display: block;
                    float: right;
                    position: relative;
                    width: 46%;
                    &:first-child {
                      float: left;
                    }
                  }
                }
                small {
                  display: block;
                  float: right;
                  font-size: $small;
                  text-align: right;
                  padding: 0 10px !important;
                  width: 88px;
                  border-left: 1px solid $c-white4;
                }
              }
            }
          }
          &.fhighlightborder {
            &.fhighlightrowedit {
              td {
                border-top: 1px solid $c-turquoise !important;
              }
            }
          }
        }
        &.gradient {
          td {
            &.fixscrollcell2 {
              font-family: $base-font-bold;
              font-size: $medium;
              font-weight: normal;
              color: $c-black2;
              div {
                height: 19px !important;
                line-height: 19px;
                padding: 0 8px;
                width: 361px;
                background: -moz-linear-gradient(top, #eee 0%, #a6a6a6 100%) !important;
                background: -webkit-linear-gradient(top, #eee 0%, #a6a6a6 100%) !important;
                background: linear-gradient(to bottom, #eee 0%, #a6a6a6 100%) !important;
                &.blue-grad {
                  color: #012e4f;
                  background: -moz-linear-gradient(top, #c5d4ed 0%, #1a82f7 100%) !important;
                  background: -webkit-linear-gradient(top, #c5d4ed 0%, #1a82f7 100%) !important;
                  background: linear-gradient(to bottom, #c5d4ed 0%, #1a82f7 100%) !important;
                }
                &.green-grad {
                  color: #006400;
                  background: -moz-linear-gradient(top, #eee 0%, #008000 100%) !important;
                  background: -webkit-linear-gradient(top, #eee 0%, #008000 100%) !important;
                  background: linear-gradient(to bottom, #eee 0%, #008000 100%) !important;
                }
              }
            }
            &.fixscrollcelltotal {
              div {
                height: 22px !important;
                line-height: 22px;
                padding: 0 8px;
                background: -moz-linear-gradient(top, #eee 0%, #a6a6a6 100%) !important;
                background: -webkit-linear-gradient(top, #eee 0%, #a6a6a6 100%) !important;
                background: linear-gradient(to bottom, #eee 0%, #a6a6a6 100%) !important;
                &.blue-grad {
                  color: #012e4f;
                  background: -moz-linear-gradient(top, #c5d4ed 0%, #1a82f7 100%) !important;
                  background: -webkit-linear-gradient(top, #c5d4ed 0%, #1a82f7 100%) !important;
                  background: linear-gradient(to bottom, #c5d4ed 0%, #1a82f7 100%) !important;
                }
                &.green-grad {
                  color: #006400;
                  background: -moz-linear-gradient(top, #eee 0%, #008000 100%) !important;
                  background: -webkit-linear-gradient(top, #eee 0%, #008000 100%) !important;
                  background: linear-gradient(to bottom, #eee 0%, #008000 100%) !important;
                }
              }
            }
            .lightning-bolt {
              background: url(../images/chi-refresh2.svg) no-repeat 0px -2px;
              -webkit-background-size: auto 23px;
              background-size: auto 23px;
              height: 20px;
              width: 120px;
              cursor: pointer;
            }
            .ms-click-span {
              cursor: pointer;
            }
            .span-width-200 {
              width: 200px !important;
              display: inline-block;
            }
            &.text-at-left {
              padding-left: 10px !important;
              text-align: left;
            }
            .status-changed {
              color: #012e4f;
            }
            .icon-block-changed {
              margin-left: 12px;
              margin-right: 30px;
              -webkit-background-size: auto 20px;
              background-size: auto 20px;
              height: 20px;
              width: 20px;
            }
            .gray-head {
              color: #000000;
              background: #d9d9d9;
            }
            .lightsky-head {
              background: #c5d4ed;
              color: #012e4f;
            }
            .green-head {
              background: #bcdda6;
              color: #385723;
            }
          }
        }
      }
      .forecastmethod .form-control {
        font-size: $small;
      }
      .btn-edit-area {
        padding: 0 5px 0 0;
        margin: 0 0 0 10px;
        height: 23px;
        width: 142px;
        float: left;
        .btn-pickup {
          @include border-radius-all(5px, 0, 0, 5px);
        }
        .btn-otb {
          @include border-radius-all(0, 5px, 5px, 0);
        }
      }
    }
    /*  table-roomforcast-change */
    .table-roomforcast-change {
      .infolist {
        float: left;
        margin: 0;
        padding: 0;
        li {
          float: left;
          position: relative;
          padding: 0 12px 0 14px;
          &:first-child {
            float: left;
            position: relative;
            padding: 0 12px 0 12px;
            &:before {
              display: none;
            }
          }
          &:before {
            content: '';
            width: 1px;
            height: 10px;
            display: block;
            background: #000;
            position: absolute;
            left: 0;
            top: 5px;
          }
        }
      }
      .form-control {
        border: 1px solid #ccc;
      }
      td {
        min-width: 75px !important;
      }
      td.fixscrollcelltotal {
        min-width: 110px !important;
      }
      th.fixscrollcelltotal > div {
        width: 110px !important;
      }
      tr .fixscrollcell,
      tr .fixscrollcell2 {
        min-width: 190px !important;
        width: 190px !important;
      }
      tr th.fixscrollcell > div {
        width: 191px !important;
        max-width: 191px !important;
      }
      tr .fixscrollcell div {
        width: 301px !important;
        border-right: 1px solid $c-white;
      }
      .infosection td {
        background: #d9d9d9 !important;
        height: 20px;
        line-height: 19px;
      }
      .infosection .fixscrollcell2 > div {
        background: #d9d9d9 !important;
        width: 301px;
        border-right: 1px solid $c-white;
      }
      .gradient2 td {
        height: 20px;
        line-height: 19px;
      }
      .gradient .fixscrollcell2 > div,
      .gradient2 .fixscrollcell2 > div,
      .gradient2 td {
        @include linear-gradient(#e5f4e3, #d2e8cf);
        width: 301px;
        border-right: 1px solid $c-white;
      }
      .gradient2 .fixscrollcell2 > div {
        font-family: $base-font-semibold;
      }
      .fhighlightrow2 .gray-head {
        background: #d9d9d9;
      }
      .fhighlightrow3 .gray-head {
        background: #d9d9d9;
      }
      .fhighlightrow2 .floatinfo1 {
        background: #f9f9f9;
      }
      .fhighlightrow4 .floatinfo1 {
        background: #e2f0d9;
      }
      .fixcolspan td {
        height: 0 !important;
        border: none !important
      }
      .nobordertop td {
        border-top: none;
      }
    }
  }
  .form-group.mars-select.segment-compareTo-select{
    margin-top:-2px !important;
  }

}

.reasonType {
  span.rectangleBox {
    display: inline-block;
    position: absolute;
    right: 15px;
    height: 20px;
    width: 20px;
    margin-top: 3px;
  }
  .multiselect-container.dropdown-menu {
    max-height: 250px !important;
  }
  .dropdown-menu > .active > a:hover {
    background-color: #ffffff !important;
  }
  .commonselect .multiselect-container li.active label, .commonselect .multiselect-container li.active label:hover {
    background: none !important;
  }
  .GREEN.active, .RED.active, .GRAY.active, .BLUE.active, .ORANGE.active, .YELLOW.active, .PINK.active {
    background: none !important;
  }

  .reasonType-RED, .RED .rectangleBox {
    background-color: #f22222 !important;
  }

  .reasonType-GRAY, .GRAY .rectangleBox {
    background-color: #cccccc !important;
  }

  .reasonType-BLUE, .BLUE .rectangleBox {
    background-color: #00bfff !important;
  }

  .reasonType-ORANGE, .ORANGE .rectangleBox {
    background-color: #ff8000 !important;
  }
  .reasonType-YELLOW, .YELLOW .rectangleBox {
    background-color: #ffff00 !important;
  }

  .reasonType-PINK, .PINK .rectangleBox {
    background-color: #ff00bf !important;
  }

  .reasonType-GREEN, .GREEN .rectangleBox {
    background-color: #00a100 !important;
  }

  [class*="reasonType-"] .availableroom {
    color: #ffffff !important;
  }

}

/* Popup */
#changeReasonTypesPopup {
  padding: 10px 0 !important;
  .arcr-content {
    background: $c-white3;
    #globalStatusBar {
      z-index: 999;
    }
    .btn-deletecell {
      width: 30px;
      height: 26px;
      display: block;
      right: 0;
      top: 0;
      position: absolute;
    }

    .form-control {
      width: 222px;
      height: 26px;
      padding: 0 10px;
      line-height: 24px;
      color: $c-black2;
      border-radius: 0;
      background: $c-input !important;
      border: 1px solid $c-border;
    }
    .rccode {
      position: absolute;
      width: 30px;
      height: 26px;
      display: block;
      border: 1px solid $c-border;
      right: 30px;
      top: 0;
      background: $c-white;
    }

    .change-reason {
      width: 300px;
      margin: 0 auto;
      .title-row {
        background: #b3c6e8;
        height: 30px;
        overflow: hidden;
        padding: 0 10px;
        position: relative;
        h2 {
          font-size: 14px;
          font-family: $base-font-semibold;
          line-height: 30px;
          margin: 0;
          float: left;
        }
        .btn-add {
          position: absolute;
          right: 0;
          cursor: pointer;
        }
      }
      .itemrow {
        margin-top: 2px;
        position: relative;
        &.new-row {
          background: #cce5ff;
          min-height: 30px;
          padding: 2px 0;
        }
        .item {
          background: #e2f0d9;
          margin-top: 2px;
          /* padding: 0 30px 0 30px;*/
          height: 26px;
          position: relative;
          width: 300px;
          &:first-child {
            margin-top: 0;
          }
          &.ui-sortable-helper {
            left: 0;
            width: 220px !important;
          }
          .sp-replacer {
            height: 26px;
            position: absolute;
            top: 0px;
            right: 30px;
            padding: 2px;
          }
          span {
            overflow: hidden;
          }
        }
      }
      .arcr-edit {
        display: none;
      }
      .arcr-view {
        display: block;
        .rccode {
          right: 0;
        }
        .item {
          padding: 0;
          span {
            padding: 2px 10px;
            display: block;
            height: 26px;
            background: $c-white;
            border: 1px solid $c-border;
          }
        }
      }
    }
  }

}

/* dev team add scss */
.roomsforecast-content {
  .multiselect-selected-text, .multiselect-container label.radio {
    @include text-with-ellipsis();
    float: none;
  }
  .fiscal-action {
    span {
      cursor: pointer;
      &:first {
        margin-left: 10px;
      }
    }
    .btn-fiscal-edit {
      float: left;
    }
    .btn-consolidated {
      margin-left: 5px;
      float: left;
    }
    .btn-starred {
      float: left;
      background: url(../images/icon-fav.svg) no-repeat center center;
      -webkit-background-size: 28px auto;
      background-size: 28px auto;
      margin-left: 10px;
      width: 28px;
      height: 28px;
      display: block;
    }
  }
  .fiscal-top { overflow: initial; }
  .forecasttitle {
    height: 40px;
    background-color: #DCECFF;
    padding: 6px 10px 6px 10px;
    margin-right: 10px;
  }
  .btn-addfiscal {
    height: 30px;
    line-height: 30px;
    padding: 0 10px 0 35px;
    background: #F2F2F2 !important;
    border-radius: unset;
    color: #000000;
    font-size: unset;
    font-weight: unset;
    i {
      margin: -30px 0px 0px -38px;
    }
  }
  .forecast-discard i {
      margin: -30px 0px 0px 320px;
  }
  .import-status-hover{
    background: #F2F2F2 !important;
    height: 30px;
    line-height: 30px;
    padding: 0 10px 0 5px;
    margin: -30px 0px 0px 0px;
    display:flex;
  }

  .roomsForecastAlertMessage {
    margin: -30px 0px 0px 355px !important;
  }

  .fiscalpopup-content .daterange .datepicker .prev:before,
  .fiscalpopup-content .daterange .datepicker .next:before {
    content: '';
  }
}

/*
==========================================================================
    autoadjust-popup
==========================================================================
*/
.autoadjust-popup {
  .autoadjust {
    font-family: $base-font;
    font-weight: normal;
    font-size: $medium;
    .timeselect {
      width: 100%;
      display: block;
      height: 26px;
      line-height: 24px;
      color: $c-black2;
      margin: 0;
      padding: 0;
      border: 1px solid $c-border;
      background: $c-white url(../images/chi-calendar.svg) no-repeat 2px center;
      -webkit-background-size: 24px auto !important;
      background-size: 24px auto !important;
      p {
        margin: 0;
      }
    }
    .btn-popupclose {
      height: 30px;
      width: 30px;
      display: block;
      i {
        -webkit-background-size: 16px 16px !important;
        background-size: 16px 16px !important;
      }
    }
    .btn-applay {
      display: block;
      height: 30px;
      line-height: 30px;
      width: 62px;
      color: $c-white;
    }
    .form-control {
      height: 26px;
      line-height: 26px;
      display: block;
      float: left;
      background: $c-input !important;
      border: 1px solid $c-border;
      border-radius: 0;
      padding: 0 10px;
      cursor: pointer;
    }
    .commonselect .multiselect {
      border: 1px solid $c-border;
    }
    .commonselect .multiselect-container > li > a {
      background-color: $c-white !important;
      &.active a {
        background-color: $c-white !important;
      }
    }
    .commonselect .multiselect-container > li > a > label {
      height: 22px;
      line-height: 22px;
    }
    .commonselectgroup .multiselect-container > li {
      padding-left: 10px;
    }
    .commonselectgroup .multiselect-container > li.multiselect-all,
    .commonselectgroup .multiselect-container > li.multiselect-group {
      font-family: $base-font-semibold;
      font-weight: normal;
      padding-left: 0;
    }
    .add-dolar {
      position: relative;
      i {
        position: absolute;
        left: 10px;
        top: 0;
        font-style: normal;
        height: 26px;
        line-height: 26px;
      }
    }
    .normaltext {
      float: left;
      display: block;
      height: 26px;
      line-height: 26px;
    }
    .common-row .radio {
      float: left;
      min-width: 110px;
      padding: 0 5px 0 0;
    }
    .common-row .radio label {
      height: 26px;
      line-height: 26px;
      cursor: pointer;
      padding-left: 8px;
      display: block;
      font-size: 14px;
      color: #131111;
      float: left;
      display: block;
    }
    .common-row .manual-wash {
      padding-right: 0;
      .add-dolar {
        float: left;
        position: relative;
        .form-control {
          background: $c-input !important;
          padding-right: 25px;
        }
        i {
          position: absolute;
          left: inherit;
          right: 10px;
          top: 0;
          font-style: normal;
          height: 26px;
          line-height: 26px;
        }
      }
    }
    .common-row .radio.autowidth {
      width: auto;
    }
    .autoadjust-top {
      overflow: hidden;
      margin-top: 10px;
      .group-intel-row {
        display: inline-block;
      }
      .common-row .radio {
        margin: 2px 0 0 0;
      }
      &:first-child {
        margin-top: 0;
      }
      .headtext {
        padding: 0 7px;
        color: $c-white;
        background: #7f7da0;
        @include border-radius(5px);
        height: 30px;
        line-height: 30px;
        width: 154px;
        text-align: center;
        display: block;
        float: left;
      }
      .righttop {
        margin-left: 164px;
        overflow: hidden;
        &.apply-missing-adr {
          margin-left: unset !important;
        }
      }
    }
    .maxwidth {
      width: 440px !important;
    }
    .block {
      position: relative;
      margin-top: 10px;
      .block-content {
        background: #dcedff;
        padding: 10px;
        h3 {
          font-family: $base-font-semibold;
          font-size: $medium;
          font-weight: normal;
          text-align: center;
          margin: -3px 0 0 0;
          padding: 0;
        }
      }
      .block-area {
        padding-top: 10px;
      }
      .block-row {
        margin-top: 4px;
        &:first-child {
          margin-top: 0;
        }
        &.top-position {
          .commonselect .multiselect-container {
            top: inherit;
            bottom: 0;
          }
        }
      }
      .compratio-row {
        .commonselect {
          width: 115px;
          float: left;
        }
        .form-control {
          width: 52px;
          margin-right: 5px;
        }
        .normaltext {
          margin: 0px;
        }
      }
      .rebate-row {
        .form-control {
          width: 120px;
          padding-left: 25px;
        }
        .normaltext {
          margin: 0 0 0 10px;
        }
      }
      .groupsize-row {
        .block-input {
          @include flexbox();
          @include justify-content(space-between);
        }
        .normaltext {
          margin: 0 6px 0 0;
          float: left;
        }
        .commonselect {
          width: 120px;
          float: left;
        }
        .groupsize-select {
          background: #fff !important;
        }
        .sizerange {
          float: left;
          .form-control {
            width: 40px;
            text-align: center;
            padding: 0 5px;
            margin-right: 5px;
            &::-webkit-input-placeholder {
              color: #000;
              opacity: 1;
            }
            &:-ms-input-placeholder {
              color: #000;
              opacity: 1;
            }
            &::-moz-placeholder {
              color: #000;
              opacity: 1;
            }
            &:-moz-placeholder {
              color: #000;
              opacity: 1;
            }
          }
        }
      }
      .block-title {
        font-size: $medium;
        color: $c-black;
        background: #b3c6e8;
        float: left;
        margin: 0;
        padding: 0 10px;
        height: 26px;
        width: 144px;
        line-height: 26px;
      }
      .block-input {
        margin-left: 154px;
        min-height: 26px;
        position: relative;
      }
    }
    .block-bottom {
      padding: 10px 0;
      overflow: hidden;
      .btn-applay {
        float: right;
        &.right-margin-5px {
          margin-right: 5px;
        }
      }
    }
    .lineblock {
      .block-content {
        padding: 0;
        overflow: hidden;
      }
      .form-control {
        width: 90px;
        text-align: center;
        color: $c-black2;
        padding: 0 5px;
        margin-left: 10px;
      }
    }
  }
  .autoadjust-daterange {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 10000 !important;
    width: 460px;
    margin: 0;
    padding: 0;
    .daterange-row .datepicker.dropdown-menu {
      left: inherit;
      right: inherit;
    }
    .daterange-row .datepicker.dropdown-menu.datepicker-orient-right {
      left: inherit !important;
      right: 0 !important;
      float: left;
    }
    .datepicker .prev:before {
      content: '';
      background: url(../images/chi-arrowleft4.svg) no-repeat center center;
      background-size: 16px 16px !important;
    }
    .datepicker .next:before {
      content: '';
      background: url(../images/chi-arrowright4.svg) no-repeat center center;
      background-size: 16px 16px !important;
    }
  }
}

/* .rf-content-ui10 */
.roomsforecast {
  .new-roomsforecast-content {
    overflow: auto !important;
    .btn-avroom,
    .btn-active {
      margin: 2px 5px;
      width: auto;
      height: 30px !important;
      line-height: 30px !important;
      display: block;
      float: left;
      color: #ffffff;
      background: #F2F2F2 !important;
      padding: 0 10px 0 38px;
      i {
        margin: -30px 0px 0px -38px;
      }
    }
    .btn-active {
      margin-right: 10px;
    }
    .forecastmethod .btn-autoadjust {
      height: 21px;
      line-height: 21px;
      float: left !important;
      margin: 1px 0 0 10px !important;
    }
    .range-select-area {
      padding: 10px 0;
      .range-row {
        display: flow-root;
        padding-left: 160px;
        position: relative;
        &.height-50px {
          height: 50px;
        }
        .cell {
          width: 165px;
          float: left;
          padding: 1px 1px 0 0;
          & > div,
          & > span {
            padding: 2px 10px;
            height: 26px;
            display: block;
            background: #f5f5f5;
          }
          &:first-child {
            width: 160px;
            position: absolute;
            left: 0;
            top: 0;
            height: 100%;
            overflow: hidden;
          }
          &:last-child {
            width: 161px !important;
          }
          &.commonselectcell {
            padding: 1px 1px 0 0;
            overflow: visible;
            color: $c-black2;
            .commonselect {
              padding: 0;
              float: left;
              width: 100%;
              .multiselect {
                border: none;
                background: #f5f5f5;
              }
            }
          }
          & .range-tilte {
            padding: 2px 10px;
            height: 26px;
            display: block;
            text-align: center;
            background: #98bad6;
            margin-bottom: 1px;
            cursor: pointer;
          }
          &.active .range-tilte {
            background: #ccecff;
          }
        }
      }
    }
    .forecastcomparedate {
      display: block;
    }

    .rf-common-top {
      .forecasttop .leftforecasttop {
        span {
          strong {
            font-family: $base-font-semibold;
            font-weight: normal;
          }
        }

      }
      .forecastcomparedate {
        display: block;
      }
      .forecastrow {
        .commonselect {
          float: left;
          width: 160px;
          border: 1px solid $c-border;
          margin: 1px 5px 0 5px;
        }
      }
      .forecastcomparedate.forecastcomparedate2 .forecastrow .forecastrowright .forecastcheckoption div {
        width: 134px;
        &:first-child {
          width: 90px;
        }
      }
    }
    .table.table-roomforcast tr .fixscrollcelltotal.celledit > div {
      padding: 0;
    }

    .forecastcomparedate3 {
      .btn-enter {
        margin-right: 7px;
      }
      .forecastcheckoption div:first-child,
      .forecastcheckoption div {
        padding: 0 0 0 32px;
        width: inherit !important;
        &:last-child {
          padding-right: 5px;
        }
        .disableoption {
          background: #e4e4e4 !important;
        }
      }
    }

    &.rf-content-ui10 {
      .forecastcomparedate.forecastcomparedate2 .forecastrow .forecastrowright .forecastcheckoption div {
        width: 141px;
      }
      .range-select-area .range-row .cell {
        width: 160px;
        &:first-child {
          width: 160px;
        }
      }
      .table-responsive {
        max-height: unset;
      }
      .table.table-roomforcast tr th,
      .table.table-roomforcast tr td {
        min-width: 106px !important;
        width: 106px !important;
        &.borderd-right {
          border-right: 1px solid #002060 !important;
        }
      }
      .table.table-roomforcast tr th {
        border-right: 1px solid #002060 !important;
        font-size: $medium;
        height: 30px;
      }
      .table.table-roomforcast tr th.dfcell,
      .table.table-roomforcast tr th.vrcell {
        border-right: 1px solid #fff !important;
      }
      .table.table-roomforcast tr td.dfcell.borderd-right,
      .table.table-roomforcast tr td.vrcell.borderd-right,
      .table.table-roomforcast tr th.fixscrollcell,
      .table.table-roomforcast tr td.fixscrollcell {
        border-right: 1px solid transparent !important;
      }
      .table.table-roomforcast tr th.fixscrollcell {
        height: 26px;
        width: 160px !important;
        min-width: 160px !important;
        padding-left: unset
      }
      .table.table-roomforcast tr td.fixscrollcell {
        height: 26px;
        width: 160px !important;
        min-width: 160px !important;
      }
      .table.table-roomforcast tr th.fixscrollcell > div,
      .table.table-roomforcast tr td.fixscrollcell > div {
        border-right: none !important;
        position: relative;
        &:before {
          content: '';
          height: 28px;
          width: 1px;
          position: absolute;
          right: 0;
          top: -2px;
          display: block;
          background: #002060 !important;
        }
        min-width: 160px !important;
        width: 170px !important;
        height: 25px !important;
        .btn-autoadjust {
          height: 24px;
          margin-left: 20px;
          float: left;
        }
        .btn-edit {
          background: #fff url(../images/chi-edit.svg) no-repeat 7px center;
          -webkit-background-size: auto 20px;
          background-size: auto 20px;
          min-width: inherit;
          height: 25px;
        }
        /*border-top: 1px solid #fff !important;
        margin-top: -13px !important;*/
      }
      @-moz-document url-prefix() {
        .table.table-roomforcast tr td.fixscrollcell > div {
          margin-top: -14px !important;
        }
      }
      .table.table-roomforcast tr th.fixscrollcell > div {
        height: 26px !important;
        &:before {
          height: 31px;
          top: 0;
        }
      }

      .revparcell {
        display: none;
      }
      .contributioncell {
        display: none;
      }
      .dfcell.revparcell {
        display: none;
      }
      .dfcell.contributioncell {
        display: none;
      }
      .vrcell.revparcell {
        display: none;
      }
      .vrcell.contributioncell {
        display: none;
      }
      .table-edit .revparcell {
        display: table-cell;
      }
      .table-edit .contributioncell {
        display: table-cell;
      }
      .table-edit .dfcell.revparcell {
        display: table-cell;
      }
      .table-edit .dfcell.contributioncell {
        display: table-cell;
      }
      .table-edit .vrcell.revparcell {
        display: table-cell;
      }
      .table-edit .vrcell.contributioncell {
        display: table-cell;
      }
      .table.table-roomforcast tr.fhighlightrow5 td {
        background: #98bad6 !important;
      }
      .table.table-roomforcast tr.fhighlightrow5 .fixscrollcell > div {
        background: #98bad6 !important;
      }
      .table.table-roomforcast tr.fhighlightrow6 td {
        background: #d4d9e8 !important;
      }
      .table.table-roomforcast tr.fhighlightrow6 .fixscrollcell > div {
        background: #d4d9e8 !important;
      }
      .table.table-roomforcast tr.fhighlightrow7 td {
        background: #efefef !important;
      }
      .table.table-roomforcast tr.fhighlightrow7 .fixscrollcell > div {
        background: #efefef !important;
      }
      .floatThead-container .table.table-roomforcast.floatThead-table tr th:first-child div {
        margin-top: 0 !important;
        border-right: none !important;
      }
      a.btn-enter {
        margin-right: 5px;
      }
    }

    &.rf-content-ui13 {
      .range-select-area .range-row .cell {
        width: 165px;
        &:first-child {
          width: 160px;
        }
      }
      .disableoption {
        background: #e4e4e4 !important;
        &:after {
          display: none;
        }
      }
      .forecastcomparedate3 {
        display: block;
      }
      .table.table-roomforcast tr th,
      .table.table-roomforcast tr td {
        min-width: 90px;
        width: 90px;
      }
      .table.table-roomforcast tr th:nth-child(1),
      .table.table-roomforcast tr td:nth-child(1) {
        min-width: inherit !important;
        width: inherit !important;
      }
      .table.table-roomforcast tr th.fixscrollcell,
      .table.table-roomforcast tr td.fixscrollcell {
        min-width: 160px !important;
        width: 160px !important;
      }
      .table.table-roomforcast tr th.fixscrollcell > div,
      .table.table-roomforcast tr td.fixscrollcell > div {
        min-width: 160px !important;
        width: 160px !important;
      }
      .table.table-roomforcast tr th.fixscrollcelltotal,
      .table.table-roomforcast tr td.fixscrollcelltotal {
        border-right: none !important;
        width: 110px;
        min-width: 110px;
      }
      .table.table-roomforcast tr th.fixscrollcelltotal > div,
      .table.table-roomforcast tr td.fixscrollcelltotal > div {
        margin-left: 0 !important;
        width: 110px;
        min-width: 110px;
      }
      .table.table-roomforcast tr th.fixscrollcell2 > div,
      .table.table-roomforcast tr .fixscrollcell2 > div {
        width: 270px !important;
      }
    }

    &.rf-content-ui12 {
      .table-responsive {
        max-height: unset;
      }
      .table.table-roomforcast tr th.fixscrollcell {
        height: 28px;
      }
      .table.table-roomforcast tr th.fixscrollcell > div {
        height: 29px;
      }
      .table.table-roomforcast tr th.fixscrollcelltotal > div {
        height: 28px;
        line-height: 28px;
        top: 0 !important;
      }
      .table.table-roomforcast tr th,
      .table.table-roomforcast tr td {
        min-width: 150px;
        width: 150px;
        &.fixscrollcelltotal {
          width: 150px;
          min-width: 150px;
        }
        &.fixscrollcelltotal > div {
          width: 150px;
          min-width: 150px;
        }
      }
      .table.table-roomforcast tr th.fixscrollcell > div,
      .table.table-roomforcast tr td.fixscrollcell > div {
        min-width: 160px !important;
        width: 160px !important;
        padding: 0 8px !important;
      }
      .table.table-roomforcast tr th.fixscrollcell2 > div,
      .table.table-roomforcast tr .fixscrollcell2 > div {
        width: 310px !important;
      }
    }
  }
}

.forecast-discard {
  margin-left: 10px;
  cursor: pointer;
  display: none;
  .forecast-discard-icon {
    -webkit-background-size: 34px 34px !important;
    background-size: 34px 34px !important;
  }
}

.fiscal-range-discard {
  margin-left: 10px;
  -webkit-background-size: 40px 40px !important;
  background-size: 40px 40px !important;
}

.fiscal-range-changes-discard {
  margin-left: 10px;
  -webkit-background-size: 40px 40px !important;
  background-size: 40px 40px !important;
}

/* ui 28 & 29 */
.new-roomsforecast-content {
  .submemu {
    padding: 0;
    margin-bottom: 6px;
    margin-top: 10px;
    ul li {
      padding: 0 5px 0 0;
    }
    ul li.active a {
      background: #85cdc1;
    }
    ul li a {
      background: #e2f0d9;
    }
    ul li a:hover {
      background: #85cdc1;
      color: $c-black;
    }
  }
  .availableroom-content {

    #availableDatePicker {
      float: left;
    }
    .title-bar {
      position: relative;
      padding: 0 10px;
      height: 30px;
      text-align: center;
      h2 {
        font-size: 14px;
        font-family: $base-font-semibold;
        font-weight: normal;
      }
      #status-bar-id {
        display: none;
        padding: 0px;
        position: absolute;
        width: 30%;
        text-align: center;
        margin-top: 5px;
        margin-left: 8%;
        strong {
          font-size: 13px;
        }
      }
    }
    .fyc-calendar .col-sm-2 {
      @media (max-width: 480px) {
        margin-top: 10px;
        &:first-child {
          margin-top: 0;
        }
      }
    }
    .available-date {
      float: none;
      display: inline-block;
      margin: 0 auto;
      font-family: $base-font-semibold;
      font-weight: normal;
      font-size: $medium;
      strong {
        font-weight: normal;
      }
    }
    .available-date span {
      position: relative;
      height: 30px;
      display: block;
      float: none;
      padding: 2px 30px;
    }
    .available-date span .btn-next,
    .available-date span .btn-prev {
      cursor: pointer;
      height: 30px;
      width: 30px;
      display: block;
      position: relative;
      position: absolute;
      top: 0;
      z-index: 100;
    }
    .available-date span .btn-prev {
      left: 0;
    }
    .available-date span .btn-next {
      right: 0;
    }
    .available-date span .btn-next i,
    .available-date span .btn-prev i {
      height: 30px;
      width: 30px;
      display: block;
      position: relative;
      left: inherit;
      right: inherit;
      top: inherit;
      background-size: contain;
    }
    .btn-change {
      float: right;
      height: 30px;
      line-height: 30px;
      padding: 0 10px 0 38px;
      margin-top: -3px;
      background: #F2F2F2 !important;
      border-radius: unset;
      color: #000000;
      i {
        margin: -30px 0px 0px -35px;
      }
    }
    .season {
      position: relative;
      padding-bottom: 5px;
      height: 30px;
      .season-slide {
        position: relative;
        left: -100%;
      }
      .form-group {
        float: left;
        margin-left: 10px;
        margin-bottom: 0;
        &:first-child {
          margin-left: 0;
        }
        & > label {
          float: left;
          height: 26px;
          line-height: 26px;
          padding: 0 10px;
          font-weight: normal;
          background: #ccecff;
        }
        .col-item {
          float: left;
        }
        .timeselect {
          background: #f5f5f5;
          padding-left: 5px;
          width: 240px;
          float: left;
        }
        .reportpopup {
          margin: 0 10px 6px 115px;
        }
        .btn-calendar {
          width: 26px;
          height: 26px;
          display: block;
          float: left;
          cursor: pointer;
          margin-right: 10px;
          position: relative;
          i {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            -webkit-background-size: 24px 24px !important;
            background-size: 24px 24px !important;
          }
        }
        .capacity {
          width: 60px;
          height: 26px;
          line-height: 26px;
          display: block;
          float: left;
          background: #e2f0d9;
          padding: 0 10px;
          text-align: center;
        }
        & > .form-control {
          float: left;
          border-radius: 0;
          height: 26px;
          width: 54px;
          text-align: center;
          color: #131111;
          padding: 0 10px;
          border: 1px solid #8f91a2;
          background: #ffffc1 !important;
          cursor: pointer;
          z-index: 0;
        }
        .commonselect {
          width: 170px;
          float: left;
          height: 26px;
          .multiselect {
            height: 26px;
            line-height: 26px;
            border: 1px solid #8f91a2 !important;
          }
        }
        .form-control.note {
          width: 190px;
          text-align: left;
          float: left;
          margin-left: 10px;
          @include placeholder();
        }
        .form-group-normal {
          float: left;
          height: 26px;
          .form-control {
            height: 26px;
            overflow: hidden;
            display: none;
            border-radius: none;
          }
          .multiselect-native-select .btn-group {
            width: 120px !important;
            float: left;
            border-radius: 0;
            @media (max-width: 1240px) {
              width: 100% !important;
              float: none;
            }
          }
          .multiselect-native-select {
            .btn-group {
              float: none;
              margin-left: 0;
              display: block;
              position: relative;
              .multiselect {
                width: 100% !important;
                padding: 0 10px !important;
                border: none;
                width: 150px;
                border-radius: 0;
                height: 26px;
                line-height: 24px;
                padding: 0 6px;
                border: 1px solid #8f91a2;
                text-align: left;
                float: left;
                font-size: 15px;
                color: #131111;
                background: #fff;
              }
              .multiselect-container {
                position: absolute;
                list-style-type: none;
                margin: 0;
                padding: 0;
                width: 100%;
                top: 26px !important;
                li {
                  padding: 0 10px;
                  height: 26px;
                  line-height: 26px;
                  label {
                    padding: 0;
                    color: $c-black2;
                  }
                }
              }
            }
            @media (max-width: 1140px) {
              .btn-group {
                .multiselect {
                  width: 240px !important;
                  padding: 0 10px !important;
                  max-width: 240px !important;
                  margin: 0;
                }
                .multiselect-container {
                  width: 240px !important;
                }
              }
            }
          }
        }
      }
      .btn-minusplus {
        width: 26px;
        height: 26px;
        display: block;
        float: left;
        margin: 0 10px 0 0;
        cursor: pointer;
        i.icon-large {
          width: 100%;
          height: 100%;
          -webkit-background-size: 26px 26px !important;
          background-size: 26px 26px !important;
        }
      }
      .btn-minusplus.btn-plus,
      .btn-minusplus.btn-plus:hover {
        border: none;
        background-color: #fff;
      }
    }
    .btn-delete,
    .btn-cancel,
    .btn-save,
    .btn-edit {
      width: 30px;
      height: 26px;
      display: block;
      float: left;
      position: relative;
      i {
        display: block;
        height: 100%;
        width: 30px;
      }
    }
    .btn.cancel {
      margin-left: 5px;
    }
    .btn-delete {
      margin-left: 10px;
    }
    #full-year-calendar {
      margin-top: 5px;
    }
  }
  #globalStatusBar {
    z-index: 9999;
  }
}

/* 16-9-2018 new scss start*/

.ui-dialog.dialog-arcr,
.ui-dialog.dialog-availablerooms,
.ui-dialog.dialog-autoadjust,
.ui-dialog.dialog-autoadjustforcast {
  max-width: 95%;
  padding: 0 !important;
  margin: 0 !important;
  top: 200px !important;
  @media (max-width: 480px) {
    height: 300px;
  }
}

/* rooms forecasting ui 16 */
.ui-dialog.dialog-autoadjustforcast {
  .autoadjustforcast-popup {
    padding: 10px 0 10px 0 !important;
    position: static;
    .top-row {
      overflow: hidden;
      margin-top: 5px;
      &:first-child {
        margin-top: 0;
      }
    }
    .autoadjust-top {
      padding-bottom: 5px;
    }
    .checksection {
      background: none;
      justify-content: flex-start;
      & > div {
        background: none;
        float: left;
        width: auto;
        position: relative;
        padding: 5px 10px 0 24px;
        small {
          display: block;
          float: left;
          font-weight: normal;
          padding-top: 1px;
        }
      }
      .ncheck {
        position: absolute;
        left: 0;
      }
    }
    .rangesliderbox {
      margin: 0;
      padding: 0;
      width: 100%;
    }
    .autoadjust {
      width: 726px;
    }
    .left-block {
      float: left;
      width: 394px;
      &.adjusted-width-missing-adr {
        width: unset !important;
        .column {
          width: 20%;
          float: left;
        }
      }
      &.margin-bottom-30px {
        margin-bottom: 30px;
      }
    }
    .tab-text-style {
      height: 25px;
      font-size: 14px;
      text-align: center;
      padding : 5px;
      margin-top: 10px;
    }
    .right-block {
      float: right;
      width: 320px;
      .before-after-change {
        border: none;
        font-weight: normal;
        overflow: hidden;
        background: $c-white;
        margin-top : 10px;
        .row {
          padding: 0;
          margin: 1px 0 0 0;
          &.head-row {
            margin: 0;
            position: relative;
            &:before {
              content: '';
              width: 100%;
              height: 1px;
              display: block;
              background: $c-blue3;
              position: absolute;
              left: 25%;
              bottom: -1px;
            }
          }
          .head-cell,
          .cell {
            padding: 5px 10px;
            width: 25%;
            float: left;
            border-left: 1px solid $c-white;
            position: relative;
            text-align: center;
            height: 24px;
          }
          .head-cell {
            height: 26px;
            background: #dcedff;
            &:first-child {
              border-left: none;
            }
          }
          .cell {
            padding: 2px 10px;
            background: $c-gray4;
            &:first-child {
              background: #b3c6e8;
              border-left: none;
              text-align: right;
              &:before {
                content: '';
                width: 1px;
                height: 110%;
                display: block;
                background: $c-blue3;
                position: absolute;
                top: -1px;
                right: -1px;
                z-index: 100;
              }
            }
            &.cell2 {
              background: $c-white6;
            }
            &.cell3 {
              background: $c-lgreen2;
            }
          }
        }
      }
      .auto-adjust-message {
        display: none;
        padding: 0px 5px;
        margin-top: 5px;
      }
    }
    .add-percent {
      position: relative;
      i {
        position: absolute;
        right: 10px;
        top: 3px;
        font-style: normal;
      }
    }
    .autoadjust .block .block-title {
      width: 128px;
      @include text-with-ellipsis();
    }
    .autoadjust .block .block-input {
      margin-left: 135px;
    }
    .autoadjust .lineblock .block-content {
      overflow: visible !important;
      width: auto;
      padding: 0 10px;
    }
    .block-input {
      .column {
        width: 48%;
        float: right;
        position: relative;
        &:first-child {
          float: left;
        }
        span {
          display: block;
          height: 26px;
          padding: 3px 10px;
          text-align: center;
          font-family: $base-font-semibold;
        }
        .form-control {
          padding: 0 10px 0 10px;
          margin-left: 0;
          width: 100%;
        }
        &.add-percent {
          .form-control {
            padding: 0 30px 0 10px;
          }
        }
      }
      .data {
        display: block;
        float: left;
        width: 100px;
        padding: 3px 10px;
        background: #e2f0d9;
        height: 26px;
        width: 60px;
        text-align: center;
      }
    }
    .block-row-title {
      margin-bottom: -4px;
    }
    .display-data {
      overflow-y: auto;
      max-height: 200px;
      @include flexbox();
      flex-wrap: wrap;
      background: $c-gray5;
      padding: 5px;
      margin-top: 10px;
      .item {
        @include flexbox();
        margin: 5px;
        //flex-basis: 115px;
        //flex-grow: 1;
        .itembox {
          padding: 8px;
          text-align: center;
          background: $c-white;
          overflow: hidden;
          height: 100%;
          width: 100%;
          h4 {
            font-size: 14px;
            font-weight: normal;
            margin: 0;
            padding: 0;
            text-align: center;
          }
          ul {
            padding: 0;
            margin: 0;
            li {
              color: $c-black2;
              &:first-child {
                span {
                  color: #ff0000;
                  &:first-child:before {
                    display: none;
                  }
                  &:before {
                    content: '';
                    width: 1px;
                    height: 10px;
                    display: block;
                    position: absolute;
                    top: 50%;
                    left: -3px;
                    transform: translateY(-50%);
                    background: #ff0000;
                  }
                }
              }
              strong {
                display: block;
                float: left;
                font-weight: normal;
              }
              & > div {
                float: left;
                margin-left: 5px;
              }
              span {
                display: block;
                position: relative;
                float: left;
                margin: 0 3px;
                &:first-child {
                  margin-left: 0;
                }
              }
            }
          }
        }
      }
    }
    .block-row.center {
      .block-input {
        @include flexbox();
        @include justify-content(center);
        width: auto;
        margin: 0 auto;
      }
      span {
        display: block;
        float: left;
        padding-top: 3px;
      }
      .add-percent {
        .form-control {
          width: 80px;
          padding: 0 25px 0 10px;
        }
      }
    }
  }
}
.auto-help{
  float: right;
  margin-left: 89%;
  margin-top: -49px;
  position: absolute;
}
/* 16-9-2018 new scss start*/
.rangesliderbox {
  width: 255px;
  display: block;
  float: left;
  padding: 0 10px;
  margin-right: 10px;
  background: -moz-linear-gradient(top, #ebebeb 0%, #d1d1d1 100%) !important;
  background: -webkit-linear-gradient(top, #ebebeb 0%, #d1d1d1 100%) !important;
  background: linear-gradient(to bottom, #ebebeb 0%, #d1d1d1 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#d1d1d1', GradientType=0) !important;
}

.rangesliderbox label {
  display: block;
  float: left;
  margin-bottom: 0;
  height: 26px;
  line-height: 26px;
  font-weight: normal;
}

.rangesliderwrap {
  display: block;
  float: left;
  width: 198px;
  padding-left: 10px;
}

.rangesliderbox span {
  float: none;
}

.rangesliderbox .irs-grid {
  display: none;
}

.rangesliderbox .irs-with-grid {
  height: auto;
}

.rangesliderbox .irs-line {
  height: 10px;
  top: 8px;
  background: #a1eefd;
  border: 1px solid #a1eefd;
  border-radius: 0;
  -moz-border-radius: 0;
}

.rangesliderbox .irs-slider {
  top: 3px;
  width: 30px;
  height: 20px;
  border: 1px solid #ffc000;
  background: #ffc000;
  border-radius: 0;
  -moz-border-radius: 0;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  cursor: pointer;
}

.rangesliderbox .irs-bar {
  height: 10px;
  top: 8px;
  border-top: 1px solid #a1eefd;
  border-bottom: 1px solid #a1eefd;
  background: #a1eefd;
}

.rangesliderbox .irs-from,
.rangesliderbox .irs-to,
.rangesliderbox .irs-single {
  color: #fff;
  font-size: 12px;
  line-height: 18px;
  height: 18px;
  text-shadow: none;
  padding: 0;
  border-radius: 0;
  -moz-border-radius: 0;
  border: none;
  top: 4px;
  z-index: 10;
  color: #000;
  background: #ffc000;
}

.rangesliderbox .irs {
  position: relative;
  display: block;
  height: 26px;
}

.rangesliderbox .irs-grid {
  display: none;
}

/* responsive fix datepicker */
@media (max-width: 640px) {
  .autoadjust-daterange,
  .comparerangepopup {
    max-width: 95% !important;
    width: 460px;
    position: fixed;
    top: 50% !important;
    left: 50% !important;
    right: 0;
    -webkit-transform: translate(-50%, -50%) !important;
    transform: translate(-50%, -50%) !important;
    margin: 0 !important;
  }
}

@media (max-width: 479px) {
  .autoadjust-daterange .daterange-row,
  .comparerangepopup .daterange-row {
    min-height: 185px !important;
  }
  .autoadjust-daterange .daterange-row .datepicker .table-condensed th,
  .autoadjust-daterange .daterange-row .datepicker .table-condensed th.dow,
  .autoadjust-daterange .daterange-row .datepicker .table-condensed td,
  .comparerangepopup .daterange-row .datepicker .table-condensed th,
  .comparerangepopup .daterange-row .datepicker .table-condensed th.dow,
  .comparerangepopup .daterange-row .datepicker .table-condensed td {
    font-size: 11px !important;
    height: 16px !important;
    padding: 0 !important;
  }
  .autoadjust-daterange .daterange-row .datepicker .prev:before,
  .autoadjust-daterange .daterange-row .datepicker .next:before,
  .comparerangepopup .daterange-row .datepicker .prev:before,
  .comparerangepopup .daterange-row .datepicker .next:before {
    background-size: 12px 12px !important;
  }
  .autoadjust-daterange .daterange-row .datepicker.dropdown-menu,
  .comparerangepopup .daterange-row .datepicker.dropdown-menu {
    min-width: 134px;
    width: 48%;
  }
}

.cursor-pointer {
  cursor: pointer;
}

.blue-tooltip + .tooltip > .tooltip-inner {
  background-color: cornflowerblue;
  max-width: 250px;
  color: black;
}

.starred-session {
  background: url(../images/icon-fav.svg) no-repeat center center;
}

.lock-session {
  background: url(../images/chi-lock.svg) no-repeat center center;
  float: left;
  padding-left: 50px;
}

.gotoselectarea {
  width: 275px !important;
}

.text-color {
  color: #1a82f7;
}

.icon-large1 {
  padding: 3px 34px !important;
    @include iconSize($icon-large);
}

.newreport.commonDisplayCriteria {
  max-width: 760px !important;

  .lastsubmittedtoggle.ACTUAL_STLY {
    min-height: 0;

    span {
      margin-left: 240px !important;
    }
  }

    .lastsubmittedtoggle.CALENDAR_LY {
      min-height: 0;

      span {
        margin-left: 360px !important;
      }
  }
}
.rooms-forecasting-summary.viewMode{
  .btn-PickupEdit{
    margin-top: 2px;
    border-radius: 5px !important;
  }
}


.datareasonselect {
  ul a {
    display: flex!important;
  }
}

.roomsforecast-content .datepicker table tr td.range.active{
  background: #04c!important;
  border-radius: 4px!important;
  border-color: rgba(0, 0, 0, .1)!important;
  background-image: linear-gradient(to bottom, #08c, #04c)!important;
}

.changeReason-shorten-text{
  max-width: 280px;
  @include text-with-ellipsis();
}

.changeReason-text-radio{
  display: inline-block;
  width: 122px;
  max-width: 122px;
  padding-right: 1px;
  @include text-with-ellipsis();
}