a.mox-login-button, .mox-login fieldset input[type=submit], .mox-login fieldset button.save { -webkit-appearance: none; -moz-appearance: non; appearance: none; cursor: pointer; margin: 0; line-height: 20px; padding: 9px 10px; border: 0; border-radius: 0.375rem; background-color: #DA522B; text-decoration: none; color: #fff; font-weight: 500; display: block; width: 100%; box-sizing: border-box; font-size: 1rem; }
a.mox-login-button:hover, .mox-login fieldset input[type=submit]:hover, .mox-login fieldset button.save:hover { background-color: #c90a61; }

body { background-color: #fff; background-image: none; }
body { font-family: 'Inter', system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji'; font-size: 14px; }

.mox-login fieldset p input[type=text], .mox-login fieldset p input[type=email], .mox-login fieldset p input[type=datetime-local], .mox-login fieldset p select, .mox-login fieldset p input[type=password] { border: 1px solid #ccc; border-radius: 0.375rem; line-height: 20px; padding: 8px 12px; }

input#filter, input#Filter, input#js-filter { -webkit-text-size-adjust: 100%; tab-size: 4; font-feature-settings: 'cv03','cv04','cv11'; -webkit-font-smoothing: antialiased; box-sizing: border-box; border-style: solid; --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x:; --tw-pan-y:; --tw-pinch-zoom:; --tw-scroll-snap-strictness: proximity; --tw-ordinal:; --tw-slashed-zero:; --tw-numeric-figure:; --tw-numeric-spacing:; --tw-numeric-fraction:; --tw-ring-inset:; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur:; --tw-brightness:; --tw-contrast:; --tw-grayscale:; --tw-hue-rotate:; --tw-invert:; --tw-saturate:; --tw-sepia:; --tw-drop-shadow:; --tw-backdrop-blur:; --tw-backdrop-brightness:; --tw-backdrop-contrast:; --tw-backdrop-grayscale:; --tw-backdrop-hue-rotate:; --tw-backdrop-invert:; --tw-backdrop-opacity:; --tw-backdrop-saturate:; --tw-backdrop-sepia:; font-family: inherit; font-weight: inherit; margin: 0; outline-offset: -2px; appearance: none; --tw-shadow: 0 0 #0000; display: block; width: 100%; border-radius: .375rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(209 213 219); --tw-bg-opacity: 1; background-color: rgb(255 255 255); padding-top: .5rem; padding-bottom: .5rem; padding-left: 2.5rem; padding-right: .75rem; --tw-text-opacity: 1; color: rgb(17 24 39); font-size: 14px; line-height: 1.25rem; background-image: url('/Public/Static/images/search.svg'); background-repeat: no-repeat; background-position-y: center; background-position-x: 8px; }

.mox-login { background-color: #fff; margin: 0; }
.mox-login fieldset p input[type=checkbox] { -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-print-color-adjust: exact; color-adjust: exact; display: inline-block; vertical-align: middle; background-origin: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; flex-shrink: 0; background-color: #fff; border-color: #777; border-width: 1px; border-radius: .25rem; color: #DA522B; outline: 1px solid #ccc; }
.mox-login fieldset p input[type=checkbox]:checked { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5.707 7.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0-1.414-1.414L7 8.586 5.707 7.293z'/%3e%3c/svg%3e"); border-color: transparent; background-color: currentColor; background-size: 100% 100%; background-position: center; background-repeat: no-repeat; outline: none; }
.mox-login fieldset p input[type=checkbox] + label { margin-left: 8px; }
.mox-login .logo { border-bottom: 1px solid #eee; background-color: #fff; text-indent: -99999px; height: 120px; background-size: 180px; background-position: center; background-repeat: no-repeat; background-image: url('/Public/Static/images/system-logo.png'); }

body.login {background-color: #fff;}
.login #backtoblog a, .login #nav a {color: #666;}
.login #backtoblog a:hover, .login #nav a:hover, .login h1 a:hover {color: #000;}
.login #nav {color: #000; text-align: center;}
.login #backtoblog {text-align: center;}

body.login .login-split {
    width: 50%;
    position: fixed;
    left: 0;
    height: 100%;
    display: block;
}

.login-split {
    background-image: url(/Public/Static/images/login-background.jpg);
    background-size: cover;
    background-position: 50% 50%;
}

body.login #login
{
    position: absolute;
    left: 50%;
    top: 50%;
    padding: 30px 0 30px 50px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.language-switcher {
    position: absolute;
     left: 50%;
     padding: 30px 0 30px 50px;
     bottom: 0;
    /*top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); */
}

.login h1 a { background: none; width: auto; height: auto; text-indent: 0; overflow: hidden; font-weight: 900; margin: auto; font-size: 22px;}
.login h1 a span {display: block; font-size: 10px; font-weight: 500; color: #666; margin-top: 20px;}
.login form {border: none; box-shadow: none;}
.privacy-policy-page-link {display: none;}
.login form .input, .login input[type=password], .login input[type=text] {border-radius: 5px;}
.login-split-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.login-split-content img {max-width: 400px;}

.wp-core-ui .button-primary {background-color: #14b2dc; border-color: #14b2dc; text-transform: uppercase; font-weight: 600; font-size: 12px;}
.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {background-color: #14b2dc; border-color: #14b2dc;}

.login #login_error {border-radius: 10px;}



@media screen and (max-width: 1024px) {
    .login-split-content img {max-width: 300px;}
}

@media screen and (max-width: 768px) {
    .login-split {display: none!important;}

    body.login #login
    {
        position: relative;
        top: inherit;
        left: inherit;
        padding: 0;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    
    .language-switcher {
        position: relative;
        top: inherit;
        left: inherit;
        padding: 0;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}