body {
  font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
  padding: 0;
}


/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,
.cf:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}

.cf:after {
  clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
  *zoom: 1;
}

.left {
  float: left;
}

.right {
  float: right;
}

i:focus {
    outline: none;
}


.red {
  color: #DD0000;
}

.yellow {
  color: #FFD700;
}

.green {
  color: #00BB00;
}


.md-locked-open {
  overflow-x: hidden;
  overflow-y: hidden;
  width: 275px !important;
  min-width: 275px !important;
  max-width: 275px !important;
}





.rte-placeholder {
  border-style: solid;
  border-width: 0 0 1px 0;
  border-color: rgba(0, 0, 0, 0.12);
}

.rte-placeholder p {
  display: block;
  -webkit-margin-before: 0em;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
}


.submit-button-row {
  margin-top: 16px;
}


.pad-top-8 {
  padding-top: 8px;
}

.pad-bottom-8 {
  padding-bottom: 8px;
}

.pad-top-16 {
  padding-top: 16px;
}

.pad-bottom-16 {
  padding-bottom: 16px;
}

/* Sidebar */

.site-sidenav {
  position: static;
  display: flex;
  width: 256px;
  min-width: 256px;
  max-width: 256px;
  background: #106CC8;
}


.md-toolbar-tools {
  padding: 0 4px;
}

.rt-logo-button {
  background-color: #FFFFFF !important;
  width: 48px !important;
  height: 48px !important;
  line-height: 48px !important;
}

.rt-logo {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 16px 0;
  margin: 0 auto;
}

a.rt-logo {
  border-bottom: none;
  text-decoration: none;
}

.rt-logotype {
  color: white;
  text-align: center;
  font-weight: 400;
  font-size: 26px;
  margin-top: 0px;
}



/* Main */

.root-content {
  width: 1020px;  /* could be 100% ? */
}

.root-content-no-sidenav {
  width: 1280px !important;
  padding-left: 20px;
}


#main {
  -webkit-transition:all .3s, -webkit-transform .3s;
  transition:all .3s ease-out, -webkit-transform .3s;
}

.modal-sm {
  width: 200px;
}

.modal-open .left {
  padding-left: 200px;
}

.modal-backdrop.in {
  opacity: 0;
}

a {
  color: #00B7FF;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
}

.jumbotron {
  border-radius: 6px;
}

.thintron {
  padding-top: 24px;
  padding-bottom: 24px;
}

.ng-aside .modal-content {
  min-width: 200px;
  width: 200px;
}

.aside {
  padding: 0;
}

.aside .navbar-right {
  padding-right: 25px;
}


.aside-content {
  padding: 10px;
}

.btn {
  outline: none !important;
}


/* navbar */
.navbar {
  border: none;
  border-radius: 0;
}

.navbar .nav > li > a {color: #501762;}
.navbar .nav > li > a:hover {color: #fff; background-color: #8e49a3;}
.navbar .nav .active > a,.navbar .nav .active > a:hover {color: #fff; background-color: #501762;}
.navbar .nav li > a .caret, .tnav .navbar .nav li > a:hover .caret {border-top-color: #fff;border-bottom-color: #fff;}
.navbar .nav > li.dropdown.open.active > a:hover {}
.navbar .nav > li.dropdown.open > a {color: #fff;background-color: #9f58b5;border-color: #fff;}
.navbar .nav > li.dropdown.open.active > a:hover .caret, .tnav .navbar .nav > li.dropdown.open > a .caret {border-top-color: #fff;}
.navbar .navbar-brand {color:#fff;}
.navbar .nav.pull-right {margin-left: 10px; margin-right: 0;}
.navbar-xs .navbar { min-height:28px; height: 28px; }
.navbar-xs .navbar .navbar-brand{ padding: 0px 12px;font-size: 16px;line-height: 28px; }
.navbar-xs .navbar .navbar-nav > li > a {  padding-top: 0px; padding-bottom: 0px; line-height: 28px; }
.navbar-sm .navbar { min-height:40px; height: 40px; }
.navbar-sm .navbar .navbar-brand{ padding: 0px 12px;font-size: 16px;line-height: 40px; }
.navbar-sm .navbar .navbar-nav > li > a {  padding-top: 0px; padding-bottom: 0px; line-height: 40px; }


.navbar-sm .navbar-header {
  width: 100%;
}

.navbar-sm .container {
  width: 100%;
  padding: 0;
}

.navbar-sm .container .navbar-right {
  padding-right: 25px;
  padding-top: 10px;
}

.navbar-btn.btn-xs {
  margin-top: 8px;
  margin-left: 10px;
}

.navbar-username a {
  color: #ffffff;
  text-decoration: none;
}

.navbar-default {
  text-shadow: 0 -1px 0 #286090;
  background-image: -webkit-linear-gradient(top, #337ab7 0%, #2b669a 100%);
  background-image: -o-linear-gradient(top, #337ab7 0%, #2b669a 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2b669a));
  background-image: linear-gradient(to bottom, #337ab7 0%, #2b669a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2b669a', GradientType=0);
  background-repeat: repeat-x;
  border-color: #2b669a;
}


.root-content {
  padding: 0 20px;
}


/* LineItemReport */
.lineItemReport .jumbotron-content {
  padding-left: 20px;
  padding-right: 20px;
}

.lineItemReport .panel {
  margin-right: 20px;
}

/*
 * Widgets
 */

.dailyOrderWidget {

}

.widget .panel {
  background-color: #f8f8f8;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
  padding: 20px;
  overflow: hidden;
}

.bar {
  fill: steelblue;
}

.bar:hover {
  fill: brown !important;
}

.axis {
  font: 10px sans-serif;
}

.axis path,
.axis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}

.x.axis path {
  display: none;
}


/* d3-tip */
.d3-tip {
  line-height: 1;
  font-weight: bold;
  padding: 12px;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  border-radius: 2px;
}

/* Creates a small triangle extender for the tooltip */
.d3-tip:after {
  box-sizing: border-box;
  display: inline;
  font-size: 10px;
  width: 100%;
  line-height: 1;
  color: rgba(0, 0, 0, 0.8);
  content: "\25BC";
  position: absolute;
  text-align: center;
}

/* Style northward tooltips differently */
.d3-tip.n:after {
  margin: -1px 0 0 0;
  top: 100%;
  left: 0;
}