.w3-sidebar{
  height:100%;
  width:200px;
  background-color:#fff;
  position:fixed!important;
  z-index:1;
  overflow:auto;
  right:0;
  top: 6%;
  height: auto;
  min-height: 50%;
  max-height: 80%;
  display: none;
  overflow: scroll;
}

.w3-card{
  box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
}
.w3-animate-right{
  position:relative;
  animation:animateright 0.4s
}
@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}

.w3-bar-block .w3-bar-item{
  width:90%;
  display:block;
  padding:8px 16px;
  text-align:left;
  border:none;
  white-space:normal;
  float:none;outline:0;
  color: rgb(0, 0, 0);
  border-bottom: solid thin rgba(0, 0, 0, 0.125);
}
.w3-bar-block .w3-bar-item:hover{
  background: #ddd;
  cursor: pointer;
}
.w3-bar-block .w3-bar-item:last-child:not(.side-bar-input-search){
  margin-bottom: 5rem;
}
.w3-bar-block .w3-bar-item b{
  color: #00a5e1;
}
.w3-button{
  border:none;
  display:inline-block;
  padding:8px 16px;
  vertical-align:middle;
  overflow:hidden;
  text-decoration:none;
  color:inherit;
  background-color:inherit;
  text-align:center;
  cursor:pointer;
  white-space:nowrap;
}
.w3-button{
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -khtml-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
}
.w3-disabled,.w3-button:disabled{
  cursor:not-allowed;
  opacity:0.3;
}.w3-disabled *,:disabled *{pointer-events:none}

.toggle-search-bar {
  position: absolute;
  top: 51%;
  right: 0rem;
  border: 2px red solid;
  color: black;
  background: #00a5e1;
  text-align: center;
  box-sizing: border-box;
  padding: 1rem;
  border-radius: 2rem 0 0 2rem;
  display: flex;
  z-index: 1;
  cursor: pointer;
  height: 3rem;
}
.toggle-search-bar .align-middle {
  font-size: 0.95rem;
  font-weight: bold;
  vertical-align: middle;
  text-transform: uppercase;
  margin-top: 1px;
}
.toggle-search-bar i {
  margin-top: -2px;
}
.search-side-bar-expand{
  display: block;
  width: 30%;
  position: absolute !important;
}
.search-side-bar-button{
  right: 30%;
  animation:animateright 0.2s
}
.side-bar-form-container{
  margin: 1rem;
}
.side-bar-input-search{
  width:90%;
  display:block;
  padding:8px 16px;
  text-align:left;
  border:none;
  white-space:normal;
  float:none;outline:0;
  color: rgb(0, 0, 0);
  border-bottom: solid thin rgba(0, 0, 0, 0.125);
}
@media only screen and (max-width: 1080px) {
  .toggle-search-bar{
    top: 61%;
  }
  .w3-sidebar{
    top: 11%;
  }
}