body {
    font-family: "Helvetica", Helvetica, Arial, serif;
}
.athenz-wrapper {
    width: 100%;
    min-width: 500px;
    min-height: 502px;
    overflow: hidden;
    margin: 0;
    font-family: "Helvetica", Helvetica, Arial, serif;
    -webkit-font-smoothing: antialiased;
    background-color: rgba(231, 232, 231, 1.0);
}
.athenz-wrapper .athenz-body.unrefreshedcerts {
    width: 900px;
    height: auto;
    min-height: 402px;
}
.athenz-wrapper .athenz-body {
    width: 100%;
    min-height: 402px;
    margin: auto;
    background-color:white;
    border-radius: 5px;
}
.athenz-body .logo {
    background-color: rgb(1,36,57);
    height: 45px;
    width: 100%;
    border-radius: 5px;
}
.athenz-body .athenzlogowhite {
    background-color: rgba(255,255,255,0.0);
    height: 26px;
    width: 110px;
    padding: 10px;
}
.athenz-body .hdr {
    background-color: rgba(255, 255, 255, 0.0);
    height: auto;
    width: 440px;
    margin: 20px;
    font-family: "Helvetica-Bold", Helvetica, Arial, serif;
    font-size: 18px;
    color: rgba(48, 48, 48, 1.0);
    text-align: left;
    line-height: 24px;
}
.athenz-body .bt.unrefreshedcerts {
    width: 640px;
}
.athenz-body .bt {
    background-color: rgba(255, 255, 255, 0.0);
    height: auto;
    width: 92%;
    margin: 20px;
    font-size: 14px;
    color: rgba(47, 48, 47, 1.0);
    text-align: left;
    line-height: 18px;
}
.athenz-body table {
    width: 97%;
    margin-left: 20px;
}
.athenz-body td {
    padding: 5px;
    text-align: left;
}
.athenz-body th {
    padding: 5px;
    text-align: left;
    font-weight: bold;
}
.athenz-body div {
    -webkit-text-size-adjust: none;
}
.athenz-body a {
    text-decoration: none;
    color: rgba(54, 151, 242, 1.0);
}
.athenz-body .cv, table#t01 td:nth-child(even) {
    background-color: rgba(255, 255, 255, 0.0);
    height: auto;
    width: 300px;
    margin: 0;
    font-size: 14px;
    color: rgba(48, 48, 48, 1.0);
    text-align: left;
    line-height: 17px;
}
.athenz-body .ch, table#t01 td:nth-child(odd) {
    background-color: rgba(255, 255, 255, 0.0);
    height: auto;
    width: 120px;
    margin: 0;
    opacity: 0.48;
    font-size: 12px;
    color: rgba(47, 48, 47, 1.0);
    text-align: left;
    line-height: 14px;
}
.footer-container .footer {
    background-color: rgba(255, 255, 255, 0.0);
    height: auto;
    width: 92%;
    margin: 15px 0 0 20px;
    font-size: 12px;
    color: rgba(48, 48, 48, 1.0);
    text-align: center;
    line-height: 14px;
    display: inline-block;
}
.athenz-body hr {
    margin: 20px;
    width: 92%;
}
.athenz-wrapper .footer-container {
    text-align: center;
}
.divScroll {
    height: 200px;
    overflow-y: scroll;
    overflow-x: hidden;
}
@media only screen and (max-width: 600px) {
    .footer-container .footer {
        font-size: 8px;
    }
    .athenz-wrapper {
        min-height: 480px;
    }
}