/*

Breakpoints are defined in customized bootstrap, but here are *copied* values to be used inside sass.

*/
/*
bootstrap fixes
*/
.container {
  min-width: 320px;
  max-width: 100%; }

@media (min-width: 0px) and (max-width: 640px) {
  .breakpointtest {
    border: 5px dotted gray; } }
@media (min-width: 0px) {
  .breakpointtest {
    background-color: lightgray; }
    .breakpointtest:before {
      content: "mobile"; } }
@media (min-width: 321px) and (max-width: 480px) {
  .breakpointtest {
    background-color: red; }
    .breakpointtest:before {
      content: "mobile2"; } }
@media (min-width: 481px) and (max-width: 640px) {
  .breakpointtest {
    background-color: green; }
    .breakpointtest:before {
      content: "mobile3"; } }
@media (min-width: 641px) {
  .breakpointtest {
    background-color: blue; }
    .breakpointtest:before {
      content: "tablet"; } }
@media (min-width: 768px) {
  .breakpointtest {
    background-color: yellow; }
    .breakpointtest:before {
      content: "tablet2"; } }
@media (min-width: 992px) {
  .breakpointtest {
    background-color: pink; }
    .breakpointtest:before {
      content: "tablet3"; } }
@media (min-width: 1140px) {
  .breakpointtest {
    background-color: gray; }
    .breakpointtest:before {
      content: "desktop"; } }
@media (min-width: 1419px) {
  .breakpointtest {
    background-color: cyan; }
    .breakpointtest:before {
      content: "largedesktop"; } }

.view-services .service-popup .add-to-cart-link,
.view-services #services-list-view .service-popup .add-to-cart-link {
  display: inline-block;
  white-space: nowrap;
  box-sizing: border-box;
  color: white;
  line-height: 32px;
  padding: 0 35px 0 25px;
  background: #6ce30c url(../img/previous_template/uusi/valkoinen-nuoli.png) center right no-repeat;
  font-weight: bold;
  font-size: 15px; }

.view-services .treatment-persons a.select-person,
.view-services #services-list-view .treatment-persons a.select-person {
  display: inline-block;
  white-space: nowrap;
  box-sizing: border-box;
  color: white;
  line-height: 27px;
  padding: 0 26px 0 12px;
  background: #e6007e url(../img/previous_template/uusi/valkoinen-nuoli.png) center right no-repeat;
  background-size: 16px 8px;
  font-weight: bold;
  font-size: 12px; }

body,
html {
  margin: 0;
  padding: 0;
  width: 100%;
  overflow: visible; }

pre {
  text-align: left; }

html {
  height: 100%; }

.view-search .vaihe1,
.view-rooms .vaihe2,
.view-services .vaihe3,
.view-details .vaihe4,
.view-confirmation .vaihe5 {
  font-weight: bold;
  color: #e6007e; }
  .view-search .vaihe1 span,
  .view-rooms .vaihe2 span,
  .view-services .vaihe3 span,
  .view-details .vaihe4 span,
  .view-confirmation .vaihe5 span {
    background-image: url("../img/previous_template/uusi/vaihetausta_active.png") !important; }

.varaamo a:hover, .option-com_reservation a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70); }
.varaamo #varaamovaihepalkki, .varaamo .maincontent, .varaamo #search-bar, .option-com_reservation #varaamovaihepalkki, .option-com_reservation .maincontent, .option-com_reservation #search-bar {
  /*
  min-height: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
   */
  font-family: "Gotham", "Gotham SSm", "Gotham SSm B", "Gotham SSm A", Verdana;
  text-rendering: optimizeLegibility;
  font-size: 14px; }
.varaamo main, .option-com_reservation main {
  width: 100%; }
.varaamo a, .option-com_reservation a {
  text-decoration: none; }
.varaamo .contents, .option-com_reservation .contents {
  margin: 0px;
  padding-top: 31px;
  min-height: 500px; }
.varaamo #varaamovaihepalkki, .option-com_reservation #varaamovaihepalkki {
  background-color: #f0f0f2;
  width: 100%;
  min-height: 67px;
  color: #47535b; }
  .varaamo #varaamovaihepalkki .vaihepalkki, .option-com_reservation #varaamovaihepalkki .vaihepalkki {
    position: relative;
    width: 960px;
    margin: 0 auto;
    padding-top: 26px;
    max-width: 100%;
    display: flex;
    flex-direction: row; }
    .varaamo #varaamovaihepalkki .vaihepalkki span, .option-com_reservation #varaamovaihepalkki .vaihepalkki span {
      background-image: url("../img/previous_template/uusi/vaihetausta.png");
      width: 24px;
      height: 21px;
      padding-top: 3px;
      display: block;
      float: left;
      margin-right: 8px;
      position: relative;
      top: -2px;
      color: white;
      font-size: 14px;
      font-weight: bold;
      padding-right: 5px;
      text-align: center; }
    .varaamo #varaamovaihepalkki .vaihepalkki p, .option-com_reservation #varaamovaihepalkki .vaihepalkki p {
      font-size: 12px;
      float: left;
      margin-left: 31px;
      text-transform: uppercase;
      flex-shrink: 1; }
    .varaamo #varaamovaihepalkki .vaihepalkki .vaihe1, .option-com_reservation #varaamovaihepalkki .vaihepalkki .vaihe1 {
      margin-left: 0px; }
.varaamo .content-header, .option-com_reservation .content-header {
  display: none; }
.varaamo h1.varaamo-otsikko, .option-com_reservation h1.varaamo-otsikko {
  font-size: 17px;
  width: 100%;
  text-transform: uppercase;
  color: #e6007e;
  font-weight: normal;
  border-bottom: 3px solid #e6007e;
  padding-bottom: 10px;
  margin: 0px; }
.varaamo .search-wrapper, .option-com_reservation .search-wrapper {
  /* width:695px; */
  /* padding-right:28px; */
  border-right: #c8ced1 1px solid;
  padding-top: 9px; }
  .varaamo .search-wrapper .basicfields, .option-com_reservation .search-wrapper .basicfields {
    height: 80px; }
  .varaamo .search-wrapper .calendarwrapper p, .option-com_reservation .search-wrapper .calendarwrapper p {
    font-size: 12px;
    margin-bottom: 8px; }
  .varaamo .search-wrapper #searchfieldwrap, .option-com_reservation .search-wrapper #searchfieldwrap {
    padding-top: 30px; }
  .varaamo .search-wrapper form div, .option-com_reservation .search-wrapper form div {
    margin: 0px !important; }
.varaamo .omaloma, .option-com_reservation .omaloma {
  padding-left: 31px;
  width: 440px;
  padding-top: 39px;
  color: #47535b; }
  .varaamo .omaloma p, .option-com_reservation .omaloma p {
    padding-top: 10px;
    font-size: 14px;
    font-weight: bold;
    width: 150px;
    text-align: center;
    position: relative;
    margin: 0px auto;
    line-height: 18px;
    padding-bottom: 12px;
    color: #e6007e; }
  .varaamo .omaloma div.omalomalinkit, .option-com_reservation .omaloma div.omalomalinkit {
    position: relative;
    margin: 0px auto;
    width: 189px;
    text-align: center;
    padding-bottom: 12px; }
  .varaamo .omaloma a, .option-com_reservation .omaloma a {
    color: #47535b;
    font-size: 12px; }
.varaamo .viiva, .option-com_reservation .viiva {
  background-color: #e6007e;
  height: 1px;
  width: 100%; }
.varaamo .basic-field-wrapper, .option-com_reservation .basic-field-wrapper {
  float: left; }
  .varaamo .basic-field-wrapper label, .option-com_reservation .basic-field-wrapper label {
    font-size: 12px;
    margin-bottom: 5px;
    display: block; }
.varaamo .persons-field-wrapper, .option-com_reservation .persons-field-wrapper {
  display: none; }
.varaamo #basic-field-wrapper-search_rooms, .option-com_reservation #basic-field-wrapper-search_rooms {
  padding-right: 28px;
  width: 62px; }
  .varaamo #basic-field-wrapper-search_rooms .dropcontainer, .option-com_reservation #basic-field-wrapper-search_rooms .dropcontainer {
    width: 62px; }
.varaamo #basic-field-wrapper-search_hotel, .option-com_reservation #basic-field-wrapper-search_hotel {
  width: 150px; }
  .varaamo #basic-field-wrapper-search_hotel .dropcontainer, .option-com_reservation #basic-field-wrapper-search_hotel .dropcontainer {
    width: 182px; }
    .varaamo #basic-field-wrapper-search_hotel .dropcontainer .dropdownvisible, .option-com_reservation #basic-field-wrapper-search_hotel .dropcontainer .dropdownvisible {
      border-top: 1px solid #9da3a8;
      margin-top: -1px; }
.varaamo #search_hotel, .option-com_reservation #search_hotel {
  width: 150px; }
.varaamo #search_periods, .option-com_reservation #search_periods {
  width: 62px; }
.varaamo #basic-field-wrapper-search_periods, .option-com_reservation #basic-field-wrapper-search_periods {
  padding-right: 28px; }
  .varaamo #basic-field-wrapper-search_periods .activetrigger, .option-com_reservation #basic-field-wrapper-search_periods .activetrigger {
    width: 62px; }
  .varaamo #basic-field-wrapper-search_periods .dropcontainer, .option-com_reservation #basic-field-wrapper-search_periods .dropcontainer {
    width: 62px; }
.varaamo #basic-field-wrapper-search_periods a.trigger, .option-com_reservation #basic-field-wrapper-search_periods a.trigger {
  width: 62px; }
.varaamo #basic-field-wrapper-search_hotel, .option-com_reservation #basic-field-wrapper-search_hotel {
  /* padding-right:28px; */ }
.varaamo #basic-field-persons-wrapper, .option-com_reservation #basic-field-persons-wrapper {
  padding-right: 26px; }
.varaamo .lemmikkihuone, .varaamo .invahuone, .option-com_reservation .lemmikkihuone, .option-com_reservation .invahuone {
  margin: 0px;
  padding-right: 26px;
  font-size: 12px;
  margin-bottom: 6px; }
  .varaamo .lemmikkihuone a, .varaamo .invahuone a, .option-com_reservation .lemmikkihuone a, .option-com_reservation .invahuone a {
    display: block;
    height: 17px;
    width: 17px;
    background-image: url("../img/previous_template/uusi/radio_off.png");
    cursor: pointer;
    float: right;
    margin-left: 6px; }
  .varaamo .lemmikkihuone a.selected, .varaamo .invahuone a.selected, .option-com_reservation .lemmikkihuone a.selected, .option-com_reservation .invahuone a.selected {
    background-image: url("../img/previous_template/uusi/radio_on.png"); }
.varaamo #erikoishuoneet, .option-com_reservation #erikoishuoneet {
  height: 43px;
  padding-top: 8px; }
.varaamo #search-submit, .option-com_reservation #search-submit {
  width: 128px;
  height: 128px;
  font-size: 19px;
  color: white;
  font-weight: bold;
  text-align: center;
  line-height: 128px;
  display: block;
  background-image: url("../img/previous_template/uusi/hae.png");
  text-transform: uppercase;
  float: right;
  margin-top: -128px; }
.varaamo #search-submit:hover, .option-com_reservation #search-submit:hover {
  background-image: url("../img/previous_template/uusi/hae_hover.png");
  text-decoration: none; }
.varaamo .takaisin, .option-com_reservation .takaisin {
  padding-top: 16px;
  color: #47535b !important;
  display: block;
  font-size: 12px; }
  .varaamo .takaisin:hover, .option-com_reservation .takaisin:hover {
    text-decoration: none;
    opacity: 0.7; }
.varaamo .search #basic-field-wrapper-search_campaign_code, .option-com_reservation .search #basic-field-wrapper-search_campaign_code {
  width: 96px;
  font-size: 12px; }
  .varaamo .search #basic-field-wrapper-search_campaign_code input, .option-com_reservation .search #basic-field-wrapper-search_campaign_code input {
    padding: 0;
    border: 1px solid #9ea4a8 !important;
    height: 24px !important;
    line-height: 24px !important;
    background-image: none !important;
    margin: 0px !important;
    padding: 0px 10px !important;
    width: 76px;
    width: 92px !important;
    text-align: center;
    font-size: 12px !important; }
.varaamo .jquery-ui-datepicker, .option-com_reservation .jquery-ui-datepicker {
  clear: left;
  z-index: 1;
  -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.31);
  -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.31);
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.31);
  width: 302px; }
.varaamo .with-hotel .search .jquery-ui-datepicker .ui-datepicker-calendar, .option-com_reservation .with-hotel .search .jquery-ui-datepicker .ui-datepicker-calendar {
  height: 218px; }
.varaamo .search, .option-com_reservation .search {
  border: 0px; }
.varaamo div.details, .option-com_reservation div.details {
  width: 695px;
  padding-right: 28px;
  padding-top: 9px; }
.varaamo .varaustiedot-wrapper, .option-com_reservation .varaustiedot-wrapper {
  /* padding-left:31px; */
  width: 205px;
  /* float:right; */
  padding-top: 26px;
  color: #47535b; }
  .varaamo .varaustiedot-wrapper .close-link, .option-com_reservation .varaustiedot-wrapper .close-link {
    display: none; }
.varaamo .breadcrumbs, .option-com_reservation .breadcrumbs {
  display: none; }
.varaamo #varausohje, .option-com_reservation #varausohje {
  display: none; }
.varaamo .domwindowclose, .varaamo .nopeutavaraamista .close, .varaamo #system-message .close, .option-com_reservation .domwindowclose, .option-com_reservation .nopeutavaraamista .close, .option-com_reservation #system-message .close {
  position: absolute;
  top: -6px;
  right: -16px;
  display: block;
  background-color: #e6007e;
  padding: 10px 8px 10px 8px;
  border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  cursor: pointer;
  color: white;
  opacity: 1;
  line-height: initial; }
  .varaamo .domwindowclose span, .varaamo .nopeutavaraamista .close span, .varaamo #system-message .close span, .option-com_reservation .domwindowclose span, .option-com_reservation .nopeutavaraamista .close span, .option-com_reservation #system-message .close span {
    color: white;
    background-image: url("../img/previous_template/uusi/x.png");
    background-position: right center;
    background-repeat: no-repeat;
    font-weight: bold;
    font-size: 14px;
    display: block;
    padding-right: 15px; }
