@import "variables";
@import "mixins";
@import "icons";
@import "button";

@import "inputs"; /* new add */

@import "table";
@import "tab";
@import "global";
@import "global-layout"; /* new add */
@import "bi-attributes-component";
@import "management-area-common";
@import "usermanagement";
@import "rooms-pace-report";
@import "rollup-pace-report";
@import "rooms-pace-report--update";
@import "rooms-trend-report";
@import "search-box";
@import "scorecard";
@import "login";
@import "impact-dates";
@import "submissions";
@import "roomsforecasting";
@import "mapping";
@import "useraccess";
@import "marsusergrid";
@import "above-property";
@import "admin-access";
@import "calendar";
@import "group-intel-report";
@import "criteria-bread-crumb";
@import "monitoring";
@import "rollback-catchup";
@import "onboarding";
@import "utility";
@import "admin-tools";
@import "user-listing";
@import "other-income-trend";
/*Fonts family*/
$font-stack-bold: 'Segoe UI Bold', 'Segoe UI';
$edit-mode-background: #ffffc1;
$view-mode-background: #ffffff;
@include usermanagement;
@include rooms-pace-report;
@include rollup-pace-report;
@include rooms-trend-report;
@include search-box;
@import "fb";
@import "fbtrend";
@import "guesttrend";
@import "roomspickup";
@import "roomstrend";
@import "dataimport";
@import "segment-demand-report";
@import "fbsetup";
@import "financial-export-mapping";
@import "resident-guest-forecast";
@import "ui-examples";
@import "embertable";
@import "forecast-method-setting";
@import "fb-forecasting";
@import "mars-popup";
@import "components";
@import "help-integration";
@import "rooms-analytics";
@import "pagination";
@import "accounts";
@import "other-income-config";
@import "sortable";
@import "card-popup";
@import "property-landing-page";
@import "room-inventory";
@import "rollup";
@import "rollup-total-revenue";
@import "geosetup";
@import "bisetup";

//currency
@import "temp-table-fixing";
@import "currency";
@import "other-income-forecasting";

@import "import-status";

@import "finance-scheduler";
@import "submitted-data";
@import "total-revenue-report";
@import "seasonality-setup";

/* Mishu added start */
@import "header";
@import "room-inventory-report";
/* Mishu added end */

.app-name {
  margin-bottom: 5%;
}

.padding-5px {
  padding: 5px;
}

.right-margin-3px {
  margin-right: 3px;
}

.padding-none {
  padding: 0 !important;
}

.padding-left-none {
  padding-left: 0 !important;
}

.padding-right-none {
  padding-right: 0 !important;
}

.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.clear {
  clear: both !important;
}

.bold {
  font-weight: bold;
}

.disabled {
  opacity: 0.5 !important;
  pointer-events: none;
}

.display-flex {
  display: flex;
}
.display-unset{
  display: unset;
}

.recover-password {
  text-decoration: underline;
  outline: none;
  color: #eee;
}

input[type=number] {
  -moz-appearance: textfield;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.multiselect-container.dropdown-menu{
  z-index: 900;
}

.managementRegistrationForm .form-group {
  overflow: inherit;
}

.managementRegistrationForm label {
  background: #ccecff;
}

.input-error-focus {
  border: 1px solid #f05352 !important;
}

.input-error {
  height: 1px;
  width: 1px;
}

.errorTag {
  white-space: nowrap;
  position: absolute;
  margin: 0 5px 0 10px;
  display: inline-block;
  background: #f05352;
  color: white;
  line-height: 23px;
  top: -40px;
  z-index: 100 !important;
  padding: 7px 14px;
  text-align: left;
  line-height: inherit;
  font-size: 12px;
  width: auto;
  display: block;
}

.errorTag:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  position: absolute;
  bottom: -9px;
  left: 47px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 10px solid #b53837;
}

.errorTagForFirstInput {
  @extend .errorTag;
  top: 40px;
}

.errorTagForFirstInput:before {
  @extend .errorTag:before;
  bottom: 31px;
  left: 47px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 10px solid #b53837;
  border-top: 0px solid transparent;
}

.alert {
  display: none;
  padding: 5px;
  position: absolute;
  float: left;
  left: 52%;
  width: 40%;
  z-index: 10;
}

#globalStatusBar {
  display: none;
  padding: 0px;
  position: absolute;
  width: 99%;
  text-align: center;
}

.action-box {
  height: 30px;
  float: right;
  background: #fff;
  width: 8%;
  position: relative;
}

.action-box a {
  float: left;
}

.action-box .discard-large-icon {
  background-size: 40px 40px !important;
  margin-left: 10px;
}

.alertMsgSetup {
  padding: 5px;
  position: relative;
  width: 40%;
  margin-left: 27%;
  font-weight: bold;
  /*padding-right: 45px;
  text-align: right;*/
}

.geosetup-content .alert {
  float: left !important;
  position: inherit !important;
  margin-left: 10px;
  margin-bottom: 0px;
}

.displayNone {
  display: none !important;
}

.displayInlineBlock {
  display: inline-block !important;
}

.displayBlock {
  display: block !important;;
}

.ui-autocomplete {
  border: 1px solid #ccc;
  background: #fff;
  display: block;
  border-radius: 0;
  padding: 0;
  line-height: normal;
  -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.3);
}

.drop-scroll {
  max-height: 256px !important;
  border: 2px solid gray;
  overflow: hidden !important;
  margin-bottom: 20px;
}

.geosetup-content .btn-reassign {
  margin-left: 20%;
}

.geosetup .headeraddbtn {
  left: 87.5%;
}


/*
=================================================
                       CSS FOR NICE SCOLL
=================================================
*/

.grey-scroll + .nicescroll-rails, .grey-scroll + .nicescroll-rails {
  background: #d6d6d6 !important;
}

.grey-scroll + .nicescroll-rails .nicescroll-cursors {
  background: #555 !important;
  width: 8px;
}

/*
=================================================
                       //CSS FOR NICE SCOLL
=================================================
*/

.standard-autocomplete.ui-widget-content .ui-state-active {
  background: #eff3f6 !important;
}

.ui-autocomplete li a, .ui-autocomplete li .ui-menu-item-wrapper {
  font-size: 12px;
  color: #333;
  padding: 8px;
  display: block;
}

.ui-autocomplete li .ui-menu-item-wrapper {
  margin-top: -1px;
}

.ui-state-hover {
  background: #428BCA !important;
}

.ui-menu .search-item {
  display: block;
  margin: 0
}

.ui-widget.ui-widget-content {
  margin-left: -12px;
}

.ui-autocomplete .ui-widget-content {
  background: transparent;
}

.ui-menu .search-item .ui-state-focus, .ui-menu .search-item .ui-menu-item-wrapper:hover, .ui-widget-content .ui-state-active {
  background: #e9ddf1 !important;
  border-radius: 0 !important;
  text-decoration: none;
  border-color: transparent
}

.ui-menu .search-item .gl-search strong {
  font-weight: normal;
  background: #f2e96c
}

.ui-menu .search-item .gl-search:hover strong {
  background: transparent
}

.ui-helper-hidden-accessible {
  display: none;
}

#main-menu > li a.active {
  background: #b3c6e8 !important;
  color: #000000 !important;
}

.btn-save, .btn-delete {
  cursor: pointer;
}

.geosetup .itemcolumn {
  min-width: 30px;
  min-height: 32px;
}

/*
===========================================================
CSS FOR RESOLUTION RELATED FIXES ON MANAGE COMPANY FORM
===========================================================
*/

.managementRegistrationForm input::-webkit-input-placeholder {
  color: #999999;
}

.managementRegistrationForm input:-moz-placeholder {
  color: #999999;
}

.managementRegistrationForm input:-ms-input-placeholder {
  color: #999999;
}

@media all and (max-width: 1280px) and (min-width: 1280px) {
  input#phoneCountryCode,
  input#mobileCountryCode,
  input#text-postalCode {
    font-stretch: condensed;
  }
}

/* =======================================================================
CSS FOR READ ONLY CHECK BOX
 */
.table-content.property-listing-page {
  overflow: hidden;
  .table-responsive {
    max-height: unset;
  }
}

.property-geo-list .submemu {
  display: inline-block;
}

.top-margin {
  margin-top: 20px !important;
}

.btn-remove {
  position: inherit;
}

.managementRegistrationForm label.custom-label {
  min-height: 30px;
  line-height: 22px;
  word-wrap: break-word;
  height: auto;
  padding: 2px 15px 0px 15px !important;
}

.bisetup-content .tiers-selection .btn-add,
.geosetup-content .tiers-selection .btn-add {
  height: 30px;
  line-height: 30px;
  display: block;
  float: left;
  margin: 0 10px 0 10px;
  width: 30px;
  border: 1px solid #5f5b6b;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 400;
  font-size: 15px;
}

.bisetup-content .tiers-selection .count-box,
.geosetup-content .tiers-selection .count-box {
  height: 30px;
  line-height: 30px;
  display: block;
  float: left;
  padding: 0 15px;
  margin: 0 10px 0 4px;
  width: 45px;
  border: 1px solid #5f5b6b;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 400;
  font-size: 15px;
}

.bisetup-content .rowcontent-edit .ncheck {
  pointer-events: none;
}

.bisetup-content .tiers-selection .btn-add {
  height: 30px;
  line-height: 30px;
  display: block;
  float: left;
  width: 30px;
  border: 1px solid #5f5b6b;
  background-color: #ffffff;
  font-size: 20px;
}

.bisetup-content .tiers-selection .count-box,
.geosetup-content .tiers-selection .count-box {
  background-color: lightgrey;
  border-width: 2px;
  border-bottom-color: #f2f2f2;
  border-right-color: #f2f2f2;
  border-top-color: darkgrey;
  border-left-color: darkgrey;
}


