@import url('https://fonts.googleapis.com/css2?family=Muli');

body, td, th {
    font-size: 12px;
}

.ui-datepicker-trigger {
    margin-left: 3px;
}

.ui-menu {
    min-width: 185px;
}

.ui-progressbar {
    height: 0.5em;
}

.ui-datatable-odd td {
    background-color: #f1f1f1;
}

.ui-datatable thead th, .ui-datatable tbody td, .ui-datatable tfoot td {
    white-space: normal !important;
}

.ui-menuitem-text, .ui-widget {
    font-size: 12px;
}

.ui-panel td {
    padding: 2px;
}

.ui-message-error {
    background-color: transparent;
    border: none;
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}

.ui-messages-info, .ui-messages-warn, .ui-messages-error, .ui-messages-fatal {
    margin-top: 0;
}

.ui-messages-error-summary {
    margin-left: 0;
}

.ui-messages-error-icon {
    background: none;
    display: none;
}

.ui-icon-fav {
    background-position: -127px -80px;
}

.ui-separator {
    border-top: 2px solid rgb(172, 203, 221);
}

.ui-blockui {
    background-color: transparent;
    background-image: none;
}

.ui-blockui-content {
    top: 20% !important;
    left: 45% !important;
}

.ui-lightbox-nav-left, .ui-lightbox-nav-right {
    display: none !important;
}

/* Pagination Overrides */
.ui-paginator {
    text-align: right !important;
}

/********** App **********/
table {
    text-align: left;
    width: 100%;
}

/*a:hover {color: #2779AA;}*/
.txt_top {
    vertical-align: top;
}

.txt_bottom {
    vertical-align: bottom;
}

.txt_center {
    text-align: center;
}

.txt_middle {
    vertical-align: middle;
}

.tbl_col_min, .tbl_col_min td {
    width: 1px;
}

.tbl_col_min_top, .tbl_col_min_top td {
    width: 1px;
    vertical-align: top;
}

.tbl_col_max {
    width: 100%;
}

.tbl_col_half {
    width: 50%;
}

.tbl_header {
    padding-bottom: 15px;
}

.txt_left {
    text-align: left;
}

.txt_right {
    text-align: right;
}

.tbl_col_label_minimum {
    width: auto;
    height: 33px;
    font-weight: bold;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 8px !important;
    vertical-align: top;
}

.tbl_col_label_xs {
    width: 28px;
    height: 33px;
    font-weight: bold;
    padding-left: 10px;
    padding-top: 8px !important;
    vertical-align: top;
}

.tbl_col_label_xs_tnc_marketing {
    width: 28px;
    padding-top: 10px;
    height: 0;
    font-weight: bold;
    padding-left: 10px;
    vertical-align: top;
}

.tbl_col_label_xs_tnc_marketing_subtitle {
    width: 28px;
    height: 25px;
    font-weight: normal;
    padding-left: 10px;
    vertical-align: top;
}

.tbl_col_label_xs_tnc {
    width: 28px;
    height: 33px;
    font-weight: bold;
    padding-left: 10px;
    padding-top: 10px !important;
    vertical-align: top;
}

.tbl_col_label_xs_important-note {
    width: 925px;
    display: inline-block;
    height: 25px;
    font-weight: normal;
    padding-left: 10px;
    padding-top: 15px !important;
    vertical-align: top;
}

.tbl_col_label_xs_tnc_marketing_exceptional {
    width: auto;
    height: 30px;
    padding-left: 0;
    padding-top: 10px;
    vertical-align: top;
}

.tbl_col_label_small {
    width: 60px;
    height: 33px;
    font-weight: bold;
    padding-left: 10px;
    padding-top: 8px !important;
    vertical-align: top;
}

.tbl_col_label, .tbl_col_label_top {
    width: 180px;
    height: 33px;
    font-weight: bold;
    padding-left: 10px;
    padding-top: 8px !important;
    vertical-align: top;
}

.tbl_col_label_dailytrx {
    width: 400px;
    height: 33px;
    font-weight: bold;
    padding-left: 10px;
    padding-top: 8px !important;
    vertical-align: top;
}

.tbl_col_label_top {
    vertical-align: top;
}

.tbl_col_label_medium_large {
    width: 230px;
    height: 33px;
    font-weight: bold;
    vertical-align: middle;
    padding-left: 10px;
}

.tbl_col_label_large {
    width: 250px;
    height: 33px;
    font-weight: bold;
    padding-left: 10px;
    padding-top: 8px !important;
    vertical-align: top;
}

.tbl_col_label_super_large {
    width: 280px;
    height: 33px;
    font-weight: bold;
    padding-left: 10px;
    padding-top: 8px !important;
    vertical-align: top;
}

.tbl_col_label_super_Xlarge {
    width: 480px;
    height: 33px;
    font-weight: bold;
    padding-left: 10px;
    padding-top: 8px !important;
    vertical-align: top;
}

.tbl_col_label_full_width {
    width: 100%;
    height: 33px;
    font-weight: bold;
    padding-left: 10px;
    padding-top: 8px !important;
    vertical-align: top;
}

.tbl_col_txt {
    width: 180px;
    height: 33px;
    vertical-align: middle;
    padding-left: 10px;
}

.tbl_col_txt_small {
    width: 145px;
    height: 33px;
    vertical-align: middle;
    padding-left: 10px;
}

.txt_xxsmall {
    font-size: xx-small;
}

.txt_highlight {
    font-weight: bold;
}

.txt_overflow_hidden {
    display: inline-block;
    overflow: hidden;
    width: 125px;
    border: black 0px solid;
}

.txt_bold {
    font-weight: bold;
}

.txt_italic {
    font-style: italic;
}

.txt_red {
    color: #df1c01 !important;
}

.txt_green {
    color: #70a944 !important;
}

.txt_blue {
    color: #5d7898 !important;
}

.txt_title {
    font-size: 14px;
}

.txt_large_title {
    font-size: 18px;
}

.txt_instructions {
    color: #5D7898;
    font-weight: bold;
    padding: 10px;
    text-transform: none;
    text-align: left;
}

.txt_link {
    text-decoration: underline;
}

.txt_next {
    color: #898989;
}

.no-border, .no-border .ui-datatable-tablewrapper table tr td, .no-border td, .no-border tr, .no-border tbody {
    border: 0 !important;
}

.grid-btn, .grid-btn td {
    padding: 0;
    padding-right: 3px;
    padding-top: 3px;
    border-spacing: 0;
    border-collapse: collapse;
}

.action-btn {
    height: 22px;
    width: 25px;
}

.msg-box {
    width: 95%;
}

.img_center {
    margin-left: auto;
    margin-right: auto;
}

.fxTemplateWidth {
    width: 1340px;
}

.loginTemplateWidth {
    width: 1024px;
}

.txt_dormant {
    font-style: italic;
    font-size: 11px;
    color: red;
    font-weight: bold;
}

.singleLine {
    text-wrap: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ui-blockui-content {
    background: transparent;
    border: none;
}

.padded {
    padding: 5px;
}

.padded_10px {
    padding: 10px;
}

.reg_right_note {
    border: 1px solid #eee;
}

.reg_right_note td {
    padding: 10px;
    vertical-align: top;
}

#dark-header td {
    text-align: left !important;
}

@-moz-document url-prefix(http) {
    .ui-lightbox-content {
        margin: -20% 0 0 0;
    }
}

/* For instruction & info table - Static Data */
.info-table table {
    border-collapse: collapse;
    width: 100%;
    padding: 4px 10px;
}

.info-table tbody th {
    padding: 4px 10px;
    overflow: hidden;
    border: 1px solid rgb(160, 160, 160);
    background-color: rgb(220, 220, 220);
    color: black;
    font-weight: bold;
    text-align: left;
}

.info-table tbody td {
    padding: 4px 10px;
    overflow: hidden;
    border: 1px solid rgb(160, 160, 160) !important;
}

.caseTextarea {
    width: 71em;
}

.sublist .ui-datalist-item {
    height: 40px;
    padding-top: 4px;
    margin-bottom: 0px;
}

.sublist .ui-datalist-data {
    margin-bottom: 0px;
}

/**** PEX ****/
.container-width {
    margin: 0 auto;
    width: 980px;
}

.single-action-button-left {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    width: 94px;
    height: 28px;
}

.single-action-button-right {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    *height: 20px;
    height: 28px;
    width: 28px;
    margin: 0 0 0 -1px;
    opacity: 1;
    cursor: auto;
}

/* splitbutton without dropdown */
.single-split-btn .ui-button.ui-button-text-only {
    padding-right: 29px;
}

.single-split-btn .ui-button.ui-splitbutton-menubutton {
    margin-left: -29px;
    pointer-events: none;
}

.single-split-btn .ui-button.ui-splitbutton-menubutton>span {
    background: none;
}

.single-split-btn:hover .ui-button.ui-splitbutton-menubutton {
    border: 1px solid #999999;
}


@media (min-width: 720px) and (orientation: portrait) { 
    /* for ipad portrait */
    .single-action-button-left{
        width:120px;
    }
}

@media (min-width: 1280px) and (orientation: landscape) {
    .single-action-button-left{
        width:94px;
    }
}
.cursor-pointer {
    cursor: pointer;
}

/**** START -- jQuery Model */
#basic-modal-content {
    display: none;
}

/* Overlay */
#simplemodal-overlay {
    opacity: 0.8 !important;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=80)" !important;
    background-color: #000;
    z-index: 100000 !important;
}

/*** Container */
#simplemodal-container {
    height: 240px;
    width: 600px;
    color: #000;
    background-color: #FFF;
    border: 4px solid #FFF;
    padding: 4px;
    z-index: 100000 !important;
}

/* mobile portrait */
@media screen and (orientation: portrait) {
    #simplemodal-container {
        height: 240px;
        width: 600px;
        color: #000;
        background-color: #FFF;
        border: 4px solid #FFF;
        padding: 4px;
        z-index: 100000 !important;
        top: 40px !important;
    }
}

/* mobile landscape */
@media screen and (orientation: landscape) {
    #simplemodal-container {
        height: 240px;
        width: 600px;
        color: #000;
        background-color: #FFF;
        border: 4px solid #FFF;
        padding: 4px;
        z-index: 100000 !important;
        top: 40px !important;
    }
}

#simplemodal-container a {
    color: #ddd;
}

#simplemodal-container a.modalCloseImg {
    background: url(../img/x.png) no-repeat;
    width: 25px;
    height: 29px;
    display: inline;
    z-index: 3200;
    position: absolute;
    top: -15px;
    right: -16px;
    cursor: pointer;
}

/**** END -- jQuery Model */
/**** Start - IBM Watson Survey ****
/* The Modal (background) */
.modal-survey {
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Stay in place */
    z-index: 100000;
    /* Sit on top */
    padding-top: 10px;
    /* Location of the box */
    left: 0;
    top: 0;
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    overflow: auto;
    /* Enable scroll if needed */
    background-color: rgb(0,0,0);
    /* Fallback color */
    background-color: rgba(0,0,0,0.4);
    /* Black w/ opacity */
}

/* Modal Content */
.modal-content-survey {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 550px;
    height: 400px;
}

/* The Close Button */
.close-survey {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close-survey:hover, .close-survey:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

/**** End - IBM Watson Survey ****/
/** Start - Vision Functions **/
.vs_tbl_col_50px {
    width: 50px;
}

.vs_tbl_col_10px {
    padding-left: 5px;
    width: 10px;
}

.vs_tbl_col_padding_20px {
    width: 180px;
    height: 33px;
    font-weight: bold;
    padding-left: 20px;
    padding-top: 20px !important;
    padding-bottom: 20px;
    vertical-align: middle;
}

.vs_tbl_col_padding_10px {
    width: 180px;
    height: 33px;
    font-weight: bold;
    padding-left: 20px;
    padding-top: 10px !important;
    padding-bottom: 10px;
    vertical-align: top;
}

.vs_tbl_col_padding_10px_sx {
    width: 33px;
    height: 33px;
    font-weight: bold;
    padding-left: 20px;
    padding-top: 10px !important;
    padding-bottom: 10px;
    vertical-align: middle;
}

.vs_tbl_col_td_padd_left_30px {
    width: 180px;
    height: 33px;
    font-weight: bold;
    padding-left: 30px;
    padding-top: 8px !important;
    vertical-align: top;
}

.vs_tbl_col_padding_10px_right {
    height: 33px;
    padding-top: 10px !important;
    padding-bottom: 10px;
    vertical-align: middle;
}

.vs_tbl_col_padding_10px_top {
    width: 180px;
    height: 33px;
    font-weight: bold;
    padding-left: 20px;
    padding-top: 10px !important;
    padding-bottom: 10px;
    vertical-align: top;
}
.vs_tableform label {
    font-weight: bold
}

.vs_tableform td {
    padding: 15px;
    border-bottom: 1px solid #ececec;
    vertical-align: top;
}

.vs_picl_tbl_col_left {
    width: 230px;
    height: 33px;
    font-weight: bold;
    padding-left: 20px;
    padding-top: 10px !important;
    padding-bottom: 10px;
    vertical-align: middle;
}

.vs_picl_tbl_col_right {
    height: 33px;
    padding-top: 10px !important;
    padding-bottom: 10px;
    vertical-align: middle;
    border-right: 1px solid #ececec;
    padding-left: 12px;
}

.vs_picl_tbl_col_end {
    height: 33px;
    padding-top: 10px !important;
    padding-bottom: 10px;
    vertical-align: middle;
    padding-left: 12px;
}

.vs_picl_msg {
    font-weight: bold;
    padding-left: 20px;
    vertical-align: middle;
}

.vs_picl_upload {
    width: 180px;
    height: 33px;
    font-weight: bold;
    padding-left: 20px;
    padding-top: 20px !important;
    padding-bottom: 20px;
    vertical-align: middle;
}

.filer-input-wrapper-vs {
    width: 100%;
    padding-left: 15px;
    width: auto\9;
    float: left\9;
}

.filer-input-wrapper-vs .file-input {
    position: relative;
    display: inline-block;
    margin-left: 5px
}

.filer-input-wrapper-vs .file-input+.file-input {
    margin-left: 20px
}

.filer-input-wrapper-vs .file-input .file-upload:not(.btn) {
    border: 1px dashed #bfbfbf;
    width: 98px;
    height: 98px;
    text-align: center;
    display: inline-table;
    vertical-align: middle;
    max-width: 121px;
    white-space: nowrap;
}

.filer-input-wrapper-vs .file-input .file-uploaded:not(.btn) {
    border: 1px solid #bfbfbf;
    width: 125px;
    height: 125px;
    text-align: center;
    display: inline-table;
    vertical-align: middle
}

.filer-input-wrapper-vs .file-input .file-uploaded span.ico-document {
    font-size: 20px
}

.filer-input-wrapper-vs .file-input .file-uploaded p {
    font-family: "Noto Sans", Roboto, "Open Sans", sans-serif;
    font-size: .875rem;
    font-weight: 400;
    margin-top: 10px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
    margin-bottom: 0;
    padding-bottom: 0;
    position: relative;
}

@media screen and (min-width: 0\0) and (min-resolution: .001dpcm) {
    .filer-input-wrapper-vs .file-input .file-uploaded p {
        max-height:35px;
    }

    .filer-input-wrapper-vs .file-input .file-uploaded p:before {
        content: "...";
        position: absolute;
        right: 9px;
        top: 18px;
        z-index: 2;
    }

    .filer-input-wrapper-vs .file-input .file-uploaded p:after {
        content: " ";
        position: absolute;
        right: 8px;
        bottom: 0;
        width: 1.2em;
        height: 1em;
        margin-top: 0.2em;
        background: white;
        z-index: 1;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    /* Media query for IE 9 and above */
    .grey-message ul li>span{
        display:inline-block;
        vertical-align: top;
    }

    .filer-input-wrapper-vs .file-input .file-uploaded p {
        max-height: 35px;
    }

    .filer-input-wrapper-vs .file-input .file-uploaded p:before {
        content: "...";
        position: absolute;
        right: 9px;
        top: 18px;
        z-index: 2;
    }

    .filer-input-wrapper-vs .file-input .file-uploaded p:after {
        content: " ";
        position: absolute;
        right: 8px;
        bottom: 0;
        width: 1.2em;
        height: 1em;
        margin-top: 0.2em;
        background: white;
        z-index: 1;
    }
}

.filer-input-wrapper-vs .file-input .file-uploaded .ui-fileupload, .filer-input-wrapper-vs .file-input .file-upload .ui-fileupload {
    margin-top: 30px;
}

.filer-input-wrapper-vs .file-input input[type=file] {
    opacity: 0!important;
    height: 30px;
    width: 100%;
    position: absolute;
    overflow: hidden;
}
.file-upload>tbody>tr>td{
    height:100%;
}

.ico-document:before {
    content: "\e904"
}

.tbl_col_label_top {
    width: 180px;
    font-weight: bold;
    padding-left: 10px;
    padding-top: 8px !important;
    vertical-align: top;
}

#idCardMultiCategory td {
    text-align: center;
}

/** End - Vision Functions **/
/** Start - IA Placement **/

/* .ia_tbl_col_label {
    width: 280px;
    height: 33px;
    font-weight: bold;
    padding-left: 10px;
    padding-top: 8px !important;
    vertical-align: top;
} */
.ia_tbl_col_label {
    width: 150px;
    height: 33px;
    font-weight: bold;
    padding-left: 10px;
    padding-bottom: 15px;
    padding-top: 15px;
    padding-right: 40px;
    vertical-align: middle;
}

.ia_tbl_col_label_desc{
    width: 150px;
    height: 20px;
    font-weight: bold;
    padding-left: 10px;
    padding-right: 40px;
    vertical-align: middle;
    transform: translateY(-8px);
}

.ia_tbl_col_label_eligibleAmount{
    vertical-align: middle;
    transform: translateY(-8px);
}

.ia_tbl_col_label_desc1{
    vertical-align: middle;
    transform: translateY(-8px);
}

.ia_tbl_col_label_eligibleAmount_date{
    vertical-align: top;
    transform: translateY(-30px);
}

.ia_tbl_col_label_promoDesc{
    width: 280px;
    height: 50px;
    font-weight: bold;
    padding-left: 10px;
    padding-top: 8px !important;
    padding-bottom: 8px;
    vertical-align: middle;
}

.ia_tbl_col_label_detail {
    width: 400px;
    height: 33px;
    font-weight: bold;
    padding-left: 10px;
    padding-top: 8px !important;
    vertical-align: top;
}

.ia_tbl_col_label_ack {
    width: 280px;
    height: 29px;
    font-weight: bold;
    padding-left: 10px;
    padding-top: 8px !important;
    vertical-align: top;
}

.ia_txt_highlight {
    font-size: 15px;
    font-weight: bold;
}

.ia_txt_highlight_blue {
    font-size: 15px;
    color: #3A87AD;
    font-weight: bold;
}

.ia_tbl_col_padding_8px {
    width: 180px;
    height: 20px;
    font-weight: bold;
    padding-left: 20px;
    padding-top: 8px !important;
    padding-bottom: 8px;
    vertical-align: middle;
}

.ia_tbl_col_padding_8px_right {
    height: 20px;
    padding-top: 8px !important;
    padding-bottom: 8px;
    vertical-align: middle;
}

.ia_firstColumn {
    width: 70px;
}

.ia_secondColumn {
    width: 100px;
}

.ia_paddingleft_17px {
    padding-left: 17px;
}

.ui-accordion .ui-accordion-header .ui-icon {
    background: url(../img/accopen.png) no-repeat left center;
}

.ui-accordion .ui-accordion-header.ui-state-active .ui-icon {
    background: url(../img/accclose.png) no-repeat left center;
}

.ia_tbl_col_label_xs {
    width: 28px;
    height: 33px;
    font-weight: bold;
    padding-left: 10px;
    padding-top: 4px !important;
    vertical-align: top;
}

/** End - IA Placement **/
/* Start - Virtual Card */
.newFeaturelbl {
    color: #579ee2;
    font-weight: 600;
    margin-right: 5px;
}

.plccCreditCardDiv {
    position: relative;
}

.plccCreditCardDiv:hover {
    background-color: #eeeeee;
}

.plccCreditCardDiv .card-tooltip {
    visibility: hidden;
    width: 190px;
    height: 159px;
    background-color: #eeeeee;
    text-align: center;
    padding: 5px 0;
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    top: -2px;
    left: 100%;
}

.plccCreditCardDiv:hover .card-tooltip {
    visibility: visible;
}

.card-tooltip-list {
    list-style: disc outside;
    margin: 10px 0 0 20px;
}

.card-tooltip-list li {
    text-align: left;
}

#cardsDisplayList td:last-of-type:not(:only-of-type) .card-tooltip {
    /* left: -192px !important;
    right: 100%; */
}

#card-activate-dlg {
    top: 150px !important;
    position: fixed !important;
}

#cardActiveChecks td {
    text-align: center;
}

.plccBlockTh {
    padding: 20px;
    background-color: #eeeeee;
    font-weight: 600;
    width: 50%;
    border-right: solid 1px #eeeeee;
}

.plccBlockTh2 {
    padding: 20px;
    background-color: #eeeeee;
    font-weight: 600;
    width: 50%;
    border-right: solid 1px #ffffff;
}

.plccBlockTd {
    padding: 10px 20px;
    width: 50%;
    border-bottom: solid 1px #eeeeee;
    border-right: solid 1px #eeeeee;
}

