html, body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

.i-block {
	display: inline-block;
}

/********** FLEX **********/

.flex { display: flex; }
.i-flex { display: inline-flex; }
.flex-col { display: flex; flex-direction: column; }
.align-center { align-items: center; }
.align-start { align-items: flex-start; }
.align-end { align-items: flex-end; }
.align-around { align-content: space-around; }
.align-between { align-content: space-between; }
.justify-center { justify-content: center; }
.justify-start { justify-content: flex-start; }
.justify-end { justify-content: flex-end; }
.justify-around { justify-content: space-around; }
.justify-between { justify-content: space-between; }
.flex-wrap { flex-wrap: wrap; }
.flex-center { display: flex; align-items: center; justify-content: center; }

.flex1 { flex: 1; }
.flex2 { flex: 2; }
.flex3 { flex: 3; }
.flex4 { flex: 4; }

/********** FLEX **********/

/********** WIDTH & HEIGHT **********/

.w-1		{ width: 1px !important; }
.w-2		{ width: 2px !important; }
.w-3		{ width: 3px !important; }
.w-4		{ width: 4px !important; }
.w-5		{ width: 5px !important; }
.w-6		{ width: 6px !important; }
.w-7		{ width: 7px !important; }
.w-8		{ width: 8px !important; }
.w-9		{ width: 9px !important; }
.w-10		{ width: 10px !important; }
.w-15		{ width: 15px !important; }
.w-16		{ width: 16px !important; }
.w-17		{ width: 17px !important; }
.w-20		{ width: 20px !important; }
.w-25		{ width: 25px !important; }
.w-30		{ width: 30px !important; }
.w-34		{ width: 34px !important; }
.w-40		{ width: 40px !important; }
.w-50		{ width: 50px !important; }
.w-60		{ width: 60px !important; }
.w-70		{ width: 70px !important; }
.w-80		{ width: 80px !important; }
.w-90		{ width: 90px !important; }
.w-96		{ width: 96px !important; }
.w-100	{ width: 100px !important; }
.w-110	{ width: 110px !important; }
.w-120	{ width: 120px !important; }
.w-130	{ width: 130px !important; }
.w-140	{ width: 140px !important; }
.w-150	{ width: 150px !important; }
.w-160	{ width: 160px !important; }
.w-165	{ width: 165px !important; }
.w-170	{ width: 170px !important; }
.w-180	{ width: 180px !important; }
.w-190	{ width: 190px !important; }
.w-200	{ width: 200px !important; }
.w-220	{ width: 220px !important; }
.w-230	{ width: 230px !important; }
.w-250	{ width: 250px !important; }
.w-260	{ width: 260px !important; }
.w-300	{ width: 300px !important; }
.w-310	{ width: 310px !important; }
.w-320	{ width: 320px !important; }
.w-330	{ width: 330px !important; }
.w-340	{ width: 340px !important; }
.w-350	{ width: 350px !important; }
.w-380	{ width: 380px !important; }
.w-400	{ width: 400px !important; }
.w-450	{ width: 450px !important; }
.w-500	{ width: 500px !important; }
.w-520	{ width: 520px !important; }
.w-540	{ width: 540px !important; }
.w-560	{ width: 560px !important; }
.w-600	{ width: 600px !important; }
.w-650	{ width: 650px !important; }
.w-680	{ width: 680px !important; }
.w-700	{ width: 700px !important; }
.w-720	{ width: 720px !important; }
.w-800	{ width: 800px !important; }
.w-900	{ width: 900px !important; }
.w-1000	{ width: 1000px !important; }
.w-1500	{ width: 1500px !important; }
.w-1800	{ width: 1800px !important; }
.w-2000	{ width: 2000px !important; }

.w-fit-content { width: fit-content; }

.mw-1			{ min-width: 1px; }
.mw-2			{ min-width: 2px; }
.mw-3			{ min-width: 3px; }
.mw-4			{ min-width: 4px; }
.mw-5			{ min-width: 5px; }
.mw-6			{ min-width: 6px; }
.mw-7			{ min-width: 7px; }
.mw-8			{ min-width: 8px; }
.mw-9			{ min-width: 9px; }
.mw-10		{ min-width: 10px; }
.mw-15		{ min-width: 15px; }
.mw-16		{ min-width: 16px; }
.mw-17		{ min-width: 17px; }
.mw-20		{ min-width: 20px; }
.mw-25		{ min-width: 25px; }
.mw-30		{ min-width: 30px; }
.mw-40		{ min-width: 40px; }
.mw-50		{ min-width: 50px; }
.mw-60		{ min-width: 60px; }
.mw-70		{ min-width: 70px; }
.mw-80		{ min-width: 80px; }
.mw-90		{ min-width: 90px; }
.mw-100		{ min-width: 100px; }
.mw-110		{ min-width: 110px; }
.mw-120		{ min-width: 120px; }
.mw-130		{ min-width: 130px; }
.mw-140		{ min-width: 140px; }
.mw-150		{ min-width: 150px; }
.mw-160		{ min-width: 160px; }
.mw-170		{ min-width: 170px; }
.mw-180		{ min-width: 180px; }
.mw-190		{ min-width: 190px; }
.mw-200		{ min-width: 200px; }
.mw-220		{ min-width: 220px; }
.mw-300		{ min-width: 300px; }
.mw-310		{ min-width: 310px; }
.mw-320		{ min-width: 320px; }
.mw-330		{ min-width: 330px; }
.mw-340		{ min-width: 340px; }
.mw-350		{ min-width: 350px; }
.mw-400		{ min-width: 400px; }
.mw-500		{ min-width: 500px; }
.mw-600		{ min-width: 600px; }
.mw-700		{ min-width: 700px; }
.mw-720		{ min-width: 720px; }
.mw-800		{ min-width: 800px; }
.mw-900		{ min-width: 900px; }
.mw-1000	{ min-width: 1000px; }

.mx-w-1360	{ max-width: 1360px; }

.wp-10	{ width: 10%; }
.wp-20	{ width: 20%; }
.wp-30	{ width: 30%; }
.wp-40	{ width: 40%; }
.wp-50	{ width: 50%; }
.wp-60	{ width: 60%; }
.wp-70	{ width: 70%; }
.wp-80	{ width: 80%; }
.wp-90	{ width: 90%; }
.wp-100	{ width: 100%; }

