.login-main {
  margin: 50px auto;
  text-align: center;
  float: left;
  width: 100%;
}
.language-list li {
  display: inline;
  float: left;
  padding-right: 25px;
}
.language-list {
  display: flex;
  margin: auto;
  justify-content: center;
}
.login-box-style {
  margin-top: 55px;
  float: left;
  text-align: center;
  width: 81%;
}
.login-box {
  width: 455px;
  margin: auto;
  padding: 25px 10px;
  box-shadow: 0px 5px 10px rgb(0 0 0 / 25%);
  border-right: 4px solid #0080806e;
  border-bottom: 4px solid #76d5ea;
  background: linear-gradient(
    90deg,
    rgb(208 248 255 / 22%) 0%,
    rgb(206 236 235) 50%,
    rgb(92 209 208 / 0%) 100%
  );
}
.login-logo {
  margin-bottom: 10px;
}
.login-content h2 {
  font-weight: 300;
  font-size: 23px;
  letter-spacing: 1px;
}
.login-form-field {
  margin: 22px;
}
.login-form {
  /* width: 400px; */
  margin: auto;
  position: relative;
  margin: 21px 20px 20px;
}
.login-text-field {
  width: 100%;
  padding: 11px 15px 11px 40px;
  border-bottom: 2px solid #008080 !important;
  border: none;
  background: #fbfbfb;
  font-size: 15px;
  box-shadow: 0px 4px 4px rgb(146 146 146 / 25%);
  color: #8c979c;
  letter-spacing: 1px;
  font-weight: 200;
  border-radius: 5px;
}
.verify-text-field {
  width: 100%;
  padding: 10px 20px;
  border-bottom: 2px solid #008080 !important;
  border: none;
  background: #fbfbfb;
  font-size: 14px;
  box-shadow: 0px 4px 4px rgb(146 146 146 / 25%);
  color: #8c979c;
  letter-spacing: 1px;
  font-weight: 200;
  text-align: center;
}
.login-form-span {
  position: absolute;
  padding: 15px 12px;
  color: #008080;
}
.login-forgot-section {
  margin: 25px 20px;
  color: #45aeb3;
  width: 220px;
  text-align: left;
  font-size: 13px;
}

.login-submit {
  margin: 13px 23px 6px;
  padding: 7px 15px 13px;
  background: #008080;
  box-shadow: 0px 4px 6px 1px #dedede;
  color: #fff;
  font-size: 15px;
  letter-spacing: 1px;
}
.login-bottom {
  width: 220px;
  margin: auto;
  margin: 25px;
  text-align: right;
}
.login-bottom p {
  line-height: 15px;
  color: #43ada3;
  font-weight: 400;
  font-size: 13px;
}
.login-content {
  margin: 15px;
}
.verify-content p {
  line-height: 32px;
  font-weight: 215;
  font-size: 15px;
}
.login-verify-section {
  text-align: center;
  margin: 15px 20px;
  color: #45aeb3;
  font-weight: 200;
  letter-spacing: 1px;
}

.dashboard-top-tab-style {
  margin: 0px;
  padding: 0px !important;
}
.nav-pills .nav-link {
  background-color: var(--vz-input-bg) !important;
  border: 0 !important;
  border-bottom: 1px solid #008080 !important;
  color: var(--vz-gray-700) !important;
  font-weight: 500 !important;
  border-radius: 0px !important;
  text-align: left !important;
  border-left: 1px solid #d2d2d2 !important;
  padding: 5px 17px !important;
  min-height: 39px;
  position: relative;
}
.nav-pills .nav-link.active {
  border-bottom: 3px solid #008080 !important;
  padding: 5px 17px 3px !important;
}
.db-comparision {
  padding: 15px 0px 0px;
}
.tab-icons-style {
  font-size: 17px;
  padding: 5px;
}
.dashboard-main-style {
  margin: 0px 0px 15px;
}
.bg-bk-base {
  background: #008080 !important;
}
.border-bk-base {
  border: 1px solid #008080 !important;
}
.news-head {
  font-size: 14px;
  color: #09999f;
}
.news-content {
  font-size: 13px;
}
.dashboard-date-style {
  margin-bottom: 0px;
  margin-top: 10px;
  color: #878a99;
  float: left;
}
.fw-medium {
  font-size: 14px !important;
}
.box-expand-p {
  padding: 5px 0px;
}
.box-expand-content {
  padding: 5px 0px;
  font-size: 12px;
  margin-bottom: 0px !important;
  font-weight: 500;
}
.login-submit a,
.login-submit a:hover {
  text-decoration: none;
}
.db-comparision-value {
  color: #495057 !important;
}
.db-comparision-period {
  color: #888a99 !important;
}
.db-comparision-lastYear {
  color: #ff7f56 !important;
}
.nav-statistics {
  background: #fff;
  border-right: 4px solid #45aeb3;
}
.nav-statistics .nav-link {
  padding: 10px 10px 10px 17px !important;
  font-size: 14px;
  text-align: left;
  color: #495057;
}
.nav-statistics .nav-link.active {
  border-bottom: 3px solid #008080 !important;
  background: #008080;
  color: #fff;
}
.padding-0 {
  padding: 0px !important;
}
.padding-20 {
  padding: 20px !important;
  float: left;
  width: 100%;
}
.padding-10 {
  padding: 10px !important;
  float: left;
  width: 100%;
}
.statistics-tab-content {
  padding: 15px;
}
.dashboard-statistics-style {
  padding: 15px;
}
.st_comparision_title {
  text-align: center;
  padding: 20px;
  margin-bottom: 25px;
  font-size: 21px;
  font-weight: 400;
}
.statistics-comparision {
  padding: 21px 30px 30px;
}
.db-save-button,
.db-save-button:hover {
  border: 1px solid #008080;
  padding: 5px 30px;
  background: #008080;
  color: #fff;
}
.db-save-single-button,
.db-save-single-button:hover {
  border: 1px solid #008080;
  padding: 8px 30px;
  background: #008080;
  color: #fff;
}
.db-cancel-button,
.db-cancel-button:hover {
  border: 1px solid #d2d2d2;
  padding: 5px 30px;
  color: var(--vz-card-color) !important;
}
.form-validation-required {
  color: rgb(232, 5, 5);
}
.db-page-title {
  font-weight: 500 !important;
}
.label-sub {
  font-size: 11px;
}
.part-split-head {
  padding: 10px;
  background: #f3f3f3;
  margin: 10px 0px 30px;
}
.create-common-link,
.create-common-link:hover {
  border: 1px solid #008080;
  padding: 3px 15px;
  background: #008080;
  color: #fff;
  border-radius: 4px;
  cursor: pointer;
}
.addmore_select-label {
  float: left;
  width: 40%;
  margin-right: 35px;
  margin-bottom: 20px;
}
.addmore_select {
  float: left;
  width: 40%;
  margin-right: 35px;
  margin-bottom: 15px;
}
.add_more,
.add_more:hover {
  padding: 5px 15px;
  background: #4c8f9d;
  color: #fff;
  border-radius: 3px;
  font-size: 19px;
  cursor: pointer;
}
.remove_more,
.remove_more:hover {
  padding: 5px 15px;
  background: #f55959;
  color: #fff;
  border-radius: 3px;
  font-size: 19px;
  margin-top: 0px;
  float: left;
  cursor: pointer;
}

.new_options {
  float: left;
  width: 100%;
}
.expand-column {
  position: relative;
}
.rowExpand {
  position: absolute;
  right: 28px;
  font-size: 17px;
  color: #4c9b0a;
  top: 11px;
  font-weight: 700;
  cursor: pointer;
}
.compress_row {
  display: none;
}
.inside-table-list {
  width: 90%;
  margin: auto;
}
.expand-column {
  padding: 0px !important;
}
.expand-td {
  border-bottom: none !important;
}
.hotel-expand-table {
  margin-bottom: 0px !important;
}
.hotel-expand-table td,
.cchild {
  border: none;
  margin-bottom: 0px !important;
}
.db-list-inside-table li {
  display: block;
  line-height: 27px;
}
.cchild td {
  padding: 0px !important;
}
.db-list-inside-table {
  padding-left: 20px;
}
.list-top-create {
  text-align: right;
}
.nav-success.nav-tabs-custom .nav-link.active {
  color: #008080 !important;
}
.list-tabs-link {
  display: block;
  padding: var(--vz-nav-link-padding-y) var(--vz-nav-link-padding-x);
  font-size: var(--vz-nav-link-font-size);
  font-weight: var(--vz-nav-link-font-weight);
  color: var(--vz-nav-link-color);
  text-decoration: none;
  -webkit-transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out;
  transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out;
}
.list-tabs-link.active {
  color: #008080 !important;
  border-bottom: 1px solid #008080;
}
.list-top-tab-styles {
  margin: auto;
  border-bottom: 1px solid var(--vz-gray-300);
  width: 100%;
  margin-bottom: -1px;
}
.list-tabs-link-style {
  justify-content: center;
}
.db-photos-list li {
  display: inline;
  float: left;
  width: 75px;
  height: 75px;
  margin-right: 5px;
  position: relative;
}
.db-photos-list img {
  width: 70px;
  height: 60px;
}
.db-photos-list {
  float: left;
  padding: 0px !important;
  margin: 0px !important;
}
.db-photo-view-more {
  float: left;
  padding: 3px 5px;
}
.db-photo-view-more-btn,
.db-photo-view-more-btn:hover {
  background: #f9f7f7;
  padding: 3px 20px 17px;
  font-size: 27px;
  color: #008080;
  box-shadow: 0px 0px 1px 1px #f3f3f3;
  border-radius: 5px;
}

