#toast {

    position: fixed;
    bottom: 20px;
    right: 30px;
    padding: 10px;
    width: 320px;
    z-index: 1000;

}

.small_screen td {

    padding-right: max(24px, 5%);
}

tr {

    border-bottom: 1px solid #999999;
}

.info tr {

border-bottom: 0px;

}

.info tr.final-row {

border-bottom: 1px solid #999999;

}

span.heading{

    font-size: 1.2em;
    font-weight: 500;

}


tbody tr {

    background-color: light-dark(white, #262626);
    /* Default background */
    color: light-dark(black, white);
    /* Default text color */
}

tbody tr:hover {

    background-color: light-dark(#fafafa, #3c3c3c);
    /* Hover background */
    color: light-dark(black, white);
    /* Hover text color (can be same or different) */
}

.details span {

    font-weight: 600;
    margin-left: 16px;
    margin-bottom: 8px;


}

.summary_table tr {

    background-color: light-dark(white, #323232);
    /* Default background */
    color: light-dark(black, white);
    /* Default text color */
    border-bottom: 0px;
    
}

.summary_table td {

    padding:4px 4px 4px 4px;

}
.summary_table tr.final-row {

    border-bottom: 1px solid #999999;

}

.skp-card{

    background-color: light-dark(white, #323232);
    /* Default background */
    color: light-dark(black, white);
    /* Default text color */

    
}

.skp-card span.skp-card-title {

    font-size: 1.3em;
    display: block;
    margin-bottom: 6px;

}

.skp-card span.skp-card-details{

    font-size: 0.9em;

}

span.skp_error{

    font-size: 0.8em;
    color: red;

}