/* JQuery bound on styleclass */
.myOnlineBankingClick{}

/* body {	height: auto !important;
		margin: auto;
		min-height: 100%;
		min-width: 100%;
		position: relative;}

html, body {
	height: 100%;
	padding: 0;
	max-width: 100%;
	}
	
html{
	overflow-x: hidden;
	overflow-y: scroll;
}
body {overflow-y: hidden !important;height: auto !important;} */

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;}

/* -----------------------------------------
   Layout - Columns - Fields- Alignment
----------------------------------------- */
* {font-family:  Calibri, Verdana, Geneva, sans-serif; font-size: 16px;}

input, button,  textarea {font-family: Calibri, Verdana, Geneva, sans-serif; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent;}
a{-webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent;}
img{border:none}

.root{display: block;}
.centering{margin: auto; padding: 0px; width: 1150px;}
.centeringLogin{margin: auto; padding: 0px; width: 1040px;}

.padding-pg{padding-bottom: 70px;}
.pageMainGp{font-family:Calibri, Verdana; width:100%;  margin-top: -14px; padding: 5px; border: none; background-color: transparent;} /* margin-top:-7px; padding: 8px;*/

.contentPg{width: 100%;padding-top: 10px;}
.contentPg:first-child{width: 100%;padding: 0}
.contentPg > thead{text-align: left;
                   font-family: Calibri, Verdana, Geneva, sans-serif;
                   font-size: 13px;
                   color: #666c71;
                   font-weight: bold;
                   margin-top: 10px}

.topPosit{vertical-align: top;}
.centralPosit{vertical-align: middle;}
.bottomPosit{vertical-align:bottom;}

.centerPosit{text-align: center;}
.rightPosit{text-align: right;}
.leftPosit{text-align: left;}

.sideBarW{width:230px}

.leftPositSmall {width:20%;text-align:left;}
.leftPositBig {width:80%;text-align:left;}

