body#Access {
  background: #eee;
}
body#Waitlists {
    background: #eee;
}
.header-top {
  min-height: 120px;
  padding: 0 50px;
  margin-bottom: 35px !important;
}
div#Footer {
  margin-left: 20px;
  color: rgba(164,181,193,1);
  font-size: 18px;
}
.col-6.text-left.header-logo img {
  width: 130px;
  height: auto;
}
.left-section {
  background: rgba(223,231,237,1) !important;
  margin-right: 20px;
  max-height: 720px;
}
.right-section {
  background: rgba(223,231,237,1) !important;
}
img.default-logo {
  width: 300px !important;
}
.assignment-tabel-tab {
  width: 100%;
  display: grid;
}
.assignment-tabel-tab th {
  color: white !important;
}
.assignment-tabel-tab tbody th:last-child {
  border: none;
}
.fixed-column {
  position: sticky;
  top: 0;
  height: 100vh;
}
.avatar {
  width: 100px;
  height: 100px;
  display: contents;
}

.avatar img {
  width: 200px;
  height: auto;
  border-radius: 50%;
}

.col-8.right-section {
  width: 73%;
}
h3.details-heading-section svg {
  width: 28px;
  height: auto;
}
.assignment-tabel-tab table tbody tr td {
  border: 1px solid #fff;
}
.destination-tabel-tab table tbody tr td {
  padding: 20px;
  border: 1px solid #fff;
}
.information-client-full-tab span svg {
  width: 25px;
  height: auto;
}

.information-client-tab span svg {
  width: 25px;
  height: auto;
}

.information-client-full-tab {
  text-align: left;
}
.client-info-tab {
  display: inline-block;
  margin-left: 50px;
  vertical-align: middle;
}
.information-client-tab {
  margin: 20px 0px 100px;
}
.information-client-full-tab .avatar img {
  width: 230px;
  height: auto;
  border-radius: 50%;
}

.information-client-full-tab span {
    display: block;
    margin-bottom: 10px;
}
.logo-network-div-right {
  display: inline-block;
  margin-top: 20px;
}
.logo-network-div-right img {
  width: 350px;
  height: auto;
}
.information-client-full-tab h3 {
  margin-bottom: 20px;
}
.information-client-tab h3 {
  margin-bottom: 20px;
}
.information-client-tab span {
  display: block;
  margin-bottom: 10px;
}
h3.details-heading-section {
  padding: 10px 0px;
  color: #000;
}
.assignment-tabel-tab table tbody tr td {
  padding: 20px;
  text-align: center;
}
.right-section table thead {
  background: rgba(128,159,184,1);
  color: #fff;
}
.right-section table thead th {
  padding: 18px 45px 0px 32px;
  text-align: center;
}
.assignment-tabel-tab table tbody {
  border: 1px solid rgba(128,159,184,1);
}

div#Footer span {
    font-size: 14px;
}

div#Footer p {
    margin-bottom: 0;
}
i.fa.fa-pencil-square-o {
  position: relative;
  top: 5px;
  color: rgba(53,80,101,1);
}

#save-and-add {
  width: 100%; 
  height: 75px;
  border-radius:10px;
  background-color:rgba(128,159,184,1);
  font-size:20px; color:white;
}
#next-button{
  width: 100%; 
  height: 75px; 
  border-radius:10px; 
  background-color:rgba(223,231,237,1); 
  font-size:20px;
  border: 0;
  color: #3b5064;
}
#assignment_assignment_date{
  width: 100%;
  height: 68px;
  border-radius: 18px;
  text-align: left;
  font-size: 18px;
  padding-left: 80px;
  /* padding-bottom: 10px; */
  font-weight: 600;
  border: 2px solid rgba(59,80,99,1);
  /*box-shadow: 0 0 2px rgba(0,0,0,.12), 0 2px 4px rgba(0,0,0,.24);*/
  animation-duration: .1ms;
  animation-name: mui-node-inserted;
  transition: all .2s ease-in-out;
}
#assignment_section_id{
  width: 100%; 
  height: 77px; 
  border-radius: 17px; 
  background-color: rgba(223, 231, 237, 1); 
  font-size: 20px;
}
.Form_1_Kopie_2 {
  overflow: visible;
  position: relative;
  width: 19px;
  height: 10px;
  transform: translate(-1183px, -894px) matrix(1,0,0,1,1320.3932,902.9076) rotate(-90deg);
  transform-origin: center;
  left: 225px;
  bottom: 65px;
  right: 0;
}
#Form_1_Kopie_2 {
  fill: rgba(255,255,255,1);
}
.Form_1_Kopie_2_bk {
  overflow: visible;
  position: relative;
  width: 22px;
  height: 18px;
  transform: translate(-1183px, -894px) matrix(1,0,0,1,1320.3932,902.9076) rotate(-90deg);
  transform-origin: center;
  bottom: 70px;
  right: 70px;
}
#Form_1_Kopie_2_bk {
  fill: rgba(255,255,255,1);
}
.select-group-dropdown {
  width: 100%;
  height: 77px;
  border-radius: 18px;
  font-size:20px;
}
.header-buttons{
  border-radius: 30px;
  border: 2px solid #6c757d;
  width: 130px !important;
  height: 50px;
}
div#ui-datepicker-div {
  width: 560px;
  height: 440px;
  border-bottom-left-radius: 18px;
  border-bottom-right-radius: 18px;
  background: rgba(223,231,237,1);
}
.ui-datepicker-calendar {
  width: 100%;
  height: 200px;
}
.ui-datepicker-title {
  width: 100%;
}
.form-switch{
padding-left:0px;
}
.form-switch input {
  display: none;
  width: 100%;
}
.form-switch label {
  position: relative;
  height: 50px; 
  width: 100%;
  background-color: rgba(223,231,237,1);
  border-radius: 20px;
  padding-top: 15px;
  padding-left: 10px;
  font-size: 16px;
  transition: background-color 0.3s;
  z-index: 0;
}
.form-switch input:checked + label {
  background-color: rgba(223,231,237,1);
  color: black;
}
.ui-datepicker-calendar tbody, td, tfoot, th, thead, tr {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  padding-bottom: 20px !important;
}

.form-switch label:after {
  margin-right: 10px;
}


.custom-select {
position: relative;
font-family: Arial;
}
.col-4.text-right.custom-select {
  padding-left: 0 !important;
}
.row.align-items-center.top-row {
  margin-bottom: 30px;
}
.row.align-items-center.top-row .col-2 {
  width: 20%;
}
.bg-white.shadow.home.p-5.mb-5.client-request {
  padding: 48px 100px !important;
}
.custom-select select {
  display: none;
}
.group .select-items {
  overflow: hidden;
  width: 86%;
}

.select-selected {
  background-color: DodgerBlue;
}

.select-selected:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #fff transparent transparent transparent;
}

.select-selected.select-arrow-active:after {
  border-color: transparent transparent #fff transparent;
  top: 7px;
}

.select-items div,.select-selected {
  width: 100%;
  color: #000;
  background-color: #fff;
  border: 2px solid rgba(59,80,99,1);
  /*box-shadow: 0 0 2px rgba(0,0,0,.12), 0 2px 4px rgba(0,0,0,.24);*/
  animation-duration: .1ms;
  animation-name: mui-node-inserted;
  font-weight: 500;
  transition: all .2s ease-in-out;
  display: inline-block;
  height: 70px;
  padding: 17px 5px;
  border-radius: 18px;
  cursor: pointer;
  touch-action: manipulation;
  background-image: none;
  text-align: center;
  vertical-align: middle;
  /* white-space: nowrap; */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: .03em;
  position: relative;
  overflow: hidden;
}

.select-items {
  position: absolute;
  background-color: rgba(223,231,237,1);
  left: 0;
  right: 0;
  z-index: 99;
  width: 93%;
  margin: 0 auto;
  max-height: 440px;
  overflow: scroll;
  border-bottom-left-radius: 18px;
  border-bottom-right-radius: 18px;
}
.select-hide {
  display: none;
}
.group .select-items div {
    text-align: center;
    padding-left: 6px;
    padding-top: 18px;
    font-size: 18px;
}
.select-items div:hover, .same-as-selected {
  background-color: #fff;
  border-radius: 0px;
  width: 100%;
}
.select-items div.same-as-selected {
  background-color: #fff !important;
  border-radius: 0;
  height: 65px;
  display: flex;
  align-items: center;
  padding-bottom: 24px;
}
.same-as-selected.selected-item i.fa.fa-check {
  font-size: 25px;
  font-weight: initial;
  margin-left: 20px;
  transform: translateY(-50%);
  position: absolute;
  right: 0;
  top: 50%;
}
.same-as-selected.selected-item i:before {
  background: none;
  color: #e2e7ecfc;
}
.same-as-selected i:before{
  background: none;
  color: #e2e7ecfc;
}
.select-items div {
  background: none;
  box-shadow: none;
  border: none;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
  height: 70px;
  padding-top: 24px;
  text-align: left;
  padding-left: 20px;
}
.partial-div .select-items div {
  text-align: center;
}
.partial-div .select-items {
  overflow: auto;
}
.partial-div .same-as-selected.selected-item {
  display: inline-block;
}
.select-selected {
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 17px 20px;
}
.select-items div:first-child {
  padding-top: 25px;
}
.group .same-as-selected.selected-item {
  display: inline-block;
  height: 60px;
}

.group .same-as-selected.selected-item i.fa.fa-check {
  margin-left: -45px;
  right: -75px;
  position: relative;
  transform: translateY(-50%);
  top: 14px;
}
.home {
  padding-bottom: 30px !important;
}

div#Group_2026{
  opacity: 0.195;
  mix-blend-mode: normal;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -1;
  overflow: visible;
}

div#Group_2026 img{
  position: absolute;
  width: 100%;
  height: auto;
  left: 0px;
  top: -110px;
  z-index: 40;
}

svg.Form_1 {
    overflow: visible;
    position: absolute;
    z-index: 10;
    width: 15.349px;
    height: 8.708px;
    right: 50px;
    top: 30px;
    transform: matrix(1,0,0,1,0,0);
}
svg.Form_1_g {
  overflow: visible;
  position: absolute;
  z-index: 10;
  width: 15.349px;
  height: 8.708px;
  right: 50px;
  top: 30px;
  transform: matrix(1,0,0,1,0,0);
}
svg.Form_1_h {
    overflow: visible;
    position: absolute;
    z-index: 10;
    width: 15.349px;
    height: 8.708px;
    right: 28px;
    top: 30px;
    transform: matrix(1,0,0,1,0,0);
}
svg.Form_22 {
    overflow: visible;
    position: absolute;
    width: 25px;
    height: 30px;
    left: 35px;
    top: 18px;
    transform: matrix(1,0,0,1,0,0);
}

