﻿/**
 * NN - CHILD THEME 
 */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu4mxP.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmEU9fBBc9.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 100;
  src: url(https://fonts.gstatic.com/s/robotoslab/v16/BngbUXZYTXPIvIBgJJSb6s3BzlRRfKOFbvjojIWmb2Rm.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/robotoslab/v16/BngbUXZYTXPIvIBgJJSb6s3BzlRRfKOFbvjo0oSmb2Rm.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/robotoslab/v16/BngbUXZYTXPIvIBgJJSb6s3BzlRRfKOFbvjojISmb2Rm.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/robotoslab/v16/BngbUXZYTXPIvIBgJJSb6s3BzlRRfKOFbvjoa4Omb2Rm.ttf) format('truetype');
}
.NN {
  /* [+] hidden-xxs */
  /* [+] hidden-xxxs */
  /* [+] visible-xxs, visible-xxs-, visible-xxxs and visible-xxxs- */
  /*.mainsearch {
    position:relative;
    margin-top: -100px;

}*/
  /*Drop down list styles*/
  /* Selected item in dropdown list*/
  /* Hover state for dropdown list */
  /* Drop down list items style*/
  /* Look and feel of select box */
  /*NEW SLIDER STYLES FOR SCALE, ETC*/
  /* slider widget */
  /*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/
  /* Layout helpers
----------------------------------*/
  /* required comment for clearfix to work in Opera \*/
  /* end clearfix */
  /* Interaction Cues
----------------------------------*/
  /* Icons
----------------------------------*/
  /* states and images */
  /* Misc visuals
----------------------------------*/
  /* Overlays */
  /*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Lucida%20Grande,%20Lucida%20Sans,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=5px&bgColorHeader=5c9ccc&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=55&borderColorHeader=4297d7&fcHeader=ffffff&iconColorHeader=d8e7f3&bgColorContent=fcfdfd&bgTextureContent=06_inset_hard.png&bgImgOpacityContent=100&borderColorContent=a6c9e2&fcContent=222222&iconColorContent=469bdd&bgColorDefault=dfeffc&bgTextureDefault=02_glass.png&bgImgOpacityDefault=85&borderColorDefault=c5dbec&fcDefault=2e6e9e&iconColorDefault=6da8d5&bgColorHover=d0e5f5&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=79b7e7&fcHover=1d5987&iconColorHover=217bc0&bgColorActive=f5f8f9&bgTextureActive=06_inset_hard.png&bgImgOpacityActive=100&borderColorActive=79b7e7&fcActive=e17009&iconColorActive=f9bd01&bgColorHighlight=fbec88&bgTextureHighlight=01_flat.png&bgImgOpacityHighlight=55&borderColorHighlight=fad42e&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
*/
  /* Component containers
----------------------------------*/
  /*url(../less/images/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x; */
  /* Interaction states
----------------------------------*/
  /* Interaction Cues
----------------------------------*/
  /* url(../less/images/ui-bg_flat_55_fbec88_40x100.png) 50% 50% repeat-x*/
  /* url(../less/images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x*/
  /* Icons
----------------------------------*/
  /* states and images */
  /*.ui-icon { width: 16px; height: 16px; background-image: url(../less/images/ui-icons_469bdd_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(../less/images/ui-icons_469bdd_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(../less/images/ui-icons_d8e7f3_256x240.png); }
.ui-state-default .ui-icon { background-image: url(../less/images/ui-icons_6da8d5_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(../less/images/ui-icons_217bc0_256x240.png); }
.ui-state-active .ui-icon {background-image: url(../less/images/ui-icons_f9bd01_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(../less/images/ui-icons_2e83ff_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(../less/images/ui-icons_cd0a0a_256x240.png); }*/
  /* positioning */
  /* Misc visuals
----------------------------------*/
  /* Corner radius */
  /*.ui-corner-tl { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; }
.ui-corner-tr { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; }
.ui-corner-br { -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; }
.ui-corner-top { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; }
.ui-corner-right {  -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; }
.ui-corner-left { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; }
.ui-corner-all { -moz-border-radius: 5px; -webkit-border-radius: 5px; }*/
  /* Overlays */
  /* url(../less/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x*/
  /* Accordion/* url(../less/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x*/
  /*----------------------------------*/
  /* Datepicker
/*----------------------------------*/
  /*#AdvancedSearchWrapper .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }*/
  /* with multiple calendars */
  /* RTL support */
  /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
  /* Dialog
----------------------------------*/
  /* Progressbar
----------------------------------*/
  /* Resizable
/*----------------------------------*/
  /* Slider
/*----------------------------------*/
  /* Tabs
/*----------------------------------*/
  /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
  /*#AdvancedSearchDiv a {
	position:absolute;
	top:109px;
	width:10px;
	left:3px;
	height:18px;
		background-image: url("/App_Themes/DinFerieFond/images/layout/ikoner/Visavanceret.png");
	background-repeat:no-repeat;
}
#AdvancedSearchDiv a:hover {
	background-image: url("/App_Themes/DinFerieFond/images/layout/ikoner/ArrowRight_active.png");
	background-repeat:no-repeat;
}*/
  /*#AdvancedSearchDiv a.open {
	left:0px;
}
*/
  /*#MainSearchPeriodFrom .fieldlabel
			#MainSearchPeriodFrom .fieldicon*/
  /*.fieldlabel
			.fieldicon*/
  /*.fieldlabel
			.fieldicon*/
  /*Hus tooltips*/
  /*
    #calenderMatrixHeader {
        background-image: none;
        width: 720px;
        height: 35px;
        position: relative;
        z-index: 2;
    }
    #CalendarContentArea {
        z-index: 1;
        margin-top: -3px;
        width: 768px;
        float: left;
        overflow-y: hidden;
        overflow-x: scroll;
        background-color: #cdccc6;
        background-image: url("/modules/booking_feriehuse/images/Hatch_white.png");
    }

@media (min-width: 768px) {
    #calenderMatrixHeader {
        background-image: none;
        width: 720px; 
        height: 35px;
        position: relative;
        z-index: 2;
    }

    

    #CalendarContentArea {
        z-index: 1;
        margin-top: -3px;
        width: 768px;
        float: left;
        overflow-y: hidden;
        overflow-x: scroll;
        background-color: #cdccc6;
        background-image: url("/modules/booking_feriehuse/images/Hatch_white.png");
    }
}
@media (min-width: 992px) {
    #calenderMatrixHeader {
        background-image: none;
        width: 940px; 
        height: 35px;
        position: relative;
        z-index: 2;
    }

    #CalendarContentArea {
        z-index: 1;
        margin-top: -3px;
        width: 740px;
        float: left;
        overflow-y: hidden;
        overflow-x: scroll;
        background-color: #cdccc6;
        background-image: url("/modules/booking_feriehuse/images/Hatch_white.png");
    }
}
@media (min-width: 1200px) {
    #calenderMatrixHeader {
        background-image: none;
        width: 100%;
        height: 35px;
        position: relative;
        z-index: 2;
    }

    #CalendarContentArea {
        z-index: 1;
        margin-top: -3px;
        width: ~'calc(100% - 200px)';
        float: left;
        overflow-y: hidden;
        overflow-x: scroll;
        background-color: #cdccc6;
        background-image: url("/modules/booking_feriehuse/images/Hatch_white.png");
    }
}
    */
  /*.jcarousel-skin-tango {
    position:relative;
    top:51px;
}*/
}
.NN ul.inline-list {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.NN ul.inline-list li {
  display: inline-block;
}
.NN html {
  height: 100%;
}
.NN body {
  background-color: #F9F9F9;
  margin-bottom: 0px;
  -ms-overflow-style: scrollbar;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  padding-bottom: 175px;
}
.NN body.hideFooter {
  padding-bottom: 0;
}
@media (max-width: 767px) {
  .NN body {
    padding-bottom: 0;
  }
}
.NN pagefooter {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 155px;
}
.NN pagefooter footer {
  color: white;
}
@media (max-width: 767px) {
  .NN pagefooter footer {
    display: block;
    position: relative;
    right: auto;
    bottom: auto;
    left: auto;
    height: auto;
    overflow: hidden;
  }
}
@media (max-width: 767px) {
  .NN pagefooter {
    display: block;
    position: relative;
    right: auto;
    bottom: auto;
    left: auto;
    height: auto;
    overflow: hidden;
  }
}
.NN .bg-white {
  background-color: #fff;
}
.NN .container {
  padding-right: 10px;
  padding-left: 10px;
}
.NN .xxxs .container,
.NN .xxs .container,
.NN .xs .container {
  padding-right: 0px;
  padding-left: 0px;
}
.NN .row {
  margin-right: 0px;
  margin-left: 0px;
}
.NN .col-lg-1,
.NN .col-lg-10,
.NN .col-lg-11,
.NN .col-lg-12,
.NN .col-lg-2,
.NN .col-lg-3,
.NN .col-lg-4,
.NN .col-lg-5,
.NN .col-lg-6,
.NN .col-lg-7,
.NN .col-lg-8,
.NN .col-lg-9,
.NN .col-md-1,
.NN .col-md-10,
.NN .col-md-11,
.NN .col-md-12,
.NN .col-md-2,
.NN .col-md-3,
.NN .col-md-4,
.NN .col-md-5,
.NN .col-md-6,
.NN .col-md-7,
.NN .col-md-8,
.NN .col-md-9,
.NN .col-sm-1,
.NN .col-sm-10,
.NN .col-sm-11,
.NN .col-sm-12,
.NN .col-sm-2,
.NN .col-sm-3,
.NN .col-sm-4,
.NN .col-sm-5,
.NN .col-sm-6,
.NN .col-sm-7,
.NN .col-sm-8,
.NN .col-sm-9,
.NN .col-xs-1,
.NN .col-xs-10,
.NN .col-xs-11,
.NN .col-xs-12,
.NN .col-xs-2,
.NN .col-xs-3,
.NN .col-xs-4,
.NN .col-xs-5,
.NN .col-xs-6,
.NN .col-xs-7,
.NN .col-xs-8,
.NN .col-xs-9 {
  padding-right: 10px;
  padding-left: 10px;
}
@media (min-width: 1200px) {
  .NN .container-wide {
    max-width: 1440px;
    width: 100%;
  }
}
.NN .zero-pad {
  padding: 0;
}
.NN .zero-pad-left {
  padding-left: 0;
}
.NN .zero-pad-right {
  padding-right: 0;
}
.NN .pad-horiz-20 {
  padding-left: 20px;
  padding-right: 20px;
}
.NN .pad-left-20 {
  padding-left: 20px;
}
.NN .pad-right-20 {
  padding-right: 20px;
}
.NN .mb-20 {
  margin-bottom: 20px;
}
.NN .mb-40 {
  margin-bottom: 40px;
}
.NN iframe {
  border: none;
}
.NN .page {
  position: relative;
}
.NN .messagebox {
  display: none;
  opacity: 0;
  transition: 0.3s all;
  border: 1px solid #F0EFED;
  background-color: white;
  padding: 0 20px;
  margin: 20px 0;
  font-weight: bold;
}
.NN .messagebox.fixedHeight60 {
  height: 0px;
  display: block;
  line-height: 60px;
  overflow: hidden;
}
.NN .messagebox.fixedHeight60.show {
  opacity: 1;
  height: 60px;
}
.NN .messagebox.show {
  display: block;
  opacity: 1;
}
.NN .UserHTML img {
  max-width: 100%!important;
}
.NN body {
  height: 100%;
}
.NN .temp_absolute_bg {
  /*   position: absolute;
    top: 180px; */
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.NN .temp_absolute_bg .houses-body {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}
.NN .temp_absolute_bg .houses-body .houses-inner {
  height: 100%;
  position: relative;
}
.NN .temp_absolute_bg .houses-body .houses-inner .houses-main {
  display: block;
  position: relative;
  height: 100%;
}
.NN .house-panes {
  display: block;
  position: relative;
  height: calc(100%) !important;
  margin: 0 -10px;
  top: 0 !important;
  /*@media(max-width:991px) {
        margin: 0;
    }*/
}
.NN .house-panes .house-panes-inner {
  display: table;
  position: relative;
  width: 100%;
  height: 100%;
}
.NN .house-panes .house-panes-inner .the-pane {
  display: table-cell;
  position: relative;
  vertical-align: top;
}
.NN .house-panes .house-panes-inner .the-pane.pane-left {
  width: 60%;
}
.NN .house-panes .house-panes-inner .the-pane.pane-right {
  width: 40%;
}
@media (max-width: 991px) {
  .NN .house-panes {
    height: auto !important;
    margin: 0;
  }
  .NN .house-panes .mainsearchresultlist {
    overflow: visible !important;
  }
  .NN .house-panes .house-panes-inner {
    display: block;
  }
  .NN .house-panes .house-panes-inner .the-pane {
    display: block;
  }
}
.NN .mobile .house-panes .house-panes-inner .the-pane.pane-left {
  width: 100%;
}
.NN .mobile .house-panes .house-panes-inner .the-pane.pane-right {
  display: none;
}
.NN .mainsearchresult .mainsearchresultlist {
  height: 100%;
  margin: 0 0;
}
.NN .mainsearchresult .mainsearchresultlist .HouseView {
  margin-left: 0;
  margin-right: 0;
}
.NN .mainsearchresult .angular-google-map-container {
  position: absolute;
  height: 100%;
}
.NN body {
  color: #2D2D2D;
  line-height: 24px;
}
.NN h1 {
  margin-bottom: 0px;
}
.NN p {
  margin: 0 0 20px 0;
}
.NN .headline-with-subheading {
  margin-bottom: 20px;
  padding-top: 20px;
}
.NN .headline-with-subheading h1,
.NN .headline-with-subheading h2 {
  padding-bottom: 5px;
  margin: 0;
}
.NN .HeaderBar {
  height: 80px;
  padding-top: 30px;
}
.NN .HeaderBar h1,
.NN .HeaderBar h2 {
  margin: 0;
  font-size: 24px;
  font-weight: bold;
}
.NN .SmallHeader {
  font-size: 18px;
  margin: 0;
  padding: 20px 0;
  font-weight: bold;
}
.NN .btn {
  font-size: 18px;
  transition: 0.3s all;
  border-radius: 0;
  border: 0;
  height: 50px;
  line-height: 50px;
  padding: 0 20px;
}
.NN .btn.full-width {
  width: 100%;
}
.NN .btn-primary {
  background-color: #90A84C;
}
.NN .btn-primary:hover {
  background-color: #819644;
}
.NN .btn-primary.CreateProfile {
  background-color: white;
  color: #90A84C;
}
.NN .btn-primary.CreateProfile:hover {
  color: #819644;
}
.NN .btn-sm {
  font-size: 18px;
  text-transform: uppercase;
  padding: 0px 20px;
  color: #fff;
  width: 102px;
  line-height: 30px;
  height: 30px;
}
.NN .btn-dashed-ghost {
  border-top: 1px dotted #D8D8D8;
  border-bottom: 1px dotted #D8D8D8;
  background-color: transparent;
  line-height: 48px;
  padding: 0;
  font-size: 18px;
  color: #90A84C;
}
.NN .btn-dashed-ghost:hover {
  border-top: 1px dotted #90A84C;
  border-bottom: 1px dotted #90A84C;
}
.NN .btn-toogleFilter {
  width: 150px;
  height: 50px;
  z-index: 99;
  line-height: 50px;
  padding: 0;
  background-color: #90A84C;
  color: #fff;
}
.NN .btn-booknow {
  font-size: 24px;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 50px;
}
.NN .btn-booknow:after {
  content: url('../../../Assets/svg/arrowbobble.svg');
  position: relative;
  left: 28%;
  top: 3px;
}
.NN .btn-grey {
  background-color: #F0EFED;
  color: #90A84C;
  font-size: 14px;
}
.NN .btn-grey:hover {
  background-color: #e4e3df;
}
.NN .btn-lotlist {
  margin-top: -4px;
}
.NN .btn-marginleft {
  margin-left: 5px;
}
.NN .btn-add {
  background-color: #fff;
  color: #90A84C;
  border: 1px solid #90A84C;
}
.NN .btn-add:hover {
  background-color: #e6e6e6;
}
.NN .btn-remove {
  background-color: #F1BC0A;
}
.NN .btn-remove:hover {
  background-color: #c09608;
}
.NN .LargeHouseContainer {
  margin-bottom: 100px;
}
.NN .LargeHouseContainer .angular-google-map {
  height: 400px;
}
.NN .LargeHouseContainer #house-headline .HouseRating {
  position: absolute;
  right: 40px;
  top: 25px;
}
@media (max-width: 1199px) {
  .NN .LargeHouseContainer #house-headline .HouseRating {
    right: 11px;
  }
}
@media (max-width: 991px) {
  .NN .LargeHouseContainer #house-headline .HouseRating {
    right: 11px;
    top: 40px;
  }
}
@media (max-width: 767px) {
  .NN .LargeHouseContainer #house-headline .HouseRating {
    right: -5px;
    top: -80px;
    background-color: rgba(12, 12, 12, 0.41);
    padding: 5px;
  }
}
.NN .LargeHouseContainer .imgPLACEHOLDER {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.NN .LargeHouseContainer #HouseDetails {
  max-height: 400px;
}
.NN .LargeHouseContainer #HouseDetails .FullDescription {
  height: 340px;
  overflow: hidden;
  transition: 0.3s;
}
.NN .LargeHouseContainer #HouseDetails .FullDescription.isExpanded {
  height: auto;
}
.NN .LargeHouseContainer #HouseDetails .btn {
  margin-top: 10px;
}
.NN .LargeHouseContainer .sidebar .sidebar-elem {
  margin-bottom: 40px;
}
.NN .LargeHouseContainer .sidebar .HouseAttributes {
  padding-bottom: 5px;
}
.NN .LargeHouseContainer .sidebar .HouseAttributes li:before {
  display: none;
}
.NN .LargeHouseContainer .sidebar .btn-primary {
  color: white;
}
.NN .LargeHouseContainer #Omraadet {
  padding-bottom: 30px;
}
.NN .LargeHouseContainer #Omraadet .imgPLACEHOLDER {
  height: 350px;
  width: 100%;
  background-color: grey;
}
.NN .LargeHouseContainer #Omraadet a {
  color: #90A84C;
}
.NN .LargeHouseContainer #Book .lot-list-tabs {
  background-color: #F0EFED;
  width: 100%;
  height: 50px;
  line-height: 50px;
}
.NN .LargeHouseContainer #Book .lot-list-tabs ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.NN .LargeHouseContainer #Book .lot-list-tabs ul li {
  display: inline-block;
  padding: 0 30px;
  font-size: 20px;
  cursor: pointer;
}
.NN .LargeHouseContainer #Book .lot-list-tabs ul li.selected {
  background-color: #90A84C;
  color: #fff;
}
.NN .LargeHouseContainer #Book #selection-summary .heading {
  width: 100%;
  height: 50px;
  line-height: 50px;
  background-color: #F0EFED;
  padding: 0 20px;
  font-size: 20px;
  font-weight: normal;
}
.NN .LargeHouseContainer #Book #selection-summary .summary-content {
  padding: 20px 20px 40px;
  font-size: 16px;
}
.NN .LargeHouseContainer #Book #selection-summary .summary-content .week.row,
.NN .LargeHouseContainer #Book #selection-summary .summary-content .arrival.row,
.NN .LargeHouseContainer #Book #selection-summary .summary-content .departure.row,
.NN .LargeHouseContainer #Book #selection-summary .summary-content .nights.row {
  padding-bottom: 20px;
}
.NN .LargeHouseContainer #Book #selection-summary .summary-content .week.row .value,
.NN .LargeHouseContainer #Book #selection-summary .summary-content .arrival.row .value,
.NN .LargeHouseContainer #Book #selection-summary .summary-content .departure.row .value,
.NN .LargeHouseContainer #Book #selection-summary .summary-content .nights.row .value {
  text-align: right;
}
.NN .LargeHouseContainer #Book #selection-summary .summary-content .total {
  min-height: 72px;
  padding-top: 3px;
}
.NN .LargeHouseContainer #Book #selection-summary .summary-content .total .key {
  text-align: left;
}
.NN .LargeHouseContainer #Book #selection-summary .summary-content .total .key > span {
  font-weight: normal;
  text-align: right;
}
.NN .LargeHouseContainer #Book #selection-summary .summary-content .total .value {
  position: relative;
  padding-top: 10px;
}
.NN .LargeHouseContainer #Book #selection-summary .summary-content .total .value > span {
  text-align: left;
  display: block;
  font-size: 30px;
  line-height: 30px;
  font-weight: bold;
}
.NN .LargeHouseContainer .sidebar {
  /*@media(max-width: 991px){
			padding-left: 10px;
		}*/
}
.NN .LargeHouseContainer .sidebar .sidebar-elem {
  margin-bottom: 20px;
}
.NN .LargeHouseContainer .sidebar ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
@media (max-width: 991px) {
  .NN .LargeHouseContainer .sidebar ul {
    margin-top: 10px;
    margin-bottom: 20px;
  }
}
@media (max-width: 991px) {
  .NN .LargeHouseContainer .sidebar ul li {
    position: relative;
    padding-left: 0px;
    display: inline-block;
    padding-right: 10px;
    width: 50%;
    margin-top: 10px;
  }
}
@media (max-width: 991px) {
  .NN .LargeHouseContainer .sidebar .usefull-links li {
    width: 100%;
  }
}
.NN .UserCommentRow {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex!important;
  flex-wrap: wrap!important;
  width: 100%;
}
.NN .UserCommentRow > [class*="col-"] {
  flex-direction: column!important;
  margin-bottom: 20px;
}
.NN .UserCommentRow .UserComment {
  margin: 5px;
  border: 1px solid #F0EFED;
  height: 100%;
  position: relative;
}
.NN .UserCommentRow .UserComment .CommentHeader {
  overflow: hidden;
  line-height: 20px;
  padding: 10px 0px;
  background-color: #F0EFED;
}
.NN .UserCommentRow .UserComment .CommentHeader .UserInfo {
  width: calc(60% - 10px);
  float: left;
  padding-left: 10px;
}
.NN .UserCommentRow .UserComment .CommentHeader .UserInfo .UserAvatar {
  font-size: 20px;
  font-weight: bold;
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 50%;
  margin-right: 15px;
  color: white;
}
.NN .UserCommentRow .UserComment .CommentHeader .UserInfo .CommentDate {
  display: inline-block;
  position: relative;
  top: -3px;
}
.NN .UserCommentRow .UserComment .CommentHeader .UserRating {
  width: calc(40% - 10px);
  float: left;
  text-align: right;
  color: #8FB9CC;
}
.NN .UserCommentRow .UserComment .CommentHeader .UserRating .fa {
  line-height: 32px!important;
  display: none;
}
.NN .UserCommentRow .UserComment .CommentText {
  padding: 10px;
  overflow: hidden;
  font-style: italic;
  margin-bottom: 20px;
}
.NN .UserCommentRow .UserComment .CommentName {
  text-align: right;
  padding: 5px 10px 5px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
}
.NN .page-house h2.LargeHeader {
  margin-top: 10px;
  border-top: 1px solid #D8D8D8;
  padding-top: 10px!important;
}
@media (min-width: 992px) {
  .NN .page-house .headline-with-subheading h2.LargeHeader {
    border-top: none;
    margin-top: 0px;
    padding-top: 0px!important;
  }
}
@media (max-width: 991px) {
  .NN .page-house .headline-with-subheading {
    padding-top: 0px;
  }
  .NN .HouseDescriptionContainer {
    padding-left: 20px;
    padding-right: 20px;
  }
  .NN .arealinks {
    padding-left: 10px;
  }
}
.NN .RelatedHousesGridContainer .HeaderBar {
  height: auto;
}
.NN .RelatedHousesGridContainer h2.LargeHeader {
  padding-bottom: 20px;
}
@media (min-width: 992px) {
  .NN .HouseAttributes ul {
    overflow: hidden;
    max-height: 120px;
  }
  .NN .HouseAttributes ul.isExpanded {
    max-height: none;
  }
  .NN .HouseAttributes .btn-expand {
    font-size: 12px;
    line-height: 32px;
    font-size: 14px;
    height: auto;
  }
}
.NN .mainsearchresultlist .HouseView .HouseAttributes {
  margin-top: 70px;
}
@media (max-width: 991px) {
  .NN .mainsearchresultlist .HouseView .HouseAttributes ul {
    max-height: 120px;
    overflow: hidden;
  }
  .NN .mainsearchresultlist .HouseView .HouseAttributes ul.isExpanded {
    max-height: none;
    overflow: auto;
  }
}
@media (max-width: 448px) {
  .NN .mainsearchresultlist .HouseView .HouseAttributes ul {
    margin: 0 -10px;
    column-count: 2;
    column-gap: 10px;
  }
}
.NN .mainsearchresultlist .HouseView .HouseAttributes .btn-expand {
  margin-bottom: 10px;
}
.NN .mainsearchresultlist .HouseView .HouseAttributes .btn-expand.hidden-xs,
.NN .mainsearchresultlist .HouseView .HouseAttributes .btn-expandhidden-sm {
  display: block;
}
@media (max-width: 448px) {
  .NN .mainsearchresultlist .HouseView .HouseAttributes .btn-expand {
    display: none;
  }
}
.NN .mainsearchresultlist .HouseView .HouseAttributes li:before {
  display: none;
}
@media (max-width: 766px) {
  .NN .mainsearchresultlist .HouseView .HouseAttributes {
    margin-top: 20px;
  }
}
@media (max-width: 448px) {
  .NN .mainsearchresultlist .HouseView .HouseAttributes {
    margin-bottom: 20px;
    margin-top: -20px;
  }
}
.NN #house-toolbar {
  margin-top: -50px;
  background-color: #fff;
  padding: 0;
  height: 50px;
  position: absolute;
  right: 10px;
  left: 10px;
}
@media (max-width: 767px) {
  .NN #house-toolbar {
    left: 0px;
    right: 0px;
    padding-left: 20px;
  }
}
.NN #house-toolbar .dashed-bottom {
  /*i.fa-heart-o {
            &:before {
                content: url('../../../Assets/svg/starbobble.svg');
            }
        }

        i.fa-heart {
            &:before {
                content: url('../../../Assets/svg/starbobblefilled.svg');
            }
        }*/
}
@media (min-width: 992px) {
  .NN #house-toolbar .dashed-bottom:after {
    content: '';
    position: absolute;
    left: -10px;
    right: 0;
    bottom: -2px;
    border-bottom: 1px dotted #D8D8D8;
  }
}
.NN #house-toolbar .icon-link {
  line-height: 50px;
  display: inline-block;
  position: relative;
  padding-right: 50px;
  margin-left: 0px;
  height: 50px;
}
.NN #house-toolbar .icon-link span {
  padding-left: 30px;
}
.NN #house-toolbar .icon-link:hover {
  transition: 0.3s;
  background-size: 20px 20px;
  color: #90A84C;
  cursor: pointer;
}
.NN #house-toolbar .icon-link i.square {
  border-radius: 50%;
  display: inline-block;
  height: 22px;
  width: 22px;
  display: block;
  position: absolute;
  left: 0px;
  top: 15px;
}
@media (max-width: 767px) {
  .NN #house-toolbar .icon-link i.square {
    transform: scale(0.8);
  }
}
.NN #house-toolbar .icon-link i.square.arrow svg {
  position: absolute;
  left: 7px;
  top: 5px;
}
.NN #house-toolbar .icon-link i.square.search svg {
  position: absolute;
  left: 3px;
  top: 3px;
}
.NN #house-toolbar .icon-link i.square.blue-square {
  background-color: #90A84C;
}
.NN #house-toolbar .icon-link i.square .fa {
  position: absolute;
  top: 4px;
  color: #fff;
  left: 4px;
  font-size: 12px;
}
@media (max-width: 767px) {
  .NN #house-toolbar .icon-link {
    padding-right: 15px;
    width: 50px;
    position: absolute;
    margin-left: 0;
    padding-left: 12px;
  }
  .NN #house-toolbar .icon-link.go-back-button {
    left: 0;
  }
  .NN #house-toolbar .icon-link.gallery-button {
    left: 50px;
  }
  .NN #house-toolbar .icon-link i.square {
    position: absolute;
    height: 50px;
    width: 50px;
    display: block;
    top: 0px;
    /* padding-right: 25px; */
  }
  .NN #house-toolbar .icon-link i.square.arrow {
    left: 0;
  }
  .NN #house-toolbar .icon-link i.square.arrow svg {
    position: absolute;
    left: 10px;
    top: 11px;
    height: 26px;
    width: 26px;
  }
  .NN #house-toolbar .icon-link i.square.gallery {
    /*background-color: @color-blue-ocean;*/
  }
  .NN #house-toolbar .icon-link i.square.gallery .fa {
    top: 12px;
    color: #fff;
    left: 12px;
    font-size: 24px;
  }
  .NN #house-toolbar .icon-link span {
    display: none;
  }
}
.NN #house-toolbar ul.scrollLinks {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.NN #house-toolbar ul.scrollLinks li {
  display: inline-block;
}
.NN #house-toolbar ul.scrollLinks li a {
  line-height: 20px;
  padding: 15px 10px;
  display: block;
  color: #2D2D2D;
  position: relative;
}
.NN #house-toolbar ul.scrollLinks li a:after {
  content: '';
  border-bottom: 2px solid transparent;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  position: absolute;
  bottom: 12px;
  left: 10px;
  right: 10px;
}
.NN #house-toolbar ul.scrollLinks li a:hover {
  cursor: pointer;
  text-decoration: none;
}
.NN #house-toolbar ul.scrollLinks li a:hover:after {
  border-bottom: 2px solid #90A84C;
}
.NN #house-toolbar .toggle-favorite {
  cursor: pointer;
  line-height: 50px;
  padding-left: 20px;
}
.NN #house-toolbar .toggle-favorite:hover {
  color: #90A84C;
}
.NN #house-toolbar .toggle-favorite i.fa {
  position: absolute;
  right: 20px;
  top: 13px;
  color: #90A84C;
  font-size: 22px;
}
@media (max-width: 991px) {
  .NN #house-toolbar .toggle-favorite span {
    position: absolute;
    right: 60px;
  }
}
.NN header.desktop-header {
  background-color: #fff;
  height: 100px;
  position: relative;
  display: block;
}
@media (min-width: 1440px) {
  .NN header.desktop-header .container {
    position: relative;
  }
}
.NN header.desktop-header .logo {
  padding-top: 6px;
  display: block;
}
.NN header.desktop-header .logo svg {
  height: 83px;
  /*width: 110px;*/
}
.NN header.desktop-header nav.main-nav {
  position: absolute;
  right: 100px;
  width: 70%;
  top: 0px;
  text-align: right;
  padding-right: 30px;
}
.NN header.desktop-header nav.main-nav ul li a {
  color: #2D2D2D;
  padding: 62px 15px 20px;
  font-size: 18px;
  -webkit-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
  display: block;
  line-height: 18px;
}
.NN header.desktop-header nav.main-nav ul li a:hover {
  text-decoration: none;
  color: #90A84C;
}
.NN .mobile-header {
  height: 60px;
}
.NN .mobile-header i {
  line-height: 0;
  display: block;
}
.NN .mobile-header i svg {
  /*width:150%;*/
}
.NN .mobile-header .burger {
  cursor: pointer;
  padding: 19px 20px;
  display: inline-block;
}
.NN .mobile-header .logo {
  text-align: center;
  width: 100%;
  display: block;
  padding: 6px 0 7px;
}
.NN .mobile-header .logo svg {
  height: 47px;
}
.NN .catalog-header {
  background-color: #fff;
  height: 100px;
  position: relative;
  padding-top: 15px;
}
.NN .catalog-header .logo {
  margin: 0 auto;
  text-align: center;
  width: 100%;
}
.NN .catalog-header .logo svg {
  height: 72px;
  width: 95px;
}
.NN .catalog-header .btn-catalog-nav {
  position: absolute;
  height: 100px;
  width: 240px;
  top: 0;
  transition: 0.3s all;
  padding: 0;
}
@media (max-width: 767px) {
  .NN .catalog-header .btn-catalog-nav {
    width: 80px;
  }
}
.NN .catalog-header .btn-catalog-nav .arrow-button {
  background-color: #F4F4F4;
  height: 100%;
  width: 80px;
  position: absolute;
  transition: 0.3s all;
}
.NN .catalog-header .btn-catalog-nav .arrow-button i {
  position: absolute;
  top: 30px;
}
.NN .catalog-header .btn-catalog-nav .arrow-button i svg {
  top: 30px;
  height: 25px;
  width: 17px;
}
.NN .catalog-header .btn-catalog-nav .houseInfo {
  font-size: 14px;
  color: #90A84C;
  display: block;
  line-height: 30px;
  width: 180px;
  position: absolute;
  bottom: 0;
  top: 0;
  overflow: hidden;
  text-align: right;
}
@media (max-width: 767px) {
  .NN .catalog-header .btn-catalog-nav .houseInfo {
    display: none;
  }
}
.NN .catalog-header .btn-catalog-nav .houseInfo .house-number {
  position: absolute;
  top: 27px;
  color: #F1BC0A;
  font-size: 12px;
}
.NN .catalog-header .btn-catalog-nav .houseInfo .house-title {
  padding-top: 45px;
  color: #F1BC0A;
}
.NN .catalog-header .btn-catalog-nav:hover {
  background-color: #F4F4F4;
}
.NN .catalog-header .btn-catalog-nav:hover .arrow-button {
  background-color: #e7e7e7;
}
.NN .catalog-header .btn-catalog-nav.prev {
  left: 0px;
}
.NN .catalog-header .btn-catalog-nav.prev .houseInfo {
  left: 95px;
  text-align: left;
  padding-right: 15px;
}
.NN .catalog-header .btn-catalog-nav.prev .houseInfo .house-number {
  left: 0px;
}
.NN .catalog-header .btn-catalog-nav.prev .arrow-button {
  left: 0;
}
.NN .catalog-header .btn-catalog-nav.prev .arrow-button i {
  left: 30px;
}
.NN .catalog-header .btn-catalog-nav.next {
  right: 0px;
}
.NN .catalog-header .btn-catalog-nav.next .arrow-button {
  right: 0;
}
.NN .catalog-header .btn-catalog-nav.next .arrow-button i {
  right: 30px;
}
.NN .catalog-header .btn-catalog-nav.next .houseInfo {
  right: 95px;
  text-align: right;
  padding-left: 15px;
}
.NN .catalog-header .btn-catalog-nav.next .houseInfo .house-number {
  right: 0px;
}
.NN body.mobile .user-dropnav .btn-mypage-nav {
  height: 60px;
  width: 60px;
  background-color: transparent;
}
@media (max-width: 991px) {
  .NN body.mobile .user-dropnav .btn-mypage-nav {
    display: flex;
    align-items: center;
    height: 100%;
  }
}
.NN body.mobile .user-dropnav .btn-mypage-nav span {
  display: none;
}
.NN body.mobile .user-dropnav .btn-mypage-nav i {
  top: 15px;
  width: auto;
}
@media (max-width: 991px) {
  .NN body.mobile .user-dropnav .btn-mypage-nav i {
    position: absolute;
    height: 40px;
    width: 40px;
    top: 10px;
  }
}
.NN body.mobile .user-dropnav .btn-mypage-nav i svg {
  height: 28px;
}
@media (max-width: 991px) {
  .NN body.mobile .user-dropnav .btn-mypage-nav i svg {
    height: 40px;
    margin: 0 auto;
    display: block;
  }
}
.NN body.mobile .user-dropnav .btn-mypage-nav i svg .color-change {
  stroke: #90A84C;
}
.NN body.mobile .user-dropnav .dropdown-menu {
  width: 320px;
}
@media (max-width: 991px) {
  .NN body.mobile .user-dropnav .dropdown-menu {
    top: 59px;
  }
}
.NN .user-dropnav {
  position: absolute;
  top: 0;
  right: 0;
}
.NN .user-dropnav .btn-mypage-nav {
  /*height: 100px;*/
  width: 100px;
  background-color: #fff;
  padding: 0;
  /*box-shadow: none;*/
}
.NN .user-dropnav .btn-mypage-nav i {
  position: relative;
  top: 15px;
  width: 100%;
  left: 0;
}
@media (max-width: 991px) {
  .NN .user-dropnav .btn-mypage-nav i {
    height: 40px;
    width: 40px;
    bottom: 5px;
    position: relative;
  }
}
.NN .user-dropnav .btn-mypage-nav span {
  visibility: hidden;
  position: absolute;
  width: 100%;
  color: #fff;
  left: 0;
  bottom: 20px;
  font-weight: 100;
  font-size: 14px;
  line-height: 1;
}
.NN .user-dropnav .dropdown-menu {
  left: auto;
  right: 0;
  width: 470px;
  padding: 0;
  margin: 0;
  float: none;
  box-shadow: none;
  border: 0;
}
.NN .user-dropnav .dropdown-menu li {
  position: relative;
}
.NN .user-dropnav .dropdown-menu li:last-child a {
  border-bottom: 0px solid #fff;
}
.NN .user-dropnav .dropdown-menu li a {
  background-color: #F1BC0A;
  color: #fff;
  padding: 0;
  border-bottom: 1px solid #fff;
}
.NN .user-dropnav .dropdown-menu li a:hover {
  background-color: #c09608;
}
.NN .user-dropnav .dropdown-menu li a:hover i.box {
  background-color: #c09608;
}
.NN .user-dropnav .dropdown-menu li a .menu-item-icon {
  position: absolute;
  left: 10px;
  top: 10px;
  width: 40px;
  text-align: center;
}
.NN .user-dropnav .dropdown-menu li a .menu-item-icon.fa {
  font-size: 24px;
  top: 12px;
}
@media (max-width: 991px) {
  .NN .user-dropnav .dropdown-menu li a .menu-item-icon.fa {
    top: 25px;
  }
}
.NN .user-dropnav .dropdown-menu li a .menu-item-icon svg {
  height: 28px;
}
@media (max-width: 991px) {
  .NN .user-dropnav .dropdown-menu li a .menu-item-icon svg {
    height: 40px;
    width: 40px;
    bottom: 5px;
    position: relative;
  }
}
.NN .user-dropnav .dropdown-menu li a .menu-item-icon svg .color-change {
  stroke: #fff;
}
.NN .user-dropnav .dropdown-menu li a .menu-item-title {
  font-size: 18px;
  font-weight: 300;
  line-height: 50px;
  padding-left: 60px;
}
.NN .user-dropnav .dropdown-menu li a .menu-item-title i.count {
  display: inline-block;
  height: 32px;
  width: 32px;
  border-radius: 16px;
  background: #FFFFFF;
  position: relative;
  top: 9px;
  margin-left: 8px;
}
.NN .user-dropnav .dropdown-menu li a .menu-item-title i.count span {
  font-style: normal;
  position: absolute;
  top: 6px;
  font-size: 18px;
  line-height: 18px;
  color: #c09608;
  text-align: center;
  width: 100%;
}
.NN .user-dropnav .dropdown-menu li a i.box {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #c09608;
  height: 50px;
  width: 50px;
}
.NN .user-dropnav .dropdown-menu li a i.box svg {
  height: 25px;
  width: 15px;
  position: absolute;
  left: 20px;
  top: 12px;
}
.NN .user-dropnav .dropdown-menu li a i.box svg .color-change {
  stroke: #fff;
}
.NN .modal-aside .modal-dialog .modal-body {
  padding: 0px 0px 10px 0px;
}
.NN .modal-aside .modal-dialog .user-nav {
  left: auto;
  right: 0;
  padding: 0;
  margin: 0;
  float: none;
  box-shadow: none;
  border: 0;
}
.NN .modal-aside .modal-dialog .user-nav li {
  position: relative;
  list-style: none;
  margin: 0;
  display: inline-block;
  width: 100%;
}
.NN .modal-aside .modal-dialog .user-nav li:last-child a {
  border-bottom: 0px solid #fff;
}
.NN .modal-aside .modal-dialog .user-nav li a {
  display: inline-block;
  width: 100%;
  background-color: #F1BC0A;
  color: #fff;
  padding: 0;
  font-size: 18px;
  font-weight: 300;
  padding-left: 15px;
  line-height: 50px;
  margin-bottom: 1px;
  text-decoration: none;
}
.NN .modal-aside .modal-dialog .user-nav li a:hover {
  background-color: #775d05;
}
.NN .modal-aside .modal-dialog .user-nav li a:hover i.box {
  background-color: #775d05;
}
.NN .modal-aside .modal-dialog .user-nav li a .menu-item-icon {
  position: absolute;
  left: 10px;
  top: 10px;
  width: 40px;
  text-align: center;
}
.NN .modal-aside .modal-dialog .user-nav li a .menu-item-icon.fa {
  font-size: 24px;
  top: 12px;
}
@media (max-width: 991px) {
  .NN .modal-aside .modal-dialog .user-nav li a .menu-item-icon.fa {
    top: 25px;
  }
}
.NN .modal-aside .modal-dialog .user-nav li a .menu-item-icon svg {
  height: 28px;
}
.NN .modal-aside .modal-dialog .user-nav li a .menu-item-icon svg .color-change {
  stroke: #fff;
}
.NN .modal-aside .modal-dialog .user-nav li a .menu-item-title {
  font-size: 18px;
  font-weight: 300;
  line-height: 50px;
  padding-left: 60px;
}
.NN .modal-aside .modal-dialog .user-nav li a .menu-item-title i.count {
  display: inline-block;
  height: 32px;
  width: 32px;
  border-radius: 16px;
  background: #FFFFFF;
  position: relative;
  top: 9px;
  margin-left: 8px;
}
.NN .modal-aside .modal-dialog .user-nav li a .menu-item-title i.count span {
  font-style: normal;
  position: absolute;
  top: 6px;
  font-size: 18px;
  line-height: 18px;
  color: #90A84C;
  text-align: center;
  width: 100%;
}
.NN .modal-aside .modal-dialog .user-nav li a i.box {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #c09608;
  height: 50px;
  width: 50px;
}
.NN .modal-aside .modal-dialog .user-nav li a i.box svg {
  height: 25px;
  width: 15px;
  position: absolute;
  left: 20px;
  top: 11px;
}
.NN .modal-aside .modal-dialog .user-nav li a i.box svg .color-change {
  stroke: #fff;
}
.NN .modal-aside .modal-dialog .modal-header {
  padding: 0;
  border-bottom-color: white;
}
.NN .modal-aside .modal-dialog .modal-header .close-drawer {
  display: inline-block;
  width: 100%;
  position: relative;
  height: 50px;
  line-height: 50px;
  padding-left: 15px;
  cursor: pointer;
}
.NN .modal-aside .modal-dialog .modal-header .close-drawer .icon-close {
  background-color: #F1BC0A;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  height: 50px;
}
.NN .modal-aside .modal-dialog .modal-header .close-drawer .icon-close:before {
  content: '';
  display: block;
  position: absolute;
  right: 15px;
  top: 15px;
  width: 20px;
  height: 20px;
  background-image: url(/images/icons/close.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  color: white;
}
.NN .modal-aside .modal-dialog .modal-header .close-drawer .icon-close:hover {
  background-color: #455024;
}
.NN .modal-aside .modal-dialog .modal-footer {
  display: none;
}
@media (max-width: 767px) {
  .NN body.SharedUser.page-house .topcarousel {
    height: 280px;
  }
  .NN body.SharedUser.page-house .topcarousel > div {
    height: 280px;
  }
  .NN body.SharedUser.page-house .topcarousel > div .text-center {
    height: 280px;
  }
  .NN body.SharedUser.page-house .topcarousel > div .text-center .Item {
    height: 280px;
  }
}
.NN .modal-aside .modal-dialog {
  width: 300px;
}
.NN .modal-aside .modal-dialog ul.submenu {
  padding: 0;
}
.NN .modal-aside .modal-dialog ul.submenu > li a {
  padding-left: 20px;
  font-size: 12px;
  background-color: #fff;
  color: #D8A909;
}
.NN .modal-aside .modal-dialog ul.submenu > li a i.box {
  background-color: #fff;
}
.NN .modal-aside .modal-dialog ul.submenu > li a i.box svg polyline {
  stroke: #D8A909;
}
.NN .modal-aside .modal-dialog ul.submenu > li a:hover {
  background-color: #f1f1f1;
}
.NN .modal-aside .modal-dialog ul.submenu > li a:hover i.box {
  background-color: #f1f1f1;
}
.NN body.hideFooter {
  margin-bottom: 0;
}
.NN body.SharedUser {
  margin-bottom: 0px;
}
.NN footer {
  height: auto;
  border: 0;
}
.NN footer .above-footer-logo {
  text-align: center;
  padding: 30px 0 40px;
}
.NN footer .above-footer-logo svg {
  width: 100px;
  height: 75px;
}
.NN footer .theFooter {
  height: 154px;
  border-bottom: 7px solid #F1BC0A;
}
.NN footer .theFooter a.logo svg {
  display: block;
  margin: auto;
  position: relative;
  top: 15px;
}
@media (max-width: 767px) {
  .NN footer .theFooter {
    height: auto;
  }
}
.NN footer .theFooter.blue-bg {
  background-color: #F4F4F4;
}
.NN footer .theFooter.blue-bg a {
  color: #000000;
}
.NN footer .theFooter ul {
  width: 100%;
  list-style-type: none;
  margin-bottom: 0;
  padding: 0;
  padding-top: 2em;
  text-align: center;
  display: block;
  overflow: hidden;
}
.NN footer .theFooter ul li {
  display: inline-block;
}
.NN footer .theFooter ul li a {
  font-family: "roboto";
  padding: 30px;
  font-size: 18px;
  font-weight: bold;
  /*line-height: 148px;*/
}
@media (max-width: 767px) {
  .NN footer .theFooter ul li {
    width: 33%;
    float: left;
  }
}
@media (max-width: 448px) {
  .NN footer .theFooter ul li {
    width: 100%;
    float: left;
  }
  .NN footer .theFooter ul li a {
    line-height: 60px;
  }
}
@media (max-width: 448px) {
  .NN footer .theFooter ul {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
.NN .HouseLotList-headers,
.NN .HouseLotList {
  font-size: 16px;
}
.NN .HouseLotList-headers [class^="col-"],
.NN .HouseLotList [class^="col-"] {
  padding: 0;
}
.NN .HouseLotList-headers .taxation,
.NN .HouseLotList .taxation {
  font-style: italic;
}
.NN .HouseLotList-headers .first,
.NN .HouseLotList .first {
  padding-left: 20px;
}
.NN .HouseLotList-headers li,
.NN .HouseLotList li {
  line-height: 42px;
}
.NN .HouseLotList-headers li .pricelist-doubleline > span,
.NN .HouseLotList li .pricelist-doubleline > span {
  display: inline-block;
  width: 100%;
  line-height: 24px;
  float: left;
}
.NN .HouseLotList-headers .last,
.NN .HouseLotList .last {
  padding-right: 20px;
  text-align: right;
}
.NN .HouseLotList-headers {
  font-weight: bold;
  border-bottom: 1px solid #F4F4F4;
  display: block;
  margin-right: 15px !important;
}
.NN .HouseLotList > li {
  width: 100%;
  float: left;
  border-bottom: 1px solid #F4F4F4;
}
.NN .HouseLotList.ScrollList {
  height: 282px;
}
.NN .HouseLotList li {
  padding: 0;
  line-height: 46px;
}
.NN .HouseLotList button {
  transition: none;
}
.NN .SaveLotInfo {
  background-color: #90A84C;
  z-index: 2;
}
.NN .HousePriceList-Wrapper .HousePriceList-price-list-tabs {
  background-color: #F0EFED;
  width: 100%;
  height: 50px;
  line-height: 50px;
  overflow-x: scroll;
  white-space: nowrap;
}
.NN .HousePriceList-Wrapper .HousePriceList-price-list-tabs ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.NN .HousePriceList-Wrapper .HousePriceList-price-list-tabs ul li {
  display: inline-block;
  padding: 0 30px;
  font-size: 20px;
  cursor: pointer;
}
.NN .HousePriceList-Wrapper .HousePriceList-price-list-tabs ul li.selected {
  background-color: #90A84C;
  color: #fff;
}
.NN .HousePriceList-headers,
.NN .HousePriceList {
  font-size: 16px;
}
.NN .HousePriceList-headers [class^="col-"],
.NN .HousePriceList [class^="col-"] {
  padding: 0;
}
.NN .HousePriceList-headers .taxation,
.NN .HousePriceList .taxation {
  font-style: italic;
}
@media (max-width: 448px) {
  .NN .HousePriceList-headers.ScrollList .taxation,
  .NN .HousePriceList.ScrollList .taxation {
    font-size: 11px;
  }
}
.NN .HousePriceList-headers .first,
.NN .HousePriceList .first {
  padding-left: 20px;
}
@media (max-width: 448px) {
  .NN .HousePriceList-headers.ScrollList .first,
  .NN .HousePriceList.ScrollList .first {
    font-size: 24px;
  }
}
.NN .HousePriceList-headers li,
.NN .HousePriceList li {
  line-height: 42px;
}
.NN .HousePriceList-headers li .pricelist-doubleline > span,
.NN .HousePriceList li .pricelist-doubleline > span {
  display: inline-block;
  width: 100%;
  line-height: 24px;
  float: left;
}
@media (max-width: 448px) {
  .NN .HousePriceList-headers li .pricelist-doubleline > span,
  .NN .HousePriceList li .pricelist-doubleline > span {
    line-height: 20px;
  }
}
@media (max-width: 448px) {
  .NN .HousePriceList-headers.ScrollList li,
  .NN .HousePriceList.ScrollList li {
    line-height: 46px;
  }
  .NN .HousePriceList-headers.ScrollList li .pricelist-doubleline,
  .NN .HousePriceList.ScrollList li .pricelist-doubleline {
    padding-top: 9px;
    display: inline-block;
    height: 32px;
  }
  .NN .HousePriceList-headers.ScrollList li .pricelist-doubleline > span,
  .NN .HousePriceList.ScrollList li .pricelist-doubleline > span {
    line-height: 16px;
  }
}
.NN .HousePriceList-headers .last,
.NN .HousePriceList .last {
  padding-right: 20px;
  text-align: right;
}
.NN .HousePriceList-headers {
  font-weight: bold;
  border-bottom: 1px solid #F4F4F4;
  display: block;
  margin-right: 15px !important;
}
.NN .HousePriceList > li {
  width: 100%;
  float: left;
  border-bottom: 1px solid #F4F4F4;
}
.NN .HousePriceList.ScrollList {
  height: 282px;
  overflow-y: scroll;
}
.NN .HousePriceList li {
  padding: 0;
  line-height: 46px;
}
.NN .HousePriceList .btn {
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.NN .SavePriceInfo {
  background-color: #90A84C;
  z-index: 2;
}
.NN welcome-box {
  min-height: 220px;
  display: block;
}
.NN .welcome-box {
  position: relative;
  max-width: 760px;
  background-color: #fff;
  left: 0;
  right: 0;
  -webkit-box-shadow: 0 0 30px 12px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 30px 12px rgba(0, 0, 0, 0.5);
  top: -50px;
}
.NN .welcome-box .textbox {
  text-align: center;
  max-width: 600px;
  margin: 0 auto;
  line-height: 24px;
  min-height: 160px;
  overflow: hidden;
  padding-bottom: 50px;
}
@media (max-width: 991px) {
  .NN .welcome-box .textbox {
    padding: 0 10px 50px 10px;
  }
}
.NN .welcome-box h1 {
  margin-bottom: 18px;
  margin-top: 40px;
  font-size: 30px;
  font-weight: 300;
  color: #2D2D2D;
}
.NN .welcome-box .buttons {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
}
.NN .welcome-box .buttons a {
  line-height: 50px;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  color: #ffffff;
  background-color: #90A84C;
  padding: 0;
}
.NN .welcome-box .buttons a:after {
  content: url('../../../Assets/svg/arrowbobble.svg');
  position: absolute;
  right: 15px;
  top: 7px;
}
@media (max-width: 500px) {
  .NN .welcome-box .buttons a {
    padding-right: 20px;
    font-size: 14px;
  }
}
.NN .welcome-box .buttons a:hover {
  background-color: #819644;
}
.NN .welcome-box .buttons a:first-child {
  border-right: 1px solid #fff;
}
.NN .welcome-box .buttons a:last-child {
  border-left: 1px solid #fff;
}
.NN .welcome-box .buttons a i {
  position: absolute;
  right: 15px;
}
.NN .welcome-box .buttons a i svg {
  height: 50px;
}
.NN .welcome-box .buttons a i.arrow {
  color: #90A84C;
}
.NN .welcome-box img {
  position: absolute;
  right: 0;
  bottom: 50px;
}
.NN body .page-home {
  background-color: #fff;
  position: relative;
}
.NN i.arrow.right svg {
  transform: rotate(180deg);
}
.NN i.arrow.up svg {
  transform: rotate(90deg);
}
.NN i.arrow.down svg {
  transform: rotate(270deg);
}
.NN i.arrow.blue svg .color-change {
  stroke: #90A84C;
}
.NN i.star.white svg .color-change {
  stroke: #fff;
}
.NN i.star.icon-toggle-favorite.selected svg .color-change {
  fill: #90A84C;
}
.NN .demologin {
  background-color: #F4F4F4;
}
.NN .demologin .row {
  padding: 5px 0;
}
.NN .demologin input[type="text"],
.NN .demologin input[type="password"] {
  line-height: 36px;
  border-radius: 5px;
  height: 36px;
  border: 1px solid #b5b5b5;
  padding-left: 5px;
  width: 100%;
}
.NN .demologin select {
  line-height: 36px;
  border-radius: 5px;
  height: 36px;
  border: 1px solid #b5b5b5;
  padding-left: 5px;
  width: 100%;
}
.NN .topcarousel {
  margin-bottom: 0;
  width: 100%;
}
.NN .page-home .GridSearchMenu {
  position: relative;
  top: -60px;
  margin-bottom: -60px;
}
.NN .xxs .GridSearchMenu,
.NN .xs .GridSearchMenu {
  margin-left: 0px;
  margin-right: 0px;
}
.NN .xxs .GridSearchMenu .StateMenu,
.NN .xs .GridSearchMenu .StateMenu {
  position: relative;
  left: auto;
  top: auto;
  width: 100%;
}
.NN .xs .GridSearchMenu .SubMenu,
.NN .xxs .GridSearchMenu .SubMenu {
  margin-top: 20px;
  border-top: 1px solid #D8D8D8;
}
.NN .xs .GridSearchMenu ul.MainMenu .item,
.NN .xxs .GridSearchMenu ul.MainMenu .item {
  background-color: white;
  border: 1px solid #90A84C;
}
.NN .GridSearchMenu {
  margin-left: 0px;
  margin-right: 0px;
}
.NN .GridSearchMenu .MainMenuWrapper ul.MainMenu li.Underlined {
  color: #2D2D2D;
}
.NN .GridSearchMenu .gridsearch-filters {
  padding-top: 60px;
  padding-bottom: 20px;
}
.NN .GridSearchMenu .GridSeachContents {
  margin-top: 0px !important;
  min-height: 500px;
}
.NN .GridSearchMenu .GridSeachContents.favorites .HouseItem.not-favorite {
  opacity: 0.4;
}
.NN .GridSearchMenu .GridSeachContents > div {
  padding-left: 0;
  padding-right: 0;
  min-height: 250px;
  border: 1px solid white;
  background-color: transparent;
  transition: 0.6s all;
  background-size: 110%;
  background-position: -1px -1px;
}
.NN .GridSearchMenu .GridSeachContents > div:hover {
  background-size: 105%;
}
.NN .GridSearchMenu .GridSeachContents > div > div {
  min-height: 250px;
  width: 100%;
  position: relative;
}
.NN .GridSearchMenu .GridSeachContents .CountryItem.ng-enter,
.NN .GridSearchMenu .GridSeachContents .HouseItem.ng-enter,
.NN .GridSearchMenu .GridSeachContents .CountryItem.ng-leave-active,
.NN .GridSearchMenu .GridSeachContents .HouseItem.ng-leave-active,
.NN .GridSearchMenu .GridSeachContents .CountryItem.ng-leave,
.NN .GridSearchMenu .GridSeachContents .HouseItem.ng-leave,
.NN .GridSearchMenu .GridSeachContents .CountryItem.ng-enter-active,
.NN .GridSearchMenu .GridSeachContents .HouseItem.ng-enter-active {
  opacity: 0;
}
.NN .GridSearchMenu .GridSeachContents .CountryItem .item:before {
  content: '';
  z-index: 3;
  position: absolute;
  bottom: 0;
  height: 100px;
  width: 100%;
  opacity: 0.5;
  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0) 0%, #000000 100%);
  background-image: -o-linear-gradient(rgba(0, 0, 0, 0) 0%, #000000 100%);
  background-image: linear-gradient(rgba(0, 0, 0, 0) 0%, #000000 100%);
}
.NN .GridSearchMenu .GridSeachContents .item .FavouriteStar {
  z-index: 5;
  line-height: 40px;
  width: 40px;
  height: 40px;
  /*background-color: transparent;
                margin-top: 10px;
                margin-right: 10px;*/
}
.NN .GridSearchMenu .GridSeachContents .item .house-info {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 4;
}
.NN .GridSearchMenu .GridSeachContents .item .house-info .CountryTitelMain {
  font-family: 'Roboto';
  font-weight: 500;
  letter-spacing: 1px;
  max-width: calc(100% - 40px);
  text-overflow: ellipsis;
  height: 20px;
  white-space: nowrap;
  overflow: hidden;
}
.NN .GridSearchMenu .GridSeachContents .item .house-info.specificperiod .HouseTitelMain {
  bottom: 40px;
}
.NN .GridSearchMenu .GridSeachContents .item .house-info.specificperiod .HousePeriod {
  position: absolute;
  bottom: 20px;
  left: 20px;
  color: white;
  background-color: #90A84C;
  line-height: 20px;
  padding: 0px 30px 0 10px;
  display: inline-block;
}
.NN .GridSearchMenu .GridSeachContents .item .house-info.specificperiod .HousePeriod::after {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 20px;
  height: 20px;
  line-height: 19px;
  font-size: 18px;
  content: "\f105";
  display: inline-block;
  font-family: FontAwesome;
  font-feature-settings: normal;
  font-kerning: auto;
  font-language-override: normal;
  font-size-adjust: none;
  font-stretch: normal;
  font-style: normal;
  font-synthesis: weight style;
  font-variant: normal;
  font-weight: normal;
  text-rendering: auto;
  transform: translate(0px, 0px);
  text-align: center;
  color: white;
  background-color: #637334;
}
.NN .GridSearchMenu .Quicksearch {
  position: relative;
  display: inline-block;
  width: 170px;
  height: 45px;
}
.NN .GridSearchMenu .Quicksearch input {
  position: absolute;
  left: 0;
  top: 0;
  border: none;
  font-size: 30px;
  line-height: 35px;
  background-color: transparent;
  width: 160px;
  z-index: 2;
  outline: 0;
  font-family: 'Roboto';
}
.NN .GridSearchMenu .Quicksearch.focus::before {
  display: none;
}
.NN .GridSearchMenu .Quicksearch.focus input {
  border-bottom: 1px solid black;
}
.NN .GridSearchMenu .Quicksearch::before {
  content: 'QUICK S\00D8G';
  position: absolute;
  left: 0px;
  top: 0px;
  font-weight: 700;
  font-size: 30px;
  line-height: 35px;
  height: 35px;
  z-index: 1;
  font-family: 'Roboto';
}
.NN .GridSearchMenu .Quicksearch::after {
  content: '\f002';
  font-family: FontAwesome;
  text-decoration: none !important;
  font-size: 20px;
  text-align: center;
  line-height: 35px;
  width: 35px;
  position: absolute;
  right: -35px;
  top: 0px;
}
.NN .the-pane.pane-left {
  padding-top: 50px;
}
.NN .lot-filter-bar {
  height: 50px;
  width: 100%;
  background-color: #F9F9F9;
  position: absolute;
  top: 0;
}
.NN .lot-filter-bar span.count {
  background-color: #90A84C;
  position: absolute;
  right: 10px;
  height: 20px;
  width: 20px;
  color: #fff;
  border-radius: 10px;
  font-size: 12px;
  line-height: 1.5;
  top: 14px;
}
.NN .lot-filter-bar .btn-toogleFilter {
  z-index: 99;
  position: relative;
  font-weight: 300;
  font-size: 14px;
  width: calc(25% - 3px);
  background-color: #F4F4F4;
  color: #2D2D2D;
}
.NN .lot-filter-bar .btn-toogleFilter .filterlabel {
  display: inline-block;
  margin-left: 10px;
}
.NN .lot-filter-bar .btn-clearFilter {
  z-index: 99;
  position: relative;
  font-weight: 300;
  font-size: 14px;
  width: 150px;
  background-color: #F4F4F4;
  color: #2D2D2D;
}
.NN .lot-filter-bar .btn-toogleLotLocationFilter {
  z-index: 99;
  background-color: #F1BC0A;
}
.NN .md .lot-filter-bar .btn-toogleFilter .filterlabel,
.NN .xs .lot-filter-bar .btn-toogleFilter .filterlabel,
.NN .xxs .lot-filter-bar .btn-toogleFilter .filterlabel {
  display: none;
}
.NN .lots-filter {
  position: absolute;
  left: 0;
  top: 50px;
  right: 0;
}
.NN .lots-filter.Unfolded {
  z-index: 222;
}
.NN .lots-filter.Unfolded .droplist {
  display: block;
  /*height: 190px;

    		.inline-list{
				height: 190px;
    		}*/
}
.NN .lots-filter .btn-clearFilter {
  position: absolute;
  right: 170px;
  bottom: 10px;
  transition: none;
}
.NN .lots-filter .btn-toogleFilter {
  position: absolute;
  right: 10px;
  bottom: 10px;
  transition: none;
}
.NN .lots-filter .droplist {
  position: absolute;
  left: 0;
  top: 0;
  width: 60%;
  z-index: 1;
  /*height: 0;*/
  display: none;
  overflow: hidden;
  transition: 0.3s height;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.5);
  background-color: #f4f4f4;
  border-top: 1px solid #2D2D2D;
  border-bottom: 1px solid #2D2D2D;
}
@media (max-width: 991px) {
  .NN .lots-filter .droplist {
    width: 100%;
  }
}
.NN .lots-filter .droplist .CountryHeader {
  float: left;
  width: 100%;
}
.NN .lots-filter .droplist ul {
  overflow: hidden;
  position: relative;
  padding: 15px;
  list-style: none;
  margin: 0 auto 60px auto;
  width: 100%;
  z-index: 1;
  float: left;
}
.NN .lots-filter .droplist ul > li {
  color: #2D2D2D;
  float: left;
}
.NN .lots-filter .droplist .VacationTypes {
  /*> ul {
                padding: 0px;
                width:100%;
            }*/
}
.NN .lots-filter .droplist .VacationTypes .CountryHeader {
  padding-left: 0px;
}
.NN .lots-filter .droplist .VacationTypes:before {
  display: none;
}
.NN .lots-filter.lot-persons .droplist ul li {
  float: none;
  width: 100%;
}
.NN .lots-filter.lot-persons .droplist > ul > li > div {
  width: auto;
  float: none;
}
.NN .lots-filter.lot-area .droplist > ul > li > ul {
  margin-bottom: 20px;
}
.NN .lots-week-filter ul > li {
  float: left;
  margin-bottom: 5px;
  display: block;
  width: 55px;
  height: 30px;
  line-height: 30px;
  color: white;
  position: relative;
  cursor: pointer;
  margin-right: 5px;
  padding: 0 4px;
  padding-left: 28px;
}
.NN .lots-week-filter ul > li:before {
  position: absolute;
  left: 6px;
  top: 6px;
  color: #2D2D2D;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 20px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.NN .lots-week-filter ul > li:before {
  content: "\f096";
}
.NN .lots-week-filter ul > li.selected:before {
  content: "\f046";
}
.NN .lot-area .droplist ul > li {
  display: block;
  line-height: 30px;
  color: white;
  position: relative;
  color: #2D2D2D;
  cursor: pointer;
  padding-left: 0;
}
.NN .lot-area .droplist ul > li:before {
  position: absolute;
  left: 6px;
  top: 6px;
  color: #2D2D2D;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 20px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.NN .lot-area .droplist ul > li:before {
  content: "\f10c";
}
.NN .lot-area .droplist ul > li.selected:before {
  content: "\f111";
}
.NN .lot-area .droplist ul > li div {
  padding-left: 25px;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.NN .lot-area .droplist ul > li:before {
  left: 0px;
}
.NN .lot-area .droplist ul > li > ul {
  padding: 0;
  padding-left: 10px;
  margin-bottom: 0;
}
.NN .lot-area .droplist ul > li > ul li {
  width: 100%;
}
.NN .lot-area .droplist ul > li > ul li div {
  text-transform: none;
  margin-bottom: 0px;
}
.NN .lot-persons .droplist ul > li {
  display: block;
  line-height: 30px;
  color: white;
  position: relative;
  color: #2D2D2D;
  cursor: pointer;
  padding-left: 0;
}
.NN .lot-persons .droplist ul > li:before {
  position: absolute;
  left: 6px;
  top: 6px;
  color: #2D2D2D;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 20px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.NN .lot-persons .droplist ul > li:before {
  content: "\f10c";
}
.NN .lot-persons .droplist ul > li.selected:before {
  content: "\f111";
}
.NN .lot-persons .droplist ul > li div {
  padding-left: 25px;
  margin-bottom: 5px;
  display: inline-block;
}
.NN .lot-persons .droplist ul > li:before {
  left: 0px;
}
.NN .lot-attributes .droplist ul > li {
  display: block;
  line-height: 30px;
  color: white;
  position: relative;
  color: #2D2D2D;
  cursor: pointer;
  padding-left: 0;
}
.NN .lot-attributes .droplist ul > li:before {
  position: absolute;
  left: 6px;
  top: 6px;
  color: #2D2D2D;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 20px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.NN .lot-attributes .droplist ul > li:before {
  content: "\f096";
}
.NN .lot-attributes .droplist ul > li.selected:before {
  content: "\f046";
}
.NN .lot-attributes .droplist ul > li div {
  padding-left: 25px;
  margin-bottom: 5px;
  display: inline-block;
}
.NN .lot-attributes .droplist ul > li:before {
  left: 0px;
}
.NN .mainsearchresult .map-block,
.NN .mainsearchresult .angular-google-map,
.NN .mainsearchresult angular-google-map-container {
  height: 100vh;
}
.NN .mainsearchresult .mainsearchresultlist {
  background-color: transparent;
}
.NN .mainsearchresult .HouseView {
  background-color: transparent;
  margin-bottom: 30px;
}
.NN .mainsearchresult .HouseView.HouseActive .HouseInfo {
  background-color: #F4F4F4;
}
.NN .mainsearchresult .HouseView .HouseDetails {
  background-color: #fff;
  height: auto;
}
.NN .mainsearchresult .HouseView .HouseDetails .house-expander.Unfolded {
  padding-top: 10px;
  height: 385px;
  margin-top: 5px;
  background-color: #fff;
}
.NN .mainsearchresult .HouseView .HouseInfo {
  background-color: #fff;
}
.NN .mainsearchresult .HouseView .HouseInfo .FavouriteStar {
  font-size: 22px;
  position: absolute;
  line-height: 50px;
  width: 50px;
  height: 50px;
  cursor: pointer;
  right: 0px;
  top: 0px;
  z-index: 1;
}
.NN .mainsearchresult .HouseView .HouseInfo .FavouriteStar i {
  position: absolute;
  top: 14px;
  width: 100%;
  text-align: center;
  color: white;
  left: 0;
  font-size: 24px;
}
.NN .mainsearchresult .HouseView .HouseInfo .ImageCol .house-image {
  width: 100%;
  height: 270px;
  background-position: center center;
  background-size: cover;
}
.NN .mainsearchresult .HouseView .HouseInfo .TextCol {
  position: relative;
  height: 270px;
  padding-left: 20px;
}
@media (max-width: 448px) {
  .NN .mainsearchresult .HouseView .HouseInfo .TextCol {
    height: auto;
  }
}
.NN .mainsearchresult .HouseView .HouseInfo .TextCol header {
  height: 50px;
  position: relative;
  display: block;
}
.NN .mainsearchresult .HouseView .HouseInfo .TextCol header h2 {
  margin-top: 0px;
  font-size: 24px;
  line-height: 50px;
  font-weight: bold;
}
.NN .mainsearchresult .HouseView .HouseInfo .TextCol header .HouseRating {
  position: absolute;
  bottom: -12px;
}
.NN .mainsearchresult .HouseView .HouseInfo .TextCol .houseinfo-content {
  margin-top: 20px;
  max-height: 140px;
  overflow: hidden;
}
.NN .mainsearchresult .HouseView .HouseInfo .TextCol .houseinfo-content .availability {
  padding-top: 10px;
  font-weight: bold;
}
.NN .mainsearchresult .HouseView .HouseInfo .TextCol .houseinfo-content .description {
  font-size: 14px;
}
.NN .mainsearchresult .HouseView .HouseInfo .read-more {
  position: absolute;
  bottom: 20px;
  height: 40px;
  line-height: 40px;
}
@media (max-width: 448px) {
  .NN .mainsearchresult .HouseView .HouseInfo .read-more {
    position: relative;
    padding-left: 10px;
    bottom: auto;
    height: 50px;
    line-height: 50px;
  }
}
.NN .page-selectedlots .page-title {
  text-align: center;
  padding-bottom: 30px;
  padding-top: 20px;
}
.NN .page-selectedlots .page-title h1 {
  position: relative;
  padding-left: 40px;
  display: inline-block;
  font-weight: 300;
  font-size: 30px;
}
.NN .page-selectedlots .page-title h1 i {
  position: absolute;
  left: 0;
}
.NN .page-selectedlots .page-title h1 i svg path {
  stroke: #2D2D2D;
}
.NN .SelectedLots .LotItem {
  padding: 15px 0px;
  line-height: 28px;
}
.NN .SelectedLots .LotItem select {
  position: absolute;
  left: 10px;
  top: 2px;
}
.NN .SelectedLots .LotItem .house-title {
  font-size: 18px;
  font-weight: 400;
  padding-left: 50px;
}
.NN .SelectedLots .LotItem .btn-remove {
  position: absolute;
  right: 10px;
}
@media (max-width: 991px) {
  .NN .SelectedLots .LotItem .btn-remove {
    top: -30px;
  }
  .NN .SelectedLots .LotItem .lot-dates {
    padding-left: 60px;
  }
}
@media (max-width: 767px) {
  .NN .SelectedLots .LotItem {
    padding-left: 60px;
  }
  .NN .SelectedLots .LotItem .lot-actions {
    padding-top: 10px;
  }
  .NN .SelectedLots .LotItem .lot-actions .btn-remove {
    position: static;
    top: auto;
    right: auto;
  }
  .NN .SelectedLots .LotItem select {
    left: -50px;
  }
  .NN .SelectedLots .LotItem .house-title,
  .NN .SelectedLots .LotItem .house-prio-title,
  .NN .SelectedLots .LotItem .lot-actions,
  .NN .SelectedLots .LotItem .lot-dates,
  .NN .SelectedLots .LotItem .lot-week {
    padding-left: 0px;
  }
}
.NN .welcome-box .textbox.Won-Lot-Info {
  text-align: left;
  max-width: 100%;
  padding-bottom: 0px;
}
.NN .welcome-box .textbox.Won-Lot-Info > div {
  margin-bottom: 20px;
}
.NN .welcome-box .textbox.Won-Lot-Info .LotApprovalImage {
  margin: 20px 0;
  width: 100%;
  height: 180px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.NN .welcome-box .textbox.Won-Lot-Info .LotHouseDescription {
  height: 193px;
  overflow: hidden;
}
.NN .welcome-box .textbox.Won-Lot-Info .LotHouseDescription.isExpanded {
  height: auto;
}
.NN .welcome-box .textbox.Won-Lot-Info h1 {
  margin-top: 20px;
}
.NN .welcome-box .textbox.Won-Lot-Info .HouseAttributes {
  margin-bottom: 20px;
}
.NN .welcome-box .textbox.Won-Lot-Info .HouseAttributes ul {
  max-height: none;
  height: auto;
}
.NN .welcome-box .textbox.Won-Lot-Info .HouseAttributes li:before {
  content: ' ';
  display: none;
}
.NN .welcome-box .textbox.Won-Lot-Info .btn-approve {
  background-color: #90A84C;
}
.NN .welcome-box .textbox.Won-Lot-Info .btn-approve:hover {
  background-color: #819644;
}
.NN .welcome-box .textbox.Won-Lot-Info .btn-decline {
  background-color: #90A84C;
}
.NN .welcome-box .textbox.Won-Lot-Info .btn-decline:hover {
  background-color: #819644;
}
.NN .welcome-box .textbox.Won-Lot-Info .ApproveUntilInfo {
  text-align: left;
  padding: 5px 10px;
  margin: 20px 0;
  background-color: #F4F4F4;
}
.NN .welcome-box .textbox.Won-Lot-Info .ShowHouseLink {
  display: block;
  padding-top: 20px;
  border-top: 1px solid #F4F4F4;
  margin: 20px 0;
}
.NN .ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .galleria {
  left: 0;
  right: 0;
}
.NN .ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .prev,
.NN .ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .next {
  z-index: 9999;
}
.NN .ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .control-icons-container .close {
  opacity: 0.7;
  z-index: 5005;
}
@media (max-width: 448px) {
  .NN .col-xxs-1,
  .NN .col-xxs-2,
  .NN .col-xxs-3,
  .NN .col-xxs-4,
  .NN .col-xxs-5,
  .NN .col-xxs-6,
  .NN .col-xxs-7,
  .NN .col-xxs-8,
  .NN .col-xxs-9,
  .NN .col-xxs-10,
  .NN .col-xxs-11,
  .NN .col-xxs-12 {
    float: left;
  }
  .NN .col-xxs-12 {
    width: 100%;
  }
  .NN .col-xxs-11 {
    width: 91.66666667%;
  }
  .NN .col-xxs-10 {
    width: 83.33333333%;
  }
  .NN .col-xxs-9 {
    width: 75%;
  }
  .NN .col-xxs-8 {
    width: 66.66666667%;
  }
  .NN .col-xxs-7 {
    width: 58.33333333%;
  }
  .NN .col-xxs-6 {
    width: 50%;
  }
  .NN .col-xxs-5 {
    width: 41.66666667%;
  }
  .NN .col-xxs-4 {
    width: 33.33333333%;
  }
  .NN .col-xxs-3 {
    width: 25%;
  }
  .NN .col-xxs-2 {
    width: 16.66666667%;
  }
  .NN .col-xxs-1 {
    width: 8.33333333%;
  }
  .NN .col-xxs-pull-12 {
    right: 100%;
  }
  .NN .col-xxs-pull-11 {
    right: 91.66666667%;
  }
  .NN .col-xxs-pull-10 {
    right: 83.33333333%;
  }
  .NN .col-xxs-pull-9 {
    right: 75%;
  }
  .NN .col-xxs-pull-8 {
    right: 66.66666667%;
  }
  .NN .col-xxs-pull-7 {
    right: 58.33333333%;
  }
  .NN .col-xxs-pull-6 {
    right: 50%;
  }
  .NN .col-xxs-pull-5 {
    right: 41.66666667%;
  }
  .NN .col-xxs-pull-4 {
    right: 33.33333333%;
  }
  .NN .col-xxs-pull-3 {
    right: 25%;
  }
  .NN .col-xxs-pull-2 {
    right: 16.66666667%;
  }
  .NN .col-xxs-pull-1 {
    right: 8.33333333%;
  }
  .NN .col-xxs-pull-0 {
    right: auto;
  }
  .NN .col-xxs-push-12 {
    left: 100%;
  }
  .NN .col-xxs-push-11 {
    left: 91.66666667%;
  }
  .NN .col-xxs-push-10 {
    left: 83.33333333%;
  }
  .NN .col-xxs-push-9 {
    left: 75%;
  }
  .NN .col-xxs-push-8 {
    left: 66.66666667%;
  }
  .NN .col-xxs-push-7 {
    left: 58.33333333%;
  }
  .NN .col-xxs-push-6 {
    left: 50%;
  }
  .NN .col-xxs-push-5 {
    left: 41.66666667%;
  }
  .NN .col-xxs-push-4 {
    left: 33.33333333%;
  }
  .NN .col-xxs-push-3 {
    left: 25%;
  }
  .NN .col-xxs-push-2 {
    left: 16.66666667%;
  }
  .NN .col-xxs-push-1 {
    left: 8.33333333%;
  }
  .NN .col-xxs-push-0 {
    left: auto;
  }
  .NN .col-xxs-offset-12 {
    margin-left: 100%;
  }
  .NN .col-xxs-offset-11 {
    margin-left: 91.66666667%;
  }
  .NN .col-xxs-offset-10 {
    margin-left: 83.33333333%;
  }
  .NN .col-xxs-offset-9 {
    margin-left: 75%;
  }
  .NN .col-xxs-offset-8 {
    margin-left: 66.66666667%;
  }
  .NN .col-xxs-offset-7 {
    margin-left: 58.33333333%;
  }
  .NN .col-xxs-offset-6 {
    margin-left: 50%;
  }
  .NN .col-xxs-offset-5 {
    margin-left: 41.66666667%;
  }
  .NN .col-xxs-offset-4 {
    margin-left: 33.33333333%;
  }
  .NN .col-xxs-offset-3 {
    margin-left: 25%;
  }
  .NN .col-xxs-offset-2 {
    margin-left: 16.66666667%;
  }
  .NN .col-xxs-offset-1 {
    margin-left: 8.33333333%;
  }
  .NN .col-xxs-offset-0 {
    margin-left: 0;
  }
}
@media (max-width: 384px) {
  .NN .col-xxxs-1,
  .NN .col-xxxs-2,
  .NN .col-xxxs-3,
  .NN .col-xxxs-4,
  .NN .col-xxxs-5,
  .NN .col-xxxs-6,
  .NN .col-xxxs-7,
  .NN .col-xxxs-8,
  .NN .col-xxxs-9,
  .NN .col-xxxs-10,
  .NN .col-xxxs-11,
  .NN .col-xxxs-12 {
    float: left;
  }
  .NN .col-xxxs-12 {
    width: 100%;
  }
  .NN .col-xxxs-11 {
    width: 91.66666667%;
  }
  .NN .col-xxxs-10 {
    width: 83.33333333%;
  }
  .NN .col-xxxs-9 {
    width: 75%;
  }
  .NN .col-xxxs-8 {
    width: 66.66666667%;
  }
  .NN .col-xxxs-7 {
    width: 58.33333333%;
  }
  .NN .col-xxxs-6 {
    width: 50%;
  }
  .NN .col-xxxs-5 {
    width: 41.66666667%;
  }
  .NN .col-xxxs-4 {
    width: 33.33333333%;
  }
  .NN .col-xxxs-3 {
    width: 25%;
  }
  .NN .col-xxxs-2 {
    width: 16.66666667%;
  }
  .NN .col-xxxs-1 {
    width: 8.33333333%;
  }
  .NN .col-xxxs-pull-12 {
    right: 100%;
  }
  .NN .col-xxxs-pull-11 {
    right: 91.66666667%;
  }
  .NN .col-xxxs-pull-10 {
    right: 83.33333333%;
  }
  .NN .col-xxxs-pull-9 {
    right: 75%;
  }
  .NN .col-xxxs-pull-8 {
    right: 66.66666667%;
  }
  .NN .col-xxxs-pull-7 {
    right: 58.33333333%;
  }
  .NN .col-xxxs-pull-6 {
    right: 50%;
  }
  .NN .col-xxxs-pull-5 {
    right: 41.66666667%;
  }
  .NN .col-xxxs-pull-4 {
    right: 33.33333333%;
  }
  .NN .col-xxxs-pull-3 {
    right: 25%;
  }
  .NN .col-xxxs-pull-2 {
    right: 16.66666667%;
  }
  .NN .col-xxxs-pull-1 {
    right: 8.33333333%;
  }
  .NN .col-xxxs-pull-0 {
    right: auto;
  }
  .NN .col-xxxs-push-12 {
    left: 100%;
  }
  .NN .col-xxxs-push-11 {
    left: 91.66666667%;
  }
  .NN .col-xxxs-push-10 {
    left: 83.33333333%;
  }
  .NN .col-xxxs-push-9 {
    left: 75%;
  }
  .NN .col-xxxs-push-8 {
    left: 66.66666667%;
  }
  .NN .col-xxxs-push-7 {
    left: 58.33333333%;
  }
  .NN .col-xxxs-push-6 {
    left: 50%;
  }
  .NN .col-xxxs-push-5 {
    left: 41.66666667%;
  }
  .NN .col-xxxs-push-4 {
    left: 33.33333333%;
  }
  .NN .col-xxxs-push-3 {
    left: 25%;
  }
  .NN .col-xxxs-push-2 {
    left: 16.66666667%;
  }
  .NN .col-xxxs-push-1 {
    left: 8.33333333%;
  }
  .NN .col-xxxs-push-0 {
    left: auto;
  }
  .NN .col-xxxs-offset-12 {
    margin-left: 100%;
  }
  .NN .col-xxxs-offset-11 {
    margin-left: 91.66666667%;
  }
  .NN .col-xxxs-offset-10 {
    margin-left: 83.33333333%;
  }
  .NN .col-xxxs-offset-9 {
    margin-left: 75%;
  }
  .NN .col-xxxs-offset-8 {
    margin-left: 66.66666667%;
  }
  .NN .col-xxxs-offset-7 {
    margin-left: 58.33333333%;
  }
  .NN .col-xxxs-offset-6 {
    margin-left: 50%;
  }
  .NN .col-xxxs-offset-5 {
    margin-left: 41.66666667%;
  }
  .NN .col-xxxs-offset-4 {
    margin-left: 33.33333333%;
  }
  .NN .col-xxxs-offset-3 {
    margin-left: 25%;
  }
  .NN .col-xxxs-offset-2 {
    margin-left: 16.66666667%;
  }
  .NN .col-xxxs-offset-1 {
    margin-left: 8.33333333%;
  }
  .NN .col-xxxs-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 384px) and (max-width: 448px) {
  .NN .hidden-xxs {
    display: none !important;
  }
}
@media (max-width: 383px) {
  .NN .hidden-xxxs {
    display: none !important;
  }
}
.NN .visible-xxs,
.NN .visible-xxxs {
  display: none !important;
}
.NN .visible-xxs-block,
.NN .visible-xxxs-block,
.NN .visible-xxs-inline,
.NN .visible-xxxs-inline,
.NN .visible-xxs-inline-block,
.NN .visible-xxxs-inline-block {
  display: none !important;
}
@media (min-width: 384px) and (max-width: 448px) {
  .NN .visible-xxs {
    display: block !important;
  }
  .NN table.visible-xxs {
    display: table;
  }
  .NN tr.visible-xxs {
    display: table-row !important;
  }
  .NN th.visible-xxs,
  .NN td.visible-xxs {
    display: table-cell !important;
  }
  .NN .visible-xxs-block {
    display: block !important;
  }
  .NN .visible-xxs-inline {
    display: inline !important;
  }
  .NN .visible-xxs-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 383px) {
  .NN .visible-xxxs {
    display: block !important;
  }
  .NN table.visible-xxxs {
    display: table;
  }
  .NN tr.visible-xxxs {
    display: table-row !important;
  }
  .NN th.visible-xxxs,
  .NN td.visible-xxxs {
    display: table-cell !important;
  }
  .NN .visible-xxxs-block {
    display: block !important;
  }
  .NN .visible-xxxs-inline {
    display: inline !important;
  }
  .NN .visible-xxxs-inline-block {
    display: inline-block !important;
  }
}
.NN .col-xs-1-10,
.NN .col-xs-2-10,
.NN .col-sm-1-10,
.NN .col-sm-2-10 {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}
.NN .col-xs-1-10 {
  width: 10%;
  float: left;
}
.NN .col-xs-2-10 {
  width: 20%;
  float: left;
}
@media (min-width: 768px) {
  .NN .col-sm-1-10 {
    width: 10%;
    float: left;
  }
  .NN .col-sm-2-10 {
    width: 20%;
    float: left;
  }
}
@media (min-width: 992px) {
  .NN .col-md-1-10 {
    width: 10%;
    float: left;
  }
  .NN .col-md-2-10 {
    width: 20%;
    float: left;
  }
}
@media (min-width: 1200px) {
  .NN .col-lg-1-10 {
    width: 10%;
    float: left;
  }
  .NN .col-lg-2-10 {
    width: 20%;
    float: left;
  }
}
.NN #topbox {
  position: relative;
  padding: 5px;
}
.NN #booking {
  height: 204px;
  width: 334px;
  position: relative;
  left: 20px;
  /*margin-left: 24px;*/
}
.NN .advancedSearch {
  position: absolute;
  bottom: 10px;
  left: 15px;
  display: none;
}
.NN .advancedSearch a {
  text-decoration: none;
  color: #3F3F3F;
}
.NN #topslider {
  height: 233px;
  left: 381px;
  overflow: hidden;
  position: absolute;
  top: -5px;
  width: 584px;
}
.NN #topslider .slideover {
  height: 224px;
  /*overflow: visible!important;*/
  position: absolute;
  width: 577px;
  z-index: 1;
  /*background-image: url("/App_themes/DinFerieFond/images/whitebg.png");*/
}
.NN #HusNR {
  line-height: 20px;
  margin-right: 10px;
  display: none;
}
.NN #HusNR #HusNrText {
  float: left;
}
.NN #HusNR select {
  float: right;
}
.NN .mainsearchtable select {
  /*visibility:hidden;*/
}
.NN div.selectbackground {
  background: url("../less/images/SpriteSheet.png") no-repeat;
  background-position: -35px -150px;
  width: 159px;
  height: 25px;
  cursor: pointer;
  margin-top: 4px;
}
.NN div.textboxbackground {
  background: url("../less/images/SpriteSheet.png") no-repeat;
  background-position: -235px -108px;
  width: 159px;
  height: 25px;
  cursor: pointer;
  margin-top: 4px;
}
.NN div.selectbackground:hover {
  background-position: -235px -150px;
}
.NN div.selectbox-wrapper {
  position: absolute;
  width: 154px;
  background-color: white;
  border: 1px solid #ccc;
  margin: 0px;
  margin-left: 2px;
  padding: 0px;
  text-align: left;
  /*  max-height:250px;
  overflow:auto;*/
  z-index: 500;
}
.NN div.selectbox-wrapper ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}
.NN div.selectbox-wrapper ul li.selected {
  background-color: #EAF2FB;
}
.NN div.selectbox-wrapper ul li.current {
  background-color: #CDD8E4;
}
.NN div.selectbox-wrapper ul li {
  list-style-type: none;
  display: block;
  margin: 0;
  padding: 2px;
  cursor: pointer;
}
.NN .selectbox {
  margin-top: 2px;
  margin-left: 5px;
  padding: 0px;
  font-size: 1em;
  width: 130px;
  height: 19px;
  line-height: 19px;
  text-align: left;
  cursor: pointer;
  border: 0px none;
  color: #333;
}
.NN a#booking_omraader {
  cursor: pointer;
  display: block;
  height: 27px;
  left: 305px;
  line-height: 24px;
  margin: 0px 0 10px;
  padding: 0;
  position: absolute;
  top: 59px;
  width: 25px;
}
.NN .mainsearchdate {
  background: url("../less/images/SpriteSheet.png") no-repeat scroll -35px -108px transparent;
  margin: 0px;
  padding: 0px;
  padding-left: 5px;
  font-size: 1em;
  height: 25px;
  line-height: 25px;
  width: 159px;
  border: 0px none;
  cursor: pointer;
  margin-top: 4px;
  margin-bottom: 10px;
}
.NN .mainsearchdate2 {
  background: url("../less/images/SpriteSheet.png") no-repeat scroll -35px -108px transparent;
  margin: 0px;
  padding: 0px;
  padding-left: 5px;
  font-size: 1em;
  height: 25px;
  line-height: 25px;
  width: 159px;
  border: 0px none;
  cursor: pointer;
  margin-top: 0px;
  margin-bottom: 10px;
}
.NN .mainsearchdate:hover {
  background: url("../less/images/SpriteSheet.png") no-repeat scroll -35px -78px transparent;
}
.NN .mainsearchtxtbox {
  background: url("../less/images/SpriteSheet.png") no-repeat scroll -235px -108px transparent;
  margin: 0px;
  padding: 0px;
  padding-left: 5px;
  padding-right: 10px;
  height: 26px;
  line-height: 26px;
  width: 144px;
  border: 0px none;
  margin-bottom: 10px;
}
.NN .searchField {
  /*
        height: 80px;
        width: 960px;
        margin: 0 auto;
    */
  margin-left: -10px;
}
.NN .searchHeader {
  margin-bottom: 10px;
}
.NN .mainsearchtable {
  border-collapse: collapse;
}
.NN #AdvancedSearchWrapper .ui-slider {
  margin: 4px 0px;
  text-decoration: none !important;
  width: 246px;
}
.NN #AdvancedSearchWrapper .ui-slider .ui-slider-handle {
  overflow: visible !important;
}
.NN #AdvancedSearchWrapper .ui-slider .ui-slider-tooltip {
  display: none;
}
.NN #AdvancedSearchWrapper .ui-slider .screenReaderContext {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  left: -999999999px;
}
.NN #AdvancedSearchWrapper .ui-slider .ui-state-active .ui-slider-tooltip,
.NN #AdvancedSearchWrapper .ui-slider .ui-state-focus .ui-slider-tooltip,
.NN #AdvancedSearchWrapper .ui-slider .ui-state-hover .ui-slider-tooltip {
  display: block;
  position: absolute;
  bottom: 2.5em;
  text-align: center;
  padding: 0.3em 0.2em 0.4em;
  font-size: 0.9em;
  width: 11px;
  height: 11px;
  margin-left: -3.7em;
}
.NN #AdvancedSearchWrapper .ui-slider .ui-slider-tooltip .ui-tooltip-pointer-down,
.NN #AdvancedSearchWrapper .ui-slider .ui-slider-tooltip .ui-tooltip-pointer-down-inner {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-bottom-width: 0;
  background: none;
}
.NN #AdvancedSearchWrapper .ui-slider .ui-slider-tooltip .ui-tooltip-pointer-down {
  border-left: 7px dashed transparent;
  border-right: 7px dashed transparent;
  border-top-width: 8px;
  bottom: -8px;
  right: auto;
  left: 50%;
  margin-left: -7px;
}
.NN #AdvancedSearchWrapper .ui-slider .ui-slider-tooltip .ui-tooltip-pointer-down-inner {
  border-left: 6px dashed transparent;
  border-right: 6px dashed transparent;
  border-top: 7px solid #fff;
  bottom: auto;
  top: -9px;
  left: -6px;
}
.NN #AdvancedSearchWrapper .ui-slider a {
  text-decoration: none;
}
.NN #AdvancedSearchWrapper .ui-slider ol,
.NN #AdvancedSearchWrapper .ui-slider li,
.NN #AdvancedSearchWrapper .ui-slider dl,
.NN #AdvancedSearchWrapper .ui-slider dd,
.NN .ui-slider dt {
  list-style: none;
  margin: 0;
  padding: 0;
}
.NN #AdvancedSearchWrapper .ui-slider ol,
.NN #AdvancedSearchWrapper .ui-slider dl {
  position: relative;
  top: 1.3em;
  width: 100%;
}
.NN #AdvancedSearchWrapper .ui-slider dt {
  top: 1.5em;
  position: absolute;
  padding-top: 0.2em;
  text-align: center;
  border-bottom: 1px dotted #ddd;
  height: 0.7em;
  color: #999;
}
.NN #AdvancedSearchWrapper .ui-slider dt span {
  background: #fff;
  padding: 0 0.5em;
}
.NN #AdvancedSearchWrapper .ui-slider li,
.NN #AdvancedSearchWrapper .ui-slider dd {
  position: absolute;
  overflow: visible;
  color: #666;
}
.NN #AdvancedSearchWrapper .ui-slider span.ui-slider-label {
  position: absolute;
}
.NN #AdvancedSearchWrapper .ui-slider li span.ui-slider-label,
.NN #AdvancedSearchWrapper .ui-slider dd span.ui-slider-label {
  display: none;
}
.NN #AdvancedSearchWrapper .ui-slider li span.ui-slider-label-show,
.NN #AdvancedSearchWrapper .ui-slider dd span.ui-slider-label-show {
  display: block;
}
.NN #AdvancedSearchWrapper .ui-slider span.ui-slider-tic {
  position: absolute;
  left: 0;
  height: 0.8em;
  top: -1.3em;
}
.NN #AdvancedSearchWrapper .ui-slider li span.ui-widget-content,
.NN #AdvancedSearchWrapper .ui-slider dd span.ui-widget-content {
  border-right: 0;
  border-left-width: 1px;
  border-left-style: solid;
  border-top: 0;
  border-bottom: 0;
}
.NN #AdvancedSearchWrapper .ui-slider .first .ui-slider-tic,
.NN #AdvancedSearchWrapper .ui-slider .last .ui-slider-tic {
  display: none;
}
.NN #AdvancedSearchWrapper .ui-helper-hidden {
  display: none;
}
.NN #AdvancedSearchWrapper .ui-helper-hidden-accessible {
  position: absolute;
  left: -99999999px;
}
.NN #AdvancedSearchWrapper .ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}
.NN #AdvancedSearchWrapper .ui-helper-clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.NN #AdvancedSearchWrapper .ui-helper-clearfix {
  display: inline-block;
}
.NN * html #AdvancedSearchWrapper .ui-helper-clearfix {
  height: 1%;
}
.NN #AdvancedSearchWrapper .ui-helper-clearfix {
  display: block;
}
.NN #AdvancedSearchWrapper .ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
}
.NN #AdvancedSearchWrapper .ui-state-disabled {
  cursor: default !important;
}
.NN #AdvancedSearchWrapper .ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}
.NN #AdvancedSearchWrapper .ui-widget-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.NN #AdvancedSearchWrapper .ui-widget {
  font-family: Lucida Grande, Lucida Sans, Arial, sans-serif;
  font-size: 1.1em;
}
.NN #AdvancedSearchWrapper .ui-widget input,
.NN #AdvancedSearchWrapper .ui-widget select,
.NN .ui-widget textarea,
.NN .ui-widget button {
  font-family: Lucida Grande, Lucida Sans, Arial, sans-serif;
  font-size: 1em;
}
.NN #AdvancedSearchWrapper .ui-widget-content {
  background: #fcfdfd;
  color: #222222;
}
.NN #AdvancedSearchWrapper .ui-widget-content a {
  color: #222222;
}
.NN #AdvancedSearchWrapper .ui-widget-header {
  /*background: #D7EFF7; background:URL(/App_Themes/DSR/Images/Progress.png) left no-repeat;*/
  margin-top: 1px;
  color: #ffffff;
  font-weight: bold;
}
.NN #AdvancedSearchWrapper .ui-widget-header a {
  color: #ffffff;
}
.NN #AdvancedSearchWrapper .ui-state-default,
.NN #AdvancedSearchWrapper .ui-widget-content .ui-state-default {
  background-color: #bfcc71;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  font-weight: bold;
  color: #2e6e9e;
  outline: none;
}
.NN #AdvancedSearchWrapper .ui-state-default a,
.NN #AdvancedSearchWrapper .ui-state-default a:link,
.NN #AdvancedSearchWrapper .ui-state-default a:visited {
  color: #2e6e9e;
  text-decoration: none;
  outline: none;
}
.NN #AdvancedSearchWrapper .ui-state-hover,
.NN #AdvancedSearchWrapper .ui-widget-content .ui-state-hover,
.NN #AdvancedSearchWrapper .ui-state-focus,
.NN #AdvancedSearchWrapper .ui-widget-content .ui-state-focus {
  background-color: #9EA85E;
  border-radius: 10px;
  width: 10px;
  height: 10px;
  font-weight: bold;
  color: #1d5987;
  outline: none;
}
.NN #AdvancedSearchWrapper .ui-state-hover a,
.NN #AdvancedSearchWrapper .ui-state-hover a:hover {
  color: #1d5987;
  text-decoration: none;
  outline: none;
}
.NN #AdvancedSearchWrapper .ui-state-active,
.NN #AdvancedSearchWrapper .ui-widget-content .ui-state-active {
  background-color: #bfcc71;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  font-weight: bold;
  color: #e17009;
  outline: none;
}
.NN #AdvancedSearchWrapper .ui-state-active a,
.NN #AdvancedSearchWrapper .ui-state-active a:link,
.NN #AdvancedSearchWrapper .ui-state-active a:visited {
  background-color: #bfcc71;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  outline: none;
  text-decoration: none;
}
.NN #AdvancedSearchWrapper .ui-state-highlight,
.NN #AdvancedSearchWrapper .ui-widget-content .ui-state-highlight {
  border: 1px solid #F1BC0A;
  background: #fbec88;
  color: #363636;
}
.NN #AdvancedSearchWrapper .ui-state-highlight a,
.NN #AdvancedSearchWrapper .ui-widget-content .ui-state-highlight a {
  color: #363636;
}
.NN #AdvancedSearchWrapper .ui-state-error,
.NN #AdvancedSearchWrapper .ui-widget-content .ui-state-error {
  border: 1px solid #cd0a0a;
  background: #fef1ec;
  color: #cd0a0a;
}
.NN #AdvancedSearchWrapper .ui-state-error a,
.NN #AdvancedSearchWrapper .ui-widget-content .ui-state-error a {
  color: #cd0a0a;
}
.NN #AdvancedSearchWrapper .ui-state-error-text,
.NN #AdvancedSearchWrapper .ui-widget-content .ui-state-error-text {
  color: #cd0a0a;
}
.NN #AdvancedSearchWrapper .ui-state-disabled,
.NN #AdvancedSearchWrapper .ui-widget-content .ui-state-disabled {
  opacity: 0.35;
  filter: alpha(opacity=35);
  background-image: none;
}
.NN #AdvancedSearchWrapper .ui-priority-primary,
.NN #AdvancedSearchWrapper .ui-widget-content .ui-priority-primary {
  font-weight: bold;
}
.NN #AdvancedSearchWrapper .ui-priority-secondary,
.NN #AdvancedSearchWrapper .ui-widget-content .ui-priority-secondary {
  opacity: 0.7;
  filter: alpha(opacity=70);
  font-weight: normal;
}
.NN #AdvancedSearchWrapper .ui-icon-carat-1-n {
  background-position: 0 0;
}
.NN #AdvancedSearchWrapper .ui-icon-carat-1-ne {
  background-position: -16px 0;
}
.NN #AdvancedSearchWrapper .ui-icon-carat-1-e {
  background-position: -32px 0;
}
.NN #AdvancedSearchWrapper .ui-icon-carat-1-se {
  background-position: -48px 0;
}
.NN #AdvancedSearchWrapper .ui-icon-carat-1-s {
  background-position: -64px 0;
}
.NN #AdvancedSearchWrapper .ui-icon-carat-1-sw {
  background-position: -80px 0;
}
.NN #AdvancedSearchWrapper .ui-icon-carat-1-w {
  background-position: -96px 0;
}
.NN #AdvancedSearchWrapper .ui-icon-carat-1-nw {
  background-position: -112px 0;
}
.NN #AdvancedSearchWrapper .ui-icon-carat-2-n-s {
  background-position: -128px 0;
}
.NN #AdvancedSearchWrapper .ui-icon-carat-2-e-w {
  background-position: -144px 0;
}
.NN #AdvancedSearchWrapper .ui-icon-triangle-1-n {
  background-position: 0 -16px;
}
.NN #AdvancedSearchWrapper .ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}
.NN #AdvancedSearchWrapper .ui-icon-triangle-1-e {
  background-position: -32px -16px;
}
.NN #AdvancedSearchWrapper .ui-icon-triangle-1-se {
  background-position: -48px -16px;
}
.NN #AdvancedSearchWrapper .ui-icon-triangle-1-s {
  background-position: -64px -16px;
}
.NN #AdvancedSearchWrapper .ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}
.NN #AdvancedSearchWrapper .ui-icon-triangle-1-w {
  background-position: -96px -16px;
}
.NN #AdvancedSearchWrapper .ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}
.NN #AdvancedSearchWrapper .ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}
.NN #AdvancedSearchWrapper .ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}
.NN #AdvancedSearchWrapper .ui-icon-arrow-1-n {
  background-position: 0 -32px;
}
.NN #AdvancedSearchWrapper .ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}
.NN #AdvancedSearchWrapper .ui-icon-arrow-1-e {
  background-position: -32px -32px;
}
.NN #AdvancedSearchWrapper .ui-icon-arrow-1-se {
  background-position: -48px -32px;
}
.NN #AdvancedSearchWrapper .ui-icon-arrow-1-s {
  background-position: -64px -32px;
}
.NN #AdvancedSearchWrapper .ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}
.NN #AdvancedSearchWrapper .ui-icon-arrow-1-w {
  background-position: -96px -32px;
}
.NN #AdvancedSearchWrapper .ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}
.NN #AdvancedSearchWrapper .ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}
.NN #AdvancedSearchWrapper .ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}
.NN #AdvancedSearchWrapper .ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}
.NN #AdvancedSearchWrapper .ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}
.NN #AdvancedSearchWrapper .ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}
.NN #AdvancedSearchWrapper .ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}
.NN #AdvancedSearchWrapper .ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}
.NN #AdvancedSearchWrapper .ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}
.NN #AdvancedSearchWrapper .ui-icon-arrowthick-1-n {
  background-position: 0 -48px;
}
.NN #AdvancedSearchWrapper .ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}
.NN #AdvancedSearchWrapper .ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}
.NN #AdvancedSearchWrapper .ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}
.NN #AdvancedSearchWrapper .ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}
.NN #AdvancedSearchWrapper .ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}
.NN #AdvancedSearchWrapper .ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}
.NN #AdvancedSearchWrapper .ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}
.NN #AdvancedSearchWrapper .ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}
.NN #AdvancedSearchWrapper .ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}
.NN #AdvancedSearchWrapper .ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}
.NN #AdvancedSearchWrapper .ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}
.NN #AdvancedSearchWrapper .ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}
.NN #AdvancedSearchWrapper .ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}
.NN #AdvancedSearchWrapper .ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}
.NN #AdvancedSearchWrapper .ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}
.NN #AdvancedSearchWrapper .ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}
.NN #AdvancedSearchWrapper .ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}
.NN #AdvancedSearchWrapper .ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}
.NN #AdvancedSearchWrapper .ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}
.NN #AdvancedSearchWrapper .ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}
.NN #AdvancedSearchWrapper .ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}
.NN #AdvancedSearchWrapper .ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}
.NN #AdvancedSearchWrapper .ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}
.NN #AdvancedSearchWrapper .ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}
.NN #AdvancedSearchWrapper .ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}
.NN #AdvancedSearchWrapper .ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}
.NN #AdvancedSearchWrapper .ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}
.NN #AdvancedSearchWrapper .ui-icon-arrow-4 {
  background-position: 0 -80px;
}
.NN #AdvancedSearchWrapper .ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}
.NN #AdvancedSearchWrapper .ui-icon-extlink {
  background-position: -32px -80px;
}
.NN #AdvancedSearchWrapper .ui-icon-newwin {
  background-position: -48px -80px;
}
.NN #AdvancedSearchWrapper .ui-icon-refresh {
  background-position: -64px -80px;
}
.NN #AdvancedSearchWrapper .ui-icon-shuffle {
  background-position: -80px -80px;
}
.NN #AdvancedSearchWrapper .ui-icon-transfer-e-w {
  background-position: -96px -80px;
}
.NN #AdvancedSearchWrapper .ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}
.NN #AdvancedSearchWrapper .ui-icon-folder-collapsed {
  background-position: 0 -96px;
}
.NN #AdvancedSearchWrapper .ui-icon-folder-open {
  background-position: -16px -96px;
}
.NN #AdvancedSearchWrapper .ui-icon-document {
  background-position: -32px -96px;
}
.NN #AdvancedSearchWrapper .ui-icon-document-b {
  background-position: -48px -96px;
}
.NN #AdvancedSearchWrapper .ui-icon-note {
  background-position: -64px -96px;
}
.NN #AdvancedSearchWrapper .ui-icon-mail-closed {
  background-position: -80px -96px;
}
.NN #AdvancedSearchWrapper .ui-icon-mail-open {
  background-position: -96px -96px;
}
.NN #AdvancedSearchWrapper .ui-icon-suitcase {
  background-position: -112px -96px;
}
.NN #AdvancedSearchWrapper .ui-icon-comment {
  background-position: -128px -96px;
}
.NN #AdvancedSearchWrapper .ui-icon-person {
  background-position: -144px -96px;
}
.NN #AdvancedSearchWrapper .ui-icon-print {
  background-position: -160px -96px;
}
.NN #AdvancedSearchWrapper .ui-icon-trash {
  background-position: -176px -96px;
}
.NN #AdvancedSearchWrapper .ui-icon-locked {
  background-position: -192px -96px;
}
.NN #AdvancedSearchWrapper .ui-icon-unlocked {
  background-position: -208px -96px;
}
.NN #AdvancedSearchWrapper .ui-icon-bookmark {
  background-position: -224px -96px;
}
.NN #AdvancedSearchWrapper .ui-icon-tag {
  background-position: -240px -96px;
}
.NN #AdvancedSearchWrapper .ui-icon-home {
  background-position: 0 -112px;
}
.NN #AdvancedSearchWrapper .ui-icon-flag {
  background-position: -16px -112px;
}
.NN #AdvancedSearchWrapper .ui-icon-calendar {
  background-position: -32px -112px;
}
.NN #AdvancedSearchWrapper .ui-icon-cart {
  background-position: -48px -112px;
}
.NN #AdvancedSearchWrapper .ui-icon-pencil {
  background-position: -64px -112px;
}
.NN #AdvancedSearchWrapper .ui-icon-clock {
  background-position: -80px -112px;
}
.NN #AdvancedSearchWrapper .ui-icon-disk {
  background-position: -96px -112px;
}
.NN #AdvancedSearchWrapper .ui-icon-calculator {
  background-position: -112px -112px;
}
.NN #AdvancedSearchWrapper .ui-icon-zoomin {
  background-position: -128px -112px;
}
.NN #AdvancedSearchWrapper .ui-icon-zoomout {
  background-position: -144px -112px;
}
.NN #AdvancedSearchWrapper .ui-icon-search {
  background-position: -160px -112px;
}
.NN #AdvancedSearchWrapper .ui-icon-wrench {
  background-position: -176px -112px;
}
.NN #AdvancedSearchWrapper .ui-icon-gear {
  background-position: -192px -112px;
}
.NN #AdvancedSearchWrapper .ui-icon-heart {
  background-position: -208px -112px;
}
.NN #AdvancedSearchWrapper .ui-icon-star {
  background-position: -224px -112px;
}
.NN #AdvancedSearchWrapper .ui-icon-link {
  background-position: -240px -112px;
}
.NN #AdvancedSearchWrapper .ui-icon-cancel {
  background-position: 0 -128px;
}
.NN #AdvancedSearchWrapper .ui-icon-plus {
  background-position: -16px -128px;
}
.NN #AdvancedSearchWrapper .ui-icon-plusthick {
  background-position: -32px -128px;
}
.NN #AdvancedSearchWrapper .ui-icon-minus {
  background-position: -48px -128px;
}
.NN #AdvancedSearchWrapper .ui-icon-minusthick {
  background-position: -64px -128px;
}
.NN #AdvancedSearchWrapper .ui-icon-close {
  background-position: -80px -128px;
}
.NN #AdvancedSearchWrapper .ui-icon-closethick {
  background-position: -96px -128px;
}
.NN #AdvancedSearchWrapper .ui-icon-key {
  background-position: -112px -128px;
}
.NN #AdvancedSearchWrapper .ui-icon-lightbulb {
  background-position: -128px -128px;
}
.NN #AdvancedSearchWrapper .ui-icon-scissors {
  background-position: -144px -128px;
}
.NN #AdvancedSearchWrapper .ui-icon-clipboard {
  background-position: -160px -128px;
}
.NN #AdvancedSearchWrapper .ui-icon-copy {
  background-position: -176px -128px;
}
.NN #AdvancedSearchWrapper .ui-icon-contact {
  background-position: -192px -128px;
}
.NN #AdvancedSearchWrapper .ui-icon-image {
  background-position: -208px -128px;
}
.NN #AdvancedSearchWrapper .ui-icon-video {
  background-position: -224px -128px;
}
.NN #AdvancedSearchWrapper .ui-icon-script {
  background-position: -240px -128px;
}
.NN #AdvancedSearchWrapper .ui-icon-alert {
  background-position: 0 -144px;
}
.NN #AdvancedSearchWrapper .ui-icon-info {
  background-position: -16px -144px;
}
.NN #AdvancedSearchWrapper .ui-icon-notice {
  background-position: -32px -144px;
}
.NN #AdvancedSearchWrapper .ui-icon-help {
  background-position: -48px -144px;
}
.NN #AdvancedSearchWrapper .ui-icon-check {
  background-position: -64px -144px;
}
.NN #AdvancedSearchWrapper .ui-icon-bullet {
  background-position: -80px -144px;
}
.NN #AdvancedSearchWrapper .ui-icon-radio-off {
  background-position: -96px -144px;
}
.NN #AdvancedSearchWrapper .ui-icon-radio-on {
  background-position: -112px -144px;
}
.NN #AdvancedSearchWrapper .ui-icon-pin-w {
  background-position: -128px -144px;
}
.NN #AdvancedSearchWrapper .ui-icon-pin-s {
  background-position: -144px -144px;
}
.NN #AdvancedSearchWrapper .ui-icon-play {
  background-position: 0 -160px;
}
.NN #AdvancedSearchWrapper .ui-icon-pause {
  background-position: -16px -160px;
}
.NN #AdvancedSearchWrapper .ui-icon-seek-next {
  background-position: -32px -160px;
}
.NN #AdvancedSearchWrapper .ui-icon-seek-prev {
  background-position: -48px -160px;
}
.NN #AdvancedSearchWrapper .ui-icon-seek-end {
  background-position: -64px -160px;
}
.NN #AdvancedSearchWrapper .ui-icon-seek-first {
  background-position: -80px -160px;
}
.NN #AdvancedSearchWrapper .ui-icon-stop {
  background-position: -96px -160px;
}
.NN #AdvancedSearchWrapper .ui-icon-eject {
  background-position: -112px -160px;
}
.NN #AdvancedSearchWrapper .ui-icon-volume-off {
  background-position: -128px -160px;
}
.NN #AdvancedSearchWrapper .ui-icon-volume-on {
  background-position: -144px -160px;
}
.NN #AdvancedSearchWrapper .ui-icon-power {
  background-position: 0 -176px;
}
.NN #AdvancedSearchWrapper .ui-icon-signal-diag {
  background-position: -16px -176px;
}
.NN #AdvancedSearchWrapper .ui-icon-signal {
  background-position: -32px -176px;
}
.NN #AdvancedSearchWrapper .ui-icon-battery-0 {
  background-position: -48px -176px;
}
.NN #AdvancedSearchWrapper .ui-icon-battery-1 {
  background-position: -64px -176px;
}
.NN #AdvancedSearchWrapper .ui-icon-battery-2 {
  background-position: -80px -176px;
}
.NN #AdvancedSearchWrapper .ui-icon-battery-3 {
  background-position: -96px -176px;
}
.NN #AdvancedSearchWrapper .ui-icon-circle-plus {
  background-position: 0 -192px;
}
.NN #AdvancedSearchWrapper .ui-icon-circle-minus {
  background-position: -16px -192px;
}
.NN #AdvancedSearchWrapper .ui-icon-circle-close {
  background-position: -32px -192px;
}
.NN #AdvancedSearchWrapper .ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}
.NN #AdvancedSearchWrapper .ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}
.NN #AdvancedSearchWrapper .ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}
.NN #AdvancedSearchWrapper .ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}
.NN #AdvancedSearchWrapper .ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}
.NN #AdvancedSearchWrapper .ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}
.NN #AdvancedSearchWrapper .ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}
.NN #AdvancedSearchWrapper .ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}
.NN #AdvancedSearchWrapper .ui-icon-circle-zoomin {
  background-position: -176px -192px;
}
.NN #AdvancedSearchWrapper .ui-icon-circle-zoomout {
  background-position: -192px -192px;
}
.NN #AdvancedSearchWrapper .ui-icon-circle-check {
  background-position: -208px -192px;
}
.NN #AdvancedSearchWrapper .ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}
.NN #AdvancedSearchWrapper .ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}
.NN #AdvancedSearchWrapper .ui-icon-circlesmall-close {
  background-position: -32px -208px;
}
.NN #AdvancedSearchWrapper .ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}
.NN #AdvancedSearchWrapper .ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}
.NN #AdvancedSearchWrapper .ui-icon-squaresmall-close {
  background-position: -80px -208px;
}
.NN #AdvancedSearchWrapper .ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}
.NN #AdvancedSearchWrapper .ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}
.NN #AdvancedSearchWrapper .ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}
.NN #AdvancedSearchWrapper .ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}
.NN #AdvancedSearchWrapper .ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}
.NN #AdvancedSearchWrapper .ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}
.NN #AdvancedSearchWrapper .ui-widget-overlay {
  background: #aaaaaa;
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.NN #AdvancedSearchWrapper .ui-widget-shadow {
  margin: -8px 0 0 -8px;
  padding: 8px;
  background: #aaaaaa;
  opacity: 0.3;
  filter: alpha(opacity=30);
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}
.NN #AdvancedSearchWrapper .ui-accordion .ui-accordion-header {
  cursor: pointer;
  position: relative;
  margin-top: 1px;
  zoom: 1;
}
.NN #AdvancedSearchWrapper .ui-accordion .ui-accordion-li-fix {
  display: inline;
}
.NN #AdvancedSearchWrapper .ui-accordion .ui-accordion-header-active {
  border-bottom: 0 !important;
}
.NN #AdvancedSearchWrapper .ui-accordion .ui-accordion-header a {
  display: block;
  font-size: 1em;
  padding: 0.5em 0.5em 0.5em 2.2em;
}
.NN #AdvancedSearchWrapper .ui-accordion .ui-accordion-header .ui-icon {
  position: absolute;
  left: 0.5em;
  top: 50%;
  margin-top: -8px;
}
.NN #AdvancedSearchWrapper .ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  margin-top: -2px;
  position: relative;
  top: 1px;
  margin-bottom: 2px;
  overflow: auto;
  display: none;
}
.NN #AdvancedSearchWrapper .ui-accordion .ui-accordion-content-active {
  display: block;
}
.NN #AdvancedSearchWrapper .ui-datepicker {
  width: 17em;
  padding: 0.2em 0.2em 0;
}
.NN #AdvancedSearchWrapper .ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.2em 0;
}
.NN #AdvancedSearchWrapper .ui-datepicker .ui-datepicker-prev,
.NN .ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 0px;
  width: 1.8em;
  height: 1.8em;
  width: 38px;
  height: 38px;
  border-left: 1px solid white;
}
.NN #AdvancedSearchWrapper .ui-datepicker .ui-datepicker-prev {
  left: 2px;
}
.NN #AdvancedSearchWrapper .ui-datepicker .ui-datepicker-next {
  right: 2px;
}
.NN #AdvancedSearchWrapper .ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}
.NN #AdvancedSearchWrapper .ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}
.NN #AdvancedSearchWrapper .ui-datepicker .ui-datepicker-prev span,
.NN .ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -6px;
  top: 50%;
  margin-top: -6px;
}
.NN #AdvancedSearchWrapper .ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}
.NN #AdvancedSearchWrapper .ui-datepicker .ui-datepicker-title select {
  float: left;
  font-size: 1em;
  margin: 1px 0;
}
.NN #AdvancedSearchWrapper .ui-datepicker select.ui-datepicker-month-year {
  width: 100%;
}
.NN #AdvancedSearchWrapper .ui-datepicker select.ui-datepicker-month,
.NN #AdvancedSearchWrapper .ui-datepicker select.ui-datepicker-year {
  width: 49%;
}
.NN #AdvancedSearchWrapper .ui-datepicker .ui-datepicker-title select.ui-datepicker-year {
  float: right;
}
.NN #AdvancedSearchWrapper .ui-datepicker table {
  width: 100%;
  font-size: 0.9em;
  border-collapse: collapse;
  margin: 0 0 0.4em;
}
.NN #AdvancedSearchWrapper .ui-datepicker th {
  padding: 0.7em 0.3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}
