.has_pv {
    border:0.2rem dashed var(--bs-purple);
    padding: 0.3rem;
    position:relative;
    transition: all 0.3s ease-in-out;
}

.has_pv::after{
    content: "Loupe PV";
    display: block;
    position: absolute;
    top: -1.4rem;
    right:-0.2rem;
    width:fit-content;
    background: var(--bs-purple);
    padding: 0.1rem 0.3rem;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    font-size: 0.8rem;
    transition: all 0.3s ease-in-out;
    color:var(--bs-light);
}

.missing_value .has_pv{
    margin-top: 1.2rem;
}

.edit-loupe-pv-btn{
    background: var(--bs-white)!important;
    color: var(--bs-purple)!important;
    border-color : var(--bs-purple)!important;
    font-weight:800;
}

/*CHECKBOX*/
#loupe-pv-offcanvas input[type="checkbox"]{
    width:1rem!important;
    height: 1rem!important;
    padding: 0;
    border-radius: 3px;
    font-size: 0.6rem !important;
    background-color: var(--bs-gray-400);
    outline: none;
    transition: all 0.3s ease;
    /* remove appearance */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin-right:0.5rem;
    box-shadow: none!important;
}

#loupe-pv-offcanvas label.form-check-label {
    position: relative;
    top: -2px;
}

#loupe-pv-offcanvas input[type="checkbox"]:checked {
    background: var(--bs-dark);
}