:root { --primaryColor: #16192B; --grayColor: #8A8A93; --borderColor: #3E4264; --white: #ffffff; --borderSelected: #AC3E3C; --black: #000000; --primaryBg: #1F233D; --textGrey: #8A8A93; --secondaryBg: #3E4264; --colorDanger: #FF4F4F; --ThemeBlue: #79AFFF; --sittingIcon: #4297D9; --finishedIcon: #8A8A93; --cancelledIcon: #D6463CC4; --borderDark: #101320; --inputBg: #16192B; --LT_blue: #4297D9; --blackColor: #000000; --redColor: #9D2121; --LT-brown: #B8A7A6; --greenColor: #4A944D; --purpleColor: #613568; --LtRedCoolor: #AC3E3C; --darkYellow: #CCA611; --whiteColor: #ffffff; --lightgreyColor: #505264; --activeColor: #3E4264; }

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');

body { font-family: "Inter", sans-serif; font-optical-sizing: auto; font-weight: normal; font-style: normal; font-variation-settings: "slnt" 0; } 
.sidebar-header { background: var(--primaryBg); border: 1px solid var(--black); border-radius: 12px; padding: 15px; color: #fff; display: flex; justify-content: space-between; gap: 7.6px; overflow: hidden; position: relative; } 
.sidebar-top-option { background: var(--primaryColor); min-width: 60px; width: 60px; text-align: center; height: 60px; display: flex; align-items: center; justify-content: center; border: 2px solid var(--borderColor) !important; cursor: pointer; } 
.page-body-wrapper { transition: margin-top 0.3s;} 
.page-body-wrapper.keyboard-open { margin-top: -50px; } 
.foodtray-icon { background: #3E4264; min-width: 60px; width: 60px; text-align: center; height: 60px; display: flex; align-items: center; justify-content: center; border: 2px solid #101320 !important; cursor: pointer; } 
.radius12 { border-radius: 12px; } 
.radius40 { border-radius: 40px; } 
.sidebar-top-option.search-box { width: 82px; justify-content: flex-start; padding-left: 46px; color: var(--white); text-align: left; transition: 0.2s ease-in-out; } 
.sidebar-top-option.search-box.search-open { width: 291px; } 
.sidebar-top-option.toggle-option { justify-content: space-between; padding: 5px; } 
.sidebar-top-option.toggle-option span { border: 3px solid transparent; height: 100%; display: inline-flex; justify-content: center; align-items: center; width: 23.44px; border-radius: 12px 0 0 12px; transition: 0.2s ease-in-out; } 
.sidebar-top-option.toggle-option span:last-child { border-radius: 0 12px 12px 0; } 
.selected-option { border-color: var(--borderSelected) !important; } 
.searchboxmain { position: relative; } 
.searchboxmain img { position: absolute; left: 10px; top: 50%; transform: translateY(-50%); } 
.sidebar-timing-list .main-listbox { background: var(--primaryBg); border: 1px solid var(--black); border-radius: 12px; padding: 12px; color: #fff; display: flex; justify-content: space-between; } 
.sidebar-timing-list ul { padding: 0; } 
.sidebar-timing-list .main-listbox .play-option, .sidebar-timing-list .main-listbox .table-user { display: flex; gap: 15px; } 
.sidebar-timing-list .main-listbox .table-user span { color: var(--textGrey); font-weight: 500; font-size: 20px; line-height: 24.2px; width: 66px; } 
.sidebar-timing-list .main-listbox .table-user span img { margin-right: 2px; } 
.sidebar-timing-list .main-listbox .table-user { gap: 25px; } 
.grey-text { color: #8A8A93; } 
.menu-icon { border: 2px solid var(--borderColor); padding: 4.5px 10px; border-radius: 15px; line-height: normal; background: var(--primaryColor); background-color: var(--primaryColor); } 
.rithm-navbar .navbar-menu-wrapper { justify-content: space-between; background-image: radial-gradient(circle, #606588, #16192B); border-bottom: 2px solid #000000; } 
.rithm-navbar .navbar-menu-wrapper .menu-left { display: flex; gap: 20px; } 
.Romanipen-play { border: 2px solid var(--borderColor); border-radius: 20px; padding: 3px 15px; align-items: center; display: flex; gap: 10px; font-size: 22px; background-color: var(--primaryColor); } 
.user-count { border: 2px solid var(--borderColor); border-radius: 20px; padding: 3px 15px; align-items: center; display: flex; gap: 10px; font-size: 22px; background-color: var(--primaryColor); } 
.dinner-tag { border: 2px solid var(--borderColor); border-radius: 20px; padding: 3px 15px; align-items: center; display: flex; gap: 10px; font-size: 22px; font-weight: 600; background-color: var(--primaryColor); } 
.rithm-navbar .navbar-menu-wrapper .menu-right { display: flex; gap: 20px; align-items: center; } 
.book-select { border: 2px solid var(--borderColor); border-radius: 20px; padding: 3px 15px; align-items: center; display: flex; gap: 16px; font-size: 22px; font-weight: 500; background-color: var(--primaryColor); } 
.bookStatus-full .circle-status { background: #4A944D; } 
.bookStatus { border: 2px solid #8A8A93; border-radius: 15px; padding: 10px 15px; align-items: center; display: flex; gap: 16px; background: #3E4264; } 
.bookStatus .circle-status { width: 16px; height: 16px; display: block; border-radius: 12px; } 
.sidebar-timing-list .main-listbox .play-option span { cursor: pointer; display: flex; transition: 0.3s ease-in-out; } 
.sidebar-timing-list .main-listbox .play-option span[data-toggle=collapse] { transform: rotate(90deg); } 
.sidebar-timing-list .main-listbox .play-option span.collapsed { transform: none; } 
.sidebar-icon { height: 26px; width: 26px; border: 2px solid var(--borderDark); border-radius: 50%; display: inline-block; background-color: var(--borderColor); position: relative; }
.Waitlist-icon { height: 48px; width: 48px; border-radius: 50%; display: inline-block; background-color: #3E4264; background: url(../images/Waitlist-icon.svg); }
.ONW-icon { height: 48px; width: 48px; border-radius: 50%; display: inline-block; background-color: #3E4264; background: url(../images/ONW-icon.svg); }
.Reserved-icon { height: 48px; width: 48px; border-radius: 50%; display: inline-block; background-color: #3E4264; background: url(../images/Reserved-icon.svg); }
.Confirmed-icon { height: 48px; width: 48px; border-radius: 50%; display: inline-block; background-color: #3E4264; background: url(../images/Confirmed-icon.svg); }
.Par-Seated-icon { height: 48px; width: 48px; border-radius: 50%; display: inline-block; background-color: #3E4264; background: url(../images/Par-Seated-icon.svg); }
.Seated-icon { height: 48px; width: 48px; border-radius: 50%; display: inline-block; background-color: #3E4264; background: url(../images/Seated-icon.svg); }
.Mains-icon { height: 48px; width: 48px; border-radius: 50%; display: inline-block; background-color: #3E4264; background: url(../images/Mains-icon.svg); }
.Desserts-icon { height: 48px; width: 48px; border-radius: 50%; display: inline-block; background-color: #3E4264; background: url(../images/Desserts-icon.svg); }
.Billing-icon { height: 48px; width: 48px; border-radius: 50%; display: inline-block; background-color: #3E4264; background: url(../images/Billing-icon.svg); }
.Flipping-icon { height: 48px; width: 48px; border-radius: 50%; display: inline-block; background-color: #3E4264; background: url(../images/Flipping-icon.svg); }
.Done-icon { height: 48px; width: 48px; border-radius: 50%; display: inline-block; background-color: #3E4264; background: url(../images/Done-icon.svg); }
.Canceled-icon { height: 48px; width: 48px; border-radius: 50%; display: inline-block; background-color: #3E4264; background: url(../images/Canceled-icon.svg); }
.No-Show-icon { height: 48px; width: 48px; border-radius: 50%; display: inline-block; background-color: #3E4264; background: url(../images/No-Show-icon.svg); }
.sidebar-timing-list ul .inner-menu { line-height: normal; }
.sidebar-timing-list .customer-detail, .sidebar-timing-list .customer-schedule { justify-content: space-between; flex: 1; }
.sidebar-timing-list .customer-detail .reservation-type { padding: 16px; }
.sidebar-timing-list .customer-schedule { overflow: hidden; background: var(--secondaryBg); }
.sidebar-timing-list .inner-menu .reservation-type .sidebar-icon { height: 48px; width: 48px; }
.sidebar-timing-list .inner-menu .reservation-detail { padding: 10px 0; width: 100%; }
.sidebar-timing-list .customer-status { display: flex; justify-content: space-between; width: 100%; }
.sidebar-timing-list .customer-status h3 { font-size: 20px; color: var(--white); line-height: 24.2px; margin: 0; max-width: 130px;}
.sidebar-timing-list .customer-schedule .customer-number, .sidebar-timing-list .reservation-number { background: var(--primaryBg); border-radius: 0 12px 12px 0; color: var(--white); padding: 10px 14px; font-size: 24px; line-height: 29.05px; display: flex; justify-content:center; align-items: center; font-weight: 600; }
.sidebar-timing-list .reservation-number { padding: 5px 10px; border-radius: 0; background-color: transparent; }
.sidebar-timing-list .reservation-time span { color: var(--white); }
.sidebar-timing-list .reservation-time { display: flex; gap: 20px; font-size: 17px; font-weight: 500; }
.sidebar-timing-list .reservation-time .late-time { color: var(--colorDanger); }
.sidebar-timing-list .reservation-time.time-blue span { color: var(--ThemeBlue); }
.customer-facilities { gap: 5px; }
.serving-person span { color: var(--white); font-size: 11px; font-weight: 700; border: 2px solid #B8A7A6; border-radius: 3px; padding: 0px 4px; padding-bottom: 0px; }
.sidebar-timing-list .reservation-time span:empty { display: none; }
.sitting-icon { background: var(--sittingIcon); }
.finished-icon { background: var(--finishedIcon); }
.cancelledIcon { background: var(--cancelledIcon); }
.customer-contact-box { padding: 7px 7px; }
.inner-menu .customer-name-number a { color: var(--white); text-decoration: none; font-size: 20px; font-weight: 600; padding-left: 8px; overflow: hidden; text-overflow: ellipsis; max-width: 265px; display: inline-block; vertical-align: middle; }
.customer-toggle span { cursor: pointer; border-radius: 8px; color: var(--white); background: var(--primaryBg); display: inline-block; padding: 6px; border: 1px solid var(--borderDark); }
.customer-toggle span img { display: block; } .customer-toggle span img + img { margin-top: 4px; }
.customer-referral-name { margin: 20px 0 30px; } .customer-referral-name span { padding: 5px 5px 4px; display: inline-block; font-size: 16px; line-height: 19px; color: var(--white); background: var(--primaryBg); border: 1px solid var(--grayColor); border-radius: 6px; font-weight: 500; }
.customer-feedback-form label { margin: 0; font-size: 18px; font-weight: 600; line-height: 21.78px; color: var(--white); }
.customer-feedback-form .label-main { margin-bottom: 10px; } .customer-feedback-form .label-main img { cursor: pointer; }
.form-control { background-color: var(--inputBg) !important; border: 1px solid var(--black); border-radius: 12px; font-size: 18px; font-weight: 400; line-height: 21.78px; text-align: left; padding: 12px 10px; height: auto; outline: none; color: var(--white) !important; }
.customer-status .status-icons img { cursor: pointer; }
.sidebar-icon.waitlist-icon::after { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: url(../images/Clock-wait-black.svg); content: ''; height: 26px; width: 26px; background-color: var(--secondaryBg); border-radius: 50%; }
.sidebar-timing-list .customer-schedule .customer-number { border: 1px solid var(--black); }
.sidebar-timing-list .customer-detail { border: 1px solid var(--black); border-right: 0; }
.sidebar-top-option img, .sidebar-arrow-main img { transition: 0.2s ease-in-out; }
.sidebar-arrow-main img[data-toggle=collapse] { transform: none; } .sidebar-arrow-main img.collapsed { transform: rotate(90deg); }
.sidebar-header { background: var(--primaryBg); border: 1px solid var(--black); border-radius: 12px; padding: 15px; color: #fff; display: flex; justify-content: space-between; }
.sidebar-top-option { background: var(--primaryColor); width: 60px; text-align: center; height: 60px; display: flex; align-items: center; justify-content: center; border: 2px solid var(--borderColor); cursor: pointer; }
.radius12 { border-radius: 12px; }
.radius40 { border-radius: 40px; }
.sidebar-top-option.search-box { width: 82px; justify-content: flex-start; padding-left: 46px; color: var(--white); text-align: left; }
.sidebar-top-option.toggle-option { justify-content: space-between; padding: 5px; }
.sidebar-top-option.toggle-option span { border: 3px solid transparent; height: 100%; display: inline-flex; justify-content: center; align-items: center; width: 23.44px; border-radius: 12px 0 0 12px; }
.sidebar-top-option.toggle-option span:last-child { border-radius: 0 12px 12px 0; }
.selected-option { border-color: var(--borderSelected) !important; }
.searchboxmain { position: relative; } .searchboxmain img { position: absolute; left: 10px; top: 50%; transform: translateY(-50%); }
.sidebar-timing-list .main-listbox { background: var(--primaryBg); border: 1px solid var(--black); border-radius: 12px; padding: 12px; color: #fff; display: flex; justify-content: space-between; }
.sidebar-timing-list ul { padding: 0; }
.sidebar-timing-list .main-listbox .play-option, .sidebar-timing-list .main-listbox .table-user { display: flex; gap: 15px; }
.sidebar-timing-list .main-listbox .table-user span { color: var(--textGrey); font-weight: 500; font-size: 20px; line-height: 24.2px; }
.sidebar-timing-list .main-listbox .table-user span img { margin-right: 2px; }
.sidebar-timing-list .main-listbox .table-user { gap: 25px; }
.grey-text { color: #8A8A93; }
.menu-icon { border: 2px solid var(--borderColor); padding: 4.5px 10px; border-radius: 15px; line-height: normal; background: var(--primaryColor); }
.rithm-navbar .navbar-menu-wrapper { justify-content: space-between; background-image: radial-gradient(circle, #606588, #16192B); border-bottom: 2px solid #000000; }
.rithm-navbar .navbar-menu-wrapper .menu-left { display: flex; gap: 15px; width: 379px; }
.Romanipen-play { border: 2px solid var(--borderColor); border-radius: 20px; padding: 3px 15px; align-items: center; display: flex; gap: 10px; font-size: 22px; /* width: 284px;*/ }
.rithm-navbar .Romanipen-play { width: 201px; }
.user-count { border: 2px solid #8A8A93; border-radius: 20px; padding: 3px 15px; align-items: center; display: flex; gap: 10px; font-size: 22px; min-width: 105px; }
.dinner-tag { border: 2px solid var(--borderColor); border-radius: 20px; padding: 3px 15px; align-items: center; display: flex; gap: 10px; font-size: 22px; font-weight: 600; }
.rithm-navbar .navbar-menu-wrapper .menu-right { display: flex; gap: 15px; align-items: center; }
.book-select { border: 2px solid #8A8A93; border-radius: 20px; padding: 3px 15px; align-items: center; display: flex; gap: 16px; font-size: 22px; font-weight: 500; height: 40px; }
.bookStatus-full .circle-status { background: #4A944D; }
.bookStatus { border: 2px solid #8A8A93; border-radius: 15px; padding: 10px 15px; align-items: center; display: flex; gap: 16px; background: #3E4264; } .bookStatus .circle-status { width: 16px; height: 16px; display: block; border-radius: 12px; }
.floorDetails ul { list-style: none; padding: 0; margin: 0; display: flex; justify-content: flex-end; gap: 20px; }
.floorDetails ul li .floorCircle { width: 25px; height: 25px; background: #3E4264; border-radius: 100%; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.75); } .floorDetails ul li .floorCircle.active { background: #5E68B8; }
.horizontal-separator {	border: none; border-top: 1px solid #ccc; margin: 20px 0; }
.sectionDetails ul {list-style: none; padding: 0; margin: 0; display: flex;	justify-content: flex-end; gap: 20px; }
.sectionDetails ul li .sectionCircle { width: 15px; height: 15px; background: #3E4264; border-radius: 100%; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.75); } .sectionDetails ul li .sectionCircle.active { background: #5E68B8; }
.boolTimeItem { background: var(--primaryBg); width: 68px; text-align: center; border: 1px solid #000000; border-radius: 7px; }
.boolTimeItem span { color: #ffffff !important; } .boolTimeItem span { display: block; padding: 10px; font-size: 15px; font-weight: 600; } .boolTimeItem span:first-child { border-bottom: 1.5px solid #000000; }
.booking-time { display: flex; gap: 21px; overflow: auto; padding-bottom: 15px; margin-left: 0px; }
.booking-time-outer { position: relative; }
/*.bookingTime .ps-scrollbar-y-rail { display: none !important; }*/
.redColor { color: var(----redColor); }
.circle-table { margin-bottom: 0; list-style: none; padding: 0; display: flex; gap: 40px; flex-wrap: wrap; }
.circle-table-width { width: 72px; height: 72px; border-radius: 100%; position: relative; }
.table-timing span { font-size: 12px; color: #fff; text-align: center; font-weight: 500; /* background: var(--primaryColor);*/ border-radius: 3px; width: 38px; margin: 0 auto; line-height: normal; }
.table-timing { -ms-overflow-style: none; display: flex; flex-direction: column; gap: 3px; position: absolute; left: 50%; transform: translateX(-50%); top: 10px; }
.table-number span { background: var(--secondaryBg); font-size: 15px; font-weight: 600; color: #ffffff; }
.table-number { width: 45px; margin: 0 auto; top: -28px; position: relative; border: 2px solid var(--primaryColor); border-radius: 8px; background: var(--secondaryBg); text-align: center; }
.Server-tag { position: absolute; font-size: 11px; font-weight: 800; border: 2px solid #4297D9; border-radius: 3px; background: var(--secondaryBg); color: #ffffff; padding: 0px 2px; left: -12px; bottom: 4px; line-height: normal; }
.Floor-map-circle-table { padding-left: 70px; }
.bookingTableTime { background: var(--secondaryBg); }
.bookingTableTime .timer { border-color: var(--secondaryBg); }
.bookingTableTime .timer-box-one { background-color: var(--secondaryBg); }
.bookingTableTime .timer-box-two { background-color: var(--secondaryBg); }
.bookingTableTime .Server-tag { border: 2px solid var(--secondaryBg) !important; }
.bookingTablePendingTime { background: var(--LT_blue); }
.bookingTablePendingTime .timer { border-color: var(--LT_blue); }
.bookingTablePendingTime .tableSpanTimer { color: var(--LT_blue); }
.bookingTablePendingTime .timer-box-one { background-color: black; }
.bookingTablePendingTime .timer-box-two { background-color: black; }
.bookingTableEmpty { background: #676874; }
.bookingTableEmpty .timer { border-color: #676874; }
.bookingTableEmpty .timer-box-one { background-color: #676874; }
.bookingTableEmpty .timer-box-two { background-color: #676874; }
.bookingTableEmpty .Server-tag { border: 2px solid #676874 !important; }
.bookingTablePendingTime_next { background: var(--LT_blue); }
.LT-color { color: var(--LT_blue) !important; }
.themebg-primary { background: var(--primaryBg); }
.table-pendingTiming { position: absolute; top: 5px; display: flex; flex-direction: column; }
.table-pendingTiming span { width: 64px; border-radius: 50px 50px 0px 0; text-align: center; left: 4px; position: relative; min-height: 30px; display: flex; justify-content: center; align-items: center; font-weight: 500; }
.square-table-width { width: 72px; position: relative; padding: 10px 0; }
.Floor-map-square-table { padding-top: 50px; }
.square-table .table-timing { position: inherit; top: 0; }
.square-table .table-number { position: absolute; left: 50%; transform: translateX(-50%); top: -30px; min-height: 34px; display: flex; align-items: center; justify-content: center; }
.border-LT-brown { border-color: var(--LT-brown) !important; }
.square-table .table-pendingTiming { position: inherit; top: 0; }
.square-table .table-pendingTiming span { border-radius: 0 0 0 0; padding: 4px 0; width: calc(100% - 10px); }
.square-table .pending__Timing { top: -4px !important; position: relative; }
.square-table .Server-tag { bottom: -5px; }
.bookingTableStatus_green { background: var(--greenColor); }
.bookingTableStatus_green .timer { border-color: var(--greenColor); }
.bookingTableStatus_green .tableSpanTimer { color: var(--greenColor); }
.bookingTableStatus_green .timer-box-one { background-color: black; }
.bookingTableStatus_green .timer-box-two { background-color: black; }
.bookingTableStatus_green .Server-tag { border: 2px solid var(--greenColor) !important; }
.bookingTablePurple_Status { background: var(--purpleColor); }
.bookingTablePurple_Status .timer { border-color: var(--purpleColor); }
.bookingTablePurple_Status .tableSpanTimer { color: var(--purpleColor); }
.bookingTablePurple_Status .timer-box-one { background-color: black; }
.bookingTablePurple_Status .timer-box-two { background-color: black; }
.bookingTablePurple_Status .Server-tag { border: 2px solid var(--purpleColor) !important; }
.purple-color { color: var(--purpleColor); }
.bookingTableStatus_brown { background: var(--LT-brown); }
.bookingTableStatus_brown .timer { border-color: var(--LT-brown); }
.bookingTableStatus_brown .tableSpanTimer { color: var(--LT-brown); }
.bookingTableStatus_brown .timer-box-one { background-color: black; }
.bookingTableStatus_brown .timer-box-two { background-color: black; }
.bookingTableStatus_brown .Server-tag { border: 2px solid var(--LT-brown) !important; }
.LT-brown { color: var(--LT-brown); }
.LT-brown .timer { border-color: var(--LT-brown); }
.bookingTableStatus_LT_Red { background: var(--LtRedCoolor); }
.bookingTableStatus_LT_Red .timer { border-color: var(--LtRedCoolor); }
.bookingTableStatus_LT_Red .Server-tag { border: 2px solid var(--LtRedCoolor) !important; }
.Occupancygraph ul { padding: 0; margin: 0; list-style: none; }
.OccupancyStatus { display: flex; justify-content: space-between; align-items: center; }
.Occupancy-Record-inner { display: flex; gap: 21px; }
.Occupancy-item { height: 81px; max-height: 81px; background: var(--secondaryBg); padding: 3px 4px; border-radius: 7px; min-width: 68px; max-height: 89px; overflow-y: scroll; overflow-x: hidden; scrollbar-width: none; -ms-overflow-style: none; }
.OccupancyStatus p { margin: 0; line-height: normal; }
.Occupancy_text { font-size: 14px; color: #F13030; font-weight: 600; }
.Occupancy-tag { min-width: 28.58px; background: #101320; border-radius: 3px; color: #737580; font-weight: 600; line-height: normal; padding: 0 3px; }
.Occupancy-item .OccupancyStatus + .OccupancyStatus { margin-top: 3px; }
.darkYellow_text { color: var(--darkYellow); }
.white_text { color: var(--whiteColor); }
.Occupancygraph { height: 100px; max-height: 100px; display: flex; background: var(--primaryBg); padding: 10px 0px 10px 20px; border-radius: 50px 0px 0 50px; border: 1.5px solid #000000; margin-bottom: 10px; align-items: center; gap: 21px; margin-right: -10px; max-width: 100%; margin-left: 0; animation: animateLeftToRight 1s ease-in-out forwards; 
				 /* transform: translateX(calc(100% - 80px));*/
				  transition: 0.5s ease !important;

}
.Occupancygraph {
	position: fixed;
	bottom: 110px;
	left: calc(100% - 70px);
	/*	transform: translateX(calc(100% - 473px));*/
}
footer.footer.openGraph .Occupancygraph {
	bottom: 250px;
}
.OccupancyIcon { min-width: 50px; }
.RemainingTimeButton { min-width: 50px; }
.Occupancygraph.open {
	/*transform: translateX(0);*/
	left: calc(0% - -400px);
}
.OccupancyIcon { cursor: pointer; }
.sidebar-header .ps-scrollbar-y-rail { display: none !important; }
.sidebar-timing-list { max-height: calc(100vh - 220px); overflow: hidden; position: relative; }
.sidebar-timing-list.ps-container .ps-scrollbar-y-rail, .sidebar-timing-list.ps-container .ps-scrollbar-x-rail { opacity: 0 !important; }
.selected-option_green { border-color: var(--greenColor) !important; }
.floortableEpandLeftButton { position: absolute; right: 91px; top: 7px; z-index: 11; }
.floortableExpandTopButton { position: absolute; top: -92px; right: 7px; z-index: 11; }
.floortableExpandRightButton { position: absolute; left: 91px; top: 7px; z-index: 11; }
.floortableExpandBottomButton { position: absolute; top: 92px; right: 7px; z-index: 11; }
.diamondfloortableEpandLeftButton { position: absolute; right: 90px; top: 7px; z-index: 11; }
.diamondfloortableExpandTopButton { position: absolute; top: -90px; right: 6px; z-index: 11; }
.diamondfloortableExpandRightButton { position: absolute; left: 90px; top: 8px; z-index: 11; }
.diamondfloortableExpandBottomButton { position: absolute; top: 90px; right: 4px; z-index: 11; }
.largefloortablehorizontalEpandLeftButton { position: absolute; right: 139px; top: 7px; z-index: 11; }
.largefloortablehorizontalExpandTopButton { position: absolute; top: -92px; right: 32px; z-index: 11; }
.largefloortablehorizontalExpandRightButton { position: absolute; left: 139px; top: 7px; z-index: 11; }
.largefloortablehorizontalExpandBottomButton { position: absolute; top: 92px; right: 32px; z-index: 11; }
.largefloortableverticalEpandLeftButton { position: absolute; right: 91px; top: 23px; z-index: 11; }
.largefloortableverticalExpandTopButton { position: absolute; top: -91px; right: 7px; z-index: 11; }
.largefloortableverticalExpandRightButton { position: absolute; left: 91px; top: 23px; z-index: 11; }
.largefloortableverticalExpandBottomButton { position: absolute; top: 144px; right: 7px; z-index: 11; }
.roundsmallfloortableEpandLeftButton { position: absolute; right: 78px; top: 1px; z-index: 11; }
.roundsmallfloortableExpandTopButton { position: absolute; top: -78px; right: -1px; z-index: 11; }
.roundsmallfloortableExpandRightButton { position: absolute; left: 78px; top: 1px; z-index: 11; }
.roundsmallfloortableExpandBottomButton { position: absolute; top: 78px; right: -1px; z-index: 11; }
.mediumfloortablehorizontalEpandLeftButton { position: absolute; right: 94px; top: -10px; z-index: 11; }
.mediumfloortablehorizontalExpandTopButton { position: absolute; top: -94px; right: 6px; z-index: 11; }
.mediumfloortablehorizontalExpandRightButton { position: absolute; left: 94px; top: -9px; z-index: 11; }
.mediumfloortablehorizontalExpandBottomButton { position: absolute; top: 62px; right: 6px; z-index: 11; }
.roundfloortableEpandLeftButton { position: absolute; right: 85px; top: 5px; z-index: 11; }
.roundfloortableExpandTopButton { position: absolute; top: -85px; right: 6px; z-index: 11; }
.roundfloortableExpandRightButton { position: absolute; left: 85px; top: 5px; z-index: 11; }
.roundfloortableExpandBottomButton { position: absolute; top: 85px; right: 6px; z-index: 11; }
.mediumfloortableverticalEpandLeftButton { position: absolute; right: 72px; top: 14px; z-index: 11; }
.mediumfloortableverticalExpandTopButton { position: absolute; top: -88px; right: -4px; z-index: 11; }
.mediumfloortableverticalExpandRightButton { position: absolute; left: 72px; top: 14px; z-index: 11; }
.mediumfloortableverticalExpandBottomButton { position: absolute; top: 118px; right: -4px; z-index: 11; }
.medlrgfloortableverticalEpandLeftButton { position: absolute; right: 84px; top: 18px; z-index: 11; }
.medlrgfloortableverticalExpandTopButton { position: absolute; top: -94px; right: 0px; z-index: 11; }
.medlrgfloortableverticalExpandRightButton { position: absolute; left: 84px; top: 18px; z-index: 11; }
.medlrgfloortableverticalExpandBottomButton { position: absolute; top: 118px; right: 0px; z-index: 11; }
.smallfloortableverticalEpandLeftButton { position: absolute; right: 70px; top: 6px; z-index: 11; }
.smallfloortableverticalExpandTopButton { position: absolute; top: -93px; right: -7px; z-index: 11; }
.smallfloortableverticalExpandRightButton { position: absolute; left: 70px; top: 6px; z-index: 11; }
.smallfloortableverticalExpandBottomButton { position: absolute; top: 95px; right: -7px; z-index: 11; }
.smallfloortableEpandLeftButton { position: absolute; right: 69px; top: -5px; z-index: 11; }
.smallfloortableExpandTopButton { position: absolute; top: -90px; right: -7px; z-index: 11; }
.smallfloortableExpandRightButton { position: absolute; left: 69px; top: -5px; z-index: 11; }
.smallfloortableExpandBottomButton { position: absolute; top: 67px; right: -7px; z-index: 11; }
#ui-datepicker-div { top: 67.5px !important; left: 76.5% !important; }
#date { background: transparent; border: 0.1rem; height: 27px; width: 160px; color: #8A8A93; max-width: 160px; font-size: 22px; font-weight: 500; }
.ellipse_text { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rithm-navbar .navbar-menu-wrapper { padding-left: 5px; }
.rithm-navbar .user-count .text_number { min-width: 40px; }
.rithm-navbar .navbar-menu-wrapper .menu-left .rm_m0 { margin-left: 0; margin-right: -5px; }
.pt15{padding-top: 15px;}
.Availabletables.pb15 {padding-bottom: 15px;}
.flex-inline { display: flex; align-items: center; gap: 10px; justify-content: space-between; }
.p15{padding: 15px;}
.Available_tab_info{ padding:0 15px; background: #1F233D; }
.guests {position: relative;max-width: 110px;}
.guests svg { position: absolute; top: 7px; left: 15px; }
.guests input { padding-left: 37px; text-align: right; color: #737580; }
.Available .number_info { gap: 10px; }
.Available .walkIn_icon { gap: 15px; }
.Tbl-time-row p{margin-bottom: 0;}
.Tbl-time-row { background: #505264; display: flex; align-items: center; gap: 10px; justify-content: space-between; border-radius: 12px; border: 1px solid #000000; padding-left: 20px; }
.Tbl_count { padding: 10px; border-left: 1px solid #000; min-height: 48px; min-width: 57px; display: flex; align-items: center; justify-content: center; flex-direction: column; }
.Tbl_count p { font-size: 21px; font-weight: 600; color: #ffffff; }
.Tbi-time { display: flex; align-items: center; gap: 10px; width: 100%; justify-content: space-between; }
.Tbl_info { display: flex; align-items: center; gap: 10px; }
.hr_time { color: #4A944D; font-size: 22px; font-weight: 600; flex: 1; }
.Tbl_ec { color: #ffffff; font-size: 20px; border: 1px solid #1F233D; line-height: normal; border-radius: 6px; padding: 0 5px;background: #505264; }
.Tbl_info .Tbl_info_time { font-size: 22px; color: #ffffff; min-width: 70px; }
.Tbl-time-row.active {background: #3E4264;}
.number-call { position: relative; }
.number-call img { position: absolute; left: 4px; top: 4px; }
.number-call input { padding-left: 32px; }
.hr_time span:first-child {min-width: 55px;display: inline-flex;}
.hr_time span:last-child {min-width: 70px;}
.Occupancy-Record.scroll-bar-wrap {
	width: calc(100% - 540px);
}
@media (min-width: 1299px) { .rithm-navbar .menu-left-outer { width: 489px; } } /* Media query for min-width: 1299px */
@media (min-height: 801px) { #date { font-size: 20px; } } /* Media query for min-height: 801px */
.inactive { background-color: #686773; }
#Restaurant-toggle { text-align: center; margin: 40px 0px 0px 9px; position: absolute; border-style: inherit; border-radius: 9px; width: 273px; border-style: solid; border-color: initial; }
.Romanipen-play span { transition: 0.2s ease-in-out; }
.Romanipen-play span[data-toggle=collapse] { transform: rotate(90deg); }
.Romanipen-play span.collapsed { transform: none; }
.fade-out { animation: fade-out 0.6s ease-in-out forwards; }
.floor_main_outer { position: relative; height: 100%; overflow: auto; }
@keyframes fade-out { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-20px); } }
@media (max-width: 1024px) { .rithm-navbar .navbar-menu-wrapper .menu-right { gap: 5px; } .navbar .navbar-menu-wrapper { width: 100%; } } /* Media query for max-width: 1024px */
@media (max-width: 991px) { #settings-trigger { display: none; } 
							/*.Occupancygraph { transform: translateX(505px); }*/

} /* Media query for max-width: 991px */
.floor_main_outer { -ms-overflow-style: none; scrollbar-width: none; overflow-y: scroll; } .floor_main_outer::-webkit-scrollbar { display: none; }
body, html { -ms-overflow-style: none; scrollbar-width: none; overflow-y: scroll; overflow: hidden !important; }
html { -ms-overflow-style: none; scrollbar-width: none; overflow-y: scroll; overflow: hidden !important; }
body::-webkit-scrollbar { display: none; }
html::-webkit-scrollbar { display: none; }
.hide-scroll::-webkit-scrollbar { display: none; }
.hide-scroll { scrollbar-width: none;-ms-overflow-style: none;}
.reservationStatus-icon { display: flex; flex-direction: column; justify-content: space-around; } .reservationStatus-dropdown { max-height: 84vh; } /* Default max-height for reservationStatus-dropdown */

/* Server TogglePanel */
.sidebar-top-option.active { background: var(--activeColor); border-color: #101320 !important; }
.serveStatus {background: var(--primaryBg); display: flex; align-items: center; justify-content: space-between; padding: 20px 13px; border-top: 1px solid #8A8A93; border-bottom: 1px solid #8A8A93; }
.serveRefreshDone { display: flex; gap: 10px; }
.theme_filter-btn { font-family: "Inter", sans-serif; background: var(--activeColor); border: 1px solid #8A8A93; color: #8A8A93; border-radius: 12px; font-size: 20px; font-weight: 600; padding: 6.3px 6px; }
.refresh_status { background: var(--activeColor); border: 1px solid #8A8A93; color: #8A8A93; border-radius: 12px; font-size: 20px; font-weight: 500; padding: 3.5px 6px; min-width: 62px; text-align: center; } 
.serveStatusCard { background: var(--activeColor); display: flex; align-items: center; gap: 10px; justify-content: space-between; border-radius: 12px; border: 1px solid #000000; padding-left: 10px; }
.serveTableStatus { display: flex; align-items: center; gap: 10px; line-height: normal; }
.serveStatus_right { display: flex; align-items: center; gap: 10px; }
.serveTableStatus p { margin-bottom: 0; color: #8A8A93; font-size: 24px; }
.serveAction { align-items: center; display: flex; justify-content: center; padding: 10px 15px; border-left: 1px solid #000; min-height: 48px; min-width: 57px; }
.TblGstCounter { border: 1px solid #8A8A93; font-weight: 600; color: #8A8A93; border-radius: 4px;display:flex; }
.TblGstCounter span {justify-content: center;padding: 2px; min-width: 40px; display: inline-flex; font-size: 16px; }
.TblGstCounter span + span { border-left: 1px solid #8A8A93; }
.serveSWaitingCard { background: #505264; display: flex; align-items: center; gap: 10px; justify-content: space-between; border-radius: 12px; border: 1px solid #000000; padding-left: 10px; }
.serveSWaitingName p { margin-bottom: 0; color: #8A8A93; font-size: 24px; }
.serveSWaitingStatus { display: flex; align-items: center; gap: 10px; }
.serveSWaitingStatusValue { background: var(--activeColor); border: 1px solid #8A8A93; font-weight: 600; color: #8A8A93; border-radius: 4px; padding: 2px 13px; min-width: 82px; font-size: 16px; }
.serveStatusDivider { height: 20px; border: 1px solid #8A8A93; color: #1F233D; background: #1F233D; }
.serveSWaitingName p { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.serveSWaitingName { width: calc(100% - 160px); }
.serveTableStatus { width: calc(100% - 160px); }
.serveTableStatus p { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.Section-Dropdown { box-sizing: border-box; position: absolute; width: 120px; background: var(--activeColor); left: 392px; top: 170px; border: 2px solid #505264; border-radius: 12px; }
.serverColor { display: flex; justify-content: center; align-items: center; padding:4px; }
.ActiveServersList { max-height: 302px; overflow-y: auto; overflow-x: hidden; scrollbar-width: none; }
.InActiveServersList { max-height: 600px; overflow-y: auto; overflow-x: hidden; scrollbar-width: none; }
.ServerColorMenu { box-sizing: border-box; position: absolute; width: 52px; left: 43px; top: 305px; background: #101320; border: 1px solid #8A8A93; border-radius: 12px; max-height: 474px; overflow-y: auto; overflow-x: hidden; scrollbar-width: none; }
.Section-Dropdown .SectionName p { margin-bottom: 0; text-align: center; font-size: 24px; box-sizing: border-box; padding: 13px 5px; color: #8A8A93; }
.Section-Dropdown .SectionName + .SectionName { border-top: 2px solid #8A8A93; }
.Section-Dropdown .SectionName p.active { color: #4A944D; }
.person-booking-tabs-inner { padding: 0px 5px; margin: 0px auto; display: flex; justify-content: space-between; gap: 10px; list-style: none; width: 250px; background: #16192B; border: 2px solid #3E4264; border-radius: 12px; } 
.person-booking .tab-content { border: 0; padding: 0; } 
.person-booking-tabs-inner li a { color: #4E84C1; font-weight: 600;white-space:nowrap; } 
.person-booking-tabs { padding: 20px 0 10px; } 
.person-booking-tabs-inner li.active { background: #3E4264; margin: 5px 0px; padding: 0 5px; } 
.person-booking-tabs-inner li { background: transparent; margin: 5px 0px; padding: 0 5px; } 
.person-booking-tabs-inner li:first-child { border-radius: 8px 0 0 8px; } 
.person-booking-tabs-inner li:last-child { border-radius: 0px 8px 8px 0px; } 
.person-booking-tabs { background: #1F233D; border-radius: 12px 12px 0px 0px; } 
.WalkIn_outer { background: #1F233D; padding:0 15px 15px; border-radius: 0 0 12px 12px; } 
.WalkIn_outer .list_section { padding: 0; margin: 0; display: flex; gap: 20px; list-style: none; } 
.WalkIn_outer .list_section .list_section-inner.first { max-width: 90px; } 
.WalkIn_outer .list_section li { flex: 1; text-align: center; margin-top: 2px; } 
.time_list_outer .time-list { display: flex; flex-direction: column; padding: 0 10px; list-style: none; } 
.time-list p { color: #8A8A93; margin: 0; display: inline-block; } 
.time_list_outer ul { padding: 0; margin: 0; display: block; } 
.time_list_outer { background: #16192B; border: 2px solid #3E4264; border-radius: 12px; } 
.time-list li.active { border: 2px solid #3E4264; border-radius: 4px; position: relative; } 
.row_status_icon { margin-bottom: 10px; } 
.time-list li.active:before { position: absolute; right: -14px; background: url(../images/right_arrow.png); width: 12px !important; height: 15px; content: ""; background-repeat: no-repeat; top: 4px; } 
.time-list .empty { opacity: 0; } 
.Availabletables { display: flex; flex-wrap: wrap; padding-top: 15px; padding-bottom: 25px; align-items: center; gap: 10px; } 
.Availabletables h2 { color: #8A8A93; font-size: 20px; margin: 0; } 
.AvailableNumber { min-width: 50px; border: 1px solid #4A944D; border-radius: 6px; color: #8A8A93; text-align: right; padding: 0 4px; box-sizing: border-box; font-weight: 600; font-size: 20px; background: #16192B; } 
.first_last_name { display: flex; align-items: center; gap: 15px; margin-bottom: 12px; } 
.small-form-control { width: 100%; border: 2px solid #3E4264; background: #16192B; border-radius: 12px; padding: 5px 12px; color:white; } 
.number_info { display: flex; justify-content: space-between; } 
.number-pad ul { padding: 0; margin: 0; list-style: none; color: #8A8A93; display: flex; align-items: center; flex-wrap: wrap; justify-content: space-around; padding-top: 15px; } 
.number-pad li p { margin: 0; font-size: 32px; font-weight: 900; line-height: normal; padding: 6px 0; -webkit-text-stroke: 2px #3E4264; text-stroke: 2px #3E4264; } 
.number-pad li { width: 30%; border: 2px solid #3E4264; background: #16192B; border-radius: 12px; text-align: center; } 
.number-pad li { margin-top: 15px; } 
.add-bottom-btn button { width: 100%; color: #8A8A93; font-weight: bold; border: 2px solid #8A8A93; border-radius: 12px; font-size: 20px; } 
.add-bottom-btn button:hover { color: #8A8A93; } 
.number_info input { max-width: 230px; } 
.walkIn_icon { display: flex; gap: 10px; align-items: center; } 
.walkInMenu { width: 36px; height: 36px; border: 2px solid #3E4264; display: flex; justify-content: center; align-items: center; border-radius: 6px; } 
.forwordArrow { width: 36px; height: 36px; border: 2px solid #3E4264; display: flex; justify-content: center; align-items: center; border-radius: 6px; } 
.walkIn_icon_delete { position: relative; top: -3px; right: -4px; } 
.forwordArrow svg { fill: #8A8A93; } 
.forwordArrow.active { border-color: #4A944D; } 
.forwordArrow.active svg { fill: #4A944D; } 
.contact_list {max-height: 235px; overflow-y: auto; overflow-x: hidden; scrollbar-width: none; } 
.contact_list ul { list-style: none; padding: 0; margin-bottom: 0; } 
.contact_list ul li a { color: #8A8A93; font-weight: bold; font-size: 20px; } 
.contact_list ul li { box-sizing: border-box; width: 100%; border: 2px solid #8A8A93; border-radius: 12px; padding: 9px 12px; } 
.Waitlist-tab-info .list_section { padding: 0; margin: 0; display: flex; gap: 20px; list-style: none; }
.Waitlist-tab-info .list_section-inner.first { width: 90px; text-align: center; }
.Waitlist-tab-info .list_section-inner.last { width: 115px; text-align: center; }
.Waitlist-tab-info { padding: 10px 0 15px; }
.Waitlist-tab { padding: 0px 15px 15px 15px; background: #1F233D; }
.waitlist_Tbl_time .hr_time { color: #4297D9; }
li.slick-slide { width: 88px !important; }
ul#countslider { max-height: 142px; overflow-y: scroll; overflow-x: hidden; scrollbar-width: none; }
ul#hoursSlider { max-height: 142px; overflow-y: scroll; overflow-x: hidden; scrollbar-width: none; }
ul#timeslider { max-height: 142px; overflow-y: scroll; overflow-x: hidden; scrollbar-width: none; }
li.slick-slide.slick-current.slick-active.slick-center { border: 2px solid #3E4264; border-radius: 4px; position: relative; }


/* Reso card css start here */
.reso-card-inner { display: flex; flex-wrap: wrap;gap: 50px;height: calc(100vh - 150px);overflow-y: auto; }
.reso-card-profile { padding: 15px; flex: 1; width: 50%; }
.reso-card-history { padding: 15px; flex: 1; width: 50%; }
.profile-section { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 15px; margin-bottom: 15px; }
.profile-pic { border: 3px solid var(--borderColor); border-radius: 15px; width: 127px; height: 127px; display: flex; align-items: center; justify-content: center; }
.visit-history ul { margin: 0; list-style: none; border: 2px solid var(--borderColor); border-radius: 17px; width: 100%; display: flex;  flex-wrap: wrap; padding: 0 5px; }
.visit-history { flex: 1; }
.visit-history ul li { width: 25%; padding: 7.5px 10px; }
.visit-history ul li p { margin: 4px; font-size: 1.5rem; color: #8A8A93; }
.right-icon_input { position: relative;flex: 1;
 }
.right-icon_input svg { position: absolute; right: 10px; top: 7px; }
.right-icon_input .small-form-control { padding: 4px 12px; color: #8A8A93; font-size: 17px; font-weight: 600; padding-right: 40px;height:40px; }
.two__input { display: flex; gap: 10px; margin-bottom: 15px; }
.full__input { margin-bottom: 15px; }
.icon-textarea { background: #16192B; border-radius: 15px; border: 2px solid var(--borderColor); padding: 8px 12px 36px 12px; min-height: 120px; position: relative; margin-bottom: 15px; }
.icon-textarea p { font-size: 1rem; color: #8A8A93; font-weight: 600;margin-bottom:0; }
.icon-textarea svg { position: absolute; right: 10px; bottom: 10px; }
.bip__bar_tag { display: flex; justify-content: space-between; gap: 10px; margin-bottom: 15px; align-items: center; }
.tag-outer { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.tag_section { display: flex; gap: 10px; }
.vip-tag p { margin-bottom: 0; }
.tag_section p { margin: 0; font-size: 24px; font-weight: 600; }
.vip-tag { min-width: 72px; text-align: center; border: 2px solid var(--borderColor); border-radius: 6px; padding: 3.5px 12px; color: #4A944D; }
.bar_tag { min-width: 72px; text-align: center; border: 2px solid var(--borderColor); border-radius: 6px; padding: 3.5px 12px; color: #8A8A93; }
.Guest_history ul { list-style: none; margin: 0; border: 1px solid #000000; padding: 14px 12px; border-radius: 15px; background: #3E4264; }
.Guest_history ul li { display: flex; align-items: center; gap: 5px; }
.Guest_history ul li p { margin-bottom: 0; color: #8A8A93; font-style: italic; font-size: 0.857rem; }
.Guest_history ul li + li { margin-top: 5px; }
.Guest_history { margin-top: 0px; }
.left-icon_input {position: relative; } .left-icon_input .small-form-control { padding: 4px 12px; color: #8A8A93; font-size: 1.5rem; font-weight: 600; padding-left: 35px; } 
.left-icon_input svg { position: absolute; left: 12px; top: 10px; }
.status_list_section { display: flex; }
.status_list_section ul { margin: 0; padding: 0; list-style: none; color: #8A8A93; }
.status__main_list { display: flex; gap: 20px; justify-content: space-between; width: 100%; }
.status_outer__list { text-align: center;width: 100%; }
.status_inner_list { border: 2px solid #3E4264; background: #16192B; border-radius: 12px; }
.status_list_icon { padding-bottom: 12px; }
.status_inner_list li p { padding: 2px 6px; font-size: 17px; font-weight: 600; margin: 2px 10px;line-height:normal; }
.time__status_list { margin-bottom: 15px; }
.status_inner_list li.active p { border: 2px solid #3E4264; border-radius: 4px; position: relative; }
.status_inner_list li.active p:before { position: absolute; right: -12px; background: url(../images/right_arrow.png); width: 12px; height: 15px; content: ""; background-repeat: no-repeat; top: 6px; }
.input_with_table { display: flex; align-items: center; gap: 15px; justify-content: space-between; margin-bottom: 15px; }
.input_with_table .full__input { flex: 1; margin-bottom: 0; }
.Choose_table_button { width: 40px; height: 40px; border: 2px solid #3E4264; display: flex; justify-content: center; align-items: center; border-radius: 15px; }
.theme-note-section { background: #16192B; border-radius: 15px; border: 2px solid var(--borderColor); padding: 8px 12px 36px 12px; min-height: 72px; position: relative; margin-bottom: 15px; }
.theme-note-section p { font-size: 1rem; color: #8A8A93; font-weight: 600;margin-bottom:0; }
.service_list_outer ul { padding: 0; margin: 0; list-style: none; display: flex; gap: 10px; }
.service_list_outer ul li { width: 32px; height: 32px; border: 2px solid #3E4264; display: flex; justify-content: center; align-items: center; border-radius: 4px; } .border__green{border-color:#4A944D !important;} .border__danger{border-color:#C2766F;} .border__blue{border-color:#4E84C1;}
.right-section-line:before {position: absolute;width: 1px;height: 100%;background: #8A8A93;content: "";right: -25px;}
.right-section-line { position: relative;}
.guests_wheel { max-width: 100px;}
.duration_wheel {max-width: 100px;}
.theme-note-section p:focus-visible { outline: none;}
.icon-textarea p:focus-visible { outline: none;}
.guest_detail_section { background: #3E4264; display: flex; justify-content: space-between; padding: 6px 12px; border-radius: 12px; border: 1px solid #101320; align-items: center; }
.guest_detail_section p { margin: 0; color: #8A8A93; font-size: 20px; font-style: italic; font-weight: 500; }
.service_list_outer { margin-bottom: 15px; }
.service_list_outer ul li.v_letter {position: relative;}
.v_letter span {color: #969696;font-weight: 800;position: absolute;right: 0px;bottom: -7px;}
.mt-52 {margin-top: 52px;}
.color-white{color:#ffffff;}
.log_history ul { list-style: none; margin: 0; border: 1px solid #000000; padding: 14px 12px; border-radius: 15px; background: #3E4264; }
.log_history ul p { font-style: italic;font-size: 14px; font-weight: 500; color: #8A8A93;margin-bottom: 4px; }
.log_history ul p span {font-style: normal; padding-right: 2px; }
.right-btn { display: flex; justify-content: flex-end; }
.mt-20 { margin-top: 20px; }
.theme_save_btn { padding: 12px 12px; font-size: 20px; font-weight: 600; border-radius: 12px; border: 2px solid #4A944D; color: #4A944D; min-width: 99px; }
.theme_save_btn_disabled { padding: 12px 12px; font-size: 20px; font-weight: 600; border-radius: 12px; border: 2px solid #8A8A93; color: #8A8A93; min-width: 99px; }
.theme_save_btn:hover { background: #4A944D; color: #ffffff; }
.theme_save_btn_disabled:hover { color: #8A8A93; }
.left-icon_input .Romanipen-play {border-radius: 12px;height: 40px;font-size: 17px;font-weight: 600;}
/* For Chrome, Safari, Edge, Opera */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] { -moz-appearance: textfield; }
.reso-card-main { padding: 30px; background: var(--primaryBg); }
ul.ScrollCountslider { max-height: 145px; overflow-y: scroll; overflow-x: hidden; scrollbar-width: none; }
.status_inner_list .empty { opacity: 0; }

.theme_modal { border: 3px solid #8A8C95; border-radius: 12px; background: #101320; padding: 15px; }
.inline_footer_btn { display: flex; gap: 10px; justify-content: space-between; }
.Squeeze_btn { border: 1px solid #8A8C95; padding: 7px 12px; border-radius: 8px; min-width: 92px; text-align: center; display: flex; align-items: center; justify-content: center; }
.cancel-btn { border: 1px solid #8A8C95; padding: 7px 12px; border-radius: 8px; min-width: 92px; text-align: center; display: flex; align-items: center; justify-content: center; }
.center_modal_img { display: flex; align-items: center; justify-content: center; padding-left: 15px; padding-top: 10px; margin: 20px 0 40px; }
.mw-270 { max-width: 270px; }
.mw-360 { max-width: 360px; }
.bg-transparent {background: transparent;border: 0;}
.swap_btn {
	border: 1px solid #8A8C95;
	padding: 7px 12px;
	border-radius: 8px;
	min-width: 92px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}
.bill-btn-inner { background: #16192B; border: 2px solid #3E4264; padding: 8px 11px; border-radius: 16px; margin: 20px 0; display: flex; align-items: center; gap: 10px; font-size: 24px; width: auto; transition: all 0.5s ease-in-out; }
.bill-text { color: #8A8A93; font-weight: 600; transition: all 0.5s ease-in-out; display: none; }
.bill-text-width { min-width: 70px; display: inline-block; text-align: right; }
.bill-btn-outer { display: flex; justify-content: flex-end; }
.bill-btn-inner.active { border: 2px solid #4A944D; }
.bill-btn-inner.active .bill-text { display: block; }

.Occupancy-Record.scroll-bar-wrap { overflow: auto; }
div#slidebarSecond { overflow: auto; overflow-y: hidden; position: relative; padding-right: 14px; }
.Occupancygraph.open { max-width: 100%; margin-right: -23px; }
.timer { overflow: hidden !important; max-height: fit-content; max-height: -webkit-fit-content; max-height: -moz-fit-content; height: 100%; border-style: solid; position: relative; top: -23px; border-radius: inherit; -ms-overflow-style: none; }
.Section-Inactive { opacity: 50%; }
.slidebar::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; }
.slidebar::-webkit-scrollbar { width: 5px; height: 10px; }
.slidebar::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #555; }
.scroll-bar-wrap .slidebar { overflow-x: auto; -webkit-transition: all .5s; }
.floortable { font-size: x-small; text-align: center; width: 75px; height: 75px; border-radius: 5%; color: black; display: block; position: absolute; }
.floortable .table-number { top: -17px; z-index: 10; }
.floortable .table-timing { height: 58px; z-index: 10; overflow-y: scroll; overflow-x: hidden; scrollbar-width: none; -ms-overflow-style: none; }
.floortable .Server-tag { font-size: 9px; left: -10px; bottom: -5px; }
.mediumfloortablehorizontal { font-size: x-small; text-align: center; width: 75px; height: 40px; border-radius: 5%; color: black; display: block; position: absolute; }
.mediumfloortablehorizontal .table-number { top: -17px; z-index: 10; }
.mediumfloortablehorizontal .table-timing { height: 20px; overflow-y: scroll; overflow-x: hidden; scrollbar-width: none; -ms-overflow-style: none; }
.mediumfloortablehorizontal .Server-tag { font-size: 9px; left: -10px; bottom: -5px; }
.mediumfloortablevertical { font-size: x-small; text-align: center; width: 55px; height: 100px; border-radius: 5%; color: black; display: block; position: absolute; }
.mediumfloortablevertical .table-number { top: -17px; z-index: 10; }
.mediumfloortablevertical .table-timing { height: 58px; overflow-y: scroll; overflow-x: hidden; scrollbar-width: none; -ms-overflow-style: none; }
.mediumfloortablevertical .Server-tag { font-size: 9px; left: -10px; bottom: -5px; }
.medlrgfloortablevertical { font-size: x-small; text-align: center; width: 65px; height: 100px; border-radius: 5%; color: black; display: block; position: absolute; }
.medlrgfloortablevertical .table-number { top: -17px; z-index: 10; }
.medlrgfloortablevertical .table-timing { height: 58px; overflow-y: scroll; overflow-x: hidden; scrollbar-width: none; -ms-overflow-style: none; }
.medlrgfloortablevertical .Server-tag { font-size: 9px; left: -10px; bottom: -5px; }
.diamondfloortable { font-size: x-small; text-align: center; width: 75px; height: 75px; border-radius: 5%; color: black; /*transform: rotate(45deg)*/; display: block; position: absolute; }
.diamondfloortable .table-number { top: -17px; z-index: 10; }
.diamondfloortable .table-timing { height: 58px; overflow-y: scroll; overflow-x: hidden; scrollbar-width: none; -ms-overflow-style: none; }
.diamondfloortable .Server-tag { font-size: 9px; left: -10px; bottom: -5px; }
.diamondtext { font-size: x-small; text-align: center; width: 75px; height: 75px; transform: rotate(-45deg); display: block; position: absolute; }
.smallfloortable { font-size: x-small; text-align: center; width: 50px; height: 50px; border-radius: 5%; color: black; display: block; position: absolute; }
.smallfloortable .table-number { z-index: 10; top: -17px; }
.smallfloortable .table-timing { height: 38px; overflow-y: scroll; overflow-x: hidden; scrollbar-width: none; -ms-overflow-style: none; }
.smallfloortable .tableSpanTimer { font-size: 8px; width: 42px !important; }
.smallfloortable .Server-tag { font-size: 9px; left: -10px; bottom: -5px; }
.smallfloortablevertical { font-size: x-small; text-align: center; width: 50px; height: 75px; border-radius: 5%; color: black; display: block; position: absolute; }
.smallfloortablevertical .table-number { top: -17px; z-index: 10; }
.smallfloortablevertical .table-timing { height: 38px; overflow-y: scroll; overflow-x: hidden; scrollbar-width: none; -ms-overflow-style: none; }
.smallfloortablevertical .Server-tag { font-size: 9px; left: -10px; bottom: -5px; }
.roundsmallfloortable { font-size: x-small; text-align: center; width: 64px; height: 64px; border-radius: 50%; color: black; display: block; position: absolute; }
.roundsmallfloortable .Server-tag { font-size: 9px; left: -5px; bottom: -3px; }
.roundsmallfloortable .table-number { top: -17px; z-index: 10; width: 37px; }
.roundsmallfloortable .table-timing { height: 33px; overflow-y: scroll; overflow-x: hidden; scrollbar-width: none; -ms-overflow-style: none; }
.roundsmallfloortable .tableSpanTimer { font-size: 9px; width: 42px !important; }
.roundfloortable .tableSpanTimer { width: 50px !important; }
.smallfloortablevertical .tableSpanTimer { font-size: 9px; width: 42px !important; }
.mediumfloortablevertical .tableSpanTimer { font-size: 9px; width: 47.5px !important; }
.largefloortablehorizontal .tableSpanTimer { font-size: 14px; width: 117.5px !important; }
.medlrgfloortablevertical .tableSpanTimer { width: 57px !important; }
.roundfloortable { font-size: x-small; text-align: center; width: 75px; height: 75px; border-radius: 50%; color: black; display: block; position: absolute; }
.roundfloortable .table-number { top: -15px; z-index: 10; }
.roundfloortable .table-timing { height: 58px; overflow-y: scroll; overflow-x: hidden; scrollbar-width: none; -ms-overflow-style: none; }
.roundfloortable .Server-tag { font-size: 9px; left: -9px; bottom: 7px; }
.largefloortablevertical { font-size: x-small; text-align: center; width: 75px; height: 125px; border-radius: 5%; color: black; display: block; position: absolute; }
.largefloortablevertical .table-number { top: -17px; z-index: 10; }
.largefloortablevertical .table-timing { height: 97px; overflow-y: scroll; overflow-x: hidden; scrollbar-width: none; -ms-overflow-style: none; }
.largefloortablevertical .Server-tag { font-size: 9px; left: -10px; bottom: -5px; }
.largefloortablehorizontal { font-size: x-small; text-align: center; width: 125px; height: 75px; border-radius: 5%; color: black; display: block; position: absolute; }
.largefloortablehorizontal .table-number { top: -17px; z-index: 10; }
.largefloortablehorizontal .table-timing { height: 58px; overflow-y: scroll; overflow-x: hidden; scrollbar-width: none; -ms-overflow-style: none; }
.largefloortablehorizontal .Server-tag { font-size: 9px; left: -10px; bottom: -5px; }
.timeslotSlider { width: 100%; overflow: auto; overflow-y: hidden; position: relative; }
.scroll-slider { display: flex; width: 2000px; }
.blockTabel .timer { background: #2b2e30 !important; border-color: #2b2e30 !important; }
.blockTabel .table-number { background: #2b2e30 !important; }
.blockTabel .table-number span { background: #2b2e30 !important; color: gray; }
.bill-text .bill-text-width:focus-visible { outline: none; }

/*Reservation PopUp*/
.tbl-time-name { color: #ffffff; display: flex; gap: 6px; align-items: center; }
.table__pop { position: absolute; z-index: 1000; width:300px; max-height: 192px; overflow-y: auto; scrollbar-width: none; -ms-overflow-style: none; }
.tbl-pop-row { display: flex; gap: 10px; border: 2px solid #8A8A93; background: #1F233D; border-radius: 8px; padding: 8px; align-items: center; }
.tbl-pop-text { display: flex; flex-direction: column; gap: 5px; flex: 1; }
.tbl-pop-status { display: flex; justify-content: space-between; }
.fw-700 { font-weight: 700; }
.tbl-pop-user-name { display: flex; gap: 5px; }

.tbl-pop-row[draggable="true"] { cursor: grab; }
.tbl-pop-row[draggable="true"]:active { cursor: grabbing; }
.table-area.dragover {	background-color: lightblue; }

.reservationStatusPopup-dropdown.show { opacity: 1; transform: translateY(0); z-index: 9; }
.reservationStatusPopup-dropdown { position: fixed; width: 300px; background: rgb(16, 19, 32); border-radius: 12px; overflow-y: auto; overflow-x: hidden; scrollbar-width: none; opacity: 0; transform: translateY(-10px); transition: opacity 0.3s ease, transform 0.3s ease; -ms-overflow-style: none; }
.reservationStatusPopup-dropdown { max-height: 33.7vh; }

/*Disable Translator on iPad*/
body {-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
body {-webkit-touch-callout: none; }
.no-select { -webkit-user-select: none;	-moz-user-select: none;	-ms-user-select: none; user-select: none; -webkit-touch-callout: none; }

.drop-zone--hovered { outline: 2px solid #FF9800; background-color: lightblue; }
.reservation-list {overflow-y: auto; max-height: 740px;}
textarea#noteContent {
	font-weight: 600;
	font-size: 1rem;
	color: #8A8A93;
	width: 625px;
	background-color: #16192B;
	border-bottom: aliceblue;
	border-right: aliceblue;
	border-top: aliceblue;
	border-left: aliceblue;
	scrollbar-width: none;
}

@media (min-height: 501px) and (max-height: 800px) {
	.openGraph { margin-top: -140px; }
}
@media (min-height: 801px) {
    .openGraph { margin-top: -130px; }
}
.donebtn {  position: relative; display: flex; justify-content: center; align-items: center; top: -80px; left: -80px; float: inline-end; align-content: center; box-sizing: border-box; width: 128px; height: 72px; border: 4px solid #8A8A93; border-radius: 12px;  } 
.donebtn svg { fill: #8A8A93; } 
.donebtn.active { border-color: #4A944D; } 
.donebtn.active svg { fill: #4A944D; } 
@media only screen and (max-width: 1500px) {
	.reso-card-history { padding: 0; }
.reso-card-profile { padding: 0; }
.status_inner_list li p { font-size: 15px; }
.right-icon_input .small-form-control { font-size: 15px; }
.theme-note-section p { font-size: 15px; }
.icon-textarea p { font-size: 15px; }
.guest_detail_section p { font-size: 20px; }
.status__main_list {gap: 8px;}
}
@media only screen and (max-width: 1250px) {
.theme-note-section p { font-size: 13px; }
.icon-textarea p { font-size: 13px; }
.guest_detail_section p { font-size: 18px; }
.status__main_list {gap: 5px;}
.status_inner_list li p { font-size: 12px; }
.right-icon_input .small-form-control { font-size: 13px; }
	.visit-history ul li svg { width: 18px; height: 18px; }
	.profile-pic { width: 90px; height: 90px; }
	.visit-history ul li { padding: 1.5px 10px; }
	.right-icon_input svg { width: 18px; top: 8px; }
	.tag_section p { font-size: 20px; }
	.plus-svg svg { width: 18px; height: 18px; }
	.guest_detail_section svg { width: 24px; height: 24px; }
	.icon-textarea svg { width: 18px; }
	.theme_save_btn { font-size: 18px; }
	.status_list_icon svg { width: 24px; }
	.Choose_table_button svg { width: 18px; }
	ul.ScrollCountslider {max-height: 106px;}
}

@media only screen and (max-width: 1024px) {
	.visit-history ul li p { font-size: 14px; }
	.visit-history ul li svg { width: 16px; height: 16px; }
	.profile-pic { width: 90px; height: 90px; }
	.visit-history ul li { padding: 1.5px 10px; }
	.right-icon_input svg { width: 17px; top: 8px; }
	.tag_section p { font-size: 18px; }
	.plus-svg svg { width: 17px; height: 17px; }
	.guest_detail_section svg { width: 20px; height: 20px; }
	.icon-textarea svg { width: 17px; }
	.theme_save_btn {font-size: 17px;padding: 10px;}
	.status_list_icon svg { width: 20px; }
	.Choose_table_button svg { width: 17px; }
    .status__main_list { gap: 4px;}
    .reso-card-main { padding: 15px;}
	.reso-card-inner {
    gap: 30px;}
.right-section-line:before {right: -17px;}
.guests_wheel {width: 62px;}
.duration_wheel {width: 70px !important}

}

@media only screen and (max-width: 920px) {
.reso-card-inner { flex-direction: column;}
.reso-card-history {width: 100%;}
.reso-card-profile { width: 100%;}
}



@media only screen and (max-width: 1299px) {
    .rithm-navbar #date { max-width: 160px; width: 170px; } .rithm-navbar .navbar-menu-wrapper .menu-right, .rithm-navbar .navbar-menu-wrapper .menu-left { gap: 10px; } .rithm-navbar .navbar-menu-wrapper .menu-left .rm_m0 { margin-left: 0; margin-right: -5px; } .rithm-navbar .Romanipen-play { width: 211px; } 

} 
@media only screen and (max-width: 1199px) {
    .rithm-navbar #date { max-width: 150px; width: 150px; } .rithm-navbar .navbar-menu-wrapper .menu-left { width: 100%; } .rithm-navbar .navbar-menu-wrapper .menu-left-outer { width: 398px; } .rithm-navbar .book-select { gap: 8px; } .rithm-navbar .navbar-menu-wrapper { padding-right: 15px; } 

}

@media screen and (max-width: 1450px) {
	.Occupancy-Record.scroll-bar-wrap {
		width: calc(100% - 440px);
	}
	textarea#noteContent {
		width: 300px;
	}
.walkInMenu { width: 24px; height: 24px; }
.walkInMenu svg { width: 13px; }
.forwordArrow { width: 24px; height: 24px; }
.forwordArrow svg { width: 13px; }
.walkIn_icon_delete {top: -1px; }
.hr_time span:first-child { min-width: 30px; }
.hr_time { font-size: 14px; }
.Tbl_info .Tbl_info_time { font-size: 14px; min-width: 40px; }
.Tbl_ec { font-size: 13px; min-width: 33px !important;}
.Tbl_count p { font-size: 14px; }
.Tbl_count { min-width: 45px; padding:8px;min-height: 40px; }
.guests svg { width: 10px; top: 4px;max-width: 90px; }
.walkIn_icon_delete svg { width: 20px; }
.contact_list ul li a { font-size: 14px; }
.contact_list ul li { padding: 4px 12px; }
.Availabletables h2 { font-size: 14px; }
.AvailableNumber { font-size: 14px; min-width: 40px; }
.small-form-control { padding: 4px 12px; font-size: 14px; }
.WalkIn_outer .list_section { gap: 10px; }
.row_status_icon svg { width: 22px; }
.row_status_icon { margin-bottom: 5px; }
.person-booking-tabs-inner li a { font-size: 13px; }
.time-list p { font-size: 12px; }
.number_info input { max-width: 200px; }
.number_info { gap: 5px; }
.forwordArrow svg { width: 17px; }
.number-pad li p { font-size: 22px; -webkit-text-stroke: 1px #3E4264; text-stroke: 1px #3E4264; padding: 2px 0; }
.number-pad li .svg-container svg { width: 12px; }
.number-pad li svg { width: 20px; height: 18px; }
.add-bottom-btn button { font-size: 15px; padding: 10px 0px; }
	.sidebar {
		width: 300px;
		max-height: calc(100vh - 100px);
	}
/*.reservation-list{max-height: 510px !important;}*/
	.reservation-list {
		max-height: calc(100vh - 160px);
	}
.WalkIn { height: calc(100vh - 220px)!important; }
.WalkIn-Close { min-height: calc(100vh - 385px)!important;}
.main-panel { width: calc(100% - 300px); }
body .sidebar-top-option { width: 45px; height: 45px; min-width: 45px; }
.sidebar-top-option img { max-width: 18px; }
.searchboxmain img { max-width: 21px; }
body .sidebar-top-option.search-box { width: 65px; min-width: 65px; }
.sidebar-header { padding: 8px; border-radius: 10px; gap: 4px; }
.sidebar-timing-list .main-listbox { padding: 8px 8px 8px 11px; }
.play-option img { max-width: 12px; }
.sidebar-icon { height: 20px; width: 20px; }
.play-option { align-items: center; }
.table-user img { width: 15px; }
.sidebar-timing-list .main-listbox .table-user { gap: 2px; }
.sidebar-timing-list .main-listbox .table-user span { width: 56px; }
.sidebar-timing-list .main-listbox .table-user span { font-size: 14px; }
body .nodatafound-status { padding: 10px; border-radius: 8px; }
body .nodatafound-status small { font-size: 14px; }
.floorDetails ul li .floorCircle { width: 15px; height: 15px; }
.floorDetails ul { gap: 10px; }
.Occupancygraph { height: 80px; gap: 10px; padding: 8px 0px 8px 15px; left: calc(100% - 70px);}
.Occupancygraph.open {left: calc(0% - -310px);}
.Occupancygraph.open { max-width: 101%; margin-right: -18px !important; }
.OccupancyIcon svg { width: 40px; }
.RemainingTimeButton svg { width: 30px; }
.boolTimeItem { width: 50px; height: 64px; }
.boolTimeItem span { padding-top: 7px; font-size: 11px; }
.booking-time { gap: 10px; padding-bottom: 10px; margin-left: 30px; }
.rithm-navbar .navbar-menu-wrapper .menu-left { gap: 10px; }
.Romanipen-play { gap: 5px; font-size: 13px; padding: 3px 9px; min-height: 35px; }
.Romanipen-play img { max-width: 12px; }
.rithm-navbar .Romanipen-play { width: 160px; }
.user-count { min-width: inherit; padding: 3px 9px; font-size: 12px; gap: 5px; }
.user-count svg { width: 16px; }
.menu-icon svg { width: 15px; }
.menu-icon { padding: 1.5px 10px; }
.menu-center svg { width: 90px; }
.book-select { font-size: 13px; padding: 2px 6px; height: 35px; }
.book-select #date { font-size: 13px !important; max-width: 105px; }
.book-select svg { width: 12px; }
.bookStatus { padding: 9.5px 15px; }
.bookStatus .circle-status { width: 12px; height: 12px; }
.dinner-tag { font-size: 13px; padding: 6.5px 15px; }
.rithm-navbar .navbar-menu-wrapper .menu-right { gap: 10px; }
.rithm-navbar .navbar-menu-wrapper { padding-left: 5px; padding-right: 5px; }
.navbar .navbar-menu-wrapper { padding: 15px 0; }
#Restaurant-toggle .list-group li { padding: 4px 8px; font-size: 12px; }
#Restaurant-toggle { width: 200px; }
.sidebar-timing-list .customer-detail .reservation-type { padding: 8px 7px; }
.sidebar-timing-list .customer-status h3 { font-size: 14px; line-height: normal !important; }
.sidebar-timing-list .reservation-time span { font-size: 12.5px; }
.status-icons img { max-width: 18px; }
.sidebar-timing-list .customer-schedule .customer-number, .sidebar-timing-list .reservation-number { font-size: 14px; padding: 10px 12px; }
.customer-number { width: 50px; }
.sidebar-timing-list .reservation-number { min-width: 40px; }
.sidebar-timing-list .inner-menu .reservation-type .sidebar-icon { height: 32px; width: 32px; }
.form-control { line-height: normal; font-size: 12px; padding: 6px 8px; }
.customer-feedback-form .label-main { margin-bottom: 5px; }
.customer-feedback-form label { font-size: 13px; line-height: normal; }
.customer-feedback-form .label-main img { max-width: 18px; }
.form-group { margin-bottom: 10px; }
.customer-email-box img { max-width: 20px; }
.inner-menu .customer-name-number a { font-size: 13px; }
.customer-number-box img { max-width: 18px; }
.customer-referral-name span { font-size: 12px; padding: 4px; }
.customer-referral-name { margin: 10px 0 20px; }
.customer-toggle span img { max-width: 13px; }
.sidebar-timing-list .inner-menu .reservation-type .Waitlist-icon { height: 32px; width: 32px; background: url(../images/Mini-Waitlist-icon.svg); }
.sidebar-timing-list .inner-menu .reservation-type .ONW-icon { height: 32px; width: 32px; background: url(../images/Mini-ONW-icon.svg); }
.sidebar-timing-list .inner-menu .reservation-type .Reserved-icon { height: 32px; width: 32px; background: url(../images/Mini-Reserved-icon.svg); }
.sidebar-timing-list .inner-menu .reservation-type .Confirmed-icon { height: 32px; width: 32px; background: url(../images/Mini-Confirmed-icon.svg); }
.sidebar-timing-list .inner-menu .reservation-type .Par-Seated-icon { height: 32px; width: 32px; background: url('../images/Mini-Par-Seated-icon.svg'); }
.sidebar-timing-list .inner-menu .reservation-type .Seated-icon { height: 32px; width: 32px; background: url('../images/Mini-Seated-icon.svg'); }
.sidebar-timing-list .inner-menu .reservation-type .Mains-icon { height: 32px; width: 32px; background: url('../images/Mini-Mains-icon.svg'); }
.sidebar-timing-list .inner-menu .reservation-type .Desserts-icon { width: 32px; height: 32px; background: url('../images/Mini-Desserts-icon.svg'); }
.sidebar-timing-list .inner-menu .reservation-type .Billing-icon { height: 32px; width: 32px; background: url('../images/Mini-Billing-icon.svg'); }
.sidebar-timing-list .inner-menu .reservation-type .Flipping-icon { height: 32px; width: 32px; background: url('../images/Mini-Flipping-icon.svg'); }
.sidebar-timing-list .inner-menu .reservation-type .Done-icon { height: 32px; width: 32px; background: url('../images/Mini-Done-icon.svg'); }
.sidebar-timing-list .inner-menu .reservation-type .Canceled-icon { height: 32px; width: 32px; background: url('../images/Mini-Canceled-icon.svg'); }
.sidebar-timing-list .inner-menu .reservation-type .No-Show-icon { height: 32px; width: 32px; background: url('../images/Mini-No-Show-icon.svg'); }
.Occupancy-item { height: 50px; border-radius: 4px; min-width: inherit; width: 50px; }
.Occupancy_text { font-size: 10px; }
.Occupancy-tag { min-width: 22.13px; font-size: 10px; }
.Occupancy-Record-inner { gap: 10px; }
.customer-schedule textarea.form-control { height: 30px; }
.content-wrapper { min-height: calc(100vh - 210px) !important; }
.clock-wait { max-width: 18px !important; margin-left: 1px; }
body .reservationStatus-dropdown { width: 160px; top: 117px; }
.chrome-only .content-wrapper { min-height: calc(100vh - 190px) !important; }
#ui-datepicker-div { top: 66.5px !important; left: 72.3% !important; width: 203px; }
#date { font-size: 19px; }
.sidebar-timing-list { max-height: calc(100vh - 240px) !important; }
.customer-facilities img { width: 15px; }
.customer-facilities { gap: 4px; }
.serving-person span { font-size: 10px; border: 1px solid #B8A7A6; border-radius: 3px; padding: 0px 3px; top: 0px; }
.customer-facilities img:nth-child(2) { width: 18px; }
.sidebar-timing-list .inner-menu .reservation-detail { padding: 2px 0px 2px 10px; }
.sidebar-timing-list .main-listbox .play-option, .sidebar-timing-list .main-listbox .table-user { gap: 10px; }
body .customer-number { width: 50px; }
.customer-contact-box { padding: 6px 7px 0px; }
.customer-toggle span { padding: 5px 5px 4px 5px; }
.menu-icon { padding: 2px 10px; }
.navbar .navbar-menu-wrapper { height: 80px; }
.page-body-wrapper { padding-top: 80px; }
.sidebar-timing-list .customer-status h3 { font-size: 14px; }
.sidebar-timing-list .reservation-time span { font-size: 12px; }
.status-icons img { max-width: 18px; }
.sidebar-timing-list .customer-schedule .customer-number, .sidebar-timing-list .reservation-number { font-size: 13px; padding: 10px 12px; }
.customer-number { width: 50px; }
.sidebar-timing-list .inner-menu .reservation-type .sidebar-icon { height: 32px; width: 32px; }
.form-control { line-height: normal; font-size: 12px; padding: 6px 8px; }
.customer-feedback-form .label-main { margin-bottom: 5px; }
.customer-feedback-form label { font-size: 13px; line-height: normal; }
.customer-feedback-form .label-main img { max-width: 18px; }
.form-group { margin-bottom: 10px; }
.customer-email-box img { max-width: 20px; }
.inner-menu .customer-name-number a { font-size: 13px; }
.customer-number-box img { max-width: 18px; }
.customer-referral-name span { font-size: 12px; padding: 4px; }
.customer-referral-name { margin: 10px 0 20px; }
.customer-toggle span img { max-width: 13px; }
.reservation-type button { padding: 3px 20px; }
.reservation-type button h3 { margin: 0; font-size: 13px; }
.OccupancyStatus p { margin: 0.2px; }
.Occupancy-item { height: 64px; border-radius: 4px; min-width: inherit; width: 50px; }
.rithm-navbar .navbar-menu-wrapper .menu-left-outer { width: auto; }
.menu-center { flex: 1; text-align: center; }
.status_color svg { width: 20px; height: 20px; }
.serverColor svg { width: 20px; height: 20px; }
.serveTableStatus p { font-size: 16px; }
.TblGstCounter span { font-size: 14px; }
.ServerColorMenu { top: 262px; left: 40px; max-height: 348px; margin-bottom: 52px; }
.Section-Dropdown { left: 310px; }
.Section-Dropdown .SectionName p { font-size: 16px; padding: 8px 5px; }
.serverColor { padding: 1.5px 4px; }
.serveAction svg { width: 18px; height: 18px; }
.serveAction img { max-width: 18px; }
.serveAction { min-width: 45px; padding: 10px 8px; }
.serveSWaitingStatusValue { font-size: 14px; }
.serveSWaitingName p { font-size: 16px; }
.serveStatusDivider { height: 12px; }
.sidebar-top-option.search-box.search-open { width: 238px; }
.theme_filter-btn { font-size: 16px; min-height: 37.63px; }
.refresh_status svg { width: 18px; }
.serveStatus { padding: 13px; }
.ActiveServersList { max-height: 200px; }
.InActiveServersList { max-height: 400px; }
.serving-person { padding-bottom: 5px; }
.guestCount { top: 315px !important;}
.available-tables {max-height: 200px !important;}
.waitlist_Tbl_time {max-height: 200px !important;}
}

/*@media screen and (-webkit-min-device-pixel-ratio: 0) and (max-width: 1250px) {
    .content-wrapper { min-height: calc(100vh - 340px) !important; }

}*/
@media (min-height: 501px) and (max-height: 800px) { 
    .reservationStatus-dropdown { max-height: 72vh; } 
}


.confirm-box { top: -400px; left: 5px; width: 280px; position: relative; margin: -140px auto; color: rgba(0, 0, 0, 0.8); font-family: Helvetica; font-size: 15px; font-weight: bold; background: #333; border-radius: 0.4em; border: 1px solid rgba(0, 0, 0, 0.6); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 30px 30px rgba(255, 255, 255, 0.2), 0 0 10px rgba(0, 0, 0, 0.4); }
.confirm-box::after { content: ""; display: table; clear: both; }
.confirm-box::before { display: block; position: absolute; width: 100%; height: 1px; background: rgba(255, 255, 255, 0.3); top: 35px; left: 0; right: 0; }
.confirm-box p { text-align: center; padding: 10px 0; border-radius: 0.4em 0.4em 0 0; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.5); margin-bottom: 10px; }
.confirm-box a { display: block; float: left; position: relative; padding: 7px 40px; margin: 5px 5px 15px 5px; text-decoration: none; text-align: center; font-size: 13px; border: 1px solid rgba(0, 0, 0, 0.7); border-radius: 0.2em; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 20px 20px rgba(255, 255, 255, 0.2), 1px 2px 1px rgba(0, 0, 0, 0.2), 0 0 2px 8px rgba(50, 50, 50, 0.1); transition: all 0.3s ease-out; background: orangered; font-weight: bold; color: rgba(0, 0, 0, 0.6); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); -webkit-font-smoothing: subpixel-antialiased; }
.confirm-box a:hover { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 -20px 20px rgba(200, 200, 200, 0.1), 1px 2px 1px rgba(0, 0, 0, 0.2), 0 0 2px 8px rgba(100, 100, 100, 0.1); }
.confirm-box a:active { top: 1px; }
.confirm-box a:first-of-type { margin-left: 30px; background: #5f9a2e; }
.confirm-box a:last-of-type { background: #d02211; }
.WalkIn { height: calc(100vh - 275px); overflow-y: auto; overflow-x: hidden; scrollbar-width: none; }
.WalkIn-Close { min-height: calc(100vh - 600px); overflow-y: auto; overflow-x: hidden; scrollbar-width: none;}
.keyup:active { background-color: #676874; }
#dialpad { display: none; }
.hashSize { font-size:20px; }
.guestCount { overflow-y: auto; overflow-x: hidden; scrollbar-width: none; box-sizing: border-box; position: fixed; top: 352px;z-index: 1000000; width: 52px; max-height: 200px; background: #16192B; border: 1px solid #3E4264; border-radius: 12px; }
.flex-center { color: var(--textGrey); list-style-type: none; padding: 0;display:grid;justify-content:center; }
.available-tables {max-height: 250px; overflow-y: auto; overflow-x: hidden; scrollbar-width: none; }
.waitlist_Tbl_time {max-height: 250px; overflow-y: auto; overflow-x: hidden; scrollbar-width: none; }
@keyframes blink {
    0%, 100% {
        transform: scale(1);
        opacity: 1;
        fill: #1F233D;
    }

    50% {
        transform: scale(1.2);
        opacity: 0.5;
        fill: #f49f1c; /* Add a glowing effect with a different color */
    }
}

.blinking { animation: blink 1.5s ease-in-out infinite; }


/*.reservationStatusPopup-dropdown {
	max-height: 300px;*/ /* Adjust height as needed */
	/*overflow-y: hidden;*/ /* Initially hide the scroll */
	/*-webkit-overflow-scrolling: touch;*/ /* Enable smooth scrolling on touch devices */
	/*transition: all 0.3s ease-in-out;*/ /* Smooth transition for appearance */
/*}

	.reservationStatusPopup-dropdown:hover,
	.reservationStatusPopup-dropdown:focus-within {
		overflow-y: auto;  
		scrollbar-width: none; 
	}*/

	./*reservationStatusPopup-dropdown::-webkit-scrollbar {
		width: 8px;*/ /* Width of the scrollbar */
	/*}*/

	/*.reservationStatusPopup-dropdown::-webkit-scrollbar-thumb {
		background-color: #1F1F1F;*/ /* Scrollbar thumb color */
		/*border-radius: 4px;*/ /* Rounded corners for the scrollbar thumb */
	/*}

		.reservationStatusPopup-dropdown::-webkit-scrollbar-thumb:hover {
			background-color: #555;*/ /* Darker color on hover */
		/*}*/

	/*.reservationStatusPopup-dropdown:active,
	.reservationStatusPopup-dropdown:focus {
		overflow-y: auto;*/ /* Ensures scroll is available on active/focused state */
	/*}*/
@keyframes blink {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.blink {
	animation: blink 0.8s infinite;
}
.switch-button {
	padding: 4px;
	width: 35px;
	height: 35px;
	background-color: #1F233D;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
	overflow: hidden; /* Ensures nothing sticks out */
}

.switch-icon {
	width: 80%; /* Ensures the arrows fit well */
	height: 80%;
	display: block;
}
.floor_map_MainOuter {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.floor_map {	
	border-radius: 8px;
	max-width: 275px;
	margin: 0 auto;
	width: 100%;
}
.floor_map_ActiveFlag {
	border: 2px solid #8A8C95;
	border-radius: 8px;
	max-width: 275px;
	margin: 0 auto;
	width: 100%;
}
	.floor_map ul {
		padding: 0;
		margin: 4px;
		display: flex;
		flex-wrap: wrap;
		gap: 5px;
		list-style: none;
	}

		.floor_map ul li:first-child {
			background: #676874;
			padding: 5px;
			border-radius: 4px 0px 0px 4px;
			text-align: center;
		}

		.floor_map ul li:last-child {
			background: #3E4264;
			padding: 5px;
			border-radius: 0px 4px 4px 0px;
			text-align: center;
		}

	.floor_map .btn_icon_rectangle {
		width: 24px;
		height: 8px;
		background: #101320;
		display: block;
		border-radius: 2px;
		margin: 0 auto;
	}

	.floor_map ul li {
		flex: 1;
		min-height: 24px;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

	.floor_map .btn_icon_circle {
		width: 16px;
		height: 16px;
		background: #101320;
		border-radius: 50px;
		margin: 0 auto;
	}
.floor_map_ActiveFlag.hide {
	display: none;
}

.floor_map_ActiveFlag.show {
	display: block;
}