.plccBlockTd2 {
    padding: 10px 20px;
    width: 50%;
    border-bottom: solid 1px #eeeeee;
}

.backFlipCard {
    display: none;
    background: url('../img/credit_card_displays/backOfCard.jpg') no-repeat;
    background-size: 300px;
    width: 300px;
    height: 190px;
    margin: auto;
}

.ccNoPlchldr {
    position: relative;
    top: 110px;
    left: 60px;
    font-size: 1.5em;
    color: #fff;
    float: left;
    width: 100%;
    height: 0px;
    font-family: OCRA;
    text-shadow: 1px 1px #777, 1px -1px #ddd;
}

.ccDtlNoPlchldr {
    position: relative;
    top: 110px;
    left: 20px;
    font-size: 1.5em;
    color: #fff;
    float: left;
    width: 100%;
    height: 0px;
    font-family: OCRA;
    text-shadow: 1px 1px #777, 1px -1px #ddd;
}

.ccDtlExpPlchldr {
    position: relative;
    top: 140px;
    left: 150px;
    font-size: 1em;
    color: #fff;
    float: left;
    width: 100%;
    height: 0px;
    font-family: OCRA;
    text-shadow: 1px 1px #777, 1px -1px #ddd;
}

.ccExpPlchldr {
    position: relative;
    top: 140px;
    left: 190px;
    font-size: 1em;
    color: #fff;
    float: left;
    width: 100%;
    height: 0px;
    font-family: OCRA;
    text-shadow: 1px 1px #777, 1px -1px #ddd;
}

.ccNamePlchldr {
    position: relative;
    top: 165px;
    left: 60px;
    font-size: 1em;
    color: #fff;
    float: left;
    width: 100%;
    height: 0px;
    font-family: OCRA;
    text-shadow: 1px 1px #777, 1px -1px #ddd;
}

.ccNoPlchldr p, .ccNamePlchldr p, .ccExpPlchldr p {
    filter: progid:DXImageTransform.Microsoft.DropShadow(offX=1,offY=1,color=#707070) progid:DXImageTransform.Microsoft.DropShadow(offX=1,offY=-1,color=#d0d0d0);
}

.cvvPlchldr {
    position: relative;
    top: 66px;
    left: 205px;
    font-size: 1.4em;
}

.bluebtnDlgOveride {
    -moz-box-shadow: inset 0px 1px 0px 0px #456180;
    -webkit-box-shadow: inset 0px 1px 0px 0px #456180;
    box-shadow: inset 0px 1px 0px 0px #456180;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, var(--hlb-blue)), color-stop(1, var(--hlb-blue)) ) !important;
    background: -webkit-linear-gradient(top, var(--hlb-blue) 5%, var(--hlb-blue) 100%) !important;
    background: -moz-linear-gradient( center top, var(--hlb-blue) 5%, var(--hlb-blue) 100% ) !important;
    background: -ms-linear-gradient( top, var(--hlb-blue) 5%, var(--hlb-blue) 100% ) !important;
    background: -o-linear-gradient(top, var(--hlb-blue) 5%, var(--hlb-blue) 100%) !important;
    background: linear-gradient(to bottom, var(--hlb-blue) 5%, var(--hlb-blue) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--hlb-blue)', endColorstr='var(--hlb-blue)');
    background-color: var(--hlb-blue) !important;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid var(--hlb-blue) !important;
    display: inline-block;
    color: #ffffff !important;
    font-family: "Noto Sans", Roboto, "Open Sans", sans-serif;
    font-size: 12px;
    font-weight: bold !important;
    text-decoration: none;
    text-shadow: 0px 1px 0px #4d7ba8;
    white-space: nowrap;
}

.bluebtnDlgOveride:hover {
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, var(--hlb-blue)), color-stop(1, var(--hlb-blue)) ) !important;
    background: -webkit-linear-gradient(top, var(--hlb-blue) 5%, var(--hlb-blue) 100%) !important;
    background: -moz-linear-gradient( center top, var(--hlb-blue) 5%, var(--hlb-blue) 100% ) !important;
    background: -ms-linear-gradient( top, var(--hlb-blue) 5%, var(--hlb-blue) 100% ) !important;
    background: -o-linear-gradient(top, var(--hlb-blue) 5%, var(--hlb-blue) 100%) !important;
    background: linear-gradient(to bottom, var(--hlb-blue) 5%, var(--hlb-blue) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--hlb-blue)', endColorstr='var(--hlb-blue)') !important;
    background-color: var(--hlb-blue) !important;
}

.bluebtnDlgOveride:active {
    position: relative;
    top: 1px;
}

.ccActivFail {
    margin-top: 10px;
    display: block;
    text-align: center;
    color: #ff0000;
    font-weight: 600;
}

.ccActivPass {
    margin-top: 10px;
    display: block;
    text-align: center;
    color: #008000;
    font-weight: 600;
}

@font-face {
    font-family: 'OCRA';
    src: url('../fonts/OCRA.ttf');
}

#idPlacehldDiv {
    display: block;
    margin: 60px 6px 0 6px;
    position: relative;
}

#plchldrOfferLabel {
    margin-left: 5px;
    padding: 8px;
    display: block;
    width: 150px;
    background-color: #f03329;
    color: #ffffff;
    font-weight: 600;
    text-align: center;
    font-size: 1.3em;
    letter-spacing: 0.5px;
    top: -40px;
    position: absolute;
}

/* End - Virtual Card */
/** Start - MSIG Travel Insurance **/
.txt_travel_area {
    text-align: center;
    font-weight: bold;
}

.txt_travel_area_dsc {
    text-align: justify;
    height: 200px;
    vertical-align: top;
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
}

.radio_button_bottom {
    text-align: center;
}

.left_border_display {
    border-left-color: lightgrey;
    border-left-width: 1px;
    border-left-style: solid;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.txt_buy_ins_for {
    font-weight: bold;
    text-align: center;
}

.txt_buy_ins_for_dsc {
    text-align: center;
    padding-left: 0px !important;
    height: 70px;
}

.txt_trip_type {
    font-weight: bold;
    text-align: center;
    font-size: 18px;
    height: 28px;
    vertical-align: top;
}

.txt_ins_plan_select {
    font-weight: bold;
    padding-left: 5px !important;
}

.tick_ins_msig_tnc {
    width: 28px;
    height: 33px;
    font-weight: bold;
    padding-left: 27px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    vertical-align: top;
    background-color: #ffced0;
}

.txt_ins_msig_tnc {
    background-color: #ffced0;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.txt_ins_msig_tac {
    background-color: #f4f4f4;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    padding-left: 10px !important;
}

.tick_ins_msig_travel_spouse {
    width: 28px;
    height: 33px;
    font-weight: bold;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    vertical-align: top;
}

.txt_ins_msig_travel_spouse {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

#idBtnNo .ui-button-text {
    color: var(--hlb-blue);
    border: 1px solid var(--hlb-blue);
}

#idBtnYes .ui-button-text, #idBtnBackToHome .ui-button-text {
    background-color: var(--hlb-blue);
    color: white;
}

.plan_summary_1 {
    width: 312px;
    padding: 10px 0px 20px 20px;
    background: #f8f8f8;
}

.plan_summary_2 {
    padding: 10px 20px 20px 0px;
    text-align: right;
    background: #f8f8f8;
}

.travel_malaysia_1 {
    width: 500px;
    margin: 13px 70px 0px -37px;
    padding: 2% 5% 2% 3%;
    border-radius: 0px;
    border: 3px solid lightgrey;
    border-right: 0px;
}

.travel_malaysia_2 {
    width: 350px;
    padding-left: 30px;
    border-radius: 0px;
    border: 3px solid lightgrey;
    border-left: 0px;
}

.ui-panelgrid td, .ui-panelgrid tr {
    border-style: none !important
}

.msig_tbl_col_label_ack_1 {
    width: 152px;
    height: 33px;
    font-weight: bold;
    padding-left: 10px;
    padding-top: 8px !important;
    vertical-align: top;
}

.msig_tbl_col_label_ack_2 {
    padding-left: 28px;
}

/**** OTT *****/
#ott_curr_amt_panel td:nth-child(2) {
    width: 70px !important;
}

#ott_curr_amt_panel td:nth-child(4) {
    vertical-align: top;
    padding-top: 2px;
}

#ott_curr_amt_panel td:nth-child(4) input {
    height: 28px;
}

.statusWidth200 {
    width: 200px;
}

#idAboutYouInfo table td:nth-child(2), #idBeneInfo table td:nth-child(2) {
    width: 150px;
}

.headerLabel {
    text-decoration: underline;
}

.headerLabelPadding {
    padding-bottom: 20px;
    padding-left: 15px;
}

.headerLabelPaddingTop {
    padding-top: 50px !important;
}

.panelFontSize {
    font-size: 1.2em;
}

.panelPaddingLeft15 {
    padding-left: 15px;
}

#idAboutYouInfo .tbl_col_label_large {
    width: 105px;
}

#idBeneInfo .tbl_col_label_large {
    width: 194px;
}

#idOtherInfo .tbl_col_label_large {
    width: 251px;
}

#idBeneInfo, .margin25 {
    margin-top: 25px;
    margin-bottom: 25px;
}

#idBeneCountryIncorpSpacer {
    width: 154px;
    height: inherit;
}

#idRoutingCode_input, #idBankName_input {
	opacity: 1 !important;
}

#idCurrency_ext {
	line-height: 28px;
}

#idBeneOtherRelCd_ext, #idBeneCountryIncorp_ext, #idPaymentPurpose_ext,
	#idBeneRelSR_ext, #idBeneRelTT_ext, #idBeneNationalitySR_ext,
	#idBeneNationalityTT_ext, #idPurposeCategorySR_ext,
	#idPurposeCategoryTT_ext, #idRemittance_ext, #idRemittanceSublist_ext,
	#idSubPurposeList_ext, #idRemitBankCode_ext, #idPaymentPurposeTT_ext,
	#idPayeeCountrySR_ext, #idPayeeCountryTT_ext, #idCashPickupAgent_ext,
	#idCountryIssue_ext, #idApplicantOccupation_ext, #idSOMTransferFrom_ext,
	#idDebtCurrencyMCF_ext, #idSenderCountry_ext, #idDebtCurrencyMCF_ext,
	#idCountry_ext, #idBeneResidenceCountryTT_ext,
	#idBeneResidenceCountrySR_ext, #idBeneCountryIncorpTT_ext,
	#idBeneCountryIncorpSR_ext, #idRemittanceTT_ext, #idRemittanceSR_ext,
	#idPayeeIDTypeSR_ext, #idPayeeState_ext, #idPayeeCity_ext,
	#idApplicantCountry_ext, #idFormEntry\:idLPAcct_ext {
	width: 400px !important;
	line-height: 28px;
}

#idBeneOtherRelCd, #idBeneOtherRelCd_label, #idBeneOtherRelCd_panel,
	#idBeneCountryIncorp, #idBeneCountryIncorp_label,
	#idBeneCountryIncorp_panel, #idPaymentPurpose, #idPaymentPurpose_label,
	#idPaymentPurpose_panel, #idBeneRelSR, #idBeneRelSR_label,
	#idBeneRelSR_panel, #idBeneRelTT, #idBeneRelTT_label,
	#idBeneRelTT_panel, #idBeneNationalitySR, #idBeneNationalitySR_label,
	#idBeneNationalitySR_panel, #idBeneNationalityTT,
	#idBeneNationalityTT_label, #idBeneNationalityTT_panel,
	#idPurposeCategorySR, #idPurposeCategorySR_label,
	#idPurposeCategorySR_panel, #idPurposeCategoryTT,
	#idPurposeCategoryTT_label, #idPurposeCategoryTT_panel, #idRemittance,
	#idRemittance_label, #idRemittance_panel, #idRemittanceSublist,
	#idRemittanceSublist_label, #idRemittanceSublist_panel,
	#idSubPurposeList, #idSubPurposeList_label, #idSubPurposeList_panel,
	#idRemitBankCode, #idRemitBankCode_label, #idRemitBankCode_panel,
	#idPaymentPurposeTT, #idPaymentPurposeTT_label,
	#idPaymentPurposeTT_panel, #idPayeeCountrySR, #idPayeeCountrySR_label,
	#idPayeeCountrySR_panel, #idPayeeCountryTT, #idPayeeCountryTT_label,
	#idPayeeCountryTT_panel, #idCashPickupAgent, #idCashPickupAgent_label,
	#idCashPickupAgent_panel, #idCountryIssue, #idCountryIssue_label,
	#idCountryIssue_panel, #idApplicantOccupation,
	#idApplicantOccupation_label, #idApplicantOccupation_panel,
	#idSOMTransferFrom, #idSOMTransferFrom_label, #idSOMTransferFrom_panel,
	#idSenderCountry, #idSenderCountry_label, #idSenderCountry_panel,
	#idDebtCurrencyMCF, #idDebtCurrencyMCF_label, #idDebtCurrencyMCF_panel,
	#idCountry, #idCountry_label, #idCountry_panel,
	#idBeneResidenceCountryTT, #idBeneResidenceCountryTT_label,
	#idBeneResidenceCountryTT_panel, #idBeneResidenceCountrySR,
	#idBeneResidenceCountrySR_label, #idBeneResidenceCountrySR_panel,
	#idBeneCountryIncorpTT, #idBeneCountryIncorpTT_label,
	#idBeneCountryIncorpTT_panel, #idBeneCountryIncorpSR,
	#idBeneCountryIncorpSR_label, #idBeneCountryIncorpSR_panel,
	#idRemittanceTT, #idRemittanceTT_label, #idRemittanceTT_panel,
	#idRemittanceSR, #idRemittanceSR_label, #idRemittanceSR_panel,
	#idPayeeIDTypeSR, #idPayeeIDTypeSR_label, #idPayeeIDTypeSR_panel,
	#idPayeeState, #idPayeeState_label, #idPayeeState_panel, #idPayeeCity,
	#idPayeeCity_label, #idPayeeCity_panel, #idApplicantCountry,
	#idApplicantCountry_label, #idApplicantCountry_panel,
	#idRoutingCode_input, #idBankName_panel, #idBankName, #idBankNameOld,
	#idSwifCode, #idifscCode, #idfwno, #idsortCode, #idbsbNo, #idtransitNo,
	#idBnkAddress1, #idBnkAddress2, #idBnkAddress3, #idPayeeAcctNo,
	#idPayeeNameSR, #idPayeeNameTT, #idPayeeIDSR, #idPayeeIDTT,
	#idPayeeAddr1SR, #idPayeeAddr2SR, #idPayeeAddr3SR, #idPayeeAddrTT,
	#idPayeeAddrSR, #idPayeePhoneNoSR, #idPayeeAddr1TT, #idPayeeAddr2TT,
	#idPayeeAddr3TT, #idPayeePhoneNoTT, #idPayeeCityInput,
	#idBeneOtherRelTxt, #idPurposeOtherDetailsTxt, #idOtherDetailsTxtSR,
	#idOtherDetailsTxtTT, #idBankName_input, #idSwifCodeSepa,
	#idPayeeAcctNoSRVN, #idPayeeAcctNoSRGB, #idPayeeAcctNoSRSG,
	#idPayeeAcctNoSRSEPA, #idPayeeAcctNoSRPH, #idPayeeAcctNoSRNP,
	#idPayeeAcctNoSRID, #idPayeeAcctNoSRIN, #idPayeeAcctNoSRCN,
	#idPurposeOtherDetailsTxtTT, #idPurposeOtherDetailsTxtSR,
	#idBeneOtherRelTxtSR, #idRoutingCode2, #idBankName2,
	#idBeneOtherRelTxtTT, #idBeneOtherRelTxtSR, #idFavouriteNickname,
	#idFavouriteNicknameTT, #idSenderCity, #idSenderState,
	#idSenderPostcode, #idSenderAddress2, #idSenderAddress1,
	#idPayeeAcctNoSRKH, #idPayeeCityTT, #idPayeePostcodeTT,
	#idMobileAgent, #idMobileAgent_label, #idMobileAgent_panel,
	#idEwallet,
	#idFormEntry\:idLPAcct, #idFormEntry\:idLPAcct_label, #idFormEntry\:idLPAcct_panel {
	width: 400px !important;
}

#idCurrency, #idCurrency_panel, #idCurrency_label {
	width: 134px !important;
}

#idPayeeAcctNoPanel .tbl_col_label_large {
    width: 250px;
}

.allowDisabledCssOpacity .ui-state-disabled {
    opacity: 1;
}

#idDeclareRadioGrid, #idDeclareRadioGridSR, #idDocuments, .docTypeList {
    margin-bottom: 10px;
    margin-top: 10px;
}

#idDeclareRadioGrid tr td:first-child,
#idDeclareRadioGridSR tr td:first-child {
    vertical-align: top;
    padding: 0px 10px;
}

.declarationOT .grey-message {
    width: 100%;
    border: none;
}

#idDocuments .ui-widget-content, .docTypeList .ui-widget-content {
    background: none;
    border: none;
}

#idDocuments li, .docTypeList li {
    color: #444;
}

.tooltipIcon {
    display: inline;
    margin-left: 5px;
    vertical-align: middle;
}

.emailInfo {
    font-weight: normal;
    color: gray;
}

.grey-message.table-section-dark {
    width: calc(100% - 20px);
    margin-left: 20px;
}

.grey-message.table-section-dark tr > td label {
    margin: 5px;
}

.grey-message.table-section-dark tr:not(:first-child) > td td {
    padding-left: 20px;
}

#idDocuments li, .grey-message.table-section-dark tr:not(:first-child) > td td li, .docTypeList li {
    margin-bottom: 0px;
}

#idOPGridBtn td.tbl_col_max > label {
    width: 506px;
}

#idDocuments .txt_blue label, .docTypeList .txt_blue label {
    font-weight: bold;
}

#idDocuments li, .docTypeList li {
    list-style-type: disc;
    margin-left: 14px;
}

#idDocuments table {
    margin-top: 30px;
    margin-left: 10px;
}

.paymentwrapper2 span.docTypeList {
    padding: 5px;
    width: 912px;
}

#step1A #container1 .ui-message-error-detail {
    margin-left: 5px;
}

#limitInfo .tbl_col_label_large {
    padding-left: 0px;
}

#limitInfo img, #containerSectionB .tbl_col_label_large img, #containerSectionC .tbl_col_label_large img, #subpurposePanel .tbl_col_label img, #subpurposePanel2 .tbl_col_label img, #idOPSwiftCode .tbl_col_label img, #idOPPayeeAcctNo .tbl_col_label img, #idOPBeneType .tbl_col_label img, #idOPBeneRel .tbl_col_label img, #idOPBeneCountryIncorpMalaysia .tbl_col_label img, #idOPBeneResideMy .tbl_col_label img {
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
}

#idFrmAddPayeeEntry #idBeneType td:nth-child(2),
#idFrmAddPayeeEntry #idBeneCountryIncorpMalaysia td:nth-child(2),
#idFrmAddPayeeEntry #idBeneCitizen td:nth-child(2),
#idFrmAddPayeeEntry #idBenePROthers td:nth-child(2),
#idFrmAddPayeeEntry #idBenePRMalaysia td:nth-child(2),
#idFrmAddPayeeEntry #idBeneCountry td:nth-child(2) {
    width: 253px;
}

div.countryIncorpTooltip {
    max-width: 550px;
}

div.countryIncorpTooltip>ul {
    list-style-type: disc;
    list-style-position: inside;
}

div.countryIncorpTooltip>ul, div.countryIncorpTooltip>ul>li>ul>li {
    margin-bottom: 0px;
}

div.countryIncorpTooltip ul li {
    line-height: 15px;
    margin-left: 5px;
    margin-bottom: 0px;
}

div.countryIncorpTooltip>ul>li>ul {
    list-style-type: circle;
    list-style-position: inside;
}

.ottPrintHidden {
    display: none;
}

#idFormOTTUpload .filer-input-wrapper-vs .file-input .file-uploaded p, #idFormCfmAckDtl .filer-input-wrapper-vs .file-input .file-uploaded p, .ottUpdForm .filer-input-wrapper-vs .file-input .file-uploaded p, #idFormView .filer-input-wrapper-vs .file-input input[type=file] {
    font-family: "Noto Sans", Roboto, "Open Sans", sans-serif;
    font-size: .875rem;
    font-weight: 400;
    margin-top: 10px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    min-width: 40px;
    max-height: 40px;
    min-height: 36px;
    max-width: 110px;
    text-overflow: ellipsis;
    word-break: break-all;
}

.ottUpdForm .filer-input-wrapper-vs .file-input .file-uploaded p {
    min-height: unset;
}

.payeeWrapper .tbl_col_label {
    width: 195px;
}

.confAndAck_table td {
    width: 100px;
    max-width: 100px;
    vertical-align: middle;
}

table.confAndAck_table.ottStatus td {
    width: 88px !important;
    vertical-align: sub;
    padding-right: 15px;
}

.confAndAck_table td label {
    word-wrap: break-word;
}

td.ottSCDocList {
    vertical-align: top;
    padding-top: 8px;
}

.marginTop50 {
    margin-top: 50px;
}

.marginTop30 {
    margin-top: 30px;
}

.marginTop10 {
    margin-top: 10px;
}

.marginBottom50 {
    margin-bottom: 50px;
}

.uploadPanel .filer-input-wrapper-vs {
    padding-left: 0px;
}

.uploadPanel .filer-input-wrapper-vs .file-input:first-child {
    margin-left: 0px;
}

.uplHist {
    padding-left: 20px;
}

