/***************************************************************
 * NOTE TO DEVELOPERS:
 * This file only (and should) contain styling overrides for JSF
 * framework (including PrimeFaces). For eBill application
 * specific styling look in eBill.css file.
 ***************************************************************/

.ui-dialog h2 {
    padding: 0 0 .3em 0;
    margin: 0;
}

.ui-button.button {
    padding: 0.2em;
    font-size: 0.9em;
    margin-left: 10px;
}

button.ui-button,
.ui-widget-header .ui-state-default {
    background-color: #a50069;
    color: #fff;
    border: none;
    border-radius: 5px;
    margin: 10px 0 0 0;
}

button.ui-button:hover {
    cursor: pointer;
    background: #650141;
}

.ui-button-text-only .ui-button-text,
input.ui-button {
    padding: 0 20px !important;
    font-family: "omnes_ods_mediumregular", verdana, sans-serif !important;
    font-weight: normal !important;
    background: inherit;
    border: none !important;
    display: inline-block;
}

input.ui-button {
    margin-right: 15px !important;
}

.ui-widget-content input.noRightMargin {
    margin-right: 0 !important;
}

.a4jhover.ui-state-focus {
    color: #fff;
}

.a4jhover,
input.ui-button.a4jhover {
    padding: 0 20px !important;
}

#userInfoForm\3A viewNotificationSettings h3.ui-accordion-header {
    margin: 5px auto;
}

.links span.ui-icon {
    display: inline-block;
    position: relative;
    top: 3px;
}

.ui-accordion-header {
    margin-bottom: .75em !important;
    padding: 0 !important;
}

.ui-icon-triangle-1-e {
    top: 12px !important;
}

.ui-icon-triangle-1-s {
    top: 6px !important;
}

button.ui-state-disabled .ui-button-text,
.ui-button.ui-state-default.ui-state-disabled {
    color: #a49d98 !important;
}

/*
 *Messages Block
 */

#messagesForm,
#messagesForm .ui-accordion-header {
    margin-bottom: 0;
}

#messages .ui-accordion .ui-accordion-header {
    float: right;
    margin-bottom: 5px;
    padding-right: 15px;
    left: 0;
}

#messages .ui-accordion .ui-accordion-content {
    padding: 0;
}

span.ui-button-text {
    color: #ffffff;
}

.modaBtnSecondary span.ui-button-text {
    color: #493b31;
}

.ui-tabs form {
    float: none;
}

.editPane .action .ui-state-default.ui-button {
    margin: 0 0 .5em 0;
}

form .ui-datatable li .ui-message-error,
form#userProfileContent li .ui-message-error,
form#userProfileContent li div.ui-message-error,
form#registrationForm li .ui-message-error,
form#registrationForm li div.ui-message-error {
    background: transparent; /*not sure whether this could be changed globally, but needed for zebra-striped tables*/
}

form li .ui-message-error-icon, div.ui-message-error .ui-message-error-icon {
    background-position: 0 -492px;
}

form ul.bulleted_list li,
#criticalMessages li,
.ui-messages-error li,
.ui-messages-info li {
    display: list-item;
    min-height: 32px; /*to account for the over sized icon being used right now*/
    color: #493B31 !important;
}

.ui-messages ul {
    margin: 0 0 0 48px;
    position: relative;
    top: -5px;
}

#groupInfo .ui-accordion-content ul li {
    display: list-item;
}

#groupInfo .ui-accordion-content ul li,
#groupInfo .ui-accordion-content ul li dl {
    margin-bottom: 5px;
}

.unsavedTransaction .ui-dialog-content,
.warning .ui-dialog-content,
.timeout .ui-dialog-content {
    background: #ffc url("/ebill/faces/javax.faces.resource/alert.png?ln=images") no-repeat 15px 15px !important;
    padding: 20px 20px 15px 20px !important;
    width: auto;
    margin: 0 0 20px 0;
}

.unsavedTransaction .ui-dialog-content,
.timeout .ui-dialog-content {
    margin-bottom: 0;
    padding-top: 15px;
}

.ui-messages-error li {
    min-height: 0;
    line-height: 1.1;
    margin-bottom: 5px;
    padding-left: 30px !important; /*important for ie7*/
}


.warning .ui-dialog-content .ui-icon.ui-icon-alert,
.ui-messages-error .ui-messages-error-icon {
    display: none;
}

.ui-messages-error, .ui-message-error {
    background-color: #ffc;
    color: #493B31;
}

.ui-messages-info-summary,
.ui-messages-warn-summary,
.ui-messages-error-summary,
.ui-messages-fatal-summary,
.ui-message-info-summary,
.ui-message-warn-summary,
.ui-message-error-summary,
.ui-message-fatal-summary {
    font-weight: normal;
    font-family: 'omnes_ods_mediumregular', verdana, sans-serif;
}

form .ui-overlaypanel ul {
    list-style: square outside url("/ebill/faces/javax.faces.resource/bullet_arrow.gif?ln=images");
}

form .ui-overlaypanel ul,
form .ui-overlaypanel p.strong {
    margin-bottom: .5em;
    line-height: 1.1;
}

#headerSubscriberInfo, #headerGroupInfo {
    margin-bottom: -4px;
}

form .ui-helper-reset li {
    line-height: inherit;
}

form .ui-tabs-nav li {
    clear: none;
}

form > div.ui-datatable,
form > div.ui-datatable > table {
    width: 100%;
    max-width: 100%;
}

.ui-tabs form {
    float: none;
}

form li .ui-chkbox + label:after,
form li .ui-radiobutton + label:after,
#registrationForm li label:after {
    content: '';
}

#theForm .ui-chkbox {
    display: inline;
}

/*Buttons Buttons Buttons*/

.ui-button-text {
    font-size: 1em;
}

.ui-dialog.confirmModal .ui-dialog-buttonpane button:focus,
.ui-dialog.confirmModal .ui-dialog-buttonpane button {
    outline: 0;
}

.ui-button-text-only::-moz-focus-inner .ui-button-text {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.ui-state-default.ui-button,
.ui-widget-content .ui-state-default.ui-button,
#buttons .ui-state-default,
#buttons .ui-widget-content .ui-state-default {
    background: #a50069;
    color: #fff;
    border: none;
    font-size: 16px;
    margin: 10px 10px 0 0;
    position: relative \9;
    font-family: omnes_ods_mediumregular, verdana, sans-serif !important;
    line-height: 36px;;
    height: 36px;
    border-radius: 8px;
}

