/*
 |--------------------------------------------------------------------------
 | Customized styles
 |--------------------------------------------------------------------------
 |
 | Write here customized style rules. This code will be combined
 | the last into the template.css file so you may override preexisting rules.
 */
@media (max-width: 538px) {
  .account-page-full {
    width: 100%;
  }
}

a.changeorder {
  display: inline-block;
  padding: 0 15px;
}

span.tree-indent {
  display: inline-block;
  width: 20px;
}

div.label-container {
  background-color: #41a3c6;
  color: #fff;
  text-align: center;
  padding: 15px;
  border-right: 2px solid #f3f6f8;
  font-size: 20px;
  margin-bottom: 3px;
}

div.label-container:last-child {
  border-right: none;
}

div.label-container label {
  display: block;
  font-size: .8em;
  color: #fff;
}

.owl-carousel.chart .item > div {
  display: block;
  height: 500px;
}

a.togglefeatured:before {
  font-size: 20px;
  font-family: "FontAwesome";
  display: inline-block;
  width: 20px;
}

a.togglefeatured.featured:before {
  color: #ffc62a;
  content: "\F005";
}

a.togglefeatured.non-featured:before {
  color: #ccc;
  content: "\F006";
}

#datatable_length select {
  margin-left: 8px;
  margin-right: 8px;
}

div.topbar-left a.logo img {
  width: 100%;
}

@media screen and (max-width: 767px) {
  div.topbar-left {
    display: none;
  }
  div.label-container {
    border-right: none;
  }
}

@media screen and (max-width: 1024px) {
  div.topbar-left {
    display: none;
  }
  .content-page .content {
    margin-top: 0;
  }
}

.chart-container {
  margin-bottom: 30px;
}