html {
    position: relative;
    min-height: 100%;
}

body {
    background: #f2f6f8;
}

a {
    color: #033b5a;
}

.topspace {
    margin-top:14px;
}

.bottomLead {
    margin-bottom:10px;
}

.bottomLine {
    padding-bottom:14px;
    border-bottom:solid 1px #ccc;
}

input.light {
    border: 2px solid #033b5a;
}

.page-header {
    background-color: #033b5a;
    border-bottom: 2px solid #023048;
}

.page-header-logo .logo {
    width: 200px;
    height: auto;
    padding-top: 20px;
    padding-bottom: 5px;
}

.page-content {
    padding: 10px 0px;
    margin-bottom: 99px;
}

.panel-content {
    font-size: 12pt;
}

.page-header-title {
    font-size: 24px;
    vertical-align: bottom;
    display: inline-block;
    width: 60%;
}

.page-header-title ul {
    list-style-type: none;
    text-align: center;
    padding-left: 0;
    margin: 34px 0px 0px 0px;
}

.page-header-title li {
    display: inline;
    padding: 5px;
}
.page-header-title li.active {
    border-bottom: 2px white solid;
}

.page-header-title li:hover {
    border-bottom: 2px #023048 solid;
}

.page-header-title a {
    color: white;
    padding: 10px;
    font-weight: normal;
    text-shadow: 0px 2px 0px #023048;
}

.page-footer {
    position: absolute;
    bottom: 0;
    height: 99px;
    background-color: #033b5a;
    border-top: 1px solid #023048;
    text-shadow: 0px 2px 0px #023048;
}

table.dataTable thead th, table.dataTable thead td {
    border-bottom: 1px solid gainsboro !important;
}

table.dataTable tbody td:not(.dataTables_empty):hover {
    cursor: pointer;
}

table.dataTable.no-footer {
    border-bottom: 1px solid gainsboro !important;
}

table.dataTables_wrapper .dataTables_info {
    padding-left: 10px;
}

#signin-content {
    text-align: center;
    padding: 100px;
    height: 430px;
}

#auth-code-dialog {
    text-align: center;
}

#auth-code-dialog span.fa-key {
    color: gray;
}

#auth-code-input {
    width: 120px;
}

div[aria-describedby='auth-code-dialog'] .ui-dialog-buttonpane {
    text-align: center;
}

div[aria-describedby='auth-code-dialog'] .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: none;
}

div[aria-describedby='auth-code-dialog'] .ui-dialog-buttonpane .ui-dialog-buttonset button {
    width: 90px;
}

.ui-dialog .ui-dialog-title {
    color: #033b5a;
}

input:focus {
    border-color: #033b5a;
}

#user-menu {
    padding: 20px 100px;
    text-align: center;
}

#user-search-logo, #record-search-logo {
    color: #d5dde6;
    padding-top: 75px;
}

#user-search-title, #record-search-title {
    font-weight: bold;
    font-size: 18pt;
    padding: 25px;
}

#user-search-query, #record-search-query {
    box-shadow: 5px 5px 10px #e0e0e0;
    width: fit-content;
    display: table;
    margin-left: auto;
    margin-right: auto;
}

#user-search-box, #record-search-box {
    border: none;
    border-radius: 4px 0px 0px 4px;
    width: 270px;
}

#user-search-box + a, #record-search-box + a {
    padding: 11px;
    background: white;
    border-radius: 0px 4px 4px 0px;
}

#user-search-button, #record-search-button {
    color: white;
    background: #033b5a;
    border: none;
    width: 250px;
    height: 43px;
    font-size: 14pt;
    border-radius: 5px;
    margin: 35px;
    cursor: pointer;
}

#get-user-settings {
    font-size: 14px;
    margin: 20px;
}

#profile-tab {
    display:flex;
}

