@import "../components/colors";
@import "../components/mixins";

.stm_lms_register_wrapper {
    padding: 40px 50px;
    background-color: #eef1f7;
    .form-group {
        margin: 0 0 30px;
        label {
            margin: 0 0 7px;
            text-transform: uppercase;
            font-size: 12px;
            font-weight: 600;
            color: #273044;
        }
        .form-control {
            background-color: #fff;
        }
    }
    &__actions {
        display: flex;
        align-items: center;
        label {
            margin-right: 15px;
            color: #273044;
        }
        .btn {
            background-color: $green !important;
            margin-left: auto;
        }
    }
}

@include breakpoint(mobile) {
    .stm_lms_register_wrapper__actions {
        flex-wrap: wrap;
        .btn {
            margin: 15px 0 0 0;
        }
    }
}