@import '_content/Toolbelt.Blazor.SplitContainer/Toolbelt.Blazor.SplitContainer.bundle.scp.css';
@import '_content/HeroAccRazorLibs/HeroAccRazorLibs.bundle.scp.css';

/* _content/BlazorAccApp/Pages/AddressFIeldValue.razor.rz.scp.css */
.edit-address-box[b-1g9ftz72vi] {
    background-color: #EEEEEE;
    border-radius: 4px;
    border-style: solid;
    border-color: #868B8E;
    border-width: 1px;
    padding: 0px;
    margin-top: -4px;
    white-space: nowrap;
    flex-flow: row nowrap;
    display: flex;
    height: 25px;
    width: 550px;
}
/* _content/BlazorAccApp/Pages/Admin/BranchPage.razor.rz.scp.css */
.product-pic[b-4vo04ypdvn] {
    height: 200px;
    width: 200px;
    min-height: 200px;
    min-width: 200px;
    border-radius: 4px;
    border-width: 2px;
    border-color: #5f5707;
    border-style: solid;
}
/* _content/BlazorAccApp/Pages/Admin/DocProvRightPopup.razor.rz.scp.css */
/* Create two unequal columns that floats next to each other */
.column[b-g7cakyipmp] {
    float: left;
    padding: 10px;
    height: 300px; /* Should be removed. Only for demonstration */
}

.left[b-g7cakyipmp] {
    width: 50%;
}


.right[b-g7cakyipmp] {
    width: 50%;
}

/* Clear floats after the columns */
.row[b-g7cakyipmp]:after {
    content: "";
    display: table;
    clear: both;
}

.total[b-g7cakyipmp]{
    background-color:#96b7cf;
    height:60px;
    width:40%;
    text-align:right;
    border-radius:8px;
    border-color:#808080;
    border-width:2px;
    border-style:solid;
}
    .total .caption[b-g7cakyipmp] {
    }

    .total .value[b-g7cakyipmp] {
        font-weight:bold;
        font-size:x-large;
    }

.remain[b-g7cakyipmp] {
    background-color: #ffd800;
    height: 60px;
    width: 40%;
    text-align: right;
    border-radius: 8px;
    border-color: #808080;
    border-width: 2px;
    border-style: solid;
    margin-left:10px;
}

    .remain .caption[b-g7cakyipmp] {
    }

    .remain .value[b-g7cakyipmp] {
        font-weight: bold;
        font-size: x-large;
    }
/* _content/BlazorAccApp/Pages/Admin/UserPage.razor.rz.scp.css */
.product-pic[b-hg5k3igwfo] {
    height: 200px;
    width: 200px;
    min-height: 200px;
    min-width: 200px;
    border-radius: 4px;
    border-width: 2px;
    border-color: #5f5707;
    border-style: solid;
}
/* _content/BlazorAccApp/Pages/APWTaxGroupPage.razor.rz.scp.css */
.criteria-panel[b-jnw4ntj652] {
    padding: 10px;
    margin: 0px; 
    background-color: #202e4b; 
}

.main[b-jnw4ntj652]{
    padding:0px;
}

.title[b-jnw4ntj652] {
    font-weight: bold;
    font-size: medium;
    margin-right: 10px;
    color: white;
}
/* _content/BlazorAccApp/Pages/Bank/BankBookPage.razor.rz.scp.css */
.product-pic[b-xgeqksdsas] {
    height: 200px;
    width: 200px;
    min-height: 200px;
    min-width: 200px;
    border-radius: 4px;
    border-width: 2px;
    border-color: #5f5707;
    border-style: solid;
}
/* _content/BlazorAccApp/Pages/BillSummaryValue.razor.rz.scp.css */
.edit-debtamount-box[b-icc6fc7o9w] {
    background-color: #e4e969;
    border-radius: 4px;
    border-style: solid;
    border-color: #868B8E;
    border-width: 1px;
    padding: 0px;
    margin-top: 0px;
    white-space: nowrap;
    flex-flow: row nowrap;
    display: flex;
    height: 29px;
}

.edit-debtamount-text[b-icc6fc7o9w] {
    margin-left: 1px;
    margin-top: 2px;
    margin-right: 2px;
    width: 100%;
    text-align: end;
    color: #ff4600;
    font-weight: bold;
    font-size: large;
}
/* _content/BlazorAccApp/Pages/CashOnlyFieldValue.razor.rz.scp.css */
.edit-cashonly-box[b-dk27pgin5d] {
    background-color: #f2ebf7;
    border-radius: 4px;
    border-style: solid;
    border-color: #868B8E;
    border-width: 1px;
    padding: 0px;
    margin-top: 0px;
    white-space: nowrap;
    flex-flow: row nowrap;
    display: flex;
    height: 29px;
}

