@import url("netteller_RTL.css");
@import url("carousel.css");

/* JQUERY BOUND ON STYLECLASS */

.myOnlineBankingClick {}
.clickOnEnter {}
.dashboardFacebookClick{}
.transfersFacebookClick{}
.balanceOverviewFacebookClick{}
.transactionHistoryFacebookClick{}
.transferOwnFacebookClick{}
.donationsMenuClick {}
.billPaymentsMenuClick{}

.ui-toggleswitch {font-size: 1em; vertical-align: bottom;}
    
 .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider {
    background-color: #007ad9;
}

.ui-toggleswitch-slider {
    -moz-transition: background-color .3s;
    -o-transition: background-color .3s;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
    border-radius: 30px;
    background: #ccc;
}

.ui-toggleswitch .ui-toggleswitch-slider:before {
    background-color: #fff;
    height: 1.250em;
    width: 1.250em;
    left: .25em;
    bottom: .25em;
    border-radius: 50%;
    -webkit-transition: .3s;
    transition: .3s;
}
.ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before {
    -webkit-transform: translateX(1.25em);
    -ms-transform: translateX(1.25em);
    transform: translateX(1.25em);
}



@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url('./fonts/Open_Sans/OpenSans-Light.ttf') format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url('./fonts/Open_Sans/OpenSans-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Open Sans Semibold';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url('./fonts/Open_Sans/OpenSans-Semibold.ttf') format('truetype');
}

/*	------	BASE	------	*/

body {height: auto !important; margin: auto; min-height: 100%; min-width: 100%; overflow: hidden; padding:0; position: relative;}
html{height: 100%; max-width: 100%; overflow-x: hidden; overflow-y: auto; padding: 0;}
* {font-family: 'Open Sans', sans-serif, Verdana, Geneva; font-size: 14px;}

/*	-------	LAYOUT	------	*/

.common-body, .common-body-app, .login-body, .login-body-app {margin:0px; background-size:cover; background-attachment: fixed;}

.pct10{width: 10%;}
.pct15{width: 15%;}
.pct20{width: 20%;}
.pct25{width: 25%;}
.pct30{width: 30%;}
.pct40{width: 40%;}
.pct50{width: 50%;}
.pct60{width: 60%;}
.pct70{width: 70%;}
.pct75{width: 75%;}
.pct80{width: 80%;}
.pct90{width: 90%;}
.pct100{width: 100%;}

.h-100{height: 100%;}

.float-R{float:right;}
.float-L{float:left;}

/*	-------	LAYOUT	------	*/
.lg-1,.lg-2,.lg-3,.lg-4,.lg-5,.lg-6,.lg-7,.lg-8,.lg-9,.lg-10,.lg-11,.lg-12,.lg-auto{float:left; box-sizing:border-box; padding: 3.5px;}
.lg-1{width:8.3333%}.lg-2{width:16.6667%}.lg-3{width:25%}.lg-4{width:33.3333%}.lg-5{width:41.6667%}.lg-6{width:50%}.lg-7{width:58.3333%}.lg-8{width:66.6667%}.lg-9{width:75%}.lg-10{width:83.3333%}.lg-11{width:91.6667%}.lg-12{width:100%}
.lg-auto{width: auto;}

.nopad, .ui-button.nopad .ui-button-text {padding: 0 !important;}

.nopad-T {padding-top: 0px !important;}
.nopad-B {padding-bottom: 0px !important;}
.nopad-L {padding-left: 0px !important;}
.nopad-R {padding-right: 0px !important;}

.align-self-center {align-self: center;}
.align-self-bottom {align-self: flex-end;}
.align-item-top {align-items: flex-start;}
.align-item-bottom {align-items: flex-end;}
.align-item-center {align-items: center;}

.ui-g:after {height: 0px; width: 0px;}


.lg-justify-R {justify-content: flex-start;}
.lg-justify-L {justify-content: flex-end;}
.lg-justify-C {justify-content: center;}
.lg-float-R {float: right;}
.lg-float-L {float: left;}
.lg-float-none {float: none;}
.lg-txt-R {text-align: right;}
.lg-txt-L {text-align: left;}
.lg-txt-C {text-align: center;}
.lg-txt-justify {text-align: justify;}
.lg-margin-L {margin-right: auto;}
.lg-margin-R {margin-left: auto;}
.lg-margin-C {margin: auto;}
.lg-hide {display: none;}
.lg-flex {display: flex;}
.lg-block {display: block;}
.lg-inline-block {display: inline-block;}
.lg-inline {display: inline;}

