@charset "ISO-8859-1";

/* style.css */

/* Global base */

body {
	background-color: White;
	margin: 0;
	padding: 0;
	border: none;
	font-family: Verdana, Geneva;
	font-size: clamp(12px, 1vw, 20px);
	color: #000;
}

img {
	outline: none;
	vertical-align: middle;
}

img:has(onclick),
a,
a:hover,
input.c4 {
	cursor: pointer;
}

form {
	margin: 0;
	padding: 0;
}

.clr {
	clear: both;
}

/* Main shell layout */

.wrapper {
	min-width: 1180px;
	max-width: 2048px;
	margin: auto;
}

.boundary {
	min-width: 1180px;
	max-width: 2048px;
	min-height: 740px;
	height: 98vh;
	margin: 5px;
	border: 1px solid #fff;
	border-radius: 15px;
	box-shadow: 0 2px 10px 2px #e1e1e1;
}

.header {
	min-width: 1150px;
	max-width: 2048px;
	margin: auto;
	min-height: 120px;
	max-height: 240px;
}

.headersm {
	min-width: 1150px;
	max-width: 2048px;
	margin: auto;
	min-height: 40px;
	max-height: 80px;
}

.logo {
	min-width: 300px;
	max-width: 600px;
	width: 21%;
	float: left;
	padding: 5px;
}

.logoR {
	min-width: 300px;
	max-width: 600px;
	width: 21%;
	float: right;
	padding: 5px;
}

.logosm {
	min-width: 220px;
	max-width: 440px;
	width: 21%;
	float: left;
	padding: 5px;
}

.logosmR {
	min-width: 220px;
	max-width: 240px;
	width: 21%;
	float: right;
	padding: 5px;
}

.logo_heading {
	max-height: 100px;
	max-width: 740px;
}

.logo_heading_sm {
	max-height: 50px;
}

/* Page headings and content layout */

.main-heading {
	font-family: Verdana, Geneva;
	font-size: clamp(16px, calc(4px + 1vw), 24px);
	color: #292049;
	font-weight: bold;
}

.page_heading {
	font-family: Verdana, Geneva;
	font-size: clamp(25px, calc(13px + 1vw), 36px);
	color: #292049;
	font-weight: bold;
	padding: 8px 5px 5px 5px;
	text-align: center;
	min-width: 370px;
	max-width: 740px;
	margin: auto;
	width: 40%;
	float: left;
}

.page_heading_sm {
	font-family: Verdana, Geneva;
	font-size: clamp(25px, calc(13px + 1vw), 36px);
	color: #292049;
	font-weight: bold;
	padding: 8px 5px 5px 5px;
	text-align: center;
	min-width: 650px;
	width: 50%;
	max-width: 1300px;
	float: left;
}

.sub-heading {
	font-family: Verdana, Geneva;
	font-size: clamp(14px, 1vw, 22px);
	font-weight: bold;
	color: #000000;
	line-height: 14px;
}

.main-table {
	min-width: 850px;
	max-width: 1700px;
	margin: auto;
}

.inner-table {
	min-width: 500px;
	max-width: 1000px;
	margin: auto;
	box-shadow: 0 2px 10px 2px #ccc;
}

.border {
	border: 1px solid #F3F3F3;
	min-width: 500px;
	max-width: 1000px;
	margin: auto;
}

.border td {
	height: 40px;
}

.border-right {
	border-right: 1px solid #DADADA;
}

.fulltable {
	width: 100%;
	margin: auto;
}

.listing-table {
	min-height: 500px;
	height: 80vh;
	width: 98%;
	margin: auto;
}

.listing-table td {
	padding: 0 7px;
}

.buttondiv {
	margin: 10px auto 20px auto;
	text-align: center;
}

/* Legacy content sections from new.css */

#header {
	background-color: White;
	color: #000;
	margin: 0;
}

.mybackground {
	background-color: White;
	color: #000;
	margin: 0;
}

#mainTable {
	background-color: White;
	line-height: 1.5em;
}

#mainTable td {
	padding: 10px;
}

#maincontent {
	background-color: White;
	vertical-align: top;
	border-right: 2px dotted #000;
	font-size: clamp(12px, 1vw, 20px);
}

#maincontent a:link {
	color: #9DBC7D;
	font: clamp(12px, 1vw, 20px) Verdana, Geneva;
	text-decoration: none;
}

#maincontent a:visited {
	color: #9DBC7D;
	text-decoration: none;
}

#maincontent a:hover {
	color: #0447A0;
	text-decoration: none;
}

#maincontent a:active {
	color: #000;
	text-decoration: none;
}

#maincontent li {
	margin: 0 0 6px 0;
}

#maincontent ul {
	padding-left: 1em;
	margin-left: 2em;
	list-style-type: circle;
}

#FrontTable td {
	vertical-align: top;
	text-align: left;
	font: clamp(16px, calc(4px + 1vw), 22px) Verdana, Geneva;
	color: #000;
	position: relative;
	min-width: 400px;
}

#RightFrontTable td {
	font: clamp(20px, calc(8px + 1vw), 28px) Verdana, Geneva;
	padding: 20px;
	color: #000;
	position: relative;
	min-width: 400px;
}

#sidebar {
	width: 200px;
	font-size: clamp(12px, 1vw, 20px);
	vertical-align: top;
}

#navbar,
#navbar td {
	background: #D5E3E3;
	background-repeat: repeat-y;
}

#navbartable {
	margin-top: 50px;
}

#footer {
	background-color: #000;
	color: White;
	padding: 5px 5px;
}

#footer a:link,
#footer a:visited,
#footer a:active {
	color: White;
	font: clamp(12px, 1vw, 20px) Verdana, Geneva;
	text-decoration: underline;
}

#footer a:hover {
	color: #2A3D3E;
	font: clamp(12px, 1vw, 20px) Verdana, Geneva;
	text-decoration: none;
}

#copyright {
	background-color: White;
	font-size: clamp(10px, calc(1vw - 2px), 20px);
	color: #000;
	padding-top: 15px;
}

h1 {
	color: #000;
	font-size: clamp(14px, calc(2px + 1vw), 20px);
}

h2,
h4 {
	color: #000;
	font-size: clamp(13px, calc(1px + 1vw), 20px);
}

h3 {
	color: #000;
	font-size: clamp(12px, 1vw, 20px);
}

.style1 {
	color: #000;
}

/* Tables and rows */

table {
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0 auto;
}

table.fixed {
	table-layout: fixed;
}

td,
p,
ul,
ol {
	font-family: Verdana, Geneva;
	font-size: clamp(12px, 1vw, 20px);
}

th,
td {
	padding: 0;
}

th {
	color: white;
	background-color: #000;
	font-size: clamp(13px, calc(1px + 1vw), 20px);
}

.tblbook td {
	height: 25px;
	text-align: left;
	padding: 0;
}

.tableheader {
	background-color: #3593de;
	color: #000000;
}

.table_title {
	background: linear-gradient(to bottom, rgba(213,220,243,1) 0%, rgba(41,32,86,1) 12%, rgba(4,71,160,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d5dcf3", endColorstr="#0447a0", GradientType=0);
	padding: 17px !important;
	color: #fff;
	border-radius: 3px;
	border: 1px solid #fff;
	box-shadow: 0 2px 2px #ccc;
	text-decoration: none;
}

tr.row1 td {
	background-color: #CCCCCC;
}

tr.row2 td {
	background-color: #E7E7E7;
}

tr.highlight {
	background-color: #FEEE57;
}

.rowO {
	background-color: white;
}

.rowE {
	background-color: #eeeef8;
}

.rowS {
	background-color: #0447A0;
	color: white;
}

.tdbgcl {
	background: white;
}

.tdbgcl1 {
	background: #F1F2F2;
}

.tdbgcl2 {
	background: #E2E2E2;
}

table.stats td {
	background: white;
	text-align: left;
}

table.cruises {
	width: 200px;
}

table.c1,
table.c16 {
	background-color: white;
}

table.c6,
tr.c5,
td.c2 {
	background-color: #66CCCC;
}

td.c3 {
	background-color: white;
}

/* Forms, inputs, selects and buttons */

select,
input {
	font-size: clamp(13px, calc(2px + 1vw), 20px);
}

input[readonly] {
	background-color: #eeeef8 !important;
	border: 1px solid #cccccc;
}

textarea[readonly] {
	background-color: #eeeef8 !important;
}

input[type=file]::file-selector-button,
.button {
	background: linear-gradient(to bottom, rgba(213,220,243,1) 0%, rgba(41,32,86,1) 12%, rgba(4,71,160,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d5dcf3", endColorstr="#0447a0", GradientType=0);
	padding: 3px 15px;
	color: #fff;
	font-size: clamp(13px, calc(1px + 1vw), 16px);
	font-family: Verdana, Geneva;
	border-radius: 3px;
	border: 1px solid #fff;
	box-shadow: 0 2px 2px #ccc;
	text-decoration: none;
	cursor: pointer;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.button:hover {
	background: linear-gradient(to bottom, rgba(30,87,153,1) 0%, rgba(32,124,202,1) 56%, rgba(32,124,202,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1e5799", endColorstr="#207cca", GradientType=0);
}

.buttonlink {
	background: none !important;
	padding: 0 !important;
	border: none;
	font-family: Verdana, Geneva;
	font-size: clamp(11px, calc(1vw - 1px), 18px);
	color: #009BAB;
	font-weight: bold;
}

.buttonlink:hover {
	text-decoration: underline;
}

.btn {
	border-style: solid;
	border-width: 1px;
	text-decoration: none;
	padding: 3px;
	background: #E3E3E3;
	border: 1px solid #696969;
	border-radius: 2px;
	font-family: Verdana, Geneva;
	font-size: clamp(12px, 1vw, 20px);
	color: #000000;
}

.btn2 {
	border-style: solid;
	border-width: 1px;
	text-decoration: none;
	padding: 5px;
	background: #E3E3E3;
	border: 1px solid #808080;
	border-radius: 2px;
	font-family: Verdana, Geneva;
	font-size: clamp(12px, 1vw, 20px);
	color: #000000;
}

.input {
	width: 220px;
	border: 1px solid #cccccc;
	font-family: Verdana, Geneva;
	font-size: clamp(13px, calc(1px + 1vw), 16px);
	color: #333333;
	padding: 5px;
}

.input1 {
	width: 160px;
	border: 1px solid #cccccc;
	font-family: Verdana, Geneva;
	font-size: clamp(13px, calc(1px + 1vw), 16px);
	color: #333333;
	padding: 5px;
}

.input2 {
	width: 180px;
	border: 1px solid #cccccc;
	font-family: Verdana, Geneva;
	font-size: clamp(13px, calc(1px + 1vw), 16px);
	color: #333333;
	padding: 5px;
}

.input3 {
	width: 60px;
	border: 1px solid #cccccc;
	font-family: Verdana, Geneva;
	font-size: clamp(13px, calc(1px + 1vw), 16px);
	color: #333333;
	padding: 5px;
}

.inputsearch {
	width: 115px;
}

.inputsearch2 {
	width: 195px;
}

.inputsearchDate {
	width: 80px;
}

.inputbook {
	width: 200px;
}

.plainDropDown {
	width: 145px;
	font-size: clamp(11px, calc(1vw - 1px), 18px);
}

.plainDropDown2 {
	width: 75px;
	font-size: clamp(11px, calc(1vw - 1px), 18px);
}

.plainSelectList {
	width: 250px;
	font-size: clamp(11px, calc(1vw - 1px), 18px);
}

.plainButton {
	font-size: clamp(11px, calc(1vw - 1px), 18px);
}

.detailDropDown {
	width: 400px;
	height: 20px;
	font-size: clamp(11px, calc(1vw - 1px), 18px);
}

.detailDropDown2 {
	width: 400px;
	height: 60px;
	font-size: clamp(11px, calc(1vw - 1px), 18px);
}

.narrowDropDown {
	width: 18px;
	max-width: 18px;
	font-size: clamp(11px, calc(1vw - 1px), 18px);
	-moz-appearance: menuimage;
}

select:disabled.plainSelectList,
select.plainSelectList option.disabled {
	background-color: #C1CDCD;
	color: #C1CDCD;
	background-image: url("");
}

select.plainSelectList option[selected].disabled,
select.plainSelectList option[selected].disabled.hover {
	background: #C1CDCD !important;
}

/* Text states and helper classes */

.errors,
.error_strings {
	font-family: Verdana, Geneva;
	font-size: clamp(10px, calc(1vw - 2px), 16px);
	color: #FF0000;
}

.mandatory {
	font-family: Verdana, Geneva;
	font-size: clamp(12px, 1vw, 18px);
	font-style: italic;
	color: #FF0000;
}

.notes {
	font-style: italic;
	color: #FF0000;
}

.forgotpassword {
	font-family: Verdana, Geneva;
	font-size: clamp(12px, 1vw, 18px);
	color: #666666;
	text-decoration: underline;
	padding: 0 10px;
}

.forgotpassword:hover {
	color: #6e8bc3;
}

.hideRow {
	display: none;
	visibility: hidden;
}

.showRow {
	display: table-row;
	visibility: visible;
}

.showprint {
	display: none;
}

.box {
	border-style: solid;
	border-radius: 0;
	border-width: 1px;
	padding-left: 5px;
}

.tab {
	padding: 0 10px;
}

/* Navigation and listing links */

.navigation {
	min-width: 1024px;
	max-width: 2048px;
	margin: 5px auto;
	border-top: 1px solid #6e8bc3;
	border-bottom: 1px solid #6e8bc3;
	height: 40px;
	background: linear-gradient(to bottom, rgba(213,220,243,1) 0%, rgba(41,32,86,1) 12%, rgba(4,71,160,1) 95%, rgba(100,175,235,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d5dcf3", endColorstr="#64afeb", GradientType=0);
}

.main-links {
	font-family: Verdana, Geneva;
	text-align: left;
	font-size: clamp(12px, 1vw, 18px);
	color: #FFFFFF;
}

.main-links a {
	font-family: Verdana, Geneva;
	font-size: clamp(15px, calc(3px + 1vw), 22px);
	border-right: 1px solid #fff;
	text-decoration: none;
	color: #FFFFFF;
	padding: 0 25px;
}

.main-links a:hover {
	text-decoration: underline;
}

.modules-heading {
	background: #00008b;
	font-family: Verdana, Geneva;
	font-size: clamp(15px, calc(3px + 1vw), 19px);
	color: white;
	text-decoration: none;
}

.listing,
.listicon {
	float: left;
	margin: 0;
	width: 98%;
}

.listing ul,
.listicon ul {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.listing ul li a {
	line-height: 22px;
}

.listicon ul li {
	background: transparent no-repeat scroll 0 5px;
	padding-left: 5px;
	margin-bottom: 2px;
	margin-top: 3px;
}

.listicon ul li a {
	line-height: 25px;
}

.listing ul li a {
	display: block !important;
	padding: 3px 10px !important;
	margin: 1px 8px !important;
	border-radius: 5px !important;
	color: #333333 !important;
	text-decoration: none !important;
	box-sizing: border-box !important;
}

.listing ul li a:hover {
	background: #eeeeee !important;
	color: #000000 !important;
	text-decoration: none !important;
}

.listing2 {
	color: #333333;
	font-size: clamp(10px, 0.95vw, 16px) !important;
	line-height: 20px !important;
	text-decoration: none;
	margin: 0 0 0 5px;
	background: #eeeef8;
}

.body-links {
	font-family: Verdana, Geneva;
	font-size: clamp(11px, calc(1vw - 1px), 16px);
	color: #009BAB;
	font-weight: bold;
}

.body-links a {
	font-family: Verdana, Geneva;
	font-size: clamp(11px, calc(1vw - 1px), 16px);
	color: #6e8bc3;
	font-weight: bold;
	text-decoration: underline;
}

.body-links a:hover {
	color: #666666;
}

/* Scroll containers and main content panels */

div.scroll {
	width: 100%;
	overflow: auto;
}

div.scroll2 {
	width: 100%;
	overflow: auto;
}

div.scrolltab {
	width: 100%;
	height: 400px;
	overflow: auto;
}

div.scrolltabinv {
	width: 800px;
	height: 420px;
	overflow: auto;
}

div.scrolltabinvWide {
	width: 870px;
	height: 340px;
	overflow: auto;
}

.scrolltable {
	height: 400px;
	overflow: scroll;
}

.scrolltable2 {
	height: 150px;
	width: 770px;
	overflow: scroll;
}

.scrolltable3 {
	height: 300px;
	overflow: scroll;
}

.scrolltable4 {
	height: 150px;
	width: 730px;
	overflow: scroll;
}

div.scrollableContainer {
	position: relative;
	width: 600px;
	border: 1px solid #999;
	background: #aab;
}

div.scrollingArea {
	height: 433px;
	overflow: auto;
	position: relative;
	width: 700px;
}

.mainColor,
.mainColor2 {
	background: white;
	overflow: auto;
}

.mainColor {
	height: 480px;
}

.mainColor2 {
	height: 430px;
}

/* Button positioning helpers */

div.bottombtn,
div.bottombtnadd,
div.bottombtndoc,
div.bottombtnemail,
div.bottombtnphone {
	position: relative;
	right: 10px;
}

div.bottombtn {
	top: 20px;
}

div.bottombtnadd {
	top: 127px;
}

div.bottombtndoc {
	top: 119px;
}

div.bottombtnemail {
	top: 80px;
}

div.bottombtnphone {
	top: 140px;
}

div.btngroup,
div.btngroup2,
div.btngroup3,
div.btngroup4 {
	position: relative;
	right: 5px;
}
div.btngroup {
	top: -35px;
}
div.btngroup2 {
	top: -40px;
}

div.btngroup3 {
	top: 10px;
}

div.btngroup4 {
	top: -60px;
}

/* Popup overlays and floating layers */

.blanket,
.quote_blanket,
.client_blanket,
.vendor_blanket,
.address_blanket,
.newprofile_blanket,
.checkavail_blanket {
	position: absolute;
	visibility: hidden;
	opacity: 0.60;
	filter: alpha(opacity = 60);
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: #111;
}

.layer1 {
	position: absolute;
	visibility: hidden;
	width: 400px;
	height: 200px;
	left: 250px;
	top: 5px;
	background-color: #ccc;
	border: 1px solid #000;
	padding: 10px;
}

.layer2 {
	position: absolute;
	visibility: hidden;
	padding: 10px;
}

.layer3 {
	visibility: hidden;
	width: 300px;
	height: 200px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -100px 0 0 -150px;
	background-color: #ccc;
	border: 1px solid #000;
}

.layer4 {
	visibility: hidden;
	width: 450px;
	height: 200px;
	position: absolute;
	left: 250px;
	top: 15px;
	background-color: #ccc;
	border: 1px solid #000;
	padding: 0;
}

.quote_layer1 {
	position: absolute;
	visibility: hidden;
	width: 400px;
	min-height: 50px;
	top: 40%;
	left: 40%;
	background-color: #ccc;
	border: 1px solid #000;
	padding: 10px;
}

.menu_form_header,
.menu_form_address_header {
	border-bottom: none;
	height: 20px;
	line-height: 19px;
	vertical-align: middle;
	color: #ffffff;
	background: linear-gradient(to bottom, rgba(213,220,243,1) 0%, rgba(41,32,86,1) 12%, rgba(4,71,160,1) 100%);
	text-decoration: none;
	font-family: Verdana, Geneva;
	font-weight: 900;
	font-size: clamp(13px, calc(1px + 1vw), 18px);
	cursor: default;
}

.menu_form_header {
	width: 280px;
}

.menu_form_address_header {
	width: 500px;
}

.client_layer,
.vendor_layer,
.newprofile_layer {
	position: absolute;
	visibility: hidden;
	width: 280px;
	left: 500px;
	top: 300px;
	background-color: white;
	border: 2px solid #00008b;
}

.client_layer {
	border-color: black;
}

.address_layer {
	position: absolute;
	visibility: hidden;
	width: 500px;
	left: 500px;
	top: 300px;
	background-color: white;
	border: 2px solid #00008b;
}

.checkavail_layer {
	position: absolute;
	visibility: hidden;
	left: 500px;
	top: 100px;
	background-color: white;
	border: 2px solid #00008b;
}

/* Text, internal and terms popups */

div.txtpopup {
	display: none;
	position: fixed;
	width: 410px;
	height: 220px;
	top: 50%;
	left: 70%;
	margin-left: -400px;
	margin-top: -200px;
	border: 5px solid #2E71A7;
	background-color: #FFFFFF;
	padding: 8px;
	z-index: 102;
	font: clamp(12px, 1vw, 18px) Verdana, Geneva;
	border-radius: 5px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	font-weight: bold;
}

div.txtpopcontent {
	height: 200px;
	width: 400px;
	overflow-y: auto;
	overflow-x: auto;
	margin: 3px auto;
	font: clamp(12px, 1vw, 18px) Verdana, Geneva;
}

input.txtpopupclose {
	margin: 35px 0 0 80px;
	width: 50px;
}

.internalSearch {
	background: #fff;
	font: clamp(12px, 1vw, 16px) Verdana, Geneva;
	color: #4E5665;
}

div.internalpopup,
div.termspopup {
	display: none;
	position: fixed;
	width: 780px;
	top: 60%;
	left: 60%;
	margin-left: -480px;
	margin-top: -320px;
	border: 5px solid #2E71A7;
	background-color: #FFFFFF;
	padding: 8px;
	z-index: 102;
	font: 12px Verdana, Geneva;
	border-radius: 5px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	font-weight: bold;
}

div.internalpopup {
	height: 80%;
}

div.termspopup {
	height: 70%;
}

div.internalpopcontent,
div.termspopcontent {
	height: 90%;
	width: 770px;
	overflow-y: auto;
	overflow-x: auto;
	margin: 3px auto;
	font: 12px Verdana, Geneva;
}

div.internalpopcontent {
	display: none;
}

input.internalpopupclose,
input.termspopupclose {
	margin: 35px 0 0 80px;
	width: 50px;
}

a.internalColor,
a.termsColor {
	color: #4E5665;
	font-weight: bold;
}

a.internalClose,
a.termsClose {
	color: #4E5665;
	text-decoration: none;
	font-weight: bold;
}

.internaliframe,
.termsiframe {
	height: 740px;
	width: 760px;
	font: 12px Verdana, Geneva;
	color: #4E5665;
}

.terms {
	font: clamp(12px, 1vw, 16px) Verdana, Geneva;
	color: #4E5665;
}

/* Image thumbnails and enlarge hover previews */

.image img {
	-webkit-transition: all 0.1s ease;
	-moz-transition: all 0.1s ease;
	-ms-transition: all 0.1s ease;
	-o-transition: all 0.1s ease;
	transition: all 0.1s ease;
	margin: 0;
	width: 150px;
	height: 100px;
	padding: 0;
	background: #BABABD;
	border: 1px solid #42A2ED;
	border-right: solid 1px #42A2ED;
}

.imageres img {
	margin: 0;
	width: 100px;
	height: 100px;
	padding: 0;
	background: #BABABD;
	border: 1px solid #42A2ED;
	border-right: solid 1px #42A2ED;
}

.image:hover img {
	-webkit-transform: scale(2.0);
	-moz-transform: scale(2.0);
	-ms-transform: scale(2.0);
	-o-transform: scale(2.0);
	transform: scale(2.0);
}

ul.enlarge,
ul.enlarge1 {
	list-style-type: none;
}

ul.enlarge {
	margin-left: 0;
}

ul.enlarge1 {
	margin: 0;
}

ul.enlarge li,
ul.enlarge1 li {
	display: inline-block;
	position: relative;
	z-index: 0;
	margin: 0;
}

ul.enlarge img {
	background-color: #D4DFEA;
	padding: 0;
	-webkit-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
	-moz-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
	box-shadow: 0 0 6px rgba(132, 132, 132, .75);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

ul.enlarge span,
ul.enlarge1 span {
	position: absolute;
	left: -9999px;
	background-color: #D4DFEA;
	padding: 10px;
	font-family: Verdana, Geneva;
	font-size: clamp(16px, calc(4px + 1vw), 22px);
	text-align: center;
	color: #495a62;
	-webkit-box-shadow: 0 0 20px rgba(0,0,0,.75);
	-moz-box-shadow: 0 0 20px rgba(0,0,0,.75);
	box-shadow: 0 0 20px rgba(0,0,0,.75);
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

ul.enlarge li:hover,
ul.enlarge1 li:hover {
	z-index: 50;
	cursor: pointer;
}

ul.enlarge span img,
ul.enlarge1 span img {
	padding: 10px;
	background: #ccc;
}

ul.enlarge li:hover span {
	top: -50px;
	left: -200px;
}

ul.enlarge1 li:hover span {
	top: 0;
	left: 0;
}

ul.enlarge li:hover:nth-child(2) span,
ul.enlarge1 li:hover:nth-child(2) span {
	left: -100px;
}

ul.enlarge li:hover:nth-child(3) span,
ul.enlarge1 li:hover:nth-child(3) span {
	left: -200px;
}

ul.enlarge img,
ul.enlarge span,
ul.enlarge1 img,
ul.enlarge1 span {
	behavior: url(pie/PIE.htc);
}

.enlarge,
.enlarge1 {
	padding: 0;
}

/* Callouts and border helpers */

.callout {
	position: relative;
	margin: 18px 0;
	padding: 10px 12px;
	background-color: #eef4f9;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

.callout .notch {
	position: absolute;
	top: -10px;
	left: 50px;
	margin: 0;
	border-top: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #eef4f9;
	padding: 0;
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	_border-right-color: pink;
	_border-left-color: pink;
	_filter: chroma(color=pink);
}

.border-callout {
	border: 1px solid #c5d9e8;
	padding: 9px 11px;
}

.border-callout .border-notch {
	border-bottom-color: #c5d9e8;
	top: -11px;
}

.bL {
	border-left: solid 1px #00000b;
}

.bR {
	border-right: solid 1px #00000b;
}

.bLRT {
	border-top: solid 1px #00000b;
	border-left: solid 1px #00000b;
	border-right: solid 1px #00000b;
}

.bLR {
	border-left: solid 1px #00000b;
	border-right: solid 1px #00000b;
}

.bLRB {
	border-left: solid 1px #00000b;
	border-right: solid 1px #00000b;
	border-bottom: solid 1px #00000b;
}

/* Designer content overrides from improve.css */

/* Shell/sidebar/header/nav rules from improve.css were removed here */

.table-t-wrap {
	border-radius: 8px;
	overflow: hidden;
}

.table-t-wrap table.table-t {
	background-color: #eff2f5 !important;
}

.table-t-wrap table.table-t tr td {
	border: none !important;
	padding-left: 15px;
	font-size: 16px;
	font-family: Verdana, Geneva;
	border-radius: 6px;
	font-weight: 600;
}

.table-t-wrap table.table-t tr td input {
	font-size: 16px;
	font-weight: 600;
}

.table-t-wrap table.table-t tr td img {
	max-height: 40px !important;
}

.table-t-wrap table.table-t tr td #warnimg {
	height: 40px !important;
}

.table-t-wrap table.table-t tr td input[type="image"] {
	margin: 0px 0px 0px 10px;
	border-radius: 3px;
	height: 35px;
	overflow: hidden;
	border: 1px solid #ccc !important;
}

.fc-unthemed th {
	background-color: #ececec;
	padding: 5px 10px;
	color: #242424;
	font-family: Verdana, Geneva;
	font-size: 14px;
	font-weight: 600;
}

.fc-day-grid-event {
	margin: 10px 8px 0px 8px !important;
	padding: 5px 10px !important;
	font-family: Verdana, Geneva;
	font-weight: 400;
	border-radius: 8px;
}

.fc-state-default {
	border: none !important;
	color: #616e85;
	box-shadow: none !important;
	border-radius: 6px;
	background: none !important;
	font-family: Verdana, Geneva;
	font-size: 12px !important;
	font-weight: 500;
	background-color: #eff2f5 !important;
	padding: 4px 10px !important;
	height: 30px !important;
}

.fc-state-default:hover {
	color: #242424;
}

.fc-state-default.fc-state-active {
	font-weight: 500;
	background-color: #fff !important;
	color: #242424;
}

.fc-button-group {
	padding: 2px 2px;
	background-color: #eff2f5;
	border-radius: 6px;
}

.fc-button-group .fc-state-default {
	margin: 0px !important;
	border: none !important;
	color: #616e85;
	box-shadow: none !important;
	border-radius: 6px;
	background: none !important;
	font-family: Verdana, Geneva;
	font-size: 12px;
	font-weight: 400;
	height: 26px !important;
}

.fc-button-group .fc-state-default:hover {
	color: #242424;
}

.fc-button-group .fc-state-default.fc-state-active {
	font-weight: 500;
	background-color: #fff !important;
	color: #242424;
}

.fc-toolbar h2 {
	font-family: Verdana, Geneva;
	font-size: 16px;
	font-weight: 600;
}

.fc-view-container {
	margin-bottom: 30px;
}

.fc-view {
	background-color: #fff;
}

.fc-view > table {
	background-color: #fff;
}

.fc-unthemed td.fc-today {
	background-color: #fff;
}

td.c3 h2 {
	font-family: Verdana, Geneva;
	font-size: 20px;
	font-weight: 600;
	padding: 20px 0px 0px 0px;
}

td.c3 h2 img {
	margin: 0px 10px 0px 0px;
}

#CommonProfile:not([open]) {
	display: none;
}

#TabbedPanels1 .TabbedPanelsContentGroup {
	border: solid 1px #bec0c2 !important;
	padding: 10px;
}

#TabbedPanels1 .TabbedPanelsContentGroup fieldset {
	border: solid 1px #eeeeee !important;
	border-radius: 10px !important;
}

#TabbedPanels1 .TabbedPanelsContentGroup fieldset td {
	font-family: Verdana, Geneva;
	font-size: 14px !important;
}

#TabbedPanels1 .TabbedPanelsContentGroup fieldset legend {
	padding: 0px 10px;
	font-family: Verdana, Geneva;
	font-size: 14px !important;
	font-weight: 500;
	color: #646464;
}

#TabbedPanels1 .TabbedPanelsContentGroup fieldset h2 {
	font-family: Verdana, Geneva;
	font-size: 14px !important;
	font-weight: 600;
}

#TabbedPanels1 .TabbedPanelsContentGroup fieldset input[type="text"] {
	background: #FFFFFF;
	border: 1px solid #d0d0d8;
	box-shadow: 0px 7px 12px rgba(0, 0, 0, 0.03);
	color: #4B617A;
	border-radius: 4px;
	height: 32px;
	font-size: 14px;
	margin: 3px 0px 0px 0px;
	padding: 0px 10px 0px 10px;
	transition: all ease 0.3s;
}

#TabbedPanels1 .TabbedPanelsContentGroup fieldset input[type="text"]:focus {
	outline: none;
	box-shadow: 0px 7px 12px rgba(0, 0, 0, 0.1);
}

#TabbedPanels1 .TabbedPanelsContentGroup fieldset select {
	background: #FFFFFF;
	border: 1px solid #d0d0d8;
	box-shadow: 0px 7px 12px rgba(0, 0, 0, 0.03);
	color: #4B617A;
	border-radius: 4px;
	height: 32px;
	font-size: 14px;
	margin: 3px 0px 0px 0px;
	padding: 0px 10px 0px 10px;
	transition: all ease 0.3s;
}

#TabbedPanels1 .TabbedPanelsContentGroup fieldset select:focus {
	outline: none;
	box-shadow: 0px 7px 12px rgba(0, 0, 0, 0.1);
}

#TabbedPanels1 .TabbedPanelsContentGroup fieldset input[type="number"],
#TabbedPanels1 .TabbedPanelsContentGroup fieldset input[type="date"] {
	background: #FFFFFF;
	border: 1px solid #d0d0d8;
	box-shadow: 0px 7px 12px rgba(0, 0, 0, 0.03);
	color: #4B617A;
	border-radius: 4px;
	height: 32px;
	font-size: 14px;
	margin: 3px 0px 0px 0px;
	padding: 0px 10px 0px 10px;
	transition: all ease 0.3s;
}

#TabbedPanels1 .TabbedPanelsContentGroup fieldset input[type="number"]:focus,
#TabbedPanels1 .TabbedPanelsContentGroup fieldset input[type="date"]:focus {
	outline: none;
	box-shadow: 0px 7px 12px rgba(0, 0, 0, 0.1);
}