.edit-cashonly-text[b-dk27pgin5d] {
    margin-left: 1px;
    margin-top: 1px;
    margin-right: 2px;
    width: 100%;
    text-align: start;
    color: #ff4600;
    font-weight: normal;
    font-size: medium;
}
/* _content/BlazorAccApp/Pages/DebtFieldValue.razor.rz.scp.css */
.edit-debtamount-box[b-v77zfd7l9f] {
    background-color: #e4e969;
    border-radius: 4px;
    border-style: solid;
    border-color: #868B8E;
    border-width: 1px;
    padding: 0px;
    margin-top: 0px;
    white-space: nowrap;
    flex-flow: row nowrap;
    display: flex;
    height: 29px;
}

.edit-debtamount-text[b-v77zfd7l9f] {
    margin-left: 1px;
    margin-top: 2px;
    margin-right: 2px;
    width: 100%;
    text-align: end;
    color: #ff4600;
    font-weight: bold;
    font-size: large;
}
/* _content/BlazorAccApp/Pages/Files/ColorStateMasterPage.razor.rz.scp.css */
.criteria-panel[b-n50rox5haz] {
    padding: 10px;
    margin: 0px; 
    background-color: #202e4b; 
}

.main[b-n50rox5haz]{
    padding:0px;
}

.title[b-n50rox5haz] {
    font-weight: bold;
    font-size: medium;
    margin-right: 10px;
    color: white;
}
/* _content/BlazorAccApp/Pages/Files/CreditTypePage.razor.rz.scp.css */
.criteria-panel[b-6dw8yehk9q] {
    padding: 10px;
    margin: 0px; 
    background-color: #202e4b; 
}

.main[b-6dw8yehk9q]{
    padding:0px;
}

.title[b-6dw8yehk9q] {
    font-weight: bold;
    font-size: medium;
    margin-right: 10px;
    color: white;
}
/* _content/BlazorAccApp/Pages/Files/CurrencyPage.razor.rz.scp.css */
.criteria-panel[b-8v3w1p7jjw] {
    padding: 10px;
    margin: 0px; 
    background-color: #202e4b; 
}

.main[b-8v3w1p7jjw]{
    padding:0px;
}

.title[b-8v3w1p7jjw] {
    font-weight: bold;
    font-size: medium;
    margin-right: 10px;
    color: white;
}
/* _content/BlazorAccApp/Pages/Files/IncomeTypePage.razor.rz.scp.css */
.criteria-panel[b-zr328n3xqt] {
    padding: 10px;
    margin: 0px; 
    background-color: #202e4b; 
}

.main[b-zr328n3xqt]{
    padding:0px;
}

.title[b-zr328n3xqt] {
    font-weight: bold;
    font-size: medium;
    margin-right: 10px;
    color: white;
}
/* _content/BlazorAccApp/Pages/Files/MasterPage.razor.rz.scp.css */
.criteria-panel[b-rpvomadopx] {
    padding: 10px;
    margin: 0px; 
    background-color: #202e4b; 
}

.main[b-rpvomadopx]{
    padding:0px;
}

.title[b-rpvomadopx] {
    font-weight: bold;
    font-size: medium;
    margin-right: 10px;
    color: white;
}
/* _content/BlazorAccApp/Pages/GL/BalanceSheetPage.razor.rz.scp.css */
/* _content/BlazorAccApp/Pages/GL/GLChartPage.razor.rz.scp.css */
.criteria-panel[b-apdfk8sump] {
    padding: 10px;
    margin: 0px; 
    background-color: #202e4b; 
}

.main[b-apdfk8sump] {
    padding: 0px;
    overflow-y: hidden !important;
    overflow-x: hidden !important;
}

.chart[b-apdfk8sump] {
    overflow-y: auto !important;
    overflow-x: auto !important;
    height: calc(100vh - 100px);
    background-color: #ffffff;
}

.title[b-apdfk8sump] {
    font-weight: bold;
    font-size: medium;
    margin-right: 10px;
    color: white;
}
/* _content/BlazorAccApp/Pages/GL/GLStdPostPage.razor.rz.scp.css */
.criteria-panel[b-w95rlluoxc] {
    padding: 10px;
    margin: 0px; 
    background-color: #202e4b; 
}

