// padding
.pa-3 {
  padding: 12px;
}

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

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

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

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

// margin
.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;
}

.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;
}

// 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-space-between{
  justify-content: space-between;
}

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

// other
.pointer{
  cursor:pointer;
}

.fill-height{
  height:100%;
}

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

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

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

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

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

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

.icon-size{
  font-size: 20px;
}

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

.textColor{
  color: rgba(0,0,0,.65)
}

.baseColor{
  color: #13ACC4
}

.bg{
  background: #F5F5F5
}

.ant-btn-primary{
  background-color: #13ACC4
  border-color: #13ACC4;
}

.ant-btn-link:hover, .ant-btn-link:focus{
  color: #13ACC4;
}