#TabbedPanels1 .TabbedPanelsContentGroup fieldset textarea {
	background: #FFFFFF;
	border: 1px solid #d0d0d8;
	box-shadow: 0px 7px 12px rgba(0, 0, 0, 0.03);
	color: #4B617A;
	border-radius: 4px;
	font-size: 14px;
}

#TabbedPanels1 .button {
	background: none !important;
	background-color: #3861fb !important;
	font-family: Verdana, Geneva;
	border: none;
	height: 31px;
}

#fullscreendiv .button {
	background: none !important;
	background-color: #3861fb !important;
	font-family: Verdana, Geneva;
	border: none;
	height: 31px;
}

/* IM styling intentionally not overridden here */

/* Common IM is generated by ../commonmis/OTA/profile_mgmt.php */

/* Final e-Bridge shell: sidebar, header, nav, content */

/* This is the only active shell/layout override */

:root {
	--eb-sidebar-collapsed: 100px;
	--eb-sidebar-expanded: 280px;
	--eb-sidebar-bg: #ffffff;
	--eb-sidebar-border: #d0d0d0;
	--eb-nav-height: 45px;
	--eb-header-height: 64px;
	--eb-nav-bg: #0b0b3f;
	--eb-text: #242424;
	--eb-content-gap: 4px;
}

/* Shell reset */

html,
body {
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
	background: #ffffff !important;
	color: #000 !important;
}

body,
body *,
table,
td,
th,
p,
ul,
ol,
li,
a,
span,
div,
input,
select,
textarea,
button {
	font-family: Verdana, Geneva !important;
}

body .wrapper,
body .boundary {
	width: 100% !important;
	max-width: none !important;
	min-width: 1180px !important;
	height: 100vh !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	box-sizing: border-box !important;
	overflow-x: hidden !important;
}

/* Sidebar fixed shell */

body .listing-table > tbody > tr > td.border-right,
body.collapse-menu .listing-table > tbody > tr > td.border-right {
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	bottom: 0 !important;
	width: var(--eb-sidebar-collapsed) !important;
	min-width: var(--eb-sidebar-collapsed) !important;
	max-width: var(--eb-sidebar-collapsed) !important;
	height: 100vh !important;
	padding: 0 !important;
	margin: 0 !important;
	background: var(--eb-sidebar-bg) !important;
	border: none !important;
	border-right: 1px solid var(--eb-sidebar-border) !important;
	box-shadow: none !important;
	outline: none !important;
	overflow: hidden !important;
	vertical-align: top !important;
	z-index: 80 !important;
	box-sizing: border-box !important;
	transition: width 0.18s ease, min-width 0.18s ease, max-width 0.18s ease, box-shadow 0.18s ease !important;
}

body .listing-table > tbody > tr > td.border-right:hover,
body.collapse-menu .listing-table > tbody > tr > td.border-right:hover {
	width: var(--eb-sidebar-expanded) !important;
	min-width: var(--eb-sidebar-expanded) !important;
	max-width: var(--eb-sidebar-expanded) !important;
	box-shadow: 4px 0 12px rgba(0, 0, 0, 0.14) !important;
}

/* Sidebar scroll wrapper */

body .listing-table > tbody > tr > td.border-right > div,
body.collapse-menu .listing-table > tbody > tr > td.border-right > div {
	width: 100% !important;
	height: 100vh !important;
	min-height: 0 !important;
	padding: 0 0 4px 0 !important;
	margin: 0 !important;
	box-sizing: border-box !important;
	position: relative !important;
	overflow-y: auto !important;
	overflow-x: hidden !important;
}

body .listing-table > tbody > tr > td.border-right > div::-webkit-scrollbar,
body.collapse-menu .listing-table > tbody > tr > td.border-right > div::-webkit-scrollbar,
body .border-right *::-webkit-scrollbar,
/* Prevent old nested sidebar table from shifting icons */ body .border-right > div,
body .border-right > div > div,
body .border-right table,
body .border-right tbody,
body .border-right tr,
body .border-right td,
body.collapse-menu .border-right > div,
body.collapse-menu .border-right > div > div,
body.collapse-menu .border-right table,
body.collapse-menu .border-right tbody,
body.collapse-menu .border-right tr,
body.collapse-menu .border-right td {
	width: 100% !important;
	min-width: 0 !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	table-layout: fixed !important;
	box-sizing: border-box !important;
	border-top: none !important;
	border-bottom: none !important;
	border-left: none !important;
	border-right: none !important;
	box-shadow: none !important;
	outline: none !important;
	overflow-x: hidden !important;
}

body .border-right > div > div,
body.collapse-menu .border-right > div > div {
	position: static !important;
	top: auto !important;
	right: auto !important;
	bottom: auto !important;
	left: auto !important;
	overflow: visible !important;
}

/* Hide old click collapse/expand button */

body .border-right .hide-menu,
body.collapse-menu .border-right .hide-menu,
body .border-right img[src*="collapse_menu_icon"],
body .border-right img[src*="expand_menu_icon"],
body.collapse-menu .border-right img[src*="collapse_menu_icon"],
body.collapse-menu .border-right img[src*="expand_menu_icon"] {
	display: none !important;
	visibility: hidden !important;
	pointer-events: none !important;
	width: 0 !important;
	height: 0 !important;
	overflow: hidden !important;
}

/* Sidebar logo */

body .border-right .sidebar-brand,
body.collapse-menu .border-right .sidebar-brand {
	display: table-cell !important;
	width: 100% !important;
	margin: 0 !important;
	text-align: center !important;
	background: #ffffff !important;
	border: none !important;
	box-shadow: none !important;
	outline: none !important;
	box-sizing: border-box !important;
}

body .border-right:hover .sidebar-brand,
body.collapse-menu .border-right:hover .sidebar-brand {
	padding: 18px 12px 14px 12px !important;
	text-align: center !important;
}

body .border-right .sidebar-brand .brand,
body.collapse-menu .border-right .sidebar-brand .brand {
	display: none !important;
	width: 100% !important;
	padding: 0 !important;
	margin: 0 !important;
	text-align: center !important;
	box-sizing: border-box !important;
}

body .border-right .sidebar-brand .brand-collapse,
body.collapse-menu .border-right .sidebar-brand .brand-collapse {
	display: block !important;
	width: 100% !important;
	padding: 0 !important;
	margin: 0 !important;
	text-align: center !important;
	box-sizing: border-box !important;
}

body .border-right:hover .sidebar-brand .brand,
body.collapse-menu .border-right:hover .sidebar-brand .brand {
	display: block !important;
}

body .border-right:hover .sidebar-brand .brand-collapse,
body.collapse-menu .border-right:hover .sidebar-brand .brand-collapse {
	display: none !important;
}

body .border-right .sidebar-logo-small,
body.collapse-menu .border-right .sidebar-logo-small {
	display: block !important;
	max-width: 88px !important;
	max-height: 55px !important;
	width: auto !important;
	height: auto !important;
	margin: 0 auto !important;
	vertical-align: middle !important;
}

body .border-right .sidebar-logo-full,
body.collapse-menu .border-right .sidebar-logo-full {
	display: inline-block !important;
	max-width: 250px !important;
	max-height: 88px !important;
	width: auto !important;
	height: auto !important;
	margin: 0 auto !important;
	vertical-align: middle !important;
}

/* Sidebar menu headings and links */

/* Collapsed mode: show heading icons only */

body .border-right .modules-heading,
body.collapse-menu .border-right .modules-heading {
	display: flex !important;
	visibility: visible !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	height: 46px !important;
	min-height: 46px !important;
	max-height: 46px !important;
	line-height: 46px !important;
	padding: 0 !important;
	margin: 0 !important;
	background: none !important;
	background-image: none !important;
	border: none !important;
	box-shadow: none !important;
	outline: none !important;
	color: transparent !important;
	font-size: 0 !important;
	overflow: hidden !important;
	text-align: center !important;
	box-sizing: border-box !important;
}