.db-photo-add-more {
  float: left;
  padding: 0px 5px;
}
.db-photo-add-btn,
.db-photo-add-btn:hover {
  background: #008080;
  padding: 7px 25px 14px;
  font-size: 27px;
  color: #fff;
  box-shadow: 0px 0px 1px 1px #f3f3f3;
  float: left;
  border-radius: 5px;
}
.list-item-delete {
  position: absolute;
  border: 1px solid #45aeb3;
  padding: 0px 3px;
  font-size: 10px;
  color: #fff;
  background: #45aeb3e6;
  font-weight: bold;
  cursor: pointer;
}
.lang-selector-list {
  float: right;
}
.db-desc-box {
  width: 100%;
  border: 1px solid #d2d2d2 !important;
  border-radius: 4px;
  padding: 10px 15px;
}
.db-other-button,
.db-other-button:hover {
  border: 1px solid #d2d2d2;
  background: #5e6871;
  /* padding: 5px 30px; */
  color: #fff;
}
.form-translation-style li {
  display: inline;
  float: left;
  margin-right: 15px;
  background: #f5f5f5;
  color: #111;
  padding: 2px 18px;
  border-radius: 5px 5px 0px 0px;
  cursor: pointer;
}
.form-translation-style li.active {
  background: #3b5772;
  color: #fff;
}
.form-translation-style {
  float: left;
  width: 100%;
  border-bottom: 1px solid #ced4da;
  margin-bottom: 25px;
}
.form-translation-style ul {
  float: left;
  padding: 0px !important;
  margin: 0px !important;
}
.form-translation-choose-lang {
  float: left;
  margin-bottom: 25px;
}
.db-lang-choose {
  float: left;
  padding-top: 7px;
  font-weight: 600;
}
.lang-choose-select-option {
  float: left;
  margin-left: 10px;
}
.translation-selected-lang p {
  border-bottom: 1px solid #ced4da;
}
.translation-selected-lang-head {
  background: #343333;
  color: #fff;
  padding: 2px 18px;
  border-radius: 5px 5px 0px 0px;
  cursor: pointer;
}
.translation-fill-section {
  margin-bottom: 25px;
}
.choices__list--multiple .choices__item {
  background-color: #e1e1e1;
  border: 1px solid #e1e1e1;
  color: #111;
}
.choices[data-type*="select-multiple"] .choices__button,
.choices[data-type*="text"] .choices__button {
  border-left: none;
}

.hboard_select {
  float: left;
  width: 20%;
  margin-right: 35px;
  margin-bottom: 15px;
}
.hboard_text {
  float: left;
  width: 20%;
  margin-right: 35px;
  margin-bottom: 15px;
}
.hboard_select-label {
  float: left;
  width: 20%;
  margin-right: 35px;
  margin-bottom: 20px;
}
.hboard_text-label {
  float: left;
  width: 20%;
  margin-right: 35px;
  margin-bottom: 20px;
}
.stay_type_form {
  list-style: none;
  padding-left: 0px;
}
.stay_type_form li {
  display: inline;
  float: left;
  background: #ede6e6;
  cursor: pointer;
  padding: 10px 25px;
}
.stay_type_form li.active {
  background: #008080;
  color: #fff;
}
.sub-title-form {
  color: #b9b1b1;
  font-weight: 200;
}
.tab-content-style {
  position: absolute;
  left: 45px;
  top: 7px;
}

.form-bed-type-text {
  border: 1px solid #e6e6e6;
  width: 56px;
  text-align: center;
  border-radius: 4px;
}
.form-bed-type-lg-text {
  border: 1px solid #e6e6e6;
  width: 125px;
  border-radius: 4px;
}
.bedtype-td-layer {
  padding: 0px !important;
}
.bedtype-td-table {
  width: 100%;
}
.bedtype-tr-style {
  background: #7b8895;
  color: #fff;
}
.bedtype-td-style {
  text-align: center;
  padding: 5px;
}
.bedtype-tr-lower-style {
  padding: 5px;
  background: #f0efef;
}
.bedtype-tr-lower-style td {
  padding: 5px;
  color: #111;
  font-weight: 400;
  width: 20%;
}
.bedtype-tr-entry-table {
  margin-top: 10px;
}
.bedtype-td-layer-entry table {
  width: 100%;
}
.bedtype-td-layer-entry table td {
  width: 20%;
}
.bedtype-td-layer-entry td {
  padding-bottom: 5px;
}
.table-room-facility {
  float: left;
  padding: 5px;
}
.facilities-form-dropdown {
  width: 200px !important;
}
.width-25 {
  width: 25%;
}
.width-10 {
  width: 10%;
}
.width-5 {
  width: 5%;
}
.width-55 {
  width: 55%;
}
.width-75 {
  width: 75%;
}
.facility-form-dropdown {
  float: left;
}
.db-title-color {
  color: #44aeb2;
}
.be_form_label {
  color: #44aeb2;
}
.booking-engine-form-main {
  width: 70%;
  margin: 20px auto;
  box-shadow: 0px 4px 11px #d2d2d2;
}
.be_login-section {
  background: #375371;
  text-align: center;
  padding: 10px 10px 15px;
}
.be_login-section img {
  width: 100px;
}
.be-title-section {
  padding: 10px 15px;
  background: #fff;
}
.be-title-section h6 {
  float: left;
  margin-bottom: 0px;
}
.be-title-section p {
  margin-bottom: 0px;
  color: #111;
  text-align: end;
}
.be-form-part-section {
  padding: 0px 25px;
}

.tablink {
  background-color: #efefef;
  color: white;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  font-size: 15px;
  color: #111;
}

.tabdefaultOpen {
  background-color: #000000;
  color: #fff;
}
.tabs-link-be-form {
  padding-top: 15px;
}
.room-info-addmore-fields {
  text-align: end;
}
.room_info_remove_more,
.room_info_remove_more:hover {
  background: #f55959;
  color: #fff;
  padding: 5px 15px;
  border-radius: 3px;
  margin-right: 10px;
  cursor: pointer;
}
.room-info-addmore,
.room-info-addmore:hover {
  background: #4c8f9d;
  color: #fff;
  padding: 5px 15px;
  border-radius: 3px;
  cursor: pointer;
}
.room_info_new_option {
  border-top: 1px solid #d2d2d2;
  margin-bottom: 15px;
  margin-top: 15px;
  padding-top: 15px;
}
.new_loyalty_options {
  margin-top: 15px;
}
.tax-tab-md-3 {
  width: 30%;
  float: left;
  padding-right: 5px;
}
.tax-tab-md-2 {
  width: 15%;
  float: left;
  padding-right: 5px;
}
.tax-tab-md-1 {
  width: 10%;
  float: left;
  padding-right: 5px;
}
.tax-tab-md-4 {
  width: 40%;
  float: left;
  padding-right: 5px;
}
.tax-tab-md-tax_name {
  width: 55%;
}

.tax-tab-md-tax-addmore {
  float: right;
  margin-right: 5px;
}

.tax_remove_more,
.tax_remove_more:hover {
  padding: 5px 15px;
  background: #f55959;
  color: #fff;
  border-radius: 3px;
  font-size: 19px;
  margin-top: 0px;
  float: left;
  cursor: pointer;
}

.loyalty_remove_more,
.loyalty_remove_more:hover {
  background: #f55959;
  color: #fff;
  padding: 5px 15px;
  border-radius: 3px;
  margin-right: 10px;
  cursor: pointer;
  margin-top: 5px;
  float: left;
}

