/* ========================================
Common Class 
======================================== */

/* Text Aligns 
===================== */
.text-center{ text-align: center !important; }
.text-left{ text-align: left !important; }
.text-right{ text-align: right !important; }


/* Display
===================== */
.block{ display: block !important; }
.inline-block{ display: inline-block !important; }
.inline{ display: inline !important; }


/* Positions
===================== */
.prelative{position: relative !important;}
.pfixed{position: fixed !important;}
.pabsolute{position: absolute !important;}
.psticky{position: sticky !important;}


/* Line Height
===================== */
.lh10{ line-height: 10px !important; }
.lh11{ line-height: 11px !important; }
.lh12{ line-height: 12px !important; }
.lh13{ line-height: 13px !important; }
.lh14{ line-height: 14px !important; }
.lh15{ line-height: 15px !important; }
.lh16{ line-height: 16px !important; }
.lh17{ line-height: 17px !important; }
.lh18{ line-height: 18px !important; }
.lh19{ line-height: 19px !important; }
.lh20{ line-height: 20px !important; }
.lh21{ line-height: 21px !important; }
.lh22{ line-height: 22px !important; }
.lh23{ line-height: 23px !important; }
.lh24{ line-height: 24px !important; }
.lh25{ line-height: 25px !important; }
.lh26{ line-height: 26px !important; }
.lh27{ line-height: 27px !important; }
.lh28{ line-height: 28px !important; }
.lh29{ line-height: 29px !important; }
.lh30{ line-height: 30px !important; }
.lh31{ line-height: 31px !important; }
.lh32{ line-height: 32px !important; }
.lh33{ line-height: 33px !important; }
.lh34{ line-height: 34px !important; }
.lh35{ line-height: 35px !important; }
.lh36{ line-height: 36px !important; }
.lh37{ line-height: 37px !important; }
.lh38{ line-height: 38px !important; }
.lh39{ line-height: 39px !important; }
.lh40{ line-height: 40px !important; }


/* Font Weight
===================== */
.fw100{ font-weight: 100 !important; }
.fw200{ font-weight: 200 !important; }
.fw300{ font-weight: 300 !important; }
.fw400{ font-weight: 400 !important; }
.fw500{ font-weight: 500 !important; }
.fw600{ font-weight: 600 !important; }
.fw700{ font-weight: 700 !important; }
.fw800{ font-weight: 800 !important; }
.fw900{ font-weight: 900 !important; }



/* Width
===================== */
.w5{ width: 5% !important; }
.w10{ width: 10% !important; }
.w15{ width: 15% !important; }
.w20{ width: 20% !important; }
.w25{ width: 25% !important; }
.w30{ width: 30% !important; }
.w35{ width: 35% !important; }
.w40{ width: 40% !important; }
.w45{ width: 45% !important; }
.w50{ width: 50% !important; }
.w55{ width: 55% !important; }
.w60{ width: 60% !important; }
.w65{ width: 65% !important; }
.w70{ width: 70% !important; }
.w75{ width: 75% !important; }
.w80{ width: 80% !important; }
.w85{ width: 85% !important; }
.w90{ width: 90% !important; }
.w95{ width: 95% !important; }
.w100{ width: 100% !important; }


/* Font Size 
===================== */
.f10{font-size: 10px  !important;}
.f11{font-size: 11px  !important;}
.f12{font-size: 12px  !important;}
.f13{font-size: 13px  !important;}
.f14{font-size: 14px  !important;}
.f15{font-size: 15px  !important;}
.f16{font-size: 16px  !important;}
.f17{font-size: 17px  !important;}
.f18{font-size: 18px  !important;}
.f19{font-size: 19px  !important;}
.f20{font-size: 20px  !important;}
.f21{font-size: 21px  !important;}
.f22{font-size: 22px  !important;}
.f23{font-size: 23px  !important;}
.f24{font-size: 24px  !important;}
.f25{font-size: 25px  !important;}
.f26{font-size: 26px  !important;}
.f27{font-size: 27px  !important;}
.f28{font-size: 28px  !important;}
.f29{font-size: 29px  !important;}
.f30{font-size: 30px  !important;}
.f31{font-size: 31px  !important;}
.f32{font-size: 32px  !important;}
.f33{font-size: 33px  !important;}
.f34{font-size: 34px  !important;}
.f35{font-size: 35px  !important;}
.f36{font-size: 36px  !important;}
.f37{font-size: 37px  !important;}
.f38{font-size: 38px  !important;}
.f39{font-size: 39px  !important;}
.f40{font-size: 40px  !important;}
.f41{font-size: 41px  !important;}
.f42{font-size: 42px  !important;}
.f43{font-size: 43px  !important;}
.f44{font-size: 44px  !important;}
.f45{font-size: 45px  !important;}
.f46{font-size: 46px  !important;}
.f47{font-size: 47px  !important;}
.f48{font-size: 48px  !important;}
.f49{font-size: 49px  !important;}
.f50{font-size: 50px  !important;}
.f51{font-size: 51px  !important;}
.f52{font-size: 52px  !important;}
.f53{font-size: 53px  !important;}
.f54{font-size: 54px  !important;}
.f55{font-size: 55px  !important;}
.f56{font-size: 56px  !important;}
.f57{font-size: 57px  !important;}
.f58{font-size: 58px  !important;}
.f59{font-size: 59px  !important;}
.f60{font-size: 60px  !important;}