#main-menu li.bread-crumb {
  min-width: 250px;
}

.table-responsive.company-list-table-container {
  max-height: unset !important;
}

.company-col-align tbody tr td {
  height: 31px;
}

.company-col-align tbody tr td a {
  cursor: pointer !important;
}

.company-col-align tr th, .company-col-align tr td {
  min-width: 140px;
  max-width: 250px;
}

.company-col-align tr td:nth-child(1), .company-col-align tr td:nth-child(3) {
  padding-left: 5px !important;
}

.company-col-align tr th:nth-child(1), .company-col-align tr td:nth-child(1) {
  width: 45px !important;
  min-width: 45px !important;
}

.company-col-align tr th:nth-child(2), .company-col-align tr td:nth-child(2) {
  min-width: 250px !important;
  max-width: 400px !important;
}

.company-col-align tr th:nth-child(3), .company-col-align tr td:nth-child(3) {
  width: 75px !important;
  min-width: 75px !important;
}

.company-col-align tr th:nth-child(8), .company-col-align tr td:nth-child(8) {
  min-width: 200px !important;
  max-width: 300px !important;
}

.company-col-align tr th:last-child, .company-col-align tr td:last-child {
  width: 75px !important;
  min-width: 75px !important;
  padding-top: 4px;
  padding-bottom: 4px;
}

.company-col-align tr td:last-child {
  padding-left: 25px !important;
}

.container-responsive {
  padding-right: 15px;
  padding-left: 15px;
}

.property-col-align tr th, .property-col-align tr td {
  min-width: 140px;
  max-width: 250px;
}

.property-col-align tr td {
  padding: 2px 1px !important;
  height: 31px;
}

.property-col-align tr th:nth-child(1), .property-col-align tr td:nth-child(1) {
  width: 30px !important;
  min-width: 30px !important;
}

.property-col-align tr th:nth-child(2), .property-col-align tr td:nth-child(2) {
  min-width: 250px !important;
  max-width: 400px;
}

.property-col-align tr th:nth-child(3), .property-col-align tr td:nth-child(3) {
  width: 55px !important;
  min-width: 45px !important;
}

.property-col-align tr th:nth-child(4), .property-col-align tr td:nth-child(4) {
  width: 90px !important;
  min-width: 70px !important;
}

.left-align {
  text-align: left !important;
}

.geosetup {
  width: 100%;
  max-height: 700px;
  overflow-y: auto;
}

.table-registration tr td {
  word-wrap: break-word;
}

.bisetup-content .ncheck input {
  position: absolute;
  top: -3px;
  left: 185px;
  height: 18px;
  width: 18px;
  border: 1px solid #4ca354;
  background-color: #eee;
}

.bisetup-content .checkmark {
  position: absolute;
  top: 0;
  left: 185px;
  height: 18px;
  width: 18px;
  border: 1px solid #4ca354;
  background-color: #eee;
}

.bisetup .btn-delete {
  width: 30px;
  height: 30px;
  display: block;
  position: absolute;
  right: 188px;
  top: 0;
  background: url("../images/minus.png");
  padding-top: 1%;
}

.blue-add-btn {
  position: absolute;
  width: 29px;
  height: 29px;
  text-align: center;
  padding: 0;
  margin: 0;
  line-height: 20px;
  -webkit-border-radius: 100% !important;
  -moz-border-radius: 100% !important;
  -ms-border-radius: 100% !important;
  -o-border-radius: 100% !important;
  border-radius: 100% !important;
  cursor: pointer !important;
  display: block;
  color: #fff;
  top: 1px;
  background: url(../images/pluse3.png) no-repeat 0 0 !important;
  z-index: 10;
  right: 26px;
}

.bicolumn .box span {
  word-wrap: break-word;
}

.bicolumn .box span span {
  word-wrap: break-word;
  min-height: min-content;
}

.bisetup .rowcontent-edit .itemcolumntitle {
  min-height: min-content;
  text-align: center;
  padding-right: 14%;
  padding-left: 5%;
  height: auto;
  padding-bottom: 2%;
}

.bisetup .rowcontent-edit .itemcolumntitle span {
  word-wrap: break-word;
  font-size: 14px;
  font-weight: bold;
}

.bisetup {
  max-height: 700px;
  overflow-y: auto;
  padding-bottom: 30px;
}

.biHeaderText {
  padding-top: 3px;
}

.biHeaderText span {
  white-space: pre-wrap;
}

.biOptionText span {
  white-space: pre-wrap;
}

.bisetup-content .count-box {
  pointer-events: none;
}

.bisetup-content .list-display {
  pointer-events: none;
}

.bicolumn .itemcolumntitle input {
  padding: 4px 12px;
}

.rowcontent-edit .biOptionText span span {
  height: auto;
}

.bisetup-content .alert {
  width: auto;
}

/*
==========================================================================
DATA IMPORT MODULE
==========================================================================
*/
.flex-container {
  padding: 0;
  margin: 10px auto;
  list-style: none;

  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;

  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  justify-content: flex-start;
}

@media all and (max-width: 500px) {
  .flex-container {
    flex-direction: column;
  }
  .readonly-input {
    width: 100% !important;
  }
}

.flex-item {
  margin: auto 5px;
  height: 28px !important
}

.data-import {
  display: inline-block !important;
}

.data-import-label {
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 12px;
}

.upload-btn-wrapper {
  position: relative;
  /* overflow: hidden; */
  display: inline-block;
}

.upload-btn-wrapper input[type=file] {
  font-size: 20px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

.btn-file {
  position: relative;
  overflow: hidden;
}

.btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  outline: none;
  background: white;
  cursor: inherit;
  display: block;
}

.custom-calendar-icon {
  font-size: 29px;
  color: lightblue;
}

.daterange-readonly {
  height: 30px !important;
  margin-left: -150px;
  border: none !important;
  background-color: white !important;
  box-shadow: none !important;
  // background-color: #f2f2f2 !important;
  /* font-size: 15px; */
}

.filename-readonly {
  height: 30px !important;
  background-color: white !important;
  /* font-size: 15px; */
}

/*
==========================================================================
Calendar component
==========================================================================
*/

ul {
  list-style-type: none;
}

#calendarcomponent .month {
  padding: 5px;
  width: 100%;
  /* background: #7e96c7; */
  background: #707e96;
  text-align: center;
  border-radius: 5px;
  margin-bottom: 2px;
}

#calendarcomponent .month ul {
  margin: 0;
  padding: 0;
}

#calendarcomponent .month ul li {
  color: white;
  font-size: 14px;
  font-weight: bold;
  text-transform: capitalize;
  letter-spacing: 0px;
}

#calendarcomponent .weekdays {
  margin: 0;
  padding: 10px 0;
  background-color: #b7cbf7;
  /* background-color: #ddd; */
}

#calendarcomponent .weekdays li {
  display: inline-block;
  width: 12.6%;
  color: #666;
  text-align: center;
}

#calendarcomponent .days {
  padding: 10px 0;
  background: #eee;
  margin: 0 0 20px 0;
  height: 150px;
}

#calendarcomponent .days li {
  list-style-type: none;
  display: inline-block;
  width: 12.6%;
  text-align: center;
  /* margin-bottom: 5px; */
  font-size: 12px;
  color: #777;
  padding: 3px 0px 2px 0px;
}

#calendarcomponent .days li.hover:hover {
  background: #7e96c7;
}

#calendarcomponent .days li a {
  text-decoration: none;
  color: #777;
}

.dataimport-customlabel {
  border-radius: 3px;
  background-color: #e4eaf7;
  text-align: center;
  width: 186px;
  height: 30px;
  margin-right: 10px;
  border: 2px solid #d7dbe0;
  text-align: left;
  padding: 2px 10px !important;
}

#importsuccessmessage {
  display: none;
  padding: 5px;
  position: absolute;
  color: #2f9a30;
  margin-left: -110px;
}

#importfailuremessage {
  display: none;
  padding: 5px;
  position: absolute;
  color: #b91414;
  margin-left: -300px;
}

.calendar-label {
  margin: 0px;
  background-color: #97646b;
  font-size: 14px;
  padding: 8px 63px;
}

.center-div {
  margin: 0 auto;
  width: 280px;
}

/* ============================================
CSS FOR ERROR MODAL
 */

.modal-content {
  margin-top: 50%;
  width: 404px;
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0);
  -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0);
  -o-box-shadow: 0 5px 15px rgba(0, 0, 0, 0);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0);
  border: none;
  background: #f5f5f5;
}

.modal-header {
  height: 34px;
}

.modal-header h2 {
  line-height: 5px;
  font-size: 15px;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 600;
  color: #131111;
  padding: 0;
  margin: 0;
}

.modal-body {
  border: 1px solid #8faadc !important;
  border-top: none !important;
  padding: 23px 10px !important;
}

.modal-body p {
  line-height: 26px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 15px;
  font-weight: 400;
  color: #131111;
  text-align: center;
}

.modal-body label {
  display: block;
  text-align: center;
}

.modal-backdrop {
  background: rgba(0, 0, 0, 0);
}

.modal-footer {
  border: 1px solid #8faadc !important;
  border-top: none !important;
  padding: 10px;
  text-align: center;
}

.modal-footer .btn {
  height: 32px;
  line-height: 32px;
  padding: 0 10px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 15px;
  font-weight: 400;
  color: #131111;
  text-align: center;
  background: #e6e6e6;
  border: 1px solid #adadad;
  display: inline-block;
  margin: 0 5px;
  min-width: 70px;
}

.modal-footer .btn:hover {
  background: #9e828c;
  border: 1px solid #9e828c;
  color: #fff;
}

