/* ===========================
   HEADER
=========================== */

.skin-purple .main-header .navbar {
    background-color:#4C2823;
}

.skin-purple .main-header .navbar .nav>li>a{
    color:#FFFFFF;
}

.skin-purple .main-header .navbar .nav>li>a:hover,
.skin-purple .main-header .navbar .nav>li>a:active,
.skin-purple .main-header .navbar .nav>li>a:focus,
.skin-purple .main-header .navbar .nav .open>a,
.skin-purple .main-header .navbar .nav .open>a:hover,
.skin-purple .main-header .navbar .nav .open>a:focus,
.skin-purple .main-header .navbar .nav>.active>a{
    background:#5A332D;
    color:#FFFFFF;
}

.skin-purple .main-header .navbar .sidebar-toggle{
    color:#FFFFFF;
}

.skin-purple .main-header .navbar .sidebar-toggle:hover{
    color:#FFFFFF;
    background:#5A332D;
}

/* Mobile */

@media (max-width:767px){

.skin-purple .main-header .navbar .dropdown-menu li.divider{
    background:#5A332D;
}

.skin-purple .main-header .navbar .dropdown-menu li a{
    color:#FFFFFF;
}

.skin-purple .main-header .navbar .dropdown-menu li a:hover{
    background:#5A332D;
}

}

/* ===========================
   LOGO
=========================== */

.skin-purple .main-header .logo{
    background:#4C2823;
    color:#FFFFFF;
    border-bottom:0;
}

.skin-purple .main-header .logo:hover{
    background:#5A332D;
}

.skin-purple .main-header li.user-header{
    background:#4C2823;
}

/* ===========================
   CONTENT
=========================== */

.skin-purple .content-header{
    background:transparent;
}

/* Background halaman */

.skin-purple .wrapper,
.skin-purple .content-wrapper,
.skin-purple .right-side{
    background:#F8F4EF;
}

/* ===========================
   SIDEBAR
=========================== */

.skin-purple .main-sidebar,
.skin-purple .left-side{
    background:#3A231D;
}

.skin-purple .user-panel>.info,
.skin-purple .user-panel>.info>a{
    color:#FFFFFF;
}

.skin-purple .sidebar-menu>li.header{
    background:#3A231D;
    color:#D9B88A;
}

.skin-purple .sidebar-menu>li>a{
    color:#FFFFFF;
    border-left:4px solid transparent;
}

/* Icon */

.skin-purple .sidebar-menu>li>a>.fa{
    color:#E7D4BF;
}

/* Hover */

.skin-purple .sidebar-menu>li:hover>a{
    background:#5A332D;
    color:#FFFFFF;
    border-left-color:#D9B88A;
}

/* Active */

.skin-purple .sidebar-menu>li.active>a{
    background:#6B473F;
    color:#FFFFFF;
    border-left-color:#D9B88A;
}

/* Sub Menu */

.skin-purple .sidebar-menu>li>.treeview-menu{
    margin:0;
    background:#33201B;
}

.skin-purple .sidebar a{
    color:#FFFFFF;
}

.skin-purple .sidebar a:hover{
    text-decoration:none;
}

.skin-purple .treeview-menu>li>a{
    color:#FFFFFF;
}

.skin-purple .treeview-menu>li>a>.fa{
    color:#E7D4BF;
}

.skin-purple .treeview-menu>li>a:hover{
    background:#5A332D;
    color:#FFFFFF;
}

.skin-purple .treeview-menu>li.active>a{
    background:#6B473F;
    color:#FFFFFF;
    border-left:4px solid #D9B88A;
}

/* ===========================
   SEARCH
=========================== */

.skin-purple .sidebar-form{
    border:1px solid #5A332D;
    background:#3A231D;
}

.skin-purple .sidebar-form input[type="text"],
.skin-purple .sidebar-form .btn{
    background:#5A332D;
    color:#FFFFFF;
    border:1px solid transparent;
}

.skin-purple .sidebar-form input[type="text"]:focus,
.skin-purple .sidebar-form input[type="text"]:focus+.input-group-btn .btn{
    background:#FFFFFF;
    color:#2F2F2F;
}

.skin-purple .sidebar-form input[type="text"]:focus+.input-group-btn .btn{
    border-left-color:#DDD5CC;
}

/* ===========================
   FORM
=========================== */

.form-control{
    background:#FFFFFF;
    border:1px solid #DDD5CC;
}

.form-control:focus{
    border-color:#7B5E57;
    box-shadow:0 0 5px rgba(123,94,87,.25);
}

/* ===========================
   BOX / CARD
=========================== */

.box{
    background:#FFFFFF;
    border:1px solid #ECE4DB;
    box-shadow:0 2px 8px rgba(0,0,0,.08);
}

.box.box-primary{
    border-top:3px solid #4C2823;
}

.box-header{
    color:#4C2823;
}

/* ===========================
   BUTTON
=========================== */

.btn-primary{
    background:#4C2823;
    border-color:#4C2823;
    color:#FFFFFF;
}

.btn-primary:hover{
    background:#5A332D;
    border-color:#5A332D;
}

.btn-success{
    background:#3FA35A;
    border-color:#3FA35A;
}

.btn-warning{
    background:#D9B88A;
    border-color:#D9B88A;
    color:#FFFFFF;
}

/* ===========================
   CONTENT TITLE
=========================== */

.content-header>h1{
    color:#4C2823;
}

/* ===========================
   FOOTER
=========================== */

.main-footer{
    background:#F5EFE8;
    border-top:3px solid #D9B88A;
    color:#4C2823;
}

.main-footer a{
    color:#4C2823;
}

.main-footer a:hover{
    color:#5A332D;
}

/* Sidebar Mini */

@media (min-width:768px){

.skin-purple-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu{
    border-left:1px solid #D9B88A;
}

}