.p-0 {padding: 0px;}
.p-3 {padding: 3px;}
.p-5 {padding: 5px;}
.p-10 {padding: 10px;}
.p-15 {padding: 15px;}
.p-20 {padding: 20px;}
.p-25 {padding: 25px;}
.p-30 {padding: 30px;}
.p-35 {padding: 35px;}
.p-40 {padding: 40px;}
.p-45 {padding: 45px;}
.p-50 {padding: 50px;}

.pt-0 {padding-top: 0px;}
.pt-3 {padding-top: 3px;}
.pt-5 {padding-top: 5px;}
.pt-10 {padding-top: 10px;}
.pt-15 {padding-top: 15px;}
.pt-20 {padding-top: 20px;}
.pt-25 {padding-top: 25px;}
.pt-30 {padding-top: 30px;}
.pt-35 {padding-top: 35px;}
.pt-40 {padding-top: 40px;}
.pt-45 {padding-top: 45px;}
.pt-50 {padding-top: 50px;}

.pr-0 {padding-right: 0px;}
.pr-3 {padding-right: 3px;}
.pr-5 {padding-right: 5px;}
.pr-10 {padding-right: 10px;}
.pr-15 {padding-right: 15px;}
.pr-20 {padding-right: 20px;}
.pr-25 {padding-right: 25px;}
.pr-30 {padding-right: 30px;}
.pr-35 {padding-right: 35px;}
.pr-40 {padding-right: 40px;}
.pr-45 {padding-right: 45px;}
.pr-50 {padding-right: 50px;}

.pb-0 {padding-bottom: 0px;}
.pb-3 {padding-bottom: 3px;}
.pb-5 {padding-bottom: 5px;}
.pb-10 {padding-bottom: 10px;}
.pb-15 {padding-bottom: 15px;}
.pb-20 {padding-bottom: 20px;}
.pb-25 {padding-bottom: 25px;}
.pb-30 {padding-bottom: 30px;}
.pb-35 {padding-bottom: 35px;}
.pb-40 {padding-bottom: 40px;}
.pb-45 {padding-bottom: 45px;}
.pb-50 {padding-bottom: 50px;}

.pl-0 {padding-left: 0px;}
.pl-3 {padding-left: 3px;}
.pl-5 {padding-left: 5px;}
.pl-10 {padding-left: 10px;}
.pl-15 {padding-left: 15px;}
.pl-20 {padding-left: 20px;}
.pl-25 {padding-left: 25px;}
.pl-30 {padding-left: 30px;}
.pl-35 {padding-left: 35px;}
.pl-40 {padding-left: 40px;}
.pl-45 {padding-left: 45px;}
.pl-50 {padding-left: 50px;}

.m-0 {margin: 0px;}
.m-3 {margin: 3px;}
.m-5 {margin: 5px;}
.m-10 {margin: 10px;}
.m-15 {margin: 15px;}
.m-20 {margin: 20px;}
.m-25 {margin: 25px;}
.m-30 {margin: 30px;}
.m-35 {margin: 35px;}
.m-40 {margin: 40px;}
.m-45 {margin: 45px;}
.m-50 {margin: 50px;}

.mt-0 {margin-top: 0px;}
.mt-3 {margin-top: 3px;}
.mt-5 {margin-top: 5px;}
.mt-10 {margin-top: 10px;}
.mt-15 {margin-top: 15px;}
.mt-20 {margin-top: 20px;}
.mt-25 {margin-top: 25px;}
.mt-30 {margin-top: 30px;}
.mt-35 {margin-top: 35px;}
.mt-40 {margin-top: 40px;}
.mt-45 {margin-top: 45px;}
.mt-50 {margin-top: 50px;}

.mr-0 {margin-right: 0px;}
.mr-3 {margin-right: 3px;}
.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;}

.mr-100 {margin-right: 100px;}


.mb-0 {margin-bottom: 0px;}
.mb-3 {margin-bottom: 3px;}
.mb-5 {margin-bottom: 5px;}
.mb-10 {margin-bottom: 10px;}
.mb-15 {margin-bottom: 15px;}
.mb-20 {margin-bottom: 20px;}
.mb-25 {margin-bottom: 25px;}
.mb-30 {margin-bottom: 30px;}
.mb-35 {margin-bottom: 35px;}
.mb-40 {margin-bottom: 40px;}
.mb-45 {margin-bottom: 45px;}
.mb-50 {margin-bottom: 50px;}

.ml-0 {margin-left: 0px;}
.ml-3 {margin-left: 3px;}
.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;}


/* por % */
.p-x-0 {padding: 0%;}
.p-x-3 {padding: 3%;}
.p-x-5 {padding: 5%;}
.p-x-10 {padding: 10%;}
.p-x-15 {padding: 15%;}
.p-x-20 {padding: 20%;}
.p-x-25 {padding: 25%;}
.p-x-30 {padding: 30%;}
.p-x-35 {padding: 35%;}
.p-x-40 {padding: 40%;}
.p-x-45 {padding: 45%;}
.p-x-50 {padding: 50%;}

.pt-x-0 {padding-top: 0%;}
.pt-x-3 {padding-top: 3%;}
.pt-x-5 {padding-top: 5%;}
.pt-x-10 {padding-top: 10%;}
.pt-x-15 {padding-top: 15%;}
.pt-x-20 {padding-top: 20%;}
.pt-x-25 {padding-top: 25%;}
.pt-x-30 {padding-top: 30%;}
.pt-x-35 {padding-top: 35%;}
.pt-x-40 {padding-top: 40%;}
.pt-x-45 {padding-top: 45%;}
.pt-x-50 {padding-top: 50%;}

