/*--------------- margin ---------------*/
.mg--10 {margin: -10px;}
.mg0 {margin: 0;}
.mg5 {margin: 5px;}
.mg10 {margin: 10px;}
.mg15 {margin: 15px;}
.mg20 {margin: 20px;}
.mg25 {margin: 25px;}
.mg30 {margin: 30px;}
.mg35 {margin: 35px;}
.mg40 {margin: 40px;}
.mg45 {margin: 45px;}
.mg50 {margin: 50px;}

.mt--50 {margin-top: -50px;}
.mt--45 {margin-top: -45px;}
.mt--40 {margin-top: -40px;}
.mt--35 {margin-top: -35px;}
.mt--30 {margin-top: -30px;}
.mt-25 {margin-top: -25px;}
.mt--20 {margin-top: -20px;}
.mt--15 {margin-top: -15px;}
.mt--10 {margin-top: -10px;}
.mt--5 {margin-top: -5px;}
.mt5 {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}
.mt25 {margin-top: 25px;}
.mt30 {margin-top: 30px;}
.mt35 {margin-top: 35px;}
.mt40 {margin-top: 40px;}
.mt45 {margin-top: 45px;}
.mt50 {margin-top: 50px;}
.mt60 {margin-top: 60px;}

.mb-50 {margin-bottom: -50px;}
.mb-45 {margin-bottom: -45px;}
.mb-40 {margin-bottom: -40px;}
.mb-35 {margin-bottom: -35px;}
.mb-30 {margin-bottom: -30px;}
.mb-25 {margin-bottom: -25px;}
.mb-20 {margin-bottom: -20px;}
.mb-15 {margin-bottom: -15px;}
.mb-10 {margin-bottom: -10px;}
.mb-5 {margin-bottom: -5px;}
.mb0 {margin-bottom: 0px;}
.mb5 {margin-bottom: 5px;}
.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}
.mb20 {margin-bottom: 20px;}
.mb25 {margin-bottom: 25px;}
.mb30 {margin-bottom: 30px;}
.mb35 {margin-bottom: 35px;}
.mb40 {margin-bottom: 40px;}
.mb45 {margin-bottom: 45px;}
.mb50 {margin-bottom: 50px;}

.mr-5 {margin-right: -5px;}
.mr-10 {margin-right: -10px;}
.mr-15 {margin-right: -15px;}
.mr-20 {margin-right: -20px;}
.mr-25 {margin-right: -25px;}
.mr-30 {margin-right: -30px;}
.mr-35 {margin-right: -35px;}
.mr-40 {margin-right: -40px;}
.mr-45 {margin-right: -45px;}
.mr-50 {margin-right: -50px;}
.mr5 {margin-right: 5px;}
.mr10 {margin-right: 10px;}
.mr15 {margin-right: 15px;}
.mr20 {margin-right: 20px;}
.mr25 {margin-right: 25px;}
.mr30 {margin-right: 30px;}
.mr35 {margin-right: 35px;}
.mr40 {margin-right: 40px;}
.mr45 {margin-right: 45px;}
.mr50 {margin-right: 50px;}

.ml-5 {margin-left: -5px;}
.ml-10 {margin-left: -10px;}
.ml-15 {margin-left: -15px;}
.ml-20 {margin-left: -20px;}
.ml-25 {margin-left: -25px;}
.ml-30 {margin-left: -30px;}
.ml-35 {margin-left: -35px;}
.ml-40 {margin-left: -40px;}
.ml-45 {margin-left: -45px;}
.ml-50 {margin-left: -50px;}
.ml5 {margin-left: 5px;}
.ml10 {margin-left: 10px;}
.ml15 {margin-left: 15px;}
.ml20 {margin-left: 20px;}
.ml25 {margin-left: 25px;}
.ml30 {margin-left: 30px;}
.ml35 {margin-left: 35px;}
.ml40 {margin-left: 40px;}
.ml45 {margin-left: 45px;}
.ml50 {margin-left: 50px;}


.mgtb5 {margin-top: 5px; margin-bottom: 5px;}
.mgtb10 {margin-top: 10px; margin-bottom: 10px;}
.mgtb15 {margin-top: 15px; margin-bottom: 15px;}
.mgtb20 {margin-top: 20px; margin-bottom: 20px;}
.mgtb25 {margin-top: 25px; margin-bottom: 25px;}
.mgtb30 {margin-top: 30px; margin-bottom: 30px;}
.mgtb35 {margin-top: 35px; margin-bottom: 35px;}
.mgtb40 {margin-top: 40px; margin-bottom: 40px;}
.mgtb45 {margin-top: 45px; margin-bottom: 45px;}
.mgtb50 {margin-top: 50px; margin-bottom: 50px;}