#profile-user-settings {
    margin-right: 10px;
    padding: 50px;
    margin-top: 10px;
    font-size: 10pt;
    border: none;
    background: white;
    box-shadow: 5px 5px 20px #e0e0e0;
    padding: 50px;
    margin-bottom: 10px;
    flex: 25% 10% 20%;
}

#profile-user-settings-table {
    
}

#settings-profile-select {
    flex: 0.8;
    flex-grow: 1;
    min-width:125px;
 }

#billers-menu, #payees-menu {
    padding-top: 10px;
    margin-bottom: 10px;
}

#billers-menu a, #payees-menu a {
    margin: 8px 10px;
    border: 1px solid white;
    border-radius: 2px;
    padding: 5px 10px;
    color: #5ea3cd;
    float: right;
    background: transparent;
}

#billers-menu a:hover, #payees-menu a:hover{
    background-color: #5ea3cd;
    color: white;
}

#billers-div {
    width: 37%;
    font-size: 10pt;
    float: left;
    background: white;
    box-shadow: 5px 5px 20px #e0e0e0;
}

#biller-div {
    float: right;
    width: 62%;
    background: white;
    box-shadow: 5px 5px 20px #e0e0e0;
}

#biller-actions {
    font-size: 12pt;
    padding: 0px 0px 0px 10px;
}

#biller-actions-menu {
    list-style-type: none;
    position: absolute;
    right: 0px;
    z-index: 1;
    margin: 0px;
    padding: 1px 0px;
    font-size: 10pt;
    width:140px;
}

#biller-actions-menu li a {
    display: block;
    font-size: 11pt;
}

.icon {
    width: 30px;
    text-align: center;
    display: inline-block;
}

p {
    font-size: 10pt;
}

caption {
    font-size: 14px;
    font-weight: bolder;
    padding-top: 10px;
    padding-bottom: 5px;
}

table.details td {
    padding: 3px !important;
}

table.details {
    font-size: 12pt;
    border: none;
    background: white;
    box-shadow: 5px 5px 20px #e0e0e0;
    padding: 50px;
    margin-bottom: 10px;
}

table.details th {
    padding: 0px !important;
    text-align: left;
}

.settings-details td {
    padding: 3px !important;
}

.settings-details {
    font-size: 10pt;
    border: none;
    background: white;   
}

.settings-details th {
    padding: 0px !important;
    text-align: left;
}
.biller-header {
    padding: 18px 18px 8px 25px;
}

.biller-header.deleted {
    background: linear-gradient(to right, gainsboro, rgba(255,0,0,0));
}

.biller-title {
    font-size: 18pt;
    font-weight: bold;
}

#billers-filter, #payees-filter {
    display: inline;
}

#billers-filter input, #payees-filter input {
    margin-left: 20px;
    padding: 12px 12px 12px 12px;
    display: inline;
    background: whitesmoke;
    border: none;
}

#billers-filter button, #payees-filter button {
    background: transparent;
    border: none;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    padding: 12px 12px;
    z-index: 2;
    color: grey;
    background: whitesmoke;
}

#billers-filter button:focus, #payees-filter button:focus {
    outline: none;
}

#billers-table {
}

#billers-table thead th {
    white-space: nowrap;
    padding: 10px 10px 10px 5px;
}

#billers-table .even {
    background: #f7f9fa;
}

#billers-table .odd {
    background: #ffffff;
}

#billers-table .even.deleted, #payees-table .even.deleted {
    background: #e5e5e5;
}

#billers-table .odd.deleted, #payees-table .odd.deleted {
    background: gainsboro;
}

#billers-table .selected.deleted, #payees-table .selected.deleted {
    background: silver;
}

#billers-table tbody tr[role]:hover, #payees-table tbody tr[role]:hover {
    background: #89b0be;
}

#billers-table tbody tr.selected, #payees-table tbody tr.selected {
    background: #5ea3cd;
    color: white;
}

#billers-table_paginate, #payees-table_paginate, #receipts-table_paginate, #payment-accounts-table_paginate, #recurring-rules-table_paginate #issues-table_paginate {
    font-size: 9pt;
    padding-bottom: 10px;
}

