.scb-summary-account-csa-header {
    background: #01B490;
}

.scb-summary-account-trd-header {
    background: #CC9D00;
}

.scb-summary-account-lon-header {
    background: #26A500;
}

.scb-summary-account-header-circle {
    margin-left: 16px;
}

.scb-summary-account-header-text {
    margin-left: 48px;
}

.scb-summary-account-text-group {
    color: #4F4F4F;
    font-family: 'SCB-font-SemiBold';
    font-size: 14px;
    margin-bottom: 0.75rem;
    margin-left: 48px;
}

.scb-summary-account-radio-checked {
    width: 24px;
    height: 24px;
    border-radius: 1.5rem;
}

.scb-title-review {
    padding: 1rem 3.85rem;
    text-align: center;
    /*color: #CC8B0A !important;*/
    color: #C31425 !important;
    font-family: 'SCB-font' !important;
    font-size: 14px !important;
}

.scb-box-title-review {
    margin-right: -1rem;
    margin-left: -1rem;
    border: 0 !important;
    background: #F2F2F2;
}

.scb-common-header-result {
    text-align: center;
    height: 170px;
    color: #f1f1f1 !important;
    background-size: cover;
    background-image: url(../../images/common/bg-header-result.svg);
}

.scb-icon-common-result-page {
    font-size: 6rem !important;
    filter: drop-shadow(22px 22px rgba(0, 0, 0, 0.1));
}

.scb-text-cards-lock-status {
    color: #05C071;
}

.scb-text-cards-unlock-status {
    color: #EB4446;
}

.scb-account-panel {
    background: #0B78D2;
    border-radius: 8px !important;
    width: 343px;
    height: 156px;
    filter: drop-shadow(0px 8px 8px rgba(0, 0, 0, 0.05));
    border: 0 solid !important;
}

.scb-bill-register-text-group {
    color: #4F4F4F;
    font-family: 'SCB-font-SemiBold' !important;
    font-size: 14px;
    margin-top: 24px;
    margin-bottom: 8px;
    margin-left: 0.85rem;
}

.scb-16-header {
    color: #4F4F4F;
    font-family: 'SCB-font' !important;
    font-size: 16px;
    margin-top: 3.2px;
    margin-left: 10px;
}

