.p-0 {padding: 0px!important;}
.p-t-0 {padding-top: 0px;}
.p-t-5 {padding-top: 5px;}
.p-t-10 {padding-top: 10px;}
.p-t-20 {padding-top: 20px;}


.p-5 {padding: 5px !important;}
.p-10 {padding: 10px !important;}
.p-15 {padding: 15px !important;}
.p-20 {padding: 20px !important;}
.p-30 {padding: 30px !important;}
.p-l-0 {padding-left: 0px;}
.p-l-5 {padding-left: 5px;}
.p-l-10 {padding-left: 10px;}
.p-l-20 {padding-left: 20px;}

.p-r-0 {padding-right: 0px;}
.p-r-5 {padding-right: 5px;}
.p-r-10 {padding-right: 10px;}
.p-r-20 {padding-right: 20px;}

.m-0 {margin: 0 !important;}
.m-l-0 {margin-left: 0;}
.m-r-0 {margin-right: 0;}
.m-t-0 {margin-top: 0;}
.m-b-0 {margin-bottom: 0;}

.m-5 {margin: 5px;}
.m-l-5 {margin-left: 5px;}
.m-r-5 {margin-right: 5px;}
.m-t-5 {margin-top: 5px;}
.m-b-5 {margin-bottom: 5px;}

.m-10 {margin: 10px;}
.m-l-10 {margin-left: 10px;}
.m-r-10 {margin-right: 10px;}
.m-t-10 {margin-top: 10px;}
.m-b-10 {margin-bottom: 10px;}

.m-20 {margin: 20px;}
.m-l-20 {margin-left: 20px;}
.m-r-20 {margin-right: 20px;}
.m-t-20 {margin-top: 20px;}
.m-b-20 {margin-bottom: 20px;}

.m-t-50 {margin-top: 50px;}
.m-b-50 {margin-bottom: 50px;}

.b-0 {border: 0;}
.b-t-0 {border-top: 0;}
.b-b-0 {border-bottom: 0;}
.b-l-0 {border-left: 0;}
.b-r-0 {border-right: 0;}

.b-1 {border-width: 1px;}
.b-t-1 {border-top-width: 1px;}
.b-b-1 {border-bottom-width: 1px;}
.b-l-1 {border-left-width: 1px;}
.b-r-1 {border-right-width: 1px;}

.cursor-pointer {cursor: pointer!important;}
.inline-block {display: inline-block;}
.display-block {display: block;}

.h-100 {height: 100%;}
.w-100 {width: 100%;}

.block-center {margin: 0 auto;}

.aaa {
    background-color: #aaa;
}
.bbb {
    background-color: #bbb;
}
.ccc {
    background-color: #ccc;
}
.ddd {
    background-color: #ddd;
}
.eee {
    background-color: #eee;
}