body * {
  box-sizing: border-box;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; }
  body * .pms-error-tooltip {
    width: 200px;
    display: block !important;
    border: 0px;
    background: transparent;
    transition: initial; }
    body * .pms-error-tooltip .tooltip-inner {
      display: block !important;
      min-width: 200px; }

input:focus, *:focus {
  outline: none !important;
  box-shadow: none !important; }

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

textarea {
  width: 100%;
  padding: 10px;
  border: none;
  border-radius: 10px; }

.edit-box textarea {
  width: 100%;
  padding: 10px;
  resize: vertical;
  border: none;
  border-radius: 10px; }

table.text-center th {
  text-align: center; }

.text-success {
  color: #96ca5b; }

.text-fail {
  color: #ca595a; }

#autocompleteBar > div {
  position: relative; }

#autocompleteBar > div:after {
  content: "\f0d7";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  right: 10px;
  top: 20px;
  z-index: -1; }

#autocompleteBar > div > div::-webkit-scrollbar {
  display: none; }

.cursor-pointer {
  margin: auto 5px;
  cursor: pointer; }

.btn-offer {
  display: inline-block;
  text-align: center;
  color: white;
  -webkit-box-shadow: rgba(24, 24, 25, 0.4) 0 0 3px 0;
  box-shadow: rgba(24, 24, 25, 0.4) 0 0 3px 0;
  font-weight: bolder; }

.PopupWindow .btn-offer {
  margin-left: 10px; }

.btn-offer-view {
  color: white;
  border: 1px solid #2797b0;
  background-color: #53b8d2; }

.btn-offer-view:hover {
  color: white;
  background-color: #078aac; }

.btn-offer-success {
  color: white;
  border: 1px solid #86be46;
  background-color: #92c559; }

.btn-offer-success:hover {
  color: white;
  background-color: #6bc20b; }

.btn-offer-fail {
  color: white;
  border: 1px solid #b34646;
  background-color: #cb5a5a; }

.btn-offer-fail:hover {
  color: white;
  background-color: #c90a0a; }

.btn-offer-orange {
  color: white;
  border: 1px solid #fcb02b;
  background-color: #fdab29; }

.btn-offer-lg {
  width: 207px;
  height: 61px;
  line-height: 61px; }

.btn-offer-orange:hover,
.btn-offer-orange-lg:hover {
  color: white;
  background-color: #ed9100; }

.btn-blue {
  border: 1px solid #2c94b0;
  background-color: #3A87B4; }

.relative {
  position: relative !important; }

.hidden {
  display: none !important; }

#efdu {
  position: fixed;
  overflow: auto;
  padding-top: 130px;
  width: 100%;
  height: 100%; }

.modal-backdrop {
  opacity: 0.5 !important; }

.fade {
  background-color: rgba(0, 0, 0, 0.4);
  color: black;
  z-index: 9999; }

.clearfix {
  clear: both; }

.btstrp-modal-loader .modal-dialog {
  position: absolute;
  top: 40%;
  left: 45%; }

.btstrp-modal-loader .modal-content {
  border: 0;
  background: 0;
  border-radius: 0;
  box-shadow: none; }
  .btstrp-modal-loader .modal-content img {
    width: 50px; }

.modal-message-sec .modal-message-close {
  position: absolute;
  right: 8px;
  cursor: pointer; }

.modal-message-sec .message-success {
  color: rgba(52, 146, 4, 0.96);
  font-size: 18px;
  text-align: center;
  font-weight: 600; }

.modal-message-sec .message-error {
  color: #EC1616;
  font-size: 18px;
  text-align: center;
  font-weight: 600; }

.offer-action-modal .modal-dialog {
  margin: 100px auto; }

.offer-action-modal .upgrade-room-icon {
  text-align: center;
  font-size: 50px;
  color: #A6A3A0;
  position: relative;
  height: 45px;
  font-weight: 400; }

.offer-action-modal .modal-content {
  width: 450px;
  height: 250px;
  background-color: #f2f2f2;
  border: 4px solid #fff; }

.offer-action-modal .modal-message-close {
  font-size: 14px;
  color: #3A3939;
  height: 42px; }

.offer-action-modal .upgrade-icon-bg {
  display: inline-block;
  width: 95px;
  background-color: #76C021;
  height: 87px;
  font-size: 60px;
  position: absolute;
  color: #ffffff;
  border: 4px solid #fff;
  border-radius: 4px;
  bottom: 0px;
  box-shadow: 0px 1px 5px 1px rgba(107, 105, 105, 0.51);
  left: 40%; }

.offer-action-modal .upgrade-icon-ban {
  position: absolute;
  font-size: 60px;
  color: #ffffff;
  right: 214px;
  background-color: #CA5A59;
  width: 94px;
  bottom: 0px;
  height: 87px;
  border: 4px solid #fff;
  box-shadow: 0px 1px 5px 1px rgba(107, 105, 105, 0.51);
  left: 40%;
  border-radius: 4px; }

.offer-action-modal .upgrade-icon-alert {
  position: absolute;
  font-size: 60px;
  width: 94px;
  bottom: 0px;
  height: 87px;
  border: 4px solid #fff;
  box-shadow: 0px 1px 5px 1px rgba(107, 105, 105, 0.51);
  background-color: #F5C228;
  left: 175px; }
  .offer-action-modal .upgrade-icon-alert img {
    width: 70px;
    margin-bottom: 16px; }

.offer-action-modal .message-success {
  color: #76C021;
  height: 60px;
  font-size: 26px;
  font-weight: 400; }

.offer-action-modal .message-error {
  height: 60px;
  font-size: 26px;
  font-weight: 400; }

.offer-action-modal .upgradeInfo {
  color: #9d9d9d;
  font-size: 20px;
  text-align: center;
  font-weight: 300;
  margin: 10px 0px; }
  .offer-action-modal .upgradeInfo strong {
    color: #333333; }

/*------------------
	Common styles
-------------------*/
.no_data_error_msg {
  text-align: center;
  padding: 10px;
  color: #ea1515;
  font-size: 20px; }

/*-------------------
	invoice print
-------------------*/
@media print {
  .container-fluid {
    position: absolute !important;
    overflow: initial !important; } }

/*------------------
	page content
-------------------*/
#content-container {
  position: relative;
  margin-top: 20px; }

.container {
  max-width: 1024px;
  margin: 0 auto 30px;
  padding: 0;
  background: white;
  box-shadow: rgba(24, 24, 25, 0.4) 0 0 3px 0;
  /*------------------
		Printable form
	-------------------*/ }
  .container #arrival-list {
    /* End .arrival-table-container */ }
    .container #arrival-list #arrival-list-header {
      margin: 20px; }
      .container #arrival-list #arrival-list-header .add-reservation-btn {
        background-color: #1A73A7;
        color: #fff;
        border: 0;
        width: 9em;
        height: 34px;
        font-size: 1em;
        border-radius: 4px; }
    .container #arrival-list .arrival-table-container {
      color: #6f6f6f;
      font-size: 14px; }
    .container #arrival-list .header-title .cursor-pointer {
      text-align: left;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      color: #333333;
      font-size: 1.3em;
      font-weight: 500;
      line-height: 2em; }
    .container #arrival-list #arrival-list-search input {
      padding-right: 5%;
      padding-left: 5%;
      color: #999999;
      border: 1px solid #c3c3c3;
      border-radius: 50px;
      background: #ffffff;
      font-size: 13.5px;
      font-weight: normal; }
      .container #arrival-list #arrival-list-search input[type=text]:focus {
        background-image: none; }
      .container #arrival-list #arrival-list-search input[type=text]::-ms-clear {
        display: none; }
    .container #arrival-list #arrival-list-search span {
      position: absolute;
      top: 8px;
      right: 30px;
      color: gray; }
    .container #arrival-list .arrival-table-container table {
      width: 100%; }
      .container #arrival-list .arrival-table-container table thead {
        background-color: #FBFBFB; }
        .container #arrival-list .arrival-table-container table thead td {
          padding: 8px 2px;
          border-top: 2px solid #E6E6E6;
          border-bottom: 2px solid #E6E6E6;
          font-weight: bolder;
          font-size: 1em;
          color: #0B0B0B; }
      .container #arrival-list .arrival-table-container table tbody tr {
        position: relative; }
      .container #arrival-list .arrival-table-container table tbody tr:nth-child(odd) {
        border-top: 1px solid #E6E6E6;
        border-bottom: 1px solid #E6E6E6;
        background-color: #F4F9FA; }
      .container #arrival-list .arrival-table-container table tbody td {
        position: relative;
        padding: 10px 2px;
        font-size: 0.9em;
        color: #676768; }
        .container #arrival-list .arrival-table-container table tbody td .tooltip {
          border: none;
          min-width: 100px;
          width: auto;
          max-width: 200px; }
          .container #arrival-list .arrival-table-container table tbody td .tooltip .tooltip-inner {
            text-align: left; }
        .container #arrival-list .arrival-table-container table tbody td .tooltip.right {
          top: 7%;
          margin-left: 145px; }
        .container #arrival-list .arrival-table-container table tbody td .tooltip.bottom {
          top: 25px;
          left: auto; }
        .container #arrival-list .arrival-table-container table tbody td .shared_name .fa-circle {
          font-size: 0.5em;
          color: #333; }
        .container #arrival-list .arrival-table-container table tbody td .shared_name span {
          padding-left: 0.5em;
          color: #676768; }
        .container #arrival-list .arrival-table-container table tbody td .shared_reservationID span {
          color: #676768; }
      .container #arrival-list .arrival-table-container table tbody td.extract-flag {
        position: absolute;
        text-align: left;
        left: 0;
        display: inline-block;
        margin: 0;
        padding-top: 18px;
        padding-left: 5px;
        font-size: 0.5em; }
      .container #arrival-list .arrival-table-container table tbody span {
        color: #999999; }
      .container #arrival-list .arrival-table-container table tbody .view_offer {
        width: 90%;
        padding: 5px 2px;
        font-size: 0.9em;
        border-radius: 2px;
        box-shadow: 0 0 3px  #8E8E8E; }
        .container #arrival-list .arrival-table-container table tbody .view_offer.btn-offer-success {
          background-color: #5DBD64;
          border: 1px solid #76A71B; }
        .container #arrival-list .arrival-table-container table tbody .view_offer.btn-offer-orange {
          background-color: #E9A845;
          border: 1px solid #EBA124; }
        .container #arrival-list .arrival-table-container table tbody .view_offer.btn-offer-view {
          background-color: #2B72A8;
          border: 1px solid #246AA0; }
        .container #arrival-list .arrival-table-container table tbody .view_offer.btn-offer-fail {
          background-color: #DA4F51;
          border: 1px solid #CD4346; }
  .container #exclusions, .container #goal-settings {
    width: 100%; }
    .container #exclusions .fleft, .container #goal-settings .fleft {
      float: left; }
    .container #exclusions .fright, .container #goal-settings .fright {
      float: right; }
    .container #exclusions .clearfix, .container #goal-settings .clearfix {
      clear: both; }
    .container #exclusions #ExclusionsHeader, .container #goal-settings #ExclusionsHeader {
      height: 60px;
      background: #f0f0f0;
      padding: 10px;
      font-size: 16px; }
      .container #exclusions #ExclusionsHeader .fleft, .container #goal-settings #ExclusionsHeader .fleft {
        padding: 10px; }
      .container #exclusions #ExclusionsHeader button, .container #goal-settings #ExclusionsHeader button {
        border: 0;
        border-radius: 0;
        box-shadow: 1px 1px 2px #878787;
        height: 36px;
        background-color: #4AAFD9; }
        .container #exclusions #ExclusionsHeader button span, .container #goal-settings #ExclusionsHeader button span {
          padding-left: 5px; }
    .container #exclusions #exclusions-rule-sec, .container #goal-settings #exclusions-rule-sec {
      height: 215px;
      margin: 10px;
      padding: 10px;
      position: relative; }
      .container #exclusions #exclusions-rule-sec .close-current-icon, .container #goal-settings #exclusions-rule-sec .close-current-icon {
        position: absolute;
        right: 20px;
        top: 0px;
        font-size: 15px;
        cursor: pointer; }
      .container #exclusions #exclusions-rule-sec .exclusions-rule-select, .container #goal-settings #exclusions-rule-sec .exclusions-rule-select {
        display: inline-block;
        position: relative;
        float: left; }
        .container #exclusions #exclusions-rule-sec .exclusions-rule-select select, .container #goal-settings #exclusions-rule-sec .exclusions-rule-select select {
          width: 250px;
          margin: 10px 20px;
          height: 40px;
          padding-left: 10px;
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          border-radius: 5px;
          -webkit-box-shadow: 0 0px 0 #ccc, 0 -1px #fff inset;
          -moz-box-shadow: 0 0px 0 #ccc, 0 -1px #fff inset;
          box-shadow: 0 0px 0 #ccc, 0 -1px #fff inset;
          color: #777;
          background-color: #ffffff;
          border: 2px solid #C9C9C9;
          outline: none;
          display: inline-block;
          -webkit-appearance: none;
          -moz-appearance: none;
          appearance: none;
          cursor: pointer; }
        .container #exclusions #exclusions-rule-sec .exclusions-rule-select [hidden], .container #goal-settings #exclusions-rule-sec .exclusions-rule-select [hidden] {
          display: none; }
        .container #exclusions #exclusions-rule-sec .exclusions-rule-select span, .container #goal-settings #exclusions-rule-sec .exclusions-rule-select span {
          position: absolute;
          top: 16px;
          right: 26px;
          color: #707070;
          font-size: 18px;
          pointer-events: none; }
        .container #exclusions #exclusions-rule-sec .exclusions-rule-select option, .container #goal-settings #exclusions-rule-sec .exclusions-rule-select option {
          width: 100%;
          padding: 10px;
          color: #A5A5A5;
          -webkit-appearance: initial;
          background-color: #ffffff; }
      .container #exclusions #exclusions-rule-sec .exclusions-rule-date, .container #goal-settings #exclusions-rule-sec .exclusions-rule-date {
        position: relative;
        display: inline-block;
        margin-top: 10px; }
        .container #exclusions #exclusions-rule-sec .exclusions-rule-date span, .container #goal-settings #exclusions-rule-sec .exclusions-rule-date span {
          position: absolute;
          top: 6px;
          right: 26px; }
        .container #exclusions #exclusions-rule-sec .exclusions-rule-date .input-calendar-icon, .container #goal-settings #exclusions-rule-sec .exclusions-rule-date .input-calendar-icon {
          top: 32px;
          pointer-events: none; }
        .container #exclusions #exclusions-rule-sec .exclusions-rule-date .DayPicker, .container #goal-settings #exclusions-rule-sec .exclusions-rule-date .DayPicker {
          position: absolute;
          width: 250px;
          left: 21px;
          top: 60px; }
        .container #exclusions #exclusions-rule-sec .exclusions-rule-date .DayPicker-Weekday, .container #goal-settings #exclusions-rule-sec .exclusions-rule-date .DayPicker-Weekday {
          display: table-cell;
          padding: 15px 0px 0px 0px;
          font-size: .875em;
          text-align: center;
          color: #8b9898; }
        .container #exclusions #exclusions-rule-sec .exclusions-rule-date .DayPicker-Month, .container #goal-settings #exclusions-rule-sec .exclusions-rule-date .DayPicker-Month {
          display: table;
          border-collapse: collapse;
          border-spacing: 0;
          user-select: none;
          margin: 0 2rem; }
        .container #exclusions #exclusions-rule-sec .exclusions-rule-date p, .container #goal-settings #exclusions-rule-sec .exclusions-rule-date p {
          font-size: 12px;
          font-weight: 500;
          color: #777777;
          margin: 0px; }
      .container #exclusions #exclusions-rule-sec .exclusions-rule-input, .container #goal-settings #exclusions-rule-sec .exclusions-rule-input {
        position: relative;
        display: inline-block;
        float: left;
        margin-left: 10px;
        margin-top: 8px; }
        .container #exclusions #exclusions-rule-sec .exclusions-rule-input .text-msg, .container #goal-settings #exclusions-rule-sec .exclusions-rule-input .text-msg {
          position: absolute;
          right: 95px;
          top: 60px;
          font-size: 12px;
          font-weight: 500;
          color: #777777; }
      .container #exclusions #exclusions-rule-sec input, .container #goal-settings #exclusions-rule-sec input {
        width: 250px;
        border: 2px solid #c9c9c9;
        height: 40px;
        margin: 5px 20px;
        padding: 10px;
        border-radius: 4px;
        color: #777;
        background-image: none; }
        .container #exclusions #exclusions-rule-sec input[type=text]:focus, .container #goal-settings #exclusions-rule-sec input[type=text]:focus {
          background-image: none; }
        .container #exclusions #exclusions-rule-sec input[type=text]::-ms-clear, .container #goal-settings #exclusions-rule-sec input[type=text]::-ms-clear {
          display: none; }
      .container #exclusions #exclusions-rule-sec .react-tagsinput, .container #goal-settings #exclusions-rule-sec .react-tagsinput {
        background-color: #fff;
        border: 1px solid #ccc;
        width: 350px;
        height: 42px;
        display: inline-block;
        border: 2px solid #C9C9C9;
        border-radius: 4px;
        text-align: left;
        padding-left: 5px;
        overflow: hidden;
        white-space: nowrap;
        height: 58px;
        overflow-x: scroll; }
        .container #exclusions #exclusions-rule-sec .react-tagsinput input, .container #goal-settings #exclusions-rule-sec .react-tagsinput input {
          margin: 0px 5px; }
      .container #exclusions #exclusions-rule-sec .react-tagsinput-tag, .container #goal-settings #exclusions-rule-sec .react-tagsinput-tag {
        background-color: #e6e6e6;
        border-radius: 2px;
        border: 1px solid #eeeeee;
        color: #999999;
        display: inline-block;
        font-family: sans-serif;
        font-size: 13px;
        font-weight: 400;
        margin-bottom: 5px;
        margin-right: 5px;
        padding: 5px; }
      .container #exclusions #exclusions-rule-sec .react-tagsinput-input, .container #goal-settings #exclusions-rule-sec .react-tagsinput-input {
        background: transparent;
        border: 0;
        color: #777;
        font-family: sans-serif;
        font-size: 13px;
        font-weight: 400;
        margin-bottom: 6px;
        margin-top: 1px;
        outline: none;
        padding: 5px;
        width: 80px; }
        .container #exclusions #exclusions-rule-sec .react-tagsinput-input:focus::-webkit-input-placeholder, .container #goal-settings #exclusions-rule-sec .react-tagsinput-input:focus::-webkit-input-placeholder {
          opacity: 0; }
        .container #exclusions #exclusions-rule-sec .react-tagsinput-input:focus::-moz-placeholder, .container #goal-settings #exclusions-rule-sec .react-tagsinput-input:focus::-moz-placeholder {
          opacity: 0; }
        .container #exclusions #exclusions-rule-sec .react-tagsinput-input:focus::-ms-input-placeholder, .container #goal-settings #exclusions-rule-sec .react-tagsinput-input:focus::-ms-input-placeholder {
          opacity: 0; }
        .container #exclusions #exclusions-rule-sec .react-tagsinput-input:input-focus:-ms-input-placeholder, .container #goal-settings #exclusions-rule-sec .react-tagsinput-input:input-focus:-ms-input-placeholder {
          opacity: 0; }
      .container #exclusions #exclusions-rule-sec .react-tagsinput-remove, .container #goal-settings #exclusions-rule-sec .react-tagsinput-remove {
        cursor: pointer;
        font-weight: bold;
        text-decoration: none; }
      .container #exclusions #exclusions-rule-sec .react-tagsinput-tag a::before, .container #goal-settings #exclusions-rule-sec .react-tagsinput-tag a::before {
        content: " x";
        color: #656464; }
      .container #exclusions #exclusions-rule-sec div, .container #goal-settings #exclusions-rule-sec div {
        text-align: center; }
        .container #exclusions #exclusions-rule-sec div button, .container #goal-settings #exclusions-rule-sec div button {
          margin: 10px;
          width: 120px; }
    .container #exclusions #exclusions-list-sec, .container #goal-settings #exclusions-list-sec {
      margin: 10px 10px 20px 10px;
      background-color: #f0f0f0;
      min-height: 288px;
      font-weight: 300;
      padding: 10px; }
      .container #exclusions #exclusions-list-sec .exclusion-sort, .container #goal-settings #exclusions-list-sec .exclusion-sort {
        height: 65px;
        margin: 10px; }
        .container #exclusions #exclusions-list-sec .exclusion-sort .exclusion-sort-select, .container #goal-settings #exclusions-list-sec .exclusion-sort .exclusion-sort-select {
          display: inline-block;
          position: relative; }
          .container #exclusions #exclusions-list-sec .exclusion-sort .exclusion-sort-select select, .container #goal-settings #exclusions-list-sec .exclusion-sort .exclusion-sort-select select {
            margin: 10px 20px;
            height: 40px;
            padding-left: 10px;
            border-radius: 5px;
            color: #777;
            background-color: #ffffff;
            border: 2px solid #C9C9C9;
            outline: none;
            display: inline-block;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            cursor: pointer; }
          .container #exclusions #exclusions-list-sec .exclusion-sort .exclusion-sort-select span, .container #goal-settings #exclusions-list-sec .exclusion-sort .exclusion-sort-select span {
            position: absolute;
            top: 16px;
            right: 26px;
            font-size: 18px;
            color: #707070;
            pointer-events: none; }
        .container #exclusions #exclusions-list-sec .exclusion-sort select, .container #goal-settings #exclusions-list-sec .exclusion-sort select {
          width: 200px;
          -webkit-appearance: initial;
          margin: 10px 20px;
          height: 40px;
          padding-left: 10px;
          color: #777;
          background-color: #ffffff;
          border: 2px solid #C9C9C9; }
        .container #exclusions #exclusions-list-sec .exclusion-sort option, .container #goal-settings #exclusions-list-sec .exclusion-sort option {
          width: 100%;
          padding: 10px;
          color: #9D9D9D;
          -webkit-appearance: initial;
          background-color: #ffffff; }
        .container #exclusions #exclusions-list-sec .exclusion-sort [hidden], .container #goal-settings #exclusions-list-sec .exclusion-sort [hidden] {
          display: none; }
        .container #exclusions #exclusions-list-sec .exclusion-sort .exclusions-rule-date, .container #goal-settings #exclusions-list-sec .exclusion-sort .exclusions-rule-date {
          position: relative;
          display: inline-block; }
          .container #exclusions #exclusions-list-sec .exclusion-sort .exclusions-rule-date input, .container #goal-settings #exclusions-list-sec .exclusion-sort .exclusions-rule-date input {
            width: 231px;
            border: 2px solid #c9c9c9;
            height: 40px;
            margin: 0px 20px;
            padding: 10px;
            cursor: pointer;
            border-radius: 4px;
            color: #c9c9c9; }
          .container #exclusions #exclusions-list-sec .exclusion-sort .exclusions-rule-date span, .container #goal-settings #exclusions-list-sec .exclusion-sort .exclusions-rule-date span {
            position: absolute;
            top: 0px;
            right: 30px; }
          .container #exclusions #exclusions-list-sec .exclusion-sort .exclusions-rule-date .input-calendar-icon, .container #goal-settings #exclusions-list-sec .exclusion-sort .exclusions-rule-date .input-calendar-icon {
            top: 20px;
            pointer-events: none; }
          .container #exclusions #exclusions-list-sec .exclusion-sort .exclusions-rule-date .DayPicker, .container #goal-settings #exclusions-list-sec .exclusion-sort .exclusions-rule-date .DayPicker {
            position: absolute;
            width: 232px;
            left: 20px;
            top: 49px; }
      .container #exclusions #exclusions-list-sec .single-exln-rule, .container #goal-settings #exclusions-list-sec .single-exln-rule {
        padding: 15px 10px 10px 10px;
        margin: 10px;
        background-color: #fff;
        border-radius: 4px;
        height: auto;
        word-wrap: break-word;
        color: rgba(101, 139, 155, 0.98);
        font-size: 14px; }
        .container #exclusions #exclusions-list-sec .single-exln-rule div, .container #goal-settings #exclusions-list-sec .single-exln-rule div {
          display: inline-block;
          width: 180px; }
        .container #exclusions #exclusions-list-sec .single-exln-rule .exlsn-rule-type, .container #exclusions #exclusions-list-sec .single-exln-rule .goal-settings-rule-value, .container #exclusions #exclusions-list-sec .single-exln-rule .goal-settings-rule-prct, .container #goal-settings #exclusions-list-sec .single-exln-rule .exlsn-rule-type, .container #goal-settings #exclusions-list-sec .single-exln-rule .goal-settings-rule-value, .container #goal-settings #exclusions-list-sec .single-exln-rule .goal-settings-rule-prct {
          font-weight: 600; }
        .container #exclusions #exclusions-list-sec .single-exln-rule .exlsn-value, .container #exclusions #exclusions-list-sec .single-exln-rule goal-settings-rule-prct, .container #goal-settings #exclusions-list-sec .single-exln-rule .exlsn-value, .container #goal-settings #exclusions-list-sec .single-exln-rule goal-settings-rule-prct {
          width: 250px; }
        .container #exclusions #exclusions-list-sec .single-exln-rule .exlsn-status, .container #goal-settings #exclusions-list-sec .single-exln-rule .exlsn-status {
          width: 150px; }
          .container #exclusions #exclusions-list-sec .single-exln-rule .exlsn-status span, .container #goal-settings #exclusions-list-sec .single-exln-rule .exlsn-status span {
            cursor: pointer; }
          .container #exclusions #exclusions-list-sec .single-exln-rule .exlsn-status img, .container #goal-settings #exclusions-list-sec .single-exln-rule .exlsn-status img {
            width: 100px; }
        .container #exclusions #exclusions-list-sec .single-exln-rule .exlsn-edit, .container #exclusions #exclusions-list-sec .single-exln-rule .goal-settings-edit, .container #goal-settings #exclusions-list-sec .single-exln-rule .exlsn-edit, .container #goal-settings #exclusions-list-sec .single-exln-rule .goal-settings-edit {
          width: 80px;
          color: #26A3D1;
          font-size: 20px; }
          .container #exclusions #exclusions-list-sec .single-exln-rule .exlsn-edit span, .container #exclusions #exclusions-list-sec .single-exln-rule .goal-settings-edit span, .container #goal-settings #exclusions-list-sec .single-exln-rule .exlsn-edit span, .container #goal-settings #exclusions-list-sec .single-exln-rule .goal-settings-edit span {
            cursor: pointer; }
        .container #exclusions #exclusions-list-sec .single-exln-rule .exlsn-delete, .container #exclusions #exclusions-list-sec .single-exln-rule .goal-settings-delete, .container #goal-settings #exclusions-list-sec .single-exln-rule .exlsn-delete, .container #goal-settings #exclusions-list-sec .single-exln-rule .goal-settings-delete {
          width: 80px;
          color: #E14C48;
          font-size: 20px; }
          .container #exclusions #exclusions-list-sec .single-exln-rule .exlsn-delete span, .container #exclusions #exclusions-list-sec .single-exln-rule .goal-settings-delete span, .container #goal-settings #exclusions-list-sec .single-exln-rule .exlsn-delete span, .container #goal-settings #exclusions-list-sec .single-exln-rule .goal-settings-delete span {
            cursor: pointer; }
          .container #exclusions #exclusions-list-sec .single-exln-rule .exlsn-delete .exlsn-status-deleted, .container #exclusions #exclusions-list-sec .single-exln-rule .goal-settings-delete .exlsn-status-deleted, .container #goal-settings #exclusions-list-sec .single-exln-rule .exlsn-delete .exlsn-status-deleted, .container #goal-settings #exclusions-list-sec .single-exln-rule .goal-settings-delete .exlsn-status-deleted {
            cursor: initial;
            color: #CBCACA; }
      .container #exclusions #exclusions-list-sec h2, .container #goal-settings #exclusions-list-sec h2 {
        margin: 20px;
        text-align: center; }
      .container #exclusions #exclusions-list-sec .scroll-down-option, .container #goal-settings #exclusions-list-sec .scroll-down-option {
        text-align: center;
        font-size: 18px;
        font-weight: 400;
        color: #9d9d9d; }
  .container #printable-form {
    display: inline-block;
    float: right;
    position: relative;
    right: 17px;
    top: 25px;
    width: 22px;
    height: 18px; }
    .container #printable-form span {
      display: inline-block;
      width: 100%;
      height: 100%; }
    .container #printable-form span.print-default {
      background: url("../images/Print_Disabled.png") no-repeat center;
      background-size: 20px 18px; }
    .container #printable-form span.print-hover {
      background: url("../images/Print_Enabled.png") no-repeat center;
      background-size: 20px 18px;
      cursor: pointer; }
    .container #printable-form #print-tooltip {
      width: 110px;
      height: 36px;
      border: none; }
      .container #printable-form #print-tooltip .tooltip-arrow {
        top: 41px; }
      .container #printable-form #print-tooltip .tooltip-inner {
        height: 36px;
        border-radius: 2px; }
  @media print {
    .container {
      position: absolute;
      width: 100% !important;
      margin: -120px 0 0 0px !important;
      padding: 0px !important; }
      .container .sup-rate-cnf-form {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact; }
        .container .sup-rate-cnf-form .sup-rate-cnf-form-header {
          position: relative;
          width: 100%;
          padding: 0 0 30px 0;
          margin: 0; }
          .container .sup-rate-cnf-form .sup-rate-cnf-form-header .chain-brand .chain-brand-logo {
            display: inline-block;
            position: relative;
            left: 50%;
            transform: translateX(-50%); }
          .container .sup-rate-cnf-form .sup-rate-cnf-form-header h3 {
            color: #000000 !important;
            font-size: 20px;
            text-align: center;
            border-top: 1px solid #ddd;
            padding-top: 30px;
            margin-top: 15px !important; }
          .container .sup-rate-cnf-form .sup-rate-cnf-form-header .property-name {
            font-size: 14px;
            text-align: right;
            display: inline-block;
            position: absolute;
            right: 5%;
            margin-top: 20px;
            font-weight: bold; }
          .container .sup-rate-cnf-form .sup-rate-cnf-form-header .form-printed-date {
            position: absolute;
            top: 200px;
            right: 5%;
            display: inline-block;
            width: auto;
            color: #000;
            font-size: 11px;
            font-weight: bold; }
            .container .sup-rate-cnf-form .sup-rate-cnf-form-header .form-printed-date span.date-prefix {
              font-size: 11px;
              font-weight: bold;
              color: #797979 !important; }
        .container .sup-rate-cnf-form .sup-rate-cnf-form-content > div table {
          position: relative;
          width: 98%;
          left: 50%;
          transform: translateX(-50%);
          border: 1px solid #dddddd;
          margin-top: 20px; }
          .container .sup-rate-cnf-form .sup-rate-cnf-form-content > div table thead {
            background-color: #dddddd !important; }
            .container .sup-rate-cnf-form .sup-rate-cnf-form-content > div table thead tr {
              height: 40px; }
              .container .sup-rate-cnf-form .sup-rate-cnf-form-content > div table thead tr th {
                padding: 5px;
                color: #797979 !important;
                font-size: 11px; }
          .container .sup-rate-cnf-form .sup-rate-cnf-form-content > div table tbody tr {
            border-bottom: 1px solid #ddd;
            height: 50px; }
            .container .sup-rate-cnf-form .sup-rate-cnf-form-content > div table tbody tr th {
              padding: 5px; }
            .container .sup-rate-cnf-form .sup-rate-cnf-form-content > div table tbody tr td {
              padding: 5px; }
        .container .sup-rate-cnf-form .sup-rate-cnf-form-content .guest-details > div, .container .sup-rate-cnf-form .sup-rate-cnf-form-content .upgrade-details > div {
          position: relative;
          font-weight: bold;
          font-size: 15px;
          color: #333333;
          border-bottom: 1px solid #ddd;
          padding-bottom: 10px;
          padding-left: 20px;
          padding-top: 40px; }
          .container .sup-rate-cnf-form .sup-rate-cnf-form-content .guest-details > div span, .container .sup-rate-cnf-form .sup-rate-cnf-form-content .upgrade-details > div span {
            position: absolute;
            display: inline-block;
            top: 40px;
            right: 50px;
            font-size: 12px;
            font-weight: 200;
            color: #797979 !important; }
        .container .sup-rate-cnf-form .sup-rate-cnf-form-content .guest-signature-section .summary {
          position: relative;
          font-weight: bold;
          font-size: 15px;
          color: #000000;
          border-top: 1px solid #dddddd;
          margin-top: 30px;
          padding-top: 20px; }
          .container .sup-rate-cnf-form .sup-rate-cnf-form-content .guest-signature-section .summary span:nth-child(2) {
            display: inline-block;
            position: absolute;
            right: 40px; }
        .container .sup-rate-cnf-form .sup-rate-cnf-form-content .guest-signature-section .marks {
          position: relative;
          width: 100%; }
          .container .sup-rate-cnf-form .sup-rate-cnf-form-content .guest-signature-section .marks span {
            position: absolute;
            display: inline-block;
            right: 40px;
            font-size: 12px;
            font-weight: 200;
            color: #797979 !important; }
        .container .sup-rate-cnf-form .sup-rate-cnf-form-content .guest-signature-section div > .title {
          font-size: 13px;
          font-weight: bold;
          color: #333333; }
        .container .sup-rate-cnf-form .sup-rate-cnf-form-content .guest-signature-section .associate {
          padding-bottom: 50px;
          margin-top: 40px; }
          .container .sup-rate-cnf-form .sup-rate-cnf-form-content .guest-signature-section .associate > span:nth-child(2) {
            font-size: 15px;
            font-weight: bold;
            color: #000000; }
        .container .sup-rate-cnf-form .sup-rate-cnf-form-content .guest-signature-section .associate, .container .sup-rate-cnf-form .sup-rate-cnf-form-content .guest-signature-section .signature-section {
          position: relative; }
          .container .sup-rate-cnf-form .sup-rate-cnf-form-content .guest-signature-section .associate > span:nth-child(2), .container .sup-rate-cnf-form .sup-rate-cnf-form-content .guest-signature-section .associate input, .container .sup-rate-cnf-form .sup-rate-cnf-form-content .guest-signature-section .signature-section > span:nth-child(2), .container .sup-rate-cnf-form .sup-rate-cnf-form-content .guest-signature-section .signature-section input {
            display: inline-block;
            position: absolute;
            left: 150px; }
        .container .sup-rate-cnf-form .sup-rate-cnf-form-content .guest-signature-section .signature-section input {
          border: none;
          border-bottom: 1px solid #dddddd; }
      .container .invoice {
        position: absolute;
        padding-top: 100px; }
        .container .invoice .sup-rate-cnf-form-header {
          padding-top: 50px; }
          .container .invoice .sup-rate-cnf-form-header .form-printed-date {
            top: 33px;
            left: 0%;
            font-size: 15px; }
          .container .invoice .sup-rate-cnf-form-header h3 {
            font-size: 15px;
            text-align: right;
            padding-bottom: 20px; }
          .container .invoice .sup-rate-cnf-form-header .bill-total {
            padding-top: 20px; }
            .container .invoice .sup-rate-cnf-form-header .bill-total span {
              font-size: 20px; }
            .container .invoice .sup-rate-cnf-form-header .bill-total .total-price, .container .invoice .sup-rate-cnf-form-header .bill-total .bill-month-text {
              font-weight: bold; }
            .container .invoice .sup-rate-cnf-form-header .bill-total .bill-month {
              position: absolute;
              bottom: 5%;
              left: 2%; }
            .container .invoice .sup-rate-cnf-form-header .bill-total .as-of-date {
              bottom: -10%; }
            .container .invoice .sup-rate-cnf-form-header .bill-total .total {
              position: absolute;
              right: 4%;
              bottom: 0%; }
          .container .invoice .sup-rate-cnf-form-header tbody {
            background-color: #f4f4f4; }
            .container .invoice .sup-rate-cnf-form-header tbody tr td:nth-child(3) {
              width: 20%; }
        .container .invoice .sup-rate-cnf-form-content div table thead tr td {
          text-align: center;
          width: 10%;
          border: 1px solid #e5e5e5;
          font-weight: 500; }
        .container .invoice .sup-rate-cnf-form-content div table thead tr td:nth-child(3) {
          width: 20%; }
        .container .invoice .sup-rate-cnf-form-content div table thead tr td:nth-child(6), .container .invoice .sup-rate-cnf-form-content div table thead tr td:nth-child(8) {
          width: 5%; }
        .container .invoice .sup-rate-cnf-form-content div table thead tr td:nth-child(7) {
          width: 6%; }
        .container .invoice .sup-rate-cnf-form-content div table tbody {
          background-color: #f4f4f4; }
          .container .invoice .sup-rate-cnf-form-content div table tbody tr td {
            text-align: center;
            border: 1px solid #e5e5e5;
            width: 10%; }
          .container .invoice .sup-rate-cnf-form-content div table tbody tr td:nth-child(3) {
            width: 20%; }
          .container .invoice .sup-rate-cnf-form-content div table tbody tr td:nth-child(6), .container .invoice .sup-rate-cnf-form-content div table tbody tr td:nth-child(8) {
            width: 5%; }
          .container .invoice .sup-rate-cnf-form-content div table tbody tr td:nth-child(7) {
            width: 6%; }
    @page {
      .container {
        size: A4; } } }
  .container .popup-window {
    width: 380px;
    height: 170px;
    background: #f3f3f3;
    position: fixed;
    outline: 5px;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    border-radius: 6px;
    border: 5px solid #fff; }
    .container .popup-window .popup-window-icon-container {
      width: 90px;
      height: 90px;
      background: url("../images/Alert-Icon.png") #FF9C00 no-repeat center center;
      background-size: 60px 50px;
      position: relative;
      left: 50%;
      margin-left: -45px;
      margin-top: -55px;
      margin-bottom: 25px;
      border: 3px solid #fff;
      border-radius: 3px; }
    .container .popup-window .popup-window-content {
      font-size: 18px;
      font-weight: 400;
      text-align: center;
      display: inline-block; }
  .container #goal-settings .goal-settings-basic-popup-window {
    width: 380px;
    height: 170px;
    background: #f3f3f3;
    position: fixed;
    outline: 5px;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    border-radius: 6px;
    border: 5px solid #fff; }
    .container #goal-settings .goal-settings-basic-popup-window .popup-window-icon-container {
      width: 90px;
      height: 90px;
      background: url("../images/Alert-Icon.png") #FF9C00 no-repeat center center;
      background-size: 60px 50px;
      position: relative;
      top: -50%;
      left: 50%;
      margin-left: -45px;
      margin-top: -55px;
      margin-bottom: 25px;
      border: 3px solid #fff;
      border-radius: 3px; }
    .container #goal-settings .goal-settings-basic-popup-window .popup-window-content {
      font-size: 18px;
      font-weight: 400;
      text-align: center;
      display: inline-block; }
  .container #goal-settings .goal-settings-first-visit-popup-window {
    position: fixed;
    width: 380px;
    height: 260px;
    background: #f3f3f3;
    outline: 5px;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    border-radius: 6px;
    border: 5px solid #fff; }
    .container #goal-settings .goal-settings-first-visit-popup-window .action-box {
      text-align: center; }
      .container #goal-settings .goal-settings-first-visit-popup-window .action-box button {
        margin: 25px 20px; }
      .container #goal-settings .goal-settings-first-visit-popup-window .action-box .btn-offer {
        width: 120px;
        height: 60px;
        text-align: center;
        line-height: 0; }
        .container #goal-settings .goal-settings-first-visit-popup-window .action-box .btn-offer h4 {
          padding-left: 0;
          margin: 0; }
        .container #goal-settings .goal-settings-first-visit-popup-window .action-box .btn-offer span {
          display: inline-block;
          font-size: 10px;
          font-weight: 400;
          line-height: 10px;
          margin-top: 3px; }
    .container #goal-settings .goal-settings-first-visit-popup-window span.popup-window-content {
      font-size: 18px;
      font-weight: 400;
      text-align: center;
      display: inline-block; }
    .container #goal-settings .goal-settings-first-visit-popup-window .popup-window-icon-container {
      width: 100px;
      height: 100px;
      background: url("../images/Enable-Goal-Settings-Icon.png") no-repeat center center;
      position: relative;
      top: -50%;
      left: 50%;
      margin-left: -50px;
      margin-top: -60px;
      margin-bottom: 25px; }
  .container #goal-settings .goal-settings-header {
    height: 60px;
    padding: 10px;
    font-size: 23px;
    color: #8e9ba1;
    background: #FFFFFF;
    border-bottom: 1px solid #f2f2f2; }
    .container #goal-settings .goal-settings-header .fleft {
      padding: 10px; }
  .container #goal-settings .goal-settings-sec {
    margin: 10px 10px 20px 10px;
    background-color: #f0f0f0;
    font-weight: 300;
    padding: 10px; }
    .container #goal-settings .goal-settings-sec > div > div:nth-child(2) {
      padding-left: 24px; }
    .container #goal-settings .goal-settings-sec .goal-settings-year-select {
      display: inline-block;
      position: relative;
      right: 210px;
      float: right; }
      .container #goal-settings .goal-settings-sec .goal-settings-year-select select {
        width: 110px;
        margin: 0 20px;
        height: 32px;
        padding-left: 10px;
        border-radius: 0;
        background-color: #ffffff;
        border: 1px solid #C9C9C9;
        color: #658b9b;
        outline: none;
        display: inline-block;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        cursor: pointer;
        font-weight: 500; }
      .container #goal-settings .goal-settings-sec .goal-settings-year-select span {
        position: absolute;
        height: 30px;
        width: 32px;
        top: 1px;
        right: 20px;
        font-size: 18px;
        background: #ccc;
        color: #333333;
        pointer-events: none; }
        .container #goal-settings .goal-settings-sec .goal-settings-year-select span i {
          position: relative;
          left: 50%;
          top: 11%;
          transform: translateX(-50%); }
    .container #goal-settings .goal-settings-sec .section-title {
      font-size: 16px;
      font-weight: bold;
      margin-left: 12px; }
    .container #goal-settings .goal-settings-sec .goal-settings-rule-title {
      display: inline-block;
      font-size: 12px;
      font-weight: bold;
      color: #6c6c6c; }
    .container #goal-settings .goal-settings-sec .goal-settings-rule {
      padding: 10px;
      margin: 10px;
      background-color: #fff;
      border-radius: 4px;
      height: auto;
      word-wrap: break-word;
      color: rgba(101, 139, 155, 0.98);
      font-size: 14px; }
      .container #goal-settings .goal-settings-sec .goal-settings-rule div > div:nth-child(2), .container #goal-settings .goal-settings-sec .goal-settings-rule div > div:nth-child(3) {
        display: inline-block;
        position: relative;
        top: 20px; }
      .container #goal-settings .goal-settings-sec .goal-settings-rule div > div:nth-child(4), .container #goal-settings .goal-settings-sec .goal-settings-rule div > div:nth-child(5), .container #goal-settings .goal-settings-sec .goal-settings-rule div > div:nth-child(6) {
        display: inline-block;
        position: relative;
        top: 17px; }
      .container #goal-settings .goal-settings-sec .goal-settings-rule .daily-goal-rule-expl {
        display: -webkit-inline-box;
        width: 135px;
        font-size: 14px;
        color: #333333; }
      .container #goal-settings .goal-settings-sec .goal-settings-rule .goal-settings-month-select {
        display: inline-block;
        position: relative;
        top: 4px; }
        .container #goal-settings .goal-settings-sec .goal-settings-rule .goal-settings-month-select select {
          width: 110px;
          margin: 10px 20px;
          height: 32px;
          padding-left: 10px;
          border-radius: 0;
          background-color: #ffffff;
          border: 1px solid #C9C9C9;
          color: #333333;
          outline: none;
          display: inline-block;
          -webkit-appearance: none;
          -moz-appearance: none;
          appearance: none;
          cursor: pointer;
          font-weight: bold; }
        .container #goal-settings .goal-settings-sec .goal-settings-rule .goal-settings-month-select span.sel-dropdown-icon {
          position: absolute;
          height: 32px;
          width: 32px;
          top: 10px;
          left: 113px;
          font-size: 18px;
          background: #ccc;
          color: #333333;
          pointer-events: none; }
          .container #goal-settings .goal-settings-sec .goal-settings-rule .goal-settings-month-select span.sel-dropdown-icon i {
            position: relative;
            left: 50%;
            top: 11%;
            transform: translateX(-50%); }
        .container #goal-settings .goal-settings-sec .goal-settings-rule .goal-settings-month-select .monthly-select-is-not-editing {
          width: 110px;
          margin: 10px 20px 10px 55px;
          height: 32px;
          padding-top: 5px;
          font-weight: bold; }
      .container #goal-settings .goal-settings-sec .goal-settings-rule .is-editing {
        color: #333333;
        font-weight: bold; }
        .container #goal-settings .goal-settings-sec .goal-settings-rule .is-editing input {
          width: 100px;
          padding-left: 8px; }
        .container #goal-settings .goal-settings-sec .goal-settings-rule .is-editing input.input-err {
          box-shadow: 0 0 10px 0 rgba(225, 76, 72, 0.75); }
      .container #goal-settings .goal-settings-sec .goal-settings-rule .monthly-revenue-offset {
        margin-left: 87px; }
      .container #goal-settings .goal-settings-sec .goal-settings-rule .is-not-editing {
        font-weight: bold; }
      .container #goal-settings .goal-settings-sec .goal-settings-rule .goal-edit, .container #goal-settings .goal-settings-sec .goal-settings-rule .goal-check {
        cursor: pointer;
        color: #26A3D1;
        font-size: 20px; }
      .container #goal-settings .goal-settings-sec .goal-settings-rule .disabled-goal-check {
        color: #d3d3d3;
        font-size: 20px; }
      .container #goal-settings .goal-settings-sec .goal-settings-rule .goal-settings-no-goal-title {
        height: 100%;
        text-align: center;
        margin: 0;
        line-height: 60px; }
      .container #goal-settings .goal-settings-sec .goal-settings-rule .goal-settings-clone {
        width: 80px;
        padding-top: 5px; }
        .container #goal-settings .goal-settings-sec .goal-settings-rule .goal-settings-clone span {
          display: inline-block;
          width: 20px;
          height: 16px; }
        .container #goal-settings .goal-settings-sec .goal-settings-rule .goal-settings-clone .clone-icon-disabled {
          background: url("../images/clone-icon-disabled.png") no-repeat center center;
          background-size: 20px 16px; }
        .container #goal-settings .goal-settings-sec .goal-settings-rule .goal-settings-clone .clone-icon-enabled {
          background: url("../images/clone-icon-enabled.png") no-repeat center center;
          background-size: 20px 16px; }
        .container #goal-settings .goal-settings-sec .goal-settings-rule .goal-settings-clone .clone-icon-enabled:hover {
          cursor: pointer; }
      .container #goal-settings .goal-settings-sec .goal-settings-rule .goal-settings-delete {
        color: #E14C48;
        font-size: 20px; }
        .container #goal-settings .goal-settings-sec .goal-settings-rule .goal-settings-delete span {
          cursor: pointer; }
      .container #goal-settings .goal-settings-sec .goal-settings-rule div.goal-settings-edit-tooltip {
        border: none; }
        .container #goal-settings .goal-settings-sec .goal-settings-rule div.goal-settings-edit-tooltip .tooltip-arrow {
          left: 26px;
          top: 25px; }
        .container #goal-settings .goal-settings-sec .goal-settings-rule div.goal-settings-edit-tooltip .tooltip-inner {
          width: 50px;
          height: 20px;
          position: initial;
          display: block;
          border-radius: 2px; }
      .container #goal-settings .goal-settings-sec .goal-settings-rule div.goal-settings-input-err {
        border: none; }
        .container #goal-settings .goal-settings-sec .goal-settings-rule div.goal-settings-input-err .tooltip-arrow {
          left: 87px; }
        .container #goal-settings .goal-settings-sec .goal-settings-rule div.goal-settings-input-err .tooltip-inner {
          width: 175px;
          height: 20px;
          position: initial;
          display: block;
          border-radius: 2px; }
      .container #goal-settings .goal-settings-sec .goal-settings-rule .goal-settings-notification-daily {
        box-shadow: 0 0 3px 0 #9D9D9D;
        background-color: #009F5C;
        border-radius: 2px;
        color: #fff;
        font-weight: bold;
        top: 20px; }
      .container #goal-settings .goal-settings-sec .goal-settings-rule .goal-settings-notification-monthly {
        width: 102px;
        text-align: center;
        box-shadow: 0 0 3px 0 #9D9D9D;
        border-radius: 2px;
        background-color: #009F5C;
        color: #fff;
        font-weight: bold;
        top: 22px; }
      .container #goal-settings .goal-settings-sec .goal-settings-rule .notification-delete {
        background-color: #CF1F27; }
    .container #goal-settings .goal-settings-sec .goal-settings-add-rule-btn {
      width: 110px;
      height: 40px;
      position: relative;
      left: 50%;
      transform: translateX(-50%);
      border-radius: 2px; }
  .container #goal-settings .goal-settings-daily-section {
    margin-bottom: 30px; }
  .container #goal-settings .goal-settings-daily-section > div:first-child > div:nth-child(2) {
    margin-left: 10.5%; }
  .container #goal-settings .goal-settings-daily-section > div:first-child > div:nth-child(3) {
    padding-left: 5px; }
  .container #goal-settings .goal-settings-monthly-section .goal-settings-title-month {
    text-align: center; }
    .container #goal-settings .goal-settings-monthly-section .goal-settings-title-month .goal-settings-rule-title-month {
      display: inline-block; }
  .container #goal-settings .goal-settings-monthly-section .goal-settings-rule {
    height: 80px; }
  .container #goal-settings .goal-settings-monthly-section .goal-settings-monthly-popup-window {
    width: 380px;
    height: 170px;
    background: #f3f3f3;
    position: fixed;
    outline: 5px;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    border-radius: 6px;
    border: 5px solid #fff; }
    .container #goal-settings .goal-settings-monthly-section .goal-settings-monthly-popup-window .btn-close {
      top: 0;
      right: 5px; }
    .container #goal-settings .goal-settings-monthly-section .goal-settings-monthly-popup-window span.popup-window-content {
      font-size: 18px;
      font-weight: 400;
      text-align: center;
      display: inline-block; }
    .container #goal-settings .goal-settings-monthly-section .goal-settings-monthly-popup-window .popup-window-icon-container {
      width: 90px;
      height: 90px;
      background: url("../images/Alert-Icon.png") #FF9C00 no-repeat center center;
      background-size: 60px 50px;
      position: relative;
      top: -50%;
      left: 50%;
      margin-left: -45px;
      margin-top: -55px;
      margin-bottom: 25px;
      border: 3px solid #fff;
      border-radius: 3px; }
  .container #pagination-container {
    padding: 10px; }
    .container #pagination-container .text-left {
      margin-top: 5px;
      line-height: 30px; }
    .container #pagination-container #pagination {
      display: block;
      margin: 0; }
      .container #pagination-container #pagination li {
        display: inline-block;
        color: #D05546;
        width: 35px;
        height: 35px;
        padding: 5px;
        cursor: pointer;
        text-align: center;
        border: 1px solid #E6E6E6;
        border-left: none; }
        .container #pagination-container #pagination li.page.active {
          background-color: #D05546;
          color: white;
          border-color: #D05546; }
        .container #pagination-container #pagination li.page:hover {
          background-color: #FF6666;
          color: white;
          border-color: #D05546; }
        .container #pagination-container #pagination li.disabled {
          color: #8e8e8e; }
      .container #pagination-container #pagination li:first-child {
        border-left: 1px solid #E6E6E6;
        border-radius: 4px 0 0 4px; }
      .container #pagination-container #pagination li:last-child {
        border-radius: 0 4px 4px 0; }
      .container #pagination-container #pagination .previous:hover,
      .container #pagination-container #pagination .next:hover {
        background-color: #CCCCCC; }