div#Calendar_Icon {
    position: relative;
} 
svg.Form_42 {
    overflow: visible;
    position: absolute;
    width: 27px;
    z-index: 10;
    height: 25px;
    left: 80px;
    top: 22px;
    transform: matrix(1,0,0,1,0,0);
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
  background: none;
  border: none;
  text-align: center;
}
.ui-widget-header {
    background: none;
    border: none;
    padding-top: 20px !important;
}
a.ui-datepicker-prev.ui-corner-all {
  border: none;
  font-size: 30px;
  right: 0;
  left: 410px;
  top: 6px;
  margin: 0 auto;
}
.ui-state-hover.ui-datepicker-prev-hover {
  background: none;
}
.ui-state-hover.ui-datepicker-next-hover {
  background: none;
}
a.ui-datepicker-next.ui-corner-all {
  border: none;
  font-size: 30px;
  left: 480px;
  top: 6px;
  margin: 0 auto;
}
a.ui-state-default.ui-state-active {
  background: #3b5064;
  color: #fff;
  border-radius: 50%;
  width: 35px;
  margin: 0 auto;
}
.ui-datepicker .ui-datepicker-title {
    margin: 0;
}
.ui-datepicker-title {
  text-align: left !important;
  margin-left: 28px !important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
  font-weight: 600;
  color: #3b5064;
  font-size: 18px;
}
.select-selected ~ svg {
  display:none
}
.swal2-popup .swal2-styled.swal2-confirm {
  background: rgba(128,159,184,1) !important;
}
.swal2-popup {
  background: #eee;
}

/* add_client_css */

#client_first_name{
  height: 55px; 
  width: 100%; 
  border-radius: 10px; 
  background-color: rgba(223,231,237,1);
}
#client_last_name{
  height: 55px; 
  width: 100%; 
  border-radius: 10px; 
  background-color: rgba(223,231,237,1);
}
#client_mobile_phone{
  height: 55px; 
  width: 100%; 
  border-radius: 10px; 
  background-color: rgba(223,231,237,1);
}
#client_email{
  height: 55px; 
  width: 100%; 
  border-radius: 10px; 
  background-color: rgba(223,231,237,1);
}
.waitlist input#client_phone {
  height: 55px;
  width: 100%;
  border-radius: 10px;
  background-color: rgba(223,231,237,1);
}
.waitlist-date input#datepicker {
  height: 55px;
  width: 100%;
  border-radius: 10px;
  background-color: rgba(223,231,237,1);
}
.activity-dropdown span.select2-selection.select2-selection--multiple {
  height: 55px;
  width: 100%;
  border-radius: 10px;
  background-color: rgba(223, 231, 237, 1);
  padding: 10px;
  font-size: 16px;
}
.guide-dropdown span.select2-selection.select2-selection--multiple {
  height: 55px;
  width: 100%;
  border-radius: 10px;
  background-color: rgba(223, 231, 237, 1);
  padding: 10px;
  font-size: 16px;
}
ul#select2-waitlist_section_ids_-results {
  background: rgba(223, 231, 237, 1) !important;
}
ul#select2-waitlist_guide_ids_-results {
  background: rgba(223, 231, 237, 1) !important;
}
.select2-container {
  width: 100% !important;
}
.select2-container--default .select2-selection--multiple {
  min-height: 100px;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  display: flex;
  flex-wrap: wrap;
  height: auto !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  margin-top: 8px; /* Adjust the space between selected items */
  margin-right: 8px;
}

.row.waitlist label {
  display: block;
  text-align: left;
}
.scrollable-menu {
  max-height: 300px;
  overflow-y: auto;
}
.dropdown button {
  height: 55px;
  width: 100%;
  border-radius: 10px;
  background-color: rgba(223,231,237,1);
  color: #000;
  border: 1px solid #ccc;
  margin-top: 31px;
}
.dropdown button:hover {
  background-color: rgba(223,231,237,1);
  color: #000;
  border: 0;
}
.dropdown button,
.dropdown button:focus,
.dropdown button:active,
.dropdown .btn.show {
  height: 55px;
  width: 100%;
  border-radius: 10px;
  background-color: rgba(223,231,237,1);
  color: #000;
  border: 1px solid #ccc;
  margin-top: 31px;
  outline: none;
  box-shadow: none;
}
ul.dropdown-menu.show {
  background: rgba(223,231,237,1);
  color: #fff !important;
}
#client_notes{
  height: 117px; 
  width: 100%; 
  border-radius: 10px; 
  background-color: rgba(223,231,237,1); 
  font-size: 17px;
  font-weight: 500;
}
.information input {
  font-size: 17px;
  font-weight: 500;
}
.information {
  padding-bottom: 30px !important;
}
.selected-people span#Text h5 {
  display: inline-block;
}
.trip-details span h5 {
  display: inline-block;
}
span#Text h6 {
  display: inline-block;
}
#checkout-btn{
  background-color: rgba(128,159,184,1);
  height: 85px;
  width: 100%;
  border: none;
  text-decoration: none;
  box-shadow: none;
  color: white;
  font-size: 20px;
  font-weight: 500;
  border-radius: 18px;
  padding-right: 30px;
  font-weight: 600;
  text-transform: none;
}
#add_to_cart_button{
  background-color: rgba(128,159,184,1);
  height: 85px;
  width: 100%;
  border: none;
  text-decoration: none;
  box-shadow: none;
  color: white;
  font-size: 20px;
  font-weight: 500;
  border-radius: 18px;
  padding-right: 30px;
  font-weight: 600;
  text-transform: none;
}

.guest-information-form {
  border-bottom: 2px solid rgba(128,159,184,1);
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.bg-white.shadow.p-5.mb-5.rounded.payment-box.two-forms {
  max-height: 520px;
  overflow: scroll;
}
.guest-information-form input {
  font-size: 17px;
  font-weight: 500;
}
.new-cost-div {
  text-align: left;
}

.new-cost-div span {
  display: inline-block !important;
}
.custom-select-width {
  width: 160px;
  height: 77px;
  border-radius: 18px;
  font-size:22px;
}
label.form-label.pull-left:after {
  content: none;
}
label.form-label.pull-left {
  font-size: 22px;
  font-weight: 400;
  line-height: normal;
}
svg.Form_1_Kopie_2_bk.left {
  bottom: 70px;
  right: 40px;
}
.heading {
  padding-top: 25px !important;
}


/* all_details_css */

#scroll-container {
overflow: auto;
height: 326px;
overflow-x: hidden;
}
.custom-select-width {
  width: 160px;
  height: 77px;
  border-radius: 18px;
  font-size:22px;
}
.network img {
  margin-bottom: 15px;
}
.bg-round {
  border-radius: 15px;
  margin: 0;
}
.details button {
  width: 100%;
  height: 85px;
  border-radius: 10px;
  background-color: rgba(128,159,184,1);
  font-size: 25px;
  color: white;
  border: 0;
}
.details svg.Form_1_Kopie_2_ {
  overflow: visible;
  position: relative;
  width: 23px;
  height: 14px;
  transform: translate(-7px, 0px) matrix(1,0,0,1,125.0299,8.597) rotate(-90deg);
  transform-origin: center;
  left: 7px;
  bottom: 62px;
}
.trip-details {
  margin-left: -16px;
}
.details-trip {
  font-size: 18px;
}
.details-box {
  padding-bottom: 25px !important;
}
.guest-box {
  padding-bottom: 73px !important;
}

/* list_assignment_css */
.pull-right.d-flex.align-items-center a {
  border-bottom: 0;
}
.pull-right.d-flex.align-items-center a.btn.btn-danger.btn-sm.ms-3 {
  border-radius: 12px;
  width: 120px;
}
.new-cost-div.all-details span {
  font-weight: 400;
}

#edit-trip-btn{
  width: 140px; 
  height: 32px; 
  border-radius: 12px; 
  background-color: rgba(128,159,184,1); 
  font-size: 16px; 
  color: white; 
  margin: 15px 0px;
  border: 0;
  font-weight: 500;
}

#payment-btn{
background-color: rgba(128,159,184,1); 
height: 60px; 
width: 100%; 
border: none; 
text-decoration: none; 
box-shadow: none; 
color: white; 
font-size: 20px; 
border-radius: 18px;
}

#scroll-container {
overflow: auto;
height: 307px;
overflow-x: hidden;
}

.custom-select-width {
  width: 160px;
  height: 77px;
  border-radius: 18px;
  font-size:22px;
}
.bg-round {
  border-radius: 15px;
  margin: 0;
}
.col-8.pull-center {
  margin-left: -13px;
}
.title {
  border: 2px solid #3b5064;
}

.title span {
    color: #3b5064;
    font-size: 22px;
}
svg.Form_20 {
  overflow: visible;
  width: 34px;
  height: 35px;
  left: 44%;
  top: 186px;
  transform: matrix(1,0,0,1,0,0);
  margin-top: -12px;
}
path#Form_20 {
  fill: rgba(53,80,101,1);
}

svg.Form_1_Kopie_2_ {
  overflow: visible;
  position: relative;
  width: 22px;
  height: 12px;
  transform: translate(-7px, 0px) matrix(1,0,0,1,125.0299,8.597) rotate(-90deg);
  transform-origin: center;
  left: -52px;
  bottom: 70px;
}
.cart-box #scroll-container {
  height: 380px;
}
.cart-btn-row svg.Form_1_Kopie_2_ {
  width: 20px;
  height: 10px;
  bottom: 58px;
}
path#Form_1_Kopie_2_ {
  fill: rgba(255,255,255,1);
}
.cart-box {
  padding-top: 30px !important;
  padding-bottom: 0px !important;
}
.selected-place {
  font-size: 18px;
}
span.Date {
  display: block;
  margin-bottom: 10px;
  padding-top: 3px;
}
.trip-cart-box {
  padding-bottom: 0 !important;
  padding-right: 0px !important;
}

/* payment_confirmation_css */