.main[b-w95rlluoxc] {
    padding: 0px;
    overflow-y: hidden !important;
    overflow-x: hidden !important;
}

.grid[b-w95rlluoxc] {
    overflow-y: auto !important;
    overflow-x: auto !important;
    height: calc(100vh - 100px);
    background-color: #ffffff;
}

.title[b-w95rlluoxc] {
    font-weight: bold;
    font-size: medium;
    margin-right: 10px;
    color: white;
}
/* _content/BlazorAccApp/Pages/GL/PrintTaxPage.razor.rz.scp.css */
/* _content/BlazorAccApp/Pages/GL/ProfitLossSheetPage.razor.rz.scp.css */
/* _content/BlazorAccApp/Pages/LoginPage.razor.rz.scp.css */
.undo[b-rfh4dlzbyq] {
    width: 16px;
    height: 16px;
    background-image: url("../images/undo.svg");
    margin: 0 8px 0 0;
}

.redo[b-rfh4dlzbyq] {
    width: 16px;
    height: 16px;
    background-image: url("../images/redo.svg");
    margin: 0 0 0 8px;
}
/* _content/BlazorAccApp/Pages/PH/DepositRefPopup.razor.rz.scp.css */
/* Create two unequal columns that floats next to each other */
.column[b-nyw5u1ivva] {
    float: left;
    padding: 10px;
    height: 300px; /* Should be removed. Only for demonstration */
}

.left[b-nyw5u1ivva] {
    width: 50%;
}


.right[b-nyw5u1ivva] {
    width: 50%;
}

/* Clear floats after the columns */
.row[b-nyw5u1ivva]:after {
    content: "";
    display: table;
    clear: both;
}

.total[b-nyw5u1ivva]{
    background-color:#96b7cf;
    height:60px;
    width:40%;
    text-align:right;
    border-radius:8px;
    border-color:#808080;
    border-width:2px;
    border-style:solid;
}
    .total .caption[b-nyw5u1ivva] {
    }

    .total .value[b-nyw5u1ivva] {
        font-weight:bold;
        font-size:x-large;
    }

.remain[b-nyw5u1ivva] {
    background-color: #ffd800;
    height: 60px;
    width: 40%;
    text-align: right;
    border-radius: 8px;
    border-color: #808080;
    border-width: 2px;
    border-style: solid;
    margin-left:10px;
}

    .remain .caption[b-nyw5u1ivva] {
    }

    .remain .value[b-nyw5u1ivva] {
        font-weight: bold;
        font-size: x-large;
    }
/* _content/BlazorAccApp/Pages/PH/PHBillSmallHeader.razor.rz.scp.css */
.main-page-body-firsttime[b-eu80ykmkxk] {
    padding: 15px;
    background-color: #f5edc1;
    border-radius: 10px;
    border-style: solid;
    border-color: #f50000;
    border-width: 2px;
    width: 550px;
}

    .main-page-body-firsttime span[b-eu80ykmkxk] {
        font-size: 16px;
        color: #9b3737;
    }

    .main-page-body-firsttime .first_bttn[b-eu80ykmkxk] {
        border-width: 2px;
        border-style: solid;
        border-color: #808080;
        background-color: #dbdbdb;
        color: black;
        border-radius: 4px;
        padding-top: 6px;
        padding-left: 6px;
        padding-right: 6px;
    }
/* _content/BlazorAccApp/Pages/PH/VendorPage.razor.rz.scp.css */
.product-pic[b-14r8q6we4k] {
    height: 200px;
    width: 200px;
    min-height: 200px;
    min-width: 200px;
    border-radius: 4px;
    border-width: 2px;
    border-color: #5f5707;
    border-style: solid;
}
/* _content/BlazorAccApp/Pages/PH/WTaxPopup.razor.rz.scp.css */
/* Create two unequal columns that floats next to each other */
.column[b-gcvriw5buf] {
    float: left;
    padding: 10px;
    height: 300px; /* Should be removed. Only for demonstration */
}

.left[b-gcvriw5buf] {
    width: 50%;
}


.right[b-gcvriw5buf] {
    width: 50%;
}

/* Clear floats after the columns */
.row[b-gcvriw5buf]:after {
    content: "";
    display: table;
    clear: both;
}