#sign_in {
  margin-top: 0;
  text-align: center;
  border-radius: 10px; }
  #sign_in.container {
    min-width: inherit; }
  #sign_in #sign_in_form {
    margin: 0 auto;
    padding: 15px 45px 30px 45px; }
    #sign_in #sign_in_form .page-inputs {
      margin-top: 20px; }
      #sign_in #sign_in_form .page-inputs input {
        margin-bottom: 20px; }
    #sign_in #sign_in_form .form-control {
      position: relative;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      height: 40px;
      padding: 10px;
      font-size: 16px; }
    #sign_in #sign_in_form .err-msg {
      position: absolute;
      top: 0px;
      left: 105%;
      width: 100%;
      min-height: 40px;
      padding: 10px;
      color: white;
      border-radius: 5px;
      background: #C11103;
      box-shadow: #3E3C3C 1px 1px 2px 1px; }
      #sign_in #sign_in_form .err-msg:before {
        position: absolute;
        top: 11px;
        left: -18px;
        width: 0;
        height: 0;
        content: '';
        border: transparent solid 8px;
        border-right: #C11103 solid 10px; }

/*-----------------
	The Header
------------------*/
#header {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%;
  height: 60px;
  padding: 0;
  text-align: left;
  color: white;
  background-color: #333333;
  line-height: 50px; }
  #header .table {
    display: table;
    width: 100%; }
    #header .table .row {
      display: table-row;
      margin: 0; }
    #header .table .header-sub {
      display: table-cell;
      height: 60px;
      vertical-align: top; }
      #header .table .header-sub.logo {
        min-width: 215px;
        padding-left: 30px;
        width: 21%; }
      #header .table .header-sub.search {
        min-width: 472px;
        width: 45%;
        padding-left: 30px; }
      #header .table .header-sub.other {
        min-width: 310px;
        width: 34%;
        padding-left: 40px; }
  #header #app-logo > a > img {
    display: block;
    margin-top: 5px;
    width: 130px; }
  #header #autocompleteBar {
    margin-top: 5px; }
    #header #autocompleteBar .text {
      font-size: 13px;
      margin-right: 30px;
      color: #858585; }
    #header #autocompleteBar .caret {
      position: absolute;
      z-index: 99;
      top: 48px;
      left: 20%;
      width: 0;
      height: 0;
      border: 10px solid transparent;
      border-bottom-width: 7px;
      border-bottom-color: rgba(50, 50, 50, 0.9); }
    #header #autocompleteBar input {
      z-index: 11;
      width: 340px;
      height: 40px;
      padding: 0 20px 0 10px;
      color: white;
      border: none;
      border-radius: 4px;
      background-color: #3c3c3c;
      font-size: 13px;
      line-height: 2.5em; }

.loading-overlay {
  position: fixed;
  z-index: 1001;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(128, 128, 128, 0.6); }

footer {
  margin-top: 50px;
  text-align: center; }

.signin-background {
  background: -moz-radial-gradient(center, circle cover, #555A5F 0%, #000 100%);
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #555A5F), color-stop(100%, #000));
  background: -webkit-radial-gradient(center, circle cover, #555A5F 0%, #000 100%);
  background: -o-radial-gradient(center, circle cover, #555A5F 0%, #000 100%);
  background: -ms-radial-gradient(center, circle cover, #555A5F 0%, #000 100%);
  background: radial-gradient(center, circle cover, #555A5F 0%, #000 100%);
  background-color: #555A5F;
  filter: progid:DXImageTransform.Microsoft.gradient(start-colourStr='#555A5F', end-colourStr='#000', gradientType='1'); }

@keyframes rotation {
  to {
    transform: rotate(1turn); } }

.spinner {
  position: relative;
  width: 60px;
  height: 60px;
  margin: 300px auto 0;
  margin-top: 40vh;
  animation: rotation .7s infinite linear;
  border: 6px solid #e97c7c;
  border-top: 6px solid rgba(193, 17, 3, 0.8);
  border-radius: 100%; }

/*------------------
	Offer
-------------------*/
.offer-item-container .offer-with-commision {
  margin: 20px;
  margin-bottom: 0;
  padding: 20px;
  position: relative;
  box-shadow: rgba(24, 24, 25, 0.23) 0 0 3px 0; }
  .offer-item-container .offer-with-commision .recommend-label {
    width: 120px;
    position: absolute;
    padding: 2px;
    background-color: #5698ef;
    color: #fff;
    border-radius: 0 0 10px 10px;
    font-size: 12px;
    text-align: center;
    top: 0;
    left: 0; }
  .offer-item-container .offer-with-commision .offer-item {
    border-spacing: 6px 0;
    border-collapse: separate;
    min-height: 160px; }
    .offer-item-container .offer-with-commision .offer-item ul {
      padding-left: 16px;
      font-size: 12px; }
      .offer-item-container .offer-with-commision .offer-item ul li {
        display: list-item; }
    .offer-item-container .offer-with-commision .offer-item .unpitched-extra-offer,
    .offer-item-container .offer-with-commision .offer-item .pitched-extra-offer-no {
      display: none; }
    .offer-item-container .offer-with-commision .offer-item .offer-item-image {
      min-width: 192px; }
      .offer-item-container .offer-with-commision .offer-item .offer-item-image div {
        position: relative; }
        .offer-item-container .offer-with-commision .offer-item .offer-item-image div .reporting-type-img {
          position: absolute;
          width: 35px;
          height: 35px;
          background: rgba(0, 0, 0, 0.7);
          border-radius: 4px;
          top: 5px;
          left: 5px;
          padding: 5px; }
          .offer-item-container .offer-with-commision .offer-item .offer-item-image div .reporting-type-img .offer-image-tooltip {
            width: 110px;
            border: none;
            position: absolute; }
            .offer-item-container .offer-with-commision .offer-item .offer-item-image div .reporting-type-img .offer-image-tooltip .tooltip-arrow {
              top: 27px; }
            .offer-item-container .offer-with-commision .offer-item .offer-item-image div .reporting-type-img .offer-image-tooltip .tooltip-inner {
              background-color: #333333; }
          .offer-item-container .offer-with-commision .offer-item .offer-item-image div .reporting-type-img img {
            display: inline-block;
            width: 100%;
            height: 100%; }
    .offer-item-container .offer-with-commision .offer-item .offer-item-pricing {
      position: relative;
      width: 138px;
      font-size: 14px; }
      .offer-item-container .offer-with-commision .offer-item .offer-item-pricing > div {
        padding-top: 10%; }
      .offer-item-container .offer-with-commision .offer-item .offer-item-pricing .offer-price-total {
        color: white;
        background-color: #6fb3df; }
      .offer-item-container .offer-with-commision .offer-item .offer-item-pricing .offer-price-per {
        position: relative;
        margin-bottom: 6px;
        color: #5c5c5c;
        background-color: #e4e4e4; }
        .offer-item-container .offer-with-commision .offer-item .offer-item-pricing .offer-price-per div .PopupWindow {
          top: 50px;
          left: 0px;
          transform: none; }
        .offer-item-container .offer-with-commision .offer-item .offer-item-pricing .offer-price-per .tooltip.left .tooltip-arrow {
          top: 50%;
          left: 130px;
          right: 18px;
          margin-top: -5px;
          border-width: 5px 0 5px 5px;
          border-left-color: #000; }
        .offer-item-container .offer-with-commision .offer-item .offer-item-pricing .offer-price-per .tooltip-inner {
          width: 130px;
          padding: 3px 8px;
          color: #fff;
          text-align: center;
          background-color: #000;
          border-radius: 4px; }
        .offer-item-container .offer-with-commision .offer-item .offer-item-pricing .offer-price-per .tooltip.left {
          padding: 0 0px;
          width: 130px; }
        .offer-item-container .offer-with-commision .offer-item .offer-item-pricing .offer-price-per .tooltip {
          text-align: center;
          width: 100px;
          left: -50px;
          border: 1px solid transparent; }
      .offer-item-container .offer-with-commision .offer-item .offer-item-pricing .offer-price-total,
      .offer-item-container .offer-with-commision .offer-item .offer-item-pricing .offer-price-per {
        width: 138px;
        height: 65px;
        text-align: center;
        text-transform: uppercase; }
      .offer-item-container .offer-with-commision .offer-item .offer-item-pricing .offer-price {
        font-size: 2rem;
        font-weight: bold; }
      .offer-item-container .offer-with-commision .offer-item .offer-item-pricing .offer-price-desc {
        font-size: 1rem; }
    .offer-item-container .offer-with-commision .offer-item .offer-item-desc {
      width: 430px;
      padding: 2px 10px 2px 2px;
      border-right: 1px dotted #c1bdbd; }
      .offer-item-container .offer-with-commision .offer-item .offer-item-desc,
      .offer-item-container .offer-with-commision .offer-item .offer-item-desc .offer-item-codes {
        text-align: left;
        vertical-align: top; }
      .offer-item-container .offer-with-commision .offer-item .offer-item-desc .offer-item-title {
        padding-top: 6px;
        font-size: 14px;
        font-weight: bold; }
      .offer-item-container .offer-with-commision .offer-item .offer-item-desc .offer-check-in-out-container {
        display: inline-block;
        width: 110px;
        margin-left: 5px; }
        .offer-item-container .offer-with-commision .offer-item .offer-item-desc .offer-check-in-out-container .upgrade-rule-date {
          position: relative;
          display: inline-block;
          margin-top: 0px; }
          .offer-item-container .offer-with-commision .offer-item .offer-item-desc .offer-check-in-out-container .upgrade-rule-date .cursor-pointer {
            margin: 0px;
            cursor: pointer;
            position: relative;
            display: inline-block; }
            .offer-item-container .offer-with-commision .offer-item .offer-item-desc .offer-check-in-out-container .upgrade-rule-date .cursor-pointer .edit {
              padding-top: 0px;
              padding-right: 12px;
              position: absolute;
              right: -27px;
              color: #515151;
              top: -10px;
              display: none; }
            .offer-item-container .offer-with-commision .offer-item .offer-item-desc .offer-check-in-out-container .upgrade-rule-date .cursor-pointer:hover .edit {
              display: block; }
            .offer-item-container .offer-with-commision .offer-item .offer-item-desc .offer-check-in-out-container .upgrade-rule-date .cursor-pointer .pencil {
              cursor: pointer; }
              .offer-item-container .offer-with-commision .offer-item .offer-item-desc .offer-check-in-out-container .upgrade-rule-date .cursor-pointer .pencil:hover {
                content: "\f023"; }
          .offer-item-container .offer-with-commision .offer-item .offer-item-desc .offer-check-in-out-container .upgrade-rule-date .DayPicker {
            position: absolute;
            left: 0px;
            top: 27px; }
        .offer-item-container .offer-with-commision .offer-item .offer-item-desc .offer-check-in-out-container .fa {
          cursor: pointer; }
      .offer-item-container .offer-with-commision .offer-item .offer-item-desc .offer-check-in-out {
        color: #c1bdbd; }
      .offer-item-container .offer-with-commision .offer-item .offer-item-desc .offer-room-codes-container {
        display: inline-block;
        width: 110px;
        /* .offer-room-codes-tooltip{
    					left: 368px;
    					padding: 0px;
					    width: auto;
					    min-width: 100px;
					    max-width: 200px;
					    border: none;
    					.tooltip-arrow{
    						top: -5px;
    						left: 25px;
    						border-bottom-color: #333;
    					}
    					.tooltip-inner{
						    background-color: #333;
    					}
				    }*/ }
        .offer-item-container .offer-with-commision .offer-item .offer-item-desc .offer-room-codes-container .wrapper-dropdown-1 {
          left: -9px; }
          .offer-item-container .offer-with-commision .offer-item .offer-item-desc .offer-room-codes-container .wrapper-dropdown-1 button {
            width: 100px;
            height: 20px;
            padding: 0px;
            font-size: 12px;
            border-radius: 0px; }
            .offer-item-container .offer-with-commision .offer-item .offer-item-desc .offer-room-codes-container .wrapper-dropdown-1 button span {
              display: inline-block;
              position: absolute;
              top: 2px;
              left: 2px; }
            .offer-item-container .offer-with-commision .offer-item .offer-item-desc .offer-room-codes-container .wrapper-dropdown-1 button .caret {
              top: 8px;
              left: 85px; }
            .offer-item-container .offer-with-commision .offer-item .offer-item-desc .offer-room-codes-container .wrapper-dropdown-1 button:hover, .offer-item-container .offer-with-commision .offer-item .offer-item-desc .offer-room-codes-container .wrapper-dropdown-1 button:focus {
              background-color: #ffffff; }
          .offer-item-container .offer-with-commision .offer-item .offer-item-desc .offer-room-codes-container .wrapper-dropdown-1 .cst-dropdown {
            min-width: 100px;
            border-radius: 2px;
            border: 1px solid #ccc;
            padding: 0px; }
            .offer-item-container .offer-with-commision .offer-item .offer-item-desc .offer-room-codes-container .wrapper-dropdown-1 .cst-dropdown ul {
              font-size: 12px; }
            .offer-item-container .offer-with-commision .offer-item .offer-item-desc .offer-room-codes-container .wrapper-dropdown-1 .cst-dropdown li a {
              padding-left: 3px;
              cursor: default; }
            .offer-item-container .offer-with-commision .offer-item .offer-item-desc .offer-room-codes-container .wrapper-dropdown-1 .cst-dropdown li:hover a {
              background: #ffffff;
              color: #333; }
        .offer-item-container .offer-with-commision .offer-item .offer-item-desc .offer-room-codes-container .offer-item-title {
          color: #c1bdbd;
          font-weight: 400; }
      .offer-item-container .offer-with-commision .offer-item .offer-item-desc .dropdown-active .wrapper-dropdown-1 .cst-dropdown li a {
        cursor: pointer; }
      .offer-item-container .offer-with-commision .offer-item .offer-item-desc .offer-room-codes {
        font-size: 12px;
        font-weight: bold;
        display: inline-block; }
    .offer-item-container .offer-with-commision .offer-item .offer-item-action {
      min-width: 222px;
      text-align: center;
      vertical-align: middle;
      padding: 10px 0;
      position: relative; }
      .offer-item-container .offer-with-commision .offer-item .offer-item-action .btn-offer-lg {
        height: 50px;
        line-height: 50px; }
      .offer-item-container .offer-with-commision .offer-item .offer-item-action .offer-result {
        text-transform: capitalize;
        font-size: 2.2rem; }
      .offer-item-container .offer-with-commision .offer-item .offer-item-action .accept_reject {
        margin-top: 15px; }
      .offer-item-container .offer-with-commision .offer-item .offer-item-action .agent-action-info {
        border-bottom: 1px solid #e3e3e3;
        margin-bottom: 15px;
        width: 100%; }
        .offer-item-container .offer-with-commision .offer-item .offer-item-action .agent-action-info p {
          margin: 0px; }
        .offer-item-container .offer-with-commision .offer-item .offer-item-action .agent-action-info span {
          color: #bcbcbc;
          font-weight: 300; }
        .offer-item-container .offer-with-commision .offer-item .offer-item-action .agent-action-info .offer-action-date {
          color: #8a8a8a;
          font-weight: 400; }
        .offer-item-container .offer-with-commision .offer-item .offer-item-action .agent-action-info .agent-name {
          color: #8a8a8a;
          font-weight: 400;
          font-size: 16px; }
      .offer-item-container .offer-with-commision .offer-item .offer-item-action .btn-offer {
        border-radius: 3px;
        box-shadow: none;
        width: 100px;
        height: 35px;
        line-height: 32px;
        margin: 0 10px; }
      .offer-item-container .offer-with-commision .offer-item .offer-item-action .btn-offer-success {
        border: 1px solid #86be46;
        background-color: #DFF1DE;
        color: #2BAF01;
        font-weight: bold; }
        .offer-item-container .offer-with-commision .offer-item .offer-item-action .btn-offer-success:hover {
          background-color: rgba(223, 241, 222, 0.5); }
      .offer-item-container .offer-with-commision .offer-item .offer-item-action .btn-offer-fail {
        background-color: #f3e3de;
        border: 1px solid #cb5a5a;
        color: #b34646; }
        .offer-item-container .offer-with-commision .offer-item .offer-item-action .btn-offer-fail:hover {
          background-color: rgba(243, 227, 222, 0.5); }
      .offer-item-container .offer-with-commision .offer-item .offer-item-action .btn-offer-lg {
        width: 150px;
        line-height: 32px; }

.offer-item-container .commission {
  margin: 0 20px;
  padding: 10px auto;
  text-align: center;
  color: #f0c01a;
  background-color: #333333;
  font-size: 2rem;
  font-weight: bold; }
  .offer-item-container .commission span {
    display: inline-block;
    margin: 3px 10px; }

/* initial offer states */
.pitched-no,
.pitched-yes,
.pitched-pending,
.offer-disabled,
.status-other-accepted .pitched-yes.accepted-no button,
.status-pitched.status-accepted.status-pitched-pending .pitched-yes.accepted-yes,
.status-pitched.status-rejected.status-pitched-pending .pitched-yes.accepted-no,
.status-not-pitched.status-other-accepted .pitched-no {
  display: none; }

/*
visible STATES
".status-not-pitched"
".status-pitched"
".status-pitched-pending"
".status-pitched.status-rejected"
".status-pitched.status-accepted"
*/
.status-not-pitched .pitched-no,
.status-pitched.status-pitched-pending .pitched-pending,
.status-pitched.status-accepted .pitched-yes.accepted-yes,
.status-pitched.status-rejected .pitched-yes.accepted-no,
.status-not-pitched.status-other-accepted .offer-disabled,
.status-pitched.status-other-accepted .pitched-yes.accepted-no {
  display: block; }

/************************
 popup window for pricing edit
 *********************/
.PopupWindow {
  position: absolute;
  z-index: 1002;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 100%;
  padding: 20px;
  padding-top: 5px;
  background: white;
  -webkit-box-shadow: #666 0 0 3px 2px;
  box-shadow: #696969 0 0 3px 0; }
  .PopupWindow h4 {
    padding-left: 20px; }
  .PopupWindow.price-edit {
    width: 500px; }
    .PopupWindow.price-edit:after {
      position: absolute;
      top: -35px;
      left: 100px;
      width: 0;
      height: 0;
      content: '';
      border: transparent 20px solid;
      border-bottom: white 15px solid; }
  .PopupWindow.comments-popup {
    left: -454px;
    top: 50px;
    transform: none;
    width: 600px; }
    .PopupWindow.comments-popup:after {
      position: absolute;
      top: -35px;
      right: 12%;
      width: 0;
      height: 0;
      content: '';
      border: transparent 20px solid;
      border-bottom: white 15px solid; }
  .PopupWindow .action-box {
    text-align: right; }
  .PopupWindow .btn-close {
    position: absolute;
    top: 10px;
    right: 20px;
    cursor: pointer; }
  .PopupWindow .edit-box {
    position: relative;
    margin-bottom: 20px;
    padding: 20px;
    text-align: left;
    background: #f2f2f2; }
    .PopupWindow .edit-box input {
      width: 100%;
      height: 47px;
      margin-right: 5px;
      padding: 2px 6px 3px 15px;
      text-align: right;
      font-size: 16px; }
    .PopupWindow .edit-box .stay-quantity-total {
      display: inline-block;
      width: 48%; }
    .PopupWindow .edit-box .edit-box-input {
      position: relative; }
      .PopupWindow .edit-box .edit-box-input #popup-currency-sign {
        display: inline-block;
        position: absolute;
        left: 2px;
        top: 20px;
        line-height: 47px;
        margin-left: 3px; }
      .PopupWindow .edit-box .edit-box-input .price-change {
        display: inline-block;
        width: 24%; }
      .PopupWindow .edit-box .edit-box-input .quantity-change {
        display: inline-block;
        width: 41%;
        padding-left: 20px; }
        .PopupWindow .edit-box .edit-box-input .quantity-change input {
          padding: 2px 6px 3px 5px; }
      .PopupWindow .edit-box .edit-box-input .total-change {
        display: inline-block;
        width: 54%;
        padding-left: 10px;
        position: relative; }
        .PopupWindow .edit-box .edit-box-input .total-change input {
          padding: 2px 6px 3px 14px; }
        .PopupWindow .edit-box .edit-box-input .total-change #popup-currency-sign {
          left: 12px; }
      .PopupWindow .edit-box .edit-box-input .price-quantity-label {
        font-size: 12px; }
      .PopupWindow .edit-box .edit-box-input .btn-reset {
        display: inline-block;
        width: auto; }
    .PopupWindow .edit-box > div {
      margin-bottom: 10px;
      text-transform: uppercase; }

/************* Comment *************/
.comment-container {
  padding: 8px 0;
  border-bottom: 1px solid white; }
  .comment-container:last-child {
    border: none; }
  .comment-container .comment-header {
    text-transform: uppercase;
    color: #337ab7; }
  .comment-container .comment-header-date {
    color: #B5B5B5;
    font-style: italic; }
  .comment-container .comment {
    text-transform: capitalize;
    color: gray;
    font-size: 0.8em; }

/************** Price Edit ***********/
.offer-pricing-edit {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 25px;
  height: 25px;
  padding: 5px;
  cursor: pointer;
  background-color: #efefef; }

#comment-input {
  width: 100%;
  padding-left: 12px;
  text-align: left; }

#comment-post {
  position: absolute;
  top: 0;
  right: 0;
  width: 60px;
  height: 41px;
  margin: 3px;
  padding: 10px;
  cursor: pointer;
  -webkit-transition: 500ms linear background-color;
  -o-transition: 500ms linear background-color;
  transition: 500ms linear background-color;
  color: white;
  background-color: #7ACFE8; }
  #comment-post:hover {
    background-color: #4da7cd; }

.price-edit-comment-header {
  padding: 0 0 10px 0;
  border-bottom: 1px solid #ccc;
  font-weight: bold; }

.comments {
  max-height: 150px;
  overflow-y: auto; }

/**
	navivation
**/
#page-navigation {
  position: fixed;
  z-index: 10;
  top: 60px;
  left: 0;
  display: block;
  width: 100%;
  height: 60px;
  text-align: left;
  text-decoration: none;
  color: black;
  box-shadow: rgba(24, 24, 25, 0.4) 0 0 3px 0;
  background-color: rgba(255, 255, 255, 0.9);
  font-weight: bold; }
  #page-navigation li {
    position: relative;
    display: inline-block;
    height: 60px;
    padding: 0 25px;
    list-style: none;
    cursor: pointer;
    text-align: center;
    color: gray;
    line-height: 60px;
    /* Right arrow icon for nav*/ }
    #page-navigation li:not(:first-child) div:after {
      position: absolute;
      top: -2px;
      left: -10px;
      width: 0;
      height: 0;
      content: "\f105";
      color: black;
      font-family: FontAwesome;
      font-size: 26px; }
    #page-navigation li:last-child {
      cursor: inherit;
      border-bottom: 3px solid #DD6061; }
      #page-navigation li:last-child a, #page-navigation li:last-child span {
        color: black; }
        #page-navigation li:last-child a i.nav-path-icon, #page-navigation li:last-child span i.nav-path-icon {
          display: inline-block;
          position: relative;
          margin-right: 5px;
          width: 27px;
          height: 27px;
          top: 7px; }
        #page-navigation li:last-child a .nav-path-icon-goal-settings, #page-navigation li:last-child span .nav-path-icon-goal-settings {
          background: url("../images/sidebar-menu-assets/goal-settings/Default.png") no-repeat center; }
        #page-navigation li:last-child a .nav-path-icon-exclusions, #page-navigation li:last-child span .nav-path-icon-exclusions {
          background: url("../images/sidebar-menu-assets/exclusions/Default.png") no-repeat center; }
        #page-navigation li:last-child a .nav-path-icon-configurations, #page-navigation li:last-child span .nav-path-icon-configurations {
          background: url("../images/sidebar-menu-assets/configurations/Default.png") no-repeat center; }
        #page-navigation li:last-child a .nav-path-icon-checkin, #page-navigation li:last-child span .nav-path-icon-checkin {
          background: url("../images/sidebar-menu-assets/checkin/Default.png") no-repeat center; }
        #page-navigation li:last-child a .nav-path-icon-invoice, #page-navigation li:last-child span .nav-path-icon-invoice {
          background: url("../images/sidebar-menu-assets/invoice-details/Default.png") no-repeat center; }
    #page-navigation li a {
      text-decoration: none;
      color: gray; }
  #page-navigation .exclusion-nav {
    position: relative; }
    #page-navigation .exclusion-nav a {
      margin-left: 100px;
      color: #8D9CA3;
      text-decoration: none; }
    #page-navigation .exclusion-nav div {
      position: absolute;
      right: 100px;
      top: 7px;
      cursor: pointer;
      width: 100px;
      text-align: center; }
    #page-navigation .exclusion-nav .exclusions-page {
      border-bottom: 3px solid #DD6061; }

#offer {
  padding-bottom: 30px;
  /*
		Styles for showing PMS mismatch revenue notifications
	*/ }
  #offer > table {
    border-top: 2px solid #EDEDED;
    border-bottom: 2px solid #EDEDED;
    background-color: #FBFBFB; }
    #offer > table tr {
      color: #6E6E6E; }
      #offer > table tr:first-child {
        color: #515151; }
      #offer > table tr td {
        padding: 0;
        border-top: none !important; }
  #offer .offer-res-header tr td {
    border-top: none; }
  #offer .offer-res-header tr th a .btn-offer {
    width: 100%;
    height: 47px; }
  #offer .fixed-charge-notif {
    background-color: #bf1f2b;
    margin: 10px 20px;
    padding: 5px;
    padding-left: 20px;
    font-size: 14px; }
    #offer .fixed-charge-notif span {
      color: #f7f7f7; }
      #offer .fixed-charge-notif span:first-child {
        color: #f19808;
        font-weight: 700; }
  #offer .offer-top-header {
    height: 70px; }
    #offer .offer-top-header #pms_mismatch_notification-root {
      float: right;
      position: relative;
      top: 20px;
      right: 15px; }
      #offer .offer-top-header #pms_mismatch_notification-root .pms_mismatch_notification {
        font-size: 20px;
        color: #bababa;
        cursor: pointer;
        width: 40px;
        text-align: center;
        height: 30px; }
        #offer .offer-top-header #pms_mismatch_notification-root .pms_mismatch_notification:hover {
          color: #FBBF3B; }
        #offer .offer-top-header #pms_mismatch_notification-root .pms_mismatch_notification .pms-noti-box {
          position: absolute;
          width: 200px;
          background-color: #ffffff;
          box-shadow: 0px 0px 1px 1px #c7c7c7;
          border-radius: 4px;
          color: #545353;
          z-index: 100;
          right: 10px;
          padding: 10px; }
          #offer .offer-top-header #pms_mismatch_notification-root .pms_mismatch_notification .pms-noti-box .single-pms-noti-offer {
            text-align: left;
            padding: 5px;
            border-bottom: 1px solid #e2e2e2; }
            #offer .offer-top-header #pms_mismatch_notification-root .pms_mismatch_notification .pms-noti-box .single-pms-noti-offer p {
              font-size: 14px;
              font-weight: 500;
              margin: 0; }
            #offer .offer-top-header #pms_mismatch_notification-root .pms_mismatch_notification .pms-noti-box .single-pms-noti-offer .pms-noti-room {
              font-size: 11px;
              color: #979797; }
            #offer .offer-top-header #pms_mismatch_notification-root .pms_mismatch_notification .pms-noti-box .single-pms-noti-offer .pms-noti-time {
              font-size: 11px;
              color: #979797; }
            #offer .offer-top-header #pms_mismatch_notification-root .pms_mismatch_notification .pms-noti-box .single-pms-noti-offer .pms-noti-name {
              font-size: 12px;
              color: #FBBF3B; }
          #offer .offer-top-header #pms_mismatch_notification-root .pms_mismatch_notification .pms-noti-box div:last-of-type {
            border: none; }
      #offer .offer-top-header #pms_mismatch_notification-root .pms_missing_count {
        position: absolute;
        top: 2px;
        right: 40px;
        font-size: 12px;
        color: #FFF;
        background-color: #FBBF3B;
        width: 25px;
        height: 25px;
        text-align: center;
        vertical-align: middle;
        box-shadow: -1px 0px 1px #ab7705;
        border-radius: 2px;
        padding: 5px; }
        #offer .offer-top-header #pms_mismatch_notification-root .pms_missing_count .fa {
          left: 24px;
          position: absolute;
          color: #FBBF3B;
          top: 3px;
          font-size: 20px; }

