main{
    background: var(--darkgrey);
}
.logocolumn{
    display: flex;
}
.login{
    font-family: var(--font-regular);
}

.loginscreen h1,
.loginscreen h2{
    color: #fff;
}
.loginscreen{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.intranet-frame{
    display: flex;
    gap: 30px;
}

.intranet-frame > div{
    background: #fff;
    flex: auto;
}
.intranet-frame .menu{
    width: 25%;
    flex-direction: column;
    align-items: flex-start;
    justify-content: unset;
    padding: 30px 20px;
    gap: 8px;
}
.intranet-frame .content{
    width: 75%;
    padding: 30px 60px 60px 60px;
}
.intranet{
    padding: 130px 0px 30px 0px;
}

hr{
    width: 100%;
    height: 1px;
    background-color: #999;
    margin-top: 0px;
}

.sep{
    margin-top: 8px;
    background: #FFF;
    border: 2px dotted #939393;
    border-top: 0px;
    margin-bottom: 8px;
}

h1{
    font-size: 40px;
    line-height: 50px;
    text-align: center;
    padding-bottom: 30px;
}
h2{
    font-size: 25px;
}
.intranet-frame .menu a{
    text-transform: none;
    line-height: 17px;
    margin: 5px 0px;
}
.intranet-frame .menu a:first-child{
    text-transform: uppercase;
}

.loader { 
    display: none; 
    border: 4px solid rgba(255, 255, 255, 0.3); 
    border-top: 4px solid #fff; 
    border-radius: 50%; 
    width: 25px; 
    height: 25px; 
    animation: spin 1s linear infinite; 
    margin-left: 10px; 
} 
  
@keyframes spin { 
    0% { 
        transform: rotate(0deg); 
    } 
  
    100% { 
        transform: rotate(360deg); 
    } 
} 

#loadbutton{
    width: 200px;
    display: flex;
    margin: 0px auto;
    justify-content: center;
    align-items: center;
}
  
.loading span.login{ 
    display: none;
}

span.noentry{
    display: none;
}


@media(max-width: 992px){
    .intranet-frame{
        flex-direction: column;
    }
    .intranet-frame .menu,
    .intranet-frame .content{
        width: 100%;
    }
}

@media(max-width: 768px){
    .intranet-frame .content{
        padding: 30px 20px 60px 20px;
    }
    .intranet{
        padding: 160px 0px 30px 0px;
    }
}

@media (max-width: 991px) {
    .logocolumn {
      text-align: left !important;
    }
}

@media (max-width: 991px) {
    .logocolumn {
      text-align: left;
    }
}