.NN #AdvancedSearchWrapper .ui-datepicker td {
  border: 0;
  padding: 1px;
}
.NN #AdvancedSearchWrapper .ui-datepicker td span,
.NN .ui-datepicker td a {
  display: block;
  padding: 0.5em 0.4em;
  text-align: right;
  text-decoration: none;
}
.NN #AdvancedSearchWrapper .ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: 0.7em 0 0 0;
  padding: 0 0.2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}
.NN #AdvancedSearchWrapper .ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em 0.6em;
  width: auto;
  overflow: visible;
}
.NN #AdvancedSearchWrapper .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}
.NN #AdvancedSearchWrapper .ui-datepicker.ui-datepicker-multi {
  width: auto;
}
.NN #AdvancedSearchWrapper .ui-datepicker-multi .ui-datepicker-group {
  float: left;
}
.NN #AdvancedSearchWrapper .ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.4em;
}
.NN #AdvancedSearchWrapper .ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}
.NN #AdvancedSearchWrapper .ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}
.NN #AdvancedSearchWrapper .ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}
.NN #AdvancedSearchWrapper .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
  border-left-width: 0;
}
.NN #AdvancedSearchWrapper .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}
.NN #AdvancedSearchWrapper .ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}
.NN #AdvancedSearchWrapper .ui-datepicker-row-break {
  clear: both;
  width: 100%;
}
.NN #AdvancedSearchWrapper .ui-datepicker-rtl {
  direction: rtl;
}
.NN #AdvancedSearchWrapper .ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}
.NN #AdvancedSearchWrapper .ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}
.NN #AdvancedSearchWrapper .ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}
.NN #AdvancedSearchWrapper .ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}
.NN #AdvancedSearchWrapper .ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}
.NN #AdvancedSearchWrapper .ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}
.NN #AdvancedSearchWrapper .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: right;
}
.NN #AdvancedSearchWrapper .ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}
.NN #AdvancedSearchWrapper .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}
.NN #AdvancedSearchWrapper .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}
.NN #AdvancedSearchWrapper .ui-datepicker-cover {
  display: none;
  /*sorry for IE5*/
  display: block;
  /*sorry for IE5*/
  position: absolute;
  /*must have*/
  z-index: -1;
  /*must have*/
  filter: mask();
  /*must have*/
  top: -4px;
  /*must have*/
  left: -4px;
  /*must have*/
  width: 200px;
  /*must have*/
  height: 200px;
  /*must have*/
}
.NN #AdvancedSearchWrapper .ui-dialog {
  position: relative;
  padding: 0.2em;
  width: 300px;
}
.NN #AdvancedSearchWrapper .ui-dialog .ui-dialog-titlebar {
  padding: 0.5em 0.3em 0.3em 1em;
  position: relative;
}
.NN #AdvancedSearchWrapper .ui-dialog .ui-dialog-title {
  float: left;
  margin: 0.1em 0 0.2em;
}
.NN #AdvancedSearchWrapper .ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: 0.3em;
  top: 50%;
  width: 19px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 18px;
}
.NN #AdvancedSearchWrapper .ui-dialog .ui-dialog-titlebar-close span {
  display: block;
  margin: 1px;
}
.NN #AdvancedSearchWrapper .ui-dialog .ui-dialog-titlebar-close:hover,
.NN .ui-dialog .ui-dialog-titlebar-close:focus {
  padding: 0;
}
.NN #AdvancedSearchWrapper .ui-dialog .ui-dialog-content {
  border: 0;
  padding: 0.5em 1em;
  background: none;
  overflow: auto;
  zoom: 1;
}
.NN #AdvancedSearchWrapper .ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin: 0.5em 0 0 0;
  padding: 0.3em 1em 0.5em 0.4em;
}
.NN #AdvancedSearchWrapper .ui-dialog .ui-dialog-buttonpane button {
  float: right;
  margin: 0.5em 0.4em 0.5em 0;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em 0.6em;
  line-height: 1.4em;
  width: auto;
  overflow: visible;
}
.NN #AdvancedSearchWrapper .ui-dialog .ui-resizable-se {
  width: 14px;
  height: 14px;
  right: 3px;
  bottom: 3px;
}
.NN #AdvancedSearchWrapper .ui-draggable .ui-dialog-titlebar {
  cursor: move;
}
.NN #AdvancedSearchWrapper .ui-progressbar {
  height: 2em;
  text-align: left;
}
.NN #AdvancedSearchWrapper .ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%;
}
.NN #AdvancedSearchWrapper .ui-resizable {
  position: relative;
}
.NN #AdvancedSearchWrapper .ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  z-index: 99999;
  display: block;
}
.NN #AdvancedSearchWrapper .ui-resizable-disabled .ui-resizable-handle,
.NN .ui-resizable-autohide .ui-resizable-handle {
  display: none;
}
.NN #AdvancedSearchWrapper .ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0px;
}
.NN #AdvancedSearchWrapper .ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0px;
}
.NN #AdvancedSearchWrapper .ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0px;
  height: 100%;
}
.NN #AdvancedSearchWrapper .ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0px;
  height: 100%;
}
.NN #AdvancedSearchWrapper .ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}
.NN #AdvancedSearchWrapper .ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}
.NN #AdvancedSearchWrapper .ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}
.NN #AdvancedSearchWrapper .ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}
.NN #AdvancedSearchWrapper .ui-slider {
  position: relative;
  text-align: left;
  width: 246px;
}
.NN #AdvancedSearchWrapper .ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  margin-top: 3px;
  width: 11px;
  height: 11px;
  cursor: default;
}
.NN #AdvancedSearchWrapper .ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: 0.7em;
  display: block;
  border: 0;
  /*margin: 0px 3px;*/
}
.NN #AdvancedSearchWrapper .ui-slider-horizontal {
  width: 167px;
  height: 10px;
  background-color: white;
  border-radius: 10px;
}
.NN #AdvancedSearchWrapper .ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -4px;
}
.NN #AdvancedSearchWrapper .ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 8px;
}
.NN #AdvancedSearchWrapper .ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}
.NN #AdvancedSearchWrapper .ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}
.NN #AdvancedSearchWrapper .ui-slider-vertical {
  width: 0.8em;
  height: 100px;
}
.NN #AdvancedSearchWrapper .ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.6em;
}
.NN #AdvancedSearchWrapper .ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}
.NN #AdvancedSearchWrapper .ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}
.NN #AdvancedSearchWrapper .ui-slider-vertical .ui-slider-range-max {
  top: 0;
}
.NN #AdvancedSearchWrapper .ui-tabs {
  padding: 0.2em;
  zoom: 1;
}
.NN #AdvancedSearchWrapper .ui-tabs .ui-tabs-nav {
  list-style: none;
  position: relative;
  padding: 0.2em 0.2em 0;
}
.NN #AdvancedSearchWrapper .ui-tabs .ui-tabs-nav li {
  position: relative;
  float: left;
  border-bottom-width: 0 !important;
  margin: 0 0.2em -1px 0;
  padding: 0;
}
.NN #AdvancedSearchWrapper .ui-tabs .ui-tabs-nav li a {
  float: left;
  text-decoration: none;
  padding: 0.5em 1em;
}
.NN #AdvancedSearchWrapper .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
  padding-bottom: 1px;
  border-bottom-width: 0;
}
.NN #AdvancedSearchWrapper .ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.NN #AdvancedSearchWrapper .ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.NN #AdvancedSearchWrapper .ui-tabs .ui-tabs-nav li.ui-state-processing a {
  cursor: text;
}
.NN #AdvancedSearchWrapper .ui-tabs .ui-tabs-nav li a,
.NN #AdvancedSearchWrapper .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
  cursor: pointer;
}
.NN #AdvancedSearchWrapper .ui-tabs .ui-tabs-panel {
  padding: 1em 1.4em;
  display: block;
  border-width: 0;
  background: none;
}
.NN #AdvancedSearchWrapper .ui-tabs .ui-tabs-hide {
  display: none !important;
}
.NN #AdvancedSearchWrapper .priceFrom,
.NN #AdvancedSearchWrapper .priceTo,
.NN #AdvancedSearchWrapper .shoppingdistance,
.NN #AdvancedSearchWrapper .beachdistancemax,
.NN #AdvancedSearchWrapper .areamin,
.NN #AdvancedSearchWrapper .areamax {
  float: left;
  text-align: center;
  background-color: #B5B5B5;
  border-radius: 10px;
  color: white;
  padding: 0px 10px;
  padding-top: 5px;
}
.NN #AdvancedSearchWrapper .beachdistancemin {
  float: left;
  width: 57px;
  display: none;
}
.NN #AdvancedSearchWrapper .liTags {
  display: none;
}
.NN #AdvancedSearchWrapper .beachdistancemax,
.NN #AdvancedSearchWrapper .shoppingdistance {
  font-size: 12px;
}
.NN #AdvancedSearchWrapper .roomsmin,
.NN #AdvancedSearchWrapper .roomsmax {
  float: left;
  width: 21px;
  text-align: center;
  background-color: #B5B5B5;
  border-radius: 18px;
  color: white;
  line-height: 18px;
}
.NN #AdvancedSearchWrapper .shoppingText,
.NN #AdvancedSearchWrapper .beachText {
  float: left;
  width: 126px;
}
.NN #AdvancedSearchWrapper .priceText {
  float: left;
  width: 90px;
}
.NN #AdvancedSearchWrapper .roomsText,
.NN #AdvancedSearchWrapper .tagsText,
.NN #AdvancedSearchWrapper .arealText,
.NN #AdvancedSearchWrapper .attributesText {
  float: left;
  width: 69px;
}
.NN .attributesText {
  display: none;
}
.NN #AdvancedSearchWrapper .priceSlider,
.NN #AdvancedSearchWrapper .roomsSlider,
.NN #AdvancedSearchWrapper .shoppingSlider,
.NN #AdvancedSearchWrapper .beachSlider,
.NN #AdvancedSearchWrapper .arealSlider {
  float: left;
  margin: 0px 10px 0px 10px;
}
.NN #AdvancedSearchWrapper {
  /*background-image: url("/App_Themes/DinFerieFond/images/Skygge.png");
    background-position: right bottom;
    background-repeat: no-repeat;
    background-color: #F4F6F8;*/
  background-color: #F5F5F5;
  width: 100%;
  float: left;
  margin-bottom: 10px;
  padding-bottom: 10px;
  position: relative;
}
.NN #AdvancedSearchParameters {
  /*background-image: url("/App_Themes/DinFerieFond/images/Skygge.png");
    background-position: right bottom;
    background-repeat: no-repeat;
    background-color: #F4F6F8;*/
  background-color: #F5F5F5;
  height: 100px;
  margin-bottom: 10px;
  padding: 10px 0 0 10px;
  width: 100%;
}
.NN #AdvancedSearchParameters .Text {
  float: left;
  /*width: 288px;*/
  font-size: 18px;
  line-height: 21px;
}
.NN #AdvancedSearchParameters .Link {
  float: right;
  margin-right: 10px;
}
.NN #AdvancedSearchParameters .Parameters {
  float: left;
}
.NN #AdvancedSearchResult {
  float: left;
  padding: 10px;
  width: 100%;
  background-color: #F5F5F5;
}
.NN #AdvancedSearchResult .Text {
  float: left;
  width: 286px;
}
.NN #AdvancedSearchResult .Link {
  float: right;
}
.NN #AdvancedSearchExtended .Text {
  float: left;
  width: 286px;
}
.NN #AdvancedSearchExtended .Link {
  float: right;
}
.NN #divTabLots {
  position: absolute;
  top: -22px;
  left: 100px;
  width: 85px;
  line-height: 22px;
  padding-left: 10px;
  color: #bfcc71;
  cursor: pointer;
  background-image: url("/App_themes/DinFerieFond/images/darkbg.png");
}
.NN #divTabNoLots {
  position: absolute;
  top: -22px;
  left: 0px;
  width: 85px;
  padding-left: 10px;
  line-height: 22px;
  color: #bfcc71;
  cursor: pointer;
  background-image: url("/App_themes/DinFerieFond/images/darkbg.png");
}
.NN #divTabLots.selected,
.NN #divTabNoLots.selected {
  background-image: url("/App_themes/DinFerieFond/images/whitebg.png");
}
.NN #AdvancedSearchOptions {
  /*opacity:0.86;
	-moz-opacity:0.86;
	filter:alpha(opacity=86);*/
  height: 233px;
  overflow: hidden;
  position: absolute;
  width: 568px;
  left: -535px;
  left: 0px;
  background-image: url("/App_Themes/DinFerieFond/images/layout/BG_adv.png");
  background-repeat: no-repeat;
}
.NN #AdvancedSearchDiv {
  position: absolute;
  right: -9px;
  top: 0px;
  width: 42px;
  height: 100%;
  overflow: visible;
  /*background-color:Red;*/
}
.NN #AdvancedSearchDiv a {
  height: 100%;
  width: 42px;
  left: 0px;
  position: absolute;
  bottom: 0px;
  /*background-image: url("../less/images/search_advanced.png");
	background-repeat:no-repeat;
	background-position: 0px 81px;*/
  display: block;
}
.NN #AdvancedSearchDiv a.open {
  background-image: url("/App_Themes/DinFerieFond/images/layout/BG_adv_back.png");
  background-repeat: no-repeat;
  background-position: -535px center;
}
.NN #AdvancedSearchOptions .AdvancedAttributes {
  width: 277px;
  margin-left: 0px;
  float: left;
}
.NN #AdvancedSearchOptions table {
  width: 520px;
  margin-top: 8px;
}
.NN #AdvancedSearchOptions .AdvancedAttributes .AdvancedSearchAttribute {
  width: 55px;
}
.NN #AdvancedSearchOptions .AdvancedAttributes .AdvancedSearchAttribute .inputspan {
  margin-left: auto;
  margin-right: auto;
}
.NN #AdvancedSearchOptions strong {
  display: block;
  margin-bottom: 5px;
  margin-top: 5px;
}
.NN #AdvancedSearchOptions .mainsearchtxtbox {
  margin: 0;
  float: left;
}
.NN #AdvancedSearchOptions .selectbackground {
  float: left;
  margin: 0px;
}
.NN #AdvancedSearchOptions label {
  display: block;
  float: left;
  height: 20px;
  padding-top: 3px;
  vertical-align: bottom;
  width: 55px;
}
.NN #AdvancedSearchOptions .selectbox-wrapper {
  margin-top: 25px;
}
.NN #MainSearchBox {
  /*
    position:relative;
    margin:0;
    left:-10px;
        */
  float: left;
  width: 100%;
}
.NN #MainSearchBackground {
  /*
    width:970px;
    height:80px;
    background-color:white;
    opacity:0.7;
	-moz-opacity:0.7;
	filter:alpha(opacity=70);
    left:0px;
    top:0px;
*/
}
.NN #MainSearchForeground {
  /*
        width:950px;
        height:60px;
        background-color:white;
        position:absolute;
        left:10px;
        top:10px;
    */
}
.NN #MainSearchBox .fieldlabel {
  margin: auto auto;
  border: none;
  position: relative;
  display: inline-block;
  line-height: 50px;
  width: 141px;
  margin-right: 10px;
  overflow: hidden;
  margin-left: 10px;
  font-size: 12px;
  text-align: right;
  float: left;
  cursor: pointer;
}
.NN #MainSearchBox .selected .fieldlabel {
  line-height: 47px;
}
.NN #MainSearchBox .fieldicon {
  line-height: 50px;
  color: #90A84C;
  font-size: 22px;
  float: left;
  cursor: pointer;
}
.NN #MainSearchBox .selected .fieldicon {
  line-height: 47px;
}
.NN #MainSearchForeground > ul {
  list-style: none;
}
.NN #MainSearchForeground > ul > li {
  list-style: none;
  /*position:absolute;
        top:5px;
        height:50px;
            */
}
.NN #MainSearchForeground .grayed {
  color: #777;
}
.NN .searchField > .fieldlabel .fieldicon {
  color: #F1BC0A;
}
.NN #MainSearchArea {
  background-color: white;
  border-right: 1px solid #c5cace;
  position: relative;
  z-index: 31;
}
.NN #MainSearchArea > label {
  max-width: 80%;
  position: absolute;
  left: 40px;
  display: inline-block;
  overflow: hidden;
  cursor: pointer;
}
.NN #MainSearchArea i {
  cursor: pointer;
}
.NN #MainSearchArea .fieldlabel {
  width: 153px;
}
.NN #MainSearchArea.selected .fieldlabel {
  width: 151px;
}
.NN #MainSearchArea:hover .fieldicon {
  color: #d9a909;
}
.NN #MainSearchPeriodFrom {
  /*
        left:196px;
        width:195px;

    */
  border-right: 1px solid #C5CACE;
  background-color: #FFF;
}
.NN #MainSearchPeriodFrom > label {
  max-width: 80%;
  position: absolute;
  left: 40px;
  display: inline-block;
  overflow: hidden;
  cursor: pointer;
}
.NN #MainSearchPeriodFrom i {
  cursor: pointer;
}
.NN #MainSearchPeriodFrom:hover .fieldicon {
  color: #d9a909;
}
.NN #MainSearchPeriodTo {
  /*
        left: 392px;
        width: 195px;
    */
  background-color: #FFF;
  border-right: 1px solid #C5CACE;
}
.NN #MainSearchPeriodTo > label {
  max-width: 80%;
  position: absolute;
  left: 40px;
  display: inline-block;
  overflow: hidden;
  cursor: pointer;
}
.NN #MainSearchPeriodTo i {
  cursor: pointer;
}
.NN #MainSearchPeriodTo:hover .fieldicon {
  color: #d9a909;
}
.NN #MainSeachPeopleCount {
  /*border-right: 1px solid #C5CACE;*/
  background-color: #FFF;
}
.NN #MainSeachPeopleCount > label {
  max-width: 80%;
  position: absolute;
  left: 40px;
  display: inline-block;
  overflow: hidden;
  cursor: pointer;
}
.NN #MainSeachPeopleCount i {
  cursor: pointer;
}
.NN #MainSeachPeopleCount:hover .fieldicon {
  color: #d9a909;
}
.NN #MainSearchPeriodLength {
  border-right: 1px solid #C5CACE;
  background-color: #FFF;
}
.NN #MainSearchPeriodLength > label {
  max-width: 80%;
  position: absolute;
  left: 40px;
  display: inline-block;
  overflow: hidden;
  cursor: pointer;
}
.NN #MainSearchPeriodLength i {
  cursor: pointer;
}
.NN #MainSearchPeriodLength:hover .fieldicon {
  color: #d9a909;
}
.NN #MainSeachButton {
  background-color: #bfcc71;
  color: white;
  cursor: pointer;
  text-align: center;
  text-transform: uppercase;
}
.NN #MainSeachButton * {
  cursor: pointer;
  font-size: 20px !important;
}
.NN #MainSeachButton:hover {
  background-color: #9EA85E;
}
.NN #MainSearchPeriodWrapper {
  z-index: 60;
}
.NN #MainSearchPeriodSlideDown {
  display: none;
  z-index: 30;
  width: 100%;
  /*top: -1000px;*/
  position: relative;
  float: left;
  background-color: #fff;
  margin-top: -2px;
}
.NN #MainSearchPeriodSlideDown ul {
  margin: 0;
  padding: 0;
  list-style: none;
  padding: 10px;
  float: left;
  width: 100%;
}
.NN #MainSearchPeriodSlideDown li {
  list-style: none;
  width: 100%;
  float: left;
  height: 25px !important;
  line-height: 25px !important;
  margin-bottom: 10px;
  background-color: #bfcc71;
  text-align: center;
  color: white;
  cursor: pointer;
  z-index: 2;
}
.NN #MainSearchPeriodSlideDown li:hover {
  background-color: #9EA85E;
}
.NN #MainSearchPeopleCountSlideDown {
  display: none;
  z-index: 2;
  width: 100%;
  /*top: -1000px;*/
  position: relative;
  float: left;
  background-color: #fff;
  margin-top: -2px;
}
.NN #MainSearchPeopleCountSlideDown ul {
  margin: 0;
  padding: 0;
  list-style: none;
  padding: 10px;
  float: left;
}
.NN #MainSearchPeopleCountSlideDown li {
  list-style: none;
  width: 100%;
  float: left;
  height: 25px !important;
  line-height: 25px !important;
  margin-bottom: 10px;
  background-color: #bfcc71;
  text-align: center;
  color: white;
  cursor: pointer;
}
.NN #MainSearchPeopleCountSlideDown li:hover {
  background-color: #9EA85E;
}
.NN .MainSearchResultOuter .pane-left {
  padding-top: 0;
}
.NN #MainSearchAreaSlideDown {
  width: 350px;
  /*top:-1000px;*/
  position: relative;
  float: left;
  background-color: #fff;
  height: 450px;
  padding: 10px;
}
.NN #MainSearchAreaSlideDown iframe {
  width: 100%;
  height: 100%;
  border: none;
}
.NN .searchField .fieldlabel .MainSearchDropDown {
  display: none;
  height: 0px;
  overflow: hidden;
  transition: 0.3s all;
  position: absolute;
  left: 0;
  top: 60px;
  min-width: 250px;
  width: 100%;
  background-color: #F4F4F4;
  -webkit-box-shadow: 0px 10px 42px -9px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 10px 42px -9px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 10px 42px -9px rgba(0, 0, 0, 0.75);
  color: #2D2D2D;
  z-index: 10;
}
.NN .searchField .fieldlabel .MainSearchDropDown .btn {
  margin-left: 5px;
}
.NN .searchField .fieldlabel .MainSearchDropDown.unfolded {
  transition: 0.3s all;
  height: auto;
  display: block;
}
.NN .searchField .fieldlabel .MainSearchDropDown ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: block;
  width: 100%;
  /*
             ul {
                display:none;
                &.unfolded {
                    display:block;
                }
            }*/
}
.NN .searchField .fieldlabel .MainSearchDropDown li {
  list-style: none;
  margin: 0;
  width: 100%;
  line-height: 40px;
  padding: 0 0 0 10px;
  border-bottom: 1px solid white;
  color: #2D2D2D;
}
.NN .searchField .fieldlabel .MainSearchDropDown li strong {
  line-height: 40px;
  cursor: pointer;
  display: block;
  height: 40px;
}
.NN .searchField .fieldlabel .MainSearchDropDown li strong i,
.NN .searchField .fieldlabel .MainSearchDropDown li strong span {
  line-height: 40px;
  height: 40px;
}
.NN .searchField .fieldlabel .MainSearchDropDown li label {
  padding-left: 20px;
  font-weight: normal;
  line-height: 40px;
  cursor: pointer;
  display: block;
  height: 40px;
  margin: 0;
}
.NN .searchField .fieldlabel .MainSearchDropDown li li {
  height: 0px;
  overflow: hidden;
  display: block;
  transition: 0.3s all;
  line-height: 0px;
  opacity: 0;
}
.NN .searchField .fieldlabel .MainSearchDropDown li .unfolded li {
  transition: 0.3s all;
  height: 40px;
  line-height: 40px;
  opacity: 1;
}
.NN .searchField .fieldlabel .MainSearchDropDown.PeopleDropDown li {
  position: relative;
}
.NN .searchField .fieldlabel .MainSearchDropDown.PeopleDropDown li:before {
  position: absolute;
  left: 6px;
  top: 6px;
  color: #2D2D2D;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 20px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.NN .searchField .fieldlabel .MainSearchDropDown.PeopleDropDown li:before {
  content: "\f10c";
}
.NN .searchField .fieldlabel .MainSearchDropDown.PeopleDropDown li.selected:before {
  content: "\f111";
}
.NN .searchField .fieldlabel .MainSearchDropDown.PeopleDropDown li:before {
  position: absolute;
  left: 8px;
  top: 10px;
  color: #2D2D2D;
}
.NN .searchField .fieldlabel .MainSearchDropDown.PeriodDropDown li {
  position: relative;
}
.NN .searchField .fieldlabel .MainSearchDropDown.PeriodDropDown li:before {
  position: absolute;
  left: 6px;
  top: 6px;
  color: #2D2D2D;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 20px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.NN .searchField .fieldlabel .MainSearchDropDown.PeriodDropDown li:before {
  content: "\f10c";
}
.NN .searchField .fieldlabel .MainSearchDropDown.PeriodDropDown li.selected:before {
  content: "\f111";
}
.NN .searchField .fieldlabel .MainSearchDropDown.PeriodDropDown li:before {
  position: absolute;
  left: 8px;
  top: 10px;
  color: #2D2D2D;
}
.NN .searchField .fieldlabel .MainSearchDropDown.WeekDropDown {
  line-height: 20px;
  width: 200%;
}
@media (max-width: 991px) {
  .NN .searchField .fieldlabel .MainSearchDropDown.WeekDropDown {
    width: 100%;
  }
}
.NN .searchField .fieldlabel .MainSearchDropDown.WeekDropDown > div {
  padding: 10px 10px;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.NN .searchField .fieldlabel .MainSearchDropDown.WeekDropDown > div > strong {
  display: block;
  width: 100%;
  float: left;
  margin-bottom: 5px;
}
.NN .searchField .fieldlabel .MainSearchDropDown.WeekDropDown > div > div {
  float: left;
  margin-bottom: 5px;
  display: block;
  width: 55px;
  height: 30px;
  line-height: 30px;
  position: relative;
  cursor: pointer;
  margin-right: 5px;
  padding: 0 4px;
  padding-left: 28px;
  background-color: white;
  border-radius: 3px;
}
.NN .searchField .fieldlabel .MainSearchDropDown.WeekDropDown > div > div:before {
  position: absolute;
  left: 6px;
  top: 6px;
  color: #2D2D2D;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 20px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.NN .searchField .fieldlabel .MainSearchDropDown.WeekDropDown > div > div:before {
  content: "\f096";
}
.NN .searchField .fieldlabel .MainSearchDropDown.WeekDropDown > div > div.selected:before {
  content: "\f046";
}
.NN .searchField .fieldlabel .MainSearchDropDown.WeekDropDown > div > div:before {
  position: absolute;
  left: 3px;
  top: 6px;
  color: #2D2D2D;
}
.NN .searchField .fieldlabel .MainSearchDropDown.WeekDropDown > div > div div {
  /*padding-left: 25px;*/
  margin-bottom: 5px;
  display: inline-block;
}
.NN .searchField .AreaDropDown {
  line-height: 30px;
}
.NN .searchField .AreaDropDown i {
  float: none;
  position: relative;
  right: auto;
}
.NN .searchField .AreaDropDown li label.AreaHeader {
  padding-left: 30px;
}
.NN .searchField {
  /*position: absolute;
    left: 50%;
    top: -150px;
    */
  position: absolute;
  left: 0;
  right: 0;
  top: -150px;
  margin: 0 auto;
}
.NN .searchField > div {
  position: relative;
  margin: 0 auto;
  left: auto;
}
.NN .searchField > div > div {
  background-color: transparent;
  padding: 10px;
}
.NN .searchField i {
  position: absolute;
  left: 5px;
  font-size: 20px;
  color: #90A84C;
}
.NN .searchField > div {
  left: -50%;
}
@media (max-width: 991px) {
  .NN .searchField {
    padding: 0;
  }
}
@media (max-width: 767px) {
  .NN .searchField.container {
    left: 0;
    /* width: 100%; */
    right: 0;
  }
  .NN .searchField.container .fieldlabel {
    left: 0;
  }
}
@media (min-width: 992px) {
  .NN .searchField {
    position: absolute;
    left: 0;
    right: 0;
    top: -150px;
    margin: 0 auto;
    /*
        position: absolute;
        left: 50%;
        top: -150px;

        > div {
            position:relative;
            left: -50%;
        }

        > div > div {
            background-color: rgba(255,255,255, 0.3);
            padding:10px;
            //height:80px;
        }*/
  }
  .NN .searchField > div {
    position: relative;
    margin: 0 auto;
    left: auto;
  }
  .NN .searchField > div > div {
    background-color: rgba(255, 255, 255, 0.3);
    padding: 10px;
  }
  .NN .searchField .fieldlabel {
    height: 60px;
  }
  .NN .searchField .fieldlabel > div > div {
    height: 60px;
    line-height: 60px;
  }
  .NN .searchField .fieldlabel > div i {
    margin: 0 5px 0 10px;
    height: 60px;
    line-height: 60px;
  }
  .NN .searchField .fieldlabel > div label {
    font-size: 14px;
    height: 60px;
    line-height: 60px;
  }
  .NN .mainsearchresult mainsearch {
    /* position:absolute;
            top: 100px; */
    position: relative;
    top: 0;
    width: 100%;
    background-color: #455024;
    display: block;
    height: 80px;
    /*overflow-x:hidden;
            overflow-y:visible;*/
    -webkit-box-shadow: 0px 10px 42px -9px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 10px 42px -9px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 10px 42px -9px rgba(0, 0, 0, 0.75);
    z-index: 2;
  }
  .NN .mainsearchresult .searchField {
    margin-left: 0px;
    position: relative;
    left: auto;
    top: auto;
    margin: 0 auto;
  }
  .NN .mainsearchresult .searchField > div {
    position: relative;
    margin: 0 auto;
    left: auto;
  }
  .NN .mainsearchresult .searchField > div > div {
    background-color: transparent;
    padding: 10px;
  }
  .NN .mainsearchresult .searchField > div > div .search-input,
  .NN .mainsearchresult .searchField > div > div #MainSearchArea,
  .NN .mainsearchresult .searchField > div > div #MainSearchPeriodFrom,
  .NN .mainsearchresult .searchField > div > div #MainSearchPeriodLength,
  .NN .mainsearchresult .searchField > div > div #MainSeachPeopleCount {
    background-color: #455024;
    color: white;
  }
}
@media (max-width: 991px) {
  .NN .searchField {
    position: absolute;
    left: 50%;
    top: -250px;
    margin-left: 0px;
  }
  .NN .searchField > div {
    position: relative;
    left: -50%;
  }
  .NN .searchField > div > div {
    background-color: rgba(255, 255, 255, 0.3);
    padding: 10px;
  }
  .NN .searchField .fieldlabel {
    height: 60px;
  }
  .NN .searchField .fieldlabel > div > div {
    height: 60px;
    line-height: 60px;
  }
  .NN .searchField .fieldlabel > div i {
    margin: 0 5px 0 10px;
    height: 60px;
    line-height: 60px;
  }
  .NN .searchField .fieldlabel > div label {
    font-size: 14px;
    height: 60px;
    line-height: 60px;
  }
  .NN .mainsearchresult mainsearch {
    /* position:absolute;
            top: 60px; */
    top: 0;
    width: 100%;
    background-color: white;
    display: block;
    height: 200px;
    /*overflow-x:hidden;
            overflow-y:visible;*/
    /*-webkit-box-shadow: 0px 10px 42px -9px rgba(0,0,0,0.75);
            -moz-box-shadow: 0px 10px 42px -9px rgba(0,0,0,0.75);
            box-shadow: 0px 10px 42px -9px rgba(0,0,0,0.75);*/
    z-index: 2;
    border-bottom: 1px solid #AAAAAA;
  }
  .NN .mainsearchresult .searchField.container {
    margin-left: 0px;
    position: relative;
    left: auto;
    top: auto;
    margin: 0 auto;
    height: 200px;
  }
  .NN .mainsearchresult .searchField.container > div {
    position: relative;
    margin: 0 auto;
    left: auto;
    height: auto;
    height: 200px;
  }
  .NN .mainsearchresult .searchField.container > div > div {
    background-color: transparent;
    padding: 0;
  }
  .NN .mainsearchresult .searchField.container > div > div .search-input,
  .NN .mainsearchresult .searchField.container > div > div #MainSearchArea,
  .NN .mainsearchresult .searchField.container > div > div #MainSearchPeriodFrom,
  .NN .mainsearchresult .searchField.container > div > div #MainSearchPeriodLength,
  .NN .mainsearchresult .searchField.container > div > div #MainSeachPeopleCount {
    background-color: white;
    color: #2D2D2D;
    border-right: none;
  }
  .NN .mainsearchresult .searchField.container > div > div #MainSeachButton {
    width: 50%;
    left: 50%;
    right: 0;
    bottom: 10px;
    position: absolute;
    float: none;
    margin-left: -25%;
  }
  .NN .mainsearchresult .searchField.container #MainSearchArea .MainSearchDropDown {
    width: 200%;
  }
  .NN .mainsearchresult .searchField.container #MainSearchPeriodFrom .MainSearchDropDown {
    width: 200%;
    right: 0px;
    left: auto;
  }
  .NN .mainsearchresult .searchField.container #MainSearchPeriodLength .MainSearchDropDown {
    width: 200%;
  }
  .NN .mainsearchresult .searchField.container #MainSeachPeopleCount .MainSearchDropDown {
    width: 200%;
    right: 0px;
    left: auto;
  }
  .NN .mainsearchresult .houses-body {
    position: relative;
  }
}
@media (max-width: 448px) {
  .NN .searchField {
    top: -420px;
  }
  .NN .searchField .search-input {
    width: 100%;
    margin-bottom: 10px;
  }
  .NN .searchField > div > div {
    padding: 15px 10px;
  }
  .NN .mainsearchresult mainsearch {
    /*
            position:absolute;
            top: 60px;*/
    top: 0;
    width: 100%;
    background-color: white;
    display: block;
    height: 380px;
    /*overflow-x:hidden;
            overflow-y:visible;*/
    /*-webkit-box-shadow: 0px 10px 42px -9px rgba(0,0,0,0.75);
            -moz-box-shadow: 0px 10px 42px -9px rgba(0,0,0,0.75);
            box-shadow: 0px 10px 42px -9px rgba(0,0,0,0.75);*/
    z-index: 2;
    border-bottom: 1px solid #AAAAAA;
  }
  .NN .mainsearchresult .searchField.container {
    margin-left: 0px;
    position: relative;
    left: auto;
    top: auto;
    margin: 0 auto;
    height: 380px;
  }
  .NN .mainsearchresult .searchField.container > div {
    position: relative;
    margin: 0 auto;
    left: auto;
    height: auto;
    height: 380px;
  }
  .NN .mainsearchresult .searchField.container > div > div {
    background-color: transparent;
    padding: 0;
  }
  .NN .mainsearchresult .searchField.container > div > div .search-input,
  .NN .mainsearchresult .searchField.container > div > div #MainSearchArea,
  .NN .mainsearchresult .searchField.container > div > div #MainSearchPeriodFrom,
  .NN .mainsearchresult .searchField.container > div > div #MainSearchPeriodLength,
  .NN .mainsearchresult .searchField.container > div > div #MainSeachPeopleCount {
    background-color: white;
    color: #2D2D2D;
    border-right: none;
  }
  .NN .mainsearchresult .searchField.container > div > div #MainSeachButton {
    width: 50%;
    left: 50%;
    right: 0;
    bottom: 10px;
    position: absolute;
    float: none;
    margin-left: -25%;
  }
  .NN .mainsearchresult .searchField.container #MainSearchArea .MainSearchDropDown {
    width: 100%;
  }
  .NN .mainsearchresult .searchField.container #MainSearchPeriodFrom .MainSearchDropDown {
    width: 100%;
    right: auto;
    left: 0;
  }
  .NN .mainsearchresult .searchField.container #MainSearchPeriodLength .MainSearchDropDown {
    width: 100%;
  }
  .NN .mainsearchresult .searchField.container #MainSeachPeopleCount .MainSearchDropDown {
    width: 100%;
    right: auto;
    left: 0;
  }
  .NN .mainsearchresult .houses-body {
    position: relative;
  }
}
.NN .mainsearchresult .searchField {
  margin-top: 0px;
  height: 80px;
  margin-bottom: 10px;
}
.NN .mainsearchresult .angular-google-map-container {
  height: 1000px;
}
.NN .mainsearchresult .angular-google-map,
.NN .mainsearchresult .gm-style {
  background-color: #A3CCFF;
}
.NN .mainsearchresult .mainsearchresultlist {
  height: 1000px;
  overflow-y: scroll;
  background-color: #f5f5f5;
}
.NN .mainsearchresult h2 {
  margin-top: 10px;
  font-size: 22px;
  line-height: 24px;
  font-weight: bold;
  margin-bottom: 5px;
  height: 50px;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.NN .mainsearchresult .HouseRating {
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 5px;
}
.NN .mainsearchresult h3 {
  margin-top: 0px;
  font-size: 16px;
  line-height: 18px;
  font-weight: bold;
}
.NN .mainsearchresult .HouseView {
  margin-bottom: 20px;
  background-color: white;
  position: relative;
}
@media (max-width: 448px) {
  .NN .mainsearchresult .HouseView {
    -webkit-box-shadow: 0px 5px 30px -5px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 5px 30px -5px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 5px 30px -5px rgba(0, 0, 0, 0.75);
  }
}
.NN .mainsearchresult .HouseView .HouseInfo {
  position: relative;
  overflow: hidden;
  /*.FavouriteStar {
                font-size: 22px;
                background-color: @backgroundcolor;
                color:@forecolor;
                position:absolute;
                line-height: 30px;
                text-align:center;
                width:30px;
                height:30px;
                cursor:pointer;
                right:0px;
                top:0px;
            }*/
}
.NN .mainsearchresult .HouseView .HouseInfo .ImageCol {
  padding: 0px;
}
.NN .mainsearchresult .HouseView .HouseInfo .TextCol {
  position: relative;
  height: 270px;
}
@media (max-width: 448px) {
  .NN .mainsearchresult .HouseView .HouseInfo .TextCol {
    height: auto;
  }
}
.NN .mainsearchresult .HouseView .HouseInfo .TextCol .Description {
  height: 74px;
  overflow: hidden;
}
.NN .mainsearchresult .HouseView .HouseInfo .ReadMore {
  position: absolute;
  left: 10px;
  bottom: 10px;
  height: 30px;
  line-height: 30px;
  background-color: grey;
  color: white;
  padding: 0 10px;
  cursor: pointer;
}
.NN .mainsearchresult .HouseView .HouseDetails {
  height: 40px;
  position: relative;
}
.NN .mainsearchresult .HouseView .HouseDetails .ViewDetails {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  height: 40px;
  background-color: #e5e5e5;
  color: #777;
  cursor: pointer;
  font-size: 16px;
  font-weight: bold;
  line-height: 40px;
}
.NN .mainsearchresult .HouseView .HouseDetails .ViewDetails:hover {
  color: #555;
}
.NN .mainsearchresult .HouseView .HouseDetails.Unfolded {
  height: 425px;
}
.NN .mainsearchresult .HouseView .ShowHouseMobile {
  text-align: left;
  padding-left: 20px;
  position: relative;
}
.NN .mainsearchresult .HouseView .ShowHouseMobile i.box {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #819644;
  transition: 0.3s all;
  height: 50px;
  width: 50px;
}
.NN .mainsearchresult .HouseView .ShowHouseMobile i.box svg {
  height: 25px;
  width: 15px;
  position: absolute;
  left: 20px;
  top: 11px;
}
.NN .mainsearchresult .HouseView .ShowHouseMobile i.box svg polyline {
  stroke: white;
}
.NN .mainsearchresult .HouseView .ShowHouseMobile:hover i.box {
  transition: 0.3s all;
  background-color: #72853c;
}
.NN .SearchReturnHomeBar {
  position: relative;
  background-color: #455024;
  color: white;
  height: 50px;
  line-height: 50px;
  text-align: center;
  width: 100%;
  font-weight: bold;
  font-size: 20px;
  -webkit-box-shadow: 0px 10px 42px -9px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 10px 42px -9px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 10px 42px -9px rgba(0, 0, 0, 0.75);
  z-index: 3;
  cursor: pointer;
}
@media (max-width: 991px) {
  .NN .MainSearchResultOuter {
    top: 110px;
  }
}
.NN .MainSearchResultOuter .search-filter-bar {
  height: 60px;
  width: 100%;
  background-color: #F9F9F9;
  border-bottom: 1px solid #AAAAAA;
}
@media (max-width: 991px) {
  .NN .MainSearchResultOuter .search-filter-bar {
    display: block;
    position: relative;
    -webkit-box-shadow: 0px 0px 60px -9px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 60px -9px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 60px -9px rgba(0, 0, 0, 0.75);
    z-index: 2;
    border-bottom: none;
  }
}
.NN .MainSearchResultOuter .search-filter-bar > div {
  position: relative;
  height: 20px;
  line-height: 20px;
  text-align: center;
  margin: 20px 0 20px 0;
  border-left: 1px solid #AAAAAA;
  color: #2D2D2D;
  cursor: pointer;
}
@media (max-width: 991px) {
  .NN .MainSearchResultOuter .search-filter-bar > div.first {
    border-left: none;
  }
}
.NN .MainSearchResultOuter .search-filter-bar > div:hover {
  color: #819644;
}
.NN .MainSearchResultOuter .search-filter-bar > div.last {
  border-right: none;
}
.NN .MainSearchResultOuter .search-filter-bar > div::after {
  content: '\f107';
  font-family: FontAwesome;
  text-decoration: none!important;
  font-size: 14px;
  text-align: center;
  line-height: 20px;
  position: absolute;
  right: 10px;
  top: 0px;
}
.NN .MainSearchResultOuter .search-filter-bar .FilterDropDown {
  height: 0px;
  overflow: hidden;
  transition: 0.3s all;
  position: absolute;
  left: 0;
  top: 39px;
  width: 100%;
  /*@media (max-width: 448px) {
                width: 300%;
            }*/
  background-color: #F4F4F4;
  -webkit-box-shadow: 0px 10px 42px -9px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 10px 42px -9px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 10px 42px -9px rgba(0, 0, 0, 0.75);
  color: #2D2D2D;
  z-index: 10;
}
.NN .MainSearchResultOuter .search-filter-bar .FilterDropDown.unfolded {
  transition: 0.3s all;
  height: auto;
}
.NN .MainSearchResultOuter .search-filter-bar .FilterDropDown .btn {
  margin-left: 5px;
}
.NN .MainSearchResultOuter .search-filter-bar .FilterDropDown ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: block;
  width: 100%;
  /*
                 ul {
                    display:none;
                    &.unfolded {
                        display:block;
                    }
                }*/
}
.NN .MainSearchResultOuter .search-filter-bar .FilterDropDown li {
  list-style: none;
  margin: 0;
  width: 100%;
  line-height: 40px;
  padding: 0 0 0 10px;
  border-bottom: 1px solid white;
  color: #2D2D2D;
}
.NN .MainSearchResultOuter .search-filter-bar .FilterDropDown li strong {
  line-height: 40px;
  cursor: pointer;
  display: block;
  height: 40px;
}
.NN .MainSearchResultOuter .search-filter-bar .FilterDropDown li strong i,
.NN .MainSearchResultOuter .search-filter-bar .FilterDropDown li strong span {
  line-height: 40px;
  height: 40px;
}
.NN .MainSearchResultOuter .search-filter-bar .FilterDropDown li label {
  padding-left: 20px;
  font-weight: normal;
  line-height: 40px;
  cursor: pointer;
  display: block;
  height: 40px;
  margin: 0;
}
.NN .MainSearchResultOuter .search-filter-bar .FilterDropDown li li {
  height: 0px;
  overflow: hidden;
  display: block;
  transition: 0.3s all;
  line-height: 0px;
  opacity: 0;
}
.NN .MainSearchResultOuter .search-filter-bar .FilterDropDown li .unfolded li {
  transition: 0.3s all;
  height: 40px;
  line-height: 40px;
  opacity: 1;
}
.NN .MainSearchResultOuter .search-filter-bar .FilterDropDown.radiolist li {
  position: relative;
  text-align: left;
  padding-left: 35px;
}
.NN .MainSearchResultOuter .search-filter-bar .FilterDropDown.radiolist li:before {
  position: absolute;
  left: 6px;
  top: 6px;
  color: #2D2D2D;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 20px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.NN .MainSearchResultOuter .search-filter-bar .FilterDropDown.radiolist li:before {
  content: "\f10c";
}
.NN .MainSearchResultOuter .search-filter-bar .FilterDropDown.radiolist li.selected:before {
  content: "\f111";
}
.NN .MainSearchResultOuter .search-filter-bar .FilterDropDown.radiolist li:before {
  position: absolute;
  left: 8px;
  top: 10px;
  color: #2D2D2D;
}
.NN .MainSearchResultOuter .search-filter-bar .FilterDropDown.checkbuttons {
  line-height: 20px;
  width: 100%;
  text-align: left;
}
.NN .MainSearchResultOuter .search-filter-bar .FilterDropDown.checkbuttons > div {
  padding: 10px 10px;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.NN .MainSearchResultOuter .search-filter-bar .FilterDropDown.checkbuttons > div > strong {
  display: block;
  width: 100%;
  float: left;
  margin-bottom: 5px;
}
.NN .MainSearchResultOuter .search-filter-bar .FilterDropDown.checkbuttons > div > div {
  float: left;
  margin-bottom: 5px;
  display: block;
  width: 164px;
  height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 30px;
  position: relative;
  cursor: pointer;
  margin-right: 5px;
  padding: 0 4px;
  padding-left: 28px;
  background-color: white;
  border-radius: 3px;
  text-align: left;
}
.NN .MainSearchResultOuter .search-filter-bar .FilterDropDown.checkbuttons > div > div:before {
  position: absolute;
  left: 6px;
  top: 6px;
  color: #2D2D2D;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 20px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.NN .MainSearchResultOuter .search-filter-bar .FilterDropDown.checkbuttons > div > div:before {
  content: "\f096";
}
.NN .MainSearchResultOuter .search-filter-bar .FilterDropDown.checkbuttons > div > div.selected:before {
  content: "\f046";
}
@media (max-width: 991px) {
  .NN .MainSearchResultOuter .search-filter-bar .FilterDropDown.checkbuttons > div > div {
    width: 135px;
  }
}
.NN .MainSearchResultOuter .search-filter-bar .FilterDropDown.checkbuttons > div > div:before {
  position: absolute;
  left: 3px;
  top: 6px;
  color: #2D2D2D;
}
.NN .MainSearchResultOuter .search-filter-bar .FilterDropDown.checkbuttons > div > div div {
  /*padding-left: 25px;*/
  margin-bottom: 5px;
  display: inline-block;
}
.NN #MainSeachButton.search-input {
  background-color: #90A84C;
}
.NN #MainSeachButton.search-input:after {
  content: url('../../../Assets/svg/arrowbobble.svg');
  position: absolute;
  right: 15px;
  top: 7px;
}
.NN #MainSeachButton.search-input:hover {
  background-color: #819644;
}
.NN #MainSeachButton.search-input.CreateProfile {
  background-color: white;
  color: #90A84C;
}
.NN #MainSeachButton.search-input.CreateProfile:hover {
  color: #819644;
}
.NN .MapWindowHouse {
  width: 220px;
  height: 300px;
  position: relative;
  margin: 5px 0;
}
.NN .MapWindowHouse .Image {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 120px;
  background-position: center center;
  background-size: cover;
  z-index: 1;
}
.NN .MapWindowHouse .btn {
  color: white;
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
}
.NN .MapWindowHouse .HouseName {
  position: absolute;
  left: 0px;
  top: 100px;
  width: 100%;
  height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 2;
}
.NN .MapWindowHouse .HouseName span {
  line-height: 20px;
  padding-left: 5px;
  color: white;
}
.NN .MapWindowHouse .UserRating {
  position: absolute;
  top: 130px;
  left: 0px;
  text-align: right;
  color: #90A84C;
  /*.fa {
            line-height: 32px!important;
        }*/
}
.NN .MapWindowHouse .Attributes {
  position: absolute;
  width: 100%;
  top: 155px;
  height: 78px;
  overflow: hidden;
}
.NN .MapWindowHouse .Attributes .HouseAttributes li {
  line-height: 20px;
  padding-left: 0px;
}
.NN .MapWindowHouse .Attributes .HouseAttributes li:before {
  display: none;
}
.NN svg.mapmarker {
  width: 30px;
  height: 30px;
}
.NN svg.mapmarker.active {
  width: 40px;
  height: 40px;
}
.NN svg.mapmarker path {
  fill: #90A84C;
}
.NN .sidebar-navigation {
  padding-top: 50px;
  padding-right: 30px;
}
.NN .sidebar-navigation .top-lvl-page {
  font-size: 16px;
  font-weight: bold;
}
.NN .sidebar-navigation ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.NN .sidebar-navigation ul li {
  border-bottom: 1px solid #C3C8C8;
  padding-right: 3px;
}
.NN .sidebar-navigation ul li.selected a {
  color: #F1BC0A;
}
.NN .sidebar-navigation ul li a {
  color: #5E6A71;
  display: block;
  padding: 6px 3px 6px 10px;
}
.NN #MsgSave {
  position: fixed;
  bottom: 0;
  left: 0;
  background-color: #000;
  color: #FFF;
  display: none;
  padding: 20px;
  font-size: 20px;
  z-index: 1000;
  cursor: pointer;
}
.NN #calenderMatrixWrapper * {
  box-sizing: content-box;
}
.NN #calenderMatrixWrapper .tooltip {
  opacity: 1;
  -moz-opacity: 1;
  filter: alpha(opacity=100);
  position: relative;
  display: inline;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  text-align: inherit;
  text-decoration: inherit;
  text-shadow: inherit;
  text-transform: inherit;
  white-space: inherit;
  word-break: inherit;
  word-spacing: inherit;
  word-wrap: inherit;
  z-index: inherit;
}
.NN #tooltip {
  width: 220px;
  border: none;
  padding: 0;
  background-color: #F0EFED;
}
.NN #tooltip table {
  width: 100%;
  color: #2D2D2D;
  margin: 5px 0;
}
.NN #tooltip .TooltipHeader {
  padding: 10px;
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  background-color: #90A84C;
  color: white;
  width: 100%;
}
.NN #tooltip .TooltipItemTitle {
  font-weight: bold;
  padding: 5px 0px 5px 10px;
}
.NN #tooltip .TooltipItemValue {
  text-align: right;
  padding: 10px;
  padding: 5px 10px 5px 0px;
}
.NN #ulLotteryHouses #CalenderList {
  float: left;
  height: 214px;
  /*width: 271px;*/
  margin-left: 128px;
}
.NN #ulLotteryHouses #CalenderList .handle,
.NN #ulLotteryHouses #CalenderList .deleteteLot,
.NN #ulLotteryHouses #CalenderList .house,
.NN #ulLotteryHouses #CalenderList .ugeSmall,
.NN #ulLotteryHouses #CalenderList .new {
  display: none;
}
.NN #BasketContainer .house,
.NN #BasketList .house {
  float: left;
  width: 240px;
}
.NN #BasketContainer .handle,
.NN #BasketList .handle {
  float: left;
  width: 40px;
  height: 18px;
  text-align: center;
  background-image: url('/App_Themes/DinFerieFond/images/layout/ikoner/Flyt_passiv.png');
  background-position: center center;
  background-repeat: no-repeat;
  display: block;
}
.NN #basket .handle,
.NN #basket .deleteLot {
  margin-top: 4px;
}
.NN #BasketContainer .handle:hover,
.NN #BasketList .handle:hover {
  background-image: url('/App_Themes/DinFerieFond/images/layout/ikoner/Flyt_aktiv.png');
}
.NN #BasketContainer .deleteLot,
.NN #BasketList .deleteLot {
  float: left;
  width: 40px;
  height: 18px;
  text-align: center;
  background-image: url('/App_Themes/DinFerieFond/images/layout/ikoner/Luk_passiv.png');
  background-position: center center;
  background-repeat: no-repeat;
  margin-left: 6px;
  display: block;
}
.NN #BasketContainer .deleteLot:hover,
.NN #BasketList .deleteLot:hover {
  background-image: url('/App_Themes/DinFerieFond/images/layout/ikoner/Luk_aktiv.png');
}
.NN #DrawHeader {
  float: left;
  width: 100%;
  background-color: #FFF;
}
.NN .fixedScroll {
  position: fixed;
  top: 0px;
  z-index: 10;
}
.NN .fixedScroll2 {
  position: fixed;
  top: 37px;
  z-index: 10;
}
.NN .clear {
  clear: both;
  font-size: 1px;
  line-height: 1px;
}
.NN .hiddenBox {
  display: none;
}
.NN #text {
  float: left;
  line-height: 37px;
  height: 37px;
  color: #FFF;
  font-weight: bold;
  font-size: 14px;
  text-align: center;
  width: 467px;
  text-transform: uppercase;
}
.NN div.overLipHouseView {
  width: 600px;
}
.NN div.overLipHouseView > div.overLipHouseHeadline {
  width: 100%;
}
.NN div.overLipHouseView > div.overLipHouseLeftDiv {
  float: left;
  width: 160px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.NN div.overLipHouseView > div.overLipHouseLeftDiv > img {
  margin-bottom: 10px;
}
.NN div.overLipHouseView > div.overLipHouseLeftDiv > div.overLipHouseAttributes {
  width: 150px;
  padding-left: 4px;
}
.NN div.overLipHouseView > div.overLipHouseLeftDiv > div.overLipHouseAttributes > div.pictodiv {
  float: left;
  width: 50px;
  height: 64px;
}
.NN div.overLipHouseView > div.overLipHouseLeftDiv > div.overLipHouseAttributes > div.pictodiv > table.pictotable {
  width: 30px;
}
.NN div.overLipHouseView > div.overLipHouseText {
  width: 440px;
  padding-top: 10px;
  float: right;
}
.NN .calendarTypeRadios {
  float: left;
  margin: 0;
  padding: 0;
}
.NN .calendarTypeRadios input {
  /* display: none; */
}
.NN .calendarTypeRadios li,
.NN .filterItem {
  border: 1px solid #90A84C;
  float: left;
  height: 18px;
  margin-right: 5px;
  padding: 3px 10px;
  background-color: #F9F4DB;
  list-style-type: none;
  cursor: pointer;
}
.NN a.smallbutton,
.NN input.smallbutton {
  /*float: right;
        margin-left: 10px;
        border: none;
        cursor: pointer;*/
}
.NN #DrawBreadcrumb {
  float: right;
  position: relative;
  top: -26px;
}
.NN #DrawBreadcrumb ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.NN #DrawBreadcrumb li {
  float: left;
  margin-left: 10px;
  cursor: pointer;
}
.NN #DrawBreadcrumb li.selected {
  color: #90A84C;
}
.NN #result .tickitResult {
  margin-bottom: 10px;
  border-top: 1px solid #E1E6EC;
  padding-top: 10px;
}
.NN #viewControl {
  float: right;
}
.NN #viewControl a {
  float: left;
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
}
.NN #viewControl a#calenderMatrixView {
  width: 100px;
  height: 88px;
  text-align: center;
  color: #90A84C;
  position: relative;
  margin-right: 20px;
}
.NN #viewControl a#calenderMatrixView:before {
  font-size: 40px;
  content: "\f0ce";
  font-family: 'FontAwesome';
  text-decoration: none;
  width: 100px;
  height: 82px;
  line-height: 72px;
}
.NN html[lang=da] #viewControl a#calenderMatrixView:after {
  width: 100px;
  position: absolute;
  content: "Kalender";
  top: 64px;
  left: 0px;
  text-align: center;
  font-weight: bold;
}
.NN html[lang=en] #viewControl a#calenderMatrixView:after {
  width: 100px;
  position: absolute;
  content: "Calendar";
  top: 64px;
  left: 0px;
  text-align: center;
  font-weight: bold;
}
.NN #viewControl a#calenderMatrixView:hover,
.NN #viewControl a#calenderMatrixView.selected {
  border-bottom: 5px solid #D8A909;
  color: #D8A909;
}
.NN #viewControl a#imageGridView {
  width: 100px;
  height: 88px;
  text-align: center;
  color: #90A84C;
  position: relative;
  margin-right: 20px;
}
.NN #viewControl a#imageGridView:before {
  font-size: 36px;
  content: "\f002";
  font-family: 'FontAwesome';
  text-decoration: none;
  width: 100px;
  height: 82px;
  line-height: 66px;
}
.NN html[lang=da] #viewControl a#imageGridView:after {
  width: 100px;
  position: absolute;
  content: "Søgeresultat";
  top: 64px;
  left: 0px;
  text-align: center;
  font-weight: bold;
}
.NN html[lang=en] #viewControl a#imageGridView:after {
  width: 100px;
  position: absolute;
  content: "Results";
  top: 64px;
  left: 0px;
  text-align: center;
  font-weight: bold;
}
.NN #viewControl a#imageGridView:hover,
.NN #viewControl a#imageGridView.selected {
  border-bottom: 5px solid #D8A909;
  color: #D8A909;
}
.NN #viewControl a#imageGridViewAll {
  width: 100px;
  height: 88px;
  text-align: center;
  position: relative;
  color: #90A84C;
}
.NN #viewControl a#imageGridViewAll:before {
  font-size: 40px;
  content: "\f00a";
  font-family: 'FontAwesome';
  text-decoration: none;
  width: 100px;
  height: 82px;
  line-height: 72px;
}
.NN html[lang=da] #viewControl a#imageGridViewAll:after {
  width: 100px;
  position: absolute;
  content: "Alle";
  top: 64px;
  left: 0px;
  text-align: center;
  font-weight: bold;
}
.NN html[lang=en] #viewControl a#imageGridViewAll:after {
  width: 100px;
  position: absolute;
  content: "All";
  top: 64px;
  left: 0px;
  text-align: center;
  font-weight: bold;
}
.NN #viewControl a#imageGridViewAll:hover,
.NN #viewControl a#imageGridViewAll.selected {
  border-bottom: 5px solid #D8A909;
  color: #D8A909;
}
.NN #viewControl a#imageGridViewAll:hover,
.NN #viewControl a#imageGridViewAll.selected {
  background-position: -668px -906px;
}
.NN a.smallbutton,
.NN input.smallbutton {
  /*background-color: #90A84C;
    color: #FFFFFF !important;
    display: block;
    font-size: 11px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    width: 73px;*/
}
.NN a.smallbutton:hover,
.NN input.smallbutton:hover {
  background-color: #D8A909;
}
.NN .fixedScroll {
  position: fixed;
  top: 0;
  width: 164px;
}
.NN #calenderMatrixHeader {
  background-image: none;
  width: 100%;
  /*572px;*/
  height: 35px;
  position: relative;
  z-index: 2;
}
.NN #CalendarContentArea {
  z-index: 1;
  margin-top: -3px;
  width: calc(100% - 200px);
  left: 200px;
  overflow-y: hidden;
  overflow-x: scroll;
  background-color: #cdccc6;
  background-image: url("/modules/booking_feriehuse/images/Hatch_white.png");
}
@media (max-width: 991px) {
  .NN #CalendarContentArea {
    width: calc(100% - 60px);
    left: 60px;
  }
}
.NN #mycarousel {
  width: 100%;
  overflow: hidden;
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.NN #mycarousel #calenderMatrixHeader {
  display: none;
}
.NN #calenderMatrixHeader a {
  float: left;
  background-color: #90A84C;
  display: block;
  width: 35px;
  height: 35px;
  cursor: pointer;
}
.NN #calenderMatrixHeader a#prev {
  margin-left: 200px;
  background-position: -308px -351px;
  border-right: 1px solid white;
  border-left: 1px solid white;
  text-decoration: none!important;
}
@media (max-width: 991px) {
  .NN #calenderMatrixHeader a#prev {
    margin-left: 60px;
  }
}
.NN #calenderMatrixHeader a:hover {
  background-color: #819644;
}
.NN #calenderMatrixHeader a#prev:before {
  font-family: FontAwesome;
  content: '\f104';
  color: white;
  text-decoration: none!important;
  font-size: 30px;
  text-align: center;
  line-height: 35px;
  width: 35px;
  padding-left: 10px;
}
.NN #calenderMatrixHeader a#next {
  float: right;
  margin-right: 0px;
  background-position: -361px -351px;
  border-left: 1px solid white;
  text-decoration: none!important;
}
.NN #calenderMatrixHeader a#next:before {
  font-family: FontAwesome;
  content: '\f105';
  color: white;
  text-decoration: none!important;
  font-size: 30px;
  text-align: center;
  line-height: 35px;
  padding-left: 10px;
}
.NN #CalendarOverview {
  font-family: Verdana;
  float: left;
  overflow: hidden;
  margin-top: -35px;
  position: relative;
  z-index: 1;
}
.NN #CalendarHeaderRowMonth {
  height: 36px;
  background-color: white;
  /*margin-left: 200px;
        @media (max-width: 991px) { 
            margin-left: 0px;
        }*/
}
.NN #CalendarRowHeaderMonthCell {
  background-color: #ffffff;
  /*#90A84C;*/
  width: 200px;
  float: left;
  height: 35px;
  position: relative;
  line-height: 35px;
  z-index: 2;
}
@media (max-width: 991px) {
  .NN #CalendarRowHeaderMonthCell {
    width: 60px;
  }
  .NN #CalendarRowHeaderMonthCell * {
    display: none;
  }
}
.NN #CalendarPeriodHeadersMonth {
  float: left;
  position: relative;
  z-index: 1;
  left: 200px!important;
}
@media (max-width: 991px) {
  .NN #CalendarPeriodHeadersMonth {
    left: 60px!important;
  }
}
.NN #CalendarPeriodHeadersMonth .CalendarHeaderMonthCell {
  float: left;
  height: 35px;
  line-height: 35px;
  border-left: 1px solid white;
  /*background-color:#f5f4ee;*/
  overflow: hidden;
  text-align: center;
  font-weight: bold;
  color: white;
  background-color: #90A84C;
}
.NN #CalendarHeaderRow {
  height: 24px;
  z-index: 2;
  background-color: white;
}
.NN #CalendarRowHeaderCell {
  width: 200px;
  float: left;
  height: 20px;
  z-index: 2;
  position: relative;
  background-color: #f5f4ee;
  /*
        -moz-box-shadow: 0px 0px 4px #555555;
        -webkit-box-shadow: 0px 0px 4px #555555;
        box-shadow: 0px 4px 4px #555555;
        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#555555')";
        filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#555555');*/
}
@media (max-width: 991px) {
  .NN #CalendarRowHeaderCell {
    width: 60px;
    text-overflow: ellipsis;
  }
}
.NN #CalendarPeriodHeaders {
  float: left;
  position: relative;
  z-index: 1;
  left: 200px;
  /*
        -moz-box-shadow: 0px 0px 4px #555555;
        -webkit-box-shadow: 0px 0px 4px #555555;
        box-shadow: 0px 4px 4px #555555;
        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#555555')";
        filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#555555');
        */
}
@media (max-width: 991px) {
  .NN #CalendarPeriodHeaders {
    left: 60px;
  }
}
.NN #CalendarPeriodHeaders .CalendarHeaderCell {
  width: 48px;
  float: left;
  height: 20px;
  border-left: 1px solid white;
  background-color: #f5f4ee;
}
.NN #CalendarPeriodHeaders .CalendarHeaderCell .line1 {
  width: 100%;
  text-align: center;
  float: left;
}
.NN #CalendarPeriodHeaders .CalendarHeaderCell .line2 {
  width: 100%;
  text-align: center;
  float: left;
  font-size: 11px;
}
.NN #CalendarRowHeaders {
  width: 200px;
  background-color: #f5f4ee;
  z-index: 1;
  margin-top: -3px;
  float: left;
}
@media (max-width: 991px) {
  .NN #CalendarRowHeaders {
    width: 60px;
  }
}
.NN #CalendarRowHeaders .CalendarRowHeaderCell {
  width: 200px;
  height: 22px;
  font-size: 12px;
  overflow: hidden;
  white-space: nowrap;
  border-bottom: 1px solid white;
}
@media (max-width: 991px) {
  .NN #CalendarRowHeaders .CalendarRowHeaderCell {
    width: 60px;
    text-overflow: ellipsis;
  }
}
.NN #CalendarContentArea .CalendarHouseRow {
  height: 22px;
  font-size: 12px;
  border-bottom: 1px solid white;
}
.NN #CalendarContentArea .CalendarHouseRow .CalendarPeriodCell {
  width: 48px;
  float: left;
  height: 22px;
  border-left: 1px solid #FFF;
  text-align: center;
  /*background-color:#FFCCCC;*/
  /*background-image: url("/images/BlackDashes.png");*/
}
.NN #CalendarContentArea .CalendarHouseRow .CalendarPeriodCell a {
  height: 22px;
  display: block;
}
.NN #CalendarContentArea .CalendarHouseRow .CalendarPeriodCell .FullWeek {
  width: 48px;
  position:relative;
  z-index: 2;
  background-color: #8EB958;
}
.NN #CalendarContentArea .CalendarHouseRow .CalendarPeriodCell .FullWeek a {
  width: 48px;
}
.NN #CalendarContentArea .CalendarHouseRow .CalendarPeriodCell .MidWeek {
  width: 27px;
  background-color: #8EB958;
  float: left;
  border-right: 1px solid #f5f4ee;
}
.NN #CalendarContentArea .CalendarHouseRow .CalendarPeriodCell .MidWeek a {
  width: 27px;
}
.NN #CalendarContentArea .CalendarHouseRow .CalendarPeriodCell .WeekEnd {
  width: 20px;
  background-color: #8EB958;
  float: right;
}
.NN #CalendarContentArea .CalendarHouseRow .CalendarPeriodCell .WeekEnd a {
  width: 20px;
}
.NN .jcarousel-container #calenderMatrixHeader {
  background-color: #90A84C;
}
.NN .jcarousel-container #calenderMatrixHeader a#prev {
  margin-left: 219px;
}
.NN .jcarousel-container #calenderMatrixHeader a#next {
  margin-right: -6px;
}
.NN .jcarousel-container #calenderMatrixHeader a#prev:before {
  font-family: FontAwesome;
  content: '';
  color: white;
  text-decoration: none!important;
  font-size: 30px;
  text-align: center;
  line-height: 35px;
  width: 35px;
  padding-left: 10px;
}
.NN #headerControl {
  float: left;
  width: 100%;
  /*height: 112px;*/
  border-bottom: 1px solid #B8BEC4;
  margin-bottom: 10px;
  background-color: #FFFFFF;
  z-index: 28;
}
.NN .calendaroverviewmodule {
  margin-top: 20px;
}
.NN #CalendarRowHeaderMonthCell .CalendarFreePeriodInfo {
  position: relative;
}
.NN #CalendarRowHeaderMonthCell .CalendarFreePeriodInfo .CalendarFreePeriodInfoFreeBox {
  background-color: #6CDD70;
  height: 22px;
  position: absolute;
  top: 1px;
  width: 30px;
}
.NN #CalendarRowHeaderMonthCell .CalendarFreePeriodInfo .CalendarFreePeriodInfoFreeEquals {
  left: 38px;
  line-height: 14px;
  position: absolute;
  top: 0;
  width: 153px;
}
.NN #CalendarRowHeaderMonthCell .CalendarFreePeriodInfo .CalendarFreePeriodInfoFreeLabel {
  left: 53px;
  line-height: 14px;
  position: absolute;
  top: 0;
  width: 153px;
}
.NN #tooltip {
  width: 300px;
}
.NN .tooltip2 {
  background-color: #6CDD70;
}
.NN .tooltip2:hover {
  background-color: #43d348;
}
.NN .topcarousel {
  height: 420px;
  overflow: hidden;
}
.NN .topcarousel .text-center {
  width: 100%;
  position: relative;
}
.NN .topcarousel .text-center img {
  position: relative;
  margin-left: 50%!important;
  transform: translateX(-50%);
}
@media (max-width: 991px) {
  .NN .loginpage .topcarousel {
    height: 220px;
  }
  .NN .loginpage .topcarousel .carousel {
    width: 100%;
  }
  .NN .loginpage .topcarousel .text-center {
    height: 220px;
    width: 100%;
    position: relative;
  }
  .NN .loginpage .topcarousel .text-center img {
    position: relative;
    margin-left: 50%!important;
    transform: translateX(-50%);
    height: 220px;
  }
}
.NN .WeekSelection > div {
  padding: 0px 10px 10px 10px;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.NN .WeekSelection > div > strong {
  display: block;
  width: 100%;
  float: left;
  margin-bottom: 5px;
}
.NN .WeekSelection > div > div {
  line-height: 20px;
  float: left;
  margin-bottom: 5px;
  display: block;
  width: 55px;
  height: 30px;
  line-height: 30px;
  position: relative;
  cursor: pointer;
  margin-right: 5px;
  padding: 0 4px;
  padding-left: 28px;
  background-color: white;
  border-radius: 3px;
}
.NN .WeekSelection > div > div:before {
  position: absolute;
  left: 6px;
  top: 6px;
  color: #2D2D2D;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 20px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.NN .WeekSelection > div > div:before {
  content: "\f096";
}
.NN .WeekSelection > div > div.selected:before {
  content: "\f046";
}
.NN .WeekSelection > div > div:before {
  position: absolute;
  left: 3px;
  top: 6px;
  color: #2D2D2D;
}
.NN .WeekSelection > div > div div {
  /*padding-left: 25px;*/
  margin-bottom: 5px;
  display: inline-block;
}
.NN .RadioSelection > div {
  padding: 0px 10px 10px 10px;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.NN .RadioSelection > div > div {
  line-height: 20px;
  display: block;
  position: relative;
  cursor: pointer;
  margin-right: 5px;
  padding: 0 4px;
  padding-left: 28px;
  height: 30px;
  line-height: 30px;
}
.NN .RadioSelection > div > div:before {
  position: absolute;
  left: 6px;
  top: 6px;
  color: #2D2D2D;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 20px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.NN .RadioSelection > div > div:before {
  content: "\f096";
}
.NN .RadioSelection > div > div.selected:before {
  content: "\f046";
}
.NN .RadioSelection > div > div:before {
  position: absolute;
  left: 3px;
  top: 6px;
  color: #2D2D2D;
}
.NN .RadioSelection > div > div div {
  /*padding-left: 25px;*/
  margin-bottom: 5px;
  display: inline-block;
}
.NN .SearchAgent > .row {
  margin-bottom: 20px;
}
.NN .SearchAgent .SignedUpCheckbox {
  position: relative;
  cursor: pointer;
  padding-left: 38px;
}
.NN .SearchAgent .SignedUpCheckbox:before {
  position: absolute;
  left: 6px;
  top: 6px;
  color: #2D2D2D;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 20px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.NN .SearchAgent .SignedUpCheckbox:before {
  content: "\f096";
}
.NN .SearchAgent .SignedUpCheckbox.selected:before {
  content: "\f046";
}
.NN .SearchAgent .SignedUpCheckbox:before {
  position: absolute;
  left: 13px;
  top: 3px;
  color: #2D2D2D;
}
.NN .SearchAgent .inactive {
  opacity: 0.3;
}
.NN #iframe-loading-bar .bar {
  display: none;
}
.NN #iframe-loading-bar-spinner {
  display: block;
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0;
  margin-top: 0px;
  margin-left: 0px;
  z-index: 10002;
  background: #000000;
  /* The Fallback */
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  pointer-events: auto;
}
.NN #iframe-loading-bar-spinner .loading-msg {
  font-size: 18px;
  color: #FFF;
  position: absolute;
  display: block;
  width: 200px;
  text-align: center;
  margin-left: -100px;
  /* Firefox */
  left: 50%;
  top: 50%;
}
.NN #iframe-loading-bar-spinner .spinner-icon {
  margin-top: 30px;
  position: relative;
  width: 30px;
  height: 30px;
  border: solid 2px transparent;
  border-top-color: #FFF;
  border-left-color: #FFF;
  border-radius: 30px;
  margin-left: -15px;
  /* Firefox */
  left: 50%;
  /* Firefox */
  top: -moz-calc(50%);
  /* WebKit */
  top: -webkit-calc(50%);
  /* Opera */
  top: -o-calc(50%);
  /* Standard */
  top: calc(50%);
  -webkit-animation: loading-bar-spinner 400ms linear infinite;
  -moz-animation: loading-bar-spinner 400ms linear infinite;
  -ms-animation: loading-bar-spinner 400ms linear infinite;
  -o-animation: loading-bar-spinner 400ms linear infinite;
  animation: loading-bar-spinner 400ms linear infinite;
}
@-webkit-keyframes iframe-loading-bar-spinner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes iframe-loading-bar-spinner {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes iframe-loading-bar-spinner {
  0% {
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-ms-keyframes iframe-loading-bar-spinner {
  0% {
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes iframe-loading-bar-spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.NN #iframe-loading-bar,
.NN #iframe-loading-bar-spinner {
  /*pointer-events: auto;
    -webkit-pointer-events: auto;*/
  -webkit-transition: 350ms linear all;
  -moz-transition: 350ms linear all;
  -o-transition: 350ms linear all;
  transition: 350ms linear all;
}

.errorMessage {
    font-size: 12px;
    color: red;
    width: 100%;
    line-height: 28px;
    text-align: center;
}