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-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_small {
    width: 170px;
    height: 33px;
    font-weight: bold;
    padding-left: 10px;
    padding-top: 8px !important;
    vertical-align: top;
}

.tbl_col_label, .tbl_col_label_top {
    width: 200px;
    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_acct_opening {
    width: 250px;
    height: 33px;
    font-weight: bold;
    padding-top: 8px !important;
    vertical-align: top;
}

.tbl_col_label_acct_opening_large {
    width: 400px;
    height: 33px;
    font-weight: bold;
    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;
}

.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_red {
    color: red;
}

.txt_green {
    color: #58A603;
}

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

#idTerms {
    top: 20% !important;
    left: 25% !important;
    z-index: 100000 !important;
}

.prev-terms {
	top: 18% !important;
    left: 15% !important;
    z-index: 100000 !important;
}

#idFirstLoginMsg {
    z-index: 100000 !important;
}

#idTokenAct {
	z-index: 100000 !important;
}

#idTokenUnlock {
	z-index: 100000 !important;
}

#idSNHelpTooltip {
	z-index: 100500 !important;
}

#idOTPHelpTooltip {
	z-index: 100500 !important;
}

#idCDDel {
	z-index: 100000 !important;
}

#idDialogTerms {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	left: 0% !important;
	top: -300px !important;
	width: 880px !important;
	z-index: 100000 !important;
}

#reloadInstruction {
    top: 20% !important;
    left: 25% !important;
}

#idDlgAutoResponse {
    top: 20% !important;
    left: 25% !important;
}

#idSampleCombined {
    top: 15% !important;
    left: 25% !important;
}

#idSampleIBG {
    top: 15% !important;
    left: 25% !important;
}

#idSamplePayplus {
    top: 15% !important;
    left: 25% !important;
}

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

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

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

.note {font-weight: bold; color:#78BDF4;}

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

ul.disc_align {
    list-style: disc;
}

ul.disc_align li {
    margin: 0 0 0 14px;
}
.cursor-pointer {
	cursor: pointer;
}
.devide-line {
    width: 100%;
    background-color: #002d62;
    height: 2px;
    margin: 25px 0
}
#upload documents
.form-wrapper-row {
    width: auto;
    max-width: 965px;
    float: none;
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding-left: 0;
    padding-right: 0;
    margin-left: 0
}
.form-wrapper-row:after,
.form-wrapper-row:before {
    content: " ";
    display: table
}
.form-wrapper-row:after {
    clear: both
}
.form-row-menu {
    float: left;
    clear: none;
    text-align: inherit;
    width: 57.14285714285714%;
    margin-left: 0;
    margin-right: 0
}
.form-row-menu:after,
.form-row-menu:before {
    content: " ";
    display: table
}
.form-row-menu:after {
    clear: both
}
.form-row-menu:last-child {
    margin-right: 0
}
@media only screen and (max-width: 480px) {
    .form-row-menu {
        float: left;
        clear: none;
        text-align: inherit;
        width: 100%;
        margin-left: 0;
        margin-right: 3%
    }
    .form-row-menu:after,
    .form-row-menu:before {
        content: " ";
        display: table
    }
    .form-row-menu:after {
        clear: both
    }
    .form-row-menu:last-child {
        margin-right: 0
    }
}
.form-wrapper:after,
.form-wrapper:before {
    content: ' ';
    display: table
}
.form-wrapper:after {
    clear: both
}
.form-wrapper {
    zoom: 1
}
.form-row {
    float: left;
    clear: none;
    text-align: inherit;
    width: 43.33333333333333%;
    margin-left: 11.333333333333332%;
    margin-right: 2%;
    margin: 15px 0 25px 0
}
.form-row:after,
.form-row:before {
    content: " ";
    display: table
}
.form-row:after {
    clear: both
}
.form-row:nth-child(n) {
    margin-right: 2%;
    float: left;
    clear: none
}
.form-row:nth-child(2n) {
    margin-right: 0;
    float: right
}
.form-row:nth-child(2n+1) {
    clear: both
}
@media only screen and (max-width: 480px) {
    .form-row {
        float: left;
        clear: none;
        text-align: inherit;
        width: 100%;
        margin-left: 0;
        margin-right: 3%
    }
    .form-row:after,
    .form-row:before {
        content: " ";
        display: table
    }
    .form-row:after {
        clear: both
    }
    .form-row:last-child {
        margin-right: 0
    }
}
.form-row-6 {
    float: left;
    clear: none;
    text-align: inherit;
    /* width: 65.99999999999999%; */
    width: 100%;
    margin-left: 11.333333333333332%;
    margin-right: 2%;
    margin: 15px 0 15px 0
}
.form-row-6:after,
.form-row-6:before {
    content: " ";
    display: table
}
.form-row-6:after {
    clear: both
}
.form-row-6:nth-child(n) {
    margin-right: 2%;
    float: left;
    clear: none
}
.form-row-6:nth-child(2n) {
    margin-right: 0;
    float: right
}
.form-row-6:nth-child(2n+1) {
    clear: both
}
@media only screen and (max-width: 960px) {
    .form-row-6 {
        float: left;
        clear: none;
        text-align: inherit;
        width: 100%;
        margin-left: 0;
        margin-right: 3%
    }
    .form-row-6:after,
    .form-row-6:before {
        content: " ";
        display: table
    }
    .form-row-6:after {
        clear: both
    }
    .form-row-6:last-child {
        margin-right: 0
    }
}
.filer-input-wrapper {
    width: 100%
}
@media only screen and (max-width: 768px) {
    .filer-input-wrapper {
        text-align: center
    }
}
.filer-input-wrapper .file-input {
    position: relative;
    display: inline-block;
    margin-left: 5px
}
@media only screen and (max-width: 960px) {
    .filer-input-wrapper .file-input {
        margin-left: 0;
        margin-bottom: 10px
    }
}
.filer-input-wrapper .file-input .file-upload {
    border: 1px dashed #bfbfbf;
    width: 98px;
    height: 98px;
    text-align: center;
    display: table-cell;
    vertical-align: middle
}
.filer-input-wrapper .file-input .file-uploaded {
    border: 1px solid #bfbfbf;
   width: 150px;
    height: 150px;
    text-align: center;
    display: table-cell;
    vertical-align: middle
}
.filer-input-wrapper .file-input .file-uploaded span.ico-document {
    font-size: 3.75rem
}
.filer-input-wrapper .file-input .file-uploaded p {
    font-family: 'Noto Sans', sans-serif;
    font-size: .875rem;
    font-weight: 400;
    margin-top: 10px
}
.filer-input-wrapper .file-input input[type=file] {
    display: none !important;
}
.ui-state-error, .ui-widget-content .ui-state-error{
/* to overwrite tab's error background to red */
	 background: #cd0a0a;
	}
	
.na-content {
	color: darkgray;
    font-style: italic;
}

/*Debit Card New UI*/

.blue_label{
	color:#073166;
}

.debit_card_front_info {
    position: relative;
}
.toggleswitch.ui-chkbox{
	display:block;
	text-align: left;
}
.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 .25s ease-in-out;
    transform-origin:center center;
    transform:translateX(0);
    transition:all .25s 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 .25s ease-in-out;
	transform:translateX(100%);
}
.ui-datatable-tablewrapper table tr table tr:nth-child(odd) {
	background: transparent;
}

