@import '_content/RazorClassLibrary/RazorClassLibrary.mkcv9dot6i.bundle.scp.css';

/* /Components/Pages/Index.razor.rz.scp.css */
/* スクロールバーの実装 */
.item_box[b-kipp5p39j5] {
    border: 1px none gray;
    /*overflow-y: auto;*/
    /*padding: 0px;*/
}

.report_label[b-kipp5p39j5] {
    border: 1px none gray;
    display: block; 
    text-align: left;
    color: black;
}
/* スクロールバーの実装 */
.table_sticky[b-kipp5p39j5] {
    display: block;
    overflow-y: scroll;
    height: calc(100vh - 7.0rem - 1.0rem);
    /*height: calc(100vh - 3.5rem - 80px);*/
}

    /*Position:Stickyを入れて、Headを固定させるとレンダリングがずれて白い背景筋が表示されることがあるため、塗りつぶし必須*/
    .table_sticky thead[b-kipp5p39j5] {
        background-color: #212529; /*#212529*/
        position: sticky;
        top: 0;
        z-index: 1;
    }

        .table_sticky thead th[b-kipp5p39j5] {
            position: sticky;
            top: 0;
            z-index: 1;
        }

    .table_sticky tbody tr:hover[b-kipp5p39j5] {
        cursor: default;
    }

/*    トッポボタン*/
.scroll-top-container[b-kipp5p39j5] {
    position: fixed !important;
    right: 30px !important;
    bottom: 30px !important;
    z-index: 99999 !important;
    /* ボタンの位置は変えない */
    transform-origin: center center;
    /* 最初は小さく、右に回転した状態 */
    transform: scale(0) rotate(-120deg);
    /* 非表示中はクリックできない */
    pointer-events: none;
    /* 動きを滑らかに */
    transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
}
    .scroll-top-container.show[b-kipp5p39j5] {
        transform: scale(1) rotate(0deg);
        pointer-events: auto;
    }

    .scroll-top-container.hide[b-kipp5p39j5] {
        transform: scale(0) rotate(-120deg);
        pointer-events: none;
        /* 消える時は少し速く */
        transition: transform 0.25s ease-in;
    }
/* 検索ボタンを上部に固定 */
.search-header-fixed[b-kipp5p39j5] {
    flex-shrink: 0;
    background-color: white;
    z-index: 10;
    padding: 8px 16px 0;
}
.search-button-fixed[b-kipp5p39j5] {
    position: sticky;
    top: 0;
    flex-shrink: 0;
    width: 100%;
    padding: 8px 4px;
    background-color: white;
    z-index: 10;
    border-bottom: 1px solid #dee2e6;
}
/* 日付範囲：中央配置、上下に余白 */
.date-range-centered[b-kipp5p39j5] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 8px 0 8px;
    border-bottom: 1px solid #dee2e6;
}
/* 固定部分の区切り線 */ 
.search-header-fixed hr[b-kipp5p39j5] {
    margin: 0;
    border-color: #dee2e6;
}
.search-button-fixed hr[b-kipp5p39j5] {
    margin: 0;
    border-color: #dee2e6;
}