/*
=================================================================================================
Management company and property registration
=================================================================================================
*/
.right-form-adjustment {
  display: inline-block !important;
  width: 46% !important;
  margin-left: 45px;
  float: none !important;
}

.title-bar-adjustment {
  width: 97.2%;
}

/*
=========================================================================================
Calendar icon alignment
=========================================================================================
*/
.management-registration #datepicker input {
  width: 100%;
  background: #f5f5f5 url(../images/icon-calendar.png) no-repeat 1% 1px;
  padding-right: 0;
  /*Please add class name so that is does not affect anywhere else*/
  padding-left: 35px !important
}

/*
=========================================================================================
Calendar icon alignment
=========================================================================================
*/
.alert-adjust {
  width: 40% !important;
  padding: 5px !important;
}

/*
=========================================================================================
Geosetup Nav Button
=========================================================================================
*/
.geosetup-nav-btn {
  margin-left: 20px !important;
  padding: 0px 7px !important;
  height: 30px !important;
  background: #b3c6e8 !important;
}

.export-btn {
  display: inline-block;
  width: 89px;
  height: 30px;
  margin: 0 5px 0 0;
  background: #e3f1fa url(../images/icon-export.png) no-repeat 54px top;
  cursor: pointer;
  font-size: 15px;
  color: #010101;
  height: 30px;
  line-height: 30px;
  text-decoration: none;
  padding: 0 5px;
  text-decoration: none;
  position: relative;
}

.inlineblock {
  width: 90%;
  display: inline-block !important;
}

.bisetupinner input[type=text], .geosetup input[type=text] {
  background-color: $edit-mode-background !important;;
}

/*
=========================================================================================
Login screen custom css
=========================================================================================
*/
.custom-error {
  padding: 8px !important;
  width: 100% !important;
  float: none !important;
  position: inherit !important;
  font-size: 15px;
  margin: 0px !important;
}

/*
=========================================================================================
Rooms forecasting Fiscal Ranges custom css
=========================================================================================
*/
#modalToCopySession .modal-content {
  width: 500px;
}

#modalToCopySession .form-group .form-control {
  background-color: #fff !important;
}

.roomsForecastAlertMessage {
  display: none;
  padding: 5px;
  position: absolute;
  width: auto;
  border: 1px solid transparent;
  border-radius: 4px;
  margin-left: 10px;
}

.fiscaltimeselect.custom-width {
  width: 310px;
}

.daterangeset.custom-width-row .fiscalrow {
  width: 465px;
}

.roomsforecast-content .datepicker table tr td.range,
.roomsforecast-content .datepicker table tr td.disabled.range {
  background: #FFFFFF !important;
}

.fiscal-section {
  width: 1860px;
}

.fiscalboxcol:first-child {
  width: 262px
}

.fiscalboxcol {
  width: 262px
}

.fiscalbox .multiselect-container li.active label {
  background: url(../images/icon-tick.png) no-repeat right 10px bottom 5px !important;
}

input::-ms-clear {
  display: none;
}

.fiscaldaterangewrap2 .fiscalboxcol {
  width: 305px
}

.fiscaldaterangewrap {
  padding-bottom: 0px;
}

.fiscalgroup {
  margin-top: 0;
}

.fiscal-list .fiscalboxcol {
  margin-right: 4px;
}

.fiscaldaterange-content {
  display: flex;
  flex-wrap: wrap;
}

.fiscaldaterange2, .fiscaldaterange1 {
  display: block;
}

.calendar-months-block .fiscal-section, .custom-block .fiscal-section {
  margin-bottom: 20px;
}

.fiscaldaterange2 .fiscalboxcol {
  float: left;
  width: 259px;
  margin-left: 4px;
}

.fiscaldaterange2 .fiscalboxcol:first-child {
  margin-left: 0;
  width: 259px;
}

.custom-block .fiscaldaterangerow .fiscalpopup2 {
  left: inherit;
}

.custom-block .fiscaldaterangerow .fiscalboxcol:nth-child(1) .fiscalpopup2, .custom-block .fiscaldaterangerow .fiscalboxcol:nth-child(2) .fiscalpopup2, .custom-block .fiscaldaterangerow .fiscalboxcol:nth-child(3) .fiscalpopup2 {
  left: 0px;
}

.fiscalpopup {
  z-index: 2000;
}

.seesion > div.radio, .start > div.radio {
  width: 100% !important;
}

.forecast-list-continer {
  display: flex;
  overflow: auto;
  margin-top: 20px;
}

.forecast-list-continer > div {
  border: 1px solid black;
  white-space: nowrap;
}

.forecast-list + div > button {
  width: 140px !important;
}

.btn-back {
  background: url(../images/icon-arrowleft.png) no-repeat center center;
  -webkit-background-size: 26px auto;
  background-size: 26px auto;
  border-radius: 2px;
  width: 26px;
  height: 26px;
}

.btn-enter {
  background: url(../images/chi-go.svg) no-repeat center center;
  -webkit-background-size: 30px auto;
  background-size: 30px auto;
  border-radius: 2px;
  width: 30px;
  height: 30px;
}

.forecastmethod .form-control {
  background: #98bad6 !important;
}

.roomsforecast-content2 .table.table-roomforcast tr .fixscrollcell2 > div,
.roomsforecast-content2 .table.table-roomforcast tr .fixscrollcell > div,
.roomsforecast-content2 .table.table-roomforcast tr .fixscrollcelltotal > div {
  z-index: 1;
}

.roomsforecast-content2 .table.table-roomforcast tr .fixscrollcell > div {
  width: 251px;
}

.gridErrorMessage {
  display: none;
  padding: 0px 5px;
}

/*
=========================================================================================
Market Segment custom css
=========================================================================================
*/

.mgmtsetup .btn-add {
  background: url(../images/pluse3.png) no-repeat 0 0 !important;
}

#warningForNoStructureSaved {
  width: 20%;
  padding: 5px 10px;
  margin: 15px;
  font-weight: bold;
}

#firstSectionCategoryWarning, #secondSectionCategoryWarning {
  padding: 5px 10px;
  font-weight: bold;
  margin-left: 10px;
}

.showSetupCategoryWarning {
  display: inline-block;
}

.disableOnStructure {
  opacity: 0.5;
  pointer-events: none;
}

.enableOnStructure {
  pointer-events: auto;
}

.title-no-categories-view {
  width: 860px;
}

.title-no-categories-edit {
  width: 900px;
}

.mgmtsetup {
  width: auto;
}

#msgSetupSuccess, #msgSetupError {
  width: 30%;
  float: left;

}

.setuptitle {
  font-size: 15px;
}

#templateForCategoryRow, #templateForSubCategoryRow {
  display: none;
  visibility: hidden;
}

.mgmtsetup .box span span {
  height: auto;
}

.mgmtsetup .box span {
  height: auto;
}

#msgSetupError, #msgSetupSuccess, #msgSetupInfo, #noDataMsg {
  width: auto;
  margin-left: 10px;
  float: left;
  padding-right: 25px
}

.mgmtsetup {
  max-height: 700px;
  overflow-y: auto;
}

.edit-segmentsetup .segment-column.code-column h3 {
  padding: 0 5px;
}

.save-segmentsetup .segment-column.code-column h3 {
  padding: 0 20px 0 0px;
}

.segmentsetuptitle h3, .segmentsetuptitle h3 small {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 600;
}

.segmentsetuptitle h3 small {
  display: block;
  padding: 0;
  margin: 0;
  font-size: 14px;
  line-height: 14px;
  color: #000;
  text-align: center;
}

.btn-addtx {
  background: #b3c6e8 url(../images/pluse3.png) no-repeat 0 0 !important;
}

.segment-column.code-column h3 {
  text-align: center;
  padding: 0 10px 0px 0px;
}

.segment-row .itemcolumn1 .ncheck.no-cursor-view-mode {
  cursor: default;
}

.prop-margin {
  margin-left: 155px;
}

.segment-column.companyName {
  width: 466px;
  background: linear-gradient(to bottom, #e3e3e3 0%, #a6a6a6 100%) !important;
}

.ind-company-width {
  width: 311px !important;
}

.segment-column.companyName h3 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.new-segment-row .box {
  width: 154px;
}

.btn-edit-parent, .btn-save-parent, .btn-cancel-parent {
  margin-left: 7px;
  display: inline-block !important;
  position: unset !important;
}

.parentContainer {
  overflow-y: auto;
  overflow-x: hidden;
  width: 1267px !important;
}

.property-parent-container {
  width: 1425px !important;
}

.message-placement {
  margin-left: 50px !important;
}

.mgmtsetup-content button.multiselect.dropdown-toggle.btn.btn-default {
  border: 1px solid transparent;
  border-radius: 4px;
  border-color: #CCCCCC;

}

.mgmtsetup-content .btn-default.active, .btn-default:active, .open > .dropdown-toggle.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}

.mgmtsetup-content button.multiselect.dropdown-toggle.btn.btn-default li:hover {
  cursor: pointer !important;
  color: #fff !important;
  text-decoration: none !important;
  background-color: #08c !important;
}

.mgmtsetup-content .btn:hover, .btn.active {
  background-color: #ccc;
  color: #333 !important;
}

.mgmtsetup-content .dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
  color: #fff !important;
  text-decoration: none;
  background-color: #337ab7 !important;
  outline: 0;
}

/*
								Sorting Arrows
==========================================================================
*/
.sortable-data-grid th {
  cursor: pointer;
}

.triangle-up {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 10px solid lightslategray;
}

.triangle-up.active {
  border-bottom: 10px solid black;
}

.triangle-down {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 10px solid lightslategray;
}

