@import '../../style';

@mixin flex() {
    display: flex;
    flex-direction: column;
    flex: 1 1 1e-09px;
}

::ng-deep {

    nb-card,
    nb-card-body {
        @include flex();
    }

    nb-stepper {
        @include flex();

        .step-content {
            @include flex();
        }
    }
}

:host {
    height: 600px;
    display: flex;
}

button {
    cursor: pointer;
    margin: 0.5rem;
}

.info {
    margin-bottom: 2rem;
    max-width: 980px;
    white-space: pre-wrap;
}

.linear-mode-button {
    margin-bottom: 1rem;
}

.form-control {
    margin: 0 1rem 0.1rem 1rem;
    width: 20rem;

    ::ng-deep {
        input:disabled {
            color: nb-theme(input-text-color) !important;
        }
    }
}

.registration-form-label {
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 2rem;
}

.registration-form {

    height: 260px;
    width: 450px;

    ::ng-deep {
        nb-spinner {
            background-color: transparent;
        }
    }

    iframe {
        height: 100%;
        width: 100%;
        overflow: hidden;
        border: none;
    }

}

//TODO: remove when "select" component will be ready
.registration-field {
    label {
        display: block;
        padding: 0.375rem 0 0.375rem 1rem;
        font-weight: 600;
    }

    nb-select {
        margin: 0 1rem 0 1rem;
    }
}

.pad-top {
    padding-top: 1.7rem;
}