/******************** FONT ********************/
.font-10-500{
	font-size:10px;
	font-weight: 500;
	color: #59595A;
}
.font-12-400{
	font-size:12px;
	font-weight: 400;
	color: #59595A;
}
.font-12-500{
	font-size:12px;
	font-weight: 500;
	color: #59595A;
}
.font-12-700{
	font-size:12px;
	font-weight: 700;
	color: #59595A;
}
.font-14-400{
	font-size:14px;
	font-weight: 400;
	color: #59595A;
}
.font-14-500{
	font-size:14px;
	font-weight: 500;
	color: #59595A;
}
.font-14-700{
	font-size:14px;
	font-weight: 700;
	color: #59595A;
}
.font-15-400{
	font-size:15px;
	font-weight: 400;
	color: #59595A;
}
.font-15-700{
	font-size:15px;
	font-weight: 700;
	color: #59595A;
}
.font-16-500{
	font-size:16px;
	font-weight: 500;
	color: #59595A;
}
.font-16-700{
	font-size:16px;
	font-weight: 700;
	color: #59595A;
}
.font-18-700{
	font-size:18px;
	font-weight: 700;
	color: #59595A;
}
.font-20-400{
	font-size:20px;
	font-weight: 400;
	color: #59595A;
}
.placehoder-text {
	color: #A8A5A5;
	font-size:10px;
	font-weight: 400;
}


/******************** COLOR ********************/
.c-ffffff {
	color: #ffffff;
}
.c-4149E1 {
	color: #4149E1;
}
.bg-4149E1 {
	background-color: #4149E1;
}
.bg-EAEAEA {
	background-color: #EAEAEA;
}
.c-custom {
	color: var(--text-primary-color) !important;
}
.bg-custom {
	background-color: var(--general-bgcolor-dark) !important;
}

/* WIDTH */
.w-28p {
	width: 28px;
}
.w-30p {
	width: 30px !important;
}
.w-40p {
	width: 40px;
}
.w-45p {
	width: 45px;
}
.w-50p {
	width: 50px;
}
.w-60p {
	width: 60px !important;
}
.w-68p {
	width: 68px;
}
.w-70p {
	width: 70px;
}
.w-72p {
	width: 72px;
}
.w-75p {
	width: 75px;
}
.w-80p {
	width: 80px;
}
.w-90p {
	width: 90px;
}
.w-95p {
	width: 95px;
}
.w-102p {
	width: 102px;
}
.w-128p {
	width: 128px;
}
.w-148p {
	width: 148px;
}
.w-158p {
	width: 158px;
}
.w-165p {
	width: 165px;
}
.w-200p {
	width: 200px;
}
.w-220p {
	width: 220px !important;
}
.w-230p {
	width: 230px;
}
.w-240p {
	width: 240px !important;
}
.w-250p {
	width: 250px;
}
.w-285p {
	width: 285px;
}
.w-310p {
	width: 310px;
}
.w-400p{
	width: 400px;
}
.w-410p{
	width: 410px;
}
.w-420p{
	width: 420px;
}
.w-450p{
	width: 450px;
}
.w-490p{
	width: 490px !important;
}
.w-520p{
	width: 520px;
}
.w-550p{
	width: 550px;
}
.w-670p{
	width: 670px;
}
.w-780p{
	width: 780px;
}
.w-900p{
	width: 900px;
}
.w-950p{
	width: 950px;
}
.w-1160p{
	width: 1160px;
	max-width: 1160px;
}
.w-14 {
	width: 14% !important;
}
.w-16 {
	width: 16% !important;
}
.w-19 {
	width: 19% !important;
}
.w-21 {
	width: 21% !important;
}
.w-25 {
	width: 25% !important;
}
.w-30{
	width: 30% !important;
}
.w-33{
	width: 33% !important;
}
.w-38{
	width: 38% !important;
}
.w-40 {
	width: 40% !important;
}
.w-45 {
	width: 45% !important;
}
.w-55 {
	width: 55% !important;
}
.w-60{
	width: 60% !important;
}
.w-65{
	width: 65% !important;
}
.w-70{
	width: 70% !important;
}
.w-72{
	width: 72% !important;
}
.w-85 {
	width: 85% !important;
}
.w-87 {
	width: 87% !important;
}
.w-90 {
	width: 90% !important;
}
.w-97 {
	width: 97% !important;
}
.w-104 {
	width: 104% !important;
}
.mw-85 {
	max-width: 85% !important;
}
.mw-97 {
	max-width: 97% !important;
}
.mw-90p {
	width: 90px;
	max-width: 90px;
}
.mw-95p {
	width: 95px;
	max-width: 95px;
}
.mw-110p{
	max-width: 110px;
}
.mw-150p{
	width: 150px;
	max-width: 150px;
}