.ui-state-default.ui-button:hover,
.ui-widget-content .ui-state-default.ui-button:hover,
#buttons .ui-state-default:hover,
#buttons .ui-widget-content .ui-state-default:hover {
    cursor: pointer;
    background: #650141;
}

.modaBtnSecondary.ui-state-hover {
    background: #a49d98 !important;
    text-decoration: none !important;
}

.modaBtnSecondary.ui-button {
    padding: 0 !important;
}

.ui-datatable tfoot .ui-state-default.ui-button {
    margin: 1em 0;
}

.ui-datatable tfoot td {
    white-space: normal !important;
}

.ui-button.ui-state-disabled:hover {
    background: #a50069;
}

.ui-state-disabled,
.ui-state-disabled:hover,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: 1;
    background: #dbd8d6 !important;
    color: #a49d98 !important;
}

#accountListForm\3A cannotDeleteAccount .ui-dialog-buttonpane,
#accountListForm\3A cannotDeleteAccount .ui-dialog-buttonpane button {
    margin-top: 0;
    margin-bottom: 0;
}

.ui-dialog .ui-dialog-buttonpane {
    padding-right: .4em;
}

.ui-datatable .ui-state-default.ui-button {
    margin-top: 0;
    margin-bottom: 0;
}

.ui-button.ui-state-default.ui-state-hover, .ui-widget-content .ui-button.ui-state-default.ui-state-hover {
    background-position: center bottom;
    color: #fff;
}

.ui-dialog.confirmModal .ui-dialog-buttonpane {
    text-align: center;
}

/*----- jQuery UI Generic -----*/

.ui-widget {
    font-size: inherit;
}

.ui-tabs, .ui-dialog {
    padding: 0;
}

.ui-tabs-nav, .ui-dialog-titlebar {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.ui-accordion-header {
    font-family: 'omnes_ods_mediumregular', verdana, sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 90%;
    border-bottom: 0 none;
}

.ui-accordion .ui-accordion-header {
    margin-top: 0;
}

.ui-accordion-header.ui-state-default a span {
    color: #ffffff;
}

.ui-accordion-header.ui-state-active a span {
    color: #3095B8;
}

#accordionReg ul.ui-accordion-content {
    padding: 10px;
}

.ui-widget-content a {
    color: #A50069 !important;
}

.ui-widget-content a,
.ui-widget-content a:visited,
.ui-widget-content a:hover,
.ui-widget-content a:active {
    border: 0 none;
}

.ui-widget-content.ui-contextmenu a:link,
.ui-widget-content.ui-contextmenu a:visited,
.ui-widget-content.ui-contextmenu a:hover,
.ui-widget-content.ui-contextmenu a:active {
    border-style: dotted;
    border-width: 0 0 1px;
}

.ui-widget-content.ui-contextmenu .ui-menuitem.ui-state-hover {
    background: transparent none;
}

a.contactUs{
    text-decoration:none;
    margin-left: 630px;
}

.ui-widget-content.ui-contextmenu .ui-menuitem.ui-state-hover a {
    color: #74bf2a;
    border-color: #badf95;
}

/* Dialogs and Modals (including confirms)*/

.ui-dialog .ui-dialog-titlebar {
    padding: 0 0.5em;
}

.ui-dialog div.ui-dialog-content {
    overflow: visible;
}

.noTitleBar .ui-dialog-titlebar,
.waitingModal .ui-dialog-titlebar,
.confirmModal .ui-dialog-titlebar {
    display: none;
}

.ui-dialog.confirmModal {
    width: 150px;
    padding: 10px;
}

.ui-dialog.confirmModal .ui-dialog-buttonpane {
    border: 0 none;
}

.ui-dialog.confirmModal .ui-dialog-content,
.ui-dialog.confirmModal .ui-dialog-buttonpane {
    margin-top: 0;
    margin-bottom: 0;
}

.ui-dialog.confirmModal .ui-dialog-content {
    padding-bottom: 0;
}

.ui-dialog.confirmModal .ui-dialog-buttonpane {
    padding-top: 0;
}

.ui-dialog.confirmModal .ui-dialog-content p {
    margin-bottom: 1em;
}

.ui-dialog.confirmModal .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: none;
}

.ui-dialog.confirmModal .ui-dialog-buttonpane button {
    margin: 0;
}

/*PrimeFaces Confirm Dialog*/

.ui-confirm-dialog {
    padding: 10px !important;
    border-radius: 15px;
}

.ui-confirm-dialog p {
    margin: 0;
}

.ui-confirm-dialog .ui-dialog-buttonpane {
    text-align: center !important;
}

.ui-confirm-dialog-severity {
    margin: -7px 7px 3px 0 !important;
}

.ui-confirm-dialog .cancelWarning {
    display: block;
    padding-left: 30px;
}

.ui-confirm-dialog .ui-message-error-detail {
    white-space: normal;
    text-align: left;
    margin-bottom: 15px;
    font-family: 'omnes_ods_mediumregular', verdana, sans-serif;
    margin-left: 0;
}

.ui-confirm-dialog .ui-message-error-detail.withBackground {
    background-color: #ffc;
    padding: 23px 20px 20px 40px;
}

.ui-confirm-dialog .ui-icon.ui-icon-alert {
    background: url("/ebill/faces/javax.faces.resource/alert.png?ln=images") no-repeat 2px 3px;
    width: 30px;
    height: 30px;
    z-index: 1100;
    position: relative;
}

.ui-confirm-dialog .warning {
    padding: 10px;
}

.ui-confirm-dialog .warning .ui-message-error-detail {
    margin-bottom: 0;
}

.ui-confirm-dialog input.ui-button {
    margin-right: 0 !important;
}

.unsavedTransaction .ui-dialog-content p,
.timeout .ui-dialog-content p {
    padding-left: 30px;
    font-family: 'omnes_ods_mediumregular', verdana, sans-serif;
}

.unsavedTransaction .ui-dialog-content .ui-icon.ui-icon-alert,
.timeout .ui-dialog-content .ui-icon.ui-icon-alert {
    display: none;
}