#app-switcher {
  height: 60px;
  position: relative;
  width: 80px;
  display: inline-block; }
  #app-switcher:hover {
    background: #3c3c3c;
    cursor: pointer; }
    #app-switcher:hover > .img {
      background-size: cover;
      background-position-y: 2px; }
  #app-switcher > .img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: block;
    margin: auto;
    width: 26px;
    height: 21px;
    background: url("../images/App-Switcher-sprite.png") no-repeat;
    background-size: cover;
    background-position-y: -19px; }
  #app-switcher .dropdown {
    background: transparent;
    border: none;
    display: none;
    left: -80%;
    width: 220px;
    position: absolute;
    padding: 0;
    top: 70px;
    z-index: 103;
    box-shadow: 0 0 7px 1px #cacaca;
    text-align: center;
    list-style: none;
    border-radius: 4px; }
    #app-switcher .dropdown li {
      background-color: white;
      height: 130px;
      padding: 40px 20px;
      border-radius: inherit;
      width: 100%; }
      #app-switcher .dropdown li img {
        display: inline-block;
        height: 40px;
        margin: 0 auto;
        width: 55%; }
    #app-switcher .dropdown .app-hover-img {
      background-color: #b71f2b; }

#header-signout {
  float: right;
  display: inline-block;
  padding-right: 30px;
  margin-top: 5px; }
  #header-signout a {
    color: #858585;
    text-decoration: none;
    display: block; }
  #header-signout .header-dropdown {
    color: #858585;
    line-height: normal;
    width: 160px;
    padding: 5px;
    height: 35px;
    margin-top: 10px;
    position: relative;
    display: inline-block;
    position: relative;
    border: 2px solid transparent;
    border-bottom: none;
    text-align: center;
    font-size: 13px; }
    #header-signout .header-dropdown .welcome-text {
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap; }
    #header-signout .header-dropdown i.fa-caret-down {
      position: absolute;
      right: 0;
      top: 6px; }
    #header-signout .header-dropdown ul {
      position: absolute;
      z-index: 1001;
      top: 20px;
      right: -2px;
      padding-top: 10px;
      min-width: 130px;
      width: 100%;
      border-radius: 2px;
      background-color: transparent;
      display: none; }
      #header-signout .header-dropdown ul li {
        width: 100%;
        padding: 0;
        font-size: 0.9em;
        text-align: center;
        line-height: 40px;
        height: 40px;
        background-color: #333333;
        border: 2px solid #3c3c3c;
        border-bottom-width: 0px; }
        #header-signout .header-dropdown ul li:hover {
          cursor: pointer;
          font-weight: bolder;
          background-color: #3c3c3c;
          color: white; }
          #header-signout .header-dropdown ul li:hover a {
            color: white; }
    #header-signout .header-dropdown:hover {
      border-color: #3c3c3c; }
      #header-signout .header-dropdown:hover ul {
        display: block; }
  #header-signout .customer-id-container {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 101;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6); }
  #header-signout .customer-id-popup {
    position: absolute;
    width: 350px;
    top: 20%;
    left: 50%;
    transform: translate(-50%, 0);
    border-radius: 12px;
    background-color: white;
    padding: 0;
    text-align: center;
    z-index: 1002;
    height: auto; }
    #header-signout .customer-id-popup h3 {
      border-bottom: 1px solid #cacaca;
      font-size: 18px;
      line-height: 50px;
      margin: 0;
      color: #b71f2b;
      padding-left: 20px;
      text-align: left;
      position: relative; }
    #header-signout .customer-id-popup .btn-close {
      position: absolute;
      right: 20px;
      top: 0;
      cursor: pointer;
      color: #858585; }
      #header-signout .customer-id-popup .btn-close:hover {
        color: black; }
    #header-signout .customer-id-popup p {
      font-size: 13px;
      color: black;
      line-height: normal;
      margin: 0; }
    #header-signout .customer-id-popup h2 {
      line-height: 50px; }
    #header-signout .customer-id-popup img {
      opacity: 0.05;
      width: 110px;
      height: 124px;
      position: absolute;
      display: inline-block;
      left: 0;
      top: 69px; }
    #header-signout .customer-id-popup .property-id {
      font-size: 24px;
      font-weight: bold;
      margin-top: 41px;
      line-height: normal;
      margin-bottom: 15px;
      color: #b71f2b; }
    #header-signout .customer-id-popup .footer {
      font-size: 13px;
      background-color: #f0f0f0;
      line-height: 20px;
      color: #3A87B4;
      margin-top: 41px;
      padding: 5px;
      border-radius: 0 0 12px 12px; }

/*
reporting
*/
#reporting {
  background-color: #ffffff;
  margin-bottom: 20px;
  margin-top: 20px;
  position: relative; }
  #reporting #report_section .performance-tracking-style-when-leaderboard-hidden {
    width: 98%; }
  #reporting #report_section .hide-leaderboard {
    display: none; }
  #reporting #right-header-sec .revenue_by_sec .wrapper-demo .wrapper-dropdown-1 .cst-dropdown {
    width: 10.3em; }

#reporting.closed #report_section {
  display: none; }

#reporting.open .report-container {
  display: inline-block; }

#report_section_title {
  font-family: Helvetica;
  font-size: 23.15px;
  font-style: normal;
  line-height: 27.78px;
  letter-spacing: 0em;
  text-align: left;
  padding: 10px 0;
  border-bottom: 1px solid #eaeaea;
  margin-bottom: 10px;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE/Edge */
  user-select: none;
  /* non-prefixed version, currently
     not supported by any browser */ }

#report_toggle {
  cursor: pointer;
  color: #8e9ba1;
  display: inline-block;
  font-size: 20px; }

#report_toggle img {
  margin-right: 6px;
  width: 1.5em;
  height: 1.5em; }

#reporting.closed #report_toggle img {
  -moz-transform: scaleY(-1);
  -o-transform: scaleY(-1);
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
  filter: FlipV;
  -ms-filter: "FlipV"; }

#report_toggle .my-stats {
  font-family: Helvetica-Bold;
  color: #333333; }

#report_datepicker {
  font-size: 14px;
  cursor: pointer;
  margin-top: 1px;
  padding: 2.5px 10px;
  border: 1px solid #cccccc;
  border-radius: 4px;
  display: inline-block; }

#report_datepicker:hover {
  background-color: rgba(50, 50, 50, 0.2); }

#agent_rev {
  font-size: 24.04px;
  color: #288d08;
  line-height: 31.25px; }

.report-container {
  width: 502px;
  margin: 3px;
  vertical-align: top; }

.report-bg {
  background-color: #fbfbfb;
  margin-bottom: 8px;
  margin-left: 10px;
  padding: 5px;
  border: 1px solid #f0f0f0; }

.report-title, .highcharts-title {
  font-family: "HelveticaNeue-CondensedBlack", "HelveticaNeue-CondensedBold", "Helvetica Neue";
  font-stretch: condensed;
  font-size: 19px;
  color: #333333;
  text-align: left;
  line-height: 23.15px;
  letter-spacing: 0.03em;
  margin: 10px; }

#upg_success_rate_container {
  background-color: #fbfbfb;
  text-align: left;
  padding-bottom: 5px;
  padding-left: 10px; }

#upg_success_rate_container div {
  text-align: left;
  font-family: Helvetica;
  color: #a5a5a5;
  font-size: 12px;
  font-weight: 200; }

.horiz-bar-report {
  width: 470px;
  background-color: #ffffff;
  padding: 10px;
  margin: 10px 5px;
  display: inline-block; }

#performance_tracking,
#leaderboard {
  display: inline-block;
  position: relative; }

#leaderboard_chart {
  height: 275px; }

#ug_success_me, #ug_success_team, #ug_success_goal {
  border: 1px dashed;
  display: inline-block;
  width: 110px;
  line-height: 50px;
  background-color: #ffffff;
  font-family: "HelveticaNeue-CondensedBlack", "HelveticaNeue-CondensedBold", "Helvetica Neue";
  font-stretch: condensed;
  font-size: 26px;
  margin: 7px;
  border-radius: 6px;
  text-align: center; }

#leaderboard_select_container {
  border: 0;
  padding: 5px 10px;
  position: absolute;
  top: 0px;
  right: 0px; }

#leaderboard_select {
  border: 0;
  background: #fff;
  z-index: 1;
  cursor: pointer;
  font-weight: 200; }

.report-stacked-title {
  text-align: left;
  color: #a5a5a5;
  font-family: Helvetica;
  font-size: 12px;
  width: 200px;
  margin-bottom: 10px; }

.report-stacked-bar {
  display: inline-block; }

.horiz_me_bg {
  text-align: center;
  border-radius: 5px 0 0 5px;
  display: inline-block; }

.horiz_team_bg {
  text-align: left;
  display: inline-block;
  border-radius: 5px 0px 0px 5px; }

.horiz-goal-bg {
  width: 380px;
  border-radius: 5px;
  display: inline-block; }

#num_upgrades_goal,
#num_rev_goal {
  font-size: 11px;
  margin-left: 3px;
  text-align: center;
  display: inline-block;
  color: #EE8A15; }

#num_upgrades_team,
#num_rev_team {
  text-align: center;
  display: inline-block;
  color: #ffffff; }

#num_upgrades_me_bg,
#num_rev_me_bg {
  color: #ffffff;
  min-width: 60px;
  float: left; }

#num_upgrades_team_bg,
#num_rev_team_bg {
  min-width: 120px;
  text-align: center;
  white-space: nowrap; }

#ug_success_me {
  color: #99c94d;
  border-color: #99c94d;
  cursor: pointer;
  box-shadow: inset 0px -3px #99c94d;
  background-image: linear-gradient(#F2F2F2, #FFFFFF);
  border-radius: 10px;
  transition-property: background;
  transition-duration: 2s;
  transition-timing-function: ease; }
  #ug_success_me:hover {
    background: #fff4da;
    border-color: #356A24; }

#ug_success_me.tooltip-h.clicked-my-rate {
  background-image: linear-gradient(#fff4da, #fff4da);
  box-shadow: inset 2px 4px 6px rgba(19, 68, 3, 0.5);
  border-radius: 5px;
  border-color: #397e22;
  color: #ffffff; }

#ug_success_team {
  color: #FC1010;
  border-color: #3A87B4;
  cursor: pointer;
  box-shadow: inset 0px -3px #1b6fa1;
  background-image: linear-gradient(#F2F2F2, #FFFFFF);
  border-radius: 10px;
  transition-property: background;
  transition-duration: 2s;
  transition-timing-function: ease; }
  #ug_success_team:hover {
    background: #fff4da;
    border-color: #083c5d; }

#ug_success_team.tooltip-h.clicked-team-rate {
  background-image: linear-gradient(#fff4da, #fff4da);
  box-shadow: inset 2px 4px 6px rgba(6, 55, 84, 0.6);
  border-radius: 5px;
  border-color: #010e15;
  background-color: #1A73A7;
  color: #ffffff;
  /*
 	background-image: linear-gradient(#f2f2f2, #ffffff);
    box-shadow: inset 0px 4px 6px rgba(6,55,84,0.5);
    border-radius: 5px;
    background: rgba(17, 101, 151, 0.67);
    color: #fff; */ }

#ug_success_goal {
  color: #EE8A15;
  border-color: #EE8A15; }

.legend {
  text-align: right; }

.circles span {
  border-radius: 50%; }

.legend .me-legend-class,
.legend .team-legend-class,
.legend .hc-legend-class,
.legend .goal-legend-class {
  width: 15px;
  height: 15px;
  display: inline-block; }

.me-legend-class {
  background-color: #99c94d; }

.team-legend-class {
  background-color: #1A73A7; }

.hc-legend-class {
  background-color: #FF9C00; }

.goal-legend-class {
  background-color: #FF9C00; }

.legend > span {
  margin-right: 20px; }

.legend > span span {
  margin-right: 5px; }

.label {
  z-index: 1 !important; }

.highcharts-tooltip div {
  background-color: white;
  opacity: 1; }

/* highcharts tooltip */
.tooltip {
  text-align: center;
  width: 100px;
  left: -50px;
  border: 1px solid #cccccc; }

/* Tooltip horizontal barchart container */
#tooltip-h-container, #tooltip-upgrades-container {
  position: fixed;
  display: block;
  text-align: center;
  background-color: #333333;
  width: 150px;
  display: none;
  z-index: 100;
  background-color: #333;
  color: #ffffff;
  border-radius: 4px;
  font-size: 12px;
  padding: 5px; }

#upgrade-list {
  margin-top: 10px; }
  #upgrade-list .upgrade-list-toggle {
    background-color: #F4F9FA;
    height: 42px;
    border-top: 1px solid #e3e3e3;
    padding: 5px; }
    #upgrade-list .upgrade-list-toggle .upgrade-list-toggle-btn {
      background-color: #48a7ff;
      cursor: pointer;
      display: inline-block;
      border-radius: 6px;
      color: #ffffff;
      font-size: 14px;
      height: 30px;
      width: 200px;
      padding: 4px 2px;
      position: relative;
      float: right;
      margin-right: 20px; }
      #upgrade-list .upgrade-list-toggle .upgrade-list-toggle-btn img {
        width: 22px;
        margin-left: 5px; }
      #upgrade-list .upgrade-list-toggle .upgrade-list-toggle-btn span {
        display: inline-block;
        padding: 0px 7px; }
      #upgrade-list .upgrade-list-toggle .upgrade-list-toggle-btn .arw-icon {
        font-size: 28px;
        position: absolute;
        right: 10px;
        top: -5px;
        color: #fff; }
      #upgrade-list .upgrade-list-toggle .upgrade-list-toggle-btn:hover {
        background-color: #1585cb; }
  #upgrade-list #upgrade-list-info {
    color: #6f6f6f;
    font-size: 14px;
    /*
	    	height:10%;
	    	transition-property: opacity,height;
	  		transition-duration: 1s;
	  		transition-timing-function: linear;
	  	*/ }
    #upgrade-list #upgrade-list-info #upgrade-list-header {
      padding: 10px 10px 0 10px;
      background-color: #333333; }
      #upgrade-list #upgrade-list-info #upgrade-list-header .header-title {
        font-size: 16px;
        margin: 10px 10px 0 10px;
        color: #ffffff;
        font-weight: 400;
        text-transform: uppercase;
        max-width: 45%;
        float: left; }
        #upgrade-list #upgrade-list-info #upgrade-list-header .header-title p {
          display: inline-block; }
      #upgrade-list #upgrade-list-info #upgrade-list-header #upgrade-list-search {
        position: relative;
        font-size: 13px;
        padding-top: 2px;
        width: 40%;
        float: left; }
        #upgrade-list #upgrade-list-info #upgrade-list-header #upgrade-list-search .form-control {
          width: 85%;
          border-radius: 20px;
          display: inline-block;
          padding-left: 10px;
          background-color: #3f3f3f;
          border: 0;
          color: #ffffff; }
        #upgrade-list #upgrade-list-info #upgrade-list-header #upgrade-list-search .wrapper-demo > div button {
          background-color: #3e3e3e;
          color: #d8d8d8;
          border: 1px solid #484848; }
        #upgrade-list #upgrade-list-info #upgrade-list-header #upgrade-list-search .wrapper-demo > div .cst-dropdown {
          width: 11em; }
        #upgrade-list #upgrade-list-info #upgrade-list-header #upgrade-list-search .fa {
          position: absolute;
          top: 50%;
          left: 75%;
          font-size: 16px;
          color: #fff;
          -webkit-transform: translateY(-50%);
          -moz-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          -o-transform: translateY(-50%);
          transform: translateY(-50%); }
        #upgrade-list #upgrade-list-info #upgrade-list-header #upgrade-list-search select {
          margin-left: 25px;
          width: 135px;
          height: 32px;
          border: 0;
          background-color: #3f3f3f;
          color: #ffffff; }
      #upgrade-list #upgrade-list-info #upgrade-list-header .export-print-sec {
        width: 5%;
        position: relative;
        display: inline-block;
        float: left;
        padding: 5px 0px 10px 0px; }
        #upgrade-list #upgrade-list-info #upgrade-list-header .export-print-sec .export-option-icon {
          border-radius: 20px;
          background-color: #3c3c3c;
          font-size: 24px;
          text-align: center;
          width: 42px;
          cursor: pointer; }
        #upgrade-list #upgrade-list-info #upgrade-list-header .export-print-sec .export-options-icon-list {
          position: absolute;
          top: 45px;
          background-color: #3c3c3c;
          z-index: 100;
          text-align: CENTER;
          font-size: 20px;
          color: #48a7ff;
          border-radius: 20px;
          width: 45px; }
          #upgrade-list #upgrade-list-info #upgrade-list-header .export-print-sec .export-options-icon-list ul {
            padding: 0px;
            list-style-type: none; }
            #upgrade-list #upgrade-list-info #upgrade-list-header .export-print-sec .export-options-icon-list ul li {
              padding: 10px;
              cursor: pointer; }
              #upgrade-list #upgrade-list-info #upgrade-list-header .export-print-sec .export-options-icon-list ul li:hover {
                color: #ffffff; }
    #upgrade-list #upgrade-list-info #upgrades-list-table {
      overflow: scroll; }
      #upgrade-list #upgrade-list-info #upgrades-list-table .PopupWindow {
        position: fixed;
        max-width: 1024px; }
        #upgrade-list #upgrade-list-info #upgrades-list-table .PopupWindow .error-content {
          width: 100%; }
          #upgrade-list #upgrade-list-info #upgrades-list-table .PopupWindow .error-content .rt-header {
            padding-bottom: 30px; }
            #upgrade-list #upgrade-list-info #upgrades-list-table .PopupWindow .error-content .rt-header h3, #upgrade-list #upgrade-list-info #upgrades-list-table .PopupWindow .error-content .rt-header span {
              display: inline-block;
              color: #8e9ba1;
              font-weight: 300;
              font-size: 20px; }
            #upgrade-list #upgrade-list-info #upgrades-list-table .PopupWindow .error-content .rt-header span {
              margin-left: 10px;
              display: inline-block; }
          #upgrade-list #upgrade-list-info #upgrades-list-table .PopupWindow .error-content .error-image {
            height: 200px;
            background: url("../images/reservation_not_found.png") no-repeat center center;
            -webkit-background-size: 140px;
            background-size: 140px; }
          #upgrade-list #upgrade-list-info #upgrades-list-table .PopupWindow .error-content .error-detail {
            margin-top: 20px;
            text-align: center; }
        #upgrade-list #upgrade-list-info #upgrades-list-table .PopupWindow .reconcile-transactions {
          overflow-x: scroll;
          overflow-y: visible; }
          #upgrade-list #upgrade-list-info #upgrades-list-table .PopupWindow .reconcile-transactions .header-style {
            position: absolute;
            width: 100%;
            height: 60px;
            left: 0;
            box-shadow: rgba(24, 24, 25, 0.1) 0 1px 0 0; }
          #upgrade-list #upgrade-list-info #upgrades-list-table .PopupWindow .reconcile-transactions .rt-header {
            padding-bottom: 30px; }
            #upgrade-list #upgrade-list-info #upgrades-list-table .PopupWindow .reconcile-transactions .rt-header h3, #upgrade-list #upgrade-list-info #upgrades-list-table .PopupWindow .reconcile-transactions .rt-header span {
              display: inline-block;
              color: #8e9ba1;
              font-weight: 300;
              font-size: 20px; }
            #upgrade-list #upgrade-list-info #upgrades-list-table .PopupWindow .reconcile-transactions .rt-header span {
              margin-left: 10px;
              display: inline-block; }
          #upgrade-list #upgrade-list-info #upgrades-list-table .PopupWindow .reconcile-transactions table tr:first-child {
            background-color: #f6f6f6; }
          #upgrade-list #upgrade-list-info #upgrades-list-table .PopupWindow .reconcile-transactions table tr .wrapper-demo {
            width: 100%;
            margin-left: 0; }
            #upgrade-list #upgrade-list-info #upgrades-list-table .PopupWindow .reconcile-transactions table tr .wrapper-demo .wrapper-dropdown-1 {
              width: 100%; }
          #upgrade-list #upgrade-list-info #upgrades-list-table .PopupWindow .reconcile-transactions table tr td {
            padding-left: 10px; }
            #upgrade-list #upgrade-list-info #upgrades-list-table .PopupWindow .reconcile-transactions table tr td button.dropdown-toggle {
              background-color: #FFFFFF;
              color: #171717;
              font-weight: bold;
              opacity: 0.6;
              border: 1px solid #cc0000;
              border-radius: 3px;
              height: 100%;
              width: 95%;
              min-width: 120px;
              padding: 7px; }
              #upgrade-list #upgrade-list-info #upgrades-list-table .PopupWindow .reconcile-transactions table tr td button.dropdown-toggle span:first-child {
                display: inline-block;
                margin-right: 5px; }
          #upgrade-list #upgrade-list-info #upgrades-list-table .PopupWindow .reconcile-transactions .trx-actions {
            display: flex;
            justify-content: center; }
            #upgrade-list #upgrade-list-info #upgrades-list-table .PopupWindow .reconcile-transactions .trx-actions button {
              display: inline-block; }
          #upgrade-list #upgrade-list-info #upgrades-list-table .PopupWindow .reconcile-transactions .no-permission-notification {
            color: #cc0000; }
        #upgrade-list #upgrade-list-info #upgrades-list-table .PopupWindow .action-box {
          display: flex;
          justify-content: center; }
          #upgrade-list #upgrade-list-info #upgrades-list-table .PopupWindow .action-box .btn-offer {
            box-shadow: none; }
          #upgrade-list #upgrade-list-info #upgrades-list-table .PopupWindow .action-box .btn-offer-fail {
            border: 1px solid #ccc;
            background-color: #fff;
            color: #333;
            opacity: 1; }
      #upgrade-list #upgrade-list-info #upgrades-list-table table tbody tr td .error-column img, #upgrade-list #upgrade-list-info #upgrades-list-table table tbody tr td .error-column i {
        width: 18px;
        font-size: 16px; }
      #upgrade-list #upgrade-list-info #upgrades-list-table table tbody tr td .error-column img.mismatch-revenue {
        width: 28px; }
      #upgrade-list #upgrade-list-info #upgrades-list-table table tbody tr td .error-column .no-error {
        display: none; }
      #upgrade-list #upgrade-list-info #upgrades-list-table table tbody tr td .error-column .tooltip {
        display: inline-block;
        width: 300px; }
    #upgrade-list #upgrade-list-info table {
      width: 100%; }
      #upgrade-list #upgrade-list-info table td {
        padding: 10px 2px;
        font-size: 0.9em;
        color: #676768; }
        #upgrade-list #upgrade-list-info table td button {
          background-color: #70C57A;
          border: 1px solid #0EB522;
          color: #fff;
          padding: 4px 12px;
          font-size: 12px;
          border-radius: 2px; }
      #upgrade-list #upgrade-list-info table td.text-center {
        padding: 12px 2px;
        border-top: 2px solid #E6E6E6;
        border-bottom: 2px solid #E6E6E6;
        font-weight: bolder;
        font-size: 1em;
        color: #0B0B0B; }
      #upgrade-list #upgrade-list-info table tr:nth-child(even) {
        border-top: 1px solid #E6E6E6;
        border-bottom: 1px solid #E6E6E6;
        background-color: #F4F9FA; }
      #upgrade-list #upgrade-list-info table .error-column-header {
        display: inline-block; }
        #upgrade-list #upgrade-list-info table .error-column-header img {
          width: 16px; }
        #upgrade-list #upgrade-list-info table .error-column-header img.mismatch-revenue {
          width: 26px; }
      #upgrade-list #upgrade-list-info table .error-column {
        position: relative;
        cursor: pointer; }
        #upgrade-list #upgrade-list-info table .error-column img {
          width: 16px; }
        #upgrade-list #upgrade-list-info table .error-column img.mismatch-revenue {
          width: 26px; }
      #upgrade-list #upgrade-list-info table .error-tool-tip {
        position: absolute;
        width: auto;
        text-align: center;
        background: #333333;
        color: #f0f0f0;
        top: 25px;
        border-radius: 4px;
        padding: 5px;
        z-index: 100; }
        #upgrade-list #upgrade-list-info table .error-tool-tip p {
          font-size: 13px;
          margin: 0px; }
        #upgrade-list #upgrade-list-info table .error-tool-tip span {
          font-size: 12px; }
        #upgrade-list #upgrade-list-info table .error-tool-tip div {
          position: relative; }
          #upgrade-list #upgrade-list-info table .error-tool-tip div span .fa {
            position: absolute;
            font-size: 15px;
            color: #333333;
            top: -15px;
            left: 50%; }
      #upgrade-list #upgrade-list-info table .error-icon-group {
        position: absolute;
        background: #fff;
        box-shadow: -2px 3px 10px 0px #bbbbbb;
        text-align: left;
        width: 300px;
        padding: 5px;
        z-index: 10; }
        #upgrade-list #upgrade-list-info table .error-icon-group .filter-by {
          padding: 5px;
          border-bottom: 1px solid #e7e7e7; }
        #upgrade-list #upgrade-list-info table .error-icon-group .single-checkbox {
          margin: 10px 4px; }
          #upgrade-list #upgrade-list-info table .error-icon-group .single-checkbox input {
            width: 20px; }
          #upgrade-list #upgrade-list-info table .error-icon-group .single-checkbox img {
            margin: 4px 10px; }
          #upgrade-list #upgrade-list-info table .error-icon-group .single-checkbox label {
            font-size: 11px;
            font-weight: 500; }
          #upgrade-list #upgrade-list-info table .error-icon-group .single-checkbox .no-error, #upgrade-list #upgrade-list-info table .error-icon-group .single-checkbox .show-all {
            margin: 0px 10px; }
      #upgrade-list #upgrade-list-info table .total_revenue_col {
        position: relative; }
      #upgrade-list #upgrade-list-info table .agents-list {
        position: relative;
        cursor: pointer; }
        #upgrade-list #upgrade-list-info table .agents-list .assign-agents {
          position: absolute;
          background-color: #ffffff;
          box-shadow: -2px 3px 10px 0px #bbbbbb;
          width: 150px;
          z-index: 10;
          border-radius: 4px;
          top: 20px;
          left: -28px; }
          #upgrade-list #upgrade-list-info table .agents-list .assign-agents div {
            cursor: pointer;
            padding: 10px;
            text-align: left; }
            #upgrade-list #upgrade-list-info table .agents-list .assign-agents div:hover {
              background-color: #f2f2f2; }
  #upgrade-list #upgrade-list-info.upgrade-page-transition {
    height: 100%; }
  #upgrade-list #upgrade-list-info #upgrades-list-table .PopupWindow.reconcile-popup .reconcile-transactions table {
    display: block;
    max-height: 500px;
    overflow-y: scroll; }

#num_upgrades_me_bg, #num_rev_me_bg {
  cursor: pointer;
  /*
	&:hover{
		background-image: linear-gradient(#99c94d, #aadc5b);
		box-shadow: inset 2px 4px 2px rgba(19, 68, 3, 0.6);
		border-radius:5px 0px 0px 5px;
	}
	*/ }

.me-count-bar#num_upgrades_me_bg, .me-count-bar#num_rev_me_bg {
  background-image: linear-gradient(#99c94d, #aadc5b);
  box-shadow: inset 2px 4px 2px rgba(19, 68, 3, 0.6);
  border-radius: 5px 0px 0px 5px; }

#num_upgrades_team_bg,
#num_rev_team_bg {
  cursor: pointer;
  /*
	&:hover{
		background-image: linear-gradient(#1a73a7, #2a89c1);
		box-shadow: inset 2px 4px 2px rgba(6, 55, 84, 0.6);
		border-radius:5px 0px 0px 5px;
	}
	*/ }

