/* Title Bar */
.forecast-method-setting .new-title-bar {
  color: #002060;
  padding: 0 130px 0 10px;
  background: #dde0ec !important;
  /* Old browsers */
  background: -moz-linear-gradient(top, #dde0ec 0%, #9da8ce 100%) !important;
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dde0ec), color-stop(100%, #9da8ce)) !important;
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #dde0ec 0%, #9da8ce 100%) !important;
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #dde0ec 0%, #9da8ce 100%) !important;
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #dde0ec 0%, #9da8ce 100%) !important;
  /* IE10+ */
  background: linear-gradient(to bottom, #dde0ec 0%, #9da8ce 100%) !important;
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#000000', GradientType=0) !important;
  /* IE6-9 */
  position: relative;
}

.forecast-method-setting .new-title-bar h2 {
  font-family: "SourceSansProSemiBold";
  font-size: 14px;
  line-height: inherit;
  margin: 0;
  padding: 5px 0;
  white-space: nowrap !important;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
}

.forecast-method-setting .forecast-method-errors {
  margin-left: auto !important;
  width: 100% !important;
}

.forecast-method-setting .new-title-bar .title-action {
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  padding: 0 5px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: flex-end;
}

.forecast-method-setting .new-title-bar .title-action.bg-white {
  background: #FFFFFF;
}

.forecast-method-setting .new-title-bar .btn-save,
.forecast-method-setting .new-title-bar .btn-edit,
.forecast-method-setting .new-title-bar .btn-close {
  width: 30px;
  height: 100%;
  display: none;
}
.forecast-method-setting .new-title-bar .btn-edit{
  cursor:pointer;
}
.forecast-method-setting .new-title-bar .btn-save.active,
.forecast-method-setting .new-title-bar .btn-edit.active,
.forecast-method-setting .new-title-bar .btn-close.active {
  display: block;
}

/* Forecast Method Setting ( fmsetting ) */
.forecast-method-setting .tab3 {
  margin: 10px 0 6px 0;
  padding: 0;
}

.forecast-method-setting .tab3 ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.forecast-method-setting .tab3 ul li {
  width: 100%;
  padding: 0;
}

.forecast-method-setting .tab3 ul li.active a {
  background: #80cbc4;
  color: #131111;
  cursor: pointer;
}

@media (min-width: 567px) {
  .forecast-method-setting .tab3 ul li {
    width: 190px;
    padding: 0 4px 0 0;
  }
}

.forecast-method-setting .mars-radio {
  height: 26px;
}

.forecast-method-setting .mars-radio .color {
  margin: 0;
}

.forecast-method-setting .mars-radio label {
  margin-bottom: 0;
}

.forecast-method-setting .form-control {
  width: 50px;
  height: 26px;
  text-align: center;
  padding: 2px 10px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}

.forecast-method-setting .form-control.weekRollingInput {
  margin: 0 5px 0 0;
}

.forecast-method-setting strong {
  font-weight: normal;
  font-family: "SourceSansProRegular";
  padding: 3px 0 0 0;
  margin: 0 5px;
}

.forecast-method-setting .multiselect-native-select {
  margin: 0;
}

.forecast-method-setting .multiselect-native-select .caret {
  border-top: 6px solid #000000 !important;
  border-right: 3px solid transparent !important;
  border-left: 3px solid transparent !important;
}

.forecast-method-setting .fiscalYearSelect {
  padding: 0 0 !important;
}

.forecast-method-setting .fiscalYearSelect .multiselect-native-select {
  width: 160px !important;
}

.forecast-method-setting .impactEventSelect {
  padding: 0 0 !important;
}

.forecast-method-setting .impactEventSelect .multiselect-native-select {
  width: 200px !important;
}

.forecast-method-setting .historicalRangeSelect .multiselect-native-select {
  width: 188px !important;
}

.forecast-method-setting .content {
  padding: 0 15px;
}

.forecast-method-setting .fms {
  overflow: hidden;
  margin-left: 5px;
}

.forecast-method-setting .fms .title {
}

.forecast-method-setting .fms__wrap {
  max-width: 100%;
  float: left;
}

.forecast-method-setting .fms__content {
  padding-bottom: 160px;
  margin-top: 30px;
}

@media (max-width: 918px) {
  .forecast-method-setting .fms__content {
    overflow: scroll;
  }
}

.forecast-method-setting .fms__group,
.forecast-method-setting .fms__subgroup {
  margin-top: 4px;
}

.forecast-method-setting .fms__group:first-child,
.forecast-method-setting .fms__subgroup:first-child {
  margin-top: 0;
}

.forecast-method-setting .fms__row {
  display: -ms-grid;
  display: grid;
  -ms-grid-template-columns: 200px 546px 284px;
  grid-template-columns: 200px 546px 284px;
  grid-column-gap: 4px;
  margin-top: 4px;
}

.forecast-method-setting .fms__row:first-child {
  margin-top: 0;
}

.forecast-method-setting .fms__row.is-row-fiscal .is-column-title {
  background: #cce5ff;
}

.forecast-method-setting .fms__column {
  display: -ms-grid;
  display: grid;
}

.forecast-method-setting .fms__column.is-double-option {
  justify-content: space-between;
  -ms-grid-template-columns: 320px auto;
  grid-template-columns: 320px auto;
  padding-right: 10px;
}

.forecast-method-setting .fms__column.is-single-option {
  padding-right: 10px;
  -ms-grid-template-columns: auto;
  grid-template-columns: auto;
  justify-content: end;
}

.forecast-method-setting .fms__row.TIME_SERIES .fms__column.is-single-option {
  -ms-grid-template-columns: auto;
  grid-template-columns: auto;
  justify-content: center;
}

.forecast-method-setting .fms__column__group {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.forecast-method-setting .fms__column__row {
  display: -ms-grid;
  display: grid;
  -ms-grid-template-columns: 140px 140px;
  grid-template-columns: 140px 140px;
  grid-column-gap: 4px;
  margin-top: 4px;
}

.forecast-method-setting .fms__column__row:first-child {
  margin-top: 0;
}

.forecast-method-setting .fms__column__row .fms__cell {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-around;
}

.forecast-method-setting .fms__column__row .fms__cell:first-child {
  justify-content: flex-end;
}

.forecast-method-setting .fms__column__row .fms__cell:first-child strong {
  margin: 0;
  padding: 3px 0 0 0;
  height: 26px;
  width: 70px;
}

.forecast-method-setting .fms__column__row .fms__cell:first-child span,
.forecast-method-setting .fms__column__row .fms__cell:first-child .form-control {
  width: 50px;
  text-align: center;
}

.forecast-method-setting .fms__cell {
  display: block;
  padding: 0 10px;
}

.forecast-method-setting .fms__cell.align-right {
  text-align: right;
}

.forecast-method-setting .fms__cell.align-center {
  text-align: center;
}

.forecast-method-setting .fms__cell.data {
  padding: 3px 10px;
}

.forecast-method-setting .fms__cell .option-type {
  min-width: 110px;
  display: block;
  float: left;
}

.forecast-method-setting .fms__cell ul {
  padding: 0;
  margin: 0;
}

.forecast-method-setting .fms__cell ul li {
  float: left;
}

.forecast-method-setting .fms__cell ul li:before {
  content: '';
  height: 0px;
  width:160px;
  display: block;
  float: left;
  background: #000;
  margin: 3px 5px 0 5px;
}

.forecast-method-setting .fms__row-title .fms__column .fms__cell {
  background: #b3c6e8;
  text-align: center;
  font-family: "SourceSansProSemiBold";
}

.forecast-method-setting .fms__row-subtitle .fms__column .fms__cell {
  background: #e2f0d9;
  font-family: "SourceSansProSemiBold";
}

.forecast-method-setting .content-view .fms__row {
  -ms-grid-template-columns: 200px 320px 140px 140px;
  grid-template-columns: 200px auto 140px 140px;
}

.forecast-method-setting .content-edit,
.forecast-method-setting .content-view {
  display: none;
}

.forecast-method-setting .content-edit.active,
.forecast-method-setting .content-view.active {
  display: block;
}

.roomRevOnlyRadio {
  padding-left: 11px !important;
}

.revOnlyRadioCondition {
  padding-left: 330px !important;
  &:hover {
    background: white !important;
  }
}

.weekEndWeekDay {
  width: 54px !important;
  padding-right: 71px;
}

.disabledWash {
  pointer-events: none;
}

.fms__column .mars-select .multiselect-native-select .btn-group {
  width: 176px !important;
}

.forecast-method-setting .impactEventSelect .multiselect-native-select .btn-group {
  width: 100% !important;
}

/* new change code start */
.forecast-method-setting {
  .mars-select .multiselect-container {
    -webkit-box-shadow: none;
    box-shadow: none;
    min-width: unset;
    li.disabled { /* please check "input.scss", "disabled" class  "display: block !important;"  */
      display: none !important;
    }
  }

  .fms.updated {
    .fms__column.is-double-option{justify-content: start;}
    .fms__column.is-single-option{justify-content: center;}
    margin-top: 6px;
    .new-title-bar { height: 30px; }
    .errorDiv { height: 20px; }
    .mars-radio.active, .mars-radio:hover { background: none !important; }
    input[type="text"] { border: 1px solid color('manatee'); }
    .fms__content {
      margin-top: 10px;
      overflow: auto;
    }
    .fms__row {
      width: 756px;
      grid-template-columns: 210px 542px;
      .fms__column .fms__cell { width: 100%; }
    }
    .fms__column.fms__column-historical {
      display: flex ;
      flex-wrap: wrap;
      flex-direction: column;
    }
    .fms__column__row {
      display: grid;
      grid-template-columns: 70px 462px !important;
      gap: 0 10px;
      .fms__cell { justify-content: unset !important; }
      .segment-item { padding: 3px 0 3px 10px; }
    }
    .fms__column__group {
      strong { margin: 0 5px 0 0; }
      .form-control { margin: 0 5px 0 0; }
      .year-select {
        width: 125px;
        .btn-group { width: 125px !important; }
      }
      .historicalRangeSelect {
        width: 188px !important;
        .multiselect-native-select,
        .btn-group { width: 100% !important; }
      }
    }
    .content-edit {
      .fms__row {
        display: grid;
        width: 1036px;
        grid-template-columns: 210px 822px;
        .fms__column-historical .fms__column__row {display: grid; grid-template-columns: 70px 315px 198px auto !important; }
      }
    }
    .divider-line { height: 1px; background-color: color("manatee"); display: block; }
    .mars-checkbox {
      padding: 0 0 0 24px !important;
      margin: 3px 0 0 0 !important;
      &.weekEndWeekDay {
        width: auto !important;
        min-width: 82px !important;
      }
    }
    .fms__cell-input  {
      display: flex;
      gap: 0 5px;
      span {
        padding-top: 3px;
       &.weekend {
         padding-left:6px;
       }
      }
    }
  }
}
/* new change code end */