body {
	background-color: #f3f3f3;
	font-family: "-apple-system", "BlinkMacSystemFont", "Segoe UI", Roboto, "Oxygen-Sans", Ubuntu, Cantarell, "Fira Sans", "Helvetica Neue", Arial, sans-serif;
	margin: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
body, html {
	height: 100%;
}
html {
	font-size: 16px;
}

@media screen and (max-width: 1440px) {
html {
	font-size: 12px;
	height:0
}
	#signup form, #signup-verify form, #login form, #password-recovery form, #clients-area form {
	padding: 40px 40px 0!important;
}
	
}
.form-basic {
	background-color: #ffffff;
	justify-content: center;
	display: inline-flex;
}
.title {
	color: #383838;
	font-size: 30px;
}
.form-content {
	width: 100%;
	display: block;
}
.login-bg, .login-bg-plain {
	height: 100%;
	width: 100%;
	background-attachment: scroll;
	background-position: 50% 0;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-webkit-transition: background 2s;
	-moz-transition: background 2s;
	-o-transition: background 2s;
	transition: background 2s;
}
.login-bg {
	background-color: #1a1a1a;
}
.login-bg-plain {
	display: flex;
	justify-content: space-around;
	align-items: center;
	height: 100%;
	width: 100%;
	background-color: #ffffff;
}
.stain {
	background: white url(../images/stain.png) no-repeat 53% 58%;
}
.stain-img {
	width: 60rem;
	height: 24rem;
	margin-top: 3rem;
	margin-left: -4rem;
	display: inline-block;
	position: absolute;
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH;
	-ms-filter: "FlipH";
	content: url(../images/stain.png);
}
#page, #payments {
	height: 98%;
	margin: 1%;
}
* {
	font-family: "Century Gothic", "Microsoft yahei";
}
#signup, #signup-verify, #login, #password-recovery, #clients-area {
	font-family: "Century Gothic", "Microsoft yahei";
	color: #383838;
	font-size: 14px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	width: 550px;
	margin: auto;
}
#signup .login-footer, #signup .login-header, #signup-verify .login-footer, #signup-verify .login-header, #login .login-footer, #login .login-header, #password-recovery .login-footer, #password-recovery .login-header, #clients-area .login-footer, #clients-area .login-header {
	text-align: center;
}
#signup .login-header, #signup-verify .login-header, #login .login-header, #password-recovery .login-header, #clients-area .login-header {
	padding: 80px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
}
#signup .login-footer, #signup-verify .login-footer, #login .login-footer, #password-recovery .login-footer, #clients-area .login-footer {
	background-color: #fafafa;
	padding: 32px 0;
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
	color: #999999;
}
#signup .login-footer .login-link, #signup-verify .login-footer .login-link, #login .login-footer .login-link, #password-recovery .login-footer .login-link, #clients-area .login-footer .login-link {
	color: #26c644;
}
#signup .logo, #signup-verify .logo, #login .logo, #password-recovery .logo, #clients-area .logo {
	height: 35.8px;
	margin: 0 auto;
}
#signup .logo span, #signup-verify .logo span, #login .logo span, #password-recovery .logo span, #clients-area .logo span {
	display: block;
	width: 100%;
	height: 100%;
}
#signup form, #signup-verify form, #login form, #password-recovery form, #clients-area form {
	padding: 40px 100px 0;
}
#signup form td input, #signup-verify form td input, #login form td input, #password-recovery form td input, #clients-area form td input {
	width: 100%;
}
#signup .oauth2form, #signup-verify .oauth2form, #login .oauth2form, #password-recovery .oauth2form, #clients-area .oauth2form {
	padding: 0 100px;
}
#signup form:last-of-type, #signup-verify form:last-of-type, #login form:last-of-type, #password-recovery form:last-of-type, #clients-area form:last-of-type {
	padding-bottom: 30px;
}

.login-header .logo{
	padding-bottom: 30px
}

.login-header .logo img{
	display: inline-block;
	 vertical-align: middle;
}
.login-header .logo m {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    font-size: 32px;
    font-weight: normal;
    font-family: "Lucida Grande","Microsoft JhengHei","Microsoft YaHei";
}