.team-count-bar#num_upgrades_team_bg, .team-count-bar#num_rev_team_bg {
  background-image: linear-gradient(#1a73a7, #2a89c1);
  box-shadow: inset 2px 4px 2px rgba(6, 55, 84, 0.6);
  border-radius: 5px 0px 0px 5px; }

.tool-arrow {
  position: absolute;
  top: -10px;
  left: 64px; }
  .tool-arrow .tool-arrow-outer {
    width: 0px;
    height: 0px;
    border-bottom: 10px solid #333333;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent; }

.tooltip-arrow {
  position: absolute;
  top: 4px;
  left: -11px; }
  .tooltip-arrow .tool-arrow-left-outer {
    width: 0px;
    height: 0px;
    border-right: 8px solid #999;
    border-bottom: 8px solid transparent;
    border-top: 8px solid transparent;
    display: inline-block; }
  .tooltip-arrow .tool-arrow-left-inner {
    position: relative;
    display: inline-block;
    top: -19px;
    vertical-align: center;
    left: 2px;
    width: 0px;
    height: 0px;
    border-right: 6px solid #fff;
    border-bottom: 6px solid transparent;
    border-top: 6px solid transparent; }

/* Transitions */
.example-enter {
  opacity: 0.01; }

.example-enter.example-enter-active {
  opacity: 1;
  transition: opacity 1000ms ease-in; }

.example-leave {
  opacity: 1; }

.arrival-stay-buttons
.example-leave.example-leave-active {
  opacity: 0.01;
  transition: opacity 1000ms ease-in; }

/* Common styles for dash baord*/
.high-color {
  color: #2BAF01; }

.low-color {
  color: #FC1010; }

#right-header-sec {
  display: inline-block;
  float: right; }

.revenue_by_sec {
  display: inline-block;
  font-size: 14px;
  top: 13px; }
  .revenue_by_sec .caret {
    margin-left: 5px; }

@media print {
  #header, #report_section_title, #report_section, #upgrade-list-toggle,
  .upgrade-list-toggle-btn img, .upgrade-list-toggle-btn span i,
  #upgrade-list.collapse-text, #upgrade-list-header,
  .header-title, .export-print-sec, #tooltip-upgrades-container,
  .export-options-icon-list {
    display: none; }
  #upgrades-list-table {
    display: block; } }

/*------------------
   sidebar menu
-------------------*/
#sidebar-menu {
  position: fixed;
  width: 60px;
  top: 150px;
  box-shadow: rgba(24, 24, 25, 0.4) 0 0 3px 0;
  z-index: 99; }
  #sidebar-menu ul {
    padding: 0;
    margin: 0;
    list-style: none; }
    #sidebar-menu ul li:hover {
      cursor: pointer; }
    #sidebar-menu ul li {
      height: 60px;
      position: relative; }
      #sidebar-menu ul li > a {
        position: absolute;
        left: 0;
        display: inline-block;
        width: 100%;
        height: 100%;
        padding-left: 11px;
        padding-right: 11px; }
        #sidebar-menu ul li > a div:first-child {
          display: inline-block;
          width: 100%;
          height: 100%;
          border-bottom: 1px solid #d3d3d3; }
        #sidebar-menu ul li > a div.sidebar-menu-item-home {
          background: url("../images/sidebar-menu-assets/home/Default@2x.png") no-repeat center;
          background-size: 26px 26px; }
        #sidebar-menu ul li > a div.sidebar-menu-item-home:hover {
          background: url("../images/sidebar-menu-assets/home/Hover@2x.png") no-repeat center;
          background-size: 26px 26px; }
        #sidebar-menu ul li > a div.sidebar-menu-item-upgrade-details {
          background: url("../images/sidebar-menu-assets/upgrade-details/Default@2x.png") no-repeat center;
          background-size: 26px 26px; }
        #sidebar-menu ul li > a div.sidebar-menu-item-upgrade-details:hover {
          background: url("../images/sidebar-menu-assets/upgrade-details/Hover@2x.png") no-repeat center;
          background-size: 26px 26px; }
        #sidebar-menu ul li > a div.sidebar-menu-item-incentives {
          background: url("../images/sidebar-menu-assets/incentives/Default@2x.png") no-repeat center;
          background-size: 20px 26px; }
        #sidebar-menu ul li > a div.sidebar-menu-item-incentives:hover {
          background: url("../images/sidebar-menu-assets/incentives/Hover@2x.png") no-repeat center;
          background-size: 20px 26px; }
        #sidebar-menu ul li > a div.sidebar-menu-item-insights {
          background: url("../images/sidebar-menu-assets/insights/Default@2x.png") no-repeat center;
          background-size: 26px 26px; }
        #sidebar-menu ul li > a div.sidebar-menu-item-insights:hover {
          background: url("../images/sidebar-menu-assets/insights/Hover@2x.png") no-repeat center;
          background-size: 26px 26px; }
        #sidebar-menu ul li > a div.sidebar-menu-item-invoice-details {
          background: url("../images/sidebar-menu-assets/invoice-details/Default@2x.png") no-repeat center;
          background-size: 32px 32px; }
        #sidebar-menu ul li > a div.sidebar-menu-item-invoice-details:hover {
          background: url("../images/sidebar-menu-assets/invoice-details/Hover@2x.png") no-repeat center;
          background-size: 32px 32px; }
        #sidebar-menu ul li > a div.sidebar-menu-item-exclusions {
          background: url("../images/sidebar-menu-assets/exclusions/Default@2x.png") no-repeat center;
          background-size: 24px 26px; }
        #sidebar-menu ul li > a div.sidebar-menu-item-exclusions:hover {
          background: url("../images/sidebar-menu-assets/exclusions/Hover@2x.png") no-repeat center;
          background-size: 24px 26px; }
        #sidebar-menu ul li > a div.sidebar-menu-item-goal-settings {
          background: url("../images/sidebar-menu-assets/goal-settings/Default@2x.png") no-repeat center;
          background-size: 26px 26px; }
        #sidebar-menu ul li > a div.sidebar-menu-item-goal-settings:hover {
          background: url("../images/sidebar-menu-assets/goal-settings/Hover@2x.png") no-repeat center;
          background-size: 26px 26px; }
        #sidebar-menu ul li > a div.sidebar-menu-item-configurations {
          background: url("../images/sidebar-menu-assets/configurations/Default@2x.png") no-repeat center;
          background-size: 26px 26px; }
        #sidebar-menu ul li > a div.sidebar-menu-item-configurations:hover {
          background: url("../images/sidebar-menu-assets/configurations/Hover@2x.png") no-repeat center;
          background-size: 26px 26px; }
        #sidebar-menu ul li > a div.sidebar-menu-item-checkin {
          background: url("../images/sidebar-menu-assets/checkin/Default@2x.png") no-repeat center;
          background-size: 26px 26px; }
        #sidebar-menu ul li > a div.sidebar-menu-item-checkin:hover {
          background: url("../images/sidebar-menu-assets/checkin/Hover@2x.png") no-repeat center;
          background-size: 26px 26px; }
      #sidebar-menu ul li .sidebar-menu-tooltip {
        border: none;
        overflow: visible;
        margin-top: 50%;
        transform: translateY(-50%); }
        #sidebar-menu ul li .sidebar-menu-tooltip .tooltip-inner {
          width: 110px;
          border-radius: 2px;
          padding-top: 6px; }
    #sidebar-menu ul li.sidebar-menu-li-activated {
      background-color: #c30500; }
      #sidebar-menu ul li.sidebar-menu-li-activated a > div {
        border-bottom: none; }
      #sidebar-menu ul li.sidebar-menu-li-activated div.sidebar-menu-item-home-activated {
        display: inline-block;
        background: url("../images/sidebar-menu-assets/home/Selected@2x.png") no-repeat center;
        background-size: 26px 26px; }
      #sidebar-menu ul li.sidebar-menu-li-activated div.sidebar-menu-item-upgrade-details-activated {
        background: url("../images/sidebar-menu-assets/upgrade-details/Selected@2x.png") no-repeat center;
        background-size: 26px 26px; }
      #sidebar-menu ul li.sidebar-menu-li-activated div.sidebar-menu-item-incentives-activated {
        background: url("../images/sidebar-menu-assets/incentives/Selected@2x.png") no-repeat center;
        background-size: 26px 26px; }
      #sidebar-menu ul li.sidebar-menu-li-activated div.sidebar-menu-item-insights-activated {
        background: url("../images/sidebar-menu-assets/insights/Selected@2x.png") no-repeat center;
        background-size: 26px 26px; }
      #sidebar-menu ul li.sidebar-menu-li-activated div.sidebar-menu-item-invoice-details-activated {
        background: url("../images/sidebar-menu-assets/invoice-details/Selected@2x.png") no-repeat center;
        background-size: 32px 32px; }
      #sidebar-menu ul li.sidebar-menu-li-activated div.sidebar-menu-item-exclusions-activated {
        background: url("../images/sidebar-menu-assets/exclusions/Selected@2x.png") no-repeat center;
        background-size: 26px 26px; }
      #sidebar-menu ul li.sidebar-menu-li-activated div.sidebar-menu-item-goal-settings-activated {
        background: url("../images/sidebar-menu-assets/goal-settings/Selected@2x.png") no-repeat center;
        background-size: 26px 26px; }
      #sidebar-menu ul li.sidebar-menu-li-activated div.sidebar-menu-item-configurations-activated {
        background: url("../images/sidebar-menu-assets/configurations/Selected@2x.png") no-repeat center;
        background-size: 26px 26px; }
      #sidebar-menu ul li.sidebar-menu-li-activated div.sidebar-menu-item-checkin-activated {
        background: url("../images/sidebar-menu-assets/checkin/Selected@2x.png") no-repeat center;
        background-size: 26px 26px; }
    #sidebar-menu ul li:last-child a > div {
      border-bottom: none; }

/*------------------
   date-picker-go-to-today-button
-------------------*/
.DayPicker-Footer {
  display: table-caption;
  caption-side: bottom;
  padding-top: .5rem; }

.DayPicker-TodayButton {
  border: none;
  background-image: none;
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  cursor: pointer;
  color: #4A90E2;
  font-size: 0.875em; }

/* Styling for custom dropdown */
.wrapper-demo {
  font-weight: 400;
  border-radius: 1px;
  margin: 0px 10px;
  font-size: 15px;
  display: inline-block; }

.wrapper-demo:after {
  clear: both;
  content: "";
  display: table; }

/* DEMO 1 */
.wrapper-dropdown-1 > button {
  width: 11em;
  padding-left: 10px;
  padding-right: 10px; }

.wrapper-dropdown-1 .cst-dropdown {
  /* Size & position */
  position: absolute;
  top: 100%;
  left: 0px;
  /* Styles */
  background: #ffffff;
  list-style: none;
  font-weight: normal;
  /* Cancels previous font-weight: bold; */
  padding: 5px 0;
  text-align: left;
  background-clip: padding-box;
  /* Hiding */
  opacity: 0;
  pointer-events: none;
  /* Text */
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  box-shadow: 1px 2px 1px #cbc9c9;
  z-index: 1; }

.wrapper-dropdown-1 .cst-dropdown li a {
  text-decoration: none;
  display: block;
  padding: 3px 10px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap; }

/* Hover state */
.wrapper-dropdown-1 .cst-dropdown li:hover a {
  background: #1A73A7;
  color: #ffffff; }

/* Active state */
.wrapper-dropdown-1.active .cst-dropdown {
  opacity: 1;
  pointer-events: auto; }

.wrapper-dropdown-1.active:after {
  border-color: #1A73A7 transparent;
  border-width: 6px 6px 0 6px;
  margin-top: -3px; }

#upgrade-list-info .wrapper-dropdown-1:after {
  border-color: transparent #afafaf; }

#upgrade-list-info .wrapper-dropdown-1 .cst-dropdown li a {
  color: #9f9f9f; }

#upgrade-list-info .wrapper-dropdown-1 .cst-dropdown li:hover a {
  background: #3e3e3e;
  color: #ffffff; }

#upgrade-list-info .wrapper-dropdown-1.active:after {
  border-color: #999999 transparent; }

#add-reservation .wrapper-demo {
  position: relative;
  border-radius: 1px;
  margin: 0;
  padding-top: 0;
  font-size: 15px;
  display: inline-block; }
  #add-reservation .wrapper-demo .wrapper-dropdown-1 {
    position: absolute;
    width: 168px;
    height: 38px;
    top: -7px;
    padding: 2px 15px;
    margin: 0 auto;
    background: none;
    color: #000000;
    /* outline: none; */
    cursor: pointer;
    border: 1px solid #e3e3e3;
    border-radius: 1px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    font-weight: 200; }
    #add-reservation .wrapper-demo .wrapper-dropdown-1 span {
      display: inline-block;
      padding-top: 5px;
      font-weight: normal;
      color: inherit; }
    #add-reservation .wrapper-demo .wrapper-dropdown-1 .select-room {
      font-weight: 200;
      color: #ababab; }
    #add-reservation .wrapper-demo .wrapper-dropdown-1 .cst-dropdown {
      height: 165px;
      overflow-y: scroll; }
      #add-reservation .wrapper-demo .wrapper-dropdown-1 .cst-dropdown li a {
        color: #333333; }
      #add-reservation .wrapper-demo .wrapper-dropdown-1 .cst-dropdown li:hover a {
        color: #ffffff; }

#no-offer {
  padding: 20px;
  background: #f9f9f9; }
  #no-offer .inner-section {
    background-color: #ffffff;
    padding: 20px 50px;
    border: 1px solid #dedede;
    border-radius: 2px; }
    #no-offer .inner-section .message-section {
      display: inline-block;
      padding-top: 20px; }
      #no-offer .inner-section .message-section .title {
        font-weight: bold;
        color: #1a73a7; }
      #no-offer .inner-section .message-section .reason {
        font-size: 16px;
        color: #333333;
        font-weight: bold; }
      #no-offer .inner-section .message-section .message {
        margin-top: 10px;
        line-height: 25px; }
  #no-offer .access-section .message-section {
    width: 50%; }
  #no-offer .no-access-section {
    text-align: center;
    position: relative;
    padding-top: 180px; }
    #no-offer .no-access-section .view-user_profile_btn a {
      margin-top: 15px;
      text-decoration: none;
      display: inline-block;
      border: 1px solid #3A87B4;
      border-radius: 5px;
      padding: 8px;
      font-size: 12px; }
    #no-offer .no-access-section .message {
      display: inline-block;
      width: 60%; }
  #no-offer .image-section {
    display: inline-block;
    text-align: center; }
    #no-offer .image-section img {
      display: inline-block;
      max-width: 400px;
      max-height: 300px; }
  #no-offer .access-section-image {
    width: 50%; }
  #no-offer .no-access-section-image {
    left: 50%;
    top: 40px;
    transform: translateX(-50%);
    position: absolute; }

