/* CSS Utilities */
/* Margins & Paddings */

.no-s {
    margin: 0px!important;
    padding: 0px!important;
}

.no-m {
    margin: 0;
}

.no-p {
    padding: 0;
}

.p { padding: 15px; }
.m { margin: 15px; }
.p-n     { padding:  0px; }
.p-xxs { padding:  5px; }
.p-xs  { padding: 10px; }
.p-sm  { padding: 15px; }
.p-md  { padding: 20px; }
.p-lg  { padding: 25px; }
.p-xxl { padding: 30px; }

.p-t-n   { padding-top:  0px; }
.p-t-xxs { padding-top:  5px; }
.p-t-xs  { padding-top: 10px; }
.p-t-sm  { padding-top: 15px; }
.p-t-md  { padding-top: 20px; }
.p-t-lg  { padding-top: 25px; }
.p-t-xxl { padding-top: 30px; }

.p-r-n   { padding-right:  0px; }
.p-r-xxs { padding-right:  5px; }
.p-r-xs  { padding-right: 10px; }
.p-r-sm  { padding-right: 15px; }
.p-r-md  { padding-right: 20px; }
.p-r-lg  { padding-right: 25px; }
.p-r-xxl { padding-right: 30px; }

.p-b-n   { padding-bottom:  0px; }
.p-b-xxs { padding-bottom:  5px; }
.p-b-xs  { padding-bottom: 10px; }
.p-b-sm  { padding-bottom: 15px; }
.p-b-md  { padding-bottom: 20px; }
.p-b-lg  { padding-bottom: 25px; }
.p-b-xxl { padding-bottom: 30px; }

.p-l-n   { padding-left:  0px; }
.p-l-xxs { padding-left:  5px; }
.p-l-xs  { padding-left: 10px; }
.p-l-sm  { padding-left: 15px; }
.p-l-md  { padding-left: 20px; }
.p-l-lg  { padding-left: 25px; }
.p-l-xxl { padding-left: 30px; }

.p-h-n   { padding-left:  0px;padding-right:  0px; }
.p-h-xxs { padding-left:  5px;padding-right:  5px; }
.p-h-xs  { padding-left: 10px;padding-right: 10px; }
.p-h-sm  { padding-left: 15px;padding-right: 15px; }
.p-h-md  { padding-left: 20px;padding-right: 20px; }
.p-h-lg  { padding-left: 25px;padding-right: 25px; }
.p-h-xxl { padding-left: 30px;padding-right: 30px; }

.p-v-n   { padding-top:  0px;padding-bottom:  0px; }
.p-v-xxs { padding-top:  5px;padding-bottom:  5px; }
.p-v-xs  { padding-top: 10px;padding-bottom: 10px; }
.p-v-sm  { padding-top: 15px;padding-bottom: 15px; }
.p-v-md  { padding-top: 20px;padding-bottom: 20px; }
.p-v-lg  { padding-top: 25px;padding-bottom: 25px; }
.p-v-xxl { padding-top: 30px;padding-bottom: 30px; }

.m-t-n   { margin-top:  0px; }
.m-t-xxs { margin-top:  5px; }
.m-t-xs  { margin-top: 10px; }
.m-t-sm  { margin-top: 15px; }
.m-t-md  { margin-top: 20px; }
.m-t-lg  { margin-top: 25px; }
.m-t-xxl { margin-top: 30px; }

.m-r-n   { margin-right:  0px; }
.m-r-xxs { margin-right:  5px; }
.m-r-xs  { margin-right: 10px; }
.m-r-sm  { margin-right: 15px; }
.m-r-md  { margin-right: 20px; }
.m-r-lg  { margin-right: 25px; }
.m-r-xxl { margin-right: 30px; }

.m-b-n   { margin-bottom:  0px; }
.m-b-xxs { margin-bottom:  5px; }
.m-b-xs  { margin-bottom: 10px; }
.m-b-sm  { margin-bottom: 15px; }
.m-b-md  { margin-bottom: 20px; }
.m-b-lg  { margin-bottom: 25px; }
.m-b-xxl { margin-bottom: 30px; }

.m-l-n   { margin-left:  0px; }
.m-l-xxs { margin-left:  5px; }
.m-l-xs  { margin-left: 10px; }
.m-l-sm  { margin-left: 15px; }
.m-l-md  { margin-left: 20px; }
.m-l-lg  { margin-left: 25px; }
.m-l-xxl { margin-left: 30px; }

.m-h-n   { margin-left:  0px;margin-right:  0px; }
.m-h-xxs { margin-left:  5px;margin-right:  5px; }
.m-h-xs  { margin-left: 10px;margin-right: 10px; }
.m-h-sm  { margin-left: 15px;margin-right: 15px; }
.m-h-md  { margin-left: 20px;margin-right: 20px; }
.m-h-lg  { margin-left: 25px;margin-right: 25px; }
.m-h-xxl { margin-left: 30px;margin-right: 30px; }

.m-v-n   { margin-top:  0px;margin-bottom:  0px; }
.m-v-xxs { margin-top:  5px;margin-bottom:  5px; }
.m-v-xs  { margin-top: 10px;margin-bottom: 10px; }
.m-v-sm  { margin-top: 15px;margin-bottom: 15px; }
.m-v-md  { margin-top: 20px;margin-bottom: 20px; }
.m-v-lg  { margin-top: 25px;margin-bottom: 25px; }
.m-v-xxl { margin-top: 30px;margin-bottom: 30px; }

.m-h-n-xxs { margin-left:  -5px;margin-right:  -5px; }
.m-h-n-xs  { margin-left: -10px;margin-right: -10px; }
.m-h-n-sm  { margin-left: -15px;margin-right: -15px; }
.m-h-n-md  { margin-left: -20px;margin-right: -20px; }
.m-h-n-lg  { margin-left: -25px;margin-right: -25px; }
.m-h-n-xxl { margin-left: -30px;margin-right: -30px; }

.m-v-n-xxs { margin-top:  -5px;margin-bottom:  -5px; }
.m-v-n-xs  { margin-top: -10px;margin-bottom: -10px; }
.m-v-n-sm  { margin-top: -15px;margin-bottom: -15px; }
.m-v-n-md  { margin-top: -20px;margin-bottom: -20px; }
.m-v-n-lg  { margin-top: -25px;margin-bottom: -25px; }
.m-v-n-xxl { margin-top: -30px;margin-bottom: -30px; }