:root {
    --paa: #acd5fc; 
    --pab: #C8B6A6; 
    --pac: #d9edff; 
    --aaa: #5D3A58;
    --aab: #B7A2C2;
    --aac: #D4B483;
    --taa: #000000;
    --tab: #4F3E2A;
    --pba: #B0C4C9;
    --pbb: #A1C6B5;
    --aba: #D8B6A4;
    --abb: #FFFFFF;
    --tba: #4A4A4A;
    --tbb: #333333;
}

/*div.MainMenu{position: fixed; left: 50%; top:0; transform: translateX(-50%); transform: translateY(-10); width:1080}*/
.container {
  position: relative;
}

table.addptype{
    background-color : #AABBCC;
}
th.addptype{
    background-color : #CCBBAA;
}
td.addptype{
    background-color : #AABBCC;
    color : #FFFFFF;
}

div.MainMenu{
	overflow: hidden;
	position: fixed; /* Set the navbar to fixed position */
	top:0px;
	width: 100%; /* Full width */
	z-index : 9998;
}

table.MainMenu{
	table-layout:fixed;
	background-color:var(--pac);
}
td.menubutton{background-color:var(--taa);color:var(--pac);border-radius: 1px;padding: 5px;text-align:center;width:100px;table-layout:fixed;}
td.menubutton:hover {background-color:var(--taa);color:var(--pac);}

div.footer{
	position:sticky;
	top:200px;
	width:100%;
}
table.footer{
	background-color:var(--pac);
}

table.aboutus{
	background-color:var(--paa);
	padding:25px;
	/* box-shadow: 0 0 5px 5px var(--pac); */
}

div.homepage{
background-color:var(--paa);color:var(--taa);
}
div.dashboard{

}

div.login{
	position:absolute;
	top:50%;
}
th.login {text-align:center;background-color:var(--aac);color:var(--taa);}
td.login{text-align:center;background-color:var(--paa);text-align:center;}

div.bodyframe{
	position:relative;
	top:60px;
	width:100%;
	height:1080px;
}
div.navigation{
    position: fixed;
    top : 0px;
}

div.centered {
	position: fixed;
  left: 50%;
	top: 50%;
  transform: translate(-50%, -50%);
	z-index : 9999;
	background-color:var(--tac);
}

div.services {
	background-color:var(--tac);
}

table.services{
	background-color:var(--paa);
	padding:25px;
}

table.terms{
	background-color:var(--paa);
	padding:25px;
	width:800px;
}

div.fileupload {
	background-color:var(--tac);
}

table.fileupload {
	background-color:var(--paa);
	padding:25px;
}

body.standard {
overflow-y:scroll;
font-family: "Calibri Light", Verdana, sans-serif;
/*background-image: url("./pics/menu.jpg"),linear-gradient(var(--abb), var(--aba), var(--abb)); */
background-image: url("./pics/2.png");
background-repeat: no-repeat, repeat;
height: 768px;
background-size:cover, cover;
background-position: center, bottom 1000px;
background-color:var(--pac);
}

table.standard{
background-color:var(--paa);
width:800px;
padding:25px;
box-shadow: 10px 10px 5px var(--pab);
table-layout:fixed;
}

table.databox{
    background-color: #aad1fa;
    padding:25px;
    box-shadow: 10px 10px 5px var(--pab);
    table-layout:fixed;
    border-style: solid;
    border-width: thin;
}
td.databox{
    background-color: #aad1fa;
    border:1px solid #080808;
}

th.standard {text-align:center;background-color:var(--pba);color:var(--tab);}
td.standard{text-align:center;background-color:var(--paa);text-align:center;}

table.DisplayContacts{
    border-style: solid;
    border-width: thin;
    box-shadow:10px 10px 5px var(--pab);
    table-layout:auto;
}
td.DisplayContacts{
    border-right: 1px solid;
    border-bottom: 1px solid;
}
tr.DisplayContacts{
    border : 1px solid;
}
table.products{
background-color:var(--paa);
width:700px;
padding:25px;
/*box-shadow: 10px 10px 5px var(--pab); */
table-layout:auto;
}
th.products {
text-align:center;
background-color:var(--pba);
color:var(--tab);
border-style: solid;
border-width: thin;
}
td.products{
text-align:center;
background-color:var(--paa);
text-align:center;
border-style: solid;
border-width: thin;
}

div.cartmod{
    position : fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index : 9999;
}
table.cartmod{
    background-color:#AA00AA;
    width: 300px;
    height: 400px;
}
table.CartUpdated{
    position : fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index : 9999;
    background-color:#AAAAAA;
    width: 300px;
    height: 400px;
}
td.cartmod{
    background-color:#AA00AA;
}

div.calender{
	position : fixed;
	  top : 50%;
	  left: 50%;
  transform: translate(-50%, -50%);
	z-index : 9999;
background-color:var(--paa);
	visibility: hidden;
}

table.calender{
border-radius: 15px;
background-color:var(--pac);
border-collapse: collapse;
border: 1px solid black;
}

td.calenderpast{background-color:#6e6e6e;}
td.calenderopen{background-color:var(--pab);}
td.calenderopen:hover {background-color:var(--paa);}
td.calenderbooked{background-color:#6e6e6e;}
td.calenderbusy{background-color:#fffe00;}
td.calendererror{background-color:#ff0000;}
td.calendertoday{background-color:#0a1263;}
table.admin{
border-radius: 15px;
background-color:var(--pac);
border-collapse: collapse;
border: 1px solid black;
}

* End Calender */

th.standard {text-align:center;background-color:var(--pba);color:var(--tab);}
td.standard{text-align:center;background-color:var(--paa);text-align:center;}

/* body.standard {background-image: url("menu.jpg");  background-repeat: no-repeat; background-position: center top; background-attachment: fixed;}*/

/* product image */
.centerleft {
  position: absolute;
  bottom: 50%;
  left: 16px;
  font-size: 18px;
}
.centerright {
  position: absolute;
  bottom: 50%;
  right: 16px;
  font-size: 18px;
}
.productimage { 
  width: 300px;
  height: 300px;
  opacity: 1;
}

/* end product image */

body.splash{
background-image: url("MainLogo.jpg");
background-repeat: no-repeat;
height: 768px;
background-size:cover;
background-position: center;
background-color:var(--paa);
}