.h-1		{ height: 1px !important; }
.h-2		{ height: 2px !important; }
.h-3		{ height: 3px !important; }
.h-4		{ height: 4px !important; }
.h-5		{ height: 5px !important; }
.h-6		{ height: 6px !important; }
.h-7		{ height: 7px !important; }
.h-8		{ height: 8px !important; }
.h-9		{ height: 9px !important; }
.h-10		{ height: 10px !important; }
.h-13		{ height: 13px !important; }
.h-14		{ height: 14px !important; }
.h-15		{ height: 15px !important; }
.h-20		{ height: 20px !important; }
.h-25		{ height: 25px !important; }
.h-26		{ height: 26px !important; }
.h-28		{ height: 28px !important; }
.h-30		{ height: 30px !important; }
.h-34		{ height: 34px !important; }
.h-35		{ height: 35px !important; }
.h-36		{ height: 36px !important; }
.h-38		{ height: 38px !important; }
.h-40		{ height: 40px !important; }
.h-41		{ height: 41px !important; }
.h-45		{ height: 45px !important; }
.h-46		{ height: 46px !important; }
.h-50		{ height: 50px !important; }
.h-55		{ height: 55px !important; }
.h-56		{ height: 56px !important; }
.h-60		{ height: 60px !important; }
.h-65		{ height: 65px !important; }
.h-66		{ height: 66px !important; }
.h-68		{ height: 68px !important; }
.h-70		{ height: 70px !important; }
.h-75		{ height: 75px !important; }
.h-80		{ height: 80px !important; }
.h-85		{ height: 85px !important; }
.h-90		{ height: 90px !important; }
.h-95		{ height: 95px !important; }
.h-96		{ height: 96px !important; }
.h-100	{ height: 100px !important; }
.h-110	{ height: 110px !important; }
.h-115	{ height: 115px !important; }
.h-120	{ height: 120px !important; }
.h-130	{ height: 130px !important; }
.h-140	{ height: 140px !important; }
.h-150	{ height: 150px !important; }
.h-160	{ height: 160px !important; }
.h-170	{ height: 170px !important; }
.h-175	{ height: 175px !important; }
.h-180	{ height: 180px !important; }
.h-185	{ height: 185px !important; }
.h-190	{ height: 190px !important; }
.h-200	{ height: 200px !important; }
.h-220	{ height: 220px !important; }
.h-230	{ height: 230px !important; }
.h-290	{ height: 290px !important; }
.h-300	{ height: 300px !important; }
.h-400	{ height: 400px !important; }
.h-440	{ height: 440px !important; }
.h-500	{ height: 500px !important; }
.h-600	{ height: 600px !important; }
.h-700	{ height: 700px !important; }
.h-800	{ height: 800px !important; }
.h-900	{ height: 900px !important; }
.h-1000	{ height: 1000px !important; }

.mh-full { min-height: 100%; }

.lh-1		{ line-height: 1px; }
.lh-2		{ line-height: 2px; }
.lh-3		{ line-height: 3px; }
.lh-4		{ line-height: 4px; }
.lh-5		{ line-height: 5px; }
.lh-6		{ line-height: 6px; }
.lh-7		{ line-height: 7px; }
.lh-8		{ line-height: 8px; }
.lh-9		{ line-height: 9px; }
.lh-10	{ line-height: 10px; }
.lh-12	{ line-height: 12px; }
.lh-14	{ line-height: 14px; }
.lh-15	{ line-height: 15px; }
.lh-16	{ line-height: 16px; }
.lh-18	{ line-height: 18px; }
.lh-20	{ line-height: 20px; }
.lh-22	{ line-height: 22px; }
.lh-24	{ line-height: 24px; }
.lh-26	{ line-height: 26px; }
.lh-28	{ line-height: 28px; }
.lh-30	{ line-height: 30px; }
.lh-32	{ line-height: 32px; }
.lh-34	{ line-height: 34px; }
.lh-36	{ line-height: 36px; }
.lh-38	{ line-height: 38px; }
.lh-40	{ line-height: 40px; }
.lh-45	{ line-height: 45px; }
.lh-50	{ line-height: 50px; }

/********** WIDTH & HEIGHT **********/

/********** PADDING **********/
.p-l-1		{ padding-left: 1px; }
.p-l-2		{ padding-left: 2px; }
.p-l-3		{ padding-left: 3px; }
.p-l-4		{ padding-left: 4px; }
.p-l-5		{ padding-left: 5px; }
.p-l-6		{ padding-left: 6px; }
.p-l-7		{ padding-left: 7px; }
.p-l-8		{ padding-left: 8px; }
.p-l-9		{ padding-left: 9px; }
.p-l-10		{ padding-left: 10px; }
.p-l-15		{ padding-left: 15px; }
.p-l-20		{ padding-left: 20px; }
.p-l-25		{ padding-left: 25px; }
.p-l-30		{ padding-left: 30px; }
.p-l-35		{ padding-left: 35px; }
.p-l-40		{ padding-left: 40px; }
.p-l-45		{ padding-left: 45px; }
.p-l-50		{ padding-left: 50px; }
.p-l-55		{ padding-left: 55px; }
.p-l-60		{ padding-left: 60px; }
.p-l-65		{ padding-left: 65px; }
.p-l-70		{ padding-left: 70px; }
.p-l-75		{ padding-left: 75px; }
.p-l-80		{ padding-left: 80px; }
.p-l-85		{ padding-left: 85px; }
.p-l-90		{ padding-left: 90px; }
.p-l-95		{ padding-left: 95px; }
.p-l-100	{ padding-left: 100px; }
.p-l-200	{ padding-left: 200px; }
.p-l-300	{ padding-left: 300px; }
.p-l-400	{ padding-left: 400px; }
.p-l-500	{ padding-left: 500px; }