.docTypeListView table {
    margin-left: 20px;
}

.docTypeListView .title {
    padding-left: 0px;
}

.uplHistRemarks {
    margin-left: 4px;
}

.uplHistPanel:nth-child(2) {
    margin-top: 20px;
}

.uplHistPanel tr:nth-child(2) .ottSCDocList {
    padding-left: 6px;
}

.uploadPanel, .uplHistRemarksField {
    padding-left: 5px;
}

.ottUpdForm .tbl_col_label, .tbl_col_label_top, .ottUpdForm .tbl_col_label+td {
    padding-top: 0px !important;
    vertical-align: top;
}

.ottAddFavourites {
    width: 352px !important;
}

#idFormOTTUpload .filer-input-wrapper-vs .file-input input[type=file], .ottUpdForm .filer-input-wrapper-vs .file-input input[type=file], #idFormCfmAckDtl .filer-input-wrapper-vs .file-input input[type=file], #idFormView .filer-input-wrapper-vs .file-input input[type=file] {
    opacity: 0 !important;
    display: block !important;
}

#idconfirmOverseasTransfer .ui-dialog-content,
#idSRWarning2Widget .ui-dialog-content {
    padding-top: 10px;
}

.custom-des-table .ui-datatable-tablewrapper table tr th, .custom-des-table-diff table tbody tr:first-child td {
    background: #f2f2f2!important;
    border: none!important;
    padding: 15px!important;
}

.custom-des-table.sc .ui-datatable-tablewrapper table tr th, .custom-des-table-diff.sc table tbody tr:first-child td {
	background:#e0e0e0!important;
}

@media print {
    .print-hide {
        display: none;
    }
    .print-height-adjust-1 .tbl_col_label, .print-height-adjust-1 td{
        height:31px!important;
        max-height:31px;
    }    
    .print-height-adjust-1 .grid-btn{
        margin-top:-25px;
        min-height:90px;
        /* margin:0!important; */
    }
}


td.padding-none {
    padding: 0px;
    padding-top: 0px !important;
}

/**** End - OTT *****/
.grey-panels-wrapper .ui-panel {
    margin-top: 10px;
    margin-bottom: 10px;
}

.grey-panels-wrapper .ui-panel,.grey-panels-wrapper .grey-panel td {
    background: #f9f9f9;
}

/* toggleSwitch without text  */
.toggleswitch.ui-chkbox {
    margin-top: 4px;
    padding-right: 1px;
}

.toggleswitch.ui-chkbox .ui-chkbox-box {
    width: 30px;
    height: 7px;
    background-image: none;
    background-color: #ddd;
    border: 1px solid #bfbfbf;
    border-radius: 20px;
    box-shadow: inset -0.5px 0.5px 0px 0px #8c8b8b;
    position: relative;
}

.toggleswitch.ui-chkbox .ui-chkbox-box.ui-state-default.ui-state-active {
    background-color: #1ac175;
}

.toggleswitch.ui-chkbox .ui-chkbox-box.ui-state-default .ui-chkbox-icon:before {
    content: "";
    width: 15px;
    height: 15px;
    border-radius: 20px;
    background-color: #fff;
    border: 0.5px solid #ccc;
    margin-top: -4px;
    box-shadow: 0 0 3px 0px #8c8b8b;
    position: absolute;
    left: 0;
    transition: all 1s ease-in-out;
    transform-origin: center center;
    transform: translateX(0);
    transition: all 0.5s ease;
}

.toggleswitch.ui-chkbox .ui-chkbox-box.ui-state-active .ui-chkbox-icon {
    background: none;
    overflow: inherit;
    display: block;
}

.toggleswitch.ui-chkbox .ui-chkbox-box.ui-state-active .ui-chkbox-icon:before {
    transition: all 0.5s ease-in-out;
    transform: translateX(100%);
}

/* toggleSwitch with text  */
.toggleswitch.colored.with-text.ui-chkbox .ui-chkbox-box {
    background-color: red;
    border-color: red;
}
.toggleswitch.colored.with-text.ui-chkbox.active .ui-chkbox-box.ui-state-focus {
    background-color: #1ac175;
    border-color: #1ac175;
}

.toggleswitch.with-text.ui-chkbox {
    margin-top: 4px;
    padding-right: 1px;
}

.toggleswitch.colored.ui-chkbox.with-text .ui-chkbox-box:before {
    color:#fff;
    opacity:.75;
}

.toggleswitch.ui-chkbox.with-text .ui-chkbox-box.ui-state-default.ui-state-active, .toggleswitch.active.ui-chkbox.with-text .ui-chkbox-box.ui-state-default.ui-state-focus {
    background-color: #1ac175;
}

.toggleswitch.colored.ui-chkbox.with-text .ui-chkbox-box.ui-state-default.ui-state-active, .toggleswitch.active.colored.ui-chkbox.with-text .ui-chkbox-box.ui-state-default.ui-state-active {
    border-color: #bfbfbf;
}

.toggleswitch.ui-chkbox.with-text .ui-chkbox-box.ui-state-default.ui-state-active:before, .toggleswitch.active.ui-chkbox.with-text .ui-chkbox-box.ui-state-default.ui-state-focus:before {
    content: "ON";
    float: left;
    padding-left: 8px;
    color: #fff;
}

.toggleswitch.with-text.ui-chkbox .ui-chkbox-box {
    width: 50px;
    height: 20px;
    background-image: none;
    background-color: #ddd;
    border: 1px solid #bfbfbf;
    border-radius: 20px;
    box-shadow: inset -0.5px 0.5px 0px 0px #8c8b8b;
    position: relative;
}

.toggleswitch.ui-chkbox.with-text .ui-chkbox-box:before {
    content: "OFF";
    float: right;
    padding-right: 5px;
    color: grey;
    font-size: 11px;
    line-height: 20px;
    opacity: .6;
}

.toggleswitch.ui-chkbox.with-text .ui-chkbox-box.ui-state-active .ui-chkbox-icon, .toggleswitch.active.ui-chkbox.with-text .ui-chkbox-box.ui-state-focus .ui-chkbox-icon {
    background: none;
    overflow: inherit;
    display: block;
    width: 100%;
}

.toggleswitch.ui-chkbox.with-text .ui-chkbox-box.ui-state-default.ui-state-active:before {
    content: "ON";
    float: left;
    padding-left: 8px;
    color: #fff;
}

.toggleswitch.ui-chkbox.with-text .ui-chkbox-box.ui-state-active .ui-chkbox-icon:before, .toggleswitch.active.ui-chkbox.with-text .ui-chkbox-box.ui-state-focus .ui-chkbox-icon:before {
    transition: all 0.5s ease-in-out;
    transform: translateX(30px);
}

.toggleswitch.ui-chkbox.with-text .ui-chkbox-box.ui-state-default.ui-state-active {
    background-color: #1ac175;
}

.toggleswitch.ui-chkbox.with-text .ui-chkbox-box.ui-state-default .ui-chkbox-icon:before {
    content: "";
    width: 18px;
    height: 18px;
    border-radius: 20px;
    background-color: #fff;
    border: 0.5px solid #ccc;
    margin-top: -4px;
    box-shadow: 0 0 3px 0px #8c8b8b;
    position: absolute;
    left: 0;
    top: 4px;
    transition: all 1s ease-in-out;
    transform-origin: center center;
    transform: translateX(0);
    transition: all 0.5s ease;
}

.toggleswitch.ui-chkbox.with-text .ui-chkbox-box.ui-state-active .ui-chkbox-icon {
    background: none;
    overflow: inherit;
    display: block;
    width: 100%;
}

.toggleswitch.ui-chkbox.with-text .ui-chkbox-box.ui-state-active .ui-chkbox-icon:before {
    transition: all 0.5s ease-in-out;
    transform: translateX(30px);
}
.teddy {
    display: none;
}

.junior-connect-app .msg-notification {
    right: 20px;
    top: -10px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    background: url(../img/junior-savings/jr-msg-notify.png) no-repeat center;
    background-size: contain;
    text-align: center;
}

.junior-connect-app .msg-notification span {
    margin: auto;
    width: auto;
    padding: 0 2px;
    line-height: 20px;
}

/* Generic Styles */
.m-0 {
    margin: 0;
}

.m-auto {
    margin: auto;
}

.text-center {
    text-align: center;
}

.text-left {
    text-align: left;
}

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

.text-bold {
    font-weight: bold;
}

.border-r-dashed {
    border-right: 1px dashed #ccc;
}

.border-none {
    border: none;
}

.p-0 {
    padding: 0;
}

.p-0-imp {
    padding: 0!important;
}

.p-10 {
    padding: 10;
}

.p-10-imp {
    padding: 10px!important;
}

.header-blue {
    background: linear-gradient(to bottom,#334d6b 0%,var(--hlb-blue) 100%);
    border: 0px solid #00749f;
    border-radius: 3px;
    padding: 5px 15px;
    margin-bottom: 5px;
}

.header-blue h4 {
    line-height: 16px;
    font-size: 15px;
    margin-bottom: 0px;
    color: #fff;
    font-family: "Noto Sans", Roboto, "Open Sans", sans-serif;
    text-rendering: optimizeLegibility;
}

.txt_white {
    color: #fff;
}

/* end of Generic Styles */
.header-darklightblue .ui-datatable-tablewrapper thead tr th {
    background: #0E50FE;
    color: #fff;
}

* {
    outline: transparent;
}


.custom-des-table .ui-datatable-tablewrapper table tr, .custom-des-table-diff table tbody tr {
    background: transparent!important;
    border:transparent;
    border-bottom: 1px solid #f2f2f2;
}
.custom-des-table.no-hover .ui-datatable-tablewrapper tr:hover,.custom-des-table.no-hover .ui-datatable-tablewrapper tr:hover td, .custom-des-table-diff.no-hover table tr:hover, .custom-des-table-diff.no-hover table tr:hover td {
	background:transparent!important;
}
.custom-des-table .ui-datatable-tablewrapper table tr th, .custom-des-table .ui-datatable-tablewrapper table tr td, .custom-des-table-diff table tbody tr td {
    border: none!important;
    padding: 15px!important;
}
.custom-des-table .ui-datatable-tablewrapper table tr th:first-child, .custom-des-table .ui-datatable-tablewrapper table tr td:first-child, .custom-des-table-diff table tbody tr th:first-child, .custom-des-table-diff table tbody tr td:first-child {
    padding-left:20px!important;
}
.custom-des-table .ui-datatable-tablewrapper table tr th:last-child, .custom-des-table .ui-datatable-tablewrapper table tr td:last-child,.custom-des-table-diff table tbody tr th:last-child ,.custom-des-table-diff table tbody tr td:last-child {
    padding-right:20px!important;
}

.custom-des-table .ui-datatable-tablewrapper table tfoot tr td {
    background: transparent;
    font-weight: normal;
}

.white-seperator {
    position: relative;
}

.text-padding-left {
    padding-right: 40px;
}

.white-seperator:before {
    content: "";
    position: absolute;
    width: 2px;
    height: 60%;
    background: #FFFFFF;
    top: 20%;
    right: 0;
}

.text-right {
    text-align: right!important;
}

.custom-des-table-diff table tbody tr:first-child td.text-right {
    text-align: right!important;
}

.white-seperator2 {
    position: relative;
}

.white-seperator2:before {
    content: "";
    position: absolute;
    width: 2px;
    height: 60%;
    background: #FFFFFF;
    top: 20%;
    right: -30px;
}

.white-seperator3 {
    position: relative;
}

.white-seperator3:before {
    content: "";
    position: absolute;
    width: 2px;
    height: 60%;
    background: #FFFFFF;
    top: 20%;
    right: -75px;
}

@media print {
    .print-hide {
        display: none;
    }
}

/**** End - OTT *****/
.inlineBlock {
    display: inline-block;
}

.table_nostripes .ui-widget-content .ui-datatable-odd, .table_nostripes .ui-widget-content .ui-datatable-even, .table_nostripes .ui-widget-content {
    background: transparent!important;
    cursor: default;
}

.table_nostripes .ui-widget-content td:first-child {
    border-right: none!important;
    min-width: 10px;
    width: 10px;
}

.ui-datatable-tablewrapper tr:last-child th.htext-left {
    text-align: left!important;
}

.ui-datatable-tablewrapper tr:last-child th.htext-right {
    text-align: right!important;
}

.table-td-border-bottom .ui-datatable-tablewrapper table tr td {
    border-right: none!important;
    border-bottom: 1px solid #efefef !important;
    padding-top: 12px;
    padding-bottom: 12px;
}

.no-highlight.table_nostripes .ui-widget-content tr:hover td {
    background: transparent!important;
}
.pl-2 {
    padding-left: 2px;
}
.pl-5-imp {
    padding-left: 5px!important;
}
.py-0-imp {
    padding-top: 0px!important;
    padding-bottom: 0px!important;
}
.pr-15-imp {
    padding-right: 15px!important;
}
.pl-10-imp {
    padding-left: 10px!important;
}
.pl-15-imp {
    padding-left: 15px!important;
}
.pl-20-imp {
    padding-left: 20px!important;
}
.px-10-imp {
    padding-left: 10px!important;
    padding-right: 10px!important;
}
.py-10-imp {
    padding-top: 10px!important;
    padding-bottom: 10px!important;
}
.py-15-imp {
    padding-top: 15px!important;
    padding-bottom: 15px!important;
}

.p-15-imp {
    padding: 15px!important;
}

.ui-datatable-tablewrapper tr:last-child th.htext-right, th.htext-right, .htext-right th {
    text-align: right!important;
}

.ui-datatable-tablewrapper tr:last-child th.htext-left, th.htext-left, .htext-left th {
    text-align: left!important;
}

.ui-datatable-tablewrapper tr:last-child th.htext-center, th.htext-center, .htext-center th {
    text-align: center!important;
}

.ui-datatable-tablewrapper tr:last-child th.htext-top, th.htext-top, .htext-top th{
    vertical-align: top;
}

.ui-datatable-tablewrapper tr:last-child th.htext-middle, th.htext-middle, .htext-middle th{
    vertical-align: middle;
}
.ui-datatable-tablewrapper tr:last-child th.htext-py-10, th.htext-py-10, .htext-py-10 th{
    padding-top:10px;
    padding-bottom:10px;
}


.ui-datatable-tablewrapper table tfoot tr td.ftext-right {
    text-align: right!important;
}

.ui-datatable-tablewrapper table tfoot tr td.ftext-left {
    text-align: left!important;
}

.ui-datatable-tablewrapper table tfoot tr td.ftext-center {
    text-align: center!important;
}
.border-bot-thin{
	border-top: none;
	border-bottom: 1px solid #ececec;
}
.border-top-thin{
	border-bottom: none;
	border-top: 1px solid #ececec;
}
.no-select-all .ui-chkbox-all {
     display: none !important;
}
.no-header thead{
	display:none;
}
.pl-2 {
    padding-left: 2px;
}
.pt-0{
    padding-top:0;
}
.pt-0-imp{
    padding-top: 0 !important;
}
.pt-top-10 {
    padding-top: 10px !important;
}
.pt-top-15 {
    padding-top: 15px !important;
}
.pt-top-20 {
    padding-top: 20px !important;
}
.vt-smf-middle {
    vertical-align: middle !important;
}
.pb-bottom-10 {
    padding-bottom: 10px !important;
}

.grey-box-elements .pssh-tbl_col_label table.ui-selectoneradio tr td:nth-child(odd), .grey-box-elements tr td:nth-child(odd) {
    width: 3%;
    padding: 0;
}

ul.default li {
    margin-bottom: 4px;
}

.padded_20px {
    padding: 20px;
}

.pssh-tbl_col_label.padded_top_10px {
    padding: 10px!important;
}

.ui-state-error.ui-icon-minusthick {
    background: none;
    border: none;
}

.dash-message .grey-message.list-dash {
    border: none;
    background: transparent;
    width: auto;
}

.dash-message .grey-message.list-dash .title {
    color: #000;
}

.dash-message .grey-message.list-dash ul li {
    position: relative;
    list-style: none;
}

.dash-message .grey-message.list-dash ul li:before {
    content: "- ";
    color: #000;
    position: absolute;
    left: -10px;
    top: 0;
}

.grey-box-elements .bboxes {
    margin: 15px 0 15px 25px;
    background-color: #eee;
    background-image: none;
    padding: 10px 15px;
}

.grey-box-elements .ui-widget-content {
    border: none;
}

.grey-box-elements .grid-btn tr td:nth-child(odd) {
    width: 100%;
}

.grey-box-elements .grid-btn tr td {
    vertical-align: top;
    padding-top: 0;
}

.grey-box-elements tr td {
    vertical-align: middle;
}

.radiocheckbox td.pssh-tbl_col_label {
    padding-left: 20px!important;
}

.radiocheckbox>tbody>tr:first-child {
    display: none;
}

.radiocheckbox .ui-radiobutton {
    float: left;
    margin: -2px 10px 15px 0;
}

.radiocheckbox #basic tr td:first-child {
    padding: 10px 0;
}

.radiocheckbox #basic tr td {
    vertical-align: middle;
}

.block {
    display: block;
    width: auto;
}

.radiocheckbox .ui-chkbox .ui-chkbox-label {
    padding-left: 5px;
    line-height: 1em;
    margin-top: 5px;
}

.radiocheckbox .ui-chkbox .ui-chkbox-box {
    float: left;
}

.radiocheckbox .ui-outputlabel {
    clear: both;
    display: block;
}

.table-v-top .tbl_col_label+td {
    padding-top: 8px!important;
    vertical-align: top;
}

.dialog-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box;
}

.dialog-container .custom-dialog {
    position: relative!important;
    left: unset!important;
    max-width: 980px;
    box-sizing: border-box;
    margin: auto;
}

.tbl-radio-section tr>td:first-child {
    padding: 0;
}

.accname.txt_upper, .txt_upper {
    text-transform: uppercase;
}

.no-header thead {
    display: none;
}

.mcf-rowtoggler-column > div {
    display: inline-block;
}
.mcf-rowtoggler-column>span{
    font-weight:bold;
    color: #233f60;
}
.mcf-rowtoggler-column .ui-row-toggler, .mcf-rowtoggler-column .showcurrencies, .mcf-rowtoggler-column .hidecurrencies{margin-top:10px;}
.mcf-rowtoggler-column div img{padding-top: 0;}
.mcf-rowtoggler-column  div.ui-icon-circle-triangle-e {
    float: left;
    background-image: url(/rib/app/javax.faces.resource/images/ui-icons_222222_256x240.png?ln=primefaces-amphibia);
    background-position: -16px -128px;
    border: 1px solid #000;
    margin-right: 5px;
    clear:left;
}

.mcf-rowtoggler-column > div.ui-icon-circle-triangle-e.ui-icon-circle-triangle-s {
    float: left;
    background-image: url(/rib/app/javax.faces.resource/images/ui-icons_222222_256x240.png?ln=primefaces-amphibia);
    background-position: -48px -128px;
    border: 1px solid #000;
}

.mcf-expansion-row>td {
    padding: 0!important;
}

.mcf-expansion-row tr.ui-widget-content {
    background: transparent!important;
}

.mcf-expansion-row tr td {
    text-align: right;
}

.mcf-expansion-row tr td li {
    display: inline-block;
}

.mcf-print-only {
    display: none;
}

.table_striped tr:nth-child(odd) {
    background: #f1f9ff;
}
.table_striped.dark-stripes.with-border, .table_striped.dark-stripes.with-border th, .table_striped.dark-stripes.with-border td{
    border:1px solid #ccc!important;
}

.table_striped.dark-stripes.with-border th, .table_striped.dark-stripes.with-border td{
    border-spacing:0;
    border-collapse:unset;
    outline:0;
    padding:8px;
    border-left:none!important;
    border-bottom:none!important;
}
.table_striped.dark-stripes.with-border th{
    background: #f0f0f0;
    border-top:none!important;
}

.table_striped.dark-stripes.with-border th:last-child, .table_striped.dark-stripes.with-border td:last-child{
    border-right:none!important;
}

.table_striped.dark-stripes.with-border th.bg-black{
    background:#000;
}

.table_striped.dark-stripes tr:nth-child(odd) {
    background: #e1e1e1;
}

.table_striped.dark-stripes tr:nth-child(even) {
    background: #f0f0f0;
}

.table_striped tr td:first-child {
    border-right: 1px solid #efefef !important
}

.table_striped tr td:last-child {
    padding: 8px 15px;
}

.table_striped2 tr td:first-child {
    border-right: 1px solid #efefef !important
}

.table_striped2 tr td:last-child {
    padding: 8px 15px;
}

.table_nostripes .ui-widget-content .ui-datatable-odd, .table_nostripes .ui-widget-content .ui-datatable-even, .table_nostripes .ui-widget-content {
    background: transparent!important;
}

.table_nostripes .ui-widget-content td:first-child {
    border-right: none!important;
    min-width: 10px;
    width: 10px;
}

.btn.bluebtn2.bluebtn-inactive, .btn.bluebtn2.bluebtn-inactive:hover {
    background: #4dd3f0;
    border-color: #4dd3f0;
}

/**
 * OPTIMIZATION:
 * This rule fixes the issue where disabled blue buttons were not visually greyed out.
 * By creating a more specific selector (.btn.bluebtn2.ui-state-disabled), we ensure
 * that these styles override the default .bluebtn2 styles when the button is disabled.
 * This provides clear visual feedback to the user that the button is inactive.
 */
