/* ...desktop styles here... */
.mobile-table-label, .fileUploadNoContent .ui-fileupload-content, .footerBtn, .burger-menu {display: none;}
.null{}
.selectRadioBtn{line-height: 25px;margin-left: 33px}
.loadingImageSmall{visibility:hidden;}
.row_toggler{width:3%}
.tanMessages td {line-height:1 !important}
.rightToLeft{float:right}
.column{color: #666c71;}
.labelLeft {width: 90px; min-width: 90px; text-align: right; word-break: break-word;}
.iconColumn{width: 14%;padding-left: 7px;font-family: Sans-serif;font-size: 15px;}
.notificationsLabel { width: 100%;  text-align: left;}
.notificationsLabel .ui-button-text { padding: 4px 0px;}

/************************* Slide MENU *************************/
.mobile-menu{display: none;	width:100%;	padding: 2px 0px; background:none; background-color: rgba(0, 0, 0, 0.5); border-bottom: 3px solid #3199FE; margin-bottom: 1px !important;}
.mobile-menu td:last-child{text-align: right;}
.mobile-menu a{text-decoration: none;}
.mobile-menu td a{padding: 0 6px;}
.mobile-menu .small-logo{height: 56px; vertical-align: bottom;}
.filter-input {width:100% !important; border: none !important; height: 100% !important; background:transparent;}
.slide-menu {margin: 0;padding: 0; background: none;border:none;}
.slide-menu .ui-menu-list .ui-widget-header,.slide-menu .ui-menu-list .ui-widget-header:hover{width: 100%; border:none;	border-radius:0; margin:0px; line-height: 35px;}
.slide-menu .ui-menu-list .ui-menuitem {background-color: transparent; margin: 0px; width: 100%;}	
.slide-menu .ui-menuitem-link {line-height: 35px;padding: 0px;text-decoration: none;width: 100%;}
.slide-menu .ui-menu-list .ui-state-hover, .notificationsRT .user tr:hover{background-image: none;box-shadow:none;}
.slide-menu .ui-menuitem-link.ui-state-hover{background:none; background-color: transparent;}
.slide-menu .ui-menuitem-text, .notificationsRT .ui-button .ui-button-text, .cd-panel .slide-menu h3, .logoutRT span{color: #aaaaaa; font-family: 'Open Sans', sans-serif, Verdana, Geneva; font-size: 15px !important; text-shadow: none; width: 100%; padding: 0px 10px; box-sizing: border-box;}
.slide-menu .myOnlineBankingClick h3{color: #aaaaaa !important;}
.slide-menu .ui-menu-list li a.ui-state-hover span, .myOnlineBankingClick h3:hover{color: #333333 !important; background-color: #f8f8f8;}
.slide-menu .myOnlineBankingClick{border: none !important;}
.slide-menu .myOnlineBankingClick:hover{cursor: pointer;}
.slide-menu .menu-link{background: none repeat scroll 0 0 #515151;}
.slide-menu .ui-menu-list{display:block; padding-top: 0px;}
.slide-menu .ui-menu-list li{box-sizing:border-box;}
.slide-menu .ui-menu-list li:hover{background-image: none; box-shadow:none;}
.cd-panel-content ,.cd-panel:after, .cd-panel:before {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.cd-panel:after, .cd-panel:before, .cd-panel-close:after, .cd-panel-close:before {content: '';}
.cd-main-content {text-align: center;}
.cd-main-content h1 {font-size: 20px; font-size: 8.25rem; color: #636D7E; padding: 1em 0; font-family: teko; text-transform: uppercase; text-shadow: rgba(0, 0, 0, 0.03) 2px 2px, rgba(0, 0, 0, 0.0285) 4px 4px, rgba(0, 0, 0, 0.027) 6px 6px, rgba(0, 0, 0, 0.0255) 8px 8px, rgba(0, 0, 0, 0.024) 10px 10px, rgba(0, 0, 0, 0.0225) 12px 12px, rgba(0, 0, 0, 0.021) 14px 14px, rgba(0, 0, 0, 0.0195) 16px 16px, rgba(0, 0, 0, 0.018) 18px 18px, rgba(0, 0, 0, 0.0165) 20px 20px, rgba(0, 0, 0, 0.015) 22px 22px, rgba(0, 0, 0, 0.0135) 24px 24px, rgba(0, 0, 0, 0.012) 26px 26px, rgba(0, 0, 0, 0.0105) 28px 28px, rgba(0, 0, 0, 0.009) 30px 30px, rgba(0, 0, 0, 0.0075) 32px 32px, rgba(0, 0, 0, 0.006) 34px 34px, rgba(0, 0, 0, 0.0045) 36px 36px, rgba(0, 0, 0, 0.003) 38px 38px, rgba(0, 0, 0, 0.0015) 40px 40px;}
.cd-main-content .cd-btn {position: relative; display: inline-block; padding: .6em 1em; background-color: #CCC;	color: #565E64;	font-weight: bold; -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;	border-radius: 3px;	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 0 5px rgba(0, 0, 0, 0.1);	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s; transition: all 0.2s; border: 1px solid rgba(54, 54, 54, 0.16); font-family: teko; font-size: 2rem; font-weight: 400;}
.cd-main-content .cd-btn:hover {box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 0 12px rgba(0, 0, 0, 0.3);}
.cd-panel {display:none; position: absolute; z-index:5; top: 0; left: 0; height: 100%; width: 100%; visibility: hidden; -webkit-transition: visibility 0s 0.6s; -moz-transition: visibility 0s 0.6s; transition: visibility 0s 0.6s;}
.cd-panel::after {/* overlay layer */ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; cursor: pointer; -webkit-transition: background 0.3s 0.3s; -moz-transition: background 0.3s 0.3s; transition: background 0.3s 0.3s;}
.userOptionsRT .login-details{color: #3199FE; font-size: 12px; line-height: 25px;}
.userOptionsRT .app-menu{text-align: center; width: 100%; padding: 10px; box-sizing: border-box;}
.userOptionsRT .app-menu .ui-button {margin-bottom: 10px; padding-left: 10px; box-sizing: border-box; text-align: left; border: none; background-color: transparent;}
.favourites-menu{border: none;}
.favourites-menu.ui-menu .ui-menu-list{display: block;}
.favourites-menu.ui-menu .ui-menuitem-link{width: 100%; box-sizing: border-box; padding: 6px 10px; box-shadow: none; border-radius: 0px;}
.favourites-menu.ui-menu .ui-menuitem-text {color: #aaaaaa;font-size: 13px; text-transform: uppercase;}
@-webkit-keyframes cd-close-1 {
  0%, 50% {
    -webkit-transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(45deg);
  }
}
@-moz-keyframes cd-close-1 {
  0%, 50% {
    -moz-transform: rotate(0);
  }
  100% {
    -moz-transform: rotate(45deg);
  }
}
@keyframes cd-close-1 {
  0%, 50% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}
@-webkit-keyframes cd-close-2 {
  0%, 50% {
    -webkit-transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(-45deg);
  }
}
@-moz-keyframes cd-close-2 {
  0%, 50% {
    -moz-transform: rotate(0);
  }
  100% {
    -moz-transform: rotate(-45deg);
  }
}
@keyframes cd-close-2 {
  0%, 50% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}
.cd-panel .ui-menu{width: 100%}
.cd-panel .slide-menu h3{padding:0px 10px; font-weight:normal !important; text-shadow: none;}
.cd-panel-header {position: fixed; width: 40%; min-width: 350px; height: 50px; line-height: 50px; background: rgba(255, 255, 255, 0.96); z-index: 6; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08); -webkit-transition: top 0.3s 0s; -moz-transition: top 0.3s 0s; transition: top 0.3s 0s;}
.cd-panel-header h1 {font-weight: bold; padding-left: 10px; margin: 0px; font-size: 15px !important; color: #545658;}
.from-right .cd-panel-header, .from-left .cd-panel-header {top: -50px;}
.from-right .cd-panel-header {right: 0; width: 215px;}
.from-left .cd-panel-header {left: 0; width: 215px;}
.from-right .cd-panel-content, .from-left .cd-panel-content{padding: 0px; box-sizing: border-box;}
.from-right select, .from-right .ui-selectonemenu, .from-left select, .from-left .ui-selectonemenu{width: 100% !important}
.is-visible .cd-panel-header {top: 0; -webkit-transition: top 0.3s 0.3s; -moz-transition: top 0.3s 0.3s; transition: top 0.3s 0.3s;}
.cd-panel-close {position: absolute; top: 0; right: 0; height: 100%; width: 55px; display: inline-block; overflow: hidden; text-indent: 100%; white-space: nowrap;}
.cd-panel-close::before, .cd-panel-close::after {position: absolute; top: 22px; left: 20px; height: 3px; width: 20px; background-color: #424f5c; -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.cd-panel-close::before {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
.cd-panel-close::after {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
.no-touch .cd-panel-close:hover {background-color: #424f5c;}
.no-touch .cd-panel-close:hover::before, .no-touch .cd-panel-close:hover::after {background-color: #ffffff; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s;}
.no-touch .cd-panel-close:hover::before {-webkit-transform: rotate(220deg); -moz-transform: rotate(220deg); -ms-transform: rotate(220deg); -o-transform: rotate(220deg); transform: rotate(220deg);}
.no-touch .cd-panel-close:hover::after {-webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg);}
.cd-panel-container {position: fixed; width: 40%; min-width: 150px; height: 100%; top: 0; z-index: 5; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; transition-delay: 0.3s; color: #E5E5E5;}
.from-right .cd-panel-container {height: 100%; width: 300px; right: 0; -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}
.from-left .cd-panel-container {height: 100%; width: 300px; left: 0; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}
.is-visible .cd-panel-container {-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition-delay: 0s; -moz-transition-delay: 0s; transition-delay: 0s;}
.userOptionsRT .ui-button {width: 206px !important;}
.cd-panel-content {position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding-top: 50px; overflow-y: scroll; overflow-x: hidden; /* smooth scrolling on touch devices */ -webkit-overflow-scrolling: touch;}

.from-right .cd-panel-content, .from-left .cd-panel-content {background-color: white; height: auto; overflow:hidden;}
.cd-panel-content p {font-size: 14px; font-size: 0.875rem; color: #424f5c; line-height: 1.4; margin: 2em 0;}
.cd-panel-content p:first-of-type {margin-top: 0;}
#viewMoreID{display:none;}
.menu-carousel-mobile{display:none;}
/*.menu-carousel.ui-carousel .ui-carousel-viewport{overflow: scroll;}*/


/* SME app */
.common-body-sme .user-notifications > tbody > tr > td .ui-button, .login-body-sme.sme-app .logo-section > tbody > tr > td .ui-button {height: 36px; background-color: transparent; border: none; width: 90px;}
.login-body-sme.sme-app .logo-section > tbody > tr > td .ui-button {background-size: auto;}
.common-body-sme .headerIcons.sme .ui-button.icon-messages {background-image: url(../images/sme/notification-mail-sme.svg); width: 24px !important; height: 24px !important; vertical-align: middle;}
.common-body-sme .burger-menu{border: none;}
.common-body-sme .ellipsis-img {font-family: 'Open Sans'; background-image: url(../images/sme/more.svg); width: 24px; height: 24px; display: inline-block;}


@media all and (max-width:1280px){
	.top-header .centering, .footer .centering, .global-header .centering{width: 100%; }
	.grayBorder {padding:0px;}
	.logo-label td {font-size: 20px;}
	.logo-img{width: 230px;}
	.main-panel{box-sizing: border-box;}
	
	

}


@media all and (max-width:1185px){
	.centering, .login-body .global-header .centering {width: 100%; box-sizing: border-box; padding-left: 20px; padding-right: 20px;}
	.login-content .inline-items > tbody > tr > td, .login-content .inline-items-links > tbody > tr > td{width: 100%; display: inline-block;}
	.login-content .loginBtn{width: 206px; margin: 10px 0px 10px 100px;}
	.loginLinks{text-align: right;}
	.login-pd {padding: 10px;}
	.login-content .security-panel > tbody > tr > td:first-child{display: none;}
}

@media all and (max-width:1024px){
	
	.md-1,.md-2,.md-3,.md-4,.md-5,.md-6,.md-7,.md-8,.md-9,.md-10,.md-11,.md-12{float:left; box-sizing: border-box; padding: 15px;}
	.md-1{width:8.3333%}.md-2{width:16.6667%}.md-3{width:25%}.md-4{width:33.3333%}.md-5{width:41.6667%}.md-6{width:50%}.md-7{width:58.3333%}.md-8{width:66.6667%}.md-9{width:75%}.md-10{width:83.3333%}.md-11{width:91.6667%}.md-12{width:100%}

	.md-justify-R {justify-content: flex-start;}
	.md-justify-L {justify-content: flex-end;}
	.md-justify-C {justify-content: center;}
	.md-float-R {float: right;}
	.md-float-L {float: left;}
	.md-float-none {float: none;}
	.md-txt-R {text-align: right;}
	.md-txt-L {text-align: left;}
	.md-txt-C {text-align: center;}
	.md-margin-L {margin-right: auto;}
	.md-margin-R {margin-left: auto;}
	.md-margin-C {margin: auto;}
	.md-hide, .ui-datatable-reflow .ui-datatable-data td.md-hide {display: none;}
	.md-flex {display: flex;}
	.md-block {display: block;}
	.md-inline-block {display: inline-block;}
	.md-inline {display: inline;}
	.md-row-reverse {-webkit-flex-direction: row-reverse; flex-direction: row-reverse;}
	.md-column-reverse {-webkit-flex-direction: column-reverse; flex-direction: column-reverse;}
	.md-show {display: block !important;}		
	.md-hide{display: none !important;}	
	
	.login-body .global-header {padding-top: 15px;}
	.login-body-sme.login-body .global-header {padding: 0px;}
	.login-content .security-panel, .inline-items-links > tbody > tr > td:last-child, .login-content .ui-separator {display: none;}
	.login-content{width: 100%;}
	.loginLinksMob{display: inline-block;}
	.login-content > tbody > tr > td {width: 100%; display: inline-block;}
	.login-content .image-full{display: none;}
	.login-content .image-mobile{width: 100%; display: block;}
	
	.page-actions .page-title {font-size: 16px;}
	.global-header {padding-bottom: 0px;}
	.menu-centering{margin: 0px; padding: 0px; width: 100%;}
	.submenu .menu-centering{padding-bottom: 75px;}
	.menu-carousel{visibility: hidden; height: 0px;    display: none;} 
	.ContentSideSections{padding: 0px;}
  	.menu-carousel-mobile {display: inline-block; max-width: 570px; margin: auto;}
  	.menu-carousel-mobile .ui-widget-content {background: none; border: 0; padding: 0px;}
  	.menu-carousel-mobile .ui-datagrid-column .ui-panel-content {padding: 15px; box-sizing: border-box;}
  	
  	.menu-carousel-mobile .ui-button-text-only .ui-button-text {padding: 0px; text-shadow: none;}
  	.notifications-title{display:none;}
  	.ui-grid-responsive .ui-grid-col-4, .menu-carousel-mobile .ui-datagrid-column{width: auto !important; padding: 0px; float: left !important;}
  	.menu-carousel-mobile .ui-grid-row .ui-datagrid-column:first-child .ui-panel-content {padding-left: 0px;}
	.menu-carousel-mobile .ui-grid-row .ui-datagrid-column:last-child .ui-panel-content {padding-right: 0px;}
	

	.global-header .prs-img {height: 50px; width: 50px;}
	.burger-menu{display: table-cell; /*border-left: 1px solid rgba(255,255,255,0.25);*/ text-align: right; width: 25px;}
	.burger-menu > table > tbody > tr > td {border-right: 1px solid rgba(255,255,255,0.25);}
	.burger-menu a{font-size: 30px; color: white;}
	.logo-img {padding-right: 0px; border-right: none;}
	.logo-img button {height: 60px; width: 250px;}
	.page-actions .title-group > .ui-button, .logo-section .logo-label{display: none;}
	.page-actions .title-group .ui-button {height: 20px; width: 20px;}
	.global-header > .centering > tbody > tr > td{display: inline-block; width: 100%;padding-bottom: 50px;}
	.global-header > .centering.centering-sme > tbody > tr > td{display: table-cell;}
	.common-body-app .global-header > .centering > tbody > tr > td {padding-bottom: 0px;}
	.user-notifications .headerIcons .ui-button.ui-state-default{width: 25px; height: 25px;}
	
	.logo-panel{width: 100%;}
	.helpLinksPG tr {float: right;}
	/*.back-to-menu-icon{display:none;}*/
	.title .headerBlue {color: white; font-size: 22px; font-weight: normal;}
	div div.ui-dashboard-column.ui-sortable > div:nth-child(n+2){display:block;}
	div div.ui-dashboard-column:last-child > div:nth-child(n+2) {display: block;}
	div.ui-dashboard-column.ui-sortable:empty {display: none;}
	.nettellerDashboard .labelsSt {min-width: 115px;}
	.nettellerDashboard .ui-widget, .nettellerDashboard .labelsSt, .nettellerDashboard .labelsSt span, .nettellerDashboard .dataSt, .nettellerDashboard .dataSt span, .nettellerDashboard .contents-table *, .nettellerDashboard .ui-datatable tbody * {font-size: 14px;}
	#prevBtn, #nextBtn, .leftLayout {display:none;}
	#viewMoreID{display:table;}
	table.title tbody tr td{width: 100%;/*display: inline-table;*/}
	table.title tbody tr td:nth-child(2){float:right;}
	table.helpLinksPG tbody tr td:nth-child(2){float:none;} 
	.global-header.two-rows.header-centering td.middlePosit.float-L:last-child {float: right;}
	.sidebar-col,.ui-menu-parent.menu-link >a > .ui-menuitem-text, .hiddenImage9{display: none;}
	.info {font-family: Sans-serif;}
	.loginH1 {height:20px;}
	.loginH2 {height:0px; margin-top: 20px;}
	.loginPG {height:100px;}
	.footer-links {margin: 0;}
	.primary-nav {width: 100%;}
	.ui-menubar .ui-menu-parent.menu-link {width: 15%;}
	.primary-nav .ui-menu-parent a, .primary-nav .ui-menu-parent a:hover {padding: 9px 0;width: 100%;}	
	.ui-menuitem-icon.ui-icon{margin: 0 35%}
	.iconUpload .ui-button-text-icon-left .ui-button-text{font-family: Sans-serif;font-size: 16px;}
	.prs-img{width:70px; height:70px; border-radius: 100px;}
  	.cd-panel{display: block;}
	.mobile-menu{display: block;}
	.cd-panel.is-visible {visibility: visible; -webkit-transition: visibility 0s 0s; -moz-transition: visibility 0s 0s; transition: visibility 0s 0s;}
	.cd-panel.is-visible::after {background: rgba(0, 0, 0, 0.6); -webkit-transition: background 0.3s 0s; -moz-transition: background 0.3s 0s; transition: background 0.3s 0s; z-index: 4;}
	.cd-panel.is-visible .cd-panel-close::before {-webkit-animation: cd-close-1 0.6s 0.3s; -moz-animation: cd-close-1 0.6s 0.3s; animation: cd-close-1 0.6s 0.3s;}
	.cd-panel.is-visible .cd-panel-close::after {-webkit-animation: cd-close-2 0.6s 0.3s; -moz-animation: cd-close-2 0.6s 0.3s; animation: cd-close-2 0.6s 0.3s;}
	.top-header, #header2, .nav-top {display:none;}
	.mobile-menu .global-header {display: block;}
	.notificationsLabel {width: 100% !important; text-align: left; border: 0; background: none; outline:none;}
	.notificationsLabel .ui-button-text {padding: 4px 0px;}
	.notificationsRT .ui-button .ui-button-text{box-sizing: border-box; padding: 0;}
	.ui-selectmanymenu table.ui-selectlistbox-list{width:70% !important;overflow-x:auto;}
	.mobile-menu tbody{display: inline-table;width: 100%;}
	
	/* REVIEW */
	.boTable tfoot, .boTable thead{display:none}
	.boTable, .boTable .ui-paginator{border:none;}
	.boTable .tallRowsHeight{border-bottom:1px solid #f6f4f3 !important;}
	.boTable tbody td {padding: 0px 0px;}
	
	.loginLeftPanel > table, .loginRightPanel > table {height:400px;max-height:400px;}
	.accountsGrid .accName, .accountsGrid .accBalance {width: 100%;display: inline-block;}
	.nettellerDashboard .ui-dashboard-column {width: 100%; padding-left: 0px; padding-bottom: 10px; box-sizing: border-box;}
	.nettellerDashboard .ui-dashboard-column {padding-left: 0px !important;}


	/* SME app */
	.common-body-sme .global-header > .centering > tbody > tr > td {padding-bottom: 0px;}
	.common-body-sme .level-new-menu-item.ui-state-default, .common-body-sme .level-2-menu-item.ui-state-default, .common-body-sme .ui-button.menu-icon {background-size: 90px;}
	.common-body-sme .page-actions .page-title {font-size: 14px;}
	.common-body-sme .info-group {margin-bottom: 15px;}
	.common-body-sme .menu-centering .page-actions {padding: 0px; margin: -5px}
	.common-body-sme .logo-img button, .login-body-sme .logo-img button {width: 130px;}
	.login-body-sme:not(.sme-app) .global-header > .centering > tbody > tr > td {padding-bottom: 15px;}
/*	.common-body-sme .menu-carousel-mobile .ui-datagrid-column {width: 33.33333333% !important;}
	.common-body-sme .menu-carousel-mobile .ui-datagrid-column:nth-child(3n) .ui-panel-content {padding-right: 0px;}	
	.common-body-sme .menu-carousel-mobile .ui-datagrid-column:nth-child(3n-2) .ui-panel-content {padding-left: 0px;}	
	.common-body-sme .menu-carousel-mobile{max-width: 100%;}*/
	
	/*Card Overview*/
	table.customCarousel > tbody > tr  td {width: 100%; display: inline-block;}
	/*table.chartGP > tbody > tr > td {display: table-cell;}*/
	/*.chartGP *display: table; padding: 0px; width: 100%;}
	.balanceGP, .chartDiv { display: table-cell; padding: 10px; box-sizing: border-box; vertical-align: middle; text-align: left; width: 50%;}
	.balanceGP {text-align: left;}
	.chartDiv {text-align: center;}
	.actionLinks {display: flex; align-items: center; justify-content: center;}
	.actionLinks a {width: auto;}
	.limits.chart {width: 50%;}
	.card-info-panel.pinset img {width: 150px; height: 150px;}*/
	.card-btnLbl {font-size: 11px;}
	/*.doughnutSummary {display: table-cell; vertical-align: top;}*/
	/*.chartDiv svg {display: table-cell;}*/
	/*.chartGP > span {display: table !important;}*/	
	.slick-dots {display: none !important;}
	.card-info-panel:not(.pinset) > img {max-width: 120px;}
	.chartDiv {width: auto; height: auto;}
	table.chartGP > tbody > tr td {display: table-cell !important; width: inherit; vertical-align: inherit;}
	.limits.chart > div {display: table-cell; vertical-align: middle; text-align: left;}
	.limits-chart {display: table;}
}


@media all and (max-width:780px){
	.page-content.submenu{min-height: 0px;}
	.loginPG {margin: 30px 0px;}
	.main-panel {border-spacing:0px; margin-bottom: 90px;}
	.title {height: auto; padding-bottom: 0px;}	
    .calendarFilters > input {width: 80px;}
    .rightToLeft{float:left;}
	.customDatagrid select, .customDatagrid .ui-select {width: 100% !important;}
	.customSizeBtn{height:36px !important; width:143px !important}
	.ui-button-text-only .ui-button-text {padding-top: 2px; padding-bottom:2px;}
	.footerImageLinks a{padding: 5px 15px 5px 25px;}
	.footerBtn{display: inline-block;}
	.formLoginPG td.loginLeftPanel, .formLoginPG td.loginRightPanel{display:inline-table; width: 100%;}
	.loginRightPanel{display:table; width:100%;}
	.responsiveFormLoginPG .loginLeftPanel, .responsiveFormLoginPG .loginRightPanel {box-sizing: border-box; display: -webkit-inline-box; width: 100%;}
		
	.ui-datatable-reflow .ui-datatable-data td {border: 0 none; box-sizing: border-box; clear: left; display:block !important; display: -moz-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; float: left; text-align: left; width: 100%;}
	.ui-datatable-reflow .ui-datatable-data td .ui-chkbox {display: inline-block; vertical-align: top;}
	.ui-datatable-reflow thead{display: none}
	.ui-datatable-reflow .ui-datatable-data tr td{text-align:left !important; width:100% !important; word-break: break-word;}
	.ui-datatable-reflow .ui-expanded-row-content > td{display: block;}
	.ui-datatable-reflow .mobile-table-label{width: 25%; display: inline-table; text-align: left; min-width: 90px; font-weight: bold; color: #555555;}
	.ui-datatable-reflow .inline-col{display: inline-block; vertical-align: middle;}
	.ui-datatable-reflow .input[type="number"], .ui-datatable-reflow input[type="password"], .ui-datatable-reflow input[type="text"], .ui-datatable-reflow .mobile-table-data{width:75% !important;}
	.ui-datatable-reflow .ui-expanded-row-content td.infoColumnLeft {width: 25% !important; display: table-cell; clear: none; float:none;}
	.ui-datatable-reflow .ui-expanded-row-content td.infoColumnRight {width: 75% !important;display: table-cell;clear: none;float:none;}
   	.ui-datatable .ui-expanded-row-content, .ui-datatable .ui-expanded-row-content tbody, .ui-datatable .ui-expanded-row-content tbody tr {background: #F6F4F3;}
	.ui-datatable .ui-widget-content .ui-row-toggler.ui-icon {font-size: 23px; width: 25px; height: 25px;}
	.editRadioBtn{text-align:right !important;}
	.mobile-table-label{display:inline-block; text-align: right;width: 40%;  font-weight: bold;color: #555555;}
	.mobile-table-label:after{content:"\00a0\00a0";}
	.editRadioBtn .mobile-table-label:after{content: "\00a0";}
	.mobile-table-data{display: inline-block;vertical-align: top;width: 50%;}
	.ui-tabs .ui-tabs-panel {overflow: visible;}
  	.reflowingTabs .columnLeft,  .reflowingTabs .columnFifty {display: inline-block;width:100%}
  	.footerBtn{display: inline-block;}
	.amountInput {width: 100% !important; max-width: 134px; min-width: 130px;}
	.threeColumns .calendar-pg .ui-inputfield.ui-state-disabled, .threeColumns .calendar-pg input.datepicker-device{width:117px;padding: 3px 5px;}
	.threeColumns .calendar-pg .calendarSt input{width: 84px;padding: 3px 5px;}
	.accordionFilterPG .columnLeft table td, .two-columns .columnLeft table td, table.grayBorder > tbody > tr > td.bigChartColumn, table.grayBorder > tbody > tr > td.smallChartColumn{display: inline-block;width: 100%;}
	.accordionFilterPG .columnLeft table, .two-columns .columnLeft table{width: 100%;}
	.accordionFilterPG .three-filters .labelsSt{width: 30%;}
	.accordionFilterPG .three-filters input, .accordionFilterPG .three-filters select, .accordionFilterPG .three-filters .ui-selectonemenu{width: 100% !important;}
	.accountsGrid .ui-datagrid-column {float: left;width: 50%;box-sizing: border-box;}
	.accountsGrid .ui-datagrid-column:nth-child(odd) {clear: left;}
  	.accountsGrid .ui-datagrid-column:nth-child(even) {border-right: none;}
  	.dashboardGrid .gridHeader {float:left;}
  	.dialog-width{width:95% !important;}
  	.cashbackBorder tr:nth-child(3) > td, .cashbackBorder tr:nth-child(5) > td {padding: 0px;}
  	.cashbackBorder .instruction-col {text-align: left;}
  	.cashbackBorder .pointsConverterPg .labelCol {text-align: center;}
  	
  	.mass-bill-payment .ui-selectbooleancheckbox {width: 100%; text-align: left;}
  	.mass-bill-payment.ui-datatable-reflow .pct20 {display: inline-block !important; width: 12% !important;}
  	.mass-bill-payment.ui-datatable-reflow .pct80 {display: inline-block !important; width: 88% !important;}
    .mass-bill-payment.ui-datatable-reflow .ui-datatable-data tr.ui-widget-content td:last-child {display: block !important; text-align: left !important; clear: none;}
	.mass-bill-payment .mob-bill-payment > tbody > tr {border-bottom: none;}
	.mass-bill-payment .mob-bill-payment img {vertical-align: middle;}
	.mass-bill-payment.ui-datatable-reflow .datableRowsHeight .icon-btn {float: right;}
	.mass-bill-payment.ui-datatable-reflow .ui-row-toggler.ui-icon {float: left;}	
	.mass-bill-payment.ui-datatable-reflow .ui-datatable-data td.md-hide {display: none !important;}
	.mass-bill-payment.ui-datatable-reflow .ui-datatable-data .md-show {display: block !important; padding: 0px;}	
	.mass-bill-payment.ui-datatable.ui-datatable-reflow .mobile-table-label {width: 50% !important; margin-right: 0; min-width: 50% !important;}
	.mass-bill-payment.ui-datatable-reflow .mobile-table-value {width: 50%; float: right;}
	.mass-bill-payment.ui-datatable-reflow .ui-expanded-row-content table > tbody > tr > td{width: 50% !important;}
	
	.details-panel {margin: 0px;}
	.details-panel > table { display: table; border-right: none; border-bottom: solid 1px #CBC9C9; padding: 10px; width: 100%; text-align: center;}
	
	.card-btnLbl {display: none;}
}

@media all and (max-width: 620px){
	.menu-carousel-content {height: 100px; width: 100px;}
	.menu-carousel-content:has(.level-new-menu-item) {background-image: url(../images/menu_images/New.png);background-size: 90px;background-repeat: no-repeat; background-color: #cccdcf;}
	.menu-carousel-mobile {max-width: 420px;}
	.common-body-sme .level-new-menu-item.ui-state-default, .common-body-sme .level-2-menu-item.ui-state-default, .common-body-sme .ui-button.menu-icon {background-size: 45px;}
	
	/*Card Overview*/
	.panelDetailsTbl .ui-data-column {line-height: 18px;}
	/*.limits.chart {width: 100%; display: flex; justify-content: center; align-items: center; padding: 0px;}*/
	
}

@media all and (max-width:605px){
	.menu-carousel-mobile {max-width: 390px;}
	.centering, .login-body .global-header .centering {padding-left: 15px; padding-right: 15px;}
	.global-header .ui-fileupload .ui-fileupload-choose .ui-button-text {width: 130px;}
	
	.date-month-only {display: block !important;}
	.date-month {display: none;}		
	
	.buttonsPG {border-spacing: 0px;}
	.buttonsPG-notifications {border-spacing: 8px 0!important;}
	.three-btns > tbody > tr > td:first-child, .buttonsPG td{text-align:right;}
	.btn-left{float:right;}
	
	.labelLeft {text-align: left;}
	/*Login Page*/
	.loginBody table{width:100%;}
	.loginFooter td.labelsSt, .loginFooter td.dataSt{display: inline-block;width: 100%; text-align:center;}

	.formLogin{padding:0px}
	.formLoginPG{width:100%;padding-bottom:110px;}
	.mainPanel{margin:0px;}

	/* Balance Overview - Review */
	.hiddenQuickLink{visibility:hidden;width:0px;}
	.hiddenColumn, .boTable tfoot, .boTable thead, .filterPG, .hidden6{display:none}
	.boTable, .boTable .ui-paginator{border:none;}
	.boTable .tallRowsHeight{border-bottom:1px solid #ebe7e4 !important;}
	.boTable tbody td {padding: 0px 0px;}
		
	.ui-selectonebutton.bo-buttons-app .ui-button{display:inline-table;height:45px;width:33.3%;}
	.ui-selectonebutton.bo-buttons-app .ui-button.ui-state-disabled {display: none;}
	.bo-buttons-app .ui-button-text-only .ui-button-text{display: table-cell;padding:0px;vertical-align: middle;}
		
	.customDatagrid .grayBorder.threeColumns td {width: 100%;}
	.customDatagrid .grayBorder.threeColumns td:LAST-CHILD {width:100%;}
	.customDatagrid .grayBorder.threeColumns td:FIRST-CHILD {width: 4%;min-width: 15px;text-align: left;}
	.customDatagrid select, .customDatagrid .ui-select {width: 100% !important;}
	
	.ui-paginator .ui-paginator-current, .ui-paginator-rpp-options.ui-widget.ui-state-default.ui-corner-left, .ui-paginator-page.ui-state-default{display:none;}
	.ui-paginator-page.ui-state-active{display:inline-block;}
	.ui-paginator .ui-paginator-first{margin-left:1em;}
	
	.ui-inputfield.ui-inputtextarea{width: 100%;}
	.column td {display: inline-block;	width: 100%;}
	.column table {width: 100%;}
	.threeColumns{margin-left:0px !important;width: 100%}
	.threeColumns .column, .footerLinks .column, .searchPg{display: inline-block;width: 100%;}
	.buttonsPG.fourColumns td{display: inline-block;width: 100%}
	.buttonsPG.fourColumns td .ui-button.blueButton{width: 100%}
	
	.confirmation-page table.grayBorder .columnResp td.rightPosit.labelsSt, .confirmation-page table.grayBorder .columnResp td.dataSt { width: 100%;}
	
  	table.contentPg > tbody > tr > td, table.grayBorder > tbody > tr > td, table.contentPg.three-filters > tbody > tr > td.labelsSt, .multiline-input-DT tbody > tr > td {display: inline-block;width: 100%;}
  	table.contentPg > tbody > tr > td, table.grayBorder > tbody > tr > td {box-sizing: border-box;}
  	table.grayBorder.leftRightBtn > tbody > tr > td{display: table-cell;  width: 50%;}
  	table.contentPg > tbody > tr > td.columnSelect{display: inline-block;width:initial !important;}
  	table.contentPg > tbody > tr > td.columnSelect{display: inline-block;width:100% !important;float:left;}
  	table.contentPg > tbody > tr > td.columnSelect, .required, .requiredDropdown{width:100%}
  	table.searchPg > tbody > tr > td , table.grayBorder > tbody > tr > td {display: inline-block;width:100%}
  	table.searchPg.grayBorder.leftRightBtn > tbody > tr > td{display: table-cell;  width: 50%;}
  	table.searchPg > tbody > tr > td.columnSelect, table.searchPg > tbody > tr > td.columnSelect{display: inline-block;width:initial !important;}
  	table.searchPg > tbody > tr > td.columnSelect{display: inline-block;width:100% !important;float:left;}
  	table.searchPg > tbody > tr > td.columnSelect, .required, .requiredDropdown{width:100%}
  	table.contentPg > tbody > tr >
  	table.searchPg > tbody > tr > td input[type="text"]{width:100%}

    .content.login-links{width: 100%;}
    .backBtn {float:right;margin-right: 5px;}
    .labelsSt {text-align: left;}
	.dataSt {width: 100%;}
	.selectRadioBtn {margin-left: 0px;}
	.ui-selectoneradio {margin-left:0px;}
	.oneQuarter, .oneThird {width: 100%;display: inline-block;}
	.infoHead {padding:0px;}
	.ui-tabs select, .ui-dialog select, .ui-accordion select, select, .ui-tabs .ui-selectonemenu, .ui-dialog .ui-selectonemenu, .ui-accordion .ui-selectonemenu, .ui-selectonemenu, .ui-selectonemenu-label, .ui-widget-content .ui-selectonemenu {width: 100% !important;white-space:nowrap;}
	.ui-datatable-reflow .mobile-table-label{width: auto; min-width: 130px; max-width:130px; box-sizing: border-box;}	
	.ui-datatable-reflow .input[type="number"], .ui-datatable-reflow input[type="password"], .ui-datatable-reflow input[type="text"],.ui-datatable-reflow .mobile-table-data{width:65% !important;}
	.ui-datatable-reflow .ui-expanded-row-content td.infoColumnLeft {width: 35% !important;}
	.ui-datatable-reflow .ui-expanded-row-content td.infoColumnRight {width: 65% !important;}
  	.ui-paginator.ui-paginator-bottom.ui-widget-header {float: none; margin: 0px; text-align: center; border:none;}
	.accordionPanel .ui-accordion-content{padding: 0px 2px;}
	
	.reflowRowExpansion{font-weight: bold;text-decoration: underline;padding:0px;}

	 /*Text Field with currency small dropdown*/ 
	.amount-currency{padding: 0px;}
	input[type="text"].amountInput, input[type="text"].amountInput.required, .amountInput, input[type="tel"].amountInput{width: 70% !important;margin-bottom: 0px;vertical-align: middle;max-width: none;margin-right: 0px;}
	select.amount-currency, .ui-selectonemenu.amount-currency, .ui-accordion select.amount-currency, .ui-accordion .ui-selectonemenu.amount-currency{float:none;width:28% !important;margin-right:0px;margin-left:2%;vertical-align: middle;}
	input[type="text"].required, .input[type="number"], input[type="password"], input[type="tel"], .ui-accordion input[type="text"], input[type="text"], .ui-accordion input[type="number"],
	.ui-accordion input[type="password"], .ui-widget-header .ui-inputfield input[type="text"], .ui-overlaypanel input[type="text"] .ui-accordion input[type="text"].ui-state-focus,
	.accountTable input[type="text"], .datepicker-device, .textarea, .address-group, .multiline-input-DT .input-with-btn{width:100% !important;}
	input[type="text"].filter-input{height: 100% !important;}
	.balance-pg{padding: 0px; padding-top: 5px;}
	.balance-pg td{line-height: 16px;  text-align: left;}
	.two-columns .columnLeft{display: inline-block;width: 100%;}
	.accountsGrid .ui-datagrid-column{width: 100%;border-right: none;border-bottom: 1px solid #5f6062;}
	.accountsGrid .ui-datagrid-column:last-child{border:none;}
	
	.confirmation-page table.grayBorder > tbody > tr > td, .confirmation-page table.contentPg > tbody > tr > td{display: table-cell;width: 50%;}
	.confirmation-page table.grayBorder .labelsSt, .confirmation-page table.contentPg .labelsSt{width: 50%;text-align:left;padding-right: 5px;}
	.confirmation-page table.grayBorder .dataSt, .confirmation-page table.contentPg .dataSt {width: 50%;padding-left: 5px; word-break: break-word;}
	.loginheader span{font-size:25px;}
	.dashboardGrid .grid-btns{margin:0px;}
	.footer-links a{border-left: none; width: 100%; display: inline-block;}
	.nettellerDashboardPanel .ui-panel-titlebar .ui-panel-title {font-size: 22px;}
	
	.systemMsgLeft , .systemMsgRight{display:block;}
	.systemMsgRight{box-sizing:border-box;float:right;width:100%;}
	
	.grayBorder>thead tr th, .sidebar-section>thead tr th{padding-left: 5px;}
	
	/*Main Menu Carousel*/
	.menu-carousel-content{height: 100px; width: 100px;}
	.menu-carousel-content:has(.level-new-menu-item) {background-image: url(../images/menu_images/New.png);background-size: 80px;background-repeat: no-repeat; background-color: #cccdcf;}
	.menu-carousel-mobile .ui-button.menu-icon {height: 50%; background-size: 45px;}
	.menu-carousel-mobile .menu-element-label.ui-button{height: 50%;}
	.billPaymentCarousel .menu-carousel-mobile .menu-element-label.ui-button{height: 50%;}
	.menu-carousel-mobile .menu-element-label.ui-button .ui-button-text {line-height: 16px; font-size: 13px;}
	.billPaymentCarousel .menu-carousel-mobile .menu-element-label.ui-button .ui-button-text, .menu-carousel-content > a.menu-element-label > div > span {line-height: 13px; font-size: 12px;}
	.menu-carousel-mobile .ui-datagrid-column .ui-panel-content {padding: 10px;}

	/*Digital Vouchers*/
	.voucher-price {float: right;}	
		
	.icon-btn-3.ui-button .ui-button-text {font-size: 12px; text-align: center;}
	.bill-PG > tbody > tr > td {width: 100%; display: inline-block; box-sizing: border-box;}
	 .bill-PG > tbody > tr > td:nth-child(2) {margin-top: 15px;}
	.bill-PG > tbody > tr > td:nth-child(3) {display: block; float: none;}	
	
	.mass-bill-payment.ui-datatable-reflow .mob-bill-payment input[type="text"].amountInput {width: 110px !important; min-width: 100px;}
	.mass-dialog {min-width: 295px;}
	
	/* Calendar icon */
	.ui-datepicker-trigger .ui-icon-calendar.ui-icon{ text-indent: inherit;	background-image: none !important; font-family: "FontAwesome"; font-size: 13px; height: 16px; width: 16px; color:white; text-shadow:none; margin:0px; padding: 10px 3px; top: 0px; left:0px;}
	.ui-datepicker-trigger .ui-icon-calendar:before{content: "\f073";}
	.calendarSt input, .calendarSt input[type="text"] {width:80% !important;}
	
	.notifications-grid .ui-tabs .ui-tabs-nav li {margin-bottom: 10px;}
	.notifications-grid .buttonsPG, .notifications-grid .buttonsPG .ui-button {width: 100%}
	
	.common-body-sme .menu-carousel-content {width: 100%; box-sizing: border-box; height: 150px;}
	.common-body-sme .menu-carousel-mobile .ui-datagrid-column {width: 33.33333333% !important;}
	/*.common-body-sme .menu-carousel-mobile .ui-datagrid-column:nth-child(3n) .ui-panel-content {padding-right: 0px;}	
	.common-body-sme .menu-carousel-mobile .ui-datagrid-column:nth-child(3n-2) .ui-panel-content {padding-left: 0px;}	*/
	.common-body-sme .menu-carousel-mobile{max-width: 100%; width: 100%;}
	
	/* Card Activation Dialog */
	.ui-dialog.dialog-st {width: 300px !important;}
	.ui-dialog.dialog-st button.negative-btn {width: 100%;}
	
	/*Card Overview*/
	.panelDetailsTbl .ui-data-column {border-radius: 50%; width: 30px; height: 30px; padding: 5px;}
	.panelDetailsTbl .ui-data-column .date-month-only {font-size: 11px; text-align: center; line-height: 14px;}
	/*.card-info-panel img {width: 100%; height: 80px;}*/
	.card-info-panel.pinset img {width: 50px; height: 30px;}
	.bankiGP img {width: 80px; height: 100%;}
	.actionLinks {width: 100%; text-align: center;}
	.actionLinks a {padding: 10px; box-sizing: border-box; max-width: 100px; height: auto;}
	.balanceGP {vertical-align: middle;}
	.visaGP {bottom: 55px; font-size: 20px;}
	.slick-carousel.card-info-carousel .slick-center .card-info-panel > table > tbody > tr > td {font-size: 16px;}
	.fixed-wd {width: 40px;}
	.limits.chart:not(.st-2) > div {display: inherit; vertical-align: middle; width: 100%;}
	.card-info-panel:not(.pinset) > img {max-width: 90px;}
	
	.notificationsDrpdnMobile .sm-12{float:left; box-sizing:border-box; padding: 15px;}
	.notificationsDrpdnMobile .sm-12{width:100%}
}

@media all and (max-width:440px){
	.menu-carousel-mobile {max-width: 345px;}
	.menu-carousel-content{width: 85px; height: 85px;}
	.menu-carousel-content:has(.level-new-menu-item) {background-image: url(../images/menu_images/New.png);background-size: 80px;background-repeat: no-repeat; background-color: #cccdcf;}
	.billPaymentCarousel .menu-carousel-mobile .menu-element-label.ui-button .ui-button-text {line-height: 11px;  font-size: 10px;}	
	.common-body-sme .menu-carousel-content {height: 125px;}
	/*.common-body-sme .menu-carousel-content {width: 100%; box-sizing: border-box; height: 125px;}
	.common-body-sme .menu-carousel-mobile .ui-datagrid-column {width: 33.33333333% !important;}
	.common-body-sme .menu-carousel-mobile .ui-datagrid-column:nth-child(3n) .ui-panel-content {padding-right: 0px;}	
	.common-body-sme .menu-carousel-mobile .ui-datagrid-column:nth-child(3n-2) .ui-panel-content {padding-left: 0px;}	
	.common-body-sme .menu-carousel-mobile{max-width: 100%;}*/
	
	.chartDiv {padding: 0px; height: 80px; width: 80px;}
	/*.card-info-panel img {width: 100%; height: 70px;}*/
	.balanceGP {padding: 5px;}
	.sm-title-txt {font-size: 13px !important;}
	
		
	/* Card Activation Dialog */
	.ui-dialog.dialog-st .ui-dialog-content {height: 300px !important; width: auto !important;}
	.ui-dialog.dialog-st .buttonsPG td {width: 100% !important;}
}

@media all and (max-width:420px){
	.menu-carousel-mobile {max-width: 315px;}
	.nettellerDashboard .labelsSt {min-width: 0px;}
	.nettellerDashboard .ui-widget, .nettellerDashboard .labelsSt, .nettellerDashboard .labelsSt span, .nettellerDashboard .dataSt, .nettellerDashboard .dataSt span, .nettellerDashboard .contents-table *, .nettellerDashboard .ui-datatable tbody * {font-size: 12px;}
	.ui-datatable-reflow .columnAlignRight{width: 45%;}
	.ui-datatable-reflow .input[type="number"], .ui-datatable-reflow input[type="password"], .ui-datatable-reflow input[type="text"], .ui-datatable-reflow .mobile-table-data{width:50% !important;}
	.ui-datatable-reflow .ui-expanded-row-content td.infoColumnLeft {width: 50% !important;}
	.ui-datatable-reflow .ui-expanded-row-content td.infoColumnRight {width: 50% !important;}
	.ui-paginator.ui-paginator-bottom.ui-widget-header {float: none; margin: 0px; text-align: center; border:none;}
	.ui-tabs .ui-tabs-nav li, .ui-tabs .ui-tabs-nav li.ui-state-hover{margin:0 0 1px 0;}
	.buttonsPG.links td{width: 100%;}
	.buttonsPG{width: 100%}
	.buttonsPG td{width: 50% !important;}
	.buttonsPG .ui-button, .ui-button.positive-btn:not(.loginBtn), .ui-button.negative-btn,.positive-menu-btn .ui-button{width:100% !important;}
	.userOptionsRT .ui-button {width: 206px !important;}
	.hiddenLabel{display:none;}
	.formLoginPinPG input[type="password"]{width:150px}
	.dataSt table{width: 100%}
	.ui-datatable-reflow .input[type="number"],.ui-datatable-reflow input[type="password"],.ui-datatable-reflow input[type="text"] {width: 55% !important;}
	.ui-button.yellowButton, .nettellerDashboardPanel .ui-fileupload-buttonbar .ui-button {width: 100%;}
	.backBtn{float:none;margin-right: 0px;margin-left:3px;width:98% !important;}
	.ui-selectoneradio.ui-widget td {padding-bottom: 5px;}
	.not-on-mobile{display:none}	
	.ui-tabs .ui-tabs-panel {overflow: visible;}
	.ui-chkbox .ui-chkbox-box {height: 21px;width: 21px;} /*TODO revisit this option*/
	.ui-datatable .icon-btn {height: 35px;width: 35px;}
	.twoColumns .column{display: inline-block;width: 100%}
	.row_toggler{display: none}
	.sideMenu{display: block}
	.not-mobile{display:none}
	td.rightPosit.actions {width: 0px}
	.footer .container{display: none}
	.newMenu{display: none}
	.container-menu {height: 45px;}
	.masthead.login-content{display:none}
    .masthead.login-content .container-menu{height: 0}
    .content.login-content{width: 100%}
    .ui-datatable .ui-paginator, .ui-tabs .ui-datatable .ui-paginator{padding: 8px 0px;}
    .ui-paginator-rpp-options.ui-widget.ui-state-default.ui-corner-left{margin-top: 5px;}
  	.ui-paginator .ui-paginator-prev, .ui-paginator .ui-paginator-current {margin-left: 5px;}
   	.info {font-size:15px; font-family: Sans-serif; width: auto;padding:1px 1px 1px 8px}
    .mobile-menu div a{padding: 0 15px}
	.from-right .user button.ui-button {max-width: 90%;text-align: left;}
	.ui-tabs.ui-tabs-top > .ui-tabs-nav {padding: 0px 0px; min-width: 260px;}
	.customDatagrid .grayBorder.threeColumns td:FIRST-CHILD {width:5%;}
	.leftRightBtn.leftRightBtnLarge .positive-btn {width: 100% !important;}
	table.leftRightBtn{width: 100%;}
	.leftRightBtnLarge td{display: inline-block;width: 100%;}
	.leftRightBtnLarge .ui-button-text-only .ui-button-text{padding: 3px;}
	.loginheader span{font-size:19px;}
	#tanCode1 td, #tanCode2 td{display:block; width:100%;}
	.menu-carousel-mobile .menu-element-label.ui-button .ui-button-text {line-height: 13px; font-size: 12px;}
	.menu-carousel-mobile .ui-datagrid-column .ui-panel-content {padding: 5px;}
	.menu-carousel-content {width: 85px; height: 85px;}
	.menu-carousel-content:has(.level-new-menu-item) {background-image: url(../images/menu_images/New.png);background-size: 80px;background-repeat: no-repeat; background-color: #cccdcf;}
	.menu-carousel-mobile .ui-button.menu-icon {background-size: 40px;}
	.billPaymentCarousel .menu-carousel-mobile .menu-element-label.ui-button{height: 25%;}
	.leftRightBtn td {width: 50%;}
	.columns-tan {width:100%;}
	.columns-tan td {display: inline-block; width: 100%;}
	.common-body-sme .menu-carousel-content {height: 120px;}
	
	/*Digital Vouchers*/
	.digital-voucher-grid .pageMainGp {padding: 0px;}
	.digital-voucher-grid .pageMainGp > tbody > tr > td:first-child img {width: 80px; height: 60px;}
	.digital-voucher-grid.biggerGrid .pageMainGp > tbody > tr > td:first-child img {width: 160px; height: 100px;}
	
	.grid-item img {width: 100%;}
	.grid-item-2 img {width: 100%;}
	
	.voucherButtonsPG .ui-button.positive-btn:not(.loginBtn) {width: 220px !important;}

	.icon-btn-3.ui-button .ui-icon {left: 112px;}
	
	.tabview-contact-details.contentPg table > tbody > tr > td {display: inline-block; width: 100%; box-sizing: border-box;}
	.tabview-contact-details.contentPg table > tbody > tr > td:nth-child(2) {padding-top: 10px;}
	.tabview-contact-details.contentPg .iti--allow-dropdown {display: block;}
	.tabview-contact-details.contentPg .iti--allow-dropdown input {padding-right: 36px;}
	.tabview-contact-details.contentPg .iti-mobile .iti__country-list {max-height: 500px;}
	
	.notifications-grid .ui-datagrid-content {padding: 10px 0px;}
	
	.common-body-sme .menu-carousel-mobile .ui-datagrid-column .ui-panel-content {padding: 10px;}
	
	
	.slick-carousel.card-info-carousel .ui-commandlink, .slick-carousel.card-info-carousel .card-info-panel > table {height: 180px;}
	.pinsetLbl {right: 40px; bottom: 40px; font-size: 10px;}
	.card-info-panel.pinset img {width: 40px; height: 25px;}
	.toggle-switch {bottom: 70px; width: 70px;}
	.toggle-switch .ui-outputlabel {font-size: 10px;}
	.slick-carousel.card-info-carousel .slick-center .card-info-panel > table > tbody > tr > td {font-size: 14px;}
	
	.sm-pct100 {width:100%;}
}	

@media all and (max-width:375px){
	.sm-1,.sm-2,.sm-3,.sm-4,.sm-5,.sm-6,.sm-7,.sm-8,.sm-9,.sm-10,.sm-11,.sm-12{float:left; box-sizing:border-box; padding: 15px;}
	.sm-1{width:8.3333%}.sm-2{width:16.6667%}.sm-3{width:25%}.sm-4{width:33.3333%}.sm-5{width:41.6667%}.sm-6{width:50%}.sm-7{width:58.3333%}.sm-8{width:66.6667%}.sm-9{width:75%}.sm-10{width:83.3333%}.sm-11{width:91.6667%}.sm-12{width:100%}
	
	.sm-justify-R {justify-content: flex-start;}
	.sm-justify-L {justify-content: flex-end;}
	.sm-justify-C {justify-content: center;}
	.sm-float-R {float: right;}
	.sm-float-L {float: left;}
	.sm-float-none {float: none;}
	.sm-txt-R {text-align: right;}
	.sm-txt-L {text-align: left;}
	.sm-txt-C {text-align: center;}
	.sm-margin-L {margin-right: auto;}
	.sm-margin-R {margin-left: auto;}
	.sm-margin-C {margin: auto;}
	.sm-hide, .ui-datatable-reflow .ui-datatable-data td.sm-hide{display: none;}
	.sm-flex {display: flex;}
	.sm-block {display: block;}
	.sm-inline-block {display: inline-block;}
	.sm-inline {display: inline;}
	.sm-row-reverse {-webkit-flex-direction: row-reverse;  flex-direction: row-reverse;}
	.sm-column-reverse {-webkit-flex-direction: column-reverse; flex-direction: column-reverse;}
	
	.menu-carousel-content {width: 85px;  height: 80px;}
	.menu-carousel-content:has(.level-new-menu-item) {background-image: url(../images/menu_images/New.png);background-size: 80px;background-repeat: no-repeat; background-color: #cccdcf;}
	.icon-btn-3.ui-button .ui-icon {left: 100px;}
	.common-body-sme .menu-carousel-content {height: 100px;}
	.slick-carousel.card-info-carousel .slick-center .card-info-panel > table > tbody > tr > td {font-size: 14px;}
	.slick-carousel.card-info-carousel .ui-commandlink, .slick-carousel.card-info-carousel .card-info-panel > table {height: 140px;}
	.bankiGP {position: absolute; top: 15px; left: 15px;}
	.bankiGP img {width: 40px;}
	.visaGP {bottom: 40px; font-size: 16px;}
	.logoGP {position: absolute; right: 10px; top: 10px;}
	.logoGP img {width: 35px; height: 100%;}
	.toggle-switch {bottom: 60px; width: 55px;}
	.toggle-switch .ui-toggleswitch-slider, .toggle-switch .ui-toggleswitch {width: 45px;}
	.toggle-switch .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before {-webkit-transform: translateX(30px); -ms-transform: translateX(30px); transform: translateX(30px);}
	.pinsetImg {bottom: 25px; right: 10px;}
	.pinsetLbl {bottom: 40px; right: 30px;}
	.slick-carousel .ui-panel .ui-panel-content {padding: 5px;}
	.limits.chart.st-2.small-screen {display: table;}
	.limits.chart.st-2.small-screen > div {display: table-cell; width: 50%;}
	.limits.chart.small-screen > div:first-child {text-align: right;}
}

@media all and (max-width:350px){	
	.icon-btn-3.ui-button .ui-icon {left: 90px;}
}

@media all and (max-width:340px){	
	.icon-btn-3.ui-button .ui-icon {left: 85px;}
	.buttons-height .ui-button {height: 50px;}
	.slick-carousel.card-info-carousel .slick-center .card-info-panel > table > tbody > tr > td {font-size: 12px;}
}

@media all and (max-width:360px){
	.menu-carousel-mobile {max-width: 300px;}
	.centering, .login-body .global-header .centering {padding-left: 15px; padding-right: 15px;}
	.logo-img button {height: 55px; width: 220px;}
	.login-content .label {width: 85px;}
	.login-content .loginBtn {margin: 10px 0px 10px 85px;}
	.login-content input[type="text"], .login-content input[type="password"], .login-content .loginBtn, .login-content .positive-link {width: 180px !important;}	
	.login-pd input[type="text"], .login-pd input[type="password"]{width: 100%;}
	
	.from-right .cd-panel-container, .from-left .cd-panel-container {width: 80%; min-width: 215px;}
	
	.btn-height.ui-button-text-only .ui-button-text{padding:3px;}
	.bo-buttons-app .ui-button-text-only .ui-button-text{display: table-cell;padding:0px;vertical-align: middle;}
	.btn-height.blueButton{height:100%;}
	.ui-inputfield.ui-inputtextarea {width: 100%;box-sizing: border-box;}
	.ui-datatable.ui-datatable-reflow .mobile-table-label{width:90px !important;min-width:90px !important;word-break: break-word;line-height:18px;margin-right:10px; box-sizing:border-box;}
	.confirmation-page table.grayBorder .labelsSt,  .confirmation-page table.contentPg .labelsSt{text-align: left;}
	table.fixBtnWidth td{display:inline-block;}
	table.fixBtnWidth.buttonsPG td{width:100% !important;}
	.menu-carousel-mobile .ui-button.menu-icon {background-size: 35px;}
	.menu-carousel-mobile .menu-element-label.ui-button .ui-button-text, .menu-carousel-content > a.menu-element-label > div > span {line-height: 12px; font-size: 11px;}
	.menu-carousel-content {width: 80px; height: 80px;}
	.menu-carousel-content:has(.level-new-menu-item) {background-image: url(../images/menu_images/New.png);background-size: 80px;background-repeat: no-repeat; background-color: #cccdcf;}
	.help-links td {display: inline-block; width: 100%;}
	
	.ui-selectonemenu-panel {max-width: 280px;}
	.ui-selectonemenu-panel .ui-selectonemenu-list-item{white-space: normal;}
	
	.common-body-sme .logo-img button, .login-body-sme .logo-img button {width: 125px;}
}

@media print {
	.masthead, .ui-selectonemenu-trigger, .ui-button, .footer{display:none}
	body, #wrapper{background: none repeat scroll 0 0 transparent;} 	 
}