.tml {width:420px;max-width:100%;margin:0 auto;padding:30px 30px 50px;box-shadow:0 0 12px 0 rgba(0,0,0,0.05);border-radius:5px;position:relative;}
@media (max-width:768px) {
    .tml {width:90%;}
}
body.lightClass .tml {background: #fff url('images/pattern-funk-16.png') top center repeat-x;}
body.darkClass .tml {background: #343A40;}

.tml-field-wrap {display:flex;flex-direction: column;gap:6px;margin-bottom:12px;}
.tml-label {font-size: 0.8em;font-weight: bold;font-style: italic;}
.tml-field {outline: none;border-radius:5px;font-size:16px;padding:.5em;box-shadow: none;transition : border 500ms linear;}
.tml-field:focus { box-shadow: none;transition : border 500ms linear;}

body.lightClass .tml-field {border:2px solid #c7d6de;background: #fff;color:#15171a;}
body.lightClass .tml-field:focus {border-color: #4672D6;}
body.darkClass .tml-field {border:2px solid #495057;background: #15171a;color:#fff;}
body.darkClass .tml-field:focus {border-color: #4672D6;}

.tml-button {text-transform: uppercase;color:#fff;font-size:1em;font-weight:900;letter-spacing: 1px;background-color: #4672D6;border-bottom: 3px solid #2d4b91;border-left:0;border-right:0;border-top:0;padding:0.8em 0;width:100%;border-radius: 5px;-webkit-appearance: none;cursor: pointer;transition : all 500ms linear;}
.tml-button:hover {background-color: #2d4b91;border-bottom: 3px solid #000;transition : all 500ms linear;}
.tml-indicator-wrap {background-color: #E9ECEF;border-radius: 5px;}
.indicator-hint {text-align: justify;font-size: 0.8em;line-height: 130%;}
.tml-links li {float:left;width:50%;text-align: right;}
.tml-links li:first-child {text-align: left;}
.tml-links li a {text-decoration: none;text-transform: uppercase;font-weight: bold;font-size: 0.8em;}
.tml-links li a:hover {color: #4672D6}
.tml-error {color: #CC2624;font-size:0.9em;}
.tml-message {font-size:0.9em;margin-bottom:16px;}

#pass-strength-result,
#pass-strength-result.strong, 
#pass-strength-result.good,
#pass-strength-result.bad,
#pass-strength-result.short {border:none !important;font-weight: 500 !important;color:#fff !important;border-radius:5px !important;}
#pass-strength-result.strong {background-color: #95C43E !important;}
#pass-strength-result.good {background-color: #EFC300 !important;}
#pass-strength-result.bad {background-color: #CC2624 !important;}
#pass-strength-result.short {background-color: #CC2624 !important}

textarea {font-family: system-ui, sans-serif;font-size:12px;}

.tml-logout p:first-child {padding-bottom:16px;}