#top-banner
{
	background: transparent url("https://ystadkaskelot.blob.core.windows.net/css/ystad.png") no-repeat scroll;
	background-position: 5px;
	background-size: 11%;
}

#top-banner.web h1
{
	display: none;
}

#navbar
{
	background-color: #0080C9;
}

#navbar ul li {
	border-bottom: #0080c9 3px solid;
}

#navbar ul li a {
	padding: 10px 25px 7px 25px;
}

#navbar ul li.active, #navbar ul li:hover
{
	color:#333333;
	background-color: #0080C9;
	border-bottom: solid 3px #f7941e;
}

#web-kurser-list > thead > tr,
#district-container .list-table thead > tr {
	background-color: #0080C9;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default,
.ui-state-default a, .ui-state-default a:hover, .ui-state-default a:link, .ui-state-default a:visited {
	color:#000;
}

.ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link,
.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link,
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
	color:#fff;
}

.ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus,
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, 
.ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus,
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
	border:1px solid lightgray;

	background:none;
	background-color: #0080C9;
}
.ui-widget-content .ui-button-text-only.ui-state-default,
.link-button {
	background-color: #0080C9;
	background-image: none;
}


.card_primary_header {
  border-top: 5px solid #0773b8  !important;
}

.card_accent_header {
  border-top: 5px solid #f7941e !important;
}

.active-link {
	border-bottom: 3px solid #0773b8  !important;
}

.logo {
	width: 100% !important;
	content: url("https://ystadkaskelot.blob.core.windows.net/css/ystad.png")!important;
}

.activated {
	border: 1px solid #f7941e!important;
} 

.pink-background {
	background-color: #f7941e!important;
}

.pink-color {
	color: #f7941e!important;
}

.navbar-background {
	background-color: #0773b8!important;
}

.app-logo {
  content: url("https://ystadkaskelot.blob.core.windows.net/css/ystad.png")!important;
}