:root {
  --vz-blue: #5ea3cb !important;
  --vz-indigo: #405189 !important;
  --vz-purple: #7084c7 !important;
  --vz-pink: #f672a7 !important;
  --vz-red: #fa896b !important;
  --vz-orange: #f1963b !important;
  --vz-yellow: #f7b84b !important;
  --vz-green: #6ada7d !important;
  --vz-teal: #02a8b5 !important;
  --vz-cyan: #58caea !important;
  --vz-white: #fff !important;
  --vz-gray: #878a99 !important;
  --vz-gray-dark: #343a40 !important;
  --vz-gray-100: #f3f6f9 !important;
  --vz-gray-200: #eff2f7 !important;
  --vz-gray-300: #e9ebec !important;
  --vz-gray-400: #ced4da !important;
  --vz-gray-500: #adb5bd !important;
  --vz-gray-600: #878a99 !important;
  --vz-gray-700: #495057 !important;
  --vz-gray-800: #343a40 !important;
  --vz-gray-900: #212529 !important;
  --vz-primary: #5ea3cb !important;
  --vz-secondary: #7084c7 !important;
  --vz-success: #6ada7d !important;
  --vz-info: #58caea !important;
  --vz-warning: #f7b84b !important;
  --vz-danger: #fa896b !important;
  --vz-light: #f3f6f9 !important;
  --vz-dark: #212529 !important;
  --vz-primary-rgb: 94, 163, 203 !important;
  --vz-secondary-rgb: 112, 132, 199 !important;
  --vz-success-rgb: 106, 218, 125 !important;
  --vz-info-rgb: 88, 202, 234 !important;
  --vz-warning-rgb: 247, 184, 75 !important;
  --vz-danger-rgb: 250, 137, 107 !important;
  --vz-light-rgb: 243, 246, 249 !important;
  --vz-dark-rgb: 33, 37, 41 !important;
  --vz-white-rgb: 255, 255, 255 !important;
  --vz-black-rgb: 0, 0, 0 !important;
  --vz-body-color-rgb: 33, 37, 41 !important;
  --vz-body-bg-rgb: 241, 241, 241 !important;
  --vz-font-sans-serif: "IBM Plex Sans", sans-serif !important;
  --vz-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas,
    "Liberation Mono", "Courier New", monospace !important;
  --vz-gradient: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.15),
    rgba(255, 255, 255, 0)
  ) !important;
  --vz-body-font-family: var(--vz-font-sans-serif) !important;
  --vz-body-font-size: 0.875rem !important;
  --vz-body-font-weight: 400 !important;
  --vz-body-line-height: 1.5 !important;
  --vz-body-color: #212529 !important;
  --vz-body-bg: #f1f1f1 !important;
  --vz-border-width: 1px !important;
  /* --vz-border-style: solid !important;
  --vz-border-color: var(--vz-border-color) !important; */
  /* --vz-border-color-translucent: rgba(0, 0, 0, 0.175) !important; */
  /* --vz-border-radius: 0.25rem !important;
  --vz-border-radius-sm: 0.2rem !important;
  --vz-border-radius-lg: 0.3rem !important;
  --vz-border-radius-xl: 1rem !important;
  --vz-border-radius-2xl: 2rem !important;
  --vz-border-radius-pill: 50rem !important; */
  --vz-link-color: var(--vz-link-color) !important;
  --vz-link-hover-color: var(--vz-link-hover-color) !important;
  --vz-code-color: #f672a7 !important;
  --vz-highlight-bg: #fcf8e3 !important;
}

body {
  font-family: "IBM Plex Sans", sans-serif !important;
  font-weight: 400 !important;
}
.page_title_new {
  margin: 0px !important;
  float: none !important;
}
[data-layout-mode="dark"] #scrollar {
  background-color: #000000;
}
[data-layout="horizontal"]
  .navbar-menu
  .navbar-nav
  .nav-link[data-bs-toggle="collapse"][aria-expanded="true"] {
  color: #5ea3cb;
}
.db-save-button,
.db-save-button:hover {
  border: 1px solid #45aeb2 !important;
  padding: 5px 30px !important;
  background: #45aeb2 !important;
  color: #fff !important;
  margin-left: 7px !important;
}
.db-save-single-button,
.db-save-single-button:hover {
  border: 1px solid #45aeb2 !important;
  padding: 8px 30px !important;
  background: #45aeb2 !important;
  color: #fff !important;
}
.db-cancel-button,
.db-cancel-button:hover {
  border: 1px solid #d2d2d2 !important;
  padding: 5px 30px !important;
}
.db-other-button,
.db-other-button:hover {
  border: 1px solid #d2d2d2 !important;
  background: #5e6871 !important;
  /* padding: 5px 30px !important; */
  color: #fff !important;
}
.css-b62m3t-container .css-13cymwt-control {
  border: none !important;
  background-color: transparent !important;
}
.css-b62m3t-container .css-t3ipsp-control:hover {
  border: none !important;
  background-color: transparent !important;
}
.css-b62m3t-container .css-t3ipsp-control {
  border: none !important;
  background-color: transparent !important;
}
.css-b62m3t-container {
  padding: 0px !important;
}
.lang-choose-select-option {
  width: 22%;
}
.dropdown-content {
  padding: 0px !important;
}
.rmsc .select-item.selected {
  background: none !important;
}
.form-select1 {
  display: block;
  width: 100%;
  padding: 0.5rem 2.7rem 0.5rem 0.9rem;
  -moz-padding-start: calc(0.9rem - 3px);
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--vz-body-color);
  background-color: var(--vz-input-bg);
  background-repeat: no-repeat;
  background-position: right 0.9rem center;
  background-size: 16px 12px;
  border: 1px solid var(--vz-input-border);
  border-radius: 0.25rem;
  transition:
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
  appearance: none;
}
.multi-select .dropdown-content .options .select-item {
  margin-bottom: 0px !important;
}
.hboard_text {
  float: left;
  width: 20% !important;
  margin-right: 35px;
  margin-bottom: 15px;
}
.hboard_select-label {
  float: left;
  width: 20% !important;
  margin-right: 35px;
  margin-bottom: 20px;
}
.hboard_text-label {
  float: left;
  width: 20% !important;
  margin-right: 35px;
  margin-bottom: 20px;
}
.hboard_select {
  float: left;
  width: 20% !important;
  margin-right: 35px;
  margin-bottom: 15px;
}
.form-check-input:checked {
  background-color: #5ea3cb !important;
  border-color: #5ea3cb !important;
}
.no-content {
  height: 50px;
}
.add_more,
.add_more:hover {
  margin-bottom: 6px;
  padding: 5px 14px;
}
.form-translation-style li a.active {
  background: #3b5772;
  color: #fff;
}
.form-translation-style li button.active {
  background: #3b5772;
  color: #fff;
}
.current-value-section {
  color: #3dc253 !important;
}
.link-btn {
  border: none;
  background: none;
}
.booking-engine-form-main {
  width: 70% !important;
}
.dashboard-top-tab-style {
  margin: 0px !important;
}
.btn-be-back,
.btn-be-back:hover {
  background: #454343 !important;
  border: 1px solid #d2d2d2;
  color: #fff !important;
}
.mr-2 {
  margin-right: 1rem !important;
}
.ml-2 {
  margin-left: 1rem !important;
}
.contentclass {
  display: contents;
}
.displayclass {
  display: flex;
  justify-content: space-between;
}
.p_1 {
  padding-left: 4px;
  padding-right: 1px;
}
.p_2 {
  padding-left: 0px;
  padding-right: 9px;
}
.eye-icon {
  position: absolute;
  top: 11px;
  right: 12px;
  font-size: 19px;
  cursor: pointer;
}
.login-form {
  position: relative;
}
.image-edit-class {
  text-align: center;
}
.image-edit-class img {
  width: 100px;
  height: 100px;
}
.user-img-edit {
  width: 100px;
  height: 100px;
}
.fac-mul .dropdown-content {
  overflow: scroll;
}
.app-search .form-control {
  background-color: #1a8d8d !important;
  color: white;
}
.app-search span.search-widget-icon {
  color: #fff !important;
}
.topbar-user {
  background: #008080 !important;
}
.user-name-sub-text {
  color: #fff !important;
}
[data-layout="horizontal"] #page-topbar {
  background: #008080 !important;
  border-bottom: 1px solid #008080 !important;
}
[data-layout="horizontal"] .navbar-menu .navbar-nav .nav-link {
  color: var(--vz-topnav-item-color);
  padding: 14px 14px 14px 14px !important;
  font-size: 15px !important;
}