.ui-confirm-dialog .ui-datatable tbody td,
.ui-confirm-dialog .ui-datatable tbody .ui-dt-c {
    white-space: nowrap;
}

.unsavedTransaction .ui-dialog-titlebar,
.timeout .ui-dialog-titlebar {
    display: none;
}

div.ui-confirm-dialog {
    width: 660px !important;
}

.unsavedTransaction .ui-widget-content p,
.timeout .ui-widget-content p {
    margin: 3px 0 0 0;
    font-weight: normal;
    text-align: left;
    clear: both;
}

.timeout .ui-widget-content p span {
    font-family: 'omnes_ods_mediumregular', verdana, sans-serif;
    font-weight: normal;
}

.unsavedTransaction .ui-widget-content p span,
.timeout .ui-widget-content p span {
    position: relative;

}

.unsavedTransaction .ui-widget-content div.body,
.unsavedTransaction .ui-widget-content p.body,
.timeout .ui-widget-content p.body {
    margin: 0 0 5px 8px;
}

.ui-dialog.waitingModal {
    width: 32px;
    background: transparent;
    border: 0 none;
}

.ui-dialog .ui-dialog-content#waitingModal {
    padding: 0;
}

.ui-dialog.newDialog,
.ui-dialog.viewInvoice {
    visibility: visible;
}

/*Tables*/
.ui-datatable.noHeader thead{
    display: none;
}

td div.ui-dt-c {
    z-index: 999;
    display: block !important;
    background: transparent;
}

/*global table padding*/
.ui-datatable .ui-datatable-header,
.ui-datatable .ui-datatable-footer {
    padding: 0 !important;
}

#mainContent .ui-datatable tfoot h2 {
    text-align: right;
    float: none;
    margin: 1em 0 0;
}

.ui-datatable th,
.ui-datatable .ui-datatable-data td,
.ui-datatable .ui-datatable-data-empty td {
    text-align: left;
    border-left: none !important;
    border-right: none !important;
    padding: 0.5em !important;
}

td div.ui-dt-c div.ui-widget,
td div.ui-dt-c div.ui-widget * {
    white-space: normal;
}

table td a + .ui-icon {
    display: inline-block;
    position: relative;
    top: 4px;
}

/*eBill-specific tables*/
td.dr-table-cell,
th.dr-table-subheadercell {
    border: 1px solid #409ec0;
}

td.dr-table-cell,
th.dr-table-subheadercell {
    vertical-align: middle;
    padding: 0.5em;
}

#viewBillDetailIndividualCoverageDiv.ui-datatable tr.ui-datatable-even td,
#viewBillDetailIndividualCoverageDiv.ui-datatable tr.ui-datatable-odd td,
#viewBillDetailIndividualCoverageDiv2.ui-datatable tr.ui-datatable-even td,
#viewBillDetailIndividualCoverageDiv2.ui-datatable tr.ui-datatable-odd td {
    background: #fff;
}

td.dr-table-cell,
th.dr-table-subheadercell {
    color: inherit;
    font-family: inherit;
    font-size: inherit;
}

form#viewBillDetailContent {
    clear: both;
}

/*row expansion on invoice details view*/
form#viewBillDetailContent table .rowExpansion,
form#viewBillDetailContent table .rowExpansion td {
    border: none;
    padding: 0 !important;
    border-collapse: separate;
}

form#viewBillDetailContent table .rowExpansion {
    margin-bottom: 0 !important;
}

.ui-dialog-content {
    padding-top: 0;
}

.ui-dialog-content p {
    margin-top: 0;
}

.noHeader .ui-dialog-titlebar,
.ui-confirm-dialog.noHeader .ui-dialog-titlebar,
.ui-confirm-dialog.noHeader .ui-dialog-content {
    display: none;
}

.ui-confirm-dialog img.block {
    display: block;
}

td.removeAccount .ui-dialog-content p {
    width: 100%;
}

/* Payment page */

/*pager*/

.ui-look-disabled {
    opacity: .35;
    cursor: default;
}

.ui-look-disabled:hover {
    cursor: default;
}

.ui-widget-content.confirmModal { /*setting up overrides*/
    border: 0 none;
}

.ui-widget-content.confirmModal.ui-corner-all {
    border-radius: 8px;
}

.ui-widget-content.confirmModal {
    height: inherit;
    padding: 10px;
    border: 10px solid;
    -moz-border-image: url("/ebill/faces/javax.faces.resource/border_img_bg.gif?ln=images") 14 14 stretch;
    -webkit-border-image: url("/ebill/faces/javax.faces.resource/border_img_bg.gif?ln=images") 14 14 stretch;
    -o-border-image: url("/ebill/faces/javax.faces.resource/border_img_bg.gif?ln=images") 14 14 stretch;
    border-image: url("/ebill/faces/javax.faces.resource/border_img_bg.gif?ln=images") 14 14 stretch;
    behavior: url("/ebill/faces/javax.faces.resource/PIE.htc?ln=js");
}

.ui-icon,
.ui-widget .ui-icon,
.ui-state-default .ui-icon,
.ui-state-active .ui-icon,
.ui-datatable thead th.ui-paginator .ui-icon,
.ui-datatable tfoot td.ui-paginator .ui-icon,
button.ui-state-default.ui-button.ui-button-icon-only .ui-icon,
.ui-widget .ui-datatable-header.ui-widget-header .ui-icon {
    background-image: url("/ebill/faces/javax.faces.resource/images/ui-icons_2fb5b7_256x240.png?ln=primefaces-odstheme");
    padding: 0;
}

.ui-chkbox-box .ui-icon,
.ui-state-default .ui-chkbox-icon,
.ui-chkbox-box.ui-state-active .ui-icon:hover {
    width: 21px;
    height: 21px;
    display: inline-block;
    background-image: url("/ebill/faces/javax.faces.resource/sprite_checkbox.png?ln=images");
}

.ui-state-default.ui-state-active .ui-icon-check {
    background-position: 0 0;
}

.ui-state-hover .ui-icon-check {
    background-image: url("/ebill/faces/javax.faces.resource/sprite_checkbox.png?ln=images") !important;
}

.ui-state-default .ui-chkbox-icon {
    background-position: 0 -21px;
}

#registrationFormWrapper .ui-overlay-visible {
    width: auto;
}

.ui-overlay-visible .strong {
    margin-top: 0;
}

