.login-container,
.login-container *,
eckinox-popup#password-reset,
eckinox-popup#password-reset *:not(i) {font-family: 'Open Sans', sans-serif;-webkit-font-smoothing: antialiased;}
.login-form { border-radius: 3px; }

eckinox-popup#password-reset label { margin-bottom: 2px; font-size: .85rem; font-weight: 400; color: #777; }
.login-container .login-form input,
eckinox-popup#password-reset input { display: block; width: 100%; height: auto !important; padding: 9px 12px; font-size: 1rem; font-weight: 400; line-height: 1.35em !important; color: #333; background-color: #f5f5f5; border: 2px solid transparent !important; border-radius: 3px !important; outline: none; -webkit-appearance: none; appearance: none; transition: all .25s ease; }
.login-container input::placeholder,
eckinox-popup#password-reset input::placeholder { font-size: inherit; line-height: inherit; color: #aaa; }
.login-container input:focus,
eckinox-popup#password-reset input:focus { border-color: #cecfe8 !important; }

.login-form .button-container { margin-top: 0; }
.login-form button,
eckinox-popup#password-reset button { display: inline-flex; height: auto; padding: 12px 20px; margin: 0; align-items: center; align-content: center; font-size: 14px; font-weight: 600; line-height: 1.35em; text-transform: none; text-decoration: none; color: #fff; background-color: #8486bb; border: none !important; border-radius: 3px; cursor: pointer; filter: brightness(1); transition: all .25s ease; }
.login-form button::after { content: '\f090'; font-family: 'Font Awesome 5 Pro'; font-size: 1.15em; font-weight: 400; margin-left: 8px; }
.login-form button:hover,
eckinox-popup#password-reset button:hover { filter: brightness(1.1); }