/**
-----------------------------------------------------
SECTIONS

1) HTML
2) STRUCTURE
3) PAGES
-----------------------------------------------------
*/
/*
    __ __ ____  __  __   ____  ________              
   / //_// __ )/ / / /  / __ \/ __/ __/__  __________
  / ,<  / __  / /_/ /  / / / / /_/ /_/ _ \/ ___/ ___/
 / /| |/ /_/ / __  /  / /_/ / __/ __/  __/ /  (__  ) 
/_/ |_/_____/_/ /_/   \____/_/ /_/  \___/_/  /____/  
                                                     

// animate with prefixes
// @include animation(ANIMATIONNAME LENGTH REPEAT INOUT);

*/
/**
1) HTML
*/
body {
  background: #E9ECEF;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  color: #343333;
  font-size: 13px; }

p {
  margin: 0 0 20px 0;
  line-height: 150%; }

h2 .smaller {
  font-size: 14px;
  font-weight: 100; }

.content h1 {
  font-weight: 700;
  margin: 10px 0 20px 0 !important; }
  .content h1 .smaller {
    display: block;
    font-weight: 200;
    font-size: 16px;
    margin-top: 10px; }

.incomplete .panel-heading {
  background: #E18E8F;
  color: #FFF; }

.notes .note {
  clear: right;
  border-left: solid 4px #E6E0E0;
  padding: 5px 10px;
  margin: 0 0 5px 0; }
  .notes .note .notelet-by {
    color: #BFBCBC; }
.notes .glyphicon {
  cursor: pointer; }

a, a:hover {
  color: #343333; }

.pagination li.active a {
  background: #323E53 !important; }
.pagination a {
  color: #343333 !important; }
.pagination .active a {
  color: #FFF !important; }

.mobile-only {
  display: none; }

.btn-default {
  background: #333F53 !important;
  color: #FFF;
  border: none; }

.btn.btn-default:hover {
  background: #5596E4 !important;
  color: #FFF; }

.btn-back {
  background: #5596E4 !important; }

tr.complete td {
  text-decoration: line-through; }

.processingContainer {
  position: fixed;
  left: 50%;
  top: 50%;
  margin: -50px auto auto -220px; }
  .processingContainer img {
    border: none; }

.flash {
  -moz-animation: flash 1s ease-out;
  -moz-animation-iteration-count: 3;
  -webkit-animation: flash 1s ease-out;
  -webkit-animation-iteration-count: 3;
  -ms-animation: flash 1s ease-out;
  -ms-animation-iteration-count: 3; }

@-webkit-keyframes flash {
  0% {
    background-color: none; }
  50% {
    background-color: #fbf8b2; }
  100% {
    background-color: none; } }
@-moz-keyframes flash {
  0% {
    background-color: none; }
  50% {
    background-color: #fbf8b2; }
  100% {
    background-color: none; } }
@-ms-keyframes flash {
  0% {
    background-color: none; }
  50% {
    background-color: #fbf8b2; }
  100% {
    background-color: none; } }
.dbfunctions-summary-data {
  margin-top: 20px;
  border-bottom: double 3px #CCC;
  margin-bottom: 20px; }

h1 {
  margin: 0 0 30px 0; }

.buttons ul {
  list-style-type: none;
  padding: 0;
  margin: 0 0 30px 0; }
  .buttons ul li {
    margin: 0;
    padding: 0;
    display: inline-block; }
    .buttons ul li a {
      display: inline-block;
      margin: 0 20px 0 0; }
  .buttons ul li a {
    display: inline-block;
    width: 230px;
    padding: 20px;
    text-align: center;
    vertical-align: middle;
    background: #333F53;
    color: #FFF;
    border-radius: 8px;
    text-transform: uppercase;
    margin: 0; }
  .buttons ul li a:hover {
    text-decoration: none;
    background: #5596E4; }

.content {
  padding: 20px 20px; }

/**
2) STRUCTURE
*/
.status {
  position: fixed;
  top: 30px;
  right: 30px;
  text-align: right;
  z-index: 30; }
  .status span {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%; }
  .status span.success {
    background-color: #A3DA9B; }
  .status span.loading {
    background-color: #DED68E; }
  .status span.error {
    background-color: #CD3235; }

.page-container {
  position: relative;
  margin: 30px auto;
  width: 90%;
  max-width: 1300px; }

header.header {
  margin: 0 0 20px 0; }
  header.header h1 {
    margin: 0; }
    header.header h1 a {
      display: block;
      width: 120px;
      height: 47px;
      background: url(../img/logo.png) no-repeat;
      background-size: 100% 100%; }
      header.header h1 a span {
        display: none; }
  header.header nav.top-menu {
    position: absolute;
    right: 0;
    top: 10px; }
    header.header nav.top-menu a:hover {
      text-decoration: none; }
    header.header nav.top-menu > ul {
      list-style-type: none;
      margin: 0;
      padding: 0; }
      header.header nav.top-menu > ul > li {
        display: inline-block;
        padding: 0;
        margin: 0; }
        header.header nav.top-menu > ul > li a {
          display: inline-block;
          padding: 3px 15px;
          margin: 0; }
          header.header nav.top-menu > ul > li a .glyphicon {
            font-size: 10px; }
        header.header nav.top-menu > ul > li ul {
          position: absolute;
          right: 0;
          top: 35px;
          display: none;
          background: #FFF;
          padding: 5px;
          z-index: 10;
          box-shadow: 0 3px 15px 0 #999;
          width: 200px; }
          header.header nav.top-menu > ul > li ul li {
            display: block; }
            header.header nav.top-menu > ul > li ul li a {
              display: block;
              padding: 5px 15px;
              text-align: right !important; }
            header.header nav.top-menu > ul > li ul li a:hover {
              background: #5596E4;
              color: #FFF; }
        header.header nav.top-menu > ul > li ul:before {
          position: absolute;
          content: '';
          display: block;
          left: 50%;
          top: -10px;
          margin: 0 auto 0 -10px;
          width: 0;
          height: 0;
          border-left: 10px solid transparent;
          border-right: 10px solid transparent;
          border-bottom: 10px solid #FFF; }
      header.header nav.top-menu > ul > li.showChildren {
        padding-bottom: 15px; }
      header.header nav.top-menu > ul li.divider {
        border-right: solid 1px #585252;
        padding-right: 3px; }
      header.header nav.top-menu > ul > li.active > a, header.header nav.top-menu > ul > li:hover > a {
        background: #D2D5DA;
        border-radius: 10px 10px 10px 10px;
        box-shadow: 1px 1px 1px 0 #999 inset; }

.system-container {
  position: relative;
  background: #FFF;
  border-radius: 10px;
  box-shadow: 0 0 5px 0 #999;
  overflow: hidden; }
  .system-container header {
    background: #5596E4;
    padding: 15px;
    border-radius: 10px 10px 0 0;
    border-bottom: solid 1px #333F53; }
    .system-container header .search {
      position: relative;
      width: 200px;
      float: right;
      margin: 0; }
      .system-container header .search .form-group {
        margin: 0 !important; }
        .system-container header .search .form-group .form-control {
          border-radius: 10px !important;
          padding: 5px 15px !important; }
  .system-container nav.sidebar {
    background: #F1F3F5;
    width: 200px;
    border-right: solid 1px #B9C1D2;
    padding: 10px 0; }
    .system-container nav.sidebar h3 {
      padding: 8px 0 18px 15px;
      text-transform: uppercase;
      color: #98A3B0;
      font-size: 14px;
      margin: 0; }
    .system-container nav.sidebar ul {
      list-style-type: none;
      margin: 0 0 40px 0;
      padding: 0; }
      .system-container nav.sidebar ul li {
        position: relative; }
        .system-container nav.sidebar ul li a {
          display: block;
          color: #333F53;
          text-decoration: none;
          padding: 8px 10px 8px 25px;
          color: #333F53; }
          .system-container nav.sidebar ul li a .glyphicon {
            color: #B9C1D2;
            font-size: 16px; }
          .system-container nav.sidebar ul li a .glyphicon.show-children {
            color: #333F53;
            font-size: 10px;
            float: right;
            margin: 3px 0 0 0; }
        .system-container nav.sidebar ul li ul {
          display: none;
          margin: 0 !important; }
          .system-container nav.sidebar ul li ul li a {
            padding-left: 35px; }
      .system-container nav.sidebar ul li.show ul {
        display: block; }
      .system-container nav.sidebar ul li:hover {
        background: #E7EDF3; }
      .system-container nav.sidebar ul li.active, .system-container nav.sidebar ul li.active-child {
        background: #E7EDF3; }
        .system-container nav.sidebar ul li.active > a, .system-container nav.sidebar ul li.active-child > a {
          border-top: solid 1px #B9C1D2;
          border-bottom: solid 1px #B9C1D2; }
        .system-container nav.sidebar ul li.active ul, .system-container nav.sidebar ul li.active-child ul {
          display: block; }
      .system-container nav.sidebar ul li.active-child > a {
        border: none; }
      .system-container nav.sidebar ul li.new-section {
        margin-top: 30px; }
  .system-container .page-content .summary-headers.row {
    background: #333F53;
    margin: 0 0 15px 0 !important;
    padding: 40px 30px 30px 30px;
    color: #FFF;
    font-size: 28px;
    line-height: 70%;
    text-align: center; }
    .system-container .page-content .summary-headers.row .summary-title {
      font-size: 12px;
      color: #7A828E; }
  .system-container .page-content .page-section {
    border: solid 1px #E0E1E5;
    padding: 20px;
    border-radius: 15px;
    margin: 0 0 20px 0; }
  .system-container .page-content .page-detail {
    padding: 30px; }
    .system-container .page-content .page-detail .page-title h3 {
      margin: 0 0 10px 0; }
    .system-container .page-content .page-detail .page-title p {
      color: #969696;
      margin: 0; }

.table-pre h4 {
  display: inline-block;
  margin: 0 0 20px 0; }
.table-pre a.create-record {
  float: right;
  display: inline-block;
  margin: 0;
  cursor: pointer;
  padding: 5px 10px;
  border: solid 1px #B5B3B3; }
.table-pre a.create-record:hover {
  text-decoration: none; }

table {
  border-collapse: collapse;
  width: 100%; }
  table th, table td {
    padding: 8px 12px; }
  table thead th {
    background: #333F53;
    color: #FFF;
    text-transform: uppercase;
    border-bottom: solid 1px #FFF; }
  table thead tr th:first-child {
    border-radius: 5px 0 0 0; }
  table thead tr th:last-child {
    border-radius: 0 5px 0 0; }
  table tbody tr td.tools {
    width: 30px;
    text-align: center;
    cursor: pointer; }
  table tbody tr:nth-child(odd) td {
    background: #F1F3F5; }
  table tbody tr:hover td {
    background: #E7EDF3; }
  table tbody tr.active td {
    background: #B20000;
    color: #FFF; }
    table tbody tr.active td a {
      color: #FFF; }
  table tfoot td {
    border-bottom: double 3px #7A828E;
    border-top: double 3px #7A828E;
    text-transform: uppercase; }

table.editable tbody td.edit {
  cursor: default; }
table.editable tbody td.editing {
  padding: 0 !important; }
  table.editable tbody td.editing input.edit-field {
    background: #FFF;
    padding: 8px 12px;
    border: none; }
table.editable tbody td.edit:hover:before {
  position: absolute;
  content: "\270f";
  margin: -15px auto auto 20px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.table {
  display: table;
  width: 100%;
  margin: 0; }
  .table .table-cell {
    display: table-cell;
    height: 400px;
    vertical-align: top; }

.report-data {
  border: solid 1px #DADADA;
  border-radius: 10px;
  padding: 10px;
  margin: 0 0 30px 0; }

.graph {
  position: relative;
  height: 370px; }
  .graph h4 {
    text-transform: uppercase;
    font-size: 14px;
    text-align: center;
    margin: 10px 0 20px 0; }
  .graph canvas {
    width: 98% !important;
    height: 290px !important; }

/**
autocomplete
*/
input.autocomplete {
  position: relative; }

.autocomplete-dropdown {
  position: absolute;
  background: #FFF;
  width: 100%;
  z-index: 30;
  margin-top: 5px;
  display: none;
  box-shadow: 0 0 5px 0 #999;
  min-height: 30px;
  border-radius: 8px;
  overflow: hidden; }
  .autocomplete-dropdown a {
    display: block;
    padding: 5px 15px 5px 15px;
    text-decoration: none; }
  .autocomplete-dropdown a:hover, .autocomplete-dropdown a.hover {
    background: #E7EDF3;
    text-decoration: none;
    cursor: pointer; }
  .autocomplete-dropdown span.section-title {
    display: block;
    border-top: dashed 1px #7A828E;
    border-bottom: dashed 1px #7A828E;
    text-transform: uppercase;
    margin: 10px 10px 10px 10px;
    padding: 5px 0 5px 5px;
    font-weight: 600; }

.tooltip {
  text-transform: none; }

/**
3) PAGES
*/
table[data-table="tableName"] tr td:nth-child(1) {
  width: 30px;
  text-align: center; }
table[data-table="tableName"] tr td:nth-child(2), table[data-table="tableName"] tr td:nth-child(3) {
  width: 300px; }

.overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #000;
  z-index: 1000; }

.popupIframe {
  position: fixed;
  background: #FFF;
  border-radius: 10px;
  overflow: hidden;
  z-index: 1010;
  width: 800px;
  max-width: 90%;
  height: 800px;
  max-height: 95%;
  left: 50%;
  top: 10px;
  margin-left: -400px;
  box-shadow: 0 3px 15px 0 #000; }
  .popupIframe iframe {
    width: 100%;
    height: 100%;
    border: none; }
  .popupIframe .close-btn {
    position: absolute;
    right: 10px;
    top: 10px;
    display: inline-block;
    background: #000;
    border-radius: 50%;
    padding: 4px 6px;
    color: #FFF;
    cursor: pointer; }

.separator {
  border-bottom: solid 1px #DEDEDE; }

.inset {
  /** iFramed */
  padding: 0; }
  .inset .section-header {
    background: #F1F3F6;
    padding: 30px 50px;
    border-bottom: solid 1px #E0E1E5;
    border-radius: 10px 10px 0 0; }
  .inset form {
    padding: 40px; }
    .inset form .col-sm-offset-3 button {
      margin-left: 5px; }

#login-area {
  padding: 50px 0;
  width: 50%;
  margin: 0 auto; }

#user-info {
  position: fixed;
  left: 0;
  top: 0;
  padding: 20px;
  background: #FFF;
  width: 100%;
  text-align: right;
  border-bottom: solid 1px #CCC;
  display: none; }
  #user-info ul {
    list-style-type: none; }
    #user-info ul li {
      margin: 0;
      padding: 0;
      display: inline-block; }
      #user-info ul li a {
        display: inline-block;
        margin: 0 20px 0 0; }
    #user-info ul li {
      margin: 0 0 0 20px; }

#dashboard {
  padding: 20px; }

#products_list_display .col_label {
  width: 70px !important;
  text-align: center; }
#products_list_display .col_stock_tally {
  width: 70px !important;
  text-align: center; }

ul.nav.nav-tabs {
  margin-bottom: 15px; }

#collections_list_display .col_products {
  width: 110px;
  text-align: center; }

#categories_list_display .col_category_active {
  width: 90px;
  text-align: center; }
#categories_list_display .col_products {
  width: 110px;
  text-align: center; }
#categories_list_display .col_parents {
  width: 130px;
  text-align: center; }

.content h1.delivery_title {
  padding: 0 0 10px 0 !important;
  margin: 0 !important; }

.delivery_date {
  margin: 0 0 30px 0; }

.ui-autocomplete {
  z-index: 1100 !important;
  background: #FFF;
  list-style-type: none;
  margin: 0;
  padding: 15px 15px 15px 15px;
  width: 300px;
  max-height: 300px;
  overflow-y: scroll;
  border: solid 1px #CCC;
  border-radius: 5px; }
  .ui-autocomplete li {
    padding: 5px;
    cursor: pointer; }
  .ui-autocomplete .ui-state-focus {
    background: #5596E4;
    color: #FFF; }

.new-product-selector {
  clear: right;
  width: auto;
  float: right;
  margin-top: 0;
  /*
  .new-product-field {
  	display: none; 
  	input {}
  }
  */ }
  .new-product-selector .record_new_item {
    width: auto;
    margin: 0 0 10px 0; }

#product-results input {
  text-align: right; }
#product-results thead tr th:nth-child(3), #product-results thead tr th:nth-child(4), #product-results thead tr th:nth-child(5), #product-results thead tr th:nth-child(6) {
  text-align: center; }
#product-results tbody tr td:nth-child(5) {
  text-align: center; }

/* .ui-helper-hidden-accessible {display: none; } */
.ui-helper-hidden-accessible {
  position: fixed;
  top: -100px;
  left: 0;
  width: 100%;
  padding: 10px;
  background: #5596E4;
  color: #FFF;
  text-align: center; }

#delivery-information table {
  width: 400px; }
  #delivery-information table tr th {
    width: 130px; }
  #delivery-information table tr td {
    background: #FFF !important; }

#select-a-product {
  width: 250px;
  float: right;
  margin: 0 0 15px 0; }

table#delivery_items {
  margin: 20px 0; }
  table#delivery_items thead tr th:nth-child(3) {
    width: 130px;
    text-align: center; }
  table#delivery_items thead tr th:nth-child(4) {
    width: 150px; }
  table#delivery_items thead tr th:nth-child(5) {
    width: 120px;
    text-align: center; }
  table#delivery_items tbody tr td:nth-child(3) {
    text-align: center; }
  table#delivery_items tbody tr td:nth-child(4) input {
    text-align: right; }
  table#delivery_items tbody tr td:nth-child(5) input {
    text-align: right;
    text-align: right; }
  table#delivery_items tfoot tr td {
    font-weight: 600; }
  table#delivery_items tfoot tr td#total-delivered {
    text-align: right;
    padding-right: 38px; }

tr.highlight td {
  background: #666 !important;
  color: #FFF; }
  tr.highlight td a {
    color: #FFF; }

#label_product_id {
  width: 300px; }

.selected-product {
  margin: 20px 0; }
  .selected-product .label-item {
    padding: 5px 10px; }
    .selected-product .label-item .glyphicon-trash {
      margin: 0 10px 0 0;
      cursor: pointer; }

#a5-label-form textarea {
  height: 100px; }

#a5-labels-buttons {
  float: right;
  margin: 0 0 10px 10px; }

.date-chooser {
  font-size: 30px;
  float: right;
  display: inline-block;
  cursor: pointer; }

.openClose {
  font-size: 20px;
  float: right;
  display: inline-block;
  cursor: pointer; }

#date-chooser {
  text-align: right;
  display: none; }

#recent-sales tbody td {
  vertical-align: top; }
#recent-sales tbody tr td:nth-child(1) {
  width: 150px; }
#recent-sales tbody tr td:nth-child(2) {
  width: 230px; }