#view-bookings-btn {
  background-color: rgba(128,159,184,1); 
    /* height: 85px;
    width: 100%;  */
    border: none; 
    text-decoration: none; 
    box-shadow: none; 
    color: white; 
    font-size:21px; 
    border-radius:18px;
    font-weight: 600;
    display: block;
    padding: 27px;
}
input#view-bookings-btn {
  background-color: rgba(128,159,184,1); 
  width: 100%;
  height: 75px;
  border: none; 
  text-decoration: none; 
  box-shadow: none; 
  color: white; 
  font-size:20px; 
  border-radius:18px;
  font-weight: 600;
  display: block;
  padding: 20px;
}
input.waitlist-btn {
  background-color: rgba(128,159,184,1);
  height: 85px;
  width: 100%;
  border: none;
  text-decoration: none;
  box-shadow: none;
  color: white;
  font-size: 20px;
  font-weight: 500;
  border-radius: 18px;
  padding-right: 30px;
  font-weight: 600;
  text-transform: none;
}
input.waitlist-btn:hover {
  border: 0;
}
.custom-select-width {
  width: 160px;
  height: 77px;
  border-radius: 18px;
  font-size:22px;
}
.fw-bold {
  font-size: 23px;
  font-weight: 400 !important;
}
.confirmation svg.Form_1_Kopie_2_ {
  overflow: visible;
  position: relative;
  width: 24px;
  height: 12px;
  transform: translate(-7px, 0px) matrix(1,0,0,1,125.0299,8.597) rotate(-90deg);
  transform-origin: center;
  left: -12px;
  bottom: 65px;
}
.fa-check:before {
  background: #68ca87;
  color: #fff;
  border-radius: 50%;
  padding: 10px;
}

/* make_payment_css */

#Assignments_Information {
  overflow: auto;
  display: flex;
  flex-direction: column;
  gap: 20px;
  max-height: 180px;
}

#card-element{
  padding: 10px 15px; 
  height: 45px; 
  background-color: rgba(223,231,237,1); 
  border-radius: 14px;
}

.card-element-new{
  padding: 10px 15px; 
  height: 45px; 
  background-color: rgba(223,231,237,1); 
  border-radius: 14px;
}

#pay-btn{
  background-color: rgba(128,159,184,1); 
  width: 100%; 
  height: 180%; 
  font-size: 22px; 
  color: rgba(255,255,255,1); 
  border-radius: 16px;
  font-weight: 600;
}

.pay-btn-new{
  background-color: rgba(128,159,184,1); 
  width: 100%; 
  height: 180%; 
  font-size: 22px; 
  color: rgba(255,255,255,1); 
  border-radius: 16px;
  font-weight: 600;
}

#cardholder_name{
  height: 60%; 
  width: 100%; 
  font-size: 20px; 
  font-family: Poppins; 
  border: none; 
  background-color: rgba(223,231,237,1); 
  border-radius: 16px;
}
.header-buttons.left {
  margin-left: 20px;
}
.network_name {
  margin-left:10px;
  font-size:30px;
  font-weight: 500;
  color: rgba(53,80,101,1);
}

div#Assignment_Activity span {
font-size: 18px;
font-weight: 400;
}

#Line_5 {
  fill: transparent;
  stroke: rgba(128,159,184,1);
  stroke-width: 2%;
  stroke-linejoin: miter;
  stroke-linecap: round;
  stroke-miterlimit: 4;
  shape-rendering: auto;
}
.Line_5 {
    overflow: hidden;
    width: 100%;
    transform: matrix(1,0,0,1,0,0);
}

#Assignment_Activity_Row {
    display: flex;
    flex-direction: row;
}
#Fluidpay_Postal_Code {
    overflow: visible;
    width: 40%;
    white-space: nowrap;
    text-align: left;
    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 22px;
    color: rgba(53,80,101,1);
}
#Assignment_Activity_Row {
    display: flex;
    flex-direction: row;
}

#Assignment_Activity {
    width: 100%;
    background-color: rgba(223,231,237,1);
    transform: matrix(1,0,0,1,0,0);
    border-radius: 16px;
    margin-right: 10px;
    padding: 10px 0px 10px 20px;
}
#Assignments_Information {
    overflow: auto;
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-height: 180px;
    font-size: 20px;
    text-align: left;
}
.summary-date {
  width: 100%;
  display: block;
}
.trip-cart-box .summary-date {
  padding-left: 0;
}
.people.info {
    width: 100%;
    display: block;
}
.river-info {
  width: 75%;
}
.text-left label:after {
  content: none;
}
.amount svg.Form_1_Kopie_2_ {
  overflow: visible;
  position: relative;
  width: 28px;
  height: 13px;
  transform: translate(-7px, 0px) matrix(1,0,0,1,125.0299,8.597) rotate(-90deg);
  transform-origin: center;
  left: -22px;
  bottom: 73px;
}
.rounded {
  border-radius: 25px !important;
}
.terms-conditions {
  font-size: 22px;
  text-align: left;
  margin-top: 30px;
}
.terms-conditions label:after {
  content: none;
}
.terms-conditions input[type=checkbox] {
  width: 30px;
  height: 30px;
}
.payment-box {
  padding-bottom: 30px !important;
}
.terms-conditions label {
  color: #b6b6b6;
}
#Assignments_Information span.pull-right.col-4 {
  margin-left: 21px;
  padding-left: 28px;
}

.ui-datepicker-prev span,
.ui-datepicker-next span {
  background-image: none !important;
}

.ui-datepicker-prev:before,
.ui-datepicker-next:before {
  font-family: FontAwesome;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  font-weight: normal;
  align-items: center;
  justify-content: center;
}
.ui-datepicker-prev:before,
.ui-datepicker-next:before:hover {
  background: none;
}

.ui-datepicker-prev:before {
  content: "\f104";
}

.ui-datepicker-next:before {
  content: "\f105";
}
span.flash-Alert-close-small {
  position: absolute;
  margin-top: -86px;
  margin-left: -4px;
}

.modal {
  background: #eee;
  color: #3b5064;
  padding: 30px 20px;
  border-radius: 22px;
  height: auto !important;
}
.modal a {
  background-color: rgba(128,159,184,1);
  padding: 10px 0px;
  width: 40%;
  margin: 0 auto;
  color: #fff;
  text-decoration: none;
  border-radius: 12px;
  font-size: 18px;
  font-weight: 500;
}

.modal h3 {
    font-size: 18px !important;
    margin-bottom: 20px;
}
.form-switch .white-box {
  content: '';
  position: absolute;
  top: 8px;
  left: 7px;
  height: 70%;
  width: 50%;
  background-color: #fff;
  border-radius: 12px;
  transition: transform 0.3s;
  z-index: -1;
  padding-top: 4px;
  text-align: center;
  cursor: pointer;
  transition: transform 0.8s, opacity 0.8s;
  transform: translateX(0%);
  opacity: 1;
}
.form-switch .white-box span {
  font-size: 15px;
  text-align: center;
  font-weight: 500;
}
.form-switch .unchecked-text {
  font-size: 15px;
  float: right;
  font-weight: 500;
  margin-right: 15px;
  margin-top: -2px;
  transition: transform 0.8s, opacity 0.8s;
  transform: translateX(10%);
}
.enter-payment {
  padding-right: 28px;
}

input#postal_code {
  background: rgba(223,231,237,1) !important;
  width: 30%;
  height: 45px !important;
  font-size: 18px !important;
  border-radius: 16px !important;
}

input#postal_code_fluid {
  background: rgba(223,231,237,1) !important;
  width: 30%;
  height: 45px !important;
  font-size: 18px !important;
  border-radius: 16px !important;
}

input#postal_code_fluid::placeholder {
    color: rgb(184 184 184);
}

a.saved-card-button {
  text-decoration: none;
  border: 0;
  color: #fff;
  padding: 10px;
  background: rgba(128,159,184,1);
  border-radius: 5px;
}
.row.justify-content-center.edit-profile .col-3 {
  margin-top: 70px;
}
.modal.saved-payment-information {
  width: 40% !important;
  height: 400px !important;
}
.modal-content {
    background-color: inherit;
    margin: 6% auto 10%;
    padding: 5px;
    max-width: 850px;
    border: none;
}
.modal-content {
  margin-top: 50px !important;
}
span.cancel-icon-small {
  float: right;
  cursor: pointer;
}
.modal-body h3.details-heading-section {
  text-align: center;
  font-size: 24px !important;
  font-weight: 500;
}
.modal-body thead {
  background: rgba(128,159,184,1) !important;
  color: #fff;
}
table.grid th {
  text-align: center;
  padding: 16px 8px;
  color: #fff;
}
span.phone-text {
  margin-bottom: 30px !important;
}
.modal {
  max-width: 1000px !important;
  display: none;
  position: fixed !important;
  top: 20%;
  left: 8%;
  right: 0;
  bottom: 10%;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  border-radius: 5px !important;
  padding: 15px 20px 30px !important;
  overflow: scroll;
}

