.item {
  @apply  flex items-center justify-start border-b-2 text-2xl pl-3 cursor-pointer;
  min-height: 60px;
  mat-icon{
    @apply text-white mr-3;
  }
  span{
    @apply text-white;
  }
}

.logo_item{
  @apply h-20  flex items-center justify-center text-2xl cursor-pointer bg-gray-900; //relative
  min-height: 60px;
}

.menu_item{
  @apply  flex items-center justify-start border-b-2 text-2xl pl-3 cursor-pointer;
  min-height: 60px;
  background: rgba(25, 195, 249, 0.8802);
}

.dropdown{
  @apply  flex items-center justify-start text-2xl cursor-pointer;
  min-height: 46px;
  background: rgba(25, 195, 249, 0.8802);
}

*:focus {
  outline: 0;
}

.main_container{
  @apply  min-h-screen flex flex-col;
  box-shadow: 4px 0px 4px rgba(0, 0, 0, 0.25);
  background: #576071;
  height:100%;
  min-height:100vh;
}

.iconMenuName {
  display: flex;
  padding-top: 5px;
  padding-bottom: 5px;
  box-sizing: border-box;
  align-items: center;
  position: relative;
  width: 100%;
  color: white;
}

.iconSize{
  padding-right: 12px;
  margin-left: 12px
}

.list_menu {
  list-style: none;
  padding: 0;
  & > div > li {
      outline: none;
      padding: 10px;
      padding-left: 10px;
      margin-left: 20px;
      cursor: pointer;
      color: white;
  }
  & > div:hover:not(.menu_item) {
      // background: rgba(0,0,0,.04);
      width: 100%;
  }
}

.dropdown_menu{
  @apply border-b-2;
}
