// flex
.flex1 {
	flex: 1;
}

.flex2 {
	flex: 2;
}

.flex3 {
	flex: 3;
}

.flex4 {
	flex: 4;
}
/*Margin*/
.m-0 {
	margin: 0;
}

.m-t-0 {
	margin-top: 0;
}

.m-b-0 {
	margin-bottom: 0;
}

.m-r-0 {
	margin-right: 0;
}

.m-l-0 {
	margin-left: 0;
}

.m-v-0 {
	margin-bottom: 0;
	margin-top: 0;
}

.m-8 {
	margin: 0.8rem;
}

.m-16 {
	margin: 1.6rem;
}

.m-24 {
	margin: 2.4rem;
}

.m-32 {
	margin: 3.2rem;
}

.m-40 {
	margin: 4rem;
}

@include screen-mobile {
	.m-40 {
		margin: 3.2rem;
	}
}

.m-h-auto {
	margin-left: auto;
	margin-right: auto;
}

.m-v-auto {
	margin-bottom: auto;
	margin-top: auto;
}

.m-l-auto {
	margin-left: auto;
}

.m-r-auto {
	margin-right: auto;
}

.m-v-8 {
	margin-bottom: 0.8rem;
	margin-top: 0.8rem;
}

.m-v-16 {
	margin-bottom: 1.6rem;
	margin-top: 1.6rem;
}

.m-v-24 {
	margin-bottom: 2.4rem;
	margin-top: 2.4rem;
}

.m-v-32 {
	margin-bottom: 3.2rem;
	margin-top: 3.2rem;
}

.m-v-40 {
	margin-bottom: 4rem;
	margin-top: 4rem;
}

@include screen-mobile {
	.m-v-40 {
		margin-bottom: 3.2rem;
		margin-top: 3.2rem;
	}
}

.m-h-8 {
	margin-left: 0.8rem;
	margin-right: 0.8rem;
}

.m-h-16 {
	margin-left: 1.6rem;
	margin-right: 1.6rem;
}

.m-h-24 {
	margin-left: 2.4rem;
	margin-right: 2.4rem;
}

.m-h-32 {
	margin-left: 3.2rem;
	margin-right: 3.2rem;
}

.m-h-40 {
	margin-left: 4rem;
	margin-right: 4rem;
}

@include screen-mobile {
	.m-h-40 {
		margin-left: 3.2rem;
		margin-right: 3.2rem;
	}
}

.m-t-2 {
	margin-top: 0.2rem;
}

.m-centered-5 {
	position: relative;
	top: -0.5rem;
}

.m-t-8 {
	margin-top: 0.8rem;
}

.m-t-12 {
	margin-top: 1.2rem;
}

.m-t-16 {
	margin-top: 1.6rem;
}

.m-t-20 {
	margin-top: 2rem;
}

.m-t-24 {
	margin-top: 2.4rem;
}

.m-t-32 {
	margin-top: 3.2rem;
}

.m-t-40 {
	margin-top: 4rem;
}

t-4 {
	top: 0.4rem;
}

@include screen-mobile {
	.m-t-40 {
		margin-top: 3.2rem;
	}
}

.m-b-8 {
	margin-bottom: 0.8rem;
}

.m-b-12 {
	margin-bottom: 1.2rem;
}

.m-b-16 {
	margin-bottom: 1.6rem;
}

.m-b-20 {
	margin-bottom: 2rem;
}

.m-b-24 {
	margin-bottom: 2.4rem;
}

.m-b-32 {
	margin-bottom: 3.2rem;
}

.m-b-40 {
	margin-bottom: 4rem;
}

@include screen-mobile {
	.m-b-40 {
		margin-bottom: 3.2rem;
	}
}

.m-l-8 {
	margin-left: 0.8rem;
}

.m-l-12 {
	margin-left: 1.2rem;
}

.m-l-16 {
	margin-left: 1.6rem;
}

.m-l-20 {
	margin-left: 2rem;
}

.m-l-24 {
	margin-left: 2.4rem;
}

.m-l-32 {
	margin-left: 3.2rem;
}

.m-l-34 {
	margin-left: 3.4rem;
}

.m-l-40 {
	margin-left: 4rem;
}