.edit-profile-btn {
  position: absolute;
  top: 20px;
  right: 10px;
}
.pending-assignment-btn {
  position: absolute;
  top: 20px;
  right: 10px;
}
.avatar form#imageForm {
  margin-top: 20px;
}
a.edit-profile-button {
  text-decoration: none;
  border: 0;
  color: #fff;
  padding: 10px;
  background: rgba(128,159,184,1);
  border-radius: 5px;
}
.edit-profile-heading span {
  margin-left: 10px;
  font-size: 30px;
  font-weight: 500;
  color: rgba(53,80,101,1);
}
a.view-photo-btn {
  border: 0;
  float: left;
  color: #666;
  margin-top: 10px;
  border-radius: 10px;
  background-color: rgba(128,159,184,1) !important;
  font-size: 17px;
  padding: 10px;
  text-decoration: none;
  color: #fff;
}
.update-btn {
  width: 60% !important;
  background-color: rgba(128,159,184,1) !important;
  color: white !important;
}
.edit-profile-tab .form select {
  height: 52px;
  border-radius: 10px;
  background-color: rgba(223,231,237,1);
  font-size: 17px;
}
.edit-profile-tab form input {
  height: 55px;
  width: 100%;
  border-radius: 10px;
  background-color: rgba(223,231,237,1);
  font-size: 17px;
  padding-left: 15px;
}
div#groupPayModal input.group-pay-btn:hover {
  border: none;
}
div#groupPayModal span {
  float: right;
  right: 0;
  position: absolute;
}
div#group-pay-modal ul#client_details_row {
  border-bottom: 1px solid rgb(173 183 191);
  margin-bottom: 30px;
}
div#groupPayModal input.group-pay-btn {
  background: rgba(128,159,184,1);
  color: #fff;
  box-shadow: none;
}
div#group-pay-modal ul#client_details_row:last-child {
  border: 0;
}
.group-mem {
  margin-left: 30px;
}
div#groupPayModal {
  padding: 15px 70px 30px !important;
}
div#group-pay-modal ul {
  margin: 0;
}
div#group-pay-modal #client_details_row li {
  min-width: 200px;
  padding-bottom: 30px;
}
div#groupPayModal form {
  margin-top: 50px;
}
.edit-profile-tab .form ul li label {
  float: left;
  font-weight: bold;
}
.update-btn {
  width: 50% !important;
  margin: 0 auto;
}
.edit-profile-tab .form select {
  height: 52px;
  border-radius: 10px;
  background-color: rgba(223,231,237,1);
  font-size: 17px;
}
.assignment-tabel-tab .mobile-layout {
  display: none;
}
.destination-tabel-tab .mobile-layout {
  display: none;
}
.edit-profile-tab input[type=checkbox] {
  background-color: inherit !important;
}
.edit-profile-tab input[type=checkbox] {
  background-color: inherit !important;
  width: 20px;
}
.edit-profile-tab span {
  font-size: 14px;
  float: left;
  margin-top: 5px;
  margin-left: 10px;
  font-weight: bold;
  color: #777;
}
.mobile-details-heading-section {
  display: none;
}

.waitlist select {
  height: 55px;
  width: 100%;
  border-radius: 10px;
  background-color: rgba(223, 231, 237, 1);
  padding: 10px;
  font-size: 16px;
}
#client-dropdown span.select2-selection.select2-selection--single {
  height: 55px;
  width: 100%;
  border-radius: 10px;
  background-color: rgba(223, 231, 237, 1);
  padding: 10px;
  font-size: 16px;
}
span.select2-dropdown.select2-dropdown--below {
  background-color: rgba(223, 231, 237, 1);
}
input.select2-search__field {
  background-color: rgba(223, 231, 237, 1);
  border-radius: 8px;
}
.waitlist .select2-selection--single .select2-selection__arrow {
  top: 12px;
}
.waitlist .select2-selection--single .select2-selection__placeholder {
  color: #000 !important;
}

/* Scrollable container */
.scrollable-container {
  max-height: 500px;
  overflow-y: auto;
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 5px;
}

/* Ensure each section occupies equal space in a row */
.photo-tab-row .col-md-4 {
  flex: 0 0 33.33%;
  max-width: 33.33%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}

/* Activity photo wrapper to enforce consistent height */
.activity-photo-wrapper {
  max-width: 160px;
  height: 180px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  position: relative;
  border-radius: 10px;
}
.activity-photo-wrapper .placeholder-thumbnail {
  width: 150px;
}
div#back-button-container button {
  background: rgba(128, 159, 184, 1);
  border: none;
  padding: 5px 30px;
}
.placeholder-thumbnail {
  width: 280px;
  height: 230px;
  background-color: #d6d6d6;
  display: flex;
  justify-content: center;
  align-items: center;
}
.summary-photo .placeholder-thumbnail {
  width: 80px;
  height: 80px;
  font-size: 15px;
}
.total-price.mt-4 {
  border-top: 1px solid #eee;
  padding-top: 20px;
}

.total-price.mt-4 h4 {
  text-align: left;
}

.total-price.mt-4 h4 span {
  float: right;
}
.conditional-div .bg-white.shadow.p-5.mb-5.rounded.information {
  height: 600px;
}
.new-guest-info-div {
  height: 618px;
}

.full-width-thumbnail {
  width: 100%;
  height: 230px;
  background-color: #d6d6d6;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Style for activity photos */
.activity-photo img {
  width: 100%;
  height: 350px;
  object-fit: cover; /* Ensures consistent size and cropping */
}

.network-logo-tab img {
  width: 100px;
  height: auto;
}

.network-logo-tab {
  margin-bottom: 20px;
  font-weight: 500;
}

.network-logo-tab span {
  margin-left: 8px;
}

/* Placeholder photo style for sections without images */
.placeholder-photo {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.2rem;
  color: #999;
  background: #eaeaea;
  border-radius: 10px;
}

/* Add space between rows */
.mb-4 {
  margin-bottom: 1.5rem;
}

/* Optional: Custom scrollbar styling */
.scrollable-container::-webkit-scrollbar {
  width: 15px;
}

.scrollable-container::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 4px;
}

.scrollable-container::-webkit-scrollbar-thumb:hover {
  background-color: #aaa;
}
.activity-title {
  text-align: left;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}

.loader-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  display: none; /* Initially hidden */
}

/* Circular Loader Spinner */
.spinner {
  width: 100px;
  height: 100px;
  border: 10px solid #fff;
  border-top: 10px solid #3498db;
  border-radius: 50%;
  animation: spin 1s linear infinite;
  position: relative;
  margin: 0 auto;
  top: 50%;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Section styling */
.photos-section {
  margin-top: 20px;
}

/* Selected photo border */
.selected-photo {
  border: 8px solid #eee;
  border-radius: 10px;
  padding: 18px 0px 0px;
}
.activity-photo-tab {
  margin-bottom: 20px;
}


.photos-grid {
  display: grid;
  grid-template-areas:
    "large-photo small-photo";
  grid-template-columns: 2fr 1fr; /* Larger left column, smaller right column */
  gap: 20px;
  align-items: start;
}

.large-photo-wrapper {
  grid-area: large-photo; /* Large photo on the left */
  width: 100%;
  aspect-ratio: 4 / 3; /* Larger aspect ratio */
  overflow: hidden;
  position: relative;
  border-radius: 10px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  background-color: #f8f9fa;
}

.large-photo-wrapper.full-width {
  grid-area: auto;
  width: 100%;
  height: auto;
  aspect-ratio: unset;
  display: block;
  margin-bottom: 20px;
}

.large-photo-wrapper.full-width img {
  width: 100%;
  height: 280px;
  object-fit: cover;
  border-radius: 10px;
}

.small-photo-wrapper {
  grid-area: small-photo;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.small-photo-wrapper .top-photo {
  width: 100%;
  aspect-ratio: 1 / 1; /* Top photo remains square */
  overflow: hidden;
  position: relative;
  border-radius: 10px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  background-color: #f8f9fa;
}

.small-photo-wrapper .bottom-photos {
  display: flex; /* Align the remaining photos horizontally */
  gap: 10px;
}

.bottom-photos .photo {
  width: 100%;
  aspect-ratio: 1 / 1; /* Square photos */
  overflow: hidden;
  position: relative;
  border-radius: 10px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  background-color: #f8f9fa;
}

.large-photo-wrapper img,
.small-photo-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}

.carousel-inner img {
  max-height: 80vh;
  object-fit: contain;
  border-radius: 10px;
}

.left-tab-information {
  margin-bottom: 30px;
}

.col-5.left-information-section.bg-white.shadow.p-5.mb-5.rounded {
  height: 600px;
  overflow-y: auto;
  border-radius: 10px !important;
}

.summary-photo-tab {
  display: flex;
  align-items: center;
}

.summary-photo img {
  width: 80px;
  height: 80px;
  object-fit: cover;
}

.summary-photo {
  display: flex;
  flex-shrink: 0;
}

.photo-caption {
  padding-left: 15px;
  font-weight: bold;
  text-align: left;
}

.trip-cart-box .summary-date .river-info {
  width: 80%;
}

/* Pricing Details */

.pricing-details-section {
  font-size: 16px;
}

.pricing-item {
  margin-bottom: 1rem;
  padding: 10px 0;
}
.other-information {
  width: 100%;
  float: left;
}
.img-thumbnail {
  border: none;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.photo-detail-tab h6 {
  font-size: 16px;
  margin-bottom: 4px;
}

.photo-detail-tab .section-price {
  font-size: 16px;
  color: #000;
}
.add-cart-button .btn {
  font-size: 16px;
  text-transform: uppercase;
  padding: 10px;
}

.section-date,
.time-slot,
.group-size {
  font-size: 14px;
  font-weight: 600;
  display: flex;
  justify-content: space-between;
  line-height: 1.5;
  border-bottom: 1px solid #ddd;
  padding-top: 20px;
  padding-bottom: 20px;
}

.section-date span,
.time-slot span,
.group-size span {
  display: inline-block;
}

.section-name,
.section-price {
  margin-bottom: 0.5rem;
}

.pricing-item .section-name {
  color: #000;
}

.pricing-item .section-price {
  color: #000;
}
.mt-4.add-cart-button {
  margin-top: 20rem !important;
}

.total-price {
  font-size: 18px;
  font-weight: bold;
}

.col-3.right-pricing-details-section.bg-white.shadow.p-5.mb-5.rounded {
  height: 585px;
  margin-left: 10px;
  padding: 30px !important;
  overflow-y: auto;
}

/* Assignment Payment Box */
.bg-white.shadow.p-5.mb-5.rounded.assignment-payment-box {
  height: 520px;
}

.assignment-payment-box #Assignments_Information {
  max-height: 300px;
}

/* Navbar section */

.nabar-tabs-section ul li .nav-link {
  color: rgba(53, 80, 101, 1) !important;
}
.tab-content {
  text-align: left;
  padding: 0px 10px;
}

.nabar-tabs-section .active {
  color: #000 !important;
}
.nabar-tabs-section .tab-content .tab-pane {
  font-weight: normal !important;
}
.activity-section-info.d-flex img {
    width: 80px;
    height: 80px;
    border-radius: 10px;
    object-fit: cover;
}
.activity-section-info .placeholder-thumbnail.me-3 {
  width: 80px;
  height: 80px;
}
.fixed-bottom-buttons {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 10px 350px;
  z-index: 999; /* Ensure it stays on top of other content */
}

.fixed-bottom-buttons .btn {
  margin: 0 10px;
}

.new-waitlist .col-md-6.mb-4 {
  width: 100%;
}

.new-waitlist label {
  margin-bottom: 10px;
}

.new-waitlist input#mobile_phone {
  height: 55px;
  width: 100%;
  border-radius: 10px;
  background-color: rgba(223, 231, 237, 1);
}

