.table td {
    padding: 0.3em !important;
    vertical-align: middle !important;
}
.content-wrapper {
    position: relative !important;
}
body {
    /* font-family: 'Zen Kaku Gothic New', sans-serif !important; */
    font-family: "Noto Sans JP", serif !important;
}
label {
    color: #6e6e6e;
}
ul.pagination {
    margin-bottom: 0px;
}
.content {
    padding: 0.5rem 0.5rem;
}
.wrapper_ {
    padding: 0.5rem 0;
}

.form-group label {
    /* color: #6e6e6e; */
    color: #565fae;
}
.form-group .sex-radio-label {
    color: #ffffff;
}
.action-button-container .btn {
    width: 200px;
    margin-left: 50px;
    margin-right: 50px;
}
.swal2-popup .swal2-actions {
    display: flex;
    justify-content: space-around !important;
    flex-direction: row-reverse;
}

.group_badge {
    background-color: #ffffff;
    border: 1px solid #6c757d;
    color: black;
    display: inline-block;
    padding: 0.25em 0.4em;
    line-height: 1;
    text-align: center;
    border-radius: 0.25rem;
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.3s ease;
}
.group_badge:hover {
    background-color: #6c757d;
    color: white;
}

/** Custom Icon **/
.custom-home-icon {
    width: 25px;
}
.custom-building-icon {
    width: 25px;
    padding-left: 2px;
}
.custom-info-icon {
    margin-right: 3px;
}

::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-track {
    background-color: #ccc;
}
::-webkit-scrollbar-thumb {
    background-color: #aaaaaa;
}
/***************
 クラスバッジ color
************  */
.badge.class-badge {
    color: #ffffff;
    font-size: 0.8rem;
    padding-top: 0.3rem;
    cursor: pointer;
    width: 3rem;
}
.badge.class-badge-mobile {
    color: #ffffff;
    font-size: 1.0rem;
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
    cursor: pointer;
    width: 3rem;
}
/***************
 世帯主バッジ color
************  */
.badge.householdhead-badge {
    background: #ffe0f0;
    color: #c91c7a;
    /* color: #ffffff; */
    font-size: 0.8rem;
    padding-top: 0.3rem;
    /* background-color: rgb(244, 186, 244); */
    font-weight: initial;
}
/* .badge.badge-pill.class-one {
    background-color: #f30707;
}
.badge.badge-pill.class-two {
    background-color: #f36f07;
}
.badge.badge-pill.class-three {
    background-color: #0774f3;
}
.badge.badge-pill.class-four {
    background-color: #00b7d5;
}
.badge.badge-pill.class-five {
    background-color: #05917a;
} */

/***************
 button color
************  */
.btn.btn-teal {
    background-color: #20c997;
    border-color: #20c997;
    color: #ffffff;
    transition: background-color 0.3s ease, border-color 0.3s ease;
}
.btn.btn-teal:hover {
    /* 少し暗めに */
    background-color: #1aae91;
}
/* tealをoutline用 */
.btn.btn-outline-teal {
    background-color: #ffffff;
    border-color: #20c997;
    color: #20c997;
    transition: background-color 0.3s ease, border-color 0.3s ease;
}
.btn.btn-outline-teal:hover {
    background-color: #20c997;
    color: #ffffff;
}

.btn.btn-olive {
    background-color: #3d9970;
    border-color: #3d9970;
    color: #ffffff;
    transition: background-color 0.3s ease, border-color 0.3s ease;
}
.btn.btn-olive:hover {
    /* 少し暗めに */
    background-color: #3a8f64;
}
.btn.btn-outline-olive {
    /* oliveをoutline用 */
    background-color: #ffffff;
    border-color: #3d9970;
    color: #3d9970;
    transition: background-color 0.3s ease, border-color 0.3s ease;
}
.btn.btn-outline-olive:hover {
    background-color: #3d9970;
    color: #ffffff;
}

.btn.btn-maroon {
    background-color: #d81b60;
    border-color: #d81b60;
    color: #ffffff;
    transition: background-color 0.3s ease, border-color 0.3s ease;
}
.btn.btn-maroon:hover {
    /* 少し暗めに */
    background-color: #c21852;
}

.btn.btn-outline-maroon {
    /* maroonをoutline用 */
    background-color: #ffffff;
    border-color: #d81b60;
    color: #d81b60;
    transition: background-color 0.3s ease, border-color 0.3s ease;
}
.btn.btn-outline-maroon:hover {
    background-color: #d81b60;
    color: #ffffff;
}

.btn.btn-outline-purple {
    background-color: #ffffff;
    border-color: #6f42c1;
    color: #6f42c1;
    transition: background-color 0.3s ease, border-color 0.3s ease;
}
.btn.btn-outline-purple:hover {
    background-color: #6f42c1;
    color: #ffffff;
}

.btn.btn-outline-gray {
    background-color: #ffffff !important;
    border-color: #6c757d;
    color: #6c757d !important;
    transition: background-color 0.3s ease, border-color 0.3s ease;
}
.btn.btn-outline-gray:hover {
    background-color: #6c757d;
    color: #ffffff;
}

.btn.btn-modal-ok {
    background-color: #7066e0;
    border-color: #7066e0;
    color: #ffffff;
}
.btn.btn-modal-ok :hover {
    background-color: #7066e0;
    border-color: #7066e0;
    color: #ffffff;
}

.btn-outline-info {
    background-color: #ffffff;
}

/* テキストボックス内へ表示するアイコン */
.icon-input {
    background-size: 16px !important;
    padding-left: 35px;
}
.icon-input.icon-user {
    background: url("../img/icons-user.png") no-repeat 8px center !important;
}
.icon-input.icon-group {
    background: url("../img/icons-groups.png") no-repeat 8px center !important;
    padding-left: 40px !important;
}
.icon-input.icon-location {
    background: url("../img/icons-address.png") no-repeat 8px center !important;
}
.icon-input.icon-level {
    background: url("../img/icons-level.png") no-repeat 8px center !important;
}

/* マルチセレクトボックスのスタイル変更 */
.select2-container--default .select2-selection--multiple {
    border: 1px solid #ced4da !important;
}
.select2-search__field::placeholder {
    color: #939393 !important;
}
/* .select2 .select2-container .select2-container--default{
    width: 100%!important;
}
.select2 .select2-container .select2-container--default .select2-container--below {
    width: 100%!important;
} */

/* ローディングアイコン */
.spinner-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    /* 薄い黒背景 */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    /* 最上層に表示 */
}

.spinner-border {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 3rem;
    height: 3rem;
    border: 0.25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: spinner-border 0.75s linear infinite;
}


/* モバイル版：ページネーション表示 */
@media (max-width: 991.98px) {
    /* 本文がバーに隠れないようマージンを追加 */
    .wrapper {
        padding-bottom: 80px; /* アクションバーの高さ分 */
    }
}

/* サイドバーの背景色をカスタマイズ */
[class*="sidebar-dark-"] {
    background-color: #212529 !important;
}

/* AdminLTE CSS変数の上書き */
:root {
    --gray-dark: #212529;
    --dark: #212529;
}

/* ダークモード用の調整 */
.dark-mode [class*="sidebar-dark-"] {
    background-color: #212529 !important;
}