:host ::ng-deep .vertical .nav-pills{
    float: left;
      border-bottom: 0;
      border-radius: 0;
      display: table;
  }
  /* .nav-link {
    display: block;
    padding: 0.5rem 1rem;
  }*/
  :host ::ng-deep .dropdownicon .nav-item i {
    margin-left: 3.5rem;
  }

  :host ::ng-deep .icon .nav-item i {
    margin-right: 3.5rem;
  }

  :host ::ng-deep .ml-1.badge-success {
    margin-left: 4rem !important;
  }
  :host ::ng-deep .badge-warning {
    margin-left: 0rem !important;

  }
  :host ::ng-deep .badge-warning.badge-glow {
    margin-right: 1.8rem !important;

  }
  :host ::ng-deep .nav .nav-item .nav-link {
    display : -webkit-inline-box;
    display : -webkit-inline-flex;
    display :    -moz-inline-box;
    display : -ms-inline-flexbox;
  }
  :host ::ng-deep .nav .nav-item i {
    -webkit-align-self : center;
    -ms-flex-item-align : center;
            align-self : center;
  }
  :host ::ng-deep .nav .dropdown-divider {
    margin : 0.5rem 0;
  }
  :host ::ng-deep .nav .modern-nav-toggle {
    padding : 25px 0;
  }
  :host ::ng-deep .nav.nav-pills .nav-item .nav-link i.float-right:before {
    position : relative;
    top : 7px;
    left : 7px;
  }
  :host ::ng-deep .nav.nav-pills .nav-item .nav-link .badge.float-right {
    position : relative;
    top : 1px;
    left : 3px;
  }
  :host ::ng-deep .nav.nav-pills .nav-item .nav-link.dropdown-toggle::after {
    top : -1px;
  }
  :host ::ng-deep .nav.nav-pills.nav-justified {
    width : 100%;
  }
  :host ::ng-deep .nav.nav-pills.nav-justified .nav-item {
    float : none;
  }
  :host ::ng-deep .nav.nav-pills.nav-justified .nav-link {
    text-align : center;
    margin-bottom : 5px;
  }
  :host ::ng-deep .nav.nav-pills.nav-justified > .dropdown .dropdown-menu {
    top : auto;
    left : auto;
  }
  @media (min-width: 576px) {
    :host ::ng-deep .nav.nav-pills.nav-justified .nav-item {
      display : table-cell;
      /* width : 1%; */
    }
    :host ::ng-deep .nav.nav-pills.nav-justified .nav-link {
      margin-bottom : 0;
    }
  }
  :host ::ng-deep .nav.nav-pills.nav-justified .nav-link {
    margin-right : 0;
    border-radius : 0.25rem;
  }
  @media (min-width: 576px) {
    :host ::ng-deep .nav.nav-pills.nav-justified .nav-link.active, .nav.nav-pills.nav-justified .nav-link.active:hover, .nav.nav-pills.nav-justified .nav-link.active:focus {
      border-bottom-color : transparent;
    }
  }
  /* :host ::ng-deep .nav.nav-pills.nav-justified .nav-link {
    display : -webkit-box;
  } */
  :host ::ng-deep .nav.nav-pills.nav-justified .nav-link.active {
    border : none;
  }
  :host ::ng-deep .nav.nav-pills.nav-justified .nav-link.active:hover, .nav.nav-pills.nav-justified .nav-link.active:focus {
    border : none;
  }
  :host ::ng-deep .nav.nav-pills.nav-pill-bordered .nav-item {
    border : 1px solid #D3D3D3;
    border-radius : 0.25rem;
  }
  :host ::ng-deep .nav.nav-pills.nav-pill-with-active-bordered .nav-item a.nav-link {
    border : 1px solid #D3D3D3;
    border-radius : 0.25rem;
    background-color : #FFFFFF;
    color : #55595C;
  }
  :host ::ng-deep .nav.nav-pills.nav-pill-with-active-bordered .nav-item a.nav-link.active {
    border : 1px solid #666EE8;
    color : #666EE8;
  }
  :host ::ng-deep .nav.nav-pills.nav-active-bordered-pill .nav-item a.nav-link {
    color : #55595C;
  }
  :host ::ng-deep .nav.nav-pills.nav-active-bordered-pill .nav-item a.nav-link.active {
    border : 1px solid #666EE8;
    border-radius : 0.25rem;
    color : #666EE8;
    background-color : #FFFFFF;
  }
  :host ::ng-deep .nav.nav-pills.nav-pill-toolbar.nav-stacked .nav-item ~ .nav-item a.nav-link {
    border-left : 1px solid #D3D3D3;
    border-top : 0;
  }
  :host ::ng-deep .nav.nav-pills.nav-pill-toolbar.nav-stacked .nav-item:first-child a.nav-link {

    border-radius : 0.25rem 0.25rem 0 0;

  }
  :host ::ng-deep .card {
    margin-bottom: 1.875rem;
    border: none;
    -webkit-box-shadow: 0 1px 15px 1px rgba(62, 57, 107, .07);
    box-shadow: 0 1px 15px 1px rgba(62, 57, 107, .07);
}
:host ::ng-deep .nav {
  border-radius: .25rem;
  margin-bottom: 12px;
}