.be_form_room_info_label_30 {
  float: left;
  width: 30%;
  padding-right: 15px;
  margin-bottom: 10px;
}
.be_room_info_label_30_img_new {
  float: left;
  width: 30%;
  padding-right: 15px;
}
.be_form_room_info_label_40 {
  float: left;
  width: 40%;
  padding-right: 15px;
  margin-bottom: 10px;
}
.be_form_room_info_label_20 {
  float: left;
  width: 20%;
  padding-right: 15px;
  margin-bottom: 10px;
}
.be_form_room_info_label_10 {
  float: left;
  width: 10%;
  padding-right: 15px;
  margin-bottom: 10px;
}
.be_form_room_info_label_full {
  float: left;
  width: 100%;
  padding-right: 15px;
  margin-bottom: 10px;
}

.be_form_room_info_label_full_one {
  display: flex !important;

  float: left;

  width: 100%;

  padding-right: 15px;

  margin-bottom: 10px;
}

.room_info_featured {
  width: 100% !important;
}

.be_form_room_info_label_full.be_form_room_info_label_full_img {
  display: none !important;
}
.be_form_common_remove_more {
  float: right;
  margin-left: 10px;
}

.be_form_common_remove_more {
  float: right;
}

.be_form_common_add_more {
  float: right;
}
.be-form-add-anthor-section {
  margin-bottom: 10px;
  margin-right: 11px;
}
.add-more-bottom-space {
  padding: 10px;
  float: left;
  width: 100%;
}
.be_form_tax_info_label_30 {
  /* width: 29%; */
  float: left;
  padding-right: 10px;
  padding-bottom: 10px;
  width: 260px;
}
.be_form_tax_info_label_20 {
  width: 150px;
  float: left;
  padding-right: 10px;
}
.be_form_tax_info_label_10 {
  width: 9%;
  float: left;
  padding-right: 10px;
  padding-bottom: 10px;
}
.taxinfo_add_more_button,
.taxinfo_add_more_button:hover {
  padding: 5px 15px;
  background: #4c8f9d;
  color: #fff;
  border-radius: 3px;
  font-size: 13px;
  cursor: pointer;
  float: left;
}
.taxinfo_remove_button,
.taxinfo_remove_button:hover {
  padding: 8px 16px;
  background: #f55959;
  color: #fff;
  border-radius: 3px;
  font-size: 15px;
  cursor: pointer;
  float: left;
  margin-right: 0px;
}
.be_form_tax_info_title_60 {
  float: left;
  width: 262px;
}
.be_form_tax_info_title_20 {
  float: left;
  width: 200px;
}
.be_form_tax_info_title_15 {
  float: left;
  width: 150px;
}
.be_form_loyalty_title_20 {
  float: left;
  width: 15%;
  padding-right: 10px;
}
.be_form_loyalty_title_10 {
  float: left;
  width: 12%;
  padding-right: 10px;
}
.addmore_loyalty_details {
  float: left;
  width: 100%;
  margin-bottom: 7px;
}

.loyalty-addmore,
.loyalty-addmore:hover {
  background: #4c8f9d;
  color: #fff;
  padding: 5px 15px;
  border-radius: 3px;
  cursor: pointer;
  float: right;
}
#Loyalty,
#TaxDetails {
  margin-bottom: 15px;
}
.room_info_count {
  width: 100%;
  float: left;
}

.hk-frequency-addmore,
.hk-frequency-addmore:hover {
  background: #4c8f9d;
  color: #fff;
  padding: 5px 15px;
  border-radius: 3px;
  cursor: pointer;
}
.be_form_hk_frequency_label30 {
  float: left;
  width: 31%;
  padding-right: 15px;
  margin: 10px 0px 0px;
}
.be_form_hk_frequency {
  width: 100%;
  float: left;
  margin-bottom: 10px;
}
.be_form_hk_frequency_title {
  width: 100%;
  float: left;
}
.hf_frequency_remove_more,
.hf_frequency_remove_more:hover {
  background: #f55959;
  float: left;
  display: block;
  margin-top: 11px;
  padding: 8px 15px;
  color: #fff;
  border-radius: 5px;
  cursor: pointer;
}

.info-tag {
  position: relative;
  display: inline-block;
  background: #dbdbdb;
  padding: 0px 6px;
  border-radius: 9px;
  font-size: 9px;
  color: #fff;
  left: 5px;
  bottom: 1px;
}

.info-tag .tooltiptext {
  visibility: hidden;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  top: 17px;
  left: 0%;
  font-size: 11px !important;
  min-width: max-content;
  white-space: nowrap;
  width: fit-content;
}

.info-tag:hover .tooltiptext {
  visibility: visible;
}
.be-form-tax-title-status {
  float: left;
}
.tax_include_status_btn {
  float: left;
  margin-left: 20px;
}
.be-form-tax-title {
  float: left;
  width: 100%;
  margin: 20px 0px 25px;
}

.tax_discount_section {
  position: relative;
  width: 200px;
}
.tax_discount_type_section {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 100px;
}
.be-form-tax_add-anthor-section {
  float: right;
}

.room_sect_no {
  background: #111;
  color: #fff;
  padding: 2px 7px;
  border-radius: 12px;
  font-size: 12px;
}
.icon_body {
  height: 30px;
  width: 34px;
}
.icon_body i {
  font-size: 19px;
}
.comparision-lastYear-color {
  color: #e05f56 !important;
}
.horizontal-logo .logo {
  line-height: 55px !important;
}

.loyalty_typechange_form {
  list-style: none;
  padding-left: 0px;
  float: left;
  padding-bottom: 0px !important;
  margin-bottom: 0px !important;
}
.loyalty_typechange_form li {
  display: inline;
  float: left;
  background: #ede6e6;
  cursor: pointer;
  padding: 5px 25px;
  margin-bottom: 0px;
}
.loyalty_typechange_form li.active {
  background: #008080;
  color: #fff;
}
.loyalty_form_field {
  width: 260px;
}
.padding-5 {
  padding: 5px !important;
  float: left;
  width: 100%;
}
.padding-15 {
  padding: 15px !important;
  float: left;
  width: 100%;
}
.beform-loyalty-level-title {
  font-weight: 700;
}
.be_loyalty_level {
  float: left;
  border: 1px solid #d2d2d2;
  width: 100%;
  padding: 20px;
  background: #fbfbfb;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
  position: relative;
  margin-bottom: 20px;
}
.be_loyalty_level_main {
  margin-bottom: 25px;
}
.be_loyalty_level_title {
  color: #008080;
}
.be_form_loyalty_label_50 {
  float: left;
  width: 50%;
  padding-right: 15px;
  margin-bottom: 10px;
}
.be_form_loyalty_label_full {
  float: left;
  width: 100%;
  padding-right: 15px;
  margin-bottom: 10px;
}
.loyalty_form_subhead {
  width: 100%;
  border-bottom: 1px solid #d2d2d2;
  text-transform: uppercase;
  padding-bottom: 3px;
  color: #111;
  font-weight: 500;
}
.be_form_loyalty_label_40 {
  float: left;
  width: 40%;
  padding-right: 15px;
  margin-bottom: 10px;
}
.be_form_loyalty_label_20 {
  float: left;
  width: 20%;
  padding-right: 15px;
  margin-bottom: 10px;
}

.remove-loyalty,
.remove-loyalty:hover {
  padding: 3px 15px;
  background: #f55959;
  color: #fff;
  border-radius: 3px;
  font-size: 19px;
  cursor: pointer;
  float: right;
  margin: 10px 0px 20px;
}
.remove_loyalty,
.remove_loyalty:hover {
  position: absolute;
  right: 14px;
  top: 12px;
  background: #f55959;
  color: #fff;
  padding: 3px 10px;
  font-size: 12px;
  border-radius: 11px;
  cursor: pointer;
}
.loyalty_joint_style {
  position: relative;
}
.loyalty_joint_tag {
  position: absolute;
  bottom: 0px;
  right: 15px;
  background: #d2d2d2;
  padding: 10px 30px;
  border-radius: 0px 2px 2px 0px;
  font-size: 13px;
}

/* new style */

.db-comparision-up-color {
  color: #3dc253 !important;
}
.current-value-section p {
  padding-bottom: 0px !important;
  margin-bottom: 5px !important;
}
.lastYear-value-section p {
  padding-bottom: 0px !important;
  margin-bottom: 5px !important;
}
.overview-today-sec {
  width: 100%;
  float: left;
  margin-bottom: 5px;
}
.dashboard-date-icon {
  float: right;
  margin-top: 5px;
}

