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

/* /Components/Pages/Index.razor.rz.scp.css */
/* スクロールバーの実装 */
.table_sticky[b-qbliedkkir] {
    display: block;
    overflow-y: scroll;
    height: calc(100vh - 7.0rem - 1.0rem);
    /*height: calc(100vh - 3.5rem - 80px);*/
}

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

.table_sticky tbody tr:hover[b-qbliedkkir] {
    cursor: pointer;
}

/* 吹き出し本体 */
.norecord_balloon[b-qbliedkkir] {
    /*position: relative;*/
    padding: 20px;
    background-color: lightgray;
    /*box-shadow: 0px 0px 10px 0px #a7a7a7;*/ /* 吹き出し本体の影 */
    border-color: transparent;
    border-radius: 10px;
}
/* 三角アイコン */
.norecord_balloon[b-qbliedkkir]:before {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    left: 20px;
    top: -30px;
    border-right: 10px solid transparent;
    border-bottom: 30px solid lightgray;
    border-left: 10px solid transparent;
}
/* /Components/Pages/VehicleList.razor.rz.scp.css */
select.no-arrow[b-t89sytotm2] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: none !important;
}

/*アクティブタブ＋カーソル合わせ hover,focus */
.cell-select-hover:hover[b-t89sytotm2],
.cell-select-hover:focus[b-t89sytotm2] {
    background-color: rgba(0, 0, 0, 0.05) !important;
    border-radius: 4px; /* 角を丸く */
    outline: none;
}

/* 未入力時の yyyy/mm/dd を非表示 */
[b-t89sytotm2] .empty-date::-webkit-datetime-edit {
    color: transparent;
}

[b-t89sytotm2] .empty-date::-webkit-datetime-edit-fields-wrapper {
    color: transparent;
}

[b-t89sytotm2] .empty-date::-webkit-datetime-edit-text,
[b-t89sytotm2] .empty-date::-webkit-datetime-edit-month-field,
[b-t89sytotm2] .empty-date::-webkit-datetime-edit-day-field,
[b-t89sytotm2] .empty-date::-webkit-datetime-edit-year-field {
    color: transparent;
}

[b-t89sytotm2] .empty-date::-webkit-datetime-edit-day-field:focus,
[b-t89sytotm2] .empty-date::-webkit-datetime-edit-month-field:focus,
[b-t89sytotm2] .empty-date::-webkit-datetime-edit-year-field:focus {
    color: transparent;
}

/* スクロールバーの実装 */
.table_sticky[b-t89sytotm2] {
    display: block;
    overflow-y: scroll;
    height: calc(100vh - 7.0rem - 1.0rem);
    /*height: calc(100vh - 3.5rem - 80px);*/
}
    .table_sticky table[b-t89sytotm2] {
        width: max-content;
        white-space: nowrap;
    }

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

        .table_sticky thead th[b-t89sytotm2] {
            top: 0;
            z-index: 1;
            height: 45px;
        }

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

/* テーブル全体とセルの罫線 */
.my-table-border[b-t89sytotm2] {
/*    border: 1px solid #6c757d;*/
    border-left: 1px solid #6c757d;
    border-collapse: separate;
    border-spacing: 0;
}

    /* 各セルの罫線 */
    .my-table-border th[b-t89sytotm2],
    .my-table-border td[b-t89sytotm2] {
        border-right: 1px solid #6c757d;
        border-bottom: 1px solid #6c757d;
    }
    /* 最終列の右側の線 */
        .my-table-border th :last-child[b-t89sytotm2],
        .my-table-border td :last-child[b-t89sytotm2] {
            border-right: none;
        }

/*    トッポボタン*/
.scroll-top-container[b-t89sytotm2] {
    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-t89sytotm2] {
        transform: scale(1) rotate(0deg);
        pointer-events: auto;
    }

    .scroll-top-container.hide[b-t89sytotm2] {
        transform: scale(0) rotate(-120deg);
        pointer-events: none;
        /* 消える時は少し速く */
        transition: transform 0.25s ease-in;
    }