#signup .page-title, #signup-verify .page-title, #login .page-title, #password-recovery .page-title, #clients-area .page-title {
	font-size: 30px;
	padding-bottom: 16px;
	text-align: center;
	color: #383838;
}
#signup .password-title, #signup-verify .password-title, #login .password-title, #password-recovery .password-title, #clients-area .password-title {
	padding: 15px 30px 5px 30px;
	text-align: center;
}
#signup .page-title-small, #signup-verify .page-title-small, #login .page-title-small, #password-recovery .page-title-small, #clients-area .page-title-small {
	font-size: 14px;
	padding-bottom: 16px;
	text-align: center;
	color: #999999;
	line-height: 1.5;
}
#signup a, #signup-verify a, #login a, #password-recovery a, #clients-area a {
	color: #26c644;
	text-decoration: none;
}
#signup a:hover, #signup-verify a:hover, #login a:hover, #password-recovery a:hover, #clients-area a:hover {
	text-decoration: underline;
}
#signup *, #signup-verify *, #login *, #password-recovery *, #clients-area * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#signup table, #signup-verify table, #login table, #password-recovery table, #clients-area table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}
#signup td, #signup-verify td, #login td, #password-recovery td, #clients-area td {
	padding: 0 0 20px;
}
#signup td.remember-me-td, #signup-verify td.remember-me-td, #login td.remember-me-td, #password-recovery td.remember-me-td, #clients-area td.remember-me-td {
	color: #383838;
	display: flex;
	padding: 0 0 19px;
	justify-content: space-between;
}
#signup .remember-me, #signup-verify .remember-me, #login .remember-me, #password-recovery .remember-me, #clients-area .remember-me {
	display: inline-block;
	padding-left: 15px;
	text-indent: -15px;
}
#signup .remember-me input, #signup-verify .remember-me input, #login .remember-me input, #password-recovery .remember-me input, #clients-area .remember-me input {
	width: 14px;
	height: 14px;
	padding: 0;
	margin: 0 5px 0 0;
	vertical-align: middle;
	position: relative;
	top: -1px;
