/* ===================================================== */
/* システム全体の最大幅をFullHDに固定 */
body {
    max-width: 1920px !important;
    background-color: var(--mdb-background) !important;
}
/* ===================================================== */

/* ===================================================== */
/* scrollbar設定 */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
::-webkit-scrollbar-thumb {
    background: var(--mdb-gray-400);
    border-radius: 10px;
}
/* ===================================================== */

/* ===================================================== */
/* Navigation -> Tabメニュー 追加設定(MDB Override) */
.nav-tabs .nav-item:has(.active) .nav-link {
    background: var(--mdb-background);
}
.nav-tabs .nav-item .nav-link:hover {
    background: var(--mdb-hover);
}
.nav-tabs .nav-link.d-flex {
    padding: 0.8em 2.4em 0.9em;
}
/* ===================================================== */

/* ===================================================== */
/* Breadcrumb 追加設定(MDB Override) */
.breadcrumb .breadcrumb-item:nth-child(n + 2) {
    margin-left: 8px;
}
.breadcrumb .breadcrumb-item span:not(.material-symbols-outlined),
.breadcrumb .breadcrumb-item a {
    padding: 4px 16px 4px;
}
.breadcrumb .breadcrumb-item.active span:not(.material-symbols-outlined),
.breadcrumb .breadcrumb-item.active a {
    color: var(--mdb-primary);
    border-bottom: 3px solid var(--mdb-primary);
}
/* ===================================================== */

/* ===================================================== */
/* Dropdowns 追加設定(MDB Override) */
.dropdown .material-symbols-outlined.dropdown-toggle::after {
    display: none;
}
.dropdown .material-symbols-outlined.dropdown-toggle.show {
    background-color: var(--mdb-hover);
}
/* ===================================================== */

/* ===================================================== */
/* Pagination 追加設定(MDB Override) */
nav ul.pagination li.page-item.disabled:not([aria-label]) {
    display: none;
}
nav ul.pagination li.page-item.disabled .page-link {
    background-color: transparent;
}
/* ===================================================== */

/* ===================================================== */
/* DataTable 用設定*/
.data-table tbody tr:hover {
    box-shadow: 0 2px 5px 0 rgba(var(--mdb-black-rgb), 0.25), 0 3px 10px 5px rgba(var(--mdb-black-rgb), 0.05);
}
.data-table thead th span.material-symbols-outlined {
    cursor: pointer;
}
.data-table thead th span.material-symbols-outlined:hover {
    background-color: var(--mdb-hover);
    border-radius: 50%;
}
/* ===================================================== */

/* ===================================================== */
/* 検索フォーム設定 */
.searchForm {
    max-width: 600px;
}
.searchForm input {
    max-width: 490px;
}
/* ===================================================== */

/* ===================================================== */
/* File Upload 設定*/
.custom-file-label input[type='file']::-webkit-file-upload-button {
    display: none;
}
.custom-file-label input[type='file']::file-selector-button {
    display: none;
}
.custom-file-label:hover label {
    cursor: pointer;
}
input::placeholder {
    color: var(--mdb-done) !important;
}
input:disabled::placeholder {
    color: transparent !important;
}
/* ===================================================== */

/* ===================================================== */
/* scrollspy 追加設定(MDB Override) */
.nav-scrollspy .nav-pills .nav-link {
    border-left: 0.125rem solid #d8d8d8;
    border-radius: 0;
}
/* ===================================================== */

/* ===================================================== */
/* Button disabled 追加設定(MDB Override) */
.btn:disabled,
.btn.disabled,
.form-check-input:disabled ~ .form-check-label,
.form-check-input[disabled] ~ .form-check-label,
.form-check-input:disabled,
.nav-link.disabled {
    opacity: 0.4;
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    border: 2px solid var(--mdb-primary);
}
/* ===================================================== */

/* ===================================================== */
/* input type number 追加設定（右寄せ + spin button 常時表示）(MDB Override) */
input.form-control[type="number"]{
    position: relative;
    text-align:right;
    padding-right: 20px;
    &::-webkit-inner-spin-button {
        cursor: pointer;
        opacity: 1 !important;
        position: absolute;
        top: 1px;
        right: 1px;
        height: 92%;
    }
}
/* ===================================================== */

