.background-lightGreen{background: #FFFFFF}
.background-green{background: #F89D04}
.background-orange{background: #F89D04}
.background-black{background: black}
.background-black-navbar{background: #37373A}
.background-beige{background: linear-gradient(145.49deg, #FAFAFA 0%, #FFFFFF 106.31%)}
.background-grey{background: grey}
.background-light-grey{background: #E2E2E3}
.background-white{background: white;}
.background-clear-blue{background: #E3E7ED}
.background-clear-blue-2{background: #F8FAFD}
.background-clear-green{background: #0F80641A}
.background-clear-red{background: #FF4A671A}
.background-dark-red{background: #FF4A67}

.background-input-box{background: #F5F5F5}


.background-purple{background: #564190}
.background-green-2{background: #32BA7A}
/* .background-red{background: #E33D3D} */

.background-red{background: white}


.background-blue{background: #1E70B9}
.background-orange{background: #F4AC04}
.background-btn-home{background: #0F8064}

.color-dark-green{color: #0F8064}
.color-red{color: #FF4A67}
.color-green{color:#09B52D}
.color-grey{color: #818181}
.color-white{color: white}
.color-checklist{color: #F7C848}
.color-CTA{background: #4285F4}
.color-text-navbar{color: black}
.background-main{background: #F89D04}
.color-black{color: black}
.color-white{color: white};


.inter {font-family: "Inter", sans-serif; font-style: normal}

.cursor-pointer {cursor: pointer;}

a:hover {color: #12C399}
.hover-green:hover {color: #09B52D}
.hover-orange:hover {color: #F89D04}
.autocompte-style-box:hover{color: #09B52D;}

.z-priority{
  z-index: 99999;
}

::placeholder {
  color: black !important;
  font-size: 18px;
}

.circle-red{
    width: 12px;
    height: 12px;
    background:red;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    line-height:20px;
    vertical-align:middle;
    text-align:center;
    color:white; 
    margin-top: 7px;
}

*{
  font-family: 'Inter', sans-serif !important;
}

.selectBox {
  position: relative;
}

.overSelect {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

/* lookup */

.progress-bar{
  width: 50%;
  margin-top: 20px;
  margin-left: 25%;
  margin-bottom: 20px;
  background-color: white;
  border: solid #666 1px ;
  border-radius: 3px;
  overflow: hidden;
}

.progress-bar div{
  width: 1%;
  height: 35px;
  background-color: #0F8064;
}

.html{
  animation: html 10s linear forwards;
}

@keyframes html{
  100%{
    width: 100%;
  }
}

.text-center{text-align: center;}
.font-bold{font-weight: bold;}

.text-20px{
  font-size: 20px;
}

.text-22px{
  font-size: 22px;
}

.pt-50px{
  padding-top: 50px;
}

.py-15px{
  padding: 15px 0 15px 0;
}

.w-50p{
  width: 50%;
}

.h-50px{
  height: 50px;
}

.background-blue{background: #2A6DD8}

.color-white{
  color: white;
}

.uppercase{
  text-transform: uppercase;
}

.rounded-lg{
  border-radius: 5px;
}

@media only screen and (max-width: 1024px) {
  .btn_lookup{
      width: 30%;
      padding: 0;
      border: none;
  } 

  .txt_lookup{
      margin-left: 10%; 
      margin-right: 10%;
  }
}

@media only screen and (min-width: 1025px) {
  .btn_lookup{
  width: 15%;
  padding: 0;
  border: none;
  } 

  .txt_lookup{
      margin-left: auto; 
      margin-right: auto;
  }
}