.varaamo .services-wrapper, .option-com_reservation .services-wrapper {
  /*POPUP*/
  /*/POPUP*/
  width: 695px; }
  .varaamo .services-wrapper .popup-treatment, .option-com_reservation .services-wrapper .popup-treatment {
    position: relative; }
    .varaamo .services-wrapper .popup-treatment .price-container, .option-com_reservation .services-wrapper .popup-treatment .price-container {
      width: 220px;
      height: 95px;
      position: absolute;
      left: -13px;
      top: 13px;
      background: url(../img/hintanuoli.png) no-repeat !important;
      background-color: #ec008c !important;
      color: white; }
      .varaamo .services-wrapper .popup-treatment .price-container span, .option-com_reservation .services-wrapper .popup-treatment .price-container span {
        text-align: left;
        padding: 20px 20px 20px 25px !important; }
      .varaamo .services-wrapper .popup-treatment .price-container .price-label, .option-com_reservation .services-wrapper .popup-treatment .price-container .price-label {
        font-family: "Gotham Bold", "Gotham", "Gotham SSm", "Gotham SSm B", "Gotham SSm A", Verdana !important;
        font-size: 12px !important;
        font-weight: bold; }
      .varaamo .services-wrapper .popup-treatment .price-container .price, .option-com_reservation .services-wrapper .popup-treatment .price-container .price {
        font-size: 30px !important; }
      .varaamo .services-wrapper .popup-treatment .price-container .price-suffix, .option-com_reservation .services-wrapper .popup-treatment .price-container .price-suffix {
        clear: both;
        font-size: 17px !important; }
  .varaamo .services-wrapper #select-service-view, .option-com_reservation .services-wrapper #select-service-view {
    z-index: 100;
    position: relative;
    height: 27px;
    line-height: 27px;
    background-image: url("../img/previous_template/uusi/tausta3_2.gif");
    background-repeat: no-repeat;
    padding-left: 8px;
    cursor: pointer;
    float: right;
    margin-top: 14px; }
    .varaamo .services-wrapper #select-service-view .ruu-outer, .varaamo .services-wrapper #select-service-view .list-outer, .option-com_reservation .services-wrapper #select-service-view .ruu-outer, .option-com_reservation .services-wrapper #select-service-view .list-outer {
      height: 27px;
      display: inline-block;
      padding-left: 2px; }
    .varaamo .services-wrapper #select-service-view .ruu-inner, .option-com_reservation .services-wrapper #select-service-view .ruu-inner {
      background-position: right center;
      background-repeat: no-repeat;
      background-image: url("../img/previous_template/uusi/tausta4.gif");
      height: 27px;
      display: inline-block;
      padding-right: 15px; }
    .varaamo .services-wrapper #select-service-view .list-inner, .option-com_reservation .services-wrapper #select-service-view .list-inner {
      background-position: right center;
      background-repeat: no-repeat;
      background-image: url("../img/previous_template/uusi/tausta5_2.gif");
      height: 27px;
      display: inline-block;
      padding-right: 15px; }
    .varaamo .services-wrapper #select-service-view .ruu-outer, .option-com_reservation .services-wrapper #select-service-view .ruu-outer {
      background-image: url("../img/previous_template/uusi/tausta2.gif"); }
    .varaamo .services-wrapper #select-service-view .list-outer, .option-com_reservation .services-wrapper #select-service-view .list-outer {
      margin-left: -4px;
      background-image: url("../img/previous_template/uusi/tausta1.gif"); }
    .varaamo .services-wrapper #select-service-view.ruudukko, .option-com_reservation .services-wrapper #select-service-view.ruudukko {
      background-image: url("../img/previous_template/uusi/tausta3.gif"); }
      .varaamo .services-wrapper #select-service-view.ruudukko .ruu-outer, .option-com_reservation .services-wrapper #select-service-view.ruudukko .ruu-outer {
        background-image: url("../img/previous_template/uusi/tausta1.gif"); }
      .varaamo .services-wrapper #select-service-view.ruudukko .list-outer, .option-com_reservation .services-wrapper #select-service-view.ruudukko .list-outer {
        background-image: url("../img/previous_template/uusi/tausta2.gif"); }
      .varaamo .services-wrapper #select-service-view.ruudukko .list-inner, .option-com_reservation .services-wrapper #select-service-view.ruudukko .list-inner {
        background-image: url("../img/previous_template/uusi/tausta5.gif"); }
      .varaamo .services-wrapper #select-service-view.ruudukko .ruu-inner, .option-com_reservation .services-wrapper #select-service-view.ruudukko .ruu-inner {
        background-image: url("../img/previous_template/uusi/tausta4_2.gif"); }
    .varaamo .services-wrapper #select-service-view .ruu, .option-com_reservation .services-wrapper #select-service-view .ruu {
      background-image: url("../img/previous_template/uusi/ruudukko.png");
      padding-left: 23px;
      background-repeat: no-repeat;
      height: 27px;
      line-height: 27px;
      background-position: center left; }
    .varaamo .services-wrapper #select-service-view .list, .option-com_reservation .services-wrapper #select-service-view .list {
      background-image: url("../img/previous_template/uusi/lista.png");
      padding-left: 23px;
      background-repeat: no-repeat;
      height: 27px;
      line-height: 27px;
      background-position: center left; }
  .varaamo .services-wrapper h2, .option-com_reservation .services-wrapper h2 {
    width: 500px;
    font-size: 17px;
    font-weight: normal;
    margin-bottom: 10px;
    text-transform: uppercase;
    color: #e6007e;
    clear: left; }
  .varaamo .services-wrapper #services-list-view, .option-com_reservation .services-wrapper #services-list-view {
    display: none;
    padding-top: 60px; }
    .varaamo .services-wrapper #services-list-view h2, .option-com_reservation .services-wrapper #services-list-view h2 {
      background-color: #f0f0f4;
      height: 34px;
      width: auto;
      line-height: 34px;
      padding-left: 8px;
      margin-bottom: 20px; }
    .varaamo .services-wrapper #services-list-view h3, .option-com_reservation .services-wrapper #services-list-view h3 {
      text-transform: uppercase;
      color: #e6007e;
      font-size: 17px;
      font-weight: normal;
      margin: 8px 0px;
      padding-left: 118px;
      width: 375px; }
      .varaamo .services-wrapper #services-list-view h3 span, .option-com_reservation .services-wrapper #services-list-view h3 span {
        text-transform: lowercase; }
    .varaamo .services-wrapper #services-list-view .service, .option-com_reservation .services-wrapper #services-list-view .service {
      padding-bottom: 32px;
      border-bottom: 1px solid #c9cdd0;
      margin-bottom: 32px;
      overflow: hidden;
      min-height: 92px;
      position: relative; }
      .varaamo .services-wrapper #services-list-view .service img, .option-com_reservation .services-wrapper #services-list-view .service img {
        float: left;
        margin-right: 14px; }
      .varaamo .services-wrapper #services-list-view .service .description, .option-com_reservation .services-wrapper #services-list-view .service .description {
        padding-left: 118px;
        width: 375px;
        font-size: 12px;
        line-height: 18px; }
      .varaamo .services-wrapper #services-list-view .service .price, .option-com_reservation .services-wrapper #services-list-view .service .price {
        position: absolute;
        left: 548px;
        top: 11px;
        font-size: 30px;
        color: #e6007e; }
        .varaamo .services-wrapper #services-list-view .service .price .header, .option-com_reservation .services-wrapper #services-list-view .service .price .header {
          color: #47535b;
          margin-bottom: 8px;
          font-weight: bold;
          font-size: 12px;
          display: block; }
        .varaamo .services-wrapper #services-list-view .service .price .currency, .option-com_reservation .services-wrapper #services-list-view .service .price .currency {
          font-size: 17px;
          text-transform: uppercase; }
      .varaamo .services-wrapper #services-list-view .service .readmore, .option-com_reservation .services-wrapper #services-list-view .service .readmore {
        position: absolute;
        bottom: 32px;
        right: 0px;
        display: block;
        background-color: #e6007e;
        text-align: center;
        width: 147px;
        height: 27px;
        line-height: 27px; }
        .varaamo .services-wrapper #services-list-view .service .readmore:hover, .option-com_reservation .services-wrapper #services-list-view .service .readmore:hover {
          opacity: 0.7; }
        .varaamo .services-wrapper #services-list-view .service .readmore span, .option-com_reservation .services-wrapper #services-list-view .service .readmore span {
          padding-right: 15px;
          background-image: url("../img/previous_template/uusi/luelisaavalk.png");
          background-position: right center;
          background-repeat: no-repeat;
          color: white;
          font-size: 12px;
          font-weight: bold; }
          .varaamo .services-wrapper #services-list-view .service .readmore span:hover, .option-com_reservation .services-wrapper #services-list-view .service .readmore span:hover {
            text-decoration: none;
            opacity: 1; }
    .varaamo .services-wrapper #services-list-view .page-counter, .option-com_reservation .services-wrapper #services-list-view .page-counter {
      display: none; }
  .varaamo .services-wrapper #services-grid-view .service-group, .option-com_reservation .services-wrapper #services-grid-view .service-group {
    padding-top: 26px;
    position: relative; }
    .varaamo .services-wrapper #services-grid-view .service-group .service-page, .option-com_reservation .services-wrapper #services-grid-view .service-group .service-page {
      display: none;
      width: 596px;
      height: 158px;
      float: left;
      margin-right: 13px; }
    .varaamo .services-wrapper #services-grid-view .service-group .service-page-active, .option-com_reservation .services-wrapper #services-grid-view .service-group .service-page-active {
      display: block; }
    .varaamo .services-wrapper #services-grid-view .service-group .service-slider, .option-com_reservation .services-wrapper #services-grid-view .service-group .service-slider {
      position: absolute;
      height: 160px;
      left: 0px;
      top: 0px;
      width: 5000px; }
    .varaamo .services-wrapper #services-grid-view .service-group .service-slider-window, .option-com_reservation .services-wrapper #services-grid-view .service-group .service-slider-window {
      position: absolute;
      top: 13px;
      left: 47px;
      height: 160px;
      width: 600px;
      overflow: hidden; }
    .varaamo .services-wrapper #services-grid-view .service-group .service-group-slider, .option-com_reservation .services-wrapper #services-grid-view .service-group .service-group-slider {
      position: relative;
      /* height:158px; */
      height: 188px;
      padding: 15px 0px;
      background: #f0f0f4;
      background: -moz-linear-gradient(top, #f0f0f4 0%, #dcdcdd 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f0f0f4), color-stop(100%, #dcdcdd));
      background: -webkit-linear-gradient(top, #f0f0f4 0%, #dcdcdd 100%);
      background: -o-linear-gradient(top, #f0f0f4 0%, #dcdcdd 100%);
      background: -ms-linear-gradient(top, #f0f0f4 0%, #dcdcdd 100%);
      background: linear-gradient(to bottom, #f0f0f4 0%, #dcdcdd 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f4', endColorstr='#dcdcdd',GradientType=0 );
      width: 695px;
      overflow: hidden; }
    .varaamo .services-wrapper #services-grid-view .service-group .page-counter, .option-com_reservation .services-wrapper #services-grid-view .service-group .page-counter {
      position: absolute;
      right: 13px;
      bottom: 15px; }
    .varaamo .services-wrapper #services-grid-view .service-group .service-group-slider-previous, .option-com_reservation .services-wrapper #services-grid-view .service-group .service-group-slider-previous {
      background-image: url("../img/previous_template/uusi/slidernuoli_vasen.png");
      float: left; }
    .varaamo .services-wrapper #services-grid-view .service-group .service-group-slider-next, .option-com_reservation .services-wrapper #services-grid-view .service-group .service-group-slider-next {
      background-image: url("../img/previous_template/uusi/slidernuoli_oikea.png");
      float: right; }
    .varaamo .services-wrapper #services-grid-view .service-group .service-group-slider-next, .varaamo .services-wrapper #services-grid-view .service-group .service-group-slider-previous, .option-com_reservation .services-wrapper #services-grid-view .service-group .service-group-slider-next, .option-com_reservation .services-wrapper #services-grid-view .service-group .service-group-slider-previous {
      background-repeat: no-repeat;
      background-position: center center;
      display: block;
      height: 158px;
      width: 47px; }

#DOMWindow {
  overflow: visible !important; }

.reserve-link-wrapper, .open-link-wrapper, #details-submit, #services-submit {
  position: absolute;
  bottom: 40px;
  right: 0px;
  background-color: #6ce30c;
  display: inline-block;
  padding: 8px 30px 9px 14px;
  background-image: url("../img/previous_template/uusi/varaanuoli.png");
  background-repeat: no-repeat;
  background-position: center right;
  cursor: pointer; }
  .reserve-link-wrapper:hover, .open-link-wrapper:hover, #details-submit:hover, #services-submit:hover {
    opacity: 0.7; }
  .reserve-link-wrapper a, .reserve-link-wrapper .details-inner, .open-link-wrapper a, .open-link-wrapper .details-inner, #details-submit a, #details-submit .details-inner, #services-submit a, #services-submit .details-inner {
    color: white !important;
    font-size: 17px;
    font-weight: bold; }
    .reserve-link-wrapper a:hover, .reserve-link-wrapper .details-inner:hover, .open-link-wrapper a:hover, .open-link-wrapper .details-inner:hover, #details-submit a:hover, #details-submit .details-inner:hover, #services-submit a:hover, #services-submit .details-inner:hover {
      text-decoration: none;
      opacity: 0.7; }

#services-submit {
  right: 0px;
  bottom: 0px;
  color: white;
  font-size: 17px;
  font-weight: bold; }
  #services-submit:hover {
    text-decoration: none; }

.open-link-wrapper {
  bottom: 0;
  background-color: #e6007e;
  height: 32px;
  line-height: 32px;
  padding: 0 7px 0 7px;
  background-image: none; }
  .open-link-wrapper a {
    display: inline-block;
    padding-right: 16px;
    font-size: 14px;
    background: transparent url("../img/previous_template/uusi/pink-arrow-down.png") center right no-repeat; }
  .open-link-wrapper.open a {
    background-image: url("../img/previous_template/uusi/pink-arrow-up.png"); }

.reserve-link-wrapper {
  padding: 0 7px 0 11px;
  background-image: none; }
  .reserve-link-wrapper a {
    height: 23px;
    line-height: 23px;
    display: inline-block;
    padding-right: 23px;
    font-size: 14px;
    background: transparent url("../img/previous_template/green-arrow.png") center right no-repeat; }

#details_note-lbl, .note-wrap {
  display: none; }

#detailssubmitcenter {
  text-align: center; }

#details-submit {
  position: static;
  float: none;
  margin: 16px 0px; }
  #details-submit:hover {
    text-decoration: none; }

.view-services #copyright {
  position: static; }

.nopeutavaraamista {
  position: relative;
  margin-top: 20px !important; }

/*plugin*/
.dropcontainer {
  position: absolute;
  font-size: 12px;
  color: #47535b;
  z-index: 100; }

.trigger {
  padding-left: 8px;
  color: #47535b !important;
  font-size: 12px;
  height: 26px;
  line-height: 26px;
  background: #fff url(../img/previous_template/uusi/dropdown.png) right center no-repeat;
  display: block;
  border: 1px solid #9da3a8;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.trigger:hover {
  color: #47535b;
  opacity: 1;
  text-decoration: none !important; }

.activetrigger {
  text-decoration: none !important;
  color: #47535b;
  font-size: 12px;
  height: 26px;
  line-height: 26px;
  padding-left: 8px;
  background: white url(../img/previous_template/uusi/dropdown.png) right center no-repeat;
  display: block;
  border: 1px solid #9da3a8;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.activetrigger:hover {
  color: #47535b;
  opacity: 1; }

