.dmt-checkbox-wrapper {
    position: relative;
    display: inline-block;

    .dmt-checkbox {

        > input {
            display: none;
        }

        > .icon {
            cursor: pointer;
            display: inline-block;
            vertical-align: middle;
        }

        .dmt-checkbox-label {
            color: $dark-gray;

            @media screen and (max-width: 480px) {
                font-size: 13px;
            }
        }
    }

    .dmt-field-error {
        position: absolute;
        left: 0;
        bottom: -15px;
        color: #fff;
        font-size: 12px;
        line-height: 14px;
        background: $offline;
        @include border-radius(3px);
        padding: 0 5px;
    }
}

.dmt-no-touch {
    .dmt-checkbox-wrapper {
        .dmt-checkbox {
            .dmt-checkbox-label {
                &:hover{
                    cursor: pointer;
                    color: $light-blue;
                }
            }
        }
    }
}