#billers-table_info, #payees-table_info, #receipts-table_info, #payment-accounts-table_info, #recurring-rules-table_info, #issues-table_info {
    padding-left: 10px;
}

#profile-payment-accounts-div {
    flex: 1;
    margin-top: 10px;
    margin-left: 10px;
    font-size: 10pt;     
}

#profile-billpayprofile {
    margin-bottom: 10px;
    background: white;
    box-shadow: 5px 5px 20px #e0e0e0;
    padding: 50px;
}

.settings-identifiers {
    display: flex;
    flex-direction: column;
    font-size: 10pt;
  
    background: white;
}

#settings-identifers-dob-row {
   
}

.settings-identifers-row {
    display: flex;
}

.settings-identifers-label {
    flex: 0 0 35%;
    font-weight: bold;
    min-width:96px;
    line-height:20px;
    margin-right:12px;
}

.settings-identifers-value {
    flex:0 0 80%;
}

#profile-billpayprofile-values {
    display: flex;
    flex-direction: row;
    margin-top: 10px;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
}

.profile-billpayprofile-values-col {
    flex: 5% 20% 10%;
    font-weight:bold;
}

#payees-div, #receipts-div, #recurring-rules-div {
    width: 50%;
    font-size: 10pt;
    float: left;
    background: white;
    box-shadow: 5px 5px 20px #e0e0e0;
}


#profile-payment-fundingaccounts-div {
    font-size: 10pt;
    margin-bottom: 10px;
    background: white;
    box-shadow: 5px 5px 20px #e0e0e0;
    padding: 50px;
}

#payee-div, #receipt-div, #profile-payment-account-div, #recurring-div {
    float: right;
    width: 49%;
    background: white;
    box-shadow: 5px 5px 20px #e0e0e0;
}

#payees-table, #receipts-table, #profile-payment-accounts-table, #recurring-rules-table {
    width: 100%;
}

#payees-table thead th, #receipts-table thead th, #payment-accounts-table thead th, #recurring-rules-table thead th {
    white-space: nowrap;
    padding: 10px 10px 10px 5px;
}

#payees-table .even, #receipts-table .even, #payment-accounts-table .even, #recurring-rules-table .even {
    background: #f7f9fa;
}

#payees-table .odd, #receipts-table .odd, #payment-accounts-table .odd, #recurring-rules-table .odd {
    background: #ffffff;
}

#payees-table tbody tr[role]:hover, #receipts-table tbody tr[role]:hover, #payment-accounts-table tbody tr[role]:hover, #recurring-rules-table tbody tr[role]:hover {
    background: #89b0be;
}

#payees-table tbody tr.selected, #receipts-table tbody tr.selected, #payment-accounts-table tbody tr.selected, #recurring-rules-table tbody tr.selected {
    background: #5ea3cd;
    color: white;
}

#payees-table_filter, #receipts-table_filter, #payment-accounts-table_filter, #recurring-rules-table_filter {
    padding-top: 10px;
}

#payee-details-div, #receipt-details-div, #profile-payment-account-details-div, #recurring-details-div {
    font-size: 10pt;
    float: left;
    padding-left: 25px;
    padding-bottom: 25px;
}

#payee-details-table, #receipt-details-table, #payment-account-details-table, #recurring-details-table {
    border-style: none;
}

#payee-details-table tbody th, #receipt-details-table tbody th, #payment-account-details-table tbody th, #recurring-details-table tbody th {
    white-space: nowrap;
    text-align: left;
}

#payee-details-table tbody th[colspan], #receipt-details-table tbody th[colspan], #payment-account-details-table tbody th[colspan], #recurring-details-table tbody th[colspan] {
    padding-top: 20px;
    font-size: 14pt;
    border-bottom: 1px gainsboro solid;
}

#receipt-detail-biller-section {
    border-style: none;
    margin-top: 20px;
}