.choices[data-type*="select-multiple"]:after {
  content: "\f0140";
  position: absolute;
  border: 0;
  border-color: #212529 transparent transparent;
  right: 11.5px;
  left: auto;
  font-family: "Material Design Icons";
  width: auto;
  height: auto;
  margin-top: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  pointer-events: none;
}
.form_spec_color {
  color: #365371 !important;
}
.input-joint-color {
  background: #9edfed;
}
.be_form_loyalty_label_35 {
  float: left;
  width: 35%;
  padding-right: 15px;
  margin-bottom: 10px;
}
.be_form_loyalty_label_30 {
  float: left;
  width: 30%;
  padding-right: 15px;
  margin-bottom: 10px;
}
.tab_nav_section {
  float: left;
  width: 100%;
  margin-bottom: 25px;
}
.tab_nav_section_btns {
  float: right;
}
.btn-be-form-cancel {
  margin-right: 10px;
}

.db-title-header {
  color: var(--vz-card-color);
}
.common-filter-color {
  background: #008080;
}
.db-common-filter {
  text-transform: uppercase;
}
.db-availability-datepicker {
  border-right: 1px solid #d2d2d2;
  padding: 15px 0px;
}
.db-room-availability-sub {
  padding: 0px !important;
  margin: 0px 10px !important;
  padding-bottom: 10px !important;
}
.btn-availability-calender,
.btn-availability-calender:hover {
  background: #9edfed;
  border: 1px solid #9edfed;
  width: 80%;
}
.btn-availability-arrow,
.btn-availability-arrow:hover {
  color: var(--vz-card-color);
  background-color: var(--vz-card-bg);
  border: none !important;
  width: 25px;
  padding: 0px !important;
}
.db-availability-date-range {
  padding: 10px 20px;
  margin: auto;
}
.db-room-avail-title {
  margin-bottom: 0px !important;
  font-size: 15px;
  color: #45aeb3;
  font-weight: 500;
  float: left;
}
.db-availability-date-fields {
  display: inline-flex;
  width: min-content;
  border-left: 1px solid #d2d2d2;
}
.db-availability-date-search {
  border-top: 1px solid #d2d2d2;
  padding: 0px 0px 20px;
  overflow-y: scroll;
}
.db-availability-single-field {
  margin: auto;
  text-align: center;
  width: 60px;
  border-top: 0px !important;
  /* border-right: 1px solid #d2d2d2; */
  border-bottom: 1px solid #d2d2d2;
  margin-top: 5px;
}
.avail-date {
  border-bottom: 1px solid #d2d2d2;
  padding: 3px;
  border-right: 1px solid #d2d2d2 !important;
}
.avail-count input {
  /* border: none !important; */
  text-align: center;
  border-radius: 0px;
  color: var(--vz-topnav-item-color);
  background: none;
  margin: 2px;
}
.avail-zero-style {
  background: #fe8c8c !important;
  color: #b90017 !important;
  font-size: 13px;
  padding-left: 0px;
  padding-right: 0px;
}
.be_loyalty_level_sec1 {
  display: inline-flex;
}
.be_loyalty_level_sec1_label {
  width: 150px;
  padding-top: 5px !important;
}
.be_loyalty_level_sec_select {
  width: 100% !important;
}
.be_loyalty_level_sec3 {
  display: inline-flex;
  width: 100%;
  position: relative;
}
.be_loyalty_level_sec3_label {
  width: 20%;
}
.be_loyalty_level_sec_select_field {
  width: 80%;
}
.be_form_loyalty_label_25 {
  float: left;
  width: 25%;
  padding-right: 15px;
  margin-bottom: 10px;
}
.discount_percentage_symbol {
  position: relative;
  left: 10px;
  top: 7px;
}
.btn-be-common,
.btn-be-common:hover {
  background: #008080;
  border: 1px solid #008080;
}
.btn-be-back,
.btn-be-back:hover {
  background: #454343;
  border: 1px solid #d2d2d2;
  color: #fff;
}
/* new style */

.form_calendar-style {
  position: absolute;
  top: 4px;
  right: 15px;
  font-size: 19px;
  color: #888a99;
  cursor: pointer;
}
.form-calender-add {
  position: relative;
}
.db-common-filter,
.db-common-filter:hover {
  border: 1px solid #464545;
  background: #464545;
  font-size: 20px;
  padding: 3px 10px;
  color: #fff;
}
.filter-head {
  padding-top: 7px;
}
.db-page-title {
  font-size: 21px;
  margin-bottom: 0px !important;
}
.avail-modify-title {
  color: #1ba4cb;
  border-bottom: 1px solid #1ba4cb;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 28px;
}
.db-avail-modify-collapse {
  padding: 15px 20px;
  cursor: pointer;
}
.db-modify_toggle_btn {
  float: right;
}
.db-avail-modify-sec-main {
  padding: 20px 20px 10px;
  border-top: 1px solid #eae7e7;
}
.avail-modify-filter {
  padding: 25px 0px 10px;
}
.modify-week-list {
  list-style: none;
  float: left;
}
.modify-week-list li {
  display: inline;
  float: left;
  background: #808080;
  margin-right: 25px;
  padding: 12px 5px;
  text-transform: uppercase;
  border-radius: 22px;
  width: 45px;
  text-align: center;
  font-size: 13px;
  cursor: pointer;
  color: #fff;
}
.modify-week-item-inactive {
  background: #e2897d !important;
  color: #fff !important;
}
.modify-week-item-active {
  background: #76c488 !important;
  color: #fff !important;
}
.modify-room-sub-sec-list {
  display: inline-flex;
}
.modify-room-sub-sec-list_1 {
  display: inline-flex;
}
.modify-room-sec {
  margin-top: 25px;
}
.modify-room-sub-sec {
  padding-left: 0px !important;
  list-style: none;
}
.modify-room-sub-no {
  background: #111;
  color: #fff;
  padding: 2px 0px;
  border-radius: 14px;
  font-size: 11px;
  margin: 5px 0px 7px;
  width: 22px;
  text-align: center;
}
.modify-room-sub-title {
  padding: 5px 10px 0px;
  min-width: 400px;
}
.modify-room-sub-input input {
  width: 60px !important;
  padding: 0px 15px;
  height: 32px;
  text-align: center;
}
.modify-room-sub-select select {
  width: 72px !important;
  height: 32px;
  padding: 0px 5px 0px 12px;
}
.modify-room-sub-select {
  width: 160px !important;
}
.modify-room-sub-sec li {
  margin-bottom: 10px;
}
.modify-period-submit {
  float: right;
}

/* new style */
.availabilty-filter-card {
  margin-bottom: 5px;
}
.available_filter_calender {
  padding: 10px 15px 5px;
}
.available_filter_room_info {
  float: left;
  border-right: 1px solid #d2d2d2;
  padding: 10px;
}

.db-availability-calender-sec {
  display: inline-flex;
  width: min-content;
}

.db-availability-calender-field {
  margin: auto;
  text-align: center;
  width: 60px;
  border-top: 0px !important;
  border-right: 1px solid #d2d2d2;
  border-bottom: 1px solid #d2d2d2;
}
.available_filter_room_info_sec {
  float: left;
  border-top: 1px solid #d2d2d2;
}
.available_filter_room_avail_sec {
  float: left;
  padding: 0px !important;
}
.row-padding {
  padding-left: 15px !important;
  padding-right: 15px !important;
}
.room-available-filtersec-head {
  text-align: center;
  font-size: 19px;
  text-transform: uppercase;
  margin-bottom: 24px;
  font-weight: 600;
}
.room-avail-date {
  font-size: 13px;
  font-weight: 400;
  min-width: 50px;
}
.avail-date-bold {
  font-weight: 600;
  font-size: 23px;
  line-height: 25px;
}
.room-available-filtersec-head h6 {
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 600;
  margin-top: 11px;
}
.room-availability-table th {
  padding: 0px !important;
  text-align: center;
}
.room-availability-table td {
  padding: 0px !important;
}
.db-avail-room-sec {
  text-align: left;
  padding: 7px 5px 7px 15px;
  font-weight: 500;
  display: inline-flex;
  float: left;
}
.db-room-avail-long-duration {
  position: relative;
  margin-bottom: 0px !important;
  margin-top: 8px;
}
.availability-duration-calendar {
  position: absolute;
  padding-left: 7px;
}
.avail-zero-style-box {
  background: #fe8c8c !important;
  color: #b90017 !important;
}
.avail-zero-style-box input {
  color: #b90017 !important;
}
.availability-duration-calender-field {
  position: relative;
}
.availability-duration-calender-icon {
  position: absolute;
  top: 6px;
  right: 6px;
}
.avalability-calendar-span {
  position: absolute;
  padding-left: 5px;
}
.availability-model-dialog {
  max-width: 64% !important;
  z-index: 9999 !important;
}
.db-room-avail-long-duration {
  cursor: pointer;
}
#demo-booking-single {
  border: none;
}
/*.mbsc-ios.mbsc-datepicker .mbsc-calendar-cell*/
/*{*/
/*    border: 1px solid #d2d2d2 !important;*/
/*}*/
/* .mbsc-ios.mbsc-datepicker .mbsc-calendar-cell div
{
  display: none;
} */
.mbsc-calendar-cell-inner {
  display: block !important;
}

