/*Fonts family*/
.app-name {
  margin-bottom: 5%;
}
.login-bg .app-name h1 {
  font-family: 'Segoe UI Bold', 'Segoe UI';
  color: white;
  font-size: 70px;
}
.login-bg span.app-fullname {
  font-family: 'Segoe UI Bold', 'Segoe UI';
  color: white;
  font-size: 20px;
  font-weight: 100;
}
.login-box {
  display: block;
  position: relative;
  margin: 5% auto 0;
  text-align: center;
  vertical-align: middle;
  width: 100%;
  height: 100%;
}
.login-bg {
  background: url("../images/Login_bg_1920_empty.png") no-repeat center center fixed;
  position: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width: 100%;
  height: 100%;
}
.login-container {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 450px;
  display: block;
  position: relative;
  background-color: rgba(44, 48, 51, 0.6);
  color: #fff;
  padding: 1.5em;
}
.hand-trey {
  background: url("../images/hand-trey.png") no-repeat;
  width: 342px;
  height: 300px;
  position: relative;
  margin: 0 auto;
}
.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;
}
.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.display-flex {
  display: flex;
}
.login-container h3 {
  margin-top: 10px;
  float: left;
}
.login-container .input-group {
  padding-top: 15px;
  padding-bottom: 15px;
}
.login-container img {
  max-width: none;
}
.login-container input[type="text"], .login-container .btn, .login-container input[type="password"] {
  border-radius: 0;
}
.login-container .input-group-addon {
  border: #2494a1;
  border-radius: 0;
}
.login-container .input-group-lg > .form-control, .login-container .input-group-lg > .input-group-addon {
  height: 42px;
}
.recover-password {
  text-decoration: underline;
  outline: none;
  color: #eee;
}
.login-container .btn {
  background-color: #2494a1;
}
@media (max-height: 700px) {
  .login-bg {
    overflow-y: auto;
  }
}
@media (max-width: 768px) {
  .login-bg {
    overflow-x: auto;
  }
}
/* @media (min-height: 700px){
 .login-box {
 overflow-y: hidden;
 }
 } */
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;
}
.managementRegistrationForm .form-group {
  overflow: inherit;
}
.input-error-focus {
  border: 1px solid #f05352 !important;
}
.input-error {
  height: 1px;
  width: 1px;
}
.errorTag, .errorTagForFirstInput {
  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, .errorTagForFirstInput: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 {
  top: 40px;
}
.errorTagForFirstInput: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%;
}
.action-box {
  height: 30px;
  float: right;
  background: #fff;
  width: 8%;
  position: relative;
}
.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;
}
.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 {
  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: #000 !important;
}
.btn-save {
  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: #999;
}
.managementRegistrationForm input:-moz-placeholder {
  color: #999;
}
.managementRegistrationForm input:-ms-input-placeholder {
  color: #999;
}
@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
 */
.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: #fff;
  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;
}
.company-col-align tr th, .company-col-align tr td {
  min-width: 140px;
  max-width: 250px;
}
.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 td:last-child {
  padding-top: 4px;
  padding-bottom: 4px;
}
.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 th:nth-child(1), .property-col-align tr td:nth-child(1) {
  width: 45px !important;
  min-width: 45px !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: 45px !important;
  min-width: 45px !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%;
}
.btn-delete .ion-close {
  font-size: 19px;
  color: #f4516c;
}
.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;
  /* 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 63;
  /* 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%;
  height: 190px;
  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;
  border-top: none;
  padding: 23px 10px;
  height: 53%;
}
.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-backdrop {
  background: rgba(0, 0, 0, 0);
}
.modal-footer {
  border: 1px solid #8faadc;
  border-top: none;
  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%;
}
/*========================
 REPORTS CSS
 ========================== */