.mglr0 {margin-left: 0px; margin-right: 0px;}
.mglr5 {margin-left: 5px; margin-right: 5px;}
.mglr10 {margin-left: 10px; margin-right: 10px;}
.mglr15 {margin-left: 15px; margin-right: 15px;}
.mglr20 {margin-left: 20px; margin-right: 20px;}
.mglr25 {margin-left: 25px; margin-right: 25px;}
.mglr30 {margin-left: 30px; margin-right: 30px;}
.mglr35 {margin-left: 35px; margin-right: 35px;}
.mglr40 {margin-left: 40px; margin-right: 40px;}
.mglr45 {margin-left: 45px; margin-right: 45px;}
.mglr50 {margin-left: 50px; margin-right: 50px;}

/*--------------- padding ---------------*/
.pd--10 {padding: -10px;}
.pd0 {padding: 0;}
.pd5 {padding: 5px;}
.pd10 {padding: 10px;}
.pd15 {padding: 15px;}
.pd20 {padding: 20px;}
.pd25 {padding: 25px;}
.pd30 {padding: 30px;}
.pd35 {padding: 35px;}
.pd40 {padding: 40px;}
.pd45 {padding: 45px;}
.pd50 {padding: 50px;}

.pt5 {padding-top: 5px;}
.pt10 {padding-top: 10px;}
.pt15 {padding-top: 15px;}
.pt20 {padding-top: 20px;}
.pt25 {padding-top: 25px;}
.pt25 {padding-top: 30px;}
.pt30 {padding-top: 35px;}
.pt35 {padding-top: 40px;}
.pt40 {padding-top: 45px;}
.pt50 {padding-top: 50px;}

.pb5 {padding-bottom: 5px;}
.pb10 {padding-bottom: 10px;}
.pb15 {padding-bottom: 15px;}
.pb20 {padding-bottom: 20px;}
.pb25 {padding-bottom: 25px;}
.pb30 {padding-bottom: 30px;}
.pb35 {padding-bottom: 35px;}
.pb40 {padding-bottom: 40px;}
.pb45 {padding-bottom: 45px;}
.pb50 {padding-bottom: 50px;}

.pr5 {padding-right: 5px;}
.pr10 {padding-right: 10px;}
.pr15 {padding-right: 15px;}
.pr20 {padding-right: 20px;}
.pr25 {padding-right: 25px;}
.pr30 {padding-right: 30px;}
.pr35 {padding-right: 35px;}
.pr40 {padding-right: 40px;}
.pr45 {padding-right: 45px;}
.pr50 {padding-right: 50px;}

.pl5 {padding-left: 5px;}
.pl10 {padding-left: 10px;}
.pl15 {padding-left: 15px;}
.pl20 {padding-left: 20px;}
.pl25 {padding-left: 25px;}
.pl30 {padding-left: 30px;}
.pl35 {padding-left: 35px;}
.pl40 {padding-left: 40px;}
.pl45 {padding-left: 45px;}
.pl50 {padding-left: 50px;}

.pdtb5 {padding-top: 5px; padding-bottom: 5px;}
.pdtb10 {padding-top: 10px; padding-bottom: 10px;}
.pdtb15 {padding-top: 15px; padding-bottom: 15px;}
.pdtb20 {padding-top: 20px; padding-bottom: 20px;}
.pdtb25 {padding-top: 25px; padding-bottom: 25px;}
.pdtb30 {padding-top: 30px; padding-bottom: 30px;}
.pdtb35 {padding-top: 35px; padding-bottom: 35px;}
.pdtb40 {padding-top: 40px; padding-bottom: 40px;}
.pdtb45 {padding-top: 45px; padding-bottom: 45px;}
.pdtb40 {padding-top: 50px; padding-bottom: 50px;}

.pdlr5 {padding-left: 5px; padding-right: 5px;}
.pdlr10 {padding-left: 10px; padding-right: 10px;}
.pdlr15 {padding-left: 15px; padding-right: 15px;}
.pdlr20 {padding-left: 20px; padding-right: 20px;}
.pdlr25 {padding-left: 25px; padding-right: 25px;}
.pdlr30 {padding-left: 30px; padding-right: 30px;}
.pdlr35 {padding-left: 35px; padding-right: 35px;}
.pdlr40 {padding-left: 40px; padding-right: 40px;}
.pdlr45 {padding-left: 45px; padding-right: 45px;}
.pdlr50 {padding-left: 50px; padding-right: 50px;}