@import url("https://skanskacdn.azureedge.net/core/css/skanska-fonts.css");
body {
  font-family: Arial, Helvetica, sans-serif;
}
h1,
h2,
h3,
h4,
h5 {
  font-weight: normal;
  /* font-family:"SkanskaSansPro-Bold" !important; */
}
a {
  color: rgb(0, 120, 201);
}
a:focus {
  outline: thin dotted rgb(50, 50, 50) !important;
}
a:hover {
  color: rgb(91, 180, 229);
}
.navbar-inner {
  height: auto;
}
.navbar-inner > * {
  z-index: auto;
}
.navbar-inner .brand {
  padding: 0;
}
#header .navbar-inner {
  background-color: rgb(0, 120, 201);
}
#wrap {
  margin-top: 40px !important;
}
@media (min-width: 800px) {
  #wrap {
    margin-top: 98px !important;
  }
}
#header .navbar-inner .logoImg.brand {
  margin-left: 0;
}
body.module-home .home__carousel-entry-title {
  padding-left: 0;
  font-style: normal;
  color: #333;
}
body.module-home
  #entrySlider
  .carousel-inner
  .carousel-caption
  .home__carousel-entry-title {
  text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
}
body.module-home .photo-group.featured_wrapper .thumb_labels_wrapper {
  background-color: white;
  opacity: 0.85;
  padding: 10px;
}
body.module-home .photo-group.featured_wrapper .overlay-wrapper {
  background: rgba(0, 0, 0, 0.1);
}
body.module-home
  .photo-group.featured_wrapper
  .thumb_labels_wrapper
  .label-inverse {
  color: rgb(50, 50, 50);
  padding: 0;
  text-shadow: none;
  font-weight: bold;
}
body.module-home ul.thumbnails li.span2 div.thumb_time,
body.module-home ul.thumbnails li.span4 div.thumb_time {
  position: static !important;
  font-family: Arial, Helvetica, sans-serif;
  text-shadow: none;
}
body.module-home ul.thumbnails li.span2 p.thumb_name_content {
  line-height: 130%;
}
body.module-home
  .photo-group.featured_wrapper
  .thumb_labels_wrapper
  .thumb_name {
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  font-family: Arial;
  font-size: 16px;
  text-shadow: none;
  line-height: 130%;
}
p.thumb_time_content,
p.thumb_name_content,
p.channel_content,
p.channel_stats_content {
  padding: 0;
}
button.btn:hover:not(.btn-link),
button.btn.btn-small:hover:not(.btn-link),
a.btn:hover:not(.btn-link),
a.btn.btn-small:hover:not(.btn-link),
input.btn:hover:not(.btn-link),
input.btn.btn-small:hover:not(.btn-link),
div.btn:hover:not(.btn-link),
div.btn.btn-small:hover:not(.btn-link),
span.btn:hover:not(.btn-link),
span.btn.btn-small:hover:not(.btn-link),
label.btn:hover:not(.btn-link),
label.btn.btn-small:hover:not(.btn-link) {
  border: 1px solid transparent !important;
  border-radius: 0 !important;
}
button.btn.btn-primary,
button.btn.btn-small.btn-primary,
a.btn.btn-primary,
a.btn.btn-small.btn-primary,
input.btn.btn-primary,
input.btn.btn-small.btn-primary,
div.btn.btn-primary,
div.btn.btn-small.btn-primary,
span.btn.btn-primary,
span.btn.btn-small.btn-primary,
label.btn.btn-primary,
label.btn.btn-small.btn-primary {
  background-color: rgb(0, 120, 201);
}
button.btn.btn-primary:hover,
button.btn.btn-small.btn-primary:hover,
a.btn.btn-primary:hover,
a.btn.btn-small.btn-primary:hover,
input.btn.btn-primary:hover,
input.btn.btn-small.btn-primary:hover,
div.btn.btn-primary:hover,
div.btn.btn-small.btn-primary:hover,
span.btn.btn-primary:hover,
span.btn.btn-small.btn-primary:hover,
label.btn.btn-primary:hover,
label.btn.btn-small.btn-primary:hover {
  background-color: rgb(0, 120, 201);
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus,
.nav-pills > li > a.active,
.nav-pills > li > a.active:hover,
.nav-pills > li > a.active:focus {
  background-color: rgb(0, 120, 201);
}
li.span2 div.featured_wrapper,
li.span4 div.featured_wrapper {
  border-bottom: none;
  padding-bottom: 0;
}
body.module-home ul.thumbnails li .photo-group img {
  margin-bottom: 0;
}
body.module-home
  .container
  .home__playlist-name-heading
  a.clickable-header:hover {
  font-weight: normal;
}
#push,
#footer {
  height: 60px;
}
#footer .container {
  padding-top: 0;
}
#sidr.sidr.navbar .navbar-inner ul#menu.dd-menu li a.navbar-link,
#sidr.sidr.navbar .dd-wrapper ul#menu.dd-menu li a.navbar-link {
  padding: 10px;
}
.alert.alert-info {
  background-color: rgb(41, 62, 107);
  color: white;
  text-shadow: none;
}
body.module-home #entrySlider .carousel-inner .thumb_time {
  font-size: 16px;
}
@media (min-width: 800px) {
  .navbar-inner {
    max-width: none;
  }
}
/* 2019-01-25 */
body.module-home
  #entrySlider
  .carousel-inner
  .carousel-caption
  .home__carousel-entry-title {
  background-color: rgba(0, 0, 0, 0.3);
  padding: 10px 20px;
}
#galleryGrid.grid
  li.galleryItem
  div.thumbnail
  .thumb_labels_wrapper
  .thumb_name,