.total[b-gcvriw5buf]{
    background-color:#96b7cf;
    height:60px;
    width:40%;
    text-align:right;
    border-radius:8px;
    border-color:#808080;
    border-width:2px;
    border-style:solid;
}
    .total .caption[b-gcvriw5buf] {
    }

    .total .value[b-gcvriw5buf] {
        font-weight:bold;
        font-size:x-large;
    }

.remain[b-gcvriw5buf] {
    background-color: #ffd800;
    height: 60px;
    width: 40%;
    text-align: right;
    border-radius: 8px;
    border-color: #808080;
    border-width: 2px;
    border-style: solid;
    margin-left:10px;
}

    .remain .caption[b-gcvriw5buf] {
    }

    .remain .value[b-gcvriw5buf] {
        font-weight: bold;
        font-size: x-large;
    }
/* _content/BlazorAccApp/Pages/Sales/CustomerPage.razor.rz.scp.css */
.product-pic[b-n6sd4qash2] {
    height: 200px;
    width: 200px;
    min-height: 200px;
    min-width: 200px;
    border-radius: 4px;
    border-width: 2px;
    border-color: #5f5707;
    border-style: solid;
}
/* _content/BlazorAccApp/Pages/Sales/DepositRefPopup.razor.rz.scp.css */
/* Create two unequal columns that floats next to each other */
.column[b-sbj1pm0eyz] {
    float: left;
    padding: 10px;
    height: 300px; /* Should be removed. Only for demonstration */
}

.left[b-sbj1pm0eyz] {
    width: 50%;
}


.right[b-sbj1pm0eyz] {
    width: 50%;
}

/* Clear floats after the columns */
.row[b-sbj1pm0eyz]:after {
    content: "";
    display: table;
    clear: both;
}

.total[b-sbj1pm0eyz]{
    background-color:#96b7cf;
    height:60px;
    width:40%;
    text-align:right;
    border-radius:8px;
    border-color:#808080;
    border-width:2px;
    border-style:solid;
}
    .total .caption[b-sbj1pm0eyz] {
    }

    .total .value[b-sbj1pm0eyz] {
        font-weight:bold;
        font-size:x-large;
    }

.remain[b-sbj1pm0eyz] {
    background-color: #ffd800;
    height: 60px;
    width: 40%;
    text-align: right;
    border-radius: 8px;
    border-color: #808080;
    border-width: 2px;
    border-style: solid;
    margin-left:10px;
}

    .remain .caption[b-sbj1pm0eyz] {
    }

    .remain .value[b-sbj1pm0eyz] {
        font-weight: bold;
        font-size: x-large;
    }
/* _content/BlazorAccApp/Pages/Sales/SALBillSmallHeader.razor.rz.scp.css */
.main-page-body-firsttime[b-tfr4vq687e] {
    padding: 15px;
    background-color: #f5edc1;
    border-radius: 10px;
    border-style: solid;
    border-color: #f50000;
    border-width: 2px;
    width: 550px;
}

    .main-page-body-firsttime span[b-tfr4vq687e] {
        font-size: 16px;
        color: #9b3737;
    }

    .main-page-body-firsttime .first_bttn[b-tfr4vq687e] {
        border-width: 2px;
        border-style: solid;
        border-color: #808080;
        background-color: #dbdbdb;
        color: black;
        border-radius: 4px;
        padding-top: 6px;
        padding-left: 6px;
        padding-right: 6px;
    }
/* _content/BlazorAccApp/Pages/Sales/WTaxPopup.razor.rz.scp.css */
/* Create two unequal columns that floats next to each other */
.column[b-nnw9fmihqs] {
    float: left;
    padding: 10px;
    height: 300px; /* Should be removed. Only for demonstration */
}

.left[b-nnw9fmihqs] {
    width: 50%;
}


.right[b-nnw9fmihqs] {
    width: 50%;
}

/* Clear floats after the columns */
.row[b-nnw9fmihqs]:after {
    content: "";
    display: table;
    clear: both;
}

.total[b-nnw9fmihqs]{
    background-color:#96b7cf;
    height:60px;
    width:40%;
    text-align:right;
    border-radius:8px;
    border-color:#808080;
    border-width:2px;
    border-style:solid;
}
    .total .caption[b-nnw9fmihqs] {
    }

    .total .value[b-nnw9fmihqs] {
        font-weight:bold;
        font-size:x-large;
    }

.remain[b-nnw9fmihqs] {
    background-color: #ffd800;
    height: 60px;
    width: 40%;
    text-align: right;
    border-radius: 8px;
    border-color: #808080;
    border-width: 2px;
    border-style: solid;
    margin-left:10px;
}

    .remain .caption[b-nnw9fmihqs] {
    }

    .remain .value[b-nnw9fmihqs] {
        font-weight: bold;
        font-size: x-large;
    }
