h2{
    margin-top:             10px;
    color:                  var(--colorBlue);
}

#acPrijsalarm_overview{
    margin-top:             10px;
    margin-bottom:          25px;
}

#acPrijsalarm_overview > .row{
    display:                grid;
    grid-template-columns:  max-content auto 70px 70px;
    border-bottom:          1px solid var(--colorMediumGray);
}
    #acPrijsalarm_overview *{
        box-sizing: border-box;
    }

#acPrijsalarm_overview .pa_header{
    font-size:              14px;
    font-weight:            600;
    line-height:            30px;
    text-transform:         uppercase;
}

#acPrijsalarm_overview > .row > .pa_span2{
    grid-column:            1 / 2;
}

#acPrijsalarm_overview > .row > div{
    display:                flex;
    align-self:             center;
    padding:                0px 5px 0px 5px;
}
#acPrijsalarm_overview > .row > div.pa_prodname{
    flex-direction:         column;
}
#acPrijsalarm_overview > .row .pa_prodname > div:nth-child(1){
    line-height:            24px;
}
    #acPrijsalarm_overview > .row .pa_prodname > div:nth-child(1):hover{
        text-decoration:    underline;
    }
#acPrijsalarm_overview > .row .pa_prodname > div:nth-child(2){
    font-size:              14px;
    color:                  var(--colorBlue);
    line-height:            24px;
}

#acPrijsalarm_overview > .row:first-child{
    background-color:       var(--colorGreen);
    color:                  var(--colorWhite);
}

#acPrijsalarm_overview > .row:nth-child(2n+2 of :not(.pa_header)){
    background-color:       rgba(0,0,0,0.05);
}

#acPrijsalarm_overview > .row div.pa_prodimg{
    background-color:       #FFFFFF;
    border-left:            1px solid var(--colorMediumGray);
    border-right:           1px solid var(--colorMediumGray);
    height:                 100%;
    padding:                0px;
}
#acPrijsalarm_overview > .row .pa_prodimg > img{
    max-width:              85px;
    max-height:             85px;
    padding:                5px;
    align-self:             center;
}

#acPrijsalarm_overview > .row .pa_alarm{
    display:                flex;
    cursor:                 pointer;
    height:                 100%;
    justify-content:        center;
    align-items:            center;
    border-left:            1px dotted var(--colorMediumGray);
}
    #acPrijsalarm_overview > .row .pa_alarm:hover{
        filter:             brightness(110%);
        background-color:   var(--colorGreenTrans);
    }

#acPrijsalarm_overview > .row.history *{
    filter:                 grayscale(1);
    opacity:                0.8;
}

#acPrijsalarm_empty{
    margin-top:             10px;
}

#acPrijsalarm_overview > .row .pa_alarmicon{
    width:                  18px;
    height:                 20px;
    overflow:               hidden;
    background-image:       url(/templates/basic/images/prijsalarm.png);
    background-position:    0px 0px;
}
#acPrijsalarm_overview > .row .pa_alarmicon.on{
    width:                  18px;
    height:                 20px;
    overflow:               hidden;
    background-image:       url(/templates/basic/images/prijsalarm.png);
    background-position:    18px 0px;
}


@media screen and (max-width: 600px) {

    #acPrijsalarm_overview > .row > div{
        display:                flex;
        align-self:             center;
        padding:                0px 3px 0px 3px;
    }

    #acPrijsalarm_overview > .row{
        display:                grid;
        grid-template-columns:  max-content auto 35px 35px;
        column-gap:             0px;
    }
    #acPrijsalarm_overview > .row .pa_prodimg > img{
        max-width:              50px;
        max-height:             50px;
    }
    #acPrijsalarm_overview > .row .pa_prodname{
        row-gap: 5px;
    }
    #acPrijsalarm_overview > .row .pa_prodname > div:nth-child(1){
        font-size:              12px;
        line-height:            12px;
    }
    #acPrijsalarm_overview > .row .pa_prodname > div:nth-child(2){
        font-size:              12px;
        line-height:            12px;
    }
}