button#search-client-btn {
  background-color: rgba(128, 159, 184, 1);
  height: 85px;
  width: 100%;
  border: none;
  text-decoration: none;
  box-shadow: none;
  color: white;
  font-size: 20px;
  font-weight: 500;
  border-radius: 18px;
  padding-right: 30px;
  font-weight: 600;
  text-transform: none;
}

div#client-matches {
  margin-top: 20px;
  background: #eee;
  padding: 20px;
  border-radius: 18px;
}

div#client-matches h5 {
  border-bottom: 1px solid rgb(195 197 198);
  padding-bottom: 10px;
}

ul#client-list {
  list-style: none;
  text-align: left;
  padding: 10px 0px;
  margin-left: 0;
}

ul#client-list li {
  margin-bottom: 20px;
}

button#confirm-client-btn {
  background-color: rgba(128, 159, 184, 1);
  height: 50px;
  width: 25%;
  border: none;
  text-decoration: none;
  box-shadow: none;
  color: white;
  font-size: 20px;
  border-radius: 18px;
  font-weight: 600;
  text-transform: none;
}
button#no-match-btn {
  background-color: rgba(128, 159, 184, 1);
  height: 50px;
  width: 25%;
  border: none;
  text-decoration: none;
  box-shadow: none;
  color: white;
  font-size: 20px;
  border-radius: 18px;
  font-weight: 600;
  text-transform: none;
}

.waitlist-name-fields input {
  height: 55px;
  width: 100%;
  border-radius: 10px;
  background-color: rgba(223, 231, 237, 1);
}

.waitlist-name-fields h5 {
  margin-bottom: 40px;
}
.row.waitlist-names {
  margin-bottom: 20px;
}

.waitlist-name-fields label {
  display: block;
  text-align: left;
}

button#search-by-name-btn {
  background-color: rgba(128, 159, 184, 1);
  height: 70px;
  width: 100%;
  border: none;
  text-decoration: none;
  box-shadow: none;
  color: white;
  font-size: 20px;
  border-radius: 18px;
  font-weight: 600;
  text-transform: none;
}

div#name-matches {
  margin-top: 20px;
  background: #eee;
  padding: 20px;
  border-radius: 18px;
}

div#name-matches h5 {
  border-bottom: 1px solid rgb(195 197 198);
  padding-bottom: 10px;
}

ul#name-match-list {
  list-style: none;
  text-align: left;
  padding: 10px 0px;
  margin-left: 0;
}

ul#name-match-list li {
  margin-bottom: 20px;
}

button#confirm-name-btn {
  background-color: rgba(128, 159, 184, 1);
  height: 50px;
  width: 25%;
  border: none;
  text-decoration: none;
  box-shadow: none;
  color: white;
  font-size: 20px;
  border-radius: 18px;
  font-weight: 600;
  text-transform: none;
}
button#no-match-btnn {
  background-color: rgba(128, 159, 184, 1);
  height: 50px;
  width: 25%;
  border: none;
  text-decoration: none;
  box-shadow: none;
  color: white;
  font-size: 20px;
  border-radius: 18px;
  font-weight: 600;
  text-transform: none;
}

.mobile-heading-section.mobile-only {
    display: none;
}

.assignment-tabel-tab .mobile-layout { 
    display: none; 
}
.mobile-layout {
  display: none;
}
.mobile-tab {
  display: none;
}

.top-header-buttons {
    margin-bottom: 30px;
}

.col-md-6.text-center.top-header-buttons a {
    border-radius: 10px;
    background-color: rgba(128, 159, 184, 1);
    font-size: 20px;
    color: white;
    border-color: transparent;
}

.col-md-6.text-center.top-header-buttons a.active {
    background: rgba(223, 231, 237, 1);
    color: #000;
    border-bottom: 1px solid rgba(128, 159, 184, 1);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.lodges-buttons input#check_in_date {
    width: 100%;
    height: 68px;
    border-radius: 18px;
    text-align: left;
    font-size: 18px;
    padding-left: 80px;
    /* padding-bottom: 10px; */
    font-weight: 600;
    border: 2px solid rgba(59, 80, 99, 1);
    /* box-shadow: 0 0 2px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .24); */
    animation-duration: .1ms;
    animation-name: mui-node-inserted;
    transition: all .2s ease-in-out;
}
.lodges-buttons input#check_out_date {
    width: 100%;
    height: 68px;
    border-radius: 18px;
    text-align: left;
    font-size: 18px;
    padding-left: 80px;
    /* padding-bottom: 10px; */
    font-weight: 600;
    border: 2px solid rgba(59, 80, 99, 1);
    /* box-shadow: 0 0 2px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .24); */
    animation-duration: .1ms;
    animation-name: mui-node-inserted;
    transition: all .2s ease-in-out;
}

.btn-tab {
  border: none;
  background: none;
  font-weight: 500;
  padding: 8px 16px;
  position: relative;
}

.btn-tab:hover {
  border: none;
}

i.fa.fa-tasks {
    font-size: 26px;
}

i.fa.fa-bed {
    font-size: 26px;
}
i.fa.fa-home {
  font-size: 26px;
}

.btn-tab.active::after {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background-color: #000;
  position: absolute;
  bottom: -6px;
  left: 0;
  border-radius: 2px;
}

.clickable-lodge-photo a {
    color: #000;
    text-decoration: none;
    border: navajowhite;
}

body#AccessReservations {
    background: #eee;
}
.lodge-card {
    border-radius: 18px;
}

.lodge-first-photo img {
    width: 440px;
    height: 350px;
}

.lodge-second-photo img {
    width: 220px;
    height: 220px;
}

.lodge-client-info form input {
    height: 55px;
    width: 100%;
    border-radius: 10px;
    background-color: rgba(223, 231, 237, 1);
    font-weight: 500;
    margin-bottom: 40px;
}

.lodge-btn {
    background: rgba(128, 159, 184, 1) !important;
    color: #fff !important;
    font-size: 20px !important;
    box-shadow: none !important;
    border: 0 !important;
    margin-top: 0 !important;
}

.lodge-client-info {
    margin-top: 40px;
}

.lodge-client-title i.fa.fa-user {
    font-size: 20px;
}

.lodge-client-title span {
    font-size: 25px;
}

.col-4.bg-white.shadow.p-5.mb-5.rounded.lodgle-client-info {
    height: 600px;
    overflow-y: scroll;
    margin-right: 10px;
}

.lodge-photo-tab {
    border-bottom: 1px solid #eee;
    padding-bottom: 30px;
}

.lodging-description {
    padding-top: 20px;
    text-align: left;
}

/* media-queries */

@media (max-width: 1600px) { 
  .col-4.guests {
    width: 43%;
  }
  .col-md-8.main-page {
    width: 85%;
  }
  svg.Form_42 {
    left: 65px;
  }
  .trip-name-date.col-4 {
    width: 36%;
  }
  .col-8.col-left {
    width: 64%;
  }
  div#ui-datepicker-div {
    width: 443px;
    left: 788px;
  }
  .ui-widget-header {
    padding-top: 15px !important;
  }
  a.ui-datepicker-prev.ui-corner-all {
    left: 320px;
  }
  a.ui-datepicker-next.ui-corner-all {
    left: 380px;
  }
  .Form_1_Kopie_2 {
    left: 170px;
  }
  .select-items div {
    padding-left: 12px;
    font-size: 14px;
  }
  .group .same-as-selected.selected-item i.fa.fa-check {
    right: -60px;
  }
  .form-switch .white-box {
    width: 47%;
    font-size: 13px !important;
    padding-top: 7px;
  }
  .form-switch .white-box span {
    font-size: 14px;
  }
  .form-switch .unchecked-text {
    font-size: 13px !important;
    margin-right: 6px;
    margin-top: 0px;
  }
  .col-4.guest {
    width: 38%;
  }
  .col-4.payment {
    width: 43%;
  }
  span.flash-Alert-close-small {
    margin-top: -40px;
  }
  .col-4.info {
    width: 40%;
  }
  .right-section table thead th {
    padding: 14px 6px 0px;
    text-align: center;
    padding-bottom: 12px !important;
  }
  .assignment-tabel-tab table tbody tr td {
    padding: 8px;
    text-align: center;
  }
  /* table.grid {
    margin-left: -30px !important;
  } */
  .assignment-tabel-tab table tbody td a {
    width: 72% !important;
  }
}

@media (max-width: 1400px) {
  div#ui-datepicker-div {
    width: 395px;
  }
  .ui-widget-header {
    padding-top: 10px !important;
  }
  a.ui-datepicker-prev.ui-corner-all {
    left: 260px;
    top: -4px;
  }
  a.ui-datepicker-next.ui-corner-all {
    left: 330px;
    top: -4px;
  }
  .Form_1_Kopie_2 {
    left: 145px;
  }
  .form-switch input:checked + label::before {
    right: 68px;
    width: 50%;
  }
  .col-2.text-left.toggle {
    width: 19%;
  }

.form-switch label::before {
  right: 56px;
  width: 55%;
}
.form-switch label {
  padding-right: 7px;
  font-size: 15px;
}
svg.Form_42 {
  left: 50px;
}
.select-items div {
  padding-left: 12px;
  font-size: 15px;
}
.group .same-as-selected.selected-item i.fa.fa-check {
  right: -55px;
}
.group .select-selected {
  padding-left: 0;
}
.col-5.guest {
  width: 45%;
}
div#Group_2026 img {
  height: 1270px;
}
.col-4.guest {
  width: 40%;
}
.col-4.payment {
  width: 43%;
}
span.flash-Alert-close-small {
  margin-top: -40px;
}
.col-4.info {
  width: 43%;
}
.row.another .col-2 {
  width: 9%;
}
.another .col-4 {
  width: 40%;
}
.col-4.guests {
  width: 51%;
}
table.grid {
  margin-left: -25px !important;
}
}

