.d-none {
	display: none !important;
}

.d-flex {
	display: flex !important;
}

.align-items-center {
	align-items: center !important;
}

.justify-content-start {
	justify-content: flex-start !important;
}

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

.flex-direction-row {
	flex-direction: row !important;
}

.g-4 {
	gap: 4px !important;
}

.g-8 {
	gap: 8px !important;
}

.text-align-center {
	text-align: center !important;
}

.text-align-end {
	text-align: end !important;
}

.flex-column {
	flex-direction: column !important;
}

/* Top */
.t-4 {
	top: 4px !important;
}

/* Height */
.max-height-312 {
	max-height: 19.5rem !important;
}

.h-12 {
	height: 12px !important;
}

.h-16 {
	height: 16px !important;
}

.h-18 {
	height: 18px !important;
}

.h-20 {
	height: 20px !important;
}

.h-22 {
	height: 22px !important;
}

.h-24 {
	height: 24px !important;
}

.h-26 {
	height: 26px !important;
}

.h-40 {
	height: 40px !important;
}

/* Width */
.w14 {
	width: 14% !important;
}

.w-24 {
	width: 24px !important;
}

.w30 {
	width: 30% !important;
}

.w32 {
	width: 32% !important;
}

.w34 {
	width: 34% !important;
}

.w40 {
	width: 40% !important;
}

.w48 {
	width: 48% !important;
}

.w50 {
	width: 50% !important;
}

.w60 {
	width: 60% !important;
}

.w70 {
	width: 70% !important;
}

.w80 {
	width: 80% !important;
}

.w100 {
	width: 100% !important;
}


/* Margin */
.m-25 {
	margin: 25px !important;
}

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

.ml-5 {
	margin-left: 5px !important;
}

.mr-5 {
	margin-right: 5px !important;
}

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

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

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

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

.mt-10 {
	margin-top: 10px !important;
}

.mb-10 {
	margin-bottom: 10px !important;
}

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

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

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

.mt-18 {
	margin-top: 18px !important;
}

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

.mt-22 {
	margin-top: 22px !important;
}

.mb-22 {
	margin-bottom: 22px !important;
}

.mb-30 {
	margin-bottom: 30px !important;
}

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

.mb-44 {
	margin-bottom: 44px !important;
}

/* Padding */
.pl-0 {
	padding-left: 0 !important;
}

.p-20 {
	padding: 20px !important;
}

.pr-30 {
	padding-right: 30px !important;
}

.bg-t {
	background: transparent !important;
}

/* Font */
.font-small {
	font-size: small !important;
}

.font-medium {
	font-size: medium !important;
}

.font-large {
	font-size: large !important;
}

.font-larger {
	font-size: larger !important;
}

.font-bold {
	font-weight: 800 !important;
}

@media print,
screen and (max-width: 47.9375em) {
	.smb-20 {
		margin-bottom: 20px;
	}

	.smr-8 {
		margin-right: 8px;
	}
}

.sticky-header {
	position: sticky;
	top: 0;
	z-index: 1;
	background: #fff;
}

.modal-body {
	overflow-y: auto;
	max-height: calc(90vh - 120px);
}

/* select2 CSS */

.select2-container {
	margin-bottom: 1rem !important;
}

.select2-container--default .select2-selection--single {
	border-radius: unset !important;
}

.select2-container .select2-selection--single {
	height: 37px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 35px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 34px !important;
}

/* Botton Dasboard in TPP Sales */

.info-row {
	display: flex;
	flex-wrap: wrap;
	margin-right: -7.5px;
	margin-left: -7.5px;
}

.info-col-6 {
	flex: 0 0 16.66%;
	max-width: 16.66%;
	position: relative;
	width: 100%;
	padding-right: 7.5px;
	padding-left: 7.5px;
}

.info-box {
	box-shadow: 0 0 1px rgba(0, 0, 0, .125), 0 1px 3px rgba(0, 0, 0, .2);
	border-radius: .25rem;
	background-color: #fff;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 1rem;
	min-height: 80px;
	padding: .5rem;
	position: relative;
	width: 100%;
}

.bg-light {
	background-color: #f8f9fa !important;
}

.info-box-content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	line-height: 1.8;
	flex: 1;
	padding: 0 10px;
	overflow: hidden;
}

.info-box-text {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.info-box-number {
	display: block;
	margin-top: .25rem;
	font-weight: 700;
}