* {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;    
}

::-webkit-scrollbar {
    width: 20px;
}

::-webkit-scrollbar-track {
    background: #d9d9df;
}

::-webkit-scrollbar-thumb {
    /*background: #C1C1C6;*/
    background: #575B60; 
}


/*bootstrap*/
.btn {
    border-radius: 0;    
}

.btn-default {
    background-color: #d9d9df;
    border-color: #d9d9df;
}

.btn-default:hover, 
.btn-default:active, 
.btn-default.hover {
    background-color: #e6e6e6;
    border-color: #e6e6e6;
}

.btn-primary {
    background-color: #3c8dbc;
    border-color: #3c8dbc;
}

.btn-primary:hover, 
.btn-primary:active, 
.btn-primary.hover {
    background-color: #367fa9;
    border-color: #367fa9;
}

.btn-info {
  background-color: #00c0ef;
  border-color: #00c0ef;
}

.btn-info:hover, 
.btn-info:active, 
.btn-info.hover {
  background-color: #00acd6;
  border-color: #00acd6;
}


.form-control {
	border-radius: 0;
    box-shadow: none;
    border-color: #d2d6de;
}

.form-control:focus {
  border-color: #3c8dbc !important;
  box-shadow: none;
}
.form-control::-moz-placeholder {
  color: #bbb;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #bbb;
}
.form-control::-webkit-input-placeholder {
  color: #bbb;
}

.input-group .input-group-addon {
  border-radius: 0px;
  border-color: #d2d6de;
  background-color: #fff;
}

/*main sidebar*/
body > .main-sidebar {
    background-color: #212527;
}

body > .main-sidebar,
body > .main-sidebar a,
body > .main-sidebar > ul > li > a .menu-icon {
    color: #fff;
}

body > .main-sidebar > ul > li > a {
    color: #bebfc0;
}

body > .main-sidebar > ul > li.open,
body > .main-sidebar > ul > li:hover {
    /*background-color: #191c1d;*/
    background-color: #32383f;
}

body > .main-sidebar > ul > li.dashboard {
    background-color: #262b2d;
}

body > .main-sidebar > ul > li.dashboard > a .menu-icon {
    color: #b8d432;
}

/*sidebar submenu*/
body > .main-sidebar a {
    font-family: "Segoe WP Semibold","Segoe WP",Tahoma,Arial,sans-serif;
}

body > .main-sidebar .sidebar-submenu {
    background-color: #32383f;
}

body > .main-sidebar .sidebar-submenu > .title {
    border-bottom-color: #b8d432;
}

body > .main-sidebar li.open > .sidebar-submenu li:hover {
    background-color: #262b2d;
}

body > .main-sidebar li.open > .sidebar-submenu li.open {
    background-color: #212527;
    /*border-left-color: #00bcf2;*/
    border-left-color: #b8d432;
}

body > .main-sidebar li.open > .sidebar-submenu li.group:hover {
    background-color: transparent;
}

body > .main-sidebar li.open > .sidebar-submenu li.group > .title {
    color: #6b6f74;
    border-bottom-color: #575b60;
}

/* userbar */

.userbar a .info * {
    font-family: "Segoe WP Semibold","Segoe WP",Tahoma,Arial,sans-serif;
}

.userbar.open {
    background-color: #212527;
}

.userbar > a:hover {
    background-color: #d9d9df;
}

.userbar.open > a {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #41454c
}

.userbar.open > a:hover {
    background-color: #212527;
}

.userbar > a > .icon {
    background-color: #677585;
    border-left-color: #7fba00;
    color: #b3b8bd;
}

.userbar > a > .info > .username {
    color: #7fba00;
}

.userbar > a > .info > .le {
    color: #262b2d;
}

.userbar.open > a > .info > .le {
    color: #bebfc0;
}

/*userbar menu*/

.userbar > .dropdown-menu .menuitem * {
    font-family: "Segoe WP Semibold","Segoe WP",Tahoma,Arial,sans-serif;
}

.userbar > .dropdown-menu {
    background-color: #212527;
}

.userbar > .dropdown-menu > li.le-bottom,
.userbar > .dropdown-menu > li.le-header {
    color: black;
    background-color: #fff;
    border-bottom-color: #f4f4f4;
}

.userbar > .dropdown-menu > li.le-body > .menu {
    background-color: #fff;   
}

.userbar > .dropdown-menu > li .menu > li > a:hover {
    background: #f4f4f4;
    text-decoration: none;
    color: black;
}

.userbar > .dropdown-menu li.le-body a {
    color: #262b2d;
}

.userbar > .dropdown-menu li a {
    color: #fff;
}


.userbar > .dropdown-menu li a:hover {
    background-color: #393d41;
    color: #fff;
}

.userbar > .dropdown-menu > li .menu > li > a > h4 {
    color: #444444;
}

.userbar > .dropdown-menu > li .menu > li > a > p {
    color: #888888;
}

/*eventbar*/

.eventbar > a > .icon {
    background-color: #b3b8bd;
    color: #677585;
}


.eventbar.open  > a > .icon{
    /*background-color: #212527;*/
    color: #7fba00;
}

.eventbar > a:hover > .icon {
    color: #7fba00;
}



.breadcrumb {
    background-color: transparent;
}

.tile {
    background: #ffffff;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}

.tile-header {
    color: #444;
}

.tile-footer {    
    border-top-color: #f4f4f4;
}

/*jstree*/
.jstree-proton .jstree-wholerow-clicked {
  background: #4b646f;
  background: -moz-linear-gradient(top, #4b646f 0%, #4b646f 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4b646f), color-stop(100%, #4b646f));
  background: -webkit-linear-gradient(top, #4b646f 0%, #4b646f 100%);
  background: -o-linear-gradient(top, #4b646f 0%, #4b646f 100%);
  background: -ms-linear-gradient(top, #4b646f 0%, #4b646f 100%);
  background: linear-gradient(to bottom, #4b646f 0%, #4b646f 100%);
  /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='@color1', endColorstr='@color2',GradientType=0 ); */
}
.jstree-proton .jstree-wholerow-hovered {
  background: #b8c7ce;
}

.jstree a {
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}
/*end jstree*/

/* temp*/
body {
    background-color: #ecf0f5 ;
}