/* JQUERY BOUND ON STYLECLASS */
.myOnlineBankingClick {}
.clickOnEnter {}

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

body {height: auto !important; margin: auto; min-height: 100%; min-width: 100%; overflow: hidden; padding:0; position: relative; font-size: 16px;}
html{height: 100%; max-width: 100%; overflow-x: hidden; overflow-y: auto; padding: 0; background-color: white;}
* {font-family: 'OpenSans', sans-serif; line-height: normal; font-size: 12px; text-shadow: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; outline: none;}
.ui-widget, .ui-widget .ui-widget{font-size: 12px;}
table{border-spacing: 0px;}
td{box-sizing: border-box; padding: 0px;}
h1, h2, h3, h4, h5, h6 {text-shadow: none;}
.h1, .ui-widget .h1{font-family: 'OpenSans'; font-size: 35px; color: #FFFFFF; letter-spacing: 0.37px;}
.h2, .ui-widget .h2{font-family: 'OpenSans'; font-size: 25px; color: #4A4A4A; letter-spacing: 0.89px;}
.h3, .ui-widget .h3{font-family: 'OpenSans'; font-size: 18px; color: #007557; letter-spacing: 0.64px;}
.h4, .ui-widget .h4, .ui-widget.ui-outputlabel.h4{font-family: 'OpenSans'; font-size: 16px; color: #007557; letter-spacing: 0px;}
.h5, .ui-widget .h5{font-family: 'OpenSans-Semibold'; font-size: 14px; color: #4A4A4A; letter-spacing: 0.5px;}
a, .ui-widget-content a {color: #030303;}
.ui-widget-content {color: #4A4A4A;}
a.h5 {text-decoration: none; text-transform: uppercase; color: #4A4A4A; font-family: 'OpenSans-Light';}
.text1-green{color: #007557; font-size:14px; word-break: break-word; letter-spacing: 0.5px;}

ul{-webkit-padding-start: 20px; margin: 0px;}

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

@font-face {
  font-family: 'Gotham-Black';
  font-style: normal;
  font-weight: normal;
  src: local('Gotham-Black'), url('./fonts/Gotham/Gotham-Black.otf') format('opentype');
}
@font-face {
  font-family: 'Gotham-Light';
  font-style: normal;
  font-weight: normal;
  src: local('Gotham-Light'), url('./fonts/Gotham/Gotham-Light.otf') format('opentype');
}
@font-face {
  font-family: 'Gotham-Bold';
  font-style: normal;
  font-weight: normal;
  src: local('Gotham-Bold'), url('./fonts/Gotham/Gotham-Bold.otf') format('opentype');
}
@font-face {
  font-family: 'Gotham-Book';
  font-style: normal;
  font-weight: normal;
  src: local('Gotham-Book'), url('./fonts/Gotham/Gotham-Book.otf') format('opentype');
}


@font-face {
  font-family: 'Gotham-Medium';
  font-style: normal;
  font-weight: normal;
  src: local('Gotham-Medium'), url('./fonts/Gotham/Gotham-Medium.otf') format('opentype');
}
@font-face {
  font-family: 'Gotham-Thin';
  font-style: normal;
  font-weight: normal;
  src: local('Gotham-Thin'), url('./fonts/Gotham/Gotham-Thin.otf') format('opentype');
}
@font-face {
  font-family: 'Gotham-Ultra';
  font-style: normal;
  font-weight: normal;
  src: local('Gotham-Ultra'), url('./fonts/Gotham/Gotham-Ultra.otf') format('opentype');
}
@font-face {
  font-family: 'Gotham-XLight';
  font-style: normal;
  font-weight: normal;
  src: local('Gotham-XLight'), url('./fonts/Gotham/Gotham-XLight.otf') format('opentype');
}



/*	-------	LAYOUT	------	*/
.page-content {background: transparent; border: none; border-radius: 0px; box-sizing: border-box; padding: 0px; width: 100%; min-width: 250px;}
p{margin: 0px;}

.page-content .ui-group{display: block; padding: 7.5px; box-sizing: border-box; width: 100%;}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus, textarea:-webkit-autofill,
textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
	-webkit-box-shadow: 0 0 0px 1000px #ffffff inset !important;
}

/*Forms Layout*/
.page-content.form{border: 1px solid rgba(155,155,155,0.44); box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.16);}
.ui-card .ui-group.container{padding-left: calc(25% - 7.5px); padding-right: calc(25% - 7.5px); position: relative;}
.ui-card .ui-group.container:nth-child(odd){background-color: rgba(245, 245, 245, 0.73)}
.ui-card .ui-group.container:nth-child(even){background-color: rgba(245, 245, 245, 0.37);}
.ui-card-header .ui-group.container, .ui-card-header .ui-group.container:nth-child(odd), .ui-card-header .ui-group.container:nth-child(even) {background-color: transparent;}
.ui-card-footer .ui-group.container, .ui-card-footer .ui-group.container:nth-child(odd), .ui-card-footer .ui-group.container:nth-child(even) {background-color: transparent;}

.ui-card-header-full:empty, .ui-card-footer-full:empty {height: 40px;}
.ui-card-header{/*padding: 0px 10px; box-sizing: border-box;*/}
/*.ui-card-header > .ui-button {padding: 0px 10px;}*/
.ui-card-header div:last-child{/*text-align: right;*/}
/*.ui-card-header .export-panel, .ui-card-footer .export-panel{padding: 0px;}*/

.ui-datatable .ui-datatable-data > tr.ui-datatable-even, tr.ui-datatable-even ~ .ui-expanded-row-content, .ui-datatable tbody tr.ui-datatable-empty-message {background: rgba(247, 247, 247, 0.63);} /*.page-content .ui-group:nth-child(odd),*/
.ui-datatable .ui-datatable-data > tr.ui-datatable-odd, tr.ui-datatable-odd ~ .ui-expanded-row-content {/*background: transparent;*/} /*.page-content .ui-group:nth-child(even),*/
.ui-datatable-reflow .ui-datatable-data > tr.ui-datatable-even, .ui-datatable-reflow tbody tr.ui-datatable-empty-message{background: transparent;}
.ui-datatable-reflow tr.ui-datatable-even ~ .ui-expanded-row-content {background: rgba(216, 216, 216, 0.2);}
.page-content .ui-group-dark{/* background-color: #787875; */ box-sizing: border-box; padding: 7.5px;border-top: 1px solid rgba(0, 117, 87, 0.48);}

.ui-card {background: #FFFFFF; border: 0 solid rgba(155,155,155,0.41); box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.16);}
.ui-card > div:FIRST-CHILD{border-radius: 0px;}
.ui-card > div:LAST-CHILD {border-radius: 0px;}
.ui-card > table > tbody > tr:FIRST-CHILD td:FIRST-CHILD{border-radius: 0px;}
.ui-card > table > tbody > tr:FIRST-CHILD td:LAST-CHILD{border-radius: 0px;}
.ui-card-2{padding: 7.5px; border-radius: 0px; background: #FFFFFF; box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.16); border: 0 solid rgba(155,155,155,0.41);}

.ui-card-header-full, .ui-card-footer-full{padding: 7.5px; box-sizing: border-box;}
.ui-card-header, .ui-card-footer{padding: 0px; box-sizing: border-box;}
.ui-card-header-full, .ui-card-header{border-bottom: 1px solid rgba(0, 117, 87, 0.48);}
.ui-card-footer-full, .ui-card-footer{border-top: 1px solid rgba(0, 117, 87, 0.48);}
.ui-card-header:empty, .ui-card-footer:empty, .ui-card-header-full:empty, .ui-card-footer-full:empty{padding: 0px; height: 40px;}
.ui-card-footer-full .label-btn.ui-button .ui-button-text, .ui-card-footer .label-btn.ui-button .ui-button-text{font-family: OpenSans-Semibold; font-size: 12px; color: #007557;}
.ui-card-footer-full .label-btn.ui-button .ui-icon, .ui-card-footer .label-btn.ui-button .icon{color: #007557;}
.ui-card-header .icon-btn.ui-button{height: 15px;}
.ui-card-header .icon-btn .ui-icon{font-size: 15px; color: #003882;}
.ui-card-header .icon-btn.ui-state-hover .ui-icon{color: #5C5C4F;}

.ui-group-dark input[type="text"],  .ui-group-dark input[type="password"],  .ui-group-dark .ui-outputlabel{color: #424242;}
.ui-group-dark .ui-widget.ui-outputlabel{color: #007557; font-family: 'OpenSans-Semibold'; font-size: 14px; text-align: center; text-transform: none;}

.ui-outputlabel{display: block;}
.ui-outputlabel, .ui-datatable-reflow .ui-reflow-label, .ui-widget.ui-outputlabel, .ui-widget .ui-widget.ui-outputlabel, .labelBlack{width: 100%; font-size: 14px; padding: 0px; padding-bottom: 7.5px; box-sizing: border-box; color: #4A4A4A; text-transform: capitalize; letter-spacing: 0.5px;}
.outer-group{padding: 0px;}
.ui-g .amount-panel input{width: 68%; margin-right: 2%;}
.ui-g .amount-panel select, .ui-g .amount-panel .ui-selectonemenu{width: 30%;}

.common-body, .login-body {margin:0px; background-color: #F1F1F1; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-attachment: local;}

.align-item-top{align-items: flex-start;}
.align-item-bottom{align-items: flex-end;}
.align-item-center{align-items: center;}
.float-R{float:right;}
.float-L{float:left;}
.flex-R{justify-content: flex-end;}
.flex-L{justify-content: flex-start;}
.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;}
.nowrap {white-space: nowrap;}
.fixed-dt, .ui-datatable table.fixed-dt{table-layout: fixed;}
.auto-dt, .ui-datatable table.auto-dt{table-layout: auto;}
.truncate {width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block;}
.ui-datatable .truncate {max-width: 160px;}
.mandatory{position: relative;}
.mandatory:after{content:"*"; margin-left: 2px; color: #B71C1C;}
td.mandatory:after{content:""; margin-left: 0px;}
td.mandatory span.ui-column-title:after{content:"*"; margin-left: 2px; color: #B71C1C;}

.bold-txt, .bold-txt span, .bold-txt .ui-button-text{font-family: 'OpenSans-Semibold';}
.inline{display: inline-block; vertical-align: middle;}
.inline-table{display: inline-table; vertical-align: middle;}

.top-5{margin-top: 5px;}
.top-10{margin-top: 10px;}
.top-15{margin-top: 15px;}
.top-20{margin-top: 20px;}
.top-30{margin-top: 30px;}
.top-40{margin-top: 40px;}

.pct5{width: 5%;}
.pct10{width: 10%;}
.pct20{width: 20%;}
.pct30{width: 30%;}
.pct40{width: 40%;}
.pct50{width: 50%;}
.pct60{width: 60%;}
.pct70{width: 70%;}
.pct80{width: 80%;}
.pct90{width: 90%;}
.pct100{width: 100% !important;}

.buttonsCenter{justify-content: center;}

input, button, .ui-selectonemenu, textarea, select {font-family: 'OpenSans', sans-serif; font-size: 14px;}
/*@-webkit-keyframes autofill {to {color: #4A4A4A; background: transparent;}}
input:-webkit-autofill {-webkit-animation-name: autofill;-webkit-animation-fill-mode: both;}*/

img {image-rendering: optimize-contrast; -ms-interpolation-mode: bicubic; border: none;}

input[type="text"], input[type="number"], input[type="password"], input[type="tel"], .textarea{width: 100%;}
input[type="number"], input[type="password"], input[type="text"], input[type="tel"], .ui-widget-content .ui-inputfield, .ui-inputfield.ui-inputtextarea, .datepicker-device {
background-color: #FFFFFF; background-image: none; box-shadow: none; box-sizing: border-box; height: 40px; font-family: 'OpenSans', sans-serif; outline-color: transparent; padding: 0px 10px; text-shadow: none; border-radius: 0px;
border: 1px solid rgba(0,110,66,0.56);}
.ui-inputfield.ui-inputtextarea {resize: none; padding-top: 10px; padding-bottom: 10px; width: 100%;}

.option2 input.ui-state-focus, .option2 .ui-widget-header input.ui-state-focus, .option2 input.ui-state-focus ~ .smallDropdown.ui-selectonemenu, .option2 .ui-inputfield.ui-state-focus{border-color: #0088cc;}

input[readonly="readonly"]:not(.hasDatepicker){opacity: 0.6;}
div.corporate-input, div.user-input, div.password-input{position: relative; width: 100%;}
div.corporate-input input, div.user-input input/*, div.password-input input*/{padding-left: 0px !important;}
div.corporate-input > button, div.user-input > button, div.password-input > button{position: absolute; left: 0px; border-radius: 10px; height: 44px; width: 44px; box-sizing: border-box; opacity: 1;}

.ui-widget-header input, .ui-widget-header input:hover, input[type="number"], input[type="password"], input[type="text"], input[type="tel"], .ui-inputfield.ui-inputtextarea, .datepicker-device {
	color: #4A4A4A; border: 1px solid rgba(0,110,66,0.56);}
input.ui-state-focus, .ui-widget-header input.ui-state-focus, input.ui-state-focus ~ .smallDropdown.ui-selectonemenu, .ui-inputfield.ui-state-focus{border: 2px solid rgba(0,110,66,0.56);}
input.ui-state-error, input.ui-state-error ~ .smallDropdown.ui-selectonemenu, .ui-widget-content .ui-inputfield.ui-state-error, .ui-inputfield.ui-inputtextarea.ui-state-error, input.ui-state-error.ui-state-focus ~ .smallDropdown.ui-selectonemenu, .ui-inputfield.ui-state-focus.ui-state-error{border: 1px solid #B00000;}
input.ui-state-error ~ .smallDropdown.ui-selectonemenu, input.ui-state-error.ui-state-focus ~ .smallDropdown.ui-selectonemenu{border-left: none;}

.centering {margin: auto; padding: 0px; box-sizing: border-box; width: 1000px; min-width: 270px;}
.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;}
.global-header .centering {/*padding: 0px 15px 0px 30px;*/ height: 100%; width: 100%;}
/*.bottom-header .centering {padding: 0px 270px; height: 100%; width: 100%;}*/
/*.bottom-header .ui-overlaypanel{width: auto; min-width: auto; padding: 0px; padding-bottom: 2px;}*/
.global-header .centering .user-access {margin: auto; padding: 0px; box-sizing: border-box; width: 925px; min-width: 270px;}

.main-panel {margin-top: 15px; border-spacing: 0px !important; width: 100%;}
.main-padding{padding-bottom: 235px; width: 100%;}
.unsecure-body .main-padding{padding-bottom: 70px;}
.login-body .main-padding{padding-top: 0px;}

.header-image{width: 100%; height: 50px; background-repeat: no-repeat; margin-left: 10px}
.header-image.float-L{background-position: left center;}
.header-image.float-R{background-position: right center;}

/* INPUT */
.field {display: flex; flex-flow: column-reverse; margin-bottom: 0px;}
.field label, .field label.ui-outputlabel {font-size: 12px; color: #FFFFFF; height: 20px; display: none;}
.field input.ui-state-focus{border: none;}
.field input {font-size: 15px; color: #FFFFFF; border: 0; border-bottom: 1px solid #1D5632; box-sizing: border-box; -webkit-appearance: none; border-radius: 0; padding: 0; cursor: text; height: 28px; background-color: transparent;}
.field input:focus {outline: 0; border-bottom: 2px solid #1D5632;}

.field ::-webkit-input-placeholder {
	opacity: 0.8;
	font-size: 15px; color: #FFFFFF;
}
.field ::-moz-placeholder {
	opacity: 0.8;
	font-size: 15px; color: #FFFFFF;
}
.field :-ms-input-placeholder {
	opacity: 0.8;
	font-size: 15px; color: #FFFFFF;
}
.field :-moz-placeholder {
	opacity: 0.8;
	font-size: 15px; color: #FFFFFF;
}

/*Login Wrapper*/
.background-img {-webkit-transition: background-image 0.2s ease-in-out; -moz-transition: background-image 0.2s ease-in-out; -o-transition: background-image 0.2s ease-in-out; transition: background-image 0.2s ease-in-out;
	background-repeat: no-repeat; background-position: center center; width:100%; background-size: cover; /*height: 100%;*/}

.login-body .main-padding{padding: 0px; height: calc(100% - 80px);}
.rightPanel{display: table; table-layout: fixed; height: 100%; margin-right: 0px; margin-left: auto;}
.rightPanel .login-content{height: 100%; width: 100%; max-width: 352px; margin: auto; table-layout: fixed;}

.login-body .subheader{color: #FFFFFF; text-transform: uppercase; display: block;}
.login-body .ui-messages > div {margin-top: 0px;}

.login-body .ui-separator{border-color: white; border-bottom: none;}
.login-body .security-tips{color: #FFFFFF;}

.login-body .security-panel{position: absolute; right: 0px; top: 0px; width: 25%; height: 100%;}
.login-body .security-panel div, .login-body .security-panel form{height: 100%;}
.login-body .security-panel .ui-tabs-panel{background-color: white; height: 100%; padding: 20px; box-sizing: border-box; border-radius: 0px 0px 0px 10px; border: solid 1px #006E42; overflow: auto;min-height:260px;}
.login-body .security-panel .ui-tabs .ui-tabs-nav li a{height: auto;}
.login-body .security-panel .ui-tabs.ui-tabs-left>.ui-tabs-nav li a, .ui-tabs.ui-tabs-right>.ui-tabs-nav li a {width: 100%; padding: 10px 5px; box-sizing: border-box; color: white; font-size: 11px; text-align: center;}
.login-body .security-panel .ui-tabs-left>.ui-tabs-nav {width: 20%; padding: 0px;}
.login-body .security-panel .ui-tabs.ui-tabs-left>.ui-tabs-nav li{border: none; margin: 0px; margin-bottom: 5px; width: 67px; height: 67px; white-space: nowrap; border-radius: 10px 0px 0px 10px; background-color: #545658; cursor: pointer;}
.login-body .security-panel .ui-tabs.ui-tabs-left>.ui-tabs-nav li.ui-tabs-selected{background-color: #006E42;}
.login-body .security-panel .ui-tabs.ui-tabs-left .ui-tabs-nav li.ui-state-hover{float: right;}
.login-body .security-panel .ui-tabs-left>.ui-tabs-panels{width: 80%;}
.login-body .security-panel .ui-tabs li a:before {content: ''; height: 30px; width: 100%; display: block; background-repeat: no-repeat; background-position: center;}
.login-body .security-panel .ui-tabs li:first-child a:before {background-image: url('../images/svg/whats-new.svg');}
.login-body .security-panel .ui-tabs li:last-child a:before {background-image: url('../images/svg/logout.svg');}
.login-content .ui-selectonebutton{display: table; width: 100%; table-layout: fixed; height: 53px; border-bottom: 1px solid #006E42; border-radius: 0px; padding: 0px;}
.login-content .ui-selectonebutton .ui-button{display: table-cell; vertical-align: bottom; border: none;}
.login-content .ui-selectonebutton .ui-button span{border-bottom: 2px solid transparent; padding:0px; padding-bottom: 5px; width: 80%; text-align: center; margin: auto; font-size: 18px; text-transform: uppercase;}
.login-content .ui-selectonebutton .ui-button:first-child span{color: #006E42;}
.login-content .ui-selectonebutton .ui-button.ui-state-active:first-child span{border-bottom: 2px solid #006E42; font-family: 'OpenSans-Semibold';}
.login-content .ui-selectonebutton .ui-button:last-child span{color: #00A3E1;}
.login-content .ui-selectonebutton .ui-button.ui-state-active:last-child span{border-bottom: 2px solid #00A3E1; font-family: 'OpenSans-Semibold';}
.login-content .ui-group{flex: 1 1 auto; display: flex; align-items: center;}

.login-content .helpBtn.ui-button-text-icon-left {padding-right: 10px;}
.login-content .helpBtn.ui-button .ui-button-text{color: #FFFFFF; font-size: 12px; line-height: 20px;}
.login-content .helpBtn.ui-button-text-icon-left .ui-icon.icon-help {font-size: 16px;}

.login-content button.positive-btn{background: #1EA03F; border: 1px solid #55B553; width: auto; padding: 0px 25px;}
.login-content .ui-button .ui-icon {color: #FFFFFF;}

.login-links a, a.login-links{color: #FFFFFF; font-size: 12px; display: block; line-height: 20px; text-decoration: none;}
.lang-links-active{font-family: 'OpenSans-Semibold';}
.lang-links:last-of-type{border-right: none;}

.login-body .logo-img button.ui-state-disabled, .login-body-app .logo-img button.ui-state-disabled{opacity: 1;}
button.logo-img {border: none; height: 80px; width: 190px; background-color: rgba(255,255,255,0); background-size: contain; display: inline-block; background-position: -17px -5px; background-repeat: no-repeat;}

.login-links a, a.login-links{color: #43B02A; font-size: 15px; display: block; line-height: 1.5; text-decoration: none;}
.login-links > table{margin-top: 50px;}
.login-links .ui-button .ui-button-text{color: #FFFFFF; font-family: OpenSans-SemiBold; font-size: 12px; color: #FFFFFF; letter-spacing: 0;}
.login-links .ui-button{border: none;}
.login-links .ui-button .ui-icon{color: #FFFFFF; font-size: 12px;}
.security-tips-title{font-family: OpenSans; font-size: 15px; color: #FFFFFF; letter-spacing: 0;}


::-ms-reveal,::-ms-clear {display: none;}
.hideShowPassword-toggle {left: auto !important; right: 5px; background-color: transparent; background-image: url('../images/svg/eye.svg'); background-size: 20px; background-position: center; background-repeat: no-repeat; border: none; border-radius: 0px; cursor: pointer; font-size: 100%; height: 25px; margin: 10px; max-height: 100%; padding: 0; overflow: 'hidden'; text-indent: -999em; width: 30px; -moz-appearance: none; -webkit-appearance: none;}
.hideShowPassword-toggle-hide {opacity: 0.42;}
.hideShowPassword-toggle:hover, .hideShowPassword-toggle:focus {border-color: #0088cc; outline: transparent;}
.hideShowPassword-wrapper{width: 100% !important;}

.output-link img{padding-right: 5px;}

/* Labels & Headers */
.step-no{margin-left: -35px; position: absolute; top: 15px; display: block; width: 26px; height: 100%; }
.step-no .no {width: 26px; height: 26px; display: block; background-color: #FFFFFF; padding: 0px 7px; box-sizing: border-box; border: 1px solid #006E42; font-family: 'OpenSans-Semibold'; font-size: 17px; color: #006E42; border-radius: 100%;}
.step-no .line {width: 13px; height: 100%; display: block; border-right: dashed 1px;}
.step-wrapper > div:last-of-type .step-no .line {height: calc(100% - 65px);}

.ui-separator, .ui-separator, .ui-card .ui-separator, .ui-card-2 .ui-separator {opacity: 0.4; /*margin-bottom: 0px;*/ border-bottom: none; border-color: rgba(0, 117, 87, 0.72);}
.ui-card-2 .ui-separator + .ui-panel .ui-separator {display: none;}

.login-centering .ui-separator{border-color: #FFFFFF;}

.ui-outputlabel.ui-state-error {/*color: #cd0a0a; */ background: none; border: none}
.ui-outputlabel .ui-outputlabel-rfi{display: none;}
.transferPanelGrid .ui-panelgrid-header td{font-weight: normal;text-align: left;text-shadow:none;padding: 5px;/*border-bottom: 1px solid #E6E6E6;*/}
.logoHeader {font-size: 25px; color: #1c75bc; font-style: italic;}
.positive-txt, .negative-txt, .data-txt {font-family: 'OpenSans-Semibold'; font-size: 14px;}
.negative-txt{color: #4A4A4A;}
.positive-txt{color: #007557;}

.ui-datatable .positive-txt, .ui-datatable .negative-txt{font-family: 'OpenSans-Semibold'; font-size: 12px;} 
.accordionPanel.st-1.ui-accordion .ui-accordion-header .positive-txt, .accordionPanel.st-1.ui-accordion .ui-accordion-header .negative-txt{font-family: 'OpenSans-Semibold'; font-size: 12px; text-transform: uppercase; text-decoration: none;}

.ui-accordion .ui-datatable .positive-txt, .ui-accordion .ui-datatable .negative-txt, .ui-datalist .positive-txt, .ui-datalist .negative-txt{font-family: 'OpenSans-Semibold'; font-size: 14px;}
.ui-accordion .ui-datatable .positive-txt, .ui-datalist .positive-txt{color:#006E42;}

.h4.positive-txt, .h4.negative-txt{font-size: 16px;}
.h5.positive-txt{color: #006E42;}
.uppercase-txt, .uppercase-txt.ui-chkbox .ui-chkbox-label {text-transform: uppercase;}

.note {	font-style: italic;	font-size: 11px; color: #545658;}
.label-txt{font-family: 'OpenSans'; font-size: 12px; color: #5C5C4F;}
.data-txt{color: #006E42;}

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

.confirmation-page tr.even {background: rgba(255, 255, 255, 0.8); border: solid 1px #CBC9C9;width: 100%;border-spacing: 5px;margin-bottom: 5px;line-height: 20px;/*border-radius: 5px;*/padding:10px; height: 50px;}

.infoColumnLeft {border-right: 1px solid #DFDFDF; color: #58595D; text-align: right; width: 35%;}
.infoColumnRight {color: #58595D; font-family: 'OpenSans-Semibold'; text-align: left; width: 65%;}
.fixinfoColumnLeft {border-right: 1px solid #DFDFDF; color: #58595D; text-align: right; width: 33.3%;}
.fixinfoColumnRight {color: #58595D; 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-family: 'OpenSans-Semibold'; 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;}
.infoDesc .infoTableBody td:first-child {width:15px;}

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

.balance-pg{line-height: 14px; border-spacing: 0px; color: #545658; text-align: left;}
.balance-pg td {font-size:12px; line-height: 20px;}
.balance-pg .positive-txt, .balance-pg .negative-txt{font-size: 13px; padding-left: 5px;}

.ui-accordion-content input, .ui-accordion-content button,	.ui-accordion-content .ui-selectonemenu, .ui-accordion-content textarea	{font-family: 'OpenSans', sans-serif;}

/* -----------------------------------------
       File Upload
----------------------------------------- */
.ui-fileupload-buttonbar.ui-widget-header.ui-corner-top,.ui-fileupload-content.ui-widget-content.ui-corner-bottom {border: none;background: transparent;padding: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;    border: none;}
.ui-fileupload-files td {padding: 4px 3px;}
.ui-fileupload-content .ui-progressbar {width: 75px;}
.fileUpload-no-msg .ui-datatable-empty-message{display: none;}

.uploadedImagePg .ui-overlaypanel-content .personalImgSmall2 {text-align:center;}
.uploadedImagePg .ui-overlaypanel-content td {padding: 0px;font-size: 16px;font-family: 'Cairo-Bold';}
.uploadedImagePg .ui-overlaypanel:before {content: ''; width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 15px solid #383A35; position: absolute; top: -15px; left: 0px;}

.image-pg{background: #FFFFFF; border: 1px solid rgba(56,58,53,0.42); border-radius: 60px; padding: 15px; box-sizing: border-box; width: 53px; height: 53px; margin: auto; vertical-align: middle;}
.global-header .image-pg{width: 45px; height: 45px; border: solid 1px #383A35; background-color: #383A35; padding: 10px; cursor: pointer;}
.global-header .ui-overlaypanel-content .image-pg{width: 70px; height: 70px; border: solid 1px #006E42; background-color: #383A35; padding: 15px; cursor: default;}
.ui-datatable .image-pg{width: 40px; height: 40px; padding: 10px; cursor: default;}
.image-pg.personal img{width: 100%; height: 100%; border-radius: 60px;}
.image-pg.personal{padding: 0px !important;}
.fileupload-text.ui-fileupload .ui-fileupload-buttonbar {text-align: center;}
.fileupload-text.ui-fileupload .ui-fileupload-buttonbar .ui-button {border: none;  margin: 0px; padding: 0px;}
.fileupload-text.ui-fileupload .ui-fileupload-buttonbar .ui-button .ui-icon {display: none;}
.fileupload-text.ui-fileupload .ui-fileupload-buttonbar .ui-button .ui-button-text {padding: 10px; display: block;}
.fileupload-text.ui-fileupload .ui-fileupload-files {margin: 0px;}
.imageUpload {display:flex;}
.imageUpload .ui-fileupload-buttonbar .ui-button .ui-icon{display: none;}
.imageUpload .ui-fileupload-buttonbar .ui-button{border:none; width: 53px;height: 53px; margin: auto; display: block; position: absolute; left: 0; right: 0;}

.fileupload-text{color: #006E42; margin: 0px; display: block; text-align: center;}
.fileupload-btn.ui-button{border: none;}
.fileupload-btn .ui-button-text {font-family: OpenSans-Semibold; font-size: 12px; color: #007557; letter-spacing: 0; padding-left: 0px;}
.ui-accordion .fileupload-btn .ui-icon{-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}
.fileupload-btn .ui-icon:before{font-size: 14px; color: #007557;}

.profile-actions {width: 100%; min-width: 240px; padding: 10px; box-sizing: border-box; text-align:center;}
.profile-actions .changepassword-btn{height: 40px; border: none; border-top: solid 1px rgba(155, 155, 155, 0.72); /*border-bottom: solid 1px rgba(155, 155, 155, 0.72); */margin-top: 5px; color: #4A4A4A; box-shadow: none; text-shadow: none; outline: 0; border-radius:0px; width:100%; text-align:left;}
/*.profile-actions .changepassword-btn .ui-button-icon-right{height: 100%;}*/
.profile-actions .changepassword-btn .ui-icon {color: #2D9648; font-size: 14px; text-indent: 0px;}

/*.iconUpload .ui-fileupload-buttonbar .ui-button .ui-button-icon-left:before{content: "\e94f";}*/
/*.iconUpload .ui-fileupload-buttonbar .ui-button:hover{text-decoration:underline!important;}*/
/*.iconUpload .ui-fileupload-buttonbar .ui-button	{border: none;text-decoration: none;color: #333333;background: none;font-weight: normal;box-shadow: none;text-shadow: none;}*/
.iconUpload .ui-fileupload-content{display: none;}
.iconUpload .ui-fileupload-buttonbar .ui-button {border: none; width: 90px; height: 90px; margin: auto; display: block; position: absolute; left: 0; right: 0; background-color: rgba(0, 117, 87, 0.58); border-radius: 100%;}
.iconUpload .ui-fileupload-buttonbar .ui-button .ui-button-icon-left{background-image: url('../images/svg/edit-new.svg'); width: 21px; height: 21px; left: auto;}
.iconUpload .ui-button-text-icon-left .ui-button-text {display: none;/*font-size:12px; color: #007557; text-transform: uppercase;*/}
.customDatagrid .ui-datagrid-content{border:none;background:none}
.customDatagrid .ui-datagrid-content .ui-datagrid-row .ui-datagrid-column{padding:0px}

/* --- Footer --- */
.footer{bottom: 0; margin-top: 0px; position: absolute; width: 100%; color: white; background: #014618;}
.bottom-footer{height: 50px; margin-top: 0px; width: 100%; color: white; background-color: #014618;}
.footer-links a {border: none; color: white; padding-left: 30px; text-decoration: none;}
.footer-links a:first-of-type {padding-left: 0px;}
.login-content .footer{position: relative;}
.footer-links .output-link {display: inline-block; vertical-align: middle; padding-left: 5px !important;}	/*for rtl direction*/
.footer-links td {padding: 5px 0px; box-sizing: border-box; color: rgb(255, 255, 255);}

/*Top footer*/
.top-footer{background-color: #026121; height: 155px;}
.top-footer .footer-links .ui-panel-title span{color: #FFFFFF; font-size: 18px; font-family: 'OpenSans'; text-transform: none; white-space: nowrap;}
.top-footer .ui-panel .ui-panel-titlebar {padding: 7.5px 0px; border-bottom: 1px solid white; width: 75px;}
.top-footer .ui-panel .ui-panel-titlebar .ui-panel-title{margin: 0;}
.top-footer .ui-panel .ui-panel-content{padding: 7.5px 0px;}

/* Tooltip */
.ui-tooltip {background-image: none; background-color: transparent; box-shadow: none; border-radius:0; max-width: 320px; border: none;}
.ui-tooltip .ui-tooltip-text {padding: 10px; background-color: #FFFFFF; text-align: center; border-radius:0; color: #9B9B9B; font-size: 14px; box-shadow: 9px 9px 16px 0 #B7B7B7, -9px -9px 16px 0 rgba(0,0,0,0.20);}
.ui-tooltip-bottom .ui-tooltip-arrow {border-bottom-color: #FFFFFF;}

.input-trigger, .ui-state-default.input-trigger{width: 40px; height: 40px; display: block; margin-left: 5px; border: none;}
.input-trigger .ui-icon {background-size: 20px;}
.input-trigger.ui-button .ui-icon{color: #FFFFFF;}
.input-trigger.ui-button.ui-state-hover .ui-icon{color: #5C5C4F;}
.input-trigger.ui-button-icon-only .ui-icon{height: 50%;}
.input-trigger.multiline{margin: auto; width: 35px;}
.input-trigger.multiline .ui-icon {color: #007557; padding: 1px; text-align: right;}
.input-trigger.multiline .ui-icon:before {font-size: 20px;}

/* Messages */
.ui-messages ul {margin: 0px; display: table-cell; vertical-align: middle;}
.ui-messages-info, .ui-messages-warn, .ui-messages-error,.ui-messages-fatal {background: #FFFFFF; border-radius: 0px; padding: 5px 10px; box-sizing: border-box; margin: 0px; margin-bottom: 10px; height: 37px; display: table; width: 100%;}
.ui-messages-info {border: 1px solid #007557;}
.ui-message-info {color: #007557; float: right; background: none; border: none;}
.ui-messages-warn {border: 1px solid #DB8E06;}
.ui-messages-error,.ui-messages-fatal {border: 1px solid #B00000;}
.ui-messages-info-icon, .ui-messages-warn-icon, .ui-messages-error-icon,.ui-messages-fatal-icon{height: 20px; width: 20px; float: none; background-image: none; font-family: "icomoon"; font-size: 20px; color: #000000; margin-top: 0px; padding-right: 5px; vertical-align: middle; display: table-cell;}
.ui-messages-info-icon:before, .ui-messages-warn-icon:before, .ui-messages-error-icon:before,.ui-messages-fatal-icon:before, .ui-message-error-icon:before{content: "\e937";}
.ui-messages-info-icon{color: #007557;}
.ui-messages-warn-icon{color: #DB8E06;}
.ui-messages-error-icon,.ui-messages-fatal-icon{color: #B00000;}

.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 {font-family: 'OpenSans'; font-size: 12px; font-weight: normal; color: #4A4A4A; margin: 0px; word-break: break-word; line-height: 20px;}
.ui-message.ui-message-error{padding: 5px 0px; margin: 0px; display: none;}
.ui-message-error{color: #B00000; float: right; background: none; border: none;}
.ui-message-error-icon{height: 14px; width: 14px; background-image: none; font-family: "icomoon"; font-size:14px; text-indent:0px;}

.ui-group-dark .ui-message-error {color: #FFFFFF;}
.ui-group-dark .ui-message-error-icon{background-image: url(../images/svg/error-white.svg);}

/*Confirmation messages*/

.ui-messages-confirm .ui-messages-error, .ui-messages-confirm .ui-messages-warn, .ui-messages-confirm .ui-messages-summary, .ui-messages-confirm .ui-messages-info{font-family: "icomoon"; font-size: 20px; color: #FFFFFF; text-indent: 0px; background: #787875; /*border: 1px solid #006E42; border-bottom: none;*/ border-radius: 0px; display: table-cell; height: 50px; margin: 0; text-align: left; vertical-align: middle;}
.ui-messages-confirm .ui-messages-error-summary, .ui-messages-confirm .ui-messages-warn-summary, .ui-messages-confirm .ui-messages-info-summary{font-family: 'OpenSans'; font-size: 16px; color: white; padding-left: 10px;}
/*.ui-messages-confirm .ui-messages-error:after, .ui-messages-confirm .ui-messages-warn:after, .ui-messages-confirm .ui-messages-info:after{content: ""; display: inline-block; margin: 5px 15px; height: 60px; width: 60px;}*/
.ui-messages-confirm .ui-messages-error, .ui-messages-confirm.ui-messages-error{background: #B00000; border: none;}
.ui-messages-confirm .ui-messages-warn, .ui-messages-confirm.ui-messages-warn{ background: #DB8E06; border: none;}
.ui-messages-confirm .ui-messages-info, .ui-messages-confirm.ui-messages-info{background: #007557; border: none;}
.ui-messages-confirm .ui-messages-info-icon, .ui-messages-confirm .ui-messages-warn-icon, .ui-messages-confirm .ui-messages-error-icon, .ui-messages-confirm .ui-messages-fatal-icon{height: 20px; width: 20px; font-size: 20px;}
.ui-messages-confirm .ui-messages{background: none;}
.ui-messages-confirm .ui-messages-info-icon {color: #FFFFFF;}
.ui-messages-confirm .ui-messages-warn-icon {color: #FFFFFF;}
.ui-messages-confirm .ui-messages-error-icon{color: #FFFFFF;}
.ui-messages-warn-icon:before, .ui-messages-error-icon:before,.ui-messages-fatal-icon:before, .ui-message-error-icon:before{content: "\e937";}
.ui-messages-info-icon:before{content: "\e938";}
.ui-messages-confirm.ui-messages.ui-widget {display: table; margin-bottom: 10px; width: 100%;}
.ui-messages-confirm:not(:empty) ~ .confirmation-page .ui-card {border-radius: 0px;}
.ui-messages-confirm.dynamic.ui-messages div:not(:empty) {border-radius: 0px;}
.ui-card-header-full.ui-messages-confirm {padding: 0px; box-sizing: border-box; margin: 0px;}



/*.slideshow-wrap-label > table {display: none; text-align: right;}
.slideshow-wrap-label > table tr:first-child td, .login-title {font-size: 23px; color: #004b8d; height: 60px;}
.slideshow-wrap-label > table tr:first-child td{padding-top: 25px; padding-bottom: 20px; box-sizing: border-box;}
.slideshow-wrap-label > table tr:last-child td {font-size: 14px; color: #004b8d;}*/
/*.slideshow-wrap-label > table.active {display: table;}*/

.slideshow-wrap-link {position: fixed; bottom: 5%;}
.slideshow-wrap-link > button {display: none;}
.slideshow-wrap-link > button.active {display: block; width: auto;}

.slideshow-wrap-link > .link-1.active {background: #F6FBF7; border: none; margin-left: 30px; padding: 0px 25px; border-radius: 20px;}
.slideshow-wrap-link > .link-1.active .ui-button-text {color: #3AAD2A; text-transform: uppercase; font-size: 20px; font-family: 'OpenSans-SemiBold';}

.slideshow-wrap-link > .link-2.active, .slideshow-wrap-link > .link-3.active {background: #3AAD2A; border: 1px solid #FFFFFF; box-shadow: 0 0 0 5px #3AAD2A, 0 0 0 1px #FFFFFF; padding: 0px 20px; margin-left: 80px;}
.slideshow-wrap-link > .link-2.active .ui-button-text, .slideshow-wrap-link > .link-3.active .ui-button-text {color: #FAFBFB; font-size: 28px; font-family: 'OpenSans-SemiBold';}

.slideshow-wrap-btn {margin-top: 15px; text-align: left; position: absolute; top: 50%;}
.slideshow-wrap-btn > button {border-radius: 50%; background: rgba(255, 255, 255, 0.6); padding: 0px; margin: 1px; height: 15px; width: 15px; border: none; display: block; margin-top: 16px; margin-left: 20px;}
.slideshow-wrap-btn > button.active {background: #FFFFFF;}

/* Top Header */
.top-header {width:100%; height: 35px; background-color: #C55A17; display: flex; align-items: center;}
.top-header .login-section a{color: white; text-decoration: none; font-size: 14px;}
.top-header .desc{color:#f7951e;margin-right: 15px;}

/* Top Header - Login*/
.top-header.login-header2{background: #C8DCE4; height: 100px;}
.login-title {text-align: center; display: block; text-transform: none; /*margin-top: 30px;*/}
.logout-btn {width: 110px; height: 35px; color: white; float: none; background-color: #383A35; border: none; box-shadow: none; text-shadow: none; outline: 0; text-transform: uppercase; border-radius: 0px; margin: 0px;}
.logout-btn .ui-button-text{font-size: 11px;}

/* Global Header */
.global-header{background: #1D5632; border-bottom: solid 1px white; box-sizing: border-box; width: 100%; height: 80px;}
.header-top-row{color: #007557;; text-decoration: none; text-transform: normal; font-family: 'OpenSans'; font-size: 12px; /*border-left: solid 1px #006E42; padding: 0px 10px;*/}
.top-header .lg-auto:first-child .header-top-row {border: none; padding: 0px;}
.md-menu-btn{height: 30px; width: 30px;}
.global-header .icon-btn{background-color: transparent; margin-left: 20px;}
.global-header .ui-button-icon-only .ui-icon {background-image: none; font-family: "icomoon"; color: white; font-size: 14px; width: 14px; height: 14px;}
.global-header .padding-col{padding-right: 15px;}

.notifications-panel{position: relative;}
.notifications-panel .ui-icon.icon-alerts, .notifications-panel .ui-icon.icon-help, .notifications-panel .ui-icon.icon-search {font-size: 20px; color: #FFFFFF; left: auto; right: 0px;}
.unsecure-body .notifications-panel .ui-icon.icon-help {color: #4A4A4A;}
.unsecure-body .notifications-panel {position: absolute; right: 0px; top: 0px;}
.notifications-panel .ui-overlaypanel-content table tbody tr td{padding: 0px;} 

.notifications-panel .empty.ui-button, .notifications-panel .not-empty.ui-button {/*border: none !important; right: -3px; position: absolute; top: 13px;*/}
.notifications-panel .empty.ui-button .ui-button-text{display:none;}

.notifications-panel .ui-button, .favourites-menu.ui-menu .ui-menuitem-link {border: none; height: 50px; width: 50px; /*border-top: 1px dashed rgba(255,255,255,0.2);*/ border-radius: 0px; display: block; box-shadow: none; padding: 0px;}
.notifications-panel .ui-button .ui-button-text, .favourites-menu.ui-menu .ui-menuitem-text{font-size: 15px; color: #383A35; text-align: left;}
.notifications-panel .empty.ui-button, .notifications-panel .not-empty.ui-button {position: absolute; top: 0px; bottom: 15px; margin: auto; height: 15px; width: 15px; right: -5px; border-radius: 100%; border: none; display: block;}
.notifications-panel .not-empty.ui-button {background-color: #D0021B;}
.notifications-panel .ui-overlaypanel-content .ui-button {width: 100%;}
.favourites-menu.ui-menu .ui-menuitem-text, .side-navi-tab .settings-menu .ui-button-text {float: none; vertical-align: middle; display: table-cell;}
.side-navi-tab .settings-menu .ui-button-text{padding: 0;}
.notifications-panel.settings-menu .ui-button .ui-button-text {font-family: OpenSans; font-size: 12px; color: #FFFFFF; text-align: center; text-transform: none;}
.notifications-panel.settings-menu .ui-button {background: #006E42; height: 100%; color: #FFFFFF; padding: 5px; box-sizing: border-box; width: 100%;}
.notifications-panel.settings-menu .ui-button.ui-state-hover .ui-button-text{color: #FFFFFF;}
.notifications-panel.settings-menu .ui-button.label-btn{background: transparent; height: 35px;}
.notifications-panel.settings-menu .ui-button.label-btn .ui-button-text{font-family: OpenSans-Semibold; font-size: 12px; color: #007557;}
.notifications-panel.settings-menu .ui-button .ui-icon {font-size: 18px; color: #FFFFFF;}
.notifications-panel.settings-menu .ui-button.ui-state-hover .ui-icon{color: #FFFFFF;}

.cd-panel .notifications-panel .ui-button:not(.not-empty), .cd-panel .favourites-menu.ui-menu .ui-menuitem-link {background-color:  #42873D; height: 50px; border-bottom: 1px dashed rgba(255, 255, 255, 0.27);}
.cd-panel .notifications-panel .ui-button .ui-button-text, .cd-panel .favourites-menu.ui-menu .ui-menuitem-text{color: #FFFFFF; padding: 0px 20px;}
.cd-panel .notifications-panel .ui-button .ui-icon{display: none;}
.cd-panel .favourites-menu.ui-menu .ui-menu-list .ui-menuitem{float: none; margin: 0px;}
.cd-panel .cd-panel-content .favourites-menu.ui-menu:first-of-type {border-top: none;}

.notifications-panel .not-empty.ui-button .ui-button-text{text-align: center; padding: 0px; border-radius: 10px; font-size: 12px; text-shadow: none; color: white; right: 0px; bottom: 0px;}
.notifications-title{padding: 20px; color: white; font-weight: normal;}

/*.favourites-panel{border: none;   float: left;  width: auto;  display: inline;}*/
.quick-access-panel .ui-menu .ui-menu-list .ui-menuitem {width: auto; clear: none;  display: inline; }
.quick-access-panel .ui-datatable .ui-datatable-data > tr.ui-datatable-even, .quick-access-panel tr.ui-datatable-even ~ .ui-expanded-row-content, .ui-datatable tbody tr.ui-datatable-empty-message{background: #FFFFFF;}

.margin-right-10{margin-right: 10px;}	/*for rtl direction*/
button.ui-button-icon-only.margin-left-10, .margin-left-10{margin-left: 10px;}		/*for rtl direction*/
.margin-right-20{margin-right: 20px;}	/*for rtl direction*/
.padding-left-8{padding-left: 8px;}		/*for rtl direction*/
.padding-left-7{padding-top: 0px !important; padding-left: 7.5px !important;}

.favourites-panel.quick-menu .action-btn.ui-button .ui-button-text {font-family: OpenSans; font-size: 12px; color: #FFFFFF; text-align: center; text-transform: none; overflow: hidden; text-overflow: ellipsis; }
.favourites-panel.quick-menu .action-btn.ui-button {background: #006E42; height: 100%; color: #FFFFFF; padding: 5px; box-sizing: border-box; width: 100%;}
.favourites-panel.quick-menu .action-btn.ui-button.ui-state-hover .ui-button-text{color: #FFFFFF;}
.favourites-panel.quick-menu .action-btn.ui-button .ui-icon {font-size: 23px; color: #FFFFFF;}
.favourites-panel.quick-menu .action-btn.ui-button.ui-state-hover .ui-icon{color: #FFFFFF;}

/* Bottom Header */
.bottom-header {width:100%; background: #42873D; box-shadow: inset 0 1px 3px 0 rgba(0,0,0,0.18); margin-top: 1px; height: 50px;}
.bottom-header .desc{color:#f7951e; margin-right: 10px;}
.burger-col{display: none;}

/* PFM Chart */
.bigChartColumn{text-align: center; vertical-align: middle; width:28%}
.smallChartColumn{text-align: center; vertical-align: middle; width:18%}
.labelChart{color: #4f4f4f; 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;}

/* 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-menuitem-link .ui-menuitem-icon, .ui-menu .ui-submenu-icon, .slide-menu.ui-menu .ui-submenu-icon{margin: 0px; margin-left: 20px; float: none; vertical-align: middle; width: 18px; height: 18px; background-repeat: no-repeat; border-radius: 0px; background-position: center; background-repeat: no-repeat;}
.ui-menu .ui-submenu-icon, .slide-menu.ui-menu .ui-submenu-icon{margin-right: 20px;}
.ui-menu .ui-menu-list.ui-menu-child {padding: 0px; background: #FFFFFF; border: none; left: 0px; right: 0px; margin: auto;}
.primary-nav.ui-menu .ui-menu-list.ui-menu-child .ui-menu-list.ui-menu-child{left: 195px !important;}
.primary-nav.ui-menu .ui-menu-list.ui-menu-child .ui-menu-list.ui-menu-child:before{border: none;}
.primary-nav.ui-menu .ui-menu-list.ui-menu-child{box-sizing: border-box;/*max-height: 270px;*/ /*overflow-y: auto;*/ box-shadow: 0 9px 16px 0 #C8C8C8;}
.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;}

/* Menubar */

.primary-nav {text-decoration: none; text-shadow: none; background-image: none; background: none; border: none; border-radius: 0px; display: flex; padding: 0px; height: 50px;}
.primary-nav .ui-menuitem-text {color: #4A4A4A; font-size: 14px;}
.primary-nav .ui-menu {color: #b7dfe7;	background-color: #ffffff;	background-image: none}
.primary-nav .ui-menu-list .menu-link {margin: 0px;}
.primary-nav > ul > .ui-menu-parent > a .ui-menuitem-text {font-family: 'OpenSans'; font-size: 16px; color: #FFFFFF; float:none; padding: 0px 15px; vertical-align: middle; letter-spacing: 0.57px;}
.primary-nav .ui-menu-child {background-color: #ffffff; text-shadow: none; background-image: none; min-width: 200px; width: 205px !important; border:1px solid rgba(32, 87, 143, 0.95);	border-top:none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; box-shadow:none; left: -50% !important; right: 0px; margin: auto;}
.primary-nav .ui-menu-child:before {content: ''; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #FFFFFF; position: absolute; top: -8px; left: 0px; right: 0px; margin: auto; display: inline;}
.primary-nav > ul > .ui-menu-parent > a {height: 20px; background-color: transparent;}
.primary-nav > ul > .ui-menu-parent.ui-menuitem-active{border-radius: 0px;}
.primary-nav > ul > .ui-menu-parent > a {line-height: 30px;	height: auto; padding: 6px 10px; box-sizing: border-box; background-image: none; box-shadow: none; border: none; border-radius: 0px; border-bottom: 4px solid transparent;}
.primary-nav > ul > .ui-menu-parent > a.ui-submenu-link {padding: 0px; line-height: 46px; width:100%; text-align:center; border-bottom: 2px solid transparent;}
.primary-nav .ui-menu-child .ui-menuitem-text {line-height: 16px; font-size: 14px; text-align:left; letter-spacing: 0.5px;}
.primary-nav .ui-menu-child a.ui-menuitem-link{background-color: transparent;width:100%; padding: 15px 8px; box-sizing: border-box;}
.primary-nav .ui-menu-child li:last-child a.ui-menuitem-link{border-bottom: none;}
.ui-menuitem-icon.ui-icon {height: 25px; border-radius: 0; width: 33px; margin-right: 0px;}
.ui-menuitem-link .ui-icon.ui-icon-triangle-1-s {display: none;}
.primary-nav .ui-menu-parent .ui-menu-list.ui-menu-child .ui-menuitem{margin:0px; padding: 0px; box-sizing: border-box; min-height: 43px; border-radius: 0px;border-bottom: 1px solid rgba(218, 218, 218, 0.39);}
.primary-nav .ui-menu-parent .ui-menu-list.ui-menu-child .ui-menuitem:last-child{border-bottom: none;}
.primary-nav .ui-menu-parent .ui-menu-list.ui-menu-child .ui-menuitem:hover {background: #FFFFFF; color: #FFFFFF;}
.primary-nav .ui-menu-list .menu-link:last-child .ui-menuitem-text {border-right: none;}
.primary-nav .ui-menu-parent.menu-active a.ui-submenu-link {border-bottom: 4px solid #026121;}
.primary-nav .ui-menu-parent.menu-active a.ui-submenu-link .ui-menuitem-text{font-family: 'OpenSans-Semibold';}
.primary-nav .ui-menu-parent.menu-active .ui-menu-list.ui-menu-child a.ui-submenu-link .ui-menuitem-text {font-family: 'OpenSans';}
.primary-nav .ui-menu-parent.menu-active .ui-menu-list.ui-menu-child a.ui-submenu-link{border-bottom: none;}
.primary-nav .ui-menu-parent.ui-menuitem-active > a > .ui-menuitem-text, .primary-nav .ui-submenu-link:hover .ui-menuitem-text {color: #1D5632;}
/*.primary-nav .ui-menu-list .ui-menu-parent:hover ul.ui-menu-child{box-shadow: 0 9px 16px 0 #C8C8C8;}*/
.primary-nav.ui-menubar .ui-menuitem{min-width: 105px;}
.ui-menu .ui-menu-parent .ui-icon {display: none;}
.ui-menu .ui-menuitem-link{border: none;}

/*Title Area*/
.title-area, .title-area .ui-card .ui-group.container{background: #FFFFFF; text-align: center;}
.title-area .ui-card{box-shadow: none;}
.title-area .ui-card .ui-card-header-full{border: none;}

/* Datatable */
.ui-datatable .ui-button.ui-state-hover .ui-icon-reply {background-image: url(../images/svg/reply-2.svg);}
.ui-datatable .ui-button.ui-state-hover .ui-icon-delete{background-image: url('../images/svg/delete-2.svg');}
.ui-datatable .ui-button.ui-state-hover .ui-icon-edit{background-image: url('../images/svg/edit-orange.svg'); height: 20px; width: 20px;}
.ui-datatable .ui-button.ui-state-hover .ui-icon-load{background-image: url('../images/svg/load-2.svg');}
.ui-datatable .ui-button.ui-state-hover .ui-icon-download-2{background-image: url('../images/svg/download.svg');}

.ui-datatable > .ui-datatable-tablewrapper > table{border-color: transparent; table-layout: auto; border-collapse: separate; background: rgba(247, 247, 247, 0.63);}
.ui-datatable > .ui-datatable-tablewrapper > table.fixed-dt{table-layout: fixed;}
.ui-datatable > .ui-datatable-tablewrapper > table.auto-dt{table-layout: auto;}
.ui-datatable .ui-datatable-data tr.transparent-row{background: transparent;}
.ui-datatable .ui-datatable-data tr.transparent-row:not(:last-child){border-bottom: 1px solid rgba(255, 255, 255, 0.5) !important;}
.ui-datatable .ui-datatable-data tr.row-height-large{height: 70px !important;}

.ui-datatable tbody .input[type="number"], .ui-datatable tbody input[type="password"], .ui-datatable tbody input[type="text"], .ui-datatable tbody .mobile-table-data{width: 100% !important;}
.ui-datatable input[type="text"]:disabled, .ui-datatable button:disabled {opacity: 0.5; cursor: auto;}
.ui-datatable thead span table tbody tr td {font-size: 14px; background: #e7e7e7;}
.ui-datatable-header.ui-corner-top {border: none; padding: 5px 12px; background-color: #FFFFFF; border-radius: 0px;}
.ui-datatable .ui-datatable-tablewrapper {overflow: hidden; border-top: solid 1px rgba(0, 117, 87, 0.62);}
.ui-datatable.confirm-table .ui-datatable-tablewrapper{border-radius: 10px; border-top: none;}
.ui-datatable.no-records .ui-datatable-tablewrapper{border-radius: 0px 0px 10px 10px;}
.ui-datatable.no-header .ui-datatable-tablewrapper{border-radius: 0px; border-top: 0px;}
.ui-datatable.no-header .ui-datatable-header{text-transform: uppercase; color:#007557}
.ui-datatable .ui-column-filter{display: none;}

.ui-datatable .ui-datatable-header tbody tr {border-bottom: 1px solid transparent}
.ui-datatable, .ui-datatable-even, .ui-datatable-odd {background: transparent;}
.ui-datatable tbody tr, .ui-datatable thead th, .ui-datatable tbody, .ui-datatable .ui-paginator {background: transparent;}
.ui-datatable tbody.ui-datatable-data{border: none;}
/*.ui-datatable tbody.ui-datatable-data td table{width: auto; table-layout: auto;}*/


.ui-datatable tbody tr, .ui-widget-content .ui-datatable .ui-datatable-data tr, .ui-datatable .ui-datatable-data tr.ui-widget-content{border: none;}
.ui-datatable .ui-datatable-data > tr {height: 50px;}
/*.ui-datatable .ui-datatable-data tr.ui-state-hover, .ui-datatable tr.ui-state-highlight, .ui-datatable tr.ui-state-highlight:hover, .ui-datatable tr.ui-datatable-rowordering{background: none; background-color: rgb(218, 218, 218) !important; border: none; box-shadow: none;}*/
/*drag and drop - reflow issue with headers*/
.ui-datatable.ui-sortable-helper .ui-column-title{display: none;}
.ui-datatable.ui-sortable-helper tr{border: none;/*solid 1px #dadada;*/ background: #FFFFFF;}
.ui-datatable.ui-sortable-helper tr:first-child{background: white;}
/*.ui-datatable .ui-datatable-data tr.ui-state-hover td, .ui-datatable .ui-datatable-data tr.ui-state-hover span, .ui-datatable .ui-datatable-data tr.ui-state-hover a,
.ui-datatable tr.ui-state-highlight span, .ui-datatable tr.ui-state-highlight a{color: white;}*/
.ui-datatable tr.ui-datatable-rowordering{height: 60px;}
.ui-datatable tr.ui-datatable-rowordering{background: none; background-color: rgb(218, 218, 218) !important; border: none; box-shadow: none;}
.ui-datatable tbody td {border: none; border-width: 0px;}
.ui-datatable .ui-datatable-data > tr:not(:first-child) > td {border: none; border-top: solid 1px rgba(151, 151, 151, 0.34);}
.ui-datatable .ui-datatable-data > tr.ui-expanded-row-content:not(:first-child) > td {border-top: none;}
.ui-datatable tbody tr:first-child td{border: none;}
.ui-datatable-reflow .ui-datatable-data td[role="gridcell"].ui-helper-hidden{display: none !important;}
.ui-datatable tbody td table td{padding: 0px;}
.ui-datatable tbody td .ui-column-data, .ui-datatable tbody td .ui-column-data a{font-family: OpenSans; font-size:12px; color: #5C5C4F; letter-spacing: 0; }
.ui-datatable thead th, .ui-datatable thead th.ui-state-default , .ui-widget-content .ui-datatable thead th.ui-state-default {outline: none; height: 50px; border-spacing: 0px; box-shadow: none; border-width: 0px; text-shadow: none;
	text-transform: uppercase; padding: 10px; position: relative; border-left: solid 1px #dadada; border-bottom: 1px solid rgba(0, 117, 87, 0.62); /*white-space: nowrap; overflow: hidden; text-overflow: ellipsis;*/ }
.ui-datatable thead th:FIRST-CHILD{border-left-color: transparent !important;}
.ui-datatable thead th span, .ui-datatable tbody.ui-datatable-data .expansion-grid tr td:first-child:not(:only-child){text-transform: uppercase; font-size: 14px; font-family: 'OpenSans-Semibold'; color: #4A4A4A;}
.ui-datatable-reflow .ui-datatable-data td[role="gridcell"] .ui-column-title, .expansion-grid td:first-child:not(:only-child) {color: #4A4A4A;}
.ui-datatable thead th .ui-icon:not(.ui-chkbox-icon) {display: none;}
.ui-datatable thead th.ui-sortable-column, .ui-widget-content .ui-datatable thead th.ui-sortable-column{padding-right: 30px;}
 .ui-datatable thead th.ui-sortable-column .ui-icon:before{content: "\e924";}
.ui-datatable thead th.ui-sortable-column .ui-icon{background-image: none; font-family: "icomoon"; font-size: 14px; color: #848484; text-indent: 0px; display: inline-block; position: absolute; top: 0px; bottom: 0px; right: 10px; left: auto;} 
.ui-datatable thead th.ui-sortable-column[aria-sort="ascending"] .ui-icon{-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}
.ui-datatable thead th .ui-column-title > table{text-align: center;}
.ui-datatable thead th, .ui-datatable tfoot td {text-align: left;}
.ui-datatable thead th.header-R, .ui-datatable td.content-R {text-align: right;}
.ui-datatable thead th.header-C, .ui-datatable td.content-C {text-align: center;}
.ui-datatable thead tr, .ui-dialog .ui-datatable thead tr {height: 20px; border: 0px}
.ui-datatable thead tbody {border: none;}
/*.ui-datatable .ui-datatable-data tr.ui-widget-content.ui-expanded-row-content:not(:last-child) > td{border-bottom: solid 1px #dadada;}*/
.ui-datatable .ui-expanded-row-content tbody, .ui-datatable .ui-expanded-row-content tr{border: none !important;}
.ui-datatable .ui-expanded-row-content > td{padding-left: 44px; padding-right: 44px;}
.ui-datatable-footer.ui-widget-header.ui-corner-bottom {float: right;border: none;margin-top: -9px;}
.ui-datatable.no-header.list-table > .ui-datatable-tablewrapper > table {border-spacing: 0px 12px; border-collapse: separate;}
.ui-datatable.no-header .label-txt {color: #4A4A4A;}
.no-header thead {display: none;}
.ui-datatable.no-header.list-table .ui-datatable-header{display: none;}
/*.ui-datatable.list-table .ui-datatable-data > tr > td{border-right: 1px solid rgba(120,120,117,0.20);}*/
.ui-datatable.list-table td.content-C.icon-border {border: 1px solid rgba(56,58,53,0.42); border-radius: 50%; height: 30px; width: 30px;}
.ui-datatable.list-table td.noBorder{border: none;}
/*.ui-datatable.list-table tbody td:first-child, .ui-datatable.list-table tbody td:first-child .ui-column-data{color: #007557; font-size: 14px; letter-spacing: 0.5px;}*/
.ui-datatable.list-table .icon-btn.ui-button .ui-icon{color: #9B9B9B;}
.ui-datatable.list-table .icon-group .centerPosit {border-right: 1px solid rgba(200, 200, 200, 0.85); padding: 0px 15px; box-sizing: border-box;}
.ui-datatable.list-table .ui-expanded-row-content.ui-widget-content > td { padding: 0px;}
/*.ui-datatable.list-table .ui-datatable-data .details-grid tr:last-child > td{border: none;}*/
/*.ui-datatable.list-table .ui-expanded-row-content .details-grid > tbody > tr > td{border: none;}*/
.ui-datatable.list-table .ui-datatable-data > tr:not(:first-child) > td{border: none;}
.ui-datatable tbody tr.ui-datatable-empty-message{text-transform: uppercase;}
.ui-datatable .ui-datatable-header .ui-button, .ui-datatable .ui-datatable-header input {height: 31px;}
.ui-datatable .ui-datatable-header input {background-color: #FFFFFF;}
.ui-datatable-reflow .ui-reflow-label, .ui-datatable-reflow .ui-reflow-dropdown {display: none;}
/*.ui-datatable.list-table .ui-datatable-data > tr:not(.ui-expanded-row-content) > td:not(:first-child):before {border-right: 1px solid rgba(200, 200, 200, 0.85);}*/
.ui-datatable.list-table .ui-datatable-data > tr:not(.ui-expanded-row-content) > td:last-child:before {border: none;}
.ui-datatable.list-table .actions .ui-button:not(:last-child) {border-left: 1px solid rgba(200, 200, 200, 0.85); border-right: 1px solid rgba(200, 200, 200, 0.85); width: 40px; border-radius: 0;}
.ui-datatable.list-table .actions .ui-button:last-child {width: 40px; border-right: 1px solid rgba(200, 200, 200, 0.85); border-radius: 0;}
.ui-datatable.list-table > div > table > tbody > tr.ui-datatable-odd > td, .ui-datatable.list-table > div > table > tbody > tr.ui-datatable-odd:before, .ui-datatable.list-table > div > table > tbody > tr.ui-datatable-odd:after, .ui-datatable.list-table > div > table > tbody > tr.ui-datatable-odd + .ui-expanded-row-content {background-color: #FFFFFF;}
.ui-datatable.list-table > div > table > tbody > tr:before, .ui-datatable.list-table > div > table > tbody > tr:after {content: " "; display: table-cell; width: 25%;}
.ui-datatable.no-header.list-table > .ui-datatable-scrollable-body > table {border-collapse: separate; table-layout: fixed;}
.ui-datatable-odd.ui-expanded-row + .ui-expanded-row-content .details-grid{background: #FFFFFF;}

.ui-datatable tbody td table.icon-table td{padding: 0px 5px; border-right: 1px solid rgba(200, 200, 200, 0.85); border-left: 1px solid rgba(200, 200, 200, 0.85);}
.ui-datatable tbody td table.icon-table {float: right; width: auto;}

input.input-small, .ui-datatable tbody input.input-small{width: 60px !important;}

.showMoreLessBtnsPanel{border-top: 1px solid rgba(151, 151, 151, 0.34); background: #FFFFFF; width: 100%; height: 45px;}
.showMoreLessBtnsPanel button {height: 100%; border: none !important; text-transform: uppercase; margin: auto; display: block;}
/*.showMoreLessBtnsPanel .ui-state-default .ui-icon-arrow-right {background: url('../images/svg/arrow-grey.svg') no-repeat;  display: inline-block; height: 15px; width: 10px; 
	-webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg);
	position: relative; float: right; top: 13px;}*/
.showMoreLessBtnsPanel td:NTH-CHILD(2) {width: 100px; /*width: 15%;*/}

.ui-paginator .ui-corner-all {border-radius: 0px;}
.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: transparent; border-radius:0px; border: none; text-shadow:none; vertical-align: middle;}
/*.ui-paginator .ui-paginator-first, .ui-paginator .ui-paginator-prev, .ui-paginator .ui-paginator-next {border-left: 1px solid #006E42; opacity: 1 !important;}
.ui-paginator .ui-paginator-next, .ui-paginator .ui-paginator-last, .ui-paginator .ui-paginator-prev {border-right: 1px solid #006E42; opacity: 1 !important;}*/
.ui-paginator .ui-paginator-next.ui-state-disabled .ui-icon, .ui-paginator .ui-paginator-prev.ui-state-disabled .ui-icon{opacity: 0.5;}

.ui-paginator .ui-paginator-page{border: 1px solid white;}
.ui-paginator .ui-paginator-current, .ui-paginator .ui-paginator-rpp-options {margin: 0px 10px; color: #006E42; font-weight: normal;}
.ui-paginator .ui-paginator-current {border-left: 1px solid rgba(128, 128, 128, 0.5); border-right: 1px solid rgba(128, 128, 128, 0.5);}
.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;}
.ui-paginator .ui-paginator-rpp-options option {background: #FFFFFF;}
.ui-paginator .ui-icon {background-position: 3px 2px; background-size: 10px;}
.ui-paginator .label-btn.ui-button .ui-button-text, .ui-card-footer-full .label-btn.ui-button .ui-button-text, .confirmation-page .ui-card-header-full .label-btn.ui-button .ui-button-text{font-family: OpenSans; font-size: 12px; line-height: 10px; color: #007557; text-transform: none;}

.no-paginator .ui-paginator > div, .no-paginator .ui-paginator .ui-paginator-page, .no-paginator .ui-paginator .ui-paginator-next, .no-paginator .ui-paginator .ui-paginator-last, .no-paginator .ui-paginator .ui-paginator-first, .no-paginator .ui-paginator .ui-paginator-prev, .no-paginator .ui-paginator .ui-paginator-current, .no-paginator .ui-paginator .ui-paginator-rpp-options {display: none;}

a.ui-paginator-page{ color:#555555 !important; }
.ui-paginator-rpp-options.ui-widget.ui-state-default.ui-corner-left {width: 56px; height: 20px; padding: 0px 5px;}
.ui-datatable .ui-paginator, .ui-tabs .ui-datatable .ui-paginator {background: #FFFFFF; border-radius: 0px; text-align: left; border: none; border-top: 1px solid rgba(151, 151, 151, 0.34); padding: 15px; box-sizing: border-box; width: 100%; position: relative; height: 50px;}
.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-size: 11px !important;	color: #555555;	width: 35%;}
.expandableRowLabel {font-size: 11px !important;}

/* dialog */
.ui-dialog {border: 1px solid rgba(155,155,155,0.41); border-radius: 0px; background-color: #FFFFFF; box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.16); padding: 0px;}
.ui-dialog .ui-dialog-titlebar {border-bottom: none; padding: 15px;}
.ui-dialog .ui-dialog-title{color: #007557; font-size: 16px; text-transform: none;}
.ui-dialog .ui-dialog-content{background: rgba(247, 247, 247, 0.63)}
.ui-dialog .dialogLabel {font-family: 'OpenSans-Semibold'; font-size: 14px; color: #4A4A4A;}
.ui-dialog .ui-dialog-titlebar-close span {display: inline-table; width: 23px; height: 100%;}

/* Column Toggler*/

.no-records .ui-columntoggler {display: none;}
.ui-columntoggler.ui-widget{border-radius: 0px; box-shadow: none; background: #006E42; box-shadow: 0 9px 16px 0 #C8C8C8; border: none; /*width: auto !important; */    min-width: 186px !important;}
.ui-columntoggler .ui-columntoggler-close{display: none;}
.ui-columntoggler .ui-columntoggler-item {margin: 0px; padding: 15px 8px; border-bottom: 1px solid rgba(255, 255, 255, 0.75);}
.ui-columntoggler .ui-columntoggler-items {padding: 10px;}
.ui-columntoggler .ui-columntoggler-item .ui-chkbox{min-height: 0px; min-width: 0px; right: 0px; top: 0px; bottom: 0px; margin: 10px 0px;}
.ui-columntoggler .ui-columntoggler-item label{padding: 0px; padding-right: 25px; font-size: 12px; color: #FFFFFF; /*text-transform: uppercase;*/}

/* BUTTONS */
button.positive-btn, button.negative-btn, button.negative-btn-2{height: 40px; width: 100%; font-family: 'OpenSans-Semibold'; text-transform: uppercase; border-width: 1px; border-style: solid; border-radius: 0px;}
.positive-btn .ui-icon, .negative-btn .ui-icon{top: 0px; bottom: 0px; margin: auto;}
button.positive-btn.auto-height, button.negative-btn.auto-height, button.negative-btn-2.auto-height {height: 100%; min-height: 40px;}
button.positive-btn, .ui-widget-content button.positive-btn, .ui-widget.positive-btn{background: #006E42; border-color: #006E42; color: #FFFFFF; box-shadow: 0 2px 4px 0 rgba(0,0,0,0.27);}
button.positive-btn-2, .ui-widget-content button.positive-btn-2, .ui-widget.positive-btn-2{border: none; color: #007557; width: max-content; width: -moz-max-content;}
button.positive-btn-2.ui-state-hover, .ui-widget-content button.positive-btn-2.ui-state-hover, .ui-widget.positive-btn-2.ui-state-hover{color: #4A4A4A;}
button.positive-btn-2.ui-button .ui-button-text{font-size: 14px; width: 100%; box-sizing: border-box; display: inline-flex;}
.positive-btn-2 .ui-button-icon-left.ui-icon.ui-c.icon-new-active{font-size: 15px;}
.ui-group-dark .ui-widget.positive-btn-2{box-shadow: 0 2px 4px 0 rgba(0,0,0,0.27);}
button.negative-btn, .ui-widget-content button.negative-btn, .ui-widget.negative-btn{background: #848484; border-color: #848484; color: #FFFFFF; box-shadow: 0 2px 4px 0 rgba(0,0,0,0.27);}
button.negative-btn-2, .ui-widget-content button.negative-btn-2, .ui-widget.negative-btn-2{background: #FFFFFF; border-color: rgba(155,155,155,0.44); color: #787875;}
.ui-group-dark .ui-widget.negative-btn-2{box-shadow: 0 2px 4px 0 rgba(0,0,0,0.27);}

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


.buttons-panel button.positive-btn, .buttons-panel button.negative-btn, .buttons-panel button.negative-btn-2{height: 100%; min-height: 40px;}

/*button.positive-btn:not(.ui-button-icon-only) .ui-button-icon-left, button.positive-btn-2:not(.ui-button-icon-only) .ui-button-icon-left, button.negative-btn:not(.ui-button-icon-only) .ui-button-icon-left, button.negative-btn-2:not(.ui-button-icon-only) .ui-button-icon-left {left: 15px;}
button.positive-btn:not(.ui-button-icon-only) .ui-button-icon-right, button.positive-btn-2:not(.ui-button-icon-only) .ui-button-icon-right, button.negative-btn:not(.ui-button-icon-only) .ui-button-icon-right, button.negative-btn-2:not(.ui-button-icon-only) .ui-button-icon-right {right: 15px; display: none;}
*/
button.keypad-trigger {display: none; 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;}

button.positive-btn.ui-state-hover, .ui-widget-content button.positive-btn.ui-state-hover, .ui-widget.positive-btn.ui-state-hover{background: #FFFFFF; border-color: #FFFFFF; color: #006E42;box-shadow: 0 2px 4px 0 rgba(0,0,0,0.27);}
button.negative-btn.ui-state-hover, .ui-widget-content button.negative-btn.ui-state-hover, .ui-widget.negative-btn.ui-state-hover{background: #FFFFFF; border-color: #FFFFFF; color: #848484;box-shadow: 0 2px 4px 0 rgba(0,0,0,0.27);}
button.positive-btn.ui-state-default .ui-icon-search-3, button.positive-btn.ui-state-default .ui-icon-apply, button.negative-btn.ui-state-default .ui-icon-close{display: none;}
.positive-btn.ui-button .ui-button-text, .negative-btn.ui-button .ui-button-text{font-family: 'OpenSans-Semibold'; font-size: 14px; padding: 0px;}

.no-label-group{margin-top: 26px;}
.no-label-group-btn{margin-top: 36px;}

.icon-btn, .icon-btn2, .ui-widget .icon-btn, .ui-widget .icon-btn2, button.ui-button-icon-only{border:none; padding: 0px; margin: 0px; background-color: transparent;cursor: initial;}
.icon-btn .ui-icon, .ui-widget .icon-btn .ui-icon, .ui-button-icon-only .ui-icon{margin: auto; top: 0px; bottom: 0px; right: 0px; left: 0px; height: 100%; width: 100%; background-image: none; font-family: "icomoon"; font-size: 20px; color: #5C5C4F; cursor: pointer;}
.icon-btn2 .ui-icon, .ui-widget .icon-btn2 .ui-icon {margin: auto; top: 0px; bottom: 0px; right: 0px; left: 0px; height: 70%; width: 70%; background-image: none; font-family: "icomoon"; font-size: 18px; color: #5C5C4F; cursor: pointer;}

table.dashboard .icon-btn.ui-button .ui-icon{height: 25px; font-size: 25px;}
.dashboard span.ui-icon.ui-c.icon-close {height: 50px; font-size: 20px;}
.dashboard .account-balances td.pct100 {padding: 7.5px; box-sizing: border-box; color: #FFFFFF;}

.label-btn, .quick-menu .ui-button.label-btn{border:none !important; margin: 0px; height: 20px; padding-top: 0px; padding-bottom: 0px;}
.label-btn .ui-button-text, .quick-menu .ui-button.label-btn .ui-button-text{padding: 0px; font-family: 'OpenSans'; font-size: 12px; color: #787875; text-transform: uppercase;}
.label-btn .ui-button-text, .quick-menu .ui-button.label-btn .ui-button-text{color: #006E42;}
.label-btn.ui-state-hover .ui-button-text, .quick-menu .ui-button.label-btn.ui-state-hover .ui-button-text{color: #5C5C4F;}
.label-btn .ui-icon, .quick-menu .ui-button.label-btn .ui-icon{background-image: none; font-family: "icomoon"; font-size: 14px; color: #006E42;}
.label-btn.ui-state-hover .ui-icon, .quick-menu .ui-button.label-btn.ui-state-hover .ui-icon{color: #848484;}

.label-btn.style-2 .ui-icon{display: table; font-size: 20px;}
.label-btn.style-2.ui-button-text-icon-left {padding-left: 35px;}
.label-btn.style-2.ui-button-text-icon-left .ui-button-text{font-family: OpenSans-Semibold;}
.label-btn.create-new-btn{margin-top: 26px; height: 40px;}

/*Action Link Buttons*/
.action-btn.ui-button {background: none; border: none; border-radius: 0px; margin: 0px; vertical-align: middle; padding: 0px 15px;}
.action-btn.ui-button .ui-button-text{color: #007557; font-size: 12px; padding: 0;}
.action-btn.ui-button.ui-state-hover .ui-button-text, .action-btn.ui-button.ui-state-hover .ui-icon{color: #5C5C4F;}
.action-btn.ui-button .ui-icon{color: #007557; display: inline; font-size: 20px; left: 0px; margin: 0 auto; position: relative; top: 0px;}

/* Disclaimer */
.disclaimer.ui-card{background-color: transparent; padding: 15px; box-sizing: border-box; border: 1px solid rgba(155,155,155,0.44); box-shadow: none;}
.disclaimer td:first-child {border-right: 1px solid rgba(155,155,155,0.44); padding-right: 5px;}
.disclaimer span {font-size: 12px; color: #4A4A4A; margin-left: 5px; text-align: justify;}
.disclaimer .ui-group {padding-top: 17px; padding-bottom: 17px;}
.disclaimer-txt{margin-left: 10px; display: block;}
/*.ui-group .disclaimer.ui-card {margin-top: 0px; border-top: none;}*/

/* OverlayPanel */
.ui-overlaypanel {background: #FFFFFF; box-shadow: 0 2px 4px 0 rgba(0,0,0,0.50); border: none; border-radius:0px; box-shadow:none; color: #FFFFFF; text-align: left;}
.ui-overlaypanel table tbody{border: 0 !important;}
.ui-overlaypanel table tbody tr{border-bottom: 0 !important;}
.ui-overlaypanel .ui-panel .ui-panel-footer {border: none; margin: 0px; padding: 0px;}
.ui-overlaypanel-content a{color: white;}
.ui-overlaypanel .ui-datatable tr{background-color: transparent !important;}
.ui-overlaypanel.settingsPanel{width: 1024px;}
.ui-overlaypanel .ui-panel .ui-panel-titlebar{background: transparent; border: none; box-sizing: border-box; color: white; margin: 0; padding: 10px 0px; text-shadow: none;}
.ui-overlaypanel .ui-panel .ui-panel-content{background: transparent; border: none; color: white;}
.ui-overlaypanel .ui-panel{padding: 10px;}
.ui-overlaypanel .ui-panel img{padding-right: 10px;}
.settingsPanel.ui-overlaypanel .ui-panel .ui-panel-titlebar{border-bottom: 1px dashed white !important;}
.settingsPanel.ui-overlaypanel .ui-panel a{line-height: 30px;}
.ui-overlaypanel-content {padding: 5px; min-height: 40px;}
.ui-overlaypanel-content .ui-datatable tbody td{color: white;}

.overlay-R .ui-overlaypanel-content{margin-top: 15px;}
.overlay-R.ui-overlaypanel:before {content: ''; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #FFFFFF; position: absolute; top: 5px; right: 0px; z-index: 1;}
.overlay-R {width:250px;}
.overlay-R.actions-overlay:before{right: 30px;}
.overlay-R.actions-overlay a {width: 100%; padding: 10px; word-break: break-word; box-sizing: border-box; font-size: 15px; letter-spacing: 0.54px; color: #ffffff; text-align: left;}
.overlay-R.actions-overlay a {display: inline-block; width: 100%; box-sizing: border-box; border: none; border-bottom: 1px dashed #979797; border-radius: 0px;}
.overlay-R.actions-overlay a:last-child{border-bottom: none;}
.overlay-R.actions-overlay .ui-overlaypanel-content .ui-button .ui-icon{display: block;}
.overlay-R.actions-overlay .ui-overlaypanel-content .ui-button{padding-left: 30px;}
.overlay-R.ui-overlaypanel .ui-overlaypanel-content:before{display: none;}

/* Dropdown */
select, select.ui-reflow-dropdown, .ui-widget select.ui-state-default {padding: 0px 10px; background: url('../images/svg/dropdown.svg') no-repeat; background-position: right 10px center; background-size: 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; vertical-align: middle; width: 100%; height: 40px; outline: none; border: 1px solid rgba(0,110,66,0.56);; background-color: white; box-sizing: border-box; position: relative; border-radius: 15px;}
select::-ms-expand {display: none;}

.ui-selectonemenu, .ui-widget-content .ui-selectonemenu, .ui-selectcheckboxmenu, .ui-widget-content .ui-selectcheckboxmenu {min-width: 0px !important; display: inline-flex; vertical-align: middle; padding: 0px; width: 100%; height: 40px; border: 1px solid rgba(0,110,66,0.56); background-color: white; box-sizing: border-box; position: relative; border-radius: 0px;}
.ui-selectonemenu .ui-selectonemenu-label.ui-inputfield {outline: none; width:100%; box-shadow: none; padding: 0px 0px 0px 10px; margin-right: 35px; box-sizing: border-box; font-size: 12px; line-height: 38px; white-space: normal; border-radius: 10px; border: none;}
.ui-selectonemenu.empty-value .ui-selectonemenu-label.ui-inputfield {color: #9B9B9B;}
.ui-selectonemenu .ui-selectonemenu-trigger, .ui-selectonemenu .ui-selectonemenu-trigger:hover {background-image:none; border-left: none; box-shadow: none; height: 100%; width: 35px; padding:0px; border: none;}
.ui-selectonemenu-panel .ui-selectonemenu-list-item.ui-state-hover, .ben-dropdown .ui-state-hover{box-shadow: none; border: none; /*background: rgba(247, 247, 247, 0.63);*/}
.ui-selectonemenu-panel .ui-selectonemenu-list-item.ui-state-highlight{background: none; box-shadow: none;}
.ui-selectonemenu-panel, .ui-selectcheckboxmenu-panel{z-index: 3 !important; box-shadow: none; background-color: #FFFFFF; box-shadow: 1px 1px 3px 0.2px #FFFFFF; border-radius: 0px; border: solid 2px rgba(0,110,66,0.56);; box-sizing: border-box;}
.ui-selectonemenu-panel:not(.custom-panel), .ui-selectcheckboxmenu-panel:not(.custom-panel) {top: -2px !important; left: -2px !important; width: auto !important; min-width: 100%; box-sizing: content-box;}
.ui-selectonemenu-panel .ui-selectonemenu-filter{width:100%; box-sizing: border-box; height: 28px;}
.ui-selectonemenu.ui-state-error, .ui-widget-content .ui-selectonemenu.ui-state-error{border: 1px solid #B00000;}

.ui-selectonemenu .ui-selectonemenu-trigger .ui-icon, .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon {position: absolute; top: 0; bottom: 0; margin: auto; right: 0px; left: 0px;}
.ui-selectonemenu .ui-selectonemenu-trigger .ui-icon.ui-icon-triangle-1-s:before {content: "\e92b"; font-family: "icomoon"; font-size: 12px;}
.ui-selectonemenu .ui-selectonemenu-trigger .ui-icon.ui-icon-triangle-1-s {text-indent: inherit; background-image: none; font-size: 0px; color: #006E42; padding: 0px; box-sizing: border-box;}
.account-dropdown.ui-selectonemenu .ui-selectonemenu-trigger .ui-icon.ui-icon-triangle-1-s, .ben-dropdown.ui-selectonemenu .ui-selectonemenu-trigger .ui-icon.ui-icon-triangle-1-s{background-image: none; font-family: "icomoon"; font-size: 20px; color: #006E42;}
.ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon{background-image: none; font-family: "icomoon"; font-size: 20px; color: #006E42; text-indent: 0px;}
.account-dropdown.ui-selectonemenu .ui-selectonemenu-trigger .ui-icon.ui-icon-triangle-1-s:before, .ben-dropdown.ui-selectonemenu .ui-selectonemenu-trigger .ui-icon.ui-icon-triangle-1-s:before,
.ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon:before{content: "\e923"; font-size: 20px;}
.ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon{left: auto; width: 35px; border-left: none; height: 20px; box-sizing: border-box; background-position: center;}
.ui-selectonemenu .ui-selectonemenu-trigger.ui-state-default.ui-corner-right{background-color: transparent;}

.ui-selectonemenu-filter-container{width:100%;}
.ui-selectonemenu-panel .ui-selectonemenu-filter-container {box-sizing: border-box;}
.ui-selectonemenu-panel.ui-shadow.resizedDropdown{max-width: 600px; min-width: 200px; width: 100%;}
.ui-selectonemenu .ui-inputfield{background: transparent;}
.ui-selectonemenu-panel .ui-selectonemenu-list, .ui-selectonemenu-panel .ui-selectonemenu-table td {background-color: transparent; padding: 0px 0px; border-radius: 10px;}
.ui-selectonemenu-panel .ui-selectonemenu-list-item, .ui-selectonemenu-panel .ui-selectonemenu-table td{outline: none; margin: 0px; font-size: 12px; height: 40px; line-height: 40px; border-top: none; border-radius: 0px; padding: 0px 0px 0px 5px;}
.ui-selectonemenu-panel:not(.account-dd-panel) .ui-selectonemenu-list-item:first-child, .ui-selectonemenu-panel:not(.account-dd-panel) .ui-selectonemenu-table td:first-child{border-top: none;}
.ui-selectonemenu-panel .ui-selectonemenu-items-wrapper{border-radius: 0px; overflow-x: hidden; max-height: 200px; min-width: 47px; padding: 0px;}
.ui-selectonemenu-panel .ui-selectonemenu-list-item:first-child, .ui-selectonemenu-panel .ui-selectonemenu-table td:first-child, .ben-dropdown .ui-selectonemenu-panel .ui-selectonemenu-item:first-child{border-top: 1px solid rgba(2, 97, 33, 0.72);}
.ui-selectonemenu-panel .ui-selectonemenu-list-item:nth-child(odd), .ben-dropdown .ui-selectonemenu-panel .ui-selectonemenu-item:nth-child(2n+1){background-color: #FFFFFF;}
.ui-selectonemenu-panel .ui-selectonemenu-list-item:nth-child(even), .ben-dropdown .ui-selectonemenu-panel .ui-selectonemenu-item:nth-child(2n){background-color: rgba(247, 247, 247, 0.63);}

.ui-selectonemenu.fixed-height .ui-selectonemenu-items-wrapper {height: 150px !important;}

/* .ui-selectcheckboxmenu{background-color: #C8DCE4;} */
.ui-selectcheckboxmenu-label{outline: none; width:100%; box-shadow: none; padding: 0px 0px 0px 10px; margin-right: 50px; box-sizing: border-box; font-size: 14px; line-height: 40px; white-space: normal; color: #0D47A1;}
.ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger{width: 100%; position: relative; padding: 0px; border: none;}
.ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon, .ui-selectcheckboxmenu-header span.ui-icon.ui-icon-search{margin: auto; top: 0px; bottom: 0px; right: 10px; position: absolute; background-image: url('../images/svg/search.svg'); background-position: 0; width: 25px; height: 20px; border-radius: 0px;}
.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-list-item .ui-chkbox {width: 5%; margin: auto !important; top: 0px !important; bottom: 0px !important; height: 100%;}
.ui-selectcheckboxmenu-header .ui-chkbox {z-index: 10000;}
.ui-selectcheckboxmenu-panel .ui-chkbox .ui-chkbox-box{position: absolute; margin: auto; top: 0px; bottom: 0px;}
.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-list-item label{display: inline;}
.ui-selectcheckboxmenu-header{padding: 0px 10px; margin: 0px; border: none; border-radius: 15px 15px 0px 0px; position: relative; background: transparent;}
.ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close{display: none;}
.ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container{/*width: 95%; margin-left: 5%;*/   width: 90%; margin-left: 12%;}
.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-list-item{outline: none; margin: 0px; font-size: 14px; height: 42px; line-height: 42px; border-top: 1px solid white; border-radius: 0px; padding: 0px;}
.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-list{background-color: transparent; padding: 0px 10px;}
/* .ui-widget-content .ui-selectcheckboxmenu-filter-container input[type="text"].ui-state-default{border: none} */
.ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container {float: none; position: relative; top: 5px;}
.ui-selectcheckboxmenu-token.ui-state-active{border:none; background:none}
.ui-selectcheckboxmenu-token-icon.ui-icon{display:none}

/*Account Dropdown*/
.account-dd-panel.ui-selectonemenu-panel .ui-selectonemenu-list{border-radius: 0px 0px 10px 10px; border-top: none;}
.account-dd-panel.ui-selectonemenu-panel .ui-selectonemenu-filter-container{border-bottom: none; border-radius: 10px;}
.ui-selectonemenu-panel .ui-selectonemenu-filter-container > input[type="text"]{border: none; border-radius: 10px 10px 0px 0px; padding: 0px 40px 0px 5px;}
.ui-selectonemenu-panel .ui-selectonemenu-list-item{text-align: inherit;}

/*AmountInput Dropdown*/
.smallDropdown.ui-selectonemenu{border-left: none; border-radius: 0px; display: table-cell; width: 70px;}
.smallDropdown.ui-selectonemenu .ui-selectonemenu-trigger.ui-state-default.ui-corner-right{border: 0;}
.smallDropdown.ui-selectonemenu .ui-selectonemenu-trigger.ui-state-focus.ui-corner-right, input.ui-state-focus ~ .smallDropdown.ui-selectonemenu{border-left: none;}
/*.smallDropdown.ui-selectonemenu .ui-selectonemenu-trigger .ui-icon{left: 15px;}*/
.smallDropdown.ui-selectonemenu .ui-selectonemenu-label.ui-inputfield{box-sizing: border-box; font-family: 'OpenSans-Semibold'; font-size: 12px; color: #007557; padding: 0px 0px 0px 10px; margin-right: 30px; line-height: 36px;}
.smallDropdown .ui-selectonemenu-panel{top: 50px !important;} /*44 + 6px*/
select.smallDropdown{border-radius: 0 10px 10px 0; padding: 0px 10px 0px 10px;}

/*Amount Input component*/
.amount-input input[type="text"]{border-radius: 0px; border-right: none; display: table-cell;}
.amount-input input[type="text"].ui-state-focus{border-right: none;}
.amount-input {display: flex; width: 100%;}
.amount-input .ccy {border-left: none !important; border-radius: 0px; width: 80px; display: table-cell;}
.amount-input .ccy .ui-selectonemenu-panel {top: 35px !important;}
.amount-input .ccy.ui-selectonemenu .ui-selectonemenu-label.ui-inputfield {padding: 0px;}
.amount-input input.ui-state-focus, .amount-input input.ui-state-focus ~ .ccy {border: 2px solid rgba(0,110,66,0.56);}
.amount-input input.ui-state-error, .amount-input input.ui-state-error ~ .ccy {border-color: #B00000;}
.amount-input input:not(.ccy) {border-right: none;}

/*Beneficiary Dropdown*/
.ben-dropdown .ui-selectonemenu-panel .ui-selectonemenu-table td {border: none; padding: 0px 5px;}
.ben-dropdown .ui-state-highlight, .ben-dropdown .ui-widget-content .ui-state-highlight, .ben-dropdown .ui-widget-header .ui-state-highlight{background: none; box-shadow: none;}
.ben-dropdown .ui-selectonemenu-panel .ui-selectonemenu-item:nth-child(2):before{content: ""; background: url(../images/svg/add.svg) no-repeat 0 0; display: inline-block; margin: 5px 15px; /*position: absolute;*/ height: 30px; width: 30px;}
.ben-dropdown.empty-list .ui-selectonemenu-panel .ui-selectonemenu-item:nth-child(2):before{position: absolute;}
.ben-dropdown.empty-list .ui-selectonemenu-panel .ui-selectonemenu-item:nth-child(2) td {padding: 0px 50px;}
.ben-dropdown.no-add-icon .ui-selectonemenu-panel .ui-selectonemenu-item:nth-child(2):before{display: none;}
.ben-dropdown .image-pg{width: 36px; height: 36px; padding: 7px;}
.ben-dropdown .ui-selectonemenu-panel .ui-selectonemenu-item {border: none;}

/* Accordion Default */
.ui-accordion {background: transparent; font-weight: normal; color: #4f4f4f; border: none; width: 100%; border-spacing: 8px; line-height: 20px; box-sizing: border-box}
.ui-accordion .ui-accordion-header{padding: 17px 15px; font-family: 'OpenSans-Semibold'; font-size: 14px; text-shadow: none; /*text-transform: uppercase;*/ color: #4A4A4A; background-color: rgba(250, 250, 250, 0.73);}
.ui-accordion .ui-accordion-header > table *{font-family: 'OpenSans-Semibold'; font-size: 14px; color: #4A4A4A; padding: 0px; text-transform: uppercase;}
.ui-accordion .ui-accordion-header:not(:first-of-type) {margin-top: 20px;}
.ui-accordion .ui-accordion-content {padding: 0px; overflow: visible; background: transparent;}
.ui-accordion .ui-accordion-content {padding: 0px; margin: 0px; top: 0px;}
.ui-accordion .ui-icon{height: 20px; width: 20px;}
.ui-accordion .ui-icon.ui-icon-arrow-right-grey {height: 15px; width: 14px;}

.ui-accordion .ui-accordion-header .ui-icon.ui-icon-triangle-1-e, .ui-accordion .ui-accordion-header .ui-icon.ui-icon-triangle-1-s {background-image: none; font-family: "icomoon"; font-size: 16px; color: #026121; text-indent: 0px;}
.ui-accordion .ui-accordion-header .ui-icon.ui-icon-triangle-1-s:before{content: "\e93b";}
.ui-accordion .ui-accordion-header .ui-icon.ui-icon-triangle-1-e:before{content: "\e93c";}

/*Accordion Customer on Board*/
.ui-accordion.st-2 .ui-accordion-header {padding-left: 7.5px;}
.ui-accordion.st-2 .ui-accordion-header .ui-icon {right: 7.5px; width: 16px;}

/*Quick Access Panel Accordion*/
.quick-access-panel .ui-accordion .ui-accordion-header .ui-icon.ui-icon-triangle-1-e:before{content: "\e925";}
.quick-access-panel .ui-accordion .ui-accordion-header{margin-top: 0px; /*border-bottom: 1px solid rgba(155, 155, 155, 0.4);*/ padding-left: 30px;}
.quick-access-panel div.title:first-child {height: 45px; padding: 10px; box-sizing: border-box;}
.quick-access-panel .ui-accordion .ui-accordion-content{background: #FFFFFF; /*border-bottom: 1px solid rgba(155, 155, 155, 0.4);*/}
.quick-access-panel .ui-accordion .ui-accordion-header .ui-icon.ui-icon-triangle-1-e, .quick-access-panel .ui-accordion .ui-accordion-header .ui-icon.ui-icon-triangle-1-s {color: #026121; font-size: 14px; right: 5px;}
.quick-access-panel .ui-accordion .ui-accordion-header.templates-tab{border-bottom: none;}
.quick-access-panel .ui-accordion .ui-datatable img.icon-next{font-size: 14px;}
.quick-access-panel .ui-datatable-selectable.ui-state-highlight {box-shadow: none; background: none;}
.quick-access-panel .ui-datatable .image-pg{height: 25px; width: 25px; padding: 5px;}
.quick-access-panel .label-btn.ui-button{background: transparent; height: 35px; margin: auto; display: block;}
.quick-access-panel .label-btn.ui-button .ui-button-text {font-family: OpenSans-Semibold; font-size: 12px; color: rgba(0, 117, 87, 0.8); letter-spacing: 0.43px;}
.quick-access-panel .ui-datatable > .ui-datatable-tablewrapper > table {background: transparent;}
.quick-access-panel .ui-datatable .ui-datatable-data > tr:not(:first-child) > td{border: none;}

.cd-panel .ui-accordion .ui-accordion-header .ui-icon.ui-icon-triangle-1-e, .cd-panel .ui-accordion .ui-accordion-header .ui-icon.ui-icon-triangle-1-s{/*background-image: url(../images/svg/chevron-white.svg);*/}
.draggable .ui-accordion-header{padding: 17px 45px;}
.draggable .ui-accordion-header:before{content: ""; width: 20px; height: 20px; top: 0px; left: 10px; bottom: 0px; position: absolute; margin: auto; background-position: center;}
.draggable .ui-datatable tr td{cursor: move;}
.draggable .ui-datatable .account-balances tr td:first-child { width: 30px;}
.datalist-account tbody.ui-datatable-data td.custom-col{background: #006E42; border-color: #d7d7d7; padding: 7.5px; width: 200px;}
.draggable .datalist-account tbody.ui-datatable-data td.custom-col {width: 40%;}
.datalist-account tbody.ui-datatable-data td.custom-col span{color: #FFFFFF;word-break: break-word;}
.custom-col .ui-button .ui-icon {color: #FFFFFF;}
.draggable .datalist-account tbody.ui-datatable-data td:nth-child(2) {padding: 7.5px; box-sizing: border-box;}
.handle-row-draggable.icon-dragndrop {content: url(../images/svg/drag-and-drop.svg);}
.ui-datatable.ui-sortable-helper tr .handle-row-draggable.icon-dragndrop{color: red;}
.no-row-draggable .icon-btn .ui-icon{color: #FFFFFF;}

/*.ui-datatable.ui-sortable-helper tr .draggable .ui-accordion-header{padding: 17px 45px;}
.ui-datatable.ui-sortable-helper tr .draggable .ui-accordion-header:before{content: ""; width: 20px; height: 20px; top: 0px; left: 10px; bottom: 0px; position: absolute; margin: auto; background: url(../images/svg/move-account-blue.svg) no-repeat; background-position: center;}
*/
.ui-datatable.ui-sortable-helper tr td{cursor: move;}
.ui-datatable.ui-sortable-helper tr .account-balances tr td:first-child { width: 30px;}
.ui-datatable.ui-sortable-helper tr  td:first-child {background: #FFFFFF; border-color: #d7d7d7;}
/*.ui-datatable.ui-sortable-helper tr .handle-row-draggable.icon-dragndrop, .ui-datatable.ui-sortable-helper tr .handle-row-draggable.icon-dragndrop {font-size: 25px; color: #FFFFFF;}*/
.ui-datatable.ui-sortable-helper tr .handle-row-draggable.icon-dragndrop {content: url(../images/svg/drag-and-drop-green.svg);}
.ui-datatable.ui-sortable-helper tr .handle-row-draggable.icon-dragndrop{color: #006E42;}
.ui-datatable.ui-sortable-helper tr .ui-icon{height: 20px; width: 20px; }

.ui-accordion.no-header{border: 1px solid #006E42; border-radius: 10px; background: #FFFFFF; padding: 10px;}
.ui-accordion.no-header .ui-accordion-header{border-radius: 5px; height: 45px; overflow: hidden; padding: 0px; padding-right: 30px;}
.ui-accordion.no-header .ui-accordion-header.ui-state-active{height: 100%; overflow: auto; border-radius: 0px;}
.ui-accordion.no-header .ui-accordion-header .ui-icon{right: 5px;}

/* Filters Panel Default*/
.ui-panel{border-radius: 0px; border: none; padding: 0px; background-color: transparent;}
.ui-panel .ui-panel-titlebar {width: 100%; box-sizing: border-box; border: none; border-radius: 0px; padding: 7.5px; background-color: transparent;}
.ui-card .ui-panel .ui-panel-titlebar {padding: 15px;}
.ui-panel .ui-panel-titlebar .ui-panel-title, .ui-panel .ui-panel-titlebar .ui-panel-actions{font-family: 'OpenSans-Semibold'; font-size: 14px; color: #006E42; text-shadow: none; text-transform: uppercase; font-weight: normal; margin: 0px 10px; cursor:pointer;} 
.ui-panel-titlebar-icon.ui-state-default{border: none; border-radius: 0px; background-color: transparent; margin: 0px !important; float: left; padding-top: 3px;}
.ui-panel-titlebar-icon .ui-icon.ui-icon-plusthick, .ui-panel-titlebar-icon .ui-icon.ui-icon-minusthick{width: 100%; height: 100%;}
.ui-panel-titlebar-icon .ui-icon.ui-icon-plusthick:before{content: "\e921";}
.ui-panel-titlebar-icon .ui-icon.ui-icon-plusthick{background-image: none; font-family: "icomoon"; font-size: 14px; color: #006E42; text-indent: 1px;}
.ui-panel-titlebar-icon .ui-icon.ui-icon-minusthick:before{content: "\e922";}
.ui-panel-titlebar-icon .ui-icon.ui-icon-minusthick{background-image: none; font-family: "icomoon"; font-size: 14px; color: #006E42; text-indent: 1px;}
.ui-panel .ui-panel-content{background-color: transparent; padding: 0px; box-sizing: border-box;}
.ui-panel .ui-panel-titlebar .custom-num, .ui-button.custom-num {display: inline-block; height: 15px; width: 15px; border-radius: 100%; line-height: 15px; text-align: center; color: white; background: #006E42;}

.ui-panel.filter-title .ui-panel-titlebar .ui-panel-title {margin: 0px 15px; padding: 15px;}

td.fixed-col-15{width: 15px;}
td.fixed-col-220 {width: 235px; padding-left: 15px; box-sizing: border-box;}
td.fixed-col-220 > div{background: #FFFFFF; box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.16); width: 220px;} /*width added in case adv image is not loaded*/

.ui-card .ui-panel, .ui-card-2 .ui-panel{border-radius: 0px; border: none; padding: 0px; background-color: #FFFFFF;}
.ui-card-2 .ui-panel .ui-panel-titlebar {padding: 7.5px; box-sizing: border-box; line-height: 25px;}
.ui-card .ui-panel .ui-panel-titlebar .ui-panel-title, .ui-card-2 .ui-panel .ui-panel-titlebar .ui-panel-title{color: #006E42;} 
.ui-card-2 .ui-panel .ui-panel-content{/*background-color: rgba(247, 247, 247, 0.63);*/}

/*ui-card-2 positive-btn (Search bic)*/
.ui-card-2 .positive-btn.ui-button-icon-only .ui-icon{color: #FFFFFF; top: 20px;}
.ui-card-2 .positive-btn.ui-state-hover.ui-button-icon-only .ui-icon {color: #007557;}

/*Filters*/
.ui-panel.filters table.fixed-col-grid .fixed-col .ui-button{border: none; height: 45px; margin-right: 0px; width: 50%; margin:0px; background-color: transparent;}
.ui-panel.filters .ui-button .ui-icon-clear, .ui-panel.filters .ui-button .ui-icon-submit {height: 42px; width: 42px; margin: auto; top: 0; bottom: 0; right: 0; left: 0;}
.filters .fixed-col-grid{padding: 10px;}

/* Panel Style 1 */
.ui-panel.st-1{border: 1px solid white; box-sizing: border-box;}
.ui-panel.st-1 .ui-panel-titlebar, .ui-panel.st-1 .ui-panel-content {background-color: transparent; border: none;}

/* Custom Toggleable Panel */
.toggler-btn{width: 100%; margin: 0px; height: 44px; border-radius: 0px; border: none; background-color: white;}
.toggler-btn .ui-button-text{padding: 0px; text-transform: uppercase; color: #0D47A1;}
/*.toggler-btn.btn1 .ui-button-text:after, .toggler-btn.btn2 .ui-button-text:after {content: ''; background: url(../images/svg/arrow-blue.svg) no-repeat; width: 13px; height: 10px; background-size: 13px; display: inline-block; margin-left: 5px;}*/
.toggler-btn.btn2 .ui-button-text:after{-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}

/*Row Toggler icon*/
.ui-row-toggler.ui-icon.ui-icon-circle-triangle-e, .ui-row-toggler.ui-icon.ui-icon-circle-triangle-s {outline: none; text-indent: 0; height: 100%; width: 100%; margin: auto; background-size: 15px;}
.ui-row-toggler.ui-icon.ui-icon-circle-triangle-e{background-image: url(../images/svg/expand.svg);}
.ui-row-toggler.ui-icon.ui-icon-circle-triangle-s:before{content: "\e922";}
.ui-row-toggler.ui-icon.ui-icon-circle-triangle-e:before{content: "\e921";}

.row-toggler-arrow .ui-row-toggler.ui-icon.ui-icon-circle-triangle-e, .row-toggler-arrow .ui-row-toggler.ui-icon.ui-icon-circle-triangle-s{font-size: 20px;}
.row-toggler-arrow .ui-row-toggler.ui-icon.ui-icon-circle-triangle-e:before{content: "\e93c";}
.row-toggler-arrow .ui-row-toggler.ui-icon.ui-icon-circle-triangle-s:before{content: "\e93b";}
.row-toggler, .row-toggler-arrow{width: 44px;}
.row-toggler.hidden, .row-toggler-arrow{width: 0px; padding: 0px !important;}
.ui-expanded-row-content.hidden{display: none;}

/* Select One Button */
.ui-selectonebutton {width: 100%; display: table; table-layout: fixed;}
.ui-selectonebutton > div {display: table-cell; height: 44px; vertical-align: middle;}
.ui-selectonebutton .ui-button {margin: 0px; box-shadow: none; text-shadow: none; border: none; border-radius: 0px;}
.ui-selectonebutton .ui-button-text{font-family: 'OpenSans-Semibold'; font-size: 14px;}

.selectOneButtonSt {border-radius: 30px; background: #FFFFFF; padding: 2px;}
.selectOneButtonSt.ui-selectonebutton > div:first-child {border-radius: 30px 0px 0px 30px;}
.selectOneButtonSt.ui-selectonebutton > div:last-child {border-radius: 0px 30px 30px 0px;}
.selectOneButtonSt .ui-button.ui-widget.ui-state-default{color: #006E42;}
.selectOneButtonSt .ui-button.ui-widget.ui-state-active{box-shadow: 0 2px 4px 0 rgba(0,0,0,0.22); border-radius: 30px; background-color: #006E42; color: white;}
.selectOneButtonSt .ui-button.ui-state-disabled{display: none;}
.show-disabled.selectOneButtonSt .ui-button.ui-state-disabled{display: table-cell;}

.selectOneButtonSt .ui-button:after{content: ''; height: 25px; width: 25px; position: absolute; top: 10px; left: 10px; background-position: center; background-repeat: no-repeat;}


/* button carousel */
.btn-carousel{width: 100%; margin: auto;}
.btn-carousel .ui-panelgrid .ui-grid-responsive .ui-panelgrid-cell{padding: 2.5px; text-align: center;}
.btn-carousel .ui-carousel-viewport .ui-carousel-items .ui-carousel-item{margin: 0px; padding: 10px; box-sizing: border-box;}
.btn-carousel .ui-carousel-page-link, .btn-carousel .ui-carousel-mobiledropdown{display:none !important;}
.btn-carousel, .ui-carousel-menu.ui-widget-content, .btn-carousel .ui-carousel-viewport ul li, .btn-carousel .ui-carousel-header, .btn-carousel .ui-panelgrid-content {background: none; border: 0;}
.btn-carousel .ui-carousel-header, .ui-carousel .ui-carousel-header .ui-carousel-header-title{padding: 0px; height: 0px;}
.btn-carousel .ui-carousel-button.ui-carousel-prev-button.ui-icon, .btn-carousel .ui-carousel-button.ui-carousel-next-button.ui-icon{width: 20px; background-image: url(../images/svg/carousel-arrow-active.svg); background-size: 20px; background-repeat: no-repeat; background-position: center; height: 100%; top: 0px; position: absolute; }
.btn-carousel .ui-carousel-button.ui-carousel-prev-button.ui-icon {left: -20px; right: auto;}
.btn-carousel .ui-carousel-button.ui-carousel-next-button.ui-icon{right: -20px; left: auto; transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg);}
.btn-carousel .ui-carousel-button {float: none; margin: 0px;}
.btn-carousel .ui-carousel-button.ui-carousel-prev-button.ui-icon.ui-state-disabled, .btn-carousel .ui-carousel-button.ui-carousel-next-button.ui-icon.ui-state-disabled{background-image: url('../images/svg/carousel-arrow-deactivate.svg'); opacity: 0.4;}
.btn-carousel .ui-panelgrid-cell .ui-button{padding: 0px; /*border-radius: 30px; width: 100%; border: none; height: 44px;*/}
.btn-carousel .ui-panelgrid-cell .ui-button .ui-button-text{font-family: OpenSans; font-size: 14px; color: #4A4A4A; letter-spacing: 0.5px; padding-top: 10px;}
.btn-carousel .ui-panelgrid-cell .ui-button .ui-icon{color: #909090; font-size: 30px;}
.btn-carousel .ui-panelgrid-cell .ui-button.selected{background-color: #FFFFFF; box-shadow: none;}
.btn-carousel .ui-panelgrid-cell .ui-button.selected .ui-button-text{font-family: OpenSans; font-size: 14px; color: #007557; letter-spacing: 0.5px;}
.btn-carousel .ui-panelgrid-cell .ui-button.selected .ui-icon{color: #006E42;}
/*.btn-carousel.single-page{width:100%;}*/
.btn-carousel.single-page .ui-carousel-button.ui-carousel-next-button{background-image: url(../images/svg/carousel-arrow-deactivate.svg); cursor: default; opacity: 0.4;}
.btn-carousel.single-page .ui-carousel-button.ui-state-disabled{cursor: default; background-image: url(../images/svg/carousel-arrow-deactivate.svg); opacity: 0.4;}

.btn-carousel.icon-carousel .ui-button:before{content: ''; height: 25px; width: 25px; vertical-align: middle; display: inline-block; background-position: center; background-repeat: no-repeat;}
.btn-carousel.icon-carousel .ui-button-text-only .ui-button-text {padding-left: 10px;}

.selectOneButtonTabSt .ui-button.ui-widget{background-color: white; border-bottom: solid 2px transparent;}
.selectOneButtonTabSt .ui-button.ui-widget, .ui-tabs.ui-tabs-top>.ui-tabs-nav li a{color: #787875;}
.selectOneButtonTabSt > .ui-button.ui-widget.ui-state-active, .ui-tabs.ui-tabs-top .ui-tabs-nav li.ui-tabs-selected{background-color: #007557; color: #FFFFFF; outline: none;}
.ui-tabs.ui-tabs-top .ui-tabs-nav li.ui-tabs-selected > a{color: #FFFFFF;}

.ui-selectonebutton .ui-button-text{padding: 0px 2px; box-sizing: border-box; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block;}

/* Calendar */
input.datepicker-device{width: 218px;}
.datepicker-device::-webkit-clear-button{display: none; -webkit-appearance: none;}
.ui-datepicker {border: 2px solid rgba(0,110,66,0.56); box-shadow: none; background-color: #FFFFFF; border-radius: 0px; margin-top: 8px; padding: 10px;}
.ui-datepicker th{background-color: #006E42;}
.ui-datepicker th span{font-size: 14px;}
.ui-datepicker .ui-datepicker-header {background: none; border: none; border-bottom: solid 1px white; padding: 0px; margin-bottom: 5px;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next-hover{background: none;box-shadow:none;}
.ui-datepicker .ui-datepicker-calendar {font-size: 14px; color:#FFFFFF;}
.ui-datepicker .ui-datepicker-current-day .ui-state-highlight, .ui-datepicker .ui-datepicker-current-day .ui-state-default {background: #006E42; border-radius: 0px; text-shadow: none;}
.ui-datepicker .ui-datepicker-calendar .ui-state-default, .ui-datepicker .ui-datepicker-title span {font-size: 14px; font-family: 'OpenSans-Semibold'; color: #006E42; box-shadow:none;}
.ui-datepicker .ui-datepicker-calendar .ui-state-default{color: #848484;}
.ui-datepicker-trigger.ui-button{position: absolute;}
.ui-calendar.ui-trigger-calendar{position: relative; display: inline-block; width: 100%;}
.ui-datepicker-trigger.ui-button {background-color: transparent; right: 0px; vertical-align: baseline; top: 0px; bottom: 0px; margin: 0px auto; height: 40px; /*border-left: 1px solid rgba(120,120,117,0.50);*/ border-radius: 0px 10px 10px 0px; width: 40px;}
.ui-datepicker-trigger.ui-button .ui-icon{background-size: 20px; width: 100%; height: 100%; margin: auto; top: 0; left: 0;}
.calendar-pg{display: block;}
.calendar-pg .ui-calendar{display: inline-block; width: 50%;}
.calendar-pg .ui-calendar:first-child input {border-right: none;}
.ui-calendar input{cursor: pointer;}
.ui-calendar .ui-inputfield, .ui-calendar .ui-inputfield.ui-state-disabled {background-image: url(../images/svg/calendar.svg); padding: 0px 10px; background-repeat: no-repeat; background-position: right 8px center; background-size: 20px; -webkit-appearance: none; -moz-appearance: none; appearance: none; vertical-align: middle; width: 100%; height: 40px; outline: none; border: 1px solid rgba(0,110,66,0.56); background-color: white; box-sizing: border-box; position: relative; border-radius: 0px;}

/* Checkbox */
.ui-datatable td .ui-chkbox .ui-chkbox-box, .ui-datatable td .ui-radiobutton .ui-radiobutton-box{left: 0px; right: 0px;}
.ui-chkbox {font-size: 12px; min-width: 25px; min-height: 40px; display: table;}
.ui-chkbox .ui-chkbox-box, .ui-radiobutton .ui-radiobutton-box {display: table-cell; width: 22px; height: 22px; border-radius:15px; background: none; background-color:transparent; border: none; cursor: pointer;}
.ui-chkbox .ui-chkbox-label{height: 15px; display: table-cell; vertical-align: middle; padding-left: 5px;}

.switch-checkbox{width: auto !important;}
.content-C .switch-checkbox .ui-chkbox {margin: 0px; min-height: 0px;}
.switch-checkbox .ui-chkbox .ui-chkbox-box {display: none;}
.switch-checkbox td:first-child .ui-chkbox-label{border: solid 1px #4A4A4A; color: #4A4A4A; border-radius: 15px 0px 0px 15px; border-right: none;}
.switch-checkbox td:last-child .ui-chkbox-label { border: solid 1px #007557; color: #007557; border-radius: 0px 15px 15px 0px;}
.switch-checkbox .authoriseSelected .ui-chkbox-box ~ .ui-chkbox-label{background: #007557; color: #FFFFFF;}
.switch-checkbox .declineSelected .ui-chkbox-box ~ .ui-chkbox-label{background:#4A4A4A ; color: #FFFFFF;}
.switch-checkbox .ui-chkbox .ui-chkbox-label {display: inline-block; margin: 0px; padding: 5px; box-sizing: border-box; height: auto; min-width: 70px; text-align: center;}

.switch-checkbox td.ui-helper-hidden{display: table-cell;}

.ui-selectoneradio label{cursor: pointer; margin: 0px 3px;}
.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-icon-blank{background-image: url(../images/svg/check-box.svg); width: 100%; height: 100%;}
.ui-chkbox-box .ui-icon-check{background-image: url(../images/svg/check-box-active.svg); width: 100%; height: 100%;}
.ui-chkbox-box .ui-icon.ui-icon-check{font-family: "icomoon"; font-size: 21px; color: #FFFFFF; text-indent:0; text-shadow: none; position: relative;}
.ui-columntoggler-item .ui-chkbox-box .ui-icon{font-family: "icomoon"; font-size: 21px; color: #FFFFFF; text-indent:0;}
.ui-columntoggler-item .ui-chkbox-box .ui-icon:before{content: "\e95e";}
.ui-columntoggler-item .ui-chkbox-box .ui-icon.ui-icon-check{font-family: "icomoon"; font-size: 21px; color: #FFFFFF; text-indent:0; background-image: none;}
.ui-columntoggler-item .ui-chkbox-box .ui-icon.ui-icon-check:before{content: "\e95d";}
.ui-group-dark .ui-chkbox-box .ui-icon{background-image: url(../images/svg/check-box-2.svg);}
.ui-group-dark .ui-chkbox-box .ui-icon.ui-icon-check{font-family: "icomoon"; font-size: 21px; color: #FFFFFF; text-indent:0;}
.ui-group-dark .ui-chkbox-box .ui-icon.ui-icon-check:before{content: "\e957";}

.ui-radiobutton .ui-radiobutton-box .ui-icon, .ui-radiobutton-icon .ui-chkbox-box .ui-icon{background-image: none; width: 100%; height: 100%; margin: 0px;font-family: "icomoon"; color:#979797; font-size:19px; text-indent:0px;}
.ui-radiobutton .ui-radiobutton-box .ui-icon:before, .ui-radiobutton-icon .ui-chkbox-box .ui-icon:before{content: "\e955";}
.ui-radiobutton .ui-radiobutton-box .ui-icon.ui-icon-bullet, .ui-radiobutton-icon  .ui-chkbox-box .ui-icon.ui-icon-check{background-image: none; font-family: "icomoon"; color:#979797; font-size:19px; text-indent:0px;}
.ui-radiobutton .ui-radiobutton-box .ui-icon.ui-icon-bullet:before, .ui-radiobutton-icon  .ui-chkbox-box .ui-icon.ui-icon-check:before{content: "\e956";}

.ui-group-dark .ui-radiobutton .ui-radiobutton-box .ui-icon{background-image: url(../images/svg/radio-button-2.svg);}
/*.ui-group-dark .ui-radiobutton-box .ui-icon.ui-icon-bullet{background-image: url(../images/svg/radio-button-active-2.svg);}*/

/* Radio Button */
.ui-selectoneradio label {margin-top: 0px; display: table-cell; padding: 0px 10px; font-size: 14px; color: #383A35;}
.ui-selectoneradio {width: 100%; table-layout: fixed;}
.ui-selectoneradio td{min-width: 22px;}
.ui-selectoneradio.ui-widget td {vertical-align: middle; display: inline-block}
.content-C .ui-chkbox, .content-C .switch-checkbox{margin: auto;}

/* -----------------------------------------
      Radio Button
----------------------------------------- */
.ui-radiobutton.ui-widget {display: table-cell;}

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

/* -----------------------------------------
      Dashboard -Fixed Widgets
----------------------------------------- */
.fixedWidgetPg .fixedWidgetCol2{overflow-y: hidden;}
.fixedWidgetPg{height:142px;}
.fixedWidgetCol, .fixedWidgetCol2{ background: #FFFFFF;  box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.16); padding: 15px;box-sizing: border-box; overflow-y: auto; overflow-x: hidden; /*min-height: 142px;max-height: 142px; */min-height: 250px;max-height: 250px;}
.fixedWidgetPg td:last-child{padding-left: 15px; }

/* -----------------------------------------
      Datalist Account (Dashboard Retail)
----------------------------------------- */
.datalist-account thead{display: none;}
/*.datalist-account .ui-datatable-data tr.ui-widget-content td > .ui-g{border: 1px solid  rgba(225,103,27,0.51); border-radius: 10px; box-sizing: border-box; padding: 10px 0px; background-color: #FFFFFF; margin-bottom: 8px;}
.datalist-account .ui-datatable-data tr.ui-widget-content div.account-balances > span, .datalist-account .action-links div:not(:last-child), .datalist-account .acc-details-panel.action-links div:last-child {border-right: 1px solid rgba(225,103,27,0.50);}
*/.datalist-account .ui-datatable-data tr.ui-widget-content div.account-balances > span{height: 100%;}
.datalist-account .account-balances span.inline.pct100 {border-right: 1px solid rgba(151,151,151,0.35);}
.datalist-account .ui-datatable-data tr.ui-widget-content{background: transparent;}
.datalist-account .ui-datatable-tablewrapper {border-top: none;}
.datalist-account tbody.ui-datatable-data td{padding: 0px;}
.datalist-account .ui-datatable-data tr.ui-widget-content .account-balances > span:first-child{padding-left: 0px;}
.ui-datalist.datalist-account .account-balances > span, .datalist-account .action-links > span {height: 100%;/* border-bottom: 1px solid rgba(151,151,151,0.35); */}
.ui-datalist.datalist-account .account-balances > span:first-child, .ui-datalist.datalist-account .account-balances > div:first-child,
 .ui-datalist.datalist-account .account-balances > div:first-child{/* border-bottom: 1px solid rgba(250, 250, 250, 0.73); *//* overflow: hidden; *//* text-overflow: ellipsis; */color: white;/* white-space: nowrap; */word-break: break-word;}
.dashboard .ui-datalist .ui-datalist-item{border-bottom: 1px solid rgba(151, 151, 151, 0.55); height: 75px;}
.datalist-account .account-balances > span:first-child,
 .ui-datalist.datalist-account .account-balances > div:first-child{background: #006E42;padding-left: 20px;color: white;/* border: none; */height: 75px; /*display: inline-table;*/}
.datalist-account .account-balances > span:first-child span, .datalist-account .account-balances > span:first-child div {/*font-family: OpenSans-Bold; font-size: 14px;*/color: #FFFFFF;word-break:  break-all;/* overflow: visible; */}
.datalist-account .account-balances > span:first-child .label-txt, .datalist-account .account-balances > div:first-child .label-txt {font-family: OpenSans; font-size: 12px;}
.datalist-account.ui-datalist + .showMoreLessBtnsPanel {border-top: none;}
.datalist-account .account-balances > span:first-child span.label-txt {width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; max-width: 230px;}
.datalist-account .account-balances > span:first-child{padding: 20px;}

.ui-accordion.st-1,.ui-selectbooleanbutton.st-1{border: none;}
/*.accordionPanel.st-1.ui-accordion .ui-accordion-header .ui-icon{display: none;}*/
.accordionPanel.st-1.ui-accordion .ui-accordion-header.ui-state-disabled{opacity: 1;}
.accordionPanel.st-1.ui-accordion .ui-accordion-header{background: #FFFFFF; padding: 0px; height: 55px; background-image: none; font-family: "icomoon"; font-size: 20px; color: #026121;}
#dashboardAccordion-2.accordionPanel.st-1.ui-accordion .ui-accordion-header:not(.ui-state-disabled){padding: 10px 10px 10px 50px; box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.18);}
#dashboardAccordion-2.accordionPanel.st-1.ui-accordion .ui-accordion-header:not(:first-of-type) {margin-top: 20px !important;}
#dashboardAccordion-2.accordionPanel.st-1.ui-accordion .ui-accordion-header:not(.ui-state-disabled):before{position: absolute; left: 20px; font-size: 25px;}
.accordionPanel.st-1.ui-accordion .ui-accordion-header.ui-state-disabled span.ui-icon-triangle-1-s, .accordionPanel.st-1.ui-accordion .ui-accordion-header.ui-state-disabled span.ui-icon-triangle-1-e{display: none;}

.accordionPanel.st-1.ui-accordion .ui-accordion-content {background: rgba(250, 250, 250, 0.73); border-top: 1px solid rgba(151,151,151,0.35); box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.18);}
.accordionPanel.st-1.ui-accordion .ui-datatable .ui-datatable-data > tr {height: 75px;}

.accordionPanel.st-1.ui-accordion .action-links .ui-button, .ui-datatable.ui-sortable-helper .action-links .ui-button{vertical-align: middle; width: 100%; border: none; border-radius: 0px; padding: 0px;}
.accordionPanel.st-1.ui-accordion .ui-datatable-data tr.ui-widget-content .action-links .ui-button, .ui-datatable.ui-sortable-helper .action-links .ui-button {border: none;}
/*.accordionPanel.st-1.ui-accordion .showMoreLessBtnsPanel .ui-button .ui-button-text{font-size: 14px; color: #787875; text-transform: uppercase; text-align: right; position: static; padding: 0px; font-family: 'OpenSans-Semibold'; font-size: 14px;}*/
.accordionPanel.st-1.ui-accordion .showMoreLessBtnsPanel .label-btn.ui-button{padding-left: 30px;}
.accordionPanel.st-1.ui-accordion .showMoreLessBtnsPanel .label-btn.ui-button .ui-icon{color: #026121;}
.accordionPanel.st-1.ui-accordion .showMoreLessBtnsPanel .label-btn.ui-button .ui-button-text{font-family: OpenSans-Semibold; font-size: 12px; color: rgba(0, 117, 87, 0.8);}

.action-links-panel{background: #FFFFFF; border-radius: 0px; padding: 5px; box-sizing: border-box; border-bottom: 1px solid rgba(30, 160, 63, 0.48);}
.action-links-panel .ui-icon{/*background-image: none;*/ font-family: "icomoon"; font-size: 20px; color: black;}

.acc-details-links-panel.action-links div {border-left: none; box-sizing: border-box; padding: 0px 10px;}
.acc-details-links-panel.action-links div:empty{border: none;}
.acc-details-links-panel.action-links {border-left: none;}
.acc-details-links-panel .ui-button .ui-icon {display: table; width: 100%; position: relative; left: 0px; top: 0px; font-size: 20px; color: #007557;}
.acc-details-links-panel .ui-button{height: 55px; width: 100%;  border: none; border-radius: 0px;}
.acc-details-links-panel.action-links .ui-button .ui-button-text{color: #007557; padding: 0px; box-sizing: border-box;}

.quick-links{text-align: right;}

.accordionPanel.st-1.ui-accordion .ui-button .ui-button-text, .acc-details-panel .ui-button .ui-button-text, .ui-datatable.ui-sortable-helper .ui-button .ui-button-text{box-sizing: border-box; color: #5C5C4F; padding: 0;}
.accordionPanel.st-1.ui-accordion .action-links .ui-state-default .ui-icon, .ui-datatable.ui-sortable-helper .action-links .ui-state-default .ui-icon {display: inline-block; position: relative; left: 0px; top: 0px; /*width: 17px;*/ margin: 0 auto; background-image: none; font-family: "icomoon"; font-size: 20px; color: #026121;}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	font-size: 12px;
	color: #9B9B9B;
}
::-moz-placeholder { /* Firefox 19+ */
	font-size: 12px;
	color: #9B9B9B;
}
:-ms-input-placeholder { /* IE 10+ */
	font-size: 12px;
	color: #9B9B9B;
}
:-moz-placeholder { /* Firefox 18- */
	font-size: 12px;
	color: #9B9B9B;
}

/* -----------------------------------------
      Page Actions
----------------------------------------- */
/* .dashboard .page-actions{padding-bottom: 0px;}
.title-group{padding: 0px; display: inline-block; width: 100%; vertical-align: middle;}
.page-actions{width: 100%; min-width: 250px; padding: 0px; padding-bottom: 10px;}
.page-actions .page-title{vertical-align: middle; text-shadow: none; display: block;}
.welcome-actions.page-actions span{font-family: OpenSans; font-size: 18px; color: #007557; text-transform: none;}
.dashboard .welcome-actions a {font-family: OpenSans-Semibold; font-size: 12px; color: rgba(0, 117, 87, 0.8); letter-spacing: 0.5px; text-transform: uppercase; text-decoration: none;}
.page-actions .help-links > .ui-button {background: none; border: none; height: 40px; vertical-align: middle; text-transform: uppercase; padding: 0px 5px;}
.page-actions .help-links > .ui-button .ui-button-text{font-size: 12px; padding: 0;}
.page-actions .help-links > .ui-button {border-radius: 0px; margin: 0px;}
.page-actions .help-links > .ui-button:first-of-type {padding-left: 10px;}
.page-actions .help-links > .ui-button:last-of-type {padding-right: 0px;}
.page-actions .ui-overlaypanel:before{content: ''; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #FFFFFF; position: absolute; top: -10px; right: 0px;}
.page-actions .ui-overlaypanel-content {padding: 0px;}
.page-actions .ui-overlaypanel-content .ui-button{border: none; background: transparent; color: #4A4A4A;}
.page-actions .ui-overlaypanel-content .ui-button .ui-button-text{padding: 0px; padding-left: 20px; font-size: 12px;}
.page-actions .ui-overlaypanel-content table{width: 100%}
.page-actions .ui-overlaypanel-content table tbody tr td{padding: 10px;} 
.page-actions .ui-overlaypanel-content table tbody tr:not(:last-child) td{border-bottom: 1px solid rgba(151,151,151,0.16);}
.page-actions .title-group{padding: 0px; display: inline-block; width: 100%; vertical-align: middle;}
.menu-centering .page-actions .title-group{padding: 0px;}
.menu-centering .page-actions{height: 75px; padding: 0px 10px;}
.page-actions .custom-section table {height: 30px;}
.page-actions .custom-section > tbody > tr > td:last-child{padding-left: 10px;}
.page-actions .custom-section > tbody > tr > td:first-child{padding-left: 0px;}
.page-actions .custom-section table span{color: white; text-transform: uppercase;}
.page-actions .custom-section .ui-inputswitch{vertical-align: middle;}
.page-actions .help-links{width: 100%;}
.page-actions .ui-overlaypanel{width: 240px;}
.page-actions .ui-overlaypanel-content .ui-button .ui-icon {display: none;} */

/*Overlay Panel*/
.ui-overlaypanel{width: 100%; min-width: 200px; padding: 0px; padding-bottom: 0px; background-color: transparent; width: 240px;}
.ui-overlaypanel-content:before{content: ''; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent;border-bottom: 10px solid #FFFFFF; position: absolute; top: -10px; left: auto; right: 0px;}
.ui-overlaypanel-content {background-color: white; padding: 0px; box-sizing: border-box;box-shadow: 9px 9px 16px 0 #B7B7B7, -9px -9px 16px 0 rgba(0,0,0,0.20); position: relative;}
.ui-overlaypanel-content .ui-button{border: none; background: transparent; color: #4A4A4A; height: 36px; padding: 0px; padding-left: 12.5px; box-sizing: border-box;}
.ui-overlaypanel-content .ui-button .ui-button-text{padding: 0px; font-size: 12px;}
.ui-overlaypanel-content table{width: 100%}
.ui-overlaypanel-content table tbody tr:not(:last-child) td{border-bottom: 1px solid rgba(151,151,151,0.16);}
.ui-overlaypanel-content .ui-button .ui-icon {display: none;}
.ui-overlaypanel-content table tbody td {padding: 0px; }
.export-overlay{padding-top: 10px;}



/* Input Switch */
.ui-inputswitch{border-radius: 10px; height: 20px; width: 40px !important; border: none;}
.ui-inputswitch-handle{background: white!important; border-radius: 10px;}
.ui-inputswitch .ui-inputswitch-handle{background: white !important; border-radius: 15px; height: 20px; width: 20px !important; border: 1px solid #007557;}
.ui-inputswitch .ui-inputswitch-on {background: #007557; border: none; padding-right: 10px; top: -1px;}
.ui-inputswitch .ui-inputswitch-off {background: #E4E4E4; border: none; padding-right: 10px; top: -1px;}
.ui-inputswitch .ui-inputswitch-on span, .ui-inputswitch .ui-inputswitch-off span{text-indent: 999px;}

/* PFM */
.legend-table tfoot {background-color: #f4f4f4;}
.legend-table.ui-datatable > div > table > tbody > tr > td, .legend-table.ui-datatable tfoot td.ui-state-default {border: none;}
.legend-table .bold-txt, .legend-table tfoot td.ui-state-default .bold-txt{border: none; border-left: solid 3px #004b8d !important; padding: 0px; padding-left: 5px; text-align: left; font-family: 'OpenSans-Semibold'; text-shadow: none; color: #333333;}
.legend-table tr.hide-row{display: none;}

/* Fileupload */
.fileupload-panel {width: 100%; padding: 0px 5px; border: 1px solid rgba(0,110,66,0.56); border-radius: 0px; box-sizing: border-box; background: white;}
.fileupload-panel > tbody > tr > td:LAST-CHILD{width: 100%;}
.fileupload-panel .ui-fileupload-buttonbar, .fileupload-panel .ui-fileupload-content{border: none; background-color: transparent; padding: 0px;}
.fileupload-panel .ui-fileupload-content{margin: 10px 0px; display: none;}
.fileupload-panel .ui-fileupload-content .ui-messages > div{margin: 0px;}
.fileupload-panel .ui-fileupload-files{display: none;}
.fileupload-panel .ui-datagrid-content.ui-datagrid-content-empty{text-align: center; font-size: 20px; line-height: 100px; box-sizing: border-box;}
.fileupload-panel .ui-datagrid-content{background: transparent; border: none; min-height: 100px;}
.fileupload-panel .ui-datagrid-content .ui-panel{background: transparent; border: none; width: 100%; height: 100%;}											  
.fileupload-panel .ui-datagrid-content .ui-panel-content{height: 100%; border: none; background: rgba(255, 255, 255, 0.8); padding: 10px 5px; -webkit-transition: 0.3s ease-out; -moz-transition:  0.3s ease-out; -o-transition:  0.3s ease-out; transition-property: background-color, color; border-radius: 5px;}
.fileupload-panel .ui-datagrid-content .ui-panel-content:hover{background-color: rgba(85, 85, 85, 0.5);}
.fileupload-panel .ui-datagrid-content .ui-panel-content:hover img {opacity: 0.3;}
.fileupload-panel .ui-datagrid-content .ui-datagrid-column {width: 100%; padding: 5px;}
.fileupload-panel .ui-fileupload-buttonbar .ui-fileupload-choose input {transform: none; width: 100%; height: 100%;}
.fileupload-panel .ui-fileupload-buttonbar .ui-fileupload-choose input::-webkit-file-upload-button{display: none;}
.fileupload-panel .ui-fileupload-buttonbar .ui-fileupload-choose .ui-button-text{display: none;}
.fileupload-panel .ui-fileupload{height: 25px;}
.fileupload-panel .ui-button.ui-fileupload-choose{width: 25px; height: 25px; margin: 0px; background: transparent; border: none;}
.fileupload-panel .ui-fileupload-buttonbar .ui-fileupload-choose .ui-icon{background-image: url('../images/svg/add.svg'); width: 100%; height: 100%; margin: auto; top: 0; bottom: 0; left: 0; right: 0;}
.fileupload-panel .icon-btn{position: absolute; top: 0px; right: 0px; height: 20px; background-color: transparent; visibility: hidden;}
.fileupload-panel .icon-btn .ui-icon{background-image: url('../images/svg/button-x.svg');}
.fileupload-panel .ui-datagrid-content .ui-panel-content:hover .icon-btn {visibility: visible; cursor: pointer; z-index: 2;}
.fileupload-panel .ui-datagrid-column img{width: 100%; max-width: 80px; z-index: 1;}
.fileupload-single .fileupload-panel .ui-datagrid-content.ui-datagrid-content-empty{text-align: left; font-size: 12px; line-height: 30px; box-sizing: border-box;}
.fileupload-single .fileupload-panel .ui-datagrid-content{background: transparent; border: none; min-height: 30px;}


/* datalist */
.ui-datalist div:not(.ui-selectonemenu-panel).ui-widget-content{border: none; background-color: transparent;}
.ui-datalist .ui-datalist-data{padding: 0px; margin: 0px;}
.ui-datalist .ui-datalist-item{display: block;}

/* Details Grid*/
.details-grid{background: rgba(250, 250, 250, 0.7); width: 100%; table-layout: fixed;}
.details-grid > tbody > tr {height: 50px;}
.details-grid > tbody > tr > td{font-family: OpenSans; font-size: 12px; border-bottom:1px solid rgba(151, 151, 151, 0.34); padding: 10px; word-break: break-word; word-wrap: break-word; }
.details-grid:last-of-type tr:nth-child(odd):last-child > td {border: none;}
.details-grid > tbody > tr:last-child td {border-bottom-color: transparent;}
.details-grid > tbody > tr > td:first-child {color: #007557; text-transform: uppercase; text-align: left; padding-left: 25%;}
.details-grid >tbody > tr > td:last-child{color: #4A4A4A; text-align: right; padding-right: 25%;}
.details-grid .ui-chkbox{height: 15px;}
.forgotConfDetails .details-grid:not(:first-child) {padding-top: 0px; padding-bottom: 0px;}
.forgotConfDetails .details-grid:first-child {padding-bottom: 0px;}
.forgotConfDetails .details-grid:last-child {padding-bottom: 15px;}

.forgotConfDetails .details-grid > tbody > tr > td {border-bottom:1px solid rgba(151, 151, 151, 0.34);}
.ui-dialog .details-grid >tbody > tr > td:first-child, .ui-dialog .details-grid >tbody > tr > td:last-child{padding-left: 0px; padding-right: 0px;}
.ui-dialog .details-grid{table-layout: auto;}

/*Details Grid within expansion row*/
.ui-expanded-row-content .details-grid > tbody > tr > td:first-child {text-transform: none; /*border-bottom: 1px solid rgba(200, 200, 200, 0.58) !important;*/ padding-left: 10px;}
.ui-expanded-row-content .details-grid > tbody > tr > td:last-child{/*border-bottom: 1px solid rgba(200, 200, 200, 0.58) !important;*/ padding-right: 10px;}
.ui-expanded-row-content .details-grid > tbody td:nth-child(2){color: #4A4A4A; font-size: 12px;}

.confirmation-page .details-grid {background: rgba(247, 247, 247, 0.63);}
.confirmation-page .details-grid > tbody > tr > td:first-child {text-align: left; padding-left: 25%;}
.confirmation-page .details-grid > tbody > tr > td:last-child{color: #5C5C4F; text-align: right; padding-right: 25%;}
.confirmation-page .details-grid tr:nth-child(odd) {background: transparent;/*rgba(195,195,195,0.07);*/ border:none;}
.confirmation-page .details-grid td .ui-chkbox{align-items: center;}
.confirmation-page .ui-card{border-radius: 0px;}
.confirmation-page .ui-card-header {padding: 0px; box-sizing: border-box;}
.confirmation-page .details-grid.full > tbody > tr > td{padding: 0px;}
.confirmation-page .ui-card-body .details-grid:not(:last-of-type) > tbody > tr:last-child td {border-bottom-color: rgba(151, 151, 151, 0.34);}
.confirmation-page .ui-card-body .details-grid.ui-panelgrid .ui-panelgrid-cell{border: none; border-bottom: 1px solid rgba(151, 151, 151, 0.34);}
.confirmation-page .ui-card-body .details-grid tr.ui-widget-content.ui-panelgrid-even, .confirmation-page .ui-card-body .details-grid tr.ui-widget-content.ui-panelgrid-odd {border: none; background: rgba(247, 247, 247, 0.63);}
.confirmation-page .ui-card-body .details-grid.ui-panelgrid > tbody > tr:last-child td.ui-panelgrid-cell { border-bottom-color: transparent;}
.confirmation-page .ui-card-body .ui-panelgrid {border-collapse: separate;}
.confirmation-page .details-grid > tbody > tr.bic-dynamic > td:last-child{padding: 0px;}

/* Row Expansion */
.ui-datatable table.expansion-grid, .ui-datatable-scrollable table, .ui-datatable-sticky table{width: 100%; table-layout: fixed;}
.expansion-grid td {box-sizing: border-box; padding: 5px 10px; border-top: solid 1px white;}
.expansion-grid tr td:first-child:not(:only-child){width: 200px; word-break: break-word; white-space: normal; text-align: left; padding-right: 10px;}
.expansion-grid tr td:last-child {width: 100%; color: #4A4A4A; text-align: left;}

/*Beneficiary Account Row Expansion*/
.ui-datatable.list-table .ui-datatable-data > tr:not(.ui-expanded-row-content) > td:before {content: ' '; position: absolute; bottom: 25%; right: 0px; height: 50%;}
/* RAFAELLA COMMENTS */
/* .ui-datatable.list-table .ui-datatable-data > tr:not(.ui-expanded-row-content) > td:not(:first-child):before {
    border-right: 1px solid rgba(200, 200, 200, 0.85);
} */
.ui-datatable.list-table .ui-datatable-data > tr > td {position: relative;}
.ui-datatable-scrollable table{table-layout: fixed;}

/* Edit Aliasl*/
.editAlias-panel {table-layout: auto !important;}
.editAlias-panel .editable-pg{position: relative; width: 100%;}
.editAlias-panel .editable-pg .ui-button {position: absolute; height: 100%; width: 40px; right: 0px; border: none; border-left: 1px solid rgba(120,120,117,0.50); border-radius: 0px; margin: 0;}
.editAlias-panel .editable-pg .ui-button .ui-icon{font-family: "icomoon"; font-size: 18px; color: #006e42;}
.editAlias-panel .icon-btn{height: 50px; width: 100%; vertical-align: middle;}
.editAlias-panel .editable-pg input{margin: 0px !important; padding-right: 40px;}


/* TabView*/
.ui-tabs{background-color: transparent;}
.ui-tabs.ui-tabs-top > .ui-tabs-nav {width: 100%; background: none; margin: 0px; padding: 0px; box-sizing: border-box; display: table; table-layout: fixed; padding-right: 50%; margin-top: 25px; margin-bottom: 25px; border-left: solid 1px #006E42;}
.ui-tabs.ui-tabs-top>.ui-tabs-nav li{display: table-cell; vertical-align: middle; height: 34px; border-left: none; border-radius: 0px; top: 0px; margin: 0px; padding: 5px; float: none; border: none; cursor: pointer; border: solid 1px #006E42; border-left: 1px;}
.ui-tabs.ui-tabs-top>.ui-tabs-nav li a{/*text-transform: uppercase;*/ width: 100%; box-sizing: border-box; padding: 0px; text-align: center; font-family: 'OpenSans-Semibold'; font-size: 14px; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block;}

.unread-msg span.ui-button-icon-left.ui-icon.ui-c.fa.fa-circle{color: #0D47A1;}
.read-msg span.ui-button-icon-left.ui-icon.ui-c.fa.fa-circle{color: #555555;}
.ui-tabs .ui-state-default .ui-icon-refresh {height: 30px; width: 30px; background-position: 0px 0px;}

.ui-datatable .new-msg{font-family: 'OpenSans-Semibold'; opacity: 1;}

/*Search Input*/
input[type="text"].searchInput {background-image: url(../images/svg/search.svg); background-position: right 10px center; padding: 0px 40px 0px 10px; background-size: 20px; background-repeat: no-repeat; border: 1px solid rgba(0,110,66,0.56);}
input[type="text"].searchInput.ui-state-focus{border: 2px solid rgba(0,110,66,0.56);}
.searchImg, .moreActionsPg {width: 21px; height: 20px; vertical-align: middle; padding: 20px 0px; margin: 0px auto; cursor: pointer;}
.ui-overlaypanel-content .search-actions {padding: 0px 7.5px; box-sizing: border-box; width: 100%; display: block;}
.searchOverlayImg {width: 35px; height: 15px; vertical-align: middle; float: right; position: relative; top: 25px;}
input[type="text"].search-img {background-image: url(../images/svg/search-2.svg); background-position: left 10px center; padding-left:40px;/*padding: 0px 40px 0px 10px;*/ background-size: 16px; background-repeat: no-repeat;}
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-inputfield.ui-state-error + .bic-input{border: 1px solid #D0021B;}


.search-menu {display:none; margin: 0; padding: 0px; background: none; background-color: transparent; border: none;width:100%; border-radius: 0px; box-shadow: 9px 9px 16px 0 #B7B7B7, -9px -9px 16px 0 rgba(0,0,0,0.20);}
.search-menu .ui-menu-list .ui-widget-header,.search-menu .ui-menu-list .ui-widget-header:hover{cursor: pointer; position: relative; background-color: #FFFFFF; width: 100%; border:none; border-top: 1px dashed rgba(255,255,255,0.2); border-radius: 0px; margin:0px; line-height: 35px; padding: 15px 0px; box-sizing: border-box;}
.search-menu .ui-menu-list .ui-widget-header:first-child{border-top: none;}
.search-menu .ui-menu-list .ui-menuitem {background-color: transparent; margin: 0px; width: 100%;}
.search-menu .ui-menuitem-link{line-height: 37px; padding: 0px; text-decoration: none; width: 100%; border-radius:0px; border:none; border-top: 1px dashed rgba(255,255,255,0.2); background-color: #FFFFFF;}
.search-menu .ui-menu-list .ui-state-hover{background-image: none;box-shadow:none;}
.search-menu.ui-menuitem-text{width: 100%; color: white; background: transparent; text-shadow: none; box-sizing: border-box; font-size: 15px; font-weight: normal; padding: 0px;}
.search-menu .ui-menuitem-text{padding: 15px 0px; padding-left: 5px; font-size: 13px; letter-spacing: 0.46px; color:#9B9B9B;}
.search-menu.ui-menu.ui-menu-toggleable li.ui-widget-header h3{padding: 0px 50px; text-transform: uppercase; font-size: 14px;}
.search-menu .ui-menu-list{display:block; padding-top: 0px;}
.search-menu .ui-menu-list li{box-sizing:border-box;}
.search-menu.ui-menu-list li:hover{background-image: none; box-shadow:none;}

/*Repeat Panel*/
.repeat-panel .ui-button .ui-icon {font-size: 12px;}
.ui-accordion.repeat-panel .ui-accordion-header .ui-icon.ui-icon-triangle-1-e{background-image: url('../images/svg/expand.svg');}
.ui-accordion.repeat-panel .ui-accordion-header .ui-icon.ui-icon-triangle-1-s{background-image: url('../images/svg/collapse.svg');}

/* Font Awesome */
.fa {color: #555555;}

/*	------	 SVG 	------	*/
.ui-state-default .ui-icon{border-radius: 0px;}

.ui-state-default .ui-icon-facebook{background-image: url('../images/svg/facebook.svg');}
.ui-state-default .ui-icon-twitter{background-image: url('../images/svg/twitter.svg');}
.ui-state-default .ui-icon-linkedin{background-image: url('../images/svg/linked-in.svg');}
.ui-state-default .ui-icon-youtube{background-image: url('../images/svg/youtube.svg');}
.ui-state-default .ui-icon-instagram{background-image: url('../images/svg/instagram.svg');}

.ui-state-default .ui-icon-edit{background-image: url('../images/svg/edit.svg'); height: 20px; width: 20px;}
.ui-state-default .ui-icon-edit-alias{background-image: url('../images/svg/edit-aliax.svg'); height: 20px; width: 20px;}
.ui-state-default .ui-icon-done{background-image: url('../images/svg/done.svg');}
.ui-state-default .ui-icon-close-edit{background-image: url('../images/svg/close.svg');}
/*.ui-state-default .ui-icon-close-edit-grey{background-image: url('../images/svg/close-2.svg'); height: 17px; width: 17px;}*/
	
/*.ui-state-default .ui-icon-accounts{background-image: url('../images/svg/accounts.svg');}*/
.ui-state-default .ui-icon-add{background-image: url('../images/svg/add.svg');}
.ui-state-default .ui-icon-add-grey{background-image: url('../images/svg/add-grey.svg');}
.ui-state-default .ui-icon-alerts, .alerts-tab:before{background-image: url('../images/svg/alerts.svg');}
/*.ui-state-default .ui-icon-alerts-white{background-image: url('../images/svg/alerts-white.svg');}*/
.ui-state-default .ui-icon-arrow, .ui-state-default .ui-icon-arrow-right, .ui-state-default .ui-icon-arrow-left, .ui-state-default .ui-icon-arrow-down{background-image: url('../images/svg/arrow.svg');}
.ui-state-default .ui-icon-arrow-right{-webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg);}
.ui-state-default .ui-icon-arrow-left{-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);}
.ui-state-default .ui-icon-arrow-down, .ui-state-default .ui-icon-arrow-down-grey, .ui-state-default .ui-icon-arrow-down-blue, .ui-icon-arrow-down-white,

.ui-state-default .ui-icon-chevron, .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {background-image: url('../images/svg/chevron-grey.svg');}

.ui-state-default .ui-icon.ui-icon-seek-next, .ui-state-default .ui-icon.ui-icon-seek-prev{text-indent: -99999px; background: url(../images/svg/chevron-grey.svg) no-repeat center; height: 15px; width: 15px;}
.ui-state-default .ui-icon.ui-icon-seek-prev, .ui-datepicker .ui-datepicker-prev span{-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}

/*.ui-state-default .ui-icon.ui-icon-seek-first{background: url(../images/svg/go-to-first.svg) no-repeat center;}*/
/*.ui-state-default .ui-icon.ui-icon-seek-end{background: url(../images/svg/go-to-last.svg) no-repeat center;}*/

/*.ui-state-default .ui-icon-calendar, .ui-calendar .ui-inputfield.ui-state-disabled {background-image: url('../images/svg/calendar.svg');}*/
/*.ui-state-default .ui-icon-checkbox-active{background-image: url('../images/svg/chek-box-active.svg');}
.ui-state-default .ui-icon-checkbox{background-image: url('../images/svg/chek-box.svg');}
.ui-state-default .ui-icon-clear{background-image: url('../images/svg/clear.svg');}*/
.ui-state-default .ui-icon-delete{background-image: url('../images/svg/delete.svg');}
.ui-state-default .ui-icon-dropdown{background-image: url('../images/svg/dropdown.svg');}

.ui-state-default .ui-icon-favourites, .favourites-tab:before{background-image: url('../images/svg/favourites.svg');}
.ui-state-default .ui-icon-beneficiaries, .beneficiaries-tab:before{background-image: url('../images/svg/beneficiaries.svg');}
.ui-state-default .ui-icon-templates, .templates-tab:before{background-image: url('../images/svg/templates.svg');}
.ui-state-default .ui-icon-home{background-image: url('../images/svg/home.svg');}
.ui-icon.bank-online-banking-home{background-image: url('../images/svg/home.svg');}
/*.ui-state-default .ui-icon-load-templates{background-image: url('../images/svg/load-templates.svg');}*/
.ui-state-default .ui-icon-logout{background-image: url('../images/svg/logout.svg');}
.ui-state-default .ui-icon-logout:before{content: "\e901";}
.ui-state-default .ui-icon-logout{background-image: none; font-family: "icomoon"; font-size: 14px; color: #026121; text-indent: 0px;}
/*.ui-state-default .ui-icon-resp-logout{background-image: url('../images/svg/responsive_logout.svg');}
.ui-state-default .ui-icon-resp-alerts{background-image: url('../images/svg/responsive_alerts.svg');}*/
/*.ui-state-default .ui-icon-move-account{background-image: url('../images/svg/move-account.svg');}
.ui-state-default .ui-icon-move-account-blue{background-image: url('../images/svg/move-account-blue.svg');}*/
.ui-state-default .ui-icon-pc{background-image: url('../images/svg/pc.svg');}
.ui-state-default .ui-icon-phone{background-image: url('../images/svg/phone.svg');}
/*.ui-state-default .ui-icon-remove{background-image: url('../images/svg/remove.svg');}
.ui-state-default .ui-icon-remove-grey{background-image: url('../images/svg/remove-grey.svg');}
.ui-state-default .ui-icon-repeat{background-image: url('../images/svg/repeat.svg');}*/
.ui-state-default .ui-icon-reply{background-image: url('../images/svg/reply.svg');}
.ui-state-default .ui-icon-search{background-image: url('../images/svg/search.svg');}
.ui-state-default .ui-icon-search-2{background-image: url('../images/svg/search-2.svg');}
.ui-state-default .ui-icon-search-3{background-image: url('../images/svg/search-3.svg');}
.ui-state-default .ui-icon-tools{background-image: url('../images/svg/tools.svg');}
.ui-state-default .ui-icon-settings, .settings-tab:before{background-image: url('../images/svg/settings.svg');}
.calendar-tab:before{background-image: url('../images/svg/calendar.svg');}
/*.ui-state-default .ui-icon-submit{background-image: url('../images/svg/submit.svg');}*/
.ui-state-default .ui-icon-apply{background-image: url('../images/svg/tick-2.svg');}
.ui-state-default .ui-icon-transfers{background-image: url('../images/svg/transfers.svg');}
.ui-state-default .icon-close:before, .icon-close:before{content: "\e939";}
.ui-state-default .icon-close, .icon-close{background-image: none; font-family: "icomoon"; font-size: 20px; color: #FFFFFF; text-indent: 0px; text-decoration: none; padding: 15px; box-sizing: border-box; float: right;}
.ui-state-default .ui-icon-documentation{background-image: url('../images/svg/documentation.svg');}
.ui-state-default .ui-icon-submit{background-image: url('../images/svg/chevron-white.svg');}
.ui-state-default .ui-icon-back{background-image: url('../images/svg/chevron-grey.svg');}
.ui-state-default .ui-icon-back-white{background-image: url('../images/svg/chevron-white.svg'); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}
.ui-state-default .ui-icon-star, .ui-icon-star{background-image: url('../images/svg/star.svg');}
.ui-state-default .ui-icon-star-filled, .ui-icon-star-filled{background-image: url('../images/svg/star-filled.svg');}
.ui-state-default .ui-icon-back{-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}
.ui-state-default .ui-icon-download{background-image: url('../images/svg/download.svg');}
.ui-state-default .ui-icon-download-2{background-image: url('../images/svg/download-2.svg');}
.ui-state-default .ui-icon-view{background-image: url('../images/svg/view.svg');}
.ui-state-default .ui-icon-load{background-image: url('../images/svg/load.svg');}
.ui-state-default .ui-icon-save{background-image: url('../images/svg/save-draft.svg');}
.ui-state-default .ui-icon-redirect{background-image:  url('../images/svg/redirect.svg'); background-size: 15px;}
.ui-state-default .ui-icon-done-white{background-image: url('../images/svg/done-white.svg');}
.ui-state-default .ui-icon-pending-white{background-image: url('../images/svg/pending-white.svg');}
.ui-state-default .ui-icon-failed-white{background-image: url('../images/svg/failed-white.svg');}
.ui-state-default .ui-icon.ui-icon-export{background-image: url('../images/svg/save-draft.svg');}
.ui-state-default .ui-icon.ui-icon-angles-right{background-image: url('../images/svg/angles-right-solid.svg');}

.status-icons .ui-icon-done-white{background-color: #9ccc65;}
.status-icons .ui-icon-pending-white{background-color: #ffa726;}
.status-icons .ui-icon-failed-white{background-color: #ef5350;}

.status-icons.ui-button-icon-only .ui-icon{background-position: 50% 50%; background-size: 15px; border-radius: 100%; height: 30px;  width: 30px;}

.ui-state-default .ui-icon-messages{background-image: url('../images/svg/messages.svg');}
.ui-state-default .ui-icon-pending-auth{background-image: url('../images/svg/tick.svg');}
.ui-state-default .ui-icon-notification{background-image: url('../images/svg/pc.svg');}
.ui-state-default .ui-icon-batch{background-image: url('../images/svg/pc.svg');}

/*.ui-state-default .ui-icon-manage{background-image: url('../images/svg/manage.svg');}
.ui-state-default .ui-icon-manage-blue{background-image: url('../images/svg/manage-blue.svg');}*/
.ui-state-hover .ui-icon-manage-blue, .ui-state-highlight .ui-icon-manage-blue{background-image: url('../images/svg/manage.svg');}
/*.ui-state-default .ui-icon-personalisation{background-image: url('../images/svg/personalisation.svg');}

.icon-exchange-rates{background-image: url('../images/svg/exchange-rates.svg');}*/
.icon-alerts{background-image: url('../images/svg/alerts.svg');}
.icon-settings{background-image: url('../images/svg/settings.svg');}

.ui-icon.ui-icon-pdf{background-image: url('../images/svg/pdf.svg');}
.ui-icon.ui-icon-excel{background-image: url('../images/svg/xls.svg');}
/*.ui-icon.ui-icon-word{background-image: url('../images/svg/word.svg');}*/

.ui-icon.ui-icon-csv{background-image: url('../images/svg/csv-file.svg');}
.ui-icon.ui-icon-video{background-image: url('../images/svg/video.svg');}
.ui-icon.ui-icon-help{background-image: url('../images/svg/help.svg');}

.ui-state-default .ui-icon-details{background-image: url('../images/svg/quick-action-details.svg');}
.ui-state-default .ui-icon-payments{background-image: url('../images/svg/quick-action-payment.svg');}
.ui-state-default .ui-icon-history{background-image: url('../images/svg/quick-action-history.svg');}
.ui-state-default .ui-icon-transfer{background-image: url('../images/svg/reply.svg');}
.ui-state-default .ui-icon-profit-rate{background-image: url('../images/svg/profit-rate.svg');}
.ui-state-default .ui-icon-mudaraba-term-deposit{background-image: url('../images/svg/mudaraba-deposit.svg');}
.ui-state-default .ui-icon-block-card{background-image: url('../images/svg/block-card.svg');}
.ui-state-default .ui-icon-more{background-image: url('../images/svg/more.svg');}


.ui-state-default .ui-icon-customise{background-image: url('../images/svg/customise.svg');}
.ui-state-default .ui-icon-history-white{background-image: url('../images/svg/quick-action-history-white.svg');}
.ui-state-default .ui-icon-payments-white{background-image: url('../images/svg/payments-white.svg');}
.ui-state-default .ui-icon-transfer-white{background-image: url('../images/svg/reply-white.svg');}
.ui-state-default .ui-icon-profit-rate-white{background-image: url('../images/svg/profit-rate-white.svg');}
.ui-state-default .ui-icon-chequebook-white{background-image: url('../images/svg/check-book-order-white.svg');height: 20px;}
.ui-state-default .ui-icon-mudaraba-term-deposit-white{background-image: url('../images/svg/mudaraba-deposit-white.svg');height: 20px;}
.ui-state-default .ui-icon-block-card-white{background-image: url('../images/svg/block-card-white.svg');}

.slide-menu .ui-icon.bank-online-banking-home{background-image: url('../images/svg/home-slide.svg');}
.slide-menu .ui-icon.bank-products{background-image: url('../images/svg/products-slide.svg');}
.slide-menu .ui-icon.bank-transfers{background-image: url('../images/svg/transfers-slide.svg');}
.slide-menu .ui-icon.bank-payments{background-image: url('../images/svg/payments-slide.svg');}
.slide-menu .ui-icon.bank-tools{background-image: url('../images/svg/settings-slide.svg');}
.slide-menu .ui-icon.bank-services{background-image: url('../images/svg/tools-slide.svg');}
.slide-menu .ui-icon.bank-applications{background-image: url('../images/svg/applications-slide.svg');}
/*.slide-menu .ui-icon.bank-user-account{background-image: url('../images/svg/accounts-slide.svg');}
.slide-menu .ui-icon.bank-user-tools{background-image: url('../images/svg/user-tools-slide.svg');}*/


.ui-widget-header .ui-icon.ui-icon-settings-slide{background-image: url('../images/svg/home-slide.svg');}
.ui-widget-header .ui-icon.ui-icon-exchange-rates-slide{background-image: url('../images/svg/home-slide.svg');}

.alerts-tab:before, .favourites-tab:before, .beneficiaries-tab:before, .templates-tab:before, .settings-tab:before, .calendar-tab:before{content: ''; background-repeat: no-repeat; height: 18px; width: 18px; position: absolute; top: 0px; bottom: 0px; left: 5px; margin: auto;}

/************************* Slide MENU *************************/

.cd-btn {padding-right: 10px; width: 30px; display: block; cursor: pointer;}
.cd-btn-profile-menu {display: block; cursor: pointer;}
.from-left .cd-panel-container {left: 0; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}
.from-right .cd-panel-container {right: 0; -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}

.slide-menu {margin: 0; padding: 0px; background: none; background-color: transparent; border: none; width: 100%;}
.slide-menu .ui-widget-header.level-0,.slide-menu .ui-widget-header.level-0:hover{cursor: pointer; position: relative; background-color: transparent; width: 100%; border:none; border-top: 1px solid rgba(255,255,255,0.27); border-radius: 0px; margin:0px; line-height: 35px; padding: 15px; box-sizing: border-box;}
.slide-menu .ui-widget-header.level-0 h3, .slide-menu .ui-widget-header.level-0:hover h3{color: white; padding: 0px; font-size: 16px; font-weight: normal;}
.slide-menu .level-1 h3 {position: relative;}
.slide-menu .ui-menuitem, .slide-menu .ui-widget-header.level-1 {background-color: transparent; margin: 0px; width: 100%;}
.slide-menu .ui-menuitem-link, .slide-menu .level-1 h3{padding: 0px; text-decoration: none; width: 100%; border-radius:0px; border:none; border-top: 1px dashed rgba(255,255,255,0.27); background-color: #42873D;}
.slide-menu .level-2 .ui-menuitem-link {border-color: transparent;}
.slide-menu .level-1.open h3{border-bottom: 1px dashed rgba(255,255,255,0.27);}
.slide-menu .ui-menu-list .ui-state-hover{background-image: none;box-shadow:none;}
.slide-menu .ui-menuitem-text, .slide-menu .level-1 h3{width: 100%; color: white; text-shadow: none; font-weight: normal; padding: 15px 0px; padding-left: 50px; box-sizing: border-box; font-size: 14px; letter-spacing: 0.5px;}

.slide-menu .ui-menu-list .ui-widget-header.level-1 {border: none; box-sizing: border-box; cursor: pointer;}
.slide-menu .ui-menuitem-link.level-2 {padding-left: 30px; box-sizing: border-box;}
.slide-menu.ui-menu.ui-menu-toggleable li.ui-widget-header h3{padding: 0px 50px; text-transform: uppercase; font-size: 14px;}
.slide-menu .ui-menu-list{display:block; padding-top: 0px;}
.slide-menu .ui-menu-list li{box-sizing:border-box;}
.slide-menu .ui-menu-list li:hover{background-image: none; box-shadow:none;}
.cd-panel .ui-accordion .ui-accordion-header {padding-left: 58px; margin: 0px; background-color: #1D5632; color: #FFFFFF; font-size: 15px; text-transform: none; font-family: 'OpenSans'; border-top: 1px dashed rgba(255,255,255,0.2);}
.cd-panel .ui-accordion .ui-accordion-header:first-child{border-top: none;} 

.cd-panel-container .cust-select{width: 100%;}

.slide-menu.ui-menu .ui-widget-header h3:before{content:''; display: block; position: absolute; margin: auto; top: 0px; bottom: 0px; right: 15px; left: auto;}
.slide-menu.ui-menu .ui-widget-header.level-0 h3:before {background: url(../images/svg/chevron-white.svg) no-repeat center; width: 16px; height: 16px;}
.slide-menu.ui-menu .ui-widget-header.level-0.open h3:before{-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);}
.slide-menu.ui-menu .ui-widget-header.level-1 h3:before{font-family: "icomoon"; content: "\e921"; height: 13px; font-size: 13px;}
.slide-menu.ui-menu .ui-widget-header.level-1.open h3:before{content: "\e922";}
.slide-menu.ui-menu .ui-widget-header.no-items h3:before{content: none;}

.cd-panel .cd-panel-content .ui-menu{width: 100%; box-sizing:border-box; border-bottom: 1px dashed rgba(255,255,255,0.2); border-radius: 0px; padding: 0px;}
.cd-panel .cd-panel-content .ui-menu:first-of-type{border: none; border-top: 1px solid rgba(255,255,255,0.2);}
.cd-panel-container .header > tbody > tr > td:last-child{width: 50px;}
.cd-panel-close {height: 44px; width: 44px;/*width: 100%;*/ display: block; background-size: 30px;}
.cd-profile-panel .cd-panel-container{width: 230px; background-color: #F1F1F1; box-shadow: -1px 0 4px 0 rgba(0,0,0,0.50);}
.cd-panel-container {background-color: #1D5632;; position: fixed; width: 40%; min-width: 300px; height: 100%; top: 0; z-index: 5; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; transition-delay: 0.3s; color: #E5E5E5;}
.cd-panel-content {background: transparent; height: 100%; left: 0; overflow-x: hidden; overflow-y: auto; position: absolute; top: 0; -webkit-overflow-scrolling: touch; width: 100%;}
.cd-panel:after, .cd-panel:before, .cd-profile-panel:after, .cd-profile-panel:before{content: '';}
.cd-panel {display:none;}
.cd-panel, .cd-profile-panel {cursor: pointer; position: absolute; z-index:5; top: 0; left: 0; height: 100%; width: 100%; visibility: hidden; -webkit-transition: visibility 0s 0.6s; -moz-transition: visibility 0s 0.6s; transition: visibility 0s 0.6s;}
.cd-panel:after, .cd-profile-panel:after {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; cursor: pointer; -webkit-transition: background 0.3s 0.3s; -moz-transition: background 0.3s 0.3s; transition: background 0.3s 0.3s;}
.cd-profile-panel{display: block; z-index: 99999;}
.cd-profile-panel.is-visible {visibility: visible; -webkit-transition: visibility 0s 0s; -moz-transition: visibility 0s 0s; transition: visibility 0s 0s;}
.cd-profile-panel.is-visible:after {background: rgba(0, 0, 0, 0.6); -webkit-transition: background 0.3s 0s; -moz-transition: background 0.3s 0s; transition: background 0.3s 0s; z-index: 4;}

.cd-panel-content p {font-size: 14px; font-size: 0.875rem; color: #424f5c; line-height: 1.4; margin: 2em 0;}
.cd-panel-content p:first-of-type {margin-top: 0;}
.cd-profile-panel .profile-actions .image-pg{width: 90px; height: 90px; border: solid 1px #42873D; background-color: #42873D; margin-top:60px;}
.profile-actions button.ui-button-icon-only {height: 100%; width: 100%; margin: 0;}
.profile-actions .image-pg button.ui-button-icon-only .ui-icon {font-size: 50px; color: #FFFFFF;}
.profile-actions button.ui-button-icon-only .ui-icon.icon-mobile{color: #007557; font-size: 13px;}

.cd-panel.is-visible .cd-panel-container, .cd-profile-panel.is-visible .cd-panel-container {-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition-delay: 0s; -moz-transition-delay: 0s; transition-delay: 0s;}

.cd-panel.is-visible:after {background: rgba(0, 0, 0, 0.6); -webkit-transition: background 0.3s 0s; -moz-transition: background 0.3s 0s; transition: background 0.3s 0s; z-index: 4;}
	
	
@-webkit-keyframes cd-close-1 {
  0%, 50% {
    -webkit-transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(45deg);
  }
}
@-moz-keyframes cd-close-1 {
  0%, 50% {
    -moz-transform: rotate(0);
  }
  100% {
    -moz-transform: rotate(45deg);
  }
}
@keyframes cd-close-1 {
  0%, 50% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}
@-webkit-keyframes cd-close-2 {
  0%, 50% {
    -webkit-transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(-45deg);
  }
}
@-moz-keyframes cd-close-2 {
  0%, 50% {
    -moz-transform: rotate(0);
  }
  100% {
    -moz-transform: rotate(-45deg);
  }
}
@keyframes cd-close-2 {
  0%, 50% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

/*Notifications*/
.notificationsGP {/*position: absolute; left: -67px; display: inline-block; width: 67px; height: 67px;*/ /*transform: rotate(-90deg); transform-origin: left top 0; */color: #FFFFFF; /*background-color: #787875;*/ cursor: pointer; /*box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16);*/ border-radius: 10px 0 0 10px; box-sizing: border-box;}
.notificationsGP .ui-button {position: absolute;top: 5px;height: 20px; width: 20px;background-color: #006E42; border: none;color: #FFFFFF;}



/* side-nav wrapper */
.side-nav, .side-navi-item, .side-navi-data, .side-navi-tab {margin: 0; padding: 0;}
.side-nav {position: fixed; right: 0px; top: 50%; transform: translateY(-50%); height: 276px; z-index: 9999;}
.side-navi-item {position: absolute; left: -67px; display: inline-block; width: 67px; height: 67px; /*transform: rotate(-90deg); transform-origin: left top 0; */color: #FFFFFF; background-color: #787875; cursor: pointer; box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16); border-radius: 10px 0 0 10px; box-sizing: border-box;}
.side-navi-data {position: absolute; top: 0; left: 0px; width: 300px; height: 273px; background-color: white; box-shadow: 0 2px 4px 0 rgba(0,0,0,0.60);}
.side-nav .side-navi-item:nth-child(1).side-title {top: 0px;}
.side-nav .side-navi-item:nth-child(2).side-title {top: calc(67px + 2px);}
.side-nav .side-navi-item:nth-child(3).side-title {top: calc(134px + 4px);}
.side-nav .side-navi-item:nth-child(4).side-title {top: calc(201px + 6px);}
.side-nav .side-navi-item:nth-child(5).side-title {top: calc(268px + 8px);}
.side-nav .side-navi-item p {margin: 0px; margin-top: 5px; overflow: hidden;}
.side-navi-item.active {background-color: #006E42;}
.side-navi-item.active .ui-button {display: none;}
.side-navi-item > div {padding: 8px 0px; text-align: center;}
.side-navi-tab {display: none;}
.side-navi-tab.active {display: inline-block; width: 100%; padding: 10px; box-sizing: border-box;}
.side-navi-tab > div { background-color: transparent; padding: 0px; box-sizing: border-box;}
.side-navi-tab .notifications-panel .ui-button, .side-navi-tab .favourites-menu.ui-menu .ui-menuitem-link {border-bottom: 1px dashed #979797;}
.side-navi-tab .ui-menu .ui-menuitem-text, .side-navi-tab .settings-menu .ui-button-text {color: #383A35;}
.side-navi-tab .ui-menu {border: none;padding: 0px;width: 100%;}
.side-navi-item .ui-button {position: absolute;top: 5px;height: 20px; width: 20px;background-color: #006E42; border: none;color: #FFFFFF;}
.side-navi-item .ui-button .ui-button-text {padding: 0px;}
.side-nav .selectOneButtonTabSt .ui-button.ui-widget, .side-nav .ui-tabs.ui-tabs-top>.ui-tabs-nav li.ui-state-active a {color: #006E42;}
.side-nav .selectOneButtonTabSt .ui-button.ui-widget, .side-nav .ui-tabs.ui-tabs-top>.ui-tabs-nav li a {color: #5E5E5E; text-transform: capitalize;}
.side-nav .ui-tabs.ui-tabs-top > .ui-tabs-nav {padding-left: 0px; padding-right: 0px;padding-bottom: 7.5px;}

.slick-carousel.widget-carousel .widget-panel > .ui-panel{margin:10px; box-sizing: border-box; border-radius: 15px;}
.slick-carousel.widget-carousel .widget-panel > .ui-panel .ui-panel-titlebar .ui-panel-title {color: white; font-family: 'OpenSans'; font-size: 16px; margin: 0px;}
.slick-carousel.widget-carousel .widget-panel > .ui-panel .ui-panel-titlebar {background-color: #006E42; border-radius: 15px 15px 0px 0px; padding: 13px;}
.slick-carousel.widget-carousel .widget-panel > .ui-panel .ui-panel-content{border: solid 1px #dadada; border-top: none; border-radius: 0px 0px 15px 15px; height: 275px; overflow: hidden; overflow-y: auto;}
.slick-carousel.widget-carousel .widget-panel > .ui-panel .ui-panel-titlebar .icon-btn{height: 25px; width:25px;}
/*.slick-carousel .ui-selectonemenu, .slick-carousel .ui-widget-content .ui-selectonemenu, .slick-carousel .ui-selectcheckboxmenu, .slick-carousel .ui-widget-content .ui-selectcheckboxmenu{height: 40px;}
.slick-carousel .ui-selectonemenu .ui-selectonemenu-label.ui-inputfield{line-height: 40px; height: 40px;}
.slick-carousel .ui-widget-content .ui-inputfield, .slick-carousel .datepicker-device {height: 40px;}
*/

.slick-carousel.widget-carousel .ui-datatable thead th span, .slick-carousel.widget-carousel .ui-datatable tbody.ui-datatable-data .expansion-grid tr td:first-child:not(:only-child){font-size: 13px;}
.slick-carousel.widget-carousel .ui-datatable .row-toggler {width: 30px;}
.ui-row-toggler.ui-icon.ui-icon-circle-triangle-e, .ui-row-toggler.ui-icon.ui-icon-circle-triangle-s {background-image: none; font-family: "icomoon"; font-size: 15px; color: #2D9648; text-align: center;}
.slick-carousel.widget-carousel .ui-datatable .ui-expanded-row-content > td {padding-left: 30px; padding-right: 30px;}
.slick-carousel.widget-carousel .ui-datatable thead th, .slick-carousel.widget-carousel .ui-datatable thead th.ui-state-default, .slick-carousel.widget-carousel .ui-widget-content .ui-datatable thead th.ui-state-default {padding: 5px;}
.slick-carousel.widget-carousel .ui-datatable tbody td {padding: 5px;}

.payee-carousel.slick-carousel{margin-bottom: 20px;}
.payee-carousel.slick-carousel .widget-panel > .ui-panel{margin: 10px 10px 10px 0px; box-sizing: border-box; border-radius: 5px;}
.payee-carousel.slick-carousel .ui-panel .ui-panel-titlebar .ui-panel-title {color: #006E42; font-family: 'OpenSans'; font-size: 16px;}
.payee-carousel.slick-carousel .ui-panel .ui-panel-titlebar {background-color: transparent; border-radius: 5px 5px 0px 0px; padding: 13px;}
.payee-carousel.slick-carousel .ui-panel .ui-panel-content{background-color: #FAFAFA; border: 1px solid rgba(219,219,219,0.74); border-radius: 5px; height: 100px; position: relative; z-index: 0;}
.payee-carousel.slick-carousel .ui-selectonemenu, .payee-carousel.slick-carousel .ui-widget-content .ui-selectonemenu, .payee-carousel.slick-carousel .ui-selectcheckboxmenu, .payee-carousel.slick-carousel .ui-widget-content .ui-selectcheckboxmenu{height: 35px;}
.payee-carousel.slick-carousel .ui-selectonemenu .ui-selectonemenu-label.ui-inputfield{line-height: 35px; height: 35px;}
.payee-carousel.slick-carousel .slick-prev {left: -25px;}
.payee-carousel.slick-carousel .slick-next {right: -25px;}
.payee-carousel.slick-carousel .slick-prev, .payee-carousel.slick-carousel .slick-next{background: transparent; background-image: url(../images/svg/chevron-grey.svg); background-repeat: no-repeat; width: 15px; height: 15px;}
.payee-carousel.slick-carousel .ui-chkbox {height: 100px; position: relative;  width: 100%;}
.payee-carousel.slick-carousel .ui-chkbox .ui-chkbox-box {left: auto; position: absolute; right: 5px; top: 20px;}
.payee-carousel.slick-carousel .ui-outputlabel {bottom: 75px; cursor: pointer; position: relative; top: auto; z-index: -1; padding: 0px;}
.payee-carousel.slick-carousel .image-pg{background: #D8D8D8; border: 1px solid #979797; width: 36px; height: 36px; padding: 10px;}
.payee-carousel.slick-carousel .ui-chkbox-box .ui-icon {background-image: none;}
.payee-carousel.slick-carousel .ui-chkbox-box .ui-icon.ui-icon-check {background-image: url(../images/svg/select-beneficiary.svg);}
.payee-carousel.slick-carousel .ui-chkbox-box .ui-icon.ui-icon-blank ~ span.ui-chkbox-label{color: black;}
.payee-carousel.slick-carousel .ui-chkbox-box .ui-icon.ui-icon-blank ~ span.ui-chkbox-check{color: #006E42;}
.payee-carousel.slick-carousel .ui-outputlabel .truncate{font-size: 10px; font-family: OpenSans-Semibold; padding: 0px 2.5px; text-align: center; box-sizing: border-box; padding-top: 10px;}
.payee-carousel.slick-carousel .ui-outputlabel .truncate.active{color: #006E42;}
.payee-carousel.slick-carousel .ui-outputlabel .truncate.inactive{color: #4A4A4A;}

.details-grid.no-bgd {border-bottom: 1px solid rgba(120,120,117,0.2); padding-bottom: 5px; box-sizing: border-box;}
.details-grid.no-bgd tr {background: none;}
.details-grid.no-bgd > tbody > tr > td {padding: 0px; font-family: OpenSans-Semibold; font-size: 16px; color: #006E42; text-transform: none; word-break: break-word;}
.details-grid.no-bgd > tbody > tr > td:first-child{width: 32px;}
.details-grid.no-bgd > tbody > tr > td:nth-child(2) {padding-left: 8px;}
.no-bgd > tbody > tr > td:nth-child(2) {padding-left: 20px;}
.details-grid.no-bgd .image-pg {border: 1px solid #787875; width: 32px; height: 32px; padding: 5px; margin: 0;}
.no-bgd .image-pg {border: 1px solid #787875; width: 40px; height: 40px; padding: 7px; margin: 0;}

.h4 .ui-button-text {font-family: 'OpenSans-Semibold'; font-size: 14px; color: #006E42;}

/* Marketing Banner */
.marketing-panel {border-spacing: 0px !important; width: 100%; height: 100px; padding: 10px; background: rgba(195,195,195,0.07); border-radius: 10px;}
.marketing-panel > tbody > tr > td:last-child{width: 100%; padding: 0px 20px;}
.marketing-panel .banner-txt{width: 100%; font-size: 15px; padding: 0px; margin-bottom: 15px; display: block; color: #383A35;}
.marketing-panel .banner-img:not(.web){display: none;}
.marketing-panel .banner-btns{display: table; table-layout: fixed;}
.marketing-panel .banner-btns > div{display: table-cell; table-layout: fixed;}
.marketing-panel .banner-btns > div:not(:last-child){padding-right: 10px;}
.marketing-panel .banner-btns button{width: 150px; margin: 0px;}

.ui-blockui.ui-widget-overlay{border-radius: 10px;}
.ui-blockui-content {background: none; box-shadow: none; border: none; height: 30px; width: 30px !important; padding: 0px;}

/* Cif */
.cust-select{height: 40px; width: 240px;}
.cust-select.ui-selectonemenu{background: rgba(255,255,255,0.30);}
.cust-select.ui-selectonemenu .ui-selectonemenu-label.ui-inputfield{color: #FFFFFF; padding: 0px; padding-left: 40px; line-height: 40px;}
.cust-select.ui-selectonemenu:before {content: ' '; width: 40px; height: 40px; position: absolute; background-repeat: no-repeat; background-position: center; background-size: 20px; background-image: url(../images/svg/change-owner.svg);}

/* LAYOUT - LARGE */
.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: 7.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;}

.lg-hide{display: none;}
.lg-show{display: flex;}
.lg-show-block{display: block;}
.lg-show-inline{display: inline;}

.ui-g-nopad {padding: 0 !important;}
.ui-widget.ui-outputlabel.label-group{padding: 7.5px; padding-bottom: 0px;}
.ui-g:after {height: 0px; width: 0px;}

.lg-R{justify-content: flex-start;}
.lg-L{justify-content: flex-end;}
.lg-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-left{margin-right: auto;}
.lg-right{margin-left: auto;}
.lg-center{margin: auto;}

.nopad{padding: 0px !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;}


.deleted-record{color: #D0021B;}
.added-record{color: #0D47A1;}
.updated-record{color: #F57C00;}
.no-update-record{}

/*Financial Calendar*/
.eventType-utility-bills {color: #007557 !important;}
.eventType-maturity-date {color: #007557 !important;}
.eventType-standing-orders {color: #DB8E06 !important;}
.eventType-to-be-executed {color: #B00000 !important;}
.eventType-utility-bills, .eventType-maturity-date, .eventType-standing-orders, .eventType-to-be-executed{background-color: transparent; font-family: "icomoon"; font-size: 15px; text-indent: 0px;}
.eventType-utility-bills:before, .eventType-standing-orders:before, .eventType-maturity-date:before, .eventType-to-be-executed:before{display: inline-block; vertical-align: middle; padding: 0px; padding-right: 5px;}
.ui-card-footer .eventType-utility-bills:before, .eventType-maturity-date:before, .ui-card-footer .eventType-standing-orders:before, .ui-card-footer .eventType-to-be-executed:before{padding: 0px;}
.eventType-utility-bills:before{content: "\e947";}
.eventType-standing-orders:before{content: "\e976";}
.eventType-to-be-executed:before{content: "\e982";}
.eventType-maturity-date:before{content: "\e99f";}

.fc-event, .fc-event:hover, .ui-widget .fc-event {border: none !important;}
.fc-time {display: none !important;}

.fc-event-container .fc-content {display: table-cell;/*display:inline-table*/ text-transform: none;}
.fc-row .fc-content-skeleton tbody td{padding-top: 5px; cursor: pointer;}
.fc-prev-button .ui-icon.ui-icon-circle-triangle-w, .fc-next-button .ui-icon.ui-icon-circle-triangle-e {background-image: none; font-family: "icomoon"; font-size: 18px; color: #007557; text-indent: 0px; vertical-align: middle; height: 18px;}
.fc-prev-button .ui-icon.ui-icon-circle-triangle-w:before{content: "\e926";}
.fc-next-button .ui-icon.ui-icon-circle-triangle-e:before{content: "\e925";}
.fc-toolbar button{border: none;}
.fc .fc-toolbar>*>* {float: none; margin-left: 0px; display: inline-block; vertical-align: middle;}
.fc-ltr .fc-basic-view .fc-day-number {border-bottom: 1px dotted #B6B6B6; text-align: left; font-family: OpenSans-Light; font-size: 25px; color: #007557; letter-spacing: 0.89px; vertical-align: bottom;}

.fc th, .fc td{border: none; text-transform: uppercase; font-family: OpenSans-Semibold; font-size: 14px; color: #4A4A4A; letter-spacing: 0.5px; text-align: left;}
.schedule-calendar{/*padding: 10px; box-sizing: border-box;*/}
.fc-toolbar {margin-bottom: 1em; border-bottom: 1px solid rgba(45, 150, 72, 0.64);}
.fc-toolbar h2 {margin: 0px; font-family: OpenSans-Semibold; font-size: 25px; color: #007557; letter-spacing: 0.89px;}
.fc-toolbar .fc-left, .fc-view-container {padding: 10px 0px; box-sizing: border-box;}
.fc td.fc-today, .fc td.fc-sat, .fc td.fc-sun, .fc td.fc-today .fc-event, .fc td.fc-today .fc-event:hover, .fc td.fc-today .ui-widget .fc-event{background: #F0F0F0; border: none; box-shadow: none;}
.financial-calendar .label-btn.ui-button .ui-button-text{font-family: OpenSans; font-size: 12px; color: #5C5C4F; letter-spacing: 0; text-transform: none;}
.financial-calendar .label-btn.ui-button .ui-icon{font-size: 22px; color: #9B9B9B; height: 30px; width: 100%; text-align: left;}
.financial-calendar .label-btn.ui-button .ui-icon.icon-radio-button-active{color: #007557;}
.financial-calendar .label-btn.ui-button {height: 35px;}
.financial-calendar > div {height: 100%; text-align: center; padding: 7.5px 0px;}
.fc-dialog .ui-icon.ui-icon-closethick{background-image: none; font-family: "icomoon"; font-size: 18px; color: #007557; text-indent: 0px; height: 18px; margin: auto; width: 18px;}
.fc-dialog .ui-icon.ui-icon-closethick:before{content: "\e939";}
.fc-basic-view .fc-body .fc-row {min-height: 6em;}
.fc table {border-collapse: separate;}
.fc td {border: solid 5px white;}

.financial-dialog.ui-widget-overlay {background: #1f2226; opacity: .60;}

/*FINANCIAL CALENDAR CDB */
.fc-content .fc-title{ white-space: normal;}
.fc-toolbar {margin: 10px 0px; padding: 10px 0px;}
/*.fc-toolbar .fc-left{margin-left: 20px;}*/
.fc-content-skeleton{padding-top: 1px; padding-left: 1px;}
.fc-day-grid-container.fc-scroller{height: auto !important;}

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

.navMonth-btn{height: 30px; margin: 0px; border: none; box-shadow: none; position: absolute; left: 0px; right: 0px; top: 17px; outline: none;}
.navMonth-btn.left{right: auto;}
.navMonth-btn.right{left: auto; /*width: 50%; margin-left: 20px;*/}

.calendarPG{position: relative;}
/*end CDB*/

/*
.svg.social-link{height: 16px; width: 16px;}
.svg.social-link:hover path {
    fill: blue !important;
}
.svg.social-link path {
    fill: white !important;
}

.ui-icon-logout path{fill: yellow !important; }

<img id="facebook-logo2" class="svg social-link" src="#{SessionBean.imageUrl}/svg/expand.svg"/>
<p:graphicImage id="facebook-logo" styleClass="svg social-link" url="#{SessionBean.imageUrl}/svg/expand.svg"/>
*/


/*Charts*/
.chart-btn.ui-button.ui-state-focus .ui-icon{color: #006E42;}

.jqplot-target {color: #9B9B9B;}
table.jqplot-table-legend {padding: 7.5px;}
div.jqplot-table-legend-swatch-outline {border: none; padding: 7px;}
td.jqplot-table-legend:FIRST-CHILD {padding-right: 7.5px;}
td.jqplot-table-legend:LAST-CHILD {padding-right: 25px;}
div.jqplot-table-legend-swatch-outline {padding: 0px;}
.jqplot-highlighter-tooltip{border: none; border-radius: 1px 1px 1px 1px 0 0 0; font-size: 9px; color: #007557; background: #D4D4D4; padding: 5px 10px;}
.jqplot-data-label{color: #4A4A4A;}

.widget-chart {display: inline-block; border: 1px solid #AAA; background: white;}
#chart {height: 400px; width: 500px;}
svg {shape-rendering: crispEdges;}
.bar {fill: #A18FDB;}
.value {font-size: 16px; font-weight: 300; fill: #333;}
.label {font-size: 18px; fill: #333;}

.panelStyleClass tbody tr, .panelStyleClass .ui-widget-content tr td{border:none;}
.panelStyleClass .ui-chkbox.ui-widget{display:inline;padding-right: 4px;}
.panelStyleClass.ui-widget-content .ui-state-highlight{box-shadow:none}


/*Datalist - Panel*/
.datalist-panel .ui-panel .ui-panel-titlebar{padding: 0px; line-height: normal; height: 60px; position: relative;}
.datalist-panel .ui-panel .ui-panel-titlebar .ui-panel-actions{height: 60px; margin: 0px 40px 0px 10px;}
.datalist-panel .ui-panel-titlebar-icon.ui-state-default{padding: 0px; position: absolute; float: none; right: 25%; top: 0px; bottom: 0px; margin: auto !important; height: 20px; text-decoration: none;}
.datalist-panel .ui-panel-titlebar-icon .ui-icon.ui-icon-plusthick:before, .datalist-panel .ui-panel-titlebar-icon .ui-icon.ui-icon-minusthick:before{content: "\e93c";}
.datalist-panel .ui-panel-titlebar-icon .ui-icon.ui-icon-plusthick, .datalist-panel .ui-panel-titlebar-icon .ui-icon.ui-icon-minusthick{background-image: none; font-family: "icomoon"; font-size: 20px; color: #007557; text-indent: 1px;}
.datalist-panel .ui-panel-titlebar-icon .ui-icon.ui-icon-minusthick{-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}
.datalist-panel .ui-datalist-item:nth-child(2n+1) .ui-widget-header, .datalist-panel .ui-datalist-item:nth-child(2n+1) .ui-widget-content{background: rgba(247, 247, 247, 0.63);}
.datalist-panel.ui-datalist .ui-widget-content > div:not(.ui-selectonemenu-items-wrapper) {width: 100%;  padding-left: calc(25% - 7.5px); padding-right: calc(25% - 7.5px);}
.datalist-panel .ui-panel .ui-panel-titlebar .ui-panel-actions > span > div:last-child {padding: 0px 5px; border-right: 1px solid rgba(200, 200, 200, 0.85); border-left: 1px solid rgba(200, 200, 200, 0.85);}
.datalist-panel .ui-selectonemenu-panel .ui-selectonemenu-items-wrapper{padding:0px}
.datalist-panel .ui-panel-title, .datalist-panel .ui-panel-actions .ui-button {position: absolute; top: 0px; bottom: 0px; margin: auto !important; height: 20px;}
.datalist-panel .ui-panel-title {padding: 7.5px;}
.datalist-panel .ui-panel-actions {float: right;}
.datalist-panel .ui-panel-actions .ui-button {width: 50px; border-right: 1px solid rgba(200, 200, 200, 0.85); border-left: 1px solid rgba(200, 200, 200, 0.85); border-radius: 0px;}

/*Login New Design*/
.row {flex-direction: row; flex-wrap: nowrap;  display: flex;  width: 100%;}
.left-section-border {border-left: 2px solid #66ac41;}
.pad-L-90 {padding-left: 90px !important; box-sizing: border-box;}
.pad-R-80 {padding-right: 80px !important; box-sizing: border-box;}
.pad-R-10 {padding-right: 10px;}
.login-body .container-pg .leftPanel {flex: 1.5; background-repeat: no-repeat; background-size: cover;}
.login-body .container-pg .rightPanel {flex: 1;}

.login-content ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	font-family: 'Arial';
    font-size: 13px;
    color: #b1b1b1;
}
.login-content ::-moz-placeholder { /* Firefox 19+ */
	font-family: 'Arial';
	font-size: 13px;
    color: #b1b1b1;
}
.login-content :-ms-input-placeholder { /* IE 10+ */
	font-family: 'Arial';
	font-size: 13px;
    color: #b1b1b1;
}
.login-content :-moz-placeholder { /* Firefox 18- */
	font-family: 'Arial';
	font-size: 13px;
    color: #b1b1b1;
}

.login-body {background: #eff0f0;}
.login-body .container-pg .leftPanel, .login-body .container-pg .rightPanel {position: relative; height: 100vh;}
.login-body .container-pg .rightPanel {box-sizing: border-box; padding-left: 22.5px; padding-right: 22.5px;}
.login-body .padding-left-top-60 {padding-left: 60px; padding-top: 60px;}
.login-body .main-header-wrapper {margin: auto; margin-top: 48px; width: 100%; text-align: center;}
.login-body .main-header {font-family:'Gotham-Book', serif; font-size: 72px; color: #66ac41; line-height: .9; margin-left: 20%; display: inline-block;}
.login-body .secondary-header {font-family: 'Gotham-Light', serif; font-size: 21px; color: #46af2a; display: block; line-height: 1.4; font-weight: bold; width: 340px;}
.login-body .container-pg .main-padding{height: 100%;}
.login-body .login-logo-image{margin: auto; padding-top: 32px; margin-bottom: 1rem; display: block;}
.login-title.main {font-family: 'Gotham-Bold', serif; font-size: 29px; color: #66ac41; line-height: 1.2;}
.login-title.secondary {font-family: 'Gotham-Book', serif; font-size: 16px; line-height: 1.2; max-width: 320px;}
.login-content .ui-button .ui-icon.svg-user{background-image: url('../images/svg/user.svg'); max-width: 20px;}
.login-content .ui-button .ui-icon.svg-lock-login{background-image: url('../images/svg/lock-login.svg'); max-width: 20px;}
.login-content input[type="text"], .login-content input[type="password"]{height: 60px; font-family: 'Arial'; font-size: 13px; border-radius: 5px; border: 0; padding: 0px 20px !important; color: #000000;}
.login-content input[type="text"].ui-state-focus, .login-content input[type="password"].ui-state-focus {outline: #66ac41 solid 2px;}
.login-content button.positive-btn {width: 100%; background-color: #295825; color: #FFFFFF; border: 0; border-radius: 50px; height: 60px; margin-top: .5rem; margin-bottom: 1rem;}
.login-content button.positive-btn .ui-button-text {font-family: 'Gotham-Bold', serif; font-size: 30px; text-transform: capitalize;}
.login-content button.positive-btn.ui-state-hover {background-color: #045b1b; color: #FFFFFF; box-shadow: none; box-shadow: none;}
.login-content .ui-messages {margin: 8px;}
.login-body .security-tips{font-family: 'Gotham-Light', serif; color: initial; padding-top: 17.5px; text-align: center; display: block; line-height: 1.2; font-size: 13px;}
.login-body .helpPG:before,.login-body .helpPG:after {content: ""; position: absolute; width: 100%; height: 8px; background-color: #66ac41; border-radius: 10px; top: 0; left: 0;}
.login-body .helpPG:after {top: auto; bottom: 0;}

.login-body .helpPG {background-color: rgba(64, 175, 44, 0.1); padding: 24px 32px; margin-top: 3rem; position: relative;}
.login-body .helpPG .help-title {font-family: 'Gotham-Bold', serif; font-size: 24px; color: #66ac41; display: inline-block; margin-bottom: 8px;}
.login-body .helpPG .ui-button {border: none; width: 100%; padding: 0px;}
.login-body .helpPG .ui-button .ui-icon {background-size: 12px; background-position-x: 0px}
.login-body .helpPG .ui-button .ui-button-text {border-top: 2px solid #66ac41; font-family: 'Gotham-Light', serif; font-size: 16px; padding-left: 1.2em; padding-top: 10px; padding-bottom: 10px; text-align: left; color: #000000;}
.login-body .login-links, .login-body .login-links .ui-button .ui-button-text {font-family: 'Gotham-Light', serif; font-size: 16px; color: #a5a5a5; text-align: center;}
.login-body .login-links .ui-button .ui-button-text{color: #045b1b; text-decoration: none;}
.login-body .ui-button-text-icon-left .ui-icon {left: 0px;}

.servicesPG {position: absolute; bottom: 32px; background-color: #eff0f0; width: 100%;}
.servicesPG .title {font-family: 'Gotham-Book', serif; font-size: 22px; color: #66ac41; line-height: 1.2; vertical-align: middle; padding-left: 10px; font-weight: 500;}
.servicesPG .details{font-family: 'Gotham-Book', serif; font-size: 15px; line-height: 1.1; display: block; margin-top: 1rem; max-width: 35rem; text-align: center;}
.servicesPG-wrapper {max-width: 800px; margin-left: auto; margin-right: auto;}
.servicesPG-wrapper > div {background-color: #eff0f0; padding: 16px; box-sizing: border-box;}
.servicesPG-wrapper > div .col img {vertical-align: middle; max-width: 45px; max-height: 35px;}
.servicesPG-wrapper > div .col {display: flex; flex-direction: column; flex-basis: 100%; flex: 1; padding: 0px 17px;}
.servicesPG-wrapper > div .col table {margin: 0 auto;}

table.switch-checkbox.batchStatus tbody tr td {padding: 4px 0px;}