.custom-checkbox label {
  position: relative;
  display: inline-block;
  margin: 0px;
  padding-bottom: 4px;
  font-size: 14px;
  font-weight: 300;
  cursor: pointer; }
  .custom-checkbox label input {
    width: 10px;
    visibility: hidden; }
  .custom-checkbox label .checking {
    position: absolute;
    width: 18px;
    height: 18px;
    top: 5px;
    left: 30px;
    background: #bfbfbf;
    border: 1px solid #ddd;
    border-radius: 4px; }
    .custom-checkbox label .checking:after {
      opacity: 0;
      content: '';
      position: absolute;
      width: 10px;
      height: 5px;
      top: 4px;
      left: 4px;
      border: 2px solid #ffffff;
      border-top: none;
      border-right: none;
      transform: rotate(-45deg); }
  .custom-checkbox label input[type="checkbox"]:checked + .checking {
    background: #4572A4;
    border: 1px solid #4572a4; }
  .custom-checkbox label input[type="checkbox"]:checked + .checking:after {
    opacity: 1; }

/*
	Styling offer and price rules engine
*/
.offer-price-modal .modal-dialog {
  top: 21%;
  left: 4%;
  transform: translateY(-50%); }

.offer-price-modal .modal-content {
  height: auto; }

.offer-price-modal .modal-body {
  color: #919191;
  font-weight: 200;
  min-height: 80px;
  font-size: 20px;
  text-align: center; }

.offer-price-modal .modal-footer {
  padding: 5px; }

.offer-price-modal button {
  width: 160px;
  height: 42px;
  border-radius: 5px;
  margin: 4px;
  background-color: #f0f0f0;
  color: #333333; }

.offer-price-modal .action-btns {
  text-align: center;
  padding: 10px;
  font-size: 14px; }
  .offer-price-modal .action-btns button:last-child {
    background-color: #70c57a;
    color: #ffffff; }
    .offer-price-modal .action-btns button:last-child:hover {
      background-color: #65b16e; }

.rule_tooltip {
  border: none;
  left: 280px;
  width: 450px;
  margin-top: -30px !important; }
  .rule_tooltip .tooltip-inner {
    max-width: 450px;
    padding: 10px;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 4px;
    min-height: 55px; }
  .rule_tooltip .tooltip-arrow {
    top: 60px; }

.active-property {
  height: 500px; }

.inactive-property {
  text-align: center;
  padding: 20px;
  color: #838080; }

.gray-text {
  font-weight: normal;
  color: #838080;
  font-size: 25px; }

#offer-price-rules {
  width: 100%; }
  #offer-price-rules .goal-settings-first-visit-popup-window {
    position: fixed;
    width: 380px;
    height: 260px;
    background: #f3f3f3;
    outline: 5px;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    border-radius: 6px;
    border: 5px solid #fff; }
    #offer-price-rules .goal-settings-first-visit-popup-window .action-box {
      text-align: center; }
      #offer-price-rules .goal-settings-first-visit-popup-window .action-box button {
        margin: 25px 20px; }
      #offer-price-rules .goal-settings-first-visit-popup-window .action-box .btn-offer {
        width: 120px;
        height: 60px;
        text-align: center;
        line-height: 0; }
        #offer-price-rules .goal-settings-first-visit-popup-window .action-box .btn-offer h4 {
          padding-left: 0;
          margin: 0; }
        #offer-price-rules .goal-settings-first-visit-popup-window .action-box .btn-offer span {
          display: inline-block;
          font-size: 10px;
          font-weight: 400;
          line-height: 10px;
          margin-top: 3px; }
    #offer-price-rules .goal-settings-first-visit-popup-window span.popup-window-content {
      font-size: 18px;
      font-weight: 400;
      text-align: center;
      display: inline-block; }
    #offer-price-rules .goal-settings-first-visit-popup-window .popup-window-icon-container {
      width: 100px;
      height: 100px;
      background: url("../images/Enable-Price-Offer-Config-Icon.png") no-repeat center center;
      position: relative;
      top: -50%;
      left: 50%;
      margin-left: -50px;
      margin-top: -60px;
      margin-bottom: 25px; }
  #offer-price-rules button {
    display: inline-block;
    position: relative;
    width: 98px;
    height: 37px;
    border-radius: 5px;
    margin: 0 4px;
    background-color: #f0f0f0;
    color: #333333;
    top: 50%;
    transform: translateY(-50%); }
  #offer-price-rules .btn-offer-success {
    color: white;
    border: 1px solid #86be46;
    background-color: #92c559;
    transform: none;
    border-radius: 0; }
  #offer-price-rules .btn-offer-fail {
    color: white;
    border: 1px solid #b34646;
    background-color: #cb5a5a;
    transform: none;
    border-radius: 0; }
  #offer-price-rules header {
    height: 80px;
    border-bottom: 2px solid #dedede;
    color: #839ba1; }
    #offer-price-rules header h2 {
      margin: 0;
      padding: 0;
      font-size: 25px;
      vertical-align: middle;
      top: 25px;
      font-weight: 200;
      padding: 25px 20px; }
  #offer-price-rules .action-btns {
    position: relative;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    margin-top: 40px; }
    #offer-price-rules .action-btns button:first-child {
      background-color: #fbfbfb;
      border-color: #dbdbdb; }
      #offer-price-rules .action-btns button:first-child:hover {
        background-color: #f6f6f6; }
    #offer-price-rules .action-btns button:last-child {
      background-color: #70c57a;
      color: #ffffff; }
      #offer-price-rules .action-btns button:last-child:hover {
        background-color: #65b16e; }
    #offer-price-rules .action-btns .tooltip {
      border: none; }
  #offer-price-rules .action-btns_inactive {
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 30px; }
    #offer-price-rules .action-btns_inactive button:first-child {
      background-color: #fbfbfb;
      border-color: #dbdbdb; }
      #offer-price-rules .action-btns_inactive button:first-child:hover {
        background-color: #f6f6f6; }
    #offer-price-rules .action-btns_inactive button:last-child {
      background-color: #d1d1d0;
      color: #ffffff; }
  #offer-price-rules .slider-btn {
    position: absolute; }
    #offer-price-rules .slider-btn .fa {
      color: #ffffff;
      padding: 9px 6px;
      font-size: 22px; }
  #offer-price-rules .slider-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%); }
    #offer-price-rules .slider-icon .fa-lock {
      font-size: 25px;
      color: #000000; }
  #offer-price-rules .rangeSlider {
    -ms-touch-action: none;
    touch-action: none;
    width: 800px;
    margin: 45px 80px; }
  #offer-price-rules .rc-slider-disabled {
    background-color: transparent !important; }
  #offer-price-rules .rangeslider-horizontal {
    height: 10px;
    border-radius: 10px; }
  #offer-price-rules .rangeslider__fill {
    display: block;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.4);
    height: 10px;
    border-radius: 10px;
    background-color: #4572a4;
    position: absolute;
    width: 800px;
    left: 80px; }
  #offer-price-rules .rangeslider__handle {
    position: absolute;
    width: 40px;
    height: 40px;
    top: 35%;
    left: 228px;
    border-radius: 50%;
    background-color: #363636;
    z-index: 20;
    cursor: pointer; }
    #offer-price-rules .rangeslider__handle .fa {
      color: #ffffff;
      padding: 9px 6px;
      font-size: 22px; }
  #offer-price-rules .section-on-slider {
    border-radius: 50%;
    margin: 0 auto;
    height: 20px;
    width: 20px;
    background-color: #cccccc;
    position: absolute;
    z-index: 10;
    top: 40%; }
    #offer-price-rules .section-on-slider .circle {
      border-radius: 50%;
      margin: 10%;
      height: 80%;
      width: 80%;
      background-color: #ffffff;
      display: inline-block; }
  #offer-price-rules .circle1 {
    left: 230px; }
  #offer-price-rules .circle2 {
    left: 390px; }
  #offer-price-rules .circle3 {
    left: 550px; }
  #offer-price-rules .circle4 {
    left: 710px; }
  #offer-price-rules .slider-footer {
    text-align: center; }
    #offer-price-rules .slider-footer div p {
      display: inline-block;
      width: 28%;
      text-align: left; }
    #offer-price-rules .slider-footer div p:first-child {
      text-align: left; }
    #offer-price-rules .slider-footer div p:last-child {
      text-align: right;
      padding-right: 25px; }
  #offer-price-rules .rule-date-picker {
    display: inline-block;
    border: 1px solid #b5b5b5;
    vertical-align: top;
    position: relative;
    background: #dadada;
    padding-right: 4px;
    margin: 0px 5px; }
    #offer-price-rules .rule-date-picker input {
      width: 120px;
      height: 34px;
      border: 0;
      padding-left: 10px; }
    #offer-price-rules .rule-date-picker .input-calendar-icon {
      cursor: pointer;
      padding-left: 5px; }
  #offer-price-rules .rule-exp-group {
    background-color: #f4f4f4;
    padding: 20px 0px 0px 10px;
    border-radius: 5px;
    height: 84px; }
    #offer-price-rules .rule-exp-group .rule-cond {
      display: inline-block;
      max-width: 100%;
      float: left; }
    #offer-price-rules .rule-exp-group .rule-btns {
      float: right;
      padding-right: 7px; }
  #offer-price-rules .rule-dec {
    display: inline-block;
    position: relative;
    width: 650px; }
    #offer-price-rules .rule-dec .tooltip-top-rule-desc {
      display: inline-block !important;
      border: none;
      bottom: 75px;
      left: 150px; }
      #offer-price-rules .rule-dec .tooltip-top-rule-desc .tooltip-inner {
        position: absolute;
        padding: 10px;
        width: 450px;
        max-width: 450px;
        min-height: 55px; }
      #offer-price-rules .rule-dec .tooltip-top-rule-desc .tooltip-arrow {
        top: 58px; }
  #offer-price-rules .rule-delete {
    display: inline-block;
    position: relative;
    width: 50px;
    font-size: 20px;
    color: #E14C48;
    text-align: center;
    cursor: pointer;
    vertical-align: text-bottom; }
    #offer-price-rules .rule-delete .tooltip-top-rule-delete {
      width: 50px;
      border: none;
      left: -1px;
      top: -22px; }
      #offer-price-rules .rule-delete .tooltip-top-rule-delete .tooltip-inner {
        padding: 5px; }
      #offer-price-rules .rule-delete .tooltip-top-rule-delete .tooltip-arrow {
        top: 31px; }
  #offer-price-rules .rule-delete.gray-trash {
    color: #CBCACA;
    cursor: default; }
  #offer-price-rules .rule-edit {
    display: inline-block;
    position: relative;
    width: 50px;
    font-size: 20px;
    color: #26A3D1;
    text-align: center;
    cursor: pointer;
    vertical-align: text-bottom; }
    #offer-price-rules .rule-edit .tooltip-top-rule-edit {
      width: 50px;
      border: none;
      left: -3px;
      top: -22px; }
      #offer-price-rules .rule-edit .tooltip-top-rule-edit .tooltip-inner {
        padding: 5px; }
      #offer-price-rules .rule-edit .tooltip-top-rule-edit .tooltip-arrow {
        top: 31px; }
  #offer-price-rules .rule-clone {
    display: inline-block;
    position: relative;
    width: 50px;
    font-size: 20px;
    color: #26A3D1;
    text-align: center;
    cursor: pointer;
    vertical-align: text-bottom;
    background: url("../images/clone-icon-enabled.png") no-repeat center center;
    background-size: 20px 16px; }
    #offer-price-rules .rule-clone .tooltip-top-rule-clone {
      width: 50px;
      border: none;
      left: -3px;
      top: -22px; }
      #offer-price-rules .rule-clone .tooltip-top-rule-clone .tooltip-inner {
        padding: 5px; }
      #offer-price-rules .rule-clone .tooltip-top-rule-clone .tooltip-arrow {
        top: 31px; }
  #offer-price-rules .rule-offers-set {
    margin: 10px;
    list-style: none;
    padding: 0; }
    #offer-price-rules .rule-offers-set .single-rule-sec {
      padding: 10px;
      margin: 10px;
      background-color: #fff;
      border-radius: 4px;
      height: auto;
      word-wrap: break-word;
      color: #666;
      font-size: 14px;
      border: 1px solid #f0f0f0; }
      #offer-price-rules .rule-offers-set .single-rule-sec .rule-rank {
        display: inline-block;
        width: 100px;
        vertical-align: top;
        padding: 8px 10px; }
        #offer-price-rules .rule-offers-set .single-rule-sec .rule-rank .rule-rank-box {
          height: 30px;
          width: 30px;
          background-color: #e3e3e3;
          border-radius: 4px;
          text-align: center;
          padding-top: 5px; }
          #offer-price-rules .rule-offers-set .single-rule-sec .rule-rank .rule-rank-box .tooltip-top-rule-rank {
            display: inline-block !important;
            border: none;
            margin-top: -72px;
            left: -35px; }
            #offer-price-rules .rule-offers-set .single-rule-sec .rule-rank .rule-rank-box .tooltip-top-rule-rank .tooltip-arrow {
              top: 61px; }
      #offer-price-rules .rule-offers-set .single-rule-sec .rule-status {
        display: inline-block;
        width: 100px;
        text-align: center;
        cursor: pointer;
        vertical-align: text-bottom; }
        #offer-price-rules .rule-offers-set .single-rule-sec .rule-status img {
          width: 75px; }
  #offer-price-rules #generic-price {
    padding: 20px;
    font-size: 15px;
    background: #f2f2f2;
    height: 420px; }
    #offer-price-rules #generic-price .slider-header-text {
      height: 80px;
      font-size: 14px;
      font-weight: 200;
      color: #333; }
    #offer-price-rules #generic-price .generic-price-config {
      height: 260px;
      background-color: #ffffff;
      position: relative;
      padding-top: 10px; }
      #offer-price-rules #generic-price .generic-price-config .config-val {
        text-align: center;
        padding: 3px 0px 30px 0px; }
        #offer-price-rules #generic-price .generic-price-config .config-val p {
          color: #3A87B4;
          font-size: 30px; }
      #offer-price-rules #generic-price .generic-price-config .slider-num {
        display: inline-block;
        position: absolute;
        line-height: 108px; }
      #offer-price-rules #generic-price .generic-price-config .slider-num-min {
        left: 30px; }
      #offer-price-rules #generic-price .generic-price-config .slider-num-max {
        top: 106px;
        right: 20px; }
  #offer-price-rules .offer-price-nav-boxes {
    margin: 20px 40px;
    text-align: right;
    font-size: 13px; }
    #offer-price-rules .offer-price-nav-boxes .offer-price-buttons.disable-btn {
      background: #f1f1f1; }
      #offer-price-rules .offer-price-nav-boxes .offer-price-buttons.disable-btn span {
        color: #bfbebe; }
      #offer-price-rules .offer-price-nav-boxes .offer-price-buttons.disable-btn:hover {
        cursor: default; }
    #offer-price-rules .offer-price-nav-boxes .offer-price-buttons.active-price-offer {
      border-color: #4572a4; }
    #offer-price-rules .offer-price-nav-boxes .offer-price-buttons {
      display: inline-block;
      width: 190px;
      border: 1px solid #f0f0f0;
      height: 44px;
      margin: 0px 10px;
      padding: 12px 0px 12px 30px;
      border-radius: 20px;
      text-align: left;
      position: relative; }
      #offer-price-rules .offer-price-nav-boxes .offer-price-buttons .fa {
        font-size: 20px;
        font-size: 20px;
        position: absolute;
        top: 10px;
        padding-left: 10px; }
      #offer-price-rules .offer-price-nav-boxes .offer-price-buttons:hover {
        color: #1a73a7;
        cursor: pointer; }
  #offer-price-rules .hide-offer-price-nav-boxes {
    display: none; }
  #offer-price-rules .offer-price-constraint-pages {
    position: absolute;
    width: 1024px;
    margin: 0 auto 30px;
    background: white;
    box-shadow: rgba(24, 24, 25, 0.4) 0 0 3px 0;
    min-height: 550px;
    background-color: #fbfbfb; }
    #offer-price-rules .offer-price-constraint-pages header {
      padding: 20px 20px;
      background-color: #ffffff; }
      #offer-price-rules .offer-price-constraint-pages header span {
        font-size: 23px;
        font-weight: 200; }
      #offer-price-rules .offer-price-constraint-pages header .edited-user-info {
        display: inline-block;
        float: right; }
        #offer-price-rules .offer-price-constraint-pages header .edited-user-info p {
          padding-right: 20px;
          padding-top: 10px;
          font-size: 14px;
          color: #333333; }
          #offer-price-rules .offer-price-constraint-pages header .edited-user-info p span {
            font-size: 14px; }
      #offer-price-rules .offer-price-constraint-pages header button {
        background-color: #1A73A7;
        color: #fff;
        border: 0;
        width: 134px;
        height: 42px;
        font-size: 13px;
        float: right;
        top: 20px; }
    #offer-price-rules .offer-price-constraint-pages .inpt-search {
      float: right;
      height: 40px;
      width: 400px;
      border: 0;
      border-radius: 4px;
      border: 1px solid #d7d7d7;
      padding-left: 12px;
      top: 5px;
      margin-right: 5px; }
    #offer-price-rules .offer-price-constraint-pages .hr-line {
      display: inline-block;
      border: 1px solid #e1dcdc;
      width: 783px;
      margin: 0px 10px; }
    #offer-price-rules .offer-price-constraint-pages .rules-list {
      margin: 20px 0px; }
      #offer-price-rules .offer-price-constraint-pages .rules-list .list-headr-bar {
        position: relative;
        margin: 20px;
        padding-left: 10px; }
        #offer-price-rules .offer-price-constraint-pages .rules-list .list-headr-bar .list-status-name {
          font-size: 15px;
          font-weight: 500; }
        #offer-price-rules .offer-price-constraint-pages .rules-list .list-headr-bar .hr-line {
          position: absolute;
          top: 11px; }
        #offer-price-rules .offer-price-constraint-pages .rules-list .list-headr-bar .rule-circle {
          cursor: pointer;
          display: inline-block;
          position: absolute;
          right: 10px;
          border: 1px solid #BBBBBC;
          width: 25px;
          height: 25px;
          border-radius: 50%;
          padding: 0px 5px;
          background-color: #ffffff; }
          #offer-price-rules .offer-price-constraint-pages .rules-list .list-headr-bar .rule-circle .fa {
            position: absolute;
            top: 4px;
            left: 8px;
            color: #1A73A7; }
      #offer-price-rules .offer-price-constraint-pages .rules-list .no-config-rule {
        margin: 30px 300px;
        font-size: 20px;
        text-align: center; }
      #offer-price-rules .offer-price-constraint-pages .rules-list .enabled-rules-list .hr-line {
        width: 860px; }
    #offer-price-rules .offer-price-constraint-pages .create-offer-rule .wrapper-dropdown-1, #offer-price-rules .offer-price-constraint-pages .create-price-rules .wrapper-dropdown-1 {
      position: relative;
      border: 1px solid #e3e3e3;
      padding: 2px 36px 7px 10px;
      outline: none;
      cursor: pointer;
      border-radius: 1px;
      border-bottom-left-radius: 0px;
      border-bottom-right-radius: 0px;
      font-weight: 200; }
      #offer-price-rules .offer-price-constraint-pages .create-offer-rule .wrapper-dropdown-1:after, #offer-price-rules .offer-price-constraint-pages .create-price-rules .wrapper-dropdown-1:after {
        border-top: 8px solid #999;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        z-index: 20;
        top: 20px;
        content: "";
        width: 0;
        height: 0;
        position: absolute;
        right: 16px;
        margin-top: -6px; }
    #offer-price-rules .offer-price-constraint-pages .create-offer-rule {
      margin: 10px 20px;
      background-color: #ffffff;
      padding: 5px 10px; }
      #offer-price-rules .offer-price-constraint-pages .create-offer-rule .add-more-conditions {
        position: relative;
        float: left; }
        #offer-price-rules .offer-price-constraint-pages .create-offer-rule .add-more-conditions button {
          background-color: white;
          width: 35px;
          height: 35px;
          top: auto;
          transform: none; }
          #offer-price-rules .offer-price-constraint-pages .create-offer-rule .add-more-conditions button .fa-plus {
            color: #4572A4; }
          #offer-price-rules .offer-price-constraint-pages .create-offer-rule .add-more-conditions button .fa-trash {
            color: #ff0000; }
        #offer-price-rules .offer-price-constraint-pages .create-offer-rule .add-more-conditions .more-conditions-visible {
          visibility: visible; }
        #offer-price-rules .offer-price-constraint-pages .create-offer-rule .add-more-conditions .more-conditions-hidden {
          visibility: hidden; }
      #offer-price-rules .offer-price-constraint-pages .create-offer-rule .tooltip {
        border: none; }
      #offer-price-rules .offer-price-constraint-pages .create-offer-rule .tooltip-arrow {
        border-top-color: #af1313;
        top: 41px; }
      #offer-price-rules .offer-price-constraint-pages .create-offer-rule .tooltip-inner {
        background: #af1313;
        font-size: 11px; }
      #offer-price-rules .offer-price-constraint-pages .create-offer-rule .warning {
        position: absolute;
        z-index: 11; }
      #offer-price-rules .offer-price-constraint-pages .create-offer-rule .label-name input {
        width: 600px;
        border: 1px solid #d0d0d0;
        height: 36px;
        padding-left: 10px;
        border-radius: 4px;
        font-weight: 300; }
      #offer-price-rules .offer-price-constraint-pages .create-offer-rule .label-name .offer-error {
        border: 1px solid #ff0000; }
      #offer-price-rules .offer-price-constraint-pages .create-offer-rule .label-name .tooltip {
        top: 90px;
        left: 556px; }
      #offer-price-rules .offer-price-constraint-pages .create-offer-rule .label-name .warning {
        top: 140px;
        right: 410px; }
      #offer-price-rules .offer-price-constraint-pages .create-offer-rule .wrapper-demo ul li:hover a:hover {
        color: #ffffff; }
      #offer-price-rules .offer-price-constraint-pages .create-offer-rule .wrapper-demo ul li ul li :hover {
        background: #1A73A7;
        color: #ffffff;
        border-color: #d5d5d5; }
      #offer-price-rules .offer-price-constraint-pages .create-offer-rule .wrapper-demo ul li ul li a {
        padding: 5px 30px;
        font-family: "Helvetica";
        font-size: 13px; }
        #offer-price-rules .offer-price-constraint-pages .create-offer-rule .wrapper-demo ul li ul li a :hover, #offer-price-rules .offer-price-constraint-pages .create-offer-rule .wrapper-demo ul li ul li a :active {
          color: #ffffff; }
      #offer-price-rules .offer-price-constraint-pages .create-offer-rule .offer-rule-sec2 {
        margin: 30px 0px 10px 0px;
        position: relative;
        height: 80px; }
        #offer-price-rules .offer-price-constraint-pages .create-offer-rule .offer-rule-sec2 .constraint {
          display: inline-block; }
          #offer-price-rules .offer-price-constraint-pages .create-offer-rule .offer-rule-sec2 .constraint .tooltip {
            top: -46px;
            left: 182px; }
          #offer-price-rules .offer-price-constraint-pages .create-offer-rule .offer-rule-sec2 .constraint .warning {
            top: 7px;
            left: 224px; }
        #offer-price-rules .offer-price-constraint-pages .create-offer-rule .offer-rule-sec2 .upsell {
          display: inline-block; }
          #offer-price-rules .offer-price-constraint-pages .create-offer-rule .offer-rule-sec2 .upsell .tooltip {
            left: 494px;
            top: -46px; }
          #offer-price-rules .offer-price-constraint-pages .create-offer-rule .offer-rule-sec2 .upsell .warning {
            top: 7px;
            right: 412px; }
        #offer-price-rules .offer-price-constraint-pages .create-offer-rule .offer-rule-sec2 .wrapper-demo .cst-dropdown .custom-checkbox label {
          width: 260px;
          overflow: hidden; }
        #offer-price-rules .offer-price-constraint-pages .create-offer-rule .offer-rule-sec2 .offer-rule-sec21 {
          display: inline-block;
          position: relative; }
          #offer-price-rules .offer-price-constraint-pages .create-offer-rule .offer-rule-sec2 .offer-rule-sec21 .in-opertor {
            padding: 10px;
            display: inline-block;
            width: 10px;
            bottom: 13px;
            position: absolute;
            font-size: 20px; }
          #offer-price-rules .offer-price-constraint-pages .create-offer-rule .offer-rule-sec2 .offer-rule-sec21 .offer-rule-sec211 {
            padding: 14px 0px 14px 0px;
            position: absolute;
            bottom: -20px;
            left: 61px;
            width: 280px; }
            #offer-price-rules .offer-price-constraint-pages .create-offer-rule .offer-rule-sec2 .offer-rule-sec21 .offer-rule-sec211 .custom-checkbox-text {
              white-space: nowrap;
              width: 200px;
              display: inline-block;
              margin-left: 50px;
              position: absolute;
              top: 4px; }
          #offer-price-rules .offer-price-constraint-pages .create-offer-rule .offer-rule-sec2 .offer-rule-sec21 .always-recommend {
            border: 1px solid #ff0000; }
            #offer-price-rules .offer-price-constraint-pages .create-offer-rule .offer-rule-sec2 .offer-rule-sec21 .always-recommend .warning {
              top: 6px;
              right: 11px; }
            #offer-price-rules .offer-price-constraint-pages .create-offer-rule .offer-rule-sec2 .offer-rule-sec21 .always-recommend .tooltip {
              top: -45px;
              left: 207px; }
          #offer-price-rules .offer-price-constraint-pages .create-offer-rule .offer-rule-sec2 .offer-rule-sec21 .never-recommend {
            border: 1px solid #ff0000; }
            #offer-price-rules .offer-price-constraint-pages .create-offer-rule .offer-rule-sec2 .offer-rule-sec21 .never-recommend .warning {
              top: 6px;
              right: 10px; }
            #offer-price-rules .offer-price-constraint-pages .create-offer-rule .offer-rule-sec2 .offer-rule-sec21 .never-recommend .tooltip {
              top: -46px;
              left: 208px; }
          #offer-price-rules .offer-price-constraint-pages .create-offer-rule .offer-rule-sec2 .offer-rule-sec21 .custom-checkbox {
            margin: 10px 0px;
            display: inherit;
            width: 250px; }
          #offer-price-rules .offer-price-constraint-pages .create-offer-rule .offer-rule-sec2 .offer-rule-sec21 .offer-list {
            border: none; }
            #offer-price-rules .offer-price-constraint-pages .create-offer-rule .offer-rule-sec2 .offer-rule-sec21 .offer-list .selected-val:after {
              content: ""; }
      #offer-price-rules .offer-price-constraint-pages .create-offer-rule p + h4 {
        margin: 20px 0px 15px 0px; }
      #offer-price-rules .offer-price-constraint-pages .create-offer-rule .wrapper-demo {
        margin: 0px;
        position: relative; }
        #offer-price-rules .offer-price-constraint-pages .create-offer-rule .wrapper-demo .upsell-drpdwn-list .dropdown-search-box {
          width: 80%;
          border: 0;
          padding-left: 10px;
          margin: 5px 15px;
          border: 1px solid #b2b2b2;
          border-radius: 4px;
          height: 30px; }
        #offer-price-rules .offer-price-constraint-pages .create-offer-rule .wrapper-demo .upsell-drpdwn-list .custom-checkbox-text {
          white-space: nowrap;
          width: 200px;
          display: inline-block;
          margin-left: 50px;
          position: absolute;
          top: 5px; }
          #offer-price-rules .offer-price-constraint-pages .create-offer-rule .wrapper-demo .upsell-drpdwn-list .custom-checkbox-text:hover {
            overflow: auto; }
        #offer-price-rules .offer-price-constraint-pages .create-offer-rule .wrapper-demo .upsell-drpdwn-list li ul li :hover {
          background: #eeeeee;
          color: #000000;
          border-color: #d5d5d5; }
        #offer-price-rules .offer-price-constraint-pages .create-offer-rule .wrapper-demo .upsell-drpdwn-list li ul li a {
          padding: 5px 30px;
          font-family: "Helvetica";
          font-size: 13px; }
          #offer-price-rules .offer-price-constraint-pages .create-offer-rule .wrapper-demo .upsell-drpdwn-list li ul li a :hover, #offer-price-rules .offer-price-constraint-pages .create-offer-rule .wrapper-demo .upsell-drpdwn-list li ul li a :active {
            color: #ffffff; }
        #offer-price-rules .offer-price-constraint-pages .create-offer-rule .wrapper-demo .upsell-drpdwn-list li ul li div label span.checking:hover {
          background: #4572A4; }
        #offer-price-rules .offer-price-constraint-pages .create-offer-rule .wrapper-demo .upsell-drpdwn-list li ul li.blueColor {
          color: #005BC5; }
          #offer-price-rules .offer-price-constraint-pages .create-offer-rule .wrapper-demo .upsell-drpdwn-list li ul li.blueColor :hover {
            color: #005BC5; }
        #offer-price-rules .offer-price-constraint-pages .create-offer-rule .wrapper-demo ul li {
          list-style-type: none; }
          #offer-price-rules .offer-price-constraint-pages .create-offer-rule .wrapper-demo ul li a {
            color: #333333;
            padding: 4px 22px;
            font-size: 14px; }
          #offer-price-rules .offer-price-constraint-pages .create-offer-rule .wrapper-demo ul li ul {
            margin: 5px 0px;
            padding: 0px; }
            #offer-price-rules .offer-price-constraint-pages .create-offer-rule .wrapper-demo ul li ul li {
              list-style-type: none;
              color: #333333; }
            #offer-price-rules .offer-price-constraint-pages .create-offer-rule .wrapper-demo ul li ul .blueColor {
              color: #005BC5; }
              #offer-price-rules .offer-price-constraint-pages .create-offer-rule .wrapper-demo ul li ul .blueColor :hover {
                color: #005BC5; }
        #offer-price-rules .offer-price-constraint-pages .create-offer-rule .wrapper-demo ul button {
          width: 60px;
          font-size: 12px;
          height: 30px;
          margin-left: 100px;
          background: #1A73A7;
          color: #ffffff;
          border: 1px solid #1A73A7; }
        #offer-price-rules .offer-price-constraint-pages .create-offer-rule .wrapper-demo .rule-type-active a {
          background: #1A73A7;
          color: #ffffff;
          border-color: #d5d5d5; }
        #offer-price-rules .offer-price-constraint-pages .create-offer-rule .wrapper-demo .wrapper-demo-left-box {
          width: 34px;
          display: inline-block;
          height: 34px;
          background: #dddddd;
          position: absolute;
          top: 1px;
          right: 21px;
          z-index: 10; }
        #offer-price-rules .offer-price-constraint-pages .create-offer-rule .wrapper-demo .rule-input-tags {
          overflow-x: auto;
          white-space: nowrap; }
        #offer-price-rules .offer-price-constraint-pages .create-offer-rule .wrapper-demo .react-tagsinput-tag {
          background-color: #e6e6e6;
          border-radius: 2px;
          border: 1px solid #eeeeee;
          color: #999999;
          display: inline-block;
          font-family: sans-serif;
          font-size: 13px;
          font-weight: 400;
          margin-bottom: 1px;
          margin-right: 5px;
          padding: 5px; }
          #offer-price-rules .offer-price-constraint-pages .create-offer-rule .wrapper-demo .react-tagsinput-tag .clear-input-tag {
            padding: 0px 2px 0px 10px;
            display: inline-block; }
      #offer-price-rules .offer-price-constraint-pages .create-offer-rule .pricing_dropdown .wrapper-demo-left-box {
        background: #ffffff; }
      #offer-price-rules .offer-price-constraint-pages .create-offer-rule .wrapper-dropdown-1 {
        width: 290px;
        height: 36px;
        background: #ffffff;
        margin: 0px 20px 0px 0px; }
        #offer-price-rules .offer-price-constraint-pages .create-offer-rule .wrapper-dropdown-1 .selected-val {
          color: #333333;
          text-overflow: ellipsis;
          overflow: hidden;
          white-space: nowrap;
          font-weight: 200;
          display: inline-block;
          width: 280px;
          padding: 5px; }
        #offer-price-rules .offer-price-constraint-pages .create-offer-rule .wrapper-dropdown-1 .cst-dropdown {
          padding: 10px 0px;
          color: #333333;
          z-index: 21;
          top: 34px;
          left: -1px;
          right: 0px;
          /*li:hover a{
						background: transparent;
					}*/ }
        #offer-price-rules .offer-price-constraint-pages .create-offer-rule .wrapper-dropdown-1:after {
          border-top: 8px solid #999;
          border-left: 8px solid transparent;
          border-right: 8px solid transparent;
          right: 7px;
          z-index: 20;
          top: 20px; }
      #offer-price-rules .offer-price-constraint-pages .create-offer-rule .rule-input-tags::-webkit-scrollbar {
        height: 7px; }
      #offer-price-rules .offer-price-constraint-pages .create-offer-rule .rule-input-tags::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
        border-radius: 10px;
        background-color: #F5F5F5; }
      #offer-price-rules .offer-price-constraint-pages .create-offer-rule .rule-input-tags::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
        background-color: #c7c7c7; }
      #offer-price-rules .offer-price-constraint-pages .create-offer-rule .pricing_dropdown .wrapper-dropdown-1:after {
        border-top: 8px solid #fff;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        right: 7px;
        z-index: 20;
        top: 20px; }
      #offer-price-rules .offer-price-constraint-pages .create-offer-rule .wrapper-dropdown-1.offer-error {
        border: 1px solid #ff0000; }
      #offer-price-rules .offer-price-constraint-pages .create-offer-rule .wrapper-dropdown-1.active:after {
        border-color: #9b9b9b transparent; }
      #offer-price-rules .offer-price-constraint-pages .create-offer-rule .and-or-cond {
        margin: 13px 0px; }
        #offer-price-rules .offer-price-constraint-pages .create-offer-rule .and-or-cond .custom-checkbox {
          display: inline-block; }
          #offer-price-rules .offer-price-constraint-pages .create-offer-rule .and-or-cond .custom-checkbox label .checking {
            background: #ffffff;
            border-radius: 100%;
            border-color: #4572a4;
            top: 0px;
            left: 4px; }
            #offer-price-rules .offer-price-constraint-pages .create-offer-rule .and-or-cond .custom-checkbox label .checking:after {
              left: 3px; }
          #offer-price-rules .offer-price-constraint-pages .create-offer-rule .and-or-cond .custom-checkbox label .custom-checkbox-text {
            display: inline;
            margin-left: 22px;
            margin-right: 14px; }
          #offer-price-rules .offer-price-constraint-pages .create-offer-rule .and-or-cond .custom-checkbox label input[type="checkbox"]:checked + .checking {
            background: #4572A4;
            border: 1px solid #4572a4; }
          #offer-price-rules .offer-price-constraint-pages .create-offer-rule .and-or-cond .custom-checkbox label input[type="checkbox"]:checked + .checking:after {
            opacity: 1; }
      #offer-price-rules .offer-price-constraint-pages .create-offer-rule .rule-exp-group .rule-type {
        display: inline-block;
        position: relative; }
        #offer-price-rules .offer-price-constraint-pages .create-offer-rule .rule-exp-group .rule-type .tooltip {
          bottom: 58px;
          left: 90px; }
        #offer-price-rules .offer-price-constraint-pages .create-offer-rule .rule-exp-group .rule-type .warning {
          left: 132px;
          bottom: 12px; }
        #offer-price-rules .offer-price-constraint-pages .create-offer-rule .rule-exp-group .rule-type .wrapper-demo .wrapper-dropdown-1 {
          width: 190px; }
          #offer-price-rules .offer-price-constraint-pages .create-offer-rule .rule-exp-group .rule-type .wrapper-demo .wrapper-dropdown-1 ul li:hover a {
            background: transparent; }
          #offer-price-rules .offer-price-constraint-pages .create-offer-rule .rule-exp-group .rule-type .wrapper-demo .wrapper-dropdown-1 ul li ul li :hover {
            background: #1A73A7;
            color: #ffffff;
            border-color: #d5d5d5; }
          #offer-price-rules .offer-price-constraint-pages .create-offer-rule .rule-exp-group .rule-type .wrapper-demo .wrapper-dropdown-1 ul li ul li a {
            padding: 5px 30px;
            font-family: "Helvetica";
            font-size: 13px; }
            #offer-price-rules .offer-price-constraint-pages .create-offer-rule .rule-exp-group .rule-type .wrapper-demo .wrapper-dropdown-1 ul li ul li a :hover, #offer-price-rules .offer-price-constraint-pages .create-offer-rule .rule-exp-group .rule-type .wrapper-demo .wrapper-dropdown-1 ul li ul li a :active {
              color: #ffffff; }
          #offer-price-rules .offer-price-constraint-pages .create-offer-rule .rule-exp-group .rule-type .wrapper-demo .wrapper-dropdown-1 ul li ul .rule-type-active a {
            background: #1A73A7;
            color: #ffffff;
            border-color: #d5d5d5; }
      #offer-price-rules .offer-price-constraint-pages .create-offer-rule .rule-exp-group .operator {
        display: inline-block;
        position: relative; }
        #offer-price-rules .offer-price-constraint-pages .create-offer-rule .rule-exp-group .operator .tooltip {
          bottom: 58px;
          left: 150px; }
        #offer-price-rules .offer-price-constraint-pages .create-offer-rule .rule-exp-group .operator .warning {
          bottom: 12px;
          left: 192px; }
      #offer-price-rules .offer-price-constraint-pages .create-offer-rule .rule-exp-group .day-operator {
        display: inline-block;
        vertical-align: top;
        position: relative; }
        #offer-price-rules .offer-price-constraint-pages .create-offer-rule .rule-exp-group .day-operator .tooltip {
          top: -45px;
          left: 254px; }
        #offer-price-rules .offer-price-constraint-pages .create-offer-rule .rule-exp-group .day-operator .warning {
          top: 6px;
          right: 9px; }
      #offer-price-rules .offer-price-constraint-pages .create-offer-rule .rule-exp-group .day-error {
        border: 1px solid #ff0000;
        border-radius: 4px;
        padding-right: 27px; }
      #offer-price-rules .offer-price-constraint-pages .create-offer-rule .rule-exp-group .rule-value {
        display: inline-block;
        vertical-align: top;
        position: relative; }
        #offer-price-rules .offer-price-constraint-pages .create-offer-rule .rule-exp-group .rule-value .code-input {
          width: 270px; }
        #offer-price-rules .offer-price-constraint-pages .create-offer-rule .rule-exp-group .rule-value .tooltip {
          top: -44px;
          left: 183px; }
        #offer-price-rules .offer-price-constraint-pages .create-offer-rule .rule-exp-group .rule-value .warning {
          top: 7px;
          right: 27px; }
        #offer-price-rules .offer-price-constraint-pages .create-offer-rule .rule-exp-group .rule-value .length-of-stay {
          display: inline-block; }
          #offer-price-rules .offer-price-constraint-pages .create-offer-rule .rule-exp-group .rule-value .length-of-stay .tooltip {
            left: 91px; }
          #offer-price-rules .offer-price-constraint-pages .create-offer-rule .rule-exp-group .rule-value .length-of-stay .warning {
            top: 7px;
            left: 133px; }
        #offer-price-rules .offer-price-constraint-pages .create-offer-rule .rule-exp-group .rule-value .length-of-stay-op5 {
          display: inline-block; }
          #offer-price-rules .offer-price-constraint-pages .create-offer-rule .rule-exp-group .rule-value .length-of-stay-op5 .tooltip {
            left: 258px; }
          #offer-price-rules .offer-price-constraint-pages .create-offer-rule .rule-exp-group .rule-value .length-of-stay-op5 .warning {
            top: 7px;
            right: 23px; }
        #offer-price-rules .offer-price-constraint-pages .create-offer-rule .rule-exp-group .rule-value input {
          width: 158px;
          border: 0;
          border: 1px solid #dadada;
          border-radius: 4px;
          height: 36px;
          padding-left: 10px; }
        #offer-price-rules .offer-price-constraint-pages .create-offer-rule .rule-exp-group .rule-value p {
          font-size: 12px;
          color: #999999; }
        #offer-price-rules .offer-price-constraint-pages .create-offer-rule .rule-exp-group .rule-value .offer-error {
          border: 1px solid #ff0000; }
      #offer-price-rules .offer-price-constraint-pages .create-offer-rule .rule-exp-group .wrapper-dropdown-1 {
        width: 250px; }
        #offer-price-rules .offer-price-constraint-pages .create-offer-rule .rule-exp-group .wrapper-dropdown-1 .selected-val {
          width: 250px; }
      #offer-price-rules .offer-price-constraint-pages .create-offer-rule .rule-exp-group .wrapper-dropdown-1.offer-error {
        border: 1px solid #ff0000; }
      #offer-price-rules .offer-price-constraint-pages .create-offer-rule h4 .hr-line {
        width: 90%; }
    #offer-price-rules .offer-price-constraint-pages .create-price-rules {
      position: relative; }
      #offer-price-rules .offer-price-constraint-pages .create-price-rules .range-slider {
        display: inline-block;
        position: absolute;
        left: 480px;
        top: 58px;
        width: 400px; }
        #offer-price-rules .offer-price-constraint-pages .create-price-rules .range-slider label {
          padding-left: 20px; }
      #offer-price-rules .offer-price-constraint-pages .create-price-rules .range-slider.price-range-disable .rc-slider {
        pointer-events: none; }
      #offer-price-rules .offer-price-constraint-pages .create-price-rules .min-fixed-price {
        position: absolute;
        left: 480px;
        width: 400px;
        top: 111px; }
        #offer-price-rules .offer-price-constraint-pages .create-price-rules .min-fixed-price .fixed-price-tooltip {
          top: -17px;
          left: 151px; }
        #offer-price-rules .offer-price-constraint-pages .create-price-rules .min-fixed-price label {
          padding-left: 20px; }
        #offer-price-rules .offer-price-constraint-pages .create-price-rules .min-fixed-price input[type="text"] {
          pointer-events: none;
          margin: 12px 35px;
          display: block;
          padding: 7px 30px 7px 15px; }
        #offer-price-rules .offer-price-constraint-pages .create-price-rules .min-fixed-price .offer-error {
          border: 1px solid #ff0000; }
        #offer-price-rules .offer-price-constraint-pages .create-price-rules .min-fixed-price .warning {
          top: 43px;
          left: 196px; }
      #offer-price-rules .offer-price-constraint-pages .create-price-rules .min-fixed-price.price-range-disable input[type="text"] {
        pointer-events: auto; }
      #offer-price-rules .offer-price-constraint-pages .create-price-rules .min-fixed-price.price-fixed-disable input[type="text"] {
        pointer-events: none; }
      #offer-price-rules .offer-price-constraint-pages .create-price-rules .label-name {
        display: inline-block; }
        #offer-price-rules .offer-price-constraint-pages .create-price-rules .label-name input {
          width: 300px; }
        #offer-price-rules .offer-price-constraint-pages .create-price-rules .label-name .tooltip {
          left: 237px;
          top: 0px; }
        #offer-price-rules .offer-price-constraint-pages .create-price-rules .label-name .warning {
          top: 51px;
          left: 280px; }
      #offer-price-rules .offer-price-constraint-pages .create-price-rules .range-num {
        display: inline-block;
        position: absolute;
        width: 30px; }
      #offer-price-rules .offer-price-constraint-pages .create-price-rules .price-left {
        right: 21pc; }
      #offer-price-rules .offer-price-constraint-pages .create-price-rules .price-right {
        right: -55px;
        bottom: -5px; }
      #offer-price-rules .offer-price-constraint-pages .create-price-rules .slider-title {
        position: absolute;
        width: 100%;
        top: -50px;
        right: 0; }
      #offer-price-rules .offer-price-constraint-pages .create-price-rules .offer-rule-sec2 .wrapper-demo .cst-dropdown .custom-checkbox label {
        width: 260px; }
      #offer-price-rules .offer-price-constraint-pages .create-price-rules .offer-rule-sec2 .upsell .tooltip {
        left: 195px;
        top: -44px; }
      #offer-price-rules .offer-price-constraint-pages .create-price-rules .offer-rule-sec2 .upsell .warning {
        width: 20px;
        top: 7px;
        left: 237px; }
      #offer-price-rules .offer-price-constraint-pages .create-price-rules .wrapper-dropdown-1 {
        width: 300px; }
      #offer-price-rules .offer-price-constraint-pages .create-price-rules .rangeslider-horizontal {
        width: 400px;
        position: absolute;
        top: 40px;
        right: 0px; }
        #offer-price-rules .offer-price-constraint-pages .create-price-rules .rangeslider-horizontal .rangeslider__fill {
          width: 400px;
          left: 0px; }
        #offer-price-rules .offer-price-constraint-pages .create-price-rules .rangeslider-horizontal .rangeslider__handle {
          width: 26px;
          height: 26px;
          top: -10px; }
          #offer-price-rules .offer-price-constraint-pages .create-price-rules .rangeslider-horizontal .rangeslider__handle .slider-num {
            display: inline-block;
            position: absolute;
            top: -25px;
            font-weight: bold;
            color: #4572a4; }
        #offer-price-rules .offer-price-constraint-pages .create-price-rules .rangeslider-horizontal .handler2 {
          left: 98%; }
  #offer-price-rules .group-check-box {
    display: inline-block;
    vertical-align: top;
    padding: 2px 0px; }
    #offer-price-rules .group-check-box .custom-checkbox {
      width: 42px;
      display: inline-block; }
      #offer-price-rules .group-check-box .custom-checkbox input {
        display: none; }
      #offer-price-rules .group-check-box .custom-checkbox label {
        padding-bottom: 0px; }
        #offer-price-rules .group-check-box .custom-checkbox label span {
          display: inline-block;
          background-color: #ffffff;
          width: 40px;
          height: 30px;
          text-align: center;
          font-size: 11px;
          padding: 5px 7px;
          border-radius: 4px;
          border: 1px solid #ddd;
          font-weight: 700; }
          #offer-price-rules .group-check-box .custom-checkbox label span:after {
            opacity: 0;
            content: none; }
      #offer-price-rules .group-check-box .custom-checkbox input[type="checkbox"]:checked + span {
        background-color: #4572a4;
        color: #fff;
        border: 1px solid #5380b2; }

.rc-slider {
  position: relative;
  height: 14px;
  padding: 5px 0;
  width: 85%;
  margin-left: 70px;
  border-radius: 6px;
  touch-action: none;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent; }

.rc-slider * {
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent; }

.rc-slider-rail {
  position: absolute;
  width: 100%;
  background: #4572a4;
  height: 10px;
  border-radius: 6px; }

.rc-slider-track {
  position: absolute;
  left: 0;
  height: 10px;
  border-radius: 6px;
  background: #4572a4; }

.rc-slider-handle {
  position: absolute;
  margin-left: -7px;
  margin-top: -14px;
  width: 14px;
  height: 14px;
  cursor: pointer;
  cursor: -webkit-grab;
  cursor: grab;
  border-radius: 50%;
  border: solid 2px #96dbfa;
  background-color: #fff;
  touch-action: pan-x; }

.rc-slider-handle:hover {
  border-color: #57c5f7; }

.rc-slider-handle:active {
  border-color: #57c5f7;
  box-shadow: 0 0 3px #57c5f7;
  cursor: -webkit-grabbing;
  cursor: grabbing; }

.rc-slider-handle:focus {
  border-color: #57c5f7;
  box-shadow: 0 0 0 3px #96dbfa;
  outline: none; }

.rc-slider-mark {
  position: absolute;
  top: 18px;
  left: 0;
  width: 100%;
  font-size: 12px; }

.rc-slider-mark-text {
  position: absolute;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  color: #999; }

.rc-slider-mark-text-active {
  color: #666; }

.rc-slider-step {
  position: absolute;
  width: 100%;
  height: 4px;
  background: transparent; }

.rc-slider-dot {
  position: absolute;
  bottom: -11px;
  margin-left: -4px;
  width: 20px;
  height: 20px;
  border: 2px solid #cccccc;
  background-color: #fff;
  cursor: pointer;
  border-radius: 50%;
  vertical-align: middle; }

.rc-slider-dot-active {
  border-color: #96dbfa; }

.rc-slider-disabled {
  background-color: #e9e9e9; }

.rc-slider-disabled .rc-slider-track {
  background-color: #cccccc; }

.rc-slider-disabled .rc-slider-handle,
.rc-slider-disabled .rc-slider-dot {
  border-color: #cccccc;
  box-shadow: none;
  background-color: #fff;
  cursor: not-allowed; }

.rc-slider-disabled .rc-slider-mark-text,
.rc-slider-disabled .rc-slider-dot {
  cursor: not-allowed !important; }

.rc-slider-vertical {
  width: 14px;
  height: 100%;
  padding: 0 5px; }

.rc-slider-vertical .rc-slider-rail {
  height: 100%;
  width: 4px; }

.rc-slider-vertical .rc-slider-track {
  left: 5px;
  bottom: 0;
  width: 4px; }

.rc-slider-vertical .rc-slider-handle {
  margin-left: -5px;
  margin-bottom: -7px;
  touch-action: pan-y; }

.rc-slider-vertical .rc-slider-mark {
  top: 0;
  left: 18px;
  height: 100%; }

.rc-slider-vertical .rc-slider-step {
  height: 100%;
  width: 4px; }

.rc-slider-vertical .rc-slider-dot {
  left: 2px;
  margin-bottom: -4px; }

.rc-slider-vertical .rc-slider-dot:first-child {
  margin-bottom: -4px; }

.rc-slider-vertical .rc-slider-dot:last-child {
  margin-bottom: -4px; }

.rc-slider-tooltip-zoom-down-enter,
.rc-slider-tooltip-zoom-down-appear {
  animation-duration: .3s;
  animation-fill-mode: both;
  display: block !important;
  animation-play-state: paused; }

.rc-slider-tooltip-zoom-down-leave {
  animation-duration: .3s;
  animation-fill-mode: both;
  display: block !important;
  animation-play-state: paused; }

.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active,
.rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active {
  animation-name: rcSliderTooltipZoomDownIn;
  animation-play-state: running; }

.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active {
  animation-name: rcSliderTooltipZoomDownOut;
  animation-play-state: running; }

.rc-slider-tooltip-zoom-down-enter,
.rc-slider-tooltip-zoom-down-appear {
  transform: scale(0, 0);
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }

.rc-slider-tooltip-zoom-down-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); }

@keyframes rcSliderTooltipZoomDownIn {
  0% {
    opacity: 0;
    transform-origin: 50% 100%;
    transform: scale(0, 0); }
  100% {
    transform-origin: 50% 100%;
    transform: scale(1, 1); } }

@keyframes rcSliderTooltipZoomDownOut {
  0% {
    transform-origin: 50% 100%;
    transform: scale(1, 1); }
  100% {
    opacity: 0;
    transform-origin: 50% 100%;
    transform: scale(0, 0); } }

.rc-slider-tooltip {
  position: absolute;
  left: -9999px;
  top: -9999px;
  visibility: visible;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent; }

.rc-slider-tooltip * {
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent; }

.rc-slider-tooltip-hidden {
  display: none; }

.rc-slider-tooltip-placement-top {
  padding: 4px 0 8px 0; }

.rc-slider-tooltip-inner {
  padding: 6px 2px;
  /*min-width: 24px;
  height: 24px;*/
  width: 180px;
  height: 43px;
  font-size: 12px;
  line-height: 1.3;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  background-color: #6c6c6c;
  border-radius: 6px;
  box-shadow: 0 0 3px #d9d9d9; }

.rc-slider-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow {
  bottom: 4px;
  left: 50%;
  margin-left: -4px;
  border-width: 4px 4px 0;
  border-top-color: #6c6c6c; }

.blink_me {
  animation: blinker 1s linear 3; }

@keyframes blinker {
  50% {
    opacity: 0; } }

.hidden-drag-ghost {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden; }

.mobile-menu-collapse, .search-hotel {
  display: none; }

#add-checkin {
  position: absolute;
  width: 100%;
  margin: 0 auto 30px;
  min-height: 550px;
  box-shadow: rgba(24, 24, 25, 0.4) 0 0 3px 0;
  background-color: #f7f7f7; }
  #add-checkin header {
    height: 60px;
    padding: 10px 10px;
    background-color: #ffffff; }
    #add-checkin header span {
      font-size: 15px;
      font-weight: 200;
      color: #839ba1; }
    #add-checkin header .invoice-inventory-header {
      display: inline-block;
      padding-left: 30px;
      color: #8e9ba1;
      font-size: 22px;
      font-weight: 300;
      margin-top: 5px;
      font-family: "Helvetica"; }
  #add-checkin .rule-date-picker {
    display: inline-block;
    float: right;
    vertical-align: top;
    position: relative;
    padding-right: 4px;
    margin: 0 5px; }
    #add-checkin .rule-date-picker input {
      border: 1px solid #eaeaea;
      width: 225px;
      height: 40px;
      background-color: #f2f2f2;
      padding-left: 10px; }
    #add-checkin .rule-date-picker .input-calendar-icon {
      cursor: pointer;
      padding-left: 5px;
      position: absolute;
      margin-top: 10px;
      margin-left: -30px; }
  #add-checkin button {
    background-color: #1A73A7;
    color: #fff;
    border: 0;
    width: 134px;
    height: 42px;
    font-size: 13px;
    float: right;
    top: 24px; }
  #add-checkin .checkin-table-wrapper {
    margin-bottom: 60px; }
    #add-checkin .checkin-table-wrapper .row {
      padding: 0px 30px; }
      #add-checkin .checkin-table-wrapper .row .checkin-left {
        margin-left: 30px;
        text-align: left; }
        #add-checkin .checkin-table-wrapper .row .checkin-left h4 {
          font-size: 18px;
          margin-top: 26px;
          margin-bottom: 16px;
          color: #333333; }
        #add-checkin .checkin-table-wrapper .row .checkin-left p {
          margin-left: 10px;
          margin-top: 20px; }
        #add-checkin .checkin-table-wrapper .row .checkin-left button {
          width: 120px;
          height: 35px;
          border-radius: 4px;
          margin-top: 20px;
          float: none;
          margin-left: 4px; }
      #add-checkin .checkin-table-wrapper .row .checkin-right .no-offer {
        margin-top: -20px;
        border: 1px solid #f2f2f2;
        padding-top: 30px;
        padding-bottom: 30px;
        background-color: #ffffff; }
        #add-checkin .checkin-table-wrapper .row .checkin-right .no-offer p {
          font-size: 18px;
          color: #b5b1b1; }
      #add-checkin .checkin-table-wrapper .row .checkin-right p {
        font-size: 13px;
        color: #5f5f5f; }
      #add-checkin .checkin-table-wrapper .row .checkin-right .checkin-table-container {
        overflow: hidden;
        color: #6f6f6f;
        font-size: 14px; }
        #add-checkin .checkin-table-wrapper .row .checkin-right .checkin-table-container .checkin-table-collapse {
          margin: 0px 15px; }
          #add-checkin .checkin-table-wrapper .row .checkin-right .checkin-table-container .checkin-table-collapse .checkin-row {
            padding-top: 20px;
            padding-bottom: 20px; }
            #add-checkin .checkin-table-wrapper .row .checkin-right .checkin-table-container .checkin-table-collapse .checkin-row td input {
              width: 50px;
              height: 20px; }
            #add-checkin .checkin-table-wrapper .row .checkin-right .checkin-table-container .checkin-table-collapse .checkin-row td input.show-edit {
              display: inline; }
            #add-checkin .checkin-table-wrapper .row .checkin-right .checkin-table-container .checkin-table-collapse .checkin-row td input.hide-edit {
              display: none; }
            #add-checkin .checkin-table-wrapper .row .checkin-right .checkin-table-container .checkin-table-collapse .checkin-row td p {
              color: #333333;
              margin: 0 0 -20px;
              padding: 0px 20px; }
            #add-checkin .checkin-table-wrapper .row .checkin-right .checkin-table-container .checkin-table-collapse .checkin-row td p.hide-edit, #add-checkin .checkin-table-wrapper .row .checkin-right .checkin-table-container .checkin-table-collapse .checkin-row td .edit-icon {
              visibility: visible; }
            #add-checkin .checkin-table-wrapper .row .checkin-right .checkin-table-container .checkin-table-collapse .checkin-row td p.show-edit, #add-checkin .checkin-table-wrapper .row .checkin-right .checkin-table-container .checkin-table-collapse .checkin-row td .disable-icon {
              visibility: hidden; }
            #add-checkin .checkin-table-wrapper .row .checkin-right .checkin-table-container .checkin-table-collapse .checkin-row td .less-zero {
              color: #9c9c9c; }
          #add-checkin .checkin-table-wrapper .row .checkin-right .checkin-table-container .checkin-table-collapse table {
            table-layout: fixed; }
            #add-checkin .checkin-table-wrapper .row .checkin-right .checkin-table-container .checkin-table-collapse table thead {
              font-weight: 200;
              background-color: #f0f0f0; }
              #add-checkin .checkin-table-wrapper .row .checkin-right .checkin-table-container .checkin-table-collapse table thead td {
                padding: 8px 2px;
                border-top: 2px solid #E6E6E6;
                border-bottom: 2px solid #E6E6E6;
                font-weight: bolder;
                font-size: 14px;
                color: #0B0B0B; }
            #add-checkin .checkin-table-wrapper .row .checkin-right .checkin-table-container .checkin-table-collapse table thead, #add-checkin .checkin-table-wrapper .row .checkin-right .checkin-table-container .checkin-table-collapse table tfoot {
              display: table;
              width: 100%;
              /*width: calc(100% - 14px);*/ }
              #add-checkin .checkin-table-wrapper .row .checkin-right .checkin-table-container .checkin-table-collapse table thead td, #add-checkin .checkin-table-wrapper .row .checkin-right .checkin-table-container .checkin-table-collapse table tfoot td {
                padding: 10px 5px; }
            #add-checkin .checkin-table-wrapper .row .checkin-right .checkin-table-container .checkin-table-collapse table tfoot {
              color: #0B0B0B;
              background-color: #c0e6fc;
              font-weight: bold; }
            #add-checkin .checkin-table-wrapper .row .checkin-right .checkin-table-container .checkin-table-collapse table thead tr, #add-checkin .checkin-table-wrapper .row .checkin-right .checkin-table-container .checkin-table-collapse table tbody tr, #add-checkin .checkin-table-wrapper .row .checkin-right .checkin-table-container .checkin-table-collapse table tfoot tr {
              width: 100%; }
              #add-checkin .checkin-table-wrapper .row .checkin-right .checkin-table-container .checkin-table-collapse table thead tr td, #add-checkin .checkin-table-wrapper .row .checkin-right .checkin-table-container .checkin-table-collapse table tbody tr td, #add-checkin .checkin-table-wrapper .row .checkin-right .checkin-table-container .checkin-table-collapse table tfoot tr td {
                position: relative; }
                #add-checkin .checkin-table-wrapper .row .checkin-right .checkin-table-container .checkin-table-collapse table thead tr td .fa-pencil, #add-checkin .checkin-table-wrapper .row .checkin-right .checkin-table-container .checkin-table-collapse table tbody tr td .fa-pencil, #add-checkin .checkin-table-wrapper .row .checkin-right .checkin-table-container .checkin-table-collapse table tfoot tr td .fa-pencil {
                  position: absolute;
                  top: 1px;
                  right: 4px;
                  cursor: pointer; }
              #add-checkin .checkin-table-wrapper .row .checkin-right .checkin-table-container .checkin-table-collapse table thead tr td:first-child, #add-checkin .checkin-table-wrapper .row .checkin-right .checkin-table-container .checkin-table-collapse table tbody tr td:first-child, #add-checkin .checkin-table-wrapper .row .checkin-right .checkin-table-container .checkin-table-collapse table tfoot tr td:first-child {
                width: 20%; }
            #add-checkin .checkin-table-wrapper .row .checkin-right .checkin-table-container .checkin-table-collapse table tbody {
              overflow: auto;
              overflow-x: hidden;
              display: block;
              width: 100%;
              max-height: 400px; }
              #add-checkin .checkin-table-wrapper .row .checkin-right .checkin-table-container .checkin-table-collapse table tbody tr {
                display: table;
                width: 100%;
                table-layout: fixed;
                background-color: #f0f0f0; }
                #add-checkin .checkin-table-wrapper .row .checkin-right .checkin-table-container .checkin-table-collapse table tbody tr td:first-child {
                  border-top-left-radius: 2px; }
                #add-checkin .checkin-table-wrapper .row .checkin-right .checkin-table-container .checkin-table-collapse table tbody tr td:last-child {
                  border-top-right-radius: 2px; }
                #add-checkin .checkin-table-wrapper .row .checkin-right .checkin-table-container .checkin-table-collapse table tbody tr td:first-child {
                  border-bottom-left-radius: 2px; }
                #add-checkin .checkin-table-wrapper .row .checkin-right .checkin-table-container .checkin-table-collapse table tbody tr td:last-child {
                  border-bottom-right-radius: 2px; }
                #add-checkin .checkin-table-wrapper .row .checkin-right .checkin-table-container .checkin-table-collapse table tbody tr td {
                  padding: 10px 0px;
                  font-size: 13px;
                  color: #676768; }
              #add-checkin .checkin-table-wrapper .row .checkin-right .checkin-table-container .checkin-table-collapse table tbody tr:nth-of-type(odd) {
                background-color: #ffffff; }
            #add-checkin .checkin-table-wrapper .row .checkin-right .checkin-table-container .checkin-table-collapse table thead.checkin-scroll td:last-child, #add-checkin .checkin-table-wrapper .row .checkin-right .checkin-table-container .checkin-table-collapse table thead.inventory-scroll td:last-child,
            #add-checkin .checkin-table-wrapper .row .checkin-right .checkin-table-container .checkin-table-collapse table tfoot.checkin-scroll td:last-child, #add-checkin .checkin-table-wrapper .row .checkin-right .checkin-table-container .checkin-table-collapse table tfoot.inventory-scroll td:last-child {
              width: 11.4%;
              padding-right: 20px; }