.p-r-1		{ padding-right: 1px; }
.p-r-2		{ padding-right: 2px; }
.p-r-3		{ padding-right: 3px; }
.p-r-4		{ padding-right: 4px; }
.p-r-5		{ padding-right: 5px; }
.p-r-6		{ padding-right: 6px; }
.p-r-7		{ padding-right: 7px; }
.p-r-8		{ padding-right: 8px; }
.p-r-9		{ padding-right: 9px; }
.p-r-10		{ padding-right: 10px; }
.p-r-15		{ padding-right: 15px; }
.p-r-20		{ padding-right: 20px; }
.p-r-25		{ padding-right: 25px; }
.p-r-30		{ padding-right: 30px; }
.p-r-35		{ padding-right: 35px; }
.p-r-40		{ padding-right: 40px; }
.p-r-45		{ padding-right: 45px; }
.p-r-50		{ padding-right: 50px; }
.p-r-55		{ padding-right: 55px; }
.p-r-60		{ padding-right: 60px; }
.p-r-65		{ padding-right: 65px; }
.p-r-70		{ padding-right: 70px; }
.p-r-75		{ padding-right: 75px; }
.p-r-80		{ padding-right: 80px; }
.p-r-85		{ padding-right: 85px; }
.p-r-90		{ padding-right: 90px; }
.p-r-95		{ padding-right: 95px; }
.p-r-100	{ padding-right: 100px; }
.p-r-200	{ padding-right: 200px; }
.p-r-300	{ padding-right: 300px; }
.p-r-400	{ padding-right: 400px; }
.p-r-500	{ padding-right: 500px; }

.p-t-1		{ padding-top: 1px; }
.p-t-2		{ padding-top: 2px; }
.p-t-3		{ padding-top: 3px; }
.p-t-4		{ padding-top: 4px; }
.p-t-5		{ padding-top: 5px; }
.p-t-6		{ padding-top: 6px; }
.p-t-7		{ padding-top: 7px; }
.p-t-8		{ padding-top: 8px; }
.p-t-9		{ padding-top: 9px; }
.p-t-10		{ padding-top: 10px; }
.p-t-15		{ padding-top: 15px; }
.p-t-20		{ padding-top: 20px; }
.p-t-25		{ padding-top: 25px; }
.p-t-30		{ padding-top: 30px; }
.p-t-35		{ padding-top: 35px; }
.p-t-40		{ padding-top: 40px; }
.p-t-45		{ padding-top: 45px; }
.p-t-50		{ padding-top: 50px; }
.p-t-55		{ padding-top: 55px; }
.p-t-60		{ padding-top: 60px; }
.p-t-65		{ padding-top: 65px; }
.p-t-70		{ padding-top: 70px; }
.p-t-75		{ padding-top: 75px; }
.p-t-80		{ padding-top: 80px; }
.p-t-85		{ padding-top: 85px; }
.p-t-90		{ padding-top: 90px; }
.p-t-95		{ padding-top: 95px; }
.p-t-100	{ padding-top: 100px; }
.p-t-200	{ padding-top: 200px; }
.p-t-300	{ padding-top: 300px; }
.p-t-400	{ padding-top: 400px; }
.p-t-500	{ padding-top: 500px; }

.p-b-1		{ padding-bottom: 1px; }
.p-b-2		{ padding-bottom: 2px; }
.p-b-3		{ padding-bottom: 3px; }
.p-b-4		{ padding-bottom: 4px; }
.p-b-5		{ padding-bottom: 5px; }
.p-b-6		{ padding-bottom: 6px; }
.p-b-7		{ padding-bottom: 7px; }
.p-b-8		{ padding-bottom: 8px; }
.p-b-9		{ padding-bottom: 9px; }
.p-b-10		{ padding-bottom: 10px; }
.p-b-15		{ padding-bottom: 15px; }
.p-b-20		{ padding-bottom: 20px; }
.p-b-25		{ padding-bottom: 25px; }
.p-b-30		{ padding-bottom: 30px; }
.p-b-35		{ padding-bottom: 35px; }
.p-b-40		{ padding-bottom: 40px; }
.p-b-45		{ padding-bottom: 45px; }
.p-b-50		{ padding-bottom: 50px; }
.p-b-55		{ padding-bottom: 55px; }
.p-b-60		{ padding-bottom: 60px; }
.p-b-65		{ padding-bottom: 65px; }
.p-b-70		{ padding-bottom: 70px; }
.p-b-75		{ padding-bottom: 75px; }
.p-b-80		{ padding-bottom: 80px; }
.p-b-85		{ padding-bottom: 85px; }
.p-b-90		{ padding-bottom: 90px; }
.p-b-95		{ padding-bottom: 95px; }
.p-b-100	{ padding-bottom: 100px; }
.p-b-200	{ padding-bottom: 200px; }
.p-b-300	{ padding-bottom: 300px; }
.p-b-400	{ padding-bottom: 400px; }
.p-b-500	{ padding-bottom: 500px; }

.padder-1		{	padding-left: 1px;	padding-right: 1px;	}
.padder-2		{	padding-left: 2px;	padding-right: 2px;	}
.padder-3		{	padding-left: 3px;	padding-right: 3px;	}
.padder-4		{	padding-left: 4px;	padding-right: 4px;	}
.padder-5		{	padding-left: 5px;	padding-right: 5px;	}
.padder-6		{	padding-left: 6px;	padding-right: 6px;	}
.padder-7		{	padding-left: 7px;	padding-right: 7px;	}
.padder-8		{	padding-left: 8px;	padding-right: 8px;	}
.padder-9		{	padding-left: 9px;	padding-right: 9px;	}
.padder-10	{	padding-left: 10px;	padding-right: 10px;	}
.padder-15	{	padding-left: 15px;	padding-right: 15px;	}
.padder-20	{	padding-left: 20px;	padding-right: 20px;	}
.padder-25	{	padding-left: 25px;	padding-right: 25px;	}
.padder-30	{	padding-left: 30px;	padding-right: 30px;	}
.padder-35	{	padding-left: 35px;	padding-right: 35px;	}
.padder-40	{	padding-left: 40px;	padding-right: 40px;	}
.padder-45	{	padding-left: 45px;	padding-right: 45px;	}
.padder-50	{	padding-left: 50px;	padding-right: 50px;	}
.padder-100	{	padding-left: 100px;	padding-right: 100px;	}

.p-tb-none { padding-top: 0; padding-bottom: 0; }

.wrapper-1		{ padding: 1px; }
.wrapper-2		{ padding: 2px; }
.wrapper-3		{ padding: 3px; }
.wrapper-4		{ padding: 4px; }
.wrapper-5		{ padding: 5px; }
.wrapper-6		{ padding: 6px; }
.wrapper-7		{ padding: 7px; }
.wrapper-8		{ padding: 8px; }
.wrapper-9		{ padding: 9px; }
.wrapper-10		{ padding: 10px; }
.wrapper-15		{ padding: 15px; }
.wrapper-20		{ padding: 20px; }
.wrapper-25		{ padding: 25px; }
.wrapper-30		{ padding: 30px; }
.wrapper-35		{ padding: 35px; }
.wrapper-40		{ padding: 40px; }
.wrapper-45		{ padding: 45px; }
.wrapper-50		{ padding: 50px; }
.wrapper-55		{ padding: 55px; }
.wrapper-60		{ padding: 60px; }
.wrapper-65		{ padding: 65px; }
.wrapper-70		{ padding: 70px; }
.wrapper-75		{ padding: 75px; }
.wrapper-80		{ padding: 80px; }
.wrapper-85		{ padding: 85px; }
.wrapper-90		{ padding: 90px; }
.wrapper-95		{ padding: 95px; }
.wrapper-100	{ padding: 100px; }

