@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');



/********** Allgemein **********/
body {
    margin:0;
    padding:0;
    font-family: 'Open Sans', sans-serif;
    font-size:15px;
    color:#FFF;
    background-color:#b4cd31;
}
img {
    border:0;
}
a {
    color:#333;
    text-decoration:none;
    outline:none !important;
}
form, input {
    display:inline;
    font-family: 'Open Sans', sans-serif;
    outline:none;
}
input[type="checkbox"]:focus, input[type="radio"]:focus {
    outline:none;
}
input {
    /*border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;*/
}

.clearer {
    clear:both;
}

h1 {
    margin:0px;
    margin-bottom:8px;
    text-align:center;
    font-family: 'Open Sans', sans-serif;
    font-size:36px;
    font-weight:normal;
    line-height:36px;
    color:#b4cd31;
}

#sysErrorWindow {
    display:none;
    position:fixed;
    top:25px;
    left:25px;
    padding:20px;
    background-color:#C00;
    color:#FFF;

    z-index:999;
}




/********** Login Form **********/
.sysLoginPageHolder {
    position:fixed;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;

    z-index:10;
}

.sysLoginFormHolder {
    margin:auto;
    width:430px;
    padding:30px;
    background-color:#333;
}
.sysLoginFormHolder .sysLoginFormInner {

}
.sysLoginFormHolder .sysLoginFormInner input[type="text"],
.sysLoginFormHolder .sysLoginFormInner input[type="password"] {
    width:100%;
    padding:12px;
    background-color:#FFF;
    border:1px solid #DDD;
    font-size:15px;
    margin-top:15px;
    color:#333;
}
.sysLoginFormHolder .sysLoginFormInner input[type="submit"] {
    width:100%;
    padding:9px 0px;
    background-color:#b4cd31;
    border:1px solid #b4cd31;
    font-size:17px;
    margin-top:15px;
    color:#000;
    font-weight:bold;
    cursor:pointer;

    -webkit-transition:all 0.2s ease-out 0s;
    -moz-transition:all 0.2s ease-out 0s;
    -o-transition:all 0.2s ease-out 0s;
    transition:all 0.2s ease-out 0s;
}
.sysLoginFormHolder .sysLoginFormInner input[type="submit"]:hover {
    opacity:.8;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter:alpha(opacity=80);
}
.sysLoginFormHolder .sysLoginFormInner input[type="submit"].sysLoginSubmitLoader {
    background-image:url('../../img/loader.gif');
    background-repeat:no-repeat;
    background-position:20px center;
    background-position:center center;
}

.sysLoginFormInputError {
    border:1px solid #C00 !important;
    box-shadow:0px 0px 3px #C00 inset;
    -moz-box-shadow:0px 0px 3px #C00 inset;
    -webkit-box-shadow:0px 0px 3px #C00 inset;
}




/********** Login No Click Div **********/
#sysLoginNoClickDiv {
    display:none;
    position:fixed;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;

    z-index:100;
}




/********** Media Queries **********/
@media (max-width: 600px) {
    .sysLoginFormHolder {
        width:90%;
    }
    .sysLoginFormHolder .sysLoginFormInner input[type="text"],
    .sysLoginFormHolder .sysLoginFormInner input[type="password"],
    .sysLoginFormHolder .sysLoginFormInner input[type="submit"] {
        width:100%;
    }

    #sysErrorWindow {
        right:25px;
    }

    .sysLoginFormInnerLogoSelf {
        width:180px !important;
    }
}