@include screen-mobile {
	.m-l-40 {
		margin-left: 3.2rem;
	}
}

.m-r-4 {
	margin-right: 0.4rem;
}

.m-r-8 {
	margin-right: 0.8rem;
}

.m-r-10 {
	margin-right: 1rem;
}

.m-r-12 {
	margin-right: 1rem;
}

.m-r-16 {
	margin-right: 1.6rem;
}

.m-r-19 {
	margin-right: 1.9rem;
}

.m-r-20 {
	margin-right: 2rem;
}

.m-r-24 {
	margin-right: 2.4rem;
}

.m-r-30 {
	margin-right: 3rem;
}

.m-r-32 {
	margin-right: 3.2rem;
}

.m-r-40 {
	margin-right: 4rem;
}

@include screen-mobile {
	.m-r-40 {
		margin-right: 3.2rem;
	}
}

/*Padding*/

.p-0 {
	padding: 0;
}

.p-t-0 {
	padding-top: 0;
}

.p-b-0 {
	padding-bottom: 0;
}

.p-l-0 {
	padding-left: 0 !important;
}

.p-r-0 {
	padding-right: 0 !important;
}

.p-v-0 {
	padding-bottom: 0;
	padding-top: 0;
}

.p-v-3-5 {
	padding-bottom: 0.35rem;
	padding-top: 0.35rem;
}

.p-v-4 {
	padding-bottom: 0.4rem;
	padding-top: 0.4rem;
}

.p-v-5 {
	padding-bottom: 0.5rem;
	padding-top: 0.5rem;
}

.p-6 {
	padding: 0.6rem;
}

.p-8 {
	padding: 0.8rem;
}

.p-12 {
	padding: 1.2rem;
}

.p-14 {
	padding: 1.4rem;
}

.p-16 {
	padding: 1.6rem;
}

.p-20 {
	padding: 2rem;
}

.p-24 {
	padding: 2.4rem;
}

.p-32 {
	padding: 3.2rem;
}

.p-40 {
	padding: 4rem;
}

.p-24-24-16 {
	padding: 2.4rem 1.6rem 2.4rem 2.4rem;
}

.p-12-16-24 {
	padding: 1.2rem 1.6rem 1.2rem 2.4rem;
}

.p-32-0 {
	padding: 3.2rem 0 0 0;
}

.p-16-0 {
	padding: 1.6rem 0 0 0;
}

@include screen-mobile {
	.p-40 {
		padding: 3.2rem;
	}
}

.p-v-0 {
	padding-bottom: 0;
	padding-top: 0;
}

.p-v-2 {
	padding-bottom: 0.2rem;
	padding-top: 0.2rem;
}

.p-v-3-5 {
	padding-bottom: 0.35rem;
	padding-top: 0.35rem;
}

.p-v-4 {
	padding-bottom: 0.4rem;
	padding-top: 0.4rem;
}

.p-v-5 {
	padding-bottom: 0.5rem;
	padding-top: 0.5rem;
}

.p-v-8 {
	padding-bottom: 0.8rem;
	padding-top: 0.8rem;
}

.p-v-10 {
	padding-bottom: 1rem;
	padding-top: 1rem;
}

.p-v-12 {
	padding-bottom: 1.2rem;
	padding-top: 1.2rem;
}

.p-v-16 {
	padding-bottom: 1.6rem;
	padding-top: 1.6rem;
}

.p-v-20 {
	padding-bottom: 2rem;
	padding-top: 2rem;
}

.p-v-24 {
	padding-bottom: 2.4rem;
	padding-top: 2.4rem;
}

.p-v-32 {
	padding-bottom: 3.2rem;
	padding-top: 3.2rem;
}

.p-v-40 {
	padding-bottom: 4rem;
	padding-top: 4rem;
}

@include screen-mobile {
	.p-v-40 {
		padding-bottom: 3.2rem;
		padding-top: 3.2rem;
	}
}

.p-h-2 {
	padding-left: 0.2rem;
	padding-right: 0.2rem;
}

.p-h-4 {
	padding-left: 0.4rem;
	padding-right: 0.4rem;
}

.p-h-8 {
	padding-left: 0.8rem;
	padding-right: 0.8rem;
}

.p-h-12 {
	padding-left: 1.2rem;
	padding-right: 1.2rem;
}