.triangle-down.active {
  border-top: 10px solid black;
}

/*
==========================================================================
								Sorting Arrows
==========================================================================
*/

.align-center {
  display: inline-block !important;
  right: 34% !important;
}

.position-relative {
  position: relative !important;
}

/*
==========================================================================
								Sort Table
==========================================================================
*/
.sortable-data-grid th.default-cursor, .useraccess-top .btn-user.default-cursor {
  cursor: default;
}

/*

===========================================================================
Forecast Workbench
===========================================================================
*/

.fiscaltimeselect.custom-width {
  width: 310px;
}

.daterangeset.custom-width-row .fiscalrow {
  width: 465px;
}

.roomsforecast-content .datepicker table tr td.range,
.roomsforecast-content .datepicker table tr td.disabled.range {
  background: #FFFFFF !important;
}

.roomsforecast-content {
  max-width: 1900px;
  overflow: auto;
  height: auto;
}

.fiscal-section {
  width: 1860px;
  float: left;
}

.fiscalgroup {
  float: left;
}

.fiscalboxcol {
  width: 262px
}

.fiscalbox .multiselect-container li.active label {
  background: url(../images/icon-tick.png) no-repeat right 10px bottom 5px !important;
}

input::-ms-clear {
  display: none;
}

.fiscaldaterangewrap2 .fiscalboxcol {
  width: 305px
}

.fiscaldaterangewrap {
  padding-bottom: 0px;
}

@media (max-width: 1280px) {
  .fiscal-section {
    width: 100%;
  }

  .fiscalboxcol, .fiscalboxcol:first-child, .fiscaldaterange2 .fiscalboxcol, .fiscaldaterange2 .fiscalboxcol:first-child {
    width: 160px;
  }

  .fiscaldaterangewrap2 .fiscalboxcol {
    width: 183px;
  }

  .roomsforecast-content {
    padding: 4px 20px;
  }
}

@media (max-width: 1200px) {
  .fiscal-section {
    width: 1190px;
  }
  .fiscalboxcol, .fiscalboxcol:first-child, .fiscaldaterange2 .fiscalboxcol, .fiscaldaterange2 .fiscalboxcol:first-child {
    width: 166px;
  }

  .fiscaldaterangewrap2 .fiscalboxcol {
    width: 190px;
  }
}

@media (min-width: 1201px) {
  .fiscal-section {
    width: 100%;
  }

  .fiscalboxcol, .fiscalboxcol:first-child {
    width: 158px;
  }
  .fiscaldaterange2 .fiscalboxcol, .fiscaldaterange2 .fiscalboxcol:first-child {
    width: 155px;
  }

  .fiscaldaterangewrap2 .fiscalboxcol {
    width: 182px;
  }

  .roomsforecast-content {
    height: auto;
    min-height: 805px;
    padding: 4px 20px;
  }
}

@media (min-width: 1280px) {
  .fiscaldaterange2 .fiscalboxcol, .fiscaldaterange2 .fiscalboxcol:first-child {
    width: 168px;
  }
  .fiscalboxcol, .fiscalboxcol:first-child {
    width: 166px;
  }
  .fiscaldaterangewrap2 .fiscalboxcol {
    width: 195px;
  }
}

@media (min-width: 1360px) {
  .fiscalboxcol, .fiscalboxcol:first-child, .fiscaldaterange2 .fiscalboxcol, .fiscaldaterange2 .fiscalboxcol:first-child {
    width: 176px;
  }
  .fiscaldaterangewrap2 .fiscalboxcol {
    width: 208px;
  }
}

@media (min-width: 1400px) {
  .fiscalboxcol, .fiscalboxcol:first-child, .fiscaldaterange2 .fiscalboxcol, .fiscaldaterange2 .fiscalboxcol:first-child {
    width: 182px;
  }

  .fiscaldaterangewrap2 .fiscalboxcol {
    width: 215px;
  }
}

@media (min-width: 1440px) {
  .fiscal-section {
    width: 100%;
  }

  .fiscalboxcol, .fiscalboxcol:first-child, .fiscaldaterange2 .fiscalboxcol, .fiscaldaterange2 .fiscalboxcol:first-child {
    width: 190px;
  }

  .fiscaldaterangewrap2 .fiscalboxcol {
    width: 223px;
  }

  .roomsforecast-content {
    height:auto;
    min-height: 685px;
    padding: 4px 15px;
  }
}

@media (min-width: 1500px) {
  .fiscalboxcol, .fiscalboxcol:first-child, .fiscaldaterange2 .fiscalboxcol, .fiscaldaterange2 .fiscalboxcol:first-child {
    width: 200px;
  }
  .fiscaldaterangewrap2 .fiscalboxcol {
    width: 223px;
  }
}

@media (min-width: 1600px) {
  .fiscalboxcol, .fiscalboxcol:first-child, .fiscaldaterange2 .fiscalboxcol, .fiscaldaterange2 .fiscalboxcol:first-child {
    width: 212px;
  }

  .fiscaldaterangewrap2 .fiscalboxcol {
    width: 248px;
  }
}

@media (min-width: 1680px) {
  .fiscal-section {
    width: 100%;
    padding-right: 15px;
  }

  .fiscalboxcol, .fiscalboxcol:first-child, .fiscaldaterange2 .fiscalboxcol, .fiscaldaterange2 .fiscalboxcol:first-child {
    width: 222px;
  }

  .fiscaldaterangewrap2 .fiscalboxcol {
    width: 261px;
  }

  .roomsforecast-content {
    max-width: 1900px;
    height: auto;
    min-height: 845px;
  }
}

@media (min-width: 1700px) {
  .fiscalboxcol, .fiscalboxcol:first-child, .fiscaldaterange2 .fiscalboxcol, .fiscaldaterange2 .fiscalboxcol:first-child {
    width: 225px
  }

  .fiscaldaterangewrap2 .fiscalboxcol {
    width: 262px;
  }
}

@media (min-width: 1800px) {
  .fiscalboxcol, .fiscalboxcol:first-child, .fiscaldaterange2 .fiscalboxcol, .fiscaldaterange2 .fiscalboxcol:first-child {
    width: 240px
  }

  .fiscaldaterangewrap2 .fiscalboxcol {
    width: 280px;
  }
}

@media (min-width: 1900px) {
  .fiscalboxcol, .fiscalboxcol:first-child, .fiscaldaterange2 .fiscalboxcol, .fiscaldaterange2 .fiscalboxcol:first-child {
    width: 255px
  }

  .fiscaldaterangewrap2 .fiscalboxcol {
    width: 296px;
  }
}

@media (min-width: 1920px) {
  .fiscaldaterangewrap2 .fiscalboxcol {
    width: 300px;
  }
}

.editbar {
  width: 99.8%;
}

.savebar {
  width: 99.8%;
}

.empty-row-height {
  min-height: 26px;
}

.indp-property-actionbar {
  width: 88.8%;
}

.segment-column.show-column {
  width: 48px;
}

.segment-column.combine-column {
  width: 121px;
}

.segment-columnbox {
  width: 123px;
}

.segment-row .box.forecast-box {
  width: 200px;
}

.segment-row .box.show-box {
  width: 48px;
}

.segment-row .box.combine-box {
  width: 122px;
}

.combine-column-view {
  width: 155px !important;
}

.setupViewMode .segment-row .box.combine-box {
  width: 155px;
}

.setupViewMode .segment-row .box.combine-box {
  width: 155px;
}

.segment-row {
  width: 1248px !important;
}

.segment-column.code-column {
  width: 145px;
}

.segment-row .segment-code {
  width: 154px;
}

.segment-row .box.code-box {
  width: 145px;
}

.segment-row .box span .btndeletetx {
  background: url(../images/minus.png) no-repeat -2px -2px;
}

.group-item7.no-categories-saved {
  float: left;
}

.itemcolumn3, .group-items7 {
  min-height: 22px;
  z-index: 10;
  overflow: hidden;
}

.ms-link {
  cursor: pointer;
}

/*
===============================================================================
//Style Admin Access
===============================================================================
*/
.useraccess-content .errorTagForFirstInput, .useraccess-content .errorTag {
  padding: 16px 14px;
}

.table.table-useraccess > tbody > tr > td span {
  text-align: left;
}

.segment-column.forecast-column {
  width: 200px;
}

.prop-width {
  width: 1405px !important;
}

.segmentsetup {
  overflow: auto !important;
}

/*
============================================================================================
Global Styles
============================================================================================
 */
.global-margin {
  margin: 0px 5px;
}

#main-menu > li.list-blue {
  min-width: auto;
}

#main-menu > li.list-registration {
  min-width: fit-content;
}

.fixed-width {
  width: 1280px;
}

/*
============================================================================================
Global Styles End
============================================================================================
 */

/*
============================================================
Navigation bar
============================================================
*/
.nav-justified > li {
  float: left;
}

#main-menu li.bread-crumb {
  min-width: 250px;
}

.adjust-margin {
  margin: 0px auto;
  max-width: 90%;
}

.wip-img-margin {
  margin-top: 8%
}

.dashboard-txt {
  font-family: Rockwell;
  text-align: center;
  font-size: 40px;
  img {
    display: inline;
    height: 60px;
    margin-bottom: 10px;
  }
}

.pantone368 {
  color: #78BE20;
}

.pantone306 {
  color: #00B5E2;
}

.pale-yellow {
  background-color: #FEF9E7 !important;
}

select {
  background-color: #FEF9E7 !important;
}

/*
============================================================
Multiselect Dropdown
============================================================
*/
.example-multiple-optgroups-classes ~ .btn-group .multiselect-container input {
  display: none
}

/*
============================================================
Error page
============================================================
*/
.errormsg {
  text-align: center;
  margin-top: 60px;
}

