/* Margin Classes */
.m-auto { margin: auto; }
.m-0 { margin: 0; }
.mt-0 { margin-top: 0; }
.mr-0 { margin-right: 0; }
.mb-0 { margin-bottom: 0; }
.ml-0 { margin-left: 0; }
.mx-0 { margin-left: 0; margin-right: 0; }
.my-0 { margin-top: 0; margin-bottom: 0; }

.m-5 { margin: 5px; }
.mt-5 { margin-top: 5px; }
.mr-5 { margin-right: 5px; }
.mb-5 { margin-bottom: 5px; }
.ml-5 { margin-left: 5px; }
.mx-5 { margin-left: 5px; margin-right: 5px; }
.my-5 { margin-top: 5px; margin-bottom: 5px; }

.m-10 { margin: 10px; }
.mt-10 { margin-top: 10px; }
.mr-10 { margin-right: 10px; }
.mb-10 { margin-bottom: 10px; }
.ml-10 { margin-left: 10px; }
.mx-10 { margin-left: 10px; margin-right: 10px; }
.my-10 { margin-top: 10px; margin-bottom: 10px; }

.m-15 { margin: 15px; }
.mt-15 { margin-top: 15px; }
.mr-15 { margin-right: 15px; }
.mb-15 { margin-bottom: 15px; }
.ml-15 { margin-left: 15px; }
.mx-15 { margin-left: 15px; margin-right: 15px; }
.my-15 { margin-top: 15px; margin-bottom: 15px; }

.m-20 { margin: 20px; }
.mt-20 { margin-top: 20px; }
.mr-20 { margin-right: 20px; }
.mb-20 { margin-bottom: 20px; }
.ml-20 { margin-left: 20px; }
.mx-20 { margin-left: 20px; margin-right: 20px; }
.my-20 { margin-top: 20px; margin-bottom: 20px; }

.m-30 { margin: 30px; }
.mt-30 { margin-top: 30px; }
.mr-30 { margin-right: 30px; }
.mb-30 { margin-bottom: 30px; }
.ml-30 { margin-left: 30px; }
.mx-30 { margin-left: 30px; margin-right: 30px; }
.my-30 { margin-top: 30px; margin-bottom: 30px; }

.m-50 { margin: 50px; }
.mt-50 { margin-top: 50px; }
.mr-50 { margin-right: 50px; }
.mb-50 { margin-bottom: 50px; }
.ml-50 { margin-left: 50px; }
.mx-50 { margin-left: 50px; margin-right: 50px; }
.my-50 { margin-top: 50px; margin-bottom: 50px; }

/* Auto Margin */
.m-auto { margin: auto; }

/* Padding Classes */
.p-0 { padding: 0; }
.pt-0 { padding-top: 0; }
.pr-0 { padding-right: 0; }
.pb-0 { padding-bottom: 0; }
.pl-0 { padding-left: 0; }
.px-0 { padding-left: 0; padding-right: 0; }
.py-0 { padding-top: 0; padding-bottom: 0; }

.p-5 { padding: 5px; }
.pt-5 { padding-top: 5px; }
.pr-5 { padding-right: 5px; }
.pb-5 { padding-bottom: 5px; }
.pl-5 { padding-left: 5px; }
.px-5 { padding-left: 5px; padding-right: 5px; }
.py-5 { padding-top: 5px; padding-bottom: 5px; }

.p-10 { padding: 10px; }
.pt-10 { padding-top: 10px; }
.pr-10 { padding-right: 10px; }
.pb-10 { padding-bottom: 10px; }
.pl-10 { padding-left: 10px; }
.px-10 { padding-left: 10px; padding-right: 10px; }
.py-10 { padding-top: 10px; padding-bottom: 10px; }

.p-15 { padding: 15px; }
.pt-15 { padding-top: 15px; }
.pr-15 { padding-right: 15px; }
.pb-15 { padding-bottom: 15px; }
.pl-15 { padding-left: 15px; }
.px-15 { padding-left: 15px; padding-right: 15px; }
.py-15 { padding-top: 15px; padding-bottom: 15px; }

.p-20 { padding: 20px; }
.pt-20 { padding-top: 20px; }
.pr-20 { padding-right: 20px; }
.pb-20 { padding-bottom: 20px; }
.pl-20 { padding-left: 20px; }
.px-20 { padding-left: 20px; padding-right: 20px; }
.py-20 { padding-top: 20px; padding-bottom: 20px; }

.p-30 { padding: 30px; }
.pt-30 { padding-top: 30px; }
.pr-30 { padding-right: 30px; }
.pb-30 { padding-bottom: 30px; }
.pl-30 { padding-left: 30px; }
.px-30 { padding-left: 30px; padding-right: 30px; }
.py-30 { padding-top: 30px; padding-bottom: 30px; }

.p-50 { padding: 50px; }
.pt-50 { padding-top: 50px; }
.pr-50 { padding-right: 50px; }
.pb-50 { padding-bottom: 50px; }
.pl-50 { padding-left: 50px; }
.px-50 { padding-left: 50px; padding-right: 50px; }
.py-50 { padding-top: 50px; padding-bottom: 50px; }

/* Width Classes */
.w-auto { width: auto; }
.w-0 { width: 0; }
.w-20p { width: 20px; }
.w-30p { width: 30px; }
.w-50p { width: 50px; }
.w-100p { width: 100px; }
.w-200p { width: 200px; }

.w-20 { width: 20%; }
.w-30 { width: 30%; }
.w-50 { width: 50%; }
.w-full { width: 100%; }


.d-none{
    display:none !important;
}

.top-0 {
    top:0 !important;
}
.top-10 {
    top:10px !important;
}
.top-20 {
    top:20px !important;
}
.right-0 {
    right:0 !important;
}
.right-10 {
    right:10px !important;
}
.right-20 {
    right:20px !important;
}
.left-0 {
    left:0 !important;
}
.left-10 {
    left:10px !important;
}
.left-20 {
    left:20px !important;
}