#receipt-detail-status, #receipt-detail-extended-status-div, #receipt-detail-extended-status {
    display: inline;
}

#receipt-detail-account-type, #receipt-detail-account-subtype, #payment-account-detail-type, #payment-account-detail-subtype {
    display: inline;
}

#payee-detail-city, #payee-detail-state, #payee-detail-zip-code, #receipt-detail-account-city, #receipt-detail-account-state, #receipt-detail-account-zip-code, #payment-account-detail-city, #payment-account-detail-state, #payment-account-detail-zip-code {
    display: inline;
}

#payee-actions, #receipt-actions, #payment-account-actions {
    font-size: 12pt;
    padding: 0px 0px 0px 10px;
}

#payee-actions-menu, #receipt-actions-menu, #payment-account-actions-menu {
    list-style-type: none;
    position: absolute;
    right: 0px;
    z-index: 1;
    margin: 0px;
    padding: 1px 0px;
    font-size: 10pt;
    width: 140px;
}

#payee-actions-menu li a, #receipt-actions-menu li a, #payment-account-actions-menu li a {
    display: block;
    font-size: 11pt;
}

.glossary {
    font-size: 12px;
}

.glossary-hover {
    color: silver;
}

.billers-table-name {
    max-width: 100px;
    text-overflow: ellipsis;
    overflow: hidden;
}

#biller-proofs-div {
    float: right;
    font-size: 12px;
    padding-top: 10px;
    margin-right: 18px;
    width: 39%;
    background: #f7f9fa;
}

#biller-details-div {
    font-size: 10pt;
    float: left;
    width: 50%;
    padding-left: 25px;
}

@media screen and (max-width: 1200px) {
    #biller-details-div {
        width: 100%;
    }

    #biller-proofs-div {
        width: 100%;
        float: left;
    }
}

#biller-proofs-table th {
    text-align: left;
    padding-left: 20px;
}

#biller-proofs-table thead {
    display: none;
}

#biller-proofs-table tbody tr {
    background-color: #f7f9fa !important;
}

#biller-proofs-table {
    border-bottom: none !important;
    padding-bottom: 10px
}

#biller-proofs-div .proof-missing {
    color: orange;
}

#biller-proofs-div .proof-valid {
    color: green;
}

#biller-proofs-div .proof-unverified {
    color: yellowgreen;
}

#biller-proofs-div .proof-invalid {
    color: crimson;
}

#biller-details-table {
    border-style: none;
    padding-top: 20px;
    border: none !important;
}

#biller-details-table thead {
    display: none;
}

#biller-details-table tbody th {
    white-space: nowrap;
    text-align: left;
}

#biller-details-table tbody tr {
    background: white !important;
}

#biller-accounts-div {
    width: 100%;
    float: left;
    padding-top: 10px;
    padding-bottom: 20px;
}

#biller-accounts-table {
    font-size: 12px;
}

#biller-accounts-table tr.parent td.control:before {
    background-color: forestgreen;
}

#biller-accounts-table tr td.control:before {
    height: 10px;
    width: 10px;
    margin-top: -6px;
    line-height: 12px;
    background-color: #033b5a;
}

#biller-accounts-table > tbody > tr.child span.dtr-title {
    min-width: 100px;
    margin-left: 25px;
}

#biller-accounts-table tbody tr {
    background-color: #f7f9fa !important;
}

#biller-accounts-table > * > tr > *:nth-of-type(1) {
    padding-left: 25px;
}

#biller-accounts-table > * > tr > *:last-of-type {
    padding-right: 25px;
}

#biller-history-div {
    width: 100%;
    float: left;
    font-size: 12px;
    padding-top: 20px;
    padding-bottom: 20px;
}

table[id^='biller'][id$='-history'] tbody tr {
    background-color: #f7f9fa !important;
}

#biller-history-div .dataTable > * > tr > *:nth-of-type(1) {
    padding-left: 25px;
}

#biller-history-div .dataTable > * > tr > *:last-of-type {
    padding-right: 25px;
}

