#sidebar {
  position: fixed;
  top: 17%; /* set top disini */
  -webkit-transition: all 0.5s;
  transition: all 0.5s; }
  #sidebar[data-position="right"] {
    right: -270px; }
    #sidebar[data-position="right"].open {
      -webkit-transform: translate3d(-270px, 0, 0);
      transform: translate3d(-270px, 0, 0); }
    #sidebar[data-position="right"] .icons {
      float: left; }
  #sidebar[data-position="left"] {
    left: -270px; }
    #sidebar[data-position="left"].open {
      -webkit-transform: translate3d(270px, 0, 0);
      transform: translate3d(270px, 0, 0); }
    #sidebar[data-position="left"] .icons {
      float: right; }
  #sidebar .icons {
    width: 50px;
    float: left;
    min-height: 1px; }
    #sidebar .icons .icon {
      background-color: #014288; /* set warna disini */
      margin-bottom: 5px; }
      #sidebar .icons .icon:hover {
        background-color: #014288; } /* set warna disini */
      #sidebar .icons .icon:last-child {
        margin-bottom: 0px; }
      #sidebar .icons .icon.active {
        background-color: #014288; } /* set warna disini */
      #sidebar .icons .icon span {
        margin: 0.34em;
        color: white;
        font-size: 1.5em; }
      #sidebar .icons .icon img {
        width: 40px;
        margin: 5px; }
  #sidebar .contents {
    width: 270px; /* set lebar disini */
    height: 195px; /* set tinggi disini */
    float: left;
    background-color: #014288; /* set warna disini */
    overflow-y: auto;
    overflow-x: hidden; }
    #sidebar .contents .content {
      padding: 5px 25px 25px 25px;
      color: white; 
	  margin-top:-15px;}
      #sidebar .contents .content.hide {
        display: none; }
      #sidebar .contents .content.show {
        display: block; }
      #sidebar .contents .content h3 {
        color: white; }
      #sidebar .contents .content ul {
        list-style-type: none;
        padding: 0;
        margin-top: 10px; }
        #sidebar .contents .content ul li {
          margin-bottom: 15px; }
          #sidebar .contents .content ul li:last-child {
            margin-bottom: 0px; }
      #sidebar .contents .content img {
        max-width: 100%; }

/*# sourceMappingURL=sidebar.css.map */