[data-layout="horizontal"] .navbar-menu .navbar-nav .common {
  color: var(--vz-topnav-item-color);
  /* padding: 14px 25px 14px 25px!important; */
  /* padding: 11px 16px 11px 10px!important;  */
  /* padding: 15px 16px 15px 6px !important; */
  padding: 15px 15px 15px 5px !important;
}

[data-layout="horizontal"] .navbar-menu .navbar-nav {
  margin: auto;
  justify-content: initial;
}
.tabs-menu {
  margin-top: 10px;
}
.pagecontent-tab {
  margin-top: 167px !important;
}
.condition-top-menu {
  z-index: 2 !important;
}
.condirion-tab {
  margin-top: 50px;
}

.weekhighlight {
  background-color: rgb(51, 190, 51) !important;
}
.weekhighlight-active {
  background-color: #a54a4a !important;
}
.login-form1 {
  /* width: 400px; */
  margin: auto;
  position: relative;
  margin: 25px 20px 20px;
}
.temporary-hotel-grop {
  width: 85%;
  float: left;
  padding-right: 15px;
  /* margin: 10px 0px 0px; */
}
.temporary-addmore,
.temporary-addmore:hover {
  background: #4c8f9d;
  color: #fff;
  font-size: 18px;
  padding: 8px 14px;
  border-radius: 3px;
  cursor: pointer;
}
.temporary-add-anthor-section {
  color: #fff;
  margin-top: 6px;
  margin-bottom: 10px;
  margin-right: 11px;
}
.temporary_remove_more,
.temporary_remove_more:hover {
  background: #f55959;
  float: left;
  display: block;
  /* margin-top: 11px; */
  padding: 8px 15px;
  color: #fff;
  border-radius: 5px;
  cursor: pointer;
}
.be-title-select {
  text-align: end;
}
.be-title-inner-section_grop {
  display: flex;
  justify-content: space-between;
}
.be_form_label {
  color: #44aeb2;
}
.btn-ghost-secondary {
  color: #fff !important;
}
.navbar-menu .navbar-nav .nav-sm .nav-link {
  font-family: "hkgrotesk", sans-serif !important;
  /* font-family: "IBM Plex Sans", sans-serif !important; */
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  font-family: "IBM Plex Sans", sans-serif !important;
}
.calling-btn {
  z-index: 0 !important;
}
.calling-select {
  border: none;
  background: transparent;
}
.hotel-search-header {
  width: 100%;
}
.backlink,
.backlink:hover {
  margin-top: 14px;
  font-size: 20px;
  color: white;
}
.css-tr4s17-option {
  background-color: #058c7a !important;
}
.rmsc .select-item input[type="checkbox"]:checked {
  accent-color: #058c7a !important;
}
.rmsc .select-item input[type="checkbox"]:checked:hover {
  accent-color: #058c7a !important;
}
.rmsc .select-item input:checked {
  accent-color: #058c7a !important;
}
.span-img-size {
  margin-left: 5px;
}
.form-check-input:checked {
  background-color: #058c7a !important;
  border-color: #058c7a !important;
}
.navbar-menu .navbar-nav .nav-sm .nav-link {
  font-size: 14px !important;
}
.taxselect .css-13cymwt-control {
  min-height: 35px !important;
}
.taxselect .css-t3ipsp-control,
.taxselect .css-t3ipsp-control:hover {
  min-height: 35px !important;
}
.login-forgot-section p {
  cursor: pointer;
}
.login-verify-section p {
  cursor: pointer;
}
.be-hotel-form-section {
  display: flex;
  justify-content: space-between;
  background: #008080;
  align-items: center;
}
.be_login-section {
  background: transparent;
}
.be_login-section_top {
  text-align: center;
  padding: 10px 10px 5px 0px;
}
.be_login-section_top h6 {
  color: white;
  text-transform: capitalize;
}
.head_username {
  color: white !important;
}
[data-layout="horizontal"] .page_title_new {
  margin: 0px !important;
  float: none !important;
}

.extra-rate-add,
.extra-rate-add:hover {
  background: rgb(51, 190, 51) !important;
  color: #fff !important;
  padding: 1px 6px 2px !important;
  border-radius: 13px !important;
  cursor: pointer !important;
}
.hotelfre_addremove {
  margin-top: 23px !important;
}
.temp-tab {
  overflow: hidden;
  border-bottom: 1px solid #d9d9d9;
  /* margin: 0px 15px; */
}
.temp-tab button {
  background-color: #d8d8d8;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 2px 20px;
  transition: 0.3s;
  font-size: 14px;
  border: 1px solid #efefef;
  margin-right: 1px;
  border-radius: 2px;
  color: #111;
}
.temp-tab button.active {
  background-color: #008080;
  color: #fff;
}
.tabs-link-temp {
  margin-top: 9px !important;
}
.condition_arrow {
  margin-top: 10px;
}
.temp_expand {
  font-size: 17px;
  color: #4c9b0a;
  top: 11px;
  font-weight: 700;
  cursor: pointer;
}
.row_display {
  border-color: white;
}
.main_row {
  border-bottom-color: white;
}
.row_sub {
  border-bottom-color: #e9ebec;
}

.temp_inside_table {
  padding: 0px !important;
}
.temp_hotel_sl {
  width: 100px;
}
.send_email_btn {
  color: white;
  width: 140px;
  height: 25px;
  /* border-color: #addddd; */
  border: none;
  font-weight: bold;
  border-width: 2px;
  background-color: #45aeb2;
  border-radius: 5px;
  font-size: 13px;
  box-shadow: 0px 4px 4px rgb(146 146 146 / 25%);
}
.temp_approve_btn,
.temp_approve_btn:hover {
  color: white;
  border-color: #addddd;
  font-weight: bold;
  border-width: 2px;
  background-color: #45aeb2;
  border-radius: 5px;
  padding: 3px 7px;
  font-size: 13px;
  box-shadow: 0px 4px 4px rgb(146 146 146 / 25%);
}
.temp_hotel_group {
  width: 350px;
}
.temp_hotel_status {
  width: 180px;
}
.view_btn_temp {
  width: 230px;
}
.button_default,
.button_default_add {
  border: none;
}
.button_default_add,
.button_default_add:hover {
  padding: 1px 6px 0px !important;
}
.temp_hotel_approve {
  width: 150px;
}
.temp_hotel_action {
  width: 100px;
}
.temp_hotel_email {
  width: 120px;
}
.temp_approve_page_button {
  display: flex;
  justify-content: space-evenly;
}
.temp_approve_page_button_style {
  background: #008080 !important;
}
.temp_approve_page_button_style1 {
  background: #7c7602 !important;
  border-color: #7c7602 !important;
}
.temp_row {
  background-color: #cfd4d547;
}
@media (max-width: 767px) {
  .displayclass {
    display: initial !important;
  }
  .contentclass {
    display: initial !important;
  }
  .nothingclass {
    display: none !important;
  }
}

