@import url(https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@1,200&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);
@import url("container/container.css");
@import url("fix-quasar/fix-quasar.css");
@import url("slide/slide.css");
@import url("color/color.css");
@import url("vue-dadata/vue-dadata.css");
@import url("shadow/shadow.css");
@import url("my-css/my-css.css");
@import url("my-css/text.css");
@import url("my-css/extra-styles.css");
@import url("border/border.css");
@import url("alert/alert.css");
@import url("stepper/stepper.css");

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

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

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

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

.font-weidht-400 {
    font-weight: 400;
}

.font-weidht-500 {
    font-weight: 500;
}

.font-weidht-600 {
    font-weight: 600;
}

body {
  font-family: "Exo 2", sans-serif;
  font-family: "Roboto", sans-serif;
   font-size: 14px; 
  color: #7f7f7f;
  margin-top: -21px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

input[type="number"] {
  -moz-appearance: textfield;
}

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

.border-end {
  border-right: 1px solid #dee2e6 !important;
}

.opacity-0-2 {
  opacity: 0.2;
}

.opacity-0-5 {
  opacity: 0.5;
}

.opacity-0-8 {
  opacity: 0.8;
}

.mt-10vh {
  margin-top: 10vh;
}

.margin-block-end {
  margin-block-end: 0;
}

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

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

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

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

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

.bm-overlay .background-white {
  background: #bbb !important;
}

.bm-overlay .q-card {
  background: #bbb !important;
}

.bm-overlay .q-table__card {
  background: #bbb !important;
}

.bm-overlay .card-header {
  background-color: #bbb !important;
}

.bm-overlay .alert-secondary {
  background-color: #bbb !important;
}

.bm-overlay .alert-secondary {
  background-color: #bbb !important;
}

.bm-overlay .verificationCode-container {
  background-color: #bbb !important;
}