/* Set padding to keep content from hitting the edges */
/*.body-content {
    margin-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
}*/

/* Override the default bootstrap behavior... */
/*.dl-horizontal dt {
    white-space: normal;
}*/

/* Set width on the form input elements... */
/*input,
select,
textarea {
    max-width: 280px;
}*/

.navbar-logo {
    height: 55px; /* お好みで調整 */
    width: auto;
}

/* ナビバー（上部）：より暗い紺 */
.navbar {
    background-color: #1a2832 !important;
    border-bottom: 2px solid #df691a; /* オレンジの下線でアクセント */
}

/* サイドバー：少し明るい紺 */
.sidebar {
    min-height: calc(100vh - 56px);
    background-color: #34495e;
    padding-top: 20px;
}

    /* サイドバーのリンク色 */
    .sidebar .nav-link {
        color: #ebebeb; /* 明るい文字 */
        padding: 10px 20px;
        border-left: 3px solid transparent;
    }

        /* ホバー時 */
        .sidebar .nav-link:hover {
            background-color: #4e5d6c;
            border-left-color: #df691a; /* オレンジのライン */
            padding-left: 25px; /* 少し右にずれる演出 */
        }

        /* アクティブ状態（選択中のメニュー） */
        .sidebar .nav-link.active {
            background-color: #df691a;
            color: white;
            border-left-color: white;
        }

/* ===== 必須項目の表示 ===== */
/* 必須バッジ */
.badge-required {
    background-color: #df691a;
    color: white;
    font-size: 0.7rem;
    padding: 0.25em 0.5em;
    border-radius: 0.25rem;
    margin-left: 5px;
    vertical-align: middle;
}
/* 必須項目の入力欄に左ライン */
input[required].form-control,
textarea[required].form-control,
select[required].form-select {
    border-left: 5px solid #df691a;
}