/* ===================================================== */
/* Select2 追加設定 */
span.select2.select2-container:not(.select2-container--focus)
span.select2-selection.select2-selection--multiple:has(li.select2-selection__choice) .select2-search--inline{
    display: none !important;
}
span.select2-selection.select2-selection--multiple li.select2-selection__choice{
    margin-bottom: 0px !important;
}
/* ===================================================== */

/* ===================================================== */
/* Side Nav 各種設定 */

/* Main Area */
.main_area {
    margin-left: 60px !important;
}

/* --------------------------------- */
/* Side Nav 基本設定 */
#sidenav {
    position: fixed;
    top: 51px;
    bottom: 0;
    left: 0;
    z-index: 1000;
    padding: 0;
    min-width: 48px;
    max-width: 48px;
}
#sidenav .sidenav-content {
    position: relative;
    top: 0;
    height: calc(100vh - 50px);
    padding-top: 0;
    overflow-x: hidden;
    overflow-y: hidden;
}
#sidenav .accordion .accordion-button {
    padding: 10px;
    height: 48px;
}

#sidenav .accordion .accordion-button .material-symbols-outlined {
    margin-left: 2px;
}

#sidenav,
#sidenav .accordion-item,
#sidenav .accordion-button {
    background-color: var(--mdb-background);
    box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0.1);
}
#sidenav .accordion .accordion-header .accordion-button:not(.collapsed):not(.display) {
    color: var(--mdb-gray-dark);
}
/* --------------------------------- */

/* --------------------------------- */
/* Side Nav ボタン設定 */
#sidenav .sidenav-btn {
    margin: 15px 5px;
}
#sidenav .sidenav-btn button {
    display: flex !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    width: 2.3125rem;
    height: 2.3125rem;
    border-radius: 50%;
    padding: 8px;
    position: relative;
}
#sidenav .sidenav-btn button span.material-symbols-outlined.admin {
    position: absolute;
    top: 3px;
    left: 8px;
    font-size: 20px;
    -webkit-transform: translate(-50%, -50%) !important;
    transform: translate(-50%, -50%) !important;
    padding: 2px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
}
#sidenav:hover .sidenav-btn button {
    padding: 6.5px 24px;
    width: auto;
    height: auto;
    border-radius: 10rem;
}
/* --------------------------------- */

/* --------------------------------- */
/* Side Nav サブメニュー開閉アイコン設定 */
#sidenav .accordion .accordion-button::after {
    visibility: hidden;
}
#sidenav:hover .accordion .accordion-button.collapse-icon::after {
    visibility: visible;
}
#sidenav .accordion .accordion-header .accordion-button.collapse-icon:not(.collapsed) {
    color: var(--mdb-gray-dark);
}
/* --------------------------------- */

/* --------------------------------- */
/* Side Nav マウスホバー設定 */
#sidenav .hover-area {
    display: none;
    margin-left: 17px;
}
#sidenav:hover .hover-area {
    display: block;
}
#sidenav:hover {
    z-index: 1035;
    max-width: 250px;
}
#sidenav:hover .sidenav-content {
    overflow-y: auto;
}

#sidenav .neo-hover-area {
    display: none;
}
#sidenav .accordion-item:hover .neo-hover-area {
    display: block;
}
/* --------------------------------- */

/* --------------------------------- */
/* Side Nav サブメニュー ツリー表示用設定 */
#sidenav .accordion .accordion-item .accordion-collapse .accordion-button {
    position: relative;

    .submenu-icons,
    .submenu-icons::after {
        position: absolute;
        background-color: var(--mdb-done);
    }

    .submenu-icons {
        left: 23px;
        top: 0;
        width: 2px;
    }

    /* .submenu-icons::after {
        content: "";
        top:23px;
        width:15px;
        height: 2px;
    } */
}
/* --------------------------------- */

/* --------------------------------- */
/* Side Nav リンクメニュー設定 */
#sidenav a {
    font-weight: 500;
    color: var(--mdb-gray-dark);
}
#sidenav a.accordion-button:not(.display):hover {
    background-color: var(--mdb-hover);
}
#sidenav .display,
#sidenav .display a {
    color: var(--mdb-accent);
    font-weight: bold;
}
#sidenav .display {
    background-color: #f6e5d7;
}
#sidenav .accordion .accordion-item .accordion-collapse .accordion-button .hover-area {
    margin-left: 57px;
}
/* --------------------------------- */
/* ===================================================== */