.loginpage {
    text-align: center;
    background: #f3f3f3 url(bglogin3.svg);
    background-blend-mode: multiply;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0;
}

.emplwrap {
    height: 96vh;
}

.heightclass {
    width: 10vw;
    height: 15vw;
}

.logclass {
    display: inline-flex;
    color: #3f495b;
    font-weight: 900;
    font-family: cursive;
    border: 0.4vw solid;
    border-radius: 0%;
    transition: ease-in-out;
    transition-duration: 0.5s;
    margin: 0px 20px;
    cursor: pointer;
    text-decoration: none !important;
    opacity: 0.8;
    background: white;
    justify-content: center;
}

#external-account {
    margin: 0;
}

#workerselect {
    display: inline-flex;
    flex-direction: column;
    justify-content: space-between;
}

#mslogin {
    background: transparent;
    border: 0px solid;
    width: 10vw;
    height: 15vw;
    margin: 0;
    padding: 0;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
}

.logclassbutt {
    display: inline-flex;
    color: #3f495b;
    font-weight: 900;
    justify-content: center;
    font-family: cursive;
    border: 0.4vw solid;
    border-radius: 0%;
    transition: ease-in-out;
    transition-duration: 0.5s;
    margin: 0px 20px;
    cursor: pointer;
    text-decoration: none !important;
    opacity: 0.8;
    background: white;
}

.logclassbutt:hover {
    transition: ease-in-out;
    transition-duration: 0.5s;
    opacity: 1;
    transform: scale(1.1);
    background: white;
    filter: drop-shadow(0 0 0.3rem #3f495b);
}


.logclass:hover {
    transition: ease-in-out;
    transition-duration: 0.5s;
    opacity: 1;
    transform: scale(1.1);
    background: white;
    filter: drop-shadow(0 0 0.3rem #3f495b);
}

.superheadding {
    color: #3c495c;
    font-size: 3vw;
    font-weight: 900;
    font-family: arial;
    padding-bottom: 5%;
    text-align: center;
}


a {
    text-decoration: none !important;
    color: #3f495b;
}

.pipe-item {
    font-size: 1.1vw;
    color: #38495d;
    padding: 0px 5px 0px 5px;
}

.logcenter {
    display: inline-flex;
    width: -webkit-fill-available;
    justify-content: center;
}

.nodekor {
    color: #a8453a;
    display: flex;
    justify-content: center;
    flex-direction: column;
    font-size: 1.3vw;
    cursor: pointer;
    font-family: Nunito, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: bold;
    text-align: center;
}

.noshow {
    display: none;
}

.dekmarg {
    margin: auto;
}

.logikon {
    height: 10vw;
    transition: ease-in-out;
    transition-duration: 0.5s;
    width: 100%;
}

.logikon:hover {
    
    transition: ease-in-out;
    transition-duration: 0.5s;
    cursor: pointer;
    
}


button.nav-link.btn.btn-link.text-dark {
    background: transparent;
    border: none;
    padding-bottom: 0;
    margin: 0;
    color: #616b7b;
    cursor: pointer;
    font-size: 1.1vw;
}


.langas {
    display: inline-flex;
    flex-direction: column;
    padding-bottom: 110px;
    top: 20%;
    border-radius: 100px;
    transform: scale(1);
    position: relative;
}



.langas {
    display: inline-flex;
    align-items: center;
}


.log-reg {
    display: inline-flex;
    align-items: center;
}


.logitem {
    color: #38495d;
    font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
}


@media (max-width: 768px) {
    .langaslg {
        display: inline-flex;
        flex-direction: column;
        border-radius: 100px;
        transform: scale(1);
        justify-content: center;
    }
}


.button_lang:hover {
    background: #ff9a4d;
    transition: 0.25s ease;
    color: white !important;
}