.activetrigger:active {
  color: #47535b; }

.dropcontainer ul {
  font-size: 12px;
  border: 1px solid #9da3a8;
  border-top: none;
  background: #e9e9ec;
  color: #47535b;
  list-style-type: none;
  margin: 0;
  z-index: 100;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.dropcontainer ul li {
  list-style-type: none;
  padding: 5px;
  margin: 0px;
  cursor: pointer; }
  .dropcontainer ul li a {
    color: #47535b;
    text-decoration: none; }

.dropcontainer ul li:hover {
  background-color: #47535b;
  color: white;
  outline: none; }
  .dropcontainer ul li:hover a {
    color: white;
    text-decoration: none;
    opacity: 1; }

.dropcontainer ul li:last-child {
  border-bottom: none; }

.dropdownhidden {
  display: none; }

.dropdownvisible {
  height: auto; }

.arrival_time-wrap .dropdownvisible, .country-wrap .dropdownvisible {
  height: 200px;
  overflow-y: scroll; }

/*end plugin*/
.details .country-wrap .trigger, .details .country-wrap .activetrigger {
  font-size: 12px;
  color: #47535b;
  width: 235px !important;
  height: 31px !important;
  background-image: url("../img/previous_template/uusi/maatausta.png");
  border: 0px;
  line-height: 31px; }

.details .country-wrap .dropcontainer {
  width: 234px !important;
  margin-top: 0px !important; }

.details .arrival_time-wrap .trigger, .details .arrival_time-wrap .activetrigger {
  font-size: 12px;
  color: #47535b;
  width: 174px !important;
  height: 30px !important;
  background-image: url("../img/previous_template/uusi/kellotausta.png");
  border: 0px;
  line-height: 30px; }

.details .arrival_time-wrap .dropcontainer {
  width: 173px !important;
  margin-top: 0px !important; }

.paymenttext h5 {
  font-size: 12px;
  margin: 0px; }
.paymenttext .varaustiedot {
  padding-bottom: 29px !important;
  margin-bottom: 19px !important; }
.paymenttext .varaustiedotsolu {
  height: auto !important; }

.option-com_reservation .confirmation-wrapper {
  width: 695px;
  padding-right: 28px;
  padding-top: 9px; }
  .option-com_reservation .confirmation-wrapper .reservation-info {
    padding-top: 43px;
    font-size: 14px;
    color: #47535b; }
    .option-com_reservation .confirmation-wrapper .reservation-info img {
      float: left;
      margin-right: 18px; }
    .option-com_reservation .confirmation-wrapper .reservation-info dt {
      float: left;
      clear: left;
      /* Fix for language versions, where dt may span multiple lines. */
      width: 181px;
      margin: 0px;
      margin-bottom: 10px; }
    .option-com_reservation .confirmation-wrapper .reservation-info dd {
      float: left;
      width: 208px;
      width: 190px;
      margin-bottom: 10px; }
    .option-com_reservation .confirmation-wrapper .reservation-info .details {
      width: 390px;
      width: 370px;
      /* height:180px; */
      min-height: 180px;
      overflow: hidden; }
  .option-com_reservation .confirmation-wrapper .clearerer {
    clear: left; }
  .option-com_reservation .confirmation-wrapper .graycontent {
    margin-top: 34px;
    padding: 24px;
    background-color: #f0f0f4;
    overflow: hidden; }
    .option-com_reservation .confirmation-wrapper .graycontent h2.pricedetailstitle {
      font-size: 17px;
      text-transform: uppercase;
      font-weight: normal;
      border-bottom: 1px solid #c3c8cc;
      padding-bottom: 8px;
      margin-bottom: 24px;
      color: #e6007e; }
    .option-com_reservation .confirmation-wrapper .graycontent li {
      list-style-type: none;
      margin-left: 0px; }
  .option-com_reservation .confirmation-wrapper .price-box {
    padding-bottom: 40px; }
    .option-com_reservation .confirmation-wrapper .price-box .wrapper {
      width: 414px; }
      .option-com_reservation .confirmation-wrapper .price-box .wrapper dd, .option-com_reservation .confirmation-wrapper .price-box .wrapper dt {
        line-height: 1.5; }
      .option-com_reservation .confirmation-wrapper .price-box .wrapper .total {
        padding-top: 16px;
        font-weight: bold;
        color: #e6007e;
        font-size: 17px;
        border-top: #47535b 1px solid; }
      .option-com_reservation .confirmation-wrapper .price-box .wrapper .price {
        float: right; }
  .option-com_reservation .confirmation-wrapper .varausohjelinkki {
    color: #e6007e;
    font-size: 12px;
    float: right;
    margin-top: 54px; }
    .option-com_reservation .confirmation-wrapper .varausohjelinkki:hover {
      text-decoration: none; }
  .option-com_reservation .confirmation-wrapper #to-payment-overlay {
    display: none; }
  .option-com_reservation .confirmation-wrapper .paytrailkuva {
    margin: 40px 0px; }
  .option-com_reservation .confirmation-wrapper .no-pay-box {
    margin-right: 42px; }
  .option-com_reservation .confirmation-wrapper .no-pay-box, .option-com_reservation .confirmation-wrapper .pay-box {
    width: 265px;
    position: relative;
    padding: 18px;
    height: 142px;
    height: 178px;
    float: left;
    background-color: white;
    text-align: center;
    font-size: 14px;
    line-height: 21px; }
    .option-com_reservation .confirmation-wrapper .no-pay-box .wrapper, .option-com_reservation .confirmation-wrapper .pay-box .wrapper {
      position: relative;
      /* top:-16px; */
      height: 140px; }
    .option-com_reservation .confirmation-wrapper .no-pay-box h4, .option-com_reservation .confirmation-wrapper .pay-box h4 {
      position: relative;
      font-size: 17px;
      color: #47535b;
      font-weight: normal;
      text-transform: uppercase;
      border-bottom: 4px #e6007e solid;
      width: 200px;
      margin-bottom: 8px;
      margin-left: auto;
      margin-right: auto;
      padding-bottom: 4px;
      margin-top: 0px; }
    .option-com_reservation .confirmation-wrapper .no-pay-box a, .option-com_reservation .confirmation-wrapper .pay-box a {
      position: absolute;
      bottom: 0px;
      left: 27px;
      left: 10px;
      background-color: #6ce30c;
      display: inline-block;
      width: 210px;
      height: 32px;
      background-image: url("../img/previous_template/uusi/varaanuoli.png");
      background-repeat: no-repeat;
      background-position: center right;
      cursor: pointer; }
      .option-com_reservation .confirmation-wrapper .no-pay-box a:hover, .option-com_reservation .confirmation-wrapper .pay-box a:hover {
        opacity: 0.7;
        text-decoration: none; }
      .option-com_reservation .confirmation-wrapper .no-pay-box a span, .option-com_reservation .confirmation-wrapper .pay-box a span {
        line-height: 32px;
        color: white !important;
        font-size: 17px;
        padding-right: 22px;
        font-weight: bold; }
    .option-com_reservation .confirmation-wrapper .no-pay-box p, .option-com_reservation .confirmation-wrapper .pay-box p {
      position: static; }
  .option-com_reservation .confirmation-wrapper #peruutusehdot {
    display: none; }

.ui-datepicker {
  width: 302px; }

.ui-datepicker .ui-datepicker-header {
  width: 100%;
  border-bottom: 1px #bf71a1 solid;
  margin: 0px auto; }

.ui-datepicker a {
  cursor: pointer; }

.ui-datepicker .ui-state-default {
  color: #e6007e; }

.ui-datepicker .ui-datepicker-prev {
  float: left;
  margin-left: 10px;
  background-image: url("../img/previous_template/uusi/vasennuoli.png");
  background-position: left center; }

.ui-datepicker .ui-datepicker-next {
  float: right;
  margin-right: 10px;
  background-image: url("../img/previous_template/uusi/oikeanuoli.png");
  background-position: right center; }

.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev {
  text-indent: -9999px;
  height: 38px;
  position: relative !important;
  width: 30px;
  background-repeat: no-repeat; }

.ui-datepicker .ui-datepicker-title {
  text-align: center;
  margin: 0px;
  color: white;
  background-color: #e6007e;
  font-size: 16px;
  line-height: 38px;
  height: 38px;
  text-transform: uppercase;
  font-weight: bold; }

.ui-datepicker .ui-datepicker-calendar {
  table-layout: fixed;
  position: relative;
  z-index: 1;
  border-spacing: 0px;
  width: 100%;
  margin: 0 auto;
  background-color: white;
  border-collapse: collapse;
  padding: 0px;
  border-top: 0px !important; }

.ui-datepicker thead {
  background-color: #727c81;
  height: 30px; }

.ui-datepicker tbody {
  padding: 0px 8px 8px 8px; }

.ui-datepicker .ui-datepicker-calendar .ui-datepicker-other-month {
  text-indent: -9999px;
  background-color: white !important; }

.ui-datepicker .ui-datepicker-calendar .ui-datepicker-unselectable span {
  color: #d6d5d1; }

.ui-datepicker .ui-datepicker-calendar .ui-datepicker-week-col {
  display: none; }

.ui-datepicker .ui-datepicker-calendar tbody {
  border-collapse: collapse; }

.ui-datepicker .ui-datepicker-calendar a {
  text-decoration: none; }

.ui-datepicker .ui-datepicker-calendar td, .ui-datepicker .ui-datepicker-calendar th {
  text-align: center;
  height: 30px;
  font-size: 15px;
  padding: 0px; }

.ui-datepicker .ui-datepicker-calendar th {
  font-size: 15px;
  color: white;
  border: 0px;
  text-transform: uppercase; }

.ui-datepicker .ui-datepicker-calendar td {
  width: 42px;
  border: 0px;
  height: 36px; }

.ui-datepicker .ui-datepicker-calendar .ui-datepicker-current-day {
  background-image: url("../img/previous_template/uusi/valittupaiva.png");
  background-repeat: no-repeat;
  background-position: center center; }

.ui-datepicker .ui-datepicker-calendar .ui-datepicker-current-day a {
  color: white; }

#ui-datepicker-div {
  clear: left;
  z-index: 1;
  -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.31);
  -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.31);
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.31);
  width: 302px; }

.henkiloita-wrapper {
  width: 37px;
  height: 26px;
  background-image: url("../img/previous_template/uusi/laatikko.png");
  position: relative;
  cursor: pointer;
  line-height: 26px;
  padding-right: 26px;
  text-align: center; }
  .henkiloita-wrapper select {
    display: none; }
  .henkiloita-wrapper .henkilopopup {
    top: 26px;
    left: -175px;
    display: none;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.32);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.32);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.32);
    position: absolute;
    background-color: #e9e9ec;
    width: 225px;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    font-size: 12px !important;
    font-weight: normal;
    padding-left: 12px;
    text-align: left;
    color: #47535b;
    z-index: 100; }
    .henkiloita-wrapper .henkilopopup table {
      border: 0px;
      margin-bottom: 0;
      /*Overriding content styles*/
      table-layout: fixed; }
      .henkiloita-wrapper .henkilopopup table td {
        user-select: none;
        -moz-user-select: none;
        -webkit-user-select: none;
        border: 0px;
        padding: 0px;
        height: 35px;
        line-height: 35px; }
      .henkiloita-wrapper .henkilopopup table td:first-child {
        width: 151px; }
    .henkiloita-wrapper .henkilopopup .miinus {
      background-image: url("../img/previous_template/uusi/miinus.png"); }
    .henkiloita-wrapper .henkilopopup .plus {
      background-image: url("../img/previous_template/uusi/plus.png"); }
    .henkiloita-wrapper .henkilopopup .miinus, .henkiloita-wrapper .henkilopopup .plus {
      display: block;
      height: 19px;
      width: 19px;
      padding: 0px 5px;
      background-repeat: no-repeat;
      background-position: center center;
      cursor: pointer; }
    .henkiloita-wrapper .henkilopopup tr.close-row a {
      display: block;
      border-top: 1px solid pink;
      color: #47535b;
      text-align: right;
      line-height: 28px;
      text-decoration: none; }
      .henkiloita-wrapper .henkilopopup tr.close-row a:hover {
        text-decoration: underline;
        opacity: 0.8; }
    .henkiloita-wrapper .henkilopopup .close {
      font-size: 12px;
      opacity: 1; }

.trigger {
  text-decoration: none; }

.option-com_reservation.view-search #search-bar {
  display: none !important; }

#search_extra_criteria {
  display: none; }

.details:after {
  clear: both;
  content: ' ';
  display: block; }
.details label {
  margin-bottom: 3px;
  display: inline-block; }
.details .details-form-wrapper {
  position: relative;
  width: 100% !important; }
  .details .details-form-wrapper:after {
    clear: both;
    content: ' ';
    display: block; }
.details .details1wrapper {
  display: none; }
.details .details2wrapper {
  position: absolute;
  left: 520px;
  top: 190px;
  top: 192px; }
.details #varausohjelinkki {
  font-size: 12px;
  position: absolute;
  top: 255px;
  right: 0px; }
.details .details-fieldlist {
  width: 100% !important;
  border-bottom: 1px #c8ced1 solid;
  padding-bottom: 20px; }
  .details .details-fieldlist h4 {
    margin-bottom: 10px;
    font-size: 12px;
    font-weight: normal;
    text-transform: uppercase;
    padding-bottom: 10px;
    border-bottom: 1px #c8ced1 solid; }
  .details .details-fieldlist label {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 10px; }
  .details .details-fieldlist div {
    width: 201px;
    border-left: 1px #c8ced1 solid;
    padding-left: 21px;
    overflow: hidden; }
.details .guest-1-of-3 {
  border-left: 0px !important;
  padding-left: 0px !important; }
.details hr {
  clear: left;
  margin-top: 15px;
  background-color: #C8CED1;
  display: inline-block; }
.details .guest {
  width: 217px !important;
  margin: 5px 0px 5px 0px !important;
  box-sizing: content-box; }
  .details .guest label {
    font-weight: normal;
    font-size: 12px;
    text-transform: none; }
  .details .guest .age-wrapper {
    float: left;
    width: 90px; }
  .details .guest .sex-wrapper {
    margin-left: 36px; }
  .details .guest h3 {
    text-transform: uppercase;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 12px; }
  .details .guest .field-sex {
    border: 0px !important;
    width: 129px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-right: 0px !important;
    float: left;
    margin: 0px !important;
    padding-left: 35px !important; }
    .details .guest .field-sex label:first-of-type {
      margin-right: 10px; }
    .details .guest .field-sex label {
      margin-left: 3px; }
    .details .guest .field-sex input:not(old) {
      width: 17px;
      margin: 0;
      padding: 0;
      opacity: 0; }
    .details .guest .field-sex input:not(old) + label {
      display: inline-block;
      margin-left: -17px;
      padding-left: 21px;
      background: url("../img/previous_template/radio_off.png") no-repeat 0 0;
      line-height: 17px; }
    .details .guest .field-sex input:not(old):checked + label {
      background: url("../img/previous_template/radio_on.png") no-repeat 0 0; }
  .details .guest .field-name {
    width: 190px !important;
    margin-bottom: 14px !important; }
  .details .guest .field-age {
    width: 44px !important;
    display: inline !important; }

#services-grid-view .service,
.service-popup-wrapper .service {
  width: 187px;
  height: 158px;
  position: relative;
  text-align: center;
  float: left;
  margin-left: 16px; }
  #services-grid-view .service:first-child,
  .service-popup-wrapper .service:first-child {
    margin-left: 0px; }
  #services-grid-view .service h3,
  .service-popup-wrapper .service h3 {
    background-color: #4b5256;
    opacity: 0.85;
    box-sizing: border-box;
    padding-left: 5px;
    padding-right: 5px;
    position: absolute;
    top: 0px;
    left: 0px;
    min-height: 50px;
    width: 100%;
    color: white;
    z-index: 100;
    font-size: 12px;
    font-weight: normal;
    margin: 0px;
    text-align: center;
    padding-top: 10px; }
    #services-grid-view .service h3 .price,
    .service-popup-wrapper .service h3 .price {
      width: 129px;
      text-transform: uppercase;
      border-bottom: 2px solid #e6007e;
      text-align: center;
      display: block;
      overflow: visible;
      display: block;
      margin: 0px auto; }
  #services-grid-view .service img,
  .service-popup-wrapper .service img {
    width: 187px;
    height: 158px;
    display: block; }
  #services-grid-view .service a,
  .service-popup-wrapper .service a {
    background-color: white;
    display: inline-block;
    padding: 1px 23px 0px 10px;
    height: 30px;
    line-height: 30px;
    background-image: url("../img/previous_template/uusi/luelisaa.png");
    background-position: center right;
    background-repeat: no-repeat;
    color: #e6007e;
    font-size: 12px;
    font-weight: bold;
    position: relative;
    bottom: 30px;
    margin: 0px auto; }

#system-message {
  z-index: 100000;
  box-sizing: border-box;
  padding: 20px;
  width: 300px;
  border: 2px solid #e6007e;
  background: white;
  position: fixed;
  margin-left: -150px;
  left: 50%;
  top: 40%; }
  #system-message .close {
    font-size: 17px;
    font-weight: bold;
    opacity: 1;
    line-height: initial; }

