/*==================================
    signupForm
==================================*/

.signup-form {
    margin-top: 30px;
    margin-bottom: 30px;
}

    .signup-form .form-row {

    }

        .signup-form .form-group {

        }

            .signup-form .form-control {

            }

            .signup-form .form-text {
                padding: 0 30px 0 0;
            }

            .signup-form-link {

            }

    .signup-form-confirm-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .signup-form-confirm-row .form-group {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-flow: row wrap;
            flex-flow: row wrap;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            margin-bottom: 0;
        }

        .signup-form-confirm-area {
            margin-top: 30px;
        }

            .signup-form-check {
                order: 2;
                margin: auto 15px;
            }

            .signup-form-button {
                order: 1;
            }

/*==== End of signupForm ====*/



/*==================================
    Feedback
==================================*/

.signup-form-feedback-section {
    margin-top: 30px;
    margin-bottom: 30px;
}

    .signup-form-feedback {
        margin: 30px auto;
    }

        .signup-form-feedback-wrapper {
            padding: 30px;
            text-align: center;
            background-color: #ececec;
        }

            .signup-form-feedback-icon {
                margin: 15px auto;
                font-size: 4.5rem;
            }

                .signup-form-feedback-icon.success {
                    color: #4CAF50;
                }
                .signup-form-feedback-icon.danger {
                    color: #F44336;
                }

            .signup-form-feedback-title {
        
            }

            .signup-form-feedback-content {
                padding: 0 20%;
            }

            .signup-form-feedback-button {
                margin: 7px auto;
            }

/*==== End of Feedback ====*/

/*==================================
    Responsive
==================================*/

@media screen and (max-width:767px) {

    .signup-form-confirm-row,
    .signup-form-confirm-row .form-group {
        display: block;   
        width: 100%;
        text-align: center;
    }

    .signup-form-check {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .signup-form-feedback-content {
        padding: 0;
    }
    
}

/*==== End of Responsive ====*/