body .border-right:not(:hover) .modules-heading strong,
body.collapse-menu .border-right:not(:hover) .modules-heading strong,
body .border-right:not(:hover) .modules-heading .icon,
body.collapse-menu .border-right:not(:hover) .modules-heading .icon {
	display: none !important;
}

/* Expanded mode: show normal section headings */

body .border-right:hover .modules-heading,
body.collapse-menu .border-right:hover .modules-heading {
	display: flex !important;
	visibility: visible !important;
	width: 100% !important;
	height: auto !important;
	min-height: 0 !important;
	line-height: normal !important;
	padding: 3px 16px 2px 16px !important;
	margin: 0 !important;
	background: transparent !important;
	background-image: none !important;
	color: var(--eb-text) !important;
	font-size: 15px !important;
	font-weight: bold !important;
	text-align: left !important;
	overflow: visible !important;
	align-items: center !important;
	gap: 10px !important;
}

body .border-right .listing,
body .border-right .listicon,
body.collapse-menu .border-right .listing,
body.collapse-menu .border-right .listicon,
body .border-right .listing ul,
body .border-right .listicon ul,
body.collapse-menu .border-right .listing ul,
body.collapse-menu .border-right .listicon ul,
body .border-right .listing ul li,
body .border-right .listicon ul li,
body.collapse-menu .border-right .listing ul li,
body.collapse-menu .border-right .listicon ul li {
	display: block !important;
	visibility: visible !important;
	width: 100% !important;
	max-width: 100% !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	float: none !important;
	box-sizing: border-box !important;
	text-align: center !important;
	list-style: none !important;
	background: none !important;
}

body .border-right .listing ul li a,
body .border-right .listicon ul li a,
body.collapse-menu .border-right .listing ul li a,
body.collapse-menu .border-right .listicon ul li a {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	max-width: 100% !important;
	min-height: 39px !important;
	padding: 0 !important;
	margin: 0 auto !important;
	box-sizing: border-box !important;
	text-align: center !important;
	line-height: normal !important;
	font-size: 0 !important;
	font-weight: normal !important;
	color: var(--eb-text) !important;
	text-decoration: none !important;
	border-radius: 0 !important;
	background: transparent !important;
	overflow: hidden !important;
	white-space: nowrap !important;
}

body .border-right .listing ul li a img,
body .border-right .listicon ul li a img,
body.collapse-menu .border-right .listing ul li a img,
body.collapse-menu .border-right .listicon ul li a img {
	display: block !important;
	visibility: visible !important;
	width: auto !important;
	height: auto !important;
	max-width: 38px !important;
	max-height: 38px !important;
	margin: 0 auto !important;
	vertical-align: middle !important;
	flex: 0 0 auto !important;
}

/* Expanded menu rows */

/* Child rows align under heading text */

body .border-right:hover .listing ul li a,
body .border-right:hover .listicon ul li a,
body.collapse-menu .border-right:hover .listing ul li a,
body.collapse-menu .border-right:hover .listicon ul li a {
	justify-content: flex-start !important;
	min-height: 28px !important;
	padding: 2px 16px 2px 50px !important;
	font-size: 15px !important;
	line-height: 22px !important;
	text-align: left !important;
	border-radius: 6px !important;
	overflow-x: hidden !important;
}

body .border-right:hover .listing ul li a img,
body .border-right:hover .listicon ul li a img,
body.collapse-menu .border-right:hover .listing ul li a img,
body.collapse-menu .border-right:hover .listicon ul li a img {
	display: none !important;
	visibility: hidden !important;
	width: 0 !important;
	height: 0 !important;
	max-width: 0 !important;
	max-height: 0 !important;
	margin: 0 !important;
}

/* Search form only appears while expanded */

body .border-right .search-form,
body.collapse-menu .border-right .search-form {
	display: none !important;
}

body .border-right:hover .search-form,
body.collapse-menu .border-right:hover .search-form {
	display: block !important;
	width: 100% !important;
	padding: 0 16px 6px 16px !important;
	margin: -8px 0 0 0 !important;
	box-sizing: border-box !important;
	position: static !important;
}

body .border-right:hover tr:has(.search-form),
body .border-right:hover td:has(.search-form),
body.collapse-menu .border-right:hover tr:has(.search-form),
body.collapse-menu .border-right:hover td:has(.search-form) {
	height: auto !important;
	min-height: 0 !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	vertical-align: top !important;
}

body .border-right:hover .search-form .button,
body.collapse-menu .border-right:hover .search-form .button {
	height: 32px !important;
	line-height: 32px !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	margin: 0 !important;
	box-sizing: border-box !important;
}

/* Header and top navigation */

/* Header always visible, not collapsed */

body .headersm,
body.collapse-menu .headersm {
	position: fixed !important;
	top: 0 !important;
	left: var(--eb-sidebar-collapsed) !important;
	right: 0 !important;
	width: calc(100% - var(--eb-sidebar-collapsed)) !important;
	height: var(--eb-header-height) !important;
	min-height: var(--eb-header-height) !important;
	max-height: var(--eb-header-height) !important;
	line-height: var(--eb-header-height) !important;
	padding: 0 !important;
	margin: 0 !important;
	background: #ffffff !important;
	border: none !important;
	box-shadow: none !important;
	overflow: visible !important;
	z-index: 100 !important;
	transition: left 0.18s ease, width 0.18s ease !important;
}

/* Header follows sidebar hover expand */

body:has(.listing-table > tbody > tr > td.border-right:hover) .headersm {
	left: var(--eb-sidebar-expanded) !important;
	width: calc(100% - var(--eb-sidebar-expanded)) !important;
}

/* Hide old header-left logo because sidebar owns eBridge */

body .headersm .logosm,
body.collapse-menu .headersm .logosm {
	display: none !important;
	visibility: hidden !important;
	width: 0 !important;
	height: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	overflow: hidden !important;
}

/* Show right hotel image always */

body .headersm .logosmR,
body.collapse-menu .headersm .logosmR {
	display: block !important;
	visibility: visible !important;
	position: fixed !important;
	top: 0 !important;
	right: 8px !important;
	width: auto !important;
	height: var(--eb-header-height) !important;
	padding: 5px 8px 0 0 !important;
	margin: 0 !important;
	text-align: right !important;
	overflow: visible !important;
	z-index: 100 !important;
}

body .headersm .logosmR img,
body.collapse-menu .headersm .logosmR img {
	max-height: 48px !important;
	width: auto !important;
	margin-top: 5px !important;
}

/* Hotel/property name always centered in the header */

body .headersm .page_heading_sm,
body.collapse-menu .headersm .page_heading_sm {
	display: block !important;
	visibility: visible !important;
	position: fixed !important;
	top: 0 !important;
	left: 50% !important;
	right: auto !important;
	transform: translateX(-50%) !important;
	float: none !important;
	width: auto !important;
	min-width: 0 !important;
	max-width: none !important;
	height: var(--eb-header-height) !important;
	line-height: var(--eb-header-height) !important;
	padding: 0 !important;
	margin: 0 !important;
	text-align: center !important;
	font-size: 20px !important;
	font-weight: bold !important;
	background: transparent !important;
	white-space: nowrap !important;
	pointer-events: none !important;
	z-index: 100 !important;
}

/* Blue nav fixed below header */

body .wrapper .navigation,
body .navigation,
body.collapse-menu .wrapper .navigation,
body.collapse-menu .navigation {
	display: block !important;
	visibility: visible !important;
	position: fixed !important;
	top: var(--eb-header-height) !important;
	left: var(--eb-sidebar-collapsed) !important;
	width: calc(100% - var(--eb-sidebar-collapsed)) !important;
	height: var(--eb-nav-height) !important;
	min-height: var(--eb-nav-height) !important;
	max-height: var(--eb-nav-height) !important;
	line-height: var(--eb-nav-height) !important;
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	background: var(--eb-nav-bg) !important;
	box-shadow: none !important;
	overflow: visible !important;
	box-sizing: border-box !important;
	z-index: 90 !important;
	transition: left 0.18s ease, width 0.18s ease !important;
}

/* Nav follows sidebar hover expand */

body:has(.listing-table > tbody > tr > td.border-right:hover) .wrapper .navigation,
body:has(.listing-table > tbody > tr > td.border-right:hover) .navigation {
	left: var(--eb-sidebar-expanded) !important;
	width: calc(100% - var(--eb-sidebar-expanded)) !important;
	margin: 0 !important;
}

/* Nav links */

body .wrapper .navigation .main-links,
body.collapse-menu .wrapper .navigation .main-links,
body .navigation .main-links {
	height: var(--eb-nav-height) !important;
	line-height: var(--eb-nav-height) !important;
	padding: 0 !important;
	margin: 0 !important;
	text-align: left !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	box-sizing: border-box !important;
}

body .main-links a {
	display: inline-block !important;
	height: var(--eb-nav-height) !important;
	line-height: var(--eb-nav-height) !important;
	padding: 0 25px !important;
	margin: 0 !important;
	font-size: 16px !important;
	font-weight: normal !important;
	color: #ffffff !important;
	text-decoration: none !important;
	border-right: 1px solid rgba(255, 255, 255, 0.25) !important;
	box-sizing: border-box !important;
	vertical-align: top !important;
}

body .main-links a:hover {
	background-color: rgba(255, 255, 255, 0.1) !important;
	color: #feee57 !important;
	text-decoration: none !important;
}

/* Shell layer order */

/* Header/nav/sidebar are intentionally below floating shared popups */

/* Main content area */

body .listing-table,
body.collapse-menu .listing-table {
	position: fixed !important;
	top: calc(var(--eb-header-height) + var(--eb-nav-height)) !important;
	left: var(--eb-sidebar-collapsed) !important;
	right: 0 !important;
	bottom: 0 !important;
	width: auto !important;
	height: auto !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	table-layout: auto !important;
	border-collapse: collapse !important;
	border-spacing: 0 !important;
	overflow-y: visible !important;
	overflow-x: hidden !important;
	box-sizing: border-box !important;
	transition: left 0.18s ease !important;
}

body:has(.listing-table > tbody > tr > td.border-right:hover) .listing-table {
	left: var(--eb-sidebar-expanded) !important;
	width: auto !important;
	margin: 0 !important;
}

/* Tight top alignment inside content */

body .listing-table > tbody,
body .listing-table > tbody > tr,
body .listing-table > tbody > tr > td,
body.collapse-menu .listing-table > tbody,
body.collapse-menu .listing-table > tbody > tr,
body.collapse-menu .listing-table > tbody > tr > td {
	vertical-align: top !important;
	padding-top: 0 !important;
	margin-top: 0 !important;
}

body .listing-table > tbody > tr > td:last-child,
body.collapse-menu .listing-table > tbody > tr > td:last-child {
	padding-top: 0 !important;
	padding-left: var(--eb-content-gap) !important;
	padding-right: 0 !important;
	margin-top: 0 !important;
	vertical-align: top !important;
	box-sizing: border-box !important;
}

/* Home dashboard top spacing */

body .table-t-wrap {
	margin-top: 0 !important;
	border-radius: 8px !important;
	overflow: hidden !important;
}

body .table-t-wrap table.table-t tr td,
body .table-t-wrap table.table-t tr td input {
	font-family: Verdana, Geneva !important;
}

