.tml{font-size:1em}.tml *{box-sizing:border-box}.tml .tml-field-wrap{margin-bottom:1em}.tml .tml-label{display:block;margin:.5em 0}.tml .tml-checkbox+.tml-label{display:inline}.tml .tml-field{width:100%}.tml .tml-description{display:block;font-size:.85em;font-style:italic;margin:.5em 0}.tml .tml-errors,.tml .tml-messages{list-style:none;margin:0;padding:0}.tml .tml-action-confirmaction .success,.tml .tml-error,.tml .tml-message,.tml .tml-success{border-left:4px solid #00a0d2;box-shadow:1px 1px 2px 1px rgba(0,0,0,.1);display:block;margin:0 0 1em;padding:.75em}.tml .tml-error{border-left-color:#dc3232}.tml .tml-action-confirmaction .success,.tml .tml-success{border-left-color:#46b450}#pass-strength-result{background-color:#eee;border:1px solid #ddd;color:#23282d;font-weight:700;opacity:0;margin-bottom:1em;padding:.5em}#pass-strength-result.strong{background-color:#c1e1b9;border-color:#83c373;opacity:1}#pass-strength-result.good{background-color:#ffe399;border-color:#ffc733;opacity:1}#pass-strength-result.bad{background-color:#fbc5a9;border-color:#f78b53;opacity:1}#pass-strength-result.short{background-color:#f1adad;border-color:#e35b5b;opacity:1}
/* ===== Custom Theme My Login styling ===== */

.tml {
    max-width: 520px;
    margin: 40px auto;
    padding: 30px;
    background: #ffffff;
    border-radius: 16px;
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.08);
}

.tml .tml-label {
    display: block;
    margin-bottom: 8px;
    font-weight: 600;
    color: #222;
}

.tml .tml-field,
.tml input[type="text"],
.tml input[type="email"],
.tml input[type="password"] {
    width: 100%;
    padding: 12px 14px;
    border: 1px solid #d7dce1;
    border-radius: 10px;
    background: #fff;
    font-size: 15px;
    margin-bottom: 16px;
    box-sizing: border-box;
}

.tml .tml-field:focus,
.tml input[type="text"]:focus,
.tml input[type="email"]:focus,
.tml input[type="password"]:focus {
    outline: none;
    border-color: #2271b1;
    box-shadow: 0 0 0 3px rgba(34, 113, 177, 0.12);
}

.tml input[type="submit"],
.tml button,
.tml .button,
.tml .tml-button {
    display: inline-block;
    padding: 12px 18px;
    border: none;
    border-radius: 10px;
    background: #2271b1;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    text-decoration: none;
}

.tml input[type="submit"]:hover,
.tml button:hover,
.tml .button:hover,
.tml .tml-button:hover {
    opacity: 0.92;
}

.tml a {
    color: #2271b1;
    text-decoration: none;
}

.tml a:hover {
    text-decoration: underline;
}

.tml .tml-field-wrap {
    margin-bottom: 18px;
}

.tml .tml-errors,
.tml .tml-messages,
.tml .tml-error,
.tml .tml-message,
.tml .tml-success {
    border-radius: 10px;
    margin-bottom: 16px;
}

.tml .tml-error {
    background: #ffe9e9;
    color: #9f1d1d;
}

.tml .tml-message,
.tml .tml-success {
    background: #eaf6ea;
    color: #256c2f;
}