body {
    color: #333333;
}

#container {
    margin-left: auto;
    margin-right: auto;
    width: 1400px;
    max-width: 95%;
    background-color: #FFFFFF;
}

#title {
    padding-top: 60px;
    margin-bottom: 60px;
    text-align: center;
    color: #333333;
    /* font-family: Frutiger, 'Fira Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; */
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-size: 48px;
    font-weight: 700;
}

body .ui-datatable .ui-datatable-data>tr {
    color: #333333;
}

.badge-success {
    background-color: #b3e5fc !important;
    color: #23547b !important;
    width: 80px;
    border-radius: 2px !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
}

.badge-failure {
    background-color: #ffd8b2 !important;
    color: #805b36 !important;
    width: 80px;
    border-radius: 2px !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
}

.detail-dialog {
    max-height: 80% !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

.line {
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid Gainsboro;
}

.label {
    width: 20% !important;
    padding: 8px !important;
}

.value {
    width: 80% !important;
    padding: 8px !important;
}

.black-link {
    overflow: hidden;
    text-overflow: ellipsis;
    color: #333333; 
    text-decoration: underline !important;
}

a.black-link:hover {
    color: #333333;
    text-decoration: underline !important;
}  

a.black-link:visited {
    color: #333333; 
    text-decoration: underline !important;
}