@charset "UTF-8";

/* ====================================================================== */
/* Utility Classes - Bootstrap Style
/* ====================================================================== */

/* ====================================================================== */
/* Gap Utilities
/* ====================================================================== */

.gap4 {
	gap: 4px !important;
}

.gap8 {
	gap: 8px !important;
}

.gap12 {
	gap: 12px !important;
}

.gap16 {
	gap: 16px !important;
}

.gap20 {
	gap: 20px !important;
}

.gap24 {
	gap: 24px !important;
}

.gap40 {
	gap: 40px !important;
}

.gap80 {
	gap: 80px !important;
}

/* ====================================================================== */
/* Margin Utilities
/* ====================================================================== */

.m0 {
	margin: 0px !important;
}

.mt0 {
	margin-top: 0px !important;
}

.mr0 {
	margin-right: 0px !important;
}

.mb0 {
	margin-bottom: 0px !important;
}

.ml0 {
	margin-left: 0px !important;
}

.m4 {
	margin: 4px !important;
}

.mt4 {
	margin-top: 4px !important;
}

.mr4 {
	margin-right: 4px !important;
}

.mb4 {
	margin-bottom: 4px !important;
}

.ml4 {
	margin-left: 4px !important;
}

.m6 {
	margin: 6px !important;
}

.mt6 {
	margin-top: 6px !important;
}

.mr6 {
	margin-right: 6px !important;
}

.mb6 {
	margin-bottom: 6px !important;
}

.ml6 {
	margin-left: 6px !important;
}

.m8 {
	margin: 8px !important;
}

.mt8 {
	margin-top: 8px !important;
}

.mr8 {
	margin-right: 8px !important;
}

.mb8 {
	margin-bottom: 8px !important;
}

.ml8 {
	margin-left: 8px !important;
}

.m12 {
	margin: 12px !important;
}

.mt12 {
	margin-top: 12px !important;
}

.mr12 {
	margin-right: 12px !important;
}

.mb12 {
	margin-bottom: 12px !important;
}

.ml12 {
	margin-left: 12px !important;
}

.m16 {
	margin: 16px !important;
}

.mt16 {
	margin-top: 16px !important;
}

.mr16 {
	margin-right: 16px !important;
}

.mb16 {
	margin-bottom: 16px !important;
}

.ml16 {
	margin-left: 16px !important;
}

.m20 {
	margin: 20px !important;
}

.mt20 {
	margin-top: 20px !important;
}

.mr20 {
	margin-right: 20px !important;
}

.mb20 {
	margin-bottom: 20px !important;
}

.ml20 {
	margin-left: 20px !important;
}

.m24 {
	margin: 24px !important;
}

.mt24 {
	margin-top: 24px !important;
}

.mr24 {
	margin-right: 24px !important;
}

.mb24 {
	margin-bottom: 24px !important;
}

.ml24 {
	margin-left: 24px !important;
}

.m40 {
	margin: 40px !important;
}

.mt40 {
	margin-top: 40px !important;
}

.mr40 {
	margin-right: 40px !important;
}

.mb40 {
	margin-bottom: 40px !important;
}

.ml40 {
	margin-left: 40px !important;
}

/* ====================================================================== */
/* Padding Utilities
/* ====================================================================== */

.p0 {
	padding: 0px !important;
}

.pt0 {
	padding-top: 0px !important;
}

.pr0 {
	padding-right: 0px !important;
}

.pb0 {
	padding-bottom: 0px !important;
}

.pl0 {
	padding-left: 0px !important;
}

.p4 {
	padding: 4px !important;
}

.pt4 {
	padding-top: 4px !important;
}

.pr4 {
	padding-right: 4px !important;
}

.pb4 {
	padding-bottom: 4px !important;
}

.pl4 {
	padding-left: 4px !important;
}

.p6 {
	padding: 6px !important;
}

.pt6 {
	padding-top: 6px !important;
}

.pr6 {
	padding-right: 6px !important;
}

.pb6 {
	padding-bottom: 6px !important;
}

.pl6 {
	padding-left: 6px !important;
}

.p8 {
	padding: 8px !important;
}

.pt8 {
	padding-top: 8px !important;
}

.pr8 {
	padding-right: 8px !important;
}

.pb8 {
	padding-bottom: 8px !important;
}

.pl8 {
	padding-left: 8px !important;
}

.p12 {
	padding: 12px !important;
}

.pt12 {
	padding-top: 12px !important;
}

.pr12 {
	padding-right: 12px !important;
}

.pb12 {
	padding-bottom: 12px !important;
}

.pl12 {
	padding-left: 12px !important;
}

.p16 {
	padding: 16px !important;
}

.pt16 {
	padding-top: 16px !important;
}

.pr16 {
	padding-right: 16px !important;
}

.pb16 {
	padding-bottom: 16px !important;
}

.pl16 {
	padding-left: 16px !important;
}

.p20 {
	padding: 20px !important;
}