@media (max-width: 1280px) { 
  .logo-network-div img {
    width: 210px;
  }
  table.grid {
    margin-left: -10px !important;
  }
  .terms-conditions label {
    color: #b6b6b6;
    font-size: 19px;
  }
  .terms-conditions input[type="checkbox"] {
    width: 25px;
    height: 25px;
  }
  .assignment-tabel-tab table tbody tr td {
    padding: 4px;
    text-align: center;
    padding-bottom: 10px !important;
  }
  .p-5.left-section.fixed-column {
    padding: 80px 30px 30px !important;
  }
  .modal.saved-payment-information {
    width: 50% !important;
  }
  .top-row .col-1 {
    width: 0;
  }
  .top-row .col-2.text-left.custom-select.partial-div {
    width: 20%;
  }
  .top-row .col-2.text-left.custom-select.group {
    width: 20%;
  }
  .top-row .col-4.calendar-box {
    width: 32%;
  }
  .top-row .col-3.text-right.custom-select.populate-available-guides {
    width: 27%;
  }
  .bg-white.shadow.home.p-5.mb-5.client-request {
    padding: 48px !important;
  }
  .col-md-8.main-page {
    width: 85%;
  }
  .bottom-row .col-4.calendar-box {
    width: 36%;
  }
  .bottom-row .col-3.populate-available-guides {
    width: 31%;
  }
  .col-5.left-information-section.guest-info.bg-white.shadow.p-5.mb-5.rounded {
    padding: 35px !important;
  }
  .col-5.left-information-section.view-activity.bg-white.shadow.p-5.mb-5.rounded {
    width: 50%;
    padding: 35px !important;
  }
  .col-3.right-pricing-details-section.view-activity-right.bg-white.shadow.p-5.mb-5.rounded {
    width: 30%;
  }
  .col-4.my-cart {
    width: 48%;
  }
  .col-3.right-pricing-details-section.cart-details.bg-white.shadow.p-5.mb-5.rounded {
    width: 33%;
  }
  .col-4.payment-box-left {
    width: 50%;
  }
  .bg-white.shadow.p-5.mb-5.rounded.assignment-payment-box {
    height: 550px;
  }
  .activity-photo-wrapper .placeholder-thumbnail {
    width: 140px;
  }
  .mobile-layout {
    display: none;
  }
}

@media (max-width: 1200px) {
  .home {
    padding: 35px 20px !important;
  }
  .placeholder-thumbnail {
    width: 265px;
  }
  .network_name {
    font-size: 25px;
  }
  .Form_1_Kopie_2 {
    left: 150px;
  }
  div#Group_2026 img {
    height: 1195px;
  }
  .custom-select.group .select-selected {
    text-overflow: initial;
  }
  svg.Form_42 {
    width: 26px;
    height: 24px;
    left: 29px;
  }
  svg.Form_1 {
    right: 30px;
    top: 28px;
    width: 13px;
  }
  .select-selected {
    font-size: 17px;
  }
  div#ui-datepicker-div {
    width: 418px;
    left: 553px !important;
  }
  .ui-datepicker-title {
    margin-left: 11px !important;
  }
  a.ui-datepicker-prev.ui-corner-all {
    left: 190px;
  }
  a.ui-datepicker-next.ui-corner-all {
    left: 250px;
  }
  svg.Form_22 {
    width: 23px;
  }
  svg.Form_1_h {
    width: 13px;
    right: 19px;
    top: 28px;
  }
  .custom-select.group .select-selected {
    padding: 17px 14px 17px 0px;
  }
  .select-items div {
    font-size: 15px;
    padding-left: 12px;
  }
  .same-as-selected.selected-item i.fa.fa-check {
    font-size: 18px;
  }
  .select-items {
    width: 89%;
  }
  .group .select-items {
    width: 78%;
  }
  .group .select-items div {
    padding-top: 13px;
  }
  .group .same-as-selected.selected-item i.fa.fa-check {
    right: -44px;
  }
  .guest {
    width: 60%;
  }
  #checkout-btn {
    font-size: 17px;
    padding-left: 0;
  }
  svg.Form_1_Kopie_2_bk.left {
    bottom: 62px;
    right: 55px;
  }
  .Form_1_Kopie_2_bk {
    right: 85px;
  }
  .col-md-8.main-page {
    width: 86%;
  }
  .form-switch label::before {
    right: 62px;
    width: 45%;
  }
  .form-switch input:checked + label::before {
    right: 58px;
  }
  .form-switch label {
    font-size: 14px;
  }
  .form-switch input:checked + label::before {
    right: 74px;
  }
  .form-switch label::before {
    right: 76px;
  }
  .right-section table thead th {
    padding: 14px 6px 0px;
    text-align: center;
    padding-bottom: 12px !important;
  }
  .assignment-tabel-tab table tbody tr td {
    padding: 5px;
    text-align: center;
    padding-bottom: 10px !important;
    font-size: 11px;
  }
  .col-3.p-5.left-section.fixed-column {
    width: 21%;
    padding: 20px !important;
  }
  a.saved-card-button {
    font-size: 13px;
  }
  .row.bg-white.shadow.p-4.mb-5.al-details-section {
    padding: 20px !important;
  }
  .logo-network-div img {
    width: 180px;
  }
  .col-8.right-section {
    width: 77%;
  }
  table.grid {
    margin-left: -26px !important;
  }
  .col-5.left-information-section.guest-info.bg-white.shadow.p-5.mb-5.rounded {
    width: 50%;
  }
}

/* @media only screen and (max-width: 820px) and (max-height: 1180px) {
  .row.bg-white.shadow.p-4.mb-5.al-details-section {
    padding: 15px !important;
  }
  .assignment-tabel-tab table tbody tr td {
    padding: 4px !important;
  }
  .destination-tabel-tab table tbody tr td {
    padding: 4px !important;
  }
  table.grid th {
    font-size: 9px !important;
  }
  .payment-details table tbody tr td {
    padding: 35px !important;
    padding-top: 10px !important;
  }
  .payment-table thead th {
    padding: 18px 65px 0px 65px;
  }
} */

@media (max-width: 1080px) {
  .pending-assignment-btn {
    position: inherit;
    display: flex;
    margin-bottom: 10px;
    justify-content: end;
  }
  .edit-profile .col-8 {
    flex: 0 0 auto;
    width: 90%;
  }
  .modal {
    left: 0%;
  }
  .right-section table thead th {
    padding: 18px 10px 0px 10px;
  }
  .assignment-tabel-tab table tbody tr td {
    padding: 9px;
    padding-bottom: 10px !important;
    font-size: 14px;
  }
  table.grid th {
    font-size: 14px;
  }
  .logo-network-div img {
    width: 120px;
    height: auto;
  }
  .avatar img {
    width: 150px;
  }
  .information-client-tab span {
    font-size: 14px;
  }
  .col-3.left-section.fixed-column {
    width: 100% !important;
    position: inherit;
    height: auto;
    margin-bottom: 20px;
  }
  .information-client-tab {
    margin: 20px 0px 50px;
  }
  .col-8.right-section {
    width: 100%;
  }
  table.grid {
    margin-left: -12px !important;
  }
  table.grid th {
    padding: 16px 5px;
  }
  .avatar {
    display: inline-block;
    float: left;
  }
  .avatar img {
    width: 170px;
  }
  i.fa.fa-camera {
    margin-top: 20px;
  }
  .information-client-tab {
    display: inline-block;
    float: left;
    margin: 50px 0px 50px 100px;
  }
  .logo-network-div img {
    width: 230px;
    height: 180px;
    float: right;
    margin-top: 15px;
  }
  .information-client-tab h3 {
    font-size: 23px;
    margin-bottom: 10px;
  }
  .modal.saved-payment-information {
    width: 60% !important;
  }
  .edit-profile-btn {
    position: inherit;
    display: flex;
    margin-bottom: 10px;
    justify-content: end;
  }
  .bg-white.shadow.home.p-5.mb-5.client-request {
    padding: 38px !important;
  }
  .activity-photo-wrapper {
    max-width: 130px;
  }
  .activity-photo-wrapper .placeholder-thumbnail {
    width: 130px;
  }
  .top-row .col-3.text-right.custom-select.populate-available-guides {
    width: 28%;
  }
  .col-3.right-pricing-details-section.view-activity-right.bg-white.shadow.p-5.mb-5.rounded {
    width: 35%;
  }
  .col-3.right-pricing-details-section.view-activity-right.bg-white.shadow.p-5.mb-5.rounded {
    height: 600px;
  }
  .col-4.guests.responsive {
    width: 47%;
  }
  .col-5.left-information-section.guest-info.bg-white.shadow.p-5.mb-5.rounded {
    padding: 20px !important;
    width: 60%;
  }
  .left-information-section.guest-info .summary-box.p-4.bg-round {
    padding: 15px !important;
  }
  .col-4.guests.responsive .bg-white.shadow.p-5.mb-5.rounded.information {
    padding: 35px !important;
  }
  .mobile-layout {
    display: none;
  }
}