.padding_card {
  padding: 20px;
}
.extra_link_padding {
  margin-top: 37px !important;
}
.tax_discount_type_section {
  top: 29px;
}
.remove_more_tax,
.remove_more_tax:hover {
  margin-top: 38px !important;
}
.be-form-tax_add-anthor-section {
  margin-top: 10px;
}
.tab_nav_section_btns_form {
  display: flex;
  justify-content: space-between;
}
.row_expand_hotel {
  /* position: absolute; */
  /* right: 28px; */
  font-size: 12px;
  color: #4c9b0a;
  top: 11px;
  font-weight: 700;
  cursor: pointer;
  margin-left: 7px;
}
.chain_group_size {
  width: 450px;
}
.mar_1 {
  margin-right: 5px;
}
.new_table_style {
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed;
}
.loyalty_submit_confirm {
  padding: 18px 16px;
  background: #d5e9db;
  text-align: center;
}
.loyalty_submit_confirm h4 {
  color: #008080;
  margin-bottom: 15px;
}
.btn_loyal_confirm {
  background: #008080 !important;
  color: white !important;
}
.thankyou-wrapper {
  width: 100%;
  height: auto;
  margin: auto;
  background: #f3f6f9;
  padding: 10px 0px 50px;
}
.thankyou-wrapper h1 {
  font:
    100px Arial,
    Helvetica,
    sans-serif;
  text-align: center;
  color: #333333;
  padding: 0px 10px 10px;
}
.thankyou-wrapper p {
  font:
    26px Arial,
    Helvetica,
    sans-serif;
  text-align: center;
  color: #333333;
  padding: 5px 10px 10px;
}
.booking_engine_view_style {
  margin-top: 150px;
}
.dashboard-main-style_view {
  margin-top: 100px;
  margin-bottom: 50px;
}
.be_form_room_info_label_33 {
  float: left;
  width: 33%;
  padding-right: 15px;
  margin-bottom: 10px;
}
.tax_include_status_display {
  display: flex;
}
.loyalty_field-width {
  width: 40%;
}
.thanks_head {
  display: flex;
  justify-content: center;
  background: #008080;
  align-items: center;
  height: 80px;
}
.thanks_section img {
  width: 200px;
}
.booking_engine_form_notes textarea {
  border-color: red;
  color: red;
  background-color: #f2f6fa !important;
}
.styred {
  color: red !important;
}
.approve_model {
  text-align: center;
}
.approve_modal_footer {
  display: block !important;
  text-align: center;
}
.approve_modal_footer .hstack {
  display: block !important;
  text-align: center;
}
.gropu_ids {
  margin-left: 20px;
}

.addmore_select-label_roomedit {
  float: left;
  width: 107px !important;
  /* margin-right: 35px; */
  margin-bottom: 20px;
}
.roomedit_rows {
  justify-content: start;
}
.room_edit_in {
  width: 60px !important;
  height: 30px;
  text-align: center;
}
.padding_01 {
  padding: 0px !important;
  margin: 0px;
}
.bedtype_roomedit .css-b62m3t-container .css-13cymwt-control,
.bedtype_roomedit .css-b62m3t-container .css-t3ipsp-control {
  height: 25px;
  min-height: 25px;
}

.bedtype_roomedit .css-b62m3t-container .css-1dimb5e-singleValue {
  margin-top: -9px;
}
.bedtype_roomedit .css-1u9des2-indicatorSeparator {
  margin-top: 5px;
  height: 16px;
}
.bedtype_roomedit .css-tj5bde-Svg {
  margin-top: -7px;
}
.bedtype_roomedit .css-qbdosj-Input input {
  margin-top: -5px !important;
}
.row_bord {
  border-bottom-color: #fff;
}
.room_photo_td {
  display: flex;
}
.pa_t {
  border-bottom: white;
}
.pa_b {
  border-top: white;
}
.pa_null {
  border-bottom: white;
  border-top: white;
}
.bedtype_roomedit .css-qbdosj-Input {
  margin-top: -1px;
}
.bedtype_roomedit
  .css-b62m3t-container
  .css-13cymwt-control
  #react-select-12-placeholder {
  margin-top: -8px !important;
}
.th-element {
  flex: 0 0 73px;
  border: 1px solid #e6e0e0;
}
.th-container {
  display: flex;
  flex-wrap: nowrap;
}
.btn-availability-arrow {
  width: 37.5px !important;
}

/* cancellation policy */
.cancelation-policy-head {
  margin: 0px 0px 5px !important;
}
.cancelation-policy-title {
  background: #008080;
  /* display: flex; */
  color: #fff;
  float: left;
}
.cancelation-policy-details {
  color: #fff;
  float: left;
  position: relative;
  padding-top: 15px;
}
.cancelation-policy-field {
  padding: 8px;
  float: left;
  font-size: 13px;
}
.cancelation-policy-list {
  margin: 0px 0px 5px !important;
  box-shadow: 0px 0px 0px 2px rgb(173 173 173 / 15%) !important;
}
.cp-text {
  color: #111;
}
.cp-mp {
  display: flex;
  padding: 10px 0px;
}
.cp-mp input {
  margin-left: 10px;
}
.cp-10p {
  width: 10%;
}
.cp-item-actions {
  position: absolute;
  right: 0px;
  top: 0px;
}
.cp-delete-icon {
  background: #f1f1f1;
  padding: 0px 5px 5px !important;
  float: right;
  margin-right: 10px;
}
.cp-save-icon {
  background: #daefef;
  padding: 0px 5px 5px;
  float: left;
}
.mt-20{
  margin-top: 20px !important;
}
.cancelation-policy-field .info-tag {
  color: #44aeb2;
  background: #9ce8ea;
}

/*  */
.policy-list {
  display: flex;
  background: #fff;
}
.policy-id-list {
  white-space: nowrap;
  margin: auto;
  color: #fff;
}
.policy-list-item {
  margin: auto;
  padding: 10px;
}
.policy-list-content {
  padding: 10px;
  background: #fff;
}
.policy-list-box {
  padding: 10px;
}
.policy-list-lang {
  padding: 10px;
  width: 100px;
}
.policy-list-id {
  padding: 10px;
  width: 100px;
}
.policy-list-id .offer-step-textfield {
  width: 75px;
  text-align: center;
}
.cp-margin-auto {
  margin: auto;
}
.policy-list-head {
  background: #008080;
  display: flex;
  color: #fff;
}
.policy-list-text {
  padding: 10px;
  margin-left: 10px;
}
.cp-delete-icon {
  padding: 5px 7px 7px;
  background: #f1f1f1;
}
.nodatafoundclass {
  text-align: center;
}
.nodatafoundclass img {
  width: 100px;
}

.policy-list-default {
  display: flex;
  background: #008080;
}
.policy-id-list {
  white-space: nowrap;
  margin: auto;
  color: #fff;
}
.policy-list-item {
  margin: auto;
  padding: 10px;
}
.policy-list-content {
  padding: 10px;
  background: #fff;
}
.policy-list-disable {
  background: #a9a2a2;
}
.policy-disable-content {
  background: #fefefe;
  padding: 10px;
}
.policy-list-default_code {
  margin-left: 3px;
}

