/*============================================================ BUTTONS ============================================================*/

.btn-primary{color: #fff;background-color: #019679 !important;border-color: #019679 !important;}

.btn-primary.focus, .btn-primary:focus {
    box-shadow: 0 0 0 0.2rem rgba(1, 150, 121, 0.7);
}

/*============================================================ FORMS ============================================================*/

.form-control:focus {
    color: #495057;
    border-color: #ddd;
    box-shadow: 0 0 0 0.2rem rgba(156, 156, 156, 0.25);
}

/*============================================================ SIDBAR NAV ============================================================*/


nav#sidebar{
    background: #1e242b;
}

nav#sidebar .brand {
    background: #fff;
}

nav#sidebar h1 {
    color: #657282;
}

nav#sidebar .btn {
    color: #AEB7C2;
    background: #2B333E;
}

nav#sidebar .btn.collapsable {
    background: #252c35;
    color: #fff;
    border-left-color: #00AAFF;
}

nav#sidebar .btn.collapsable.collapsed {
    background: #2B333E;
    border-left-color: transparent;
    color: #AEB7C2;
}

nav#sidebar .collapse, nav#sidebar .collapsing {
    background: #252c35;
    color: #fff;
}

nav#sidebar .collapse .btn, nav#sidebar .collapsing .btn {
    background: transparent;
    color: #616a75;
}

nav#sidebar .btn:hover, nav#sidebar .btn.collapsable.collapsed:hover {
    color: #fff;
}

nav#sidebar .btn:hover i {
    color: #00AAFF;
}


nav#sidebar .btn.active {
    background: #252c35;
    border-left-color: #00AAFF;
    color: #fff;
}

nav#sidebar .btn.active i {
    color: #00AAFF;
}


/*============================================================ LOGIN PAGE ============================================================*/

#loginPage .loginPanel {
    background: #fff;
    box-shadow: 0 0 20px rgba(0,0,0,0.2);
}