#add-rates {
  width: 1024px;
  margin: 0 auto 30px;
  min-height: 550px;
  box-shadow: rgba(24, 24, 25, 0.4) 0 0 3px 0; }
  #add-rates header {
    height: 60px; }
    #add-rates header .rates-inventory-header {
      display: inline-block;
      padding-left: 30px;
      color: #8e9ba1;
      font-size: 22px;
      font-weight: 300;
      margin-top: 5px;
      font-family: "Helvetica"; }
  #add-rates .rule-date-picker {
    display: inline-block;
    float: right;
    vertical-align: top;
    position: relative;
    padding-right: 4px;
    margin: 0 5px; }
    #add-rates .rule-date-picker input {
      border: 1px solid #eaeaea;
      width: 225px;
      height: 40px;
      background-color: #f2f2f2;
      padding-left: 10px; }
    #add-rates .rule-date-picker .input-calendar-icon {
      cursor: pointer;
      padding-left: 5px;
      position: absolute;
      margin-top: 10px;
      margin-left: -30px; }
  #add-rates header {
    padding: 10px 10px;
    background-color: #ffffff; }
    #add-rates header span {
      font-size: 15px;
      font-weight: 200;
      color: #839ba1; }
  #add-rates button {
    background-color: #1A73A7;
    color: #fff;
    border: 0;
    width: 134px;
    height: 42px;
    font-size: 13px;
    float: right;
    top: 24px; }
  #add-rates .rates-table-wrapper {
    margin-bottom: 60px; }
    #add-rates .rates-table-wrapper .row {
      padding: 0px 30px; }
      #add-rates .rates-table-wrapper .row .rates-left {
        margin-left: 30px;
        text-align: left; }
        #add-rates .rates-table-wrapper .row .rates-left h4 {
          font-size: 18px;
          margin-top: 26px;
          margin-bottom: 16px;
          color: #333333; }
        #add-rates .rates-table-wrapper .row .rates-left p {
          margin-left: 10px;
          margin-top: 20px; }
        #add-rates .rates-table-wrapper .row .rates-left button {
          width: 120px;
          height: 35px;
          border-radius: 4px;
          margin-top: 20px;
          float: none;
          margin-left: 4px; }
      #add-rates .rates-table-wrapper .row .rates-right .no-offer {
        margin-top: -20px;
        border: 1px solid #f2f2f2;
        padding-top: 30px;
        padding-bottom: 30px;
        background-color: #ffffff; }
        #add-rates .rates-table-wrapper .row .rates-right .no-offer p {
          font-size: 18px;
          color: #b5b1b1; }
      #add-rates .rates-table-wrapper .row .rates-right p {
        font-size: 13px;
        color: #5f5f5f; }
      #add-rates .rates-table-wrapper .row .rates-right .rates-table-container {
        overflow: hidden;
        color: #6f6f6f;
        font-size: 14px; }
        #add-rates .rates-table-wrapper .row .rates-right .rates-table-container .rates-table-collapse {
          margin: 0px 15px; }
          #add-rates .rates-table-wrapper .row .rates-right .rates-table-container .rates-table-collapse table {
            position: relative;
            width: 900px;
            overflow: hidden;
            border-collapse: collapse; }
            #add-rates .rates-table-wrapper .row .rates-right .rates-table-container .rates-table-collapse table thead {
              position: relative;
              display: block;
              width: 900px;
              overflow: visible; }
              #add-rates .rates-table-wrapper .row .rates-right .rates-table-container .rates-table-collapse table thead td:nth-child(1) {
                position: relative;
                display: block;
                min-width: 100px;
                width: 100px;
                z-index: 99; }
              #add-rates .rates-table-wrapper .row .rates-right .rates-table-container .rates-table-collapse table thead td {
                position: relative;
                color: white;
                background-color: #99a;
                min-width: 70px;
                height: 32px;
                border: 1px solid #b3b3b3; }
                #add-rates .rates-table-wrapper .row .rates-right .rates-table-container .rates-table-collapse table thead td .error-tool-tip {
                  position: absolute;
                  width: 200px;
                  background: #333333;
                  color: #f0f0f0;
                  left: -80px;
                  top: 30px;
                  border-radius: 4px;
                  padding: 5px;
                  z-index: 9999;
                  text-align: left; }
                  #add-rates .rates-table-wrapper .row .rates-right .rates-table-container .rates-table-collapse table thead td .error-tool-tip p {
                    font-size: 13px;
                    margin: 0px; }
                  #add-rates .rates-table-wrapper .row .rates-right .rates-table-container .rates-table-collapse table thead td .error-tool-tip span {
                    font-size: 12px; }
                  #add-rates .rates-table-wrapper .row .rates-right .rates-table-container .rates-table-collapse table thead td .error-tool-tip div {
                    position: relative; }
                    #add-rates .rates-table-wrapper .row .rates-right .rates-table-container .rates-table-collapse table thead td .error-tool-tip div span .fa {
                      position: absolute;
                      font-size: 40px;
                      color: #333333;
                      top: -28px;
                      left: 40%; }
            #add-rates .rates-table-wrapper .row .rates-right .rates-table-container .rates-table-collapse table tbody {
              position: relative;
              display: block;
              width: 900px;
              height: 415px;
              overflow: scroll; }
              #add-rates .rates-table-wrapper .row .rates-right .rates-table-container .rates-table-collapse table tbody td {
                min-width: 70px;
                border: 1px solid #d6d6d6;
                background-color: white; }
              #add-rates .rates-table-wrapper .row .rates-right .rates-table-container .rates-table-collapse table tbody td.gray_background {
                background-color: #565656; }
              #add-rates .rates-table-wrapper .row .rates-right .rates-table-container .rates-table-collapse table tbody td:nth-child(1) {
                position: relative;
                display: block;
                /*seperates the first column from the tbody*/
                height: 40px;
                min-width: 100px;
                background-color: #e2e2e2; }
          #add-rates .rates-table-wrapper .row .rates-right .rates-table-container .rates-table-collapse .rates-row {
            padding-top: 20px;
            padding-bottom: 20px; }
            #add-rates .rates-table-wrapper .row .rates-right .rates-table-container .rates-table-collapse .rates-row td input {
              width: 50px;
              height: 20px; }
            #add-rates .rates-table-wrapper .row .rates-right .rates-table-container .rates-table-collapse .rates-row td input.show-edit {
              display: inline; }
            #add-rates .rates-table-wrapper .row .rates-right .rates-table-container .rates-table-collapse .rates-row td input.hide-edit {
              display: none; }
            #add-rates .rates-table-wrapper .row .rates-right .rates-table-container .rates-table-collapse .rates-row td p {
              color: #333333;
              margin: 0 0 -20px;
              padding: 0px 20px; }
            #add-rates .rates-table-wrapper .row .rates-right .rates-table-container .rates-table-collapse .rates-row td p.hide-edit, #add-rates .rates-table-wrapper .row .rates-right .rates-table-container .rates-table-collapse .rates-row td .edit-icon {
              visibility: visible; }
            #add-rates .rates-table-wrapper .row .rates-right .rates-table-container .rates-table-collapse .rates-row td p.show-edit, #add-rates .rates-table-wrapper .row .rates-right .rates-table-container .rates-table-collapse .rates-row td .disable-icon {
              visibility: hidden; }
            #add-rates .rates-table-wrapper .row .rates-right .rates-table-container .rates-table-collapse .rates-row td .less-zero {
              color: #9c9c9c; }
            #add-rates .rates-table-wrapper .row .rates-right .rates-table-container .rates-table-collapse .rates-row td .error-tool-tip {
              position: absolute;
              width: 200px;
              background: #333333;
              color: #f0f0f0;
              left: -80px;
              top: 30px;
              border-radius: 4px;
              padding: 5px;
              z-index: 100;
              text-align: left; }
              #add-rates .rates-table-wrapper .row .rates-right .rates-table-container .rates-table-collapse .rates-row td .error-tool-tip p {
                font-size: 13px;
                margin: 0px; }
              #add-rates .rates-table-wrapper .row .rates-right .rates-table-container .rates-table-collapse .rates-row td .error-tool-tip span {
                font-size: 12px; }
              #add-rates .rates-table-wrapper .row .rates-right .rates-table-container .rates-table-collapse .rates-row td .error-tool-tip div {
                position: relative; }
                #add-rates .rates-table-wrapper .row .rates-right .rates-table-container .rates-table-collapse .rates-row td .error-tool-tip div span .fa {
                  position: absolute;
                  font-size: 40px;
                  color: #333333;
                  top: -28px;
                  left: 40%; }
          #add-rates .rates-table-wrapper .row .rates-right .rates-table-container .rates-table-collapse .Selectedrow {
            background-color: #c30500 !important;
            color: white !important; }
            #add-rates .rates-table-wrapper .row .rates-right .rates-table-container .rates-table-collapse .Selectedrow td {
              color: white; }
              #add-rates .rates-table-wrapper .row .rates-right .rates-table-container .rates-table-collapse .Selectedrow td input {
                color: black; }
              #add-rates .rates-table-wrapper .row .rates-right .rates-table-container .rates-table-collapse .Selectedrow td p {
                color: white; }
              #add-rates .rates-table-wrapper .row .rates-right .rates-table-container .rates-table-collapse .Selectedrow td .less-zero {
                color: #ff9696; }

#add-reservation {
  width: 1168px;
  z-index: 1002;
  top: 50px;
  left: 0;
  background: #fbfbfb;
  position: fixed;
  outline: 5px;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%); }
  #add-reservation .horizontal-scroll::-webkit-scrollbar {
    display: none; }
  #add-reservation header {
    padding: 26px 22px;
    background-color: #ffffff;
    border-bottom: 2px solid #dedede;
    color: #839ba1; }
    #add-reservation header span {
      font-size: 23.15px;
      font-weight: 200; }
  #add-reservation .add-reservation-body {
    margin: 21px 22px 27px 22px;
    background: white;
    border-width: 1px;
    border-color: #f0f0f0;
    border-style: solid;
    border-radius: 4px; }
    #add-reservation .add-reservation-body .btn {
      margin: 30px 10px 20px; }
    #add-reservation .add-reservation-body .alert {
      margin-bottom: unset; }
    #add-reservation .add-reservation-body .tooltip {
      border: none; }
    #add-reservation .add-reservation-body .warning {
      position: absolute;
      top: 18px;
      right: 45px;
      z-index: 11; }
    #add-reservation .add-reservation-body .tooltip-inner {
      background: #af1313;
      font-size: 11px; }
    #add-reservation .add-reservation-body .tooltip-arrow {
      top: 90%;
      border-top-color: #af1313; }
    #add-reservation .add-reservation-body .reservation-id-loader {
      position: absolute;
      right: 10px;
      top: 39px;
      display: none; }
    #add-reservation .add-reservation-body .reservation-id-loader.block {
      display: block; }
    #add-reservation .add-reservation-body .reservation-error {
      position: absolute;
      left: 330px;
      top: 70px;
      padding-top: 5px;
      font-size: 12px;
      color: red; }
    #add-reservation .add-reservation-body .reservation-valid {
      position: absolute;
      left: 330px;
      top: 70px;
      font-size: 12px;
      color: #1ddb1d; }
    #add-reservation .add-reservation-body .add-reservation-input {
      padding: 50px 0px; }
      #add-reservation .add-reservation-body .add-reservation-input .upsell-dropdown:after {
        content: "";
        width: 0;
        height: 0;
        position: absolute;
        margin-top: -6px;
        border-width: 6px 0 6px 6px;
        border-style: solid;
        border-color: transparent #1A73A7;
        border-top: 7px solid #999;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        right: 11px;
        z-index: 20;
        top: 51px;
        pointer-events: none; }
      #add-reservation .add-reservation-body .add-reservation-input .upsell-dropdown .wrapper-demo-left-box {
        width: 36px;
        display: inline-block;
        height: 36px;
        background: #dddddd;
        position: absolute;
        top: 46%;
        right: 1px;
        z-index: 10;
        cursor: pointer; }
      #add-reservation .add-reservation-body .add-reservation-input .add-upgrade-input .warning {
        top: 38px;
        right: 9px; }
      #add-reservation .add-reservation-body .add-reservation-input .add-upgrade-input .los .tooltip {
        left: 0; }
      #add-reservation .add-reservation-body .add-reservation-input .add-upgrade-input .los .tooltip-arrow {
        top: 92%; }
      #add-reservation .add-reservation-body .add-reservation-input .add-upgrade-input .reservation .tooltip {
        left: 95px; }
      #add-reservation .add-reservation-body .add-reservation-input .add-upgrade-input .upsell-dropdown .tooltip {
        left: 268px; }
      #add-reservation .add-reservation-body .add-reservation-input .add-upgrade-input .upsell-dropdown .warning {
        right: 41px; }
      #add-reservation .add-reservation-body .add-reservation-input .add-upgrade-input .res-day-picker .DayPicker-Day--today {
        color: #d0021b; }
      #add-reservation .add-reservation-body .add-reservation-input .add-upgrade-input .res-day-picker .DayPicker-Day--selected {
        color: #fff;
        background: #d0021b;
        border-radius: 5px; }
      #add-reservation .add-reservation-body .add-reservation-input .add-upgrade-input .res-day-picker .DayPicker {
        top: 70px; }
      #add-reservation .add-reservation-body .add-reservation-input div.res-input {
        display: inline-block;
        position: relative;
        margin-left: 30px;
        font-family: "Helvetica";
        font-weight: 400; }
        #add-reservation .add-reservation-body .add-reservation-input div.res-input input {
          margin-top: 10px;
          height: 38px;
          padding-left: 14px;
          border: 1px solid #e3e3e3; }
        #add-reservation .add-reservation-body .add-reservation-input div.res-input .upgrade-error {
          border: 1px solid #ff0000; }
        #add-reservation .add-reservation-body .add-reservation-input div.res-input input::placeholder {
          color: #ababab;
          font-weight: 200; }
        #add-reservation .add-reservation-body .add-reservation-input div.res-input input:-ms-input-placeholder {
          color: #ababab;
          font-weight: 200; }
        #add-reservation .add-reservation-body .add-reservation-input div.res-input .input-calendar-icon {
          position: absolute;
          top: 39px;
          right: 25px;
          cursor: pointer; }
        #add-reservation .add-reservation-body .add-reservation-input div.res-input .add-reservation-required:after {
          content: "*";
          font-size: 13px;
          color: #ff0000; }
      #add-reservation .add-reservation-body .add-reservation-input .upgrade-header {
        padding-top: 41px; }
        #add-reservation .add-reservation-body .add-reservation-input .upgrade-header .upgrade-input {
          display: inline-block;
          margin-left: 30px; }
          #add-reservation .add-reservation-body .add-reservation-input .upgrade-header .upgrade-input .upg-header {
            font-family: "Helvetica";
            font-weight: 400;
            font-size: 14px;
            color: #333;
            margin-left: unset; }
            #add-reservation .add-reservation-body .add-reservation-input .upgrade-header .upgrade-input .upg-header:after {
              content: "*";
              font-size: 12px;
              color: #ff0000; }
          #add-reservation .add-reservation-body .add-reservation-input .upgrade-header .upgrade-input .not-required:after {
            content: ""; }
      #add-reservation .add-reservation-body .add-reservation-input #add-upgrade .add-more-upgrade {
        padding-bottom: 40px;
        position: relative; }
        #add-reservation .add-reservation-body .add-reservation-input #add-upgrade .add-more-upgrade .disBtn {
          background: #f5f5f5; }
        #add-reservation .add-reservation-body .add-reservation-input #add-upgrade .add-more-upgrade .price-per {
          font-family: "Helvetica";
          font-size: 13px;
          color: #1a73a7;
          position: absolute;
          top: 50px;
          left: 430px; }
        #add-reservation .add-reservation-body .add-reservation-input #add-upgrade .add-more-upgrade .upsell-dropdown .tooltip {
          top: -46px;
          left: 263px; }
        #add-reservation .add-reservation-body .add-reservation-input #add-upgrade .add-more-upgrade .upsell-dropdown:after {
          top: 32px; }
        #add-reservation .add-reservation-body .add-reservation-input #add-upgrade .add-more-upgrade .upsell-dropdown .wrapper-demo-left-box {
          top: 23%; }
        #add-reservation .add-reservation-body .add-reservation-input #add-upgrade .add-more-upgrade .upgrade-price .tooltip {
          left: 28px; }
        #add-reservation .add-reservation-body .add-reservation-input #add-upgrade .add-more-upgrade .upgrade-price .warning {
          right: 12px; }
        #add-reservation .add-reservation-body .add-reservation-input #add-upgrade .add-more-upgrade .upgrade-agent .tooltip {
          left: 64px; }
        #add-reservation .add-reservation-body .add-reservation-input #add-upgrade .add-more-upgrade .upgrade-agent:after {
          content: "";
          width: 0;
          height: 0;
          position: absolute;
          right: 16px;
          margin-top: -6px;
          border-width: 6px 0 6px 6px;
          border-style: solid;
          border-color: transparent #1A73A7;
          border-top: 7px solid #999;
          border-left: 7px solid transparent;
          border-right: 7px solid transparent;
          right: 11px;
          z-index: 20;
          top: 33px;
          pointer-events: none; }
        #add-reservation .add-reservation-body .add-reservation-input #add-upgrade .add-more-upgrade .upgrade-agent .wrapper-demo-left-box {
          width: 36px;
          display: inline-block;
          height: 36px;
          background: #dddddd;
          position: absolute;
          top: 23%;
          right: 1px;
          z-index: 10;
          cursor: pointer; }
      #add-reservation .add-reservation-body .add-reservation-input #add-upgrade .upgrade-delete {
        color: #ff0000;
        cursor: pointer; }
      #add-reservation .add-reservation-body .add-reservation-input #add-upgrade .total input {
        background-color: #e4e4e4;
        border-radius: 2px; }
    #add-reservation .add-reservation-body p {
      color: #ff0000;
      font-size: 13px;
      margin-left: 30px;
      width: 130px; }
    #add-reservation .add-reservation-body .add-more {
      color: #1a73a7;
      text-decoration: underline;
      cursor: pointer; }
  #add-reservation .add-reservation-btn-cancel-save {
    position: relative;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    height: 60px;
    margin: 25px 0px; }
    #add-reservation .add-reservation-btn-cancel-save button, #add-reservation .add-reservation-btn-cancel-save input {
      display: inline-block;
      position: relative;
      width: 98px;
      height: 37px;
      border-radius: 5px;
      margin: 0 4px;
      background-color: #f0f0f0;
      color: #333333;
      top: 50%;
      transform: translateY(-50%); }
      #add-reservation .add-reservation-btn-cancel-save button:first-child, #add-reservation .add-reservation-btn-cancel-save input:first-child {
        background-color: #fbfbfb;
        border-color: #dbdbdb; }
      #add-reservation .add-reservation-btn-cancel-save button:last-child, #add-reservation .add-reservation-btn-cancel-save input:last-child {
        background-color: #70c57a;
        color: #ffffff; }

#checkin_modal .modal-dialog {
  width: 700px; }

#checkin_modal .add_more {
  color: #1867a0;
  text-decoration: underline;
  margin-top: 20px;
  font-size: 13px;
  cursor: pointer;
  width: 70px; }

#checkin_modal .add-checkin-body {
  margin-top: 25px; }
  #checkin_modal .add-checkin-body .tooltip {
    opacity: 1;
    border: none; }
    #checkin_modal .add-checkin-body .tooltip .tooltip-arrow {
      top: 41px;
      border-top-color: #c30500; }
    #checkin_modal .add-checkin-body .tooltip .tooltip-inner {
      font-size: 11px;
      background-color: #c30500; }

#checkin_modal button {
  margin-top: 20px;
  padding-left: 30px;
  padding-right: 30px;
  margin-left: 10px;
  margin-bottom: 20px; }

#checkin_modal .checkinlist {
  background-color: white;
  margin-top: 20px;
  padding-top: 25px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 30px;
  margin-bottom: 30px; }

#checkin_modal .modal-content {
  border-radius: 0px;
  background-color: #e0e0e0; }

#checkin_modal .modal-body {
  padding: 0px;
  padding-left: 15px;
  padding-right: 15px; }

#checkin_modal .modal-header {
  padding: 26px 22px;
  background-color: #ffffff;
  border-bottom: 2px solid #dedede;
  color: #839ba1; }

#checkin_modal .rule-date-picker input {
  width: 140px;
  height: 34px;
  padding-left: 10px; }

#checkin_modal .rule-date-picker .input-calendar-icon {
  cursor: pointer;
  padding-left: 5px;
  position: absolute;
  margin-top: 5px;
  margin-left: -30px; }

#checkin_modal .checkin_delete {
  color: #E14C48;
  cursor: pointer; }

#checkin_modal input {
  width: 171px;
  height: 34px;
  padding-left: 10px; }

#checkin_modal .error {
  color: #c30500;
  font-size: 12px;
  display: inline-block;
  padding-bottom: 5px;
  position: absolute;
  margin-top: -20px; }

#checkin_modal .checkin_dropdown:after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  right: 16px;
  top: 50%;
  border-width: 6px 0 6px 6px;
  border-style: solid;
  border-color: transparent #1A73A7; }

#checkin_modal .checkin-count .checkin-error {
  border: 1px solid #ff0000; }

#checkin_modal .checkin-count .tooltip {
  width: 128px; }
  #checkin_modal .checkin-count .tooltip .tooltip-arrow {
    left: 62px; }

#checkin_modal .checkin_dropdown .checkin-error {
  border: 1px solid #ff0000; }

#checkin_modal .checkin_dropdown:after {
  border-top: 7px solid #999;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  right: 45px;
  z-index: 20;
  top: 46%;
  pointer-events: none; }

#checkin_modal .checkin_dropdown .wrapper-demo-left-box {
  width: 34px;
  height: 32px;
  right: 35px;
  top: 1px;
  display: inline-block;
  background: #dddddd;
  position: absolute;
  z-index: 10;
  cursor: pointer; }

@media only screen and (max-width: 767px) {
  #checkin_modal .modal-dialog {
    width: 100%;
    min-height: 100%;
    margin: 0; }
    #checkin_modal .modal-dialog .modal-content {
      height: 120%; }
  #checkin_modal .checkin_dropdown .wrapper-demo-left-box {
    right: 5%;
    top: 47%; }
  #checkin_modal .checkin_dropdown > div {
    width: 100%; }
    #checkin_modal .checkin_dropdown > div > input {
      display: inline-block;
      width: 100%;
      border-color: #eeeeee; }
  #checkin_modal .checkin_dropdown:after {
    right: 8%;
    top: 68%; }
  #checkin_modal .checkin-count > input {
    border-color: #eeeeee; }
  #efdu {
    padding-top: 8em; }
    #efdu #content-container #arrival-list #arrival-list-header {
      margin: 0 1em 1em 1em; }
      #efdu #content-container #arrival-list #arrival-list-header #add-reservation {
        width: 100vw;
        overflow-y: scroll;
        height: 100%; }
    #efdu #content-container #exclusions #exclusions-list-sec #exclusions-list .exclusion-group .single-exln-rule > div {
      text-align: center;
      width: 15%; }
    #efdu #content-container #add-checkin {
      width: 95%;
      left: 50%;
      transform: translateX(-50%); }
  .container-fluid {
    padding: 0; }
  header {
    padding: 20px 15px; }
  #header {
    background-color: #FFFFFF;
    width: 100vw; }
    #header .table {
      margin-bottom: 0;
      display: block; }
      #header .table .header-sub {
        width: 100% !important;
        height: auto;
        display: inline-block;
        margin: 0;
        padding: 0; }
      #header .table .other {
        display: none; }
      #header .table .logo {
        background-image: linear-gradient(to right, #434343 0%, black 100%); }
      #header .table .header-sub.search {
        height: 4.5em;
        min-width: 0;
        padding-left: 0;
        background-color: #B71F2B; }
        #header .table .header-sub.search #autocompleteBar {
          position: relative;
          width: 100vw; }
          #header .table .header-sub.search #autocompleteBar .text {
            display: none; }
          #header .table .header-sub.search #autocompleteBar > div {
            width: 92%;
            left: 50%;
            transform: translateX(-50%); }
          #header .table .header-sub.search #autocompleteBar .search-hotel {
            height: 2.3em;
            width: 2.5em;
            background-color: #F8EEE7;
            position: absolute;
            display: inline-block;
            left: 4%;
            top: 0.66em;
            z-index: 100;
            border-radius: 4px 0 0 4px; }
            #header .table .header-sub.search #autocompleteBar .search-hotel i {
              position: relative;
              font-size: 20px;
              color: #333;
              left: 50%;
              top: -0.3em;
              transform: translateX(-50%); }
          #header .table .header-sub.search #autocompleteBar input {
            width: 92vw;
            background-color: #ffffff;
            color: #3c3c3c;
            text-align: center;
            height: 2.5em;
            font-weight: 400; }
    #header #app-logo {
      padding-left: 0; }
      #header #app-logo > a > img {
        position: relative;
        display: inline-block;
        margin-bottom: 0.5em;
        width: 8em;
        left: 50%;
        transform: translateX(-50%); }
      #header #app-logo .mobile-menu-collapse {
        display: inline-block;
        position: absolute; }
        #header #app-logo .mobile-menu-collapse i {
          font-size: 1.5em; }
      #header #app-logo .mobile-menu-collapse-modules {
        left: 3%;
        top: 0.3em; }
      #header #app-logo .mobile-menu-collapse-profile {
        right: 3%;
        top: 0.3em; }
    #header .mobile-site-nav {
      list-style: none;
      padding: 0; }
      #header .mobile-site-nav li h5 {
        text-transform: uppercase;
        margin-bottom: 0; }
      #header .mobile-site-nav ul {
        list-style: none;
        padding: 0; }
        #header .mobile-site-nav ul li {
          position: relative;
          border-bottom: 1px solid #cccccc; }
          #header .mobile-site-nav ul li .available-app, #header .mobile-site-nav ul li .available-module {
            display: inline-block;
            position: absolute;
            margin-left: 0.5em;
            width: 5em;
            height: 100%; }
          #header .mobile-site-nav ul li a {
            width: 100%;
            height: 100%;
            display: inline-block;
            padding-left: 6em;
            color: #333;
            font-weight: bold;
            font-size: 1em; }
        #header .mobile-site-nav ul li:last-child {
          border-bottom: none; }
  .container {
    width: 100%;
    box-shadow: none; }
    .container #exclusions #exclusions-rule-sec {
      height: auto; }
      .container #exclusions #exclusions-rule-sec .exclusions-rule-input {
        width: 100%;
        margin-bottom: 2em; }
        .container #exclusions #exclusions-rule-sec .exclusions-rule-input .react-tagsinput {
          width: 100%; }
  #report_section_title {
    text-align: center; }
  #report_toggle {
    padding: 0 0 0.5em 0; }
    #report_toggle .upgrade-title, #report_toggle .my-stats {
      font-size: 0.8em;
      font-weight: 400 !important; }
    #report_toggle #agent_rev {
      font-size: 1em; }
  #right-header-sec {
    padding: 0 0 1em 0; }
    #right-header-sec .revenue_by_sec {
      position: relative;
      height: 100%;
      top: 50%; }
      #right-header-sec .revenue_by_sec > span {
        display: none; }
    #right-header-sec #report_datepicker {
      display: inline-block;
      float: none !important;
      color: #333333;
      font-size: 1em;
      font-weight: 400;
      background: #f0f0f0;
      padding: 0.3em;
      text-decoration: none; }
    #right-header-sec .wrapper-demo {
      margin: 0;
      width: 100%;
      display: inline-block; }
    #right-header-sec .wrapper-dropdown-1 {
      display: inline-block;
      color: #333333;
      border: none;
      width: 100%;
      font-size: 0.8em;
      padding: 0.1em; }
      #right-header-sec .wrapper-dropdown-1 > button {
        background-color: #f0f0f0; }
      #right-header-sec .wrapper-dropdown-1 > span {
        display: inline-block;
        width: 100%;
        color: #333333;
        font-size: 1em;
        font-weight: 400;
        background: #f0f0f0;
        padding: 0.3em;
        text-decoration: none; }
      #right-header-sec .wrapper-dropdown-1 .cst-dropdown {
        font-weight: 400;
        box-shadow: none;
        right: 0; }
        #right-header-sec .wrapper-dropdown-1 .cst-dropdown > li > a {
          font-size: 1em;
          color: #333333; }
  .mobile-menu-popup {
    width: 100vw;
    height: 100vh;
    border-radius: 0;
    z-index: 110;
    color: #0f0f0f;
    padding: 0; }
    .mobile-menu-popup h5 {
      padding: 1em;
      background: #B71F2B;
      color: #fff;
      margin-top: 0; }
    .mobile-menu-popup .profile-popup {
      padding-top: 2em;
      width: 100%;
      height: 100%; }
      .mobile-menu-popup .profile-popup .profile-popup-header {
        position: relative;
        min-height: 5em; }
        .mobile-menu-popup .profile-popup .profile-popup-header > span {
          display: inline-block;
          position: absolute;
          left: 50%;
          transform: translateX(-50%); }
        .mobile-menu-popup .profile-popup .profile-popup-header .profile-avatar i {
          font-size: 4em; }
        .mobile-menu-popup .profile-popup .profile-popup-header .customer-id {
          top: 5em; }
      .mobile-menu-popup .profile-popup .profile-popup-list {
        margin-top: 5em; }
        .mobile-menu-popup .profile-popup .profile-popup-list ul {
          list-style: none;
          text-transform: uppercase;
          font-weight: bold;
          padding: 0;
          text-align: center; }
          .mobile-menu-popup .profile-popup .profile-popup-list ul li a {
            color: #333333; }
  #report_section #performance_tracking {
    position: static; }
  #report_section .report-container {
    width: 100vw; }
    #report_section .report-container .report-title {
      text-align: center; }
    #report_section .report-container #upg_success_rate_container {
      margin: 0;
      padding: 1em 0;
      text-align: center;
      border: none; }
      #report_section .report-container #upg_success_rate_container div {
        text-align: center; }
      #report_section .report-container #upg_success_rate_container #ug_success_me, #report_section .report-container #upg_success_rate_container #ug_success_team, #report_section .report-container #upg_success_rate_container #ug_success_goal {
        width: 2.8em;
        line-height: 2em; }
    #report_section .report-container .report-bg {
      margin-left: 0;
      padding: 0;
      margin-bottom: 0; }
      #report_section .report-container .report-bg .horiz-bar-report {
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        padding: 0.5em;
        margin: 0;
        width: 95%;
        overflow: scroll; }
  #upgrade-list #upgrade-list-info #upgrade-list-header {
    padding: 1.5em; }
    #upgrade-list #upgrade-list-info #upgrade-list-header .header-title {
      max-width: 60%; }
    #upgrade-list #upgrade-list-info #upgrade-list-header #upgrade-list-search {
      width: 100%; }
      #upgrade-list #upgrade-list-info #upgrade-list-header #upgrade-list-search .form-control {
        width: 100%;
        padding-right: 1em; }
      #upgrade-list #upgrade-list-info #upgrade-list-header #upgrade-list-search .fa {
        top: 50%;
        right: 5%;
        left: auto; }
      #upgrade-list #upgrade-list-info #upgrade-list-header #upgrade-list-search .wrapper-demo {
        left: 75%;
        top: -115%;
        margin: 0; }
  #upgrade-list #upgrades-list-table {
    /* Make this scrollable when needed */
    overflow-x: auto;
    /* We don't want vertical scrolling */
    overflow-y: hidden;
    /* Make an auto-hiding scroller for the 3 people using a IE */
    -ms-overflow-style: -ms-autohiding-scrollbar;
    /* For WebKit implementations, provide inertia scrolling */
    /* We don't want internal inline elements to wrap */
    white-space: nowrap;
    /* Remove the default scrollbar for WebKit implementations */ }
    #upgrade-list #upgrades-list-table::-webkit-scrollbar {
      display: none; }
  #offer-price-rules {
    height: auto; }
    #offer-price-rules #slider-home-page header {
      height: 3.5em;
      padding: 0 1em; }
      #offer-price-rules #slider-home-page header h2 {
        padding: 0; }
    #offer-price-rules #slider-home-page #generic-price {
      padding: 1em; }
      #offer-price-rules #slider-home-page #generic-price .generic-price-config {
        padding-left: 0.5em;
        padding-right: 0.5em; }
      #offer-price-rules #slider-home-page #generic-price .generic-price-config .rangeslider-horizontal {
        margin: 0.1em;
        width: 100%; }
        #offer-price-rules #slider-home-page #generic-price .generic-price-config .rangeslider-horizontal .slider-btn {
          top: 0.25em;
          left: 0.25em; }
          #offer-price-rules #slider-home-page #generic-price .generic-price-config .rangeslider-horizontal .slider-btn .fa {
            padding: 0.2em;
            font-size: 1em; }
      #offer-price-rules #slider-home-page #generic-price .generic-price-config .slider-footer {
        position: absolute;
        bottom: 1em;
        width: 100%; }
        #offer-price-rules #slider-home-page #generic-price .generic-price-config .slider-footer > div p:last-child {
          padding-right: 0; }
    #offer-price-rules .offer-price-constraint-pages {
      width: 100%;
      padding: 0; }
      #offer-price-rules .offer-price-constraint-pages header {
        height: auto; }
        #offer-price-rules .offer-price-constraint-pages header span {
          font-size: 1.5em; }
        #offer-price-rules .offer-price-constraint-pages header button {
          width: 9em;
          height: 3em; }
        #offer-price-rules .offer-price-constraint-pages header .inpt-search {
          float: none;
          height: 2.5em;
          width: 100%;
          margin-top: 1em; }
        #offer-price-rules .offer-price-constraint-pages header .edited-user-info {
          float: none; }
      #offer-price-rules .offer-price-constraint-pages .rules-list .enabled-rules-list .single-rule-sec .rule-dec p, #offer-price-rules .offer-price-constraint-pages .rules-list .other-rules-list .single-rule-sec .rule-dec p, #offer-price-rules .offer-price-constraint-pages .rules-list #drag-drop-section .single-rule-sec .rule-dec p, #offer-price-rules .offer-price-constraint-pages .rules-list .rule-offers-set .single-rule-sec .rule-dec p {
        text-align: center !important; }
      #offer-price-rules .offer-price-constraint-pages .rules-list .enabled-rules-list .single-rule-sec .rule-dec > div span, #offer-price-rules .offer-price-constraint-pages .rules-list .other-rules-list .single-rule-sec .rule-dec > div span, #offer-price-rules .offer-price-constraint-pages .rules-list #drag-drop-section .single-rule-sec .rule-dec > div span, #offer-price-rules .offer-price-constraint-pages .rules-list .rule-offers-set .single-rule-sec .rule-dec > div span {
        display: inline-block;
        text-align: center; }
      #offer-price-rules .offer-price-constraint-pages .create-offer-rule .range-slider, #offer-price-rules .offer-price-constraint-pages .create-price-rules .range-slider {
        margin-top: 1.5em;
        position: relative;
        left: 0;
        bottom: 0;
        width: 20em; }
      #offer-price-rules .offer-price-constraint-pages .create-offer-rule > p, #offer-price-rules .offer-price-constraint-pages .create-price-rules > p {
        margin-top: 1em; }
      #offer-price-rules .offer-price-constraint-pages .create-offer-rule .rule-exp-group .day-checkbox-, #offer-price-rules .offer-price-constraint-pages .create-price-rules .rule-exp-group .day-checkbox- {
        position: relative; }
      #offer-price-rules .offer-price-constraint-pages .create-offer-rule .offer-rule-sec2, #offer-price-rules .offer-price-constraint-pages .create-price-rules .offer-rule-sec2 {
        height: auto; }
        #offer-price-rules .offer-price-constraint-pages .create-offer-rule .offer-rule-sec2 .offer-rule-sec21 .offer-rule-sec211, #offer-price-rules .offer-price-constraint-pages .create-price-rules .offer-rule-sec2 .offer-rule-sec21 .offer-rule-sec211 {
          position: relative;
          left: 0; }
      #offer-price-rules .offer-price-constraint-pages .create-offer-rule .create-form-text-inpt input, #offer-price-rules .offer-price-constraint-pages .create-price-rules .create-form-text-inpt input {
        width: 100%; }
  #reporting {
    margin-top: 0.5em; }
    #reporting #report_section_title {
      padding: 0.3em 0; }
      #reporting #report_section_title #report_toggle {
        padding-bottom: 0; }
      #reporting #report_section_title #right-header-sec {
        display: flex;
        flex-direction: row;
        justify-content: space-evenly;
        width: 100%;
        padding: 0.4em; }
        #reporting #report_section_title #right-header-sec .revenue_by_sec {
          width: 40%;
          max-width: 15em; }
          #reporting #report_section_title #right-header-sec .revenue_by_sec .wrapper-demo .wrapper-dropdown-1 > button {
            width: 10em;
            border: none; }
          #reporting #report_section_title #right-header-sec .revenue_by_sec .wrapper-demo .wrapper-dropdown-1 > span {
            padding: 0.3em; }
          #reporting #report_section_title #right-header-sec .revenue_by_sec .wrapper-demo .wrapper-dropdown-1 .cst-dropdown {
            width: 12em; }
        #reporting #report_section_title #right-header-sec #report_datepicker {
          font-size: 0.5em;
          width: 60%;
          max-width: 15em;
          border: none;
          border-radius: none;
          box-shadow: none; }
  #offer .offer-with-commision {
    padding: 0; }
    #offer .offer-with-commision .offer-item tr td {
      display: block;
      float: left;
      width: 100%; }
    #offer .offer-with-commision .offer-item tr td:first-child {
      margin: 2em 0;
      padding: 0; }
      #offer .offer-with-commision .offer-item tr td:first-child img {
        display: inline-block;
        position: relative;
        left: 50%;
        transform: translateX(-50%); }
    #offer .offer-with-commision .offer-item tr td:nth-child(2) > div {
      width: 100%;
      height: auto;
      padding: 0; }
    #offer .offer-with-commision .offer-item tr td:nth-child(3) {
      border: none;
      padding: 1em; }
      #offer .offer-with-commision .offer-item tr td:nth-child(3) > div {
        width: auto; }
    #offer .offer-with-commision .offer-item tr td:last-child {
      padding: 1em 0; }
  #arrival-list div.arrival-table-container {
    overflow: visible; }
  #goal-settings .goal-settings-sec .goal-settings-daily-section .goal-settings-rule div div:nth-child(2), #goal-settings .goal-settings-sec .goal-settings-daily-section .goal-settings-rule div div:nth-child(3) {
    top: 0.5em; }
  #goal-settings .goal-settings-sec .goal-settings-daily-section .goal-settings-rule div div:nth-child(4) {
    top: 0.3em; }
  #goal-settings .goal-settings-sec .goal-settings-daily-section .goal-settings-rule .daily-goal-rule-expl {
    width: 100%; }
  #goal-settings .goal-settings-sec .goal-settings-monthly-section .goal-settings-rule .goal-settings-no-goal-title {
    font-size: 1em; }
  #goal-settings .goal-settings-sec .goal-settings-monthly-section .goal-settings-add-rule-btn {
    width: 4em;
    height: 3em; }
  .offer-price-modal .modal-dialog {
    width: 100%;
    left: 0; }
    .offer-price-modal .modal-dialog .modal-content {
      width: 100%;
      display: block; }
  .btstrp-modal-loader .modal-dialog {
    left: 39%; }
  #offer-price-rules .rules-list .enabled-rules-list .list-headr-bar .hr-line {
    width: 70%; }
  #offer-price-rules .other-rules-list .list-headr-bar .hr-line {
    width: 45%; }
  #offer-price-rules .offer-price-constraint-pages .rules-list .no-config-rule {
    margin: 0; }
  #invoice-details .invoice-table-wrapper .invoice-details-header .invoice-pickers .month-picker .picker-label, #invoice-details .invoice-table-wrapper .invoice-details-header .invoice-pickers .year-picker .picker-label {
    padding-left: 10px; }
  #invoice-details .invoice-table-wrapper .invoice-details-header .invoice-pickers #invoice-list-search {
    padding: 20pt 0pt 0pt; }
    #invoice-details .invoice-table-wrapper .invoice-details-header .invoice-pickers #invoice-list-search .form-control {
      padding-left: 12px; }
    #invoice-details .invoice-table-wrapper .invoice-details-header .invoice-pickers #invoice-list-search span {
      display: none; } }

