.login-bg.bg-1 {
    background: url("../images/bg_1.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: transparent;
}
.login-bg.bg-2 {
    background: url("../images/bg_2.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: transparent;
}
.login-bg.bg-3 {
    background: url("../images/bg_3.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: transparent;
}
@media screen and (max-width: 1024px) {
    .login-bg.bg-1 {
        background: url("../images/bgm_1.jpg") no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-color: transparent;
    }
    .login-bg.bg-2 {
        background: url("../images/bgm_2.jpg") no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-color: transparent;
    }
    .login-bg.bg-3 {
        background: url("../images/bgm_3.jpg") no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-color: transparent;
    }
}


.login-wrapper {
    top: 20px;
}

.login-wrapper .logo img {
    width: 250px;
    position: absolute;
    left: 26%
}


.login-wrapper .box {
    box-shadow: none;
    background: #007344;
    width: 535px;
    left: 18%;
    top: 250px;
    position: absolute;
}

.login-wrapper .box h6,
.login-wrapper .box a.reset {
    color: #ffffff;
}


.login-wrapper .box input[type="text"], .login-wrapper .box input[type="password"] {
    font-size: 15px;
    height: 40px;
    margin-bottom: 18px;
    border: 1px solid #ffffff;
    border-radius: 0;
    background-color: rgba(255, 255, 255, 0.3);
    padding-left: 12px;
    color: #ffffff;
}

.login-wrapper .control-group.error .help-block,
.login-wrapper .control-group.error .help-inline {
    color: #ffffff;
    background-repeat: no-repeat;
    background-color: #e2453d;
    min-height: 36px;
    padding: 10px;
}

#auth-type-select {
    height: 40px;
    margin-bottom: 20px;
}

.navbar-inverse {
    background: #00854a !important;
}

.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:focus {
    background-color: #05663b;
    color: #ffffff !important;
}

.navbar-inverse .navbar-nav li >a:hover,
.navbar-inverse .navbar-nav li.active>a:hover {
    background: #05663b;
    color: #fff !important;
}

.navbar-inverse .navbar-nav > .open > a {
    background: #05663b !important;
}

.navbar-inverse .nav>li.title>a {
    color: #ffffff;
}

.navbar-inverse .settings i {
    color: #ffffff;
}

.navbar-inverse .menu a {
    color: #ffffff;
     background-color: #00854a; 
     border-color: #00854a;
}

.navbar-inverse .menu a:hover {
    background: #05663b;
}

.list-group-item {
    background-color: #f7f7f7;
    border: 0;
}

.list-group-item.active {
    color: #fff;
    background-color: #057b47;
    border-color: #057b47;
}

a.list-group-item:hover {
    color: #fff;
    text-decoration: none;
    background-color: #057b47;
}

.list-group-item.active:focus,
.list-group-item.active:hover {
    background-color: #057b47;
    border-color: #057b47;
}


.btn.login.btn-primary {
    width: 100%;
    background-color: #ffffff;
    border-color: #ffffff;
    color: #404041;
}

.login-wrapper .box button:hover {
    box-shadow: 0 0 5px 1px rgba(0,0,0,0.5);
}


.btn-primary {
    background-color: #057b47;
    border-color: #057b47;
    color: #ffffff;
}

.btn-primary:hover, .open>.dropdown-toggle.btn-primary {
    background-color: #05663b;
    border-color: #05663b;
    color: #ffffff;
}

.btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open>.dropdown-toggle.btn-primary {
    color: #ffffff;
    background-color: #05663b;
    border-color: #05663b;
}

.content-control > .breadcrumb a {
    color: #057b47;
}

.login-wrapper .box input:focus::-webkit-input-placeholder { 
    color:transparent;
} 
.login-wrapper .box input:-moz-placeholder {
  color: #ffffff;
  font-size: 15px;
  letter-spacing: 0px;
}
.login-wrapper .box input:-ms-input-placeholder {
  color: #ffffff;
  font-style: italic;
  letter-spacing: 0px;
}
.login-wrapper .box input::-webkit-input-placeholder {
  color: #ffffff;
  letter-spacing: 0px;
  font-size: 15px;
}



@media screen and (max-height:780px)
{
    .login-wrapper .logo img {display:block;margin:0 auto;}
}

/*?=@media=1220px------------------- */
@media screen and (max-width:1220px)
{
    .login-wrapper {width:100%;padding-left:30px;}
}

/*?=@media=860px------------------- */
@media screen and (max-width:860px)
{
    .personImage {display:none;}
    .login-wrapper {padding-left:0;}
    .login-wrapper .logo,.login-wrapper .box {margin-left:auto;margin-right:auto;}

    .login-wrapper .box {
        width: auto;
        left: auto;
        top: 0;
        position: relative;
    }

    .login-wrapper .logo img {
        width: 250px;
        position: relative;
        left: auto;
    }
}

/*?=@media=590px------------------- */
@media screen and (max-width:590px)
{
    .login-wrapper {padding:30px 20px;}
    .login-wrapper .logo, .login-wrapper .box {max-width:100%;}
    .login-wrapper .box {padding:50px 30px;}
}

/*?=@media=460px------------------- */
@media screen and (max-width:460px)
{
    .login-wrapper .box {padding: 20px;}
}

/*?=@media=410px------------------- */
@media screen and (max-width:410px)
{
    .login-wrapper .box .links div:first-of-type {margin-bottom:10px;}
    .login-wrapper .box .links .cell {display:block;}
}