.dashborad-menu {
  background: #455b74; }
  .dashborad-menu .uireact-menu-item {
    color: #fff;
    font-weight: 600; }
    .dashborad-menu .uireact-menu-item.has-child {
      flex-direction: column;
      align-items: stretch; }
  .dashborad-menu .uireact-menu-hover {
    color: #F4D03F; }
  .dashborad-menu .uireact-menu-sub {
    position: relative;
    left: 0;
    background: #4f6783;
    border: none; }
    .dashborad-menu .uireact-menu-sub .uireact-menu-item {
      color: #bcc2d1; }
      .dashborad-menu .uireact-menu-sub .uireact-menu-item:hover {
        color: inherit; }
    .dashborad-menu .uireact-menu-sub .uireact-menu-sub {
      position: absolute;
      left: auto;
      right: -100%;
      background: #4f6783;
      border: none;
      margin: 0;
      width: 100%;
      border: 1px solid #455b74; }
  .dashborad-menu .uireact-menu-click > .uireact-menu-sub {
    display: block; }

/* arrow */
.has-child > .uireact-menu-label > .uireact-menu-icon:after {
  font-family: "Ionicons";
  font-size: 10px;
  content: "\F125"; }

/* only first level */
.horizontal > .has-child > .uireact-menu-label > .uireact-menu-icon:after {
  content: "\F123"; }