.md-checkbox {
        position: relative;
        margin: 1em 0;
        text-align: left;
    }

    .md-checkbox.md-checkbox-inline {
        display: inline-block;
    }

    .md-checkbox label {
        cursor: pointer;
        display: inline;
        line-height: 1.25em;
        vertical-align: top;
        clear: both;
        padding-left: 1px;
    }

        .md-checkbox label:not(:empty) {
            padding-left: 1.75em;
        }

        .md-checkbox label:before, .md-checkbox label:after {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
        }

        .md-checkbox label:before {
            width: 1.25em;
            height: 1.25em;
            background: #fff;
            border: 2px solid rgba(99, 99, 99, 0.33);
            border-radius: 0.125em;
            cursor: pointer;
            transition: background .3s;
        }

    .md-checkbox input[type="checkbox"] {
        outline: 0;
        visibility: hidden;
        width: 1.25em;
        margin: 0;
        display: block;
        float: left;
        font-size: inherit;
    }

        .md-checkbox input[type="checkbox"]:checked + label:before {
            background: #20a8d8;
            border: none;
        }

        .md-checkbox input[type="checkbox"]:checked + label:after {
            transform: translate(0.25em, 0.3365384615em) rotate(-45deg);
            width: 0.75em;
            height: 0.375em;
            border: 0.125em solid #fff;
            border-top-style: none;
            border-right-style: none;
        }

        .md-checkbox input[type="checkbox"]:disabled + label:before {
            border-color: rgba(0, 0, 0, 0.26);
        }

        .md-checkbox input[type="checkbox"]:disabled:checked + label:before {
            background: rgba(0, 0, 0, 0.26);
        }

    .textarea {
        box-sizing: border-box;
        border: none;
        resize: none;
        line-height: 24px;
        overflow: auto;
        height: auto !important;
        padding: 8px;
    }

        .textarea:focus {
            outline: none;
        }

    .option-input {
        border: 0px;
        font-weight: unset;
        color: unset;
        background-color: unset;
        width: auto;
        resize: none;
    }

    .checkbox {
        font-family: "FontAwesome";
        padding-left: 10px;
    }

        .checkbox label {
            display: inline-block;
            vertical-align: middle;
            position: relative;
            padding-left: 5px;
            line-height: 20px;
        }

            .checkbox label::before {
                content: "";
                display: inline-block;
                position: absolute;
                width: 17px;
                height: 17px;
                left: 0;
                margin-left: -20px;
                border: 1px solid #cccccc;
                border-radius: 3px;
                background-color: #fff;
                -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
                -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
                transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
            }

            .checkbox label::after {
                display: inline-block;
                position: absolute;
                width: 16px;
                height: 16px;
                left: 0;
                top: 0;
                margin-left: -20px;
                padding-left: 3px;
                padding-top: 1px;
                font-size: 11px;
                color: #555555;
            }

            .checkbox label span {
                font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
            }

        .checkbox input[type="checkbox"],
        .checkbox input[type="radio"] {
            opacity: 0;
            z-index: 1;
            width: unset;
        }

            .checkbox input[type="checkbox"]:focus + label::before,
            .checkbox input[type="radio"]:focus + label::before {
                outline: thin dotted;
                outline: 5px auto -webkit-focus-ring-color;
                outline-offset: -2px;
            }

            .checkbox input[type="checkbox"]:checked + label::after,
            .checkbox input[type="radio"]:checked + label::after {
                content: "\f00c";
            }

            .checkbox input[type="checkbox"]:disabled + label,
            .checkbox input[type="radio"]:disabled + label {
                opacity: 0.65;
            }

                .checkbox input[type="checkbox"]:disabled + label::before,
                .checkbox input[type="radio"]:disabled + label::before {
                    background-color: #eeeeee;
                    cursor: not-allowed;
                }

        .checkbox.checkbox-circle label::before {
            border-radius: 50%;
        }

        .checkbox.checkbox-inline {
            margin-top: 0;
        }

    .checkbox-primary input[type="checkbox"]:checked + label::before,
    .checkbox-primary input[type="radio"]:checked + label::before {
        background-color: #337ab7;
        border-color: #337ab7;
    }

    .checkbox-primary input[type="checkbox"]:checked + label::after,
    .checkbox-primary input[type="radio"]:checked + label::after {
        color: #fff;
    }

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

    .checkbox-danger input[type="checkbox"]:checked + label::after,
    .checkbox-danger input[type="radio"]:checked + label::after {
        color: #fff;
    }

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

    .checkbox-info input[type="checkbox"]:checked + label::after,
    .checkbox-info input[type="radio"]:checked + label::after {
        color: #fff;
    }

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

    .checkbox-warning input[type="checkbox"]:checked + label::after,
    .checkbox-warning input[type="radio"]:checked + label::after {
        color: #fff;
    }

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

    .checkbox-success input[type="checkbox"]:checked + label::after,
    .checkbox-success input[type="radio"]:checked + label::after {
        color: #fff;
    }

    .checkbox.checkbox-sm label::before {
        width: 30px;
        height: 30px;
        top: -13px;
    }

    .checkbox.checkbox-sm label::after {
        width: 30px;
        height: 30px;
        padding-left: 4px;
        font-size: 20px;
        left: 1px;
        top: -13px;
    }

    .checkbox.checkbox-sm label {
        padding-left: 18px;
        top: 13px;
    }

    .checkbox.checkbox-md label::before {
        width: 34px;
        height: 34px;
        top: -17px;
    }

    .checkbox.checkbox-md label::after {
        width: 34px;
        height: 34px;
        padding-left: 4px;
        font-size: 24px;
        left: 1px;
        top: -18px;
    }

    .checkbox.checkbox-md label {
        padding-left: 22px;
        top: 17px;
    }

    .checkbox.checkbox-lg label::before {
        width: 46px;
        height: 46px;
        top: -28px;
    }

    .checkbox.checkbox-lg label::after {
        width: 46px;
        height: 46px;
        padding-left: 4px;
        font-size: 36px;
        left: 1px;
        top: -31px;
    }

    .checkbox.checkbox-lg label {
        padding-left: 34px;
        top: 32px;
    }

    .radio {
        padding-left: 10px;
    }

        .radio label {
            display: inline-block;
            vertical-align: middle;
            position: relative;
            padding-left: 5px;
        }

            .radio label::before {
                content: "";
                display: inline-block;
                position: absolute;
                width: 17px;
                height: 17px;
                left: 0;
                margin-left: -20px;
                border: 1px solid #cccccc;
                border-radius: 50%;
                background-color: #fff;
                -webkit-transition: border 0.15s ease-in-out;
                -o-transition: border 0.15s ease-in-out;
                transition: border 0.15s ease-in-out;
            }

            .radio label::after {
                display: inline-block;
                position: absolute;
                content: " ";
                width: 11px;
                height: 11px;
                left: 3px;
                top: 3px;
                margin-left: -20px;
                border-radius: 50%;
                background-color: #555555;
                -webkit-transform: scale(0, 0);
                -ms-transform: scale(0, 0);
                -o-transform: scale(0, 0);
                transform: scale(0, 0);
                -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
                -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
                -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
                transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
            }

        .radio input[type="radio"]:focus {
            outline: 0px;
        }

        .radio input[type="radio"] {
            opacity: 0;
            z-index: 1;
            width: unset;
        }

            .radio input[type="radio"]:focus + label::before {
                /*  outline: thin dotted; */
                /*   outline: 5px auto -webkit-focus-ring-color; */
                /*   outline-offset: -2px; */
            }

            .radio input[type="radio"]:checked + label::after {
                -webkit-transform: scale(1, 1);
                -ms-transform: scale(1, 1);
                -o-transform: scale(1, 1);
                transform: scale(1, 1);
            }

            .radio input[type="radio"]:disabled + label {
                opacity: 0.65;
            }

                .radio input[type="radio"]:disabled + label::before {
                    cursor: not-allowed;
                }

        .radio.radio-inline {
            margin-top: 0;
        }

    .radio-primary input[type="radio"] + label::after {
        background-color: #337ab7;
    }

    .radio-primary input[type="radio"]:checked + label::before {
        border-color: #337ab7;
    }

    .radio-primary input[type="radio"]:checked + label::after {
        background-color: #337ab7;
    }

    .radio-danger input[type="radio"] + label::after {
        background-color: #d9534f;
    }

    .radio-danger input[type="radio"]:checked + label::before {
        border-color: #d9534f;
    }

    .radio-danger input[type="radio"]:checked + label::after {
        background-color: #d9534f;
    }

    .radio-info input[type="radio"] + label::after {
        background-color: #5bc0de;
    }

    .radio-info input[type="radio"]:checked + label::before {
        border-color: #5bc0de;
    }

    .radio-info input[type="radio"]:checked + label::after {
        background-color: #5bc0de;
    }

    .radio-warning input[type="radio"] + label::after {
        background-color: #f0ad4e;
    }

    .radio-warning input[type="radio"]:checked + label::before {
        border-color: #f0ad4e;
    }

    .radio-warning input[type="radio"]:checked + label::after {
        background-color: #f0ad4e;
    }

    .radio-success input[type="radio"] + label::after {
        background-color: #5cb85c;
    }

    .radio-success input[type="radio"]:checked + label::before {
        border-color: #5cb85c;
    }

    .radio-success input[type="radio"]:checked + label::after {
        background-color: #5cb85c;
    }

    input[type="checkbox"].styled:checked + label:after,
    input[type="radio"].styled:checked + label:after {
        font-family: "FontAwesome";
        content: "\f00c";
    }

    input[type="checkbox"] .styled:checked + label::before,
    input[type="radio"] .styled:checked + label::before {
        color: #fff;
    }

    input[type="checkbox"] .styled:checked + label::after,
    input[type="radio"] .styled:checked + label::after {
        color: #fff;
    }

    .radio.radio-sm label::before {
        width: 30px;
        height: 30px;
        top: -13px;
    }

    .radio.radio-sm label::after {
        width: 22px;
        height: 22px;
        padding-left: 4px;
        font-size: 20px;
        left: 4px;
        top: -9px;
    }

    .radio.radio-sm label {
        padding-left: 18px;
        top: 13px;
    }

    .radio.radio-md label::before {
        width: 34px;
        height: 34px;
        top: -17px;
    }

    .radio.radio-md label::after {
        width: 26px;
        height: 26px;
        padding-left: 4px;
        font-size: 24px;
        left: 4px;
        top: -13px;
    }

    .radio.radio-md label {
        padding-left: 22px;
        top: 17px;
    }

    .radio.radio-lg label::before {
        width: 46px;
        height: 46px;
        top: -28px;
    }

    .radio.radio-lg label::after {
        width: 36px;
        height: 36px;
        padding-left: 4px;
        font-size: 36px;
        left: 5px;
        top: -23px;
    }

    .radio.radio-lg label {
        padding-left: 34px;
        top: 32px;
    }