#biller-documents-div {
    width: 100%;
    float: left;
    font-size: 12px;
    padding-top: 20px;
    padding-bottom: 20px;
}

table[id^='biller'][id$='-documents'] tbody tr {
    background-color: #f7f9fa !important;
}

#biller-documents-div .dataTable > * > tr > *:nth-of-type(1) {
    padding-left: 25px;
}

#biller-documents-div .dataTable > * > tr > *:last-of-type {
    padding-right: 25px;
}

#signin-form fieldset {
    padding: 50px;
    border: 1px solid gainsboro;
    border-top: 10px solid #033b5a;
    display: inline;
    box-shadow: 5px 5px 20px #e0e0e0;
    background: white;
}

#agent-id {
    margin-top: 20px;
    margin-bottom: 20px;
    border: gainsboro solid;
}

#agent-pwd {
    margin-bottom: 80px;
    border: gainsboro solid;
}

#signin-agent-button {
    padding: 10px 85px;
    color: white;
    background: #033b5a;
    border: none;
    font-size: 14pt;
    border-radius: 5px;
    cursor: pointer;
}

#signin-break {
    width: 400px;
    margin-top: 50px;
    margin-bottom: 25px;
}

#resetpwd-content {
    text-align: center;
    padding: 100px;
    height: 630px;
}

#resetpwd-agent-id {
    text-align: left;
    margin-bottom: 20px;
    border: gainsboro solid;
}

#resetpwd-agent-pwd {
    text-align: left;
    margin-bottom: 30px;
    border: gainsboro solid;
}

#resetpwd-agent-new-pwd {
    text-align: left;
    margin-bottom: 20px;
    border: gainsboro solid;
}

#resetpwd-agent-confirm-pwd {
    text-align: left;
    margin-bottom: 50px;
    border: gainsboro solid;
}

#resetpwd-form fieldset {
    padding: 50px;
    border: 1px solid gainsboro;
    border-top: 10px solid #033b5a;
    display: inline;
    box-shadow: 5px 5px 20px #e0e0e0;
    background: white;
}

#resetpwd-agent-button {
    padding: 10px 65px;
    color: white;
    background: #033b5a;
    border: none;
    font-size: 14pt;
    border-radius: 5px;
    cursor: pointer;
}

#resetpwd-break {
    width: 400px;
    margin-top: 50px;
    margin-bottom: 25px;
}

#page-header-agent {
    padding-top: 17px;
    position: relative;
}

#agent-info {
    float: right;
}

#agent-name {
    display: inline-block;
    padding: 0px 0px 0px 6px;
    max-width: 110px;
    overflow: hidden;
    vertical-align: bottom;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#agent-icon {
    padding: 0px 0px 0px 16px;
}

#agent-chevron {
    font-size: 12px;
}

#agent-partner {
    float: right;
    display: inline-block;
    font-size: 14px;
    overflow: hidden;
    max-width: 180px;
    text-overflow: ellipsis;
    padding-right: 20px;
}

#agent-menu {
    list-style-type: none;
    position: absolute;
    right: 0px;
    z-index: 1;
    margin: 0px;
    padding: 1px 0px;
    font-size: 14pt;
    background: snow;
    white-space: nowrap;
}

#agent-menu .ui-state-active {
    background-color: transparent !important;
    border: 0px !important;
    margin: 0px;
}

#agent-menu li {
    width: 100%;
    color: slategray;
    font-size: 12px;
    font-weight: normal;
}

#agent-menu li:hover {
    background-color: #f0f0f0 !important;
}

#agent-menu li a {
    display: block;
    color: darkslategray !important;
    font-weight: bold;
}

#signout-agent {
    border-top: 1px gainsboro solid;
}

#support-user-id {
    width: 280px;
}

.button {
    margin: 4px;
    padding: 4px;
    background-color: #b8d0db;
}

.button:hover {
    background-color: #89b0be;
}

