body {


}

.door { 
    min-height:15vh;
    width:39vw;
    margin-left:2.5vw;
    margin-right:2.5vw;
    display:inline-block;
    margin-top:5vh;
    
}

    .door .bankid-status {
        border-color:rgba(59,16,76,1) !important; 
    }


    .door .closed-status {
        width: 25%;
        min-height: 10vh;
        border-radius: 10px;
        border: 4px solid red;
        transition:all 0.05s ease-in-out;
    }

    .door .autoopen-status {
        background-image:url('images/beacon.svg');
        background-repeat:no-repeat;
        background-position:center left;
        background-size:16px 16px;
        /*border:4px solid greenyellow !important;
        transition:all 0.05s ease-in-out;*/
    }

    .door .open-status {
        border: 4px solid green;
        transition: all 0.05s ease-in-out;
        /*border-top-color:transparent;
        border-top-left-radius:unset;
        border-top-right-radius:unset;*/
    }

    .door span {
        color:#777777;
        text-align:center;
        width:100%;
        display:block;
    }

        .door span:nth-child(2) {
            margin-top: 1vh;
        }

        .door span:nth-child(3) {
            margin-top:0.5vh;
        }


.authenticationField strong {
    text-align:left;
    display:block;
    font-size:large;
    padding-left:5vw;
    color:#555555;
    font-weight:bold;
}

.authenticationField strong:not(:first-child) {
    margin-top:35px;
}

.authenticationField p {
    font-weight:bold;
}

.authenticationField li {
    margin-bottom:10px;
}

.profile-menu {
    position:fixed;
    top:73px;
    right:0px;
    min-height:100vh;
    max-height:100vh;
    width:0%;
    background-color:red;
    z-index:3;
    transition:width 0.3s ease-in-out;
    display:none;
}

.expanded-profile-menu {
    width:100%;
    transition:width 0.5s ease-in-out;
}


.profile-menu-button {
    color:white;
    font-size:x-large;
    font-weight:bold;
    border-bottom:1px solid rgba(255,255,255,0.75);
    padding:3.7vh;
    padding-left:50px;
}