.csb-refresh-overlay {
	position: fixed;
}
.backstage-section .dashboard-part.booking-item {
    border-right: none;
}
.backstage-section .dashboard-part.booking-item.disabled {
    background: rgb(20 20 22);
    display: none;
}
.booking-list-header {display: flex;align-items: center;}
::-webkit-scrollbar-corner {
    background: rgba(0,0,0,0);
  }
  .cbs-main-dashboard-list.cbs-main-dashboard-hotels-list::-webkit-scrollbar {
    background: transparent;
    width: 8px;
  }
  
  .cbs-main-dashboard-list.cbs-main-dashboard-hotels-list::-webkit-scrollbar-thumb {
    background: var(--event-primary-color, #4323FF);
    border-radius: 5px;
  }
  .editable-cell.bulk-editable-cell.hotelconfirmation {
    height: 0px;
}

.editable-cell-special.bulk-editable-cell-special.specialrequest{
    height: 0px;
}
.booking-filter-icon.button{
	width: auto;
    height: 15px;
    cursor: pointer;
    margin: 0 10px;
	padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
	/* border: 1px solid #E2E2E2; */
	border-radius: 50px;
	font-family: 'DM Sans';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.1875px;
    /* color: var(--event-secondary-color, #4FF6B1); */
    color: #fff;
    font-family: 'Poppins';

}

.booking-filter-icon.button img {
	max-width: 16px;
    margin-right: 6px;
}

.send-confirmations-actions.header-right ul{
    list-style: none;
    z-index: 1;
}
ul.sub-menu-email {
    display: none;
    margin-bottom: 0px;
    margin-left: 0px;
    background: white;
    padding: 5px 0px;
    color: black;
    border-radius: 5px;
    min-width: 190px;
    position: absolute;
    top: 38px
}
a.action-send-email {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0.21875px;
    color: #23262F;
}

a.action-send-email:hover {
    color: #6707FD;
}

ul.sub-menu-email li {
    margin: 10px 10px;
    text-align: left;
}

.cbs-data-header { 
    display: flex;
    padding: 11px 0 18px;
    border-bottom: 1px solid #303236;
}

/* .cbs-data-header>*{
    width:30%;
} */

.header-left {

}


.send-confirmations-filters .header-left,
.header-right {
    display:flex;
    justify-content: flex-end;
    font-size:12px;
	gap: 10px;
}
.header-right  {
	/* width:70%; */
    flex: 1;
	flex-wrap: wrap;
    gap:0;
    justify-self: end
}
div#bookings-table-bulk-actions {
    width: 88px !important;
}
div#bookings-table-bulk-actions .cbs2-custom-select-selected {
    width: 84px !important;
}
.header-right a.button ,
.send-confirmations-filters a.button,
.booking-table-header a.button ,.booking-table-header-col.--2 a.button{
    color:white;
    /* font-weight:bold; */
    /* border:1px solid #E2E2E2; */
    padding:4px 20px;
    border-radius:50px;
	display: inline-flex;
	align-items: center;
	flex-shrink: 0;
    font-family: 'Poppins';
    font-weight: 500;
    /* display: flex; */
    align-items: center;
    gap: 5px;
    font-size: 12px;
}

.bubble-gray-default {
    position: absolute;
    background: #515154 !important;
    padding: 0.8rem;
    border-radius: 5px;
    font-size: 12px;
    color: #fff;
    z-index: 10;
    font-weight: normal;
}
span.cbs-tooltip.cbs-tooltip-component {
    filter: none !important;
}