#loading {
    display: inline-block;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    background-color:#033b5a !important;
    border: 1px solid #023048 !important;
}

.ui-tabs-vertical {
    min-width: 750px;
    max-width: 1350px;
    min-height: 600px;
}

#user-search-table {
    font-size: 14px;
}

#user-tabs {
    margin-left: auto;
    margin-right: auto;
    border: none;
    background: transparent;
    max-width: 1600px;
}

#user-tabs .ui-widget-header {
    top: 5px;
    bottom: 5px;
    background: #ffffff;
    border: none;
    box-shadow: 5px 5px 20px #e0e0e0;
}

#user-tabs .ui-tabs-nav {
    padding: 0px;
}

#user-tabs .ui-tabs-nav .ui-state-default {
    background: transparent;
    border: none;
}

#user-tabs .ui-tabs-nav .ui-state-active {
    background: #f0f6fa !important;
    border: none !important;
    border-bottom: 4px solid #5ea3cd !important;
}

#user-tabs .ui-tabs-nav .ui-state-active a {
    color: #5ea3cd;
}

#user-tabs .ui-tabs-nav .ui-tabs-anchor {
    padding: 0.5em 2em;
}

#user-tabs .ui-tabs-nav .ui-state-hover {
    background: #f0f6fa;
}

#user-tabs .ui-tabs-panel {
    padding: 10px 0px;
}

.ui-tabs-vertical .ui-tabs-nav { padding: 10px 0px 10px 10px !important; float: left; width: 130px; }
.ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; }
.ui-tabs-vertical .ui-tabs-nav li a { display:block; text-align:right; }
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; }
.ui-tabs-vertical .ui-tabs-panel { padding: 10px !important; margin-left: 150px;}
.ui-tabs-hide { display: none !important; }

.ui-state-focus { outline: none; }
.ui-state-focus a { outline: none; }

.ui-dialog[aria-describedby='error-dialog'] .ui-dialog-title {
    color: darkred !important;
}

.ui-dialog .ui-dialog-title {
    font-size: 24px;
}

.ui-dialog .ui-dialog-content p {
    font-size: 16px;
}

.ui-widget {
    font-family: "PT Sans" !important;
}

.ui-widget input {
    font-size: 16px !important;
}
.ui-widget .ui-widget {
    font-size: 16px !important;
}

#record-div {
    font-size: 10pt;
    margin: 50px auto;
    text-align: left;
    width: 700px;
    background-color: #FFFFFF;
    box-shadow: 0 0 10px 1px rgba(4,4,4,0.15);
    border-radius: 4px;
}

#record-header-div {
    padding: 25px 30px;
}

#record-logo-div {
    float: left;
    margin-right: 20px;
    margin-top: 5px;
}

#record-status-div {
    float: right;
}

#record-title-url-div {

}

#record-title-div {
    font-size: 12pt;
    font-weight: bold;
}

#record-url-div a {
    color: silver;
    font-weight: normal;
}

#record-urls-div {
    margin: 0px 30px;
}

#record-urls-div a {
    font-weight: normal;
    margin-right: 40px;
}

#record-payment-types-div {
    margin: 25px 30px;
}

#record-div img.payment-option {
    height: 32px;
    width: 51px;
}

#record-health-div {
    border-top: 1px solid gainsboro;
    border-bottom: 1px solid gainsboro;
}

#record-health-div table {
    width: 650px;
    margin-left: 50px;
    border-collapse: collapse;
}

#record-health-div table tr {
    height: 50px;
}

#record-health-div table tbody tr {
    border-top: 1px solid gainsboro;
}

#record-footer-div {
    padding: 25px;
    text-align: center;
    color: gray;
}

#search-div {
    text-align: center;
    margin-top: 25px;
}

#search-results-div {
    width: 80%;
    font-size: 14px;
    margin: auto;
}

#search-results-table tbody td a {
    font-weight: normal;
}

#search-results-table tbody td:last-child {
    min-width:80px;
}

