#visual-developer-quick-access-container {

  > h2 {
    color         : #ffffff;
    font-family   : "Raleway",sans-serif;
    font-size     : 1.2em;
    text-align    : center;
    font-weight   : normal;
    padding       : 10px 0;
  }

  #visual-developer-quick-access-selections-container {
    &::-webkit-scrollbar {
      width: 2px;
    }
    &::-webkit-scrollbar-thumb {
      background-color: #191A1E;
      outline: 1px solid #191A1E;
    }

    > .visual-developer-quick-access-group-container {

      > h3 {
        font-family : "Raleway",sans-serif;
        font-size   : 15px;
        font-weight : 300;
        padding     : 5px 10px;
        background  : #25262A;
        color       : #FFFFFF;
      }

      > ul.visual-developer-quick-access-group-elements-container {

        > li {
          font-family : "Raleway",sans-serif;
          padding     : 3px 10px;
          font-size   : 12px;
          width       : 100%;
          cursor      : pointer;
          color       : #FFFFFF;

          &:hover {
            background : #4299BB;
          }
        }
      }
    }
  }
}

body {
  .visual-developer-quick-access-highlight-selection  {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgb(102, 175, 233) !important;
    
    &:hover {
      cursor: pointer;
    }
  }
}

#wpadminbar, #visual-developer-panel {
  .visual-developer-quick-access-highlight-selection  {
    box-shadow: none !important;
  }
}