/* 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: 'OpenSans', sans-serif; color: #707070; font-size: 14px;} html{height: 100%; max-width: 100%; overflow-x: hidden; overflow-y: auto; padding: 0; background-color: white;} * {-webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; outline: none;} .ui-widget, .ui-widget .ui-widget {font-size: 14px;} .ui-widget-content {color: #707070;} table {border-spacing: 0px;} td {box-sizing: border-box; padding: 0px;} a, .ui-widget-content a, a.ui-widget {color: #707070; text-decoration: none;} a.underline {text-decoration: underline;} img {image-rendering: optimize-contrast; -ms-interpolation-mode: bicubic; border: none;} h1, h2, h3, h4, h5, h6 {text-shadow: none;} .h1, .ui-widget .h1, .ui-widget.ui-outputlabel.h1 {font-family: 'OpenSans'; font-size: 58px; letter-spacing: 0px;} .h2, .ui-widget .h2, .ui-widget.ui-outputlabel.h2 {font-family: 'OpenSans-Extrabold'; font-size: 23px; letter-spacing: 0px;} .h3, .ui-widget .h3, .ui-widget.ui-outputlabel.h3 {font-family: 'OpenSans-Semibold'; font-size: 20px; letter-spacing: 0px;} .h4, .ui-widget .h4, .ui-widget.ui-outputlabel.h4 {font-family: 'OpenSans-Semibold'; font-size: 17px; letter-spacing: 0px;} .h5, .ui-widget .h5, .ui-widget.ui-outputlabel.h5 {font-family: 'OpenSans'; font-size: 17px; letter-spacing: 0.5px;} .h6, .ui-widget .h6, .ui-widget.ui-outputlabel.h6 {font-family: 'OpenSans-Light'; font-size: 15px;} .h7, .ui-widget .h7, .ui-widget.ui-outputlabel.h7 {font-family: 'OpenSans-Light'; font-size: 14px;} .h8, .ui-widget .h8, .ui-widget.ui-outputlabel.h8 {font-family: 'OpenSans-Light'; font-size: 11px; vertical-align: middle;} .h9, .ui-widget .h9, .ui-widget.ui-outputlabel.h9 {font-family: 'OpenSans-Semibold'; font-size: 11px; vertical-align: middle;} .h10, .ui-widget .h10, .ui-widget.ui-outputlabel.h10 {font-family: 'OpenSans'; font-size: 18px;} .caption {font-size: 12px; letter-spacing: 0; line-height: 16px;} .c-1, .ui-widget .c-1, .c-1[class^="icon-"], .c-1 [class^="icon-"], .ui-state-default .c-1.ui-icon, .c-1.ui-widget {color: #006271;} .c-2, .ui-widget .c-2, .c-2[class^="icon-"], .c-2 [class^="icon-"], .ui-state-default .c-2.ui-icon, .c-2.ui-widget {color: #018EA3;} .c-3, .ui-widget .c-3, .c-3[class^="icon-"], .c-3 [class^="icon-"], .ui-state-default .c-3.ui-icon, .c-3.ui-widget {color: #22B5BA;} .c-4, .ui-widget .c-4, .c-4[class^="icon-"], .c-4 [class^="icon-"], .ui-state-default .c-4.ui-icon, .c-4.ui-widget {color: #EFB200;} .c-5, .ui-widget .c-5, .c-5[class^="icon-"], .c-5 [class^="icon-"], .ui-state-default .c-5.ui-icon, .c-5.ui-widget {color: #FFFFFF;} .mandatory {position: relative;} .mandatory:after, td.mandatory:after, td.mandatory span.ui-column-title:after {content:"*"; margin-left: 2px;} .uppercase-txt, .uppercase-txt.ui-chkbox .ui-chkbox-label {text-transform: uppercase; font-family: 'OpenSans-Light'; font-size: 14px; letter-spacing: 0.9px;} .align-self-center {align-self: center;} .align-item-top {align-items: flex-start;} .align-item-bottom {align-items: flex-end;} .align-item-center {align-items: center;} .topPosit {vertical-align: top;} .middlePosit {vertical-align: middle;} .bottomPosit {vertical-align: bottom} .baseLinePosit {vertical-align: baseline;} .nowrap {white-space: nowrap;} .word-break {word-break: break-word;} .fixed-dt, .ui-datatable table.fixed-dt{table-layout: fixed;} .auto-dt, .ui-datatable table.auto-dt{table-layout: auto;} .truncate, .truncate-hover-eff {width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block;} .truncate-hover-eff:hover {width: 100%; white-space: normal; word-break: break-word; overflow: hidden; display: block;} .bold-txt, .bold-txt span, .bold-txt .ui-button-text {font-family: 'OpenSans-Semibold';} .transform-90:before {-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);} .transform-180:before {-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);} .transform-270:before {-webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg);} .top-5 {margin-top: 5px;} .top-10 {margin-top: 10px;} .top-20 {margin-top: 20px;} .bottom-100{padding-bottom:100px !important;} .pct5{width: 5%;} .pct10{width: 10%;} .pct20{width: 20%;} .pct30{width: 30%;} .pct40{width: 40%;} .pct50{width: 50%;} .pct60{width: 60%;} .pct70{width: 70%;} .pct80{width: 80%;} .pct90{width: 90%;} .pct100{width: 100% !important;} ul {-webkit-padding-start: 20px; margin: 0px;} /* ------ FONTS ------ */ /* open-sans-300 - cyrillic_latin */ @font-face { font-family: 'OpenSans-Light'; font-style: normal; font-weight: normal; src: local('OpenSans-Light'), url('./fonts/Open_Sans/OpenSans-Light.woff') format('woff'); } /* open-sans-regular - cyrillic_latin */ @font-face { font-family: 'OpenSans'; font-style: normal; font-weight: normal; src: local('OpenSans'), url('./fonts/Open_Sans/OpenSans-Regular.woff') format('woff'); } /* open-sans-600 - cyrillic_latin */ @font-face { font-family: 'OpenSans-Semibold'; font-style: normal; font-weight: normal; src: local('OpenSans-Semibold'), url('./fonts/Open_Sans/OpenSans-Semibold.woff') format('woff'); } /* open-sans-700 - cyrillic_latin */ @font-face { font-family: 'OpenSans-Bold'; font-style: normal; font-weight: normal; src: local('OpenSans-Bold'), url('./fonts/Open_Sans/OpenSans-Bold.woff') format('woff'); } /* open-sans-800 - cyrillic_latin */ @font-face { font-family: 'OpenSans-Extrabold'; font-style: normal; font-weight: normal; src: local('OpenSans-Bold'), url('./fonts/Open_Sans/OpenSans-Extrabold.woff') format('woff'); } ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ font-size: 14px; color: #47473D; font-family: 'OpenSans-Light'; } ::-moz-placeholder { /* Firefox 19+ */ font-size: 14px; color: #47473D; font-family: 'OpenSans-Light'; } :-ms-input-placeholder { /* IE 10+ */ font-size: 14px; color: #47473D; font-family: 'OpenSans-Light'; } :-moz-placeholder { /* Firefox 18- */ font-size: 14px; color: #47473D; font-family: 'OpenSans-Light'; } ::-webkit-scrollbar-track { -webkit-box-shadow: 0 0 0 0; background-color: #D8D8D8; border-radius: 25px; } ::-webkit-scrollbar-thumb { border-radius: 25px; -webkit-box-shadow: 0 0 0 0; background-color: #018EA3; } ::-webkit-scrollbar { width: 6px; 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: 7.5px;} .ui-card .lg-1, .ui-card .lg-2, .ui-card .lg-3, .ui-card .lg-4, .ui-card .lg-5, .ui-card .lg-6, .ui-card .lg-7, .ui-card .lg-8, .ui-card .lg-9, .ui-card .lg-10, .ui-card .lg-11, .ui-card .lg-12, .ui-card .lg-auto {padding: 15px 7.5px;} .lg-1{width:8.3333%}.lg-2{width:16.6667%}.lg-3{width:25%}.lg-4{width:33.3333%}.lg-5{width:41.6667%}.lg-6{width:50%}.lg-7{width:58.3333%}.lg-8{width:66.6667%}.lg-9{width:75%}.lg-10{width:83.3333%}.lg-11{width:91.6667%}.lg-12{width:100%} .lg-auto{width: auto;} .nopad, .ui-button.nopad .ui-button-text {padding: 0 !important;} .ui-g:after {height: 0px; width: 0px;} .ui-g > div > .ui-button:not(:FIRST-CHILD), .ui-g > div > .ui-selectbooleancheckbox:not(:FIRST-CHILD) {margin-left: 15px;} .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;} .page-content {border: none; border-radius: 0px; box-sizing: border-box; width: 100%; min-width: 250px; } .main-panel {border-spacing: 0px !important; width: 100%;} .centering {margin: auto; padding: 0 15px; box-sizing: border-box; max-width: 1150px; min-width: 290px; width: 100%;} .main-panel > .centering {padding: 0px; max-width: none;} .common-body {margin:0px; background-attachment: scroll; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center;} .ui-card {width: 100%; padding: 20px 0px;} .ui-card-2 {background: #EEEEEE; padding: 20px 0px;} .ui-card .ui-group, .ui-card-2 .ui-group {padding: 0px;} .ui-card .ui-group.container, .ui-card-2 .ui-group.container {box-sizing: border-box; width: 560px; margin: auto;} .ui-card-body, .ui-card-header, .ui-card-footer {max-width: 1120px; width: 100%; margin: auto; padding: 0px 10px; box-sizing: border-box;} .ui-card-header > .ui-group:not(:empty) {border-bottom: solid 1px #E6E6E6;} .ui-card-footer > .ui-group:not(:empty) {border-top: solid 1px #E6E6E6;} .ui-outputlabel {display: block;} .ui-outputlabel, .ui-datatable-reflow .ui-reflow-label, .ui-widget.ui-outputlabel, .ui-widget .ui-widget.ui-outputlabel {width: 100%; font-size: 14px; color: #909090; letter-spacing: 0.26px; box-sizing: border-box; padding: 5px; padding-top: 0px;} .truncate {width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block;} .mandatory{position: relative;} .mandatory:after{content:"*"; margin-left: 2px; color: #A73333;} td.mandatory:after{content:""; margin-left: 0px;} td.mandatory span.ui-column-title:after{content:"*"; margin-left: 2px; color: #B71C1C;} .text-transform-none{text-transform: none;} .ui-outputlabel.ui-state-error {background: none; border: none} .ui-outputlabel .ui-outputlabel-rfi{display: none;} .positive-txt, .negative-txt {font-family: 'OpenSans-Semibold'; font-size: 17px; letter-spacing: 0.61px;} .negative-txt {color: #EFB200;} .positive-txt {color: #018EA3;} .ui-datatable .positive-txt, .ui-datatable .negative-txt {font-size: 14px; letter-spacing: 0;} .positive-txt sub, .negative-txt sub {font-size: 75%; position: relative; vertical-align: baseline;} .top-5{margin-top: 5px;} .top-10{margin-top: 10px;} .top-15{margin-top: 15px;} .top-20{margin-top: 20px;} .pct5{width: 5%;} .pct10{width: 10%;} .pct20{width: 20%;} .pct30{width: 30%;} .pct40{width: 40%;} .pct50{width: 50%;} .pct60{width: 60%;} .pct70{width: 70%;} .pct80{width: 80%;} .pct90{width: 90%;} .pct100{width: 100% !important;} /* Input */ input, button, .ui-selectonemenu, textarea {font-family: 'OpenSans', sans-serif; font-size: 14px;} /* @-webkit-keyframes autofill {to {color: #018EA3; background: #FFFFFF;}} input:-webkit-autofill {-webkit-animation-name: autofill;-webkit-animation-fill-mode: both;}*/ input:-internal-autofill-previewed, input:-internal-autofill-selected, textarea:-internal-autofill-previewed, textarea:-internal-autofill-selected, select:-internal-autofill-previewed, select:-internal-autofill-selected {color: #018EA3 !important; background: red !important;} 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-inputfield, .ui-widget-header .ui-inputfield, .ui-widget-content .ui-inputfield, .ui-inputfield.ui-inputtextarea, .datepicker-device { background: #EDEDED; background-image: none; box-shadow: none; box-sizing: border-box; height: 44px; font-size: 14px; font-family: 'OpenSans', sans-serif; color: #018EA3; outline-color: transparent; padding: 0px 15px; text-shadow: none; border-radius: 25px} .ui-inputfield.ui-inputtextarea {resize: none; padding-top: 10px; padding-bottom: 10px; width: 100%; overflow-y: hidden !important; } 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 #EDEDED;} input.ui-state-focus, .ui-widget-header input.ui-state-focus, .ui-inputfield.ui-state-focus, input[type="text"].searchInput.ui-state-focus {border: 1px solid #018EA3; box-shadow: 0 2px 4px 0 rgba(0,0,0,0.24);} input[readonly="readonly"]:not(.hasDatepicker), input.ui-state-disabled, .ui-inputfield.ui-state-disabled,.ui-inputfield.ui-state-default.ui-state-disabled, .ui-datatable input[type="text"]:disabled {opacity: 1;border: 1px solid #EDEDED;color: #707070;font-family: 'OpenSans', sans-serif;cursor: default;box-shadow: none;} input.ui-state-error, input.ui-state-error.ui-state-default, .ui-widget-content .ui-inputfield.ui-state-error, .ui-inputfield.ui-inputtextarea.ui-state-error, .ui-inputfield.ui-state-error + .bic-input {border: 1px solid #A73333;} /*Search Input*/ input[type="text"].searchInput {background-image: url(../images/svg/search.svg); background-position: left 10px center; padding: 0px 10px 0px 35px; background-size: 16px; background-repeat: no-repeat;} input[type="text"].searchInput:before {content: "\e924";} .searchImg, .moreActionsPg {width: 21px; height: 20px; vertical-align: middle; padding: 20px 0px; margin: 0px auto; cursor: pointer;} .search-actions {/*padding: 0px 10px;*/} .ui-overlaypanel-content .search-actions {padding: 0px 7.5px; box-sizing: border-box; width: 100%;} .searchOverlayImg {width: 35px; height: 15px; vertical-align: middle; float: right; position: relative; top: 25px;} input[type="text"].filter-input {width:100%; font-size: 12px; color: #B7B7B7; font-family: 'OpenSans-Light'; border: none; background-color: transparent; border-bottom: 1px solid #B7B7B7; border-radius:0px; margin-bottom:10px;} input[type="text"].filter-input::after{content: '@'; width: 16px; height: 15px; vertical-align: middle;} /*Login Wrapper*/ .login-title {margin:auto; text-align:center; margin-top: 35px;} .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: top;} .login-body .main-panel {width: 330px; box-sizing: border-box; margin: auto; margin-top: 50px; margin-bottom: 50px; background: #FFFFFF; box-shadow: 0 2px 4px 0 rgba(0,0,0,0.23); border-radius: 14px;} .login-body .main-panel .positive-btn {height: 50px; border-radius: 0 0 14px 14px;} .login-body .ui-messages {padding: 0px 7.5px; box-sizing: border-box;} .custom-input {width: 100%; position: relative; background: #EDEDED; border-radius: 22px;} .custom-input i {width: 40px; position: absolute; right: auto; font-size: 20px; color: #909090;} .custom-input input {padding: 0px; padding-left: 40px !important; padding-right: 7.5px;} .custom-input input[type="password"] {padding-right: 30px;} ::-ms-reveal,::-ms-clear {display: none;} .hideShowPassword-toggle {left: auto !important; right: 0px; background-color: transparent; background-image: url('../images/svg/hide-password.svg'); background-size: 18px; background-position: center; background-repeat: no-repeat; border: none; border-radius: 0px; cursor: pointer; font-size: 100%; height: 25px; margin: 0; margin-right: 5px; max-height: 100%; padding: 0; overflow: 'hidden'; text-indent: -999em; width: 25px; -moz-appearance: none; -webkit-appearance: none;} .hideShowPassword-toggle-hide {background-image: url(../images/svg/show-password.svg);} .hideShowPassword-toggle:hover, .hideShowPassword-toggle:focus {border-color: #0088cc; outline: transparent;} .hideShowPassword-wrapper {width: 100% !important; display: inline-block !important; vertical-align: middle !important; height: 44px; position: static !important;} /* Login Footer */ .external-link-panel {width: 100%;} .external-link-panel a > table {width: 100%; text-align: center; height: 130px; font-family: OpenSans-Semibold; font-size: 15px; color: #FFFFFF; letter-spacing: 0; line-height: 20px;} .external-link-panel > a:nth-child(odd) {height: 180px; background: #006271;} .external-link-panel > a:nth-child(even) {height: 180px; background: #018EA3;} .external-link-panel a { padding: 43px 5px; font-size: 16px;} .external-link-panel i {left: 0px; right: 0px; position: relative; font-size: 20px; width: 20px; height: 20px; line-height: 20px; color: #FFFFFF; border: 1px solid #FFFFFF; border-radius: 100%; padding: 30px;} .captcha-panel .captcha-img {width: 100%; margin: auto; height:40px} .captcha-panel .captcha-img > tbody > tr > td:first-child { text-align: left; width: 90%; background-color: #EDEDED; padding-left: 30px; border-radius: 25px 0 0 25px;} .captcha-panel .captcha-img> tbody > tr > td:last-child{width:10%; background-color: #EDEDED; border-radius: 0 25px 25px 0;} /* STEPS */ .steps-panel {padding: 20px 0px; border-bottom: 1px solid #E6E6E6; display: block;} .step-no {position: relative; display: table; margin: auto;} .step-no.ui-steps .ui-steps-item {background: transparent; width: 100px; opacity: 1;} .step-no.ui-steps .ui-steps-item .ui-menuitem-link{padding: 0;} .step-no.ui-steps:before {border-top: 1px solid #E6E6E6; width: 100%; top: 50%; left: 0; display: block; position: absolute;} .step-no.ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number {background: #FFFFFF; color: #018EA3; border: 1px solid #018EA3; border-radius: 100%; width: 44px; height: 44px; line-height: 44px; display: inline-block; box-sizing: border-box; font-family: 'OpenSans-Bold'; font-size: 16px; letter-spacing: 0.57px; text-shadow: none;} .step-no.ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number {background: #018EA3; color: #FFFFFF;} /* SEPARATOR */ .ui-separator, .ui-widget-content .ui-state-default.ui-separator, .ui-card .ui-separator {border-bottom: 2px solid; border-color: #FFCE02;} .ui-separator.st-2, .ui-widget-content .ui-state-default.ui-separator.st-2, .ui-card .ui-separator.st-2 {border-bottom: 1px solid; border-color: #E6E6E6;} /*make password like inputText*/ @font-face {font-family: 'dotsfont'; src: url('dotsfont.eot'); src: url('dotsfont.eot?#iefix') format('embedded-opentype'),url('dotsfont.svg#font') format('svg'), url('dotsfont.woff') format('woff'), url('dotsfont.ttf') format('truetype'); font-weight: normal; font-style: normal;} /*.ui-inputfield:focus {box-shadow: none !important; -moz-box-shadow: none; -webkit-box-shadow: none;}*/ .confirmation-page tr.even {background: rgba(255, 255, 255, 0.8); border: solid 1px #CBC9C9;width: 100%;border-spacing: 5px;margin-bottom: 5px;line-height: 20px;/*border-radius: 5px;*/padding:10px; height: 50px;} .infoColumnLeft {border-right: 1px solid #DFDFDF; color: #58595D; text-align: right; width: 35%;} .infoColumnRight {color: #58595D; font-family: 'OpenSans-Semibold'; text-align: left; width: 65%;} .fixinfoColumnLeft {border-right: 1px solid #DFDFDF; color: #58595D; text-align: right; width: 33.3%;} .fixinfoColumnRight {color: #58595D; text-align: left; width: 66.7%;} .oneQuarter {vertical-align: top; width: 25%;} .oneThird {vertical-align: top; width: 33.3%; text-align: center;} .infoTableHead{background-color: #fbfbfb; border: solid 1px #DFDFDF; border-bottom: none; font-family: 'OpenSans-Semibold'; padding: 8px 0px; text-align: center; width: 100%;} .infoTableHead .greyLabel td {font-size: 16px;} .infoTableHead > tbody > tr > td {border-right: 1px solid #E6E6E6;} .infoTableHead > tbody > tr > td:last-of-type {border: none;} .infoTableBody {border:solid 1px #DFDFDF; border-bottom:none; color:#58595D; margin-top: -4px; text-align:right; width:100%;} .infoTableBody:last-child {margin-bottom: 10px;} .infoDesc .infoTableBody td:first-child {width:15px;} .ui-selectmanymenu.ui-inputfield {box-shadow: none; border: 1px solid #E6E6E6;} .ui-selectmanymenu, .ui-selectmanymenu table.ui-selectlistbox-list {width: 300px; overflow-x: auto;} /* ----------------------------------------- File Upload ----------------------------------------- */ .ui-fileupload-buttonbar.ui-widget-header.ui-corner-top,.ui-fileupload-content.ui-widget-content.ui-corner-bottom {border: none;background: transparent;padding:0px;} .ui-fileupload-buttonbar .ui-fileupload-choose input {transform: none;font-size: 11px;width: 100%;height: 100%;} .ui-fileupload-files .ui-fileupload-cancel.ui-button {width: 23px;height: 22px; border: none;} .ui-fileupload-files td {padding: 4px 3px;} .ui-fileupload-content .ui-progressbar {width: 75px;} .uploadedImagePg .ui-overlaypanel-content td {padding: 0px;font-size: 16px;font-family: 'Cairo-Bold';} .uploadedImagePg .ui-overlaypanel:before {content: ''; width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 15px solid #383A35; position: absolute; top: -15px; left: 0px;} .image-pg {background: transparent; border-radius: 60px; padding: 2px; box-sizing: border-box; width: 53px; height: 53px; position: relative; margin: auto;} .image-pg img {background: #E2E2E2; border: 1px solid #F9C109; width: 45px; height: 45px; border-radius: 60px; box-sizing: border-box; position: absolute; left: 0px; right: 0px; top: 0px; bottom:0px; margin: auto;} .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;} .avatar-fileupload {display:flex; width: 53px; margin: auto;} .avatar-fileupload .ui-fileupload-buttonbar .ui-button .ui-icon{display: none;} .avatar-fileupload .ui-fileupload-buttonbar .ui-button {border:none; width: 53px; height: 53px; margin: auto; display: block; position: absolute; left: 0; right: 0;} .avatar-fileupload .ui-fileupload-buttonbar .ui-fileupload-choose input {z-index: 1000;} .avatar-fileupload .ui-fileupload-content {display: none;} .fileupload-text{color: #E1671B; margin: 0px; display: block; text-align: center;} .customDatagrid .ui-datagrid-content{border:none;} .customDatagrid .ui-datagrid-column {padding: 0px;} /* --- Footer --- */ .footer {bottom: 0; position:absolute; margin-top: 0px; width: 100%; color: #FFFFFF;} .footer-links a {border: none; color: #FFFFFF; text-decoration: none;} .footer-links td {padding: 5px 0px; box-sizing: border-box;} .footer-links .ui-button {border-radius: 0; margin-right: 10px;} .footer-links .ui-button .ui-icon, .footer-links i {color: #FFFFFF; font-size: 15px; width: 15px; height: 15px; line-height: 15px;} .bottom-footer {margin-top: 0px; width: 100%; color: white; background-color: #01444F;} .bottom-footer .centering {width: 100%; max-width: none;} .bottom-footer .footer-links a {display: flex;} .bottom-footer .footer-links a .caption {margin-left: 5px;} /*Top footer*/ .top-footer {background-color: #006271;} .top-footer .footer-links .ui-panel-title span{color: #FFFFFF; font-size: 18px; font-family: 'OpenSans'; text-transform: none; white-space: nowrap;} /* Tooltip */ .ui-tooltip { background-color: transparent; box-shadow: none; border-radius:0; max-width: 320px;} .ui-tooltip .ui-tooltip-text {padding: 10px; text-align: center; border-radius:0; background: #018EA3; color: #FFFFFF; box-shadow: 0 9px 16px 0 #C8C8C8;} .ui-tooltip-bottom .ui-tooltip-arrow {border-bottom-color: #018EA3; border-width: 0 8px 8px;} .ui-tooltip-top .ui-tooltip-arrow {border-top-color: #018EA3; border-width: 8px 8px 0px;} .ui-tooltip.ui-tooltip-top, .ui-tooltip.ui-tooltip-bottom {padding: 8px 0px;} .tooltip-grid {position: relative;} .tooltip-grid td:LAST-CHILD {position:absolute; right: 0;} .ui-state-default .ui-icon.ui-icon-seek-next, .ui-state-default .ui-icon.ui-icon-seek-prev, .ui-datepicker-prev .ui-icon-circle-triangle-w, .ui-datepicker-next .ui-icon-circle-triangle-e {text-indent: -99999px; background: url(../images/svg/arrow-right.svg) no-repeat center; height: 30px; width: 15px; background-size: 13px;} .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);} /* Messages */ .ui-messages {width: 100%;} .ui-messages ul {margin: 0px; display: inline-block; vertical-align: middle;} .ui-messages-info, .ui-messages-warn, .ui-messages-error, .ui-messages-fatal {border-radius: 0px; border: none; padding: 10px; box-sizing: border-box; margin: 0px; width: 100%; text-align: center;} .ui-messages-info {background: #22B5BA;} .ui-messages-warn {background: #EFB200;} .ui-messages-error,.ui-messages-fatal {background: #A73333;} .ui-messages-info-icon, .ui-messages-warn-icon, .ui-messages-error-icon,.ui-messages-fatal-icon {height: 20px; width: 20px; float: none; background-image: none; font-family: "icomoon"; font-size: 20px; color: #FFFFFF; margin-top: 0px; padding-right: 10px; vertical-align: middle; display: inline-block;} .ui-messages-info-summary, .ui-messages-warn-summary,.ui-messages-error-summary, .ui-messages-fatal-summary {margin: 0px; word-break: break-word; color: #FFFFFF; font-weight: normal; font-family: 'OpenSans'; line-height: 20px;} .ui-messages-error-detail {display:none;} .ui-dialog .ui-messages {padding: 0px;} .ui-dialog .ui-messages-info, .ui-dialog .ui-messages-warn, .ui-dialog .ui-messages-error, .ui-dialog .ui-messages-fatal {margin: 2.5px 0px; border: none;} /* Inline Messages*/ .ui-message.ui-message-error{padding: 5px 0px; margin: 0px; display: inline-block;} .ui-message-error {color: #A73333; float: right; background: none; border: none;} .ui-message-error-icon {height: 14px; width: 14px; background-image: none; font-family: "icomoon"; font-size:14px; text-indent:0px;} .ui-message.ui-message-error, .ui-message.ui-message-info, .ui-message.ui-message-warn {padding: 5px 0px; margin: 0px; display: inline-block; float: right; text-align: right; background: none; border: none; font-size: 12px;} .ui-message-info-icon, .ui-message-warn-icon, .ui-message-error-icon, .ui-message-fatal-icon {display: none; background-image: none; background-position: 0px; font-family: 'icomoon'; text-indent: 0px; height: 16px; width: 16px;} .ui-message-info-summary, .ui-message-warn-summary, .ui-message-error-summary, .ui-message-fatal-summary {font-weight: normal;} .ui-messages-info-icon:before, .ui-message-info-icon:before {content: "\e92e";} .ui-messages-warn-icon:before, .ui-message-warn-icon:before {content: "\e92d";} .ui-messages-error-icon:before, .ui-messages-fatal-icon:before, .ui-message-error-icon:before {content: "\e92c";} .ui-message-info-summary, .ui-message-warn-summary, .ui-message-error-summary, .ui-message-fatal-summary, .ui-message-info-detail, .ui-message-warn-detail, .ui-message-error-detail, .ui-message-fatal-detail {margin: 0px 5px; white-space: pre-wrap;} /* Confirmation messages */ .ui-messages-confirm .ui-messages-info, .ui-messages-confirm .ui-messages-warn, .ui-messages-confirm .ui-messages-error, .ui-messages-confirm .ui-messages-fatal {border: none; margin: 0px; background: transparent;} .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: 45px; font-size: 40px; width: 100%; padding: 0px;} .ui-messages-confirm .ui-messages-info-summary, .ui-messages-confirm .ui-messages-warn-summary, .ui-messages-confirm .ui-messages-error-summary, .ui-messages-confirm .ui-messages-fatal-summary {font-family: 'OpenSans-Semibold'; font-size: 16px; line-height: normal; margin-top: 10px; display: block;} .ui-messages-confirm .ui-messages-error-icon, .ui-messages-confirm .ui-messages-fatal-icon, .ui-message-error-icon, .ui-message-fatal-icon {color: #A73333;} .ui-messages-confirm .ui-messages-info-icon, .ui-message-info-icon {color: #22B5BA;} .ui-messages-confirm .ui-messages-warn-icon, .ui-message-warn-icon {color: #EFB200;} .ui-messages-confirm .ui-messages-error-summary, .ui-messages-confirm .ui-messages-fatal-summary {color: #A73333;} .ui-messages-confirm .ui-messages-info-summary {color: #22B5BA;} .ui-messages-confirm .ui-messages-warn-summary {color: #EFB200;} .slideshow-wrap-btn {margin: auto;} .slideshow-wrap-btn > button {border-radius: 50%; background: rgba(0, 56, 130, 0.5); padding: 0px; margin: 1px; height: 15px; width: 15px; border: none; /*display: block; margin-top: 16px; margin-left: 20px;*/} .slideshow-wrap-btn > button.active {background: #018EA3;} /* Top Header */ .top-header {width:100%; padding: 15px 0px; display: flex; align-items: center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center;} .top-header .desc{color: #f7951e; margin-right: 15px;} .unsecure-body .top-header{border-bottom: 1px solid rgba(0,0,0,0.35); box-shadow: inset 0 1px 10px 0 rgba(0,0,0,0.50);} /* Global Header */ .global-header {box-sizing: border-box; width: 100%; height: 100px; position: relative; background-color: #FFFFFF; box-sizing: content-box; box-shadow: 0 2px 4px 0 rgba(0,0,0,0.54);} .global-header.mobApp-header{height: 20px;} .status-bar {background: #006271; font-size:11px; color:#FFFFFF; height:20px;} /*Notification Panel*/ .notifications-panel {position: relative; height: 80px; padding: 0px 10px;} .notifications-panel .notification-btn.ui-button .ui-icon {background-image: none; font-size: 20px; width: 20px; height: 20px; color: #909090;} .notifications-panel .notification-btn.ui-button.active .ui-icon {color: #018EA3;} .notifications-panel .ui-overlaypanel-content table tbody tr td {padding: 0px;} .notifications-panel .empty.ui-button .ui-button-text {display:none;} .notifications-panel .ui-button.notification-btn {border: none; border-radius: 0px; display: block; box-shadow: none; width: 40px; height: 80px;} .notifications-panel .ui-button .ui-button-text {font-size: 15px; color: #383A35; text-align: left;} .notifications-panel .ui-overlaypanel {border-top: 4px solid #018EA3;} .notifications-panel .ui-overlaypanel-content {padding: 0px; margin: 0px; background-color: #FFFFFF; border-radius: 0px; box-shadow: 0 2px 4px 0 rgba(0,0,0,0.50); left:0px;} .notifications-panel .ui-overlaypanel-content .not-empty.ui-button {right: 5px; bottom: 0px; height: 18px; width: 18px; padding: 0px;} .notifications-panel .ui-overlaypanel-content:before {content: none;} .notifications-panel .ui-menu {width: auto; padding: 10px 0px; float: none;} .notifications-panel .ui-menu li {padding: 0px 10px; box-sizing: border-box;} .notifications-panel .ui-menuitem-link {padding: 10px; box-sizing: border-box; position: relative;} .notifications-panel .ui-menuitem-icon.ui-icon {color: #9B9B9B; font-size: 16px; position: absolute; left: 10px; right: auto;} .notifications-panel .ui-menu .ui-menuitem-text, .notifications-panel .ui-overlaypanel-content .ui-button .ui-button-text {padding: 10px 10px; font-family: OpenSans; font-size: 14px; color: #5C5C4F; letter-spacing: 0.5px; text-transform: none; float: none;} .notifications-panel .ui-overlaypanel-content .ui-button .ui-button-text:hover {color: #018EA3;} .notifications-panel .ui-menu .ui-menuitem-text {white-space: nowrap;} .notifications-panel .ui-menu .ui-menuitem-link.ui-state-hover .ui-menuitem-text{/*font-family: 'OpenSans-Semibold';*/ color: #018EA3;} .notifications-panel .ui-menu .ui-menuitem-link.ui-state-hover .ui-menuitem-icon.ui-icon {color: #018EA3;} .notifications-panel .not-empty.ui-button .ui-button-text{text-align: center; padding: 0px; border-radius: 10px; font-size: 10px; text-shadow: none; color: white;} .user-options-menu .level-0 {display: none;} /* Menu */ .ui-menu {background: none; border: none;} .ui-menu .ui-menuitem-link {border: none;} .ui-menu .ui-submenu-icon, .slide-menu.ui-menu .ui-submenu-icon{margin: 0px; margin-right: 14px; display: inline-block; width: 20px; height: 20px;} .ui-menu .ui-menu-parent .ui-menuitem-link .ui-icon.ui-icon-triangle-1-s {display: none;} .primary-nav.ui-menu{padding: 0px; box-sizing: border-box;} .primary-nav.ui-menu .ui-menuitem {min-width: auto; padding: 0px; box-sizing: border-box; margin: 0px;} .primary-nav.ui-menu > ul > .ui-menu-parent > a.ui-submenu-link {padding: 0px; line-height: 80px; width:100%; text-align: center; box-sizing: border-box; height: 80px;} .primary-nav.ui-menu .ui-menu-parent.menu-active > a .ui-menuitem-text {border-bottom: 4px solid #018EA3; color:#018EA3} .primary-nav.ui-menu > ul > .ui-menu-parent > a .ui-menuitem-text {font-family: 'OpenSans-Semibold'; font-size: 16px; color: #909090; float: none; vertical-align: middle; padding: 0px 10px; margin: 0px 8px; height: 80px; display: block; box-sizing: border-box; border-bottom: 4px solid transparent;} .primary-nav.ui-menu > ul > .ui-menu-parent > a:after {content: ''; height: 25px; width: 1px; background: #FFC10E; display: block; position: absolute; right: 0px; top: 0px; bottom: 0px; margin: auto;} .primary-nav.ui-menu .ui-menu-child .ui-menuitem-text {font-family: OpenSans; font-size: 14px; color: #707070; letter-spacing: 0.5px; text-transform: capitalize; white-space: nowrap;} .primary-nav .ui-menu-child a.ui-menuitem-link{background-color: transparent; width: 100%; padding: 10px; box-sizing: border-box; border-radius: 0px; line-height: 20px; position: relative;} .primary-nav.ui-menu > ul > .ui-menu-parent:hover a.ui-submenu-link > .ui-menuitem-icon.ui-icon, .primary-nav.ui-menu > ul > .ui-menu-parent:hover > a.ui-submenu-link .ui-menuitem-text {color: #018EA3;} .primary-nav.ui-menu .ui-menu-parent > a .ui-menuitem-icon.ui-icon {background-image: none; font-family: "icomoon"; font-size: 18px; color: #707070; text-indent: 0px; padding-top: 15px; float: none; display: table;} .primary-nav.ui-menu .ui-menu-parent .ui-menu-child .ui-menuitem-icon.ui-icon {color: #9B9B9B; font-size: 16px; position: absolute; left: 10px; right: auto;} .primary-nav.ui-menu .ui-menu-parent.ui-menuitem-active .ui-menu-child a.ui-menuitem-link.ui-state-hover .ui-menuitem-icon.ui-icon {color: #018EA3;} .primary-nav.ui-menu .ui-menu-parent .ui-menu-child {background-color: #FFFFFF; text-shadow: none; background-image: none; width: auto !important; border: none; border-top: 4px solid #018EA3; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; box-shadow: 0 2px 4px 0 rgba(0,0,0,0.50); padding: 10px 0px; top: 76px !important;} .primary-nav.ui-menu .ui-menu-parent .ui-menu-list.ui-menu-child .ui-menuitem{margin:0px; padding: 0px 10px; box-sizing: border-box; border-radius: 0px;} .primary-nav.ui-menu .ui-menu-parent.ui-menuitem-active .ui-menu-list.ui-menu-child a.ui-submenu-link.ui-state-hover .ui-menuitem-text, .primary-nav.ui-menu .ui-menu-child a.ui-menuitem-link.ui-state-hover .ui-menuitem-text{/*font-family: 'OpenSans-SemiBold';*/ color: #018EA3;} .primary-nav.ui-menu .ui-menuitem-text {float: none;} /* Title Area */ .title-area, .title-area .ui-card .ui-group.container {background: transparent; text-align: left;} .title-area .ui-card {box-shadow: none;} /* Overlay Panel */ .ui-overlaypanel {width: 100%; min-width: 200px; background-color: transparent; width: auto; border: none; background-color: transparent; box-shadow: none;} .ui-overlaypanel-content {background-color: #018EA3;box-shadow: 0 9px 16px 0 #C8C8C8;border-radius: 8px;position: relative;/* padding: 7.5px; */margin-top: 10px; left: 0px; } .ui-overlaypanel-content:before {color: #018EA3; font-family: "icomoon"; content: '\e921'; width: 30px; height: 20px; position: absolute; top: -13px; left: auto; right: 15px; font-size: 30px;} .ui-overlaypanel .list-btn-panel {max-width: 215px;} /* Grid Menu */ .grid-menu .h5 {width: 100%; padding-top: 25px; padding-bottom: 45px;} .grid-menu a {border-radius: 5px; width: 100%; padding: 15px 5px; box-sizing: border-box; display: block; text-decoration: none; color: #018EA3; font-family: 'OpenSans-Semibold'; font-size: 15px;} .grid-menu i {left: 0px; right: 0px; position: relative; font-size: 30px; width: 30px; height: 30px; line-height: 30px;} .grid-menu a:hover {color: #EFB200;} .grid-menu a:hover i {color: #EFB200;} .grid-menu a:hover span {color: #EFB200;} .grid-menu .image-pg {margin-top: 5px;} .grid-menu a > table {width: 100%; text-align: center; font-size: 14px; height: 100px;} .grid-menu a > table > tbody > tr:FIRST-CHILD > td {height: 50%; vertical-align: bottom;} .grid-menu a > table > tbody > tr:LAST-CHILD > td {height: 50%; vertical-align: middle;} /* Datatable */ .ui-datatable.ui-datatable-reflow {border-radius: 15px; border: 1px solid #E6E6E6; overflow: hidden;} .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;padding-left: 5px;padding-right: 5px;} .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: 55px !important; height: 35px !important; border-radius: 50px; border-color: #018EA3; text-align: center; } .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-column-title table {width: auto;} .ui-datatable .ui-datatable-header {background: transparent; border: none; border-radius: 0px; padding: 0px;} .ui-datatable .ui-datatable-header:not(:empty) {padding: 7.5px;} .ui-datatable .ui-datatable-tablewrapper {overflow: hidden;} .ui-datatable.confirm-table .ui-datatable-tablewrapper{border-radius: 10px; border-top: none;} .ui-datatable.no-records .ui-datatable-tablewrapper {border-radius: 0px 0px 10px 10px;} .ui-datatable.no-header .ui-datatable-tablewrapper {border-radius: 0px; border-top: 0px;} .ui-datatable.no-header .ui-datatable-header {color: #007557; padding: 0px;} .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 .ui-datatable-data > tr.ui-datatable-even {background: #F4F4F4;} .ui-datatable tbody.ui-datatable-data {border: none;} .ui-datatable tbody tr, .ui-widget-content .ui-datatable .ui-datatable-data tr, .ui-datatable .ui-datatable-data tr.ui-widget-content{border: none;} .ui-datatable .ui-datatable-data > tr, .ui-datatable tr.ui-datatable-rowordering {height: 50px;} .ui-datatable.ui-datatable-reflow tr.ui-datatable-even ~ .ui-expanded-row-content, .ui-datatable.ui-datatable-reflow tr.ui-datatable-odd ~ .ui-expanded-row-content {background: #E6E6E6;} .ui-datatable.showKeyword .ui-datatable-header {display: block; background: #DFDFDF;} .ui-datatable.hideKeyword .ui-datatable-header {display: none;} /* Export panel */ .ui-datatable .export-panel .ui-button-icon-only, .export-panel .ui-button-icon-only {height: 25px; width: 30px;} .ui-datatable .export-panel .ui-button-icon-only .ui-icon, .ui-datatable .export-panel button.ui-button-icon-only, .export-panel .ui-button-icon-only .ui-icon {font-size: 20px; height: 25px; width: 20px; line-height: 25px; margin: 0px; margin-left: 7.5px; color: #84BD00;} .ui-datatable tbody td {border: none; border-width: 0px;} .ui-datatable thead th, .ui-datatable tbody td, .ui-datatable tfoot td, .ui-datatable tfoot th {padding: 5px 7.5px;} .ui-datatable.ui-datatable-reflow thead th, .ui-datatable.ui-datatable-reflow tfoot td, .ui-datatable.ui-datatable-reflow tfoot th, .ui-datatable tbody td .ui-column-data, .ui-datatable tbody td .ui-column-data a {font-family: 'OpenSans', sans-serif; font-size: 14px;} .ui-datatable.ui-datatable-reflow tbody td span.bold-txt {font-weight: bold;} .ui-datatable tbody td .positive-txt, .ui-datatable tbody td .negative-txt , .ui-datalist .positive-txt, .ui-datalist .negative-txt {font-size: 14px; letter-spacing: 0;} .ui-datatable-reflow .ui-datatable-data td[role="gridcell"].ui-helper-hidden{display: none !important;} .ui-datatable tbody td table td {padding: 0px;} .ui-datatable thead th, .ui-datatable thead th.ui-state-default , .ui-widget-content .ui-datatable thead th.ui-state-default {outline: none; height: 50px; border-spacing: 0px; box-shadow: none; border-width: 0px; text-shadow: none; padding: 5px 7.5px; position: relative; background: transparent; border-bottom: 1px solid #E6E6E6;} .ui-datatable thead th span {font-family: 'OpenSans-Light'; font-size: 16px; color: #018EA3; letter-spacing: 1.15px;} .ui-datatable-reflow .ui-datatable-data td[role="gridcell"] .ui-column-title, .expansion-grid td:first-child {color: #018EA3;} .ui-datatable thead th .ui-column-title > table{text-align: center;} .ui-datatable thead th, .ui-datatable tfoot td {text-align: left;} .ui-datatable thead th.header-R, .ui-datatable td.content-R {text-align: right;} .ui-datatable thead th.header-C, .ui-datatable td.content-C {text-align: center;} .ui-datatable td.content-R {text-align: right;} .ui-datatable td.content-C {text-align: center;} .ui-datatable thead tr, .ui-dialog .ui-datatable thead tr {height: 20px; border: 0px} .ui-datatable thead tbody {border: none;} .ui-datatable .ui-expanded-row-content tbody, .ui-datatable .ui-expanded-row-content tr{border: none !important;} .ui-datatable .ui-expanded-row-content > td {padding: 0px;} .ui-datatable-footer.ui-widget-header.ui-corner-bottom {float: right;border: none;margin-top: -9px;} .no-header thead {display: none;} .ui-datatable.ui-datatable-reflow tbody tr.ui-datatable-empty-message td {font-size: 14px; color: #707070; letter-spacing: 0.9px;} .ui-datatable .ui-datatable-header input {background-color: #EDEDED;} .ui-datatable-reflow .ui-reflow-label, .ui-datatable-reflow .ui-reflow-dropdown {display: none;} .ui-datatable-odd.ui-expanded-row + .ui-expanded-row-content .details-grid {background: #FFFFFF;} .ui-datatable .ui-datatable-scrollable-body {outline: none; overflow-y: scroll; overflow-x: hidden; height: auto; max-height: 400px;} .ui-datatable thead th .ui-icon:not(.ui-chkbox-icon) {display: none;} .ui-datatable thead th.ui-sortable-column[aria-sort="descending"] .ui-icon, .ui-datatable thead th.ui-sortable-column[aria-sort="ascending"] .ui-icon {display: inline-block; height: auto; line-height: 12px;} .ui-datatable thead th.ui-sortable-column[aria-sort="descending"] .ui-icon:before {content: "\e921"; font-size: 10px;} .ui-datatable thead th.ui-sortable-column[aria-sort="ascending"] .ui-icon:before {content: "\e922"; font-size: 10px;} .ui-datatable.ui-sortable-helper tr .ui-icon{height: 20px; width: 20px;} .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 {border-bottom: 1px solid #E6E6E6;} /* Draggable*/ .ui-datatable tr.ui-datatable-rowordering{background: none; background-color: transparent !important; border: none; box-shadow: none;} .ui-datatable.ui-sortable-helper .ui-column-title{display: none;} .ui-datatable.ui-sortable-helper tr {border: none; background: #FFFFFF;} .ui-datatable.ui-sortable-helper tr:first-child {background: transparent;} /*.ui-datatable.ui-sortable-helper tr:first-child .auto-dt td:first-child{display: none;}*/ .ui-datatable.ui-sortable-helper tr:first-child .auto-dt td:first-child .ui-button-icon-only {height: 47px; width: 47px; margin-right: 28px !important;} .ui-datatable.ui-sortable-helper tr:first-child .auto-dt td:first-child .ui-icon {font-family: 'icomoon'; height: 47px; width: 47px; line-height: 47px; font-size: 20px; text-indent: 0px; display: block; text-align: center; color: #FFFFFF; border-radius: 100%;} .ui-datatable.ui-sortable-helper tr:first-child .auto-dt td:first-child .ui-icon.icon-accounts {background-color: #018EA3;} .ui-datatable.ui-sortable-helper tr:first-child .auto-dt td:first-child .ui-icon.icon-loans {background-color: #22B5BA;} .ui-datatable.ui-sortable-helper tr:first-child .auto-dt td:first-child .ui-icon.icon-cards {background-color: #EFB200;} .ui-datatable.ui-sortable-helper tr:first-child .auto-dt td:first-child .ui-icon.icon-deposit-accounts {background-color: #EFB200;} .ui-datatable.ui-sortable-helper tr:first-child .auto-dt td:first-child .ui-icon.icon-term-deposit {background-color: #006271;} .draggable .ui-accordion-header{padding: 17px 45px;} .draggable .ui-accordion-header:before{content: ""; width: 20px; height: 20px; top: 0px; left: 10px; bottom: 0px; position: absolute; margin: auto; background-position: center;} .draggable .ui-datatable tr td{cursor: move;} .draggable .ui-datatable div tr td:last-child {text-align: right; /*width: 30px;*/} .handle-row-draggable {width: 25px; height: 25px; /*padding-right: 10px;*/} .no-row-draggable .icon-btn .ui-icon{color: #FFFFFF; height: 20px; width: 20px;} .ui-datatable.ui-sortable-helper tr td {cursor: move;} .ui-datatable.ui-sortable-helper tr td:first-child {background: #FFFFFF;} .ui-datatable.ui-sortable-helper tr > td > div{box-sizing: border-box;/* padding: 7.5px; padding-left: 15px; */background: none; position: relative;} .ui-datatable.ui-sortable-helper tr div:before{content: ''; position: absolute; left: 0px; height: 100%; width: 8px;} /* Row Expansion */ .ui-datatable table.expansion-grid, .ui-datatable-scrollable table, .ui-datatable-sticky table {width: 100%; table-layout: fixed;} .ui-datatable table.expansion-grid tr td {box-sizing: border-box; padding: 7.5px;} .ui-datatable-reflow table.expansion-grid tr td:first-child {width: 200px; word-break: break-word; white-space: normal; text-align: left; font-family: 'OpenSans-Light'; font-size: 16px; color: #018EA3; letter-spacing: 1.15px;} .ui-datatable-reflow table.expansion-grid tr td:last-child {width: 100%; word-break: break-word; white-space: normal; text-align: left;} /* Paginator */ .ui-paginator .ui-paginator-prev, .ui-paginator .ui-paginator-next {position: absolute;right: 45px;top: 0px;bottom: 0px;margin: auto;border: 1px solid #018EA3;border-radius: 25px 0px 0px 25px;color: #018EA3;width: 30px;height: 30px;padding: 0px 5px;} .ui-paginator .ui-paginator-next {border-radius: 0px 25px 25px 0px; right: 15px;} .ui-paginator .ui-paginator-page, .ui-paginator .ui-paginator-last, .ui-paginator .ui-paginator-first, .ui-paginator .ui-paginator-current {background-color: transparent; border-radius:0px; border: none; text-shadow:none; vertical-align: middle; margin: 0px; padding: 0px 5px;} .ui-paginator .ui-paginator-page{border: 1px solid white;} .ui-paginator .ui-paginator-current {position: absolute; right: 85px; top: 0px; bottom: 0px; margin: auto; height: 15px;} .ui-paginator .ui-paginator-page:hover, .ui-paginator .ui-paginator-next:hover, .ui-paginator .ui-paginator-last:hover, .ui-paginator .ui-paginator-first:hover,.ui-paginator .ui-paginator-prev:hover, .ui-paginator .ui-paginator-current:hover{background-image: none; background-color: transparent; box-shadow: none;} .ui-paginator .ui-paginator-page.ui-state-active {box-shadow: none; color: white !important;} .ui-datatable .ui-paginator, .ui-tabs .ui-datatable .ui-paginator {display:table;border-radius: 0px 0px 15px 15px; text-align: left; border: none; border-top: 1px solid #E6E6E6; padding: 23px 15px; padding-right: 150px; box-sizing: border-box; width: 100%; position: relative; font-family: OpenSans-Light; font-size: 13px;} .ui-datatable .ui-paginator .ui-paginator-rpp-options .ui-widget .ui-state-default .ui-corner-left {background-color: blue} .ui-paginator .ui-paginator-rpp-options {background: url('../images/svg/arrow-down.svg') no-repeat;background-position: right 8px center;background-size: 12px;-webkit-appearance: none;-moz-appearance: none;appearance: none;vertical-align: middle;outline: none;top: 0px;bottom: 0px;border: 1px solid #018EA3;border-radius: 25px;box-sizing: border-box;color: #018EA3;width: 57px;height: 30px;padding: 0px 8px;position: absolute;margin: auto !important;} .ui-paginator .ui-paginator-rpp-options option {background: #FFFFFF;} .ui-paginator .ui-paginator-rpp-options::-ms-expand {display: none;} .ui-paginator .ui-paginator-next.ui-state-disabled .ui-icon, .ui-paginator .ui-paginator-prev.ui-state-disabled .ui-icon{opacity: 0.5;} .ui-paginator .ui-icon {background-position: 3px 2px; background-size: 10px;} .ui-paginator.ui-paginator-bottom .ui-paginator-bottom-left-content {position: absolute !important; margin: 0px !important; top: 28px !important; left: 85px !important; } .paginator-wrapper {display: table-cell;top: 0px;bottom: 0px;margin: auto !important;padding-left: 62px;} .paginator-wrapper > div, .paginator-wrapper > span {display: table-cell; vertical-align: middle;} .expandableRowHeader, .expandableRowHeader span {font-size: 11px !important; color: #555555; width: 35%;} .expandableRowLabel {font-size: 11px !important;} /* Input Trigger */ .input-trigger, .ui-state-default.input-trigger, .ui-widget-content .ui-state-default.input-trigger{width: 35px; height: 35px; display: block; margin: 0; border-radius: 0;} /* BUTTONS */ .no-label-group {margin-top: 24px;} .no-label-group-switch {margin-top:32px;} .btn-cell, .btn-cell[class^="md-"], .btn-cell[class^="sm-"] {display: block; padding: 15px 7.5px;} button.positive-btn, .ui-widget-content button.positive-btn, button.negative-btn, .ui-widget-content button.negative-btn {width: 100%; border: none; background: #018EA3; border-radius: 25px; height: 44px; padding-left: 8px; padding-right: 8px;} button.negative-btn, .ui-widget-content button.negative-btn {background: transparent;} button.positive-btn .ui-button-text, button.negative-btn .ui-button-text, button.positive-btn-2 .ui-button-text {padding: 0px; font-family: 'OpenSans-Semibold'; font-size: 16px; color: #FFFFFF; letter-spacing: 0.6px;} button.positive-btn.ui-state-hover {background: #EFB200;} button.negative-btn .ui-button-text {color: #909090;} button.negative-btn.ui-state-hover .ui-button-text {color: #707070;} button.neutral-btn, .ui-widget-content button.neutral-btn {white-space: nowrap; width: auto; padding-top: 0px; padding-bottom: 0px; border-radius: 15px; height: 30px; background: transparent; border: 1px solid #018EA3; color: #018EA3;} button.neutral-btn.ui-state-hover, .ui-widget-content button.neutral-btn.ui-state-hover {background: #018EA3;} button.neutral-btn .ui-button-text {padding: 0px; font-family: 'OpenSans-Light'; font-size: 14px; letter-spacing: 0.52px;} button.neutral-btn.ui-state-hover .ui-icon, .ui-widget-content button.neutral-btn.ui-state-hover .ui-icon, button.neutral-btn.ui-state-hover .ui-button-text, .ui-widget-content button.neutral-btn.ui-state-hover .ui-button-text {color: #FFFFFF;} /* button.neutral-btn.ui-state-focus, button.neutral-btn.ui-state-focus .ui-icon, button.neutral-btn.ui-state-focus .ui-button-text, .ui-widget-content button.neutral-btn.ui-state-focus {color: #FFFFFF; background: #018EA3;} */ .ui-datatable .ui-datatable-header .ui-button.positive-btn-4 {background: #018EA3; height: 42px; width: 42px; border-radius: 100%; cursor: pointer; border: 1px solid #018EA3;} .ui-datatable .ui-datatable-header .ui-button.positive-btn-4:hover {background: #EFB200; border: 1px solid #EFB200;} .ui-datatable .ui-datatable-header .ui-button.positive-btn-4 .ui-icon {color: #FFFFFF;} .button-panel .neutral-btn {width: 100%;} /* filter btns */ button.positive-btn-2, .ui-widget-content button.positive-btn-2 {background: #018EA3; height: 42px; width: 42px; border-radius: 100%; border: 1px solid #018EA3;} button.negative-btn-2, .ui-widget-content button.negative-btn-2 {background: transparent; height: 44px; width: 44px; border-radius: 100%; border: 1px solid #909090;} button.positive-btn-2.ui-state-hover {background: #EFB200; border: 1px solid #EFB200;} button.positive-btn-2 .ui-icon, .ui-widget-content button.positive-btn-2 .ui-icon {color: #FFFFFF;} button.negative-btn-2.ui-state-hover {border: 1px solid #707070;} button.negative-btn-2 .ui-icon, .ui-widget-content button.negative-btn-2 .ui-icon{color: #909090;} button.negative-btn-2.ui-state-hover .ui-icon, .ui-widget-content button.negative-btn-2.ui-state-hover .ui-icon {color: #707070;} button.positive-btn-3, button.ui-widget.positive-btn-3, .ui-widget button.ui-widget.positive-btn-3, button.negative-btn-3, button.ui-widget.negative-btn-3, .ui-widget button.ui-widget.negative-btn-3 {border: none; height: auto; width: auto;} button.positive-btn-3 .ui-button-text, button.negative-btn-3 .ui-button-text, .ui-widget button.ui-widget.positive-btn-3 .ui-button-text, .ui-widget button.ui-widget.negative-btn-3 .ui-button-text{font-family: 'OpenSans-Light'; font-size: 14px; color: #018EA3; letter-spacing: 0.52px;} button.positive-btn-3:hover .ui-icon, button.ui-widget.positive-btn-3:hover .ui-icon, button.ui-widget.positive-btn-3:hover .ui-button-text, .ui-widget button.ui-widget.positive-btn-3:hover .ui-button-text, button.positive-btn-3:focus .ui-icon, button.ui-widget.positive-btn-3:focus .ui-icon, button.ui-widget.positive-btn-3:focus .ui-button-text, .ui-widget button.ui-widget.positive-btn-3:focus .ui-button-text, button.negative-btn-3:hover .ui-icon, button.ui-widget.negative-btn-3:hover .ui-icon, button.ui-widget.negative-btn-3:hover .ui-button-text, .ui-widget button.ui-widget.negative-btn-3:hover .ui-button-text, button.negative-btn-3:focus .ui-icon, button.ui-widget.negative-btn-3:focus .ui-icon, button.ui-widget.negative-btn-3:focus .ui-button-text, .ui-widget button.ui-widget.negative-btn-3:focus .ui-button-text {color: #EFB200;} .list-btn-panel .ui-button {width: 100%; box-sizing: border-box; text-align: left; color: #FFFFFF;} 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;} .showMoreLessBtnsPanel .ui-button {display: flex; width: 100% !important; justify-content: center; align-items: center; text-align: center; white-space: nowrap;} .showMoreLessBtnsPanel .ui-button:before, .showMoreLessBtnsPanel .ui-button:after {content: ''; border-top: 1px solid #E6E6E6; margin: 0px 10px 0px 0px; flex: 1 0 20px;} .showMoreLessBtnsPanel .ui-button:after {margin: 0px 0px 0px 10px;} /* Notification Button */ .notify-num.ui-button.ui-button-text-only {position: absolute; top: 0px; bottom: 15px; margin: auto; height: 16px; width: 16px; right: 0px; border-radius: 100%; border: none; display: block; padding: 0; background: #FFC10E; box-shadow: 0 1px 1px 0 rgba(0,0,0,0.15);} .notify-num.ui-button.ui-button-text-only .ui-button-text {padding: 0px; color: #FFFFFF; font-size: 9px; text-align: center; line-height: 16px;} .notifications-panel .notify-num.ui-button.ui-button-text-only {right: 5px;} /*Action Link Buttons*/ .action-btn.ui-button {background: none; margin: 0px; vertical-align: middle; border: 1px solid #018EA3; height: 55px; width: 55px; border-radius: 100%;} .action-btn.ui-button .ui-button-text {padding: 0;} .action-btn.ui-button .ui-icon {font-size: 20px;width: 22px;height: 22px;line-height: 22px;} .action-btn.ui-button .ui-button-text, .action-btn.ui-button .ui-icon {color: #018EA3;} .action-btn.ui-button.ui-state-hover {background: #018EA3; } .action-btn.ui-button.ui-state-hover .ui-button-text, .action-btn.ui-button.ui-state-hover .ui-icon {color: #FFFFFF;} .action-txt {display: block; padding-top: 7px; font-size: 14px; color: #018EA3;} .action-btn-2.ui-button .ui-button-text {opacity: 0.8; font-family: 'OpenSans'; font-size: 12px; color: #5C5C4F; letter-spacing: 0.43px;} .action-btn-2.ui-button .ui-icon {color: #018EA3;} .action-btn-2.ui-button.ui-state-hover .ui-icon {color: #EFB200;} .action-btn-2.ui-button.ui-state-hover .ui-button-text {color: #018EA3;} /* Disclaimer */ .disclaimer {background: #D9D9D9; position: absolute; bottom: 0px; width: 100%; margin: 0px;} .disclaimer i {font-size: 20px; height: 25px; width: 25px;} .disclaimer span {text-align: justify; padding-bottom:2px} .ui-card .ui-group.container.custom-disclaimer {width: 1120px;} .disclaimerLink {background: #D9D9D9; color: #018EA3 !important; text-decoration: underline !important} .link-1 {display: block; padding: 10px 15px; box-sizing: border-box; background: #FFFFFF; border: 1px solid #018EA3; border-radius: 28px;} .link-1 table {width: 100%; font-family: 'OpenSans-Light'; font-size: 13px; color: #A7A7A7; letter-spacing: 0;} .link-1 > table > tbody > tr > td:first-child {vertical-align: middle; width: 35px;} .link-1 img {display: block; width: 25px;} .link-1 > table table > tbody > tr:first-child > td {font-family: 'OpenSans'; font-size: 16px; color: #018EA3;} /* Tabview */ .msg-tab {position: absolute; right: 0; left: auto; top: 0; background-color: #FFFFFF; padding-left: 10px;} .custom-tabview.ui-tabs .ui-tabs-panels {border-top: 1px solid #E6E6E6; margin-top: -20px;} .custom-tabview.ui-tabs.ui-tabs-top > .ui-tabs-nav {padding: 0px;} .custom-tabview.ui-tabs.ui-tabs-top .ui-tabs-nav li {background-color: #FFFFFF;} .custom-tabview.ui-tabs.ui-tabs-top .ui-tabs-nav li:FIRST-CHILD {padding-left: 10px;} .custom-tabview.ui-tabs.ui-tabs-top .ui-tabs-nav li:LAST-CHILD {padding-right: 10px;} .custom-tabview.ui-tabs .ui-tabs-panel {margin-top: 20px;} .custom-tabview.ui-tabs.ui-tabs-top.secureM .ui-tabs-nav li:FIRST-CHILD {padding-left: 10px;width: 130px;} .custom-tabview.ui-tabs.ui-tabs-top.secureM .ui-tabs-nav li:LAST-CHILD {padding-right: 10px;width: 135px;} /* Dropdown */ .ui-selectonemenu, .ui-selectonemenu.ui-state-hover, .ui-selectonemenu.ui-state-focus, .ui-widget-content .ui-selectonemenu, .ui-selectcheckboxmenu, .ui-widget-content .ui-selectcheckboxmenu {min-width: 0px !important; display: inline-flex; vertical-align: middle; padding: 0px; width: 100%; height: 44px; border: 1px solid #EDEDED; background: #EDEDED; box-sizing: border-box; position: relative; border-radius: 25px;} .ui-selectonemenu .ui-selectonemenu-label.ui-inputfield, .ui-widget-content .ui-selectonemenu .ui-selectonemenu-label.ui-inputfield {height: auto; outline: none; width:100%; box-shadow: none; padding: 0px 0px 0px 15px; margin-right: 30px; box-sizing: border-box; line-height: 42px; white-space: normal; border: none;} .ui-selectonemenu.empty-value .ui-selectonemenu-label.ui-inputfield {font-family: 'OpenSans-Light'; color: #47473D; letter-spacing: 0;} .ui-selectonemenu .ui-selectonemenu-trigger, .ui-selectonemenu .ui-selectonemenu-trigger:hover {background-image:none; border-left: none; box-shadow: none; height: 100%; width: 45px; 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: 0 2px 4px 0 rgba(0,0,0,0.24); box-sizing: content-box; background-color: #EDEDED; border-radius: 0px; border: 1px solid #018EA3; border-radius: 22px; overflow: auto;} .ui-selectonemenu-panel:not(.appendToBody), .ui-selectcheckboxmenu-panel:not(.appendToBody) {top: -1px !important; left: -1px !important; width: auto !important; min-width: 100%;} .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 #A73333;} .ui-selectonemenu-filter-container{width:100%;} .ui-selectonemenu-panel .ui-selectonemenu-filter-container {box-sizing: border-box; padding: 10px 7.5px;} .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: 14px; line-height: 19px; border-top: none; border-radius: 0px; padding: 13px 7.5px;} .ui-selectonemenu-panel:not(.account-dd-panel) .ui-selectonemenu-list-item:first-child, .ui-selectonemenu-panel:not(.account-dd-panel) .ui-selectonemenu-table td:first-child{border-top: none;} .ui-selectonemenu-panel .ui-selectonemenu-items-wrapper{border-radius: 0px 0px 10px 10px; overflow-x: hidden; max-height: 132px !important; min-width: 47px; padding: 0px 7px;} .ui-selectonemenu-panel .ui-selectonemenu-list-item, .ui-selectonemenu-panel .ui-selectonemenu-table td, .ben-dropdown .ui-selectonemenu-panel .ui-selectonemenu-item {border-top: 1px solid #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: 10px 10px 0px 0px; padding: 0px 40px 0px 10px;} .ui-selectonemenu-panel .ui-selectonemenu-list-item {text-align: inherit; white-space: normal;} .ui-selectcheckboxmenu-label{outline: none; width:100%; box-shadow: none; padding: 0px 0px 0px 10px; margin-right: 50px; box-sizing: border-box; font-size: 14px; line-height: 40px; white-space: normal; color: #0D47A1;} .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger{width: 100%; position: relative; padding: 0px; border: none;} .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-list-item .ui-chkbox {width: 5%; margin: auto !important; top: 0px !important; bottom: 0px !important; height: 100%;} .ui-selectcheckboxmenu-header .ui-chkbox {z-index: 10000;} .ui-selectcheckboxmenu-panel .ui-chkbox .ui-chkbox-box{position: absolute; margin: auto; top: 0px; bottom: 0px;} .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-list-item label{display: inline;} .ui-selectcheckboxmenu-header{padding: 0px 10px; margin: 0px; border: none; border-radius: 15px 15px 0px 0px; position: relative; background: transparent;} .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close{display: none;} .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container{width: 90%; margin-left: 12%;} .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-list-item{outline: none; margin: 0px; font-size: 14px; height: 42px; line-height: 42px; border-top: 1px solid white; border-radius: 0px; padding: 0px;} .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-list{background-color: transparent; padding: 0px 10px;} .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container {float: none; position: relative; top: 5px;} .ui-selectcheckboxmenu-token.ui-state-active{border:none; background:none} .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon.ui-icon-triangle-1-s:before {content: "\e91d";} .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: "\e91a";} .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon {top: 0px; right: 0px; left: auto; width: 45px; padding: 0px;} .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon:before {color: #018EA3;} .ui-selectonemenu-items-wrapper::-webkit-scrollbar-track, .selector .ui-overlaypanel-content::-webkit-scrollbar-track { border: 5px solid rgba(255, 255, 255, 0); border-radius: 25px; background-clip: padding-box; } .ui-selectonemenu-items-wrapper::-webkit-scrollbar-thumb, .selector .ui-overlaypanel-content::-webkit-scrollbar-thumb { border: 5px solid rgba(255, 255, 255, 0); border-radius: 25px; background-clip: padding-box; } .ui-selectonemenu-items-wrapper::-webkit-scrollbar, .selector .ui-overlaypanel-content::-webkit-scrollbar { width: 16px; background-color: #EDEDED;; border-radius: 0px 25px 25px 0px; } /* Amount Input */ .amount-input {display: inline-table; width: 100%; box-sizing: border-box;} .amount-input .selectOneMenu {display: table-cell; vertical-align: middle; padding-left: 2px;} .amount-input .ccy {border-left: none !important; border-radius: 0px; border-top-right-radius: 25px; border-bottom-right-radius: 25px; min-width: 80px !important;} .amount-input .ccy .ui-selectonemenu-panel {top: 42px !important;} .amount-input .ccy.ui-selectonemenu .ui-selectonemenu-label.ui-inputfield {padding: 0px 10px;} .amount-input input:not(.ccy), .ui-widget-content .amount-input input:not(.ccy) {border-right: none; border-radius: 0px; border-top-left-radius: 25px; border-bottom-left-radius: 25px; display: table-cell; width: 100%;} .amount-input input[readonly="readonly"].ccy {border-color: #018EA3; background: transparent; width: 80px; display: table-cell;} .amount-input input.ui-state-focus, .amount-input input.ui-state-focus ~ div .ccy {border-color: #018EA3;} .amount-input input.ui-state-focus {border-right-color: #FFFFFF;} .amount-input input.ui-state-error, .amount-input input.ui-state-error ~ div .ccy, .amount-input.ccyIsEmpty.required input, .amount-input.ccyIsEmpty.required input.ui-state-focus ~ div .ccy, .amount-input.ccyIsEmpty.required input ~ div .ccy {border-color: #A73333;} .amount-input input {position: relative;} .amount-input input:before {content: ""; position: absolute; left: 0; top: 1px; bottom: 1px; height: 0.5em; width: 1px; background: #FFFFFF;} /* BIC */ .bic-input {position: relative;} .bic-input div > .caption:not(:empty):after {content: ', ';} .bic-input div > .caption:LAST-CHILD:after {content: none;} .bic-input .ui-button {position: absolute; top: 23px; margin: auto; height: 43px; width: 43px; right: 0;} /*Language Dropdown*/ .lang-select.ui-selectonemenu {border: 1px solid #FFFFFF; border-radius: 12.5px; height: 25px; background: #FFFFFF; width: auto; min-width: 0px !important;} .lang-select.ui-selectonemenu .ui-selectonemenu-trigger, .lang-select.ui-selectonemenu .ui-selectonemenu-trigger:hover{width: 20px;} .lang-select.ui-selectonemenu .ui-selectonemenu-trigger .ui-icon.ui-icon-triangle-1-s {font-size: 10px; padding: 0px; left: 0;} .lang-select.ui-selectonemenu .ui-selectonemenu-label.ui-inputfield {color: #018EA3; letter-spacing: 0px; font-size: 14px; padding: 0px 0px 0px 7.5px; margin-right: 20px; line-height: 23px;} .lang-select.ui-selectonemenu .ui-selectonemenu-panel .ui-selectonemenu-items-wrapper {min-width: 0px;} .lang-select.ui-selectonemenu .ui-selectonemenu-panel .ui-selectonemenu-list-item {padding: 2.5px 0px; color: #018EA3;} .lang-select.ui-selectonemenu .ui-selectonemenu-panel {border-radius: 12.5px; background-color: #FFFFFF; border-color: #FFFFFF;} /*Beneficiary Dropdown*/ .ben-dropdown .ui-selectonemenu-panel .ui-selectonemenu-table td {border: none; padding: 7.5px 20px 7.5px 0; font-family: 'OpenSans-Light'; font-size: 14px; color: #5C5C4F;} .ben-dropdown .ui-state-highlight, .ben-dropdown .ui-widget-content .ui-state-highlight, .ben-dropdown .ui-widget-header .ui-state-highlight{background: none; box-shadow: none;} .ben-dropdown .ui-selectonemenu-panel .ui-selectonemenu-item:nth-child(2):before{content: ""; background: url(../images/svg/add.svg) no-repeat 0 0; display: inline-block; margin: 5px 15px; /*position: absolute;*/ height: 30px; width: 30px;} .ben-dropdown.empty-list .ui-selectonemenu-panel .ui-selectonemenu-item:nth-child(2):before{position: absolute;} .ben-dropdown.empty-list .ui-selectonemenu-panel .ui-selectonemenu-item:nth-child(2) td {padding: 0px 50px;} .ben-dropdown.no-add-icon .ui-selectonemenu-panel .ui-selectonemenu-item:nth-child(2):before{display: none;} .ben-dropdown .image-pg{width: 36px; height: 36px; padding: 7px;} .ben-dropdown .ui-selectonemenu-panel .ui-selectonemenu-item {border: none;} /* Accordion Default */ .ui-accordion {background: transparent; font-weight: normal; border: none; width: 100%; border-spacing: 8px; line-height: 20px; box-sizing: border-box} .ui-accordion .ui-accordion-header {padding: 17px 15px; padding-left: 35px; text-shadow: none;} .ui-accordion .ui-accordion-header:not(:first-of-type) {margin-top: 20px;} .ui-accordion .ui-accordion-content {padding: 0px; overflow: hidden; background: transparent;} .ui-accordion .ui-accordion-content {padding: 0px; margin: 0px; top: 0px;} .ui-accordion .ui-accordion-header .ui-icon {left: 0px; top: 0px;} .ui-accordion .ui-accordion-header .ui-icon.ui-icon-triangle-1-e, .ui-accordion .ui-accordion-header .ui-icon.ui-icon-triangle-1-s {top: 0px; left: 7.5px; right: auto; color: #006271;} .ui-accordion .ui-accordion-header .ui-icon.ui-icon-triangle-1-s:before{content: "\e915";} .ui-accordion .ui-accordion-header .ui-icon.ui-icon-triangle-1-e:before{content: "\e916";} /* Accordion st-2 */ .ui-accordion.st-2 .ui-accordion-header {padding: 5px 0px; margin-bottom: 5px; padding-right: 35px; border-bottom: solid 1px #E6E6E6; font-family: "OpenSans"; font-size: 15px; color: #006271;} .ui-accordion.st-2 .ui-accordion-header.ui-state-disabled {opacity: 1;} .ui-accordion.st-2 .ui-accordion-header .ui-icon.ui-icon-triangle-1-e, .ui-accordion.st-2 .ui-accordion-header .ui-icon.ui-icon-triangle-1-s {right: 0px; left: auto;} .ui-accordion.st-2 .ui-accordion-header.ui-state-disabled .ui-icon.ui-icon-triangle-1-e, .ui-accordion.st-2 .ui-accordion-header.ui-state-disabled .ui-icon.ui-icon-triangle-1-s {display: none;} /*Quick Access Panel Accordion*/ .quick-access-panel {background: #F4F4F4;} .quick-access-panel .ui-menu .ui-menu-list .ui-menuitem {width: auto; clear: none; display: inline;} .quick-access-panel .ui-accordion .ui-accordion-header {font-family: 'OpenSans-Semibold'; font-size: 20px; color: #006271;} .quick-access-panel .ui-accordion .ui-accordion-header:not(:first-child) {margin-top: 15px;} .quick-access-panel div.title:first-child {height: 45px; padding: 10px; box-sizing: border-box;} .quick-access-panel .ui-accordion tbody.ui-datatable-data td:nth-child(2) {padding: 7.5px; box-sizing: border-box;} .quick-access-panel .ui-datatable-selectable.ui-state-highlight {box-shadow: none; background: none;} .quick-access-panel .ui-datatable .ui-datatable-data > tr > td {border: none; color: #018EA3; align-items: center; display: flex; padding: 0px 5px;} .quick-access-panel .ui-datatable .ui-datatable-data > tr > td:before {content: ''; border-radius: 100%; background: #E6E6E6; width: 8px; height: 8px; float: left; margin: 0 14px 0 0px;} .quick-access-panel .ui-datatable .ui-datatable-data > tr {height: 40px;} .quick-access-panel .ui-datatable > .ui-datatable-tablewrapper > table {background: #F4F4F4; padding: 0px; box-sizing: border-box;} /* Header Line */ .quick-access-panel .ui-accordion .ui-accordion-header tr > td:FIRST-CHILD span {display: flex; width: 100%; justify-content: center; align-items: center; text-align: center;} .quick-access-panel .ui-accordion .ui-accordion-header tr > td:FIRST-CHILD span:after {content: ''; border-top: 1px solid #E6E6E6; flex: 1 0 20px; margin: 0 0 0 10px;} .quick-access-panel .ui-accordion .ui-accordion-header tr > td:FIRST-CHILD {width: 100%;} .quick-access-panel .ui-accordion .ui-accordion-header tr > td:LAST-CHILD {padding-left: 10px;} .quick-access-panel .ui-accordion .ui-accordion-header tr > td:LAST-CHILD .ui-button {display: block;} .quick-access-panel .ui-accordion .ui-accordion-content {overflow: visible; padding: 0px 10px; box-sizing: border-box;} .quick-access-panel .ui-accordion .ui-accordion-header span.st-1 {display: flex; width: 100%; justify-content: center; align-items: center; text-align: center;} .quick-access-panel .ui-accordion .ui-accordion-header span.st-1:after {content: ''; border-top: 1px solid #E6E6E6; flex: 1 0 20px; margin: 0 0 0 10px;} /* Filters Panel Default */ .ui-panel {border-radius: 0px; border: none; padding: 0px; background-color: transparent;} .ui-panel .ui-panel-titlebar {width: 100%; box-sizing: border-box; border: none; border-radius: 0px; padding: 15px; padding-left: 30px; background-color: transparent; position: relative;} .ui-panel .ui-panel-titlebar .ui-panel-title {font-family: 'OpenSans-Semibold'; font-size: 20px; color: #006271; text-shadow: none; cursor: pointer; margin: 0px;} .ui-panel-titlebar-icon.ui-state-default {border: none; border-radius: 0px; background-color: transparent; margin: 0px !important; vertical-align: middle;} .ui-panel-titlebar-icon .ui-icon.ui-icon-plusthick, .ui-panel-titlebar-icon .ui-icon.ui-icon-minusthick {position: absolute; left: 0px; right: auto;} .ui-panel-titlebar-icon .ui-icon.ui-icon-plusthick:before {content: "\e916";} .ui-panel-titlebar-icon .ui-icon.ui-icon-minusthick:before {content: "\e915";} .ui-panel .ui-panel-content{background-color: transparent; padding: 7.5px; box-sizing: border-box;} .ui-panel .ui-panel-titlebar .custom-num, .ui-button.custom-num {display: inline-block; height: 15px; width: 15px; border-radius: 100%; line-height: 15px; text-align: center; color: white; background: #E1671B;} td.fixed-col-15{width: 15px;} td.fixed-col-bar {width: 235px; padding-left: 15px; box-sizing: border-box;} td.fixed-col-250 {min-width: 250px;} /* Filters */ .filters-panel ~ .ui-datatable.ui-datatable-reflow {border-top: none; border-radius: 0px 0px 15px 15px;} .filters-panel .header {padding: 15px; border: 1px solid #E6E6E6; border-bottom: none; border-radius: 15px 15px 0px 0px;} .filters-panel .data:not(:empty) {background: #DFDFDF; padding: 7.5px;} .ui-accordion .filters-panel .header {border: none;} .filters-panel .notify-num.ui-button {bottom: 30px;} .filters-panel .header table {width: 100%;} .filters-panel .header td:not(:FIRST-CHILD) {padding-left: 10px;} .filters-panel .header > table > tbody > tr > td:FIRST-CHILD {width: 100%;} .filters-panel .header .filters-group > tbody > tr > td:LAST-CHILD {width: 100%;} .filters-panel .header .filters-group > tbody > tr > td:LAST-CHILD > div {position: relative; display: flex; width: 100%; align-items: center;} .filters-panel .header .filters-group > tbody > tr > td:LAST-CHILD > div:after {content: ''; border-top: 1px solid #E6E6E6; flex: 1 0 20px; margin: 0 0 0 10px; display: inline;} /* Panel Style 1 */ .ui-panel.st-1 > .ui-panel-titlebar {/*padding: 0; padding-left: 25px;*/ padding: 15px; padding-left: 30px;} .ui-panel.st-1 > .ui-panel-titlebar .ui-panel-title > table > tbody > tr > td:FIRST-CHILD span {position: relative; display: flex; width: 100%; align-items: center;} .ui-panel.st-1 > .ui-panel-titlebar .ui-panel-title > table > tbody > tr > td:FIRST-CHILD span:after {content: ''; border-top: 1px solid #E6E6E6; flex: 1 0 20px; margin: 0 0 0 10px; display: inline;} .ui-panel.st-1 > .ui-panel-titlebar .ui-panel-title, .ui-panel.st-1 > .ui-panel-titlebar .ui-panel-title > table, .ui-panel.st-1 > .ui-panel-titlebar .ui-panel-title > table > tbody > tr > td:FIRST-CHILD {width: 100%;} .ui-panel.st-1 > .ui-panel-titlebar .ui-panel-title > table > tbody > tr > td:LAST-CHILD {padding-left: 0px;} .ui-panel.st-1 > .ui-panel-titlebar .ui-panel-title > table > tbody > tr > td:LAST-CHILD .ui-outputlabel {padding-bottom: 0} .ui-panel.st-1 > .ui-panel-titlebar .ui-panel-title > table > tbody > tr > td:LAST-CHILD span:after {content: ''; border-top: 1px solid #E6E6E6; flex: 1 0 20px; margin: 0 0 0 10px; display: inline;} .ui-panel.st-1:not(.myProducts) {padding: 0px 5px;} /* Panel Style 4*/ .ui-panel.st-4, .ui-datalist .ui-panel.st-4 {padding: 0px;} .ui-panel.st-4 .ui-panel-titlebar .ui-panel-title {font-family: 'OpenSans'; font-size: 14px; color: #707070; letter-spacing: 0; line-height: 18px;} .ui-panel.st-4 .ui-panel-titlebar {padding: 0px 60px 0px 7.5px; line-height: normal; position: relative;} .ui-panel.st-4.hasErrors .ui-panel-titlebar .ui-panel-title:after {position: absolute; right: -25px; top: 10px; height: 17px; font-family: 'icomoon'; content: "\e92d"; color: #A73333;} .ui-panel.st-4 .ui-panel-titlebar .ui-panel-title {display: inline-block; margin: 0px; padding: 7.5px 0px; box-sizing: border-box; position: relative; word-break: break-word;} .ui-panel.st-4 .ui-panel-actions {padding: 15px 0px; box-sizing: border-box;} .ui-panel.st-4 .ui-panel-titlebar-icon.ui-state-default {position: absolute; right: 34px; top: 0px; bottom: 0px; margin: auto !important; height: 25px;} .ui-panel.st-4 .ui-panel-content {border-bottom: 2px solid #F4F4F4; border-top: 2px solid #f4f4f4; padding: 5px 15px;} .ui-panel.st-1 .ui-datalist-data li:nth-child(odd) .ui-panel-titlebar {background: #F4F4F4} .ui-datalist-data .ui-panel-content ui-widget-content {padding:0px !important} /* Panel Style 3*/ .ui-panel.st-3, .ui-datalist .ui-panel.st-3 {padding: 0px;} .ui-panel.st-3 .ui-panel-titlebar .ui-panel-title {font-family: 'OpenSans'; font-size: 14px; color: #707070; letter-spacing: 0; line-height: 18px;} .ui-panel.st-3 .ui-panel-titlebar {padding: 0px 30px 0px 7.5px; line-height: normal; position: relative;} .ui-panel.st-3.hasErrors .ui-panel-titlebar .ui-panel-title:after {position: absolute; right: -25px; top: 10px; height: 17px; font-family: 'icomoon'; content: "\e92d"; color: #A73333;} .ui-panel.st-3 .ui-panel-titlebar .ui-panel-title {display: inline-block; margin: 0px; padding: 7.5px 0px; box-sizing: border-box; position: relative; word-break: break-word;} .ui-panel.st-3 .ui-panel-actions {padding: 15px 0px; box-sizing: border-box;} .ui-panel.st-3 .ui-panel-titlebar-icon.ui-state-default {position: absolute; right: 5px; top: 0px; bottom: 0px; margin: auto !important; height: 25px;} /* Info Panel */ .info-panel {background: #DFA600;} .info-panel .ui-card-body {position: relative; padding-right: 35px} .info-panel .ui-card-body > .ui-button {position: absolute; right: 10px; top: 10px;} .info-panel span {font-family: 'OpenSans'; font-size: 17px; color: #FFFFFF; letter-spacing: 0; line-height: 26px; text-align: justify;} .info-panel .ui-button {padding: 0px;} .info-panel .ui-button .ui-button-text {color: #FFFFFF !important;} .info-panel .ui-button.ui-state-hover .ui-button-text {color: #018EA4 !important;} /*Row Toggler */ .row-toggler, .row-toggler-arrow {width: 44px; position: relative;} .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-s:before{content: "\e915";} .ui-row-toggler.ui-icon.ui-icon-circle-triangle-e:before{content: "\e916";} .ui-row-toggler.ui-icon.ui-icon-circle-triangle-e, .ui-row-toggler.ui-icon.ui-icon-circle-triangle-s {position: relative; outline: none; background-image: none; font-family: "icomoon"; font-size: 15px; text-align: center;} /* Select One Button */ .ui-selectonebutton {width: 100%; display: table; table-layout: fixed;} .ui-selectonebutton > div {display: table-cell; height: 40px; vertical-align: middle;} .ui-selectonebutton .ui-button {margin: 0px; box-shadow: none; text-shadow: none;} .ui-selectonebutton > div:first-child {border-radius: 25px 0 0 25px;} .ui-selectonebutton > div:last-child {border-radius: 0 25px 25px 0;} .ui-selectonebutton .ui-button.ui-widget.ui-state-default {background: #EDEDED; font-family: 'OpenSans-Semibold'; font-size: 14px; color: #909090;} .ui-selectonebutton .ui-button.ui-widget.ui-state-active {background: #018EA3; color: #FFFFFF;} .ui-selectonebutton .ui-button-text {padding: 0px 2px; box-sizing: border-box; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block;} .selectOneButtonTabSt .ui-button.ui-widget{background-color: white; border-bottom: solid 2px transparent;} .selectOneButtonTabSt .ui-button.ui-widget {color: #9B9B9B;} .selectOneButtonTabSt > .ui-button.ui-widget.ui-state-active {color: #FFFFFF; outline: none; background-color: #018EA3;} /* Calendar */ input.datepicker-device{width: 218px;} .datepicker-device::-webkit-clear-button{display: none; -webkit-appearance: none;} .ui-datepicker {background: #EDEDED; border: 1px solid #018EA3; box-shadow: 0 2px 4px 0 rgba(0,0,0,0.24); border-radius: 22px; margin-top: 8px; padding: 10px; } .ui-datepicker th span {font-size: 14px; color: #FFFFFF;} .ui-datepicker .ui-datepicker-header {background: none; border: none; border-bottom: 1px solid #EEEEEE; padding: 0px; margin: 0px;} .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next-hover{background: none;box-shadow:none;} .ui-datepicker .ui-datepicker-calendar {background: #EDEDED; /*border: solid 3px white;*/} .ui-datepicker .ui-datepicker-current-day .ui-state-highlight, .ui-datepicker .ui-datepicker-current-day .ui-state-default {background: #EFB200 !important; border-radius: 0px; text-shadow: none;} .ui-datepicker .ui-datepicker-calendar .ui-state-default, .ui-datepicker .ui-datepicker-title span {font-family: 'OpenSans'; font-size: 15px; color: #018EA3;} .ui-datepicker .ui-datepicker-calendar .ui-state-default {font-size: 13px; color: #909090; background: #EDEDED;letter-spacing: 0;font-weight: normal; font-family: 'OpenSans-SemiBold';} .ui-calendar.ui-trigger-calendar{position: relative; display: inline-block; width: 100%;} .ui-datepicker .ui-datepicker-title .ui-datepicker-month, .ui-datepicker .ui-datepicker-title .ui-datepicker-year {border-color: #018EA3; border-radius: 5px; color: #018EA3;} .ui-datepicker-trigger.ui-button {position: absolute; display: none;} .ui-calendar .ui-inputfield, .ui-calendar .ui-inputfield.ui-state-disabled {background-image: url(../images/svg/calendar.svg); background-color: #EDEDED; padding: 0px 10px; background-repeat: no-repeat; background-position: right 15px center; background-size: 12px; -webkit-appearance: none; -moz-appearance: none; appearance: none; vertical-align: middle; width: 100%; height: 44px; outline: none; box-sizing: border-box; position: relative; border-radius: 22px; opacity:1} .ui-calendar input{cursor: pointer;} .calendar-pg {table-layout: fixed;} .calendar-pg, .calendar-pg .ui-calendar{width: 100%;} .calendar-pg > tbody > tr > td {vertical-align: top;} .calendar-pg > tbody > tr > td:first-child .ui-calendar input {border-radius: 25px 0 0 25px; border-right: 1px solid #ffffff;} .calendar-pg > tbody > tr > td:last-child .ui-calendar input {border-radius: 0 25px 25px 0;} /* Checkbox */ .ui-chkbox-box .ui-icon-blank:before {content: "\e923";} .ui-chkbox-box .ui-icon-check:before {content: "\e924";} .ui-chkbox-box .ui-chkbox-icon:before {font-size: 20px;} .views .ui-chkbox-box .ui-icon-blank:before {content: "\e911";} .views .ui-chkbox-box .ui-icon-check:before {content: "\e912";} .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: #018EA3; font-size: 14px;} .ui-chkbox-box {cursor: pointer;} .switch-checkbox {width: auto !important;} .switch-checkbox .ui-chkbox .ui-chkbox-box {display: none;} .switch-checkbox td:first-child .ui-chkbox-label:before, .switch-checkbox td:last-child .ui-chkbox-label:before {font-family: 'icomoon'; font-size:11px;} .switch-checkbox td:first-child .ui-chkbox-label:before {content:'\e918';} .switch-checkbox td:last-child .ui-chkbox-label:before {content:'\e917';} .switch-checkbox td:first-child .ui-chkbox-label {border: 1px solid #909090; color: #909090; border-radius: 15px 0 0 15px;} .switch-checkbox td:last-child .ui-chkbox-label {border: 1px solid #018EA3; border-radius: 0 15px 15px 0;} .switch-checkbox .authoriseSelected .ui-chkbox-box ~ .ui-chkbox-label{background: #018EA3; color: #FFFFFF;} .switch-checkbox .declineSelected .ui-chkbox-box ~ .ui-chkbox-label{background: #808080; color: #FFFFFF;} .switch-checkbox .ui-chkbox .ui-chkbox-label {display: inline-block; margin: 0px; box-sizing: border-box; height: 25px; line-height: 25px; text-align: center; width: 50px; box-sizing: border-box;} .switch-checkbox td.ui-helper-hidden{display: table-cell;} .ui-datatable td .ui-chkbox .ui-chkbox-box, .ui-datatable td .ui-radiobutton .ui-radiobutton-box{left: 0px; right: 0px;} .content-C .switch-checkbox .ui-chkbox {margin: 0px; min-height: 0px;} .content-C .ui-chkbox, .content-C .switch-checkbox {margin: auto;} .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;} /* Filters Checkbox */ .custom-checkbox {border: 1px solid #018EA3; height: 30px;} .custom-checkbox .ui-chkbox-label {white-space: nowrap;} .custom-checkbox .ui-chkbox-box {height: 30px; width: 100%; display: table-cell; vertical-align: middle;} .custom-checkbox .ui-chkbox-box .ui-icon:before {font-size: 14px; right: 0px;} .custom-checkbox.keyword {border-radius: 100%; width: 30px;} .custom-checkbox.keyword .ui-chkbox-box {width: 30px;} .custom-checkbox.filters {border-radius: 25px; padding: 0px 10px; box-sizing: border-box;} .custom-checkbox.keyword .ui-chkbox-box .ui-icon:before {content: "\e91a";} .custom-checkbox.filters .ui-chkbox-box .ui-icon:before {content: "\e91b";} .custom-checkbox:not(.disabled):hover, .custom-checkbox.active {background-color: #018EA3;} .custom-checkbox:not(.disabled):hover .ui-chkbox-label, .custom-checkbox.active .ui-chkbox-label {color: #FFFFFF;} .custom-checkbox:not(.disabled):hover .ui-chkbox-box .ui-icon,.custom-checkbox.active .ui-chkbox-box .ui-icon {color: #FFFFFF;} .custom-checkbox.disabled {cursor: default; opacity: 0.5;} .custom-checkbox.disabled .ui-state-disabled {opacity: 1;} /* Radio Button */ .ui-selectoneradio label{cursor: pointer; margin: 0px 3px; display: table-cell; padding: 5px 20px 5px 5px;} .ui-selectoneradio {width: 100%; table-layout: fixed;} .ui-selectoneradio td {min-width: 22px;} .ui-selectoneradio.ui-widget td {vertical-align: middle; display: inline-block;} .ui-radiobutton.ui-widget {display: table-cell;} .ui-radiobutton .ui-radiobutton-box .ui-icon:before, .ui-radiobutton-icon .ui-chkbox-box .ui-icon:before{content: "\e926"; color: #018EA3;} .ui-radiobutton .ui-radiobutton-box .ui-icon.ui-icon-bullet:before, .ui-radiobutton-icon .ui-chkbox-box .ui-icon.ui-icon-check:before{content: "\e925";} .ui-icon.ui-radiobutton-icon, .ui-state-default .ui-icon.ui-radiobutton-icon {font-size: 18px;} /* Exchange Rates Widget */ .ui-datatable.rates-table thead th, .ui-datatable.rates-table thead th.ui-state-default , .ui-widget-content .ui-datatable.rates-table thead th.ui-state-default {height: 30px; background: transparent;} .ui-datatable.rates-table thead th span {color: #707070; font-size: 12px; font-family: 'OpenSans'; line-height: 18px;} .ui-datatable.rates-table .ui-datatable-data > tr.ui-datatable-, .ui-datatable.rates-table .ui-datatable-data > tr.ui-datatable-even {background: transparent;} .ui-datatable.rates-table thead th, .ui-datatable.rates-table thead th.ui-state-default, .ui-widget-content .ui-datatable.rates-table thead th.ui-state-default {border-bottom: none;} .flag-img {border: 1px solid #EEEEEE; margin-right: 7.5px; border-radius: 60px; width: 33px; vertical-align: middle;} .rates-table.border {border-right: 1px solid #EEEEEE;} .currency-dropdown .ui-selectonemenu-panel .ui-selectonemenu-table td {border: none; padding: 7.5px 0px 7.5px 0; font-family: 'OpenSans-Light'; font-size: 14px; color: #5C5C4F;} .currency-dropdown .ui-state-highlight, .currency-dropdown .ui-widget-content .ui-state-highlight, .currency-dropdown .ui-widget-header .ui-state-highlight{background: none; box-shadow: none;} .currency-dropdown img {width: 33px; height: 33px} .currency-dropdown .ui-selectonemenu-panel .ui-selectonemenu-item {border: none;} .currency-dropdown .ui-selectonemenu-panel:not(.account-dd-panel) .ui-selectonemenu-table tr:first-child td:first-child {padding-left: 10px;} /* Widget Chart */ .chart-panel > div {text-align: center;} .chart-panel > div span {font-size: 15px; font-family: 'OpenSans'; letter-spacing: 0.5px; vertical-align: middle;} .chart-panel .textTop {fill: #018EA3; font-size: 14px; font-family: 'OpenSans-Semibold';} .chart-panel .textBottom {fill: #018EA3; font-size: 13px; font-weight: normal;} .chart-panel i {font-size: 18px; padding-right: 5px; vertical-align: middle;} .chart-panel .textTop a, .chart-panel .textBottom a{font-weight: normal; fill: #FFFFFF; cursor: pointer; text-decoration: none;} .charts-slick .slick-prev, .charts-slick .slick-next{background: none; font-size: 23px;} /* Cif */ .cust-select{/*height: 40px; width: 240px;*/width: 240px;} .cust-select.ui-selectonemenu{background: #F4F4F4; border: 1px solid #018EA3;} .cust-select.ui-selectonemenu .ui-selectonemenu-label.ui-inputfield{color: #018EA3; padding-left: 30px; line-height: 40px;} .cust-select.ui-selectonemenu:before {content: '\e900'; color: #018EA3; width: 30px; font-family: 'icomoon'; height: 20px; font-size: 16px; top: 0px; bottom: 0px; margin: auto; right: auto; left: 0px; text-align: center; position: absolute;} .slide-menu.cust-select.ui-selectonemenu .ui-selectonemenu-label.ui-inputfield {font-family: OpenSans; font-size: 14px; color: #FFFFFF; letter-spacing: 0.5px;} /* Dashboard */ .dashboard .inline {width: 100%;} .inline-table {display: inline-table; vertical-align: middle;} .dashboard .myProducts .ui-commandlink {font-family: 'OpenSans-Semibold'; word-break: break-word; font-size: 17px;} .dashboard .myProducts .ui-panel-titlebar {padding-left: 10px; padding-right: 10px;} .dashboard .myProducts .align-item-center:hover {background:#EDEDED} /* Dashboard Widgets */ .widgets-panel {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 {margin-bottom: 15px;} .widgets-panel .ui-widget-content, .widgets-panel .ui-datagrid-column {padding: 0px;} .widgets-panel .ui-panel .ui-panel-actions table td:first-child {padding-right: 0px;} .widgets-panel .ui-panel .ui-panel-actions .ui-button, .widgets-panel .ui-panel .ui-panel-actions span, .widgets-panel .ui-panel .ui-panel-actions .ui-inputswitch{vertical-align: middle;} .widgets-panel .ui-button .ui-icon.icon-customise, .widgets-panel .ui-icon.icon-grid-view {font-size: 22px; color: #EFB200; width: 25px; height: 25px; line-height: 25px;} .infoLabel {background: #EDEDED; box-sizing: border-box; font-size: 14px;font-family: 'OpenSans', sans-serif; border-radius: 25px; display: block; width: 100%; padding: 15px 0px; margin-bottom: 10px;} .infoLabel td:FIRST-CHILD {padding-left:8px} .infoLabel td:LAST-CHILD {padding-left: 15px; padding-right: 15px;} .infoLabel i {color: #FFF;background-color: #FFC10E;padding: 10px;border-radius: 25px;font-size:15px;} /*HEADER LINE*/ .ui-panel.st-1 .ui-panel-title {position: relative; display: flex; width: 100%; align-items: center;} .ui-panel.st-1 .ui-panel-title:after {content: ''; border-top: 1px solid #E6E6E6; flex: 1 0 20px; margin: 0 0 0 10px; display: inline;} .ui-panel.st-1.noFlex .ui-panel-title:after {content: ''; border-top: 0px; flex: 1 0 20px; margin: 0 0 0 0px; display: none;} .widgets-panel .ui-panel.st-1.exchangeRates .ui-panel-title:after, .widgets-panel .ui-panel.st-1.myProducts .ui-panel-title:after {display: none;} .widgets-panel .ui-panel.st-1 .ui-panel-titlebar .ui-button {width: auto; padding-right:18px; padding-top: 0px; padding-bottom: 0px; border-radius: 15px; height: 30px; background: transparent; border: 1px solid #018EA3; color: #018EA3;} .widgets-panel .ui-panel.st-1 .ui-panel-titlebar .ui-button.ui-state-hover {background: #018EA3;} .widgets-panel .ui-panel.st-1 .ui-panel-titlebar .ui-button .ui-button-text {padding: 0px; font-family: 'OpenSans-Light'; font-size: 14px; letter-spacing: 0.52px;} .widgets-panel .ui-panel.st-1 .ui-panel-titlebar .ui-button.ui-state-hover .ui-button-text {color: #FFFFFF;} .widgets-panel .ui-panel.st-1 .ui-panel-titlebar .ui-button .ui-icon {font-size: 12px; padding-left:5px; color: #018EA3;} .widgets-panel .ui-panel.st-1 .ui-panel-titlebar .ui-button.ui-state-hover .ui-icon {font-size: 12px; padding-left:5px; color: #FFFFFF;} /*Dashboard Grid-View*/ .grid-view .slick-carousel .ui-panel{padding: 0px; background-color: transparent;} .grid-view .slick-carousel .ui-panel .ui-panel-content {background: #F4F4F4; margin: 15px 7.5px; border-bottom: 3px solid; padding: 7.5px; box-sizing: border-box; text-align: center;} .grid-view .slick-carousel .current-account .ui-panel .ui-panel-content{border-bottom-color: #597DAE;} .grid-view .slick-carousel .card .ui-panel .ui-panel-content{border-bottom-color: #EFB200;} .grid-view .slick-carousel .loan .ui-panel .ui-panel-content{border-bottom-color: #939387;} .grid-view .slick-carousel .fixed-deposit .ui-panel .ui-panel-content{border-bottom-color: #1F61B7;} .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: #018EA3;} .grid-view .slick-carousel .slick-prev, .grid-view .slick-carousel .slick-next{background-size: 18px; background-color: rgba(0, 0, 0, 0.5); 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: 15px;} /* Dashboard Accordion - less than or equal to 10 */ .ui-accordion.list-view thead {display: none;} .ui-accordion.list-view .ui-accordion-header {display: none;} .ui-accordion.list-view .ui-datatable .ui-datatable-data tr{background: none;} .ui-accordion.list-view .ui-datatable .ui-datatable-data tr:hover {background: #EDEDED;} .ui-accordion.list-view .ui-datatable .ui-datatable-data tr:not(:LAST-CHILD) > td {border-bottom: 1px solid #EDEDED;} .ui-accordion.list-view .ui-datatable .ui-datatable-data tr:not(:LAST-CHILD) > td:hover {background:#EDEDED} .ui-accordion.list-view .ui-datatable .ui-button-icon-only { height: 47px; width: 47px; margin-right: 28px !important;} .ui-accordion.list-view .ui-datatable .ui-button-icon-only .ui-icon {font-family: 'icomoon'; height: 47px; width: 47px; line-height: 47px; font-size: 20px; text-indent: 0px; display: block; text-align: center; color: #FFFFFF; border-radius: 100%;} .ui-accordion.list-view .ui-icon.icon-accounts, .grid-view .slick-carousel .ui-icon.icon-accounts {content: "\e90f"; background-color: #018EA3;} .ui-accordion.list-view .ui-icon.icon-loans, .grid-view .slick-carousel .ui-icon.icon-loans {content: "\e911"; background-color: #22B5BA;} .ui-accordion.list-view .ui-icon.icon-cards, .grid-view .slick-carousel .ui-icon.icon-cards {content: "\e910"; background-color: #EFB200;} .ui-accordion.list-view .ui-icon.icon-deposit-accounts, .grid-view .slick-carousel .ui-icon.icon-deposit-accounts {content: "\e90f"; background-color: #EFB200;} .ui-accordion.list-view .ui-icon.icon-term-deposit, .grid-view .slick-carousel .ui-icon.icon-term-deposit {content: "\e943"; background-color: #006271;} .list-view .ui-commandlink.ui-state-disabled, .list-view button.ui-state-disabled, .grid-view .ui-commandlink.ui-state-disabled, .grid-view button.ui-state-disabled {opacity: 1;} /* DASHBOARD more than 12 accounts show them per type */ .dashboard .positive-txt, .dashboard .negative-txt {word-break: break-word;} .dashboard .positive-txt, .dashboard .negative-txt, .dashboard .ui-datatable .positive-txt, .dashboard .ui-datatable .negative-txt {font-family: 'OpenSans-Semibold'; font-size: 17px; letter-spacing: 0.61px;} .dashboard .ui-tabs.ui-tabs-top > .ui-tabs-nav {padding: 0; margin-bottom: 0; width: 100%;} .dashboard .ui-tabs.ui-tabs-top .ui-tabs-nav li a i {padding-right: 5px;} .ui-tabs .ui-datalist .ui-datalist-data {padding: 20px 10px;} /* .dashboard .ui-tabs {padding-top: 30px;} */.dashboard .ui-tabs .ui-datalist .ui-datalist-item:not(:last-child) {border-bottom: 1px solid #E6E6E6;} .dashboard .ui-tabs .ui-tabs-nav li a, .dashboard .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {font-family: 'OpenSans'; font-size: 15px; letter-spacing: 0.5px;} .dashboard .ui-tabs.ui-tabs-top .ui-tabs-nav li a {height: 44px; line-height: 44px; padding: 0px 10px;} .dashboard .ui-tabs.ui-tabs-top .ui-tabs-nav li.current-account:not(.ui-tabs-selected) a, .dashboard .ui-tabs.ui-tabs-top .ui-tabs-nav li.current-account:not(.ui-tabs-selected) i {color: #018EA3;} .dashboard .ui-tabs.ui-tabs-top .ui-tabs-nav li.ui-tabs-selected.current-account a {background-color: #018EA3;} .dashboard .ui-tabs.ui-tabs-top .ui-tabs-nav li.deposit-account:not(.ui-tabs-selected) a, .dashboard .ui-tabs.ui-tabs-top .ui-tabs-nav li.deposit-account:not(.ui-tabs-selected) i {color: #EFB200;} .dashboard .ui-tabs.ui-tabs-top .ui-tabs-nav li.ui-tabs-selected.deposit-account a {background-color: #EFB200;} .dashboard .ui-tabs.ui-tabs-top .ui-tabs-nav li.card:not(.ui-tabs-selected) a, .dashboard .ui-tabs.ui-tabs-top .ui-tabs-nav li.card:not(.ui-tabs-selected) i {color: #EFB200;} .dashboard .ui-tabs.ui-tabs-top .ui-tabs-nav li.ui-tabs-selected.card a {background-color: #EFB200;} .dashboard .ui-tabs.ui-tabs-top .ui-tabs-nav li.loan:not(.ui-tabs-selected) a, .dashboard .ui-tabs.ui-tabs-top .ui-tabs-nav li.loan:not(.ui-tabs-selected) i {color: #22B5BA;} .dashboard .ui-tabs.ui-tabs-top .ui-tabs-nav li.ui-tabs-selected.loan a {background-color: #22B5BA;} .dashboard .ui-tabs.ui-tabs-top .ui-tabs-nav li.term-deposit:not(.ui-tabs-selected) a, .dashboard .ui-tabs.ui-tabs-top .ui-tabs-nav li.term-deposit:not(.ui-tabs-selected) i {color: #006271;} .dashboard .ui-tabs.ui-tabs-top .ui-tabs-nav li.ui-tabs-selected.term-deposit a {background-color: #006271;} .dashboard .ui-tabs.ui-tabs-top > .ui-tabs-navscroller li{border: none;} .dashboard .ui-tabs.ui-tabs-scrollable .ui-tabs-nav {width: 100%; display: table; table-layout: fixed;} .dashboard .ui-tabs-navscroller-btn {background: #006271; box-shadow: 0 1px 0 0 rgba(0,0,0,0.09); width: 18px; height: 18px; border-radius: 100%; position: absolute; top: 14px;} .dashboard .ui-tabs-navscroller-btn .ui-icon {font-size: 8px; color: #FFFFFF;} .dashboard .ui-tabs-navscroller-btn .ui-icon-carat-1-w:before {content:'\e91c';} .dashboard .ui-tabs-navscroller-btn .ui-icon-carat-1-e:before {content:'\e91f';} .dashboard .ui-tabs-navscroller-btn.ui-state-disabled {display: none !important;} .ui-tabs-navscroller {padding: 0px !important;} /*Balance Overview*/ .ui-accordion.st-1 .ui-accordion-header {margin-top: 20px; background-color: transparent; border: 1px solid #E6E6E6; border-bottom: none; border-radius: 15px 15px 0px 0px; padding: 23px 75px; background: #EDEDED;} .ui-accordion.st-1 .ui-accordion-header:FIRST-CHILD {margin-top: 0px;} .ui-accordion.st-1 .ui-accordion-header:not(.ui-state-active) {border: 1px solid #E6E6E6; border-radius: 15px; background: #FFFFFF;} .ui-accordion.st-1 .ui-accordion-content {border: 1px solid #E6E6E6; border-top: none; border-radius: 0px 0px 15px 15px; } .ui-accordion.st-1 .ui-accordion-header .ui-icon.ui-icon-triangle-1-e, .ui-accordion.st-1 .ui-accordion-header .ui-icon.ui-icon-triangle-1-s {right: 15px; left: auto;} .ui-accordion.st-1 .ui-datatable.ui-datatable-reflow {border: none;} .ui-accordion.st-1 .ui-accordion-header .ui-icon.ui-icon-triangle-1-s:before {content: '\e91d';} .ui-accordion.st-1 .ui-accordion-header .ui-icon.ui-icon-triangle-1-e:before {content: '\e91e';} .tab-current:before, .tab-card:before, .tab-loan:before, .tab-deposit:before, .tab-depositAccount:before {font-family: 'icomoon'; height: 45px; width: 45px; line-height: 45px; font-size: 20px; text-indent: 0px; position: absolute; top: 0px; bottom: 0px; margin: auto; right: auto; left: 15px; text-align: center; color: #FFFFFF; border-radius: 100%;} .ui-accordion.st-1 .ui-accordion-header.tab-current:before {content: "\e90f"; background-color: #018EA3;} .ui-accordion.st-1 .ui-accordion-header.tab-card:before {content: "\e910"; background-color: #EFB200;} .ui-accordion.st-1 .ui-accordion-header.tab-depositAccount:before {content: "\e90f"; background-color: #EFB200;} .ui-accordion.st-1 .ui-accordion-header.tab-loan:before {content: "\e911";background-color: #22B5BA;} .ui-accordion.st-1 .ui-accordion-header.tab-deposit:before {content: "\e913"; background-color: #006271;} .ui-accordion.st-1 .ui-accordion-header, .ui-accordion.st-1 .ui-accordion-header .ui-icon {color: #018EA3;} .ui-accordion.st-1 .ui-accordion-header.tab-card, .ui-accordion.st-1 .ui-accordion-header.tab-card .ui-icon, .ui-accordion.st-1 .ui-accordion-header.tab-depositAccount, .ui-accordion.st-1 .ui-accordion-header.tab-depositAccount .ui-icon {color: #EFB200;} .ui-accordion.st-1 .ui-accordion-header.tab-deposit, .ui-accordion.st-1 .ui-accordion-header.tab-deposit .ui-icon {color: #006271;} .ui-accordion.st-1 .ui-accordion-header.tab-loan, .ui-accordion.st-1 .ui-accordion-header.tab-loan .ui-icon {color: #22B5BA;} .ui-accordion.st-1 .eqv-dropdown {border: 1px solid #018EA3; border-radius: 15px; color: #018EA3; width: 60px; /*background: #FFFFFF;*/ padding-left: 7px; -webkit-appearance: none; -moz-appearance: none; background: url(../images/svg/arrow-down.svg) no-repeat; background-position: right 4px center; background-size: 8px;} /* Input Switch */ .ui-inputswitch {border-radius: 10px; height: 27px; width: 50px !important; border: none; border: 1px solid rgba(0,0,0,0.10); border-radius: 40px; vertical-align: middle;} .ui-inputswitch-handle{background: white!important; border-radius: 10px;} .ui-inputswitch .ui-inputswitch-handle{background: white !important; border-radius: 15px; height: 27px; width: 27px !important; box-shadow: 0 3px 1px 0 rgba(0,0,0,0.05), 0 2px 2px 0 rgba(0,0,0,0.10), 0 3px 3px 0 rgba(0,0,0,0.05);} .ui-inputswitch .ui-inputswitch-on {background: #018EA3; border: none; padding-right: 10px; top: -1px; height: 30px;} .ui-inputswitch .ui-inputswitch-off {background: #C8C8C8; border: none; padding-right: 10px; top: -1px; height: 30px;} .ui-inputswitch .ui-inputswitch-on span, .ui-inputswitch .ui-inputswitch-off span{text-indent: 999px;} .custom-inputswitch .ui-outputlabel {padding: 0px; margin-right: 10px;} /* Fileupload */ .fileupload-panel {width: 100%; table-layout: fixed;} .fileupload-panel > tbody > tr > td:FIRST-CHILD {padding-right: 0px;} .fileupload-panel > tbody > tr > td:LAST-CHILD {padding-left: 0px;} .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: 42px;} .fileupload-panel .ui-datatable tbody tr.ui-datatable-empty-message {line-height: 42px; padding: 0px 8px; text-transform: none; font-family: OpenSans-Light; color: #707070; letter-spacing: 0;} .fileupload-panel .ui-datatable {min-height: 42px; border-radius: 0 25px 25px 0; background-color: #EDEDED; border: 1px solid #EDEDED;} .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: block;} .fileupload-panel .ui-button.ui-fileupload-choose{height: 44px; width: 100%; padding: 5px; margin: 0px; border: 1px solid #018EA3; border-radius: 25px 0 0 25px; color: #018EA3;} .fileupload-panel .ui-button.ui-fileupload-choose:hover {color: #FFFFFF; background: #018EA3;} .fileupload-panel .ui-button.ui-fileupload-choose.ui-button .ui-button-text {padding: 0px; letter-spacing: 0.7px; text-align: center; line-height: 34px; display: block;} .fileupload-panel .ui-icon-plusthick {left: 15px;} .fileupload-panel .ui-icon-plusthick:before {content: "\e920";} .fileupload-panel .ui-button.ui-fileupload-choose:hover .ui-icon-plusthick {color: #FFFFFF;} /* Datalist */ .ui-datalist .ui-widget-content {border: none;} .ui-datalist .ui-datalist-data {padding: 0px; margin: 0px;} .ui-datalist .ui-datalist-item {display: block;} /* Account Panel */ .account-panel{border: 1px solid #E6E6E6; border-radius: 40px} .account-panel .positive-txt, .account-panel .negative-txt {font-size:20px} .account-panel > div > table > tbody > tr:nth-child(odd) td {font-family: OpenSans-Semibold; font-size: 20px;color: #018EA3;letter-spacing: 0.71px;text-align: left; word-break: break-word;} .account-panel > div > table > tbody > tr:nth-child(even) td {font-family: OpenSans; font-size: 14px; color: #707070; letter-spacing: 0; text-align: left; line-height: 18px; padding-top: 10px;} .account-panel .selector {background: #EDEDED; border: 1px solid #EDEDED; border-bottom-left-radius: 37px; border-top-left-radius: 37px} .account-panel .selector > a:hover {cursor:pointer} /*.account-panel .selector > a > table {color:#018ea3; background:#ededed;}*/ .account-panel .selector > a > table > tbody > tr > td {font-family: OpenSans-Semibold; font-size: 22px; color: #018EA3; letter-spacing: 0.71px; text-align: left; padding: 0px 10px;} .account-panel .selector > a > table:before {display: block; position: absolute; margin: auto; top: 0px; bottom: 0px; right: 15px; left: auto; height: 12px; font-size: 14px; font-family: "icomoon"; color: #018ea3; content: "\e91d";} .account-panel .selector > a > table > tbody > tr > td:FIRST-CHILD i {background-color: #018EA3; color:#FFFFFF; font-size:18px; padding:15px; border-radius: 100%} .account-panel .selector > a > table > tbody > tr > td:LAST-CHILD > table > tbody > tr:nth-child(odd) > td {font-family: OpenSans-Semibold; font-size: 20px; color: #018EA3; letter-spacing: 0.71px; text-align: left;} .account-panel .selector > a > table > tbody > tr > td:LAST-CHILD > table > tbody > tr:nth-child(even) > td {font-family: OpenSans; font-size: 14px; color: #707070; letter-spacing: 0; text-align: left; line-height: 18px; padding-top: 10px;} .account-panel .selector .ui-icon {background: #018ea3;font-size: 20px;color: #ffffff; padding: 16px;border-radius: 100%;} .account-panel .selector .ui-button {padding:0; width:100%; color:#018ea3; background:#ededed; opacity:1; height: 50px; width: 50px;} /*.account-panel .selector .ui-button:before {display: block; position: absolute; margin: auto; top: 0px; bottom: 0px; right: 15px; left: auto; height: 12px; font-size: 14px; font-family: "icomoon"; color: #018ea3; content: "\e91d";}*/ .account-panel .selector .ui-button .ui-icon:before {margin: auto; top: 0px; bottom: 0px; left: 0px; right: 0px; height: 23px;} .account-panel .ui-inputfield.ui-state-error + .selector {border: 1px solid #A73333;} .account-panel .ui-inputfield + .selector {border: 1px solid #EDEDED;} .selectedAcc table.lg-margin-C {padding: 0px 40px; box-sizing: border-box;} .selector {position: relative} .selector .ui-overlaypanel {background-color: #ededed; box-shadow: none; border:none; border: 1px solid #018ea3; border-radius:22px;padding: 0px; width: auto; min-width: 270px; left: 0px !important; right: 0px; top: 90px !important; overflow: auto;} .selector .ui-overlaypanel:before {color: #018EA3;font-family: "icomoon";/* border-bottom: 1px solid #ededed; */content: '\e921';width: 30px;height: 20px;position: absolute;top: -14px;left: auto;right: 35px;font-size: 30px;} .selector .ui-overlaypanel-content {margin-top: 0px;padding: 0px 4px;background-color: #EDEDED;border-radius: 25px;position: relative;left:0px;max-height: 160px;overflow: auto;} .selector .ui-overlaypanel-content:before {content: none;} .selector .ui-datatable thead th {border-bottom:none} .selector .ui-datatable thead th, .selector .ui-datatable thead th.ui-state-default, .selector .ui-widget-content .ui-datatable thead th.ui-state-default {padding:0px 7.5px; border-bottom:none} .selector .ui-datatable tbody tr, .ui-datatable thead th, .ui-datatable tbody {background: transparent;} .selector .ui-datatable tbody td {border-bottom: 1px solid #D5D2D2; border-width:1px; cursor: pointer;} .selector .ui-datatable .ui-column-filter {display: block;box-sizing: border-box;padding: 10px 7.5px;border:none;font-size: 14px;} .selector .ui-datatable-scrollable-theadclone {display:none} .selector .ui-datatable .input.ui-state-focus, .selector .ui-datatable .ui-widget-header input.ui-state-focus {border-color:none} .selector .ui-datatable .ui-datatable-data > tr {background: transparent; border-bottom: 1px solid #D5D2D2; color: #707070; height:40px} .selector .ui-datatable .ui-datatable-data > tr:hover {color: #4A4A4A;} .selector .ui-datatable .ui-state-default.ui-filter-column:before {display: block; position: absolute; margin: auto; top: 0px; bottom: 0px; right: 15px; left: auto; height: 12px; font-size: 14px; font-family: "icomoon"; color: #018ea3; content: "\e91a";} .details-panel .header {padding: 15px 0px;} .details-panel .header table {width: 100%;} .details-panel .header td:not(:FIRST-CHILD) {padding-left: 10px;} .details-panel .header > table > tbody > tr > td:FIRST-CHILD {width: 100%;} .details-panel .header > table > tbody > tr > td:LAST-CHILD {width: 10%;} .details-panel .header > table > tbody > tr > td:FIRST-CHILD {position: relative; display: flex; width: 100%; align-items: center;} .details-panel .header > table > tbody > tr > td:FIRST-CHILD:after {content: ''; border-top: 1px solid #E6E6E6; flex: 1 0 20px; margin: 0 0 0 10px;} .details-panel .details-grid tr {border-right: 1px solid #FFF} .details-panel .details-grid tr:nth-child(odd) {background: #F4F4F4;} .details-panel .details-grid > tbody > tr > td:last-child, .details-panel .details-grid > tbody > tr > td:last-child > a {width: 55%;} .details-panel .pad-R {padding: 0px 20px 0px 0px;} .details-panel .pad-L {padding: 0px 0px 0px 20px;} .selectAccountMenuDetails {border-bottom: 1px solid #ededed; margin-bottom: 10px !important;} .selectAccountMenuDet input[readonly="readonly"]:not(.hasDatepicker), .selectAccountMenuDet input.ui-state-disabled, .selectAccountMenuDet .ui-inputfield.ui-state-disabled, .selectAccountMenuDet .ui-inputfield.ui-state-default.ui-state-disabled, .selectAccountMenuDet .ui-datatable input[type="text"]:disabled {opacity: 1;background-color:transparent;text-align:center;border: none;color: #018ea3;font-family: 'OpenSans-Light';cursor: default;box-shadow: none;} /* Details Grid */ .details-grid-header {background: #FFFFFF;} .details-grid {width: 100%; table-layout: fixed;} .details-grid > tbody > tr {height: 44px;} .details-grid > tbody > tr > td {font-family: inherit; font-size: 14px; padding: 14px 13px;} .details-grid:last-of-type tr:nth-child(odd):last-child > td {border: none; } .details-grid > tbody > tr:last-child td {border-bottom-color: transparent;} .details-grid > tbody > tr > td:first-child {color: #707070; line-height: 18px; text-align: left; letter-spacing: 0; word-wrap: break-word;} .details-grid > tbody > tr > td:last-child, .details-grid > tbody > tr > td:last-child > a {color: #018EA3; letter-spacing: 0.7px; text-align: right; line-height: 18px; word-wrap: break-word;} .details-grid .ui-chkbox{height: 15px;} td.component-column {padding: 0px !important; border-bottom: none !important;} .align-left-grid {text-align: left !important;} /* Details Grid in Expansion Row */ .ui-expanded-row-content .details-grid > tbody > tr > td {background: #E6E6E6;} .ui-expanded-row-content .details-grid > tbody > tr > td:first-child {text-transform: none; padding-left: 10px;} .ui-expanded-row-content .details-grid > tbody > tr > td:last-child{padding-right: 10px;} .confirmation-page .ui-card {border-radius: 0px;} .confirmation-page .ui-card-header {padding: 0px; box-sizing: border-box;} .confirmation-page .details-grid, .dialog-content .details-grid {background: #FFFFFF; width: 560px; margin: auto; padding-top: 15px; border-top: solid 1px #E6E6E6;} .dialog-content .details-grid {width: 100%} .confirmation-page .details-grid > tbody > tr > td:first-child, .dialog-content .details-grid > tbody > tr > td:first-child {text-align: left;} .confirmation-page .details-grid tr:nth-child(odd), .dialog-content .details-grid tr:nth-child(odd) {background: #F4F4F4; border:none;} .confirmation-page .details-grid td .ui-chkbox, .dialog-content .details-grid td .ui-chkbox {align-items: center;} .confirmation-page .details-grid.full > tbody > tr > td, .dialog-content .details-grid.full > tbody > tr > td {padding: 0px;} .confirmation-page .ui-card-body .details-grid:not(:last-of-type) > tbody > tr:last-child td, .dialog-content .details-grid:not(:last-of-type) > tbody > tr:last-child td {border-bottom-color: rgba(151, 151, 151, 0.34);} .confirmation-page .ui-card-body .details-grid.ui-panelgrid .ui-panelgrid-cell, .dialog-content .details-grid.ui-panelgrid .ui-panelgrid-cell{border: none; border-bottom: 1px solid rgba(151, 151, 151, 0.34);} .confirmation-page .ui-card-body .details-grid tr.ui-widget-content.ui-panelgrid-even, .confirmation-page .ui-card-body .details-grid tr.ui-widget-content.ui-panelgrid-odd, .dialog-content .details-grid tr.ui-widget-content.ui-panelgrid-even, .dialog-content .details-grid tr.ui-widget-content.ui-panelgrid-odd {border: none; background: rgba(247, 247, 247, 0.63);} .confirmation-page .ui-card-body .details-grid.ui-panelgrid > tbody > tr:last-child td.ui-panelgrid-cell, .dialog-content .details-grid.ui-panelgrid > tbody > tr:last-child td.ui-panelgrid-cell {border-bottom-color: transparent;} .search-menu {display:none; margin: 0; padding: 0px; background: none; background-color: transparent; border: none;width:100%; border-radius: 0px; box-shadow: 9px 9px 16px 0 #B7B7B7, -9px -9px 16px 0 rgba(0,0,0,0.20);} .search-menu .ui-menu-list .ui-widget-header,.search-menu .ui-menu-list .ui-widget-header:hover{cursor: pointer; position: relative; background-color: #FFFFFF; width: 100%; border:none; border-top: 1px dashed rgba(255,255,255,0.2); border-radius: 0px; margin:0px; line-height: 35px; padding: 15px 0px; box-sizing: border-box;} .search-menu .ui-menu-list .ui-widget-header:first-child{border-top: none;} .search-menu .ui-menu-list .ui-menuitem {background-color: transparent; margin: 0px; width: 100%;} .search-menu .ui-menuitem-link{line-height: 37px; padding: 0px; text-decoration: none; width: 100%; border-radius:0px; border:none; border-top: 1px dashed rgba(255,255,255,0.2); background-color: #FFFFFF;} .search-menu .ui-menu-list .ui-state-hover{background-image: none;box-shadow:none; color: #FFFFFF !important;} .search-menu.ui-menuitem-text{width: 100%; color: white; background: transparent; text-shadow: none; box-sizing: border-box; font-size: 15px; font-weight: normal; padding: 0px;} .search-menu .ui-menuitem-text{padding: 15px 0px; padding-left: 5px; font-size: 13px; letter-spacing: 0.46px; color:#9B9B9B;} .search-menu.ui-menu.ui-menu-toggleable li.ui-widget-header h3 {padding: 0px 50px; font-size: 14px;} .search-menu .ui-menu-list{display:block; padding-top: 0px;} .search-menu .ui-menu-list li{box-sizing:border-box;} .search-menu.ui-menu-list li:hover{background-image: none; box-shadow:none;} /* Responsive Menu */ .cd-btn {display: none;} .from-left .cd-panel-container {left: 0; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);} .from-right .cd-panel-container {right: 0; -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);} .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;} .slide-menu {margin: 0; padding: 0px; background: none; background-color: transparent; border: none; width: 100%;} .slide-menu .ui-widget-header.level-0{cursor: pointer; position: relative; background-color: transparent; width: 100%; border:none; margin:0px; line-height: 35px; padding: 16px; box-sizing: border-box; border-top: 1px solid #FFC10E;} .slide-menu .ui-widget-header.level-0 h3, .slide-menu .ui-widget-header.level-0:hover h3{font-family: 'OpenSans-Semibold'; font-size: 16px; color: #707070; letter-spacing: 0; line-height: 20px; font-weight: normal; padding: 0;} .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: 12px 0; text-decoration: none; width: 100%; border-radius:0px; border:none;} .slide-menu .level-2 .ui-menuitem-link {border-color: transparent;} .slide-menu .level-1.open h3{border-bottom: 1px dashed rgba(255,255,255,0.27);} .slide-menu .level-0.open {border-bottom: 2px solid #018EA3;} .slide-menu .ui-menu-list .ui-state-hover{background-image: none;box-shadow:none;} .slide-menu.ui-menu .ui-menuitem.level-1{border: none; box-sizing: border-box; cursor: pointer;} .slide-menu.ui-menu .ui-menuitem.level-1 .ui-menuitem-icon.ui-icon{color: #FFFFFF; font-size: 17px; padding-left: 60px;} .slide-menu .ui-menuitem-text, .slide-menu .level-1 h3{text-shadow: none; padding-left: 16px; box-sizing: border-box; font-family: 'OpenSans'; font-size: 14px; color: #707070; letter-spacing: 0; line-height: 18px;} .slide-menu.ui-menu .ui-widget-header .ui-submenu-icon.ui-icon {color: #FFFFFF; font-size: 18px; padding-right: 20px;} .slide-menu .ui-menu-list .ui-widget-header.level-1 {box-sizing: border-box; border: none; box-sizing: border-box;} .slide-menu .ui-menuitem-link.level-2 {padding-left: 30px; box-sizing: border-box;} .slide-menu.ui-menu.ui-menu-toggleable li.ui-widget-header h3 {padding: 0px 50px; 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;} .slide-menu.ui-menu .ui-widget-header.level-0 h3:before {display: block; position: absolute; margin: auto; top: 0px; bottom: 0px; right: 15px; left: auto; height: 13px; font-size: 13px; font-family: "icomoon"; color: #006271; content: "\e916";} .slide-menu.ui-menu .ui-widget-header.level-0.open h3:before {content: "\e915";} .slide-menu.ui-menu .ui-widget-header.no-items h3:before {content: none;} .cd-panel .ui-accordion .ui-accordion-header {padding-left: 50px; margin: 0px; color: #FFFFFF; font-size: 15px; text-transform: none; font-family: 'OpenSans'; border-top: 1px solid rgba(255,255,255,0.2);} .cd-panel .ui-accordion .ui-accordion-header:first-child{border-top: none;} .cd-panel-container .ui-accordion .ui-accordion-header {color: #FFFFFF; font-size: 14px; letter-spacing: 0.72px; padding-left: 60px;} .cd-panel-container .ui-accordion .ui-accordion-header .ui-icon {color: #FFFFFF; font-size: 13px;} .cd-panel .cd-panel-content .ui-menu{width: 100%; box-sizing:border-box; border-radius: 0px; padding: 0px;} .cd-panel .cd-panel-content .ui-menu:first-of-type{border: none; border-top: 1px solid rgba(255,255,255,0.2);} .cd-panel-container .header > tbody > tr > td:last-child{width: 50px;} .cd-panel-close {display: block; font-size: 18px; float:left; padding: 15px; color: #018EA3;} .cd-panel-container {background-color: #FFFFFF; position: fixed; width: 40%; min-width: 300px; height: 100%; top: 0; z-index: 5; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; transition-delay: 0.3s; color: #E5E5E5;} .cd-panel-content {background: transparent; height: 100%; /*height: calc(100% - 41px);*/ 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; 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;} .cd-panel-container .notify-num.ui-button.ui-button-text-only {bottom: 0; right: 15px;} .cd-panel-container .ui-accordion .ui-accordion-header.ui-state-active {background: #023860; border-bottom: 3px solid #FFCE02;} .cd-panel .favourites-menu.ui-menu .ui-menuitem-link {width:100%; padding:12px 0;} .cd-panel .favourites-menu.ui-menu .ui-menuitem-text {font-size: 14px; color: white; padding-left: 10px; letter-spacing: 0.5px; line-height: 20px;} .notifications-group {position: relative;} @-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); } } .ui-blockui.ui-widget-overlay{border-radius: 10px;} .ui-blockui-content {background: none; box-shadow: none; border: none; height: 30px; width: 30px !important; padding: 0px;} .deleted-record{color: #A73333;} .added-record{color: #0D47A1;} .updated-record{color: #F57C00;} .no-update-record{} /*.ui-state-default .ui-icon.icon-visa {background-image: url('../images/svg/visa-logo.svg'); background-size: 18px;} .ui-state-default .ui-icon.icon-mastercard {background-image: url('../images/svg/mastercard-logo.svg'); background-size: 18px;}*/ .otp-panel .ui-group {border-top: 1px solid #E6E6E6;} .otp-panel .ui-outputlabel {font-family: 'OpenSans-Semibold'; font-size: 16px; color: #006271; text-transform: none;} .timer-interval {border: solid 3px #FFC10E; border-radius: 100%; height: 55px; width: 55px; display: block; text-align: center;} .timer-interval span {line-height: 50px; color: #FFC10E;} .paymentLabel {opacity: 1 !important;font-size: 14px !important; font-family: 'OpenSans', sans-serif !important;} .ui-calendar.transferCalLabel .ui-inputfield, .ui-calendar.transferCalLabel .ui-inputfield.ui-state-disabled {color:#018ea3} .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;} .custom-border{border-radius: 15px; border: 1px solid #E6E6E6; padding: 15px;} ul.custom-list {list-style-type: none;} ul.custom-list li:before { content: ''; background-image: url(../images/svg/success.svg); background-repeat: no-repeat; background-size: 12px; background-position: center; height: 22px; width: 16px; margin-left: -20px; margin-right: 10px; display: block; position: absolute; } /*Dropdown block - REF: Estatement page*/ .dd-block-L .ui-selectonemenu {border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-right: 1px solid #ffffff;} .dd-block-R .ui-selectonemenu {border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-left: 1px solid #ffffff;} .benCheckbox {padding-top:36px;} /* Mobile App */ .mobile-app .top-header {background-color: #018EA3; margin: auto; padding: 0px 17px; box-sizing: border-box; width: 100%;} .mobile-app .top-header table > tbody > tr > td:FIRST-CHILD {width: 30px;} .mobile-app .top-header table > tbody > tr > td:nth-child(2) {font-family: 'OpenSans-Semibold'; font-size: 12px; letter-spacing: 0.43px; color: #FFFFFF; word-break: break-word; /*padding-left: 15px;*/} .mobile-app .notifications-panel {float: right;} .mobile-app .notifications-panel, .mobile-app .notifications-panel .ui-button.notification-btn {height: 44px !important; padding: 0;} .mobile-app .notifications-panel .notification-btn.ui-button .ui-icon, .mobile-app .notifications-panel .notification-btn.ui-button.active .ui-icon {color: #FFFFFF;} .mobile-app .avatar-fileupload, .mobile-app .avatar-fileupload .ui-fileupload-buttonbar .ui-button {margin: inherit; width: 30px; height: 30px; left: 15px;} .mobile-app .image-pg img, .mobile-app .image-pg {height: 30px; width: 30px; margin: inherit;} .last-login.ui-notificationbar {background: #018EA3; box-sizing: border-box; display: block; height: 44px; padding: 10px 17px; border: none; z-index: 1;} .last-login.ui-notificationbar i {width: 12px; height: 12px; line-height: 12px; font-size: 10px;} .last-login.ui-notificationbar table {width: 100%; height: 100%;} .last-login.ui-notificationbar span {font-size: 11px;} .last-login .ui-button .icon-close {font-size: 14px; color: #FFFFFF;} .mobile-app .disclaimer {bottom: 0; padding-bottom: 0 !important;} .mobile-app .page-content:not(.confirmation-page) .btn-cell {padding: 7.5px;} /*Hidden Btn*/ .mobile-app .back-btn {display: none;}