.ui-icon.helpIcon,
.ui-widget .ui-icon.helpIcon,
.ui-state-default .ui-icon.helpIcon,
.ui-state-active .ui-icon.helpIcon,
button.ui-state-default.ui-button.ui-button-icon-only .ui-icon.helpIcon,
.ui-widget .ui-datatable-header.ui-widget-header .ui-icon.helpIcon {
    background: url("/ebill/faces/javax.faces.resource/inquiry.png?ln=images") no-repeat scroll 0 0 transparent;
    height: 18px;
    width: 18px;
    padding-right: 0;
    margin-right: 0;
    margin-top: -14px;
}

button.ui-state-default.ui-button.ui-button-icon-only.helpIcon {
    width: 19px;
}

button.ui-state-default.ui-button.ui-button-icon-only .ui-icon.ui-icon-print,
button.ui-state-default.ui-button.ui-button-icon-only.ui-state-hover .ui-icon.ui-icon-print {
    background: url("/ebill/faces/javax.faces.resource/print.gif?ln=images") 0 0;
}

button.ui-state-default.ui-button.ui-button-icon-only .ui-icon.ui-icon-calendar,
button.ui-state-default.ui-button.ui-button-icon-only.ui-state-hover .ui-icon.ui-icon-calendar {
    background: url("/ebill/faces/javax.faces.resource/calendar_from_mobile.png?ln=images") 0 0;
    left: 18px;
    top: 16px
}

button.ui-state-default.ui-button.ui-button-icon-only {
    background: none;
    border: 0 none;
}

.ui-datatable th.ui-sortable-column .ui-icon.ui-sortable-column-icon,
.ui-datatable th.ui-sortable-column.ui-state-hover .ui-icon.ui-sortable-column-icon,
div.ui-widget.ui-selectonemenu .ui-selectonemenu-trigger .ui-icon {
    background-image: url("/ebill/faces/javax.faces.resource/images/ui-icons_493b31_256x240.png?ln=primefaces-odstheme");
    position: relative;
}

/*.ui-selectonemenu .ui-selectonemenu-trigger {*/
    /*border-left: none;*/
    /*width: 13px !important;*/
/*}*/

.ui-tabs-panels .ui-helper-hidden {
    display: none;
}

.ui-tabs .ui-tabs-panel {
    padding: 1em;
}

.ui-tabs-nav {
    font-family: omnes_ods_mediumregular, verdana, sans-serif !important;
}

.ui-tabs-nav.ui-widget-header {
    background: none;
    border-spacing: 0;
}

.ui-tabs.ui-tabs-top > .ui-tabs-nav {
    padding: 0;
}

.ui-tabs .ui-tabs-panels {
    border: 1px solid #d6d6d6;
}

.ui-tabs-panel .tabsTableWrapper,
.ui-tabs-panel .tabsTableWrapper td {
    border: none !important;
}

.ui-tabs-panel .tabsTableWrapper .ui-datatable-header .ui-selectonemenu {
    margin-top: 0;
}

.ui-tabs-panel .tabsTableWrapper .ui-paginator-top {
    padding: 10px 0 !important;
}

.ui-tabs-panel .tabsTableWrapper .ui-paginator-bottom {
    font-family: omnes_ods_mediumregular, verdana, sans-serif !important;
}

.ui-paginator, .ui-paginator-bottom {
    font-family: omnes_ods_mediumregular, verdana, sans-serif !important;
}

.ui-tabs-nav.ui-widget-header .ui-state-default {
    background: #dbd8d6;
}

.ui-tabs-nav.ui-widget-header .ui-tabs-selected {
    background: #0098aa;
}

.ui-tabs-nav.ui-widget-header .ui-tabs-selected a {
    color: #fff;
    font-family: omnes_ods_mediumregular, verdana, sans-serif !important;
}

.ui-tabs.ui-tabs-top > .ui-tabs-nav li {
    border-radius: 5px 5px 0 0;
    margin-right: 3px;
    top: 2px;
}

.ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-state-active {
    top: 0;
}

.ui-tabs-nav li a {
    color: #493b31 !important;
    font-family: 'omnes_ods_regularregular', verdana, sans-serif;
    font-size: 15px;
}

.ui-tabs-nav li.ui-tabs-selected a {
    color: #fff !important;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-state-processing a {
    cursor: default;
    text-decoration: none !important;
}

.ui-tabs-panel .details {
    margin-bottom: 0;
}

.ui-tabs-panel .ui-accordion .ui-accordion-header,
.ui-tabs-panel .ui-panel .ui-panel-titlebar {
    border-bottom: 3px solid #dbd8d6 !important;
    left: 0;
    border-radius: 0;
    margin-bottom: .5em;
    padding-bottom: 0;
}

.ui-tabs-panel .ui-panel .ui-panel-titlebar-icon {
    left: 33px;
    margin: 4px 0 0 0;
    width: 310px;
    z-index: 5;
    background: none;
}

.ui-tabs-panel .ui-panel .ui-panel-titlebar .ui-icon,
.ui-datatable .ui-row-toggler {
    background: url("/ebill/faces/javax.faces.resource/images/sprite_collapse_expand.png?ln=primefaces-odstheme") no-repeat;
    width: 18px;
    height: 18px;
}

.ui-tabs-panel .ui-panel .ui-panel-titlebar-icon .ui-icon-plusthick {
    background-position: 0 0;
}

.ui-tabs-panel .ui-panel .ui-panel-titlebar-icon .ui-icon-minusthick,
.ui-datatable .ui-row-toggler.ui-icon-circle-triangle-s {
    background-position: 0 -20px !important;
}

.ui-tabs-panel .ui-accordion .ui-accordion-header.ui-state-active {
    margin-bottom: 0;
}

.ui-tabs-panel .ui-accordion-header a,
.ui-tabs-panel .ui-accordion-header.ui-state-active a {
    color: #493831 !important;
}

.ui-tabs-panel .ui-accordion-header a,
.ui-tabs-panel .ui-panel-title {
    font-size: 16px;
    font-family: 'omnes_ods_mediumregular', verdana, sans-serif !important;
    padding-bottom: .25em !important;
}

.ui-tabs-panel .ui-panel-title {
    display: inline-block;
    padding-left: 25px;
    padding-bottom: 0 !important;
    z-index: 10;
    position: relative;
    position: static \0; /* IE8, IE9 */
    pointer-events: none; /*pass through click so entire header is clickable, except in IE 8-10*/
}

