/**
 * Common styles for application
 */

/* Margin */
.m-base {
  margin: 1rem !important;
}
.mx-base {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}
.my-base {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}
.mt-base {
  margin-top: 1rem !important;
}
.mb-base {
  margin-bottom: 1rem !important;
}
.ml-base {
  margin-left: 1rem !important;
}
.mr-base {
  margin-right: 1rem !important;
}
.m-half {
  margin: 0.5rem !important;
}
.mx-half {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}
.my-half {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}
.mt-half {
  margin-top: 0.5rem !important;
}
.mb-half {
  margin-bottom: 0.5rem !important;
}
.ml-half {
  margin-left: 0.5rem !important;
}
.mr-half {
  margin-right: 0.5rem !important;
}
.m-quarter {
  margin: 0.25rem !important;
}
.mx-quarter {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}
.my-quarter {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}
.mt-quarter {
  margin-top: 0.25rem !important;
}
.mb-quarter {
  margin-bottom: 0.25rem !important;
}
.ml-quarter {
  margin-left: 0.25rem !important;
}
.mr-quarter {
  margin-right: 0.25rem !important;
}
.m-0 {
  margin: 0 !important;
}
.mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.mt-0 {
  margin-top: 0 !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.ml-0 {
  margin-left: 0 !important;
}
.mr-0 {
  margin-right: 0 !important;
}

/* Padding */
.p-base {
  padding: 1rem !important;
}
.px-base {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
.py-base {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.pt-base {
  padding-top: 1rem !important;
}
.pb-base {
  padding-bottom: 1rem !important;
}
.pl-base {
  padding-left: 1rem !important;
}
.pr-base {
  padding-right: 1rem !important;
}
.p-half {
  padding: 0.5rem !important;
}
.px-half {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}
.py-half {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
.pt-half {
  padding-top: 0.5rem !important;
}
.pb-half {
  padding-bottom: 0.5rem !important;
}
.pl-half {
  padding-left: 0.5rem !important;
}
.pr-half {
  padding-right: 0.5rem !important;
}
.p-quarter {
  padding: 0.25rem !important;
}
.px-quarter {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}
.py-quarter {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}
.pt-quarter {
  padding-top: 0.25rem !important;
}
.pb-quarter {
  padding-bottom: 0.25rem !important;
}
.pl-quarter {
  padding-left: 0.25rem !important;
}
.pr-quarter {
  padding-right: 0.25rem !important;
}
.p-0 {
  padding: 0 !important;
}
.px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.pt-0 {
  padding-top: 0 !important;
}
.pb-0 {
  padding-bottom: 0 !important;
}
.pl-0 {
  padding-left: 0 !important;
}
.pr-0 {
  padding-right: 0 !important;
}

/* Spacing */
.w-100 {
  width: 100%;
}
.w-50 {
  width: 50%;
}

.w-30 {
  width: 30%;
}

.w-75 {
  width: 75%;
}

.h-100 {
  height: 100%;
}
/* Gap */
.gap-quarter {
  gap: 0.25rem;
}
.gap-half {
  gap: 0.5rem;
}
.gap-base {
  gap: 1rem;
}

/* Text typography */

.text-error {
  color: #ed1b23 !important;
}
.text-warning {
  color: #ffaa2a !important;
}
.text-pending {
  color: #f78212 !important;
}
.text-success {
  color: #53c305 !important;
}
.text-placeholder {
  color: #b4b4b4 !important;
}

.text-normal {
  font-weight: 400 !important;
}
.text-medium {
  font-weight: 500 !important;
}
.text-bold {
  font-weight: 700 !important;
}
.text-break {
  word-break: break-word;
}
.text-linethrough {
  text-decoration: line-through !important;
}
.text-underline {
  text-decoration: underline !important;
}
.text-italic {
  font-style: italic !important;
}

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

/* Display type */
.d-block {
  display: block !important;
}
.d-inline {
  display: inline !important;
}
.d-none {
  display: none !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-flex {
  display: flex !important;
}
.d-flex-center {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.d-inline-flex {
  display: inline-flex !important;
}
.d-inline-flex-center {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Flexbox */
.flex-row {
  flex-direction: row !important;
}
.flex-column {
  flex-direction: column !important;
}
.flex-1 {
  flex: 1 !important;
}
.align-items-start {
  align-items: flex-start !important;
}
.align-items-end {
  align-items: flex-end !important;
}
.align-items-center {
  align-items: center !important;
}
.align-items-baseline {
  align-items: baseline !important;
}
.justify-content-start {
  justify-content: flex-start !important;
}
.justify-content-end {
  justify-content: flex-end !important;
}
.justify-content-center {
  justify-content: center !important;
}
.justify-content-between {
  justify-content: space-between !important;
}

/* Alignment */
.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}
.text-center {
  text-align: center !important;
}
.text-justify {
  text-align: justify !important;
}

/* Cursor */
.cursor-pointer {
  cursor: pointer;
}
.disable-pointer-events {
  pointer-events: none;
}

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

.border-radius-999 {
  border-radius: 999px;
}

.position-sticky {
  position: sticky;
}

.position-absolute {
  position: absolute;
}