#recent-sales tbody tr td:nth-child(3) {
  width: 40px;
  text-align: right; }
#recent-sales tbody tr td:nth-child(4) {
  width: 90px;
  text-align: right; }
#recent-sales tfoot tr td:nth-child(1) {
  text-align: right; }

.order-status-summary.complete {
  background: #A3D900;
  color: #FFF; }

.order-status-summary.incomplete {
  background: #FF8000;
  color: #FFF; }

#customers_list_display tr th:nth-child(1) {
  width: 200px; }
#customers_list_display tr th:nth-child(2) {
  width: 150px; }
#customers_list_display tr td:nth-child(3) {
  text-align: right; }
#customers_list_display tr th:nth-child(4) {
  width: 120px; }
#customers_list_display tr td:nth-child(4) {
  text-align: right; }
#customers_list_display tr th:nth-child(5) {
  width: 160px; }
#customers_list_display tr td:nth-child(5) {
  text-align: right; }

.btn-right {
  float: right;
  margin: 0 0 10px 20px; }

#sales_list_display td.col_sales_id {
  width: 80px; }
#sales_list_display td.col_customer_id {
  width: 190px; }
#sales_list_display td.col_sales_total {
  width: auto; }
#sales_list_display td.col_receipt, #sales_list_display td.col_order_summary, #sales_list_display td.col_edit, #sales_list_display td.col_remove {
  width: 30px !important;
  text-align: center;
  padding-left: 3px !important;
  padding-right: 3px !important; }