/* _content/BlazorAccApp/Pages/SelMasterRunGroup.razor.rz.scp.css */
.edit-debtamount-box[b-ez2xwzrzhm] {
    background-color: #e4e969;
    border-radius: 4px;
    border-style: solid;
    border-color: #868B8E;
    border-width: 1px;
    padding: 0px;
    margin-top: 0px;
    white-space: nowrap;
    flex-flow: row nowrap;
    display: flex;
    height: 29px;
}

.edit-debtamount-text[b-ez2xwzrzhm] {
    margin-left: 1px;
    margin-top: 2px;
    margin-right: 2px;
    width: 100%;
    text-align: end;
    color: #ff4600;
    font-weight: bold;
    font-size: large;
}
/* _content/BlazorAccApp/Pages/Stock/ExpenseMasterPage.razor.rz.scp.css */
.product-pic[b-vo6s59k9ml] {
    height: 200px;
    width: 200px;
    min-height: 200px;
    min-width: 200px;
    border-radius: 4px;
    border-width: 2px;
    border-color: #5f5707;
    border-style: solid;
}
/* _content/BlazorAccApp/Pages/Stock/IncomeMasterPage.razor.rz.scp.css */
.product-pic[b-6obublzo0x] {
    height: 200px;
    width: 200px;
    min-height: 200px;
    min-width: 200px;
    border-radius: 4px;
    border-width: 2px;
    border-color: #5f5707;
    border-style: solid;
}
/* _content/BlazorAccApp/Pages/Stock/ProductFindWHPopup.razor.rz.scp.css */
.cr-panel[b-09q9l99x6w] {
    display: inline-flex;
    justify-content: center; /* center the content horizontally */
    align-items: end; /* center the content vertically */
    margin-bottom:4px;
}
/* _content/BlazorAccApp/Pages/Stock/ProductPage.razor.rz.scp.css */
.product-pic[b-lc2g99pqqc] {
    height: 200px;
    width: 200px;
    min-height: 200px;
    min-width: 200px;
    border-radius: 4px;
    border-width: 2px;
    border-color: #5f5707;
    border-style: solid;
}
/* _content/BlazorAccApp/Pages/Stock/WarehousePage.razor.rz.scp.css */
.product-pic[b-tu6oz8mo71] {
    height: 200px;
    width: 200px;
    min-height: 200px;
    min-width: 200px;
    border-radius: 4px;
    border-width: 2px;
    border-color: #5f5707;
    border-style: solid;
}
/* _content/BlazorAccApp/Pages/TransFirstWarning.razor.rz.scp.css */
.main-page-body-firsttime[b-5rml394q6b] {
    padding: 15px;
    background-color: #f5edc1;
    border-radius: 10px;
    border-style: solid;
    border-color: #f50000;
    border-width: 2px;
    width: 550px;
}

    .main-page-body-firsttime span[b-5rml394q6b] {
        font-size: 16px;
        color: #9b3737;
    }

    .main-page-body-firsttime .first_bttn[b-5rml394q6b] {
        border-width: 2px;
        border-style: solid;
        border-color: #808080;
        background-color: #dbdbdb;
        color: black;
        border-radius: 4px;
        padding-top: 6px;
        padding-left: 6px;
        padding-right: 6px;
    }
/* _content/BlazorAccApp/Shared/Footer.razor.rz.scp.css */
.footer[b-2zm2jpzrwq] {
    margin: 0px;
    padding: 5px;
    padding-top:20px;
    background-color: #20323d;
    border-radius: 0px;
    border-style: solid;
    border-color: #9775759b;
    border-width: 0px;
    color: white;
}

    .footer .title[b-2zm2jpzrwq] {
        font-weight:bold;
    }
    .footer .details[b-2zm2jpzrwq] {
        font-size:small;
    }
/* _content/BlazorAccApp/Shared/FormToolbar.razor.rz.scp.css */
.toolbar[b-15wj6vc7yo] {
    padding: 0px;
    padding-top: 10px;
    padding-bottom: 5px;
    padding-left: 5px;
    margin: 0px;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #a8b0b7;
    background-color: #1f1d2a;
    display: inline-block;
    white-space: nowrap;
    width: 100%;
}

    .toolbar .title[b-15wj6vc7yo] {
        font-size: 20px;
        font-weight: bold;
        color: #ffd800;
    }
