/* margin Main */
.m0 { margin:0px; }
.m4 { margin:4px; }
.m8 { margin:8px; }
.m16 { margin:16px; }
.m32 { margin:32px; }
.m48 { margin:48px; }
.m64 { margin:64px; }

/* margin Left */
.ml0 { margin-left: 0px; }
.ml4 { margin-left: 4px; }
.ml8 { margin-left: 8px; }
.ml16 { margin-left: 16px; }
.ml32 { margin-left: 32px; }
.ml48 { margin-left: 48px; }
.ml64 { margin-left: 64px; }

/* margin Right */
.mr0 { margin-right: 0px; }
.mr4 { margin-right: 4px; }
.mr8 { margin-right: 8px; }
.mr16 { margin-right: 16px; }
.mr32 { margin-right: 32px; }
.mr48 { margin-right: 48px; }
.mr64 { margin-right: 64px; }

/* margin Top */
.mt0 { margin-top: 0px; }
.mt4 { margin-top: 4px; }
.mt8 { margin-top: 8px; }
.mt16 { margin-top: 16px; }
.mt32 { margin-top: 32px; }
.mt48 { margin-top: 48px; }
.mt64 { margin-top: 64px; }

/* margin Bottom */
.mb0 { margin-bottom: 0px; }
.mb4 { margin-bottom: 4px; }
.mb8 { margin-bottom: 8px; }
.mb16 { margin-bottom: 16px; }
.mb32 { margin-bottom: 32px; }
.mb48 { margin-bottom: 48px; }
.mb64 { margin-bottom: 64px; }

/* Padding Main */
.p0 { padding:0px; }
.p4 { padding:4px; }
.p8 { padding:8px; }
.p16 { padding:16px; }
.p32 { padding:32px; }
.p48 { padding:48px; }
.p64 { padding:64px; }

.p22 { padding:22px; }

/* Padding Left */
.pl0 { padding-left: 0px; }
.pl4 { padding-left: 4px; }
.pl8 { padding-left: 8px; }
.pl16 { padding-left: 16px; }
.pl32 { padding-left: 32px; }
.pl48 { padding-left: 48px; }
.pl64 { padding-left: 64px; }

/* Padding Right */
.pr0 { padding-right: 0px; }
.pr4 { padding-right: 4px; }
.pr8 { padding-right: 8px; }
.pr16 { padding-right: 16px; }
.pr32 { padding-right: 32px; }
.pr48 { padding-right: 48px; }
.pr64 { padding-right: 64px; }

/* Padding Top */
.pt0 { padding-top: 0px; }
.pt4 { padding-top: 4px; }
.pt8 { padding-top: 8px; }
.pt16 { padding-top: 16px; }
.pt32 { padding-top: 32px; }
.pt48 { padding-top: 48px; }
.pt64 { padding-top: 64px; }

/* Padding Bottom */
.pb0 { padding-bottom: 0px; }
.pb4 { padding-bottom: 4px; }
.pb8 { padding-bottom: 8px; }
.pb16 { padding-bottom: 16px; }
.pb32 { padding-bottom: 32px; }
.pb48 { padding-bottom: 48px; }
.pb64 { padding-bottom: 64px; }



.hide {
	display: none;
}

.fullHeight {
	height: 100%;
}


.btd {
	border-top: 1px dashed var(--grey);
}

.bbd {
	border-bottom: 1px dashed var(--grey);
}

.bts {
	border-top: 1px solid var(--grey);
}

.bbs {
	border-bottom: 1px solid var(--grey);
}

.bls {
	border-left: 1px solid var(--grey);
}

.brs {
	border-right: 1px solid var(--grey);
}

.bs {
	border: 1px solid var(--grey);
}

.br {
	border-radius: 4px;
}

.oh {
	overflow: hidden;
}

.borderBox {
	box-sizing: border-box;
}

.flex {
	display: flex;
}

.flexWrap {
	flex-wrap: wrap;
}

.flexCol {
	flex-direction: column;
}

.flexCenter {
	justify-content: center;
}

.space-between {
	justify-content: space-between;
}

.flexEnd {
	justify-content: flex-end;
}

.block {
	display: block;
}

.w-100 {
	width: 100%;
}

.h-100 {
	height: 100%;
}

.relative {
	position: relative;
}

.absolute {
	position: absolute;
}

.copyXS {
	font-size: 0.8em;
}


.copyXXS {
	font-size: 0.6em;
}