.p-h-16 {
	padding-left: 1.6rem;
	padding-right: 1.6rem;
}

.p-h-19 {
	padding-left: 1.9rem;
	padding-right: 1.9rem;
}

.p-h-20 {
	padding-left: 1.6rem;
	padding-right: 1.6rem;
}

.p-h-24 {
	padding-left: 2.4rem;
	padding-right: 2.4rem;
}

.p-h-32 {
	padding-left: 3.2rem;
	padding-right: 3.2rem;
}

.p-h-40 {
	padding-left: 4rem;
	padding-right: 4rem;
}

@include screen-mobile {
	.p-h-40 {
		padding-left: 3.2rem;
		padding-right: 3.2rem;
	}
}

.p-t-4 {
	padding-top: 0.4rem;
}

.p-t-8 {
	padding-top: 0.8rem;
}

.p-t-12 {
	padding-top: 1.2rem;
}

.p-t-16 {
	padding-top: 1.6rem;
}

.p-t-18 {
	padding-top: 1.6rem;
}

.p-t-20 {
	padding-top: 2rem;
}

.p-t-24 {
	padding-top: 2.4rem;
}

.p-t-32 {
	padding-top: 3.2rem;
}

.p-t-40 {
	padding-top: 4rem;
}

.p-t-80 {
	padding-top: 8rem;
}

@include screen-mobile {
	.p-t-40 {
		padding-top: 3.2rem;
	}
}

.p-b-4 {
	padding-bottom: 0.4rem;
}

.p-b-8 {
	padding-bottom: 0.8rem;
}

.p-b-12 {
	padding-bottom: 1.2rem;
}

.p-b-16 {
	padding-bottom: 1.6rem;
}

.p-b-24 {
	padding-bottom: 2.4rem;
}

.p-b-32 {
	padding-bottom: 3.2rem;
}

.p-b-40 {
	padding-bottom: 4rem;
}

@include screen-mobile {
	.p-b-40 {
		padding-bottom: 3.2rem;
	}
}

.p-l-2 {
	padding-left: 0.2rem;
}

.p-l-4 {
	padding-left: 0.4rem;
}

.p-l-6 {
	padding-left: 0.6rem;
}

.p-l-8 {
	padding-left: 0.8rem;
}

.p-l-12 {
	padding-left: 1.2rem;
}

.p-l-16 {
	padding-left: 1.6rem;
}

.p-l-18 {
	padding-left: 1.8rem;
}

.p-l-20 {
	padding-left: 2rem;
}

.p-l-22 {
	padding-left: 2.2rem;
}

.p-l-24 {
	padding-left: 2.4rem;
}

.p-l-32 {
	padding-left: 3.2rem;
}

.p-l-40 {
	padding-left: 4rem;
}

.p-l-44 {
	padding-left: 4.4rem;
}

.p-l-48 {
	padding-left: 4.8rem;
}

.p-l-52 {
	padding-left: 5.2rem;
}

@include screen-mobile {
	.p-l-40 {
		padding-left: 3.2rem;
	}
}

.p-r-4 {
	padding-right: 0.4rem;
}

.p-r-8 {
	padding-right: 0.8rem;
}

.p-r-12 {
	padding-right: 1.2rem;
}

.p-r-16 {
	padding-right: 1.6rem;
}

.p-r-18 {
	padding-right: 1.8rem;
}

.p-r-20 {
	padding-right: 2rem;
}

.p-r-24 {
	padding-right: 2.4rem;
}

.p-r-32 {
	padding-right: 3.2rem;
}

.p-r-40 {
	padding-right: 4rem;
}

.p-r-44 {
	padding-right: 4.4rem;
}

.p-r-46 {
	padding-right: 4.6rem;
}

.p-r-48 {
	padding-right: 4.8rem;
}

.p-r-50 {
	padding-right: 5rem;
}

.p-r-55 {
	padding-right: 5.5rem;
}

@include screen-mobile {
	.p-r-40 {
		padding-right: 3.2px;
	}
}

.h-20 {
	height: 2rem;
}

.h-48 {
	height: 4.8rem;
}

.h-30 {
	height: 3rem;
}

.h-60 {
	height: 6rem;
}

.h-80 {
	height: 8rem;
}

