nav.navbar-client{
    background-color: #0B152c;
}

.navbar-custom-search{
    border: 1px solid #48DD97;
}

.navbar-custom-search::placeholder{
    color: #48DD97;
}

input.navbar-custom-search:focus{
    --tw-ring-color: #48DD97;
    border-color:  #48DD97;
}

.navbar-custom-search-icon{
    color: #48DD97;
}

input#search-navbar{
    color: #48DD97!important;
    border: 1px solid #48DD97!important;
}




div.cart-icon a svg.fill-current{
    fill: #48DD97!important;
}

div.client-dropdown span.client-button-area{
    border: 1px solid #48DD97;
}

div.client-dropdown span.client-button-area button{
    background-color: #0B152c;
    color: #48DD97;
} 

.dropdown-classes-jet{
    background-color: #0B152c!important;

}

div.client-dropdown .dropdown-classes-jet div, div.client-dropdown .dropdown-classes-jet a,  div.client-dropdown .dropdown-classes-jet form{
    color: #48DD97!important;
} 

i.fas.fa-trash{
    color: #48DD97!important;
}

/*Products Page*/

a.category-link{
    color: #48DD97!important;
}

a.category-link:hover{
    color: #0F4C63!important;
}


/*Progress bar test*/

div.notes-container{
    display: flex;
}

ul.progress-bar {
    height: 300px;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
  }
  ul.progress-bar::after {
    content: "";
    position: absolute;
    top: 0;
    left: 5px;
    background: #777;
    width: 5px;
    height: 100vh;
  }
  ul.progress-bar li {
    background: #48DD97;
    border-radius: 100px;
    width: 15px;
    height: 15px;
    z-index: 1;
    position: relative;
  }
  ul.progress-bar li.stop ~ li {
    background: #777;
  }
  ul.progress-bar li.stop ~ li::after {
    height: 0;
  }
  ul.progress-bar li::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 5px;
    background: #48DD97;
    width: 5px;
    height: 100vh;
  }


ul.progress-notes {
    height: 300px;
    list-style: none;
    margin: 0;
    padding: 0;
    padding-left: 10px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
  }
  /* ul.progress-notes::after {
    content: "";
    position: absolute;
    top: 0;
    left: 5px;
    background: #777;
    width: 5px;
    height: 100vh;
  } */
  /* ul.progress-notes li {
    background: #000;
    border-radius: 100px;
    width: 15px;
    height: 15px;
    z-index: 1;
    position: relative;
  }
  ul.progress-notes li.stop ~ li {
    background: #777;
  }
  ul.progress-notes li.stop ~ li::after {
    height: 0;
  } */
  ul.progress-notes li::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 10px;
    width: 5px;
    height: 100vh;
  }

  /*Hide input arrows*/

  /* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none!important;
  margin: 0;
}

/* Firefox */
input[type="number"] {
  -moz-appearance: textfield!important;
}



/*Flex slider*/
.flexslider .slides img{
  height: 20rem;
  width: auto;
  margin: 0 auto;
}

@media only screen and (min-width: 1024px ){
  .flexslider .slides img{
    height: 30rem;
    width: auto;
    margin: 0 auto;
  }
}