.w-20 {width: 20px!important;}
.w-25 {width: 25px!important;}
.w-30 {width: 30px!important;}
.w-40 {width: 40px!important;}
.w-60 {width: 60px!important;}
.w-80 {width: 80px!important;}
.w-100 {width: 100px!important;}
.w-150 {width: 150px!important;}
.w-180 {width: 180px!important;}
.w-200 {width: 200px!important;}
.w-300 {width: 300px!important;}
.w-400 {width: 400px!important;}
.w-500 {width: 500px!important;}
.w-600 {width: 500px!important;}
.w-700 {width: 500px!important;}
.w-800 {width: 500px!important;}

.font-sm {font-size: 12px;}
.line-height-12 { line-height: 1.2rem;}
.line-height-15 { line-height: 1.5rem;}

.m-3 {margin: 3px;}

.mr-10 {margin-right: 10px;}
.mr-10 {margin-right: 10px;}
.mr-20 {margin-right: 20px;}
.ml-10 {margin-left: 10px;}
.ml-20 {margin-left: 20px;}

.pointer{cursor: pointer;}
.inline-block { display: inline-block;}
.flex { display: flex; }
.items-center { align-items: center; }
.justify-content { justify-content: center; }

.hide { display: none;}

.text-muted { color: #aaaaaa;}
.text-center {text-align: center;}
.text-left {text-align: left;}
.text-right {text-align: right;}

.text-red {color: crimson;}
.text-green {color: #067d17;}