.cancel_modify {
  margin-top: 10px !important;
  color: white !important;
  background: teal !important;
  width: 70px !important;
  padding: 5px !important;
  border-radius: 5px !important;
}
.cancel_modify_section {
  display: flex;
  justify-content: center;
}
.feature-info {
  color: #008080;
  font-weight: 600;
}
.featured-info-section {
  display: flex;
  margin-top: 5px;
  padding: 0px 29px;
}
.feature-info:hover {
  color: #008080;
  font-weight: 600;
}
.modal-content-new1 {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 900px;
  color: var(--vz-modal-color);
  pointer-events: auto;
  background-color: var(--vz-modal-bg);
  background-clip: padding-box;
  border: var(--vz-modal-border-width) solid var(--vz-modal-border-color);
  border-radius: var(--vz-modal-border-radius);
  outline: 0;
  /* height: 435px; */
  top: 0px;
  right: 45%;
}
.offer-restr-textfield_cancel {
  float: left !important;
  display: inline !important;
  padding: 2px 5px !important;
  width: 60px !important;
  font-size: 13px !important;
  text-align: center;
}
.offer-restr-textfield_cancel_select {
  float: left !important;
  display: inline !important;
  padding: 2px 5px !important;
  /* width: 77px!important; */
  font-size: 13px !important;
}
.offer-restr-textfield_select {
  float: left !important;
  display: inline !important;
  padding: 2px 5px !important;
  width: 100px !important;
  font-size: 13px !important;
}
.offer-restr-textfield_select_re {
  /* padding: 2px 45px 2px 5px!important; */
  height: 29px;
}
.open-close-check {
  border: none !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e") !important;
}
.condition-status-check .form-check-input-new-1:checked {
  background-color: #008080 !important;
  border-color: #008080 !important;
}
.offer-create-select {
  padding: 2px 45px 2px 5px !important;
  font-size: 13px !important;
}
.offer-create-select1 {
  padding: 2px 28px 2px 5px !important;
  font-size: 13px !important;
}
.offer-restr-textfield_select_multi .dropdown-container {
  /* padding: 2px 45px 2px 5px!important; */
  height: 29px;
}
.offer-restr-textfield_select_re div div div {
  margin-top: -7px;
}
.offer-restr-textfield_select_re .css-1u9des2-indicatorSeparator {
  height: 20px;
  margin-top: 4px;
}
.offer-restr-textfield_select_re .css-1xc3v61-indicatorContainer {
  margin-top: -7px;
}
.offer-restr-textfield_select_multi .dropdown-heading {
  margin-top: -5px;
  color: black;
}
.offer-restr-textfield_select_multi
  .dropdown-heading
  .clear-selected-button
  svg {
  width: 20px !important;
  height: 20px !important;
}
.offer-restr-textfield_select_multi
  .dropdown-heading
  .clear-selected-button
  svg
  line {
  x1: 15;
  y1: 5;
  x2: 5;
  y2: 15;
}
.offer-restr-textfield_select_multi .dropdown-content .panel-content ul li {
  color: #686363;
}
.get_cancel {
  background: teal;
  color: white;
  /* box-shadow: 1px 0px 0px black; */
  box-shadow: 0px 0px 1px 1px #efe1e1;
  border: transparent;
}
.extrarate-room-link_1 {
  float: right;
  margin-top: 10px;
  margin-right: 20px;
  margin-bottom: 10px;
}
.stickyclass {
  position: sticky;
  left: 0;
  background-color: #f9f9f9;
  z-index: 1;
  background-color: #ffffff !important;
  width: 250px !important;
  min-width: 250px !important;
}
.multi_select_op .dropdown-content {
  z-index: 999 !important;
}
.span_separate {
  border-bottom: #000000;
}
.policy_contract_name {
  white-space: break-spaces !important;
}
.pl-20 {
  padding-left: 20px;
  border-right: 1px solid #d2d2d2;
}
.popup_input {
  text-align: center;
}
.save_btn {
  background-color: #058c7a !important;
  color: white !important;
}
.flatpickr-current-month span.arrowDown:after {
  border-top-color: white !important;
}
.flatpickr-current-month span.arrowUp::after {
  border-bottom-color: white !important;
}
.numInputWrapper span {
  opacity: 1 !important;
}
.flatpickr-months {
  background-color: #008080 !important;
}
.flatpickr-weekdays {
  background-color: #008080 !important;
}
span.flatpickr-weekday {
  background: #008080 !important;
}
.flatpickr-calendar.arrowTop::before {
  border-bottom-color: #008080 !important;
}
.flatpickr-calendar.arrowTop::after {
  border-bottom-color: #008080 !important;
}
.ml_1 {
  margin-left: 5px;
}
.room-condition-cat-list li {
  cursor: pointer;
}
.rmsc .select-item {
  padding: 5px 9px !important;
}
.dropdown-content {
  z-index: 999 !important;
}
.openclose_rooms {
  float: left;
  margin-left: 15px;
}
.openclose_rooms_icon {
  float: right;
  margin-left: 15px;
}

.stickyclass_11 {
  position: sticky;
  width: fit-content;
  position: sticky;
  left: 0;
  background-color: #f9f9f9;
  z-index: 1;
  min-width: fit-content !important;
}
.select_feature div div div {
  text-align: initial;
}

/* Change the background color when checked */

.common,
.common span {
  text-transform: capitalize;
}
.policy_content_type {
  display: flex;
  justify-content: center;
  align-items: center;
}
.policy_content_type p {
  /* background: #4fd19f; */
  padding: 3px 5px;
  color: white;
  border-radius: 5px;
  margin-bottom: 0px;
}
.cancel_policy_update_field {
  color: black;
}
.policy_content_type_1 {
  display: flex;
  justify-content: initial;
  align-items: center;
  padding-left: 0px;
}
.policy_content_type_1 p {
  /* background: #4fd19f; */
  padding: 3px 5px;
  color: white;
  border-radius: 5px;
  margin-bottom: 0px;
}
.policy-list-content_msg {
  margin-bottom: 0px;
}
.policy_content_type_1_update {
  display: flex;
  justify-content: end;
  align-items: center;
  padding-left: 0px;
}
.cancel_policy_update_field {
  padding: 3px 5px;
  color: white;
  background-color: #789ec1;
  /* border-radius: 5px; */
  margin-bottom: 2px;
}
.b_b_1 {
  border-bottom: 2px solid #56ab9e;
}
.ch_ {
  background-color: #aaeea7 !important;
}
.ch_12 {
  background-color: #f2ef9d !important;
}
.mt_2 {
  margin-top: 2px;
}
.policy_dec_td {
  text-align: initial;
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
  background: #008080 !important;
  box-shadow: none;
  color: #fff;
  border-color: #008080 !important;
}
.flatpickr-day.today {
  border-color: #008080 !important;
  background-color: rgba(64, 81, 137, 0.1);
  box-shadow: none;
}
.modal-content-new_legend {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 900px;
  color: var(--vz-modal-color);
  pointer-events: auto;
  background-color: var(--vz-modal-bg);
  background-clip: padding-box;
  border: var(--vz-modal-border-width) solid var(--vz-modal-border-color);
  border-radius: var(--vz-modal-border-radius);
  outline: 0;
  height: 450px;
  top: 0px;
  right: 45%;
  overflow: scroll;
}
.modal-content-new_legend .offer-policy-table th {
  border: 1px solid #c5c1c1;
  font-size: 12px;
  padding: 5px !important;
  font-weight: 500 !important;
  background: #eae4e4 !important;
}

.react-calendar__tile--now {
  background: #c9e6b9 !important;
}
.rmdp-container input {
  display: none;
}
.rmdp-container div {
  visibility: visible !important;
  transform: translate(0px, 34.9931px);
}
.legend_policy_identifier {
  padding: 5px 3px !important;
  margin: 0px 5px;
}

