/* Prijsalarm full */
.global_prijsalarm{
    display:                grid;
    grid-template-columns:  20px auto;
    column-gap:             5px;
    cursor:                 pointer;
}
    .global_prijsalarm .checkboxCell{
        display:                flex;
        position:               relative;
        justify-content:        center;
    }

    .global_prijsalarm .checkboxCell .prijsalarm_img{
        width:                  18px;
        height:                 20px;
        overflow:               hidden;
        background-image:       url('/templates/basic/images/prijsalarm.png');
        background-position:    0px 0px;
    }
    .global_prijsalarm.on .checkboxCell .prijsalarm_img {
        background-position:    18px 0px;
    }

    .global_prijsalarm .prijsalarmLabel{
        color:                  var(--colorDarkGray);
        font-size:              13px;
        line-height:            20px;
    }
    .global_prijsalarm .prijsalarmLabel #prijsalarm_labelshort{
        display:                none;
    }

/* Prijsalarm icon only */
.global_prijsalarm.small{
    grid-template-columns:  20px;
    column-gap:             0px;
}
    .global_prijsalarm.small .prijsalarmLabel{
        display:                none;
    }

/* Prijsalarm popup */
    #ntBodyContainer .ntContainer .ntBody .prijsalarmPopup{
        min-width:              20dvw;
    }
    #ntBodyContainer .ntContainer .ntBody .prijsalarmPopup *{
        user-select:            none;
        -webkit-user-select:    none;
    }

    #ntBodyContainer .ntContainer .ntBody .prijsalarmPopup .prijsalarm_opties{
        display:                inline-grid;
        width:                  max-content;
        grid-template-columns:  max-content auto;
        column-gap:             8px;
        row-gap:                10px;
        margin-top:             10px;
    }
    #ntBodyContainer .ntContainer .ntBody .prijsalarmPopup .prijsalarm_opties *{
        text-align:             left;
        box-sizing:             border-box;
    }
    #ntBodyContainer .ntContainer .ntBody .prijsalarmPopup .prijsalarm_opties input[type="checkbox"]{
        position:               relative;
        top:                    2px;
        scale:                  1.2;
    }
    #ntBodyContainer .ntContainer .ntBody .prijsalarmPopup .prijsalarm_opties .prijsalarm_prijsinput{
        max-width:              70px;
        padding:                0px 3px 0px 3px;
        font-size:              14px;

        position:               relative;
        top:                    -1px;
        font-family:            inherit;
        line-height:            1;
        vertical-align:         middle;
        padding:                2px 4px;
        box-sizing:             border-box;
        appearance:             none;
        border:                 1px solid #ccc;
        background:             white;
    }

    #ntBodyContainer .ntContainer .ntBody .prijsalarmPopup input[type='text']:disabled{
        pointer-events:         none;
        filter:                 grayscale(1);
        opacity:                0.4;
        color:                  var(--colorGray);
    }