.pl-1{
  padding-left: 4px;
}

.pl-2{
  padding-left: 8px;
}

.pl-3{
  padding-left: 12px;
}

.pl-4{
  padding-left: 16px;
}

.pl-5{
  padding-left: 20px;
}
.pr-1{
  padding-right: 4px;
}

.pr-2{
  padding-right: 8px;
}

.pr-3{
  padding-right: 12px;
}

.pr-4{
  padding-right: 16px;
}

.pr-5{
  padding-right: 20px;
}

.px-1{
  padding-left: 4px;
  padding-right: 4px;
}

.px-2{
  padding-left: 8px;
  padding-right: 8px;
}

.px-3{
  padding-left: 12px;
  padding-right: 12px;
}

.px-10{
  padding-left: 30px;
  padding-right: 30px;
}
.pb-1 {
  padding-bottom: 4px;
}
.pb-2 {
  padding-bottom: 8px;
}

.pb-3 {
  padding-bottom: 12px;
}

.pb-4 {
  padding-bottom: 16px;
}

.pb-5 {
  padding-bottom: 20px;
}

.pb-10 {
  padding-bottom: 40px;
}

// margin
.ma-2 {
  margin: 8px;
}

.ma-3 {
  margin: 12px;
}

.mx-2{
  margin-left: 8px;
  margin-right: 8px;
}

.my-2{
  margin-top: 8px;
  margin-bottom: 8px;
}

.my-3{
  margin-top: 12px;
  margin-bottom: 12px;
}

.my-4{
  margin-top: 16px;
  margin-bottom: 16px;
}

.mt-1{
  margin-top: 4px;
}

.mt-2{
  margin-top: 8px;
}

.mt-3{
  margin-top: 12px;
}

.mt-4{
  margin-top: 16px;
}

.mb-1{
  margin-bottom: 4px;
}

.mb-2{
  margin-bottom: 8px;
}

.mb-3{
  margin-bottom: 12px;
}

.mb-4{
  margin-bottom: 16px;
}
.mb-5{
  margin-bottom: 20px;
}
.mb-large{
  margin-bottom: 160px;
}
.mb-mid{
  margin-bottom: 130px;
}
.ml-1{
  margin-left: 4px;
}
.ml-2{
  margin-left: 8px;
}

.ml-3{
  margin-left: 12px;
}

.ml-4{
  margin-left: 16px;
}

.ml-5{
  margin-left: 20px;
}

.ml-6{
  margin-left: 24px;
}

.ml-7{
  margin-left: 28px;
}

.ml-8{
  margin-left: 32px;
}

.mr-1{
  margin-right: 4px;
}

.mr-2{
  margin-right: 8px;
}

.mr-3{
  margin-right: 12px;
}

.mr-4{
  margin-right: 16px;
}

.mr-5{
  margin-right: 20px;
}

.mr-6{
  margin-right: 24px;
}

// background
.white {
  background: white;
}

.green{
  background: #4CAF50;
}

.white--text{
  color: #fff!important;
}
.text-right{
  text-align: right;
}


// flex
.d-flex{
  display: flex;
}

.flex-wrap{
  flex-wrap: wrap;
}

.flex-nowrap{
  flex-wrap: nowrap;
}

.flex-column{
  flex-direction: column;
}

.flex-column-reverse{
  flex-direction: column-reverse;
}

.flex-row{
  flex-direction: row;
}

.flex-row-reverse{
  flex-direction: row-reverse;
}

.justify-center{
  justify-content: center;
}
// .justify-end{
//   justify-content: end;
// }
.justify-end{
  justify-content: flex-end;
}
.justify-space-between{
  justify-content: space-between;
}

.align-center{
  align-items: center;
}

.align-top{
  align-items: start;
}

.align-left{
  align-items: start;
}

.flex-1{
  display: flex;
  flex: 1;
}

.flex-2{
  display: flex;
  flex: 2;
}
// other
.pointer{
  cursor:pointer;
}

.fill-height{
  height:100%;
}
.font-light-purple{
	color: #adbbec;
}
.font-white{
	color: white;
}
// font
.font-bold{
  font-weight: bold;
}

.font-bold-24{
  font-size: 24px;
  font-weight: bold;
}

.font-24{
  font-size: 24px;
}
.font-40{
  font-size: 40px;
}
.font-bold-40{
  font-size: 40px;
  font-weight: 500!important;
}



.font-bold-16{
  font-size: 16px;
  font-weight: bold;
}

.font-16{
  font-size: 16px;
}
.font-18{
  font-size: 18px;
}
.font-20{
  font-size: 20px;
}
.font-bold-18{
  font-size: 18px;
  font-weight: bold;
}
.font-bold-20{
  font-size: 20px;
  font-weight: bold;
}



.font-bold-14{
  font-size: 14px;
  font-weight: bold;
}

.font-14{
  font-size: 14px;
}

.icon-20{
  font-size: 24px!important;
}

h2{
  font-size: 24px;
  font-weight: bold;
  color: rgba(0,0,0,.85)
}

.red{
	color: red;
}
.textColor{
  color: rgba(0,0,0,.65)
}
.text-base{
  color: #BABABA
}
.text-blue{
  color: #3FA8FF;
}
.text-black{
  color: #646464;
}
.text-grey{
  color: #A8A8A8;
}
.border-bottom{
	border-bottom: 1px solid #E5E5E5;
}
.baseColor{
  color: #1890ff
}
.block{
	width: 100%;
}

.bg{
  background: #F5F5F5
}

.fill-width{
  width:100%;
}

.fill-height{
  height:100%;
}
.box-border{
	border: 1px solid black;
}
.box-border-grey{
	border: 1px solid grey;
}
.box{
	width: 90%; 
	margin: 0 auto;
}
.box2{
	width: 94%; 
	margin: 0 auto;
}
.box3{
	width: 85%; 
	margin: 0 auto;
}

