body{
    background:#F0EFED;
    color:#333333;
}

a{color: black;}
a:hover {color: #32A3CE;}

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

.btn.btn-primary{
    background-color: #32A3CE;
    border-color: #32A3CE;
    color: #fff;
}

.btn.btn-primary:hover,
.btn.btn-primary:active,
.btn.btn-primary:focus{
    background-color: #2884A6;
    border-color: #2884A6;
    box-shadow: 0 0 10px -7px #333;
    color: #fff;
}

.btn.btn-success{
    background-color: #32A3CE;
    border-color: #32A3CE;
    color: #fff;
}

.btn.btn-success:hover,
.btn.btn-success:active,
.btn.btn-success:focus{
    background-color: #2884A6;
    border-color: #2884A6;
    box-shadow: 0 0 10px -7px #333;
    color: #fff;
}

/* =================== HEADER ========================= */
#header{
    background: #fff;
    box-shadow: 0 0 10px -7px #333;
}

#header #header-nav > ul.menu_main > li.active > a {color: #32A3CE;}
@media (min-width: 992px){
    #header #header-nav > .menu_main > li:hover ul{
        background: #fff;
        box-shadow: 0 0 3px -1px #333;
    }
    #header #header-nav > .menu_main > li  ul li:hover > a{
        background:#F0EFED;
    }
}
@media (max-width: 991px){
    #header #header-nav > ul.menu_main{
        background: #fff;
        box-shadow: 0 0 3px -1px #333;
    }
}
/* =================== MAIN ========================= */
#main #main-wrapper{
    background:#fff;
    box-shadow: 0 0 10px -7px #333;
}
#main #main-wrapper .card-header h1,
#main #main-wrapper .title{
    border-bottom-color:#F0EFED;
}
/* =================== FORM ========================= */

.form-group .form-control:active,
.form-group .form-control:focus,
.form-group .form-control{
    background-color: #fff;
    border-color:#aaa;
    color: #666;
    box-shadow: none;
}
.form-group .form-control:focus,
.form-group .form-control:hover{
    border-color:#666;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control,
.form-control[disabled]:focus,
.form-control[readonly]:focus,
fieldset[disabled] .form-control:focus,
.form-control[disabled]:hover,
.form-control[readonly]:hover,
fieldset[disabled] .form-control:hover{
    background-color: #d3d3d3;
}

.form-group.has-success .form-control{
    border-color: #3c763d;
}
.form-group.has-error .form-control{
    border-color: #aa0d00;
}

.checkbox-label:before,
.radio-label:before{
    background-color: #e5e5e5;
    border-color:#e5e5e5;
    color: #333;
}
.form-group.has-error .radio-label:before,
.form-group.has-error .checkbox-label:before{
    border: 1px solid #aa0d00;
}

.form-group .select2 .select2-selection{
    background-color: #fff;
    border-color:#aaa;
    color: #666;
    box-shadow: none !important;
}

.form-group .select2 .select2-selection:hover,
.form-group .select2 .select2-selection:focus{
    border-color:#666;
}

.form-group.has-success .select2 .select2-selection{
    border-color: #3c763d;
}
.form-group.has-error .select2 .select2-selection{
    border-color: #aa0d00;
}

.form-group .hint-block,
.panel-heading-comment{
    color: #777;
}

.form-group-hint{
    background:#fff;
    border: 2px solid #e3e4e8;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}



.select2-container .select2-dropdown{
    background-color: #fff;
    border-color: #aaa;
}
.select2-container--krajee .select2-results__option[aria-selected]{
    background-color: #fff;
}

.select2-container--krajee .select2-results__option[aria-selected]:hover{
    background-color: #2884A6;
}

.select2-container--krajee .select2-results__option[aria-selected="true"] {
    background-color: #32A3CE;
    color: #fff;
}
.select2-results .select2-results__option--highlighted {
    background-color: #32A3CE !important;
}



/* =================== TABLE ========================= */
.pagination > li > a, .pagination > li > span{color:#333;}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus{color:#333;}
.pagination > .active > a, .pagination > .active > span,
.pagination > .active > a:hover, .pagination > .active > span:hover,
.pagination > .active > a:focus, .pagination > .active > span:focus{
    background-color: #32A3CE;
    border-color: #32A3CE;
}
.grid-view .not-set{
    color:#aa0d00;
}
.table{
    background: #fff;
}
.grid-view tbody > tr:not(.selected-row):hover > td{
    background:#F0EFED;
}
.grid-view tbody > tr.selected-row > td{
    background:#CCC;
}


/*========================== NAV-TAB ==========================*/
.nav-tabs{
    box-shadow: inset 0 -8px 14px -16px #333;
}
.nav-tabs li{}
.nav-tabs li a,
.nav-tabs li a:focus{
    border-bottom: medium none !important;
}

.nav-tabs li a:hover,
.nav-tabs li a:active{
    background:#fff;
    border-bottom-color:#fff;
    box-shadow: 0 -2px 10px -8px #333;
}

.nav-tabs li.active a,
.nav-tabs li.active a:focus{
    background-color:#32A3CE;
    border-color:#32A3CE;
    bottom:0px;
    color:#fff;
    box-shadow: 0 0 10px -7px #333;
}
.nav-tabs li.active a:hover{
    background-color:#2884A6;
    color:#fff;
}

.tab-content{
    border: 1px solid #F0EFED;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    box-shadow: 0 2px 5px -5px #333;
}

/*========================== TREE VIEW ==========================*/
.treeview{}
.treeview ul{}
.treeview ul li{}
.treeview ul li .treeButtons{}
.treeview ul li .treeVisibility{}

/*========================== USER START ==========================*/

.start-menu-item{
    background-color: #32A3CE;
    border-color: #32A3CE;

    box-shadow: 0 0 10px -7px #333;
    color: white;
}

.start-menu-item:hover{
    background-color: #2884A6;
    border-color: #2884A6;
    color: white;
}