.available_update_btn {
  text-align: end;
}
.avail-month-name {
  color: #0085ff;
  font-size: 11px;
  font-weight: bold;
}
.avail-week-name {
  color: rgb(17 149 213);
  font-size: 11px;
}
.availability-calender-show {
  cursor: pointer;
  width: 20px;
}
.db-price-modify-sec-main {
  padding: 15px;
  background: #fafafa;
}
.price-modify-tabs .nav-link {
  min-height: 30px;
  border-left: none !important;
}

.price-bottom-header {
  padding-top: 0px;
  padding-bottom: 0px;
}
.price-sec-room-title {
  position: relative;
  padding-left: 30px;
  padding-top: 3px;
  color: #45aeb3;
  padding-bottom: 0px;
}
.room-price-expanded {
  font-size: 22px;
  position: absolute;
  left: 4px;
  top: 0px;
  color: #111;
  cursor: pointer;
}
.room-price-td input {
  padding: 5px 0px !important;
  text-align: center !important;
}
.room-price-table th {
  padding: 0px !important;
  text-align: center;
}
.room-price-table td {
  padding: 5px 8px;
}
.price-td-rates {
  color: #0085ff;
}
.price-sub-fields {
  position: relative;
}
.price-td-occupancy {
  position: absolute;
  right: 13px;
  top: 15px;
}
.price-td-occupancy img {
  float: left;
}
.price-inner-table {
  padding: 0px !important;
}

.price-wrapper {
  margin-bottom: 30px;
}
.room-price-inner-table {
  border: 1px solid transparent;
}
.room-price-inner-table td {
  border-bottom: 1px solid #d2d2d2;
}
.room-price-td {
  border: 1px solid #d2d2d2;
}
.price-sub-fields {
  border-right: 1px solid #d2d2d2;
}
.price-modify-period {
  float: left;
  padding-left: 15px;
}
.price-bulk-update-field {
  width: 200px;
}
.price-top-section {
  margin-bottom: 20px;
}
.price-modify-filter-head h6 {
  color: #008080;
  border-bottom: 1px solid #008080;
  line-height: 21px;
}
.rate-extra-info {
  list-style: none;
  display: inline;
}
.rate-extra-info li {
  float: left;
  padding-right: 15px;
}
.price-modify-label {
  padding-top: 10px;
  color: #111;
}
.extra-child-age-range {
  width: 100px;
}
.price-info-tag {
  position: relative;
  display: inline-block;
  background: #dbdbdb;
  padding: 0px 6px;
  border-radius: 9px;
  font-size: 9px;
  color: #fff;
  left: 0px;
  bottom: 1px;
}

.price-info-tag .tooltiptext {
  visibility: hidden;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  top: 17px;
  left: 0%;
  font-size: 11px !important;
  min-width: max-content;
  white-space: nowrap;
  width: fit-content;
}

.price-info-tag:hover .tooltiptext {
  visibility: visible;
}
.board-price-text {
  width: 100px !important;
}
.price-board-rate-sec {
  margin-top: 0px;
}

/* new style */
.value-specify-span {
  font-size: 12px;
  color: #2191db;
  padding: 3px;
  font-weight: 500;
}
.loyalty-base {
  color: #4285f4;
  margin-left: 10px;
}
.loyalty-base-more {
  color: #4285f4;
  margin-left: 5px;
  font-size: 10px;
}
.loyalty-bronze {
  color: #cd7f32;
}
.loyalty-silver {
  color: #757575;
}
.loyalty-gold {
  color: #b39224;
}
.be-form-line-separation {
  float: left;
  width: 100%;
}
.be_form_room_info_label_25 {
  float: left;
  width: 25%;
  padding-right: 15px;
  margin-bottom: 10px;
}
.room-sec-title {
  font-weight: 400;
  border-bottom: 1px solid #111;
  padding-bottom: 1px;
  line-height: 36px;
}
.option-li {
  width: 25%;
}
.extrarate-room-link {
  float: left;
  margin-top: 10px;
  margin-left: 7px;
}
.add-extrarate-rooms {
  float: left;
  width: 100%;
  position: relative;
}
.extra-rate-add,
.extra-rate-add:hover {
  background: #4c8f9d;
  color: #fff;
  padding: 4px 8px 5px;
  border-radius: 3px;
  cursor: pointer;
}
.extrarate-remove,
.extrarate-remove:hover {
  background: #b12727;
  color: #fff;
  padding: 1px 7px;
  border-radius: 3px;
  margin-right: 10px;
  cursor: pointer;
  margin-top: 11px;
  margin-left: 7px;
  float: left;
  font-weight: 200;
  font-size: 11px;
  position: absolute;
  right: 25px;
  top: 5px;
}
.calendar-date-count {
  font-weight: 500;
  color: #0085ff;
}
.calendar-show-count {
  font-size: 13px;
}
.basic-rate-setup-head {
  margin: 15px 0px;
  font-weight: 600;
  float: left;
}
.modify-rate_section {
  position: relative;
}
.modify-rate_section input {
  height: 32px;
  width: 150px;
}
.rate_change_section {
  position: absolute;
  right: 0px;
  top: 0px;
}
.modify-room-sub-section {
  margin-right: 30px;
}
.modify-room-sub-input {
  margin-right: 15px;
}
.modify-room-sub-input select {
  margin-right: 15px;
  padding: 0px 25px 0px 10px;
  height: 32px;
}
.basic-rate-setup-head h6 {
  float: left;
  margin: 10px 0px 20px;
  background: #acdeeb;
  padding: 5px 10px;
  text-transform: uppercase !important;
}
.basic-rate-label {
  text-transform: uppercase !important;
}

.info-tag-li {
  overflow: inherit !important;
}
.basic-rate-title {
  float: left;
  margin: 10px 10px 5px 0px;
  color: #008080;
}
.basic-rate-amount {
  float: left;
  padding: 5px;
  width: 75px;
}
.basic-rate-amount input {
  padding: 3px 5px;
  text-align: center;
  width: 60px;
  margin: auto;
}

/* new style */
.availability_table_cardbody {
  padding: 0px !important;
}

.avail-child-img {
  width: 10px;
  margin: 5px 0px;
}

.rate_modify_type {
  list-style: none;
  padding-left: 0px;
  margin: 10px 0px;
  float: left;
  border: 1px solid #d2d2d2;
  border-radius: 3px;
}
.rate_modify_type li {
  display: inline;
  float: left;
  background: #f1f1f1;
  cursor: pointer;
  padding: 4px 15px;
  text-transform: uppercase;
  font-size: 12px;
}
.rate_modify_type li.active {
  background: #008080;
  color: #fff;
}

.rate_apply_section {
  position: relative;
}

.rate_modify_type_section {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 90px;
}
.rate_apply_section input {
  width: 200px;
}
.room-default-expand {
  cursor: pointer;
  float: left;
  padding-top: 2px;
}
.price_show_select {
  list-style: none;
  padding: 4px 5px;
  display: inline;
  float: left;
  margin: 0px 10px !important;
  border: 1px solid #d2d2d2;
  border-radius: 3px;
}
.price_show_select li {
  padding: 2px 5px;
  color: #111;
  float: left;
  font-size: 11px;
  font-weight: 400;
  cursor: pointer;
}
.price_show_select li.active {
  background: #008080;
  color: #fff;
}
.availability-calender-show img {
  width: 20px;
}
.default_price_show {
  float: left;
}

.price-modify-tabs .nav-link.active {
  background: #008080 !important;
  color: #fff !important;
}
.price-modify-tabs .nav-link.active .info-tag {
  color: #44aeb2;
  background: #9ce8ea;
}

/* new style */
.condition--modify-sec-main {
  padding: 15px;
  background: #fafafa;
}
.condition-tabs-section {
  padding: 0px !important;
}
.condtion-tabs li a {
  padding: 5px 20px;
  text-transform: uppercase;
}
.condtion-tabs .nav-link.active {
  background: #1a8d8d !important;
  color: #fff !important;
  border: 1px solid #1a8d8d;
}

