html {
font-family:arial, helvetica;
font-size:0.8em;
background-color:rgb(250,250,250);
}

body {
min-height:4000px;
max-height:99999px;
}


.menubar {
position:sticky;
top:0px;
width:100%;
min-height:50px;
max-height:200px;
background-color:rgb(250,250,250);
border-bottom:7px solid rgb(100,100,100);
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
z-index:99;
}

.menubar h1 {
margin-left:60px;
font-size:2.2em;
font-family:Impact,Arial Black,arial,helvetica;
}

cataloguebutton {
position:absolute;
right:15px;
top:0px;
width:50px;
height:50px;
z-index:100;
}

cataloguebutton div:nth-of-type(1) {
position:absolute;
left:0px;
right:0px;
top:12px;
height:4px;
background-color:rgb(0,0,0);
}

cataloguebutton div:nth-of-type(2) {
position:absolute;
left:0px;
right:0px;
top:25px;
height:4px;
background-color:rgb(0,0,0);
}
cataloguebutton div:nth-of-type(3) {
position:absolute;
left:0px;
right:0px;
bottom:8px;
height:4px;
background-color:rgb(0,0,0);
}


sitelogo {
position:absolute;
left:5px;
top:5px;
width:150px;
height:50px;
background-color:transparent;
background-image:url('ezdatafulllogo.png');
background-size:100% 100%;
}


gridmanager {
position:absolute;
top:90px;
width:90%;
left:50%;
margin-left:-45%;
height:auto;
z-index:50;
}

maingrid {
display:inline-grid;
border-radius:12px;
grid-auto-columns:10%;
gap:3px;
height:auto;
width:100%;
margin-top:45px;
border:2px solid rgb(100,100,100);
background-color:rgb(180,180,180);
}

gridimage {
height:140px;
border-radius:10px;
margin:10px;
grid-column-start:1;
grid-column-end:5;
grid-row-start:1;
grid-row-end:5;
background-repeat:no-repeat;
background-size:contain;
background-position:center;
background-color:rgb(0,0,0);
background-image:url('kodiaklogo.PNG');
}

gridtitle {
grid-column-start:5;
grid-column-end:10;
grid-row-start:1;
grid-row-end:3;
height:auto;
text-align:center;
}

griddate {
grid-column-start:5;
grid-column-end:10;
grid-row-start:3;
grid-row-end:4;
height:auto;
text-align:center;
}

gridbutton {
grid-column-start:5;
grid-column-end:10;
grid-row-start:4;
grid-row-end:5;
height:auto;
text-align:center;
}

gridbutton a {
text-decoration:none;
color:rgb(38,74,43);
padding:2px 17px 2px 17px;
background-color:rgb(130,246,139);
border:1px solid rgb(183,253,192);
border-radius:50px;
}

gridbutton a:hover {
color:rgb(0,0,0);
background-color:rgb(110,226,119);
border:1px solid rgb(163,233,172);
}

gridcontent {
padding:10px;
grid-column-start:1;
grid-column-end:10;
grid-row-start:5;
grid-row-end:10;
height:auto;
}

gridcontent a {
text-decoration:none;
color:rgb(238,0,113);
}

gridcontent a:hover {
color:rgb(243,0,25);
}

gridcontent input {
width:120px;
color:rgb(0,0,0);
background-color:rgb(250,250,250);
border:1px solid rgb(0,0,0);
margin-bottom:5px;
}


table {
font-size:0.8em;
width:100%;
border:1px solid black;
}

table input {
width:100%;
background-color:rgb(200,200,200);
border:none;
border-radius:none;
}

table input:hover {
background-color:rgb(200,255,200);
}

table input:focus {
background-color:rgb(100,255,100);
}



th {
padding:3px;
border:2px solid black;
background-color:transparent;
}
th:nth-of-type(1) {
width:46%;
}
th:nth-of-type(2) {
width:18%;
}
th:nth-of-type(3) {
width:18%;
}
th:nth-of-type(4) {
width:18%;
}
td {
padding:3px;
background-color:rgb(200,200,200);
border-bottom:1px solid black;
border-right:1px solid black;
}

#FinalTotal {
background-color:rgb(150,150,150);
}

#FinalTotal input {
background-color:rgb(150,150,150);
}



@media print {
.noprint {
visibility: hidden;
}
#noprint {
visibility:hidden;
}
maingrid {
border:none;
}
}