*overflow: hidden;
}
#signup *:focus, #signup-verify *:focus, #login *:focus, #password-recovery *:focus, #clients-area *:focus {
	outline: none;
}
#signup input[type="submit"], #signup-verify input[type="submit"], #login input[type="submit"], #password-recovery input[type="submit"], #clients-area input[type="submit"] {
	margin-left: 0px;
}
#signup input[type="submit"], #signup-verify input[type="submit"], #login input[type="submit"],#login input[type="button"], #password-recovery input[type="submit"], #clients-area input[type="submit"] {
	-webkit-box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 1px 0px;
	-moz-box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 1px 0px;
	box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 1px 0px;
	height: 45px;
	font-size: 14px;
	color: #FFFFFF;
	padding: 0 18px;
	background-color: #34c950;
	border: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
}
#signup input[type="submit"]:hover, #signup-verify input[type="submit"]:hover, #login input[type="submit"]:hover, #password-recovery input[type="submit"]:hover, #clients-area input[type="submit"]:hover {
	background-color: #00c224;
	border-color: #2acb48;
	-webkit-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.1);
}
#signup input[type="submit"].login-btn, #signup-verify input[type="submit"].login-btn, #login input[type="submit"].login-btn, #password-recovery input[type="submit"].login-btn, #clients-area input[type="submit"].login-btn {
	width: 100%;
}
#signup input[type="submit"].google-btn, #signup-verify input[type="submit"].google-btn, #login input[type="submit"].google-btn, #password-recovery input[type="submit"].google-btn, #clients-area input[type="submit"].google-btn {
	width: 100%;
	color: #777;
	/*background: transparent url(../images/logo/google-logo.svg) no-repeat 83px center;*/
	background-size: 18px;
	background-color: #fff;
	border: 1px solid #ebebeb;
	-webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1);
}
#signup input[type="submit"].google-btn:hover, #signup-verify input[type="submit"].google-btn:hover, #login input[type="submit"].google-btn:hover, #password-recovery input[type="submit"].google-btn:hover, #clients-area input[type="submit"].google-btn:hover {
	background-color: #fff;
	border: 1px solid #4385f4;
	-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);
}
#signup input[type="submit"].github-btn, #signup-verify input[type="submit"].github-btn, #login input[type="submit"].github-btn, #password-recovery input[type="submit"].github-btn, #clients-area input[type="submit"].github-btn {
	width: 100%;
	background-color: #2a2a2a;
	border: 1px solid #2a2a2a;
}
#signup input[type="submit"].github-btn:hover, #signup-verify input[type="submit"].github-btn:hover, #login input[type="submit"].github-btn:hover, #password-recovery input[type="submit"].github-btn:hover, #clients-area input[type="submit"].github-btn:hover {
	background-color: #3a3a3a;
	border-color: #3a3a3a;
	-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
}
#signup input[type="submit"].signup-btn, #signup-verify input[type="submit"].signup-btn, #login input[type="submit"].signup-btn, #password-recovery input[type="submit"].signup-btn, #clients-area input[type="submit"].signup-btn {
	width: 100%;
}
#signup input[type="submit"]:active, #signup-verify input[type="submit"]:active, #login input[type="submit"]:active, #password-recovery input[type="submit"]:active, #clients-area input[type="submit"]:active {
	-webkit-box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.16);
	-moz-box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.16);
	box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.16);
}
#signup .sign-up-btn, #signup-verify .sign-up-btn, #login .sign-up-btn, #password-recovery .sign-up-btn, #clients-area .sign-up-btn {
	-webkit-box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 1px 0px;
	-moz-box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 1px 0px;
	box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 1px 0px;
	height: 45px;
	text-decoration: none;
	color: #383838;
	padding: 11px 19px 10px 19px;
	background-color: #f4f4f4;
	border: 1px solid #dbdbdb;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
	font-size: 12px;
}
#signup .sign-up-btn:hover, #signup-verify .sign-up-btn:hover, #login .sign-up-btn:hover, #password-recovery .sign-up-btn:hover, #clients-area .sign-up-btn:hover {
	background-color: #eaeaea;
	border-color: #d1d1d1;
	-webkit-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.1);
}
#signup .sign-up-btn:active, #signup-verify .sign-up-btn:active, #login .sign-up-btn:active, #password-recovery .sign-up-btn:active, #clients-area .sign-up-btn:active {
	-webkit-box-shadow: inset 0px 3px 3px rgba(0, 0, 0, 0.07), rgba(0, 0, 0, 0.06) 0px 1px 1px 0px;
	-moz-box-shadow: inset 0px 3px 3px rgba(0, 0, 0, 0.07), rgba(0, 0, 0, 0.06) 0px 1px 1px 0px;
	box-shadow: inset 0px 3px 3px rgba(0, 0, 0, 0.07), rgba(0, 0, 0, 0.06) 0px 1px 1px 0px;
}
#signup input[type="text"], #signup-verify input[type="text"], #login input[type="text"], #password-recovery input[type="text"], #clients-area input[type="text"] {
	font-family: "Century Gothic", "Microsoft yahei";
}
#signup input[type="text"], #signup input[type="password"], #signup-verify input[type="text"], #signup-verify input[type="password"], #login input[type="text"], #login input[type="password"], #password-recovery input[type="text"], #password-recovery input[type="password"], #clients-area input[type="text"], #clients-area input[type="password"] {
	font-size: 14px;
	height: 45px;
	margin: 0px;
	padding: 0px 7px;
	border-width: 1px;
	border-style: solid;
	border-color: #dbdbdb;
	background-color: #FFFFFF;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	width: 100%;
}
#signup input[type="text"]:focus, #signup input[type="password"]:focus, #signup-verify input[type="text"]:focus, #signup-verify input[type="password"]:focus, #login input[type="text"]:focus, #login input[type="password"]:focus, #password-recovery input[type="text"]:focus, #password-recovery input[type="password"]:focus, #clients-area input[type="text"]:focus, #clients-area input[type="password"]:focus {
	border: 1px solid #34c950;
}
#signup input[type="text"].error-validation, #signup input[type="password"].error-validation, #signup-verify input[type="text"].error-validation, #signup-verify input[type="password"].error-validation, #login input[type="text"].error-validation, #login input[type="password"].error-validation, #password-recovery input[type="text"].error-validation, #password-recovery input[type="password"].error-validation, #clients-area input[type="text"].error-validation, #clients-area input[type="password"].error-validation {
	border-color: #c82f00;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}
