.bar_scroll {
	overflow-y: hidden;

	&::-webkit-scrollbar {
		width: 5px;
		height: 5px;
	}

	&::-webkit-scrollbar-thumb {
		background-color: #888;
		border-radius: 40px;
	}

	&::-webkit-scrollbar-thumb:hover {
		background-color: #555;
	}

	&::-webkit-scrollbar-track {
		background-color: #f1f1f1;
	}

	&:hover {
		overflow-y: auto;
	}
}
.flex-none{
	flex: none!important;
}
.border-solid{
	border: 1px solid #717171!important;
}
/* custom border, border-radius class */

.rounded-10px{
	border-radius: 10px!important;
}
.rounded-12px{
	border-radius: 12px!important;
}
/* end custom border, border-radius class */

/* custom width, height class */
.h-10{
	width: 10%!important;
}
.h-20{
	width: 20%!important;
}
.h-30{
	height: 30%!important;
}
.h-100{
	height: 100%!important;
}

.h-10px{
	height: 10px!important;
}
.h-20px{
	height: 20px!important;
}
.h-30px{
	height: 30px!important;
}
.h-35px{
	height: 35px!important;
}
.h-100px{
	height: 100px!important;
}
.h-150px{
	height: 150px!important;
}
.h-200px{
	height: 200px!important;
}
.h-250px{
	height: 250px!important;
}

.w-5{
	width: 5%!important;
}
.w-8{
	width: 8%!important;
}
.w-9{
	width: 9%!important;
}
.w-10{
	width: 10%!important;
}
.w-15{
	width: 15%!important;
}
.w-20{
	width: 20%!important;
}
.w-30{
	width: 30%!important;
}
.w-36{
	width: 36%!important;
}
.w-40{
	width: 40%!important;
}
.w-45{
	width: 45%!important;
}
.w-48{
	width: 48%!important;
}
.w-50{
	width: 50%!important;
}
.w-55{
	width: 55%!important;
}
.w-59{
	width: 59%!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;
}

.w-10px{
	width: 10px!important;
}
.w-20px{
	width: 20px!important;
}
.w-30px{
	width: 30px!important;
}
.w-40px{
	width: 40px!important;
}
.w-50px{
	width: 50px!important;
}
.w-60px{
	width: 60px!important;
}
.w-70px{
	width: 70px!important;
}
.w-80px{
	width: 80px!important;
}
.w-90px{
	width: 90px!important;
}
.w-100px{
	width: 100px!important;
}
.w-120px{
	width: 120px!important;
}
.w-150px{
	width: 150px!important;
}
.w-200px{
	width: 200px!important;
}
.w-300px{
	width: 300px!important;
}
.w-350px{
	width: 350px!important;
}
.w-380px{
	width: 380px!important;
}
.w-400px{
	width: 400px!important;
}
.w-950px{
	width: 950px!important;
}
.w-1000px{
	width: 1000px!important;
}
/* end custom width class */

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.w-md-5{
		width: 5%!important;
	}
	.w-md-8{
		width: 8%!important;
	}
	.w-md-10{
		width: 10%!important;
	}
	.w-md-15{
		width: 15%!important;
	}
	.w-md-20{
		width: 20%!important;
	}
	.w-md-30{
		width: 30%!important;
	}
	.w-md-40{
		width: 40%!important;
	}
	.w-md-45{
		width: 45%!important;
	}
	.w-md-48{
		width: 48%!important;
	}
	.w-md-50{
		width: 50%!important;
	}
	.w-md-55{
		width: 55%!important;
	}
	.w-md-60{
		width: 60%!important;
	}
	.w-md-65{
		width: 65%!important;
	}
	.w-md-70{
		width: 70%!important;
	}
	.w-md-75{
		width: 75%!important;
	}
	.w-md-80{
		width: 80%!important;
	}
	.w-md-85{
		width: 85%!important;
	}
	.w-md-90{
		width: 90%!important;
	}
	.w-md-95{
		width: 95%!important;
	}
	.w-md-100{
		width: 100%!important;
	}
}