/***** Here color, customer images and customer fonts *****/
/***** HTML elements *****/
body {
    font-family: Arial, Verdana, sans-serif;
    line-height: 1.1;
    font-size: 11px;
}

/***** Common Classes *****/
.nowrap {
  white-space: nowrap;
}
.wordwrapServiceName {
    width:120px;
    word-wrap:break-word;      /* IE */
}
/***** JQuery Classes *****/
.ui-widget-header {
    text-align: center;
    padding: 5px;
}

/***** Statement Pages *****/
.fullyUsed {
    font-weight: bold;
    white-space: nowrap;
}

.partiallyUsed {
}

.dateCell span {
    display:block;
}

.contentBackgroundDiv {
    background: #F0F8FF;
}

/***** Dialog Classes *****/
.dialogBox {
    background: #F0F8FF;
}

.helpContent {
    font-size:12px;
    background-color: #F0F8FF;
    color: #0078ae;
}

/***** Layout Style *****/
#bannerLogo {
    background: url(../images/logo.png?F1599142467363IN5QQK=_) no-repeat left;
    height: 60px;
}

#language #flagIcons a {
    text-decoration: none;
}

#language #textLinks a, .contentBlock a {
    color: #0078ae;
    text-decoration: none;
}

#language #textLinks a:hover, .contentBlock a:hover {
    text-decoration: underline;
}

#mainTitle {
    color: #FFFFFF;
    font-size: 1.4em;
}

table.dataTable th, table.dataTable td, .tableContent th, .tableContent td {
    border-color: #aaaaaa;
}

tr.evenColored, table.dataTable tr.even, td.even {
    background-color: #D3D6FF;
}

tr.oddColored, table.dataTable tr.odd, td.odd {
    background-color: #F0F8FF;
}

tr.evenColored:hover, table.dataTable tr.even:hover, td.even:hover {
    background-color: #E6FF99;
}

tr.oddColored:hover, table.dataTable tr.odd:hover, td.odd:hover  {
    background-color: #E6FF99;
}

/* Data table Processing indicator */
.dataTables_processing {
    background-color: #f0f2f2;
    border: 1px solid #aaaaaa;
}

.changePassword label {
    display: inline-block;
    clear: left;
    width: 200px;
    padding-right: 1em;
    text-align: right;
}