.prtl-icon-class{
    display: inline-block;
    width: 30px; /* Adjust the width according to your image size */
    height: 30px; /* Adjust the height according to your image size */
    background-image: url('/apx_portal/static/src/img/apx_portal_icon.png');
    background-size: contain;
    background-repeat: no-repeat;
}

.prtlhmtbl {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: white;
    height: 3em;
    padding: 10px;
    border-radius: 0.5em;
    border: 1px solid lightgray;
}

.prtlhmtr{
    background: white;
}

.prtlhmtd{
    border-top: 1px solid lightgray;
    padding: 5px;   
    vertical-align: top;
}

.prtlbtn{
    height: 3em;
    min-width: 16em;
    border: slategray;
    background: gray;
    border-radius: 0.5em;
    align-items: center;
    display: inline-grid;
    padding-inline: 20px;
    text-align: right;
}

.prtlbtncntnr{
    text-align: right;
    width: 100%;
    margin-top: 10px;    
}

.prtlbtn:hover{
    background: darkgray;
    text-decoration: none;
    cursor: pointer;    
}

.prtlbtn a {
    text-decoration: none;
    color: white;
}

.prtlbtn a:hover{
    text-decoration: none;
    cursor: pointer; 
}

.prtlerrbx{
    color: red;
    font-size: 0.8em;
}