html.hosted
  #galleryGrid.grid
  li.galleryItem
  div.thumbnail
  .thumb_labels_wrapper
  .thumb_name {
  width: 100%;
}
.mediaTable tbody tr .entryTitle a,
#videosResultsTable tbody tr .entryTitle a {
  top: 0;
}
#entryButtons > ul > li > a.btn {
  padding-left: 20px;
}
#entryButtons > ul > li > a.btn.active {
  background-color: rgba(0, 120, 201);
  color: white;
}
body.module-default.controller-entry.action-edit
  #wrap
  > .row-fluid
  #mediaStatusBadge.label,
body.module-default.controller-entry.action-edit
  #wrap
  > #content
  > .row-fluid
  #mediaStatusBadge.label {
  background-color: rgb(0, 120, 201);
  border-color: rgb(0, 120, 201);
}
.mymediaTable tbody tr td.thumbTd .status.label-info {
  background-color: rgb(0, 120, 201);
}
.tagsWrapper a span {
  padding: 3px 8px;
  border-color: rgb(230, 230, 230);
}
#entryTags {
  margin-bottom: 10px;
}
#entry-metadata dd a {
  font-size: 14px;
}
#entryActions ul li a.disabled,
#entryButtons ul li a.disabled {
  color: rgb(204, 204, 204) !important;
}
.searchForm__prepend > div {
  width: calc(100% - 18px) !important;
  border: 1px solid rgb(230, 230, 230);
  padding: 2px;
}
#eSearchForm {
  margin-top: 10px;
}
.gallerySearchResult a i {
  display: none;
}
form.searchForm .searchForm__prepend {
  border-color: transparent;
}
body.module-home
  .photo-group.featured_wrapper
  .thumb_labels_wrapper
  .thumb_name_content {
  width: calc(100% - 20px);
}
#mediaContainer .row-fluid.tight span {
  margin-top: 0;
}
.btn.btn-primary {
  background-color: rgb(0, 120, 201) !important;
  border-radius: 3px !important;
}
.btn.btn-primary:hover {
  background-color: rgb(1, 172, 205) !important;
  border-radius: 3px !important;
}
#deleteMediaBtnForm {
  margin-right: 20px;
}
.disabled,
.disabled:hover,
.disabled:focus {
  opacity: 0.3;
}
.title {
  color: rgb(0, 120, 201);
  font-size: 16px;
}
body.module-default.controller-entry.action-view #content {
  margin-top: 0;
}
.alert.alert-error,
.alert.alert-danger {
  background-color: rgb(229, 114, 0);
}
body.module-home #entrySlider .carousel-indicators-outer-wrapper {
  display: block;
  visibility: visible;
}
.results-entry__name {
  color: rgb(0, 120, 201);
}
#categoryCarousel #filterBarWrap .categorynav #categoryview button.active,
#categoryCarousel #filterBarWrap .categorynav #categoryview .btn:hover {
  color: rgb(0, 120, 201);
}
#comments-tab-pane #add-comment {
  background-color: rgb(0, 120, 201);
  border-color: rgb(0, 120, 201) !important;
}
#comments-tab-pane #add-comment:hover,
#comments-tab-pane #add-comment:focus {
  background-color: rgb(91, 180, 229);
  border-color: rgb(91, 180, 229) !important;
}
.btn.btn-link,
.btn.btn-link:active,
.btn.btn-link:focus {
  color: rgb(0, 120, 201) !important;
}
.btn.btn-link:hover {
  color: rgb(91, 180, 229) !important;
}
#channelGallery
  .channel-thumbnail
  div.wrapper
  .channel.label-inverse
  p.channel_content,
#channelsList
  .channel-thumbnail
  div.wrapper
  .channel.label-inverse
  p.channel_content,
#mainGalleryContent
  ul#channelsList.thumbnails
  .channel-thumbnail
  div.wrapper
  .channel.label-inverse
  p.channel_content {
  text-transform: none;
}
/* ---------------------- Mirsad changes ---------------- */
/* ---------------------- Mirsad changes ---------------- */
/* ---------------------- Mirsad changes ---------------- */
/* ---------------------- Mirsad changes ---------------- */
/* ---------------------- Mirsad changes ---------------- */
/* ---------------------- Mirsad changes ---------------- */

