/* pg */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

body
{
font-family:Roboto;

margin:0;
padding:0;

box-sizing:border-box;
}	

a
{	
color:white;
text-decoration:none;
}


.innercont
{
margin:auto;
width:92%;
max-width:1200px;
}

header
{
background:#0E151D;
}

footer
{
background:#0E151D;
font-size:1vw;
}



.center300
{
margin:auto;
width:300px;
text-align:center;
}






/* input */
input
{
padding:9px;
border-radius:8px;
font-size:1.5vw;
border:1px solid grey;
}

@media screen and (max-width:600px)
{
input
{
font-size:5vw;
}
}

input[type=checkbox]
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(2); /* IE */
  -moz-transform: scale(2); /* FF */
  -webkit-transform: scale(2); /* Safari and Chrome */
  -o-transform: scale(2); /* Opera */
  transform: scale(2);
  padding: 10px;
}



/* menu */
#menucont
{
width:100%;
background-color:#333;
background-color:#295E88;
font-size:1vw;
height:50px;
}

.menuitem
{
height:50px;
display:inline-block;
background-color:#295E88;
text-align:center;
}


ul 
{
list-style-type:none;
margin:0;
padding:0;
overflow:hidden;
background-color:#295E88;
}

li 
{
float:left;
}

li a 
{
display:block;
color:white;
text-align:center;
padding:14px 16px;
text-decoration:none;
}

li a:hover 
{
background-color:#111;
}




/* */
#hiddenmenu
{
display:none;
}

.hmitem
{
text-align:center;
color:white;

}






p
{
font-size:1vw;
color:black;
}







/* bands */
.blueband
{
width:100%;
background-color:#295E88;
height:auto;
}





/* image */
.fit
{
width:100%;
max-width:100%;
}

.ofc100
{
display:inline-block;

onject-fit:cover;
height:100px;
width:100px;
border:1px solid white;
}

.smicon
{
height:40px;
width:40px;
}

.smicon:hover
{
transform:scale(1.15);
}




/* table */
table
{
width:100%;
border-collapse:collapse;
}

td
{
text-align:center;
}










/* buttons */
.greenbutton
{
background:green;
display:inline-block;
text-align:center;
padding:9px;
border-radius:3px;
}

.orangebutton
{
color:white;
background:orange;
display:inline-block;
text-align:center;
padding:9px;
border-radius:3px;
}






/*text*/
.w
{
color:white;
}

.detail
{
color:#ccc;
}









/* sticky */
#sticky
{
position:fixed;
bottom:20px;
right:20px;
height:50px;
width:50px;
text-align:center;
border-radius:50%;
background-color:yellow;
}