.max-h-240 {
	max-height: 24rem;
}

.max-h-149 {
	max-height: 14.9rem !important;
}


.h-330 {
	height: $forecast-run-grid-height;
}

.h-390 {
	height: 39rem;
}

.h-350 {
	height: 35rem;
}

.h-400 {
	height: 40rem;
}

.h-410 {
	height: 41rem;
}

.h-415 {
	height: 41.5rem;
}

.h-420 {
	height: 42rem;
}

.h-440 {
	height: 44rem;
}

.h-460 {
	height: 46rem;
}

.h-480 {
	height: $sense-check-details-grid-height;
}

.h-465 {
	height: 46.5rem;
}

.h-500 {
	height: 50rem;
}

.h-528 {
	height: $sense-check-grid-height;
}

.h-900 {
	height: $promotion-modal-height;
}

.h-600 {
	height: 60rem;
}

.h-640 {
	height: 64rem;
}

.h-860 {
	height: 100%;
	max-height: $ordering-grid-height;
}

.h-384 {
	height: $table-modal-grid-height;
}

.h-356 {
	height: 35.6rem;
}

.h-608 {
	height: $data-management-grid-height;
}

.h-248 {
	height: $promo-modal-grid-height;
}

.h-48 {
	height: 4.8rem;
}

.w-0 {
	width: 0;
}

.w-5 {
	width: 5%;
}

.w-6 {
	width: 6%;
}

.w-10 {
	width: 10%;
}

.w-15 {
	width: 15%;
}

.w-16 {
	width: 16%;
}

.w-18 {
	width: 18%;
}

.w-20 {
	width: 20%;
}

.w-25 {
	width: 25%;
}

.w-30 {
	width: 30%;
}

.w-34 {
	width: 34%;
}

.w-35 {
	width: 35%;
}

.w-40 {
	width: 40%;
}

.w-45 {
	width: 45%;
}

.w-50 {
	width: 50%;
}

.w-55 {
	width: 55%;
}

.w-60 {
	width: 60%;
}

.w-65 {
	width: 65%;
}

.w-70 {
	width: 70%;
}

.w-75 {
	width: 75%;
}

.w-80 {
	width: 80%;
}

.w-85 {
	width: 85%;
}

.w-90 {
	width: 90%;
}

.w-95 {
	width: 95%;
}

.w-100 {
	width: 100%;
}

.w-420 {
  width: 42rem;
}
.w-350 {
  width: 35rem;
}

.height-max {
	height: 100%;
}

.full-height {
	min-height: 100vh;
}

.absolute-center-48 {
	left: 48vw;
	top: 48vh;
}

/*Font Size*/
.font-size-6 {
	font-size: 0.6rem;
}

.font-size-8 {
	font-size: 0.8rem;
}

.font-size-9 {
	font-size: 0.9rem;
}

.font-size-10 {
	font-size: 1rem;
}

.font-size-11 {
	font-size: 1.1rem;
}

.font-size-12 {
	font-size: 1.2rem;
}

.font-size-13 {
	font-size: 1.3rem;
}

.font-size-14 {
	font-size: 1.4rem;
}

.font-size-15 {
	font-size: 1.5rem;
}

.font-size-16 {
	font-size: 1.6rem;
}

.font-size-17 {
	font-size: 1.7rem;
}

.font-size-18 {
	font-size: 1.8rem;
}

.font-size-19 {
	font-size: 1.9rem;
}

.font-size-20 {
	font-size: 2rem;
}

.font-size-21 {
	font-size: 2.1rem;
}

.font-size-22 {
	font-size: 2.2rem;
}

.font-size-23 {
	font-size: 2.3rem;
}

.font-size-24 {
	font-size: 2.4rem;
}

.font-size-28 {
	font-size: 2.8rem;
}

.font-style-normal {
	font-style: normal;
}

/* Font Weight */

.font-weight-thin {
	font-weight: 300;
}

.font-weight-normal {
	font-weight: 400;
}

.font-weight-semibold {
	font-weight: 600;
}

.font-weight-bold {
	font-weight: 700;
}

.pointer {
	cursor: pointer;
}

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

/* Overflow */

.overflow-y-hidden {
	overflow-y: hidden;
}