#signup input[type="text"].normal-state, #signup input[type="password"].normal-state, #signup-verify input[type="text"].normal-state, #signup-verify input[type="password"].normal-state, #login input[type="text"].normal-state, #login input[type="password"].normal-state, #password-recovery input[type="text"].normal-state, #password-recovery input[type="password"].normal-state, #clients-area input[type="text"].normal-state, #clients-area input[type="password"].normal-state {
	border: 1px solid #d1d1d1;
}
#signup input[type="text"].normal-state:focus, #signup input[type="password"].normal-state:focus, #signup-verify input[type="text"].normal-state:focus, #signup-verify input[type="password"].normal-state:focus, #login input[type="text"].normal-state:focus, #login input[type="password"].normal-state:focus, #password-recovery input[type="text"].normal-state:focus, #password-recovery input[type="password"].normal-state:focus, #clients-area input[type="text"].normal-state:focus, #clients-area input[type="password"].normal-state:focus {
	border: 1px solid #6eb755;
}
#signup .label, #signup-verify .label, #login .label, #password-recovery .label, #clients-area .label {
	width: 120px;
	text-align: right;
	font-size: 12px;
	padding-right: 18px;
}
#signup .verify-robot .login-header, #signup-verify .verify-robot .login-header, #login .verify-robot .login-header, #password-recovery .verify-robot .login-header, #clients-area .verify-robot .login-header {
	padding: 80px 0 20px;
}
#signup .verify-robot .login-footer, #signup-verify .verify-robot .login-footer, #login .verify-robot .login-footer, #password-recovery .verify-robot .login-footer, #clients-area .verify-robot .login-footer {
	padding: 28px 0;
}
#reset-password, #first-login, #page {
	font-family: "-apple-system", "BlinkMacSystemFont", "Segoe UI", Roboto, "Oxygen-Sans", Ubuntu, Cantarell, "Fira Sans", "Helvetica Neue", Arial, sans-serif;
	background-color: #ffffff;
	-webkit-box-shadow: 0px 26px 40px -35px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 0px 26px 40px -35px rgba(0, 0, 0, 0.6);
	box-shadow: 0px 26px 40px -35px rgba(0, 0, 0, 0.6);
	color: #383838;
	font-size: 14px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	padding-left: 70px;
	padding-right: 70px;
	padding-bottom: 30px;
	padding-top: 1px;
}
#reset-password .page-title, #first-login .page-title, #page .page-title {
	font-size: 30px;
	padding-bottom: 16px;
	text-align: center;
}
#reset-password a, #first-login a, #page a {
	color: #26c644;
}
#reset-password *, #first-login *, #page * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#reset-password table, #first-login table, #page table {
	border-collapse: collapse;
	border-spacing: 0px;
}
#reset-password td, #first-login td, #page td {
	padding: 0px 0px 20px;
}
#reset-password .remember-me, #first-login .remember-me, #page .remember-me {
	display: block;
	padding-left: 15px;
	text-indent: -15px;
}
#reset-password .remember-me input, #first-login .remember-me input, #page .remember-me input {
	width: 17px;
	height: 17px;
	padding: 0;
	margin: 0 5px 0 0;
	vertical-align: middle;
	position: relative;
	top: 0;
*overflow: hidden;
}
#reset-password input[type="submit"], #first-login input[type="submit"], #page input[type="submit"] {
	margin-left: 0px;
	margin-right: 10px;
}
#reset-password input[type="submit"], #first-login input[type="submit"], #page input[type="submit"] {
	-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 1px 0px;
	-moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 1px 0px;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 1px 0px;
	height: 45px;
	color: #FFFFFF;
	padding: 0px 18px;
	font-size: 12px;
	font-weight: bold;
	background-color: #34c950;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
}
#reset-password input[type="submit"]:hover, #first-login input[type="submit"]:hover, #page input[type="submit"]:hover {
	background-color: #00c224;
	border-color: #2acb48;
}
#reset-password input[type="submit"]:active, #first-login input[type="submit"]:active, #page input[type="submit"]:active {
	-webkit-box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.16);
	-moz-box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.16);
	box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.16);
}
#reset-password input[type="text"], #first-login input[type="text"], #page input[type="text"] {
	font-family: "-apple-system", "BlinkMacSystemFont", "Segoe UI", Roboto, "Oxygen-Sans", Ubuntu, Cantarell, "Fira Sans", "Helvetica Neue", Arial, sans-serif;
}
#reset-password input[type="text"], #reset-password input[type="password"], #first-login input[type="text"], #first-login input[type="password"], #page input[type="text"], #page input[type="password"] {
	font-size: 14px;
	height: 45px;
	width: 290px;
	margin: 0px;
	padding: 0px 7px;
	border-width: 1px;
	border-style: solid;
	border-color: #d1d1d1 #e7e7e7 #e7e7e7 #d1d1d1;
	background-color: #FFFFFF;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}