@media (max-width: 991px) { 
  .bg-white.shadow.p-5.mb-5.rounded.cart-box {
    padding: 35px !important;
  }
  .col-4.my-cart {
    width: 55%;
  }
  .col-3.right-pricing-details-section.cart-details.bg-white.shadow.p-5.mb-5.rounded {
    width: 38%;
  }
  .bg-white.shadow.p-5.mb-5.rounded.information {
    padding: 20px !important;
  }
  .col-md-4.d-flex.flex-column.align-items-center.mb-4.clickable-photo {
    width: 50% !important;
    max-width: inherit;
  }
  .activity-photo-wrapper {
    max-width: 140px;
  }
  .placeholder-thumbnail {
    width: 280px;
  }
  .activity-photo-wrapper .placeholder-thumbnail {
    width: 100%;
  }
  .activity-photo {
    width: 280px;
  }
  .row.photo-tab-row.scrollable-container {
    padding: 8px;
  }
  .col-5.left-information-section.view-activity.bg-white.shadow.p-5.mb-5.rounded {
    width: 55%;
    padding: 20px !important;
  }
  .col-3.right-pricing-details-section.view-activity-right.bg-white.shadow.p-5.mb-5.rounded {
    width: 40%;
    padding: 20px !important;
  }
  .activity-section-info.d-flex img {
    width: 100px;
    height: 100px;
    margin-right: 20px !important;
  }
  .col-md-2.d-flex.flex-column.align-items-center.mb-4.clickable-photo {
    width: 25%;
  }
  .photo-detail-tab {
    text-align: left;
  }
  .photo-detail-tab .section-name.d-block.fw-bold {
    font-size: 19px;
  }
  .col-4.guests.responsive {
    width: 50%;
    padding-right: 0px !important;
  }
  .guest-page .pull-left.river-info {
    width: 50%;
  }
  .guest-page .selected-price.pull-right.col-2 {
    width: 22%;
  }
  .modal {
    max-width: 900px !important;
  }
  .header-title {
    background: rgb(223, 231, 237);
  }
  .pay-div input[type="submit"] {
    font-size: 22px;
  }
  div#ui-datepicker-div {
    width: 500px;
    left: 175px !important;
  }
  .Form_1_Kopie_2 {
    left: 95px;
  }
  .col-md-8.main-page {
    width: 90%;
  }
  .form-switch input:checked + label::before {
    right: 55px;
  }
  .col-2.text-left.toggle {
    width: 18%;
  }
  .row.another .col-2 {
    width: 4%;
  }
  .heading .col-2 {
    width: 16% !important;
  }
  svg.Form_1_Kopie_2_bk.left {
    bottom: 70px;
    right: 40px;
  }
  .Form_1_Kopie_2_bk {
    right: 80px;
  }
  #checkout-btn {
    font-size: 18px;
  }
  .another .col-4 {
    width: 46%;
  }
  .guest-box {
    padding: 25px !important;
  }
  .details-box {
    padding: 25px !important;
  }
  .guest-box .col-6 {
    width: 100%;
  }
  .title {
    padding-top: 14px !important;
    padding-bottom: 10px !important;
  }
  .title span {
    font-size: 19px;
    padding-left: 22px !important;
  }
  .details-box #scroll-container {
    height: 550px;
  }
  .details-trip {
    font-size: 18px;
  }
  .details-box #scroll-container {
    height: 573px;
  }
  .details button {
    font-size: 20px;
  }
  .details svg.Form_1_Kopie_2_ {
    width: 19px;
    height: 14px;
    left: -22px;
  }
  .network_name {
    font-size: 20px;
  }
  .guest-box .col-md-6 {
    width: 100%;
  }
  .col-4.info {
    width: 63%;
  }
  .heading-confirmation span {
    font-size: 25px;
  }
  .heading-confirmation i {
    font-size: 30px !important;
  }
  .col-4.payment {
    width: 80%;
  }
  .heading span {
    font-size: 27px;
  }
  #FlashAlert {
    width: 400px;
    margin-left: -80px;
  }
  .col-4.guest {
    width: 80%;
  }
  .col-4.guests {
    width: 71%;
  }
  a.ui-datepicker-next.ui-corner-all {
    left: 255px;
  }
  a.ui-datepicker-prev.ui-corner-all {
    left: 195px;
  }
  .col-2.text-left.toggle {
    width: 19%;
  }
  .form-switch .white-box span {
    font-size: 12px;
  }
  .form-switch .unchecked-text {
    font-size: 11px;
    margin-right: -4px;
  }
  .form-switch .white-box {
    left: 4px;
  }
  .col-3.bg-white.shadow.p-5.left-section.fixed-column {
    width: 100%;
    position: relative;
    height: auto;
    margin-bottom: 30px;
  }
  .col-8.right-section {
    width: 100%;
  }
  .right-section table thead th {
    padding: 18px 15px 0px 15px;
  }
  .assignment-tabel-tab table tbody tr td {
    padding: 6px;
  }
  table.grid {
    margin-left: -12px !important;
  }
  .avatar {
    display: inline-block;
    float: left;
  }
  .avatar img {
    width: 170px;
  }
  i.fa.fa-camera {
    margin-top: 20px;
  }
  .information-client-tab {
    display: inline-block;
    float: left;
    margin: 50px 0px 50px 100px;
  }
  .bg-white.shadow.p-5.mb-5.rounded.payment-box {
    padding: 30px !important;
  }
  .col-4.payment-box-left {
    width: 80%;
  }
  .logo-network-div img {
    width: 230px;
    height: 180px;
    float: right;
    margin-top: 15px;
  }
  .bg-white.shadow.home.p-5.mb-5.client-request {
    padding: 20px !important;
  }
  .info.mobile #Success_Your_trip_is_booked_Am {
    margin-top: 0 !important;
  }
  .information-client-tab h3 {
    font-size: 28px;
    margin-bottom: 10px;
  }
  .information-client-tab span {
    font-size: 18px;
  }
  a.edit-profile-button {
    font-size: 18px;
  }
  .col-8.bg-white.shadow.p-5.right-section {
    padding: 50px !important;
  }
  .assignment-tabel-tab table tbody tr td {
    padding: 9px;
    padding-bottom: 10px !important;
    font-size: 14px;
  }
  table.grid th {
    font-size: 14px;
  }
  .assignment-tabel-tab table {
    display: none; /* Hide the table on smaller screens */
  }
  table.payment-table {
    display: block !important;
  }
  .payment-table thead th {
    font-size: 16px !important;
    color: #000 !important;
  }
  .assignment-tabel-tab .mobile-layout {
    display: block; /* Show the mobile layout */
  }
  .destination-tabel-tab table {
    display: none; /* Hide the table on smaller screens */
  }
  .destination-tabel-tab .mobile-layout {
    display: block !important; /* Show the mobile layout */
  }
  .assignment-details {
    padding: 20px;
    font-size: 24px;
  }
  .payment-details table {
    display: block;
  }
  h3.details-heading-section svg {
    width: 38px;
  }
  h3.details-heading-section {
    font-size: 30px;
  }
  .history-button {
    font-size: 18px;
  }
  .assignment-tabel-tab table tbody tr td {
    padding: 22px;
    font-size: 20px;
  }
  table.payment-table tbody tr td {
    font-size: 20px;
    text-align: center;
  }
  .details-heading-section.web {
    display: none;
  }
  .assignment-tabel-tab .mobile-layout { 
    display: block; 
  }
  .right-section table thead th {
    padding: 18px 46px 0px 46px;
    font-size: 20px;
  }
  .pay-div {
    width: 90%;
  }
  #savedCardsModal table {
    display: block;
  }
  .top-row .col-5.text-right.custom-select {
    width: 100%;
    margin-bottom: 20px;
  }
  .top-row .col-2.text-left.custom-select.partial-div {
    width: 100%;
    margin-bottom: 20px;
  }
  .top-row .col-2.text-left.custom-select.group {
    width: 100%;
    margin-bottom: 20px;
  }
  .top-row .col-4.calendar-box {
    width: 100%;
    margin-bottom: 20px;
  }
  .top-row .col-3.text-right.custom-select.populate-available-guides {
    width: 100%;
  }
  .bottom-row .col-4.calendar-box {
    width: 100%;
    margin-bottom: 20px;
  }
  .bottom-row .col-3.populate-available-guides {
    width: 100%;
  }
  .row.double-buttons {
    margin-top: 100px !important;
  }
  .fixed-bottom-buttons {
    padding: 10px 100px;
  }
  .row.double-buttons .col-6.text-right {
    margin-bottom: 25px;
  }
  .col-3.bg-white.shadow.p-5.left-section.fixed-column {
    margin-right: 0;
  }
  .pending-assignment-btn {
    position: inherit;
    display: flex;
    margin-bottom: 10px;
    justify-content: end;
  }
  .edit-profile .col-8 {
    width: 100%;
  }
  .row.justify-content-center.edit-profile .col-3 {
    margin-top: 0px;
  }
  span.flash-Alert-close-small {
    margin-top: -10px;
  }
  .mobile-layout {
    display: block;
  }
  .mobile-tab {
    display: block;
  }
}
@media (max-width: 767px) {
  .right-section table thead th {
    padding: 18px 26px 0px 26px;
  }
  .assignment-tabel-tab table tbody tr td {
    padding: 3px;
  }
  .row.photo-tab-row.scrollable-container {
    padding: 10px;
    padding-right: 0;
  }
  .activity-photo-wrapper {
    max-width: 260px;
  }
  .col-md-2.d-flex.flex-column.align-items-center.mb-4.clickable-photo {
    width: 49%;
  }
  .assignment-details {
    font-size: 18px;
  }
  .trip-details {
    margin-left: 0;
  }
}

@media (max-width: 740px) {
  .logo-network-div img {
    float: inherit;
  }
  .information-client-tab {
      float: inherit;
      margin: 20px 0px;
  }
  .avatar{
    display: contents;
  }
  .logo-network-div img {
    width: 130px;
    height: 130px;
  }
  .col-3.p-5.left-section.fixed-column {
    padding-bottom: 40px;
  }
}

