@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_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_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_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: red;
}

.txt_green {
    color: #1CA344;
}

.txt_blue {
    color: #3A87AD;
}

.txt_title {
    font-size: 14px;
}

.txt_large_title {
    font-size: 18px;
}

.txt_instructions {
    color: #2779AA;
    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);
}

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

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

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

.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_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 {
    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 {
    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', 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) {
    .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] {
    display: none !important;
}

.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_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: 70px;
    font-size: 1.5em;
    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: 200px;
    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: 70px;
    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, #1a3759), color-stop(1, #002046) ) !important;
    background: -webkit-linear-gradient(top, #1a3759 5%, #002046 100%) !important;
    background: -moz-linear-gradient( center top, #1a3759 5%, #002046 100% ) !important;
    background: -ms-linear-gradient( top, #1a3759 5%, #002046 100% ) !important;
    background: -o-linear-gradient(top, #1a3759 5%, #002046 100%) !important;
    background: linear-gradient(to bottom, #1a3759 5%, #002046 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1a3759', endColorstr='#002046');
    background-color: #1a3759 !important;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #002046 !important;
    display: inline-block;
    color: #ffffff !important;
    font-family: arial;
    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, #002046), color-stop(1, #1a3759) ) !important;
    background: -webkit-linear-gradient(top, #002046 5%, #1a3759 100%) !important;
    background: -moz-linear-gradient( center top, #002046 5%, #1a3759 100% ) !important;
    background: -ms-linear-gradient( top, #002046 5%, #1a3759 100% ) !important;
    background: -o-linear-gradient(top, #002046 5%, #1a3759 100%) !important;
    background: linear-gradient(to bottom, #002046 5%, #1a3759 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#002046', endColorstr='#1a3759') !important;
    background-color: #002046 !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: #1a3759;
    border: 1px solid #1a3759;
}

#idBtnYes .ui-button-text, #idBtnBackToHome .ui-button-text {
    background-color: #1a3759;
    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 *****/
#idOPCurrency .ottCurrency {
    width: 183px !important;
}

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

#idSOMTransferFrom, #idSOMTransferFrom_panel, #idSOMTransferFrom_label {
    width: 437px !important;
}

.statusWidth200 {
    width: 200px;
}

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

.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>table, .marginTop25 {
    margin-top: 25px;
}

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

#idBeneCountryIncorp_label, #idSourceOfFund_label, #idPaymentPurpose_label, #idBeneNationality_label, #idRemittance_label, #idRemittanceSublist_label, #idBeneRel_label, #idSubPurposeList_label, #idPurposeCategory_label, #idBankName, #idSwifCode, #idifscCode, #idfwno, #idsortCode, #idbsbNo, #idtransitNo, #idBnkAddress1, #idBnkAddress2, #idBnkAddress3, #idPayeeAcctNo, #idPayeeName, #idPayeeID, #idPayeeAddr1, #idPayeeAddr2, #idPayeeAddr3, #idPayeeCountry, #idPayeePhoneNo, #idPayeeCountry_label, #idPayeeCountry_panel, #idBeneCountryIncorp, #idBeneRel, #idPaymentPurpose, #idPaymentPurpose_panel, #idRemittance_panel, #idSubPurposeList_panel, #idRemittanceSublist_panel, #idPurposeCategory_panel, #idSourceOfFund, #idBeneNationality, #idRemittance, #idSubPurposeList, #idRemittanceSublist, #idBeneOtherRelTxt, #idPurposeOtherDetailsTxt, #idOtherDetailsTxt, #idPurposeCategory {
    width: 352px !important;
}

#idPayeeAcctNoPanel .tbl_col_label_large {
    width: 250px;
}

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

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

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

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

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

#containerSectionB > #container4 {
    margin-top: 20px;
}

#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 {
    font-family: 'Noto 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;
}

.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] {
    opacity: 0 !important;
    display: block !important;
}

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

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.with-text.ui-chkbox {
    margin-top: 4px;
    padding-right: 1px;
}

.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-default.ui-state-active:before {
    content: "ON";
    float: left;
    padding-left: 8px;
    color: #fff;
}

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

.header-blue {
    background: linear-gradient(to bottom,#334d6b 0%,#1a3759 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: 'TitilliumText25L250wt';
    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;
}
.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 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-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 > 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;
}

.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 tr td:first-child {
    border-right: 1px solid #efefef !important
}

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

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

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

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

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

.pb-15 {
    padding-bottom: 15px;
}
.pt-5-imp {
    padding-top: 5px!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;
}

@media print {
    .sup {
        margin-left: -4px!important;
    }

    .mcf-print-only {
        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: Arial;
    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: arial;
    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: arial;
    font-size: 20px;
    font-weight: normal;
    color : #212529
}

.regTitle {
    font-size : 18px;
    font-weight: regular;
    color : #333333;
    float: left;
    font-family: 'Muli', 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: 'Muli', sans-serif;
    font-size: 15px;
    float: right;
    padding-right:20px;
}

.regFieldLabel {
    font-family: Arial;
    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: Arial;
    font-size: 12px;
    font-weight: normal;
    color : #333333;
}

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

.regInstructions {
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    color : #333333;
}

.regMessage {
    font-family: Arial;
    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: arial;
    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: Arial;
    font-size: 16px;
    font-weight: bold;
    color : #FFFFFF;
}

.mobileAppMsg {
    font-family: Arial;
    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: 100px;
	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: Arial,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;
}

#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;
}
.w-auto {
    width: auto;
}
.w-auto-imp {
    width: auto!important;
}

.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, #1a3759), color-stop(1, #002046) )!important;
	background:-webkit-linear-gradient(top, #1a3759 5%, #002046 100%)!important;
	background:-moz-linear-gradient( center top, #1a3759 5%, #002046 100% )!important;
	background:-ms-linear-gradient( top, #1a3759 5%, #002046 100% )!important;
	background:-o-linear-gradient(top, #1a3759 5%, #002046 100%)!important;
	background:linear-gradient(to bottom, #1a3759 5%, #002046 100%)!important;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1a3759', endColorstr='#002046')!important;
	background-color:#1a3759!important;
	-moz-border-radius:3px!important;
	-webkit-border-radius:3px!important;
	border-radius:3px!important!important;
	border:1px solid #002046!important;
	display:inline-block!important;
	color:#ffffff!important;
	font-family:arial!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;
}