.overflow-x-hidden {
	overflow-x: hidden;
}

.overflow-y-auto {
	overflow-y: auto;
}

.overflow-x-auto {
	overflow-x: auto;
}

/* Float */
@include screen-mobile {
	.pull-left-sm {
		float: left;
	}

	.pull-right-sm {
		float: right;
	}

	.pull-none-sm {
		float: none;
	}
}

/* Image */
.img-circle {
	border-radius: 50%;
}

/* Background */
.bg {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	&-grey {
		background-color: $aeap-color-grey;
	}

	&-white {
		background: $aeap-color-white;
	}

	&-primary-color {
		background: $aeap-color-primary;
	}

	&-secondary-color {
		background: $aeap-color-sky;
	}
}

/* Border */
.border {
	border: 0.1rem solid $aeap-border-dark;

	&.top {
		border: 0;
		border-top: 0.1rem solid $aeap-border-dark;
	}

	&.right {
		border: 0;
		border-right: 0.1rem solid $aeap-border-dark;
	}

	&.bottom {
		border: 0;
		border-bottom: 0.1rem solid $aeap-border-dark;
	}

	&.left {
		border: 0;
		border-left: 0.1rem solid $aeap-border-dark;
	}

	@include screen-tablet {
		&.border-hide-md {
			border-bottom: 0;
			border-left: 0;
			border-right: 0;
			border-top: 0;
		}
	}

	@include screen-mobile {
		&.border-hide-sm {
			border-bottom: 0;
			border-left: 0;
			border-right: 0;
			border-top: 0;
		}
	}
}

.no-border {
	border: 0;
	border-radius: 0;
}

.rounded {
	border-radius: 0.8rem;
}

/* Vertical Align */
.vertical-align {
	display: table;
	height: 100%;
	width: 100%;

	.table-cell {
		display: table-cell;
		vertical-align: middle;
	}
}

.vertical-align-super {
	vertical-align: super;
}

/* border-radius */
.border-radius-0 {
	border-radius: 0;
}

.border-radius-8 {
	border-radius: 0.8rem;
}

.border-radius-round {
	border-radius: 5rem;
}

.border-radius-0 {
	border-radius: 0;
}

/* opacity */
.opacity-03 {
	opacity: 0.3;
}

.opacity-04 {
	opacity: 0.4;
}

.opacity-05 {
	opacity: 0.5;
}

.opacity-06 {
	opacity: 0.6;
}

.opacity-07 {
	opacity: 0.7;
}

.opacity-08 {
	opacity: 0.8;
}

.opacity-09 {
	opacity: 0.9;
}

.opacity-10 {
	opacity: 1;
}

.line-height-24 {
	line-height: 2.4rem;
}

.line-height-16 {
	line-height: 1.6rem;
}

.line-height-12 {
	line-height: 1.2rem;
}

.line-height-21 {
	line-height: 2.1rem;
}

.line-height-26 {
	line-height: 2.6rem;
}

.z-index-1 {
	z-index: 1;
}

.z-index-9999 {
	z-index: 9999;
}

@include screen-mobile {
	/* Typography */

	p.w-95,
	p.w-90,
	p.w-85,
	p.w-80,
	p.w-75,
	p.w-70,
	p.w-65,
	p.w-60,
	p.w-55,
	p.w-50,
	p.w-45,
	p.w-40,
	p.w-35,
	p.w-30,
	p.w-25,
	p.w-20,
	p.w-15,
	p.w-10 {
		width: 100%;
	}

	input.width-95,
	input.width-90,
	input.width-85,
	input.width-80,
	input.width-75,
	input.width-70,
	input.width-65,
	input.width-60,
	input.width-55,
	input.width-50,
	input.width-45,
	input.width-40,
	input.width-35,
	input.width-30,
	input.width-25,
	input.width-20,
	input.width-15,
	input.width-10 {
		width: 100%;
	}
}

.tooltip {
	top: 0.9rem !important;
	.tooltip-inner {
		background: $aeap-color-very-dark-grey;
		color: $aeap-color-white;
		font-size: 1.2rem;
	}

	.tooltip-arrow.arrow {
		&::before {
			border-top-color: $aeap-color-very-dark-grey;
		}
	}
}

.text-capitalize {
	text-transform: capitalize;
}