/**  ================================================================
      Generic Utility Classes (Padding, Margin, Font, Size, Border)
      Powered by EasyAdmin Vibe Workflow
================================================================= **/

/*====== Padding , Margin css starts ======*/
.p-0 { padding: 0px; }
.p-t-0 { padding-top: 0px; }
.p-b-0 { padding-bottom: 0px; }
.p-l-0 { padding-left: 0px; }
.p-r-0 { padding-right: 0px; }

.m-0 { margin: 0px; }
.m-t-0 { margin-top: 0px; }
.m-b-0 { margin-bottom: 0px; }
.m-l-0 { margin-left: 0px; }
.m-r-0 { margin-right: 0px; }

.p-5 { padding: 5px; }
.p-t-5 { padding-top: 5px; }
.p-b-5 { padding-bottom: 5px; }
.p-l-5 { padding-left: 5px; }
.p-r-5 { padding-right: 5px; }

.m-5 { margin: 5px; }
.m-t-5 { margin-top: 5px; }
.m-b-5 { margin-bottom: 5px; }
.m-l-5 { margin-left: 5px; }
.m-r-5 { margin-right: 5px; }

.p-10 { padding: 10px; }
.p-t-10 { padding-top: 10px; }
.p-b-10 { padding-bottom: 10px; }
.p-l-10 { padding-left: 10px; }
.p-r-10 { padding-right: 10px; }

.m-10 { margin: 10px; }
.m-t-10 { margin-top: 10px; }
.m-b-10 { margin-bottom: 10px; }
.m-l-10 { margin-left: 10px; }
.m-r-10 { margin-right: 10px; }

.p-15 { padding: 15px; }
.p-t-15 { padding-top: 15px; }
.p-b-15 { padding-bottom: 15px; }
.p-l-15 { padding-left: 15px; }
.p-r-15 { padding-right: 15px; }

.m-15 { margin: 15px; }
.m-t-15 { margin-top: 15px; }
.m-b-15 { margin-bottom: 15px; }
.m-l-15 { margin-left: 15px; }
.m-r-15 { margin-right: 15px; }

.p-20 { padding: 20px; }
.p-t-20 { padding-top: 20px; }
.p-b-20 { padding-bottom: 20px; }
.p-l-20 { padding-left: 20px; }
.p-r-20 { padding-right: 20px; }

.m-20 { margin: 20px; }
.m-t-20 { margin-top: 20px; }
.m-b-20 { margin-bottom: 20px; }
.m-l-20 { margin-left: 20px; }
.m-r-20 { margin-right: 20px; }

.p-25 { padding: 25px; }
.p-t-25 { padding-top: 25px; }
.p-b-25 { padding-bottom: 25px; }
.p-l-25 { padding-left: 25px; }
.p-r-25 { padding-right: 25px; }

.m-25 { margin: 25px; }
.m-t-25 { margin-top: 25px; }
.m-b-25 { margin-bottom: 25px; }
.m-l-25 { margin-left: 25px; }
.m-r-25 { margin-right: 25px; }

.p-30 { padding: 30px; }
.p-t-30 { padding-top: 30px; }
.p-b-30 { padding-bottom: 30px; }
.p-l-30 { padding-left: 30px; }
.p-r-30 { padding-right: 30px; }

.m-30 { margin: 30px; }
.m-t-30 { margin-top: 30px; }
.m-b-30 { margin-bottom: 30px; }
.m-l-30 { margin-left: 30px; }
.m-r-30 { margin-right: 30px; }

.p-35 { padding: 35px; }
.p-t-35 { padding-top: 35px; }
.p-b-35 { padding-bottom: 35px; }
.p-l-35 { padding-left: 35px; }
.p-r-35 { padding-right: 35px; }

.m-35 { margin: 35px; }
.m-t-35 { margin-top: 35px; }
.m-b-35 { margin-bottom: 35px; }
.m-l-35 { margin-left: 35px; }
.m-r-35 { margin-right: 35px; }

.p-40 { padding: 40px; }
.p-t-40 { padding-top: 40px; }
.p-b-40 { padding-bottom: 40px; }
.p-l-40 { padding-left: 40px; }
.p-r-40 { padding-right: 40px; }

.m-40 { margin: 40px; }
.m-t-40 { margin-top: 40px; }
.m-b-40 { margin-bottom: 40px; }
.m-l-40 { margin-left: 40px; }
.m-r-40 { margin-right: 40px; }

.p-45 { padding: 45px; }
.p-t-45 { padding-top: 45px; }
.p-b-45 { padding-bottom: 45px; }
.p-l-45 { padding-left: 45px; }
.p-r-45 { padding-right: 45px; }

.m-45 { margin: 45px; }
.m-t-45 { margin-top: 45px; }
.m-b-45 { margin-bottom: 45px; }
.m-l-45 { margin-left: 45px; }
.m-r-45 { margin-right: 45px; }

.p-50 { padding: 50px; }
.p-t-50 { padding-top: 50px; }
.p-b-50 { padding-bottom: 50px; }
.p-l-50 { padding-left: 50px; }
.p-r-50 { padding-right: 50px; }

