/* JQUERY BOUND ON STYLECLASS */
.myOnlineBankingClick {cursor: pointer;}
.clickOnEnter {}

/*	------	BASE	------	*/
body {counter-reset: step-counter; height: auto !important; margin: auto; min-height: 100%; min-width: 100%; overflow: hidden; padding:0; position: relative; font-family: 'DINPro-Light', Arial; color: #393939; font-size: 14px;}
html {height: 100%; max-width: 100%; overflow-x: hidden; overflow-y: auto; padding: 0; background-color: white;}
* {-webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; outline: none;}
.ui-widget, .ui-widget .ui-widget {font-size: 14px;}
table {border-spacing: 0px;}
td {box-sizing: border-box; padding: 0px;}
p {margin: 0px;}
img {image-rendering: optimize-contrast; -ms-interpolation-mode: bicubic; border: none;}
h1, h2, h3, h4, h5, h6 {text-shadow: none;}
a, .ui-widget-content a {font-family: 'DINPro-Light', Arial; color: #393939; text-decoration: none;}

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

.h1, .ui-widget .h1 {font-family: 'DINPro-Bold'; font-size: 30px; color: #000000; letter-spacing: 0;}
.h2, .ui-widget .h2 {font-family: 'DINPro-Light'; font-size: 28px; color: #000000; letter-spacing: 0;}
.h3, .ui-widget .h3 {font-family: 'DINPro-Medium'; font-size: 16px; color: #002C4D; letter-spacing: 0;}
.h4, .ui-widget .h4, .ui-widget.ui-outputlabel.h4 {font-family: 'DINPro-Light'; font-size: 18px; color: #000000; letter-spacing: 0;}
.h5, .ui-widget .h5 {font-family: 'DINPro-Light'; font-size: 16px; color: #002C4D; letter-spacing: 0.5px;}
.h6, .ui-widget .h6 {font-family: 'DINPro-Regular'; font-size: 15px; color: #393939; letter-spacing: 0;}

.c-1, .ui-widget .c-1, .c-1[class^="icon-"], .c-1 [class^="icon-"], .ui-state-default .c-1.ui-icon {color: #4BC4CF;}
.c-2, .ui-widget .c-2, .c-2[class^="icon-"], .c-2 [class^="icon-"], .ui-state-default .c-2.ui-icon {color: #FFFFFF;}
.c-3, .ui-widget .c-3, .c-3[class^="icon-"], .c-3 [class^="icon-"], .ui-state-default .c-3.ui-icon {color: #002C4D;}
.c-4, .ui-widget .c-4, .c-4[class^="icon-"], .c-4 [class^="icon-"], .ui-state-default .c-4.ui-icon {color: #84BD00;}
.c-5, .ui-widget .c-5, .c-5[class^="icon-"], .c-5 [class^="icon-"], .ui-state-default .c-5.ui-icon, .ui-datatable .ui-button-icon-only .ui-icon.c-5 {color: #D22630;}

/*.caption {font-family: 'DINPro-Light'; font-size: 14px; letter-spacing: 0;}*/
.mandatory {position: relative;}
.mandatory:after, td.mandatory:after, td.mandatory span.ui-column-title:after {content:"*"; margin-left: 2px; }

.link-underline {float: right; text-decoration: underline!important;}
.link-underline:after {display: inline-block;}

.uppercase-txt, .uppercase-txt.ui-chkbox .ui-chkbox-label {text-transform: uppercase; font-family: 'DINPro-Light'; font-size: 14px; letter-spacing: 0.9px;}

.align-self-center {align-self: center;}
.align-item-top{align-items: flex-start;}
.align-item-bottom{align-items: flex-end;}
.align-item-center{align-items: center;}
.topPosit {vertical-align: top;}
.middlePosit {vertical-align: middle;}
.bottomPosit {vertical-align: bottom}
.baseLinePosit {vertical-align: baseline;}
.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, .truncate-hover-eff {width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block;}
.truncate-hover-eff:hover {width: 100%; white-space: normal; word-break: break-word; overflow: hidden; display: block;}
.bold-txt, .bold-txt span, .bold-txt .ui-button-text, .ui-datalist .positive-txt.bold-txt, .ui-datalist .negative-txt.bold-txt{font-family: 'DINPro-Medium'; font-size: 14px; letter-spacing: 0.4px;}
.word-break {word-break: break-word;}

.transform-90:before {-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);}
.transform-180:before {-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}
.transform-270:before {-webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg);}

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

.padding-10 {padding-right: 10px;}

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

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

/* Fonts */

@font-face {
  font-family: 'DINPro-Light';
  font-style: normal;
  font-weight: normal;
  src: url('./fonts/DINPro/DINPro-Light.eot'); /* IE9 Compat Modes */
  src: local('DINPro Light'), local('DINPro-Light'),
      url('./fonts/DINPro/DINPro-Light.eot?#iefix') format('embedded-opentype'),  /* IE6-IE8 */
      /* url('./fonts/DINPro/DINPro-Light.woff2') format('woff2'),  Super Modern Browsers */
      url('./fonts/DINPro/DINPro-Light.woff') format('woff'), /* Modern Browsers */
      url('./fonts/DINPro/DINPro-Light.ttf') format('truetype'), /* Safari, Android, iOS */
      url('./fonts/DINPro/DINPro-Light.svg#DINPro') format('svg');  /*  Legacy iOS */
}

@font-face {
  font-family: 'DINPro-Regular';
  font-style: normal;
  font-weight: normal;
  src: url('./fonts/DINPro/DINPro-Regular.eot'); /* IE9 Compat Modes */
  src: local('DINPro'), local('DINPro-Regular'),
       url('./fonts/DINPro/DINPro-Regular.eot?#iefix') format('embedded-opentype'),  /* IE6-IE8 */
       /*url('./fonts/DINPro/DINPro-Regular.woff2') format('woff2'),  Super Modern Browsers */
       url('./fonts/DINPro/DINPro-Regular.woff') format('woff'), /*  Modern Browsers */
       url('./fonts/DINPro/DINPro-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/DINPro/DINPro-Regular.svg#DINPro') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'DINPro-Medium';
  font-style: normal;
  font-weight: normal;
  src: url('./fonts/DINPro/DINPro-Medium.eot'); /* IE9 Compat Modes */
  src: local('DINPro Medium'), local('DINPro-Medium'),
       url('./fonts/DINPro/DINPro-Medium.eot?#iefix') format('embedded-opentype'), /*  IE6-IE8  */
       /*url('./fonts/DINPro/DINPro-Medium.woff2') format('woff2'),  Super Modern Browsers */
       url('./fonts/DINPro/DINPro-Medium.woff') format('woff'), /* Modern Browsers */
       url('./fonts/DINPro/DINPro-Medium.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/DINPro/DINPro-Medium.svg#DINPro') format('svg'); /*  Legacy iOS */
}


@font-face {
  font-family: 'DINPro-Bold';
  font-style: normal;
  font-weight: normal;
  src: url('./font/DINPro/DINPro-Bold.eot'); /* IE9 Compat Modes */
  src: local('DINPro Bold'), local('DINPro-Bold'),
       url('./fonts/DINPro/DINPro-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       /*url('./fonts/DINPro/DINPro-Bold.woff2') format('woff2'),  Super Modern Browsers */
       url('./fonts/DINPro/DINPro-Bold.woff') format('woff'), /* Modern Browsers */
       url('./fonts/DINPro/DINPro-Bold.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/DINPro/DINPro-Bold.svg#DINPro') format('svg'); /* Legacy iOS */
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	font-family: 'DINPro-Light';
    font-size: 15px;
    color: rgba(0, 0, 0,0.7);
    letter-spacing: 0;
}
::-moz-placeholder { /* Firefox 19+ */
	font-family: 'DINPro-Light';
    font-size: 15px;
    color: rgba(0, 0, 0,0.7);
    letter-spacing: 0;
}
:-ms-input-placeholder { /* IE 10+ */
	font-family: 'DINPro-Light';
    font-size: 15px;
    color: rgba(0, 0, 0,0.7);
    letter-spacing: 0;
}
:-moz-placeholder { /* Firefox 18- */
	font-family: 'DINPro-Light';
    font-size: 15px;
    color: rgba(0, 0, 0,0.7);
    letter-spacing: 0;
}

/*	-------	LAYOUT	------	*/
.lg-1,.lg-2,.lg-3,.lg-4,.lg-5,.lg-6,.lg-7,.lg-8,.lg-9,.lg-10,.lg-11,.lg-12,.lg-auto{float:left; box-sizing:border-box; padding: 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;}

.nopad, .ui-button.nopad .ui-button-text {padding: 0 !important;}
.ui-g:after {height: 0px; width: 0px;}

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

.centering {margin: auto; padding: 0px 15px; box-sizing: border-box; width: 100%; max-width: 1150px;}
.content-area.centering {table-layout: fixed;}
.content-area.centering > tbody > tr > td:FIRST-CHILD:not(:ONLY-CHILD) {width: 280px; padding-right: 20px;}
.content-area.centering > tbody > tr > td:LAST-CHILD {width: 100%;}
.menu-centering{margin: 0px auto; width: 750px; padding: 75px 0px; visibility: hidden;}
.global-header .centering {height: 100%; width: 100%; max-width: none; padding: 0px;}
.global-header .page-title {font-size: 24px; color: #FFFFFF;}

.main-panel {border-spacing: 0px !important; width: 100%;}
.main-padding {padding-bottom: 150px; width: 100%;}

.common-body {margin:0px; background-color: #EEEEEE;}
.header-image {width: 100%; height: 70px; background-position: center left; background-repeat: no-repeat;}

.page-content {background: transparent; width: 100%; min-width: 250px; }

.ui-card {background: #FFFFFF; box-shadow: 0 2px 7px 0 rgba(0,0,0,0.05);}
.ui-card .ui-group {padding: 10px 0px; padding-left: calc(10% - 7.5px); padding-right: calc(10% - 7.5px);}
.ui-card .ui-group.container {position: relative; display: block; padding: 10px 0px; padding-left: calc(20% - 7.5px); padding-right: calc(10% - 7.5px); box-sizing: border-box; width: 100%;}
.ui-card .ui-group:nth-child(even) {background: #F9F9F9;}
.ui-card .ui-datatable-reflow {padding: 0px; box-sizing: border-box;}
.ui-card.scrollable {max-height: 630px; overflow-y: auto; overflow-x: hidden; position: static;}

.ui-card-2 {border-bottom: 1px solid #D5D2D2; padding: 7.5px;}
.ui-card-header:not(:empty) {border-bottom: 1px solid #EEEEEE;}
.ui-card-footer:not(:empty) {border-top: 1px solid #EEEEEE;}

/* STEPS */
.ui-card .ui-group.container:before {counter-increment: step-counter; content: counter(step-counter); width: 26px; height: 26px; line-height: 25px; display: block; background-color: #FFFFFF; padding: 0px 7px; box-sizing: border-box; background: #4BC4CF; border: 1px solid #4BC4CF; font-size: 17px; color: #FFFFFF; border-radius: 100%; position: absolute; top: 15px; left: calc(10% - 7.5px); z-index: 2;}
.ui-card .ui-group.container:after {top: 15px; left: calc(10% + 5px); content: ''; position: absolute; border-left: 1px dashed #D7D7D7;  height: 100%; width: 1px; z-index: 1;}
.ui-card .ui-group.container:FIRST-OF-TYPE:after {top: 15px;}
.ui-card .ui-group.container:LAST-OF-TYPE:after {height: calc(100% - 40px);}

/* Steps
.step-no {margin-left: -35px; position: absolute; top: 15px; display: block; width: 26px; height: 100%; }
.step-no .no {width: 26px; height: 26px; line-height: 25px; display: block; background-color: #FFFFFF; padding: 0px 7px; box-sizing: border-box; border: 1px solid #E1671B; font-family: 'Cairo-Bold'; font-size: 17px; color: #E1671B; 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);} */

/* Input */
input, button, .ui-selectonemenu, textarea {font-family: 'DINPro-Regular', Arial; font-size: 15px;}
@-webkit-keyframes autofill {to {color: #393939; background: #FFFFFF;}}
input:-webkit-autofill {-webkit-animation-name: autofill;-webkit-animation-fill-mode: both;}
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-header .ui-inputfield, .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: 35px; font-size: 15px; font-family: 'DINPro-Regular', Arial; outline-color: transparent; padding: 0px 7.5px; text-shadow: none; border-radius: 0px;}
.ui-inputfield.ui-inputtextarea {resize: none; padding-top: 10px; padding-bottom: 10px; width: 100%;}
input.ui-state-default, .ui-widget-header input.ui-state-default, .ui-inputfield.ui-state-default, .ui-inputfield.ui-inputtextarea, .datepicker-device {border: 1px solid #D7D7D7;}
input.ui-state-focus, .ui-widget-header input.ui-state-focus, .ui-inputfield.ui-state-focus, input[type="text"].searchInput.ui-state-focus {border: 1px solid #84BD00; box-shadow: 0 2px 4px 0 rgba(0,0,0,0.24);}
input[readonly="readonly"]:not(.hasDatepicker), input.ui-state-disabled, .ui-inputfield.ui-state-disabled,.ui-inputfield.ui-state-default.ui-state-disabled, .ui-datatable input[type="text"]:disabled {opacity: 0.88; background-color: #EEEEEE; border: 1px solid #DBDBDB; font-family: 'DINPro-Regular'; color: rgba(0, 0, 0,0.7); cursor: default; box-shadow: none;}
input.ui-state-error, input.ui-state-error.ui-state-default, .ui-widget-content .ui-inputfield.ui-state-error, .ui-inputfield.ui-inputtextarea.ui-state-error, .ui-inputfield.ui-state-error + .bic-input {border: 1px solid #D22630;}

.icon-login-user, .icon-login-password {height: 44px; line-height: 44px; display: block; font-size: 30px; width: 100%;}

.custom-input {background: #FFFFFF; border: 1px solid #D7D7D7; width: 100%; height: 44px; display: flex;}
.custom-input:focus {border: 1px solid red;}
.custom-input .ui-outputlabel, .custom-input .ui-widget.ui-outputlabel {font-family: 'DINPro-Medium'; padding: 0px; white-space: nowrap; display: block; width: auto; line-height: 44px; padding-left: 7.5px; padding-right: 7.5px; box-sizing: border-box;}
.custom-input input.ui-state-default {border: none; padding: 0px; height: 44px; background: transparent;}
.custom-input .hideShowPassword-wrapper input.ui-state-default {padding-right: 30px; padding-left: 0px !important; box-sizing: border-box;}

.ui-dialog .ui-widget-content .ui-inputfield, .ui-inputfield.ui-inputtextarea {height: auto;}

/* Input with prefix */
.prefix-wrapper {width: 100%; table-layout: auto; border: 1px solid #D7D7D7; background-color: #FFFFFF; padding: 0px 7.5px;}
.ui-outputlabel.ui-state-error ~ .prefix-wrapper {border: 1px solid #D22630;}
.prefix-wrapper.focus {border: 1px solid #84BD00; box-shadow: 0 2px 4px 0 rgba(0,0,0,0.24);}
.prefix-wrapper > tbody > tr > td:FIRST-CHILD {width: auto;}
.prefix-wrapper input {border: none !important; box-shadow: none !important; padding: 0px;}

/* Labels & Headers */
.ui-outputlabel {display: block;}
.ui-outputlabel, .ui-datatable-reflow .ui-reflow-label, .ui-widget.ui-outputlabel, .ui-widget .ui-widget.ui-outputlabel {color: #658D1B; width: 100%; padding: 0px; padding-bottom: 2px; box-sizing: border-box;}
.ui-widget.ui-outputlabel.label-group {padding: 7.5px; padding-bottom: 2px;}
.ui-widget.ui-outputlabel.label-group ~ div {padding-top: 0px;}

.ui-outputlabel.ui-state-error {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;}
.positive-txt, .negative-txt {font-family: 'DINPro-Regular';}
.negative-txt{color: #002C4D;}
.positive-txt{color: #002C4D;}

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

/*Overlay Panel*/
.ui-overlaypanel{min-width: 150px; padding: 0px; background: transparent; border: none; box-sizing: border-box; box-shadow: none; padding-top: 15px !important;}
.ui-overlaypanel-content:before{content: ''; width: 25px; height: 15px; background-image: url(../images/arrow-overlay.png); background-size: 30px; background-repeat: no-repeat; background-position: center top; position: absolute; top: -15px; left: auto; right: 5px;}
.ui-overlaypanel-content {background: #002C4D; box-shadow: 0 2px 4px 0 rgba(0,0,0,0.21); padding: 0px; box-sizing: border-box; position: relative;}
.ui-overlaypanel .list-btn-panel {max-width: 215px;}

/* Overlay Panel Style 1 */
.ui-overlaypanel.st-1 {border: 1px solid #658D1B; min-width: 215px; background: #002C4D; padding: 0px !important;}
.ui-overlaypanel.st-1 .ui-overlaypanel-content {padding: 10px; background: tranpanrent;}
.ui-overlaypanel.st-1 .ui-overlaypanel-content:before {background-image: none; content: ''; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 10px solid #658D1B; position: absolute; margin: auto; z-index: 10000; bottom: auto; top: 0px; left: auto; right: 10px;}
.ui-overlaypanel.st-1 .list-btn-panel .ui-button {font-size: 15px;}


/* Separator */
.ui-separator {border: 1px solid #EEEEEE; border-top: none; border-right: none;}
.ui-separator.horizontal {height: 10px; margin: 0px 7.5px;}
.ui-separator.st-1 {border: 1px dashed #EEEEEE; border-top: none; border-right: none;}

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

.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: 1px solid #364AA7; 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;}
.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 {margin: 0px; display: block; text-align: center;}

.iconUpload {position: relative; margin-right: 10px;}
.iconUpload .ui-fileupload-content {display: none;}
.iconUpload .image-pg {width: 40px; height: 40px; border: none;}
.iconUpload .ui-fileupload-buttonbar .ui-button {border: none; width: 40px; height: 40px; margin: auto; padding: 0px; display: block; position: absolute; left: 0; right: 0; border-radius: 100%;}
.iconUpload .ui-fileupload-buttonbar .ui-button:hover {background-color: rgba(14, 43, 77, 0.5);}
.iconUpload .ui-fileupload-buttonbar .ui-button .ui-button-icon-left{height: 20px; font-size: 15px; text-indent: 0px; position: absolute; top: 0px; bottom: 0px; right: 0; left: 0px;}
.iconUpload .ui-fileupload-buttonbar .ui-button:hover .ui-button-icon-left:before{content: "\e938"; color: #FFFFFF;}
.iconUpload .ui-button-text-icon-left .ui-button-text {display: none;}
.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%;}
.bottom-footer {width: 100%; color: white; background-color: #002C4D;}

/* Tooltip */
.ui-tooltip { background-color: transparent; box-shadow: none; border-radius:0; max-width: 320px; border: none;}
.ui-tooltip .ui-tooltip-text {padding: 10px; text-align: center; border-radius:0; background: #002C4D; color: #FFFFFF; box-shadow: 0 9px 16px 0 #C8C8C8;}
.ui-tooltip-bottom .ui-tooltip-arrow {border-bottom-color: #002C4D; border-width: 0 8px 8px;}
.ui-tooltip.ui-tooltip-top, .ui-tooltip.ui-tooltip-bottom {padding: 8px 0px;}

/* Messages */
.ui-messages ul {margin: 0px; display: inline-block; 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: 20px; width: 100%; text-align: center;}
.ui-messages-info {border: 1px solid #23AD7D;}
.ui-messages-warn {border: 1px solid #FF9E1B;}
.ui-messages-error, .ui-messages-fatal {border: 1px solid #D22630;}
.ui-messages-info-summary, .ui-messages-warn-summary,.ui-messages-error-summary, .ui-messages-fatal-summary, .ui-message-info-summary, .ui-message-warn-summary, .ui-message-error-summary, .ui-message-fatal-summary {margin: 0px; word-break: break-word; line-height: 20px; font-weight: normal; font-size: 12px; font-family: 'DINPro-Regular';}
.ui-message.ui-message-error, .ui-message.ui-message-info, .ui-message.ui-message-warn {padding: 5px 0px; margin: 0px; display: flex; flex-direction: row-reverse; float: right; background: none; border: none;}
.ui-messages-info-icon, .ui-messages-warn-icon, .ui-messages-error-icon, .ui-messages-fatal-icon, .ui-message-info-icon, .ui-message-warn-icon, .ui-message-error-icon, .ui-message-fatal-icon {background-image: none; background-position: 0px; font-family: 'icomoon'; text-indent: 0px; height: 16px; width: 16px;}
.ui-messages-info-icon, .ui-messages-warn-icon, .ui-messages-error-icon,.ui-messages-fatal-icon{float: none; background-image: none; margin-top: 0px; padding-right: 5px; vertical-align: middle; display: inline-block;}
.ui-messages-info, .ui-message-info, .ui-messages-info-icon, span.info {color: #23AD7D;}
.ui-messages-warn, .ui-message-warn, .ui-messages-warn-icon, span.warn {color: #FF9E1B;}
.ui-message-info-icon, .ui-message-warn-icon, .ui-message-error-icon, .ui-message-fatal-icon {}
.ui-messages-info-detail, .ui-messages-warn-detail, .ui-messages-error-detail, .ui-messages-fatal-detail, .ui-message-info-detail, .ui-message-warn-detail, .ui-message-error-detail, .ui-message-fatal-detail {font-size: 12px; margin: 0px; margin-right: 5px;}

.ui-messages-error, .ui-message-error, .ui-messages-error-icon, .ui-messages-fatal-icon, span.error {color: #D22630;}
.ui-messages-info-icon:before, .ui-message-info-icon:before {content: "\e930";}
.ui-messages-warn-icon:before, .ui-message-warn-icon:before {content: "\e931";}
.ui-messages-error-icon:before, .ui-messages-fatal-icon:before, .ui-message-error-icon:before {content: "\e931";}

.ui-dialog .ui-messages {padding: 0px 7.5px;}
.ui-dialog .ui-messages-info, .ui-dialog .ui-messages-warn, .ui-dialog .ui-messages-error, .ui-dialog .ui-messages-fatal {margin: 2.5px 0px; padding: 0px; border: none;}

/* Confirmation messages */
.ui-messages-confirm .ui-messages-info, .ui-messages-confirm .ui-messages-warn, .ui-messages-confirm .ui-messages-error, .ui-messages-confirm .ui-messages-fatal {border: none; margin: 0px;}
.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: 75px; font-size: 70px; width: 100%; padding: 0px;}
.ui-messages-confirm .ui-messages-info-summary, .ui-messages-confirm .ui-messages-warn-summary, .ui-messages-confirm .ui-messages-error-summary, .ui-messages-confirm .ui-messages-fatal-summary {font-family: 'DINPro-Light'; font-size: 25px; line-height: normal; margin-top: 10px; display: block;}

/* Transaction Status Colors */
.status-info-color {color: #23AD7D;}
.status-warn-color {color: #FF9E1B;}
.status-error-color {color: #D22630;}

/* 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}
.table.jqplot-table-legend {margin-top: -41px; margin-bottom: 12px; margin-left: 12px; margin-right: 0px;}

/* Widget Chart */
.chart-panel i {font-size: 16px; padding-right: 5px;}
.chart-panel > div {text-align: center;}
.chart-panel .textTop {fill: #002C4D; font-size: 14px;}
.chart-panel .textBottom {fill: #002C4D; font-size: 14px; font-weight: normal;}
.chart-panel .textTop a,  .chart-panel .textBottom a{font-weight: normal; fill: #FFFFFF; cursor: pointer; text-decoration: none;}

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

/* Datatable */
.ui-datatable > .ui-datatable-tablewrapper > table{border-color: transparent; table-layout: auto; border-collapse: separate;}
.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%;}
input.input-small, .ui-datatable tbody input.input-small {width: 60px !important;}
.ui-datatable input[type="text"]:disabled, .ui-datatable button:disabled {cursor: auto;}
.ui-datatable thead span table tbody tr td {font-size: 14px; background: #e7e7e7;}
.ui-datatable .ui-datatable-header {background-color: transparent; border: none; border-radius: 0px; padding: 7.5px;}
.ui-datatable .ui-datatable-tablewrapper {overflow: hidden;}
.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.no-header .ui-datatable-{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 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, .ui-datatable tr.ui-datatable-rowordering {height: 50px;}
.ui-datatable .ui-datatable-data > tr.ui-datatable-odd {background: #F9F9F9;}
.ui-datatable.ui-datatable-reflow tr.ui-datatable-even ~ .ui-expanded-row-content, .ui-datatable.ui-datatable-reflow tr.ui-datatable-odd ~ .ui-expanded-row-content {background: #F5F5F5;}
.ui-datatable-summaryrow .ui-column-title {display: none;}

/* Export panel */
.ui-datatable .export-panel .ui-button-icon-only, .export-panel .ui-button-icon-only {height: 32px; width: 32px; margin: 0px 5px; margin-top: -5px;}
.ui-datatable .export-panel .ui-button-icon-only .ui-icon, .export-panel .ui-button-icons-only .ui-icon, .export-panel .ui-button-icon-only .ui-icon {background-position: 0px; background-size: 30px; height: 30px; width: 30px;}

.ui-widget-content .ui-icon.icon-pdf, .ui-state-default .ui-icon.icon-pdf, .icon-pdf {background-image: url(../images/svg/pdf.svg);}
.ui-widget-content .ui-icon.icon-excel, .ui-state-default .ui-icon.icon-excel, .icon-excel {background-image: url(../images/svg/excel.svg);}
.ui-widget-content .ui-icon.icon-word, .ui-state-default .ui-icon.icon-word, .icon-word {background-image: url(../images/svg/word.svg);}
.ui-widget-content .ui-icon.icon-csv, .ui-state-default .ui-icon.icon-csv, .icon-csv {background-image: url(../images/svg/csv.svg);}
.icon-pdf:before, .icon-excel:before, .icon-word:before, .icon-csv:before {content: 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; background: #FFFFFF;}
.ui-datatable.ui-sortable-helper tr:first-child {background: transparent;}
.ui-datatable.ui-sortable-helper tr:first-child .auto-dt td:first-child{display: none;}
.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 thead th, .ui-datatable tbody td, .ui-datatable tfoot td, .ui-datatable tfoot th {padding: 5px 7.5px;}
.ui-datatable.ui-datatable-reflow thead th, .ui-datatable.ui-datatable-reflow tfoot td, .ui-datatable.ui-datatable-reflow tfoot th,
.ui-datatable.ui-datatable-reflow tbody td, .ui-datatable.ui-datatable-reflow tbody td span:not(.ui-icon) {font-family: Arial; font-size: 14px;}
.ui-datatable.ui-datatable-reflow tbody td span.bold-txt {font-weight: bold;}
.ui-datatable tbody td .positive-txt, .ui-datatable tbody td .negative-txt , .ui-datalist .positive-txt, .ui-datalist .negative-txt {color: #002C4D; letter-spacing: 0.44px;}
.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 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; padding: 5px 7.5px; position: relative; background: #4BC4CF;}
.ui-datatable thead th span {color: #FFFFFF; font-size: 16px; font-family: Arial;}
.ui-datatable-reflow .ui-datatable-data td[role="gridcell"] .ui-column-title, .expansion-grid td:first-child {color: #393939;}
/*.ui-datatable-data td[role="gridcell"] {width: 16% !important;}*/
.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 td.content-R {text-align: right;}
.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-expanded-row-content tbody, .ui-datatable .ui-expanded-row-content tr{border: none !important;}
.ui-datatable .ui-expanded-row-content > td {padding: 0px;}
.ui-datatable-footer.ui-widget-header.ui-corner-bottom {float: right;border: none;margin-top: -9px;}
.no-header thead {display: none;}
.ui-datatable.ui-datatable-reflow tbody tr.ui-datatable-empty-message td {text-transform: uppercase; font-family: Arial;}
.ui-datatable .ui-datatable-header .ui-button, .ui-datatable .ui-datatable-header input {height: 35px;}
.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-odd.ui-expanded-row + .ui-expanded-row-content .details-grid {background: #FFFFFF;}
.ui-datatable .ui-datatable-scrollable-body {outline: none; overflow-y: auto; overflow-x: hidden; height: auto; max-height: 400px;}
.ui-datatable-reflow > div > table > tbody > tr:before, .ui-datatable-reflow > div > table > tbody > tr:after, .ui-datatable-reflow > div > table > thead > tr:before, .ui-datatable-reflow > div > table > thead > tr:after {content: " "; display: table-cell; width: 15px;}
.ui-datatable-reflow > div > table > thead > tr:before, .ui-datatable-reflow > div > table > thead > tr:after {background: #4BC4CF;}

.ui-datatable thead th .ui-icon:not(.ui-chkbox-icon) {display: none;}
.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.ui-sortable-helper tr .ui-icon{height: 20px; width: 20px;}

.ui-datatable table.icon-table {width: auto;}
.ui-datatable table.icon-table td {padding: 0px 5px;}

/* Row Expansion */
.ui-datatable table.expansion-grid, .ui-datatable-scrollable table, .ui-datatable-sticky table {width: 100%; table-layout: fixed;}
.ui-datatable table.expansion-grid tr td {box-sizing: border-box; padding: 7.5px;}
.ui-datatable-reflow table.expansion-grid tr td:first-child {width: 200px; word-break: break-word; white-space: normal; text-align: left; font-family: Arial; font-size: 16px; color: #4BC4CF; letter-spacing: 0;}
.ui-datatable-reflow table.expansion-grid tr td:last-child {width: 100%; word-break: break-word; white-space: normal; text-align: left;}
.ui-datatable-reflow .ui-expanded-row-content > td > .multiple-entries:not(:FIRST-OF-TYPE) {border-top: 1px solid #D4D4D4;}

/* List Table*/
.ui-datatable.list-table .ui-datatable-data > tr > td {padding: 0px;}
.ui-datatable.list-table > .ui-datatable-tablewrapper > table {border-spacing: 0px 12px; border-collapse: separate;}
.ui-datatable.list-table .ui-datatable-data > tr > td, .ui-datatable.list-table .expansion-grid:not(:LAST-CHILD) {border-bottom: 1px dashed #EEEEEE;}
.ui-datatable.list-table .ui-datatable-data > tr:not(.ui-expanded-row-content) > td:last-child:before {border: none;}
.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 > .ui-datatable-scrollable-body > table {border-collapse: separate; table-layout: fixed;}
.ui-datatable.list-table > div > table > tbody > tr:before, .ui-datatable.list-table > div > table > tbody > tr:after {content: " "; display: table-cell; width: 10%; border-bottom: 1px dashed #EEEEEE;}
.ui-datatable.list-table .row-toggler-arrow .ui-row-toggler.ui-icon.ui-icon-circle-triangle-e:before{content: "\e900"; color: #8C8C8C; -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg);}
.ui-datatable.list-table .row-toggler-arrow .ui-row-toggler.ui-icon.ui-icon-circle-triangle-s:before{content: "\e900"; color: #8C8C8C;}
.ui-datatable.list-table tr.ui-datatable-even ~ .ui-expanded-row-content td, .ui-datatable.list-table tr.ui-datatable-odd ~ .ui-expanded-row-content td {background: #F9F9F9; font-family: 'DINPro-Light'; text-transform: none; letter-spacing: 0px;}
.ui-datatable.list-table tr ~ .ui-expanded-row-content:before, .ui-datatable.list-table tr ~ .ui-expanded-row-content:after {background: #F9F9F9;}
.ui-datatable.list-table .details-grid table:before, .ui-datatable.list-table .details-grid table:after {width: 100%;}
.ui-datatable.list-table .details-grid > tbody > tr:LAST-CHILD table:before, .ui-datatable.list-table .details-grid > tbody > tr:LAST-CHILD table:after {content: none;}
.ui-datatable-scrollable.list-table {padding-bottom: 20px;}
.ui-datatable.list-table tbody tr.ui-datatable-empty-message td {text-transform: uppercase; border-bottom: 1px dashed #EEEEEE;}
.ui-datatable.list-table .ui-expanded-row-content tr {width: 100%; height: 50px; display: table;}
.ui-datatable.list-table table.expansion-grid {table-layout: auto;}
.ui-datatable.list-table table.expansion-grid tr td:first-child {width: 50%; display: table-cell; vertical-align: middle; padding: 7.5px; font-family: 'DINPro-Regular'; font-size: 15px; color: #393939; word-break: break-word; white-space: nowrap;}
.ui-datatable.list-table table.expansion-grid tr td:first-child .h5 {font-size: 14px;}
.ui-datatable.list-table table.expansion-grid tr td:last-child {width: 50%; display: table-cell; vertical-align: middle; text-align: right; padding: 7.5px; word-break: break-word; white-space: normal;}
/*.ui-datatable.list-table.ben-table table.expansion-grid tr td:last-child {display: block; float: right;}*/

/*Upload icon Datatable*/
.upload-table.ui-button-icon-only .ui-icon {font-size: 22px; width: 22px; height: 22px;}

/* Exchange Rates Table */
.ui-datatable.rates-table thead th, .ui-datatable.rates-table thead th.ui-state-default , .ui-widget-content .ui-datatable.rates-table thead th.ui-state-default {height: 30px; background: transparent; border-bottom: 1px dashed #EEEEEE;}
.ui-datatable.rates-table thead th span {color: #000000; font-size: 12px; text-transform: uppercase;}
.ui-datatable.rates-table .ui-datatable-data > tr.ui-datatable-odd {background: transparent;}
.flag-img {border: 1px solid #EEEEEE; margin-right: 7.5px; border-radius: 60px; width: 33px; vertical-align: middle;}

/*Row Toggler */
.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;}
.ui-row-toggler.ui-icon.ui-icon-circle-triangle-e, .ui-row-toggler.ui-icon.ui-icon-circle-triangle-s {outline: none;}
.ui-row-toggler.ui-icon.ui-icon-circle-triangle-s:before, .ui-row-toggler.ui-icon.ui-icon-circle-triangle-e:before {font-size: 15px; color: #84BD00;}
.ui-row-toggler.ui-icon.ui-icon-circle-triangle-s:before{content: "\e924";}
.ui-row-toggler.ui-icon.ui-icon-circle-triangle-e:before{content: "\e925";}

/* Paginator */
.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; margin: 0px; padding: 0px 5px;}
.ui-paginator .ui-paginator-page{border: 1px solid white;}
.ui-paginator .ui-paginator-current {border: 1px solid #84BD00; border-top: none; border-bottom: none; color: #84BD00; margin: 0px 7.5px;}
.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;}
/*.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;}*/
.ui-paginator-rpp-options.ui-widget.ui-state-default.ui-corner-left {width: 65px; height: 25px; padding: 0px 5px; margin: 0px; margin-right: 7.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 #EDEDED; /*border-bottom: 1px solid #EDEDED;*/ padding: 20px 15px; box-sizing: border-box; width: 100%; position: relative; height: 65px; font-size: 12px; font-family: Arial;}
.ui-paginator .ui-paginator-rpp-options {padding: 0px 10px; background: url('../images/svg/arrow-down.svg') no-repeat; background-position: right 5px center; background-size: 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; vertical-align: middle; width: 100%; height: 40px; outline: none; border: 1px solid #D7D7D7; box-sizing: border-box; position: relative; font-size: 12px; font-family: Arial;}
.ui-paginator .ui-paginator-rpp-options option {background: #FFFFFF;}
.ui-paginator .ui-paginator-rpp-options::-ms-expand {display: none;}
.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-icon {background-position: 3px 2px; background-size: 10px;}

.ui-state-default .ui-icon.ui-icon-seek-next, .ui-state-default .ui-icon.ui-icon-seek-prev, .ui-datepicker-prev .ui-icon-circle-triangle-w, .ui-datepicker-next .ui-icon-circle-triangle-e {text-indent: -99999px; background: url(../images/svg/arrow-right.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);}

/* Input Trigger */
.input-trigger, .ui-state-default.input-trigger, .ui-widget-content .ui-state-default.input-trigger{width: 35px; height: 35px; display: block; margin: 0; border-radius: 0;}

/* BUTTONS */
button.positive-btn, .ui-widget-content button.positive-btn, button.negative-btn, .ui-widget-content button.negative-btn,
button.positive-btn-2, .ui-widget-content button.positive-btn-2, button.negative-btn-2, .ui-widget-content button.negative-btn-2 {width: 100%; border: none; border-radius: 5px;}
button.positive-btn, .ui-widget-content button.positive-btn {height: 45px; background: #4BC4CF;}
button.negative-btn, .ui-widget-content button.negative-btn {height: 45px; background: #8C8C8C;}
button.positive-btn-2, .ui-widget-content button.positive-btn-2 {height: 35px;  background: #4BC4CF;}
button.negative-btn-2, .ui-widget-content button.negative-btn-2 {height: 35px; background: #8C8C8C;}

button.negative-btn.logout-btn {background: #84BD00; height: 36px;}

/* Button Text & Icon*/
button.positive-btn.ui-state-hover, button.positive-btn-2.ui-state-hover {background: #41A7B1;}
button.negative-btn.ui-state-hover, button.negative-btn-2.ui-state-hover {background: #393939;}
button.positive-btn .ui-button-text, button.negative-btn .ui-button-text {font-family: 'DINPro-Bold'; font-size: 14px; color: #FFFFFF; letter-spacing: 0.9px; padding: 0px; text-transform: uppercase;}
button.positive-btn .ui-icon, button.negative-btn .ui-icon, button.positive-btn-2 .ui-icon, button.negative-btn-2 .ui-icon {color: #FFFFFF;}
button.negative-btn.logout-btn.ui-state-hover  {background: #658D1B;}

.no-label-group.positive-btn, .no-label-group.negative-btn {margin-top: 10px;}
.no-label-group.positive-btn-2, .no-label-group.negative-btn-2 {margin-top: 20px;}
.no-label-group.label-btn {margin-top: 23px;}

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.label-btn, button.ui-widget.label-btn, .ui-widget button.ui-widget.label-btn {height: auto; font-family: 'DINPro-Medium'; font-size: 14px; color: #4BC4CF; letter-spacing: 0.9px; text-transform: uppercase;}
button.label-btn .ui-icon:before {color: #4BC4CF;}
button.label-btn:hover, button.ui-widget.label-btn:hover, .ui-widget button.ui-widget.label-btn:hover, button.label-btn:hover .ui-icon:before {color: #41A7B1;}

button.label-btn-2, button.ui-widget.label-btn-2, .ui-widget button.ui-widget.label-btn-2 {font-family: 'DINPro-Regular'; letter-spacing: 0;}
button.label-btn-2 .ui-icon {color: #393939;}

.list-btn-panel .ui-button {width: 100%; display: inline-block; padding-top: 10px; padding-bottom: 10px; box-sizing: border-box; border-bottom: 1px dashed rgba(140,140,140,0.35); text-align: left; color: #FFFFFF;}
.list-btn-panel .ui-button:LAST-CHILD {border-bottom: none;}
.list-btn-panel .ui-button.ui-state-hover {background: #84BD00;}
.list-btn-panel .ui-button .ui-icon {color: #FFFFFF;} 

/*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{padding: 0; color: #4BC4CF; font-family: 'DINPro-Regular';}
.action-btn.ui-button .ui-icon {color: #4BC4CF; display: inline; font-size: 20px; left: 0px; margin: 0 auto; position: relative; top: 0px;}
.action-btn.ui-button.ui-state-hover .ui-button-text, .action-btn.ui-button.ui-state-hover .ui-icon{color: #41A7B1;}
.account-panel {background: #4BC4CF; padding: 15px 0px;}
.account-panel span{color: #FFFFFF;}

/* Disclaimer */
.disclaimer {border: 1px solid #D4D4D4;}
.disclaimer i {font-size: 20px; height: 25px; width: 25px;}
.disclaimer td {padding: 7.5px;}
.disclaimer span {text-align: justify; font-family: 'DINPro-Light'; line-height: 21px;}

/* Dropdown */
.ui-selectonemenu, .ui-selectonemenu.ui-state-hover, .ui-selectonemenu.ui-state-focus, .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: 35px; border: 1px solid #D7D7D7; background: #FFFFFF;box-sizing: border-box; position: relative; border-radius: 0px;}
.ui-selectonemenu .ui-selectonemenu-label.ui-inputfield, .ui-widget-content .ui-selectonemenu .ui-selectonemenu-label.ui-inputfield {height: auto; outline: none; width:100%; box-shadow: none; padding: 0px 0px 0px 8px; margin-right: 30px; box-sizing: border-box; line-height: 33px; white-space: normal; border: none;}
.ui-selectonemenu.empty-value .ui-selectonemenu-label.ui-inputfield {opacity: 0.7; font-family: 'DINPro-Light'; color: #000000;}
.ui-selectonemenu .ui-selectonemenu-trigger, .ui-selectonemenu .ui-selectonemenu-trigger:hover {background-image:none; border-left: none; box-shadow: none; height: 100%; width: 30px; padding:0px; border: none;}
.ui-selectonemenu-panel .ui-selectonemenu-list-item.ui-state-highlight{background: none; box-shadow: none;}
.ui-selectonemenu-panel, .ui-selectcheckboxmenu-panel{background-color: #FFFFFF; border-radius: 0px; box-sizing: border-box; border: 1px solid #84BD00; box-shadow: 0 2px 4px 0 rgba(0,0,0,0.24);}
.ui-selectonemenu-panel:not(.custom-panel), .ui-selectcheckboxmenu-panel:not(.custom-panel) {z-index: 3 !important; top: -1px !important; left: -1px !important; width: auto !important; min-width: 100%; box-sizing: content-box;}
.ui-selectonemenu-panel.custom-panel {border: none; box-shadow: none; padding-top: 3px;}
.ui-selectonemenu-panel.custom-panel .ui-selectonemenu-items-wrapper{border: 1px solid #84BD00; border-radius: 0px; box-shadow: 0 2px 4px 0 rgb(0 0 0 / 24%);}
.ui-selectonemenu-panel .ui-selectonemenu-filter{width:100%; box-sizing: border-box; height: 23px;}
.ui-selectonemenu.ui-state-error, .ui-widget-content .ui-selectonemenu.ui-state-error{border: 1px solid #D22630;}
.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: 15px; line-height: 20px; border-top: none; border-radius: 0px; padding: 7px 0px 7px 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 0px 10px 10px; overflow-x: hidden; max-height: 93px; min-width: 47px; padding: 0px 7px;}
.ui-selectonemenu-panel .ui-selectonemenu-list-item, .ui-selectonemenu-panel .ui-selectonemenu-table td, .ben-dropdown .ui-selectonemenu-panel .ui-selectonemenu-item {border-top: 1px dashed #EEEEEE;}
.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 #EEEEEE;}
.ui-selectonemenu.fixed-height .ui-selectonemenu-items-wrapper {max-height: 120px !important;}
.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; white-space: normal;}

.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-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: 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-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container {float: none; position: relative; top: 5px;}
.ui-selectcheckboxmenu-token.ui-state-active{border:none; background:none}

.ui-selectonemenu .ui-selectonemenu-trigger .ui-icon.ui-icon-triangle-1-s:before {content: "\e900";}
.search-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: "\e90e";}
.ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon {top: 0px; right: 0px; left: auto; width: 30px; padding: 0px;}

/* CIF */
.cust-select.ui-selectonemenu {min-width: 200px !important}
.cust-select.ui-selectonemenu .ui-selectonemenu-label.ui-inputfield{padding: 0px; padding-left: 30px;}
.cust-select.ui-selectonemenu:before {content: "\e903"; color: #84BD00; width: 30px; font-family: 'icomoon'; height: 20px; font-size: 16px; top: 0px; bottom: 0px; margin: auto; right: auto; left: 0px; text-align: center; position: absolute;}

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

/* */
.selectAccountMenu {width: 100%; table-layout: fixed;}
.selectAccountMenu > tbody > tr > td:first-child {padding-right: 7.5px; vertical-align: top;}
.selectAccountMenu > tbody > tr > td:last-child {padding-left: 7.5px; vertical-align: top;}
.selectAccountMenu > tbody > tr > td:only-child {padding: 0px;}

/* Accordion Default */
.ui-accordion {background: transparent; font-weight: normal; border: none; width: 100%; border-spacing: 8px; line-height: 20px; box-sizing: border-box}
.ui-accordion .ui-accordion-header{padding: 17px 15px; text-shadow: none;}
.ui-accordion .ui-accordion-header > table *{padding: 0px; text-transform: uppercase;}
.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-accordion-header .ui-icon.ui-icon-triangle-1-e, .ui-accordion .ui-accordion-header .ui-icon.ui-icon-triangle-1-s {top: 0px; right: 15px; left: auto;}
.ui-accordion .ui-accordion-header .ui-icon.ui-icon-triangle-1-s:before{content: "\e900";}
.ui-accordion .ui-accordion-header .ui-icon.ui-icon-triangle-1-e:before{content: "\e900";  -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg);}

/* Quick Access Panel Accordion*/
.quick-access-panel {width: 100%;}
.quick-access-panel .ui-menu .ui-menu-list .ui-menuitem {width: auto; clear: none;  display: inline;}
.quick-access-panel .ui-accordion .ui-accordion-header {border-bottom: 0.5px dashed #84BD00; padding-left: 30px; color: #84BD00; font-size: 15px; font-family: 'DINPro-Medium';}
.quick-access-panel .ui-accordion .ui-accordion-content div:LAST-CHILD div{border-bottom: 0.5px dashed #84BD00;}
.quick-access-panel .ui-datatable .ui-datatable-data > tr.ui-datatable-odd {background-color: transparent;}
.quick-access-panel .ui-datatable-selectable.ui-state-highlight {box-shadow: none; background: none;}
.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 {right: 0px;}
.quick-access-panel .ui-accordion .ui-accordion-header .ui-icon.ui-icon-triangle-1-s:before{content: "\e900";}
.quick-access-panel .ui-accordion .ui-accordion-header .ui-icon.ui-icon-triangle-1-e:before{content: "\e900"; -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg);}
.quick-access-panel .ui-accordion .ui-accordion-header .ui-icon.ui-icon-triangle-1-e:before{color: #8C8C8C;}
.quick-access-panel .ui-accordion .ui-accordion-header .ui-icon.ui-icon-triangle-1-s:before{color: #84BD00;}

.side-nav .quick-access-panel {width: 100%; padding-right: 0px;}

.favourites-tab:before, .beneficiaries-tab:before, .templates-tab:before {font-family: 'icomoon'; height: 20px; font-size: 16px; color: #84BD00; text-indent: 0px; position: absolute; top: 0px; bottom: 0px; margin: auto; right: auto; left: 0px; text-align: center;}
.favourites-tab:before {content: "\e913";}
.beneficiaries-tab:before {content: "\e914";}
.templates-tab:before {content: "\e912";}


/* Side Navigation */
.side-nav, .side-navi-item, .side-navi-data, .side-navi-tab {margin: 0; padding: 0;}
.side-nav {position: fixed; right: 0px; top: 140px; height: auto; z-index: 9999;}
.side-navi-item {position: absolute; left: -44px; display: inline-block; width: 44px; height: 44px; color: #FFFFFF; background: #FFFFFF; cursor: pointer; box-shadow: 0 2px 4px 0 rgba(0,0,0,0.09); border-radius: 10px 0 0 10px; box-sizing: border-box;}
.side-navi-data {position: absolute; top: 0; left: 0px; width: 260px; height: auto; background-color: white; box-shadow: 0 2px 4px 0 rgba(0,0,0,0.09);}
.side-nav .side-navi-item:nth-child(1).side-title {top: 0px;}
.side-nav .side-navi-item p {margin: 0px; margin-top: 5px; overflow: hidden;}
.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; height: auto; max-height: calc(100vh - 140px); overflow-x: hidden; overflow-y: auto;}
.side-navi-tab > div {background-color: transparent; padding: 0px; box-sizing: border-box;}

.side-nav.left {left: -260px;}
.left .side-navi-item {left: 260px; border-radius: 0px 10px 10px 0px; }
.left .side-navi-data {left: 0px;}

.icon-sidebar {height: 30px; width: 30px; line-height: 30px; font-size: 25px; color: #4BC4CF;}
.icon-sidebar:before {content: "\e93f";}
.active .icon-sidebar:before {content: "\e948";}

/* Dashboard Accordion - more than 10 */
.ui-accordion.st-1 .ui-accordion-header {background-color: #FFFFFF; padding: 25px 90px; font-size: 18px; border-bottom: 1px solid #EEEEEE; text-transform: uppercase;}
.ui-accordion.st-1 .ui-accordion-content {border-bottom: 1px solid #EEEEEE;}
.ui-accordion.st-1 .ui-datalist {padding: 0px 24px;}
.ui-accordion.st-1 .ui-datalist .ui-datalist-item {padding: 10px 0px;}
.ui-accordion.st-1 .ui-datalist .ui-datalist-item:not(:LAST-CHILD) {border-bottom: 1px dashed #EEEEEE;}
.ui-accordion.st-1 .ui-datalist ~ div:not(:empty){width: 100%; height: 45px; padding: 0px 10px; box-sizing: border-box; text-align: right;}
.ui-accordion.st-1 .ui-datalist ~ div:not(:empty) button {height: 100%; width: 100%; text-align: right; border-top: 1px solid #EEEEEE;}
.ui-accordion.st-1 .ui-button .ui-icon.icon-actions, .ui-datatable td .ui-button .ui-icon.icon-actions {font-size: 20px; width: 22px; height: 22px; line-height: 22px; color: #84BD00;}

/* Dashboard Accordion - less than or equal to 10 */
.ui-accordion.list-view .ui-accordion-header {display: none;}
.ui-accordion.list-view .ui-accordion-content {background: transparent; border: none; box-shadow: none;}
.ui-accordion.list-view .ui-datatable-data tr.ui-widget-content td > div{border-bottom: 1px solid rgba(155, 155, 155, 0.2); box-sizing: border-box; padding: 7.5px; background: #FFFFFF; position: relative;}
.ui-accordion.list-view tbody.ui-datatable-data td.custom-col .auto-dt div span {border: none;}
.ui-accordion.list-view .ui-datatable ~ div:not(:empty) {width: 100%; height: 45px; padding: 10px; box-sizing: border-box; text-align: right;}
.ui-accordion.list-view .ui-datatable ~ div:not(:empty) button{font-family: 'DINPro-Medium'; font-size: 12px; color: #002C4D; letter-spacing: 0.08px; text-transform: capitalize;}
.ui-accordion.list-view .ui-datatable ~ div:not(:empty) button .ui-icon:before{color: #002C4D;}
.ui-accordion.list-view .label-btn {height: 100%; width: 100%; text-align: right;}
.ui-accordion.list-view .ui-datatable .ui-datatable-data > tr.ui-datatable-odd {background: transparent;}
.ui-accordion.list-view tbody.ui-datatable-data td.custom-col.pct100 {padding: 0 7.5px; box-sizing: border-box;}
.ui-accordion.list-view tbody.ui-datatable-data .auto-dt td:first-child{padding: 10px 45px; padding-left: 0px;}
.ui-accordion.list-view .fixed-dt div > div div > span {display: inline-block; vertical-align: middle; width: 100%;}
.ui-accordion.list-view .ui-datatable tbody td {padding: 0px 7.5px;}

/* 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: 15px; background-color: transparent; border-bottom: 1px dashed #EEEEEE;}
.ui-panel .ui-panel-titlebar .ui-panel-title {font-family: 'DINPro-Light'; font-size: 18px; cursor: pointer; vertical-align: middle;} 
.ui-panel-titlebar-icon.ui-state-default {border: none; border-radius: 0px; background-color: transparent; margin: 0px !important; vertical-align: middle;}
.ui-panel .ui-panel-content {background-color: transparent;  padding: 7.5px; 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;}
.ui-panel-titlebar-icon .ui-icon.ui-icon-plusthick, .ui-panel-titlebar-icon .ui-icon.ui-icon-minusthick {font-size: 18px; color: #8C8C8C; top:2px;}
.ui-panel-titlebar-icon .ui-icon.ui-icon-plusthick:before {content: "\e900"; -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg);}
.ui-panel-titlebar-icon .ui-icon.ui-icon-minusthick:before {content: "\e900";}
.ui-panel .ui-panel-content .ui-panel {margin: -7.5px;}
.ui-panel .ui-panel-content .ui-panel .ui-panel-titlebar-icon .ui-icon.ui-icon-plusthick, .ui-panel .ui-panel-content .ui-panel-titlebar-icon .ui-icon.ui-icon-minusthick {top:10px}

/* Panel Style 1 */
.ui-panel.st-1 {background-color: transparent; border-top: dashed 1px #EEEEEE;}
.ui-panel.st-1 .ui-panel-titlebar {width: 100%; border: none; text-align: right; line-height: 50px; padding: 7.5px;}
.ui-panel.st-1 .ui-panel-titlebar .ui-panel-title {font-family: 'DINPro-Medium'; font-size: 15px; color: #4BC4CF; text-transform: uppercase; margin: 0px;}
.ui-panel.st-1 .ui-panel-titlebar-icon.ui-state-default {padding: 17px 7.5px 17px 5px;}
.ui-panel.st-1 .ui-panel-titlebar-icon .ui-icon.ui-icon-plusthick, .ui-panel.st-1 .ui-panel-titlebar-icon .ui-icon.ui-icon-minusthick {font-size: 15px; color: #4BC4CF;}
.ui-panel.st-1 .ui-panel-titlebar-icon .ui-icon.ui-icon-plusthick:before {content: "\e925";}
.ui-panel.st-1 .ui-panel-titlebar-icon .ui-icon.ui-icon-minusthick:before {content: "\e924";}
.ui-panel.st-1 .ui-panel-content {background: #F5F5F5; border-top: none;}
.ui-panel.st-1 .ui-panel-titlebar .lg-12 {padding-top: 0px; padding-bottom: 0px;}

/* Panel Style 3 */
.ui-panel.st-3 .ui-panel-titlebar .ui-panel-title {line-height: 40px; position: relative;}
.ui-panel.st-3 .ui-panel-titlebar .ui-panel-title:before {position:absolute; left: 10px; font-family: icomoon; color: #2AABE4; font-size: 14px;}
.ui-panel.st-3.hasErrors .ui-panel-titlebar .ui-panel-title:after {position:absolute; right: -20px; top: -7px; font-family: icomoon; content: "\e931"; color: #D22630; font-size: 14px;}
.ui-panel.st-3 .ui-panel-titlebar-icon .ui-icon.ui-icon-plusthick,
.ui-panel.st-3 .ui-panel-titlebar-icon .ui-icon.ui-icon-minusthick {color: #84BD00; font-size: 15px;} 
.ui-panel.st-3 .ui-panel-titlebar-icon .ui-icon.ui-icon-plusthick:before {content: "\e925";}
.ui-panel.st-3 .ui-panel-titlebar-icon .ui-icon.ui-icon-minusthick:before {content: "\e924";}

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

/* 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: 1px solid #4BC4CF;}
.ui-selectonebutton > div:first-child {border-radius: 5px 0px 0px 5px;}
.ui-selectonebutton > div:last-child {border-radius: 0px 5px 5px 0px;}
.ui-selectonebutton .ui-button.ui-widget.ui-state-default {font-family: 'DINPro-Bold'; font-size: 15px; letter-spacing: 0.96px; text-transform: uppercase; color: #4BC4CF;}
.ui-selectonebutton .ui-button.ui-widget.ui-state-active {background-color: #4BC4CF; color: white;}

/* Calendar */
input.datepicker-device{width: 218px;}
.datepicker-device::-webkit-clear-button{display: none; -webkit-appearance: none;}
.ui-datepicker {background: #FFFFFF; border: 1px solid #84BD00; box-shadow: 0 2px 4px 0 rgba(0,0,0,0.24); border-radius: 0px; margin-top: 8px; padding: 10px; }
.ui-datepicker th span {font-size: 14px; color: #FFFFFF;}
.ui-datepicker .ui-datepicker-header {background: none; border: none; border-bottom: 1px solid #EEEEEE; padding: 0px; margin: 0px;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next-hover{background: none;box-shadow:none;}
.ui-datepicker .ui-datepicker-calendar {background: #FFFFFF; border: solid 3px white;}
.ui-datepicker .ui-datepicker-current-day .ui-state-highlight, .ui-datepicker .ui-datepicker-current-day .ui-state-default {background: #658D1B; border-radius: 0px; text-shadow: none;}
.ui-datepicker .ui-datepicker-calendar .ui-state-default, .ui-datepicker .ui-datepicker-title span {font-family: 'DINPro-Medium'; font-size: 15px; color: #84BD00;}
.ui-datepicker .ui-datepicker-calendar .ui-state-default {font-size: 14px; color: rgba(0, 0, 0, 0.7); letter-spacing: 0; font-weight: normal; font-family: 'DINPro-Regular';}
.ui-calendar.ui-trigger-calendar{position: relative; display: inline-block; width: 100%;}

.ui-datepicker-trigger.ui-button {position: absolute; display: none;}
.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: 14px; -webkit-appearance: none; -moz-appearance: none; appearance: none; vertical-align: middle; width: 100%; height: 35px; outline: none; box-sizing: border-box; position: relative; border-radius: 0px;}
.ui-calendar input{cursor: pointer;}

.calendar-pg {table-layout: fixed;}
.calendar-pg, .calendar-pg .ui-calendar{width: 100%;}
.calendar-pg > tbody > tr > td {vertical-align: top;}
.calendar-pg > tbody > tr > td:first-child .ui-calendar input {border-right: none;}

/* Checkbox */
.ui-chkbox-box .ui-icon-blank:before {content: "\e927"; color: #84BD00;}
.ui-chkbox-box .ui-icon-check:before {content: "\e926"; color: #84BD00;}
.ui-chkbox-box .ui-chkbox-icon:before {font-size: 15px; position: absolute; top: 0px; bottom: 0px; margin: auto; right: auto; left: 0px;}
.ui-chkbox .ui-chkbox-box, .ui-radiobutton .ui-radiobutton-box {display: table-cell; background: none; border: none; cursor: pointer; position: relative;}
.ui-chkbox .ui-chkbox-label {height: 15px; display: table-cell; vertical-align: middle; padding-left: 5px; text-align: justify; color: #658D1B; font-size: 14px;}
.ui-chkbox-box{cursor: pointer;}
.switch-checkbox{width: auto !important;}
.switch-checkbox .ui-chkbox .ui-chkbox-box {display: none;}
.switch-checkbox td:first-child .ui-chkbox-label{border: solid 1px #CBCBCB; border-radius: 5px 0 0 5px; background-image: url(../images/svg/filters-x.svg); background-repeat: no-repeat; background-position: 12px 8px; background-size: 16px;}
.switch-checkbox td:last-child .ui-chkbox-label {border: solid 1px #4BC4CF; border-radius: 0 5px 5px 0; border-left: none; background-image: url(../images/svg/filters-tick.svg); background-repeat: no-repeat; background-position: 12px 8px; background-size: 16px;}
.switch-checkbox .authoriseSelected .ui-chkbox-box ~ .ui-chkbox-label{background: #4BC4CF; color: #FFFFFF; background-image: url(../images/svg/filters-tick-white.svg); background-repeat: no-repeat; background-position: 12px 8px; background-size: 16px;}
.switch-checkbox .declineSelected .ui-chkbox-box ~ .ui-chkbox-label{background: #CBCBCB; color: #FFFFFF; background-image: url(../images/svg/filters-x-white.svg); background-repeat: no-repeat; background-position: 12px 8px; background-size: 16px;}
.switch-checkbox .ui-chkbox .ui-chkbox-label {display: inline-block; margin: 0px; padding: 5px; box-sizing: border-box; height: 32px; width: 40px; box-sizing: border-box;}
.switch-checkbox td.ui-helper-hidden{display: table-cell;}
.ui-datatable td .ui-chkbox .ui-chkbox-box, .ui-datatable td .ui-radiobutton .ui-radiobutton-box{left: 0px; right: 0px;}
.content-C .switch-checkbox .ui-chkbox {margin: 0px; min-height: 0px;}
.content-C .ui-chkbox, .content-C .switch-checkbox {margin: auto;}

.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-token-icon.ui-icon {display:none}
.ui-columntoggler-item .ui-chkbox-box .ui-icon{font-size: 21px;}
.ui-columntoggler-item .ui-chkbox-box .ui-icon:before{content: "\e95e";}
.ui-columntoggler-item .ui-chkbox-box .ui-icon.ui-icon-check:before{content: "\e95d";}

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

/* Radio Button */
.ui-selectoneradio label{cursor: pointer; margin: 0px 3px;display: table-cell; padding: 0px 20px 0px 5px; color: #658D1B; font-size: 14px;}
.ui-selectoneradio {width: 100%; table-layout: fixed;}
.ui-selectoneradio td{min-width: 22px;}
.ui-selectoneradio.ui-widget td {vertical-align: middle; display: inline-block;}
.ui-radiobutton.ui-widget {display: table-cell;}
.ui-radiobutton .ui-radiobutton-box .ui-icon:before, .ui-radiobutton-icon .ui-chkbox-box .ui-icon:before{content: "\e929";}
.ui-radiobutton .ui-radiobutton-box .ui-icon.ui-icon-bullet:before, .ui-radiobutton-icon  .ui-chkbox-box .ui-icon.ui-icon-check:before{content: "\e928";}
.ui-radiobutton .ui-radiobutton-box .ui-icon.ui-icon-bullet:before {color: #84BD00;}
.ui-dialog .ui-selectoneradio {width: auto;}
/* Dashboard Widgets */
.widgets-panel {height:142px; table-layout: fixed; width: 100%;}
.widgets-panel > tbody > tr > td {box-sizing: border-box; overflow-y: auto; overflow-x: hidden; min-height: 250px; max-height: 250px; vertical-align: top;}
.widgets-panel > tbody > tr > td:FIRST-CHILD {width: 50%}
.widgets-panel > tbody > tr > td:lAST-CHILD {width: 50%; padding-left: 15px;}
.widgets-panel td > .ui-panel {padding: 7.5px;}
.widgets-panel .ui-datagrid-column:first-child table tr:not(:first-child) td:last-child{border-right: 1px solid #D5D2D2;}
.widgets-panel .ui-panel{box-shadow: 0 2px 7px 0 rgba(0,0,0,0.05); height: 100%;}
.widgets-panel .ui-panel .ui-panel-titlebar{background: #FAFAFA; border-bottom: none;}
.widgets-panel .ui-panel .ui-panel-titlebar .ui-button .ui-icon.icon-customise{font-size: 18px; color: #84BD00;}
.widgets-panel .ui-panel .ui-panel-content{border: none; background: #FFFFFF;}
.widgets-panel .ui-panel:not(:first-child){margin-top: 30px;}
.widgets-panel .ui-widget-content, .widgets-panel .ui-datagrid-column {padding: 0px;}
.widgets-panel .ui-panel .ui-panel-titlebar .ui-panel-title{font-family: DINPro-Light; color: #000000; font-size: 18px; margin: 0px;}
.widgets-panel .ui-panel .ui-panel-actions {padding-right: 20px;}
.widgets-panel .ui-panel .ui-panel-actions .ui-button, .widgets-panel .ui-panel .ui-panel-actions span, .widgets-panel .ui-panel .ui-panel-actions .ui-inputswitch{vertical-align: middle;}
.widget-grid div{border: none;}
.widget-grid table:last-child > tbody tr:first-child td {background: #F3F3F3; font-size: 10px; letter-spacing: 0.75px; line-height: 17px; text-align: right; text-transform: uppercase; padding-right: 15px;}
.widget-grid table tr:last-child td {padding: 10px; box-sizing: border-box;}
.widget-grid table tr:last-child td:not(:nth-child(-n + 2)) {text-align: right; padding-right: 15px;}
.widget-grid .ui-grid-responsive > div:last-child table:last-child > tbody tr:first-child td {display: none;}

/* Slick Carousel */ 
.slick-carousel {visibility: hidden;}

/*Dashboard Grid-View*/
.grid-view .slick-carousel .ui-panel{padding: 0px; background-color: transparent;}
.grid-view .slick-carousel .ui-panel .ui-panel-content {background: #FFFFFF; border: 1px solid #EDEDED; margin: 15px 7.5px; padding: 7.5px; box-sizing: border-box; text-align: center;}
.grid-view .slick-carousel .ui-panel .ui-panel-content table{padding-bottom: 7.5px;  border-bottom: 1px dashed rgba(151,151,151,0.16);}
.grid-view .slick-carousel .slick-dots li button:before{color: rgba(0, 56, 130, 0.5);}
.grid-view .slick-carousel .slick-dots li.slick-active button:before{color: #2AABE4;}
.grid-view .slick-carousel .slick-prev, .grid-view .slick-carousel .slick-next{background-size: 18px; background-color: rgba(18, 25, 105, 0.49); border-radius: 0px; height: 40px; width: 40px;}
.grid-view .slick-carousel .slick-prev {left: 8px;}
.grid-view .slick-carousel .slick-next {right: 8px;}
.grid-view .slick-carousel .action-links .ui-button{vertical-align: middle; border: none; border-radius: 0px;}

/*Menu-Grid-View*/
.menu-grid-view {padding: 10px;}
.menu-grid-view > tbody > tr > td {padding: 5px;}
.menu-grid-view .item {border: solid 1px #41A7B1; border-radius: 15px; height: 100px; width: 100%; max-width: 100px;}
.menu-grid-view .ui-button.ui-button-icon-only{height: 35%; width: 100%;}
.menu-grid-view .ui-button.ui-button-icon-only .ui-icon {top: auto; color: #41A7B1;}
.menu-grid-view .ui-button.ui-button-text-only{height: 65%; width: 100%;}
.menu-grid-view .ui-button-text-only .ui-button-text {padding: 0px; color: #41A7B1;}

/* Input Switch */
.ui-inputswitch{border-radius: 10px; height: 20px !important; width: 42px !important; border: none; border: 1px solid #84BD00; padding: 0px 2px !important;}
.ui-inputswitch-handle{background: white!important; border-radius: 10px;}
.ui-inputswitch .ui-inputswitch-handle{background: #84BD00 !important; border-radius: 15px; height: 17px !important; width: 17px !important; margin:2px;}
.ui-inputswitch .ui-inputswitch-on {background: rgba(255,255,255,0.00); border: none; padding-right: 10px; top: -1px;}
.ui-inputswitch .ui-inputswitch-off {background: rgba(255,255,255,0.00); 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; text-shadow: none; color: #333333;}
.legend-table tr.hide-row{display: none;}

/* Fileupload */
.fileupload-panel {width: 100%; table-layout: fixed;}
.fileupload-panel > tbody > tr > td:FIRST-CHILD {padding-right: 7.5px;}
.fileupload-panel > tbody > tr > td:LAST-CHILD {padding-left: 7.5px;}
.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-datatable .ui-datatable-data > tr {height: 40px;}
.fileupload-panel .ui-datatable tbody tr.ui-datatable-empty-message {line-height: 40px; padding: 0px 8px; opacity: 0.5; font-family: 'DINPro-Light'; text-transform: none;}
.fileupload-panel .ui-datatable {min-height: 40px; border: 1px dashed #D5D2D2;}
.fileupload-panel .ui-datatable {min-height: 40px; border: 1px dashed #D5D2D2;}
.fileupload-panel .ui-datatable tbody td {padding: 0px 8px;}
.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-button.ui-fileupload-choose{height: 44px; width: 100%; border: none; border-radius: 5px; background: #4BC4CF; padding: 5px; margin: 0px;}
.fileupload-panel .ui-button.ui-fileupload-choose:hover{background: #41A7B1;}
.fileupload-panel .ui-button.ui-fileupload-choose.ui-button .ui-button-text {padding: 0px; text-transform: uppercase; font-family: 'DINPro-Bold'; font-size: 14px; letter-spacing: 0.9px; color: #FFFFFF; line-height: 34px; display: block;}

/* FileuploadSelect */
/* .fileuploadSelect-panel {width: 100%; table-layout: fixed;}
.fileuploadSelect-panel > tbody > tr > td:FIRST-CHILD {padding-right: 7.5px;}
.fileuploadSelect-panel > tbody > tr > td:LAST-CHILD {padding-left: 7.5px;}
.fileuploadSelect-panel .ui-fileupload-buttonbar, .fileuploadSelect-panel .ui-fileupload-content{border: none; background-color: transparent; padding: 0px;}
.fileuploadSelect-panel .ui-fileupload-content{margin: 10px 0px; display: none;}
.fileuploadSelect-panel .ui-fileupload-content .ui-messages > div{margin: 0px;}
.fileuploadSelect-panel .ui-fileupload-files{display: none;}
.fileuploadSelect-panel .ui-datatable .ui-datatable-data > tr {height: 40px;}
.fileuploadSelect-panel .ui-datatable tbody tr.ui-datatable-empty-message {line-height: 40px; padding: 0px 8px; opacity: 0.5; font-family: 'DINPro-Light'; text-transform: none;}
.fileuploadSelect-panel .ui-datatable {min-height: 40px; border: 1px dashed #D5D2D2; width: 50%}
.fileuploadSelect-panel .ui-datatable {min-height: 40px; border: 1px dashed #D5D2D2;}
.fileuploadSelect-panel .ui-datatable tbody td {padding: 0px 8px;}
.fileuploadSelect-panel .ui-fileupload-buttonbar .ui-fileupload-choose input {transform: none; width: 100%; height: 100%;}
.fileuploadSelect-panel .ui-fileupload-buttonbar .ui-fileupload-choose input::-webkit-file-upload-button{display: none;}
.fileuploadSelect-panel .ui-button.ui-fileupload-choose{height: 44px; width: 100%; border: none; border-radius: 5px; background: #4BC4CF; padding: 5px; margin: 0px;}
.fileuploadSelect-panel .ui-button.ui-fileupload-choose:hover{background: #41A7B1;}
.fileuploadSelect-panel .ui-button.ui-fileupload-choose.ui-button .ui-button-text {padding: 0px; text-transform: uppercase; font-family: 'DINPro-Bold'; font-size: 14px; letter-spacing: 0.9px; color: #FFFFFF; line-height: 34px; display: block;} */

/* Datalist */
.ui-datalist .ui-datalist-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 {width: 100%; /*table-layout: fixed;*/}
.details-grid table {width: 100%; padding: 0px; padding-left: calc(10% - 7.5px); padding-right: calc(10% - 7.5px); position: relative; font-family: 'DINPro-Regular'; font-size: 15px;}
.details-grid table > tbody > tr {height: 50px;}
.details-grid table:before {content: ""; position: absolute; bottom: 0px; left: 0px; right: 0px; margin: auto; width: calc(100% - 30px); border-bottom: 1px dashed #EEEEEE;}
.details-grid:last-of-type > tbody > tr:LAST-CHILD table:before {content: none;}
.details-grid table > tbody > tr > td {padding: 10px 7.5px;}
.details-grid table:not(.lg-txt-C) > tbody > tr > td:FIRST-CHILD {text-align: left; color: #002C4D;}
.details-grid table:not(.lg-txt-C) > tbody > tr > td:NTH-CHILD(2) {text-align: right; word-break: break-all; word-wrap: break-word;}
.details-grid table:not(.lg-txt-C) > tbody > tr > td:NTH-CHILD(2):empty:before {content: '-';}

/*Details Grid within expansion row
.confirmation-page .details-grid table:not(.lg-txt-C) > tbody > tr > td:FIRST-CHILD {text-transform: none;}
.confirmation-page .details-grid > tbody > tr > td:FIRST-CHILD {text-transform: none;}*/

/*Details Grid with ui-panelgrid for Dynamic Page Confirm*/
.details-grid.ui-panelgrid {width: 100%; padding: 0px; position: relative; font-family: 'DINPro-Regular'; font-size: 15px;}
.details-grid.ui-panelgrid > tbody > tr {height: 50px;}
.details-grid.ui-panelgrid  table> tbody > tr > td, .details-grid.ui-panelgrid > tbody > tr > td{padding: 10px 7.5px;}
.details-grid.ui-panelgrid .ui-panelgrid-cell{border: none;}
.details-grid.ui-panelgrid tr.ui-widget-content{border: none; position: relative;}

.confirmation-page .details-grid.ui-panelgrid:not(.lg-txt-C) > tbody > tr > td:FIRST-CHILD, .confirmation-page .details-grid.ui-panelgrid > tbody > tr > td:FIRST-CHILD {text-transform: none;}
.confirmation-page .details-grid.ui-panelgrid tr.ui-widget-content:before {content: ""; position: absolute; left: 0px; right: 0px; margin: auto; width: calc(100% - 30px); border-bottom: 1px dashed #EEEEEE;}
.confirmation-page .details-grid.ui-panelgrid tr.ui-widget-content:FIRST-CHILD:before {border-bottom: 1px dashed transparent;}
.confirmation-page .details-grid.ui-panelgrid:not(.lg-txt-C) > tbody > tr > td:FIRST-CHILD {padding-left: calc(10%); text-align: left;}
.confirmation-page .details-grid.ui-panelgrid:not(.lg-txt-C) > tbody > tr > td:NTH-CHILD(2) {padding-right: calc(10%); text-align: right; word-break: break-word; word-wrap: break-word;}


/* Edit Alias */
.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 input{margin: 0px !important; padding-right: 40px;}

/* Menu */
.ui-menu {background: none; border: none;}
.ui-menu .ui-menuitem-text {float: none;}
.ui-menu .ui-menuitem {margin: 0px;}
.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-menuitem-link {border: none;}
.ui-menuitem-link .ui-icon.ui-icon-triangle-1-s {display: none;}
.ui-menu .ui-menu-parent .ui-icon {display: none;}


.primary-nav.ui-menu {padding: 0px; box-sizing: border-box;}
.primary-nav.ui-menu .myOnlineBankingClick .ui-menuitem-link {display: none;}
.primary-nav.ui-menu .myOnlineBankingClick {padding: 0px 15px 0px 0px;}
.primary-nav.ui-menu .myOnlineBankingClick.ui-menuitem:before {content: "\e949"; font-family: 'icomoon'; text-indent: 0px; font-size: 18px; color: #FFFFFF; line-height: 70px;}
.primary-nav.ui-menu .myOnlineBankingClick.ui-menuitem.menu-active:before {color: #84BD00;}
.primary-nav.ui-menu.ui-megamenu > ul > .ui-menu-parent.myOnlineBankingClick.menu-active, .primary-nav.ui-menu.ui-megamenu > ul > .ui-menu-parent.myOnlineBankingClick:hover{background: none;}
.primary-nav.ui-menu .ui-menuitem-text {font-size: 15px; text-transform: capitalize; color: #FFFFFF; letter-spacing: 0; float: none;}

.primary-nav.ui-menu.ui-megamenu > ul > .ui-menu-parent > a .ui-menuitem-text {float: none; padding: 0px 20px; vertical-align: middle; font-family: 'DINPro-Medium'; font-size: 17px; color: #FFFFFF;}
.primary-nav.ui-menu.ui-megamenu > ul > .ui-menu-parent > a {height: 20px; background-color: transparent;}
.primary-nav.ui-menu.ui-megamenu > ul > .ui-menu-parent > a {height: auto; padding: 0px; line-height: 66px; width:100%; text-align:center;}
.primary-nav.ui-menu.ui-megamenu > ul > .ui-menu-parent.menu-active {background: #84BD00; border-radius: 0px;}
.primary-nav.ui-menu.ui-megamenu > ul > .ui-menu-parent.menu-active > a {border-bottom: solid 1px #84BD00;}
.primary-nav.ui-menu.ui-megamenu > ul > .ui-menu-parent:hover {background: #658D1B;}
.primary-nav.ui-menu.ui-megamenu > ul > .ui-menu-parent .ui-menu-child {background: #002C4D; border: 1px solid #658D1B; box-shadow: 0 2px 7px 0 rgba(0,0,0,0.24); padding: 10px; box-sizing: border-box; top: 69px !important;}

.primary-nav.ui-menu.ui-megamenu > ul > .ui-menu-parent {position: relative;}
.primary-nav.ui-menu.ui-megamenu > ul > .ui-menu-parent.ui-menuitem-active:before {content: ''; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 12px solid #658D1B; position: absolute; bottom: -12px; left: 0px; right: 0px; margin: auto; z-index: 10000;}

.primary-nav.ui-menu.ui-megamenu > ul ul .ui-widget-header.level-1 {display: none;}
.primary-nav.ui-menu.ui-megamenu > ul ul .ui-widget-header.level-1 ~ li span{/*font-size: 18px; color: #4BC4CF; letter-spacing: 0; line-height: 22px;*/ line-height: 22px; font-size: 15px; color: #FFFFFF; letter-spacing: 0; float: none;}
.primary-nav.ui-menu.ui-megamenu .ui-menu-child .ui-menu-list {width: 100%;}
.primary-nav.ui-menu.ui-megamenu > ul ul .ui-widget-header {float: none; width: 100%; margin: 0px; border: none; background: transparent; padding: 10px 30px; padding-bottom: 0px; box-sizing: border-box;}
.primary-nav.ui-menu.ui-megamenu > ul ul .ui-widget-header span {float: none; padding: 0px; padding-bottom: 10px; border-bottom: 1px dashed rgba(140,140,140,0.35); box-sizing: border-box; white-space: nowrap; font-size: 18px; color: #4BC4CF; letter-spacing: 0; line-height: 22px;}
.primary-nav.ui-menu.ui-megamenu > ul ul .ui-menuitem-link {padding: 10px 30px; box-sizing: border-box; width: 100%; white-space: nowrap;}
.primary-nav.ui-menu.ui-megamenu > ul ul .ui-menuitem-link:hover {background: #84BD00;}


/* Menubar 

.primary-nav.ui-menu {float: left;}
.primary-nav.ui-menu .ui-menu-list.ui-menu-child .ui-menu-list.ui-menu-child{left: 205px !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 {background: #F7F7F7; border: 1px solid #EDEDED; box-shadow: 0 2px 4px 0 rgba(0,0,0,0.21); box-sizing: border-box; left: 50% !important; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
.primary-nav .ui-menu {color: #b7dfe7;	background-color: #ffffff;	background-image: none}
.primary-nav .ui-menu-list .menu-link {margin: 0px;}
.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 .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 7.5px; box-sizing: border-box; border-bottom: 1px dashed rgba(218, 218, 218, 0.39);}
.primary-nav .ui-menu-child li:last-child a.ui-menuitem-link{border-bottom: none;}
.primary-nav .ui-menu-parent .ui-menu-list.ui-menu-child .ui-menuitem {margin:0px; padding: 0px 7.5px; box-sizing: border-box; min-height: 43px; border-radius: 0px;}
.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-link:hover .ui-menuitem-text {color: #2AABE4;}
.primary-nav .ui-menu-list .menu-link:last-child .ui-menuitem-text {border-right: none;}
*/
/* Global Header */
.global-header {width: 100%; min-width: 300px; margin-bottom: 20px; position: relative;}
.global-header > table:FIRST-CHILD {background: #002C4D; width: 100%;}
.global-header > table:FIRST-CHILD > tbody > tr > td:NTH-CHILD(2) {width: 100%; padding: 0px 15px 0px 0px; box-sizing: border-box;}
.global-header > table:NTH-CHILD(2) {background: #84BD00; width: 100%;}
.global-header > table:NTH-CHILD(2) > tbody > tr > td:NTH-CHILD(2) {width: 100%; padding: 0px 15px; box-sizing: border-box;}
.logo-txt {color: #FFFFFF; font-size: 35px; font-family: 'DINPro-Regular';}
.global-header .logo-txt {line-height: 70px;}

.unsecure-body .global-header .centering > table > tbody > tr > td:FIRST-CHILD {display: block; width: 200px;}

.notifications-panel .ui-button {border: none; border-radius: 0px; display: block; box-shadow: none; padding: 0px; margin-right: 10px; width: 40px; height: 70px; }
.notifications-panel .ui-button .ui-icon {font-size: 20px; width: 22px; height: 22px;}
.notifications-group {position: relative;}
.notifications-group .ui-button-text-icon-left {padding-right: 30px;}
.notifications-group button.empty {display:none;}
.notifications-group button.not-empty {position: absolute; height: 15px; width: 15px; border-radius: 100%; border: none; display: block; background-color: #84BD00; text-align: center; padding: 0px; border-radius: 10px; font-size: 10px; text-shadow: none; color: white; right: 7px; bottom: 15px; top: 0px; margin: auto;}
.notifications-group button.not-empty .ui-button-text {padding: 0px;}
.ui-overlaypanel .notifications-group button.not-empty {right: 5px; bottom: 0px; height: 18px; width: 18px;}

/* Search In Menu */
.search-menu {display:none; margin: 0; padding: 0px; background: none; background-color: transparent; border: none; width:100%; border-radius: 0px;}
.search-menu .ui-menu-list .ui-menuitem {background-color: transparent; margin: 0px; width: 100%;}
.search-menu .ui-menuitem-link {padding: 10px 7.5px; box-sizing: border-box; text-decoration: none; width: 100%; border-top: 1px dashed rgba(140,140,140,0.35);}
.search-menu .ui-menuitem-link.ui-state-hover {background: #84BD00;}
.search-menu .ui-menuitem-link .ui-menuitem-text {font-size: 15px; 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-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-panel.ui-overlaypanel{border: 1px solid #84BD00;}
.search-menu-panel .ui-overlaypanel-content{padding: 0px;}
.search-menu-panel .ui-overlaypanel-content:before{background-image: none;}
.search-menu-panel input[type="text"].filter-input{border: none;}

/*Search Input*/
input[type="text"].searchInput {background-image: url(../images/svg/search.svg); background-position: left 10px center; padding: 0px 10px 0px 40px; background-size: 13px; background-repeat: no-repeat;}
input[type="text"].filter-input, input[type="text"].filter-input.ui-state-focus {width:100%; background: transparent; color: #FFFFFF; border: none;}
input[type="text"].filter-input::after {content: '@'; width: 16px; height: 15px; vertical-align: middle;}

.ui-overlaypanel.st-1 input[type="text"].filter-input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #FFFFFF;
}
.ui-overlaypanel.st-1 input[type="text"].filter-input::-moz-placeholder { /* Firefox 19+ */
	color: #FFFFFF;
}
.ui-overlaypanel.st-1 input[type="text"].filter-input:-ms-input-placeholder { /* IE 10+ */
	color: #FFFFFF;
}
.ui-overlaypanel.st-1 input[type="text"].filter-input:-moz-placeholder { /* Firefox 18- */
	color: #FFFFFF;
}

/*Search In Mobile Menu*/
.cd-panel-container input[type="text"].filter-input, .cd-panel-container input[type="text"].filter-input.ui-state-focus {background: #FFFFFF; color: #393939; padding: 15px 25px; height: 50px;}
.cd-panel-container .search-menu .ui-menuitem-link {padding: 15px 25px;}

.cd-panel-container .ui-accordion .ui-accordion-header {color: #FFFFFF; font-size: 18px; font-family: 'DINPro-Medium'; padding: 15px; padding-left: 25px;}
.cd-panel-container .ui-accordion .ui-accordion-header .ui-icon {color: #FFFFFF; font-size: 15px;}
.cd-panel-container .ui-accordion .list-btn-panel .ui-button {padding: 15px 30px 15px 50px;}
.cd-panel-container .ui-accordion .list-btn-panel .ui-button .ui-icon {left: 25px;}

/* Responsive Menu */
.cd-btn {display: none; 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 for mobile*/
.slide-menu .ui-widget-header.level-0{position: relative; background-color: transparent; width: 100%; border:none; margin:0px; padding: 15px; padding-left: 25px; box-sizing: border-box;}
.slide-menu .ui-widget-header.level-0 h3, .slide-menu .ui-widget-header.level-0:hover h3{color: #FFFFFF; padding: 0px; font-size: 18px; font-family: 'DINPro-Medium'; 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;}
.slide-menu .level-0.open {background: #84BD00;}
.slide-menu .level-1.parent h3{border-bottom: 1px dashed rgba(140,140,140,0.35);}
.slide-menu .ui-menuitem-text, .slide-menu .level-1 h3{width: 100%; color: white; text-transform: capitalize; text-shadow: none; font-weight: normal; padding: 15px; padding-left: 25px; box-sizing: border-box; font-size: 15px; letter-spacing: 0px;}
.slide-menu .level-1:not(.parent), .slide-menu .level-2 {padding: 15px 0px;}
.slide-menu .level-1.parent h3{color: #4BC4CF; font-size: 18px;}
.slide-menu .ui-menu-list .ui-widget-header.level-1.parent{font-size: 18px; color: #4BC4CF; letter-spacing: 0;}
.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-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 {content: "\e900"; font-family: 'icomoon'; text-indent: 0px; width: 15px; height: 20px; font-size: 15px;}
.slide-menu.ui-menu .ui-widget-header.level-0:not(.open) h3:before, .slide-menu.ui-menu .ui-widget-header.level-0.myOnlineBankingClick h3:before {-webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg);}
.slide-menu.ui-menu .ui-widget-header.level-1 h3:before{font-family: "icomoon"; content: "\e925"; height: 14px; font-size: 14px;}
.slide-menu.ui-menu .ui-widget-header.level-1.open h3:before{content: "\e924";}

.cd-panel .cd-panel-content .ui-menu{width: 100%; box-sizing:border-box; padding: 0px;}
.cd-panel .cd-panel-content .ui-menu:first-of-type{border: none; border-bottom: 1px dashed rgba(140,140,140,0.35);}
.cd-panel-container .header > tbody > tr > td:last-child{width: 50px;}
.cd-panel-close-icon {padding: 15px; width: 100%; border-bottom: 1px solid rgba(140,140,140,0.35);}
.cd-panel-close-icon a {color: #FFFFFF; font-size: 20px;}
.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: #002C4D; 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; height: 13px; width: 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);
  }
}

/* Login */
.login-body {background-attachment: fixed; backgound-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: bottom center; transition: all 0.9s ease-out 0s;}
.login-body .ui-messages {width: 100%;}
.login-body input.ui-state-focus, .login-body .ui-widget-header input.ui-state-focus, .login-body .ui-inputfield.ui-state-focus{box-shadow: none;}
/*.login-body .centering {padding: 0px; max-width: none;}*/

.login-content .ui-messages:not(:empty) {margin-left: auto; padding: 7.5px; box-sizing: border-box; width:83.3333%;}
.login-content .ui-separator {border-color: #5C9441; width: 100%;}
.login-body .logo-panel {margin-left: -185px; background: #002C4D; height: 80px;}
.login-body .header-image {width: 100%; height: 65px; background-repeat: no-repeat; margin-left: 0; margin-top: 30px;}
.login-body .main-panel {width: 440px; background: #82BA41; box-sizing: border-box; margin-left: 170px; margin-top: 10%;}
.login-body .logo-image{background-position: center center;}
.login-body button.positive-btn{width: auto; padding: 0px 25px; background: #002C4D;}
.login-body .ui-button .ui-button-text {white-space: nowrap;}

/*Language Dropdown*/
.lang-select.ui-selectonemenu{border: none; background: transparent; width: auto;}
.lang-select.ui-selectonemenu .ui-selectonemenu-trigger .ui-icon.ui-icon-triangle-1-s{font-size: 14px; color: #FFFFFF; padding: 0px; left: 0;}
.lang-select.ui-selectonemenu .ui-selectonemenu-trigger .ui-icon.ui-icon-triangle-1-s:before{content: "\e900";}
.lang-select.ui-selectonemenu .ui-selectonemenu-label.ui-inputfield {font-family: 'DINPro-Regular'; color: #FFFFFF; letter-spacing: 0px;}

.slideshow-wrap-btn {text-align: right;}
.slideshow-wrap-btn > button {border-radius: 50%; background: transparent; height: 12px; width: 12px; border: solid 1px #FFFFFF; margin-left: 10px;}
.slideshow-wrap-btn > button.active {background: #FFFFFF;}
.slideshow-wrap-panel {background-color: #364AA7; opacity: 0.46; position: absolute; bottom: 0;}
.slideshow-wrap-txt-1 {font-family: 'DINPro-Bold';font-size: 20px; color: #FFFFFF; display: block; text-align: center;}
.slideshow-wrap-txt-2 {font-family: 'DINPro-Regular'; font-size: 14px; color: #FFFFFF; display: block; text-align: center; line-height: 19px;}
.quick-access-panel .slideshow-wrap-image .slideshow-wrap-btn {text-align: center; position: absolute; bottom: 10px; left: 0; width: 100%;}
.quick-access-panel .slideshow-wrap-image {background-repeat: no-repeat; height: 370px; position: relative; transition: all 0.9s ease-out 0s;}
.quick-access-panel .slideshow-wrap-btn > button {background: rgba(255,255,255,0.50); border: solid 1px rgba(255,255,255,0.50); height: 3px; width: 3px; padding: 3px 3px;}
.quick-access-panel .slideshow-wrap-btn > button.active {background: #FFFFFF;}

.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{display: block; font-family: DINPro-Regular; font-size: 16px; color: #FFFFFF; letter-spacing: 0;}
.login-links > table{margin-top: 50px;}
.login-links .ui-button{border: none;}

/* Account Type Colors */
.tab-current:before, .tab-deposit:before, .tab-loan:before, .tab-saving:before {font-family: 'icomoon'; height: 30px; font-size: 20px; text-indent: 0px; position: absolute; top: 0px; bottom: 0px; margin: auto; right: auto; left: 25px; text-align: center; color:#FFFFFF;}

.ui-accordion.st-1 .ui-accordion-header:before{border-radius: 50px; width: 46px; height: 44px; line-height: 44px;}
.ui-accordion.st-1 .ui-accordion-header.tab-current:before{background-color: #84BD00;}
.ui-accordion.st-1 .ui-accordion-header.tab-saving:before{background-color: #2DCCD3;}
.ui-accordion.st-1 .ui-accordion-header.tab-deposit:before{background-color: #D22630;}
.ui-accordion.st-1 .ui-accordion-header.tab-loan:before{background-color: #FF9E1B;}

.ui-accordion.st-1 .ui-accordion-header.tab-current{color: #84BD00;}
.ui-accordion.st-1 .ui-accordion-header.tab-saving {color: #2DCCD3;}
.ui-accordion.st-1 .ui-accordion-header.tab-deposit{color: #D22630;}
.ui-accordion.st-1 .ui-accordion-header.tab-loan{color: #FF9E1B;}

.ui-accordion.list-view .auto-dt .ui-icon:before{color: #FFFFFF;}
.ui-accordion.list-view .auto-dt .ui-icon{border-radius: 50px; width: 44px; height: 44px; line-height: 44px;}
.ui-accordion.list-view .current .ui-icon.icon-accounts{background-color: #84BD00;}
.ui-accordion.list-view .card .ui-icon.icon-cards{background-color: #2DCCD3;}
.ui-accordion.list-view .termDep .ui-icon.icon-term-deposits{background-color: #D22630;}
.ui-accordion.list-view .loan .ui-icon.icon-loans{background-color: #FF9E1B;}

.handle-row-draggable {width: 35px; height: 25px; margin: 6px 5px;}

.exchange-rates-label{font-family: 'DINPro-Medium'; font-size: 15px; line-height: 35px; color: #84BD00;}

/* TAN Panel */
.timerPanel > span {border: none; background: none;}

/*Header details*/
.header-details span {font-family: DINPro-Medium;}

/* Pick List */
.ui-picklist.ui-picklist-responsive .ui-picklist-buttons button {height: 30px;}
.ui-picklist-buttons .ui-icon {font-family: 'FontAwesome'; font-size: 20px; color: #84BD00;}
.ui-picklist-buttons .ui-icon-arrow-1-e:before {content: '\f105';}
.ui-picklist-buttons .ui-icon-arrowstop-1-e:before {content: '\f101';}
.ui-picklist-buttons .ui-icon-arrow-1-w:before {content: '\f104';}
.ui-picklist-buttons .ui-icon-arrowstop-1-w:before {content: '\f100';}

/*Actions icons table*/
.actionTbl .ui-button {width: auto;}

/*Captcha*/
.captcha-panel {width: 100%; max-width: 200px; margin: auto; margin-top: 22px;}
.captcha-panel img {display: block;}
.captcha-panel > tbody > tr > td:FIRST-CHILD{width: 100%;}
.captcha-panel .ui-button .ui-icon.icon-repeat {background-image: url(../images/svg/repeat.svg); height: 20px; width: 20px; line-height: 20px; background-size: 18px;}
.captcha-panel .ui-button .ui-icon.icon-repeat:before {content: none;}

.noupdate {}