/*===========================
	GENERIC
=============================*/
.fl {float: left;}
.fr {float: right;}
.fn {float: none;}

.cl {clear: left;}
.cr {clear: right;}
.cb {clear: both;}

.mt-0  {margin-top: 0px;}
.mt-1  {margin-top: 1px;}
.mt-2  {margin-top: 2px;}
.mt-3  {margin-top: 3px;}
.mt-4  {margin-top: 4px;}
.mt-5  {margin-top: 5px;}
.mt-10 {margin-top: 10px;}
.mt-15 {margin-top: 15px;}
.mt-20 {margin-top: 20px;}
.mt-30 {margin-top: 30px;}
.mb-0  {margin-bottom: 0;}

.mb-1  {margin-bottom: 1px !important;}
.mb-2  {margin-bottom: 2px !important;}
.mb-3  {margin-bottom: 3px !important;}
.mb-4  {margin-bottom: 4px !important;}
.mb-5  {margin-bottom: 5px !important;}
.mb-10 {margin-bottom: 10px !important;}
.mb-15 {margin-bottom: 15px !important;}
.mb-20 {margin-bottom: 20px !important;}
.mb-30 {margin-bottom: 30px !important;}

.mr-2  {margin-right: 2px;}
.mr-3  {margin-right: 3px;}
.mr-4  {margin-right: 4px;}
.mr-5  {margin-right: 5px;}
.mr-6  {margin-right: 6px;}
.mr-7  {margin-right: 7px;}
.mr-8  {margin-right: 8px;}
.mr-10 {margin-right: 10px;}
.mr-15 {margin-right: 15px;}
.mr-20 {margin-right: 20px;}
.mr-30 {margin-right: 30px;}

.ml-2  {margin-left: 2px;}
.ml-3  {margin-left: 3px;}
.ml-4  {margin-left: 4px;}
.ml-5  {margin-left: 5px;}
.ml-6  {margin-left: 6px;}
.ml-7  {margin-left: 7px;}
.ml-8  {margin-left: 8px;}
.ml-10 {margin-left: 10px;}
.ml-15 {margin-left: 15px;}
.ml-20 {margin-left: 20px;}
.ml-30 {margin-left: 30px;}

.m-c  {margin-left: auto;margin-right: auto;}
.m-0  {margin: 0px;}
.m-1  {margin: 1px;}
.m-2  {margin: 2px;}
.m-3  {margin: 3px;}
.m-4  {margin: 4px;}
.m-5  {margin: 5px;}
.m-10 {margin: 10px;}

.pt-0  {padding-top: 0;}
.pt-1  {padding-top: 1px;}
.pt-2  {padding-top: 2px;}
.pt-3  {padding-top: 3px;}
.pt-4  {padding-top: 4px;}
.pt-5  {padding-top: 5px;}
.pt-7  {padding-top: 7px;}
.pt-8  {padding-top: 8px;}
.pt-9  {padding-top: 9px;}
.pt-10 {padding-top: 10px;}
.pt-15 {padding-top: 15px;}
.pt-20 {padding-top: 20px;}
.pt-25 {padding-top: 25px;}
.pt-30 {padding-top: 30px;}
.pb-0  {padding-bottom: 0;}
.pb-1  {padding-bottom: 1px;}
.pb-2  {padding-bottom: 2px;}
.pb-3  {padding-bottom: 3px;}
.pb-4  {padding-bottom: 4px;}
.pb-5  {padding-bottom: 5px;}
.pb-10 {padding-bottom: 10px;}
.pb-15 {padding-bottom: 15px;}
.pb-20 {padding-bottom: 20px;}
.pb-30 {padding-bottom: 30px;}
.pr-1  {padding-right: 1px;}
.pr-2  {padding-right: 2px;}
.pr-3  {padding-right: 3px;}
.pr-4  {padding-right: 4px;}
.pr-5  {padding-right: 5px;}
.pr-10 {padding-right: 10px;}
.pr-15 {padding-right: 15px;}
.pr-20 {padding-right: 20px;}
.pr-25 {padding-right: 25px;}
.pr-30 {padding-right: 30px;}
.pl-1  {padding-left: 1px;}
.pl-2  {padding-left: 2px;}
.pl-3  {padding-left: 3px;}
.pl-4  {padding-left: 4px;}
.pl-5  {padding-left: 5px;}
.pl-10 {padding-left: 10px;}
.pl-15 {padding-left: 15px;}
.pl-20 {padding-left: 20px;}
.pl-25 {padding-left: 25px;}
.p-0  {padding: 0;}
.p-1  {padding: 1px;}
.p-2  {padding: 2px;}
.p-3  {padding: 3px;}
.p-4  {padding: 4px;}
.p-5  {padding: 5px;}
.p-10 {padding: 10px;}
.p-15 {padding: 15px;}
.p-20 {padding: 20px;}
.p-30 {padding: 30px;}
.p-50 {padding: 50px;}

