/* font size */
.fs8 {
  font-size: 8px !important;
}
.fs9 {
  font-size: 9px !important;
}
.fs10 {
  font-size: 10px !important;
}
.fs11 {
  font-size: 11px !important;
}
.fs12 {
  font-size: 12px !important;
}
.fs13 {
  font-size: 13px !important;
}
.fs14 {
  font-size: 14px !important;
}
.fs15 {
  font-size: 15px !important;
}
.fs16 {
  font-size: 16px !important;
}
.fs17 {
  font-size: 17px !important;
}
.fs18 {
  font-size: 18px !important;
}
.fs19 {
  font-size: 19px !important;
}
.fs20 {
  font-size: 20px !important;
}
.fs21 {
  font-size: 21px !important;
}
.fs22 {
  font-size: 22px !important;
  color: #0088c5;
  font-weight: bold;
}
.fs23 {
  font-size: 23px !important;
}
.fs24 {
  font-size: 24px !important;
}
.fs25 {
  font-size: 25px !important;
}
.fs26 {
  font-size: 26px !important;
}
.fs27 {
  font-size: 27px !important;
}
.fs28 {
  font-size: 28px !important;
}
.fs29 {
  font-size: 29px !important;
}
.fs30 {
  font-size: 30px !important;
}
.fs40 {
  font-size: 40px !important;
}
.fs50 {
  font-size: 50px !important;
}
.fs60 {
  font-size: 60px !important;
}
.fs70 {
  font-size: 70px !important;
}
.fs80 {
  font-size: 80px !important;
}
.fs90 {
  font-size: 90px !important;
}
.fs100 {
  font-size: 100px !important;
}

/* text align */
.text-center {
  text-align: center !important;
}
.text-right {
  text-align: right !important;
}
.text-left {
  text-align: left !important;
}
.text-justify {
  text-align: justify !important;
}

/* text */
.text-capitalize {
  text-transform: capitalize !important;
}
.text-uppercase {
  text-transform: uppercase !important;
}
.text-lowercase {
  text-transform: lowercase !important;
}
.text-none {
  text-decoration: none !important;
}
.text-underline {
  text-decoration: underline !important;
}
.text-linethrough {
  text-decoration: line-through;
}
.text-overflow-ellipsis {
  text-overflow: ellipsis !important;
}
.text-wrap {
  text-wrap: nowrap !important
}

/* padding */
.pn {
  padding: 0 !important;
}
.p1 {
  padding: 1px !important;
}
.p2 {
  padding: 2px !important;
}
.p3 {
  padding: 3px !important;
}
.p4 {
  padding: 4px !important;
}
.p5 {
  padding: 5px !important;
}
.p8 {
  padding: 8px !important;
}
.p10 {
  padding: 10px !important;
}
.p15 {
  padding: 15px !important;
}
.p20 {
  padding: 20px !important;
}
.p25 {
  padding: 25px !important;
}
.p30 {
  padding: 30px !important;
}
.p40 {
  padding: 40px !important;
}
.p50 {
  padding: 50px !important;
}
.p60 {
  padding: 60px !important;
}
.p70 {
  padding: 70px !important;
}
.p80 {
  padding: 80px !important;
}
.p90 {
  padding: 90px !important;
}
.p100 {
  padding: 100px !important;
}
.p110 {
  padding: 110px !important;
}
.p120 {
  padding: 120px !important;
}
.p130 {
  padding: 130px !important;
}
.p140 {
  padding: 140px !important;
}
.p150 {
  padding: 150px !important;
}
.p160 {
  padding: 160px !important;
}
.pl0 {
  padding-left: 0 !important;
}
.pl1 {
  padding-left: 1px !important
}
.pl2 {
  padding-left: 2px !important
}
.pl3 {
  padding-left: 3px !important
}
.pl4 {
  padding-left: 4px !important
}
.pl5 {
  padding-left: 5px !important;
}
.pl8 {
  padding-left: 8px !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;
}
.pl40 {
  padding-left: 40px !important;
}
.pl50 {
  padding-left: 50px !important;
}
.pl60 {
  padding-left: 60px !important;
}
.pl70 {
  padding-left: 70px !important;
}
.pl80 {
  padding-left: 80px !important;
}
.pl90 {
  padding-left: 90px !important;
}
.pl100 {
  padding-left: 100px !important;
}
.pl110 {
  padding-left: 110px !important;
}
.pl120 {
  padding-left: 120px !important;
}
.pl130 {
  padding-left: 130px !important;
}
.pl140 {
  padding-left: 140px !important;
}
.pl150 {
  padding-left: 150px !important;
}
.pl160 {
  padding-left: 160px !important;
}
.pt0 {
  padding-top: 0 !important;
}
.pt1 {
  padding-top: 1px !important;
}
.pt2 {
  padding-top: 2px !important;
}
.pt3 {
  padding-top: 3px !important;
}
.pt4 {
  padding-top: 4px !important;
}
.pt5 {
  padding-top: 5px !important;
}
.pt8 {
  padding-top: 8px !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;
}
.pt40 {
  padding-top: 40px !important;
}
.pt50 {
  padding-top: 50px !important;
}
.pt60 {
  padding-top: 60px !important;
}
.pt70 {
  padding-top: 70px !important;
}
.pt80 {
  padding-top: 80px !important;
}
.pt90 {
  padding-top: 90px !important;
}
.pt100 {
  padding-top: 100px !important;
}
.pt110 {
  padding-top: 110px !important;
}
.pt120 {
  padding-top: 120px !important;
}
.pt130 {
  padding-top: 130px !important;
}
.pt140 {
  padding-top: 140px !important;
}
.pt150 {
  padding-top: 150px !important;
}
.pt160 {
  padding-top: 160px !important;
}
.pr0 {
  padding-right: 0 !important;
}
.pr1 {
  padding-right: 1px !important;
}
.pr2 {
  padding-right: 2px !important;
}
.pr3 {
  padding-right: 3px !important;
}
.pr4 {
  padding-right: 4px !important;
}
.pr5 {
  padding-right: 5px !important;
}
.pr8 {
  padding-right: 8px !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;
}
.pr40 {
  padding-right: 40px !important;
}
.pr50 {
  padding-right: 50px !important;
}
.pr60 {
  padding-right: 60px !important;
}
.pr70 {
  padding-right: 70px !important;
}
.pr80 {
  padding-right: 80px !important;
}
.pr90 {
  padding-right: 90px !important;
}
.pr100 {
  padding-right: 100px !important;
}
.pr110 {
  padding-right: 110px !important;
}
.pr120 {
  padding-right: 120px !important;
}
.pr130 {
  padding-right: 130px !important;
}
.pr140 {
  padding-right: 140px !important;
}
.pr150 {
  padding-right: 150px !important;
}
.pr160 {
  padding-right: 160px !important;
}
.pb0 {
  padding-bottom: 0 !important;
}
.pb1 {
  padding-bottom: 1px !important;
}
.pb2 {
  padding-bottom: 2px !important;
}
.pb3 {
  padding-bottom: 3px !important;
}
.pb4 {
  padding-bottom: 4px !important;
}
.pb5 {
  padding-bottom: 5px !important;
}
.pb8 {
  padding-bottom: 8px !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;
}
.pb40 {
  padding-bottom: 40px !important;
}
.pb50 {
  padding-bottom: 50px !important;
}
.pb60 {
  padding-bottom: 60px !important;
}
.pb70 {
  padding-bottom: 70px !important;
}
.pr80 {
  padding-bottom: 80px !important;
}
.pb90 {
  padding-bottom: 90px !important;
}
.pb100 {
  padding-bottom: 100px !important;
}
.pb110 {
  padding-bottom: 110px !important;
}
.pb120 {
  padding-bottom: 120px !important;
}
.pb130 {
  padding-bottom: 130px !important;
}
.pb140 {
  padding-bottom: 140px !important;
}
.pb150 {
  padding-bottom: 150px !important;
}
.pb160 {
  padding-bottom: 160px !important;
}
.px0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.px-1 {
  padding-right: 1px !important;
  padding-left: 1px !important;
}
.px-2 {
  padding-right: 2px !important;
  padding-left: 2px !important;
} 
.px-3 {
  padding-right: 3px !important;
  padding-left: 3px !important;
}
.px-4 {
  padding-right: 4px !important;
  padding-left: 4px !important;
}
.px-5 {
  padding-right: 5px !important;
  padding-left: 5px !important;
}
.px-10 {
  padding-right: 10px !important;
  padding-left: 10px !important;
}
.px-15 {
  padding-right: 15px !important;
  padding-left: 15px !important;
}
.px-20 {
  padding-right: 20px !important;
  padding-left: 20px !important;
}
.px-25 {
  padding-right: 25px !important;
  padding-left: 25px !important;
}
.px-30 {
  padding-right: 30px !important;
  padding-left: 30px !important;
}
.px-40 {
  padding-right: 40px !important;
  padding-left: 40px !important;
}
.px-50 {
  padding-right: 50px !important;
  padding-left: 50px !important;
}
.px-60 {
  padding-right: 60px !important;
  padding-left: 60px !important;
}
.px-70 {
  padding-right: 70px !important;
  padding-left: 70px !important;
}
.px-80 {
  padding-right: 80px !important;
  padding-left: 80px !important;
}
.px-90 {
  padding-right: 90px !important;
  padding-left: 90px !important;
}
.px-100 {
  padding-right: 100px !important;
  padding-left: 100px !important;
}
.py0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.py-1 {
  padding-top: 1px !important;
  padding-bottom: 1px !important;
}
.py-2 {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
} 
.py-3 {
  padding-top: 3px !important;
  padding-bottom: 3px !important;
}
.py-4 {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}
.py-5 {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
.py-10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.py-15 {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}
.py-20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
.py-25 {
  padding-top: 25px !important;
  padding-bottom: 25px !important;
}
.py-30 {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}
.py-40 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
.py-50 {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}
.py-60 {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}
.py-70 {
  padding-top: 70px !important;
  padding-bottom: 70px !important;
}
.py-80 {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}
.py-90 {
  padding-top: 90px !important;
  padding-bottom: 90px !important;
}
.py-100 {
  padding-top: 100px !important;
  padding-bottom: 100px !important;
}

/* margin */
.mn {
  margin: 0 !important;
}
.m1 {
  margin: 1px !important;
}
.m2 {
  margin: 2px !important;
}
.m3 {
  margin: 3px !important;
}
.m4 {
  margin: 4px !important;
}
.m5 {
  margin: 5px !important;
}
.m10 {
  margin: 10px !important;
}
.m15 {
  margin: 15px !important;
}
.m20 {
  margin: 20px !important;
}
.m25 {
  margin: 25px !important;
}
.m27 {
  margin: 27px !important;
}
.m30 {
  margin: 30px !important;
}
.m40 {
  margin: 40px !important;
}
.m50 {
  margin: 30px !important;
}
.m60 {
  margin: 60px !important;
}
.m70 {
  margin: 70px !important;
}
.m80 {
  margin: 80px !important;
}
.m90 {
  margin: 90px !important;
}
.m100 {
  margin: 100px !important;
}
.m110 {
  margin: 110px !important;
}
.m120 {
  margin: 120px !important;
}
.m130 {
  margin: 130px !important;
}
.m140 {
  margin: 140px !important;
}
.m150 {
  margin: 150px !important;
}
.m160 {
  margin: 160px !important;
}
.ml0 {
  margin-left: 0 !important;
}
.ml1 {
  margin-left: 1px !important;
}
.ml2 {
  margin-left: 2px !important;
}
.ml3 {
  margin-left: 3px !important;
}
.ml4 {
  margin-left: 4px !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;
}
.ml27 {
  margin-left: 27px !important;
}
.ml30 {
  margin-left: 30px !important;
}
.ml40 {
  margin-left: 40px !important;
}
.ml50 {
  margin-left: 50px !important;
}
.ml60 {
  margin-left: 60px !important;
}
.ml70 {
  margin-left: 70px !important;
}
.ml80 {
  margin-left: 80px !important;
}
.ml90 {
  margin-left: 90px !important;
}
.ml100 {
  margin-left: 100px !important;
}
.ml110 {
  margin-left: 110px !important;
}
.ml120 {
  margin-left: 120px !important;
}
.ml130 {
  margin-left: 130px !important;
}
.ml140 {
  margin-left: 140px !important;
}
.ml150 {
  margin-left: 150px !important;
}
.ml160 {
  margin-left: 160px !important;
}
.mt10- {
  margin-top: -10px !important;
}
.mt0 {
  margin-top: 0 !important;
}
.mt1 {
  margin-top: 1px !important;
}
.mt2 {
  margin-top: 2px !important;
}
.mt3 {
  margin-top: 3px !important;
}
.mt4 {
  margin-top: 4px !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;
}
.mt27 {
  margin-top: 27px !important;
}
.mt30 {
  margin-top: 30px !important;
}
.mt40 {
  margin-top: 40px !important;
}
.mt50 {
  margin-top: 50px !important;
}
.mt60 {
  margin-top: 60px !important;
}
.mt70 {
  margin-top: 70px !important;
}
.mt80 {
  margin-top: 80px !important;
}
.mt90 {
  margin-top: 90px !important;
}
.mt100 {
  margin-top: 100px !important;
}
.mt110 {
  margin-top: 110px !important;
}
.mt120 {
  margin-top: 120px !important;
}
.mt130 {
  margin-top: 130px !important;
}
.mt140 {
  margin-top: 140px !important;
}
.mt150 {
  margin-top: 150px !important;
}
.mt160 {
  margin-top: 160px !important;
}
.mt180 {
  margin-top: 180px !important
}
.mt200 {
  margin-top: 200px !important;
}
.mr0 {
  margin-right: 0 !important;
}
.mr1 {
  margin-right: 1px !important;
}
.mr2 {
  margin-right: 2px !important;
}
.mr3 {
  margin-right: 3px !important;
}
.mr4 {
  margin-right: 4px !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;
}
.mr27 {
  margin-right: 27px !important;
}
.mr30 {
  margin-right: 30px !important;
}
.mr40 {
  margin-right: 40px !important;
}
.mr50 {
  margin-right: 50px !important;
}
.mr60 {
  margin-right: 60px !important;
}
.mr70 {
  margin-right: 70px !important;
}
.mr80 {
  margin-right: 80px !important;
}
.mr90 {
  margin-right: 90px !important;
}
.mr100 {
  margin-right: 100px !important;
}
.mr110 {
  margin-right: 110px !important;
}
.mr120 {
  margin-right: 120px !important;
}
.mr130 {
  margin-right: 130px !important;
}
.mr140 {
  margin-right: 140px !important;
}
.mr150 {
  margin-right: 150px !important;
}
.mr160 {
  margin-right: 160px !important;
}
.mb0 {
  margin-bottom: 0px !important;
}
.mb1 {
  margin-bottom: 1px !important;
}
.mb2 {
  margin-bottom: 2px !important;
}
.mb3 {
  margin-bottom: 3px !important;
}
.mb4 {
  margin-bottom: 4px !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;
}
.mb27 {
  margin-bottom: 27 !important;
}
.mb30 {
  margin-bottom: 30px !important;
}
.mb40 {
  margin-bottom: 40px !important;
}
.mb50 {
  margin-bottom: 50px !important;
}
.mb60 {
  margin-bottom: 60px !important;
}
.mb70 {
  margin-bottom: 70px !important;
}
.mb80 {
  margin-bottom: 80px !important;
}
.mb90 {
  margin-bottom: 90px !important;
}
.mb100 {
  margin-bottom: 100px !important;
}
.mb110 {
  margin-bottom: 110px !important;
}
.mb120 {
  margin-bottom: 120px !important;
}
.mb130 {
  margin-bottom: 130px !important;
}
.mb140 {
  margin-bottom: 140px !important;
}
.mb150 {
  margin-bottom: 150px !important;
}
.mb160 {
  margin-bottom: 160px !important;
}
.mx0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.mx1 {
  margin-right: 1px !important;
  margin-left: 1px !important;
}
.mx2 {
  margin-right: 2px !important;
  margin-left: 2px !important;
}
.mx3 {
  margin-right: 3px !important;
  margin-left: 3px !important;
}
.mx4 {
  margin-right: 4px !important;
  margin-left: 4px !important;
}
.mx5 {
  margin-right: 5px !important;
  margin-left: 5px !important;
}
.mx10 {
  margin-right: 10px !important;
  margin-left: 10px !important;
}
.mx15 {
  margin-right: 15px !important;
  margin-left: 15px !important;
}
.mx20 {
  margin-right: 20px !important;
  margin-left: 20px !important;
}
.mx25 {
  margin-right: 25px !important;
  margin-left: 25px !important;
}
.mx30 {
  margin-right: 30px !important;
  margin-left: 30px !important;
}
.mx40 {
  margin-right: 40px !important;
  margin-left: 40px !important;
}
.mx50 {
  margin-right: 50px !important;
  margin-left: 50px !important;
}
.mx60 {
  margin-right: 60px !important;
  margin-left: 60px !important;
}
.mx70 {
  margin-right: 70px !important;
  margin-left: 70px !important;
}
.mx80 {
  margin-right: 80px !important;
  margin-left: 80px !important;
}
.mx90 {
  margin-right: 90px !important;
  margin-left: 90px !important;
}
.mx100 {
  margin-right: 100px !important;
  margin-left: 100px !important;
}
.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}
.my0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.my1 {
  margin-top: 1px !important;
  margin-bottom: 1px !important;
}
.my2 {
  margin-top: 2px !important;
  margin-bottom: 2px !important;
}
.my3 {
  margin-top: 3px !important;
  margin-bottom: 3px !important;
}
.my4 {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}
.my5 {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}
.my10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.my15 {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}
.my20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}
.my25 {
  margin-top: 25px !important;
  margin-bottom: 25px !important;
}
.my30 {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}
.my40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}
.my50 {
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}
.my60 {
  margin-top: 60px !important;
  margin-bottom: 60px !important;
}
.my70 {
  margin-top: 70px !important;
  margin-bottom: 70px !important;
}
.my80 {
  margin-top: 80px !important;
  margin-bottom: 80px !important;
}
.my90 {
  margin-top: 90px !important;
  margin-bottom: 90px !important;
}
.my100 {
  margin-top: 100px !important;
  margin-bottom: 100px !important;
}
.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

