html, body {
    position:relative;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    height:100%;
}

.HPanel{
    background-color:lightsteelblue;
    height:64px;
    border-width:0px 0px 1px 0px;
    border-color:gray;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
    padding:4px;
    font-weight:bold;

}

.table {

}

th{
    color:darkgray;
    font-size:10pt;
}

.thselect{
    width:2cm;
}

.certbar{

    display:flex;
    flex-direction:row;
    align-items:center;
    height:40px;
    font-weight:bold;
    border-bottom:1px solid darkgray;
    padding:0px 4px;
}

.imgdownload{

    height:24px;

}

.logo {
}

main {
    padding: 0px 2px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    height:100%;
}

certlist{
    display:block;
    height:100%;
    overflow:auto;
}

.adownload{
    text-align:right;
    padding:0px 16px;
}
.OTable{
    border-width:0px 0px 1px 0px;
    border-style:dotted;
    margin:0px 0px 16px;
}
.OTH{
    text-align:center;
    background-color:gray;
    height:48px;
    color:white;
}

.OTD {
    text-align: center;
    height: 48px;
}


.footer {
    display: flex;
    background-color: aliceblue;
    height: 48px;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
    padding: 0px 16px;
    border-top:1px solid darkgray;
}

.nodata{
    display:flex;
    margin:16px;
    border:1px solid lightgray;
    align-items:center;
    justify-content:center;
    height:160px;
    box-shadow:#a1a1a1a0 0px 0px 8px;
    border-radius:5px;
    background-color:white;
}