.pt20 {
	padding-top: 20px !important;
}

.pr20 {
	padding-right: 20px !important;
}

.pb20 {
	padding-bottom: 20px !important;
}

.pl20 {
	padding-left: 20px !important;
}

.p24 {
	padding: 24px !important;
}

.pt24 {
	padding-top: 24px !important;
}

.pr24 {
	padding-right: 24px !important;
}

.pb24 {
	padding-bottom: 24px !important;
}

.pl24 {
	padding-left: 24px !important;
}

.p40 {
	padding: 40px !important;
}

.pt40 {
	padding-top: 40px !important;
}

.pr40 {
	padding-right: 40px !important;
}

.pb40 {
	padding-bottom: 40px !important;
}

.pl40 {
	padding-left: 40px !important;
}

/* ====================================================================== */
/* Width Utilities (Bootstrap-like)
/* ====================================================================== */

.w-0 {
	width: 0% !important;
}

.w-5 {
	width: 5% !important;
}

.w-10 {
	width: 10% !important;
}

.w-15 {
	width: 15% !important;
}

.w-20 {
	width: 20% !important;
}

.w-25 {
	width: 25% !important;
}

.w-30 {
	width: 30% !important;
}

.w-35 {
	width: 35% !important;
}

.w-40 {
	width: 40% !important;
}

.w-45 {
	width: 45% !important;
}

.w-50 {
	width: 50% !important;
}

.w-55 {
	width: 55% !important;
}

.w-60 {
	width: 60% !important;
}

.w-65 {
	width: 65% !important;
}

.w-70 {
	width: 70% !important;
}

.w-75 {
	width: 75% !important;
}

.w-80 {
	width: 80% !important;
}

.w-85 {
	width: 85% !important;
}

.w-90 {
	width: 90% !important;
}

.w-95 {
	width: 95% !important;
}

.w-100 {
	width: 100% !important;
}

/* ====================================================================== */
/* Flex Utilities
/* ====================================================================== */

.flex-0 {
	flex: 0 !important;
}

.flex-1 {
	flex: 1 !important;
}

.flex-2 {
	flex: 2 !important;
}

.flex-3 {
	flex: 3 !important;
}

/* ====================================================================== */
/* Display Utilities
/* ====================================================================== */

.show {
	display: block !important;
}

.hide {
	display: none !important;
}

/* ====================================================================== */
/* Cursor Utilities
/* ====================================================================== */

.cursor-pointer {
	cursor: pointer;
}

.cursor-default {
	cursor: default;
}

.cursor-not-allowed {
	cursor: not-allowed;
}

.cursor-text {
	cursor: text;
}


/* display */
.disShow {
	display: block !important;
}

.disHide {
	display: none !important;
}

/* align */
.ac {
	text-align: center !important;
}

.ar {
	text-align: right !important;
}

.al {
	text-align: left !important;
}

.flex {
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
}

.aiC {
	-webkit-box-align: center !important;
	-ms-flex-align: center !important;
	align-items: center !important;
}

.aiS {
	-webkit-box-align: start !important;
	-ms-flex-align: start !important;
	align-items: flex-start !important;
}

.aiE {
	-webkit-box-align: end !important;
	-ms-flex-align: end !important;
	align-items: flex-end !important;
}

.center,
.jcB {
	-webkit-box-pack: justify !important;
	-ms-flex-pack: justify !important;
	justify-content: space-between !important;
}

.left,
.jcS {
	-webkit-box-pack: start !important;
	-ms-flex-pack: start !important;
	justify-content: flex-start !important;
}

.right,
.jcE {
	-webkit-box-pack: end !important;
	-ms-flex-pack: end !important;
	justify-content: flex-end !important;
}

.fdC {
	-webkit-box-orient: vertical !important;
	-webkit-box-direction: normal !important;
	-ms-flex-direction: column !important;
	flex-direction: column !important;
}

.fwN {
	-ms-flex-wrap: nowrap !important;
	flex-wrap: nowrap !important;
}

.fwW {
	-ms-flex-wrap: wrap !important;
	flex-wrap: wrap !important;
}

.vaT {
	vertical-align: top !important;
}

.vaM {
	vertical-align: middle !important;
}

.vaB {
	vertical-align: bottom !important;
}

.fwW {
	-ms-flex-wrap: wrap !important;
	flex-wrap: wrap !important;
}

.flex0 {
	-webkit-box-flex: 0 !important;
	-ms-flex: 0 !important;
	flex: 0 !important;
}

.flex1 {
	-webkit-box-flex: 1 !important;
	-ms-flex: 1 !important;
	flex: 1 !important;
}

/* auto */
.hAuto {
	height: auto !important;
}

.h100 {
	height: 100% !important;
}

/* overflow */
.ofH {
	overflow: hidden !important;
}

.ofA {
	overflow: auto !important;
}

/* border */
.noBorder {
	border: 0 !important;
}

/* padding */
.noPadding {
	padding: 0 !important;
}