html, body{
	margin: 0px;
	padding: 0px;
	min-height: 100vh;
	min-width: 100%;
	width: 100%;
	scrollbar-width: thin;
}
html{
	font-size: 16px;
}
header{
	max-height: 120px;
	padding: 20px;
	position: relative;
	height: 120px;
	width: calc(100% - 40px);
}
nav{
	position: absolute;
}
.dfs-card{
	padding: 10px 20px;
}
.form-g{
	display: block;
	padding: 10px;
}
.form-g label{
	display: block;
	padding: 5px 0px;
	font-size: 1rem;
}
input, select, textarea{
	padding: 10px;
	font-size: 0.9rem;
	width: calc(100% - 20px);
	border: 0px none;
}
input.autowidth, select.autowidth, textarea.autowidth{
	width: auto;
}
button{
	border: 0px none;
	padding: 10px 15px;
}
a{
	text-decoration: none;
}
.dfs-flex{
	display: flex;
	align-items: stretch;
	justify-content: space-around;
	flex: 0 0 auto;
}
.dfs-flex.dfs-v-baseline{
	align-items: baseline;
}
.dfs-flex.dfs-v-center{
	align-items: center;
}
.dfs-flex.dfs-h-left{
	justify-content: left;
}
.dfs-flex.dfs-h-right{
	-webkit-justify-content: flex-end;
	justify-content: end;
}
.dfs-flex.dfs-h-between{
	justify-content: space-between;
}
.dfs-flex .item-grow1{
	flex-grow: 1; 
}
.dfs-flex .item-grow2{
	flex-grow: 2;
}
.dfs-flex .item-grow3{
	flex-grow: 3;
}
.dfs-flex .item-grow4{
	flex-grow: 4;
}
.dfs-flex .item-grow5{
	flex-grow: 5;
}
.dfs-flex .item-grow6{
	flex-grow: 6;
}
.dfs-flex>*{
	margin: 20px;
}
.dfs-flex>*:first-child{
	margin-left: 0px;
}
.dfs-flex>*:last-child{
	margin-right: 0px;
}
.dfs-grid{
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-gap: 10px;
	grid-auto-rows: minmax(100px, auto);
	padding-top: 10px;
}
.dfs-grid > .dfs-card{
	margin-top:0px;
	margin-bottom: 10px;
}
.dfs-txt-center{
	text-align: center;
}
.dfs-txt-right{
	text-align: right;
}
.dfs-h-center{
	margin-left: auto;
	margin-right: auto;
}
.dfs-fl{
	float: left;
}
.dfs-fr{
	float: right;
}
.dfs-fixed{
	position: fixed;
}
.dfs-clear{
	clear: both;
}
.dfs-flex .c2{
	flex-basis:49.9998%;
	flex-grow: 0;
}
.dfs-flex .c3{
	flex-basis:33.333%;
	flex-grow: 0;
}
.dfs-flex .c4{
	flex-basis:24.9998%;
	flex-grow: 0;
}
.scrollbar-styled{
	scrollbar-width: thin;
}
.scrollbar-styled::-webkit-scrollbar{
	width: 8px;
	scrollbar-width: thin;
	background-color: transparent;
}
.scrollbar-styled::-webkit-scrollbar-track{
	scrollbar-width: thin;
    background-color: transparent;
    border-radius: 10px;
}
 
.scrollbar-styled::-webkit-scrollbar-thumb{
	scrollbar-width: thin;
    background-color: rgba(0,0,0,0.4);
    border-radius: 10px;
}
.dfs-pt-0{
	padding-top: 0px !important;
}
.dfs-pt-10{
	padding-top: 10px !important;
}
.dfs-pt-20{
	padding-top: 20px !important;
}
.dfs-pt-30{
	padding-top: 30px !important;
}
.dfs-pt-40{
	padding-top: 40px !important;
}
.dfs-pt-50{
	padding-top: 50px !important;
}
.dfs-pr-0{
	padding-right: 0px !important;
}
.dfs-pr-10{
	padding-right: 10px !important;
}
.dfs-pr-20{
	padding-right: 20px !important;
}
.dfs-pr-30{
	padding-right: 30px !important;
}
.dfs-pr-40{
	padding-right: 40px !important;
}
.dfs-pr-50{
	padding-right: 50px !important;
}
.dfs-pb-0{
	padding-bottom: 0px !important;
}
.dfs-pb-10{
	padding-bottom: 10px !important;
}
.dfs-pb-20{
	padding-bottom: 20px !important;
}
.dfs-pb-30{
	padding-bottom: 30px !important;
}
.dfs-pb-40{
	padding-bottom: 40px !important;
}
.dfs-pb-50{
	padding-bottom: 50px !important;
}
.dfs-pl-0{
	padding-left: 0px !important;
}
.dfs-pl-10{
	padding-left: 10px !important;
}
.dfs-pl-20{
	padding-left: 20px !important;
}
.dfs-pl-30{
	padding-left: 30px !important;
}
.dfs-pl-40{
	padding-left: 40px !important;
}
.dfs-pl-50{
	padding-left: 50px !important;
}
.dfs-ph-0{
	padding-left: 0px !important;
	padding-right: 0px !important;
}
.dfs-ph-10{
	padding-left: 10px !important;
	padding-right: 10px !important;
}
.dfs-ph-20{
	padding-left: 20px !important;
	padding-right: 20px !important;
}
.dfs-ph-30{
	padding-left: 30px !important;
	padding-right: 30px !important;
}
.dfs-ph-40{
	padding-left: 40px !important;
	padding-right: 40px !important;
}
.dfs-ph-50{
	padding-left: 50px !important;
	padding-right: 50px !important;
}
.dfs-pv-0{
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}
.dfs-pv-10{
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}
.dfs-pv-20{
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}
.dfs-pv-30{
	padding-top: 30px !important;
	padding-bottom: 30px !important;
}
.dfs-pv-40{
	padding-top: 40px !important;
	padding-bottom: 40px !important;
}
.dfs-pv-50{
	padding-top: 50px !important;
	padding-bottom: 50px !important;
}