.btn.bluebtn2.ui-state-disabled,
.btn.bluebtn2[disabled] {
    background: linear-gradient(to bottom, #1a3759 5%, #002046 100%)!important; /* A standard disabled grey */
    color: #ffffff!important;           /* Faded text color */
 /*    border-color: #d3d3d3 !important; */      /* A matching disabled border */
    opacity: 0.65 !important;              /* Standard Bootstrap disabled opacity */
    cursor: not-allowed !important;        /* Show a 'not-allowed' cursor on hover */
    pointer-events: none;                  /* Ensure no mouse events are captured */
    border: 1px solid #002046!important;
    display: inline-block;
    
}


.bordered-td td {
    border-right: 1px solid #efefef!important;
}

.bordered-td td:last-child {
    border-right: none!important;
}

.transparent-bg, .transparent-bg tr, .transparent-bg tr td {
    background: transparent!important;
}

.p-0-imp {
    padding: 0!important;
}

.pt-5 {
    padding-top: 5px;
}

.pt-10 {
    padding-top: 10px;
}

.pt-15 {
    padding-top: 15px;
}

.pt-20 {
    padding-top: 20px;
}

.pb-5 {
    padding-bottom: 5px;
}

.pb-10 {
    padding-bottom: 10px;
}

.pb-15 {
    padding-bottom: 15px;
}

.pt-2-imp {
    padding-top: 2px!important;
}

.pt-5-imp {
    padding-top: 5px!important;
}

.pt-8-imp {
    padding-top: 8px!important;
}

.pt-10-imp {
    padding-top: 10px!important;
}

.pt-15-imp {
    padding-top: 15px!important;
}

.pb-5-imp {
    padding-bottom: 5px!important;
}

.pb-10-imp {
    padding-bottom: 10px!important;
}

.pb-15-imp {
    padding-bottom: 15px!important;
}

.tbl_col_label.txt_middle {
    vertical-align: middle;
    ; }

/* .sup{
	display:inline-block!important;
	font-size:8px!important;
	line-height:12px!important;
	vertical-align:top!important;
} */
.sup {
    display: inline-block!important;
    font-size: 8px!important;
    margin-top: 0px!important;
    position: relative;
    top: -5px;
}
.print-show {
 	display: none;
}
@media print {
    .sup {
        margin-left: -4px!important;
    }

    .mcf-print-only, .print-show {
        display: block;
    }

    .mcf-print-only .tbl_col_label {
        width: 32%!important;
    }

    #breadcrumbwrapper {
        display: none;
    }

    .ui-separator {
        display: none!important;
    }

    /* 	.ui-dialog.ui-confirm-dialog{display:none!important;} */
}
 .ui-widget-content .disable-link{
    cursor: default;
    pointer-events: none;
    text-decoration: none;
    color: lightgrey;
}

/*** START Simplified Reg CSS ***/

#idDivStep1 .hasDatepicker {
    width: 200px;
}

.preSteps {
    height: 400px;
    width: 100% !important;
    float: left;
}

.regSteps {
    height: 400px;
    width: 100% !important;
    float: left;
    padding-left: 10px;
}

.regImage img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.userCredentialsHeader {
    width: 50%;
    text-align: right;
}

.userCredentials {
    margin: 0 auto;
    background-color: #eeeeee;
    width: 60%;
}

.regHeadersBlue {
    font-family: "Noto Sans", Roboto, "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: bold;
    color : #5FA3CC;

}

.changeSecQuestion {
    background: #f4f4f4;
}

.changeSecQuestion td {
    padding-top: 30px !important;
}

.changeSecQuestion td:last-child {
    padding-top: 0 !important;
    padding-bottom: 10px;
}

.changeSecQuestion td.tbl_col_min {
    padding-top: 25px !important;
    padding-bottom: 0 !important;
}

.changeQuestionMsg {
    font-family: "Noto Sans", Roboto, "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: bold;
    color : #333333
}

.tacFields {
    padding-top: 30px !important;
    padding-left: 20px;
    width: 175px;
}

.stepUpText {
    font-size: 12px;
}

.stepUpInputText {
    width: 255px;
    padding: 5px;
    margin-top: 7px;
    border-radius: 5px;
}
.table-no-stripes .ui-widget-content .ui-datatable-even, .table-no-stripes .ui-widget-content .ui-datatable-odd, .table-no-stripes .ui-widget-content tr:hover td {
    background: #fff!important;
}
.no-col-headers table thead {
    display: none;
}
.debit-cards-slider {
    padding: 0 30px;
}

.debit-cards-slider .slick-slide {
    height: auto;
}

.debit-cards-slider .slick-prev {
    left: 5px;
}

.debit-cards-slider .slick-next {
    right: 5px;
}

.debit-cards-slider .slick-prev.slick-disabled, .debit-cards-slider .slick-next.slick-disabled {
    cursor: default;
}

.debit-cards-slider .slick-slide img {
    max-width: 100%;
    max-height: 200px;
    height: auto;
    width: auto;
}

.debit-cards-slider .slick-slide .img-container {
    height: 200px;
    max-width: 220px;
    display: block;
}

.debit-cards-slider .slick-slide>div {
    padding: 0 10px;
    box-sizing: border-box;
}

.debit-cards-slider .slick-slide .horizontal-card .img-container {
    padding: 17% 4%;
    box-sizing: border-box;
}

/* old Changes with ribbon width 100%

.debit-cards-slider .ribbon.rbn-left:before {
    top: 17px;
}

.debit-cards-slider .ribbon div:after {
    top: -6px;
}

.debit-cards-slider .ribbon:after {
    top: 0;
}

.debit-cards-slider .ribbon.rbn-left.horizontal-card:before {
    left: -2px;
}

.debit-cards-slider .ribbon.horizontal-card:after {
    left: -8px;
    width: 100%;
    top:-6px;
}

.debit-cards-slider .ribbon.rbn-left.vertical-card:before {
    top: -10px;
    left: 24px;
}

.debit-cards-slider .ribbon.vertical-card:after {
    top: -33px;
    width: 90%;
    left: 18px;
}
.debit-cards-slider .ribbon.vertical-card div:after{
	top:-33px;
}
.debit-cards-slider .ribbon.rbn-green.rbn-left.horizontal-card div:after {
    right: -12px;
}
.debit-cards-slider .slick-list{
	padding-top:33px;
} */
.debit-cards-slider .ribbon.rbn-left:before {
    top: 17px;
}

.debit-cards-slider .ribbon div:after {
    top: -6px;
}

.debit-cards-slider .ribbon:after {
    top: 0;
}

.debit-cards-slider .ribbon.horizontal-card:after {
    left: -8px;
    width: 150px;
    top: -6px;
}

.debit-cards-slider .ribbon.rbn-left.horizontal-card:before {
    left: -2px;
}

.debit-cards-slider .ribbon.rbn-green.rbn-left.horizontal-card div:after {
    left: 142px;
}

.debit-cards-slider .ribbon.vertical-card:after {
    top: -40px;
    width: 150px;
    left: 18px;
}

.debit-cards-slider .ribbon.vertical-card div:after {
    top: -40px;
    left: 168px;
}

.debit-cards-slider .ribbon.rbn-left.vertical-card:before {
    top: -17px;
    left: 24px;
}

.debit-cards-slider .slick-list {
    padding-top: 40px;
    margin-top: -10px;
}

.line-height-30 {
	line-height: 30px;
}

.regHeaders {
    font-family: "Noto Sans", Roboto, "Open Sans", sans-serif;
    font-size: 20px;
    font-weight: normal;
    color : #212529
}

.regTitle {
    font-size : 18px;
    font-weight: regular;
    color : #333333;
    float: left;
    font-family: "Noto Sans", Roboto, "Open Sans", sans-serif;
    margin: 25px 0 0 0;
    padding-left: 25px;
}

.regTitleBorder {
	float: left;
	margin: 25px 0 0 0;
    border-left: 2px solid #EBEAEA;
    font-size : 18px;
    height: 20px;
}

.regLocale {
    font-family: "Noto Sans", Roboto, "Open Sans", sans-serif;
    font-size: 15px;
    float: right;
    padding-right:20px;
}

.regFieldLabel {
    font-family: "Noto Sans", Roboto, "Open Sans", sans-serif;
    font-size: 12px;
    font-weight: bold;
    color : #333333;
}

.regColLabel {
    padding: 15px 0 15px 0 !important;
}

.regColLabel2 {
    padding: 10px 0 10px 0 !important;
}

.tacDetails {
	padding: 10px 15px 10px 0 !important;
}

.tacInputText {
	margin-top: 20px;
	width: 225px;
	padding: 5px;
}

.regDate {
	padding: 10px 5px 10px 0 !important;
}

.regFieldDetails {
    font-family: "Noto Sans", Roboto, "Open Sans", sans-serif;
    font-size: 12px;
    font-weight: normal;
    color : #333333;
}

.regFieldValues {
    background: #E0E0E0 !important;
    color: #7A7A7A !important;
    opacity:  unset !important;
}

.regInstructions {
    font-family: "Noto Sans", Roboto, "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: bold;
    color : #333333;
}

.regMessage {
    font-family: "Noto Sans", Roboto, "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: normal;
    color : #333333;
}

.regAccountInputText {
	width: 235px;
	padding: 5px
}

.regCreditExpiryDate {
    padding: 5px 0 5px 0 !important;
}

.validationClass {
	padding: 5px;
}

.summaryPage {
    width: 60%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.credsSummary {
    width: 50%;
    display: block;
    float: left;
    margin-bottom: 30px;
}

.regMessageSummary {
    font-family: "Noto Sans", Roboto, "Open Sans", sans-serif;
    font-size: 20px;
    font-weight: normal;
    color : #333333
}

.new_connect_login_logo {
    background: url(../img/Connect-Logo-New.png) no-repeat center;
    height: 100px;
    padding: 10px;
}

.mobileAppLbl {
    font-family: "Noto Sans", Roboto, "Open Sans", sans-serif;
    font-size: 16px;
    font-weight: bold;
    color : #FFFFFF;
}

.mobileAppMsg {
    font-family: "Noto Sans", Roboto, "Open Sans", sans-serif;
    font-size: 10px;
    font-weight: normal;
    color : #FFFFFF;
}

.secQuestionSteps {
    height: 300px;
    width: 100% !important;
}

.fdCalendar {
	margin-top: 20px;
	background: transparent !important;
}

.renewNowBtn {
	background-image: url('/rib/img/fdRenewNowBtn.png');
}
.pl-3 {
    padding-left: 3px;
}
.py-20-imp{padding-top:20px!important; padding-bottom:20px!important;}

#idOutputPanel #panelGrid .ui-message-error-detail{
    margin-left: 0px;
}

#outputVerify #panelVerify .ui-message-error-detail{
    margin-left: 0px;
}

.fd-retention-rowtoggler-column > div{
    display: inline-block;
	}
.fd-retention-rowtoggler-column > div.ui-icon-circle-triangle-e{float: left;
    background-image: url(/rib/app/javax.faces.resource/images/ui-icons_222222_256x240.png?ln=primefaces-amphibia);
    background-position: -16px -128px;
    border: 1px solid #000;
}
.fd-retention-rowtoggler-column > div.ui-icon-circle-triangle-e.ui-icon-circle-triangle-s{float: left;
    background-image: url(/rib/app/javax.faces.resource/images/ui-icons_222222_256x240.png?ln=primefaces-amphibia);
    background-position: -48px -128px;
    border: 1px solid #000;
}
.fd-retention-expansion-row>td{padding:0!important;}
.fd-retention-expansion-row tr.ui-widget-content{background:transparent!important;}
.fd-retention-expansion-row tr td li{display:inline-block;}

.fdrow {
	width: 130px;
	border-right: none !important;
}

.ui-separator.thinner {
    border:none;
    border-top: 1px solid #C2C2C2;
}

.fd-grey-message {
	margin: 10px 0;
	background: #F4F4F4;
}

.fdFileUploadedContainer {
	text-align: center;
	margin:auto;
	display: block;
	height: 200px;
	position: relative;
	background: white;
}

.fdGenerateReportContainer {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	height: 100px;
	border: 0;
}

.no-header table thead {
    display: none;
}

.no-tbl-stripes table tbody tr, .no-tbl-stripes table tbody tr.ui-datatable-even, .no-tbl-stripes table tbody tr.ui-datatable-odd, .no-tbl-stripes table tbody tr td, .no-tbl-stripes table tbody tr.ui-datatable-even td, .no-tbl-stripes table tbody tr.ui-datatable-odd td {
    background: transparent!important;
}
.no-tbl-stripes.no-border table tbody, .no-tbl-stripes.no-border table tr, .no-tbl-stripes.no-border table tr td{
    border:none;
}

.tbl_col_label_acct_opening {
    width: 250px;
    height: 33px;
    font-weight: bold;
    padding-top: 8px !important;
    vertical-align: top;
}

.ui-error-text-message {
	color: #b94a48;
	font-family: "Noto Sans", Roboto, "Open Sans", sans-serif;
	font-weight: bold;
}
.no-col-headers .col-headers>thead {
    display: block;
    padding-left: 0;
}

.no-col-headers .col-headers.fullwidth-header>thead {
    padding: 0;
}
.transparent-bg, .transparent-bg .ui-widget-content, .transparent-bg .ui-widget-content td {
    background: transparent!important;
    border-right: none!important;
}
.transparent-bg.table-no-stripes .ui-widget-content .ui-datatable-even, .transparent-bg.table-no-stripes .ui-widget-content .ui-datatable-odd, .transparent-bg.table-no-stripes .ui-widget-content tr:hover td {
    background: transparent!important;
}

.grey-header .ui-datatable-tablewrapper tr:last-child th{
    background:#f1f1f1!important;    
}

.header-padded .ui-datatable-tablewrapper tr:last-child th{
    padding:20px;
    vertical-align:middle
}

.table-no-stripes .ui-datatable-tablewrapper tr:last-child th{
    border:0;
}


#outputVerify #panelVerify #idTable1 tbody tr td{
    padding-left: 0px;
}
#outputVerify #panelVerify #idEmailPTATac #idTableTAC tbody tr td{
    padding-left: 0px;
}

.card-settings-popup-img {
	vertical-align: top;
}

.card-settings-popup-text {
	max-width: 300px;
	padding-left: 20px;
}


.datatable-styles tbody>tr:nth-child(even)>td {
    background-color: #f1f1f1;
}

.datatable-styles>tbody>tr>td {
    border: 1px solid #dddddd!important;
    padding: 4px 10px;
    vertical-align: middle
}

.datatable-styles .ui-widget-header td {
    padding: 0;
}

.datatable-styles .ui-widget-header td>table {
    border-spacing: 0;
    border-collapse: collapse;
}

.datatable-styles .ui-widget-header td>table>tbody th {
    border: 1px solid #aed0ea !important;
    background: #d7ebf9 url(/rib/app/javax.faces.resource/images/ui-bg_glass_80_d7ebf9_1x400.png?ln=primefaces-cupertino) 50% 50% repeat-x;
    font-weight: bold;
    color: #2779aa;
    padding: 4px 10px;
    ; }

.datatable-styles.ui-panelgrid .ui-panelgrid-header {
    padding: 0;
}
.card-img-container.vertical-card img {
    width: 140px;
    max-width: 140px;
    height: auto;
}
.card-img-container.horizontal-card img {
    height	: 140px;
    max-height: 140px;
    width: auto;
}

.card-img-container.deactive img {
    opacity: .3;
}

table.trans-bg, table.trans-bg tr, table.trans-bg tr td {
    background: transparent;
}
table.table-stripes tbody tr:nth-child(odd) {
	background: #f1f9ff;
}
table.table-stripes tbody tr:nth-child(even) {
	background: #fefefe;
}

table.table-stripes.grey tbody tr:nth-child(odd) td {
	background: #f2f2f2!important;
}
table.table-stripes.grey tbody tr:nth-child(even) {
	background: #fff;
}
table.table-stripes.grey tbody>tr>td:first-child{
    border-left:1px solid #f2f2f2;
}
table.table-stripes.grey tbody>tr>td:last-child{
    border-right:1px solid #f2f2f2;
}
table.table-stripes.grey tbody tr:last-child>td{
	border-bottom:1px solid #f2f2f2;
}
.plain-header thead >tr{
    background:transparent;
}
#access-loginbox .ui-message-error{
color: #ed3024
}

#access-loginbox .ui-state-error{
	border: 1px solid #ed3024;
}

.w40{
    width: 40%;
}

.w45{
    width: 45%;
}

.w50{
    width: 50%;
}

.w-auto {
    width: auto;
}
.w-auto-imp {
    width: auto!important;
}

div#dlgBankList {
	position: fixed;
    top: 80px !important;
    right: 0px !important;
    left: 0px !important;
    width: 80% !important;
    max-width: 980px !important;
    max-height: 83% !important;
    margin-right: auto;
    margin-left: auto;
}

div#dlgBankList .ui-resizable-handle {
	display: none !important;
}

div#dlgBankList .ui-dialog-content {
	max-height: 70vh !important;
}

div#dlgBankList .ui-dialog-content>div {
	margin-bottom: 10px;
}

#idPGBankNm table td:first-child,
#idRoutingCodePanel table td:nth-child(2) table td:first-child {
    width: 364px;
    padding-right: 15px;
}

#idRoutingCodePanel table td:nth-child(2) table td:nth-child(2) {
	vertical-align: middle;
}

.routingCodeWidth { 
	width: 139px !important;
}

.fwCodeWidth {
	width: 147px !important;
}

#dlgBankList .ui-dialog-titlebar {
	background: transparent;
	display: block !important;
}

#dlgBankList .ui-dialog-titlebar-close {
	margin-top: 4px;
}

#dlgBankList .ui-icon-closethick{
	background: url("/rib/app/javax.faces.resource/images/ui-icons_222222_256x240.png?ln=primefaces-amphibia");
	background-position: -96px -128px;
}

.wordWrap {
    word-wrap: break-word;
    word-break: break-word;
}

.flippable {
    background-color: transparent;
    width: 300px;
    height: 300px;
    -webkit-perspective: 1000px;
    perspective: 1000px;
}

.flipcard-container {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    -webkit-transition: -webkit-transform 0.6s;
    transition: -webkit-transform 0.6s;
    -o-transition: transform 0.6s;
    transition: transform 0.6s;
    transition: transform 0.6s, -webkit-transform 0.6s;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.flipcard-front, .flipcard-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    top: 0;
    left: 0;
    -webkit-transition: -webkit-transform 0.6s;
    transition: -webkit-transform 0.6s;
    -o-transition: transform 0.6s;
    transition: transform 0.6s;
    transition: transform 0.6s, -webkit-transform 0.6s;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.flipcard-back {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.flipcard-container .flipcard-back:before, .flipcard-container .flipcard-back:after {
    content: "";
    background: #cccccc;
    display: block;
    position: absolute;
    border-radius: 20px;
    top: 0;
    left: 8px;
}

.vertical-card .flipcard-container .flipcard-back:before, .vertical-card .flipcard-container .flipcard-back:after {
    width: 132px;
    height: 200px;
}

.vertical-card .flipcard-container .flipcard-back:after {
    width: 35px;
    background: #000;
    left: 20%;
    border-radius: 0;
}

.horizontal-card .flipcard-container .flipcard-back:before, .horizontal-card .flipcard-container .flipcard-back:after {
    width: 140px;
    height: 89px;
    left: 0;
    border-radius: 5px;
}

.horizontal-card .flipcard-container .flipcard-back:after {
    height : 20px;
    background: #000;
    top: 20%;
    border-radius: 0;
}

.flipcard-back span {
    position: absolute;
    bottom: 30px;
    right: 30px;
    text-align: center;
}

.horizontal-card .flipcard-back span {
    right: auto;
    left: 15px;
    top: 45px;
}

.flippable.flip .flipcard-container .flipcard-front {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}

.flippable.flip .flipcard-container .flipcard-back {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
}

.card-img-back {
    position: relative;
}

.vertical-card .card-img-back .cvvtxt {
	position: absolute;
    bottom: 10%;
    text-align: center;
    right: 15%;
}

.horizontal-card .card-img-back .cvvtxt {
    position: absolute;
    left: 12%;
    text-align: center;
    bottom: 10%;
}

.horizontal-card .card-img-back {
    display: none;
    background: url('../img/debit_card_displays/back-image-horizontal.png') no-repeat;
    background-size: 140px;
    width: 140px;
    height: 89px;
}

.vertical-card .card-img-back {
    display: none;
    background: url('../img/debit_card_displays/back-image-vertical.png') no-repeat;
    width: 132px;
    height: 200px;
}

.enqTable .enq_status {
    font-size: 11px!important;
}

.del-address, .deposit-promo #idPGTACPay {
	margin: 20px 0;
}

.del-address tr td, .deposit-promo #idPGTACPay > tbody > tr > td:first-child, #idConfirm\:idPGTACPay > tbody > tr > td:first-child  {
	padding: 20px!important;
}

.deposit-promo #idPGTACPay tr:last-child td:last-child, #idConfirm\:idPGTACPay tr:last-child td:last-child {
	padding: 0 20px 20px 0!important;
}

#idDlgInsufficientFund.ui-dialog .ui-dialog-content {
	padding: 50px;
	font-weight: bold;
	border-radius: 5px;
}