.offer_flat {
  display: none;
}
.offer-condition-calendar .flatpickr-months {
  background-color: white !important;
}
.offer-condition-calendar .flatpickr-months .flatpickr-prev-month,
.offer-condition-calendar .flatpickr-months .flatpickr-next-month {
  color: rgba(12, 11, 11, 0.9);
  fill: rgba(12, 11, 11, 0.9);
}
.offer-condition-calendar
  .flatpickr-current-month
  .flatpickr-monthDropdown-months {
  color: #008080;
}
.offer-condition-calendar .flatpickr-current-month .numInputWrapper {
  color: #008080;
}
.offer-condition-calendar .flatpickr-current-month span.arrowDown:after {
  border-top-color: #008080 !important;
}
.offer-condition-calendar .flatpickr-current-month span.arrowUp::after {
  border-bottom-color: #008080 !important;
}
.offer-condition-calendar .flatpickr-calendar {
  border: 1px solid #d2d2d2;
  box-shadow: 0px 0px 8px 0px #d2d2d2;
}
.offer-condition-calendar .flatpickr-weekdays {
  background-color: white !important;
}
.offer-condition-calendar span.flatpickr-weekday {
  color: black;
}
.offer-condition-calendar span.flatpickr-weekday {
  background: white !important;
}
.offer_checkbox1 {
  border: none !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e") !important;
}
.offer-condition-calendar .flatpickr-day {
  height: 37px !important;
  max-width: 41px !important;
  margin-bottom: 2px;
}
.offer-condition-calendar .flatpickr-current-month .numInputWrapper .arrowUp,
.offer-condition-calendar .flatpickr-current-month .numInputWrapper .arrowDown {
  right: -3px;
}
.offer4_pl {
  padding: 2px 7px !important;
  margin-left: 4px;
}
.offer4_policy_dec_td {
  padding-left: 3px !important;
}
.box_style_1 {
  margin-top: 0px;
  height: 25px;
  font: -webkit-control !important;
}
/* .offer-create-select option {
padding: 5px 10px;
font-size: 14px;
} */
.text_center_ctyle {
  text-align: center;
}
.offer-restr-textfield_1 {
  float: left;
  display: inline;
  padding: 2px 5px;
  width: 50px !important;
  font-size: 13px;
  height: 26px;
}
.offer_freeningt_join_1 {
  font-size: 14px !important;
  float: left;
  padding-right: 10px;
  margin-left: -8px;
}
.offer_country_more {
  margin-left: 10px;
  color: green;
  border: none;
  background: transparent;
  margin-bottom: 10px;
}
.extrarate_close_d {
  display: inline-flex;
  margin-bottom: 17px;
}
.extrarate_remove_more {
  margin-left: 10px !important;
  padding: 3px 8px;
  background: #ff7979;
  color: #fff;
  border-radius: 19px;
  font-size: 10px;
  margin-top: 9px;
  float: left;
  cursor: pointer;
  margin-bottom: 5px;
}
.new_inp_type_last {
  margin-left: 25px !important;
  width: 450px;
  height: 35px;
  border: 1px solid var(--vz-input-border);
  border-radius: 4px;
}
.offer_step5_dis_in {
  display: inline-flex;
  width: 100%;
}
.mt_off {
  margin-top: 15px;
}
.offer-common-discount-selection_1 input {
  /* padding: 2px 5px; */
  font-size: 13px;
}
.offer-common-discount-selection_1 {
  position: relative;
  float: left;
  padding-left: 10px;
}
.offer_head {
  color: green;
  text-transform: capitalize;
}
.offer_head:hover {
  color: rgb(128 199 236);
}
.price-top-section_popup {
  float: right;
  /* width: 350px;
    margin-right:7%; */
}
.offer_name {
  text-transform: capitalize;
}
.offer_head_span {
  display: block;
  font-size: 12px;
  color: #008080;
}
.offer-step-list.active .offer_head_span {
  color: #fff;
}
.offer_room_wise {
  display: flex;
  margin: 10px 26px;
}
.offer_room_wise select {
  width: 95px !important;
  height: 25px;
  /* margin-left: 4px; */
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
.offer_room_wise_base {
  background: #008080;
  color: white;
  padding: 2px 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.offer_room_wise_per_person {
  margin-left: 32px;
}
.room-default-expand_offer {
  cursor: pointer;
  float: left;
  padding-top: 4px;
  margin-left: 25px;
}
.room-price-expanded_offer {
  font-size: 22px;
  position: absolute;
  left: 4px;
  top: 0px;
  color: #111;
  cursor: pointer;
}
.price_show_select_offer {
  list-style: none;
  padding: 4px 5px;
  display: inline;
  float: left;
  margin: 0px 10px !important;
  border: 1px solid #d2d2d2;
  border-radius: 3px;
}
.price_show_select_offer li {
  padding: 2px 5px;
  color: #111;
  float: left;
  font-size: 11px;
  font-weight: 400;
  cursor: pointer;
}
.price_show_select_offer li.active {
  background: #008080;
  color: #fff;
}

.offer_room_names {
  display: inline-block;
  position: relative;
  margin-bottom: 10px;
  width: 100%;
}
.default_price_show_offer {
  padding-top: 4px;
}
.offer-same-price-td {
  padding-left: 24px !important;
}
.offer-same-price-td_12 {
  padding-left: 24px !important;
  width: 112px;
}
.offer-same-price-td_1 {
  display: inline;
}
.offer-general-rate-currency {
  margin-left: 7px;
}
.offer-same-price-td_34 {
  padding-left: 24px !important;
  width: 200px;
}
.t_styles {
  display: inline-block;
  margin-top: 18px;
}

.offer-list_new_1 {
  float: left;
  padding: 5px 8px;
  font-size: 16px;
  font-weight: 400;
  cursor: pointer;
  position: relative;
  width: 111px;
  border-right: 1px solid #d2d2d2;
  height: 85px;
}

.offer-list_new_1.active {
  /* background: #008080; */
  color: #008080;
  border-right-color: #008080;
}

.offer-list_new_1::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -6px; /* Adjust the position of the circle */
  transform: translateY(-50%);
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #d2d2d2;
}

.offer-list_new_1.active::after {
  background-color: #008080; /* Circle color when active */
}
.photo_offer_pen {
  position: relative;
  text-align: justify;
  margin-bottom: 15px;
  /* bottom: -17%; */
  /* left: 1%; */
}
/* .photo_offer_input {
  position: absolute;
  top: 0;
  left: 0%;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
  font-size: 300px;
  height: 24px;
  width: 100px;
  margin-left: 1px;

} */

.photo_offer_input {
  position: absolute;
  top: 4px;
  left: 2%;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
  font-size: 300px;
  height: 23px;
  width: 102px;
  margin-left: 1px;
}

.photo_offer {
  /* position: relative; */
}
.pdf_offer input {
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
  font-size: 300px;
  height: 24px;
  width: 88px;
  margin-left: 0px;
}
.pdf_offer button {
  background: none;
  border: 1px solid #706e6e;
  box-shadow: 0px 0px 3px 0px #b2abab;
}
.photo_offer_pen_upload {
  background: none;
  border: 1px solid #706e6e;
  box-shadow: 0px 0px 3px 0px #b2abab;
}
.pdf_offer {
  position: relative;
}

.photo_offer_pen_choose {
  background: none;
  /* border: 1px solid #706e6e; */
  border: none;

  /* box-shadow: 0px 0px 3px 0px #b2abab; */
  margin-left: 10px;
}
.info_tag_offer {
  background: #1b1a1a !important;
  margin-right: 4px;
}
.info_tag_offer_1 {
  background: #1b1a1a !important;
  margin-right: 4px;
  left: 3px !important;
  /* bottom:5px!important; */
}
.input_offer_length {
  width: 70px !important;
}
.offer_next_add {
  padding-bottom: 5px;
  float: left;
  clear: both;
  height: 40px;
  position: relative;
}
.select_box {
  width: 70px !important;
  padding: 0px 5px 1px 12px !important;
}
.offer-create-list_rate {
  list-style: none;
  display: inline-block;
  padding: 0px !important;
  margin: 0px !important;
  border-bottom: 1px solid #d2d2d2;
  width: 100%;
  background: #fff;
}
.offer-step-list_rate.active {
  background: #008080;
  color: #fff;
}
.offer-create-list_rate li {
  /* border:1px solid #d2d2d2; */
}
.form-select-2 {
  display: block;
  width: 110px;
  height: 26px !important;
  float: left;
  padding: 0px 10px;
  -moz-padding-start: calc(0.9rem - 3px);
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--vz-body-color);
  background-color: var(--vz-input-bg);
  background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3e%3cpath fill=%27none%27 stroke=%27%23343a40%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M2 5l6 6 6-6%27/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.9rem center;
  background-size: 16px 12px;
  border: 1px solid var(--vz-input-border);
  border-radius: 0.25rem;
  transition:
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
  appearance: none;
}
.form-select-3 {
  float: left;
  display: block;
  width: 90px;
  height: 26px !important;
  padding: 0px 10px;
  -moz-padding-start: calc(0.9rem - 3px);
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--vz-body-color);
  background-color: var(--vz-input-bg);
  background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3e%3cpath fill=%27none%27 stroke=%27%23343a40%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M2 5l6 6 6-6%27/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.9rem center;
  background-size: 16px 12px;
  border: 1px solid var(--vz-input-border);
  border-radius: 0.25rem;
  transition:
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
  appearance: none;
}
.offer_week_from {
  float: left;
  margin: 0px 5px;
}
.offer_freeningt_join_off {
  font-size: 14px !important;
  float: left;
  padding-right: 3px;
}
.offer_freeningt_join_12 {
  font-size: 14px !important;
  float: left;
  padding-right: 3px;
  margin-left: -8px;
}
.offer_common_discount_select select {
  padding: 2px 30px 2px 10px !important;
}
.room_id_colors {
  color: #008080;
}
.text_cap {
  text-transform: capitalize;
}
.c_in_c {
  width: 55px;
}
.offer_3_per {
  display: flex;
  position: relative;
  flex-wrap: wrap;
  align-items: stretch;
}
.offer-step-label_1 {
  font-size: 13px;
  float: left;
  padding: 0px 4px !important;
  margin-bottom: 0px !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  margin-top: 17px;
}
.offer-step-input_1 {
  width: 70px !important;
  margin-top: 17px !important;
  height: 30px !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.flat_range {
  width: 220px !important;
}
.pdf_img_style {
  margin-top: 10px !important;
  margin-left: 5px !important;
}
.pdf_img_style_img {
  margin-top: 10px !important;
  margin-left: 12px !important;
  color: #007e7e;
}
.extrarate-room-link_new {
  margin-top: 10px;
  margin-left: 7px;
}
.select_lang_dummy {
  width: 130px;
  height: 35px;
  margin-left: 30px;
  border: 1px solid var(--vz-input-border);
  /* border-radius: 4px; */
  text-align: center;
  background-color: #9fdfed;
}
.new_inp_type_padding {
  padding: 0px 5px;
}
.offer_country_multi {
  width: 64%;
}

.country_dis {
  height: 30px;
  max-width: 115px;
  min-width: 115px;
  overflow: hidden;
  /* overflow-x: scroll;
  overflow-y: hidden; */
}
.country_all_data {
  padding-right: 11px;
  padding-top: 11px;
  float: left;
}

.country_all_data .input-group-text {
  padding: 6px;
}
.offer-condition-calendar .flatpickr-day.selected,
.offer-condition-calendar .flatpickr-day.startRange,
.offer-condition-calendar .flatpickr-day.endRange,
.offer-condition-calendar .flatpickr-day.selected.inRange,
.offer-condition-calendar .flatpickr-day.startRange.inRange,
.offer-condition-calendar .flatpickr-day.endRange.inRange,
.offer-condition-calendar .flatpickr-day.selected:focus,
.offer-condition-calendar .flatpickr-day.startRange:focus,
.offer-condition-calendar .flatpickr-day.endRange:focus,
.offer-condition-calendar .flatpickr-day.selected:hover,
.offer-condition-calendar .flatpickr-day.startRange:hover,
.offer-condition-calendar .flatpickr-day.endRange:hover,
.offer-condition-calendar .flatpickr-day.selected.prevMonthDay,
.offer-condition-calendar .flatpickr-day.startRange.prevMonthDay,
.offer-condition-calendar .flatpickr-day.endRange.prevMonthDay,
.offer-condition-calendar .flatpickr-day.selected.nextMonthDay,
.offer-condition-calendar .flatpickr-day.startRange.nextMonthDay,
.offer-condition-calendar .flatpickr-day.endRange.nextMonthDay {
  background: #33be33 !important;
  box-shadow: none;
  color: #fff;
  border-color: #33be33 !important;
}
.offer-condition-calendar .flatpickr-day.today {
  border-color: #33be33 !important;
  background-color: rgba(64, 81, 137, 0.1);
}
.offer_one_night {
  height: 23px !important;
  margin-top: 8px !important;
  width: 81px !important;
}
.country_dis::-webkit-scrollbar {
  width: 3px;
  height: 2px;
}

.country_dis::-webkit-scrollbar-track {
  background-color: #f1f1f1;
}

.country_dis::-webkit-scrollbar-thumb {
  background-color: rgb(195, 193, 193);
  border-radius: 6px;
}
.input_inclusion {
  margin-left: 30px;
  width: 400px !important;
}
.input_inclusion_select {
  width: 200px;
  height: 37px;
}
.offer_image_list_ur {
  height: 350px;
  overflow-y: scroll;
}
/* .form-translation-style_offer {
  float: left;
  width: 100%;
  /* border-bottom: 1px solid #ced4da; */
/* margin-bottom: 5px;
  position: relative;
} */
/* .form-translation-style_offer li {
  display: inline;
  float: left;
  margin-right: 15px;
  background: #e0d9d9;
  color: #111;
  padding: 2px 18px;
  border-radius: 5px 5px 0px 0px;
  cursor: pointer;
}
.form-translation-style_offer li.active {
  background: #0b5d30;
  color: #fff;
} */
.price_show_select li.active button {
  color: #fff;
}

.price_show_select_offer {
  list-style: none;
  padding: 4px 5px;
  display: inline;
  float: left;
  margin: 0px 10px !important;
  border: 1px solid #d2d2d2;
  border-radius: 3px;
  position: relative;
}
.price_show_select_offer li {
  padding: 2px 5px;
  color: #111;
  float: left;
  font-size: 11px;
  font-weight: 400;
  cursor: pointer;
}
.price_show_select_offer li.active {
  background: #008080;
  color: #fff;
}
.price_show_select_offer li.active button {
  color: #fff;
}
.offer_pdf_show svg {
  font-size: 41px;
  color: teal;
  margin-top: 6px;
}
.input_offer_meal {
  width: 52% !important;
  margin-top: 3px;
}
.offer_country_multi_1 .dropdown-container {
  height: 29px;
}

.offer_country_multi_1 {
  height: 29px;
  width: 50%;
}
.offer_extra_meal_label {
  height: 29px;
}
.offer_country_multi_1 .dropdown-heading {
  height: 29px !important;
}
.input_offer_meal_1 {
  width: 52% !important;
}
.input_loyal_club {
  width: 400px !important;
}
.input_loyal_club label {
  /* color:white; */
}
.input_loyal_club_btn {
  background: teal;
  color: white;
  border: none;
  box-shadow: 0px 0px 1px 0px black;
  padding: 5px 11px;
}
.offer_country_multi_12 {
  width: 185px;
}
.offer_other_lang_unl {
  border-bottom: 1px dotted #ced4da;
  margin-left: 30px;
}
.loyal_deduction {
  background-color: #ffff;
  height: 250px;
  padding: 26px 7px;
}
.loyal_deduction_input {
  width: 90px;
  border: 1px solid var(--vz-input-border);
  text-align: center;
}
.loyal_deduction_btn {
  color: white;
  width: 150px;
  border-color: #008080;
  font-weight: bold;
  border-width: 1px;
  background-color: #008080;
  height: 44px;
  margin-left: 20px;
}
.input_loyal_deduction_con {
  margin-left: 20px;
  display: flex;
  width: 264px !important;
  height: 44px;
  /* width: 310px !important; */
}
.loyal_deduction_country {
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}
.black-card-new-style {
  width: 300px;
  border: 1px solid var(--vz-input-border);
  border-radius: 4px;
  text-align: center;
  height: 40px;
}
.blackcrad_portion {
  position: relative !important;
}
.blackcard_card {
  position: absolute;
  top: 4px;
  right: 5px;
  font-size: 19px;
}
.blackcard_input_grp {
  width: auto !important;
  margin: 0px 15px;
}
.country_dis {
  position: relative;
}
/* .country_dis::after {
  content: attr(title);
  position: absolute;
  background-color: #333;
  color: #fff;
  padding: 5px;
  border-radius: 3px;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
} */

.country_dis:hover::after {
  opacity: 1;
  visibility: visible;
}
.offer_country_span_sec {
  width: 112px;
}
.offer_list_img {
  width: 50px !important;
  height: 50px !important;
}
.confidential-icon_1 {
  position: absolute;
  bottom: 0px;
  right: -13px;
}
.confidential-icon_1 img {
  background: #ff7a7a;
  padding: 5px;
  border-radius: 15px;
}

/* sonia made changes */

.price_show_select_loyal {
  list-style: none;
  padding: 4px 5px;
  display: inline;
  float: left;
  margin: 0px 10px !important;
  border: 1px solid #d2d2d2;
  border-radius: 3px;
  position: relative;
}
.price_show_select_loyal li {
  padding: 2px 5px;
  color: #111;
  float: left;
  font-size: 11px;
  font-weight: 400;
  cursor: pointer;
}
.price_show_select_loyal li.active {
  background: #008080;
  color: #fff;
}
.price_show_select_loyal li.active button {
  color: #fff;
}
.input_loyal_deduction_con_1 {
  margin-left: 20px;
  display: flex;
  width: 215px !important;
  height: 44px;
}
.pdf_img_style_img_loyal {
  margin-top: 0px !important;
  margin-left: 12px !important;
  color: #007e7e;
}
.padding_45 {
  padding-top: 30px;
}
.loyalty_import_btn {
  background: #8c8c07 !important;
  border-color: #8c8c07 !important;
  margin-left: 7px !important;
  color: white !important;
  padding: 0px 12px !important;
}
.db-save-button_crete,
.db-save-button_crete:hover {
  border: 1px solid #45aeb2 !important;
  padding: 8px 30px !important;
  background: #008080 !important;
  color: #fff !important;
  margin-left: 7px !important;
}
.input_loyal_deduction_con_2 {
  /* margin-left: 20px; */
  display: flex;
  width: 245px !important;
  height: 44px;
}
.loyal_deduction_input::placeholder {
  text-align: center !important;
}
.be_form_loyalty_label_full_new {
  float: left;
  width: 65%;
  padding-right: 15px;
  margin-bottom: 10px;
}
.temp_room_basic_status {
  font-size: 15px;
  font-weight: 500;
  color: #12888e;
}

.eng-block {
  display: inline-flex !important;
}
.lang-block-local {
  margin-left: -63px !important;
}
.lang-width-offer {
  width: 250px !important;
}
.choose-lang-wid {
  width: 374px !important;
}
.choose-lang-step {
  width: 96px !important;
}
.form-select-media {
  width: 110px !important;
  /* margin-top: 5px !important; */
}
.select-2-medi {
  /* margin-top: 5px !important; */
  margin-top: 0px !important;

}
.weekend-box {
  width: 150px !important;
}

/* sonia made changes */

/* multi select changes */
.choose_hotel {
  width: 350px;
}
.choose_hotel .dropdown-container {
  background-color: #1a8d8d !important;
  border: none !important;
}

.choose_hotel .gray {
  color: #fff !important;
}
.choose_hotel .dropdown-heading .dropdown-heading-value span {
  color: #ffff !important;
}
.one,
.two,
.three {
  color: blue !important;
}
.hk_service_all_hotel {
  font-size: 15px;
  font-weight: 500;
  margin: 7px 0px;
}
.hotel_service_display {
  display: flex;
  justify-content: space-between;
}
.rooms_list_hname {
  margin: 18px 0px;
  font-size: 15px;
  font-weight: 500;
}
.rooms_list_hname_des {
  margin: 18px 16px;
  font-size: 15px;
  font-weight: 500;
}
.card-header_top {
  padding: var(--vz-card-cap-padding-y) var(--vz-card-cap-padding-x);
  margin-bottom: 0;
  color: var(--vz-card-cap-color);
  background-color: var(--vz-card-cap-bg);
}
.hotel_name_radio {
  display: flex;
}
.hotel_name_radio input {
  margin-right: 10px;
}
.offer-list-top {
  display: flex;
  justify-content: space-between;
  align-items: end;
}
.expand_cancel {
  display: flex;
  align-items: center;
}
.expand_cancel svg {
  color: green;
}
.expand_cancel a {
  background: transparent;
}
.policy-list-type {
  width: 120px;
}
.contact_list_type {
  text-align: center;
  font-size: 12px;
  margin-bottom: 0px;
}
.cancel_updwn_btn {
  background: transparent;
  border: none;
}
.hotel_service_display_12 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.hotel_list_arrowupdn {
  margin-left: 10px;
  box-shadow: 0px 0px 1px 1px #dbdbdb;
  height: 27px;
  margin-top: 7px;
  background: #a4e785;
  border: none;
}
.hotel_single_list {
  background: white;
  padding: 8px 0px;
  border-bottom: 4px solid #e6e4e4;
}
.offer-lists {
  box-shadow: 0px 0px 5px 1px rgba(56, 65, 74, 0.15) !important;
}
.marg_ins {
  margin: 11px 0px 0px 0px;
}
.hotel_service_display_14 {
  display: flex;
}
.hotel_service_display_14_radio {
  margin-right: 10px;
}
.td_btm_line {
  border-bottom: none;
}
.span_add_page_sub {
  padding-right: 11%;
  bottom: 43px;
  display: flex;
  justify-content: end;
  align-items: center;
  margin: -12px 3px 0px 4px;
}
.offer-create-fixed-section_board_status {
  display: flex;
}
.fixed_discount_show_status {
  margin-left: 10px;
}
.fixed_discount_show_status label {
  margin-left: 3px;
}
.fixed-price-table-weekly-basis-d-none {
  display: none;
}
.db-photosList {
  width: 370px;
}
.db-photos-list_td {
  display: block;
}
.rate_col_clr {
  color: #d21616;
}
.thanks_section_img {
  margin-top: 50px;
  text-align: center;
}
.thanks_section_img img {
  height: 112px;
  width: 101px;
}
.phone_div {
  color: #008080;
  font-size: 14px;
}
.reserve2_icon {
  margin-left: 10px;
  height: 12px;
}
.db-other-button:hover {
}
.be_form_room_info_label_15 {
  float: left;
  width: 15%;
  padding-right: 15px;
  margin-bottom: 10px;
}
.rate_extra_bed_list {
  margin-top: 10px;
  background: #17b5d7 !important;
  width: 225px;
  padding: 6px 8px;
  border-radius: 5px;
  color: #fffbfb;
  cursor: pointer;
}
.bed_rate_list_content {
  height: 300px;
  overflow: scroll;
}
.new_modal_12 .modal-content {
  width: 815px !important;
  height: 500px;
  overflow: scroll;
}
.new_modal_12 {
  width: 815px !important;
  max-width: 815px !important;
}
.price-sec-room-title_extra {
  position: relative;
  /* padding-left: 30px; */
  padding-top: 3px;
  color: #45aeb3;
  padding-bottom: 0px;
  color: #008080 !important;
  text-align: justify;
}
.extrabed_list_cls {
  border-right: 1px solid #e9ebec !important;
}
.extrabed_list_cls_12 {
  border-right: 1px solid #e9ebec !important;
  border-left: 1px solid #e9ebec !important;
  background-color: aliceblue;
}
.dashboard_select {
  width: 300px !important;
  margin: 10px 0px;
  margin-left: -10px;
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}
.input-group-tex {
  padding: 0.57rem 0.9rem !important;
  background: #edf2f2 !important;
  display: flex;
  align-items: center;
  padding: 0.5rem 0.9rem;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--vz-body-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--vz-input-group-addon-bg);
  border: 1px solid var(--vz-input-border);
  border-radius: 0.25rem;
  margin-bottom: 0px;
}
.dashboard_select_full {
  display: flex;
  align-items: center;
}
.dashboard-top-tab-style_new {
  align-items: baseline;
}

