/* ----------------------- */
/* ----- Scroll Bar ----- */
/* ----------------------- */
#scrollbar{
    overflow-y: scroll;
    height: 550px;
  }
  
  /* width */
  ::-webkit-scrollbar {
  width: 20px;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
  background: #262626; 
  }
  
  /* Handle */
  ::-webkit-scrollbar-thumb {
  background: #343a40; 
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
  background: #1acabc; 
  }
  
  ::-webkit-scrollbar-button:single-button {
    background-color: rgb(0, 0, 0);
    display: block;
    border-style: solid;
    height: 20px;
    width: 15px;
  }
  
  /* Up */
  ::-webkit-scrollbar-button:single-button:vertical:decrement {
  border-width: 10px 10px 10px 10px;
  border-color: transparent transparent #ffffff transparent;
  }
  
  ::-webkit-scrollbar-button:single-button:vertical:decrement:hover {
  border-color: transparent transparent #ffffff transparent;
  }
  
  /* Down */
  ::-webkit-scrollbar-button:single-button:vertical:increment {
  border-width: 10px 10px 10px 10px;
  border-color: #ffffff transparent transparent transparent;
  }
  
  ::-webkit-scrollbar-button:vertical:single-button:increment:hover {
  border-color: #ffffff transparent transparent transparent;
  }
  /* ======================= */
  /* ======================= */