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


/* source-sans-pro-300 - latin */
@font-face {
    font-display: swap;
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 300;
    src: url('/fonts/source-sans-pro-v19-latin/source-sans-pro-v19-latin-300.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('/fonts/source-sans-pro-v19-latin/source-sans-pro-v19-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/fonts/source-sans-pro-v19-latin/source-sans-pro-v19-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
    url('/fonts/source-sans-pro-v19-latin/source-sans-pro-v19-latin-300.woff') format('woff'), /* Modern Browsers */
    url('/fonts/source-sans-pro-v19-latin/source-sans-pro-v19-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/fonts/source-sans-pro-v19-latin/source-sans-pro-v19-latin-300.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-regular - latin */
@font-face {
    font-display: swap;
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    src: url('/fonts/source-sans-pro-v19-latin/source-sans-pro-v19-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('/fonts/source-sans-pro-v19-latin/source-sans-pro-v19-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/fonts/source-sans-pro-v19-latin/source-sans-pro-v19-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('/fonts/source-sans-pro-v19-latin/source-sans-pro-v19-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('/fonts/source-sans-pro-v19-latin/source-sans-pro-v19-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/fonts/source-sans-pro-v19-latin/source-sans-pro-v19-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-italic - latin */
@font-face {
    font-display: swap;
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: 400;
    src: url('/fonts/source-sans-pro-v19-latin/source-sans-pro-v19-latin-italic.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('/fonts/source-sans-pro-v19-latin/source-sans-pro-v19-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/fonts/source-sans-pro-v19-latin/source-sans-pro-v19-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('/fonts/source-sans-pro-v19-latin/source-sans-pro-v19-latin-italic.woff') format('woff'), /* Modern Browsers */
    url('/fonts/source-sans-pro-v19-latin/source-sans-pro-v19-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/fonts/source-sans-pro-v19-latin/source-sans-pro-v19-latin-italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-700 - latin */
@font-face {
    font-display: swap;
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 700;
    src: url('/fonts/source-sans-pro-v19-latin/source-sans-pro-v19-latin-700.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('/fonts/source-sans-pro-v19-latin/source-sans-pro-v19-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/fonts/source-sans-pro-v19-latin/source-sans-pro-v19-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('/fonts/source-sans-pro-v19-latin/source-sans-pro-v19-latin-700.woff') format('woff'), /* Modern Browsers */
    url('/fonts/source-sans-pro-v19-latin/source-sans-pro-v19-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/fonts/source-sans-pro-v19-latin/source-sans-pro-v19-latin-700.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}


/********** Allgemein **********/
body {
    margin:0;
    padding:0;
    font-family: 'Source Sans Pro', sans-serif;
    font-size:15px;
    color:#FFF;
    background-color:#b9bf15;
}
img {
    border:0;
}
a {
    color:#202945;
    text-decoration:none;
    outline:none !important;
}
form, input {
    display:inline;
    font-family: 'Source Sans Pro', 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: 'Source Sans Pro', sans-serif;
    font-size:36px;
    font-weight:normal;
    line-height:36px;
    color:#b9bf15;
}

#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:#202945;
}
.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:#202945;
}
.sysLoginFormHolder .sysLoginFormInner input[type="submit"] {
    width:100%;
    padding:9px 0px;
    background-color:#b9bf15;
    border:1px solid #b9bf15;
    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;
    }
}