a:hover {
  text-decoration: none;
}

/* -- Top navigation -- */
#top-head {
  z-index: 9;
  top: 0;
  left: 0;
  right: 0;
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.12);
}
/* Smaller Header */
.uk-navbar-nav > li > a,
.uk-navbar-item,
.uk-navbar-toggle {
  /* navbar height */
  min-height: 52px;
  padding: 0 8px;
  font-size: 0.85rem;
}
.navbar-logo {
  background-color: #273239;
  margin-left: -12px;
}
/* Left bar */
#left-col {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: #273239;
  width: 240px;
  z-index: 2;
  transition: height 0.3s ease-out;
}
/* Left bar links */
#left-col ul.uk-nav-default > li > a {
  padding: 8px 20px;
  margin-bottom: 5px;
  border-left: 2px solid transparent;
  transition: all 0.15s ease-out;
}
#left-col ul.uk-nav-default li.uk-nav-header {
  padding: 20px 20px 8px 20px;
}

#left-col ul.uk-nav-default > li > a:hover,
#left-col ul.uk-nav-default > li.uk-open > a,
#left-col ul.uk-nav-default > li.uk-active > a {
  border-left: 2px solid #39f;
  padding-left: 30px;
  color: white;
  background-color: rgba(0, 0, 0, 0.1);
  font-weight: 500;
}
#left-col ul.uk-nav-default li .uk-nav-sub {
  padding-left: 34px;
}
#left-col .uk-dropdown.user-drop {
  min-width: 160px;
  max-width: 160px;
  padding: 0.75rem;
}
/* Drop arrow */
#left-col .uk-dropdown.user-drop:after {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 4px;
  margin-left: -4px;
}
.left-content-box {
  padding: 0.75rem 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  margin-bottom: -1px;
}
.left-nav-wrap {
  padding-bottom: 60px;
}
.content-box-dark {
  background-color: rgba(0, 0, 0, 0.09);
}
.text-light {
  font-weight: 200;
  font-size: 1.25rem;
}

.left-logo {
  /* navbar height */
  height: 52px;
  line-height: 52px;
  padding: 0 20px;
}
.custom-logo {
  height: 32px;
}
.profile-img {
  width: 60px;
  margin: 0 auto 10px auto;
  display: block;
}
.panel-icons {
  margin: 0 4px;
}
.uk-tooltip {
  background-color: white;
  color: #242c33;
  box-shadow: 0 2px 12px rgba(50, 50, 50, 0.1);
}
#content {
  margin-top: 52px;
  padding: 30px 0 0 0;
  background-color: #f7f7f7;
  margin-left: 0;
  transition: margin 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
@media screen and (min-width: 960px) {
  #content {
    /* equal to left-col width */
    margin-left: 240px;
  }
  #top-head {
    /* equal to left-col width */
    left: 240px;
  }
}

#top-head [class*="uk-navbar-dropdown-bottom"] {
  margin-top: 0;
}

/* Search nav */
.search-field {
  width: 140px;
  -webkit-transition: all 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.search-field:focus {
  width: 200px;
  border-color: #fff !important;
}
.uk-card {
  box-shadow: none;
}
.uk-heading-primary {
  letter-spacing: -0.032em;
  font-weight: 300;
}
/* Smooth shadow transition */
.uk-card {
  -webkit-transition: box-shadow 0.55s cubic-bezier(0.4, 0, 0.2, 1);
  transition: box-shadow 0.55s cubic-bezier(0.4, 0, 0.2, 1);
}
/* Progress */
.uk-progress {
  height: 3px;
  margin-bottom: 0.5rem;
  background-color: rgba(0, 0, 0, 0.23);
}
* + .uk-progress {
  margin-top: 0.25rem;
}
.uk-progress.warning::-webkit-progress-value {
  background-color: #faa05a;
}
.uk-progress.warning::-moz-progress-bar {
  background-color: #faa05a;
}
.uk-progress.warning::-ms-fill {
  background-color: #faa05a;
}
.uk-progress.success::-webkit-progress-value {
  background-color: #32d296;
}
.uk-progress.success::-moz-progress-bar {
  background-color: #32d296;
}
.uk-progress.success::-ms-fill {
  background-color: #32d296;
}
/* Charts */
.chart-container {
  position: relative;
  height: 300px;
  margin: 0 auto;
}

/* .uk-button-primary {
  background-color: #273239;
}

.uk-button-primary:hover {
  background-color: #273239;
  background-color: #31414a;
} */

.uk-icon-button {
  width: 30px;
  height: 30px;
}
