html, body{
  min-height: 100%;
  height: 100%;
}

body{
  display: flex;
}

[v-cloak] {
  display: none;
}

#admin{
  flex:1;
  display: flex;
  
  .content{
    flex:1;
  }

  .tabs{
    ul{
      margin-right: 0;
      margin-left: 0;
    }
    
    li{
      margin-top: 4px;
    }

    a {
      // border-bottom-width: 1px;
      // margin-bottom: -1px;
      text-decoration: none;
    }    
  }  

  button .icon{
    margin-right: 5px;
  }

  a.button.disabled{
    opacity: 0.5;
    pointer-events: none;
    cursor: default;
  }

  .icon{
    cursor: pointer;    
  }

  .pageLoading{
    color: $color1;
    background-color: transparent;
    height: 250px;

    .icon{
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: transparent;
      height: 100%;
      width: 100%;
      i{
        font-size: 5rem;
      }
    }
  }
}



@media screen and (max-width: 1024px){
  #admin{
    .tabs{
      ul{
        flex-direction: column;
      }
    }  
  }
}