body{
    background: whitesmoke;
}
.course-link{
    display:block;
}
.loader {
    position: fixed;
    width: 100vw;
    height: 200vh;
    pointer-events: none;
    background-color: #FFF6ED;
    z-index: 1;
    visibility: hidden;
    opacity: 0;
}
.blank-header{   
    position: sticky;
    top:0;
    left:0;
    width:100%;  
    z-index: 99;
}
.felogin-wrap{       
    background: #fff;
    padding: 2rem;
}

.felogin-wrap input[type=submit]{
    background: #00548e;
    color:#fff;   
    width:100%;
    margin-top: 1rem;
}
.felogin-wrap img{
    position: absolute;   
    right:2rem;
    top:2rem;
}
.felogin-wrap a.opt-link{
    margin-top:1rem;
    text-decoration: none;
    color:#00548e;
}
.felogin-wrap .error{
    background: #EE1D25;
    color:#fff;
    padding: 0.5rem;
    border-radius: 5px;
}

.felogin-wrap .error li{
    font-size: 14px;
   margin-bottom: 5px;
}
.felogin-wrap h3{
    padding-top: 12px;    
    padding-bottom: 1rem;
    font-size: 24px;
}
.felogin-wrap .requirements{
    margin-top: 1rem;
    font-size: 12px;
}
.felogin-wrap .requirements ul{
    padding-left: 0;
    margin-left: 12px;
}
.felogin-wrap .requirements p{
    margin-bottom: 0.5rem;
}

#tx-felogin-input-logout{
    position: fixed;
    top: 35px;
    right: 10px;
    z-index: 6;
}

h1{
    color: #00548e;
    font-size: 24px;
}
h2{
    color: #00548e;
    font-size: 20px;
}
.course-menu-wrap{
    display: flex;
    justify-content: center;
    margin-top: 100px;
}
.course-menu{
    padding: 20px;
}
.course-head{
    padding-top: 8px;
    padding-bottom: 8px;
    position: sticky;
    top:0;
    background: #fff;
    border-bottom:1px solid #E6EEF4;
    background: #004A79;
    z-index: 5;
}
.course-head h1,
.course-head h2{
    color: #fff;    
}
.course-head a{
    text-decoration: none;  
    color: #fff;     
}
.login-panel-wrap{
    display: flex;
    justify-content: center;
    margin-top: 100px;
}
.login-panel{   
    margin-top: 100px;
    width: 400px;
    max-width: 90%;
}
ul.typo3-messages{
    list-style-type: none;
    margin:0;
    padding: 0;
}
.toast-wrap{
    position: fixed;
    top:0;
    width: 100%;
    z-index: 1000;
}
.courseitem-wrap{   
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.courseitem-wrap .inner{   
    max-width: 800px;
}
.courseitem-wrap:nth-child(even) {
    background: #E6EEF4
}
.courseitem-wrap:nth-child(odd) {
    background: #FFF
}
.courseitem-wrap textarea{
   height:150px !important;
   
}
.asset-wrap{
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.asset-wrap img{
    border-radius: 2px;
    border:1px solid #fff;
    background: #fff;
}
.btn-primary{
    background: #004A79;
    border-color: #004A79;
}
a.icon-link{
    display:inline-flex;
}
a.icon-link span{
    align-self: center;
}
.comments-wrap .comment{
    background: #FAF9F5;
    padding: 5px;
    margin-bottom: 5px;
}
.comments-wrap .comment .comment-date span{
    font-size: 12px;
}