.bck-img{
    /*background-image:url('../images/login/img1.jpg');*/    
    background-size: 100%;
    background-repeat:no-repeat;
    border-top-left-radius:4px;
    border-top-right-radius:4px;
    min-height:700px;
    text-align:right;
    position:relative;
}
#logo {
    color:#fff;
    font-size:32px;
    font-weight:bold;
    position:absolute;
    top:10px;
    left: 10px;
    text-align: left;
}
.header-welcome-msg, .navbar-inverse {
    display:none;
}
#loginbox{
       background:rgba(221, 221, 221, 0.5);
    border-radius:3px;
    padding:  20px;  
    padding-bottom: 50px;   
    margin:10px;
    margin-top:40px;
    width: 360px;   
    color:#4b575f;   
    text-align:left;
    display:inline-block;
}
#loginplusmessage {
    display: flex;
    gap: 10px;
    align-items: center;
}
a.loginlink {
    padding: 6px 0;
    display: block;
}
div.afterloginbox {
    padding-top:12px;
}
div.loginArea{
   background-color: rgba(244, 244, 244, 0.7);
padding: 20px 20px;
margin-left: -20px;
margin-right: -20px;
}
.input-group{
    margin-bottom:10px;
}
#loginbox .form-control{
    height:31px;
    background-color:#f4f4f4;
}
button.btn{
color: #F7F7F7;
background-color: rgba(90, 90, 90, 0.7);
    border:0;
}
button.btn:hover{
     color:#fff;
    background-color: rgba(90, 90, 90, 0.8);
}
.powered-by{
    padding:20px;
}

.powered-by > a {
    color: #fff;
    text-decoration: none;
}

.container{
    padding:20px;
}
input[type="text"], 
input[type="password"] {
    border: 1px solid #ccc;
    padding: 2px;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    font-size: 0.9em;
    color: #333333;
    width: 200px;
}
#startup {
    color: white;
    position: absolute;
    left: 40px;
    top: 200px;
    font-size: 32px;
}