.ui-tabs-panels .ui-accordion .ui-accordion-content {
    margin-top: -2px !important;
}

.accordionTable tr.ui-datatable-odd,
.accordionTable tr.ui-datatable-odd td {
    background: none !important;
}

.ui-tabs-panel .horizontal_list {
    margin-bottom: .5em;
}

.ui-datatable thead th.ui-paginator .ui-state-hover .ui-icon,
.ui-datatable tfoot td.ui-paginator .ui-state-hover .ui-icon,
button.ui-state-default.ui-state-hover.ui-button.ui-button-icon-only .ui-icon {
    background-image: url("/ebill/faces/javax.faces.resource/images/ui-icons_74bf2a_256x240.png?ln=primefaces-odstheme");
}

.ui-icon-carat-2-n-s,
.ui-icon-triangle-1-n {
    background-position: -128px -16px;
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-state-default .ui-icon:hover {
    background-image: url("/ebill/faces/javax.faces.resource/images/ui-icons_74bf2a_256x240.png?ln=primefaces-odstheme");
}

.ui-state-hover .ui-icon.helpIcon,
.ui-state-focus .ui-icon.helpIcon,
.ui-state-default .ui-icon.helpIcon:hover,
.ui-state-default.ui-state-hover .ui-icon.helpIcon,
button.ui-state-default.ui-state-hover.ui-button.ui-button-icon-only .ui-icon.helpIcon {
    background: url("/ebill/faces/javax.faces.resource/inquiry.png?ln=images") -18px 0;
}

span[class*="ui-icon-carat"] {
    position: relative;
    top: 4px;
    display: inline-block;
}

.hideMessages .ui-icon-triangle-1-e {
    background-position: -64px -16px;
}

.hideMessages.ui-corner-all > a {
    color: #0098AA !important;
}

#mainContent #messages .ui-accordion.ui-widget .ui-icon {
    background: url("/ebill/faces/javax.faces.resource/sprite_moda_arrow.png?ln=images") no-repeat 2px 7px;
}

#accountListForm .ui-accordion-header.hideEdit.ui-state-active + div.ui-accordion-content {
    display: none !important;
}

/*accordions, generic*/
.ui-accordion .ui-accordion-header {
    left: -22px;
    left: -23px \9;
    position: relative;
}

#faq .ui-accordion-content {
    margin-left: 17px;
}

#messageContent.ui-accordion .ui-accordion-header {
    left: auto;
}

.ui-chkbox-box.ui-widget {
    background-image: none;
    background: #fff;
    border: none;
}

.ui-chkbox .ui-chkbox-box {
    margin-right: 5px !important;
    width: 22px !important;
    height: 22px !important;
    position: relative !important;
    top: 1px !important;
}

.ui-datatable .uichkbox,
.ui-datatable .ui-chkbox-box {
    margin-right: 0;
    background: none;
}

.ui-chkbox {
    border-radius: 0;
}

.ui-messages-info, .ui-message-info {
    background-color: transparent;
}

.ui-button .ui-icon,
.ui-button.ui-icon,
.ui-button-icon-only,
.ui-widget-header .ui-icon {
    background-image: url("/ebill/faces/javax.faces.resource/images/ui-icons_ffffff_256x240.png?ln=primefaces-odstheme");
}

.ui-datepicker {
    width: 200px;
}

.ui-datepicker-trigger.ui-button.ui-widget.ui-state-default {
    background-image: none;
}

.ui-datepicker-trigger .ui-icon-calendar {
    background-image: url("/ebill/faces/javax.faces.resource/images/ui-icons_ffffff_256x240.png?ln=primefaces-odstheme")
}

#ui-datepicker-div {
    color: #493B31;
    padding: 3px;
    background: #F0EDEB;
}

#ui-datepicker-div,
#ui-datepicker-div .ui-widget-header,
.ui-datepicker th {
    font-family: 'omnes_ods_mediumregular', verdana, sans-serif;
    font-weight: normal;
}

#ui-datepicker-div,
#ui-datepicker-div .ui-datepicker-header {
    border: 1px solid #cbc7bd;
    border-radius: 5px;
}

.ui-datepicker table {
    margin: 0;
    font-size: 12px;
}

.ui-datepicker-header,
.ui-datepicker-calendar th,
.ui-datepicker-calendar td,
.ui-datepicker-calendar td.ui-datepicker-unselectable.ui-state-disabled {
    background: #f0edeb;
}

.ui-datepicker-calendar td.ui-datepicker-unselectable.ui-state-disabled {
    opacity: 1;
}

#ui-datepicker-div .ui-datepicker-calendar .ui-datepicker-unselectable span,
#ui-datepicker-div .ui-datepicker-calendar .ui-datepicker-current-day a {
    color: #aaa499;
    background: #d1cdc5;
}

#ui-datepicker-div .ui-datepicker-calendar .ui-datepicker-unselectable span {
    color: #3f3e3b \9; /*because ie8 renders these days very poorly*/
}

#ui-datepicker-div .ui-datepicker-calendar .ui-datepicker-unselectable span,
#ui-datepicker-div .ui-datepicker-calendar .ui-datepicker-current-day a {
    border: 1px solid #cbc7bd;
}

#ui-datepicker-div .ui-datepicker-calendar .ui-datepicker-current-day a {
    color: #654B24 !important;
    background: #fff;
}

#ui-datepicker-div .ui-datepicker-calendar tbody td a {
    background: #c04c96;
    color: #fff !important;
}

#ui-datepicker-div .ui-datepicker-calendar .ui-datepicker-unselectable span,
#ui-datepicker-div .ui-datepicker-calendar tbody td a {
    padding: 4px 3px 4px 0;
}

#ui-datepicker-div .ui-datepicker-calendar tbody td a:hover {
    background: #A50069;
    color: #fff;
}

#ui-datepicker-div .ui-datepicker-header .ui-icon {
    background-image: url("/ebill/faces/javax.faces.resource/images/ui-icons_A50069_256x240.png?ln=primefaces-odstheme");
}

.ui-datepicker-header {
    border: none;
    border-radius: 0;
}

.ui-datepicker .ui-datepicker-header {
    padding: .2em .2em .1em .2em;
}

