/* ########## radioCheckbox (copyright e2see.de) ########## */

.radio,
.checkbox {
    border-radius: 2px;
    height: 16px;
    width: 44px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    transition: all 300ms;
    text-align: right;
    cursor: pointer;
    }

    .radio > input,
    .checkbox > input{
        opacity: 0 !Important;
        display: block !Important;
        width: 100% !Important;
        height: 100% !Important;
        height: 100% !Important;
        }

        .radio::before,
        .checkbox::before {
            content: '';
            display: block;
            position: absolute;
            left: 0;
            top: 50%;
            margin-top:-2px;
            height: 4px;
            width: 100%;
            pointer-events: none;
            border-radius: 8px;
            background: rgba(170,170,170,.5);
            box-shadow: 0px 1px 2px rgba(0,0,0, .3) inset;
            }

            .radio.checked::before,
            .checkbox.checked::before {
                background: rgb(239,133,83);
                }

        .radio::after ,
        .checkbox::after {
            position: absolute;
            left: 2px;
            top: -2px;
            display: block;
            width: 20px;
            height: 20px;
            background: #fff;
            content: '';
            font-size:10px;
            line-height: 20px;
            white-space: nowrap;
            font-family: arial;
            text-shadow: none;
            color: #888;
            text-align: center;
            pointer-events: none;
            border-radius: 50%;
            box-shadow: 0px 1px 3px rgba(0,0,0, .4);
            transition: all 200ms;
            }

                .radio.checked::after ,
                .checkbox.checked::after {
                    left: 22px;
                    }

        .radio[data-checked-text][data-unchecked-text]::after ,
        .checkbox[data-checked-text][data-unchecked-text]::after {
            width: 28px;
            border-radius: 8px;
            content: attr(data-unchecked-text);
            }
        .radio.checked[data-checked-text][data-unchecked-text]::after ,
        .checkbox.checked[data-checked-text][data-unchecked-text]::after {
            left: 14px;
            content: attr(data-checked-text);
            }



/* cdn 0ms */