/********** PADDING **********/

/********** MARGIN **********/

.m-l-1		{ margin-left: 1px; }
.m-l-2		{ margin-left: 2px; }
.m-l-3		{ margin-left: 3px; }
.m-l-4		{ margin-left: 4px; }
.m-l-5		{ margin-left: 5px; }
.m-l-6		{ margin-left: 6px; }
.m-l-7		{ margin-left: 7px; }
.m-l-8		{ margin-left: 8px; }
.m-l-9		{ margin-left: 9px; }
.m-l-10		{ margin-left: 10px; }
.m-l-15		{ margin-left: 15px; }
.m-l-20		{ margin-left: 20px; }
.m-l-25		{ margin-left: 25px; }
.m-l-30		{ margin-left: 30px; }
.m-l-35		{ margin-left: 35px; }
.m-l-40		{ margin-left: 40px; }
.m-l-45		{ margin-left: 45px; }
.m-l-50		{ margin-left: 50px; }
.m-l-55		{ margin-left: 55px; }
.m-l-60		{ margin-left: 60px; }
.m-l-65		{ margin-left: 65px; }
.m-l-70		{ margin-left: 70px; }
.m-l-75		{ margin-left: 75px; }
.m-l-80		{ margin-left: 80px; }
.m-l-85		{ margin-left: 85px; }
.m-l-90		{ margin-left: 90px; }
.m-l-95		{ margin-left: 95px; }
.m-l-100	{ margin-left: 100px; }
.m-l-150	{ margin-left: 150px; }
.m-l-200	{ margin-left: 200px; }
.m-l-300	{ margin-left: 300px; }
.m-l-400	{ margin-left: 400px; }
.m-l-500	{ margin-left: 500px; }

.m-r-1		{ margin-right: 1px; }
.m-r-2		{ margin-right: 2px; }
.m-r-3		{ margin-right: 3px; }
.m-r-4		{ margin-right: 4px; }
.m-r-5		{ margin-right: 5px; }
.m-r-6		{ margin-right: 6px; }
.m-r-7		{ margin-right: 7px; }
.m-r-8		{ margin-right: 8px; }
.m-r-9		{ margin-right: 9px; }
.m-r-10		{ margin-right: 10px; }
.m-r-15		{ margin-right: 15px; }
.m-r-20		{ margin-right: 20px; }
.m-r-25		{ margin-right: 25px; }
.m-r-30		{ margin-right: 30px; }
.m-r-35		{ margin-right: 35px; }
.m-r-40		{ margin-right: 40px; }
.m-r-45		{ margin-right: 45px; }
.m-r-50		{ margin-right: 50px; }
.m-r-55		{ margin-right: 55px; }
.m-r-60		{ margin-right: 60px; }
.m-r-65		{ margin-right: 65px; }
.m-r-70		{ margin-right: 70px; }
.m-r-75		{ margin-right: 75px; }
.m-r-80		{ margin-right: 80px; }
.m-r-85		{ margin-right: 85px; }
.m-r-90		{ margin-right: 90px; }
.m-r-95		{ margin-right: 95px; }
.m-r-100	{ margin-right: 100px; }
.m-r-200	{ margin-right: 200px; }
.m-r-300	{ margin-right: 300px; }
.m-r-400	{ margin-right: 400px; }
.m-r-500	{ margin-right: 500px; }

.m-t-1		{ margin-top: 1px; }
.m-t-2		{ margin-top: 2px; }
.m-t-3		{ margin-top: 3px; }
.m-t-4		{ margin-top: 4px; }
.m-t-5		{ margin-top: 5px; }
.m-t-6		{ margin-top: 6px; }
.m-t-7		{ margin-top: 7px; }
.m-t-8		{ margin-top: 8px; }
.m-t-9		{ margin-top: 9px; }
.m-t-10		{ margin-top: 10px; }
.m-t-13		{ margin-top: 13px; }
.m-t-15		{ margin-top: 15px; }
.m-t-17		{ margin-top: 17px; }
.m-t-20		{ margin-top: 20px; }
.m-t-25		{ margin-top: 25px; }
.m-t-30		{ margin-top: 30px; }
.m-t-33		{ margin-top: 33px; }
.m-t-35		{ margin-top: 35px; }
.m-t-40		{ margin-top: 40px; }
.m-t-45		{ margin-top: 45px; }
.m-t-50		{ margin-top: 50px; }
.m-t-55		{ margin-top: 55px; }
.m-t-60		{ margin-top: 60px; }
.m-t-65		{ margin-top: 65px; }
.m-t-70		{ margin-top: 70px; }
.m-t-75		{ margin-top: 75px; }
.m-t-80		{ margin-top: 80px; }
.m-t-85		{ margin-top: 85px; }
.m-t-90		{ margin-top: 90px; }
.m-t-95		{ margin-top: 95px; }
.m-t-100	{ margin-top: 100px; }
.m-t-110	{ margin-top: 110px; }
.m-t-150	{ margin-top: 150px; }
.m-t-160	{ margin-top: 160px; }
.m-t-170	{ margin-top: 170px; }
.m-t-200	{ margin-top: 200px; }
.m-t-265	{ margin-top: 265px; }
.m-t-300	{ margin-top: 300px; }
.m-t-400	{ margin-top: 400px; }
.m-t-500	{ margin-top: 500px; }

