.tml { padding:0; max-width:36rem; margin:0 auto; text-align:center; }
.tml input[type=password], .tml input[type=text] { width:100%; }
.tml p:not(:last-child) { margin-bottom:1.4rem; }
#tml_ajax_content .tml { padding:0.5rem; }
.tml input[type=submit] { background:#1f64af; color:#fff; }
.tml input[type=submit]:hover { background:#00b6c2; color:#fff!important; }

.tml .error,
.tml .message {
	color: #333;
	padding: 0.5rem;
}
.tml .error {
	border: 1px solid #c00;
	background-color: #ffebe8;
}
.tml .message {
	border: 1px solid #e6db55;
	background-color: #ffffe0;
}

.tml ul { margin-left:0; list-style:none; }

.tml label { display: block; }
.tml .tml-rememberme-wrap label { display: inline; }

.tml input:not([type=checkbox]) { margin-top:0.5rem; }

.tml .tml-action-links li,
.tml .tml-action-links { list-style:none; margin:0.5rem 0; }

.tml button {
	height:3.2rem; padding:0 1.4rem;
	background:#47807b;	border:none; border-radius:0;
	color:#fff; font-weight:600;
}
.tml button, .tml button * { vertical-align:middle; }
.tml button:hover { background:#333; }

.sidebar .tml input[type=password],
.sidebar .tml input[type=text] { width:27rem; margin-top:0.5rem; }
.sidebar section .tml p:not(:last-child) { margin-bottom:1rem; }

.mu_register .hint {
	font-size: 1.2rem;
	margin-bottom: 1rem;
	display: block;
}
.mu_register label.checkbox { display: inline; }

#pass-strength-result {
	background-color: #eee;
	border: 1px solid #ddd;
	color: #23282d;
	font-weight: 600;
	margin: 0;
	padding: 0.3rem 0.5rem;
	text-align: center;
	width: 100%;
	opacity: 0;
}
#pass-strength-result.short {
	background-color: #f1adad;
	border-color: #e35b5b;
	opacity: 1;
}
#pass-strength-result.bad {
	background-color: #fbc5a9;
	border-color: #f78b53;
	opacity: 1;
}
#pass-strength-result.good {
	background-color: #ffe399;
	border-color: #ffc733;
	opacity: 1;
}
#pass-strength-result.strong {
	background-color: #c1e1b9;
	border-color: #83c373;
	opacity: 1;
}

.indicator-hint { padding-top: 0.8rem; }
.tml .wp-pwd { position:relative; }
.tml .visible { display:block!important; }

.tml .wp-pwd button { position:absolute; top:0; right:0; background:none; color:inherit; height:4rem; }
.tml .wp-pwd button:hover { background:none; }

.tml #pass-strength-result { margin: 0.5em 0; }

.tml .wp-pwd button .text,
#pass1-text, .pw-weak,
.show-password #pass1,
.no-js .hide-if-no-js,
.js .hide-if-js { display: none; }

.show-password #pass1-text { display: inline-block; }

.tml span.smaller { display:block; margin-top:0.5rem; }

.tml-form-table { width:100%; text-align:left; }
.tml-form-table:not(:last-child) { margin-bottom:1.4rem; }
.tml-form-table th, .tml-form-table td { display:block; vertical-align:middle; width:auto; margin-bottom:0.8rem; }

.tml-action-confirmaction .success, .tml-error, .tml-message, .tml-success { border-color:#1f64af; }

.tml button {
	background:#1f64af; border:none; border-radius:4rem;
	height:4rem; width:auto; min-width:14rem;
	padding:0 1.8em; margin-left:0; line-height:4rem;
	white-space:nowrap; color:#fff; font-size:1.3rem!important; font-weight:700;
	text-transform:uppercase; transition:0.2s all ease; letter-spacing:0.05em;
}
.tml button:hover, .tml button:focus, .tml button:active { background:#00b6c2; color:#fff; }

@media screen and (min-width: 641px) {
	#tml-login-ajax .tml { min-width:35rem; max-width:48rem; }
}