body .fc,
body .fc-toolbar,
body .fc-view-container {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

body .fc-toolbar h2,
body .fc-state-default,
body .fc-day-grid-event,
body .fc-unthemed th {
	font-family: Verdana, Geneva !important;
}

/* Final project-specific fixes */

/* Consolidated from the previous trial blocks */

:root {
	--eb-page-pad-x: 14px;
	--eb-page-width-collapsed: calc(100vw - var(--eb-sidebar-collapsed) - (var(--eb-page-pad-x) * 2));
	--eb-page-width-expanded: calc(100vw - var(--eb-sidebar-expanded) - (var(--eb-page-pad-x) * 2));
}

/* Admin submenu: old UI expand/collapse layout */

/* Parent rows with ▼ / ▲ */

body:not(.collapse-menu) .border-right .listing ul li:has(> span[onclick]),
body:not(.collapse-menu) .border-right .listicon ul li:has(> span[onclick]),
body .border-right:hover .listing ul li:has(> span[onclick]),
body .border-right:hover .listicon ul li:has(> span[onclick]),
body.collapse-menu .border-right:hover .listing ul li:has(> span[onclick]),
body.collapse-menu .border-right:hover .listicon ul li:has(> span[onclick]) {
	display: block !important;
	width: 100% !important;
	min-height: 24px !important;
	padding: 0 16px 0 50px !important;
	margin: 0 !important;
	box-sizing: border-box !important;
	text-align: left !important;
	line-height: 24px !important;
	font-size: 15px !important;
	color: var(--eb-text) !important;
	background: transparent !important;
	white-space: normal !important;
	overflow: visible !important;
}
/* Parent link before ▼ / ▲ */

body:not(.collapse-menu) .border-right .listing ul li:has(> span[onclick]) > a:not(.listing2),
body:not(.collapse-menu) .border-right .listicon ul li:has(> span[onclick]) > a:not(.listing2),
body .border-right:hover .listing ul li:has(> span[onclick]) > a:not(.listing2),
body .border-right:hover .listicon ul li:has(> span[onclick]) > a:not(.listing2),
body.collapse-menu .border-right:hover .listing ul li:has(> span[onclick]) > a:not(.listing2),
body.collapse-menu .border-right:hover .listicon ul li:has(> span[onclick]) > a:not(.listing2) {
	display: inline !important;
	width: auto !important;
	max-width: none !important;
	min-height: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	box-sizing: border-box !important;
	font-size: 15px !important;
	line-height: 24px !important;
	color: var(--eb-text) !important;
	background: transparent !important;
	text-align: left !important;
	text-decoration: none !important;
	white-space: nowrap !important;
	overflow: visible !important;
}

/* Clickable ▼ / ▲ beside parent text */

body:not(.collapse-menu) .border-right .listing ul li > span[onclick],
body:not(.collapse-menu) .border-right .listicon ul li > span[onclick],
body .border-right:hover .listing ul li > span[onclick],
body .border-right:hover .listicon ul li > span[onclick],
body.collapse-menu .border-right:hover .listing ul li > span[onclick],
body.collapse-menu .border-right:hover .listicon ul li > span[onclick] {
	display: inline !important;
	visibility: visible !important;
	width: auto !important;
	height: auto !important;
	padding: 0 !important;
	margin: 0 0 0 4px !important;
	line-height: 24px !important;
	font-size: 15px !important;
	color: #000 !important;
	vertical-align: baseline !important;
	cursor: pointer !important;
	background: transparent !important;
	overflow: visible !important;
}

/* Respect JS collapsed state */

body .border-right ul.listing2[id][style*="display: none"],
body .border-right ul.listing2[id][style*="display:none"],
body.collapse-menu .border-right ul.listing2[id][style*="display: none"],
body.collapse-menu .border-right ul.listing2[id][style*="display:none"] {
	display: none !important;
}

/* Submenu UL: indented, no grey block */

body:not(.collapse-menu) .border-right ul.listing2[id],
body .border-right:hover ul.listing2[id],
body.collapse-menu .border-right:hover ul.listing2[id] {
	width: auto !important;
	max-width: none !important;
	padding: 0 !important;
	margin: 0 0 4px 44px !important;
	box-sizing: border-box !important;
	background: transparent !important;
	text-align: left !important;
	list-style: none !important;
	overflow: visible !important;
}

/* Submenu child rows with ▶ */

body:not(.collapse-menu) .border-right ul.listing2[id] > li.listing2,
body .border-right:hover ul.listing2[id] > li.listing2,
body.collapse-menu .border-right:hover ul.listing2[id] > li.listing2 {
	display: block !important;
	width: 100% !important;
	min-height: 24px !important;
	padding: 0 !important;
	margin: 0 !important;
	box-sizing: border-box !important;
	text-align: left !important;
	line-height: 24px !important;
	font-size: 15px !important;
	color: #000 !important;
	background: transparent !important;
	white-space: nowrap !important;
	overflow: visible !important;
}

/* Child link text after ▶ */

body:not(.collapse-menu) .border-right ul.listing2[id] > li.listing2 > a.listing2,
body .border-right:hover ul.listing2[id] > li.listing2 > a.listing2,
body.collapse-menu .border-right:hover ul.listing2[id] > li.listing2 > a.listing2 {
	display: inline !important;
	width: auto !important;
	max-width: none !important;
	min-height: 0 !important;
	padding: 0 0 0 15px !important;
	margin: 0 !important;
	box-sizing: border-box !important;
	background: transparent !important;
	color: var(--eb-text) !important;
	font-size: 15px !important;
	line-height: 24px !important;
	text-decoration: none !important;
	border-radius: 0 !important;
	vertical-align: baseline !important;
	white-space: nowrap !important;
	overflow: visible !important;
}

/* Keep hover simple, no grey block */

body:not(.collapse-menu) .border-right ul.listing2[id] > li.listing2:hover,
body .border-right:hover ul.listing2[id] > li.listing2:hover,
body.collapse-menu .border-right:hover ul.listing2[id] > li.listing2:hover {
	background: transparent !important;
}

body:not(.collapse-menu) .border-right ul.listing2[id] > li.listing2 > a.listing2:hover,
body .border-right:hover ul.listing2[id] > li.listing2 > a.listing2:hover,
body.collapse-menu .border-right:hover ul.listing2[id] > li.listing2 > a.listing2:hover {
	color: #6e8bc3 !important;
	background: transparent !important;
	text-decoration: underline !important;
}

/* Collapsed icon-only state: hide Admin text submenus until hover-expanded */

body.collapse-menu .border-right:not(:hover) .listing ul li > span[onclick],
body.collapse-menu .border-right:not(:hover) .listicon ul li > span[onclick],
body.collapse-menu .border-right:not(:hover) ul.listing2[id] {
	display: none !important;
}

/* Sidebar gaps and bottom scroll room */

body .border-right .listing,
body .border-right .listicon,
body.collapse-menu .border-right .listing,
body.collapse-menu .border-right .listicon {
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
}

body .listing-table > tbody > tr > td.border-right > div,
body.collapse-menu .listing-table > tbody > tr > td.border-right > div {
	padding-bottom: 120px !important;
	overflow-y: hidden !important;
	overflow-x: hidden !important;
	scrollbar-width: none !important;
	-ms-overflow-style: none !important;
}

body .listing-table > tbody > tr > td.border-right,
body.collapse-menu .listing-table > tbody > tr > td.border-right {
	overflow: hidden !important;
}

body .border-right tr,
body .border-right td,
body.collapse-menu .border-right tr,
body.collapse-menu .border-right td {
	height: auto !important;
	min-height: 0 !important;
}

body .border-right:hover .modules-heading,
body.collapse-menu .border-right:hover .modules-heading {
	padding-top: 2px !important;
	padding-bottom: 1px !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

/* Hide non-sidebar scrollbars */

html,
body,
body .wrapper,
body .boundary,
body .listing-table,
body.collapse-menu .listing-table,
body .listing-table > tbody,
body .listing-table > tbody > tr,
body .listing-table > tbody > tr > td:last-child,
body.collapse-menu .listing-table > tbody,
body.collapse-menu .listing-table > tbody > tr,
body.collapse-menu .listing-table > tbody > tr > td:last-child {
	scrollbar-width: none !important;
	-ms-overflow-style: none !important;
}

html::-webkit-scrollbar,
body::-webkit-scrollbar,
body .wrapper::-webkit-scrollbar,
body .boundary::-webkit-scrollbar,
body .listing-table::-webkit-scrollbar,
body.collapse-menu .listing-table::-webkit-scrollbar,
body .listing-table > tbody::-webkit-scrollbar,
body .listing-table > tbody > tr::-webkit-scrollbar,
body .listing-table > tbody > tr > td:last-child::-webkit-scrollbar,
body.collapse-menu .listing-table > tbody::-webkit-scrollbar,
body.collapse-menu .listing-table > tbody > tr::-webkit-scrollbar,
body.collapse-menu .listing-table > tbody > tr > td:last-child::-webkit-scrollbar,
body .listing-table > tbody > tr > td.border-right > div::-webkit-scrollbar,
body.collapse-menu .listing-table > tbody > tr > td.border-right > div::-webkit-scrollbar {
	width: 0 !important;
	height: 0 !important;
	display: none !important;
}

/* Legacy pages fill available screen width */

body .listing-table > tbody,
body .listing-table > tbody > tr,
body.collapse-menu .listing-table > tbody,
body.collapse-menu .listing-table > tbody > tr {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	box-sizing: border-box !important;
}

body .listing-table > tbody > tr > td:not(.border-right),
body .listing-table > tbody > tr > td:last-child,
body.collapse-menu .listing-table > tbody > tr > td:not(.border-right),
body.collapse-menu .listing-table > tbody > tr > td:last-child {
	display: block !important;
	width: var(--eb-page-width-collapsed) !important;
	max-width: var(--eb-page-width-collapsed) !important;
	min-width: var(--eb-page-width-collapsed) !important;
	height: 100% !important;
	padding: 0 var(--eb-page-pad-x) 0 var(--eb-page-pad-x) !important;
	margin: 0 !important;
	box-sizing: border-box !important;
	vertical-align: top !important;
	overflow: hidden !important;
}

body:has(.listing-table > tbody > tr > td.border-right:hover) .listing-table > tbody > tr > td:not(.border-right),
body:has(.listing-table > tbody > tr > td.border-right:hover) .listing-table > tbody > tr > td:last-child {
	width: var(--eb-page-width-expanded) !important;
	max-width: var(--eb-page-width-expanded) !important;
	min-width: var(--eb-page-width-expanded) !important;
}

/* Common old page wrappers */

body .listing-table > tbody > tr > td:not(.border-right) > div,
body .listing-table > tbody > tr > td:last-child > div,
body .listing-table > tbody > tr > td:not(.border-right) > form,
body .listing-table > tbody > tr > td:last-child > form,
body .listing-table > tbody > tr > td:not(.border-right) > table,
body .listing-table > tbody > tr > td:last-child > table,
body .listing-table > tbody > tr > td:not(.border-right) .main-table,
body .listing-table > tbody > tr > td:last-child .main-table,
body .listing-table > tbody > tr > td:not(.border-right) .inner-table,
body .listing-table > tbody > tr > td:last-child .inner-table,
body .listing-table > tbody > tr > td:not(.border-right) .fulltable,
body .listing-table > tbody > tr > td:last-child .fulltable,
body .listing-table > tbody > tr > td:not(.border-right) .border,
body .listing-table > tbody > tr > td:last-child .border,
body .listing-table > tbody > tr > td:not(.border-right) .mainColor,
body .listing-table > tbody > tr > td:last-child .mainColor,
body .listing-table > tbody > tr > td:not(.border-right) .mainColor2,
body .listing-table > tbody > tr > td:last-child .mainColor2,
body .listing-table > tbody > tr > td:not(.border-right) .scroll,
body .listing-table > tbody > tr > td:last-child .scroll,
body .listing-table > tbody > tr > td:not(.border-right) .scroll2,
body .listing-table > tbody > tr > td:last-child .scroll2,
body .listing-table > tbody > tr > td:not(.border-right) .scrolltab,
body .listing-table > tbody > tr > td:last-child .scrolltab,
body .listing-table > tbody > tr > td:not(.border-right) .scrolltabinv,
body .listing-table > tbody > tr > td:last-child .scrolltabinv,
body .listing-table > tbody > tr > td:not(.border-right) .scrolltabinvWide,
body .listing-table > tbody > tr > td:last-child .scrolltabinvWide,
body .listing-table > tbody > tr > td:not(.border-right) .scrolltable,
body .listing-table > tbody > tr > td:last-child .scrolltable,
body .listing-table > tbody > tr > td:not(.border-right) .scrolltable2,
body .listing-table > tbody > tr > td:last-child .scrolltable2,
body .listing-table > tbody > tr > td:not(.border-right) .scrolltable3,
body .listing-table > tbody > tr > td:last-child .scrolltable3,
body .listing-table > tbody > tr > td:not(.border-right) .scrolltable4,
body .listing-table > tbody > tr > td:last-child .scrolltable4,
body .listing-table > tbody > tr > td:not(.border-right) #mainTable,
body .listing-table > tbody > tr > td:last-child #mainTable,
body .listing-table > tbody > tr > td:not(.border-right) #fullscreendiv,
body .listing-table > tbody > tr > td:last-child #fullscreendiv {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	box-sizing: border-box !important;
}

body .listing-table > tbody > tr > td:not(.border-right) div[style*="width"],
body .listing-table > tbody > tr > td:last-child div[style*="width"],
body .listing-table > tbody > tr > td:not(.border-right) table[style*="width"],
body .listing-table > tbody > tr > td:last-child table[style*="width"] {
	max-width: 100% !important;
	box-sizing: border-box !important;
}

/* Spry/Tabbed pages */

body #TabbedPanels1,
body .TabbedPanels,
body #TabbedPanels1 .TabbedPanelsTabGroup,
body #TabbedPanels1 .TabbedPanelsContentGroup,
body #TabbedPanels1 .TabbedPanelsContent,
body #TabbedPanels1 .TabbedPanelsContentVisible,
body .TabbedPanelsContentGroup,
body .TabbedPanelsContent,
body .TabbedPanelsContentVisible {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	box-sizing: border-box !important;
}
/* Web Setup: remove inner tab scrollbar only */
.TabbedPanelsContentVisible:has(#websetup) {
	height: auto !important;
	min-height: 0 !important;
	max-height: none !important;
	overflow: visible !important;
	padding-bottom: 4px !important;
}
/* Visible panels/fieldsets fill the available width */

body .listing-table > tbody > tr > td:not(.border-right) fieldset,
body .listing-table > tbody > tr > td:last-child fieldset,
body #TabbedPanels1 .TabbedPanelsContentGroup,
body .TabbedPanelsContentGroup,
body #TabbedPanels1 .TabbedPanelsContentGroup fieldset,
body .TabbedPanelsContentGroup fieldset {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	box-sizing: border-box !important;
}

/* Keep actual form layout natural. Only the wrapper/panel fills. */

body .listing-table > tbody > tr > td:not(.border-right) fieldset table,
body .listing-table > tbody > tr > td:last-child fieldset table,
body #TabbedPanels1 .TabbedPanelsContentGroup fieldset table,
body .TabbedPanelsContentGroup fieldset table {
	width: auto !important;
	max-width: 100% !important;
	min-width: 0 !important;
	margin-left: 0 !important;
	margin-right: auto !important;
	box-sizing: border-box !important;
}

/* Save/button row stays inside the widened area */

body .buttondiv,
body #TabbedPanels1 .buttondiv,
body .TabbedPanelsContentGroup .buttondiv {
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
	text-align: right !important;
	padding-right: 28px !important;
}

/* Clean final add-ons */

/* Fieldset/panel tables fill widened legacy panels */

body .listing-table > tbody > tr > td:not(.border-right) fieldset > table,
body .listing-table > tbody > tr > td:last-child fieldset > table,
body #TabbedPanels1 .TabbedPanelsContentGroup fieldset > table,
body .TabbedPanelsContentGroup fieldset > table {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	table-layout: auto !important;
	box-sizing: border-box !important;
}

/* Right page/content scrollbar */

body .listing-table > tbody > tr > td:not(.border-right),
body .listing-table > tbody > tr > td:last-child,
body.collapse-menu .listing-table > tbody > tr > td:not(.border-right),
body.collapse-menu .listing-table > tbody > tr > td:last-child {
	height: calc(100vh - var(--eb-header-height) - var(--eb-nav-height)) !important;
	max-height: calc(100vh - var(--eb-header-height) - var(--eb-nav-height)) !important;
	overflow-y: auto !important;
	overflow-x: hidden !important;
	scrollbar-width: auto !important;
	-ms-overflow-style: auto !important;
}

/* Show right page/content scrollbar in Chrome/Edge */

body .listing-table > tbody > tr > td:not(.border-right)::-webkit-scrollbar,
body .listing-table > tbody > tr > td:last-child::-webkit-scrollbar,
body.collapse-menu .listing-table > tbody > tr > td:not(.border-right)::-webkit-scrollbar,
body.collapse-menu .listing-table > tbody > tr > td:last-child::-webkit-scrollbar {
	width: 12px !important;
	height: 12px !important;
	display: block !important;
}

/* Table/internal scrollbar */

body .listing-table .scrolltab,
body .listing-table .scrolltable,
body .listing-table .scrolltable2,
body .listing-table .scrolltable3,
body .listing-table .scrolltable4,
body .listing-table .mainColor,
body .listing-table .mainColor2,
body.collapse-menu .listing-table .scrolltab,
body.collapse-menu .listing-table .scrolltable,
body.collapse-menu .listing-table .scrolltable2,
body.collapse-menu .listing-table .scrolltable3,
body.collapse-menu .listing-table .scrolltable4,
body.collapse-menu .listing-table .mainColor,
body.collapse-menu .listing-table .mainColor2 {
	overflow-y: auto !important;
	overflow-x: auto !important;
	scrollbar-width: auto !important;
	-ms-overflow-style: auto !important;
}

/* Show table/internal scrollbar in Chrome/Edge */

body .listing-table .scrolltab::-webkit-scrollbar,
body .listing-table .scrolltable::-webkit-scrollbar,
body .listing-table .scrolltable2::-webkit-scrollbar,
body .listing-table .scrolltable3::-webkit-scrollbar,
body .listing-table .scrolltable4::-webkit-scrollbar,
body .listing-table .mainColor::-webkit-scrollbar,
body .listing-table .mainColor2::-webkit-scrollbar,
body.collapse-menu .listing-table .scrolltab::-webkit-scrollbar,
body.collapse-menu .listing-table .scrolltable::-webkit-scrollbar,
body.collapse-menu .listing-table .scrolltable2::-webkit-scrollbar,
body.collapse-menu .listing-table .scrolltable3::-webkit-scrollbar,
body.collapse-menu .listing-table .scrolltable4::-webkit-scrollbar,
body.collapse-menu .listing-table .mainColor::-webkit-scrollbar,
body.collapse-menu .listing-table .mainColor2::-webkit-scrollbar {
	width: 12px !important;
	height: 12px !important;
	display: block !important;
}

/* Tidy expanded sidebar heading/child alignment */

/* Expanded sidebar */

body .border-right:hover .modules-heading,
body.collapse-menu .border-right:hover .modules-heading {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	width: 100% !important;
	height: 24px !important;
	min-height: 24px !important;
	line-height: 22px !important;
	padding: 2px 16px 0 20px !important;
	margin: 4px 0 0 0 !important;
	background: transparent !important;
	background-image: none !important;
	color: var(--eb-text) !important;
	font-size: 15px !important;
	font-weight: bold !important;
	text-align: left !important;
	overflow: visible !important;
	box-sizing: border-box !important;
}

/* Child list wrapper */

body .border-right:hover .listing,
body .border-right:hover .listicon,
body.collapse-menu .border-right:hover .listing,
body.collapse-menu .border-right:hover .listicon {
	margin: 0 0 3px 0 !important;
	padding: 0 !important;
	width: 100% !important;
}

/* Child rows: text only, aligned under heading text */

body .border-right:hover .listing ul li a,
body .border-right:hover .listicon ul li a,
body.collapse-menu .border-right:hover .listing ul li a,
body.collapse-menu .border-right:hover .listicon ul li a {
	display: block !important;
	width: 100% !important;
	min-height: 24px !important;
	height: 24px !important;
	line-height: 24px !important;
	padding: 0 16px 0 50px !important;
	margin: 0 !important;
	font-size: 15px !important;
	font-weight: normal !important;
	text-align: left !important;
	color: var(--eb-text) !important;
	text-decoration: none !important;
	border-radius: 6px !important;
	background: transparent !important;
	box-sizing: border-box !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
}

/* Keep child icons hidden in expanded sidebar */

/* Hover/highlight stays clean */

/* Disabled button: grey background only */

.button:disabled,
input.button:disabled,
button.button:disabled,
#TabbedPanels1 .button:disabled,
#TabbedPanels1 input.button:disabled,
#fullscreendiv .button:disabled,
#fullscreendiv input.button:disabled {
	background: #e0e0e0 !important;
	background-color: #e0e0e0 !important;
	background-image: none !important;
	filter: none !important;
}

/* Restore collapsed heading icons */

/* Module icons are now inside .modules-heading */

/* Collapsed: hide heading text */

body .border-right:not(:hover) .modules-heading strong,
body.collapse-menu .border-right:not(:hover) .modules-heading strong {
	display: none !important;
	visibility: hidden !important;
	width: 0 !important;
	height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	font-size: 0 !important;
	line-height: 0 !important;
	overflow: hidden !important;
}

/* Collapsed: show only heading icon */

body .border-right .modules-heading .module-heading-icon,
body.collapse-menu .border-right .modules-heading .module-heading-icon {
	display: block !important;
	visibility: visible !important;
	width: 38px !important;
	height: 38px !important;
	max-width: 38px !important;
	max-height: 38px !important;
	margin: 0 auto !important;
	padding: 0 !important;
	flex: 0 0 38px !important;
}
/* Home icon */
body .border-right:not(:hover) .sidebar-home-heading .module-heading-icon,
body.collapse-menu .border-right:not(:hover) .sidebar-home-heading .module-heading-icon {
	width: 32px !important;
	height: 32px !important;
	max-width: 32px !important;
	max-height: 32px !important;
	flex: 0 0 32px !important;
	object-fit: contain !important;
	margin-top: 4px !important;
}
/* Collapsed: hide child rows */

body .border-right:not(:hover) .listing,
body .border-right:not(:hover) .listicon,
body.collapse-menu .border-right:not(:hover) .listing,
body.collapse-menu .border-right:not(:hover) .listicon {
	display: none !important;
	visibility: hidden !important;
	height: 0 !important;
	min-height: 0 !important;
	max-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
}

/* Expanded: show child rows again */

body .border-right:hover .listing,
body .border-right:hover .listicon,
body.collapse-menu .border-right:hover .listing,
body.collapse-menu .border-right:hover .listicon {
	display: block !important;
	visibility: visible !important;
	height: auto !important;
	max-height: none !important;
	overflow: visible !important;
}

/* Expanded: heading icon becomes small inline icon */

body .border-right:hover .modules-heading .module-heading-icon,
body.collapse-menu .border-right:hover .modules-heading .module-heading-icon {
	display: inline-block !important;
	visibility: visible !important;
	width: 22px !important;
	height: 22px !important;
	max-width: 22px !important;
	max-height: 22px !important;
	margin: 0 !important;
	padding: 0 !important;
	flex: 0 0 22px !important;
}

/* Fix heading text when sidebar expands */

/* Collapsed sidebar shows only heading icons */

/* Expanded sidebar red-line alignment */

/* Expanded sidebar alignment */

body .border-right:hover .modules-heading,
body.collapse-menu .border-right:hover .modules-heading {
	display: flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
	gap: 8px !important;
	width: 100% !important;
	height: 26px !important;
	min-height: 26px !important;
	line-height: 24px !important;
	padding: 2px 16px 0 34px !important;
	margin: 4px 0 0 0 !important;
	background: transparent !important;
	background-image: none !important;
	color: var(--eb-text) !important;
	font-size: 15px !important;
	font-weight: bold !important;
	text-align: left !important;
	box-sizing: border-box !important;
	overflow: visible !important;
}

body .border-right:hover .modules-heading .module-heading-icon,
body.collapse-menu .border-right:hover .modules-heading .module-heading-icon {
	vertical-align: middle !important;
	display: inline-block !important;
	visibility: visible !important;
	width: 22px !important;
	height: 22px !important;
	max-width: 22px !important;
	max-height: 22px !important;
	margin: 0 !important;
	padding: 0 !important;
	flex: 0 0 22px !important;
}

/* Child rows start on the same red-line column */

body .border-right:hover .listing ul li a,
body .border-right:hover .listicon ul li a,
body.collapse-menu .border-right:hover .listing ul li a,
body.collapse-menu .border-right:hover .listicon ul li a {
	display: block !important;
	justify-content: flex-start !important;
	width: 100% !important;
	min-height: 25px !important;
	height: 25px !important;
	line-height: 25px !important;
	padding: 0 16px 0 34px !important;
	margin: 0 !important;
	font-size: 15px !important;
	font-weight: normal !important;
	text-align: left !important;
	color: var(--eb-text) !important;
	text-decoration: none !important;
	border-radius: 6px !important;
	background: transparent !important;
	box-sizing: border-box !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
}

/* Child icons stay hidden in expanded mode */

/* Ref # input aligns with the same red-line column */

body .border-right:hover .search-form,
body.collapse-menu .border-right:hover .search-form {
	display: block !important;
	width: 100% !important;
	padding: 0 16px 6px 34px !important;
	margin: 4px 0 0 0 !important;
	box-sizing: border-box !important;
	position: static !important;
}

body .border-right:hover .search-form #ressearch,
body.collapse-menu .border-right:hover .search-form #ressearch {
	display: block !important;
	width: 100% !important;
	height: 30px !important;
	line-height: 30px !important;
	padding: 0 8px !important;
	margin: 0 !important;
	box-sizing: border-box !important;
	font-size: 14px !important;
}

/* Hover highlight still clean */

/* Align sidebar Ref input to menu red-line */

/* Ref # is not always wrapped by .search-form */

body .border-right:hover #ressearch,
body.collapse-menu .border-right:hover #ressearch {
	padding: 0 8px !important;
	margin: 6px 16px 0 34px !important;
}

/* Keep collapsed Ref input compact */

body .border-right:not(:hover) #ressearch,
body.collapse-menu .border-right:not(:hover) #ressearch {
	width: 100% !important;
	height: 30px !important;
	line-height: 30px !important;
	margin: 0 !important;
	padding: 0 4px !important;
	box-sizing: border-box !important;
}

/* Fullscreen shell and minimise icon */

.fullscreen-overlay,
#fullscreendiv.fullscreen-overlay {
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	width: 100vw !important;
	max-width: none !important;
	max-height: none !important;
	margin: 0 !important;
	padding: 0 !important;
	background: #ffffff !important;
	z-index: 2147483000 !important;
	overflow: auto !important;
	box-sizing: border-box !important;
}

body.is-fullscreen .headersm,
body.is-fullscreen .navigation,
body.is-fullscreen .headersm .logosmR,
body.is-fullscreen .headersm .page_heading_sm,
body.is-fullscreen .listing-table > tbody > tr > td.border-right {
	display: none !important;
	visibility: hidden !important;
	pointer-events: none !important;
	width: 0 !important;
	height: 0 !important;
	min-width: 0 !important;
	min-height: 0 !important;
	max-width: 0 !important;
	max-height: 0 !important;
	overflow: hidden !important;
}

body.is-fullscreen .listing-table {
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	width: 100vw !important;
	height: 100vh !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
	z-index: 2147482000 !important;
}

#fullscreendiv .TabbedPanelsTabGroup,
#fullscreendiv #tabgroup {
	position: sticky !important;
	top: 0 !important;
	z-index: 2147483002 !important;
	background: #ffffff !important;
	padding-right: 40px !important;
	box-sizing: border-box !important;
}

#closeFullscreenBtn,
.fullscreen-close-btn {
	display: inline-block !important;
	visibility: visible !important;
	opacity: 1 !important;
	position: fixed !important;
	top: 8px !important;
	right: 18px !important;
	width: auto !important;
	height: auto !important;
	min-width: 0 !important;
	min-height: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	color: #000 !important;
	font-size: 22px !important;
	font-weight: normal !important;
	line-height: 1 !important;
	text-align: center !important;
	z-index: 2147483647 !important;
	box-sizing: content-box !important;
	cursor: pointer !important;
}

#closeFullscreenBtn:hover,
.fullscreen-close-btn:hover {
	color: #0447A0 !important;
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
}

/* End fullscreen shell and minimise icon */

/* Sidebar Ref # and Read Key */

/* Collapsed sidebar keeps the existing layout */
body .border-right .sidebar-read-key-group,
body.collapse-menu .border-right .sidebar-read-key-group {
	display: block !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	box-sizing: border-box !important;
}

