::-moz-selection {
  background: #e2001c;
}

::selection {
  background: #e2001c;
}

.uk-background-primary {
  background: #e2001c;
}

.uk-text-primary {
  color: #e2001c !important;
}

/* -- Top navigation -- */

#top-head {
  z-index: 9;
  top: 0;
  left: 0;
  right: 0;
}

/* 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: #222A30;
  margin-left: -12px;
}

/* Left bar */

#left-col {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: #222A30;
  width: 240px;
  z-index: 2;
  transition: height 0.3s ease-out;
}

#left-col ul.uk-nav-default > li > a {
  padding: 8px 20px;
  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 .uk-nav-sub {
  padding-left: 34px;
}

#left-col ul.uk-nav-default > li > a:hover,
#left-col ul.uk-nav-default > li.uk-open > a {
  border-left: 2px solid #39f;
  padding-left: 30px;
  color: white;
  background-color: rgba(0, 0, 0, 0.1);
}

#left-col .uk-dropdown.user-drop {
  min-width: 160px;
  max-width: 160px;
  padding: 0.75rem;
}

#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;
}

@media screen and (max-width: 639px) {
  #left-col {
    display: none;
  }

  #left-col::after {
    content: " ";
    width: 100%;
    height: 100%;
    background: rgba(103, 103, 103, 0.7);
    position: fixed;
    right: 0;
    top: 52px;
    left: 240px;
  }
}

/* Left bar links */

/* Drop arrow */

.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;
}

.bar-bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.07);
  padding: 15px 0 25px;
  background-color: #222A30;
  position: fixed;
  left: 0;
  right: 0;
  z-index: 3;
  bottom: 0;
  width: 240px;
}

.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 a {
  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;
  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 {
  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,
.uk-progress.warning::-moz-progress-bar,
.uk-progress.warning::-ms-fill {
  background-color: #faa05a;
}

.uk-progress.success::-webkit-progress-value,
.uk-progress.success::-moz-progress-bar,
.uk-progress.success::-ms-fill {
  background-color: #32d296;
}

/* Charts */

.chart-container {
  position: relative;
  margin: 0 auto;
}

/* Loader */

.loader {
  width: calc(100% - 30px);
  min-height: 225px;
  position: absolute;
  background: rgba(255, 255, 255, 0.6);
}

/* range */

.uk-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  margin-top: -16px;
  height: 35px;
  width: 35px;
  border-radius: 500px;
  background: #fff;
  border: 1px solid #ccc;
}

.uk-range::-moz-range-thumb {
  border: none;
  height: 35px;
  width: 35px;
  margin-top: -16px;
  border-radius: 500px;
  background: #fff;
  border: 1px solid #ccc;
}

.uk-range::-ms-thumb {
  border: none;
  height: 35px;
  width: 35px;
  margin-top: -16px;
  border-radius: 500px;
  background: #fff;
  border: 1px solid #ccc;
}

.uk-range::-webkit-slider-runnable-track {
  height: 3px;
  background: #ebebeb;
  border-radius: 500px;
  margin-top: 15px;
}

.uk-range::-moz-range-track {
  height: 3px;
  background: #ebebeb;
  border-radius: 500px;
  margin-top: 15px;
}

.uk-range::-ms-fill-lower,
.uk-range::-ms-fill-upper {
  height: 3px;
  background: #ebebeb;
  border-radius: 500px;
  margin-top: 15px;
}