/* style.css */
body{
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #555;
}
#ccHeaderArea, #ccCenterArea, #ccLeftArea, #ccRightArea {
    background-color: #f9f9ff;
}

/* header */
.navbar.bg-dark.navbar-dark {
    background-color: rgba(0, 38, 112, 0.8) !important;
    border-color: #37538C;
}
/* link */
a {
    color: #37538C;
    text-decoration: none;
}
a:hover, a:focus {
    color: #303362;
    text-decoration: underline;
}
.btn-success {
    color: #fff;
    background-color: #62A9ED;
    border-color: #62A9ED;
}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success {
    color: #fff;
    background-color: #308EC8;
    border-color: #308EC8;
}
.btn-primary {
    color: #fff;
    background-color: #37538C;
    border-color: #37538C;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #303362;
    border-color: #303362;
}

/* ヘッダー用 横メニュー */
.nav-tabs.nav-justified {
    border: 0;
}
.nav-tabs .nav-link {
    color: #303362;
    padding: 8px 15px 8px 25px;
    text-align: left;
    margin-bottom: 0;
    border-bottom: solid 1px #dee2e6;
}
.nav-tabs .nav-link:focus, 
.nav-tabs .nav-link:hover {
    background-color: #eeeeee;
}
.nav-tabs .nav-link.active {
    background-color: transparent;
}


/* サイド用 縦メニュー(パネル風) */
#ccLeftArea .plugin-menus .card-body {
    padding: 0;
}
.plugin-menus .list-group {
    border-radius: 0;
    display: unset;
}
.plugin-menus .list-group a.list-group-item {
        width: 50%;
        height: 75px;
        padding: 0 5px;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        float: left;
        border:0;
        text-decoration: none;
}
.plugin-menus .list-group a.list-group-item > i,
.plugin-menus .list-group a.list-group-item .px-2 {
    display: none;
}
.plugin-menus .list-group a.list-group-item:hover {
    background-color: #f0f0f0;
}
.plugin-menus .list-group a.list-group-item.active {
    color: #fff;
    background-color: #37538C;
    border-color: #37538C;
}

/* heading */
/* 各種フレーム用 */
h1.card-header, h1.card-header:first-child {
    font-size: 16px;
    font-weight: bold;
    color: #333333;
    background: #dae8ff;
    border: none;
    border-radius: 0;
}
.card {
    border: none;
    border-color: #97C1E5;
}