/* funkyradio.css */
.funkyradio {
    font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont";
    font-size: 13px;
    font-weight: normal;
    line-height: normal;
}

    .funkyradio div {
        clear: both;
        overflow: hidden;
    }

    .funkyradio label {
        width: 100%;
        border-radius: 3px;
        border: 1px solid #D1D3D4;
        font-weight: normal;
        font-size: 0.875rem;
    }

    .funkyradio input[type="radio"]:empty,
    .funkyradio input[type="checkbox"]:empty {
        display: none;
    }

        .funkyradio input[type="radio"]:empty ~ label,
        .funkyradio input[type="checkbox"]:empty ~ label {
            position: relative;
            line-height: 2.5em;
            text-indent: 3.25em;
            /*margin-top: 2em;*/
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

            .funkyradio input[type="radio"]:empty ~ label:before,
            .funkyradio input[type="checkbox"]:empty ~ label:before {
                position: absolute;
                display: block;
                top: 0;
                bottom: 0;
                left: 0;
                content: '';
                width: 2.5em;
                background: #D1D3D4;
                border-radius: 3px 0 0 3px;
            }

    .funkyradio input[type="radio"]:hover:not(:checked) ~ label,
    .funkyradio input[type="checkbox"]:hover:not(:checked) ~ label {
        color: #888;
    }

        .funkyradio input[type="radio"]:hover:not(:checked) ~ label:before,
        .funkyradio input[type="checkbox"]:hover:not(:checked) ~ label:before {
            /*content: '\2714';*/
            content: '\2713';
            color: #2cb716;
            text-indent: .9em;
            font-weight: bold;
        }

    .funkyradio input[type="radio"]:checked ~ label,
    .funkyradio input[type="checkbox"]:checked ~ label {
        color: #000;
        /*font-weight: 500;*/
    }

        .funkyradio input[type="radio"]:checked ~ label:before,
        .funkyradio input[type="checkbox"]:checked ~ label:before {
            /*content: '\2714';*/
            content: '\2713';
            text-indent: .9em;
            color: #fff;
            background-color: #ccc;
            font-weight: bold;
        }

    .funkyradio input[type="radio"]:focus ~ label:before,
    .funkyradio input[type="checkbox"]:focus ~ label:before {
        box-shadow: 0 0 0 3px #999;
    }

.funkyradio-default input[type="radio"]:checked ~ label:before,
.funkyradio-default input[type="checkbox"]:checked ~ label:before {
    color: #333;
    background-color: #ccc;
}

.funkyradio-type-sa input[type="radio"]:checked ~ label:before,
.funkyradio-type-sa input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #2cb716;
}

.funkyradio-type-oa input[type="radio"]:checked ~ label:before,
.funkyradio-type-oa input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #fcbd0d;
}

.funkyradio-type-pa input[type="radio"]:checked ~ label:before,
.funkyradio-type-pa input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #ff7900;
}

.funkyradio-type-ia input[type="radio"]:checked ~ label:before,
.funkyradio-type-ia input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #d02c10;
}

.funkyradio-type-accepted input[type="radio"]:checked ~ label:before,
.funkyradio-type-accepted input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #2cb716;
}

.funkyradio-type-rejected input[type="radio"]:checked ~ label:before,
.funkyradio-type-rejected input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #f63c3a;
}

.funkyradio-primary input[type="radio"]:checked ~ label:before,
.funkyradio-primary input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #0066cc;
}

.funkyradio-success input[type="radio"]:checked ~ label:before,
.funkyradio-success input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #5cb85c;
}

.funkyradio-danger input[type="radio"]:checked ~ label:before,
.funkyradio-danger input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #d9534f;
}

.funkyradio-warning input[type="radio"]:checked ~ label:before,
.funkyradio-warning input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #f0ad4e;
}

.funkyradio-info input[type="radio"]:checked ~ label:before,
.funkyradio-info input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #5bc0de;
}

.funkyradio-delay input[type="radio"]:checked ~ label:before,
.funkyradio-delay input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #2cb716;
}

.funkyradio-reduction input[type="radio"]:checked ~ label:before,
.funkyradio-reduction input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #fcbd0d;
}

.funkyradio-safety input[type="radio"]:checked ~ label:before,
.funkyradio-safety input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #ff7900;
}

.funkyradio-fault input[type="radio"]:checked ~ label:before,
.funkyradio-fault input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #d02c10;
}

.funkyradio-green input[type="radio"]:checked ~ label:before,
.funkyradio-green input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #2cb716;
}