html {
  display: grid;
  height: min-height: 100%;
}
body {
  display: grid;
  min-height: 0;
  grid-template-rows: auto 1fr auto;
  grid-template-columns: 200px 1fr; /* 2 columns */
  padding: 0;
  margin: 0;
  font-family: Montserrat, sans-serif;
}
.dt-print-view h1,.dt-print-view div{
	grid-column-start: 2;
}
.nouser{
	display: block;
	margin-left: 20px;
	margin-right: 20px;
}
.hidden_column{
	display: none;
}
body div.ui-tooltip{
/*	height: 1em !important;*/
}
.eahint {
  display: none; /* Hide the hint initially */
  position: absolute; /* Allow positioning relative to parent */
  background-color: #f0f0f0;
  border: 1px solid #ccc;
  padding: 5px;
}
header,
footer {
  grid-column: 1/-1; /* header and footer takes both columns */
}
#footer{
	width: 100% !important;
}
main {
  overflow: auto;
}
#content {
	width: 100%;
	padding-top:  0px;
	padding-left: 0px;
	min-height: 500px;
}
#pretty_table_wrapper{
	padding-right: 20px;
}
#pretty_table_filter, #pretty_table_paginate{
	margin-right: 20px;
}
#breadcrumb a{
	text-decoration: none;
}
.bcclass a{
	text-decoration: none;
}
.bclast{
	color: #007672; 
}
#eastatus{
	border-bottom: solid 1px #ededed;
	min-height: 90px;
 	background-image: linear-gradient(to right, white, white, white, #ededed);
 	display: flex;
 	flex-flow: row wrap;
 	justify-content: flex-end;
 	align-items: center;
 	align-content: center;
 	padding-right: 20px;
}
#eaevent_name{
	margin-right: 20px;
	flex: 3;
	min-width: 300px;
	text-align: right;
}
#eaevent_nametext{
	color: #007672;
}
#eaadmin_event_timer_container{
	border-left: solid 1px #ededed;
	border-radius: 20px transparent;
	margin-right: 20px;
	min-width: 225px;
	flex: 1;
}
#eanext_milestone{
	text-align: right;
	color: #007672;
	line-height: 1em;
}
#eamilestone_time{
	text-align: right;
}
#eaadmin_event_timer{
	text-align: right;
	color: #007672;
	font-size: 0.75em;
}
.hasCountdown{
	border: none !important;
	background-color: transparent !important;
}
.icon16{
	font-size: 16px;
}
.icon10{
	font-size: 10px;
}
.icon24{
	font-size: 24px;
}
.l1icon{
	color: #007672;
	margin-right: 5px;
}
#eaadmin_raised_container{
	padding-right: 10px;
	border-left: solid 1px #ededed;
	border-radius: 20px transparent;
	min-width: 125px;
	flex: 1;
}
#eaadmin_raised_text_container{
	text-align: right;
}
#eaadmin_raised{
	text-align: right;
	color: #007672;
	font-size: 2.0em;
}
aside {
	position: sticky;
  top: 8px;
  align-self: start;
  display: grid;
  grid-template-columns: auto 16px;
  grid-template-rows: 1fr;
  grid-template-areas: "eamenu eamenucontrol";
  z-index: 999;
}
#eamenucontainer{
	grid-area: eamenu;
	min-height: calc(100vh - 80px);
}
#eamenucontrol{
	grid-area: eamenucontrol;
	background-color: #ededed;
	height: 1fr;
}
.eashrink{
	background-color: #007672;
	color: white;
}
.l1menulabel {
	font-size: 16px;
	font-weight: 500;
}
.eamenuhighlight{
	background-color: #ccfffd;
}
.l1kids{
	position: relative;
	background-color: #d9d9d9;
}
.l1kidspos{
	position: absolute;
	width: 200px;
	top: -20px;
/*	left: 150px;
	z-index: 99;*/
	background-color: #4f5d5c;
}
.l1kidsposfull{
	left: 150px;
}
.l1kidsposshrink{
	left: 22px;
}
.l2menu {
	margin-left: 5px;
	background-color: #ededed;
	color: #19807b;
	margin: 2px;
}
.l2menu a{
	color: #19807b;
	margin-left: 5px;
}
.l3menu{
	margin-left: 20px;
}
.asidebtnlink{
	width: 100%;
	text-decoration: none;
	margin-top: 25px;
	display: flex;
/*	justify-content: center;*/
}
.asidebtnfull{
	justify-content: center;
}
.l1left {
}
.asidebtnshrink{
	justify-content: flex-start;
}
.asidebtn{
	height: 30px;
	width: 80%;
	border: 1px solid #007672;
	border-radius: 8px;
	background-color: white;
	color: #007672;
	font-weight: bold;
}
#eaheader{
	width: 100%;
	display: grid;
	grid-template-columns: 200px auto 200px 100px;
	grid-template-rows: 50px auto;
	grid-template-areas: "ealogo eaicons eauser easignio";
	column-gap: 10px;
	padding-right: 20px;
	border-bottom: solid 1px #ededed;
}
#ealogo{
	grid-area: ealogo;
}
#eafeedback{
	color: #DC582A;
	font-size: 10px;
	max-width: 300px;
}
#ealogo img{
	max-height: 50px;
	object-fit: contain;
}
#eaiconholder{
	align-self: center;
	grid-area: eaicons;	
	display: flex;
	flex-flow: row-reverse nowrap;
	justify-content: space-between;
	align-content: center;
}
#eaiconholder a:link{
	text-decoration: none;
}
.headicon-right{
 float: right;	
}
.headicon-left{
 float: left;
 margin-right: 5px;
}
#eauser{
	align-self: center;
	grid-area: eauser;	
}
#easignio{
	align-self: center;
	grid-area: easignio;
}
#easignio a:link{	text-decoration: none;}
#easignio a:visited{	text-decoration: none;}
#easignio a:hover{	text-decoration: underline;}
#easignio a:active{	text-decoration: none;}
.dontext{
	margin-left: 10px;
}
.dontext a{
	color: #007672;
	font-weight: bold;
}
.publishfeedback{
	color: #007672;
	font-weight: bold;
}
#loaderDiv {
    width: 50px;
    height: 50px;
 	 	margin-left: auto;
		margin-right: auto;
   	border: 5px solid rgba(0, 0, 0, 0.1);
    border-top-color: #007672; /* Visible part of the spinner */
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
#live_bid_table{
	max-height: calc(100vh - 300px);
	overflow-y: auto;
}
#live_bid_table thead{
	position: sticky;
	top: 0;
	z-index: 1;
}
#live_bid_table tbody{
	
}
#live_bid_instr{
	display: flex;
	justify-content: start;
	column-gap: 40px;
}
#live_bid_instr .submitbutton{
	align-self: center;
	height: 30px;
	width: 120px;
}