html body .oj-button-jqui, html body .oj-button-button{
	cursor: pointer !important;
	outline: none;
}

ul{
	list-style-type:none;
}

ul li{
	outline: none;
}

/* a { */
	/* touch-action: pan-y; */
	/* user-select: none; */
	/* -webkit-user-drag: none; */
	/* -webkit-tap-highlight-color: rgba(0, 0, 0, 0); */
/* } */

a, span, div {
	/* touch-action: pan-y; */
	/* user-select: none; */
	/* -webkit-user-drag: none; */
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

button {
	outline: none;
	cursor: pointer;
}

::-webkit-scrollbar {
    width: .3rem;
    height: .3rem
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.2);
	border-radius: 8px;
}

.oj-inputtext input::placeholder {
	font-family: 'SCB-font';
	font-style: normal;
	font-weight: 600;
	color: rgba(0,0,0,0.16);
}

.oj-inputpassword input::placeholder{
	font-family: 'SCB-font';
	font-style: normal;
	font-weight: 600;
	color: rgb(0,0,0,0.16);
}

.oj-inputsearch-choice input::placeholder{
    font-family: 'SCB-font';
    font-style: normal;
    font-weight: 600;
    color: rgb(0,0,0,0.16);
}
textarea{
	border: 0 !important;
	color: #0B78D2 !important;
	background: #FFF !important;
}

textarea::placeholder{
	font-family: 'SCB-font';
	font-style: normal;
	font-weight: 600;
	color: rgba(0,0,0,0.16);
}

.oj-textarea-input::placeholder{
	font-family: 'SCB-font';
	font-style: normal !important;
	font-weight: 600;
	color: rgba(0,0,0,0.16) !important;
}

.oj-inputdatetime-input-container input::placeholder {
	font-family: 'SCB-font';
	font-style: normal;
	font-weight: 600;
	color: rgba(0,0,0,0.16);
}

input::-webkit-input-placeholder{
	font-family: 'SCB-font';
	font-style: normal;
	font-weight: 600;
	color: rgba(0,0,0,0.16);
}

input:-ms-input-placeholder{
	font-family: 'SCB-font';
	font-style: normal;
	font-weight: 600;
	color: rgba(0,0,0,0.16);
}

input:-moz-placeholder{
	font-family: 'SCB-font';
	font-style: normal;
	font-weight: 600;
	color: rgba(0,0,0,0.16);
}

input::-moz-placeholder{
	font-family: 'SCB-font';
	font-style: normal;
	font-weight: 600;
	color: rgba(0,0,0,0.16);
}

#headerShadowDiv{
	background: #0066B2;
}

.DlgOverlay {
    background: url(../../images/bg_overlay.png) left top repeat;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 100002;
}

.OverlayLoading {
    width: 219px;
    height: 57px;
    color: #22a2bb;
    font-size: 1em;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 100003;
}

.OverlayInLoading {
    position: relative;
    top: -50%;
    left: -50%;
    /*background: url(../../images/bg_loading.png) left top no-repeat;*/
    width: 219px;
    height: 43px;
    padding: 14px 0 0;
    text-align: center;
    vertical-align: middle;
}

.OverlayLoading img {
    /* margin-right: 20px; */
}

.auto-height {
	height: auto !important;
}

.navlist {
	overflow-y: scroll;
	max-height: calc(100vh - 9.5em);
}

.header .nav-menu a .icons-scb {
  position: relative;
	top: 0px !important; 
	/* .2rem; */
	line-height: 3.5rem;
}

.scb-nwg-container{
	/* background: #F2F2F2; */
	height: 100%;
	display: grid;
	grid-template-columns: auto 8px auto ;
	grid-template-rows: 100%;
}

.scb-nwg-1-container{
	/* height: 100%; */
	display: grid;
	grid-template-columns: 8px auto 8px ;
	grid-template-rows: 100%;
}

.scb-left-net-worth-graph {
  grid-column: 1;
  grid-row: 1;
}

.scb-right-net-worth-graph {
  grid-column: 3;
  grid-row: 1;
}

.scb-grid-3-3{
	display: grid;
	grid-template-columns: repeat(3, 109px);
	grid-template-rows: repeat(5, 124px);
	grid-row-gap: 16px;
	grid-column-gap: 8px;
	justify-content: center;
}

.scb-grid-3-3 > li{
	height: 100%;
	width: 100%;
	background: #FFFFFF;
    
    border-radius: 8px;
}

.scb-grid-1-3{
	display: grid;
	grid-template-columns: repeat(2, 109px);
	grid-template-rows: repeat(5, 124px);
	grid-row-gap: 16px;
	grid-column-gap: 8px;
	justify-content: center;
}

.scb-grid-1-3 > li{
	height: 100%;
	width: 100%;
	background: #FFFFFF;
    border-radius: 8px;
}
.scb-button-2-container{
	/*background: #F2F2F2;*/
	height: 100%;
	display: grid;
	grid-template-columns: 8px auto 8px auto 8px;
	grid-template-rows: 100%;
}

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

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

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

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

.scb-button-1-container-hidden{
	display: none;
	grid-template-columns: 8px auto 8px;
	grid-template-rows: 100%;
}

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

.scb-padding-bottom-button{
	padding-top: 30px;
    padding-bottom: 20px;
}

.scb-button-fixed-footer{
	position: absolute;
    bottom: 22px;
	padding-left: 10px;
    padding-right: 10px;
	width: 100% !important;
}

.scb-button-footer{
    bottom: 22px;
	padding-left: 10px;
    padding-right: 10px;
	width: 95% !important;
	/*position: absolute;*/
}

.scb-sm-margin-3r-end {
	margin-right: 3rem;
}

.no-padding {
	padding: 0 !important;
}

.no-padding-bottom {
	padding-bottom: 0 !important;
}
.no-margin {
	margin: 0 !important;
}

.full-width {
	width: 100% !important;
}

.full-height {
	/* height: 100% !important; */
}

.full-height-width {
	height: 100% !important;
	width: 100% !important;
}

.width-99 {
	width: 99% !important;
}

.width-50 {
	width: 50% !important;
}

.width-45 {
	width: 45% !important;
	min-width: 45%;
    max-width: 45%;
}

.width-80 {
	width: 80% !important;
}

.parallax{
	background: #FFFFFF;
}

.white-background{
	background: #FFF !important;
}

.icon-fingerprint{
	border-left: .1rem solid rgba(44, 50, 81, .15);
    font-size: 30px;
}

.scb-icon-arrow{
	color: #707070;
}

.scb-product-quick-links-panel{
	background: #0B78D2;
    border-radius: 8px;
	/* filter: drop-shadow(0 15px 15px rgba(0, 0, 0, 0.15)); */
	padding: 16px 16px 0px 16px;
	margin-top: 0px;
}

.scb-more-menu {
	width:100%;
	position: absolute;
	top: 0;
	display:none;
	background:#FFF;
	z-index: 100;
}

.scb-icon-title{	
  padding-bottom: 16px;
}

.color-white{
	color: #FFF !important;
}

.color-white-50{
	color: #ffffff82 !important;
}

.color-white-bold{
	color: #FFF !important;
	font-weight: bold;
}

.color-blue{
	color: #0066B2 !important;
}

.color-blue-bold{
	color: #0066B2 !important;
	font-family: 'SCB-font-SemiBold';
}

.color-black{
	color: #000 !important;
}

.product-quick-links, .product-quick-links-flex-container{
	background: #FFF !important;
	/* height: 56px !important; */
}

.scb-icon-font-22{
	font-size: 22px !important;
}

.scb-icon-font-20{
	font-size: 20px !important;
}

.scb-icon-font-12{
	font-size: 12px !important;
}

.scb-icon-font-26{
	font-size: 26px !important;
}

.scb-icon-color{
	color:#0b78d2 !important;
}

.scb-no-border {
	border: 0 !important;
}

.scb-border-bottom {
	border-bottom: 0.08rem solid rgba(44, 50, 81, 0.10) !important;
}

.scb-border-right {
	border-right: .05rem solid rgba(44, 50, 81, .3);
}

.scb-net-worth-graph{
	background: #FFF;
    /* border-radius: 8px; */
    margin-right: 0px;
	box-shadow: 0px 2px 2px rgba(0,0,0, 0.16);
}

.scb-border-right-nwg {
	border-right: .25rem solid #F2F2F2;
}

.scb-border-left-nwg {
	border-left: .25rem solid #F2F2F2;
}

.scb-border-right-white {
	border-right: .05rem solid rgba(255, 255, 255, 0.3);
}