/*
============================================================
Edit mode color
============================================================
*/
input:not(.default-input-background), select:not(.default-input-background) {
  background-color: $edit-mode-background !important;;
}

/*
============================================================
View mode color
============================================================
*/
input:read-only  {
  &:not(.default-input-background){
    background-color: $view-mode-background !important;;
  }
}

/*
============================================================
Header Bar Display Name Styles
============================================================
*/
.displayname {
  max-width: 200px;
}

/*
============================================================
Rooms Trend Styles
============================================================
*/
#report.newreport .report-row .impactevent2 {
  width: 265px;
  float: left;
}

#report.newreport .row4 .multiselect-native-select {
  margin-left: 4px;
}

#report.newreport #sub-totals, #report.newreport #pms-segments {
  background: -webkit-linear-gradient(top, #ebebeb 0%, #d1d1d1 100%) !important;
  background: linear-gradient(to bottom, #ebebeb 0%, #d1d1d1 100%) !important;
}

.green-background {
  background: #e2f0d9 !important;
}

.grey-background {
  background: #f9f9f9 !important;
}

.darkgrey-background {
  background: #eff1f7 !important;
}

.turquoise-background {
  background: #ccecff !important;
}

.table.marsGrid tr td.negativeData,.table tr td.negativeData {
  color: red !important;
}

.table.marsGrid tr td.positiveData,.table tr td.positiveData {
  color: black !important;
}

#wait.loader {
  position: fixed; /* Sit on top of the page content */
  display: none; /* Hidden by default */
  width: 100%; /* Full width (cover the whole page) */
  height: 100%; /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black background with opacity */
  z-index: 102; /* Specify a stack order in case you're using a different order for other elements */
  cursor: pointer; /* Add a pointer on hover */
}

.loaderImg {
  margin-left: auto;
  margin-right: auto;
  user-select: none;
}

.loaderDiv {
  margin-top: 25%;
}

#multiselectExample .multiselect-container li.active label,
#singleSelectExample .multiselect-container li.active label {
  background: url(../images/icon-tick.png) no-repeat 190px center !important;
}

#multiselectExample .multiselect-container > li > a > label > input[type=checkbox],
#singleSelectExample .multiselect-container > li > a > label > input[type=radio] {
  display: none !important;
}

#multiselectExample .multiselect-container > li.active > a:hover
#singleSelectExample .multiselect-container > li.active > a:hover {
  color: black;
}

.multiselect-container > li.active > a {
  color: black !important;
}

.ui-widget-overlay {
  opacity: 0.5 !important;
}

.ui-widget-content {
  margin: 10px !important;
}

.ui-dialog {
  padding: 0px !important;

}

.overlay-hidden {
  width:0%!important;
  opacity: 0.0 !important;
  filter: alpha(opacity=0) !important;  /* IE8 and lower */
}

.no-title-bar[role="dialog"] {
  > .ui-dialog-titlebar {
    display: none !important;
  }
}

.ui-widget {
  font-family: 'Source Sans Pro', sans-serif !important;
}

.floatThead-wrapper {
  z-index: 10;
}

#main-menu > li.list-search {
  width: 35px;
  height: 30px
}

#main-menu > li.list-search .dropdown-menu {
  min-width: 200px !important;
  float: right !important;
  right: 0px !important;
  left: auto !important;
  min-height: 41px !important;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  border: 1px solid #D7D7D7;
  top: 35px;
  padding-top: 0px
}

.header .logo a {
  pointer-events: none;
}

.logo img {
  width: 100px;
}

.multiselect-native-select .btn-group .multiselect-selected-text{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.multiselect-container li label {
  overflow: hidden;
  text-overflow: ellipsis;
}

#globalErrorBar.alert-danger {
  text-align: center;
  position: absolute;
  z-index: 200;
  width: 100%;
  min-height: 30px;
}


.table-responsive {
  position: relative; }
.table-responsive.tableScroll {
  max-height: 480px; }

.commonTable {
  border: none !important;
  border-collapse: separate; }
.commonTable tr th,
.commonTable tr td {
  font-weight: normal;
  font-size: 14px;
  vertical-align: middle;
  white-space: nowrap !important;
  text-overflow: ellipsis;
  overflow: hidden; }