.m-b-1		{ margin-bottom: 1px; }
.m-b-2		{ margin-bottom: 2px; }
.m-b-3		{ margin-bottom: 3px; }
.m-b-4		{ margin-bottom: 4px; }
.m-b-5		{ margin-bottom: 5px; }
.m-b-6		{ margin-bottom: 6px; }
.m-b-7		{ margin-bottom: 7px; }
.m-b-8		{ margin-bottom: 8px; }
.m-b-9		{ margin-bottom: 9px; }
.m-b-10		{ margin-bottom: 10px; }
.m-b-15		{ margin-bottom: 15px; }
.m-b-20		{ margin-bottom: 20px; }
.m-b-25		{ margin-bottom: 25px; }
.m-b-30		{ margin-bottom: 30px; }
.m-b-35		{ margin-bottom: 35px; }
.m-b-40		{ margin-bottom: 40px; }
.m-b-45		{ margin-bottom: 45px; }
.m-b-50		{ margin-bottom: 50px; }
.m-b-55		{ margin-bottom: 55px; }
.m-b-60		{ margin-bottom: 60px; }
.m-b-65		{ margin-bottom: 65px; }
.m-b-70		{ margin-bottom: 70px; }
.m-b-75		{ margin-bottom: 75px; }
.m-b-80		{ margin-bottom: 80px; }
.m-b-85		{ margin-bottom: 85px; }
.m-b-90		{ margin-bottom: 90px; }
.m-b-95		{ margin-bottom: 95px; }
.m-b-100	{ margin-bottom: 100px; }
.m-b-200	{ margin-bottom: 200px; }
.m-b-300	{ margin-bottom: 300px; }
.m-b-400	{ margin-bottom: 400px; }
.m-b-500	{ margin-bottom: 500px; }

.m-auto		{ margin: auto; }

/********** MARGIN **********/

/********** BORDER - START **********/

/* BORDER WIDTH */
.b-w-1	{ border-width: 1px; }
.b-w-2	{ border-width: 2px; }
.b-w-3	{ border-width: 3px; }
.b-w-4	{ border-width: 4px; }
.b-w-5	{ border-width: 5px; }
.b-w-6	{ border-width: 6px; }


