.button,
.button:hover,
.button:visited,
.button:focus {
  border-radius: 4px;
  display: inline-block;
  -webkit-transition: background-color 150ms ease-out;
  transition: background-color 150ms ease-out;
  color: white;
  text-decoration: none;
  white-space: nowrap;
  text-align: center;
  font-family: "MuseoSlab500", Helvetica, Arial, sans-serif;
  padding: 0px 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
}
.button.small {
  font-size: 12px;
  line-height: 30px;
  height: 30px;
}
.button.small.saving {
  line-height: 28px;
}
.button.medium {
  font-size: 15px;
  line-height: 40px;
  height: 40px;
}
.button.medium.saving {
  line-height: 38px;
}
.button.large {
  font-size: 24px;
  line-height: 50px;
  height: 50px;
}
.button.large.saving {
  line-height: 48px;
}
.button.huge {
  font-size: 24px;
  line-height: 80px;
  height: 80px;
}
.button.huge.saving {
  line-height: 78px;
}
.button.green {
  background-color: #83c600;
}
.button.green:hover {
  background-color: #8dd400;
}
.button.green:active {
  background-color: #7cba00;
}
.button.disabled {
  background-color: #a79877;
  pointer-events: none;
  cursor: default;
}
.button.saving,
.button.done {
  pointer-events: none;
  position: relative;
}
.button.saving {
  border: 1px solid #a79877 !important;
  color: #a79877;
  background-color: #ffffff !important;
}
.button img.btnicon {
  display: none;
  margin-right: 0;
  margin-left: 10px;
  position: absolute;
  right: 16px;
}
.button img.btnicon.saving {
  width: 26px;
  height: 23px;
  top: 8px;
}
.button img.btnicon.done {
  width: 20px;
  height: 20px;
  top: 10px;
}
.button.saving img.btnicon.saving {
  display: inline;
}
.button.done img.btnicon.done {
  display: inline;
}
.button.facebook {
  background-color: #3b5998;
}
.button.facebook:hover {
  background-color: #4161a6;
}
.button.facebook:active {
  background-color: #37528c;
}
.button.blue {
  background-color: #046a80;
}
.button.blue:hover {
  background-color: #035e73;
}
.button.blue:active {
  background-color: #035466;
}
.button.red {
  background-color: #f44936;
}
.button.red:hover {
  background-color: #ff6756;
}
.button.red:active {
  background-color: #e84533;
}
.button.lightblue {
  background-color: #14849c;
}
.button.lightblue:hover {
  background-color: #76cee2;
}
.button.lightblue:active {
  background-color: #13788f;
}
.button.transparent {
  color: #14849c;
}
.button.transparent:hover {
  color: #76cee2;
}
.button.transparent:active {
  color: #13788f;
}
.button.brown {
  background-color: #f8f4e1;
  border: 1px solid #d8c485;
}
.button.brown:hover {
  background-color: #f8f4e1;
  border: 1px solid #d8c485;
}
/*** Button Icons ***/
.button img {
  vertical-align: middle;
  margin-right: 10px;
}
.button span {
  vertical-align: middle;
}
/*** TextBox ***/
input[type="text"],
input[type="password"],
textarea {
  border: 1px solid #a79877;
  border-radius: 4px;
  padding: 0px 10px;
}
input[type="text"]::-ms-clear {
  display: none;
}
input[type="text"],
input[type="password"] {
  height: 34px;
}
textarea {
  padding: 4px 6px;
}
input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus {
  outline: none;
}
/*@import "../../bootstrap/forms.less";*/
/*** Dropdown ***/
.bootstrap-select {
  color: #2f2f2f;
}
.bootstrap-select.btn-group .dropdown-menu li > a,
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  background: inherit;
}
.bootstrap-select ul li.selected {
  background: #d7f3f8;
  color: #000000;
}
.bootstrap-select ul:hover li.selected {
  background: white;
  color: #2f2f2f;
}
.bootstrap-select button,
.bootstrap-select ul.dropdown-menu {
  border: solid 1px #a79877;
  background: #ffffff !important;
  box-shadow: none !important;
}
.bootstrap-select div.dropdown-menu {
  left: inherit;
}
.bootstrap-multiselect ul > li:hover {
  background: #d7f3f8 !important;
  color: #000000 !important;
}
.bootstrap-select ul > li:hover {
  background: #d7f3f8 !important;
  color: #000000 !important;
}
.dropdown-menu > li > a:hover {
  background: inherit;
  color: inherit;
}
.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a i.check-mark {
  margin-left: 7px;
}
.bootstrap-select ul.dropdown-menu {
  z-index: 99999;
}
.multi-li-height:hover > a span span {
  color: #000000;
}
.bootstrap-select .caret,
.bootstrap-select.btn-group .btn .caret {
  display: block;
  border-top: none;
  border-left: none;
  border-right: none;
  background-image: url('/Content/Graphics/Layout/ikoner/dropdown-arrow.png');
  width: 16px;
  height: 16px;
  top: 9px;
  right: 5px !important;
  margin-top: 0px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .bootstrap-select .caret,
  .bootstrap-select.btn-group .btn .caret {
    background-image: url('/Content/Graphics/Layout/ikoner/dropdown-arrow@2x.png');
    -moz-background-size: 16px 16px;
    -o-background-size: 16px 16px;
    -webkit-background-size: 16px 16px;
    background-size: 16px 16px;
  }
}
.bootstrap-select.open .caret {
  background-image: url('/Content/Graphics/Layout/ikoner/dropdown-arrow-close.png');
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .bootstrap-select.open .caret {
    background-image: url('/Content/Graphics/Layout/ikoner/dropdown-arrow-close@2x.png');
    -moz-background-size: 16px 16px;
    -o-background-size: 16px 16px;
    -webkit-background-size: 16px 16px;
    background-size: 16px 16px;
  }
}
.btn.dropdown-toggle {
  line-height: 26px;
}
.dropdown-menu {
  margin-top: 4px;
}
.bootstrap-select:not([class*="form-control"]) {
  width: 210px;
}
.controls .bootstrap-select {
  width: 100%;
}
.controls .day,
.controls .month,
.controls .year {
  padding: 0px 5px;
}
.bootstrap-select.age,
.bootstrap-select.height,
.bootstrap-select.weight {
  width: 90px !important;
  display: inline-block !important;
}
.bootstrap-select.btn-group,
.bootstrap-select.btn-group[class*="col-"] {
  height: 34px;
}
.bootstrap-select .btn:focus,
.bootstrap-select.btn-group .dropdown-menu li > a {
  outline: none !important;
}
.bootstrap-select.btn-group .btn .filter-option {
  left: 10px;
  right: 20px;
}
.hiddenFirst ul.dropdown-menu li:first-child {
  display: none;
}
.hiddenFirst option:first-child {
  display: none;
}
.hiddenFirst option + option {
  display: inline;
}
.hiddenFirst ul.dropdown-menu li + li {
  display: block;
}
.row select:first-child + [class*="col-"] {
  margin-left: 0;
}
.multiselect li {
  position: relative;
}
.multiselect li i {
  float: none;
  position: absolute;
  left: 0px;
  top: 0px;
}
.bootstrap-select.btn-group.show-tick.multiselect .dropdown-menu li a span.text {
  padding: 0px;
  margin-right: 0px;
}
.multiselect li a {
  padding: 0px 30px;
}
/* Overrides for dropdown in contentheader */
.contentheader .bootstrap-select button,
.contentheader .bootstrap-select ul.dropdown-menu {
  background: #f8f4e1 !important;
  border-color: #a79877;
}
.contentheader .bootstrap-select:focus button,
.contentheader .bootstrap-select ul.dropdown-menu {
  background: #ffffff !important;
  border-color: #a79877;
}
.multiselect .dropdown-menu li > a {
  background: url('/Content/Graphics/Layout/generelt/checkboxes-sprite.png') no-repeat top left !important;
  min-height: 30px;
  padding-top: 5px;
}
.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a i {
  margin-top: 7.5px !important;
}
/* ImageScroller */
.imagescroller-parent {
  position: relative;
  z-index: 1;
  -ms-touch-action: pan-y;
}
.imagescroller-parent > div.handle {
  position: absolute;
  top: 50%;
  background-color: #2f2f2f;
  background-position: center;
  background-repeat: no-repeat;
  margin-top: -20px;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  cursor: pointer;
}
.imagescroller-parent > div.handle.next {
  right: -20px;
  background-image: url('/Content/Graphics/Layout/ikoner/billed-karrusel-frem.png');
}
.imagescroller-parent > div.handle.prev {
  left: -20px;
  background-image: url('/Content/Graphics/Layout/ikoner/billed-karrusel-tilbage.png');
}
.imagescroller {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.imagescroller.selectable img {
  border: 2px solid transparent;
}
.imagescroller.selectable img.selected {
  border-color: #83c600;
}
.imagescroller > div.scroller {
  display: block;
  position: absolute;
  white-space: nowrap;
  top: 0px;
  left: 0px;
  height: inherit;
}
.imagescroller > div.scroller > img {
  margin-right: 10px;
  height: inherit;
  max-width: none;
}
.imagescroller > div.scroller > img.clickable {
  cursor: pointer;
}
/* Modal */
.modal-open {
  overflow-y: auto;
}
.modal {
  border-radius: 0px;
  -webkit-box-shadow: 0 1px 20px rgba(0, 0, 0, 0.39);
  box-shadow: 0 1px 20px rgba(0, 0, 0, 0.39);
  padding: 3px;
  overflow-y: auto !important;
  height: 100%;
}
.modal h1,
.modal h2,
.modal h3,
.modal h4,
.modal h5,
.modal h6 {
  display: inline-block;
}
.modal-content.white {
  color: #000000;
  background: #ffffff;
}
.modal-content {
  border-radius: 0px;
}
.modal-content.black {
  color: #ffffff;
  background: #000000;
}
.modal-backdrop,
.modal-backdrop.fade.in {
  background: #2f2f2f;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.modal.fade {
  opacity: 1;
  filter: alpha(opacity=100);
}
.modal.fade .modal-dialog {
  -webkit-transform: scale(0.8, );
  -ms-transform: scale(0.8, );
  transform: scale(0.8, );
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: all 0.15s linear;
  transition: all 0.15s linear;
  top: 10%;
}
.modal.in .modal-dialog {
  -webkit-transform: scale(1, );
  -ms-transform: scale(1, );
  transform: scale(1, );
}
.modal-header .close {
  background-position: center;
  background-color: #fff !important;
  cursor: pointer;
  width: 16px;
  height: 16px;
  text-shadow: none;
  opacity: 1;
  filter: alpha(opacity=100);
  margin-right: 3px;
  margin-top: 6px;
}
.modal-content.white .modal-header .close {
  background-image: url('/Content/Graphics/Layout/ikoner/close.png');
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .modal-content.white .modal-header .close {
    background-image: url('/Content/Graphics/Layout/ikoner/close@2x.png');
    -moz-background-size: 16px 16px;
    -o-background-size: 16px 16px;
    -webkit-background-size: 16px 16px;
    background-size: 16px 16px;
  }
}
.modal-content.black .modal-header .close {
  background-image: url('/Content/Graphics/Layout/ikoner/close-white.png');
  background-color: #000 !important;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .modal-content.black .modal-header .close {
    background-image: url('/Content/Graphics/Layout/ikoner/close-white@2x.png');
    -moz-background-size: 16px 16px;
    -o-background-size: 16px 16px;
    -webkit-background-size: 16px 16px;
    background-size: 16px 16px;
  }
}
.modal-header {
  padding: 8px 12px 5px;
  border-bottom: none;
}
.modal-header h3 {
  margin-top: 0px;
}
.modal-body {
  padding: 5px 12px 12px;
}
.modal-body .modal-errormessage {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  background: #f44936;
  z-index: 10;
  padding: 10px;
  color: #ffffff;
}
.modal-arrow-up {
  position: absolute;
  top: -8px;
  width: 0px;
  height: 0px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #ffffff;
}
@media (max-width: 767px) {
  .modal .modal-dialog {
    width: auto !important;
    left: 0px !important;
  }
}
.gallerymodal .modal-dialog {
  width: auto;
  max-width: 960px;
}
.gallerymodal .button {
  width: 100%;
}
.gallerymodal .commentsPlaceholderContainer {
  background-image: url("/Content/Graphics/Banners/Userhome/Plustilbud-forside-1b1-3x1.gif");
  height: 200px;
  background-position: 302px 325px;
  /*background-size: 707px;*/
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .gallerymodal .commentsPlaceholderContainer {
    background-image: url("/Content/Graphics/Banners/Userhome/Plustilbud-forside-1b1-3x1@2x.gif");
    -moz-background-size: 690px 250px;
    -o-background-size: 690px 250px;
    -webkit-background-size: 690px 250px;
    background-size: 690px 250px;
  }
}
.gallerymodal .features li {
  background-image: url("/Content/Graphics/Layout/ikoner/check-green.png");
  background-repeat: no-repeat;
  list-style: outside none none;
  padding: 0px 0px 0px 20px;
  margin: 7px 17px 7px -3px;
  color: white;
  font-size: 17px;
  line-height: 21px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .gallerymodal .features li {
    background-image: url("/Content/Graphics/Layout/ikoner/check-green@2x.png");
    -moz-background-size: 16px 16px;
    -o-background-size: 16px 16px;
    -webkit-background-size: 16px 16px;
    background-size: 16px 16px;
  }
}
.gallerymodal .features {
  margin: 0 0;
}
.gallerymodal .commentsPlaceholderContainer h4 {
  margin: 10px 10px !important;
  color: white;
}
.gallerymodal .dateCreated {
  color: #a79877;
}
.gallerymodal .modal-body {
  padding: 0;
}
.gallerymodal .ListLoader {
  color: #ffffff;
  height: 200px;
  line-height: 200px;
}
.gallerymodal .albumlist > .albumitem {
  position: relative;
  float: left;
  margin: 10px;
}
.gallerymodal .albumlist > .albumitem:hover {
  background-color: #f0f0f0;
}
.gallerymodal .albumlist > .albumitem > .albumImage {
  height: 210px;
  width: 210px;
  cursor: pointer;
}
.gallerymodal .albumlist > .albumitem > .albumImage img {
  width: 210px;
  height: 210px;
}
.gallerymodal .albumlist > .albumitem > .albumTitle {
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  max-width: 210px;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.gallerymodal .albumlist > .albumitem > .albumDescription {
  font-size: 12px;
  height: 16px;
  line-height: 1.4em;
  overflow: hidden;
  display: table-cell;
  vertical-align: bottom;
  width: inherit;
}
.gallerymodal .albumlist > .albumitem > .passwordPromt {
  display: block;
  width: 210px;
  height: 210px;
  background-color: #2f2f2f;
}
.gallerymodal .albumlist > .albumitem > .passwordPromt > .inputContainer {
  width: 180px;
  height: 160px;
  background-color: #2f2f2f;
  padding: 25px 15px 0px;
}
.gallerymodal .albumlist > .albumitem > .passwordPromt > .inputContainer > .pswd-header {
  margin-bottom: 5px;
}
.gallerymodal .albumlist > .albumitem > .passwordPromt > .inputContainer > input.pswd {
  width: 158px;
}
.gallerymodal .albumlist > .albumitem > .passwordPromt > .inputContainer > .button {
  width: 100%;
}
.gallerymodal .albumlist > .albumitem > .privateAlbum {
  color: #f44936;
  font-size: 12px;
  position: absolute;
  bottom: 0px;
  right: 0px;
}
.gallerymodal .albumlist > .albumitem > .imageCount {
  position: absolute;
  top: 5px;
  right: 5px;
  background: #FFFFFF;
  width: 40px;
  height: 40px;
  border-radius: 5px;
  line-height: 41px;
  text-align: center;
  font-size: 24px;
  color: #2f2f2f;
}
.gallerymodal .imageViewer {
  display: none;
}
.gallerymodal .imageViewer .imageSlider {
  -ms-touch-action: pan-y;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  height: 520px;
  border-bottom: 1px solid #cccccc;
  padding: 10px 0;
}
.gallerymodal .imageViewer .imageSlider .imageItem {
  width: 100%;
  text-align: center;
  display: inline-block;
  -webkit-transition: margin-left 500ms ease;
  transition: margin-left 500ms ease;
  height: 500px;
}
.gallerymodal .imageViewer .imageSlider .imageItem.out {
  margin-left: -100%;
}
.gallerymodal .imageViewer .imageSlider .imageItem > table {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  table-layout: fixed;
}
.gallerymodal .imageViewer .imageSlider .imageItem > table td {
  vertical-align: middle;
  padding: 0 10px;
  position: relative;
}
.gallerymodal .imageViewer .imageSlider .imageItem > table td .imageWrapper {
  position: relative;
  display: inline-block;
}
.gallerymodal .imageViewer .imageSlider .imageItem > table td .imageWrapper .photoTitle {
  color: #ffffff;
  position: absolute;
  bottom: 0px;
  left: 0px;
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  text-align: left;
  padding: 5px 10px;
}
.gallerymodal .imageViewer .imageSlider .imageItem .imageView {
  max-height: 500px;
}
.gallerymodal .imageViewer .isContainer {
  width: 100%;
  margin: 10px auto;
  margin-left: 0;
}
.gallerymodal .imageViewer .isContainer .imagescroller-parent > div.handle.prev {
  left: -25px;
}
.gallerymodal .imageViewer .isContainer .imagescroller-parent > div.handle.next {
  right: -20px;
}
.gallerymodal .imageViewer .isContainer .imagescroller {
  height: 50px;
}
@media (min-width: 960px) {
  .gallerymodal .galleryCommentsWrapper #commentsWrapperCommentsPanel {
    padding-right: 0px;
    padding-left: 0px;
  }
}
.gallerymodal .galleryCommentsWrapper .imageViewer {
  display: block;
}
.gallerymodal .galleryCommentsWrapper .imageViewer .imageSlider .imageItem > table td {
  padding: 0px;
}
.gallerymodal .imageviewerPrev,
.gallerymodal .imageviewerNext,
.gallerymodal .imageviewerFullscreen {
  position: absolute;
  cursor: pointer;
}
.gallerymodal .imageviewerPrev,
.gallerymodal .imageviewerNext {
  top: 50%;
  background-color: #2f2f2f;
  background-position: center;
  background-repeat: no-repeat;
  margin-top: -20px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.gallerymodal .imageviewerPrev {
  z-index: 1;
  left: -5px;
  background-image: url('/Content/Graphics/Layout/ikoner/billed-karrusel-tilbage.png');
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .gallerymodal .imageviewerPrev {
    background-image: url('/Content/Graphics/Layout/ikoner/billed-karrusel-tilbage@2x.png');
    -moz-background-size: 16px 16px;
    -o-background-size: 16px 16px;
    -webkit-background-size: 16px 16px;
    background-size: 16px 16px;
  }
}
.gallerymodal .imageviewerNext {
  z-index: 1;
  right: -5px;
  background-image: url('/Content/Graphics/Layout/ikoner/billed-karrusel-frem.png');
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .gallerymodal .imageviewerNext {
    background-image: url('/Content/Graphics/Layout/ikoner/billed-karrusel-frem@2x.png');
    -moz-background-size: 16px 16px;
    -o-background-size: 16px 16px;
    -webkit-background-size: 16px 16px;
    background-size: 16px 16px;
  }
}
@media (max-width: 959px) {
  .gallerymodal .imageviewerPrev {
    left: 0px;
  }
  .gallerymodal .imageviewerNext {
    right: 0px;
  }
}
.gallerymodal .fs .imageviewerPrev {
  left: 0px;
}
.gallerymodal .fs .imageviewerNext {
  right: 0px;
}
.gallerymodal .imageviewerFullscreen {
  top: 14px;
  right: 50px;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url('/Content/Graphics/Layout/ikoner/foto-fullscreen-dark.png');
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .gallerymodal .imageviewerFullscreen {
    background-image: url('/Content/Graphics/Layout/ikoner/foto-fullscreen-dark@2x.png');
    -moz-background-size: 16px 16px;
    -o-background-size: 16px 16px;
    -webkit-background-size: 16px 16px;
    background-size: 16px 16px;
  }
}
.modal.gallerymodal .headerTitle,
.modal.gallerymodal.showingAlbums .headerNavigation {
  display: none;
}
.modal.gallerymodal.showingAlbums .headerTitle,
.modal.gallerymodal .headerNavigation {
  display: block;
}
/* full screen */
.gallerymodal .imageViewer.fs {
  height: 100%;
  width: 100%;
  background-color: #000000;
}
.gallerymodal .imageViewer.fs .imageSlider {
  height: 100% !important;
  border-bottom: none;
}
.gallerymodal .imageViewer.fs .isContainer {
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.gallerymodal .imageViewer.fs .imagescroller-parent {
  margin: 0 auto;
  max-width: 500px;
}
/* Custom Styling of Modal */
.modal.gallerymodal .modal-dialog {
  top: auto;
}
.modal.gallerymodal .modal-dialog .modal-content {
  background-color: #fafafa;
}
.modal.gallerymodal .modal-dialog .modal-content .modal-header {
  border-bottom: 1px solid #cccccc;
}
.modal.gallerymodal .modal-dialog .modal-content .modal-header .close {
  background-color: #fafafa !important;
}
.modal.gallerymodal .modal-dialog .modal-content .modal-header .galleryAlbumTitle {
  padding-left: 10px;
}
.modal.gallerymodal .modal-dialog .modal-content .modal-body .commentsPanel {
  color: #333333;
  height: 570px;
  margin-top: 10px;
}
.modal.gallerymodal .modal-dialog .modal-content .modal-body .commentsPanel table.table {
  height: 100%;
}
.modal.gallerymodal .modal-dialog .modal-content .modal-body .commentsPanel table.table td {
  border-top: none;
}
.modal.gallerymodal .modal-dialog .modal-content .modal-body .commentsPanel .owner {
  margin-bottom: 10px;
}
.modal.gallerymodal .modal-dialog .modal-content .modal-body .commentsPanel .owner img {
  margin-right: 10px;
}
.modal.gallerymodal .modal-dialog .modal-content .modal-body .commentsPanel .title {
  margin-bottom: 10px;
}
.modal.gallerymodal .modal-dialog .modal-content .modal-body .commentsPanel .commentsCell {
  height: 73%;
}
.modal.gallerymodal .modal-dialog .modal-content .modal-body .commentsPanel .commentsCell .commentsHeader {
  font-weight: bold;
}
.modal.gallerymodal .modal-dialog .modal-content .modal-body .commentsPanel .commentsCell .commentsLoader .textContainer,
.modal.gallerymodal .modal-dialog .modal-content .modal-body .commentsPanel .commentsCell .commentsLoader .imgContainer {
  text-align: center;
}
.modal.gallerymodal .modal-dialog .modal-content .modal-body .commentsPanel .commentsCell .commentsLoader .imgContainer {
  margin-bottom: 10px;
  margin-top: 20px;
}
.modal.gallerymodal .modal-dialog .modal-content .modal-body .commentsPanel .commentsCell .comments {
  max-height: 295px;
  overflow: auto;
  margin-top: 32px;
}
.modal.gallerymodal .modal-dialog .modal-content .modal-body .commentsPanel .commentsCell .comments .prevPage {
  text-align: center;
  font-size: 12px;
  line-height: 15px;
  padding: 10px 0;
}
.modal.gallerymodal .modal-dialog .modal-content .modal-body .commentsPanel .commentsCell .comments .comment {
  position: relative;
  padding-top: 10px;
  padding-left: 10px;
  padding-bottom: 10px;
}
.modal.gallerymodal .modal-dialog .modal-content .modal-body .commentsPanel .commentsCell .comments .comment .validator {
  top: -5px;
  right: 20px;
  margin-top: 0;
}
.modal.gallerymodal .modal-dialog .modal-content .modal-body .commentsPanel .commentsCell .comments .comment .validator .tooltip-inner {
  text-align: left;
}
.modal.gallerymodal .modal-dialog .modal-content .modal-body .commentsPanel .commentsCell .comments .comment .validator .tooltip-arrow {
  border-left-color: #f44936;
}
.modal.gallerymodal .modal-dialog .modal-content .modal-body .commentsPanel .commentsCell .comments .comment.deleteError .validator {
  visibility: visible;
  opacity: 1;
}
.modal.gallerymodal .modal-dialog .modal-content .modal-body .commentsPanel .commentsCell .comments .comment.deleteError .delete {
  display: block;
}
.modal.gallerymodal .modal-dialog .modal-content .modal-body .commentsPanel .commentsCell .comments .comment img {
  margin-right: 10px;
}
.modal.gallerymodal .modal-dialog .modal-content .modal-body .commentsPanel .commentsCell .comments .comment .dateCreated {
  font-size: 12px;
  line-height: 15px;
}
.modal.gallerymodal .modal-dialog .modal-content .modal-body .commentsPanel .commentsCell .comments .comment .delete {
  background-image: url('/Content/Graphics/Layout/ikoner/post-delete.png');
  height: 16px;
  width: 16px;
  background-repeat: no-repeat;
  position: absolute;
  top: 10px;
  right: 5px;
  cursor: pointer;
  display: none;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .modal.gallerymodal .modal-dialog .modal-content .modal-body .commentsPanel .commentsCell .comments .comment .delete {
    background-image: url('/Content/Graphics/Layout/ikoner/post-delete@2x.png');
    -moz-background-size: 16px 16px;
    -o-background-size: 16px 16px;
    -webkit-background-size: 16px 16px;
    background-size: 16px 16px;
  }
}
.modal.gallerymodal .modal-dialog .modal-content .modal-body .commentsPanel .commentsCell .comments .comment:hover .delete {
  display: block;
}
.modal.gallerymodal .modal-dialog .modal-content .modal-body .commentsPanel .commentsCell .comments .comment + .comment {
  border-top: 1px solid #cccccc;
}
.modal.gallerymodal .modal-dialog .modal-content .modal-body .commentsPanel .commentsCell .comments .noCommentsMessage {
  font-size: 12px;
  line-height: 15px;
  margin-top: 10px;
}
.modal.gallerymodal .modal-dialog .modal-content .modal-body .commentsPanel .writeCommentsHeader {
  border-top: 1px solid #c0c0c0;
  position: relative;
  height: 1px;
  width: 100%;
  margin-top: 20px;
}
.modal.gallerymodal .modal-dialog .modal-content .modal-body .commentsPanel .writeCommentsHeader > div {
  position: absolute;
  background-color: #fafafa;
  left: 10px;
  top: -8px;
  font-size: 12px;
  line-height: 15px;
  padding: 0 5px;
}
.modal.gallerymodal .modal-dialog .modal-content .modal-body .commentsPanel .writeCommentPanel {
  margin-top: 20px;
}
.modal.gallerymodal .modal-dialog .modal-content .modal-body .commentsPanel .writeCommentPanel textarea {
  width: 100%;
  height: 50px;
  resize: none;
}
.modal.gallerymodal .modal-dialog .modal-content .modal-body .commentsPanel .writeCommentPanel .validator {
  margin-top: -50px;
  cursor: pointer;
}
.modal.gallerymodal .modal-dialog .modal-content .modal-body .commentsPanel .writeCommentPanel .validator .tooltip-inner {
  max-width: none;
  text-align: left;
}
@media (min-width: 960px) {
  .modal.gallerymodal .modal-dialog .modal-content .modal-body .commentsPanel {
    border-left: 1px solid #cccccc;
  }
}
@media (max-width: 959px) {
  .modal.gallerymodal .modal-dialog .modal-content .modal-body .commentsCell {
    padding: 0px;
  }
}
@media (max-width: 767px) {
  .gallerymodal .imageViewer .imageSlider .imageItem {
    height: 100%;
  }
  .gallerymodal .imageViewer .imageSlider {
    height: 100%;
  }
}
@media (max-width: 959px) {
  .modal.gallerymodal .modal-dialog .modal-content .modal-body .commentsPanel {
    height: 100%;
  }
  .gallerymodal .imageViewer .isContainer .imagescroller-parent > div.handle.next {
    right: -10px;
  }
  .gallerymodal .imageViewer .isContainer .imagescroller-parent > div.handle.prev {
    left: -10px;
  }
}
/*** Progress Indicator */
.pi .pi-title {
  vertical-align: middle;
  margin-right: 10px;
  display: inline-block;
}
.pi .pi-bar-progress {
  border-radius: 5px;
}
.pi .pi-bar-progress.green {
  background-color: #83c600;
}
.pi .pi-bar-progress.red {
  background-color: #f44936;
}
.pi .pi-bar-progress.brown {
  background-color: #a79877;
}
.pi .pi-bar-background {
  display: inline-block;
  background-color: #cbc2a3;
  vertical-align: middle;
  border-radius: 5px;
}
/*** Slider ***/
.ui-slider {
  height: 12px;
  border-radius: 0px;
  border: 0px;
  background: #D7CFB8;
  background: none repeat scroll 0% 0% transparent;
}
.ui-slider-range {
  background: #a5d0d9;
}
.slider-right-background {
  float: right;
  height: 12px;
  background: none repeat scroll 0% 0% #D7CFB8;
  width: 98%;
}
.ui-slider .ui-slider-handle {
  width: 32px;
  height: 28px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center right;
  background-image: url('/Content/Graphics/Layout/generelt/slider-hjerte.png');
  top: -9px;
  outline: none;
  border: 0px;
  cursor: pointer;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .ui-slider .ui-slider-handle {
    background-image: url('/Content/Graphics/Layout/generelt/slider-hjerte@2x.png');
    -moz-background-size: 32px 28px;
    -o-background-size: 32px 28px;
    -webkit-background-size: 32px 28px;
    background-size: 32px 28px;
  }
}
div.dslider-startend {
  color: #a79877;
  font-size: 12px;
  line-height: 15px;
}
div.dslider-startend div {
  float: left;
}
div.dslider-startend div + div {
  float: right;
}
div.dslider-indicator {
  margin: 10px 14px 4px 10px;
  border-left: 1px solid #D3CCBC;
  border-right: 1px solid #D3CCBC;
  height: 8px;
}
table.slider-wrapper td.slider-start {
  width: 6px;
}
table.slider-wrapper {
  margin-bottom: 10px;
}
.slider-main-bar {
  background: #a5d0d9;
  float: left;
  width: 100%;
  border-left: 6px solid #a5d0d9;
  border-radius: 6px 0px 0px 6px;
}
table.slider-wrapper td.slider-end {
  width: 10px;
}
table.slider-wrapper td.slider-start div,
table.slider-wrapper td.slider-end div {
  height: 12px;
  width: inherit;
}
table.slider-wrapper td.slider-start div {
  background: #a5d0d9;
  border-radius: 6px 0px 0px 6px;
  width: 100%;
}
table.slider-wrapper td.slider-end div {
  background: #D7CFB8;
  border-radius: 0px 6px 6px 0px;
}
/*** Checkboxes / Radiobuttons ***/
.prettycheckbox label,
.prettyradio label {
  margin: 0px 5px;
  height: 30px;
  line-height: 30px;
}
.prettycheckbox a {
  background-position: 0 0;
}
.prettycheckbox a,
.prettyradio a {
  background-image: url('/Content/Graphics/Layout/generelt/checkboxes-sprite.png');
  background-repeat: no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .prettycheckbox a,
  .prettyradio a {
    background-image: url('/Content/Graphics/Layout/generelt/checkboxes-sprite@2x.png');
    -moz-background-size: 30px 300px;
    -o-background-size: 30px 300px;
    -webkit-background-size: 30px 300px;
    background-size: 30px 300px;
  }
}
/* DCKEditor */
.DCKEditor {
  border: 1px solid #AA9779;
  border-radius: 3px;
}
.DCKEditor.no-ck textarea {
  outline: none;
  resize: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  width: 100% !important;
}
.DCKEditor.no-ck textarea:focus {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
div.DCKEditor.hidetoolbar td.cke_top {
  display: none;
}
div.DCKEditor.hidetoolbar td.cke_contents {
  border: none;
}
/*******************************
* Input states, should be last *
*******************************/
input[type="text"].valid,
input[type="password"].valid,
.bootstrap-select.valid,
select.valid,
textarea.valid {
  border-color: #83c600 !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(131, 198, 0, 0.6);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
}
input[type="text"].error,
input[type="password"].error,
.bootstrap-select.error,
select.error,
textarea.error {
  border-color: #f44936 !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(244, 73, 54, 0.6);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
}
input[type="text"].missing,
input[type="password"].missing,
.bootstrap-select.missing,
select.missing,
textarea.missing {
  border-color: #a79877 !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(167, 152, 119, 0.6);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
}
input[type="text"]:focus,
input[type="password"]:focus,
.bootstrap-select.open,
select:focus,
textarea:focus {
  border-color: #14849c !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(20, 132, 156, 0.6);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
}
.bootstrap-select.valid button.dropdown-toggle {
  border-color: #83c600 !important;
}
.bootstrap-select.error button.dropdown-toggle {
  border-color: #f44936 !important;
}
.bootstrap-select.missing button.dropdown-toggle {
  border-color: #a79877 !important;
}
.bootstrap-select.open button.dropdown-toggle {
  border-color: #14849c !important;
}
/* Infinity scroll */
.infinityPager {
  text-align: center;
  margin: 20px 0px;
  clear: both;
}
.infinityPagerElement {
  padding: 2px 6px;
  border: solid 1px #ebddac;
  border-radius: 5px;
  margin: 0px 2px;
  line-height: 24px;
  cursor: pointer;
  color: #406377;
}
.infinityPagerElementActive {
  background: #406377;
  color: #fff;
  padding: 3px 7px;
  border: none;
}
.validator {
  position: absolute;
  z-index: 3;
  display: block !important;
  margin-top: -15px;
  height: auto;
}
.noBottomMargin ~ .validator {
  margin-top: -5px;
}
.validator[style*="none"] {
  visibility: hidden;
  height: 0px;
}
.validator .tooltip {
  position: relative;
  z-index: 1;
  visibility: inherit;
  opacity: 1;
  filter: alpha(opacity=100);
}
span.validator .tooltip-inner {
  display: block;
  padding: 4px;
  background: #f44936;
  white-space: normal;
}
span.validator[style*="inline"] {
  visibility: visible;
}
.form-horizontal span.validator {
  margin-top: -5px;
}
span.validator .tooltip.bottom .tooltip-arrow {
  left: 15px;
  border-bottom-color: #f44936;
}
span.validator .tooltip.top .tooltip-arrow {
  border-top-color: #f44936;
}
span.validator .tooltip.right .tooltip-arrow {
  border-right-color: #f44936;
}
.datingpager .page {
  float: left;
  width: 36px;
  height: 36px;
  text-align: center;
  font-size: 15px;
  line-height: 38px;
  cursor: pointer;
  border-radius: 50%;
  margin: 1px;
}
.datingpager .page.selected,
.datingpager .page.selected:hover {
  background-color: #a79877;
  color: #ffffff;
  cursor: default;
}
.datingpager .page:hover {
  background-color: #e3ddc5;
}
.datingpager .page.disabled,
.datingpager .page.disabled:hover {
  color: #cbc2a3;
  background: transparent;
  cursor: default;
}
.datingpager .page.empty {
  visibility: hidden;
}
.toggleButton {
  width: 88px;
  height: 24px;
  cursor: pointer;
}
.toggleButton > div {
  height: 20px;
  margin-top: 2px;
}
.toggleButton .slider {
  float: left;
  width: 20px;
  border-radius: 3px;
  margin-left: 2px;
}
.toggleButton.off .slider {
  border: 1px solid #a79877;
  width: 18px;
  height: 18px;
}
.toggleButton.on .slider {
  background-color: #83c600;
  background-image: url('/Content/Graphics/Layout/ikoner/check-white.png');
  background-position: center;
  background-repeat: no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .toggleButton.on .slider {
    background-image: url('/Content/Graphics/ikoner/check-white@2x.png');
    -moz-background-size: 16px 16px;
    -o-background-size: 16px 16px;
    -webkit-background-size: 16px 16px;
    background-size: 16px 16px;
  }
}
.toggleButton .text {
  float: left;
  margin-left: 7px;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
}
.toggleButton.off .text {
  color: #a79877;
}
.info-hr {
  position: relative;
  width: 100%;
  height: 4px;
  background-color: #E3DDC5;
  margin-bottom: 20px;
}
.info-hr span {
  position: absolute;
  top: -13px;
  right: 10px;
  width: 30px;
  height: 30px;
  background-image: url('/Content/Graphics/layout/ikoner/info.png');
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .info-hr span {
    background-image: url('/Content/Graphics/layout/ikoner/info@2x.png');
    -moz-background-size: 30px 30px;
    -o-background-size: 30px 30px;
    -webkit-background-size: 30px 30px;
    background-size: 30px 30px;
  }
}
.SmallDropDown {
  width: 90px !important;
}
.ListLoader {
  height: 23px;
  color: #a79877;
  margin: 10px 0;
  text-align: center;
  display: none;
}
.ListLoader span {
  vertical-align: middle;
}
.ListLoader.visible {
  display: block;
}
.ListLoader img {
  width: 26px;
  height: 23px;
  margin-left: 5px;
}
/* Color scheme
 * Light blue for header after login:	#14849c
 * Dark blue for header pre-login:		#046a80
 * Yellow background:					#f8f4e1
 * Footer h3:							#2f2f2f
 * Brown text:							#a79877
 * Header text:							#fff
 * very light blue for LP:				#28a0be
 * Standard text color:					#2f2f2f
 * Brown input border:					#A89877
 * Select dropdown hover:				#BADBE2
 * Controls border on LP:				#056c7d
 */
@font-face {
  font-family: 'MuseoSlab500';
  src: url('/Content/MyFontsSmooth/webfonts/28714F_1_0.eot');
  src: url('/Content/MyFontsSmooth/webfonts/28714F_1_0.eot?#iefix') format('embedded-opentype'), url('/Content/MyFontsSmooth/webfonts/28714F_1_0.woff') format('woff'), url('/Content/MyFontsSmooth/webfonts/28714F_1_0.ttf') format('truetype'), url('/Content/MyFontsSmooth/webfonts/28714F_1_0.svg#wf') format('svg');
}
@font-face {
  font-family: 'MuseoSlab300';
  src: url('/Content/Fonts/MuseoSlab/300/Museo_Slab_300-webfont.eot');
  src: url('/Content/Fonts/MuseoSlab/300/Museo_Slab_300-webfont.eot?#iefix') format('embedded-opentype'), url('/Content/Fonts/MuseoSlab/300/Museo_Slab_300-webfont.woff') format('woff'), url('/Content/Fonts/MuseoSlab/300/Museo_Slab_300-webfont.ttf') format('truetype'), url('/Content/Fonts/MuseoSlab/300/Museo_Slab_300-webfont.svg#MuseoSlab300Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'MuseoSlab300';
  src: url('/Content/Fonts/MuseoSlab/300i/Museo_Slab_300italic-webfont.eot');
  src: url('/Content/Fonts/MuseoSlab/300i/Museo_Slab_300italic-webfont.eot?#iefix') format('embedded-opentype'), url('/Content/Fonts/MuseoSlab/300i/Museo_Slab_300italic-webfont.woff') format('woff'), url('/Content/Fonts/MuseoSlab/300i/Museo_Slab_300italic-webfont.ttf') format('truetype'), url('/Content/Fonts/MuseoSlab/300i/Museo_Slab_300italic-webfont.svg#MuseoSlab300Italic') format('svg');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'MuseoSlab300';
  src: url('/Content/Fonts/MuseoSlab/700/Museo_Slab_700-webfont.eot');
  src: url('/Content/Fonts/MuseoSlab/700/Museo_Slab_700-webfont.eot?#iefix') format('embedded-opentype'), url('/Content/Fonts/MuseoSlab/700/Museo_Slab_700-webfont.woff') format('woff'), url('/Content/Fonts/MuseoSlab/700/Museo_Slab_700-webfont.ttf') format('truetype'), url('/Content/Fonts/MuseoSlab/700/Museo_Slab_700-webfont.svg#MuseoSlab700Regular') format('svg');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'MuseoSlab300';
  src: url('/Content/Fonts/MuseoSlab/700i/Museo_Slab_700italic-webfont.eot');
  src: url('/Content/Fonts/MuseoSlab/700i/Museo_Slab_700italic-webfont.eot?#iefix') format('embedded-opentype'), url('/Content/Fonts/MuseoSlab/700i/Museo_Slab_700italic-webfont.woff') format('woff'), url('/Content/Fonts/MuseoSlab/700i/Museo_Slab_700italic-webfont.ttf') format('truetype'), url('/Content/Fonts/MuseoSlab/700i/Museo_Slab_700italic-webfont.svg#MuseoSlab700Italic') format('svg');
  font-weight: bold;
  font-style: italic;
}
/* General */
html {
  -moz-font-feature-settings: "liga=0";
  color: #2f2f2f;
  background: #f8f4e1;
}
body,
form {
  margin: 0;
  background: #ffffff;
}
a,
.link {
  -webkit-transition: color 100ms ease-out;
  -moz-transition: color 100ms ease-out;
  -o-transition: color 100ms ease-out;
  -ms-transition: color 100ms ease-out;
  transition: color 100ms ease-out;
  cursor: pointer;
  outline: none;
  color: #14849c;
}
a,
.link,
a:link,
a:visited,
a:hover,
a:active {
  background-color: transparent;
  text-decoration: none;
}
a:hover,
.link:hover,
a:hover.text-color,
.text-color a:hover {
  color: #76cee2;
}
a.dark {
  color: #bbdbe2;
}
a.dark:hover {
  color: #cdf0f7;
}
a.text-color,
.text-color a {
  color: #2f2f2f;
}
button,
select,
input {
  outline: none;
}
.minsize {
  width: 1%;
  white-space: nowrap;
}
.center {
  text-align: center;
}
.clear {
  clear: both;
}
section {
  margin: 24px 0px;
  /* Corresponds with h3 margins */
}
.row-narrow-padding {
  margin-left: -5px;
  margin-right: -5px;
}
.col-narrow-padding {
  padding-left: 5px;
  padding-right: 5px;
}
/* Bootstrap overrides */
input {
  color: #555;
}
.navbar-collapse {
  padding: 0px;
}
ul.inline,
ol.inline {
  margin-left: 0;
  list-style: none;
}
ul.inline > li,
ol.inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}
.nav {
  margin-left: 0px;
  margin-bottom: 20px;
}
.navbar,
.navbar-fixed-top {
  border: none;
}
.table {
  margin-bottom: 0px;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-bottom: none;
}
/*.bootstrap-select.btn-group, .bootstrap-select.btn-group[class*="span"] {
	margin-bottom: 0px;
}*/
ul,
ol {
  margin: 0 0 10px 25px;
  padding: 0px;
}
img {
  max-width: 100%;
}
.container {
  padding: 0px;
}
.btn {
  padding: 3px 12px;
}
label {
  font-weight: normal;
  cursor: pointer;
}
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input,
.bootstrap-select {
  margin-bottom: 10px;
}
/* Layout */
#siteheader {
  background: #14849c;
  height: 60px;
  width: 100%;
  position: fixed;
  z-index: 100;
}
#belowsiteheader {
  height: 0;
  top: 60px;
  width: 100%;
  position: fixed;
  z-index: 99;
}
#siteheaderpadding {
  padding-top: 60px;
}
#banner {
  color: #ffffff;
  background-color: #29a0be;
}
#banner a {
  color: #ffffff;
}
#contentheader {
  background: #f8f4e1;
  z-index: 4;
  overflow: visible;
}
#contentheader-fixed {
  z-index: 4;
  position: fixed;
  width: 100%;
  top: 60px;
  left: 0px;
  background: #f8f4e1;
}
.contentheader h1,
.contentheader h2,
.contentheader h3,
.contentheader .h1,
.contentheader .h2,
.contentheader .h3 {
  font-size: 30px;
  line-height: 30px;
  margin: 20px 0px;
  font-weight: normal;
}
.headerPadding {
  height: 70px;
}
.contentheader {
  height: 70px;
}
.contentheader table td {
  vertical-align: middle;
}
.contentheader .container,
.contentheader .row,
.contentheader .col-sm-1,
.contentheader .col-sm-2,
.contentheader .col-sm-3,
.contentheader .col-sm-4,
.contentheader .col-sm-5,
.contentheader .col-sm-6,
.contentheader .col-sm-7,
.contentheader .col-sm-8,
.contentheader .col-sm-9,
.contentheader .col-sm-10,
.contentheader .col-sm-11,
.contentheader .col-sm-12,
.contentheader table {
  height: 100%;
}
@media (max-width: 767px) {
  .contentheader {
    min-height: 70px;
    height: auto;
  }
}
#content {
  z-index: 1;
  min-height: 500px;
}
footer {
  position: relative;
  background: #f8f4e1;
  color: #a79877;
  padding: 35px 0px 20px;
  line-height: 24px;
}
footer a,
footer a:visited,
footer a:hover {
  color: #a79877;
  text-decoration: none;
}
footer a:hover {
  text-decoration: underline;
}
footer .col-sm-offset-1 {
  text-align: right;
}
footer h5 {
  color: #2f2f2f;
  margin: 0px;
}
footer .apps .firstline {
  padding-bottom: 2px;
}
footer .apps a {
  line-height: 30px;
  height: 28px;
  display: block;
  padding-left: 35px;
  margin-left: -3px;
}
footer .phonenumber {
  margin-top: 8px;
}
footer .iphone {
  background-image: url('/Content/Graphics/Layout/footer/footer-apple.png');
  background-repeat: no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  footer .iphone {
    background-image: url('/Content/Graphics/Layout/footer/footer-apple@2x.png');
    -moz-background-size: 28px 28px;
    -o-background-size: 28px 28px;
    -webkit-background-size: 28px 28px;
    background-size: 28px 28px;
  }
}
footer .android {
  background-image: url('/Content/Graphics/Layout/footer/footer-google.png');
  background-repeat: no-repeat;
  margin-top: 10px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  footer .android {
    background-image: url('/Content/Graphics/Layout/footer/footer-google@2x.png');
    -moz-background-size: 28px 28px;
    -o-background-size: 28px 28px;
    -webkit-background-size: 28px 28px;
    background-size: 28px 28px;
  }
}
footer .row {
  position: relative;
}
footer #companyinfo {
  text-align: right;
  position: absolute;
  right: 15px;
  top: 0px;
}
footer #companyinfo small {
  display: block;
}
footer .firstline {
  height: 35px;
}
footer .companylogo {
  float: right;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3 {
  font-weight: normal;
  /* To avoid loading multiple fonts */
  font-family: "MuseoSlab500", Helvetica, Arial, sans-serif;
  text-rendering: auto !important;
}
h1 {
  font-size: 35px;
  line-height: 42px;
  margin-top: 35px;
  margin-bottom: 12px;
}
h2 {
  font-size: 30px;
  line-height: 36px;
  margin-top: 30px;
  margin-bottom: 10px;
}
h3 {
  font-size: 24px;
  line-height: 29px;
  margin-top: 24px;
  margin-bottom: 8px;
}
h4 {
  font-size: 20px;
  line-height: 24px;
  margin-top: 20px;
  margin-bottom: 7px;
}
h5 {
  font-size: 15px;
  line-height: 18px;
  margin-top: 15px;
  margin-bottom: 5px;
}
h6 {
  font-size: 12px;
  line-height: 15px;
  margin-top: 12px;
  margin-bottom: 4px;
}
p {
  font-size: 15px;
  line-height: 18px;
  margin-bottom: 8px;
}
hr {
  margin-top: 10px;
  margin-bottom: 10px;
  border: 0px;
  border-top: 1px solid #a79877;
}
hr.medium {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0px;
  border-top: 2px solid #a79877;
}
hr.large {
  margin-top: 30px;
  margin-bottom: 30px;
  border: 0px;
  border-top: 3px solid #a79877;
}
.dimmed-text {
  color: #a79877;
}
small,
.small-text {
  font-size: 12px;
  line-height: 15px;
}
/** Margins **/
.padded-content {
  padding: 30px 0px;
}
.noMargin {
  margin: 0px !important;
}
.noTopMargin {
  margin-top: 0px !important;
}
.noBottomMargin {
  margin-bottom: 0px !important;
}
.display-table {
  display: table;
  width: 100%;
}
.display-table-cell {
  display: table-cell;
  vertical-align: middle;
}
.padded-content .container > .row h1,
.padded-content .container > .row h2,
.padded-content .container > .row h3,
.padded-content .container > .row h4,
.padded-content .container > .row h5,
.padded-content .container > .row h6 {
  margin-top: 0px;
}
.padded-content .container > .row h1 ~ h1,
.padded-content .container > .row h2 ~ h1,
.padded-content .container > .row h3 ~ h1,
.padded-content .container > .row h4 ~ h1,
.padded-content .container > .row h5 ~ h1,
.padded-content .container > .row h6 ~ h1 {
  margin-top: 35px;
  margin-bottom: 12px;
}
.padded-content .container > .row h1 ~ h2,
.padded-content .container > .row h2 ~ h2,
.padded-content .container > .row h3 ~ h2,
.padded-content .container > .row h4 ~ h2,
.padded-content .container > .row h5 ~ h2,
.padded-content .container > .row h6 ~ h2 {
  margin-top: 30px;
  margin-bottom: 10px;
}
.padded-content .container > .row h1 ~ h3,
.padded-content .container > .row h2 ~ h3,
.padded-content .container > .row h3 ~ h3,
.padded-content .container > .row h4 ~ h3,
.padded-content .container > .row h5 ~ h3,
.padded-content .container > .row h6 ~ h3 {
  margin-top: 24px;
  margin-bottom: 8px;
}
.padded-content .container > .row h1 ~ h4,
.padded-content .container > .row h2 ~ h4,
.padded-content .container > .row h3 ~ h4,
.padded-content .container > .row h4 ~ h4,
.padded-content .container > .row h5 ~ h4,
.padded-content .container > .row h6 ~ h4 {
  margin-top: 20px;
  margin-bottom: 7px;
}
.padded-content .container > .row h1 ~ h5,
.padded-content .container > .row h2 ~ h5,
.padded-content .container > .row h3 ~ h5,
.padded-content .container > .row h4 ~ h5,
.padded-content .container > .row h5 ~ h5,
.padded-content .container > .row h6 ~ h5 {
  margin-top: 15px;
  margin-bottom: 5px;
}
.padded-content .container > .row h1 ~ h6,
.padded-content .container > .row h2 ~ h6,
.padded-content .container > .row h3 ~ h6,
.padded-content .container > .row h4 ~ h6,
.padded-content .container > .row h5 ~ h6,
.padded-content .container > .row h6 ~ h6 {
  margin-top: 12px;
  margin-bottom: 4px;
}
.margin-small {
  margin-top: 10px;
  margin-bottom: 10px;
}
.margin-medium {
  margin-top: 20px;
  margin-bottom: 20px;
}
.margin-large {
  margin-top: 30px;
  margin-bottom: 30px;
}
/** Forms */
.form-group p {
  margin-bottom: 0.1em;
}
.form-group div.control-group {
  margin-bottom: 1em;
  margin-top: 1em;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
}
/* div based grid */
div.show-grid [class*="col-"] {
  background-color: #eee;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  min-height: 40px;
  margin-bottom: 20px;
}
div.align-right {
  float: right;
}
/* User navigation */
.navbar-container:before,
.navbar-container:after {
  display: table;
  line-height: 0;
  content: "";
}
.navbar-container:after {
  clear: both;
}
.navbar-inverse {
  background-color: #14849c;
  border-color: #14849c;
}
.navbar-collapse.in {
  overflow-y: scroll;
}
.navbar-collapse {
  max-height: none;
}
.navbar-container .logo {
  margin: 0px 80px 0 0;
  background-image: url('/Content/Graphics/Layout/generelt/toplogo.png');
  height: 60px;
  width: 82px;
  display: block;
  position: relative;
  z-index: 99;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .navbar-container .logo {
    background-image: url('/Content/Graphics/Layout/generelt/toplogo@2x.png');
    -moz-background-size: 82px 60px;
    -o-background-size: 82px 60px;
    -webkit-background-size: 82px 60px;
    background-size: 82px 60px;
  }
}
@media only screen and (max-width: 959px) {
  .navbar-container .logo {
    margin: 0px 7px 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .navbar-container .logo {
    margin: 0px 7px 0 20px;
  }
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #046a80;
}
.navbar-toggle {
  border: transparent;
  margin-right: 20px;
  margin-top: 14px;
}
.navbar {
  margin: 0;
  padding: 0;
  list-style-type: none;
  color: #ffffff;
  font-size: 24px;
  line-height: 20px;
  font-family: "MuseoSlab500", Helvetica, Arial, sans-serif;
  text-align: center;
}
@media (min-width: 768px) and (max-width: 959px) {
  .navbar {
    font-size: 23px;
  }
}
.navbar:before,
.navbar:after {
  display: table;
  line-height: 0;
  content: "";
}
.navbar:after {
  clear: both;
}
.navbar li {
  cursor: pointer;
  margin: 0 5px;
  padding: 0;
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  .navbar li {
    display: table;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    border-color: #101010;
    border-top: 1px solid transparent;
  }
  .navbar {
    font-size: 15px;
    line-height: 20px;
    text-align: center;
  }
}
.navbar li > a {
  padding: 18px 10px 0 10px;
  height: 59px;
  display: block;
  text-decoration: none;
  color: #ffffff;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .navbar li > a {
    height: 40px;
  }
}
.navbar li > a:hover {
  background-color: #046a80;
}
.navbar li.active > a {
  border-bottom: 6px solid #046a80;
  padding-top: 18px;
}
@media only screen and (max-width: 767px) {
  .navbar li.active > a {
    border-bottom: none;
  }
}
.navbar li small.notification {
  display: block;
  background: #f44936;
  color: #ffffff;
  -webkit-border-radius: 11px;
  border-radius: 11px;
  min-width: 22px;
  min-height: 22px;
  line-height: 22px;
  text-align: center;
  position: absolute;
  top: 3px;
  right: -10px;
}
.navbar li span.new,
#subNavigation span.new {
  position: absolute;
  background: #FFF800;
  color: #333333;
  font-size: 12px;
  line-height: 15px;
  padding: 2px 5px;
  border-radius: 5px;
  top: 5px;
  right: -30px;
  font-weight: bold;
  text-transform: uppercase;
}
.navbar li.align-right {
  float: right;
  font-size: 15px;
  line-height: 60px;
  padding: 0 10px;
  right: -47px;
}
@media only screen and (min-width: 960px) {
  .navbar li.align-right {
    float: right;
    font-size: 15px;
    line-height: 60px;
    padding: 0 10px;
    margin-left: 70px;
    right: -47px;
  }
}
.navbar li.myprofile {
  background-image: url('/Content/Graphics/layout/ikoner/min-profil.png');
  background-repeat: no-repeat;
  background-position: right center;
  padding-right: 26px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .navbar li.myprofile {
    background-image: url('/Content/Graphics/layout/ikoner/min-profil@2x.png');
    -moz-background-size: 16px 16px;
    -o-background-size: 16px 16px;
    -webkit-background-size: 16px 16px;
    background-size: 16px 16px;
  }
}
.navbar li.myprofile > a:hover {
  background-color: #14849c;
}
/* Notifications */
.loaderBox {
  color: #a79877;
  vertical-align: middle;
  text-align: center;
  padding: 6px 0px;
  margin: 20px;
}
.loaderBox img {
  display: block;
  margin: 0px auto 10px;
}
/* Profile photo */
.profileimage {
  z-index: 1;
}
.profile-image-small {
  width: 20px;
  height: 20px;
}
.profileimage.thumb {
  width: 40px;
  height: 40px;
}
.profileimage.largethumb {
  width: 80px;
  height: 80px;
}
.profileimage.normal {
  width: 210px;
  height: 210px;
}
.profileimage.xlarge {
  width: 370px;
  height: 370px;
}
.profileimage.highlight {
  width: 450px;
  height: 450px;
}
.profileimage.maildialogs {
  width: 64px;
  height: 64px;
}
/* Bootstrap handling */
.visible-lg {
  display: none;
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block;
  }
}
.rounded {
  border-radius: 50%;
}
/*** Ikoner ***/
.icon {
  background-position: center;
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  display: inline-block;
  margin-bottom: 4px;
}
.icon.delete {
  background-image: url('/Content/Graphics/Layout/ikoner/cross-red.png');
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon.delete {
    background-image: url('/Content/Graphics/Layout/ikoner/cross-red@2x.png');
    -moz-background-size: 16px 16px;
    -o-background-size: 16px 16px;
    -webkit-background-size: 16px 16px;
    background-size: 16px 16px;
  }
}
.icon.state-green {
  background-image: url('/Content/Graphics/Icons/Common/state_green_v5.gif');
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon.state-green {
    background-image: url('/Content/Graphics/Icons/Common/state_green_v5.gif');
    -moz-background-size: 16px 16px;
    -o-background-size: 16px 16px;
    -webkit-background-size: 16px 16px;
    background-size: 16px 16px;
  }
}
.icon.state-red {
  background-image: url('/Content/Graphics/Icons/Common/state_red_v5.gif');
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon.state-red {
    background-image: url('/Content/Graphics/Icons/Common/state_red_v5.gif');
    -moz-background-size: 16px 16px;
    -o-background-size: 16px 16px;
    -webkit-background-size: 16px 16px;
    background-size: 16px 16px;
  }
}
.icon.state-yellow {
  background-image: url('/Content/Graphics/Icons/Common/state_yellow_v5.gif');
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon.state-yellow {
    background-image: url('/Content/Graphics/Icons/Common/state_yellow_v5.gif');
    -moz-background-size: 16px 16px;
    -o-background-size: 16px 16px;
    -webkit-background-size: 16px 16px;
    background-size: 16px 16px;
  }
}
.icon.check-green {
  background-image: url('/Content/Graphics/Layout/ikoner/check-green.png');
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon.check-green {
    background-image: url('/Content/Graphics/Layout/ikoner/check-green@2x.png');
    -moz-background-size: 16px 16px;
    -o-background-size: 16px 16px;
    -webkit-background-size: 16px 16px;
    background-size: 16px 16px;
  }
}
.icon.check-white {
  background-image: url('/Content/Graphics/Layout/ikoner/check-white.png');
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon.check-white {
    background-image: url('/Content/Graphics/Layout/ikoner/check-white@2x.png');
    -moz-background-size: 16px 16px;
    -o-background-size: 16px 16px;
    -webkit-background-size: 16px 16px;
    background-size: 16px 16px;
  }
}
.icon.map-pin {
  background-image: url('/Content/Graphics/Layout/ikoner/map-pin.png');
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon.map-pin {
    background-image: url('/Content/Graphics/Layout/ikoner/map-pin@2x.png');
    -moz-background-size: 16px 16px;
    -o-background-size: 16px 16px;
    -webkit-background-size: 16px 16px;
    background-size: 16px 16px;
  }
}
.icon.cross-black {
  background-image: url('/Content/Graphics/Layout/ikoner/close.png');
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon.cross-black {
    background-image: url('/Content/Graphics/Layout/ikoner/close@2x.png');
    -moz-background-size: 16px 16px;
    -o-background-size: 16px 16px;
    -webkit-background-size: 16px 16px;
    background-size: 16px 16px;
  }
}
.icon.link-left {
  background-image: url('/Content/Graphics/Layout/ikoner/link-tilbage.png');
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon.link-left {
    background-image: url('/Content/Graphics/Layout/ikoner/link-tilbage@2x.png');
    -moz-background-size: 16px 16px;
    -o-background-size: 16px 16px;
    -webkit-background-size: 16px 16px;
    background-size: 16px 16px;
  }
}
.icon.link-right {
  background-image: url('/Content/Graphics/Layout/ikoner/link-frem.png');
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon.link-right {
    background-image: url('/Content/Graphics/Layout/ikoner/link-frem@2x.png');
    -moz-background-size: 16px 16px;
    -o-background-size: 16px 16px;
    -webkit-background-size: 16px 16px;
    background-size: 16px 16px;
  }
}
/*** Show user ***/
.section-dark {
  background-color: #f8f4e1;
  color: #a79877;
}
.section-infobox {
  color: #a79877;
}
.section-padded {
  padding: 15px;
}
.activeImgContainer {
  float: left;
}
.activeImgIndicator {
  vertical-align: text-top;
}
.fileUploadContainer {
  width: 100%;
}
.albumCountHeader {
  line-height: 20px !important;
}
.profileInfoZip {
  width: 60px;
}
.profileSettings-width95 {
  width: 95%;
}
.hidden {
  display: none;
}
.deleteuser-texthightlight {
  font-weight: bold;
}
.nothanks {
  margin-top: 34px;
}
.modal-body {
  overflow-y: visible;
}
/*** Onlinestatus ***/
div.onlinestatus {
  display: none;
  width: 15px;
  height: 15px;
}
div.onlinestatus.online {
  background-image: url('/Content/Graphics/layout/profil/online-dot.png');
  background-repeat: no-repeat;
  background-position: center;
  display: block;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  div.onlinestatus.online {
    background-image: url('/Content/Graphics/layout/profil/online-dot@2x.png');
    -moz-background-size: 11px 11px;
    -o-background-size: 11px 11px;
    -webkit-background-size: 11px 11px;
    background-size: 11px 11px;
  }
}
.border-radius-small {
  border-radius: 2px;
}
.border-radius-medium {
  border-radius: 4px;
}
.border-radius-large {
  border-radius: 6px;
}
.panel-green {
  background-color: #83c600;
}
.panel-red {
  background-color: red;
}
.panel-yellow {
  background-color: yellow;
}
.padding-small {
  padding: 4px;
}
.padding-medium {
  padding: 8px;
}
.padding-large {
  padding: 16px;
}
/* Arrows */
.arrow-up {
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #ffffff;
}
.arrow-down {
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #ffffff;
}
.arrow-right {
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 8px solid #ffffff;
}
.arrow-left {
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-right: 8px solid #ffffff;
}
.clickable {
  cursor: pointer;
}
.fade {
  -webkit-transition: opacity 150ms, visibility 150ms;
  transition: opacity 150ms, visibility 150ms;
  visibility: hidden;
}
.fade.in {
  visibility: visible;
}
.flicker-stop {
  -webkit-backface-visibility: hidden;
}
.appcommercial-top-bg {
  color: #ffffff;
  background-color: #28a0be;
}
.vcenter {
  vertical-align: middle;
}
/*
.modal.gallerymodal .modal-body {
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}

.modal.gallerymodal .modal-header .galleryAlbumTitle {
	padding-left: 10px;
}

.modal.gallerymodal .headerTitle, .modal.gallerymodal.showingAlbums .headerNavigation {
	display: none;
}

.modal.gallerymodal.showingAlbums .headerTitle, .modal.gallerymodal .headerNavigation {
	display: initial;
}
*/
#browserCheckDetails {
  padding: 0px 10px 0px 0px;
  font-weight: normal;
}
.statusOptimal {
  color: #00a600;
  font-weight: bold;
}
.statusOK {
  color: #83c600;
}
.statusProblem {
  color: #f44936;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  /* Retina-specific stuff here */
  .chatHandle > .overlay.new {
    background: url('/Content/Graphics/Layout/ikoner/ny-besked@2x.png') no-repeat center;
  }
  .chatHandle > .overlay.typing {
    background: url('/Content/Graphics/Layout/ikoner/skriver-besked@2x.png') no-repeat center;
  }
  #datingChatHiddenDialogs {
    background-image: url('/Content/Graphics/Layout/bund/bund-besked@2x.png');
  }
  #datingChatHiddenDialogs .chatHandle.online > .listItems {
    background-image: url('/Content/Graphics/Layout/profil/online-dot.png');
  }
  .maildialog .mailheader .startChat {
    background-image: url('/Content/Graphics/Layout/ikoner/besked-chat@2x.png');
  }
  .maildialog .mailheader .mailoptions a.deletemail {
    background-image: url('/Content/Graphics/Layout/ikoner/close.png');
  }
  #mailoptions > div.inbox a {
    background-image: url('/Content/Graphics/Layout/beskeder/beskeder-samtaler@2x.png');
  }
  #mailoptions > div.outbox a {
    background-image: url('/Content/Graphics/Layout/beskeder/beskeder-sendte.png@2x');
  }
  #mailoptions > div.settings a {
    background-image: url('/Content/Graphics/Layout/rediger-profil/rediger-indstillinger@2x.png');
  }
  .imagescroller-parent > div.handle.next {
    background-image: url('/Content/Graphics/Layout/ikoner/billed-karrusel-frem@2x.png');
    background-size: 16px 16px;
  }
  .imagescroller-parent > div.handle.prev {
    background-image: url('/Content/Graphics/Layout/ikoner/billed-karrusel-tilbage@2x.png');
    background-size: 16px 16px;
  }
}
#siteheader {
  background: #14849c;
  color: #ffffff;
}
@media (min-width: 768px) {
  .event-info {
    top: 169px !important;
  }
}
@media (max-width: 767px) {
  .event-info {
    bottom: 0 !important;
  }
}
.master-title-content {
  position: absolute;
  left: 40%;
  bottom: 10%;
}
#siteheader .logo {
  background-image: url('/Content/Graphics/Layout/generelt/toplogo.png');
  position: absolute;
  height: 60px;
  width: 82px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  #siteheader .logo {
    background-image: url('/Content/Graphics/Layout/generelt/toplogo@2x.png');
    -moz-background-size: 82px 60px;
    -o-background-size: 82px 60px;
    -webkit-background-size: 82px 60px;
    background-size: 82px 60px;
  }
}
.lightSection {
  background: #ffffff;
}
.darkSection {
  background: #f8f4e1;
}
#login {
  float: right;
  padding: 10px 0px;
  height: 40px;
  line-height: 40px;
  position: relative;
}
#login #alreadyMember {
  position: absolute;
}
#login .fade {
  -webkit-transition: opacity 0.25s linear, visibility 0.25s linear;
  transition: opacity 0.25s linear, visibility 0.25s linear;
}
#login .button {
  margin-left: 20px;
}
#forgotPassword .success {
  color: #83c600;
  font-size: 15px;
  line-height: 18px;
}
#forgotPassword .error {
  color: #f44936;
  font-size: 12px;
  line-height: 15px;
}
#forgotPassword a.link {
  color: #14849c;
}
#forgotPassword a.link:hover {
  text-decoration: underline;
}
#forgotPassword #forgotPasswordStatus {
  margin-top: 10px;
}
#loginForm {
  overflow: hidden;
}
#loginForm legend {
  display: none;
}
#loginForm table {
  width: 100%;
  font-size: 12px;
  line-height: 15px;
  margin: 5px 0px 10px;
}
#loginForm table label {
  font-size: 12px;
  line-height: 15px;
}
#loginForm table td + td + td {
  text-align: right;
}
#modalLogin .modal-dialog {
  top: 40px;
  left: 50%;
}
#modalLogin .modal-dialog .validator.facebooklogin .tooltip-inner {
  max-width: 400px;
  text-align: left;
}
#modalLogin .modal-dialog h3 {
  margin: 0px;
}
#modalLogin input[type="text"],
#modalLogin input[type="password"] {
  width: 100%;
}
@media (min-width: 768px) and (max-width: 959px) {
  #modalLogin .modal-dialog {
    margin-left: -66px;
  }
}
@media (min-width: 960px) and (max-width: 1199px) {
  #modalLogin .modal-dialog {
    margin-left: 37px;
  }
}
@media (min-width: 1200px) {
  #modalLogin .modal-dialog {
    margin-left: 157px;
  }
}
@keyframes shake {
  0% {
    -moz-transform: translate(5px, 0);
    -ms-transform: translate(5px, 0);
    -o-transform: translate(5px, 0);
    -webkit-transform: translate(5px, 0);
    transform: translate(5px, 0);
  }
  50% {
    -moz-transform: translate(-5px, 0);
    -ms-transform: translate(-5px, 0);
    -o-transform: translate(-5px, 0);
    -webkit-transform: translate(-5px, 0);
    transform: translate(-5px, 0);
  }
  100% {
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@-moz-keyframes shake {
  0% {
    -moz-transform: translate(5px, 0);
  }
  50% {
    -moz-transform: translate(-5px, 0);
  }
  100% {
    -moz-transform: translate(0, 0);
  }
}
@-webkit-keyframes shake {
  0% {
    -webkit-transform: translate(5px, 0);
  }
  50% {
    -webkit-transform: translate(-5px, 0);
  }
  100% {
    -webkit-transform: translate(0, 0);
  }
}
.shake {
  -o-animation-name: shake;
  animation-name: shake;
  -o-animation-duration: 150ms;
  animation-duration: 150ms;
  -o-animation-iteration-count: 2;
  animation-iteration-count: 2;
  -o-animation-timing-function: linear;
  animation-timing-function: linear;
  -moz-animation-name: shake;
  -moz-animation-duration: 150ms;
  -moz-animation-iteration-count: 2;
  -moz-animation-timing-function: linear;
  -webkit-animation-name: shake;
  -webkit-animation-duration: 150ms;
  -webkit-animation-iteration-count: 2;
  -webkit-animation-timing-function: linear;
}
/* statusbar */
#datingstatusbarfixed {
  top: 60px;
}
.datingstatusbar {
  position: fixed;
  width: 100%;
  color: #ffffff !important;
  line-height: 30px;
  text-align: center;
  z-index: 5;
  visibility: hidden;
  max-height: 0px;
  -webkit-transition: max-height 0.3s ease, visibility 0.3s ease;
  transition: max-height 0.3s ease, visibility 0.3s ease;
  overflow: hidden;
}
.datingstatusbar.in {
  max-height: 30px;
  visibility: visible;
}
.datingstatusbar.success {
  background: #83c600;
}
.datingstatusbar.error {
  background: #f44936;
}
.row {
  position: relative;
}
.leftAutoHeightColumn,
.rightAutoHeightColumn {
  position: absolute;
  height: 100%;
  top: 0px;
  float: none;
}
.leftAutoHeightColumn {
  left: 0px;
}
.rightAutoHeightColumn {
  right: 0px;
}
.verticalCenter {
  font-size: 0px;
}
.verticalCenter:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.verticalFix {
  display: inline-block;
  vertical-align: middle;
  font-size: 15px;
  line-height: 18px;
  width: 100%;
}
@media (max-width: 767px) {
  .container {
    padding: 0px 15px 0px;
  }
  .leftAutoHeightColumn,
  .rightAutoHeightColumn {
    position: static;
  }
  .verticalCenter:before {
    display: none;
  }
  .verticalFix {
    display: block;
    vertical-align: inherit;
  }
  footer div[class*="col-"] + div[class*="col-"] {
    margin-top: 20px;
  }
}
#appSection {
  color: #ffffff;
  background-color: #28a0be;
}
#appSection a.app-top {
  margin: 30px 0px 20px;
}
#appSection a {
  display: block;
  text-align: center;
}
#appSection a.phone img {
  display: block;
}
article {
  margin: 0px 0px 30px 0px;
}
article ~ article {
  margin: 30px 0px;
}
article h3 {
  margin-top: 0px;
}
@media (max-width: 767px) {
  #section_signupbox h3 {
    margin-top: 24px;
    margin-bottom: 8px;
  }
}
.plus {
  color: #e8ae00;
  vertical-align: baseline !important;
  margin: 0px !important;
}
.facebookSignupBtn .notWrapped {
  display: none;
}
@media (min-width: 768px) {
  .facebookSignupBtn {
    line-height: 12px !important;
  }
  .facebookSignupBtn:before,
  .facebookSignupBtn:after {
    content: " ";
    display: table;
  }
  .facebookSignupBtn:after {
    clear: both;
  }
  .facebookSignupBtn img {
    display: block;
    vertical-align: middle;
    float: left;
    width: 30px;
    height: 30px;
    margin-top: 10px;
    margin-right: 20px;
  }
}
.facebookSignupBtn span.wrapped {
  font-size: 12px;
  line-height: 15px;
  float: left;
  margin-top: 10px;
}
@media (max-width: 767px) {
  .facebookSignupBtn {
    margin-top: 20px;
  }
  .facebookSignupBtn .wrapped {
    display: none;
  }
  .facebookSignupBtn .notWrapped {
    display: inline;
  }
}
.birthdayInfoImageContainer {
  padding-left: 0;
}