.commonTable tr th {
  font-family: "SourceSansProSemiBold";
  padding: 5px 10px !important;
  color: #131111;
  text-align: center;
  position: relative;
  background: #98bad6;
  border-right: 1px solid #ffffff !important;
  border-bottom: 1px solid #dddddd !important; }
.commonTable tr th:last-child {
  border-right: none !important; }
.commonTable tr td {
  font-family: "SourceSansProRegular";
  color: #131111;
  padding: 3px 10px !important;
  white-space: nowrap !important;
  text-overflow: ellipsis;
  overflow: hidden; }
.commonTable tr td a {
  color: #131111; }
.commonTable tr td a:hover {
  color: #131111; }
.commonTable tr td > span {
  white-space: nowrap !important;
  text-overflow: ellipsis;
  overflow: hidden; }
.commonTable tr td div {
  white-space: nowrap !important;
  text-overflow: ellipsis;
  overflow: hidden; }
.commonTable tr td.celledit input {
  padding: 0 10px;
  margin: 0;
  display: block;
  border-radius: 0;
  height: 24px;
  background: #ffffc1;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.15); }

/* fixTableColumn */
.fixTableColumn {
  width: auto !important; }
.fixTableColumn th,
.fixTableColumn td {
  position: relative;
  z-index: 0;
  white-space: nowrap !important;
  text-overflow: ellipsis;
  overflow: hidden; }
.fixTableColumn th.fixcell,
.fixTableColumn td.fixcell {
  z-index: 10; }

/* highlightTableRow */
.tableRowColor tr th,
.tableRowColor tr td {
  padding: 0 10px !important;
  border-right: 1px solid #ffffff !important;
  border-top: 1px solid #ffffff !important;
  font-size: 13px !important;
  font-family: "SourceSansProRegular" !important; }

.tableRowColor tr th {
  background-color: #98bad6 !important;
  font-weight: normal !important;
  border-bottom: none !important;
  vertical-align: middle !important; }
.tableRowColor tr th.twoCell {
  padding: 0 !important; }
.tableRowColor tr th.twoCell > div {
  padding: 3px 10px;
  text-align: left;
  height: 23px;
  position: relative; }
.tableRowColor tr th.twoCell > div:first-child {
  border-bottom: 1px solid #fff;
  height: 24px; }
.tableRowColor tr th.totalColumn {
  background-color: #98bad6 !important; }

.tableRowColor tr td {
  background-color: #f9f9f9 !important;
  text-align: center; }
.tableRowColor tr td.totalColumn {
  background-color: #d4d9e8 !important; }

.tableRowColor tr .btn-edit,
.tableRowColor tr .btn-save {
  padding: 0 5px;
  width: 30px;
  height: 19px;
  display: block;
  float: left;
  margin: -1px 0 0 0;
  background-color: #ffffff; }

.tableRowColor .trHead th, .tableRowColor .trHead td {
  font-family: "SourceSansProSemiBold" !important; }


.tableRowColor .hoverActive th.fixcell:hover, .tableRowColor .hoverActive td.fixcell:hover {
  background-color: #ccecff !important;
  position: relative; }

.tableRowColor .hoverActive a {
  color: #131111;
  text-decoration: none;
  display: block;
  padding-right: 10px; }

.tableRowColor .icon-collapse {
  cursor: pointer; }

.table-responsive {
  position: relative; }
.table-responsive.tableScroll {
  max-height: 480px; }

.commonTable {
  border: none !important;
  border-collapse: separate; }
.commonTable tr th,
.commonTable tr td {
  font-weight: normal;
  font-size: 14px;
  vertical-align: middle;
  white-space: nowrap !important;
  text-overflow: ellipsis;
  overflow: hidden; }
.commonTable tr th {
  font-family: "SourceSansProSemiBold";
  padding: 5px 10px !important;
  color: #131111;
  text-align: center;
  position: relative;
  background: #98bad6;
  border-right: 1px solid #ffffff !important;
  border-bottom: 1px solid #dddddd !important; }
.commonTable tr th:last-child {
  border-right: none !important; }
.commonTable tr td {
  font-family: "SourceSansProRegular";
  color: #131111;
  padding: 3px 10px !important;
  white-space: nowrap !important;
  text-overflow: ellipsis;
  overflow: hidden; }
.commonTable tr td a {
  color: #131111; }
.commonTable tr td a:hover {
  color: #131111; }
.commonTable tr td > span {
  white-space: nowrap !important;
  text-overflow: ellipsis;
  overflow: hidden; }
.commonTable tr td div {
  white-space: nowrap !important;
  text-overflow: ellipsis;
  overflow: hidden; }
.commonTable tr td.celledit input {
  padding: 0 10px;
  margin: 0;
  display: block;
  border-radius: 0;
  height: 24px;
  background: #ffffc1;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.15); }

/* fixTableColumn */
.fixTableColumn {
  width: auto !important; }
.fixTableColumn th,
.fixTableColumn td {
  position: relative;
  z-index: 0;
  white-space: nowrap !important;
  text-overflow: ellipsis;
  overflow: hidden; }
.fixTableColumn th.fixcell,
.fixTableColumn td.fixcell {
  z-index: 10; }

/* highlightTableRow */
.tableRowColor tr th,
.tableRowColor tr td {
  padding: 0 10px !important;
  border-right: 1px solid #ffffff !important;
  border-top: 1px solid #ffffff !important;
  font-size: 13px !important;
  font-family: "SourceSansProRegular" !important; }

.tableRowColor tr th {
  background-color: #98bad6 !important;
  font-weight: normal !important;
  border-bottom: none !important;
  vertical-align: middle !important; }
.tableRowColor tr th.trPattensBlue {
  background-color: tablecolor('pattens-blue') !important;
}
.tableRowColor tr th.twoCell {
  padding: 0 !important; }
.tableRowColor tr th.twoCell > div {
  padding: 3px 10px;
  text-align: left;
  height: 23px;
  position: relative; }
.tableRowColor tr th.twoCell > div:first-child {
  border-bottom: 1px solid #fff;
  height: 24px; }
.tableRowColor tr th.totalColumn {
  background-color: #98bad6 !important; }

.tableRowColor tr td {
  background-color: #f9f9f9 !important;
  text-align: center; }
.tableRowColor tr td.totalColumn, .tableRowColor tr td.totalcolumn {
  background-color: #d4d9e8 !important; }

.tableRowColor tr .btn-edit,
.tableRowColor tr .btn-close,
.tableRowColor tr .btn-save {
  padding: 0 5px;
  width: 30px;
  height: 19px;
  display: block;
  float: left;
  margin: -1px 2px 0 0;
  background-color: #ffffff; }

.tableRowColor tr th.negativenumber, .tableRowColor tr td.negativenumber {
  color: red !important;
}


.tableRowColor .hoverActive th.fixcell:hover, .tableRowColor .hoverActive td.fixcell:hover {
  background-color: #ccecff !important;
  position: relative; }

.tableRowColor .hoverActive a {
  color: #131111;
  text-decoration: none;
  display: block;
  padding-right: 10px; }

.tableRowColor .icon-collapse {
  cursor: pointer; }

.setupEditMode .segment-row { margin-top: 2px; position: relative; z-index: auto; overflow: visible; }
.setupEditMode .new-segment-row .itemcolumn1 { overflow: visible; margin-top: 0; }
.setupEditMode .segment-row.new-segment-row .group-item4 { clear: none; }
.setupEditMode .itemcolumn { overflow: visible !important; }
.setupEditMode .itemcolumn2,
.setupEditMode .itemcolumn3,
.setupEditMode .itemcolumn4 { margin-left: 156px; overflow: visible; z-index: auto;  }
.setupEditMode .group-items1,
.setupEditMode .group-items2,
.setupEditMode .group-items3,
.setupEditMode .group-items4 {
  overflow: visible !important;
  z-index: auto;
  position: relative;
  margin: 0;
}
.setupEditMode .group-items4 {
  min-height: 26px;
  margin-top: 0;
}
.setupEditMode .segment-row:after,
.setupEditMode .new-segment-row:after,
.setupEditMode .itemcolumn:after,
.setupEditMode .group-item1:after,
.setupEditMode .group-items2:after,
.setupEditMode .group-items3:after,
.setupEditMode .group-items4:after,
.setupEditMode .group-item3:after {
  content: '';
  display: table;
  clear: both;
}
.setupEditMode .group-item1,
.setupEditMode .group-item2,
.setupEditMode .group-item3,
.setupEditMode .group-item4 {
  overflow: visible !important;
  z-index: auto;
  position: relative;
  margin-top: 0;
}
.setupEditMode .group-item3 { margin-top: 2px !important;}
.setupEditMode .group-item3:first-child { margin-top: 0 !important; }
.setupEditMode .group-item4 {
  overflow: hidden !important;
  margin-top: 2px !important;
}
.setupEditMode .group-item4:first-child { margin-top: 0 !important; }
.setupEditMode .group-item4.ui-sottable-helper { z-index: 10000 !important; }
.setupEditMode .segment-row .box .form-control,
.setupEditMode .segment-row .itemcolumn1 .select.form-control,
.setupEditMode .segment-row .box span em,
.setupEditMode .segment-row .box span span { margin: 0 !important; }
.setupEditMode .btnhand { width: 33px !important; }
.setupEditMode .itemcolumn4, .group-items4{
  min-height: 22px;
  z-index: 10;
  overflow: hidden;
}
.segment-row.new-segment-row .group-item4:first-child{
  margin-top: 0;
}
.group-item4.no-categories-edit{
  float: left;
  margin-bottom: 2px !important;
}

.session-timeout .ui-dialog-content{
  margin: 0px !important;
}

.session-timeout .ui-dialog-titlebar-close{
  display: none !important;
}

/*
==========================================================================
    Roomsforecast New Page
==========================================================================
*/
.fcstroomsforecast .fiscaldaterange-title {
  font-family: "SourceSansProSemiBold";
  font-weight: normal;
  max-width: 1268px; }

/*.fcstroomsforecast .btn-summary {
  background-image: none !important; }*/

.fcstroomsforecast .btn-enter {
  margin-right: 10px; }

.fcstroomsforecast .top-action-area {
  margin-bottom: 10px;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }
.fcstroomsforecast .top-action-area:after {
  content: '';
  display: table;
  clear: both; }
.fcstroomsforecast .top-action-area .btn-occupancyRatios {
  background: #ccecff;
  float: none;
  color: #131111;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0; }
.fcstroomsforecast .top-action-area .btn-occupancyRatios:hover {
  color: #131111 !important; }
.fcstroomsforecast .top-action-area .options-area {
  margin-right: 10px;
  background-color: #f5f5f5; }
.fcstroomsforecast .top-action-area .options-area .mars-radio {
  float: left; }
.fcstroomsforecast .top-action-area .options-checkbox {
  margin-right: 10px;
  background-color: #f5f5f5; }
.fcstroomsforecast .top-action-area .options-checkbox.hide {
  display: none; }
.fcstroomsforecast .top-action-area .options-checkbox div {
  padding: 0 5px;
  float: left; }
.fcstroomsforecast .top-action-area .options-checkbox div .mars-checkbox {
  margin: 0; }
.fcstroomsforecast .top-action-area .checkbox-area {
  margin-right: 10px;
  flex-grow: 1;
}
.fcstroomsforecast .top-action-area .checkbox-area > div {
  float: left;
  padding: 0 5px; }
.fcstroomsforecast .top-action-area .checkbox-area > div .mars-checkbox {
  position: relative;
  margin-bottom: 0; }
.fcstroomsforecast .top-action-area .checkbox-area > div .mars-checkbox input:checked ~ .checkmark:after {
  display: block !important; }
.fcstroomsforecast .top-action-area .checkbox-area > div .mars-checkbox .checkmark {
  position: absolute;
  top: 50% !important; }

.fcstroomsforecast .new-roomsforecast-content {
  overflow: hidden !important;
  min-height: inherit !important;

  .auto-height {
    height: calc(100vh - 180px);
  }
}
.fcstroomsforecast .new-roomsforecast-content .disableoption {
  background: #e4e4e4 !important; }

.fcstroomsforecast #report.newreport {
  font-family: "SourceSansProRegular";
  font-weight: normal;
  border: none;
  max-width: 530px; }
.fcstroomsforecast #report.newreport .btn-reportclose {
  margin-right: 10px; }
.fcstroomsforecast #report.newreport .report-title h2 {
  font-weight: normal;
  font-family: "SourceSansProSemiBold"; }
.fcstroomsforecast #report.newreport .report-content {
  border: none; }
.fcstroomsforecast #report.newreport .report-content .report-row {
  margin-top: 4px; }
.fcstroomsforecast #report.newreport .report-content .report-row:last-child .reportrowcontent {
  padding: 0 0; }
.fcstroomsforecast #report.newreport .report-content .report-row .reportrowcontent .form-group {
  padding: 0; }
@media (max-width: 1084px) {
  .fcstroomsforecast #report.newreport .report-content .report-row .reportrowcontent .form-group {
    float: none;
    clear: both;
    margin: 4px 0 0 0; }
  .fcstroomsforecast #report.newreport .report-content .report-row .reportrowcontent .form-group:first-child {
    margin-top: 0; }
  .fcstroomsforecast #report.newreport .report-content .report-row .reportrowcontent .form-group:after {
    content: '';
    display: table;
    clear: both; } }
.fcstroomsforecast #report.newreport .report-content .report-row .reportrowcontent .form-group > label {
  margin: 0 10px;
  float: left;
  width: auto;
  margin: 0 10px;
  height: 26px;
  line-height: 26px;
  font-size: 14px;
  font-weight: normal;
  color: #131111;
  text-align: left; }
.fcstroomsforecast #report.newreport .report-content .report-row .reportrowcontent .form-group.form-group-event > label {
  width: 77px;
  text-align: right; }
@media (max-width: 1084px) {
  .fcstroomsforecast #report.newreport .report-content .report-row .reportrowcontent .form-group.form-group-event > label {
    width: auto !important; } }
.fcstroomsforecast #report.newreport .report-content .report-row .reportrowcontent .form-group:first-child {
  margin-left: 0; }
.fcstroomsforecast #report.newreport .report-content .report-row .reportrowcontent .form-group:first-child label {
  width: 100px; }
.fcstroomsforecast #report.newreport .report-content .report-row .reportrowcontent .form-group small {
  display: block;
  float: left;
  padding: 0 10px;
  font-style: normal;
  font-size: 14px;
  height: 26px;
  line-height: 26px; }
.fcstroomsforecast #report.newreport .report-content .report-row .reportrowcontent .mars-radio {
  float: left;
  min-width: 120px;
  position: relative; }
.fcstroomsforecast #report.newreport .report-content .report-row .reportrowcontent .mars-radio label {
  display: block;
  cursor: pointer;
  margin-bottom: 0;
  padding: 3px 5px; }
.fcstroomsforecast #report.newreport .report-content .report-row .reportrowcontent .checkbox-area > div {
  float: left;
  padding: 0 5px; }