#ui-datepicker-div .ui-datepicker-header .ui-state-disabled.ui-datepicker-next-hover,
#ui-datepicker-div .ui-datepicker-header .ui-state-disabled.ui-datepicker-prev-hover {
    border: none;

}

#ui-datepicker-div .ui-datepicker-header .ui-state-disabled.ui-state-hover {
    background: #F0EDEB;
}

#ui-datepicker-div .ui-datepicker-header .ui-state-disabled.ui-state-hover .ui-icon {
    background-image: url("/ebill/faces/javax.faces.resource/images/ui-icons_A50069_256x240.png?ln=primefaces-odstheme");
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    width: 20px;
    height: 20px;
    top: 5px;
}

.ui-datepicker .ui-datepicker-next {
    right: 4px;
}

.ui-datepicker .ui-datepicker-prev {
    left: 4px;
}

#ui-datepicker-div .ui-state-hover.ui-datepicker-next-hover,
#ui-datepicker-div .ui-state-hover.ui-datepicker-prev-hover {
    cursor: pointer;
    background: #a50069 none;
}

#ui-datepicker-div .ui-state-hover .ui-icon,
#ui-datepicker-div .ui-state-focus .ui-icon {
    background-image: url("/ebill/faces/javax.faces.resource/images/ui-icons_ffffff_256x240.png?ln=primefaces-odstheme");
}

.ui-selectonemenu-trigger.ui-state-default .ui-icon {
    background-image: url("/ebill/faces/javax.faces.resource/images/ui-icons_ffffff_256x240.png?ln=primefaces-odstheme");
}

#registrationForm .ui-message-error,
.editPane .ui-message-error {
    margin: 3px 0 0 -6px;
}

.ui-datatable .ui-selection-column {
    padding-left: 0;
    padding-right: 0;
    width: 20px !important;
    text-align: center !important;
}

.ui-selectonemenu-panel .ui-selectonemenu-list {
    overflow-x: hidden;
}

.ui-selectonemenu .ui-selectonemenu-trigger {
    margin-top: 0;
    border-radius: 0;
    background: url("/ebill/faces/javax.faces.resource/images/dk_arrow.png")0 -2px no-repeat !important;
    width: 19px !important;
    border-right: 1px solid #C4B5AF !important;
}

.ui-selectonemenu .ui-selectonemenu-trigger .ui-icon {
    margin-top: 6px;
    display: none;
}

.ui-selectonemenu-panel {
    background: none;
    border-radius: 0 0 5px 5px;
}

.ui-selectonemenu-panel .ui-selectonemenu-list {
    padding: 0;
}

.ui-selectonemenu-panel .ui-selectonemenu-list-item {
    color: #A50069;
    padding: 3px 10px 3px 5px;
    background: #fff;
    border: 1px solid #C4B5AF;
    border-bottom: none;
    border-radius: 0;
    margin: 0;
    font-family: 'omnes_ods_mediumregular', verdana, sans-serif;
}

.ui-selectonemenu-panel .ui-selectonemenu-list-item:first-child {
    border-top: none;
}

.ui-selectonemenu-panel .ui-selectonemenu-list-item:last-child {
    border-radius: 0 0 5px 5px;
}

.ui-selectonemenu-panel .ui-selectonemenu-list-item.ui-state-highlight {
    background-color: #e2e0de;
    color: #655a53;
}

.ui-selectonemenu-panel .ui-selectonemenu-list-item.ui-state-hover {
    background: green;
}

.ui-selectonemenu-panel .ui-shadow {
    box-shadow: none;
}

.ui-selectonemenu.ui-helper-clearfix:before,
.ui-selectonemenu.ui-helper-clearfix:after {
    display: block;
}

#employeeDetailsSearch .ui-inputtext {
    position: relative;
    top: -8px;
    width: 230px;
}

#mainContent form input.ui-widget.ui-inputfield {
    background: #fff;
    border: 1px solid #B9B1A9;
    font-family: omnes_ods_regularregular,verdana,sans-serif;
    font-size: 14px;
    padding: 0 0.25em;
}

/* Panels */
.ui-panel {
    padding: 0;
}

.ui-panel-titlebar-icon {
    position: absolute;
    left: 0;
}

.ui-panel .ui-panel-titlebar {
    padding: 0;
    background: none;
    border: 0 none;
}

.ui-panel .ui-panel-content {
    padding: 0 !important;
}

/*Accordions*/
.ui-accordion-header,
.ui-acccordion-header.ui-state-active,
.ui-accordion-header.ui-state-default {
    background: none;
    text-transform: none;
    font-size: inherit;
    border: 0 none;
}

.ui-accordion .ui-accordion-header.ui-state-default a {
    color: #a50069;
}

#pageWrap .ui-accordion .ui-accordion-header.ui-state-active a,
.ui-accordion .ui-accordion-header.ui-state-default.ui-state-hover a,
.ui-accordion .ui-accordion-header.ui-state-default.ui-state-active a:hover{
    text-decoration: underline;
}

#pageWrap .ui-accordion .ui-accordion-header.ui-state-active a {
    text-decoration: none;
}

.ui-accordion .ui-accordion-content {
    padding: 0 !important;
    margin-top: 1px !important;
    overflow: hidden !important;
}

.ui-accordion .ui-accordion-header a {
    padding: 0 !important;
    margin-left: 1.75em;
    display: inline-block;
}

.ui-accordion {
    width: 99% !important;
}

#notificationSettingsPanel h3.ui-accordion-header {
    margin: 5px auto;
}

.ui-widget {
    font-family: 'omnes_ods_regularregular', verdana, sans-serif;
    font-weight: normal;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    background: none;
}

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

.ui-widget-content.ui-contextmenu {
    background: url("/ebill/faces/javax.faces.resource/images/ui-bg_flat_75_ffffff_40x100.png?ln=primefaces-odstheme") repeat-x scroll 50% 50% #FFFFFF;
    border: 1px solid #E8E8E8;
    color: #585858;
}

.ui-datatable .ui-datatable-data td,
.ui-datatable .ui-datatable-data-empty td,
.ui-state-default,
.ui-widget-content .ui-state-default {
    border-color: #dbd8d6 !important;
}

.ui-inputfield {
    padding: 3px !important;
}