body .border-right .sidebar-reference-cell,
body.collapse-menu .border-right .sidebar-reference-cell {
	padding-left: 0 !important;
	padding-right: 0 !important;
	text-align: center !important;
}

body .border-right .sidebar-reference-input,
body.collapse-menu .border-right .sidebar-reference-input {
	display: block !important;
	width: 88px !important;
	max-width: calc(100% - 12px) !important;
	height: 38px !important;
	margin: 4px auto 2px auto !important;
	padding: 0 8px !important;
	box-sizing: border-box !important;
}

body .listing-table > tbody > tr > td.border-right .sidebar-read-key-button,
body.collapse-menu .listing-table > tbody > tr > td.border-right .sidebar-read-key-button {
	display: block !important;
	width: 64px !important;
	height: 54px !important;
	min-width: 64px !important;
	max-width: 64px !important;
	margin: 2px auto 8px auto !important;
	padding: 0 !important;
	border: none !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	outline: none !important;
	color: transparent !important;
	font-size: 0 !important;
	line-height: 0 !important;
	text-indent: -9999px !important;
	background: transparent url("../images/cardreader.png") center center / 42px 42px no-repeat !important;
	cursor: pointer !important;
	overflow: hidden !important;
}

/* Expanded sidebar joins both controls */
body .border-right:hover .sidebar-read-key-group,
body.collapse-menu .border-right:hover .sidebar-read-key-group{
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) 90px !important;
	align-items: stretch !important;
	gap: 0 !important;

	width: 210px !important;
	max-width: calc(100% - 30px) !important;
	height: 34px !important;

	margin: 6px auto 10px auto !important;
	padding: 0 !important;
	box-sizing: border-box !important;
}
body .border-right:hover .sidebar-reference-input,
body.collapse-menu .border-right:hover .sidebar-reference-input{
	display: block !important;
	width: 100% !important;
	min-width: 0 !important;
	max-width: none !important;
	height: 34px !important;

	margin: 0 !important;
	padding: 0 9px !important;

	border: 1px solid #c9c9d2 !important;
	border-right: 0 !important;
	border-radius: 4px 0 0 4px !important;

	box-shadow: none !important;
	line-height: 32px !important;
	box-sizing: border-box !important;
}

body .listing-table > tbody > tr > td.border-right:hover .sidebar-read-key-button,
body.collapse-menu .listing-table > tbody > tr > td.border-right:hover .sidebar-read-key-button{
	display: block !important;
	width: 90px !important;
	min-width: 90px !important;
	max-width: 90px !important;
	height: 34px !important;

	margin: 0 !important;
	padding: 0 5px !important;

	border: 1px solid var(--eb-brand-yellow, #FEEE57) !important;
	border-radius: 0 4px 4px 0 !important;

	color: #171717 !important;
	background: var(--eb-brand-yellow, #FEEE57) !important;

	font-size: 11px !important;
	font-weight: 600 !important;
	line-height: 32px !important;
	text-align: center !important;
	text-indent: 0 !important;

	white-space: nowrap !important;
	text-overflow: clip !important;
	overflow: hidden !important;
	box-sizing: border-box !important;
}

body .listing-table > tbody > tr > td.border-right:hover .sidebar-read-key-button:hover,
body.collapse-menu .listing-table > tbody > tr > td.border-right:hover .sidebar-read-key-button:hover{
	background: var(--eb-brand-yellow-hover, #FFE600) !important;
	border-color: var(--eb-brand-yellow-hover, #FFE600) !important;
}

/* End Sidebar Ref # and Read Key */

/* eBridge grey nav and yellow UI shell only */

/* No calendar colour changes in main.css */

:root {
	--eb-brand-yellow: #FEEE57;
	--eb-brand-yellow-hover: #FFE600;
	--eb-brand-black: #171717;
	--eb-shell-grey: #EFF0F2;
	--eb-shell-grey-dark: #D8D8D8;
	--eb-nav-bg: var(--eb-shell-grey);
}

/* Top nav: grey. */

.navigation,
body .navigation,
body.collapse-menu .navigation,
body .wrapper .navigation,
body.collapse-menu .wrapper .navigation {
	background: var(--eb-shell-grey) !important;
	background-color: var(--eb-shell-grey) !important;
	border-top-color: var(--eb-shell-grey-dark) !important;
	border-bottom-color: var(--eb-shell-grey-dark) !important;
	filter: none !important;
	box-shadow: none !important;
}

.main-links,
.main-links a,
body .navigation .main-links,
body .navigation .main-links a,
body .wrapper .navigation .main-links,
body .wrapper .navigation .main-links a {
	color: var(--eb-brand-black) !important;
}

.main-links a:hover,
body .navigation .main-links a:hover,
body .wrapper .navigation .main-links a:hover {
	color: var(--eb-brand-black) !important;
	background: rgba(250, 235, 85, 0.45) !important;
	text-decoration: none !important;
}

/* Normal UI buttons only. Calendar events are not targeted here. */

.button,
input[type=file]::file-selector-button,
#TabbedPanels1 .button,
#fullscreendiv .button,
body .listing-table > tbody > tr > td.border-right:hover input[type="button"][value="Read Key"],
body.collapse-menu .listing-table > tbody > tr > td.border-right:hover input[type="button"][value="Read Key"] {
	background: var(--eb-brand-yellow) !important;
	background-color: var(--eb-brand-yellow) !important;
	color: var(--eb-brand-black) !important;
	border-color: var(--eb-brand-yellow) !important;
	filter: none !important;
}

.button:hover,
input[type=file]::file-selector-button:hover,
#TabbedPanels1 .button:hover,
#fullscreendiv .button:hover,
body .listing-table > tbody > tr > td.border-right:hover input[type="button"][value="Read Key"]:hover,
body.collapse-menu .listing-table > tbody > tr > td.border-right:hover input[type="button"][value="Read Key"]:hover {
	background: var(--eb-brand-yellow-hover) !important;
	background-color: var(--eb-brand-yellow-hover) !important;
	color: var(--eb-brand-black) !important;
	border-color: var(--eb-brand-yellow-hover) !important;
	filter: none !important;
}

input[type="text"]:focus,
input[type="number"]:focus,
input[type="date"]:focus,
select:focus,
textarea:focus,
#TabbedPanels1 .TabbedPanelsContentGroup fieldset input[type="text"]:focus,
#TabbedPanels1 .TabbedPanelsContentGroup fieldset input[type="number"]:focus,
#TabbedPanels1 .TabbedPanelsContentGroup fieldset input[type="date"]:focus,
#TabbedPanels1 .TabbedPanelsContentGroup fieldset select:focus,
#TabbedPanels1 .TabbedPanelsContentGroup fieldset textarea:focus {
	border-color: var(--eb-brand-yellow) !important;
	box-shadow: 0 0 0 2px rgba(250, 235, 85, 0.35) !important;
	outline: none !important;
}

/* End eBridge grey nav and yellow UI shell only */

/* Collapsed right-menu heading icon */

/* Right-menu headings such as Reports and My Settings can show an icon */

body .border-right .modules-heading img.menu-heading-img,
body.collapse-menu .border-right .modules-heading img.menu-heading-img,
body .border-right .modules-heading img[src*="auditlog.png"],
body.collapse-menu .border-right .modules-heading img[src*="auditlog.png"] {
	display: block !important;
	visibility: visible !important;
	width: 34px !important;
	height: 34px !important;
	max-width: 34px !important;
	max-height: 34px !important;
	margin: 0 auto !important;
	object-fit: contain !important;
	flex: 0 0 34px !important;
}

body .border-right:hover .modules-heading img.menu-heading-img,
body.collapse-menu .border-right:hover .modules-heading img.menu-heading-img,
body .border-right:hover .modules-heading img[src*="auditlog.png"],
body.collapse-menu .border-right:hover .modules-heading img[src*="auditlog.png"] {
	display: inline-block !important;
	width: 18px !important;
	height: 18px !important;
	max-width: 18px !important;
	max-height: 18px !important;
	margin: 0 10px 0 0 !important;
	object-fit: contain !important;
	flex: 0 0 18px !important;
	vertical-align: middle !important;
}

body .border-right:hover .modules-heading:has(img.menu-heading-img),
body.collapse-menu .border-right:hover .modules-heading:has(img.menu-heading-img),
body .border-right:hover .modules-heading:has(img[src*="auditlog.png"]),
body.collapse-menu .border-right:hover .modules-heading:has(img[src*="auditlog.png"]) {
	display: flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
	gap: 0 !important;
	padding: 3px 16px 2px 16px !important;
	min-height: 24px !important;
	line-height: 1.3 !important;
}

body .border-right:hover .modules-heading:has(img.menu-heading-img) strong,
body.collapse-menu .border-right:hover .modules-heading:has(img.menu-heading-img) strong,
body .border-right:hover .modules-heading:has(img[src*="auditlog.png"]) strong,
body.collapse-menu .border-right:hover .modules-heading:has(img[src*="auditlog.png"]) strong {
	display: inline-block !important;
	visibility: visible !important;
	opacity: 1 !important;
	font-size: 15px !important;
	line-height: 18px !important;
	margin: 0 !important;
	padding: 0 !important;
	color: var(--eb-text) !important;
	vertical-align: middle !important;
}

/* End collapsed right-menu heading icon */

/* TabbedPanels final folder UI */

/* Single source of truth for Spry reservation tabs */

#TabbedPanels1 #tabgroup,
#TabbedPanels1 .TabbedPanelsTabGroup {
	display: flex !important;
	align-items: flex-end !important;
	gap: 0 !important;
	width: 100% !important;
	min-height: 44px !important;
	margin: 0 !important;
	padding: 6px 0 0 0 !important;
	background: #ffffff !important;
	border-bottom: 2px solid #CFCFCF !important;
	box-sizing: border-box !important;
	list-style: none !important;
	overflow: visible !important;
}

#TabbedPanels1 #tabgroup li,
#TabbedPanels1 .TabbedPanelsTab {
	position: relative !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex: 0 0 auto !important;
	min-height: 34px !important;
	margin: 0 !important;
	padding: 8px 18px !important;
	background: #FFFFFF !important;
	border: none !important;
	border-bottom: 4px solid transparent !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	box-sizing: border-box !important;
	font-family: Verdana, Geneva !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	line-height: 1 !important;
	cursor: pointer !important;
	overflow: visible !important;
	transition: background 0.12s ease, color 0.12s ease, border-color 0.12s ease !important;
}

#TabbedPanels1 #tabgroup li:first-child,
#TabbedPanels1 .TabbedPanelsTab:first-child {
	margin-left: 0 !important;
}

#TabbedPanels1 #tabgroup li:hover,
#TabbedPanels1 .TabbedPanelsTab:hover {
	background: #E6D84A !important;
	color: #171717 !important;
	border-color: #BDB039 !important;
	box-shadow: none !important;
}

#TabbedPanels1 #tabgroup li.TabbedPanelsTabSelected,
#TabbedPanels1 .TabbedPanelsTab.TabbedPanelsTabSelected {
	z-index: 2 !important;
	min-height: 40px !important;
	margin: 0 !important;
	padding: 10px 20px 11px 20px !important;
	background: #FFFFFF !important;
	color: #171717 !important;
	border: none !important;
	border-bottom: 4px solid #FAEB55 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	font-weight: 700 !important;
}

#TabbedPanels1 #tabgroup li.TabbedPanelsTabSelected:hover,
#TabbedPanels1 .TabbedPanelsTab.TabbedPanelsTabSelected:hover {
	background: #FFFFFF !important;
	color: #171717 !important;
	border-top-color: #E6D84A !important;
	box-shadow: none !important;
}

#TabbedPanels1 #tabgroup li.TabbedPanelsTabSelected::before,
#TabbedPanels1 #tabgroup li.TabbedPanelsTabSelected:before,
#TabbedPanels1 .TabbedPanelsTab.TabbedPanelsTabSelected::before,
#TabbedPanels1 .TabbedPanelsTab.TabbedPanelsTabSelected:before {
	display: none !important;
	content: none !important;
}

#TabbedPanels1 .TabbedPanelsContentGroup {
	background: #FFFFFF !important;
	border-top: none !important;
}

/* End tabbedpanels final folder ui */

/* Admin sidebar hierarchy indent corrected */

/* Correct hierarchy */

/* Top-level normal rows */

body:not(.collapse-menu) .border-right .listing > ul > ul > li > a:not(.listing2),
body:not(.collapse-menu) .border-right .listicon > ul > ul > li > a:not(.listing2),
body .border-right:hover .listing > ul > ul > li > a:not(.listing2),
body .border-right:hover .listicon > ul > ul > li > a:not(.listing2),
body.collapse-menu .border-right:hover .listing > ul > ul > li > a:not(.listing2),
body.collapse-menu .border-right:hover .listicon > ul > ul > li > a:not(.listing2) {
	display: block !important;
	width: 100% !important;
	min-height: 25px !important;
	height: 25px !important;
	line-height: 25px !important;
	padding: 0 16px 0 52px !important;
	margin: 0 !important;
	box-sizing: border-box !important;
	font-size: 15px !important;
	font-weight: normal !important;
	text-align: left !important;
	color: var(--eb-text) !important;
	text-decoration: none !important;
	border-radius: 6px !important;
	background: transparent !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
}

/* Top-level parent dropdown rows with ▼ / ▲ */

body:not(.collapse-menu) .border-right .listing > ul > ul > li:has(> span[onclick]),
body:not(.collapse-menu) .border-right .listicon > ul > ul > li:has(> span[onclick]),
body .border-right:hover .listing > ul > ul > li:has(> span[onclick]),
body .border-right:hover .listicon > ul > ul > li:has(> span[onclick]),
body.collapse-menu .border-right:hover .listing > ul > ul > li:has(> span[onclick]),
body.collapse-menu .border-right:hover .listicon > ul > ul > li:has(> span[onclick]) {
	display: block !important;
	width: 100% !important;
	min-height: 25px !important;
	height: auto !important;
	line-height: 25px !important;
	padding: 0 16px 0 18px !important;
	margin: 0 !important;
	box-sizing: border-box !important;
	font-size: 15px !important;
	text-align: left !important;
	color: var(--eb-text) !important;
	background: transparent !important;
	white-space: nowrap !important;
	overflow: visible !important;
}

/* Parent text before ▼ / ▲ */

body:not(.collapse-menu) .border-right .listing > ul > ul > li:has(> span[onclick]) > a:not(.listing2),
body:not(.collapse-menu) .border-right .listicon > ul > ul > li:has(> span[onclick]) > a:not(.listing2),
body .border-right:hover .listing > ul > ul > li:has(> span[onclick]) > a:not(.listing2),
body .border-right:hover .listicon > ul > ul > li:has(> span[onclick]) > a:not(.listing2),
body.collapse-menu .border-right:hover .listing > ul > ul > li:has(> span[onclick]) > a:not(.listing2),
body.collapse-menu .border-right:hover .listicon > ul > ul > li:has(> span[onclick]) > a:not(.listing2) {
	display: inline !important;
	width: auto !important;
	max-width: none !important;
	min-height: 0 !important;
	height: auto !important;
	line-height: 25px !important;
	padding: 0 !important;
	margin: 0 !important;
	box-sizing: border-box !important;
	font-size: 15px !important;
	font-weight: normal !important;
	color: var(--eb-text) !important;
	background: transparent !important;
	text-align: left !important;
	text-decoration: none !important;
	white-space: nowrap !important;
	overflow: visible !important;
}

/* ▼ / ▲ beside parent text */

body:not(.collapse-menu) .border-right .listing > ul > ul > li:has(> span[onclick]) > span[onclick],
body:not(.collapse-menu) .border-right .listicon > ul > ul > li:has(> span[onclick]) > span[onclick],
body .border-right:hover .listing > ul > ul > li:has(> span[onclick]) > span[onclick],
body .border-right:hover .listicon > ul > ul > li:has(> span[onclick]) > span[onclick],
body.collapse-menu .border-right:hover .listing > ul > ul > li:has(> span[onclick]) > span[onclick],
body.collapse-menu .border-right:hover .listicon > ul > ul > li:has(> span[onclick]) > span[onclick] {
	display: inline !important;
	visibility: visible !important;
	width: auto !important;
	height: auto !important;
	padding: 0 !important;
	margin: 0 0 0 6px !important;
	line-height: 25px !important;
	font-size: 15px !important;
	color: #000 !important;
	vertical-align: baseline !important;
	cursor: pointer !important;
	background: transparent !important;
	overflow: visible !important;
}

/* Submenu wrapper: this is the child level */

body:not(.collapse-menu) .border-right .listing > ul > ul > li > ul.listing2[id],
body:not(.collapse-menu) .border-right .listicon > ul > ul > li > ul.listing2[id],
body .border-right:hover .listing > ul > ul > li > ul.listing2[id],
body .border-right:hover .listicon > ul > ul > li > ul.listing2[id],
body.collapse-menu .border-right:hover .listing > ul > ul > li > ul.listing2[id],
body.collapse-menu .border-right:hover .listicon > ul > ul > li > ul.listing2[id] {
	display: block !important;
	width: auto !important;
	max-width: none !important;
	padding: 0 !important;
	margin: 0 0 4px 22px !important;
	box-sizing: border-box !important;
	background: transparent !important;
	text-align: left !important;
	list-style: none !important;
	overflow: visible !important;
}

/* Respect JS hidden submenu state */

body .border-right .listing > ul > ul > li > ul.listing2[id][style*="display: none"],
body .border-right .listing > ul > ul > li > ul.listing2[id][style*="display:none"],
body .border-right .listicon > ul > ul > li > ul.listing2[id][style*="display: none"],
body .border-right .listicon > ul > ul > li > ul.listing2[id][style*="display:none"],
body.collapse-menu .border-right .listing > ul > ul > li > ul.listing2[id][style*="display: none"],
body.collapse-menu .border-right .listing > ul > ul > li > ul.listing2[id][style*="display:none"],
body.collapse-menu .border-right .listicon > ul > ul > li > ul.listing2[id][style*="display: none"],
body.collapse-menu .border-right .listicon > ul > ul > li > ul.listing2[id][style*="display:none"] {
	display: none !important;
}

/* Submenu rows with ▶ */

body:not(.collapse-menu) .border-right .listing > ul > ul > li > ul.listing2[id] > li.listing2,
body:not(.collapse-menu) .border-right .listicon > ul > ul > li > ul.listing2[id] > li.listing2,
body .border-right:hover .listing > ul > ul > li > ul.listing2[id] > li.listing2,
body .border-right:hover .listicon > ul > ul > li > ul.listing2[id] > li.listing2,
body.collapse-menu .border-right:hover .listing > ul > ul > li > ul.listing2[id] > li.listing2,
body.collapse-menu .border-right:hover .listicon > ul > ul > li > ul.listing2[id] > li.listing2 {
	display: block !important;
	width: 100% !important;
	min-height: 24px !important;
	height: 24px !important;
	line-height: 24px !important;
	padding: 0 !important;
	margin: 0 !important;
	box-sizing: border-box !important;
	text-align: left !important;
	font-size: 15px !important;
	color: #000 !important;
	background: transparent !important;
	white-space: nowrap !important;
	overflow: visible !important;
}

/* Submenu link text after ▶ */

body:not(.collapse-menu) .border-right .listing > ul > ul > li > ul.listing2[id] > li.listing2 > a.listing2,
body:not(.collapse-menu) .border-right .listicon > ul > ul > li > ul.listing2[id] > li.listing2 > a.listing2,
body .border-right:hover .listing > ul > ul > li > ul.listing2[id] > li.listing2 > a.listing2,
body .border-right:hover .listicon > ul > ul > li > ul.listing2[id] > li.listing2 > a.listing2,
body.collapse-menu .border-right:hover .listing > ul > ul > li > ul.listing2[id] > li.listing2 > a.listing2,
body.collapse-menu .border-right:hover .listicon > ul > ul > li > ul.listing2[id] > li.listing2 > a.listing2 {
	display: inline !important;
	width: auto !important;
	max-width: none !important;
	min-height: 0 !important;
	height: auto !important;
	line-height: 24px !important;
	padding: 0 0 0 8px !important;
	margin: 0 !important;
	box-sizing: border-box !important;
	background: transparent !important;
	color: var(--eb-text) !important;
	font-size: 15px !important;
	font-weight: normal !important;
	text-decoration: none !important;
	white-space: nowrap !important;
	overflow: visible !important;
}

