body, html {
	margin: 0 0 0 0 !important;
	padding: 0 0 0 0 !important;
}
@media print{
  #navbar {
	display: none !important;
  }
  
  .x_eventBox {
 	display: none !important; 
  }
  
  .expbtm {
  	display: none !important;  
  }
  
   #footer {
  	display: none !important;  
  }
}
#navbar {
	position: fixed !important;
	top: 0px !important;
	left: 0px !important;
	margin: 0 0 0 0 !important;
	padding: 0 0 0 0 !important;
	width: 100% !important;
	height: 65px !important;
	background: #263C5C !important;	
	color: white !important;
	z-index: 10000;
}

.navitem {
	padding-top: 5px !important;
	float:left !important;
	text-align: center !important;
	width: 120px !important;
	color: white !important;
	text-decoration: none !important;
	border: 2px solid #263C5C !important;
}

.navitem:hover {
	border: 2px solid #3a69a6;
	background: #3a69a6;
}

.navitem img {
	height: 30px;
	filter: invert(1);
}


#content {
	margin: 0 0 0 0 !important;
	padding: 0 0 0 0 !important;
	width: 100% !important;
	margin-top: 75px !important;
	margin-bottom: 100px !important;
}

#footer {
	position: fixed !important;
	bottom: 0px !important;
	left: 0px !important;
	width: 100% !important;
	height: 25px !important;
	margin: 0 0 0 0 !important;
	padding: 0 0 0 0 !important;
	background: #263C5C !important;
	color: white;
}

/* Revenue list */

.export-button {
	background-color: white; 
	border: none;
	padding: 10px; 
	cursor: pointer;
}

.export-button:hover {
	border: 0.5px solid gray;
}


.rotation {
	transform: rotateX(180deg);
}

.hidden {
	display: none !important;
}

.mainrow {
	cursor: pointer;
	border: 1px solid black !important;
}

.footer {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	gap: 5px;
}

.x_eventBox {
	position: fixed;
	top: 70px;
	right: 15px;
	z-index: 1000 !important;
	border-radius: 10px;
	padding: 5px;
}

.x_eventBoxButton {
	background: #121212;
	color: white;
	border-radius: 10px;
	margin: 5px;
	border: 1px solid black;
}
.x_eventBox_inner {
	padding: 10px;
	font-weight: bold;
	border-radius: 5px;
}
.x_eventBoxButton:hover {
	background: #ffffff;
	color: black;
	border-radius: 10px;
	border: 1px solid black;
}

#x_eventBox_error {
	background: red;
	color: white;
}

#x_eventBox_ok {
	background: green;
	color: white;
}

/* ################################################################## */
/* Style for x_library cookiebanner function
/* ################################################################## */
.x_cookieBanner { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; 
	box-sizing: border-box; background-color: rgba(255, 20, 20, 0.95); color: #ccc; line-height: 26px; 
	font-family: Arial; display: block; position: fixed;font-size: 16px; bottom: 10vh; right: 0; color: #ffffff; 
	width: 200px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; padding: 20px;
	z-index: 600; }
.x_cookieBanner a { color: #000000; text-decoration: none; font-weight: bold; }
.x_cookieBanner a:hover { color: #ffffff; }	
.x_cookieBanner input.x_cookieBanner_close { background-color: #1b1b1b; color: #fff; display: inline-block; border: none !important; width: 100% !important; border-color: #fff !important; 
	border-radius: 10px !important; cursor: pointer; height: 40px !important; font-size: 13px !important; font-family: Arial !important; font-weight: 700 !important; padding-top: 5px; padding-bottom: 5px; }
.x_cookieBanner input.x_cookieBanner_close:hover { background-color: #121212; }