.dfs-mt-0{
	margin-top: 0px !important;
}
.dfs-mt-10{
	margin-top: 10px !important;
}
.dfs-mt-20{
	margin-top: 20px !important;
}
.dfs-mt-30{
	margin-top: 30px !important;
}
.dfs-mt-40{
	margin-top: 40px !important;
}
.dfs-mt-50{
	margin-top: 50px !important;
}
.dfs-mr-0{
	margin-right: 0px !important;
}
.dfs-mr-10{
	margin-right: 10px !important;
}
.dfs-mr-20{
	margin-right: 20px !important;
}
.dfs-mr-30{
	margin-right: 30px !important;
}
.dfs-mr-40{
	margin-right: 40px !important;
}
.dfs-mr-50{
	margin-right: 50px !important;
}
.dfs-mb-0{
	margin-bottom: 0px !important;
}
.dfs-mb-10{
	margin-bottom: 10px !important;
}
.dfs-mb-20{
	margin-bottom: 20px !important;
}
.dfs-mb-30{
	margin-bottom: 30px !important;
}
.dfs-mb-40{
	margin-bottom: 40px !important;
}
.dfs-mb-50{
	margin-bottom: 50px !important;
}
.dfs-ml-0{
	margin-left: 0px !important;
}
.dfs-ml-10{
	margin-left: 10px !important;
}
.dfs-ml-20{
	margin-left: 20px !important;
}
.dfs-ml-30{
	margin-left: 30px !important;
}
.dfs-ml-40{
	margin-left: 40px !important;
}
.dfs-ml-50{
	margin-left: 50px !important;
}
.dfs-mh-0{
	margin-left: 0px !important;
	margin-right: 0px !important;
}
.dfs-mh-10{
	margin-left: 10px !important;
	margin-right: 10px !important;
}
.dfs-mh-20{
	margin-left: 20px !important;
	margin-right: 20px !important;
}
.dfs-mh-30{
	margin-left: 30px !important;
	margin-right: 30px !important;
}
.dfs-mh-40{
	margin-left: 40px !important;
	margin-right: 40px !important;
}
.dfs-mh-50{
	margin-left: 50px !important;
	margin-right: 50px !important;
}
.dfs-mv-0{
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}
.dfs-mv-10{
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}
.dfs-mv-20{
	margin-top: 20px !important;
	margin-bottom: 20px !important;
}
.dfs-mv-30{
	margin-top: 30px !important;
	margin-bottom: 30px !important;
}
.dfs-mv-40{
	margin-top: 40px !important;
	margin-bottom: 40px !important;
}
.dfs-mv-50{
	margin-top: 50px !important;
	margin-bottom: 50px !important;
}

table{
	width: 100%;
}
.row>*{
	display: inline-block;
	padding: 10px;
}
.row .c2{
	width: calc(49.9999% - 30px);
}
.row .c3{
	width: calc(33.3333% - 30px);
}
.row .c4{
	width: calc(25% - 30px);
}
.c1{
	width: calc(100% - 1px);
}
.table-footer nav{
	width: auto;
	display: inline-block;
	background-color: transparent;
}
.pagination{
	list-style: none;
	margin: 0px;
	padding: 0px;
	display: inline-block;
}
.pagination li{
	list-style: none;
	margin: 0px;
	padding: 0px;
	display: inline-block;
}
.pagination .page-link{
	display: inline-block;
	padding: 3px 5px;
}