.sidebar {
  //
  //
  //
  .header{
    background: $sidebar_bgc;
    padding: 20px 0;
  }

  //
  // logout button
  //

  .user-action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;

    .user {
      color: $logo-second-color;
      margin-right: 15px;
    }
  }
}

//
// logo settings
//
.codrops {
  fill: $logo-main-color;
  color: $logo-second-color;
}

.logo {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  letter-spacing: .01em;
  overflow: hidden;
  position: relative;

  .app-name {
    text-align: center;
    margin: 3px 0 4px;


    span:nth-child(1) {
      color: $logo-second-color;
      font-size: 1.1em;
      display: inline-block;
      -webkit-transition: all 450ms  ease;
      transition: all 450ms  ease;
      cursor: pointer;
      width: 15px;
      text-align: right;
    }

    span:nth-child(2) {
      color:  $logo-main-color;
      font-size: 1.3em;
    }
  }
  &:hover{
    .app-name span:nth-child(1) {
      -webkit-transform: rotate(1050deg);
      transform: rotate(1050deg);
    }
  }
}
