.ember-movenium-signature-preview {
    margin-left: 20px;
    height: 60px;
    display: inline;
}

.ember-movenium-signature-dialog {
    backface-visibility: hidden;
    & .ember-modal-dialog {
        width: 480px;
        z-index: 9999;
    }
    & .ember-modal-overlay {
        z-index: 9999;
    }

    @media(max-width: 720px) {
        & .ember-modal-dialog {
            width: 94%;
        }
    }
}

.ember-movenium-signature:hover {
    background-color: $grey;
}

.ember-movenium-signature {
    position: relative;
    margin: 1% 0;
    border: 1px solid $border-light;
    padding: 10px 15px;
    & .ember-movenium-checkmark {
        border-bottom: 3px solid $success-color;
        border-right: 3px solid $success-color;
    }
    &.ember-movenium-signature-success {
        border-color: $accent1-primary;
        background-color: $alert-success-bg;
        color: $alert-success-text;
        &:hover {
            background-color: $alert-success-bg;
        }
    }
}