.fg-admin-panel-option {
  position: relative;

  display: flex;
  align-items: center;

  height: 50px;

  padding-left: 15px;

  cursor: pointer;
  color: #C1C1C1;
  border-bottom: 1px solid #696B77;
  background-color: #5B5D68;

  transition: all .4s ease;
}

.fg-admin-panel-option:last-of-type {
  border-bottom: none;
}

.fg-admin-panel-option:hover,
.fg-admin-panel-option--active {
  color: #FFFFFF;
  background-color: #565863;
}

.fg-admin-panel-option-checkmark {
  position: absolute;
  top: 15px;
  right: 15px;
  opacity: .7;

  padding: 0;

  color: #C1C1C1;
  cursor: pointer;

  font-size: 20px;
}

.fg-admin-panel-option-checkmark--active {
  opacity: 1;

  color: #08b58e;
}

.fg-admin-panel-option.ng-hide {
  height: 0 !important;
  transition: all .4s ease;
}

.fg-admin-panel-option.ng-hide > .fg-admin-panel-option-title,
.fg-admin-panel-option.ng-hide > .fg-admin-panel-option-checkmark {
  line-height: 0 !important;
  opacity: 0 !important;
}

.fg-admin-panel-option-checkmark,
.fg-admin-panel-option-title {
  transition: all .4s ease;
}