.alert-debug {
  background-color: #FFFFFF;
  border-color: #D6E9C6;
  color: #000000; }

.alert-error {
  background-color: #F2DEDE;
  border-color: #EED3D7;
  color: #B94A48; }

.navbar {
  border-radius: 0; }

@media (max-width: 47.9em) {
  .navbar-nav .nav-item {
    display: inline-block;
    float: none;
    width: 100%; }
  .navbar-nav .nav-item + .nav-item {
    margin-left: 0; }
  .nav.navbar-nav.pull-xs-right {
    float: none !important; } }

[hidden][style="display: block;"] {
  display: block !important; }

body .container {
  padding-top: 15px; }

.navbar-brand {
  /* padding: 0; */ }

.navbar-default .navbar-nav li {
  text-transform: uppercase;
  font-size: 0.9em; }
  .navbar-default .navbar-nav li a {
    text-decoration: none; }

ul.dropdown-menu li.profile {
  padding-top: 0;
  padding-bottom: 0; }
  ul.dropdown-menu li.profile p {
    color: #333333;
    font-size: 1em;
    margin: 0;
    padding: 0.5em 1em;
    text-transform: none; }
    ul.dropdown-menu li.profile p img.gravatar {
      width: 48px;
      height: auto;
      padding-right: 0.5em; }

/* Modals cause navbar shift when open
      See: https://github.com/angular-ui/bootstrap/issues/5749
  */
body.modal-open .navbar-default.navbar-fixed-top {
  padding-right: 15px; }

/* Main Content */
main#content h1 {
  font-size: 1.6em;
  font-weight: 400; }

#root {
  padding-bottom: 100px; }

.container {
  margin-bottom: 100px; }

/* Dashboard/ Profile */
/* Padding for xs screens to avoid color backgrounds bleeding to edge of screen */
.dashboard-list {
  /* border-top: 0;
      border-bottom: 0; */ }
  .dashboard-list table {
    border: 0; }
    .dashboard-list table tr.table-header {
      font-weight: bold; }
    .dashboard-list table td.data-controls a.data-control:hover {
      cursor: pointer;
      text-decoration: none; }
    .dashboard-list table tr.table-data td {
      font-size: 0.9em; }
    .dashboard-list table tr.client-orders {
      display: none; }
      .dashboard-list table tr.client-orders td.client-orders-inner {
        padding: 8px 16px 8px 36px;
        border: 0; }

.fa.orders-close, .fa.items-close {
  display: none; }

/* Site Footer */
.page-footer-inner {
  /*@media @sm {
          position: fixed;
          height:@footer_height;
          width: 100%;
          bottom: 0;
          left: 0;
      }*/
  padding-top: 2em;
  padding-bottom: 2em; }
  .page-footer-inner .strapline, .page-footer-inner .legal {
    text-transform: uppercase;
    font-size: 0.9em;
    text-align: center; }
  .page-footer-inner .legal {
    text-align: center; }
    .page-footer-inner .legal a {
      text-decoration: none; }

.order-detail {
  margin-bottom: 20px; }

.order-images {
  margin-top: 15px; }

.order-image {
  height: 150px;
  width: auto; }

.file {
  visibility: hidden;
  position: absolute; }

.margin-top-15 {
  margin-top: 15px; }

.nav-profile {
  padding-bottom: 1.5em;
  margin-bottom: 1.5em;
  border-bottom: 1px solid #DDDDDD; }

.nav-tabs {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap; }
  .nav-tabs .nav-item {
    -ms-flex: 1;
        flex: 1;
    border-left: 1px solid #ced4da; }
    .nav-tabs .nav-item:first-of-type {
      border: none; }
  .nav-tabs .nav-link {
    cursor: pointer;
    border: none;
    text-align: center;
    color: #ced4da;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.2em;
    transition: .3s ease;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -ms-flex-align: center;
        align-items: center; }
    .nav-tabs .nav-link > * {
      margin-left: 10px; }
    .nav-tabs .nav-link:hover {
      box-shadow: 0 -2px 0 0 #0275D9 inset; }
    .nav-tabs .nav-link.active {
      color: #0275D9 !important;
      box-shadow: 0 -6px 0 0 #0275D9 inset;
      color: #212529; }

.has-error .form-control {
  border-color: #FF0000; }

.has-error .help-block {
  color: #FF0000; }

.bug .type {
  color: red;
  font-weight: bold;
  width: 100px; }

.feature .type {
  color: green;
  font-weight: bold;
  width: 100px; }

.update .type {
  color: #1E90FF;
  font-weight: bold;
  width: 100px; }

.left-nav {
  background-color: black; }

.debit {
  color: #dc3545; }

.credit {
  color: #28a745; }

.update-header {
  border: 1px solid #DDDDDD;
  background-color: #DDDDDD;
  padding: 0 5px 0 5px; }

.update-body {
  border: 1px solid #DDDDDD;
  padding: 0 5px 0 5px; }

.restyled-input {
  border-radius: 0;
  border: none;
  border-bottom: 1px solid #ced4da;
  padding: 0;
  font-weight: bold;
  background: none; }
  .restyled-input:-ms-input-placeholder {
    color: #ced4da; }
  .restyled-input::placeholder {
    color: #ced4da; }

.footer {
  padding: 16px 0 0 0;
  padding: 1rem 0 0 0;
  background-color: #F4F3F3;
  text-transform: uppercase;
  font-weight: bold;
  color: #6c757d; }