.bluebtn2-imp {
	-moz-box-shadow:inset 0px 1px 0px 0px #456180!important;
	-webkit-box-shadow:inset 0px 1px 0px 0px #456180!important;
	box-shadow:inset 0px 1px 0px 0px #456180!important;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, var(--hlb-blue)), color-stop(1, var(--hlb-blue)) )!important;
	background:-webkit-linear-gradient(top, var(--hlb-blue) 5%, var(--hlb-blue) 100%)!important;
	background:-moz-linear-gradient( center top, var(--hlb-blue) 5%, var(--hlb-blue) 100% )!important;
	background:-ms-linear-gradient( top, var(--hlb-blue) 5%, var(--hlb-blue) 100% )!important;
	background:-o-linear-gradient(top, var(--hlb-blue) 5%, var(--hlb-blue) 100%)!important;
	background:linear-gradient(to bottom, var(--hlb-blue) 5%, var(--hlb-blue) 100%)!important;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--hlb-blue)', endColorstr='var(--hlb-blue)')!important;
	background-color:var(--hlb-blue)!important;
	-moz-border-radius:3px!important;
	-webkit-border-radius:3px!important;
	border-radius:3px!important;
	border:1px solid var(--hlb-blue)!important;
	display:inline-block!important;
	color:#ffffff!important;
	font-family: "Noto Sans", Roboto, "Open Sans", sans-serif!important;
	font-size:12px!important;
	font-weight:bold!important;
	text-decoration:none!important;
	text-shadow:0px 1px 0px #4d7ba8!important;
	white-space: nowrap!important;
}

@media print{
    .print-hide{display:none;}
    #idReceiptList_head tr th{
        background: #f2f2f2!important;
        border: none!important;
        padding: 15px!important;
    }
    #idReceiptList_data tr td {
        border: none!important;
        padding: 20px 10px!important;
    }
    #idReceiptList_data tr{
        background: none!important;
    }
    #idReceiptList_data tr td {
        border: solid #f2f2f2!important;
        border-width: 0 0 1px 0!important;
    }
}

.transparent-bg, .transparent-bg tr, .transparent-bg tr td{
	background:transparent!important;
}
.p-0-imp{padding:0!important;}
.pr-0-imp{padding-right:0!important;}
.pl-0-imp{padding-left:0!important;}
.pt-5{padding-top:5px;}
.pt-10{padding-top:10px;}
.pt-15{padding-top:15px;}
.pb-5{padding-bottom:5px;}
.pb-10{padding-bottom:10px;}
.pb-15{padding-bottom:15px;}
.tbl_col_label.txt_middle{
	    vertical-align: middle;;
}
.word-break-all{
	word-break:break-all;
}
.no-wrap{
	white-space:nowrap;
}
.ui-datatable thead th.no-wrap{
    white-space:nowrap!important;
}

.residencyFields {
	padding-right: 40px;
    width: 150px;
}

.dlg-content-p-0 .ui-dialog-content.ui-widget-content{
    padding: 0!important;
}
.ottDeclarationBanner {
	width: 100%;
	padding-bottom: 10px;
}

div#idFormOTTUpload\:docUploadGuide {
	position: fixed;
    top: 80px !important;
    right: 0px !important;
    left: 0px !important;
    width: 800px !important;
    max-height: 83% !important;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    border: none;
    overflow-y: auto;
}

#idFormOTTUpload\:docUploadGuide>.ui-dialog-titlebar{
    display: none;
}

#idFormOTTUpload\:docUploadGuide .dots {
	left: calc(50% - 53px);
	width: auto;
    bottom: 10px;
    margin: 0px;
    padding: 0px;
    background: none;
}

#idFormOTTUpload\:docUploadGuide .dots li,
#idFormOTTUpload\:docUploadGuide .dots li.active {
    background: #014871;
    border: 2px solid #014871;
}

#idFormOTTUpload\:docUploadGuide .right-arrow img {
	height: 30px;
    position: absolute;
    z-index: 999;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
}

#idFormOTTUpload\:docUploadGuide .left-arrow img {
	height: 30px;
    position: absolute;
    z-index: 999;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
}

#idFormOTTUpload\:docUploadGuide ul>li>img {
	width: 600px;
	height: 300px;
    display: block;
    margin: 0 auto;
}

#idFormOTTUpload\:docUploadGuide #sliderDiv.access-ovslider {
	width: 100% !important;
	height: 375px !important;
	display: table-cell;
    vertical-align: middle;
    background: #e6e6e6;
}

#idFormOTTUpload\:docUploadGuide .ui-dialog-content {
	padding-left: 0px;
	padding-right: 0px;
}

#idFormOTTUpload\:docUploadGuide_modal {
	background: #313131;
    opacity: 0.4;
}

#idFormOTTUpload\:docUploadGuide #idFormOTTUpload\:title {
	height: 60px;
	text-align: center;
}

#idFormOTTUpload\:docUploadGuide #idFormOTTUpload\:title>div {
    width: 500px;
    display: inline-block;
    padding-top: 9px;
}

#idFormOTTUpload\:docUploadGuide #idFormOTTUpload\:title>div>label {
	font-size: 16px;
    font-weight: 600;
    color: #40454a;
}

#idFormOTTUpload\:docUploadGuide button {
    margin-top: 8px;
    margin-bottom: 7px;
    width: 90px;
}

#idFormOTTUpload\:invertedTriangle {
	height: 20px;
    display: flex;
    overflow: hidden;
    background: rgb(255,255,255);
	background: -moz-linear-gradient(180deg, rgba(255,255,255,0) 96%, rgba(230,230,230,1) 96%);
	background: -webkit-linear-gradient(180deg, rgba(255,255,255,0) 96%, rgba(230,230,230,1) 96%);
	background: linear-gradient(180deg, rgba(255,255,255,0) 96%, rgba(230,230,230,1) 96%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#e6e6e6",GradientType=1);
}

#idFormOTTUpload\:invertedTriangle>div {
	width: 50%;
    height: 20px;
    background: #e6e6e6;
    display: inline-block;
	transform-origin: bottom;
}

#idFormOTTUpload\:invertedTriangle-left {
    -webkit-transform: skew(225deg );
    transform: skew(225deg);
    -moz-box-shadow: inset 0px 11px 8px -10px #CCC, inset -11px 0px 8px -15px #CCC;
    -webkit-box-shadow:  inset 0px 11px 8px -10px #CCC, inset -11px 0px 8px -15px #CCC;
    box-shadow: inset 0px 11px 8px -10px #CCC, inset -11px 0px 8px -15px #CCC;
}

#idFormOTTUpload\:invertedTriangle-right {
    -webkit-transform: skew(135deg);
    transform: skew(135deg);
    -moz-box-shadow: inset 0px 11px 8px -10px #CCC, inset 11px 0px 8px -15px #CCC;
    -webkit-box-shadow:  inset 0px 11px 8px -10px #CCC, inset 11px 0px 8px -15px #CCC;
    box-shadow: inset 0px 11px 8px -10px #CCC, inset 11px 0px 8px -15px #CCC;
}

.hide {
    opacity:0;
	visibility:hidden;
    transition:visibility 0.3s linear,opacity 0.3s linear;
}

.show {
    opacity:1;
	visibility:visible;
    transition:visibility 0.3s linear,opacity 0.3s linear;
}

#idFormOTTUpload .fileinput-button {
	background: #ffffff;
    background-color: rgb(255 255 255) !important;
}

#idFormOTTUpload .fileinput-button.ui-state-hover {
	background-color: #999999 !important;
}

.docUploadHeader {
	margin-left: 20px;
	margin-top: 10px;
}

.ia_accordion-white .ui-accordion-content.ui-widget-content {
    border: none;
    border-bottom: 1px solid #c1c1c1;
}

.ia_accordion-white .ia_accordion-white-title .ui-icon {
    margin-top: -12px;
}

.ia_accordion-white .ia_accordion-white-title:after {
    content: "";
    position: relative;
    border-bottom: 1px solid #c1c1c1;
    height: 1px;
    width: 100%;
    display: block;
    margin-top: 10px;
}

.ia_accordion-white .ui-accordion-content.ui-widget-content {
    padding-top: 0!important;
}
.ia_accordion-white .ui-accordion-content.ui-widget-content  .ui-selectoneradio td:first-child{min-width:34px;width:34px;}
.ia_accordion-white .ui-accordion-content.ui-widget-content  .ui-selectoneradio td:last-child{width:auto;}
.ia_accordion-white .ui-accordion-content.ui-widget-content  .ui-selectoneradio label{
	min-width:300px;
}
.ia_accordion-white .ia_accordion-white-title:after {
    width: 942px;
    margin-left: -10px;
    transition: all 0.3s ease;
    opacity: 1;
}

.ia_accordion-white .ia_accordion-white-title.ui-state-active:after {
    opacity: 0;
}

.limitInfo {
	margin-top: 4px;
	margin-bottom: 0px;
	font-weight: normal;
}			

.resident_radio td:nth-child(odd) {
	width: 27px;
}

#idAboutBeneType,
#idPayeeAcctNoTooltip, 
#idifscCodeTooltipSR {
	vertical-align: middle;
}

.ottAmount {
	padding-top: 10px;	
	margin-top: 10px;
}

.ottAmount td {
    vertical-align: middle !important;
}

.ottAmount table:last-child tr:last-child td {
    padding-bottom: 30px;
}

.ottFormInit .tbl_col_label_large,
#idInstructionBank td {
    padding-left: 20px
}

.ottAmount hr {
    margin-left: 20px;
    margin-right: 20px;    
    margin-top: 20px;
    border: none;
    height: 1px;
    color: rgb(221,221,221); 
    background-color: rgb(221,221,221);
}

.overseasTransfer .ui-inputfield {
	box-shadow: none;
}

#content.overseasTransfer div.ui-selectonemenu-trigger,
#idLinkedPayment div.ui-selectonemenu-trigger,
#idFormEntry.duitnow div.ui-selectonemenu-trigger {
	width: 23px;
	text-align: center;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 100%);
	background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#f1f1f1",GradientType=1);
}

#content.overseasTransfer div.ui-selectonemenu-trigger span,
#idLinkedPayment div.ui-selectonemenu-trigger span,
#idFormEntry.duitnow div.ui-selectonemenu-trigger span {
	display: inline-block;    
	margin-top: 5px;
}


#content.overseasTransfer .tbl_col_label_large {
	width: 190px;
    height: 45px;
}

#content.overseasTransfertable.ui-selectoneradio>tbody>tr>td>label {
	height: 13px;
}

#content.overseasTransfer table#idBeneType td:nth-child(2),
#content.overseasTransfer table#idSenderResident td:nth-child(2),
#content.overseasTransfer table#idSenderPROthers td:nth-child(2),
#content.overseasTransfer table#idSenderPRMY td:nth-child(2),
#content.overseasTransfer table#idSenderResideMY td:nth-child(2) {
	width: 236px;
}

#content.overseasTransfer label.ui-selectonemenu-label,
#idLinkedPayment label.ui-selectonemenu-label,
#idFormEntry.duitnow label.ui-selectonemenu-label {
	padding: 5px;
    padding-left: 10px;
}

#content.overseasTransfer td.tbl_col_label_large {
	vertical-align: top;
    padding-top: 6px !important;
}

#content.overseasTransfer td {
    vertical-align: top;
}

#content.overseasTransfer #searchBankPanel>tbody>tr>td:nth-child(2),
#content.overseasTransfer #idRoutingCodePanel .routingCodeLabel {
    vertical-align: middle;	
}

#content.overseasTransfer div.ui-message-error.ui-widget.ui-corner-all  {
	padding: 0px;
    top: 2px;
    position: relative;
    margin-bottom: 10px;
}

#content.overseasTransfer #idTransactionAmountMsg,
#content.overseasTransfer #idCurrencyMsg {
	padding: 0px;
    top: 0px;
    position: relative;
}

#content.overseasTransfer label>input.ui-inputtext,
#content.overseasTransfer label>span>input.ui-autocomplete-input,
#content.overseasTransfer input.ui-inputtext#idOtherDetailsTxtSR,
#content.overseasTransfer input.ui-inputtext#idOtherDetailsTxtTT,
#content.overseasTransfer input.ui-inputtext#idPurposeOtherDetailsTxtTT,
#content.overseasTransfer input.ui-inputtext#idPurposeOtherDetailsTxtSR,
#content.overseasTransfer input.ui-inputtext#idBeneOtherRelTxtTT, 
#content.overseasTransfer input.ui-inputtext#idBeneOtherRelTxtSR,
#content.overseasTransfer input.ui-inputtext#idFavouriteNickname,
#content.overseasTransfer input.ui-inputtext#idFavouriteNicknameTT,
#content.overseasTransfer input.ui-inputtext#idFavouriteNicknameTT,
#idFormEntry.duitnow label>input.ui-inputtext,
#idFormEntry.duitnow input.ui-inputtext#idMobileProxyID,
#idFormEntry.duitnow input.ui-inputtext#idOtherRel,
#idFormEntry.duitnow input.ui-inputtext#idOthInfo,
#idFormEntry.duitnow input.ui-inputtext#idOthInfoMobile,
#idFormEntry.duitnow input.ui-inputtext#idProxyId,
#idFormEntry.duitnow input.ui-inputtext#idDescMobile,
#idFormEntry.duitnow input.ui-inputtext#idEmail2,
#idFormEntry.duitnow input.ui-inputtext#idAmt,
#idFormEntry.duitnow input.ui-inputtext#idSms,
#idFormEntry.duitnow input.ui-inputtext#idEmail,
#idFormEntry.duitnow #idOneTimeDate>input,
#idFormEntry.duitnow #Occurrence>input,
#idFormEntry.duitnow #idRecurringDate>input {
	padding: 7px;
    padding-left: 10px;	
}

#idFormEntry.duitnow #idOneTimeDate>button,
#idFormEntry.duitnow #idRecurringDate>button {
	padding: 2px 16px;
}

#idFormEntry.duitnow #Occurrence>input {
	padding-right: 20px;
	padding-left: 0px;
}

#idFormEntry.duitnow #Occurrence>a {
	border: 1px solid #C2C2C2;
}

#idFormEntry.duitnow #Occurrence>a:nth-child(2) {
	height: 13.5px;
}

#idFormEntry.duitnow .tbl_col_label {
	padding-top: 12px !important;
}


#idFormEntry.duitnow #inputSubFragment>table:nth-child(2)>tbody>tr:first-child .tbl_col_label {
	padding-top: 6px !important;
}

table#ott_curr_amt_panel>tbody>tr>td:first-child {
	width: 136px;
}

table#ott_curr_amt_panel>tbody>tr>td:nth-child(2) {
	width: 110px !important;
	text-align: right;
	vertical-align: middle !important;
    padding-right: 15px;
}

#content.overseasTransfer .ui-inputfield.ui-state-focus {
	box-shadow: none;
}

#content.overseasTransfer span#idBankAddress2>table>tbody>tr>td {
	height: 20px;
    padding-bottom: 15px;
}

#content.overseasTransfer #idOPSenderDeclaration:has(#idSenderAddress1) #idSenderResDeclaration {
	margin-bottom: 20px;
}

#content.overseasTransfer td:has(#idFromBusinessName) {
	padding-top: 6px;
}

table.convAmtPanel td:last-child {
	font-weight: bold;
	font-size: medium;
}

#content.overseasTransfer div.table-section-dark.ottAmount {
	background: rgb(249, 249, 249);
}

#content.overseasTransfer span#idOPTrxSignReminder table,
#content.overseasTransfer table#limitInfo {
	margin-left: 20px;
}

#content.overseasTransfer table#limitInfo {
    margin-top: 15px;
    width: 655px;
}

div.ui-tooltip {
    padding: 10px !important;
    border: 3px solid rgb(230 230 230) !important;
}

#idRemitBankCode_panel li.ui-state-disabled {
	display: none;
}

#idPGBankName>tbody>tr>td:nth-child(2) {
	vertical-align: middle;	
}

#idFormEntry>.table-section-blue {
	margin-bottom: 10px;
}

#content.overseasTransfer #idFormEntry .tbl_col_label_large {
	width: 250px;
}


#content.overseasTransfer #idFormEntry #idBeneInfoSR .table-section-dark>tbody>tr>td.tbl_col_label_large,
#content.overseasTransfer #idFormEntry #idBeneInfoTT .table-section-dark>tbody>tr>td.tbl_col_label_large {
	width: 250px;
	padding-top: 20px !important;
}

#content.overseasTransfer #idBeneInfoTT>table:nth-child(2) .tbl_col_label_large,
#content.overseasTransfer #idBeneInfoSR>table:nth-child(2) .tbl_col_label_large{
	padding-right: 25px;
}

#content.overseasTransfer #idFormEntry #idBeneInfoSR .table-section-dark>tbody>tr>td:not(.tbl_col_label_large) td:nth-child(2),
#content.overseasTransfer #idFormEntry #idBeneInfoTT .table-section-dark>tbody>tr>td:not(.tbl_col_label_large) td:nth-child(2),
#content.overseasTransfer #idFormEntry #idAddFavouriteRadioTT>tbody>tr>td:nth-child(2),
#content.overseasTransfer #idFormEntry #idAddFavouriteRadioSR>tbody>tr>td:nth-child(2),
#content.overseasTransfer #idFormEntry #idUpdateFavouriteRadio>tbody>tr>td:nth-child(2),
#content.overseasTransfer #idFormEntry #idUpdateFavouriteRadioSR>tbody>tr>td:nth-child(2){
	padding-left: 20px;
	width: 160px;
}

#content.overseasTransfer #idBeneInfoTT table.table-section-dark.margin25>tbody>tr:last-child>td,
#content.overseasTransfer #idBeneInfoSR table.table-section-dark.margin25>tbody>tr:last-child>td {
	padding-bottom: 25px;
}

#idBeneResidenceCountryTT, #idBeneResidenceCountrySR,
#idBeneCountryIncorpTT, #idBeneCountryIncorpSR {
	margin-top: 10px;
}

#content.overseasTransfer #idFormEntry #idBeneInfoSR .table-section-dark>tbody>tr>td,
#content.overseasTransfer #idFormEntry #idBeneInfoTT .table-section-dark>tbody>tr>td {
	height: 65px;
	padding-top: 20px !important;
}

#content.overseasTransfer #idBeneInfoSR table:nth-child(3) td,
#content.overseasTransfer #idBeneInfoTT table:nth-child(3) td {
	width: 144px;
}

#content.overseasTransfer #tncPanel>tbody>tr>td:nth-child(2)  {
	vertical-align: middle;
}

#content.overseasTransfer div#idBeneInfoTT table#idPGNonInTT>tbody>tr>td.tbl_col_label_large {
	padding-right: 0px;
	padding-top: 0px !important;
}

#content.overseasTransfer div#idBeneInfoTT table#idPGNonInTT {
	margin-top: 10px;
}

#content.overseasTransfer #idBeneCountryIncorpMalaysiaTT>tbody>tr>td:nth-child(2) {
	width: 160px;
}


#content.overseasTransfer #idBankAddress1>table>tbody>tr>td:not(.tbl_col_label_large),
#content.overseasTransfer #idBankAddress1>table>tbody>tr>td.tbl_col_label_large  {
	vertical-align: middle;
}

#content.overseasTransfer #idBankAddress1>table>tbody>tr>td.tbl_col_label_large {
	padding-top: 0px !important;
}

.margin-bottom {
	margin-bottom: 20px;
}

#content.overseasTransfer #idOPSenderDeclaration>table.table-section-blue:nth-child(2),
#content.overseasTransfer #step1A>table.table-section-blue {
	margin-bottom: 20px;
}


#content.overseasTransfer #idOPSenderDeclaration>table.table-section-blue:first-child {
	margin-bottom: 10px;
}

#content.overseasTransfer #idOPSenderDeclaration>table:nth-child(2) {
	margin-bottom: 20px;
}

#content.overseasTransfer #idOPSenderDeclaration>table:nth-child(2) tr:not(:first-child) {
	height: 55px;
}

#content.overseasTransfer #idOPSenderDeclaration>table:nth-child(2) td {
	vertical-align: middle;
}

.searchIcon>#idBankName_input,
.searchIcon>#idRoutingCode_input {
	background-image: url(/rib/img/search.svg);
    background-position: right;
    background-repeat: no-repeat;
    background-size: 20px 20px;
}

#idBankNameOR {
	width: 90px;
    font-weight: bold;
}

#idInstructionBank>tbody>tr>td {
    padding-bottom: 25px;	
}

#dlgBankList_title {
	margin-top: 0px;
}

#idSwiftBICBanner {
	width: 100%;
    height: 200px;
}

#idToolTipRoutingCode1,
#idToolTipRoutingCode2,
#idToolTipRoutingCode3 {
    width: 525px !important;
    max-width: none  !important;
}

#content.overseasTransfer #idConfirmLinktoExternalContent .ui-widget-header {
	background: none;
}

#content.overseasTransfer #idConfirmLinktoExternalContent .ui-widget-content {
    border: none;
}

#content.overseasTransfer #idConfirmLinktoExternalContent .ui-dialog-titlebar-close {
	margin-top: 4px;
}

#content.overseasTransfer #idPGPayeeCountrySR td:nth-child(2) {
	padding-top: 6px;
}

#content.overseasTransfer #dlgExchangeRate {
	width: 600px !important;
	position: fixed;
    right: 0px !important;
    left: 0px !important;
    margin-right: auto;
    margin-left: auto;
}

#content.overseasTransfer #dlgExchangeRate #header {
	text-align: center;
	margin-top: 20px;
}