.fcstroomsforecast #report.newreport .report-content .report-row .reportrowcontent .checkbox-area > div .mars-checkbox {
  position: relative;
  margin-bottom: 0;
  padding-top: 3px;
  padding-bottom: 3px; }
.fcstroomsforecast #report.newreport .report-content .report-row .reportrowcontent .checkbox-area > div .mars-checkbox input:checked ~ .checkmark:after {
  display: block !important; }
.fcstroomsforecast #report.newreport .report-content .report-row .reportrowcontent .checkbox-area > div .mars-checkbox .checkmark {
  position: absolute;
  top: 50% !important; }
.fcstroomsforecast #report.newreport .report-content .report-row .mars-select {
  float: left; }
.fcstroomsforecast #report.newreport .report-content .report-row .mars-select .multiselect-native-select {
  width: inherit !important;
  max-width: 100%; }
.fcstroomsforecast #report.newreport .report-content .report-row .mars-select .multiselect-native-select .multiselect {
  width: 240px !important;
  line-height: auto; }
.fcstroomsforecast #report.newreport .report-content .report-row .mars-select .multiselect-container,
.fcstroomsforecast #report.newreport .report-content .report-row .mars-select .multiselect-container li {
  width: 100%; }
.fcstroomsforecast #report.newreport .report-content .report-row .mars-select .multiselect-container li label {
  height: 26px !important;
  line-height: 24px !important; }
.fcstroomsforecast #report.newreport .report-content .report-row .mars-select .multiselect-container li.active label {
  background: url(../images/chi-tic.svg) no-repeat 98% center !important;
  -webkit-background-size: 12px auto !important;
  background-size: 12px auto !important;
  line-height: 24px !important; }
.fcstroomsforecast #report.newreport .report-content .report-row .rangesliderbox {
  margin-right: 0;
  padding: 0 10px !important;
  width: 240px;
  position: relative;
  z-index: 0; }
.fcstroomsforecast #report.newreport .report-content .report-row .rangesliderbox .rangesliderwrap {
  width: 100%;
  float: none;
  padding: 0; }
.fcstroomsforecast #report.newreport .report-content .report-row .rangesliderbox .irs-hidden-input {
  display: none !important; }

.fcstroomsforecast .table-responsive {
  overflow: scroll !important;
  max-height: inherit;
  height: 372px; }
@media (min-width: 768px) {
  .fcstroomsforecast .table-responsive {
    height: 715px; } }
@media (min-width: 1024px) {
  .fcstroomsforecast .table-responsive {
    height: 372px; } }
@media (min-width: 1280px) {
  .fcstroomsforecast .table-responsive {
    height: 715px; } }
@media (min-width: 1366px) {
  .fcstroomsforecast .table-responsive {
    height: 459px; } }
@media (min-width: 1400px) {
  .fcstroomsforecast .table-responsive {
    height: 741px; } }
@media (min-width: 1440px) {
  .fcstroomsforecast .table-responsive {
    height: 591px; } }
@media (min-width: 1600px) {
  .fcstroomsforecast .table-responsive {
    height: 591px; } }
@media (min-width: 1680px) {
  .fcstroomsforecast .table-responsive {
    height: 741px; } }
@media (min-width: 1920px) {
  .fcstroomsforecast .table-responsive {
    height: 771px; } }
.fcstroomsforecast .table-responsive.tableAutoResponsive {
  max-width: 1113px; }
.fcstroomsforecast .table-responsive.summeryTableResponsive {
  max-width: 1368px; }

.fcstroomsforecast .commonTable.consolidatedMaxTable tr th,
.fcstroomsforecast .commonTable.consolidatedMaxTable tr td {
  min-width: 100px;
  width: 100px; }