/* DR suite */
/* node */ /* node */ /* node */ /* node */ /* node */ /* node */ /* node */
/* node */ /* node */ /* node */ /* node */ /* node */
.btn.db-save-button {
  background: rgb(0, 128, 128);
  color: white;
  padding: 8px 16px;
  border-radius: 4px;
  border: none;
  cursor: pointer;
  transition: background 0.2s ease;
}

.btn.db-save-button:hover {
  background: rgb(0, 110, 110);
}

.ribbon_W-container {
  margin-bottom: 12px;
  position: relative;
  height: 60px;
  transition: all 0.3s ease;
}

.ribbon_W {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));
}

.number-section {
  width: 80px;
  height: 100%;
  position: relative;
}

.number-content {
  position: absolute;
  top: -5px;
  left: -18px;
  width: 100%;
  height: 115%;
  background: #ffffff;
  border-radius: 0px 61px 62px 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #9e9e9e;
  font-weight: bold;
  font-size: 20px;
  box-shadow:
    inset -46px 0 16px rgb(255 250 250 / 15%),
    inset -17px 0 15px rgba(0, 0, 0, 0.2),
    inset 0 0 0 rgba(0, 0, 0, 0);
}

.content-section-nw {
  flex: 1;
  margin-left: -1px;
  position: relative;
  z-index: 1;
}