@media screen and (max-width: 1440px), (max-height: 900px) {
    .cbs-tooltip:after {
        display: inline-block;
    }


    .header-icons-new a {
        padding: 0 !important;
        width: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .header-icons-new a .menu-svg-icon {
        margin: 0;
    }
}

@media screen and (min-width: 1441px), screen and (min-height: 901px) {
    .cbs-tooltip:after{
        content: '';
        display: none;
    }

}
.text-booking-menu {
    display: inline-block;
    max-width: 150px; /* Set the specific max-width for the container */
    overflow: hidden; /* Hide overflowed content */
    text-overflow: ellipsis; /* Add ellipsis for overflowed text */
    white-space: nowrap; /* Prevent text from wrapping */
    transition: all 0.3s ease; /* Smooth transition */
}

.no-full-text {
   visibility: hidden;
}

.cbs2-download-table{
    display: flex;
}

.cbs2-download-table-hidden{
    display: none;
}

.hide-selector-sction {
    display: none !important;
}

.cbs2-download-table:hover{
    cursor: pointer;
}

.booking-table-header a.button.csb-all-pending-bookings {
    padding-left: 5px;
}

.header-right a.button.csb-booking-cta {
    display: none;
}

.header-right a.button.csb-booking-cta.active {
	display: flex;
}
.total_count_reservation {
    font-size: 14px;
}
.total_count_reservation span{
    color: var(--event-secondary-color, #4FF6B1);
}
.send-confirmations-actions a.button{
    position: relative;
}

li.send-email-main{
    position: relative;
}
.send-confirmations-filters a.button,.send-confirmations-actions a.button {
    padding: 5px 20px;
    border:1px solid #E2E2E2;
}

.header-right a.button .menu-svg-icon,
.booking-table-header a.button .menu-svg-icon ,.booking-table-header-col.--2 a.button .menu-svg-icon {
    line-height: 0;
}

.header-right a.button .menu-svg-icon svg,
.booking-table-header a.button img,
.booking-table-header a.button svg,
.booking-table-header-col.--2 a.button svg
 {
    width: 16px;
    height: 16px;
}
span.menu-svg-icon.menu-svg-approve svg path, span.menu-svg-icon.menu-svg-deny svg path {
    fill: var(--event-secondary-color, #4FF6B1);
}
span.menu-svg-icon.menu-svg-deny svg path{
    stroke:var(--event-secondary-color, #4FF6B1);
}
span.menu-svg-icon.menu-svg-approve svg {
    width: 30px !important;
    height: 30px !important;
}

.header-right a.button.csb-send-confirmations .menu-svg-icon *,
.booking-table-header a.button.csb-send-confirmations .menu-svg-icon *,
.booking-table-header a.button.csb-submit-reservations svg *{
    stroke: var(--event-secondary-color, #4FF6B1);
}

.booking-table[data-type="hotels"] .csb-email-guests-action, 
.booking-table[data-type="hotels"]  .csb-all-pending-bookings{
    display: none!important;
}

.csb-send-confirmations.button.disabled {
	color: #9c9c9c;
    border-color: #9c9c9c;
    cursor: not-allowed;
}

.csb-send-confirmations.button i {
	color: #4feeac;
    font-size: 14px;
    margin-right: 8px;
}


.csb-send-confirmations.button.disabled i {
	color: #9c9c9c;
}


/* .cbs-row>* {
    display: flex;
    margin:10px 0;
	align-items: center;
} */
.extra-header-body .cbs-body-main .cbs-head {
    position: sticky;
    top: 0;
    background-color: #f5f5f5;
    z-index: 1;
}
.extra-header-body .cbs-body-main .cbs-body {
    max-height: 500px;
}
.cbs-head {
    font-weight:bold;
}
/* .cbs-row>*>*{
    flex:1;
    font-size:14px;
	text-align:center;
	padding: 5px 0px;
	min-width: 140px;
} */


.cbs_info .hotel_name{
	width:150px;
}
.cbs-row.selected .cbs-info {background: blue;}

.cbs-info.expanded {background: #333335;}

/* .booking_dashboard_content_wrap .cbs-info {
	padding: 10px 0;
	margin: 0;
	gap: 0 10px;
    border-bottom: 1px solid #303236;
} */
.expand-toggle,
.cat-expand-toggle {
    padding:5px;
    font-size:15px;
    cursor:pointer;
	color: var(--event-secondary-color, #4FF6B1);
}



.hotel_name {
    display:flex;
    align-items:center;
    justify-content: flex-start;
}
.booking-table-by-group .hotel_name{
    justify-content: center;
}
.expanded{
    display:none; 
}
.cbs-row.selected .expanded{
    display:flex;
    background:#333335;
	margin: 0px;
}
.cbs-row .cbs-info.expanded > div:nth-child(2) {
    flex: 1.2;
    text-align: left!important;
}
.cbs-row.selected .expanded div:nth-child(1) input {
    display:none;
}
.hotel_name.expand{
	cursor:pointer;
}
.bookings-lists-item {display: flex;}
.single-group-item.selected {
    color: black;
}
.csb-action-select {
    cursor: pointer;
}
.csb-action-select i {
	margin-left: 5px;
    font-size: 10px;
}
.csb-guests-table .cbs-row .cbs-info .group_name
{
    text-align: center!important;
}
.cbs-action-full
{
    max-width: 100%;
}
.csb-actions {
    position: relative;
}

.cbs-body .cbs-info div.action{
    padding: 10px 0;
}

.csb-actions.not-approved:hover .csb-action-select{
    height: 19px;
/*    width: 19px;*/
	/* border: 1px solid var(--event-secondary-color, #4FF6B1); */
    /* border-radius: 50px;
	font-weight: 700;
    height: 20px;
    padding:3px 6px 3px 10px; */
	/* padding: 0 10px; */
} 
.csb-actions.not-approved .name.csb-action-select img.cbs-hotel-action__duplicate:hover{
    /* max-width: 18px; */
}
.csb-delete-hotel-container .csb-actions.not-approved .name.csb-action-select img.delete-hotel:hover{
    /* max-width: 18px; */
}
.csb-actions.not-approved:hover .csb-action-select.hotel-name {
    border-radius: 0px;
}
.csb-actions.not-approved:hover .csb-action-select {
	color: var(--event-secondary-color, #4FF6B1);
}
.hotel_name .csb-actions.not-approved:hover .csb-action-select{
	border: none;
}  
.hotel_name .csb-actions.not-approved:hover .csb-action-select {
	color: purple;
}

.csb-actions .csb-action-list-warpper .csb-action-list ul {
    margin: 5px 10px;
}

.not-approved .csb-action-list-warpper {
	position: fixed;
    z-index:100;
	top: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	opacity: 0;
	visibility: hidden;

}
.not-approved .csb-action-list {
	background:white;
    padding:5px 0px;
	color:black;
    border-radius:5px;
	min-width:190px;
}
.csb-action-list ul{
    margin:0;
    
}
.csb-action-list ul li{
     padding: 7px 10px 8px 15px;
    /* margin: 10px 0; */
    background-size: 100% 100%;
    text-align: left;
    margin-top: 0;
    margin-bottom: 2px;
}

.csb-action-list ul.sub-menu-email{
    display: none;
}
.csb-actions.not-approved:hover .csb-action-list-warpper{
	opacity: 1;
	visibility: visible;
}

div#ui-datepicker-div {
    z-index: 99999999 !important;
}

.menu-item-has-children:hover > a{
    background-image: url(../icons/select-arrow-white.svg);
}

 .csb-action-list a{
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0.21875px;
    color: #23262F;
    width: 100%;
    display: flex;
}
.csb-action-list li:hover {
    color: #fff !important;
    background-color: #232630;
    border-radius: 10px;
    background-size: 100% 100%;
}
li.menu-item-has-children ul.new-hover li:hover {
    background-color: #616161;
}
.csb-action-list li:hover a {
    color: white;
}

.csb-action-list a.disabled {
	opacity: .5;
    pointer-events: none;
}

.grouped_booking_wrapper {
    background: #23262F;
    border-radius: 20px;
	margin-left: -20px;
    margin-right: -20px;
}
.grouped_booking_wrapper>*{
    padding:20px;
}

.nested-booking>*{
    padding: 0px;
}

.nested-booking .cbs-row .cbs-info > div:nth-child(5), .nested-booking .cbs-row .cbs-info > div:nth-child(6)  {
	flex: .6;
}
.nested-booking .cbs-row .cbs-info > div:nth-child(7)  {
	flex: 1.4;
}

.csb-guests-table .cbs-info {
    display: grid;
    grid-template-columns: 200px 120px 120px 120px 80px 180px 150px 150px 150px 180px 200px 150px 150px 90px;
    min-width: 100%;
    width: fit-content;
    gap: 0;
}

.csb-guests-table .cbs-row {
    width: 100%;
    min-width: fit-content;
}

.csb-guests-table .cbs-info > div {
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    overflow: hidden;
}

.csb-guests-table .cbs-info > div:first-child {
    justify-content: flex-start;
    text-align: left;
}
.grouped_type_tab {
    display: flex;
    padding:0;
}

.grouped_type_tab>*{
    flex:1;
    text-align:center;

}
.groupped-tab-item{
    padding:20px;
    border-bottom:2px solid black;
	cursor:pointer;
}
.groupped-tab-item.selected {
    border-bottom:2px solid #6707FD;
}
.item-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 20px;
}
.item-title h2{
    font-weight:bold;
    font-size:1.2em;
}
.group-archive.type-groups {max-height: 600px;overflow: scroll;}
.dashboard-part.group-info .booking-table-by-group , .dashboard-part.group-info .booking-table-by-hotel{
    color:white;
	max-width: 100%;
}
 .booking-table-by-hotel.hotels .cbs-table{
	overflow-x:auto;
}
.booking-table-by-group.groups .cbs-table .cbs-row , .booking-table-by-hotel.hotels .cbs-table .cbs-row{
	width: fit-content;
}
.csb-view-bookings {
	margin: 5px;
    margin-left: 0;
    background: none;
    padding: 8px 28px;
    border-radius: 50px;
    font-size: 14px;
    line-height: 21px;
    font-family: Poppins;
    letter-spacing: 0.21875px;
    min-width: 130px;
    background: transparent;
    color: var(--event-secondary-color, #4FF6B1);
    border: 1px solid var(--event-secondary-color, #4FF6B1);
    cursor: pointer;
	font-weight: 700;
    text-transform: uppercase;    
}
.update-group-select {
    display:flex;
    justify-content:center;
	flex-direction: column;
    align-items: center;
	
}
.update-group-select>*{
    padding: 10px;
}

.update-group-select select {
    margin-bottom: 20px;
    border: 1px solid #777E90!important;
    background: transparent;
    padding: 0px 10px;
    border-radius: 50px;
    color: #ffffff;
    position: relative;
    -webkit-appearance: none;
    background: url(../icons/down-arrow.png);
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: 95%;
	height: 40px;
    max-width: 400px;
    margin: 5px 0;
}

/* New reservation popup */
.new-reservation-two-inputs {
    display: flex;
    flex-direction: column;
    width: 50%;
}

/* Import popup */

.import-container,
.send-confirmations-container {
	background: #23262F;
    width: 100%;
    max-width: 400px;
    min-height: 250px;
    border-radius: 24px;
    position: relative;
    height: fit-content;
    padding: 30px;
    margin: auto;
    color: #ffffff;
    box-shadow: 0px 30px 40px #000000;
    box-sizing: border-box;
	text-align: center;
}

.import-container h3,
.send-confirmations-container h3 {
	font-weight: bold;
    text-align: center;
	margin-bottom: 35px;
	font-size: 24px;
	color: var(--event-secondary-color, #4FF6B1);	
}

.import-label {
	display: flex;
    justify-content: center;
    align-items: center;
    border: 1px dashed#A3A3A3;
    height: 75px;
    width: 200px;
    margin: auto;
    cursor: pointer;
	font-size: 12px;
	position: relative;
}

.import-label.file-selected {
	font-weight: bold;
    border-color: var(--event-secondary-color, #4FF6B1);
}

#import-file {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}

.import-label > * {
	cursor: pointer;
}

.import-start {
	display: inline-block;
	color: var(--event-secondary-color, #4FF6B1);
    border: 1px solid var(--event-secondary-color, #4FF6B1);
    padding: 8px 25px;
    border-radius: 50px;
    font-size: 14px;
	margin-top: 17px;
}

.import-report .popup-close {
	display: inline-block;
	color: #fff;
    border: 1px solid #fff;
    padding: 8px 25px;
    border-radius: 50px;
    font-size: 14px;
	margin-top: 17px;
}

.import-report-item {
	font-size: 14px;
	display: flex;
	justify-content: space-between;
	margin-bottom: 4px
}

.import-report-item > label {
	width: 52%;
	text-align: right;
}

.import-report-item > span {
	width: 45%;
	text-align: left;
	font-weight: bold;
}

.import-report-item > label > span {
	font-size: 12px;
	display: block;
}

.import-report-stats {
	margin: 20px 0 10px;
    border: 1px solid #4f555d;
    padding: 10px 10px 5px;
}

/* Checkbox */

.cbs-checkbox-container {
	position: relative;	
}

.booking-dashboard .cbs-checkbox-container input[type="checkbox"],
.booking-table .cbs-checkbox-container input[type="checkbox"] {
	position: absolute;
	width:100%;
	height:100%;
	opacity: 0
}

.cbs-checkbox-checkmark {
	top: 0;
    left: 0;
    height: 16px;
    width: 16px;
    border-radius: 4px;
    border: 1px solid #777E90;
	display: block;
}


.cbs-checkbox-container input:checked ~ .cbs-checkbox-checkmark {
	background: var(--event-secondary-color, #4FF6B1);
}

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

.cbs-checkbox-container input:checked ~ .cbs-checkbox-checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.cbs-checkbox-container .cbs-checkbox-checkmark:after {
 	left: 7px;
    top: 4px;
    width: 3px;
    height: 8px;
    border: solid black;
    border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}




/* Send Confirmations Popup */

.send-confirmations-container {
	max-width: 80%;
	height: 95%;
	text-align: left;
}


.send-confirmations-container .cbs-data-header {
	align-items: flex-start;
	padding: 0;
    border-bottom: 0;
}

.send-confirmations-filters .header-left{
	justify-content: flex-start;
}

.send-confirmations-filters-note {
	font-size: 12px;
	margin-top: 7px;
}

.send-confirmations-actions a.button {
	color:  var(--event-secondary-color, #4FF6B1);
	border-color:  var(--event-secondary-color, #4FF6B1);
}

.send-confirmations-main {
	overflow: auto;
}

.send-confirmation-items {
/* 	height: calc( 90vh - 250px );
	overflow: auto; */
}

.send-confirmations-container .cbs-head .cbs-row .cbs-info > div:nth-child(2),
.send-confirmations-container .cbs-row .cbs-info > div:nth-child(2) {
	flex: 1;
	text-align: center!important;
}

.send-confirmations-container .cbs-row {
	padding: 0;
	/* box-shadow: inset 0px -1px 0px #303234; */
}

.send-confirmations-container .cbs-row .cbs-info {
    grid-template-columns: 100px repeat( 6, minmax(150px, 1fr));
}

.send-confirmations-container .cbs-info > div:first-child {
	flex-basis: 40px;
	flex-grow: 0
}
.rooming-lits-popup .cbs-info > div {
    justify-content: center;
    text-align: center;
}


/** loading screen */
.cbs-loading-container {
	width: 100%;
	height: 100%;
	position: absolute;
	background: #23262f;
	z-index: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	top: 0;
	left: 0;
	z-index: 999;
}
.cbs-loading-container.hidden {
	display: none;
}
.disabled-rooming-checkbox {
    pointer-events: none; /* Disable pointer events to prevent interaction */
    opacity: 0.5; /* Reduce opacity to indicate it's disabled */
}

.checkbox-container-rooming.clicked {
    background-color: #ccc; /* Change background color when clicked */
}
.rooming-list-reservation-status-all.show {
    position: absolute;
    z-index: 1;
    left: 172px;
}
.single-rooming-list.double {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 0px 21px;
    margin: 10px 0;
}
a.rooming-list-send-mail {
    background: var(--event-secondary-color, #4FF6B1);
    padding: 9px 17px;
    border-radius: 9px;
    line-height: 21px;
    font-family: Poppins;
    letter-spacing: 0.21875px;
    border: 0;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 600;
    transition: all .4s;
    color: black;
}
.rooming-list-send-mail, .last-reminded-on {
    display: block;
}
a.rooming-list-send-mail.send-confirmation.disabled,a.rooming-list-send-mail.disabled{
    background-color: gray;
    pointer-events: none;
}
.single-rooming-list.button-adjust a.rooming-list-send-mail {
    width: fit-content;
    margin-left: auto;
    border: 1px solid var(--event-secondary-color, #4FF6B1);
}
.cbs-popup-container.cbs-booking-updates-popup.changes-popup .cbs-popup-content .cbs-popup-main.rooming-lits-popup .original-table,.cbs-popup-container.cbs-booking-updates-popup.changes-popup .cbs-popup-content .cbs-popup-main.rooming-lits-popup .new-table{
    overflow: auto;
}
.cbs-popup-container.cbs-booking-updates-popup.changes-popup {
    width: 100% !important;
    max-width: 1120px;
}
.cbs-popup-container.cbs-booking-updates-popup.changes-popup .reservation-changes{
    font-size: 12px;
    margin-top: 14px;
    font-weight: 700;
}
.cbs-popup-container.cbs-booking-updates-popup.changes-popup .cbs-bu-item{
    font-size: 12px;
    margin-bottom: 2px;
}
span.rooming-list-view-update-btn {
    color: var(--event-secondary-color, #4FF6B1);
    cursor: pointer;
    font-size: 12px;
}
span.rooming-list-view-update-btn:hover {
    font-size: 13px;
}
span.rooming-list-view-changes-btn {
    color: #FFB800;
    cursor: pointer;
}
.roming-list-switch {
    position: relative;
    display: inline-block;
    width: 51px;
    height: 20px;
  }
  
  .roming-list-switch .roming-list-btn { 
    opacity: 0;
    width: 0;
    height: 0;
  }
  
  .roming-list-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #313440;
    -webkit-transition: .4s;
    transition: .4s;
  }
  .main-roomig-list-reminder {
    padding: 0 !important;
}
.main-roomig-list-reminder label.bold-title-rooming-list {
    display: flex;
    width: 100%;
}
.main-roomig-list-reminder label.bold-title-rooming-list label.roming-list-switch {
    margin-left: 10px;
}
  .roming-list-slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 39px;
    left: -7px;
    bottom: 0px;
    background-color: var(--event-secondary-color, #4FF6B1);
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  .roming-list-btn:checked + .roming-list-slider {
    background-color: #313440;
  }
  
  .roming-list-btn:focus + .roming-list-slider {
    box-shadow: 0 0 1px #313440;
  }
  
  .roming-list-btn:checked + .roming-list-slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
    content: "ON";
    text-align: center;
    background-color: var(--event-secondary-color, #4FF6B1);
  }
  
  .roming-list-slider.roming-list-round {
    border-radius: 34px;
  }
  
  .roming-list-slider.roming-list-round:before {
    border-radius: 34px;
    content: "OFF";
    color: #ffffff;
    left: -4px;
    text-align: center;
    background-color: black;
  }
  span.trigger-page-rooming-list.selected{
    color:var(--event-secondary-color, #4FF6B1);
    cursor: pointer;
  }
  span.trigger-page-rooming-list{
    cursor: pointer;
  }
.romming-list-pagination ul {
    display: inline-block;
}

.romming-list-pagination ul li {
    display: inline-block;
    padding: 0 5px;
}

.romming-list-pagination {
    text-align: center;
    margin-top: 10px;

}
a.rooming-list-send-mail span {
    font-size: 16px;
}

.single-rooming-list.button-adjust{
    display: flex;
    justify-content: flex-end;
    padding: 0 23px;
    margin-top: -64px;
}
a.rooming-list-reservation-status {
    color: white;
}
a.rooming-list-reservation-status span {
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    letter-spacing: 0.1875px;
    color: var(--event-secondary-color, #4FF6B1);
    border-radius: 50px;
    border: 1px solid var(--event-secondary-color, #4FF6B1);
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding: 6px 18px;
    cursor: pointer;
}
.rooming-list-send-mail:hover,a.rooming-list-reservation-status span:not(.show_selected):hover{
    background: #141416 !important;
    color: white !important;
    border-color: var(--event-secondary-color, #4FF6B1) !important;
    border: 1px solid var(--event-secondary-color, #4FF6B1);
}
.rooming_in_progress_btn:hover{
    padding: 8px;
}
span.show_selected {
    border: none !important;
}
span.show_selected:hover {
    border: none !important;
    background: none !important;
    color: var(--event-secondary-color, #4FF6B1) !important;
}
.rooming-list-add-column:hover,.booking-nav-item-rooming.select_tab_rooming:hover{
    color: var(--event-secondary-color, #4FF6B1) !important;
}
.rooming_list_tabs_single .show-sent-notification.hide {
    display: none;
}
.rooming_list_tabs_single .show-sent-notification-icon.hide {
    display: none;
}
.cbs-loading{
	display: inline-block;
	position: relative;
	width: 60px;
    height: 60px;
    margin: 20px auto;
}

.cbs-loading div {
	display: none;
}

.cbs-loading::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 50px;
	height: 50px;
	margin: -25px 0 0 -25px;
}

.cbs-loading::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 50px;
	height: 50px;
	margin: -25px 0 0 -25px;
	border: 4px solid transparent;
	border-radius: 50%;
	border-top-color: var(--event-secondary-color, #4FF6B1);
	border-right-color: var(--event-secondary-color, #4FF6B1);
	animation: cbs-modern-spin 1.5s ease-in-out infinite;
}

.send-confirmations-container .cbs-loading-container {
	background: #23262f85
}

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

@media (prefers-reduced-motion: reduce) {
	.cbs-loading::after {
		animation: none;
		border-top-color: var(--event-secondary-color, #4FF6B1);
		opacity: 0.8;
	}
}


.booking-menu {
    /*border-bottom: 1px solid #353945;*/
    margin-bottom: 20px;
}

.routes-container {
    padding: 1rem 1rem 0 1rem;
}

.booking-nav-items {
    display: flex;
    width: 100%;
    flex: 1;
    max-width: 450px;
}

.booking-nav-item {
    cursor: pointer;
    font-style: normal;
    text-align: center;
    color: #777E90;
	text-transform:uppercase;
    font-weight: bold;
    font-family: 'Poppins';
    font-size: 14px;
    line-height: 14px;
    height: auto;
    padding: 15px 27px;
    flex-shrink: 0;
    width: auto;
}

.booking-nav-item.selected, .booking-nav-item:hover {
    color: #fff;	
    background: none;
}

.booking-nav-item.selected {
    border-bottom: 2px solid var(--event-primary-color, #4323FF);
}

.cbs-popup-header-message span {
    color: var(--event-secondary-color, #4FF6B1);
    cursor: pointer;
}

.booking-nav-item:nth-child(1).selected, .booking-nav-item:nth-child(1):hover {
	border-radius: 20px 0px 0px 0px;
}

.booking-nav-item:nth-child(2).selected, .booking-nav-item:nth-child(2):hover {
	border-radius: 0px 0px 0px 0px;
}

.booking-nav-item:nth-child(3).selected, .booking-nav-item:nth-child(3):hover {
	border-radius: 0px 0px 0px 0px;
}

.booking-nav-item:nth-child(4).selected, .booking-nav-item:nth-child(4):hover {
	border-radius: 0px 20px 0px 0px;
}

.backstage-section .dashboard-part.booking-item {
/*     margin: 15px; */
	padding: 15px 15px 0 15px;
	box-sizing: border-box
}

.booking-table {
    border-radius: 12px 12px 0 0 ;
    padding: 0 10px;
}
.cbs-table[data-table-type="guests"] .cbs-info{
    grid-template-columns: 20px 200px 120px repeat(2, 150px) 90px repeat(2, 120px) repeat(2, 90px) 120px repeat(3, 150px) repeat(4, 125px) 90px;
}
.cbs-table[data-table-type="guests"].no-hotel-loyalty-field .cbs-info{
    grid-template-columns: 20px 200px 120px repeat(2, 150px) 90px repeat(2, 120px) repeat(2, 90px) 120px repeat(2, 150px) repeat(4, 125px) 90px;
}
span.slider.round{
    visibility:visible;
}
.cbs-table[data-table-type="approved-history"] .cbs-info{
    grid-template-columns: 120px repeat(3,200px) repeat(2, 150px) repeat(2, 90px) repeat(2, 120px) 200px;
}

.cbs-table[data-table-type="groups"] .cbs-info{
    grid-template-columns: 35px 200px repeat(2,150px) repeat(9,120px) 150px 120px 150px 90px;
}

.cbs-table[data-table-type="categories"] .cbs-info{
    grid-template-columns: 20px 200px repeat(10, 120px) 150px 90px;
}

.cbs-table[data-table-type="categories"] .cbs-row .cbs-row .cbs-info{
    grid-template-columns: 20px 190px repeat(10, 120px) 150px 90px;
}

.cbs-table[data-table-type="pending-extensions"] .cbs-info{
    grid-template-columns: repeat(7, 1fr);
}
.cbs-table[data-table-type="rooming-list"] .cbs-info{
    grid-template-columns: 140px 120px 105px 82px 112px 135px 140px 125px;
}
.cbs-table[data-table-type="rooming-list"] .cbs-body-main{
    border-collapse:collapse ;
    /* overflow: auto; */
}
.cbs-table[data-table-type="rooming-list"] .confirmationnumber {
    text-align: center !important;
}
span.cbs-overflow-text.confirmationnumber.Pending.Approval.approved {
    color: #FFB800;
}
.cbs-table[data-table-type="rooming-list"] span.confirmationnumber.changes_made,.cbs-table[data-table-type="rooming-list"] span.confirmationnumber.pending,.cbs-table[data-table-type="rooming-list"] span.confirmationnumber.refunded {
    color: #FFB800;
}
.cbs-table[data-table-type="rooming-list"] span.confirmationnumber.approved,.cbs-popup-main.rooming-lits-popup span.confirmationnumber.approved {
    color: var(--event-secondary-color, #4FF6B1);
}
.cbs-table[data-table-type="rooming-list"] span.cbs-overflow-text.confirmationnumber.Awaiting {
    color: #FFB800 !important;
}
.selectAll{
    display: none;
}
.cbs-table[data-table-type="hotels"] .cbs-info{
    grid-template-columns: 20px 1fr repeat(5, 140px) 90px;
}

.cbs-table[data-table-type="orders"] .cbs-info {
    grid-template-columns: 20px repeat(5, minmax( 120px, 1fr) ) 90px;
}

.cbs-table[data-table-type="cutoff-date-tracker"] .cbs-info {
    display: grid;
    grid-template-columns: 200px 150px 180px 120px 150px 150px 150px;
    gap: 0;
    background: #2F2F31;
}

.cbs-table[data-table-type="cutoff-date-tracker"] .cbs-info > div {
    display: flex;
    align-items: center;
    padding: 10px;
    text-align: center;
    justify-content: center;
    background: inherit;
}

.cbs-table[data-table-type="cutoff-date-tracker"] .cbs-body .cbs-row {
    margin-bottom: 1px;
}

.cbs-table[data-table-type="cutoff-date-tracker"] .cbs-body .cbs-row .cbs-info {
    background: #2F2F31 !important;
    border-radius: 4px;
}

.cbs-table[data-table-type="cutoff-date-tracker"] .csb-actions-cutoff.notification {
    background: inherit !important;
}

.bold-title-rooming-list {
    font-weight: 500;
    font-size: 13px;
}
.single-rooming-list {
    padding: 1px 0 0 23px;
}
.single-rooming-list label {
    margin-right: 9px;
}
.single-rooming-list.hide {
    display: none;
}
.single-rooming-list.show_message {
    text-align: center;
    margin-top: 50px;
    margin-bottom: 50px;
    height: 400px;
}
.cbs-table[data-table-type="rooming-list"] .cbs-body-main-all.hide{
    display: none;
}
.cbs-table[data-table-type="rooming-list"] .rooming_list_tabs.hide{
    display: none;
}
.cbs-table[data-table-type="rooming-list"] .booking-menu-rooming {
    position: relative;
    text-align: center;
}
.cbs-table[data-table-type="rooming-list"] .booking-nav-items-rooming {
    display: flex;
    gap: 10px;
    text-align: center;
    align-items: center;
    align-content: center;
}
.cbs-table[data-table-type="rooming-list"] .booking-nav-item-rooming.select_tab_rooming {
    cursor: pointer;
    padding: 0 16px;
    font-weight: 600;
    text-transform: uppercase;
}
.rooming-list-reservation-status-all.show ul{
    border-radius: 17px;
    background: white;
    color: black;
    padding: 10px;
}
.rooming-list-reservation-status-all.show ul li:not(:first-child) {
    margin-left: 10px;
}
.main-rooming-list {
    margin-bottom: 30px;
}
.column-section .column-all.show ul {
    background: white;
    color: black;
    border-radius: 15px;
    margin: 0;
    padding: 8px;
}
.column-all.show li label.bold-title-rooming-list {
    width: unset;
}
.column-section .column-all.show {
    position: absolute;
    right: 0;
    width: 70%;
}
.column-section {
    width: 20%;
    text-align: left;
    position: relative;
}

  
  .booking-nav-item-rooming[data-type="sent"] {
    border-right: 1px solid #ffffff;
    border-left: 1px solid  #ffffff;
  }
  span.room_types.cbs-room-types-nowrap span.cbs-overflow-text-new.cbs-overflowed-text {
    display: inline-block !important;
    overflow: inherit;
}
.booking-nav-item-rooming.select_tab_rooming.disabled {
    pointer-events: none;
    opacity: 0.5;
}
  a.rooming_in_progress_btn {
    background: yellow;
    padding: 6px 4px;
    border-radius: 50px;
    font-size: 10px;
    line-height: 21px;
    font-family: Poppins;
    letter-spacing: 0.21875px;
    min-width: 130px;
    border: 0;
    cursor: pointer;
    text-transform: uppercase;
    transition: all .4s;
    color: black;
}
a.edit_message_send_rooming_list:hover {
    padding: 8px 11px;
}
a.edit_message_send_rooming_list {
    background: var(--event-secondary-color, #4FF6B1);
    padding: 7px 9px;
    border-radius: 50px;
    font-size: 11px;
    line-height: 21px;
    font-family: Poppins;
    letter-spacing: 0.21875px;
    min-width: 130px;
    border: 0;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 600;
    transition: all .4s;
    color: black;
}
  .rooming_list_tabs {
    display: flex;
    justify-content: center;
    gap: 15px;
    background-color: #23262F;
  }
  .cbs-body.disabled p.single-rooming-list {
    margin-top: 15px;
}
  .booking-nav-item-rooming.select_tab_rooming.selected{
    color: var(--event-secondary-color, #4FF6B1);
  }
  .single-rooming-list.hide-end {
    display: none;
}
  .rooming_list_tabs_single {
    text-align: center;
    position: relative;
  }
  .rooming_list_tabs_single .show-sent-notification {
    display: none;
    font-size: 10px;
    width: 300px;
    border: 1px solid;
    position: absolute;
    left: 57px;
    bottom: 58px;
    background-color: #23262F;
    opacity: 1;
}
.booking-nav-item-rooming sup.show-sent-notification-icon {
    border-radius: 20px;
    background: red;
    height: 15px;
    width: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    position: absolute;
    top: -9px;
    right: 2px;
}
.column-section a.rooming-list-add-column {
    color: white;
    text-align: end;
    display: block;
}
.column-section .column-all {
   display: none;;
}
.booking-nav-item-rooming.select_tab_rooming.selected {
    position: relative;
}
.rooming-list-reservation-status-all {
    display: none;
}

.cbs-table[data-table-type="rooming-list"] .cbs-head {
    position: sticky;
    top: 0;
}

.rooming-list-select{
    margin-bottom: 20px;
    border: none;
    max-width: 300px;
    margin: 5px 0;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.21875px;
    color: #ffffff;
    padding: 11px 10px;
    width: 100%;
    background: #313440;
    border-radius: 8px;
}
.cbs-table .cbs-sort-indicator img {
    width: 10px;
    margin-left: 5px;
}


.booking-table, .booking-table-by-group {
    background-color: #23262F;
}
/* .cbs-head .cbs-row .cbs-info {
	padding-top: 10px 0;
    margin-top: 0px;
	border-top: 1px solid #303236;
} */
.cbs-row {
	padding: 0 10px;
    margin: 0px -4px 0px 0px;
}

/* .cbs-row:hover {
	background: #303239;
} */

/* .cbs-booking-hotel .cbs-body .cbs-row:not(.cbs-head-row):hover .cbs-info div:nth-child(6), .cbs-booking-hotel .cbs-body .cbs-row:not(.cbs-head-row):hover .cbs-info div:nth-child(7) {
	font-size:16px;
} */


.cbs-booking-hotel .cbs-row .cbs-info div:nth-child(5) , .cbs-booking-hotel .cbs-row .cbs-info div:nth-child(6)  {
		flex: 1.2!important;
	
}
.cbs-booking-hotel.csb-group-tab .cbs-row .cbs-info div:nth-child(6) {
    flex: 1.4!important;
}
.cbs-booking-hotel.csb-group-tab .cbs-row .cbs-info div:nth-child(4) {
    flex: 1.2!important;
}
.cbs-booking-hotel.hotels-tab  .cbs-row .cbs-info > div:nth-child(2) {
	flex: 2!important;
	min-width: 250px;
}
.cbs-booking-hotel .cbs-head .cbs-row.cbs-head-row .cbs-info div:nth-child(6) img, .cbs-booking-hotel .cbs-head .cbs-row.cbs-head-row .cbs-info div:nth-child(7) img {
	margin-left:5px!important;
	
}

.csb-guests-table .cbs-row .cbs-info div:nth-child(10) {
	flex: 1.3;
}
.cbs-head .cbs-row .cbs-info div {
	font-family: 'Poppins';
    font-style: normal;
    font-weight: bold;
    font-size: 10px;
    /* line-height: 18px; */
    /* text-align: center; */
    letter-spacing: 0.1875px;
    text-transform: uppercase;
    color: #FFFFFF;
}
.csb-guests-table .cbs-row .cbs-info div:nth-child(10) {
    flex: 1.3;
    /* min-width: 165px; */
}
.cbs-head .cbs-row .cbs-info div.cbs-sortable[data-sort-key="pending-approvals"] {
    min-width: 144px;
}
.cbs-head .cbs-row .cbs-info div.cbs-sortable[data-col-key="pickup"],
.cbs-head .cbs-row .cbs-info div[data-col-key="action"],
.cbs-head .cbs-row .cbs-info div.cbs-sortable[data-col-key="name"]{
    color:#4eeeac;
}
.cbs-body .cbs-row .cbs-info .hotel_name .csb-actions {
	max-width: 100%;
}
.cbs-body .cbs-row .cbs-info .hotel_name .name  {
	text-overflow: ellipsis;
    overflow: hidden;
    padding: 0px 10px;
    -webkit-line-clamp: unset;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    max-width: 100%;
	font-weight: 700;
    text-align: center;
	
}

.csb-guests-table .cbs-body .cbs-row .cbs-info .hotel_name {
	align-items: start;
}

.csb-guests-table .cbs-body .cbs-row .cbs-info .hotel_name .name  {
	font-weight: normal;
	color: #fff!important;
	cursor: default;
	padding: 0;
    text-align: center;
    border-radius: 0px;
}
.cbs-body .cbs-row .cbs-info .hotel_name .csb-action-list {
	padding: 5px 20px;
}


.cbs-head .cbs-row .cbs-info  div .fa-info-circle{
    color: #777E90;
	margin-right:0px;
	
}
.cbs-head .cbs-row .cbs-info  div.room-held {
	position:relative;
}
.cbs-head .cbs-row .cbs-info  div.room-held .fa-info-circle:hover{
    color: var(--event-secondary-color, #4FF6B1);
}

.cbs-head .cbs-row .cbs-info div.room-held .csb-info-list-warpper {
    position: absolute;
    display:none;
    z-index:100;
	padding-bottom: 10px;
	bottom: 38px;
	left: 55%;
    
}

.cbs-head .cbs-row .cbs-info div .fa-info-circle:hover + .csb-info-list-warpper {
    display: block;
}
.cbs-head .cbs-row .cbs-info  div img {
	width: 10px;
    margin-left: 5px;
}

.cbs-head .cbs-row .cbs-info div.room-held .csb-info-list-warpper .csb-info-list {
	background:white;
    border-radius:5px;
	min-width:180px;
	padding:10px 15px;
	text-transform: none;
}
.cbs-head .cbs-row .cbs-info div.room-held .csb-info-list-warpper .csb-info-list h1 {
	font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0.21875px;
    color: #23262F;
	margin:0;
	text-align: left;
}

.cbs-head .cbs-row .cbs-info div.room-held .csb-info-list-warpper .csb-info-list p {
	font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0.21875px;
    color: #23262F;
	margin:0;
	text-align: left;
}


.booking-list-header {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.booking-search-field, .booking-search-field-duplicates {
    position: relative;
}
.booking-search-field input, .booking-search-field-duplicates input {
	height: 24px;
    margin: 0px;
    font-size: 0.9em;
    border: 1px solid #E2E2E2;
    border-radius: 50px;
    background: transparent;
    color: #fff;
    padding: 6px 10px;
    font-weight: 700;
}

.booking-search-field input, .booking-search-field-duplicates input {
	height: 30px;
    margin: 0px;
    font-size: 0.9em;
    border: 1px solid #E2E2E2;
    border-radius: 50px;
    background: transparent;
    color: #fff;
    padding: 6px 40px 6px 12px;
    font-weight: 700;
    background: #2F2F31;
    border-radius: 8px;
    border: 0;
}
.booking-search-field-duplicates input{
    width: 206px;
    height: 28px;
    font-size: 13px;
}
.booking-search-field input::placeholder, .booking-search-field-duplicates input::placeholder {
    color: #fff;
}
.booking-search-field img, .booking-search-field-duplicates img {
    border: none;
    position: absolute;
    right: 12px;
    width: 18px;
    height: 18px;
    top: 50%;
    transform: translateY(-50%);
    padding: 0;
    max-width: 18px;
    margin: 0;
    pointer-events: none;
}

.csb-all-pending-bookings img,
.csb-download-bookings img, 
.csb-import-bookings img, 
.csb-delete-actions img {
	width: 16px;
	margin-right: 8px;
}

.cbs-info input[type="checkbox"] {
    position: relative;
    width: 18px;
    height: 18px;
    color: black;
    border: 1px solid #777E90;
    border-radius: 4px;
    appearance: none;
    outline: 0;
    cursor: pointer;
    transition: transparent 175ms cubic-bezier(0.1, 0.1, 0.25, 1);
    margin:0 
}

.cbs-info input[type="checkbox"].disabled {
	pointer-events: none;
    opacity: .4;
}

.cbs-info input[type="checkbox"]::before {
    position: absolute;
    content: '';
    display: block;
    top: 2px;
    left: 6px;
    width: 4px;
    height: 10px;
    border-style: solid;
    border-color: #ffffff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    opacity: 0;
}

.cbs-info input[type="checkbox"]:checked {
    color: #ffffff;
    border-color: var(--event-secondary-color, #4FF6B1);
    background: var(--event-secondary-color, #4FF6B1);
}
.cbs-info input[type="checkbox"]:checked::before {
    opacity: 1;
}

/* .cbs-row .cbs-info > div:nth-child(1) {
	flex: .4;
    text-align: center!important;
	min-width: 40px;
} */

.cbs-row .cbs-info.single-guest-row > div:nth-child(1) {
    flex: .4;
    text-align: center!important;
    min-width: 60px;
    max-width: 80px;
}

.cbs-table[data-table-type="rooming-list"] .cbs-row .cbs-info > div:nth-child(2){
    /* flex: none !important; */
}
.cbs-popup-main.rooming-lits-popup .cbs-row .cbs-info > div:nth-child(2){
	flex: 1.2;
    text-align: center!important;
}
.cbs-row .cbs-info > div:nth-child(2) {
	flex: 1.2;
    text-align: left!important;
}
.hotel-dashboard-container .cbs-row .cbs-info > div:nth-child(2) {
	flex: 1;
    text-align: center!important;
}
.cbs-head .cbs-row .cbs-info > div:nth-child(2) {
	flex: 1.2;
    text-align: center!important;
}


.booking-header,.extra-header {
    display: flex;
/*     justify-content: space-between; */
	gap: 10px;
    margin: 10px 0px 20px;
}
.booking-header .booking-title,.extra-header .extra-title {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-size: 25px;
    line-height: 33px;
    letter-spacing: 0.390625px;
    color: #FFFFFF;
	flex: 1;
}
/* Vertical menu max-height moved to dedicated vertical-menu.css file */
.cbs-left-title {
    width: 100%;
    text-align: left
}


/* --- Filter Popup ---- */

.booking-filter {
	position: relative;
}

.booking-filter-popup {
	position: absolute;
    width: 300px;
    background: #23262f;
    box-shadow: 0px 0 23px 1px #17191d;
    left: 0;
    top: calc( 100% + 8px );
    border-radius: 10px;
    border: 1px solid #1d1d1d;
	font-size: 12px;
	display: none;
	z-index: 3;
}

.booking-filter-popup.active {
	display: block;
    z-index: 100;
}

.booking-filter-tabs {
	display: flex;
    gap: 20px;
    padding: 0 20px;
    border-bottom: 1px solid #2f3236;
}

.booking-filter-tab-heading {
	padding: 20px 7px 7px;
    cursor: pointer;
}

.booking-filter-tab-heading.active {
	color: #4de8a8;
	border-bottom: 2px solid #4de8a8;
}

.booking-filter-tabs-content {
	max-height: 300px;
	overflow-y: auto;
	padding: 10px;
}

.booking-filter-tab-content {
	display: none;
}

.booking-filter-tab-content.active {
	display: block;
}


.booking-filter-item {
    display: flex;
	margin-bottom: 10px;
}

.booking-filter-item-checkbox {
	padding-right: 10px;
}

select#js-example-basic-hide-search-multi {
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    height: 40px;
    padding: 12px;
    border: 0;
    border-radius: 8px;
    background: #313440;
    box-sizing: border-box;
    width: 100%;
    font-family: 'Poppins';
    outline: none;
}
.multiple-select-hide .select2-container {
    width: 100% !important;
}
.multiple-select-hide span.select2-selection.select2-selection--multiple {
    background-color: #242630;
    margin-top: 10px;
    padding: 0;
    font-size: 12px;
}
.multiple-select-hide {
    margin-bottom: 10px;
    display: none;
    position: sticky;
    top: 4px;
    left: 0;
}
.multiple-select-hide .select2-container--default .select2-selection--multiple .select2-selection__choice{
    background-color: #353945;
    border: 1px solid #353945;
}
.multiple-select-hide .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
    border-right: 1px solid #777e90;
    color: #72f4b1;
    top: 50%;
    transform: translateY(-50%);
}
.multiple-select-hide .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .multiple-select-hide .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus{
    background-color: #72f4b1;
}
.multiple-select-hide span.select2-search.select2-search--inline {
    display: none;
}

.multiple-select-hide li.select2-selection__choice {
    padding: 0px 0px 0px 18px !important;
}
.booking-filters-selected {
    padding: 0px 20px 20px;
    justify-content: flex-start;
    gap: 10px;
    flex-wrap: wrap;
	display: none;
}

.booking-filters-selected.cbs-filters-selected {
    padding: 12px 0 12px;
}
.hide-columns {
    font-size: 14px;
    display: inline-flex;
    flex-direction: column;
    width: 33.3%;
}
.hide-columns.--expanded-hide-columns {
    display: block;
    
    margin: 4px 0px 4px 3px;
}
.hide-single-column {
    display: none !important;
}
.column-checkox{
    display: inline-block;
}
button.action.show-hide-column {
    background: #141416;
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    letter-spacing: 0.1875px;
    color: white;
    border-radius: 50px;
    border: 1px solid var(--event-secondary-color, #4FF6B1);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding: 10px 20px;
    cursor: pointer;
}
.booking-filters-selected.active {
	display: flex;
}

.booking-filter-selected-item {
    display: flex;
    font-size: 12px;
/*     max-width: 250px; */
    background: #4ef6b1;
    color: #000;
    border-radius: 30px;
    padding: 5px 10px;
    align-items: center;
    position: relative;
}

.booking-filter-selected-item-type {
	padding-right: 5px;
	font-weight: bold;
}

.booking-filter-selected-item-title {
	border-left: 1px solid;
    padding-left: 5px;
}

.booking-filter-selected-item-remove {
	position: absolute;
    width: 16px;
    height: 16px;
    right: -4px;
    background: #23262f;
    border-radius: 100%;
    border: 1px solid #fff;
    top: -7px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
	cursor: pointer;
}

.booking-no-filters-avaialble {
	padding: 20px;
    text-align: center;
}

a.cbs-group-link {
	color: #fff;
	text-decoration: underline;
}

.editable-cell .edit_reservation i {
    margin-right: 0;
    margin-left: 5px;
}

input.editable-cell-input {
	background: none;
    color: #fff;
    border-bottom: 1px solid #a8a8a8;
    text-align: center;
	width: 100%;
}
input.editable-cell-input-loyalty {
	background: none;
    color: #fff;
    border-bottom: 1px solid #a8a8a8;
    text-align: center;
	width: 100%;
}

input.editable-cell-input-special{
    background: none;
    color: #fff;
    border-bottom: 1px solid #a8a8a8;
    text-align: center;
    width: 100%;
}

.booking-filter-icon.button.disabled {
    pointer-events: none;
    opacity: 0.3;
}

.cbs-filter-item-date-range .cbs-filter-item-checkbox  {
    visibility: hidden;
    width: 0;
}

.cbs-filter-date-range {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}


/** Inventory Breakdown */
.invetory-breakdown-popup {
	width: 510px;
    padding: 35px 25px;
    background: #23262F;
    border-radius: 24px;
    margin: auto;
	color: #fff;
	position: relative;
}

.inventory-breakdown-popup-header {
	text-align: center;
    margin-bottom: 25px;
}

.inventory-breakdown-popup-title {
	margin-bottom: 5px;
}

.inventory-breakdown-popup-subtitle {
	font-size: 14px;
    text-align: center;
	margin-bottom: 0;
}

.inventory-breakdown-popup-tabs-buttons {
	display: flex;
	margin-bottom: 20px;
}

.inventory-breakdown-popup-tab-button {
	flex: 1;
    text-align: center;
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #777E90;
	cursor: pointer;
}

.inventory-breakdown-popup-tab-button.active {
    color: var(--event-secondary-color, #4FF6B1);
	border-color: var(--event-secondary-color, #4FF6B1);
}

.inventory-breakdown-popup-content {
	position: relative;
	min-height: 350px;
}

.inventory-breakdown-popup-content .room-per-night-month-picker {
	margin-bottom: 20px;
}

.inventory-breakdown-popup-content .rpn-view-only-actions {
	display: none;
}

span.edit_reservation {
    color: #ffffff;
    flex-shrink: 0;
}
.cbs-overflow-text-cutoff.cutoff-date span.edit_reservation {
    margin-top: 5px;
    cursor: pointer;
}

.edit_reservation img {
    width: 14px;
    margin-bottom: 2px;
    padding-left: 5px;
    margin-right: -1px;
}

.edit-special-request {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    padding-left: 5px;
}

span.edit_booking {
    color: #ffffff;
}
select.booking-group option {
    color: #000000;
}

/** Sortable */

.cbs-head .cbs-row .cbs-info div.cbs-sortable {
	cursor: pointer;
	/* color: #4eeeac; */
	/* display: flex;
	justify-content: center; */
}

.cbs-head .cbs-row .cbs-info div.cbs-sortable > span.text {
	text-align: left;
}

.cbs-head .cbs-row .cbs-info div.cbs-sortable.shrinked > span.text {
	flex: 0
}

/** Horizontal Scrollable table */

.booking_dashboard_wrap {
	background-color: #23262F
}
.extra-header-body{
    background-color: #23262F;
    overflow-x: auto !important;
    overflow-y: visible !important;
    width: 100%;
    position: relative;
}

.extra-header-body .cbs-row {
    min-width: max-content;
    width: max-content;
    display: block;
}

.extra-header-body .cbs-info {
    min-width: max-content;
    width: max-content;
    display: grid !important;
    box-sizing: border-box;
}

.extra-header-body .cbs-info > div {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 5px;
    padding: 10px 0;
    text-align: left;
}

.extra-header-body .cbs-body .cbs-info {
    border-bottom: 1px solid #303234 !important;
    min-width: max-content;
}

.extra-header-body .cbs-head .cbs-info {
    border-bottom: 2px solid #303234 !important;
    min-width: max-content;
}

.extra-header-body .cbs-body-main {
    min-width: max-content;
    width: max-content;
    display: block;
}

.extra-header-body .cbs-body {
    min-width: max-content;
    width: max-content;
    display: block;
}

.extra-header-body .cbs-info > div[data-col-key="selling_price"],
.extra-header-body .cbs-info > div[data-col-key="price"],
.extra-header-body .cbs-info > div[data-col-key="action"] {
    display: flex !important;
    align-items: center !important;
    padding: 10px 0 !important;
}

.extra-header-body .cbs-row {
    min-width: max-content;
    width: max-content;
}

.extra-header-body .cbs-info {
    min-width: max-content;
    width: max-content;
    grid-auto-flow: column;
    position: relative;
}

.extra-header-body .cbs-info::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: #303234;
    width: 100%;
    z-index: 1;
    pointer-events: none;
}

.extra-header-body .cbs-head .cbs-info::after {
    height: 2px;
}

.booking_dashboard_content_wrap {
    overflow-x: auto;
    margin-left: 10px;
    margin-right: 10px;
    position: relative;
}
.dashboard-part.dashboard-part-main-content.booking-item.booking-inventory-head .booking_dashboard_content_wrap{
    overflow-x: unset;
}

@media (max-width: 100%) {
    .booking_dashboard_content_wrap {
        overflow-x: hidden; /* Removes horizontal scroll when content fits */
    }
    .dashboard-part.dashboard-part-main-content.booking-item.booking-inventory-head .booking_dashboard_content_wrap{
        overflow-x: unset;
    }
}
.booking_dashboard_content_wrap::-webkit-scrollbar {
    background: transparent;
    width: 8px;
    height: 8px;
  }
  
  .booking_dashboard_content_wrap::-webkit-scrollbar-thumb {
    background: var(--event-primary-color, #4323FF); 
    width: 5px;
    height: 5px;
    border-radius: 5px;
  }

.booking-table-by-group {
	width: fit-content;
    min-width: 100%;
}
.booking-table-by-group .cbs-table {
    min-height: 65vh;
    max-height: 65vh;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
}
.booking-table-by-group .cbs-body {
    overflow-x: visible;
    position: relative;
    flex: 1;
}
.cbs-table[data-table-type="rooming-list"] .cbs-row.--body[data-updates-changes="changes_made"] {
    background: #bdac19;
}

/** Single Send Confirmation Popup */

.cbs-popup-container.cbs-single-confirmation-popup,
.cbs-popup-container.cbs-change-group-popup {
	max-width: 550px;
	min-height: 300px;
}

.cbs-single-confirmation-popup .cbs-loading-container ,
.cbs-change-group-popup .cbs-loading-container,
.send-confirmations-container .cbs-loading-container {
	background: #23262f;
	border-radius: 24px;
}

.cbs-single-confirmation-popup .cbs-popup-content,
.cbs-change-group-popup .cbs-popup-content {
	display: flex;
    flex-direction: column;
    min-height: 100%;
    justify-content: space-between;
    height: 250px;
}

.cbs-single-confirmation-popup .cbs-popup-main,
.cbs-change-group-popup .cbs-popup-main{
	text-align: center;
    margin: auto;
	position: relative;
}

.cbs-change-group-popup .cbs-popup-main{
	max-width: 300px;
}	

.cbs-single-confirmation-popup .cbs-popup-main label,
.cbs-change-group-popup .cbs-popup-main label {
    display: inline-block;
}

.cbs-change-group-popup .cbs-popup-main label {
	margin-bottom: 10px;
}

.cbs-scp-confirmation-code {
	margin-bottom: 4px;
	max-width: 300px!important;
}

.cbs-scp-description, 
.cbs-scp-note {
	color: #c5c5c5;
	font-size: 12px;
	margin-bottom: 0;
}

.cbs-scp-description {
	margin-bottom: 15px;
}

.cbs-scp-note {
	margin-top: 5px;
}



.cbs-scp-note.hidden {
	display: none;
}

.cbs-single-confirmation-popup .cbs-popup-actions,
.cbs-change-group-popup .cbs-popup-actions {
	text-align: center;
}

/** Change Group POpup */
/** Custom Select **/
/*the container must be positioned relative:*/
.select-group {
  position: relative;
}

.select-group select {
  display: none; /*hide original SELECT element:*/
}

.select-group .select-selected.disabled {
    background: url(../icons/2024/icon_Down_gray.svg);
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: 95.4%;
    background-color: #A3A3A3;
}

.select-group .select-selected {
    color: #ffffff;
    padding: 6px 10px;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
    cursor: pointer;
    user-select: none;
    max-width: 400px;
    border-radius: 50px;
    width: 100%;
}

/*style the arrow inside the select element:*/
.select-group .select-selected:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #fff transparent transparent transparent;
  display:none;
}

/*point the arrow upwards when the select box is open (active):*/
.select-group .select-selected.select-arrow-active:after {
  border-color: transparent transparent #fff transparent;
  top: 7px;
}

/*style the items (options), including the selected item:
*/
.select-group .select-items div,.select-group .select-selected {
    padding: 8px 16px;
    border: 1px solid transparent;
    cursor: pointer;
    user-select: none;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0.21875px;
    color: #ffffff;
}
/*.rooming-lits-popup .cbs-body .cbs-info div {
    text-align: left;
    justify-content: flex-start;
}
*/
.select-group .select-selected {
    color: #ffffff;
    padding: 6px 16px;
    border: 2px solid #2F2F31;
    cursor: pointer;
    user-select: none;
    max-width: 400px;
    border-radius: 8px;
    width: 100%;
    background-size: 10px;
    background: #2F2F31 url(../icons/down-arrow.png) no-repeat 95%;
    background-size: 10px;
    margin: 8px 0px 0px;
    box-sizing: border-box;
    font-weight: 400;
    min-width: 130px;
    transition: all 0.4s;
}

.select-group .select-selected:hover {
    border: 2px solid var(--event-primary-color, #4323FF);
}

/*style items (options):*/
.select-group .select-items {
    position: absolute;
    background-color: #2F2F31;
    top: 85%;
    left: 0;
    right: 0;
    z-index: 99;
    /* color: #000000; */
    width: 100%;
    max-width: 400px;
    border-radius: 8px 8px 8px 8px;
    max-height: 240%;
    overflow: scroll;
}


.select-group .select-items::-webkit-scrollbar {
  background: transparent;
  width: 8px;
}

.select-group .select-items::-webkit-scrollbar-thumb {
  background: var(--event-primary-color, #4323FF); 
  width: 5px;
  border-radius: 5px;
}
.send-confirmations-main::-webkit-scrollbar {
  background: transparent;
  width: 8px;
}
.send-confirmations-main::-webkit-scrollbar-thumb {
  background: var(--event-primary-color, #4323FF); 
  width: 5px;
  border-radius: 5px;
}
/*hide the items when the select box is closed:*/
.select-group .select-hide {
  display: none;
}

.select-group .select-items div:hover, .select-group .select-items .same-as-selected {
    background-color: #212020;
    border-left: var(--event-secondary-color, #4FF6B1) 2px solid;
}

.vg_selected_group_id_container {
	width: 100%;
}

.vg_selected_group_id_container.select-group .select-selected {
	width: 100%;
    height: 40px;
    padding-top: 10px;
    transition: all 0.4s;
}

.vg_selected_group_id_container.select-group .select-selected.disabled {
    cursor: default;
    background-color: #141416;
    border: #141416 2px solid;
    color: gray;
}

.vg_selected_group_id_container.select-group .select-items {
	overflow: auto;
	top: 110%
}

.vg_selected_groups_container {
	width: 100%;
}

.vg_selected_groups_container.select-group .select-selected {
	width: 100%;
    height: 40px;
    padding-top: 10px;
    transition: all 0.4s;
}

.vg_selected_groups_container.select-group .select-selected.disabled {
    cursor: default;
    background-color: #141416;
    border: #141416 2px solid;
    color: gray;
}

.vg_selected_groups_container.select-group .select-items {
	overflow: auto;
	top: 110%
}

.vg_selected_hotels_container {
	width: 100%;
}

.vg_selected_hotels_container.select-group .select-selected {
	width: 100%;
    height: 40px;
    padding-top: 10px;
    transition: all 0.4s;
}

.vg_selected_hotels_container.select-group .select-selected.disabled {
    cursor: default;
    background-color: #141416;
    border: #141416 2px solid;
    color: gray;
}

.vg_selected_hotels_container.select-group .select-items {
	overflow: auto;
	top: 110%
}

.selected_group_id_container.select-group .select-selected {
	width: 100%;
    height: 40px;
    padding-top: 10px;
    overflow: hidden;
}

.selected_group_id_container.select-group .select-items {
	overflow: auto;
	top: 110%
}

.selected_hotel_id_container.select-group .select-selected {
	width: 100%;
    height: 40px;
    padding-top: 10px;
    overflow: hidden;
}

.selected_hotel_id_container.select-group .select-items {
	overflow: auto;
	top: 110%
}

.selected_room_id_container.select-group .select-selected {
	width: 100%;
    height: 40px;
    padding-top: 10px;
    overflow: hidden;
}

.selected_room_id_container.select-group .select-items {
	overflow: auto;
	top: 110%
}


/** end custom select **/

.cbs-filter-tabs-content::-webkit-scrollbar {
  background: transparent;
  width: 8px;
}

.cbs-filter-tabs-content::-webkit-scrollbar-thumb {
  background: var(--event-primary-color, #4323FF); 
  width: 5px;
  border-radius: 5px;
}

.cbs-filter-container.booking-filter .cbs-filter-popup[data-type="guests"] {
    width: 60vw;
    max-width: 934px;
}

.cbs-filter-container.booking-filter .cbs-filter-popup[data-type="orders"] {
    width: 60vw;
    max-width: 934px;
}

.cbs-filter-container.booking-filter .cbs-filter-popup[data-type="groups"] {
    width: 59vw;
    max-width: 930px;
}

.cbs-filter-container.booking-filter .cbs-filter-popup[data-type="pending-extensions"] {
    width: 59vw;
    max-width: 930px;
}

.cbs-filter-container.booking-filter .cbs-filter-popup[data-type="hotels"] {
	width: 59vw;
	max-width: 320px;
}

.cbs-filter-tabs {
	overflow-x: auto;
}
.cbs-filter-tab-heading:hover {
  color: #4de8a8; /* Change the background color as per your preference */
  cursor: pointer; /* Show a pointer cursor on hover */
}
.send-confirmations-container.small-popup {
    max-width: 400px;
    max-height: 200px;
}
.csb-action-list-warpper.csb-action-list-hotel-name-warpper {
    left: 25%!important;
	padding: 0;
}

.hotel_name .csb-action-list-warpper.csb-action-list-hotel-name-warpper.hotel-name {
    display: none;
}
a.open-hotel-email-popup.cbs-button {
    margin-bottom: 8px;
	margin-right: 10px;
}
.csb-guests-table .cbs-row .cbs-info > div:nth-child(11) {
    flex: 2;
    text-align: center!important;
}

.view-pending-bookings, .edit-hotel-confirmation {
	color: #fff;
	text-decoration: underline
}
.view-pending-bookings, .edit-hotel-loyalty {
	color: #fff;
	text-decoration: underline
}

.view-pending-bookings, .edit-special-request {
    color: #fff;
    text-decoration: underline
}

.edit-hotel-confirmation {
    flex-shrink: 0;
}

.multiple-guests, .single-guest {
    font-size: 12px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.cbs-row.unconfirmed {
    /* background: #8080805e;
    color:grey; */
}

.cbs-row.unconfirmed .cbs-info {
    background: #8080805e;
    color: grey;
}






/** Categories Tab */

/* .csb-categories-tab .cbs-info {
	padding-left: 20px;
} */

.csb-categories-tab .cbs-info.level-1.selected {
	background: var(--event-primary-color, #4323FF)
}

.csb-categories-tab .cbs-info.hidden {
	display: none
}

.csb-categories-tab .cbs-info.level-2 {
	background: #333335
}


.csb-categories-tab .cbs-info.selected .cat-expand-toggle {
	transform: rotate(90deg)
}

.csb-categories-tab .cbs-row .cbs-info > div:nth-child(1) {
	min-width: 35px;
}

.csb-categories-tab .cbs-row .cbs-info > div:nth-child(2) {
	flex: .4;
    text-align: center!important;
    min-width: 30px;
}


.cbs-popup-container.cbs-booking-updates-popup {
    width: 860px;
}
.cbs-popup-content.main-booking .new-div button.add-notes-button:hover {
    background: transparent;
    color: var(--event-secondary-color, #4FF6B1) !important;
    border-color: var(--event-secondary-color, #4FF6B1);
}
.cbs-popup-content.main-booking .new-div {
    border-top: 1px solid #777E90;
}
.cbs-popup-content.main-booking .new-div button.add-notes-button {
    margin-top: 11px;
}
.cbs-popup-content.main-booking .cbs-popup-main-notes {
    margin-top: 5px;
}
.content-add-notes{
    display: flex;
    justify-content: center;
}
.cbs-popup-main-notes .cbs-bu-item {
    align-items: start;
    flex-wrap: wrap;
    background: #191921;
    gap: 0px !important;
}
.cbs-popup-main-notes .cbs-bu-item .add_note_message {
    flex: 1 0 0%;
    margin-left: 20px;
    margin-top: 8px;
    margin-bottom: 8px;
}
.cbs-popup-main-notes .cbs-bu-item button {
    background-color: transparent;
    border: none;
    outline: none;
    cursor: pointer;
    color: #93969d;
    border-radius: 50%;
    padding: 5px;
}
.cbs-popup-main-notes .cbs-bu-item button.delete-button
{
    background-color: transparent;
}
.cbs-popup-container.cbs-booking-note-popup textarea.cbs-pe-notes-message{
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    padding: 12px;
    border: 0;
    border-radius: 8px;
    background: #313440;
    box-sizing: border-box;
    width: 100%;
    font-family: 'Poppins';
    outline: none;
    resize: none;
}
.cbs-popup-content.main-booking .new-div button.add-notes-button {
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    letter-spacing: 0.1875px;
    color: #FFF;
    border-radius: 12px;
    border: 1px solid #93969d;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 10px 15px;
    cursor: pointer;
    background-color: transparent;
}
.title-notes-added{
    margin-bottom: 5px
}

.title-notes-added-popup{
    font-weight: bold;
    text-align: center;
    font-size: 17px;
    font-family: 'Poppins';
}

.content-title-button-notes{
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}
.cbs-booking-updates-popup .cbs-loading-container {
	border-radius: 24px;
}

.cbs-booking-updates-popup .cbs-popup-header {
    margin-bottom: 30px;
}

.cbs-bu-item {
	font-size: 14px;
	display: flex;
    gap: 15px;
	margin-bottom: 20px
}

.content-ul-notes{
    margin-left: 0px !important;
}

.time{
    color: #edeff3;
}

.time-note{
    color: #93969d;
}

.cbs-bu-item-detail {
    font-size: 12px;
    margin-top: 3px;
    display: flex;
    align-items: center;
    gap: 12px;
    color: #b6c2cf;
}

.cbs-container-buttons{
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    margin-top: 15px;
}

.cbs-bu-item-detail ul {
    margin: 0 0 0 10px;
}

.cbs-bu-item-detail  .dashicons-arrow-right-alt {
    font-size: 14px;
    height: auto;
}

.cbs-bu-item a {
	color: var(--event-secondary-color, #4FF6B1);
    margin-left: 5px;
}

.cbs-bu-header {
	font-weight: bold;
    border-bottom: 1px solid #3d424f;
    padding-bottom: 10px;
	color: var(--event-secondary-color, #4FF6B1);
	margin-bottom: 15px;
}

.cbs-bu-item.edit_resv_class{
    color: #FFB800;
}
.cbs-bu-item .status {
	flex: 1;
}
.cbs-popup-main.rooming-lits-popup .status,.cbs-popup-main.rooming-lits-popup .time {
    flex: 1;
    text-align: center;
}
.cbs-bu-item .type{
    width: 137px;
    border-color: #777E90;
}

.cbs-bu-item .date {
	width: 80px;
	border-color: #777E90;
}

.cbs-bu-item .cbs-bu-item-toggle-detail {
    color: #4ef6b1;
    cursor: pointer;
    margin-left: -18px;
    font-size: 12px;
}

.cbs-bu-item.--expanded .cbs-bu-item-toggle-detail i {
    transform: rotate(90deg);
}

.cbs-bu-item .main-action {
    display: inline-block;
}

.cbs-bu-item:not(.--expanded) .cbs-bu-item-detail {
    display: none;
}

.cbs-bu-no-items {
	padding: 10px;
    text-align: center;
    font-size: 16px;
}
.title .csb-action-list-warpper.csb-action-list-hotel-name-warpper {
    left: none!important;
    padding: 0;
}
.cbs-head .cbs-row .cbs-info .csb-actions.title {
    max-width: 100%;
}
.cbs-head .cbs-row .cbs-info div.cbs-sortable span.text {
    color: #4eeeac;
}
.title.not-approved .csb-action-list {
    color: black!important;
}
.title.csb-actions.not-approved:hover .csb-action-select {
    border-radius: 50px;
    /* height: 20px; */
    font-weight: inherit;
}
.multiple-guests p {
    margin: 0px;
    width: 100%;
}

.guest_name.expand{
    display: flex;
    align-items: center;
    min-width: 150px;
}
.expanded  {
    min-width: 150px!important;
    justify-content: flex-start!important;
}
.guest_name .expand-toggle {
    padding-left: 0;
}
.expand-toggle.active {
    transform: rotate(90deg);
    padding-left: 5px;
}
.copy-icon {
    width: 11px;
    height: 13px;
    cursor:pointer;
}
.guest_single_name {
    display: flex;
    align-items: center;
    gap: 10px;
}

/** Booking Sticky */
.cbs-info {
    position: relative;
}
.cbs-head.cbs-sticky-row.--1.sticky-head-inventory {
    background: #1D1D1F;
}
.sticky-head ,.sticky-head-inventory{
    position: -webkit-sticky; /* for Safari */
    position: sticky;
    z-index: 1;
    top: 0;
    background-color: #23262F;
}

.sticky-cell {
    position: -webkit-sticky;
    position: sticky;
    background-color: inherit;
    text-align: center;
    height: 100%;
    box-sizing: border-box;
}

.cbs-head-info .sticky-head:first-child ,.sticky-head-inventory:first-child{
  z-index: 1;
}

.sticky-col-check {
    left: 0;
}

.sticky-col-name {
    left: 20px;
    width: 200px;
    border-right: solid 1px #303236;
}

.cbs-table[data-table-type="orders"] .sticky-col-name{
    left: 0px !important;
}

@media only screen and (max-width: 767px) {
	.sticky-head,.sticky-head-inventory {
		position: relative !important;
	}

	.sticky-col-check {
		position: relative !important;
	}

	.sticky-col-name {
		position: relative !important;
	}
}


/** Guest Emails Popup */

.cbs-popup-container.cbs-guests-email-popup {
    max-width: 725px;
}

.cbs-popup-container.cbs-guests-email-popup .cbs-popup-title {
    font-family: 'Poppins';
    margin-bottom: 30px
}
.cbs-popup-container.cbs-guests-email-popup.rooming-list .cbs-loading-container {
    background: #313440;
    height: 330px;
}
.cbs-popup-container.cbs-guests-email-popup .cbs-loading-container {
    border-radius: 24px;
    background: #23262fd6;
}
.cbs-popup-container.cbs-guests-email-popup .cbs-loading-container.contact-update{
border-radius: 24px;
background: #23262f;
}
.cbs-guests-email, .cbs-guests-edit-main-order {
    padding: 20px 15px 15px;
    background: #15171C;
    border-radius: 20px;
}

.cbs-guests-email__item {
    margin-bottom: 20px;
}

.cbs-guests-email__item:last-child {
    margin-bottom: 0px;
}

.cbs-guests-emails__item-label {
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 10px;
}
.cbs-guests-email span.remove-email {
    cursor: pointer;
    margin-left: 5px;
}
div#email-add-popup .cbs-popup-container.cbs-guests-email-popup {
    max-width: 500px;
    min-height: 300px;
}

/* Style for all selectable options */
span.select2-container.select2-container--default.select2-container--open .custom-select2-dropdown-new-dorp-down .select2-results__option--selectable {
    padding-left: 8px; /* Adjust as needed */
}

/* Style for highlighted and selected options */
span.select2-container.select2-container--default.select2-container--open .custom-select2-dropdown-new-dorp-down .select2-results__option--highlighted,
span.select2-container.select2-container--default.select2-container--open .custom-select2-dropdown-new-dorp-down .select2-results__option--selected,
span.select2-container.select2-container--default.select2-container--open .custom-select2-dropdown-new-dorp-down .select2-results__option--selectable:hover {
    background: #212121 !important;
    border-left: 2px solid #4eeeac !important;
    background-color: #212121 !important;
    padding-left: 6px; /* Reduce padding by the border width to maintain text alignment */
}

/* Additional hover styling */
span.select2-container.select2-container--default.select2-container--open .custom-select2-dropdown-new-dorp-down .select2-results__option:hover {
    background: #212121 !important;
    border-left: 2px solid #4eeeac !important;
    background-color: #212121 !important;
    padding-left: 6px; /* Reduce padding by the border width to maintain text alignment */
}


.cbs-guests-emails-to,
.cbs-guests-emails__item-input input, 
.cbs-guests-emails__item-input textarea,
.cbs-guests-email__item input
 {
    width: 100%;
    box-sizing: border-box;
    min-height: 40px;
    background: #23262F;
    padding: 10px;
    color: #fff;
    border-radius: 8px;
}

.cbs-guests-emails-to {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.cbs-guests-emails__to-item {
    font-size: 12px;
    font-weight: 500;
    color: #000;
    padding: 2px 10px;
    background: var(--event-secondary-color, #4FF6B1);
    border-radius: 12px;
}


.cbs-guests-emails__item-input textarea.cbs-guests-emails-message {
    min-height: 165px;
}

.cbs-guests-emails-send.cbs-button {
    padding: 12px 30px;
    background: #6707FD;
    color: #fff;
    border: 0;
    font-weight: bold;
    text-transform: uppercase;
}

.cbs-popup-actions {
    text-align: center;
    padding: 5px 0 5px;
}


.csb-actions.table-head-title:hover .csb-action-list-warpper {
    opacity: 1;
    visibility: visible;
}
.csb-actions.table-head-title:hover .csb-action-list {
    color: black;
}


.cbs-inventory-search-action.cbs2-icon-button.--with-text {
    background: #17181e;
    font-size: 12px;
    padding: 8px 60px 8px 20px;
    margin: 0 10px;
    position: relative; 
}

.cbs-inventory-search-action .question-mark-inline{
    position: absolute;
    right: 10px;
}

.booking-table:not([data-type="peak-nights"]) .cbs-inventory-search-action {
    display: none!important;
}

.cbs-table-bookings-page-table.pickup {
    margin-top: 18px;
    width: Fill(1, 593px) px;
    height: Hug(49px) px;
    gap: 0px;
    border-radius: 8px 0px 0px 0px;
    border: 1px 0px 0px 0px;
    opacity: 0px;
}

/** Inventory Search Popup */

.cbs-popup-container.cbs-inventory-search-popup {
    max-width: 700px;
}

.cbs-inventory-search-popup .cbs-loading-container {
    background: #23262fd6;
    border-radius: 24px;
}

.cbs-inventory-search-popup .cbs-popup-title {
    margin-bottom: 30px;
}

.inventory-search__dates,
.inventory-search__item {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 10px;
    padding: 10px;
    margin-bottom: 15px;
    position: relative;
}

.inventory-search__dates {
    padding: 10px 0;
    margin-bottom: 20px;
}

.inventory-search__item {
    background: #15171C;
    border-radius: 8px;    
}

.inventory-search__rooms-title {
    margin-bottom: 12px;
}

.inventory-search__date-item,
.inventory-search__form-item {
    grid-column: span 2;
}

.inventory-search__form-item.--roomtype {
    grid-column: span 3;
}

.inventory-search__form-item.--quantity {
    grid-column: span 1;
}

.inventory-search-remove-item {
    position: absolute;
    top: -9px;
    right: -8px;
    border-radius: 100%;
    cursor: pointer;
}

.cbs-inventory-search-popup .cbs-popup-main .cbs2-heading {
    margin-bottom: 7px;
    padding-left: 5px;
}

.inventory-search-results:not(.active) {
    min-height: 100px;
}

.inventory-search-results.active {
    padding: 30px 0 20px;
}

.cb2-table {
    background: #15171c;
    padding: 10px;
    border-radius: 8px;
}

.inventory-search-no-results {
    font-size: 14px;
    padding: 40px;
    text-align: center;
}

.inventory-search-results .cbs2-info {
    grid-template-columns: 24px repeat( 4, 1fr );
    font-size: 12px;
}

.cbs2-row.--head .cbs2-info > * {
    text-transform: uppercase;
}   

.inventory-search-results-actions {
    padding-left: 16px;
    display: none;
}

.inventory-search-create-group {
    font-size: 12px;
    color: #4ef6b1;
    text-decoration: underline;
}

.cbs-inventory-search-popup .cbs-popup-actions {
    display: flex;
    justify-content: center;
    gap: 20px;
}

.cbs-popup-actions {
    padding: 10px 0 5px;
}

.cbs-popup-actions-change-hotel{
    padding: 0px !important;
}

.cbs-change-hotel-popup{
    width: 50% !important;
}

.cbs-popup-main-change-hotel{
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

.cbs-popup-actions-change-hotel{
    padding: 5px 0 5px !important;
}

.cbs-popup-main-hotel-room{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.cbs-adv-search-new-group-popup .cbs-popup-header {
    margin-bottom: 30px;
}

.cbs-adv-search-new-group-popup .cbs-popup-success {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.cbs-adv-search-new-group-popup .cbs-popup-success a {
    margin-top: 20px;
}

.csb-action-list .menu-item-has-children ul,
.csb-action-list .sub-menu-has-children ul {
    display:none;
}
.csb-download-bookings-list ul {
    /* display:none; */
    background: white;
    min-width: 130px;
    border-radius: 5px;
}
.download-menu-up{
    position: relative;
}
.csb-download-bookings-list ul li a.button:hover {
    color: #6707FD;
}
.csb-download-bookings-list {
    visibility: hidden;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 3;
}

a.csb-download-bookings-full-view.button,a.csb-download-bookings-current-view.button, a.csb-download-bookings-hotel-form.button , a.csb-download-bookings-hotel-form-highlighted.button {
    color: black;
    font-weight: 500;
    font-size: 13px;
}
  
.cbs-asng-item .cbs2-heading {
    margin-bottom: 7px;
}

/** Booking status */
.cbs-info .booking-status,
.cbs-info .hotel_list_status {
    color: #000;
    font-weight: 500;
}
.hotel_list_status.hotelliststatus.roominglist.cbs-label-dropdown.disabled, .changes-status.cbs-label-dropdown.disabled {
    pointer-events: none;
}
.booking-status.status.cbs-label-dropdown.disabled {
    pointer-events: none;
}

.cbs-info .changes-status {
    font-weight: bold;
}
/* .csb_approval_pending .booking-status {
    background: #FFB800;
}

.csb_approval_approved .booking-status {
    background: #22DF41;
}

.csb_approval_denied .booking-status, 
.csb_approval_refunded .booking-status {
    background: #DF2222;
    color: #fff;
} */

/** Order Status */
.cbs-info .order-status {
    font-weight: bold;
}

.csb_order_pending .order-status,
.csb_order_pending_approval .order-status,
.csb_order_changes_made .order-status,
.csb_order_unverified_inventory .order-status{
    color: #FFB800;
}

/* .hotel_list_status.hotelliststatus.sent_to_guest{
    background: #22DF41;
    color: #000;
    font-weight: 500;
}
.hotel_list_status.received{
    background: #6D4FFC;
    color: white;
    font-weight: 500;
}
.hotel_list_status.sent ,.hotel_list_status.changes_made {
    background: #FFB800;
    color: #000;
    font-weight: 500;
}

.hotel_list_status.not-sent{
    background: white;
    color: #000;
    font-weight: 500;
} */


.extra-guests-count {
    flex-shrink: 0;
}

/** Order Table */
.cbs-odp-row {
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
}

.cbs-odp-col:first-child {
    width: 65%;
}

.cbs-odp-col:nth-child(2) {
    flex: 1;
}

.cbs-odp-label.cbs2-heading {
    font-size: 18px;
    margin-left: 5px;
    margin-bottom: 15px;
}

.order-primary-guest-main {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
a.color-link-1.font-16.fontw-400 {
    color: var(--event-secondary-color, #4FF6B1);
}
a.color-link-1.font-16.fontw-400:hover {
    color: #6b6b6b;
}
.cbs-odp-content {
    background: #15171C;
    padding: 20px;
    box-sizing: border-box;
    border-radius: 20px;
}

.cbs-odp-item {
    font-size: 12px;
    display: flex;
    gap: 10px;
    margin-bottom: 15px;
}

.cbs-odp-item.amount_refunded {
    color: red;
}

.cbs-odp-item:last-child {
    margin-bottom: 0;
}

.cbs-odp-item-label {
    width: 40%;
    flex-shrink: 0;
    font-weight: bold;
}

.cbs-odp-item-value{
    flex-shrink: 0;
    font-weight: bold;
    width: 55%;
}

.cbs-odp-item-value-guest{
    flex-shrink: 0;
    font-weight: bold;
    width: 55%;
    word-wrap: break-word;
    white-space: normal;
}

.cbs-odp-item-label {
    position: relative;
}

.view-details-trigger {    
    font-size: 10px;
    line-height: 20px;
    font-weight: 400;
    color: var(--event-secondary-color, #4FF6B1)!important;
    cursor: pointer;	
}

.view-details-trigger.active i {
    transform: rotate(-90deg);
}

.view-details-content {
    display: none;
    font-size: 12px;
}

.cbs-odp-item-label .cb2-row-toggle {
    position: absolute;
    left: -14px;
    top: 10px;
}

.view-details-container {
    margin-top: -15px;
    margin-bottom: 15px;
}

.view-details-content .cbs-odp-item {
    padding: 0 10px;
}

.view-details-content .cbs-odp-item:not(:last-child) {
    margin-bottom: 5px;
}

.view-details-content .cbs-odp-item-label {
    font-weight: normal;
}

.view-details-content .cbs-odp-item-label.cbs-dropdown-heading {
    font-weight: bold;
    margin-bottom: 5px;
}


.cbs-odp-room-item {
    margin-bottom: 10px;
}

.cbs-odp-room-item:not(.--expanded) .cbs-odp-room-item-content,
.cbs-odp-item:not(.--expanded) .cbs-odp-taxes-dropdown{
    display: none;
}

.cbs-odp-room-item-header {
    font-size: 12px;
    font-weight: bold;
    color: var(--event-secondary-color, #4FF6B1);
    display: flex;
    align-items: center;
    gap: 10px;
}

.cbs-odp-room-item-content {
    padding-top: 20px;
}

/** Payment Method / Change Price Breakdown */
.cbs-odp-payment-item {
    display: flex;
    gap: 10px;
    text-align: left;
}
.cbs-odp-payment-item a {
    color: var(--event-secondary-color, #4FF6B1);
}

.cbs-odp-payment-item > div {
    flex: 1;
    font-size: 12px;
    margin-bottom: 5px;
}
.cbs-odp-content .method {
    width: 158px !important;
    flex: none;
}
.cbs-odp-payment-item.--head {
    font-weight: bold;
    margin-bottom: 10px;
}
.cbs-odp-payment-item-fee {
    display: flex;
    gap: 10px;
    text-align: left;
    border-bottom: 1px solid #303234;
    margin-bottom: 3px;
}

.cbs-odp-payment-item-fee > div {
    flex: 1;
    font-size: 12px;
    margin-bottom: 5px;
}


/** Refund Order */
.cbs-popup-container.cbs-order-refund-popup {
    max-width: 465px;
}

.cbs-order-refund-popup .cbs-popup-success {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

.cbs-order-refund-popup .cbs-popup-header {
    margin-bottom: 25px;
}

.cbs-order-refund-popup .cbs-popup-main {
    padding: 20px;
    background: #15171C;
    border-radius: 20px;
    font-size: 12px;
}

.cbs-or-item {
    margin-bottom: 20px;
}

.cbs-or-item:last-child {
    margin-bottom: 0;
}
.cbs-or-full-refund-field.cc-fee.hidden {
    display: none;
}
.cbs-or-full-refund-field.cc-fee {
    display: block;
}
.cbs-or-item-label {
    margin-bottom: 10px;
}

.cbs-or-full-refund-field {
    margin-top: 15px;
} 

.cbs-or-full-refund-field label {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}
p.guest-tab-text-refund {
    font-size: 14px;
    margin-bottom: -10px;
}

button.cbs2-button.cbs-or-refund-and-cancel.reservation,button.cbs2-button.cbs-or-refund-and-keep.--transparent.reservation {
    font-size: 13px;
    line-height: 15px;
    padding: 16px 30px;
}
.cbs-or-item .cbs-or-refund-reason {
    min-height: 100px;
}

.cbs-order-refund-popup .cbs-popup-actions {
    display: flex;
    gap: 10px;
    padding-top: 25px;
    justify-content: center;
}


.menu-item-has-children > a { 
    background-image: url(../icons/select-arrow-black.svg);
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: calc(100% - 12px);
    display: inline-block;
    width: 100%;
}

.cbs2-past-booking.cbs2-tooltip {
   margin-bottom: 0;
}


.cbs2-past-booking .cbs2-tooltip-icon {
    background: #FFB800;
    color: #000;
    font-weight: 600;
    border-radius: 4px;
    padding: 0 4px;
    width: auto;
}

.cbs2-past-booking .cbs2-tooltip-text {
    width: 400px;
    padding: 5px;
    line-height: 1.5;
}
.cbs-table[data-table-type="rooming-list"] .romming-list-pagination {
    margin: 60px 0 0 0;
}
.rooming-lits-popup .original-table {
    margin-bottom: 70px;
}
.cbs-table[data-table-type="rooming-list"] .cbs-info.completed.completed.room_confirmation_code{
    background-color:var(--event-secondary-color, #4FF6B1) ;
    color: #000;
}
.cbs-table[data-table-type="rooming-list"] .cbs-info.completed.completed.room_confirmation_code span.confirmationnumber.approved{
    color: #000;
}

.cbs-table[data-table-type="rooming-list"] .cbs-info.completed.completed.room_confirmation_code div:last-child {
    border: 0;
}
.sticky-cell-rl {
    position: -webkit-sticky;
    position: sticky;
    background-color: inherit;
    text-align: center;
    height: 100%;
    box-sizing: border-box;
}
.sticky-col-check-rl {
    right: 0px;
    width: 100px;
    /* border-right: solid 1px #303236; */
}
.cbs-popup-container.cbs-booking-updates-popup.changes-popup.rooming-list .cbs-info.--header.cbs-header-info div {
    font-weight: 600;
}
.cbs-popup-container.cbs-booking-updates-popup .cbs-popup-main.rooming-lits-popup span.confirmationnumber.approved{
    font-weight: 600;
}






/* Responsive Design */
@media only screen and (max-width: 1600px) and (min-width: 800px) {
    .cbs-head .cbs-row .cbs-info div  span.text {
        text-overflow: ellipsis;
        overflow: hidden;
        -webkit-line-clamp: 1;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        max-width: 100%;
        /* min-width: 80px; */
    }
}
@media only screen and (min-width: 1450px) {
    .booking-table-by-group .cbs-table {
        min-height: 70vh;
        max-height: 70vh;
    }
 }
@media only screen and (max-width: 1600px) { 
	/* .cbs-row>*>* {
        min-width: 87px;
    } */
    .booking-table-by-group {
        /* max-height: 50vh;
        overflow-y: scroll; */
    }
}
@media only screen and (max-width: 1230px) {
	.booking-nav-items {
        max-width: 300px;
    }
	.cbs-data-header:not(.send-confirmations-data-header) {
        flex-wrap: wrap;
    }
	.cbs-data-header:not(.send-confirmations-data-header) .header-left {
		width: 100%;
	}
	.cbs-data-header:not(.send-confirmations-data-header) .header-right {
		width: 100%;
		justify-content: flex-start;
		margin-top: 20px;
	}
	.booking-search-field input {
        margin: 0px 10px 0px 0px;
	}
    .cbs-table[data-table-type="rooming-list"]  .single-rooming-list {
        padding-left: 10px;
    }
    
    .cbs-table[data-table-type="rooming-list"]  .rooming_list_tabs {
        margin-top: 30px;
        padding: 20px 0;
    }
    .cbs-table[data-table-type="rooming-list"]  .main-rooming-list {
        background: #23262F;
        padding: 10px 0;
    }
}
.booking-disclaimer {
	width: 100%;
	text-align: center;
	font-size:10px;
}
.small-popup .send-confirmations-table {
    display:none;
}

/* Rounded sliders */
.slider.round {
    border-radius: 20px;
    background: var(--event-primary-color, #4323FF);
}
  
  .slider.round:before {
    border-radius: 50%;
  }
  input:checked + .slider.round {
    background-color: var(--event-secondary-color, #4FF6B1);
  }
  
  input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
  }
  
  input:checked + .slider:before {
    -webkit-transform: translateX(32px);
    -ms-transform: translateX(32px);
    transform: translateX(32px);
  }
  .switch {
    position: relative;
    display: inline-block;
    width: 70px;
    height: 34px;
  }
  
  .switch input { 
    opacity: 0;
    width: 0;
    height: 0;
  }
  
  .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  .slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 6px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
  }
@media only screen and (max-width: 767px) { 
    .cbs-table[data-table-type="rooming-list"]  .single-rooming-list.double {
        flex-flow: column;
    }
    .cbs-table[data-table-type="rooming-list"]  .single-rooming-list.button-adjust {
        margin: 0;
        background: #23262F;
        padding: 20px;
    }
    .cbs-table[data-table-type="rooming-list"]  .single-rooming-list.double {
        flex-flow: column;
    }
    .cbs-table[data-table-type="rooming-list"]  .column-section {
        width: 100%;
    }
    .cbs-table[data-table-type="rooming-list"] .single-rooming-list.button-adjust span {
        display: block;
        width: 100%;
        text-align: center;
    }
    
    .cbs-table[data-table-type="rooming-list"] .single-rooming-list.button-adjust span .rooming-list-send-mail {
        margin: 0 auto 10px;
    }
    .cbs-table[data-table-type="rooming-list"] .column-section {
        width: 100%;
        margin: 20px 0;
    }
    .backstage-section .dashboard-part.booking-item{
		padding-bottom:130px;
	}
    .booking-menu{
        overflow-x: scroll;
    }
    .booking-menu::-webkit-scrollbar{
        height: 6px;
        width:4px;
    }
    .booking-menu::-webkit-scrollbar-thumb{
        background: var(--event-primary-color, #4323FF); 
        width: 4px;
        border-radius: 10px;
    }
	.booking-list-header {
        justify-content: space-between;
    }
    .booking-filter-icon.button {
       margin:0px;
    }
   .booking-search-field input {
      box-sizing: border-box;
      height: 38px;
    }
    .booking-search-field {
      flex: 1;
      margin-right: 20px;
    }
	.booking-header .booking-add {
		padding: 10px;
	}
	.cbs-data-header {
       padding: 20px 5px;
   }
   .cbs-filter-container.booking-filter .cbs-filter-popup[data-type="guests"] {
       max-width: 320px;
	   width: 90vw;
	   left: -235px;
   }
	.cbs-filter-popup {
		width: 280px!important;
		left: -235px!important;
	}
	
	.cbs-row .cbs-info > div:nth-child(1) {
       display: flex;
       align-items: center;
    }
	.csb-actions.mobile-display.not-approved:hover .csb-action-select {
		border:none;
	}
	.send-confirmations-container {
       padding: 10px 5px;
	   height: 80%;
    }
	.header-right {
       justify-content: center;
	}
	.send-confirmations-container.small-popup {
       max-width: 80%;
       max-height: 200px;
    }
	.cbs-popup-container.cbs-single-confirmation-popup, .cbs-popup-container.cbs-change-group-popup {
       max-width: 80%;
       min-height: 300px;
    }
	.import-label > * {
       max-width: 175px;
     }
	.import-label { 
	   flex-direction:column;
	}
	.cbs-body .cbs-row .cbs-info .hotel_name .name {
		-webkit-line-clamp: unset;
	}
	.hotel_name.expand .csb-actions.not-approved:hover .csb-action-list-warpper {
		visibility:hidden;
	}
	
	.select-group .select-items::-webkit-scrollbar {
  background: transparent;
  width: 13px;
}


.select-group .select-items::-webkit-scrollbar-thumb {
  background: var(--event-primary-color, #4323FF); 
  width: 10px;
  border-radius: 10px;
}
.send-confirmations-main::-webkit-scrollbar {
  background: transparent;
  width: 10px;
}
.send-confirmations-main::-webkit-scrollbar-thumb {
  background: var(--event-primary-color, #4323FF); 
  width: 10px;
  border-radius: 5px;
}
	.cbs-filter-tabs-content::-webkit-scrollbar {
  background: transparent;
  width: 13px;
}

.cbs-filter-tabs-content::-webkit-scrollbar-thumb {
  background: var(--event-primary-color, #4323FF); 
  width: 10px;
  border-radius: 5px;
}
}
@media only screen and (max-width: 600px) { 
    .cbs-table[data-table-type="rooming-list"] .single-rooming-list{
        text-align: center;
    }
    .cbs-table[data-table-type="rooming-list"] .single-rooming-list.double{
        text-align: center;
    }
    .column-section a.rooming-list-add-column{
        text-align: center;
    }
    .column-section a.rooming-list-add-column span{
        border: 1px solid;
        border-radius: 20px;
        padding: 4px 10px;
        font-size: 12px;
    }
    .cbs-table[data-table-type="rooming-list"] .booking-nav-item-rooming.select_tab_rooming {
        padding: 0 6px;
        font-size: 14px;
    }
    .booking-table-header-row.--1{
        flex-direction: column;
        gap:10px;
    }
    .booking-table-header-row.--1 .booking-table-header-col.--1{
        flex-direction: column;
        gap:4px;
    }
    .cbs-filter-container.booking-filter .cbs-filter-popup[data-type="guests"]{
        left:-120px !important;
    }
    .booking-search-field{margin-right:0;}
    .booking-table-header-col.--2{

    }
    .booking-table-header-col.--2 .cbs2-custom-select{
        flex-shrink: 0;
    }
    .booking-table-header-col.--2 #bookings-table-view{
        width: 40%;
    }
    #bookings-table-view .cbs2-custom-select-selected, #bookings-hide-columns .cbs2-custom-select-selected{
        width: 100% !important;
    }
    .booking-table #bookings-hide-columns{
        width:90% !important;
    }
    .booking-table[data-type="guests"] #bookings-hide-columns{width: 50% !important;}

    .booking-table-header-row.--2{
        overflow-x: scroll;
        overflow-y: hidden;
    }
    .booking-table-header-row.--2::-webkit-scrollbar{
        height: 6px;
        width:4px;
    }
    .booking-table-header-row.--2::-webkit-scrollbar-thumb{
        background: var(--event-primary-color, #4323FF); 
        width: 4px;
        border-radius: 10px;
    }
}




/* .csb_order_pending{
    background:#adad2a;
}
.csb_approval_pending{
    background: #cf7442;
}

.csb_order_confirmed {
    background: blue;
}

.csb_order_completed{
    background:green;
} */
/* 
.cbs-row :hover{
    background:blue;
} */
/* .cbs-info:not(.cbs-head-info):hover, .cbs-info.row-highlighted:not(.cbs-head-info){
    background:var(--event-primary-color, #4323FF);
} */
.csb_approval_denied, .csb_approval_denied:hover{
    background: #480303;
}
.booking_updated,.booking_updated:hover {
    background: #bdac19;
}

.cbs-field-updated {
    background: #bdac19;
}
.all_guests.cbs-field-updated-approved div {
    color: black !important;
}
.cbs-field-updated-approved {
    background: #22DF41;
    color: black !important;
}.cbs-field-updated-sent {
    background: #6df7ff;
    color: black !important;
}
.cbs-info .cbs-field-updated-approved{
    background: transparent;
    color: white !important;;
    border-bottom: 1px solid #22DF41;
}
/* .csb-action-list:hover, .csb-action-list *:hover {
    background: white;
} */
span.user_custom_avatar {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--event-secondary-color, #4FF6B1);
}
@media screen and (max-width: 767px){
    span.user_custom_avatar {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        background: var(--event-secondary-color, #4FF6B1);
    }
}
.cbs-info.--head .cbs-sortable span:first-child,
.cbs-info.--head div > span:first-child{
    display: inline-block !important;
    /* max-width: min-content !important; */
}
/* 27-10-2022 */
.cbs-head .cbs-info div, .cbs-body .cbs-info div{
    text-align: center;
    justify-content: center ;
}
.expire-calender.expirationdate p {
    text-align: center;
    justify-content: center;
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 10px 0;
    margin-bottom: 0px !important;
}

.cbs-head .cbs-row .cbs-info div.cbs-sortable{
    justify-content: center !important;
}

input[type="text"].csb-expiration-date, input.info.cutoff-csb-expiration-date {
    background-color: #313440;
    border-radius: 8px;
    color: #FFF;
    width: 100px;
    text-align: left;
    padding: 7px 14px;
    background-image: url(../icons/calender.svg);
    background-repeat: no-repeat;
    background-position: 90% center;
    background-size: 15px;
}

.backstage-settings-container .users-container .users-list .cbs-head .cbs-row .cbs-info div.cbs-sortable > span.text {
    text-align: center;
}

.user-cta.edit-user {
    background: url(../../../../themes/backstage-admin/assets/icons/edit-gray.svg);
    width: 14px;
    height: 13px;
    background-size: 14px 13px;
    display: inline-block;
    margin: 0 5px;
}

.user-cta.delete-user {
    background: url(../icons/delete-dark.svg);
    width: 14px;
    height: 14px;
    background-size: 14px;
    display: inline-block;
    margin: 0 5px;
}

.users-list {
    background-color: #23262F;
    border-radius: 12px;
    overflow-x: scroll;
}

.cbs-button.add-user {
	display: flex;
	align-items: center;
    color: #FFF;
    font-size: 12px;
    letter-spacing: 0.1875px;
    border: solid 2px #777e90;
    font-weight: 500;
    margin-top: 0;
    background: transparent;
    text-transform: initial;    
}

#csb-add-single-user {
    min-width: 310px;
    margin-top: 20px;
}

.new-user-action {
    display: flex;
    flex-direction: column;
}

.csb-add-user-container h3 {
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: #FCFCFD;
}

.new-user-info-fields label {
    font-size: 14px;
    font-weight: 700;
}

a.view-resv-edit {
    color: var(--event-secondary-color, #4FF6B1);
}

label.bold-title-rooming-list {
    display:inline-block;
    width:150px;
}

/* highlight */
.highlight-sent_to_guest {
    background: #22DF41;
    color: #000;
}
.highlight-sent_to_guest a.edit-hotel-confirmation,.highlight-sent a.edit-hotel-confirmation,.highlight-not-sent a.edit-hotel-confirmation,.highlight-received a.edit-hotel-confirmation,.highlight-changes-made a.edit-hotel-confirmation {
    color: black;
}
.highlight-sent_to_guest a.cbs-group-link,.highlight-sent a.cbs-group-link,.highlight-not-sent a.cbs-group-link,.highlight-received a.cbs-group-link,.highlight-changes-made a.cbs-group-link {    
    color: black;
}
.highlight-sent_to_guest a.edit-hotel-loyalty,.highlight-sent a.edit-hotel-loyalty,.highlight-not-sent a.edit-hotel-loyalty,.highlight-received a.edit-hotel-loyalty,.highlight-changes-made a.edit-hotel-loyalty {    
    color: black;
}
.highlight-sent_to_guest a.edit-special-request,.highlight-sent a.edit-special-request,.highlight-not-sent a.edit-special-request,.highlight-received a.edit-special-request,.highlight-changes-made a.edit-special-request {
    color: black;
}
.highlight-sent {
    background: #FFB800;
    color: #000;
}
.highlight-not-sent{
    background: white;
    color: #000;
}
.highlight-received{
    background: #6D4FFC;
    color: #000;
}
.highlight-changes-made{
    background: #FFB800;
    color: #000;
}
.highlight-denied{
    background: #DF2222;
    color: #fff;
}

.highlight-mode {
    font-size: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
}
span.hide-span {
    padding: 5px;
}

/*** Bookings Table Header **/
.booking-table-header {
    padding: 10px 0;
    border-bottom: 1px solid #303236;;
}

.booking-table-header-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.booking-table-header-row.--2 {
    padding-top: 10px;
    border-top: 1px solid #303236;
    margin-top: 10px;
}

.booking-table-header-col {
    position: relative;
    display: flex;
    align-items: center;
}

#bookings-table-view .cbs2-custom-select-selected, 
#bookings-hide-columns .cbs2-custom-select-selected {
    width: 200px;
    height: 36px;
    background-color: #2F2F31;
    font-size: 12px;
}

#bookings-table-bulk-actions .cbs2-custom-select-selected,#bookings-table-bulk-actions-rl .cbs2-custom-select-selected{
    width: 121px;
    height: 30px;
    font-size: 12px;
}
#bookings-table-bulk-actions-reservation-changes .cbs2-custom-select-selected {
    width: 175px;
    height: 30px;
    font-size: 12px;
}
.cbs2-custom-select-selected {
    position: relative;
    padding-right: 20px; /* Adjust padding to make space for the icon */
}

.cbs2-custom-select-selected::after {
    content: ""; /* Remove FontAwesome content */
    position: absolute;
    right: 10px; /* Adjust the positioning */
    top: 50%;
    transform: translateY(-50%);
    width: 12px; /* Adjust to match the image size */
    height: 12px; /* Adjust to match the image size */
    background: url(../icons/down-arrow.png) no-repeat center center;
    background-size: contain; /* Ensure the image fits properly */
}
#bookings-table-download .cbs2-custom-select-selected::after {
    content: none !important;
}
#bookings-hide-columns,
#bookings-table-bulk-actions,#bookings-table-bulk-actions-rl,#bookings-table-bulk-actions-reservation-changes {
    margin-left: 10px;
}

#bookings-hide-columns .button {
    width: 180px;
    box-sizing: border-box;
    padding-left: 6px;
}

#bookings-table-view .cbs2-custom-select-options > div,
#bookings-hide-columns .cbs2-custom-select-options > div,
#bookings-table-bulk-actions .cbs2-custom-select-options > div,
#bookings-table-bulk-actions-rl .cbs2-custom-select-options > div,
#bookings-table-bulk-actions-reservation-changes .cbs2-custom-select-options > div,
#table-highlight-mode .cbs2-custom-select-options > div {
    font-weight: 500;
    font-size: 12px;
    padding: 5px 0;
    text-transform: capitalize;
}

#bookings-hide-columns .cbs2-custom-select-options input[type="checkbox"],
#table-highlight-mode .cbs2-custom-select-options input[type="checkbox"] {
    margin-right: 8px!important;
}

#bookings-table-bulk-actions,#bookings-table-bulk-actions-rl,#bookings-table-bulk-actions-reservation-changes {
    display: none;
}

/** Guests Table only Actions*/
.booking-table:not([data-type="guests"]) #bookings-table-view {
    display: none!important;
}

.booking-table:not([data-type="guests"]) .booking-table-header-row.--2 {
    display: none!important;
}

.booking-table:not([data-type="guests"]) .csb-all-pending-bookings {
    display: none!important;
}

#bookings-table-view .cbs2-custom-select-options > div.booking-add-totals-container {
    font-size: 10px;
    justify-content: right;
    margin-top: 5px;
}

#booking-add-totals.cbs2-checkbox {
    width: 15px!important;
    height: 15px!important;
    margin-left: 4px!important;
}

#booking-add-totals.cbs2-checkbox::before {
    left: 4px;  
    width: 3px;
    height: 7px;
}

/** Bookings table Footer */
.bookings-table-footer {
    margin: 20px 0 10px;
    position: relative;
}

.booking-guests-table-footer,booking-guests-table-footer-inventory {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    padding: 0 10px;
}

.bookings-table-footer:not([data-type="guests"]) .booking-guests-table-footer {
    display: none;
}

#table-highlight-mode .cbs2-custom-select-selected {
    background: #1c1c1f;
    padding: 10px;
    height: 35px;
}

#table-highlight-mode .cbs2-custom-select-selected:hover {
    color: #4ef6b1;
}

#table-highlight-mode .cbs2-custom-select-selected a {
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 12px;
    gap: 7px;
}

#table-highlight-mode .cbs2-custom-select-selected a .icon,
.peak-nights-only .icon {
    width: 15px;
    height: 15px;
}

#table-highlight-mode .cbs2-custom-select-selected a .icon svg,
.peak-nights-only .icon svg {
    width: 100%;
    height: 100%;
}

#table-highlight-mode .cbs2-custom-select-options, div#table-highlight-mode .cbs2-custom-select-selected {
    width: 175px;
}

.booking-totals {
    width: fit-content;
    font-size: 12px;
    padding: 10px;
    border-radius: 8px;
    line-height: 1;
    border: 1px solid #303235;
    position: relative;
}

.bt-breakdown-container {
    position: absolute;
    bottom: 40px;
    z-index: 99;
    right: 0;
    display: none;
}

.bt-breakdown-container::after {
    content: '';
    height: 0px;
    width: 0px;
    border-right: solid 7px transparent;
    border-left: solid 7px transparent;
    border-top: solid 10px #fff;
    position: absolute;
    right: 50px;
}

.bt-breakdown {
    background: #fff;
    color: #000;
    padding: 15px;
    border-radius: 8px;
}

.bt-breakdown-item {
    margin-bottom: 15px;
}

.bt-breakdown-item span {
    font-weight: bold;
}

.bt-breakdown-item:last-child {
    margin-bottom: 0;
}


.peak-nights-only-container {
    position: relative;
}

.peak-nights-only {
    font-size: 12px;
    background: #1b1c1f;
    display: flex;
    height: 35px;
    align-items: center;
    justify-content: center;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 8px;
    gap: 10px;
    color: #fff;
}

.peak-nights-only:hover, #table-highlight-mode:hover a {
    color: #4ef6b1;
}

.cbs-popup-container.cbs-peak-nights-popup {
    max-width: 500px;
    min-height: fit-content;
}

.cbs-peak-nights-popup .cbs-popup-header{
    margin-bottom: 25px;
}


.cbs-peak-nights-popup .cbs-popup-main {
    display: flex;
    gap: 20px;
}

.cbs-peak-nights-popup .cbs-popup-main > div {
    flex: 1;
}

@media (max-width:550px) {

    .cbs-peak-nights-popup .cbs-popup-main {
        flex-wrap: wrap;
    }

    .cbs-peak-nights-popup .cbs-popup-main > div {
        flex: auto;
        width: 100%;
    }
}


.totals-data-item {
    padding: 8px 16px;
    margin: 0 4px;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.875rem;
    color: #E0E0E0;
    font-weight: 500;
}

.totals-data-item span {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--event-secondary-color, #4FF6B1);
    line-height: 1;
}

.totals-data-item.rooms {
    text-decoration: underline;
    cursor: pointer;
}

.totals-data-item.rooms:hover {
    background: #3b3b3d;
    border-radius: 8px;
    text-decoration: none;
}

.totals-data-item:not(:last-child) {
    border-right: 1px solid #303235;
}

/** No Show Request Popup */
.cbs-popup-container.cbs-no-show-popup {
    max-width: 650px;
    min-height: auto;
}

.cbs-no-show-popup .cbs-popup-header {
    margin-bottom: 25px;
}

.cbs-nsr-item {
    margin-bottom: 20px;
}
.cbs-nsr-checkboxes {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
  }
.cbs-nsr-checkboxes.deny {
text-align: center;
}
.cbs-nsr-checkboxes.deny div {
    display: flex;
    margin: 3px 0px 0px 52px;
    gap: 15px;
}
.cbs-popup-actions.deny button {
    border-radius: 15px;
}
.cbs-popup-actions.deny button.cbs-button.csb-submit {
    background: #72f4b1;
    color: black;
}
.cbs-popup-actions.deny button.cbs-button.csb-submit:hover , .cbs-popup-actions.deny button.cbs-button.csb-cancel:hover{
    color: white;
    font-size: 14px;
}
.cbs-popup-actions.deny button.cbs-button.csb-cancel {
    background: #f18a81 !important;
    color: black;
}
.cbs-nsr-note {
    text-align: center;
    margin-top: 20px;
}

.cbs-no-show-popup .cbs-popup-actions {
    padding: 10px 0px 10px;
}

.cbs-popup-container.cbs-no-show-popup .cbs-button {
    margin-bottom: 0;
}

.cbs-actions-disabled {
    cursor: not-allowed;
    pointer-events: none;
    text-decoration: none;
}

.cbs-actions-disabled:hover {
    text-decoration: none;
}

.cbs-actions-disabled i {
	margin-left: 5px;
    font-size: 10px;
}

/** Highlight by Rooming List **/

.cbs-highlight-rooming-list .cbs-row .cbs-info .changes-status .cbs-label-dropdown__selected {
    background-color: #24262f;
}

.cbs-highlight-rooming-list .cbs-label-dropdown__selected {
    box-shadow: 0px 0px 2px 1px #24262f5e;
}

.cbs-highlight-rooming-list .cbs-row.sent_to_guest .csb-actions:hover .csb-action-select,
.cbs-highlight-rooming-list .cbs-row.sent .csb-actions:hover .csb-action-select,
.cbs-highlight-rooming-list .cbs-row.sent_to_hotel_digital_rooming_list .csb-actions:hover .csb-action-select {
    border: 1px solid var(--event-primary-color, #4323FF);
    color: var(--event-primary-color, #4323FF);
}


/* not-sent */
.cbs-highlight-rooming-list .cbs-row.not-sent .cbs-info {
    background-color: #e9e6e6!important;
    color: #000;
}

.cbs-highlight-rooming-list .cbs-row.not-sent .cbs-info a {
    color: #000;
}

/* sent */
.cbs-highlight-rooming-list .cbs-row.sent .cbs-info,
.cbs-highlight-rooming-list .cbs-row.sent_to_hotel_digital_rooming_list .cbs-info {
    background-color: #6ef7fb!important;
    color: #000;
}

.cbs-highlight-rooming-list .cbs-row.sent .cbs-info a,
.cbs-highlight-rooming-list .cbs-row.sent_to_hotel_digital_rooming_list .cbs-info a {
    color: #000;
}

/* received */
.cbs-highlight-rooming-list .cbs-row.received .cbs-info {
    background-color: #6D4FFC!important;
    color: #fff;
}

.cbs-highlight-rooming-list .cbs-row.received .cbs-info a {
    color: #fff;
}

/* sent_to_guest */
.cbs-highlight-rooming-list .cbs-row.sent_to_guest .cbs-info {
    background-color: #22DF41!important;
    color: #000;
}

.cbs-highlight-rooming-list .cbs-row.sent_to_guest .cbs-info a {
    color: #000;
}

/* deny */
.cbs-highlight-rooming-list .cbs-row.denied .cbs-info {
    background-color: #DF2222!important;
    color: #fff;
}

.cbs-highlight-rooming-list .cbs-row.denied .cbs-info a {
    color: #fff;
}

#bookings-table-download,
#bookings-table-download .cbs2-custom-select-selected {
   display: inline;
}

.cbs-inventory-table-held-container .cbs2-tooltip {
    position: inherit;
}

.cbs-popup-container.cbs-add-extras {
    max-width: 650px;
}

.cbs-bookings-extra-item {
    padding: 5px 10px;
    display: grid;
    grid-template-columns: 4fr 1fr 80px;
    align-items: center;
    border-bottom: 1px solid rgb(56 59 73);
    font-size: 12px;
}

.cbs-bookings-extra-header .cbs-bookings-extra-item {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
}

.cbs-bookings-extra-body .cbs-bookings-extra-item:last-child {
    border: 0;
}

.cbs-bookings-extra-item-quantity .cbs2-input[type="number"]{
    font-size: 12px;
    height: 35px;
}

.cbs-bookings-extra-current {
    margin-bottom: 20px;
    font-size: 12px;
    background: #14151a;
    padding: 10px;
    border-radius: 5px;
}

.cbs-bookings-extra-current .label {
    font-weight: bold;
    margin-right: 10px;
}

.cbs-table-bookings-page-table {
    width: fit-content;
    min-width: 100%;
}
.cbs-row.--body.csb_order_.csb_approval_approved.sent_to_guest.highlight-normal .cbs-field-updated-approved{
        background: transparent;
        color: white !important;
        border-bottom: 1px solid #22DF41;
}

.line-circle-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 20px;
    transition: all 0.4s;
}

.line-circle {
    display: flex;
    align-items: center;
    width: 50%;
    position: relative;
}

.line {
    width: 100%;
    height: 2px;
    background-color: currentColor;
    position: relative;
}

.circle {
    width: 20px;
    height: 20px;
    background-color: #23262F;
    border: currentColor 2px solid;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.color-active {
    color: var(--event-secondary-color, #4FF6B1); /* Red */
}

.color-deactivate {
    color: #A3A3A3; /* Green */
}

#bookings-table-download,
#bookings-table-download .cbs2-custom-select-selected {
    display: inline;
    padding: 4px 0px;
    border-radius: 50px;
    flex-shrink: 0;
    font-family: 'Poppins';
    font-weight: 500;
    align-items: center;
    gap: 5px;
    font-size: 12px;
    padding-top: 7px;
}



/*toggle*/

.cbs-toggle-button.crew-toggle-button {
    height: 40px;
    width: 78px;
}
.crew-toggle-button .cbs-toggle-button__knobs.crew-toggle-button {
    padding: 20px !important;
}
.crew-toggle-button .cbs-toggle-button__layer.crew-toggle {
    display: flex;
    align-items: center;
    justify-content: space-around;
    background: #2F2F31;
}
.crew-toggle-button .cbs-toggle-button__knobs:before {
    content: "-";
    width: 38px;
    height: 38px;
    border-radius: 50%;
    top: 1px;
    left: 0;
    background: var(--event-primary-color, #4323FF);
    color: #fff;
    font-size: 16px;
}
.crew-toggle-button .cbs-toggle-button__layer.crew-toggle span {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    text-align: left;
    color: var(--event-secondary-color, #4FF6B1);
}
.crew-toggle-button .cbs-toggle-button__checkbox:checked + .cbs-toggle-button__knobs:before {
    left: unset;
    right: 0;
}
.crew-toggle-button .cbs-toggle-button__knobs {
    display: inline-block;
    width: 78px;
    height: 40px;
}
.crew-toggle-button .cbs-toggle-button__checkbox:checked + .cbs-toggle-button__knobs:before {
    content: " + ";
}
.crew-toggle-button .cbs-toggle-button__layer.crew-toggle span:nth-child(2) {
    color: #515154;
}



/* Scope styles specifically for the hotel_selector */
.cbs-select-multiple-option-select .select2-container {
    width: 438px !important;
    height: 41px !important;
    align-items: start !important;
    display: table-cell !important;
}

.multiple-selected-dropdown-options .select2-dropdown.select2-dropdown--below{
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.cbs-select-multiple-option-select ,.cbs-select-multiple-option-select .cbs2-select2.--multiple .select2 {
    width: 438px !important; /* Match the width set in JavaScript */
}

.cbs-select-multiple-option-select .select2-container--default .select2-selection--multiple{
    padding-bottom: 0px !important;
    align-items: center !important;
    display: flex !important;
}

/* Hide the clear (X) button */
.cbs-select-multiple-option-select .select2-container--default .select2-selection__clear {
    display: none;
}

/* Style the placeholder text inside the search field */
.cbs-select-multiple-option-select .select2-container--default .select2-search__field::placeholder {
    color: #aaa; /* Adjust color as needed */
    opacity: 1; /* Ensure placeholder text is visible */
}

/* Disable typing in the search field */
.cbs-select-multiple-option-select .select2-container--default .select2-search__field {
    cursor: pointer; /* Change cursor to default */
    background: transparent; /* Ensure background is transparent */
}




/* General Styling for Total Block Details Container */
.dashboard-part.dashboard-part-main-content.booking-item.booking-inventory-head {
    background: #1D1D1F;
}

/* Booking Table Header Styles */
.booking-table.booking-inventory-head {
    padding: 0 !important;
}
.booking-table.booking-inventory-head .booking-table-header {
    background: #141416;
    border-bottom: 0;
}
.dashboard-part.dashboard-part-main-content.booking-item.booking-inventory-head .booking-table-header {
    background: #1D1D1F;
    border-bottom: 0px;
}

.dashboard-part.dashboard-part-main-content.booking-item.booking-inventory-head .cbs-table-bookings-page-table{
    background: #1D1D1F;
}
.dashboard-part.dashboard-part-main-content.booking-item.booking-inventory-head .booking-table{
    border-radius : 0px !important;
    padding: 0px !important
}
.dashboard-part.dashboard-part-main-content.booking-item.booking-inventory-head .booking-table-header-row {
    margin-bottom: 15px;
}
.booking-table.booking-inventory-head .booking-table-header .booking-table-header-row.--0,
.booking-table[data-type="peak-nights"] .booking-table-header .booking-table-header-row.--0 {
    display: flex !important;
    margin-bottom: 20px;
}

/* Filter Popup Width */
.cbs-filter-container.booking-filter .cbs-filter-popup.booking-inventory-head {
    width: 23vw;
    max-width: 934px;
}
.dashboard-part.dashboard-part-main-content.booking-item.booking-inventory-head .dashboard-part-main-content.booking-item .cbs-filter-popup {
	width: 368px !important;
}

/* Table and Row Adjustments */
.dashboard-part.dashboard-part-main-content.booking-item.booking-inventory-head .cbs-row {
    padding: 0;
}
.dashboard-part.dashboard-part-main-content.booking-item.booking-inventory-head .cbs-row.--expanded .cbs-info:not(:first-child) > div:nth-child(2) {
    padding-left: 0px !important;
}

/* Expanded Row Background */
.dashboard-part.dashboard-part-main-content.booking-item.booking-inventory-head .cbs-row.--expanded .cbs-info.expanded {
    background: #515154;
}

.cbs-theme-test-backend-scrollbar-background-primary.booking_dashboard_content_wrap.total-block-details.booked-details-per-group {
max-height: fit-content !important;
}
.dashboard-part.dashboard-part-main-content.booking-item.booking-inventory-head[data-type="peak-nights"] .cbs2-select2 .select2{
    width: 438px !important;
}
.dashboard-part.dashboard-part-main-content.booking-item.booking-inventory-head .booking_dashboard_wrap {
    background-color: transparent;
}

/* Head and Body Info Alignment */
.dashboard-part.dashboard-part-main-content.booking-item.booking-inventory-head .cbs-head .cbs-info div, 
.dashboard-part.dashboard-part-main-content.booking-item.booking-inventory-head .cbs-body .cbs-info div {
    text-align: left !important;
    justify-content: left !important;
}

/* Tooltip Styles */
.dashboard-part.dashboard-part-main-content.booking-item.booking-inventory-head span.cbs2-tooltip.inventory .cbs2-tooltip-icon {
    top: 10.67px;
    left: 7.33px;
    gap: 0;
    opacity: 1;
    color: var(--event-secondary-color, #4FF6B1);
    border-radius: 50%;
    border: 1px solid var(--event-secondary-color, #4FF6B1);
    width: 15px;
    height: 15px;
    background: transparent;
}
.dashboard-part.dashboard-part-main-content.booking-item.booking-inventory-head span.cbs2-tooltip.inventory{
    position: relative;
    display: inline-block;
}
.dashboard-part.dashboard-part-main-content.booking-item.booking-inventory-head span.cbs2-tooltip.inventory .cbs2-tooltip-text {
    background: #515154;
    color: white;
    padding: 10px 8px 22px 10px;
    height: auto;
    width: max-content;
    line-height: 1;
    transform: translateX(10px);
    position: absolute;
    left: 100%;
    top: -20%;
    margin-left: 10px;
    white-space: nowrap;
    z-index: 9999;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s ease;
    margin-bottom: 15px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
    border: 1px solid #333;
    border-radius: 4px;
    max-width: fit-content;
}
/* Tooltip arrow with border effect */
.dashboard-part.dashboard-part-main-content.booking-item.booking-inventory-head span.cbs2-tooltip.inventory .cbs2-tooltip-text::before,
.dashboard-part.dashboard-part-main-content.booking-item.booking-inventory-head span.cbs2-tooltip.inventory .cbs2-tooltip-text::after {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: 0px;
    border-width: 6px;
    border-style: solid;
    transform: translateY(-50%);
}

/* Outer arrow (border effect) */
.dashboard-part.dashboard-part-main-content.booking-item.booking-inventory-head span.cbs2-tooltip.inventory .cbs2-tooltip-text::before {
    right: 100%;
    border-color: transparent #333 transparent transparent; /* Slightly larger arrow for border effect */
}

/* Inner arrow (main arrow) */
.dashboard-part.dashboard-part-main-content.booking-item.booking-inventory-head span.cbs2-tooltip.inventory .cbs2-tooltip-text::after {
    content: none !important;
    right: calc(100% - 1px); /* Position it slightly to the left */
    border-color: transparent #515154 transparent transparent; /* Main arrow color */
    border-width: 5px; /* Slightly smaller */
}


/* Show tooltip on hover */
.dashboard-part.dashboard-part-main-content.booking-item.booking-inventory-head span.cbs2-tooltip.inventory.has-tooltip:hover .cbs2-tooltip-text {
    visibility: visible;
    opacity: 1;
}


/* Weekend Highlight Colors */
.dashboard-part.dashboard-part-main-content.booking-item.booking-inventory-head .max-peak-night span,
.dashboard-part.dashboard-part-main-content.booking-item.booking-inventory-head .max-peak-night span {
    color: #FFD166;
}

/* Calculation Text Colors */
.dashboard-part.dashboard-part-main-content.booking-item.booking-inventory-head .minus-calculation {
    color: #FF6A55;
}

/* Inventory Level Color Coding */
.inventory-level-high {
    color: #4CAF50 !important; /* Green for high inventory */
    font-weight: 600;
}

.inventory-level-limited {
    color: #FF9800 !important; /* Orange/Yellow for limited inventory */
    font-weight: 600;
}

.inventory-level-low {
    color: #F44336 !important; /* Red for low/sold out inventory */
    font-weight: 600;
}

.inventory-level-sold-out {
    color: #D32F2F !important; /* Dark red for sold out */
    font-weight: 700;
}
.total-value-inventory {
    font-weight: 600;
}
.dashboard-part.dashboard-part-main-content.booking-item.booking-inventory-head .booking-table-header a#downloadTable{
    padding: 0px !important;
}
/* Adjusting Booking Table Header Column */
.dashboard-part.dashboard-part-main-content.booking-item.booking-inventory-head .booking-table-header-row.--0 .booking-table-header-col.--1 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    align-items: flex-start;
}

/* City Selector in Download Table */
.cbs2-download-table.cities {
    display: flex;
    flex-direction: column;
    justify-content: flex-end; /* Aligns the city selector to the bottom */
}

.dashboard-part.dashboard-part-main-content.booking-item.booking-inventory-head .cbs-body .cbs-info {
    background: #2F2F31;
    border-radius: 0;
}
.dashboard-part.dashboard-part-main-content.booking-item.booking-inventory-head .booking-table-header-col.--2 {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.inventory-view-toggle {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #1D1D1F;
    border: 1px solid #3a3a3c;
    border-radius: 999px;
    padding: 4px;
}
.inventory-view-toggle__btn {
    background: transparent;
    border: 0;
    color: #c3c3c3;
    font-size: 12px;
    line-height: 1;
    padding: 8px 12px;
    border-radius: 999px;
    cursor: pointer;
    white-space: nowrap;
}
.inventory-view-toggle__btn:hover {
    color: #ffffff;
}
.inventory-view-toggle__btn.active {
    background: #2F2F31;
    color: #ffffff;
}
.inventory-subview-controls {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}
.inventory-summary-mode-toggle,
.inventory-compact-metric-toggle {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #1D1D1F;
    border: 1px solid #3a3a3c;
    border-radius: 999px;
    padding: 4px;
}
.inventory-sub-toggle__btn {
    background: transparent;
    border: 0;
    color: #c3c3c3;
    font-size: 12px;
    line-height: 1;
    padding: 8px 12px;
    border-radius: 999px;
    cursor: pointer;
    white-space: nowrap;
}
.inventory-sub-toggle__btn:hover {
    color: #ffffff;
}
.inventory-sub-toggle__btn.active {
    background: #2F2F31;
    color: #ffffff;
}
.inventory-summary-group-selector {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #1D1D1F;
    border: 1px solid #3a3a3c;
    border-radius: 999px;
    padding: 4px 8px;
}
.inventory-summary-group-selector__label {
    color: #c3c3c3;
    font-size: 12px;
    line-height: 1;
    white-space: nowrap;
}
.inventory-summary-group-selector__select {
    height: 30px;
    min-width: 190px;
    background: #2F2F31;
    border: 1px solid #3a3a3c;
    border-radius: 999px;
    color: #ffffff;
    font-size: 12px;
    padding: 0 12px;
}
.dashboard-part.dashboard-part-main-content.booking-item.booking-inventory-head .cbs-body .cbs-info
.dashboard-part.dashboard-part-main-content.booking-item.booking-inventory-head .cbs-head .cbs-info
{
    padding: 0px 10px;
}

.dashboard-part.dashboard-part-main-content.booking-item.booking-inventory-head .cbs-body .cbs-row:last-child .cbs-info:last-child {
    border-radius: 0 0 10px 10px; /* Bottom-left and bottom-right corners with 10px radius, top-left and top-right with 0 */
}
.dashboard-part.dashboard-part-main-content.booking-item.booking-inventory-head .cbs2-row.--expanded .cbs2-info:last-child,
.dashboard-part.dashboard-part-main-content.booking-item.booking-inventory-head .cbs-row.--expanded .cbs-info:last-child, .cbs-row.--expanded > .cbs-row:last-child {
    border-radius: 0; 
}
.dashboard-part.dashboard-part-main-content.booking-item.booking-inventory-head .cbs-table-bookings-page-table.pickup .cbs-body .cbs-row:last-child .cbs-info:last-child {
    border-radius: 10px 10px 10px 10px;
    background: #1D1D1F;
    border: 1px solid #2F2F31;
}

/* Expanded Row First Child Background */
.dashboard-part.dashboard-part-main-content.booking-item.booking-inventory-head .cbs-row.--expanded .cbs-info:first-child {
    background: #2F2F31;
}
.dashboard-part.dashboard-part-main-content.booking-item.booking-inventory-head .cbs-filters-selected.active {
    background: #1D1D1F;
}
/* Column Width Adjustment */
.cbs-table.cbs-booking-hotel.hotels-tab.booking-inventory-head .cbs-row .cbs-info > div:nth-child(2) {
    min-width: 80px !important;
}

.dashboard-part.dashboard-part-main-content.booking-item.booking-inventory-head[data-type="booked-details-per-group"] .cbs-table-bookings-page-table {
    width: auto;
    overflow-x: auto;
    display: block; /* Ensures the table's content can scroll */
    white-space: nowrap; /* Prevents wrapping inside the table */
}

.dashboard-part.dashboard-part-main-content.booking-item.booking-inventory-head[data-type="booked-details-per-group"] .cbs-table-bookings-page-table::-webkit-scrollbar {
    height: 8px; /* Adjust height for horizontal scrollbar */
}


.dashboard-part.dashboard-part-main-content.booking-item.booking-inventory-head[data-type="booked-details-per-group"] .booking-table-header-col.--2 {
    gap: 20px;
}

.dashboard-part.dashboard-part-main-content.booking-item.booking-inventory-head[data-type="booked-details-per-group"] .cbs-filter-item-checkbox-per-group.per-group {
    visibility: hidden;
    width: 0;
}

.dashboard-part.dashboard-part-main-content.booking-item.booking-inventory-head[data-type="booked-details-per-group"] .sticky-col-name{
    left: 0px; 
    width: auto;
    border-right:0px;
}
.dashboard-part.dashboard-part-main-content.booking-item.booking-inventory-head[data-type="booked-details-per-group"] span.cbs-theme-testcopy-backend-icon-secondary.menu-svg-icon {
    line-height: 0;
}
.dashboard-part.dashboard-part-main-content.booking-item.booking-inventory-head[data-type="booked-details-per-group"] a#downloadTablePerGroup {
    color: white;
    padding: 4px 20px;
    border-radius: 50px;
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    font-family: 'Poppins';
    font-weight: 500;
    align-items: center;
    gap: 5px;
    font-size: 12px;
}

.dashboard-part.dashboard-part-main-content.booking-item.booking-inventory-head a#downloadTablePerGroup:hover {
    color: rgb(79 246 177);
}


.dashboard-part.dashboard-part-main-content.booking-item.booking-inventory-head[data-type="booked-details-per-group"] .cbs-row.--expanded .cbs-info.include-held .group-name-column.remove-background-column{
    background: #2F2F31;
    padding: 2px 8px 18px 0px;
    margin-left: -10px;
}
.dashboard-part.dashboard-part-main-content.booking-item.booking-inventory-head[data-type="booked-details-per-group"] .cbs-table.cbs-booking-hotel.hotels-tab.total-block-details {
    width: fit-content;
}


.dashboard-part.dashboard-part-main-content.booking-item.booking-inventory-head .booking-table.old {
   display: none;
}
.cbs2-download-table-custom-dropdown .cbs-select-multiple-option-select {
    position: relative;
    display: inline-block;
    width: 100%;
}

.cbs2-download-table-custom-dropdown .dropdown-toggle {
    background-color: #007bff;
    color: white;
    border: none;
    padding: 10px;
    text-align: left;
    cursor: pointer;
    width: 100%;
}

.cbs2-download-table-custom-dropdown .dropdown-menu.show {
    display: block;
}

.cbs2-download-table-custom-dropdown .dropdown-menu {
    display: none;
    position: absolute;
    background-color: white;
    border: 1px solid #ddd;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    z-index: 1000;
    width: 100%;
    max-height: 200px;
    overflow-y: auto;
    margin-top: 2px;
}

.cbs2-download-table-custom-dropdown .dropdown-item {
    display: block;
    padding: 8px;
    cursor: pointer;
}

.cbs2-download-table-custom-dropdown .dropdown-item:hover {
    background-color: #f1f1f1;
}

.cbs2-download-table-custom-dropdown .dropdown.show .dropdown-menu {
    display: block;
}

.cbs2-download-table-custom-dropdown .cbs-select-multiple-option-select {
    position: relative;
    display: inline-block;
    width: 100%;
}

.cbs2-download-table-custom-dropdown .dropdown-toggle {
    background-color: #2F2F31;
    color: white;
    border: none;
    padding: 10px;
    border-radius: 8px;
    cursor: pointer;
    width: 100%;
    text-align: left;
    box-sizing: border-box;
}

.cbs2-download-table-custom-dropdown .dropdown-menu {
    display: none;
    position: absolute;
    background-color: #2F2F31;
    color: white;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    z-index: 1000;
    width: 100%;
    max-height: 200px;
    overflow-y: auto;
    margin-top: 2px;
    box-sizing: border-box;
}

.cbs2-download-table-custom-dropdown .dropdown-item {
    display: block;
    padding: 8px;
    cursor: pointer;
    border-radius: 4px;
}

.cbs2-download-table-custom-dropdown .dropdown-item:hover {
    background-color: #1F1F1F;
}

.cbs2-download-table-custom-dropdown .dropdown.show .dropdown-menu {
    display: block;
}

.cbs2-download-table-custom-dropdown.inventory.pending-extensions,
.cbs2-download-table-custom-dropdown.inventory.cutoff-pending-extensions,
.cbs2-download-table-custom-dropdown.inventory.pending-approval,
.cbs2-download-table-custom-dropdown.inventory.approved-history {
    display: none;
}

.cbs2-download-table-custom-dropdown .dropdown .dropdown-toggle {
    position: relative;
}

.cbs2-download-table-custom-dropdown .dropdown .dropdown-toggle i {
    float: right;
    transition: transform 0.3s ease;
    font-size: 18px;
    color: var(--event-secondary-color, #4FF6B1);
    transform: rotate(0deg);
}

.cbs2-download-table-custom-dropdown .dropdown.open .dropdown-toggle i {
    transform: rotate(180deg);
}

.cbs2-download-table-custom-dropdown .cbs-select-multiple-option-select {
    margin-right: 16px;
}
.dashboard-part.dashboard-part-main-content.booking-item.booking-inventory-head[data-type="inventory-details"] .cbs2-download-table-custom-dropdown .cbs-select-multiple-option-select{
    width: 218px !important;
}
.cbs2-download-table-custom-dropdown .dropdown-item.selected {
    background: #212121;
    color: white;
    border-left: 4px solid var(--event-secondary-color, #4FF6B1);
}

.cbs2-download-table-custom-dropdown .dropdown-item:hover {
    background: #212121;
    color: #FFFFFF !important;
    border-left: 4px solid var(--event-secondary-color, #4FF6B1);
}

.cbs2-download-table-custom-dropdown .dropdown-item {
    font-size: 14px;
    font-weight: 600;
    border-radius: 0;
}

.cbs2-download-table-custom-dropdown .dropdown-menu.show {
    border: 0;
    margin-top: 10px;
    z-index: 1000;
}

.cbs2-download-table-custom-dropdown .hotel-search-field.cbs2-select {
    position: relative;
}

.cbs2-download-table-custom-dropdown .dropdown {
    position: absolute;
    left: 0px;
    right: -3px;
    top: -2px;
}

.dashboard-part.dashboard-part-main-content.booking-item.booking-inventory-head .booking-table-header-col.--1.inventory {
    margin-top: 18px;
}

.dashboard-part.dashboard-part-main-content.booking-item.booking-inventory-head .booking-table-header-col.--1.inventory .booking-search-field input,
.booking-table-per-group .booking-table-header-row.--1 .booking-search-field input{
    width: 200px;
    background-color: #2F2F31;
}
.inventory-details-container{
    font-family: Poppins;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0.21875px;
    text-align: left;
}
.inventory-details-container .bold-inventory-text{
    font-weight: 500;
}

.dashboard-part.dashboard-part-main-content.booking-item.booking-inventory-head .cbs-row.inventory-top-border .cbs-info {
    border-top: 2px solid #A3A3A3;
    background: #27272A;
    width: 100%;
    box-sizing: border-box;
}

/* Ensure the grid spans full width of its content */
.total-block-details .cbs-body .cbs-row.inventory-top-border .cbs-info {
    width: 100%;
    min-width: max-content;
    box-sizing: border-box;
}

.dashboard-part.dashboard-part-main-content.booking-item.booking-inventory-head .cbs-row.--expanded .cbs-info {
    border-bottom: none;
}
.dashboard-part.dashboard-part-main-content.booking-item.booking-inventory-head .cbs2-table-radio {
    position: relative;
    margin-left: 16px;
}
.dashboard-part.dashboard-part-main-content.booking-item.booking-inventory-head .cbs2-table-radio input[type="radio"] {
    position: absolute;
    left: 0;
    opacity: 0;
}
.dashboard-part.dashboard-part-main-content.booking-item.booking-inventory-head .cbs2-table-radio label {
    position: relative;
    display: block;
    padding-left: 32px;
    margin: 0;
}
.dashboard-part.dashboard-part-main-content.booking-item.booking-inventory-head .cbs2-table-radio label:before {
    content: "";
    background-color: #515154;
    height: 24px;
    width: 24px;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 50%;
}
.dashboard-part.dashboard-part-main-content.booking-item.booking-inventory-head .cbs2-table-radio input[type="radio"]:checked+label:after {
    background-color: var(--event-secondary-color, #4FF6B1);
}
.dashboard-part.dashboard-part-main-content.booking-item.booking-inventory-head .cbs2-table-radio label:after {
    content: "";
    background-color: #000000;
    height: 8px;
    width: 8px;
    position: absolute;
    left: 0;
    z-index: 1;
    border-radius: 50%;
    left: 8px;
    top: 8px;
}


.dashboard-part.dashboard-part-main-content.booking-item.booking-inventory-head .booking-table-content {
    /* overflow-x: auto; */
    position: relative;
}
.dashboard-part.dashboard-part-main-content.booking-item.booking-inventory-head .booking-table-content[data-tab="booked-details-per-group"] {
    overflow-x: hidden;
    position: relative;
}
.dashboard-part.dashboard-part-main-content.booking-item.booking-inventory-head .booking-table-content[data-tab="booked-details-per-group"] .booking-table-per-group{
    overflow-x: auto;
}
.dashboard-part.dashboard-part-main-content.booking-item.booking-inventory-head .booking-table-content[data-tab="booked-details-per-group"] .booking-table-header-row.--1{
    position: sticky;
    left: 0;
}
.dashboard-part.dashboard-part-main-content.booking-item.booking-inventory-head .booking-table-content::-webkit-scrollbar,
.dashboard-part.dashboard-part-main-content.booking-item.booking-inventory-head .booking-table-content[data-tab="booked-details-per-group"] .booking-table-per-group::-webkit-scrollbar

 {
    background: transparent; /* Transparent background for the scrollbar */
    width: 6px; /* Width of the scrollbar */
    height: 6px; /* Height of the scrollbar (for horizontal) */
}
  
.dashboard-part.dashboard-part-main-content.booking-item.booking-inventory-head .booking-table-content::-webkit-scrollbar-thumb,
.dashboard-part.dashboard-part-main-content.booking-item.booking-inventory-head .booking-table-content[data-tab="booked-details-per-group"] .booking-table-per-group::-webkit-scrollbar-thumb
 {
    background: var(--event-primary-color, #4323FF); /* Color of the scrollbar thumb */
    border-radius: 3px; /* Rounded edges for the scrollbar thumb */
}

  .booking-guests-table-footer-inventory {
    display: flex; /* Enables flexbox */
    justify-content: center; /* Centers content horizontally */
    align-items: center; /* Centers content vertically */
    height: 100px; /* Set a height as needed */
}

.booking-guests-table-footer-inventory .booking-totals {
    display: flex; /* Optional: use flexbox for totals */
    flex-direction: column; /* Stack elements vertically */
    align-items: center; /* Centers child elements horizontally */
}
.booking-guests-table-footer-inventory .booking-totals-main{
    display: flex;
}

.dashboard-part.dashboard-part-main-content.booking-item.booking-inventory-head .booking-header .booking-title{
    align-items: center;
    display: flex;
    gap: 5px;
}
.dashboard-part.dashboard-part-main-content.booking-item.booking-inventory-head .cbs-head .cbs-row .cbs-info div{
    text-transform: capitalize;
}
.dashboard-part.dashboard-part-main-content.booking-item.booking-inventory-head .cbs-body .cbs-row .cbs-info.expanded > div:first-child{
    padding-left: 35px !important; 
}

.booking-table-per-group .booking-table-header-row.--1 .booking-table-header-col.--1{
    gap: 20px;
}

.dashboard-part.dashboard-part-main-content.booking-item.booking-inventory-head .cbs-head .cbs-row .cbs-info div{
    text-transform: capitalize;
}
.dashboard-part.dashboard-part-main-content.booking-item.booking-inventory-head .cbs-body .cbs-row .cbs-info.expanded > div:first-child{
    padding-left: 25px !important; 
}

/* Make the first sticky column */
.inventory-sticky-one {
    position: sticky;
    left: -1px;
    z-index: 99;
    background: #2F2F31;
    padding-left: 15px !important;
}

/* Make the second sticky column */
.inventory-sticky-two {
    position: sticky;
    z-index: 97;
    left: 198px; 
    background: #2F2F31;
}

/* Make the second sticky column */
.total-value-inventory {
    position: sticky;
    z-index: 96;
    left: 358px;
    background: #2F2F31;
    text-indent: 2px;
}

/* Make the first sticky column */
.cbs-info.expanded .inventory-sticky-one {
    position: sticky;
    left: 0px;
    z-index: 99;
    background: #515154;
    padding: 0px 10px;
    padding-left: 15px !important;
}
.cbs-info.expanded, .cbs-info.--head, .cbs-info {
    min-width: max-content !important;
    position: relative;
}
/* Make the second sticky column */
.cbs-info.expanded .inventory-sticky-two {
    position: sticky;
    z-index: 98;
    left: 200px; 
    background: #515154;
}

/* Make the second sticky column */
.cbs-info.expanded .total-value-inventory {
    position: sticky;
    z-index: 97;
    left: 359px; 
    background: #515154;
    text-indent: 2px;
}

/* Make the first sticky column */
.cbs-row.inventory-top-border .inventory-sticky-one {
    position: sticky;
    left: 0px;
    z-index: 99;
    background: #27272A;
}

/* Make the second sticky column */
.cbs-row.inventory-top-border .inventory-sticky-two {
    position: sticky;
    z-index: 98;
    left: 200px; 
    background: #27272A;
}

.total-block-details .cbs-row.inventory-top-border .inventory-sticky-two {
    z-index: 99 !important;
}

/* Make the second sticky column */
.cbs-row.inventory-top-border .total-value-inventory {
    position: sticky;
    z-index: 98;
    left: 359px;
    background: #27272A;
}

.booking-table-content[data-tab="booked-details-per-group"] .cbs-info.expanded .total-value-inventory{
    left: 358px;
}
.booking-table-content[data-tab="daily-pickup-report"] .cbs-info.expanded .total-value-inventory {
    left: 359px; 
}
.booking-table-content[data-tab="total-block-details"] .cbs-info.expanded .total-value-inventory{
    left: 358px;
}
.booking-table-content[data-tab="booked-details-per-room"] .cbs-info.expanded .total-value-inventory{
    left: 358px;
}
/* Optional: Ensure headers also stick */
.dashboard-part.dashboard-part-main-content.booking-item.booking-inventory-head .cbs-head .inventory-sticky-one,
.dashboard-part.dashboard-part-main-content.booking-item.booking-inventory-head .cbs-head .inventory-sticky-two,
.dashboard-part.dashboard-part-main-content.booking-item.booking-inventory-head .cbs-head .total-value-inventory
 {
   z-index: 10; /* Ensure headers appear above row content */
    background-color: inherit; /* Keep header background consistent */
    padding: 10px 0;
}
.dashboard-part.dashboard-part-main-content.booking-item.booking-inventory-head .cbs-booking-hotel.hotels-tab .cbs-row .cbs-info > div:nth-child(2) {
    min-width: auto;
    width: 160px !important;
}
.dashboard-part.dashboard-part-main-content.booking-item.booking-inventory-head .cbs-info.--head{
    background: #1D1D1F;
}
.dashboard-part.dashboard-part-main-content.booking-item.booking-inventory-head .booking-table-content[data-tab="booked-details-per-group"] .booking-table-per-group{
    margin-top: 15px;
}

div#hotel_selector_custom .dropdown-toggle ,div#group_selector_custom .dropdown-toggle {
    display: flex; /* Use flexbox for better alignment */
    align-items: center; /* Center items vertically */
    white-space: nowrap; /* Prevent text from wrapping */
    overflow: hidden; /* Hide overflow text */
    text-overflow: ellipsis; /* Add ellipsis for overflowed text */
    width: 100%; /* Make sure the button takes full width */
}
div#group_selector_custom button.dropdown-toggle {
    top: 7px;
}
div#hotel_selector_custom .dropdown-toggle span ,div#group_selector_custom .dropdown-toggle {
    flex-grow: 1; /* Allow the span to take available space */
    overflow: hidden; /* Hide overflow text */
    text-overflow: ellipsis; /* Add ellipsis for overflowed text */
    font-weight: 700;
    font-size: 0.9em;
}
.tooltip-dropdown-text {
    position: absolute;
    background: #515154;
    color: #fff;
    border-radius: 4px;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.2s;
    z-index: 1000;
    font-size: 12px;
    padding: 5px 8px;
}
.dashboard-part.dashboard-part-main-content.booking-item.booking-inventory-head .cbs-info {
    background: none;
    border-bottom: none;
}

.dashboard-part.dashboard-part-main-content.booking-item.booking-inventory-head .booking-table-content
.cbs-body .total-value-inventory {
    box-shadow: none;
    border-bottom: none;
}

.booking-inventory-filter-icon {
    display: flex;
    gap: 6px;
    cursor: pointer;
}

.dashboard-part-main-content.booking-item .cbs-filter-popup[data-type="inventory-details"]  {
	background: #1A1C22;
    z-index: 99;
}
.cbs-filter-popup.booking-filter-popup.active[data-type="inventory-details"] {
    z-index: 1000;
}
.booking-table-content[data-type="inventory-details"][data-tab="booked-details-per-group"] .booking-table-header-row.--1{
    z-index: 99;
}
.cbs-filter-item-checkbox-per-group.per-group {
    visibility: hidden;
    width: 0;
}

.booking-table-content[data-type="inventory-details"] .cbs-filter-popup{
    margin: -20px 0px 0px 73px;
    background: #1A1C22;
}
.booking-table .booking-filters-selected.cbs-filters-selected.active {
    /* display: none; */
}

.dashboard-part.dashboard-part-main-content.booking-item.booking-inventory-head .booking-search-field.inventory input[type="text"] {
	/* height: 30px; */
    align-items: center;
    display: flex;
}
.hotel-search-field.cbs2-select.disabled , .hotel-search-field.cbs2-select.disabled button.dropdown-toggle {
    cursor: not-allowed;
}
.booking-table[data-type="inventory-details"] .dropdown-toggle{
    height: 24px !important;
    width: 215px !important;
}
.dashboard-part.dashboard-part-main-content.booking-item.booking-inventory-head .cbs2-download-table-custom-dropdown .cbs2-select{ 
    top: -5px;
    height: 38px;
}
.dashboard-part.dashboard-part-main-content.booking-item.booking-inventory-head div#hotel_selector_custom .dropdown{
    top: 5px;
}

.dashboard-part.dashboard-part-main-content.booking-item.booking-inventory-head[data-type="inventory-details"] .cbs2-download-table-custom-dropdown .cbs-select-multiple-option-select{
    width: 218px !important;
    height: 20px;
}
div#city_selector button.dropdown-toggle , div#time_frame_selector_custom button.dropdown-toggle, div#room_type_selector_custom button.dropdown-toggle{
    margin-top: 8px;
    font-weight: 700;
    font-size: 0.9em;
}
div#hotel_selector_custom_peak_nights {
    margin-top: 20px;
}
/* .dashboard-part.dashboard-part-main-content.booking-item.booking-inventory-head .cbs2-table-radio label { */
   /* Container for the error message */
.error_message_inventory {
    display: flex;
    justify-content: center;  /* Centers the content horizontally */
    align-items: center;  /* Centers the content vertically */
    height: 200px;  /* Adjust the height as needed */
    background-color: #2F2F31;  /* Light red background for the error message */
    padding: 20px;
    border-radius: 10px;
}

/* Error message itself */
.error-message-container {
    text-align: center;  /* Centers the error message text */
    font-size: 16px;  /* Adjust the font size as needed */
}

.error-message-container span.hotel-name-inventory{
    font-weight: bold;
    color: var(--event-secondary-color, #4FF6B1);
}

.sub-menu-booking-options {
    display:none;
}
.set-expen-icon .cbs-overflow-text {
    width: 100%;
}
.set-expen-icon .cb2-row-toggle{
    padding-left: 5px;
}

div#cbs-guests-emails-template-container .cbs-select2 .select2{
    padding: 0 0 0 10px !important;
    border-radius: 8px;
}

div#cbs-guests-emails-template-container .select2-container .select2-selection--single{
    height: 42px !important;
}
#csb-add-file-import-guests {
    justify-items: center;
}
.booking-table-content[data-type="inventory-details"] .cbs-info.expanded {
    background: #515154 !important;
}
.dashboard-part.dashboard-part-main-content.booking-item.booking-inventory-head .cbs-body .total-value-inventory
.dashboard-part.dashboard-part-main-content.booking-item.booking-inventory-head .cbs-head .total-value-inventory
{
    left: 397px;
}
.dashboard-part.dashboard-part-main-content.booking-item.booking-inventory-head .cbs-body .inventory-sticky-one,
.dashboard-part.dashboard-part-main-content.booking-item.booking-inventory-head .cbs-body .inventory-sticky-two,
.dashboard-part.dashboard-part-main-content.booking-item.booking-inventory-head .cbs-body .total-value-inventory
 {
    background-color: inherit;
}

.dashboard-part.dashboard-part-main-content.booking-item.booking-inventory-head[data-type="inventory-details"]
{
    overflow: hidden;
}
.cbs-row.inventory-top-border.cbs-sticky-row.--1.sticky-head-inventory{
    bottom: 0;
    z-index: 100 !important;
}
.cbs-row.inventory-top-border.cbs-sticky-row.--2.sticky-head-inventory{
    bottom: 43px;
    z-index: 100 !important;
}
.dashboard-part.dashboard-part-main-content.booking-item.booking-inventory-head .sticky-head-inventory:first-child{
    z-index: 100 !important;
}
.booking-table-content-below-space{
    height: var(--below-space-height, 10px);
    background: var(--below-space-bg, #1D1D1F);
    margin: 0;
    padding: 0;
    border: none;
}

/* Ensure all cells in total-block-details have proper backgrounds */
.total-block-details .cbs-info {
    display: grid;
    gap: 0;
}

.total-block-details .cbs-body .cbs-row:not(.inventory-top-border) .cbs-info > div {
    background: #2F2F31;
    border: none;
}

.total-block-details .cbs-body .cbs-row .cbs-info.expanded > div {
    background: #515154;
    border: none;
}

.total-block-details .cbs-body .cbs-row.inventory-top-border .cbs-info > div {
    background: #27272A;
    border: none;
}

.total-block-details .cbs-head .cbs-info > div {
    background: #1D1D1F;
    border: none;
}

/* Hide empty date columns when filter is active */
.total-block-details .cbs-info > div.hide-empty-date-column,
.spreadsheet-availability .cbs-info > div.hide-empty-date-column {
    display: none !important;
}

.total-block-details .cbs2-tooltip.inventory.has-tooltip {
    position: relative !important;
    z-index: 100 !important;
    isolation: isolate !important;
    display: inline-flex !important;
    align-items: center !important;
}

.total-block-details .cbs2-tooltip.inventory.has-tooltip .cbs2-tooltip-text {
    z-index: 99999 !important;
    position: absolute !important;
    visibility: hidden !important;
    opacity: 0 !important;
    transition: opacity 0.3s ease;
    display: block !important;
    pointer-events: none !important;
    background: #515154 !important;
    color: white !important;
    padding: 10px 12px !important;
    border-radius: 4px !important;
    white-space: normal !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    width: max-content !important;
    max-width: 400px !important;
    min-width: 200px !important;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.4) !important;
    border: 1px solid #333 !important;
    line-height: 1.4 !important;
    font-size: 13px !important;
    left: calc(100% + 10px) !important;
    top: 50% !important;
    margin-top: 0 !important;
    transform: translate(0, -50%) !important;
    bottom: auto !important;
    right: auto !important;
}

.total-block-details .cbs2-tooltip.inventory.has-tooltip:hover .cbs2-tooltip-text {
    visibility: visible !important;
    opacity: 1 !important;
}

.total-block-details .cbs2-tooltip.inventory.has-tooltip .cbs2-tooltip-text::before {
    content: "" !important;
    position: absolute !important;
    right: 100% !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    border-width: 6px !important;
    border-style: solid !important;
    border-color: transparent #333 transparent transparent !important;
}

.total-block-details .cbs2-tooltip.inventory.has-tooltip .cbs2-tooltip-text::after {
    content: "" !important;
    position: absolute !important;
    right: calc(100% - 1px) !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    border-width: 5px !important;
    border-style: solid !important;
    border-color: transparent #515154 transparent transparent !important;
}

.spreadsheet-availability .cbs-info {
    display: grid;
    gap: 0;
}
.spreadsheet-availability .sticky-head-inventory {
    z-index: 130;
}
.spreadsheet-availability .cbs-head .cbs-info > div {
    background: #1D1D1F;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    box-sizing: border-box;
    padding: 10px 8px;
    min-height: 70px;
    font-weight: 600;
}
.spreadsheet-availability .cbs-body .cbs-row .cbs-info > div {
    background: #2F2F31;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    box-sizing: border-box;
    padding: 10px 8px;
    min-height: 70px;
}
.spreadsheet-availability .spreadsheet-night-cell {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 100%;
    max-width: 124px;
}
.spreadsheet-availability .spreadsheet-night-value {
    font-size: 12px;
    color: #ffffff;
    font-weight: 500;
    line-height: 1.2;
}
.spreadsheet-availability .spreadsheet-night-progress {
    width: 100%;
    height: 6px;
    border: 0;
    border-radius: 999px;
    overflow: hidden;
    background: #3a3a4a;
}
.spreadsheet-availability .spreadsheet-night-progress::-webkit-progress-bar {
    background: #3a3a4a;
    border-radius: 999px;
}
.spreadsheet-availability .spreadsheet-night-progress::-webkit-progress-value {
    background: var(--event-secondary-color, #4FF6B1);
    border-radius: 999px;
}
.spreadsheet-availability .spreadsheet-night-progress::-moz-progress-bar {
    background: var(--event-secondary-color, #4FF6B1);
    border-radius: 999px;
}
.spreadsheet-availability .inventory-sticky-one,
.spreadsheet-availability .inventory-sticky-two {
    justify-content: center;
    text-align: center;
}
.spreadsheet-availability .inventory-sticky-one {
    position: sticky;
    left: 0;
    z-index: 40;
    top: auto !important;
    bottom: auto !important;
    width: 240px;
    min-width: 240px;
    max-width: 240px;
    padding-left: 0 !important;
    border-right: 1px solid #515154;
}
.spreadsheet-availability .inventory-sticky-two {
    position: sticky;
    left: 240px;
    z-index: 45;
    top: auto !important;
    bottom: auto !important;
    width: 240px;
    min-width: 240px;
    max-width: 240px;
    padding-left: 0 !important;
    border-right: 1px solid #515154;
}
.spreadsheet-availability .cbs-head .inventory-sticky-one {
    background: #1D1D1F;
    z-index: 150;
    top: 0;
}
.spreadsheet-availability .cbs-body .inventory-sticky-one {
    background: #2F2F31;
    top: auto !important;
}
.spreadsheet-availability .cbs-head .cbs-info > div:nth-child(2),
.spreadsheet-availability .cbs-body .cbs-row .cbs-info > div:nth-child(2) {
    width: 240px !important;
    min-width: 240px !important;
    max-width: 240px !important;
}
.spreadsheet-availability .cbs-head .cbs-info > div,
.spreadsheet-availability .cbs-body .cbs-row .cbs-info > div {
    border-right: 1px solid #3a3a3c;
}
.inventory-summary-view {
    display: flex;
    flex-direction: column;
    gap: 18px;
}
.inventory-summary-block {
    border: 1px solid #2F2F31;
    border-radius: 8px;
    overflow: hidden;
    background: #1D1D1F;
}
.inventory-summary-grid-wrap {
    overflow-x: auto;
}
.inventory-summary-block__title {
    color: #ffffff;
    font-weight: 600;
    font-size: 16px;
    padding: 10px 12px;
}
.inventory-summary-grid {
    display: grid;
    min-width: max-content;
}
.inventory-summary-cell {
    min-height: 42px;
    padding: 8px 10px;
    color: #ffffff;
    border-top: 1px solid #2F2F31;
    border-right: 1px solid #2F2F31;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    background: #2F2F31;
}
.inventory-summary-cell--head {
    justify-content: center;
    text-align: center;
    font-weight: 600;
    background: #131314;
}
.inventory-summary-cell--rate {
    justify-content: flex-start;
    color: var(--event-secondary-color, #4FF6B1);
}
.inventory-summary-cell--label {
    justify-content: flex-start;
    font-weight: 600;
    background: #131314;
}
.inventory-summary-cell--total {
    font-weight: 600;
    background: #131314;
}
.inventory-summary-group-grid-wrap {
    overflow-x: auto;
    border: 1px solid #2F2F31;
    border-radius: 8px;
    background: #1D1D1F;
}
.inventory-summary-group-grid {
    display: grid;
    min-width: max-content;
}
.inventory-summary-group-record {
    display: contents;
}
.inventory-summary-group-cell {
    min-height: 42px;
    padding: 8px 10px;
    border-top: 1px solid #2F2F31;
    border-bottom: 1px solid #3a3a3c;
    border-right: 1px solid #2F2F31;
    background: #2F2F31;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.inventory-summary-group-cell--head {
    font-weight: 600;
    background: #131314;
}
.inventory-summary-group-cell--meta {
    justify-content: flex-start;
    text-align: left;
}
.inventory-summary-group-cell--span-3 {
    grid-row: span 3;
    align-items: center;
}
.inventory-summary-group-cell--metric,
.inventory-summary-group-cell--total {
    font-weight: 600;
    background: #131314;
}
.inventory-summary-group-cell--muted {
    color: transparent;
    -webkit-user-select: none;
    user-select: none;
}
.communication-badges {
    display: flex;
    gap: 8px;
    margin-top: 4px;
    font-size: 11px;
}

.comm-badge {
    display: inline-block;
    padding: 2px 6px;
    border-radius: 3px;
    font-size: 10px;
    white-space: nowrap;
}

.comm-badge.hotel-badge {
    background-color: #e3f2fd;
    color: #1976d2;
}

.comm-badge.guest-badge {
    background-color: #e8f5e9;
    color: #388e3c;
}

.comm-badge.empty {
    background-color: #f5f5f5;
    color: #999;
}

.cbs-label-dropdown.readonly .cbs-label-dropdown__selected {
    cursor: default;
}

.cbs-label-dropdown.readonly .cbs-label-dropdown__selected:hover {
    opacity: 1;
}

.booking-lifecycle-status .cbs-label-dropdown__selected,
.approval-status .cbs-label-dropdown__selected,
.payment-status .cbs-label-dropdown__selected,
.payment-routing .cbs-label-dropdown__selected {
    font-size: 13px;
    font-weight: 500;
    padding: 6px 12px;
    min-height: 32px;
}

.payment-status.readonly .cbs-label-dropdown__selected,
.payment-routing.readonly .cbs-label-dropdown__selected {
    filter: brightness(1);
}

.communication-status .cbs-label-dropdown__selected {
    font-size: 13px;
    font-weight: 500;
    padding: 6px 12px;
    min-height: 32px;
}