.pr-x-0 {padding-right: 0%;}
.pr-x-3 {padding-right: 3%;}
.pr-x-5 {padding-right: 5%;}
.pr-x-10 {padding-right: 10%;}
.pr-x-15 {padding-right: 15%;}
.pr-x-20 {padding-right: 20%;}
.pr-x-25 {padding-right: 25%;}
.pr-x-30 {padding-right: 30%;}
.pr-x-35 {padding-right: 35%;}
.pr-x-40 {padding-right: 40%;}
.pr-x-45 {padding-right: 45%;}
.pr-x-50 {padding-right: 50%;}

.pb-x-0 {padding-bottom: 0%;}
.pb-x-3 {padding-bottom: 3%;}
.pb-x-5 {padding-bottom: 5%;}
.pb-x-10 {padding-bottom: 10%;}
.pb-x-15 {padding-bottom: 15%;}
.pb-x-20 {padding-bottom: 20%;}
.pb-x-25 {padding-bottom: 25%;}
.pb-x-30 {padding-bottom: 30%;}
.pb-x-35 {padding-bottom: 35%;}
.pb-x-40 {padding-bottom: 40%;}
.pb-x-45 {padding-bottom: 45%;}
.pb-x-50 {padding-bottom: 50%;}

.pl-x-0 {padding-left: 0%;}
.pl-x-3 {padding-left: 3%;}
.pl-x-5 {padding-left: 5%;}
.pl-x-10 {padding-left: 10%;}
.pl-x-15 {padding-left: 15%;}
.pl-x-20 {padding-left: 20%;}
.pl-x-25 {padding-left: 25%;}
.pl-x-30 {padding-left: 30%;}
.pl-x-35 {padding-left: 35%;}
.pl-x-40 {padding-left: 40%;}
.pl-x-45 {padding-left: 45%;}
.pl-x-50 {padding-left: 50%;}

.m-x0 {margin: 0%;}
.m-x3 {margin: 3%;}
.m-x5 {margin: 5%;}
.m-x10 {margin: 10%;}
.m-x15 {margin: 15%;}
.m-x20 {margin: 20%;}
.m-x25 {margin: 25%;}
.m-x30 {margin: 30%;}
.m-x35 {margin: 35%;}
.m-x40 {margin: 40%;}
.m-x45 {margin: 45%;}
.m-x50 {margin: 50%;}

.mt-x-0 {margin-top: 0%;}
.mt-x-3 {margin-top: 3%;}
.mt-x-5 {margin-top: 5%;}
.mt-x-6 {margin-top: 6%;}
.mt-x-7 {margin-top: 7%;}
.mt-x-10 {margin-top: 10%;}

.mt-x-12 {margin-top: 12%;}

.mt-x-15 {margin-top: 15%;}
.mt-x-20 {margin-top: 20%;}
.mt-x-25 {margin-top: 25%;}
.mt-x-30 {margin-top: 30%;}
.mt-x-35 {margin-top: 35%;}
.mt-x-40 {margin-top: 40%;}
.mt-x-45 {margin-top: 45%;}
.mt-x-50 {margin-top: 50%;}

.mr-x-0 {margin-right: 0%;}
.mr-x-3 {margin-right: 3%;}
.mr-x-5 {margin-right: 5%;}
.mr-x-10 {margin-right: 10%;}
.mr-x-15 {margin-right: 15%;}
.mr-x-20 {margin-right: 20%;}
.mr-x-25 {margin-right: 25%;}
.mr-x-30 {margin-right: 30%;}
.mr-x-35 {margin-right: 35%;}
.mr-x-40 {margin-right: 40%;}
.mr-x-45 {margin-right: 45%;}
.mr-x-50 {margin-right: 50%;}

.mb-x-0 {margin-bottom: 0%;}
.mb-x-3 {margin-bottom: 3%;}
.mb-x-5 {margin-bottom: 5%;}

.mb-x-7 {margin-bottom: 7%;}

.mb-x-10 {margin-bottom: 10%;}

.mb-x-12 {margin-bottom: 12%;}

.mb-x-15 {margin-bottom: 15%;}
.mb-x-20 {margin-bottom: 20%;}
.mb-x-25 {margin-bottom: 25%;}
.mb-x-30 {margin-bottom: 30%;}
.mb-x-35 {margin-bottom: 35%;}
.mb-x-40 {margin-bottom: 40%;}
.mb-x-45 {margin-bottom: 45%;}
.mb-x-50 {margin-bottom: 50%;}

.ml-x-0 {margin-left: 0%;}
.ml-x-3 {margin-left: 3%;}
.ml-x-5 {margin-left: 5%;}
.ml-x-10 {margin-left: 10%;}
.ml-x-15 {margin-left: 15%;}
.ml-x-20 {margin-left: 20%;}
.ml-x-25 {margin-left: 25%;}
.ml-x-30 {margin-left: 30%;}
.ml-x-35 {margin-left: 35%;}
.ml-x-40 {margin-left: 40%;}
.ml-x-45 {margin-left: 45%;}
.ml-x-50 {margin-left: 50%;}