html {
  font-size: $font-base-rem;
}
.flex{
  display: flex;
}
.gap{
  gap: 15px;
}
.gap-30{
  gap: 30px;
}
.gap-5{
  gap: 5px;
}
.gap-10{
  gap: 10px;
}
.gap-20{
  gap: 20px;
}
.flex-1{
  flex:1;
}
.flex-row{
  flex-direction: row;
}
.flex-row-r{
  flex-direction: row-reverse;
}
.flex-col{
  flex-direction: column;
}
.flex-wrap{
  flex-wrap: wrap;
}
.items-center{
  align-items: center;
}
.items-start{
  align-items: flex-start;
}
.items-end{
  align-items: flex-end;
}
.justify-center{
  justify-content: center;
}
.justify-start{
  justify-content: start;
}
.justify-end{
  justify-content: end;
}
.justify-between{
  justify-content: space-between;
}
.justify-around{
  justify-content: space-around;
}
.w-full{
  width: 100%;
}
.w-100{
  width:100px;
}
.w-200{
  width:200px;
}
.w-250{
  width:250px;
}
.w-300{
  width:300px;
}
.min-h-500{
  min-height:500px;
}
.min-h-300{
  min-height:300px;
}
.h-100{
  height: 100px;
}
.h-200{
  height: 200px;
}
.h-230{
  height: 230px;
}
.h-300{
  height: 300px;
}
.w-50{
  width: 50%;
}
.w-60{
  width: 60%;
}
.w-40{
  width: 40%;
}
.w-45{
  width: 45%;
}
.w-32{
  width: 32.1%;
}
.w-30{
  width: 30%;
}
.m-20-auto{
  margin: 20px auto 0;
}
.mt-30{
  margin-top:30px!important;
}
.mt-15{
  margin-top: 15px!important;
}
.mb-15{
  margin-bottom: 15px!important;
}
.mb-30{
  margin-bottom: 30px!important;
}
.ml-0{
  margin-left:0!important;
}
.ml-15{
  margin-left: 15px!important;
}
.mr-15{
  margin-right: 15px!important;
}
.py-5{
  padding: 5px 0;
}
.px-5{
  padding: 0 5px;
}
.p-15{
  padding: 15px;
}
.p-30{
  padding:30px;
}
.pl-15{
  padding-left:15px;
}
.pl-28{
  padding-left: 28px;
}
.pr-15{
  padding-right:15px;
}
.mt-30{
  margin-top: 30px!important;
}
.m-0{
  margin: 0 0 0 0;
}
.m-0-auto{
  margin: 0 auto 0;
}
.fs-14{
  font-size: 14px;
}
.h-100{
  height:100px;
}
.bg-white{
  background:#fff;
}
.bg-brand{
  background: $brand;
}
.text-white{
  color:white;
}
.text-white-h-gray{
  color:white;
  &:hover{
    color:lightgrey;
  }
}
.text-center{
  text-align:center;
}
.uppercase{
  text-transform: uppercase;
}
.no-decoration{
  text-decoration: none;
}
.bolder{
  font-weight:bolder;
}
.overflow-y-auto{
  overflow-y: auto;
}
.relative{
  position: relative;
}

.pointer{
  cursor: pointer;
}
.develux-hidden{
  display: none!important;
}
.hidden{
  display: none;
}
.develux-err{
  color: red;
}
.develux-blocked{
  position:relative;
  &:before{
    content:'';
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    z-index: 10;
    background: rgba(255,255,255,.5);
  }
}
.develux-first-letter{
  &:first-letter{
    text-transform: capitalize;
  }
}