/* Spacing 
===================== */

/* Padding Left */
.pl0{ padding-left: 0px !important; }
.pl5{ padding-left: 5px !important; }
.pl10{ padding-left: 10px !important; }
.pl15{ padding-left: 15px !important; }
.pl20{ padding-left: 20px !important; }
.pl25{ padding-left: 25px !important; }
.pl30{ padding-left: 30px !important; }
.pl35{ padding-left: 35px !important; }
.pl40{ padding-left: 40px !important; }
.pl45{ padding-left: 45px !important; }
.pl50{ padding-left: 50px !important; }
.pl55{ padding-left: 55px !important; }
.pl60{ padding-left: 60px !important; }
.pl65{ padding-left: 65px !important; }
.pl70{ padding-left: 70px !important; }
.pl75{ padding-left: 75px !important; }
.pl80{ padding-left: 80px !important; }
.pl85{ padding-left: 85px !important; }
.pl90{ padding-left: 90px !important; }
.pl95{ padding-left: 95px !important; }
.pl100{ padding-left: 100px !important; }


/* Padding Right */
.pr0{ padding-right: 0px !important; }
.pr5{ padding-right: 5px !important; }
.pr10{ padding-right: 10px !important; }
.pr15{ padding-right: 15px !important; }
.pr20{ padding-right: 20px !important; }
.pr25{ padding-right: 25px !important; }
.pr30{ padding-right: 30px !important; }
.pr35{ padding-right: 35px !important; }
.pr40{ padding-right: 40px !important; }
.pr45{ padding-right: 45px !important; }
.pr50{ padding-right: 50px !important; }
.pr55{ padding-right: 55px !important; }
.pr60{ padding-right: 60px !important; }
.pr65{ padding-right: 65px !important; }
.pr70{ padding-right: 70px !important; }
.pr75{ padding-right: 75px !important; }
.pr80{ padding-right: 80px !important; }
.pr85{ padding-right: 85px !important; }
.pr90{ padding-right: 90px !important; }
.pr95{ padding-right: 95px !important; }
.pr100{ padding-right: 100px !important; }


/* Padding Top */
.pt0{ padding-top: 0px !important; }
.pt5{ padding-top: 5px !important; }
.pt10{ padding-top: 10px !important; }
.pt15{ padding-top: 15px !important; }
.pt20{ padding-top: 20px !important; }
.pt25{ padding-top: 25px !important; }
.pt30{ padding-top: 30px !important; }
.pt35{ padding-top: 35px !important; }
.pt40{ padding-top: 40px !important; }
.pt45{ padding-top: 45px !important; }
.pt50{ padding-top: 50px !important; }
.pt55{ padding-top: 55px !important; }
.pt60{ padding-top: 60px !important; }
.pt65{ padding-top: 65px !important; }
.pt70{ padding-top: 70px !important; }
.pt75{ padding-top: 75px !important; }
.pt80{ padding-top: 80px !important; }
.pt85{ padding-top: 85px !important; }
.pt90{ padding-top: 90px !important; }
.pt95{ padding-top: 95px !important; }
.pt100{ padding-right: 100px !important; }


/* Padding Bottom */
.pb0{ padding-bottom: 0px !important; }
.pb5{ padding-bottom: 5px !important; }
.pb10{ padding-bottom: 10px !important; }
.pb15{ padding-bottom: 15px !important; }
.pb20{ padding-bottom: 20px !important; }
.pb25{ padding-bottom: 25px !important; }
.pb30{ padding-bottom: 30px !important; }
.pb35{ padding-bottom: 35px !important; }
.pb40{ padding-bottom: 40px !important; }
.pb45{ padding-bottom: 45px !important; }
.pb50{ padding-bottom: 50px !important; }
.pb55{ padding-bottom: 55px !important; }
.pb60{ padding-bottom: 60px !important; }
.pb65{ padding-bottom: 65px !important; }
.pb70{ padding-bottom: 70px !important; }
.pb75{ padding-bottom: 75px !important; }
.pb80{ padding-bottom: 80px !important; }
.pb85{ padding-bottom: 85px !important; }
.pb90{ padding-bottom: 90px !important; }
.pb95{ padding-bottom: 95px !important; }
.pb100{ padding-bottom: 100px !important; }


