/* ---------------------------------------------------------------------------- */
/* ld_checkbox_v1 */
/* ---------------------------------------------------------------------------- */


.ld_checkbox_v1 {
    min-width: 0px !important; /* override stupid bootstrp */
    height: 1.4em;
    width: 1.4em;

    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 2px solid var(--col_ld_checkbox_v1_prime, Yellow);
    border-radius: 2px;
    outline: none;
    background-color: var(--col_ld_checkbox_v1_sec, Grey);
    cursor: pointer;

    opacity: .8;

    transition: 0.3s;
}

.ld_checkbox_v1:checked {
    background-color: var(--col_ld_checkbox_v1_prime, Yellow);
}

.ld_checkbox_v1:checked::before {
    content: '\2713';
    display: block;
    text-align: center;
    color: var(--col_ld_checkbox_v1_sec, Grey);
    font-size: 1.8em;
    position: relative;
    left: -15%;
    top: -55%;
}

.ld_checkbox_v1:active {
    border: 2px solid var(--col_ld_checkbox_v1_sec, Grey);
}

.ld_checkbox_v1:focus {
    outline: none !important; /* override stupid bootstrap */
}

.ld_checkbox_v1:hover {
    opacity: 1;
}