th.ui-state-default.ui-sortable-column.menuColumn,
th.ui-state-default.ui-sortable-column {
    border-left: 1px solid #dbd8d6 !important;
    border-right: none !important;
}

th.ui-state-default.ui-state-active,
th.ui-state-default.ui-state-active.ui-sortable-column {
    border-left: 1px solid #645246;
    border-top: 1px solid #645246;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    color: #493B31;
    font-weight: normal;
    background-image: none;
}

.ui-datatable .ui-datatable-data td,
.ui-datatable .ui-datatable-data-empty td {
    background: none;
}

.ui-datatable .ui-datatable-data .ui-expanded-row-content td {
    background: #ecebea !important;
}

.ui-datatable .ui-widget-content .rowExpansion td {
    filter: none;
}

.ui-datatable .ui-widget-content {
    background: #fff;
}

.ui-priority-secondary {
    margin-left: 10px;
    font-size: 1em;
    font-family: 'omnes_ods_mediumregular', verdana, sans-serif;
    font-weight: normal;
}

.ui-priority-secondary .ui-button-text {
    line-height: 1.5;
    font-family: 'omnes_ods_mediumregular', verdana, sans-serif;
    font-weight: normal;
    font-size: 1em;
}

.ui-dt-c.currency {
    float: right;
}

/*Opera border-collapse override using CSS hack*/
x:-o-prefocus,
.ui-datatable table {
    border-collapse: separate;
}

.ui-datatable td div,
.ui-datatable th div {
    line-height: 1.2;
}

th.ui-datatable-header.ui-widget-header {
    background: none;
    font-family: 'omnes_ods_mediumregular', verdana, sans-serif;
    font-weight: normal;
}

th.ui-datatable-header.ui-widget-header,
th.ui-datatable-header.ui-widget-header p {
    font-weight: normal;
    margin-bottom: 1em;
}

th.ui-datatable-header {
    border: none !important;
}

th.ui-state-default,
.ui-widget-content th.ui-state-default {
    background: #dbd8d6 none;
    color: #ffffff;
}

tr.ui-widget-content.ui-state-hover,
tr.ui-widget-content.ui-state-hover td {
    background-image: none;
    color: inherit;
    cursor: default !important;
}

.ui-datatable .ui-datatable-data tr.ui-state-hover {
    border: 1px solid #dbd8d6
}

th.ui-state-active {
    border: 1px solid #645246 !important;
    background: #645246 !important;
}

th.ui-state-active span {
    color: #fff;
}

tfoot .ui-datatable-footer.ui-widget-header {
    background: #ffffff none;
    border: 0 none;
}

.ui-datatable tfoot td.total div.ui-dt-c {
    background-color: #ffc;
}

.ui-datatable th.rightAlign div,
.ui-datatable td.rightAlign div,
#viewBillDetailIndividualCoverageDiv.ui-datatable th.rightAlign div,
#viewBillDetailIndividualCoverageDiv.ui-datatable td.rightAlign div,
#viewBillDetailIndividualCoverageDiv2.ui-datatable th.rightAlign div,
#viewBillDetailIndividualCoverageDiv2.ui-datatable td.rightAlign div,
#tabContainer \3a EmployeeDetailTable th.rightAlign div {
    text-align: right !important;
}

.ui-datatable th div.ui-dt-c {
    text-align: left;
}

#payBillCurrentDueTable\3a checkboxColumn div.ui-dt-c {
    text-align: center !important;
}

.ui-datatable .ui-datatable-footer {
    text-align: right !important;
    float: none;
    margin: 1em 0 0 0;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.ui-widget-header,
.ui-widget-content {
    color: #493B31;
    font-weight: normal;
}

.ui-widget-header {
    border: none !important;
    font-family: omnes_ods_mediumregular, verdana, sans-serif !important;
}

.ui-widget-header .ui-paginator-first.ui-state-default,
.ui-widget-header .ui-paginator-prev.ui-state-default,
.ui-widget-header .ui-paginator-next.ui-state-default,
.ui-widget-header .ui-paginator-last.ui-state-default {
    margin: 0;
}

#subscriberDetailTable .ui-datatable td,
#groupDetailTableActual.ui-datatable td,
#viewBillDetailIndividualCoverageDiv.ui-datatable td,
#viewBillDetailIndividualCoverageDiv2.ui-datatable td {
    text-align: left;
    border-left: none;
    border-right: none;
}

#subscriberDetailTable .ui-datatable th.cellLeft,
#subscriberDetailTable .ui-datatable td.cellLeft,
#groupDetailTableActual.ui-datatable td.cellLeft,
#groupDetailTableActual.ui-datatable th.cellLeft,
#viewBillDetailIndividualCoverageDiv.ui-datatable td.cellLeft,
#viewBillDetailIndividualCoverageDiv.ui-datatable th.cellLeft,
#viewBillDetailIndividualCoverageDiv2.ui-datatable td.cellLeft,
#viewBillDetailIndividualCoverageDiv2.ui-datatable th.cellLeft {
    text-align: left;
}

#viewBillSummaryContentDiv .ui-datatable tfoot td,
#subscriberDetailTable .ui-datatable tfoot td {
    text-align: right;
}

/*
* overrides for paginators
*/
.ui-datatable thead th.ui-paginator,
.ui-datatable tfoot td.ui-paginator {
    padding-left: 0;
    padding-right: 0;
}

.ui-datatable thead th.ui-paginator > span,
.ui-datatable tfoot td.ui-paginator > span {
    border: 0 none;
    background: #ffffff none;
    padding: 0;
}

.ui-paginator .ui-paginator-current,
.ui-paginator .ui-paginator-rpp-options {
    margin-left: 0.5em !important;
    margin-right: 0.5em !important;
}

.ui-paginator .ui-state-disabled {
    display: none !important;
}

.ui-paginator-top {
    border: 0 none;
}

/*
* Datatable Headers
*/
#viewBillDetailGroupSubscribersDiv th.ui-datatable-header h2 {
    margin-bottom: 0;
}

.ui-datatable tr.ui-widget-content,
.ui-datatable th {
    border: solid 1px #dbd8d6;
}

div.ui-datatable {
    /*margin-bottom: 20px;*/
}

#viewBillDetailGroupCoverageDiv th.ui-datatable-header {
    padding-bottom: 20px !important;
}

#viewBillDetailGroupCoverageDiv th.ui-datatable-header h2 {
    padding-top: 14px !important;
}

