/* General */

.LoginCenter {
	margin-left:auto;
	margin-right:auto;
	width:300px;
}

#DeleteFormButtons
{
	width:330px;
	text-align:center;
}


BODY
{   
    
    MARGIN: 10px;  
	FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif;	
	font-size: 10pt;
}

A
{    
	text-decoration: none;
	color: #014603;    
	border: 0px;
}

A:hover
{
	text-decoration: none;
	color: #02A226;    
}

INPUT
{    
    COLOR: black;    
    TEXT-DECORATION: none
}



H1
{
    FONT-WEIGHT: bold;
    font-size:11pt;
}

H2
{
    FONT-WEIGHT: bold;
   
}

img
{
	border: 0px;
}

HR
{
	
	border-color: #014603;
}

P.PortalVersion
{    
	float:right;
	margin:0;
	padding:0;
	display:inline-block;
	vertical-align:top;
}

/* Login */

P.LoginLogo
{
	text-align:center;
	width:300px;
}

img.LoginLogo
{
	border: 0px;
	text-align: center;
}

Fieldset.Login
{
	border: 1px solid #014603;
	width:300px;
	padding:0;
}

Legend.Login
{	
	/* color: #000000; */
	padding: 2px 6px;
	margin-left: 5px;
} 
/* 
Div.PleaseWait
{
	margin-left:auto;
	margin-right:auto;
}

Div.PleaseWaitMobile
{
	
	margin-left:auto;
	margin-right:auto;
} */

Fieldset.PleaseWait
{
	border: 1px solid #014603;
	padding-bottom: 16px;
	width:250px;
}

Legend.PleaseWait
{
	
	/* color: #000000; */
	padding: 2px 6px;
} 

P.LoginDetails
{
	text-align: center;
}

Table {
font-size:10pt;
}

Table.Login
{
	border: 0px;
	margin: 0px;
	padding: 0px;
	/* background-color: #ffffff; */
	
}

TD.LoginFieldTitle
{
	text-align: right;	
	FONT-WEIGHT: bold;
}

TD.LoginField
{
	text-align: left;	
}

INPUT.LoginField
{    
    /* color: #000000; */   
    TEXT-DECORATION: none	
}

P.LoginWelcome
{
	text-align: center;
	/* color: #000000; */	
	FONT-WEIGHT: bold;
	width:300px;
}

/* Banner */

A.Menu
{
    FONT-WEIGHT: bold;
    
    /* TEXT-TRANSFORM: uppercase; */
	text-decoration: none;
	color: #014603;
   
}

A.Menu:hover
{
    FONT-WEIGHT: bold;    
   /*  TEXT-TRANSFORM: uppercase; */
	text-decoration: none;
	color: #02A226;    
}

Table.MenuItems
{
	border: 0px;
	margin: 0px;
	padding: 0px;
	width: 100%;
	font-size:12pt;
}

TD.MenuItemsSections
{
	
	text-align: left;		
	/* color: #000000; */
}

TD.MenuItemsLogout
{
	
}

Table.MessageBar
{
	border: 0px;
	margin: 0px;
	padding: 0px;
	width: 100%;
}

TD.MessageBarUserFullName
{
	width: 25%;
	text-align: left;	
}

TD.MessageBarSite
{
	width: 25%;
	text-align: left;	
}

TD.MessageBarFacility
{
	width: 25%;
	text-align: left;	
}

TD.MessageBarDate
{
	width: 25%;
	text-align: right;	
}



/* Bookings */

P.Bookings
{		
	/* color: #000000; */
}


Table.Bookings
{
	
	border: 0px;
	margin: 0px;
	padding: 0px;
}

TD.BookingsTimeSlotTime
{
	width:50px;
}

 TD.BookingsTimeSlotDetails
{		
	min-width:210px;
	width:210px;
	max-width:210px;
}

TD.BookingsTimeSlotEdit
{
	text-align: right;
	vertical-align: middle;	
	width: 16px;
}

TD.BookingsTimeSlotDelete
{
	text-align: right;
	vertical-align: middle;	
	width: 16px;
}

/* New Booking */

Table.NewBooking
{
	border: 0px;
	margin: 2px;
	padding: 5px;
	/* background-color: #ffffff; */
}

TD.NewBookingFieldTitle
{
	text-align: right;	
	text-decoration: none;
	font-weight:bold;
}

TD.NewBookingField
{
	text-align: left;	
}

/* Booking Confirmation */

P.BookingConfirmation
{
	width:330px;
}

Table.BookingConfirm
{	
	border: 0px;
	margin: 0px;
	padding: 0px;
}

TD.BookingConfirmTitle
{
	text-align: right;	
	FONT-WEIGHT: bold;
}

TD.BookingConfirmDetails
{
	text-align: left;	
}

/* Facilities */

Table.FacilitiesList
{
	
	border: 0px;
	margin: 0px;
	padding: 0px;
}

TD.FacilitiesListTitle
{
	text-align: center;	
	FONT-WEIGHT: bold;
}

TR.FacilitiesListOdd
{	
	background-color: #8c9eff;
}

span.SiteNotes
{	
	/* color: #000000; */
}

.Overlay
{
	position: fixed;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	overflow: hidden;
	padding: 0;
	margin: 0;
	background-color: #000;
	filter: alpha(opacity=50);
	opacity: 0.5;
	z-index: 1000;
}

.PopUpPanel
{
	position: absolute;
	background-color: white;
	top: 40%;
	left: 30%;
	z-index: 2001;
	padding: 10px;
	min-width: 250px;
	max-width: 250px;
	-moz-box-shadow: 3.5px 4px 5px #000000;
	-webkit-box-shadow: 3.5px 4px 5px #000000;
	box-shadow: 3.5px 4px 5px #000000;
	border-radius: 5px;
	-moz-border-radiux: 5px;
	-webkit-border-radiux: 5px;
	border: 3px solid green;
}

.bookingLinks > a {
	padding-left:5px
}

.table {
	--bs-table-bg: transparent;
	--bs-table-accent-bg: transparent;
	--bs-table-striped-color: #212529;
	--bs-table-striped-bg: rgba(0, 0, 0, 0.05);
	--bs-table-active-color: #212529;
	--bs-table-active-bg: rgba(0, 0, 0, 0.1);
	--bs-table-hover-color: #212529;
	--bs-table-hover-bg: rgba(0, 0, 0, 0.075);
	width: 100%;
	margin-bottom: 1rem;
	color: #212529;
	vertical-align: top;
	border-color: #dee2e6
}


.table > :not(caption) > * > * {
	padding: .5rem .5rem;
	background-color: var(--bs-table-bg);
	border-bottom-width: 1px;
	box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg)
}

.table > tbody {
	vertical-align: inherit
}

.table > thead {
	vertical-align: bottom
}

.table > :not(:last-child) > :last-child > * {
	border-bottom-color: currentColor
}


.table-bordered > :not(caption) > * {
	border-width: 1px 0
}

.table-bordered > :not(caption) > * > * {
	border-width: 0 1px
}

.table-borderless > :not(caption) > * > * {
	border-bottom-width: 0
}

.table-striped > tbody > tr:nth-of-type(odd) {
	--bs-table-accent-bg: var(--bs-table-striped-bg);
	color: var(--bs-table-striped-color)
}

.table th {text-align:left}

.link {text-decoration:revert}

.calendar_slot {
	background-color:#5FC476; 
	text-align:center
}
.calendar_slot_ua {
	background-color: #F9C55E;
	text-align: center
}