#reset-password .label, #first-login .label, #page .label {
	width: 120px;
	text-align: right;
	font-size: 12px;
	padding-right: 18px;
}
#login, #first-login, #signup, #signup-verify, #reset-password, #password-recovery, #clients-area {
	border: 1px solid #e1e1e1;
}
.separator {
	text-align: center;
	justify-content: center;
	display: flex;
	height: 50px;
	padding-top: 17px;
}
.separator .separator-line {
	margin: 0 20px;
	border-top: 1px solid #e1e1e1;
	width: 124px;
	height: 1px;
}
.separator span {
	color: #777777;
	margin-top: -7px;
}
.separator .login-btn {
	height: 45px;
}
.error, .login-error-msg {
	font-family: "-apple-system", "BlinkMacSystemFont", "Segoe UI", Roboto, "Oxygen-Sans", Ubuntu, Cantarell, "Fira Sans", "Helvetica Neue", Arial, sans-serif;
	position: absolute;
	color: #383838;
	font-size: 14px;
	background-color: #fff3f3;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
	border-radius: 30px;
	box-sizing: border-box;
	text-align: center;
	padding: 20px;
}
.error p, .login-error-msg p {
	background: url(../images/icon-error.png) no-repeat 0 center;
	margin: 0px;
	padding-left: 26px;
	display: inline-block;
}
.error {
	width: 430px;
	left: 50%;
	top: 20px;
	margin-left: -215px;
}
.login-error-msg {
	margin-top: -30px;
	min-width: 300px;
	max-width: 500px;
	min-height: 60px;
}
#validation-message {
	background: #c82f00;
	border: 1px solid #c82f00;
	padding: 4px 4px 4px 7px;
	color: #fff;
	border-radius: 3px;
	font-size: 12px;
	display: flex;
	min-height: 0;
	max-height: 24px;
	-webkit-transition: max-height 1s;
	-moz-transition: max-height 1s;
	-ms-transition: max-height 1s;
	-o-transition: max-height 1s;
	border-top-right-radius: 0;
	border-top-left-radius: 0;
	transition: max-height 1s;
}
.first-login form {
	padding-bottom: 60px !important;
}
#account-confirmation-page-container {
	margin: auto;
	display: inline-flex;
}
#account-confirmation-page-container .form-content {
	display: inline-flex;
	display: -ms-grid;
}
#account-confirmation-page-container a, #account-confirmation-page-container .link {
	color: #25c644;
	text-decoration: none;
}
#account-confirmation-page-container .envelope {
	margin-top: 22rem;
	margin-left: -11rem;
	width: 15.63rem;
	height: 10.5rem;
	transform: rotate(-1deg);
	position: absolute;
	display: inline-block;
}
#account-confirmation-page-container .envelope .color {
	height: 12rem;
	width: 18rem;
	display: inline-block;
	background: transparent url(../images/logo/envelope.svg) no-repeat center center;
}
.account-confirmation-container {
	display: inline-block;
}
#account-confirmation {
	width: 44rem;
	border-radius: 4px;
	border: 1px solid #e1e1e1;
	text-align: center;
}
#account-confirmation .account-confirmation-title {
	font-size: 2rem;
	padding-top: 0.9375rem;
}
#account-confirmation .account-confirmation-subtitle {
	font-size: 1.1rem;
	color: #777777;
	padding: 1.1rem 0;
}
#account-confirmation .account-confirmation-text {
	font-size: 1rem;
	color: #999999;
	padding: 3.125rem 0 6.25rem;
	width: 26.375rem;
	text-align: center;
	line-height: 2rem;
	margin: 0 auto;
}
#account-confirmation .logo {
	width: 9.188rem;
	height: 2.188rem;
	margin: 0 auto;
	padding: 5rem 0 1.25rem;
}
#account-confirmation .logo .color {
	width: 100%;
	height: 100%;
	display: block;
	background: transparent url(../images/logo/paymo-logo.svg) no-repeat center center;
	background-size: contain;
}
#account-confirmation-footer {
	background: #fafafa;
	width: 100%;
	height: 6.5625rem;
	padding-top: 2.2rem;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}
