.navbar .nav li.dropdown.open > .dropdown-toggle,
.navbar .nav li.dropdown.active > .dropdown-toggle,
.navbar .nav li.dropdown.open.active > .dropdown-toggle {
    background-color: #eeeeee;
}

.navbar .dropdown-menu > li > a:hover,
.navbar .dropdown-menu > li > a:focus,
.navbar .dropdown-submenu:hover > a,
.navbar .dropdown-submenu:focus > a {
    color: #333333;
    background: none;
    filter: none;
    background-color: #eeeeee;
}

.navbar .dropdown-menu > .active > a,
.navbar .dropdown-menu > .active > a:hover,
.navbar .dropdown-menu > .active > a:focus {
    color: #ffffff;
    background: none;
    filter: none;
    background-color: #0088cc;
}

.navbar .dropdown-menu > li > a:hover > [class^="icon-"],
.navbar .dropdown-menu > li > a:focus > [class^="icon-"],
.navbar .dropdown-menu > li > a:hover > [class*=" icon-"],
.navbar .dropdown-menu > li > a:focus > [class*=" icon-"],
.navbar .dropdown-submenu:hover > a > [class^="icon-"],
.navbar .dropdown-submenu:focus > a > [class^="icon-"],
.navbar .dropdown-submenu:hover > a > [class*=" icon-"],
.navbar .dropdown-submenu:focus > a > [class*=" icon-"] {
    background-image: url("../img/glyphicons-halflings.png");
}

.login {        
    width: 380px;
    margin: 100px auto 0px auto;    
}

.login .header {
    font-size: 20px;
    text-align: center;
    margin: 30px 0px 20px 0px;
}

.login-form {
    padding: 0px 48px;
}

.verifycode-message {
    text-align: justify;
}

.timer-block {
    display: none;
    text-align: center;
}

.timer {
    font-weight: bold;
}

@media (max-width: 767px) {
    .login {
        margin-top: 50px;
        width: 270px;
    }

    .login .header {
        font-size: 17.5px;
    }

    .login-form {
        padding: 0px;
    }

    body,
    label, 
    input, 
    button, 
    select, 
    textarea, 
    .btn:not(.btn-small):not(.btn-mini), 
    .btn-group > .btn:not(.btn-small):not(.btn-mini), 
    .btn-group > .dropdown-menu, 
    .btn-group > .popover {
        font-size: 14px;
    }
}