.scb-border-right-black {
	border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.scb-border-top {
	border-top: .08rem solid rgba(44, 50, 81, .1);
}

.scb-border-bottom-lg {
	border-bottom: .05rem solid rgba(44, 50, 81, .3);
}

.scb-border-bottom {
	border-bottom: .05rem solid rgba(44, 50, 81, .3);
}
.right-side{
	right: 0;
}

/* ::selection { */
    /* background: transparent; */
/* } */
/* ::-moz-selection { */
    /* background: transparent; */
/* } */

#floating-button{
	width: 3.5rem;
	height: 3.5rem;
	line-height: 3.9rem;
	border-radius: 50%;
	background: linear-gradient(#40BBEC ,#0066B2 99.96%);
	color: #FFFFFF;
	position: fixed;
	bottom: 30px;
	right: 30px;
	cursor: pointer;
	border: none;
	box-shadow: 0px 8px 8px rgba(0,0,0,0.16);
	user-select: none;
    -webkit-user-drag: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#floating-button:hover{
	background: none;
	box-shadow: none;
}

.more{
	font-size: 1.6rem;
	position: absolute;
	top: 0;
	display: block;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 0;
	margin: 0;
	animation: more-out 0.3s;
	/* transition: all 0.3s; */
}

.container-floating-div{
	background: rgba(236, 236, 243, 0.54);
	width: 10000px;
	height: 10000px;
}

.container-floating{
  position: fixed;
  width: 70px;
  height: 70px;
  bottom: 30px;
  right: 30px;
  z-index: 2;
}

.container-floating:hover{
	height: 100%;
	width: 100%;
	background: linear-gradient(#40BBEC, #0079D4);
    opacity: 0.9;
	position: absolute;
	left: 0;
	top: 0;
}

.container-floating:hover .more{
  animation: more-in 0.15s linear;
  animation-fill-mode: forwards;
}

.floating-buttons{
	height: 40px;
    width: 40px;
    border-radius: 50%;
    background: #FFF;
	float: right;
    text-align: center;
}

.floating-buttons > .icons{
	background: -webkit-linear-gradient(#40BBEC, #0079D4);
		-webkit-background-clip: text;
		background-clip: text;
    -webkit-text-fill-color: transparent;
}

.floating-icon{
	padding-left: 8px;
    font-size: 22px;
    color: #FFF;
}

.close{
	font-size: 1.4rem;
	position: absolute;
	top: 0;
	display: block;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 0;
	opacity: 0;
	margin: auto;
	transform: rotateZ(-70deg);
	/* transition: all 0.3s; */
	animation: close-out 0.3s;
}

.container-floating:hover .close{
  animation: close-in 0.2s;
   animation-delay: 0.1s;
  animation-fill-mode: forwards;
}

@keyframes close-in{
    from {opacity: 0; transform: rotateZ(-70deg);}
    to {opacity: 1; transform: rotateZ(0deg);}
}

@keyframes close-out{
    from {opacity: 1; transform: rotateZ(0deg);}
    to {opacity: 0; transform: rotateZ(-70deg);}
}

@keyframes more-in{
    from {opacity: 1; transform: rotateZ(0deg);}
    to {opacity: 0; transform: rotateZ(180deg);}
}

@keyframes more-out{
    from {opacity: 0; transform: rotateZ(180deg);}
    to {opacity: 1; transform: rotateZ(0deg);}
}

.nds{
  width: 40px;
  height: 40px;
  border-radius: 50%;
  position: fixed;
  z-index: 300;
  transform:  scale(0);
  cursor: pointer;
}

.nd1{
  right: 40px;
  bottom: 120px;
  animation-delay: 0.2s;
    animation: bounce-out-nds 0.3s linear;
  animation-fill-mode:  forwards;
}

.nd2{
  right: 40px;
  bottom: 180px;
  animation-delay: 0.15s;
    animation: bounce-out-nds 0.15s linear;
  animation-fill-mode:  forwards;
}

.nd3{
  right: 40px;
  bottom: 240px;
  animation-delay: 0.1s;
    animation: bounce-out-nds 0.1s linear;
  animation-fill-mode:  forwards;
}

.nd4{
	right: 40px;
	bottom: 300px;
	animation-delay: 0.08s;
	animation: bounce-out-nds 0.1s linear;
	animation-fill-mode:  forwards;
}

.nd5{
	right: 40px;
	bottom: 360px;
	animation-delay: 0.08s;
	animation: bounce-out-nds 0.1s linear;
	animation-fill-mode:  forwards;
}

.nd6{
	right: 40px;
	bottom: 420px;
	animation-delay: 0.08s;
	animation: bounce-out-nds 0.1s linear;
	animation-fill-mode:  forwards;
}

.nd7{
	right: 40px;
	bottom: 480px;
	animation-delay: 0.08s;
	animation: bounce-out-nds 0.1s linear;
	animation-fill-mode:  forwards;
}

@keyframes bounce-nds{
    from {opacity: 0;}
    to {opacity: 1; transform: scale(1);}
}

@keyframes bounce-out-nds{
    from {opacity: 1; transform: scale(1);}
    to {opacity: 0; transform: scale(0);}
}

.container-floating:hover .nds{
  
  animation: bounce-nds 0.1s linear;
  animation-fill-mode:  forwards;
}

.container-floating:hover .nd3{
  animation-delay: 0.08s;
}
.container-floating:hover .nd4{
  animation-delay: 0.15s;
}
.container-floating:hover .nd5{
  animation-delay: 0.2s;
}

#accountDetailsPanel ul li:last-child {
    border-bottom: 0 !important;
}

.none-outline {
	outline: none;
}

.logo-container{
	/*text-align: center*/
}

.scb-accordian-parts{
	background: url(./images/accordian/AccordianPart.png) no-repeat;
	background-size: cover;
	margin: 0.625rem 0rem;
	border-radius: 10px
}

@font-face {
  font-family: 'SCB-font';
  font-style: normal;
  font-weight: 400;
  font-size: 1rem !important;
  src: url(../fonts/Nunito-Regular.ttf) format('truetype');
}

@font-face {
  font-family: 'SCB-font-SemiBold';
  font-style: normal;
  src: url(../fonts/Nunito-SemiBold.ttf) format('truetype');
}

.SCB-font-SemiBold {
	font-family: 'SCB-font-SemiBold';
	color: #4F4F4F;
}

.SCB-font-SemiBold-blue{
	font-family: 'SCB-font-SemiBold';
	color: #0B78D2;
}

.SCB-font-SemiBold-white{
	font-family: 'SCB-font-SemiBold';
	color: #FFFFFF;
}

.SCB-font {
	font-family: 'SCB-font';
	color: #4F4F4F;
}

.table-cell {
	display: table-cell;
}

.SCB-font-white {
	font-family: 'SCB-font';
	color: #FFFFFF !important;
}

.SCB-font-blue {
	font-family: 'SCB-font';
	color: #0066B2 !important;
}

.font-large {
	font-size: 1.25rem !important;
}

.font-small {
	font-size: 0.75rem !important;
}

.font-header {
	font-size: 1.5rem  !important;
}

@font-face {
  font-family: 'SCB-font-Bold';
  font-style: normal;
  font-weight: 700;
  font-size: 1rem;
  src: url(../fonts/Nunito-Bold.ttf) format('truetype');
}

.scb-font-bold {
	font-family: 'SCB-font-Bold';
	color: #BFBFBF;
}

.scb-font-bold-white{
	font-family: 'SCB-font-Bold';
	color: #FFFFFF;
}

.scb-font-bold-black{
	font-family: 'SCB-font-Bold';
	color: #000;
}

.scb-font-bold-transfer{
	/* font-family: 'SCB-font-Bold' !important; */
	color: #4F4F4F;
}

.scb-font-bold-blue{
	font-family: 'SCB-font-Bold';
	color: #0066B2;
}

.scb-font-bold-red{
	font-family: 'SCB-font-Bold';
	color: #EB4446;
}

.oj-default a.scb-horizontal span{
	color: #BFBFBF;
}

.scb-font-bold-login-blue {
	font-family: 'SCB-font-Bold';
	color: #0066B2;
}

.scb-font-bold-red {
	font-family: 'SCB-font-Bold';
	color: #C31425;
}

.span-money-out {
	color:red;
}

.span-money-in {
	color:#1DFF0D;
}

.oj-combobox {
	max-width: 100% !important;
}

.oj-combobox-input {
	font-family: 'SCB-font';
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
	-webkit-font-feature-settings: 'liga';
	font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}

.sm-12 {
	font-size: 0.75rem ;
}

.sm-12-bold {
	font-size: 0.75rem ;
	font-family: SCB-font-semiBold;
}

.sm-14 {
	font-size: 0.875rem ;
}

.sm-16 {
	font-size: 1rem ;
}

.sm-18 {
	font-size: 1.125rem ;
}

.sm-20 {
	font-size: 1.25rem ;
}

.sm-24 {
	font-size: 1.5rem;
}

.sm-24-blue {
	font-size: 1.5rem;
	color: #0B78D2;
}

.sm-25 {
	font-size: 1.5625rem;
}

.sm-32 {
	font-size: 2rem ;
}

.sm-40 {
	font-size: 2.5rem ;
}

.scb-lg-number-approval-pending{
	color: #EB4446;
	font-size: 32px;
	font-weight: 800;
}

.scb-sm-number-approval-pending{
	color: #EAB01A;
}

.scb-number-account-report-blue{
	color: #0B78D2;
	font-size: 32px;
	font-weight: 800;
}

.scb-number-account-report-white{
	color: #FFF;
	font-size: 18px;
	font-weight: 800;
}

#innerDrawer{
	background: linear-gradient(#40BBEC ,#0066B2 99.96%);
}

#menuList {
	padding-top: 30px;
}

.end-menu-block{
	border-bottom: 1px solid #40BBEC;
	/* padding-bottom: 20px; */
}

.scb-side-menu-footer{
		position: absolute;
    bottom: 10px;
    width: 100%;
    /* height: 175px; */
}

.welcome-box{
	/*border-bottom: 0.09rem solid rgba(44, 50, 81, 0.15);*/
	padding-top:30px;
	box-shadow: 0px 3px 6px rgba(0,0,0,0.16);
    background: linear-gradient(#0B78D2 ,#0066B2 100%) !important;
}

.icon-login-username {
	background: url(./images/common/scb/login_screen/iconUsername.svg) no-repeat;
    background-size: cover;
    width: 25px;
    height: 20px;
}

.register-account {
	color: #FFFFFF;
	opacity: 0.85;
	font-family: SCB-font;
	font-style: normal;
	font-size: .9rem
}

.scb-sm-padding-32-horizontal {
  padding-left: 32px !important;
  padding-right: 32px !important;
}

.oj-button {
  height: 3rem !important;
}

.login-button-scb {
	border: 0 !important;
	border-radius: 8px !important;	
	background: #FFF !important;
	color: #0B78D2 !important;
	width: 100%;
	font-family: 'SCB-font-SemiBold' !important;
	height: 56px !important;
}

.login-input{
	border-radius: 8px;
    background: rgba(255, 255, 255, 0.24);
    padding-bottom: 10px;
}

.oj-inputpassword {
	height:54px;
	max-width: -webkit-fill-available !important;
}

.oj-inputtext{
	max-width: -webkit-fill-available !important;
}

.login-button-container{
	display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.icons-input-login {
  position: absolute;
	margin-top: 11px;
	padding-right: 15px;
}

#login_username {
	padding-left: 32px !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
	color: #FFFFFF;
	min-height: unset;
	font-weight: normal;
}

#login_username::placeholder {
	color: #FFF !important;
	opacity: 0.85;
	font-style: normal !important;
	font-size: .8rem;
	font-weight: 500 !important;
	/* transition: 0.2s ease all; */
}

#login_username:focus::placeholder {
	left: 20px;
	top: 18px;
	/* transition: 0.2s ease all; */
}