.roomspace-content {
  margin-left: 0.7%;
  margin-right: 0px;
  width: 98.4%;
  max-width: none;
}
.roomspace-content3 {
  overflow-y: hidden;
}
#report {
  width: 1090px;
  max-width: none;
}
#report .report-row .radio:nth-child(4) {
  width: 150px;
}
#report .multiselect-native-select .multiselect {
  width: 154px;
}
#report .report-row .rangesliderbox {
  margin-left: 11%;
  width: 260px;
}
#report .report-row .filterbox:nth-child(1) label {
  width: 120px;
}
#report .report-row .filterbox:nth-child(1) label {
  width: 128px;
}
.reportrowtitle {
  padding: 2px 7px;
}
#report .multiselect {
  padding: 0px 4px;
}
.tableroomspace-content {
  width: 100%;
}
.table-responsive {
  max-height: none;
}
.exportreport {
  margin-right: 53%;
}
.exportreport .radiocol .radio:nth-child(3) {
  width: 102px;
}
#main-menu > li.list-registration {
  width: max-content;
}
#report .datepicker table tr td.range, #report.datepicker table tr td.disabled.range {
  background: #fff !important;
}
#report .comparedatepicker table tr td.range, #report.comparedatepicker table tr td.disabled.range {
  background: #fff !important;
}
#report .input-group-addon {
  padding: 0px 0px;
}
.form-group.importdate input[type="text"] {
  background: #fff url(../images/icon-calendar.png) no-repeat 1px 0;
  padding-left: 30px !important;
  padding: 0 4px 0 10px;
  width: 175px;
  cursor: pointer;
}
.timeselect p {
  font-stretch: condensed;
}
#report .daterangepopup .impactevent {
  width: auto;
}
.impactsingleselect {
  width: auto !important;
  padding: 0 0px !important;
}
#report .row2 #typeDuration {
  width: 70px;
  float: left;
  display: none;
  margin-left: 90px;
}
#report .row2 .defaultviewsection .reportrowtitle {
  width: 133px;
}
.report-row .radio label input[type="radio"] {
  display: block;
  margin-left: 0px;
  margin-top: 6px;
}
#report .impactevent .multiselect-native-select {
  width: 65px;
  float: right;
}
#report .impactevent .multiselect-native-select .btn-group {
  width: 170px;
}
#report .impactevent .multiselect-native-select ul {
  width: 170px;
}
#report .yearselect .multiselect-native-select {
  float: left;
}
#report .yearselect .multiselect-native-select .btn-group {
  width: 80px;
}
#report .yearselect .multiselect-native-select .btn-group ul {
  top: 26px;
  width: 80px;
}
#report #selectedRangeSpan {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 225px;
  display: inline-block;
}
#report .multiselect-container li label {
  overflow: hidden;
  text-overflow: ellipsis;
}
#report .impactevent .multiselect-native-select .btn-group .multiselect-selected-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#report .defaultStartDropDownDiv .multiselect-native-select {
  float: left;
}
#report .defaultStartDropDownDiv .multiselect-native-select ul {
  width: 154px;
}
#report .yearselect .multiselect-container li.active label {
  background: url(../images/icon-tick.png) no-repeat 60px center !important;
}
#report .prior .multiselect-container li.active label {
  background: url(../images/icon-tick.png) no-repeat 135px center !important;
}
#report .filterselect1 + .btn-group.open .multiselect-container li.active label {
  background: url(../images/icon-tick.png) no-repeat 135px center !important;
}
#report .filterselect1 + .btn-group.open .multiselect-container > li > a.multiselect-all label, #report .filterselect3 + .btn-group.open .multiselect-container > li > a.multiselect-all label, #report .filterselect4 + .btn-group.open .multiselect-container > li > a.multiselect-all label, #report .filterselect5 + .btn-group.open .multiselect-container > li > a.multiselect-all label {
  font-weight: 700;
}
#report .filterselect5 + .btn-group.open .multiselect-container li.active label {
  background: url(../images/icon-tick.png) no-repeat 140px center !important;
}
#report .example-multiple-optgroups-classes + .btn-group.open .multiselect-container li label {
  margin-right: 0px;
}
#report .example-multiple-optgroups-classes + .btn-group.open .multiselect-container li.active label {
  background: url(../images/icon-tick.png) no-repeat 135px center !important;
}
#report .example-multiple-optgroups-classes + .btn-group.open .multiselect-container > .active > a {
  background: none;
}
#report .report-title h2 {
  width: 20%;
  float: left;
}
#report .report-title .noChangesAlert {
  width: 45%;
  float: right;
  height: 29px;
}
#report #sub-totals .dropdownFilterLabel, #report #pms-segments .dropdownFilterLabel {
  background: -webkit-linear-gradient(top, #ebebeb 0%, #d1d1d1 100%) !important;
  background: linear-gradient(to bottom, #ebebeb 0%, #d1d1d1 100%) !important;
  padding-left: 5px;
}
#report #pms-segments .dropdownFilterLabel {
  width: 120px;
}
#report #sub-totals, #report #pms-segments {
  margin-left: 10%;
  background: none !important;
}
#report .btn-rp-save {
  background: url(../images/icon-save.png) no-repeat 0 -1px;
  -webkit-background-size: 26px auto;
  background-size: 26px auto;
  padding: 0;
  margin: 0;
  cursor: pointer;
  display: block;
  float: left;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 15px;
  font-weight: 400;
  text-align: left;
  position: relative;
  overflow: hidden;
  height: 26px;
  line-height: 26px;
  color: #131111;
  padding-left: 36px;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border: none;
  width: 200px;
  border-radius: 0px;
}
#report .right-button-area {
  float: right;
  padding-right: 10px;
  width: 262px;
  padding-top: 1px;
}
#report .prior .multiselect-native-select {
  float: left;
}
#report .comparerangepopup .multiselect-container li {
  width: 150px;
}
.table.marsGrid tr td.negativeData {
  color: red !important;
}
.table.marsGrid tr td.positiveData {
  color: black !important;
}
#report .row4 .multiselect-native-select {
  margin-left: 16px;
}
.roomspace-content2 .table.table-roomspace tr .fixscrollcell div, .roomspace-content2 .table.table-roomspace tr .fixscrollcell2 div, .roomspace-content2 .table.table-roomspace tr .fixscrollcelltotal div {
  z-index: 0;
}
.roomspace-content2 .QUARTERLY .table.table-roomspace.table-roomspace thead tr {
  height: 38px;
}
.roomspace-content2 .MONTHLY .table.table-roomspace.table-roomspace thead tr {
  height: 38px;
}
.roomspace-content2 .YEARLY .table.table-roomspace.table-roomspace thead tr {
  height: 38px;
}
.table.table-roomspace tr td {
  font-size: 14px;
}
/*
 =========================================================================================
 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: #fef9e7 !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: #fff !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 .fiscalpopup2 {
  left: inherit;
}
.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/icon-enter.png) no-repeat center center;
  -webkit-background-size: 28px auto;
  background-size: 28px auto;
  border-radius: 2px;
  width: 28px;
  height: 28px;
}
/*
 =========================================================================================
 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 {
  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%;
}
.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 {
  margin-left: 7px;
}
.parentContainer {
  overflow-y: auto;
  overflow-x: hidden;
  width: 1267px !important;
}
.property-parent-container {
  width: 1425px !important;
}
.message-placement {
  margin-left: 50px !important;
}
/*
 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: #fff !important;
}
.roomsforecast-content {
  max-width: 1900px;
  overflow: auto;
  height: 845px;
}
.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: 1220px;
  }
  .fiscalboxcol, .fiscalboxcol:first-child {
    width: 170px;
  }
  .fiscaldaterangewrap2 .fiscalboxcol {
    width: 199px;
  }
  .roomsforecast-content {
    padding: 4px 20px;
  }
}
@media (min-width: 1280px) {
  .fiscal-section {
    width: 1220px;
  }
  .fiscalboxcol, .fiscalboxcol:first-child {
    width: 170px;
  }
  .fiscaldaterangewrap2 .fiscalboxcol {
    width: 200px;
  }
  .roomsforecast-content {
    padding: 4px 20px;
  }
}
@media (min-width: 1440px) {
  .fiscal-section {
    width: 1380px;
  }
  .fiscalboxcol, .fiscalboxcol:first-child {
    width: 193px;
  }
  .fiscaldaterangewrap2 .fiscalboxcol {
    width: 225px;
  }
  .roomsforecast-content {
    padding: 4px 15px;
  }
}
@media (min-width: 1680px) {
  .fiscal-section {
    width: 1853px;
    padding-right: 15px;
  }
  .fiscalboxcol, .fiscalboxcol:first-child {
    width: 259px;
  }
  .fiscaldaterangewrap2 .fiscalboxcol {
    width: 302px;
  }
  .roomsforecast-content {
    max-width: 1900px;
    overflow: auto;
    height: 845px;
  }
}
.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;
}
/*
 ===============================================================================
 //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
 ============================================================================================
 */
