/* Default color scheme */

@import url(https://fonts.googleapis.com/css?family=Raleway:300);
@import url(https://fonts.googleapis.com/css?family=Open+Sans);

/* General */
body {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  color: #3e4855;
  background-color: #fff;
  line-height: 1.42857143;
}

label {
  /* color: #3e4855; */
}

h1,
h2,
h3,
h4,
h5,
h6,
#page-title>h2,
#page-title>p {
  /* font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif; */
  /* font-weight: 300; */
}

/* Header nav left */
/* Header nav right */
#header-nav-right .header-btn .fa,
#header-nav-right .dropdown>a .fa {
  color: rgba(255, 255, 255, 0.8);
}

#header-nav-right .header-btn:hover .fa,
#header-nav-right .dropdown>a:hover .fa {
  color: rgba(255, 255, 255, 0.95);
}

#header-nav-right .header-btn,
#header-nav-right .dropdown>a {
  border-color: rgba(255, 255, 255, 0.2);
}

#header-nav-right .header-btn:hover,
#header-nav-right .dropdown>a:hover {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.25);
}

/* Page content */
#page-content {
  background: #fafcfe;
}

/* Sidebar menu */
#page-sidebar ul li.header {
  color: #000;
}

#page-sidebar ul li a .fa {
  color: #0093d9;
}

#page-sidebar ul li.sfHover>a.sf-with-ul,
#page-sidebar ul li a:hover {
  border-color: #d1d9dd;
}

/* Sidebar submenu */
#sidebar-menu li .sidebar-submenu {
  border-color: #f6f7f8;
}

#sidebar-menu li .sidebar-submenu ul li {
  border-color: #f8f9fa;
}

#sidebar-menu li .sidebar-submenu ul li a:hover,
#sidebar-menu li .sidebar-submenu ul li a.sfActive {
  background: #fcfdfe;
}

#sidebar-menu li .sidebar-submenu ul li a.sfActive {
  color: #1c82e1;
}

/* Sidebar alternate style */
#page-sidebar.font-inverse ul li.header {
  color: rgba(255, 255, 255, 0.95);
}

#page-sidebar.font-inverse #sidebar-menu>li>a {
  color: #6c757d
}

#page-sidebar.font-inverse #sidebar-menu li.sfHover>a.sf-with-ul,
#page-sidebar.font-inverse #sidebar-menu li a:hover {
  color: rgba(255, 255, 255, 0.96);
  background-color: #4197C7 !important;
  background-image: none;
  border-color: #4197C7;
}

#page-sidebar.font-inverse #sidebar-menu li .sidebar-submenu {
  border-color: rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.05);
}

#page-sidebar.font-inverse #sidebar-menu li a {
  color: #6c757d;
  text-decoration: none;
  background-color: transparent;
}

#page-sidebar.font-inverse #sidebar-menu li a:hover {
  color: rgba(255, 255, 255, 0.96);
}

#page-sidebar.font-inverse#page-sidebar ul li a .fa {
  color: #6c757d
}

#page-sidebar.font-inverse#page-sidebar ul li a:hover .fa {
  color: rgba(255, 255, 255, 1);
  margin-right: 8px;

  opacity: .90;
  -moz-opacity: .90;
  filter: alpha(opacity: 90);

  transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
}

#page-sidebar.font-inverse #sidebar-menu li .sidebar-submenu ul li {
  border-color: rgba(255, 255, 255, 0.07);
}

#page-sidebar.font-inverse #sidebar-menu li .sidebar-submenu ul li a:hover {
  background: rgba(255, 255, 255, 0.05);
}
