body {
}

header{
    margin:20px 20px 0 20px;
}

.center {
    margin: auto;
}

.bold{
    font-weight:bold;
}

.underline {
    text-decoration: underline;
}

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

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

.margin-right-10 {
    margin-right: 10px;
}

.display-inline-block{
    display:inline-block;
}

.green {
    color: green;
}

.red {
    color: red;
}

.big-icon{
    font-size:60px;
}

.A5-active .A5, .A6-active .A6, .A7-active .A7, .A8-active .A8,
.B13-active .B13, .B14-active .B14, .B15-active .B15, .B16-active .B16 {
    color: red;
    background: rgba(255,0,0,0.2)
}

    .A5-active .A5 a, .A6-active .A6 a, .A7-active .A7 a, .A8-active .A8 a,
    .B13-active .B13 a, .B14-active .B14 a, .B15-active .B15 a, .B16-active .B16 a {
        color: red;
    }

.display-grid-4 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    width: 180px;
    text-align: center;
    
}

    .display-grid-4 .btn{
        margin:5px;
        width:50px
    }

    .background-light {
        background-color: #0d6efd;
        opacity: 0.65;
    }

@media print {
    .no-print{
        display:none;
    }

    .A5-active .A5, .A6-active .A6, .A7-active .A7, .A8-active .A8,
    .B13-active .B13, .B14-active .B14, .B15-active .B15, .B16-active .B16,
    .A5-active .A5 a, .A6-active .A6 a, .A7-active .A7 a, .A8-active .A8 a,
    .B13-active .B13 a, .B14-active .B14 a, .B15-active .B15 a, .B16-active .B16 a {
        color: black;
        background: rgb(255,255,255)
    }
}