/******************** HEIGHT ********************/
.h-14p{
	height: 14px;
}
.h-20p{
	height: 20px;
}
.h-26p{
	height: 26px;
}
.h-28p{
	height: 28px;
}
.h-30p {
	height: 30px;
}
.h-50p{
	height: 50px;
}
.h-70p{
	height: 70px !important;
}
.h-85p{
	height: 85px;
}
.h-105p{
	height: 105px !important;
}
.h-170p{
	height: 170px !important;
}
.h-210p{
	height: 210px !important;
}
.h-235p{
	height: 235px !important;
}
.h-300p{
	height: 300px;
}
.h-350p{
	height: 350px;
}
.h-450p{
	height: 450px;
}
.h-490p{
	height: 490px !important;
}
.h-550p{
	height: 550px;
}
.h-570p{
	height: 570px;
}
.h-720p{
	height: 720px;
}
.h-16{
	height: 16% !important;
}
.h-20{
	height: 20% !important;
}
.h-22{
	height: 22% !important;
}
.h-27{
	height: 27% !important;
}
.h-30{
	height: 30% !important;
}
.h-35{
	height: 35% !important;
}
.h-40{
	height: 40% !important;
}
.h-65 {
	height: 65% !important;
}
.h-67{
	height: 67% !important;
}
.h-70 {
	height: 70% !important;
}
.h-72 {
	height: 72% !important;
}
.h-78{
	height: 78% !important;
}
.h-80{
	height: 80% !important;
}
.h-85{
	height: 85% !important;
}
.h-90{
	height: 90% !important;
}
.h-95{
	height: 95% !important;
}
.min-h-50p{
	min-height: 50px;
}

/******************** MARGIN ********************/
.ms-1p{
	margin-left: 1px;
}
.ms-10p {
	margin-left: 10px;
}
.ms-25p {
	margin-left: 25px;
}
.ms-35p{
	margin-left: 35px;
}
.ms-56p{
	margin-left: 56px;
}
.ms-70p{
	margin-left: 70px;
}
.me-6p{
	margin-right: 6px;
}
.mt--3p{
	margin-top: -3px;
}
.mt-6p{
	margin-top: 6px;
}
.mt-20p{
	margin-top: 20px;
}
.mt-93p{
	margin-top: 93px;
}
.mb-12p{
	margin-bottom: 12px;
}
.my-6p {
	margin: 6px 0;
}
.my-16p {
	margin: 16px 0;
}
.start-80 {
    left: 80% !important;
}
.top-20 {
    top: 20!important;
}


/******************** RADIUS ********************/
.radius-4p{
	border-radius: 4px;
}
.radius-20p{
	border-radius: 20px!important;
}
.radius-50p{
	border-radius: 50px;
}
.radius-right-20p{
	border-radius: 0 20px 20px 0;
}

/******************** PADDING ********************/
.pt-20p{
	padding-top: 20px;
}
.pl-10p{
	padding-left: 10px;
}
.pl-20p{
    padding-left:20px!important;
}
.pl-30p{
   padding-left:30px!important;
}
.pl-32p{
   padding-left:32px!important;
}
.pl-40p{
	padding-left: 40px!important;
}
.pl-48p{
	padding-left: 48px!important;
}
.p-3p{
	padding: 3px;
}
.p-5p {
	padding: 5px;	
}
.p-20p {
	padding: 20px;
}
.p-20-30p {
	padding: 20px 30px;
}
.p-6-8-p{
    padding: 6.5px 8px!important;
}

/******************** FONT-COLOR ********************/
.font-orange{
	color: rgba(244, 120, 66, 1);
}
/******************** BG-COLOR ********************/
.bgc-allpage{
	background-color:#fafafa;
}
.bg-grey {
	background: #E4E4E4;
}
.bg-black {
	background-color: #000;
}
.bg-E7 {
	background: #E7E7E7;
}
.bg-F8 {
	background: #F8F8F8;
}
/******************** LINE-HEIGHT ********************/
.lh-30p{
	line-height: 30px;
}
.lh-25p{
	line-height: 25px;
}

/******************** FLEX-DIRECTION ********************/
.flex-direction-inherit{
	flex-direction: inherit;
}

/******************** BORDER ********************/
.border-1p{
	border: 1px solid #ddd;
}
.border-1p-c4
{
 	border: 1px solid #C4C4C4;
}

/******************** USER-COLOR ********************/
.user-1 {
	background-color: var(--general-bgcolor-dark);
}
.user-2 {
	background-color: #A31F1F
}
.user-3 {
	background-color: #84DF7D
}
.user-4 {
	background-color: #0E5E07
}
.user-5 {
	background-color: #2E4D89
}
.user-6 {
	background-color: #6B169F
}
.user-7 {
	background-color: #B69625
}
.user-8 {
	background-color: #E18E10
}
.user-9 {
	background-color: #7DBCDF
}
.user-0 {
	background-color: #D894F8
}