.clearfix { clear:both; }

.tl { text-align:left }
.tr { text-align:right }
.tc { text-align:center; }

.fl { float:left; }
.fr { float:right }

.w1 { width:1rem!important; }
.w2 { width:2rem!important; }
.w3 { width:3rem!important; }
.w4 { width:4rem!important; }
.w5 { width:5rem!important; }
.w6 { width:6rem!important; }
.w7 { width:7rem!important; }
.w8 { width:8rem!important; }
.w9 { width:9rem!important; }
.w10 { width:10rem!important; }

.h1 { height:1rem!important; }
.h2 { height:2rem!important; }
.h3 { height:3rem!important; }
.h4 { height:4rem!important; }
.h5 { height:5rem!important; }
.h6 { height:6rem!important; }
.h7 { height:7rem!important; }
.h8 { height:8rem!important; }
.h9 { height:9rem!important; }
.h10 { height:10rem!important; }

.m-t-0 { margin-top:0!important; }
.m-t-1 { margin-top:.1rem!important;; }
.m-t-3 { margin-top:.3rem!important;; }
.m-t-5 { margin-top:.5rem!important;; }
.m-t-10 { margin-top:.10rem!important;; }
.m-b-0 { margin-bottom:0!important;; }
.m-b-1 { margin-bottom:.1rem!important;; }
.m-b-3 { margin-bottom:.3rem!important;; }
.m-b-5 { margin-bottom:.5rem!important;; }
.m-b-10 { margin-bottom:.10rem!important;; }
.m-l-0 { margin-left:0!important;; }
.m-l-1 { margin-left:.1rem!important;; }
.m-l-3 { margin-left:.3rem!important;; }
.m-l-5 { margin-left:.5rem!important;; }
.m-l-10 { margin-left:.10rem!important;; }
.m-r-0 { margin-right:0!important;; }
.m-r-1 { margin-right:.1rem!important;; }
.m-r-3 { margin-right:.3rem!important;; }
.m-r-5 { margin-right:.5rem!important;; }
.m-r-10 { margin-right:.10rem!important;; }

.p-t-0 { padding-top:0!important; }
.p-t-1 { padding-top:.1rem!important;; }
.p-t-3 { padding-top:.3rem!important;; }
.p-t-5 { padding-top:.5rem!important;; }
.p-t-10 { padding-top:.10rem!important;; }
.p-b-0 { padding-bottom:0!important;; }
.p-b-1 { padding-bottom:.1rem!important;; }
.p-b-3 { padding-bottom:.3rem!important;; }
.p-b-5 { padding-bottom:.5rem!important;; }
.p-b-10 { padding-bottom:.10rem!important;; }
.p-l-0 { padding-left:0!important;; }
.p-l-1 { padding-left:.1rem!important;; }
.p-l-3 { padding-left:.3rem!important;; }
.p-l-5 { padding-left:.5rem!important;; }
.p-l-10 { padding-left:.10rem!important;; }
.p-r-0 { padding-right:0!important;; }
.p-r-1 { padding-right:.1rem!important;; }
.p-r-3 { padding-right:.3rem!important;; }
.p-r-5 { padding-right:.5rem!important;; }
.p-r-10 { padding-right:.10rem!important;; }

.success { background-color:#00b18a }
.danger { background-color:red }
.warning { background-color:orange }
.default { background-color:#fafafa; }

.success-text { color:#00b18a }
.danger-text { color:red }
.warning-text { color:orange }
.default-text { color:#fafafa; }