.di {display: inline;}
.db {display: block;}
.dt {display: table;}
.dn {display: none;}

/*=============================
 Borders
=============================*/
.b-CCC {border: 1px solid #CCC;}
.b-999 {border: 1px solid #999;}
.b-666 {border: 1px solid #666;}
.b-333 {border: 1px solid #333;}
.b-000 {border: 1px solid #000;}
.bb-00A {border-bottom: 2px solid #00a780;}
.bb-FFF {border-bottom: 2px solid #FFF;}

/*=============================
BACKGROUND COLOR
=============================*/
.bg-FFF {background-color: #FFF;}
.bg-EEE {background-color: #EEE;}
.bg-CCC {background-color: #CCC;}
.bg-DDD {background-color: #DDD;}
.bg-333 {background-color: #333;}
.bg-000 {background-color: #000;}
.bg-00A {background-color: #00a780;}

/*=============================
TEXT COLOR
=============================*/
.fc-FFF {color:#fff;}
.fc-666 {color:#666;}
.fc-999 {color:#999;}
.fc-333 {color:#333;}
.fc-000 {color:#000;}
.fc-00A {color: #00a780;}

/*=============================
WIDTHS
=============================*/
.w-60p  {width:60%;}
.w-70p  {width:70%;}
.w-80p  {width:80%;}
.w-90p  {width:90%;}

.w-50  {width:50px;}
.w-100 {width:100px;}
.w-150 {width:150px;}
.w-200 {width:200px;}
.w-250 {width:250px;}
.w-300 {width:300px;}
.w-400 {width:400px;}
.w-430 {width:430px;}
.w-450 {width:450px;}
.w-500 {width:500px;}
.w-600 {width:600px;}
.w-700 {width:700px;}

/*=============================
 FONT SIZE 
=============================*/
.fs-10 {font-size:10px !important;}
.fs-11 {font-size:11px !important;}
.fs-12 {font-size:12px !important;}
.fs-14 {font-size:14px !important;}
.fs-15 {font-size:15px !important;}
.fs-16 {font-size:16px !important;}
.fs-18 {font-size:18px !important;}
.fs-20 {font-size:20px !important;}
.fs-22 {font-size:22px !important;}
.fs-24 {font-size:24px !important;}
.fs-28 {font-size:28px !important;}
.fs-30 {font-size:30px !important;}
.fs-36 {font-size:36px !important;}
.fs-40 {font-size:40px !important;}
.fs-50 {font-size:50px !important;}

/*=============================
	WEIGHTS 
=============================*/
.f-italic {font-style: italic;}
.fw-500 {font-weight: 500;}
.fw-600 {font-weight: 600;}
.f-bold {font-weight: bold;}
.f-normal {font-weight: normal;}

/*=============================
TEXT LINE HEIGHT
=============================*/
.lh-12 {line-height: 12px;}
.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;}