html { height:100%;}
body {
background: #f9dfde;
margin: 0;
padding: 40px 0px 300px 0px;
font-family: sans-serif;
font-family: 'FuturaLTPro-Light';
}
body a{
color: #111;
text-decoration: none;
}
input:focus,
select:focus,
textarea:focus,
button:focus,
a:focus {
outline: none;
}
input[type=submit] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: #FFF;
border: none;
cursor: pointer;
}
.login-remember {
display: none;
}
#overlay {
position: fixed;
left: 0;
top: 0;
width: 100%;
height:100%;
background: #FFF;
z-index: 1000;
text-align: center;
color:#111;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
cursor: pointer;
height: 100%!important;
min-height: 100vh;
}
#overlay-inner {
height: 100%!important;
min-height: 100vh;
}
#overlay-inner video{
position: fixed;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -100;
-ms-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
background-size: cover;
}
#overlay-close {
position: absolute;
top:30px;
right:30px;
background: #FFF;
padding:10px 15px 15px 15px;
height:40px;
width:40px;
border-radius: 50%;
}
#top, #bottom, #left, #right {
background: #ffffff;
position: fixed;
}
#left, #right {
top: 0; bottom: 0;
width: 30px;
}
#left { left: 0; }
#right { right: 0; }
#top, #bottom {
left: 0; right: 0;
height: 30px;
}
#top { top: 0; }
#bottom { bottom: 0; }
h1 {
color: #ea5278;
font-family: sans-serif;
font-family: 'FuturaLTPro-Medium';
font-weight: normal;
}
h2 {
margin: 0;
margin-bottom: 20px;
}
.tippy-tooltip.aust-theme {
background-color: #fff;
color: #000;
padding: 20px;
}
.tippy-tooltip.aust-theme[data-animatefill] {
background-color: #FFF;
}
.tippy-tooltip.aust-theme .tippy-backdrop {
background-color: #fff;
}
#logo {
width:100%;
text-align: center;
margin-top: 100px;
}
#logo img {
height:40px;
}
.page-template-tmpl-login #logo, .page-template-tmpl-exit #logo {
position: fixed;
bottom: 40px;
}
#exit-container {
width: 100%;
display: flex;
height: 100vh;
justify-content: center;
}
.page-template-tmpl-exit {
overflow: hidden;
}
.page-template-tmpl-exit h1 {
font-size: 140px;
font-family: 'Gloss And Bloom';
align-self: center;
}
#login-title {
width: 100%;
text-align: center;
color: #ea5278;
font-family: sans-serif;
font-family: 'FuturaLTPro-Medium';
font-size: 28px;
margin-bottom: -10px;
}
#news {
border: 6px solid #ea5278;
padding: 30px;
box-sizing: border-box;;
margin-bottom: 40px;
color: #ea5278;
font-family: sans-serif;
font-family: 'FuturaLTPro-Medium';
font-weight: normal;
position: relative;
}
#news-wrapper {
margin-left: 30px;
margin-right: 30px;
box-sizing: border-box;
}
#spinner{
position: absolute;
height: 100px;
width: 100px;
top: 50%;
left: 50%;
margin-left: -50px;
margin-top: -50px;
background: url(../img/ajax-loader.gif);
background-size: 100%;
}
#spinner h2{
font-size: 16px;
color: #ea5278;
font-family: 'Gloss And Bloom';
position: absolute;
bottom: -50px;
font-weight: normal;
}
#logout {
position: absolute;
top:40px;
right:50px;
font-family: sans-serif;
font-family: 'FuturaLTPro-Heavy';
}
#logout a {
color: #ea5278;
}
#open-news {
position: absolute;
right: 10px;
top:10px;
display: none;
}
.info-icon {
position: absolute;
z-index: 100;
right:40px;
top: 15px;
}
.state-disabled .item-link{
pointer-events: none;
cursor: none !important;
}
.service-title {
width:100%;
text-align: center;
display: inline-block;
color: #ea5278;
font-family: sans-serif;
font-family: 'FuturaLTPro-Medium';
font-size: 20px;
}
.title-disabled {
color: #b7b7b7;
}
.container {
max-width: 960px;
}
.extra-padding {
padding-left:30px;
padding-right: 30px;
}
.dashboard-item a{
width: 100%;
display: block;
margin-bottom: 20px;
}
.page-template-tmpl-login{
height:100%;
}
.page-template-tmpl-login #bg{
background: url('../img/aust_bg.jpg');
background-size: cover;
height:100%;
background-position: center;
width:100%;
position: fixed;
z-index: -1;
animation: fadein 4s;
-moz-animation: fadein 4s; /* Firefox */
-webkit-animation: fadein 4s; /* Safari and Chrome */
-o-animation: fadein 4s; /* Opera */
}
.page-template-tmpl-start #bg{
background: url('../img/aust_bg.jpg');
background-size: cover;
height:100%;
background-position: center;
width:100%;
position: fixed;
z-index: -1;
animation: fadein 4s;
-moz-animation: fadein 4s; /* Firefox */
-webkit-animation: fadein 4s; /* Safari and Chrome */
-o-animation: fadein 4s; /* Opera */
}
.aligner {
display: flex;
align-items: center;
justify-content: center;
height:100%;
}
.aligner #loginwrapper{
width:400px;
}
#message {
display: inline-block;
width:100%;
text-align: center;
padding: 10px;
}
#lostpass {
width: 100%;
display: inline-block;
text-align: center;
padding: 10px;
font-size: 12px;
}
#loginform {
padding: 10px 20px 10px 20px;
background-color: #ea5278;
color: #fff;
border-radius: 5px;
display: inline-block;
}
#loginform label{
width:100%;
display: inline-block;
margin-bottom: 10px;
}
#loginform #rememberme{
width:auto;
}
#loginform input{
width:100%;
display: inline-block;
font-size: 14px;
padding: 10px;
}
.login-submit {
width:100%;
text-align: center;
}
#wp-submit{
width: auto !important;
background-color: #f6b1ae;
display: inline-block;;
color: #ea5278;
padding: 10px 40px 10px 40px !important;
font-family: 'FuturaLTPro-Medium';
font-size: 18px;
}
#wp-submit:hover{
background-color: #ffffff;
}
@keyframes fadein {
from {
opacity:0;
}
to {
opacity:1;
}
}
@-moz-keyframes fadein { /* Firefox */
from {
opacity:0;
}
to {
opacity:1;
}
}
@-webkit-keyframes fadein { /* Safari and Chrome */
from {
opacity:0;
}
to {
opacity:1;
}
}
@-o-keyframes fadein { /* Opera */
from {
opacity:0;
}
to {
opacity: 1;
}
}
.desktop #item-inventur {
display: none !important;
}
/* Large desktops and laptops */
@media (min-width: 1200px) {
}
/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
}
/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
}
/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
#logout {
right:10px;
top:10px;
}
#top, #bottom, #left, #right {
display:none;
}
.page-template-tmpl-start #bg{
display: none;
}
.extra-padding {
padding-left: 15px;
padding-right: 15px;
}
#news-wrapper {
margin-left: 0px;
margin-right: 0px;
box-sizing: border-box;
}
}
/* Portrait phones and smaller */
@media (max-width: 480px) {
#logout {
right:10px;
top:10px;
}
.service-title {
font-size: 15px;
}
#open-news {
position: absolute;
right: 10px;
top:10px;
display: block;
}
#news {
height:55px;
overflow:hidden;
padding-left: 8px;
padding-top: 8px;
border: 4px solid #ea5278;
}
.info-icon {
right:20px;
top: 8px;
}
#top, #bottom, #left, #right {
display:none;
}
}