/* フッター非表示対応 */
.wrapper {
    height: 0px;
}

.content-wrapper {
    padding-bottom: 0px;
}

/* login-pageのベースカラー */
.login-page {
    background-color: #1f4d78;
}

.login-logo {
    color: #ffffff;
}

.login-page h1 {
    color: #ffffff;
}

/* Navbarの背景色 */
.navbar {
    background-color: #1f4d78;
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: #ffffff;
}

.navbar-light .navbar-nav .nav-link {
    color: rgb(255, 255, 255);
}

.navbar-light .navbar-nav .nav-link:hover {
    color: rgba(255, 255, 255, .5);
}

/* Sidebarの最上部 */
.layout-navbar-fixed .wrapper .sidebar-dark-primary
.brand-link:not([class*=navbar]) {
    background-color: #1f4d78;
}

[class*=sidebar-dar] .brand-link {
    color: #ffffff;
}

/* Sidebar */
.main-sidebar {
    background-color: #1f4d78;
}

[class*=sidebar-dark-] .sidebar a {
    color: #ffffff;
}


/* メニューヘッダー領域 */
.menuBoxHeader {
    border: 3px solid rgb(210,240,244);
    padding: 10px;
    min-height: 220px;
    justify-content: space-evenly;
}

/* メニュー選択領域 */
.menuBox {
    justify-content: space-evenly;
    width: 100%;
}
/* メニューアイコン */
.menuIcon {
    display: block;
    padding: 3px;
    border: 3px solid rgb(0,0,0,0);
}

.menuIcon img {
    /* width: 100px; */
    height: 150px;
}

.menuIcon [name="label"] {
    text-align: center;
    color: black;
}

.menuIcon:hover {
    border: 3px solid rgb(37,140,251);
}

/* メニューアイコン科目名 */
.menuIconSubject {
    position: relative;
    top: -75px;
    color: white;
    height: 0px;
    text-align: center;
}

/* お知らせ領域 */
.menuInfoArea {
    border: 3px solid rgb(209,211,225);
}

/* お知らせヘッダー */
.menuInfoHeader {
    background-color: rgb(209,211,225);
}

/* お知らせ内容 */
.menuContent {
    min-height: 50px;
}

/* 検索条件のラベル */
.search-cond-label {
    display: inline-block;
    text-align: center;
}

/* 検索条件の値 */
.search-cond-value {
    display: inline-block;
}

/* 検索条件の後ろ */
.search-cond-tail {
    display: inline-block;
}

/* ファイルドロップヘッダー部 */
.drop-box-header {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 0px;
    padding-bottom: 0px;
}

.drop-box-header-item {
    display: flex;
}

/* ファイルドロップ全体範囲 */
.drop-box-area {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 0px;
    padding-bottom: 0px;
}

/* ファイルドロップ一覧 */
.drop-box-list {
    display: flex;
    flex-direction: column;
    min-height: 200px;
    padding: 10px;
}

/* ファイルドロップ一覧内のTOP */
.drop-box-top {
    height: 20px;
    margin-bottom: 10px;
}

/* ファイルドロップ一覧内のMIDDLE */
.drop-box-middle {
    flex: 1;
    overflow: auto;
    margin: 10px;
}

/* ファイルドロップ一覧内のBOTTOM */
.drop-box-bottom {
    display: block;
    height: 40px;
    text-align: right;
}

/* ファイルドロップエラー領域全体範囲 */
.drop-box-err-area {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

/* ファイルドロップエラー領域 */
.drop-box-err {
    border: 1px solid black;
    min-height: 30px;
}

/* ファイルドロップファイル名領域 */
.drop-box-file-name {
    display: inline-block;
    text-align: left;
    border: 1px solid black;
    border: 0;
}

/* ファイルドロップ取消ボタン */
.delButton {
    font-size: 18px;
    background-color: #dc3545;
    color: #fff;
    border: 1px solid #dc3545;
    border-radius: 5px;
    margin-left: 10px;
    margin-bottom: 4px;
    padding: 5px 8px;
}

/* エラー時の赤い枠 */
.border-red {
    border: 1px solid red;
}

/* 正常時の黒い枠 */
.border-black {
    border: 1px solid black;
}

/* プルダウンラベル用 */
.pullLabel {
    top: 7px;
}

/* 一覧のヘッダー領域 */
#result thead .editArea {
}

/* 一覧の編集領域 */
#result tbody .editArea {
}

/* 一覧のヘッダーは上下中央寄せ */
.table thead th {
    vertical-align: middle;
}

/* 一覧の編集BOX */
.editBox {
    width: 100%;
}

/* 一覧のチェックボックス */
.listCheckbox {
    transform: scale(1.4);
}

/* ポータルボタン */
.portalButton {
    margin: 3px;
    padding: 0px;
    border-radius: 12px;
    box-shadow: 2px 2px 2px 2px rgba(209,211,213,0.7);
    cursor: pointer;
    border: 2px solid rgba(198, 198, 198, 1);
}

.portalButton:hover {
    border: 2px solid rgb(37,140,251);
    margin: 3px;
}