.content-wrapper_W {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: white;
  border-radius: 40px 0px 0px 42px;
}

.content-inner_W {
  position: absolute;
  top: -6px;
  left: -3px;
  right: 1px;
  bottom: -5px;
  background: #ff7f50;
  border-radius: 73px 0px 0px 51px;
  display: flex;
  align-items: center;
  padding-left: 40px;
  color: #054b45;
  font-weight: 500;
  font-size: 20px;
}

.action-buttons {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  gap: 8px;
  opacity: 0;
  transition: opacity 0.2s ease;
}

.action-button {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  padding: 4px;
  cursor: pointer;
  transition: background 0.2s ease;
  border: solid 1px #ffffff00;
}

.action-button:hover {
  background: rgba(255, 255, 255, 0.3);
}

.ribbon_W-container:hover .action-buttons {
  opacity: 1;
}

.twisted-edge {
  position: absolute;
  width: 20px;
  height: 20px;
  background: #dfdfdf;
  right: -6px;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  z-index: 1;
}

.white-edge {
  position: absolute;
  width: 25px;
  height: 22px;
  background: #ff7f50;
  right: -33px;
  top: 63%;
  transform: translateY(-54%) rotate(41deg);
  z-index: 5;
}

.ma_top_W {
  margin-top: 12% !important;
}
.ma_bottom_W {
  margin-bottom: 4%;
}
.ma_padding_W {
  padding: 15px;
}
/* .ma_left_W {
  margin-left: 2% !important;
} */