form li.ui-datalist-item {
    float: left;
}

.ui-datatable th,
.ui-datatable tfoot td {
    white-space: normal;
}

.ui-datatable th {
    line-height: 1.15;
    white-space: nowrap !important;
    font-family: "omnes_ods_mediumregular", verdana, sans-serif !important;
}

.ui-sortable-column-icon + span {
    display: inline-block;
    margin-right: 15px;
    white-space: nowrap;
}

.ui-overlaypanel,
.ebill .ui-menu {
    padding: 10px;
    font-weight: normal;
    width: auto;
}

.ebill .ui-menu .ui-menu-list .ui-menuitem,
.ui-dialog-content li {
    margin: 5px 5px 5px -1px;
    padding-left: 6px;
    border-left: 1px solid #3095B8;
    float: left;
    clear: none;
    width: auto;
}

.ebill .ui-menu .ui-menu-list .ui-menuitem.ui-corner-all {
    border-radius: 0;
}

.ui-dialog-content ul {
    overflow: hidden;
    list-style: none;
    padding: 0;
}

.ui-dialog.ui-overlaypanel {
    padding: 0;
}

.ui-datatable .ui-paginator {
    background: transparent none;
    text-align: right;
}

.ui-radiobutton-box.ui-widget.ui-state-default,
.ui-radiobutton-box.ui-widget.ui-state-active {
    border-radius: 0;
    width: 21px;
    height: 21px;
    background: #fff url("/ebill/faces/javax.faces.resource/images/sprite_radio.png") 0 -21px;
    border: none;
    margin-right: 5px;
}

.ui-radiobutton-box.ui-widget.ui-state-active {
    background-position: 0 0;
}

.ui-radiobutton-box.ui-widget.ui-state-active span {
    background-image: none;
}

.ui-datatable .ui-row-toggler,
.ui-datatable .ui-row-toggler-disabled {
    float: left;
    margin-right: 10px;
}

.ui-datatable .ui-row-toggler-disabled {
    background-position: 32px -16px;
}

.ui-datatable .ui-row-toggler.ui-icon-circle-triangle-s {
    background-position: -64px -16px;
}

#userInfo .ui-accordion.ui-widget .ui-icon,
#groupInfo .ui-accordion .ui-icon,
.ui-accordion.ui-widget .ui-icon {
    background: url("/ebill/faces/javax.faces.resource/images/sprite_plus_minus.png") no-repeat 0 0;
    width: 12px;
    top: 10px;
}

.ui-datatable .ui-row-toggler {
    margin-right: 5px;
}

#mainContent #messages .ui-accordion .hideMessages .ui-icon,
.ui-accordion .ui-state-active .ui-icon {
    background-position: 2px -18px !important;
}

#groupInfo .ui-accordion .ui-icon.ui-icon-triangle-1-s,
#indivInfo .ui-accordion .ui-icon.ui-icon-triangle-1-s {
    background-position: 2px -22px;
}

.ui-accordion .ui-state-active a {
    color: #0C9C9E !important;
}

#messages .ui-accordion .ui-accordion-header.ui-state-active + .ui-accordion-content,
#payBillContentDiv .ui-accordion .ui-accordion-header.ui-state-active + .ui-accordion-content {
    display: block;
}

#messages .ui-accordion .ui-accordion-header.ui-state-active + .ui-accordion-content {
    float: left;
    overflow: visible;
}

#messages .ui-accordion .ui-accordion-header .ui-icon {
    right: 0;
    left: auto;
}

#messages .ui-accordion .ui-accordion-header.ui-state-active,
#payBillContentDiv .ui-accordion .ui-accordion-header.ui-state-active {
    display: none;
}

#payBillContentDiv #viewBillSummaryContentDiv\3A AdminPaymentTablePanel .ui-accordion .ui-accordion-header.ui-state-active,
#payBillContentDiv #viewBillSummaryContentDiv\3A paymentTablePanel .ui-accordion .ui-accordion-header.ui-state-active {
    display: block;
}

#payBillContentDiv .ui-accordion .ui-accordion-header {
    left: -.9em;
}

#faq .ui-accordion-header,
#faq .ui-accordion-content {
    margin-bottom: .75em;
    padding: 0;
    left: -10px;
    left: -9px \9;
}

#faq .ui-accordion-header,
#faq .ui-accordion-content {
    float: left \9;
    width: 100% \9;
}

#faq .ui-accordion-content {
    left: 0;
    left: 2px \9;
    margin-bottom: 0;
    width: 95%;
}

#faq .ui-accordion-content p.last {
    margin-bottom: 12px;
}

#faq .ui-accordion-content p:first-child {
    margin-top: -5px;
}

#faq .ui-accordion-content td {
    border: 0;
}

.ui-dialog.overviewMenu {
    width: auto;
}

.ui-dialog.overviewMenu .ui-dialog-content {
    padding: 0;
}

.ui-confirm-dialog .dialogContent span.cancelWarning {
    width: 438px;
}

.ui-widget-overlay {
    background: #000 none;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
}

/*----- FOUC Handler -----*/
.js .ui-datatable,
.js .ui-dialog,
.js #waitingModal,
.js #waitSpinner,
.js #confirmModal,
.js #pageWrap {
    display: none;
}
/*----- End FOUC Handler -----*/

.ui-state-default.ui-button.right-buffer {
    margin-right: 25px;
}

#viewBillSummaryContentDiv table .ui-datagrid-data {
    border: none;
}

.download-pdf-img:before {
    content: "";
    display: block;
    background: url("/ebill/faces/javax.faces.resource/images/File-pdf-MH.svg") no-repeat 0 0;
    width: 20px;
    height: 20px;
    float: left;
    margin: 0 6px 0 0;
}

.download-pdf-img-disabled:before {
    content: "";
    display: block;
    background: url("/ebill/faces/javax.faces.resource/images/File-pdf-Disabled.svg") no-repeat 0 0;
    width: 20px;
    height: 20px;
    float: left;
    margin: 0 6px 0 0;
}

.download-excel-img:before {
    content: "";
    display: block;
    background: url("/ebill/faces/javax.faces.resource/images/File-excel-MH.svg") no-repeat 0 0;
    width: 20px;
    height: 20px;
    float: left;
    margin: 0 6px 0 0;
}