tr.delivery_status_ td {
  background: #FF8000 !important; }

.button-group {
  float: right;
  margin: 15px 0 0 0;
  color: #FFF; }
  .button-group .updateOrderStatus, .button-group .legacyComplete {
    color: #FFF;
    font-size: 30px;
    border: solid 2px #FFF;
    padding: 3px;
    border-radius: 5px;
    margin: 0 0 0 5px; }
  .button-group .updateOrderStatus:hover {
    color: #286090;
    border-color: #286090; }

.summary-table {
  margin: 0 0 30px 0; }
  .summary-table tr th, .summary-table tr td {
    background: none !important;
    vertical-align: top; }
  .summary-table tr th {
    width: 120px; }

#order-products thead tr th:nth-child(3) {
  text-align: center; }
#order-products thead tr th:nth-child(4) {
  text-align: center; }
#order-products thead tr th:nth-child(5) {
  text-align: center; }
#order-products tbody tr td:nth-child(1) {
  width: 130px; }
#order-products tbody tr td:nth-child(2) {
  text-align: left; }
#order-products tbody tr td:nth-child(3) {
  width: 80px;
  text-align: center; }
#order-products tbody tr td:nth-child(4) {
  width: 80px;
  text-align: center; }
#order-products tbody tr td:nth-child(5) {
  width: 120px;
  text-align: right; }
