::-webkit-scrollbar {
  width: 8px;
}
/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
} 

body{
  background: #d1d5db;
}

.height{
  height: 100vh;
}

.form{
  position: relative;
}

.form .fa-search{
  position: absolute;
  top:20px;
  left: 20px;
  color: #9ca3af;
}

.form .fa-pencil{
  position: absolute;
  top:20px;
  left: 20px;
  color: #9ca3af;
}

.form span{
  position: absolute;
  right: 17px;
  top: 13px;
  padding: 2px;
  border-left: 1px solid #d1d5db;
}

.left-pan{
  padding-left: 7px;
}

.left-pan i{
  padding-left: 10px;
}

.form-input{
  height: 55px;
  text-indent: 33px;
  border-radius: 10px;
}

.form-input:focus{
  box-shadow: none;
  border:none;
}

::-webkit-scrollbar {
  width: 8px;
}
/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
} 
body {
margin: 0;
font-family: Roboto,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
font-size: .8125rem;
font-weight: 400;
line-height: 1.5385;
color: #333;
text-align: left;
background-color: #f5f5f5;
}

.mt-50{
margin-top: 50px;
}
.mb-50{
margin-bottom: 50px;
}


.bg-teal-400 { 
background-color: #26a69a;
}

a{
text-decoration: none !important;
color: #666;
}


/*.fa {
color: red;
}*/

.media {
  display: flex;
}

em {
  color: #0d6efd
}

.suggestion-item {
  margin: auto;
  margin-left: 3px! important;
}