#login_username:focus {
	border: 0;
	border-bottom: 1px solid #FFFFFF;
}

#login_password {
  padding-left: 32px;
  border-bottom: 1px solid rgba(255,255,255, 0.5);
  color: #FFFFFF;
  min-height: unset;
  font-weight: normal;
}

#login_password::placeholder {
	color: #FFF !important;
	opacity: 0.85;
	font-style: normal !important;
	font-size: .8rem;
	font-weight: 500 !important;
	/* transition: 0.2s ease all; */
}

#login_password:focus {
  border: 0;
  border-bottom: 1px solid #FFFFFF;
}

/* #login_username::-webkit-input-placeholder { */
	/* color: #FFF !important; */
	/* opacity: 0.85; */
	/* font-style: normal !important; */
	/* font-size: .8rem; */
	/* font-weight: 500 !important; */
	/* position: absolute; */
	/* transition: 0.2s ease all; */

/* } */

/* #login_password::-webkit-input-placeholder { */
	/* color: #FFF !important; */
	/* opacity: 0.85; */
	/* font-style: normal !important; */
	/* font-size: .8rem; */
	/* font-weight: 500 !important; */
	/* position: absolute; */
	/* transition: 0.2s ease all; */
/* } */

/* #login_username::-moz-placeholder { */
	/* color: #FFF !important; */
	/* opacity: 0.85; */
	/* font-style: normal !important; */
	/* font-size: .8rem; */
	/* font-weight: 500 !important; */
	/* position: absolute; */
	/* transition: 0.2s ease all; */
/* } */

/* #login_password::-moz-placeholder { */
	/* color: #FFF !important; */
	/* opacity: 0.85; */
	/* font-style: normal !important; */
	/* font-size: .8rem; */
	/* font-weight: 500 !important; */
	/* position: absolute; */
	/* transition: 0.2s ease all; */

/* } */

/* #login_username::-ms-input-placeholder { */
	/* color: #FFF !important; */
	/* opacity: 0.85; */
	/* font-style: normal !important; */
	/* font-size: .8rem; */
	/* font-weight: 500 !important; */
	/* position: absolute; */
	/* transition: 0.2s ease all; */
/* } */

/* #login_password::-ms-input-placeholder { */
	/* color: #FFF !important; */
	/* opacity: 0.85; */
	/* font-style: normal !important; */
	/* font-size: .8rem; */
	/* font-weight: 500 !important; */
	/* position: absolute; */
	/* transition: 0.2s ease all; */
/* } */

.language-switch {
  position: absolute;
  /*width: 80px;*/
  height: 60px;
  top: 2rem;
  right: 2rem;
}

.lang-flags {
  height: 80%;
  width: 80%;
}

