.develux{
  .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%;
  }
  .f-14{
    font-size:14px;
  }

  .w-100 {
    width: 100px;
  }

  .w-200 {
    width: 200px;
  }

  .w-250 {
    width: 250px;
  }

  .w-300 {
    width: 300px;
  }

  .min-h-500 {
    min-height: 500px;
  }
  .min-h-250 {
    min-height: 250px;
  }
  .min-h-200 {
    min-height: 200px;
  }
  .min-h-300 {
    min-height: 300px;
  }

  .h-full {
    height: 100%;
  }

  .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%;
  }
  .w-25{
    width: 25%;
  }
  .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;
  }
  .ml-15 {
    margin-left: 15px !important;
  }

  .mr-15 {
    margin-right: 15px !important;
  }

  .py-5 {
    padding: 5px 0;
  }
  .py-15{
    padding: 15px 0;
  }
  .py-30{
    padding: 30px 0;
  }
  .pb-30{
    padding-bottom:30px;
  }
  .px-5 {
    padding: 0 5px;
  }
  .p-10{
    padding:10px;
  }
  .p-15 {
    padding: 15px;
  }

  .p-30 {
    padding: 30px;
  }

  .pl-15 {
    padding-left: 15px;
  }

  .pr-15 {
    padding-right: 15px;
  }

  .pl-28 {
    padding-left: 28px;
  }
  .pl-30 {
    padding-left: 28px;
  }
  .pr-30 {
    padding-right: 28px;
  }
  .pt-30{
    padding-top:30px;
  }

  .mt-30 {
    margin-top: 30px;
  }

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

  .m-0-auto {
    margin: 0 auto 0;
  }
  .m-30-auto {
    margin: 30px 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, .c-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;
  }
}