/*
 commented out old language version styles
body.de-de  {
  #search-bar {
    .reserve-hotel {
      left: 19px;
    }
    .reserve-nights {
      left: 184px;
      label {
        width: 100px;
      }
    }
    .reserve-persons {
      left: 360px;
    }
    .reserve-selections {
      left: 439px;
      margin-top: -10px;
      label {
        margin-bottom: 3px;
        width: 145px;
      }
    }
    .reserve-date {
      left: 608px;
    }
    .reserve-campaign-code {
      left: 727px;
      label {
        width: 145px;
      }
    }
    #bar-search-button {
      right: 0;
    }
  }
}

body.en-gb  {
  #search-bar {
    .reserve-selections {
      left: 441px;
    }
    .reserve-date {
      left: 573px;
      width: 113px;
    }
    .reserve-campaign-code {
      left: 706px;
      width: 106px;
    }
  }
}

body.ru-ru  {
  #search-bar {
    .reserve-selections {
      margin-top: -2px;
      label {
        margin-bottom: 3px;
        //width: 145px;
      }
    }
  }
}
     
body.de-de,
body.en-gb,
body.sv-se,
body.ru-ru,
{
  #varaamovaihepalkki {
    visibility: hidden;
  }
  .field-sex label {
    display: block !important;
  }
  .guest .field-sex input:not(old) + label {
    margin-left: -7px;
  }

  &.option-com_reservation .confirmation-wrapper {
    .pay-box {
      width: auto;
      h4 {
        width: 260px;
      }
      a {
        width: 280px;
        left: 168px;
      }
    }
    .no-pay-box {
      display: none;
    }
  }
}

body.ru-ru .search-wrapper {
  #basic-field-wrapper-search_periods,
  #basic-field-wrapper-search_hotel,
  #basic-field-wrapper-search_rooms,
  #basic-field-persons-wrapper {
    padding-right: 14px;
  }
}
body.de-de {
  .search-wrapper #basic-field-wrapper-search_campaign_code {
    float: right;
    text-align: right;
    position: relative;
    top: 45px;
    left: -34px;
  }
}
body.de-de .rooms-wrapper {
  .open-link {
    font-size: 13px;
    font-weight: normal;
  }
  .room-type-price {
    font-size: 23px;
  }
}

body.ru-ru {
  .varaamo .services-wrapper #services-list-view h2,
  &.option-com_reservation .services-wrapper #services-list-view h2,
  .varaamo .services-wrapper #services-list-view h3,
  &.option-com_reservation .services-wrapper #services-list-view h3,
  &.view-services .service-popup-header h2,
  &.view-services #services-list-view .service-popup-header h2,
  .varaamo .services-wrapper h2,
  &.option-com_reservation .services-wrapper h2,
  {
    text-transform: none;
  }
}
 commented out old language version styles
*/
.bonus-row {
  display: none;
  font-weight: bold; }

.no-bonus-price {
  display: none; }

.bonus-box {
  text-transform: uppercase;
  position: relative;
  background: white;
  height: 110px;
  margin-bottom: 30px; }

.bonus-box h2 {
  text-align: center;
  height: 45px;
  line-height: 45px;
  color: white;
  background: #e6007e; }

.bonus-box .saldo {
  position: absolute;
  top: 61px;
  left: 316px;
  text-transform: none;
  width: 320px;
  height: 34px;
  background: transparent url(../img/previous_template/uusi/bonus-euro.png) left center no-repeat;
  box-sizing: border-box;
  padding-left: 55px;
  font-weight: bold;
  font-size: 16px;
  line-height: 34px;
  color: #47535b; }

.bonus-box-message {
  height: 90px; }

.bonus-box-message h2 {
  text-transform: none;
  font-weight: normal;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  padding-bottom: 0;
  margin-bottom: 0; }

.bonus-box .message {
  text-align: center;
  position: absolute;
  top: 51px;
  left: 21px;
  text-transform: none;
  width: 609px;
  height: 30px;
  box-sizing: border-box;
  font-weight: bold;
  font-size: 12px;
  line-height: 30px;
  color: #47535b;
  font-weight: normal; }

.bonus-box-thankyou .saldo {
  left: 21px;
  width: 500px; }

.bonus-box input {
  display: none; }

.bonus-box label {
  cursor: pointer;
  position: absolute;
  top: 66px;
  left: 21px;
  text-transform: none;
  display: inline-block;
  box-sizing: border-box;
  width: 180px;
  height: 25px;
  padding-left: 40px;
  background: transparent url(../img/previous_template/uusi/unchecked.png) left center no-repeat;
  font-size: 16px;
  font-weight: bold;
  line-height: 25px;
  color: #e6007e; }

.bonus-box input:checked + label {
  background-image: url(../img/previous_template/uusi/checked.png); }

.bonus-box .sum {
  color: #e6007e; }

body.bonustili-logged-in.option-com_reservation .confirmation-wrapper .no-pay-box,
body.bonustili-logged-in.option-com_reservation .confirmation-wrapper .pay-box {
  width: auto; }
  body.bonustili-logged-in.option-com_reservation .confirmation-wrapper .no-pay-box h4,
  body.bonustili-logged-in.option-com_reservation .confirmation-wrapper .pay-box h4 {
    width: 260px; }
  body.bonustili-logged-in.option-com_reservation .confirmation-wrapper .no-pay-box a,
  body.bonustili-logged-in.option-com_reservation .confirmation-wrapper .pay-box a {
    width: 280px;
    left: 168px; }
body.bonustili-logged-in.option-com_reservation .confirmation-wrapper .no-pay-box {
  display: none; }

.varaamo .details .nopeutavaraamista, .option-com_reservation .details .nopeutavaraamista {
  width: 693px;
  color: #ffffff;
  text-align: center;
  background: #55636e;
  background: -moz-linear-gradient(top, #55636e 0%, #4b5256 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #55636e), color-stop(100%, #4b5256));
  background: -webkit-linear-gradient(top, #55636e 0%, #4b5256 100%);
  background: -o-linear-gradient(top, #55636e 0%, #4b5256 100%);
  background: -ms-linear-gradient(top, #55636e 0%, #4b5256 100%);
  background: linear-gradient(to bottom, #55636e 0%, #4b5256 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55636e', endColorstr='#4b5256',GradientType=0 );
  height: 128px; }
  .varaamo .details .nopeutavaraamista h2, .option-com_reservation .details .nopeutavaraamista h2 {
    text-transform: uppercase;
    margin-top: 25px;
    margin-bottom: 9px;
    font-size: 25px;
    font-weight: normal; }
  .varaamo .details .nopeutavaraamista .nopeutavaraamistalinkit, .option-com_reservation .details .nopeutavaraamista .nopeutavaraamistalinkit {
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    color: #e6007e;
    font-weight: bold;
    font-size: 16px; }
    .varaamo .details .nopeutavaraamista .nopeutavaraamistalinkit a, .option-com_reservation .details .nopeutavaraamista .nopeutavaraamistalinkit a {
      margin: 0px 4px; }
      .varaamo .details .nopeutavaraamista .nopeutavaraamistalinkit a:hover, .option-com_reservation .details .nopeutavaraamista .nopeutavaraamistalinkit a:hover {
        text-decoration: none; }
.varaamo .details label, .option-com_reservation .details label {
  font-size: 12px;
  color: #47535b; }
.varaamo .details input.input-text, .varaamo .details .details-form-wrapper input, .option-com_reservation .details input.input-text, .option-com_reservation .details .details-form-wrapper input {
  padding: 2px 6px;
  box-sizing: content-box;
  font-size: 12px;
  color: #e6007e;
  width: 222px;
  height: 28px !important;
  border: solid #daddde 1px !important;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.04) 58%, rgba(0, 69, 92, 0.04) 100%) !important;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.04)), color-stop(58%, rgba(255, 255, 255, 0.04)), color-stop(100%, rgba(0, 69, 92, 0.04))) !important;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.04) 58%, rgba(0, 69, 92, 0.04) 100%) !important;
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.04) 58%, rgba(0, 69, 92, 0.04) 100%) !important;
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.04) 58%, rgba(0, 69, 92, 0.04) 100%) !important;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.04) 58%, rgba(0, 69, 92, 0.04) 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0affffff', endColorstr='#0a00455c',GradientType=0 ) !important; }
.varaamo .details div, .option-com_reservation .details div {
  float: left;
  width: 240px;
  margin: 5px 20px 5px 0px; }
  .varaamo .details div .selectmenu, .option-com_reservation .details div .selectmenu {
    color: #e6007e;
    width: 248px;
    height: 34px;
    border: solid #daddde 1px;
    padding: 2px 6px;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.04) 58%, rgba(0, 69, 92, 0.04) 100%) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.04)), color-stop(58%, rgba(255, 255, 255, 0.04)), color-stop(100%, rgba(0, 69, 92, 0.04))) !important;
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.04) 58%, rgba(0, 69, 92, 0.04) 100%) !important;
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.04) 58%, rgba(0, 69, 92, 0.04) 100%) !important;
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.04) 58%, rgba(0, 69, 92, 0.04) 100%) !important;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.04) 58%, rgba(0, 69, 92, 0.04) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0affffff', endColorstr='#0a00455c',GradientType=0 ) !important; }

