@import url("table.css")
@import url("fixedHeaderFooter.css")

/*

		<link rel="stylesheet" href="default.css">

*/

html
{
	height: 100%;
}

/*
header {
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
}
*/

body {
/* display: flex;
    min-height: 100vh;
    flex-direction: column;
*/

	/* position: relative; */
	/* min-height: 100%; */
	padding-bottom: 6rem;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
	scroll-behavior: smooth;

}

/*
header
{

 background: #bbb;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;

}
*/

/*
main
{
    min-height: 100px;
    flex: 1;
}
*/



footer
{
    //background: #bbb;
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
}


thead
{
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky;
    top: 0px;
}

table.round
{

	border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius: 5px;

}



table.round th:first-child
{
    border-radius: 5px 0 0 0;
}

table.round th:last-child
{
    border-radius: 0 5px 0 0;
}

table.round th:only-child
{
    border-radius: 5px 5px 0 0;
}

table.round tr:last-child
{
    border-radius: 0 5px 0 0;
}

fieldset
{
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
}



.striped tr:nth-child(odd)
{
    background-color: whitesmoke;
}

table.thin th
{
    background-color: darkgray;
    color: white;
}

table.thin {
    border-collapse: collapse;
}

table.striped tr,  table.striped th , table.striped td
{
   border: 1px solid lightgray;
   border-collapse: collapse;
}


table.thin, table.striped {
    border-collapse: collapse;
}

td
{
    word-wrap: break-all;         /* All browsers since IE 5.5+ */
    overflow-wrap: break-word;     /* Renamed property in CSS3 draft spec */
}