/* width */
.w160 {
  width: 160px !important;
}
.w165 {
  width: 165px !important;
}
.w220 {
  width: 220px !important;
}
.w10p {
  width: 10% !important;
}
.w15p {
  width: 15% !important;
}
.w20p {
  width: 20% !important;
}
.w25p {
  width: 25% !important;
}
.w30p {
  width: 30% !important;
}
.w35p {
  width: 35% !important;
}
.w40p {
  width: 40% !important;
}
.w45p {
  width: 45% !important;
}
.w50p {
  width: 50% !important;
}
.w55p {
  width: 55% !important;
}
.w60p {
  width: 60% !important;
}
.w65p {
  width: 65% !important;
}
.w70p {
  width: 70% !important;
}
.w75p {
  width: 75% !important;
}
.w80p {
  width: 80% !important;
}
.w85p {
  width: 85% !important;
}
.w90p {
  width: 90% !important;
}
.w95p {
  width: 95% !important;
}
.w100p {
  width: 100% !important;
}
.wm100p {
  max-width: 100% !important;
}
.w100wh {
  width: 100wh !important;
}
.w-auto {
  width: auto !important;
}

/* height */
.h100p {
  height: 100% !important;
}
.h100vh {
  height: 100vh !important;
}
.h100 {
  height: 100px !important;
}
.h-auto {
  height: auto !important;
}
.h-none {
  height: 0 !important;
}

/* float */
.fleft {
  float: left !important;
}
.fright {
  float: right !important;
}

/* position */
.prelative {
  position: relative !important;
}
.pabsolute {
  position: absolute !important;
}

