html, body{
	font-family: 'Roboto', sans-serif !important;
	font-size: 15px;
}
.login-page{
	background-color: #8D42C6;
}
.register-page{
	background-color: #8D42C6;
}
.background-page{
	font-family: 'Roboto', sans-serif !important;
}
.nav .nav-item a{
	border:1px solid #ccc !important;
	background-color: #f5f5f5;
}
.tab-content{
	padding-top: 15px;
}
.card-table{
	padding :0;
}
.card-table table{
	margin :0;
}
.card-footer{
	padding: 5px;
}
.modal-header {
    padding: 10px;
}
.modal-title {
    font-size: 18px;
}
.modal-footer{
	padding: 5px;
}
/* FORM STYLING */
.login-form{
	background-color: #FFFFFF;
	padding: 50px;
	margin-top: 20%;
}
.register-form{
	background-color: #FFFFFF;
	padding: 50px;
	margin-top: 17%;
}
.form-title{
	text-align: center;
	font-size: 18px;
}
/* END OF FORM STYLING */
/* START OF MARGIN */
.mt-5{
	margin-top: 5px;
}
.mt-50{
	margin-top: 50px;
}
.mt-40{
	margin-top: 40px;
}
.mt-30{
	margin-top: 30px;
}
.mt-20{
	margin-top: 20px;
}
.mt-10{
	margin-top: 10px;
}
.mb-50{
	margin-bottom: 50px;
}
.mb-40{
	margin-bottom: 40px;
}
.mb-30{
	margin-bottom: 30px;
}
.mb-20{
	margin-bottom: 20px;
}
.mb-10{
	margin-bottom: 10px;
}
.ml-50{
	margin-left: 50px;
}
.ml-40{
	margin-left: 40px;
}
.ml-30{
	margin-left: 30px;
}
.ml-20{
	margin-left: 20px;
}
.ml-10{
	margin-left: 10px;
}
.mr-50{
	margin-right: 50px;
}
.mr-40{
	margin-right: 40px;
}
.mr-30{
	margin-right: 30px;
}
.mr-20{
	margin-right: 20px;
}
.mr-10{
	margin-right: 10px;
}
.m-50{
	margin: 50px;
}
.m-40{
	margin: 40px;
}
.m-30{
	margin: 30px;
}
.m-20{
	margin: 20px;
}
.m-10{
	margin: 10px;
}
.mt-70{
	margin-top: 70px;
}
/* END OF MARGIN */
/* START OF PADDING */
.p-0{
	padding: 0px;
}
.p-10{
	padding: 10px;
}
.p-20{
	padding: 20px;
}
.p-30{
	padding: 30px;
}
.p-40{
	padding: 40px;
}
.p-50{
	padding: 50px;
}
.pt-0{
	padding: 0px;
}
.pt-5{
	padding-top: 5px;
}
.pt-10{
	padding-top: 10px;
}
.pt-20{
	padding-top: 20px;
}
.pt-30{
	padding-top: 30px;
}
.pt-40{
	padding-top: 40px;
}
.pt-50{
	padding-top: 50px;
}
.pb-10{
	padding-bottom: 10px;
}
.pb-20{
	padding-bottom: 20px;
}
.pb-30{
	padding-bottom: 30px;
}
.pb-40{
	padding-bottom: 40px;
}
.pb-50{
	padding-bottom: 50px;
}
.pl-0{
	padding-left: 0px;
}
.pl-10{
	padding-left: 10px;
}
.pl-20{
	padding-left: 20px;
}
.pl-30{
	padding-left: 30px;
}
.pl-40{
	padding-left: 40px;
}
.pl-50{
	padding-left: 50px;
}
.pr-0{
	padding-right: 0px;
}
.pr-10{
	padding-right: 10px;
}
.pr-20{
	padding-right: 20px;
}
.pr-30{
	padding-right: 30px;
}
.pr-40{
	padding-right: 40px;
}
.pr-50{
	padding-right: 50px;
}
/* END OF PADDING */

.dataTables_filter{
	padding-right: 20px !important;
}
.dataTables_info{
	padding-left: 20px !important;
}
.dataTables_paginate{
	padding-right: 20px !important;
}
.border-dashed{
	border-bottom: dashed 1px #848484;
}
.text-xs{
	font-size: 11px;
}
.text-sm{
	font-size: 13px !important;
}
.main-color{
	background-color: #FF8000 !important;
}
.secondary-color{
	background-color: #842bd7 !important;
}
.third-color{
	background-color: #CC2EFA !important;
}
.fourth-color{
	background-color: #FFBF00 !important;
}
.white-color{
	background-color: #FFFFFF !important;
}
.font-white{
	color: #fff !important;
}
.list-group-item :hover{
	background-color: #a95aec !important;
}
.card-dashboard{
	color: #000000 !important;
	border: solid 1px #000000;
	border-radius: 0px;
}
.card-dashboard .card-header{
	border-radius: 0px;
}
.card-dashboard a{
	color: #000000 !important;
	text-decoration: none;
}
.announcement{
	min-height: 160px;
	max-height: 160px;
	overflow-x: auto;
	border-radius: 0px;
	border: solid 1px #000 !important;
}
.announcement-title{
	font-weight: bold;
	padding-bottom: 10px;
}
.announcement-body{
	padding-bottom: 15px;
}
.title-bar{
	padding: 5px;
	text-align: center;
	background-color: #842bd7;
	color: #FFF;
}
.btn-alipay-acc{
	padding: 5px;
	border-radius: 0 !important;
}
.font-sm{
	font-size: 12px !important;
}
.font-md{
	font-size: 16px !important;
}
.font-lg{
	font-size: 20px !important;
}
.btn-pfm-choice{
	padding: 20px;
	border-radius: 0px;
	border: solid 1px #BDBDBD;
	color: #FFFFFF;
	font-weight: bold;
}
@media (max-width: 767px) {
	.login-form{
		margin-top: 40%;
	}
}