.footer-login {
  position: fixed; /*absolute*/  
  width: 100%;
  height: 80px;
  background: linear-gradient(#0B78D2, #0066B2);
  bottom: 0;
  border: 0;
}

.qrcode-footer-login{
	position: absolute;
    bottom: 5px;
    background: #FFF;
    border-radius: 8px;
    right: 24px;
}

.qrcode-footer-login > img {
	border-radius: 8px;
}

.padding-a{	
	padding: 16px 0px 0px 0px;
    width: 90px;
    color: white;
}

.hidden {
	display: none;
}

.img-film-strip{
	height:auto;
	width:100%
}

.film-strip-div{
	position: relative;
	height: 180px;
	width: 100%;
}

.filmstrip-item {
	box-sizing: border-box;
	width: 100%;
	text-align: center;
	font-weight: bold;
	color: #333;
	font-size: 3rem;
	overflow: hidden;
	text-overflow: ellipsis;
}

.paging-film-strip{
	width: 100%;
    text-align: right;
	position: absolute;
    top: 0;
    right: 0;
}

.overlaid-paging-control {
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.fs-stretch-items {
	height: 100%;
}

.fs-stretch-items .oj-filmstrip-item-container {
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}

@font-face {
    font-family: obdx-icons;
    src: url(../fonts/obdx-icons.eot);
    src: url(../fonts/obdx-icons.eot?#iefix) format("embedded-opentype"), url(../fonts/obdx-icons.woff) format("woff"), url(../fonts/obdx-icons.ttf) format("truetype"), url(../fonts/obdx-icons.svg#obdx-icons) format("svg");
    font-weight: 400;
    font-style: normal
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'obdx-icons' !important;
  /* speak: none; */
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-bike_blue:before {
  content: "\e9b6";
  color: #0079d4;
}

.icon-download:before {
  content: "\e9b4";
}
.icon-ebill:before {
  content: "\e9b5";
  color: #fff;
}

.icon-settings:before {
  content: "\e9a6";
  color: #fff;
}
.icon-smartphone:before {
  content: "\e9a7";
  color: #fff;
}
.icon-tablet:before {
  content: "\e9a8";
  color: #fff;
}
.icon-warning .path1:before {
  content: "\e9a9";
  color: rgb(79, 79, 79);
}
.icon-warning .path2:before {
  content: "\e9aa";
  margin-left: -1.0625em;
  color: rgb(255, 212, 79);
}
.icon-warning .path3:before {
  content: "\e9ab";
  margin-left: -1.0625em;
  color: rgb(79, 79, 79);
}
.icon-247:before {
  content: "\e9ac";
  color: #fff;
}
.icon-atm:before {
  content: "\e9ad";
  color: #fff;
}
.icon-cross-flatform:before {
  content: "\e9ae";
  color: #fff;
}
.icon-desktop:before {
  content: "\e9af";
  color: #fff;
}
.icon-interface:before {
  content: "\e9b0";
  color: #fff;
}
.icon-laptop:before {
  content: "\e9b1";
  color: #fff;
}
.icon-login:before {
  content: "\e9b2";
  color: #fff;
}
.icon-question:before {
  content: "\e9b3";
  color: #fff;
}

.icon-faceid:before {
  content: "\e99b";
}

.icon-fingerprint, .icon-faceid{
	border-left: .1rem solid rgba(44, 50, 81, .15);
    font-size: 30px;
    color: #40BBEC;
    padding-left: 8px;
}
.icon-fingerprint0:before {
  content: "\e915";
  color: #40BBEC;
  padding-left: 8px;
}
.icon-faceid0:before {
    content: "\e99b";
    color: #40BBEC;
    padding-left: 8px;
}
.icon-emptycc:before {
  content: "\e99a";
  color: #bfbfbf;
}

.icon-eating2:before {
  content: "\e978";
}
.icon-eating-active:before {
  content: "\e979";
  color: #fff;
}
.icon-edit2:before {
  content: "\e97a";
  color: #0b78d2;
}
.icon-education2:before {
  content: "\e97b";
}
.icon-education-active:before {
  content: "\e97c";
  color: #fff;
}
.icon-health2:before {
  content: "\e97d";
}
.icon-health-active:before {
  content: "\e97e";
  color: #fff;
}
.icon-insurance2:before {
  content: "\e97f";
}
.icon-insurance-active:before {
  content: "\e980";
  color: #fff;
}
.icon-investment2:before {
  content: "\e981";
}
.icon-investment-white:before {
  content: "\e982";
  color: #fff;
}
.icon-pay3:before {
  content: "\e983";
}
.icon-pay-active:before {
  content: "\e984";
  color: #fff;
}
.icon-planet:before {
  content: "\e985";
}
.icon-planet-active:before {
  content: "\e986";
  color: #fff;
}
.icon-review:before {
  content: "\e987";
  color: #4f4f4f;
}
.icon-review-active:before {
  content: "\e988";
  color: #0b78d2;
}
.icon-shopping-bag2:before {
  content: "\e989";
}
.icon-shopping-bag-active:before {
  content: "\e98a";
  color: #fff;
}
.icon-spent2:before {
  content: "\e98b";
  color: #4f4f4f;
}
.icon-spent-active:before {
  content: "\e98c";
  color: #0b78d2;
}
.icon-target:before {
  content: "\e98d";
  color: #4f4f4f;
}
.icon-target-active:before {
  content: "\e98e";
  color: #0b78d2;
}
.icon-transport2:before {
  content: "\e98f";
}
.icon-transport-active:before {
  content: "\e990";
  color: #fff;
}
.icon-travel3:before {
  content: "\e991";
}
.icon-travel-active:before {
  content: "\e992";
  color: #fff;
}
.icon-vr:before {
  content: "\e993";
}
.icon-vr-active:before {
  content: "\e994";
  color: #fff;
}
.icon-add2:before {
  content: "\e995";
  color: #0b78d2;
}
.icon-beauty2:before {
  content: "\e996";
}
.icon-beauty-active:before {
  content: "\e997";
  color: #fff;
}
.icon-budget2:before {
  content: "\e998";
  color: #4f4f4f;
}
.icon-budget-active:before {
  content: "\e999";
  color: #0b78d2;
}

.icon-contacts:before {
  content: "\e976";
}
.icon-transaction-template:before {
  content: "\e977";
}

.icon-insurance2:before {
  content: "\e96a";
}

.icon-Investment:before {
  content: "\e96b";
}

.icon-pie-chart:before {
  content: "\e96c";
}

.icon-promotion2:before {
  content: "\e96d";
}

.icon-save-money:before {
  content: "\e96e";
}

.icon-spent:before {
  content: "\e96f";
}

.icon-travel:before {
  content: "\e970";
}

.icon-withdrawal:before {
  content: "\e971";
}

.icon-add:before {
  content: "\e972";
}

.icon-beauty:before {
  content: "\e973";
}

.icon-budget:before {
  content: "\e974";
}

.icon-education:before {
  content: "\e975";
}

.icon-family:before {
  content: "\e960";
}
.icon-health:before {
  content: "\e961";
}
.icon-pay2:before {
  content: "\e962";
}
.icon-qr-network:before {
  content: "\e963";
}
.icon-qr-scan:before {
  content: "\e964";
}
.icon-shopping-bag:before {
  content: "\e965";
}
.icon-transport:before {
  content: "\e966";
}
.icon-travel:before {
  content: "\e967";
}
.icon-eating:before {
  content: "\e968";
}
.icon-entertainment:before {
  content: "\e969";
}

.icon-clock:before {
  content: "\e95f";
}

.icon-delete .path1:before {
  content: "\e950";
  color: rgba(195, 20, 37);
}
.icon-delete .path2:before {
  content: "\e951";
  margin-left: -1em;
  color: rgba(255, 255, 255);
}
.icon-delete .path3:before {
  content: "\e952";
  margin-left: -1em;
  color: rgba(255, 255, 255);
}
.icon-calendar1:before {
  content: "\e948";
  color: #0b78d2;
}
.icon-remove:before {
  content: "\e949";
}
.icon-remove-1:before {
  content: "\e94a";
}
.icon-reward-search:before {
  content: "\e94b";
}
.icon-hours:before {
  content: "\e94c";
}
.icon-arrow-left:before {
  content: "\e94d";
}
.icon-arrow-right:before {
  content: "\e94e";
}

.icon-close:before {
  content: "\e94f";
}
.icon-edit:before {
  content: "\e953";
}
.icon-flash .path1:before {
	content: "\e955";
	margin-left: -2em;
  color: white;
}
.icon-flash .path2:before {
  content: "\e955";
  margin-left: -2em;
  color: white;
}
/* .icon-flash:before {
  content: "\e955";
  margin-left: -1em;
  color: rgba(255, 255, 255) !important
} */
.icon-help .path1:before {
  content: "\e957";
  color: white;
}
.icon-help .path2:before {
  content: "\e957";
  /* margin-left: -1em; */
  color: white;
}

.icon-help0 .path1:before {
  content: "\e956";
  color: rgba(255, 255, 255);
}
.icon-help0 .path2:before {
  content: "\e957";
  margin-left: -1em;
  color: rgba(0, 121, 212);
}

.icon-help_m:before {
	content: "\e957";  
	/* color: rgba(255, 255, 255); */
	/* height: 35px;
    width: 35px; */
    /* font-size: 32px; */
}
.icon-lock:before {
  content: "\e958";
}
.icon-lock-card:before {
  content: "\e959";
}
.icon-lock-phone:before {
  content: "\e95a";
}
.icon-password:before {
  content: "\e95b";
}
.icon-pay-card:before {
  content: "\e95c";
}
.icon-policy-2:before {
  content: "\e95d";
}
.icon-product:before {
  content: "\e95e";
}
.icon-success:before {
  content: "\e947";
}

.icon-personal-transfer:before {
  content: "\e941";
}
.icon-transfer-247:before {
  content: "\e942";
}
.icon-passport-transfer:before {
  content: "\e943";
}
.icon-auto_transfer:before {
  content: "\e944";
}
.icon-account-transfer:before {
  content: "\e945";
}
.icon-market-transfer:before {
  content: "\e946";
}
.icon-calendar:before {
  content: "\e940";
}

.icon-close:before {
  content: "\e900";
  
}
.icon-app_info:before {
  content: "\e901";
  
}
.icon-app_introduce:before {
  content: "\e902";
  
}
.icon-arrow_right:before {
  content: "\e903";
  
}
.icon-attention:before {
  content: "\e904";
  
}
.icon-back-arrow:before {
  content: "\e905";
  
}
.icon-baohiem:before {
  content: "\e906";
  
}
.icon-bell:before {
  content: "\e907";
  
}
.icon-booking:before {
  content: "\e908";
  
}
.icon-card_1:before {
  content: "\e909";
  
}
.icon-cards:before {
  content: "\e90a";
  
}
.icon-credit:before {
  content: "\e90b";
  
}
.icon-credit_card:before {
  content: "\e90c";
  
}
.icon-discount:before {
  content: "\e90d";
  
}
.icon-dot_nofitication:before {
  content: "\e90e";
  color: #c31425;
}
.icon-down_arrow:before {
  content: "\e90f";
  
}
.icon-ebanking:before {
  content: "\e910";
  
}
.icon-edit_profile:before {
  content: "\e911";
  
}
.icon-email_1:before {
  content: "\e912";
  
}
.icon-email_2:before {
  content: "\e913";
}
.icon-exchange:before {
  content: "\e914";
}
.icon-fingerprint:before {
  content: "\e915";
  color: #40BBEC;
    padding-left: 8px;
}
.icon-fingerprint0:before {
  content: "\e915";
  color: #40BBEC;
  padding-left: 8px;
}
.icon-functions:before {
  content: "\e916";
  
}
.icon-gold:before {
  content: "\e917";
  
}
.icon-great-britain .path1:before {
  content: "\e918";
  color: rgba(40, 86, 128);
}
.icon-great-britain .path2:before {
  content: "\e919";
  margin-left: -1em;
  color: rgba(236, 240, 241);
}
.icon-great-britain .path3:before {
  content: "\e91a";
  margin-left: -1em;
  color: rgba(192, 58, 43);
}
.icon-great-britain .path4:before {
  content: "\e91b";
  margin-left: -1em;
  color: rgba(192, 58, 43);
}
.icon-great-britain .path5:before {
  content: "\e91c";
  margin-left: -1em;
  color: rgba(192, 58, 43);
}
.icon-great-britain .path6:before {
  content: "\e91d";
  margin-left: -1em;
  color: rgba(192, 58, 43);
}
.icon-great-britain .path7:before {
  content: "\e91e";
  margin-left: -1em;
  color: rgba(192, 58, 43);
}
.icon-great-britain .path8:before {
  content: "\e91f";
  margin-left: -1em;
  color: rgba(192, 58, 43);
}
.icon-home:before {
  content: "\e920";
  
}
.icon-insurance:before {
  content: "\e921";
}
.icon-investment:before {
  content: "\e922";
  
}
.icon-key:before {
  content: "\e923";
  color: #FFF;
}
.icon-logout:before {
  content: "\e924";
  
}
.icon-master_card:before {
  content: "\e925";
  
}
.icon-menu-bar:before {
  content: "\e926";
  color: #FFF;
}
.icon-more:before {
  content: "\e927";
  
}
.icon-network:before {
  content: "\e928";
  
}
.icon-pay:before {
  content: "\e929";
  
}
.icon-pie_chart:before {
  content: "\e92a";
  
}
.icon-policy:before {
  content: "\e92b";
  
}
.icon-policy_2_1:before {
  content: "\e92c";
  
}
.icon-profit:before {
  content: "\e92d";
  
}
.icon-promotion:before {
  content: "\e92e";
  
}
.icon-qr:before {
  content: "\e92f";
  
}
.icon-quanlytaichinhcanhan:before {
  content: "\e930";
  
}
.icon-rule:before {
  content: "\e931";
  
}
.icon-save_money:before {
  content: "\e932";
  
}
.icon-search:before {
  content: "\e933";
  
}
.icon-search_info:before {
  content: "\e934";
  
}
.icon-services:before {
  content: "\e935";
  
}
.icon-thanhtoan:before {
  content: "\e936";
  
}
.icon-transfer:before {
  content: "\e937";
  
}
.icon-trash:before {
  content: "\e938";
  
}
.icon-trasoatchuyentien:before {
  content: "\e939";
  
}
.icon-tutorial:before {
  content: "\e93a";
  
}
.icon-up_arrow:before {
  content: "\e93b";
  
}
.icon-user:before {
  content: "\e93c";
  color: #FFF;
}
.icon-vietnam .path1:before {
  content: "\e93d";
  color: rgba(192, 58, 43);
}
.icon-vietnam .path2:before {
  content: "\e93e";
  margin-left: -1em;
  color: rgba(243, 213, 91);
}
.icon-account:before {
  content: "\e93f";
}

.oj-fwk-icon-calendar:before, .oj-inputdatetime-calendar-icon:before{
	 content: "\e940" !important;
}

.oj-fwk-icon-arrow-se:before, .oj-fwk-icon-arrow-sw:before, html:not([dir="rtl"]) .oj-fwk-icon-arrow-s-start:before, html[dir="rtl"] .oj-fwk-icon-arrow-s-end:before, html[dir="rtl"] .oj-collapsible-open-icon:before, html[dir="rtl"] .oj-listview-expand-icon:before, .oj-fwk-icon-arrow-nw:before, html:not([dir="rtl"]) .oj-fwk-icon-arrow-n-start:before, html[dir="rtl"] .oj-fwk-icon-arrow-n-end:before, .oj-fwk-icon-arrow-ne:before, html[dir="rtl"] .oj-fwk-icon-arrow-n-start:before, html:not([dir="rtl"]) .oj-fwk-icon-arrow-n-end:before, html[dir="rtl"] .oj-fwk-icon-arrow-s-start:before, html:not([dir="rtl"]) .oj-fwk-icon-arrow-s-end:before, html:not([dir="rtl"]) .oj-collapsible-open-icon:before, html:not([dir="rtl"]) .oj-listview-expand-icon:before {
    content: "\e93b" !important;
}

.oj-fwk-icon-arrow-e:before, .oj-fwk-icon-arrow-w:before, html:not([dir="rtl"]) .oj-fwk-icon-arrow-start:before, html[dir="rtl"] .oj-fwk-icon-arrow-end:before, html[dir="rtl"] .oj-collapsible-close-icon:before, html[dir="rtl"] .oj-treeview-drop-marker-icon:before, html[dir="rtl"] .oj-listview-collapse-icon:before, .oj-fwk-icon-arrow-n:before, .oj-table-column-header-asc-icon:before, .oj-fwk-icon-arrow-s:before, .oj-table-column-header-dsc-icon:before, html[dir="rtl"] .oj-fwk-icon-arrow-start:before, html:not([dir="rtl"]) .oj-fwk-icon-arrow-end:before, html:not([dir="rtl"]) .oj-collapsible-close-icon:before, html:not([dir="rtl"]) .oj-treeview-drop-marker-icon:before, html:not([dir="rtl"]) .oj-listview-collapse-icon:before {
    content: "\e90f"  !important;
}

.oj-fwk-icon-arrow02-s:before, .oj-fwk-icon-arrow02-w:before, html:not([dir="rtl"]) .oj-fwk-icon-arrow02-start:before, html[dir="rtl"] .oj-fwk-icon-arrow02-end:before, html[dir="rtl"] .oj-navigationlist-collapsible .oj-navigationlist-collapse-icon:before, .oj-navigationlist-collapsible html[dir="rtl"] .oj-navigationlist-collapse-icon:before, .oj-fwk-icon-arrow02-n:before, .oj-fwk-icon-arrow02-e:before, html[dir="rtl"] .oj-fwk-icon-arrow02-start:before, html:not([dir="rtl"]) .oj-fwk-icon-arrow02-end:before, html:not([dir="rtl"]) .oj-navigationlist-collapsible .oj-navigationlist-collapse-icon:before, .oj-navigationlist-collapsible html:not([dir="rtl"]) .oj-navigationlist-collapse-icon:before, .oj-button-menu-dropdown-icon:before, .oj-navigationlist-collapsible .oj-navigationlist-expand-icon:before, .oj-combobox-open-icon:before, .oj-select-open-icon:before{
	content: "\e90f"  !important;
}

.oj-button-primary.oj-buttonset .oj-button-jqui.oj-default.oj-button-full-chrome, .oj-button-primary.oj-buttonset .oj-button-jqui.oj-focus-only.oj-button-full-chrome, .oj-button-primary.oj-button-jqui.oj-default.oj-button-full-chrome, .oj-button-primary.oj-button-jqui.oj-focus-only.oj-button-full-chrome, .oj-button-primary.oj-button.oj-default.oj-button-full-chrome .oj-button-button, .oj-button-primary.oj-button.oj-focus-only.oj-button-full-chrome .oj-button-button {
	border-radius: 8px;
    margin: 0 !important;
	border: 0;
}

.scb-button-focus-view  > button{
	background: linear-gradient(#40BBEC ,#0079D4 99.96%) !important;
	font-family: 'SCB-font-SemiBold';
	font-size: 1rem;
}

.scb-button-unfocus-view > button {
	background: #FFF !important;
    border: 1px solid #40BBEC !important;
	color: #0B78D2 !important;
	font-family: 'SCB-font-SemiBold';
	font-size: 1rem;
} 

.oj-button-primary.oj-buttonset .oj-button-jqui.oj-active.oj-button-full-chrome, 
.oj-button-primary.oj-button-jqui.oj-active.oj-button-full-chrome, 
.oj-button-primary.oj-button.oj-active.oj-button-full-chrome .oj-button-button{
	border-radius: 8px;
	border: 0 !important;
}

.oj-fwk-icon-caret-e:before, .oj-fwk-icon-caret-s:before, .oj-conveyorbelt-overflow-icon.oj-bottom:before, .oj-filmstrip-arrow-icon.oj-bottom:before, .oj-inputnumber-down-icon:before, .oj-fwk-icon-caret-w:before, html:not([dir="rtl"]) .oj-fwk-icon-caret-start:before, html:not([dir="rtl"]) .oj-fwk-icon-back:before, html:not([dir="rtl"]) .oj-hybrid-applayout-header-icon-back:before, html:not([dir="rtl"]) .oj-conveyorbelt-overflow-icon.oj-start:before, html:not([dir="rtl"]) .oj-filmstrip-arrow-icon.oj-start:before, html:not([dir="rtl"]) .oj-navigationlist-previous-icon:before, html[dir="rtl"] .oj-fwk-icon-caret-end:before, html[dir="rtl"] .oj-fwk-icon-next:before, html[dir="rtl"] .oj-conveyorbelt-overflow-icon.oj-end:before, html[dir="rtl"] .oj-filmstrip-arrow-icon.oj-end:before, html[dir="rtl"] .oj-listview-drill-icon:before, html:not([dir="rtl"]) .oj-datepicker-prev-icon:before, html[dir="rtl"] .oj-datepicker-next-icon:before, .oj-fwk-icon-caret-n:before, .oj-conveyorbelt-overflow-icon.oj-top:before, .oj-filmstrip-arrow-icon.oj-top:before, .oj-inputnumber-up-icon:before, html[dir="rtl"] .oj-fwk-icon-caret-start:before, html[dir="rtl"] .oj-fwk-icon-back:before, html[dir="rtl"] .oj-hybrid-applayout-header-icon-back:before, html[dir="rtl"] .oj-conveyorbelt-overflow-icon.oj-start:before, html[dir="rtl"] .oj-filmstrip-arrow-icon.oj-start:before, html[dir="rtl"] .oj-navigationlist-previous-icon:before, html:not([dir="rtl"]) .oj-fwk-icon-caret-end:before, html:not([dir="rtl"]) .oj-fwk-icon-next:before, html:not([dir="rtl"]) .oj-conveyorbelt-overflow-icon.oj-end:before, html:not([dir="rtl"]) .oj-filmstrip-arrow-icon.oj-end:before, html:not([dir="rtl"]) .oj-listview-drill-icon:before, html[dir="rtl"] .oj-datepicker-prev-icon:before, html:not([dir="rtl"]) .oj-datepicker-next-icon:before{
	content: "\e903"  !important;
}

.oj-navigationlist-item.oj-selected{
/*    border-color: #0B78D2;*/
}

.scb-icon-transfer{
	background: -webkit-linear-gradient(#40BBEC, #0079D4);
	background-clip:content-box; 
	-webkit-background-clip: text; 
	-webkit-text-fill-color: transparent;
}

.oj-default a span div.scb-horizontal-list{
	color: #000000;
	/* font-family: SCB-font-Bold; */
	font-weight: 600;
}

.oj-selected a span div.scb-horizontal-list{
	color: #0B78D2;
	font-family: 'SCB-font-semiBold';
}

.scb-horizontal-list {
	white-space: normal;
	text-align: center;
	/*font-family: 'SCB-font-semiBold';  */
	/* color: #0064b1; */
}

/*
a .oj-clickable-icon, a.oj-clickable-icon, a.oj-clickable-icon-nocontext, a:visited .oj-clickable-icon, a:visited.oj-clickable-icon, a:visited.oj-clickable-icon-nocontext, .oj-default .oj-clickable-icon, .oj-default.oj-clickable-icon, .oj-default.oj-clickable-icon-nocontext{
	 /* color: #0B78D2 !important; */
/* } */

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

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

.canvasContainer{
	position: relative;
	/*height: 455px;*/
}

.canvasContainer #canvasCamera, .canvasOverlay{
	position: absolute;
	/*background: rgba(0,0,0,0.15);*/
}

.canvasOverlayTxt{
    position: absolute;
    top: 16px;
    white-space: nowrap;
    left: 60px;
    color: #FFFFFF;
}

.qrcodeLogo{
	position: absolute;
    bottom: 60px;
    text-align: center;
}

.icon-flash{
	text-align: center;
    position: absolute;
    bottom: 16px;
    right: 16px;
    font-size: 32px;
}

.icon-help{
	text-align: center;
    position: absolute;
    bottom: 16px;
    left: 16px;
    font-size: 32px;
}

.icon-help0{
	padding-right: 5px;
	font-size: 30px;
}

.scb-popup{
	border: 1px solid #c4ced7;
    border-radius: 16px;
    background-color: #fff;    
    -webkit-will-change: top,left;
		-ms-will-change: top,left;
		will-change: top,left;
    -moz-will-change: top,left;
}

.scb-button-calendar{
	height: 48px; 
	width: 100%;
	border-radius: 8px;
	background: #FFF;
	color:#0B78D2;	
}

.oj-datepicker-calendar{
	width: 100%;
	margin: 0 !important;
}

.oj-datepicker-month, .oj-datepicker-year{
	padding-right: 10px;
}

.scb-nav-list{
	border-width: 0 0 1px 0 !important;
}

.label-name{
	color: #4F4F4F;
}

.label-value{
	color: #000000;
	font-family: 'SCB-font-SemiBold';
}

.scb-text-large-group{
	font-family: 'SCB-font-SemiBold';
	font-weight: 800;
	font-size: 14px;
	color: #4F4F4F;
	margin-top: 16px;
	margin-bottom: 8px;
}

.scb-text-group{
	font-family: 'SCB-font-SemiBold';
	font-size: 14px;
	color: #4F4F4F;
	margin-left: 16px;
	margin-top: 24px;
	margin-bottom: 8px;
}

.scb-common-panel {
  
  border: 0;
  background: #FFFFFF;
  padding: 0;
  /* height: 100%; */
}

.scb-box-title{
	margin-right: -1rem;
    margin-left: -1rem;
    margin-bottom: 24px;
    border: 0 !important;
    background: #FFF;    
}

.scb-box-title > .scb-title{
	padding: 1rem 3.85rem;
    text-align: center;
    color: #0B78D2;
    font-family: 'SCB-font-SemiBold' !important;
    font-size: 1rem !important;
}

.scb-box-title>.scb-title-left {
	padding: 0 1.85rem 1rem 1.85rem;
	text-align: left;
	color: #0B78D2;
	font-family: 'SCB-font-SemiBold' !important;
	font-size: 1rem !important;
}

.scb-notification-box{
	padding-left: 16px;
	padding-top: 16px;
}

.scb-notification-time{
	color: #BFBFBF;
    font-size: 12px;
    font-family: SCB-font-SemiBold;
}

.scb-notification-subject{
	color: #000;
    font-size: 16px;
    font-family: SCB-font-SemiBold;
}

.scb-notification-message{
	color: #4F4F4F;
	overflow:hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.scb-label-switch, .oj-label, .oj-label-nocomp {
	display: inline-block !important;
}

.oj-switch .oj-switch-track {
    height: 6px !important;
    width: 36px !important;
}

.oj-switch .oj-switch-thumb {
    height: 20px !important;
    width: 20px !important;
    position: absolute !important;
    top: 9px !important
}

.oj-switch.oj-selected .oj-switch-track {
	background-color: rgba(0, 0, 0, 0.2) !important;
    border-color: transparent  !important;
}

.oj-switch .oj-switch-track, .oj-switch.oj-default .oj-switch-track{
	background-color: rgba(0, 0, 0, 0.2) !important;
    border-color: transparent  !important;
	margin-top: 0px !important;
}

.oj-switch-track::before {
	content: 'VI';
	position: absolute;
    top: -20px;
    left: -22px;
    font-family: SCB-font-SemiBold;
    font-size: 11px;
    color: #FFF;
}

.oj-switch-track::after {
	content: 'EN';
	position: absolute;
    top: -20px;
    right: -26px;
    font-family: SCB-font-SemiBold;
    font-size: 11px;
    color: #FFF;
}

.oj-select{
	max-width: 100% !important;
}

.oj-navigationlist-item.oj-hover:not(.oj-selected){
	background-color: rgba(255,255,255,0.12) !important;
}

.scb-dropdown{
	position: relative;
	/* border-top-left-radius: 8px; */
	/* border-top-right-radius: 8px; */
}

.horizontal-li-hover{
	background: #FFFFFF !important;
}

/* .scb-dropdown:hover{ */
	/* height: 530px; */
/* } */

.scb-dropdown-content{
	display: none;
	position: absolute;
	z-index: 1;
	background: #FFF;
    width: auto;
    color: #000;
    /* padding-top: 10px; */    
	top: 38px;
	border-radius: 8px;
	z-index: 3;
}

.scb-dropdown-content > li{
	justify-content: center;
	cursor: pointer;
}

.scb-dropdown-content > li:hover{
	background:red;
}

.scb-dropdown:hover .scb-dropdown-content{
	display: block;
}

.scb-header-offers {
		/* Dung : change to 48px for design */
	height: 48px;
	border-bottom: 1px solid rgba(255,255,255, 0.15);
}

.scb-list-offers {
	max-height: 276px;	
	overflow-y: scroll !important;
	border-bottom: 1px solid rgba(255,255,255, 0.15) !important;
}

.scb-show-more-offers {
	height: 48px;
    color: #40BBEC;
    cursor: pointer;
}

.icons {
	cursor: pointer;
}

.scb-offers-div {
	/* Dung : remove for offer div on dashboard */
	/* max-height: 20.5rem; */
	margin: 0;
	border-radius: 8px;
	background: linear-gradient(#0B78D2, #0066B2);
	color: #FFF;
}

.scb-offers-div-empty{
	min-height: 6.5rem;
	margin: 0;
	border-radius: 8px;
	background: linear-gradient(#0B78D2, #0066B2);
	color: #FFF;
}

.scb-self-center{
	align-self: center;
}

.scb-self-flex-end{
	align-self: flex-end;
}

.scb-padding-25-top{
	padding-top: 25px;
}

.scb-padding-30-top{
	padding-top: 30px;
}

.scb-view-details-link{
	color: #0B78D2;
}

.scb-background-transparent{
	background: transparent;
}

#toggles{
	width:60px;
	margin:10px auto;
	text-align:center;
}
.ios-toggle,.ios-toggle:active{
	position:absolute;
	top:-5000px;
	height:0;
	width:0;
	opacity:0;
	border:none;
	outline:none;
}
.checkbox-label{
	display:block;
	position:relative;
	font-size:12px;
	line-height:16px;
	width:100%;
	height:30px;
	/*border-radius*/
	-webkit-border-radius:18px;
	   -moz-border-radius:18px;
			border-radius:18px;
	background:#f8f8f8;
	cursor:pointer;
}
.checkbox-label:before{
	content:'';
	display:block;
	position:absolute;
	z-index:1;
	line-height:34px;
	text-indent:40px;
	height:30px;
	width:30px;
	/*border-radius*/
	-webkit-border-radius:100%;
	   -moz-border-radius:100%;
			border-radius:100%;
	top:0px;
	left:0px;
	right:auto;
	background:white;
	/*box-shadow*/
	-webkit-box-shadow:0 3px 3px rgba(0,0,0,.2),0 0 0 2px #dddddd;
	   -moz-box-shadow:0 3px 3px rgba(0,0,0,.2),0 0 0 2px #dddddd;
			box-shadow:0 3px 3px rgba(0,0,0,.2),0 0 0 2px #dddddd;
}
.checkbox-label:after{
	content:attr(data-off);
	display:block;
	position:absolute;
	z-index:0;
	top:0;
	left:-300px;
	padding:10px;
	height:90%;
	width:300px;
	text-align:right;
	color:#bfbfbf;
	white-space:nowrap;
}
.ios-toggle:checked + .checkbox-label{
	/*box-shadow*/
	-webkit-box-shadow:inset 0 0 0 20px rgba(0, 102, 178),0 0 0 2px rgba(0, 102, 178);
	   -moz-box-shadow:inset 0 0 0 20px rgba(0, 102, 178),0 0 0 2px rgba(0, 102, 178);
			box-shadow:inset 0 0 0 20px rgba(0, 102, 178),0 0 0 2px rgba(0, 102, 178);
}
.ios-toggle:checked + .checkbox-label:before{
	left:calc(100% - 30px);
	/*box-shadow*/
	-webkit-box-shadow:0 0 0 2px transparent,0 3px 3px rgba(0,0,0,.3);
	   -moz-box-shadow:0 0 0 2px transparent,0 3px 3px rgba(0,0,0,.3);
			box-shadow:0 0 0 2px transparent,0 3px 3px rgba(0,0,0,.3);
}
.ios-toggle:checked + .checkbox-label:after{
	content:attr(data-on);
	left:60px;
	width:36px;
}

#checkbox1 + .checkbox-label{
	/*box-shadow*/
	-webkit-box-shadow:inset 0 0 0 0px rgba(0, 102, 178),0 0 0 2px #dddddd;
	   -moz-box-shadow:inset 0 0 0 0px rgba(0, 102, 178),0 0 0 2px #dddddd;
			box-shadow:inset 0 0 0 0px rgba(0, 102, 178),0 0 0 2px #dddddd;
}
#checkbox1:checked + .checkbox-label{
	/*box-shadow*/
	-webkit-box-shadow:inset 0 0 0 18px rgba(0, 102, 178),0 0 0 2px rgba(0, 102, 178);
	   -moz-box-shadow:inset 0 0 0 18px rgba(0, 102, 178),0 0 0 2px rgba(0, 102, 178);
			box-shadow:inset 0 0 0 18px rgba(0, 102, 178),0 0 0 2px rgba(0, 102, 178);
}
#checkbox1:checked + .checkbox-label:after{
	color: rgba(0, 102, 178) !important;
}

.scb-border-radius-8px{
	border-radius: 8px;
}

#menuList > .oj-selected{
	background-color: rgba(0,0,0,0.1);
}

.currency-code{
	height: 30px;
	margin: 5px;
    padding-top: 6px !important;
    padding-left: 11px !important;
	box-shadow: inset 0 0 0 1px #0B78D2;
	border-radius: 4px;
	color: #0B78D2;
    font-family: 'SCB-font-SemiBold';
}

.currency-code.oj-selected{
	background-color: #0066B2 !important;
	border-radius: 4px;
	color: #FFF;
	box-shadow: none;
	transition: all 0.5s ease-in-out 0s;
}

.currency-code:hover{
	cursor: pointer;
}

.padding-50{
	padding: 50px;
}

.grid-rect:hover{
	background: #0B78D2;
	color: #FFFFFF;
}

.grid-rect:hover div{
	color: #FFFFFF;
	cursor: pointer;
}

.grid-rect:hover span{
	-webkit-text-fill-color: #FFFFFF;
}

.scb-transition-all-05{
	transition: all 0.5s ease-in-out 0s;
}

.oj-inputsearch-input{
	background: transparent !important;
}

.oj-inputsearch-input:placeholder{
	color: #FFFFFF !important;
}

#sendCodeOTP{
	cursor: pointer;
}

.account-no{
	padding: 5px 0px 8px 0px;
    font-size: 1rem !important;
    color: #0B78D2;
    font-family: SCB-font-semiBold;
}

.accordionBlock{
    margin-bottom: 10px !important;
	box-shadow: 0px 2px 2px rgba(0,0,0,0.05);
}

.close-offers-dialog{
	font-family: SCB-font-Bold;
	color: #0B78D2;
}

.close-offers-dialog:hover{
	cursor: pointer;
}

.oj-dialog{
	background: #FFFFFF !important;
	border-radius: 8px !important;
	outline: none !important;
}

.oj-dialog-header{
	text-align: center;
    font-family: SCB-font-semiBold;
	/* background-color: #FFFFFF !important; */
}

.oj-dialog-body{
    font-size: 16px;
}

.oj-select-chosen.oj-select-default{
	color: #0B78D2 !important;
	font-family: 'SCB-font';
	font-style: normal !important;
	font-weight: 600;
}

.oj-select-choice{
	text-align: right !important;
	color: #0B78D2 !important;
	font-family: SCB-font-Bold;
}

.oj-listbox-drop{
	box-shadow: 0px 8px 8px 0 rgba(0,0,0,0.1) !important;
    border: 0 !important;
	border-radius: 0px 0px 6px 6px;
}

.oj-listbox-results li{
	padding: .2rem 0;
    border-radius: 6px;
}

/*DN*/
.work-box-header{
	background: linear-gradient(to top, #0B78D2, #0066B2);
	color: #FFFFFF;
	border-radius: 8px 8px 0px 0px;
	
}

.work-box-maker-header__selectBox{
	background: #FFFFFF;
    border-radius: 4px;
    margin: 5px;
}

.box-work-search-header{
	background: #FFF;
    margin-left: 10px !important;
		margin-right: 10px ;
		margin-bottom: 10px ;
    border-radius: 4px;
}

.work-box__headerCount__0{
	color:#0B78D2;
	font-family: SCB-font-Bold;
	margin:.3rem 0 .6rem;
	height:1.2rem;
}

.work-box__headerCount__1{
	color:#EB4446;
	font-family: SCB-font-Bold;
	margin:.3rem 0 .6rem;
	height:1.2rem;
}

.work-box__headerCount__2{
	color:#EAB01A         ;
	font-family: SCB-font-Bold;
	margin:.3rem 0 .6rem;
	height:1.2rem;
}

.work-box__headerCount__3{
	color:#05C071;
	font-family: SCB-font-Bold;
	margin:.3rem 0 .6rem;
	height:1.2rem;
}

.work-box__headerCount__4{
	color:#05C071;
	font-family: SCB-font-Bold;
	margin:.3rem 0 .6rem;
	height:1.2rem;
}

.work-box__headerCount__5{
	color:#05C071;
	font-family: SCB-font-Bold;
	margin:.3rem 0 .6rem;
	height:1.2rem;
}

.work-box-maker-flex-container__flex-item:active{
	background:#40BBEC;
}

.oj-listview-no-data-message{
	background-color: transparent !important;
}

.oj-inputdatetime-input-trigger{
	background-color: transparent !important;
}

.pending-approvals-bar{
	background: linear-gradient(to top, #0B78D2, #0066B2);
    color: #FFF;
}

.approvals-selection{
	background: #FFF;
    border-radius: 8px;
}

.title-Help{
	background: #FFF;
    padding: 20px;
    color: #0B78D2;
    font-family: SCB-font-SemiBold;
    border-radius: 8px;
}

@keyframes placeHolderShimmer{
    0%{
        background-position: -468px 0
    }
    100%{
        background-position: 468px 0
    }
}

.networth{
	animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    overflow: hidden;
	background-size: 1000px 104px;
	box-shadow: 0px 2px 2px rgba(0,0,0, 0.05);
}

.inter-draw{
  background: #FFF;
  width: 100%;
  height: 120px;
  position: absolute;
  top: 100px;
}
.inter-right-top{
  background: #FFF;
  width: 100%;
  height: 20px;
  position: absolute;
  top: 20px;
  left: 100px;
}
.inter-right-bottom{
  background: #FFF;
  width: 100%;
  height: 50px;
  position: absolute;
  top: 60px;
  left: 100px;
}
.inter-crop{
  background: #FFF;
  width: 20px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 100px;
}

.networth-placeholder{
	/* display: none; */
}

.oj-inputsearch-search-icon{
	display: none;
}

.scb-header-search-box{
	margin-top: 28px;
	display: none;
}

.scb-header-search-box > .oj-inputsearch > .oj-inputsearch-choice{
	background: #FFF;
    border-radius: 4px;
    margin-left: -12px;
}

.scb-header-search-box > .oj-inputsearch > .oj-inputsearch-choice > .oj-inputsearch-search-button{
	display: none;
}

.scb-icon-clip-white{
	background: #FFF;
		-webkit-background-clip: text;
		background-clip: text;
    -webkit-text-fill-color: transparent;
}

.scb-list-ccy{
	background: #FFF;
    box-shadow: 0px 2px 2px rgba(0,0,0,0.16);
    padding: 8px;
	animation: animatezoom .6s;
}

.combobox-currency-code > .oj-combobox {
	min-width: 5em !important;
}

.dashboard-accordian-container .balance-amount {
	font-family: SCB-font-semiBold;
    text-align: right;
    font-size: 1rem;
    color: #000000;
}

.login-lg-background-1-169 {
	background-image: url(../images/IB-2407-01.jpg);
}

.login-lg-background-2-169{
	background-image: url(/images/scb/IB2-01.jpg);
}

.login-lg-background-3-169{
	background-image: url(/images/scb/IB3-01.jpg);
}

.login-lg-background-1-43 {
	background-image: url(/images/scb/IB-2407-02.jpg);
}

.login-lg-background-2-43{
	background-image: url(/images/scb/IB2-02.jpg);
}

.login-lg-background-3-43{
	background-image: url(/images/scb/IB3-02.jpg);
}

#beltTransfer > .oj-end, .oj-start {
	display: none;
}

.desc-account > .oj-select > .oj-select-choice > .oj-select-chosen {
	text-align: left;
}

.desc-account > .oj-select > .oj-select-choice > .oj-select-arrow {
	color: #0B78D2;
}

.select-chosen-left > .oj-select > .oj-select-choice > .oj-select-chosen {
	text-align: left;
}

.scb-row-account > .oj-select > .oj-select-choice > .oj-select-chosen {
    text-align: left;
}

.scb-row-account-sm > .oj-select > .oj-select-choice > .oj-select-chosen {
    text-align: left;
}

.select-chosen-left > .oj-select > .oj-select-choice > .oj-select-arrow{
	color: #0B78D2;
}

.role-switcher > .oj-select > .oj-select-choice > .oj-select-chosen {
  text-align: left;
}
.scb-row-no-borders{
	/* padding: 5px 10px; */
	padding-top: .6rem;
	padding-right: 1rem;
	padding-bottom: 1rem;
	padding-left: .6875rem;
}

.viewDetailAd{
	height: 32px;
    width: 108px;
    background: #FFF;
    position: absolute;
    bottom: 150px;
    right: 24px;
    /* filter: drop-shadow(0px 8px 8px rgba(0, 0, 0, 0.25)); */
    border-radius: 4px;
	cursor: pointer;
}

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

.oj-textarea{
	max-width: none !important;
}

.divDashboard{
	margin-top: 32px;
	background-color:#E5E5E5
}

.height-30{
	height: 30%;
}

.scb-margin-top-40{
	margin-top: 40px;
}

.scb-margin-top-70{
	margin-top: 70px;
}
.oj-button-primary.oj-buttonset .oj-button-jqui.oj-hover.oj-button-full-chrome:not(.oj-active), .oj-button-primary.oj-button-jqui.oj-hover.oj-button-full-chrome:not(.oj-active), .oj-button-primary.oj-button.oj-hover.oj-button-full-chrome:not(.oj-active) .oj-button-button{
	border-radius: 8px;
	border: 0;
}

.scb-logo-loby{
	padding-top: 10px;
        height: 27px;
    /* padding-top: 8px;
    height: 30px; */
}

.dashboard section{
	margin-bottom: 1.1rem
}

.networth .pie {
    width: 100%;
    height: 8.8rem;
}

@media only screen and (min-width:768px) and (max-width:1023px) {
	.scb-logo-loby{
		height: 60px;
	}
	
	.login-enclosure{
		padding-top: 4.5rem !important;
	}
	
	.film-strip-div{
		height: 350px;
	}
	
	.img-film-strip{
		height: auto;
	}
	
	.networth .pie {
		height: 10.8rem;
	}
}

@media print,
screen and (min-width: 1024px) {
	.dashboard section{
		margin-bottom: 0px !important;
	}
}

span:active{
    background: transparent;
}

.mailbox-holder{
    padding: 0 !important;
    margin: 0;
    padding-right: 10px !important;
}

#headerName{
    font-family: SCB-font-semiBold;
}

.oj-inputdatetime-input-trigger{
    background-color: transparent !important;
}

#placeholder_username{
    color: rgb(255, 255, 255);
    opacity: 0.85;
    font-style: normal;
    font-size: 0.8rem;
    position: absolute;
    display: inline;
    margin-top: -30px;
    margin-left: 30px;
}

#placeholder_password{
    color: rgb(255, 255, 255);
    opacity: 0.85;
    font-style: normal;
    font-size: 0.8rem;
    position: absolute;
    display: inline;
    margin-top: -48px;
    margin-left: 30px;
}

