﻿/*.login_btn {
            border-radius: 8px;
            padding: 4px;
            width: 174px;
            margin: 0 auto;
        }       */

.input_bg_color{
    background-color:#ffffff !important;
}
        


.login_focus {
    /*border: 2px dashed #2595B3;*/
}


html, body {
    height: 100%;
}

#container {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

#upper {
    height: 40px;
    background-color: #F2F2F2;
    border: solid 1px #008080;
}

#lower {
    background-image: url('../img/login_bg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    flex-grow: 1;
    height: 100%;
}

.text_left {
    text-align: left !important;
}

.bold{
    font-weight:bold;
}

.btnlogin {
    width: 100%;
    background-color: #0174CF;
    color: white;
    border-radius: 20px;
    padding: 10px;
    cursor: pointer;
}

.btnlogin:disabled{
    background-color: #808080;
    color:black;
}

.btnlogin:hover:not(:disabled),.btnlogin:focus:not(:disabled){
     opacity: .5;
}

.login_footer {
    display: flex;
    margin-top: 20px;
}

.forgot_password {
    flex: 1;
    text-align: left;
}

.forgot_password input {
    color: #FD5A59;
    cursor: pointer;
}

.forgot_password input:hover {
    opacity: .5;
}

.login_user {
    flex: 1;
    text-align: right;
}

.login_user input:hover {
    opacity: .5;
}

.login_user input {
    color: #4396DA;
    cursor: pointer;
}
.login_title{
    padding-bottom:30px;
}
