.canvas-container{
    display: table;
}
.canvas-container__left{
    width: 700px;
    display: table-cell;
    vertical-align: top;
}
.canvas-container__right{
    width: 260px;
    display: table-cell;
    padding: 10px ;
    vertical-align: top;
}

#canvas{
    border: 1px solid #ccc;
    margin-top: 5px;
}
.canvas-lb-left{
    width: 60px;
    display: inline-block;
}
.canvas-div-right{
    display: inline-block;
    text-align: right;
}

.canvas-mg-20{
    margin: 20px 0;
}
.form-select,.form-select > select,.form-select-label{
    min-width: 175px;
}
.canvas-2-btn{
    display: table;
    width: 100%;
}
.canvas-2-btn > div{
    width: 50%;
    display: table-cell;
    margin: 10px 0;
    text-align: center;
}
.canvas-2-btn > div > button{
    padding: 5px;
    background-color: blue;
    text-align: center;
    width: 100px;
    color: #fff;
    cursor: pointer;
}
.canvas-2-btn > div > button:hover{
    background-color: #1b1b96;
}
.canvas-btn{
    padding: 5px;
    background-color: blue;
    text-align: center;
    width: 100px;
    color: #fff;
    cursor: pointer;
}
.canvas-btn:hover{
    background-color: #1b1b96;
}
.canvas-mg-50{
    margin: 50px 0;
}
.form-text.form-text-m.canvas-input{
    width: 175px;
}
.canvas-tbl-input{

    border: none;
}
.canvas-tbl-input td{
    border: none;
}
.canvas-tbl-input__td_f{
    width: 40px;
    white-space: nowrap;
}
.canvas-text-right{
    text-align: right;
}
.canvas-tbl-detail{
    width: 100%;
}