.mat0{ margin-top: 0px !important; } .mat5{ margin-top: 5px !important; } .mat10{ margin-top: 10px !important; } .mat15{ margin-top: 15px !important; }.mat20{ margin-top: 20px !important; }.mat30{ margin-top: 30px !important; }
.mab0{ margin-bottom: 0px !important; }.mab5{ margin-bottom: 5px !important; } .mab10{ margin-bottom: 10px !important; } .mab20{ margin-bottom: 20px!important; }.mab30{ margin-bottom: 30px!important; }.mab100{ margin-bottom: 100px!important; }
.mal5{ margin-left: 5px!important; } .mal10{ margin-left: 10px!important;; } .mal20{ margin-left: 20px!important;; }.mal30{ margin-left: 30px!important;; }
.mar0{ margin-right: 0px!important; } .mar1{ margin-right: 1px!important;; } .mar5{ margin-right: 5px!important;; } .mar10{ margin-right: 10px!important;; } .mar20{ margin-right: 20px!important;; } .mar30{ margin-right: 30px!important;; }
.pad0{ padding : 0px!important; } .pad5{ padding : 5px!important; } .pad10{ padding : 10px!important; } .pad20{ padding : 20px!important; } 
.pat8{ padding-top: 8px!important; }  .pat10{ padding-top: 10px!important;} .pat20{ padding-top: 20px!important;} .pat30{ padding-top: 30px!important;} 
.pab10{ padding-bottom: 10px!important;; } .pab20{ padding-bottom: 20px!important;; } 
.pal10{ padding-left: 10px !important; } .pal20{ padding-left: 20px !important; }
.par10{ padding-right: 10px!important;; } .par20{ padding-right: 20px!important;; }
.fs20{font-size: 20px}
.fs10{font-size: 10px}
.fs14{font-size: 14px}
.fs32{font-size: 32px}
.fs48{font-size: 48px}
.fs64{font-size: 64px}

.inline{	display: inline}
.pointer{	cursor: pointer;}
.lh10 { line-height: 10px !important;}  .lh24 {	line-height: 24px !important;	}  .lh36 {	line-height: 36px !important;	} .lh48 {	line-height: 48px !important;	}
.vamiddle{	vertical-align: middle !important; }  .vabottom{	vertical-align: bottom !important; } .vatop{	vertical-align: top !important; }

.bold { font-weight: bold; }
.hidden{ display: none !important}
.radius10 {	border-radius: 10px;}
.mycontainer{ width: 98%; margin-left: auto; margin-right: auto; text-align: center; }



/* general */
body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
  }
 
main {
    flex: 1 0 auto;
  }
.page-footer{
	position:fixed;
	bottom:0;
	left:0;
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
	
}
.page-footer a {
	color: white;
}
nav .brand-logo img{ height: 100% ; vertical-align :middle; }


nav .brand-logo{	position: relative;}
/*
h1{
	border-bottom: solid 1px gray;
	padding-bottom: 5px;
	font-size: 20px;

}
*/
h2{
	font-size: 18px;

}

.label{
	color: #9e9e9e;
	font-size: 0.8rem;
}
table.dataTable.dtr-column tbody > tr td.control::before, table.dataTable.dtr-column tbody tr th.control::before{
	background-color:  #1b5e20  !important;
	
}

/* materialize bug iphone select */
.select-wrapper * { transition: none !important; transform: none !important; }

@media only screen and (max-width:992px) 
{

	.center-on-medium{ text-align: center !important; }
	nav .brand-logo{	position: absolute;}
}
@media only screen and (max-width:601px) 
{
	.center-on-mobile{ text-align: center !important; }
	.left-on-mobile{ text-align: left !important; }
	nav .brand-logo img{ height: 80% !important; }
}