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

/*	------	BASE	------	*/
body {height: auto !important; margin: auto; min-height: 100%; min-width: 100%; overflow: hidden; padding:0; position: relative; font-family: 'Calibri-Light'; color: #4A4A4A; font-size: 13px;}
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: 'Calibri-Light', sans-serif; color: #7c7c7c; text-decoration: none;}
#pageId {overflow: hidden;}
.link-style a {text-decoration: underline; color: #1c5ba2;}
div#tokenPgId\:pushDialogId_modal {z-index: 0 !important;}

.h1, .ui-widget .h1 {font-family: 'Calibri-Bold'; font-size: 30px; letter-spacing: 0;}
.h2, .ui-widget .h2 {font-family: 'Calibri-Regular'; font-size: 22px; letter-spacing: 0;}
.h3, .ui-widget .h3 {font-family: 'Calibri-Light'; font-size: 20px; letter-spacing: 0;}
.h4, .ui-widget .h4, .ui-widget.ui-outputlabel.h4 {font-family: 'Calibri-Light'; font-size: 16px; letter-spacing: 0;}
.h5, .ui-widget .h5 {font-family: 'Calibri-Light'; font-size: 11px;}
.h6, .ui-widget .h6 {font-family: 'Calibri-Regular'; font-size: 17px;}
.h7, .ui-widget .h7 {font-family: 'Calibri-Light'; font-size: 13px;}
.h8, .ui-widget .h8 {font-family: 'Calibri-Bold'; font-size: 15px;}
.h9, .ui-widget .h9 {font-family: 'Calibri-Regular'; font-size: 12px;}

.cr11, .ui-widget .cr11 {font-family: 'Calibri-Regular'; font-size: 11px;}
.cr13, .ui-widget .cr13 {font-family: 'Calibri-Regular'; font-size: 13px; line-height: 18px;}
.cr14, .ui-widget .cr14 {font-family: 'Calibri-Regular'; font-size: 14px; line-height: 17px;}
.cr18, .ui-widget .cr18 {font-family: 'Calibri-Regular'; font-size: 18px; line-height: 21.5px; letter-spacing: 0.5px;}
.cr19, .ui-widget .cr19 {font-family: 'Calibri-Regular'; font-size: 19.5px;}
.cr20, .ui-widget .cr20 {font-family: 'Calibri-Regular'; font-size: 20px; line-height: 15px;}

.cl13, .ui-widget .cl13 {font-family: 'Calibri-Light'; font-size: 13px; line-height: 16px;}
.cl14, .ui-widget .cl14 {font-family: 'Calibri-Light'; font-size: 14px; line-height: 13px;}
.cl26, .ui-widget .cl26 {font-family: 'Calibri-Light'; font-size: 26px;}

.cb13, .ui-widget .cb13 {font-family: 'Calibri-Bold'; font-size: 13px; line-height: 13px;}
.cb18, .ui-widget .cb18 {font-family: 'Calibri-Bold'; font-size: 18px; line-height: 18px;}
.cb20, .ui-widget .cb20 {font-family: 'Calibri-Bold'; font-size: 20px; line-height: 13px;}
.cb26, .ui-widget .cb26 {font-family: 'Calibri-Bold'; font-size: 26px;}

.c-1, .ui-widget .c-1, .c-1[class^="icon-"], .c-1 [class^="icon-"], .ui-state-default .c-1.ui-icon {color: #4A4A4A;}
.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: #1c5ba2;}	/*cobalt*/
.c-4, .ui-widget .c-4, .c-4[class^="icon-"], .c-4 [class^="icon-"], .ui-state-default .c-4.ui-icon {color: #419f37;}	/*green*/
.c-5, .ui-widget .c-5, .c-5[class^="icon-"], .c-5 [class^="icon-"], .ui-state-default .c-5.ui-icon {color: #ed1c24;}	/*red*/
.c-6, .ui-widget .c-6, .c-6[class^="icon-"], .c-6 [class^="icon-"], .ui-state-default .c-6.ui-icon {color: #666666;}	/*brownish-grey*/
.c-7, .ui-widget .c-7, .c-7[class^="icon-"], .c-7 [class^="icon-"], .ui-state-default .c-7.ui-icon {color: #62b9e7;}
.c-8, .ui-widget .c-8, .c-8[class^="icon-"], .c-8 [class^="icon-"], .ui-state-default .c-8.ui-icon {color: #8a898a;}
.c-9, .ui-widget .c-9, .c-9[class^="icon-"], .c-9 [class^="icon-"], .ui-state-default .c-9.ui-icon {color: #8b8b8b;}
.c-10, .ui-widget .c-10, .c-10[class^="icon-"], .c-10 [class^="icon-"], .ui-state-default .c-10.ui-icon {color: #ff8900;}	/*orange*/
.c-11, .ui-widget .c-11, .c-11[class^="icon-"], .c-11 [class^="icon-"], .ui-state-default .c-11.ui-icon {color: #8c8c8c;}	/*warm-grey-three*/
.c-12, .ui-widget .c-12, .c-12[class^="icon-"], .c-12 [class^="icon-"], .ui-state-default .c-12.ui-icon {color: #999999;}
.c-13, .ui-widget .c-13, .c-13[class^="icon-"], .c-13 [class^="icon-"], .ui-state-default .c-13.ui-icon {color: #808080;}
.c-14, .ui-widget .c-14, .c-14[class^="icon-"], .c-14 [class^="icon-"], .ui-state-default .c-14.ui-icon {color: #000000;} /* black */
.c-15, .ui-widget .c-15, .c-15[class^="icon-"], .c-15 [class^="icon-"], .ui-state-default .c-15.ui-icon {color: #398f45 !important;} /* green for changed values in PersonalRecordsConfirm.xhtml */

.bullet {display: list-item !important; list-style-type: disc !important; list-style-position: inside !important; text-align: left !important;}
.caption {font-size: 11px; color: #999999; letter-spacing: 0;}
.mandatory {position: relative;}
.mandatory:after, td.mandatory:after, td.mandatory span.ui-column-title:after {content:"*"; margin-left: 2px; color: #ed1c24;}
.uppercase-txt, .uppercase-txt.ui-chkbox .ui-chkbox-label {text-transform: uppercase; font-family: 'Calibri-Light'; font-size: 12px; color: #000000; letter-spacing: 0.9px;}
.lowercase-txt {text-transform: lowercase;}
.h7.lg-block .ui-chkbox .ui-chkbox-label {font-size: 13px;}
.instruction-style {padding: 10px 30px 20px 30px !important; box-sizing: border-box;}

.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;}
.prelinewrap{white-space: pre-line;}
.fixed-dt, .ui-datatable table.fixed-dt{table-layout: fixed;}
.auto-dt, .ui-datatable table.auto-dt{table-layout: auto;}
.truncate, .truncate > p {width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block;}
.ui-datatable .ui-column-data > table.truncate-col, .ui-datatable .truncate-col {width: 100%; max-width: 200px;}
.ui-datatable .ui-column-data > table.truncate-col.w-300, .ui-datatable .truncate-col.w-300 {max-width: 300px;}
.truncate-col span {width: 100%; /*max-width: 200px;*/ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block;}
.truncate-col br {display: none;}
.truncate-col p {display: inline;}
.bold-txt {font-family: 'Calibri-Bold';}
.msg-subject-txt {font-family: 'Calibri-Bold'; font-size: 29.5px; line-height: 23px; letter-spacing: -0.3px; color: #154b89;}
.msg-body-txt {font-size: 'Calibri-Regular'; font-size: 15px; line-height: 17px; letter-spacing: -0.2px; color: #666666; display: block; text-align: justify;}
.msg-body-txt.no-visible {visibility: hidden;}
/*.bold-txt, .bold-txt span, .bold-txt .ui-button-text, .ui-datalist .positive-txt.bold-txt, .ui-datalist .negative-txt.bold-txt{font-family: 'Calibri-Regular'; font-size: 14px; letter-spacing: 0.4px;}*/
.empty-message-txt {font-family: 'Calibri-Light'; font-size: 13.5px; line-height: 21px; color: #666666;}
.column-grid {width: 100%;}
.column-grid .slash {padding: 0px 10px;}
/*.column-grid td {padding-right: 10px;}
.column-grid .ui-inputfield {width: 100px;}
*/
.top-5 {margin-top: 5px !important;}
.top-10 {margin-top: 10px !important;}
.top-20 {margin-top: 20px !important;}

.bottom-10 {margin-bottom: 10px !important;}
.word-break {word-break: break-all;}
.word-break .ui-column-data {word-break: break-word;}
.nowrap .ui-column-data {white-space: nowrap;}

.hidden {visibility: hidden;}

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

td.fixed-width {width: 30px;}

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

.loading-dialog.ui-dialog .ui-dialog-content{background-color: transparent;}
.loading-dialog img{-webkit-animation: spin 1s infinite linear;}
.loading-img{-webkit-animation: spin 1s infinite linear;}
@-webkit-keyframes spin {
    0%   {-webkit-transform: rotate(0deg)}
    100% {-webkit-transform: rotate(360deg)}
}
/* Fonts */

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

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

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

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	opacity: 1;
	font-family: 'Calibri-Light';
	font-size: 13px;
	color: #666666;
	line-height: 13px;
}
::-moz-placeholder { /* Firefox 19+ */
	opacity: 1;
	font-family: 'Calibri-Light';
	font-size: 13px;
	color: #666666;
	line-height: 33px;
}
:-ms-input-placeholder { /* IE 10+ */
	opacity: 1;
	font-family: 'Calibri-Light';
	font-size: 13px;
	color: #666666;
	line-height: 13px;
}
:-moz-placeholder { /* Firefox 18- */
	opacity: 1;
	font-family: 'Calibri-Light';
	font-size: 13px;
	color: #666666;
	line-height: 13px;
}


.login-body input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	opacity: 1;
	font-family: 'Calibri-Light';
	font-size: 14px;
	color: #666666;
	line-height: 19px;
}

.login-body input::-moz-placeholder { /* Firefox 19+ */
	opacity: 1;
	font-family: 'Calibri-Light';
	font-size: 14px;
	color: #666666;
	line-height: 33px;
}

.login-body input:-ms-input-placeholder { /* IE 10+ */
	opacity: 1;
	font-family: 'Calibri-Light';
	font-size: 14px;
	color: #666666;
	line-height: 19px;
}

.login-body input:-moz-placeholder { /* Firefox 18- */
	opacity: 1;
	font-family: 'Calibri-Light';
	font-size: 14px;
	color: #666666;
	line-height: 19px;
}


::-webkit-scrollbar-track {
    -webkit-box-shadow: 0 0 0 0;
    border-radius: 10px;
    background-color: transparent;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: 0 0 0 0;
    background-color: #1c5ba2;
}

::-webkit-scrollbar {
    width: 12px;
    background-color: transparent;
}


/*	-------	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-left: 10px; padding-right: 10px; /*position: relative;*/}
.lg-1{width:8.33333333%}.lg-2{width:16.66666667%}.lg-3{width:25%}.lg-4{width:33.33333333%}.lg-5{width:41.66666667%}.lg-6{width:50%}.lg-7{width:58.33333333%}.lg-8{width: 66.66666667%}.lg-9{width:75%}.lg-10{width:83.33333333%}.lg-11{width:91.66666667%}.lg-12{width:100%}
.lg-auto{width: auto;}

.ui-widget.ui-outputlabel.label-group {padding: 7.5px; padding-bottom: 2px;}
.ui-widget.ui-outputlabel.label-group ~ div {padding-top: 0px;}

.nopad {padding: 0 !important;}
.nopad-top {padding-top: 0 !important;}
.nopad-bottom {padding-bottom: 0 !important;}
.nopad-L {padding-left: 0 !important;}
.nopad-R {padding-right: 0 !important;}
.nopad-TB {padding-top: 0 !important; padding-bottom: 0 !important;}
.nopad-LR {padding-left: 0 !important; padding-right: 0 !important;}

.right-5 {margin-right: 5px;}
.right-10 {margin-right: 10px;}
.right-20 {margin-right: 20px;}
.left-5 {margin-left: 5px;}
.left-10 {margin-left: 10px;}
.left-20 {margin-left: 20px;}

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

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

.text-Regular-14 {font-size: 14px; font-family: 'Calibri-Regular';}

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

.margin-btn {margin: 0px 8px;}
.margin-btn-last {margin-left: 8px;}

.centering {margin: auto; padding: 0px 10px; box-sizing: border-box; width: 100%;}
.menu-centering{margin: 0px auto; width: 750px; padding: 75px 0px; visibility: hidden;}
/*.global-header .centering, .bottom-footer .centering {height: 100%; width: 100%; max-width: none;}*/

.main-panel {margin-top: 20px; border-spacing: 0px !important; width: 100%;}
.main-padding {/*padding-bottom: 350px;*/ width: 100%;}

.common-body {margin:0px; background: #f2f2f2;}

.page-content {background: transparent; width: 100%; min-width: 250px; padding: 0px; box-sizing: border-box;}

/*ui-card, tab-content*/
.ui-card, .tab-content {background: #FFFFFF; border: 1px solid #e4e1e1; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.1); border-radius: 2px;}
.tab-content {border-top: 6px solid #f8f8f8; padding: 15px;}
.tab-content .ui-tabmenu .ui-tabmenu-nav li.ui-tabmenuitem a.selected:before {background-image: url(../images/menu-arrow.png);}
.confirmation-page .tab-content .menu-arrow-custom.ui-tabmenu .ui-tabmenu-nav li.ui-tabmenuitem a.selected:before {background-image: url(../images/curve-transparent.png);}
.ui-card .ui-card-header, .ui-card .ui-card-footer {font-family: 'Calibri-Regular'; font-size: 20px; line-height: 15px; color: #1c5ba2; /*border: 1px solid #e4e1e1;*/ background-color: #ffffff;}
.ui-card .ui-card-header {border-bottom: 1px solid #e4e1e1; padding: 24px 14px 18px 14px;}
.ui-card .ui-card-footer {border-top: 1px solid #e4e1e1;}
.ui-card .ui-group {position: relative; display: block; padding: 10px 0px; box-sizing: border-box; width: 100%;}
.ui-card .ui-group.container {padding: 15px 0px;}
.ui-card .ui-group.container.padding15{padding: 15px;}
.ui-card .ui-group.container .ui-outputlabel {text-align: right; font-size: 13px; color: #1c5ba2; font-family: 'Calibri-Light';}
.ui-card .ui-group.container .ui-outputlabel a {color: #1c5ba2;}
.ui-card .ui-group.container .ui-outputlabel.sublabel {font-size: 11px; line-height: 13px; color: #666666;}
.ui-group.container:nth-of-type(2n) {background-color: #f7f7f7; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8;}
.ui-card .ui-card-header .ui-group.container:before {border-bottom: 1px solid #D5D2D2;}
.ui-card .ui-card-footer .ui-group.container:before {border-bottom: none;}
.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-bottom: 3.5px; margin-bottom: 10px;}

/*ui-card tab , ui-card simple*/
.ui-card.simple {padding: 15px;}
.ui-card.simple {box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.2); border-top: 1px solid #e4e1e1; border-radius: 3px;}


.ui-card.tab .ui-card.simple {margin: 12px; box-shadow: none; border-bottom: none;}

/*.ui-card.simple .ui-card-body {border: 1px solid #e4e1e1; border-radius: 3px;}*/
.ui-card.simple .ui-card-header {border-bottom: 1px solid #e4e1e1;}
.ui-card.simple .ui-card-footer {border-top: none;}

.subtitle {padding: 15px; font-size: 18px; font-family: 'Calibri-Regular'; color: #1c5ba2;}

/*Row - Row details*/
.row {margin-left: -10px; margin-right: -10px;}
.row:before {content: " "; display: table;}
.row-title {font-family: 'Calibri-Light'; font-size: 20px; color: #000000; margin: 10px 0;}
.row-details .ui-outputlabel, .row-details .ui-widget.ui-outputlabel {font-size: 13px; color: #8c8c8c;}
.row-details span {font-family: 'Calibri-Bold';}
.row-details .details-right {/*margin-top: 5px;*/ clear: both;}
.row-details .details-right span {font-family: 'Calibri-Light';}
.row-details .details-right span.h3 {font-family: 'Calibri-Regular';}
.row-details .link-btn.ui-button.ui-button-text-icon-left {padding-left: 30px;}
.row-details .link-btn.ui-button .ui-button-text {padding-left: 0px;}
.row-details .link-btn .ui-button-icon-right.ui-icon {font-size: 17px;}

/*Details group*/
.details-group {padding: 12px 0;}
.details-group .details-list .h2 {line-height: 1; margin: 4px 0px 4px 8px; width: 100%; position: relative;}
.details-group .details-list .h2:before {content: ""; position: absolute; left: -53px; height: 100%; min-height: 10px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-color: inherit; border: 2px solid;}
.details-group .details-list .h2.no-image:before{left: -23px;}
.details-group .details-list .h2.card-image:before{left: -84px;}
.details-group .row {font-size: 13px; padding: 5px 0; display: flex;}
.details-group .balance-details .row {display: block;}
.balance-details-title {font-family: 'Calibri-Bold'; font-size: 14px; color: #1c5ba2; display: block;  margin: 10px 0px 10px 10px;}

/*Details list*/
.details-list {padding-left: 20px;}
.details-list .lg-flex {position: relative; left: -4px;}

/*Additional details*/
.additional-details .ui-widget.ui-outputlabel {font-size: 12px; color: #8c8c8c; font-family: 'Calibri-Regular';}
.additional-details .ui-widget.ui-outputlabel.c-5 {color: #ed1c24;}
.additional-details .details-right span{font-family: 'Calibri-Regular';}

/* Input */
input, button, .ui-selectonemenu, textarea {font-family: 'Calibri-Light', sans-serif; font-size: 14px;}
@-webkit-keyframes autofill {to {color: #4A4A4A; 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: 32px; font-family: 'Calibri-Light', sans-serif; outline-color: transparent; padding: 0px 8px; text-shadow: none; border-radius: 13.5px;}
input.ui-state-disabled, .ui-inputfield.ui-state-disabled,.ui-inputfield.ui-state-default.ui-state-disabled, .ui-datatable input[type="text"]:disabled {box-shadow: inset 0px 2px 2px 0 rgba(0, 0, 0, 0.25); border: 1px solid #8c8c8c; cursor: default; opacity: 1; font-size: 13px; color: #666666;}
input[readonly="readonly"]:not(.hasDatepicker).ui-state-default{font-family: 'Calibri-Bold'; font-size: 13.5px; line-height: 15.5px; text-transform: uppercase; color: #1c5ba2; border: none; box-shadow: none; background: transparent;}
.ui-inputfield.ui-inputtextarea {resize: none; padding: 9px 14px; width: 100%; font-family: 'Calibri-Light'; font-size: 13px; color: #1c5ba2;}
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 #1c5ba2; -webkit-appearance: none; -moz-appearance: none; appearance: none;outline: none;}
input.ui-state-focus, .ui-inputfield.ui-state-focus {border-color: #66afe9;}
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 {border: 1px solid #ef474e;}
i.input-error-icon {display: none;}
input.ui-state-error.input-error + i, .ui-outputlabel.ui-state-error + input.input-error + i, .ui-outputlabel.ui-state-error.input-error + table.fileupload-panel + i {display: block; position: absolute; color: #ef474e; right: 5px; left: auto;}
input.ui-state-error.input-error, .ui-outputlabel.ui-state-error.input-error + table.fileupload-panel, .ui-outputlabel.ui-state-error + input.input-error {padding-right: 30px;}
.ui-outputlabel.ui-state-error + table.fileupload-panel, .ui-outputlabel.ui-state-error + input {border: 1px solid #ef474e;}
i.no-error-icon {display: none !important;}

input[readonly="readonly"]:not(.hasDatepicker).ui-state-error{border: 1px solid #ef474e;}


.custom-input {width: 100%; height: 36px; display: flex; background: #ffffff; border-radius: 25px;}
.custom-input:focus {border: 1px solid #ed1c24;}
.custom-input i {width: 35px; display: block;}
.custom-input .ui-outputlabel, .custom-input .ui-widget.ui-outputlabel {padding: 0px; color: #4A4A4A; white-space: nowrap; display: block; width: auto; line-height: 44px; padding-right: 7.5px; box-sizing: border-box;}
.custom-input input.ui-state-default {border: 1px solid #cccccc; padding: 0px; height: 36px; padding-left: 16px; box-shadow: inset 0px 3px 3px 0 rgba(0, 0, 0, 0.2); border-radius: 25px;}
.custom-input input {box-shadow: inset 0px 3px 3px 0 rgba(0, 0, 0, 0.2);}
.custom-input input.ui-state-focus {color: #1c5ba2;}
.custom-input .hideShowPassword-wrapper input.ui-state-default {padding-right: 30px; padding-left: 16px !important; box-sizing: border-box;}
.custom-input .ui-outputlabel.ui-state-error + input {border: 1px solid #ef474e; box-shadow: inset 0px 3px 3px 0 rgba(239, 71, 78, 0.1);}
.custom-input .ui-outputlabel.ui-state-error + input.ui-state-focus {box-shadow: 0px 0px 0px 4px rgba(239, 71, 78, 0.1); border-color: #ed1c24;}

/*Value Only Field (used on modify pages and read only)*/
.valueOnlyField {font-family: 'Calibri-Bold'; font-size: 13.5px; line-height: 23.5px; color: #1c5ba2; padding: 0px 8px; word-break: break-word;}

/*ui-state-error on text editor*/
.ui-outputlabel.ui-state-error + .text-editor {border: 1px solid #ed1c24;}
.ui-outputlabel.ui-state-error + .text-editor .ql-toolbar.ql-snow {border: none; border-bottom: 1px solid #ccc;}
.ui-outputlabel.ui-state-error + .text-editor .ql-container.ql-snow {border: none;}
.input-error + .ui-outputlabel.ui-state-error + .text-editor + i {position: absolute; display: block; position: absolute; color: #ef474e; right: 5px; left: auto; top: 12px; bottom: auto;}


/*Search Input*/
/*.searchInput {display: none;}*/
input[type="text"].filter-input {width:100%; border: none !important; background: transparent;}
input[type="text"].filter-input::after {content: '@'; width: 16px; height: 15px; vertical-align: middle;}

/* Labels & Headers */
.ui-outputlabel {display: block;}
.ui-outputlabel, .ui-datatable-reflow .ui-reflow-label, .ui-widget.ui-outputlabel, .ui-widget .ui-widget.ui-outputlabel {font-size: 11px; color: #999999; width: 100%; padding: 0px; box-sizing: border-box;}

.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: 'Calibri-Regular';}
.negative-txt{color: #ed1c24;}
.positive-txt{color: #419f37;}
.link-txt, .ui-panel .link-txt{font-family: 'Calibri-Bold'; font-size: 16px; color: #2AABE4; letter-spacing: 0;}

/*titleGP*/
.titleGP{padding: 5px; box-sizing: border-box;}
/*.titleGP > div {margin: 0px 0 15px;}*/
.titleGP {width: 100%;}
.titleGP > table > tbody > tr {display: table; width: 100%;}
.titleGP > table td:first-child {width: 65%;}
.titleGP > table td:last-child {width: 35%;}
.titleGP.titleGPedit > table td:first-child {width:70%;}
.titleGP.titleGPedit > table td:last-child {width: 30%;}

/* Show/Hide Password */
::-ms-reveal,::-ms-clear {display: none;}
.hideShowPassword-toggle {left: auto !important; right: 0px; background-color: transparent; background-image: url(../images/svg/show-password.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 {opacity: 0.42;}
.hideShowPassword-toggle:hover, .hideShowPassword-toggle:focus {border-color: #0088cc; outline: transparent;}
.hideShowPassword-wrapper {width: 100% !important;}

/*Overlay Panel*/
.ui-overlaypanel{min-width: 312px; padding: 0px; background: transparent; border: none; box-shadow: none; padding-top: 10px;}
.ui-overlaypanel-content:before{content: ''; width: 25px; height: 15px; background-image: url(../images/menu-arrow.png); background-size: 40px; background-repeat: no-repeat; background-position: center top; position: absolute; top: -8px; left: auto; right: 10px;}
.ui-overlaypanel-content {background: #FFFFFF; box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.2); border: 1px solid #e4e1e1; border-radius: 2px; padding: 0px 5px; box-sizing: border-box; position: relative;}
.ui-overlaypanel .list-btn-panel {max-width: 312px;}

/* Separator */
.ui-separator, .ui-separator.ui-state-default {border: 1px solid #e4e1e1; border-top: none; border-right: none;}
.ui-separator.horizontal {height: 10px; margin: 0px 7.5px;}
.ui-separator.st-1 {border: 1px solid #f2f2f2; border-top: none; border-right: none; margin: 14px 0px;}
.ui-separator.st-2 {border: 1px solid #BDC1CAFF; margin: 14px 0px;}

/* File Upload */
/*.ui-fileupload-buttonbar.ui-widget-header.ui-corner-top,.ui-fileupload-content.ui-widget-content.ui-corner-bottom {border-radius: 13.5px; background: transparent; margin: 0px; height: 32px;}*/
.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 .ui-fileupload-content{display: none;}
.iconUpload .image-pg {width: 90px; height: 90px; border: 1px solid #364AA7}
.iconUpload .ui-fileupload-buttonbar .ui-button {border: none; width: 90px; height: 90px; margin: auto; padding: 0px; display: block; position: absolute; left: 0; right: 0; background-color: rgba(18,25,105,0.29); border-radius: 100%;}
.iconUpload .ui-fileupload-buttonbar .ui-button .ui-button-icon-left{height: 20px; font-size: 20px; text-indent: 0px; position: absolute; top: 0px; bottom: 0px; right: 0; left: 0px;}
.iconUpload .ui-fileupload-buttonbar .ui-button .ui-button-icon-left:before{content: "\e938";}
.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; /*height: 304px;*/ position: absolute; width: 100%; color: white;}
.top-footer {/*height: 145px;*/ background: #0f3c70; padding: 25px 0px 50px 0px; box-sizing: border-box;}
.top-footer .footer-links .ui-panel-titlebar {border-bottom: 1px solid #3c608a; padding-bottom: 6px; width: 95%;}
.top-footer .footer-links .ui-panel-title span {color: #FFFFFF; cursor: default; font-size: 17.5px; font-family: 'Calibri-Regular'; letter-spacing: 0.5px; text-transform: none; white-space: nowrap;}
/*.top-footer .ui-panel .ui-panel-content {padding: 7.5px 0px;}*/

.login-body .footer {position: fixed;}
.login-body .top-footer {background: #e9f0f6; padding: 25px 0px 25px 0px;}

.top-footer .footer-links a, .top-footer .footer-links span.ui-state-disabled {border: none; color: #FFFFFF; /*padding-left: 30px;*/ text-decoration: none; font-size: 17.5px; font-family: 'Calibri-Regular'; letter-spacing: 0.5px; line-height: 1.6;}
.top-footer .footer-links .list-links a, .top-footer .footer-links .list-links span.ui-state-disabled {color: #c8e9ff; font-size: 12px; line-height: 1.54; letter-spacing: 0.4px;}
.top-footer .footer-links .list-links a:before,  .top-footer .footer-links .list-links span.ui-state-disabled:before {content: "\e903"; font-family: icomoon; font-size: 10px; color: #FFFFFF; padding-right: 2px;}
.top-footer .footer-links .list-links .ui-g {padding-top: 5px;}

.bottom-footer {background: #ffffff; line-height: 53px; margin-top: 0px; width: 100%; box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.75);}
.bottom-footer > table {height: 100%;}
.bottom-footer .footer-links .h3 {font-size: 15.5px;}
.bottom-footer .footer-links .icon-phone:before {font-family: icomoon; font-size: 20px; color: #1c5ba2; top: 4px; position: relative; }
.bottom-footer .footer-links strong {font-weight: normal; font-family: 'Calibri-Bold'; color: #1c5ba2;}
.bottom-footer .ui-button-text-icon-right, .top-header .ui-button-text-icon-right {background: #f2f2f2; border-radius: 16.5px; width: 76px; height: 33px;}
.bottom-footer .ui-button-text-icon-right .ui-button-text, .top-header .ui-button-text-icon-right .ui-button-text {padding-right: 8px; font-family: 'Calibri-Regular'; font-size: 12px; color: #272727; line-height: 1.58; text-align: left;}
.bottom-footer .ui-button span.ui-icon, .top-header .ui-button span.ui-icon {background-size: 27px; background-position: center; width: 27px; height: 27px;}
.bottom-footer .ui-button span.ui-icon.tooltip-icon {height: 22px; font-size: 15px;}
.ui-icon.sign-out {background-image: url(../images/sign-out.png); }
.ui-icon.refresh-time {background-image: url(../images/refresh-time.png);}

/*Side Content*/
.side-content {padding-left: 20px; width: 320px; box-sizing: border-box;}
.side-content img {padding-top: 18px; height: auto;}
.wrap-content {width: 100%;}
.wrap-content > tbody > tr > td.topPosit:first-child {width: 100%; table-layout: fixed; display: table;}

/* Tooltip */
.ui-tooltip {background-image: none; background-color: transparent; box-shadow: none; border-radius:0; max-width: 320px;}
/*.ui-tooltip .ui-tooltip-text {padding: 5px 10px; color: #1c5ba2; font-size: 15px; font-family: 'Calibri-Light'; line-height: 18px; text-align: center; border-radius: 10px; background: #FFFFFF; box-shadow: 0px 4px 2px 0 rgba(0, 0, 0, 0.15);}*/
.ui-tooltip .ui-tooltip-text {    max-width: 250px !important;
    /*min-width: 200px;*/
    color: #666666 !important;
    text-align: left !important;
   /* background-color: #ffffff !important;*/
    font-size: 11px;
    -moz-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(0, 0, 0, 0.3);}
.ui-tooltip-bottom .ui-tooltip-arrow {border-bottom-color: #F7F7F7;}
.ui-tooltip-top .ui-tooltip-arrow {border-top-color: #fdfaef;}
.ui-tooltip-right .ui-tooltip-arrow {border-right-color: #fdfaef;}
.ui-tooltip-left .ui-tooltip-arrow {border-left-color: #fdfaef;}
.ui-tooltip-top .ui-tooltip-text, .ui-tooltip-right .ui-tooltip-text, .ui-tooltip-left .ui-tooltip-text {box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.25); background-color: #fdfaef; border: none; font-family: 'Calibri-Regular'; font-size: 12px; color: #666666; line-height: 14px;}
.ui-tooltip-right .ui-tooltip-text, .ui-tooltip-left .ui-tooltip-text {box-shadow: -1px 0px 5px 2px rgba(0, 0, 0, 0.25);}
.tooltip-icon {font-size: 19px; color: #999999;}
.tooltip-icon:hover {color: #1c5ba2;}

/*Overlay panel Tooltip*/
.tooltip-panel.ui-overlaypanel{background-image: none; background-color: transparent; box-shadow: none; border-radius:0; max-width: 320px; padding: 0px; right: 0;}
.tooltip-panel.ui-overlaypanel .ui-overlaypanel-content{max-width: 250px !important; color: #666666 !important; text-align: left !important;
    -moz-box-shadow: -1px 0px 5px 2px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: -1px 0px 5px 2px rgba(0, 0, 0, 0.25);
    box-shadow: -1px 0px 5px 2px rgba(0, 0, 0, 0.25);
   	background-color: #fdfaef;
    border: none;
    font-family: 'Calibri-Regular';
    font-size: 12px; line-height: 14px; margin: 5px; padding: 5px; box-sizing: border-box;  
}
.tooltip-panel.ui-overlaypanel .ui-overlaypanel-content:before{position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    
    top: 50%;
    left: -5px;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #fdfaef;
    
    background-size: 0px;
    }


.login-tooltip.ui-tooltip {border-radius: 10px; box-shadow: 0px 4px 2px 0 rgba(0, 0, 0, 0.15); background: #ffffff; padding: 0px; margin: 5px;}
.login-tooltip.ui-tooltip-top .ui-tooltip-text {box-shadow: none; background: none; font-family: 'Calibri-Light'; font-size: 15px; line-height: 18px; color: #1c5ba2 !important;}
.login-tooltip.ui-tooltip-top .ui-tooltip-arrow {display: none;}

/*Login Dialog*/
.login-dialog.ui-dialog .ui-dialog-titlebar {background: #ffffff; text-align: left; padding: 10px 25px;}
.login-dialog.ui-dialog .ui-dialog-title {font-family: 'Calibri-Bold'; font-size: 26px; line-height: 35.5px; letter-spacing: -0.65px; color: #1c5ba2;}
.login-dialog.ui-dialog .ui-card .ui-group.container {background: rgba(217, 223, 229, 0.15); padding: 25px;}
.login-dialog.ui-dialog .ui-card .ui-card-footer {background: rgba(217, 223, 229, 0.15); box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, 0.15);}
.login-dialog.ui-dialog .ui-dialog-content > div:first-child {margin: 0px;}
.login-dialog.ui-dialog .cl14 {line-height: 20px;}
.login-dialog.ui-dialog .cl26 {line-height: 60px;}

/* 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; box-sizing: border-box; margin: 0px; width: 100%; text-align: center; padding: 0px;}
.ui-messages-info {border: 1px solid #419f37;}
.ui-messages-warn {border: 1px solid #ff8900;}
.ui-messages-error, .ui-messages-fatal {border: 1px solid #ed1c24;}
.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;}
.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, .message-status-info .ui-messages-confirm + div {background: #419f37; color: #FFFFFF;}
.ui-messages-info.ui-corner-all ul li:not(:first-child) .ui-messages-info-summary, 
.ui-messages-warn.ui-corner-all ul li:not(:first-child) .ui-messages-warn-summary,
.ui-messages-error.ui-corner-all ul li:not(:first-child) .ui-messages-error-summary,
.ui-messages-fatal.ui-corner-all ul li:not(:first-child) .ui-messages-fatal-summary {display: none;}

.message-status-info {border: 1px solid #419f37; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.1);}
.message-status-info .details-grid, .message-result .message-status-info {background: #edf6ec;}
.message-status-info + .message-status-info {border: none; color: #419f37; font-size: 14px; font-family: 'Calibri-Bold'; box-shadow: none; background: none; padding: 15px;}

.ui-messages-warn, .ui-message-warn, .ui-messages-warn-icon, .message-status-warn .ui-messages-confirm + div {background: #ff8900; color: #FFFFFF;}
.message-status-warn {border: 1px solid #ff8900;}
.message-status-warn + .message-status-warn {/*display: none;*/ border: none; color: #ff8900; font-size: 14px; font-family: 'Calibri-Bold'; box-shadow: none; background: none; padding: 15px;}

.ui-messages-error, .ui-messages-fatal, .message-status-error .ui-messages-confirm + div, .message-status-fatal .ui-messages-confirm + div {background: #ed1c24; color: #FFFFFF;}
.message-status-error {border: 1px solid #ed1c24;}
.message-status-error + .message-status-error {/*display: none;*/ border: none; color: #ed1c24; font-size: 14px; font-family: 'Calibri-Bold'; box-shadow: none; background: none; padding: 15px;}
.message-status-info + .message-status-info {/*display: none;*/ border: none; color: #419f37; font-size: 14px; font-family: 'Calibri-Bold'; box-shadow: none; background: none; padding: 15px;}

/*.ui-messages-info-icon:before, .ui-message-info-icon:before {content: "\e921";}
.ui-messages-warn-icon:before, .ui-message-warn-icon:before {content: "\e922";}
.ui-messages-error-icon:before, .ui-messages-fatal-icon:before, .ui-message-error-icon:before {content: "\e922";}*/

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

/*Message*/
.ui-message.ui-message-error, .ui-message.ui-message-info, .ui-message.ui-message-warn {margin: 0px; margin-top: 4px; border-radius: 3px; display: inline-block; border: none; font-family: 'Calibri-Regular'; font-size: 12.5px; line-height: 19px; opacity: 0.8; color: #ffffff; position: absolute; z-index: 1; min-width: auto;}
.ui-message-error:before, .ui-message-fatal:before {content: ' '; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #ed1c24; position: relative; bottom: 22px; left: 5px;}
.ui-message-info-icon, .ui-message-warn-icon, .ui-message-error-icon, .ui-message-fatal-icon {display: none;}
.ui-message-error-detail {margin-left: -4px;}
.ui-message-error{background: #ed1c24;}
.ui-message-pos {margin-right: 10px; position: relative; width: 100%;}

/* 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;}
.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; display: none;}
.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-size: 20px; font-family: 'Calibri-Bold'; line-height: normal; padding-top: 10px; display: block;}
.ui-messages-confirm .ui-messages-info-summary a, .ui-messages-confirm .ui-messages-warn-summary a, .ui-messages-confirm .ui-messages-error-summary a, .ui-messages-confirm .ui-messages-fatal-summary a {color: #FFFFFF; font-family: 'Calibri-Bold'; text-decoration: underline;}
.message-confirm-panel {margin: 10px; border-radius: 2px;}
.ui-messages-confirm .ui-messages-detail .ui-messages-info-detail, .ui-messages-confirm .ui-messages-detail .ui-messages-warn-detail, .ui-messages-confirm .ui-messages-detail .ui-messages-error-detail, .ui-messages-confirm .ui-messages-detail .ui-messages-fatal-detail {padding-bottom: 15px; display: block;}

/*Login Messages*/
.login-body .system-messages .ui-messages-confirm .ui-messages-info-summary, .login-body .system-messages .ui-messages-confirm .ui-messages-warn-summary, .login-body .system-messages .ui-messages-confirm .ui-messages-error-summary, .login-body .system-messages .ui-messages-confirm .ui-messages-fatal-summary {font-size: 14px;}

/*System messages default (system errors)*/
.ui-card .system-messages.default .ui-messages {margin: 0px; padding: 8px; box-sizing: border-box;}
.ui-card .system-messages.default .ui-messages:empty {padding: 0px;}
.system-messages.default .ui-messages:not(:empty) .ui-messages-info {border: 1px solid #419f37;}
.system-messages.default .ui-messages:not(:empty) .ui-messages-warn {border: 1px solid #ff8900;}
.system-messages.default .ui-messages:not(:empty) .ui-messages-error, .system-messages.default .ui-messages:not(:empty) .ui-messages-fatal {border: 1px solid #ed1c24; background: #fce2e2; position: relative; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.1); border-radius: 2px;}
.system-messages.default span.ui-messages-error-summary, .system-messages.default span.ui-messages-fatal-summary {background: none;}
.system-messages.default span.ui-messages-error-detail, .system-messages.default span.ui-messages-fatal-detail {background: none; color: #ed1c24; font-family: 'Calibri-Regular'; padding: 5px 34px 10px 64px;}
.system-messages.default .ui-messages-confirm .ui-messages-error-summary, .system-messages.default .ui-messages-confirm .ui-messages-fatal-summary {color: #f23005; padding: 10px 34px 5px 64px;}
.system-messages.default .ui-messages-confirm .ui-messages-error-icon {color: #f23005; position: absolute; /*display: flex;*/ top: 10px; align-items: center; height: 100%; width:0px;}
.system-messages.default .ui-messages-confirm .ui-messages-error-icon:before {font-size: 30px;}
.system-messages.default .ui-messages .ui-messages-close {display: none;}

/*System messages (input errors)*/
.system-messages, .system-messages.message-confirm-panel {margin: 0px;}
/*.tab-content .system-messages {margin: 10px;}*/
.system-messages .ui-messages-warn {background: none;}
.ui-card .system-messages:not(.default) .ui-messages:not(:empty) {margin: 10px;}
.system-messages .ui-messages:not(:empty) .ui-messages-info {border: 1px solid #419f37; position: relative;}
.system-messages .ui-messages:not(:empty) .ui-messages-warn {border: 1px solid #ff8900; position: relative;}
.system-messages .ui-messages:not(:empty) .ui-messages-error, .system-messages .ui-messages:not(:empty) .ui-messages-fatal {border: 1px solid #ed1c24; position: relative;}
.system-messages .ui-messages ul {width: 100%;}
.system-messages span.ui-messages-info-summary {background: #419f37;}
.system-messages span.ui-messages-warn-summary {background: #ff8900;}
.system-messages span.ui-messages-error-summary, .system-messages span.ui-messages-fatal-summary {background: #ed1c24;}
.system-messages span.ui-messages-info-detail, .system-messages span.ui-messages-warn-detail, .system-messages span.ui-messages-error-detail, .system-messages span.ui-messages-fatal-detail {width: 100%; display: table; background: #ffffff; font-size: 12px; line-height: 13px; font-family: 'Calibri-Regular'; letter-spacing: 0.06px; color: #666666; margin-left: 0px; padding: 10px; box-sizing: border-box;}
.system-messages .ui-messages-confirm .ui-messages-info-summary, .system-messages .ui-messages-confirm .ui-messages-warn-summary, .system-messages .ui-messages-confirm .ui-messages-error-summary, .system-messages .ui-messages-confirm .ui-messages-fatal-summary {padding: 11px; font-family: 'Calibri-Bold'; font-size: 20px; line-height: 15px;}
.system-messages .ui-messages-confirm .ui-messages-info-icon, .system-messages .ui-messages-confirm .ui-messages-warn-icon, .system-messages .ui-messages-confirm .ui-messages-error-icon, .system-messages .ui-messages-confirm .ui-messages-fatal-icon {display: inline; font-family: 'icomoon';}
.system-messages .ui-messages-confirm .ui-messages-info-icon:before, .system-messages .ui-messages-confirm .ui-messages-warn-icon:before, .system-messages .ui-messages-confirm .ui-messages-error-icon:before, .system-messages .ui-messages-confirm .ui-messages-fatal-icon:before {content: '\e900'; position: absolute; font-size: 20px; padding: 8px; box-sizing: border-box;}
.system-messages.message-confirm-panel:visible {margin-bottom: 60px;}
.system-messages.message-status-warn {border: none;}
.system-messages .ui-messages .ui-messages-close {position: absolute; right: 0; padding: 9px; box-sizing: border-box;}
.system-messages .ui-messages .ui-messages-close .ui-icon.ui-icon-close:before {content: "\e907"; color: #ffffff; font-size: 17px;}
.system-messages ul li a {color: #1c5ba2; font-family: 'Calibri-Regular'; text-decoration: underline;}
.system-messages li:not(:first-child) span.ui-messages-error-summary {display: none;}
.empty {display: none;}

/*Empty message - Datatable*/
.empty-message {padding: 20px;}

/*Colored Buttons*/
.message-status-info button.negative-btn-2, .message-status-info .ui-widget-content button.negative-btn-2 {background: #ffffff; border-color: #419f37;}
.message-status-info button.negative-btn-2 .ui-button-text, .message-status-info button.negative-btn-2 .ui-icon, .message-status-info button.negative-btn-2.ui-state-hover .ui-icon:before {color: #419f37;}
.message-status-warn button.negative-btn-2, .message-status-warn .ui-widget-content button.negative-btn-2 {background: #ffffff; border-color: #ff8900;}
.message-status-warn button.negative-btn-2 .ui-button-text, .message-status-warn button.negative-btn-2 .ui-icon, .message-status-warn button.negative-btn-2.ui-state-hover .ui-icon:before {color: #ff8900;}
.message-status-error button.negative-btn-2 {background: #ffffff; border-color: #ed1c24;}
.message-status-error button.negative-btn-2 .ui-button-text, .message-status-error button.negative-btn-2 .ui-icon, .message-status-error button.negative-btn-2.ui-state-hover .ui-icon:before {color: #ed1c24;}


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

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

/*Title Area*/
.title-area {background: #ffffff;}
.title-area table.st-2 {height: 45px; position: relative;}
.title-area .title-area-tbl {background: transparent; border: none; box-shadow: none;}
.title-area .title-area-tbl.st-1 {width: 100%; position: absolute; top: -10px;}
.title-area .border-left {border-left: 1px solid #cccccc; border-spacing: 10px 0px;}
.title-area .ui-outputlabel {font-size: 16px; color: #1c5ba2; text-align: center;}
.title-area .action-btns {padding: 10px 0px; bottom: 0px;}
.title-area .action-btns .ui-button .ui-icon {font-size: 18px; color: #1c5ba2;}
.title-area-tbl td.col {padding: 10px 0px;}
.title-area-tbl td.col:last-child > table:not(.border-left) {padding-left: 30px;}
.title-area .fixed-col-50 {width: 50px;}

/*Main Menu Area*/
.main-menu-area {background: #154b89; text-align: center; height: 80px; box-shadow: inset 0px 6px 10px 0 rgba(0, 0, 0, 0.2);}
.main-menu-area .ui-card {background: transparent; border: none; padding: 7.5px 0px;}
.main-menu-area .ui-card .ui-group:before {border: none;}

/*Second Level Menu Area*/
.submenu-area {background: #458fc8; background-image: linear-gradient(to top, #326D9A, #438FC7); text-align: center; /*height: 40px;*/}
.submenu-area .ui-card {background: transparent; border: none; padding: 7.5px 0px;}
.submenu-area .ui-card .ui-group:before {border: none;}
.submenu-area .action-btns, .action-btns {float: right; bottom: 30px; position: relative;}
.submenu-area .action-btns .ui-button .ui-icon {font-size: 18px; color: #FFFFFF;}

/*action-btns*/
.action-btns .link-btn.ui-button .ui-button-text {font-family: 'Calibri-Light'; font-size: 15.5px; line-height: 0px}
.action-btns .link-btn.ui-button .ui-icon {font-size: 19px;}

/* 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 {border: none; border-radius: 0px; padding: 0px; line-height: 30px; text-align: left; background: transparent;}
/*.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;}
.ui-datatable.no-records thead tr, .ui-dialog .ui-datatable.no-records thead tr {display: none;}
.ui-datatable.no-header .ui-datatable-tablewrapper {border-radius: 0px; border-top: 0px;}
.ui-datatable.no-header .ui-datatable-header{color:#1c5ba2;}
.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; font-family: 'Calibri-Regular'; font-size: 12px;}
.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: 30px;}
.ui-datatable .ui-datatable-data > tr.ui-datatable-odd {background: #f8f8f8;}
.ui-datatable-tablewrapper {overflow: hidden;}
/*.ui-datatable:not(.list-table) tr.ui-datatable-even ~ .ui-expanded-row-content, .ui-datatable:not(.list-table) tr.ui-datatable-odd ~ .ui-expanded-row-content {background: #F7F7F7;}*/

/*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 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 tbody td:not(:last-child) {border-right: 1px solid #FFFFFF;}
.ui-datatable thead th, .ui-datatable tbody td, .ui-datatable tfoot td, .ui-datatable tfoot th {padding: 5px 10px;}
.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; border-spacing: 0px; box-shadow: none; border-width: 0px; text-shadow: none; padding: 10px; position: relative;}
.ui-datatable thead th span {color: #1c5ba2; font-size: 12px; font-family: 'Calibri-Bold'; line-height: 20px; vertical-align: middle;}
.ui-datatable-reflow .ui-datatable-data td[role="gridcell"] .ui-column-title, .expansion-grid td:first-child:not(:only-child) {color: #4A4A4A;}
.ui-datatable thead th .ui-column-title > table{text-align: center;}
.ui-datatable thead th, .ui-datatable tfoot td {text-align: left;}
.ui-datatable thead th.header-R, .ui-datatable td.content-R {text-align: right;}
.ui-datatable thead th.header-C, .ui-datatable td.content-C {text-align: center;}
.ui-datatable thead th.fixed-wdt-40 {width: 40px;}
.ui-datatable thead th.fixed-wdt-70 {width: 70px;}
.ui-datatable thead th.fixed-wdt {width: 80px;}
.ui-datatable thead th.fixed-wdt-160 {width: 160px;}
.ui-datatable td.content-R > .ui-column-data > table {margin-left: auto;}
.ui-datatable td.content-C > .ui-column-data > table {margin: auto; word-break: break-word;}
.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-left: 7.5px; padding-right: 7.5px;}
.ui-datatable-footer.ui-widget-header.ui-corner-bottom {float: right;border: none;margin-top: -9px;}
.no-header thead {display: none;}
.ui-datatable tbody tr.ui-datatable-empty-message{font-size: 13px; color: #666666;}
.ui-datatable .ui-datatable-header .ui-button, .ui-datatable .ui-datatable-header input {height: 30px;}
.ui-datatable .ui-datatable-header .ui-button {position: absolute; right: 0;}
.dashboard .ui-datatable .ui-datatable-header .ui-button {position: relative;}
.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-scrollable table {table-layout: fixed;}    
.ui-datatable-odd.ui-expanded-row + .ui-expanded-row-content .details-grid {background: #FFFFFF;}
.ui-datatable .ui-datatable-scrollable-body {outline: none; overflow-y: scroll; overflow-x: hidden;}
/*.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: #2AABE4;}

.ui-datatable thead th .ui-icon:not(.ui-chkbox-icon) {padding-left: 10px; font-size: 14px; vertical-align: middle;}
.ui-datatable thead th.ui-sortable-column .ui-icon:before {content: "\e924"; color: #bdbdbd;}
.ui-datatable thead th.ui-sortable-column .ui-icon-triangle-1-s:before {content: "\e936"; color: #bdbdbd;}
.ui-datatable thead th.ui-sortable-column .ui-icon-triangle-1-n:before {content: "\e935"; color: #bdbdbd;}
/*.ui-datatable thead th.ui-sortable-column .ui-icon {display: table-cell;}*/
/*.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;}

/*Charges Table*/
.charges-container {padding: 15px; /*padding: 15px 0px;*/}
table.charges-table-confirm {width: 100%; border: 2px solid #e7ba4d;}
table.charges-table-confirm tr td {padding: 7px 10px;}
table.charges-table-confirm tr td:first-child {width: 30%;}
table.charges-table-confirm tr td:last-child {width: 70%;}
.charges-table-confirm tbody tr:nth-child(2n) {background: #fcfcfc;}

/*For Exchange Rates Datatable*/
.ex-rates-tbl.ui-datatable {position: relative;}
.ex-rates-tbl.ui-datatable thead th span {line-height: 10px;}
.ex-rates-tbl.ui-datatable .ui-datatable-footer.ui-widget-header.ui-corner-bottom {position: absolute; right: 0; bottom: 10px;}
/*.ex-rates-tbl.ui-datatable thead th[role="columnheader"], .ex-rates-tbl.ui-datatable thead th[role="columnheader"].ui-state-default, .ui-widget-content .ex-rates-tbl.ui-datatable thead th[role="columnheader"].ui-state-default {padding: 0px;}
.ex-rates-tbl.ui-datatable thead tr.row-headers th[role="columnheader"], .ex-rates-tbl.ui-datatable thead tr.row-headers th[role="columnheader"].ui-state-default, .ui-widget-content .ex-rates-tbl.ui-datatable thead tr.row-headers th[role="columnheader"].ui-state-default {padding-bottom: 5px;}
.ex-rates-tbl.ui-datatable thead tr.row-headers.dark th[role="columnheader"] span {color: #666666; font-size: 13px;}*/

/*Interest Rates Datatable for EaccountNewAOP*/
.interest-rates-tbl > tbody > tr > td:nth-child(1) {width: 15%; color: #1B5AA2FF; font-size: 16px;}
.interest-rates-tbl > tbody > tr > td:nth-child(2) {padding-top: 10px;}
.interest-rates-tbl .ui-datatable > .ui-datatable-tablewrapper > table > thead th {background: rgba(28, 91, 162, 0.25); }
.interest-rates-tbl .ui-datatable > .ui-datatable-tablewrapper > table > thead th:first-child { border-top-left-radius: 4px;}
.interest-rates-tbl .ui-datatable > .ui-datatable-tablewrapper > table > thead th:last-child {border-top-right-radius: 4px;}
.interest-rates-tbl .ui-datatable > .ui-datatable-tablewrapper > table {border: 1px solid #9095A0; border-radius: 4px;}
.interest-rates-tbl .ui-datatable > .ui-datatable-tablewrapper > table > thead th:not(:last-child) {border-right: 1px solid #9095A0; text-align:center;}
.interest-rates-tbl .ui-datatable > .ui-datatable-tablewrapper > table > thead th {text-align:center;}
.interest-rates-tbl .ui-datatable tbody td:not(:last-child) {border-right: 1px solid #9095A0; }
.interest-rates-tbl .ui-datatable thead th span {font-family: 'Calibri-Light'; color: #4A4A4A; }
.interest-rates-tbl .ui-datatable tbody td {font-size: 13px;}
.interest-rates-tbl .ui-datatable .ui-datatable-data > tr, .interest-rates-tbl .ui-datatable thead tr {height: 40px;}

button.interest-rate-btn {width: auto; border: none; border-radius: 5px; height: 30px; margin: 7px 0px; border-radius: 20px; background: transparent; border: 1px solid #1c5ba2;}
button.interest-rate-btn .ui-button-text {font-family: 'Calibri-Regular'; font-size: 14px; letter-spacing: 0px; color: #1c5ba2; line-height: 15px !important; text-align: left;}
button.interest-rate-btn .ui-icon:before  {color: #1c5ba2; font-size: 16px;}

/* List Table*/
.ui-datatable-scrollable.list-table {margin-bottom: 20px;}
.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 .icon-group .lg-txt-C {border-right: 1px solid rgba(200, 200, 200, 0.85); padding: 0px 15px; box-sizing: border-box;}
.ui-datatable.list-table .ui-datatable-data > tr:not(:LAST-CHILD) > td {border-bottom: 1px dashed #D5D2D2;}
.ui-datatable.list-table .ui-datatable-data > tr:not(.ui-expanded-row-content) > td:last-child:before {border: none;}
.ui-datatable.list-table .actions .ui-button:not(:last-child) {border-left: 1px solid rgba(200, 200, 200, 0.85); border-right: 1px solid rgba(200, 200, 200, 0.85); width: 40px; border-radius: 0;}
.ui-datatable.list-table .actions .ui-button:last-child {width: 40px; border-right: 1px solid rgba(200, 200, 200, 0.85); border-radius: 0;}
.ui-datatable.list-table > div > table > tbody > tr.ui-datatable-odd > td, .ui-datatable.list-table > div > table > tbody > tr.ui-datatable-odd:before, .ui-datatable.list-table > div > table > tbody > tr.ui-datatable-odd:after, .ui-datatable.list-table > div > table > tbody > tr.ui-datatable-odd + .ui-expanded-row-content {background-color: #FFFFFF;}
.ui-datatable.list-table > .ui-datatable-scrollable-body > table {border-collapse: separate; table-layout: fixed; margin-left: 7.5px;}
.ui-datatable.list-table > div > table > tbody > tr:before, .ui-datatable.list-table > div > table > tbody > tr:after {content: " "; display: table-cell; width: 25%;}
.ui-datatable.list-table .row-toggler-arrow .ui-row-toggler.ui-icon.ui-icon-circle-triangle-e:before{content: "\e907"; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);}
.ui-datatable.list-table .row-toggler-arrow .ui-row-toggler.ui-icon.ui-icon-circle-triangle-s:before{content: "\e906"; color: #BBBBBB;}
.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: #F7F7F7; font-family: 'Calibri-Light'; text-transform: none; letter-spacing: 0px;}
.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;}

/*Simple List*/
.simple-list.ui-datatable tbody.ui-datatable-data .ui-widget-content {color: #666666; font-family: 'Calibri-Regular'; font-size: 13px; line-height: 28px;}
.simple-list.ui-datatable > .ui-datatable-tablewrapper > table {table-layout: fixed; width: 100%;}
.simple-list.ui-datatable .ui-datatable-data > tr.ui-datatable-odd {background: none;}
.simple-list.ui-datatable tbody td:not(:last-child) {border-right: none;}
.simple-list.ui-datatable tbody td {border-top: 1px solid #e4e1e1;}
.simple-list.ui-datatable .truncate-col tbody td {border: none;}
.simple-list.ui-datatable .ui-expanded-row-content td {border-top: none;}
.simple-list.ui-datatable .ui-expanded-row-content > td {padding: 0px 24px 10px 40px;}
.simple-list.ui-datatable .ui-expanded-row-content > td .ui-separator {margin: 0px;}
.simple-list.ui-datatable .ui-expanded-row-content .header-area {background-color: transparent; padding-top: 26px;}

/*History Table*/
.history-list.ui-datatable > .ui-datatable-tablewrapper > table {table-layout: fixed; width: 100%;}

/*Order List*/
.order-list.ui-orderlist .ui-g-12 {width: 100%;}
.order-list.ui-orderlist .ui-g-12.ui-orderlist-controls {width: auto; position: absolute; z-index: 1; padding: 35px;}
.order-list .ui-orderlist-controls {width: auto; height: 50px; padding: 0px; display: none;}
.order-list.ui-orderlist .ui-orderlist-controls .ui-button {background: #366AAA; border-bottom: 1px solid #5680B6; margin: 0px; width: 24px; height: 25px;}
.order-list.ui-orderlist .ui-orderlist-controls .ui-button.ui-state-hover {background: #5680B6;}
.order-list.ui-orderlist .ui-orderlist-controls .ui-button .ui-icon {width: 100%;}
.order-list.ui-orderlist .ui-orderlist-controls .ui-button .ui-icon:before {display: block; font-family: 'icomoon'; font-size: 10px; color: white;}
.order-list.ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n:before {content: "\e905";}
.order-list.ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s:before {content: "\e904";}
.order-list.ui-orderlist .ui-orderlist-list li {padding: 2px 0px; cursor: default;}
.order-list.ui-orderlist .more-actions > .ui-button {display: block; margin: auto;}
.order-list .ui-orderlist-button-move-top, .order-list .ui-orderlist-button-move-bottom {display: none;}
.order-list.ui-orderlist .ui-orderlist-list li.ui-state-highlight {/*padding: 15px 0px;*/ position: relative; /*background: none;*/}
.order-list .ui-orderlist-controls.move {display: block; padding: 70px 35px;}
.order-list.ui-orderlist .ui-orderlist-list li.ui-state-highlight.padding {padding: 15px 0px;}

.ui-orderlist-controls {box-sizing: border-box; padding: 0px; width: 100%;}
.ui-orderlist-controls .ui-button.ui-button-icon-only {background: #366AAA; border-bottom: 1px solid #5680B6; margin: 0px 0px 1px 0px; width: 24px; height: 22px;}
.ui-orderlist-controls .ui-button.ui-state-hover {background: #5680B6;}
.ui-orderlist-controls .ui-button.ui-button-icon-only .ui-icon {width: 100%; padding: 0px;}
.ui-orderlist-controls .ui-button .ui-icon:before {display: block; font-family: 'icomoon'; font-size: 6px; color: white;}
.ui-orderlist-controls, .reorderGP.invisible {display: none;}
.ui-orderlist-controls.visible {display: block; text-align: center;}
/*.ui-orderlist-controls .ui-button.ui-state-disabled {background: #9A9A9A; opacity: 1;}*/

.reorderTbl.ui-datatable .reorderGP .ui-button-icon-only, .reorderTbl.ui-datatable .reorderGP button.ui-button-icon-only {width: 24px;}
.reorderTbl + .ui-separator {margin-top: 15px;}
.reorderTbl.ui-datatable thead th {box-shadow: none !important;}
.reorderTbl.ui-datatable tbody td:not(:last-child) {border-bottom: 1px solid #ffffff;}
.reorderTbl.ui-datatable .truncate-col {width: 150px;}
.reorderTbl.ui-datatable .truncate-col span {max-width: 150px;}

.circle {background: #000; width: 12px; height: 12px; border-radius: 50%; display: block; margin: auto; -webkit-print-color-adjust: exact; }

.dt-footer {overflow: hidden; padding-bottom: 5px;}
.dt-footer table {margin: auto; float: right; padding-right: 10px;}
.dt-footer table td {padding: 5px 10px; font-size: 12px; color: #1c5ba2; font-weight: bold; text-align: right;}

/*Messages header area*/
.header-area {background-color: #f8f8f8;}
.header-area button.positive-btn, .ui-widget-content .header-area button.positive-btn {padding-left: 0px; width: auto;}
.header-area .link-btn.ui-button .ui-icon {color: #1c5ba2; font-size: 18px;}
.header-area .link-btn.ui-button:not(:last-child) {padding-right: 24px;}
.ui-tabs .header-area .link-btn.ui-button .ui-button-text {text-transform: uppercase; font-family: 'Calibri-Bold'; font-size: 14px;}

    
/*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; font-size: 6px;}
.ui-row-toggler.ui-icon.ui-icon-circle-triangle-s:before{content: "\e905";}
.ui-row-toggler.ui-icon.ui-icon-circle-triangle-e:before{content: "\e904";}

/* Paginator */
.ui-paginator .ui-paginator-pages {display: inline-block !important;}
.ui-paginator .ui-corner-all {border-radius: 0px;}
/*.ui-paginator .ui-paginator-page{border: 1px solid white;}*/
.ui-paginator .ui-paginator-current {/*border: 1px solid #2AABE4;*/ border-top: none; border-bottom: none; color: #2AABE4; 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-paginator .ui-paginator-page.ui-state-hover {font-family: 'Calibri-Bold'; font-size: 16.5px; line-height: 21px; color: #1c5ba2 !important; height: 24px;}
.ui-paginator .ui-paginator-page.ui-state-active {background: #1c5ba2; border-radius: 2px; 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 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: 12px 0px; box-sizing: border-box; width: 100%; position: relative;}
.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 #BBBBBB; box-sizing: border-box; position: relative;}
.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{display: none;}
/*.ui-paginator .ui-icon {background-position: 3px 2px; background-size: 10px;}*/
.ui-paginator .ui-paginator-next.ui-state-default .ui-icon {font-family: 'Calibri-Regular'; font-size: 13.5px; color: #1c5ba2; line-height: 25px; width: auto;}
a.ui-paginator-next {position: absolute;}

/*only the first 4 elements*/
/*a.ui-paginator-page.ui-state-default {display: none;}
a.ui-paginator-page.ui-state-default:nth-child(-n+3), a.ui-paginator-page.ui-state-default.ui-state-active{display: inline-block;}*/
/*a.ui-paginator-page.ui-state-default:last-child {display: inline-block;}*/
/*a.ui-paginator-page.ui-state-default:not(.ui-state-active) {display: none;}
a.ui-paginator-page.ui-state-default:last-child, a.ui-paginator-page.ui-state-active + a.ui-paginator-page.ui-state-default, a.ui-paginator-page.ui-state-active + a.ui-paginator-page.ui-state-default + a.ui-paginator-page.ui-state-default {display: inline-block;} 
a.ui-paginator-page.ui-state-default.ui-state-active:nth-child(-n+3) {display: inline-block;}
*/
/*
a.ui-paginator-page.ui-state-default:nth-child(n+4) {display: none;}
a.ui-paginator-page.ui-state-active:nth-child(n+4) {display: inline-block;}
a.ui-paginator-page.ui-state-active + a.ui-paginator-page.ui-state-default, a.ui-paginator-page.ui-state-default:last-child {display: inline-block;}
*/
/*a.ui-paginator-page.ui-state-default:last-child:before {content: '.....'; padding-right: 12px;}*/
/*a.ui-paginator-page.ui-state-default:nth-last-child(2):after {content: '.....'; padding-left: 12px;}*/
/*.ui-paginator-next.ui-state-default.ui-corner-all {display: block;}
.ui-paginator-next.ui-state-default.ui-corner-all.ui-state-disabled {display: none;}*/

.ui-paginator-page.ui-state-default:not(.ui-state-active).lg-hide {display: none;}
.extra-span {display: inline-block;}
.extra-span:before {content: '.....';}


/* Paginator Search Bar */
.ui-datatable .expanded-status .resultsGP {top: -37.5px;}
.expanded-status {align-items: flex-start;}
.expanded-status .reportGP, .expanded-status .resultsGP, .ui-datatable.st-1 .reportGP {margin-top: 7.5px;}


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

/*Bic Table*/
.bic-table.ui-datatable {padding: 10px;}
.bic-table.ui-datatable thead th, .bic-table.ui-datatable thead th.ui-state-default, .bic-table.ui-widget-content .ui-datatable thead th.ui-state-default {padding: 5px 10px; background: #f7f7f7; border: solid 1px #e8e8e8;}
.bic-table.ui-datatable thead th:not(:last-child), .bic-table.ui-datatable thead th.ui-state-default:not(:last-child), .bic-table.ui-widget-content .ui-datatable thead th.ui-state-default:not(:last-child) {border-right: none;}
.bic-table .radio-group > span {font-family: 'Calibri-Regular'; font-size: 13px; line-height: 18px;}
.bic-table.ui-datatable tbody.ui-datatable-data tr td {border-right: solid 1px #e8e8e8; border-bottom: solid 1px #e8e8e8; padding: 12px;}
.bic-table.ui-datatable tbody.ui-datatable-data tr td:first-child {border-left: solid 1px #e8e8e8;}
.bic-table.ui-datatable .ui-datatable-data > tr {background: transparent;}
.bic-table.ui-datatable .ui-datatable-data > tr.ui-state-highlight td:first-child {background: #1c5ba2; font-family: 'Calibri-Bold'; color: #ffffff;}
.bic-table.ui-datatable tbody.ui-datatable-data {font-family: 'Calibri-Light'; font-size: 15px; line-height: 18px; color: #666666;}
.bic-table.ui-datatable thead th span {color: #666666; font-size: 13px; line-height: 18px;}
.bic-table.ui-datatable .ui-datatable-data > tr.ui-datatable-empty-message td {border-top: solid 1px #e8e8e8;}

/*Searchbar*/
.searchbar {border-bottom: 1px solid #e8e6e6; padding: 10px 15px 10px;}
.searchbar > div {padding: 10px 5px;}
.searchbar .ui-outputlabel, .searchbar .ui-widget.ui-outputlabel, .searchbar .ui-widget .ui-widget.ui-outputlabel {font-size: 13px; padding: 5px; color: #8c8c8c;}
.searchbar-actions {height: 30px; text-align: center;}
.searchbar .ui-panel-titlebar-icon.ui-state-default{left: 100%;}
.searchbar .ui-panel .ui-panel-titlebar .ui-panel-title {position: absolute;}
.searchbar .ui-panel-titlebar-icon .ui-icon.ui-icon-plusthick, .searchbar .ui-panel-titlebar-icon .ui-icon.ui-icon-minusthick {font-size: 7px;}
/*.searchbar .ui-panel-actions > div, .searchbar .ui-panel .ui-panel-content > div, .searchbar .ui-panel .ui-panel-content div {padding: 2.5px;}*/
.searchbar .ui-panel.st-4 .search-btn.ui-button {top: 22px;}
.searchbar .ui-panel.st-4 .ui-panel-titlebar-icon.ui-state-default {top: 45px;}
.searchbar .ui-panel-actions {background: #edf3f7; border-radius: 20px; box-sizing: border-box; padding: 5px 0px;}
.searchbar .reportGP {/*height: 40px; margin-top: 10px; text-align: center;*/ margin-left: auto; width: auto;}
.searchbar .reportGP .ui-button {width: 65px;}
.searchbar .reportGP .ui-button .ui-button-text {font-family: 'Calibri-Bold'; color: #1c5ba2;}
.searchbar .ui-calendar .ui-inputfield {color: #1c5ba2; font-size: 11.5px;}
.searchbar .ui-selectonemenu .ui-selectonemenu-label.ui-inputfield {color: #1c5ba2; font-size: 13px;}
.searchbar .no-label-group-field {margin-top: 24.5px;}
/*.searchbar .report-btns .ui-button:nth-last-child(2) {width: 55px;}
.searchbar .report-btns .ui-button:last-child {width: auto;}*/
.searchbar .report-btns .ui-button .ui-button-text {color: #1c5ba2; font-family: 'Calibri-Bold';}
.ui-tabs-panel .searchbar {border-top: 9px solid #f8f8f8;}

.searchbar.st-2 .colored-block{background: #edf3f7; border-radius: 12px;}
.searchbar.st-2 .ui-selectonemenu {height: 19px;}

.searchbar.st-3 {justify-content: flex-end; border-bottom: none;}
.searchbar.st-3 .ui-button .ui-icon {font-size: 19px; padding: 2px; width: 19px;}
.searchbar.st-3 input, .searchbar.st-3 .ui-selectonemenu, .searchbar.st-3 .ui-button {height: 19px; vertical-align: baseline; /*margin-right: 12px;*/}
.searchbar.st-3 > div {background: #edf3f7; padding: 4px 6px; /*border: 1px solid #edf3f7;*/}
.searchbar.st-3 > div:first-child, .searchbar.st-3 > div:first-of-type {border-top-left-radius: 12px; border-bottom-left-radius: 12px;}
/*.searchbar.st-3 > div:last-child {border-top-right-radius: 12px; border-bottom-right-radius: 12px;}*/
.searchbar.st-3 > div:last-child:not(.report-btns){/*width: auto;*/}
.searchbar.st-3 .ui-panel-titlebar-icon.ui-state-default{left: auto;}
.searchbar.st-3 .ui-selectonemenu .ui-selectonemenu-label.ui-inputfield {line-height: 18px; margin-right: 18px;}
.searchbar.st-3 .ui-selectonemenu .ui-selectonemenu-trigger, .searchbar.st-3 .ui-selectonemenu .ui-selectonemenu-trigger:hover {width: 20px;}
.searchbar.st-3 .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon {font-size: 15px;}
.searchbar.st-3 .ui-outputlabel, .searchbar.st-3 .ui-widget.ui-outputlabel, .searchbar.st-3 .ui-widget .ui-widget.ui-outputlabel {padding-top: 0px; padding-bottom: 0px; color: #1c5ba2; font-family: 'Calibri-Regular';}
.searchbar.st-3 .ui-calendar .ui-inputfield {width: 96px;}
.searchbar-btn.ui-button {margin-right: 0px; position: absolute; top: -1px; padding: 10px 0px; box-sizing: border-box; width: 22px;}
.searchbar.st-3 .searchbar-btn.ui-button .ui-icon {font-size: 22px; width: 22px; height: 22px; background: #edf3f7; padding: 4px 6px; height: 19px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;}
.searchbar.st-3 .searchbar-tbl {position: relative; width: 100%;}
.searchbar.st-3 .ui-panel-actions {padding: 0px !important;}
.searchbar-reportBtns .link-btn.ui-button .ui-button-text{padding-right: 0px;}
.searchbar.st-3 .account-dropdown label.ui-inputfield td {line-height: 15px;}
/*.searchbar.st-3 .inline-block {display: table;}
.searchbar.st-3 .inline-block label, .inline-block span {display: table-cell;}*/

.search-panel {padding: 15px 15px 0px 5px;}

/*.ui-tabs .ui-datatable, .ui-tabs .ui-datatable > .ui-datatable-tablewrapper > table {min-height: 300px;}*/
.ui-tabs .ui-datatable.withpad {padding-left: 10px; padding-right: 12px;}
.ui-tabs.detailsTabview .ui-tabs-panel{min-height: 300px;}


.ui-datatable.withborder {margin-top: 27px; margin-bottom: 14px; box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.2); border: solid 1px #e4e1e1;}
.ui-datatable.withborder .ui-datatable-tablewrapper {padding: 10px 0px;}

.searchbar div.searcharea {padding: 10px 5px; padding-right: 10px; position: relative;}
.searchbar div.searcharea.st-1 .ui-panel-actions{background: none;}
.searchbar div.searcharea.st-1 .custom-background {background: #edf3f7; border-radius: 20px; box-sizing: border-box; padding-right: 10px; padding: 5px 10px;}

/* Input Trigger */
.input-trigger, .ui-state-default.input-trigger, .ui-widget-content .ui-state-default.input-trigger, .input-trigger-2, .ui-state-default.input-trigger-2, .ui-widget-content .ui-state-default.input-trigger-2 {height: 20px; display: block; margin: 0px; margin-left: 10px; min-width: 110px; padding-left: 10px; white-space: nowrap; padding-right: 20px; width: auto;}
button.input-trigger.positive-btn .ui-icon {font-size: 16px; line-height: 24px; text-align: right; right: 0px;}
button.input-trigger.positive-btn .ui-button-text {font-family: 'Calibri-Light'; font-size: 13px; text-align: left; padding: 0px;}
button.input-trigger-2.positive-btn {padding: 0 5px;}
button.input-trigger-2.positive-btn .ui-button-text {font-family: 'Calibri-Light'; font-size: 13px; text-align: center; padding: 0px;}

/* 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, button.negative-btn, .ui-widget-content button.negative-btn,button.negative-btn-2, .ui-widget-content button.negative-btn-2  {height: 30px; background: #1c5ba2; margin: 7px 0px; /*width: auto; min-width: 110px;*/ border-radius: 20px; /*padding-left: 15px;*/}
button.positive-btn-2, .ui-widget-content button.positive-btn-2, button.negative-btn-2, .ui-widget-content button.negative-btn-2, button.negative-btn, .ui-widget-content button.negative-btn {background: transparent; border: 1px solid #1c5ba2; /*width: auto;*/ border-radius: 20px; height: 30px;}
button.positive-btn:not(.input-trigger):not(.add-new).ui-state-hover .ui-icon:before {color: #FFFFFF; content: "\e920";}
button.negative-btn.ui-state-hover .ui-icon:before {color: #1c5ba2; content: "\e907";}
button.negative-btn-2.ui-state-hover .ui-icon:before {color: #1c5ba2; content: "\e920";}
button.positive-btn .ui-button-text {/*padding: 2px 15px 3px 15px;*/ font-family: 'Calibri-Regular'; font-size: 17px; letter-spacing: 0px; color: #FFFFFF;}
button.positive-btn-2 .ui-button-text, button.negative-btn .ui-button-text, button.negative-btn-2 .ui-button-text {font-family: 'Calibri-Regular'; font-size: 17px; letter-spacing: 0px; color: #1c5ba2; line-height: 15px !important; /*padding: 0px 15px;*/}
button.positive-btn-2 .ui-icon, button.negative-btn-2 .ui-icon, button.negative-btn .ui-icon {color: #1c5ba2; font-size: 20px; padding: 1px;}
button.positive-btn-2.ui-state-hover .ui-button-text, button.positive-btn-2.ui-state-hover .ui-icon, button.negative-btn-2.ui-state-hover .ui-icon {color: #FFFFFF;}
button.negative-btn.autoSize .ui-button-text {white-space: nowrap;}

button.positive-btn .ui-icon{color: #FFFFFF; font-size: 19px;}
button.negative-btn-2 .ui-icon {-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}

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;}
.no-label-group{margin-top: 10px;}
button.label-btn, button.ui-widget.label-btn, .ui-widget button.ui-widget.label-btn {font-size: 16px; font-family: 'Calibri-Regular';}
button.link-txt .ui-icon:before {color: #2AABE4;}

button.show-more-btn {width: auto;}
button.show-more-btn .ui-icon{-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);}
button.show-more-btn .ui-button-text{font-family: 'Calibri-Light'; font-size: 12px; margin: 0px 4px;}

button.info-btn.positive-btn {min-width: 0; padding: 0 5px; opacity: 1; height: 20px}
button.info-btn.positive-btn .ui-button-text {font-family: 'Calibri-Light'; font-size: 13px; text-align: center; padding: 0px;}
button.info-btn.ui-button-text-icon-left {padding-left: 28px;}
button.info-btn.ui-button-text-icon-right {padding-right: 28px;}

button.info-btn-confirm .ui-state-default, button.info-btn-confirm.ui-state-disabled {background: white}

.message-status-error button.info-btn-confirm span {color: #ed1c24;}
.message-status-warn button.info-btn-confirm span {color: #ff8900;}
.message-status-info button.info-btn-confirm span  {color: #419f37;}


/*Button panel*/
.button-panel .lg-3 {width: auto;}
.ui-group.button-panel {padding: 15px;}
.ui-dialog.st-1 .ui-group.button-panel {padding-bottom: 45px;}
.ui-dialog.st-1 .button-panel .lg-3 {width: 21%;}
.confirmation-page .ui-group.container.button-panel {background-color: transparent;}

.list-btn-panel .ui-button {width: 100%; height: 38px; box-sizing: border-box; text-align: left;}
.list-btn-panel .ui-button:LAST-CHILD {border-bottom: none;}
.list-btn-panel .ui-button .ui-icon, .list-btn-panel i.icon-select {font-size: 16px; color: #999999;} 
.list-btn-panel .ui-button .ui-button-text, .list-btn-panel .ui-commandlink.actionLinkAsBtn .link-label {font-family: 'Calibri-Regular'; font-size: 13px;}
.list-btn-panel .ui-button.ui-state-hover, .list-btn-panel .ui-button.ui-state-hover .ui-icon, .list-btn-panel .ui-commandlink.actionLinkAsBtn:hover > table .link-label, .list-btn-panel .ui-commandlink.actionLinkAsBtn:hover > table .icon-select {color: #1c5ba2;}
.list-btn-panel .ui-button:nth-child(2n) {background: #f8f8f8;}
.list-btn-panel .ui-button.ui-state-hover, .list-btn-panel .ui-commandlink.actionLinkAsBtn:hover > table {background: #e8eef6;}
.list-btn-panel .ui-commandlink.actionLinkAsBtn {font-family: 'Calibri-Regular';}
.list-btn-panel .ui-commandlink.actionLinkAsBtn .link-label {color: #4f4f4f;}
.list-btn-panel .ui-commandlink.actionLinkAsBtn:hover > table {background: #e8eef6;}


/*Button Analysis*/
.btn-analysis.ui-button .ui-icon, .confirmation-page .link-btn.btn-analysis .ui-icon {font-size: 20px; color: #999999;}
.btn-analysis.ui-button .ui-button-text, .confirmation-page .link-btn.btn-analysis.ui-button .ui-button-text {color: #999999;}
.confirmation-page .link-btn.btn-analysis.ui-button .ui-button-text {font-family: 'Calibri-Light'; font-size: 13px; color: #666666;}
.btn-analysis.ui-button.ui-state-hover .ui-icon, .btn-analysis.ui-button.ui-state-hover .ui-button-text, .confirmation-page .link-btn.btn-analysis.ui-button.ui-state-hover .ui-icon, .confirmation-page .link-btn.btn-analysis.ui-button.ui-state-hover .ui-button-text {color: #1c5ba2;}
.message-confirm-panel .btn-analysis.ui-button .ui-icon, .message-confirm-panel .btn-analysis.ui-button .ui-button-text {color: #FFFFFF !important;}

/*Header Notification Panel*/
.list-btn-panel .more-btn {width: auto; background: none;}
.list-btn-panel .more-btn.ui-state-hover {background: none;}
.list-btn-panel .more-btn.ui-button .ui-icon {color: #1c5ba2; font-size: 12px; width: 20px; height: 20px;}
.list-btn-panel .more-btn.ui-button-text-icon-right .ui-button-text {font-family: 'Calibri-Regular'; font-size: 13px; letter-spacing: 0px; color: #1c5ba2; padding-right: 24px;}

/*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: 7.5px; box-sizing: border-box; text-align: center; color: #1c5ba2; font-size: 13px;}
/*.action-btn.ui-button.ui-state-hover .ui-button-text {color: #1c5ba2;}*/
.action-btn.ui-button .ui-icon{color: #1c5ba2; /*display: inline;*/ font-size: 19px; left: 0px; margin: 0 auto; position: relative; top: 0px;}
.account-panel{background: #2AABE4; padding: 15px 0px;}
.account-panel span{color: #FFFFFF;}

/*Popup Link Buttons*/
.link-btn.ui-button .ui-button-text, .confirmation-page.st-2 .link-btn.ui-button .ui-button-text {font-family: 'Calibri-Light'; font-size: 13px; color: #666666;}
.row-details .link-btn.ui-button.ui-button-text-icon-left .ui-button-text {padding-left: 2px; color: #1c5ba2;}
.ui-tabs .link-btn.ui-button .ui-button-text {font-family: 'Calibri-Light'; font-size: 14px; line-height: 13px; color: #165499; padding-right: 0px;}
/*.ui-tabs .link-btn.ui-button .ui-icon {color: #165499;}*/
.link-btn.new-btn.ui-button .ui-icon {font-size: 18px; color: #165499;}

/*Search button*/
.search-btn.ui-button {border-right: 1px solid #cccccc; border-left: 1px solid #cccccc; padding: 15px; position: absolute; left: 100%; right: 0px; top: 0px; margin: 10px auto !important; height: auto; width: 40px;}
.search-btn.ui-button .ui-icon {font-size: 20px;}
.search-btn.ui-button.ui-state-hover .ui-icon {color: #1c5ba2;}
.search-btn-borderless.ui-button {border : none;  padding: 15px; position: absolute; left: 100%; right: 0px; top: 0px; margin: 10px auto !important; height: auto; width: 40px;}
.search-btn-borderless.ui-button .ui-icon {font-size: 20px;}
.search-btn-borderless.ui-button.ui-state-hover .ui-icon {color: #1c5ba2;}

/*Printout Links*/
/*-------------*/
.reportGP .printout-link.ui-commandlink {padding: 10px; box-sizing: border-box;}
.printout-link.ui-commandlink {float: left; /*display: inline-block; width: 100%;*/}
.printout-link.ui-commandlink .link-label {font-family: 'Calibri-Bold'; font-size: 13px; padding-left: 2px; color: #1c5ba2; display: block; white-space: nowrap;}
.printout-link.ui-commandlink [class^="icon-"] {background-position: left; background-repeat: no-repeat; /*width: auto; height: auto; text-align: left; box-sizing: border-box; display: flex;
    justify-content: left;
    align-items: center;*/}
.printout-link.ui-commandlink .icon-pdf-report {background-image: url(../images/pdf-report.png); background-size: 25px; padding-left: 30px;} /*iban certificate*/
.printout-link.ui-commandlink .icon-svg-arrow-down {background-size: 16px; background-image: url(../images/svg/arrow-down.svg); padding-left: 20px; width: auto; height: 20px;} /*pdf report*/
.confirmation-page .reportGP .printout-link.ui-commandlink {padding: 0px;}
.confirmation-page .printout-link.ui-commandlink .icon-svg-arrow-down {width: auto;}
.lg-txt-R .printout-link.ui-commandlink {float: right;}
.custom.printout-link.ui-commandlink {padding: 3px; box-sizing: border-box;}
.custom.printout-link.ui-commandlink .link-label {font-size: 14px;}
/*.printout-link.ui-commandlink img {height: 18px; width: auto;}*/
/*---*/

/* Disclaimer */
/*.disclaimer {background: #F7F7F7; border: 1px solid #EDEDED;}*/
.disclaimer ol, .disclaimer ul {padding-left: 22px; margin: 0px;}
.disclaimer i {font-size: 12px; height: 25px; width: 25px;}
.disclaimer td {padding: 7.5px;}
.disclaimer span {text-align: justify; font-family: 'Calibri-Regular'; font-size: 12px; line-height: 15px; color: #8c8c8c;}
.disclaimer a {color: #1c5ba2;}
.ui-dialog .disclaimer span {font-family: 'Calibri-Light'; font-size: 13.5px; line-height: 18px; color: #666666; padding: 0px 10px; text-align: left;}
.disclaimer-text {display: block; padding: 20px 0px;}
.disclaimer.st-1 .disclaimer-text {padding-bottom: 0px;}

/* 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; -webkit-print-color-adjust: exact; vertical-align: middle; padding: 0px; width: 100%; height: 32px; border: 1px solid #1c5ba2;  background: #FFFFFF;box-sizing: border-box; position: relative; border-radius: 13.5px;}
.ui-selectonemenu.ui-state-focus{border-color: #66afe9;}
.ui-selectonemenu.ui-state-error.ui-state-focus {box-shadow: 0px 0px 0px 4px rgba(239, 71, 78, 0.1); border-color: #ed1c24;}
.ui-selectonemenu .ui-selectonemenu-label.ui-inputfield, .ui-widget-content .ui-selectonemenu .ui-selectonemenu-label.ui-inputfield {overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; display: block; height: auto; outline: none; box-shadow: none; padding: 0px 0px 0px 8px; margin-right: 30px; box-sizing: border-box; line-height: 32px; border: none; font-size: 13px; color: #1c5ba2;}
.ui-selectonemenu.max-width .ui-selectonemenu-label.ui-inputfield {max-width: 190px;}
.ui-selectonemenu.empty-value .ui-selectonemenu-label.ui-inputfield {font-family: 'Calibri-Light'; font-size: 13px; color: #8c8c8c;}
.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{/*z-index: 3 !important;*/ box-shadow: none; background-color: #FFFFFF; border-radius: 4.2px; border: 1px solid #1c5ba2; box-sizing: border-box;}
.ui-selectonemenu .ui-selectonemenu-panel:not(.custom-panel), .ui-selectcheckboxmenu-panel:not(.custom-panel) {top: 42px !important; left: -1px !important; width: auto !important; min-width: 100%; box-sizing: content-box;}
.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 #ed1c24;}
.ui-selectonemenu-filter-container{width:100%;}
.ui-selectonemenu-panel .ui-selectonemenu-filter-container {box-sizing: border-box;}
.ui-selectonemenu-panel.ui-shadow.resizedDropdown{max-width: 600px; min-width: 200px; width: 100%;}
.ui-selectonemenu .ui-inputfield{background: transparent;}
.ui-selectonemenu-panel .ui-selectonemenu-list, .ui-selectonemenu-panel .ui-selectonemenu-table td {background-color: transparent; padding: 0px 0px; border-radius: 10px;}
.ui-selectonemenu-panel .ui-selectonemenu-list-item, .ui-selectonemenu-panel .ui-selectonemenu-table td {outline: none; margin: 0px;  font-size: 12px; line-height: 18px; border-top: none; border-radius: 0px; padding: 7px 5px 7px 5px; font-family: 'Calibri-Regular'; color: #666666;}
.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: 5px;}
/*.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 #D5D2D2;}*/
/*.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 #D5D2D2;}*/
.ui-selectonemenu.fixed-height .ui-selectonemenu-items-wrapper {height: 100px !important;}
.ui-selectonemenu-panel .ui-selectonemenu-filter-container > input[type="text"]{border: none; border-radius: 0px; padding: 0px 40px 0px 5px;}
.ui-selectonemenu-panel .ui-selectonemenu-list-item {/*text-align: inherit;*/ white-space: normal;}

/*Append To Body (Select Panel)*/
body > .ui-selectonemenu-panel {border: none; padding: 10px 0px; width: 120px;}
body > .ui-selectonemenu-panel .ui-selectonemenu-items-wrapper {border-radius: 4.2px; box-sizing: border-box; border: 1px solid #1c5ba2; margin-top: 0px;}
body > .ui-selectonemenu-panel:before {top: 3px;}

.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{color: #1c5ba2; font-size: 18px;}
.ui-selectonemenu .ui-selectonemenu-trigger .ui-icon.ui-icon-triangle-1-s:before {content: "\e920";}
.account-dropdown.ui-selectonemenu .ui-selectonemenu-trigger .ui-icon.ui-icon-triangle-1-s:before,
.ben-dropdown.ui-selectonemenu .ui-selectonemenu-trigger .ui-icon.ui-icon-triangle-1-s:before,
.ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon:before {content: "\e920"; color: #1c5ba2;}
.ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon {top: 0px; right: 0px; left: auto; width: 30px; padding: 0px;}
/*.ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon:before{color: #2AABE4;}*/

/* CIF */
td.label.col1 {padding-right: 5px;}
.cust-select.ui-selectonemenu, .cust-select.ui-selectonemenu.ui-state-hover, .cust-select.ui-selectonemenu.ui-state-focus {width: 360px; height: 30px;}
.cust-select.ui-selectonemenu .ui-selectonemenu-label.ui-inputfield, .ui-widget-content .cust-select.ui-selectonemenu .ui-selectonemenu-label.ui-inputfield {line-height: 30px;}
.cust-select .ui-selectonemenu-panel .ui-selectonemenu-list-item:first-child {display: list-item;}
/*.cust-select.ui-selectonemenu .ui-selectonemenu-label.ui-inputfield{padding: 0px; padding-left: 40px;}*/
/*.cust-select.ui-selectonemenu:before {content: "\e904"; width: 40px; font-family: 'icomoon'; height: 20px; font-size: 16px; top: 0px; bottom: 0px; margin: auto; right: auto; left: 0px; text-align: center; position: absolute; color: #BBBBBB;}*/

/* Account Dropdown */
.account-dd-panel.ui-selectonemenu-panel {padding: 2px; box-sizing: border-box; text-align: left;}
.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;}
.account-dd-panel.ui-selectonemenu-panel .ui-selectonemenu-table tr:not(:first-child) td:last-child {font-family: 'Calibri-Bold'; text-align: right; vertical-align: top; min-width: 90px;}
.account-dd-panel.ui-selectonemenu-panel .ui-selectonemenu-table td:first-child {word-break: break-word;}
.ui-selectonemenu-panel:before{content: ''; width: 25px; height: 15px; background-image: url(../images/curve-blue.png); background-size: 32px; background-repeat: no-repeat; background-position: center top; position: absolute; top: -8px; left: auto; right: 20px;}
.account-dd-panel.ui-selectonemenu-panel .ui-selectonemenu-table td, .account-dd-panel.ui-selectonemenu-panel .ui-selectonemenu-item.ui-selectonemenu-row {border: none;}
.account-dd-panel.ui-selectonemenu-panel .ui-selectonemenu-item.ui-selectonemenu-row:nth-child(2n+1), .ui-selectonemenu-panel .ui-selectonemenu-list-item:nth-child(2n+1) {background-color: #fafafa;}
.account-dd-panel.ui-selectonemenu-panel .ui-selectonemenu-item.ui-selectonemenu-row:nth-child(2n), .ui-selectonemenu-panel .ui-selectonemenu-list-item:nth-child(2n) {background-color: #ffffff;}
/* .account-dd-panel.ui-selectonemenu-panel .ui-selectonemenu-item.ui-selectonemenu-row:first-child, .ui-selectonemenu-panel .ui-selectonemenu-list-item:first-child {display: none;} */
.account-dd-panel.ui-selectonemenu-panel.empty-label .ui-selectonemenu-item.ui-selectonemenu-row:first-child {display: table-row;}
.ui-selectonemenu-panel.empty-label .ui-selectonemenu-list-item:first-child {display: list-item;}
.account-dd-panel.ui-selectonemenu-panel .ui-selectonemenu-item.ui-selectonemenu-row:hover, .ui-selectonemenu-panel .ui-selectonemenu-list-item:hover {background-color: #e8eef6; color: #1c5ba2; border-radius: 4.2px;}
.account-dd-panel.ui-selectonemenu-panel .ui-selectonemenu .ui-selectonemenu-label.ui-inputfield {}
.account-dropdown label.ui-inputfield table {width: 100%;}
.account-dropdown label.ui-inputfield td:first-child{max-width: 200px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.account-dropdown label.ui-inputfield td:last-child{text-align: right; /*min-width: 90px; display: table;*/}
.all-value .account-dd-panel.ui-selectonemenu-panel .ui-selectonemenu-item.ui-selectonemenu-row:first-child {display: table-row;}
.all-value .ui-selectonemenu-panel .ui-selectonemenu-list-item:first-child {display: list-item;}

.account-dropdown.hide-details .amount {visibility: hidden;}

/* Amount Input */
.amount-input {/*display: flex;*/ width: 100%;}
.amount-input .ccy {/*border-left: none !important;*/ border-radius: 13.5px; width: 120px;}
.amount-input .ccy .ui-selectonemenu-panel {top: 35px !important;}
/*.amount-input .ccy.ui-selectonemenu .ui-selectonemenu-label.ui-inputfield {padding: 0px;}*/
.amount-input input:not(.ccy) {/*border-right: none; margin-right: 10px;*/}
.amount-input input[readonly="readonly"].ccy {border-color: #BBBBBB; background: transparent; width: 50px;}
.amount-input input.ui-state-focus, .amount-input input.ui-state-focus ~ .ccy {border-color: #66afe9;}
.amount-input input.ui-state-error, .amount-input input.ui-state-error ~ .ccy {border-color: #ef474e;}
.amount-input .ccy.ui-state-disabled {opacity: 1; border: none; background: transparent;}
.amount-input .ccy.ui-state-disabled.ui-selectonemenu .ui-selectonemenu-trigger .ui-icon {display: none;}
/*.amount-input .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon.ui-icon-triangle-1-s:before {content: "\e906";}*/

/*Currency Dropdown*/
td.img-col img, td.data-col span {padding: 0px;}
/*td.img-col {width: 18px; height: 12px;}*/
td.data-col {}
.ui-selectonemenu.account-dropdown.ccy {}
.ui-selectonemenu.account-dropdown.ccy .account-dd-panel.ui-selectonemenu-panel .ui-selectonemenu-table {table-layout: fixed;}
.ui-selectonemenu.account-dropdown.ccy .account-dd-panel.ui-selectonemenu-panel .ui-selectonemenu-table tr td.img-col {text-align: center; line-height: 13.5px; width: 43px;}
.ui-selectonemenu.account-dropdown.ccy .account-dd-panel.ui-selectonemenu-panel .ui-selectonemenu-table tr td.data-col:last-child {text-align: left; font-family: 'Calibri-Regular'; font-size: 13.5px; color: #1c5ba2;}
.ui-selectonemenu.ccy .ui-selectonemenu-label.ui-inputfield > table {}
.ui-selectonemenu.ccy .ui-selectonemenu-label.ui-inputfield > table tr td:first-child {text-align: center;}
.ui-selectonemenu.ccy .ui-selectonemenu-label.ui-inputfield > table tr td:last-child {text-align: center; padding-bottom: 5px;}

.side-content .ui-selectonemenu.account-dropdown.ccy .account-dd-panel.ui-selectonemenu-panel .ui-selectonemenu-table tr:first-child td {padding: 7px 5px 7px 5px;}
.side-content .ui-selectonemenu.account-dropdown.ccy .account-dd-panel.ui-selectonemenu-panel .ui-selectonemenu-table tr:not(:first-child) td.img-col {padding: 0px; width: 40%;}
.side-content .ui-selectonemenu.account-dropdown.ccy .account-dd-panel.ui-selectonemenu-panel .ui-selectonemenu-table tr td.data-col:last-child {padding: 10px; width: 60%;}
.side-content .ui-selectonemenu.ccy .ui-selectonemenu-label.ui-inputfield > table {table-layout: fixed;}
.side-content .ui-selectonemenu.ccy .ui-selectonemenu-label.ui-inputfield > table tr td:first-child, .side-content .ui-selectonemenu.ccy .ui-selectonemenu-label.ui-inputfield > table tr td:first-child img {padding: 0px;}
.side-content .ui-selectonemenu.ccy .ui-selectonemenu-label.ui-inputfield > table tr td:last-child {padding-left: 0px;}
/*.ui-selectonemenu.account-dropdown.ccy .account-dd-panel.ui-selectonemenu-panel {width: 100px !important;}*/

/* 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: 7.5px 0px; 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; border: solid 1px #e4e1e1; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.1);}
.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: "\e907";}
.ui-accordion .ui-accordion-header .ui-icon.ui-icon-triangle-1-e:before{content: "\e906";}
.ui-accordion .ui-accordion-header.ui-state-disabled {opacity: 1;}
.ui-accordion .ui-accordion-header.ui-state-disabled > .ui-icon {display: none;}
.ui-accordion.st-1 .ui-icon.icon-actions:before{color: #2AABE4;}


/* Quick Access Panel Accordion*/
.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 solid rgba(151,151,151,0.35); padding-left: 30px;}
.quick-access-panel .ui-datatable .ui-datatable-data > tr > td {border-bottom: 0.5px dashed rgba(151,151,151,0.35);}
.quick-access-panel .label-btn.ui-button {background: transparent; height: 35px; float:right; display: block;}
.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: "\e932";}
.quick-access-panel .ui-accordion .ui-accordion-header .ui-icon.ui-icon-triangle-1-e:before{content: "\e931";}
.quick-access-panel .ui-accordion .ui-accordion-header .ui-icon.ui-icon-triangle-1-e:before, .quick-access-panel .ui-accordion .ui-accordion-header .ui-icon.ui-icon-triangle-1-s:before {color: #2AABE4;}

.favourites-tab:before, .beneficiaries-tab:before, .templates-tab:before {font-family: 'icomoon'; height: 20px; font-size: 16px; text-indent: 0px; position: absolute; top: 0px; bottom: 0px; margin: auto; right: auto; left: 0px; text-align: center;}
.favourites-tab:before {content: "\e936";}
.beneficiaries-tab:before {content: "\e934";}
.templates-tab:before {content: "\e935";}

.quick-access-panel .ui-datatable .ui-datatable-data > tr.ui-datatable-odd {background-color: transparent;}

.dashboard .ui-button .ui-icon.icon-grid-view, .dashboard .ui-button .ui-icon.icon-edit, .dashboard .ui-button .ui-icon.icon-list-view {font-size: 22px; width: 25px; height: 25px; line-height: 25px;}

.overview-block {line-height: 15px;}
.overview-block i, .dashboard .ui-panel-title i {padding-right: 8px; font-size: 23px; vertical-align: middle;}
.dashboard .ui-datatable {padding: 10px 0px;}
.dashboard .ui-panel {margin: 20px 0px;}
.dashboard .notification-bar {padding-bottom: 10px;}
.dashboard .ui-panel .ui-panel-titlebar .ui-panel-title{margin: 0px;}
.dashboard .ui-panel-titlebar-icon.ui-state-default {left: auto;}
.dashboard .ui-widget.ui-outputlabel{color: #999999; font-family: 'Calibri-Light'; font-size: 12px;}
.dashboard .amount-block {color: #1c5ba2; font-size: 12px; font-family: 'Calibri-Bold';}
.dashboard .disclaimer span {color: #666666;}
.dashboard .sidebar.ui-datatable .ui-datatable-header {padding-bottom: 9px;}
.dashboard .disclaimer .lg-12 {padding-left: 5px;}
.dashboard .tab-content {border: none; padding-top: 0px;}
.dashboard .tab-content .ui-card {box-shadow: none; border: none;}
/*.dashboard .tab-content .ui-card .ui-card-body {padding: 10px; box-sizing: border-box; border-top: 9px solid #f8f8f8;}*/

/*List-view*/
.list-view td > span {border: 1px solid #EDEDED; border-left: 6px solid #EDEDED; box-sizing: border-box; background: #FFFFFF; border-radius: 2px; padding: 13px 2px 13px 5px;}
.list-view td > span:hover{box-shadow: 0px 3px 7px 0 rgba(0, 0, 0, 0.35);}
.list-view .ui-datatable-empty-message td > span {background: transparent; border: none; padding: 0px;}
.list-view .ui-datatable-empty-message td > span .message-confirm-panel {margin: 0px;}
.list-view.ui-datatable .ui-datatable-header {padding: 0px 24px 0px 7.5px; position :relative;}
.list-view.ui-datatable tr.ui-datatable-selectable:not(.ui-state-hover).ui-widget-content td > span {border-color: #EDEDED !important;}
.list-view.ui-datatable .ui-datatable-header .ui-button .ui-icon {color: #b3b3b3; font-size: 19px;}
.list-view.ui-datatable .ui-datatable-header .ui-button.ui-state-hover .ui-icon {color: #1c5ba2;}
.list-view.ui-datatable .ui-datatable-data > tr {background: transparent;}
.list-view.ui-datatable .title-details .h4 {box-shadow: none; padding: 0; line-height: 13px; font-family: 'Calibri-Regular'; white-space: nowrap;}
.list-view.ui-datatable .title-details .h6 {font-size: 11px; font-family: 'Calibri-Light';}
.list-view.ui-datatable .ccy-small {color: #808080; font-size: 11px; font-family: 'Calibri-Light';}
.more-actions .ui-button.ui-state-focus .ui-icon {border: 1px solid #999999;}
.more-actions .ui-button.ui-state-hover .ui-icon {border: 1px solid #999999;}
.ui-datatable .more-actions > .ui-button-icon-only .ui-icon {width: 25px; height: 12px; font-size: 15px; color: #999999;}
.ui-tabs .list-view td > span {border-left: 1px solid #EDEDED;}
.ui-tabs .list-view.ui-datatable .ui-datatable-data > tr:hover td > span {border: 1px solid #1c5ba2; box-shadow: none; /*cursor: pointer;*/}
.ui-tabs .list-view.ui-datatable .ui-datatable-data > tr:hover td span.color-on-hover {color: #1c5ba2;}

/*Balance block*/
.balance-block {/*margin: 0px 60px 0px -27px;*/ padding-right: 60px; width: 100%;}

/*Pending-view*/
.pending-view.ui-datatable .positive-btn.ui-button .ui-button-text {font-size: 13.5px;}
.pending-view.ui-datatable .positive-btn.ui-button .ui-icon.icon-check {font-size: 9px; border: 2px solid white; border-radius: 100%; padding: 0px; box-sizing: border-box;}
.pending-view.ui-datatable .positive-btn.ui-button.ui-state-hover .ui-icon.icon-check {background: #ffffff;}
.pending-view.ui-datatable .positive-btn.ui-button.ui-state-hover .ui-icon.icon-check:before {color: #1c5ba2; content: "\e906";}
.pending-view.ui-datatable td.fixed-width {width: 30px;}
.pending-view.ui-datatable .ui-button-icon-only .ui-icon {font-size: 22px;}
.pending-view.ui-datatable .more-actions > .ui-button-icon-only .ui-icon {font-size: 15px;}
.pending-view.ui-datatable .ui-datatable-data > tr.ui-datatable-odd {background: transparent;}
.pending-view.ui-datatable .ui-datatable-data > tr td {border: none; border-top: 1px solid #5d91ca; border-bottom: 1px solid #5d91ca;}
.pending-view.ui-datatable .ui-datatable-data > tr td:first-child {border-left: 1px solid #5d91ca;}
.pending-view.ui-datatable .ui-datatable-data > tr td:last-child /*, .pending-view.ui-datatable .ui-datatable-data > tr td:nth-last-child(2)*/ {border-right: 1px solid #5d91ca;}
.pending-view.ui-datatable .ui-datatable-data > tr td:first-child {border-top-left-radius: 2.1px;}
.pending-view.ui-datatable .ui-datatable-data > tr td:first-child {border-bottom-left-radius: 2.1px;}
.pending-view.ui-datatable .ui-datatable-data > tr td:last-child {border-top-right-radius: 2.1px;}
.pending-view.ui-datatable .ui-datatable-data > tr td:last-child {border-bottom-right-radius: 2.1px;}
.pending-view.ui-datatable .ui-row-toggler.ui-icon.ui-icon-circle-triangle-e {color: #8c8c8c;}
.pending-view.ui-datatable .ui-row-toggler.ui-icon.ui-icon-circle-triangle-s {color: #1c5ba2;}
.pending-view.ui-datatable .ui-expanded-row-content > td {padding: 0px;}
.pending-view.ui-datatable .ui-datatable-data > tr.ui-expanded-row-content tr td {border: none; border-right: 1px solid #ffffff;}
.pending-view.ui-datatable .ui-datatable-data > tr.ui-expanded-row-content tr td > table.expansion-grid > tbody > tr > td > table > tbody tr td {border: none;}
.pending-view.ui-datatable .ui-datatable-data > tr.ui-expanded-row-content tr.ui-datatable-odd, .pending-view.ui-datatable .ui-datatable-data > tr.ui-expanded-row-content tr.ui-datatable-odd + tr.ui-expanded-row-content {background: #f0f0f0;}
.pending-view.ui-datatable .expanded-table .report-btns .ui-button .ui-button-text {color: #1c5ba2; font-family: 'Calibri-Bold'; font-size: 14.5px;}
.pending-view.ui-datatable .expanded-table .ui-datatable-footer {padding: 0px; margin: 10px 0px; width: 100%;}
.pending-view.ui-datatable .expanded-table .ui-button-icon-only .ui-icon {font-size: 15px;}
.pending-view.ui-datatable .ui-datatable-data > tr.ui-expanded-row-content.ui-widget-content > td {border-top: none; border-top-left-radius: 0px; border-top-right-radius: 0px; padding-top: 10px; padding-bottom: 10px; background: none;}
.pending-view.ui-datatable .ui-datatable-data > tr.ui-expanded-row td {border-bottom: none; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;}
.pending-view.ui-datatable .ui-datatable-data > .ui-expanded-row + .extra-row {display: none;}
.pending-view.ui-datatable .extra-row {height: 19px;}
.pending-view.ui-datatable td[role='gridcell']:first-child .title-details .lg-block > span:first-child, .pending-view.ui-datatable .title-details .lg-block:first-child > span:first-child, .pending-view.ui-datatable .title-details .lg-block:last-child > span:only-child {font-family: 'Calibri-Light'; font-size: 11.5px;}	
.pending-view.ui-datatable td[role='gridcell']:first-child .title-details .lg-block > span, .pending-view.ui-datatable .title-details .lg-block:first-child > span:last-child, .pending-view.ui-datatable .title-details .lg-block:last-child > span:only-child {line-height: 15.5px;}
.pending-view.ui-datatable .title-details .lg-block:first-child > span:only-child {line-height: 11.5px;}
/*.pending-view.ui-datatable td[role='gridcell']:first-child .title-details .lg-block > span:last-child {font-family: 'Calibri-Light'; font-size: 13.5px;}*/
.pending-view.ui-datatable .expanded-table.ui-datatable .ui-datatable-data > tr.ui-expanded-row-content.ui-widget-content > td {padding: 0px; border: 1px solid #1c5ba2; border-top: none;}
.pending-view.ui-datatable .ui-datatable-data > tr.ui-expanded-row-content tr td > .ui-column-data > table tr td {border: none;}
.pending-view.ui-datatable .ui-datatable-data > tr.ui-expanded-row-content tr td > table.expansion-grid > tbody > tr > td:not(:last-child) {border-color: #e4e2e2;}
/*.pending-view.ui-datatable thead th[role="columnheader"], .pending-view.ui-datatable thead th[role="columnheader"].ui-state-default, .ui-widget-content .pending-view.ui-datatable thead th[role="columnheader"].ui-state-default {padding: 5px 10px;}*/
/*.pending-view.ui-datatable .ui-datatable-data > tr.ui-expanded-row-content table:not(.expansion-grid) tr td {border: none;}*/
/*.pending-view .ui-paginator-page.ui-state-default.lg-hide {display: inline-block !important;}
.pending-view .extra-span {display: none !important;}*/
.pending-view.ui-datatable .ui-button-icon-only .ui-icon.icon-check:before {border: 2px solid; border-radius: 20px; width: 11px; height: 11px; line-height: 13px;}
.pending-view.ui-datatable .expanded-table .ui-button-icon-only .ui-icon.icon-check {font-size: 7px;}
/*.pending-view.ui-datatable > .ui-datatable-tablewrapper > table {table-layout: fixed; width: 100%;}*/

.ui-datatable .ui-column-data > table {width: auto;}
.ui-datatable .ui-column-data > table > tbody > tr > td {padding: 0px;}

/* Overview Accordion*/
.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: 1px solid #EDEDED; 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: 0px; box-sizing: border-box;}
.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 .ui-datatable-tablewrapper > table > tbody > tr > td {padding: 7.5px 0px;}
.ui-accordion.list-view .fixed-dt .ui-button .ui-icon {font-size: 25px; height: 30px; line-height: 30px; width: 30px;}
.ui-accordion.list-view .ui-datatable-data tr.ui-widget-content td > div > div {position: relative;}
.ui-accordion.list-view .ui-datatable-data tr.ui-widget-content td > div > div:not(:FIRST-OF-TYPE):before {content: ""; position: absolute; top: 0px; bottom: 0px; left: 0px; right: auto; margin: auto; height: 50px; width: 1px; border-left: 1px solid #D5D2D2;}
.ui-accordion.list-view .ui-datatable-data tr.ui-widget-content td > div > div:first-child .ui-button {cursor: default;}

/* Panel Default */
/*.ui-panel {border-radius: 0px; border: none; padding: 7.5px}*/
.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: 0px; padding-right: 0px; background-color: transparent;}
.ui-panel .ui-panel-titlebar .ui-panel-title {font-family: 'Calibri-Regular'; font-size: 16px; /*cursor: pointer;*/ vertical-align: middle;} 
.ui-panel-titlebar-icon.ui-state-default {border: none; border-radius: 0px; background-color: transparent; margin: auto !important; vertical-align: middle; position: absolute; top: 40%; right: 0px; left: auto; padding-left: 50px;}
.ui-panel .ui-panel-content {background-color: transparent; padding: 0px; box-sizing: border-box;}
.ui-panel .ui-panel-titlebar .custom-num, .ui-button.custom-num {display: inline-block; height: 15px; width: 15px; border-radius: 100%; line-height: 15px; text-align: center; color: white; background: #006E42;}
.ui-panel.filter-title .ui-panel-titlebar .ui-panel-title {margin: 0px 15px; padding: 15px;}
.ui-panel-titlebar-icon .ui-icon.ui-icon-plusthick, .ui-panel-titlebar-icon .ui-icon.ui-icon-minusthick {font-size: 7px; color: #b3b3b3; /*position: absolute; right: auto; left: -30px; top: 40px;*/}
.ui-panel-titlebar-icon .ui-icon.ui-icon-plusthick:before {content: "\e904";}
.ui-panel-titlebar-icon .ui-icon.ui-icon-minusthick:before {content: "\e905";}
.ui-panel .ui-panel-actions {width: 100%;}
.searchbar .ui-panel-titlebar-icon.ui-state-default {top: 20px;}
.searchbar .search-btn.ui-button {height: 40px;}
/*.ui-panel .ui-panel-actions > div:not(:last-child) {background: #edf3f7;}
.ui-panel .ui-panel-actions > div:first-child {border-radius: 12px 0px 0px 12px;}
.ui-panel .ui-panel-actions > div:nth-last-child(2){border-radius: 0px 12px 12px 0px;}*/

/* Panel Style 1 */
.ui-panel.st-1 {background-color: transparent; padding: 0px;}
.ui-panel.st-1 .ui-panel-titlebar {width: auto; display: inline-block; padding: 7.5px; background-color: #E4E4E4; border-radius: 5px; border: none; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px;}
.ui-panel.st-1 .ui-panel-titlebar .ui-panel-title {font-family: 'Calibri-Light'; font-size: 13px; color: #1990C5; text-transform: uppercase; margin: 0px; margin-left: 7.5px;}
.ui-panel.st-1 .ui-panel-titlebar-icon.ui-state-default {float: left;}
.ui-panel.st-1 .ui-panel-titlebar-icon .ui-icon.ui-icon-plusthick:before {content: "\e931";}
.ui-panel.st-1 .ui-panel-titlebar-icon .ui-icon.ui-icon-minusthick:before {content: "\e932";}
.ui-panel.st-1 .ui-panel-content {background: #E4E4E4; border-top: none; padding: 7.5px 0px;}

/* Panel Style 2 */
.ui-panel.st-2 .ui-panel-content{background-color: #F4F4F4;}

/* Panel Style 3 */
.ui-panel.st-3 {padding: 0px;}
.ui-panel.st-3 .ui-panel-titlebar{padding: 0px; line-height: normal; position: relative; background-color: #F4F4F4;}
.ui-panel.st-3 .ui-panel-titlebar .ui-panel-title{font-family: 'Calibri-Light'; font-size: 14px; color: #232323; letter-spacing: 0; display: inline-block; margin: 0px; padding: 20px 0px; padding-left: 35px;box-sizing: border-box;}
.ui-panel.st-3 .ui-panel-actions {padding: 15px 0px; box-sizing: border-box;}
.ui-panel.st-3 .ui-panel-titlebar .ui-panel-title table tr td:not(:last-child) {border-right: 1px solid #BBBBBB;}
.ui-panel.st-3 .ui-panel-titlebar-icon.ui-state-default{padding: 0px; position: absolute; float: none; left: 7.5px; top: 18px; bottom: 0px; height: 20px; text-decoration: none;}
.ui-panel.st-3 .ui-panel-titlebar-icon .ui-icon.ui-icon-plusthick:before{content: "\e931";}
.ui-panel.st-3 .ui-panel-titlebar-icon .ui-icon.ui-icon-minusthick:before{content: "\e932";}
.ui-panel.st-3 .ui-panel-titlebar-icon .ui-icon.ui-icon-plusthick, .datalist-panel .ui-panel-titlebar-icon .ui-icon.ui-icon-minusthick{background-image: none; font-family: "icomoon"; font-size: 14px; color: #2AABE4; text-indent: 1px;}

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

/*Sidebar default*/
.sidebar {/*padding-bottom: 30px;*/}
.sidebar.ui-datatable thead {display: none;}
.sidebar .ui-datatable-tablewrapper {width: 100%;}
.sidebar.ui-datatable thead th span, .sidebar.ui-datatable thead th.ui-state-default span {font-size: 16px; color: #1c5ba2;}
.sidebar.ui-datatable thead th, .sidebar.ui-datatable thead th.ui-state-default {background: none;}
.sidebar.ui-datatable .ui-button-icon-only, .sidebar.ui-datatable button.ui-button-icon-only {margin: 0px;}
.sidebar.ui-datatable .ui-datatable-data tr {height: 38px;}
.sidebar.ui-datatable .ui-datatable-data tr span.amount-txt {background-color: #d5e7f0; border-radius: 3px; padding: 5px;display: block;text-align: center;}
.sidebar.ui-datatable .ui-datatable-data tr td {font-family: 'Calibri-Light;' font-size: 13px;}
.sidebar.ui-datatable .ui-datatable-data tr td:last-child {font-size: 16px;}
.sidebar.ui-accordion .ui-button:nth-child(2n+1) {background: #ffffff;}
.sidebar.ui-accordion .ui-button:nth-child(2n) {background: #f8f8f8;}
.sidebar.ui-datatable .ui-datatable-data tr.ui-state-hover, .sidebar.ui-accordion .ui-button.ui-state-hover {background: #e8eef6; color: #1c5ba2;}
.sidebar.ui-datatable .ui-datatable-data tr.ui-state-hover span, .sidebar.ui-accordion .ui-button.ui-state-hover span {color: #1c5ba2;}
.sidebar.ui-datatable .ui-datatable-data tr.ui-state-hover span.amount-txt {background-color: #1c5ba2; color: #ffffff;}
.sidebar.ui-datatable tbody.ui-datatable-data {box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.1); background: #ffffff; border-radius: 2px;}
.sidebar.ui-datatable > .ui-datatable-tablewrapper > table {box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.1); border: solid 1px #e4e1e1;}
.sidebar.ui-datatable .ui-datatable-header, .list-view.ui-datatable .ui-datatable-header {font-size: 20px; color: #1c5ba2;}
.sidebar.ui-datatable .action-btn.ui-button {background-color: #f2f2f2; padding: 7.5px; height: 100%;}
.sidebar.ui-datatable .ui-button-icon-only .ui-icon {color: #999999; font-size: 19px;}
.sidebar.ui-datatable .ui-button-icon-only.ui-state-hover .ui-icon {color: #1c5ba2;}
.sidebar.ui-datatable tbody td:not(:last-child) {border: none;}
.sidebar.ui-datatable .ui-datatable-data tr:first-child td:first-child {border-top-left-radius: 2px;}
.sidebar.ui-datatable .ui-datatable-data tr:first-child td:last-child {border-top-right-radius: 2px;}
.sidebar.ui-datatable .ui-datatable-data tr:last-child td:first-child {border-bottom-left-radius: 2px;}
.sidebar.ui-datatable .ui-datatable-data tr:last-child td:last-child {border-bottom-right-radius: 2px;}
.sidebar.ui-datatable .ui-g {padding-bottom: 7.5px;}
.sidebar.ui-accordion .ui-button {padding: 13px 12px 12px 11px; height: 38px; width: 100%;}
.sidebar.ui-accordion .ui-button .ui-button-text {line-height: 10px; padding: 0px; text-align: left; font-size: 13.5px;}
.sidebar.ui-accordion .ui-button:first-child {border-top-left-radius: 2px; border-top-right-radius: 2px;}
.sidebar.ui-accordion .ui-button:last-child {border-bottom-left-radius: 2px; border-bottom-right-radius: 2px;}
.sidebar.ui-accordion .ui-accordion-content {border-radius: 2px;}
.sidebar.ui-accordion .ui-button .ui-icon {color: #999999; font-size: 16px;}

/*Sidebar Style 1 - Account Details (favorites) */
.sidebar.st-1.ui-accordion .ui-button {height: 34px;}

/*Sidebar button*/
.sidebar-btn.ui-button {min-height: 35px; background-color: #f6f6f6;}
.sidebar-btn.ui-button .ui-button-text {text-align: left; font-family: 'Calibri-Regular'; font-size: 14px; line-height: 18px; color: #666666; letter-spacing: 0.4px;}
.sidebar-btn.ui-button .ui-icon {font-size: 16px;}
.sidebar-btn.ui-button.ui-state-hover {background-color: #e8eef6;}
.sidebar-btn.ui-button.ui-state-hover .ui-button-text, .sidebar-btn.ui-button.ui-state-hover .ui-icon {color: #1c5ba2;}

/*List panel (for sidebar buttons)*/
.list-panel {margin: 0px 12px 62px 12px; border: 1px solid #e4e1e1; border-radius: 2.4px; padding: 6px; padding-right: 0px;}
.list-panel > div {padding: 0px; padding-right: 6px; padding-bottom: 6px;}

/* Select One Button */
.ui-selectonebutton {width: 100%; display: table; table-layout: fixed;}
.ui-selectonebutton > div {display: table-cell; height: 44px; vertical-align: middle;}
.ui-selectonebutton .ui-button {margin: 0px; box-shadow: none; text-shadow: none; border: none; border-radius: 0px;}
.selectOneButtonSt {border-radius: 30px; background: #FFFFFF; padding: 2px;}
.selectOneButtonSt.ui-selectonebutton > div:first-child {border-radius: 30px 0px 0px 30px;}
.selectOneButtonSt.ui-selectonebutton > div:last-child {border-radius: 0px 30px 30px 0px;}
.selectOneButtonSt .ui-button.ui-widget.ui-state-default{color: #006E42;}
.selectOneButtonSt .ui-button.ui-widget.ui-state-active{box-shadow: 0 2px 4px 0 rgba(0,0,0,0.22); border-radius: 30px; background-color: #006E42; color: white;}
.selectOneButtonSt .ui-button.ui-state-disabled{display: none;}
.show-disabled.selectOneButtonSt .ui-button.ui-state-disabled{display: table-cell;}
.selectOneButtonSt .ui-button:after{content: ''; height: 25px; width: 25px; position: absolute; top: 10px; left: 10px; background-position: center; background-repeat: no-repeat;}



/* Slick Carousel */
.slick-carousel {visibility: hidden;  height: 0px;}
.slick-carousel .ui-carousel-viewport{margin: 0px 25px; box-sizing: border-box;}
.slick-carousel .ui-panelgrid .ui-grid-responsive .ui-panelgrid-cell{padding: 0px; text-align: center;}
.slick-carousel .ui-carousel-viewport .ui-carousel-items .ui-carousel-item{margin: 0px; padding: 0px; box-sizing: border-box;}
.slick-carousel .ui-carousel-page-link, .slick-carousel .ui-carousel-mobiledropdown{display:none !important;}
.slick-carousel, .ui-carousel-menu.ui-widget-content, .slick-carousel .ui-carousel-viewport ul li, .slick-carousel .ui-carousel-header, .slick-carousel .ui-panelgrid-content {background: none; border: 0;}
.slick-carousel .ui-carousel-header, .ui-carousel .ui-carousel-header .ui-carousel-header-title{padding: 0px; height: 0px;}
.slick-carousel .ui-carousel-button.ui-carousel-prev-button.ui-icon, .slick-carousel .ui-carousel-button.ui-carousel-next-button.ui-icon, .slick-carousel .slick-prev, .slick-carousel .slick-next{background: transparent; width: 20px; height: 100%; top: 0px; position: absolute;}
.slick-carousel .ui-carousel-button.ui-carousel-prev-button.ui-icon {left: 5px; right: auto; transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg);}
.slick-carousel .ui-carousel-button.ui-carousel-next-button.ui-icon{right: 5px; left: auto;}
.slick-carousel .ui-carousel-button {float: none; margin: 0px; width: 130px;}
.slick-carousel .ui-panelgrid-cell .ui-button{padding: 0px;}
.slick-carousel .ui-panelgrid-cell .ui-button:not(.label-btn) .ui-icon{font-size: 18px; transform: none; left: 0px; display: inline-block; vertical-align: middle; margin: 0px;}
.slick-carousel.single-page .ui-carousel-button.ui-state-disabled, .slick-carousel.single-page .ui-carousel-button.ui-carousel-next-button{cursor: default; opacity: 1;}

/*Button Carousel Slick - Style 1*/
.slick-carousel.style-1 {padding: 2.5px; box-sizing: border-box;}
.slick-carousel.style-1 .slick-arrow + .slick-list {margin: 0px 30px;}
.slick-carousel.style-1 .ui-button {border: none; border-radius: 0px;}
.slick-carousel.style-1 .ui-button .ui-button-text {font-family: 'Calibri-Light'; font-size: 14px; color: #2AABE4; letter-spacing: 0; text-align: left; line-height: 19px;}
.slick-carousel.style-1 .ui-button.selected .ui-icon, .slick-carousel.style-1 .ui-button.selected .ui-button-text {color: #FFFFFF;}
.slick-carousel.style-1 .ui-button .ui-icon {font-size: 12px; margin: auto; color: #2AABE4;}

/* Calendar */
input.datepicker-device{width: 218px;}
.datepicker-device::-webkit-clear-button{display: none; -webkit-appearance: none;}
.ui-datepicker {background: #FFFFFF; border: 1px solid #e4e2e1; box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.2); border-radius: 2px; margin-top: 8px; padding: 3px; width: 218px; min-height: 200px; height: auto !important;}
.ui-datepicker th span {font-family: 'Calibri-Bold'; font-size: 8px; color: #0e5aa5;}
.ui-datepicker .ui-datepicker-header {background: none; border: none; /*padding: 0px;*/ margin: 0px; color: #FFFFFF; font-family: 'Calibri-Bold'; text-transform: uppercase;}
.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: #0e5aa5; border-radius: 10px; text-shadow: none; margin: auto; width: 20px;}
.ui-datepicker .ui-datepicker-calendar a.ui-state-default, .ui-datepicker .ui-datepicker-calendar .ui-state-default {font-size: 11px; letter-spacing: 0; padding: 4px 0px; width: 22px; margin: 1px auto; font-family: 'Calibri-Bold'; color: #666766;}
.ui-datepicker .ui-datepicker-calendar > tbody > tr > td {cursor: pointer;}
.ui-datepicker .ui-datepicker-calendar > tbody > tr > td:hover a {background: #0e5aa5; border-radius: 10px; text-shadow: none; color: #FFFFFF;}
.ui-datepicker-trigger.ui-button{position: absolute;}
/*.ui-calendar.ui-trigger-calendar{position: relative; display: inline-block; width: 100%;}*/
.ui-datepicker-trigger.ui-button {background-color: transparent; top: auto; margin: 0px auto; border-radius: 0px 10px 10px 0px; width: 30px;}
.ui-datepicker:before {content: ''; right: 0px; background-image: url(../images/menu-arrow.png); background-repeat: no-repeat; background-size: 50px; height: 20px; left: 40%; margin: auto; position: absolute; top: -12px; width: 100%;}
.ui-datepicker .ui-datepicker-prev .ui-icon, .ui-datepicker .ui-datepicker-next .ui-icon{background-color: #0c4d91;}
.ui-datepicker .ui-datepicker-title {background: #1c5ba2;}

.ui-datepicker .ui-slider {height: 8px; box-shadow: none; border: solid 1px #1c5ba2;}
.ui-datepicker .ui-slider .ui-slider-handle.ui-state-default {background: #1c5ba2; border-radius: 100%;}

/*.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 {display: table; table-layout: auto; width: 100%; padding-right: 30px; position: relative; box-sizing: border-box;}

.ui-calendar input{cursor: pointer;}
.ui-calendar .ui-icon.ui-icon-calendar:before {content: "\e908"; color: #1c5ba2;}
.ui-calendar .ui-inputfield {border-radius: 13.5px;}
.ui-calendar .ui-button.ui-state-hover .ui-icon:before {color: #6790be;}
.ui-calendar .ui-inputfield.ui-state-focus {border-color: #66afe9; box-shadow: 0px 0px 0px 4px rgba(102, 175, 233, 0.1);}

.calendar-pg {table-layout: fixed;}
.calendar-pg, .calendar-pg .ui-calendar{width: 100%;}
.calendar-pg > tbody > tr > td {vertical-align: top;}
/*.calendar-pg .ui-outputlabel, .calendar-pg .ui-calendar, calendar-pg .ui-widget.ui-outputlabel, .ui-widget .ui-widget.ui-outputlabel {display: table-cell; width: auto;}
.calendar-pg .ui-calendar {width: 100%;}*/

.calendar-wrapper {width: 100%;}
.calendar-wrapper > tbody > tr > td:first-child {white-space: nowrap; width: auto;}
.calendar-wrapper .ui-calendar .ui-inputfield {color: #1c5ba2; font-size: 11.5px; width: 87px;}

/* Checkbox */
/*.ui-chkbox-box .ui-icon-blank:before{content: "\e918"; }
.ui-chkbox-box .ui-icon-check:before{content: "\e917"; color: #2AABE4;}
.ui-chkbox-box .ui-chkbox-icon:before{font-size: 18px; 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: #1c5ba2;*/}
.ui-chkbox-box.ui-widget.ui-corner-all.ui-state-default.ui-state-active + .ui-chkbox-label {color: #1c5ba2;}
.ui-chkbox-box{cursor: pointer;}
.ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon.ui-icon{background-image: url(../images/svg/checkbox-empty.svg); background-size: 18px; width: 18px; -webkit-print-color-adjust: exact;}
.ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon.ui-icon-check{background-image: url(../images/svg/checkbox-blue.svg); background-size: 18px; width: 18px; -webkit-print-color-adjust: exact;}
.ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon.ui-icon:hover{background-image: url(../images/svg/checkbox-empty-hover.svg);}
.ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon.ui-icon-check:hover {background-image: url(../images/svg/checkbox-hover.svg);}
.ui-selectbooleancheckbox.ui-chkbox.ui-widget {padding-right: 10px;}


.checkbox-btn{padding: 7px 0px; padding-right: 15px; margin-right: 10px; border-right: solid 1px #e8e8e8; /* height: 44px; */ display: inline-block; vertical-align: middle;}

.checkbox-btn .ui-chkbox {padding: 5px 7.5px;}
.checkbox-btn span:not(:last-child) {padding: 5px 7.5px;}

.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 #BBBBBB; color: #BBBBBB; border-radius: 5px 0 0 5px; border-right: none;}
.switch-checkbox td:last-child .ui-chkbox-label {border: solid 1px #2AABE4; color: #2AABE4; border-radius: 0 5px 5px 0;}
.switch-checkbox .authoriseSelected .ui-chkbox-box ~ .ui-chkbox-label{background: #2AABE4; color: #FFFFFF;}
.switch-checkbox .declineSelected .ui-chkbox-box ~ .ui-chkbox-label{background: #9B9B9B; color: #FFFFFF;}
.switch-checkbox .ui-chkbox .ui-chkbox-label {display: inline-block; margin: 0px; padding: 5px; box-sizing: border-box; height: auto; min-width: 70px; text-align: center;}
.switch-checkbox td.ui-helper-hidden{display: table-cell;}
.ui-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: 5px 20px 5px 5px; font-size: 13px; color: #666666; line-height: 18px;}
.ui-selectoneradio label.ui-state-disabled {color: #999999; opacity: 1;}
.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.active-radio + label {color: #1c5ba2;}
.ui-selectoneradio.first-col-active td:first-child label{color: #1c5ba2;}
.ui-selectoneradio.last-col-active td:last-child label{color: #1c5ba2;}
/*.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: "\e92a";}*/
.ui-radiobutton .ui-radiobutton-box .ui-icon.ui-icon-blank, .ui-radiobutton .ui-radiobutton-box .ui-icon, .ui-radiobutton-icon .ui-chkbox-box .ui-icon {background-image: url(../images/radio-button-empty.png); background-size: 14px; width: 14px; -webkit-print-color-adjust: exact;}
.ui-radiobutton .ui-radiobutton-box .ui-icon.ui-icon-bullet, .ui-radiobutton-icon  .ui-chkbox-box .ui-icon.ui-icon-check {background-image: url(../images/radio-button.png); background-size: 14px; width: 14px; -webkit-print-color-adjust: exact;}
.ui-radiobutton .ui-radiobutton-box.ui-state-error .ui-icon.ui-icon-blank {background-image: url(../images/svg/radio-btn-empty-red.svg);}
/*.radio-group .ui-selectoneradio {display: table-cell; padding-left: 15px;}*/
table.radio-group > tbody > tr > td:first-child {white-space: nowrap; padding-right: 10px;}
.radio-group table.ui-selectoneradio {display: table;}
table.radio-grid td {width: 50%;}
.ui-selectoneradio.ui-widget.bic-radio td {padding: 0px; display: table-cell;}

/* 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{height: 100%;}
.widgets-panel .ui-panel .ui-panel-titlebar {border: none;}
.widgets-panel .ui-panel .ui-panel-content{border: none;}
.widgets-panel .ui-widget-content, .widgets-panel .ui-datagrid-column {padding: 0px;}
.widgets-panel .ui-panel .ui-panel-titlebar .ui-panel-title{font-family: 'Calibri-Light'; color: #1990C5; margin: 0px; line-height: 25px;}
.widgets-panel .ui-panel .ui-panel-title > span {padding-right: 5px; 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: 3px;}
.widget-grid table tr:last-child td {padding: 3px; box-sizing: border-box;}
.widget-grid table tr:last-child td:not(:nth-child(-n + 2)) {text-align: right;}
.widget-grid .ui-grid-responsive > div:last-child table:last-child > tbody tr:first-child td {display: none;}

/*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: 7.5px; padding-bottom: 7.5px; box-sizing: border-box; text-align: center;}
.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 .ui-button .ui-icon {font-size: 25px; height: 30px; line-height: 30px; width: 30px;}
.grid-view .slick-carousel table tr td:first-child .ui-button {cursor: default;}

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

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

/* Fileupload */
.fileupload-panel {width: 100%; height: 32px; border: 1px solid #1c5ba2; border-radius: 13.5px; box-sizing: border-box;}
.fileupload-panel > tbody > tr > td:FIRST-CHILD {padding-left: 7.5px; padding-right: 7.5px; width: 100%;}
.fileupload-panel .ui-fileupload-buttonbar, .fileupload-panel .ui-fileupload-content{border: none; background-color: transparent; padding: 0px;}
.fileupload-panel .ui-fileupload-content{margin: 10px 0px; display: none;}
.fileupload-panel .ui-fileupload-content .ui-messages > div{margin: 0px;}
.fileupload-panel .ui-fileupload-files{display: none;}
.fileupload-panel .ui-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: 'Calibri-Light'; text-transform: none;}
.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{padding: 5px; border: 1px solid #c9d1db; border-radius: 9px; background: #f2f2f2; height: 22px; margin: 5px;}
.fileupload-panel .ui-button.ui-fileupload-choose:hover{}
.fileupload-panel .ui-button.ui-fileupload-choose.ui-button .ui-button-text {padding: 0px; font-family: 'Calibri-Regular'; font-size: 12.5px; letter-spacing: 0.9px; color: #154b89; line-height: 10px; display: block; white-space: nowrap;}
.fileupload-panel .ui-datagrid-content {background: transparent; border: none; padding: 5px 0px;}
.fileupload-panel .ui-datagrid-column {padding: 0px;}

/* Datalist */
.ui-datalist .ui-datalist-content {border: none; background: transparent;}
.ui-datalist .ui-datalist-data {padding: 0px; margin: 0px;}
.ui-datalist .ui-datalist-item {display: block;}
.ui-datalist .ui-datalist-empty-message {box-sizing: border-box; padding: 16px 7.5px; text-transform: uppercase;}

/* Details Grid*/
.details-grid {width: 100%; table-layout: fixed;}
.details-grid table {width: 100%; padding: 0px; /*padding-left: calc(25% - 7.5px); padding-right: calc(25% - 7.5px);*/ position: relative;}
/*.details-grid table > tbody > tr {height: 50px;}*/
/*.details-grid table:before {content: ""; position: absolute; bottom: 0px; left: 0px; right: 0px; margin: auto; width: 50%; border-bottom: 1px dashed #D5D2D2;}*/
.details-grid > tbody > tr > td, .confirmation-page.st-2 .details-grid > tbody > tr > td {padding: 3px 10px;}
.details-grid > tbody > tr > td:FIRST-CHILD {/*white-space: nowrap;*/ text-align: right; font-family: 'Calibri-Light'; font-size: 13.5px; letter-spacing: normal; color: #666666;}
.details-grid > tbody > tr > td:NTH-CHILD(2) {text-align: left; word-break: break-word; word-wrap: break-word; font-family: 'Calibri-Bold'; font-size: 13.5px; letter-spacing: normal; color: #1c5ba2;}
.details-grid > tbody > tr > td:NTH-CHILD(2) .ui-chkbox-label {font-family: 'Calibri-Bold'; color: #666666;}

/*Details Grid st-1*/
.details-grid.st-1 tr > td:last-child {font-family: 'Calibri-Bold'; color: #1c5ba2;}
.details-grid.st-1 tr > td {padding: 5px 0px;}

/*Details Grid st-2*/
.details-grid.st-2 {padding-left: 7.5px;}
.details-grid.st-2 tr:nth-child(2n+1) td {padding: 5px 0px;}
.details-grid.st-2 tr:nth-child(2n) td {margin-top: 5px;}

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

/*Expansion Grid*/
.expansion-grid {display: none;}

/*Details Grid with ui-panelgrid for Dynamic Page Confirm*/
.details-grid.ui-panelgrid {width: 100%; padding: 0px; position: relative;}
.details-grid.ui-panelgrid > tbody > tr {height: 50px;}
.details-grid.ui-panelgrid:before {content: ""; position: absolute; bottom: 0px; left: 0px; right: 0px; margin: auto; width: 50%;}
.details-grid.ui-panelgrid  table> tbody > tr > td, .details-grid.ui-panelgrid > tbody > tr > td{padding: 10px 7.5px;}
.details-grid.ui-panelgrid:not(.lg-txt-C) > tbody > tr > td:FIRST-CHILD {/*white-space: nowrap;*/ text-transform: uppercase; text-align: left; font-family: 'Calibri-Regular'; letter-spacing: 0.4px;}
.details-grid.ui-panelgrid:not(.lg-txt-C) > tbody > tr > td:NTH-CHILD(2) {text-align: right; word-break: break-word; word-wrap: break-word;}
.details-grid.ui-panelgrid .ui-panelgrid-cell{border: none;}
.details-grid.ui-panelgrid tr.ui-widget-content{border: none; border-bottom: 1px dashed #D5D2D2;}
.confirmation-page .dynamic-body {padding-left: calc(25% - 7.5px); padding-right: calc(25% - 7.5px);}
.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;}

/*Details Grid - messages.xhtml*/
.message-result .details-grid > tbody > tr > td:FIRST-CHILD {font-size: 13px; line-height: 22px; letter-spacing: 0.1px; color: #555555;}
.message-result .details-grid > tbody > tr > td:LAST-CHILD {font-size: 13px; line-height: 22px; letter-spacing: 0.1px; color: #353535;}
.message-result .details-grid .ui-datalist .ui-datalist-empty-message {padding: 0px; font-family: 'Calibri-Bold';}
.message-result .details-grid .ui-datalist .ui-datalist-data {font-family: 'Calibri-Bold'; font-size: 13px;}
.message-result .details-grid {padding: 20px 0px;}
.message-result .details-grid.vertical > tbody > tr > td {display: inline-block; width: 100%; text-align: left; line-height: 13px;}
.message-result .details-grid.vertical {border-top: 1px solid #e8e8e8;}
.message-result .ui-messages-confirm .ui-messages-info-summary, .message-result .ui-messages-confirm .ui-messages-warn-summary, .message-result .ui-messages-confirm .ui-messages-error-summary, .message-result .ui-messages-confirm .ui-messages-fatal-summary {font-size: 20px; padding: 13px; font-family: 'Calibri-Bold'; line-height: 20px;}
.message-result .link-block .link-btn.ui-button .ui-button-text, .message-result .link-block .link-btn.ui-button .ui-icon {color: #1c5ba2; font-size: 20px;}
.message-result .link-block .link-btn.ui-button .ui-button-text {font-size: 14.5px; line-height: 13.5px; letter-spacing: 0.1px;}
.message-result .message-confirm-panel {margin: 0;}
.message-result .ui-radiobutton .ui-radiobutton-box, .message-result .ui-selectoneradio label, .message-result .ui-chkbox .ui-chkbox-box {opacity: 1;}
.message-result .details-grid td:last-child .ui-chkbox-box.ui-state-disabled + .ui-chkbox-label, .message-result .details-grid td:last-child .ui-radiobutton.ui-widget + label.ui-state-disabled {font-family: 'Calibri-Bold';}
.message-result-2 .ui-messages-confirm .ui-messages-warn-summary {padding: 13px;}
.link-btn.light.ui-button .ui-button-text {font-family: 'Calibri-Light';}

/*Confirmation page*/
.confirmation-page .ui-card-header {text-align: center;}
.confirmation-page .ui-card-footer {border-top: 1px solid #e5e5e5;}
.confirmation-page .ui-group.container {background-color: #edf3f7; /*box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.2);*/}
.confirmation-page .h1.c-3 {font-size: 20.5px; letter-spacing: 0.6px;}
.confirmation-page .h4.c-11 {font-family: 'Calibri-Regular';}
.confirmation-page .ui-card-body [class^="icon-"] {font-size: 23px; width: 100%;}
/*.confirmation-page .details-grid tr:not(:first-child) td:last-child {margin-left: 8.33333333%;}*/
.confirmation-page .details-grid > tbody > tr > td {padding: 0px; padding-top: 4px;}
.confirmation-page .details-grid .ui-outputlabel {color: #666666; font-size: 13px; line-height: 16px;}
.confirmation-page .details-grid td, .confirmation-page .details-grid > tbody > tr > td:FIRST-CHILD {font-size: 13px; color: #1c5ba2; font-family: 'Calibri-Bold'; line-height: 16px;}
/*.confirmation-page .ui-tabmenu .ui-tabmenu-nav li.ui-tabmenuitem a.selected:before {background-image: url(../images/curve-transparent.png);}*/
.confirmation-page .details-grid {padding: 14px 0px; /*padding-left: calc(20%); padding-right: calc(20%);*/}
.confirmation-page .details-grid .row.first {font-family: 'Calibri-Regular'; font-size: 16px; padding-bottom: 10px;}
.confirmation-page .link-btn.ui-button .ui-button-text {font-family: 'Calibri-Light'; color: #165499; font-size: 14.5px; line-height: 13.5px;}
.confirmation-page .link-btn .ui-icon {color: #1c5ba2; left: 0;}
.confirmation-page .reportGP .link-btn.ui-button .ui-button-text {font-family: 'Calibri-Bold'; color: #1c5ba2;}
/*.confirmation-page .link-btn {padding-left: 25px;}*/
.confirmation-page .link-block {padding: 15px 0px;}
.confirmation-page .row {margin: 0px;}
.confirmation-page .isEmpty.row:empty {height: 32px;}

.confirmation-page.st-2 .details-grid {padding: 14px 0px; border-bottom: none;}
.confirmation-page.st-2 .details-grid.st-2 {padding: 0px 0px; border-bottom: none;}
/*.confirmation-page.st-2 .ui-messages-confirm .ui-messages-info-summary, .confirmation-page.st-2 .ui-messages-confirm .ui-messages-warn-summary, .confirmation-page.st-2 .ui-messages-confirm .ui-messages-error-summary, .confirmation-page.st-2 .ui-messages-confirm .ui-messages-fatal-summary {padding: 10px;}*/

/* 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, .ui-menu .ui-menuitem-text {float: none;}
.ui-menu .ui-menuitem-link .ui-menuitem-icon, .ui-menu .ui-submenu-icon, .slide-menu.ui-menu .ui-submenu-icon{margin: 0px; margin-left: 20px; float: none; vertical-align: middle; width: 18px; height: 18px; background-repeat: no-repeat; border-radius: 0px; background-position: center; background-repeat: no-repeat;}
.ui-menu .ui-submenu-icon, .slide-menu.ui-menu .ui-submenu-icon{margin-right: 20px;}
.ui-menu .ui-menu-list.ui-menu-child {padding: 0px; background: #FFFFFF; border: none; right: 0px; margin: auto;}
.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;}

/* Menubar */
/*.primary-nav .myOnlineBankingClick {display: none;}*/
.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 {text-decoration: none; text-shadow: none; background-image: none; background: none; border: none; border-radius: 0px; align-items: center; display: flex; padding: 0px; height: 80px;}
.primary-nav .ui-menuitem-text {color: #FFFFFF; font-size: 13px; float: none; font-family: 'Calibri-Regular';}
.primary-nav .ui-menu {color: #b7dfe7;	background-color: #ffffff;	background-image: none}
.primary-nav .ui-menu-list .menu-link {margin: 0px;}
.primary-nav > ul > .ui-menu-parent > a .ui-menuitem-text {float:none; padding: 7px 15px; vertical-align: middle; font-family: 'Calibri-Regular'; font-size: 13px; color: rgba(255, 255, 255, 0.8);}
.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 > ul > .ui-menu-parent > a {height: 20px; background-color: transparent;}
.primary-nav > ul > .ui-menu-parent > a {line-height: 30px;	height: auto; padding: 6px 10px; box-sizing: border-box; background-image: none; box-shadow: none; border: none; border-radius: 0px;}
.primary-nav > ul > .ui-menu-parent > a.ui-submenu-link {padding: 0px; line-height: 70px; width:100%; text-align:center; padding-right: 3px;}
.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;}
.primary-nav > ul > .ui-menu-parent.menu-active > a .ui-menuitem-text {background: #2AABE4; border-radius: 5px; color: #FFFFFF;}
/*.primary-nav > ul > .ui-menu-parent > a.ui-state-hover .ui-menuitem-text {background: #364AA7; border-radius: 5px; color: #FFFFFF;}*/

/* Sub-menubar*/
.secondary-nav {text-decoration: none; text-shadow: none; background-image: none; background: none; border: none; border-radius: 0px; align-items: center; display: flex; padding: 0px; height: 40px;}
.secondary-nav > ul > .ui-menu-parent > a .ui-menuitem-text {float: none; padding: 7px 15px; vertical-align: middle; font-family: 'Calibri-Regular'; font-size: 12px; color: #87d5f3;}

/* The side navigation menu 
.sidenav { width: 55em; }
.sidenav .ui-tabmenu-nav { padding: .2em .1em .2em .2em; float: left; width: 100%;}
.sidenav .ui-tabmenu-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; }
.sidenav .ui-tabmenu-nav li a { display:block; line-height: 20px;}
.sidenav .ui-tabmenu-nav li.ui-state-active { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; }
.sidenav .ui-tabs-panel { padding: 1em; float: right; width: 40em;}*/
  
.sidenav, .sidenav.cd-panel-content {
    height: 100%; /* 100% Full-height */
    width: 100%; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 1; /* Stay on top */
    top: 0; /* Stay at the top */
    left: 0;
    overflow-x: hidden; /* Disable horizontal scroll */
    background: #3d89c5;
    padding-right: 12px;
    box-sizing: border-box;
    box-shadow: inset -12px 0 0 white;
}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
.sidenav .ui-tabmenu.primary-nav  {height: 100%; width: 100px;}
.sidenav .ui-tabmenu.primary-nav .ui-tabmenu-nav {background: #154b89;}
.sidenav .ui-tabmenu.primary-nav .ui-tabmenu-nav .ui-tabmenuitem {background: #154b89; max-width: 200px; min-width: 100px; height: auto;}
.sidenav .ui-tabmenu.primary-nav .ui-tabmenu-nav .ui-tabmenuitem:nth-last-child(4) {margin-left: 0px;}
.sidenav .ui-tabmenu.primary-nav .ui-tabmenu-nav .ui-tabmenuitem:nth-last-child(2), .sidenav .ui-tabmenu.primary-nav .ui-tabmenu-nav .ui-tabmenuitem:last-child {position: relative; right: 0;}
.sidenav .ui-tabmenu.primary-nav .ui-menuitem-text {text-align: center; display: block;}
.sidenav .ui-tabmenu.primary-nav .ui-tabmenu-nav li.ui-tabmenuitem a.selected:before, .sidenav .ui-tabmenu.primary-nav .ui-tabmenu-nav li.ui-tabmenuitem:first-child a.selected:before {background-image: none;}
.sidenav .ui-tabmenu.primary-nav .notifications-group button.not-empty {right: 15px;}
.sidenav .ui-tabmenu.primary-nav .ui-tabmenu-nav .ui-corner-top a .ui-menuitem-icon.ui-icon, .sidenav .ui-tabmenu.primary-nav .ui-tabmenu-nav .ui-corner-top a .ui-menuitem-text {opacity: 1;}
.sidenav .ui-tabmenu.primary-nav .ui-tabmenu-nav .ui-tabmenuitem-hasicon a, .sidenav .ui-tabmenu.primary-nav .ui-tabmenu-nav .ui-corner-top a {padding: 12px 0px;}

.sidenav .ui-tabmenu.secondary-nav {position: absolute; left: 100px; height: auto; width: 200px; height: 100%; background: #3d89c5; top: 0; right: 0;}
.sidenav .ui-tabmenu.secondary-nav .ui-tabmenu-nav li.ui-tabmenuitem a.selected:before {background-image: none;}
.sidenav .ui-tabmenu.secondary-nav .ui-tabmenu-nav .ui-tabmenuitem, .sidenav .ui-tabmenu.secondary-nav .ui-tabmenu-nav .ui-tabmenuitem:last-child {box-shadow: none; padding: 0px; top: 0px; width: 100%;}
.sidenav .ui-tabmenu.secondary-nav .ui-tabmenu-nav a {font-size: 15px; color: #b0dcf3; line-height: 63px; letter-spacing: 0.15px; margin-left: 10px; padding-left: 0px; box-sizing: border-box; border-bottom: 1px solid #5494c9;}
.sidenav .ui-tabmenu.secondary-nav .ui-tabmenu-nav .ui-tabmenuitem a.selected {color: #ffffff;}
.sidenav .ui-tabmenu.secondary-nav .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a {color: #FFFFFF;}
.sidenav .ui-tabmenu.secondary-nav .notifications-group button.not-empty {top: -50px; left: auto; right: 20px;}

.ui-tabmenu.primary-nav.st-2 {display: none;}
.ui-tabmenu.primary-nav.st-2 .ui-tabmenu-nav .ui-tabmenuitem:last-child {top: -36px; left: 40px; right: auto; height: auto;}
.ui-tabmenu.primary-nav.st-2 .ui-tabmenu-nav li.ui-tabmenuitem a.selected:before {top: 29px;}
.ui-tabmenu.primary-nav.st-2 .ui-menuitem-text {font-size: 16px; text-shadow: none;}

/* Global Header */
.global-header {background: #FFFFFF; box-sizing: border-box; width: 100%;}
.global-header .centering > table {table-layout: fixed;}
.global-header .centering > table > tbody > tr > td:FIRST-CHILD {display: none; width: 50px;}
.global-header .centering > table > tbody > tr > td:NTH-CHILD(2) {width: 200px;}
.global-header .centering > table > tbody > tr > td:NTH-CHILD(3) {width: 100%;}
.global-header .centering > table > tbody > tr > td:NTH-CHILD(4) {width: 400px;}

.top-header {height: 66px; padding: 0px;}

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

.notification-btn.ui-button {border-top: 5px solid transparent; border-radius: 0px; display: block; box-shadow: none; padding: 0px; width: 40px; height: 66px; position: relative;}
.notification-btn.ui-button .ui-icon {color: #1c5ba2; font-size: 20px; height: 30px;}
.notification-btn.ui-button span.ui-icon.icon-messages {font-size: 18px; height: 27px;}
.notification-btn.ui-button.ui-state-hover .ui-icon, .notification-btn.ui-button.ui-state-focus .ui-icon, .notification-btn.ui-button.active .ui-icon {color: #ffffff;}
.notification-btn.ui-button.ui-state-hover, .notification-btn.ui-button.ui-state-focus, .notification-btn.ui-button.active {border-top: 5px solid #4f86c3;
    background-image: -ms-radial-gradient(center top,ellipse farthest-corner,#78b7ff 0,#264787 90%);
    background-image: -moz-radial-gradient(center top,ellipse farthest-corner,#78b7ff 0,#264787 90%);
    background-image: -o-radial-gradient(center top,ellipse farthest-corner,#78b7ff 0,#264787 90%);
    background-image: -webkit-gradient(radial,center top,0,center top,359,color-stop(0,#78b7ff),color-stop(90,#264787));
    background-image: -webkit-radial-gradient(center top,ellipse farthest-corner,#78b7ff 0,#264787 90%);
    background-image: radial-gradient(ellipse farthest-corner at center top,#78b7ff 0,#264787 90%);}
.notifications-overlay.ui-overlaypanel.ui-overlay-visible {width: 568px; padding-top: 0px; border: 1px solid #e4e1e1; box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.2); right: 10px; left: auto !important;}
.notifications-overlay .ui-overlaypanel-content {border: none; border-top: 6px solid #f8f8f8; padding: 15px; box-sizing: border-box; box-shadow: none;}
.notifications-overlay .ui-overlaypanel-content:before {background-image: url(../images/curve-grey.png); top: -13px; content: none;}

.notifications-overlay .sidebar.ui-datatable .ui-datatable-header {font-family: 'Calibri-Regular'; padding-bottom: 5px;}
.notifications-overlay .ui-datatable .ui-datatable-header {font-family: 'Calibri-Regular'; font-size: 20px; letter-spacing: 0.5px; padding-bottom: 5px;}

.notification-btn.ui-button.active:after {content: ''; width: 25px; height: 8px; background-image: url(../images/curve-grey.png); background-size: 32px; background-repeat: no-repeat; background-position: center top; position: absolute;     left: 0;
    right: 0; margin: auto; top: auto; bottom: -2px; z-index: 2000;}

.notifications-tbl {width: 100%;}
.notifications-tbl td {width: 50%; padding: 0px 10px; box-sizing: border-box;}
.notifications-tbl .sidebar.ui-datatable > .ui-datatable-tablewrapper > table {box-shadow: none; border: none;}
.notifications-tbl .sidebar.ui-datatable > .ui-datatable-tablewrapper {box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.1); border: solid 1px #e4e1e1; width: 100%; min-height: 190px;}


.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: 12px; width: 15px; border: none; display: block; background-color: #ed1c24; text-align: center; padding: 0px; border-radius: 4px; font-size: 11px; text-shadow: none; color: white; right: 2px; bottom: 20px; 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;}

.more-link {padding-top: 10px;}
.more-link .link-btn.ui-button {width: auto;}
.more-link .link-btn.ui-button.ui-state-hover {background: none;}
.more-link a.ui-widget, .more-link .link-btn .ui-button-text {font-family: 'Calibri-Regular'; font-size: 13px; color: #144b8b;}
.more-link a + i, .more-link .link-btn .ui-icon {font-size: 10px; color: #144b8b; display: inline-block;}
   
/*Notification Bar & Announement Bar*/
.announcement-bar {padding: 10px 0px;}
.wrap-content .announcement-bar {padding: 10px; box-sizing: border-box;}
.announcement-bar .ui-button.ui-state-hover .ui-icon {color: #ed1c24;}
.announcement-bar .notification-message {font-family: 'Calibri-Regular'; font-size: 14px; color: #808080; line-height: 21.5px;}
.announcement-bar .notification-title {font-family: 'Calibri-Light'; font-size: 20px; line-height: 11px; color: #1e62b5; vertical-align: middle;}
.announcement-bar table {display: block; padding: 10px; border: 1px solid rgba(0, 166, 81, 0.2); border-radius: 2px; margin: 10px 0px;}
.announcement-bar table td:last-child {padding: 0px 10px;}
.announcement-bar table .ui-button {opacity: 1; width: 30px;}
.announcement-bar .ui-datalist .ui-datalist-item {padding-bottom: 10px;}

.announcement-bar.marketing .notification-message {line-height: 23.5px;}
.announcement-bar.marketing {margin: 0px 7px;}
.announcement-bar.marketing table {border: none; padding: 0px;}
.announcement-bar.marketing table td:last-child {padding: 0px;}
.announcement-bar.marketing table td:last-child.fixed-col {padding-left: 10px;}
.announcement-bar.marketing .notification-message a{line-height: 20px;}
.announcement-bar.marketing table .ui-button {width: 20px;}

/* 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-widget-header,.search-menu .ui-menu-list .ui-widget-header:hover{cursor: pointer; position: relative; background-color: #FFFFFF; width: 100%; border:none; border-top: 1px dashed rgba(255,255,255,0.2); border-radius: 0px; margin:0px; line-height: 35px; padding: 15px 0px; box-sizing: border-box;}
.search-menu .ui-menu-list .ui-widget-header:first-child{border-top: none;}
.search-menu .ui-menu-list .ui-menuitem {background-color: transparent; margin: 0px; width: 100%;}
.search-menu .ui-menuitem-link {padding: 15px 7.5px; box-sizing: border-box; text-decoration: none; width: 100%; border-top: 1px dashed rgba(218, 218, 218, 0.39);}
.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 .ui-menuitem-link:hover .ui-menuitem-text {color: #2AABE4;}

/* Responsive Menu */
.global-header .centering > i {display: none;}
.cd-btn {padding: 10px 0px; width: 40px; display: block; cursor: pointer; color: #ffffff; font-size: 20px;}
.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); transition-delay: 0s;}
.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); transition-delay: 0s;}

.slide-menu {margin: 0; padding: 0px; background: none; background-color: transparent; border: none; width: 100%;}
.slide-menu .ui-widget-header.level-0,.slide-menu .ui-widget-header.level-0:hover{cursor: pointer; position: relative; background-color: transparent; width: 100%; border:none; border-bottom: 1px dashed #D5D2D2; border-radius: 0px; margin:0px; padding: 15px; box-sizing: border-box;}
.slide-menu .ui-widget-header.level-0 h3, .slide-menu .ui-widget-header.level-0:hover h3{font-family: 'Calibri-Bold'; font-size: 16px; color: #2AABE4; letter-spacing: 0; padding: 0px;}
.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: 15px; box-sizing: border-box; text-decoration: none; width: 100%; border-radius:0px; border:none; border-bottom: 1px dashed #D5D2D2; background-color: #F7F7F7;}
.slide-menu .level-1.open h3{border-bottom: 1px dashed rgba(255,255,255,0.27);}
.slide-menu .ui-menu-list .ui-state-hover{background-image: none;box-shadow:none;}
.slide-menu .ui-menuitem-text, .slide-menu .level-1 h3{width: 100%; box-sizing: border-box; color: #232323; line-height: 19px;}
.slide-menu .ui-menu-list .ui-widget-header.level-1 {border: none; box-sizing: border-box; cursor: pointer;}
.slide-menu.ui-menu.ui-menu-toggleable li.ui-widget-header h3{padding: 0px 50px; text-transform: uppercase; font-size: 14px;}
.slide-menu .ui-menu-list{display:block; padding-top: 0px;}
.slide-menu .ui-menu-list li{box-sizing:border-box;}
.slide-menu .ui-menu-list li:hover{background-image: none; box-shadow:none;}

.cd-panel .ui-accordion .ui-accordion-header {padding-left: 58px; margin: 0px; background-color: #1D5632; color: #FFFFFF; text-transform: none; border-top: 1px dashed rgba(255,255,255,0.2);}
.cd-panel .ui-accordion .ui-accordion-header:first-child{border-top: none;} 
.cd-panel-container .cust-select{width: 100%;}
.cd-panel .search-menu .ui-menuitem-link{padding: 15px;}
.cd-panel .search-menu .ui-menu-list .ui-menuitem, .cd-panel input[type="text"].filter-input {background-color: #F7F7F7;}
.cd-panel input[type="text"].filter-input{height: 45px;}
.cd-panel input[type="text"].filter-input:before{content: "\e90b";}
.cd-panel input[type="text"].filter-input {background-image: url(../images/svg/search.svg); background-position: left 10px center; padding-left:40px;/*padding: 0px 40px 0px 10px;*/ background-size: 16px; background-repeat: no-repeat;}

.slide-menu.ui-menu .ui-widget-header h3:before{content:''; display: block; position: absolute; margin: auto; top: 0px; bottom: 0px; right: 15px; left: auto;}
.slide-menu.ui-menu .ui-widget-header.level-0 h3:before {background: url(../images/svg/arrow-down.svg) no-repeat center; width: 16px; height: 16px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg);}
.slide-menu.ui-menu .ui-widget-header.level-0.open h3:before{-webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none;}
.slide-menu.ui-menu .ui-widget-header.no-items h3:before{content: none;}

.cd-panel .cd-panel-content .ui-menu{width: 100%; box-sizing:border-box; border-bottom: 1px dashed rgba(255,255,255,0.2); border-radius: 0px; padding: 0px;}
.cd-panel .cd-panel-content .ui-menu:first-of-type{border: none;}
.cd-panel-container .header > tbody > tr > td:last-child{width: 50px;}
.cd-panel-close {display: block; margin: 15px !important; font-size: 20px;}
.cd-panel-container {background-color: transparent; position: fixed; 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 {cursor: default; 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{content: '';}
.cd-panel {display:none; 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{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-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;}

.user-options-menu {background: none; border: none; width: 100%;}
.user-options-menu.ui-menu .ui-menu-list .ui-menuitem{height: 40px; border: none; border-bottom: 0.5px dashed rgba(213, 210, 210, 0.51); margin-top: 5px; box-shadow: none; text-shadow: none; outline: 0; border-radius:0px; width:100%; text-align:left;}
.user-options-menu.ui-menu .ui-menuitem-link, .user-options-menu.ui-menu .ui-menuitem-link.ui-state-hover{color:#FFFFFF; font-family: 'Calibri-Light'; font-size: 14px; font-weight: 400; padding: 0px; line-height: 33px; letter-spacing: 0; text-align: left;}
.user-options-menu.ui-menu .ui-menuitem-link:before{content: '\e908'; font-family: icomoon; font-size: 12px; left: auto; position: absolute; right: 10px;}
.user-options-menu .level-0 {display: none;}

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

/*Progress Bar*/
.ui-progressbar .ui-widget-header {background-color: #ffffff; border-radius: 0px; -webkit-border-radius: 0px; background: #ffffff -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),to(rgba(255,255,255,0)))}
.ui-progressbar.ui-widget-content {border: none; background: #ffffff;}
.ui-progressbar .ui-progressbar-value {background: #0f3c70;}

/* Login */
.login-background {position: absolute; width: 100%; height: 100%; z-index: -1; object-fit: cover;}
.login-body {/*background-image: none !important;*/ overflow: hidden;}
.login-body {background-attachment: fixed; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center center;}

.left-content {width: 300px;}
.leftPanel{display: table; table-layout: fixed;/*height: 100%;*/ margin-right: 0px; margin-left: auto; background: rgba(255, 255, 255, 0.9); border-radius: 4px;}
.leftPanel .login-content{width: 100%; table-layout: fixed;}

.panelContent {padding: 10px 15px 0px 15px}

/*.login-body .footer {position: static;}
.login-body .main-padding {display: block; padding: 0px;}*/
.login-body .main-panel {margin: 5% 0px 10px 0px;}
.login-body .lg-12, .login-body .lg-8, .login-body .lg-4 {padding: 7.5px;}
.login-body .subheader{text-transform: uppercase; display: block;}
.login-body .ui-messages > div {margin-top: 0px;}
.login-body .bottom-area {background: #d9dfe5; box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, 0.15); height: 66px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px;}
/*.login-body .bottom-area > div {background-image: url(../images/ssl-icon.png); background-size: 154px 58px; background-position: center; background-repeat: no-repeat;}*/
.login-body .bottom-footer {bottom: 0; /*position: fixed;*/}
.login-body .top-header {background: #ffffff; height: 67px; padding: 0px;}
.login-body .link-btn.ui-button:last-child .ui-button-text {font-size: 14px;}
.login-body .link-btn.ui-button .ui-icon {font-size: 20px;}
.login-body .link-btn.ui-button:last-child .ui-icon {font-size: 16px;}
.login-body .link-btn.ui-button.ui-button-text-icon-left .ui-button-text {padding-left: 30px;}
.login-body .title-1 {font-family: 'Calibri-Bold'; font-size: 22px; line-height: normal; letter-spacing: -0.6px; color: #1c5ba2; display: block;}
.login-body .title-2 {font-family: 'Calibri-Bold'; font-size: 15.5px; line-height: normal; letter-spacing: normal; color: #8b8b8b; display: block;}

.login-content .ui-selectonebutton{display: table; width: 100%; table-layout: fixed; height: 53px; border-bottom: 1px solid #006E42; border-radius: 0px; padding: 0px;}
.login-content .ui-selectonebutton .ui-button{display: table-cell; vertical-align: bottom; border: none;}
.login-content .ui-selectonebutton .ui-button span{border-bottom: 2px solid transparent; padding:0px; padding-bottom: 5px; width: 80%; text-align: center; margin: auto; font-size: 18px; text-transform: uppercase;}
.login-content .ui-selectonebutton .ui-button.ui-state-active:first-child span{border-bottom: 2px solid #006E42;}
.login-content .ui-selectonebutton .ui-button.ui-state-active:last-child span{border-bottom: 2px solid #00A3E1;}
.login-content .ui-group{flex: 1 1 auto; display: flex; align-items: center;}

.lang-links {background: #1c5ba2; border-radius: 0px; color: #ffffff; font-family: 'Calibri-Bold'; font-size: 14px; margin-left: 10px; padding: 5px; text-decoration: none; text-transform: uppercase;}
.lang-links-active {display: none;}

/*.login-body .rightPanel {position:relative; height: 100%; min-height: 700px;}*/
.login-body .main-panel{height: 100%; padding: 0px 70px; box-sizing: border-box;}
/*.login-body .centering {width: 100%; max-width: 100%; padding: 0px; height: 100%;}*/
.login-body .logo-image{background-position: center center;}
.login-content button.positive-btn, .login-content button.negative-btn{width: 260px; padding: 0px 25px; height: 40px; margin: 0px;}
.login-content button.negative-btn { padding: 0px 15px; margin-top: 20px;}
.login-content button.positive-btn .ui-icon {font-size: 30px; height: 20px; width: 20px; padding: 10px;}
.login-content button.positive-btn .ui-button-text {font-size: 20px; font-family: 'Calibri-Bold';}
.login-content .centering {width: 100%; padding: 0px;}
.login-body .label-btn{padding-right: 20px;}
.login-body .label-btn.ui-button-text-icon-right .ui-button-text{font-family: 'Calibri-Light'; font-size: 14px; color: #232323; letter-spacing: 0; text-transform: capitalize;}
.login-body .label-btn.ui-button-text-icon-right .ui-icon{color: #4A4A4A; font-size: 14px; width: 16px; height: 16px; line-height: 16px; left: auto;}
.login-body a.login-links:before{content: "\e90f"; font-family: icomoon; font-size: 20px;}

/*Language Dropdown*/
.lang-select.ui-selectonemenu{border: none; background: transparent;}
.lang-select.ui-selectonemenu .ui-selectonemenu-trigger .ui-icon.ui-icon-triangle-1-s{font-size: 14px; color: #4A4A4A; padding: 0px; left: 0;}
.lang-select.ui-selectonemenu .ui-selectonemenu-trigger .ui-icon.ui-icon-triangle-1-s:before{content: "\e906";}
.lang-select.ui-selectonemenu .ui-selectonemenu-label.ui-inputfield, .lang-select .ui-selectonemenu-panel .ui-selectonemenu-list{font-family: 'Calibri-Bold'; font-size: 14px; color: #4A4A4A; letter-spacing: 0.9px; text-transform: uppercase;}

.slideshow-wrap-btn {text-align: center;}
.slideshow-wrap-btn > button {border-radius: 0px; padding: 3px; width: 80px; border: none; margin-left: 10px; opacity: 0.5;}
.slideshow-wrap-btn > button.active {opacity: 1;}
.slideshow-wrap-btn > button:first-child.ui-button-text-icon-left .ui-icon {color: #ffffff; font-size: 18px; left: -28px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}
.slideshow-wrap-btn > button:last-child.ui-button-text-icon-right .ui-icon {color: #ffffff; font-size: 18px; right: -28px;}
.slideshow-wrap-btn > button:not(:last-child) .ui-button-icon-right.ui-icon {display: none;}
.slideshow-wrap-btn > button.icon-btn, .slideshow-wrap-btn > button.icon-btn.ui-state-hover {border: none; width: 20px; height: 20px; margin-left: 10px !important;}
.slideshow-wrap-btn .ui-button.icon-btn .ui-button-text, .slideshow-wrap-btn .ui-button.icon-btn.ui-state-hover .ui-button-text {background: none; padding: 0px;}
.slideshow-wrap-btn .ui-button.icon-btn .ui-icon, .slideshow-wrap-btn .ui-button.icon-btn.ui-state-hover .ui-icon {color: #ffffff;}
.slideshow-wrap-btn > button.icon-btn:first-child, .slideshow-wrap-btn > button.icon-btn:first-child.ui-state-hover {-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}
.slideshow-wrap-btn .ui-button.ui-state-hover {border: 1px solid #FFFFFF; border-radius: 8px; padding: 3px;}
.slideshow-wrap-btn .ui-button .ui-button-text {background: #FFFFFF; padding: 3px 0px;}
.slideshow-wrap-btn .ui-button.ui-state-hover {opacity: 1;}
.slideshow-wrap-btn .ui-button.active .ui-button-text, .slideshow-wrap-btn .ui-button.ui-state-hover .ui-button-text {background: #FFFFFF; opacity: 1;}
.slideshow-wrap-panel{padding: 44px !important; /*height: 110px; position: absolute; bottom: 0; left: 0;*/}
.slideshow-wrap-txt-1{font-family: 'Calibri-Bold';font-size: 30px; color: #FFFFFF; display: block; text-align: center; text-shadow: -1.5px 2.6px 21px rgba(21, 75, 137, 0.45);}
/*.slideshow-wrap-txt-2{font-family: 'Calibri-Regular'; font-size: 20px; color: #FFFFFF; display: block; text-align: center; line-height: normal; text-shadow: -1.5px 2.6px 21px rgba(21, 75, 137, 0.45); padding-top: 28px;}*/  
.slideshow-wrap-txt-3{position: relative; text-decoration: none; box-sizing: border-box; padding-top: 28px; text-align: center;}					   
/*.slideshow-wrap-txt-3 a {font-size: 18px; color: #FFFFFF; background: transparent; padding: 7px 34px 8px 14px; border-radius: 20px; line-height: 1em; border: 2px solid #FFFFFF; margin: 0 10px; text-align: center; width: auto;}*/
.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; line-height: 20px; text-decoration: none; color: #232323;}
.login-links > table{margin-top: 50px;}
.login-links .ui-button{border: none;}

.grid-view .ui-icon:before{font-size: 23px;}

/*Subtitle number*/
.subtitle-number {border-radius: 2px; background-color: #999999; padding: 0px 8px; margin: 10px; font-size: 12px; color: #ffffff; vertical-align: middle;}
.dashboard .subtitle-number {border-radius: 4px; background-color: #999999; padding: 2px 4px; margin: 5px; color: #ffffff; font-family: 'Calibri-Bold';}
.dashboard .subtitle-number.c-5, .pending-block .subtitle-number {background-color: #ed1c24;}

.link-btn-table {padding-top: 20px;}
.ui-button span.ui-icon.image-pdf, .searchbar.st-3 .ui-button span.ui-icon.image-pdf {background-image: url(../images/pdf.png); background-size: 100%; background-position: center; width: 40px; height: 40px; /*padding: 10px;*/}
.ui-button span.ui-icon.image-xls, .searchbar.st-3 .ui-button span.ui-icon.image-xls {background-image: url(../images/xls.png); background-size: 100%; background-position: center; width: 40px; height: 40px; /*padding: 10px;*/}
.ui-button span.ui-icon.image-pdf-report{background-image: url(../images/pdf-report.png); background-size: 25px; background-position: center; width: 25px; height: 21px;}
.ui-button span.ui-icon.image-refresh{background-image: url(../images/refresh.png);background-size: 100%; background-position: center; width: 16px; height: 16px;}
.ui-button span.ui-icon.image-reply{background-image: url(../images/reply.png);background-size: 100%; background-position: center; width: 17px; height: 18px;}
.ui-button span.ui-icon.svg-arrow-down{background-image: url(../images/svg/arrow-down.svg);background-size: 100%; background-position: center; width: 18px; height: 19px;}
.ui-button span.ui-icon.svg-radio-btn-empty-blue{background-image: url(../images/svg/radio-button-empty-blue.svg);background-size: 100%; background-position: center; width: 10px; height: 10px;}
.ui-button span.ui-icon.image-add-green{background-image: url(../images/add-green.png);background-size: 100%; background-position: center; width: 30px; height: 30px;}
.ui-button span.ui-icon.image-signature{background-image: url(../images/saint.png); background-size: 22px; background-position: center; width: 22px; height: 21px;}

.green-area{font-family: 'Calibri-Bold'; font-size: 13px; background: #39b54a; color: white; border-radius: 3px; margin-right: 10px; width: 40px; line-height: 20px; text-align: center; display: inline-block;}
.lg-line {position: relative;}
.line {width: 4px; height: 24px; background: #62b9e7; border-radius: 3px; display: block; position: absolute; left: -7px; right: auto; margin: auto; top: 10px;}

/*Tabmenu - Default*/
.ui-tabmenu {border: none;}
.ui-tabmenu .ui-tabmenu-nav {background: transparent; height: 100%; padding: 0px;}
.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem {outline: none;}
.ui-tabmenu .ui-tabmenu-nav a {font-family: 'Calibri-Bold'; font-size: 14.5px; color: #8c8c8c; outline: none;}
.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a, .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a.selected {color: #1c5ba2;}
.ui-tabmenu .ui-tabmenu-nav li.ui-tabmenuitem a.selected:before {content: ''; width: 25px; height: 15px; background-image: url(../images/curve-grey.png); background-size: 32px; background-repeat: no-repeat; background-position: center top; position: absolute; top: 31px; left: 0; right: 0; margin: auto;}

/*Tabmenu - Top level menu*/
.ui-tabmenu.primary-nav .ui-tabmenu-nav .ui-tabmenuitem.ui-state-default + a.selected {border-top-color: #418ec8; opacity: 1; -webkit-box-shadow:  0px 5px 16px 0 rgba(0, 0, 0, 0.22); -moz-box-shadow:  0px 5px 16px 0 rgba(0, 0, 0, 0.22); box-shadow:  0px 5px 16px 0 rgba(0, 0, 0, 0.22);}
.ui-tabmenu.primary-nav .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-menuitem-icon.ui-icon, .ui-tabmenu.primary-nav .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-menuitem-text  {opacity: 1;}
.ui-tabmenu.primary-nav .ui-tabmenu-nav .ui-corner-top a.selected .ui-menuitem-icon.ui-icon, .ui-tabmenu.primary-nav .ui-tabmenu-nav .ui-corner-top a.selected .ui-menuitem-text {opacity: 1;}
.ui-tabmenu.primary-nav .ui-tabmenu-nav .ui-tabmenuitem {height: 100%; max-width: 85px; min-width: 80px; width: auto; margin: 0px;}
.ui-tabmenu.primary-nav .ui-tabmenu-nav .ui-tabmenuitem .ui-icon {float: none; font-size: 25px; height: 100%; width: 100%; line-height: 30px; color: #FFFFFF;}
.ui-tabmenu.primary-nav .ui-tabmenu-nav .ui-tabmenuitem-hasicon a, .ui-tabmenu.primary-nav .ui-tabmenu-nav .ui-corner-top a {border-top: 5px solid transparent; /*opacity: 0.8;*/ padding: 5px 0px 0px 0px; /*padding: 12px 0px;*/ width: 100%; text-shadow: none;}
.ui-tabmenu.primary-nav .ui-tabmenu-nav .ui-corner-top a .ui-menuitem-icon.ui-icon, .ui-tabmenu.primary-nav .ui-tabmenu-nav .ui-corner-top a .ui-menuitem-text {opacity: 0.92;}
.ui-tabmenu.primary-nav .ui-tabmenu-nav .ui-tabmenuitem-hasicon a.selected, .ui-tabmenu.primary-nav .ui-tabmenu-nav .ui-corner-top a.selected {/*box-shadow: 0px 0px 16px 0 rgba(0, 0, 0, 0.22);*/
	box-shadow: 10px 0 10px -5px rgba(0, 0, 0, 0.1), -10px 0 10px -5px rgba(0, 0, 0, 0.1); 
	border-top-color: #418ec8; opacity: 1; background-image: -ms-radial-gradient(center top,ellipse farthest-corner,#418ec8 0,#154b89 75%);
    background-image: -moz-radial-gradient(center top,ellipse farthest-corner,#418ec8 0,#154b89 75%);
    background-image: -o-radial-gradient(center top,ellipse farthest-corner,#418ec8 0,#154b89 75%);
    background-image: -webkit-gradient(radial,center top,0,center top,359,color-stop(0,#418ec8),color-stop(75,#154b89));
    background-image: -webkit-radial-gradient(center top,ellipse farthest-corner,#418ec8 0,#154b89 75%);
    background-image: radial-gradient(ellipse farthest-corner at center top,#418ec8 0,#154b89 75%);}
.ui-tabmenu.primary-nav .ui-tabmenu-nav .ui-tabmenuitem:last-child {position: absolute; right: 0;}
.ui-tabmenu.primary-nav .ui-tabmenu-nav .ui-tabmenuitem:nth-last-child(2) {position: absolute; right: 85px;}
.ui-tabmenu.primary-nav .ui-tabmenu-nav .ui-tabmenuitem:nth-last-child(4) {margin-left: 30px;}
.ui-tabmenu.primary-nav .ui-tabmenu-nav li.ui-tabmenuitem a.selected:before {content: ''; width: 25px; height: 15px; background-image: url(../images/curve-blue-white-smooth.png); background-size: 32px; background-repeat: no-repeat; background-position: center top; position: absolute; top: 72px; left: 0; right: 0; margin: auto;}
.ui-tabmenu.primary-nav .ui-tabmenu-nav li.ui-tabmenuitem:first-child a.selected:before {background-image: url(../images/curve-transparent.png);}
.ui-tabmenu.primary-nav .notifications-group button.not-empty {top: -55px; right: 8px; margin-top: 0px;}

/*Menu icons using sprite (after comments from bank)*/
.ui-tabmenu.primary-nav .ui-tabmenu-nav .ui-corner-top a .ui-menuitem-icon.ui-icon:before {content: ""; background-image: url(../images/sprite.png?v=002); background-color: transparent; width: 40px; height: 36px;}
.ui-tabmenu.primary-nav .ui-tabmenu-nav .ui-corner-top a .ui-menuitem-icon.ui-icon.icon-overview:before { background-position: 0 -2px;}
.ui-tabmenu.primary-nav .ui-tabmenu-nav .ui-corner-top a .ui-menuitem-icon.ui-icon.icon-accounts:before { background-position: 0 -40px;}
.ui-tabmenu.primary-nav .ui-tabmenu-nav .ui-corner-top a .ui-menuitem-icon.ui-icon.icon-cards:before { background-position: 0 -77px;}
.ui-tabmenu.primary-nav .ui-tabmenu-nav .ui-corner-top a .ui-menuitem-icon.ui-icon.icon-loans:before { background-position: 0 -118px;}
.ui-tabmenu.primary-nav .ui-tabmenu-nav .ui-corner-top a .ui-menuitem-icon.ui-icon.icon-investments:before { background-position: 0 -156px;}
.ui-tabmenu.primary-nav .ui-tabmenu-nav .ui-corner-top a .ui-menuitem-icon.ui-icon.icon-transactions:before { background-position: 0 -196px;}
.ui-tabmenu.primary-nav .ui-tabmenu-nav .ui-corner-top a .ui-menuitem-icon.ui-icon.icon-payments:before { background-position: 0 -234px;}
.ui-tabmenu.primary-nav .ui-tabmenu-nav .ui-corner-top a .ui-menuitem-icon.ui-icon.icon-services {line-height: 22px;}
.ui-tabmenu.primary-nav .ui-tabmenu-nav .ui-corner-top a .ui-menuitem-icon.ui-icon.icon-services:before { background-position: 0 -267px; margin-right: 10px; margin-top: 3px;}
.ui-tabmenu.primary-nav .ui-tabmenu-nav .ui-corner-top a .ui-menuitem-icon.ui-icon.icon-profile:before { background-position: 0 -296px;}


/*Tabmenu - Second level menu*/
.ui-tabmenu.secondary-nav .ui-tabmenu-nav .ui-tabmenuitem .ui-icon {display: none;} 
.ui-tabmenu.secondary-nav .ui-tabmenu-nav .ui-tabmenuitem {position: relative; top: 4px; width: auto; box-shadow: -1px 14px 0px 0px rgba(255, 255, 255, 0.3); padding: 0px 4px 0px 0px;}
.ui-tabmenu.secondary-nav .ui-tabmenu-nav .ui-tabmenuitem:last-child {box-shadow: 0px 14px 0px 1px rgb(255 255 255 / 30%);}
.ui-tabmenu.secondary-nav .ui-tabmenu-nav a {color: #87d5f3; font-size: 12px; font-family: 'Calibri-Regular'; letter-spacing: 0.2px; line-height: 18px; width: 100%; text-shadow: none; padding: .5em 1em .5em .2em; padding-bottom: 12px; /*border-left: 1px solid rgba(255, 255, 255, 0.3); box-shadow: 1px 18px 0px 0px rgba(255, 255, 255, 0.3);*/}
.ui-tabmenu.secondary-nav .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a, .ui-tabmenu.secondary-nav .ui-tabmenu-nav .ui-tabmenuitem a.selected {color: #FFFFFF;}
.ui-tabmenu.secondary-nav .ui-tabmenu-nav li.ui-tabmenuitem a.selected:before {content: ''; width: 25px; height: 15px; background-image: url(../images/menu-arrow.png); background-size: 32px; background-repeat: no-repeat; background-position: center top; position: absolute; top: 29px; left: 0; right: 0; margin: auto;}
.ui-tabmenu.secondary-nav .notifications-group button.not-empty {top: -25px; right: -5px; margin-top: 0px;}

/*Tabmenu - Third level menu*/
.titleGP .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a {border-right: 1px solid #e4e1e1; margin-top: 5px; margin-bottom: 10px; padding-top: 0; padding-bottom: 0;}
.titleGP .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:first-child a {border-left: 1px solid #e4e1e1;}
.titleGP .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem .ui-icon {display: none;}

.icon-show.hide[style*="display: none"]:before{content: "\e910";}
.icon-show.hide[style*="display: none"]{display: inline!important;}

.inputOTP {border: 1px solid #1c5ba2; padding: 10px; border-radius: 4px; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.35); background: #f2f2f2;}
.inputOTP .ui-outputlabel.c-3 {color: #1c5ba2;}
.inputOTP .ui-timer {border: none; background: transparent; font-size: 11px; color: #999999; letter-spacing: 0; padding-left: 5px; padding-right: 2px;}
.inputOTP .separator {border-left: 1px solid #cdcdcd;}

/*Dialog*/
.ui-dialog .details-grid .ui-radiobutton .ui-radiobutton-box, .ui-dialog .details-grid .ui-selectoneradio label, .ui-dialog .details-grid .ui-chkbox .ui-chkbox-box.ui-state-disabled {opacity: 1; cursor: default;}
.ui-chkbox-box.ui-state-disabled + .ui-chkbox-label {cursor: default;}

/*Dialog Additional Details*/
.ui-dialog {max-width: calc(100vw - 40px) !important; width: 776px !important; border-radius: 2.1px; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.1);}
.ui-dialog .ui-dialog-titlebar-close .ui-icon:before {content: "\e907";}
.ui-dialog .ui-dialog-titlebar {padding: 0px; text-align: center; background: #1c5ba2;}
.ui-dialog .ui-dialog-title {border: none; font-size: 18px; color: #ffffff;}
.ui-dialog .ui-dialog-titlebar-close span {color: #ffffff; font-size: 20px;}
.ui-dialog .title-area {background: rgba(232, 232, 232, 0.5); padding: 10px; font-family: 'Calibri-Bold'; color: #666666; font-size: 14.5px; line-height: 15px; border-top-left-radius: 2.1px; border-top-right-radius: 2.1px; border-bottom: solid 1px #e8e8e8;}
.ui-dialog .ui-dialog-content {padding: 0px; background: #ffffff;}
.ui-dialog .ui-dialog-content > div:first-child {border-radius: 2.1px; border: 1px solid #e8e8e8; margin: 24px 21px 17px 23px;}
.ui-dialog .details-grid table > tbody > tr {height: auto;}
.ui-dialog .details-grid > tbody > tr > td {width: 50%;}
.ui-dialog .details-grid a {text-decoration: underline; font-family: 'Calibri-Bold'; font-size: 13.5px;}
.ui-dialog .details-grid .links-st a {display: table; line-height: 20px;}
.ui-dialog .more-details .details-grid .details-grid, .ui-dialog .more-details .details-grid.noBorder {border: none;}
.ui-dialog .more-details {margin-bottom: 19px; padding-left: 9px; padding-right: 11px;}
.ui-dialog .more-details .details-grid {border-bottom-left-radius: 2.1px; border-bottom-right-radius: 2.1px; border: solid 1px #e8e8e8; border-top: none;}
.ui-dialog .more-details .title-area:first-of-type {border: solid 1px #e8e8e8;}
.ui-dialog .footer-area {padding: 20px 10px 10px; position: relative;}
.ui-dialog .footer-area table {position: absolute; right: 45px; bottom: 0; top: 45px;}
/*.ui-dialog .footer-area .link-btn {position: absolute; left: auto; right: 30px; bottom: 20px; width: 160px;}*/
.ui-dialog .footer-area .link-btn:last-child {width: 50px;}
.ui-dialog .footer-area .link-btn.ui-button .ui-button-text {color: #1c5ba2;}
.ui-dialog .ui-messages-info-summary, .ui-dialog .ui-messages-warn-summary, .ui-dialog .ui-messages-error-summary, .ui-dialog .ui-messages-fatal-summary {font-size: 18px;}
.ui-dialog .ui-messages-info, .ui-dialog .ui-messages-warn, .ui-dialog .ui-messages-error, .ui-dialog .ui-messages-fatal,
.ui-dialog .ui-messages-info-icon, .ui-dialog .ui-messages-warn-icon, .ui-dialog .ui-messages-error-icon, .ui-dialog .ui-messages-fatal-icon {background: transparent;}
.ui-dialog .details-grid td:last-child .ui-chkbox-box.ui-state-disabled + .ui-chkbox-label, .ui-dialog .details-grid td:last-child .ui-radiobutton.ui-widget + label.ui-state-disabled {font-family: 'Calibri-Bold';}


/*Dialog P2 action needed*/
.ui-dialog.st-1 {box-shadow: 0px 3px 7px 0 rgba(0, 0, 0, 0.35);}
.ui-dialog.st-1 .ui-dialog-titlebar {background: #ffffff; padding: 36px 0px 27px 0px; box-sizing: border-box; border-bottom: 1px solid #e6e4e4;}
.ui-dialog.st-1 .ui-dialog-title, .ui-dialog.st-1 .ui-messages .ui-messages-info span/*, .ui-dialog.st-1 .ui-messages:not(.system-messages) .ui-messages-warn span, .ui-dialog.st-1 .ui-messages:not(.system-messages) .ui-messages-error span*/ {font-family: 'Calibri-Bold'; font-size: 19.5px; line-height: 19.5px; color: #1c5ba2; padding: 0px;}
.ui-dialog.st-1 .ui-messages div, .ui-dialog.st-1 .system-messages.default .ui-messages div span, .ui-dialog.st-1 .system-messages:not(.noSimpleForm) .ui-messages div span {background: none;}
.ui-dialog.st-1 .details-grid {padding-top: 20px;}
.ui-dialog.st-1 .details-grid td {font-size: 12px; line-height: 21px; /*padding: 0px 10px;*/}
.ui-dialog.st-1 .details-grid td:first-child {font-family: 'Calibri-Regular'; color: #666666;}
.ui-dialog.st-1 .details-grid td:last-child {font-family: 'Calibri-Bold'; color: #353535;}
.ui-dialog.st-1 .details-grid.with-btns {padding: 25px; padding-bottom: 50px; width: 100%;}
.ui-dialog.st-1 .details-grid.with-btns td:first-child {padding-right: 0px; text-align: right;}
.ui-dialog.st-1 .details-grid.with-btns td:last-child {padding-left: 5px;}
.ui-dialog.st-1 .details-grid.with-btns .ui-button.center-btn {margin: 7px auto; display: block;}
.ui-dialog.st-1.auth .details-grid td {text-align: center; font-family: 'Calibri-Regular';}
.ui-dialog.st-1.auth .details-grid.st-3 .history-list table > tbody > tr td {line-height: normal; word-break: break-word;}
.ui-dialog.st-1.auth .details-grid.st-3 > tbody > tr:first-child > td, .ui-dialog.st-1.auth .details-grid.st-3 > tbody > tr:nth-child(2) > td {padding: 15px; font-size: 14px;}


/*Nested Dialog P2 action needed*/
.ui-dialog.st-1.nested-dialog {width: 100% !important; position: absolute;}

/*BIC Dialog*/
.bic-dialog.ui-dialog {max-width: 916px;}
.bic-dialog.ui-dialog .title-area {font-size: 14px; line-height: 5px;}
.bic-dialog .ui-dialog .details-grid > tbody > tr > td:FIRST-CHILD, .bic-dialog.ui-dialog .details-grid > tbody > tr > td:NTH-CHILD(2) {font-size: 13px; line-height: 18px;}
.bic-dialog.ui-dialog .ui-dialog-content > div:first-child {margin: 23px 18px 21px;}
.bic-dialog.ui-dialog .disclaimer span {font-size: 15px;}
.bic-dialog.ui-dialog .searchbar.st-3 > div:last-child:not(.report-btns) { width: auto; border-top-right-radius: 12px; border-bottom-right-radius: 12px;}
.bic-dialog.ui-dialog .ui-dialog-content .disclaimer {padding: 15px 0px 25px 0px;}

/*CHARGES Dialog*/
.ui-dialog .details-grid.charges-table > tbody > tr > td {padding-top: 12px; padding-bottom: 12px;}
.ui-dialog .details-grid.charges-table > tbody > tr:nth-child(2n) {background: #f7f7f7;}

/* Chart */
.chart-panel > div {text-align: center; position: relative;}
.chart-panel .ui-button {position: absolute; left: 0; right: 0; margin: auto; bottom: 0; top: 60px; width: 40px}
.chart-panel .ui-button .ui-icon {width: 100%; font-size: 15px; color: #ffffff; padding-top: 4px;}
.chart-panel .ui-button.ui-state-focus .ui-icon {border: 1px solid #ffffff; border-radius: 2px;}
.chart-panel g.slice {stroke: #ffffff; stroke-width: 2px;}
.chart-panel .textTop {fill: #999999; font-size: 12px; font-family: 'Calibri-Regular';}
.chart-panel .textBottom {fill: #1c5ba2; font-size: 18px; font-family: 'Calibri-Regular'}
.chart-panel .textTop a,  .chart-panel .textBottom a{font-weight: normal; fill: #FFFFFF; cursor: pointer; text-decoration: none;}
.chart-panel .subtitle{background-color: white; text-align: left;}
.chart-panel span{display: block; text-align: left; margin-bottom: 5px; font-family: 'Calibri-Light'; font-size: 18px; line-height: 11px;}
.overlay-chart .ui-overlaypanel-content:before {left: 0; right: 0px; margin: auto;}
.chart-container {position: relative;}
.chart-container.ui-panel .ui-panel-title {display: inline-flex;}
.chart-container.collapsed.ui-panel .ui-panel-title {display: none;}
.chart-container.ui-panel .ui-panel-title i{color: #154b89;}
.chart-container .ui-panel-content, .panel-container .ui-panel-content{background: #ffffff;}
.chart-container .ui-panel-titlebar, .panel-container .ui-panel-titlebar{background-color: #ffffff; width: 100%;  box-sizing: border-box; padding: 10px; z-index: 10; border: none; position: relative;}
.chart-container .ui-panel-titlebar .ui-panel-titlebar-icon{top: 10px; border: none; position: absolute; right: 10px; padding: 0px;}
.chart-container .ui-panel-titlebar .ui-panel-titlebar-icon:after{content:''; background: none; background-repeat: no-repeat; /*background-image: url('../../images/new/sprite.png');*/ margin: auto; top: 0; bottom: 0; left: 0; right: 0; width: 14px;}
.chart-container .ui-panel-titlebar .ui-panel-titlebar-icon.ui-icon-plus:after{-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);}
.chart-container .ui-panel-titlebar .ui-panel-titlebar-icon.ui-icon-minus:after{-webkit-transform: rotate(270deg); -moz-transform: rotate(360deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg);}
.chart-container .ui-panel-titlebar {border-top-left-radius: 2px; border-top-right-radius: 2px;}
.chart-container .ui-panel-content {border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; padding-top: 5px;}
.chart-container .ui-panel-titlebar-icon .ui-icon.ui-icon-plusthick, .chart-container .ui-panel-titlebar-icon .ui-icon.ui-icon-minusthick {display: none;}
.chart-container .ui-panel-actions .ui-button .ui-icon {font-size: 7px; color: #b3b3b3;}
.chart-container.ui-panel .ui-panel-actions {width: auto;}

.chart-container.arrow-left .ui-panel-titlebar {padding-left: 0px; padding-bottom: 0px;}
.chart-container.arrow-left.ui-panel .ui-panel-actions {float: left;}
.chart-container.arrow-left.ui-panel .ui-panel-content .ui-group {padding: 0px;}

.panel-container .ui-panel-titlebar-icon .ui-icon.ui-icon-plusthick, .panel-container .ui-panel-titlebar-icon .ui-icon.ui-icon-minusthick {top: 0px; position: absolute; left: 10px;}
.panel-container .ui-panel-titlebar{border-radius: 2px;}
.panel-container.arrow-left .ui-panel-titlebar-icon.ui-state-default {left: 0px; right: auto;}
.dashboard .panel-container .ui-panel-titlebar-icon .ui-icon.ui-icon-plusthick, .dashboard .panel-container .ui-panel-titlebar-icon .ui-icon.ui-icon-minusthick {display: none;}
.panel-container .ui-panel-actions .ui-button .ui-icon {font-size: 7px; color: #b3b3b3;}
.panel-container .ui-panel-actions .ui-button {top: 15px; position: absolute; right: 10px;}
.panel-container.ui-panel .ui-panel-actions {width: auto;}

.pending-block.panel-container .ui-panel-titlebar {padding: 0px;}

.target-visible{display: block;}
.target-hidden{display: none;}
    
/****---- STEPS PANEL ----****/
/*.steps-panel{border-bottom: none; border-top: none;}*/
.steps-panel {padding-bottom: 25px;}
.steps-panel .ui-steps ul{display: table; table-layout: fixed; width: 100%;}
.steps-panel .ui-steps .ui-steps-item {float: none; box-sizing: border-box; display: table-cell; border-radius: 0px; box-shadow: none; background: transparent; border-bottom: 1px solid #b3b3b3; opacity: 1; }
.steps-panel .ui-steps .ui-steps-title{white-space: normal; color: #666666; font-family: 'Calibri-Light'; font-size: 10.5px; padding: 4px;}
.steps-panel .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title{color: #1c5ba2; font-family: 'Calibri-Bold'; font-size: 10.5px;}
.steps-panel .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number {background: #1c5ba2; color: #1c5ba2;}
.steps-panel .ui-steps .ui-steps-number{font-size: 4px; background: #ffffff; width: 8px; height: 8px; border-radius: 100%; color: #ffffff; display: inline-block; text-shadow: none; border: 1px solid #959595; text-indent: 999px;}
.steps-panel .ui-steps.custom-steps .ui-steps-item .ui-menuitem-link {height: 0px; padding: 0px; box-sizing: border-box; border: none; position: relative; left: 45px; top: -12px;}
.steps-panel .ui-steps .ui-steps-item:first-child {border-bottom: none;}
/*.steps-panel .ui-steps .ui-steps-item:before {content: '';border-bottom: none;}*/
.steps-panel .ui-steps.custom-steps {padding: 0px 20px;}
.steps-panel .ui-steps.blue .ui-steps-item .step-1 .ui-steps-number {background: #1c5ba2; color: #1c5ba2;}
.steps-panel .ui-steps.blue .ui-steps-item .step-1 .ui-steps-title {color: #1c5ba2;}
.steps-panel .ui-steps.green .ui-steps-item .ui-steps-number, .steps-panel .ui-steps .ui-steps-item .step-1.green .ui-steps-number, .steps-panel .ui-steps .ui-steps-item .step-2.green .ui-steps-number {background: #42a039; color: #42a039;}
.steps-panel .ui-steps.green .ui-steps-item .ui-steps-title, .steps-panel .ui-steps .ui-steps-item .step-1.green .ui-steps-title, .steps-panel .ui-steps .ui-steps-item .step-2.green .ui-steps-title {color: #419f37;}
.steps-panel .ui-steps.green .ui-steps-item .last-step .ui-steps-number {background-image: url(../images/check.png); background-size: 100%;}
.steps-panel .ui-steps.green .ui-steps-item .last-step.message-status-info .ui-steps-number {background-image: url(../images/check.png); background-size: 100%;}
.steps-panel .ui-steps.green .ui-steps-item .last-step.message-status-warn .ui-steps-number {background-image: url(../images/check-pending.png); background-size: 100%; background: none; border: none; background-image: none;}
.steps-panel .ui-steps.green .ui-steps-item .last-step.message-status-error .ui-steps-number {background: none; background-image: url(../images/danger.png); background-size: 100%; border: none; font-size: 8px; width: 15px; height: 16px; background-repeat: no-repeat;}
.steps-panel .ui-steps.green .ui-steps-item .last-step.message-status-info .ui-steps-title {color: #419f37;}
.steps-panel .ui-steps.green .ui-steps-item .last-step.message-status-warn .ui-steps-title {color: #ff8900;}
.steps-panel .ui-steps.green .ui-steps-item .last-step.message-status-warn:before {font-family: 'icomoon'; display: inline-block; content: "\e906"; /* border: 1px solid #ff8900; */ border-radius: 100%; width: 8px; height: 8px; font-size: 4px; padding: 2px; line-height: 8px; color: white; background: #ff8900;}
.steps-panel .ui-steps.green .ui-steps-item .last-step.message-status-error .ui-steps-title {color: #ed1c24; padding-top: 1px;}
.steps-panel .ui-steps.custom-steps.extra-step .ui-steps-item .ui-menuitem-link {left: 36px; top: -12px;}
.steps-panel.st-2 .ui-steps.custom-steps.extra-step .ui-steps-item .ui-menuitem-link {left: 50px;}

/*Edit fields*/
.edit-fields input.ui-state-default {border: 2px solid #ff8900; /*box-shadow: inset 0px 3px 2px 0 rgba(0, 0, 0, 0.25);*/ box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.2); font-size: 14.5px; font-family: 'Calibri-Regular'; color: #1c5ba2;}
.edit-fields input.ui-state-focus {box-shadow: inset 0px 3px 2px 0 rgba(0, 0, 0, 0.25); border-color: #ff8900;}
.edit-fields .ui-card .ui-group.container .ui-outputlabel:not(.sublabel).c-3 {color: #1c5ba2;}
.edit-fields .ui-card .ui-group.container .ui-outputlabel:not(.sublabel) {color: #ff8900;}
.edit-fields .ui-group.container {background-color: #fff8e5; border: none;}
.edit-fields button.positive-btn{background: #ff8900;}
.edit-fields button.negative-btn, .edit-fields  button.negative-btn-2 {border: 1px solid #ff8900;}
.edit-fields button.negative-btn .ui-button-text, .edit-fields  button.negative-btn-2 .ui-button-text, .edit-fields button.negative-btn .ui-icon, .edit-fields button.negative-btn-2 .ui-icon, .edit-fields button.negative-btn.ui-state-hover .ui-icon:before, .edit-fields button.negative-btn-2.ui-state-hover .ui-icon:before {color: #ff8900;}
.edit-fields button.positive-btn.c-4 {background: #419f37; border: 1px solid #419f37;}
.edit-fields button.negative-btn-2.c-3 .ui-icon, .edit-fields button.negative-btn-2.c-3 .ui-button-text, .edit-fields button.negative-btn-2.c-3.ui-state-hover .ui-icon:before {color: #1c5ba2;}
.edit-fields button.negative-btn-2.c-3 {border: 1px solid #1c5ba2;}
.edit-fields .ui-selectonemenu .ui-selectonemenu-label.ui-inputfield, .edit-fields  .ui-widget-content .ui-selectonemenu .ui-selectonemenu-label.ui-inputfield {font-size: 14.5px; font-family: 'Calibri-Regular';}
.edit-fields .ui-selectonemenu {border: 2px solid #ff8900;}
.edit-fields .ui-card .ui-card-header {color: #ff8900;}
.edit-fields .list {border-radius: 13.5px; background: #ffffff; border: 2px solid #ff8900; /* box-shadow: inset 0px 3px 2px 0 rgba(0, 0, 0, 0.25); */ box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.2); display: flex; padding: 4px;}
.edit-fields .list .ui-button-text-only .ui-button-text{display: none;}
.edit-fields .ouline-circle {display: flex; margin: 0px 5px; border-radius: 50%; padding: 4px;}
.edit-fields .ouline-circle.selected {border: 1px solid;}
.edit-fields .circle {border-radius: 100%;}
.edit-fields .message-status-info button.negative-btn-2 {background: #ffffff; border-color: #419f37;}
.edit-fields .message-status-info button.negative-btn-2 .ui-button-text, .edit-fields .message-status-info button.negative-btn-2 .ui-icon, .edit-fields .message-status-info button.negative-btn-2.ui-state-hover .ui-icon:before {color: #419f37;}
.edit-fields .message-status-warn button.negative-btn-2 {background: #ffffff; border-color: #ff8900;}
.edit-fields .message-status-warn button.negative-btn-2 .ui-button-text, .edit-fields .message-status-warn button.negative-btn-2 .ui-icon, .edit-fields .message-status-warn button.negative-btn-2.ui-state-hover .ui-icon:before {color: #ff8900;}
.edit-fields .message-status-error button.negative-btn-2 {background: #ffffff; border-color: #ed1c24;}
.edit-fields .message-status-error button.negative-btn-2 .ui-button-text, .edit-fields .message-status-error button.negative-btn-2 .ui-icon, .edit-fields .message-status-error button.negative-btn-2.ui-state-hover .ui-icon:before {color: #ed1c24;}
.edit-fields input.ui-state-default.ui-state-error {border-color: #ed1c24;}
.edit-fields .ui-calendar .ui-icon.ui-icon-calendar:before {color: #ff8900;}

/*BIC component*/
.bic-input div:not(.ui-message), .container-group .ui-g > div:not(:empty), .bic-categorize > div:not(.ui-message) {padding: 7.5px 10px;}
.bic-categorize div.ui-selectonemenu {padding: 0px;}
.bic-categorize div.ui-selectonemenu-panel {padding: 2px;}

/*.ui-selectoneradio label:active {color: red !important;}*/

.important-notice {width: 100%; background-color: #FFAD4D; border: none; color: white; font-size: 14px;}
.important-notice .centering {padding: 0px 40px; position: relative;}
.important-notice .centering .tooltip-icon{padding-left: 10px; position: absolute; margin: auto !important; top: 0px; bottom: 0px; right: auto;}
.important-notice a {color: white; text-decoration: underline;}
.important-notice .icon-btn{left: auto; position: absolute; bottom: 0px;}
.important-notice .icon-helptip:before{font-size: 21px; color: white;}
.important-notice .icon-close:before{font-size: 19px; color: white;}
.important-notice {padding: 10px; box-sizing: border-box; border-bottom: 1px solid #ffffff;}

.cookies-banner {width: 100%; border: none; color: white; font-size: 16px; font-family: 'Calibri-Regular'; color: #666666;}
.cookies-banner .centering {position: relative;}
.cookies-banner a {text-decoration: underline;}
.cookies-banner .icon-btn{left: auto; position: absolute; bottom: auto; top: 10px;}
.cookies-banner .icon-close:before{font-size: 19px; color: #154b89;}
.cookies-banner {padding: 10px; box-sizing: border-box;}
.login-body .top-footer + .bottom-footer {box-shadow: none;}

/*Tabview st-2*/
.st-2.ui-tabs {padding-bottom: 22px;}
.st-2.ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-selected:after {background-image: url(../images/menu-arrow.png); top: 34px;}
.st-2.ui-tabs .ui-datatable {min-height: auto;}
.st-2.ui-tabs .ui-tabs-panel .searchbar {border: none;}
.st-2.ui-tabs .searchbar-btn.ui-button {position: relative; vertical-align: middle; padding: 13px 0px; background: #edf3f7; border-top-right-radius: 12px; border-bottom-right-radius: 12px;}
.st-2.ui-tabs .searchbar.st-3 .searchbar-btn.ui-button .ui-icon {padding: 2px; background: none;}
.st-2.ui-tabs .searchbar.st-3 > div:last-child {border-top-right-radius: 12px; border-bottom-right-radius: 12px;}
.st-2.ui-tabs .ui-tabs-panel {padding-bottom: 35px;}
/*.reorderTbl.ui-datatable .ui-datatable-data > tr.ui-datatable-even {background: #fcfcfc;}
.reorderTbl.ui-datatable .ui-datatable-data > tr.ui-datatable-odd {background: #f0f0f0;}*/
/*.st-2.ui-tabs .searchbar.st-3 .searchbar-btn.ui-button .ui-icon {background: none;}*/
/*.st-2.ui-tabs .searchbar.st-3 > div:last-child:not(.report-btns) {width: auto; height: 27px; border-top-right-radius: 12px; border-bottom-right-radius: 12px; padding-right: 10px;}*/

/*Tabview st-3 - Center alignment tabs (for use on exchange rates page)*/
.st-3.ui-tabs {padding: 0px;}
.st-3.ui-tabs.ui-tabs-top > .ui-tabs-nav {display: flex; justify-content: center;}
.st-3.ui-tabs.ui-tabs-top > .ui-tabs-nav li {padding: 10px 0px;}
.st-3.ui-tabs .tab-content {padding: 0px;}
.st-3.ui-tabs .tab-content .ui-card {border: none; padding: 5px;}
.st-3.ui-tabs .ui-datatable-footer {margin-top: -38px;}
.st-3.ui-tabs .link-btn.ui-button .ui-button-text {font-family: 'Calibri-Bold';}
.st-3.ui-tabs .ui-tabs-panel .searchbar {border-top: none;}
.st-3.ui-tabs .tab-content:last-child > div {padding-top: 15px;}

.edit-btn.ui-button.ui-state-hover .ui-icon {color: #ff8900;}
.delete-btn.ui-button.ui-state-hover .ui-icon {color: #ed1c24;}

.detailsGP {padding: 10px; box-sizing: border-box; border-bottom: 1px solid #e6e4e4;}
.detailsGP.titleGP {background: #1c5ba2; color: #ffffff; font-family: 'Calibri-Bold'; font-size: 20px; letter-spacing: 0.5px;}
.btnGP {margin: 12px 10px; box-sizing: border-box; border: 2px dashed #8c8c8c;}
.btnGP .ui-button {padding: 7.5px; display: block;}
.btnGP .ui-button .ui-button-text {font-size: 14.5px;}

/*Session Timeout Dialog*/
.session-dialog {min-width: 916px;}
.session-dialog.ui-dialog .ui-dialog-content > div:first-child {margin: 0px;}
.session-dialog.ui-dialog .ui-dialog-title {display: none;}
.session-dialog.ui-dialog .ui-messages {padding: 0px;}
.session-dialog.ui-dialog .ui-dialog-content > div:first-child {border: none;}
.session-dialog .system-messages .ui-messages:not(:empty) .ui-messages-warn {margin: 0px;}
.session-dialog .message-status-warn button.negative-btn-2 {border-color: #ff8900;}

/*Dashboard Pending Transaction Blocks*/
.selectOneButtonTabSt {width: auto;}
.selectOneButtonTabSt .ui-button.ui-widget{background-color: white; border-bottom: solid 2px transparent;}
.selectOneButtonTabSt .ui-button.ui-widget{font-family: 'Calibri-Bold'; font-size: 15px; line-height: 18px; color: #8c8c8c; padding: 0px;}
.selectOneButtonTabSt > .ui-button.ui-widget.ui-state-active{color: #1c5ba2; outline: none;}
.selectOneButtonTabSt .ui-button-text-only .ui-button-text {border-left: 1px solid #eae9e9; padding: 0px 15px;}
.selectOneButtonTabSt .ui-button-text-only:last-child .ui-button-text {border-right: 1px solid #eae9e9;}
.selectOneButtonTabSt > .ui-button.ui-widget.ui-state-active:after{content: ''; width: 28px; height: 15px; background-image: url(../images/curve-grey.png); background-size: 40px; background-repeat: no-repeat; background-position: center top; position: absolute; top: 36px; left: 0px; right: 0px; margin: auto;}

/*Exchange Rates Converter & Exchange Rates History*/
.ex-rates-converter, .ex-rates-history {position: relative; width: 100%; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.1); border: solid 1px #e4e1e1; background: #ffffff; border-radius: 2px; padding: 17px 25px; box-sizing: border-box; margin-top: 10px;}
.ex-rates-converter > table, .ex-rates-history > table {width: 100%; table-layout: fixed;}
.ex-rates-converter .ui-button {position: absolute; right: 0px; left: 0px; margin: auto; top: 45px; background: #ffffff; border: 1px solid #c4c4c4; border-radius: 100%; width: 27px; height: 27px;}
.ex-rates-converter .ui-button.ui-state-hover {border: 1px solid #1c5ba2;}
.ex-rates-converter .ui-button .ui-icon {color: #c4c4c4;}
.ex-rates-converter .ui-button.ui-state-hover .ui-icon {color: #1c5ba2;}
.ex-rates-converter td > div {padding-bottom: 16px; box-sizing: border-box;}
.ex-rates-converter td:first-child, .ex-rates-history td:first-child {padding-right: 25px; width: 50%;}
.ex-rates-converter td:last-child, .ex-rates-history td:last-child {padding-left: 25px; width:50%;}
.ex-rates-converter .ui-selectonemenu, .ex-rates-converter .ui-inputfield, .ex-rates-history .ui-selectonemenu {height: 24px;}
.ex-rates-converter .ui-selectonemenu .ui-selectonemenu-label.ui-inputfield, .ex-rates-history .ui-selectonemenu .ui-selectonemenu-label.ui-inputfield {line-height: 24px;}
.ex-rates-converter .ui-selectonemenu .ui-selectonemenu-trigger, .ex-rates-converter .ui-selectonemenu .ui-selectonemenu-trigger:hover, .ex-rates-history .ui-selectonemenu .ui-selectonemenu-trigger, .ex-rates-history .ui-selectonemenu .ui-selectonemenu-trigger:hover {width: 25px;}
.ex-rates-converter .ui-separator, .ex-rates-history .ui-separator {height: calc(100% - 34px); width: 1px; position: absolute; margin: auto; left: 0px; right: 0px; top: 0px; bottom: 0px;}
.ex-rates-history {height: 116px;}
.ex-rates-history > table {height: 100%;}

/*Title image table*/
.title-image {width: 100%;}
.title-image td:first-child {line-height: 20px;}
.title-image td:last-child {padding: 5px; box-sizing: border-box;}

.accountDetailsDd.ui-selectonemenu {width: 360px;}

/*
button[title] {
  outline: red dotted 1px; 
  font-size: 30px; 
  position: relative;
  cursor: help;
}


button[title]:hover::before {
  content: attr(title);
  position: absolute;
  bottom: -26px;
  display: inline-block;
  padding: 3px 6px;
  border-radius: 2px;
  background: #000;
  color: #fff;
  font-size: 12px;
  font-family: sans-serif;
  white-space: nowrap;
}
button[title]:hover::after {
  content: '';
  position: absolute;
  bottom: -10px;
  left: 8px;
  display: inline-block;
  color: #fff;
  border: 8px solid transparent;	
  border-bottom: 8px solid #000;
}
*/
.ui-blockui.ui-widget-overlay {opacity: .60;}
.ui-blockui-content {width: 100%; box-sizing: border-box; box-shadow: none; border: none; height: 100%; top: 0px; left: 0px important;}
.ui-blockui-content img {margin: auto; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; vertical-align: middle;}




@media print
{    
    .no-print, .no-print *, .more-actions, .more-actions *
    {
        display: none !important;
    }
    .pr-1{width:8.33333333%}.pr-2{width:16.66666667%}.pr-3{width:25%}.pr-4{width:33.33333333%}.pr-5{width:41.66666667%}.pr-6{width:50%}.pr-7{width:58.33333333%}.pr-8{width: 66.66666667%}.pr-9{width:75%}.pr-10{width:83.33333333%}.pr-11{width:91.66666667%}.pr-12{width:100%}
    *.pr-color {color: #4A4A4A !important; font-family: 'Calibri-Regular' !important;}
    .details-group .details-list .h2 {margin-left: 0px;}
    .ui-tabs-panel .searchbar {border-top-width: 4px;}
    .ui-datatable .ui-datatable-data > tr.ui-datatable-odd{background: transparent;}
    .searcharea .ui-datepicker-trigger.ui-button {display: none;}
    /*@page {size: auto; margin: 0;}*/
	.noScreen{padding-top: 10px;}
}

@media screen{
	.noScreen{display:none !important;}
} 



/*SCA DESIGN (Strong Customer Authentication) - SMSOTP */
/*-----------------------------------------------------*/
.SCA-dialog.ui-dialog {max-width: 930px;}
.SCA-dialog.ui-dialog .ui-dialog-content {max-height: 850px;}
.SCA-dialog.ui-dialog .ui-dialog-content > div.SCA-content {border: none;}
.SCA-content .ui-card {border: none; box-shadow: none;}
.SCA-content .ui-card .ui-card-header {border: none; font-family: 'Calibri-Bold'; font-size: 20px; text-align: center;}
.SCA-content .ui-card .ui-card-step {box-sizing: border-box; padding: 25px; text-align: center;}
.SCA-content .ui-card .ui-card-step .sms-img {box-sizing: border-box; padding: 25px 0px 50px 0px; margin: auto;}
.SCA-content .ui-card .ui-card-step .steps-panel {width: 35%; margin: auto; padding-right: 100px;}
.SCA-content .ui-card .ui-card-body {box-sizing: border-box; padding: 15px;}
.SCA-content .ui-card .ui-card-body .sms-img {margin: auto; padding-bottom: 10px;}
.SCA-content .ui-card .ui-card-body .sms-img .padding-right {padding-right: 10px;}
.SCA-content .ui-card .ui-card-body .otp-area {float: none; margin: auto; margin-bottom: 10px; margin-top: 66px; padding: 0px;}
.SCA-content .ui-card .ui-card-body .otp-area .inputOTP {padding: 55px 60px;}
.SCA-content .ui-card .ui-card-body .otp-area .inputOTP.step-3 {padding: 15px 60px;}
.SCA-content .ui-card .ui-card-body .otp-area > div:not(.inputOTP) {padding-top: 14px;}
.SCA-content .ui-card .ui-card-body .otp-area > div:not(.inputOTP) a {text-decoration: underline;}
.SCA-content .ui-card .ui-card-body .otp-area .inputOTP .ui-outputlabel {color: #1c5ba2; font-family: 'Calibri-Bold'; font-size: 13px; white-space: nowrap;}
.SCA-content .ui-card .ui-card-body .otp-area .inputOTP div[class^="lg-"], .SCA-content .ui-card .ui-card-body .otp-area .inputOTP div[class^="md-"] {box-sizing: border-box; padding: 12.5px;}
.SCA-content .ui-card .ui-card-body .otp-area .inputOTP .ui-button-text-only.positive-btn .ui-button-text, .inputOTP .ui-button-text-only.positive-btn .ui-button-text {padding: initial;}
.SCA-content .ui-card .ui-card-footer {border: none;}
.SCA-content .ui-card .ui-card-footer .ui-button {min-width: 115px;}
.otp-checkbox.ui-selectbooleancheckbox.ui-chkbox.ui-widget {padding-right: 0px; padding-left: 17px;}

.SCA-content.st-2 .ui-card .ui-card-header {text-align: left;}
/*END SCA DESIGN*/
/*-----------------------------------------------------*/


/*Useful Links*/
/*------------*/
.mainPanelForTemplates{padding-top: 100px; margin-left: 200px; font-size: 14px;}
.useful-menu{width: 100%; padding:0px; border: none;}
.useful-menu.ui-menu .ui-menuitem-link {width: 100%; height: 100%; position: relative; top: 0; padding: 0px; box-sizing: border-box; border: none !important;}
.useful-menu .ui-menuitem{clear: none; text-align: center; background-color: #FFFFFF; border: 1px solid #e4e1e1 !important; box-sizing: border-box; border-radius: 0; width: 18%; margin:1%; height: 150px;}
.useful-menu.ui-menu .ui-menuitem-icon.ui-icon{width: 80px; height: 80px; top: 25px; position: relative; background-size: cover;}
.useful-menu.ui-menu  .ui-menuitem-text{float: none; display: block; position: absolute; bottom: 35px; width: 100%; font-family: 'Calibri-Light'; font-size: 15.5px; color: #1c5ba2; line-height: 15.5px; height: 20px;}
.useful-menu.ui-menu .ui-menuitem-link:hover{color: #1c5ba2;}
.useful-menu.ui-menu .ui-menuitem-text:hover{text-decoration:underline;}
.useful-menu .ui-icon-terms-and-conditions{background-image: url('../images/usefulLinks/terms&conditions.jpg');}
.useful-menu .ui-icon-privacy-and-security{background-image: url('../images/usefulLinks/privacy&security.jpg');}
.useful-menu .ui-icon-email-us{background-image: url('../images/usefulLinks/message.jpg');}
.useful-menu .ui-icon-contact-us{background-image: url('../images/usefulLinks/contactus.jpg');}
.useful-menu .ui-icon-charge-catalogue{background-image: url('../images/usefulLinks/prices&charges.jpg');}
.useful-menu .ui-icon-jccsmart-portal{background-image: url('../images/usefulLinks/jccsmart.jpg');}
.useful-menu .ui-icon-bank-holidays{background-image: url('../images/usefulLinks/bankholidays.jpg');}
.useful-menu .ui-icon-defence-tax-questionnaire{background-image: url('../images/usefulLinks/declarationofdefence.jpg');}
.useful-menu .ui-icon-daily-market-analysis{background-image: url('../images/usefulLinks/dailymarketanalysis.jpg');}
.useful-menu .ui-icon-weekly-economic-report{background-image: url('../images/usefulLinks/weeklyeconomicreport.jpg');}
.useful-menu .ui-icon-economic-bulletin{background-image: url('../images/usefulLinks/economicbulletin.jpg');}
.useful-title{ border-bottom: 1px solid #e4e1e1; border-radius: 0px; padding: 10px;}
.useful-title .h1{font-size: 20px; font-family: 'Calibri-Light'; color: #215fa4;}
/*END Useful Links*/
/*----------------*/

/*plain-btn used on EStatementModifyAccount/Card/Loan*/
.plain-btn.ui-button .ui-button-text {font-family: 'Calibri-Regular'; font-size: 14px; line-height: 17px; color: #666666;}
.plain-btn.ui-button .ui-button-text:before{content: "<<";}
.plain-btn.ui-button .ui-button-text:after{content: ">>";}
.plain-btn.ui-button.c-4.ui-state-disabled {opacity: 1;}
.plain-btn.ui-button.c-4 .ui-button-text {color: #419f37; font-family: 'Calibri-Bold';}

/*Output Text that looks like input text*/
.input-text {display: block; height: auto; word-break: break-word; padding: 7.5px 10px; box-shadow: inset 0px 2px 2px 0 rgba(0, 0, 0, 0.25); border: 1px solid #8c8c8c; cursor: default; opacity: 1; font-size: 13px; color: #666666; border-radius: 13.5px; background: #FFFFFF;}

/*MOTP steps*/
.motp-steps.steps-panel .ui-steps.custom-steps .ui-steps-item .ui-menuitem-link {left: 65px;}
.motp-steps.steps-panel .ui-steps.custom-steps.only-two-step{padding: 0px 0px;}
.motp-steps.steps-panel{padding-right: 150px;}
.motp-steps-reg.steps-panel .ui-steps.green .ui-steps-item .last-step .ui-steps-number {background-image: url(../../images/new/sprite.png); background-position: -122px -190px; width: 9px; height: 9px;}

/*SCA DESIGN (Strong Customer Authentication) - MOTP */
/*-----------------------------------------------------*/
.MOTP-dialog.ui-dialog .ui-dialog-content {padding: 10px; max-height: 1050px; display: inline-table;}
.MOTP-dialog .SCA-content .ui-card .ui-card-body .sms-img {padding-bottom: 20px;}
.MOTP-dialog .SCA-content .ui-card .ui-card-body .otp-area {margin-top: 40px;}
.MOTP-dialog .SCA-content .ui-card .ui-card-body .otp-area .inputOTP {padding: 10px;}
.MOTP-dialog.SCA-dialog.ui-dialog .ui-card-body .ui-message.ui-message-error, .MOTP-dialog.SCA-dialog.ui-dialog .ui-card-body .ui-message.ui-message-info, .MOTP-dialog.SCA-dialog.ui-dialog .ui-card-body .ui-message.ui-message-warn {display: block;}
/*.MOTP-dialog .ui-card .ui-card-header {padding: 10px;}*/
.MOTP-dialog.SCA-dialog.ui-dialog .step-content-style {font-size: 14px;}
.MOTP-dialog.SCA-dialog.ui-dialog .ui-dialog-titlebar {position: absolute; background: none; padding: 10px; z-index: 1; right: 2px; top: 10px;}
.MOTP-dialog.SCA-dialog.ui-dialog .ui-dialog-titlebar-close span {color: #ed1c24; padding: 1px;}
/*END SCA DESIGN*/
/*-----------------------------------------------------*/

/*PUSH NOTIFICATION*/
/*-----------------*/
#waitingDialogOnConfirm_modal.ui-widget-overlay {background: #f2f2f2;}
.loading-dialog.confirmation img {height: auto !important; width: auto !important;}
.loading-dialog.confirmation.ui-dialog .ui-dialog-content {overflow: hidden; text-align: center;}
.push-dialog.ui-dialog {max-width: 813px;}
.push-dialog .system-messages.default .ui-messages {padding-top: 30px;}
.push-dialog.ui-dialog .ui-dialog-content {padding: 10px;}
.push-dialog.ui-dialog .ui-dialog-titlebar {position: absolute; background: none; padding: 10px; z-index: 1; right: 2px; top: 10px;}
.push-dialog.ui-dialog .ui-dialog-titlebar-close span {color: #ed1c24;}
.push-dialog.ui-dialog .h2, .loginSCAGp .h2 {line-height: normal; font-size: 20px; font-family: 'Calibri-Bold';}
.push-dialog.ui-dialog .centering-table, .loginSCAGp .centering-table {margin: auto; padding: 10px;}
.push-dialog.ui-dialog .push-title .h1, .loginSCAGp .push-title .h1 {padding-left: 10px; font-family: 'Calibri-Bold'; font-size: 25px; color: #1c5ba2;}
.countdown-tbl {border: 1px solid #999999; border-radius: 10px; margin: 36px; background: #fbfaf9; font-family: 'Calibri-Bold';}
.countdown-tbl2 {border:unset;border-radius: 10px; margin: 36px; background: #fbfaf9; font-family: 'Calibri-Bold';}
.countdown-tbl td {padding-left: 20px; box-sizing: border-box;}
.countdown-tbl .h2 {color: #666666;}
.countdown-value {color: #1c5ba2; font-size: 30px;}
.countdown-tbl td:first-child, .countdown-tbl2 td:first-child{border: 1px solid; background: #cccccc; border-radius: 100%; padding: 15px 13px; width: 70px; height: 70px; box-sizing: border-box; text-align: center;}
.push-dialog.ui-dialog .link-btn.ui-button .ui-button-text, .loginSCAGp .link-btn.ui-button .ui-button-text {text-decoration: underline; color: #1c5ba2; font-size: 20px; font-family: 'Calibri-Bold'; padding: 10px; box-sizing: border-box; line-height: normal;}
.push-dialog.ui-dialog .negative-link-btn.ui-button .ui-button-text, .negative-link-btn.ui-button .ui-button-text {text-decoration: underline; color: #666666; font-size: 20px; font-family: 'Calibri-Bold'; box-sizing: border-box;}
.push-dialog.ui-dialog .ui-card-footer {border: none;}
.push-dialog.ui-dialog .ui-card-footer .ui-group.button-panel {padding: 0px;}
.device-block {border-spacing: 20px; text-align: center;}
.device-block td, .grey-block {background: #fbfaf9; border: 1px solid #999999; border-radius: 10px;}
.col-L {padding-right: 42px;}
.col-R {padding-left: 42px;}
.push-dialog.ui-dialog .instruction-style, .loginSCAGp .instruction-style{text-align: center; padding: 0px !important;}
.push-dialog.ui-dialog .instruction-style .h2, .loginSCAGp .instruction-style .h2 {font-family: 'Calibri-Regular';}
.push-dialog.ui-dialog .instruction-style .h2.bold-txt, .loginSCAGp .instruction-style .h2.bold-txt {font-family: 'Calibri-Bold';}
.grey-block{padding: 20px; width: auto; margin: auto; margin-top: 20px;}
.grey-block td:first-child {padding-right: 10px;  text-align: right;}
.countdown-tbl2 .grey-block td:first-child,.countdown-tbl2 td:first-child {text-align: center;}
.grey-block td .ui-inputfield/*, .ui-widget-content .ui-inputfield*/ {border-radius: 0px; border: 3px solid #cccccc; box-shadow: none; width: 250px; height: 40px;}
.grey-block .ui-outputlabel.c-3 {color: #1c5ba2;}
.continue-area .ui-button-icon-right.ui-icon-submit {background-position: -78px -313px;}
/*END PUSH NOTIFICATION*/
/*---------------------*/

/*LOGIN OTP SCA*/
.loginSCAGp .container {padding: 10px;}
.loginSCAGp .push-title td:first-child {padding-right: 10px;}
.loginSCAGp .centering-table, .loginSCAGp .instruction-style {line-height: normal;}
.loginSCAGp .grey-block {width: auto; margin-top: 20px;}
/*END LOGIN OTP SCA*/
/*-----------------*/

/*OAuthApprovePSD2*/
.ui-group.psd2 {padding: 10px; overflow: hidden;}
.oauth-view.ui-panel-m.container > .ui-panel-m-content, .oauth-view .ui-field-contain {border: none; padding: 0px; margin: 0;}
.oauth-view .ui-field-contain:last-of-type {padding: 30px 0px;}
 
 /*New Paginator Design*/
 .ui-datatable .ui-paginator{display: inline-table;}
 .ui-paginator .ui-paginator-next{position: initial;}
 .ui-paginator-rpp-options.ui-widget.ui-state-default.ui-corner-left {border: 1px solid #1c5ba2; border-radius: 13.5px;}
 .ui-paginator .ui-paginator-rpp-options {background: url('../images/svg/arrow-bg-blue.svg') no-repeat; background-size: 20px; background-position: right; color: #1c5ba2;}
 
 /*ReportGp in dashboard and overview pages*/
 .overviewReportGp {padding-top: 10px; box-sizing: border-box;}
 .overviewReportGp > a {padding-left: 15px; box-sizing: border-box;}
 .report-links a.printout-link.ui-commandlink {float: right; margin: 0px 8px;}
 
 /*Alpha 360@ Web*/
 .titleGP .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a.escapeTxt {line-height: 8px;}
 sup {font-size: 13px;}
 
 /*Dynamic Pages*/
.dynamic-content .mandatory:after, .dynamic-content td.mandatory:after, .dynamic-content td.mandatory span.ui-column-title:after {content: '';}
.amount-input.dynamic {display: flex;}
.confirmation-page .details-grid .infoTableBody td {color: inherit;}
td.col-txt-C {text-align: center !important;}

/*Suspicious Login*/
/*--------------------*/
.ui-card .ui-card-header.noBorder, .ui-card .ui-card-footer.noBorder {border: none;}
.ui-card-3 {margin: auto; border: 1px solid #FAFAFA26; box-shadow: 0px 0px 1px #171a1f12, 0px 0px 2px #171a1f1F; border-radius: 8px; background: #FAFAFAFF; padding: 16px; box-sizing: border-box;}
.ui-card-3 .instruction-style {padding: 8px 16px !important;}
.btnPanel-st-2 .button-panel .ui-button .ui-icon {display: none;}
.btnPanel-st-2 .button-panel .ui-button .ui-button-text {padding: 0px 15px;}
/*END Suspicious Login*/
/*--------------------*/