.dtr-details,
.childtable {
    width: 100%
}

.right {
    text-align: right;
}

.center {
    text-align: center;
}

.modal-dialog-fluid {
    max-width: inherit;
    width: 98%;
    margin-left: 15px;
}

/* number-input と number-overlap をまとめるコンテナ */
.number-container {
    position: relative;
}

/* カンマ区切りにしたい input 要素 */
.number-input {
    position: relative;
}
    /* 普段は z-index:1 で number-overlap の後ろに居る。色は被ってしまうので transparent */
    .number-input:not(:focus) {
        z-index: 1;
        color: transparent;
    }
    /* フォーカス中は z-index:3 で number-overlap の前に来る。色も戻す */
    .number-input:focus {
        z-index: 3;
        color: #555;
    }

/* number-input に覆い被さる要素。 pointer-events:none でクリックを透過させる */
.number-overlap {
    position: absolute;
    top: 1px;
    left: 0px;
    display: inline-block;
    background: transparent;
    width: 100% !important;
    pointer-events: none;
    z-index: 2;
}