#add-biller-search-div {
    text-align: center;
}

#add-biller-search-results-div {
    width: 95%;
    font-size: 14px;
    position: absolute;
}

#add-biller-review-div {
    font-size: 14px;
    margin-left: auto;
    margin-right: auto;
    width: 60%;
    overflow: hidden;
}

.supporttreeitem {
    margin: 10px;
    font-size: 16px;
    padding: 10px;
    border: 10px #e5ebee solid;
}

.supporttreeitem .description {
    margin-bottom: 10px;
}

.supporttreeitemtypetextinput {
    display: block;
    width: 100%;
}

.supporttreeitemmessage {
    width: 100%;
}

#issues-div {
    width: 30%;
    font-size: 10pt;
    float: left;
    min-height: 500px;
    margin: 0;
    background: white;
    box-shadow: 5px 5px 20px #e0e0e0;
}

.issues-table-priority {
    padding: 0 !important;
    padding-left: 10px !important;
}

.issues-table-record {
    max-width: 100px;
    text-overflow: ellipsis;
    overflow: hidden;
}

#issue-div {
    float: right;
    width: 69%;
    font-size: 10pt;
    background: white;
    box-shadow: 5px 5px 20px #e0e0e0;
}

#issue-header {
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 20px;
}

#issue-title {
    font-size: 14pt;
    font-weight: bold;
    display: inline-block;
}

#issue-actions {
    float: right;
}

#issue-actions-link {
    float: right;
}

#issue-actions-menu {
    float: right;
}

#issue-actions-menu .ui-menu-item  {
    font-size: 14px;
}

#issue-details {
    padding: 10px;
}

#add-issue-message-text {
    width: 50%;
    padding: 20px;
    display: inline-block;
}

.issue-message-content {
    white-space: pre-wrap;
}

.issue-message-support {
    background-color: white;
}

.issue-message-user {
    background-color: whitesmoke !important;
}

div.linechart {
    height: 150px;
    width: 495px;
    display: inline-block;
}

.healthindicators a.zoomoption:hover {
    border-bottom: 3px #033b5a solid;
}

.healthindicators a.zoomoption.selected {
    color: gray;
    border-bottom: 3px silver solid;
}

#charttable {
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

span.S0 {
    color: #EE0000;
    font-size: 20px;
}

span.S1 {
    color: #FF2200;
    font-size: 20px;
}

span.S2 {
    color: #FF4400;
    font-size: 20px;
}

span.S3 {
    color: #FF6600;
    font-size: 20px;
}

span.S4 {
    color: #FF8800;
    font-size: 20px;
}

span.S5 {
    color: #FFAA00;
    font-size: 20px;
}

span.S6 {
    color: #FFCC00;
    font-size: 20px;
}

span.S7 {
    color: #F0F0F0;
    font-size: 20px;
}

.faulting-records-div table thead th {
    padding: 4px !important;
    font-size: 16px;
}

.faulting-records-div {
    text-align: center;
    font-size: 14px;
}

.faulting-records-div .dataTables_wrapper {
    display: inline-block;
}

#popular-records-table {
    margin: 40px auto;
    background-color: #FFFFFF;
    box-shadow: 0 0 10px 1px rgba(4,4,4,0.15);
    padding: 15px;
    border-collapse: collapse;
    width: 700px;
    border-radius: 4px;
}

#popular-records-table thead tr div {
    margin: 10px 20px;
    text-align: left;
}

#popular-records-table tr {
    border-bottom: solid #DFDFDF 1px;
    font-size: 10pt;
}

#popular-records-table img.logo {
    margin: 10px 20px;
    height: 34px;
    width: 51px;
}

#popular-records-table td:nth-of-type(1) {
    width: 91px;
}

#popular-records-table td:last-child {
    width: 120px;
}

div.status-healthy {
    color: #00AA4B;
    background-color: rgba(0,170,75,0.25);
    text-align: center;
    width: 70px;
    margin: auto;
    padding: 5px;
    border-radius: 3px;
    font-size: 10pt;
}