.scb-card-panel-VS-lg {
    background: linear-gradient(to right, #0B78D2, #0B78D2 4px, #FFFFFF 4px) 0% 0% / cover;
    border-radius: 8px !important;
    width: 330px;
    height: 156px;
    margin-left: 16px;
    margin-top: 16px;
    filter: drop-shadow(0px 8px 8px rgba(0, 0, 0, 0.05));
    border: 0 solid #FFFFFF !important;
}

.scb-card-panel-MC-lg {
    background: linear-gradient(to right, #FFAD0D, #FFAD0D 4px, #FFFFFF 4px) 0% 0% / cover;
    border-radius: 8px !important;
    width: 330px;
    height: 156px;
    margin-left: 16px;
    margin-top: 16px;
    filter: drop-shadow(0px 8px 8px rgba(0, 0, 0, 0.05));
    border: 0 solid #FFFFFF !important;
}

.scb-card-panel-VS {
    background: linear-gradient(to right, #0B78D2, #0B78D2 4px, #FFFFFF 4px) 0% 0% / cover;
    border-radius: 8px !important;
    width: 90%;
    height: 156px;
    margin-left: 16px;
    margin-top: 16px;
    filter: drop-shadow(0px 8px 8px rgba(0, 0, 0, 0.05));
    border: 0 solid #FFFFFF !important;
}

.scb-card-panel-MC {
    background: linear-gradient(to right, #FFAD0D, #FFAD0D 4px, #FFFFFF 4px) 0% 0% / cover;
    border-radius: 8px !important;
    width: 90%;
    height: 156px;
    margin-left: 16px;
    margin-top: 16px;
    filter: drop-shadow(0px 8px 8px rgba(0, 0, 0, 0.05));
    border: 0 solid #FFFFFF !important;
}

.scb-mastercard {
    width: 51px;
    height: 40px;
    background-repeat: no-repeat;
    /* margin-left: 292px; */
    background-image: url(../../images/cards/mastercard.svg);
}

.scb-visa {
    width: 51px;
    height: 40px;
    background-repeat: no-repeat;
    /* margin-left: 269px; */
    background-image: url(../../images/cards/visa.svg);
}

.scb-label-amount {
    font-family: 'SCB-font-SemiBold' !important;
    font-size: 1rem;
    color: #4F4F4F;
    margin-right: 12px;
}

.scb-label-acount-blue {
    font-family: 'SCB-font-SemiBold' !important;
    font-size: 24px;
    color: #0066B2;
    width: 64px;
    height: 32px;
}

.scb-label-acount-yellow {
    font-family: 'SCB-font-SemiBold' !important;
    font-size: 24px;
    color: #EAB01A;
    width: 64px;
    height: 32px;
}

.scb-label-acount-grid {
    display: grid;
    grid-template-columns: repeat(4, 22%);
    grid-template-rows: repeat(1, 32px);
    grid-row-gap: 8px;
    grid-column-gap: 8px;
    justify-content: center;
    text-align: -webkit-center;
    margin: auto;
}

/* .scb-label-register-list-grid{ */
/* display: grid; */
/* grid-template-columns: repeat(3, 33%); */
/* grid-template-rows: repeat(3, 10%); */
/* grid-row-gap: 16px; */
/* grid-column-gap: 8px; */
/* justify-content: center; */
/* text-align: -webkit-center; */
/* margin: auto; */
/* }  */
.box1 {
    grid-column-start: 1;
    grid-row-start: 1;
    grid-row-end: 4;
    margin-top: 45px;
    visibility: hidden;
}

.box2 {
    grid-column-start: 2;
    grid-column-end: 4;
}

.box4 {
    margin-top: 10px;
    text-align: right;
}

.scb-label-register-list-grid {
    display: grid;
    grid-template-columns: 10% 45% 45%;
    background-color: #ffffff;
    text-align: center;
}

.scb-label-register-list-grid>div {
    background-color: #ffffff;
    padding: 1em;
    color: #ffffff;
}

.scb-disable-accordion .oj-component-icon {
    display: none !important;
}

.scb-disable-padding .oj-collapsible-content {
    padding: 0;
}

.scb-fixed-icon {
    font-size: 22.5px;
    height: 22px;
}

.scb-bill-container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-left: 10px;
    margin-top: 40px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.scb-bill-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.scb-bill-checkmark {
    position: absolute;
    top: 16px;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.scb-bill-container:hover input~.scb-bill-checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a red background */
.scb-bill-container input:checked~.scb-bill-checkmark {
    background-color: rgba(195, 20, 37);
}

/* Create the checkmark/indicator (hidden when not checked) */
.scb-bill-checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.scb-bill-container input:checked~.scb-bill-checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.scb-bill-container .scb-bill-checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 0px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(90deg);
}

.scb-card-container {
    display: block;
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.scb-card-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.scb-card-checkmark {
    position: absolute;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.scb-card-container:hover input~.scb-card-checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a red background */
.scb-card-container input:checked~.scb-card-checkmark {
    background-color: #0B78D2;
}

/* Create the checkmark/indicator (hidden when not checked) */
.scb-card-checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.scb-card-container input:checked~.scb-card-checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.scb-card-container .scb-card-checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.oj-navigationlist-app-level.oj-navigationlist-horizontal.oj-navigationlist-item.oj-selected a.oj-navigationlist-item-content>.oj-navigationlist-item-label {
    color: #045fab !important;
}

.oj-navigationlist-app-level.oj-navigationlist-horizontal.oj-navigationlist-item.oj-default a.oj-navigationlist-item-content>.oj-navigationlist-item-label {
    color: #4d4d4d !important;
}

.oj-fwk-icon-magnifier:before,
.oj-listbox-search-icon:before,
.oj-inputsearch-search-icon:before {
    content: "\e933" !important;
}

.scb-button-confirm-container {
    position: absolute;
    width: 81vw !important;
    bottom: 1rem;
    padding-left: 2.5vw !important;
}

.scb-button-confirm-lg-container {
    position: absolute;
    width: 88% !important;
    bottom: 1rem;
    padding-left: 1.5vw !important;
}

.scb-button-confirm-container-1button {
    position: absolute;
    width: 190% !important;
    bottom: 1rem;
    padding-left: 2.5vw !important;
}

.scb-button-confirm-lg-container-1button {
    position: absolute;
    width: 172% !important;
    bottom: 1rem;
    padding-left: 2.5vw !important;
}

.sm-64 {
    font-size: 4rem;
}

.sm-144 {
    font-size: 9rem;
}

.scb-button-5-container {
    padding-top: 1rem;
    background: #E5E5E5;
    height: 100%;
    display: grid;
    grid-template-columns: 8px auto 8px auto 8px auto 8px auto 8px auto 8px;
    grid-template-rows: 100%;
}

.scb-button-5-1 {
    grid-column: 2;
    grid-row: 1;
}

.scb-button-5-2 {
    grid-column: 4;
    grid-row: 1;
}

.scb-button-5-3 {
    grid-column: 6;
    grid-row: 1;
}

.scb-button-5-4 {
    grid-column: 8;
    grid-row: 1;
}

.scb-button-5-5 {
    grid-column: 10;
    grid-row: 1;
}

.scb-button-3-container {
    background: #E5E5E5;
    height: 100%;
    display: grid;
    grid-template-columns: 8px auto 8px auto 8px auto 8px;
    grid-template-rows: 100%;
}

.scb-button-center {
    grid-column: 4;
    grid-row: 1;
}

.scb-button-3-center {
    grid-column: 4;
    grid-row: 1;
}

.scb-button-3-right {
    grid-column: 6;
    grid-row: 1;
}

.scb-button-3-left {
    grid-column: 2;
    grid-row: 1;
}

.scb-button-inline-left-noborder {
    border-radius: 8px !important;
    background: #FFFFFF !important;
    color: #0066B3 !important;
    font-family: 'SCB-font' !important;
    font-size: 1rem !important;
    filter: drop-shadow(0px 8px 8px rgba(0, 0, 0, 0.05));
}

.scb-row-block {
    display: block !important;
}

.scb-display-template-lg {
    display: flex !important;
    text-align: -webkit-center !important;
    margin-left: 13% !important;
}

.scb-display-template {
    display: flex !important;
    text-align: -webkit-center !important;
}

.scb-panel-blue {
    border-radius: 12px;     
    background: linear-gradient(to right, #40BBEC, #0079D4 99.96%);    
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.16);
    /* transition: 0.2s; */
    padding-bottom: 24px;    
    animation: animatezoom .4s;    
    margin-left: 16px;    
    /* z-index:99; */
}

.scb-ellipse-10 {
    border-radius: 65%;
    height: 10rem;
    width: 10rem;
    margin-left: 31%;
    background: #FFFFFF;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
}

.scb-text-white-2rem {
    margin-left: 24px;
    margin-right: 24px;
    font-family: 'SCB-font' !important;
    color: #FFFFFF;
    margin-top: 2rem !important;
    text-align: -webkit-left;
}

.scb-height-top-2rem {
    height: 2rem !important;
}

.scb-margin-top-2rem {
    margin-top: 2rem !important;
}

.scb-button-inline-dark {
    border-radius: 8px !important;
    background: linear-gradient(#0B78D2, #0066B2 99.96%) !important;
    color: #fff !important;
    font-family: 'SCB-font' !important;
    font-size: 1rem !important;
    filter: drop-shadow(0px 8px 8px rgba(0, 0, 0, 0.05));
}

.scb-payee-box-lg {
    padding-top: 0.8rem;
    margin-left: 1rem;
}

.scb-button-2-small-container {
    /*background: #F2F2F2;*/
    height: 100%;
    display: grid;
    grid-template-columns: 200px auto 20px auto 200px;
    grid-template-rows: 100%;
}

.scb-table-list-left-lg {
    display: table !important;
    padding-bottom: 0 !important;
}

.scb-table-list-right-lg {
    display: table !important;
    padding-bottom: 0 !important;
}

.scb-table-list-row {
    padding: 1rem .85rem;
    border-bottom: .05rem solid rgba(44, 50, 81, .3);
}

.scb-table-list-row:last-child {
    padding: 1rem .85rem;
    border-bottom: 0;
}

.scb-group-title-biller-left-large {
    background: linear-gradient(rgba(11, 120, 210), rgba(0, 102, 178));
    height: 32px;
    margin-bottom: 0px;
    margin-top: 16px;
    border-top-left-radius: 8px;
    color: rgba(255, 255, 255);
    padding-top: 16px;
    font-size: 16px;
}

.scb-group-title-biller-center-large {
    background: linear-gradient(rgba(11, 120, 210), rgba(0, 102, 178));
    height: 32px;
    margin-bottom: 0px;
    margin-top: 16px;
    color: rgba(255, 255, 255);
    padding-top: 16px;
    font-size: 16px;
}

.scb-group-title-biller-right-large {
    background: linear-gradient(rgba(11, 120, 210), rgba(0, 102, 178));
    height: 32px;
    border-top-right-radius: 8px;
    margin-bottom: 0px;
    margin-top: 16px;
    color: rgba(255, 255, 255);
    padding-top: 16px;
    font-size: 16px;
}

.scb-select-max-lg {
    max-width: 15.8rem !important;
}

.scb-icon-center-lg {
    margin-left: 20rem;
}

.scb-no-budget {
    background: url(../../images/budget/nobudget.png) no-repeat;
    text-align: center;
    height: 220px;
    color: #f1f1f1 !important;
    background-size: cover;
}

.scb-icon-transparent-lg {
    padding: 1rem 3.85rem;
    text-align: center;
    color: #BFBFBF !important;
    font-family: 'SCB-font-bold' !important;
    font-size: 1rem !important;
}

.scb-icon-margin-left-lg {
    margin-left: 48% !important;
}

.scb-confirm-screen__confirm-text-heading {
    /* background: #FFFFFF; */
    font-size: 1rem;
    color: #0B78D2;
    margin: 0 0 1.3rem;
    padding: .6rem;
    text-align: center;
    min-height: 1.9rem;
}

.scb-message-no-record {
    padding: 150px 10px 0px 0px;
}

.scb-link-text-white {
    -webkit-text-fill-color: #FFFFFF;
}

.scb-textarea-padding {
    padding: 0 0 1rem 11px;
}

.scb-margin-ul-login {
    margin-left: -30px;
}

.scb-margin-datetime {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}

.scb-margin-right-10px {
    margin-right: 10px;
}

.scb-amount-right {
    text-align: right;
}

.scb-textarea-loan {
    padding: 0 0.5rem 0 0.5rem;
}

.scb-notice-collate {
    padding: 1rem 1rem;
    text-align: left;
    color: #C31425 !important;
    font-family: 'SCB-font' !important;
    font-size: 14px !important;
}

.form-main-container label {
    font-size: 1rem !important;
    color: #4F4F4F;
}

.scb-row-no-border {
    padding: 1rem .85rem;
}

.scb-table-left-lg-new {
    display: block !important;
    padding-right: 1rem;
    padding-bottom: 0 !important;
}

.scb-table-right-lg-new {
    display: inherit !important;
    padding-left: 1rem;
    padding-bottom: 0 !important;
}

.scb-background-color-blue {
    background: #0B78D2 !important;
}

.scb-font-bold-green {
    font-family: 'SCB-font-Bold' !important;
    color: #05C071;
    font-size: 2rem;
}

.scb-menu-group-box {
    margin: 16px;
    background: #0B78D2 !important;
    border-radius: 8px
}

.scb-row-noborder {
    border: 0 !important;
}

.scb-header-account-type {
    margin-top: -1px;
    background: rgba(0, 102, 178);
    height: 70px;
}

.scb-panel-account-summary {
    border: 1px solid #ffff;
    border-radius: 8px;
    padding-left: 10px;
    padding-right: 10px;
    margin: 2px;
}

.scb-panel-account-summary.oj-selected {
    background-color: #FFFF;
    border-radius: 4px;
    color: #0066B2;
    box-shadow: none;
    /* transition: all 0.5s ease-in-out 0s; */
}

.scb-panel-account-summary.oj-default {
    background-color: #0066B2;
    border-radius: 4px;
    color: #FFFF;
    box-shadow: none;
    /* transition: all 0.5s ease-in-out 0s; */
}

.scb-account-type-select {
    border: 3px solid #ffff;
    border-radius: 8px;
}

.scb-grid-3-3-topup {
    display: grid;
    grid-template-columns: repeat(3, 115px);
    grid-template-rows: repeat(3, 56px);
    grid-row-gap: 16px;
    grid-column-gap: 8px;
    justify-content: center;
    padding: 15px;
}

.scb-grid-3-3-topup>li {
    height: 100%;
    width: 100%;
    background: #FFFFFF;
    border-radius: 8px;
    border: 1px solid #F2F2F2 !important
}

.scb-align-item-center {
    align-items: center;
}

.scb-button-1-container-mb {
    display: grid;
    grid-template-columns: 16px auto 16px;
    grid-template-rows: 100%;
}

.scb-padding-1rem-horizontal {
    padding-left: 16px;
    padding-right: 16px;
}

@media screen and (min-width:320px) and (max-width:767px) {
    .scb-summary-account-panel {
        height: 224px;
        background: rgba(240, 243, 247);
    }

    .scb-summary-account-csa-sum {
        background: linear-gradient(to right, #40BBEC, #0079D4);
        width: 264px;
        height: 160px;
        border-radius: 8px;
        margin-top: 24px;
    }

    .scb-summary-account-trd-sum {
        background: linear-gradient(to right, #CC9D00, #F8C000);
        width: 264px;
        height: 160px;
        border-radius: 8px;
        margin-top: 24px;
    }

    .scb-summary-account-lon-sum {
        background: linear-gradient(to right, #26A500, #32D900);
        width: 264px;
        height: 160px;
        border-radius: 8px;
        margin-top: 24px;
    }
    .scb-min-width-history .oj-listview-cell-element{
        min-width: 100%;
    }
    .scb-min-width-full .oj-table-header{
        min-width: 100%;
    }
	.scb-message-no-record {
        padding: 100px 0px 0px 0px;
    }														   
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .scb-summary-account-panel {
        height: 366px;
        background: rgba(240, 243, 247);
    }
    .scb-summary-account-csa-sum {
        background: linear-gradient(to right, #40BBEC, #0079D4);
        width: 455px;
        height: 255px;
        border-radius: 8px;
        margin-top: 24px;
    }
    .scb-summary-account-trd-sum {
        background: linear-gradient(to right, #CC9D00, #F8C000);
        width: 455px;
        height: 255px;
        border-radius: 8px;
        margin-top: 24px;
    }
    .scb-summary-account-lon-sum {
        background: linear-gradient(to right, #26A500, #32D900);
        width: 455px;
        height: 255px;
        border-radius: 8px;
        margin-top: 24px;
    }
}

@media only screen and (min-width:1024px) {
    .scb-summary-account-panel {
        height: 224px;
        background: rgba(240, 243, 247);
    }

    .scb-summary-account-csa-sum {
        background: linear-gradient(to right, #40BBEC, #0079D4);
        width: 264px;
        height: 160px;
        border-radius: 8px;
        margin-top: 24px;
    }

    .scb-summary-account-trd-sum {
        background: linear-gradient(to right, #CC9D00, #F8C000);
        width: 264px;
        height: 160px;
        border-radius: 8px;
        margin-top: 24px;
    }

    .scb-summary-account-lon-sum {
        background: linear-gradient(to right, #26A500, #32D900);
        width: 264px;
        height: 160px;
        border-radius: 8px;
        margin-top: 24px;
    }
}

.scb-summary-account-dots {
    height: 224px;
    background: rgba(240, 243, 247);
}

.scb-row-padding-sm {
    padding: 16px 0 31px 0;
}

.scb-row-input-sm {
    border-bottom: 1px solid rgba(44, 50, 81, .3);
    border-image: linear-gradient(to right, rgba(0, 0, 0, 0) 5%, rgba(44, 50, 81, .1) 5%, rgba(44, 50, 81, .1) 95%, rgba(0, 0, 0, 0) 5%);
    border-width: 1px;
    border-image-slice: 1;
    font-size: 1rem;
}

.scb-row-input-sm>.scb-row-label {
    padding-top: 16px;
    padding-bottom: 12px;
    padding-left: 13.6px;
    font-size: 1rem;
    color: #4F4F4F;
}

.scb-row-input-sm .oj-inputdatetime-input-container {
    border-right: none;
}

/* .scb-row-input-sm .oj-inputdatetime-input-container .oj-inputdatetime-input-trigger {
    margin-right: 16px;
} */
.scb-row-input-sm:last-child {
    border-bottom: 0;
}

.scb-row-account-sm {
    padding: 0.3rem 0rem;
    /* border-bottom: .05rem solid rgba(44, 50, 81, .3); */
    border-bottom: 1px solid rgba(44, 50, 81, .3);
    border-image: linear-gradient(to right, rgba(0, 0, 0, 0) 5%, rgba(44, 50, 81, .1) 5%, rgba(44, 50, 81, .1) 95%, rgba(0, 0, 0, 0) 5%);
    border-width: 1px;
    border-image-slice: 1;
}

.scb-row-account .oj-select .oj-select-choice .oj-select-arrow {
    padding-right: 0; /* !important*/
}

.oj-navigationlist-app-level.oj-navigationlist-horizontal .oj-navigationlist-item:not(.oj-disabled) a.oj-navigationlist-item-content>.oj-navigationlist-item-label {
    color: #c0c4c8 !important;
}

.oj-navigationlist-app-level.oj-navigationlist-horizontal .oj-navigationlist-item.oj-selected a.oj-navigationlist-item-content>.oj-navigationlist-item-label {
    color: #045fab !important;
}

.scb-padding-left-11px {
    padding: 11px;
}

.scb-row-input-child-sm {
    border-bottom: none !important;
    font-size: .9rem !important;
}

.oj-table-body-message {
    color: #333;
    padding: 16px !important;
}

.scb-padding-16lr {
    padding-left: 1rem;
    padding-right: 1rem;
}