/*
    vendor以下のデザインは、外部CSSで上書き
*/
/* ヘッダナビゲーション内ボタン */
.main-header.navbar .nav-link{
    display: flex;
    align-items: center;
}
/* サイドバーの色 */
.sidebar-dark-primary {
    background: linear-gradient(#192d47, #131d28) !important;
}
/* サイドバーのタイトル */
.sidebar-dark-primary .brand-link{
    border: none !important;
    background: transparent !important;
    padding: 16px;
    transition: filter 0.3s ease, width 0.3s ease-in-out;
}
/* サイドバーのタイトル（マウスオーバー） */
.sidebar-dark-primary .brand-link:hover{
    filter: brightness(1.5);
}
/* サイドバーのタイトルテキスト */
.sidebar-dark-primary .brand-link .brand-text{
    letter-spacing: 2px !important;
    color: #7080AD !important;
    font-size: 1.0rem !important;
}
/* サイドバーのタイトルロゴ */
.sidebar-dark-primary .brand-link .brand-image{
    width: 20px !important;
}
/* サイドバーのメニュー項目 */
.main-sidebar .nav-link{
    padding: 0.5rem !important;
}
/* サイドバーのメニュー項目（アクティブ） */
.main-sidebar .nav-link.active{
    box-shadow: none !important;
    background: transparent !important;
}
/* サイドバーのサブメニュー項目 */
.main-sidebar .nav-treeview .nav-item .nav-link{
    text-indent: 8px;
}
/* サイドバーのサブメニュー項目（アクティブ） */
.main-sidebar .nav-treeview .nav-item .nav-link.active{
    background-color: rgba(255,255,255,0.1) !important;
    color: #FFF !important;
    font-weight: bold !important;
}
/* サイドバーのメニュー項目アイコン */
.main-sidebar .nav-link i{
    width: 24px !important;
    text-align: center !important;
}
/* サイドバーのメニュー項目テキスト */
.main-sidebar .nav-link p{
    margin-left: 6px !important;
}