html,
body,
#header #horizontalMenu .nav > li > a {
  /*font-family: 'Shape Sans', Arial, Helvetica, sans-serif;*/
  font-family: "Shape Sans", Helvetica, sans-serif !important;
}

h1,
h2,
h3,
h4,
h5,
.tabLabel,
#sortBy-menu-toggle,
#filter_toggle-button,
#fields-menu-toggle,
input,
#channel_title,
#btnTitle,
#sort-btn,
.hidden-phone,
#userMenuDisplayName,
#commentsbox {
  font-weight: normal;
  font-family: "Shape Sans", Helvetica, sans-serif !important;
}
:root {
  --skanska-blue: #143275;
  --skanska-white: #ffffff;
  --skanska-grey: #ececec;
  --skanska-middle: #d6d6d6;
  --skanska-pale-blue: #3c589e;
  --skanska-active-blue: #2356e5;
  --skanska-active-green: #3ece7b;
  --skanska-border-active: 4px solid var(--skanska-active-green);
  --skanska-border-hover: 4px solid var(--skanska-grey);
}

#header .navbar-inner {
  background-color: #ffffff;
}
#header .btn {
  color: var(--skanska-blue) !important;
}
.navbar-inner .btn {
  background-color: #ffffff !important;
}

#header #horizontalMenu .nav > li > a:hover {
  border-color: var(--skanska-active-green);
}

#entryButtons > ul > li > a.btn.active {
  background-color: var(--skanska-blue);
}
#entryButtons > ul > li > a.btn.active:hover {
  border-radius: 4px 4px 0 0 !important;
}

/* #entryButtons > ul > li > a.btn.active:hover {
    border-radius: 4px 4px 0 0 !important;
    background-color: var(--skanska-active-blue);
}
*/
a {
  color: var(--skanska-blue);
}
a:visited {
  color: var(--skanska-pale-blue);
}
a:hover {
  color: var(--skanska-active-blue);
}
.tagsWrapper a span,
.badge-info {
  color: var(--skanska-blue);
}
.tagsWrapper a span:hover,
.badge-info:hover {
  color: var(--skanska-active-blue);
}
.tagsWrapper a span:visited,
.badge-info:visited {
  color: var(--skanska-pale-blue);
}
.nav-tabs.nav-tabs > .active > a {
  border-bottom: var(--skanska-border-active);
}
.nav-tabs.nav-tabs > .active > a:hover,
.nav-tabs.nav-tabs > .active > a:focus {
  border-bottom: var(--skanska-border-active);
}
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
  border-bottom: var(--skanska-border-hover);
}
.searchForm_icon,
#categoryCarousel #filterBarWrap #categoryview button.active {
  color: var(--skanska-blue);
}
#categoryCarousel #filterBarWrap #categoryview button {
  color: var(--skanska-middle);
}
#footer {
  background-color: var(--skanska-grey);
}

/* comments add button */

#comments-tab-pane #add-comment,
#comments-tab-pane #add-comment,
button.btn.btn-primary,
.btn.btn-primary,
.btn-primary,
a.btn.btn-primary {
  background-color: var(--skanska-blue) !important;
  border: 2px solid var(--skanska-blue) !important;
  border-radius: 5px !important;
}
#comments-tab-pane #add-comment:hover,
#comments-tab-pane #add-comment:focus,
button.btn.btn-primary:hover,
.btn.btn-primary:hover,
.btn-primary:hover,
a.btn.btn-primary {
  background-color: var(--skanska-white) !important;
  border: 2px solid var(--skanska-blue) !important;
  color: var(--skanska-blue) !important;
  border-radius: 5px !important;
}

.channelSubscription .btn i {
  color: var(--skanska-blue);
}

/* comments area */
textarea:focus {
  outline-color: var(--skanska-active-blue);
}

/* Loading text */
.elementLoader .message {
  color: var(--skanska-blue);
}

/* search icon base64 */
.transcript-menu .searchWrapper .search {
  border-color: var(--skanska-blue);
  filter: brightness(0.3);
}
.transcript-menu-item.toggleTranscriptBodyWrapper a {
  color: var(--skanska-blue);
}
/* arrow down icon base64 */
.transcript-menu-item.toggleTranscriptBodyWrapper .transcript-body-open:after {
  filter: brightness(0.3);
}

/* tags equal height */
#tagsArea .badge-info[href] {
  padding-top: 3px;
}

.DropdownFilter__toggle {
  letter-spacing: unset;
}

#Entry-submit {
  height: 38px;
}

dt.metadata__label {
  width: 187px;
}

a.btn.shrink-container__button,
button.btn.shrink-container__button {
  border: 1px solid transparent;
}
