body {
    background-color: var(--color-theme-white);
    font-family: Roboto !important;
}

h2 {
    color: var(--color-theme-blue);
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

h3 {
    color: var(--color-theme-blue);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
    text-decoration: none;
}

/* Dialog tooltip container */
.tooltip-dialog {
    position: relative;
    display: inline;
    cursor: pointer;
}

.tooltip-dialog p:hover {
    color: var(--color-theme-text-dark);
}

/* Tooltip text */
.tooltip-dialog .tooltiptext-dialog {
    display: flex;
    visibility: hidden;
    background-color: var(--color-theme-white);
    color: var(--color-theme-text-dark);
    border: solid var(--color-theme-dash-blue) 2px;
    text-align: center;
    padding: 6px 12px;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    bottom: 100%; /* Lifts the tooltip to the top edge of the container */
    margin-bottom: 12px; /* Adds space above the tooltip */
    width: 450px;
}

.ipp_hotel_info {
    margin-bottom: 48px;
}


.ipp_nowrap * {
    white-space: nowrap;
}

.ipp_hidden {
    display: none !important; 
}

a:hover {
    text-decoration: none;
}

h4 {
    color: var(--color-theme-text-dark);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-decoration: none;
}

p {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px; /* 157.143% */
    letter-spacing: 0.5px;
}

input[type=text], input[type=email], input[type=password]{
    background: var(--color-theme-white);
    border-radius: 8px;
    border-width: 0;
    padding: 6px;
    box-shadow: var(--shadow-sm);
}

.modal-body input[type=text] {
    width: 60%;
}
.modal-body input[type=email] {
    width: 80%;
}

select {
    background: var(--color-theme-white);
    border-radius: 8px;
    border-width: 0;
    padding: 6px;
    box-shadow: var(--shadow-sm);
}

.ipp_button {
    display: flex;
    padding: 10px 16px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: max-content;
    white-space: nowrap;

    border-radius: 8px;
    border-width: 0px;
    background: var(--color-theme-button-blue, #FFF);
    box-shadow: var(--shadow-button);
    color: var(--color-theme-very-light-blue);
}

.ipp_button.ipp_thin {
    padding: 5px 8px;
}

.ipp_button_light {
    display: flex;
    padding: 10px 16px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: max-content;
    white-space: nowrap;
    border: 1px solid var(--color-theme-button-blue);
    border-radius: 8px;
    background: var(--color-theme-white, #FFF);
    box-shadow: var(--shadow-button);
    color: var(--color-theme-button-blue);
}

.ipp_button:disabled {
    background: var(--color-theme-grey)
}

.ipp_panel {
    display: flex;
    padding: 48px 20px;
    flex-direction: column;
    gap: 48px;

    border-radius: 12px;
    background: var(--color-theme-white);
    box-shadow: var(--shadow-md);
}

.ipp_panel_padded {
    padding: 12px 40px 12px 10px;
}

.ipp_panel_light {
    display: flex;
    padding: 12px 20px;
    flex-direction: column;
    gap: 2px;

    border-radius: 12px;
    background: var(--color-theme-white);
    box-shadow: var(--shadow-md);
}

.ipp_panel_light .ipp_button {
    background-color: var(--color-theme-very-light-blue);
    color: var(--color-theme-text-dark);
    font-weight: 700;
}

.ipp_panel_light .ipp_button i {
    color: var(--color-theme-pastel-blue);
}

.ipp_panel_light p {
    margin-bottom: 6px;
}

.ipp_text_pastel_blue {
    color: var(--color-theme-pastel-blue);
}

.ipp_panel_dark {
    width: 100%;
    display: flex;
    padding: 12px 0px;
    flex-direction: column;
    gap: 4px;
}

.ipp_panel_dark ul {
    padding: 0px;
}

.ipp_panel_dark li {
    display: flex;
    padding: 12px 16px;
    align-items: center;
    align-self: stretch;

    border-radius: 6px;
    background: var(--color-theme-white);
}

.ipp_form {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 24px;
}

.ipp_row {
    display: flex;
    flex-direction: row;
}

.ipp_row_reverse {
    display: flex;
    flex-direction: row-reverse;

}

.ipp_spaced_row {
    display: flex;
    flex-direction: row;
}

.ipp_spaced_row > div {
    flex: 1; /* Distribute available space equally among child elements */
    margin-right: 16px; /* Adjust the margin between child elements */
}

.ipp_spaced_row > div:last-child {
    margin-right: 0px;
}

.ipp_column{
    display: flex;
    flex-direction: column;
}

.ipp_button_column {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.ipp_hotel_auth_list {
    display: flex;
    flex-direction: column;;
}

.hotel_toggle {
    display: inline-block; /* Treat the button as an inline-block element */
    max-width: 100%; /* Set a max-width to ensure content can overflow */
    overflow: hidden; /* Hide overflow content */
    text-overflow: ellipsis; /* Add ellipsis to overflow content */
    white-space: nowrap; /* Prevent text from wrapping to a new line */
    text-align: left; /* Align text to the left */
    width: 320px;
}

.ipp_center {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.ipp_end {
    justify-content: flex-end;
}

.ipp_page {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: -webkit-fill-available;
    width: -moz-available;
    min-width: 0;
    overflow-x: auto;
    padding: 0px 32px;
}

.ipp_logo_heading {
    margin-top: 96px;
    margin-bottom: 48px;
    display: flex;
    justify-content: center;

}

textarea {
    background-color: var(--color-theme-white);
    border-radius: 8px;
    border-width: 0;
    padding: 6px;
    background-color: var(--color-theme-white);
    box-shadow: var(--shadow-md);
}

.auth_form textarea {
    height: 2.4rem;
}

h1.ipp_header_1 {
    color: var(--color-theme-blue);
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 32px;
}

.ipp_watermark {
    width: 452.8px;
    height: 624.077px;
    opacity: 0.1;
    flex-shrink: 0;
    position: fixed;
    bottom: 0;
    right: 0;
    transform: translate(50%, 0%);
}

.ipp_login_panel {
    width: 480px;
    background-color: var(--color-theme-white);
    padding: 0px 48px;
}

.ipp_login_panel * {
    width: 100%;
}

.ipp_page_header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    flex-shrink: 0;
    align-self: stretch;
    padding-top: 32px;
    padding-bottom: 16px;;
    border-bottom: 1px Solid var(--color-theme-grey);
}

.ipp_page_title {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 12px;
}

.ipp_page_title svg {
    color: var(--color-theme-light-blue);
}

.ipp_page_title h3 {
    color: var(--color-theme-blue);
    margin: 0;
}

.ipp_user_links {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 12px;
}

.ipp_user_links svg {
    color: var(--color-theme-light-blue);
}

.ipp_user_links a {
    color: var(--navy, #334759);
    font-size: 16px;
    font-style: normal;
    text-decoration: none;
}

.ipp_text_button {
    display: flex;
    padding: 10px 16px;
    align-items: center;
    gap: 8px;

    border-radius: 8px;
    border-width: 0px;
    background: var(--color-theme-white, #FFF);
    color: var(--color-theme-blue);
}

.ipp_button svg {
    color: var(--color-theme-light-blue);
}

.ipp_button_row {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    margin: 24px 0px;
    gap: 0px 12px;
}

.ipp_button_login {
    display: flex;
    width: 195px;
    height: 52px;
    margin-top: 48px;
    padding: 16px 32px;
    justify-content: center;
    align-items: center;
    background: var(--color-theme-button-login);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: var(--color-theme-blue);
}

.ipp_button_dropdown {
    width: fit-content;
    padding: 0px 24px;
}

.ipp_form p {
    margin: 0px;
}

.ipp_list_input {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: fit-content;
}

.ipp_list_input > * {
    margin: 0;
}

.ipp_table th {
    padding-bottom: 24px;

}

.ipp_table td {
    padding-top: 12px;
    padding-bottom: 6px;
    border-bottom: 1px solid var(--color-theme-grey);

}

.ipp_table form {
    margin: 0;
}

.ipp_table_grid td {
    border: 1px solid var(--color-theme-grey);
    padding: 6px;
}

.ipp_list_entry {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;

    background: var(--color-theme-white);

    border-radius: 4px;
    background: var(--color-theme-white);
    box-shadow: var(--shadow-sm);

    padding: 12px;
    gap: 10px;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

    min-width: 0;
    max-width: 100%;
    min-height: 68px;

}

.ipp_list_entry.claim > div {
    flex: 1;
    min-width: 0;
}

.ipp_list_entry hr {
    width: 100%;
    margin-top: 0px;
    margin-bottom: 4px;
    height: 2px;
    color: var(--color-theme-grey);
}

.scrollable_filter {
  overflow-y: auto;
  overflow-x: hidden;
  min-width: 450px;;
  max-height: 350px;
  padding-right:20px;
}

.ipp_auth_entry_content {
    display: flex;
    align-items: center;
}

.ipp_back_nav_bar {
    padding-top: 12px;
    padding-bottom: 12px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 12px;
}

.ipp_back_nav_bar > h3 {
    margin: 0;
}

.state_unalloc .ipp_auth_entry_content {
    background: linear-gradient(to right, var(--color-theme-light-blue-auth-gend) 0%, var(--color-theme-light-blue-auth-gstart) 3%, var(--color-theme-light-blue-auth-gend) 40%, var(--color-theme-light-blue-auth-gend) 35%);
}

.state_unauth .ipp_auth_entry_content {
    background: linear-gradient(to right, var(--color-theme-light-red-auth-gend) 0%, var(--color-theme-light-red-auth-gstart) 3%, var(--color-theme-light-red-auth-gend) 40%, var(--color-theme-light-red-auth-gend) 35%);
}

.state_auth .ipp_auth_entry_content {
    background: linear-gradient(to right, var(--color-theme-light-green-auth-gend) 0%, var(--color-theme-light-green-auth-gstart) 3%, var(--color-theme-light-green-auth-gend) 40%, var(--color-theme-light-green-auth-gend) 35%);
}

.wrap {
    justify-content:space-evenly
}


.ipp_list_entry_padded {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px;
    margin-bottom: 8px;

    min-height: 52px;

    border-radius: 4px;
    background: var(--color-theme-white);
}

.ipp_list_entry p {
    margin: 0;
}


.ipp_dashboard_entry {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;

    background: var(--color-theme-white);

    border-radius: 4px;
    background: var(--color-theme-white);
    box-shadow: var(--shadow-sm);

    padding: 12px;
    gap: 10px;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

    min-height: 68px;

}

.ipp_dashboard_entry > div {
    flex: 1;
}

.ipp_dashboard_entry hr {
    width: 100%;
    margin-top: 0px;
    margin-bottom: 4px;
    height: 2px;
    color: var(--color-theme-grey);
}

.ipp_dashboard_entry p {
    margin: 0;
}


.ipp_list {
    display: flex;
    flex-direction: column;
    width: 100%;
    background-color: var(--color-theme-white);
    gap: 10px;
}

a {
    color: var(--color-theme-primary-link, #4A73A5);
    text-decoration: none !important;
}

a:hover {
    color: var(--color-theme-primary-link-hover, #4A73A5);
    text-decoration: none !important;
}

.ipp_soft_link {
    color: var(--color-theme-pastel-blue, #97AEBD);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-decoration: none;
}

.ipp_input {
    display: flex;
    justify-content: flex-start;
    column-gap: 12px;
}

.hotel_list_list_heading {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0px 16px;
}

.ipp_page_content {
    width: 100%;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.ipp_fill {
    /* Chrome */
    width: -webkit-fill-available;
    width: -moz-available;
}

.ipp_auth_button {
    padding: 0px 4px;
    border-radius: 8px;

    display: flex;
    padding: 10px 16px;
    align-items: center;
    justify-content: center;
    gap: 8px;

    
    height: max-content;
    white-space: nowrap;

    border-radius: 8px;
    border-width: 0px;
    background: var(--color-theme-white);
    box-shadow: var(--shadow-button);

    color: var(--color-theme-text-dark);

    font-weight: 600;
    margin-left: 12px;
    margin-right: 12px;;
}

.ipp_auth_button:hover {
    cursor: pointer;
}

.ipp_auth_url_input {
    justify-content: flex-end;
    column-gap: 12px;
}

.ipp_dropdown {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.ipp_dropdown_trigger {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border-radius: 8px;
    transition: all 0.2s ease;
    color: var(--color-theme-text-dark);
    font-weight: 500;
}

.ipp_dropdown_trigger:hover {
    background-color: #f0f4f8;
}

.ipp_dropdown_trigger i {
    font-size: 12px;
    color: var(--color-theme-light-blue);
    transition: transform 0.2s ease;
}

.ipp_notification_bell {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    transition: all 0.2s ease;
}

.ipp_notification_bell:hover {
    background-color: #f0f4f8;
}

.ipp_notification_bell i {
    font-size: 18px;
    color: var(--color-theme-light-blue);
}

.ipp_dropdown_content {
    display: none;
    position: absolute;
    background-color: var(--color-theme-white);
    box-shadow: var(--shadow-dropdown);
    z-index: 100;
    right: 0;
    top: calc(100% + 8px);
    min-width: 180px;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0.08);
    padding: 8px 0;
}

.ipp_dropdown_content .ipp_button {
    justify-content: flex-end;
}

.ipp_dropdown_element {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    padding: 12px 16px;
    border: none;
    transition: all 0.2s ease;
}

.ipp_dropdown_element i {
    font-size: 16px;
    color: var(--color-theme-light-blue);
    width: 20px;
    text-align: center;
}

/* .ipp_dropdown:hover .ipp_dropdown_content {
    display: flex;
} */

.ipp_dropdown_element:hover {
    background-color: #f0f4f8;
}

.ipp_dropdown_element:hover i {
    color: var(--color-theme-button-blue);
}

.ipp_dropdown_element:hover button {
    color: var(--color-theme-button-blue);
}

.ipp_dropdown_link {
    border: none;
    background: transparent;
    color: var(--color-theme-text-dark);
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
    padding: 0;
    text-align: left;
}

.ipp_auth_url_input p {
    font-size: 18px;
}

.ipp_auth_button_disabled {
    pointer-events: none;
    cursor: not-allowed;
    opacity: 0.5;
}

.ipp_auth_filter_row {
    column-gap: 24px;
}

.ipp_logout_form {
    margin: 0;
}

.ipp_claims_entry {
    justify-content: flex-start;
}

.ipp_card_panel {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 12px;
}

.ipp_card_panel_stretch {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 12px;
}

.ipp_dash_card_panel {
    display: flex;
    flex-direction: row;
    gap: 24px;
    margin-bottom: 48px;
}

.ipp_dash_card {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    background-color: var(--color-theme-white);
    box-shadow: var(--shadow-md);
    border-radius: 12px;
    gap: 12px;
    padding: 16px;
    flex: 1;
    cursor: pointer;
    border: 2px solid var(--color-theme-white);
}

.ipp_dash_card:hover{
    border-color: var(--color-theme-dash-light-blue);
}

.ipp_dash_card h1 {
    margin: 0;
}

.ipp_inner_dash_card {
    display: flex;
    flex-direction: column;
    gap: 4px;
    justify-content: space-between;
}

.ipp_dash_card p {
    font-size: 14px;
    color: var(--color-theme-text-grey);
}

.ipp_dash_icon {
    background-color: var(--color-theme-button-login);
    height: 32px;
    padding: 12px;
    border-radius: 12px;
}

.ipp_dash_blue {
    background-color: var(--color-theme-dash-light-blue);
    color: var(--color-theme-dash-blue);
}

.ipp_dash_red {
    background-color: var(--color-theme-dash-light-red);
    color: var(--color-theme-dash-red);
}

.ipp_dash_green {
    background-color: var(--color-theme-dash-light-green);
    color: var(--color-theme-dash-green);
}

.ipp_dash_yellow {
    background-color: var(--color-theme-dash-light-yellow);
    color: var(--color-theme-dash-yellow);
}

.ipp_card {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 200px;
    display: flex;
    padding: 24px 24px;
    flex-direction: column;
    gap: 24px;

    justify-content: space-between;

    border-radius: 12px;
    background: var(--color-theme-white);
    box-shadow: var(--shadow-md);
}

.ipp_card a {
    word-wrap: break-word;
}

.ipp_card h3 {
    margin-bottom: 24px;
    /* display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; */
}

.ipp_card p {
    margin-bottom: 8px;
}

.ipp_wrap {
    overflow-wrap: anywhere;
    flex-wrap: wrap;
}

.ipp_tooltip_icon {
    color: var(--color-theme-pastel-blue);
}

.ipp_clipped {
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

    
}

.mw_300 {
    max-width: 300px;
}

.ipp_auth_button_widget {
    display: flex;
    justify-content: flex-end;
}

.modal-body a {
    word-wrap: break-word;
}

.modal-content {
    background-color: var(--color-theme-white);
}

#new-hotel-form {
 width: 100%;
}

#popup-content {
    padding-left: 48px;
    padding-right: 48px;
}



#new-hotel-form p {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

#new-hotel-form select {
    width: 45%;
}

#new-hotel input[type=text]{
    background-color: var(--color-theme-white);
    border-radius: 8px;
    border-width: 0;
    padding: 6px;

    background: var(--color-theme-white);
    box-shadow: var(--shadow-sm);
    
}

.ipp_unalloc_panel {
    flex: 1;
}

.ipp_unauth_panel {
    flex: 1;
}

.ipp_panel_column {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.ipp_panel_body {
    display: flex;
    background-color: var(--color-theme-white);
    border-radius: 0px 0px 12px 12px;
    gap: 4px
}

.ipp_panel_title {
    display: flex;
    background-color: var(--color-theme-very-light-blue);
    border-radius: 12px 12px 0px 0px;
    padding: 16px;
}

.ipp_panel_title>h3 {
    margin: 0;
}

.ipp_panel_title_red {
    display: flex;
    background-color: var(--color-theme-light-red-transparent);
    border-radius: 12px 12px 0px 0px;
    padding: 16px;
}

.ipp_panel_title_red>h3 {
    color: var(--color-theme-light-red);
    margin: 0;
}

.ipp_panel_full {
    display: flex;
    background-color: var(--color-theme-white);
    border-radius: 12px;
    /* padding: 16px 16px 20px 20px; */
    gap: 4px
}

.ipp_auth_dropdown {
    position: relative;
    display: inline-block;
    margin-bottom: 24px;
    background-color: var(--color-theme-white);
    border-radius: 12px;
    color: var(--color-theme-text-dark);
}

.ipp_auth_dropdown:hover {
    cursor: pointer;
}

.ipp_auth_dropdown_content {
    display: none;
    position: absolute;
    min-width: 160px;
    z-index: 1;
}

.ipp_auth_dropdown_content div {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    background-color: var(--color-theme-white);
    display: flex;
    flex-direction: row;
    gap: 12px;
    white-space: nowrap;
}

.ipp_multiselect {
    height: auto; 
    overflow-y: visible;
}

.ipp_auth_dropdown_content>div:hover {
    background-color: var(--color-theme-blue);
    color: var(--color-theme-white);
}

.ipp_auth_dropdown_content:hover * {
    cursor: pointer;
}

/* .ipp_auth_dropdown:hover .ipp_auth_dropdown_content {
    display: block;
} */

.ipp_circle_container {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background-size: cover;
    background-color: var(--color-theme-blue);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.ipp_overlay_text {
    display: flex;
    flex-direction: column;
    position: absolute;
    color: white;
    text-align: center;
    font-size: 40px;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip-dialog:hover .tooltiptext-dialog {
visibility: visible;
}

.modal-header {
    justify-content: center;
}



/* Style for the parent container */
#claim-gallery {
display: flex;
flex-wrap: wrap;
gap: 10px;
/* Set the width of the container */
width: 400px;
}

/* Style for selected images */
#claim-gallery .selected {
    border: 2px solid blue;
}

/* Style for the images */
#claim-gallery img {
/* Set the width and height of the images */
width: 400px; /* Fixed size */
height: 300px; /* Fixed size */
/* Ensure all images maintain their aspect ratio */
object-fit: cover;

cursor: pointer;
/* Add transition for smooth animation */
transition: border-color 0.3s ease;
}

#claim-status-dropdown {
    width: 100%;
}

.tooltip-dialog-underline {
    text-decoration: underline;
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: none !important; /* Remove max-height restriction */
    overflow-y: auto;
}

.email-column {
    float: left;
    width: 20%;
}

.email-row:after {
  content: "";
  display: table;
  clear: both;
}

.rate_chaser_row_element {
    width: 200px;
}

.rate_chaser_row_element_short {
    width: 70px;
}

.ipp_list_entry_image_match {
    display: flex;
    flex-direction: row;
    align-items: left;

    background: var(--color-theme-white);

    border-radius: 4px;
    background: var(--color-theme-white);
    box-shadow: var(--shadow-sm);

    padding: 12px;
    gap: 10px;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

    min-height: 68px;
}

.ipp_TCs_text {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;

    background: var(--color-theme-white);

    border-radius: 4px;
    background: var(--color-theme-white);
    box-shadow: var(--shadow-sm);

    padding: 12px;
    gap: 10px;
    margin-bottom: 30px;

    overflow: hidden;
    text-overflow: ellipsis;
    /* white-space: nowrap; */

    min-height: 68px;

}

.terms_indent {
    margin-left: 40px;
}

.para_space {
    margin-bottom: 56px;
}

.ipp_guide_text {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: left;

    background: var(--color-theme-background-light-selected);

    border-radius: 16px;
    background: var(--color-theme-background-light-selected);
    box-shadow: var(--shadow-sm);

    padding: 12px;
    gap: 10px;
    margin-bottom: 30px;

    overflow: hidden;
    text-overflow: ellipsis;
    /* white-space: nowrap; */

    min-height: 68px;

}

.ipp_guide_text img {
  width: auto;
  height : auto;
  max-height: 100%;
  max-width: 100%;
}

.ipp_guide_thin_para {
    width: 60%;
    margin-left: 180px;
}

.ck-form-constrain {
    max-width: 1400px;
    /* overflow: hidden; */
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 550px;
    }
}

/* Customer Hotel List Page Styles */
.customer-page-container {
    padding: 0;
    background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);
    min-height: calc(100vh - 200px);
    width: 100%;
    overflow: hidden;
}

.customer-back-nav {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 24px;
}

.customer-back-nav a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    background: white;
    color: var(--color-theme-button-blue);
    border: 1px solid rgba(191, 194, 189, 0.3);
    border-radius: 10px;
    font-size: 0.9rem;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.2s ease;
}

.customer-back-nav a:hover {
    border-color: var(--color-theme-light-blue);
    box-shadow: 0 2px 8px rgba(74, 115, 165, 0.1);
}

.customer-back-nav a svg {
    width: 16px;
    height: 16px;
}

.customer-hero {
    background: linear-gradient(135deg, var(--color-theme-dash-blue) 0%, var(--color-theme-button-blue) 100%);
    border-radius: var(--radius-lg);
    padding: 32px;
    margin-bottom: 24px;
    color: var(--color-theme-white);
}

.customer-hero h2 {
    margin: 0 0 8px 0;
    font-size: 28px;
    font-weight: 600;
    color: var(--color-theme-white);
}

.customer-hero p {
    margin: 0;
    opacity: 0.9;
}

.customer-info-card {
    background: var(--color-theme-white);
    border-radius: var(--radius-lg);
    padding: 24px;
    box-shadow: var(--shadow-sm);
    margin-bottom: 20px;
}

.customer-status-badges {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 16px;
}

.customer-badge {
    padding: 8px 16px;
    border-radius: var(--radius-md);
    font-size: 13px;
    font-weight: 600;
}

.customer-badge-warning {
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
    color: #92400e;
}

.customer-badge-danger {
    background: linear-gradient(135deg, #fee2e2 0%, #fecaca 100%);
    color: #991b1b;
}

.customer-badge-info {
    background: linear-gradient(135deg, var(--color-theme-dash-light-blue) 0%, #bfdbfe 100%);
    color: var(--color-theme-button-blue);
}

.customer-contact-info {
    margin-bottom: 16px;
}

.customer-contact-info p {
    margin: 0 0 8px 0;
}

.customer-action-buttons {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.customer-btn {
    background: linear-gradient(135deg, var(--color-theme-dash-blue) 0%, var(--color-theme-button-blue) 100%);
    color: var(--color-theme-white);
    border: none;
    padding: 10px 20px;
    border-radius: var(--radius-md);
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: all 0.3s ease;
}

.customer-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(74, 115, 165, 0.3);
}

.customer-section {
    background: var(--color-theme-white);
    border-radius: var(--radius-lg);
    padding: 24px;
    box-shadow: var(--shadow-sm);
    margin-bottom: 20px;
    overflow: hidden;
}

.customer-section-toggle {
    background: linear-gradient(135deg, var(--color-theme-dash-blue) 0%, var(--color-theme-button-blue) 100%);
    color: var(--color-theme-white);
    border: none;
    padding: 12px 24px;
    border-radius: var(--radius-md);
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
    margin-bottom: 16px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: all 0.3s ease;
}

.customer-section-toggle:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(74, 115, 165, 0.3);
}

.customer-list-item {
    background: var(--color-theme-background-light);
    border-radius: var(--radius-md);
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}

.customer-list-item-title {
    font-weight: 600;
    color: var(--color-theme-text-dark);
    font-size: 15px;
}

.customer-list-item-subtitle {
    color: var(--color-theme-text-grey);
    font-size: 13px;
    margin-top: 4px;
}

.customer-list-item-actions {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.customer-select {
    padding: 10px;
    border-radius: var(--radius-md);
    border: 2px solid #e5e7eb;
    width: 100%;
    max-width: 300px;
}

.customer-empty-text {
    color: var(--color-theme-text-grey);
}

@media (max-width: 768px) {
    .customer-action-buttons,
    .customer-list-item-actions {
        flex-direction: column;
        width: 100%;
    }

    .customer-btn {
        width: 100%;
        justify-content: center;
    }

    .customer-hero {
        padding: 24px;
    }
}

/* Recently uploaded hotels highlighting */
.ipp_list_entry.recently-uploaded {
    background: linear-gradient(90deg, #d4edda 0%, #ffffff 100%);
    border-left: 4px solid #28a745;
    animation: highlight-fade 5s ease-out forwards;
}

@keyframes highlight-fade {
    0% {
        background: linear-gradient(90deg, #d4edda 0%, #ffffff 100%);
        border-left-color: #28a745;
    }
    100% {
        background: var(--color-theme-white);
        border-left-color: transparent;
    }
}

/* Hotel Users Popup */
.hotel-name-link { cursor: pointer; color: var(--color-theme-button-blue, #16365B); }
.hotel-name-link:hover { text-decoration: underline; }
.hotel-users-popup .popup-subtitle { margin-bottom: 16px; color: #64748b; }
.hotel-users-popup .popup-empty { color: #94a3b8; }
.popup-loading { text-align: center; padding: 40px; }
.popup-error { color: #ef4444; padding: 20px; }
.users-list { display: flex; flex-direction: column; gap: 12px; }
.user-item { display: flex; align-items: center; justify-content: space-between; padding: 16px; background: #f8fafc; border-radius: 10px; border: 1px solid #e2e8f0; }
.user-info { flex: 1; }
.user-name { font-weight: 600; color: #1a1a1a; }
.user-email { font-size: 0.85rem; color: #64748b; }
.user-actions { display: flex; align-items: center; gap: 12px; }
.role-badge { padding: 4px 12px; border-radius: 20px; font-size: 0.75rem; font-weight: 600; }
.role-badge.admin-badge { background: #dbeafe; color: #1d4ed8; }
.role-badge.individual-badge { background: #fef3c7; color: #d97706; }
.role-badge.view-badge { background: #e0e7ff; color: #4338ca; }
.full-access { color: #10b981; font-size: 0.85rem; }
.toggle-switch { position: relative; display: inline-block; width: 44px; height: 24px; }
.toggle-switch input { opacity: 0; width: 0; height: 0; }
.toggle-slider { position: absolute; cursor: pointer; inset: 0; background-color: #cbd5e1; transition: .3s; border-radius: 24px; }
.toggle-slider:before { position: absolute; content: ""; height: 18px; width: 18px; left: 3px; bottom: 3px; background-color: white; transition: .3s; border-radius: 50%; }
input:checked + .toggle-slider { background-color: #10b981; }
input:checked + .toggle-slider:before { transform: translateX(20px); }
input:disabled + .toggle-slider { opacity: 0.5; cursor: not-allowed; }