@charset "utf-8";

html{
    height: 100%;
}
body{
    font-family: "Helvetica Neue",
      Arial,
      "Hiragino Kaku Gothic ProN",
      "Hiragino Sans",
      "BIZ UDPGothic",
      Meiryo,
      sans-serif;
    height: 100%;
    background-color: #f8f9fa!important;
}
.navbar{
    background-color: #fff!important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}
.sidenav {
    background-image: linear-gradient(135deg, #3b6991 0%, #2a1242 100%);
}
.sidenav .logo{
    font-weight: 900;
    font-size: 1.25rem;
    text-align: center;
}
.sidenav, .sidenav a, .sidenav .btn{
    color: #fff;
    text-decoration: none;
}
/* アニメーション */
main{
    transition: 0.3s all ease;
}

/*ログイン*/
#login{
    color: #6e6e6e;
    padding: 10px 0;
}
#login .card {
    margin: 10px auto 0;
    border: none;;
}
#login h2 {
    font-size: 3rem;
    color: #6e6e6e;
    text-align: center;
    margin-bottom: 1em;
}
#login .system-logo {
    text-align: center;
}
#login .system-logo img {
    max-width: 255px;
}
#login .form-control{
    color: #6e6e6e;
}