/* here you can put your own css to customize and override the theme */

/* Metronic Overrides */

.portlet {
  margin-bottom: 0px !important;
}

.portlet-body {
  /*padding-right: 0px !important;
  padding-left: 6px !important;
  padding-top: 6px !important;
  padding-bottom: 6px !important;*/
  padding: 6px !important;
}

.mt-element-list .list-simple.mt-list-container {
  border-left: 0px !important;
  border-right: 0px !important;
  border-bottom: 0px !important;
}

.list-toggle {
  padding: 4px !important;
  font-weight: unset !important;
}

.mt-list-item {
  padding: 4px !important;
}

.bigModal {
  width: 1200px;
}

/* https://github.com/vakata/jstree/issues/1143 */
#jstree-marker {
  z-index: 10058;
}
/* http://stackoverflow.com/questions/33753321/contextmenu-plugin-not-work-in-modal-bug-in-jstree */
.vakata-context {
  z-index: 10051;
}

/* Trending CSS */
#leftpane {
  background-color: #364150;
}

.penPreview {
  width: 60px;
  margin-top: 7px;
}

/* jstree extra button [add all child pens] */
.jstree-questionmark {
  /*float: right;*/
  cursor: pointer;
}

/* fix stacked fa icon in jstree*/
.jstree-fa-stack {
  height: 1.25em;
  line-height: unset;
}

/* Hide entire closed sidebar */
@media (min-width: 992px) {
  .page-sidebar-closed .page-sidebar, .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed {
    width: 0px !important;
  }

    .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover.heading {
      width: 0px !important;
      box-shadow: none;
    }

    .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li.sidebar-search-wrapper:hover, .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li.sidebar-toggler-wrapper:hover {
      width: 0px !important;
    }
}

/* Default: Show only icons for both action buttons. hide normalize, realtime, and interval buttons*/
.disappearing-action-button {
  display: none;
}

.normalize-button {
  display: none;
}

.action-text {
  display: none;
}

.action-icon {
  color: #000;
}

.interval-text {
  display: none;
}

.interval-icon {
  color: #000;
}

/* Show only icons for all buttons */
@media(min-width: 1110px) {
  .disappearing-action-button {
    display: inline-block;
  }

  .normalize-button {
    display: inline-block;
  }

  .action-text {
    display: none;
  }

  .action-icon {
    color: #000;
  }

  .interval-text {
    display: none;
  }

  .interval-icon {
    color: #000;
  }
}

/* Show only text for action buttons and only icons for interval buttons */
@media(min-width: 1425px) {
  .disappearing-action-button {
    display: inline-block;
  }

  .normalize-button {
    display: inline-block;
  }

  .action-text {
    display: unset;
  }

  .action-icon {
    display: none;
  }

  .interval-text {
    /*display: unset;*/
  }

  .interval-icon {
    display: unset;
  }
}

/* Show only text for both action and interval buttons */
@media(min-width: 1595px) {
  .disappearing-action-button {
    display: inline-block;
  }

  .normalize-button {
    display: inline-block;
  }

  .action-text {
    display: unset;
  }

  .action-icon {
    display: none;
  }

  .interval-text {
    display: unset;
  }

  .interval-icon {
    display: none;
  }
}

/* Show text and icons for both action and interval buttons */
@media(min-width: 1660px) {
  .disappearing-action-button {
    display: inline-block;
  }

  .normalize-button {
    display: inline-block;
  }

  .action-text {
    /*display: unset;*/
  }

  .action-icon {
    display: unset;
  }

  .interval-text {
    /*display: unset;*/
  }

  .interval-icon {
    display: unset;
  }
}

.manualDataTypeSelected {
  background-color: #00c7d1;
  color: white !important;
}

.manualDataTypeNotSelected {
  background-color: #ccc;
  color: black !important;
}

.portlet-dark-background {
  background-color: #364150;
  color: white;
}

/* Fixes issue where toggling the sidebar causes overflow (for some weird reason) */
.splitter_panel .top_panel .left_panel {
  overflow: hidden !important;
}

.wla-sidebar-toggle {
  float: left;
  margin: 11px 0 0;
  background-image: url(../../../libs/metronic/img/sidebar_toggler_icon_darkblue.png);
  display: block;
  cursor: pointer;
  opacity: .7;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center center;
  box-sizing: border-box;
}

.wla-page-logo {
  width: 500px !important;
}

.amcharts-amexport-item {
  white-space: nowrap;
}

.btn.btn-default.active {
  background-color: #00C7D1;
  color: white;
}

.active-icon {
  color: white;
}

.interval-icon:has(< .active) {
  color: white;
}