.admin-access.basepopup {
  position: fixed;
}
.right-top-alert {
  z-index: 2000;
  position: fixed;
  float: left;
  right: 20%;
  left: unset;
  width: auto;
  top: 101px;
}
.modal-body p {
  word-wrap: break-word;
  -ms-word-wrap: break-word;
}
.modal-content {
  height: auto;
}
.transparent-layer {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
}
.hide-class {
  display: none;
}
.no-categories-edit input, .tab-content-area input[type=text] {
  background-color: #fef9e7 !important;
}
.pswd-rules {
  margin-top: 5px;
}
.pswd-rules ul {
  list-style-type: inherit;
  text-align: left;
  font-size: 12px;
}
.save-edit-button {
  margin-left: 5px !important;
}
.useraccess-area .table-responsive {
  padding-bottom: unset;
}
.table.table-useraccess > tbody > tr > td {
  vertical-align: middle;
  border: 1px solid #8f91a2;
  padding: 0px 10px;
  text-align: left;
}
.table.table-useraccess > tbody > tr > td.no-padding {
  padding: unset;
}
.table.table-useraccess {
  border-collapse: separate;
  border-spacing: 1px;
}
.table.table-useraccess > tbody > tr > td.no-border {
  border: unset;
}
.shorten-text {
  overflow: hidden;
  white-space: nowrap !important;
  text-overflow: ellipsis;
}
.table.table-useraccess > tbody > tr > td.editing {
  border: unset;
  padding: unset;
}
.eventMappedFromMgmtCompany {
  background-color: #ccecff !important;
}
@media screen\0 {
  .admin-access.basepopup {
    position: fixed;
    left: 34%;
  }
  .table.table-useraccess > tbody > tr > td {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 10px;
  }
  .table.table-useraccess > tbody > tr > td.no-border {
    border: 0px;
  }
  .table.table-useraccess > tbody > tr > td.no-padding {
    padding: 0px;
  }
  .table.table-useraccess > tbody > tr > td.editing {
    border: 0px;
    padding: 0px;
  }
}
.table.table-useraccess > tbody > tr > td.col-username {
  min-width: 150px;
  width: 150px;
}
@media (max-width: 1200px) {
  .table.table-useraccess > tbody > tr > td.name-cell {
    max-width: 150px;
  }
  .table.table-useraccess > tbody > tr > td.col-username {
    max-width: 150px;
  }
}
@media (min-width: 1201px) {
  .table.table-useraccess > tbody > tr > td.name-cell {
    max-width: 160px;
  }
  .table.table-useraccess > tbody > tr > td.col-username {
    max-width: 160px;
  }
}
@media (min-width: 1440px) {
  .table.table-useraccess > tbody > tr > td.name-cell {
    max-width: 250px;
  }
  .table.table-useraccess > tbody > tr > td.col-username {
    max-width: 200px;
  }
}
@media (min-width: 1680px) {
  .table.table-useraccess > tbody > tr > td.name-cell {
    max-width: 350px;
  }
  .table.table-useraccess > tbody > tr > td.col-username {
    max-width: 200px;
  }
}
/*
 ============================================================
 Navigation bar
 ============================================================
 */
.nav-justified > li {
  float: left;
}
#main-menu li.bread-crumb {
  min-width: 250px;
}
.adjust-margin {
  margin: 0px auto;
  max-width: 90%;
}
.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 {
  background-color: #fef9e7 !important;
}
/*
 ============================================================
 Header Bar Display Name Styles
 ============================================================
 */
.displayname {
  max-width: 200px;
}