#side_menu {
	margin-top: 80px;
	position: relative;
}

#side_menu:before {
	content: " ";
	height: 80px;
	width: 90%;
	max-width: 250px;
	background-image: url('vuorimies-logo.png');
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	top: -80px;
}

.navbar .brand {
  color: #eee;
  text-shadow: #777777 0 1px 0;
}

.navbar-inverse .navbar-inner {
  background-color: #831D38;
  background-image: -moz-linear-gradient(top, #831D38, #761a33);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#831D38), to(#761a33));
  background-image: -webkit-linear-gradient(top, #831D38, #761a33);
  background-image: -o-linear-gradient(top, #831D38, #761a33);
  background-image: linear-gradient(to bottom, #831D38, #761a33);
  background-repeat: repeat-x;
  border-color: #831D38;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff831D38', endColorstr='#ff761a33', GradientType=0);
  color: #eee;
}

.navbar .nav > li > a {
  color: #eee;
  text-shadow: #ccc 0 0 0;
}

.navbar .operations > li > a {
  color: #1d2e7b;
}

.navbar .nav .dropdown-menu li.active > a,
.navbar .nav .dropdown-menu li > a:hover,
.navbar .nav .dropdown-menu li.active > a:hover,
.navbar .nav .dropdown-menu li > a:focus,
.navbar .nav .dropdown-menu li.active > a:focus {
  color: #ffffff;
  background-color: #831D38;
}

.navbar .nav .active>a .active>a:hover,
.navbar .nav .active>a:focus,
.navbar .nav li.dropdown.open>.dropdown-toggle {
	background-color: #831D38;
}

.navbar-inverse .navbar-search .search-query {
  background-color: #dedede;
  border-color: #dedede;
  color: #111111;
}

.navbar-inverse .divider-vertical {
  border-right-color: #39436d;
  border-left-color: #20317d;
}

a,
a:hover,
p a,
p a:hover,
.sidebar-nav ul > li > a,
.sidebar-nav ul > li > a:hover,
.summary-number {
  color: #831D38;
}

.pagination ul>li.active a,
.pagination ul>li a:hover,
.pagination ul>li a:focus {
	background-color: #831D38;
}

/* Yii2 (Bootstrap 4) changes */
#navigation-main nav.navbar {
	background-color: #831D38 !important; /* !important to override bg-primary */
}

.navbar .dropdown-item:hover,
.navbar .dropdown-item:focus,
.navbar .dropdown-item.active,
.navbar .dropdown.is-expanded > a,
.navbar .nav .dropdown-menu .dropdown.active > .dropdown-item,
.navbar .nav .dropdown-menu .dropdown-submenu:hover > a.dropdown-item:hover,
.navbar .nav .dropdown-menu .dropdown-submenu:hover > a.dropdown-item:focus,
.navbar .nav .dropdown-menu .dropdown-submenu:hover > a.dropdown-item.active {
	background-color: #831D38;
}

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

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

@media (max-width: 768px) {
	#side_menu:before {
		max-width: 220px;
	}
}