#react-autowhatever-1{
  max-height: 300px;
  overflow: auto;
  width: 121.5%;
  
}
.react-autosuggest__suggestions-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  outline:none;
  position: relative;
  color: #fff;
  border-radius: 0px 0px 5px 5px;
  border: 1px solid #56606a;
  border-top: none;
}
#react-autowhatever-1::-webkit-scrollbar {
  width: 5px;
}
#react-autowhatever-1::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
#react-autowhatever-1::-webkit-scrollbar-thumb {
  background: #888; 
}  
.react-autosuggest__input--focused
{
  color: #555; 
  border: 1px solid #ccc;
}
.sugg-option {
  display: flex;
}
.icon-wrap img {
  width: 50px;
  margin-right: 10px;
}
.react-autosuggest__input
{
  display: block;
  width: 100%;
  height: 38px;
  padding: 6px 12px;
  font-size: 14px;
  /* line-height: 1.42857143; */
  /* color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc; */
  background-color: #3f474e;
  border: 1px solid #56606a;
  color: #fff;
  outline: none;
  border-radius: 5px 0px 0px 5px;
}
.react-autosuggest__input--open
{
  display: block;
  width: 100%;
  height: 38px;
  padding: 8px 12px;
  font-size: 14px;
  /* line-height: 1.42857143; */
  /* color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc; */
  background-color: #3f474e;
  border: 1px solid #56606a;
  color: #fff;
}
.react-autosuggest__suggestion
{
  display: block;
  padding: 0.75rem 1.25rem;
  position: relative;
  background-color:#454d55;
}
.react-autosuggest__input::placeholder{
color:white;
}
.react-autosuggest__suggestions-list li{
border: 1px solid #56606a;
word-break: break-all;
}
.react-autosuggest__suggestion--highlighted
{
  z-index: 2;
  color: #fff;
  background-color:#656c72;
  border-color: #007bff;
  position: relative;
}
.react-autosuggest__input--open
{
color: #fff;
border-radius:5px 0px 0px 0px

}
.react-autosuggest__input--focused
{
color: #fff;

}
.button-style{
background-color: #3f474e !important ;
border: 1px solid #56606a !important;
color: #fff !important;
border-left: none !important;

/* margin-right: 10px; */
width: 40px;
text-align: center;
border-radius: 0px 5px 5px 0px !important;
}
.proxyBox{
background-color: #3f474e;
border: 1px solid #56606a;
color: #fff;
margin-bottom: 10px;
padding: 7px;
border-radius: 5px;
cursor: pointer;
}
.sidebar-collapse .showhideElement{
display: none;
}
.sidebar-collapse.sidebar-mini .main-sidebar:hover:not(.sidebar-no-expand) .showhideElement{
  display: block; 
}
.sidebarNav{
position: fixed;
top:178px
}
.sidebarNavHovered{
  position: auto;
  top:178px;
  margin-top: 0.5rem;
}
.sidebarNavNoProxy{
  position: auto;
  top:178px;
  margin-top: 0.5rem;
}
.sidebar-collapse.sidebar-mini .main-sidebar:hover:not(.sidebar-no-expand) .sidebarNav{
position: fixed;
top:178px
}
.sidebar-collapse .sidebarNav{
top:140px
}
.sidebarNav1{
position: fixed;
top:225px
}
.sidebar-collapse .sidebarNav1{
top:140px
}
.sidebar-collapse.sidebar-mini .main-sidebar:hover:not(.sidebar-no-expand) .sidebarNav1{
position: fixed;
top:225px
}
.proxyBox1{
background-color: #3f474e;
border: 1px solid #56606a;
color: #fff;
margin-bottom: 10px;
padding: 7px;
border-radius: 5px;
cursor: pointer;
}
.layout-navbar-fixed.sidebar-mini.sidebar-collapse .wrapper .mini-side-bar{
width: none !important;
}

.react-autosuggest__suggestions-list li{
word-break: break-word;
}
.current-role-name{
  width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.current-role-name:hover{
white-space: normal;
/* word-break: break-all; */
}