@media (min-width: 0px) {
  .show-when-mobile {
    display: block; }

  .hide-when-mobile {
    display: none; }

  .rooms {
    width: 100%; }
    .rooms .room-image {
      width: 277px;
      max-width: 35%;
      /* position: absolute;
      top: 0;
      left: 0; */
      height: auto;
      margin-right: 10px;
      float: left; }
      .rooms .room-image img {
        max-width: 100%;
        height: auto; }
    .rooms .package-footer-text {
      margin-bottom: 1em; }
    .rooms .room {
      overflow: hidden;
      position: relative;
      /* padding: 0px 0px 92px 37%;  */ }
      .rooms .room h3 {
        font-weight: normal;
        line-height: 1;
        margin: 0px 0px 26px 0px;
        max-width: 58%;
        /* CLEAR ME */
        float: left;
        /* CLEAR ME */ }
      .rooms .room .open-link-wrapper {
        /* CLEAR ME */
        width: 100%;
        margin-top: 10px;
        position: relative; }
    .rooms .room-type-name {
      font-size: 17px;
      text-transform: uppercase;
      line-height: 20px;
      color: #e6007e;
      font-weight: normal;
      margin-bottom: 24px; }
    .rooms .room-description {
      font-size: 12px;
      line-height: 18px;
      margin: 0 0 0 0;
      max-width: 58%;
      /* CLEAR ME */
      float: left;
      /* CLEAR ME */
      margin-bottom: 10px;
      /* CLEAR ME */ }
    .rooms .room-beds {
      font-weight: bold;
      font-size: 12px;
      margin-top: 2px;
      margin-bottom: 1em; }
    .rooms .room-popup-link, .rooms .room-gallery-link {
      height: 28px;
      width: 28px;
      display: block;
      float: left;
      margin-right: 8px; }
    .rooms .room-links {
      height: 28px;
      position: absolute;
      position: relative;
      /* bottom: (105px - 40px); */
      /* left: 297px; */
      clear: left;
      /* CLEAR ME */
      padding-top: 10px;
      /* CLEAR ME */
      min-width: 25%;
      /* CLEAR ME */ }
    .rooms .room-popup-link {
      background-image: url("../img/previous_template/uusi/info.png"); }
    .rooms .room-gallery-link {
      background-image: url("../img/previous_template/uusi/photo.png"); }
    .rooms .room-type-price {
      color: #e6007e;
      position: relative;
      font-size: 30px;
      float: right;
      /* CLEAR ME */
      clear: left;
      /* CLEAR ME */
      min-width: 50%;
      /* CLEAR ME */ }
      .rooms .room-type-price .pricetext {
        font-size: 12px;
        font-weight: bold;
        margin-bottom: 8px;
        display: block;
        color: #47535b; }
      .rooms .room-type-price .currency {
        text-transform: uppercase;
        font-size: 17px; }
    .rooms .rooms-gallery, .rooms .rooms-popup {
      width: 588px;
      margin: 0px auto;
      position: relative;
      display: none; }

  .packages {
    display: none;
    margin-top: 32px; }

  .room-wrapper {
    border-bottom: #c9cdd0 1px solid;
    padding-bottom: 37px;
    padding-top: 37px; }
    .room-wrapper:last-child {
      border-bottom: none;
      padding-bottom: 0; }

  .package {
    background: transparent url("../img/previous_template/uusi/row-gradient.png");
    background-size: 1px 100%;
    border: 1px solid #dde0e3;
    border-bottom: none; }
    .package.open {
      padding-bottom: 15px;
      background: transparent url("../img/previous_template/uusi/bg-gradient.png"); }
      .package.open .package-text {
        display: block;
        margin-bottom: 0; }
    .package .package-header {
      cursor: pointer;
      line-height: 47px;
      min-height: 47px;
      /* CLEAR ME */ }
      .package .package-header .package-price,
      .package .package-header .package-open-link,
      .package .package-header .reserve-link-wrapper {
        float: right; }
      .package .package-header .reserve-link-wrapper {
        position: relative;
        top: 12px;
        left: 0;
        margin-right: 14px;
        margin-left: 31px;
        line-height: initial; }
      .package .package-header .title-wrapper-1 {
        margin-left: 14px;
        display: table;
        height: 100%; }
      .package .package-header .title-wrapper-2 {
        display: table-row; }
      .package .package-header h4 {
        display: table-cell;
        vertical-align: middle;
        float: none;
        padding: 0;
        margin: 0;
        color: #e6007e;
        font-weight: normal;
        font-size: 16px;
        line-height: 47px;
        white-space: nowrap;
        /* MAYBE CLEAR? */
        max-width: 300px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; }
      .package .package-header .package-price {
        color: #4b5256;
        margin-right: 11px; }
      .package .package-header .package-open-link {
        margin-top: 12px;
        background: transparent url("../img/previous_template/uusi/info.png") center;
        width: 23px;
        height: 23px; }
    .package .package-text {
      display: none;
      margin-left: 14px; }
    .package:last-child {
      border-bottom: 1px solid #dde0e3; }

  .iframe-paivakumpu .rooms {
    width: 500px; }
    .iframe-paivakumpu .rooms .room {
      padding: 0px 0px 92px 225px; }
      .iframe-paivakumpu .rooms .room .room-type-price {
        right: 0;
        bottom: auto;
        left: auto; }
      .iframe-paivakumpu .rooms .room .room-description {
        margin-bottom: 10px; }
      .iframe-paivakumpu .rooms .room .room-links {
        left: 225px; }
      .iframe-paivakumpu .rooms .room img {
        width: 206px;
        display: block; }

  .iframe-paivakumpu .room-wrapper {
    width: 500px; } }
@media (min-width: 768px) {
  /* start tablet, fullscreen */
  .show-when-mobile {
    display: none; }

  .hide-when-mobile {
    display: block; }

  .rooms {
    width: 695px; }
    .rooms .room-image {
      width: 277px;
      position: absolute;
      top: 0;
      left: 0;
      height: 220px;
      margin-right: 20px; }
      .rooms .room-image img {
        max-width: auto;
        height: auto; }
    .rooms .package-footer-text {
      margin-bottom: 1em; }
    .rooms .room {
      overflow: hidden;
      position: relative;
      padding: 0px 0px 92px 295px;
      min-height: 129px;
      min-height: 220px; }
      .rooms .room h3 {
        font-weight: normal;
        line-height: 1;
        margin: 0px 0px 26px 0px;
        max-width: initial;
        /* CLEAR  */
        float: none;
        /* CLEAR  */ }
      .rooms .room .open-link-wrapper {
        /* CLEAR */
        width: auto;
        margin-top: initial;
        position: absolute; }
    .rooms .room-type-name {
      font-size: 17px;
      text-transform: uppercase;
      line-height: 20px;
      color: #e6007e;
      font-weight: normal;
      margin-bottom: 24px; }
    .rooms .room-description {
      font-size: 12px;
      line-height: 18px;
      margin: 0 0 0 0;
      max-width: initial;
      /* CLEAR  */
      float: none;
      /* CLEAR  */
      margin-bottom: 0px;
      /* CLEAR  */ }
    .rooms .room-beds {
      font-weight: bold;
      font-size: 12px;
      margin-top: 2px;
      margin-bottom: 1em; }
    .rooms .room-popup-link, .rooms .room-gallery-link {
      height: 28px;
      width: 28px;
      display: block;
      float: left;
      margin-right: 8px; }
    .rooms .room-links {
      height: 28px;
      position: absolute;
      bottom: 65px;
      left: 297px;
      clear: none;
      /* CLEAR ME */
      padding-top: 0px;
      /* CLEAR ME */
      min-width: initial;
      /* CLEAR ME */ }
    .rooms .room-popup-link {
      background-image: url("../img/previous_template/uusi/info.png"); }
    .rooms .room-gallery-link {
      background-image: url("../img/previous_template/uusi/photo.png"); }
    .rooms .room-type-price {
      color: #e6007e;
      position: absolute;
      bottom: 0;
      left: 297px;
      font-size: 30px;
      float: none;
      /* CLEAR */
      clear: none;
      /* CLEAR */
      min-width: auto;
      /* CLEAR */ }
      .rooms .room-type-price .pricetext {
        font-size: 12px;
        font-weight: bold;
        margin-bottom: 8px;
        display: block;
        color: #47535b; }
      .rooms .room-type-price .currency {
        text-transform: uppercase;
        font-size: 17px; }
    .rooms .rooms-gallery, .rooms .rooms-popup {
      width: 588px;
      margin: 0px auto;
      position: relative;
      display: none; }

  .packages {
    display: none;
    margin-top: 32px; }

  .room-wrapper {
    border-bottom: #c9cdd0 1px solid;
    padding-bottom: 37px;
    padding-top: 37px; }
    .room-wrapper:last-child {
      border-bottom: none;
      padding-bottom: 0; }

  .package {
    background: transparent url("../img/previous_template/uusi/row-gradient.png");
    border: 1px solid #dde0e3;
    border-bottom: none; }
    .package.open {
      padding-bottom: 15px;
      background: transparent url("../img/previous_template/uusi/bg-gradient.png"); }
      .package.open .package-text {
        display: block;
        margin-bottom: 0; }
    .package .package-header {
      cursor: pointer;
      height: 47px;
      line-height: 47px;
      min-height: auto;
      /* CLEAR ME */ }
      .package .package-header .package-price,
      .package .package-header .package-open-link,
      .package .package-header .reserve-link-wrapper {
        float: right; }
      .package .package-header .reserve-link-wrapper {
        position: relative;
        top: 12px;
        left: 0;
        margin-right: 14px;
        margin-left: 31px;
        line-height: initial; }
      .package .package-header .title-wrapper-1 {
        margin-left: 14px;
        display: table;
        height: 100%; }
      .package .package-header .title-wrapper-2 {
        display: table-row; }
      .package .package-header h4 {
        display: table-cell;
        vertical-align: middle;
        float: none;
        padding: 0;
        margin: 0;
        color: #e6007e;
        font-weight: normal;
        font-size: 16px;
        line-height: 1;
        max-width: 400px; }
      .package .package-header .package-price {
        color: #4b5256;
        margin-right: 11px; }
      .package .package-header .package-open-link {
        margin-top: 12px;
        background: transparent url("../img/previous_template/uusi/info.png") center;
        width: 23px;
        height: 23px; }
    .package .package-text {
      display: none;
      margin-left: 14px;
      width: 515px; }
    .package:last-child {
      border-bottom: 1px solid #dde0e3; }

  .iframe-paivakumpu .rooms {
    width: 500px; }
    .iframe-paivakumpu .rooms .room {
      padding: 0px 0px 92px 225px; }
      .iframe-paivakumpu .rooms .room .room-type-price {
        right: 0;
        bottom: auto;
        left: auto; }
      .iframe-paivakumpu .rooms .room .room-description {
        margin-bottom: 10px; }
      .iframe-paivakumpu .rooms .room .room-links {
        left: 225px; }
      .iframe-paivakumpu .rooms .room img {
        width: 206px;
        display: block; }

  .iframe-paivakumpu .room-wrapper {
    width: 500px; } }
.varaamo .varaustiedot-wrapper,
.option-com_reservation .varaustiedot-wrapper {
  /* z-index: 10000; */
  z-index: 100;
  /* keep behind gallery popup */
  position: relative; }
  .varaamo .varaustiedot-wrapper .varaustiedotnuoli,
  .option-com_reservation .varaustiedot-wrapper .varaustiedotnuoli {
    position: absolute;
    height: 40px;
    width: 19px;
    top: 35px;
    left: 14px;
    background-image: url("../img/previous_template/uusi/varaustiedotnuoli.png"); }
  .varaamo .varaustiedot-wrapper .takaisinetusivulle,
  .option-com_reservation .varaustiedot-wrapper .takaisinetusivulle {
    color: #47535b;
    display: block; }
  .varaamo .varaustiedot-wrapper .varaustiedot,
  .option-com_reservation .varaustiedot-wrapper .varaustiedot {
    background-color: #f0f0f4;
    padding: 0px 7px 8px 7px;
    border: solid #e3e4e8 1px;
    border-radius: 3px 3px 5px 5px;
    -moz-border-radius: 3px 3px 5px 5px;
    -webkit-border-radius: 3px 3px 5px 5px; }
    .varaamo .varaustiedot-wrapper .varaustiedot h2,
    .option-com_reservation .varaustiedot-wrapper .varaustiedot h2 {
      padding: 16px 5px 8px 5px;
      margin-bottom: 10px;
      text-align: center;
      font-size: 14px;
      text-transform: uppercase;
      border-bottom: 5px #e6007e solid; }
    .varaamo .varaustiedot-wrapper .varaustiedot h3,
    .option-com_reservation .varaustiedot-wrapper .varaustiedot h3 {
      text-align: center;
      font-size: 12px;
      text-transform: uppercase;
      margin: 24px 0px 7px 0px; }
    .varaamo .varaustiedot-wrapper .varaustiedot .varaustiedotsolu,
    .option-com_reservation .varaustiedot-wrapper .varaustiedot .varaustiedotsolu {
      position: relative;
      width: 166px;
      min-height: 29px;
      margin: 1px;
      padding: 10px;
      font-size: 12px;
      background: white;
      background: -moz-linear-gradient(top, white 0%, #fafafb 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #fafafb));
      background: -webkit-linear-gradient(top, white 0%, #fafafb 100%);
      background: -o-linear-gradient(top, white 0%, #fafafb 100%);
      background: -ms-linear-gradient(top, white 0%, #fafafb 100%);
      background: linear-gradient(to bottom, white 0%, #fafafb 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fafafb',GradientType=0 ); }
      .varaamo .varaustiedot-wrapper .varaustiedot .varaustiedotsolu p,
      .option-com_reservation .varaustiedot-wrapper .varaustiedot .varaustiedotsolu p {
        margin-bottom: 0; }
      .varaamo .varaustiedot-wrapper .varaustiedot .varaustiedotsolu .price,
      .option-com_reservation .varaustiedot-wrapper .varaustiedot .varaustiedotsolu .price {
        color: #e6007e;
        height: auto;
        padding: 6px 0px 0px 0px;
        border-bottom: 1px #e6007e solid; }
        .varaamo .varaustiedot-wrapper .varaustiedot .varaustiedotsolu .price span,
        .option-com_reservation .varaustiedot-wrapper .varaustiedot .varaustiedotsolu .price span {
          position: relative;
          top: 3px;
          padding-right: 2px;
          background-color: #fcfcfd; }
        .varaamo .varaustiedot-wrapper .varaustiedot .varaustiedotsolu .price .eurot,
        .option-com_reservation .varaustiedot-wrapper .varaustiedot .varaustiedotsolu .price .eurot {
          float: right;
          padding-right: 0px;
          padding-left: 3px; }
      .varaamo .varaustiedot-wrapper .varaustiedot .varaustiedotsolu a,
      .option-com_reservation .varaustiedot-wrapper .varaustiedot .varaustiedotsolu a {
        font-size: 11px;
        color: #47535b;
        position: absolute;
        right: 4px;
        top: 3px;
        background-image: url("../img/previous_template/uusi/ruksi.png");
        background-position: right center;
        background-repeat: no-repeat;
        padding-right: 21px; }
        .varaamo .varaustiedot-wrapper .varaustiedot .varaustiedotsolu a:hover,
        .option-com_reservation .varaustiedot-wrapper .varaustiedot .varaustiedotsolu a:hover {
          text-decoration: none; }
    .varaamo .varaustiedot-wrapper .varaustiedot .varaustiedotinner.lisapalvelut .varaustiedotsolu,
    .option-com_reservation .varaustiedot-wrapper .varaustiedot .varaustiedotinner.lisapalvelut .varaustiedotsolu {
      height: auto;
      padding-top: 21px;
      padding-bottom: 11px; }
      .varaamo .varaustiedot-wrapper .varaustiedot .varaustiedotinner.lisapalvelut .varaustiedotsolu p,
      .option-com_reservation .varaustiedot-wrapper .varaustiedot .varaustiedotinner.lisapalvelut .varaustiedotsolu p {
        color: #e6007e;
        margin: 0px;
        padding: 0px; }
    .varaamo .varaustiedot-wrapper .varaustiedot .yhthinta,
    .option-com_reservation .varaustiedot-wrapper .varaustiedot .yhthinta {
      color: #e6007e;
      font-size: 12px;
      height: auto;
      /* width:166px;*/
      width: auto;
      padding: 16px 10px;
      background: white;
      background: -moz-linear-gradient(top, white 0%, #fafafb 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #fafafb));
      background: -webkit-linear-gradient(top, white 0%, #fafafb 100%);
      background: -o-linear-gradient(top, white 0%, #fafafb 100%);
      background: -ms-linear-gradient(top, white 0%, #fafafb 100%);
      background: linear-gradient(to bottom, white 0%, #fafafb 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fafafb',GradientType=0 ); }
      .varaamo .varaustiedot-wrapper .varaustiedot .yhthinta p,
      .option-com_reservation .varaustiedot-wrapper .varaustiedot .yhthinta p {
        padding: 0px;
        margin: 0px;
        font-weight: bold;
        color: #e6007e;
        height: auto;
        border-bottom: 1px #e6007e solid; }
        .varaamo .varaustiedot-wrapper .varaustiedot .yhthinta p span,
        .option-com_reservation .varaustiedot-wrapper .varaustiedot .yhthinta p span {
          position: relative;
          top: 3px;
          padding-right: 2px;
          background-color: #fcfcfd; }
        .varaamo .varaustiedot-wrapper .varaustiedot .yhthinta p .eurot,
        .option-com_reservation .varaustiedot-wrapper .varaustiedot .yhthinta p .eurot {
          font-weight: normal;
          float: right;
          padding-right: 0px;
          padding-left: 3px; }
  .varaamo .varaustiedot-wrapper a.uusihaku,
  .option-com_reservation .varaustiedot-wrapper a.uusihaku {
    font-size: 12px;
    color: #e6007e;
    font-weight: bold;
    margin-top: 23px;
    margin-bottom: 10px;
    display: block; }
    .varaamo .varaustiedot-wrapper a.uusihaku:hover,
    .option-com_reservation .varaustiedot-wrapper a.uusihaku:hover {
      text-decoration: none; }
  .varaamo .varaustiedot-wrapper a.takaisinetusivulle,
  .option-com_reservation .varaustiedot-wrapper a.takaisinetusivulle {
    font-size: 12px;
    color: #47535b; }
    .varaamo .varaustiedot-wrapper a.takaisinetusivulle:hover,
    .option-com_reservation .varaustiedot-wrapper a.takaisinetusivulle:hover {
      text-decoration: none; }

.option-com_reservation .close-link {
  display: block;
  position: absolute;
  top: -11px;
  right: -19px;
  background-color: #e6007e;
  color: white;
  padding: 0 12px;
  border-radius: 4px;
  -ms-border-radius: 4px;
  -webkit-border-radius: 4px;
  font-size: 14px;
  font-weight: bold;
  line-height: 30px; }
.option-com_reservation .close-x {
  font-size: 19px; }

.view-services .service-popup-wrapper.in-grid-view,
.view-services #services-list-view .service-popup-wrapper.in-grid-view {
  z-index: 10000;
  box-sizing: border-box;
  padding-top: 80px;
  padding-bottom: 80px;
  position: absolute;
  top: 0;
  left: 0;
  min-height: 100%;
  width: 100%;
  background: rgba(71, 83, 91, 0.7); }
  .view-services .service-popup-wrapper.in-grid-view .service,
  .view-services #services-list-view .service-popup-wrapper.in-grid-view .service {
    position: relative;
    top: -161px;
    border: 3px solid white;
    padding-bottom: 14px;
    left: 50%;
    z-index: 0; }
    .view-services .service-popup-wrapper.in-grid-view .service h3,
    .view-services #services-list-view .service-popup-wrapper.in-grid-view .service h3 {
      bottom: 0;
      top: auto;
      background-color: #4b5256;
      opacity: 1; }
  .view-services .service-popup-wrapper.in-grid-view.service-index-2 .service h3,
  .view-services #services-list-view .service-popup-wrapper.in-grid-view.service-index-2 .service h3 {
    top: 0;
    bottom: auto; }
  .view-services .service-popup-wrapper.in-grid-view .varaustiedot-wrapper,
  .view-services #services-list-view .service-popup-wrapper.in-grid-view .varaustiedot-wrapper {
    position: absolute;
    right: -480px;
    margin-right: 50%; }
    .view-services .service-popup-wrapper.in-grid-view .varaustiedot-wrapper #detailssubmitcenter,
    .view-services #services-list-view .service-popup-wrapper.in-grid-view .varaustiedot-wrapper #detailssubmitcenter {
      display: none; }
    .view-services .service-popup-wrapper.in-grid-view .varaustiedot-wrapper .varaustiedotsolu a,
    .view-services #services-list-view .service-popup-wrapper.in-grid-view .varaustiedot-wrapper .varaustiedotsolu a {
      display: none; }
    .view-services .service-popup-wrapper.in-grid-view .varaustiedot-wrapper .varaustiedotsolu,
    .view-services #services-list-view .service-popup-wrapper.in-grid-view .varaustiedot-wrapper .varaustiedotsolu {
      padding-top: 11px; }
  .view-services .service-popup-wrapper.in-grid-view .uusihaku, .view-services .service-popup-wrapper.in-grid-view .takaisinetusivulle,
  .view-services #services-list-view .service-popup-wrapper.in-grid-view .uusihaku,
  .view-services #services-list-view .service-popup-wrapper.in-grid-view .takaisinetusivulle {
    display: none !important; }
.view-services .service-popup-wrapper.in-list-view .service-popup-header,
.view-services .service-popup-wrapper.in-list-view .varaustiedot-wrapper,
.view-services .service-popup-wrapper.in-list-view .close-link,
.view-services #services-list-view .service-popup-wrapper.in-list-view .service-popup-header,
.view-services #services-list-view .service-popup-wrapper.in-list-view .varaustiedot-wrapper,
.view-services #services-list-view .service-popup-wrapper.in-list-view .close-link {
  display: none; }
.view-services .service-popup,
.view-services #services-list-view .service-popup {
  background: white;
  z-index: 1;
  width: 624px;
  box-sizing: border-box;
  padding: 25px 0; }
  .view-services .service-popup .add-to-cart-link,
  .view-services #services-list-view .service-popup .add-to-cart-link {
    float: right; }
.view-services .in-grid-view.service-index-2 .service-popup,
.view-services #services-list-view .in-grid-view.service-index-2 .service-popup {
  margin-top: 0; }
.view-services .in-grid-view .service-popup,
.view-services #services-list-view .in-grid-view .service-popup {
  margin-top: 17px;
  -webkit-box-shadow: 5px 0px 10px 0px rgba(10, 10, 10, 0.57);
  -moz-box-shadow: 5px 0px 10px 0px rgba(10, 10, 10, 0.57);
  box-shadow: 5px 0px 10px 0px rgba(10, 10, 10, 0.57);
  position: absolute; }
.view-services .in-list-view .service-popup,
.view-services #services-list-view .in-list-view .service-popup {
  position: relative;
  width: auto;
  border-bottom: 1px solid #c9cdd0;
  margin-bottom: 25px;
  padding-top: 0;
  padding-left: 35px;
  padding-right: 35px; }
.view-services .service-popup-header,
.view-services #services-list-view .service-popup-header {
  box-sizing: border-box;
  padding: 0 22px 6px 218px;
  min-height: 102px; }
  .view-services .service-popup-header .price-container,
  .view-services #services-list-view .service-popup-header .price-container {
    position: absolute;
    left: -12px;
    top: 12px;
    width: 211px;
    height: 91px;
    background: transparent url(../img/previous_template/uusi/hintanuoli.png) center center no-repeat;
    color: white;
    padding-left: 28px;
    padding-top: 17px;
    box-sizing: border-box; }
  .view-services .service-popup-header .price-label,
  .view-services #services-list-view .service-popup-header .price-label {
    font-size: 12px;
    font-weight: bold;
    display: block;
    margin-bottom: 1px; }
  .view-services .service-popup-header .price,
  .view-services #services-list-view .service-popup-header .price {
    line-height: 30px;
    font-size: 30px; }
  .view-services .service-popup-header .price-suffix,
  .view-services #services-list-view .service-popup-header .price-suffix {
    line-height: 30px;
    font-size: 17px; }
  .view-services .service-popup-header h2,
  .view-services #services-list-view .service-popup-header h2 {
    background-color: transparent;
    font-weight: normal;
    color: #e6007e;
    font-size: 17px;
    line-height: 1.5;
    background-color: white;
    text-transform: uppercase;
    height: auto;
    padding: 0;
    clear: none; }
  .view-services .service-popup-header p,
  .view-services #services-list-view .service-popup-header p {
    font-size: 14px;
    color: #47535b;
    line-height: 1.28; }