#content.overseasTransfer #dlgExchangeRate #header td span:first-child {
	font-family: "Noto Sans", Roboto, "Open Sans", sans-serif;
    font-size: large;
}

#content.overseasTransfer #dlgExchangeRate #header tr td {
	padding: 0px 37px;
    font-size: large;
}

#content.overseasTransfer #dlgExchangeRate #header tr td span {
	display: block;
}

#content.overseasTransfer #dlgExchangeRate #header tr td span:nth-child(2) {
	font-weight: normal;
}


#content.overseasTransfer #dlgExchangeRate div.ui-dialog-content {
	padding: 0px;
}

#content.overseasTransfer #dlgExchangeRate div.table-section-dark table,
#content.overseasTransfer #dlgExchangeRate div.table-section-dark hr {
	width: 530px;
    margin: 0 auto;
}

#content.overseasTransfer #dlgExchangeRate div.table-section-dark label {
	font-size: larger;
}

#content.overseasTransfer #dlgExchangeRate div.table-section-dark table#idPGCurrentExchangeRate td,
#content.overseasTransfer #dlgExchangeRate div.table-section-dark table#idPGCurrentExchangeRateTT td,
#content.overseasTransfer #dlgExchangeRate div.table-section-dark table#idPGIndicativeFee td,
#content.overseasTransfer #dlgExchangeRate div.table-section-dark table#idPGIndicativeFeeTT td {
	font-weight: normal;
    height: 29px;
    padding-top: 0px !important;
    vertical-align: top !important;
}


#content.overseasTransfer #dlgExchangeRate div.table-section-dark table#idPGIndicativeFee td,
#content.overseasTransfer #dlgExchangeRate div.table-section-dark table#idPGIndicativeFeeTT td {
	text-decoration: line-through;
}

#content.overseasTransfer #dlgExchangeRate div.table-section-dark td:nth-child(2) {
	text-align: right;
}

#content.overseasTransfer #dlgExchangeRate div.table-section-dark .tbl_col_label_large {
    width: 200px;
}

#content.overseasTransfer #dlgExchangeRate div.table-section-dark table.convAmtPanel {
    margin-top: 15px;
}

#content.overseasTransfer #dlgExchangeRate div#idPGBtn {
	text-align: center;
	padding: 20px 0px;
}

#content.overseasTransfer #dlgExchangeRate div#idPGBtn button{
	width: 114px;
	margin: 0px 5px;
}

#content.overseasTransfer #dlgExchangeRate div.table-section-dark table.convAmtPanel td {
	padding-bottom: 20px;
}

#content.overseasTransfer #dlgExchangeRate table#idPGAmountFee tr:last-child td {
	vertical-align: bottom !important;
	height: auto;
}

#content.overseasTransfer #idconfirmOverseasTransfer,
#content.overseasTransfer #idSRWarning2Widget {
	position: fixed;
    margin-right: auto;
    margin-left: auto;	
    right: 0px !important;
    left: 0px !important;
    max-width: 980px !important;
    max-height: 83% !important;
}

#content.overseasTransfer #idSRWarning2Widget  {
	width: 448px !important;
}

#content.overseasTransfer #idDlgInAppCoolOff {
	position: fixed;
    margin-right: auto;
    margin-left: auto;
    right: 0px !important;
    left: 0px !important;
    margin-top: unset !important;
}

#content.overseasTransfer #idconfirmOverseasTransfer .ui-dialog-titlebar,
#content.overseasTransfer #idSRWarning2Widget .ui-dialog-titlebar {
	display: none;
}

#content.overseasTransfer #idFormOTTUpload .header {
	background: #F4F4F4;
}

#content.overseasTransfer #idFormOTTUpload .header td {
	padding: 15px 10px !important;
    font-size: small;
}

.incomplete-transfer-message {
	margin: 10px 0;
	padding: 10px 5px 10px 5px;
	background: #F4F4F4;
	border: 1px solid #C2C2C2;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	width: 200px;
	float: left;
    clear:both;
}


#idPayeeList svg {
    fill: #ff0000;    
}

#idPayeeList svg:hover {
    fill: #5fa3cc;    
}

#idPayeeList svg {
    width: 13px;
    height: 13px;
}

#confirmDialogDeletePayeeFav,
#confirmDialogDeleteIncompleteTransfer {
    padding: 0px 40px;    
    position: fixed;
    top: 40% !important;
}

#idSRWarningWidget {   
    position: fixed;
    top: 40% !important;
    width: 515px !important;
    right: 0px !important;
    left: 0px !important;
    margin-right: auto;
    margin-left: auto;
}

#confirmDialogDeletePayeeFav span.ui-confirm-dialog-severity,
#confirmDialogDeleteIncompleteTransfer span.ui-confirm-dialog-severity,
#idSRWarningWidget span.ui-confirm-dialog-severity  {
    background-image: url('/rib/img/ico-attention.png');
    width: 50px;
    height: 50px;
    background-position: center;
    background-size: contain;
    display: table-cell;
}


#content.overseasTransfer #idSRWarningWidget span.ui-confirm-dialog-severity {
	margin-bottom: 4px;
}

#confirmDialogDeletePayeeFav .ui-dialog-titlebar,
#confirmDialogDeleteIncompleteTransfer .ui-dialog-titlebar,
#idSRWarningWidget .ui-dialog-titlebar {
    display: none;
}

#confirmDialogDeletePayeeFav .ui-dialog-content,
#confirmDialogDeleteIncompleteTransfer .ui-dialog-content {
    padding-top: 20px;
    padding-bottom: 0px;
    vertical-align: middle;
    height: 55px !important;
    overflow: hidden;
}

#idSRWarningWidget .ui-dialog-content {
    height: 70px !important;
}

#idSRWarningWidget .ui-dialog-content {
    padding-top: 20px;
    padding-bottom: 0px;
    vertical-align: middle;
    overflow: hidden;
}

#confirmDialogDeletePayeeFav .ui-dialog-content p,
#confirmDialogDeleteIncompleteTransfer .ui-dialog-content p,
#idSRWarningWidget .ui-dialog-content p {
    margin: 0px;
    display: table;
}

#confirmDialogDeletePayeeFav .ui-dialog-buttonpane,
#confirmDialogDeleteIncompleteTransfer .ui-dialog-buttonpane,
#idSRWarningWidget .ui-dialog-buttonpane {
    border: none;
    padding-bottom: 10px;
}

#confirmDialogDeletePayeeFav #nickname,
#confirmDialogDeleteIncompleteTransfer #nickname {
    font-weight: bold;
}

#confirmDialogDeletePayeeFav #message,
#confirmDialogDeleteIncompleteTransfer #message,
#idSRWarningWidget #message {
    margin-top: 10px;
    padding-left: 10px;
    display: grid;
}

#confirmDialogDeletePayeeFav button,
#confirmDialogDeleteIncompleteTransfer button,
#idSRWarningWidget button {
    width: 60px;
}

#content.overseasTransfer .ui-selectoneradio tr>td:nth-child(even) {
	vertical-align: middle;
}

#content.overseasTransfer #idRoutingCodePanel>table>tbody>tr>td:nth-child(2), 
#content.overseasTransfer #idOPBankNm>tbody>tr>td.tbl_col_label_large.autocompleteLabel {
	padding-top: 6px !important;
}

#content.overseasTransfer #idOPBankNm>tbody>tr:nth-child(2)>td.tbl_col_label_large.autocompleteLabel.searchRTCode{
	height: 30px;
}

#content.overseasTransfer #idOPBankNm>tbody>tr>td.tbl_col_label_large.autocompleteLabel.searchRTCode:not(.srBankList) + td,
#content.overseasTransfer #idOPBankNm>tbody>tr>td.tbl_col_label_large.autocompleteLabel:not(.srBankList)  {
	padding-top: 10px !important;
}

#content.overseasTransfer #srHeader15,
#content.overseasTransfer #ttHeader15 {
	padding: 0px 30px;
}

#content.overseasTransfer span#idRoutingCodePanel td.tbl_col_label_large:not(.routingCodeAllLabel):not(.autocomplete) {
	vertical-align: middle;
}

#content.overseasTransfer span#idRoutingCodePanel td.tbl_col_label_large.autocomplete:not(.routingCodeAllLabel) {
    padding-top: 12px !important;
}

#content.overseasTransfer #idOPBankNm>tbody>tr>td.tbl_col_label_large {
    padding-top: 7px !important;
}

#content.overseasTransfer span#idAddFavouritePanelSR>table>tbody>tr>td:first-child,
#content.overseasTransfer span#idAddFavouritePanelTT>table>tbody>tr>td:first-child {
	padding-top: 15px !important;
}

#content.overseasTransfer span#idUpdateFavouritePanelSR>table>tbody>tr>td:first-child {
	padding-top: 12px !important;	
}

#content.overseasTransfer table#idUpdateFavouriteRadioSR td {
	padding-top: 8px !important;	
}

#content.overseasTransfer span#idAddFavouritePanelSR>table>tbody>tr>td:nth-child(2),
#content.overseasTransfer span#idAddFavouritePanelTT>table>tbody>tr>td:nth-child(2) {
	padding-top: 10px !important; 
}

#content.overseasTransfer span#idUpdateFavouritePanelSR>table>tbody>tr>td:nth-child(2),
#content.overseasTransfer span#idUpdateFavouritePanelTT>table>tbody>tr>td:nth-child(2) {
	padding-top: 2px !important; 
}

#content.overseasTransfer span#idAddFavouritePanelSR>table:nth-child(2)>tbody>tr>td:nth-child(2),
#content.overseasTransfer span#idAddFavouritePanelTT>table:nth-child(2)>tbody>tr>td:nth-child(2),
#content.overseasTransfer span#idUpdateFavouritePanelSR>table:nth-child(2)>tbody>tr>td:nth-child(2),
#content.overseasTransfer span#idUpdateFavouritePanelTT>table:nth-child(2)>tbody>tr>td:nth-child(2) {
	padding-bottom: 15px !important; 
}

#content.overseasTransfer span#idUpdateFavouritePanelTT td {
	vertical-align: middle;
}

#content.overseasTransfer span#idUpdateFavouritePanelTT td.tbl_col_label_large {
	padding-bottom: 6px;
}

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

.vs_tbl_col_padding_5pc_cc_renewal {
    width: 5%;
}
.vs_tbl_col_padding_80pc_cc_renewal {
    width: 80%;
}
.vs_tbl_col_padding_15pc_cc_renewal {
    width: 15%;
}

.vertical-align-middle {
	vertical-align: middle !important;
}

.width-100 {
	width: 100px;
}

.width-130 {
	width: 130px;
}

.width-150 {
	width: 150px;
}

.width-210 {
	width: 210px;
}

.width-180 {
	width: 180px;
}

.plccBlock .ui-selectonemenu.width-180-imp, .plccBlock .width-180-imp input, .width-180-imp {
	width: 180px!important;
}

.plccBlock .ui-selectonemenu.width-220-imp, .plccBlock .width-220-imp input, .width-220-imp {
	width: 225px!important;
}

.voucherDetails {
	padding: 15px 2px 2px 2px !important;
}
.blue-bg{
    background: #dae3f3;
}
.blue-bg.with-border{
    border:2px solid #ddd;
}

.simple-fieldset.ui-fieldset{
    background:transparent;
    border-color:#ccc;
}
.simple-fieldset.ui-fieldset .ui-fieldset-legend{
    background:transparent;
    border:none;
    color:#222;
    padding-left: 5px;
}
.simple-fieldset.ui-fieldset .ui-fieldset-content{
    padding-left:10px;
}

.rewards-dialog.ui-widget-content{
    border:none;
    background:transparent;
    margin-top:-100px;
}
.rewards-dialog.ui-widget-content .ui-dialog-titlebar{
    display:none;
}

.rewards-dialog.ui-widget-content  .ui-dialog-content{
    padding:0;
    background:transparent;
}

.rewards-payment-panel{
    box-sizing:border-box;
    text-align:center;
    color: #222;
    background: linear-gradient(323.75deg, #314EC6 0%, #887EFB 48.86%, #22C3E7 100%);
    height: fit-content;
    border-radius:5px;
    background: white;
}

.rewards-payment-panel img{
    width: 100%;
    margin:auto;
}

.rewards-payment-panel .plain-txt{
    width: 100%;
    margin:auto;
}

.rewards-payment-panel.small-size{
    width:150px;
    height:180px;
    padding:20px;
    border-radius:5px;
}
.rewards-payment-panel.small-size img{
    width:90px;
}
.rewards-payment-panel.small-size h4{
    font-size:13px;
    line-height:1.3;
}
.rewards-payment-panel.small-size .plain-txt{
    font-size:9px;
    width:100%;
    line-height:1.4;
}

.custom-simple-uploader {
    display: inline-block!important;
    width: auto!important;
    overflow: hidden;
    vertical-align: top;
    margin-top: -10px;
    padding-left: 5px;
    padding-right: 3px;
}

.custom-simple-uploader .fileupload-buttonbar {
    padding: 0;
    background: none;
    border: none;
}

.custom-simple-uploader .fileupload-content {
    background: transparent;
    border: none;
    width: 100%;
    box-sizing: border-box;
    width: auto;
    max-width: 600px;
}

.custom-simple-uploader .ui-icon {
    display: none;
}

.custom-simple-uploader .ui-button-text {
    padding: 5px 15px;
}

.input-prefix-RM, .input-prefix-percentage {
    position: relative;
}

.input-prefix-RM:before {
    content: "RM";
    color: black;
    font-weight: bold;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 5px;
    top: 1px;
    top: -10px\9;
}

.input-prefix-RM input {
    padding-left: 25px;
    box-sizing: border-box;
}

.input-prefix-percentage:before {
    content: "%";
    color: black;
    font-weight: bold;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 0px;
    top: 1px;
}

.input-prefix-percentage input {
    padding-right: 25px;
    box-sizing: border-box;
}

.ui-message-error-detail {
    display: block;
}

.sc-grey-message {
    width: 280px;
    padding: 6px;
    background: #e1e1e1;
    border: 1px solid #ccc;
    line-height: 1.8;
    border-radius: 3px;
}

.custom-simple-uploader-line-txt {
    position: absolute;
    left: 320px;
}

.height-10{
    height:10px;
}

/* Pocket Connect Settings - SC*/

.pocket-settings>thead>tr>th, .pocket-settings>tbody>tr>td {
    padding:12px;
}
.pocket-settings .debit-row>td{
	background-color: #deedf7;
	font-weight:bold;
}


#content.overseasTransfer #idPGExchangeRate td {
	height: 10px;
    padding-top: 20px !important;
}

#content.overseasTransfer #idPGExchangeRate.promoRate td {
	padding-bottom: 10px;	
}

#content.overseasTransfer #idPGBaseExchangeRate td {
	font-size: smaller;
}

#content.overseasTransfer #idPGExchangeRateNote td,
#content.overseasTransfer #idPGSRInRateNote td  {
	font-weight: normal;
    padding-top: 0px !important;
}

#content.overseasTransfer #rateLabel {
	font-weight: bold;	
}

#content.overseasTransfer #idPGBaseFee td {
	text-decoration: line-through;
}

#content.overseasTransfer #idPGFee {
	margin-top: 10px;
}

#content.overseasTransfer #idPGFee td:nth-child(2) {
	vertical-align: middle !important;
}

#content.overseasTransfer #idPGLocalTransactionAmount td:nth-child(2) {
	padding-top: 6px;
}

#content.overseasTransfer #idPGFee td,
#content.overseasTransfer #idPGBaseFee td,
#content.overseasTransfer #idPGExchangeRateNote td,
#content.overseasTransfer #idPGBaseExchangeRate td,
#content.overseasTransfer #idPGSRInRateNote td {
	height: 10px;
}

#content.overseasTransfer .convAmtPanel td {
	vertical-align: bottom !important;
}

#content.overseasTransfer #dlgExchangeRate .ottAmount td:first-child {
	width: 100px;
}

#content.overseasTransfer #dlgExchangeRate .ottAmount td:nth-child(2),
#content.overseasTransfer #dlgExchangeRate .ottAmount td:nth-child(3) {
	width: 100px;
	padding-right: 10px;
	text-align: right;
}


#content.overseasTransfer #dlgExchangeRate .tbl_col_label_large {
	height: 30px;
} 

#content.overseasTransfer #dlgExchangeRate td {
	padding-top: 0px !important;
} 

#content.overseasTransfer #header2 {
	background-color: #d9d9d9;
	font-weight: bold;
}

#content.overseasTransfer .yourRates {
	margin-bottom: 20px;
}

.ui-datatable.dtbl-with-subtbl .ui-datatable-tablewrapper>table>thead>tr>th, .ui-datatable.dtbl-with-subtbl .ui-datatable-tablewrapper>table>tbody>tr>td {
    padding: 0;
}

.ui-datatable.dtbl-with-subtbl .ui-widget-content .ui-datatable-odd, .ui-datatable.dtbl-with-subtbl .ui-widget-content .ui-datatable-even, .ui-datatable.dtbl-with-subtbl .ui-widget-content .ui-datatable-odd:hover td, .ui-datatable.dtbl-with-subtbl .ui-widget-content .ui-datatable-even:hover td {
    background: transparent !important;
}

.ui-datatable.dtbl-with-subtbl .ui-widget-content tr.ui-widget-content tbody>tr:hover>td {
    background: #e0f1ff!important;
}

.ui-datatable.dtbl-with-subtbl .ui-widget-content tr.ui-widget-content thead>tr>th {
    background: var(--hlb-blue);
    font-size: 12px;
    font-family: "Noto Sans", Roboto, "Open Sans", sans-serif;
    font-weight: bold;
    color: #fff;
    border-radius: 0;
}

.ui-datatable.dtbl-with-subtbl .ui-datatable-tablewrapper>table>thead>tr>th table tr:first-child th {
    padding: 6px 9px;
}

.vs_tbl_col_padding_15pc_cc_renewal {
    width: 15%;
}

.plain-tabview.ui-widget-content {
    border: none;
    padding: 0;
}


.ui-tabs.ui-tabs-top.plain-tabview > .ui-tabs-nav {
    background: transparent;
    padding: 0!important;
    border-bottom: 2px solid #22599c;
    border-radius: 0;
}

.ui-tabs.ui-tabs-top.plain-tabview .ui-tabs-panel{
    padding:0;
}

.ui-tabs.ui-tabs-top.plain-tabview > .ui-tabs-nav .ui-state-default {
    border-radius: 0;
    margin: 0;
    background: transparent;
}

.ui-tabs.ui-tabs-top.plain-tabview > .ui-tabs-nav .ui-state-default.ui-tabs-selected {
    background: linear-gradient(to left, #0174f9, #376cbc 100%);
    border-color: #22599c;
}

#singlecontent .ui-tabs.ui-tabs-top.plain-tabview > .ui-tabs-nav .ui-state-default a {
    color: #000;
    font-weight: 100;
    padding: 10px 80px;
}

#singlecontent .ui-tabs.ui-tabs-top.plain-tabview > .ui-tabs-nav .ui-state-default.ui-tabs-selected a {
    color: #fff;
}

.mortgage-tbl-header-expander{
    padding:10px;
    box-sizing:border-box;
}
.mortgage-tbl-header-expander.expandable{
    background:#f0f0f0;
    display:none;
}
.mortgage-tbl-header-expander.expanded+.mortgage-tbl-header-expander.expandable{
    display:block;
}
.mortgage-tbl-header-expander>table {
    margin-bottom: 10px;
}

.mortgage-tbl-header-expander>table>tbody>tr>td {
    text-align: right;
    width: 30%;
}

.mortgage-tbl-header-expander>table>tbody>tr>td:nth-child(1) {
    width: 25%
}

.mortgage-tbl-header-expander>table>tbody>tr>td:nth-child(4) {
    width: 100px;
    text-align: center;
}

.mortgage-tbl-header-expander>table>tbody>tr>td:last-child img {
    margin: auto;
    margin-right: 0;
    cursor: pointer;
}
.mortgage-tbl-header-expander.expanded>table>tbody>tr>td:last-child img {
    transform: rotateX(180deg);
}
.mortgage-table-section .header-title{
    font-weight:bold;
    display:block;
    padding:10px 0;
}

.mortgage-tbl-descriptions{
    display:flex;
    border-radius: 0;
}

.ui-tabs.ui-tabs-top.plain-tabview .ui-tabs-panel{
    padding:0;
}

.ui-tabs.ui-tabs-top.plain-tabview > .ui-tabs-nav .ui-state-default {
    border-radius: 0;
    margin: 0;
    background: transparent;
}

.ui-tabs.ui-tabs-top.plain-tabview > .ui-tabs-nav .ui-state-default.ui-tabs-selected {
    background: linear-gradient(to left, #0174f9, #376cbc 100%);
    border-color: #22599c;
}

#singlecontent .ui-tabs.ui-tabs-top.plain-tabview > .ui-tabs-nav .ui-state-default a {
    color: #000;
    font-weight: 100;
    padding: 10px 80px;
}

#singlecontent .ui-tabs.ui-tabs-top.plain-tabview > .ui-tabs-nav .ui-state-default.ui-tabs-selected a {
    color: #fff;
}

.mortgage-tbl-header-expander{
    padding:10px;
    box-sizing:border-box;
}
.mortgage-tbl-header-expander.expandable{
    background:#f0f0f0;
    display:none;
}
.mortgage-tbl-header-expander.expanded+.mortgage-tbl-header-expander.expandable{
    display:block;
}
.mortgage-tbl-header-expander>table {
    margin-bottom: 10px;
}

