.login-wrapper .box {
    background: rgba(255, 255, 255, 0.8);
    right: 10%;
    position: absolute;
    margin: auto;
    margin-top: 120px;
    box-shadow: 0 0 20px 4px rgba(231, 243, 253, 0.7);
}

.login-wrapper .logo {
   position: absolute;
   width: 400px;
   text-align: center;
   right: 10%; 
}

.login-wrapper .box a.reset {
    color: #000000;
}

.login-wrapper .box h6 {
    color: #5b637a;
}

.login-wrapper .box a.reset {
    font-style: normal;
    color: #5b637a;
    text-decoration: none;
    font-weight: bold;    
}

.login-wrapper .box a.reset:hover {
    text-decoration: underline;
}

.logo img {
    display: none;
}

.logo {
    background: url(../images/logo-blue_l.png) no-repeat center;
    height: 100px;
    width: 900px;
    margin: 0 auto;
}

@media (max-width: 767px) {
    .login-wrapper .logo {
        position: relative;
        width: auto;
        right: auto; 
    }
     .login-wrapper .box {
        right: auto;
        position: relative;
        margin: 0 auto;
    }

 }


@media (max-width: 420px) {
    header .navbar-nav > li.settings {
        margin-right: 0;
    }
    .navbar-header a.navbar-brand img {
        height: 20px;
    }
    .navbar-inverse .navbar-brand {
        padding: 15px 13px;
    }
}


/***** navbar ****/
.navbar-inverse {
    border: 0;
    background: #b3b9d1 !important;
    box-shadow: 0 0 20px 4px rgba(179, 185, 209, 0.5);
}

.navbar-inverse .nav > li > a {
    border: 0;
}

.navbar-inverse .nav > li.last > a {
    border-right: 0;
}

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

.navbar-inverse .nav > li > a:hover , .navbar-inverse .nav > li.active > a:hover {
    background: #db0e30;
    box-shadow: 0 0 10px 4px rgba(122, 132, 174, 0.5);
    color: #ffffff !important;
}

.navbar-inverse .navbar-nav>.active>a, navbar-inverse .navbar-nav>.active>a:focus {
    background: #7a84ae;
    box-shadow: 0 0 10px 4px rgba(122, 132, 174, 0.5);
    color: #ffffff !important;
}

.navbar-inverse .settings > a > i {
    color: #ffffff !important;
}

.pull-right > li > a:hover >i {
    color: #ffffff !important;
}

.navbar-inverse a.navbar-brand:hover {
    background: unset;
}


.sidebar > li > a {
    color: #42518c;
}

.sidebar > li > a:hover {
    color: #42518c;
    background-color: #ededed;
}

.dropdown-menu>li>a {
    color: #42518c;
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
    color: #42518c;
    background-color: #ededed;
}

.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus {
    color: #42518c;
    background-color: #ededed;
}


.list-group-item.active {
    background-color: #42518c;
    border-color: #42518c;
}

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

.navbar-inverse .menu a {
    background-color: #7a84ae;
    border-color: #7a84ae;
}

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

/****************/

.btn.login.btn-primary {
    padding: 8px 50px !important;
    color: #ffffff;
    background-color: #db0e30;
    border-color: #db0e30;
}

.btn.login.btn-primary:hover {
    color: #ffffff;
    background-color: #42518c;
    border-color: #42518c;
}


.btn-primary {
    color: #ffffff;
    background-color: #42518c;
    border-color: #42518c;
}

.btn.btn-primary a{
    color: #6e1f82;
}

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

.btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary[disabled].active, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
    background-color: #fdd3db;
    border-color: #fdd3db;
}

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

.btn-primary.button-disable a{
    color: #969090;
}

input, select, button, textarea, .select2-container .select2-choice, .select2-container--default, .btn {
    border-radius: 0 !important;
}