/* Margin Left */
.ml0{ margin-left: 0px !important; }
.ml5{ margin-left: 5px !important; }
.ml10{ margin-left: 10px !important; }
.ml15{ margin-left: 15px !important; }
.ml20{ margin-left: 20px !important; }
.ml25{ margin-left: 25px !important; }
.ml30{ margin-left: 30px !important; }
.ml35{ margin-left: 35px !important; }
.ml40{ margin-left: 40px !important; }
.ml45{ margin-left: 45px !important; }
.ml50{ margin-left: 50px !important; }
.ml55{ margin-left: 55px !important; }
.ml60{ margin-left: 60px !important; }
.ml65{ margin-left: 65px !important; }
.ml70{ margin-left: 70px !important; }
.ml75{ margin-left: 75px !important; }
.ml80{ margin-left: 80px !important; }
.ml85{ margin-left: 85px !important; }
.ml90{ margin-left: 90px !important; }
.ml95{ margin-left: 95px !important; }
.ml100{ margin-left: 100px !important; }


/* Margin Right */
.mr0{ margin-right: 0px !important; }
.mr5{ margin-right: 5px !important; }
.mr10{ margin-right: 10px !important; }
.mr15{ margin-right: 15px !important; }
.mr20{ margin-right: 20px !important; }
.mr25{ margin-right: 25px !important; }
.mr30{ margin-right: 30px !important; }
.mr35{ margin-right: 35px !important; }
.mr40{ margin-right: 40px !important; }
.mr45{ margin-right: 45px !important; }
.mr50{ margin-right: 50px !important; }
.mr55{ margin-right: 55px !important; }
.mr60{ margin-right: 60px !important; }
.mr65{ margin-right: 65px !important; }
.mr70{ margin-right: 70px !important; }
.mr75{ margin-right: 75px !important; }
.mr80{ margin-right: 80px !important; }
.mr85{ margin-right: 85px !important; }
.mr90{ margin-right: 90px !important; }
.mr95{ margin-right: 95px !important; }
.mr100{ margin-right: 100px !important; }


/* Margin Top */
.mt-300{ margin-top: -300px !important; }
.mt0{ margin-top: 0px !important; }
.mt5{ margin-top: 5px !important; }
.mt10{ margin-top: 10px !important; }
.mt15{ margin-top: 15px !important; }
.mt20{ margin-top: 20px !important; }
.mt25{ margin-top: 25px !important; }
.mt30{ margin-top: 30px !important; }
.mt35{ margin-top: 35px !important; }
.mt40{ margin-top: 40px !important; }
.mt45{ margin-top: 45px !important; }
.mt50{ margin-top: 50px !important; }
.mt55{ margin-top: 55px !important; }
.mt60{ margin-top: 60px !important; }
.mt65{ margin-top: 65px !important; }
.mt70{ margin-top: 70px !important; }
.mt75{ margin-top: 75px !important; }
.mt80{ margin-top: 80px !important; }
.mt85{ margin-top: 85px !important; }
.mt90{ margin-top: 90px !important; }
.mt95{ margin-top: 95px !important; }
.mt100{ margin-top: 100px !important; }


/* Margin Bottom */
.mb0{ margin-bottom: 0px !important; }
.mb5{ margin-bottom: 5px !important; }
.mb10{ margin-bottom: 10px !important; }
.mb15{ margin-bottom: 15px !important; }
.mb20{ margin-bottom: 20px !important; }
.mb25{ margin-bottom: 25px !important; }
.mb30{ margin-bottom: 30px !important; }
.mb35{ margin-bottom: 35px !important; }
.mb40{ margin-bottom: 40px !important; }
.mb45{ margin-bottom: 45px !important; }
.mb50{ margin-bottom: 50px !important; }
.mb55{ margin-bottom: 55px !important; }
.mb60{ margin-bottom: 60px !important; }
.mb65{ margin-bottom: 65px !important; }
.mb70{ margin-bottom: 70px !important; }
.mb75{ margin-bottom: 75px !important; }
.mb80{ margin-bottom: 80px !important; }
.mb85{ margin-bottom: 85px !important; }
.mb90{ margin-bottom: 90px !important; }
.mb95{ margin-bottom: 95px !important; }
.mb100{ margin-bottom: 100px !important; }


/* Top */
.t10{ top: 10px !important; }
.t20{ top: 20px !important; }
.t30{ top: 30px !important; }
.t40{ top: 40px !important; }
.t50{ top: 50px !important; }
.t60{ top: 60px !important; }
.t70{ top: 70px !important; }
.t80{ top: 80px !important; }
.t90{ top: 90px !important; }
.t100{ top: 100px !important; }