.mortgage-tbl-header-expander>table>tbody>tr>td {
    text-align: right;
    width: 30%;
}

.mortgage-tbl-header-expander>table>tbody>tr>td:nth-child(1) {
    width: 25%
}

.mortgage-tbl-header-expander>table>tbody>tr>td:nth-child(4) {
    width: 100px;
    text-align: center;
}

.mortgage-tbl-header-expander>table>tbody>tr>td:last-child img {
    margin: auto;
    margin-right: 0;
    cursor: pointer;
}
.mortgage-tbl-header-expander.expanded>table>tbody>tr>td:last-child img {
    transform: rotateX(180deg);
}
.mortgage-table-section .header-title{
    font-weight:bold;
    display:block;
    padding:10px 0;
}

.mortgage-tbl-descriptions{
    display:flex;
    flex-wrap: nowrap;
    align-items: center;
    flex-direction: row;
    justify-content: space-evenly;
    padding-top: 50px;
    max-width:33.3%;
}

.mortgage-tbl-desc-item{
    border:1px solid #ddd;
    padding:10px;
    box-sizing:border-box;
    text-align:center;
    position: relative;
    flex-grow: 1;
    margin: 0 10px;
}

.mortgage-tbl-features, .mortgage-tbl-desc-item{
    padding-top: 30px;
    box-sizing:border-box;
}

.mortgage-tbl-features{
    font-weight:bold;
}

.mortgage-tbl-desc-item td{
    text-align:center;
}

.mortgage-tbl-desc-item .mortgage-desc-icon-container{
    position:absolute;
    top: -45px;
    width:100%;
}

.mortgage-tbl-desc-item .mortgage-desc-icon{
    position: relative;
    display: block;
    margin: auto;
}

.mg-loanpayment-table thead th{
    background: #f2f2f2;
    padding:10px;
    font-weight:bold;
    white-space: nowrap;
}

.mg-loanpayment-table thead th:first-child{
    width:70%;
}

.mg-loanpayment-table thead th:last-child, .mg-loanpayment-table tbody td:last-child{
    text-align:right;
}

.mg-loanpayment-table thead th.txt_center, .mg-loanpayment-table tbody td.txt_center{
    text-align:center;
}

.mg-loanpayment-table tbody td{
    padding: 12px 8px;
    border-bottom: 2px solid #e2e2e2;
}

.mg-loanpayment-table.mg-display tbody td{
    padding: 12px 8px;
}

.mg-loanpayment-table tr th:first-child, .mg-loanpayment-table tr td:first-child{
    min-width: 5px;
    width: 10px;
    white-space: nowrap;
}
.mg-loanpayment-table tr th.tbl_col_label, .mg-loanpayment-table tr td.tbl_col_label{
    width:160px;
}
.mg-loanpayment-table tbody td input{
    text-align:right;
}

.td-border-bottom td{
    border-bottom: 2px solid #e2e2e2;
}
.td-p-12-8 td{
    padding:12px 8px;
}

.feeTrackerSlider{
    background-image:url(/rib/img/bg.png);
    background-repeat:no-repeat;
    background-position: 0 0;
    background-size:contain;
    overflow: hidden;
    position: relative;
    display: block;
    padding: 10px 20px;
    box-sizing:border-box;
    margin-top: 0;
    height: 190px;
    max-height: 190px;
    width: 610px;
    max-width: 610px;
    margin-left: 30px;
}
.feeTrackerSlider * {
    color:white;
}

.feeTrackerSlider p{
    margin:0;
    padding: 0;
}
.annualFeeHeadline{
    font-size:20px;
    font-weight: 100;
    height: 40px;
    vertical-align: bottom;
    line-height: 30px;
}
.annualFeeHeadline p {
    padding-left: 40px;
}
.ccAFLine2{
    padding-left: 40px;
    padding-right: 40px;
}

.ccAFPreviousYr {
    position: absolute;
    top: 35%;
}

.ccAFCurrentYr {
    position: absolute;
    top: 35%;
    right: 15px;
}

.ui-separator.annualFee {
    border:none;
    border-top: 1px solid #48E74A;
    width:100%;
}
.feeTrackerSlider ul{display:block;margin:0;padding:0;width:500px;}
.feeTrackerSlider li{display:inline-block;width:96%;vertical-align: top;margin:0;text-align: right;}
.feeTrackerSlider .progress-container-double li{display:inline-block;width:44%;vertical-align: top;margin:0;text-align: right;}
.feeTrackerSlider li p{margin:0;padding:0;}
.feeTrackerSlider .ui-progressbar .ui-progressbar-value{
    background: #48E74A;
    /*  background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #48E74A), to(var(--hlb-blue))) !important;
    background: -o-linear-gradient(top, #48E74A 5%, var(--hlb-blue) 100%) !important;
    background: linear-gradient(to bottom, #48E74A 5%, var(--hlb-blue) 100%) !important; */
    /* border-width: 2px; */
    box-shadow: inset 0px -1px 1px 0px #6c6c6c;
}
.feeTrackerSlider .ccAfLine-content{
    font-size:14px;
    line-height:21px;
}
.feeTrackerSlider .ccAfLine-refresh{
    font-size:20px;
    line-height:21px;
    margin-top:50px;
}
.feeTrackerSlider .ccAfLine-content.list{
    font-size:14px;
    line-height:18px;
    font-family: "Noto Sans", Roboto, "Open Sans", sans-serif;
}
.feeTrackerSlider .ccAfLine-content > ul{
    list-style: disc;
    width: 100%;
}
.feeTrackerSlider .ccAfLine-content.list ul li{
    display: list-item;
    margin: 0;
    text-align: left;
    list-style-position: inside;
    width: 100%;
}
.feeTrackerSlider .ccAfLine-footer{
    font-size:14px;
}
.feeTrackerSlider .ccAfLine-footer small{
    font-size:10px;
}
.feeTrackerSlider .ui-progressbar.ui-widget-content{
    border-width: 2px;
    border-radius: 15px;
    border-color: #fff;
}
.btn-outline-transparent, .ui-button.ui-state-default.btn-outline-transparent, .ui-widget-content .ui-button.ui-state-default.btn-outline-transparent{
    background: transparent;
    border: 1px solid #fff !important;
    color: #fff !important;
    font-weight: bold;
    font-size: 12px;
    padding: 2px 8px;  
    box-sizing:border-box;
    width:160px;
}
.btn-outline-transparent.ml-15{
    margin-left:15px;
}

.radioCustom tr{
    height: 45px;
}

.radioCustom td{
    padding-right:15px;
}


/********************** Connect BizBuddy START **********************/
/* toggleSwitch with text for Business  */
.toggleswitch.with-textBussiness.ui-chkbox {
    margin-top: 4px;
    padding-right: 1px;
}

.toggleswitch.with-textBussiness.ui-chkbox .ui-chkbox-box {
    width: 50px;
    height: 20px;
    background-image: none;
    background-color: #ddd;
    border: 1px solid #bfbfbf;
    border-radius: 20px;
    box-shadow: inset -0.5px 0.5px 0px 0px #8c8b8b;
    position: relative;
}

.toggleswitch.ui-chkbox.with-textBussiness .ui-chkbox-box:before {
    content: "OFF";
    float: right;
    padding-right: 5px;
    color: white;
    font-size: 11px;
    line-height: 20px;
}

.toggleswitch.ui-chkbox.with-textBussiness .ui-chkbox-box.ui-state-default.ui-state-active:before {
    content: "ON";
    float: left;
    padding-left: 8px;
    color: #fff;
}

.toggleswitch.ui-chkbox.with-textBussiness .ui-chkbox-box.ui-state-default.ui-state-active {
    background-color: #1ac175;
}

.toggleswitch.ui-chkbox.with-textBussiness .ui-chkbox-box.ui-state-default{
    background-color: #FF0000;
}

.toggleswitch.ui-chkbox.with-textBussiness .ui-chkbox-box.ui-state-default .ui-chkbox-icon:before {
    content: "";
    width: 18px;
    height: 18px;
    border-radius: 20px;
    background-color: #fff;
    border: 0.5px solid #ccc;
    margin-top: -4px;
    box-shadow: 0 0 3px 0px #8c8b8b;
    position: absolute;
    left: 0;
    top: 4px;
    transition: all 1s ease-in-out;
    transform-origin: center center;
    transform: translateX(0);
    transition: all 0.5s ease;
}

.toggleswitch.ui-chkbox.with-textBussiness .ui-chkbox-box.ui-state-active .ui-chkbox-icon {
    background: none;
    overflow: inherit;
    display: block;
    width: 100%;
}

.toggleswitch.ui-chkbox.with-textBussiness .ui-chkbox-box.ui-state-active .ui-chkbox-icon:before {
    transition: all 0.5s ease-in-out;
    transform: translateX(30px);
}


.setupClerkColLabel {
    padding: 7px 0 7px 0 !important;
}

.setupClerkColLabel>div>label {
    display: inline-block;
    min-width: 180px;
    vertical-align: top;
    padding-left:10px;
}

.setupClerkColLabel>div>span {
    display: inline-block;
    min-width: 180px;
    vertical-align: top;
}

.setupClerkColLabel>div>label {
    vertical-align: top;
    margin-top: 4px;
    background: transparent;
}

.setupClerkColLabel>div>span select {
    width: 260px;
    padding: 10px;
    box-sizing: border-box;
    margin: 0 5px;
}

.setupClerkColLabel>div>span input {
    width: 278px;
    padding: 6px!important;
    box-sizing: border-box;
}

.setupClerkColLabel .validationTblClass {
    width: 300px;
    margin-left: 190px;
}

.validationClass {
    width: 50%;
}

.clerkColLabel {
    padding: 7px 0 7px 0 !important;
}

.clerkColLabel>div>label, .clerkColLabel>div>span {
    display: inline-block;
    min-width: 250px;
    vertical-align: top;
}

.clerkColLabel>div>label {
    vertical-align: top;
    margin-top: 4px;
    background: transparent;
}

.clerkColLabel>div>span select {
    width: 260px;
    padding: 10px;
    box-sizing: border-box;
    margin: 0 5px;
}

.clerkColLabel>div>span input {
    width: 278px;
    padding: 6px!important;
    box-sizing: border-box;
}

.validationTblClass {
    width: 300px;
    margin-left: 180px;
}

.validationClass {
    width: 50%;
}

.picture-row-reg.clerk {
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 6px;
    height: 88px;
}

.clerkColLabel .ui-carousel {
    width: 500px !important;
}

.clerkColLabel .ui-carousel-header {
    display:none;
}

.clerkColLabel .ui-carousel-viewport {
    height:200px !important;    
}

.clerkColLabel .ui-carousel-viewport ul {
    height:200px !important;    
    width:500px !important;
}

.addClerkHeadersBlue {
    font-family: "Noto Sans", Roboto, "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: bold;
    color : #5FA3CC;

}

.clerkColLabel .tbl_col_txt {
    width: 250px;
}


.clerkColLabel .clerk_limit_input {
    width: 420px;
}

.addClerkTitle {
    font-weight:bold; 
    font-size: 15px;
    padding-left:20px;
    padding-top:20px;
}

.addClerkStep1Header {
    background-color: #f4f4f4 !important;
    margin-bottom:30px;
}

.clerkColLabel .validationTblClass {
    width: 300px;
    margin-left: 246px;
}

.clerkDetailsHeader {
    background-color: #f3f3f3;
    background-color: #f3f3f3;
    height: 50px;
    padding-left: 10px;
}

.clerkDetailsHeaderText {
    background-color: #f3f3f3;
    font-weight: bold;
    margin-left: 20px;
    font-size: 15px;
}

.clerkDetailsHeaderButton {
    float: right;
    margin-right: 13px;
}

.addClerkDialog {
    width: 350px;
}

.greenBtnWhiteText {
    background: var(--hlb-green) !important; 
    width:120px; 
    color: #fff !important; 
    border: 0px; 
    font-weight:bold !important;
    margin-left: 10px;
}

.clerkLater {
    font-weight: bold;
    width: 80px;
}

#idClerkDetailPanel .clerkColLabel {
    padding-left: 20px !important;
}

#idClerkMobileNote {
    width: 600px;
    display: inline-block;
}

#idDisableClerk {
    /* top: 225px !important; */
}
#idEnableClerk .modal-body.with-bg {
background: #ffffff url(/rib/img/biz-buddy/clerk-tac-popup-bg.png) no-repeat right bottom; 
min-height: 400px;
}

#idYESDisable, #idNODisable, #idDoneDisable, #idBtnCancelEnable {
    width:80px;
    font-weight: bold;
    
}

.clerk_col_label_admin_clerk {
    padding-left:0 !important;
    padding-top:0 !important;
    width: 100px !important;
}

.clerk_col_label_admin_clerk_button {
    padding-left:0 !important;
    padding-top:0! important;
    width: 200px !important;
}

.idPassToggle {
    display: inline;
    margin-left: -28px;
    position: relative;
    top: 0;
}

#idClerkPermissionDetails .expansion-column {
    display: none;
}

.add_clerk_reminder {
    background: #eaf4ff;
    margin-bottom: 20px;
    border-radius: 7px;
}

.addClerkLabel {
    padding-left: 20px !important;
}

.confirmClerkDetails {
    padding-left: 15px;
}

.editClerkDetails  {
    padding-left: 10px !important;
}

.ackClerkDetails{
    padding-left: 10px;
}

.clerkColLabel>div>span.txt_bold.txt_red {
    color: red;
    padding-left: 250px !important;
}

#idClerkDetailsForm .ui-message-error-detail {
    margin-left: 250px !important;
}

/* Custom Plain Tabview */

.plain-tabview.ui-widget-content {
    border: none;
    padding: 0;
}

.ui-tabs.ui-tabs-top.plain-tabview > .ui-tabs-nav {
    background: transparent;
    padding: 0!important;
    border-bottom: 2px solid #22599c;
    border-radius: 0;
}

.ui-tabs.ui-tabs-top.plain-tabview .ui-tabs-panel{
    padding:0;
}

.ui-tabs.ui-tabs-top.plain-tabview > .ui-tabs-nav .ui-state-default {
    border-radius: 0;
    margin: 0;
    background: transparent;
}

.ui-tabs.ui-tabs-top.plain-tabview > .ui-tabs-nav .ui-state-default.ui-tabs-selected {
    background: linear-gradient(to left, #0174f9, #376cbc 100%);
    border-color: #22599c;
}

#singlecontent .ui-tabs.ui-tabs-top.plain-tabview > .ui-tabs-nav .ui-state-default a {
    color: #000;
    font-weight: 100;
    padding: 15px 80px;
    font-size: 14px;
    font-family: "Noto Sans", Roboto, "Open Sans", sans-serif;
    -webkit-font-smoothing: antialiased;
}

#singlecontent .ui-tabs.ui-tabs-top.plain-tabview > .ui-tabs-nav .ui-state-default.ui-tabs-selected a {
    color: #fff;
    font-weight: 600;
    
}

/* end of Custom Plain Tabview */

.enableClerkDetailsTitle {
    margin-bottom: 10px;
}

.enableClerkPadding {
    margin-left: 20px;
}

.enableClerkDetailsPadding{
    margin-left: 15px;
}

.enableClerkHeaderMsgBlue {
    font-family: "Noto Sans", Roboto, "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: bold;
    color : #5FA3CC;
    margin-left: 10px;

}

.clerk_limit_input td:first-child {
    width: 27%;
}

.clerk_limit_input td:first-child {
    width: 27%;
}

#idEnableClerkPanel #idClerkDetailsForm .ui-message-error-detail {
    margin-left: 0 !important;
}

/** BizBuddy Custom Paginator START*/

.custom-paginator .ui-paginator {
    text-align: center!important;
    background: none!important;
    border: none!important;
    position: relative;
    height: 16px;
    vertical-align: baseline;
    margin-top: 10px;
}

.custom-paginator .ui-paginator span {
    vertical-align: middle;
    background: none;
    width: auto;
    min-width: 5px;
}

.custom-paginator .ui-paginator-prev, .custom-paginator .ui-paginator-next {
    border: none!important;
    width: 16px;
    padding: 0!important;
}

.custom-paginator .ui-paginator-prev span, .custom-paginator .ui-paginator-next span {
    display: none;
}

.custom-paginator .ui-paginator-prev:before, .custom-paginator .ui-paginator-next:before {
    content: "";
    width: 12px;
    height: 12px;
    display: block;
    background: url(/rib/img/junior-savings/icons/left.png) no-repeat center!important;
}

.custom-paginator .ui-paginator-next:before {
    background: url(/rib/img/junior-savings/icons/right.png) no-repeat center!important;
}


.custom-des-table .custom-panel-trx-desc .tbl_col_label, .custom-des-table .custom-panel-trx-desc .ui-datatable-tablewrapper table tr td:first-child{ 
    padding: 5px !important;
    padding-left: 0px !important;
}

.custom-des-table .custom-panel-trx-desc .desc_label{
    padding: 5px !important;
}
    

.custom-des-table .custom-panel-trx-desc .tbl_col_label_1,
.custom-des-table .custom-panel-trx-desc .ui-datatable-tablewrapper table tr td:first-child {
    padding: 5px !important;
    padding-left: 0px !important;
}
   

.custom-des-table .custom-panel-trx-desc .desc_label_1{
    padding: 5px !important;
    padding-left: 5px !important;
}

.custom-des-table .ui-datatable-tablewrapper table .desc_row {
    border-bottom: none !important;
}

.top-align .ui-datatable-tablewrapper table tr td {
    vertical-align: top !important;
}

.summary-biz-name {
    height: 35px;
    vertical-align: middle;
    padding-top: 20px;
    padding-left: 20px;
    background-color: #d2e2fb;
    font-weight: bold;
    font-size:15px;
}

.clerkBirthdate {
    display: inline;
    margin-left: -3px;
}

.clerkBirthMonth, .clerkBirthday, .clerkBirthyear {
    padding-right: 10px;
}

.clerkBirthday input {
    width: 42px;
}

.clerkBirthyear input {
    width: 65px;
}
/* BizBuddy Custom Paginator END*/

.clerk_col_label_admin_clerk_add {
    padding-left:0 !important;
    padding-top:5 !important;
    width: 100px !important;
}

.btnPendingApvl {
    width: 400px;
    cursor: pointer;
}

.tbl_col_label_super_XXlarge {
    width: 800px;
    height: 33px;
    font-weight: bold;
    padding-right: 50px;
    padding-top: 8px !important;
    vertical-align: top;
    text-align: right;
    font-size: medium;
}

.total_amt{
    text-align: left;
    width: 20px;
    font-size: medium;
    font-weight: bold;
}

.tbl_col_label_super_XXlarge_last {
    width: 730px;
    height: 33px;
    font-weight: bold;
    padding-right: 50px;
    padding-top: 8px !important;
    vertical-align: top;
    text-align: right;
    font-size: medium;
}

.addClerkAckMsgBlue {
    font-family: "Noto Sans", Roboto, "Open Sans", sans-serif;
    font-size: 12px;
    font-weight: bold;
    color : #5FA3CC;

}

.addClerkTNCCheckbox div.ui-chkbox-box.ui-widget.ui-corner-all.ui-state-default {
	margin-top: -54px !important;
}

.custom-des-table-biz .ui-datatable-tablewrapper table tr, .custom-des-table-diff table tbody tr {
    background: transparent!important;
    border:transparent;
    border-bottom: 1px solid #f2f2f2;
}
.custom-des-table-biz.no-hover .ui-datatable-tablewrapper tr:hover,.custom-des-table-biz.no-hover .ui-datatable-tablewrapper tr:hover td, .custom-des-table-diff.no-hover table tr:hover, .custom-des-table-diff.no-hover table tr:hover td {
	background:transparent!important;
}
.custom-des-table-biz .ui-datatable-tablewrapper table tr th, .custom-des-table-biz .ui-datatable-tablewrapper table tr td, .custom-des-table-diff table tbody tr td {
    border: none!important;
    padding: 15px!important;
}

.custom-des-table-biz .ui-datatable-tablewrapper table tr th:last-child, .custom-des-table-biz .ui-datatable-tablewrapper table tr td:last-child,.custom-des-table-diff table tbody tr th:last-child ,.custom-des-table-diff table tbody tr td:last-child {
    padding-right:20px!important;
}

.custom-des-table-biz .ui-datatable-tablewrapper table tfoot tr td {
    background: transparent;
    font-weight: normal;
}

.custom-des-table-biz .custom-panel-trx-desc .tbl_col_label, .custom-des-table-biz .custom-panel-trx-desc .ui-datatable-tablewrapper table tr td:first-child{
    padding: 5px !important;
    padding-left: 0px !important;
}

.custom-des-table-biz .custom-panel-trx-desc .desc_label{
    padding: 5px !important;
}


.custom-des-table-biz .custom-panel-trx-desc .tbl_col_label_1,
.custom-des-table-biz .custom-panel-trx-desc .ui-datatable-tablewrapper table tr td:first-child {
    padding: 5px !important;
    padding-left: 0px !important;
}


.custom-des-table-biz .custom-panel-trx-desc .desc_label_1{
    padding: 5px !important;
    padding-left: 5px !important;
}

.custom-des-table-biz .ui-datatable-tablewrapper table .desc_row {
    border-bottom: none !important;
}

.custom-des-table-biz .ui-datatable-tablewrapper table tr th, .custom-des-table-diff table tbody tr:first-child td {
    background: #f2f2f2!important;
    border: none!important;
    padding: 15px!important;
}