.view-services .service-body-table-map,
.view-services #services-list-view .service-body-table-map, .view-services .service-body-amount-day-calendar,
.view-services #services-list-view .service-body-amount-day-calendar, .view-services .service-body-footer,
.view-services #services-list-view .service-body-footer, .view-services .service-body-calendar,
.view-services #services-list-view .service-body-calendar,
.view-services #services-list-view .service-body-table-map,
.view-services #services-list-view .service-body-amount-day-calendar,
.view-services #services-list-view .service-body-footer,
.view-services #services-list-view .service-body-calendar {
  padding: 6px 34px 6px 34px; }
  .view-services .service-body-table-map h2,
  .view-services #services-list-view .service-body-table-map h2, .view-services .service-body-amount-day-calendar h2,
  .view-services #services-list-view .service-body-amount-day-calendar h2, .view-services .service-body-footer h2,
  .view-services #services-list-view .service-body-footer h2, .view-services .service-body-calendar h2,
  .view-services #services-list-view .service-body-calendar h2,
  .view-services #services-list-view .service-body-table-map h2,
  .view-services #services-list-view .service-body-amount-day-calendar h2,
  .view-services #services-list-view .service-body-footer h2,
  .view-services #services-list-view .service-body-calendar h2 {
    height: auto;
    background-color: transparent;
    font-weight: normal;
    color: #e6007e;
    font-size: 12px;
    line-height: 26px;
    text-transform: uppercase;
    margin-bottom: 9px;
    padding: 0;
    clear: none; }
    .view-services .service-body-table-map h2 .number,
    .view-services #services-list-view .service-body-table-map h2 .number, .view-services .service-body-amount-day-calendar h2 .number,
    .view-services #services-list-view .service-body-amount-day-calendar h2 .number, .view-services .service-body-footer h2 .number,
    .view-services #services-list-view .service-body-footer h2 .number, .view-services .service-body-calendar h2 .number,
    .view-services #services-list-view .service-body-calendar h2 .number,
    .view-services #services-list-view .service-body-table-map h2 .number,
    .view-services #services-list-view .service-body-amount-day-calendar h2 .number,
    .view-services #services-list-view .service-body-footer h2 .number,
    .view-services #services-list-view .service-body-calendar h2 .number {
      vertical-align: top;
      display: inline-block;
      background: #e6007e;
      overflow: hidden;
      color: white;
      text-align: center;
      font-size: 17px;
      height: 26px;
      line-height: 26px;
      width: 26px;
      border-radius: 13px;
      -moz-border-radius: 13px;
      -webkit-border-radius: 13px; }
.view-services .service-body-table-map,
.view-services #services-list-view .service-body-table-map {
  width: 780px;
  background: white;
  position: relative;
  box-sizing: border-box;
  left: -78px;
  padding: 18px 11px; }
  .view-services .service-body-table-map .table-map-wrapper,
  .view-services #services-list-view .service-body-table-map .table-map-wrapper {
    width: 758px;
    height: 342px;
    position: relative; }
    .view-services .service-body-table-map .table-map-wrapper .table-map-error,
    .view-services #services-list-view .service-body-table-map .table-map-wrapper .table-map-error {
      background: rgba(255, 255, 255, 0.5);
      color: #47535b;
      text-align: center;
      line-height: 342px;
      width: 100%;
      height: 342px;
      position: absolute;
      top: 0;
      left: 0; }
    .view-services .service-body-table-map .table-map-wrapper .legend,
    .view-services #services-list-view .service-body-table-map .table-map-wrapper .legend {
      position: absolute;
      top: 0;
      left: 0; }
      .view-services .service-body-table-map .table-map-wrapper .legend div,
      .view-services #services-list-view .service-body-table-map .table-map-wrapper .legend div {
        display: inline-block;
        height: 10px;
        line-height: 10px;
        border-left: 10px solid #6ce30c;
        padding-left: 5px;
        margin-right: 10px; }
      .view-services .service-body-table-map .table-map-wrapper .legend .legend-selected-places,
      .view-services #services-list-view .service-body-table-map .table-map-wrapper .legend .legend-selected-places {
        border-left-color: #6ce30c; }
      .view-services .service-body-table-map .table-map-wrapper .legend .legend-free-places,
      .view-services #services-list-view .service-body-table-map .table-map-wrapper .legend .legend-free-places {
        border-left-color: #e6007e; }
      .view-services .service-body-table-map .table-map-wrapper .legend .legend-reserved-places,
      .view-services #services-list-view .service-body-table-map .table-map-wrapper .legend .legend-reserved-places {
        border-left-color: #d9dddf; }
.view-services .service-body-amount-day-calendar,
.view-services #services-list-view .service-body-amount-day-calendar {
  padding-left: 218px; }
  .view-services .service-body-amount-day-calendar .reservation-date-input,
  .view-services #services-list-view .service-body-amount-day-calendar .reservation-date-input {
    width: 102px;
    position: static;
    border: 1px solid #a7a8ab;
    color: #47535b;
    font-size: 12px; }
  .view-services .service-body-amount-day-calendar:after,
  .view-services #services-list-view .service-body-amount-day-calendar:after {
    content: " ";
    display: block;
    clear: both;
    line-height: 0; }
  .view-services .service-body-amount-day-calendar label,
  .view-services #services-list-view .service-body-amount-day-calendar label {
    margin-bottom: 7px;
    display: block; }
  .view-services .service-body-amount-day-calendar .trigger, .view-services .service-body-amount-day-calendar .activetrigger, .view-services .service-body-amount-day-calendar .dropcontainer,
  .view-services #services-list-view .service-body-amount-day-calendar .trigger,
  .view-services #services-list-view .service-body-amount-day-calendar .activetrigger,
  .view-services #services-list-view .service-body-amount-day-calendar .dropcontainer {
    width: 63px; }
  .view-services .service-body-amount-day-calendar .service-amount, .view-services .service-body-amount-day-calendar .service-day-calendar,
  .view-services #services-list-view .service-body-amount-day-calendar .service-amount,
  .view-services #services-list-view .service-body-amount-day-calendar .service-day-calendar {
    width: 145px;
    margin-right: 10px;
    float: left; }
.view-services .service-body-footer,
.view-services #services-list-view .service-body-footer {
  position: relative;
  overflow: hidden; }
.view-services .with-table-map .service-body-footer,
.view-services #services-list-view .with-table-map .service-body-footer {
  width: 780px;
  box-sizing: border-box;
  background: white;
  position: relative;
  left: -78px;
  padding-bottom: 25px; }
.view-services .with-table-map,
.view-services #services-list-view .with-table-map {
  padding-bottom: 0; }
  .view-services .with-table-map .data li,
  .view-services #services-list-view .with-table-map .data li {
    float: left;
    width: 120px; }
    .view-services .with-table-map .data li span,
    .view-services #services-list-view .with-table-map .data li span {
      display: block; }
  .view-services .with-table-map .data li.title-and-date,
  .view-services #services-list-view .with-table-map .data li.title-and-date {
    width: 160px; }
.view-services .service-popup-info h2,
.view-services #services-list-view .service-popup-info h2 {
  font-size: 12px;
  font-weight: normal;
  color: #e6007e;
  margin-bottom: 0;
  text-transform: none;
  line-height: 1.5;
  font-weight: bold; }
.view-services .service-popup-info li,
.view-services #services-list-view .service-popup-info li {
  list-style-type: none;
  margin-left: 0;
  font-size: 12px; }
  .view-services .service-popup-info li .title,
  .view-services #services-list-view .service-popup-info li .title {
    color: #47535b;
    font-weight: bold; }
.view-services .schedule-table td, .view-services .schedule-table th,
.view-services #services-list-view .schedule-table td,
.view-services #services-list-view .schedule-table th {
  padding: 0;
  margin: 0;
  text-align: center;
  font-size: 12px;
  border-left: 1px solid white;
  border-top: 1px solid white;
  border-right: 0px none;
  border-bottom: 0px none;
  line-height: 22px;
  white-space: nowrap; }
  .view-services .schedule-table td div, .view-services .schedule-table th div,
  .view-services #services-list-view .schedule-table td div,
  .view-services #services-list-view .schedule-table th div {
    width: 76px;
    height: 22px; }
  .view-services .schedule-table td:first-child, .view-services .schedule-table th:first-child,
  .view-services #services-list-view .schedule-table td:first-child,
  .view-services #services-list-view .schedule-table th:first-child {
    border-left: none; }
.view-services .schedule-table tr:first-child th,
.view-services #services-list-view .schedule-table tr:first-child th {
  border-top: none; }
.view-services .schedule-table th,
.view-services #services-list-view .schedule-table th {
  color: white;
  background-color: #d9dddf;
  text-transform: uppercase;
  border-left: white; }
  .view-services .schedule-table th.active,
  .view-services #services-list-view .schedule-table th.active {
    background-color: #768288; }
.view-services .schedule-table td,
.view-services #services-list-view .schedule-table td {
  background: #f0f0f4;
  color: #c8ced1; }
  .view-services .schedule-table td.active,
  .view-services #services-list-view .schedule-table td.active {
    background: #e6007e;
    color: white;
    cursor: pointer; }
  .view-services .schedule-table td.selected,
  .view-services #services-list-view .schedule-table td.selected {
    background: #6ce30c; }
.view-services .schedule-table-wrapper,
.view-services #services-list-view .schedule-table-wrapper {
  overflow: auto;
  max-height: 250px;
  max-width: 556px;
  box-sizing: border-box;
  border: 1px solid #d8dade; }
.view-services .treatment-persons,
.view-services #services-list-view .treatment-persons {
  box-sizing: border-box;
  width: 329px;
  height: 136px;
  overflow: hidden;
  border: 1px solid #d8dbde;
  position: relative; }
  .view-services .treatment-persons li.person,
  .view-services #services-list-view .treatment-persons li.person {
    box-sizing: border-box;
    padding: 0 24px;
    width: 327px !important;
    height: 136px;
    overflow: hidden; }
    .view-services .treatment-persons li.person .selected-text,
    .view-services #services-list-view .treatment-persons li.person .selected-text {
      display: none;
      text-transform: uppercase;
      font-size: 17px;
      line-height: 27px;
      color: #e6007e; }
    .view-services .treatment-persons li.person.selected .selected-text,
    .view-services #services-list-view .treatment-persons li.person.selected .selected-text {
      display: block; }
    .view-services .treatment-persons li.person.selected a.select-person,
    .view-services #services-list-view .treatment-persons li.person.selected a.select-person {
      display: none; }
  .view-services .treatment-persons img,
  .view-services #services-list-view .treatment-persons img {
    float: left;
    height: 136px;
    width: 108px; }
  .view-services .treatment-persons .person-right,
  .view-services #services-list-view .treatment-persons .person-right {
    float: left;
    width: 168px;
    height: 136px;
    padding-top: 23px;
    padding-left: 15px;
    box-sizing: border-box; }
  .view-services .treatment-persons .description,
  .view-services #services-list-view .treatment-persons .description {
    display: block;
    font-size: 12px;
    margin-bottom: 9px; }
  .view-services .treatment-persons .name,
  .view-services #services-list-view .treatment-persons .name {
    display: block;
    font-size: 17px;
    color: #e6007e;
    text-transform: uppercase;
    margin-bottom: 17px; }
  .view-services .treatment-persons .flex-prev, .view-services .treatment-persons .flex-next,
  .view-services #services-list-view .treatment-persons .flex-prev,
  .view-services #services-list-view .treatment-persons .flex-next {
    display: block;
    position: absolute;
    top: 0;
    width: 24px;
    height: 136px;
    background-color: #e9e9ec;
    background-position: center center;
    background-repeat: no-repeat;
    text-indent: -99999px;
    outline: none; }
    .view-services .treatment-persons .flex-prev:hover, .view-services .treatment-persons .flex-next:hover,
    .view-services #services-list-view .treatment-persons .flex-prev:hover,
    .view-services #services-list-view .treatment-persons .flex-next:hover {
      opacity: 0.8; }
  .view-services .treatment-persons .flex-prev,
  .view-services #services-list-view .treatment-persons .flex-prev {
    left: 0;
    background-image: url(../img/previous_template/uusi/treatment-left.png); }
  .view-services .treatment-persons .flex-next,
  .view-services #services-list-view .treatment-persons .flex-next {
    right: 0;
    background-image: url(../img/previous_template/uusi/treatment-right.png); }
