/* Header */


.main-header .navbar {
    background-color: #fff;
}

.main-header .navbar .nav > li > a,
.main-header .navbar .nav > li > form > button,
.main-header .icon-jangu-sidebar-toggle {
    color: #a9bff2;
    border-color: #a9bff2;
}



.main-header .navbar .nav > li > form > button:hover,
.main-header .navbar .nav > li > a:hover,
.main-header .navbar .nav > li > a:active,
.main-header .navbar .nav > li > a:focus,
.main-header .navbar .nav .open > a,
.main-header .navbar .nav .open > a:hover,
.main-header .navbar .nav .open > a:focus,
.main-header .navbar .nav > .active > a
{
    /*background: #a9bff2;
    color: #fff;
    border-color: #fff;*/
}


.main-header .icon-jangu-sidebar-toggle:hover {
    background-color: #fff;
    color: #3C5CA6;
}

/*    color: #11d368;*/

/*.main-header .user-avatar {*/



.main-header .user-profile .user-header { background: #11d368; }
.main-header .user-profile .user-footer { background: #149c4d; }

.main-header .user-profile .user-avatar { border-color: #a9bff2; }
.main-header .user-profile .user-name, .main-header .user-profile .user-avatar { color: #11d368; }

.main-header .user-messages .message-count {
    background: #FF5453;
    color: #fff;
}



.main-header .navbar-nav > li.languages > .dropdown-menu {
    background: #edf2fc;
}


@media (max-width: 767px) {
    .main-header .navbar .dropdown-menu li.divider {
        background-color: rgba(255, 255, 255, 0.1);
    }
    .main-header .navbar .dropdown-menu li a {
        color: #fff;
    }
    .main-header .navbar .dropdown-menu li a:hover {
        background: #551e64;
    }
}








.content-wrapper {
    color: #410a64;
    background-color: #cadaff;
    background-image: url("./../theme/background.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center bottom;
    /*display: flex;*/
}

.content-wrapper > .content {
    color: #410a64;
    background-color: #cadaff;
    width: 100%;

}
.main-footer {
    color: #410a64;
    background-color: #cadaff;
    border-top-color: #cadaff;
}


.main-header .logo {
    color: #410a64;
    background-color: #fff;
}
.main-header .logo:hover {
    background-color: #d8e4ff;
}










.content-header {
    background: transparent;
}

.user-panel > .info,
.user-panel > .info > a {
    color: #fff;
}
.sidebar-menu > li.header {
    color: #410A64;
    background: #D8E4FF;
}
.sidebar-menu > li > a {
    border-left: 3px solid transparent;
    text-decoration: none;
}
.sidebar-menu > li:hover > a,
.sidebar-menu > li.active > a,
.sidebar-menu > li.menu-open > a {
    background: #edf2fc;
}
.sidebar-menu > li.active > a {
    border-left-color: #6c347b;
}
.sidebar-menu > li > .treeview-menu {
    margin: 0 1px;
    background: #410a64;
}
.sidebar-menu .treeview-menu > li > a {
    color: #d8e4ff;
}





.sidebar-menu .treeview-menu > li:after {
    border-color: #a9bff2;
}
.sidebar-menu .treeview-menu > li > a:hover:before {
    background: #a9bff2;
}



.sidebar-menu .treeview-menu > li.active > a,
.sidebar-menu .treeview-menu > li > a:hover {
    color: #ffffff;
}




.sidebar-form {
    border: 1px solid #edf2fc;
    margin: 10px 10px;
}
.sidebar-form input[type="text"],
.sidebar-form .btn {
    box-shadow: none;
    background-color: #edf2fc;
    border: 1px solid transparent;
    height: 35px;
}
.sidebar-form input[type="text"] {
    color: #666;
    border-top-left-radius: 2px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 2px;
}
.sidebar-form input[type="text"]:focus,
.sidebar-form input[type="text"]:focus + .input-group-btn .btn {
    background-color: #fff;
    color: #666;
}
.sidebar-form input[type="text"]:focus + .input-group-btn .btn {
    border-left-color: #fff;
}
.sidebar-form .btn {
    color: #999;
    border-top-left-radius: 0;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 0;
}
.skin-purple.layout-top-nav .main-header > .logo {
    background-color: #6c347b;
    color: #ffffff;
    border-bottom: 0 solid transparent;
}
.skin-purple.layout-top-nav .main-header > .logo:hover {
    background-color: #70387f;
}








.nav-block > .nav-block-heading {
    background: #edf2fc;
    color: #3C5CA6;
}
.nav-block > .nav-block-heading > .nav-block-heading-icon {
    background: #edf2fc;
    color: #fff;
}
.nav-block > .nav-block-content > ul {
    background: #edf2fc;
}
.nav-block > .nav-block-content > ul > li {
    border-bottom: 2px solid #d8e4ff;
}
.nav-block > .nav-block-content > ul > li > a {
    color: #410A64;
}
.nav-block > .nav-block-content > ul > li > a:hover {
    color: #3C5CA6;
    background: #B8CDFF;
}
.nav-block > .nav-block-content > ul > li > ul > li:before {
    background: #A9BFF2;
}

.nav-block > .nav-block-content > ul > li > ul > li:after {
    background: #edf2fc;
    border: 2px solid #A9BFF2;
}
.nav-block > .nav-block-content > ul > li > ul > li:first-child:before {
    background: #A9BFF2;
}
.nav-block > .nav-block-content > ul > li > ul > li:last-child:before {
    background: #A9BFF2;
}
.nav-block > .nav-block-content > ul > li > ul > li > a {
    background: #edf2fc;
    color: #410A64;
}

.nav-block > .nav-block-content > ul > li > ul > li > a:hover {
    color: #A9BFF2;
}
.nav-block > .nav-block-content > ul > li > ul > li > a:hover:before {
    background: #A9BFF2;
}

















.panel {
    margin-bottom: 20px;
    background-color: inherit;
}










.wrapper,
.main-sidebar,
.left-side {
    background-color: #D8E4FF;
}

.sidebar-menu > li:first-child > a {
    border-top: 1px solid #EDF2FC;
}
.sidebar-menu > li > a {
    border: none;
    border-bottom: 1px solid #EDF2FC;
}
.sidebar .treeview > a > i {
    color: #410A64;
}

.sidebar .treeview > a > span.treeitem-label {
    color: #410A64;
}














.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td {
    border-color: #D8E4FF;
}

.table {
    color: #3C5CA6;
    background-color: #EDF2FC;
    opacity: .9;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #fff;/* #410a64;*/
}


.table td:not(:last-child) > a {color: #8C80FE;}

.table-hover> tbody> tr:hover{
    filter: grayscale(20%);
    background-color: #eee; opacity: .9;
}
.table-striped > tbody > tr:nth-of-type(odd):hover {
     background-color: #eee; opacity: .9;
}




.form-control {
    background-color: #fff;
    border-radius: 20px;
    border-color: #3C5CA6;
    color: #3C5CA6;
    font-size: 16px;
    height: 40px;
}

.input-group .input-group-addon {
    background-color: #fff;
    border-color: #3C5CA6;
    color: #b8cdff;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control, .select2-container--krajee.select2-container--disabled .select2-selection, .select2-container--krajee.select2-container--disabled .select2-selection--multiple .select2-selection__choice {
    background-color: #D8E4FF;

}


.breadcrumb {
    /*font-family: 'Titillium Web', sans-serif;*/
    background-color: #D8E4FF;
    color: #410a64;
}
.breadcrumb > .active, .breadcrumb > li + li:before {
    color: #410a64;
}
.breadcrumb a {
    color: #8C80FE;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6  {
    color: #8C80FE;
}


.select2-container--krajee .select2-selection {
    background-color: #fff;
    border-color: #2b0145;
    color: #3C5CA6;

}
.select2-container--krajee .select2-selection--single .select2-selection__placeholder, .select2-container--krajee .select2-selection--single .select2-selection__rendered {
    color: #3C5CA6;
}



.popover, .modal-content, .panel-default, .panel-default > .panel-heading {
    background-color: #D8E4FF;
    border-color: #97A3BF;
    color: #540D80;
    opacity: .9;
}
.popover-title, .popover-footer, .popover-default > .popover-title {
    background-color: #D8E4FF;
    color: #540D80;
}

.popover.left > .arrow:after{
    border-left-color: #97A3BF;
}


.btn-action i:hover, .btn-action i:hover:before, .btn-action span:hover {
    color: #000;
}
/*.btn-action:first-child { margin-left: 0;}*/
/*.btn-action:last-child { margin-right: 0;}*/

.btn-action .icon-jangu-view { color: #14abfa; }
.btn-action .icon-jangu-edit { color: #11d368; }
.btn-action .icon-jangu-delete { color: #ff5453; }
.btn-action .icon-jangu-purge { color: #ffba01; }