#hideDetailsBtn{
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 15px;
}

.sub-menu-item{
    margin: 0;
    text-align: left !important;
}


.header .header-container .oj-inputsearch{
    max-width: 90% !important;
    background: #FFF;
    border-radius: 8px;
}

.header-name{
    max-height: 50px;
    align-items: center;
}

.oj-button-primary.oj-buttonset .oj-button-jqui.oj-default.oj-button-full-chrome, .oj-button-primary.oj-buttonset .oj-button-jqui.oj-focus-only.oj-button-full-chrome, .oj-button-primary.oj-button-jqui.oj-default.oj-button-full-chrome, .oj-button-primary.oj-button-jqui.oj-focus-only.oj-button-full-chrome, .oj-button-primary.oj-button.oj-default.oj-button-full-chrome .oj-button-button, .oj-button-primary.oj-button.oj-focus-only.oj-button-full-chrome .oj-button-button{
    margin-bottom: 0;
}

.qrPayLogin{
    padding-top: 60px;
}

.qrPayLoginLogo{
    height: 90px;
}

.oj-button-primary.oj-buttonset .oj-button-jqui.oj-default.oj-button-full-chrome, .oj-button-primary.oj-buttonset .oj-button-jqui.oj-focus-only.oj-button-full-chrome, .oj-button-primary.oj-button-jqui.oj-default.oj-button-full-chrome, .oj-button-primary.oj-button-jqui.oj-focus-only.oj-button-full-chrome, .oj-button-primary.oj-button.oj-default.oj-button-full-chrome .oj-button-button, .oj-button-primary.oj-button.oj-focus-only.oj-button-full-chrome .oj-button-button{
    margin-bottom: 0;
}

.qrPayLogin{
    padding-top: 60px;
}

.qrPayLoginLogo{
    height: 90px;
}
/* .oj-navigationlist-vertical .oj-navigationlist-item::before{
	min-height:0px !important;
} */

.oj-inputsearch-search-icon:before{
	content:"\e933" !important
}