.custom-des-table-biz.sc .ui-datatable-tablewrapper table tr th, .custom-des-table-diff.sc table tbody tr:first-child td {
	background:#e0e0e0!important;
}

.clerkDetails{
    width:230px;
}
/********************** Connect BizBuddy END **********************/

/* Custom Plain Tabview */
.plain-tabview.ui-widget-content {
    border: none;
    padding: 0;
}

.ui-tabs.ui-tabs-top.plain-tabview > .ui-tabs-nav {
    background: transparent;
    padding: 0!important;
    border-bottom: 2px solid #22599c;
    border-radius: 0;
display: flex;}

.ui-tabs.ui-tabs-top.plain-tabview .ui-tabs-panel{
    padding:0;
}

.ui-tabs .ui-tabs-panel.ui-helper-hidden {
    display: none;
}

.ui-tabs.ui-tabs-top.plain-tabview > .ui-tabs-nav .ui-state-default {
    border-radius: 0;
    margin: 0;
    background: transparent;
    max-width:300px;
    flex-grow: 1;
}

.ui-tabs.ui-tabs-top.plain-tabview.tabs-max-width-200 > .ui-tabs-nav .ui-state-default {
    max-width: 200px;
}

.ui-tabs.ui-tabs-top.plain-tabview.tabs-max-width-300 > .ui-tabs-nav .ui-state-default {
    max-width: 300px;
}

.ui-tabs.ui-tabs-top.plain-tabview.tabs-max-width-250 > .ui-tabs-nav .ui-state-default {
    max-width: 250px;
}

.ui-tabs.ui-tabs-top.plain-tabview > .ui-tabs-nav .ui-state-default.ui-tabs-selected {
    background: linear-gradient(to left, #0174f9, #376cbc 100%);
    border-color: #22599c;
}

#singlecontent .ui-tabs.ui-tabs-top.plain-tabview > .ui-tabs-nav .ui-state-default a {
    color: #000;
    font-weight: 100;
    padding: 15px;
    font-size: 14px;
    font-family: "Noto Sans", Roboto, "Open Sans", sans-serif;
    -webkit-font-smoothing: antialiased;
    display: block;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
}

#singlecontent .ui-tabs.ui-tabs-top.plain-tabview > .ui-tabs-nav .ui-state-default.ui-tabs-selected a {
    color: #fff;
    font-weight: 600;

}

/* end of Custom Plain Tabview */

.account-investmentList .ui-datatable-tablewrapper table tr th, .account-investmentList .ui-datatable-tablewrapper table tr td{
    padding:16px 10px;
}
.invstment-accdtl-services-tab{
    display:flex;
    margin-top: 20px;
    flex-direction: row;
    justify-content: flex-start;
    width: 100%;
    align-items: flex-end;
    flex-wrap: wrap;
}
.invstment-account-card{
    max-width: 32.5%;
    text-align:center;
    flex-grow: 1;
    margin: 6px;
    width: 32%;
    box-sizing: border-box;
    padding: 2px;
    padding-top: 60px;
}
.invstment-account-card .ui-fieldset{
    height:220px;
    border-image: none;
    border-style: solid;
    box-sizing: border-box;
    padding-top: 80px;
    position: relative;
}
.invstment-account-card .ui-fieldset-legend{
    background: transparent;
    border:none;
    padding: 0;
    height:120px;
    max-height:120px;
    position: absolute;
    top: -45px;
    width: 100%;
}
.invstment-account-card .ui-fieldset-legend img{
    margin:auto;
}
.invstment-account-card .btn-green{
    background:var(--hlb-green);
    color:#fff;
    border-color:var(--hlb-green);
}
.grey-bg {
    background: #F0F0F0;
}
.lightblue-bg{
    background:#f4f5fc;
}

.banner-with-bg {
    display: block;
    width: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    min-height: 160px;
    box-sizing: border-box;
    background-position: right;
    position: relative;
}

.robocash-banner>div {
    display: inline-block;
    vertical-align: middle;
    width: 400px;
    height: 120px;
    padding: 10px 10px;
    box-sizing: border-box;
    line-height: 40px;
}

.robocash-banner div h4 {
    font-size: 22px;
    display: inline-block;
}

.robocash-banner h5 {
    font-size: 20px;
}

/* EMERGENCY LOCK */
.emergency-panel {
	width: 59%;
    display: inline-block;
}
.lock-headers {
	font-family: "Noto Sans", Roboto, "Open Sans", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
}

.lockColLabel {
	padding: 10px 0 10px 0 !important;
}

.lockBtn {
	width: 10% !important;
}

.failHeader {
	color: #FE5252;
    font-weight: 400;
    font-size: 20px;
    line-height: 23px;
    font-family: "Noto Sans", Roboto, "Open Sans", sans-serif;
    font-style: normal;
}

.failDesc {
	font-family: "Noto Sans", Roboto, "Open Sans", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
}


.successHeader {
    color: #3F8BAE;
    font-weight: 400;
    font-size: 20px;
    line-height: 23px;
    font-family: "Noto Sans", Roboto, "Open Sans", sans-serif;
    font-style: normal;
}

.successDesc {
    font-family: "Noto Sans", Roboto, "Open Sans", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
}
.lockImgInit {
    display: inline-block;
    width: 300px;
    height: 252px;
    float: right;
}

.lockImgAck {
	display: inline-block;
    width: 328px;
    height: 288px;
    float: right;
}
.footer-btns-section-elock {
	margin-top:15px !important;
	padding-bottom:50px !important;
}

.access-30bluebtn2 .lockBtn {
	font-weight: bold;
	width: 82px;
	height: 30px;
	background: linear-gradient(180deg, rgba(137, 158, 174, 0.7) 3.33%, rgba(130, 148, 163, 0.7) 13.33%);
	border: 1px solid rgba(130, 148, 163, 0.3);
	border-radius: 4px;
}

.invalidIdHeader {
	font-weight: bold;
	font-size: 14px;
}


.description-cards{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
    padding-top: 50px;
    width: 100%;
    align-content: space-around;
    align-items: stretch;
}
.description-cards.cols-3>.desc-item{
    width: 31%;
    flex-grow:1;
    display:
    inline-block;
    box-sizing: border-box;
    position: relative;
    border: 1px solid #ddd;
    padding: 50px 30px 20px;
    text-align: center;
    border-radius: 6px;
    margin: 1% 1% 40px 1%;
    padding-bottom: 50px;
}

.description-cards.cols-3>.desc-full-width{
    width:100%;
    flex-grow:3;
    padding: 10px 30px;
    margin: 1% 1% 50px 1%;
    background: #f2f2f2;
    box-sizing: border-box;
}

.description-cards .desc-item .desc-icon-container {
    position: absolute;
    top: -40px;
    width: 100%;
    left: 0;
}

.description-cards .desc-item .desc-icon-container .desc-icon{
    margin:auto;
}

.description-cards .desc-item .header-title{
    display:
    block;
    font-weight:
    bold;
    text-align:
    center;
    margin-bottom:10px;
    margin-top: 10px;
}
.description-cards .desc-item .description{
    display:
    block;
    margin-bottom: 20px;
}

.description-cards .desc-item .green-btn{
    margin:auto;
}
.description-cards .desc-item .btn-container{
    position:absolute;
    left:0;
    bottom: 20px;
    width:100%;
}

.description-cards .desc-item .green-btn{
    margin:auto;
}

.description-cards.grid-cards{
    display:grid;
    gap:1rem;
    grid-template-columns:1fr;
    padding-top: 0;
    clear: both;
    margin: 50px 0;
}

.description-cards.grid-cards.cols-3{
    grid-template-columns:repeat(3,1fr);
    margin: 0;
}

.description-cards.cols-3.grid-cards>.desc-item{
    width:100%;
    margin: 50px 0 0 0;
}

.description-cards .desc-full-width{
    width:100%;
    padding: 10px 30px;
    background: #f2f2f2;
    box-sizing: border-box;
}

.ui-widget-content .ui-state-default.green-btn, .ui-state-default.green-btn{
    background:var(--hlb-green);
    color:#fff;
    border-color:transparent;
    border-radius:6px;
    font-weight:bold;
}

.ui-state-disabled.ui-state-default.green-btn{
    background: #666;
}

.green-btn{
    padding: .4em 1em;
    line-height: 1.4;
    background: var(--hlb-green);
    color: #fff;
    border-color: transparent;
    border-radius: 6px;
    font-weight: bold;
}

.mg-loanpayment-table tr th.tbl_col_label, .mg-loanpayment-table tr td.tbl_col_label {
    width: 160px;
}
.mg-loanpayment-table tbody td input{
    text-align:right;
}

.mh-36px{
    min-height: 36px;
}

.td-border-bottom td{
    border-bottom: 2px solid #e2e2e2;
}
.td-p-12-8 td{
    padding:12px 8px;
}

.sc-productimg-reg {
    width: 200px;
    height: auto;
}

.sc-productimg-sm {
    width: 75px;
    height: auto;
}

.float-right {
	float: right;
}

#idLinkedPayment .card-td {
	width: 318px;
	vertical-align: top;
} 

#idLinkedPayment .table {
	vertical-align: top;
} 

#idLinkedPayment .ccDtlExpPlchldr {
	left: 20px;
}

#idLinkedPayment #idFormEntry\:idDebitCardDetails,
#idLinkedPayment #idFormEntry\:idDebitCardExpDate {
	font-weight: bold;
}

#idLinkedPayment #idFormEntry\:debitCardInfo {
	margin-top: 20px;
    display: block;
}

#idLinkedPayment .table th {
    line-height: 30px;
    border-radius: 0;    
    background: #F4F5F6;
    border: 0;    
    border-bottom: 1px solid #ccc !important;
} 

#idLinkedPayment .table tr.ui-datatable-even {
	background: unset !important;
}

#idLinkedPayment .table td {
    line-height: 30px;
    border: 0 !important;    
    border-bottom: 1px solid #f2f2f2 !important;
} 

#idLinkedPayment .table th:first-child {
	text-align: left !important;
} 

#idLinkedPayment #idFormEntry\:cardDetails {
	margin-top: 30px;
}

#content.linkedPayment #idReceipt{
	display: none;
}

.linkedPayment #idFormEntry\:cardDetails .table {
	padding-top: 2px;
}

.linkedPayment #idFormEntry\:cardDetails .table th,
.linkedPayment #idFormEntry\:cardDetails .table td {
	border: 0px !important;
}

.linkedPayment #idFormEntry\:cardDetails .table th:first-child {
	text-align: left !important;
}

.linkedPayment #idFormEntry\:cardDetails .table th:nth-child(2),
.linkedPayment #idFormEntry\:cardDetails .table td:nth-child(2) {
	text-align: right !important;
}

.linkedPayment #idFormEntry\:cardDetails .table .ui-datatable {
	width: 591px;
}

.linkedPayment #idFormEntry\:cardDetails .table {
	vertical-align: top;
}

.linkedPayment #idFormEntry\:idPGAccList {
	margin-bottom: 30px;
}

.linkedPayment #idFormEntry\:cardDetails .card-td img.cardImage {
	margin: auto;
	width: 300px;
	height: 190px;
	padding-top: 2px;
}

.asnb3rdParty_col_label {
    width: 100px;
    height: 33px;
}

.asnb3rdParty_address_col_label {
    width: 100px;
    height: 10px;
}

.asnb3rdParty_address_separator {
    width: 104px;
}

.favdetails.favdetails-lite{
    padding:0;
}

.favdetails.favdetails-lite>div{
    box-sizing: border-box;
    padding: 4px 10px;
    position:relative;
}

.favdetails-clickable{
    box-sizing: border-box;
    padding: 4px 10px;
    position:relative;
    display:block;
}

.pending-fav{
    position: static;
    pointer-events: none;
}

.pending-fav>div> *{
    opacity:.4;
}

.pending-fav>span> *{
    opacity:.4;
}

.pending-fav>div .favdetails-lite-processing{
    position: absolute;
    top:0;
    right:0;
    font-size:10px;
    padding-right:10px;
    opacity:1;
}

.favdetails.favdetails-lite.pending-fav .delicon{
    margin-top:5px;
}

.pending-fav-add{
    position: static;
}

.pending-fav-add>div> *{
    opacity:.4;
}

.pending-fav-add>span> *{
    opacity:.4;
}

.pending-fav-add>div .favdetails-lite-processing{
    position: absolute;
    top:0;
    right:0;
    font-size:10px;
    padding-right:10px;
    opacity:1;
}

.favdetails.favdetails-lite.pending-fav-add .delicon{
    margin-top:5px;
}


.connectLite.showcheckBox .ui-chkbox .ui-chkbox-box{
    opacity: 1;
    background: none;
    border: none;
}

#idProxyType_ext, #idRcvCountry_ext, #idRel_ext, #idRecipientRef_ext,
	#idResidentOfCtry_ext, #idIsPROfCountry_ext, #idIsPROutOfCountry_ext,
	#idResidingCountry_ext, #idRecipientType_ext, #idPassportCountry_ext {
	line-height: 28px;
	width: 250px !important;
}

#idPayeeResidentCountry, #idPayeeResidentCountry_label, #idPayeeResidentCountry_panel,
#idPassportCountry, #idPassportCountry_label, #idPassportCountry_panel,
	#idRecipientType, #idRecipientType_label, #idRecipientType_panel,
	#idResidingCountry, #idResidingCountry_label, #idResidingCountry_panel,
	#idIsPROutOfCountry, #idIsPROutOfCountry_label,
	#idIsPROutOfCountry_panel, #idIsPROfCountry, #idIsPROfCountry_label,
	#idIsPROfCountry_panel, #idResidentOfCtry, #idResidentOfCtry_label,
	#idResidentOfCtry_panel, #idProxyType, #idProxyType_label,
	#idProxyType_panel, #idRcvCountry, #idRcvCountry_label,
	#idRcvCountry_panel, #idRel, #idRel_label, #idRel_panel,
	#idRecipientRef, #idRecipientRef_label, #idRecipientRef_panel,
	#idMobileProxyID, #idOtherRel, #idOthInfoMobile, #idProxyId, #idOthInfo,
	#idDescMobile, #idNickNmDuit, #idEmail2 {
	width: 250px !important;
}

#idPayeeResidentCountry_ext {
	line-height: 28px;
	width: 262px !important;
}

#idPayeeResidentCountry, #idPayeeResidentCountry_label, #idPayeeResidentCountry_panel {
	width: 262px !important;
}

#idFormEntry.duitnow .paymentwrapper>table>tbody>tr,
#idFormEntry.duitnow #inputSubFragment>table>tbody>tr:has(.ui-inputfield) {
	height: 40px;
}

#idFormEntry.duitnow #inputSubFragment>table:nth-child(2) {
	margin-top: 5px;
}

#idFormEntry.duitnow tr:not(:first-child) .tbl_col_label.declaration {
	font-weight: normal;
	padding-left: 30px;
	width: 150px;
}

#idFormEntry.duitnow tr:not(:first-child) .tbl_col_label.declaration + td:has(.ui-selectoneradio) {
	padding-top: 10px
}

#idFormEntry.duitnow #idOPDeclaration td:has(#declarationTitle) {
	padding-top: 10px;
    padding-left: 10px;
    font-weight: bold;
}

#idFormEntry.duitnow #idPGAmt tr:nth-child(3) td:first-child,
#idFormEntry.duitnow #idPGAmt tr:nth-child(4) td:first-child {
	padding: 0px !important;
}

#idFormEntry.duitnow #idPayeeResidentRadioGrid,
#idFormEntry.duitnow #idPayeeResidentRadioGrid2 {
	margin-top: 15px;
}

#idFormEntry.duitnow #idPayeeResidentRadioGrid2 {
	margin-bottom: 15px;
}

#idFormEntry.duitnow #idPayeeResidentRadioGrid td:nth-child(2) {
	width: 114px;
}

#idFormEntry.duitnow #idPayeeResidentRadioGrid2 td:first-child {
	width: 24px;
}

#idFormEntry.duitnow #idPGAmt tr:nth-child(2) td:nth-child(2) {
	font-weight: bold;
	padding-top: 8px;
}

#idFormEntry.duitnow #idPGAmt tr:nth-child(5) td:nth-child(2),
#idFormEntry.duitnow #idPGAmt tr:nth-child(6) td:nth-child(2),
#idFormEntry.duitnow #idPGAmt table:last-child td:nth-child(2) {
	padding-top: 8px;
}

#idFormEntry.duitnow #idPGAmt tr:nth-child(3) td {
	font-weight: bold;
	height: 18px;
    overflow: hidden;
}

#idFormEntry.duitnow #idPGAmt tr:nth-child(4) td {
	height: 25px;
    overflow: hidden;
	font-size: smaller;
}

#idFormEntry.duitnow #idPGAmt:not(:has(#idLocalTrxAmount)) {
	padding-bottom: 8px;
}

#idFormEntry.duitnow #idPGAmt:has(#idLocalTrxAmount) {
	padding: 10px 0px;
}

#idFormEntry.duitnow #idPGAmt .ui-separator {
	border-top: 1px;
}

#idFormEntry.duitnow td:has(#idRecipientRef.ui-state-error) + td #idHelp4Mobile {
	margin-top: -7px !important;
}

#idFormEntry.duitnow #idPGReceivingCountry:has(#idUnavailableCB) + #idPGMobileProxyID td:first-child,
#idFormEntry.duitnow #idPGReceivingCountry>tbody>tr>td:has(#idUnavailableCB) {
	padding-top: 6px !important;
}

#idFormEntry.duitnow #idUnavailableCB {
	color: red;
    font-weight: bold;
}

#idFormCfmAckDtl.duitnow #idFormCfmAckDtl\:idAmountSeparator {
    border-top: 1px;
}

#idFormCfmAckDtl.duitnow #idFormCfmAckDtl\:idLocalTrxAmount {
	margin-bottom: 30px;
}

#idFormCfmAckDtl.duitnow #idFormCfmAckDtl\:idLocalTrxAmount td {
	font-size: 14px;
}

#idFormCfmAckDtl.duitnow #idFormCfmAckDtl\:idLocalTrxAmount td:nth-child(2) {
	font-weight: bold;
}

#idFormCfmAckDtl.duitnow #idFormCfmAckDtl\:idPGAmountCB tr:nth-child(2) td {
    font-weight: bold;
}

#idFormCfmAckDtl.duitnow #idFormCfmAckDtl\:idPGAmountCB tr:nth-child(3) td {
    font-weight: bold;
    height: 18px;
    overflow: hidden;
}

#idFormCfmAckDtl.duitnow #idFormCfmAckDtl\:idPGAmountCB tr:nth-child(4) td {
    height: 25px;
    overflow: hidden;
    font-size: smaller;
}

#idDuitNowCBPrint {
	display: none;
}

.jointefd_acctholders_lbl {
    padding-bottom: 25px;
}

/* Refer and Earn */
/* .refer-n-earn-banner .image-container {
    position: relative;
    width: 100%;
}

.refer-n-earn-banner .referral-image {
    width: 100%;
    display: block;
}

.refer-n-earn-banner .text-overlay {
    position: absolute;
    top: 78%;
    left: 53%;
    transform: translate(-30%, -30%);
    width: 100%;
    text-align: center;
    color: white;
}

.refer-n-earn-banner .referral-text {
  font-size: 1.5em;
}

.refer-n-earn-banner .referral-code {
  font-weight: bold;
}

.refer-n-earn-banner.referral-link {
    color: #ADD8E6;
    text-decoration: underline;
    display: inline-block;
    margin-top: 10px;
} */

.refer-n-earn-banner, .refer-n-earn-banner .banner-img-container{
    display:block;
    position:relative;
    margin: auto;
}
.refer-n-earn-banner .banner-img-container{
    width:942px;
    height:380px;
}
.refer-n-earn-banner .img-container{
    background-size:contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}

.refer-n-earn-banner .referral-tnc, .refer-n-earn-banner .referral-code{
    position:absolute;
    width:300px;
    height:50px;
    text-align: center;
    color:#fff;
    font-family: 'Noto Sans', sans-serif;
    font-weight:bold;
}
.refer-n-earn-banner .referral-tnc{
    font-size:12px;
    right: 95px;
    top: 212px;
}
#singlecontent .refer-n-earn-banner .referral-tnc a{
    color:#fff;
}
.refer-n-earn-banner .referral-code{
    font-size:24px;
    right:95px;
    top: 290px;
}
.refer-n-earn-banner .referral-copy{
    width: 24px;
    height: 24px;
    cursor:pointer;
    position: absolute;
    right: 40px;
    bottom: 28px;
}
.referral-btns-section{
    max-width:838px;
    margin:auto;
}
.referral-btns-section a{
    width:414px;
    display:block;
    margin-bottom:5px;
}

.ui-icon-close-rounded.ui-icon, .ui-icon-close-rounded {
    background: url('../img/close-rounded.png');
   	margin: 5;
}

.separator {
    border-top: 3px solid rgb(7 90 138) !important;
    border: 1px solid #c9c9c9;
    border-radius: 3px;
    margin: 6px 0px;
}

.tbl_col_label_xs_tnc {
    width: 28px;
    height: 33px;
    font-weight: bold;
    padding-left: 10px;
    padding-top: 30px !important;
    vertical-align: top;
}

.dlgImg{
   background-image: url('/rib/img/fxp_confirm.jpg');
   padding: 94px 325px 10px 70px;
   background-position: top right;
   background-repeat: no-repeat;
   height: 309px !important;
}