.fcstroomsforecast .commonTable.consolidatedMaxTable tr th.fixcell,
.fcstroomsforecast .commonTable.consolidatedMaxTable tr td.fixcell {
  min-width: 160px;
  width: 160px;
  border-right: 1px solid #002060 !important; }
.fcstroomsforecast .commonTable.consolidatedMaxTable tr th.colspanset, .fcstroomsforecast .commonTable.consolidatedMaxTable tr th.borderd-right,
.fcstroomsforecast .commonTable.consolidatedMaxTable tr td.colspanset,
.fcstroomsforecast .commonTable.consolidatedMaxTable tr td.borderd-right {
  border-right: 1px solid #002060 !important; }
.fcstroomsforecast .commonTable.consolidatedMaxTable tr th:last-child,
.fcstroomsforecast .commonTable.consolidatedMaxTable tr td:last-child {
  border-right: none !important; }

.fcstroomsforecast .commonTable.consolidatedMaxTable tr .dfcell.acsplitcell2 + .acpercentcell.active,
.fcstroomsforecast .commonTable.consolidatedMaxTable tr .vrcellShow.borderd-right,
.fcstroomsforecast .commonTable.consolidatedMaxTable tr .vrcell.borderd-right.active,
.fcstroomsforecast .commonTable.consolidatedMaxTable tr .dfcellShow.borderd-right,
.fcstroomsforecast .commonTable.consolidatedMaxTable tr .dfcell.borderd-right.active {
  border-right: none !important; }

.fcstroomsforecast .commonTable.consolidatedMaxTable tr th.colspanset.varcell,
.fcstroomsforecast .commonTable.consolidatedMaxTable tr th.colspanset.dfcell {
  border-right: none !important; }

.fcstroomsforecast .commonTable.consolidatedMaxTable tr:first-child th:first-child {
  min-width: 126px;
  width: 126px;
  padding: 0 0 !important; }

.fcstroomsforecast .commonTable.consolidatedMaxTable tr td:first-child {
  min-width: 126px;
  width: 126px; }

.fcstroomsforecast .commonTable.summeryTable tr .fixcell:first-child {
  min-width: 165px !important;
  width: 165px !important; }

.fcstroomsforecast .new-roomsforecast-content .commonTable tr th.contributioncell,
.fcstroomsforecast .new-roomsforecast-content .commonTable tr td.contributioncell,
.fcstroomsforecast .new-roomsforecast-content .commonTable tr th.acsplitcell,
.fcstroomsforecast .new-roomsforecast-content .commonTable tr td.acsplitcell,
.fcstroomsforecast .new-roomsforecast-content .commonTable tr th.acpercentcell,
.fcstroomsforecast .new-roomsforecast-content .commonTable tr .acpercentcell,
.fcstroomsforecast .new-roomsforecast-content .commonTable .actualstlyrow {
  display: none; }

.fcstroomsforecast .commonTable .dfrow,
.fcstroomsforecast .commonTable .varrow,
.fcstroomsforecast .commonTable .acrow,
.fcstroomsforecast .commonTable .actualstlyrow,
.fcstroomsforecast .tcrow, .fcstroomsforecast .gcrow, .fcstroomsforecast .otrow, .fcstroomsforecast .vrcell {
  display: none; }

/*  ---  common section  ---  */
.fcstroomsforecast .btn-action,
.guestForecastOccRatioPopup .btn-action {
  background: #f2f2f2;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  padding: 4px 5px 0 30px;
  margin-right: 10px;
  color: #131111;
  position: relative;
  -webkit-box-shadow: none;
  box-shadow: none;
  line-height: unset; }
.fcstroomsforecast .btn-action {
  height: 30px;
  padding: 4px 40px 0 10px;
}
.fcstroomsforecast .btn-action i,
.guestForecastOccRatioPopup .btn-action i {
  position: absolute;
  right: 5px !important;
  top: 3px; }

.fcstroomsforecast .form-rangecalendar,
.guestForecastOccRatioPopup .form-rangecalendar {
  margin: 0 10px 0 0;
  float: left; }
.fcstroomsforecast .form-rangecalendar .col-item,
.guestForecastOccRatioPopup .form-rangecalendar .col-item {
  overflow: visible;
  float: left;
  margin: 0 0 0 10px;
  padding-top: 0;
  padding-right: 30px;
  min-height: 26px;
  position: relative; }
.fcstroomsforecast .form-rangecalendar .col-item:first-child,
.guestForecastOccRatioPopup .form-rangecalendar .col-item:first-child {
  padding-right: 0; }
.fcstroomsforecast .form-rangecalendar .col-item:first-child .btn-deletecell,
.guestForecastOccRatioPopup .form-rangecalendar .col-item:first-child .btn-deletecell {
  display: none; }
.fcstroomsforecast .form-rangecalendar .timeselect,
.guestForecastOccRatioPopup .form-rangecalendar .timeselect {
  width: 100%;
  display: block;
  height: 26px;
  line-height: 24px;
  font-family: "SourceSansProRegular";
  font-size: 14px;
  font-weight: normal;
  color: #131111;
  margin: 0;
  padding: 0;
  border: 1px solid #8f91a2;
  background: #fff url(../images/chi-calendar.svg) no-repeat 2px center;
  -webkit-background-size: 24px auto !important;
  background-size: 24px auto !important;
  float: left;
  width: 195px; }
.fcstroomsforecast .form-rangecalendar .timeselect .btn-calendar,
.guestForecastOccRatioPopup .form-rangecalendar .timeselect .btn-calendar {
  margin-right: 5px; }
.fcstroomsforecast .form-rangecalendar .timeselect p,
.guestForecastOccRatioPopup .form-rangecalendar .timeselect p {
  margin: 0; }
.fcstroomsforecast .form-rangecalendar .comparerangepopup,
.guestForecastOccRatioPopup .form-rangecalendar .comparerangepopup {
  bottom: inherit;
  right: inherit;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: fixed;
  z-index: 10000 !important;
  margin: 0;
  width: 460px;
  max-width: 460px; }
@media (min-width: 1366px) {
  .fcstroomsforecast .form-rangecalendar .comparerangepopup,
  .guestForecastOccRatioPopup .form-rangecalendar .comparerangepopup {
    position: absolute;
    left: 0;
    top: -2px;
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%); } }
.fcstroomsforecast .form-rangecalendar .input-sm,
.guestForecastOccRatioPopup .form-rangecalendar .input-sm {
  height: 26px;
  line-height: 24px;
  border-radius: 0px;
  border: 1px solid #8f91a2;
  font-size: 14px;
  font-family: "SourceSansProRegular";
  font-weight: normal;
  color: #131111;
  padding: 0px 10px;
  margin-bottom: 4px;
  background: #ffffff; }

.fcstroomsforecast .mars-radio-area,
.guestForecastOccRatioPopup .mars-radio-area {
  margin-left: 10px;
  float: left; }

.fcstroomsforecast .commonTable tr th, .fcstroomsforecast .commonTable tr td,
.guestForecastOccRatioPopup .commonTable tr th,
.guestForecastOccRatioPopup .commonTable tr td {
  min-width: 90px;
  width: 90px; }
.fcstroomsforecast .commonTable tr th.fixcell:first-child, .fcstroomsforecast .commonTable tr td.fixcell:first-child,
.guestForecastOccRatioPopup .commonTable tr th.fixcell:first-child,
.guestForecastOccRatioPopup .commonTable tr td.fixcell:first-child {
  text-align: left; }
.fcstroomsforecast .commonTable tr th.totalColumn, .fcstroomsforecast .commonTable tr td.totalColumn,
.guestForecastOccRatioPopup .commonTable tr th.totalColumn,
.guestForecastOccRatioPopup .commonTable tr td.totalColumn {
  min-width: 110px;
  width: 110px; }

.fcstroomsforecast .commonTable tr th,
.guestForecastOccRatioPopup .commonTable tr th {
  padding: 2px 10px !important;
  border-bottom: none !important;
  height: 26px; }

.fcstroomsforecast .commonTable tr td,
.guestForecastOccRatioPopup .commonTable tr td {
  padding: 3px 10px !important; }

.fcstroomsforecast .commonTable tr.trColor6 .totalColumn,
.guestForecastOccRatioPopup .commonTable tr.trColor6 .totalColumn {
  background-color: #ccecff !important; }

.fcstroomsforecast .commonTable tr .singleCell:first-child > div,
.guestForecastOccRatioPopup .commonTable tr .singleCell:first-child > div {
  padding: 0 10px; }

.fcstroomsforecast .commonTable tr .btn-edit, .fcstroomsforecast .commonTable tr .btn-save,
.guestForecastOccRatioPopup .commonTable tr .btn-edit,
.guestForecastOccRatioPopup .commonTable tr .btn-save {
  height: 23px;
  float: left; }

.fcstroomsforecast .commonTable tr .btn-close,
.guestForecastOccRatioPopup .commonTable tr .btn-close {
  margin-left: 10px; }

.fcstroomsforecast .commonTable tr.trPattensBlue .totalColumn,
.guestForecastOccRatioPopup .commonTable tr.trPattensBlue .totalColumn {
  background-color: #ccecff !important; }

.fcstroomsforecast .commonTable .trHead th, .fcstroomsforecast .commonTable .trHead td,
.guestForecastOccRatioPopup .commonTable .trHead th,
.guestForecastOccRatioPopup .commonTable .trHead td {
  padding: 0 10px !important;
  height: auto; }

.fcstroomsforecast .commonTable .icon-collapse,
.guestForecastOccRatioPopup .commonTable .icon-collapse {
  float: left; }

.fcstroomsforecast .commonTable .twoCell > div,
.guestForecastOccRatioPopup .commonTable .twoCell > div {
  padding: 0 10px; }

.fcstroomsforecast .commonTable.occRatioTable tr th.borderd-right,
.fcstroomsforecast .commonTable.occRatioTable tr td.borderd-right,
.guestForecastOccRatioPopup .commonTable.occRatioTable tr th.borderd-right,
.guestForecastOccRatioPopup .commonTable.occRatioTable tr td.borderd-right {
  border-right: 1px solid #002060 !important; }

.guestForecastOccRatioPopup .commonTable.occRatioTable tr th.borderd-right:last-child,
.guestForecastOccRatioPopup .commonTable.occRatioTable tr td.borderd-right:last-child {
  border-right: none !important; }

.fcstroomsforecast .commonTable.occRatioTable tr th.twoCell > div:first-child .btn-close,
.fcstroomsforecast .commonTable.occRatioTable tr td.twoCell > div:first-child .btn-close,
.guestForecastOccRatioPopup .commonTable.occRatioTable tr th.twoCell > div:first-child .btn-close,
.guestForecastOccRatioPopup .commonTable.occRatioTable tr td.twoCell > div:first-child .btn-close {
  margin-left: 10px; }

.fcstroomsforecast .commonTable.occRatioTable tr th.twoCell > div:first-child.addText,
.fcstroomsforecast .commonTable.occRatioTable tr td.twoCell > div:first-child.addText,
.guestForecastOccRatioPopup .commonTable.occRatioTable tr th.twoCell > div:first-child.addText,
.guestForecastOccRatioPopup .commonTable.occRatioTable tr td.twoCell > div:first-child.addText {
  padding: 3px 10px; }

.fcstroomsforecast .commonTable.occRatioTable tr .fixcell:first-child,
.guestForecastOccRatioPopup .commonTable.occRatioTable tr .fixcell:first-child {
  min-width: 175px !important;
  width: 175px !important; }

.fcstroomsforecast .commonTable tr th.celledit,
.fcstroomsforecast .commonTable tr td.celledit,
.guestForecastOccRatioPopup .commonTable tr th.celledit,
.guestForecastOccRatioPopup .commonTable tr td.celledit {
  padding: 0 !important;
  margin: 0 !important; }

.fcstroomsforecast .fiscal-range-wrap,
.guestForecastOccRatioPopup .fiscal-range-wrap {
  display: none; }
.newreport.commonDisplayCriteria:not(.other-income-consolidation-criteria) {
  //max-width: 710px !important;

  .report-row {
    display: grid;
    grid-template-columns: 160px auto;
  }

  .lastsubmitted {
    position: relative;

    ul {
      margin: 0;
      border: 1px solid #bcbcbc;
      position: absolute;
      top: 26px;
      left: 0;
      display: none;
      max-height: 120px;
      overflow: hidden auto;
      &.active { display: block; }
    }
    li {
      height: unset; // style from style.css
      line-height: unset; // style from style.css
      white-space: nowrap !important;
      text-overflow: ellipsis;
      overflow: hidden;
      @include text-with-ellipsis();
      padding: 3px 10px;
      background-color: #FFFFFF;
      cursor: pointer;
    }
  }
  .lastsubmittedtoggle {
    min-height: 0;
    span { margin-left: 240px !important; }
  }
  .reportrowcontent {
    margin-left: 0px !important;
    margin-top: 4px !important;
  }
  .reportrowcontent:first-child {
    margin-top: 0px;
  }

  .checkbox-area > div {
    min-width: 105px!important;
  }

  .notification {
    margin-left: 10px;
    padding: 3px;
  }
}
.commonDisplayCriteria.roomsConsolidationDisplayCriteria {
  max-width: 760px !important;
}
.fcstroomsforecast .commonTable.tableRowColor tr th.action-column { padding: 2px 10px !important; }

.timeZoneDiv span {overflow: unset !important; width: 100%; border: 1px solid #ccc; line-height:25px !important;}
.timeZoneDiv.editMode span {padding: 0 !important}
.timeZoneDiv .input-group-addon, .timeZoneDiv .input-group-btn {display: none !important;}
.timeZoneDiv div, .timeZoneDiv ul {width: 100%;}
.timeZoneDiv.mgtCo ul {overflow-y: auto!important;overflow-x: hidden!important;top: auto;left: auto;height:100px;position:absolute;}
.timeZoneDiv.mgtCo.hasError > span { border: red solid .5px};
.timeZoneDiv span.multiselect-native-select {margin: 0; height: 27px; border: unset; box-shadow: none}
.timeZoneDiv .multiselect.btn-default {width: 100%; text-align: left; height: 27px; background-color: #ffffc1 !important; border-radius: unset;
span{border: none; box-shadow: none}}
.timeZoneDiv .multiselect.btn-default:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-default {
  //pointer-events: none;
  background-color: unset;
}
.timeZoneDiv label.radio {
  padding-left: 25px !important; background-color: white;
}

.dialog-close {
  background: none !important;
  border: none !important;
  padding: 0;
  margin-top: -16px;
}

// @import "ember-power-select"; /* Mishu commented */

.property-list-import-status{
  .icon-l-padding{
    padding: 3px 26px !important;
  }


}
.config-Params{
  height: 35px;
  margin-top: 10px;
  .btn-group{
    border: black solid 1px;
    border-radius: 6.5px;
  }
}

.configparam {
  //subtracting header
  height: calc(100vh - 82px);

  .configparamtableheight{
    //subtracting total height before table
    height: calc(100vh - 230px) !important;
    width: fit-content;
  }
  .configparamglobaltableheight{
    height: calc(100vh - 200px) !important;
    width: fit-content;
  }

}
.jobs-schedule{
  tr {
    height: 40px;
  }
  .link-margin{
    margin-right: 10px;
  }
  .btn-sm{
    margin-bottom: 20px;
    margin-top: 10px;
    border: black solid 1px;
    border-radius: 6.5px;
    margin-right: 10px;
  }
  .float-right{
    margin-right: 120px;
  }
}
/*.newreport.commonDisplayCriteria .mars-select.filterDropdown .multiselect-native-select .multiselect {
  width: 170px !important;
  margin-right: 10px;
}*/