.portalButtonInner {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    border-radius: 12px;
    background-color: #ffffff;
    width: 350px;
    height: 250px;
    position: relative;
}

.portalButtonTextUp {
    font-size: 18px;
    font-weight: bold;
}

.portalButtonTextDown {
    font-size: 14px;
}

/* CBTボタン共通 */
.cbtBtn {
    min-width: 100px;
}

/* ReadOnlyフィールド */
.readonlyInput {
    background-color: #e9ecef;
    border-radius: .25rem;
    border: 1px solid #ced4da;
    height: 38px;
}

/* メニュー画面の登録要請 */
.menuRegistRequest {
    position: absolute;
    background: rgb(91,155,213);
    padding: 10px;
    text-align: left;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    z-index: 1052;
}

.menuRegistRequest:after {
    border: solid transparent;
    content: '';
    height: 0;
    width: 0;
    pointer-events: none;
    position: absolute;
    border-color: rgba(0, 153, 255, 0);
    border-top-width: 15px;
    border-bottom-width: 15px;
    border-left-width: 32px;
    border-right-width: 32px;
    margin-top: -15px;
    border-right-color: rgb(91,155,213);
    right: 100%;
    top: 50%;
    z-index: 1052;
}

/* 検索、出力ボタン */
.btn-search {
    color: #fff;
    background-color: #00A098;
    border-color: #00A098;
    box-shadow: none;
}

.btn-search:hover {
    color: #fff;
    background-color: #007a74;
    border-color: #006d68;
}

/* 削除ボタン */
.btn-delete {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
    box-shadow: none;
}

.btn-delete:hover {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130;
}

/* 登録・編集ボタン */
.btn-register {
    color: #fff;
    background-color: #1F4D76;
    border-color: #1F4D76;
    box-shadow: none;
}

.btn-register:hover {
    color: #fff;
    background-color: #173958;
    border-color: #14334e;
}

/* 戻るボタン */
.btn-back {
    color: #fff;
    background-color: #595757;
    box-shadow: none;
}

.btn-back:hover {
    color: #fff;
    background-color: #2d2c2c;
}

/* 公開・一括公開トグルボタン */
.btn-publish {
    color: #ffffff;
    background-color: #ff9700;
    border-color: #ff9700;
}

.btn-publish:hover {
    color: #ffffff;
    background-color: #e0a800;
    border-color: #d39e00;
}

/* モーダルダイアログのヘッダー */
.modal-header {
    border-bottom: none;
}

/* モーダルダイアログのフッター */
.modal-footer {
    border-top: none;
}

/* モーダルダイアログのOKボタン */
.btn-ok {
    background-color: #00a098;
    border-color: #00a098;
    color: #ffffff;
}

.btn-ok:hover {
    background-color: #007a74;
    border-color: #006d68;
    color: #ffffff;
}

/* モーダルダイアログのCancelボタン */
.btn-cancel {
    background-color: #dc3545;
    border-color: #dc3545;
    color: #ffffff;
}

.btn-cancel:hover {
    background-color: #c82333;
    border-color: #bd2130;
    color: #ffffff;
}

/* 検索条件 */
.searchArea {
    background-color: #d2dbe4;
}

.card-primary .card-header.searchArea {
    background-color: #d2dbe4;
    color: #000;
    cursor: pointer;
}

/* 一覧ヘッダー */
#result thead th, #resultHeader {
    background-color: #d2dbe4;
}

/* 長い文字列の折り返し */
.wordBreakBreakAll {
    word-break: break-all;
}

/* ハンバーガーメニュー全体領域 */
.hamburger-nav {
    position: absolute;
    top: 18px;
    right: 10px;
    width: 100px;
}

/* ハンバーガーメニュー部分 */
.hamburger-menu {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 20px;
    cursor: pointer;
    position: relative;
    left: 68px;
    transition: transform 0.3s;
}

/* ハンバーガーメニュー内のメニューアイテム */
.menuGroup {
    display: none;
    background-color: #fff;
    position: relative;
    top: 20px;
    right: 40px;
    list-style: none;
    width: 150%;
    border-radius: 8px;
}

/* ハンバーガーメニュー内のメニュー項目のスタイル */
.menuGroup li {
    position: relative;
    left: -40px;
    padding: 10px 20px;
    width: 150%;
}

/* ハンバーガーメニュー内のメニュー文字列 */
.menuGroup a {
    color: #000;
    font-size: 14px;
    text-decoration: none;
}

.menuGroup a:hover {
    color: rgba(0, 0, 0, .5);
}

/* ハンバーガーメニュークリック時 */
.active + .menuGroup {
    display: block;
}

/* ページャの配色変更 */
.page-item.active .page-link {
    background-color: #1F4D76;
    border-color: #1F4D76;
}

.page-link {
    color: #1F4D76;
}

.itemUnit {
    background-color: #ddebf7;
    border: 2px solid rgba(0, 0, 0, .125);
    border-bottom: 3px solid rgba(0, 0, 0, .2);
    width: 70%;
    border-radius: .25rem;
    cursor: pointer;
    min-height: 69px;
}

.itemUnit a {
    display: block;
}

.study-result {
    font-weight: bold;
}