body {
  background-color: #ffffff;
}

div#top-banner.content-column {
  margin-left: 0px;
  margin-right: 0px;
  max-width: 100%;
  padding: 12px 0px;
  margin-top: 0px;
  background: #4d4f53;
  width: 100%;
  height: 73px;
}

form > #top-banner.content-column.web > h1 {
  background: transparent
    url(https://boraskaskelot.blob.core.windows.net/css/boras.png) no-repeat
    scroll;
  margin-top: 0px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  max-width: 1200px;
  height: 73px;
  float: none;
  background-position: 0 50%;

  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
form > #top-banner > h1 {
  background: transparent
    url(https://boraskaskelot.blob.core.windows.net/css/boras.png) no-repeat
    scroll;
  margin-top: 0px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  max-width: 1200px;
  height: 73px;
  float: none;
  background-position: 0 50%;

  color: white;
  text-align: right;
  font-size: 20px;
  line-height: 138px;
}
#top-banner {
  height: 73px;
}

@media (max-width: 1220px) and (min-width: 700px) {
  form > div.web#top-banner > h1 {
    background-position: 1% 50%;
  }
}

#navbar,
#web-kurser-list > thead > tr,
#district-container .list-table thead > tr {
  background-color: #93328e;
}
#navbar ul.content-column {
  margin-top: 0;
}
#navbar ul li.active,
#navbar ul li.active:hover,
#navbar ul li:hover {
  background-color: #f04e98;
}

#navbar ul li.active a,
#navbar ul li.active:hover a,
#navbar ul li:hover a {
  color: white;
}

.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;
  outline: none;
}

.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;
  outline: none;
}

.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: #f04e98;
}
.ui-widget-content .ui-button-text-only.ui-state-default,
.link-button {
  background-color: #93328e;
  background-image: none;
}

.ui-widget-content .ui-button-text-only.ui-state-default.ui-state-hover,
.ui-widget-content .ui-button-text-only.ui-state-default.ui-state-active,
.link-button:hover {
  background-color: #f04e98;
}

.chzn-container-active .chzn-single {
  border: 1px solid lightgray;
}

.chzn-container .chzn-results .highlighted {
  background-color: #f04e98;
  background-image: none;
  color: #fff;
}

.card_primary_header {
  border-top: 5px solid #3d5c76 !important;
}

.card_accent_header {
  border-top: 5px solid #882754 !important;
}

.active-link {
  border-bottom: 3px solid #3d5c76 !important;
}

.logo {
  width: 100% !important;
  content: url("https://boraskaskelot.blob.core.windows.net/css/boras_vit.svg") !important;
}

.activated {
  border: 1px solid white !important;
}

.pink-background {
  background-color: #3d5c76 !important;
}

.pink-color {
  color: #3d5c76 !important;
}

.navbar-background {
  background-color: #805b7b !important;
}

.app-logo {
  content: url("https://boraskaskelot.blob.core.windows.net/css/boras.jpg") !important;
}