/* _content/blazor/Components/CartonBox.razor.rz.scp.css */

.delete-button[b-iif51s8jo1] {
    text-align: center;
    background: #de3535;
    color: white;
    position: absolute;
    border-width: 1px;
    border-color: gray;
    right: 0;
    top: 0;
    width: 2.5rem;
    height: 2.5rem;
    font-size: larger;
}

.quantity-selector[b-iif51s8jo1] {
    text-align: center;
    border: 0;
    width: 2.5rem;
}

.item[b-iif51s8jo1] {
    border: #005cbf;
    height: 80%;
}

select[b-iif51s8jo1] {
    width: 3em;
}

td[b-iif51s8jo1], th[b-iif51s8jo1] {
    text-align: center;
}

.item-list[b-iif51s8jo1] {
    min-height: 280px;
    padding: 2px 0;
}

.bundle-container[b-iif51s8jo1] {
    margin-top: 4px;
    padding: 0;
    text-align: center;
}

.bundle-button[b-iif51s8jo1] {
    text-align: center;
    border-radius: 4px;
    background-color: white;
}

.shipping-fee[b-iif51s8jo1] {
    text-align: center;
    margin: 4px;
}
/* _content/blazor/Components/ExtraFeesView.razor.rz.scp.css */
.extra-fees-container[b-pw8dh3uyko] {
    
}

.extra-fee-row[b-pw8dh3uyko] {
    display: flex;
    height: 30px;
}

.extra-fee-row > input[b-pw8dh3uyko] {
    height: 100%;
}

.delete-button[b-pw8dh3uyko] {
    border: none;
    font-size: large;
    padding-bottom: 2px;
    width: 30px;
}

.delete-button:hover[b-pw8dh3uyko] {
    background: #ff3333;
    color: white;
}

.add-button-container[b-pw8dh3uyko] {
    text-align: center;
}
/* _content/blazor/Components/ItemListItem.razor.rz.scp.css */
.list-item-root[b-d52ex67uu7] {
    list-style: none;
    position: relative;
}

.list-item-content[b-d52ex67uu7] {
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin: 4px;
    cursor: pointer;
}

select[b-d52ex67uu7] {
    border: 0;
    width: 45px;
}
/* カーソルを重ねる要素 */
.item-tooltip[b-d52ex67uu7] {
    position: relative; /* ツールチップの位置の基準に */
    cursor: pointer; /* カーソルを当てたときにポインターに */
}

/* ツールチップのテキスト */
.item-tooltip-text[b-d52ex67uu7] {
    z-index: 1700;
    color: white;
    opacity: 0; /* はじめは隠しておく */
    visibility: hidden; /* はじめは隠しておく */
    position: absolute; /* 絶対配置 */
    left: 100%; /* 親に対して中央配置 */
    display: inline-block;
    padding: 5px; /* 余白 */
    white-space: nowrap; /* テキストを折り返さない */
    font-size: 0.8rem; /* フォントサイズ */
    line-height: 1.3; /* 行間 */
    background: #333; /* 背景色 */
    color: #fff; /* 文字色 */
    border-radius: 3px; /* 角丸 */
    transition: 0.3s ease-in; /* アニメーション */
}

/* ホバー時にツールチップの非表示を解除 */
.item-tooltip:hover .item-tooltip-text[b-d52ex67uu7] {
    opacity: 1;
    visibility: visible;
}