body,
label {
    font-size: 18px;
}

    body h1 {
        font-weight: bold;
        text-align: center;
    }

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Gotham SSm A", "Gotham SSm B", Verdana, sans-serif;
    font-weight: normal;
    font-style: normal;
    color: inherit;
    text-rendering: optimizeLegibility;
    margin-top: 0;
    margin-bottom: 0.5rem;
    line-height: 1.4;
}

label {
}


.row {
    max-width: 70.66667rem;
    margin-left: auto;
    margin-right: auto;
}

    .row::before, .row::after {
        content: ' ';
        display: table;
    }

    .row::after {
        clear: both;
    }

    .row.collapse > .column, .row.collapse > .columns {
        padding-left: 0;
        padding-right: 0;
    }

    .row .row {
        max-width: none;
        margin-left: -0.55556rem;
        margin-right: -0.55556rem;
    }

@media screen and (min-width: 40em) {
    .row .row {
        margin-left: -0.83333rem;
        margin-right: -0.83333rem;
    }
}

.row .row.collapse {
    margin-left: 0;
    margin-right: 0;
}

.row.expanded {
    max-width: none;
}

    .row.expanded .row {
        margin-left: auto;
        margin-right: auto;
    }

/*.column, .columns {
    width: 100%;
    float: left;
    padding-left: 0.55556rem;
    padding-right: 0.55556rem;
}*/

@media screen and (min-width: 40em) {
    .column, .columns {
        padding-left: 0.83333rem;
        padding-right: 0.83333rem;
    }
}

.column.row.row, .row.row.columns {
    float: none;
}

.row .column.row.row, .row .row.row.columns {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
}


body {
}

.header {
    margin-bottom: 1rem;
    padding:1rem 0;
    background-color:#2a4762;
}

.umu-topbar {
    position: relative;
    height: 1.72222rem;
    background-color: #222;
    color: #fff;
    vertical-align: middle;
    padding-top: 0.11111rem;
}

    .umu-topbar a {
        color: #fff;
    }

    /*.umu-topbar a:before {
    background: transparent url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2218%22%20viewBox%3D%220%200%2012%2018%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M6.4%209.3c.1-.1.2-.1.4-.2%203.1-1.4%204.9-2.8%204.9-3.7%200-1-1.1-2.9-2.2-3.7-.1%200-.2.2-.2.2s.8%201.1.6%201.4c-.2.3-1.5-.1-1.9-.4-.5-.2-1-1.3-1.3-1.8-.3-.4-.8-.8-.9-.8-.1%200-.2.1-.1.2.3.3%201%201.4.7%201.9-.3.5-1.4.6-1.9.2-.5-.4-1-2-1.1-2.1%200-.1-.3%200-.3.1%200%20.2.2%201.1-.2%201.4-.4.3-1.3-.1-1.8-.4-.1%200-.3.2-.2.2.1.1%201%201%201%201.2%200%20.2-.6.4-1.6.6-.1%200-.1.3%200%20.3.9.1%201%20.3%201.1.5.1.2%200%20.4-.6%201.5%200%20.1.3.2.3.1C4%202.7%208.7%204.1%209.7%204.5c1.1.4.9%201%20.7%201.2-.6.7-3.1%202.2-3.6%202.4-.5.2-.7.2-1-.1-.4-.4-.6-1.4-.6-1.5V5.3c0-.1-.3-.1-.3%200s-.2.8-.3%201c0%20.1-.2.2-.3.2-.1-.1-1.3-.4-1.4-.5-.1%200-.2.2-.1.3.1.1%201.2.8%201.5%201%20.2.2.4.6.5%201.1%200%20.2%200%20.4-.3.5-.3%200-1.6-.4-1.8-.5-.3-.1-.5-.8-.6-.9%200-.1-.3-.1-.3.1v.8c-.2.2-.6.4-1.3.5-.1%200-.1.3%200%20.3.6%200%20.8.3.8.4%200%20.2%200%20.2-.3%201-.1.2.2.2.3.2.9-1%201.6-1.3%202.9-1.2.3%200%20.4%200%20.3.2-.4.5-1.4%201.8-3.9%204.2-.2.2-.2.5-.1.7%200%20.1.7%201%20.8%201.1%200%20.1.1.1.2.1%202.2-.9%203.6-1.3%203.6-1.3%201.2%202.1%202.2%203.4%203%203.2.8-.2%201.1-1.4%201.1-1.4s.6.9%201.5%201.2c.1%200%20.1%200%20.1-.1v-6.3H8.3c-.1%200-.2%200-.2-.1-1.9-1.4-2.2-1.6-1.7-1.8zM5%2012.2c-.3.1-.6-.1-.6-.3-.1-.2.1-.5.4-.6.3-.1.6.1.6.3.1.3-.1.5-.4.6z%22%2F%3E%3C%2Fsvg%3E") no-repeat 50% 50%;
    content: "\00a0\00a0\00a0";
    height: 22px;
    width: 12px;
}*/

    .umu-topbar button {
        padding-top: 0.11111rem;
    }

.umu-topbanner {
    padding-top: .61111rem;
    vertical-align: middle;
    text-align: center;
}

.maincontent {
    margin-top: 1rem;
    margin-bottom: 1rem;
    min-height: 400px;
}

.password {
    text-align: center;
    width: 170px;
    margin-left: 20px;
    margin-top: 20px;
    margin-bottom: 10px;
}

footer {
    background-color: #222;
    color: white;
    margin-top: 3.333333rem;
    padding: 1rem;
    min-height: 60px;
}

    footer .row p {
        margin: 0;
    }

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 350px;
}

#loading-div-background {
    /*margin-top: 10px;*/
}

.loader {
    border: 6px solid #f3f3f3; /* Light grey */
    border-top: 6px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 35px;
    height: 35px;
    animation: spin 2s linear infinite;
    display: inline-block
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* .header {
    font-weight: bold;
    font-size: 18px;
} */

.cert.card {
    margin-bottom: 20px;
}

    .cert.card .card-divider {
        font-weight: bold;
        padding: 0.25rem;
    }

    .cert.card .card-section {
        padding: 0.25rem;
    }


.cert .serialnumber {
    word-break: break-all;
}

.link {
    margin-top: 10px;
    margin-bottom: 10px;
}

.backlink {
    margin-top: 25px;
    margin-bottom: 10px;
}

.btn-primary, .maincontent .btn-primary{
    background-color:#2a4765;
    color:#fff!important;
    font-weight: bold;
    cursor: pointer;
    padding:1rem;
}

.btn-primary:hover{
    background-color:#335575;
}