.view-services .with-treatment-person .service-popup-info,
.view-services #services-list-view .with-treatment-person .service-popup-info {
  height: 138px;
  position: absolute;
  left: 397px;
  top: 39px;
  width: 194px; }
  .view-services .with-treatment-person .service-popup-info span,
  .view-services #services-list-view .with-treatment-person .service-popup-info span {
    display: block; }
  .view-services .with-treatment-person .service-popup-info a.add-to-cart-link,
  .view-services #services-list-view .with-treatment-person .service-popup-info a.add-to-cart-link {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%; }
.view-services .in-list-view .selected-service,
.view-services #services-list-view .in-list-view .selected-service {
  display: none; }

.option-com_reservation .main-nav-container {
  box-shadow: 0px 0px 0px 0px transparent; }

.container-varaamo .content a, .container-varaamo .pagecontent a, .container-varaamo .details-wrapper a {
  text-decoration: none;
  color: #EC008C; }
.container-varaamo img.paytrailkuva {
  max-width: 100%; }

.rooms-popup {
  background-color: white;
  max-width: 600px;
  position: relative;
  margin-left: auto;
  margin-right: auto; }
  .rooms-popup .mfp-close {
    display: none; }

.container-varaamo,
#varaamovaihepalkki {
  line-height: 16px;
  color: #47535a; }
  .container-varaamo label,
  #varaamovaihepalkki label {
    font-weight: normal; }
  .container-varaamo .dropdownvisible,
  #varaamovaihepalkki .dropdownvisible {
    padding: 0px; }
  .container-varaamo #basic-field-wrapper-search_rooms a.trigger,
  .container-varaamo #basic-field-wrapper-search_rooms a.activetrigger,
  #varaamovaihepalkki #basic-field-wrapper-search_rooms a.trigger,
  #varaamovaihepalkki #basic-field-wrapper-search_rooms a.activetrigger {
    width: 62px; }
  .container-varaamo #basic-field-persons-wrapper,
  #varaamovaihepalkki #basic-field-persons-wrapper {
    padding-left: 26px; }
  .container-varaamo .henkiloita-wrapper .henkilopopup tr.close-row td,
  #varaamovaihepalkki .henkiloita-wrapper .henkilopopup tr.close-row td {
    border-top: 1px solid pink; }
  .container-varaamo .henkiloita-wrapper .henkilopopup tr.close-row a,
  #varaamovaihepalkki .henkiloita-wrapper .henkilopopup tr.close-row a {
    border-top: 0px solid pink; }

.varaamo-reservationterms,
.varausohje-popup {
  font-size: 12px;
  line-height: 13px; }
  .varaamo-reservationterms h3,
  .varausohje-popup h3 {
    margin: 0px;
    font-size: 13px;
    font-weight: bold; }
  .varaamo-reservationterms p,
  .varausohje-popup p {
    margin: 0px; }

.varaamo .varaustiedot-wrapper, .option-com_reservation .varaustiedot-wrapper {
  width: 440px;
  max-width: 100%;
  padding-left: 0px;
  margin-left: auto;
  margin-right: auto; }
  .varaamo .varaustiedot-wrapper .varaustiedotsolu, .option-com_reservation .varaustiedot-wrapper .varaustiedotsolu {
    width: auto !important; }
  .varaamo .varaustiedot-wrapper .varaustiedotnuoli, .option-com_reservation .varaustiedot-wrapper .varaustiedotnuoli {
    display: none; }

.services-wrapper {
  font-size: 13px;
  line-height: 16px; }

.service-popup-wrapper .varaustiedot-wrapper {
  display: none; }

.service-index-0 .service,
.service-index-1 .service,
.service-index-2 .service {
  height: 178px;
  width: 193px; }

/* extra services popup to show what selected */
.mfp-content .varaustiedot-wrapper {
  margin-left: auto;
  margin-right: auto;
  float: none;
  padding-left: 0px; }
  .mfp-content .varaustiedot-wrapper .mfp-close {
    display: none; }
  .mfp-content .varaustiedot-wrapper .close-link {
    display: block;
    top: 10px;
    right: -10px; }

@media (min-width: 0px) {
  .varaamo #varaamovaihepalkki, .option-com_reservation #varaamovaihepalkki {
    display: none; }

  .varaamo #varaamovaihepalkki .vaihepalkki p, .option-com_reservation #varaamovaihepalkki .vaihepalkki p {
    font-size: 10px;
    margin-left: 0px; }

  .container-varaamo {
    width: 100%;
    margin-top: 30px;
    margin-bottom: 30px;
    padding-left: 10px;
    padding-right: 10px; }

  .varaamo .search-wrapper, .option-com_reservation .search-wrapper {
    border-right: #c8ced1 0px solid;
    border-bottom: #c8ced1 1px solid;
    padding-bottom: 30px;
    width: 302px;
    margin-left: auto;
    margin-right: auto; }
    .varaamo .search-wrapper .basicfields, .option-com_reservation .search-wrapper .basicfields {
      height: 180px; }
    .varaamo .search-wrapper #basic-field-wrapper-search_hotel, .option-com_reservation .search-wrapper #basic-field-wrapper-search_hotel {
      padding-right: 0px;
      /* width: 100%; */
      float: none; }
    .varaamo .search-wrapper #basic-field-wrapper-search_periods, .varaamo .search-wrapper #basic-field-wrapper-search_rooms, .varaamo .search-wrapper #basic-field-persons-wrapper, .option-com_reservation .search-wrapper #basic-field-wrapper-search_periods, .option-com_reservation .search-wrapper #basic-field-wrapper-search_rooms, .option-com_reservation .search-wrapper #basic-field-persons-wrapper {
      width: 33%;
      padding: 0px;
      padding-top: 10px;
      padding-bottom: 15px; }
    .varaamo .search-wrapper #search-submit, .option-com_reservation .search-wrapper #search-submit {
      margin-top: 20px;
      float: none;
      background-image: none;
      background-color: #e6007e;
      width: 100%;
      height: 60px;
      margin-left: auto;
      margin-right: auto;
      line-height: 60px; }

  .varaamo .omaloma, .option-com_reservation .omaloma {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0px;
    width: 302px; }

  .varaamo .omaloma-mobile, .option-com_reservation .omaloma-mobile {
    display: block;
    padding-top: 0px;
    padding-bottom: 25px; }

  .varaamo .omaloma-desktop, .option-com_reservation .omaloma-desktop {
    display: none; }

  .option-com_reservation .services-wrapper {
    width: 100%; }
    .option-com_reservation .services-wrapper #select-service-view {
      display: none; }
    .option-com_reservation .services-wrapper #services-grid-view .service-group .service-group-slider {
      width: 100%; }
      .option-com_reservation .services-wrapper #services-grid-view .service-group .service-group-slider .service-slider-window {
        width: 187px;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        display: block;
        top: initial;
        left: initial; }
        .option-com_reservation .services-wrapper #services-grid-view .service-group .service-group-slider .service-slider-window .service-slider {
          width: 187px; }
          .option-com_reservation .services-wrapper #services-grid-view .service-group .service-group-slider .service-slider-window .service-slider .service-page {
            width: auto;
            margin: 0px; }
            .option-com_reservation .services-wrapper #services-grid-view .service-group .service-group-slider .service-slider-window .service-slider .service-page .service {
              margin: 0px; }
          .option-com_reservation .services-wrapper #services-grid-view .service-group .service-group-slider .service-slider-window .service-slider .service-page-active .service {
            display: none; }
          .option-com_reservation .services-wrapper #services-grid-view .service-group .service-group-slider .service-slider-window .service-slider .service-page-active .service.mobile-service-active {
            display: block; }
    .option-com_reservation .services-wrapper #services-use-mobile-test {
      float: right; }

  .option-com_reservation .view-services .in-grid-view .service-popup,
  .view-services .in-grid-view .service-popup {
    width: 100%;
    margin: 0px;
    padding: 10px;
    left: initial;
    margin-left: 0px; }
    .option-com_reservation .view-services .in-grid-view .service-popup .close-link,
    .view-services .in-grid-view .service-popup .close-link {
      right: 0px; }
    .option-com_reservation .view-services .in-grid-view .service-popup .service-popup-header,
    .view-services .in-grid-view .service-popup .service-popup-header {
      padding: 0px;
      min-height: initial;
      padding-bottom: 5px; }
    .option-com_reservation .view-services .in-grid-view .service-popup .price-container,
    .view-services .in-grid-view .service-popup .price-container {
      display: none; }
    .option-com_reservation .view-services .in-grid-view .service-popup .service-body-table-map, .option-com_reservation .view-services .in-grid-view .service-popup #services-list-view .service-body-table-map, .option-com_reservation .view-services .in-grid-view .service-popup .service-body-amount-day-calendar, .option-com_reservation .view-services .in-grid-view .service-popup #services-list-view .service-body-amount-day-calendar, .option-com_reservation .view-services .in-grid-view .service-popup .service-body-footer, .option-com_reservation .view-services .in-grid-view .service-popup #services-list-view .service-body-footer, .option-com_reservation .view-services .in-grid-view .service-popup .service-body-calendar, .option-com_reservation .view-services .in-grid-view .service-popup #services-list-view .service-body-calendar, .option-com_reservation .view-services .in-grid-view .service-popup #services-list-view .service-body-table-map, .option-com_reservation .view-services .in-grid-view .service-popup #services-list-view .service-body-amount-day-calendar, .option-com_reservation .view-services .in-grid-view .service-popup #services-list-view .service-body-footer, .option-com_reservation .view-services .in-grid-view .service-popup #services-list-view .service-body-calendar,
    .view-services .in-grid-view .service-popup .service-body-table-map,
    .view-services .in-grid-view .service-popup #services-list-view .service-body-table-map,
    .view-services .in-grid-view .service-popup .service-body-amount-day-calendar,
    .view-services .in-grid-view .service-popup #services-list-view .service-body-amount-day-calendar,
    .view-services .in-grid-view .service-popup .service-body-footer,
    .view-services .in-grid-view .service-popup #services-list-view .service-body-footer,
    .view-services .in-grid-view .service-popup .service-body-calendar,
    .view-services .in-grid-view .service-popup #services-list-view .service-body-calendar,
    .view-services .in-grid-view .service-popup #services-list-view .service-body-table-map,
    .view-services .in-grid-view .service-popup #services-list-view .service-body-amount-day-calendar,
    .view-services .in-grid-view .service-popup #services-list-view .service-body-footer,
    .view-services .in-grid-view .service-popup #services-list-view .service-body-calendar {
      /* padding: 6px 34px 6px 34px; */
      padding: 0px; }
    .option-com_reservation .view-services .in-grid-view .service-popup .service-body-amount-day-calendar,
    .view-services .in-grid-view .service-popup .service-body-amount-day-calendar {
      padding-left: 30%; }
    .option-com_reservation .view-services .in-grid-view .service-popup .service-popup-info,
    .view-services .in-grid-view .service-popup .service-popup-info {
      text-align: center;
      margin-top: 10px; }
      .option-com_reservation .view-services .in-grid-view .service-popup .service-popup-info .add-to-cart-link,
      .view-services .in-grid-view .service-popup .service-popup-info .add-to-cart-link {
        float: none; }
    .option-com_reservation .view-services .in-grid-view .service-popup .day-calendar,
    .view-services .in-grid-view .service-popup .day-calendar {
      padding-top: 10px;
      clear: left; }

  .service-index-0 .service {
    margin-left: 0px !important;
    transform: translate(-50%, 0px); }

  .service-index-1 .service {
    margin-left: 0x !important;
    transform: translate(-50%, 0px); }

  .service-index-2 .service {
    margin-left: 0px !important;
    transform: translate(-50%, 0px); }

  #services-submit {
    width: 100%;
    text-align: center; }

  .details-wrapper .details {
    width: 100% !important; }
    .details-wrapper .details .nopeutavaraamista {
      display: none; }
    .details-wrapper .details .nopeutavaraamista.nopeutavaraamista-mobile {
      display: block;
      width: 100%;
      height: auto;
      min-height: 128px;
      margin: 25px 0px 5px 0px;
      margin-top: 40px !important;
      z-index: 100;
      padding-bottom: 5px; }
      .details-wrapper .details .nopeutavaraamista.nopeutavaraamista-mobile h2 {
        font-size: 18px; }
      .details-wrapper .details .nopeutavaraamista.nopeutavaraamista-mobile .close {
        top: -15px;
        right: -10px; }
    .details-wrapper .details .details-form-wrapper {
      width: 240px !important;
      float: initial;
      margin-left: auto;
      margin-right: auto; }
      .details-wrapper .details .details-form-wrapper .details2wrapper {
        position: relative;
        top: initial;
        left: initial; }
    .details-wrapper .details #varausohjelinkki {
      /*position: relative;
      top: initial;
      left: initial; */
      float: left;
      top: 0px;
      right: 0px;
      position: absolute; }
    .details-wrapper .details .details-fieldlist.guests .guest {
      margin-bottom: 10px !important;
      border-bottom: 1px #c8ced1 solid;
      border-left: 0px;
      padding-bottom: 15px;
      padding-left: 0px; }
      .details-wrapper .details .details-fieldlist.guests .guest .guest-title {
        margin-bottom: 5px; }
      .details-wrapper .details .details-fieldlist.guests .guest label {
        margin-bottom: 0px;
        margin-top: 0px; }
    .details-wrapper .details .details-fieldlist.guests .guest:last-child {
      border-bottom: 0px #c8ced1 solid; }

  .mfp-content #varausohje {
    display: block;
    background-color: white;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    position: relative; }
    .mfp-content #varausohje .pagecontent {
      margin: 10px; }
    .mfp-content #varausohje .mfp-close {
      display: none; }

  .arrival_time-wrap .dropcontainer {
    z-index: 1000; }

  .confirmation-wrapper {
    width: 100% !important;
    padding-right: 0px !important; }
    .confirmation-wrapper .reservation-info img {
      width: 20%; }
    .confirmation-wrapper .reservation-info .details {
      width: 70% !important; }
    .confirmation-wrapper .pagecontent.graycontent {
      padding: 10px; }
      .confirmation-wrapper .pagecontent.graycontent .bonus-box {
        height: auto;
        padding-bottom: 5px; }
        .confirmation-wrapper .pagecontent.graycontent .bonus-box h2 {
          margin-top: 0px;
          height: auto;
          font-size: 20px; }
        .confirmation-wrapper .pagecontent.graycontent .bonus-box label {
          position: relative;
          top: initial;
          left: initial;
          margin-left: 10px; }
        .confirmation-wrapper .pagecontent.graycontent .bonus-box .saldo {
          position: relative;
          top: initial;
          left: initial;
          margin-left: 10px;
          width: auto;
          height: auto; }
          .confirmation-wrapper .pagecontent.graycontent .bonus-box .saldo .sum {
            display: block; }
    .confirmation-wrapper .confirmation-box.price-box .wrapper {
      width: auto; }
    .confirmation-wrapper .confirmation-box.pay-box {
      float: none;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 10px;
      margin-top: -400px;
      margin-bottom: 220px; }
    .confirmation-wrapper .confirmation-box.no-pay-box {
      float: none;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 10px;
      margin-top: 200px; }
    .confirmation-wrapper #submit-pay1 {
      width: 100%;
      left: 0px; }
    .confirmation-wrapper .varausohjelinkki {
      display: none; }

  body.en-gb.option-com_reservation .confirmation-box.pay-box,
  body.sv-sv.option-com_reservation .confirmation-box.pay-box,
  body.de-de.option-com_reservation .confirmation-box.pay-box,
  body.ru-ru.option-com_reservation .confirmation-box.pay-box {
    margin-bottom: 0px;
    margin-top: 0px; }

  .bonustili-logged-in .confirmation-wrapper .confirmation-box.pay-box {
    margin-top: 0px;
    margin-bottom: 10px; }
    .bonustili-logged-in .confirmation-wrapper .confirmation-box.pay-box h4 {
      width: 240px; }

  .option-com_reservation #system-message .close {
    padding: 10px 18px 10px 18px; } }