div.status-degraded {
    color: #FFB900;
    background-color: rgba(255,185,0,0.25);
    text-align: center;
    width: 70px;
    margin: auto;
    padding: 5px;
    border-radius: 3px;
    font-size: 10pt;
}

div.status-down {
    color: #FB2F30;
    background-color: rgba(251,47,48,0.25);
    text-align: center;
    width: 70px;
    margin: auto;
    padding: 5px;
    border-radius: 3px;
    font-size: 10pt;
}

#popular-records-updated {
    color: gray;
    width: 100%;
    margin: 30px auto;
    font-size: 10pt;
    text-align: center;
}

span.product-disabled-background {
    color: rgba(128,128,128,0.25);
}

span.product-disabled {
    color: rgba(128,128,128,1);
}

span.product-down-background {
    color: rgba(251,47,48,0.25);
}

span.product-down {
    color: rgba(251,47,48,1);
}

span.product-healthy-background {
    color: rgba(0,170,75,0.25);
}

span.product-healthy {
    color: #00AA4B;
}

span.product-degraded-background {
    color: rgba(255,185,0,0.25);
}

span.product-degraded {
    color: #FFB900;
}

/* Issues Page */
#all-issues-div {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    font-size: 14px;
}

#all-issues-table {
}

/* Logs Page */

#all-logs-div {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    font-size: 14px;
}

#options-div {
    width: 1500px;
    margin-left: auto;
    margin-right: auto;
}

#all-logs-table td.monospace {
    font-family: monospace;
}

#all-logs-table tbody tr:hover {
    cursor: pointer;
}

#log-div {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    font-size: 14px;
    min-width: 1000px;
    max-width: 1000px;
}

#log-div table {
    border: 1px solid silver;
    padding: 10px;
    width: 100%;
}

#log-div table caption {
    text-align: left;
    padding-left: 50px;
    padding-top: 20px;
}

#log-div table pre {
    font-size: 12px;
    white-space: pre-wrap;
}

#log-logs-table textarea {
    min-width: 970px;
    max-width: 1970px;
    min-height: 300px;
    border: 0px;
    padding: 0px;
    font-size: 12px;
}

#log-summary-table tbody th {
    text-align: left;
    width: 100px;
    min-width: 100px;
}

#all-logs-div select {
    padding: 1px;
}

#search-date-div, #filter-result-div, #filter-method-div, #search-options-div, #search-fields-div, #search-button-div, #filter-text-div {
    float: left;
    padding: 10px;
}

#filter-result-div {
    padding-left: 50px;
}

#search-user-div {
    float: left;
}

#search-biller-div, #search-payee-div, #search-receipt-div, #search-account-div {
    float: left;
    padding-left: 10px;
}

#search-partner-id, #search-user-id, #search-biller-id, #search-payee-id, #search-receipt-id, #search-account-id {
    font-family: monospace;
}

#search-button-div:hover {
    cursor: pointer;
}

.jsonKey {
    color: navy;
}

.jsonString {
    color: green;
}

.jsonBoolean {
    color: blue;
}

.jsonNull {
    color: magenta;
}

.jsonNumber {
    color: darkorange;
}

#ui-datepicker-div {
    font-size: 12px;
}

.fa-lock {
    color: silver;
}

.faulting-records-table .fa-lock {
    color: black;
}

.fa-clipboard {
    color: silver;
}

.fa-clipboard:hover {
    cursor: copy;
}

#event-webhooks-table th {
    text-align: left;
    vertical-align: top;
}

.event-webhook-attempts-table {
    width: auto !important;
    border: 1px solid gainsboro !important;
}

.event-webhook-attempts-table th, .event-webhook-attempts-table td {
    padding: 0px 10px;
}

.event-webhook-attempts-table td:nth-of-type(1) {
    text-align: center;
}
#profile-payment-accounts-table_filter {
    padding-top: 9px;
}