* {font-family: 'Open Sans', sans-serif;}p {margin: 0;}.login {display: flex;position: fixed;left: 0;right: 0;top: 0;bottom: 0;overflow-x: hidden;background-image: url(../../assets/images/backgrouds/login-background.jpg);background-size: cover;background-position: center;}.date-and-time{position: fixed;align-items: center;height: 100vh;}.date-and-time>div{display: block;position: fixed;bottom: 0;margin: 0px 0px 50px 50px;}.date-and-time>div>span{display: block;margin: 0px 0px 5px 0px;font-family: monospace;font-size: 3.5em;font-weight: 650;letter-spacing: 1px;text-transform: uppercase;text-shadow: 2px 2px #151515;color: #FFF;}.date-and-time>div>span:last-of-type{font-size: 2.8em;}.login-box {padding: 35px 35px 35px 35px;margin: 0px 0px 0px auto;width: 400px;background: #ffffff;border-radius: 0;opacity: 0.9;display: flex;align-items: center;height: 100vh;}.login-box form {display: block;padding: 0px 0px 19px 0px;}.login-box header{margin: 0px 0px 30px 0px;text-align: center;}.login-box header h2{margin: 0px 0px 5px 0px;font-size: 1.1em;font-weight: 650;text-transform: uppercase;}.login-box header h3{font-size: 1.1em;font-weight: 150;font-style: italic;line-height: 1.4em;color: #656565;}.login-box header h3 span{display: inline-block;padding: 0px 0px 0px 0px;background-color: #f5f5f5;}.login-box>div>img{width: 100%;height: auto;object-fit: cover;object-position: center;}.login-box .hl {text-align: center;font-size: 0px;}.login-box label {display: block;margin-bottom: 20px;}.login-box label span{font-size: 1em;font-weight: 650;letter-spacing: 2px;color: #151515;}.login-box label span i{font-size: 1.2em;}.login-box label .field {display: block;font-size: var(--font-small);font-weight: bold;}.login-box label input {border: none;border-bottom: 1px solid #1D2025;outline: none;display: block;width: 100%;padding: 10px 0;font-size: var(--font-normal);}.login-box button {display: block;padding: 0px 0px 0px 0px;cursor: pointer;width: 100%;border: none;color: #ffffff;font-size: 1em;letter-spacing: 1px;font-weight: bold;text-transform: uppercase;text-shadow: 1px 1px rgba(0, 0, 0, 0.5);}.login-box-footer {display: block;margin: 35px 0px 0px 0px;text-align: center;font-size: 0.9em;font-weight: 300;}.login-box-footer p{display: block;margin: 0px 0px 0px 0px;}.login-box-footer a {display: block;margin: 15px 0px 0px 0px;text-decoration: none;color: #656565;cursor: pointer;border-radius: 3px;}.login-box-footer a span{font-weight: 650;}.login-box-footer a span:hover{color: #151515;}.btn-login{display: block;padding: 0px 0px 0px 0px;height: 50px;color: #FFF;background-image: linear-gradient(to right, #464885, #525487);}.login-input-code{display: flex;margin: 0px 0px 15px 0px;font-size: 1em;}.login-input-code>img{flex: 1;margin: 0px 0px 0px 0px;width: 130px;height: 58px;}.login-input-code>label{flex: 3;margin: 0px 0px 0px 15px;}.ajax_response {position: fixed;z-index: 998;right: 0;bottom: 35px;width: 350px;max-width: 100%;}.ajax_response .message {display: flex;color: #ffffff;font-size: 0.8em;font-weight: 590;letter-spacing: 1px;text-transform: uppercase;overflow: hidden;border: none;align-items: center;width: 100%;padding: 15px 15px 20px 15px;background: #333333;margin-bottom: 15px;position: relative;border-radius: 0px 0px 0px 0px;box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 3px;cursor: pointer;}.ajax_response .message:before {flex-basis: 0;margin: -5px 15px 0 0 !important;font-size: calc(var(--font-max) * 1.2);color: rgba(0, 0, 0, 0.5);}.ajax_response .message_time {content: "";position: absolute;left: 0;bottom: 0;width: 5%;height: 5px;background: rgba(0, 0, 0, 0.5);}.ajax_response .message.success {background: var(--color-green);color: #0A3622;}.ajax_response .message.info {background: var(--color-blue);}.ajax_response .message.warning {background: var(--color-yellow);color: #974D03;}.ajax_response .message.error {background: var(--color-red);}.ajax_response .message.post {background: #34AD6D;color: #fff;}.ajax_response .message.draft {background: #F0AD4E;color: #fff;}.ajax_response .message.trash {background: #DE4E43;color: #0A3622;}.form-icon-visible {position: relative;width: 100%;}.form-icon-visible input[type="password"], .form-icon-visible input[type="text"] {width: 100%;padding-right: 40px;}.password-toggle {position: absolute;top: 39px;right: 15px;transform: translateY(-50%);cursor: pointer;color: #656565;}.password-toggle>i{font-size: 1.2em;}@media(max-width: 1450px){.date-and-time>div>span{font-size: 3em;}.date-and-time>div>span:last-of-type{font-size: 2.6em;}}@media(max-width: 1300px){.date-and-time>div>span{font-size: 2.8em;}.date-and-time>div>span:last-of-type{font-size: 2.3em;}}@media(max-width: 1200px){.date-and-time>div>span{font-size: 2.6em;}.date-and-time>div>span:last-of-type{font-size: 1.9em;}}@media(max-width: 965px){.date-and-time>div>span{font-size: 1.5em;}.date-and-time>div>span:last-of-type{font-size: 1.3em;}}@media(max-width: 765px){.date-and-time{display: none;}}@media(max-width: 500px){.login-box {padding: 0px 35px 0px 35px;width: 100%;}}@media(max-width: 400px){.login-box {padding: 0px 30px 0px 30px;}}@media(max-width: 375px){.login-box {padding: 0px 19px 0px 19px;}}@media(max-width: 365px){.login-box {padding: 0px 15px 0px 15px;}}@media(max-width: 350px){.login-box {padding: 0px 12px 50px 12px;}}