#jsonStr, #regeStr {
    border: 2px dashed #666;
    margin: 20px;
    padding: 10px;
    font-family: "Arial";
}


div.editable {
    width: 300px;
    height: 200px;
    border: 1px solid #ccc;
    padding: 5px;
}


#dv-background
{
    opacity:0.3;
    filter:alpha(opacity=30);
    width:100%;
    height:100%;
    background-color:#000000;
    position: fixed;
    top: 1px;
    z-index: 2000;
}

.margin-top-10 {
    margin-top: 10px;
}

.input-group-text {
    width: 120px;
}

h4 {
    margin-bottom: 20px;
}

.card-header {
    padding: 10px;
    cursor: pointer;
}

.card-header:hover {
    background-color: rgba(0, 0, 0, 0.07);
    cursor: pointer;
}

.card-body .row {
    margin-top: 0px;
}

.card-body .row .col-sm-12, .card-body .row .col-sm-6 {
    margin-top: 3px;
}

.font16 {
    font-size: 16px;
}

.font60 {
    font-size: 60px;
    font-weight: bold;
    line-height: 48px;
}

.currency_bay {
    vertical-align: top;
    margin-left: 10px;
}

.margin20 {
    margin-bottom: 20px;
}

.label_bay {
    font-size: 14px;
    line-height: 9px;
    color: #777777;
}

.value_bay {
    font-size: 20px;
}

.table th, .table td {
    border-top: 0px;
}

.btn_cancel {
    background-color: #000000;
    color: #FFFFFF;
    padding: 10px 40px 10px 40px;
    border: 0px;
}

.btn_paynow {
    border: 0px;
    padding: 10px 40px 10px 40px;
    background-color: #ffc516;
    margin-left: 20px;
}

.bay_title {
    padding: 20px;
    background-color: #f5e7bd;
}