/* End admin sidebar hierarchy indent corrected */

/* Sidebar parent / child tree indent */

/* Parent row: [icon] Parent */

body .border-right:hover .modules-heading,
body.collapse-menu .border-right:hover .modules-heading {
	display: flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
	gap: 8px !important;
	width: 100% !important;
	height: 28px !important;
	min-height: 28px !important;
	line-height: 24px !important;
	padding: 2px 14px 0 18px !important;
	margin: 5px 0 0 0 !important;
	background: transparent !important;
	color: var(--eb-text) !important;
	text-align: left !important;
	box-sizing: border-box !important;
	overflow: visible !important;
}

/* Parent icon */

body .border-right:hover .modules-heading .module-heading-icon,
body.collapse-menu .border-right:hover .modules-heading .module-heading-icon {
	display: inline-block !important;
	visibility: visible !important;
	width: 22px !important;
	height: 22px !important;
	max-width: 22px !important;
	max-height: 22px !important;
	margin: 0 !important;
	padding: 0 !important;
	flex: 0 0 22px !important;
	object-fit: contain !important;
}

/* Parent text */

body .border-right:hover .modules-heading strong,
body.collapse-menu .border-right:hover .modules-heading strong {
	display: inline-block !important;
	visibility: visible !important;
	width: auto !important;
	height: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	color: var(--eb-text) !important;
	font-size: 15px !important;
	font-weight: bold !important;
	line-height: 22px !important;
	white-space: nowrap !important;
	overflow: visible !important;
}

/* Child container reset */

body .border-right:hover .listing,
body .border-right:hover .listicon,
body.collapse-menu .border-right:hover .listing,
body.collapse-menu .border-right:hover .listicon {
	display: block !important;
	visibility: visible !important;
	width: 100% !important;
	height: auto !important;
	max-height: none !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: visible !important;
	float: none !important;
	box-sizing: border-box !important;
}

/* Remove old nested UL indentation */

body .border-right:hover .listing ul,
body .border-right:hover .listing ul ul,
body .border-right:hover .listicon ul,
body .border-right:hover .listicon ul ul,
body.collapse-menu .border-right:hover .listing ul,
body.collapse-menu .border-right:hover .listing ul ul,
body.collapse-menu .border-right:hover .listicon ul,
body.collapse-menu .border-right:hover .listicon ul ul {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

/* Child rows: indented under parent text */

body .border-right:hover .listing ul li,
body .border-right:hover .listicon ul li,
body.collapse-menu .border-right:hover .listing ul li,
body.collapse-menu .border-right:hover .listicon ul li {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
	background: transparent !important;
	box-sizing: border-box !important;
}

/* Child links */

body .border-right:hover .listing ul li a,
body .border-right:hover .listicon ul li a,
body.collapse-menu .border-right:hover .listing ul li a,
body.collapse-menu .border-right:hover .listicon ul li a {
	display: block !important;
	width: 100% !important;
	min-height: 24px !important;
	height: 24px !important;
	line-height: 24px !important;
	padding: 0 14px 0 52px !important;
	margin: 0 !important;
	box-sizing: border-box !important;
	text-align: left !important;
	font-size: 14px !important;
	font-weight: normal !important;
	color: var(--eb-text) !important;
	text-decoration: none !important;
	border-radius: 6px !important;
	background: transparent !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
}

/* Hide child icons; only parents keep icons */

body .border-right:hover .listing ul li a img,
body .border-right:hover .listicon ul li a img,
body.collapse-menu .border-right:hover .listing ul li a img,
body.collapse-menu .border-right:hover .listicon ul li a img {
	display: none !important;
	visibility: hidden !important;
	width: 0 !important;
	height: 0 !important;
	max-width: 0 !important;
	max-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* Child hover */

body .border-right:hover .listing ul li a:hover,
body .border-right:hover .listicon ul li a:hover,
body.collapse-menu .border-right:hover .listing ul li a:hover,
body.collapse-menu .border-right:hover .listicon ul li a:hover {
	background-color: #eeeeee !important;
	color: var(--eb-text) !important;
	text-decoration: none !important;
}

/* Ref # input aligns with child text */

body .border-right:hover #ressearch,
body.collapse-menu .border-right:hover #ressearch {
	margin: 8px 14px 0 52px !important;
	width: calc(100% - 66px) !important;
	box-sizing: border-box !important;
}

/* End sidebar parent / child tree indent */

/* Common Profile popup */

#CommonProfile[open] {
	max-width: 50% !important;
	min-width: 0 !important;
	max-height: calc(100vh - 64px) !important;
	padding: 12px !important;
	box-sizing: border-box !important;
	overflow-x: hidden !important;
	overflow-y: auto !important;
}

#CommonProfile[open],
#CommonProfile[open] * {
	box-sizing: border-box !important;
}

/* Top Guest section */
#CommonProfile[open] > fieldset.commonfieldset {
	width: calc(100% - 8px) !important;
	min-width: 0 !important;
	max-width: none !important;
	margin: 4px !important;
	padding: 6px !important;
}

#CommonProfile[open] > fieldset.commonfieldset > table {
	width: 100% !important;
	max-width: 100% !important;
	table-layout: auto !important;
	margin: 0 !important;
}

/* Phones, emails, addresses, identity and loyalty layout */
#CommonProfile[open] > table {
	width: 100% !important;
	min-width: 100% !important;
	max-width: 100% !important;
	table-layout: auto !important;
	margin: 0 !important;
}

#CommonProfile[open] > table > tbody > tr > td {
	width: 50% !important;
	max-width: 50% !important;
	padding: 4px !important;
	vertical-align: top !important;
}

#CommonProfile[open] > table > tbody > tr > td[colspan="2"] {
	width: 100% !important;
	max-width: 100% !important;
}

#CommonProfile[open] > table > tbody > tr > td > fieldset.commonfieldset {
	width: 100% !important;
	min-width: 0 !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 8px !important;
}
/* Lower Common Profile form */
#CommonProfile[open] .common-profile-details-table {
	display: table !important;
	width: 100% !important;
	min-width: 100% !important;
	max-width: 100% !important;
	table-layout: fixed !important;
	margin: 0 !important;
	border-collapse: collapse !important;
}

#CommonProfile[open]
.common-profile-details-table
> tbody
> tr
> td {
	width: 50% !important;
	max-width: 50% !important;
	padding: 4px !important;
	vertical-align: top !important;
	box-sizing: border-box !important;
}

#CommonProfile[open]
.common-profile-details-table
> tbody
> tr
> td[colspan="2"] {
	width: 100% !important;
	max-width: 100% !important;
}

#CommonProfile[open]
.common-profile-details-table
> tbody
> tr
> td
> fieldset.commonfieldset {
	width: 100% !important;
	min-width: 0 !important;
	max-width: 100% !important;
	margin: 0 !important;
	box-sizing: border-box !important;
}

#CommonProfile[open]
.common-profile-details-table
> tbody
> tr
> td
> fieldset.commonfieldset
> select,

#CommonProfile[open]
.common-profile-details-table
> tbody
> tr
> td
> fieldset.commonfieldset
> input,

#CommonProfile[open]
.common-profile-details-table
> tbody
> tr
> td
> fieldset.commonfieldset
> textarea {
	width: 100% !important;
	min-width: 0 !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
}

/* Fill each section without retaining the old fixed 358px widths */
#CommonProfile[open] > table > tbody > tr > td > fieldset.commonfieldset > select,
#CommonProfile[open] > table > tbody > tr > td > fieldset.commonfieldset > input,
#CommonProfile[open] > table > tbody > tr > td > fieldset.commonfieldset > textarea {
	width: 100% !important;
	min-width: 0 !important;
	max-width: 100% !important;
}

/* Top Guest inputs */
#CommonProfile[open] #NewFirstName,
#CommonProfile[open] #NewMiddleName,
#CommonProfile[open] #NewLastName {
	width: 100% !important;
	min-width: 0 !important;
	max-width: 100% !important;
}

/* Keep action buttons readable */
#CommonProfile[open] .button {
	min-width: auto !important;
	white-space: nowrap !important;
}

/* Standard hotel table theme */

.hotel-standard-table {
	width: 100%;
	border-collapse: collapse;
	background: #ffffff;
	border: 1px solid #d5d5d5;
	color: #222222;
}

.hotel-standard-table th {
	background: #333333;
	color: #ffffff;
	border: 1px solid #d5d5d5;
	font-weight: bold;
	padding: 6px 8px;
}

.hotel-standard-table th div {
	color: #ffffff;
}

.hotel-standard-table td {
	border: 1px solid #d5d5d5;
	color: #222222;
	padding: 6px 8px;
	vertical-align: middle;
}

.hotel-standard-table .rowO td,
.hotel-standard-table tr.rowO td {
	background: #ffffff;
	color: #222222;
}

.hotel-standard-table .rowE td,
.hotel-standard-table tr.rowE td {
	background: #f7f7f7;
	color: #222222;
}

.hotel-standard-table .rowS td,
.hotel-standard-table tr.rowS td {
	background: #fff3b0;
	color: #222222;
}

.hotel-standard-table input,
.hotel-standard-table select,
.hotel-standard-table button {
	color: #111111;
}
/* Task & Reminders page wrapper */
.tasklist-wrap {
	width: 100%;
	height: calc(100vh - 150px);
	min-height: 450px;
	overflow: auto;
	box-sizing: border-box;
}
/* Service Log List table */
.service-log-table {
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
}

.service-log-table th,
.service-log-table td {
	padding: 4px 6px;
	font-size: 13px;
	vertical-align: middle;
}

.service-log-table th:nth-child(1),
.service-log-table td:nth-child(1) {
	width: 90px;
	text-align: center;
}

.service-log-table th:nth-child(2),
.service-log-table td:nth-child(2) {
	width: 55px;
}

.service-log-table th:nth-child(3),
.service-log-table td:nth-child(3),
.service-log-table th:nth-child(4),
.service-log-table td:nth-child(4) {
	width: 90px;
}

.service-log-table th:nth-child(5),
.service-log-table td:nth-child(5) {
	width: 180px;
}

.service-log-table th:nth-child(6),
.service-log-table td:nth-child(6) {
	width: 120px;
}

.service-log-table th:nth-child(7),
.service-log-table td:nth-child(7) {
	width: 130px;
}

.service-log-table th:nth-child(8),
.service-log-table td:nth-child(8) {
	width: 90px;
}

.service-log-table th:nth-child(9),
.service-log-table td:nth-child(9) {
	width: 160px;
}
/* Rooms list table */
.rooms-list-table {
	width: 100%;
	border-collapse: collapse;
}

.rooms-list-table th,
.rooms-list-table td {
	padding: 4px 6px;
	font-size: 13px;
	vertical-align: middle;
}

/* Overdue occupied room warning */
.rooms-list-table tr.room-overdue td {
	background: #fff3b0;
	color: #222222;
}
/* Walk Ups room selector inner table */
.walkup-room-select-table {
	width: 100%;
	border-collapse: collapse;
	border: none;
	background: transparent;
}

.walkup-room-select-table td {
	border: none;
	background: transparent;
	padding: 4px 6px;
	vertical-align: middle;
}

.walkup-room-select-table td:first-child {
	width: 45%;
	white-space: nowrap;
}

.walkup-room-select-table td:last-child {
	width: 55%;
	text-align: right;
}

.walkup-room-select-table select {
	max-width: 260px;
	width: 100%;
}
/* Booking / Check-in compact fieldsets */
#TabbedPanels1 .TabbedPanelsContent fieldset {
	margin: 4px 0 !important;
	padding: 8px 10px !important;
}

#TabbedPanels1 .TabbedPanelsContent fieldset legend {
	padding: 0 8px !important;
}

#TabbedPanels1 .TabbedPanelsContent fieldset table td {
	padding-top: 3px !important;
	padding-bottom: 3px !important;
}
/* Sidebar menu should scroll when content is taller than screen */
body .listing-table > tbody > tr > td.border-right > div,
body.collapse-menu .listing-table > tbody > tr > td.border-right > div {
	height: 100vh !important;
	max-height: 100vh !important;
	overflow-y: auto !important;
	overflow-x: hidden !important;
	padding-bottom: 20px !important;
	box-sizing: border-box !important;
}

body .listing-table > tbody > tr > td.border-right > div::-webkit-scrollbar,
body.collapse-menu .listing-table > tbody > tr > td.border-right > div::-webkit-scrollbar {
	width: 8px !important;
	display: block !important;
}

/* Booking / Check In page - fit at 100% browser zoom, no page scroll */

/* Only affect the content cell that contains the booking/check-in full screen div */
body .listing-table > tbody > tr > td:not(.border-right):has(#fullscreendiv),
body .listing-table > tbody > tr > td:last-child:has(#fullscreendiv),
body.collapse-menu .listing-table > tbody > tr > td:not(.border-right):has(#fullscreendiv),
body.collapse-menu .listing-table > tbody > tr > td:last-child:has(#fullscreendiv) {
	overflow-y: hidden !important;
	overflow-x: hidden !important;
	scrollbar-width: none !important;
	-ms-overflow-style: none !important;
}

body .listing-table > tbody > tr > td:not(.border-right):has(#fullscreendiv)::-webkit-scrollbar,
body .listing-table > tbody > tr > td:last-child:has(#fullscreendiv)::-webkit-scrollbar,
body.collapse-menu .listing-table > tbody > tr > td:not(.border-right):has(#fullscreendiv)::-webkit-scrollbar,
body.collapse-menu .listing-table > tbody > tr > td:last-child:has(#fullscreendiv)::-webkit-scrollbar {
	display: none !important;
	width: 0 !important;
	height: 0 !important;
}

/* The previous CSS hid the scrollbar, but the form was still taller than the viewport */
#fullscreendiv {
	zoom: 0.92 !important;
	width: 108.7% !important;
	height: calc(100vh - var(--eb-header-height) - var(--eb-nav-height) + 35px) !important;
	max-height: calc(100vh - var(--eb-header-height) - var(--eb-nav-height) + 35px) !important;
	overflow: hidden !important;
	box-sizing: border-box !important;
}

/* Booking/check-in tab uses .scrolltab. Do not let it create another scrollbar. */
#fullscreendiv .scrolltab {
	height: calc(100vh - var(--eb-header-height) - var(--eb-nav-height) - 70px) !important;
	min-height: 0 !important;
	max-height: calc(100vh - var(--eb-header-height) - var(--eb-nav-height) - 70px) !important;
	overflow: hidden !important;
	box-sizing: border-box !important;
	scrollbar-width: none !important;
	-ms-overflow-style: none !important;
}

#fullscreendiv .scrolltab::-webkit-scrollbar {
	display: none !important;
	width: 0 !important;
	height: 0 !important;
}

#fullscreendiv #TabbedPanels1 .TabbedPanelsContentGroup {
	padding: 3px 5px !important;
	overflow: hidden !important;
	box-sizing: border-box !important;
}

#fullscreendiv #TabbedPanels1 .TabbedPanelsContent {
	overflow: hidden !important;
	box-sizing: border-box !important;
}

#fullscreendiv .TabbedPanelsTabGroup {
	margin-bottom: 0 !important;
}

#fullscreendiv .TabbedPanelsTab {
	padding-top: 5px !important;
	padding-bottom: 5px !important;
	line-height: 18px !important;
}

#fullscreendiv fieldset {
	margin: 1px 0 !important;
	padding: 3px 7px !important;
	box-sizing: border-box !important;
}

#fullscreendiv legend {
	font-size: 12px !important;
	padding: 0 7px !important;
}

#fullscreendiv table {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

#fullscreendiv td {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	font-size: 12px !important;
	line-height: 1.15 !important;
}

#fullscreendiv h2 {
	margin: 0 0 4px 0 !important;
	padding-top: 0 !important;
	font-size: 17px !important;
	line-height: 1.15 !important;
}

/* Compact fields */
#fullscreendiv input[type="text"],
#fullscreendiv input[type="number"],
#fullscreendiv input[type="date"],
#fullscreendiv input[type="datetime-local"],
#fullscreendiv select {
	height: 26px !important;
	min-height: 26px !important;
	font-size: 12px !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	box-sizing: border-box !important;
}

/* Compact buttons */
#fullscreendiv .button,
#fullscreendiv input[type="button"],
#fullscreendiv input[type="submit"],
#fullscreendiv button {
	height: 30px !important;
	min-height: 30px !important;
	font-size: 18px !important;
	padding: 3px 18px !important;
	box-sizing: border-box !important;
}

#fullscreendiv textarea {
	font-size: 12px !important;
	line-height: 1.2 !important;
	box-sizing: border-box !important;
}

/* Right Instructions/Notes box was one of the biggest height users see */
#fullscreendiv textarea[name="instructions"],
#fullscreendiv textarea#instructions {
	width: 100% !important;
	min-height: 156px !important;
	max-height: none !important;

	resize: vertical !important;
	overflow-y: hidden !important;
	overflow-x: hidden !important;

	box-sizing: border-box !important;
}

#fullscreendiv img {
	max-height: 30px;
}

#fullscreendiv input[type="image"] {
	max-height: 30px !important;
	width: auto !important;
}
/* Booking / Check In page - allow scroll when screen/window is smaller */
@media (max-height: 820px), (max-width: 1366px) {
	body .listing-table > tbody > tr > td:not(.border-right):has(#fullscreendiv),
	body .listing-table > tbody > tr > td:last-child:has(#fullscreendiv),
	body.collapse-menu .listing-table > tbody > tr > td:not(.border-right):has(#fullscreendiv),
	body.collapse-menu .listing-table > tbody > tr > td:last-child:has(#fullscreendiv) {
		overflow-y: auto !important;
		overflow-x: hidden !important;
		scrollbar-width: auto !important;
		-ms-overflow-style: auto !important;
	}

	body .listing-table > tbody > tr > td:not(.border-right):has(#fullscreendiv)::-webkit-scrollbar,
	body .listing-table > tbody > tr > td:last-child:has(#fullscreendiv)::-webkit-scrollbar,
	body.collapse-menu .listing-table > tbody > tr > td:not(.border-right):has(#fullscreendiv)::-webkit-scrollbar,
	body.collapse-menu .listing-table > tbody > tr > td:last-child:has(#fullscreendiv)::-webkit-scrollbar {
		display: block !important;
		width: 8px !important;
	}

	#fullscreendiv {
		height: auto !important;
		max-height: none !important;
		overflow: visible !important;
	}

	#fullscreendiv .scrolltab {
		height: auto !important;
		max-height: none !important;
		overflow: visible !important;
		scrollbar-width: auto !important;
		-ms-overflow-style: auto !important;
	}

	#fullscreendiv .scrolltab::-webkit-scrollbar {
		display: block !important;
		width: 8px !important;
	}
}

/* Custom Reports table theme */
#reportlist {
	width: 100% !important;
	border-collapse: collapse !important;
	border: 1px solid #333333 !important;
	background: #ffffff !important;
}

#reportlist > tbody > tr > td {
	padding: 5px 10px !important;
	border-bottom: 1px solid #d6d6d6 !important;
	color: #111111 !important;
	font-size: 14px !important;
	vertical-align: middle !important;
}

#reportlist > tbody > tr.rowE > td {
	background: #ffffff !important;
	color: #111111 !important;
}

#reportlist > tbody > tr.rowO > td {
	background: #eeeeee !important;
	color: #111111 !important;
}

/* Selected custom report = yellow */
#reportlist > tbody > tr.rowS > td {
	background: #fff15a !important;
	color: #000000 !important;
	font-weight: bold !important;
}

#reportlist > tbody > tr.rowS:hover > td {
	background: #fff15a !important;
	color: #000000 !important;
}

/* Radio column */
#reportlist > tbody > tr > td:first-child {
	width: 35px !important;
	text-align: center !important;
}

/* Report title column */
#reportlist > tbody > tr > td:nth-child(2) {
	width: 320px !important;
	font-weight: bold !important;
}

/* Keep links readable */
#reportlist a,
#reportlist tr.rowS a {
	color: #000000 !important;
	text-decoration: none !important;
}