.condtion-tabs .nav-link:hover {
  border: 1px solid #1a8d8d;
  color: #1a8d8d;
  border-radius: 0px !important;
}
/* .hotel-condition-modify-sec
{
  border-top: 1px solid #e9ebec;
} */
.db-condition-modify-collapse {
  cursor: pointer;
  padding: 10px 15px;
  background: #fff;
  float: left;
  width: 100%;
}
.modify-condition-inner {
  padding-top: 15px;
}
.modify-open-conditon-list {
  list-style: none;
  display: inline;
  float: left;
  margin-bottom: 0px !important;
  padding-left: 0px;
}
.modify-open-conditon-list li {
  float: left;
  border: 1px solid #d2d2d2;
  padding: 5px 10px;
  background: #fff;
}
.condition-status-check {
  float: left;
}
.condition-title {
  float: left;
  padding-right: 20px;
  padding-left: 5px;
}
.condition-active-status {
  float: left;
}
.condition-active-status .form-check-input:checked {
  background-color: #008080;
  border-color: #008080;
}
.condition-modify-sec-main {
  float: left;
  padding: 5px 15px 15px;
  background: #fafafa;
}
.db-condition-list {
  float: left;
  font-size: 12px;
}
.db-condition-list-status {
  padding: 5px 5px;
  margin: 0px !important;
  text-align: center;
}
.room-condition-cat-list {
  list-style: none;
  margin: 0px !important;
  padding: 0px !important;
  text-align: center;
  display: flex;
  justify-content: center;
}
.room-condition-cat-list li {
  /* display: inline-block; */
  font-size: 11px;
  padding: 0px 4px;
}
.room-condition-td {
  padding: 0px !important;
}
.room-condition-cat-list .active {
  background: #a4e785;
  border: 1px solid #a4e785;
}
.room-condition-cat-list .inactive {
  background: #ff7979;
  border: 1px solid #ff7979;
}

.extra_rate_room_select {
  width: 25%;
}
.extra_rate_bed_rate {
  width: 16%;
}
.condition-stay-input {
  float: left;
}

.extra_rate_room_select .price-modify-label {
  margin-bottom: 0px !important;
}
.extra-rate-expanded {
  margin-top: 0px !important;
}

.condition_outer {
  border: 1px solid #d2d2d2;
  margin: 5px;
  padding: 2px 2px 4px;
}

/* menu bar style */

[data-layout="horizontal"] #page-topbar {
  background: #008080;
  border-bottom: 1px solid #008080;
}
.app-search .form-control {
  background-color: #fff;
}
.topbar-user {
  background-color: #fff;
}
.app-menu {
  background: #008080 !important;
}
[data-layout="horizontal"] .navbar-menu .navbar-nav .nav-link {
  color: #fff !important;
}
.navbar-menu .navbar-nav .nav-link[data-bs-toggle="collapse"]:after {
  color: #fff !important;
}
.navbar-menu .navbar-nav .nav-sm .nav-link {
  color: #111 !important;
}
[data-layout="horizontal"] .navbar-menu .navbar-nav {
  margin: auto;
  justify-content: center;
}
/* [data-layout=horizontal] .navbar-nav .nav-item
{
  padding: 0px 10px;
} */
[data-layout="horizontal"] .navbar-nav .nav-item:hover {
  background: #1a8d8d;
}
[data-layout="horizontal"] .navbar-nav .nav-sm .nav-item:hover {
  background: #f2f2f2;
}
.app-search .form-control::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 1; /* Firefox */
}
.app-search .form-control:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #fff;
}
.app-search .form-control {
  background-color: #1a8d8d;
}
.app-search span.search-widget-icon {
  color: #fff;
}
.topbar-user {
  background: #008080;
}
.user-name-sub-text {
  color: #fff !important;
}

/* new style */

.condition-top-menu {
  position: fixed;
  top: 118px;
  background: #fff;
  padding: 0px 5px;
  width: 100%;
  z-index: 1;
  margin-top: -2px !important;
}
.condtion-tabs {
  justify-content: center;
  border: none;
}
.condition-main-section {
  margin-top: 30px;
}
/* .room-price-expanded-sec
{
  border-bottom: 1px solid #0085ff;
} */
.condition-save-btn {
  background: #008080 !important;
}

.avail-month-name {
  color: #3678a3;
}
.price-sec-room-title {
  color: #008080 !important;
}
.price-td-rates,
.avail-week-name,
.calendar-date-count {
  color: #008080 !important;
}
.condtion-tabs .nav-link.active {
  background: #1a8d8d !important;
  color: #fff !important;
  border: 1px solid #1a8d8d;
  border-radius: 0px !important;
}
.label-for-extra-bed-status {
  margin-bottom: 0px !important;
  line-height: 0px !important;
}
.applicable-extrabed-status {
  float: left;
}
.extrabed-rates-sec {
  float: left;
  padding-right: 10px;
}
.extra-rate-beds {
  float: left;
  width: 125px;
  padding-right: 5px;
}
.extra-rate-bed-label {
  font-size: 12px !important;
  padding: 0px;
}
.extra-rate-beds p {
  margin-bottom: 0px !important;
  font-size: 13px;
}
.admin-access-link,
.admin-access-link:hover {
  color: #fff;
}
.btn-ghost-secondary {
  color: #fff;
}
.extra-rate-beds input {
  font-size: 12px;
  padding-left: 10px;
}
.condition-text-field {
  float: left;
  padding: 5px;
}
.offer-list-top {
  float: left;
  width: 100%;
  margin-bottom: 10px;
}
.offer-list-title {
  float: left;
  width: 50%;
}
.offer-list-btn {
  float: left;
  width: 50%;
}
.offer-list-btn a {
  float: right;
}
.offer-list-head {
  font-family: var(--vz-body-font-family);
  font-size: 18px;
}
.offer-list-items {
  float: left;
}
.offer-image {
  float: left;
  position: relative;
}
.offer-heading {
  float: left;
  padding-left: 20px;
  width: 40%;
}
.offer-lists {
  margin-top: 10px;
  margin-bottom: 0px !important;
}
.offer-list-items {
  padding: 10px;
  position: relative;
}
.offer-heading h6 {
  /* margin-bottom: 0px !important; */
  padding-bottom: 0px !important;
  font-size: 18px;
}
.offer-code {
  margin-bottom: 0px !important;
}
.offer-discount {
  margin-bottom: 0px !important;
}
.offer-occupancies {
  float: left;
  width: 40%;
}
.offer-status-button {
  padding: 15px;
  float: right;
  padding-top: 25px;
  padding-right: 45px;
}
.offer-status-enabled {
  border: 2px solid #008080;
  padding: 5px 15px;
  color: #111;
  cursor: pointer;
}
.offer-list-main {
  margin-bottom: 25px;
}
.offer-status-draft {
  border: 1px solid #8f8f8f;
  padding: 5px 25px;
  color: #8f8f8f;
}
.confidential-icon img {
  background: #ff7a7a;
  padding: 5px;
  border-radius: 15px;
}
.confidential-icon {
  position: absolute;
  bottom: 0px;
  right: 0px;
}
.offer-list-suggestion-head {
  margin-top: 15px;
}
.offer-links {
  position: absolute;
  top: 0px;
  right: 0px;
  background: #e9e9e9;
  padding: 1px 5px;
}
.offer-export-icon img {
  width: 10px;
}
.offer-links img {
  width: 16px;
}
.offer-status-add {
  border: 2px solid #008080;
  padding: 5px 30px;
  color: #008080;
}
.offer-lists {
  border-bottom: 2px solid #d2d2d2 !important;
}
.offer-border-bottom {
  border-bottom: 3px solid #008080;
  width: 40%;
  position: absolute;
  bottom: -2px;
}
.offer-image img {
  width: 80%;
}
.offer-status-enabled:hover {
  color: #111;
}
.offer-create-section {
  border: 1px solid #d2d2d2;
  background: #fcf9f9;
  float: left;
  width: 100%;
}
.offer-create-list {
  list-style: none;
  display: inline-block;
  padding: 0px !important;
  margin: 0px !important;
  border-bottom: 1px solid #d2d2d2;
  width: 100%;
  background: #fff;
}
.offer-step-list {
  float: left;
  padding: 5px 25px;
  font-size: 16px;
  font-weight: 400;
  cursor: pointer;
}
.offer-step-list.active {
  background: #008080;
  color: #fff;
}
.offer-name-translation ul {
  display: inline-flex;
  list-style: none;
  padding: 0px !important;
  margin: 0px !important;
}
.offer-name-translation ul li {
  padding: 2px 18px;
  border-radius: 5px 5px 0px 0px;
}
.offer-name-translation ul li.active {
  color: #fff;
  background: #3b5772;
}
.offer-create-details {
  padding: 10px;
}
.offer-content-section {
  padding: 20px 10px;
  background: #fff;
  border: 1px solid #d2d2d2;
  position: relative;
  margin-bottom: 15px;
  float: left;
  width: 100%;
}
.offer-form-title {
  font-size: 17px;
  font-weight: 500;
  color: #111;
}
.offer-form-label {
  margin-bottom: 15px;
  font-size: 12px;
}
.offer-status {
  position: absolute;
  right: 2px;
  top: 15px;
}
.form-check-input:checked {
  background-color: #008080;
  border-color: #008080;
}
.offer-condition-check {
  float: left;
  position: relative;
  margin-right: 5px;
}
.offer-condition-calendar {
  float: left;
  margin-left: 15px;
}
.offer-condition-calendar input {
  padding: 0px 5px;
}

