/***** Default style. Don't add colors here.*****/
/***** HTML elements *****/
p {
    padding: 1px;
}

label {
    font-weight: bold;
}

fieldset .field {
    margin: 0.2em;
    padding: 0.2em;
}

fieldset input.text {
    width: 100%;
}

hr {
    margin-bottom: 3px;
}

table {
    width: 100%;
    margin-bottom: 10px;
}

/***** Common Classes *****/
.panelBox {
    margin-bottom: 20px;
}

.contentDiv {
    padding-bottom: 5px;
}

.contentDivRight {
    padding-bottom: 5px;
    text-align: right;
}

.contentBackgroundDiv {
    padding-bottom: 5px;
}

.moneyContent {
    direction: ltr;
    white-space: nowrap;
    text-align: right;
}

#warningBlock {
    margin-bottom: 5px;
}

#errorBlock {
    margin-bottom: 5px;
}

.contentBlock {
    padding: 10px 10px 10px 10px;
}

.contentBlock li {
    padding-bottom: 5px;
}

.highlight {
    font-weight: bold;
}

table.dataTable td .leftCell, .leftCell, td.leftCell, .tableContent td.leftCell {
    text-align: left;
}

table.dataTable td .rightCell, .rightCell, td.rightCell, .tableContent td.rightCell {
    text-align: right;
}

.additionalInfo {
    margin-top: 10px;
    padding: 5px 5px 5px 5px;
}

.separator {
    margin-bottom: 10px;
}

/**** Summary page ***/
#summaryContent {
    width: 60%;
}

.welcomeTextLink1 {
    margin-top: 25px;
}

/***** Statement Pages *****/
.tableContentWrapper {
    margin-top: 10px;
    margin-bottom: 10px;
    overflow: auto;
}

.tableOverFlow {
    overflow: auto;
}

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

.dataTableContentWrapper {
    margin-top: 10px;
    margin-bottom: 30px;
}

/***** Dialog Classes *****/
.dialogBox {
    padding: 5px 0px 5px 0px;
}

.dialogContentRow {
    padding: 5px 0px 5px 0px;
}

.legend {
    font-style: italic;
    padding: 5px 5px 5px 5px;
}

/***** Layout Style *****/
#header {
    padding: 41px 0px 0px 0px;
}

#language {
    text-align: right;
    padding-top: 5px;
}

#language a {
    padding: 0px 2px 0px 2px;
}

#main {
    padding-top: 5px;
}

.waitBlock {
    text-align: center;
}

#footer {
    font-size: 0.9em;
}

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

.paginatorBlock {
    margin-bottom: 20px;
    text-align: right;
}

.paginatorBlock .ui-button .ui-button-text {
    font-size: .9em !important;
    padding: 0.4em 0.6em;
}

table.dataTable th, table.dataTable td, .tableContent th, .tableContent td {
    text-align: center;
    vertical-align: middle;
    border: 1px solid;
    padding: 5px;
}

table.dataTable td .dateCell, td.dateCell {
    white-space: nowrap;
}

table.dataTable td .moneyCell, td.moneyCell {
    direction: ltr;
    white-space: nowrap;
    text-align: right;
}

/***** Begin Data Table Classes *****/
/* Paging buttons */
.paging_button_numbers .ui-button .ui-button-text {
    font-size: .9em !important;
    padding: 0.4em 0.6em;
}

table.dataTable {
    margin: 0;
    clear: both;
    width: 100%;
}

table.dataTable td.center,
table.dataTable td.dataTables_empty {
    text-align: left;
}

.dataTables_wrapper {
    clear: both;
}
.horizontal_scroll {
    overflow-x: auto;
}

/* Fixed Column Wrapper */
.DTFC_ScrollWrapper {
    margin-bottom: 10px;
}

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

/* Table information */
.dataTables_info {
    padding-top: 3px;
    clear: both;
    float: left;
}

/* Pagination */
.dataTables_paginate {
    float: right;
    text-align: right;
}

/* Data table Processing indicator */
.dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 250px;
    height: 30px;
    margin-left: -125px;
    margin-top: -15px;
    padding: 14px 0 2px 0;
    text-align: center;
    font-size: 14px;
    z-index: 1;
}

/* Scrolling */
.dataTables_scroll {
    clear: both;
    margin-bottom: 10px;
}

/***** End Data Table Classes *****/

/***** Language drop down List TODO move colors to Style.css*****/
div.lang_bar {
    display: block;
    float: right;
    overflow: auto;
    margin-top: 16px;
    margin-right: 15px;
    width: 200px;
}

#lang {
    margin: 0 1px 0 3px
}

#lang ul {
    margin: 0;
}

#lang, #lang ul {
    list-style: none;
    padding: 0px;
    float: inherit;
    text-align: left;
    width: 140px
}

