/***
Login page
***/

/* logo page */
body
{
    background: url("../../images/login_background.png") no-repeat #f5f5f5 fixed center;
}

.login
{
    width: 360px;
    height: 250px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -180px;
    margin-top: -200px;
}

.login .logo
{
    padding: 15px;
    text-align: center;
    background-color: #15A4FF;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
}

.login .content
{
    padding: 30px 30px 70px 30px;
    background-color: rgba(8, 37, 58, 0.6);
}

.login .content h3
{
    color: #000;
}
.login .content h4
{
    color: #555;
}

.login .content p
{
    color: #222;
}

.login .content .login-form, .login .content .forget-form
{
    padding: 0px;
    margin: 0px;
}

.login .content .input-icon
{
    border-left: 4px solid #FDBB45 !important;
}

.login .content .input-icon i
{
    color: #00afec;
}

.login .content .input-icon .form-control
{
    border: 0;
}

.login .content .forget-form
{
    display: none;
}

.login .content .register-form
{
    display: none;
}

.login .content .form-title
{
    font-weight: 300;
    margin-bottom: 25px;
}

.login .content .username
{
}
.login .content .password
{
    margin-top: 1px;
}
.login .content .action .btn
{
    height: 42px;
}

.login .content .info
{
    padding-top: 10px;
    padding-bottom: 10px;
    margin-left: -6px;
}

.login .content .info .save-psw {
    color: #39d7e8;
}

.login .content .info .forget-psw
{
    float: right;
}
.login .content .info .forget-psw a {
    color: #b9b9b7;
}

@media (max-width: 600px)
{
    /***
                      Login page
                      ***/
    .login
    {
        height: 100%;
        width: 100%;
        position:relative;
        left:0px;
        top:0px;
        margin-top:50px;
        margin-left:0px;
    }
    form {
        padding:15px;
    }
}


.login .switch
{
    float: right;
    cursor: pointer;
}

.login .switch .icon
{
    position: relative;
    margin-top: -45px;
}

.login .switch .icon .out
{
    color: #ffffff;
    margin-right: -60px;
}

.login .switch .language
{
    position: relative;
    color: #ffffff;
    top: -15px;
    right: -23px;
    z-index: 2;
}

.login .switch .icon > i
{
    font-size: 60px;
}

.login .switch .icon .yellow
{
    color: #ffb848;
}
.login .switch .icon .green
{
    color: #35aa47;
}

.login .switch .icon .purple
{
    color: #852b99;
}
.btn {
    font-size: 18px;
}
.btn .blue {
    background-color:#00afec;
}
#login .form-control {  
  border: 0px;
}


.input-group-addon
{ 
     border: 0px;
}

.loginportalfooter {
    font-size: 16px;
    font-weight: bold;
    position: fixed;
    left: 40%;
    right: 40%;
    z-index: 10000;
    bottom: 0;
    padding-bottom: 50px;
    text-align: center;
    color: black;
    height:10px;
}

.loginportalfooter2 {
    font-size: 16px;
    font-weight: bold;
    position: fixed;
    left: 37%;
    right: 37%;
    z-index: 10000;
    bottom: 0;
    padding-bottom: 50px;
    text-align: center;
    color: black;
}