/* Policy List standard table theme */
.policy-list-table {
	width: 100% !important;
	border-collapse: collapse !important;
	border: 1px solid #333333 !important;
	background: #ffffff !important;
	table-layout: fixed !important;
}

.policy-list-table th {
	background: #000000 !important;
	color: #ffffff !important;
	border: 1px solid #333333 !important;
	padding: 6px 8px !important;
	font-weight: bold !important;
	text-align: center !important;
	vertical-align: middle !important;
}

.policy-list-table td {
	border: 1px solid #d6d6d6 !important;
	padding: 6px 8px !important;
	color: #111111 !important;
	font-size: 14px !important;
	vertical-align: middle !important;
	background: #ffffff !important;
}

.policy-list-table tr.rowO td {
	background: #ffffff !important;
	color: #111111 !important;
}

.policy-list-table tr.rowE td {
	background: #eeeeee !important;
	color: #111111 !important;
}

.policy-list-table tr:hover td {
	background: #dcdcdc !important;
	color: #000000 !important;
}

.policy-list-table td:first-child {
	width: 38px !important;
	text-align: center !important;
}

.policy-list-table th:first-child {
	width: 38px !important;
}

.policy-list-table th:nth-child(2),
.policy-list-table td:nth-child(2) {
	width: 70px !important;
	text-align: center !important;
}

.policy-list-table th:nth-child(3),
.policy-list-table td:nth-child(3) {
	width: 180px !important;
}

.policy-list-table th:nth-child(4),
.policy-list-table td:nth-child(4) {
	width: 70px !important;
	text-align: center !important;
}

.policy-list-table th:nth-child(6),
.policy-list-table td:nth-child(6) {
	width: 90px !important;
	text-align: center !important;
}

.policy-list-table td:nth-child(5) {
	white-space: normal !important;
	line-height: 1.35 !important;
}

/* Sidebar menu hover - final grey override */

/* Top-level sidebar menu items, for example Reservation / Invoice / Search */
body:not(.collapse-menu) .border-right .listing > ul > ul > li > a:not(.listing2):hover,
body:not(.collapse-menu) .border-right .listicon > ul > ul > li > a:not(.listing2):hover,
body .border-right:hover .listing > ul > ul > li > a:not(.listing2):hover,
body .border-right:hover .listicon > ul > ul > li > a:not(.listing2):hover,
body.collapse-menu .border-right:hover .listing > ul > ul > li > a:not(.listing2):hover,
body.collapse-menu .border-right:hover .listicon > ul > ul > li > a:not(.listing2):hover {
	background: #eeeeee !important;
	background-color: #eeeeee !important;
	color: #000000 !important;
	text-decoration: none !important;
}

/* Normal child menu links */
body .border-right:hover .listing ul li a:hover,
body .border-right:hover .listicon ul li a:hover,
body.collapse-menu .border-right:hover .listing ul li a:hover,
body.collapse-menu .border-right:hover .listicon ul li a:hover {
	background: #eeeeee !important;
	background-color: #eeeeee !important;
	color: #000000 !important;
	text-decoration: none !important;
}

/* Submenu links using .listing2 */
body:not(.collapse-menu) .border-right ul.listing2[id] > li.listing2:hover,
body .border-right:hover ul.listing2[id] > li.listing2:hover,
body.collapse-menu .border-right:hover ul.listing2[id] > li.listing2:hover {
	background: #eeeeee !important;
	background-color: #eeeeee !important;
	color: #000000 !important;
	border-radius: 5px !important;
}

body:not(.collapse-menu) .border-right ul.listing2[id] > li.listing2 > a.listing2:hover,
body .border-right:hover ul.listing2[id] > li.listing2 > a.listing2:hover,
body.collapse-menu .border-right:hover ul.listing2[id] > li.listing2 > a.listing2:hover {
	background: transparent !important;
	color: #000000 !important;
	text-decoration: none !important;
}

/* Administration menu layout */

/* Top-level Administration rows */
body .border-right:has(.modules-heading img[src*="admin_icon"]) .listing > ul > ul > li {
	display: block !important;
	position: relative !important;
	width: 100% !important;
	min-height: 24px !important;
	line-height: 24px !important;
	padding: 0 !important;
	margin: 0 !important;
	box-sizing: border-box !important;
	text-align: left !important;
	background: transparent !important;
	list-style: none !important;
}

/* Normal Administration links */
body .border-right:has(.modules-heading img[src*="admin_icon"]) .listing > ul > ul > li > a:not(.listing2) {
	display: block !important;
	width: 100% !important;
	height: 24px !important;
	min-height: 24px !important;
	line-height: 24px !important;
	padding: 0 14px 0 52px !important;
	margin: 0 !important;
	box-sizing: border-box !important;
	text-align: left !important;
	font-size: 14px !important;
	font-weight: normal !important;
	color: var(--eb-text) !important;
	background: transparent !important;
	text-decoration: none !important;
	border-radius: 6px !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
}

/* Administration parent rows */
body .border-right:has(.modules-heading img[src*="admin_icon"]) .listing > ul > ul > li:has(> .admin-parent-icon) > a:not(.listing2) {
	font-weight: 700 !important;
}

/* Administration parent icons */
body .border-right:has(.modules-heading img[src*="admin_icon"]) .listing > ul > ul > li > .admin-parent-icon {
	display: block !important;
	visibility: visible !important;
	position: absolute !important;
	left: 24px !important;
	top: 3px !important;
	width: 18px !important;
	height: 18px !important;
	max-width: 18px !important;
	max-height: 18px !important;
	margin: 0 !important;
	padding: 0 !important;
	object-fit: contain !important;
}

/* Administration children are always open */
body .border-right:has(.modules-heading img[src*="admin_icon"]) .listing > ul > ul > li > ul.listing2[id] {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	width: 100% !important;
	max-width: 100% !important;
	height: auto !important;
	max-height: none !important;
	padding: 0 !important;
	margin: 0 0 4px 0 !important;
	box-sizing: border-box !important;
	background: transparent !important;
	text-align: left !important;
	list-style: none !important;
	overflow: visible !important;
}

/* Administration child rows */
body .border-right:has(.modules-heading img[src*="admin_icon"]) .listing > ul > ul > li > ul.listing2[id] > li.listing2 {
	display: block !important;
	position: relative !important;
	left: 0 !important;
	width: 100% !important;
	height: 24px !important;
	min-height: 24px !important;
	line-height: 24px !important;
	padding: 0 !important;
	margin: 0 !important;
	box-sizing: border-box !important;
	text-align: left !important;
	font-size: 14px !important;
	font-weight: normal !important;
	color: var(--eb-text) !important;
	background: transparent !important;
	white-space: nowrap !important;
	overflow: hidden !important;
}

/* Administration child links */
body .border-right:has(.modules-heading img[src*="admin_icon"]) .listing > ul > ul > li > ul.listing2[id] > li.listing2 > a.listing2 {
	display: block !important;
	width: 100% !important;
	height: 24px !important;
	min-height: 24px !important;
	line-height: 24px !important;
	padding: 0 14px 0 52px !important;
	margin: 0 !important;
	box-sizing: border-box !important;
	text-align: left !important;
	font-size: 14px !important;
	font-weight: normal !important;
	color: var(--eb-text) !important;
	background: transparent !important;
	text-decoration: none !important;
	border-radius: 6px !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
}

/* Administration hover */
body .border-right:has(.modules-heading img[src*="admin_icon"]) .listing > ul > ul > li > a:not(.listing2):hover,
body .border-right:has(.modules-heading img[src*="admin_icon"]) .listing > ul > ul > li > ul.listing2[id] > li.listing2 > a.listing2:hover {
	background: #eeeeee !important;
	color: #000000 !important;
	text-decoration: none !important;
}

/* Short-screen and mobile bottom clearance */

/*
 * Desktop short-screen behaviour:
 * allow the Booking / Check In content cell to scroll only when needed,
 * but do not create artificial blank space below the form.
 */
@media (max-width: 1366px) and (pointer: fine),
       (max-height: 820px) and (pointer: fine) {
	body .listing-table > tbody > tr > td:not(.border-right):has(#fullscreendiv),
	body .listing-table > tbody > tr > td:last-child:has(#fullscreendiv),
	body.collapse-menu .listing-table > tbody > tr > td:not(.border-right):has(#fullscreendiv),
	body.collapse-menu .listing-table > tbody > tr > td:last-child:has(#fullscreendiv) {
		padding-bottom: 0 !important;
		scroll-padding-bottom: 0 !important;
	}

	#fullscreendiv {
		padding-bottom: 0 !important;
	}

	#fullscreendiv .scrolltab {
		padding-bottom: 8px !important;
	}
}

/* Booking and check-in pages contain older fixed-height panels */
@media (pointer: coarse) and (max-width: 1366px),
       (pointer: coarse) and (max-height: 820px) {
	:root {
		--eb-mobile-bottom-clearance: calc(
			72px + env(safe-area-inset-bottom, 0px)
		);
	}

	/* Main content remains the scroll container. */
	body .listing-table > tbody > tr > td:not(.border-right),
	body .listing-table > tbody > tr > td:last-child,
	body.collapse-menu .listing-table > tbody > tr > td:not(.border-right),
	body.collapse-menu .listing-table > tbody > tr > td:last-child {
		height: calc(
			100dvh - var(--eb-header-height) - var(--eb-nav-height)
		) !important;
		max-height: calc(
			100dvh - var(--eb-header-height) - var(--eb-nav-height)
		) !important;
		overflow-y: auto !important;
		overflow-x: hidden !important;
		padding-bottom: var(--eb-mobile-bottom-clearance) !important;
		scroll-padding-bottom: var(--eb-mobile-bottom-clearance) !important;
		box-sizing: border-box !important;
	}

	/* Earlier desktop rules give this wrapper a fixed height and hide */
	#fullscreendiv {
		height: auto !important;
		min-height: calc(
			100dvh - var(--eb-header-height) - var(--eb-nav-height)
		) !important;
		max-height: none !important;
		overflow: visible !important;
		padding-bottom: var(--eb-mobile-bottom-clearance) !important;
		box-sizing: border-box !important;
	}

	#fullscreendiv .scrolltab {
		height: auto !important;
		min-height: 0 !important;
		max-height: none !important;
		overflow: visible !important;
		padding-bottom: 24px !important;
		box-sizing: border-box !important;
		scrollbar-width: auto !important;
		-ms-overflow-style: auto !important;
	}

	#fullscreendiv #TabbedPanels1 .TabbedPanelsContentGroup,
	#fullscreendiv #TabbedPanels1 .TabbedPanelsContent {
		height: auto !important;
		min-height: 0 !important;
		max-height: none !important;
		overflow: visible !important;
		box-sizing: border-box !important;
	}

	/* Other legacy scroll areas also keep their final controls clear. */
	body .listing-table .scroll,
	body .listing-table .scroll2,
	body .listing-table .scrolltab,
	body .listing-table .scrolltabinv,
	body .listing-table .scrolltabinvWide,
	body .listing-table .scrolltable,
	body .listing-table .scrolltable2,
	body .listing-table .scrolltable3,
	body .listing-table .scrolltable4,
	body .listing-table .mainColor,
	body .listing-table .mainColor2 {
		scroll-padding-bottom: var(--eb-mobile-bottom-clearance) !important;
		box-sizing: border-box !important;
	}

	/* Sidebar can still reach its final controls. */
	body .listing-table > tbody > tr > td.border-right > div,
	body.collapse-menu .listing-table > tbody > tr > td.border-right > div {
		padding-bottom: var(--eb-mobile-bottom-clearance) !important;
		scroll-padding-bottom: var(--eb-mobile-bottom-clearance) !important;
	}
}

/* Final expanded Ref # / Read Key alignment override */

/* Older sidebar rules target #ressearch directly and add a */
body .listing-table > tbody > tr > td.border-right:hover #ressearch.sidebar-reference-input,
body.collapse-menu .listing-table > tbody > tr > td.border-right:hover #ressearch.sidebar-reference-input{
	display: block !important;
	align-self: stretch !important;

	width: 100% !important;
	min-width: 0 !important;
	max-width: none !important;
	height: 100% !important;
	min-height: 0 !important;
	max-height: none !important;

	margin: 0 !important;
	padding: 0 9px !important;

	position: static !important;
	top: auto !important;
	left: auto !important;
	transform: none !important;

	background: #ffffff !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	outline: none !important;

	line-height: 32px !important;
	vertical-align: middle !important;
	box-sizing: border-box !important;
}

/* Keep both joined controls exactly level. */
body .listing-table > tbody > tr > td.border-right:hover .sidebar-read-key-group,
body.collapse-menu .listing-table > tbody > tr > td.border-right:hover .sidebar-read-key-group{
	align-items: stretch !important;
}

body .listing-table > tbody > tr > td.border-right:hover .sidebar-read-key-button,
body.collapse-menu .listing-table > tbody > tr > td.border-right:hover .sidebar-read-key-button{
	align-self: stretch !important;
	height: 100% !important;
	min-height: 0 !important;
	max-height: none !important;
	margin: 0 !important;
	top: auto !important;
	transform: none !important;
}

/* Hotel Setup tabs */

.hotel-setup-tabs > .TabbedPanelsTabGroup {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: stretch !important;

	width: 100% !important;
	margin: 0 !important;
	padding: 0 10px !important;

	border-bottom: 1px solid #d5d5d5 !important;
	box-sizing: border-box !important;
	overflow: visible !important;
}

.hotel-setup-tabs
> .TabbedPanelsTabGroup
> .TabbedPanelsTab {
	float: none !important;
	flex: 1 1 120px !important;

	min-width: 110px !important;
	min-height: 54px !important;

	display: flex !important;
	align-items: center !important;
	justify-content: center !important;

	margin: 0 !important;
	padding: 10px  flex !important;
	align-items: center !important;
	justify-content: center !important;

	margin: 0 !8px !important;

	position: relative !important;
	top: auto !important;

	background: #ffffff !important;
	background-image: none !important;

	border: 0 !important;
	border-bottom: 4px solid transparent !important;
	border-radius: 0 !important;

	color: #292056 !important;
	text-align: center !important;
	white-space: normal !important;
	box-sizing: border-box !important;
}

.hotel-setup-tabs
> .TabbedPanelsTabGroup
> .TabbedPanelsTab:hover {
	background: #f5f5f5 !important;
	color: #171717 !important;
}

.hotel-setup-tabs
> .TabbedPanelsTabGroup
> .TabbedPanelsTabSelected {
	background: #ffffff !important;
	background-image: none !important;

	color: #171717 !important;
	font-weight: 600 !important;

	border-bottom-color: #feee57 !important;
	filter: none !important;
}

/* Smaller screens: allow two rows instead of cutting tabs */
@media (max-width: 1000px) {
	.hotel-setup-tabs
	> .TabbedPanelsTabGroup
	> .TabbedPanelsTab {
		flex: 1 1 180px !important;
	}
}

/* Collapsed Administration menu icons */

.admin-collapsed-icons-row {
	display: table-row !important;
	visibility: visible !important;
	height: auto !important;
}

.admin-collapsed-icons-row > td {
	display: table-cell !important;
	visibility: visible !important;
	height: auto !important;
	padding: 0 !important;
}

.admin-collapsed-icons {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: flex-start !important;
	gap: 8px !important;
	width: 100% !important;
	height: auto !important;
	margin: 0 !important;
	padding: 4px 0 12px !important;
	box-sizing: border-box !important;
}

.admin-collapsed-icons a {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 46px !important;
	height: 46px !important;
	min-width: 46px !important;
	min-height: 46px !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	border-radius: 6px !important;
	box-shadow: none !important;
	box-sizing: border-box !important;
	overflow: visible !important;
}

.admin-collapsed-icons a:hover {
	background: #f2f2f2 !important;
}

.admin-collapsed-icons img {
	display: block !important;
	visibility: visible !important;
	width: 34px !important;
	height: 34px !important;
	min-width: 34px !important;
	min-height: 34px !important;
	max-width: 34px !important;
	max-height: 34px !important;
	margin: 0 !important;
	padding: 0 !important;
	object-fit: contain !important;
	flex: 0 0 34px !important;
}

body .border-right:hover .admin-collapsed-icons-row,
body.collapse-menu .border-right:hover .admin-collapsed-icons-row{
	display: none !important;
	visibility: hidden !important;
	height: 0 !important;
}

body .border-right:hover .listing,
body.collapse-menu .border-right:hover .listing{
	display: block !important;
	visibility: visible !important;
	height: auto !important;
}

/* HotelMIS sidebar hover feedback + delayed expansion */

:root {
	--eb-sidebar-hover-delay: 0.75s;
	--eb-sidebar-content-delay: 0.93s;
}

/* Immediate yellow loading strip */

body .listing-table > tbody > tr > td.border-right::after,
body.collapse-menu .listing-table > tbody > tr > td.border-right::after {
	content: "" !important;
	display: block !important;
	position: absolute !important;
	top: 0 !important;
	right: 0 !important;
	width: 4px !important;
	height: 100% !important;
	background: #FEEE57 !important;
	transform: scaleY(0) !important;
	transform-origin: top center !important;
	pointer-events: none !important;
	z-index: 999 !important;
	transition: transform 0s linear !important;
}

body .listing-table > tbody > tr > td.border-right:hover::after,
body.collapse-menu .listing-table > tbody > tr > td.border-right:hover::after {
	transform: scaleY(1) !important;
	transition: transform var(--eb-sidebar-hover-delay) linear !important;
}

/* Sidebar shell waits until yellow loading completes */

body .listing-table > tbody > tr > td.border-right,
body.collapse-menu .listing-table > tbody > tr > td.border-right,
body .headersm,
body.collapse-menu .headersm,
body .wrapper .navigation,
body .navigation,
body.collapse-menu .wrapper .navigation,
body.collapse-menu .navigation,
body .listing-table,
body.collapse-menu .listing-table {
	transition-delay: 0s !important;
}

body .listing-table > tbody > tr > td.border-right:hover,
body.collapse-menu .listing-table > tbody > tr > td.border-right:hover,
body:has(.listing-table > tbody > tr > td.border-right:hover) .headersm,
body:has(.listing-table > tbody > tr > td.border-right:hover) .wrapper .navigation,
body:has(.listing-table > tbody > tr > td.border-right:hover) .navigation,
body:has(.listing-table > tbody > tr > td.border-right:hover) .listing-table {
	transition-delay: var(--eb-sidebar-hover-delay) !important;
}

/* Sidebar logo */

body .border-right .sidebar-brand,
body.collapse-menu .border-right .sidebar-brand {
	transition:
		padding 0s linear,
		text-align 0s linear !important;
	transition-delay: 0s !important;
}

body .border-right:hover .sidebar-brand,
body.collapse-menu .border-right:hover .sidebar-brand {
	transition-delay:
		var(--eb-sidebar-content-delay),
		var(--eb-sidebar-content-delay) !important;
}

/* Keep both logo containers rendered so the old display:none hover swap */
body .border-right .sidebar-brand .brand,
body.collapse-menu .border-right .sidebar-brand .brand {
	display: block !important;
	visibility: hidden !important;
	opacity: 0 !important;
	max-height: 0 !important;
	overflow: hidden !important;
	transition:
		visibility 0s linear,
		opacity 0s linear,
		max-height 0s linear !important;
	transition-delay: 0s !important;
}

body .border-right .sidebar-brand .brand-collapse,
body.collapse-menu .border-right .sidebar-brand .brand-collapse {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	max-height: 120px !important;
	overflow: hidden !important;
	transition:
		visibility 0s linear,
		opacity 0s linear,
		max-height 0s linear !important;
	transition-delay: 0s !important;
}

body .border-right:hover .sidebar-brand .brand,
body.collapse-menu .border-right:hover .sidebar-brand .brand {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	max-height: 120px !important;
	transition-delay:
		var(--eb-sidebar-content-delay),
		var(--eb-sidebar-content-delay),
		var(--eb-sidebar-content-delay) !important;
}

body .border-right:hover .sidebar-brand .brand-collapse,
body.collapse-menu .border-right:hover .sidebar-brand .brand-collapse {
	display: block !important;
	visibility: hidden !important;
	opacity: 0 !important;
	max-height: 0 !important;
	transition-delay:
		var(--eb-sidebar-content-delay),
		var(--eb-sidebar-content-delay),
		var(--eb-sidebar-content-delay) !important;
}