.offer-condition-calendar .form_calendar-style {
  position: absolute;
  top: -2px;
  right: 10px;
  font-size: 17px;
  color: #888a99;
  cursor: pointer;
}
.offer-condition-calendar-pic {
  float: left;
  padding-left: 15px;
  margin-bottom: 20px;
}
.offer-condition-calendar-choose {
  float: left;
  margin-left: 15px;
  color: #008080;
  margin-bottom: 5px;
  cursor: pointer;
}
.offer-condition-apply select {
  padding: 2px 10px;
  width: 100px;
}
.offer-condition-apply {
  border: 1px solid #d2d2d2;
  padding: 5px 10px;
  margin-left: 30px;
  margin-top: 5px;
  position: relative;
  float: left;
}
.offer-condition-close {
  position: absolute;
  top: 5px;
  right: 10px;
}
.offer-condition-calendar-pic .info-tag {
  float: left;
  margin-top: 5px;
}
.offer-condition-head-sec {
  float: left;
}
.offer-condition-apply-calender {
  float: left;
  padding-top: 10px;
}
.offer-condition-week ul {
  list-style: none;
  display: inline-block;
  margin: 10px 0px 0px;
  padding: 0px !important;
}
.offer-condition-week ul li {
  float: left;
  padding-right: 10px;
  text-align: center;
}
.offer-condition-week ul p {
  margin-bottom: 0px;
}
.offer-condition-week {
  text-align: center;
}
.condition-apply-calendar-btn,
.condition-apply-calendar-btn:hover {
  border: 1px solid #008080;
  padding: 1px 15px 3px;
  color: #fff;
  background: #008080;
  border-radius: 3px;
}
.condition-apply-calendar-btn-sec {
  float: left;
  margin: 5px;
}
.offer-condition-check label {
  padding-left: 5px;
}
.offer-form-status-section {
  float: left;
  width: 100%;
}
.offer-roomtypes {
  list-style: none;
  margin: 0px;
  padding-left: 0px;
}
.offer-roomtypes label {
  font-weight: 400;
  font-size: 13px;
}
.offer-roomtypes-list {
  list-style: none;
  float: left;
  width: 100%;
}
.offer-roomtypes-list li {
  float: left;
  padding-right: 20px;
}
.offer-roomtypes-list-occ .small-person {
  width: 11px;
  margin: 0px -3px -3px;
}
.offer-roomtypes li {
  margin-bottom: 10px;
}
.offer-list-inline,
.offer-create--rate-list {
  list-style: none;
  padding: 0px;
}
.offer-list-inline li {
  float: left;
  padding-right: 20px;
}
.offer-label-span {
  font-size: 12px;
}
.offer-create--rate-list label {
  font-weight: 400;
  text-transform: capitalize;
}
.offer-create-fixed-section {
  margin-left: 30px;
}
.offer-rate-title {
  font-size: 13px;
  padding: 5px !important;
  width: 35%;
}
.offer-rate-field {
  padding: 5px !important;
}
.offer-rate-field input {
  padding: 0px 0px !important;
  text-align: center !important;
  font-size: 13px;
}
.offer-th-head {
  text-align: center;
  padding: 5px !important;
}
.fixed-price-table {
  margin-top: 15px;
}
.fixed-price-table-general-basis {
  /* border: 1px solid #d2d2d2; */
  width: 60%;
}
.offer-same-price-table {
  margin: 0px !important;
}
.offer-general-rate-currency {
  float: left;
  /* margin-bottom: 5px; */
}
.offer-general-rate-currency input {
  float: left;
  width: 100px;
  padding: 2px 10px;
}
.offer-general-rate-currency-type {
  float: left;
  padding: 2px 10px;
}
.offer-same-price-td {
  padding: 2px !important;
}
.offer-same-price-table tr {
  border-bottom: 1px transparent !important;
}
.offer-create-common-discount-section {
  margin-left: 30px;
}
.offer-common-discount-selection {
  position: relative;
  float: left;
  padding-left: 10px;
}
.offer_common_discount_select {
  position: absolute;
}
.common-discount-offer,
.common-discount-offer label {
  float: left;
}
.offer_common_discount_select {
  position: absolute;
  top: 0px;
  right: 0px;
}
.offer-common-discount-selection input {
  padding: 2px 5px;
  font-size: 13px;
}

.offer_common_discount_select select {
  padding: 2px 40px 2px 10px;
  font-size: 13px;
}
.common-discount-label-sec {
  float: left;
  padding-left: 10px;
}
.common-discount-label-sec p {
  font-size: 12px;
  margin: 0px;
  padding-top: 2px;
}
.offer-step-desc {
  font-size: 15px;
  font-weight: 400;
  color: #008080;
  line-height: 26px;
}
.common-discount-exception-link {
  font-size: 13px;
}
.offer-common-discount-exception-area {
  float: left;
  width: 100%;
}
.common-discount-exception-link {
  cursor: pointer;
}
.offer-common-discount-exception-expand {
  float: left;
  width: 100%;
  margin-top: 10px;
}
.offer-common-discount-exception-expand ul,
.offer-increment-expand ul {
  padding: 0px;
  list-style: none;
}
.offer-common-discount-exception-expand label {
  float: left;
}
.offer-common-discount-exception-expand ul li,
.offer-increment-expand ul li {
  padding-right: 25px;
  float: left;
  margin-top: 10px;
  margin-bottom: 5px;
}
.common_discount_label_part {
  position: absolute;
  top: 0px;
  right: 0px;
  padding: 1px 10px;
  border: 1px solid #d2d2d2;
  border-radius: 0px 3px 3px 0px;
}
.offer-increment-expand {
  float: left;
  width: 100%;
  margin-left: 30px;
  margin-bottom: 10px;
}
.offer-create-select {
  padding: 2px 45px 2px 5px;
  font-size: 13px;
}
.offer-step-label {
  font-size: 13px;
  margin-right: 10px;
  float: left;
  padding: 0px !important;
  margin-bottom: 0px !important;
}
.offer-step-textfield {
  float: left;
  display: inline;
  padding: 2px 5px;
  width: 100px;
  font-size: 13px;
}
.offer-create-lists {
  list-style: none;
}
.offer_freeningt_join {
  float: left;
  padding-right: 10px;
}
.offer-sub-head {
  font-weight: 600;
  margin-bottom: 5px;
}
.offer_booknight_top_section {
  float: left;
  width: 100%;
  margin-left: 30px;
  margin-bottom: 10px;
}
.offer-create-inline-lists {
  list-style: none;
}
.offer-create-inline-lists li {
  float: left;
  padding-right: 15px;
}
/* .offer_next_add
{
  padding-bottom: 5px;
  float: left;
  clear: both;
  height: 40px;
  position: relative;
} */
.percent_attach_text {
  position: relative;
}
.percent_attach_select {
  position: absolute;
  right: 0px;
  border: 1px solid #d2d2d2;
  padding: 1px 5px;
  border-radius: 0px 3px 3px 0px;
}
.offer_longStay_expand,
.offer_earlyBooking_expand,
.offer_device_expand,
.restr_loyalty_expand {
  float: left;
  width: 100%;
}
.offer_freenight_discount_sec,
.offer_freenight_discount {
  position: relative;
}
.offer_freenight_discount input {
  width: 100px;
  padding: 2px 5px;
  font-size: 13px;
}
.offer_freenight_option {
  padding: 2px 5px;
  font-size: 13px;
  position: absolute;
  top: 0px;
  right: 0px;
  border: 1px solid #d2d2d2;
  border-radius: 0px 3px 3px 0px;
}
.offer_country_list {
  list-style: none;
}
.country-inline-sec {
  float: left;
}

