
.revenue-report {
  /* forecast-accuracy */
  &.revenue-report--forecast-accuracy {
    input[type="text"] {
      padding: 2px 10px;
      height: 26px;
      background: color('cumulus');
      color: color('black2');
      border: 1px solid color('manatee');
      @include placeholder();
      @include border-radius(0);
    }

    .criteria-bread-crumb {
      display: block;
    }

    .breadcrumb-list.breadcrumb-label ol li:first-child {
      background: #CCECFF;

      &::after {
        border-left: 10px solid color("pattens-blue-2");
      }
    }

    .breadcrumb-list {
      margin-top: -5px !important;
    }

    #report.commonDisplayCriteria {
      max-width: 940px !important;

      .mars-radio {
        min-width: 130px;
      }

      .report-row {
        &.displayBlock {
          display: grid !important;
        }
      }

      .report-row--datatype {
        //display: none;
        //.mars-select { display: none; }
      }

      .select-daysofweek {
        width: auto;
        min-width: 281px !important;

        .multiselect-native-select {
          width: 183px !important;
        }
      }

      // .rangesliderbox input[type="text"] { display: none; }
      .form-group--time-interval {
        .time-interval-select {
          width: 100px;
        }
      }

      .time-interval-input-area {
        display: inline-flex;

        .label-text {
          margin-bottom: 0 !important;
          padding: 3px 10px;
          font-weight: normal;
        }

        .time-interval-input {
          display: inline-flex;
          gap: 0 10px;

          .form-control {
            width: 50px;
          }
        }
      }

      // .report-row--filter, .activesysrecfcst { display: none; }

      .reportrowcontent .OfWeek-select {
        width: 300px !important;

        label {
          margin-left: 5px;
        }
      }

      .mars-select .multiselect-native-select {
        width: 183px !important;
      }

      .Interval-select, .Metrics-select {
        width: 300px;

        label {
          margin-right: 10px
        }
      }

      .rangesliderbox {
        margin-left: 0;
      }

      .Forecast-select, .Prior-select {
        width: 270px;

        label {
          min-width: 70px !important;
        }
      }

      .reportpopup.customdaterange {
        position: absolute;
        top: 90px !important;
      }
    }

    .date-range-table {
      .fixcell:not(:first-child) {
        border-right: 1px solid color("white") !important;
      }

      .fixcell.border-right {
        border-right: 1px solid color('sapphire') !important;
      }

      th.trLinkWater.headerTitle {
        background-color: #cbced7 !important;

        &.headerpositiveValue {
          background-color: color('tea-green') !important;
        }

        &.headernegativeValue {
          background-color: color('sundown') !important;
        }
      }

      tr:first-child th {
        padding-right: 10px !important;

        span {
          display: inline-block;
        }
      }

      th.totalRevHeader {
        z-index: 20 !important;

        > span {
          padding-left: 5px;
        }
      }

      th.totalRevColumnHeader {
        z-index: 4 !important;
      }

      tr:first-child th strong {
        display: inline-block;
      }

      .height-50 {
        th:not(:first-child) {
          padding: 0 5px !important;
        }

        th, td {
          min-width: 140px;
        }

        th {
          height: 50px !important;
          min-height: 50px !important;
          white-space: unset !important;
          text-overflow: unset;
          overflow: visible;

          span {
            display: block;
            width: 100%;
          }

          &.colspanset,
          &.activecolspanset {
            width: 160px !important;
          }
        }
      }

      td.singleColumn {
        min-width: 140px;
      }

      th.singleColumn {
        height: 25px !important;
        min-height: 25px !important;
        min-width: 200px !important;
        white-space: unset !important;
        text-overflow: unset;
        overflow: visible;
        width: 200px !important;

        &:not(:first-child) {
          padding: 0 5px !important;
        }

        span {
          display: block;
          width: 100%;
        }

        &.colspanset,
        &.activecolspanset {
          width: 160px !important;
        }
      }

      thead .icon-collapse {
        padding-left: 5px;
      }

    }

    //.table-content-forecast-accuracy { display: none; }
    .forecast-accuracy-table {
      th, td {
        min-width: 110px !important;
      }

      .fixcell.border-right-white {
        border-right: 1px solid color("white") !important;
      }

      .actsyscell {
        &.statcell, &.revenuecell {
          border-right: 1px solid color("sapphire") !important;
        }
      }

      tbody tr:not(.headerTitle) .actsyscell.diffprior {
        background: #ebe7e7 !important;
      }

      tbody tr:not(.headerTitle) .actsyscell.rmsdiffprior {
        background: #ebe7e7 !important;
      }
    }
  }

  /* forecast-accuracy */

}