/* display */
.d-block {
  display: block !important;
}
.d-inline {
  display: inline !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-none {
  display: none !important;
}

/* overflow */
.overflow-hidden {
  overflow: hidden !important;
}
.overflow-scroll {
  overflow: scroll !important;
}

/* font weight */
.fb1 {
  font-weight: 100 !important;
}
.fb2 {
  font-weight: 200 !important;
}
.fb3 {
  font-weight: 300 !important;
}
.fb4 {
  font-weight: 400 !important;
}
.fb5 {
  font-weight: 500 !important;
}
.fb6 {
  font-weight: 600 !important;
}
.fb7 {
  font-weight: 700 !important;
}
.bold {
  font-weight: 800 !important;
}
.bolder {
  font-weight: 900 !important;
}
.normal {
  font-weight: normal;  
}

/* vertical align */
.valign {
  vertical-align: middle !important;
}
.valign-top {
  vertical-align: top !important;
}
.valign-bottom {
  vertical-align: bottom !important;
}

/* line-height */
.line-height-1 {
  line-height: 1 !important;
}
.line-height-1-5 {
  line-height: 1.5 !important;
}
.line-height-2 {
  line-height: 2 !important;
}
.line-height-2-5 {
  line-height: 2.5 !important;
}
.line-height-3 {
  line-height: 3 !important;
}

/* border radius */
.border-radius-5 {
  border-radius: 5px !important;
}
.border-radius-6 {
  border-radius: 6px !important;
}
.border-radius-7 {
  border-radius: 7px !important;
}
.border-radius-8 {
  border-radius: 8px !important;
}
.border-radius-9 {
  border-radius: 9px !important;
}
.border-radius-10 {
  border-radius: 10px !important;
}
.border-radius-round {
  border-radius: 50%;
}

@media (min-width: 576px) {
  /* font size */
  .fs8-sm {
    font-size: 8px !important;
  }
  .fs9-sm {
    font-size: 9px !important;
  }
  .fs10-sm {
    font-size: 10px !important;
  }
  .fs11-sm {
    font-size: 11px !important;
  }
  .fs12-sm {
    font-size: 12px !important;
  }
  .fs13-sm {
    font-size: 13px !important;
  }
  .fs14-sm {
    font-size: 14px !important;
  }
  .fs15-sm {
    font-size: 15px !important;
  }
  .fs16-sm {
    font-size: 16px !important;
  }
  .fs17-sm {
    font-size: 17px !important;
  }
  .fs18-sm {
    font-size: 18px !important;
  }
  .fs19-sm {
    font-size: 19px !important;
  }
  .fs20-sm {
    font-size: 20px !important;
  }
  .fs21-sm {
    font-size: 21px !important;
  }
  .fs22-sm {
    font-size: 22px !important;
    color: #0088c5;
    font-weight: bold;
  }
  .fs23-sm {
    font-size: 23px !important;
  }
  .fs24-sm {
    font-size: 24px !important;
  }
  .fs25-sm {
    font-size: 25px !important;
  }
  .fs26-sm {
    font-size: 26px !important;
  }
  .fs27-sm {
    font-size: 27px !important;
  }
  .fs28-sm {
    font-size: 28px !important;
  }
  .fs29-sm {
    font-size: 29px !important;
  }
  .fs30-sm {
    font-size: 30px !important;
  }
  .fs40-sm {
    font-size: 40px !important;
  }
  .fs50-sm {
    font-size: 50px !important;
  }
  .fs60-sm {
    font-size: 60px !important;
  }
  .fs70-sm {
    font-size: 70px !important;
  }
  .fs80-sm {
    font-size: 80px !important;
  }
  .fs90-sm {
    font-size: 90px !important;
  }
  .fs100-sm {
    font-size: 100px !important;
  }

  /* text align */
  .text-center-sm {
    text-align: center !important;
  }
  .text-right-sm {
    text-align: right !important;
  }
  .text-left-sm {
    text-align: left !important;
  }
  .text-justify-sm {
    text-align: justify !important;
  }  

  /* text */
  .text-capitalize-sm {
    text-transform: capitalize !important;
  }
  .text-uppercase-sm {
    text-transform: uppercase !important;
  }
  .text-lowercase-sm {
    text-transform: lowercase !important;
  }
  .text-none-sm {
    text-decoration: none !important;
  }
  .text-underline-sm {
    text-decoration: underline !important;
  }
  .text-linethrough-sm {
    text-decoration: line-through;
  }
  .text-overflow-ellipsis-sm {
    text-overflow: ellipsis !important;
  }
  .text-wrap-sm {
    text-wrap: nowrap !important
  }

/* padding */
  .pn-sm {
    padding: 0 !important;
  }
  .p1-sm {
    padding: 1px !important;
  }
  .p2-sm {
    padding: 2px !important;
  }
  .p3-sm {
    padding: 3px !important;
  }
  .p4-sm {
    padding: 4px !important;
  }
  .p5-sm {
    padding: 5px !important;
  }
  .p8-sm {
    padding: 8px !important;
  }
  .p10-sm {
    padding: 10px !important;
  }
  .p15-sm {
    padding: 15px !important;
  }
  .p20-sm {
    padding: 20px !important;
  }
  .p25-sm {
    padding: 25px !important;
  }
  .p30-sm {
    padding: 30px !important;
  }
  .p40-sm {
    padding: 40px !important;
  }
  .p50-sm {
    padding: 50px !important;
  }
  .p60-sm {
    padding: 60px !important;
  }
  .p70-sm {
    padding: 70px !important;
  }
  .p80-sm {
    padding: 80px !important;
  }
  .p90-sm {
    padding: 90px !important;
  }
  .p100-sm {
    padding: 100px !important;
  }
  .pl0-sm {
    padding-left: 0 !important;
  }
  .pl1-sm {
    padding-left: 1px !important
  }
  .pl2-sm {
    padding-left: 2px !important
  }
  .pl3-sm {
    padding-left: 3px !important
  }
  .pl4-sm {
    padding-left: 4px !important
  }
  .pl5-sm {
    padding-left: 5px !important;
  }
  .pl8-sm {
    padding-left: 8px !important;
  }
  .pl10-sm {
    padding-left: 10px !important;
  }
  .pl15-sm {
    padding-left: 15px !important;
  }
  .pl20-sm {
    padding-left: 20px !important;
  }
  .pl25-sm {
    padding-left: 25px !important;
  }
  .pl30-sm {
    padding-left: 30px !important;
  }
  .pl40-sm {
    padding-left: 40px !important;
  }
  .pl50-sm {
    padding-left: 50px !important;
  }
  .pl60-sm {
    padding-left: 60px !important;
  }
  .pl70-sm {
    padding-left: 70px !important;
  }
  .pl80-sm {
    padding-left: 80px !important;
  }
  .pl90-sm {
    padding-left: 90px !important;
  }
  .pl100-sm {
    padding-left: 100px !important;
  }
  .pt0-sm {
    padding-top: 0 !important;
  }
  .pt1-sm {
    padding-top: 1px !important;
  }
  .pt2-sm {
    padding-top: 2px !important;
  }
  .pt3-sm {
    padding-top: 3px !important;
  }
  .pt4-sm {
    padding-top: 4px !important;
  }
  .pt5-sm {
    padding-top: 5px !important;
  }
  .pt8-sm {
    padding-top: 8px !important;
  }
  .pt10-sm {
    padding-top: 10px !important;
  }
  .pt15-sm {
    padding-top: 15px !important;
  }
  .pt20-sm {
    padding-top: 20px !important;
  }
  .pt25-sm {
    padding-top: 25px !important;
  }
  .pt30-sm {
    padding-top: 30px !important;
  }
  .pt40-sm {
    padding-top: 40px !important;
  }
  .pt50-sm {
    padding-top: 50px !important;
  }
  .pt60-sm {
    padding-top: 60px !important;
  }
  .pt70-sm {
    padding-top: 70px !important;
  }
  .pt80-sm {
    padding-top: 80px !important;
  }
  .pt90-sm {
    padding-top: 90px !important;
  }
  .pt100-sm {
    padding-top: 100px !important;
  }
  .pr0-sm {
    padding-right: 0 !important;
  }
  .pr1-sm {
    padding-right: 1px !important;
  }
  .pr2-sm {
    padding-right: 2px !important;
  }
  .pr3-sm {
    padding-right: 3px !important;
  }
  .pr4-sm {
    padding-right: 4px !important;
  }
  .pr5-sm {
    padding-right: 5px !important;
  }
  .pr8-sm {
    padding-right: 8px !important;
  }
  .pr10-sm {
    padding-right: 10px !important;
  }
  .pr15-sm {
    padding-right: 15px !important;
  }
  .pr20-sm {
    padding-right: 20px !important;
  }
  .pr25-sm {
    padding-right: 25px !important;
  }
  .pr30-sm {
    padding-right: 30px !important;
  }
  .pr40-sm {
    padding-right: 40px !important;
  }
  .pr50-sm {
    padding-right: 50px !important;
  }
  .pr60-sm {
    padding-right: 60px !important;
  }
  .pr70-sm {
    padding-right: 70px !important;
  }
  .pr80-sm {
    padding-right: 80px !important;
  }
  .pr90-sm {
    padding-right: 90px !important;
  }
  .pr100-sm {
    padding-right: 100px !important;
  }
  .pb0-sm {
    padding-bottom: 0 !important;
  }
  .pb1-sm {
    padding-bottom: 1px !important;
  }
  .pb2-sm {
    padding-bottom: 2px !important;
  }
  .pb3-sm {
    padding-bottom: 3px !important;
  }
  .pb4-sm {
    padding-bottom: 4px !important;
  }
  .pb5-sm {
    padding-bottom: 5px !important;
  }
  .pb8-sm {
    padding-bottom: 8px !important;
  }
  .pb10-sm {
    padding-bottom: 10px !important;
  }
  .pb15-sm {
    padding-bottom: 15px !important;
  }
  .pb20-sm {
    padding-bottom: 20px !important;
  }
  .pb25-sm {
    padding-bottom: 25px !important;
  }
  .pb30-sm {
    padding-bottom: 30px !important;
  }
  .pb40-sm {
    padding-bottom: 40px !important;
  }
  .pb50-sm {
    padding-bottom: 50px !important;
  }
  .pb60-sm {
    padding-bottom: 60px !important;
  }
  .pb70-sm {
    padding-bottom: 70px !important;
  }
  .pr80-sm {
    padding-bottom: 80px !important;
  }
  .pb90-sm {
    padding-bottom: 90px !important;
  }
  .pb100-sm {
    padding-bottom: 100px !important;
  }
  .px0-sm {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-1-sm {
    padding-right: 1px !important;
    padding-left: 1px !important;
  }
  .px-2-sm {
    padding-right: 2px !important;
    padding-left: 2px !important;
  } 
  .px-3-sm {
    padding-right: 3px !important;
    padding-left: 3px !important;
  }
  .px-4-sm {
    padding-right: 4px !important;
    padding-left: 4px !important;
  }
  .px-5-sm {
    padding-right: 5px !important;
    padding-left: 5px !important;
  }
  .px-10-sm {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
  .px-15-sm {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
  .px-20-sm {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
  .px-25-sm {
    padding-right: 25px !important;
    padding-left: 25px !important;
  }
  .px-30-sm {
    padding-right: 30px !important;
    padding-left: 30px !important;
  }
  .px-40-sm {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .px-50-sm {
    padding-right: 50px !important;
    padding-left: 50px !important;
  }
  .px-60-sm {
    padding-right: 60px !important;
    padding-left: 60px !important;
  }
  .px-70-sm {
    padding-right: 70px !important;
    padding-left: 70px !important;
  }
  .px-80-sm {
    padding-right: 80px !important;
    padding-left: 80px !important;
  }
  .px-90-sm {
    padding-right: 90px !important;
    padding-left: 90px !important;
  }
  .px-100-sm {
    padding-right: 100px !important;
    padding-left: 100px !important;
  }
  .py0-sm {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-1-sm {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
  }
  .py-2-sm {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  } 
  .py-3-sm {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
  }
  .py-4-sm {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  .py-5-sm {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
  .py-10-sm {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .py-15-sm {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
  .py-20-sm {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .py-25-sm {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }
  .py-30-sm {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
  .py-40-sm {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .py-50-sm {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
  .py-60-sm {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .py-70-sm {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }
  .py-80-sm {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .py-90-sm {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
  }
  .py-100-sm {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }

  /* margin */
  .mn-sm {
    margin: 0 !important;
  }
  .m1-sm {
    margin: 1px !important;
  }
  .m2-sm {
    margin: 2px !important;
  }
  .m3-sm {
    margin: 3px !important;
  }
  .m4-sm {
    margin: 4px !important;
  }
  .m5-sm {
    margin: 5px !important;
  }
  .m10-sm {
    margin: 10px !important;
  }
  .m15-sm {
    margin: 15px !important;
  }
  .m20-sm {
    margin: 20px !important;
  }
  .m25-sm {
    margin: 25px !important;
  }
  .m27-sm {
    margin: 27px !important;
  }
  .m30-sm {
    margin: 30px !important;
  }
  .m40-sm {
    margin: 40px !important;
  }
  .m50-sm {
    margin: 30px !important;
  }
  .m60-sm {
    margin: 60px !important;
  }
  .m70-sm {
    margin: 70px !important;
  }
  .m80-sm {
    margin: 80px !important;
  }
  .m90-sm {
    margin: 90px !important;
  }
  .m100-sm {
    margin: 100px !important;
  }
  .m110-sm {
    margin: 110px !important;
  }
  .m120-sm {
    margin: 120px !important;
  }
  .m130-sm {
    margin: 130px !important;
  }
  .m140-sm {
    margin: 140px !important;
  }
  .m150-sm {
    margin: 150px !important;
  }
  .m160-sm {
    margin: 160px !important;
  }
  .ml0-sm {
    margin-left: 0 !important;
  }
  .ml1-sm {
    margin-left: 1px !important;
  }
  .ml2-sm {
    margin-left: 2px !important;
  }
  .ml3-sm {
    margin-left: 3px !important;
  }
  .ml4-sm {
    margin-left: 4px !important;
  }
  .ml5-sm {
    margin-left: 5px !important;
  }
  .ml10-sm {
    margin-left: 10px !important;
  }
  .ml15-sm {
    margin-left: 15px !important;
  }
  .ml20-sm {
    margin-left: 20px !important;
  }
  .ml25-sm {
    margin-left: 25px !important;
  }
  .ml27-sm {
    margin-left: 27px !important;
  }
  .ml30-sm {
    margin-left: 30px !important;
  }
  .ml40-sm {
    margin-left: 40px !important;
  }
  .ml50-sm {
    margin-left: 50px !important;
  }
  .ml60-sm {
    margin-left: 60px !important;
  }
  .ml70-sm {
    margin-left: 70px !important;
  }
  .ml80-sm {
    margin-left: 80px !important;
  }
  .ml90-sm {
    margin-left: 90px !important;
  }
  .ml100-sm {
    margin-left: 100px !important;
  }
  .ml110-sm {
    margin-left: 110px !important;
  }
  .ml120-sm {
    margin-left: 120px !important;
  }
  .ml130-sm {
    margin-left: 130px !important;
  }
  .ml140-sm {
    margin-left: 140px !important;
  }
  .ml150-sm {
    margin-left: 150px !important;
  }
  .ml160-sm {
    margin-left: 160px !important;
  }
  .mt0-sm {
    margin-top: 0 !important;
  }
  .mt1-sm {
    margin-top: 1px !important;
  }
  .mt2-sm {
    margin-top: 2px !important;
  }
  .mt3-sm {
    margin-top: 3px !important;
  }
  .mt4-sm {
    margin-top: 4px !important;
  }
  .mt5-sm {
    margin-top: 5px !important;
  }
  .mt10-sm {
    margin-top: 10px !important;
  }
  .mt15-sm {
    margin-top: 15px !important;
  }
  .mt20-sm {
    margin-top: 20px !important;
  }
  .mt25-sm {
    margin-top: 25px !important;
  }
  .mt27-sm {
    margin-top: 27px !important;
  }
  .mt30-sm {
    margin-top: 30px !important;
  }
  .mt40-sm {
    margin-top: 40px !important;
  }
  .mt50-sm {
    margin-top: 50px !important;
  }
  .mt60-sm {
    margin-top: 60px !important;
  }
  .mt70-sm {
    margin-top: 70px !important;
  }
  .mt80-sm {
    margin-top: 80px !important;
  }
  .mt90-sm {
    margin-top: 90px !important;
  }
  .mt100-sm {
    margin-top: 100px !important;
  }
  .mt110-sm {
    margin-top: 110px !important;
  }
  .mt120-sm {
    margin-top: 120px !important;
  }
  .mt130-sm {
    margin-top: 130px !important;
  }
  .mt140-sm {
    margin-top: 140px !important;
  }
  .mt150-sm {
    margin-top: 150px !important;
  }
  .mt160-sm {
    margin-top: 160px !important;
  }
  .mr0-sm {
    margin-right: 0 !important;
  }
  .mr1-sm {
    margin-right: 1px !important;
  }
  .mr2-sm {
    margin-right: 2px !important;
  }
  .mr3-sm {
    margin-right: 3px !important;
  }
  .mr4-sm {
    margin-right: 4px !important;
  }
  .mr5-sm {
    margin-right: 5px !important;
  }
  .mr10-sm {
    margin-right: 10px !important;
  }
  .mr15-sm {
    margin-right: 15px !important;
  }
  .mr20-sm {
    margin-right: 20px !important;
  }
  .mr25-sm {
    margin-right: 25px !important;
  }
  .mr27-sm {
    margin-right: 27px !important;
  }
  .mr30-sm {
    margin-right: 30px !important;
  }
  .mr40-sm {
    margin-right: 40px !important;
  }
  .mr50-sm {
    margin-right: 50px !important;
  }
  .mr60-sm {
    margin-right: 60px !important;
  }
  .mr70-sm {
    margin-right: 70px !important;
  }
  .mr80-sm {
    margin-right: 80px !important;
  }
  .mr90-sm {
    margin-right: 90px !important;
  }
  .mr100-sm {
    margin-right: 100px !important;
  }
  .mr110-sm {
    margin-right: 110px !important;
  }
  .mr120-sm {
    margin-right: 120px !important;
  }
  .mr130-sm {
    margin-right: 130px !important;
  }
  .mr140-sm {
    margin-right: 140px !important;
  }
  .mr150-sm {
    margin-right: 150px !important;
  }
  .mr160-sm {
    margin-right: 160px !important;
  }
  .mb0-sm {
    margin-bottom: 0px !important;
  }
  .mb1-sm {
    margin-bottom: 1px !important;
  }
  .mb2-sm {
    margin-bottom: 2px !important;
  }
  .mb3-sm {
    margin-bottom: 3px !important;
  }
  .mb4-sm {
    margin-bottom: 4px !important;
  }
  .mb5-sm {
    margin-bottom: 5px !important;
  }
  .mb10-sm {
    margin-bottom: 10px !important;
  }
  .mb15-sm {
    margin-bottom: 15px !important;
  }
  .mb20-sm {
    margin-bottom: 20px !important;
  }
  .mb25-sm {
    margin-bottom: 25px !important;
  }
  .mb27-sm {
    margin-bottom: 27 !important;
  }
  .mb30-sm {
    margin-bottom: 30px !important;
  }
  .mb40-sm {
    margin-bottom: 40px !important;
  }
  .mb50-sm {
    margin-bottom: 50px !important;
  }
  .mb60-sm {
    margin-bottom: 60px !important;
  }
  .mb70-sm {
    margin-bottom: 70px !important;
  }
  .mb80-sm {
    margin-bottom: 80px !important;
  }
  .mb90-sm {
    margin-bottom: 90px !important;
  }
  .mb100-sm {
    margin-bottom: 100px !important;
  }
  .mb110-sm {
    margin-bottom: 110px !important;
  }
  .mb120-sm {
    margin-bottom: 120px !important;
  }
  .mb130-sm {
    margin-bottom: 130px !important;
  }
  .mb140-sm {
    margin-bottom: 140px !important;
  }
  .mb150-sm {
    margin-bottom: 150px !important;
  }
  .mb160-sm{
    margin-bottom: 160px !important;
  }
  .mx0-sm {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx1-sm {
    margin-right: 1px !important;
    margin-left: 1px !important;
  }
  .mx2-sm {
    margin-right: 2px !important;
    margin-left: 2px !important;
  }
  .mx3-sm {
    margin-right: 3px !important;
    margin-left: 3px !important;
  }
  .mx4-sm {
    margin-right: 4px !important;
    margin-left: 4px !important;
  }
  .mx5-sm {
    margin-right: 5px !important;
    margin-left: 5px !important;
  }
  .mx10-sm {
    margin-right: 10px !important;
    margin-left: 10px !important;
  }
  .mx15-sm {
    margin-right: 15px !important;
    margin-left: 15px !important;
  }
  .mx20-sm {
    margin-right: 20px !important;
    margin-left: 20px !important;
  }
  .mx25-sm {
    margin-right: 25px !important;
    margin-left: 25px !important;
  }
  .mx30-sm {
    margin-right: 30px !important;
    margin-left: 30px !important;
  }
  .mx40-sm {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .mx50-sm {
    margin-right: 50px !important;
    margin-left: 50px !important;
  }
  .mx60-sm {
    margin-right: 60px !important;
    margin-left: 60px !important;
  }
  .mx70-sm {
    margin-right: 70px !important;
    margin-left: 70px !important;
  }
  .mx80-sm {
    margin-right: 80px !important;
    margin-left: 80px !important;
  }
  .mx90-sm {
    margin-right: 90px !important;
    margin-left: 90px !important;
  }
  .mx100-sm {
    margin-right: 100px !important;
    margin-left: 100px !important;
  }
  .mx-auto-sm {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my0-sm {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my1-sm {
    margin-top: 1px !important;
    margin-bottom: 1px !important;
  }
  .my2-sm {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
  }
  .my3-sm {
    margin-top: 3px !important;
    margin-bottom: 3px !important;
  }
  .my4-sm {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
  .my5-sm {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
  .my10-sm {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .my15-sm {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }
  .my20-sm {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .my25-sm {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }
  .my30-sm {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
  .my40-sm {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .my50-sm {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
  .my60-sm {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .my70-sm {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
  }
  .my80-sm {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
  .my90-sm {
    margin-top: 90px !important;
    margin-bottom: 90px !important;
  }
  .my100-sm {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }
  .my-auto-sm {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  /* width */
  .w160-sm {
    width: 160px !important;
  }
  .w165-sm {
    width: 165px !important;
  }
  .w220-sm {
    width: 220px !important;
  }
  .w10p-sm {
    width: 10% !important;
  }
  .w15p-sm {
    width: 15% !important;
  }
  .w20p-sm {
    width: 20% !important;
  }
  .w25p-sm {
    width: 25% !important;
  }
  .w30p-sm {
    width: 30% !important;
  }
  .w35p-sm {
    width: 35% !important;
  }
  .w40p-sm {
    width: 40% !important;
  }
  .w45p-sm {
    width: 45% !important;
  }
  .w50p-sm {
    width: 50% !important;
  }
  .w55p-sm {
    width: 55% !important;
  }
  .w60p-sm {
    width: 60% !important;
  }
  .w65p-sm {
    width: 65% !important;
  }
  .w70p-sm {
    width: 70% !important;
  }
  .w75p-sm {
    width: 75% !important
  }
  .w80p-sm {
    width: 80% !important;
  }
  .w85p-sm {
    width: 85% !important;
  }
  .w90p-sm {
    width: 90% !important;
  }
  .w95p-sm {
    width: 95% !important;
  }
  .w100p-sm {
    width: 100% !important;
  }
  .wm100p-sm {
    max-width: 100% !important;
  }
  .w100wh-sm {
    width: 100wh !important;
  }
  .w-auto-sm {
    width: auto !important;
  }
  
  /* height */
  .h100p-sm {
    height: 100% !important;
  }
  .h100vh-sm {
    height: 100vh !important;
  }
  .h100-sm {
    height: 100px !important;
  }
  .h-auto-sm {
    height: auto !important;
  }
  .h-none-sm {
    height: 0 !important;
  }

  /* float */
  .fleft-sm {
    float: left !important;
  }
  .fright-sm {
    float: right !important;
  }

  /* position */
  .prelative-sm {
    position: relative !important;
  }
  .pabsolute-sm {
    position: absolute !important;
  }

  /* display */
  .d-block-sm {
    display: block !important;
  }
  .d-inline-block-sm {
    display: inline-block !important;
  }
  .d-none-sm {
    display: none !important;
  }

  /* overflow */
  .overflow-hidden-sm {
    overflow: hidden !important;
  }
  .overflow-scroll-sm {
    overflow: scroll !important;
  }

  /* font weight */
  .fb1-sm {
    font-weight: 100 !important;
  }
  .fb2-sm {
    font-weight: 200 !important;
  }
  .fb3-sm {
    font-weight: 300 !important;
  }
  .fb4-sm {
    font-weight: 400 !important;
  }
  .fb5-sm {
    font-weight: 500 !important;
  }
  .fb6-sm {
    font-weight: 600 !important;
  }
  .fb7-sm {
    font-weight: 700 !important;
  }
  .bold-sm {
    font-weight: 800 !important;
  }
  .bolder-sm {
    font-weight: 900 !important;
  }
  .normal-sm {
    font-weight: normal;  
  }

  /* vertical align */
  .valign-sm {
    vertical-align: middle !important;
  }
  .valign-top-sm {
    vertical-align: top !important;
  }
  .valign-bottom-sm {
    vertical-align: bottom !important;
  }

  /* border-radius */
  .border-radius-5-sm {
    border-radius: 5px !important;
  }
  .border-radius-6-sm {
    border-radius: 6px !important;
  }
  .border-radius-7-sm {
    border-radius: 7px !important;
  }
  .border-radius-8-sm {
    border-radius: 8px !important;
  }
  .border-radius-9-sm {
    border-radius: 9px !important;
  }
  .border-radius-10-sm {
    border-radius: 10px !important;
  }
  .border-radius-round-sm {
    border-radius: 50%;
  }
}

@media (min-width: 768px) {
  /* font size */
  .fs8-md {
    font-size: 8px !important;
  }
  .fs9-md {
    font-size: 9px !important;
  }
  .fs10-md {
    font-size: 10px !important;
  }
  .fs11-md {
    font-size: 11px !important;
  }
  .fs12-md {
    font-size: 12px !important;
  }
  .fs13-md {
    font-size: 13px !important;
  }
  .fs14-md {
    font-size: 14px !important;
  }
  .fs15-md {
    font-size: 15px !important;
  }
  .fs16-md {
    font-size: 16px !important;
  }
  .fs17-md {
    font-size: 17px !important;
  }
  .fs18-md {
    font-size: 18px !important;
  }
  .fs19-md {
    font-size: 19px !important;
  }
  .fs20-md {
    font-size: 20px !important;
  }
  .fs21-md {
    font-size: 21px !important;
  }
  .fs22-md {
    font-size: 22px !important;
    color: #0088c5;
    font-weight: bold;
  }
  .fs23-md {
    font-size: 23px !important;
  }
  .fs24-md {
    font-size: 24px !important;
  }
  .fs25-md {
    font-size: 25px !important;
  }
  .fs26-md {
    font-size: 26px !important;
  }
  .fs27-md {
    font-size: 27px !important;
  }
  .fs28-md {
    font-size: 28px !important;
  }
  .fs29-md {
    font-size: 29px !important;
  }
  .fs30-md {
    font-size: 30px !important;
  }
  .fs40-md {
    font-size: 40px !important;
  }
  .fs50-md {
    font-size: 50px !important;
  }
  .fs60-md {
    font-size: 60px !important;
  }
  .fs70-md {
    font-size: 70px !important;
  }
  .fs80-md {
    font-size: 80px !important;
  }
  .fs90-md {
    font-size: 90px !important;
  }
  .fs100-md {
    font-size: 100px !important;
  }

  /* text align */
  .text-center-md {
    text-align: center !important;
  }
  .text-right-md {
    text-align: right !important;
  }
  .text-left-md {
    text-align: left !important;
  }
  .text-justify-md {
    text-align: justify !important;
  }

  /* text */
  .text-capitalize-md {
    text-transform: capitalize !important;
  }
  .text-uppercase-md {
    text-transform: uppercase !important;
  }
  .text-lowercase-md {
    text-transform: lowercase !important;
  }
  .text-none-md {
    text-decoration: none !important;
  }
  .text-underline-md {
    text-decoration: underline !important;
  }
  .text-linethrough-md {
    text-decoration: line-through;
  }
  .text-overflow-ellipsis-md {
    text-overflow: ellipsis !important;
  }
  .text-wrap-md {
    text-wrap: nowrap !important
  }


/* padding */
  .pn-md {
    padding: 0 !important;
  }
  .p1-md {
    padding: 1px !important;
  }
  .p2-md {
    padding: 2px !important;
  }
  .p3-md {
    padding: 3px !important;
  }
  .p4-md {
    padding: 4px !important;
  }
  .p5-md {
    padding: 5px !important;
  }
  .p8-md {
    padding: 8px !important;
  }
  .p10-md {
    padding: 10px !important;
  }
  .p15-md {
    padding: 15px !important;
  }
  .p20-md {
    padding: 20px !important;
  }
  .p25-md {
    padding: 25px !important;
  }
  .p30-md {
    padding: 30px !important;
  }
  .p40-md {
    padding: 40px !important;
  }
  .p50-md {
    padding: 50px !important;
  }
  .p60-md {
    padding: 60px !important;
  }
  .p70-md {
    padding: 70px !important;
  }
  .p80-md {
    padding: 80px !important;
  }
  .p90-md {
    padding: 90px !important;
  }
  .p100-md {
    padding: 100px !important;
  }
  .pl0-md {
    padding-left: 0 !important;
  }
  .pl1-md {
    padding-left: 1px !important
  }
  .pl2-md {
    padding-left: 2px !important
  }
  .pl3-md {
    padding-left: 3px !important
  }
  .pl4-md {
    padding-left: 4px !important
  }
  .pl5-md {
    padding-left: 5px !important;
  }
  .pl8-md {
    padding-left: 8px !important;
  }
  .pl10-md {
    padding-left: 10px !important;
  }
  .pl15-md {
    padding-left: 15px !important;
  }
  .pl20-md {
    padding-left: 20px !important;
  }
  .pl25-md {
    padding-left: 25px !important;
  }
  .pl30-md {
    padding-left: 30px !important;
  }
  .pl40-md {
    padding-left: 40px !important;
  }
  .pl50-md {
    padding-left: 50px !important;
  }
  .pl60-md {
    padding-left: 60px !important;
  }
  .pl70-md {
    padding-left: 70px !important;
  }
  .pl80-md {
    padding-left: 80px !important;
  }
  .pl90-md {
    padding-left: 90px !important;
  }
  .pl100-md {
    padding-left: 100px !important;
  }
  .pt0-md {
    padding-top: 0 !important;
  }
  .pt1-md {
    padding-top: 1px !important;
  }
  .pt2-md {
    padding-top: 2px !important;
  }
  .pt3-md {
    padding-top: 3px !important;
  }
  .pt4-md {
    padding-top: 4px !important;
  }
  .pt5-md {
    padding-top: 5px !important;
  }
  .pt8-md {
    padding-top: 8px !important;
  }
  .pt10-md {
    padding-top: 10px !important;
  }
  .pt15-md {
    padding-top: 15px !important;
  }
  .pt20-md {
    padding-top: 20px !important;
  }
  .pt25-md {
    padding-top: 25px !important;
  }
  .pt30-md {
    padding-top: 30px !important;
  }
  .pt40-md {
    padding-top: 40px !important;
  }
  .pt50-md {
    padding-top: 50px !important;
  }
  .pt60-md {
    padding-top: 60px !important;
  }
  .pt70-md {
    padding-top: 70px !important;
  }
  .pt80-md {
    padding-top: 80px !important;
  }
  .pt90-md {
    padding-top: 90px !important;
  }
  .pt100-md {
    padding-top: 100px !important;
  }
  .pr0-md {
    padding-right: 0 !important;
  }
  .pr1-md {
    padding-right: 1px !important;
  }
  .pr2-md {
    padding-right: 2px !important;
  }
  .pr3-md {
    padding-right: 3px !important;
  }
  .pr4-md {
    padding-right: 4px !important;
  }
  .pr5-md {
    padding-right: 5px !important;
  }
  .pr8-md {
    padding-right: 8px !important;
  }
  .pr10-md {
    padding-right: 10px !important;
  }
  .pr15-md {
    padding-right: 15px !important;
  }
  .pr20-md {
    padding-right: 20px !important;
  }
  .pr25-md {
    padding-right: 25px !important;
  }
  .pr30-md {
    padding-right: 30px !important;
  }
  .pr40-md {
    padding-right: 40px !important;
  }
  .pr50-md {
    padding-right: 50px !important;
  }
  .pr60-md {
    padding-right: 60px !important;
  }
  .pr70-md {
    padding-right: 70px !important;
  }
  .pr80-md {
    padding-right: 80px !important;
  }
  .pr90-md {
    padding-right: 90px !important;
  }
  .pr100-md {
    padding-right: 100px !important;
  }
  .pb0-md {
    padding-bottom: 0 !important;
  }
  .pb1-md {
    padding-bottom: 1px !important;
  }
  .pb2-md {
    padding-bottom: 2px !important;
  }
  .pb3-md {
    padding-bottom: 3px !important;
  }
  .pb4-md {
    padding-bottom: 4px !important;
  }
  .pb5-md {
    padding-bottom: 5px !important;
  }
  .pb8-md {
    padding-bottom: 8px !important;
  }
  .pb10-md {
    padding-bottom: 10px !important;
  }
  .pb15-md {
    padding-bottom: 15px !important;
  }
  .pb20-md {
    padding-bottom: 20px !important;
  }
  .pb25-md {
    padding-bottom: 25px !important;
  }
  .pb30-md {
    padding-bottom: 30px !important;
  }
  .pb40-md {
    padding-bottom: 40px !important;
  }
  .pb50-md {
    padding-bottom: 50px !important;
  }
  .pb60-md {
    padding-bottom: 60px !important;
  }
  .pb70-md {
    padding-bottom: 70px !important;
  }
  .pr80-md {
    padding-bottom: 80px !important;
  }
  .pb90-md {
    padding-bottom: 90px !important;
  }
  .pb100-md {
    padding-bottom: 100px !important;
  }
  .px0-md {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-1-md {
    padding-right: 1px !important;
    padding-left: 1px !important;
  }
  .px-2-md {
    padding-right: 2px !important;
    padding-left: 2px !important;
  } 
  .px-3-md {
    padding-right: 3px !important;
    padding-left: 3px !important;
  }
  .px-4-md {
    padding-right: 4px !important;
    padding-left: 4px !important;
  }
  .px-5-md {
    padding-right: 5px !important;
    padding-left: 5px !important;
  }
  .px-10-md {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
  .px-15-md {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
  .px-20-md {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
  .px-25-md {
    padding-right: 25px !important;
    padding-left: 25px !important;
  }
  .px-30-md {
    padding-right: 30px !important;
    padding-left: 30px !important;
  }
  .px-40-md {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .px-50-md {
    padding-right: 50px !important;
    padding-left: 50px !important;
  }
  .px-60-md {
    padding-right: 60px !important;
    padding-left: 60px !important;
  }
  .px-70-md {
    padding-right: 70px !important;
    padding-left: 70px !important;
  }
  .px-80-md {
    padding-right: 80px !important;
    padding-left: 80px !important;
  }
  .px-90-md {
    padding-right: 90px !important;
    padding-left: 90px !important;
  }
  .px-100-md {
    padding-right: 100px !important;
    padding-left: 100px !important;
  }
  .py0-md {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-1-md {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
  }
  .py-2-md {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  } 
  .py-3-md {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
  }
  .py-4-md {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  .py-5-md {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
  .py-10-md {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .py-15-md {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
  .py-20-md {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .py-25-md {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }
  .py-30-md {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
  .py-40-md {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .py-50-md {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
  .py-60-md {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .py-70-md {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }
  .py-80-md {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .py-90-md {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
  }
  .py-100-md {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }

  /* margin */
  .mn-md {
    margin: 0 !important;
  }
  .m1-md {
    margin: 1px !important;
  }
  .m2-md {
    margin: 2px !important;
  }
  .m3-md {
    margin: 3px !important;
  }
  .m4-md {
    margin: 4px !important;
  }
  .m5-md {
    margin: 5px !important;
  }
  .m10-md {
    margin: 10px !important;
  }
  .m15-md {
    margin: 15px !important;
  }
  .m20-md {
    margin: 20px !important;
  }
  .m25-md {
    margin: 25px !important;
  }
  .m27-md {
    margin: 27px !important;
  }
  .m30-md {
    margin: 30px !important;
  }
  .m40-md {
    margin: 40px !important;
  }
  .m50-md {
    margin: 30px !important;
  }
  .m60-md {
    margin: 60px !important;
  }
  .m70-md {
    margin: 70px !important;
  }
  .m80-md {
    margin: 80px !important;
  }
  .m90-md {
    margin: 90px !important;
  }
  .m100-md {
    margin: 100px !important;
  }
  .m110-md {
    margin: 110px !important;
  }
  .m120-md {
    margin: 120px !important;
  }
  .m130-md {
    margin: 130px !important;
  }
  .m140-md {
    margin: 140px !important;
  }
  .m150-md {
    margin: 150px !important;
  }
  .m160-md {
    margin: 160px !important;
  }
  .ml10-md- {
    margin-left: -10px !important;
  }
  .ml0-md {
    margin-left: 0 !important;
  }
  .ml1-md {
    margin-left: 1px !important;
  }
  .ml2-md {
    margin-left: 2px !important;
  }
  .ml3-md {
    margin-left: 3px !important;
  }
  .ml4-md {
    margin-left: 4px !important;
  }
  .ml5-md {
    margin-left: 5px !important;
  }
  .ml10-md {
    margin-left: 10px !important;
  }
  .ml15-md {
    margin-left: 15px !important;
  }
  .ml20-md {
    margin-left: 20px !important;
  }
  .ml25-md {
    margin-left: 25px !important;
  }
  .ml27-md {
    margin-left: 27px !important;
  }
  .ml30-md {
    margin-left: 30px !important;
  }
  .ml40-md {
    margin-left: 40px !important;
  }
  .ml50-md {
    margin-left: 50px !important;
  }
  .ml60-md {
    margin-left: 60px !important;
  }
  .ml70-md {
    margin-left: 70px !important;
  }
  .ml80-md {
    margin-left: 80px !important;
  }
  .ml90-md {
    margin-left: 90px !important;
  }
  .ml100-md {
    margin-left: 100px !important;
  }
  .ml110-md {
    margin-left: 110px !important;
  }
  .ml120-md {
    margin-left: 120px !important;
  }
  .ml130-md {
    margin-left: 130px !important;
  }
  .ml140-md {
    margin-left: 140px !important;
  }
  .ml150-md {
    margin-left: 150px !important;
  }
  .ml160-md {
    margin-left: 160px !important;
  }
  .mt0-md {
    margin-top: 0 !important;
  }
  .mt1-md {
    margin-top: 1px !important;
  }
  .mt2-md {
    margin-top: 2px !important;
  }
  .mt3-md {
    margin-top: 3px !important;
  }
  .mt4-md {
    margin-top: 4px !important;
  }
  .mt5-md {
    margin-top: 5px !important;
  }
  .mt10-md {
    margin-top: 10px !important;
  }
  .mt15-md {
    margin-top: 15px !important;
  }
  .mt20-md {
    margin-top: 20px !important;
  }
  .mt25-md {
    margin-top: 25px !important;
  }
  .mt27-md {
    margin-top: 27px !important;
  }
  .mt30-md {
    margin-top: 30px !important;
  }
  .mt40-md {
    margin-top: 40px !important;
  }
  .mt50-md {
    margin-top: 50px !important;
  }
  .mt60-md {
    margin-top: 60px !important;
  }
  .mt70-md {
    margin-top: 70px !important;
  }
  .mt80-md {
    margin-top: 80px !important;
  }
  .mt90-md {
    margin-top: 90px !important;
  }
  .mt100-md {
    margin-top: 100px !important;
  }
  .mt110-md {
    margin-top: 110px !important;
  }
  .mt120-md {
    margin-top: 120px !important;
  }
  .mt130-md {
    margin-top: 130px !important;
  }
  .mt140-md {
    margin-top: 140px !important;
  }
  .mt150-md {
    margin-top: 150px !important;
  }
  .mt160-md {
    margin-top: 160px !important;
  }
  .mr0-md {
    margin-right: 0 !important;
  }
  .mr1-md {
    margin-right: 1px !important;
  }
  .mr2-md {
    margin-right: 2px !important;
  }
  .mr3-md {
    margin-right: 3px !important;
  }
  .mr4-md {
    margin-right: 4px !important;
  }
  .mr5-md {
    margin-right: 5px !important;
  }
  .mr10-md {
    margin-right: 10px !important;
  }
  .mr15-md {
    margin-right: 15px !important;
  }
  .mr20-md {
    margin-right: 20px !important;
  }
  .mr25-md {
    margin-right: 25px !important;
  }
  .mr27-md {
    margin-right: 27px !important;
  }
  .mr30-md {
    margin-right: 30px !important;
  }
  .mr40-md {
    margin-right: 40px !important;
  }
  .mr50-md {
    margin-right: 50px !important;
  }
  .mr60-md {
    margin-right: 60px !important;
  }
  .mr70-md {
    margin-right: 70px !important;
  }
  .mr80-md {
    margin-right: 80px !important;
  }
  .mr90-md {
    margin-right: 90px !important;
  }
  .mr100-md {
    margin-right: 100px !important;
  }
  .mr110-md {
    margin-right: 110px !important;
  }
  .mr120-md {
    margin-right: 120px !important;
  }
  .mr130-md {
    margin-right: 130px !important;
  }
  .mr140-md {
    margin-right: 140px !important;
  }
  .mr150-md {
    margin-right: 150px !important;
  }
  .mr160-md {
    margin-right: 160px !important;
  }
  .mb0-md {
    margin-bottom: 0px !important;
  }
  .mb1-md {
    margin-bottom: 1px !important;
  }
  .mb2-md {
    margin-bottom: 2px !important;
  }
  .mb3-md {
    margin-bottom: 3px !important;
  }
  .mb4-md {
    margin-bottom: 4px !important;
  }
  .mb5-md {
    margin-bottom: 5px !important;
  }
  .mb10-md {
    margin-bottom: 10px !important;
  }
  .mb15-md {
    margin-bottom: 15px !important;
  }
  .mb20-md {
    margin-bottom: 20px !important;
  }
  .mb25-md {
    margin-bottom: 25px !important;
  }
  .mb27-md {
    margin-bottom: 27 !important;
  }
  .mb30-md {
    margin-bottom: 30px !important;
  }
  .mb40-md {
    margin-bottom: 40px !important;
  }
  .mb50-md {
    margin-bottom: 50px !important;
  }
  .mb60-md {
    margin-bottom: 60px !important;
  }
  .mb70-md {
    margin-bottom: 70px !important;
  }
  .mb80-md {
    margin-bottom: 80px !important;
  }
  .mb90-md {
    margin-bottom: 90px !important;
  }
  .mb100-md {
    margin-bottom: 100px !important;
  }
  .mb110-md {
    margin-bottom: 110px !important;
  }
  .mb120-md {
    margin-bottom: 120px !important;
  }
  .mb130-md {
    margin-bottom: 130px !important;
  }
  .mb140-md {
    margin-bottom: 140px !important;
  }
  .mb150-md {
    margin-bottom: 150px !important;
  }
  .mb160-md {
    margin-bottom: 160px !important;
  }
  .mx0-md {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx1-md {
    margin-right: 1px !important;
    margin-left: 1px !important;
  }
  .mx2-md {
    margin-right: 2px !important;
    margin-left: 2px !important;
  }
  .mx3-md {
    margin-right: 3px !important;
    margin-left: 3px !important;
  }
  .mx4-md {
    margin-right: 4px !important;
    margin-left: 4px !important;
  }
  .mx5-md {
    margin-right: 5px !important;
    margin-left: 5px !important;
  }
  .mx10-md {
    margin-right: 10px !important;
    margin-left: 10px !important;
  }
  .mx15-md {
    margin-right: 15px !important;
    margin-left: 15px !important;
  }
  .mx20-md {
    margin-right: 20px !important;
    margin-left: 20px !important;
  }
  .mx25-md {
    margin-right: 25px !important;
    margin-left: 25px !important;
  }
  .mx30-md {
    margin-right: 30px !important;
    margin-left: 30px !important;
  }
  .mx40-md {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .mx50-md {
    margin-right: 50px !important;
    margin-left: 50px !important;
  }
  .mx60-md {
    margin-right: 60px !important;
    margin-left: 60px !important;
  }
  .mx70-md {
    margin-right: 70px !important;
    margin-left: 70px !important;
  }
  .mx80-md {
    margin-right: 80px !important;
    margin-left: 80px !important;
  }
  .mx90-md {
    margin-right: 90px !important;
    margin-left: 90px !important;
  }
  .mx100-md {
    margin-right: 100px !important;
    margin-left: 100px !important;
  }
  .mx-auto-md {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my0-md {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my1-md {
    margin-top: 1px !important;
    margin-bottom: 1px !important;
  }
  .my2-md {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
  }
  .my3-md {
    margin-top: 3px !important;
    margin-bottom: 3px !important;
  }
  .my4-md {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
  .my5-md {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
  .my10-md {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .my15-md {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }
  .my20-md {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .my25-md {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }
  .my30-md {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
  .my40-md {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .my50-md {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
  .my60-md {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .my70-md {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
  }
  .my80-md {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
  .my90-md {
    margin-top: 90px !important;
    margin-bottom: 90px !important;
  }
  .my100-md {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }
  .my-auto-md {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  /* width */
  .w160-md {
    width: 160px !important;
  }
  .w165-md {
    width: 165px !important;
  }
  .w220-md {
    width: 220px !important;
  }
  .w10p-md {
    width: 10% !important;
  }
  .w15p-md {
    width: 15% !important;
  }
  .w20p-md {
    width: 20% !important;
  }
  .w25p-md {
    width: 25% !important;
  }
  .w30p-md {
    width: 30% !important;
  }
  .w35p-md {
    width: 35% !important;
  }
  .w40p-md {
    width: 40% !important;
  }
  .w45p-md {
    width: 45% !important;
  }
  .w50p-md {
    width: 50% !important;
  }
  .w55p-md {
    width: 55% !important;
  }
  .w60p-md {
    width: 60% !important;
  }
  .w65p-md {
    width: 65% !important;
  }
  .w70p-md {
    width: 70% !important;
  }
  .w75p-md {
    width: 75% !important
  }
  .w80p-md {
    width: 80% !important;
  }
  .w85p-md {
    width: 85% !important;
  }
  .w90p-md {
    width: 90% !important;
  }
  .w95p-md {
    width: 95% !important;
  }
  .w100p-md {
    width: 100% !important;
  }
  .wm100p-md {
    max-width: 100% !important;
  }
  .w100wh-md {
    width: 100wh !important;
  }
  .w-auto-md {
    width: auto !important;
  }
  
  /* height */
  .h100p-md {
    height: 100% !important;
  }
  .h100vh-md {
    height: 100vh !important;
  }
  .h100-md {
    height: 100px !important;
  }
  .h-auto-md {
    height: auto !important;
  }
  .h-none-md {
    height: 0 !important;
  }

  /* float */
  .fleft-md {
    float: left !important;
  }
  .fright-md {
    float: right !important;
  }

  /* position */
  .prelative-md {
    position: relative !important;
  }
  .pabsolute-md {
    position: absolute !important;
  }

  /* display */
  .d-block-md {
    display: block !important;
  }
  .d-inline-md {
    display: inline !important;
  }
  .d-inline-block-md {
    display: inline-block !important;
  }
  .d-none-md {
    display: none !important;
  }

  /* overflow */
  .overflow-hidden-md {
    overflow: hidden !important;
  }
  .overflow-scroll-md {
    overflow: scroll !important;
  }

  /* font weight */
  .fb1-md {
    font-weight: 100 !important;
  }
  .fb2-md {
    font-weight: 200 !important;
  }
  .fb3-md {
    font-weight: 300 !important;
  }
  .fb4-md {
    font-weight: 400 !important;
  }
  .fb5-md {
    font-weight: 500 !important;
  }
  .fb6-md {
    font-weight: 600 !important;
  }
  .fb7-md {
    font-weight: 700 !important;
  }
  .bold-md {
    font-weight: 800 !important;
  }
  .bolder-md {
    font-weight: 900 !important;
  }
  .normal-md {
    font-weight: normal !important;
  }

  /* vertical align */
  .valign-md {
    vertical-align: middle !important;
  }
  .valign-top-md {
    vertical-align: top !important;
  }
  .valign-bottom-md {
    vertical-align: bottom !important;
  }

  /* border-radius */
  .border-radius-5-md {
    border-radius: 5px !important;
  }
  .border-radius-6-md {
    border-radius: 6px !important;
  }
  .border-radius-7-md {
    border-radius: 7px !important;
  }
  .border-radius-8-md {
    border-radius: 8px !important;
  }
  .border-radius-9-md {
    border-radius: 9px !important;
  }
  .border-radius-10-md {
    border-radius: 10px !important;
  }
  .border-radius-round-md {
    border-radius: 50%;
  }
}

@media (min-width: 992px) {
  /* font size */
  .fs8-lg {
    font-size: 8px !important;
  }
  .fs9-lg {
    font-size: 9px !important;
  }
  .fs10-lg {
    font-size: 10px !important;
  }
  .fs11-lg {
    font-size: 11px !important;
  }
  .fs12-lg {
    font-size: 12px !important;
  }
  .fs13-lg {
    font-size: 13px !important;
  }
  .fs14-lg {
    font-size: 14px !important;
  }
  .fs15-lg {
    font-size: 15px !important;
  }
  .fs16-lg {
    font-size: 16px !important;
  }
  .fs17-lg {
    font-size: 17px !important;
  }
  .fs18-lg {
    font-size: 18px !important;
  }
  .fs19-lg {
    font-size: 19px !important;
  }
  .fs20-lg {
    font-size: 20px !important;
  }
  .fs21-lg {
    font-size: 21px !important;
  }
  .fs22-lg {
    font-size: 22px !important;
    color: #0088c5;
    font-weight: bold;
  }
  .fs23-lg {
    font-size: 23px !important;
  }
  .fs24-lg {
    font-size: 24px !important;
  }
  .fs25-lg {
    font-size: 25px !important;
  }
  .fs26-lg {
    font-size: 26px !important;
  }
  .fs27-lg {
    font-size: 27px !important;
  }
  .fs28-lg {
    font-size: 28px !important;
  }
  .fs29-lg {
    font-size: 29px !important;
  }
  .fs30-lg {
    font-size: 30px !important;
  }
  .fs40-lg {
    font-size: 40px !important;
  }
  .fs50-lg {
    font-size: 50px !important;
  }
  .fs60-lg {
    font-size: 60px !important;
  }
  .fs70-lg {
    font-size: 70px !important;
  }
  .fs80-lg {
    font-size: 80px !important;
  }
  .fs90-lg {
    font-size: 90px !important;
  }
  .fs100-lg {
    font-size: 100px !important;
  }

  /* text align */
  .text-center-lg {
    text-align: center !important;
  }
  .text-right-lg {
    text-align: right !important;
  }
  .text-left-lg {
    text-align: left !important;
  }
  .text-justify-lg {
    text-align: justify !important;
  }

  /* text */
  .text-capitalize-lg {
    text-transform: capitalize !important;
  }
  .text-uppercase-lg {
    text-transform: uppercase !important;
  }
  .text-lowercase-lg {
    text-transform: lowercase !important;
  }
  .text-none-lg {
    text-decoration: none !important;
  }
  .text-underline-lg {
    text-decoration: underline !important;
  }
  .text-linethrough-lg {
    text-decoration: line-through;
  }
  .text-overflow-ellipsis-lg {
    text-overflow: ellipsis !important;
  }
  .text-wrap-lg {
    text-wrap: nowrap !important
  }

  /* padding */
  .pn-lg {
    padding: 0 !important;
  }
  .p1-lg {
    padding: 1px !important;
  }
  .p2-lg {
    padding: 2px !important;
  }
  .p3-lg {
    padding: 3px !important;
  }
  .p4-lg {
    padding: 4px !important;
  }
  .p5-lg {
    padding: 5px !important;
  }
  .p8-lg {
    padding: 8px !important;
  }
  .p10-lg {
    padding: 10px !important;
  }
  .p15-lg {
    padding: 15px !important;
  }
  .p20-lg {
    padding: 20px !important;
  }
  .p25-lg {
    padding: 25px !important;
  }
  .p30-lg {
    padding: 30px !important;
  }
  .p40-lg {
    padding: 40px !important;
  }
  .p50-lg {
    padding: 50px !important;
  }
  .p60-lg {
    padding: 60px !important;
  }
  .p70-lg {
    padding: 70px !important;
  }
  .p80-lg {
    padding: 80px !important;
  }
  .p90-lg {
    padding: 90px !important;
  }
  .p100-lg {
    padding: 100px !important;
  }
  .pl0-lg {
    padding-left: 0 !important;
  }
  .pl1-lg {
    padding-left: 1px !important
  }
  .pl2-lg {
    padding-left: 2px !important
  }
  .pl3-lg {
    padding-left: 3px !important
  }
  .pl4-lg {
    padding-left: 4px !important
  }
  .pl5-lg {
    padding-left: 5px !important;
  }
  .pl8-lg {
    padding-left: 8px !important;
  }
  .pl10-lg {
    padding-left: 10px !important;
  }
  .pl15-lg {
    padding-left: 15px !important;
  }
  .pl20-lg {
    padding-left: 20px !important;
  }
  .pl25-lg {
    padding-left: 25px !important;
  }
  .pl30-lg {
    padding-left: 30px !important;
  }
  .pl40-lg {
    padding-left: 40px !important;
  }
  .pl50-lg {
    padding-left: 50px !important;
  }
  .pl60-lg {
    padding-left: 60px !important;
  }
  .pl70-lg {
    padding-left: 70px !important;
  }
  .pl80-lg {
    padding-left: 80px !important;
  }
  .pl90-lg {
    padding-left: 90px !important;
  }
  .pl100-lg {
    padding-left: 100px !important;
  }
  .pt0-lg {
    padding-top: 0 !important;
  }
  .pt1-lg {
    padding-top: 1px !important;
  }
  .pt2-lg {
    padding-top: 2px !important;
  }
  .pt3-lg {
    padding-top: 3px !important;
  }
  .pt4-lg {
    padding-top: 4px !important;
  }
  .pt5-lg {
    padding-top: 5px !important;
  }
  .pt8-lg {
    padding-top: 8px !important;
  }
  .pt10-lg {
    padding-top: 10px !important;
  }
  .pt15-lg {
    padding-top: 15px !important;
  }
  .pt20-lg {
    padding-top: 20px !important;
  }
  .pt25-lg {
    padding-top: 25px !important;
  }
  .pt30-lg {
    padding-top: 30px !important;
  }
  .pt40-lg {
    padding-top: 40px !important;
  }
  .pt50-lg {
    padding-top: 50px !important;
  }
  .pt60-lg {
    padding-top: 60px !important;
  }
  .pt70-lg {
    padding-top: 70px !important;
  }
  .pt80-lg {
    padding-top: 80px !important;
  }
  .pt90-lg {
    padding-top: 90px !important;
  }
  .pt100-lg {
    padding-top: 100px !important;
  }
  .pr0-lg {
    padding-right: 0 !important;
  }
  .pr1-lg {
    padding-right: 1px !important;
  }
  .pr2-lg {
    padding-right: 2px !important;
  }
  .pr3-lg {
    padding-right: 3px !important;
  }
  .pr4-lg {
    padding-right: 4px !important;
  }
  .pr5-lg {
    padding-right: 5px !important;
  }
  .pr8-lg {
    padding-right: 8px !important;
  }
  .pr10-lg {
    padding-right: 10px !important;
  }
  .pr15-lg {
    padding-right: 15px !important;
  }
  .pr20-lg {
    padding-right: 20px !important;
  }
  .pr25-lg {
    padding-right: 25px !important;
  }
  .pr30-lg {
    padding-right: 30px !important;
  }
  .pr40-lg {
    padding-right: 40px !important;
  }
  .pr50-lg {
    padding-right: 50px !important;
  }
  .pr60-lg {
    padding-right: 60px !important;
  }
  .pr70-lg {
    padding-right: 70px !important;
  }
  .pr80-lg {
    padding-right: 80px !important;
  }
  .pr90-lg {
    padding-right: 90px !important;
  }
  .pr100-lg {
    padding-right: 100px !important;
  }
  .pb0-lg {
    padding-bottom: 0 !important;
  }
  .pb1-lg {
    padding-bottom: 1px !important;
  }
  .pb2-lg {
    padding-bottom: 2px !important;
  }
  .pb3-lg {
    padding-bottom: 3px !important;
  }
  .pb4-lg {
    padding-bottom: 4px !important;
  }
  .pb5-lg {
    padding-bottom: 5px !important;
  }
  .pb8-lg {
    padding-bottom: 8px !important;
  }
  .pb10-lg {
    padding-bottom: 10px !important;
  }
  .pb15-lg {
    padding-bottom: 15px !important;
  }
  .pb20-lg {
    padding-bottom: 20px !important;
  }
  .pb25-lg {
    padding-bottom: 25px !important;
  }
  .pb30-lg {
    padding-bottom: 30px !important;
  }
  .pb40-lg {
    padding-bottom: 40px !important;
  }
  .pb50-lg {
    padding-bottom: 50px !important;
  }
  .pb60-lg {
    padding-bottom: 60px !important;
  }
  .pb70-lg {
    padding-bottom: 70px !important;
  }
  .pr80-lg {
    padding-bottom: 80px !important;
  }
  .pb90-lg {
    padding-bottom: 90px !important;
  }
  .pb100-lg {
    padding-bottom: 100px !important;
  }
  .px0-lg {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-1-lg {
    padding-right: 1px !important;
    padding-left: 1px !important;
  }
  .px-2-lg {
    padding-right: 2px !important;
    padding-left: 2px !important;
  } 
  .px-3-lg {
    padding-right: 3px !important;
    padding-left: 3px !important;
  }
  .px-4-lg {
    padding-right: 4px !important;
    padding-left: 4px !important;
  }
  .px-5-lg {
    padding-right: 5px !important;
    padding-left: 5px !important;
  }
  .px-10-lg {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
  .px-15-lg {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
  .px-20-lg {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
  .px-25-lg {
    padding-right: 25px !important;
    padding-left: 25px !important;
  }
  .px-30-lg {
    padding-right: 30px !important;
    padding-left: 30px !important;
  }
  .px-40-lg {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .px-50-lg {
    padding-right: 50px !important;
    padding-left: 50px !important;
  }
  .px-60-lg {
    padding-right: 60px !important;
    padding-left: 60px !important;
  }
  .px-70-lg {
    padding-right: 70px !important;
    padding-left: 70px !important;
  }
  .px-80-lg {
    padding-right: 80px !important;
    padding-left: 80px !important;
  }
  .px-90-lg {
    padding-right: 90px !important;
    padding-left: 90px !important;
  }
  .px-100-lg {
    padding-right: 100px !important;
    padding-left: 100px !important;
  }
  .py0-lg {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-1-lg {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
  }
  .py-2-lg {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  } 
  .py-3-lg {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
  }
  .py-4-lg {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  .py-5-lg {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
  .py-10-lg {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .py-15-lg {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
  .py-20-lg {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .py-25-lg {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }
  .py-30-lg {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
  .py-40-lg {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .py-50-lg {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
  .py-60-lg {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .py-70-lg {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }
  .py-80-lg {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .py-90-lg {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
  }
  .py-100-lg {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }

  /* margin */
  .mn-lg {
    margin: 0 !important;
  }
  .m1-lg {
    margin: 1px !important;
  }
  .m2-lg {
    margin: 2px !important;
  }
  .m3-lg {
    margin: 3px !important;
  }
  .m4-lg {
    margin: 4px !important;
  }
  .m5-lg {
    margin: 5px !important;
  }
  .m10-lg {
    margin: 10px !important;
  }
  .m15-lg {
    margin: 15px !important;
  }
  .m20-lg {
    margin: 20px !important;
  }
  .m25-lg {
    margin: 25px !important;
  }
  .m27-lg {
    margin: 27px !important;
  }
  .m30-lg {
    margin: 30px !important;
  }
  .m40-lg {
    margin: 40px !important;
  }
  .m50-lg {
    margin: 30px !important;
  }
  .m60-lg {
    margin: 60px !important;
  }
  .m70-lg {
    margin: 70px !important;
  }
  .m80-lg {
    margin: 80px !important;
  }
  .m90-lg {
    margin: 90px !important;
  }
  .m100-lg {
    margin: 100px !important;
  }
  .m110-lg {
    margin: 110px !important;
  }
  .m120-lg {
    margin: 120px !important;
  }
  .m130-lg {
    margin: 130px !important;
  }
  .m140-lg {
    margin: 140px !important;
  }
  .m150-lg {
    margin: 150px !important;
  }
  .m160-lg {
    margin: 160px !important;
  }
  .ml0-lg {
    margin-left: 0 !important;
  }
  .ml1-lg {
    margin-left: 1px !important;
  }
  .ml2-lg {
    margin-left: 2px !important;
  }
  .ml3-lg {
    margin-left: 3px !important;
  }
  .ml4-lg {
    margin-left: 4px !important;
  }
  .ml5-lg {
    margin-left: 5px !important;
  }
  .ml10-lg {
    margin-left: 10px !important;
  }
  .ml15-lg {
    margin-left: 15px !important;
  }
  .ml20-lg {
    margin-left: 20px !important;
  }
  .ml25-lg {
    margin-left: 25px !important;
  }
  .ml27-lg {
    margin-left: 27px !important;
  }
  .ml30-lg {
    margin-left: 30px !important;
  }
  .ml40-lg {
    margin-left: 40px !important;
  }
  .ml50-lg {
    margin-left: 50px !important;
  }
  .ml60-lg {
    margin-left: 60px !important;
  }
  .ml70-lg {
    margin-left: 70px !important;
  }
  .ml80-lg {
    margin-left: 80px !important;
  }
  .ml90-lg {
    margin-left: 90px !important;
  }
  .ml100-lg {
    margin-left: 100px !important;
  }
  .ml110-lg {
    margin-left: 110px !important;
  }
  .ml120-lg {
    margin-left: 120px !important;
  }
  .ml130-lg {
    margin-left: 130px !important;
  }
  .ml140-lg {
    margin-left: 140px !important;
  }
  .ml150-lg {
    margin-left: 150px !important;
  }
  .ml160-lg {
    margin-left: 160px !important;
  }
  .mt0-lg {
    margin-top: 0 !important;
  }
  .mt1-lg {
    margin-top: 1px !important;
  }
  .mt2-lg {
    margin-top: 2px !important;
  }
  .mt3-lg {
    margin-top: 3px !important;
  }
  .mt4-lg {
    margin-top: 4px !important;
  }
  .mt5-lg {
    margin-top: 5px !important;
  }
  .mt10-lg {
    margin-top: 10px !important;
  }
  .mt15-lg {
    margin-top: 15px !important;
  }
  .mt20-lg {
    margin-top: 20px !important;
  }
  .mt25-lg {
    margin-top: 25px !important;
  }
  .mt27-lg {
    margin-top: 27px !important;
  }
  .mt30-lg {
    margin-top: 30px !important;
  }
  .mt40-lg {
    margin-top: 40px !important;
  }
  .mt50-lg {
    margin-top: 50px !important;
  }
  .mt60-lg {
    margin-top: 60px !important;
  }
  .mt70-lg {
    margin-top: 70px !important;
  }
  .mt80-lg {
    margin-top: 80px !important;
  }
  .mt90-lg {
    margin-top: 90px !important;
  }
  .mt100-lg {
    margin-top: 100px !important;
  }
  .mt110-lg {
    margin-top: 110px !important;
  }
  .mt120-lg {
    margin-top: 120px !important;
  }
  .mt130-lg {
    margin-top: 130px !important;
  }
  .mt140-lg {
    margin-top: 140px !important;
  }
  .mt150-lg {
    margin-top: 150px !important;
  }
  .mt160-lg {
    margin-top: 160px !important;
  }
  .mr0-lg {
    margin-right: 0 !important;
  }
  .mr1-lg {
    margin-right: 1px !important;
  }
  .mr2-lg {
    margin-right: 2px !important;
  }
  .mr3-lg {
    margin-right: 3px !important;
  }
  .mr4-lg {
    margin-right: 4px !important;
  }
  .mr5-lg {
    margin-right: 5px !important;
  }
  .mr10-lg {
    margin-right: 10px !important;
  }
  .mr15-lg {
    margin-right: 15px !important;
  }
  .mr20-lg {
    margin-right: 20px !important;
  }
  .mr25-lg {
    margin-right: 25px !important;
  }
  .mr27-lg {
    margin-right: 27px !important;
  }
  .mr30-lg {
    margin-right: 30px !important;
  }
  .mr40-lg {
    margin-right: 40px !important;
  }
  .mr50-lg {
    margin-right: 50px !important;
  }
  .mr60-lg {
    margin-right: 60px !important;
  }
  .mr70-lg {
    margin-right: 70px !important;
  }
  .mr80-lg {
    margin-right: 80px !important;
  }
  .mr90-lg {
    margin-right: 90px !important;
  }
  .mr100-lg {
    margin-right: 100px !important;
  }
  .mr110-lg {
    margin-right: 110px !important;
  }
  .mr120-lg {
    margin-right: 120px !important;
  }
  .mr130-lg {
    margin-right: 130px !important;
  }
  .mr140-lg {
    margin-right: 140px !important;
  }
  .mr150-lg {
    margin-right: 150px !important;
  }
  .mr160-lg {
    margin-right: 160px !important;
  }
  .mb0-lg {
    margin-bottom: 0px !important;
  }
  .mb1-lg {
    margin-bottom: 1px !important;
  }
  .mb2-lg {
    margin-bottom: 2px !important;
  }
  .mb3-lg {
    margin-bottom: 3px !important;
  }
  .mb4-lg {
    margin-bottom: 4px !important;
  }
  .mb5-lg {
    margin-bottom: 5px !important;
  }
  .mb10-lg {
    margin-bottom: 10px !important;
  }
  .mb15-lg {
    margin-bottom: 15px !important;
  }
  .mb20-lg {
    margin-bottom: 20px !important;
  }
  .mb25-lg {
    margin-bottom: 25px !important;
  }
  .mb27-lg {
    margin-bottom: 27 !important;
  }
  .mb30-lg {
    margin-bottom: 30px !important;
  }
  .mb40-lg {
    margin-bottom: 40px !important;
  }
  .mb50-lg {
    margin-bottom: 50px !important;
  }
  .mb60-lg {
    margin-bottom: 60px !important;
  }
  .mb70-lg {
    margin-bottom: 70px !important;
  }
  .mb80-lg {
    margin-bottom: 80px !important;
  }
  .mb90-lg {
    margin-bottom: 90px !important;
  }
  .mb100-lg {
    margin-bottom: 100px !important;
  }
  .mb110-lg {
    margin-bottom: 110px !important;
  }
  .mb120-lg {
    margin-bottom: 120px !important;
  }
  .mb130-lg {
    margin-bottom: 130px !important;
  }
  .mb140-lg {
    margin-bottom: 140px !important;
  }
  .mb150-lg {
    margin-bottom: 150px !important;
  }
  .mb160-lg {
    margin-bottom: 160px !important;
  }
  .mx0-lg {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx1-lg {
    margin-right: 1px !important;
    margin-left: 1px !important;
  }
  .mx2-lg {
    margin-right: 2px !important;
    margin-left: 2px !important;
  }
  .mx3-lg {
    margin-right: 3px !important;
    margin-left: 3px !important;
  }
  .mx4-lg {
    margin-right: 4px !important;
    margin-left: 4px !important;
  }
  .mx5-lg {
    margin-right: 5px !important;
    margin-left: 5px !important;
  }
  .mx10-lg {
    margin-right: 10px !important;
    margin-left: 10px !important;
  }
  .mx15-lg {
    margin-right: 15px !important;
    margin-left: 15px !important;
  }
  .mx20-lg {
    margin-right: 20px !important;
    margin-left: 20px !important;
  }
  .mx25-lg {
    margin-right: 25px !important;
    margin-left: 25px !important;
  }
  .mx30-lg {
    margin-right: 30px !important;
    margin-left: 30px !important;
  }
  .mx40-lg {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .mx50-lg {
    margin-right: 50px !important;
    margin-left: 50px !important;
  }
  .mx60-lg {
    margin-right: 60px !important;
    margin-left: 60px !important;
  }
  .mx70-lg {
    margin-right: 70px !important;
    margin-left: 70px !important;
  }
  .mx80-lg {
    margin-right: 80px !important;
    margin-left: 80px !important;
  }
  .mx90-lg {
    margin-right: 90px !important;
    margin-left: 90px !important;
  }
  .mx100-lg {
    margin-right: 100px !important;
    margin-left: 100px !important;
  }
  .mx-auto-lg {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my0-lg {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my1-lg {
    margin-top: 1px !important;
    margin-bottom: 1px !important;
  }
  .my2-lg {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
  }
  .my3-lg {
    margin-top: 3px !important;
    margin-bottom: 3px !important;
  }
  .my4-lg {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
  .my5-lg {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
  .my10-lg {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .my15-lg {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }
  .my20-lg {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .my25-lg {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }
  .my30-lg {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
  .my40-lg {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .my50-lg {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
  .my60-lg {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .my70-lg {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
  }
  .my80-lg {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
  .my90-lg {
    margin-top: 90px !important;
    margin-bottom: 90px !important;
  }
  .my100-lg {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }
  .my-auto-lg {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  /* width */
  .w160-lg {
    width: 160px !important;
  }
  .w165-lg {
    width: 165px !important;
  }
  .w220-lg {
    width: 220px !important;
  }
  .w10p-lg {
    width: 10% !important;
  }
  .w15p-lg {
    width: 15% !important;
  }
  .w20p-lg {
    width: 20% !important;
  }
  .w25p-lg {
    width: 25% !important;
  }
  .w30p-lg {
    width: 30% !important;
  }
  .w35p-lg {
    width: 35% !important;
  }
  .w40p-lg {
    width: 40% !important;
  }
  .w45p-lg {
    width: 45% !important;
  }
  .w50p-lg {
    width: 50% !important;
  }
  .w55p-lg {
    width: 55% !important;
  }
  .w60p-lg {
    width: 60% !important;
  }
  .w65p-lg {
    width: 65% !important;
  }
  .w70p-lg {
    width: 70% !important;
  }
  .w75p-lg {
    width: 75% !important
  }
  .w80p-lg {
    width: 80% !important;
  }
  .w85p-lg {
    width: 85% !important;
  }
  .w90p-lg {
    width: 90% !important;
  }
  .w95p-lg {
    width: 95% !important;
  }
  .w100p-lg {
    width: 100% !important;
  }
  .wm100p-lg {
    max-width: 100% !important;
  }
  .w100wh-lg {
    width: 100wh !important;
  }
  .w-auto-lg {
    width: auto !important;
  }
  
  /* height */
  .h100p-lg {
    height: 100% !important;
  }
  .h100vh-lg {
    height: 100vh !important;
  }
  .h100-lg {
    height: 100px !important;
  }
  .h-auto-lg {
    height: auto !important;
  }
  .h-none-lg {
    height: 0 !important;
  }

  /* float */
  .fleft-lg {
    float: left !important;
  }
  .fright-lg {
    float: right !important;
  }

  /* position */
  .prelative-lg {
    position: relative !important;
  }
  .pabsolute-lg {
    position: absolute !important;
  }

  /* display */
  .d-block-lg {
    display: block !important;
  }
  .d-inline-lg {
    display: inline !important;
  }
  .d-inline-block-lg {
    display: inline-block !important;
  }
  .d-none-lg {
    display: none !important;
  }

  /* overflow */
  .overflow-hidden-lg {
    overflow: hidden !important;
  }
  .overflow-scroll-lg {
    overflow: scroll !important;
  }

  /* font weight */
  .fb1-lg {
    font-weight: 100 !important;
  }
  .fb2-lg {
    font-weight: 200 !important;
  }
  .fb3-lg {
    font-weight: 300 !important;
  }
  .fb4-lg {
    font-weight: 400 !important;
  }
  .fb5-lg {
    font-weight: 500 !important;
  }
  .fb6-lg {
    font-weight: 600 !important;
  }
  .fb7-lg {
    font-weight: 700 !important;
  }
  .bold-lg {
    font-weight: 800 !important;
  }
  .bolder-lg {
    font-weight: 900 !important;
  }
  .normal-lg {
    font-weight: normal !important;
  }

  /* vertical align */
  .valign-lg {
    vertical-align: middle !important;
  }
  .valign-top-lg {
    vertical-align: top !important;
  }
  .valign-bottom-lg {
    vertical-align: bottom !important;
  }

  /* border-radius */
  .border-radius-5-lg {
    border-radius: 5px !important;
  }
  .border-radius-6-lg {
    border-radius: 6px !important;
  }
  .border-radius-7-lg {
    border-radius: 7px !important;
  }
  .border-radius-8-lg {
    border-radius: 8px !important;
  }
  .border-radius-9-lg {
    border-radius: 9px !important;
  }
  .border-radius-10-lg {
    border-radius: 10px !important;
  }
  .border-radius-round-lg {
    border-radius: 50%;
  }
}

@media (min-width: 1200px) {
  /* font size */
  .fs8-xl {
    font-size: 8px !important;
  }
  .fs9-xl {
    font-size: 9px !important;
  }
  .fs10-xl {
    font-size: 10px !important;
  }
  .fs11-xl {
    font-size: 11px !important;
  }
  .fs12-xl {
    font-size: 12px !important;
  }
  .fs13-xl {
    font-size: 13px !important;
  }
  .fs14-xl {
    font-size: 14px !important;
  }
  .fs15-xl {
    font-size: 15px !important;
  }
  .fs16-xl {
    font-size: 16px !important;
  }
  .fs17-xl {
    font-size: 17px !important;
  }
  .fs18-xl {
    font-size: 18px !important;
  }
  .fs19-xl {
    font-size: 19px !important;
  }
  .fs20-xl {
    font-size: 20px !important;
  }
  .fs21-xl {
    font-size: 21px !important;
  }
  .fs22-xl {
    font-size: 22px !important;
    color: #0088c5;
    font-weight: bold;
  }
  .fs23-xl {
    font-size: 23px !important;
  }
  .fs24-xl {
    font-size: 24px !important;
  }
  .fs25-xl {
    font-size: 25px !important;
  }
  .fs26-xl {
    font-size: 26px !important;
  }
  .fs27-xl {
    font-size: 27px !important;
  }
  .fs28-xl {
    font-size: 28px !important;
  }
  .fs29-xl {
    font-size: 29px !important;
  }
  .fs30-xl {
    font-size: 30px !important;
  }
  .fs40-xl {
    font-size: 40px !important;
  }
  .fs50-xl {
    font-size: 50px !important;
  }
  .fs60-xl {
    font-size: 60px !important;
  }
  .fs70-xl {
    font-size: 70px !important;
  }
  .fs80-xl {
    font-size: 80px !important;
  }
  .fs90-xl {
    font-size: 90px !important;
  }
  .fs100-xl {
    font-size: 100px !important;
  }
  /* text align */
  .text-center-xl {
    text-align: center !important;
  }
  .text-right-xl {
    text-align: right !important;
  }
  .text-left-xl {
    text-align: left !important;
  }
  .text-justify-xl {
    text-align: justify !important;
  }

  /* text */
  .text-capitalize-xl {
    text-transform: capitalize !important;
  }
  .text-uppercase-xl {
    text-transform: uppercase !important;
  }
  .text-lowercase-xl {
    text-transform: lowercase !important;
  }
  .text-none-xl {
    text-decoration: none !important;
  }
  .text-underline-xl {
    text-decoration: underline !important;
  }
  .text-linethrough-xl {
    text-decoration: line-through;
  }
  .text-overflow-ellipsis-xl {
    text-overflow: ellipsis !important;
  }
  .text-wrap-xl {
    text-wrap: nowrap !important
  }

  /* padding */
  .pn-xl {
    padding: 0 !important;
  }
  .p1-xl {
    padding: 1px !important;
  }
  .p2-xl {
    padding: 2px !important;
  }
  .p3-xl {
    padding: 3px !important;
  }
  .p4-xl {
    padding: 4px !important;
  }
  .p5-xl {
    padding: 5px !important;
  }
  .p8-xl {
    padding: 8px !important;
  }
  .p10-xl {
    padding: 10px !important;
  }
  .p15-xl {
    padding: 15px !important;
  }
  .p20-xl {
    padding: 20px !important;
  }
  .p25-xl {
    padding: 25px !important;
  }
  .p30-xl {
    padding: 30px !important;
  }
  .p40-xl {
    padding: 40px !important;
  }
  .p50-xl {
    padding: 50px !important;
  }
  .p60-xl {
    padding: 60px !important;
  }
  .p70-xl {
    padding: 70px !important;
  }
  .p80-xl {
    padding: 80px !important;
  }
  .p90-xl {
    padding: 90px !important;
  }
  .p100-xl {
    padding: 100px !important;
  }
  .pl0-xl {
    padding-left: 0 !important;
  }
  .pl1-xl {
    padding-left: 1px !important
  }
  .pl2-xl {
    padding-left: 2px !important
  }
  .pl3-xl {
    padding-left: 3px !important
  }
  .pl4-xl {
    padding-left: 4px !important
  }
  .pl5-xl {
    padding-left: 5px !important;
  }
  .pl8-xl {
    padding-left: 8px !important;
  }
  .pl10-xl {
    padding-left: 10px !important;
  }
  .pl15-xl {
    padding-left: 15px !important;
  }
  .pl20-xl {
    padding-left: 20px !important;
  }
  .pl25-xl {
    padding-left: 25px !important;
  }
  .pl30-xl {
    padding-left: 30px !important;
  }
  .pl40-xl {
    padding-left: 40px !important;
  }
  .pl50-xl {
    padding-left: 50px !important;
  }
  .pl60-xl {
    padding-left: 60px !important;
  }
  .pl70-xl {
    padding-left: 70px !important;
  }
  .pl80-xl {
    padding-left: 80px !important;
  }
  .pl90-xl {
    padding-left: 90px !important;
  }
  .pl100-xl {
    padding-left: 100px !important;
  }
  .pt0-xl {
    padding-top: 0 !important;
  }
  .pt1-xl {
    padding-top: 1px !important;
  }
  .pt2-xl {
    padding-top: 2px !important;
  }
  .pt3-xl {
    padding-top: 3px !important;
  }
  .pt4-xl {
    padding-top: 4px !important;
  }
  .pt5-xl {
    padding-top: 5px !important;
  }
  .pt8-xl {
    padding-top: 8px !important;
  }
  .pt10-xl {
    padding-top: 10px !important;
  }
  .pt15-xl {
    padding-top: 15px !important;
  }
  .pt20-xl {
    padding-top: 20px !important;
  }
  .pt25-xl {
    padding-top: 25px !important;
  }
  .pt30-xl {
    padding-top: 30px !important;
  }
  .pt40-xl {
    padding-top: 40px !important;
  }
  .pt50-xl {
    padding-top: 50px !important;
  }
  .pt60-xl {
    padding-top: 60px !important;
  }
  .pt70-xl {
    padding-top: 70px !important;
  }
  .pt80-xl {
    padding-top: 80px !important;
  }
  .pt90-xl {
    padding-top: 90px !important;
  }
  .pt100-xl {
    padding-top: 100px !important;
  }
  .pr0-xl {
    padding-right: 0 !important;
  }
  .pr1-xl {
    padding-right: 1px !important;
  }
  .pr2-xl {
    padding-right: 2px !important;
  }
  .pr3-xl {
    padding-right: 3px !important;
  }
  .pr4-xl {
    padding-right: 4px !important;
  }
  .pr5-xl {
    padding-right: 5px !important;
  }
  .pr8-xl {
    padding-right: 8px !important;
  }
  .pr10-xl {
    padding-right: 10px !important;
  }
  .pr15-xl {
    padding-right: 15px !important;
  }
  .pr20-xl {
    padding-right: 20px !important;
  }
  .pr25-xl {
    padding-right: 25px !important;
  }
  .pr30-xl {
    padding-right: 30px !important;
  }
  .pr40-xl {
    padding-right: 40px !important;
  }
  .pr50-xl {
    padding-right: 50px !important;
  }
  .pr60-xl {
    padding-right: 60px !important;
  }
  .pr70-xl {
    padding-right: 70px !important;
  }
  .pr80-xl {
    padding-right: 80px !important;
  }
  .pr90-xl {
    padding-right: 90px !important;
  }
  .pr100-xl {
    padding-right: 100px !important;
  }
  .pb0-xl {
    padding-bottom: 0 !important;
  }
  .pb1-xl {
    padding-bottom: 1px !important;
  }
  .pb2-xl {
    padding-bottom: 2px !important;
  }
  .pb3-xl {
    padding-bottom: 3px !important;
  }
  .pb4-xl {
    padding-bottom: 4px !important;
  }
  .pb5-xl {
    padding-bottom: 5px !important;
  }
  .pb8-xl {
    padding-bottom: 8px !important;
  }
  .pb10-xl {
    padding-bottom: 10px !important;
  }
  .pb15-xl {
    padding-bottom: 15px !important;
  }
  .pb20-xl {
    padding-bottom: 20px !important;
  }
  .pb25-xl {
    padding-bottom: 25px !important;
  }
  .pb30-xl {
    padding-bottom: 30px !important;
  }
  .pb40-xl {
    padding-bottom: 40px !important;
  }
  .pb50-xl {
    padding-bottom: 50px !important;
  }
  .pb60-xl {
    padding-bottom: 60px !important;
  }
  .pb70-xl {
    padding-bottom: 70px !important;
  }
  .pr80-xl {
    padding-bottom: 80px !important;
  }
  .pb90-xl{
    padding-bottom: 90px !important;
  }
  .pb100-xl {
    padding-bottom: 100px !important;
  }
  .px0-xl {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-1-xl {
    padding-right: 1px !important;
    padding-left: 1px !important;
  }
  .px-2-xl {
    padding-right: 2px !important;
    padding-left: 2px !important;
  } 
  .px-3-xl {
    padding-right: 3px !important;
    padding-left: 3px !important;
  }
  .px-4-xl {
    padding-right: 4px !important;
    padding-left: 4px !important;
  }
  .px-5-xl {
    padding-right: 5px !important;
    padding-left: 5px !important;
  }
  .px-10-xl {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
  .px-15-xl {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
  .px-20-xl {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
  .px-25-xl {
    padding-right: 25px !important;
    padding-left: 25px !important;
  }
  .px-30-xl {
    padding-right: 30px !important;
    padding-left: 30px !important;
  }
  .px-40-xl {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .px-50-xl {
    padding-right: 50px !important;
    padding-left: 50px !important;
  }
  .px-60-xl {
    padding-right: 60px !important;
    padding-left: 60px !important;
  }
  .px-70-xl {
    padding-right: 70px !important;
    padding-left: 70px !important;
  }
  .px-80-xl {
    padding-right: 80px !important;
    padding-left: 80px !important;
  }
  .px-90-xl {
    padding-right: 90px !important;
    padding-left: 90px !important;
  }
  .px-100-xl {
    padding-right: 100px !important;
    padding-left: 100px !important;
  }
  .py0-xl {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-1-xl {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
  }
  .py-2-xl {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  } 
  .py-3-xl {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
  }
  .py-4-xl {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  .py-5-xl {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
  .py-10-xl {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .py-15-xl {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
  .py-20-xl {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .py-25-xl {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }
  .py-30-xl {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
  .py-40-xl {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .py-50-xl {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
  .py-60-xl {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .py-70-xl {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }
  .py-80-xl {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .py-90-xl {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
  }
  .py-100-xl {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }

  /* margin */
  .mn-xl {
    margin: 0 !important;
  }
  .m1-xl {
    margin: 1px !important;
  }
  .m2-xl {
    margin: 2px !important;
  }
  .m3-xl {
    margin: 3px !important;
  }
  .m4-xl {
    margin: 4px !important;
  }
  .m5-xl {
    margin: 5px !important;
  }
  .m10-xl {
    margin: 10px !important;
  }
  .m15-xl {
    margin: 15px !important;
  }
  .m20-xl {
    margin: 20px !important;
  }
  .m25-xl {
    margin: 25px !important;
  }
  .m27-xl {
    margin: 27px !important;
  }
  .m30-xl {
    margin: 30px !important;
  }
  .m40-xl {
    margin: 40px !important;
  }
  .m50-xl {
    margin: 30px !important;
  }
  .m60-xl {
    margin: 60px !important;
  }
  .m70-xl {
    margin: 70px !important;
  }
  .m80-xl {
    margin: 80px !important;
  }
  .m90-xl {
    margin: 90px !important;
  }
  .m100-xl {
    margin: 100px !important;
  }
  .m110-xl {
    margin: 110px !important;
  }
  .m120-xl {
    margin: 120px !important;
  }
  .m130-xl {
    margin: 130px !important;
  }
  .m140-xl {
    margin: 140px !important;
  }
  .m150-xl {
    margin: 150px !important;
  }
  .m160-xl {
    margin: 160px !important;
  }
  .ml0-xl {
    margin-left: 0 !important;
  }
  .ml1-xl {
    margin-left: 1px !important;
  }
  .ml2-xl {
    margin-left: 2px !important;
  }
  .ml3-xl {
    margin-left: 3px !important;
  }
  .ml4-xl {
    margin-left: 4px !important;
  }
  .ml5-xl {
    margin-left: 5px !important;
  }
  .ml10-xl {
    margin-left: 10px !important;
  }
  .ml15-xl {
    margin-left: 15px !important;
  }
  .ml20-xl {
    margin-left: 20px !important;
  }
  .ml25-xl {
    margin-left: 25px !important;
  }
  .ml27-xl {
    margin-left: 27px !important;
  }
  .ml30-xl {
    margin-left: 30px !important;
  }
  .ml40-xl {
    margin-left: 40px !important;
  }
  .ml50-xl {
    margin-left: 50px !important;
  }
  .ml60-xl {
    margin-left: 60px !important;
  }
  .ml70-xl {
    margin-left: 70px !important;
  }
  .ml80-xl {
    margin-left: 80px !important;
  }
  .ml90-xl {
    margin-left: 90px !important;
  }
  .ml100-xl {
    margin-left: 100px !important;
  }
  .ml110-xl {
    margin-left: 110px !important;
  }
  .ml120-xl {
    margin-left: 120px !important;
  }
  .ml130-xl {
    margin-left: 130px !important;
  }
  .ml140-xl {
    margin-left: 140px !important;
  }
  .ml150-xl {
    margin-left: 150px !important;
  }
  .ml160-xl {
    margin-left: 160px !important;
  }
  .mt0-xl {
    margin-top: 0 !important;
  }
  .mt1-xl {
    margin-top: 1px !important;
  }
  .mt2-xl {
    margin-top: 2px !important;
  }
  .mt3-xl {
    margin-top: 3px !important;
  }
  .mt4-xl {
    margin-top: 4px !important;
  }
  .mt5-xl {
    margin-top: 5px !important;
  }
  .mt10-xl {
    margin-top: 10px !important;
  }
  .mt15-xl {
    margin-top: 15px !important;
  }
  .mt20-xl {
    margin-top: 20px !important;
  }
  .mt25-xl {
    margin-top: 25px !important;
  }
  .mt27-xl {
    margin-top: 27px !important;
  }
  .mt30-xl {
    margin-top: 30px !important;
  }
  .mt40-xl {
    margin-top: 40px !important;
  }
  .mt50-xl {
    margin-top: 50px !important;
  }
  .mt60-xl {
    margin-top: 60px !important;
  }
  .mt70-xl {
    margin-top: 70px !important;
  }
  .mt80-xl {
    margin-top: 80px !important;
  }
  .mt90-xl {
    margin-top: 90px !important;
  }
  .mt100-xl {
    margin-top: 100px !important;
  }
  .mt110-xl {
    margin-top: 110px !important;
  }
  .mt120-xl {
    margin-top: 120px !important;
  }
  .mt130-xl {
    margin-top: 130px !important;
  }
  .mt140-xl {
    margin-top: 140px !important;
  }
  .mt150-xl {
    margin-top: 150px !important;
  }
  .mt160-xl {
    margin-top: 160px !important;
  }
  .mr0-xl {
    margin-right: 0 !important;
  }
  .mr1-xl {
    margin-right: 1px !important;
  }
  .mr2-xl {
    margin-right: 2px !important;
  }
  .mr3-xl {
    margin-right: 3px !important;
  }
  .mr4-xl {
    margin-right: 4px !important;
  }
  .mr5-xl {
    margin-right: 5px !important;
  }
  .mr10-xl {
    margin-right: 10px !important;
  }
  .mr15-xl {
    margin-right: 15px !important;
  }
  .mr20-xl {
    margin-right: 20px !important;
  }
  .mr25-xl {
    margin-right: 25px !important;
  }
  .mr27-xl {
    margin-right: 27px !important;
  }
  .mr30-xl {
    margin-right: 30px !important;
  }
  .mr40-xl {
    margin-right: 40px !important;
  }
  .mr50-xl {
    margin-right: 50px !important;
  }
  .mr60-xl {
    margin-right: 60px !important;
  }
  .mr70-xl {
    margin-right: 70px !important;
  }
  .mr80-xl {
    margin-right: 80px !important;
  }
  .mr90-xl {
    margin-right: 90px !important;
  }
  .mr100-xl {
    margin-right: 100px !important;
  }
  .mr110-xl {
    margin-right: 110px !important;
  }
  .mr120-xl {
    margin-right: 120px !important;
  }
  .mr130-xl {
    margin-right: 130px !important;
  }
  .mr140-xl {
    margin-right: 140px !important;
  }
  .mr150-xl {
    margin-right: 150px !important;
  }
  .mr160-xl {
    margin-right: 160px !important;
  }
  .mb0-xl {
    margin-bottom: 0px !important;
  }
  .mb1-xl {
    margin-bottom: 1px !important;
  }
  .mb2-xl {
    margin-bottom: 2px !important;
  }
  .mb3-xl {
    margin-bottom: 3px !important;
  }
  .mb4-xl {
    margin-bottom: 4px !important;
  }
  .mb5-xl {
    margin-bottom: 5px !important;
  }
  .mb10-xl {
    margin-bottom: 10px !important;
  }
  .mb15-xl {
    margin-bottom: 15px !important;
  }
  .mb20-xl {
    margin-bottom: 20px !important;
  }
  .mb25-xl {
    margin-bottom: 25px !important;
  }
  .mb27-xl {
    margin-bottom: 27 !important;
  }
  .mb30-xl {
    margin-bottom: 30px !important;
  }
  .mb40-xl {
    margin-bottom: 40px !important;
  }
  .mb50-xl {
    margin-bottom: 50px !important;
  }
  .mb60-xl {
    margin-bottom: 60px !important;
  }
  .mb70-xl {
    margin-bottom: 70px !important;
  }
  .mb80-xl {
    margin-bottom: 80px !important;
  }
  .mb90-xl {
    margin-bottom: 90px !important;
  }
  .mb100-xl {
    margin-bottom: 100px !important;
  }
  .mb110-xl {
    margin-bottom: 110px !important;
  }
  .mb120-xl {
    margin-bottom: 120px !important;
  }
  .mb130-xl {
    margin-bottom: 130px !important;
  }
  .mb140-xl {
    margin-bottom: 140px !important;
  }
  .mb150-xl {
    margin-bottom: 150px !important;
  }
  .mb160-xl {
    margin-bottom: 160px !important;
  }
  .mx0-xl {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx1-xl {
    margin-right: 1px !important;
    margin-left: 1px !important;
  }
  .mx2-xl {
    margin-right: 2px !important;
    margin-left: 2px !important;
  }
  .mx3-xl {
    margin-right: 3px !important;
    margin-left: 3px !important;
  }
  .mx4-xl {
    margin-right: 4px !important;
    margin-left: 4px !important;
  }
  .mx5-xl {
    margin-right: 5px !important;
    margin-left: 5px !important;
  }
  .mx10-xl {
    margin-right: 10px !important;
    margin-left: 10px !important;
  }
  .mx15-xl {
    margin-right: 15px !important;
    margin-left: 15px !important;
  }
  .mx20-xl {
    margin-right: 20px !important;
    margin-left: 20px !important;
  }
  .mx25-xl {
    margin-right: 25px !important;
    margin-left: 25px !important;
  }
  .mx30-xl {
    margin-right: 30px !important;
    margin-left: 30px !important;
  }
  .mx40-xl {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .mx50-xl {
    margin-right: 50px !important;
    margin-left: 50px !important;
  }
  .mx60-xl {
    margin-right: 60px !important;
    margin-left: 60px !important;
  }
  .mx70-xl {
    margin-right: 70px !important;
    margin-left: 70px !important;
  }
  .mx80-xl {
    margin-right: 80px !important;
    margin-left: 80px !important;
  }
  .mx90-xl {
    margin-right: 90px !important;
    margin-left: 90px !important;
  }
  .mx100-xl {
    margin-right: 100px !important;
    margin-left: 100px !important;
  }
  .mx-auto-xl {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my0-xl {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my1-xl {
    margin-top: 1px !important;
    margin-bottom: 1px !important;
  }
  .my2-xl {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
  }
  .my3-xl {
    margin-top: 3px !important;
    margin-bottom: 3px !important;
  }
  .my4-xl {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
  .my5-xl {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
  .my10-xl {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .my15-xl {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }
  .my20-xl {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .my25-xl {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }
  .my30-xl {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
  .my40-xl {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .my50-xl {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
  .my60-xl {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .my70-xl {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
  }
  .my80-xl {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
  .my90-xl {
    margin-top: 90px !important;
    margin-bottom: 90px !important;
  }
  .my100-xl {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }
  .my-auto-xl {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  /* width */
  .w160-xl {
    width: 160px !important;
  }
  .w165-xl {
    width: 165px !important;
  }
  .w220-xl {
    width: 220px !important;
  }
  .w10p-xl {
    width: 10% !important;
  }
  .w15p-xl {
    width: 15% !important;
  }
  .w20p-xl {
    width: 20% !important;
  }
  .w25p-xl {
    width: 25% !important;
  }
  .w30p-xl {
    width: 30% !important;
  }
  .w35p-xl {
    width: 35% !important;
  }
  .w40p-xl {
    width: 40% !important;
  }
  .w45p-xl {
    width: 45% !important;
  }
  .w50p-xl {
    width: 50% !important;
  }
  .w55p-xl {
    width: 55% !important;
  }
  .w60p-xl {
    width: 60% !important;
  }
  .w65p-xl {
    width: 65% !important;
  }
  .w70p-xl {
    width: 70% !important;
  }
  .w75p-xl {
    width: 75% !important
  }
  .w80p-xl {
    width: 80% !important;
  }
  .w85p-xl {
    width: 85% !important;
  }
  .w90p-xl {
    width: 90% !important;
  }
  .w95p-xl {
    width: 95% !important;
  }
  .w100p-xl {
    width: 100% !important;
  }
  .wm100p-xl {
    max-width: 100% !important;
  }
  .w100wh-xl {
    width: 100wh !important;
  }
  .w-auto-xl {
    width: auto !important;
  }  
  
  /* height */
  .h100p-xl {
    height: 100% !important;
  }
  .h100vh-xl {
    height: 100vh !important;
  }
  .h100-xl {
    height: 100px !important;
  }
  .h-auto-xl {
    height: auto !important;
  }
  .h-none-xl {
    height: 0 !important;
  }

  /* float */
  .fleft-xl {
    float: left !important;
  }
  .fright-xl {
    float: right !important;
  }

  /* position */
  .prelative-xl {
    position: relative !important;
  }
  .pabsolute-xl {
    position: absolute !important;
  }

  /* display */
  .d-block-xl {
    display: block !important;
  }
  .d-inline-xl {
    display: inline !important;
  }
  .d-inline-block-xl {
    display: inline-block !important;
  }
  .d-none-xl {
    display: none !important;
  }

  /* overflow */
  .overflow-hidden-xl {
    overflow: hidden !important;
  }
  .overflow-scroll-xl {
    overflow: scroll !important;
  }

  /* font weight */
  .fb1-xl {
    font-weight: 100 !important;
  }
  .fb2-xl {
    font-weight: 200 !important;
  }
  .fb3-xl {
    font-weight: 300 !important;
  }
  .fb4-xl {
    font-weight: 400 !important;
  }
  .fb5-xl {
    font-weight: 500 !important;
  }
  .fb6-xl {
    font-weight: 600 !important;
  }
  .fb7-xl {
    font-weight: 700 !important;
  }
  .bold-xl {
    font-weight: 800 !important;
  }
  .bolder-xl {
    font-weight: 900 !important;
  }
  .normal-xl {
    font-weight: normal !important;
  }

  /* vertical align */
  .valign-xl {
    vertical-align: middle !important;
  }
  .valign-top-xl {
    vertical-align: top !important;
  }
  .valign-bottom-xl {
    vertical-align: bottom !important;
  }

  /* border-radius */
  .border-radius-5-lg {
    border-radius: 5px !important;
  }
  .border-radius-6-lg {
    border-radius: 6px !important;
  }
  .border-radius-7-lg {
    border-radius: 7px !important;
  }
  .border-radius-8-lg {
    border-radius: 8px !important;
  }
  .border-radius-9-lg {
    border-radius: 9px !important;
  }
  .border-radius-10-lg {
    border-radius: 10px !important;
  }
  .border-radius-round-lg {
    border-radius: 50%;
  }
}

@media (min-width: 1070px) and (max-width: 1199px) {
  .fix-height1 {
    margin-top: 25px !important;
  }
}
@media (min-width: 1070px) and (max-width: 1110px) {
  .fix-height2 {
    margin-top: 0 !important;
  }
}

.card {
  position: relative;
  margin: 0.5rem 0 1rem 0;
  background-color: #fff;
  -webkit-transition: -webkit-box-shadow 0.25s;
  transition: -webkit-box-shadow 0.25s;
  transition: box-shadow 0.25s;
  transition: box-shadow 0.25s, -webkit-box-shadow 0.25s;
  border-radius: 2px;
  -webkit-transition: background-color 1.5s ease-out;
  -moz-transition: background-color 1.5s ease-out;
  -o-transition: background-color 1.5s ease-out;
  transition: background-color 1.5s ease-out;
  border-radius: 7px;
  overflow: hidden;
}
.card-panel {
  -webkit-transition: -webkit-box-shadow 0.25s;
  transition: -webkit-box-shadow 0.25s;
  transition: box-shadow 0.25s;
  transition: box-shadow 0.25s, -webkit-box-shadow 0.25s;
  padding: 24px;
  margin: 0.5rem 0 1rem 0;
  border-radius: 2px;
  background-color: #fff;
}
.card .card-title {
  font-size: 24px;
  font-weight: 300;
}
.card .card-title.activator {
  cursor: pointer;
}
.card.small,
.card.medium,
.card.large {
  position: relative;
}
.card.small .card-image,
.card.medium .card-image,
.card.large .card-image {
  max-height: 60%;
  overflow: hidden;
}
.card.small .card-image + .card-content,
.card.medium .card-image + .card-content,
.card.large .card-image + .card-content {
  max-height: 40%;
}
.card.small .card-content,
.card.medium .card-content,
.card.large .card-content {
  max-height: 100%;
  overflow: hidden;
}
.card.small .card-action,
.card.medium .card-action,
.card.large .card-action {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.card.small {
  height: 300px;
}
.card.medium {
  height: 400px;
}
.card.large {
  height: 500px;
}
.card.horizontal {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.card.horizontal.small .card-image,
.card.horizontal.medium .card-image,
.card.horizontal.large .card-image {
  height: 100%;
  max-height: none;
  overflow: visible;
}
.card.horizontal.small .card-image img,
.card.horizontal.medium .card-image img,
.card.horizontal.large .card-image img {
  height: 100%;
}
.card.horizontal .card-image {
  max-width: 50%;
}
.card.horizontal .card-image img {
  border-radius: 2px 0 0 2px;
  max-width: 100%;
  width: auto;
}
.card.horizontal .card-stacked {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: relative;
}
.card.horizontal .card-stacked .card-content {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.card.sticky-action .card-action {
  z-index: 2;
}
.card.sticky-action .card-reveal {
  z-index: 1;
  padding-bottom: 64px;
}
.card .card-image {
  position: relative;
}
.card .card-image img {
  display: block;
  border-radius: 2px 2px 0 0;
  position: relative;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
}
.card .card-image .card-title {
  color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  max-width: 100%;
  padding: 24px;
}
.card .card-content {
  padding: 24px;
  border-radius: 0 0 2px 2px;
}
.card .card-content p {
  margin: 0;
}
.card-home {
  box-shadow: none !important;
}
.card-home .card-content {
  position: relative;
}
.card-home .card-content::before {
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  bottom: -140px;
  content: '';
  height: 200px;
  position: absolute;
  right: -100px;
  width: 200px;
}
.card-home .card-content .card-info {
  font-size: 11px;
  line-height: 1;
  font-weight: 300;
  text-transform: uppercase;
}
.card-home .card-content .card-name {
  font-size: 15px;
  font-weight: bold;
  text-transform: capitalize;
  line-height: 1.5;
}
.card-home .card-content .card-title {
  display: block;
  font-size: 40px;
  font-weight: bold;
  line-height: 32px;
  line-height: 1;
}
.card .card-content .card-title i {
  line-height: 32px;
}
.card .card-action {
  background-color: inherit;
  border-top: 1px solid rgba(160, 160, 160, 0.2);
  position: relative;
  padding: 16px 24px;
}
.card .card-action:last-child {
  border-radius: 0 0 2px 2px;
}
.card .card-action a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-floating) {
  color: #ffab40;
  margin-right: 24px;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
  text-transform: uppercase;
}
.card .card-action a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-floating):hover {
  color: #ffd8a6;
}
.card .card-reveal {
  padding: 24px;
  position: absolute;
  background-color: #fff;
  width: 100%;
  overflow-y: auto;
  left: 0;
  top: 100%;
  height: 100%;
  z-index: 3;
  display: none;
}
.card .card-reveal .card-title {
  cursor: pointer;
  display: block;
}

.list {
  cursor: pointer;
  background-color: #ffffff;
  border-radius: 4px;
  padding: 8px;
  text-align: text-center;
  height: 96px;
  margin-bottom: 15px;
  position: relative;
  -webkit-transition: -webkit-box-shadow 0.25s;
  transition: -webkit-box-shadow 0.25s;
  transition: box-shadow 0.25s;
  transition: box-shadow 0.25s, -webkit-box-shadow 0.25s;
  -webkit-transition: background-color 1.5s ease-out;
  -moz-transition: background-color 1.5s ease-out;
  -o-transition: background-color 1.5s ease-out;
  transition: background-color 1.5s ease-out;
}
ul:not(.browser-default) {
  padding-left: 0;
  list-style-type: none;
}
ul:not(.browser-default) > li {
  list-style-type: none;
}

.z-depth-1,
nav,
.card-panel,
.card,
.toast,
.btn,
.btn-large,
.btn-small,
.btn-floating,
.dropdown-content,
.collapsible,
.sidenav {
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12),
    0 1px 5px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}

.text-mat-blue {
  color: #2195f2;
}
.text-mat-red {
  color: #f34236;
}
.text-mat-green {
  color: #4bae4f;
}

.shadow {
  -webkit-box-shadow: 1px 3px 5px 0px #ccc;
  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow: 1px 3px 5px 0px #ccc;
  /* Firefox 3.5 - 3.6 */
  box-shadow: 1px 3px 5px 0px #ccc;
  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}
.shadow:hover {
  -webkit-box-shadow: 1px 2px 18px 2px #ccc;
  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow: 1px 2px 18px 2px #ccc;
  /* Firefox 3.5 - 3.6 */
  box-shadow: 1px 2px 18px 2px #ccc;
  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}

.chart-legend {
  vertical-align: middle;
  display: inline-block;
  width: 25px;
  height: 25px;
  margin-right: 10px;
}
.chart-legend-label-text {
  vertical-align: middle;
  width: calc(100% - 35px);
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

table,
th,
td {
  border: none;
}
table {
  width: 100%;
  display: table;
  border-collapse: collapse;
  border-spacing: 0;
}
table.striped tr {
  border-bottom: none;
}
table.striped > tbody > tr:nth-child(odd) {
  background-color: rgba(242, 242, 242, 0.5);
}
table.striped > tbody > tr > td {
  border-radius: 0;
}
table.highlight > tbody > tr {
  -webkit-transition: background-color 0.25s ease;
  transition: background-color 0.25s ease;
}
table.highlight > tbody > tr:hover {
  background-color: rgba(242, 242, 242, 0.5);
}
table.centered thead tr th,
table.centered tbody tr td {
  text-align: center;
}
tr {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
td,
th {
  padding: 15px 5px;
  display: table-cell;
  text-align: left;
  vertical-align: middle;
  border-radius: 2px;
}

@media only screen and (max-width: 992px) {
  table.responsive-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    display: block;
    position: relative;
    /* sort out borders */
  }
  table.responsive-table td:empty:before {
    content: '\00a0';
  }
  table.responsive-table th,
  table.responsive-table td {
    margin: 0;
    vertical-align: top;
  }
  table.responsive-table th {
    text-align: left;
  }
  table.responsive-table thead {
    display: block;
    float: left;
  }
  table.responsive-table thead tr {
    display: block;
    padding: 0 10px 0 0;
  }
  table.responsive-table thead tr th::before {
    content: '\00a0';
  }
  table.responsive-table tbody {
    display: block;
    width: auto;
    position: relative;
    overflow-x: auto;
    white-space: nowrap;
  }
  table.responsive-table tbody tr {
    display: inline-block;
    vertical-align: top;
  }
  table.responsive-table th {
    display: block;
    text-align: right;
  }
  table.responsive-table td {
    display: block;
    min-height: 1.25em;
    text-align: left;
  }
  table.responsive-table tr {
    border-bottom: none;
    padding: 0 10px;
  }
  table.responsive-table thead {
    border: 0;
    border-right: 1px solid rgba(0, 0, 0, 0.12);
  }
}

.collection {
  margin: 0.5rem 0 1rem 0;
  border: 1px solid #e0e0e0;
  border-radius: 2px;
  overflow: hidden;
  position: relative;
}
.collection .collection-item {
  background-color: #fff;
  line-height: 1.5rem;
  padding: 10px 20px;
  margin: 0;
  border-bottom: 1px solid #e0e0e0;
}
.collection .collection-item.avatar {
  min-height: 84px;
  padding-left: 72px;
  position: relative;
}
.collection .collection-item.avatar:not(.circle-clipper) > .circle,
.collection .collection-item.avatar :not(.circle-clipper) > .circle {
  position: absolute;
  width: 42px;
  height: 42px;
  overflow: hidden;
  left: 15px;
  display: inline-block;
  vertical-align: middle;
}
.collection .collection-item.avatar i.circle {
  font-size: 18px;
  line-height: 42px;
  color: #fff;
  background-color: #999;
  text-align: center;
}
.collection .collection-item.avatar .title {
  font-size: 16px;
}
.collection .collection-item.avatar p {
  margin: 0;
}
.collection .collection-item.avatar .secondary-content {
  position: absolute;
  top: 16px;
  right: 16px;
}
.collection .collection-item:last-child {
  border-bottom: none;
}
.collection .collection-item.active {
  background-color: #0097d7;
  color: #eafaf9;
}
.collection .collection-item.active .secondary-content {
  color: #fff;
}
.collection a.collection-item {
  display: block;
  -webkit-transition: 0.25s;
  transition: 0.25s;
  color: #0097d7;
}
.collection a.collection-item:not(.active):hover {
  background-color: #ddd;
}
.collection.with-header .collection-header {
  background-color: #fff;
  border-bottom: 1px solid #e0e0e0;
  padding: 10px 20px;
}
.collection.with-header .collection-item {
  padding-left: 30px;
}
.collection.with-header .collection-item.avatar {
  padding-left: 72px;
}

.secondary-content {
  float: right;
  color: #0097d7;
}

.collapsible .collection {
  margin: 0;
  border: none;
}

/* Radio Buttons */
[type='radio']:not(:checked),
[type='radio']:checked {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
[type='radio']:not(:checked) + span,
[type='radio']:checked + span {
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  display: inline-block;
  height: 25px;
  line-height: 25px;
  font-size: 1rem;
  -webkit-transition: 0.28s ease;
  transition: 0.28s ease;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
[type='radio'] + span:before,
[type='radio'] + span:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  margin: 4px;
  width: 16px;
  height: 16px;
  z-index: 0;
  -webkit-transition: 0.28s ease;
  transition: 0.28s ease;
}

/* Unchecked styles */
[type='radio']:not(:checked) + span:before,
[type='radio']:not(:checked) + span:after,
[type='radio']:checked + span:before,
[type='radio']:checked + span:after,
[type='radio'].with-gap:checked + span:before,
[type='radio'].with-gap:checked + span:after {
  border-radius: 50%;
}
[type='radio']:not(:checked) + span:before,
[type='radio']:not(:checked) + span:after {
  border: 2px solid #5a5a5a;
}
[type='radio']:not(:checked) + span:after {
  -webkit-transform: scale(0);
  transform: scale(0);
}

/* Checked styles */
[type='radio']:checked + span:before {
  border: 2px solid transparent;
}
[type='radio']:checked + span:after,
[type='radio'].with-gap:checked + span:before,
[type='radio'].with-gap:checked + span:after {
  border: 2px solid #0097d7;
}
[type='radio']:checked + span:after,
[type='radio'].with-gap:checked + span:after {
  background-color: #0097d7;
}
[type='radio']:checked + span:after {
  -webkit-transform: scale(1.02);
  transform: scale(1.02);
}

/* Radio with gap */
[type='radio'].with-gap:checked + span:after {
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
}

/* Focused styles */
[type='radio'].tabbed:focus + span:before {
  -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
}

/* Disabled Radio With gap */
[type='radio'].with-gap:disabled:checked + span:before {
  border: 2px solid rgba(0, 0, 0, 0.42);
}
[type='radio'].with-gap:disabled:checked + span:after {
  border: none;
  background-color: rgba(0, 0, 0, 0.42);
}

/* Disabled style */
[type='radio']:disabled:not(:checked) + span:before,
[type='radio']:disabled:checked + span:before {
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.42);
}
[type='radio']:disabled + span {
  color: rgba(0, 0, 0, 0.42);
}
[type='radio']:disabled:not(:checked) + span:before {
  border-color: rgba(0, 0, 0, 0.42);
}
[type='radio']:disabled:checked + span:after {
  background-color: rgba(0, 0, 0, 0.42);
  border-color: #949494;
}

/* Breadcrumb */
.breadcrumb {
  font-size: 18px;
  /*color: rgba(255, 255, 255, 0.7);*/
}
.breadcrumb i,
.breadcrumb [class^='mdi-'],
.breadcrumb [class*='mdi-'],
.breadcrumb i.material-icons {
  display: inline-block;
  /*float: left;*/
  font-size: 24px;
}
.breadcrumb:before {
  content: '\f054';
  /*color: rgba(255, 255, 255, 0.7);*/
  display: inline-block;
  font-family: 'FontAwesome';
  font-weight: normal;
  font-style: normal;
  font-size: 15px;
  margin: 0 10px 0 8px;
  -webkit-font-smoothing: antialiased;
}
.breadcrumb:first-child:before {
  display: none;
}

nav {
  color: #fff;
  width: 100%;
}
nav.nav-extended {
  height: auto;
}
nav.nav-extended .nav-wrapper {
  min-height: 56px;
  height: auto;
}
nav.nav-extended .nav-content {
  position: relative;
  line-height: normal;
}
nav a {
  color: #fff;
}
nav i,
nav [class^='mdi-'],
nav [class*='mdi-'],
nav i.material-icons {
  display: block;
  font-size: 24px;
  height: 56px;
  line-height: 56px;
}
nav .nav-wrapper {
  position: relative;
  height: 100%;
}
.not-allowed {
  cursor: not-allowed;
}
::placeholder {
  color: #8d8d90;
}

.chip {
  display: inline-block;
  height: 32px;
  font-size: 13px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.6);
  line-height: 32px;
  padding: 0 12px;
  border-radius: 3px;
  background-color: #e4e4e4;
  margin-bottom: 5px;
  margin-right: 5px;
}
.chip:focus {
  outline: none;
  background-color: #0097d7;
  color: #fff;
}
.chip > img {
  float: left;
  margin: 0 8px 0 -12px;
  height: 32px;
  width: 32px;
  border-radius: 50%;
}
.chip .close {
  cursor: pointer;
  float: right;
  font-size: 16px;
  line-height: 32px;
  padding-left: 8px;
}
.chips {
  border: none;
  border-bottom: 1px solid #9e9e9e;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin: 0 0 8px 0;
  min-height: 45px;
  outline: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.chips.focus {
  border-bottom: 1px solid #0097d7;
  -webkit-box-shadow: 0 1px 0 0 #0097d7;
  box-shadow: 0 1px 0 0 #0097d7;
}
.chips:hover {
  cursor: text;
}
.chips .input {
  background: none;
  border: 0;
  color: rgba(0, 0, 0, 0.6);
  display: inline-block;
  font-size: 16px;
  height: 3rem;
  line-height: 32px;
  outline: 0;
  margin: 0;
  padding: 0 !important;
  width: 120px !important;
}
.chips .input:focus {
  border: 0 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.chips .autocomplete-content {
  margin-top: 0;
  margin-bottom: 0;
}
.prefix ~ .chips {
  margin-left: 3rem;
  width: 92%;
  width: calc(100% - 3rem);
}
.chips:empty ~ label {
  font-size: 0.8rem;
  -webkit-transform: translateY(-140%);
  transform: translateY(-140%);
}

.animationIf.ng-enter,
.animationIf.ng-leave {
  -webkit-transition: opacity ease-in-out 0.5s;
  -moz-transition: opacity ease-in-out 0.5s;
  -ms-transition: opacity ease-in-out 0.5s;
  -o-transition: opacity ease-in-out 0.5s;
  transition: opacity ease-in-out 0.5s;
}
.animationIf.ng-enter,
.animationIf.ng-leave.ng-leave-active {
  opacity: 0;
}
.animationIf.ng-leave,
.animationIf.ng-enter.ng-enter-active {
  opacity: 1;
}

.text-warning {
  color: #f6bb42;
}

.dndPlaceholder {
  min-height: 51px;
  height: 51px;
}

.btn-grey,
.btn-grey.active,
.btn-grey.disabled,
.btn-grey:active,
.btn-grey[disabled] {
  background-color: #37474f;
  border-color: #37474f;
}
.btn-grey:focus,
.btn-grey:hover,
.open .dropdown-toggle.btn-grey {
  background-color: #455a64 !important;
  border-color: #455a64 !important;
}

.row-line-height {
  line-height: 76px;
}

@media (max-width: 1200px) {
}
@media (max-width: 992px) {
  .row-line-height-sm {
    line-height: 0 !important;
  }
}
@media (max-width: 768px) {
  .row-line-height-xs {
    line-height: 0 !important;
  }
}