.group-intel {
  .roomspace-head {
    max-width: 100%;
    .btn-display,.btn-covers{
      padding-top: 0px;
    }
    .btn-display{margin-right:0px;}
    .btn-covers{
      margin-left:5px;
    }
  }
  /* criteria-bread-crumb */
  .criteria-bread-crumb .breadcrumb-list.breadcrumb-label ol li:first-child {
    background: color("pattens-blue-2");
    &::after { border-left: 10px solid color("pattens-blue-2"); }
  }

  .new-roomsforecast-content {
    overflow: hidden;
    height: 460px;
  }
  .btn-reportenter {
    height: 30px;
    width: 30px;
    display: block;
    padding: 0;
    i {
      -webkit-background-size: 28px auto !important;
      background-size: 28px auto !important;
    }
  }
  .btn-reportclose {
    height: 28px;
    width: 28px;
    display: block;
    i {
      -webkit-background-size: 16px 16px !important;
      background-size: 16px 16px !important;
    }
  }
  .btn-criteria {
    height: 30px;
    padding-left: 0 !important;
    float: left;
    background: #ffffff !important;
    i {
      margin-right: 5px;
      width: 30px;
      height: 30px;
      display: block;
      float: left;
      -webkit-background-size: 24px auto !important;
      background-size: 24px auto !important;
    }
  }
  .btn-popupclose {
    height: 30px;
    width: 30px;
    display: block;
    i {
      -webkit-background-size: 16px 16px !important;
      background-size: 16px 16px !important;
    }
  }
  .metricOptions{
    .checkbox-wrap {
      display :flex;
      padding-top:3px;
      .metricOptDiv {
        label{padding: 0 0 0 30px};
        padding-right : 10px;
        .checkmark{top:50%!important; left:8px!important;}
        input:checked~.checkmark:after { display: block !important; }
      }
    }

  }
  #report .report-row .col-item .table-condensed th {
    font-weight: bold;
  }
  .fgbookingfilterarea .changeOptions {
    display: flex !important;

  }

  .fgbookingfilterarea .changeOptions label {
    width: 65px !important;
    margin-right: 5px !important;
    margin-left: 0px !important;
  }

  .fgbookingfilterarea .changeOptions ul label {
    width: 128px !important;
    margin-left: 0px !important;
    width: 100% !important;
  }

  .fgbookingfilterarea .changeOptions .col-item {
    width: 69%;
    margin-left: 12px !important;
  }
  .new-roompace-content {
    font-family: $base-font;
    font-weight: normal;
    font-size: $medium;
    margin: 6px 0 0 0 !important;
    width: auto !important;
    position: relative;
    overflow: hidden;
    padding: 4px 15px !important;
    @media (max-width: 600px) {
      .roomspacehead {
        min-height: 30px;
      }
      .roomspacehead > span {
        display: block;
      }
    }
    @media (min-width: 1441px) {
      .roomspacehead{
        max-width : 100%;
      }
    }
    .btn-criteria {
      font-size: 14px;
    }
    .roomspacehead span {
      font-family: $base-font-semibold;
      font-weight: normal;
      font-size: 14px;
    }
    .form-control {
      font-family: $base-font;
      font-weight: normal;
      font-size: $medium;
      border-radius: 0;
      text-align: center;
      color: #131111;
      border: 1px solid #8f91a2;
      background: #fff;
      cursor: pointer;
    }
    #report {
      top: 44px;
    }
    #report .multiselect-container.dropdown-menu li.optionactive.disabled {
      display: block !important;
    }
    #report .multiselect-container.dropdown-menu li.optionactive.disabled a label {
      background-image: none !important;
    }
    #report .form-optgroup .multiselect-container {
      li {
        font-family: $base-font;
        font-weight: normal;
        font-size: $medium;
        padding-left: 20px !important;
        &.multiselect-all,
        &.multiselect-group {
          font-family: $base-font-semibold;
          padding-left: 10px !important;
          a {
            background-color: #fff !important;
          }
          &.active a {
            background-color: #fff !important;
          }
        }
      }
    }
    .daterange-row {
      min-height: 220px;
    }
    #report .multiselect-container li {
      width: 100%;
    }
    #report .multiselect-container li label {
      width: 100%;
      display: block;
      padding: 0;
      height: 24px !important;
      line-height: 24px !important;
    }
    #report .multiselect-container li.active label {
      background: url(../images/chi-tic.svg) no-repeat 100% center !important;
      -webkit-background-size: 12px 12px !important;
      background-size: 12px 12px !important;
    }
    #report .multiselect,
    #report .radio label {
      font-family: $base-font;
      font-weight: normal;
      font-size: $medium;
    }
    .labeltext {
      height: 26px;
      line-height: 26px;
      padding: 0 5px 0 10px;
      display: block;
      float: left;
    }
    #report {
      max-width: 1164px;
      width: 100%;
      padding: 0;
      margin: 0;
      @media (max-width: 1240px) {
        position: sticky;
        max-width: 100% !important;
        width: auto !important;
      }
      @media (max-width: 600px) {
        position: absolute;
      }
      .report-title h2 {
        font-family: $base-font-semibold;
        font-weight: normal;
        font-size: $medium;
        width: auto;
        display: inline-flex;
      }
      .report-content {
        border: none; // margin-top: 2px;
        display: flow-root;
      }
      .timeselect {
        width: 100%; // max-width: 240px;
        display: block;
        height: 26px;
        line-height: 24px;
        font-family: $base-font;
        font-size: 14px;
        font-weight: normal;
        color: #131111;
        margin: 0;
        padding: 0;
        border: 1px solid #8f91a2;
        background-color: #fff;
        -webkit-background-size: 24px auto !important;
        background-size: 24px auto !important;
        p {
          margin-bottom: 0;
          line-height: 24px;
        }
      }
      .report-row {
        margin-top: 4px;
        .input-group {
          z-index: 100;
          padding: 0 !important;
          width: 100% !important;
          position: relative;
        }
        #datepicker3 {
          z-index: 106;
        }
        #datepicker4 {
          z-index: 105;
        }
        #datepicker5 {
          z-index: 104;
        }
        #datepicker6 {
          z-index: 103;
        }
        #datepicker7 {
          z-index: 102;
        }
        #datepicker8 {
          z-index: 101;
        }
        .input-group .btn-calendar {
          position: absolute;
          left: 0 !important;
          top: 0;
          z-index: 0;
        }
        .rowcontent {
          width: 100%;
          position: relative;
        }
        .reportrowtitle {
          position: absolute;
          height: 100%;
          width: 155px;
          min-width: 155px;
          float: left;
          margin-right: 5px;
          font-size: $medium;
          span {
            height: 30px;
            line-height: 30px;
          }
        }
        .reportrowcontentarea {
          margin-left: 159px;
          min-height: 26px;
          padding: 0;
          .reportrowcontent {
            background: #f5f5f5;
            &:first-child {
              margin-top: 0;
            }
            margin-left: 0;
            margin-top: 4px;
            float: none;
            overflow: visible;
            display: flow-root;
            .inputrange {
              float: left;
              margin-left: 4px;
              overflow: hidden;
              @media (max-width: 1240px) {
                float: left;
                margin: 0 auto;
              }
              & > small {
                display: block;
                float: left;
                padding: 0;
                margin: 0 6px;
                font-style: normal;
                height: 26px;
                line-height: 26px;
              }
              & > .form-control {
                float: left;
                border-radius: 0;
                height: 26px;
                width: 54px;
                text-align: center;
                color: $c-black2;
                padding: 0 5px;
                border: 1px solid $c-border;
                background: $c-input !important;
                cursor: pointer;
                z-index: 0;
              }
            }
            .radio-group {
              overflow: hidden;
              width: 33.33%;
              float: left;
              .viewby {
                float: left;
                width: 100px;
              }
              @media (max-width: 1140px) {
                width: 340px;
                margin-bottom: 2px;
              }
              & > span {
                height: 26px;
                line-height: 26px;
                padding: 0 0 0 10px;
                display: block;
              }
              .common-row {
                .radio {
                  width: 100px;
                  float: left;
                }
              }
            }
            .impactsingleselect {
              display: none;
            }
            .form-group {
              width: 33.1%;
              float: left;
              display: flow-root;
              select.form-control {
                height: 26px;
                overflow: hidden;
                display: none;
              }
              &.form-group-normal {
                .multiselect-native-select .btn-group  {
                  width: 120px !important;
                  float: left;
                  @media (max-width: 1240px) {
                    width: 100% !important;
                    float: none;
                  }
                }
              }
              .multiselect-native-select {
                .btn-group {
                  float: none;
                  margin-left: 100px;
                  display: block;
                  position: relative;
                  .multiselect {
                    width: 100% !important;
                    padding: 0 10px !important;
                  }
                  .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;
                    }
                  }
                }
              }
              & > label {
                float: left;
                width: 85px;
                margin: 0 5px 0 10px;
                height: 26px;
                line-height: 26px;
                font-size: 14px;
                font-weight: normal;
                color: #131111;
              }
              .col-item {
                margin-left: 100px;
                position: relative;
              }
              .comparerangepopup {
                width: 460px;
                max-width: 460px;
                margin: 0 0 0 0;
                left: 0;
              }
              .comparerangepopup2 {
                left: inherit;
                right: 0;
              }
              .multiselect-native-select {
                margin-left: 0;
                float: none;
                width: 100%;
              }
              @media (max-width: 1140px) {
                width: 340px;
                margin-bottom: 2px;
                .timeselect {
                  width: 240px;
                }
              }
            }
            &.fgbookingfilterarea {
              @media (min-width: 1141px) {
                @include flexbox();
                @include justify-content(space-between);
              }
              .form-group {
                width: 24%;
                select.form-control {
                  height: 26px;
                  overflow: hidden;
                }
                .btn-group {
                  float: none;
                  margin-left: 0;
                  .multiselect {
                    width: 100% !important;
                  }
                }
                &.form-group-rmrev {
                  width: 48.9%;
                }
              }
              @media (max-width: 1140px) {
                .form-group {
                  width: auto;
                  margin-right: 10px;
                  .btn-group {
                    .multiselect {
                      width: 240px !important;
                    }
                  }
                  &.form-group-rmrev {
                    width: 100%;
                    .btn-group .multiselect {
                      width: 240px !important;
                      margin-right: 10px;
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }

  #datafilterselect3 ul li:first-child,
  #datafilterselect4 ul li:first-child {
    background: white !important;
    border: none !important;
  }
  #datafilterselect3 ul li:first-child label,
  #datafilterselect4 ul li:first-child label {
    padding: 3px 20px 3px 2px !important;
  }
  #datafilterselect3 ul span.caret-container,
  #datafilterselect4 ul span.caret-container {
    display: none;
  }
  #datafilterselect3 ul,
  #datafilterselect4 ul {
    height: 180px;
  }
  .dropdown-menu > .active > a:hover {
    background-color: $c-white !important;
  }
  .singledatepicker{padding-right:6px!important;}
  .singledatepicker .input-group {
    z-index: 10 !important;
  }

  .singledatepicker .datepicker.datepicker-dropdown {
    top: 24px !important;
  }

  .singledatepicker .form-control {
    width: 100%;
    display: block;
    height: 26px;
    line-height: 24px;
    color: #131111;
    margin: 0;
    padding: 0 10px 0 35px;
    border: 1px solid #8f91a2;
    text-align: left;
    background: #ffffff url(../images/chi-calendar.svg) no-repeat 2px center !important;
    -webkit-background-size: 24px auto !important;
    background-size: 24px auto !important;
  }

  .singledatepicker .input-group-addon {
    display: none;
  }

  .form-optgroup .col-item {
    margin-left: 0px !important;
  }
  div.timeselect {
    cursor: pointer !important;
  }
  #globalStatusBar {
    position: absolute;
    float: right;
    margin-left: 28%;
    bottom: 12%;
    width: 30%
  }

  .btn-autoadjust {
    color: black;
  }

  div.fillgap.bg-gray{
    margin-left: 5px;
    .alert-danger{
      width: fit-content;
      height: 30px;
      padding: 0px 5px;
      line-height: 30px;
    }
  }

  .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;
    }

    tr .fixscrollcell,
    tr .fixscrollcell2 {
      min-width: 190px !important;
      width: 190px !important;
    }
    tr th.fixscrollcell > div {
      width: 190px !important;
      max-width: 190px !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;
    }
  }
  .icon-collapse{
    float: left;
  }

  .datepicker table tr td span{
    height: 46px !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: 21px;
    cursor: pointer;
  }

  .group-intel-grid .form-control{
    width: 100% !important;
    height: 23px;
  }

  .shorten-text-span{
    max-width: 255px;
    float: left;
    overflow: hidden;
    white-space: nowrap !important;
    text-overflow: ellipsis;
  }

  .group-intel-ember-table{
    table tr td.header{
      height: 19px !important;
      line-height: 19px !important;
      overflow: visible;
    }
    tr td:nth-child(n+3){
      border-right:none;
      background: #f9f9f9;
    }
    .gradient2{
      background: linear-gradient(rgb(229, 244, 227) 0%, rgb(210, 232, 207) 100%) !important;
    }

    .gradient2:not(.totalcolumn), .infosection:not(.totalcolumn){
      border-right: none !important;
    }

    .ember-table th{
      z-index: 5 !important;
    }



    .infosection{
      background: #d9d9d9 !important;
    }

    .is-first-column.infosection .et-cell-content > div{
      width: 290px;
      div {
        width:269px;
        float:left;
        overflow: hidden;
        text-overflow: ellipsis !important;
        white-space:nowrap;
      }
    }
    thead tr:first-child th:first-child div:first-child{
      margin-left: 10px;
    }

    .is-first-column{
      border-right: none;
      div.et-cell-content{
        margin-left: 10px;
      }
      div {
        background: none !important;
        border-right: none !important;
      }
    }
    .is-first-column.gradient2{
      font-family: SourceSansProSemiBold !important;
    }

    .totalcolumn{
      z-index: 100;
    }

    .infosection.firstday{
      overflow:visible;
      white-space: nowrap;
      text-indent: 10px
    }
    thead tr th.highlightimpacteventdate {
      background-color: #ffe3a4 !important;
    }
  }

}