@charset "UTF-8";

/* width */
.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

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

/* margin */
.mt-1 {
  margin-top: 8px !important;
}

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

.mt-3 {
  margin-top: 24px !important;
}

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

.ml-1 {
  margin-left: 8px !important;
}

.ml-2 {
  margin-left: 16px !important;
}

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

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

/* flex */
.d-flex {
  display: -webkit-box !important;
  display: flex !important;
}

.flex-justify-center {
  -webkit-box-pack: center !important;
  justify-content: center !important;
}

.flex-items-center {
  align-items: center !important;
}

.flex-row {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  flex-direction: row !important;
}

.flex-column {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  flex-direction: column !important;
}

/* font */
.f-bold {
  font-weight: bold !important;
}

.f-normal {
  font-weight: normal !important;
}

.fg-navy {
  color: #005fae !important;
}

.fg-light-gray {
  color: #666 !important;
}

.fg-dark {
  color: #333 !important;
}

/* background */
.bg-light-gray {
  background-color: #f9f9f9 !important;
}

.bg-light-blue {
  background-color: #f7fafe !important;
}

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

.ac {
  text-align: center !important;
}

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

/* padding */
.pl-10 {
  padding-left: 10px;
}