/* position */
.p-static {
  position: static !important;
}

.p-relative {
  position: relative !important;
}

.p-absolute {
  position: absolute !important;
}

.p-fixed {
  position: fixed !important;
}

.p-sticky {
  position: -webkit-sticky !important;
  position: sticky !important;
}

/* display */
.d-hide {
  display: none !important;
}

/* box-sizing */
.border-box {
  box-sizing: border-box !important;
}

.content-box {
  box-sizing: content-box !important;
}

/* bg-color */
.bg-white {
  background-color: white !important;
}

.bg-light-grey {
  background-color: #F8F8F8 !important;
}

.bg-primary {
  background-color: #7126EB !important;
}

.bg-disabled {
  background-color: #CECECE !important;
}

.bg-blue {
  background-color: #00A3FF !important;
}

.bg-purple {
  background-color: #7126EB !important;
}

.bg-red-grey {
  background-color: #E54934 !important;
}

.bg-orange {
  background-color: #FF5B00 !important;
}

.bg-orange-grey {
  background-color: #FF7A00 !important;
}

/* box-shadow */
.box-shadow-primary {
  box-shadow: 0px 8px 20px 1px rgba(0, 6, 120, 0.1) !important;
}

/* border */
.border-blue {
  border: 1px solid #00A3FF !important;
}

.border-purple {
  border: 1px solid #7126EB !important;
}

.border-red-grey {
  border: 1px solid #E54934 !important;
}

.border-orange {
  border: 1px solid #FF5B00 !important;
}

.border-orange-grey {
  border: 1px solid #FF7A00 !important;
}

.border-none {
  border: none !important;
}

.border-bottom-light {
  border-bottom: 1px solid #EEEEEE !important;
}

/* border-radius */
.border-radius-4 {
  border-radius: 4px !important;
}

/* color */
.color-white {
  color: white !important;
}

.color-black {
  color: black !important;
}

.color-primary {
  color: #7126EB !important;
}

.color-light-grey {
  color: #999999 !important;
}

.color-blue {
  color: #00A3FF !important;
}

.color-purple {
  color: #7126EB !important;
}

.color-red-grey {
  color: #E54934 !important;
}

.color-orange {
  color: #FF5B00 !important;
}

.color-orange-grey {
  color: #FF7A00 !important;
}

/* text */
.text-overflow {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
}

/* font-size */
.font-10 {
  font-size: 10px !important;
}

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

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

.font-18 {
  font-size: 18px !important;
}

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

.font-40 {
  font-size: 40px !important;
}

.font-bold {
  font-weight: bold !important;
}

.font-thin {
  font-weight: 300 !important;
}

.font-medium {
  font-weight: 500 !important;
}

/* width */
.w-14 {
  width: 14px !important;
}

.w-32 {
  width: 32px !important;
}

.w-42 {
  width: 42px !important;
}

.w-48 {
  width: 48px !important;
}

.w-100 {
  width: 100px !important;
}

.w-110 {
  width: 110px !important;
}

.w-120 {
  width: 120px !important;
}

.w-146 {
  width: 146px !important;
}

.w-286 {
  width: 286px !important;
}

.w-640 {
  width: 640px !important;
}

.w-1400 {
  width: 1400px !important;
}

/* height */
.h-inherit {
  height: inherit !important;
}

.h-14 {
  height: 14px !important;
}

.h-28 {
  height: 28px !important;
}

.h-30 {
  height: 30px !important;
}

.h-40 {
  height: 40px !important;
}

.h-42 {
  height: 42px !important;
}

.h-70 {
  height: 70px !important;
}

.h-90 {
  height: 90px !important;
}

.h-120 {
  height: 120px !important;
}

/* margin */
.margin-none {
  margin: 0 !important;
}

.margin-auto {
  margin: 0 auto !important;
}

.margin-right-5 {
  margin-right: 5px !important;
}

.margin-right-8 {
  margin-right: 8px !important;
}

.margin-right-12 {
  margin-right: 12px !important;
}

.margin-right-16 {
  margin-right: 16px !important;
}

.margin-right-20 {
  margin-right: 20px !important;
}

.margin-right-24 {
  margin-right: 24px !important;
}

.margin-bottom-5 {
  margin-bottom: 5px !important;
}

.margin-bottom-8 {
  margin-bottom: 8px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-bottom-16 {
  margin-bottom: 16px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-bottom-40 {
  margin-bottom: 40px !important;
}

.margin-top-16 {
  margin-top: 16px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-top-32 {
  margin-top: 32px !important;
}

.margin-top-48 {
  margin-top: 48px !important;
}

.margin-top-56 {
  margin-top: 56px !important;
}

.margin-top-72 {
  margin-top: 0.72rem !important;
}



/* padding */
.padding-none {
  padding: 0 !important;
}

.padding-24 {
  padding: 24px;
}


/* border */
.border-none {
  border: none !important;
}

.border-bottom-light-grey {
  border-bottom: 1px solid #909399 !important;
}

.border-bottom-primary {
  border-bottom: 1px solid #4D54D6 !important;
}

/* border-radius */
.rounded-none {
  border-radius: 0px !important;
}

.rounded-full {
  border-radius: 9999px !important;
}

/* cursor */
.cursor-pointer {
  cursor: pointer !important;
}

.cursor-default {
  cursor: default !important;
}

.white-space-nowrap {
  white-space: nowrap !important;
}

/* text-align */
.text-center {
  text-align: center !important;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}