/**
 * @file
 * Purely visual styling (“look-and-feel”) for a component.
 */

/**
 * Navbar
 */
#page--navbar {
  background: #1976d2;
  -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.16), 0 3px 6px rgba(0,0,0,.23);
  box-shadow: 0 3px 6px rgba(0,0,0,.16), 0 3px 6px rgba(0,0,0,.23);
}
#page--navbar .uk-navbar-item,
#page--navbar .uk-navbar-nav>li>a {
  color: #fff;
}
#page--navbar .uk-navbar-nav>li>a {
  position: relative;
}
#page--navbar .uk-navbar-nav>li>a:not([uk-toggle]):before {
  content: '';
  display: block;
  position: absolute;
  left: 15px;
  right: calc(102% - 15px);
  bottom: 10px;
  height: 1px;
  background-color: currentColor;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  -webkit-transition-property: right;
  transition-property: right;
}
#page--navbar .uk-navbar-nav>li.uk-active>a:before,
#page--navbar .uk-navbar-nav>li>a:not([uk-toggle]):hover::before {
  right: 15px;
}

/**
 * Page title
 */
#page-title {
  font-size: 1.8rem;
  margin: 0;
}
#page-title em {
  margin: 0 6px;
  color: #c5c5c5;
}

/**
 * Local tasks
 */
#offcanvas .uk-offcanvas-bar,
#secondary-tasks .uk-offcanvas-bar {
  background: #fff;
}
#offcanvas .uk-nav-default>li>a,
#offcanvas .uk-offcanvas-close,
#secondary-tasks .uk-nav-default>li>a,
#secondary-tasks .uk-offcanvas-close {
  color: #999;
}
#offcanvas .uk-nav-default>li.uk-active>a,
#offcanvas .uk-offcanvas-close:focus,
#offcanvas .uk-offcanvas-close:hover,
#secondary-tasks .uk-nav-default>li.uk-active>a,
#secondary-tasks .uk-offcanvas-close:focus,
#secondary-tasks .uk-offcanvas-close:hover {
  color: #222;
}

/**
 * Tables
 */
.uk-table.sticky-header thead {
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
  box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
  border: none;
}

/**
 * Views
 */
.view-filters {
  background: #f8f8f8;
  border-top: 1px solid #ddd;
}

.ui-widget-overlay {
  background: #000;
  opacity: .6;
  filter: Alpha(Opacity=60);
}