@media (min-width: 641px) {
  .container-varaamo {
    max-width: 700px !important;
    padding-left: 20px;
    padding-right: 20px; } }
@media (min-width: 768px) {
  .varaamo #varaamovaihepalkki, .option-com_reservation #varaamovaihepalkki {
    display: block; }

  .varaamo #varaamovaihepalkki .vaihepalkki p, .option-com_reservation #varaamovaihepalkki .vaihepalkki p {
    font-size: 12px;
    margin-left: 31px; }
    .varaamo #varaamovaihepalkki .vaihepalkki p span, .option-com_reservation #varaamovaihepalkki .vaihepalkki p span {
      margin-right: 8px; }

  .container-varaamo {
    margin-top: 50px;
    margin-bottom: 50px; }

  .varaamo .search-wrapper, .option-com_reservation .search-wrapper {
    width: 695px;
    padding-right: 28px; }
    .varaamo .search-wrapper .basicfields, .option-com_reservation .search-wrapper .basicfields {
      height: 80px; }
    .varaamo .search-wrapper #basic-field-wrapper-search_hotel, .option-com_reservation .search-wrapper #basic-field-wrapper-search_hotel {
      padding-right: 28px;
      float: left; }
    .varaamo .search-wrapper #basic-field-wrapper-search_periods, .varaamo .search-wrapper #basic-field-wrapper-search_rooms, .varaamo .search-wrapper #basic-field-persons-wrapper, .option-com_reservation .search-wrapper #basic-field-wrapper-search_periods, .option-com_reservation .search-wrapper #basic-field-wrapper-search_rooms, .option-com_reservation .search-wrapper #basic-field-persons-wrapper {
      width: auto;
      padding-right: 28px;
      padding-top: 0px;
      padding-bottom: 0px; }
    .varaamo .search-wrapper #search-submit, .option-com_reservation .search-wrapper #search-submit {
      margin-top: -128px;
      float: right;
      background-image: url("../img/previous_template/uusi/hae.png");
      background-color: initial;
      width: 128px;
      height: 128px;
      margin-left: none;
      margin-right: none;
      line-height: 128px; }

  .varaamo .omaloma, .option-com_reservation .omaloma {
    padding-left: 31px;
    width: 440px; }

  .varaamo .omaloma-mobile, .option-com_reservation .omaloma-mobile {
    display: none; }

  .varaamo .omaloma-desktop, .option-com_reservation .omaloma-desktop {
    display: block; }

  .varaamo .varaustiedot-wrapper, .option-com_reservation .varaustiedot-wrapper {
    padding-left: 31px; }

  .option-com_reservation .view-services .in-grid-view .service-popup,
  .view-services .in-grid-view .service-popup {
    width: 624px;
    padding: 25px 0;
    left: -300px;
    margin-top: 17px;
    margin-left: 50%; }
    .option-com_reservation .view-services .in-grid-view .service-popup .close-link,
    .view-services .in-grid-view .service-popup .close-link {
      right: -19px; }
    .option-com_reservation .view-services .in-grid-view .service-popup .service-popup-header,
    .view-services .in-grid-view .service-popup .service-popup-header {
      padding: 0 22px 6px 218px;
      min-height: 102px; }
    .option-com_reservation .view-services .in-grid-view .service-popup .price-container,
    .view-services .in-grid-view .service-popup .price-container {
      display: block; }
    .option-com_reservation .view-services .in-grid-view .service-popup .service-body-table-map, .option-com_reservation .view-services .in-grid-view .service-popup #services-list-view .service-body-table-map, .option-com_reservation .view-services .in-grid-view .service-popup .service-body-amount-day-calendar, .option-com_reservation .view-services .in-grid-view .service-popup #services-list-view .service-body-amount-day-calendar, .option-com_reservation .view-services .in-grid-view .service-popup .service-body-footer, .option-com_reservation .view-services .in-grid-view .service-popup #services-list-view .service-body-footer, .option-com_reservation .view-services .in-grid-view .service-popup .service-body-calendar, .option-com_reservation .view-services .in-grid-view .service-popup #services-list-view .service-body-calendar, .option-com_reservation .view-services .in-grid-view .service-popup #services-list-view .service-body-table-map, .option-com_reservation .view-services .in-grid-view .service-popup #services-list-view .service-body-amount-day-calendar, .option-com_reservation .view-services .in-grid-view .service-popup #services-list-view .service-body-footer, .option-com_reservation .view-services .in-grid-view .service-popup #services-list-view .service-body-calendar,
    .view-services .in-grid-view .service-popup .service-body-table-map,
    .view-services .in-grid-view .service-popup #services-list-view .service-body-table-map,
    .view-services .in-grid-view .service-popup .service-body-amount-day-calendar,
    .view-services .in-grid-view .service-popup #services-list-view .service-body-amount-day-calendar,
    .view-services .in-grid-view .service-popup .service-body-footer,
    .view-services .in-grid-view .service-popup #services-list-view .service-body-footer,
    .view-services .in-grid-view .service-popup .service-body-calendar,
    .view-services .in-grid-view .service-popup #services-list-view .service-body-calendar,
    .view-services .in-grid-view .service-popup #services-list-view .service-body-table-map,
    .view-services .in-grid-view .service-popup #services-list-view .service-body-amount-day-calendar,
    .view-services .in-grid-view .service-popup #services-list-view .service-body-footer,
    .view-services .in-grid-view .service-popup #services-list-view .service-body-calendar {
      padding: 6px 34px 6px 34px; }
    .option-com_reservation .view-services .in-grid-view .service-popup .service-body-amount-day-calendar,
    .view-services .in-grid-view .service-popup .service-body-amount-day-calendar {
      padding-left: 218px; }
    .option-com_reservation .view-services .in-grid-view .service-popup .service-popup-info,
    .view-services .in-grid-view .service-popup .service-popup-info {
      text-align: initial;
      margin-top: initial; }
      .option-com_reservation .view-services .in-grid-view .service-popup .service-popup-info .add-to-cart-link,
      .view-services .in-grid-view .service-popup .service-popup-info .add-to-cart-link {
        float: right; }
    .option-com_reservation .view-services .in-grid-view .service-popup .day-calendar,
    .view-services .in-grid-view .service-popup .day-calendar {
      padding-top: 0px;
      clear: none; }

  .service-index-0 .service {
    margin-left: -285px !important;
    transform: translate(0px, 0px); }

  .service-index-1 .service {
    margin-left: -82px !important;
    transform: translate(0px, 0px); }

  .service-index-2 .service {
    margin-left: 120px !important;
    transform: translate(0px, 0px); }

  #services-submit {
    width: initial;
    text-align: initial; }

  .option-com_reservation .services-wrapper {
    width: 695px; }
    .option-com_reservation .services-wrapper #select-service-view {
      display: block; }
    .option-com_reservation .services-wrapper #services-grid-view .service-group .service-group-slider {
      width: 695px; }
      .option-com_reservation .services-wrapper #services-grid-view .service-group .service-group-slider .service-slider-window {
        width: 600px;
        margin-left: initial;
        margin-right: initial;
        position: absolute;
        display: block;
        top: 13px;
        left: 47px; }
        .option-com_reservation .services-wrapper #services-grid-view .service-group .service-group-slider .service-slider-window .service-slider {
          width: 5000px; }
          .option-com_reservation .services-wrapper #services-grid-view .service-group .service-group-slider .service-slider-window .service-slider .service-page {
            width: 596px;
            margin-right: 13px; }
            .option-com_reservation .services-wrapper #services-grid-view .service-group .service-group-slider .service-slider-window .service-slider .service-page .service {
              margin-left: 16px; }
            .option-com_reservation .services-wrapper #services-grid-view .service-group .service-group-slider .service-slider-window .service-slider .service-page .service:first-child {
              margin-left: 0px; }
          .option-com_reservation .services-wrapper #services-grid-view .service-group .service-group-slider .service-slider-window .service-slider .service-page-active .service {
            display: block; }
          .option-com_reservation .services-wrapper #services-grid-view .service-group .service-group-slider .service-slider-window .service-slider .service-page-active .service.mobile-service-active {
            display: block; }
    .option-com_reservation .services-wrapper #services-use-mobile-test {
      float: left; }

  .details-wrapper .details {
    width: 695px !important; }
    .details-wrapper .details .nopeutavaraamista {
      display: block;
      				/*
      				width: 693px;
      				height: 128px;
      				
      
      				margin: 5px 20px 5px 0px;
      				margin-top: 20px !important;
      				
      				padding-bottom: 0px;
      				h2{
      					font-size: 25px;
      				}
      				.close{
      					top: -6px;
      					right: -16px;
      				}
      				*/ }
    .details-wrapper .details .nopeutavaraamista.nopeutavaraamista-mobile {
      display: none; }
    .details-wrapper .details .details-form-wrapper {
      width: 100% !important;
      float: left;
      margin: 5px 20px 5px 0px; }
      .details-wrapper .details .details-form-wrapper .details2wrapper {
        position: absolute;
        left: 520px;
        top: 192px; }
    .details-wrapper .details #varausohjelinkki {
      position: absolute;
      top: 255px;
      right: 0px;
      float: initial; }
    .details-wrapper .details .details-fieldlist.guests .guest {
      margin-bottom: 10px !important;
      border-bottom: 0px #c8ced1 solid;
      padding-bottom: 15px;
      border-left: 1px #c8ced1 solid;
      padding-left: 21px; }
      .details-wrapper .details .details-fieldlist.guests .guest .guest-title {
        margin-bottom: 5px; }
      .details-wrapper .details .details-fieldlist.guests .guest label {
        margin-bottom: 0px;
        margin-top: 0px; }
    .details-wrapper .details .details-fieldlist.guests .guest-1-of-3 {
      border-left: 0px !important;
      padding-left: 0px !important; }

  .confirmation-wrapper {
    width: 695px !important;
    padding-right: 28px !important; }
    .confirmation-wrapper .reservation-info img {
      width: auto; }
    .confirmation-wrapper .reservation-info .details {
      width: 370px !important; }
    .confirmation-wrapper .pagecontent.graycontent {
      padding: 24px; }
      .confirmation-wrapper .pagecontent.graycontent .bonus-box {
        height: 110px;
        padding-bottom: 0px; }
        .confirmation-wrapper .pagecontent.graycontent .bonus-box h2 {
          margin-top: initial;
          height: 45px;
          font-size: 30px; }
        .confirmation-wrapper .pagecontent.graycontent .bonus-box label {
          position: absolute;
          top: 66px;
          left: 21px;
          margin-left: 0px; }
        .confirmation-wrapper .pagecontent.graycontent .bonus-box .saldo {
          position: absolute;
          top: 61px;
          left: 316px;
          margin-left: -15px;
          width: 320px;
          height: 34px; }
          .confirmation-wrapper .pagecontent.graycontent .bonus-box .saldo .sum {
            display: inline; }
    .confirmation-wrapper .confirmation-box.price-box .wrapper { 
      width: 414px; }
    .confirmation-wrapper .confirmation-box.pay-box {
      float: left;
      margin-top: 0px;
      margin-bottom: 0px; }
    .confirmation-wrapper .confirmation-box.no-pay-box {
      float: left;
      margin-right: 42px;
      margin-top: 0px;
      margin-bottom: 0px; }
    .confirmation-wrapper #submit-pay1 {
      width: 210px;
      left: 10px; }
    .confirmation-wrapper .varausohjelinkki {
      display: inline; }

  body.en-gb.option-com_reservation .confirmation-box.pay-box {
    margin-bottom: 0px;
    margin-top: 0px; }
    body.en-gb.option-com_reservation .confirmation-box.pay-box #submit-pay1 {
      width: 280px;
      left: 168px; }

  .bonustili-logged-in .confirmation-wrapper .confirmation-box.pay-box h4 {
    width: 260px; }
  .bonustili-logged-in .confirmation-wrapper #submit-pay1 {
    width: 280px;
    left: 168px; }

  .option-com_reservation #system-message .close {
    padding: 10px 8px 10px 8px; } }
@media (min-width: 1140px) {
  .container-varaamo {
    max-width: 1140px !important;
    margin-top: 50px;
    margin-bottom: 50px;
    padding-left: 0px;
    padding-right: 0px; }

  .search-wrapper, .omaloma {
    float: left; }

  .varaamo .search-wrapper, .option-com_reservation .search-wrapper {
    border-right: #c8ced1 1px solid;
    border-bottom: #c8ced1 0px solid;
    padding-bottom: 0px; }

  .varaamo .omaloma, .option-com_reservation .omaloma {
    margin-left: 0px;
    margin-right: 0px; }

  .rooms-wrapper {
    float: left; }

  .varaamo .varaustiedot-wrapper, .option-com_reservation .varaustiedot-wrapper {
    float: left; }
    .varaamo .varaustiedot-wrapper .varaustiedotnuoli, .option-com_reservation .varaustiedot-wrapper .varaustiedotnuoli {
      display: block; }

  .services-wrapper {
    float: left; }

  .view-services .in-grid-view .service-popup {
    left: -539px; }

  .service-index-0 .service {
    margin-left: -527px !important; }

  .service-index-1 .service {
    margin-left: -323px !important; }

  .service-index-2 .service {
    margin-left: -120px !important; }

  .details-wrapper {
    float: left; }

  .confirmation-wrapper {
    float: left; } }
/* there are language fixes in other files too */
body.de-de.option-com_reservation #erikoishuoneet,
body.ru-ru.option-com_reservation #erikoishuoneet {
  max-width: 148px;
  padding-top: 0px; }
  body.de-de.option-com_reservation #erikoishuoneet label,
  body.ru-ru.option-com_reservation #erikoishuoneet label {
    font-size: 8px; }
body.de-de.option-com_reservation .rooms .room .open-link-wrapper,
body.ru-ru.option-com_reservation .rooms .room .open-link-wrapper {
  max-width: 170px;
  height: 64px; }

body.de-de #varaamovaihepalkki,
body.en-gb #varaamovaihepalkki,
body.sv-se #varaamovaihepalkki,
body.ru-ru #varaamovaihepalkki {
  visibility: hidden;
  display: none !important; }
 

.search #basic-field-wrapper-search_campaign_code input {
    text-transform: uppercase;
}

.varaamo .search #basic-field-wrapper-search_campaign_code input, .option-com_reservation .search #basic-field-wrapper-search_campaign_code input {
  text-align: left !important;
}

/*# sourceMappingURL=varaamo.css.map */

@media (min-width: 768px) {
    .package .package-header h4 {
    	max-width: 350px !important;
    }
}