/* Sass global variables */
/* Global Styles */
body {
  margin-top: 100px;
  background-color: #fff; }

@media (min-width: 768px) {
  body {
    margin-top: 50px; } }

#wrapper {
  padding-left: 0; }

#page-wrapper {
  width: 100%;
  padding: 0;
  background-color: #fff; }

.huge {
  font-size: 50px;
  line-height: normal; }

@media (min-width: 768px) {
  #wrapper {
    padding-left: 225px; }
  #page-wrapper {
    padding: 10px; } }

/* Top Navigation */
.top-nav {
  padding: 0 15px; }

.top-nav > li {
  display: inline-block;
  float: left; }

.top-nav > li > a {
  padding-top: 15px;
  padding-bottom: 15px;
  line-height: 20px;
  color: #fff; }

.top-nav > li > a .caret {
  border-top-color: #fff; }

.navbar-inverse,
.navbar-inverse .navbar-collapse,
.top-nav > li > a {
  color: #fff;
  background-color: #198FCE;
  border-bottom-color: #198FCE;
  z-index: 1035; }

.navbar-brand {
  width: 225px;
  overflow-x: hidden;
  white-space: nowrap; }

.top-nav > li > a:hover,
.top-nav > li > a:focus,
.top-nav > .open > a,
.top-nav > .open > a:hover,
.top-nav > .open > a:focus {
  color: #ddd;
  background-color: #097ab7; }

.top-nav > li > a:hover .caret,
.top-nav > li > a:focus .caret,
.top-nav > li.open > a .caret {
  border-top-color: #ddd; }

.top-nav > .open > .dropdown-menu {
  float: left;
  position: absolute;
  margin-top: 0;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-color: #fff;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); }

.top-nav > .open > .dropdown-menu > li > a {
  white-space: normal; }

/** Breadcrumbs **/
.breadcrumbs {
  display: inline-block;
  padding: 15px 15px 0; }

.breadcrumbs ul {
  list-style: none;
  margin: 0;
  padding: 0; }

.breadcrumbs ul li {
  display: inline-block;
  float: left;
  white-space: nowrap; }

.breadcrumbs ul li:before {
  content: ">";
  padding: 0 10px;
  color: #c3d7e2; }

.breadcrumbs ul li:first-child:before {
  content: "" !important;
  padding: 0;
  width: 0; }

.breadcrumbs ul li {
  color: #c3d7e2; }

.breadcrumbs ul li a {
  color: #D0E6F2; }

ul.message-dropdown {
  padding: 0;
  max-height: 250px;
  overflow-x: hidden;
  overflow-y: auto; }

li.message-preview {
  width: 275px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15); }

li.message-preview > a {
  padding-top: 15px;
  padding-bottom: 15px; }

li.message-footer {
  margin: 5px 0; }

ul.alert-dropdown {
  width: 200px; }

/* Side Navigation */
@media (min-width: 768px) {
  .side-nav {
    position: fixed;
    /*top: 51px;*/
    top: 0;
    left: 225px;
    width: 225px;
    margin-left: -225px;
    border: none;
    border-radius: 0;
    overflow-y: auto;
    background-color: #222730;
    bottom: 0;
    overflow-x: hidden;
    padding-bottom: 40px; }
  .side-nav > li > a {
    width: 225px; }
  .side-nav li a:hover,
  .side-nav li a:focus {
    outline: none;
    background-color: #1B1F26 !important; }
  .side-nav .active a {
    outline: none;
    background-color: #111418; }
  .side-nav .active a:hover,
  .side-nav .active a:focus {
    outline: none;
    background-color: #181B22 !important; } }

.side-nav > li > ul {
  padding: 0; }

.side-nav > #Logo {
  background: #222730 !important;
  border-bottom: 1px solid #222730;
  color: #9d9d9d; }

.side-nav > #Logo:hover,
.side-nav > #Logo:focus {
  background: #222730 !important;
  border-bottom: 1px solid #222730;
  color: #fff; }

.side-nav > #Logo a {
  display: block; }

.side-nav > li > a {
  color: #9d9d9d !important; }

.side-nav > li > a:hover {
  color: #fff !important; }

.side-nav > li > ul > li > a {
  display: block;
  padding: 10px 15px 10px 38px;
  text-decoration: none;
  color: #999 !important; }

.side-nav > li > ul > li > a:hover {
  color: #fff !important; }

/* Headers */
h2, h3 {
  margin-top: 40px;
  margin-bottom: 20px; }

/* Flot Chart Containers */
.flot-chart {
  display: block;
  height: 400px; }

.flot-chart-content {
  width: 100%;
  height: 100%; }

/* Custom Colored Panels */
.huge {
  font-size: 40px; }

.panel-green {
  border-color: #5cb85c; }

.panel-green > .panel-heading {
  border-color: #5cb85c;
  color: #fff;
  background-color: #5cb85c; }

.panel-green > a {
  color: #5cb85c; }

.panel-green > a:hover {
  color: #3d8b3d; }

.panel-red {
  border-color: #d9534f; }

.panel-red > .panel-heading {
  border-color: #d9534f;
  color: #fff;
  background-color: #d9534f; }

.panel-red > a {
  color: #d9534f; }

.panel-red > a:hover {
  color: #b52b27; }

.panel-yellow {
  border-color: #f0ad4e; }

.panel-yellow > .panel-heading {
  border-color: #f0ad4e;
  color: #fff;
  background-color: #f0ad4e; }

.panel-yellow > a {
  color: #f0ad4e; }

.panel-yellow > a:hover {
  color: #df8a13; }



















/*** CSS MODIFICATIONS BELOW ***/
/* everything above is auto-generated from another project!! */

#Logo a {
    background: url("../images/JetAdvice-rgba-icon.svg") center/80px 80px no-repeat;
    height: 100px;
}