.offer_country_list li {
  float: left;
  width: 20%;
}
.offer_device_sec {
  margin-left: 30px;
  float: left;
}
.offer_device_discount_label {
  float: left;
  padding-right: 10px;
}
.confidential_icon {
  position: absolute;
  top: -3px;
  right: -40px;
}
.confidential_icon .info-tag {
  bottom: -2px;
}
.rest_list_inline {
  list-style: none;
}
.rest_list_inline li {
  float: left;
  padding-right: 25px;
}
.offer-restr-textfield {
  float: left;
  display: inline;
  padding: 2px 5px;
  width: 50px !important;
  font-size: 13px;
}
.offer-policy-table td {
  border: 1px solid #d2d2d2;
}
.offer-policy-table th {
  border: 1px solid #a6a3a3;
  font-size: 12px;
  padding: 5px !important;
  font-weight: 500 !important;
  background: #d2d2d2 !important;
}
.td_policy_id {
  padding-left: 5px;
}
.policy_th_span {
  padding-top: 10px;
  margin-bottom: 0px !important;
  font-weight: 600;
  font-size: 12px !important;
}
.policy_dec_td {
  font-size: 13px;
}
.restr_policy_expand,
.restr_device_expand {
  padding-left: 30px;
  float: left;
  width: 100%;
}
.restr_input_join {
  float: left;
  padding-left: 20px;
}
.rest_list_block {
  list-style: none;
  display: inline-block;
}
.rest_list_block li {
  width: 100%;
  float: left;
}
.offer-apply-section {
  background: #fff;
  border: 1px solid #d2d2d2;
  float: left;
  margin-bottom: 20px;
}
.offer-apply-sec {
  float: left;
  padding: 10px;
}
.offer-links a {
  padding: 3px;
}
/* .offer_freenight_discount_sec
{
  left: 45px;
} */
.extra-create-btn {
  float: right;
}
.extra-list-item {
  padding: 10px;
}
.extra-image {
  float: left;
}
.extra-image img {
  width: 50px;
}
.extra-title {
  float: left;
  margin-top: 10px;
  padding: 5px;
}
.extra-title-identity {
  font-size: 17px;
}
.extra-button-sec {
  float: left;
  margin-top: 10px;
}
.extra-status-enable,
.extra-status-enable:hover {
  font-size: 19px;
  border: 2px solid #45aeb2;
  padding: 1px 5px;
  min-width: 100px;
  float: left;
  text-align: center;
  color: #111;
  cursor: pointer;
}
.extra-status-draft,
.extra-status-draft:hover {
  font-size: 19px;
  border: 2px solid #8f8f8f;
  padding: 1px 5px;
  min-width: 100px;
  float: left;
  text-align: center;
  color: #8f8f8f;
  cursor: pointer;
}
.extra-conditions {
  margin-top: 20px;
}
.offer-condition-select {
  float: left;
  padding-left: 20px;
}
.extra-label-sub {
  font-size: 11px;
  padding-left: 10px;
}
.extra_freenight_discount_sec,
.extra_freenight_discount {
  position: relative;
  float: left;
  margin-left: 15px;
  margin-bottom: 5px;
}
.extra_freenight_discount input {
  width: 100px;
  padding: 2px 5px;
  font-size: 13px;
}
.per_room_once_show {
  float: left;
  width: 100%;
}
.per_room_per_night_show,
.per_person_once_show,
.per_person_per_night_show,
.reservation_per_night_show,
.once_per_reservation_show {
  float: left;
  width: 100%;
}
.extra-left-padding-5 {
  margin-left: 30px;
  float: left;
}
.extra-table-td {
  padding: 1px 5px !important;
  width: 70px;
  font-size: 12px;
}
.no_person_once_tabel_sec {
  float: left;
  width: 100%;
  margin-left: 30px;
  margin-bottom: 10px;
}
.extra-table-style td {
  text-align: center;
}
.extra-table-label {
  font-size: 12px;
  font-weight: 600;
}
.extra-table-label-sub {
  font-size: 12px;
}
.extra_table_info_note {
  color: #b0afaf;
  text-align: left !important;
}
.extra-create-select {
  padding: 1px 45px 0px 5px;
  font-size: 13px;
}
.extra-input-field {
  padding: 0px 5px !important;
  width: 75px !important;
  font-size: 12px !important;
  text-align: center !important;
}
.extra-label-subhead {
  font-weight: 300;
  font-size: 13px;
}
.extra-create-list {
  float: left;
  width: 100%;
  display: block !important;
}
.extra-create-list li {
  float: none;
}
.extra_provider_show {
  margin: 5px 20px 0px;
}
.extra-input-full {
  padding: 2px 5px;
  margin-top: 6px;
  font-size: 12px;
}
.extra_provider_show span {
  font-size: 13px;
}
.room-desc-title-sec {
  margin-top: 5px;
}
.room-desc-label {
  font-size: 13px;
  color: #3f4146;
  line-height: 0px;
}
.marketing_title_field {
  height: 25px !important;
}

.reservation-fiter-section {
  padding: 10px;
  border: 1px solid #d2d2d2;
  border-radius: 3px;
}
.resevation-filter-switch {
  float: left;
  margin: 5px 0px 10px;
  width: 100%;
}
.reservation-switch {
  list-style: none;
  padding: 4px 5px;
  display: inline;
  float: left;
  margin: 0px !important;
  border: 1px solid #d2d2d2;
  border-radius: 3px;
}
.reservation-switch li {
  padding: 2px 5px;
  color: #111;
  float: left;
  font-size: 13px;
  font-weight: 400;
  cursor: pointer;
}
.reservation-switch li.active {
  background: #008080;
  color: #fff;
}
.be-label-left-assign-style {
  font-size: 12px !important;
  padding: 3px 5px !important;
  height: 30px !important;
  background: #9edfed !important;
}
.be-select-left-assign-style {
  height: 30px !important;
  font-size: 13px !important;
  padding: 0px 5px !important;
}
.be-input-left-assign-style {
  height: 30px !important;
  font-size: 13px !important;
  padding: 0px 5px !important;
  position: relative;
}
.resevation-fiter-main {
  float: left;
  width: 100%;
  margin: 5px 0px 10px;
}
.reservation_calendar-style {
  position: absolute;
  top: 0px;
  right: 2px;
  font-size: 19px;
  color: #888a99;
  cursor: pointer;
}
.res-filter-date-fields {
  float: left;
  padding-left: 20px;
}
.resrv_calender_sec {
  float: left;
  padding-left: 0px !important;
}
.reservation-search-btn-sec {
  float: left;
  padding: 2px 10px;
  border-radius: 2px;
  background: #008080;
  margin-left: 5px;
  margin-right: 7px;
}
.reservation-search-btn,
.reservation-search-btn:hover {
  color: #fff;
  cursor: pointer;
  padding-top: 2px;
  float: left;
}

.reservation-list-table {
  margin-top: 15px;
}
.reservation-list-table th {
  border: 1px solid #bebebe;
  font-size: 14px;
  padding: 10px 5px !important;
  font-weight: 500 !important;
  text-align: center;
}
.reservation-list-table td {
  border: 1px solid #bebebe;
  font-size: 14px;
  padding: 10px 5px !important;
  /* font-weight: 500 !important; */
  background: #fff;
  text-align: center;
}
.td-style-no-space {
  white-space: nowrap !important;
}
.td-style-center-align {
  text-align: center;
}
.reservation-page-content {
  background: #fff;
}

.reserv_search_label {
  position: relative;
  top: -2px;
  padding-left: 5px;
  font-size: 13px;
}
.reser_search_icon {
  font-size: 14px;
}
.serial-number {
  position: sticky;
  left: 0;
  background-color: #fff;
  z-index: 1;
}

.scrollable-cols {
  /* overflow-x: scroll; */
  overflow-y: hidden;
  white-space: nowrap;
}
.reservation-filter-result {
  overflow-x: scroll;
}
.reservation-main-table-style th {
  background: #008080 !important;
  color: #fff !important;
}
.booking-engine-form-main-temp-hotel {
  width: 70%;

  margin: 20px auto;

  box-shadow: 0px 4px 11px #d2d2d2;
}

.be_loyalty_level_sec_select {
  margin-top: 10px;
}

.input-group.be_form_loyalty_label_35a {
  margin-top: 10px;
}

.button-code-list{
  background-color: #5e6871 !important;
}
/* .be_form_room_info_label_50 {

  float: left;

  width: 50%;

  padding-right: 15px;

  margin-bottom: 10px;

} */