#d_Navigation { display:none; }
#d_Overlay { display:block !important; background:rgba(103, 103, 103, 0.8) !important; }
#d_Header { box-shadow:none !important; }

#d_Login_Box {
    border-radius: 5px;
    color: white;
    background-color: #565254;
    border: 2px solid #5576ff;
    padding: 20px;
    width: 300px;
    height: auto;
    min-height: 200px;
    overflow: hidden;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -150px;
    margin-top: -128px;
z-index:22;   }

h2 { margin-top:0px !important; text-align:center; padding-top:0px; font-weight:normal; font-size:170%; vertical-align:top; border-bottom:1px solid #eaeaea; padding-bottom:5px; }

.d_Flex_Container {
    display:flex;
    justify-content:center;
    align-items:center;
}

.d_Flex_Aligner_Top {
    align-self:flex-start;
    width:300px;
}

.d_Flex_Aligner_Bottom {
    align-self: flex-end;
    width: 300px;
}

.d_Button_Link {
    background-color: transparent;
    border: none;
    cursor: pointer;
    text-decoration: underline;
    padding: 0px;
    color:#fff;
}


.d_Image_App {
    height: auto;
    width: 33%;
    display: inline-block;
    opacity:0.7;
    transition:0.3s all ease;
    margin-top:10px;
    border-bottom: 2px solid #565254;
}

.d_Image_App:hover {
    opacity:1;
    border-bottom:2px solid #5576ff;
}
.d_Center_Align {
    text-align:center;

}
.d_Image_App a {
    height: 100%;
    width: 100%;
}
.img_App {height:40px; width: 40px;}


#img_QR_Code{
    width:200px; height:200px;
}

#lbl_QR_Code {
    word-break: break-word;
}

.d_Login_Button {
    width: 100%;
    text-align: center;
    margin-top: 10px;
}
#btn_Login, #btn_AppInstalled, #btn_AppRegistered {
    background-color: #484848;
    font-size: 130%;
    border: 3px solid #606060;
    border-radius: 0px;
    width: auto;
    min-width: 100px;
}
#btn_Login:hover, #btn_AppInstalled:hover, #btn_AppRegistered:hover {
    border-color: #5576ff;
}