/* _content/BlazorAccApp/Shared/MainLayout.razor.rz.scp.css */
.main[b-ajunwup8dc] {
    padding: 10px;
    background-color: white;
}
/* _content/BlazorAccApp/Shared/NavMenu.razor.rz.scp.css */
.menu-icon[b-oqvggxqat0] {
    width: 1rem;
    height: 1rem;
    min-width: 1rem;
    min-height: 1rem;
    background-size: contain;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background-position: center center;
    background-color: currentColor;
    opacity: 0.7;
}

.menu-icon-home[b-oqvggxqat0] {
    mask-image: url("../images/icons/home.svg");
    -webkit-mask-image: url("../images/icons/home.svg");
}

.menu-icon-support[b-oqvggxqat0] {
    mask-image: url("../images/icons/support.svg");
    -webkit-mask-image: url("../images/icons/support.svg");
}

.menu-icon-products[b-oqvggxqat0] {
    mask-image: url("../images/icons/products.svg");
    -webkit-mask-image: url("../images/icons/products.svg");
}
/* _content/BlazorAccApp/Trans/FindProductPopup.razor.rz.scp.css */
.added-product[b-4r8ory55be]{
    margin-top:20px;
    font-weight:bold;
    color:red;
}
/* _content/BlazorAccApp/Trans/FindProductRightPane.razor.rz.scp.css */
.added-product[b-e8pn3mxs1t]{
    margin-top:20px;
    font-weight:bold;
    color:red;
}

.findProductPane[b-e8pn3mxs1t]{
    padding:4px;
}
 
/* _content/BlazorAccApp/Trans/GLTransPopup.razor.rz.scp.css */
.no-gl-data[b-gqp626h7fc]
{
    font-weight:bold;
    color:red;
}
/* _content/BlazorAccApp/Trans/PayMoneyPopup.razor.rz.scp.css */
/* Create two unequal columns that floats next to each other */
.column[b-th5daooafj] {
    float: left;
    padding: 10px;
    height: 300px; /* Should be removed. Only for demonstration */
}

.left[b-th5daooafj] {
    width: 50%;
}


.right[b-th5daooafj] {
    width: 50%;
}

/* Clear floats after the columns */
.row[b-th5daooafj]:after {
    content: "";
    display: table;
    clear: both;
}

.total[b-th5daooafj]{
    background-color:#c5e0f3;
    height:70px;
    width:40%;
    text-align:right;
    border-radius:8px;
    border-color:#808080;
    border-width:2px;
    border-style:solid;
}
    .total .caption[b-th5daooafj] {
    }

    .total .value[b-th5daooafj] {
        font-weight:bold;
        font-size:x-large;
    }

.remain[b-th5daooafj] {
    background-color: #f7efbf;
    height: 70px;
    width: 40%;
    text-align: right;
    border-radius: 8px;
    border-color: #808080;
    border-width: 2px;
    border-style: solid;
    margin-left:10px;
}

    .remain .caption[b-th5daooafj] {
    }

    .remain .value[b-th5daooafj] {
        font-weight: bold;
        font-size: x-large;
    }
/* _content/BlazorAccApp/Trans/RecMoneyPopup.razor.rz.scp.css */
/* Create two unequal columns that floats next to each other */
.column[b-wulorkcbzb] {
    float: left;
    padding: 10px;
    height: 300px; /* Should be removed. Only for demonstration */
}

.left[b-wulorkcbzb] {
    width: 50%;
}


.right[b-wulorkcbzb] {
    width: 50%;
}

/* Clear floats after the columns */
.row[b-wulorkcbzb]:after {
    content: "";
    display: table;
    clear: both;
}

.total[b-wulorkcbzb]{
    background-color:#c5e0f3;
    height:70px;
    width:40%;
    text-align:right;
    border-radius:8px;
    border-color:#808080;
    border-width:2px;
    border-style:solid;
}
    .total .caption[b-wulorkcbzb] {
    }

    .total .value[b-wulorkcbzb] {
        font-weight:bold;
        font-size:x-large;
    }

.remain[b-wulorkcbzb] {
    background-color: #f7efbf;
    height: 70px;
    width: 40%;
    text-align: right;
    border-radius: 8px;
    border-color: #808080;
    border-width: 2px;
    border-style: solid;
    margin-left:10px;
}

    .remain .caption[b-wulorkcbzb] {
    }

    .remain .value[b-wulorkcbzb] {
        font-weight: bold;
        font-size: x-large;
    }