@media (max-width: 480px) {
  .row.double-buttons {
    margin-top: 50px !important;
  }
  .header-top img {
    width: 200px;
  }
  .header-top {
    padding: 0 20px;
    margin-bottom: 20px !important;
   }
  .row.mb-4.heading {
    padding-top: 5px !important;
    margin-bottom: 16px !important;
  }
  .col-8.network img {
    width: 33px;
    height: auto;
  }
  .col-8.network span.network_name {
    font-size: 17px !important;
  }
  .col-4.text-right.custom-select {
    width: 100%;
    margin-bottom: 15px;
  }
  .col-2.text-left.custom-select.group {
    width: 100%;
    margin-bottom: 15px;
  }
  .col-3.calendar-box {
    width: 100%;
    margin-bottom: 15px;
  }
  .col-3.custom-select.populate-available-guides {
    width: 100%;
  }
  .row.toggle-row .col-4 {
    width: 100px;
  }
  .row.toggle-row {
    margin-top: 270px !important;
  }
  .activity-photo-wrapper .placeholder-thumbnail {
    width: 100%;
  }
  .col-md-2.d-flex.flex-column.align-items-center.mb-4.clickable-photo {
    width: 100%;
  }
  div#ui-datepicker-div {
    width: 360px;
    left: 60px !important;
    z-index: 120 !important;
  }
  .col-2.text-left.toggle {
    width: 50%;
  }
  .form-switch .unchecked-text {
    margin-right: 8px;
  }
  #next-button {
    font-size: 14px;
  }
  #save-and-add {
    font-size: 15px;
  }
  .col-4.guests {
    width: 100%;
  }
  .rounded.information .col-6 {
    width: 100%;
    margin-bottom: 15px;
  }
  .rounded.information .mb-3 {
    margin-bottom: 0 !important;
  }
  .row.guest_name {
    margin-bottom: 20px;
  }
  .row.mt-3.guest_notes {
    margin-top: 0 !important;
  }
  .double-button-row .col-6 {
    margin-bottom: 0px !important;
    width: 100%;
  }
  .col-5.left-information-section.view-activity.bg-white.shadow.p-5.mb-5.rounded {
    width: 90%;
    padding: 15px !important;
  }
  .col-3.right-pricing-details-section.view-activity-right.bg-white.shadow.p-5.mb-5.rounded {
    width: 90%;
    padding: 20px !important;
  }
  .nabar-tabs-section #myTab {
    margin: 0px;
  }
  .tab-pane.fade.p-3.active.show {
    padding: 10px !important;
    font-size: 16px;
    font-weight: 400;
  }
  .network-logo-tab img {
    width: 70px;
  }
  .activity-section-info.d-flex img {
    width: 80px;
    height: 80px;
    margin-right: 20px !important;
  }
  .photo-detail-tab {
    text-align: left;
  }
  svg.Form_1_Kopie_2_bk.left {
    bottom: 70px;
    right: 45px;
  }
  #Assignments_Information {
    font-size: 14px;
  }
  .summary-box.p-4 {
    padding: 12px !important;
  }
  .col-4.guest {
    width: 100%;
  }
  .p-5.mb-5.rounded.cart-box {
    padding: 20px !important;
  }
  .row.mt-4.cart-btn-row {
    margin-top: 20px !important;
  }
  #edit-trip-btn {
    width: 120px;
    margin: 25px 0px;
  }
  .pull-right.d-flex.align-items-center a.btn.btn-danger.btn-sm.ms-3 {
    width: 100px;
  }
  .trip-cart-box {
    padding-left: 0px !important;
    padding-bottom: 15px !important;
  }
  .col-4.payment {
    width: 100%;
  }
  .col-4.payment-box-left {
    width: 100%;
  }
  .bg-white.shadow.p-5.mb-5.rounded.assignment-payment-box {
    padding: 15px !important;
  }
  .fixed-bottom-buttons {
    padding: 10px 20px;
  }
  .col-4.my-cart {
    width: 100%;
  }
  .col-3.right-pricing-details-section.cart-details.bg-white.shadow.p-5.mb-5.rounded {
    width: 92%;
  }
  .bg-white.shadow.p-5.mb-5.rounded.cart-box {
    padding: 20px !important;
  }
  .col-5.left-information-section.guest-info.bg-white.shadow.p-5.mb-5.rounded {
    width: 90%;
  }
  .terms-conditions {
    font-size: 14px !important;
  }
  input#postal_code {
    width: 70% !important;
  }
  #ex1.modal {
    width: 70% !important;
    margin: 0 auto !important;
    height: 200px !important;
  }
  .terms-conditions input[type="checkbox"] {
    width: 20px;
    height: 20px;
  }
  .col-md-8.main-page {
    width: 100%;
  }
  .bg-white.shadow.home.p-5.mb-5.client-request {
    padding: 20px !important;
  }
  .row.align-items-center.top-row {
    margin-bottom: 0px;
  }
  #assignment_assignment_date {
    text-align: center;
    padding-left: 0;
  }
  .header-buttons.left {
    height: 35px;
    font-size: 14px;
    width: 85px !important;
  }
  div#Assignment_Activity span {
    font-size: 15px;
  }
  .another .col-4 {
    width: 100%;
  }
  .details-trip {
    padding: 1rem !important;
  }
  .heading .col-8 i {
    font-size: 25px !important;
  }
  .heading .col-8 span.network_name {
    font-size: 19px;
  }
  .trip-name-date.col-4 {
    width: 36%;
    padding: 0;
  }
  .edit-profile-heading.mb-4 span {
    font-size: 20px;
  }
  .edit-profile-heading.mb-4 i {
    font-size: 30px !important;
  }
  .bg-white.shadow.p-5.mb-5.rounded.edit-profile-tab form ul li fieldset ul li {
    width: 100% !important;
  }
  .bg-white.shadow.p-5.mb-5.rounded.edit-profile-tab form ul li label {
    display: none;
  }
  .bg-white.shadow.p-5.mb-5.rounded.edit-profile-tab {
    padding: 0px !important;
  }
  .edit-profile-tab .form input {
    width: 100% !important;
  }
  .edit-profile-tab .form select {
    width: 100%;
    margin-bottom: 10px;
  }
  ul.simpleForm li.name-fields {
    padding: 0;
  }
  .col-4.info.mobile {
    width: 100%;
  }
  .heading-confirmation span.network_name {
    font-size: 18px;
  }
  .heading-confirmation i {
    font-size: 24px !important;
  }
  .col-6.confirmation {
    width: 100%;
  }
  .confirmation .send-button {
    width: 100%;
  }
  .resend-btn-link a {
    font-size: 14px !important;
    padding: 0px !important;
  }
  .col-4.flash-alert {
    width: 100%;
  }
  .info.mobile .bg-white.shadow.p-5.mb-5.rounded {
    padding: 50px 35px !important;
  }
  .choose-payment-method.saved-card {
    margin-top: 20px;
    text-align: left;
  }
  #FlashAlert {
    width: 270px;
    margin-left: 40px;
  }
  .payment-details table tbody tr td {
    font-size: 18px !important;
  }
  .col-8.bg-white.shadow.p-5.right-section {
    padding: 20px 10px 10px !important;
  }
  .assignment-tabel-tab table tbody tr td {
    font-size: 18px;
  }
  .destination-tabel-tab table tbody tr td {
    font-size: 15px;
    text-align: center;
  }
  .row.bg-white.shadow.p-4.mb-5.al-details-section {
    padding: 10px !important;
  }
  .payment-details table tbody tr td {
    padding: 4px !important;
  }
  .mobile-details-heading-section {
    display: block;
  }
  /* .web-details-heading-section {
    display: none;
  } */
  .button-container {
    display: flex;
    margin-bottom: 20px;
  }
  .button-container .group-pay-button {
    padding: 10px 25px;
    margin-right: 10px;
  }
  .button-container a {
    padding: 10px 25px;
    margin-right: 10px;
  }
  .modal.saved-payment-information {
    width: 95% !important;
    padding: 15px 0px 30px !important;
  }
  .modal.saved-payment-information .modal-content button {
    font-size: 12px;
    padding: 6px 6px;
  }
  .terms-conditions label {
    font-size: 14px;
  }
  .photo-caption {
    font-size: 14px;
  }
  .col-md-4.d-flex.flex-column.align-items-center.mb-4.clickable-photo {
    width: 100% !important;
    max-width: inherit;
  }
  .new-guest-info-div {
    height: auto;
  }
  .row.photo-tab-row.scrollable-container {
    padding: 30px;
  }
  .right-section table thead th {
    padding: 18px 10px 0px 10px;
    font-size: 14px !important;
  }
  .details-heading-section.mobile {
    font-size: 18px;
  }
  .details-heading-section.mobile svg {
    width: 26px;
  }
  .mobile-heading-section.mobile-only {
    display: block;
  }
  .web-details-heading-section.desktop-only {
    display: none;
  }
  .mobile-details-heading-section {
    text-align: center;
    padding: 10px;
  }

  .button-row {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 10px;
  }

  .heading-row {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    font-size: 22px;
    margin: 15px 0px;
  }

  .group-pay-button,
  .history-button,
  .show-all-button {
    float: none;
    font-size: 14px;
    padding: 10px;
    background: rgba(128,159,184,1);
    color: white;
    border: none;
    border-radius: 5px;
  }
}
@media (max-width: 400px) {
  .header-top img {
    width: 150px;
  }
  .header-buttons {
    width: 100px !important;
  }
  .col-8.network {
    width: 100%;
  }
  div#ui-datepicker-div {
    width: 255px;
    left: 52px !important;
  }
  .heading .col-8 {
    width: 100%;
  }
  a.ui-datepicker-prev.ui-corner-all {
    left: 120px;
  }
  a.ui-datepicker-next.ui-corner-all {
    left: 200px;
  }
  .row.toggle-row .col-4 {
    width: 75px;
  }
  .double-buttons .col-6 {
    width: 100%;
    margin-bottom: 15px;
  }
  .heading .col-8 span.network_name {
    font-size: 20px;
  }
  .heading .fa.fa-credit-card.fa-2 {
    font-size: 17px !important;
  }
  .p-5.rounded.information {
    padding: 20px !important;
  }
  .p-5.rounded.payment-box {
    padding: 20px !important;
  }
  #Assignment_Activity {
    padding: 10px 0px 10px 10px;
  }
  div#Assignment_Activity span {
    font-size: 14px;
  }
  .enter-payment {
    padding-right: 5px;
  }
  .terms-conditions input[type="checkbox"] {
    width: 14px;
    height: 14px;
  }
  .terms-conditions {
    font-size: 12px;
  }
  .col-4.info {
    width: 93%;
  }
  .heading-confirmation .fa.fa-thumbs-o-up {
    font-size: 20px !important;
  }
  .heading-confirmation span {
    font-size: 17px;
  }
  .col-4.info {
    width: 93%;
  }
  .confirmation #view-bookings-btn {
    font-size: 14px !important;
    height: 65px;
  }
  .confirmation svg.Form_1_Kopie_2_ {
    width: 16px;
    height: 12px;
    left: -42px;
    bottom: 60px;
  }
  .fw-bold {
    font-size: 20px;
  }
  .river-info {
    width: 60%;
  }
  .selected-price.pull-right.col-2 {
    width: 22%;
  }
}  
@media (max-width: 320px) {
  .col-8.network span.network_name {
    font-size: 12px !important;
  }
  .assignment-details {
    padding: 20px 0px;
    font-size: 15px;
    max-width: 280px;
  }
  .right-section table thead th {
    padding: 18px 7px 0px 7px;
    font-size: 10px !important;
  }
  .assignment-tabel-tab table tbody tr td {
    font-size: 13px;
    padding: 12px;
  }
  .trip-details {
    margin-left: 0;
  }
  .destination-tabel-tab table tbody tr td {
    font-size: 13px;
    padding: 12px;
  }
}

#imageForm {
  enctype: multipart/form-data;
}

.image-container {
  position: relative;
  display: inline-block;
  text-align: center;
}

.fa-camera {
  margin-right: 25px;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  background-color: #fff;
  padding: 5px;
  border-radius: 50%;
  display: flex;
  align-items: center;
}

label[for="fileInput"]::after {
  content: none;
}

.choose-payment-method {
font-size: 22px;
text-align: right;
margin-top: -10px;
}
.choose-payment-method.payment-text {
display: flex;
margin-top: 10px;
}
.choose-payment-method label:after {
content: none;
}
.choose-payment-method input[type=checkbox] {
width: 30px;
height: 30px;
}
.choose-payment-method label {
color: #b6b6b6;
}