

/* MARGINS
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

.ma-0   { margin: 0; }
.ma-20  { margin: 20px; }
.ma-30  { margin: 30px; }
.ma-40  { margin: 40px; }

.mb-0   { margin-bottom: 0; }
.mb-05  { margin-bottom: 5px; }
.mb-08  { margin-bottom: 8px; }
.mb-10  { margin-bottom: 10px; }
.mb-15  { margin-bottom: 15px; }
.mb-20  { margin-bottom: 20px; }
.mb-30  { margin-bottom: 30px; }
.mb-40  { margin-bottom: 40px; }
.mb-50  { margin-bottom: 50px; }
.mb-60  { margin-bottom: 60px; }
.mb-70  { margin-bottom: 70px; }
.mb-80  { margin-bottom: 80px; }
.mb-100 { margin-bottom: 100px; }
.mb-120 { margin-bottom: 120px; }
.mb-150 { margin-bottom: 150px; }
.mb-200 { margin-bottom: 200px; }

.mt-0   { margin-top: 0; }
.mt-03  { margin-top: 3px; }
.mt-04  { margin-top: 4px; }
.mt-05  { margin-top: 5px; }
.mt-08  { margin-top: 8px; }
.mt-10  { margin-top: 10px; }
.mt-12  { margin-top: 12px; }
.mt-15  { margin-top: 15px; }
.mt-20  { margin-top: 20px; }
.mt-25  { margin-top: 25px; }
.mt-28  { margin-top: 28px; }
.mt-30  { margin-top: 30px; }
.mt-35  { margin-top: 35px; }
.mt-40  { margin-top: 40px; }
.mt-50  { margin-top: 50px; }
.mt-60  { margin-top: 60px; }
.mt-80  { margin-top: 80px; }
.mt-70  { margin-top: 70px; }
.mt-100 { margin-top: 100px; }
.mt-120 { margin-top: 120px; }

.ml-0 { margin-left: 0; }
.ml-10  { margin-left: 10px; }
.ml-20  { margin-left: 20px; }
.ml-30  { margin-left: 30px; }
.ml-35  { margin-left: 35px; }
.ml-40  { margin-left: 40px; }
.ml-45  { margin-left: 45px; }
.ml-60  { margin-left: 60px; }
.ml-90  { margin-left: 90px; }

.mr-0 { margin-right: 0; }
.mr-10  { margin-right: 10px; }
.mr-20  { margin-right: 20px; }
.mr-30  { margin-right: 30px; }
.mr-40  { margin-right: 40px; }
.mr-60  { margin-right: 60px; }
.mr-90  { margin-right: 90px; }

@media (max-width: 1199.98px) {
	.mt-10-lg { margin-top: 10px; }
	.mt-20-lg { margin-top: 20px; }
	.mt-50-lg { margin-top: 50px; }

	.mb-20-lg { margin-bottom: 20px; }
}

@media (max-width: 991.98px) {
	.mt-10-md { margin-top: 10px; }
	.mt-15-md { margin-top: 15px; }
	.mt-20-md { margin-top: 20px; }
	.mt-30-md { margin-top: 30px; }
	.mt-40-md { margin-top: 40px; }
	.mt-50-md { margin-top: 50px; }
	.mt-100-md { margin-top: 100px; }

	.mb-10-md { margin-bottom: 10px; }
	.mb-20-md { margin-bottom: 20px; }
	.mb-30-md { margin-bottom: 30px; }
	.mb-80-md { margin-bottom: 80px; }
}

@media (max-width: 767.98px) {
	.mt-10-sm { margin-top: 10px; }
	.mt-15-sm { margin-top: 15px; }
	.mt-20-sm { margin-top: 20px; }
	.mt-30-sm { margin-top: 30px; }
	.mt-40-sm { margin-top: 40px; }
	.mt-50-sm { margin-top: 50px; }
	.mt-60-sm { margin-top: 60px; }
	.mt-70-sm { margin-top: 70px; }
	.mt-80-sm { margin-top: 80px; }
	.mt-100-sm { margin-top: 100px; }

	.mb-0-sm  { margin-bottom: 0; 	}
	.mb-10-sm { margin-bottom: 10px; }
	.mb-20-sm { margin-bottom: 20px; }
	.mb-30-sm { margin-bottom: 30px; }
	.mb-40-sm { margin-bottom: 40px; }
	.mb-50-sm { margin-bottom: 50px; }
	.mb-60-sm { margin-bottom: 60px; }
	.mb-80-sm { margin-bottom: 80px; }
	.mb-100-sm { margin-bottom: 100px; }

	.ml-0-sm  { margin-left: 0; }

	.mr-0-sm  { margin-right: 0; }
}

@media (max-width: 575.98px) {
	.mt-10-xs { margin-top: 10px; }
	.mt-15-xs { margin-top: 15px; }
	.mt-20-xs { margin-top: 20px; }
	.mt-30-xs { margin-top: 30px; }
	.mt-40-xs { margin-top: 40px; }
	.mt-50-xs { margin-top: 50px; }
	.mt-100-xs { margin-top: 100px; }

	.mb-10-xs { margin-bottom: 10px; }
	.mb-20-xs { margin-bottom: 20px; }
}

@media (min-width: 767.98px) {
	.mr-40-xsm { margin-right: 40px; }
}



/* PADDINGS
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

.pa-0   { padding: 0; }
.pa-05  { padding: 5px; }
.pa-10  { padding: 10px; }
.pa-20  { padding: 20px; }
.pa-30  { padding: 30px; }
.pa-40  { padding: 40px; }
.pa-50  { padding: 50px; }

.pt-0   { padding-top: 0; }
.pt-05  { padding-top: 5px; }
.pt-09  { padding-top: 9px; }
.pt-10  { padding-top: 10px; }
.pt-15  { padding-top: 15px; }
.pt-20  { padding-top: 20px; }
.pt-25  { padding-top: 25px; }
.pt-30  { padding-top: 30px; }
.pt-40  { padding-top: 40px; }
.pt-50  { padding-top: 50px; }
.pt-80  { padding-top: 80px; }
.pt-100 { padding-top: 100px; }
.pt-120 { padding-top: 120px; }
.pt-200 { padding-top: 200px; }

.pb-0   { padding-bottom: 0; }
.pb-05  { padding-bottom: 5px; }
.pb-10  { padding-bottom: 10px; }
.pb-15  { padding-bottom: 15px; }
.pb-20  { padding-bottom: 20px; }
.pb-25  { padding-bottom: 25px; }
.pb-30  { padding-bottom: 30px; }
.pb-40  { padding-bottom: 40px; }
.pb-45  { padding-bottom: 45px; }
.pb-50  { padding-bottom: 50px; }
.pb-80  { padding-bottom: 80px; }
.pb-100 { padding-bottom: 100px; }
.pb-150 { padding-bottom: 150px; }

.pl-0   { padding-left: 0; }
.pl-05  { padding-left: 5px; }
.pl-10  { padding-left: 10px; }
.pl-15  { padding-left: 15px; }
.pl-20  { padding-left: 20px; }
.pl-25  { padding-left: 25px; }
.pl-30  { padding-left: 30px; }
.pl-40  { padding-left: 40px; }
.pl-50  { padding-left: 50px; }
.pl-70  { padding-left: 70px; }

.pr-05  { padding-right: 5px; }
.pr-10  { padding-right: 10px; }
.pr-20  { padding-right: 20px; }
.pr-25  { padding-right: 25px; }
.pr-30  { padding-right: 30px; }
.pr-70  { padding-right: 70px; }

@media (max-width: 767.98px) {
	.pt-10-sm { padding-top: 10px; }
}

@media (min-width: 767.98px) {
	.pl-10-xmd { padding-left: 10px; }
	.pl-20-xmd { padding-left: 20px; }
	.pl-30-xmd { padding-left: 30px; }
	.pl-40-xmd { padding-left: 40px; }
	.pl-50-xmd { padding-left: 50px; }
}

@media (min-width: 575.98px) {
	.pl-10-xsm { padding-left: 10px; }
	.pl-20-xsm { padding-left: 20px; }
	.pl-30-xsm { padding-left: 30px; }
	.pl-40-xsm { padding-left: 40px; }
	.pl-50-xsm { padding-left: 50px; }
}

@media (min-width: 991.98px) {
	.pl-40-xlg { padding-left: 40px; }
}


/* TEXT ALIGNMENT
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

.txt-rc-lg, .txt-rc-md, .txt-rc-sm, .txt-rc-xs, .txt-rl-lg, .txt-rl-md, .txt-rl-sm, .txt-rl-xs { text-align: right; }
.txt-lc-lg, .txt-lc-md, .txt-lc-sm, .txt-lc-xs, .txt-lr-lg, .txt-lr-md, .txt-lr-sm, .txt-lr-xs { text-align: left; }
.txt-jc-lg, .txt-jc-md, .txt-jc-sm, .txt-jc-xs { text-align: justify; }

@media (max-width: 1199.98px) {
	.txt-rc-lg, .txt-lc-lg, .txt-jc-lg { text-align: center; }
	.txt-rl-lg { text-align: left; }
	.txt-lr-lg { text-align: right; }
}

@media (max-width: 991.98px) {
	.txt-rc-md, .txt-lc-md, .txt-jc-md { text-align: center; }
	.txt-rl-md { text-align: left; }
	.txt-lr-md { text-align: right; }
}

@media (max-width: 767.98px) {
	.txt-rc-sm, .txt-lc-sm, .txt-jc-sm { text-align: center; }
	.txt-rl-sm { text-align: left; }
	.txt-lr-sm { text-align: right; }
}

@media (max-width: 575.98px) {
	.txt-rc-xs, .txt-lc-xs, .txt-jc-xs { text-align: center; }
	.txt-rl-xs { text-align: left; }
	.txt-lr-xs { text-align: right; }
}



/* FONTS
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

.f-s-10 { font-size: 10px !important; }
.f-s-12 { font-size: 12px !important; }
.f-s-14 { font-size: 14px !important; }
.f-s-15 { font-size: 15px !important; }
.f-s-16 { font-size: 16px !important; }
.f-s-18 { font-size: 18px !important; }
.f-s-20 { font-size: 20px !important; }
.f-s-25 { font-size: 25px !important; line-height: 33px; }
.f-s-30 { font-size: 30px !important; }
.f-s-35 { font-size: 35px !important; }
.f-s-40 { font-size: 40px !important; }
.f-s-50 { font-size: 50px !important; }
.f-s-60 { font-size: 60px !important; }
.f-s-70 { font-size: 70px !important; }
.f-s-80 { font-size: 80px !important; line-height: 60px; }



/* OTHERS
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

.hov-pointer:hover { cursor: pointer; }
.error-msg {
	font-size: 13px;
	color: #dc3545;
	margin-top: 5px;
}
.success-msg {
	font-size: 13px;
	color: #188111;
	margin-top: 5px;
}

.shadow-light { box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
.shadow-medium { box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }
.shadow-text-hard { text-shadow: 3px 2px rgba(0, 0, 0, 1); }
.shadow-text-light { text-shadow: 2px 2px 8px rgba(0, 0, 0, 1); }

.text-justified { text-align: justify; }