.columnLeft{width:50%; color: #5d6267;}
.columnRight{width:50%; color: #5d6267; font-weight: bold}

.columnWidgetAv {width:74px; text-align:right} /*width:34px*/
.columnWidgetAmount{width:88px; text-align:right}

.columnSms{width:50%; color: #5d6267; font-weight: bold;text-align:right}

.columnSelect {width:28%}
.columnFirst{width:64%}

.avBalColumn{ width: 37%;}


.label-column {min-width: 63px;text-align: right; color: #5d6267;}
.balancePG{line-height: 11px;}
.balancePG td, .balancePG span{font-size:11px;}

.dialogRight{text-align: right;width: 159px;}
.dialogLeft{text-align: right;width: 77px;}
                   
.labelsSt{color: #5d6267; width:30%} /*width:35%*/
.labelWidget{color: #5d6267;width:36%}
.dataSt{width:65%; font-weight: bold; color: #5f6062;}

.infoTableHead{width:100%; background-color:#fbfbfb; border:solid 1px #DFDFDF; border-bottom:none;font-weight:bold; text-align: center;padding: 5px 0px 5px 0px;}
.infoTableBody{width:100%; color:#58595D; text-align:right; border:solid 1px #DFDFDF; border-bottom:none;margin-top: -4px;}
.infoTableFooter{ width: 100%; background-color: #fbfbfb; border: solid 1px #DFDFDF; font-weight: bold; text-align: center;  padding: 2px 0px 2px 0px;margin-bottom:11px; margin-top: -5px;}

.infoColumnLeft{width:25%;border-right:1px solid #DFDFDF;text-align: right;color: #58595D;}
.infoColumnRight{width:75%; font-weight:bold;text-align: left;color: #58595D; word-break: break-word;}

.infoTableSubHeader{border: solid 1px #dfdfdf; width: 100%;border-bottom: none; margin-top: -4px;}
.infoTableSubSubHeader { border: solid 1px #dfdfdf; width: 100%; border-bottom: none; margin-top: -5px;}

.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;}

.header-icon .ui-column-title, .header-icon .mobile-table-label{font-family: 'FontAwesome';}
.banner-img{width: 100%; height: 100%;}

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

/* -----------------------------------------
   Columns Classes - Symmetrical
----------------------------------------- */
.oneQuarter{width:25%;text-align:center}
.oneThird {width:33.3%; text-align:center;}
.columnFifty {width: 50%;text-align:center}

.disclaimerPanel{width:100%;padding:10px}
.disclaimerPanel>thead tr th{font-family:'Scalar',Verdana,Arial,sans-serif; 
                             font-weight: normal;
                             color:#77AD19; 
                             font-size: 20px;
                             margin-top:15px; 
                             text-align: left;
                             -webkit-transition: all 0.3s ease-out;
                             -moz-transition: all 0.3s ease-out;
                             -o-transition: all 0.3s ease-out;
                             text-shadow:none;}

.disclaimerPanel>tbody tr td{padding-left: 10px;padding-top: 10px; line-height: 18px; color: #58595D;}
.disclaimerPanel a{color: #77AD19}

/* -----------------------------------------
   Input
----------------------------------------- */
/*.infoSt{width:70%} */
input[type="text"].required , input[type="number"].required, .ui-widget-content input[type="text"].ui-inputfield.required, input[type="password"].required, .ui-accordion-content input[type="text"].required, .ui-inputfield.ui-inputtextarea.required{border-left: 2px solid #c60d0d !important;}
input[type="text"].required {width:206px;}

.amountInput{width:145px !important;text-align:right;margin-right: 5px;}
.mobileInput {width:160px !important}

input[type="text"], input[type="number"], input[type="password"]{width:206px}

input[type="text"].hasDatepicker{width: 173px;}
input[type="number"], input[type="password"], .ui-accordion input[type="text"], input[type="text"], .ui-accordion input[type="number"], .ui-accordion input[type="password"], .ui-widget-header .ui-inputfield input[type="text"], .ui-overlaypanel input[type="text"] .ui-accordion input[type="text"].ui-state-focus, .accountTable input[type="text"],
input[type="text"].ui-inputfield, .ui-widget-content input[type="text"].ui-inputfield{
    height: 33px;
    font-size: 14px;
    border-radius: 4px;
    padding: 3px 8px;
    box-sizing: border-box;
    color: #555555;
    border: 1px solid #E6E6E6;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
    background-color: rgba(255,255,255, 0.75);
    background-image: none;
    outline-color: transparent;
    box-shadow: none;}
    
input{-webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent;}

.accountTable input[type="text"] {width:90%}
/*input:focus{ 
    box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px inset;
    -webkit-box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px inset, rgba(83, 167, 236, 0.584314) 0px 0px 7.769099235534668px 0px; 
    border-color: rgb(15, 122, 149);}
*/
/*.ui-inputfield.ui-password{ -webkit-margin-start: 2px;}*/
/*.ui-colorpicker-container .ui-colorpicker_rgb_r ui-colorpicker_field .input[type="number"]{ border: none !important;}*/ 

.ui-inputfield:focus{box-shadow: none !important; -moz-box-shadow: none; -webkit-box-shadow: none;}


/* textArea for payee name*/
.payeeTxArea.ui-inputfield.ui-inputtextarea{ height: 50px;  width: 206px;}

.ui-inputfield.ui-inputtextarea{
    height: auto;
    font-size: 14px; 
    background: none; 
    background-color: white; 
    border-radius:2px;
    box-shadow: none;
    resize: none; 
    border: 1px solid #E6E6E6;}

.customPassword{width: 154px;margin-left: 1px;}

/* -----------------------------------------
	Calendar
----------------------------------------- */
.calendarSt > input{width: 173px;}

.ui-accordion .calendarSt .ui-state-default{
	background-color: rgba(255,255,255, 0.75);
	box-shadow: none;
	border: 1px solid #E6E6E6;
}
.ui-accordion .calendarSt .ui-datepicker-trigger {
    box-shadow: none;
    background-color: #77AD19;
	border: 1px solid lightgray;
}

.calendarFilters > input, .calendarFilters input[type="text"].hasDatepicker{width: 123px;}

.welcomeMsg{font-size:23px; color:#5F6062;font-weight:normal;}

/* -----------------------------------------
 	Login Page Mobile
----------------------------------------- */

.appFormLoginPG{margin:0px; padding:0px;width: 100%; background-color: transparent;}
.loginPanel {height: 100%; width: 100%; background-color: rgba(255, 255, 255, 0.55); padding:20px; border-radius: 3px;  border:1px solid #aeafb0;}
.login-panel{background-color: rgba(255, 255, 255, 0.85);
             border-radius: 8px;
             padding: 15px;
             width: 540px;}

.login-panel td.info {height: 22px; vertical-align: bottom;}

.login-panel a{color: #464646;text-decoration: none;font-size:13px;line-height: 19px;}
.login-panel a:hover{text-decoration:underline;color:#464646;}
.login-logo{width: 300px; vertical-align: top;}

/* -----------------------------------------
 	Login Page
----------------------------------------- */
.formLogin {padding-bottom: 16%;}

.loginLeftPanel {width: 65%; background-color: rgba(255, 255, 255, 0.55); padding:20px; border-radius: 3px;  border:1px solid #aeafb0;}
.loginRightPanel {width: 35%; background-color: rgba(255, 255, 255, 0.55); border-radius: 3px; border: 1px solid #aeafb0; padding: 0px 15px 35px 15px;}

.formLoginPinPG {padding: 32px 15px;}

.loginH1 {width: 100%;	background-color: white;}

.loginPG {width: 100%;}

.loginColumnLeft {color: #5d6267;width: 21%;text-align: right}
.loginColumnRight{text-align: left}
.loginRightText, .loginRightText span{font-size:23px;  color: #5F6062;}

.logoHeader {font-weight: bold;	font-size: 25px;color: #1c75bc;	font-style: italic;}

.loginLinks td{ width: 185px;}
.loginLinks td:FIRST-CHILD {border-right: 1px solid #666c71;}
.loginLinks a {text-decoration: none;color: #5d6267;font-size: 13px;}
.loginLinks a:hover {text-decoration: underline;}



.dashboard-accounts{float:right;margin-top:-42px;}

/*************************                                   
   FOOTER
  *************************/
  
.loginFooter span {font-size:14px;color: #5f6062;padding: 0 15px 0 25px;}

.loginGeneralFooter {
    width: 100%;
    background-color: #f1eff0;
    text-align: center;
    color: #5f6062;
    position: absolute;
    bottom: 0;
    height: 100px;
    border-spacing: 0px;
}

.pageGeneralFooter{width: 100%; text-align:center; color: #3c3c3e; border-top:3px solid #3c3c3e; position: absolute; bottom: 0; height: 35px; border-spacing: 0px;}
.pageGeneralFooter a{color:#5f6062;text-decoration: none;font-size:13px}
.pageDashboardFooter{width: 100%;bottom: 0;line-height:20px;position: relative;text-align:center;color: #f1eff0;  margin-top: -5px;background-color:#3c3c3e}



/* -----------------------------------------
  Page Template
----------------------------------------- */
.user {color: rgb(99, 100, 102);font-weight: bold;float: right;font-size:13px}

.user span.num {
	background-color: #3c3c3e;
	color: #FFFFFF;
	font-size: 10px;
	padding: 1px;
	position: relative;
	width: 0;
	top: -7px;
	left: -1px}

.user span.null {
	background-color: transparent;
	color: transparent;
	font-size: 10px;
	padding: 0px;
	position: relative;
	width: 0;
	top: 0px;
	left: 0px}
	
.user .ui-button.ui-state-default {
	background: none transparent;
	box-shadow: none;
	border-radius: 0;
	border: medium none;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#00ffffff', GradientType=0);
	outline: none;
	left: 0px;
	position: relative;
	text-shadow: none;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;}

.ui-state-default.ui-button .ui-icon.icon-pending, .ui-state-default.ui-button .ui-icon.icon-bulk, .ui-state-default.ui-button .ui-icon.icon-payroll, .ui-state-default.ui-button .ui-icon.icon-messages{
    border-radius: 0px; position: absolute; top: 0; bottom: 0; margin: auto; left: 0; right: 0;  
}
	
.ui-state-default.ui-button .ui-icon.icon-messages {background-position: -74px -100px; background-image: url("../../../resources/images/buttons.png"); width: 26px; height: 15px;}
.ui-state-default.ui-button .ui-icon.icon-pending {background-image: url("../../../resources/images/pending-transactions.png"); width: 22px; height: 22px;}	
.ui-state-default.ui-button .ui-icon.icon-bulk {background-image: url("../../../resources/images/pending-masspayment.png"); width: 22px; height: 22px;}
.ui-state-default.ui-button .ui-icon.icon-payroll {background-image:  url("../../../resources/images/pending-payroll.png"); width: 20px; height: 20px;}
.ui-state-default.ui-button .ui-icon.icon-beneficiary {background-position: -1px -2px; background-image:  url("../../../resources/images/pending-beneficiaries.png"); width: 23px; height: 23px;}
.ui-state-default.ui-button .ui-icon.icon-employee {background-position: 4px -2px; background-image:  url("../../../resources/images/pending-employees.png"); width: 30px; height: 23px; margin-left: -14px;}

.notification-btn.ui-button.ui-state-default{background: #77ad19; border-radius: 5px; width: 30px; height: 30px; margin: 0px; border: none; box-shadow: none;}
.notification-btn .ui-icon{background-repeat: no-repeat; padding: 0px;}
 
 
.notificationsRT .iconColumn {width: 35px;}
.notificationsRT table tr{height: 40px;}
.notificationsRT .cd-panel-container, .notificationsRT .cd-panel-header{min-width: 370px;}

 /*
.notificationsRT .iconColumn .ui-button{padding: 4px; border-radius: 5px; color:white; background: #77AD19; text-indent:inherit; text-shadow:none; border:none; outline: none;}
 */
 /*
.user tbody tr td div { background: #77ad19;
						border-radius: 5px;
						box-shadow: none;
						text-shadow: none;}*/
.user td{padding:3px}
.user td:last-of-type{padding:2px}

.userInfo{color: #5f6062;margin-right: -5px;}
.userInfo .ui-icon.fa.fa-angle-down { margin-top: -20px; margin-right: -11px;}
#pendingB .ui-icon.fa.fa-share-square-o{margin-top: -16px; margin-left: -19px;font-size:17px}

.ui-icon.fa.fa-check-square-o{margin-top: -15px; margin-left: -16px;font-size:17px}
.personalImg {width: 60px;height:60px;border-radius: 7px;}

.personalImgSmall {
	width: 37px;
	height: 37px;
	border-radius: 7px;
	box-shadow: -4px 4px 22px -4px #4f4f4f; 
	margin-right: -10px;}
	
.ui-button-icon-left.ui-icon.ui-c.icon-doll {margin-left: -14px;width: 22px;}

.user button.ui-button-icon-only {width: 1.6em}
	
.ui-overlaypanel.user-pop-up {border-radius: 0px;background: white;}

.user-pop-up .label {font-weight: normal;font-size: 12px;color: #5f6062;}
.user-pop-up .info {font-size: 17px;font-family: Calibri, Verdana;color: #5f6062;font-weight: normal;padding-left: 10px;}

.topHeader{width:100%; height: 105px; background-color: white;}
.titleImage{background-image:url(../../../resources/images/titleImage.jpg);width:100%; background-size: cover;  padding-top: 11px; padding-bottom: 11px; background-repeat: no-repeat;}

/* -----------------------------------------
  	Dashboard Template - Accounts   
----------------------------------------- */
.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 Template - 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%}

.accName { color: #5f6062; width: 50%; text-align: left;}
.accBalance{text-align:right;  line-height: 17px;}
.accBalance span {font-size: 24px;font-weight:normal}
.accBalance td {color: #5f6062;  vertical-align: top;}

/* -----------------------------------------
  	Dashboard Template - My Support DataGrid   
-------------------------------------------*/
.supportGrid {background:white;width:100%;height: 150px;}
.supportGrid thead tr th{padding:6px}
.supportGrid tbody tr{width:20%;text-align:center}

.supportLinks a{font-weight:normal;color:#77ad19;font-size: 16px;text-shadow:none;text-decoration:none}
.supportLinks a:hover{text-decoration:underline}

.supportIcons .ui-button{  
	width: 70px;
 	height: 70px;
  	border-radius: 100%;
  	background-color: transparent;
  	border-color: #77ad19;
  	box-shadow: none;
  	opacity:1;}

.supportIcons .ui-button:focus{outline:0;box-shadow:none}
  
.supportIcons .ui-icon.fa{
	  height: 31px;
	  width: 34px;
	  border-radius: 0px;
	  margin-left: 11px;
	  margin-top: -16px;}
  
.supportIcons .ui-icon.fa.fa-mobile{height:38px; margin-top: -21px}
.supportIcons .ui-icon.fa-map-marker{height:35px; margin-left: 12px; margin-top: -17px;}
.ui-icon.fa.fa-print{font-size:15px}

/* -----------------------------------------
  	Dashboard Template - Widgets  
----------------------------------------- */
.widgetsImage{	background-image:url(../../../resources/images/businessImage.jpg);
				background-size: cover;  
				padding-top: 12px;
   				 padding-bottom: 21px;
				background-repeat: no-repeat;  
				/* background-position-y: 100%; */
				width:100%}
				
.widgetPG table{width: 100%}

.widgetPG .grayBorder{margin-bottom:0px;border:none;}
.widgetPG .grayBorder .labelsSt, .widgetPG .grayBorder .dataSt{font-size:12px}
/* -----------------------------------------
   Borders - Labels
----------------------------------------- */
/* .grayBorder {border: solid 1px #48a5c5; width:100%; margin-bottom: 8px;} border: solid 1px #6F90A8; Corporate */

.grayBorder {border: solid 1px #C9C9C9;
			width: 100%;
			border-spacing: 5px;
			margin-bottom: 11px;
			line-height: 20px;
			border-radius: 5px;
			padding: 3px;
			word-break: break-word;}
			
.benPanels {width: 100%;border-spacing: 5px;}
.grayBorder.benPanels{border:none !important;margin-bottom:0px !important;}

.grayBorder.threeColumns {border: none;	width: 100%; float: left;}
.grayBorder.threeColumns td:FIRST-CHILD {width: 20%}

.grayBorder.threeColumns td {width: 40%}


.uploadDatagrid .grayBorder.threeColumns td:FIRST-CHILD {
    width: 100%;
    float: left;
}

.uploadDatagrid .grayBorder.threeColumns td {
    width: 0%;
}
.grayBorder > thead tr th, .grayBorder .two-columns > thead tr th{font-weight: normal;
						color: #5f6062;
						font-size: 22px;
                        text-align: left;
                        -webkit-transition: all 0.3s ease-out;
                        -moz-transition: all 0.3s ease-out;
                        -o-transition: all 0.3s ease-out;
                        text-shadow:none;
                        padding-left: 3px;
  						padding-top: 2px;}


.greyLabel {color: #676C71;	font-weight: bold}
.amountRed {color: #c60d0d;	font-weight: bold;}
.amountGreen {color: #6b9c17;	font-weight: bold;}

.disclaimer {font-family: Calibri, Verdana, Geneva, sans-serif;	font-size: 13px;line-height: 17px;	color: #5d6267;}

.lightGrayLb{font-size:12px;color:#666c71;}

.headerGray, .headerGray span{font-weight:normal;color:#5f6062; font-size: 25px; text-shadow: none;}
.headerGray span{color: #77AD19;}

.labelGray{font-weight:normal;color:#5f6062;font-size:19px;}
.smallLabelGray {font-weight: normal;color: #5f6062; font-size: 20px;}
.normalLabel{color:#5f6062}

.labelBlue{font-weight:normal;color:#00607e;font-size:19px;padding-left: 3px;}
.dialogGrey{font-weight:normal;color:#5f6062;font-size:16px;}

.amountGray{color:#666c71; font-weight: bold;text-align:right;}

.greenLabel {color: #77AD19;}
.greenLabelLarge .ui-button-text.ui-c {font-size: 19px; color: #77AD19;}
.greenLabel .ui-button-text.ui-c {color: #77AD19;}

.smallField{font-size:12px;}
.smallFieldGray{font-size:12px; color: #AFAAAA;}

.smallField.amountGreen{font-size:12px; color:#608C2A;}
.smallField.amountRed{font-size:12px; color:#de5454;}
/* -----------------------------------------
   Command Links
----------------------------------------- */
/* TO DELETE /	 
.underlineLink{text-decoration: none; color: #00607e;}
.underlineLink:hover{text-decoration:underline !important; color: #00607e !important;}
	/--*/
.ui-accordion .commandLinkNoUnderline , .commandLinkNoUnderline {text-decoration:none;color:lightgray;font-size: 11px;}
.ui-accordion .commandLinkNoUnderline:hover , .commandLinkNoUnderline:hover{text-decoration:underline; color: #00607E;font-size: 11px;}

.smsCommandLink ,.smsCommandLink:hover {text-decoration:none; font-family: Calibri, Verdana, Geneva, sans-serif; font-size: 13px; color:black }

.commandLink{color:#68af23;text-decoration: none;}
.commandLink:hover{text-decoration: underline}

.editLink{text-decoration: none;color: #16609a !important;font-size: 12px;}
.editLink:hover {text-decoration: underline;}

/* -----------------------------------------
   Buttons as a link (ChequeImage - EVoucher pages)
----------------------------------------- */
.ui-datatable .buttonAsLink{border: none; outline: none; background: none;}
.buttonAsLink:hover , .buttonAsLink:focus {box-shadow:none}
.buttonAsLink span{color: #68af23}
.buttonAsLink span:hover{text-decoration:underline;}

/* -----------------------------------------
   Menu
----------------------------------------- */
.menuSt{background-color:#dfdadc; width:100%;} 

.mainMenu{text-decoration: none; background: none;  border: none; border-radius: 0px; width: 100%;}
.mainMenu .ui-menuitem-text{color:#5f6062;text-shadow:none}
.ui-menu .ui-menu-list{padding-top: 0px;}/*padding-top: 6px;line-height: 10px*/
.mainMenu .ui-menu {color:#5f6062; background-color: #ffffff; background-image: none} 

.mainMenu .ui-menu-parent a{height: 20px;background-color: transparent;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;}
.mainMenu .ui-menu-parent a:hover{background-color: #e8e5e6;}
.mainMenu .ui-menu-parent a , .mainMenu .ui-menu-parent a:hover{line-height:30px; height: auto; padding-right: 9px; padding-left: 9px; background-image: none;box-shadow: none;border:none ;border-radius: 0px;}

.mainMenu .ui-menu-parent:not(:last-child):after {
    content: url('../../../resources/images/menuSeparator.png');
    padding-top: 3px;
  	margin-left: -2px;
    position: absolute;}

.mainMenu .ui-menu-parent.menu-active span {color:#77ad19;border-radius: 0px;}
.mainMenu .ui-menu-parent.menu-active{border-bottom:2px solid #77ad19;border-radius:0px;background-color: #e8e5e6;}

.mainMenu .ui-menuitem-link .ui-icon{display:none}

.mainMenu .ui-menu-child {background-color:#ffffff; text-shadow: none; background-image: none; min-width: 280px;border: 1px solid #f1eff0;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);} /*border: 1px solid #6F90A8; Corporate*/
.mainMenu .ui-menu-child .ui-menuitem-text{line-height:16px; color: #5f6062!important;transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;}

.mainMenu .ui-menu-child a:hover{background-color: #f5f5f5;border-radius: 4px;border:none;}

.ui-menu .ui-menu-list.ui-menu-child{padding:10px 10px 10px 12px }

.ui-menu .ui-menu-child:before, .ui-menu .ui-menu-child:after {
	position: absolute;
	top: -1px;
	left: 10%;
	display: inline-block;
	border-right: 6px solid transparent;
    border-top: 5px solid #77ad19;
    border-left: 6px solid transparent;
	border-top-color: #77ad19;
	content: '';}
	
/* TO DELETE /
.ui-menu .ui-menu-child:before {position: absolute;top: -7px;left: 21px;display: inline-block;border-right: 7px solid transparent;border-bottom: 7px solid #ccc;border-left: 7px solid transparent;border-bottom-color: #ffffff;content: '';}
.ui-menu .ui-menu-child:after {position: absolute;top: -6px;left: 20px;display: inline-block;border-right: 6px solid transparent;border-bottom: 6px solid #ffffff;border-left: 6px solid transparent;content: '';}
	/--*/

/* -----------------------------------------
   Inner vertical Menu (Payments)
----------------------------------------- */
.innerBar{ background-color: transparent;
           border-radius: 0px; 
           box-shadow: none; 
           padding: 10px;
           margin: 0 auto;
           width: 55%}
          
.innerBar .ui-menu {
  width: auto; 
  padding: 0.3em;
  position: relative;
  outline: 0 none;}
        
.innerBar .ui-menuitem-link{
    font-size: 12px;
    color:#5f6062;
    border:none; 
    box-shadow: none; 
    width: 100%;
    background: url('../../../resources/images/side-menu-arrow.png') left  no-repeat;
    padding-left:17px;
    -webkit-transition: 0.3s ease-out;
    -moz-transition:  0.3s ease-out;
    -o-transition:  0.3s ease-out;
    transition-property: background-color, color;
    line-height: 17px;}

.innerBar .ui-menuitem-link:hover{color:#5f6062;background-color: #f1eff0; }
.innerBar .ui-helper-clearfix{border:none; background-color:transparent; background: none;}

/* -----------------------------------------
   Left Sidebar
----------------------------------------- */
.sideBar {border: none;background-color:  #fbfbfb ;padding: 10px;width: 220px;padding-left: 0px;}

.extraSideBar{
    border: none;
    background-color:  #fbfbfb ;
    border-radius: 0px;
    box-shadow: none;
    padding: 10px;
    padding-left:0px;
    margin-bottom: 15px;
    width: 220px;} 
    
.extraSideBar tr:first-child td{  border-bottom: 1px solid #c9c9c9;}

.sideBar .ui-menuitem{width: 190px;
						border-radius:0px;
						-webkit-transition: all 0.3s ease-out;
						-moz-transition: all 0.3s ease-out;
						-o-transition: all 0.3s ease-out;}
						
.sideBar .ui-menuitem:FIRST-CHILD{padding-top:10px}						

.sideBar .ui-menuitem-link{
    font-size: 12px;
    color:#5f6062;
    border:none; 
    box-shadow: none; 
    width: 100%;
    background: none;
    padding-left: 5px;
    line-height: 20px;
    -webkit-transition: 0.3s ease-out;
    -moz-transition:  0.3s ease-out;
    -o-transition:  0.3s ease-out;
    transition-property: background-color, color;}
.sideBar .ui-menuitem-link:hover{color:#5f6062;background-color:#f1eff0;width: 100%;border-radius:0px;} /*color:#6F90A8; Corporate*/

.sideBar .ui-menuitem-link .ui-state-active{background-position: 0 -114px; font-weight: bolder; color:#5f6062;  }
.sideBar .ui-helper-clearfix{border:none; background-color:transparent; background: none;padding:2px}

.sideBar tr:first-child td { border-bottom: 1px solid #c9c9c9;}

/*-----------------------------------------
 	Favourites SideBar-Layout
----------------------------------------- */
.leftLayout{position: fixed!important;  overflow-x:visible !important; overflow-y:visible !important; z-index: 1;} 

.leftLayout .ui-layout-resizer{background-color: #77ad19;left:0 !important;  border: none;  border-radius: 0px 3px 3px 0px;}
.leftLayout .ui-layout-resizer .ui-layout-resizer-west .ui-layout-resizer-closed .ui-layout-resizer-west-closed { background-color: #77ad19;}

.leftLayout .ui-layout-unit-expand-icon{ background-color:  #77ad19; box-shadow: none;  border: none;background-image:url('../../../resources/images/menuSmall.png');  margin-top: 8px;}
.leftLayout .ui-layout-unit-expand-icon span{background:none}

.favLayout.ui-layout-unit { width: 200px!important;  min-height: 220px!important;  background-color: #77ad19;  border: none;  padding-right: 6px;}
.favLayout .ui-layout-unit-content{overflow: hidden}

.favLayout .ui-menu {width:100%}
.favLayout .ui-menu .ui-menu-list .ui-menuitem{ padding-left: 8px;}
.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;background-color:#8fcf1d}

.favLayout .ui-layout-unit-header {border:none;  background-color: #77ad19;  border-bottom: 1px solid #f1eff0; border-radius: 0px;}
.favLayout .ui-layout-unit-header span{ color: white;  font-size: 17px;  font-weight: normal;  text-shadow: none;}
.favLayout .ui-layout-unit-header-icon{margin-top: 3px;  border: none; background-color: transparent;  width: 20px;  box-shadow: none;background-image:url('../../../resources/images/whiteArrowLeft_21.png')}
.favLayout .ui-layout-unit-header-icon span{background:none}

.favLayout .ui-layout-unit-content .ui-widget-content{border:none;}

.favLayout .favSettingsIcon { margin-top: 7px;
				  background: none transparent;
				  box-shadow: none;
				  border:none;
				  border-radius: 0;
				  outline: none;				   
				  margin-left: 40px;}
				  
.favSettingsIcon .ui-icon.fa {width: 20px;height: 20px; margin-top: -10px;}

/* -----------------------------------------
   Widgets
----------------------------------------- */
.nettellerDashboard .ui-panel{background-color: rgba(255,255,255,0.55); border-radius: 6px; border-color: rgba(255,255,255,0.65);}/*rgba(184,214,223, 0.4)*/
.nettellerDashboardPanel .ui-widget{-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}
.nettellerDashboardPanel .ui-widget-content{border: none;height:86px;padding: 0px 7px;}

.nettellerDashboard .ui-panel{width: 100% !important; height: 340px;}
.nettellerDashboardPanel .ui-panel{background-color: #ECECEC; border: none;}
.nettellerDashboardPanel .ui-panel-titlebar{background-color: transparent; border: none; padding: 7px 10px 9px; border-radius: 0px;}
.nettellerDashboardPanel .ui-panel-titlebar .ui-panel-title{font-weight:normal;color:#5f6062;font-size:23px;text-shadow: none;}
.ui-panel-titlebar-icon{display:none}

.nettellerDashboardPanel .contentSt{height: 255px;vertical-align: top;} /*height:82% */

.nettellerDashboard .ui-dashboard-column {width:360px; padding-top: 0px; padding-bottom:0px}/* width:370px;padding-top: 11px*/
.nettellerDashboard .ui-dashboard-column{padding-left: 16px;}

.nettellerDashboardPanel .ui-datatable, .nettellerDashboardPanel .ui-datatable tbody tr, .nettellerDashboardPanel .ui-datatable thead th, .nettellerDashboardPanel .ui-datatable tbody, .nettellerDashboardPanel .ui-datatable .ui-paginator{border:none;background-color:transparent;}
.nettellerDashboardPanel .ui-datatable thead th,.nettellerDashboardPanel .ui-datatable thead th:hover{font-weight: bold;text-align:left;height:16px;border-spacing:0px;background:rgba(255,255,255,0.6);border:solid 1px #dddddd; text-shadow:none;}
.nettellerDashboardPanel .ui-datatable thead th span{font-size: 13px;}
.nettellerDashboardPanel .ui-datatable tbody *{font-size:12px;} /*font-size:13px */
.nettellerDashboard .ui-datatable tbody tr, .nettellerDashboard .ui-datatable thead tr{height: 15px;}
.nettellerDashboard .ui-datatable tbody td{ padding:1px;}


.nettellerDashboard .ui-datatable tbody tr:hover{border:none}
.ui-datatable tbody tr .rowWhite{background-color: white}
.ui-datatable tbody tr .rowGrey{background-color: #fbfbfb;}
.nettellerDashboard .ui-widget .ui-selectonemenu{border: 1px solid #e6e6e6;}
.nettellerDashboard .ui-datatable .ui-paginator{margin-bottom:0px;  padding:3px 0px;}

.nettellerDashboard .ui-paginator span{font-size:12px}
.nettellerDashboard .ui-paginator-rpp-options   {width: 37px !important;font-size:12px;  height: 20px!important;}


.ui-datatable tbody .rowWhite td{border-bottom:solid 1px #DFDFDF;}
.ui-datatable tbody .rowGrey td{border-bottom:solid 1px #DFDFDF;}

.ui-datatable tbody .infoColumnLeft{width:25%;border-right:1px solid #DFDFDF;text-align: right;color: #58595D;}
.ui-datatable tbody .infoColumnRight{width:75%; font-weight:bold;text-align: left;color: #58595D;}

.ui-datatable tbody .smsEmailRow td{border-bottom : 0;}

.exchangeRates .nettellerDashboardPanel .ui-datatable tbody * { font-size: 12px; padding-left: 7px; padding-right: 6px;}
/*.nettellerDashboardPanel .ui-datatable .ui-datatable-even, .nettellerDashboardPanel .ui-datatable .ui-datatable-odd {border-bottom:solid 1px #dddddd; background: transparent;}*/

/* -----------------------------------------
   Widgets-Datatable even-odd row
----------------------------------------- */
.nettellerDashboardPanel .ui-datatable .ui-datatable-even , .nettellerDashboardPanel .ui-datatable .ui-datatable-odd{
	border-bottom: solid 1px rgba(255,255,255,0.65)!important;
  	background: none;
  	border: none;}

.widgetExchangeRatesTable .ui-datatable-even, .widgetMyAccountsTable .ui-datatable-even{
    background-color: #F7F5F6;   border:none;color:#868281;font-weight: bolder;border-bottom: 1px solid #BBC6D5;}
.widgetExchangeRatesTable .ui-datatable-odd, .widgetMyAccountsTable .ui-datatable-odd{
    background-color: #FFFFFF;border:none;color:#868281;font-weight: bolder;border-bottom: 1px solid #BBC6D5;}
/* ----------------------------------------- */

/* .widgetMyAccountsTable, .widgetMyAccountsTable thead, .widgetMyAccountsTable .ui-widget-header, .widgetMyAccountsTable .ui-datatable-data{ border:none; }
.widgetMyAccountsTable .ui-datatable-data td, .widgetMyAccountsTable .ui-datatable-data-empty td{border:none;margin: 0;overflow: hidden;padding: 2px 5px;}
.widgetMyAccountsTable .ui-state-default, .widgetMyAccountsTable .ui-widget-content .ui-state-default, .widgetMyAccountsTable .ui-widget-header .ui-state-default{
    background: none; border: none; background-color: #FFFFFF; color:#59595B;  font-weight: bolder; font-size: 10px;}
 */
.widgetExchangeRatesTable, .widgetExchangeRatesTable thead, .widgetExchangeRatesTable .ui-widget-header, .widgetExchangeRatesTable .ui-datatable-data{border:none; }
.widgetExchangeRatesTable .ui-datatable-data td, .widgetExchangeRatesTable .ui-datatable-data-empty td{border:none;margin: 0;overflow: hidden;padding: 2px 5px;}
.widgetExchangeRatesTable .ui-state-default, .widgetExchangeRatesTable .ui-widget-content .ui-state-default, .widgetExchangeRatesTable .ui-widget-header .ui-state-default{
    background: none; border: none; background-color: #FFFFFF; color:#59595B;  font-weight: bolder; font-size: 10px;}

/* -----------------------------------------
   Widgets-Setting Button
----------------------------------------- */
.widgetSettingsBtn {background:none; padding-bottom: 9px;width:100%}  
.widgetSettingsBtn .ui-button{background:none;border:none;box-shadow:none;    float: right;}
.widgetSettingsBtn .ui-button:focus{outline:0}
.widgetSettingsBtn .ui-button-icon-left.fa-wrench{width: 22px; height: 22px; margin-left:11px;}

.widgetPanelBtn .ui-button{ background: none;  box-shadow: none;  border: none;width:21px; height:27px;}
.widgetPanelBtn .ui-button:focus{outline:0}

.widgetPanelBtn .widgetLeft{ margin-left: -20px;}
.widgetPanelBtn .ui-button-icon-left.fa{margin-top: -21px!important; height: 46px;  }
.widgetPanelBtn .ui-button-icon-left.fa-angle-left{margin-left: -4px;}

/* -----------------------------------------
   Widgets-Icons
----------------------------------------- */
.ui-widget-content .widgetIcons{background-image:  url("../../../resources/images/buttons.png");outline:none;width: 30px;height: 30px;width: 20px;height: 20px;border:none;cursor:default;}
.ui-widget-content .tickIcon{background-position:-6px -70px; margin-top: 2px;}
.ui-widget-content .rejectedIcon{background-position: -41px -70px; margin-top:2px}
.ui-widget-content .pendingIcon{background-position: 41px -36px; margin-top:2px}
.ui-widget-content .exclamationMark{background-position:-142px -95px; margin-top: 4px;}/*background-position:-159px -37px;*/
.ui-widget-content .crossMark{background-position:-42px -71px; margin-top: 4px;}

/* -----------------------------------------
   Widgets- Charts & Legends
----------------------------------------- */
.bfmWidget{width:351px; height:250px;margin-right:10px;margin-top: 5px; font-size:12px}

.legend-bfmWidget table.jqplot-table-legend{top: -28px !important;left: 49px !important;}

.nettellerDashboardPanel .jqplot-table-legend{font-size:11px;}

.pfmDonutWidget{width:350px; height:216px;margin-left: -4px}
.legend-myexpenses table.jqplot-table-legend{width:  155px; left: -2px !important;top: -2px !important;line-height: 1px;}
.legend-myexpenses table.jqplot-table-legend tbody{font-size:7px}

/* -----------------------------------------
   Messages
----------------------------------------- */
.ui-messages ui-widget .ui-messages-error ui-corner-all , .ui-messages-error-icon {display:none}
.ui-messages ui-widget .ui-messages-error ui-corner-all .ui-messages-error-icon , .ui-messages-error-summary{margin-left: 0px;}
.ui-messages-info-summary, .ui-messages-error-summary {font-weight: normal}

.ui-messages-info, .ui-messages-warn, .ui-messages-error, .ui-messages-fatal {padding: 5px;}

/* -----------------------------------------
    DataTable
----------------------------------------- */
.ui-datatable {margin-bottom: 11px;}
.ui-datatable tbody *{font-size: 14px;}
.ui-datatable-tablewrapper {overflow: hidden;border: solid 1px #C9C9C9;border-bottom: 1px solid #e6e6e6;}

.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;}
.ui-datatable-odd, .ui-datatable-odd.ui-state-hover, .ui-datatable-odd.ui-state-highlight{background: #f9f9f9;}

.ui-datatable tbody tr, .ui-datatable thead th, .ui-datatable tbody, .ui-datatable .ui-paginator {color:  #5f6062;border-color: transparent;border-bottom:1px solid #e6e6e6 !important;background: #fbfbfb;}
.ui-datatable .ui-datatable-data tr.ui-state-hover {border: none;border-bottom: 1px solid #e6e6e6;}
.ui-datatable tbody, .ui-datatable tbody tr:last-child, .ui-datatable .ui-datatable-data tr:last-child:hover {border-bottom:none;}
.ui-datatable tbody td {border: none;padding: 4px;border-width: 0px;word-wrap: break-word;}


.ui-datatable .ui-paginator .ui-paginator-current{margin-left:0px;}
.ui-datatable > div:last-child{border-bottom: solid 1px #C9C9C9 !important;}
.ui-datatable.chargesTbl > div:last-child, .ui-datatable.no-border > div:last-child{border-bottom: 0 !important;}
.ui-datatable thead span table tbody tr td{font-size:13px}

 .chargesTbl table{border-collapse: separate;}
 .ui-dialog .chargesTbl table{border-spacing: 0px;}
 
 .chargesTbl .ui-datatable-tablewrapper{border:none !important; border-bottom:none !important;}
 ./*ui-dialog .chargesTbl .ui-datatable-odd td, .ui-dialog .transferConfTable.chargesTbl .ui-datatable-odd td,
 .ui-dialog .chargesTbl .ui-datatable-even:not(:first-of-type) td, .ui-dialog .transferConfTable.chargesTbl .ui-datatable-even:not(:first-of-type) td{border-top:1px solid #DFDFDF;}
 .ui-dialog .ui-datatable.chargesTbl tbody td{padding: 0px !important;}*/
 
.ui-accordion-content .ui-datatable thead th, .ui-accordion-content .ui-datatable tbody, .ui-tabs .ui-datatable thead th, .ui-tabs .ui-datatable tbody, .ui-tabs .ui-datatable .ui-paginator
	{border: none}

.ui-accordion-content .ui-datatable .noPadding tbody tr{background-color:#E8E5E6; 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: bold;
	height: 26px;
	border-spacing: 0px;
	background: #e8e5e6 ;/*#e7e7e7*/
	box-shadow: none;
	border-width: 0px;
	text-shadow: none;}
	
.ui-datatable thead th:focus{outline:none}	

.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}/*85%*/
.ui-datatable thead tr, .ui-dialog .ui-datatable thead tr {height: 20px;border: 0px;background-color: #E8E5E6;}
.ui-datatable thead tbody {	border: none;}


.ui-datatable .ui-sortable-column:hover, .ui-datatable .ui-sortable-column:hover tr {background-color:#f1eff0;border: none;}


.ui-datatable .ui-expanded-row-content tbody, .ui-datatable .ui-expanded-row-content tr{border: none !important;}




.customDatagrid .grayBorder.threeColumns td:FIRST-CHILD{width: 1%;}
.customDatagrid .grayBorder.threeColumns td:LAST-CHILD{width:30%;}

.customDatagridColumn{width: 70%}

.customDatagrid .ui-selectonemenu{width: 100% !important;font-size: 11px;}
.customDatagrid select{width:400px !important;}
.customDatagrid .ui-widget-content, .uploadDatagrid .ui-widget-content{border:none;}
.uploadDatagrid .ui-selectonemenu,.uploadDatagrid select{float:right;}
.uploadDatagrid .grayBorder.threeColumns{width:100%}
.uploadDatagrid .ui-datagrid-column, .uploadDatagrid .ui-datagrid-column table{margin:0px;padding:0px;}

/* -----------------------------------------
       Datatable link
----------------------------------------- */
.ui-datatable tbody a{ color:#6b9c17;text-decoration: none}
.ui-datatable tbody a:hover{text-decoration: underline; }

/* -----------------------------------------
       Datatable paginator
----------------------------------------- */
.ui-paginator.ui-paginator-bottom.ui-widget-header {float: left;}
.ui-paginator .ui-corner-all {border-radius: 0px;}

.ui-paginator-current {	border: 1px solid #77ad19;	color: #77ad19;}

.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 {
	color: #77ad19;
	background-color: #f5f5f5}

.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;
	border: 1px solid #a8a8a8;}

.ui-paginator .ui-paginator-page.ui-state-active {background: #77ad19;box-shadow: none;	color: white;}

.ui-datatable .ui-paginator, .ui-tabs .ui-datatable .ui-paginator {
	text-align: left;
	border: solid 1px #C9C9C9;
	border-top:none;
	padding: 4px 10px;
    box-sizing: border-box;
	width: 100%;
	border-radius: 0px;
	margin-bottom: 11px;
	margin-left: 0px;
	margin-top: 0px;
	background:#f5f5f5}

.ui-dialog .ui-datatable {width: 100%;}

/* -----------------------------------------
    Datatable RowsHeight
----------------------------------------- */
.datableRowsHeight {height: 37px;}
.datableRowsHeightColorGreen {height: 37px; background-color: #98FB98 !important;}
.datableRowsHeightColorBlue {height: 37px; background-color: #77AD19 !important;}
.shortRowsHeight {height: 27px;}
.tallRowsHeight {height: 43px;}

/* -----------------------------------------
    Datatable Styles
----------------------------------------- */
.dataTableNoHeader thead {display: none;}
.noHighlightTable .ui-state-hover, .noHighlightTable  .ui-state-highlight{	background-image: none;	background: none}
.datatableNoPaginator tbody tr:last-child {	border-bottom: 1px solid transparent;} 
.datatableNoPaginator {	margin-bottom: 11px}
.datatableNoBorder tbody tr, .datatableNoBorder, .datatableNoBorder tbody{border: none;	border-bottom: none !important;}

/* -----------------------------------------
   Datatable - EXPANDABLE ROW BORDERS
----------------------------------------- */
.ui-expanded-row-content .ui-widget-content .ui-panelgrid-cell table thead tr,.ui-expanded-row-content .ui-widget-content .ui-panelgrid-cell table tbody tr, .ui-expanded-row-content .ui-widget-content .ui-panelgrid-cell table tbody tr td{border:none; border-style: none; }
.ui-datatable tbody .expandableRowHeader, .ui-datatable tbody .expandableRowLabel {border: solid 1px #dddddd;}

.ui-state-default.ui-selection-column{padding-right: 13px;width: 17px;}

.expandableRowHeader, .expandableRowHeader span {font-weight: bold; font-size: 11px !important; color:#555555; }
.expandableRowLabel {font-size:11px !important;}

/* -----------------------------------------
   Footer
----------------------------------------- */
.footer	td , .footer td a{
    color: #00607e;
    font-family: Calibri, Verdana, Geneva, sans-serif;
    font-size: 10px;
    line-height: 15px;
    text-decoration: none;}
.footer td a:hover{ text-decoration: underline;}
.footer tbody tr{padding-top:100px}

/* -----------------------------------------
   Buttons
----------------------------------------- */
.header1Pg span{padding: 10px;}

.onlineBankingPg .ui-commandlink {font-size: 12px;color: #00607e;text-decoration: none;float:right;}
.onlineBankingPg .ui-button{height: 20px;width:20px;float:right;}

/* TO DELETE */	 
.homeBtn{
    color:white;
    padding-right: 0;
    margin-top: 8px;
    width: 80px;
    height: 15px;
    box-shadow: none;
    border:none;
    outline:0;
    text-shadow: none;
    background: url('../../../resources/images/home.png') top left no-repeat;
    -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;}

.homeBtn .ui-button-text{margin-top: -5px; }
.homeBtn:hover{background-position: 0 -15px; color: #f9ac18;}
/*-- */	 

.userLogout{ color: #f1eff0;
			 margin-left: -5px;
			 background-color: transparent;
			 border: none;
			 box-shadow: none;
			 text-shadow: none;
			 outline:0;}
			 
.userLogout .ui-icon.fa.fa-sign-out { margin-top: -19px;  margin-right: -12px;}
.userLogout .ui-button-text:hover{ text-decoration: underline;} 

.advButtonLink{ background-image: url('../../../resources/images/advertisement.jpg');
				background-repeat: no-repeat;
				outline: 0;
				border: none;
				background-size: cover;
				height: 265px;
				width: 220px;
				background-color: #fbfbfb;}
.advButtonLink.ui-state-disabled{opacity:1;}
				   
.advButtonLink:focus, .advButtonLink:hover{box-shadow:none}
 

.loginBtn .ui-button-text {	font-size: 17px}

.loginBtn span:FIRST-CHILD {border-right: 1px solid white;	border-radius: 0px;	padding-right: 7px;}
.loginBtn { width: 143px!important;  height: 33px!important;}

.buttonsPG{float: right;}

.greenBtn, .ui-accordion .greenBtn, .nettellerDashboard .greenBtn, .ui-dialog .greenBtn, .ui-tabs .greenBtn, .ui-datatable-tablewrapper .greenBtn{
	 color: white;
	 width: 129px;
	 background: #77ad19;
	 box-shadow: none;
	 outline: 0;
	 border: none;
	 text-shadow: none;
	/* -webkit-transition: all 0.3s ease-out;
	 -moz-transition: all 0.3s ease-out;
	 -o-transition: all 0.3s ease-out;*/
	 border-radius: 4px;
	 height: 29px;} 
	  

.greyBtn, .ui-accordion .greyBtn, .nettellerDashboard .greyBtn, .ui-dialog .greyBtn, .ui-tabs .greyBtn{
	 color: white;
	 width: 129px;
	 background:#5f6062;
	 box-shadow: none;
	 outline: 0;
	 border: none;
	 text-shadow: none;
	 -webkit-transition: all 0.3s ease-out;
	 -moz-transition: all 0.3s ease-out;
	 -o-transition: all 0.3s ease-out;
	 border-radius: 5px;
	 height: 29px;}
	 
.ui-dialog .dialogBtn{ width: 65px;}	 

.greenBtnSmall, .greenBtnSmall .ui-state-hover {
  background-color:#77ad19;
  box-shadow: none;
  border-radius: 5px;
  border: none;
  text-shadow: none;
  outline: none;
  width: 28px;
  height: 28px;}

.greenBtnSmall .ui-button-icon-left{ margin-left: -2px;  height: 20px;}
.greenBtnSmall .ui-button-icon-left.fa.fa-reply { margin-left: -3px;}
.greenBtnSmall .ui-button-icon-left.fa.fa-plus{  margin-top: -7px;margin-left: -7px}
.greenBtnSmall .ui-button-icon-left.fa.fa-trash {margin-left: -8px; height: 20px;}
.greenBtnSmall .ui-button-icon-left.fa.fa-pencil {margin-left: -8px; height: 20px;}


.tableBtn {height: 24px !important;width: 24px !important;}  
.tableBtn .ui-button-icon-left{margin-top: -9px;height: 21px;}
 
.ui-datatable .datatableBtn{ height: 24px;
							  width: 24px;
							  outline: none;
							  box-shadow: none;
							  background:#f5f5f5;
							  border: 1px solid #dfdfdf;}
  			  
.datatableBtn:hover{ background: #e7e7e7}

.datatableBtn .ui-icon.fa.fa-search{ margin-left: -4px; }
.datatableBtn .ui-icon.fa{margin-left: -4px;height: 22px; margin-top: -9px; }
  
.ui-datatable thead .datatableBtn .ui-icon.fa { margin-left: -4px; height: 22px; margin-top: -8px;}

.ui-datatable thead .datatableHeadBtn{opacity: 1; 
									  height: 24px;
									  width: 24px;
									  outline: none;
									  box-shadow: none;
									  background:transparent;
									  border: none;
									  margin-left: -8px;}
									  
.datatableHeadBtn .ui-button-icon-left.fa{ width: 22px; font-weight: bold;}
/* -----------------------------------------
 	Help Buttons
----------------------------------------- */
.title{width:100%}
.title .helpLinksPG {float: right;  margin-bottom: -5px; border-spacing: 0px;}

.helpLinksPG .ui-button {
	background: #77ad19;
	box-shadow: none;
	border-radius: 5px;
	border: 1px solid rgba(119, 173, 25, 0.5);
	text-shadow: none;
	outline: none;
	margin-right: 4px;
	width: 25px;
  	height: 25px;}

.helpLinksPG .ui-button-text-icon-left .ui-icon {margin-top: -10px;}
.helpLinksPG .ui-button-text-icon-left .ui-button-text {padding: 0px;padding-left: 38px;}
.helpLinksPG .ui-button .ui-icon { width: 17px;  height:20px;  border-radius: 0px;  margin-top: -9px;}

/* -----------------------------------------
   Box Shadow
----------------------------------------- */
.boxShadow {
    -webkit-box-shadow: 0 15px 8px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 0 15px 8px rgba(0, 0, 0, 0.7);
    box-shadow: 0 15px 8px rgba(184, 171, 171, 0.7);}

/* -----------------------------------------
   Dropdown
----------------------------------------- */
select {
    width: 206px;
    height: 35px;
    border-radius: 4px;
    border: 1px solid #E6E6E6;
    outline: none;
    color: #555555;
    padding: 0px 25px 0px 8px;
    bottom: 5px;
    -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent;
	background: url(./images/arrow.png) no-repeat; background-position: right 7px top 10px; background-size: 12px;
	background-color: rgba(255,255,255, 0.75);}

select.ui-paginator-rpp-options.ui-widget.ui-state-default.ui-corner-left {
	width: 55px;
	height: 25px;
	margin-left: 5px;
	border-radius: 0px;
	box-shadow: none;
	color: #77ad19;
	border: 1px solid #a8a8a8;
	background: url(./images/arrow.png) no-repeat; background-position: right 5px top 7px; background-size: 8px;}

select::-ms-expand{
     display: none;/*
     border:none;
    background-color: transparent;
    padding-right: 2px;
    width: 15px;*/}

.select span{color:#555555; padding:4px 6px;}


@media screen\0 {
	select {padding: 0px 0px 0px 8px;}
}

/* -----------------------------------------
   Dropdown - Primefaces
----------------------------------------- */
.ui-tabs .ui-selectonemenu , .ui-dialog .ui-selectonemenu , .ui-accordion .ui-selectonemenu , .ui-selectonemenu{ width: 206px !important;  border: 1px solid #e6e6e6;font-size: 11px;}
.ui-state-default.ui-selectonemenu , .ui-widget-content .ui-state-default.ui-selectonemenu{border: 1px solid #e6e6e6;box-sizing: border-box;vertical-align: middle;}

.ui-accordion .ui-selectonemenu .ui-selectonemenu-label.ui-inputfield , .ui-selectonemenu .ui-selectonemenu-label.ui-inputfield{
   	box-shadow: none;
    padding: 0px 3px;
    color: #77AD19;
    line-height: 31px;
    box-sizing: border-box;}
  
.ui-accordion .ui-selectonemenu .ui-selectonemenu-label.ui-inputfield.ui-state-focus, .ui-selectonemenu .ui-selectonemenu-label.ui-inputfield.ui-state-focus{box-shadow:none;}

.ui-selectonemenu .ui-selectonemenu-trigger.ui-state-default.ui-corner-right, .ui-selectonemenu .ui-selectonemenu-trigger.ui-state-default.ui-corner-right:hover{
    background-color: #77ad19;
    background-image:none;
    border-left:none;
    box-shadow: none;
    border-radius: 3px;} 

.ui-selectonemenu-filter.ui-inputfield.ui-state-default{background-color:#ffffff; background-image:none;width: 200px;box-shadow: none;}
.ui-selectonemenu-filter.ui-inputfield.ui-state-active{background-color:#ffffff !important; box-shadow:none; background-image:none}   

.ui-accordion .smallDropdown, .smallDropdown, input[type="text"].amount-currency{width: 56px !important; padding:0px}
.ui-accordion .smallDropdown .noPadding{font-size: 12px; padding:0px}
.noPadding{padding:0px}
.requiredDropdown{border-left:2px solid #c60d0d !important;}


.mediumDropdown{width: 156px!important; padding:0px}

.ui-selectonemenu .ui-selectonemenu-trigger .ui-icon.ui-icon-triangle-1-s { background-position: -64px -11px;}
.datatableIconNew .ui-icon-circle-triangle-e {background-position: -16px -129px; border: 1px solid #C9C9C9; border-radius: 2px;}
.datatableIconNew  .ui-icon-circle-triangle-s{background-position: -48px -129px; border: 1px solid #C9C9C9; border-radius: 2px;}

/* -----------------------------------------
   Account Dropdown
----------------------------------------- */
.accountDropdownTbl tr:nth-child(odd) { background-color: white;}
.accountDropdownTbl tr:nth-child(even) { background-color: #ededed;}
.accountDropdownTbl.ui-selectonemenu-panel .ui-selectonemenu-items-wrapper{background-color:#fbfbfb; border-radius: 4px;padding: 0; white-space: nowrap;}

.accountDropdownTbl .ui-selectonemenu-table {border:none;}
.accountDropdownTbl .ui-selectonemenu-table td { border:1px solid transparent;}

.accountDropdown, .ui-accordion-content .accountDropdown{
	width:206px !important;
    height: 33px;
    border: 1px solid #E6E6E6;
	border-radius: 2px 0px 0px 2px;}
    
.accountDropdown:hover, .accountDropdown.ui-state-focus{box-shadow:none}
   
.accountDropdown .ui-selectonemenu-label{border:none;box-shadow:none; }


/* Selectcheckboxmenu */
.ui-selectcheckboxmenu.ui-widget {border: 1px solid #e6e6e6; box-sizing: border-box; vertical-align: middle;max-width: 260px; width: 100%; background: white; text-align: left;}
.ui-selectcheckboxmenu-panel {background-color: #fbfbfb; box-shadow: none; border-radius: 0px; border: 1px solid #d2d2d2;}
.ui-selectcheckboxmenu .ui-selectcheckboxmenu-label, .ui-selectcheckboxmenu.ui-widget.ui-state-hover .ui-selectcheckboxmenu-label{box-shadow: none; padding: 0px 3px; color: #77AD19; line-height: 31px; box-sizing: border-box; background-color: transparent;}
.ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger.ui-state-default.ui-corner-right, .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger.ui-state-default.ui-corner-right:hover {
    background-color: #77ad19;
    background-image: none;
    border-left: none;
    box-shadow: none;
    border-radius: 3px;
}
.ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon.ui-icon-triangle-1-s {background-position: -64px -11px;}
.ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close {display: none;}
.ui-selectcheckboxmenu-header {border: none;}
.ui-selectcheckboxmenu-header .ui-chkbox {display: none;}
/* -----------------------------------------
   Accordion
----------------------------------------- */
.ui-accordion .ui-accordion-content {display: block; width: 100%;}
.ui-accordion .ui-helper-hidden {display: none;}

.accordionFilterPG .ui-accordion-header{font-family: Calibri, Verdana; font-weight: normal;color: #4f4f4f;font-size: 16px;background:none;border:none;box-shadow:none;  padding-top: 9px;line-height: 10px;}
.accordionFilterPG{ border-top: solid 1px #dddddd; font-weight:normal; color:#4f4f4f;}
.two-columns{width: 100%;}
.two-columns .columnLeft{width: 50%;}

.ui-accordion-content input,.ui-accordion-content button,.ui-accordion-content select,.ui-accordion-content textarea {font-family: Calibri, "Helvetica Neue", Helvetica, Arial, sans-serif;} 

/* .accordionBasic{border:solid 1px #48a5c5;font-weight:normal;color:#00607e;font-size:19px;margin-bottom:10px;}  border:solid 1px #6F90A8; Corporate
.accordionBasic .ui-accordion-content {padding: 0px 4px 4px 4px;}
 */
 
 
 
.accordionBIC  .ui-accordion-header{font-family: Calibri, Verdana; font-weight: normal;color: #4f4f4f;font-size: 16px;background:none;border:none;box-shadow:none;  padding-top: 18px;line-height: 10px; margin-left: 212px;margin-top: 3px; padding-bottom: 18px;}
.accordionBIC{ border-top: solid 1px #dddddd; font-weight:normal; color:#4f4f4f;     border-bottom: solid 1px #dddddd; }
.accordionBIC .ui-icon.ui-icon-triangle-1-e{border: none;border-radius: 4px;background-position: -158px -110px !important;width: 20px;height: 20px;background-color: #77AD19;    margin-right: 547px; margin-top: -5px;}
.accordionBIC .ui-accordion-header .ui-icon.ui-icon-triangle-1-s{border: none;border-radius: 4px;background-position: -158px -110px !important;width: 20px;height: 20px;background-color: #77AD19;    margin-right: 547px; margin-top: -5px;}


.accordionPanel {font-weight: normal;
    color: #4f4f4f;
    font-size: 19px; 
    border: solid 1px #C9C9C9;
    width: 100%;
    border-spacing: 8px;
    margin-bottom: 11px;
    line-height: 20px;
    border-radius: 5px;}
 
 
.accordionPanel .ui-accordion-header{  font-weight: normal;
             color: #4f4f4f;
             font-size: 20px;
             background: none;
             border: none;
             box-shadow: none;
             line-height: 14px;
             padding-top: 11px;
             text-shadow: none;
             padding-left: 14px;}
.accordionPanel .ui-accordion-header:not(:first-of-type) {border-top: solid 1px #C9C9C9;}
.accordionPanel .ui-accordion-content {	padding: 5px 12px;overflow: hidden;	background: #fbfbfb;  border-radius: 6px;box-sizing: border-box;} /*padding:12px 12px*/

/* .accordionPanel.ui-accordion .ui-accordion-header .ui-icon.ui-icon-triangle-1-s,.accordionPanel.ui-accordion .ui-accordion-header .ui-icon.ui-icon-triangle-1-e{display: none;} */
.accordionPanel.ui-accordion .ui-accordion-header .ui-icon{float:right;border: 1px solid #c9c9c9;  border-radius: 2px; font-size:20px; padding: 4px 2px !important; width:20px; height:20px;}
/* how to change the accordion icon
.importantInfoAccordion.ui-accordion .ui-icon.ui-icon-triangle-1-e {background-position: -16px -128px;}
.importantInfoAccordion.ui-accordion .ui-icon.ui-icon-triangle-1-s {background-position: -48px -128px;}
*/

.ui-accordion .ui-icon.ui-icon-triangle-1-e {background-position: -16px -129px;}
.ui-accordion .ui-icon.ui-icon-triangle-1-s {background-position: -48px -129px;}
.accordionFilterPG .ui-icon.ui-icon-triangle-1-e{border: 1px solid #c9c9c9;border-radius: 2px;}
.accordionFilterPG .ui-accordion-header .ui-icon.ui-icon-triangle-1-s{border: 1px solid #c9c9c9;border-radius: 2px;}

/* -----------------------------------------
  TO DELETE: Select One Button
----------------------------------------- */
.selectOneButtonSt .ui-button{ background: #f5f5f5; margin: 0px;  color: #77ad19;}
.selectOneButtonSt .ui-button.ui-state-active{background: #77ad19; box-shadow: none; color: white;} /*background: #6F90A8; Corporate */
.selectOneButtonSt .ui-button.ui-state-hover{box-shadow: none; background-image: none;}
/* -------------------------------*/

/* -----------------------------------------
   Select One Button - OrderChequeBook
----------------------------------------- */
.ui-selectonebutton .ui-button{background-color: #f5f5f5; color: #77ad19; border-radius: 0px;  border: 1px solid #c9c9c9;}
.ui-selectonebutton .ui-button.ui-state-active{background: #77ad19; box-shadow: none; color: white;} /*background: #6F90A8; Corporate */
.ui-selectonebutton .ui-button.ui-state-hover{box-shadow: none; background-image: none;}
.ui-selectonebutton .ui-button.ui-state-disabled{opacity:0.78}

.ui-selectonebutton .ui-button-text-only .ui-button-text { padding: .4em 0.65em;}

.ui-selectonebutton.bo-buttons-app{width:100%}
.ui-selectonebutton.bo-buttons-app .ui-button{width:25%}
/* -------------------------------*/

.ui-chkbox {display:block}

.panelGridNoBorder td {border: none;}

.recaptcha_only_if_privacy{display:none;}

/*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;}

/*.blueBoxBorder:focus , blueBoxBorder:active { outline: -webkit-focus-ring-color auto 5px;}*/

.drop-shadow {
    float:left;
    width:40%;    
    padding:1em; 
    margin:2em 10px 4em; 
    background:#fff;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;}

.drop-shadow:before,.drop-shadow:after { content:"";position:absolute;z-index:-2;}

.drop-shadow p { font-size:16px; font-weight:bold;}

/* -----------------------------------------
   Lifted corners
----------------------------------------- */
.lifted { -moz-border-radius:0px;  border-radius:0px;}

.lifted:before,.lifted:after {
    bottom:15px;
    left:10px;
    width:50%;
    height:20%;
    max-width:300px;
    -webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);   
    -moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
    box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
    -webkit-transform:rotate(-3deg);    
    -moz-transform:rotate(-3deg);   
    -ms-transform:rotate(-3deg);   
    -o-transform:rotate(-3deg);
    transform:rotate(-3deg);}

.lifted:after {
    right:10px; 
    left:auto;
    -webkit-transform:rotate(3deg);   
    -moz-transform:rotate(3deg);  
    -ms-transform:rotate(3deg);  
    -o-transform:rotate(3deg);
    transform:rotate(3deg);}

/* -----------------------------------------
   Tabs
----------------------------------------- */
.ui-tabs .ui-tabs-panel{padding:0px 0px}

#loadOverlay{display: none;}

/* -----------------------------------------
   File Upload
----------------------------------------- */
.iconUpload .ui-fileupload-buttonbar {padding: 0px;background-color: transparent;}
.iconUpload .ui-fileupload-buttonbar .ui-fileupload-choose input {transform: initial;width: auto;height: auto;}
.iconUpload .ui-fileupload-buttonbar .ui-button	{
	border: none;
	text-decoration: none;
	color:  #77ad19;
	background: none;
	font-weight: normal;
	box-shadow: none;
	text-shadow: none;}
	
.iconUpload .ui-fileupload-buttonbar .ui-button:hover{text-decoration:underline!important;}

.iconUpload .ui-widget-content, .iconUpload .ui-fileupload-buttonbar .ui-button .ui-button-icon-left{display: none;}
.iconUpload .ui-button-text-icon-left .ui-button-text {	padding: 0px}

.ui-fileupload-buttonbar.ui-widget-header.ui-corner-top, .ui-fileupload-content.ui-widget-content.ui-corner-bottom{border:none;    background-color: transparent;}
.ui-fileupload-buttonbar .ui-fileupload-choose input{ transform: none; font-size: 11px; width:100%;  height:100%;}


.ui-fileupload-cancel.ui-state-hover{	border: 1px solid #a8a8a8; background-color: #e7e7e7;}

.ui-fileupload-content .ui-progressbar, .ui-fileupload-content .ui-progressbar .ui-progressbar-value {border-radius: 3px;}
/* .hide-file-upload .ui-fileupload-content.ui-widget-content.ui-corner-bottom{display:none} */

/****************************
   OverlayPanel - BalanceOverview
*****************************/
.overlayBO{width: 230px;text-align: left;background-color: #fbfbfb;z-index: 1020;}
.overlayBO a{text-decoration: none;font-family:Calibri, Verdana, Geneva, sans-serif;font-size:15px !important;color: #6b9c17;}
.overlayBO a:hover{text-decoration: underline}

/* -----------------------------------------
   Images - Icons
----------------------------------------- */
.colorBox, .colorBox:disabled {background:#49a8c1 !important; height: 23px;width: 23px;border-radius: 0px;box-shadow: none; opacity: 1;}

.iconsSprite, .iconsSprite:hover, .ui-accordion .iconsSprite, .ui-accordion .iconsSprite:hover, .ui-datatable .iconsSprite , .ui-datatable .iconsSprite:hover{ 
    cursor: default; background: transparent url('../../../resources/images/buttons.png');
    width: 32px;
    height: 32px; 
    box-shadow: none;
    border-radius: 0px;
    border:none;
    outline:none;
    top: 1px;}

/* .findIcon, .findIcon:hover ,.ui-accordion .findIcon, .ui-accordion .findIcon:hover, .ui-datatable .findIcon, .ui-datatable .findIcon:hover { 
    background-position: -155px -66px; 
    border: 1px solid #E6E6E6;
    cursor: pointer; 
    border-radius: 3px;
    top: 0px;
    height: 32px;
    width: 32px;} */

.ui-datatable .priorityIcon, .ui-datatable .priorityIcon:hover{background-position: -80px -118px;}

.assignIcon,.assignIcon:hover {background-position: -111px -65px;border: 1px solid #E6E6E6;cursor: pointer;border-radius: 3px;}
.assignIcon:hover{box-shadow: 0px 0px 8px #85b2cb, inset 0px 1px 0px #fff;}

.removeIcon,.removeIcon:hover {background-position: -71px -65px;border: 1px solid #E6E6E6;cursor: pointer;border-radius: 3px;}
.removeIcon:hover{box-shadow: 0px 0px 8px #85b2cb, inset 0px 1px 0px #fff;}

.settingsIcon ,.settingsIcon:hover, .ui-dashboard .settingsIcon, .ui-dashboard  .settingsIcon:hover{  
    width: 22px;
    height: 22px;
    box-shadow: none;
    border-radius: 0px;
    border:none;
    outline:none}
    
.stepsImg{ margin-bottom: -7px; margin-top: -8px;}

/*-----------------------------------------
   Colorpicker
----------------------------------------- */
.ui-colorpicker-container input[type="text"]{
    font-size: 11px;
    height: auto;}

.ui-colorpicker-container .ui-colorpicker_field input, .ui-colorpicker-container .ui-colorpicker_hex input{border:none;}

/*-----------------------------------------
   Charts -Legend
----------------------------------------- */
.legent-out table.jqplot-table-legend{left: -199px !important; top: -3px !important}

.legend-bfm table.jqplot-table-legend{left: 51px !important; top: -30px;}

/*-----------------------------------------
  Assign Transactions- Filter Option
----------------------------------------- */
/* .user-pop-up .label{text-align: right;  width: 105px;}
.user-pop-up .info{font-weight: bold; text-align: left; width: 165px;} */

/*-----------------------------------------
  Assign Transactions- PickList
----------------------------------------- */
.ui-picklist {width: 337px;border-radius:0px 0px;}
.ui-picklist .ui-picklist-caption{border-radius: 0px 0px;   border: solid 1px #48a5c5;  border-bottom: none;}
.ui-picklist .ui-picklist-list{width: 337px; border-radius:0px 0px;  border: solid 1px #48a5c5; height: 100%;  overflow: auto;}

.donutChart .jqplot-series-shadowCanvas{background-color: white;}
.donutChart .jqplot-series-canvas{position: absolute;  left: -12px !important;  top: 0px !important;   width: 145px !important;}

.donutChart *{border:none !important;}


.paymentLink{text-decoration: none;color: #666c71;font-size: 13px;}
.paymentLink:hover{text-decoration:underline;color: #666c71;font-size: 13px;}

.paymentArrows .ui-commandlink{background: url('../../../resources/images/side-menu-arrow.png') left no-repeat;padding: 10px;}

.tabView .ui-selectonemenu{width:166px;}

.selectedItem{color:red}

.ui-fileupload-buttonbar .ui-button{background-color:#f5f5f5;    border: 1px solid #dfdfdf;text-shadow:none;   box-shadow:none; top: 9px;}
.ui-fileupload-buttonbar .ui-button.ui-state-hover{box-shadow:none;  background:none;}

.ui-button-text-only .ui-button-text {padding: 0.1em 0.5em;text-shadow: none;}
.ui-datepicker .ui-datepicker-title select {font-size: 15px;}
.ui-button-icon-only .ui-button-text{padding:0.2em}

.disabledField{opacity: .35; border: 1px solid #E6E6E6;     -webkit-border-radius: 2px; background-color: rgba(255,255,255, 0.75);background-image: none; outline-color: transparent;}

.twoRows .infoColumnRight{padding:0px}
.twoRows .infoColumnRight td{border:none;}
.test{border:solid 1px black;}


.rowsPadding{padding-top: 5px;}

.grayBorder .grayBorder.transferConf{border:none;margin:0px;}
.transferConfTable thead{display:none;}
.transferConfTable.ui-datatable{margin:0px;}
.transferConfTable.ui-datatable, .transferConfTable tbody tr, .transferConfTable tbody tr:hover, .transferConfTable tbody, .transferConfTable.ui-datatable td, .transferConfTable.ui-datatable td:hover{border:none;}
.smsDisclaimer * {font-family:  Calibri, Verdana, Geneva, sans-serif;font-size: 12px;}


.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;}
.overlayBO.panel-visible {position: fixed !important;left: 50% !important;top: 50% !important;
	-webkit-transform: translate(-50%, -50%);
  	-moz-transform: translate(-50%, -50%);
  	-ms-transform: translate(-50%, -50%);
 	-o-transform: translate(-50%, -50%);
 	transform: translate(-50%, -50%);
	box-shadow: none;width: 90%;text-align: center;max-width: 305px;}
.overlayBO.panel-visible a{font-size: 20px !important;}


/* CheckBox */

.ui-chkbox .ui-chkbox-box {width: 20px;height: 20px;border-radius:4px;background: none;background-color:white;border: 1px solid #E6E6E6;}
.ui-chkbox{font-size:1em;}
.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";}


/* Balance Overview - App */

.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 table > tbody > tr > td:first-child .mobile-table-label{display: none;}
.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;}
.bo-app .ui-paginator{border:none;}
.bo-app .ui-selectonebutton .ui-button-text-only .ui-button-text{padding-left:0px; padding-right:0px;}
.bo-app .overlayBO.panel-visible table{margin:auto;}


.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*='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;}

/* Dialogs - Mobile Device */
.ui-dialog.customDialog{ top:0px !important; left:0px !important; width:100% !important; transform:none !important; -webkit-transform:translateZ(0); overflow:scroll; overflow-x:hidden;border-radius: 0;-webkit-overflow-scrolling: touch;}
.ui-dialog.customDialog .ui-dialog-content.ui-widget-content{overflow:scroll;overflow-x:hidden;max-height:100% !important;height:100% !important;margin-bottom:40px;}
.ui-dialog.customDialog .ui-dialog-titlebar-close, .ui-dialog.customDialog .ui-dialog-titlebar-close:hover{padding:2px;box-shadow:none;border:none;margin: -11px 0 0 0;height: 19px;right: 10px;}
.ui-dialog.customDialog .ui-dialog-titlebar{padding:10px}
.ui-dialog.customDialog .ui-dialog-title {font-size: 15px;}
.ui-dialog.customDialog .ui-datatable tbody tr, .ui-datatable thead th, .ui-datatable tbody{background:none;}

.custom-warning{color: #c09853; background-color: #fcf8e3; border: 1px solid #fbeed5; width: 100%; display: block; font-weight: bold; margin: 10px 0px; padding: 10px;}

/* Scheduler */
.fc-toolbar .fc-right {display: none;} 
.fc-toolbar .fc-left {display: none;}    
.fc-title {font-size: 12px; white-space: normal;}
.fc th{background-color: #E8E5E6;}
.fc-toolbar {margin: 10px 0px;}
.fc-content-skeleton{padding-top: 1px; padding-left: 1px;}
.fc-day-grid-container.fc-scroller{height: auto !important;}

.scheduleFP {background-color: green;}
.scheduleMT {background-color: gray;}
.scheduleLS {background-color: black;}
.ui-state-default.ui-button .ui-icon.icon-prevMonth, .ui-state-default.ui-button .ui-icon.icon-nextMonth {width: 100%; height: 100%; margin: auto; top: 0px; bottom: 0px; left: 0px; right: 0px;}
.ui-state-default.ui-button .ui-icon.icon-prevMonth {background-image: url(../../../resources/images/arrowLeft.png);}
.ui-state-default.ui-button .ui-icon.icon-nextMonth {background-image: url(../../../resources/images/arrowRight.png);}

.navMonth-btn .ui-icon{background-repeat: no-repeat; padding: 0px;}
.navMonth-btn{background: #77ad19; border-radius: 5px; width: 30px !important; height: 30px; margin: 0px; border: none; box-shadow: none; position: absolute; left: 0px; right: 0px; top: -5px; outline: none;}
.navMonth-btn.left{right: auto;}
.navMonth-btn.right{left: auto;}

.calendarPG{position: relative;}

/* Scheduler Widget*/
.eventsTable{max-height: 230px; overflow: auto; }
    
/*Oauth Approve*/
.container{padding: 0px 20%;}
.container .labelsSt, .container .dataSt {width: 50%;}
.payDetailsPG tr:nth-child(odd) {background-color: white;}
.payDetailsPG tr:nth-child(even) {background-color: #fafafa;}
.payDetailsPG tr > td:nth-child {line-height: 25px;}
.payDetailsPG tr > td:nth-child(1){padding: 10px 10px 10px 10%; border-right: 1px solid #e6e1e3;}
.payDetailsPG tr > td:nth-child(2){padding: 10px 5% 10px 10px;}
.payDetailsPG tr:not(:last-child) > td{border-bottom: 1px solid #e6e1e3;}
.payHeadPG tr:nth-child(1) > td{font-weight: 600; font-size: 18px; padding: 10px 0px;}


table.payDetailsPG {width:100%; border: 1px solid #e6e1e3; overflow-wrap: break-word;}
table.payInfoPG, table.payHeadPG {width:100%;}
table.payHeadPG{background-color: #e6e1e3;}

.chargesTbl thead {display: none;}
.ui-dialog .chargesTbl {width:300px !important;}