#order-products tbody tr td:nth-child(6) {
  width: 120px;
  text-align: right; }
#order-products tfoot tr td:nth-child(3) {
  text-align: right; }
#order-products tfoot tr:last-child td {
  font-weight: 600; }

a.glyphicon:hover, a.glyphicon:active, a.glyphicon:visited {
  text-decoration: none !important; }

table#incomplete-orders tbody tr td:nth-child(1) {
  width: 70px; }
table#incomplete-orders tbody tr td:nth-child(2) {
  width: 160px; }
table#incomplete-orders tbody tr td:nth-child(3) {
  width: 180px; }
table#incomplete-orders tbody tr td:nth-child(4) {
  width: 30px;
  text-align: right; }
table#incomplete-orders tbody tr td:nth-child(5) {
  width: 100px;
  text-align: right; }
table#incomplete-orders tfoot tr td {
  font-weight: 600; }
table#incomplete-orders tfoot tr td:nth-child(2) {
  text-align: right; }

.openClose tbody {
  display: none; }

.sales_tickets_container_trigger {
  cursor: pointer; }

.sales_tickets {
  width: 100%; }
  .sales_tickets tbody tr td:nth-child(1) {
    width: auto !important;
    text-align: center !important; }
  .sales_tickets tbody tr td:nth-child(2) {
    width: 50px !important; }
  .sales_tickets tbody tr td:nth-child(3) {
    width: 200px;
    text-align: left !important; }
  .sales_tickets tbody tr td:nth-child(4) {
    width: 250px !important;
    text-align: right !important; }
  .sales_tickets td .glyphicon {
    padding: 5px;
    border: solid 1px #333;
    border-radius: 5px; }
    .sales_tickets td .glyphicon.not-active {
      color: #ccc;
      border-color: #ccc; }
  .sales_tickets td a.glyphicon.active {
    color: #67BC4E;
    border-color: #67BC4E; }

.sales_tickets_container {
  display: none; }

.sales_tickets_container.visible {
  display: table-row; }

/**
4) MOBILE
*/
@media screen and (max-width: 1024px) {
  body {
    padding: 0 15px;
    background: #FFF; }

  .page-container {
    margin: 0 auto;
    width: auto; }

  .menu-opener {
    position: fixed;
    top: 10px;
    right: 10px;
    font-size: 30px;
    z-index: 110;
    cursor: pointer; }

  .mobile-only.sidebar-opener {
    display: block;
    right: 45px; }

  header.header {
    margin: 0; }
    header.header h1 {
      margin: 20px 0 10px 10px !important;
      padding: 0; }
    header.header .mobile-only {
      display: block; }
    header.header nav.top-menu {
      position: fixed !Important;
      width: 100%;
      background: #F1F3F5;
      padding: 60px 15px 20px 15px;
      z-index: 90;
      top: 0;
      left: 0;
      box-shadow: 0 3px 5px 0 #999;
      display: none; }
      header.header nav.top-menu ul li {
        display: block; }
        header.header nav.top-menu ul li a, header.header nav.top-menu ul li a:hover {
          display: block;
          background: none;
          padding: 10px;
          box-shadow: none;
          border-radius: 0; }
        header.header nav.top-menu ul li a:hover {
          background: #D2D5DA; }
        header.header nav.top-menu ul li ul {
          position: relative;
          right: auto;
          display: none;
          background: none;
          padding: 0 0 0 10px;
          z-index: auto;
          box-shadow: none; }
          header.header nav.top-menu ul li ul li a {
            padding: 10px;
            text-align: left !important; }
          header.header nav.top-menu ul li ul li:hover a {
            background: #D2D5DA;
            border-radius: none;
            box-shadow: 1px 1px 1px 0 #999 inset; }
      header.header nav.top-menu ul li.active a {
        background: #D2D5DA;
        box-shadow: none;
        border-radius: 0; }
      header.header nav.top-menu ul li.divider {
        border-right: none;
        border-top: solid 1px #585252;
        padding: 0; }

  .status {
    top: auto;
    bottom: 0;
    right: 0;
    width: 100%;
    background: #FFF;
    padding: 20px;
    border-top: solid 1px #D9D9D9; }

  .system-container {
    box-shadow: none; }
    .system-container header {
      border-radius: 8px;
      margin: 0 0 10px 0; }
    .system-container nav.sidebar {
      border-right: none;
      position: fixed;
      width: 100% !important;
      background: #F1F3F5;
      padding: 60px 15px 20px 15px;
      z-index: 90;
      top: 0;
      left: 0;
      box-shadow: 0 3px 5px 0 #999;
      display: none; }
      .system-container nav.sidebar ul li {
        display: block; }
        .system-container nav.sidebar ul li a, .system-container nav.sidebar ul li a:hover {
          display: block;
          background: none;
          padding: 10px;
          box-shadow: none;
          border-radius: 0; }
        .system-container nav.sidebar ul li a:hover {
          background: #D2D5DA; }
        .system-container nav.sidebar ul li ul {
          position: relative;
          right: auto;
          display: none;
          background: none;
          padding: 0 0 0 10px;
          z-index: auto;
          box-shadow: none; }
          .system-container nav.sidebar ul li ul li a {
            padding: 10px;
            text-align: left !important; }
          .system-container nav.sidebar ul li ul li:hover a {
            background: #D2D5DA;
            border-radius: none;
            box-shadow: 1px 1px 1px 0 #999 inset; }
      .system-container nav.sidebar ul li.active a {
        background: #D2D5DA;
        box-shadow: none;
        border-radius: 0; }
      .system-container nav.sidebar ul li.divider {
        border-left: none;
        border-top: solid 1px #585252;
        padding: 0; }

  .page-detail {
    padding: 20px 0 0 0 !important; }

  .table {
    display: block; }
    .table .table-cell {
      display: block;
      height: auto; }

  .graph canvas {
    width: auto;
    height: auto; }

  .summary-headers {
    margin: 10px 0; }
    .summary-headers .col-sm-4 {
      margin: 0 auto 20px auto;
      padding: 15px 0; }

  .content {
    padding: 0; }

  .popupIframe {
    /*width: 800px; max-width: 90%; height: 800px; max-height: 95%; left: 50%; top: 10px; margin-left: -400px; */
    width: 100%;
    max-width: auto;
    height: 90%;
    max-height: auto;
    margin: 5px !important;
    left: auto;
    top: auto; }
    .popupIframe iframe {
      width: 100%;
      height: 100%;
      border: none; } }
.panel-heading h3 {
  margin: 0;
  font-size: 20px; }
.panel-heading p {
  margin: 10px 0 5px 0; }

#download-customers-spreadsheet {
  float: right;
  font-size: 30px; }

ul#label-chooser {
  list-style-type: none;
  margin: 0;
  padding: 10px 20px; }
  ul#label-chooser li {
    padding: 5px 10px;
    border-radius: 5px; }
    ul#label-chooser li .glyphicon {
      margin-right: 10px;
      cursor: pointer; }
    ul#label-chooser li a {
      display: block; }
    ul#label-chooser li a:hover {
      text-decoration: none; }
  ul#label-chooser li:hover {
    background: #DDD6D6;
    color: #000; }
    ul#label-chooser li:hover a {
      color: #000; }

.notelet {
  padding: 20px;
  background: #F1F3F5;
  margin: 0 0 10px 0; }

/*
----------------------------------------------------------------------
				PRINT VERSION
----------------------------------------------------------------------
*/
@media print {
  header.header,
  .system-container header,
  .sidebar,
  .btn,
  button,
  .dbf_pagination,
  .col_edit, .col_remove, .col_receipt, .col_print, .col_order_summary, .col_label {
    display: none !important; }

  a[href]:after {
    content: none !important; }

  html, body, .page-container, .content-container, .page-content, .table-cell, .content {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: visible; }

  .info.panel {
    display: none; }

  .system-container {
    height: auto;
    overflow: visible !important; }

  th, td {
    border: solid 1px #333 !important; }

  table {
    width: 100%; }

  .system-container, .content-container.table, .page-content.table-cell {
    display: block;
    width: 100% !important; }

  a {
    color: #444;
    text-decoration: none; }

  h1 {
    font-size: 24px;
    margin: 0 0 20px 0;
    border-bottom: solid 1px #444;
    color: #444; }

  #incomplete-orders tr th:nth-child(5), #incomplete-orders tr th:nth-child(6),
  #incomplete-orders tr td:nth-child(7), #incomplete-orders tr td:nth-child(8) {
    display: none; }

  #reporting-choices .form-group, #reporting-choices .row, #reporting-choices .col-xs-12 {
    display: inline-block;
    padding: 0;
    margin: 0; }
  #reporting-choices input, #reporting-choices select, #reporting-choices .form-control {
    display: inline-block !important;
    width: auto;
    border: none;
    padding: 0 0 10px 0;
    margin: 0; }
  #reporting-choices button.form-control {
    display: none !important; }
  #reporting-choices input:after, #reporting-choices select:after {
    display: inline-block;
    content: ' | '; }

  .summary-headers.row .col-sm-4 {
    width: 30%;
    display: block;
    float: left; } }
.download-tools {
  padding: 0 0 30px 0;
  display: none;
  /*display: none; */ }
  .download-tools .tools-inner {
    background: #efefef;
    padding: 15px; }