.background-blue {
  background: #1389ff !important; }

.color-blue {
  color: #1389ff !important; }

.border-blue {
  border-color: #1389ff !important; }

.background-indigo {
  background: #6610f2 !important; }

.color-indigo {
  color: #6610f2 !important; }

.border-indigo {
  border-color: #6610f2 !important; }

.background-purple {
  background: #d300eb !important; }

.color-purple {
  color: #d300eb !important; }

.border-purple {
  border-color: #d300eb !important; }

.background-pink {
  background: #e83e8c !important; }

.color-pink {
  color: #e83e8c !important; }

.border-pink {
  border-color: #e83e8c !important; }

.background-red {
  background: #be0000 !important; }

.color-red {
  color: #be0000 !important; }

.border-red {
  border-color: #be0000 !important; }

.background-orange {
  background: #fd7e14 !important; }

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

.border-orange {
  border-color: #fd7e14 !important; }

.background-yellow {
  background: #ffc107 !important; }

.color-yellow {
  color: #ffc107 !important; }

.border-yellow {
  border-color: #ffc107 !important; }

.background-green {
  background: #28a745 !important; }

.color-green {
  color: #28a745 !important; }

.border-green {
  border-color: #28a745 !important; }

.background-teal {
  background: #20c997 !important; }

.color-teal {
  color: #20c997 !important; }

.border-teal {
  border-color: #20c997 !important; }

.background-cyan {
  background: #17a2b8 !important; }

.color-cyan {
  color: #17a2b8 !important; }

.border-cyan {
  border-color: #17a2b8 !important; }

.background-white {
  background: #fff !important; }

.color-white {
  color: #fff !important; }

.border-white {
  border-color: #fff !important; }

.background-black {
  background: #000 !important; }

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

.border-black {
  border-color: #000 !important; }

.background-gray {
  background: #6c757d !important; }

.color-gray {
  color: #6c757d !important; }

.border-gray {
  border-color: #6c757d !important; }

.background-gray-dark {
  background: #404258 !important; }

.color-gray-dark {
  color: #404258 !important; }

.border-gray-dark {
  border-color: #404258 !important; }

.background-dark {
  background: #404258 !important; }

.color-dark {
  color: #404258 !important; }

.border-dark {
  border-color: #404258 !important; }

.background-light {
  background: #f3f3f7 !important; }

.color-light {
  color: #f3f3f7 !important; }

.border-light {
  border-color: #f3f3f7 !important; }

.background-primary {
  background: #6eb744 !important; }

.color-primary {
  color: #6eb744 !important; }

.border-primary {
  border-color: #6eb744 !important; }

.background-secondary {
  background: #67ac40 !important; }

.color-secondary {
  color: #67ac40 !important; }

.border-secondary {
  border-color: #67ac40 !important; }

.background-hover {
  background: rgba(110, 183, 68, 0.16) !important; }

.color-hover {
  color: rgba(110, 183, 68, 0.16) !important; }

.border-hover {
  border-color: rgba(110, 183, 68, 0.16) !important; }

.background-text {
  background: #0b0f20 !important; }

.color-text {
  color: #0b0f20 !important; }

.border-text {
  border-color: #0b0f20 !important; }

.background-icon {
  background: #707070 !important; }

.color-icon {
  color: #707070 !important; }

.border-icon {
  border-color: #707070 !important; }

.background-border {
  background: #e7eaf2 !important; }

.color-border {
  color: #e7eaf2 !important; }

.border-border {
  border-color: #e7eaf2 !important; }

.background-input {
  background: #fcfcfc !important; }

.color-input {
  color: #fcfcfc !important; }

.border-input {
  border-color: #fcfcfc !important; }

.background-success {
  background: #28a745 !important; }

.color-success {
  color: #28a745 !important; }

.border-success {
  border-color: #28a745 !important; }

.background-info {
  background: #17a2b8 !important; }

.color-info {
  color: #17a2b8 !important; }

.border-info {
  border-color: #17a2b8 !important; }

.background-warning {
  background: #ffc107 !important; }

.color-warning {
  color: #ffc107 !important; }

.border-warning {
  border-color: #ffc107 !important; }

.background-danger {
  background: #dc3545 !important; }

.color-danger {
  color: #dc3545 !important; }

.border-danger {
  border-color: #dc3545 !important; }

.background-disabled {
  background: #d0d0d0 !important; }

.color-disabled {
  color: #d0d0d0 !important; }

.border-disabled {
  border-color: #d0d0d0 !important; }

.background-loading {
  background: #e4edf1 !important; }

.color-loading {
  color: #e4edf1 !important; }

.border-loading {
  border-color: #e4edf1 !important; }

.background-facebook {
  background: #3b5998 !important; }

.color-facebook {
  color: #3b5998 !important; }

.border-facebook {
  border-color: #3b5998 !important; }

.background-dashed {
  background: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%2367ac40' fill-opacity='1' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E") !important; }

.color-dashed {
  color: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%2367ac40' fill-opacity='1' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E") !important; }

.border-dashed {
  border-color: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%2367ac40' fill-opacity='1' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E") !important; }

.font-h1 {
  font-size: 32px !important; }

.font-h2 {
  font-size: 20px !important; }

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

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

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

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

.font-small {
  font-size: 12px !important; }

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

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

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

.weight-regular {
  font-weight: 400 !important; }

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

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

.weight-black {
  font-weight: 900 !important; }

.transition-regular {
  font-weight: all 0.2s 0s ease-in-out !important; }

.transition-fast {
  font-weight: all 0.05s 0s ease-in-out !important; }

.transition-slow {
  font-weight: all 0.5s 0s ease-in-out !important; }

.transition-xslow {
  font-weight: all 1s 0s ease-in-out !important; }

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

.radius-small {
  border-radius: 8px !important; }

.radius-regular {
  border-radius: 12px !important; }

.radius-large {
  border-radius: 16px !important; }

.radius-xlarge {
  border-radius: 24px !important; }

.radius-huge {
  border-radius: 40px !important; }

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

.mx-0 {
  margin-right: 0 !important;
  margin-left: 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; }

.p-0 {
  padding: 0 !important; }

.px-0 {
  padding-right: 0 !important;
  padding-left: 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; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important; }

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important; }

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

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

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

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

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

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important; }

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important; }

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

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

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

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

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

.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important; }

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important; }

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

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

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

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

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

.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important; }

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important; }

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

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

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

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

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

.mx-6 {
  margin-right: 4rem !important;
  margin-left: 4rem !important; }

.my-6 {
  margin-top: 4rem !important;
  margin-bottom: 4rem !important; }

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

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

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

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

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

.px-6 {
  padding-right: 4rem !important;
  padding-left: 4rem !important; }

.py-6 {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important; }

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

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

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

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

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

.mx-7 {
  margin-right: 5rem !important;
  margin-left: 5rem !important; }

.my-7 {
  margin-top: 5rem !important;
  margin-bottom: 5rem !important; }

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

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

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

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

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

.px-7 {
  padding-right: 5rem !important;
  padding-left: 5rem !important; }

.py-7 {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important; }

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

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

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

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

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

.mx-8 {
  margin-right: 6.25rem !important;
  margin-left: 6.25rem !important; }

.my-8 {
  margin-top: 6.25rem !important;
  margin-bottom: 6.25rem !important; }

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

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

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

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

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

.px-8 {
  padding-right: 6.25rem !important;
  padding-left: 6.25rem !important; }

.py-8 {
  padding-top: 6.25rem !important;
  padding-bottom: 6.25rem !important; }

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

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

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

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

.m-9 {
  margin: 7.5rem !important; }

.mx-9 {
  margin-right: 7.5rem !important;
  margin-left: 7.5rem !important; }

.my-9 {
  margin-top: 7.5rem !important;
  margin-bottom: 7.5rem !important; }

.mt-9 {
  margin-top: 7.5rem !important; }

.mb-9 {
  margin-bottom: 7.5rem !important; }

.ml-9 {
  margin-left: 7.5rem !important; }

.mr-9 {
  margin-right: 7.5rem !important; }

.p-9 {
  padding: 7.5rem !important; }

.px-9 {
  padding-right: 7.5rem !important;
  padding-left: 7.5rem !important; }

.py-9 {
  padding-top: 7.5rem !important;
  padding-bottom: 7.5rem !important; }

.pt-9 {
  padding-top: 7.5rem !important; }

.pb-9 {
  padding-bottom: 7.5rem !important; }

.pl-9 {
  padding-left: 7.5rem !important; }

.pr-9 {
  padding-right: 7.5rem !important; }

.m-10 {
  margin: 9.375rem !important; }

.mx-10 {
  margin-right: 9.375rem !important;
  margin-left: 9.375rem !important; }

.my-10 {
  margin-top: 9.375rem !important;
  margin-bottom: 9.375rem !important; }

.mt-10 {
  margin-top: 9.375rem !important; }

.mb-10 {
  margin-bottom: 9.375rem !important; }

.ml-10 {
  margin-left: 9.375rem !important; }

.mr-10 {
  margin-right: 9.375rem !important; }

.p-10 {
  padding: 9.375rem !important; }

.px-10 {
  padding-right: 9.375rem !important;
  padding-left: 9.375rem !important; }

.py-10 {
  padding-top: 9.375rem !important;
  padding-bottom: 9.375rem !important; }

.pt-10 {
  padding-top: 9.375rem !important; }

.pb-10 {
  padding-bottom: 9.375rem !important; }

.pl-10 {
  padding-left: 9.375rem !important; }

.pr-10 {
  padding-right: 9.375rem !important; }

.d-flex {
  display: flex; }

.d-block {
  display: block; }

.d-inline-block {
  display: inline-block; }

.d-inline {
  display: inline; }

.flex-col {
  display: flex;
  flex-direction: column; }

.flex-col-reverse {
  display: flex;
  flex-direction: column-reverse; }

.flex-row {
  display: flex;
  flex-direction: row; }

.flex-row-reverse {
  display: flex;
  flex-direction: row-reverse; }

.flex-wrap {
  flex-wrap: wrap; }

.flex-no-wrap {
  flex-wrap: nowrap; }

.p-absolute {
  position: absolute; }

.p-relative {
  position: relative; }

.overflow-h {
  overflow: hidden; }

.overflow-v {
  overflow: visible; }

.overflow-s {
  overflow: scroll; }

.overflow-a {
  overflow: auto; }

.flex-row {
  display: flex;
  flex-direction: row; }

.flex-col {
  display: flex;
  flex-direction: column; }

.justify-center {
  justify-content: center; }

.justify-start {
  justify-content: flex-start; }

.justify-end {
  justify-content: flex-end; }

.justify-space-between {
  justify-content: space-between; }

.justify-space-evenly {
  justify-content: space-evenly; }

.justify-space-around {
  justify-content: space-around; }

.align-center {
  align-items: center; }

.align-start {
  align-items: flex-start; }

.align-end {
  align-items: flex-end; }

.align-stretch {
  align-items: stretch; }

.justify-self-center {
  justify-self: center; }

.justify-self-start {
  justify-self: flex-start; }

.justify-self-end {
  justify-self: flex-end; }

.align-self-center {
  align-self: center; }

.align-self-start {
  align-self: flex-start; }

.align-self-end {
  align-self: flex-end; }

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

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

.text-center {
  text-align: center; }

.text-justify {
  text-align: justify; }

.text-underline {
  text-decoration: underline; }

.text-unterline--dotted {
  text-decoration: underline dotted; }

.text-wavy {
  text-decoration: wavy; }

.text-overline {
  text-decoration: overline; }

.text-unterline-overline {
  text-decoration: underline overline; }

.flex-1 {
  flex: 1; }

.w-100 {
  width: 100%; }

.w-fit {
  width: fit-content; }

.w-auto {
  width: auto; }

.h-100 {
  height: 100%; }

.h-auto {
  height: auto; }

.h-100 {
  height: fit-content; }