.m-50 { margin: 50px; }
.m-t-50 { margin-top: 50px; }
.m-b-50 { margin-bottom: 50px; }
.m-l-50 { margin-left: 50px; }
.m-r-50 { margin-right: 50px; }

/*====== Padding , Margin css ends ======*/

/*====== Font-size css starts ======*/
.f-6 { font-size: 6px; }
.f-8 { font-size: 8px; }
.f-10 { font-size: 10px; }
.f-12 { font-size: 12px; }
.f-14 { font-size: 14px; }
.f-16 { font-size: 16px; }
.f-18 { font-size: 18px; }
.f-20 { font-size: 20px; }
.f-22 { font-size: 22px; }
.f-24 { font-size: 24px; }
.f-26 { font-size: 26px; }
.f-28 { font-size: 28px; }
.f-30 { font-size: 30px; }
.f-32 { font-size: 32px; }
.f-34 { font-size: 34px; }
.f-36 { font-size: 36px; }
.f-38 { font-size: 38px; }
.f-40 { font-size: 40px; }
.f-42 { font-size: 42px; }
.f-44 { font-size: 44px; }
.f-46 { font-size: 46px; }
.f-48 { font-size: 48px; }
.f-50 { font-size: 50px; }
.f-52 { font-size: 52px; }
.f-54 { font-size: 54px; }
.f-56 { font-size: 56px; }
.f-58 { font-size: 58px; }
.f-60 { font-size: 60px; }
.f-62 { font-size: 62px; }
.f-64 { font-size: 64px; }
.f-66 { font-size: 66px; }
.f-68 { font-size: 68px; }
.f-70 { font-size: 70px; }
.f-72 { font-size: 72px; }
.f-74 { font-size: 74px; }
.f-76 { font-size: 76px; }
.f-78 { font-size: 78px; }
.f-80 { font-size: 80px; }
/*====== Font-size css ends ======*/

/*====== Font-weight css starts ======*/
.f-w-100 { font-weight: 100; }
.f-w-200 { font-weight: 200; }
.f-w-300 { font-weight: 300; }
.f-w-400 { font-weight: 400; }
.f-w-500 { font-weight: 500; }
.f-w-600 { font-weight: 600; }
.f-w-700 { font-weight: 700; }
.f-w-800 { font-weight: 800; }
.f-w-900 { font-weight: 900; }
/*====== Font-weight css ends ======*/

/*====== width, Height css starts ======*/
.wid-10 { width: 10px; }
.hei-10 { height: 10px; }
.wid-15 { width: 15px; }
.hei-15 { height: 15px; }
.wid-20 { width: 20px; }
.hei-20 { height: 20px; }
.wid-25 { width: 25px; }
.hei-25 { height: 25px; }
.wid-30 { width: 30px; }
.hei-30 { height: 30px; }
.wid-35 { width: 35px; }
.hei-35 { height: 35px; }
.wid-40 { width: 40px; }
.hei-40 { height: 40px; }
.wid-45 { width: 45px; }
.hei-45 { height: 45px; }
.wid-50 { width: 50px; }
.hei-50 { height: 50px; }
.wid-55 { width: 55px; }
.hei-55 { height: 55px; }
.wid-60 { width: 60px; }
.hei-60 { height: 60px; }
.wid-65 { width: 65px; }
.hei-65 { height: 65px; }
.wid-70 { width: 70px; }
.hei-70 { height: 70px; }
.wid-75 { width: 75px; }
.hei-75 { height: 75px; }
.wid-80 { width: 80px; }
.hei-80 { height: 80px; }
.wid-85 { width: 85px; }
.hei-85 { height: 85px; }
.wid-90 { width: 90px; }
.hei-90 { height: 90px; }
.wid-95 { width: 95px; }
.hei-95 { height: 95px; }
.wid-100 { width: 100px; }
.hei-100 { height: 100px; }
.wid-105 { width: 105px; }
.hei-105 { height: 105px; }
.wid-110 { width: 110px; }
.hei-110 { height: 110px; }
.wid-115 { width: 115px; }
.hei-115 { height: 115px; }
.wid-120 { width: 120px; }
.hei-120 { height: 120px; }
.wid-125 { width: 125px; }
.hei-125 { height: 125px; }
.wid-130 { width: 130px; }
.hei-130 { height: 130px; }
.wid-135 { width: 135px; }
.hei-135 { height: 135px; }
.wid-140 { width: 140px; }
.hei-140 { height: 140px; }
.wid-145 { width: 145px; }
.hei-145 { height: 145px; }
.wid-150 { width: 150px; }
.hei-150 { height: 150px; }
/*====== width, Height css ends ======*/

/*====== border-width css starts ======*/
.b-wid-1 { border-width: 1px; }
.b-wid-2 { border-width: 2px; }
.b-wid-3 { border-width: 3px; }
.b-wid-4 { border-width: 4px; }
.b-wid-5 { border-width: 5px; }
.b-wid-6 { border-width: 6px; }
.b-wid-7 { border-width: 7px; }
.b-wid-8 { border-width: 8px; }