/* ---------- Color Module Styles ----------- */

body {
  color: #3b3b3b;
  background: #292929;
}

.bg-primary {
    background-color: #fff !important;
}

.bg-secondary {
    background-color: #ed9309 !important;
}

/* Nav */


.navbar-dark .navbar-nav .nav-link {
  padding: 6px 8px;
  background-color: #ed9309;
  color: #ed9309;
  color: #fff;
  text-transform: uppercase;
}

.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
  background-color: #c77f0e;
}


.navbar-dark .navbar-toggler {
  color: #ed9309;
  border-color: #ed9309;
}

 .navbar-dark .navbar-toggler-icon {
   background-image: url(http://d8devel.dev03.extrude.se/themes/rapportsystem/logo.svg);
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2893, 155, 39, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");

  }

/* end Nav*/

#page,
#main-wrapper,
.region-primary-menu .menu-item a.is-active,
.region-primary-menu .menu-item--active-trail a {
  background: #fff;
}

.tabs ul.primary li a.is-active {
  background-color: #fff;
}

.tabs ul.primary li.is-active a {
  background-color: #fff;
  border-bottom-color: #fff;
}

#navbar-top {
  background-color: #ed9309;
}

#navbar-main {
  background-color: #fff;
}

a,
.link {
  color: #c77f0e;
}

a:hover,
a:focus,
.link:hover,
.link:focus {
  color: #ed9309;
}

a.active,
.link.active {
  color: #a26910;
}



.page-item.active .page-link {
  background-color: #ed9309;
  border-color: #ed9309;
}

.page-link,
.page-link:hover {
  color: #ed9309;
}

.sidebar .block {
  background-color: #f6f6f2;
  border-color: #f9f9f9;
}

.btn-primary {
  background-color: #477dbb;
  border-color: #477dbb;
}

.btn-primary:hover,
.btn-primary:focus {
  background-color: #679ddb;
}

.site-footer {
  background: #ed9309;
}

.region-header,
.region-header a,
.region-header li a.is-active,
.region-header .site-branding__text,
.region-header .site-branding,
.region-header .site-branding__text a,
.region-header .site-branding a,
.region-secondary-menu .menu-item a,
.region-secondary-menu .menu-item a.is-active {
  color: #fffeff;
}


/* ---------- Color Form ----------- */

[dir="rtl"] .color-form .color-palette {
  margin-left: 0;
  margin-right: 20px;
}

[dir="rtl"] .color-form .form-item label {
  float: right;
}

[dir="rtl"] .color-form .color-palette .lock {
  right: -20px;
  left: 0;
}