@import url("./open-iconic/font/css/open-iconic-bootstrap.min.css");
@import url("./google-fonts2.css");
@import url(./theme.css);
@import url(./component.css);
@import url(./variables.css);

html,
body {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
}

/* LAYOUT */

.operator_max_view {
  min-height: 92vh;
  width: 100%;
}

/* Operatror Navbar */

.operator_nav_view {
  min-height: 56px;
  position: sticky;
  top: 0;
  left: 0;
  z-index: 2;
}

.operator_nav_view .main_navbar .container-fluid img {
  height: 24px;
}

.operator_nav_view .main_navbar {
  height: 70px;
  border-bottom: 1px solid #eaeaea;
  display: flex;
  align-items: center;
  z-index: 4;
  padding: 0 30px;
}

/* LOGIN */

.operator_component {
  padding-left: 0px;
  border: 1px solid #e2e2e2;
  border-radius: 8px;
}

.operator_component img {
  height: auto;
  width: 200px;
  border-radius: 8px;
}

.operator_details_main {
  border: 1px solid #e2e2e2;
  width: 40%;
  border-radius: 10px;
}

.operator-popup-main img {
  border-radius: 8px;
  height: 150px;
  width: 190px;
}

.operator_login,
.enter_otp {
  width: 400px;
}

.Operator_encalm_logo {
  height: 24px;
  width: 120px;
}

.login.operator_login_wrapper .login_left {
  overflow: scroll;
}

