/* Backgroun color */
.bs-bg-success {
  background-color: #00a1d9 !important;
}

.bs-bg-warning {
  background-color: yellow !important;
}

.bs-bg-danger {
  background-color: red !important;
}

.bs-bg-light {
  background-color: #f2f2f2 !important;
}

/* Padding Class */
.bs-px-1 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

.bs-px-2 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.bs-py-1 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.bs-py-2 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.bs-p-1 {
  padding: 0.5rem !important;
}

.bs-p-2 {
  padding: 1rem !important;
}

.bs-p-3 {
  padding: 2rem !important;
}

.bs-p-4 {
  padding: 4rem !important;
}

.bs-p-5 {
  padding: 8rem !important;
}

.bs-pt-1 {
  padding-top: 0.5rem !important;
}

.bs-pt-2 {
  padding-top: 1rem !important;
}

.bs-pt-3 {
  padding-top: 2rem !important;
}

.bs-pt-4 {
  padding-top: 4rem !important;
}

.bs-pt-5 {
  padding-top: 8rem !important;
}

.bs-pb-1 {
  padding-bottom: 0.5rem !important;
}

.bs-pb-2 {
  padding-bottom: 1rem !important;
}

.bs-pb-3 {
  padding-bottom: 2rem !important;
}

.bs-pb-4 {
  padding-bottom: 4rem !important;
}

.bs-pb-5 {
  padding-bottom: 8rem !important;
}

.bs-pl-1 {
  padding-left: 0.5rem !important;
}

.bs-pl-2 {
  padding-left: 1rem !important;
}

.bs-pl-3 {
  padding-left: 2rem !important;
}

.bs-pl-4 {
  padding-left: 4rem !important;
}

.bs-pl-5 {
  padding-left: 8rem !important;
}

.bs-pr-1 {
  padding-right: 0.5rem !important;
}

.bs-pr-2 {
  padding-right: 1rem !important;
}

.bs-pr-3 {
  padding-right: 2rem !important;
}

.bs-pr-4 {
  padding-right: 4rem !important;
}

.bs-pr-5 {
  padding-right: 8rem !important;
}

/* Margin Class */
.bs-mx-1 {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}

.bs-mx-2 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}

.bs-my-1 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.bs-my-2 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.bs-m-1 {
  margin: 0.5rem !important;
}

.bs-m-2 {
  margin: 1rem !important;
}

.bs-m-3 {
  margin: 2rem !important;
}

.bs-m-4 {
  margin: 4rem !important;
}

.bs-m-5 {
  margin: 8rem !important;
}

.bs-mt-1 {
  margin-top: 0.5rem !important;
}

.bs-mt-2 {
  margin-top: 1rem !important;
}

.bs-mt-3 {
  margin-top: 2rem !important;
}

.bs-mt-4 {
  margin-top: 4rem !important;
}

.bs-mt-5 {
  margin-top: 8rem !important;
}

.bs-mb-1 {
  margin-bottom: 0.5rem !important;
}

.bs-mb-2 {
  margin-bottom: 1rem !important;
}

.bs-mb-3 {
  margin-bottom: 2rem !important;
}

.bs-mb-4 {
  margin-bottom: 4rem !important;
}

.bs-mb-5 {
  margin-bottom: 8rem !important;
}

.bs-ml-1 {
  margin-left: 0.5rem !important;
}

.bs-ml-2 {
  margin-left: 1rem !important;
}

.bs-ml-3 {
  margin-left: 2rem !important;
}

.bs-ml-4 {
  margin-left: 4rem !important;
}

.bs-ml-5 {
  margin-left: 8rem !important;
}

.bs-mr-1 {
  margin-right: 0.5rem !important;
}

.bs-mr-2 {
  margin-right: 1rem !important;
}

.bs-mr-3 {
  margin-right: 2rem !important;
}

.bs-mr-4 {
  margin-right: 4rem !important;
}

.bs-mr-5 {
  margin-right: 8rem !important;
}