/* Module headings */

body .border-right .modules-heading,
body.collapse-menu .border-right .modules-heading {
	transition:
		height 0s linear,
		min-height 0s linear,
		max-height 0s linear,
		line-height 0s linear,
		padding 0s linear,
		margin 0s linear,
		color 0s linear,
		font-size 0s linear,
		justify-content 0s linear,
		gap 0s linear !important;
	transition-delay: 0s !important;
}

body .border-right:hover .modules-heading,
body.collapse-menu .border-right:hover .modules-heading {
	transition-delay:
		var(--eb-sidebar-content-delay),
		var(--eb-sidebar-content-delay),
		var(--eb-sidebar-content-delay),
		var(--eb-sidebar-content-delay),
		var(--eb-sidebar-content-delay),
		var(--eb-sidebar-content-delay),
		var(--eb-sidebar-content-delay),
		var(--eb-sidebar-content-delay),
		var(--eb-sidebar-content-delay),
		var(--eb-sidebar-content-delay) !important;
}

/* Old HotelMIS CSS uses display:none for heading text when collapsed */
body .border-right:not(:hover) .modules-heading strong,
body.collapse-menu .border-right:not(:hover) .modules-heading strong,
body .border-right .modules-heading strong,
body.collapse-menu .border-right .modules-heading strong {
	display: inline-block !important;
	visibility: hidden !important;
	opacity: 0 !important;
	width: 0 !important;
	max-width: 0 !important;
	height: 22px !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
	white-space: nowrap !important;
	transition:
		visibility 0s linear,
		opacity 0s linear,
		width 0s linear,
		max-width 0s linear !important;
	transition-delay: 0s !important;
}

body .border-right:hover .modules-heading strong,
body.collapse-menu .border-right:hover .modules-heading strong {
	display: inline-block !important;
	visibility: visible !important;
	opacity: 1 !important;
	width: auto !important;
	max-width: 220px !important;
	transition-delay:
		var(--eb-sidebar-content-delay),
		var(--eb-sidebar-content-delay),
		var(--eb-sidebar-content-delay),
		var(--eb-sidebar-content-delay) !important;
}

/* All heading images stay at their collapsed size/position until reveal */
body .border-right .modules-heading img,
body.collapse-menu .border-right .modules-heading img {
	display: block !important;
	transition:
		width 0s linear,
		height 0s linear,
		max-width 0s linear,
		max-height 0s linear,
		margin 0s linear,
		flex-basis 0s linear !important;
	transition-delay: 0s !important;
}

body .border-right:hover .modules-heading img,
body.collapse-menu .border-right:hover .modules-heading img {
	display: block !important;
	transition-delay:
		var(--eb-sidebar-content-delay),
		var(--eb-sidebar-content-delay),
		var(--eb-sidebar-content-delay),
		var(--eb-sidebar-content-delay),
		var(--eb-sidebar-content-delay),
		var(--eb-sidebar-content-delay) !important;
}

/* Child menu lists */

body .border-right:not(:hover) .listing,
body .border-right:not(:hover) .listicon,
body.collapse-menu .border-right:not(:hover) .listing,
body.collapse-menu .border-right:not(:hover) .listicon,
body .border-right .listing,
body .border-right .listicon,
body.collapse-menu .border-right .listing,
body.collapse-menu .border-right .listicon {
	display: block !important;
	visibility: hidden !important;
	opacity: 0 !important;
	width: 100% !important;
	height: auto !important;
	min-height: 0 !important;
	max-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
	float: none !important;
	box-sizing: border-box !important;
	transition:
		visibility 0s linear,
		opacity 0s linear,
		max-height 0s linear,
		margin 0s linear !important;
	transition-delay: 0s !important;
}

body .border-right:hover .listing,
body .border-right:hover .listicon,
body.collapse-menu .border-right:hover .listing,
body.collapse-menu .border-right:hover .listicon {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	height: auto !important;
	min-height: 0 !important;
	max-height: 4000px !important;
	margin: 0 0 4px 0 !important;
	padding: 0 !important;
	overflow: visible !important;
	transition-delay:
		var(--eb-sidebar-content-delay),
		var(--eb-sidebar-content-delay),
		var(--eb-sidebar-content-delay),
		var(--eb-sidebar-content-delay) !important;
}

/* Child-link expanded formatting may exist in many older blocks */

/* Ref # / Read Key */

body .border-right .sidebar-read-key-group,
body.collapse-menu .border-right .sidebar-read-key-group {
	transition-property:
		display, grid-template-columns, width, max-width, height,
		margin, padding, gap !important;
	transition-duration: 0s !important;
	transition-timing-function: linear !important;
	transition-delay: 0s !important;
	transition-behavior: allow-discrete !important;
}

body .border-right:hover .sidebar-read-key-group,
body.collapse-menu .border-right:hover .sidebar-read-key-group {
	transition-delay:
		var(--eb-sidebar-content-delay),
		var(--eb-sidebar-content-delay),
		var(--eb-sidebar-content-delay),
		var(--eb-sidebar-content-delay),
		var(--eb-sidebar-content-delay),
		var(--eb-sidebar-content-delay),
		var(--eb-sidebar-content-delay),
		var(--eb-sidebar-content-delay) !important;
}

body .border-right .sidebar-reference-input,
body.collapse-menu .border-right .sidebar-reference-input {
	transition-property:
		width, min-width, max-width, height, margin, padding,
		border-width, border-radius, line-height !important;
	transition-duration: 0s !important;
	transition-timing-function: linear !important;
	transition-delay: 0s !important;
}

body .border-right:hover .sidebar-reference-input,
body.collapse-menu .border-right:hover .sidebar-reference-input {
	transition-delay:
		var(--eb-sidebar-content-delay),
		var(--eb-sidebar-content-delay),
		var(--eb-sidebar-content-delay),
		var(--eb-sidebar-content-delay),
		var(--eb-sidebar-content-delay),
		var(--eb-sidebar-content-delay),
		var(--eb-sidebar-content-delay),
		var(--eb-sidebar-content-delay),
		var(--eb-sidebar-content-delay) !important;
}

body .listing-table > tbody > tr > td.border-right .sidebar-read-key-button,
body.collapse-menu .listing-table > tbody > tr > td.border-right .sidebar-read-key-button {
	transition-property:
		width, min-width, max-width, height, margin, padding,
		border-width, border-radius, color, font-size, line-height,
		text-indent, background-size !important;
	transition-duration: 0s !important;
	transition-timing-function: linear !important;
	transition-delay: 0s !important;
}

body .listing-table > tbody > tr > td.border-right:hover .sidebar-read-key-button,
body.collapse-menu .listing-table > tbody > tr > td.border-right:hover .sidebar-read-key-button {
	transition-delay:
		var(--eb-sidebar-content-delay),
		var(--eb-sidebar-content-delay),
		var(--eb-sidebar-content-delay),
		var(--eb-sidebar-content-delay),
		var(--eb-sidebar-content-delay),
		var(--eb-sidebar-content-delay),
		var(--eb-sidebar-content-delay),
		var(--eb-sidebar-content-delay),
		var(--eb-sidebar-content-delay),
		var(--eb-sidebar-content-delay),
		var(--eb-sidebar-content-delay),
		var(--eb-sidebar-content-delay),
		var(--eb-sidebar-content-delay) !important;
}

/* Collapsed Administration icons */

body .border-right .admin-collapsed-icons-row,
body.collapse-menu .border-right .admin-collapsed-icons-row {
	display: table-row !important;
	visibility: visible !important;
	opacity: 1 !important;
	height: auto !important;
	transition:
		visibility 0s linear,
		opacity 0s linear,
		height 0s linear !important;
	transition-delay: 0s !important;
}

body .border-right .admin-collapsed-icons,
body.collapse-menu .border-right .admin-collapsed-icons {
	display: flex !important;
	visibility: visible !important;
	opacity: 1 !important;
	max-height: 3000px !important;
	overflow: hidden !important;
	transition:
		visibility 0s linear,
		opacity 0s linear,
		max-height 0s linear,
		padding-top 0s linear,
		padding-bottom 0s linear !important;
	transition-delay: 0s !important;
}

body .border-right:hover .admin-collapsed-icons-row,
body.collapse-menu .border-right:hover .admin-collapsed-icons-row {
	display: table-row !important;
	visibility: hidden !important;
	opacity: 0 !important;
	height: 0 !important;
	transition-delay:
		var(--eb-sidebar-content-delay),
		var(--eb-sidebar-content-delay),
		var(--eb-sidebar-content-delay) !important;
}

body .border-right:hover .admin-collapsed-icons,
body.collapse-menu .border-right:hover .admin-collapsed-icons {
	visibility: hidden !important;
	opacity: 0 !important;
	max-height: 0 !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	transition-delay:
		var(--eb-sidebar-content-delay),
		var(--eb-sidebar-content-delay),
		var(--eb-sidebar-content-delay),
		var(--eb-sidebar-content-delay),
		var(--eb-sidebar-content-delay) !important;
}

/* Mouse leaves: everything collapses immediately */

body .border-right:not(:hover),
body .border-right:not(:hover) *,
body.collapse-menu .border-right:not(:hover),
body.collapse-menu .border-right:not(:hover) * {
	transition-delay: 0s !important;
}

/* HotelMIS keep sidebar icons fixed during loading */

/* Discrete layout changes such as justify-content, auto margins and */
body .border-right .modules-heading,
body.collapse-menu .border-right .modules-heading {
	transition-property:
		height, min-height, max-height, line-height,
		padding, margin, color, font-size,
		justify-content, gap !important;
	transition-duration: 0s !important;
	transition-timing-function: linear !important;
	transition-delay: 0s !important;
	transition-behavior: allow-discrete !important;
}

body .border-right:hover .modules-heading,
body.collapse-menu .border-right:hover .modules-heading {
	transition-delay: var(--eb-sidebar-content-delay) !important;
}

/* Keep every module heading icon exactly in its collapsed position */
body .border-right .modules-heading img,
body.collapse-menu .border-right .modules-heading img,
body .border-right .modules-heading .module-heading-icon,
body.collapse-menu .border-right .modules-heading .module-heading-icon,
body .border-right .modules-heading img.menu-heading-img,
body.collapse-menu .border-right .modules-heading img.menu-heading-img,
body .border-right .modules-heading img[src*="auditlog.png"],
body.collapse-menu .border-right .modules-heading img[src*="auditlog.png"] {
	transition-property:
		display, visibility,
		width, height, max-width, max-height,
		margin, padding, flex-basis !important;
	transition-duration: 0s !important;
	transition-timing-function: linear !important;
	transition-delay: 0s !important;
	transition-behavior: allow-discrete !important;
}

body .border-right:hover .modules-heading img,
body.collapse-menu .border-right:hover .modules-heading img,
body .border-right:hover .modules-heading .module-heading-icon,
body.collapse-menu .border-right:hover .modules-heading .module-heading-icon,
body .border-right:hover .modules-heading img.menu-heading-img,
body.collapse-menu .border-right:hover .modules-heading img.menu-heading-img,
body .border-right:hover .modules-heading img[src*="auditlog.png"],
body.collapse-menu .border-right:hover .modules-heading img[src*="auditlog.png"] {
	transition-delay: var(--eb-sidebar-content-delay) !important;
}

/* Heading text remains hidden while the icon is held in place. */
body .border-right .modules-heading strong,
body.collapse-menu .border-right .modules-heading strong {
	transition-behavior: allow-discrete !important;
}

/* Mouse leaves: return to collapsed position immediately. */
body .border-right:not(:hover) .modules-heading,
body .border-right:not(:hover) .modules-heading *,
body.collapse-menu .border-right:not(:hover) .modules-heading,
body.collapse-menu .border-right:not(:hover) .modules-heading * {
	transition-delay: 0s !important;
}

/* Space between collapsed sidebar logo and Home */
body .border-right:not(:hover) .sidebar-brand,
body.collapse-menu .border-right:not(:hover) .sidebar-brand {
	padding-bottom: 12px !important;
}


/* Keep page content at collapsed width while sidebar loading */
body .listing-table > tbody > tr > td:not(.border-right),
body .listing-table > tbody > tr > td:last-child,
body.collapse-menu .listing-table > tbody > tr > td:not(.border-right),
body.collapse-menu .listing-table > tbody > tr > td:last-child {
	transition:
		width 0.18s ease,
		max-width 0.18s ease,
		min-width 0.18s ease !important;
	transition-delay: 0s !important;
}

/* Start shrinking page content only when sidebar itself starts expanding */
body:has(.listing-table > tbody > tr > td.border-right:hover)
	.listing-table > tbody > tr > td:not(.border-right),
body:has(.listing-table > tbody > tr > td.border-right:hover)
	.listing-table > tbody > tr > td:last-child {
	transition-delay: var(--eb-sidebar-hover-delay) !important;
}

/* Smart TV related settings */

.smarttv-config-table {
	width: 100%;
	max-width: 1050px;
	margin: 0;
}

.smarttv-config-table td {
	padding: 8px 10px;
	vertical-align: middle;
}

.smarttv-config-label {
	width: 280px;
	font-weight: bold;
	white-space: nowrap;
}

.smarttv-inline-setting {
	display: grid;
	grid-template-columns: 110px minmax(0, 1fr);
	align-items: center;
	column-gap: 24px;
	width: 100%;
}

.smarttv-primary-option {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	white-space: nowrap;
	cursor: pointer;
}

.smarttv-related-option {
	display: flex;
	align-items: center;
	gap: 8px;
	white-space: nowrap;
}

.smarttv-related-option-label {
	font-weight: bold;
	white-space: nowrap;
	margin-right: 2px;
}

.smarttv-override-option {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	white-space: nowrap;
	cursor: pointer;
}
.smarttv-inline-operation input[type="time"] {
	width: 160px;
	min-width: 160px;
	flex: 0 0 160px;
	box-sizing: border-box;
}


.smarttv-section-line {
	border-top: 1px solid #d5d5d5;
	padding-top: 16px !important;
}

@media (max-width: 900px) {
	.smarttv-inline-setting {
		grid-template-columns: 1fr;
		row-gap: 8px;
	}

	.smarttv-related-option {
		flex-wrap: wrap;
	}
}

/* Smart TV tabs */

.smarttv-tab-group {
	display: flex;
	align-items: flex-end;
	gap: 0;
	margin: 0;
	padding: 0 16px;
	border-bottom: 1px solid #cccccc;
}

.smarttv-tab {
	display: inline-block;
	padding: 8px 16px;
	margin: 0 2px -1px 0;
	border: 1px solid transparent;
	border-bottom: none;
	background: #f3f3f3;
	color: #333333 !important;
	text-decoration: none !important;
}

.smarttv-tab:hover {
	background: #eeeeee;
	color: #000000 !important;
	text-decoration: none !important;
}

.smarttv-tab.active {
	background: #ffffff;
	border-color: #cccccc;
	border-bottom: 1px solid #ffffff;
	font-weight: bold;
}

.smarttv-content {
	border: 1px solid #cccccc;
	border-top: none;
	padding: 18px 24px 24px 24px;
	min-height: 500px;
	box-sizing: border-box;
}


/* Fullscreen Booking / Check In - keep content compact
   Do not stretch the inner booking panel to the full viewport height. */
#fullscreendiv.fullscreen-overlay .scrolltab {
	height: auto !important;
	min-height: 0 !important;
	max-height: none !important;
	overflow: visible !important;
	padding-bottom: 8px !important;
}

#fullscreendiv.fullscreen-overlay #TabbedPanels1 .TabbedPanelsContentGroup,
#fullscreendiv.fullscreen-overlay #TabbedPanels1 .TabbedPanelsContent,
#fullscreendiv.fullscreen-overlay #TabbedPanels1 .TabbedPanelsContentVisible {
	height: auto !important;
	min-height: 0 !important;
	max-height: none !important;
	overflow: visible !important;
	box-sizing: border-box !important;
}

#fullscreendiv.fullscreen-overlay div.btngroup4 {
	top: 0 !important;
	right: 0 !important;
	margin-top: 8px !important;
	margin-bottom: 8px !important;
}

#fullscreendiv.fullscreen-overlay #TabbedPanels1 {
	height: auto !important;
	min-height: 0 !important;
	max-height: none !important;
}

/* Keep Ref # and the scanner icon stacked until the sidebar is actually wide. */
body .listing-table > tbody > tr > td.border-right:has(.sidebar-read-key-group) {
    container-type: inline-size !important;
}

@container (max-width: 259px) {
    .sidebar-reference-cell .sidebar-read-key-group.sidebar-read-key-group.sidebar-read-key-group.sidebar-read-key-group {
        display: block !important;
        grid-template-columns: none !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        gap: 0 !important;
        transition: none !important;
    }
    .sidebar-reference-cell .sidebar-read-key-group #ressearch.sidebar-reference-input.sidebar-reference-input.sidebar-reference-input.sidebar-reference-input {
        display: block !important;
        width: 88px !important;
        min-width: 0 !important;
        max-width: calc(100% - 12px) !important;
        height: 38px !important;
        min-height: 0 !important;
        margin: 4px auto 2px auto !important;
        padding: 0 8px !important;
        background: #ffffff !important;
        border: 1px solid #c9c9d2 !important;
        border-radius: 2px !important;
        line-height: normal !important;
        transition: none !important;
        box-sizing: border-box !important;
    }
    .sidebar-read-key-group .sidebar-read-key-button.sidebar-read-key-button.sidebar-read-key-button.sidebar-read-key-button.sidebar-read-key-button {
        display: block !important;
        width: 64px !important;
        min-width: 64px !important;
        max-width: 64px !important;
        height: 54px !important;
        min-height: 0 !important;
        max-height: 54px !important;
        margin: 2px auto 8px auto !important;
        padding: 0 !important;
        color: transparent !important;
        border: none !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        font-size: 0 !important;
        line-height: 0 !important;
        text-indent: -9999px !important;
        background: transparent url("../images/cardreader.png") center center / 42px 42px no-repeat !important;
        transition: none !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }
}
@container (min-width: 260px) {
    .sidebar-reference-cell .sidebar-read-key-group.sidebar-read-key-group.sidebar-read-key-group.sidebar-read-key-group {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 90px !important;
        align-items: stretch !important;
        gap: 0 !important;
        width: 210px !important;
        max-width: calc(100% - 30px) !important;
        height: 34px !important;
        margin: 6px auto 10px !important;
        padding: 0 !important;
        transition: none !important;
        box-sizing: border-box !important;
    }
    .sidebar-reference-cell .sidebar-read-key-group #ressearch.sidebar-reference-input.sidebar-reference-input.sidebar-reference-input.sidebar-reference-input {
        display: block !important;
        align-self: stretch !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        height: 100% !important;
        margin: 0 !important;
        padding: 0 9px !important;
        background: #ffffff !important;
        border: 1px solid #c9c9d2 !important;
        border-right: 0 !important;
        border-radius: 4px 0 0 4px !important;
        line-height: 32px !important;
        box-sizing: border-box !important;
        transition: none !important;
    }
    .sidebar-read-key-group .sidebar-read-key-button.sidebar-read-key-button.sidebar-read-key-button.sidebar-read-key-button.sidebar-read-key-button {
        display: block !important;
        align-self: stretch !important;
        width: 90px !important;
        min-width: 90px !important;
        max-width: 90px !important;
        height: 34px !important;
        margin: 0 !important;
        padding: 0 5px !important;
        background: #FEEE57 !important;
        border: 1px solid #FEEE57 !important;
        border-radius: 0 4px 4px 0 !important;
        color: #171717 !important;
        font-size: 11px !important;
        font-weight: 600 !important;
        line-height: 32px !important;
        text-align: center !important;
        text-indent: 0 !important;
        background-image: none !important;
        transition: none !important;
        box-sizing: border-box !important;
    }
}
#hotel-upgrade-warning {
    position: fixed;
    top: 109px;
    left: 100px;
    right: 0;
    z-index: 101;
}

body:has(#hotel-upgrade-warning) .listing-table {
    top: 145px !important;
}