.login.operator_login_wrapper .login_left::-webkit-scrollbar-track,
.login.operator_login_wrapper .login_left::-webkit-scrollbar-thumb,
.login.operator_login_wrapper .login_left::-webkit-scrollbar {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

.login.operator_login_wrapper .login_left .logo {
  height: 36px;
}

.login .login_left::-webkit-scrollbar,
.login .login_left::-webkit-scrollbar-track,
.login .login_left::-webkit-scrollbar-thumb {
  display: none;
}

.check_input label {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.check_input label+.hyperlink:hover {
  text-decoration: none;
}

.check_input input[type="checkbox"]:checked+div label::before {
  content: "";
  position: absolute;
  left: -30px;
  margin: auto;
  top: 0;
  bottom: 0;
  height: 22px;
  width: 22px;
  background: var(--checkbox);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

/* Validation Message */

.validation-message {
  color: #f00;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  position: absolute;
}

.validation-message.save_details_error.coords {
  top: 50%;
}

.validation-message.otp_validation {
  margin-inline: 3px;
  display: block;
  margin-top: 10px;
}

.validation_msg_get_help,
.get_help {
  color: #222222;
  cursor: pointer;
}

.validation_msg_get_help:hover,
.get_help:hover {
  color: #222222;
}

.validation-message.text-input {
  top: 60px;
  margin-top: 4px;
}

.validation-message.text-input+input {
  border: 1px solid #ff0000;
  margin-bottom: 15px;
}

/* OPERATOR MAIN */

.first_half_container {
  padding: 40px 30px;
}

.confirm_black_button {
  border-radius: 40px;
  background: #222;
  width: 160px;
  padding: 12px 32px;
  border: none;
}
.black_fill_button {
  width: 100%;
  height: 48px;
  border-radius: 28px;
  line-height: 24px;
  border: none;
  color: #fff;
  background-color: #222;
  text-align: center;
}

.black_fill_button:hover {
  background-color: #000;
  transition: 0.2s;
}

.black_outline_button {
  width: 100%;
  height: 48px;
  border-radius: 28px;
  line-height: 24px;
  color: #222;
  border: 1px solid #222;
  text-align: center;
}

.black_outline_button:hover {
  color: #fff;
  background-color: #222;
  transition: 0.2s;
}

.confirm_blue_button {
  height: 52px;
  width: 315px;
  text-align: center;
  background-color: #2e65c3;
  padding: 14px 96px;
  border-radius: 24px;
  border: none;
  color: #fff;
}

.second_half_container {
  padding: 0px 40px 40px 40px;
  min-height: calc(100vh - 190px);
}

.lounge_operator_heading {
  width: 260px;
}

.recent_bookings_page.booking_history_page .lounge_operator_heading {
  width: 280px;
}

.lounge_operator_heading input {
  height: 100%;
  width: 100%;
  cursor: pointer;
  z-index: 1;
}

.lounge_operator_heading input:focus {
  outline: none;
}

.lounge_operator_heading input+.drop_icon {
  width: 14px;
  position: absolute;
  right: 0;
}

.lounge_operator_heading input:focus+.drop_icon {
  transform: rotate(180deg);
}

.lounge_operator_heading input~.booking_dropdown {
  display: none;
  position: absolute;
  z-index: 2;
  left: 0;
  top: 50px;
  width: 290px;
  box-shadow: 0px 10px 37px 0px #00000026;
  border-radius: 8px;
  background-color: #ffff;
}

.lounge_operator_heading input~.booking_dropdown::before {
  content: "";
  position: absolute;
  top: -40%;
  left: 0;
  height: 40%;
  width: 100%;
  background-color: transparent;
}

.lounge_operator_heading input~.booking_dropdown .dropdown_item img {
  display: none;
}

.lounge_operator_heading input~.booking_dropdown .dropdown_item {
  padding: 14px 20px;
  cursor: pointer;
}

.lounge_operator_heading input~.booking_dropdown .dropdown_item:hover {
  background-color: #f3f3f3;
}

.lounge_operator_heading input~.booking_dropdown .dropdown_item.active {
  background-color: #eef4fb;
}

.lounge_operator_heading input~.booking_dropdown .dropdown_item.active:disabled {
  cursor: not-allowed;
}

.lounge_operator_heading input~.booking_dropdown .dropdown_item.active>img {
  display: block;
}

.lounge_operator_heading input:focus~.booking_dropdown,
.lounge_operator_heading input~.booking_dropdown:active {
  display: block;
}

.operator_page_number_input {
  height: 25px;
  width: 48px;
  border-bottom: 1px solid #e2e2e2;
  cursor: pointer;
  z-index: 1;
}

.operator_page_number_input+.drop_icon {
  position: absolute;
  right: 0;
}

.operator_page_number_input:focus {
  outline: none;
}

.operator_page_number_input:focus+.drop_icon {
  transform: rotate(180deg);
}

.operator_page_number_input~.page_size_dropdown {
  display: none;
  position: absolute;
  z-index: 2;
  right: 0;
  top: 50px;
  width: 90px;
  box-shadow: 0px 10px 37px 0px #00000026;
  border-radius: 8px;
  background-color: #ffff;
}

.operator_page_number_input~.page_size_dropdown p {
  padding: 14px 20px;
  cursor: pointer;
}

.operator_page_number_input~.page_size_dropdown p:hover {
  background-color: #f3f3f3;
}

.operator_page_number_input~.page_size_dropdown p.active {
  background-color: #eef4fb;
}

.operator_page_number_input:focus~.page_size_dropdown,
.operator_page_number_input~.page_size_dropdown:active {
  display: block;
}

.operator_caret_container {
  width: 32px;
  height: 32px;
  cursor: pointer;
  border-radius: 20px;
  border: 1px solid #e2e2e2;
}

.operator_caret_container:disabled {
  opacity: 0.5;
  background-color: transparent !important;
  cursor: not-allowed;
  pointer-events: all;
}

.operator_button_component {
  width: 120px;
  min-width: 120px;
  height: 48px;
  border-radius: 27px;
  background: #0d67ca;
  border: none;
  color: white;
  cursor: pointer;
}

.operator_button_component:disabled {
  background: rgba(151, 151, 151, 1) !important;
  cursor: no-drop;
}

.flightDrawer_input {
  width: 416px !important;
  height: 60px !important;
  gap: 10px;
  padding: 16px;
  border-radius: 8px;
  border: solid 1px #eaeaea;
  background-color: #fff;
  margin-bottom: 10px;
  margin-top: 10px;
}

.flight_drawer {
  width: min-content;
}

.flight_drawer input[type="text"] {
  font-size: 16px;
  font-weight: 500;
  color: #222;
}

.flight_radio_container {
  display: block;
  position: relative;
  padding-left: 25px;
  margin-bottom: 8px;
  cursor: pointer;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */

.flight_radio_container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.flight_drawer .clear_button {
  width: 160px;
  padding: 12px 32px;
  border-radius: 40px;
  border: solid 1px #222;
}

.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  background-color: #fff;
  border-radius: 50%;
  border: 1px solid black;
}

.flight_radio_container:hover input~.checkmark {
  background-color: #eee;
}

.flight_radio_container input:checked~.checkmark {
  background-color: #fff;
}

.flight_radio_container input {
  position: absolute;
  left: -1px;
  height: 20px;
  width: 45px;
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.flight_radio_container input:checked~.checkmark:after {
  display: block;
}

.flight_radio_container .checkmark:after {
  top: 4px;
  left: 4px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: black;
}

.flight_drawer .done_button {
  width: 160px;
  padding: 12px 32px;
  border-radius: 40px;
  background-color: #222;
  color: #fff;
}

.flight_drawer_select {
  bottom: -190px;
  z-index: 2;
}

.flight_drawer_select input {
  width: 100px;
}

.flight_drawer_select:active,
.flight_drawer_select:hover,
/* .show_lounges:focus+ */
.flight_drawer_select {
  display: block;
}

.flight_drawer_select_options {
  width: 416px;
  gap: 10px;
  margin: 10px 0 34px;
  padding: 24px 16px;
  border-radius: 8px;
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
  border: solid 0.5px #d9d9d9;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
}

/* TABLE */

.no_bookings_img {
  max-width: 320px;
}

.test_table {
  overflow-y: scroll;
  max-height: calc(100vh - 280px);
  border-radius: 8px 8px 0 0;
  text-align: center;
  width: 100%;
}

.test_table tr:nth-child(even) {
  background-color: #f2f2f2;
}

.test_table table thead {
  border-radius: 8px 8px 0px 0px;
  background: linear-gradient(90deg,
      rgba(5, 155, 129, 0.1) -0.46%,
      rgba(48, 93, 169, 0.1) 28.66%,
      rgba(150, 48, 130, 0.1) 61.92%,
      rgba(234, 79, 43, 0.1) 100%),
    #fff;
  position: sticky;
  top: 0;
  z-index: 1;
}

.test_table table thead th,
.test_table td {
  padding: 10px 12px;
}

.test_table table tbody td.CantCancelBooking {
  color: #acacac;
  cursor: no-drop;
}

.test_table table tbody td.completed {
  text-transform: capitalize;
  color: #0d67ca;
}

.test_table table tbody td.cancelled {
  text-transform: capitalize;
  color: #ff0000;
}

.test_table table tbody td.customer_name {
  max-width: 200px;
}

.test_table table tbody td.action {
  display: table-cell;
  text-align: center;
  min-width: 100px;
}

.test_table table thead th.action {
  min-width: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
}

thead,
tbody,
tfoot,
tr,
td,
th {
  border-color: inherit;
  border-style: none;
  border-width: 0;
}

.operator_login_form {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  padding: 40px;
  margin: auto;
  height: 500px;
  width: 600px;
  background-color: white;
  border: 1px solid #e2e2e2;
  border-radius: 8px;
}

.operator_login_form input {
  height: 55px;
}

.operator_login_form button {
  width: 150px;
  margin: auto;
}

.operator_login_form img {
  margin-left: 27%;
}

.lounge_operator_confirmed_heading {
  background-color: rgb(56, 198, 150);
  padding: 60px 140px;
}

.lounge_operator_confirmed_body {
  margin: 60px 140px;
}

.lounge_operator_buttons_parent {
  position: relative;
}

.lounge_operator_buttons {
  position: absolute;
  bottom: 40px;
  right: 30px;
}

/* recent-bookings */

.recent_bookings_page .first_half_container {
  padding: 28px 40px;
}

.recent_bookings_page.booking_history_page .first_half_container {
  padding: 20px 40px;
}

.recent_bookings_page .first_half_container .details_box_container {
  height: 64px;
  width: 100%;
  padding: 0 30px;
}

.recent_bookings_page .first_half_container .input_box {
  height: 64px;
  width: 320px;
  border-radius: 8px;
  border: 1px solid #eaeaea;
  max-width: 320px;
}

.recent_bookings_page .first_half_container .input_box:focus {
  outline: none;
  border: 1px solid #222222;
}

.recent_bookings_page .first_half_container .input_box+label {
  color: #333333;
  font-size: 22px;
  font-weight: 700;
}

.recent_bookings_page .first_half_container .input_box:focus+label,
.recent_bookings_page .first_half_container .input_box:not(:placeholder-shown)+label {
  font-size: 12px;
  top: 18px;
  color: #666;
  font-size: 12px;
  font-weight: 400;
}

.recent_bookings_page .first_half_container .input_box.active {
  height: 64px;
  width: 350px;
  border-radius: 8px;
  border: 1px solid #0fb371;
}

.recent_bookings_page .first_half_container .input_box.completed {
  height: 64px;
  width: 350px;
  border-radius: 8px;
  border: 1px solid #779bd7;
}

.recent_bookings_page .first_half_container .input_box.cancelled,
.recent_bookings_page .first_half_container .input_box.auto-cancelled,
.recent_bookings_page .first_half_container .input_box.inactive,
.recent_bookings_page .first_half_container .input_box.expired {
  height: 64px;
  width: 350px;
  border-radius: 8px;
  border: 1px solid #f21018;
}

.recent_bookings_page .first_half_container .input_box.pending {
  height: 64px;
  width: 350px;
  border-radius: 8px;
  border: 1px solid #f88716;
}

.recent_bookings_page .first_half_container .details_box {
  min-width: 160px;
}

.recent_bookings_page .first_half_container .button_box {
  width: 48px;
  height: 64px;
}

.operator_cancel_btn {
  border: 1px solid black;
}

/* Vertical Navigation */

.navigation_vertical {
  width: 64px;
  max-height: calc(100vh - 70px);
  border-right: 1px solid #eaeaea;
  background: linear-gradient(180deg,
      rgba(5, 155, 129, 0.05) 0%,
      rgba(48, 93, 169, 0.05) 28.98%,
      rgba(150, 48, 130, 0.05) 62.1%,
      rgba(234, 79, 43, 0.05) 100%),
    #fff;
  position: sticky;
  top: 70px;
  left: 0;
}

.navigation_vertical .nav_item.active {
  position: relative;
}

.navigation_vertical .nav_item.active>p {
  color: #222 !important;
}

.navigation_vertical .nav_item img {
  height: 24px;
  min-height: 24px;
  filter: grayscale(1) brightness(1.9) contrast(0.1);
}

.navigation_vertical .nav_item:hover img,
.navigation_vertical .nav_item.active img {
  filter: grayscale(0) brightness(1) contrast(1);
}

.navigation_vertical .nav_item.active::after {
  content: "";
  position: absolute;
  top: 0;
  right: -2px;
  width: 2px;
  border-radius: 4px;
  background: linear-gradient(79.8deg,
      #0fb371 -32.32%,
      #2073b8 23.08%,
      #6b5ca6 45.24%,
      #923993 68.99%,
      #f05636 108.56%,
      #f05636 125.97%);
  height: 100%;
}

.operator_input_parent {
  position: relative;
}

.operator_input_parent input[type="text"] {
  font-size: 18px;
  font-weight: 700;
  color: #333333;
  font-family: "Roboto";
}

.operator_input_parent input:focus-visible {
  outline: none;
}

.operator_input_parent.first_four_digits {
  z-index: 0;
}

.operator_input_child_status {
  position: absolute;
  height: 25px;
  width: auto;
  right: 16px;
  bottom: 20px;
  border-radius: 5px;
}

.operator_input_child_status p {
  text-transform: lowercase;
}

.operator_input_child_status p::first-letter {
  text-transform: capitalize;
}

.operator_input_child_status.active {
  background-color: #0fb371;
}

.operator_input_child_status.completed {
  background-color: #779bd7;
}

.operator_input_child_status.cancelled,
.operator_input_child_status.auto-cancelled,
.operator_input_child_status.inactive,
.operator_input_child_status.expired {
  background-color: #ee0000;
}

.operator_input_child_status.pending {
  background-color: #fc7e00;
}

/* TO DELETE */
.download_button_img {
  height: 15px;
  width: 15px;
  margin-top: 2px;
}

/* CREATE PASSWORD */

.create_password_heading_container {
  margin-bottom: 40px;
}

.create_password_box {
  width: 457px;
}

.password_requirements ul {
  list-style: disc;
  padding-left: 25px;
}

.password_requirements ul li::marker {
  color: #666;
}

/* Boarding Drawer */
.boarding_drawer {
  width: 664px;
  height: 87%;
}

.boarding_drawer *::-webkit-scrollbar,
.boarding_drawer *::-webkit-scrollbar-button,
.boarding_drawer *::-webkit-scrollbar-thumb,
.boarding_drawer *::-webkit-scrollbar-track,
.boarding_drawer *::-webkit-scrollbar-track-piece,
.boarding_drawer_wrap::-webkit-scrollbar,
.boarding_drawer_wrap::-webkit-scrollbar-button,
.boarding_drawer_wrap::-webkit-scrollbar-thumb,
.boarding_drawer_wrap::-webkit-scrollbar-track,
.boarding_drawer_wrap::-webkit-scrollbar-track-piece {
  display: none;
  visibility: hidden;
}

.boarding_drawer .comp_collapse {
  border-bottom: 1px solid #e2e2e2;
}

.boarding_drawer .comp_collapse .person_details {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  gap: 20px;
}

.boarding_drawer .drawer_heading {
  color: #222222;
}

.boarding_drawer .collapser {
  color: #777777;
  width: 600px;
}

.boarding_drawer .collapser img {
  transform: rotateZ(180deg);
}

.boarding_drawer .collapser.collapsed img {
  transform: rotateZ(0deg);
}

.boarding_drawer .collapse_content {
  width: 600px;
}

.boarding_drawer .collapse_content input:active,
.boarding_drawer .collapse_content input:hover,
.boarding_drawer .collapse_content input:focus {
  border: 2px solid #0e5aec;
}

.boarding_drawer .collapse_content .seprator>span {
  position: relative;
  z-index: 5;
  color: #555555;
}

.boarding_drawer .collapse_content .seprator::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 100%;
  height: 1px;
  background-color: #e2e2e2;
}

.boarding_drawer .submit_boarding button {
  height: 48px;
  width: 160px;
  border-radius: 24px;
}

.boarding_drawer .submit_boarding button.clear {
  color: #222222;
  border: 1px solid #222222;
}

.boarding_drawer .submit_boarding button.done {
  color: #ffffff;
  background-color: #222222;
}

.boarding_drawer .boarding_confirm {
  position: absolute;
  bottom: 0;
  left: 0;
  border: 1px solid #eaeaea;
  width: 100%;
  border-radius: 20px 20px 0 0;
  box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.06);
  transform: translateY(100%);
  z-index: 10;
  transition: 0.3s;
}

.boarding_drawer .boarding_confirm.active {
  transform: translateY(0%);
}

/* Terms of Use */

.terms_of_use {
  padding: 32px 104px;
  width: 100%;
}

.terms_of_use ol.lower_alpha {
  counter-reset: alpha;
  list-style: none;
}

.terms_of_use ol.roman {
  counter-reset: roman;
  list-style: none;
}

.terms_of_use ol.lower_alpha > li::before {
  counter-increment: alpha;
  content: "(" counter(alpha, lower-alpha) ")   ";
}

.terms_of_use ol.roman > li::before {
  counter-increment: roman;
  content: "(" counter(roman, lower-roman) ")   ";
}

/* operator history datepicker */

.op_datepicker {
  height: 60px;
  width: 331px;
  border: solid 1px #eaeaea;
  border-radius: 8px;
}

.op_datepicker_wrap span {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1px;
  height: 50%;
  background-color: #eaeaea;
}

.mud-picker-calendar .mud-day.mud-current {
  border: none !important;
}

/* MudBlazor Date picker styles */

.mud-paper {
  border-radius: 12px;
  border: solid 1px #dadce0;
  background-color: #fff;
  padding: 8px;
}

.mud-paper.mud-elevation-8 {
  box-shadow: 0 0 20px 0 rgba(136, 136, 136, 0.2);
}

.mud-picker-calendar-transition{
  min-height: 240px;
}

.mud-picker-content {
  min-width: 320px;
}

.mud-picker-calendar-container {
  width: 320px;
}

.mud-picker-calendar .mud-day .mud-typography {
  font-size: 14px;
  font-weight: 400;
  font-family: var(--adl-roboto);
  color: #333333;
}

.mud-picker-calendar-header-day .mud-day-label {
  font-size: 12px;
  font-weight: 400;
  font-family: var(--adl-roboto);
  color: #333333;
}

.mud-typography-align-center {
  font-size: 15px;
  font-weight: 700;
  color: #333333;
}

.mud-picker-calendar .mud-day.mud-selected {
  background-color: #333333 !important;
}

.mud-picker-calendar .mud-day.mud-current,
.mud-picker-calendar .mud-day.mud-current.mud-primary-text {
  border-color: #333333 !important;
  color: #333333 !important;
}

.mud-picker-calendar .mud-day.mud-current:disabled,
.mud-picker-calendar .mud-day.mud-current.mud-primary-text:disabled {
  color: var(--mud-palette-action-disabled) !important;
}

.mud-picker-calendar-header-day .mud-day-label {
  width: 40px;
}

.mud-picker-calendar .mud-day {
  height: 40px;
  width: 40px;
}

.mud-icon-root.mud-svg-icon {
  fill: #999999 !important;
}

.mud-icon-size-medium {
  font-size: 1.3rem;
}

.mud-popover-open {
  margin-top: 50px;
}

.mud-picker.mud-picker-inline.mud-picker-input-button {
  position: absolute;
  top: 0;
  left: 3px;
  width: 90%;
  opacity: 0;
  z-index: 8;
}

.mud-popover-provider > .mud-popover {
  left: auto !important;
  right: 150px;
}

.mud-picker.mud-picker-inline.mud-picker-input-button,
.mud-input-control.mud-input-input-control,
.mud-input-control-input-container,
.mud-input-control>.mud-input-control-input-container>div.mud-input.mud-input-text,
.mud-picker-inline.mud-picker-input-button .mud-input .mud-input-root {
  height: 100% !important;
  width: 100% !important;
}

.mud-input-control>.mud-input-control-input-container>div.mud-input.mud-input-text,
.mud-input-control.mud-input-input-control {
  margin: 0;
  display: block;
  margin-top: 0;
}

.mud-picker-inline.mud-picker-input-button .mud-input .mud-input-root {
  padding: 0;
}

.enter_otp .enter_otp_input .inputBox {
  width: 58px;
  height: 65px;
  flex-grow: 0;
  text-align: center;
  border-radius: 8px;
  border: solid 1px #cdcdcd;
  background-color: #ffffff;
  font-size: 24px;
}

.enter_otp .enter_otp_input .inputBox:not(:first-child, :last-child) {
  margin-inline: 3px;
}

.enter_otp .enter_otp_input.error .inputBox {
  border: solid 1px #f00;
}

.enter_otp .enter_otp_input .inputBox:focus,
.enter_otp .enter_otp_input .inputBox:focus-visible {
  outline: none;
  border: 1px solid #222222;
}

.get_help_popup {
  width: 350px;
  color: #222222;
}

.get_help_popup .get_help_info:not(:last-child) {
  border-bottom: 1px solid #e2e2e2;
}

.get_help_popup .get_help_info img {
  opacity: 0.6;
}

@media (max-width: 1025px) {
  .responsive-layout {
    width: 90% !important;
  }

  .first_half_container {
    transform: scale(0.8);
    transform-origin: left top;
  }
}

@media (max-width: 540px) {
  .no_bookings_img {
    width: 170px;
    height: 119px;
  }
}