EDU/Website/NEducation/Content/assets/css/dialog.css

.login .modal-dialog {
/*    width: 60%;
    border-radius: 10px 10px 10px 10px;
    top: 20%;*/
}

    .login .modal-dialog .modal-content .modal-header {
        padding: 0px 20px 0px 20px;
        margin: auto;
    }

    .login .modal-dialog .modal-content {
        padding: 0px 20px 0px 20px;
        margin: auto;
    }

        .login .modal-dialog .modal-content .title {
            font-size: 16px;
            font-weight: 600;
            text-align: left;
            color: #272c59;
            margin: 10px 0;
        }

        .login .modal-dialog .modal-content .body-box-modal {
            margin: auto;
            /*background: #ff0000*/
        }

        .login .modal-dialog .modal-content .input-area {
            font-size: 16px;
            font-weight: 400;
            padding-left: 10px;
            width: 100%;
            border-radius: 20px;
            height: 45px;
            margin-bottom: 10px;
            border: #d7d7d7 solid 1px;
            padding-left: 60px;
        }

        .login .modal-dialog .modal-content .members-title {
            font-size: 24px;
            font-weight: 600;
        }

        .login .modal-dialog .modal-content .login-title {
            font-size: 24px;
            color: #ff6a00
        }

        .login .modal-dialog .modal-content .btn-reset-password {
            font-size: 15px;
            font-weight: 600;
            text-align: left;
            color: #ff6a00;
            margin-top: 20px;
        }

        .login .modal-dialog .modal-content .image-area {
            width: 100%;
            height: 100%;
            /* max-height: 325px; */
            /* max-width: 200px; */
            margin: auto;
            display: block;
            margin-left: auto;
            margin-right: auto;
            /* background: #ff0000; */
            padding-left: 20px;
        }

        .login .modal-dialog .modal-content .feedback-thanks {
            font-size: 18px;
            color: #4c87ed;
        }

/*.signup .modal-dialog {
    top: 20%;
    width: 60%;
    border-radius: 10px 10px 10px 10px;
}*/

    .signup .modal-dialog .modal-content .modal-header {
        padding: 0px 20px 0px 20px;
        margin: auto;
    }

    .signup .modal-dialog .modal-content {
        /*padding: 0px 20px 0px 20px;*/
        margin: auto;
    }

        .signup .modal-dialog .modal-content .packet-info {
            display: inline-block;
            font-size: 20px;
            font-weight: 600;
            text-align: left;
            color: #272c59;
            margin: 10px 0;
        }

        .signup .modal-dialog .modal-content .title {
            font-size: 16px;
            font-weight: 600;
            text-align: left;
            color: #272c59;
            margin: 10px 0;
        }

        .signup .modal-dialog .modal-content .body-box-modal {
            margin: auto;
            /*background: #ff0000*/
        }

        .signup .modal-dialog .modal-content .input-area {
            font-size: 16px;
            font-weight: 400;
            padding-left: 10px;
            width: 100%;
            border-radius: 20px;
            height: 45px;
            margin-bottom: 10px;
            border: #d7d7d7 solid 1px;
            padding-left: 60px;
        }

        .signup .modal-dialog .modal-content .members-title {
            font-size: 24px;
            font-weight: 600;
        }

        .signup .modal-dialog .modal-content .register-title {
            font-size: 24px;
            color: #ff6a00
        }

        .signup .modal-dialog .modal-content .btn-reset-password {
            font-size: 16px;
            font-weight: 600;
            text-align: left;
            color: #ff6a00;
            margin-top: 20px;
        }

        .signup .modal-dialog .modal-content .image-area {
            width: 100%;
            height: 100%;
            max-height: 400px;
            max-width: 250px;
            margin: auto;
            display: block;
            margin-left: auto;
            margin-right: auto;
        }

        .signup .modal-dialog .modal-content .service {
            margin-top: 10px;
        }

        .signup .modal-dialog .modal-content .button-dialog-signup-register {
            display: inline-block;
            vertical-align: middle;
            text-align: center;
            font-size: 16px;
            margin-left: 20px;
            height: 40px;
            padding-bottom: 10px;
            padding-top: 10px;
        }

        .signup .modal-dialog .modal-content .button-dialog-signup-confirm {
            text-align: center;
            display: inline-block;
            font-size: 15px;
            /*border-radius: 5px;*/
            margin: auto 0;
            /*height: 50px;*/
            /*margin-top: 10px;*/
            min-width: 120px;
        }

        .signup .modal-dialog .modal-content .wrap-confirm {
            margin: 0;
            display: inline;
        }

        .signup .modal-dialog .modal-content .tip {
            font-size: 16px;
            font-weight: 600;
            text-align: left;
            margin-top: 20px;
        }

            .signup .modal-dialog .modal-content .tip .dialog-signup-login-now {
                font-size: 16px;
                font-weight: 600;
                text-align: left;
                color: #ff6a00;
                margin-top: 20px;
            }