.word-break {word-break: break-word;}
input, button, .ui-selectonemenu, textarea, select {font-family: 'Open Sans', sans-serif, Verdana, Geneva; font-size: 14px;}
img {border: none}
.topPosit {vertical-align: top;}
.middlePosit {vertical-align: middle;}
.bottomPosit {vertical-align: bottom}
.baseLinePosit {vertical-align: baseline;}
.centerPosit, .reflowColumn {text-align: center;}
.rightPosit {text-align: right;}
.leftPosit {text-align: left;}
.title-txt {display: block; white-space: nowrap;}
.small-txt {font-size: 10px !important;}
.limit-txt {font-size: 18px; font-weight: bold; word-break: break-word;}
.menu-centering{margin: 0px auto; width: 750px; padding: 75px 0px; visibility: hidden;}
.menu-centering-facebook{margin: 0px auto; width: 750px; padding: 0px 0px;}
.submenu .menu-centering{padding-top: 0px;}
.centering {margin: auto; padding: 0px; width: 1145px; box-sizing: border-box;}
.top-header .centering, .footer .centering, .global-header .centering {width: 1280px;}
.global-header .centering {table-layout: fixed;}
.login-body .global-header .centering {width: 1145px;}
.pageMainGp {background-color: white; border: none; border-radius: 0px; box-sizing: border-box; font-family: 'Open Sans', sans-serif, Verdana, Geneva; padding: 10px; width: 100%; min-width: 250px;}
/*.pageMainGpCardDashboard {background-color: #00447C; border: none; border-radius: 0px; box-sizing: border-box; font-family: 'Open Sans', sans-serif, Verdana, Geneva; padding: 10px; width: 100%; min-width: 250px;}*/
.main-panel {margin-top: 40px; margin-bottom: 60px; border-spacing: 0px !important;}
.contentPg {padding-top: 10px; width: 100%;}
.contentPg:first-child {padding: 0; width: 100%;}
.contentPg > thead {color: #545658; font-family: 'Open Sans', sans-serif, Verdana, Geneva; font-size: 13px; font-weight: bold; margin-top: 10px; text-align: left;}
.borderLine{border: 2px solid white;}

.loginPG {min-width: 100%; height: 100%; width: 100%; margin: 60px 0px;}
.login-content .label{width: 100px; font-weight: 600; font-size: 15px; padding: 15px 0px; vertical-align: top;}
.login-content .ui-separator{border-color: #3199FE; border-bottom: none;}

.login-content .login-left-panel{width: 100%;}
.login-content .image-full{max-width: 499px;}
.login-content .image-mobile, .login-content-app .image-mobile, .login-content-app .image-full{display: none;}
.login-body .logo-panel{width: 100%;}
.login-pd{padding: 20px;}
.loginLinks a, .loginLinksMob a {text-decoration: none; color: #545658; font-size: 11px; font-weight: 600; font-style: italic;}
.loginLinksMob{display: none; text-align: right;}
.login-logo{max-width: 394px;width: 45%;min-width: 300px;padding: 0px 5px;}
.logo-section {margin-top: 0px;}
.logo-section .logo-label{color: #1679d4; font-size: 25px; padding-left: 15px;}
.logo-section .logo-label span{font-size: 25px;}
.logo-section .logo-label td{font-size: 25px; font-weight: 600;}
.login-body .logo-img button.ui-state-disabled, .login-body-app .logo-img button.ui-state-disabled{opacity: 1;}
.logo-img{padding-right: 15px; border-right: 1px solid rgba(255,255,255,0.25);}
.logo-img button{border: none;height: 70px;width: 290px;background-color: rgba(255,255,255,0); background-size: 100%;}

.login-content{background: white; width: 100%;}
.login-content .header{font-size: 25px; color: #1679d4; font-weight: 600;}
.login-content .subheader{font-size: 22px; color: #1679d4; padding: 0px; display: block; font-weight: 600;}
.login-content .disclaimer{text-align: justify; display: inline; margin-top: 10px;}
input[type="text"].required, input[type="number"].required, input[type="password"].required,.ui-tabs input[type="text"].required, .ui-accordion-content input[type="text"].required,.ui-inputfield.ui-inputtextarea.required, .ui-widget-content input[type="text"].ui-state-default.required, .ui-inputnumber.required input[type="text"], .ui-widget-content .ui-inputnumber.required input[type="text"].ui-state-default {border-left: 1px solid #c60d0d;}
input[type="text"].required, .textarea.required {width: 205px;}
input[type="text"], input[type="number"], input[type="password"], input[type="tel"], .textarea{width: 206px;}
.login-pd input[type="text"], .login-pd input[type="password"]{width: 206px !important;}
input[type="number"], input[type="password"], input[type="text"], input[type="tel"],.ui-accordion input[type="number"], .ui-tabs input[type="text"],.ui-accordion input[type="password"], .ui-accordion input[type="text"],.ui-accordion input[type="text"].ui-state-focus, .datepicker-device, .ui-widget-content input[type="text"].ui-state-default {background-color: white; background-image: none; border: 1px solid #E6E6E6; box-shadow: none; box-sizing: border-box; height: 35px; font-family: 'Open Sans', sans-serif, Verdana, Geneva; font-size: 14px; outline: none; padding: 3px 5px; text-shadow: none; border-radius: 6px;}
input[type="text"].filter-input {width:100%; font-size: 12px; color: #B7B7B7; font-family: 'OpenSans-Light'; border: none; background-color: transparent; border-bottom: 1px solid #B7B7B7; border-radius:0px; margin-bottom:10px;}
input[type="text"].filter-input::after{content: '@'; width: 16px; height: 15px; vertical-align: middle;}
.ui-datatable .input[type="number"], .ui-datatable input[type="password"], .ui-datatable input[type="text"], .ui-datatable .mobile-table-data{width:100% !important;}
.ui-datatable input[type="text"]:disabled {background: #e7e7e7;}

/*make password like inputText*/
@font-face {font-family: 'dotsfont'; src: url('dotsfont.eot'); src: url('dotsfont.eot?#iefix') format('embedded-opentype'),url('dotsfont.svg#font') format('svg'), url('dotsfont.woff') format('woff'), url('dotsfont.ttf') format('truetype'); font-weight: normal; font-style: normal;}
.ui-inputfield:focus {box-shadow: none !important; -moz-box-shadow: none; -webkit-box-shadow: none;}
.ui-inputfield.ui-inputtextarea {background: none; background-color: white; box-sizing: border-box; box-shadow: none; border: 1px solid #E6E6E6; font-size: 14px; resize: none; }
input#inputName[type="text"][readonly="readonly"]{border:none; font-size: 22px; font-weight: bold;}/* REVIEW */

.grayBorder {border: solid 1px #CBC9C9;width: 100%;border-spacing: 5px;margin-bottom: 11px;line-height: 20px;border-radius: 5px;padding:5px}
.grayBorder.threeColumns {border: none;	width: 100%; float: left;}
.grayBorder.threeColumns td:FIRST-CHILD {width: 20%}
.grayBorder.threeColumns td {width: 40%}
.borderBottom table tbody, .borderBottom table tbody:hover {border-bottom: 1px solid #CBC9C9}

.labelsSt {color: #545658; width: 35%;}
.dataSt {color: #545658; width: 65%; word-break: break-word;}
.columnSelect {width: 25%; text-align: left;}
.columnLeft {color: #4f4f4f; width: 50%;}
.columnRight {color: #545658; font-weight: bold; width: 50%;}
.smallerColumnLeft {color: #4f4f4f; width: 45%;}
.columnFifty {width: 50%}
.infoColumnLeft {border-right: 1px solid #DFDFDF; color: #58595D; text-align: right; width: 35%;}
.infoColumnRight {color: #58595D; font-weight: bold; text-align: left; width: 65%;}
.fixinfoColumnLeft {border-right: 1px solid #DFDFDF; color: #58595D; text-align: right; width: 33.3%;}
.fixinfoColumnRight {color: #58595D; font-weight: bold; text-align: left; width: 66.7%;}
.oneQuarter {vertical-align: top; width: 25%;}
.oneThird {vertical-align: top; width: 33.3%; text-align: center;}
.infoTableHead{background-color: #fbfbfb; border: solid 1px #DFDFDF; border-bottom: none; font-weight: bold; padding: 8px 0px; text-align: center; width: 100%;}
.infoTableHead .greyLabel td {font-size: 16px;}
.infoTableHead > tbody > tr > td {border-right: 1px solid #E6E6E6;}
.infoTableHead > tbody > tr > td:last-of-type {border: none;}
.infoTableBody {border:solid 1px #DFDFDF; border-bottom:none; color:#58595D; margin-top: -4px; text-align:right; width:100%;}
.infoTableBody:last-child {margin-bottom: 10px;}
.rowWhite {background-color:white; height: 34px;}
.rowWhite td{border-bottom:solid 1px #DFDFDF;}
.rowGrey {background-color:#fbfbfb; height: 34px;}
.rowGrey td{border-bottom:solid 1px #DFDFDF;}

.changedLabelSmallGp {width: 125px;	height: 20px; color: #0000ff; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-size: 13px;}/* REVIEW */
.labelSmallGp {width: 125px; height: 20px; color: #414852; -moz-border-radius: 5px; -webkit-border-radius: 5px;	font-size: 13px;}/* REVIEW */
.staticTextGp {width: 159px; height: 20px; color: #414852; -moz-border-radius: 5px;	-webkit-border-radius: 5px;	font-size: 12px; font-family: 'Open Sans', sans-serif, Verdana, Geneva;}
.accountsTab .ui-panelgrid .ui-panelgrid-cell {border: none;padding: 0px;}/* REVIEW */
.changedTableSmallGp {color: #0000ff;	font-weight: bolder;}/* REVIEW */
.addedTableSmallGp {color: #008000;	font-weight: bolder;}/* REVIEW */
.deletedTableSmallGp {color: #ff0000;font-weight: bolder;}/* REVIEW */
.nonChangedTableSmallGp {color: #000000;}/* REVIEW */

.reflowRowExpansion {width: 20%;padding-left: 34px;}

.ui-selectmanymenu.ui-inputfield {box-shadow: none;	border: 1px solid #E6E6E6;}
.ui-selectmanymenu, .ui-selectmanymenu table.ui-selectlistbox-list {width: 300px; overflow-x: auto;}

.amountInput {margin-right: 5px;}
.address-group{width: 206px;}
.address-group input:first-child{width: 33% !important; margin-right: 2%;}
.address-group input:last-child{width: 65% !important;}
.amountFilter {width: 154px !important;}
.balance-pg{line-height: 14px; border-spacing: 0px; color: #545658; text-align: left;}
.balance-pg td {font-size:14px;}
.balance-pg .amountGreen, .balance-pg .amountRed{font-size: 13px;}
.column{vertical-align: middle;}

.ui-accordion-content input, .ui-accordion-content button,	.ui-accordion-content .ui-selectonemenu, .ui-accordion-content textarea	{font-family: 'Open Sans', sans-serif, Verdana, Geneva;}
.customAccordion .ui-panelgrid-header > .ui-widget-content{border:none;}

.footer{bottom: 0; height: 35px; margin-top: 0px; position: absolute; text-align: right; width: 100%;}
.footer span {font-size: 14px;}
.footer-links {text-align: center; width: 100%}
.footer-links a {border-left: 1px solid #3199FE; color: #3199FE; font-size: 13px; padding: 0 10px; text-decoration: none;}
.footer-links a:first-child {border-left: none; cursor: default;}
.footer-links a:last-child {padding-right: 0px;}
.loginPG .footer{position: relative;}

.buttonsPG {float: right;}
button.keypad-trigger {width: 22px; padding: 0px; margin: 0px -22px; height: 35px; color: white; background: #3199FE; border-bottom-right-radius: 6px; border-top-right-radius: 6px; border: none; outline-color: transparent; border-left: none; box-shadow: none;}

.ui-tooltip {background-image: none; background-color: transparent; box-shadow: none; border-radius:0; color:#545658; font-size:13px;}
.ui-tooltip-right .ui-tooltip-arrow {border-right-color: #00456A;}
.ui-tooltip .ui-tooltip-text {padding: 3px 10px; background-color: #00456A; color: #fff;}

.label-customer-bank{font-family: 'Open Sans', sans-serif, Verdana, Geneva; font-size: 14px; text-align: left; padding-left: inherit;color: #13508C;}

.dropdown-customer-bank{border:1px solid rgba(49, 153, 254, 1);}
/*	------	MODULES	------*/

/* Messages */
.ui-messages ul {margin: 0px 10px;}
.ui-messages-info, .ui-messages-warn, .ui-messages-error,.ui-messages-fatal {padding: 2px 0px;}
.ui-messages-info-icon, .ui-messages-warn-icon, .ui-messages-error-icon,.ui-messages-fatal-icon {display: none;}
.ui-messages-info-summary, .ui-messages-warn-summary,.ui-messages-error-summary, .ui-messages-fatal-summary,.ui-message-info-summary, .ui-message-warn-summary,	.ui-message-error-summary, .ui-message-fatal-summary {margin: 0px; font-size: 13px; word-break: break-word;}
.dashboardMessages {margin: -17px 0px 19px -7px}
.xpin{font-weight: bolder; background: #428ec5;text-align: center;     border-radius: 16px;}


/* Top Header */
.top-header {width:100%;height: 30px;background-color: transparent; border-bottom: 1px solid rgba(255,255,255,0.25);}
.top-header .login-section{color:#f1eff0; line-height: 25px;}
.top-header .login-section a{color: white; text-decoration: none; font-size: 14px;}
.top-header .desc{color:#f7951e;margin-right: 10px;}

/* Global Header */
.global-header{width: 100%; min-width: 315px; padding: 15px 0px;}
.login-body .global-header{padding: 0px; padding-top: 60px;}
.global-header .user-notifications{text-align: right; color: rgb(99, 100, 102); font-weight: bold; /*width: 100%;*/ max-width: 150px;}
.global-header .user-notifications td{vertical-align: bottom;}
.global-header .username-panel{width: 100%; padding-bottom: 10px;}
.global-header .username-panel td{color: white;}
.user-notifications span.num {background-color: #FF5A00; color: #FFFFFF; font-size: 10px; padding: 0px 5px 1px 4px; position: relative; width: 0;  top: 10px; left: -7px; border-radius: 10px;}
.user-notifications span.null {background-color: transparent; color: transparent; font-size: 8px; padding: 0px 5px 1px 4px; position: relative; width: 0;	top: 0px; left: 0px}
.user-notifications td {padding:0px; font-weight: normal;}
.logout-btn.desc2 {color: white; margin-right: 20px; background-color: transparent; border: none; box-shadow: none; text-shadow: none; outline: 0; width: 65px;}
.logout-btn.ui-button .ui-button-text{padding: 0px;}
.logout-btn .ui-button-text:hover{text-decoration: underline;}
.logout-btn .ui-icon.fa.fa-sign-out{height: 20px;width: 20px;left:100%;top: 0px;}
.logout-btn .fa-sign-out:before {color: white; font-size: 20px;}

/* Global Header Icons */
.user-notifications .headerIcons .ui-state-default .ui-icon{background-image: none; width: 15px; margin-left: -9px;}
.headerIcons {padding-left: 2px;}
.user-notifications .headerIcons .ui-button.ui-state-default{background-color:transparent; background-size: 100%; background-repeat: no-repeat; border: none; height: 30px; width: 30px; background-position: 0px;}
.headerIcons .ui-button.icon-messages {background-image: url(../images/notification-mail.png); }
.headerIcons .ui-button.icon-notifications {background-image: url(../images/Pending_Authorization_1.png);}
.headerIcons .ui-button.icon-batch {background-image: url(../images/Batch_Authorization.png);}
.headerIcons .ui-button.icon-user-pending-activation {background-image: url(../images/User_Approval.png);}
.headerIcons .ui-button.icon-user-pending-changes {background-image: url(../images/Account_Approval.png);}
.headerIcons .ui-button.icon-push-notifications {background-image: url(../images/notification_center/bell.svg);}

.headerIcons .empty.ui-button .ui-button-text{display:none;}
.headerIcons .not-empty.ui-button .ui-button-text{position: absolute; background: #FF5A00; width: 15px; height: 15px; padding: 0px; border-radius: 10px; font-size: 10px; text-shadow: none; color: white; right: -3px; bottom: -3px;}
.notifications-title{padding: 20px; color: white; font-weight: normal;}

.dash-message-panel{width: 100%; color: white; text-align: center; padding: 40px 20px; box-sizing: border-box;}

/* Dashboard Accounts */
.dashboardGrid .grid-btns{float:right;margin-top:-35px}
.settingsTopBanner.ui-button {background: none;	border: none;outline: none; width: 20px; padding: 0px;  margin-right: 16px; margin-top: -7px;box-shadow: none;}
.settingsTopBanner .ui-button-icon-left.ui-icon.fa { width: 22px;height: 22px;}

/* Dashboard - Accounts DataGrid */
.accountsGrid .ui-datagrid-content {border:none; margin-left: -5px; background: none;}
.accountsGrid .ui-datagrid-column {padding: 2px; width: 25%; border-right:1px solid #5f6062}
.accountsGrid .ui-datagrid-column:last-of-type {border-right:none}
.accountsGrid .ui-datagrid-column table{width:100%}
.accountsGrid .accNameHeight {height:40px;}
.accName {color: white; width: 30%; text-align: left;}
.accBalance{text-align:right;}
.accBalance span {font-size: 24px; font-weight:normal}
.accBalance td {color: white; vertical-align: top;}
.accBalance td.topPosit{width:36px;}
.dashboardGrid{width: 100%;margin: 15px 0px;background-color: rgba(0, 0, 0, 0.5);height:160px;}
.dashboardGrid .gridHeader{color:white; font-size: 25px; font-weight: normal;}

/* Favourites Panel */
.leftLayout {position: fixed !important; overflow-x:visible !important; overflow-y:visible !important; z-index: 1;} 
.leftLayout .ui-layout-resizer {left:0 !important;border: none; border-radius: 0px 6px 6px 0px; background: none; margin-top: 15px !important;}
.leftLayout .ui-layout-resizer.ui-layout-resizer-west-open {border-radius: 0px;}
.leftLayout .ui-layout-resizer .ui-layout-resizer-west .ui-layout-resizer-closed .ui-layout-resizer-west-closed {background-color: #f7951e;}
.favLayout.ui-layout-unit {width: 200px!important; min-height: 130px!important; background-color: #f7951e; border: none; padding-right: 6px; margin-top: 15px !important;}
.favLayout .ui-layout-unit-content {overflow: hidden; height:100%}
.favLayout .ui-menu {width:100%}
.favLayout .ui-menu .ui-menu-list .ui-menuitem {padding-left: 8px; box-sizing:border-box;}
.favLayout .ui-menu .ui-menu-list .ui-menuitem a {color:white; border:none; -webkit-transition: 0.3s ease-out; -moz-transition:  0.3s ease-out; -o-transition:  0.3s ease-out; transition-property: background-color, color;}											  
.favLayout .ui-menu .ui-menu-list .ui-menuitem a:hover {background-image:none; background:none; box-shadow:none; border:none;}
.favLayout .ui-layout-unit-header {border:none; border-bottom: 1px solid white; border-radius: 0px;}
.favLayout .ui-layout-unit-header .ui-layout-unit-header-title {color: white; font-size: 17px; font-weight: normal; text-shadow: none;}
.favLayout .ui-layout-unit-content .ui-widget-content {border:none;}
.favLayout .favSettingsIcon {background: none transparent; box-shadow: none; border:none; border-radius: 0; outline: none;}
.leftLayout .ui-layout-unit.favLayout, .leftLayout .ui-widget{background:none;}
.leftLayout .ui-layout-unit .favLayout .favSettingsIcon{margin:0px}
.leftLayout .favSettingsIcon .ui-icon.fa {width: 20px;height: 20px;text-shadow:none;margin-left: 60px;}
.leftLayout .favSettingsIcon{height:20px;width:20px;}
.leftLayout .favSettingsIcon .ui-button-text{padding: 0px;}
.favSettingsIcon {margin-top: -4px; background: none transparent; box-shadow: none; border:none; border-radius: 0; outline: none;}
.ui-panel-titlebar-icon {display: none}/* REVIEW */

/* PFM Chart */
.bigChartColumn{text-align: center; vertical-align: middle; width:28%}
.smallChartColumn{text-align: center; vertical-align: middle; width:18%}
.labelChart{color: #4f4f4f; font-weight:bold; margin-right: 5px;}
.pfmDonutWidget  {width: 392px; height: 230px;}
.pfmDonutWidget table.jqplot-table-legend{background-color: transparent; border:none; position: absolute;left:3px!important}
.pfmDonutWidget table.jqplot-table-legend tbody tr td{ font-size: 11px;}
.pfmDonutChart .jqplot-table-legend{padding: 4px;background-color: transparent; border:none;}
.legent-out table.jqplot-table-legend{left: -184px !important; top: -3px !important;border:none}

/* Dialog */
.dialogRight {text-align: right; width: 159px;}
.dialogLeft {text-align: right; width: 77px;}
.dialogLeftColumn {text-align: right; width: 100px;}
.no-close .ui-dialog-titlebar-close {display: none }

/* Title and Help Icons */
.title{height:63px; border-spacing: 0px;}
.title .headerBlue {float: left;}
.title .helpLinksPG {float: right; margin-right: -1px;}
.helpLinksPG .ui-button-text-icon-left .ui-button-text {padding: 0px; padding-left: 38px;}
.title .helpLinksPG td:last-child{vertical-align: middle;}
.title .helpLinksPG table{margin-right:-3px;}
.column-new:last-child {background: white; padding: 10px 10px 0px 0px; box-sizing: border-box;}

/* Menu */
.ui-menu .ui-menu-list {display: table-row;}
.ui-menu .ui-menu-list.ui-menu-child {padding: 0px;}
.ui-menuitem-icon.ui-icon {	height: 25px;border-radius: 0;width: 33px;margin-right: 5px;}
.ui-menuitem-link .ui-icon.ui-icon-triangle-1-s {display: none;}
.ui-menu .ui-menu-child:before {position: absolute; top: -1px; left: 10%; display: inline-block; border-right: 7px solid transparent; border-top: 7px solid #fdcd07; border-left: 7px solid transparent; border-top-color: #fdcd07;	content: '';}

/* Sidebar */
.sidebar-col {width: 177px; padding-bottom: 60px; padding-left: 7px; box-sizing: border-box;}
.sidebar-col > table {border-spacing: 0px; margin-top: 56px;background: transparent;}
.sidebar{border-radius:0px; background:white;}
.sidebar-section {border: none; padding: 10px; width: 220px;}
.sidebar-section .ui-menuitem:hover {color: #004c7a;}
.sidebar-section .ui-menuitem {width: 180px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;}
.sidebar-section .ui-menuitem-link {border: none; box-shadow: none; width: 100%; -webkit-transition: 0.3s ease-out; -moz-transition: 0.3s ease-out; -o-transition: 0.3s ease-out; transition-property: background-color, color;}
.sidebar-section .ui-helper-clearfix {border: none; background-color: transparent;	background: none; padding: 2px;}
.sidebar-section .ui-menu .ui-menu-list{padding:0px}
.advLink {box-shadow: none; border: none; width: 177px; height: 552px; border-radius: 0px; background-color: #fbfbfb; outline: 0; background-size: 100%; background-position-x: initial; background-position-y: initial; background-color: transparent;}

/* Widgets */
.dashWidth {width:80%;}
.widgetPanelBtn > tbody > tr > td:first-of-type, .widgetPanelBtn > tbody > tr > td:last-of-type{width:2%}
.widgetPanelBtn > tbody > tr > td:first-of-type{text-align: right;}
.nettellerDashboardPanel .contentSt {height: 85%; vertical-align: top;}
.nettellerDashboardPanel .contentSt > td > table {border-spacing: 0px;}
.nettellerDashboardPanel .buttonSt {height: 15%; vertical-align: top;}
.nettellerDashboardPanel .buttonSt > td > table{border-spacing: 0px; float: right;}
.nettellerDashboard .ui-panel {width: 347px; height: 360px;}
.nettellerDashboardPanel .ui-widget-content {background-color: white; border: none; padding: 10px; box-sizing: border-box; height: 90%; word-break: break-word; overflow: hidden; overflow-y: auto; text-align: justify;}
.nettellerDashboardPanel .ui-panel-titlebar {background-color: white; border: none; padding: 0px 10px; box-sizing: border-box; height: 10%; border-bottom: 1px solid #E6E6E6; border-radius: 0px;}
.nettellerDashboardPanel .ui-panel-titlebar .ui-panel-title {font-weight: normal; font-size: 24px; text-shadow: none;}
.nettellerDashboard .ui-dashboard-column {width: 347px; min-height: 200px; padding-bottom: 0px; margin-top: 0px; border-width: 10px;}
.nettellerDashboard .ui-dashboard-column:not(:first-child) {padding-left: 15px;}
.nettellerDashboard .ui-widget {background-color: white; border-radius: 6px; border: 1px double #CBC9C9; box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2); box-sizing:border-box;}
.nettellerDashboardPanel .ui-widget {-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
.nettellerDashboard .contents-table {height: 100%; width: 100%;}
.nettellerDashboard .ui-datatable tbody tr, .nettellerDashboard .ui-datatable thead tr {height: 21px;}
.nettellerDashboardPanel .ui-datatable .ui-datatable-even,	.nettellerDashboardPanel .ui-datatable .ui-datatable-odd {border-bottom: solid 1px #dddddd; background: transparent;}
.nettellerDashboardPanel .ui-datatable, .nettellerDashboardPanel .ui-datatable tbody tr,.nettellerDashboardPanel .ui-datatable thead th,.nettellerDashboardPanel .ui-datatable tbody, .nettellerDashboardPanel .ui-datatable .ui-paginator{border: none;}
.nettellerDashboardPanel .ui-datatable thead th,.nettellerDashboardPanel .ui-datatable thead th:hover {background: transparent;padding: 5px 0px;font-weight: bold;	text-shadow: none;}
.nettellerDashboardPanel .ui-datatable thead th span {font-size: 13px;}
.nettellerDashboard .ui-datatable tbody td {padding: 1px 0px;}
.nettellerDashboard .ui-widget, .nettellerDashboard .labelsSt, .nettellerDashboard .labelsSt span, .nettellerDashboard .dataSt, .nettellerDashboard .dataSt span, .nettellerDashboard .contents-table *, .nettellerDashboard .ui-datatable tbody * {font-size: 13px;}
.nettellerDashboard .labelsSt{word-break: break-word;min-width: 106px;}
.nettellerDashboardPanel .ui-datatable-tablewrapper {border: none;}
.nettellerDashboardPanel .ui-selectonemenu, .nettellerDashboardPanel .ui-widget-content .ui-selectonemenu, .nettellerDashboardPanel select {border: 1px solid #E6E6E6; width: 100% !important;}
.nettellerDashboardPanel .ui-selectonemenu.ui-state-hover, .nettellerDashboardPanel select.ui-state-hover {box-shadow: none;}
.nettellerDashboardPanel .amountInput {width: 100% !important;max-width: none;}
.nettellerDashboardPanel input[type="text"].amountInput, .nettellerDashboardPanel input[type="text"].amountInput.required, .nettellerDashboardPanel .amountInput, .nettellerDashboardPanel input[type="tel"].amountInput{width: 56% !important;margin-bottom: 0px;vertical-align: middle;max-width: none;margin-right: 0px;min-width: 70px;}
.nettellerDashboardPanel select.amount-currency, .nettellerDashboardPanel .ui-selectonemenu.amount-currency{float:none;width:42% !important;margin-right:0px;margin-left:2%;vertical-align: middle;}
/* Widgets - Setting Button */
.widgetSettingsBtn{float: right;margin-top: -27px;}
.widgetSettingsBtn .ui-button{background:none;border:none;box-shadow:none;float:right;width:24px;top:5px;outline:none}
.widgetSettingsBtn .fa-wrench{border-radius:0px;width: 22px;height: 22px;text-shadow:none;}
.widgetSettingsBtn .ui-button:focus{outline:0}
.widgetPanelBtn .ui-button{background: none;  box-shadow: none;  border: none;}
.widgetPanelBtn .ui-button.widgetLeft, .widgetPanelBtn .ui-button.widgetRight{width: 15px;height: 50px;}
.widgetPanelBtn .ui-button:focus{outline:0}
.widgetPanelBtn .ui-button-icon-left.fa{height: 100%;}
.widgetPanelBtn .ui-button-icon-left.fa-angle-left{margin-left: -8px;}
.widgetPanelBtn .ui-button-icon-left.ui-icon.ui-c.fa.fa-exclamation-circle{margin-top: 4px !important;}
.widgetPanelBtn .ui-button-icon-left.ui-icon.ui-c.fa.fa-check-circle{margin-top: 4px !important;}
.widgetPanelBtn .ui-button-icon-left.ui-icon.ui-c.fa.fa-times-circle{margin-top: 4px !important;}
.widgetPanelBtn .fa-angle-right.fa:before, .widgetPanelBtn .fa-angle-left.fa:before{font-size: 50px; color: #CBC9C9; text-shadow: none;}

/* Widgets - Icons*/
.widgetIcons.ui-button{border: none!important; opacity: 1; height: 25px; width: 32px;}
.widgetIcons .ui-button-icon-left{width: 30px;height: 21px;}

/* Datatable */
.ui-datatable {border: solid 1px #CBC9C9;border-top-left-radius:6px;border-top-right-radius:6px;}
.ui-datatable .ui-datatable-tablewrapper {overflow: hidden;border-top-left-radius:6px;border-top-right-radius:6px;}
.ui-datatable thead span table tbody tr td {font-size: 14px; background: #e7e7e7;}
.ui-datatable thead th:first-child{border-top-left-radius:6px;}	
.ui-datatable thead th:last-child{border-top-right-radius:6px;}
.ui-datatable tbody * {font-size: 14px;}
.ui-datatable-header.ui-corner-top {border: none;border-radius: 0px;padding: 0px}
.ui-datatable-header, .ui-datatable-header div {background-color: #dadada;}
.ui-datatable .ui-datatable-header tbody tr {border-bottom: 1px solid transparent}
.ui-datatable, .ui-datatable-even, .ui-datatable-odd {background: transparent;text-align: start;}
.ui-datatable tbody tr, .ui-datatable thead th, .ui-datatable tbody,.ui-datatable .ui-paginator {color: #545658;border-color: transparent;border-bottom:1px solid #e6e6e6; background: white;}
.ui-datatable tbody td {border: none;padding: 4px 10px;border-width: 0px;word-break: break-word;word-wrap: break-word;}
.ui-accordion-content .ui-datatable thead th, .ui-accordion-content .ui-datatable tbody tr table tr, .ui-accordion-content .ui-datatable tbody, .ui-tabs .ui-datatable tbody tr table tr, .ui-tabs .ui-datatable thead th, .ui-tabs .ui-datatable tbody, .ui-tabs .ui-datatable .ui-paginator {border: none}
.ui-datatable thead th, .ui-tabs .ui-datatable thead th, .ui-dialog .ui-datatable thead th,	.ui-accordion-content .ui-datatable thead th {font-weight: normal; height: 26px; border-spacing: 0px; background: #e7e7e7; box-shadow: none; border-width: 0px;	text-shadow: none;}
.ui-datatable thead th .ui-column-title > table{text-align: center;}
.ui-datatable thead th:hover {background-image: none; box-shadow: none;	background-color: transparent; background: #e7e7e7;}
.ui-datatable thead .ui-icon {display: none;}
.ui-datatable thead th span {font-size: 14px}
.ui-datatable thead tr, .ui-dialog .ui-datatable thead tr {	height: 20px;border: 0px}
.ui-datatable thead tbody {border: none;}
.ui-datatable .ui-expanded-row-content tbody, .ui-datatable .ui-expanded-row-content tr{border: none !important;}
.ui-datatable tbody a{ color: #545658;}
.ui-datatable tbody a:hover{text-decoration: underline!important; color: #545658; }
.ui-datatable tr.ui-state-highlight, .ui-datatable tr.ui-state-highlight:hover {background: #f1f5f8;box-shadow: rgb(133, 178, 203) 0px 0px 6px 0px;border-bottom: 1px solid #e6e6e6;}
.ui-datatable-footer.ui-widget-header.ui-corner-bottom {float: right;border: none;margin-top: -9px;}
.datableRowsHeight {height: 37px;}
.shortRowsHeight {height: 27px;}
.tallRowsHeight {height: 43px;}
.dataTableNoHeader thead {display: none; background: none}
.ui-paginator .ui-corner-all {border-radius: 0px;}
.ui-paginator.ui-paginator-bottom.ui-widget-header {float: left;}
.ui-paginator .ui-paginator-page, .ui-paginator .ui-paginator-next,	.ui-paginator .ui-paginator-last, .ui-paginator .ui-paginator-first,.ui-paginator .ui-paginator-prev, .ui-paginator .ui-paginator-current {background-color: #f5f5f5;border-radius:6px;font-size:13px;text-shadow:none;}
.ui-paginator .ui-paginator-page:hover, .ui-paginator .ui-paginator-next:hover, .ui-paginator .ui-paginator-last:hover, .ui-paginator .ui-paginator-first:hover,.ui-paginator .ui-paginator-prev:hover, .ui-paginator .ui-paginator-current:hover{background-image: none; background-color: transparent; box-shadow: none;}
.ui-paginator .ui-paginator-page.ui-state-active {box-shadow: none;	color: white !important;}
a.ui-paginator-page{ color:#555555 !important; }
.ui-paginator-rpp-options.ui-widget.ui-state-default.ui-corner-left {width: 55px; height: 25px; background: none; margin-left: 5px; border-radius: 6px; box-shadow: none; color: #545658;}
.ui-datatable .ui-paginator, .ui-tabs .ui-datatable .ui-paginator {text-align: left; border: solid 1px #CBC9C9;	border-top:none; padding: 4px 0px; width: 100%;	border-radius: 0px;	margin-bottom: 11px; margin-left: -1px;	margin-top: 0px; background: #f5f5f5; border-bottom-left-radius:6px; border-bottom-right-radius:6px;}
.panelSubHeading {color: white; display: block; margin: 10px 0;}
.datatableNoPaginator tbody tr:last-child {border-bottom: 1px solid transparent;border-radius:6px;}
.datatableNoPaginator tbody tr:last-child td:first-child,.datatableNoPaginator tbody tr:last-child td:last-child{border-radius:6px;}
.datatableNoPaginator {border-radius:6px;}
.expandableRowHeader, .expandableRowHeader span {font-weight: bold;	font-size: 11px !important;	color: #555555;	width: 35%;}
.expandableRowLabel {font-size: 11px !important;}

.account-name-number{border-collapse:separate;}

.ui-datatable-reflow .ui-datatable-data td .ui-column-title{display: table-cell;}
.ui-dialog .ui-datatable {width: 734px;}/* REVIEW */

/* Notifications */
.notifications-grid {width: 100%;}
.notifications-grid .ui-panel .ui-panel-content, .notifications-grid .ui-panel .ui-panel-content, .notifications-grid .ui-widget-content{padding: 0px; background-color: transparent; border: none;}
.notifications-grid .ui-datagrid .ui-button {background-repeat: no-repeat; background-size: 16px; border: none; border-radius: 100%; background-color: #012c54; width: 30px; height: 30px;}
.notifications-grid .ui-button .icon-btn {background-image: none;}
.notifications-grid .ui-datagrid .ui-button.push-notifications-trash {background-image: url(../images/notification_center/trash.svg);}
.notifications-grid .ui-datagrid .ui-button.push-notifications-information {background-image: url(../images/notification_center/information.svg);}
.notifications-grid .ui-datagrid .ui-button.push-notifications-open-envelope {background-image: url(../images/notification_center/envelope_open.svg);}
.notifications-grid .ui-button.push-notifications-pencil {background-image: url(../images/notification_center/pencil.svg);}
.notifications-grid .ui-datagrid .ui-button.push-notifications-close-envelope {background-image: url(../images/notification_center/envelope_close.svg);}
.notifications-grid .ui-datatable .ui-button {background-repeat: no-repeat; background-size: 16px; border: 2px solid white; border-radius: 100%; background-color: transparent; width: 30px; height: 30px;vertical-align: middle;}
.notifications-grid .ui-toggleswitch .ui-toggleswitch-slider:before {background-color: #00456a;}
.notifications-grid  .ui-datatable-header .ui-toggleswitch-slider, .notifications-grid  .ui-toggleswitch-slider {background-color: white;}
.notifications-grid .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before {background-color: white;}
.notifications-grid .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider {background-color: #3199FE;}
.notifications-grid .ui-datatable-header, .notifications-grid .ui-datatable-header div:not(.ui-toggleswitch-slider) {background: none; vertical-align: middle;margin-right: 20px;}
 
.notifications-grid .ui-datatable tbody tr, .notifications-grid .ui-datatable-header, .notifications-grid .ui-datatable thead th, .notifications-grid .ui-datatable tbody {background: none;}
.notifications-grid .ui-datatable tbody tr, .notifications-grid .ui-datatable thead th, .notifications-grid .ui-datatable tbody {color: white;}
.notifications-grid .ui-datatable .ui-datatable-header tbody td:first-child {text-align: left; color: #FFFFFF;}
.notifications-grid .ui-datatable .ui-datatable-header {padding: 0px 10px; height: auto; line-height: normal;}
.notifications-grid .ui-datatable .ui-datatable-header table {margin: 0 10px;}
/*.notifications-grid .ui-datatable .ui-datatable-header:after {content: ""; border-bottom: 1px solid white; display : block;}*/
.notifications-grid .ui-datatable:not(:first-child) .ui-datatable-header:before {content: ""; border-top: 2px solid white; display : block;}
.notifications-grid .ui-tabs .ui-datatable .showOptions tbody td {color: #FFFFFF; width: AUTO;}
.notifications-grid .ui-tabs .ui-datatable .showOptions tbody td:first-child {padding-left: 30px;}

/* Tabs */
.notifications-grid .ui-tabs .ui-tabs-nav li {background: white; color: white; border-radius: 2px;}
.notifications-grid .ui-tabs > .ui-tabs-nav {width: 100%; box-sizing: border-box; padding: 0px 10px;}
.notifications-grid .ui-tabs .ui-tabs-nav li {width: auto; margin: 0; padding: 0;}
.notifications-grid .ui-tabs .ui-tabs-nav li a {padding: 8px;}
/* .notifications-grid .ui-tabs .ui-tabs-panels {margin-left: 10px;} */
.notifications-grid .ui-tabs .ui-tabs-panels .ui-tabs-nav {width: 100%; box-sizing: border-box; padding-top: 30px;}
.notifications-grid .ui-tabs .ui-tabs-panels .ui-tabs-nav li {width: auto; margin-right: 10px;}
.notifications-grid .ui-datagrid-content {padding: 10px 0px;}
.notifications-grid .ui-datagrid-content .notifications-grid .buttonsPG {padding: 0 10px;}
.notifications-grid .ui-datagrid-content .ui-datagrid-row {padding-bottom: 10px; display: table; width: 100%;}
.notifications-grid .ui-datagrid-content .ui-datagrid-column {padding: 0px;}
.notifications-grid table.notifications-table, .notifications-grid table.notifications-details-table {background: #ffffff; width: calc(100% - 6px); margin-left: 6px; table-layout: fixed; min-height: 115px;}
.notifications-grid table.notifications-table.unread-msg, .notifications-grid table.notifications-details-table.unread-msg {width: 100%; margin-left: 0px;}
.notifications-table > tbody > tr > td , .notifications-details-table > tbody > tr > td {padding: 4px;}
.notifications-table > tbody > tr > td:nth-child(1) {width: 75px;}
.notifications-table > tbody > tr > td:nth-child(2) {width: 85%}
.notifications-table > tbody > tr > td:nth-child(3) {width: 40px;}
.notifications-table img, .notifications-details-table img{display: block; margin: auto; width: 55px; height: 55px;}
.notifications-details { border: 1px solid #C9C9C9; background: white; color: #545658; padding: 5px;}
.notifications-details-table {width: 100%; border: 2px solid #012c54; border-radius: 5px; padding: 5px 15px;}
.notifications-grid .ui-datagrid .ui-datagrid-data {border-spacing: 0;}
.buttonsPG-notifications{ border-spacing: 8px 0;}
.buttonPG-notifications {background: white; color: #00456a;}

.notifications-grid .ui-tabs .ui-datatable tbody td {word-break: normal; word-wrap: normal; overflow: visible;}
.notifications-grid .panelSubHeading {margin: 10px;}

/* Checkboxes */
.notifications-grid .notificationCheckboxesWrapper {display: flex; width: 100%; justify-content: flex-start;}
.notifications-grid .notificationCheckbox {display: flex; padding: 0 20px 0 8px;}
.notifications-grid .notificationCheckbox .ui-chkbox {padding-left: 8px;}

.notificationsPgDrpdnLabel {color: white;}
.common-body-sme .notificationsPgDrpdnLabel {color: #545658;}	

/* BalanceOverview table - REVIEW */
.boTable tbody tr, .ui-dialog .ui-datatable tbody tr {height: 25px;}
.boTable tbody td {padding: 0px 4px;}
.boTable .amountRed, .boTable .amountGreen {font-size:18px;}
.subheader{padding:10px;}
.boTable select.smallDropdown{width:56px;height: 25px;}
.footerBO {float: right;padding:2px;}
.subTotalHead {font-size: 11px;  text-shadow: none;  display: inline-table; font-weight: bold;  margin-right: 10px;}
.subTotalAmount {font-size: 11px;font-weight: normal;text-shadow: none;padding-right:3px}
.boTable tfoot tr td {border: none !important;background:#f5f5f5 !important;}

button.positive-btn, .ui-accordion button.positive-btn, .nettellerDashboard button.positive-btn, .ui-dialog button.positive-btn, button.negative-btn, .ui-accordion button.negative-btn, .ui-dialog button.negative-btn,
.ui-widget-content button.positive-btn, .ui-widget-content button.negative-btn, .positive-link, .negative-link{
	color: white; width: 135px;	height: 35px; box-shadow: none; outline: 0;	text-shadow: none; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; border-radius: 5px; border: none;
	box-shadow:none;}

.positive-btn.ui-button.ui-state-hover, .negative-btn.ui-button.ui-state-hover, .positive-link:hover, .negative-link:hover{box-shadow:none;}

.ui-button.positive-dark-btn{background: #13508c!important;}

.positive-menu-btn {width: 100%;}
.positive-menu-btn .ui-button {background: #3199FE!important;height: 35px;width:135px;outline: 0;text-shadow: none;-webkit-transition: all 0.1s ease-out;-moz-transition: all 0.1s ease-out;-o-transition: all 0.1s ease-out;border-radius: 5px;border: none;box-shadow: none;}
.positive-menu-btn .ui-button .ui-button-text {color: #ffff;}
.positive-menu-btn .ui-button .ui-icon {background-image: url(../images/ui-icons_ffffff_256x240.png);}

.positive-btn.ui-button .ui-button-text, .negative-btn.ui-button .ui-button-text, .positive-link, .negative-link{font-size:15px}
.positive-link{background-color: #3199FE; color: white; text-decoration: none; display: inline-block; padding: 8px; box-sizing: border-box; text-align: center; width: 206px;}
.negative-link{background-color: #aaaaaa; color: white; text-decoration: none; display: inline-block; padding: 8px; box-sizing: border-box; text-align: center; width: 206px;}
	
.ui-dialog .dialogSmallBtn{width: 60px; height: 26px;}

.loginBtn .ui-button-text {font-size: 14px}
.loginBtn span:FIRST-CHILD {border-radius: 0px;	padding: 10px;}
.loginBtn span:FIRST-CHILD:after {content: ""; position: absolute; right: 0; bottom: 0; height: 50%; top: 8px; width: 0px; border-right: 1px solid rgba(250,250,250,0.7);}

button.ui-widget.positive-btnSmall, button.ui-widget.positive-btnSmall .ui-state-hover {box-shadow: none;border-radius: 5px;border: none;text-shadow: none;outline: none;width: 35px;height: 35px;}
button.ui-widget.positive-btnSmall .ui-button-icon-left{padding:10px;}
button.ui-widget.positive-btnSmall .ui-button-icon-left.fa.fa-reply{margin-left: -3px;}

.tableBtn {height: 24px !important;width: 24px !important;}  
.tableBtn .ui-button-icon-left{margin-top: -9px;height: 21px;}
.ui-datatable .buttonAsLink{border: none; outline: none; background: none;}
.buttonAsLink span{color: #16609a}
.buttonAsLink span:hover{text-decoration:underline}

.leftRightBtn td:last-of-type .ui-button.positive-btn{float:right;}
.leftRightBtn td:last-of-type .ui-button.negative-btn{float:right;}

/* DataGrid */
.customDatagrid{margin-bottom: 11px;}
.customDatagrid .grayBorder.threeColumns td:FIRST-CHILD {width: 1%;}
.customDatagrid .grayBorder.threeColumns td:LAST-CHILD {width: 30%;}
.customDatagrid .ui-datagrid-row:nth-child(even) {background-color: #f7f7f7;}
.customDatagridColumn{width: 70%}

/* Labels & Headers - REVIEW */
.grayBorder>thead tr th, .sidebar-section>thead tr th,.transferPanelGrid .ui-panelgrid-header td{font-weight: normal;text-align: left;text-shadow:none;padding: 5px;font-size: 20px;border-bottom: 1px solid #E6E6E6;}
.logoHeader {font-weight: bold;	font-size: 25px; color: #1c75bc; font-style: italic;}
.largeLabel, .ui-widget.largeLabel{-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; font-size:19px; text-shadow: none; text-decoration: none;}
.greyLabel, .greyLabel td {color: #5C5C5D; font-weight: bold; font-size:18px;}
.amountRed {color: #EA4903;	font-weight: bold;}
.amountGreen {color: #008000; font-weight: bold;}
.headerBlue{font-weight: normal; color: #1c75bc; font-size: 21px; text-shadow:none;}
.labelBlack {font-weight: normal; color: #4f4f4f; font-size: 17px; margin-top: 15px;}
a.labelBlack {text-decoration: none;}
a.labelBlack:hover {text-decoration: underline;}
a.labelBlack.last {	text-decoration: none;}
.labelBlack.last:hover {cursor: default;}
.dialogLabel {font-weight: normal; color: #4f4f4f; font-size: 15px;}
.smallLabelBlack {font-weight: normal; color: black; font-size: 14px;}
.labelBlackSmall {font-weight: normal; color: #4f4f4f; font-size: 13px; margin-top: 15px;}
.disclaimer {font-size: 13px; line-height: 17px; color:#545658;}
.note {	font-style: italic;	font-size: 11px; color: #545658;}

/* Links */
.editLink{font-size:13px; font-weight:bold;}
.editLink:hover {text-decoration: underline;}
.disclaimerLink a{font-size: 14px;}
.editLink, .disclaimerLink a{text-decoration: none; color: #545658 !important;}
.xpinlink{text-decoration: underline!important; color: dodgerblue!important;}

/* OverlayPanel */
.ui-overlaypanel {border:1px solid #CBC9C9; border-radius:6px; box-shadow:none; position: absolute; text-align: left; width: 230px;}
.ui-overlaypanel a{color:#545658; font-size: 12px;}
.ui-overlaypanel a:hover{text-decoration: underline;}
.ui-overlaypanel table tbody{border: 0 !important;}
.ui-overlaypanel table tbody tr{border-bottom: 0 !important;}

/* Balance Overview - Mobile */
.bo-app .accordionPanel {border:none;}
.bo-app .accordionPanel .ui-accordion-header{display: none;}
.bo-app .accordionPanel .ui-accordion-content{padding: 5px 0px;}
.bo-app .ui-datatable .mobile-table-label{line-height: 23px;}
.bo-app .ui-datatable tbody * {font-size: 15px;}
.bo-app .ui-datatable-tablewrapper {border:none;border-top:1px solid #e6e6e6;} 
.bo-app .hidden-col{display: none !important;}

/* OverlayPanel - Balance Overview page */
.overlayBO.panel-visible {box-shadow: none; left: 50% !important; max-width: 305px; position: fixed !important; text-align: center; top: 50% !important; width: 90%;
	-webkit-transform: translate(-50%, -50%) !important; -moz-transform: translate(-50%, -50%) !important; -ms-transform: translate(-50%, -50%) !important; -o-transform: translate(-50%, -50%) !important;	transform: translate(-50%, -50%) !important;}
.overlayBO.panel-visible a{font-size: 20px !important;}
.ui-overlaypanel-mask{background-attachment:scroll;background-clip:border-box;background-color:rgba(0, 0, 0, 0.9);background-size:auto;display:none;filter:none;height:100%;left:0px;opacity:0.3;position:fixed;top:0px;width:100%;z-index:1000;}
.ui-overlaypanel-mask.panel-visible{display: block;}
.ui-datatable[id*='currentAccountsTable'] .ui-datatable-data tr.ui-state-hover{cursor:default; background: #fbfbfb;}
.ui-datatable[id*='savingAccountsTable'] .ui-datatable-data tr.ui-state-hover{cursor:default; background: #fbfbfb;}
.ui-datatable[id*='creditCardTable'] .ui-datatable-data tr.ui-state-hover{cursor:default; background: #fbfbfb;}
.ui-datatable[id*='debitCardTable'] .ui-datatable-data tr.ui-state-hover{cursor:default; background: #fbfbfb;}
.ui-datatable[id*='loansTable'] .ui-datatable-data tr.ui-state-hover{cursor:default; background: #fbfbfb;}
.ui-datatable[id*='fixedDepositsTable'] .ui-datatable-data tr.ui-state-hover{cursor:default; background: #fbfbfb;}
.ui-datatable[id*='overdraftTable'] .ui-datatable-data tr.ui-state-hover{cursor:default; background: #fbfbfb;}

/* Dropdown */
.amount-currency{box-sizing: border-box;}
.loginDropdown {width:200px;}
.ui-selectonemenu.requiredDropdown, select.requiredDropdown, .select-checkbox.ui-selectcheckboxmenu.requiredDropdown {border-left: 1px solid #c60d0d;}
select {width: 206px; height: 35px; background-color: #ffffff; border-radius: 6px; border: 1px solid #E6E6E6; outline: none;}
.ui-selectonemenu, .ui-widget-content .ui-selectonemenu, .select-checkbox.ui-selectcheckboxmenu{padding: 0px; width: 206px !important; height: 35px; border: 1px solid #E6E6E6; display: inline-flex; position: relative; border-right: none !important;}
select.smallDropdown, .ui-selectonemenu.smallDropdown, input[type="text"].amount-currency{width: 68px !important;vertical-align: bottom;}
.ui-selectonemenu-panel .ui-selectonemenu-list-item{-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;}
.ui-selectonemenu .ui-selectonemenu-label.ui-inputfield, .select-checkbox.ui-selectcheckboxmenu .ui-selectcheckboxmenu-label{width:100% !important; box-shadow: none; padding: 0px 3px; box-sizing: border-box; font-family: 'Open Sans', sans-serif, Verdana, Geneva; line-height: 33px; white-space: normal;}
.ui-selectonemenu .ui-selectonemenu-trigger.ui-state-default.ui-corner-right,.ui-selectonemenu .ui-selectonemenu-trigger.ui-state-default.ui-corner-right:hover{background-image:none; border-left:none; box-shadow: none; width:22px; padding:0px;}
.ui-selectonemenu-panel .ui-selectonemenu-list-item.ui-state-hover, .ui-selectonemenu-panel .ui-selectonemenu-list-item.ui-state-highlight{box-shadow: none;background: none;}
.ui-selectonemenu-panel.ui-shadow{box-shadow:none; border-radius: 6px; border: 1px solid #E6E6E6;}
.ui-selectonemenu-panel .ui-selectonemenu-filter{width:100%; box-sizing:border-box; height:33px;}
.ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon {position: absolute; top: 13px; right: 10px;}
.ui-selectonemenu-filter-container{width:100%;}
.ui-selectonemenu-panel .ui-selectonemenu-filter-container {box-sizing: border-box;}
.ui-selectonemenu.mediumDropdown{width:128px !important;}
.ui-widget-content .ui-selectonemenu.requiredDropdown{    border-left: 1px solid #c60d0d;}
.ui-selectonemenu{padding-right: 0px !important; min-width: 0px !important;}
.ui-selectonemenu-panel.ui-shadow.resizedDropdown{max-width: 600px; min-width: 200px; width: 100%;}
.ui-selectonemenu {-moz-transform: none; -o-transform: none; -webkit-transform: none; transform: none;}
.ui-selectonemenu.pct100, .ui-widget-content .ui-selectonemenu.pct100 {width: 100% !important;}

/* Accordion */
.ui-accordion .ui-accordion-content {display: block;}
.ui-accordion .ui-helper-hidden {display: none;}
.accordionFilterPG .three-filters{table-layout: fixed;}
.accordionFilterPG {font-weight: normal;color: #4f4f4f;font-size: 19px;}
.accordionPanel {font-weight: normal;color: #4f4f4f;font-size: 19px;border: solid 1px #CBC9C9;width: 100%;border-spacing: 8px;margin-bottom: 11px;line-height: 20px;border-radius: 5px;}
.accordionFilterPG .ui-accordion-header {padding: 3px 0px 3px 30px;	font-size: 14px;}
.accordionPanel .ui-accordion-header {padding: 8px 15px;font-size: 20px;}
.accordionPanel .ui-accordion-header:not(:first-of-type) {border-top: solid 1px #CBC9C9;}
.accordionPanel .ui-accordion-content {	padding: 5px 12px;overflow: hidden;	background: #fbfbfb;  border-radius: 6px;} /*padding:12px 12px*/
.accordionTable .ui-accordion-content {	padding: 0px;}
.accordionTable .ui-datatable-tablewrapper, .accordionTable .ui-datatable,	.accordionTable .ui-datatable tbody tbody tr, .accordionTable .ui-datatable tbody tbody	{border: none;}
 .header-accordion {padding: 8px 20px 8px 0px; font-size: 20px;}

/* Select One Button */
.ui-selectonebutton.bo-buttons-app {width:100%; display:inline-table;border-spacing: 0px;padding: 0px;}
.ui-selectonebutton.bo-buttons-app .ui-button {width:16%;display:table-cell;box-sizing: border-box;vertical-align: middle;}
.selectOneButtonSt .ui-button {margin: 0px;padding: 1px;}
.selectOneButtonSt .ui-button.ui-state-active {box-shadow: none;text-shadow: none; }
.ui-selectonebutton.bo-buttons-app .ui-button.ui-state-disabled {display: none;}

/* Tabs */
.tabsBorderPG {	border: solid 1px #CBC9C9;	border-spacing: 0px;width: 100%;}
.tabsBorder {border-top: solid 1px #dddddd;	width: 100%;border-spacing: 10px;}

#loadOverlay {display: none;}/* REVIEW */

/* File Upload */
.ui-fileupload-buttonbar.ui-widget-header.ui-corner-top,.ui-fileupload-content.ui-widget-content.ui-corner-bottom {border: none;background: rgb(49, 153, 254);}
.ui-fileupload-content.ui-widget-content.ui-corner-bottom{height: 0px;}
.ui-fileupload-buttonbar .ui-fileupload-choose input {transform: none;font-size: 11px;	width: 100%;height: 100%;}
.ui-fileupload-files .ui-fileupload-cancel.ui-button {width: 23px;height: 22px;}
.ui-fileupload-files td {padding: 4px 3px;}
.ui-fileupload-content .ui-progressbar {width: 75px;}

.advanced-fileupload {height: 28px;}
.advanced-fileupload span.ui-button.ui-button-text-icon-left.ui-corner-all.ui-fileupload-choose.ui-state-hover .ui-button-text, .advanced-fileupload span.ui-button.ui-button-text-icon-left.ui-corner-all.ui-fileupload-choose .ui-button-text {padding: 4px 5px;}
.advanced-fileupload .ui-fileupload-content.ui-widget-content {height: auto; background-color: transparent;}
.advanced-fileupload .ui-fileupload-buttonbar.ui-widget-header.ui-corner-top {background-color: transparent; width: 173px; padding: 0px;}
.advanced-fileupload span.ui-button.ui-button-text-icon-left.ui-corner-all.ui-fileupload-choose.ui-state-hover, .advanced-fileupload span.ui-button.ui-button-text-icon-left.ui-corner-all.ui-fileupload-choose {background: #f5f5f5 50% 50% no-repeat; border: 1px solid #CBC9C9; padding: 0px;}
.advanced-fileupload .ui-fileupload-choose.ui-state-hover .ui-button-text, .advanced-fileupload .ui-fileupload-choose .ui-button-text {color: #555555; margin-right: -20px;}
.advanced-fileupload span.ui-button.ui-button-text-icon-left.ui-corner-all.ui-fileupload-choose .ui-icon-plusthick {background-position: -32px -128px;
    background-image: url(../images/ui-icons_454545_256x240.png);
}
/* Calendar */
.calendarSt input, .calendarSt input[type="text"].ui-inputfield{width: 185px;border-top-right-radius: 0px !important;border-bottom-right-radius: 0px !important;}
input.datepicker-device{width: 218px;}
.datepicker-device::-webkit-clear-button{display: none; -webkit-appearance: none;}
.ui-datepicker {border: 1px solid #E6E6E6; box-shadow: none;}
.ui-datepicker .ui-datepicker-group.ui-widget-content {border: none;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next-hover{background: none;box-shadow:none;}
.ui-datepicker .ui-datepicker-calendar {font-size:18px; color:#545658;}
.ui-datepicker .ui-datepicker-current-day .ui-state-highlight, .ui-datepicker .ui-datepicker-current-day .ui-state-default {background: #545658;text-shadow: none;}
.ui-datepicker .ui-datepicker-calendar .ui-state-default {color: #545658;box-shadow:none;}
.ui-datepicker .ui-datepicker-calendar .ui-state-hover {background: none;}
.threeColumns .calendar-pg{float:left;margin-right:-10px;}
.threeColumns .calendar-pg .ui-inputfield.ui-state-disabled, .threeColumns .calendar-pg input.datepicker-device{width:180px;}
.threeColumns .calendar-pg .calendarSt input{width:147px;}
/*.calendarSt > input {width: 184px;}
.calendarFilters > input {width: 124px;}
.calendarSt > input, .calendarFilters > input {border-right: none;border-bottom-right-radius: 0px;border-top-right-radius: 0px;}
.calendarStReq > input, .ui-tabs .calendarStReq > input, .ui-tabs .calendarStReq > input.ui-state-focus,.ui-accordion .calendarStReq > input, .ui-accordion .calendarStReq > input.ui-state-focus{border-left: 2px solid #c60d0d;width: 172px;}
.calendarFilters .ui-inputfield.ui-state-disabled {	width: 161px;}*/

/* Radio Button */
.chequeRadioBtn{margin-left:-3px}/* REVIEW */
.ui-selectoneradio label {margin-top: 0px;}

/* Checkbox */
.ui-chkbox {display: block;font-size:1em;}
.ui-chkbox .ui-chkbox-box {width: 20px;height: 20px;border-radius:4px;background: none;background-color:white;border: 1px solid #E6E6E6;}
.selectAll thead .ui-chkbox-box.ui-widget.ui-corner-all.ui-state-default{box-shadow: none; outline: none; background-repeat: no-repeat;	background-color: #f5f5f5; border: 1px solid #CBC9C9; width: 22px; height: 20px; margin-left: -4px;	margin-top: -6px; background-position: 2px 4px;	border-radius: 3px;}
.selectAll thead .ui-chkbox-box.ui-widget.ui-corner-all.ui-state-default.ui-state-hover	{cursor: pointer; box-shadow: none;	outline: none;}
.selectAll thead .ui-chkbox-icon.ui-c.ui-chkbox-icon.ui-icon.ui-icon-check.ui-c	{display: none;}
.ui-chkbox-box{cursor: pointer;}
.ui-chkbox-box.ui-state-active .ui-icon-check{background-image: none; font-family: 'FontAwesome'; color: #545658; background: transparent; font-size: 20px; text-indent: 0; text-shadow: none; width: 100%; height: 100%;}
.ui-chkbox-box.ui-state-active .ui-icon-check:before{content: "\f00c";}

/* Radio Button */
.editRadioBtn .ui-radiobutton-box.ui-widget.ui-corner-all.ui-state-default.ui-state-active,	.editRadioBtn .ui-radiobutton-box.ui-widget.ui-corner-all.ui-state-default {box-shadow: none; outline: none; background-repeat: no-repeat; border: 1px solid #CBC9C9; background-color: #f5f5f5; border-radius: 4px; width: 21px; height: 21px;}
.editRadioBtn .ui-radiobutton-box.ui-widget.ui-corner-all.ui-state-default.ui-state-active>.ui-icon	{background-image: none}
.editRadioBtn .ui-chkbox-box.ui-widget.ui-corner-all.ui-state-default.ui-state-hover{border: none;box-shadow: none;	cursor: pointer;}
.editRadioBtn .ui-chkbox-icon.ui-c.ui-chkbox-icon.ui-icon.ui-icon-check.ui-c{display: none;}

/* -----------------------------------------
      Select Many Menu - Checkbox
----------------------------------------- */
.ui-selectmanycheckbox label {margin-top: 1px;}
.ui-selectmanycheckbox:first-child {width: 74%;}

/* -----------------------------------------
      Select Many Menu - Messages
----------------------------------------- */
.manyMenuMsgs .ui-selectlistbox-listcontainer {	height: 115px !important}
.manyMenuMsgs {	width: 300px;box-shadow: none !important;border: 1px solid #E6E6E6;}

/* -----------------------------------------
      Select Many Menu - ElectronicStatements
----------------------------------------- */
.manyMenuStatements .ui-selectlistbox-listcontainer {height: 225px !important}
.manyMenuStatements {width: 212px;	box-shadow: none;	border: 1px solid #E6E6E6;}

.payeesTabs .ui-tabs-panels {height: 241px}

/* Watermark */
.placeHolder::-webkit-input-placeholder {
	padding: 0px !important;
	font-size: 11px;
	color: #555555;}

.placeHolder::-moz-placeholder {
	padding: 0px !important;
	font-size: 11px;
	color: #555555;}

.placeHolder:-ms-input-placeholder {
	padding: 0px !important;
	font-size: 11px;
	color: #555555;}

.placeHolder:-moz-placeholder {
	padding: 0px !important;
	font-size: 11px;
	color: #555555;}


.placeholder-app::-webkit-input-placeholder {
	color: #656565;}

.placeholder-app::-moz-placeholder {
	color: #656565;}

.placeholder-app:-ms-input-placeholder {

	color: #656565;}

.placeholder-app:-moz-placeholder {
	color: #656565;}


/* System Messages Panel - JS function handleDashboardImage() */
.systemMsgLeft , .systemMsgRight{color:white;text-align: left;padding:20px;vertical-align: top; word-break: break-word;}
.systemMsgRight.imgDisplay{padding-top:0px;}
.systemMsgRight th{text-align: left;}
.systemMsgLeft.imgDisplay{padding-bottom:0px;}
.systemMsgLeft th, .systemMsgRight th{color:white;font-size:17px;font-weight: normal;padding-bottom:10px;}
.systemMsgLeftL{width:65%;}
.systemMsgRight, .systemMsgLeftR{width:35%}
.systemMsgLeftR{text-align: center;}
.imgDisplay{display: inline-block;width: 100%;}
.systemMsgRight button .ui-button-text{margin-left: 10px;}
.dashImg{max-width: 200px;}
.widgetPanelBtn{height:370px;}

/*... app style ...*/

.appHidden{display:none !important;}
input.appInput{width:100%; font-size:18px;}
button.appInput, .appInput{width:100% !important; height:44px !important;}
button.appInput span, .ui-button.appInput .ui-button-text, .appInput{font-size:18px;}

.login-body-app{background-position: center; position: relative; margin: 0; padding-bottom: 6rem; box-sizing: border-box; min-height: 100%; background-repeat: no-repeat;}
.login-body-app .logo-section .logo-label, .login-body-app .logo-section td {color: #ffffff; display:inline-block; width: 100%;}
.login-body-app .logo-img{padding-right: 0px; border-right: none;}

/*.login-content-app .image-full, .login-content.login-content-app .image-mobile{display: none;}*/
.login-content-app .security-panel, .login-content-app .ui-separator {display: none;}
/*.login-body-app .global-header{position: absolute;}*/
/*.login-content-app .login-pd{position: relative; bottom:10px; left: 0; top: 56%;}*/
.login-content-app{background: transparent; /*position: relative;*/ width: 100%;}
.login-content-app > tbody > tr {/*position: absolute; bottom: 0;width: 100%;*/}
.login-content-app > tbody > tr > td, .login-content-app .inline-items > tbody > tr > td, .login-content-app .inline-items-links > tbody > tr > td{width: 100%; display: inline-block;}
.login-content-app td {display: inline; width: 100%;}
.login-content-app .inline-items .inline-items td{padding-top: 2px;}
.login-content-app table table {padding-bottom: 1px;}
.login-content-app .inline-items .inline-items td:last-child {padding-bottom: 10px;}
.login-content-app .security-panel, .login-content-app .ui-separator {display: none;}
.login-content-app input[type="text"], .login-content-app input[type="password"]{width: 100% !important; opacity: 0.8; padding: 10px !important; box-sizing: border-box; height: 44px;}
.login-content-app input[type="text"], .login-content-app input[type="password"], .login-content-app .loginBtn, .login-content-app .positive-link, .login-content-app .negative-link {width: 100% !important;}	
.login-content-app .loginBtn{margin: 0;}
.login-content-app .loginBtn .ui-icon{display: none;}
.login-content-app .loginBtn span:FIRST-CHILD:after{content: none;}
.login-content-app .loginBtn .ui-button-text{padding: 0px}
.login-content-app .header{display: none;}

.loginLinks-app{text-align: right;}
.loginLinks-app a {text-decoration: none; color:#ffffff; font-size: 14px; font-style: normal; font-weight: normal;}
.login-content-app .login-pd-pos {position: absolute; right: 10px; bottom: 10px; left: 10px;}

/*... RTL ...*/
.pageTempHeader{float:right;}
div.nettellerDashboard div.ui-dashboard-column.ui-sortable > div:nth-child(n+2){display:none;}
div.nettellerDashboard div.ui-dashboard-column:last-child.nettellerDashboardPanel > div:nth-child(n+2) {display: none;}
div.nettellerDashboard.moneyManager div.ui-dashboard-column.ui-sortable > div:nth-child(n+2){display:inherit;}
div.nettellerDashboard.moneyManager div.ui-dashboard-column:last-child.nettellerDashboardPanel > div:nth-child(n+2) {display: inherit;}
#balanceTablePendingAuth.ui-datatable tbody td { padding: 4px 6px;}


/*... PFM Widgets ...*/
 .row-centeredPFM {text-align:center;}
.cht {display:block;height: 300px;margin: 30px auto;transition: all 1s ease;width: 300px;}
.hidden {display: none;-webkit-transition: all 1s;}
.visuallyhidden {opacity: 0;-webkit-transition: all 1s;} 
.null{box-sizing:border-box; padding:10px;}
.pfm-widget .nettellerDashboard .ui-panel{height:400px;}
.pfm-widget .ui-selectonemenu, .pfm-widget .ui-selectonemenu{width:100% !important;}
.pfm-widget div.dc-chart{box-sizing:border-box; padding-top:5px;}
.pfm-widget .ui-panel .ui-panel-titlebar{text-align:left;}
.pfm-widget text, .pfm-widget title {font-size: 12px;}
div#AccountsChartWidget_content{box-sizing:border-box; padding:10px;}
.chart-widget-column{width:50%;}
.fbCurrency{font-size:32px; font-weight:bold}
.fb-logout-btn .ui-icon.fa.fa-power-off{top: 7px;left: 6px;font-size: 16px;height: 20px;width: 20px;}
.facebookTopPanel{background-color:transparent; width:60%;border-radius:10px;margin:auto;height:100px;padding-left: 0px;padding-right: 0px; color:white;display: table !important;}
.fb-logout-btn{font-size:20px; color:white;float:right;background-color: transparent; border: none; text-shadow:none}

/*Main Menu - Carousel*/
/**********************/
.ContentSideSections {box-sizing: border-box; display: block;}
.menu-carousel .ui-panel .ui-panel-content, .menu-carousel-mobile .ui-panel .ui-panel-content{padding: 0px; background-color: transparent;/*#e4e4e4;*/ border-radius: 5px; /*height:120px; width: 120px;*/ }
.one-page.menu-carousel .ui-carousel-button{/*opacity: 0.5; cursor: default;*/ display: none;}
.menu-carousel .ui-panel, .menu-carousel .ui-panelgrid .ui-grid-responsive .ui-panelgrid-cell{padding: 0px;}
.menu-carousel .ui-grid, .menu-carousel .ui-widget-content{border: 0; background: transparent;}
.menu-carousel .ui-datagrid-column {padding: 15px 0px;}
.menu-carousel .ui-datagrid-content > .ui-grid-row:first-child .ui-datagrid-column, .menu-carousel-mobile .ui-grid-row:first-child .ui-datagrid-column .ui-panel-content{padding-top: 0px;}
.menu-carousel .ui-datagrid-content > .ui-grid-row:last-child .ui-datagrid-column, .menu-carousel-mobile .ui-grid-row:last-child .ui-datagrid-column .ui-panel-content{padding-bottom: 0px;}

.menu-carousel, .ui-carousel-menu.ui-widget-content, .menu-carousel .ui-carousel-viewport ul li, .menu-carousel .ui-carousel-header {background: none; border: 0;}
.menu-carousel.ui-carousel .ui-carousel-page-link{display:none !important;}
.menu-carousel .ui-button-text-only .ui-button-text{box-sizing: border-box; padding: 0px;}
.level-1-menu-item.ui-state-default, .level-2-menu-item.ui-state-default, .ui-button.menu-icon{width: 100%; height: 70%; background-color: transparent; border: none; background-size: 90px; background-repeat: no-repeat; margin: 0px;}
.level-new-menu-item.ui-state-default, .level-2-menu-item.ui-state-default, .ui-button.menu-icon{width: 100%; height: 70%; background-color: transparent; border: none; background-size: 120px; background-repeat: no-repeat; margin: 0px;}
.menu-carousel-content:has(.level-new-menu-item) {background-image: url(../images/menu_images/New.png);background-size: 115px;background-repeat: no-repeat; background-color: #cccdcf;}
.level-2-menu-item.ui-state-default{background-size: 80px;}
.menu-element-label.ui-button{width:100%; height: 30%; background: transparent; border: none; color: #00297f; margin: 0px;}
.menu-carousel-mobile .ui-button.menu-icon{height: 60%;}
.menu-carousel-mobile .menu-element-label.ui-button{height: 40%;}
.menu-carousel .ui-carousel-button.ui-carousel-prev-button.ui-icon, .menu-carousel .ui-carousel-button.ui-carousel-next-button.ui-icon{width: 70px; background-image: url('../images/back_button2.png'); background-repeat: no-repeat; background-position: center; height: 100%; right: 100%; top: 0px; position: absolute; }
.menu-carousel .ui-carousel-button.ui-carousel-next-button.ui-icon{left: 100%; transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); }
.ui-carousel .ui-carousel-viewport .ui-carousel-items {left: 5%;}
.menu-carousel .ui-button-text-only .ui-button-text, .menu-carousel-mobile .ui-button-text-only .ui-button-text{color: #00456a; font-weight: bold; text-shadow: none;}
.menu-carousel-content {border: none;border-radius: 0px; padding: 5px; width: 150px; height: 150px; margin: 0 auto; background-color: #cccdcf;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f0f2f3), to(#ffffff));  background: -webkit-linear-gradient(top, #f0f2f3, #cccdcf); background: -moz-linear-gradient(top, #f0f2f3, #cccdcf);
  background: -ms-linear-gradient(top, #f0f2f3, #cccdcf); background: -o-linear-gradient(top, #f0f2f3, #cccdcf);}
.menu-carousel-content .ui-button{display:  block; border-radius: 0px;}
.menu-carousel-mobile > .ui-datagrid-content{margin: 0 auto;}
.menu-carousel-content > a.menu-element-label {color: #00456a; display: block; height: 100%; text-decoration: none;}
.menu-carousel-content > a.menu-element-label > div {display: table; height: 30%; width: 100%}
.menu-carousel-content > a.menu-element-label > div > span {display: table-cell; vertical-align: middle; font-weight: bold; text-shadow: none;}
.menu-carousel-content .personal {cursor: pointer; padding-top: 5%; box-sizing: border-box; height: 70%;}


/* Donation Buttons */
.donations-grid .ui-panel .ui-panel-content, .donations-grid .ui-panel .ui-panel-content, .donations-grid .ui-widget-content{padding: 0px; background-color: transparent; border: none;}
.donations-content {border: none; border-radius: 8px; padding: 5px; margin: 0 auto; background-color: #cccdcf;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f0f2f3), to(#ffffff));  background: -webkit-linear-gradient(top, #f0f2f3, #cccdcf); background: -moz-linear-gradient(top, #f0f2f3, #cccdcf);
  background: -ms-linear-gradient(top, #f0f2f3, #cccdcf); background: -o-linear-gradient(top, #f0f2f3, #cccdcf);}

.donations-content .personal {width: 150px; height: 150px;}


.ui-icon.ui-icon-arrow-left{background: url(../images/back_button.png); background-size: initial !important;}
.ui-icon.ui-icon-arrow-right{background: url(../images/arrowRight.png);}
.ui-icon.ui-icon-home{background-image: url(../images/Home-01.png);}
.ui-icon.ui-icon-phonebook{background-image: url(../images/address-book-regular.svg) !important; margin-left:1px !important;}
.ui-icon.ui-icon-help{background-image: url(../images/help-01.png);}
.ui-icon.ui-icon-pdf{background-image: url(../images/PDF-01.png);}
.ui-icon.ui-icon-excel{background-image: url(../images/XLS-01.png); }
.ui-icon.ui-icon-share{background-image: url(../images/share.svg); }
.ui-icon.ui-icon-share-white{background-image: url(../images/share_white.svg); background-position: left center; background-size: cover; width: 35px; left: 0;}
.ui-icon.icon-home {background-image: url(../images/home.png); }
.ui-icon.icon-help {background-image: url(../images/help.png);}
.ui-icon.icon-location {background-image: url(../images/location.png);}
.ui-icon.icon-phone {background-image: url(../images/phone.png);}

.app-menu .ui-button .ui-icon {text-indent: 0px; border-radius: 0px; background-size: 30px; width: 30px; height: 30px; top: 0px; bottom: 0px; left: 0px; margin: auto;}

.ui-icon.ui-icon-view-details {background-image: url(../images/view-details.png);}
.icon-btn-2.ui-button {background: none; border: none; height: 25px; width: 25px; vertical-align: middle;}
.icon-btn-2.ui-button .ui-icon {top: 0px; left: 0px; margin: 0px; width: 100%; height: 100%; background-size: 100%; background-position: 0px; background-repeat: no-repeat; text-indent: 0px; border-radius: 0px;}

.icon-btn-3.ui-button {background: #3199FE; border: none; vertical-align: middle;color: white; width: 130px;height: 35px; box-shadow: none; outline: 0;	text-shadow: none; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; border-radius: 5px; box-shadow:none;}
.icon-btn-3.ui-button .ui-icon {top: 11px; left: 30px; font-size: 15px; margin: 0px; background-size: 100%; background-position: 0px; background-repeat: no-repeat; text-indent: 0px; border-radius: 0px;}
.icon-btn-3.ui-button .ui-button-text {text-align: center;}

.page-actions{width: 100%; min-width: 250px;}
.page-actions .page-title{color: white; font-size: 22px; vertical-align: middle; text-shadow: none;}
.page-actions .ui-button {background: none; border: none; height: 30px; width: 30px; vertical-align: middle; margin-right: 3px;}
.page-actions .ui-button .ui-button-text{display: none;}
.page-actions .ui-icon {top: 0px; left: 0px; margin: 0px; width: 100%; height: 100%; background-size: 100%; background-position: 0px; background-repeat: no-repeat; text-indent: 0px; border-radius: 0px;}
.page-actions .title-group{padding: 10px 0px; display: inline-block; width: 100%; vertical-align: middle;}
.menu-centering .page-actions .title-group{padding: 0px;}
.menu-centering .page-actions{height: 75px; padding: 10px 0px;}

.page-actions .help-links{width: 100%; background: white; padding: 10px; box-sizing: border-box;}

.back-to-menu.widgetPanelBtn {height: 30px;}
.back-to-menu.widgetPanelBtn > tbody > tr > td:first-of-type {text-align: left;}

.column-new{display:inline-block; width: 100%;}
.headerBlue{padding: 5px;}

.transferPanelGrid .ui-panelgrid-cell{border-style: none;padding: inherit;}
.transferPanelGrid.ui-panelgrid{border-collapse: inherit;}
.transferPanelGrid .ui-panelgrid-header tr{
   text-align: left;
    padding: 5px;
}

.noBackground .help-links{background:none}
.centerPG{padding: 0px;margin: auto;}
.facebookColumnPanel{padding: 4px 0px; font-family: 'Open Sans', sans-serif, Verdana, Geneva !important}
.fb-logout-btn .ui-button-text{padding-right: 0px;}
.facebookColumnPanelRight{padding: 4px 0px; font-family: 'Open Sans', sans-serif, Verdana, Geneva !important;float:right}


img { 
    image-rendering: optimize-contrast;         /* CSS3 Proposed                  */
    -ms-interpolation-mode: bicubic;   /* IE8+                           */

}

#sendBtn.ui-button.positive-btn{width:172px !important}

#insertTanIt.ui-button.positive-btn{width:172px !important}

#batchIdtable.buttonsPG.page-actions.rightPosit{width:5%;min-width:5px}
#insertTanIt.ui-button.positive-btn{width:172px !important}
.custom-panel .large-col{width: 60%; text-align: left;}
.custom-panel > tbody > tr > td:first-child{padding-right: 5px;}
.custom-panel .ui-selectonemenu.currency, .custom-panel .ui-widget-content .ui-selectonemenu.currency, .custom-panel .small-col input[type="text"], .ui-selectonemenu.currency, select.currency{width: 55px !important;}
.custom-panel input{width: 100% !important;}
.popupTextDialog{text-align:left;}
.labelColor {color: #545658 !important;}

.multiline-input-DT.ui-datatable thead{display: none;}
.multiline-input-DT.ui-datatable, .multiline-input-DT .ui-datatable-data, .multiline-input-DT.ui-datatable tr{border: none;}
.multiline-input-DT.ui-datatable tbody td {padding: 5px; box-sizing: border-box;}
.multiline-input-DT .input-with-btn{width: 206px !important; position: relative;}
.multiline-input-DT button.ui-widget.positive-btnSmall, .multiline-input-DT button.ui-widget.positive-btnSmall.ui-state-hover{position: absolute; right: 0px; border-radius: 6px; border-bottom-left-radius: 0px; border-top-left-radius: 0px; height: 35px; width: 22px;}
.multiline-input-DT button.ui-widget.positive-btnSmall .ui-button-icon-left {padding: 10px 3px;}

.customerImage img{height:75px;width:75px}

span.ui-button.ui-button-text-icon-left.ui-corner-all.ui-fileupload-choose.ui-state-hover, span.ui-button.ui-button-text-icon-left.ui-corner-all.ui-fileupload-choose{border: none;background: transparent;text-shadow:none;color:white;    display: block;}
span.ui-button.ui-button-text-icon-left.ui-corner-all.ui-fileupload-choose .ui-icon-plusthick{background: none; background: none;}
.ui-fileupload-files{display:none}
.uploaded-img .ui-fileupload-buttonbar.ui-widget-header.ui-corner-top,.uploaded-img .ui-fileupload-content.ui-widget-content.ui-corner-bottom{background:transparent}

span.ui-button.ui-button-text-icon-left.ui-corner-all.ui-fileupload-choose.ui-state-hover .ui-button-text, span.ui-button.ui-button-text-icon-left.ui-corner-all.ui-fileupload-choose .ui-button-text{padding:5px;    display: block;}

.redLine{color: red;}
.greenLine{color: green;}

#regDetailPg .contentPg .labelsSt {width:40%}

.total-amount {text-align: center; padding: 0px 10px 10px 5px; color: #00456a; font-weight: bold; font-size: 15px;}

@media all and (max-width:1024px){	
	.ui-tooltip.passwordTooltip{top: 155px !important;left: 490px !important;}
	.ui-tooltip.passwordTooltipRegister{    top: 205px !important; left: 490px !important;}
}

@media all and (max-width:780px){	
	.ui-tooltip.passwordTooltip{top: 325px !important;left: 220px !important;}
	.ui-tooltip.passwordTooltipRegister{top: 370px  !important; left: 210px !important;}
	.donations-content .personal{width:120px !important;height:120px !important}
	.donationDetailsGrid{height:120px !important}
	
}


@media all and (max-width:606px){	
	.ui-tooltip.passwordTooltip{top:400px !important;left:40px !important}
	.ui-tooltip.passwordTooltipRegister{top: 454px !important; left: 35px !important;}
	.donations-content .personal{width:100px !important;height:100px !important}
	.donationDetailsGrid{height:100px !important}

	
}

@media all and (max-width:380px){	
	.ui-tooltip.passwordTooltip{top:400px !important;left:0px !important}
	.ui-tooltip.passwordTooltipRegister{top: 454px  !important; left:0px !important;}
	.donations-content .personal{width:80px !important;height:80px !important}
	.donationDetailsGrid{height:80px !important;}
	
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}

.rectangleButton{border-radius: 0px !important;}
.donationTitle{color: #00456a; font-size: 20px;}
.donationDetailsGrid{height:150px}

/*Checkbox dropdown*/
.select-checkbox.ui-selectcheckboxmenu {background: #ffffff; width: 100%;}
.select-checkbox.ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger.ui-state-hover {background: #ffffff;}
.ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon:before {content: "\f002";}
.ui-selectcheckboxmenu-close.ui-corner-all .ui-icon.ui-icon-circle-close:before {content: "\f00d";}
.ui-selectcheckboxmenu-close.ui-corner-all .ui-icon.ui-icon-circle-close {font-family: 'FontAwesome'; font-size: 15px; width: 20px; height: 20px; text-indent: 0px !important; text-align: center; background: none; display: inline-block; position: absolute; right: 0; left: auto; padding: 8px; color: #545658; top: 10px; right: 0px;}
.ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close, .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close.ui-state-hover {padding: 0 15px; height: 10px; border: none; box-shadow: none;}
.ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon {font-family: 'FontAwesome'; font-size: 15px; width: 20px; height: 20px; text-indent: 0px !important; text-align: center; background: none; display: inline-block; position: absolute; left: 0; padding: 8px 4px; color: #3199fe;}
/*.ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close.ui-corner-all.ui-state-hover {border: none; box-shadow: none;}*/
.ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container input.ui-inputfield {text-indent: 1.429em;}
.ui-selectcheckboxmenu-header {border: none; border-bottom: 1px solid #cbc9c9; border-radius: 0px;}
.select-checkbox.ui-selectcheckboxmenu span.ui-selectcheckboxmenu-label-container, .ui-selectcheckboxmenu-label.ui-state-hover {width: 100%; background: #ffffff;}
.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-list-item {direction:ltr}
.ui-widget-content .ui-selectcheckboxmenu-multiple, .ui-selectcheckboxmenu-multiple-container  {min-height: 35px;}
.ui-widget-content .ui-selectcheckboxmenu-multiple.requiredDropdown {border-left: 1px solid #c60d0d;}
.ui-selectcheckboxmenu-multiple .ui-selectcheckboxmenu-multiple-container {border: none;}
.ui-widget-content .ui-selectcheckboxmenu-multiple {border: 1px solid #E6E6E6; border-right: none !important;}

.multiple-checkbox .ui-selectcheckboxmenu-header .ui-chkbox .ui-chkbox-box {display: none;}

/*Rewards Cashback*/
.reward-balance-pg {border-bottom: 1px solid #E6E6E6; padding: 10px 0px; text-align: center; width: 100%;}
.reward-balance-pg td {padding: 5px 0px; font-size: 20px;}
.reward-balance-pg tr:last-child td {color: #13508C;}
.cashbackBorder .instruction-col {text-align: center;}
.cashbackBorder tr:nth-child(3) > td, .cashbackBorder tr:nth-child(5) > td {padding: 0 25%;}
/*.cashbackBorder table.buttonsPG {padding-top: 20px;}*/
.reward-instruction-pg {width: 100%; padding-top: 10px;}
.reward-instruction-pg.bottom-10 {padding-bottom: 10px;}
.pointsConverterPg .columnSelect {vertical-align: bottom; }
.cashbackBorder .pointsConverterPg .labelCol {padding: 5px; box-sizing: border-box;}
.cashbackBorder .pointsConverterPg .dataCol {font-weight: bold; white-space: nowrap; line-height: 35px;}


/*Digital Vouchers*/
.digital-voucher-grid .ui-selectmanybutton.ui-buttonset .ui-button {background: #02335F; border-radius: 3px; border: none;}
.digital-voucher-grid .ui-selectmanybutton.ui-buttonset .ui-button-text {color: #FFFFFF; padding: 5px;}
.digital-voucher-grid .ui-selectmanybutton.ui-buttonset .ui-button:not(:last-child) {margin-right: 10px;}
.digital-voucher-grid .ui-selectmanybutton.ui-buttonset .ui-button.ui-state-active {background: #3199FE;}
.digital-voucher-grid .ui-separator {height: 1px; border-radius: 0;}
.grid-item {display: inline-block; width: 50%; box-sizing: border-box;}
.grid-item a ,.grid-item-2 a {width: 100%; text-align: center;}
.grid-item table , .grid-item-2 table {width: 100%; border-spacing: 0;}
.grid-item img {height: 100px; border-radius: 10px;}
.grid-item table > tbody > tr td, .grid-item-2 table > tbody > tr td  {padding: 4px; box-sizing: border-box; display: flex; justify-content: center;}

.grid-item-2 {display: inline-block; width: 100%; box-sizing: border-box;}
.grid-item-2 img {height: 150px; border-radius: 10px;}

.digital-voucher-grid .ui-datagrid .ui-datagrid-column {padding: 5px;}
.digital-voucher-grid .buyvoucher-btn {background: #cccdcf; color: #00297f; width: 135px; height: auto; box-shadow: none; outline: 0; text-shadow: none; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; border-radius: 5px; border: none; box-shadow: none;}
.digital-voucher-grid .buyvoucher-btn.ui-button .ui-button-text {font-size: 15px; padding: 0px 10px; display: block;}

.digital-voucher-grid .page-actions > tbody > tr:nth-child(2) > td > table {padding: 10px 0px;}
.digital-voucher-grid .page-actions > tbody > tr:nth-child(2) > td > table > tbody > tr:first-child > td {padding-bottom: 20px;}
.digital-voucher-grid .ui-datagrid .ui-datagrid-data, .digital-voucher-grid .ui
.digital-voucher-grid .ui-datagrid .ui-datagrid-row .ui-datagrid-column > table {border-spacing: 0px;}
.digital-voucher-grid .ui-datagrid .ui-datagrid-column img{width: 120px; border-radius: 10px;}
.digital-voucher-grid .ui-datagrid .ui-datagrid-row:not(:last-child) .ui-datagrid-column > table {border-bottom: 2px solid #C9C9C9;}
.digital-voucher-grid .ui-datagrid .ui-datagrid-content.ui-widget-content {border: none;}
.digital-voucher-grid .ui-datagrid .ui-paginator {border: none; width: 100%;}

.digital-voucher-grid .pageMainGp > tbody > tr > td:first-child img {margin: auto; display: block; height: 100px; }

.voucher-price > tbody > tr > td:NTH-CHILD(2) {font-weight: bold;}

.ui-accordion.accordionTermsPG .ui-accordion-header {font-size: 13px; color: #FFFFFF; font-family: 'Open Sans', sans-serif, Verdana, Geneva; text-shadow: none; padding: 4px 10px; width: 200px; border-radius: 5px; margin: auto; text-align: left; background: #818181;}
.ui-accordion.accordionTermsPG .ui-accordion-header .ui-icon {left: 15px;}
.ui-accordion.accordionTermsPG .ui-accordion-content {text-align: left; font-size: 15px; padding: 10px;}
.ui-accordion.accordionTermsPG .ui-accordion-header .ui-icon.ui-icon-triangle-1-e, .ui-accordion.accordionTermsPG .ui-accordion-header .ui-icon.ui-icon-triangle-1-s {margin-right: 10px; position: static; display: inline-block; margin-top: 0; vertical-align: middle;}

.voucherButtonsPG button.positive-btn, .voucherButtonsPG button.negative-btn {width: 220px; margin: auto; display: block; margin-bottom: 10px;}

/*Credit Limit*/
.creditLimitPG .accordionPanel .ui-accordion-content{background: #FFFFFF;}
.creditLimitPG .fixinfoColumnLeft {border-right: none; text-align: left; width: 50%;}
.creditLimitPG .fixinfoColumnRight{font-weight: normal; width: 50%;}

.ui-dataview-header{display:none;}
.ui-dataview-content{border:none!important;}
.creditLimitPG .buttonsPG, .creditLimitPG .buttonsPG .positive-btn .ui-button-text {padding: 5px;}

.mass-dialog {min-width: 450px;}
.mass-bill-payment.ui-datatable-reflow .ui-row-toggler.ui-icon {height: 35px !important; width: 35px !important; line-height: 35px; color: #13508C; display: inline-flex; vertical-align: middle;}
.mass-bill-payment .mob-bill-payment tbody tr, .mass-bill-payment .mob-bill-payment tbody {border-bottom: none;}
.mass-bill-payment.ui-datatable tr.ui-state-highlight, .mass-bill-payment.ui-datatable tr.ui-state-highlight:hover {background: transparent; box-shadow: none;}
.mass-bill-payment.ui-datatable .ui-datatable-data tr.ui-state-hover {background: none; box-shadow: none;}

.lg-hide {display: none !important;}

.ui-datatable.mass-bill-payment-confirm tbody td td:not(.reflowRowExpansion):first-child {display: none;}
.ui-datatable.mass-bill-payment-confirm tbody tr.ui-widget-content tr, .ui-datatable.mass-bill-payment-confirm tbody, .ui-datatable.mass-bill-payment-confirm .ui-paginator {border-bottom: none;}
.ui-datatable.mass-bill-payment-confirm tbody tr {border-bottom: 1px solid #e6e6e6;}

/* Block UI */
.ui-blockui.ui-widget-overlay {background: transparent; opacity: 1; border-radius: 0px; /*left: -10px; right: -10px; width: calc(100% - 20px);*/ margin: auto; z-index: auto !important;}
.ui-blockui-content {padding: 0px; background: transparent; box-shadow: none; border: none; position: absolute; margin:50px auto; left: 0px !important; right: 0px; top: 0px !important; bottom: 0px; height: 61px; width: 61px; z-index: auto !important;}
.ui-blockui-content img {display: inline; position: absolute; margin: auto; left: 0px; right: 0px; top: 0px; bottom: 0px;}

/*Input phone*/
.tabview-contact-details {margin-bottom: 85px;}
.tabview-contact-details .iti__country-list {max-height: 85px;}

.without-selectall .ui-selectcheckboxmenu-header .ui-chkbox {   display: none; }
.tabview-contact-details .iti__country-list {max-height: 85px;}

/*SME app*/
.login-body-sme.login-body .global-header {padding-bottom: 15px;}
.login-body-sme .page-actions .page-title {color: #000d24;}
.login-body-sme .global-header.sme > .centering > tbody > tr > td {padding-bottom: 0px;}
.login-body-sme .logo-img.sme button {height: 50px; width: 90px;}
.login-body-sme .global-header {padding-top: 15px;}

.common-body-sme .logo-img button, .login-body-sme .logo-img button {width: 160px;}
.common-body-sme .top-header, .common-body-sme .global-header, .login-body-sme .global-header {background: rgb(0,13,36);}
.common-body-sme .global-header, .login-body-sme .global-header {height: 75px;}
.login-body-sme .logo-panel, .common-body-sme .logo-panel{min-height: 75px;}
.common-body-sme .menu-carousel-content {/*border: none;*/border-radius: 8px; /*padding: 5px; width: 150px; height: 150px; margin: 0 auto;*/ background: linear-gradient(181deg, #000D24 -4.14%, #27AAE1 197.06%); /*width: 100%; box-sizing: border-box;*/}
.common-body-sme .menu-carousel .ui-button-text-only .ui-button-text, .common-body-sme .menu-carousel-mobile .ui-button-text-only .ui-button-text{color: rgb(212 238 249); font-weight: normal;}
.common-body-sme .page-actions .page-title {color: #000d24; font-family: 'Open Sans Semibold'; text-transform: uppercase;}
.common-body-sme .ui-icon.ui-icon-arrow-left {background-image: url(../images/sme/back_button_sme.svg);}
.common-body-sme .logo-section .logo-label, .common-body-sme .top-header .desc, .login-body-sme .logo-section .logo-label, .login-body-sme .login-content .header, .login-body-sme .login-content .subheader {color: #26A9E1;}
.common-body-sme .footer-links a, .login-body-sme .footer-links a {border-left: 1px solid #999EA7; color: #999EA7;}
.common-body-sme .icon-pending {background: url(../images/sme/menu-pending-authorisations-sme.svg) no-repeat; width: 30px; height: 30px; display: inline-block; background-size: 30px;}
.common-body-sme .icon-arrow-right {background-image: url(../images/sme/icon-arrow-right-sme.svg); width: 16px; height: 16px; display: inline-block;}
.common-body-sme .info-group {background-color: #d4eef9; padding: 15px;}
.common-body-sme .info-panel-txt {font-size: 14px; line-height: 18px; font-family: 'Open Sans Semibold';}
.common-body-sme .ui-icon.ui-icon-home {background-image: url(../images/sme/Home-01.svg);}
.common-body-sme .menu-carousel .ui-carousel-button.ui-carousel-prev-button.ui-icon, .common-body-sme .menu-carousel .ui-carousel-button.ui-carousel-next-button.ui-icon {background-image: url(../images/sme/icon-arrow-right-carousel.svg); background-size: 75px;}
.common-body-sme .menu-carousel .ui-carousel-button.ui-carousel-prev-button.ui-icon {transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg);}
.common-body-sme .menu-carousel .ui-carousel-button.ui-carousel-next-button.ui-icon {transform: none;}
.common-body-sme .info-group .ui-widget-content {border: none; border-radius: 8px; /*box-shadow: 0px 4px 12px 0px rgba(33, 33, 53, 0.10);*/}



/*.common-body-sme .menu-carousel-mobile .ui-datagrid-column .ui-panel-content {padding: 7.5px;}
.common-body-sme .menu-centering .page-actions {padding: 0px;}*/
/*.common-body-sme .menu-carousel .ui-datagrid-column {padding: 15px;}*/

/* Slick Carousel */
.slick-carousel {visibility: hidden; height: 0px; margin: 0px;}
.slick-carousel.visible {visibility: visible; height: auto;}
.slick-carousel.menu-options .slick-prev, .slick-carousel.menu-options .slick-next {font-size: 23px;} 
.slick-carousel .ui-panel {border: none; padding: 0px;}
.slick-carousel .ui-panel .ui-panel-content {padding: 10px; box-sizing: border-box;}
.slick-slide.ui-widget-content {border: none; padding: 0px;}

/* Slick Carousel - Card Info */
.slick-carousel.card-info-carousel.visible {z-index: 1;}
.slick-carousel.card-info-carousel .ui-commandlink {width: 100%;}
.slick-carousel.card-info-carousel .card-info-panel > table {max-width: 360px; height: 200px; background-repeat: no-repeat; margin: auto;}
.slick-carousel.card-info-carousel .slick-center .card-info-panel > table {position: relative;}
.slick-carousel.card-info-carousel .card-info-panel > table > tbody > tr > td {display: none;}

.slick-carousel.card-info-carousel .slick-center .card-info-panel > table > tbody > tr > td {display: table-cell; font-size: 18px; letter-spacing: 0; text-shadow: 0 1px 1px rgba(0,0,0,0.34); padding: 0px; box-sizing: border-box; vertical-align: middle; padding-left: 15px;}
.slick-carousel.card-info-carousel .slick-center .card-info-panel > table > tbody > tr > td.cardTypeImg {background-image: url(../images/cards/pinset.png); background-repeat: no-repeat; background-size: 110px; background-position: bottom left;}

/*.slick-carousel.card-info-carousel .slick-center .card-info-panel > table.cardImageGrid{position: relative;}*/
.slick-carousel.card-info-carousel .card-info-panel > table > tbody > tr > td > table > tbody > tr > td:FIRST-CHILD {font-size: 7px;}
.slick-carousel.card-info-carousel .card-info-panel > table > tbody > tr > td > table > tbody > tr > td:LAST-CHILD {font-size: 16px;}
.slick-carousel.card-info-carousel .slick-center .card-info-panel > table > tbody > tr:FIRST-CHILD {height: 100%;}
.slick-carousel.card-info-carousel .slick-prev:before, .slick-carousel.card-info-carousel .slick-next:before {/*color: #31C2D3; font-size: 40px;*/ display: none;}
.slick-carousel.card-info-carousel .slick-prev, .slick-carousel.card-info-carousel .slick-next {/*font-size: 23px; height: 80px;*/ display: none;}
.slick-carousel.card-info-carousel .slick-track {display: flex; align-items: center;}
.slick-carousel.card-info-carousel.items-3 .slick-track {transform: translate3d(0px, 0px, 0px) !important;}
.slick-carousel.card-info-carousel .slick-dots li {margin: 0 2px;}
.slick-carousel.card-info-carousel .slick-dots li.slick-active {width: 30px;}
.slick-carousel.card-info-carousel .slick-dots li.slick-active button:before {/*color: #007ad9;*/ width: 100%;}
.slick-carousel.card-info-carousel .slick-dots li button:before {height: 7px; width: 10px; font-size: 7px; margin: auto; bottom: 0px; right: 0px; line-height: 10px; color: #ffffff; background: #ffffff; border-radius: 50px / 50px;}
.slick-carousel.card-info-carousel.visible + .card-carousel-background {background: #FFFFFF; position: absolute; bottom: 0px; left: 0px; right: 0px; top: 60%;}

/* Card Info Panel - 5 */
.card-info-panel {color: #FFFFFF; font-size: 16px; text-align: center;}
.card-info-panel > table {width: 100%; border-radius: 0px; max-width: 270px; height: 179px; background-repeat: no-repeat; background-size: cover; margin: auto; text-align: center; padding: 5px; box-sizing: border-box;}
.card-info-panel > table > tbody > tr > td {vertical-align: bottom;}
.card-info-panel > table > tbody > tr > td > table > tbody > tr > td:FIRST-CHILD {font-size: 8px;}
.card-info-panel > table > tbody > tr:FIRST-CHILD {height: 100px;}


.details-panel {display: table; table-layout: fixed; width: 100%; margin: 30px 0px 20px 0px;}
.details-panel > table {display: table-cell; border-right: solid 1px #CBC9C9; padding: 0px 10px; vertical-align: middle;}
.details-panel > table:last-of-type {border: none;}
.details-panel > table > tbody > tr:first-child {height: 30px;}
.details-panel > table > tbody > tr:last-child > td {/*color: #13508C;*/ color: #5C5C5D; font-size: 16px; font-weight: bold;}

.details-panel .ui-button-icon-only .ui-button-text {display: none;}
.details-panel .ui-button.icon-btn, .details-panel .ui-button.icon-btn.ui-state-active {width: 25px; height: 25px; padding: 0px; margin-right: 5px;}
.details-panel .ui-button.icon-btn .ui-icon {padding: 0px; height: 25px; width: 25px;}
   
.edit-panel .ui-inputfield {width: 100%; height: 25px;}
.edit-panel .ui-button.icon-btn, .edit-panel .ui-button.icon-btn.ui-state-active {height: 20px; font-size: 18px; position: relative; vertical-align: top; width: 25px; /*margin: 0px 5px; float: right;*/}
.edit-panel .ui-button.icon-btn .ui-icon{font-size: 18px; padding: 0px; bottom: 0px; margin: auto; top: 0px; position: absolute; height: 100%; border: none; color: #FFFFFF;}


.ui-toggleswitch {position: relative; display: inline-block; width: 40px; height: 20px;}
.ui-toggleswitch .ui-toggleswitch-slider:before {background-color: #fff; height: 16px; width: 16px; left: 2px; bottom: 2px; border-radius: 50%; -webkit-transition: .3s; transition: .3s;}
.ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before {-webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px);}

/* Card Activation Dialog */
.ui-dialog.dialog-st button.negative-btn {width: 230px;}
.ui-dialog.dialog-st button.positive-btn {width: 100%;}
.ui-dialog.dialog-st .ui-dialog-content {height: 200px !important;}

/*Card Overview New Design*/
.noHelplinks.page-actions .help-links {display: none;}
.customCarousel {display: table; width: 100%; table-layout: fixed;}

.card-info-carousel.slick-carousel .ui-panel {background: none;}
.panelDetailsTbl {border: none; table-layout: fixed; border-collapse: separate;}

/*Card Overview carousel*/
.slick-carousel.card-info-carousel {max-width: 400px; margin: auto; padding: 25px 0px; box-sizing: border-box;}

/*Card Overview accordionPanel*/
/*.ui-accordion.accordionCardHistory {margin-top: 30px;}
.ui-accordion.accordionCardHistory, .ui-accordion.accordionCardHistory .ui-accordion-header {background: transparent; border: none;}*/
.ui-panel-content {padding: 0px;}
.dataTableNoHeader {border: none;}
.dataTableNoHeader table > tbody tr {border: none;}
.dataTableNoHeader table > tbody tr > td{padding: 5px 0px; color: #00447C;}
.dataTableNoHeader table .panelDetailsTbl > tbody tr {/*border: 1px solid red;*/}
.dataTableNoHeader table > tbody tr /*, .ui-accordion.accordionCardHistory .ui-accordion-content*/ {background: transparent;}
.dataTableNoHeader table > tbody tr > td.last {padding-right: 15px;}
.dataTableNoHeader table > tbody tr > td.first {padding-left: 15px;}
/*.ui-accordion.accordionCardHistory .ui-accordion-header .ui-icon.ui-icon-triangle-1-e, .ui-accordion.accordionCardHistory .ui-accordion-header .ui-icon.ui-icon-triangle-1-s {font-size: 20px;}
.ui-accordion.accordionCardHistory .ui-accordion-header .ui-icon.ui-icon-triangle-1-s:before {content: "\f107";}
.ui-accordion.accordionCardHistory .ui-accordion-header .ui-icon.ui-icon-triangle-1-e:before {content: "\f105";}*/
.amountGreen {color: #38BC68;}
.amountRed {color: #FC4A68;}
.panelDetailsTbl .ui-data-column{max-width: 100px; background: #51a8dc; border-radius: 15px; height: auto; line-height: 30px; padding: 2px; color: #D8D8D8; text-align: center;}
.dataTableNoHeader .ui-datatable-header {padding: 5px 0px; background: transparent; color: white; padding: 0px; height: 30px; line-height: 30px; font-size: 14px;}
.dataTableNoHeader .ui-datatable-header div {background: transparent;}
.dataTableNoHeader .ui-datatable-header .ui-button.iconBtn {background-color: transparent; border: none;}
.ui-button.iconBtn .ui-icon.ui-icon-arrow-right {background-size: 7px !important; background-repeat: no-repeat; background-position: center center;}

.pageMainGpCardDashboard .ui-datatable tbody tr, .pageMainGpCardDashboard .ui-datatable thead th, .pageMainGpCardDashboard .ui-datatable tbody {background: transparent; border: none;}
table.pct100.panelDetailsTbl {background: white; border-radius: 10px;}

.actionLinks {display: table-cell; vertical-align: middle; text-align: center;}
.actionLinks a {width: 33%; display: inline-block; padding: 5px; box-sizing: border-box;}
/*.limits{color: #fff; padding: 10px; box-sizing: border-box;}*/
/*.limits.chart{display: table-cell; width: 30%;}*/
.card-info-panel > img {/*width: 100%; height: 100%;*/ /*width: 15%; height: 15%;*/ margin: auto;}
.cardImageGrid {border-radius: 10px; background-repeat: no-repeat; background-size: 100% 100%; display: block;}
/*.balanceGP {line-height: 20px;}*/
.slick-carousel.card-info-carousel .card-info {background: rgba(20, 33, 68, 0.6); color: #FFFFFF; position: absolute; bottom: 25px; padding: 5px 10px; box-sizing: border-box; border-radius: 0px 10px 10px 0px;}

.balanceGP {color: #fff;}

/*Debit/Credit VISA*/
.visaGP {position: absolute; bottom: 60px; right: 66%; color: #0060a4; font-size: 20px; font-weight: bold;}

/*Banki Img*/
.bankiGP {position: absolute; top: 20px;}

/*Logo Img*/
.logoGP {position: absolute; right: 25px; top: 20px;}

/*PinSet*/
.pinsetLbl {position: absolute; right: 45px; bottom: 45px; font-size: 12px;}
.pinsetImg {right: 20px; bottom: 25px; position: absolute; max-width: 60px; max-height: 35px;}

/*Card Overview Buttons*/
.card-btnLbl {/*color: #235d8e; position: absolute; right: 0; left: 0;*/ margin: auto; font-size: 12px; font-weight: bold; /*display: table; bottom: 25px;*/}

/* Toggle Switch */
.toggle-switch {position: absolute; right: 0; bottom: 80px; width: 80px;}
.toggle-switch .ui-toggleswitch {width: 60px; height: 0; padding-bottom: 15px;}
.toggle-switch .ui-outputlabel {font-size: 12px; color: #FFFFFF;  display: block; padding-left: 8px;}
.toggle-switch .ui-toggleswitch-slider {background: #d2d2d2; height: 15px; width: 60px;}
.toggle-switch .ui-toggleswitch-slider:before {background-color: #FFFFFF; border-radius: 21px; height: 14px; width: 14px; bottom: 1px; left: 2px;}
.toggle-switch .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider {/*background-color: #4faa73;*/}
.toggle-switch .ui-toggleswitch.ui-state-disabled .ui-toggleswitch-slider:before {/*background-color: #e3e3e6;*/}
.toggle-switch .ui-toggleswitch.ui-state-disabled .ui-toggleswitch-slider {background-color: #d2d2d2;}
.toggle-switch.disabled .ui-outputlabel {color: #787878;}
.toggle-switch .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before {background-color: #4faa73;}
.toggle-switch .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider{background: #d2d2d2;}
.toggle-switch .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before {-webkit-transform: translateX(44px); -ms-transform: translateX(44px); transform: translateX(44px);}

/*Chart*/
.chartDiv {width: 120px; height: 120px; display: inline-block;}
/*.chartGP {text-align: center; padding: 10px; box-sizing: border-box;}*/
.date-month-only {display: none;}
table.chartGP > tbody > tr > td {display: inline-block; width: 100%;}

/*BlockUI*/
.blockUISt + .ui-blockui-content {margin: auto;}
.ui-blockui.ui-widget-overlay {opacity: 0.3; background: #012e57;}

/*Card image online registration*/
.card-img { display: block; text-align: center; }