#account-confirmation-footer div {
	margin-bottom: 1rem;
	line-height: 1.563rem;
	font-size: 1rem;
	color: #777777;
}
#account-confirmation-footer .footer-text {
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
#signup-verify .form-content {
	display: inline-flex;
	display: -ms-grid;
}
#signup-verify form .g-recaptcha div {
	margin: auto;
}
#signup-verify form:last-of-type {
	padding-bottom: 60px;
}
#signup-verify #robot-verification-main-container {
	padding-top: 15px;
}
#signup-verify .title {
	color: #000;
	font-size: 30px;
	padding-bottom: 15px;
}
#signup-verify .sub-title {
	color: #999;
	font-size: 16px;
	padding-bottom: 10px;
}
#signup-verify #robot-verification-main-container {
	margin: auto;
	text-align: center;
}
#signup-verify .verify-robot {
	margin: auto;
	display: block;
	width: 100%;
}
#signup-verify .robot {
	margin-left: 470px;
	margin-top: 260px;
	position: absolute;
	display: inline-block;
}
#signup-verify .robot span {
	display: inline-block;
	background: transparent url(../images/logo/robot.svg) no-repeat center center;
	height: 277px;
	width: 160px;
}
#first-login h1 {
	text-align: center;
}
#first-login h2 {
	font-size: 15px;
	text-align: center;
	margin-bottom: 50px;
}
#signup .submit-td {
	padding-bottom: 20px;
}
#signup form {
	padding-top: 40px;
}
#signup form.loading input[type="submit"] {
	background-position: 100px center;
	padding-left: 35px;
}
#signup input[type="submit"] {
	background-image: url(../images/loader.gif);
	background-repeat: no-repeat;
	background-position: -9999px center;
	transition: padding 0.5s;
}
#password-recovery form {
	padding: 25px 100px 42px !important;
}
#password-recovery .page-title {
	padding-bottom: 10px;
}
#password-recovery .page-content {
	padding: 10px 0px;
	text-align: center;
	color: #999999;
	line-height: 1.5;
}
#password-recovery td {
	padding-top: 10px;
	padding-bottom: 8px;
}
#payments {
	padding-top: 40px;
	font-family: "-apple-system", "BlinkMacSystemFont", "Segoe UI", Roboto, "Oxygen-Sans", Ubuntu, Cantarell, "Fira Sans", "Helvetica Neue", Arial, sans-serif;
	background-color: #ffffff;
	color: #383838;
	font-size: 14px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	padding-left: 70px;
	padding-right: 70px;
	padding-bottom: 30px;   /**{
	@include box-sizing(border-box); }*/
}
#payments th {
	background-color: #f8f8f8;
}
#payments td, #payments th {
	padding-right: 40px;
	text-align: left;
}
#payments .beneficiary {
	white-space: pre;
}
#payments table.details td {
	padding: 5px 0px;
	font-weight: bold;
}
#payments table.details label {
	font-weight: normal;
	padding-right: 10px;
}
#payments h3 label {
	font-weight: normal;
}
#payments .error {
	margin: 0;
}
#payments .trigger {
	margin-bottom: 10px;
}
#payments .button-ct {
	padding: 0px 10px 5px 0px;
}
#payments .page-title {
	font-size: 20px;
	padding-bottom: 16px;
	text-align: center;
}
#payments a {
	color: #48a8da;
}
#payments table {
	border-collapse: collapse;
	border-spacing: 0px;
}
#payments td {
	padding: 0px 0px 20px;
}
#clients-area .page-title {
	padding-top: 30px;
}
#clients-area .label {
	font-size: 14px;
}
#clients-area form {
	padding-top: 14px;
	padding-bottom: 60px !important;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}
#clients-area form.loading input[type="submit"] {
	padding-left: 40px;
	background-position: 10px center;
}
#clients-area #company-logo {
	margin: 40px auto 30px;
	text-align: center;
}
#clients-area #company-logo div {
	width: 200px;
	margin: auto;
}
#clients-area #company-logo div img {
	max-height: 100px;
	max-width: 200px;
}