/* BORDER COLOR */
.b-c-l-blue		{ border-color: #138dc6 !important; }
.b-c-21			{ border-color: #212121 !important; }
.b-c-66			{ border-color: #666666 !important; }
.b-c-b0			{ border-color: #b0b0b0 !important; }
.b-c-bc			{ border-color: #bcbcbc !important; }
.b-c-bd			{ border-color: #bcbcbd !important; }
.b-c-cb			{ border-color: #cbcbcb !important; }
.b-c-cc			{ border-color: #cccccc !important; }
.b-c-db			{ border-color: #dbdbdb !important; }
.b-c-d4			{ border-color: #d4d4d4 !important; }
.b-c-dcdedf	{ border-color: #dcdedf !important; }
.b-c-e1			{ border-color: #e1e1e1 !important; }
.b-c-e2			{ border-color: #e2e2e2 !important; }
.b-c-e7			{ border-color: #e7e7e7 !important; }
.b-c-brown	{ border-color: #f26a4d !important; }
.b-c-f7			{ border-color: #f7f7f7 !important; }
.b-c-f9			{ border-color: #f9f9f9 !important; }
.b-c-ff840c	{ border-color: #ff840c !important; }
.b-c-d7			{ border-color: #d7d7d7 !important; }
.b-c-df			{ border-color: #dfdfdf !important; }
.b-c-a3cca3 { border-color: #a3cca3 !important; }
.b-c-b5d692 { border-color: #b5d692 !important; }
.b-c-52487d { border-color: #52487d !important; }
.b-c-ff3232 { border-color: #ff3232 !important; }
.b-c-a9a2c3 { border-color: #a9a2c3 !important; }
.b-c-443874 { border-color: #443874 !important; }

/* BORDER RADIUS */
.br-l-5		{ border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
.br-l-10	{ border-top-left-radius: 10px; border-bottom-left-radius: 10px; }
.br-l-15	{ border-top-left-radius: 15px; border-bottom-left-radius: 15px; }
.br-l-20	{ border-top-left-radius: 20px; border-bottom-left-radius: 20px; }
.br-l-25	{ border-top-left-radius: 25px; border-bottom-left-radius: 25px; }
.br-l-30	{ border-top-left-radius: 30px; border-bottom-left-radius: 30px; }
.br-l-35	{ border-top-left-radius: 35px; border-bottom-left-radius: 35px; }
.br-l-40	{ border-top-left-radius: 40px; border-bottom-left-radius: 40px; }
.br-l-45	{ border-top-left-radius: 45px; border-bottom-left-radius: 45px; }
.br-l-50	{ border-top-left-radius: 50px; border-bottom-left-radius: 50px; }

.br-r-5		{ border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
.br-r-10	{ border-top-right-radius: 10px; border-bottom-right-radius: 10px; }
.br-r-15	{ border-top-right-radius: 15px; border-bottom-right-radius: 15px; }
.br-r-20	{ border-top-right-radius: 20px; border-bottom-right-radius: 20px; }
.br-r-25	{ border-top-right-radius: 25px; border-bottom-right-radius: 25px; }
.br-r-30	{ border-top-right-radius: 30px; border-bottom-right-radius: 30px; }
.br-r-35	{ border-top-right-radius: 35px; border-bottom-right-radius: 35px; }
.br-r-40	{ border-top-right-radius: 40px; border-bottom-right-radius: 40px; }
.br-r-45	{ border-top-right-radius: 45px; border-bottom-right-radius: 45px; }
.br-r-50	{ border-top-right-radius: 50px; border-bottom-right-radius: 50px; }

.br-t-5		{ border-top-left-radius: 5px; border-top-right-radius: 5px; }
.br-t-10	{ border-top-left-radius: 10px; border-top-right-radius: 10px; }
.br-t-15	{ border-top-left-radius: 15px; border-top-right-radius: 15px; }
.br-t-20	{ border-top-left-radius: 20px; border-top-right-radius: 20px; }
.br-t-25	{ border-top-left-radius: 25px; border-top-right-radius: 25px; }
.br-t-30	{ border-top-left-radius: 30px; border-top-right-radius: 30px; }
.br-t-35	{ border-top-left-radius: 35px; border-top-right-radius: 35px; }
.br-t-40	{ border-top-left-radius: 40px; border-top-right-radius: 40px; }
.br-t-45	{ border-top-left-radius: 45px; border-top-right-radius: 45px; }
.br-t-50	{ border-top-left-radius: 50px; border-top-right-radius: 50px; }

.br-b-5		{ border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
.br-b-10	{ border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
.br-b-15	{ border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; }
.br-b-20	{ border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; }
.br-b-25	{ border-bottom-left-radius: 25px; border-bottom-right-radius: 25px; }
.br-b-30	{ border-bottom-left-radius: 30px; border-bottom-right-radius: 30px; }
.br-b-35	{ border-bottom-left-radius: 35px; border-bottom-right-radius: 35px; }
.br-b-40	{ border-bottom-left-radius: 40px; border-bottom-right-radius: 40px; }
.br-b-45	{ border-bottom-left-radius: 45px; border-bottom-right-radius: 45px; }
.br-b-50	{ border-bottom-left-radius: 50px; border-bottom-right-radius: 50px; }

.br-2		{ border-radius: 2px; }
.br-3		{ border-radius: 3px; }
.br-4		{ border-radius: 4px; }
.br-5		{ border-radius: 5px; }
.br-10	{ border-radius: 10px; }
.br-15	{ border-radius: 15px; }
.br-20	{ border-radius: 20px; }
.br-25	{ border-radius: 25px; }
.br-30	{ border-radius: 30px; }
.br-35	{ border-radius: 35px; }
.br-40	{ border-radius: 40px; }
.br-45	{ border-radius: 45px; }
.br-50	{ border-radius: 50px; }
.br-60	{ border-radius: 60px; }
.br-70	{ border-radius: 70px; }
.br-80	{ border-radius: 80px; }
.br-90	{ border-radius: 90px; }
.br-100	{ border-radius: 100px; }
.br-150	{ border-radius: 150px; }

.br-n		{ border-radius: 0 !important; }

.br-50p	{ border-radius: 50%; }

/********** BORDER **********/

/********** COLOR **********/

.c-w			{ color: white; }
.c-wite		{ color: #fff; }
.c-black	{ color: #000; }
.c-red		{ color: #ff0000; }
.c-f7			{ color: #f7f7f5; }
.c-f8			{ color: #f8f8f8; }
.c-33			{ color: #333333; }
.c-45			{ color: #454545; }
.c-44			{ color: #444444; }
.c-54			{ color: #545454; }
.c-55			{ color: #555555; }
.c-60			{ color: #606060; }
.c-66			{ color: #666666; }
.c-6a			{ color: #6a6a6a; }
.c-6d			{ color: #6d6d6d; }
.c-9c			{ color: #9c9c9c; }
.c-bc			{ color: #bcbcbc; }
.c-bd0000	{ color: #bd0000; }
.c-bd			{ color: #bdbdbd; }
.c-ca			{ color: #cacaca; }
.c-c5			{ color: #c5c5c5; }
.c-db			{ color: #dbdbdb; }
.c-brown	{ color: #f26a4d; }
.c-blue		{ color: #135fc6; }
.c-green	{ color: #2ac1bc; }
.c-l-blue	{ color: #138dc6; }
.c-21			{ color: #212121; }
.c-26			{ color: #262626; }
.c-82			{ color: #828282; }
.c-ff840c	{ color: #ff840c; }
.c-33			{ color: #333333; }
.c-99			{ color: #999999; }
.c-93			{ color: #939393; }
.c-1565c0	{ color: #1565c0; }
.c-ffd741	{ color: #ffd741; }
.c-1e58a2	{ color: #1e58a2; }
.c-f05050	{ color: #f05050; }
.c-00			{ color: #000; }
.c-002b62	{ color: #002b62; }
.c-ba1e1e	{ color: #ba1e1e; }
.c-c5			{ color: #c5c5c5; }
.c-90			{ color: #909090; }
.c-b5d692	{ color: #b5d692; }
.c-ff5662	{ color: #ff5662; }
.c-90			{ color: #909090; }
.c-a5cda5	{ color: #a5cda5; }
.c-a3cca3	{ color: #a3cca3; }
.c-eaf3e	{ color: #eaf3e2; }
.c-6b8a4b	{ color: #6b8a4b; }
.c-18			{ color: #181818; }
.c-f3adad	{ color: #f3adad; }
.c-75			{ color: #757575; }
.c-75			{ color: #777777; }
.c-599878	{ color: #599878; }
.c-14			{ color: #141414; }
.c-f02a50	{ color: #f02a50; }
.c-464749	{ color: #464749; }
.c-f5a71b	{ color: #f5a71b; }
.c-brand	{ color: #f6a81b; }
.c-94			{ color: #949494; }
.c-ed6923	{ color: #ed6923; }
.c-9798a1	{ color: #9798a1; }
.c-2f7d1d	{ color: #2f7d1d; }
.c-be			{ color: #bebebe; }
.c-3f3f4e	{ color: #3f3f4e; }
.c-3f			{ color: #3f3f3f; }
.c-ff3030	{ color: #ff3030; }
.c-89			{ color: #898989; }
.c-ff3232	{ color: #ff3232; }
.c-f33a53	{ color: #f33a53; }
.c-443874	{ color: #443874; }
.c-a2			{ color: #a2a2a2; }
.c-b5b1b1	{ color: #b5b1b1; }
.c-f3582d	{ color: #f3582d; }
.c-0080ff	{ color: #0080ff; }


.bg-w				{ background-color: #ffffff; }
.bg-red			{ background-color: #dc0030; color: #ffffff; }
.bg-1e58a2	{ background-color: #1e58a2; }
.bg-green		{ background-color: #2ac1bc; }
.bg-blue		{ background-color: #135fc6; }
.bg-l-blue	{ background-color: #138dc6; }
.bg-brown		{ background-color: #f26a4d; }
.bg-l-gray	{ background-color: #faf9f7; }
.bg-fc			{ background-color: #fcfcfc; }
.bg-fd			{ background-color: #fdfdfd; }
.bg-f7			{ background-color: #f7f7f5; }
.bg-f8			{ background-color: #f8f8f8; }
.bg-f4			{ background-color: #f4f4f4; }
.bg-bc			{ background-color: #bcbcbc !important; }
.bg-6d			{ background-color: #6d6d6d !important; }
.bg-yellow	{ background-color: #ffd25f !important; }
.bg-d-yellow { background-color: #faa942 !important; }
.bg-db			{ background-color: #dbdbdb !important; }
.bg-f0			{ background-color: #f0f0f0; }
.bg-trans		{ background: transparent; }
.bg-ff840c	{ background-color: #ff840c; }
.bg-f2f5f7	{ background-color: #f2f5f7; }
.bg-b9bdbf	{ background-color: #b9bdbf; }
.bg-cc			{ background-color: #cccccc; }
.bg-bd			{ background-color: #bdbdbd; }
.bg-ffdf0a	{ background-color: #ffdf0a; }
.bg-1e			{ background-color: #1e58a2; }
.bg-f2			{ background-color: #f2f5f7; }
.bg-f2f2		{ background-color: #f2f2f2; }
.bg-31			{ background-color: #313131; }
.bg-1565c0	{ background-color: #1565c0; }
.bg-ebeff3	{ background-color: #ebeff3; }
.bg-66			{ background-color: #666666; }
.bg-f6f8f8	{ background-color: #f6f8f8; }
.bg-00			{ background-color: #000; }
.bg-ba1e1e	{ background-color: #ba1e1e; }
.bg-77			{ background-color: #777777; }
.bg-7e			{ background-color: #7e7e7e; }
.bg-a6a6a6	{ background-color: #a6a6a6; }
.bg-f9f9f9	{ background-color: #f9f9f9; }
.bg-f9			{ background-color: #f9f9f9; }
.bg-fb			{ background-color: #fbfbfb; }
.bg-fc			{ background-color: #fcfcfc; }
.bg-b1d396	{ background-color: #b1d396; }
.bg-b4d593	{ background-color: #b4d593; }
.bg-b5d692	{ background-color: #b5d692; }
.bg-f0f2f4	{ background-color: #f0f2f4; }
.bg-a3cca3	{ background-color: #a3cca3; }
.bg-df			{ background-color: #dfdfdf; }
.bg-33			{ background-color: #333333; }
.bg-55			{ background-color: #555555; }
.bg-f21b1b	{ background-color: #f21b1b; }
.bg-row-sel	{ background-color: rgba(43, 133, 162, 0.05); }
.bg-f5a71b	{ background-color: #f5a71b; }
.bg-brand		{ background-color: #f6a81b; }
.bg-94			{ background-color: #949494; }
.bg-ed6923	{ background-color: #ed6923; }
.bg-14			{ background-color: #141414; }
.bg-f5f6f7	{ background-color: #f5f6f7; }
.bg-faf3e7	{ background-color: #faf3e7; }
.bg-fa			{ background-color: #fafafa; }
.bg-443874	{ background-color: #443874; }
.bg-ebe9f1	{ background-color: #ebe9f1; }
.bg-e8			{ background-color: #e8e8e8; }
.bg-ff3232	{ background-color: #ff3232; }
.bg-8f9190	{ background-color: #8f9190; }
.bg-de			{ background-color: #dedede; }
.bg-e6			{ background-color: #e6e6e6; }
.bg-99			{ background-color: #999999; }
.bg-ff6c6c	{ background-color: #ff6c6c; }
.bg-49db92	{ background-color: #49db92; }
.bg-afafbc	{ background-color: #afafbc; }


/********** COLOR **********/

/********** FONT **********/

.noto-thin		{ font-weight: 100; }
.noto-light		{ font-weight: 200; }
.noto-dlight	{ font-weight: 300; }
.noto-regular	{ font-weight: 400; }
.noto-medium	{ font-weight: 600; }
.noto-bold		{ font-weight: 700; }
.noto-black		{ font-weight: 800; }

.nanums-light		{ font-family: 'NanumSquare'; font-weight: 300; }
.nanums-regular	{ font-family: 'NanumSquare'; font-weight: 400; }
.nanums-medium	{ font-family: 'NanumSquare'; font-weight: 700; }
.nanums-bold		{ font-family: 'NanumSquare'; font-weight: 800; }

.bmdohyeon-light	{ font-family: 'BMDoHyeon'; font-weight: 300; }
.bmdohyeon-normal	{ font-family: 'BMDoHyeon'; font-weight: 400; }
.bmdohyeon-bolder	{ font-family: 'BMDoHyeon'; font-weight: 700; }
.bmdohyeon-ebold	{ font-family: 'BMDoHyeon'; font-weight: 800; }

.fs-64  { font-size: 64px; }
.fs-60  { font-size: 60px; }
.fs-56  { font-size: 56px; }
.fs-52  { font-size: 52px; }
.fs-50  { font-size: 50px; }
.fs-48  { font-size: 48px; }
.fs-44  { font-size: 44px; }
.fs-42  { font-size: 42px; }
.fs-40  { font-size: 40px; }
.fs-38  { font-size: 38px; }
.fs-36  { font-size: 36px; }
.fs-34  { font-size: 34px; }
.fs-32  { font-size: 32px; }
.fs-30  { font-size: 30px; }
.fs-28  { font-size: 28px; }
.fs-27  { font-size: 27px; }
.fs-26  { font-size: 26px; }
.fs-25  { font-size: 25px; }
.fs-24  { font-size: 24px; }
.fs-22  { font-size: 22px; }
.fs-20  { font-size: 20px; }
.fs-19  { font-size: 19px; }
.fs-18  { font-size: 18px; }
.fs-17  { font-size: 17px; }
.fs-16  { font-size: 16px; }
.fs-15  { font-size: 15px; }
.fs-14  { font-size: 14px; }
.fs-12  { font-size: 12px; }
.fs-10  { font-size: 10px; }
.fs-8   { font-size: 8px; }
.fs-4   { font-size: 4px; }

/********** FONT **********/

/********** IMAGE **********/

.img-cover {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.img-contain {
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.img-auto {
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto;
}

.img-stretch {
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
.img-wh-full {
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

/********** IMAGE **********/

/********** POSITION **********/

.pos-rel { position: relative; }
.pos-abs { position: absolute; }
.pos-abs-full { position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
.pos-fix { position: fixed; }

/********** POSITION **********/

/********** OVERFLOW **********/

.overflow-x-auto { overflow-x: auto; }
.overflow-y-auto { overflow-y: auto; }
.overflow-y-scroll { overflow-y: scroll; }
.overflow-y-hidden { overflow-y: hidden; }
.overflow-hidden { overflow: hidden; }

/********** OVERFLOW **********/

/********** BUTTON **********/

.btn-w {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #fff;
	border: 2px solid #fff;
	color: #89ae89;
	border-radius: 15px;
}

.btn-trans-w {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: transparent;
	border: 2px solid #fff;
	color: #fff;
	border-radius: 15px;
}

.btn-a3cca3 {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #a3cca3;
	border: 2px solid #a3cca3;
	color: #fff;
	border-radius: 15px;
	box-shadow: 0 3px 15px 1px rgba(0, 0, 0, 0.2);
}

.btn-a3cca3:disabled {
	background-color: #c5c5c5;
	border: 2px solid #c5c5c5;
}

.btn-a3cca3-w {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: transparent;
	border: 1px solid #a3cca3;
	color: #a3cca3;
	border-radius: 3px;
	/* box-shadow: 0 3px 15px 1px rgba(0, 0, 0, 0.2); */
}

.btn-a3cca3-w:disabled {
	border: 1px solid #c5c5c5;
	color: #c5c5c5;
}

.btn-f5a71b-w {
	height: 34px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #f5a71b;
	border: 1px solid #f5a71b;
	color: white;
	border-radius: 3px;
	padding: 0 10px;
	cursor: pointer;
}
.btn-f5a71b-w:hover,
.btn-f5a71b-w:focus {
	background-color: #faac20;
	border: 1px solid #faac20;	
}

.btn-f5a71b-w:active {
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.btn-f5a71b-w:disabled {
	background-color: #edf1f2;
	border-color: #c7d3d6;
	color: #aaa;
}

.btn-brand-w {
	height: 34px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #f6a81b;
	border: 1px solid #f6a81b;
	color: white;
	border-radius: 3px;
	padding: 0 10px;
	cursor: pointer;
}
.btn-brand-w:hover,
.btn-brand-w:focus {
	background-color: #faac20;
	border: 1px solid #faac20;	
}

.btn-brand-w:active {
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.btn-brand-w:disabled {
	background-color: #edf1f2;
	border-color: #c7d3d6;
	color: #aaa;
}

.btn-green-w {
	height: 34px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #16bf09;
	border: 1px solid #16bf09;
	color: white;
	border-radius: 3px;
	padding: 0 10px;
	cursor: pointer;
}
.btn-green-w:hover,
.btn-green-w:focus {
	background-color: #1ac30E;
	border: 1px solid #1ac30E;
}

.btn-green-w:active {
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.btn-green-w:disabled {
	background-color: #edf1f2;
	border-color: #c7d3d6;
	color: #aaa;
}

.btn-blue-w {
	height: 34px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #0070c0;
	border: 1px solid #0070c0;
	color: white;
	border-radius: 3px;
	padding: 0 10px;
	cursor: pointer;
}
.btn-blue-w:hover,
.btn-blue-w:focus {
	background-color: #0474c4;
	border: 1px solid #0474c4;
}

.btn-blue-w:active {
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.btn-blue-w:disabled {
	background-color: #edf1f2;
	border-color: #c7d3d6;
	color: #aaa;
}

.btn-blue1 {
	height: 34px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #1f4e79;
	border: 1px solid #1f4e79;
	color: white;
	border-radius: 3px;
	padding: 0 10px;
	cursor: pointer;
}
.btn-blue1:hover,
.btn-blue1:focus {
	background-color: #23527d;
	border: 1px solid #23527d;
}

.btn-blue1:active {
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.btn-blue1:disabled {
	background-color: #edf1f2;
	border-color: #c7d3d6;
	color: #aaa;
}

.btn-blue2 {
	height: 34px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #333f50;
	border: 1px solid #333f50;
	color: white;
	border-radius: 3px;
	padding: 0 10px;
	cursor: pointer;
}
.btn-blue2:hover,
.btn-blue2:focus {
	background-color: #374354;
	border: 1px solid #374354;
}

.btn-blue2:active {
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.btn-blue2:disabled {
	background-color: #edf1f2;
	border-color: #c7d3d6;
	color: #aaa;
}

.btn-dblue-w {
	height: 34px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #002060;
	border: 1px solid #002060;
	color: white;
	border-radius: 3px;
	padding: 0 10px;
	cursor: pointer;
}
.btn-dblue-w:hover,
.btn-dblue-w:focus {
	background-color: #042464;
	border: 1px solid #042464;
}

.btn-dblue-w:active {
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.btn-dblue-w:disabled {
	background-color: #edf1f2;
	border-color: #c7d3d6;
	color: #aaa;
}

.btn-dark-w {
	height: 34px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #949494;
	border: 1px solid #949494;
	color: white;
	border-radius: 3px;
	padding: 0 10px;
	cursor: pointer;
}
.btn-dark-w:hover,
.btn-dark-w:focus {
	background-color: #989898;
	border: 1px solid #989898;
}

.btn-dark-w:active {
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.btn-dark-w:disabled {
	background-color: #edf1f2;
	border-color: #c7d3d6;
	color: #aaa;
}

.btn-red {
	height: 34px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #c00000;
	border: 1px solid #c00000;
	color: white;
	border-radius: 3px;
	padding: 0 10px;
	cursor: pointer;
}
.btn-red:hover,
.btn-red:focus {
	background-color: #c40404;
	border: 1px solid #c40404;
}

.btn-red:active {
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.btn-red:disabled {
	background-color: #edf1f2;
	border-color: #c7d3d6;
	color: #aaa;
}

.btn-7f-w {
	height: 34px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #c0c0c0;
	border: 1px solid #c0c0c0;
	color: white;
	border-radius: 3px;
	padding: 0 10px;
	cursor: pointer;
}
.btn-7f-w:hover,
.btn-7f-w:focus {
	background-color: #b6b6b6;
	border: 1px solid #b6b6b6;	
}

.btn-7f-w:active {
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.btn-7f-w:disabled {
	background-color: #edf1f2;
	border-color: #c7d3d6;
	color: #aaa;
}

.btn-default {
	background-color: #fff;
}



/********** BUTTON **********/




/********** ELSE **********/

.word-wrap { word-wrap: break-word; }
.ws-nowrap { white-space: nowrap; }

input#fileInput {
	position: absolute;
	width: 0;
	height: 0;
}

input#fileDetailInput {
	position: absolute;
	width: 0;
	height: 0;
}

input.file-input {
	position: absolute;
	width: 0;
	height: 0;
}

.cursor-pointer { cursor: pointer; }

.tbl-lot-fixed {
	table-layout: fixed;
}


/* .form-control:focus {
	border-color: #f5a71b;
}

.i-checks input:checked + i {
	border-color: #f5a71b;
}

.i-checks input:checked + i:before {
	background-color: #f5a71b;
} */

.kui-select-bootstrap .kui-select-match {
	padding: 1px 10px !important;
	box-shadow: none;
}

.fc-hidden {
	display: none;
}

div.sm-rect {
	width: 7px;
	height: 7px;
	background-color: #555555;
}

/* Visible */
.visible-hidden {
	visibility: hidden;
}