.search-bar {
    display:block;
 }


 .header {
    height: 55px;
   
    display: flex;
    flex-direction: row;
    justify-content:space-between;

    position:fixed;
    top:0;
    left:0;
    right:0;
    z-index: 100;

    background-color:#ffffff;
    color:#ffffff;
    border-bottom-width: 1px;
    border-style:solid;
    border-bottom-color:#cccccc;
 }

 .left-section {
    display:flex;
    align-items:center;
 }

 .hamburger-menu {
   height:24px;
   margin:0px 20px 0px 24px;
 }

 .youtube-logo {
   height:20px;
 }

 .middle-section {
    flex:1;
    margin-left:70px;
    margin-right:35px;
    max-width:500px;
    display:flex;
    align-items:center;
 }

 .search-bar {
   flex:1;
   height:34px;
   padding-left:10px;
   border-width:1px;
   border-style:solid;
   border-color:#999999;
   border-radius:2px;
   box-shadow:inset 1px 2px 3px rgba(0, 0, 0, 0.05);
   width:0;
 }

 .searcg-bar::placeholder {
   font-family:Roboto, ariel;
   font-size:16px;

 }

 .search-button {
   height:40px;
   width:66px;
   background-color:rgb(240, 240, 240);
   border-width:1px;
   border-style:solid;
   border-color:rgb(192, 192, 192);
   margin-left:-1px;
   margin-right:10px;
 }

 .search-button,
 .vioce-search-button,
 .upload-icon-container {
  display:flex;
  justify-content:center;
  align-items:center;
  position:relative;
 }


 .search-button .tooltip,
 .voice-search-button .tooltip,
 .upload-icon-container .tooltip {
      font-family:Roboto, Arial;
      position:absolute;
      background-color:#333333;
      color:#ffffff;
      font-size:12px;
      padding:4px 8px 4px 8px;
      border-radius:2px;
      bottom: -30px;
      opacity:0;
      transition:opacity 0.15s;
      pointer-events:none;
      white-space:nowrap;
 }

 .search-button:hover .tooltip,
 .voice-search-button:hover .tooltip,
 .upload-icon-container:hover .tooltip {
      opacity:1;
 }

 .search-icon {
   height:25px;

 }

 .voice-search-button {
   height:40px;
   width:40px;
   border-radius:20px;
   border:none;
   background-color:rgb(248, 248, 248);
 }

 .voice-search-icon {
   height:24px;

 }


 .right-section {
   width:180px;
   margin-right:20px;
   display:flex;
   align-items:center;
   justify-content:space-between;
   flex-shrink:0;
 }


.upload-icon {
   height:24px;
}

.youtube-apps-icon {
   height:24px;
}

.notifications-icon {
   height:24px;
}

.notifications-icon-container {
  position:relative;
}

.notifications-count {
  position:absolute;
  top:-2px;
  right:-5px;
  background-color:#ff0000;
  color:#ffffff;
  font-family:Roboto, Arial;
  font-size:11px;
  padding:2px 5px 2px 5px;
  border-radius:10px;
}

.current-user-picture {
    height:32px; 
    border-radius:16px;
}