.ribbon_W-container:nth-child(2n) .content-inner_W,
.ribbon_W-container:nth-child(2n) .white-edge {
  background: #4f5b66;
}

.ribbon_W-container:nth-child(3n) .content-inner_W,
.ribbon_W-container:nth-child(3n) .white-edge {
  background: #48d1cc;
}

.ribbon_W-container:nth-child(4n) .content-inner_W,
.ribbon_W-container:nth-child(4n) .white-edge {
  background: #b0c4de;
}
.teal {
  color: #008080;
}
.teal h5 {
  font-size: 22px;
}
/* Second ribbon - Light green gradient */
.ribbon_W-container:nth-child(4n + 1) .content-inner_W {
  background: linear-gradient(135deg, #fcad15 0%, #ffe13b 100%);
}
.ribbon_W-container:nth-child(4n + 1) .white-edge {
  background: #fcad15;
}
/* Second ribbon - Light green gradient */
.ribbon_W-container:nth-child(4n + 2) .content-inner_W {
  background: linear-gradient(135deg, #f697a8 0%, #ee5c5c 100%);
}
.ribbon_W-container:nth-child(4n + 2) .white-edge {
  background: #f697a8;
}
/* Third ribbon - Light teal gradient */
.ribbon_W-container:nth-child(4n + 3) .content-inner_W {
  background: linear-gradient(135deg, #92ca7f 0%, #53a051 100%);
}
.ribbon_W-container:nth-child(4n + 3) .white-edge {
  background: #92ca7f;
}
/* Fourth ribbon - Dark blue gradient */
.ribbon_W-container:nth-child(4n) .content-inner_W {
  background: linear-gradient(135deg, #4da4cf 0%, #2382b4 100%);
}
.ribbon_W-container:nth-child(4n) .white-edge {
  background: #4da4cf;
}
/* Optional: Adjust text color for better contrast */
.ribbon_W-container:nth-child(4n) .content-inner_W {
  color: #01332f;
}
.ribbon_W-container:nth-child(4n + 5) .content-inner_W {
  background: linear-gradient(135deg, #f7b8aa 0%, #fb866c 100%);
}
.ribbon_W-container:nth-child(4n + 5) .white-edge {
  background: #f7b8aa;
}
.ribbon_W-container:nth-child(4n + 6) .content-inner_W {
  background: linear-gradient(135deg, #7ecfd6 0%, #27aac4 100%);
}
.ribbon_W-container:nth-child(4n + 6) .white-edge {
  background: #7ecfd6;
}
.ribbon_W-container:nth-child(4n + 7) .content-inner_W {
  background: linear-gradient(135deg, #f1bcf4 0%, #9c27b0 100%);
}
.ribbon_W-container:nth-child(4n + 7) .white-edge {
  background: #e7adec;
}
.ribbon_W-container:nth-child(4n + 8) .content-inner_W {
  background: linear-gradient(135deg, #94e7ef 0%, #0db29f 100%);
}
.ribbon_W-container:nth-child(4n + 8) .white-edge {
  background: #87e1e7;
}
.ribbon_W-container:nth-child(4n + 9) .content-inner_W {
  background: linear-gradient(135deg, #d6c0fd 0%, #906ad4 100%);
}
.ribbon_W-container:nth-child(4n + 9) .white-edge {
  background: #d0b9fa;
}
/* Remove the original solid background color */
.content-inner_W {
  background: none; /* This removes the default #ff7f50 background */
}
.ribbon-container {
  display: flex;
  flex-wrap: wrap;
  gap: 32px; /* Add space between items */
}

.ribbon_W-container {
  flex: 0 0 calc(50% - 16px); /* 50% width minus gap */
  max-width: calc(50% - 16px); /* Prevent exceeding half the row */
  box-sizing: border-box; /* Ensure padding doesn't affect width */
}
/* Add animation to icons */
.icon-container_W {
  display: inline-block;
  margin-right: 10px;
  color: #054b45;
  animation: icon-bounce 1.5s infinite ease-in-out;
  transition: transform 0.2s ease;
}

.icon-container_W:hover {
  transform: scale(1.2);
}

@keyframes icon-bounce {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-5px);
  }
}
.reservation_view_room{
  font-size: 15px;
  font-weight: 400;
  margin-top: 5px;
  text-decoration: underline;
  text-underline-offset: 4px;
}
.reservation_view_room_sub-add{
  margin-bottom: 3px;
  padding:0px!important;
}
.scrollable-cols_sub{

}
.scrollable-cols_sub_non{
  border-bottom: 1px solid #fff !important;
}
.addon-bg-1_non{
  border-bottom: 1px solid #fdffe9 !important;

}
.addon-bg-2_non{
  border-bottom: 1px solid #e9f3ff!important;


}
.addon-bg-1 {
  background: #fdffe9!important;
}

.addon-bg-2 {
  background: #e9f3ff!important;
}