/*
 * Ipad
 */
@media only screen and (min-width: 768px) and (max-width: 769px) {
  #checkin_modal .modal-dialog {
    width: 100%;
    min-height: 100%;
    margin: 0; }
    #checkin_modal .modal-dialog .modal-content {
      height: 120%; }
  #checkin_modal .checkin_dropdown .wrapper-demo-left-box {
    right: 5%;
    top: 47%; }
  #checkin_modal .checkin_dropdown > div {
    width: 100%; }
    #checkin_modal .checkin_dropdown > div > input {
      display: inline-block;
      width: 100%;
      border-color: #eeeeee; }
  #checkin_modal .checkin_dropdown:after {
    right: 8%;
    top: 68%; }
  #checkin_modal .checkin-count > input {
    border-color: #eeeeee; }
  #efdu {
    padding-top: 8em; }
    #efdu #content-container #arrival-list #arrival-list-header {
      margin: 0 1em 1em 1em; }
      #efdu #content-container #arrival-list #arrival-list-header #add-reservation {
        width: 100vw;
        overflow-y: scroll;
        height: 100%; }
    #efdu #content-container #exclusions #exclusions-list-sec #exclusions-list .exclusion-group .single-exln-rule > div {
      text-align: center;
      width: 15%; }
    #efdu #content-container #add-checkin {
      width: 95%;
      left: 50%;
      transform: translateX(-50%); }
  .container-fluid {
    padding: 0; }
  header {
    padding: 20px 15px; }
  #header {
    background-color: #FFFFFF;
    width: 100vw; }
    #header .table {
      margin-bottom: 0;
      display: block; }
      #header .table .header-sub {
        width: 100% !important;
        height: auto;
        display: inline-block;
        margin: 0;
        padding: 0; }
      #header .table .other {
        display: none; }
      #header .table .logo {
        background-image: linear-gradient(to right, #434343 0%, black 100%); }
      #header .table .header-sub.search {
        height: 4.5em;
        min-width: 0;
        padding-left: 0;
        background-color: #B71F2B; }
        #header .table .header-sub.search #autocompleteBar {
          position: relative;
          width: 100vw; }
          #header .table .header-sub.search #autocompleteBar .text {
            display: none; }
          #header .table .header-sub.search #autocompleteBar > div {
            width: 92%;
            left: 50%;
            transform: translateX(-50%); }
          #header .table .header-sub.search #autocompleteBar .search-hotel {
            height: 2.3em;
            width: 2.5em;
            background-color: #F8EEE7;
            position: absolute;
            display: inline-block;
            left: 4%;
            top: 0.66em;
            z-index: 100;
            border-radius: 4px 0 0 4px; }
            #header .table .header-sub.search #autocompleteBar .search-hotel i {
              position: relative;
              font-size: 20px;
              color: #333;
              left: 50%;
              top: -0.3em;
              transform: translateX(-50%); }
          #header .table .header-sub.search #autocompleteBar input {
            width: 92vw;
            background-color: #ffffff;
            color: #3c3c3c;
            text-align: center;
            height: 2.5em;
            font-weight: 400; }
    #header #app-logo {
      padding-left: 0; }
      #header #app-logo > a > img {
        position: relative;
        display: inline-block;
        margin-bottom: 0.5em;
        width: 8em;
        left: 50%;
        transform: translateX(-50%); }
      #header #app-logo .mobile-menu-collapse {
        display: inline-block;
        position: absolute; }
        #header #app-logo .mobile-menu-collapse i {
          font-size: 1.5em; }
      #header #app-logo .mobile-menu-collapse-modules {
        left: 3%;
        top: 0.3em; }
      #header #app-logo .mobile-menu-collapse-profile {
        right: 3%;
        top: 0.3em; }
    #header .mobile-site-nav {
      list-style: none;
      padding: 0; }
      #header .mobile-site-nav li h5 {
        text-transform: uppercase;
        margin-bottom: 0; }
      #header .mobile-site-nav ul {
        list-style: none;
        padding: 0; }
        #header .mobile-site-nav ul li {
          position: relative;
          border-bottom: 1px solid #cccccc; }
          #header .mobile-site-nav ul li .available-app, #header .mobile-site-nav ul li .available-module {
            display: inline-block;
            position: absolute;
            margin-left: 0.5em;
            width: 5em;
            height: 100%; }
          #header .mobile-site-nav ul li a {
            width: 100%;
            height: 100%;
            display: inline-block;
            padding-left: 6em;
            color: #333;
            font-weight: bold;
            font-size: 1em; }
        #header .mobile-site-nav ul li:last-child {
          border-bottom: none; }
  .container {
    width: 100%;
    box-shadow: none; }
    .container #exclusions #exclusions-rule-sec {
      height: auto; }
      .container #exclusions #exclusions-rule-sec .exclusions-rule-input {
        width: 100%;
        margin-bottom: 2em; }
        .container #exclusions #exclusions-rule-sec .exclusions-rule-input .react-tagsinput {
          width: 100%; }
  #report_section_title {
    text-align: center; }
  #report_toggle {
    padding: 0 0 0.5em 0; }
    #report_toggle .upgrade-title, #report_toggle .my-stats {
      font-size: 0.8em;
      font-weight: 400 !important; }
    #report_toggle #agent_rev {
      font-size: 1em; }
  #right-header-sec {
    padding: 0 0 1em 0; }
    #right-header-sec .revenue_by_sec {
      position: relative;
      height: 100%;
      top: 50%; }
      #right-header-sec .revenue_by_sec > span {
        display: none; }
    #right-header-sec #report_datepicker {
      display: inline-block;
      float: none !important;
      color: #333333;
      font-size: 1em;
      font-weight: 400;
      background: #f0f0f0;
      padding: 0.3em;
      text-decoration: none; }
    #right-header-sec .wrapper-demo {
      margin: 0;
      width: 100%;
      display: inline-block; }
    #right-header-sec .wrapper-dropdown-1 {
      display: inline-block;
      color: #333333;
      border: none;
      width: 100%;
      font-size: 0.8em;
      padding: 0.1em; }
      #right-header-sec .wrapper-dropdown-1 > button {
        background-color: #f0f0f0; }
      #right-header-sec .wrapper-dropdown-1 > span {
        display: inline-block;
        width: 100%;
        color: #333333;
        font-size: 1em;
        font-weight: 400;
        background: #f0f0f0;
        padding: 0.3em;
        text-decoration: none; }
      #right-header-sec .wrapper-dropdown-1 .cst-dropdown {
        font-weight: 400;
        box-shadow: none;
        right: 0; }
        #right-header-sec .wrapper-dropdown-1 .cst-dropdown > li > a {
          font-size: 1em;
          color: #333333; }
  .mobile-menu-popup {
    width: 100vw;
    height: 100vh;
    border-radius: 0;
    z-index: 110;
    color: #0f0f0f;
    padding: 0; }
    .mobile-menu-popup h5 {
      padding: 1em;
      background: #B71F2B;
      color: #fff;
      margin-top: 0; }
    .mobile-menu-popup .profile-popup {
      padding-top: 2em;
      width: 100%;
      height: 100%; }
      .mobile-menu-popup .profile-popup .profile-popup-header {
        position: relative;
        min-height: 5em; }
        .mobile-menu-popup .profile-popup .profile-popup-header > span {
          display: inline-block;
          position: absolute;
          left: 50%;
          transform: translateX(-50%); }
        .mobile-menu-popup .profile-popup .profile-popup-header .profile-avatar i {
          font-size: 4em; }
        .mobile-menu-popup .profile-popup .profile-popup-header .customer-id {
          top: 5em; }
      .mobile-menu-popup .profile-popup .profile-popup-list {
        margin-top: 5em; }
        .mobile-menu-popup .profile-popup .profile-popup-list ul {
          list-style: none;
          text-transform: uppercase;
          font-weight: bold;
          padding: 0;
          text-align: center; }
          .mobile-menu-popup .profile-popup .profile-popup-list ul li a {
            color: #333333; }
  #report_section #performance_tracking {
    position: static; }
  #report_section .report-container {
    width: 100vw; }
    #report_section .report-container .report-title {
      text-align: center; }
    #report_section .report-container #upg_success_rate_container {
      margin: 0;
      padding: 1em 0;
      text-align: center;
      border: none; }
      #report_section .report-container #upg_success_rate_container div {
        text-align: center; }
      #report_section .report-container #upg_success_rate_container #ug_success_me, #report_section .report-container #upg_success_rate_container #ug_success_team, #report_section .report-container #upg_success_rate_container #ug_success_goal {
        width: 2.8em;
        line-height: 2em; }
    #report_section .report-container .report-bg {
      margin-left: 0;
      padding: 0;
      margin-bottom: 0; }
      #report_section .report-container .report-bg .horiz-bar-report {
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        padding: 0.5em;
        margin: 0;
        width: 95%;
        overflow: scroll; }
  #upgrade-list #upgrade-list-info #upgrade-list-header {
    padding: 1.5em; }
    #upgrade-list #upgrade-list-info #upgrade-list-header .header-title {
      max-width: 60%; }
    #upgrade-list #upgrade-list-info #upgrade-list-header #upgrade-list-search {
      width: 100%; }
      #upgrade-list #upgrade-list-info #upgrade-list-header #upgrade-list-search .form-control {
        width: 100%;
        padding-right: 1em; }
      #upgrade-list #upgrade-list-info #upgrade-list-header #upgrade-list-search .fa {
        top: 50%;
        right: 5%;
        left: auto; }
      #upgrade-list #upgrade-list-info #upgrade-list-header #upgrade-list-search .wrapper-demo {
        left: 75%;
        top: -115%;
        margin: 0; }
  #upgrade-list #upgrades-list-table {
    /* Make this scrollable when needed */
    overflow-x: auto;
    /* We don't want vertical scrolling */
    overflow-y: hidden;
    /* Make an auto-hiding scroller for the 3 people using a IE */
    -ms-overflow-style: -ms-autohiding-scrollbar;
    /* For WebKit implementations, provide inertia scrolling */
    /* We don't want internal inline elements to wrap */
    white-space: nowrap;
    /* Remove the default scrollbar for WebKit implementations */ }
    #upgrade-list #upgrades-list-table::-webkit-scrollbar {
      display: none; }
  #offer-price-rules {
    height: auto; }
    #offer-price-rules #slider-home-page header {
      height: 3.5em;
      padding: 0 1em; }
      #offer-price-rules #slider-home-page header h2 {
        padding: 0; }
    #offer-price-rules #slider-home-page #generic-price {
      padding: 1em; }
      #offer-price-rules #slider-home-page #generic-price .generic-price-config {
        padding-left: 0.5em;
        padding-right: 0.5em; }
      #offer-price-rules #slider-home-page #generic-price .generic-price-config .rangeslider-horizontal {
        margin: 0.1em;
        width: 100%; }
        #offer-price-rules #slider-home-page #generic-price .generic-price-config .rangeslider-horizontal .slider-btn {
          top: 0.25em;
          left: 0.25em; }
          #offer-price-rules #slider-home-page #generic-price .generic-price-config .rangeslider-horizontal .slider-btn .fa {
            padding: 0.2em;
            font-size: 1em; }
      #offer-price-rules #slider-home-page #generic-price .generic-price-config .slider-footer {
        position: absolute;
        bottom: 1em;
        width: 100%; }
        #offer-price-rules #slider-home-page #generic-price .generic-price-config .slider-footer > div p:last-child {
          padding-right: 0; }
    #offer-price-rules .offer-price-constraint-pages {
      width: 100%;
      padding: 0; }
      #offer-price-rules .offer-price-constraint-pages header {
        height: auto; }
        #offer-price-rules .offer-price-constraint-pages header span {
          font-size: 1.5em; }
        #offer-price-rules .offer-price-constraint-pages header button {
          width: 9em;
          height: 3em; }
        #offer-price-rules .offer-price-constraint-pages header .inpt-search {
          float: none;
          height: 2.5em;
          width: 100%;
          margin-top: 1em; }
        #offer-price-rules .offer-price-constraint-pages header .edited-user-info {
          float: none; }
      #offer-price-rules .offer-price-constraint-pages .rules-list .enabled-rules-list .single-rule-sec .rule-dec p, #offer-price-rules .offer-price-constraint-pages .rules-list .other-rules-list .single-rule-sec .rule-dec p, #offer-price-rules .offer-price-constraint-pages .rules-list #drag-drop-section .single-rule-sec .rule-dec p, #offer-price-rules .offer-price-constraint-pages .rules-list .rule-offers-set .single-rule-sec .rule-dec p {
        text-align: center !important; }
      #offer-price-rules .offer-price-constraint-pages .rules-list .enabled-rules-list .single-rule-sec .rule-dec > div span, #offer-price-rules .offer-price-constraint-pages .rules-list .other-rules-list .single-rule-sec .rule-dec > div span, #offer-price-rules .offer-price-constraint-pages .rules-list #drag-drop-section .single-rule-sec .rule-dec > div span, #offer-price-rules .offer-price-constraint-pages .rules-list .rule-offers-set .single-rule-sec .rule-dec > div span {
        display: inline-block;
        text-align: center; }
      #offer-price-rules .offer-price-constraint-pages .create-offer-rule .range-slider, #offer-price-rules .offer-price-constraint-pages .create-price-rules .range-slider {
        margin-top: 1.5em;
        position: relative;
        left: 0;
        bottom: 0;
        width: 20em; }
      #offer-price-rules .offer-price-constraint-pages .create-offer-rule > p, #offer-price-rules .offer-price-constraint-pages .create-price-rules > p {
        margin-top: 1em; }
      #offer-price-rules .offer-price-constraint-pages .create-offer-rule .rule-exp-group .day-checkbox-, #offer-price-rules .offer-price-constraint-pages .create-price-rules .rule-exp-group .day-checkbox- {
        position: relative; }
      #offer-price-rules .offer-price-constraint-pages .create-offer-rule .offer-rule-sec2, #offer-price-rules .offer-price-constraint-pages .create-price-rules .offer-rule-sec2 {
        height: auto; }
        #offer-price-rules .offer-price-constraint-pages .create-offer-rule .offer-rule-sec2 .offer-rule-sec21 .offer-rule-sec211, #offer-price-rules .offer-price-constraint-pages .create-price-rules .offer-rule-sec2 .offer-rule-sec21 .offer-rule-sec211 {
          position: relative;
          left: 0; }
      #offer-price-rules .offer-price-constraint-pages .create-offer-rule .create-form-text-inpt input, #offer-price-rules .offer-price-constraint-pages .create-price-rules .create-form-text-inpt input {
        width: 100%; }
  #arrival-list #arrival-list-header #add-reservation {
    width: 100%;
    height: 100%;
    overflow: scroll; }
  #offer .offer-item-container .offer-with-commision {
    padding-bottom: 10px;
    min-height: 260px; }
    #offer .offer-item-container .offer-with-commision .offer-item .offer-item-image, #offer .offer-item-container .offer-with-commision .offer-item .offer-item-pricing {
      position: absolute; }
    #offer .offer-item-container .offer-with-commision .offer-item .offer-item-image {
      max-height: 135px;
      top: 30px; }
    #offer .offer-item-container .offer-with-commision .offer-item .offer-item-pricing {
      top: 160px; }
      #offer .offer-item-container .offer-with-commision .offer-item .offer-item-pricing .offer-price-per, #offer .offer-item-container .offer-with-commision .offer-item .offer-item-pricing .offer-price-total {
        width: 192px;
        padding-top: 0;
        height: 45px; }
      #offer .offer-item-container .offer-with-commision .offer-item .offer-item-pricing .offer-price-per {
        width: 192px;
        margin-bottom: 2px; }
        #offer .offer-item-container .offer-with-commision .offer-item .offer-item-pricing .offer-price-per .price-edit {
          top: 40px;
          left: 60px; }
    #offer .offer-item-container .offer-with-commision .offer-item .offer-item-desc {
      padding-left: 200px;
      width: 70%;
      min-width: 450px; }
  #page-navigation {
    display: none; }
  #report_section_title {
    padding-left: 1em; }
    #report_section_title #report_toggle {
      width: 35%; }
    #report_section_title #right-header-sec {
      width: 65%; }
      #report_section_title #right-header-sec .revenue_by_sec {
        width: 40%;
        top: 0;
        transform: none; }
        #report_section_title #right-header-sec .revenue_by_sec .wrapper-demo {
          max-width: 12em; }
      #report_section_title #right-header-sec #report_datepicker {
        max-width: 20em;
        font-size: 0.5em; }
  #report_section #performance_tracking #upg_success_rate_container {
    padding: 1em 8%;
    width: 30%; }
  #report_section #performance_tracking .report-bg {
    width: 70%; }
    #report_section #performance_tracking .report-bg .horiz-bar-report {
      padding-right: 3em; }
      #report_section #performance_tracking .report-bg .horiz-bar-report #num_upgrades_goal_bg, #report_section #performance_tracking .report-bg .horiz-bar-report #num_rev_goal_bg {
        width: 100%; }
  #report_section #performance_tracking .report-common-style {
    display: inline-block;
    background-color: #FFFFFF;
    border: none; }
  .offer-item-container .offer-with-commision .offer-item .offer-item-action {
    min-width: 0; }
    .offer-item-container .offer-with-commision .offer-item .offer-item-action .btn-offer-success {
      margin-bottom: 0.5em; }
  #offer-price-rules .rules-list .enabled-rules-list .list-headr-bar .hr-line {
    width: 88%; }
  #offer-price-rules .other-rules-list .list-headr-bar .hr-line {
    width: 77%; }
  #goal-settings .goal-settings-sec .goal-settings-daily-section > div:first-child > div {
    display: inline-block;
    width: 25%;
    margin-left: 0 !important; }
  #goal-settings .goal-settings-sec .goal-settings-daily-section .goal-settings-rule > div > div {
    display: inline-block;
    width: 20%;
    float: none; }
  #goal-settings .goal-settings-sec .goal-settings-daily-section .goal-settings-rule > div > div:nth-child(2), #goal-settings .goal-settings-sec .goal-settings-daily-section .goal-settings-rule > div div:nth-child(3), #goal-settings .goal-settings-sec .goal-settings-daily-section .goal-settings-rule > div div:nth-child(4), #goal-settings .goal-settings-sec .goal-settings-daily-section .goal-settings-rule > div div.goal-settings-notification-daily {
    top: -25px;
    text-align: center; }
  #goal-settings .goal-settings-sec .goal-settings-daily-section .goal-settings-rule > div > div:nth-child(2) .is-editing > input, #goal-settings .goal-settings-sec .goal-settings-daily-section .goal-settings-rule > div div:nth-child(3) .is-editing > input {
    width: 80%; }
  #goal-settings .goal-settings-sec .goal-settings-daily-section .goal-settings-rule > div > div.goal-settings-notification-daily {
    width: 15%; }
  #goal-settings .goal-settings-sec .goal-settings-monthly-section > div:first-child {
    margin-bottom: 1em; }
    #goal-settings .goal-settings-sec .goal-settings-monthly-section > div:first-child > div:first-child {
      display: inline-block; }
  #goal-settings .goal-settings-sec .goal-settings-monthly-section > div:nth-child(2) > div {
    text-align: center;
    display: inline-block;
    width: 12%; }
  #goal-settings .goal-settings-sec .goal-settings-monthly-section > div:nth-child(2) > div:nth-child(2) {
    width: 19%; }
  #goal-settings .goal-settings-sec .goal-settings-monthly-section .goal-settings-rule > div .goal-settings-month-select {
    top: 17px; }
    #goal-settings .goal-settings-sec .goal-settings-monthly-section .goal-settings-rule > div .goal-settings-month-select select {
      width: 100%;
      position: relative;
      top: 50%;
      transform: translateY(-50%);
      margin: 0;
      padding-left: 3px; }
    #goal-settings .goal-settings-sec .goal-settings-monthly-section .goal-settings-rule > div .goal-settings-month-select span.sel-dropdown-icon {
      top: -15px;
      right: 0;
      left: 68px;
      width: 25px;
      height: 30px; }
    #goal-settings .goal-settings-sec .goal-settings-monthly-section .goal-settings-rule > div .goal-settings-month-select .monthly-select-is-not-editing {
      margin: 0 0 0 1em; }
  #goal-settings .goal-settings-sec .goal-settings-monthly-section .goal-settings-rule > div > div {
    display: inline-block;
    width: 15%; }
  #goal-settings .goal-settings-sec .goal-settings-monthly-section .goal-settings-rule > div > div:first-child, #goal-settings .goal-settings-sec .goal-settings-monthly-section .goal-settings-rule > div div:nth-child(2), #goal-settings .goal-settings-sec .goal-settings-monthly-section .goal-settings-rule > div div:nth-child(3) {
    margin-left: 0; }
  #goal-settings .goal-settings-sec .goal-settings-monthly-section .goal-settings-rule > div > div:nth-child(2), #goal-settings .goal-settings-sec .goal-settings-monthly-section .goal-settings-rule > div div:nth-child(3) {
    width: 20%; }
    #goal-settings .goal-settings-sec .goal-settings-monthly-section .goal-settings-rule > div > div:nth-child(2) .is-editing input, #goal-settings .goal-settings-sec .goal-settings-monthly-section .goal-settings-rule > div div:nth-child(3) .is-editing input {
      width: 70%; }
  #goal-settings .goal-settings-sec .goal-settings-monthly-section .goal-settings-rule > div .goal-settings-notification-monthly {
    top: 15px; }
  #goal-settings .goal-settings-sec .goal-settings-monthly-section .goal-settings-rule > div > div:nth-child(4), #goal-settings .goal-settings-sec .goal-settings-monthly-section .goal-settings-rule > div div:nth-child(5), #goal-settings .goal-settings-sec .goal-settings-monthly-section .goal-settings-rule > div div:nth-child(6) {
    width: 7%; }
  #invoice-details header .invoice-total-print .invoice-print {
    left: auto; }
  #invoice-details .invoice-table-wrapper .invoice-details-header .invoice-pickers .month-picker .picker-label, #invoice-details .invoice-table-wrapper .invoice-details-header .invoice-pickers .year-picker .picker-label {
    padding-left: 10px; }
  #invoice-details .invoice-table-wrapper .invoice-details-header .invoice-pickers #invoice-list-search {
    padding: 12pt 0pt 0pt; }
    #invoice-details .invoice-table-wrapper .invoice-details-header .invoice-pickers #invoice-list-search .form-control {
      padding-left: 12px; }
    #invoice-details .invoice-table-wrapper .invoice-details-header .invoice-pickers #invoice-list-search span {
      display: none; } }

@media only screen and (min-width: 770px) and (max-width: 1200px) {
  #arrival-list #arrival-list-header #add-reservation {
    width: 100%;
    height: 100%;
    overflow: scroll; }
  #offer .offer-top-header {
    height: 66px; }
  #offer .commission {
    margin: 0 13px;
    font-size: 1.2em; }
  #offer .offer-with-commision {
    padding: 0;
    margin: 1em 1em 0 1em; }
    #offer .offer-with-commision .offer-item tr td {
      display: inline-block;
      width: auto;
      max-width: 100%; }
    #offer .offer-with-commision .offer-item tr td:first-child {
      width: auto;
      margin: 2em 0.5em 0 1em;
      padding: 0; }
      #offer .offer-with-commision .offer-item tr td:first-child .reporting-type-img {
        z-index: 1; }
      #offer .offer-with-commision .offer-item tr td:first-child img {
        display: inline-block;
        position: relative; }
    #offer .offer-with-commision .offer-item tr td:nth-child(2) {
      width: auto;
      min-width: 7em;
      margin-top: 2em; }
      #offer .offer-with-commision .offer-item tr td:nth-child(2) > div {
        width: 100%;
        height: auto;
        padding: 0.5em 0; }
        #offer .offer-with-commision .offer-item tr td:nth-child(2) > div .offer-price {
          font-size: 1.2em; }
    #offer .offer-with-commision .offer-item tr td:nth-child(3) {
      margin: 1em 0.5em;
      padding: 0;
      width: 20em; }
      #offer .offer-with-commision .offer-item tr td:nth-child(3) > div {
        width: auto; }
    #offer .offer-with-commision .offer-item tr td:last-child {
      padding: 1em 0; }
  #add-checkin {
    width: 85%; }
  #efdu {
    padding-left: 0;
    padding-right: 0; }
    #efdu > .container {
      width: 85%; }
  #reporting #report_section_title #report_toggle {
    width: 45%; }
  #reporting #report_section_title #right-header-sec {
    width: 55%; }
    #reporting #report_section_title #right-header-sec .revenue_by_sec .wrapper-demo .wrapper-dropdown-1 {
      width: 6em; }
      #reporting #report_section_title #right-header-sec .revenue_by_sec .wrapper-demo .wrapper-dropdown-1 > button {
        background-color: #ffffff;
        width: 10em; }
      #reporting #report_section_title #right-header-sec .revenue_by_sec .wrapper-demo .wrapper-dropdown-1 .cst-dropdown {
        width: 9.4em; }
    #reporting #report_section_title #right-header-sec .revenue_by_sec > span {
      display: none; }
  #reporting #report_section #performance_tracking, #reporting #report_section #leaderboard {
    width: 98%; }
  #upgrade-list #upgrade-list-info #upgrade-list-header #upgrade-list-search {
    width: 30%; }
    #upgrade-list #upgrade-list-info #upgrade-list-header #upgrade-list-search .form-control {
      padding-right: 1.5em; }
  #upgrade-list #upgrades-list-table {
    overflow-x: auto;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    white-space: nowrap; }
  #offer-price-rules .offer-price-constraint-pages .rules-list .enabled-rules-list .hr-line {
    width: 720px; }
  #offer-price-rules .offer-price-constraint-pages .rules-list .list-headr-bar .hr-line {
    width: 720px; }
  #offer-price-rules .rangeSlider {
    width: 650px; } }

@media only screen and (min-width: 770px) and (max-width: 1007px) {
  #offer .offer-with-commision .offer-item tr td:nth-child(3) {
    border: none;
    width: auto;
    max-width: 24em;
    margin-bottom: 0; }
  #offer .offer-with-commision .offer-item tr td.offer-item-action {
    padding-top: 0;
    width: 100%; }
  #invoice-details header .invoice-total-print .invoice-print {
    left: auto; }
  #invoice-details header .invoice-total-print .invoice-total span {
    font-size: 21px; }
  #invoice-details .invoice-table-wrapper .invoice-details-header .invoice-pickers .month-picker .picker-label, #invoice-details .invoice-table-wrapper .invoice-details-header .invoice-pickers .year-picker .picker-label {
    padding-left: 10px; }
  #invoice-details .invoice-table-wrapper .invoice-details-header .invoice-pickers #invoice-list-search {
    padding-top: 13pt; }
    #invoice-details .invoice-table-wrapper .invoice-details-header .invoice-pickers #invoice-list-search span {
      display: none; } }

@media only screen and (max-width: 768px) {
  #invoice-details header .invoice-total-print .invoice-print {
    left: auto; }
  #invoice-details header .invoice-total-print .invoice-total span {
    font-size: 18px; } }

#offer-price-rules .offer-price-constraint-pages .pricing-grid-btn-close {
  display: inline-block;
  float: right;
  font-size: 14px;
  margin-left: 20px;
  cursor: pointer; }