.ui-datatable-tablewrapper table tr td table tr  {
	background:transparent!important;
}

.transparent-bg .ui-datatable-tablewrapper table tr, .transparent-bg .ui-datatable-tablewrapper table tr:hover, .transparent-bg .ui-datatable-tablewrapper table tr:hover td, .transparent-bg .ui-datatable-tablewrapper table td:hover tr {
    background: transparent!important;
}

.no-header .ui-datatable-tablewrapper th {
    display: none;
}

.no-border .ui-datatable-tablewrapper td {
    border: none!important;
}
.freeze-dcCard-tbl-container{
	padding-left:5px;
	box-sizing:border-box;
}
.freeze-dcCard-tbl-container table{
	width:100%;
}
.freeze-dcCard-tbl-container table tr th:first-child{
	width:25%;
}
.freeze-dcCard-tbl-container table tr th:last-child{
	width:auto;
}

.freeze-dcCard-tbl-container tbody tr{
	border-top:1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.freeze-dcCard-tbl-container th{
    font-weight:bold;
}

.freeze-dcCard-tbl-container th{
	padding:10px 5px;
}
.freeze-dcCard-tbl-container tbody td{
	padding:15px;
}
.freeze-dcCard-tbl-container .freeze-card{
	position:relative;
}
/* .freeze-dcCard-tbl-container .freeze-card:before{
	content:"";
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background:url(../img/dc/freeze-card-blue.png);
	z-index: 1;
	opacity:.85;
	background-size:100% 100%;
}
 */

 #idRegSQDialogS1.ui-dialog{
    width: 450px !important;
    top: 30% !important;
    left: 33% !important;
    z-index: 9999999 !important;
    text-align: center;
}

.ui-selectcheckboxmenu-label, .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label {
    background: #ffffff;
    -moz-box-shadow: inset 0 2px 2px #8f8f8f;
    -webkit-box-shadow: inset 0 2px 2px #8f8f8f;
    color: #222222;
    font-weight: normal;
}

.ui-dialog .ui-dialog-title {
    float: none;
}

@media only screen and (min-width: 1440px) {
    #idRegSQDialogS1.ui-dialog{
        width: 450px !important;
        top: 30% !important;
        left: 37% !important;
        z-index: 9999999 !important;
        text-align: center;
    }
}

#idRegSQDialogS2.ui-dialog{
    width: 1190px !important;
    height: auto !important;
    top: 3% !important;
    left: 3% !important;
    z-index: 1001 !important;
}

@media only screen and (min-width: 1440px) {
    #idRegSQDialogS2.ui-dialog{
        width: 1190px !important;
        height: auto !important;
        top: 3% !important;
        left: 6% !important;
        z-index: 1001 !important;
    }
}

#idRegSQDialogS3.ui-dialog{
    width: 450px !important;
    top: 30% !important;
    left: 33% !important;
    z-index: 9999999 !important;
    text-align: center;
}

@media only screen and (min-width: 1440px) {
    #idRegSQDialogS3.ui-dialog{
        width: 450px !important;
        top: 30% !important;
        left: 37% !important;
        z-index: 9999999 !important;
        text-align: center;
    }
}

.regSQ-graphic-img {
    display: inline !important;
}

.element-align {
    vertical-align:middle; 
    display:inline-block;
}

.div-alert {
    border: 1px solid #5289F4; 
    background-color: #EBF2FE; 
    padding: 1%
}

.padding-btm-dis-block{
	display:block;
	padding-bottom:20px;
}

.padding-btm-0{
	padding-bottom:0px;
}