/* ========================================================================
   Component: layout
 ========================================================================== */
/* line 51, app/assets/stylesheets/angle/themes/theme-e.scss */
body, .wrapper .section-container {
  background-color: #f5f7fa;
}

/* line 55, app/assets/stylesheets/angle/themes/theme-e.scss */
.wrapper .aside-container {
  background-color: #3a3f51;
}

/* ========================================================================
   Component: top-navbar
 ========================================================================== */
/* line 62, app/assets/stylesheets/angle/themes/theme-e.scss */
.topnavbar {
  background-color: #082032;
  background-image: linear-gradient(to right, #082032 0%, #2C394B 100%);
  background-repeat: repeat-x;
}

@media (min-width: 992px) {
  /* line 68, app/assets/stylesheets/angle/themes/theme-e.scss */
  .topnavbar .navbar-nav > .nav-item.show > .nav-link, .topnavbar .navbar-nav > .nav-item.show > .nav-link:hover, .topnavbar .navbar-nav > .nav-item.show > .nav-link:focus {
    box-shadow: 0 -3px 0 #040f18 inset;
  }
}

/* line 74, app/assets/stylesheets/angle/themes/theme-e.scss */
.topnavbar .navbar-nav > .nav-item > .navbar-text {
  color: #fff;
}

/* line 78, app/assets/stylesheets/angle/themes/theme-e.scss */
.topnavbar .navbar-nav > .nav-item > .nav-link,
.topnavbar .navbar-nav > .nav-item.show > .nav-link {
  color: #fff;
}

/* line 81, app/assets/stylesheets/angle/themes/theme-e.scss */
.topnavbar .navbar-nav > .nav-item > .nav-link:hover, .topnavbar .navbar-nav > .nav-item > .nav-link:focus,
.topnavbar .navbar-nav > .nav-item.show > .nav-link:hover,
.topnavbar .navbar-nav > .nav-item.show > .nav-link:focus {
  color: black;
}

/* line 86, app/assets/stylesheets/angle/themes/theme-e.scss */
.topnavbar .dropdown-item.active, .topnavbar .dropdown-item:active {
  background-color: #082032;
}

/* ========================================================================
   Component: sidebar
 ========================================================================== */
/* line 94, app/assets/stylesheets/angle/themes/theme-e.scss */
.sidebar {
  background-color: #3a3f51;
}

/* line 97, app/assets/stylesheets/angle/themes/theme-e.scss */
.sidebar .nav-heading {
  color: #919DA8;
}

/* line 105, app/assets/stylesheets/angle/themes/theme-e.scss */
.sidebar-nav > li > a, .sidebar-nav > li > .nav-item {
  color: #e1e2e3;
}

/* line 108, app/assets/stylesheets/angle/themes/theme-e.scss */
.sidebar-nav > li > a:focus, .sidebar-nav > li > a:hover, .sidebar-nav > li > .nav-item:focus, .sidebar-nav > li > .nav-item:hover {
  color: #082032;
}

/* line 113, app/assets/stylesheets/angle/themes/theme-e.scss */
.sidebar-nav > li > a > em, .sidebar-nav > li > .nav-item > em {
  color: inherits;
}

/* line 121, app/assets/stylesheets/angle/themes/theme-e.scss */
.sidebar-nav > li.active, .sidebar-nav > li.active > a, .sidebar-nav > li.active > .nav-item, .sidebar-nav > li.active .sidebar-nav, .sidebar-nav > li.open, .sidebar-nav > li.open > a, .sidebar-nav > li.open > .nav-item, .sidebar-nav > li.open .sidebar-nav {
  background-color: #383d4e;
  color: #082032;
}

/* line 126, app/assets/stylesheets/angle/themes/theme-e.scss */
.sidebar-nav > li.active > .nav-item > em, .sidebar-nav > li.active > a > em, .sidebar-nav > li.open > .nav-item > em, .sidebar-nav > li.open > a > em {
  color: #082032;
}

/* line 132, app/assets/stylesheets/angle/themes/theme-e.scss */
.sidebar-nav > li.active {
  border-left-color: #082032;
}

/* line 140, app/assets/stylesheets/angle/themes/theme-e.scss */
.sidebar-subnav {
  background-color: #3a3f51;
}

/* line 143, app/assets/stylesheets/angle/themes/theme-e.scss */
.sidebar-subnav > .sidebar-subnav-header {
  color: #e1e2e3;
}

/* line 148, app/assets/stylesheets/angle/themes/theme-e.scss */
.sidebar-subnav > li > a, .sidebar-subnav > li > .nav-item {
  color: #e1e2e3;
}

/* line 151, app/assets/stylesheets/angle/themes/theme-e.scss */
.sidebar-subnav > li > a:focus, .sidebar-subnav > li > a:hover, .sidebar-subnav > li > .nav-item:focus, .sidebar-subnav > li > .nav-item:hover {
  color: #082032;
}

/* line 158, app/assets/stylesheets/angle/themes/theme-e.scss */
.sidebar-subnav > li.active > a, .sidebar-subnav > li.active > .nav-item {
  color: #082032;
}

/* line 161, app/assets/stylesheets/angle/themes/theme-e.scss */
.sidebar-subnav > li.active > a:after, .sidebar-subnav > li.active > .nav-item:after {
  border-color: #082032;
  background-color: #082032;
}

/* ========================================================================
   Component: offsidebar
 ========================================================================== */
/* line 177, app/assets/stylesheets/angle/themes/theme-e.scss */
.offsidebar {
  border-left: 1px solid greyscale(#cccccc);
  background-color: #fff;
  color: #656565;
}

/* line 183, app/assets/stylesheets/angle/themes/theme-e.scss */
body, .wrapper .section-container {
  background-color: #fff;
}

/* line 187, app/assets/stylesheets/angle/themes/theme-e.scss */
.content-wrapper {
  background-color: #656565;
  color: #fff;
}

/* line 192, app/assets/stylesheets/angle/themes/theme-e.scss */
.content-wrapper a {
  color: #e1e2e3;
}

/* line 196, app/assets/stylesheets/angle/themes/theme-e.scss */
.jumbotron {
  border: 1px solid #334756;
  background-color: #082032;
  color: #fff;
}

/* line 202, app/assets/stylesheets/angle/themes/theme-e.scss */
.nav-tabs > .nav-item > .nav-link {
  font-weight: bold;
  color: #919DA8;
  background-color: #334756;
  margin: 0;
  border: 1px solid #2a2a2a;
  border-radius: 0;
  padding: 10px 20px;
}

/* line 212, app/assets/stylesheets/angle/themes/theme-e.scss */
.nav-tabs > .nav-item > .nav-link.active, .nav-tabs > .nav-item > .nav-link.active:hover, .nav-tabs > .nav-item > .nav-link.active:focus {
  color: inherit;
  border-bottom-color: #082032;
}

/* line 217, app/assets/stylesheets/angle/themes/theme-e.scss */
.nav-tabs > .nav-item > .nav-link.active {
  background-color: #082032;
}

/* line 221, app/assets/stylesheets/angle/themes/theme-e.scss */
.nav-tabs {
  border-bottom: 1px solid #919DA8;
}

/* line 225, app/assets/stylesheets/angle/themes/theme-e.scss */
.list-group-item {
  background-color: #082032;
  border: 1px solid  #3A3F51;
  color: #919DA8;
}

/* line 232, app/assets/stylesheets/angle/themes/theme-e.scss */
.list-group-item:hover {
  background-color: #072032;
  border: 1px solid  #3A3F51;
  color: #919DA8;
}

/* line 238, app/assets/stylesheets/angle/themes/theme-e.scss */
body {
  background-color: #656565;
}

/* line 243, app/assets/stylesheets/angle/themes/theme-e.scss */
.card {
  position: relative;
  display: flex;
  flex-direction: column;
  color: #919DA8;
  min-width: 0;
  word-wrap: break-word;
  background-color: #082032;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}

/* line 256, app/assets/stylesheets/angle/themes/theme-e.scss */
.card-default .card-header {
  background-color: #082032;
}

/* line 260, app/assets/stylesheets/angle/themes/theme-e.scss */
.card .card-header {
  border-bottom: 0;
  padding: 0.625rem 0.9375rem;
  background-color: transparent;
}

/* line 267, app/assets/stylesheets/angle/themes/theme-e.scss */
.form-control {
  background-color: #555;
  color: white;
}

/* line 274, app/assets/stylesheets/angle/themes/theme-e.scss */
.page-link {
  background-color: #334756;
  border: 1px solid #334756;
}

/* line 279, app/assets/stylesheets/angle/themes/theme-e.scss */
.page-item.active .page-link {
  background-color: #082032;
  border: 1px solid #334756;
}

/* line 285, app/assets/stylesheets/angle/themes/theme-e.scss */
.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice {
  color: #ffffff;
  border: 1px solid #bdc6d0;
  border-radius: 0.2rem;
  padding: 0;
  padding-right: 5px;
  cursor: pointer;
  float: left;
  margin-top: 0.3em;
  margin-right: 5px;
}

/* line 297, app/assets/stylesheets/angle/themes/theme-e.scss */
.leaflet-popup-content-wrapper {
  background-color: #0a0a0a !important;
}

/* line 301, app/assets/stylesheets/angle/themes/theme-e.scss */
.card {
  border: 1px solid #bdc6d0;
}

/* line 306, app/assets/stylesheets/angle/themes/theme-e.scss */
.leaflet-popup-content-wrapper {
  color: #fff !important;
}

/* line 310, app/assets/stylesheets/angle/themes/theme-e.scss */
.leaflet-control-measure {
  color: #0a0a0a;
}