#lang li {
    font: 11px/1 Arial, Helvetica, sans-serif;
}

#lang li ul {
    position: absolute;
    left: -1000em;
    z-index: 100
}

#lang li:hover ul, #lang li.over ul {
    left: auto
}

#lang a img {
    border: none;
    padding-right: 5px;
    vertical-align: middle
}

#lang a span {
    display: block;
    float: left;
    margin-top: 1px;
    border: none;
    padding-right: 5px;
    vertical-align: middle;
    background: transparent url('../images/icons.png?F802532710102I2QWFP=_') no-repeat;
}

#lang a {
    width: 98px;
    text-decoration: none;
    display: block;
    padding: 3px 2px 4px 2px;
    border: none;
    background: #fff url('../images/icons.png?F802532710102I2QWFP=_') no-repeat 90px -177px;
    color: #555
}

#lang a:hover, #lang li:hover a, #lang li.over a {
    background: #fff url('../images/icons.png?F802532710102I2QWFP=_') no-repeat 90px -197px;
    border: 3px solid #fff;
    color: #333
}

#lang li:hover li a, #lang li.over li a {
    width: 98px;
    background: #fff
}

#lang li li a:hover {
    background: #f0f8ff
}

#lang a span#flag_en {
    background-position: 0 -0px;
    width: 16px;
    height: 11px
}

#lang a span#flag_es {
    background-position: 0 -15px;
    width: 16px;
    height: 11px
}

#lang a span#flag_pt {
    background-position: 0 -30px;
    width: 16px;
    height: 11px
}

#lang a span#flag_ru {
    background-position: 0 -45px;
    width: 16px;
    height: 11px
}

#lang a span#flag_zh {
    background-position: 0 -60px;
    width: 16px;
    height: 11px
}

#lang a span#flag_de {
    background-position: 0 -75px;
    width: 16px;
    height: 11px
}

#lang a span#flag_fr {
    background-position: 0 -90px;
    width: 16px;
    height: 11px
}

#lang a span#flag_it {
    background-position: 0 -105px;
    width: 16px;
    height: 11px
}

#lang a span#flag_ro {
    background-position: 0 -120px;
    width: 16px;
    height: 11px
}

#lang a span#flag_zz {
    background-position: 0 -135px;
    width: 16px;
    height: 11px
}

#lang ul li {
    list-type: none;
    margin: 0;
    padding: 0px 0 0px 0;
}

/* End Style for the language bar with drop down list */

.helpIcon {
    background: url("../images/question-ico.gif?F802532710102I2QWFP=_") no-repeat scroll left top transparent;
    display: inline-table;
    height: 15px;
    margin: 5px 0 0 5px;
    text-indent: -5000px;
    width: 15px;
}

.helpContent {
    display:none;
    height:80px;
    padding:5px;
    width:310px;
    z-index: 1;
}

.no-bottom-padding{
    padding: 10px 10px 0px 10px;
}

/* Necessary for JQueryUI tabs natigation. Can be removed when we migrate JQueryUI library from 1.8.18 to 1.9.2 */
.ui-tabs .ui-tabs-hide { display: none !important; }

table.dataTable {
    border-collapse: separate;
}
table.dataTable td, table.dataTable th  {
    border-left: none;
}
table.dataTable td.firstCol, table.dataTable th.firstCol, table.dataTable td.dataTables_empty {
    border-left-width: 1px;
    border-left-style: solid;
}
table.dataTable td  {
    border-top: none;
    border-left: none;
}

.nowrap {
    white-space: nowrap;
}
/*accessibility related css changes*/

h2.h2_custom {
    font-size: 1.05875rem !important;
    margin: 0px;
}

h3.h3_custom {
    font-size: 0.75625rem !important;
    margin: 0px;
}

h3.h3_custom_dialog {
    font-size: 0.75625rem !important;
    margin: 0px;
    text-align: left;
}

h1.h1_custom {
    margin: 0px;
}

[aria-disabled="true"] {
    opacity: .35;
    cursor: default !important;
    background-image: none;
}

.aria-invisible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

td:focus{
    outline-offset: 1px;
}

.error_custom_css{
    display: flex !important;
    align-items: center;
    padding: 22px 15px;
}

.error_custom_css ul{
    margin: 0px;
}

.error_custom_css li{
    padding: 0px;
    margin: 0px;
}

.error_custom_css span.ui-icon{
    margin-right: 20px;
}

.overflow_screen_popup{
    overflow-y: auto;
    min-height: 100px;
    display: block;
    scrollbar-width: thin;
    overflow-x: hidden;
    max-height: 400px;
}

.ui-dialog-content:has(div>.overflow_screen_popup) {
    overflow: inherit;
}