.modal-middle {
    /*モーダルウィンドウの縦表示位置を調整*/
    margin: 2% auto;
}

.modal-sm {
    /*モーダルウィンドウの縦表示位置を調整*/
    margin: 15% auto;
}

.modal-img_footer {
    /*表示予定のテキストとボタンを中央揃え*/
    padding: .5em;
    text-align: center;
}

#loading {
    /*loading画面の設定*/
    display: table;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fff;
    opacity: 0.95;
    z-index:3000;
}

#loading .loadingMsg {
    /*loading画面のメッセージと画像設定*/
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding-top: 140px;
    color:orangered;
    background: url("/Content/images/gif-load.gif") center center no-repeat;
}


td.overflow {
    max-width:150px;
    width: 150px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

span.overflow {
    max-width: 120px;
    width: 120px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*.btn{
    min-width:80px;
}*/

.i-horizontal-center {
    display: flex;
    justify-content: center;
}


.tooltip-container {
    position: relative; /* 子要素を絶対位置で配置するための基準 */
    display: inline-block; /* 画像のサイズに合わせる */
}

    .tooltip-container img {
        width: 16px;
        height: 16px;
        cursor: help;
        margin-left: 5px;
    }

    .tooltip-container .tooltip-image-labelline {
        vertical-align: -2px;
    }

    .tooltip-container .tooltip-image-checkboxline {
        vertical-align: -6px;
    }

/* カスタムツールチップのスタイル */
.custom-tooltip {
    /* ▼ フォントサイズなど、ここを自由に変更してください ▼ */
    font-size: 16px; /* フォントサイズを大きくする */
    background-color: #333; /* 背景色 */
    color: #fff; /* 文字色 */

    padding: 8px 12px; /* 内側の余白 */
    border-radius: 6px; /* 角を丸くする */
    /* ▼ 位置の調整と初期状態（非表示）▼ */
    visibility: hidden; /* 最初は非表示 */
    opacity: 0; /* 透明にする */
    transition: opacity 0.3s; /* ふわっと表示するためのアニメーション */
    /*width: 600px;  横幅を固定（必要に応じて調整） */
    max-width: 800px;
    white-space: nowrap;
    position: absolute; /* 親要素を基準に絶対位置を指定 */
    z-index: 999; /* 他の要素より手前に表示 */
    bottom: 120%; /* 親要素（画像）の上側に配置 */
    left: 50%;
    margin-left: -125px; /* 横幅の半分を左にずらして中央揃え */
}

/* 親要素にマウスが乗ったときに、ツールチップを表示する */
.tooltip-container:hover .custom-tooltip {
    visibility: visible;
    opacity: 1;
}