#offer-price-rules .offer-price-constraint-pages .header-input {
  padding: 0px; }
  #offer-price-rules .offer-price-constraint-pages .header-input .label-input {
    margin-bottom: 15px;
    margin-top: 10px; }
  #offer-price-rules .offer-price-constraint-pages .header-input .constraint-rule h4 .hr-line {
    width: 92%; }
  #offer-price-rules .offer-price-constraint-pages .header-input .constraint-rule .rule-exp-list .rule-exp-group {
    background-color: #f4f4f4;
    padding: 20px 0 0 10px;
    border-radius: 5px;
    height: 84px; }
    #offer-price-rules .offer-price-constraint-pages .header-input .constraint-rule .rule-exp-list .rule-exp-group .rule-cond {
      display: inline-block;
      max-width: 100%;
      float: left; }
      #offer-price-rules .offer-price-constraint-pages .header-input .constraint-rule .rule-exp-list .rule-exp-group .rule-cond .rule-type {
        display: inline-block;
        position: relative; }
        #offer-price-rules .offer-price-constraint-pages .header-input .constraint-rule .rule-exp-list .rule-exp-group .rule-cond .rule-type .wrapper-demo {
          font-weight: 400;
          border-radius: 1px;
          margin: 0;
          display: inline-block; }
          #offer-price-rules .offer-price-constraint-pages .header-input .constraint-rule .rule-exp-list .rule-exp-group .rule-cond .rule-type .wrapper-demo .wrapper-dropdown-1 {
            position: relative;
            border: 1px solid #e3e3e3;
            padding: 2px 36px 7px 10px;
            width: 230px;
            outline: none;
            cursor: pointer;
            border-radius: 1px;
            font-weight: 300; }
          #offer-price-rules .offer-price-constraint-pages .header-input .constraint-rule .rule-exp-list .rule-exp-group .rule-cond .rule-type .wrapper-demo .offer-error {
            border: 1px solid #ff0000; }
  #offer-price-rules .offer-price-constraint-pages .header-input .constraint-rule .rule-exp-list .upsells-list-table .edit-price {
    padding: 0px; }
    #offer-price-rules .offer-price-constraint-pages .header-input .constraint-rule .rule-exp-list .upsells-list-table .edit-price .edit-price-header header {
      padding: 5px 10px;
      background-color: #ffffff;
      height: auto;
      border-bottom: 1px solid #dedede;
      color: #ada2a2;
      font-size: 22px;
      font-weight: 200;
      margin-top: 30px; }
    #offer-price-rules .offer-price-constraint-pages .header-input .constraint-rule .rule-exp-list .upsells-list-table .edit-price .edit-price-header span {
      position: absolute;
      right: 20px;
      margin-top: -35px;
      font-weight: 700;
      color: #b5b5b5;
      cursor: pointer; }
    #offer-price-rules .offer-price-constraint-pages .header-input .constraint-rule .rule-exp-list .upsells-list-table .edit-price .rule-exp-group {
      background-color: #f4f4f4;
      padding: 20px 0px 0px 10px;
      border-radius: 5px;
      height: 84px; }
      #offer-price-rules .offer-price-constraint-pages .header-input .constraint-rule .rule-exp-list .upsells-list-table .edit-price .rule-exp-group .rule-cond {
        display: inline-block;
        max-width: 100%;
        float: left; }
        #offer-price-rules .offer-price-constraint-pages .header-input .constraint-rule .rule-exp-list .upsells-list-table .edit-price .rule-exp-group .rule-cond .rule-type {
          display: inline-block;
          position: relative; }
        #offer-price-rules .offer-price-constraint-pages .header-input .constraint-rule .rule-exp-list .upsells-list-table .edit-price .rule-exp-group .rule-cond .operator {
          display: inline-block;
          vertical-align: top;
          position: relative; }
          #offer-price-rules .offer-price-constraint-pages .header-input .constraint-rule .rule-exp-list .upsells-list-table .edit-price .rule-exp-group .rule-cond .operator input {
            width: 170px;
            border: 0;
            border: 1px solid #dadada;
            border-radius: 4px;
            height: 38px;
            padding-left: 10px; }
    #offer-price-rules .offer-price-constraint-pages .header-input .constraint-rule .rule-exp-list .upsells-list-table .edit-price ul li:hover {
      background: #1A73A7;
      color: #ffffff; }
  #offer-price-rules .offer-price-constraint-pages .header-input .constraint-rule .rule-exp-list .upsells-list-table .pricing-grid {
    margin-top: 30px; }
    #offer-price-rules .offer-price-constraint-pages .header-input .constraint-rule .rule-exp-list .upsells-list-table .pricing-grid .action-btns {
      margin-top: 40px;
      margin-bottom: -30px; }
    #offer-price-rules .offer-price-constraint-pages .header-input .constraint-rule .rule-exp-list .upsells-list-table .pricing-grid .pricing-grid-popup-window {
      width: 100%;
      position: fixed;
      max-width: 400px;
      top: 50%;
      left: 50%;
      transform: translateX(-50%) translateY(-50%); }
      #offer-price-rules .offer-price-constraint-pages .header-input .constraint-rule .rule-exp-list .upsells-list-table .pricing-grid .pricing-grid-popup-window p.notification-text {
        margin: 30px;
        text-align: center;
        font-size: 16px; }
      #offer-price-rules .offer-price-constraint-pages .header-input .constraint-rule .rule-exp-list .upsells-list-table .pricing-grid .pricing-grid-popup-window .action-box {
        text-align: center; }
        #offer-price-rules .offer-price-constraint-pages .header-input .constraint-rule .rule-exp-list .upsells-list-table .pricing-grid .pricing-grid-popup-window .action-box > button {
          border-radius: 3px; }
        #offer-price-rules .offer-price-constraint-pages .header-input .constraint-rule .rule-exp-list .upsells-list-table .pricing-grid .pricing-grid-popup-window .action-box .btn-offer-fail {
          color: white;
          border: 1px solid #b34646;
          background-color: #cb5a5a;
          height: 45px; }
        #offer-price-rules .offer-price-constraint-pages .header-input .constraint-rule .rule-exp-list .upsells-list-table .pricing-grid .pricing-grid-popup-window .action-box .btn-offer-success {
          color: white;
          border: 1px solid #86be46;
          background-color: #92c559;
          transform: none;
          height: 45px; }
    #offer-price-rules .offer-price-constraint-pages .header-input .constraint-rule .rule-exp-list .upsells-list-table .pricing-grid > div > span {
      display: none; }
    #offer-price-rules .offer-price-constraint-pages .header-input .constraint-rule .rule-exp-list .upsells-list-table .pricing-grid .pricing_tab {
      padding: 10px 10px 10px 10px;
      cursor: pointer; }
    #offer-price-rules .offer-price-constraint-pages .header-input .constraint-rule .rule-exp-list .upsells-list-table .pricing-grid .pricing_tab_selected {
      padding: 10px 10px 10px 10px;
      cursor: pointer;
      background-color: #ececec; }
    #offer-price-rules .offer-price-constraint-pages .header-input .constraint-rule .rule-exp-list .upsells-list-table .pricing-grid .rates-table-collapse {
      padding: 10px;
      background-color: #ececec; }
    #offer-price-rules .offer-price-constraint-pages .header-input .constraint-rule .rule-exp-list .upsells-list-table .pricing-grid div.info p {
      float: right;
      font-size: 12px;
      margin-top: 2px;
      color: gray; }
    #offer-price-rules .offer-price-constraint-pages .header-input .constraint-rule .rule-exp-list .upsells-list-table .pricing-grid div.info p.infoleft {
      float: left; }
    #offer-price-rules .offer-price-constraint-pages .header-input .constraint-rule .rule-exp-list .upsells-list-table .pricing-grid thead th:nth-child(1) {
      position: relative;
      display: block;
      background-color: #88b; }
    #offer-price-rules .offer-price-constraint-pages .header-input .constraint-rule .rule-exp-list .upsells-list-table .pricing-grid table {
      position: relative;
      width: 700px;
      overflow: hidden;
      font-size: 12px;
      border-collapse: collapse; }
      #offer-price-rules .offer-price-constraint-pages .header-input .constraint-rule .rule-exp-list .upsells-list-table .pricing-grid table thead {
        position: relative;
        display: block;
        width: 700px;
        overflow: visible; }
        #offer-price-rules .offer-price-constraint-pages .header-input .constraint-rule .rule-exp-list .upsells-list-table .pricing-grid table thead > tr td {
          color: #333;
          padding: 5px;
          border: 1px solid #e1e1e1;
          width: 50px;
          background-color: #b5e2ff;
          font-weight: bold;
          position: relative; }
          #offer-price-rules .offer-price-constraint-pages .header-input .constraint-rule .rule-exp-list .upsells-list-table .pricing-grid table thead > tr td .error-tool-tip {
            position: absolute;
            width: 200px;
            background: #333333;
            color: #f0f0f0;
            /*left: -80px;*/
            top: 30px;
            border-radius: 4px;
            padding: 5px;
            z-index: 9999;
            text-align: left; }
            #offer-price-rules .offer-price-constraint-pages .header-input .constraint-rule .rule-exp-list .upsells-list-table .pricing-grid table thead > tr td .error-tool-tip p {
              font-size: 13px;
              margin: 0; }
            #offer-price-rules .offer-price-constraint-pages .header-input .constraint-rule .rule-exp-list .upsells-list-table .pricing-grid table thead > tr td .error-tool-tip span {
              font-size: 12px; }
            #offer-price-rules .offer-price-constraint-pages .header-input .constraint-rule .rule-exp-list .upsells-list-table .pricing-grid table thead > tr td .error-tool-tip div {
              position: relative; }
              #offer-price-rules .offer-price-constraint-pages .header-input .constraint-rule .rule-exp-list .upsells-list-table .pricing-grid table thead > tr td .error-tool-tip div span .fa {
                position: absolute;
                font-size: 40px;
                color: #333333;
                top: -28px;
                left: 40%; }
        #offer-price-rules .offer-price-constraint-pages .header-input .constraint-rule .rule-exp-list .upsells-list-table .pricing-grid table thead tr.exclude {
          background-color: #f2f2f2; }
        #offer-price-rules .offer-price-constraint-pages .header-input .constraint-rule .rule-exp-list .upsells-list-table .pricing-grid table thead tr.spl-rates .title {
          background-color: #dcdcdc; }
        #offer-price-rules .offer-price-constraint-pages .header-input .constraint-rule .rule-exp-list .upsells-list-table .pricing-grid table thead tr.pink-head td:first-child {
          min-width: 93px;
          z-index: 1;
          font-weight: 400;
          background-color: #62B1F6; }
        #offer-price-rules .offer-price-constraint-pages .header-input .constraint-rule .rule-exp-list .upsells-list-table .pricing-grid table thead tr.pink-head .diagonal-section {
          position: relative;
          height: 100%;
          width: 100%;
          top: 0;
          left: 0; }
          #offer-price-rules .offer-price-constraint-pages .header-input .constraint-rule .rule-exp-list .upsells-list-table .pricing-grid table thead tr.pink-head .diagonal-section > span {
            display: inline-block;
            position: absolute; }
          #offer-price-rules .offer-price-constraint-pages .header-input .constraint-rule .rule-exp-list .upsells-list-table .pricing-grid table thead tr.pink-head .diagonal-section span.top {
            left: 0;
            top: -26px; }
          #offer-price-rules .offer-price-constraint-pages .header-input .constraint-rule .rule-exp-list .upsells-list-table .pricing-grid table thead tr.pink-head .diagonal-section span.bottom {
            right: -2px;
            bottom: -27px; }
          #offer-price-rules .offer-price-constraint-pages .header-input .constraint-rule .rule-exp-list .upsells-list-table .pricing-grid table thead tr.pink-head .diagonal-section .diagonal-line {
            width: 125px;
            left: -22px;
            border-bottom: 1px solid #fff;
            transform: translateY(-7px) translateX(8px) rotate(150deg);
            position: absolute;
            z-index: -10; }
        #offer-price-rules .offer-price-constraint-pages .header-input .constraint-rule .rule-exp-list .upsells-list-table .pricing-grid table thead tr.min_max td {
          min-width: 55px;
          cursor: pointer; }
        #offer-price-rules .offer-price-constraint-pages .header-input .constraint-rule .rule-exp-list .upsells-list-table .pricing-grid table thead tr.min_max td.selected {
          background-color: #f99593; }
      #offer-price-rules .offer-price-constraint-pages .header-input .constraint-rule .rule-exp-list .upsells-list-table .pricing-grid table tbody {
        position: relative;
        display: block;
        width: 940px;
        height: 335px;
        overflow: scroll; }
        #offer-price-rules .offer-price-constraint-pages .header-input .constraint-rule .rule-exp-list .upsells-list-table .pricing-grid table tbody tr td:nth-child(1) {
          position: relative;
          display: block;
          height: 32px;
          font-weight: bold;
          padding: 5px;
          background-color: #99a; }
        #offer-price-rules .offer-price-constraint-pages .header-input .constraint-rule .rule-exp-list .upsells-list-table .pricing-grid table tbody tr td {
          min-width: 55px;
          border: 1px solid #dedede; }
        #offer-price-rules .offer-price-constraint-pages .header-input .constraint-rule .rule-exp-list .upsells-list-table .pricing-grid table tbody tr td.selected {
          background-color: #f99593; }
        #offer-price-rules .offer-price-constraint-pages .header-input .constraint-rule .rule-exp-list .upsells-list-table .pricing-grid table tbody tr:first-child td:first-child {
          position: relative; }
          #offer-price-rules .offer-price-constraint-pages .header-input .constraint-rule .rule-exp-list .upsells-list-table .pricing-grid table tbody tr:first-child td:first-child .error-tool-tip {
            top: 5px; }
            #offer-price-rules .offer-price-constraint-pages .header-input .constraint-rule .rule-exp-list .upsells-list-table .pricing-grid table tbody tr:first-child td:first-child .error-tool-tip div {
              position: relative; }
              #offer-price-rules .offer-price-constraint-pages .header-input .constraint-rule .rule-exp-list .upsells-list-table .pricing-grid table tbody tr:first-child td:first-child .error-tool-tip div span .fa {
                top: -10px; }
        #offer-price-rules .offer-price-constraint-pages .header-input .constraint-rule .rule-exp-list .upsells-list-table .pricing-grid table tbody td:first-child {
          position: relative; }
          #offer-price-rules .offer-price-constraint-pages .header-input .constraint-rule .rule-exp-list .upsells-list-table .pricing-grid table tbody td:first-child .error-tool-tip {
            position: absolute;
            width: 200px;
            background: #333333;
            color: #f0f0f0;
            top: -20px;
            left: 92px !important;
            border-radius: 4px;
            padding: 5px;
            z-index: 9999;
            text-align: left;
            position: absolute; }
            #offer-price-rules .offer-price-constraint-pages .header-input .constraint-rule .rule-exp-list .upsells-list-table .pricing-grid table tbody td:first-child .error-tool-tip p {
              font-size: 13px;
              margin: 0; }
            #offer-price-rules .offer-price-constraint-pages .header-input .constraint-rule .rule-exp-list .upsells-list-table .pricing-grid table tbody td:first-child .error-tool-tip span {
              font-size: 12px; }
            #offer-price-rules .offer-price-constraint-pages .header-input .constraint-rule .rule-exp-list .upsells-list-table .pricing-grid table tbody td:first-child .error-tool-tip div {
              position: relative; }
              #offer-price-rules .offer-price-constraint-pages .header-input .constraint-rule .rule-exp-list .upsells-list-table .pricing-grid table tbody td:first-child .error-tool-tip div span .fa {
                position: absolute;
                font-size: 40px;
                color: #333333;
                top: 8px;
                -ms-transform: rotate(20deg);
                -webkit-transform: rotate(20deg);
                transform: rotate(-90deg);
                left: -15%; }
        #offer-price-rules .offer-price-constraint-pages .header-input .constraint-rule .rule-exp-list .upsells-list-table .pricing-grid table tbody input[type=checkbox] {
          width: 10px;
          float: left;
          margin-left: 2px; }
        #offer-price-rules .offer-price-constraint-pages .header-input .constraint-rule .rule-exp-list .upsells-list-table .pricing-grid table tbody input[type=text] {
          width: 50px; }
        #offer-price-rules .offer-price-constraint-pages .header-input .constraint-rule .rule-exp-list .upsells-list-table .pricing-grid table tbody td:nth-child(1) {
          position: relative;
          /*padding: 5px;*/
          font-weight: bold; }
        #offer-price-rules .offer-price-constraint-pages .header-input .constraint-rule .rule-exp-list .upsells-list-table .pricing-grid table tbody tr:nth-child(odd) td:first-child {
          width: 93px;
          cursor: pointer;
          z-index: 1;
          /*background-color: #e4f5ff;*/ }
        #offer-price-rules .offer-price-constraint-pages .header-input .constraint-rule .rule-exp-list .upsells-list-table .pricing-grid table tbody tr:nth-child(odd) .genericfield {
          font-size: 10px;
          font-weight: 600;
          color: #929090;
          margin-left: -20px;
          cursor: pointer;
          border-right: 1px solid transparent;
          letter-spacing: 0.4px; }
          #offer-price-rules .offer-price-constraint-pages .header-input .constraint-rule .rule-exp-list .upsells-list-table .pricing-grid table tbody tr:nth-child(odd) .genericfield img {
            float: left;
            padding: 2px 2px; }
          #offer-price-rules .offer-price-constraint-pages .header-input .constraint-rule .rule-exp-list .upsells-list-table .pricing-grid table tbody tr:nth-child(odd) .genericfield span {
            position: absolute; }
        #offer-price-rules .offer-price-constraint-pages .header-input .constraint-rule .rule-exp-list .upsells-list-table .pricing-grid table tbody tr:nth-child(odd) .splratefield {
          color: #058eed;
          font-size: 10px;
          font-weight: 600;
          padding-left: 26px;
          border-right: 1px solid transparent;
          letter-spacing: 0.4px; }
        #offer-price-rules .offer-price-constraint-pages .header-input .constraint-rule .rule-exp-list .upsells-list-table .pricing-grid table tbody tr:nth-child(odd) .splratesec {
          color: #058eed;
          font-size: 10px;
          font-weight: 600;
          padding-right: 28px;
          letter-spacing: 0.4px; }
        #offer-price-rules .offer-price-constraint-pages .header-input .constraint-rule .rule-exp-list .upsells-list-table .pricing-grid table tbody tr:nth-child(odd) .excludedfield {
          background-color: #FFCCCB; }
        #offer-price-rules .offer-price-constraint-pages .header-input .constraint-rule .rule-exp-list .upsells-list-table .pricing-grid table tbody tr:nth-child(odd) td {
          background-color: #e4f5ff; }
        #offer-price-rules .offer-price-constraint-pages .header-input .constraint-rule .rule-exp-list .upsells-list-table .pricing-grid table tbody tr:nth-child(odd) td.selected {
          background-color: #f99593; }
        #offer-price-rules .offer-price-constraint-pages .header-input .constraint-rule .rule-exp-list .upsells-list-table .pricing-grid table tbody tr:nth-child(odd) td.gray_background {
          background-color: #dedede; }
        #offer-price-rules .offer-price-constraint-pages .header-input .constraint-rule .rule-exp-list .upsells-list-table .pricing-grid table tbody tr:nth-child(odd) .genericsec {
          font-size: 10px;
          font-weight: 600;
          color: #929090;
          margin-left: -20px;
          cursor: pointer;
          letter-spacing: 0.4px; }
        #offer-price-rules .offer-price-constraint-pages .header-input .constraint-rule .rule-exp-list .upsells-list-table .pricing-grid table tbody tr:nth-child(even) .genericfield {
          font-size: 10px;
          font-weight: 600;
          color: #929090;
          margin-left: -20px;
          cursor: pointer;
          border-right: 1px solid transparent;
          letter-spacing: 0.4px; }
          #offer-price-rules .offer-price-constraint-pages .header-input .constraint-rule .rule-exp-list .upsells-list-table .pricing-grid table tbody tr:nth-child(even) .genericfield img {
            float: left;
            padding: 2px 2px; }
          #offer-price-rules .offer-price-constraint-pages .header-input .constraint-rule .rule-exp-list .upsells-list-table .pricing-grid table tbody tr:nth-child(even) .genericfield span {
            position: absolute; }
        #offer-price-rules .offer-price-constraint-pages .header-input .constraint-rule .rule-exp-list .upsells-list-table .pricing-grid table tbody tr:nth-child(even) .splratefield {
          color: #058eed;
          font-size: 10px;
          font-weight: 600;
          padding-left: 26px;
          border-right: 1px solid transparent;
          letter-spacing: 0.4px; }
        #offer-price-rules .offer-price-constraint-pages .header-input .constraint-rule .rule-exp-list .upsells-list-table .pricing-grid table tbody tr:nth-child(even) .excludedfield {
          background-color: #FFCCCB; }
        #offer-price-rules .offer-price-constraint-pages .header-input .constraint-rule .rule-exp-list .upsells-list-table .pricing-grid table tbody tr:nth-child(even) .splratesec {
          color: #058eed;
          font-size: 10px;
          font-weight: 600;
          padding-right: 28px;
          letter-spacing: 0.4px; }
        #offer-price-rules .offer-price-constraint-pages .header-input .constraint-rule .rule-exp-list .upsells-list-table .pricing-grid table tbody tr:nth-child(even) .genericsec {
          font-size: 10px;
          font-weight: 600;
          color: #929090;
          margin-left: -20px;
          cursor: pointer;
          letter-spacing: 0.4px; }
        #offer-price-rules .offer-price-constraint-pages .header-input .constraint-rule .rule-exp-list .upsells-list-table .pricing-grid table tbody tr:nth-child(even) td:first-child {
          cursor: pointer;
          background-color: #ffffff;
          z-index: 1; }
        #offer-price-rules .offer-price-constraint-pages .header-input .constraint-rule .rule-exp-list .upsells-list-table .pricing-grid table tbody tr:nth-child(even) td {
          background-color: #ffffff; }
        #offer-price-rules .offer-price-constraint-pages .header-input .constraint-rule .rule-exp-list .upsells-list-table .pricing-grid table tbody tr:nth-child(even) td.selected {
          background-color: #f99593; }
        #offer-price-rules .offer-price-constraint-pages .header-input .constraint-rule .rule-exp-list .upsells-list-table .pricing-grid table tbody tr:nth-child(even) td.gray_background {
          background-color: #dedede; }
    #offer-price-rules .offer-price-constraint-pages .header-input .constraint-rule .rule-exp-list .upsells-list-table .pricing-grid .specialGrid thead tr.specialrates-head td:first-child {
      min-width: 93px;
      padding: 8px 8px 10px 10px;
      z-index: 1;
      font-weight: 400; }
    #offer-price-rules .offer-price-constraint-pages .header-input .constraint-rule .rule-exp-list .upsells-list-table .pricing-grid .specialGrid thead tr.specialrates-head td {
      min-width: 89px;
      font-weight: bold;
      background-color: #B5E2FF;
      padding: 8px 8px 10px 10px; }
    #offer-price-rules .offer-price-constraint-pages .header-input .constraint-rule .rule-exp-list .upsells-list-table .pricing-grid .specialGrid tbody {
      height: 175px; }
      #offer-price-rules .offer-price-constraint-pages .header-input .constraint-rule .rule-exp-list .upsells-list-table .pricing-grid .specialGrid tbody tr td {
        background-color: #ffffff;
        min-width: 89px;
        padding: 8px 8px 10px 10px;
        height: 40px; }
        #offer-price-rules .offer-price-constraint-pages .header-input .constraint-rule .rule-exp-list .upsells-list-table .pricing-grid .specialGrid tbody tr td input[type="text"] {
          width: 70px;
          height: 20px; }
        #offer-price-rules .offer-price-constraint-pages .header-input .constraint-rule .rule-exp-list .upsells-list-table .pricing-grid .specialGrid tbody tr td div.displayresult {
          width: 70px;
          height: 20px; }
      #offer-price-rules .offer-price-constraint-pages .header-input .constraint-rule .rule-exp-list .upsells-list-table .pricing-grid .specialGrid tbody tr td:nth-child(1) {
        padding: 8px 8px 10px 10px;
        height: 40px; }
      #offer-price-rules .offer-price-constraint-pages .header-input .constraint-rule .rule-exp-list .upsells-list-table .pricing-grid .specialGrid tbody tr td.weeklygrid {
        padding: 0px; }
        #offer-price-rules .offer-price-constraint-pages .header-input .constraint-rule .rule-exp-list .upsells-list-table .pricing-grid .specialGrid tbody tr td.weeklygrid span {
          width: 50%;
          display: inline-grid;
          width: 50%; }
        #offer-price-rules .offer-price-constraint-pages .header-input .constraint-rule .rule-exp-list .upsells-list-table .pricing-grid .specialGrid tbody tr td.weeklygrid .validinput span {
          height: 40px;
          padding-top: 12px; }
        #offer-price-rules .offer-price-constraint-pages .header-input .constraint-rule .rule-exp-list .upsells-list-table .pricing-grid .specialGrid tbody tr td.weeklygrid .validinput span:first-child {
          border-right: 1px solid #cecaca; }
        #offer-price-rules .offer-price-constraint-pages .header-input .constraint-rule .rule-exp-list .upsells-list-table .pricing-grid .specialGrid tbody tr td.weeklygrid input[type="text"] {
          width: 50%;
          height: 40px; }
      #offer-price-rules .offer-price-constraint-pages .header-input .constraint-rule .rule-exp-list .upsells-list-table .pricing-grid .specialGrid tbody .Exclude td {
        background-color: #ffcccb; }
      #offer-price-rules .offer-price-constraint-pages .header-input .constraint-rule .rule-exp-list .upsells-list-table .pricing-grid .specialGrid tbody .Generic td:nth-child(1) {
        background-color: #ebebeb; }
      #offer-price-rules .offer-price-constraint-pages .header-input .constraint-rule .rule-exp-list .upsells-list-table .pricing-grid .specialGrid tbody .Special td:first-child {
        background-color: #f9f9f9; }
      #offer-price-rules .offer-price-constraint-pages .header-input .constraint-rule .rule-exp-list .upsells-list-table .pricing-grid .specialGrid tbody .Special td {
        background-color: #ffffff; }
  #offer-price-rules .offer-price-constraint-pages .header-input .calc-switch {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    height: 50px; }
    #offer-price-rules .offer-price-constraint-pages .header-input .calc-switch > div {
      margin: 10px;
      line-height: 30px; }
    #offer-price-rules .offer-price-constraint-pages .header-input .calc-switch .apply-change button {
      background-color: #1a73a7;
      color: #fff;
      border: 0;
      width: 100px;
      height: 30px;
      font-size: 13px; }

#offer-price-rules .edit-price .action-btns {
  display: inline-block; }
  #offer-price-rules .edit-price .action-btns button {
    transform: none; }
  #offer-price-rules .edit-price .action-btns button:last-child {
    background-color: #1A73A7;
    color: #ffffff; }
    #offer-price-rules .edit-price .action-btns button:last-child:hover {
      background-color: #1A73A7; }
  #offer-price-rules .edit-price .action-btns button:disabled,
  #offer-price-rules .edit-price .action-btns button[disabled] {
    background-color: #b2b5b7;
    cursor: not-allowed; }

#invoice-details {
  position: absolute;
  width: 100%;
  margin: 0 auto 30px;
  min-height: 550px;
  box-shadow: rgba(24, 24, 25, 0.4) 0 0 3px 0;
  background-color: #f7f7f7;
  background-color: #fbfbfb;
  min-height: unset; }
  #invoice-details header {
    height: 60px;
    padding: 10px 10px;
    background-color: #ffffff; }
    #invoice-details header span {
      font-size: 15px;
      font-weight: 200;
      color: #839ba1; }
    #invoice-details header .invoice-inventory-header {
      display: inline-block;
      padding-left: 30px;
      color: #8e9ba1;
      font-size: 22px;
      font-weight: 300;
      margin-top: 5px;
      font-family: "Helvetica"; }
  #invoice-details header {
    height: auto; }
    #invoice-details header .invoice-inventory-header {
      font-size: 23px; }
      #invoice-details header .invoice-inventory-header h2 {
        font-weight: normal;
        font-size: 25px; }
    #invoice-details header .invoice-total-print {
      font-size: 23px;
      padding: 21px 30px 19px 30px; }
      #invoice-details header .invoice-total-print .invoice-total {
        left: 20%; }
        #invoice-details header .invoice-total-print .invoice-total span {
          font-size: 22px;
          font-weight: 400;
          color: #8e9ba1; }
        #invoice-details header .invoice-total-print .invoice-total .total-value {
          padding-left: 0px;
          white-space: nowrap;
          color: #ce5046; }
      #invoice-details header .invoice-total-print .inactive {
        pointer-events: none;
        color: #918685; }
      #invoice-details header .invoice-total-print .invoice-print {
        left: 30%;
        max-width: 120px;
        cursor: pointer;
        color: #c65046;
        padding: 0px; }
        #invoice-details header .invoice-total-print .invoice-print .fa-download {
          position: absolute;
          top: 4px;
          font-size: 24px; }
        #invoice-details header .invoice-total-print .invoice-print #print-tooltip {
          left: -39px;
          top: -47px;
          border: none; }
          #invoice-details header .invoice-total-print .invoice-print #print-tooltip .tooltip-arrow {
            top: 89%; }
      #invoice-details header .invoice-total-print .inactive {
        pointer-events: none;
        color: #918685; }
  #invoice-details .invoice-table-wrapper p.created-date {
    padding-left: 10px;
    margin: 0; }
  #invoice-details .invoice-table-wrapper .invoice-details-header {
    margin: 25px 0px; }
    #invoice-details .invoice-table-wrapper .invoice-details-header .invoice-pickers {
      margin-left: 31px; }
      #invoice-details .invoice-table-wrapper .invoice-details-header .invoice-pickers .month-picker, #invoice-details .invoice-table-wrapper .invoice-details-header .invoice-pickers .year-picker {
        padding-left: 0px; }
        #invoice-details .invoice-table-wrapper .invoice-details-header .invoice-pickers .month-picker .picker-label, #invoice-details .invoice-table-wrapper .invoice-details-header .invoice-pickers .year-picker .picker-label {
          font-size: 14px;
          color: #171717;
          opacity: 0.7;
          font-family: "Helvetica";
          padding-right: 15px; }
        #invoice-details .invoice-table-wrapper .invoice-details-header .invoice-pickers .month-picker .single-year-month, #invoice-details .invoice-table-wrapper .invoice-details-header .invoice-pickers .year-picker .single-year-month {
          width: 11em;
          cursor: default; }
        #invoice-details .invoice-table-wrapper .invoice-details-header .invoice-pickers .month-picker .btn-default:hover, #invoice-details .invoice-table-wrapper .invoice-details-header .invoice-pickers .year-picker .btn-default:hover {
          background-color: #fff; }
        #invoice-details .invoice-table-wrapper .invoice-details-header .invoice-pickers .month-picker .wrapper-dropdown-1 .cst-dropdown, #invoice-details .invoice-table-wrapper .invoice-details-header .invoice-pickers .year-picker .wrapper-dropdown-1 .cst-dropdown {
          width: 10.2em;
          min-width: auto;
          border-radius: unset; }
          #invoice-details .invoice-table-wrapper .invoice-details-header .invoice-pickers .month-picker .wrapper-dropdown-1 .cst-dropdown li a, #invoice-details .invoice-table-wrapper .invoice-details-header .invoice-pickers .year-picker .wrapper-dropdown-1 .cst-dropdown li a {
            padding: 5px 25px; }
        #invoice-details .invoice-table-wrapper .invoice-details-header .invoice-pickers .month-picker .wrapper-dropdown-1 button, #invoice-details .invoice-table-wrapper .invoice-details-header .invoice-pickers .year-picker .wrapper-dropdown-1 button {
          cursor: pointer;
          text-align: left;
          padding-left: 25px; }
          #invoice-details .invoice-table-wrapper .invoice-details-header .invoice-pickers .month-picker .wrapper-dropdown-1 button span, #invoice-details .invoice-table-wrapper .invoice-details-header .invoice-pickers .year-picker .wrapper-dropdown-1 button span {
            opacity: 1; }
          #invoice-details .invoice-table-wrapper .invoice-details-header .invoice-pickers .month-picker .wrapper-dropdown-1 button .caret, #invoice-details .invoice-table-wrapper .invoice-details-header .invoice-pickers .year-picker .wrapper-dropdown-1 button .caret {
            position: absolute;
            right: 20px;
            top: 48%; }
          #invoice-details .invoice-table-wrapper .invoice-details-header .invoice-pickers .month-picker .wrapper-dropdown-1 button:hover, #invoice-details .invoice-table-wrapper .invoice-details-header .invoice-pickers .month-picker .wrapper-dropdown-1 button:focus, #invoice-details .invoice-table-wrapper .invoice-details-header .invoice-pickers .year-picker .wrapper-dropdown-1 button:hover, #invoice-details .invoice-table-wrapper .invoice-details-header .invoice-pickers .year-picker .wrapper-dropdown-1 button:focus {
            background-color: #ffffff; }
      #invoice-details .invoice-table-wrapper .invoice-details-header .invoice-pickers .year-picker .wrapper-dropdown-1 button {
        padding-left: 37px; }
      #invoice-details .invoice-table-wrapper .invoice-details-header .invoice-pickers .year-picker .wrapper-dropdown-1 .cst-dropdown li a {
        padding: 5px 37px; }
      #invoice-details .invoice-table-wrapper .invoice-details-header .invoice-pickers #invoice-list-search input {
        padding-right: 5%;
        padding-left: 5%;
        color: #999999;
        border: 1px solid #c3c3c3;
        border-radius: 50px;
        background: #ffffff;
        font-size: 13.5px;
        font-weight: normal; }
        #invoice-details .invoice-table-wrapper .invoice-details-header .invoice-pickers #invoice-list-search input[type=text]:focus {
          background-image: none; }
        #invoice-details .invoice-table-wrapper .invoice-details-header .invoice-pickers #invoice-list-search input[type=text]::-ms-clear {
          display: none; }
      #invoice-details .invoice-table-wrapper .invoice-details-header .invoice-pickers #invoice-list-search span {
        position: absolute;
        top: 8px;
        right: 30px;
        color: gray; }
      #invoice-details .invoice-table-wrapper .invoice-details-header .invoice-pickers #invoice-list-search .form-control {
        width: 85%;
        min-width: 290px;
        max-width: 370px;
        padding-left: 22px; }
      #invoice-details .invoice-table-wrapper .invoice-details-header .invoice-pickers #invoice-list-search span {
        right: 92px; }
  #invoice-details .invoice-table-wrapper .invoice-table {
    margin-top: 2px; }
    #invoice-details .invoice-table-wrapper .invoice-table .loader {
      padding: 20px 0px; }
    #invoice-details .invoice-table-wrapper .invoice-table #invoice-list-table {
      padding: 11px 9px; }
      #invoice-details .invoice-table-wrapper .invoice-table #invoice-list-table .invoice-table-container {
        overflow-x: auto;
        white-space: nowrap;
        background: #ffffff; }
        #invoice-details .invoice-table-wrapper .invoice-table #invoice-list-table .invoice-table-container table {
          width: 100%;
          border: 1px solid #f0f0f0; }
          #invoice-details .invoice-table-wrapper .invoice-table #invoice-list-table .invoice-table-container table thead {
            background-color: #f4f4f4; }
          #invoice-details .invoice-table-wrapper .invoice-table #invoice-list-table .invoice-table-container table tbody tr td {
            padding: 14px 10px;
            font-size: 13px;
            border: 1px solid #e5e5e5; }
          #invoice-details .invoice-table-wrapper .invoice-table #invoice-list-table .invoice-table-container table tbody tr:nth-child(even) {
            background-color: #f4f9fa; }
        #invoice-details .invoice-table-wrapper .invoice-table #invoice-list-table .invoice-table-container .text-vertical {
          vertical-align: middle;
          padding: 12px 10px;
          font-size: 13px;
          border: 1px solid #e5e5e5;
          font-family: "Helvetica"; }