.dmt-no-touch {
    ul.dmt-radio-list {
        li {
            &:not(.dmt-radio-disabled) {
                &:hover {
                    > label {
                        color: $light-blue;
                    }

                    .dmt-radio-button {
                        > label {
                            &:before {
                                border: 2px solid $light-blue;
                            }
                        }
                    }
                }
            }
        }
    }
}

ul.dmt-radio-list {
    margin: 0;
    padding: 0;
    list-style: none;

    li {
        @include flexbox-align(row, space-around, center, center);
        font-size: 14px;
        line-height: 20px;
        /* ugly IE fix */
        position: relative;
        overflow: hidden;

        > label {
            white-space: nowrap;
            color: $dark-gray;
            padding: 12px 2px;
            cursor: pointer;
            width: 100%;
        }

        .dmt-radio-button {
            height: 44px;
            min-width: 30px; /* 32px is too much for iPhone 5 */

            > label {
                width: 32px;
                padding: 12px 6px;
            }
        }
    }

    &.dmt-light-bullets {
        .dmt-radio-button {
            > label {
                &:before {
                    border-color: $light-gray;
                }
            }

            input.dmt-disabled {
                + label {
                    &:before {
                        border-color: $dark-gray;
                    }
                }
            }
        }
    }
}

.dmt-radio-button {
    height: 44px;
    position: relative;

    > label {
        position: relative;
        width: 52px;
        display: inline-block;
        height: 44px;
        cursor: pointer;
        padding: 12px 16px;

        &:before {
            @include border-radius(50%);
            position: absolute;
            content: "";
            display: inline-block;

            width: 20px;
            height: 20px;

            border: 2px solid $dark-gray;
        }
    }

    > input[type=radio] {
        /*display: none;*/
        /* ugly IE fix */
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        margin: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        cursor: pointer;
        z-index: 9999;

        &:checked {
            + label {
                &:before {
                    border: 2px solid $light-blue;
                }

                &:after {
                    @include border-radius(50%);
                    position: absolute;
                    content: "";
                    display: inline-block;
                    width: 10px;
                    height: 10px;
                    background-color: $light-blue;
                    margin: 5px;
                }
            }
        }
    }
}

.dmt-error {
    ul.dmt-radio-list {
        .dmt-radio-button {
            > label {
                &:before {
                    //border: 2px solid $light-gray;
                }
            }

            > input[type=radio] {

                &:checked {
                    + label {
                        &:before {
                            //border: 2px solid $light-gray;
                        }
                        &:after {
                            //background-color: $light-gray;
                        }
                    }
                }
            }

            input.dmt-disabled {
                + label {
                    &:before {
                        //border-color: $light-gray;
                    }
                }
            }
        }
    }
}