@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');

.manrope-body {
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-weight: 100px;
  font-style: normal;
}


body {
     background: lightblue; 
     font-family: 'Manrope', sans-serif;
     color: #191919;
     font-size: 16px;
    height: 100%;
    margin: 0;
    padding: 0;
    background-color: #fff;
}

.btn-primary{
    background: #2EBAB7 !important;

}
.btn-outline-secondary{
  border: 2px solid rgba(25, 25, 25, 0.2) !important; 
}
.text-dark{
  color: #191919 !important;
}
.text-secondary{
  color: #807D75 !important;
}
.bg-light{
  background:  #F5F5F7 !important;
}
.fs-1{font-size:                43px !important;}
.fs-2{font-size:                32px !important;}
.fs-3{font-size:                26px !important;}
.fs-4{font-size:                20px !important;}
.fs-5{font-size:                18px !important;}
.fs-6{font-size:                16px !important;}
.fs-7{font-size:             0.875rem !important;}
.fs-8{font-size:                 8px !important;}
.form-label{font-size:16px;
    font-style:Medium;
    font-weight:500;
    color: #191919 !important;
}

.logout-btn{
  margin-top:-2rem !important ;
}  

.loader { position: fixed; background-color: rgba(0, 0, 0, 0.3); width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; z-index: 999999999; }
.loader_over_modal { position: fixed; background-color: rgba(0, 0, 0, 0.3); width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; z-index: 999999999; }
.spinner { transform: translate(-50%, -50%); top: 50%; left: 50%; position: absolute; }
.spinner-grow { width: 4rem; height: 4rem; }