body.no-scroll{
    height:100%;
    overflow-y: hidden;
/*    position:fixed; */
    overflow:hidden;
}


#ws-content h1 ,section#ws-content h2 ,section#ws-content h3 {color:#004d7e;}
#ws-content h1  {font-size:3em;}
#ws-content h2 {font-size:2em;}
#ws-content h3 {font-size:1.5em;}

/* CART */
#ws-content.ws-cart {background:url('img/tausta-lipunmyynti.png') #f2f2f2; color:#222;}
#ws-content {padding:30px 0;}
#ws-content.ws-cart {padding:40px 0 10px 0;}
#ws-content.ws-cart h2, .ws-main-form h2 {color:#222; font-size:3em !important; font-weight:bold;}
.ws-main-form h2 {margin-bottom:20px;}
#ws-content.ws-cart h3 {color:#222;}
.ws-cart #infoText {padding:10px 0;}
#ws-content.ws-cart .ticket-tab-content {padding:20px; background:#fff; border:1px solid #ddd; border-top:0; border-bottom-left-radius:5px; border-bottom-right-radius:5px; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {font-weight:bold;}
.nav-tabs > li > a {color:#4fd5ee; margin:0; background-color:#eee; border-bottom:1px solid #ddd;}
.nav-tabs > li > a:hover {font-weight:bold;}
#ws-content.ws-cart .routeTypeRadio {display:none;}
#ws-content.ws-cart .ticketTabs li {width:50%; text-align: center;}
#ws-content.ws-cart .returnRoute {padding-top:20px;}
#ws-content.ws-cart select.returnRouteSelect {width:100%; height:40px;}
#ws-content.ws-cart .returnRoute label{font-weight:bold;}
#ws-content.ws-cart #total {border-top:1px solid #222; margin:30px 0; padding-top:19px; text-align: left;}
#ws-content.ws-cart #total .totalPrice {font-size:2em;}
#ws-content.ws-cart #total .totalPrice.discount-code-used {color:#0eb060;}
#ws-content.ws-cart #total h3 {color:#222; font-size:2em; font-weight: 600; margin-right:10px;display:inline-block;}
#ws-content.ws-cart .event-ticket-type {padding-top:30px; padding-bottom:0px;}
#ws-content.ws-cart .event-price {text-align: right; position:relative; height:110px;}
#ws-content.ws-cart .event-price h3 {position:absolute;bottom:0;right:15px;}
#ws-content.ws-cart.container {padding:0 70px;}
#ws-content.ws-cart form {max-width:800px; margin:0 auto;}
#ws-content.ws-cart .additional-services-box {padding-top:15px;}
#ws-content.ws-cart .additional-services-box h3 {margin-bottom:15px;}

#ws-content.ws-cart .inline-harbour-select {margin:0 20px; display:inline-block;}
#ws-content.ws-cart .event-date {display:inline-block;}
#ws-content.ws-cart .inline-harbour-select label, #ws-content.ws-cart .event-date label {display: block; font-size:0.8em; color:#4fd5ee;}
#ws-content.ws-cart .inline-harbour-select:first-of-type {margin:0 20px 0 0;}
#ws-content.ws-cart .notification-no-services {font-size:0.8em; display: block; float: left; width: 100%,}

/*.discount-code-input-wrap ,
.giftcard-code-input-wrap {float:right; position:relative;}
*/.codes-right {float:right; position:relative;display: none;}
input.discount-code-input,
input.giftcard-code-input {border-radius:0; display:inline-block; float:left; width:200px; margin: 5px 5px 0 0;}
input.discount-code-input.invalid,
input.giftcard-code-input.invalid {border-color:#f00; -webkit-animation-name:shake;animation-name:shake; -webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.input-wrap {position:relative;}
.discount-code-input-notification {position:absolute; bottom:-10px;}
.add-codes-text-wrap {float: right}
#show_codes,
#discount_code_submit,
#giftcard_code_submit {display: inline-block; float:left; padding:8px 15px; font-size:12px; margin: 5px 0 0 0;}
.discount-code-used-wrap,
.giftcard-code-used-wrap {display:none;}
.discount-code-input-wrap.loading .discount-code-used-wrap {display:none;}
.discount-code-loader{color: #222; display: none; width: 200px; font-size: 0.6em; text-align: center; position: absolute; z-index: 100; line-height: 36px; opacity: 0.8; border-radius: 0;}
.discount-code-loader .fa { margin: 0 auto;     text-align: center;     display: block;     width: 100%;     line-height: 35px;     color: #000; }
.discount-code-input-wrap.loading .discount-code-loader, .giftcard-code-input-wrap.loading .discount-code-loader {display:block;}
.giftcard-code-input-wrap {float:left;width:100%;}
.discount-code-input-wrap.code_used .dc-input-wrap ,
.giftcard-code-input-wrap.code_used .gc-input-wrap {display:none;}
.discount-code-input-wrap.code_used .discount-code-used-wrap,
.giftcard-code-input-wrap.code_used .giftcard-code-used-wrap {display:inline-block;}
.code-holder {font-weight:bold;}

#ws-content.ws-main-form{max-width:800px; margin:0 auto; position:relative;}
#ws-content.ws-main-form .scroll-to-content {display:block; position:absolute; height:60px; width:60px; background: #0eb060; box-shadow:0px 0px 7px 2px #ccc; top:-30px; left:0; right:0; margin:auto; border-radius:500px; cursor:pointer;}
#ws-content.ws-main-form .scroll-to-content:after {content:"\f103"; font-family:FontAwesome; font-size:2.5em; margin-top:6px; text-align:center; color:#fff; display:block;}
#errorNotification {position:fixed; top:0;bottom:0;left:0;right:0; height:100%; width:100%; background-color:rgba(0,0,0,0.8); z-index: 1000;}
#errorNotification .alert-text-wrap {position: absolute; color:#fff !important; top: 0; left: 0;right: 0;bottom: 0;margin: auto;height: 400px; text-align: center;}
#errorNotification .alert-text-wrap  h1 {font-weight:bold; color:#fff !important;}
#reserve-wrap {text-align: center; padding:20px 0 0 0;}
/* CUSTOM RADIOBUTTON */
.customRadioBoxLabel {width:100%;}
.radioButtonBlock input[type="radio"] { display:none; }
.radioButtonBlock {cursor:pointer;}
.radioButtonBlock:before {content:" "; display:inline-block; vertical-align: middle; margin-right:10px; border:1px solid #f3f3f2; background:#004d7e; width:30px; height:30px; min-height:auto; padding:0; }
.radioButtonBlock {background:none; width:100%;  height:auto;  min-height:auto; padding:0 0 10px 0; border:none; text-align: left;}
.radioButtonBlock .radioButtonTitle { display:inline-block; }
.radioButtonBlock.selected::before {background:#44ccea;}
.radioButtonBlock.selected:before {content:"\f00c"; font-family:FontAwesome; line-height: 27px; text-align: center; color:#fff; }

/* BUTTONS */
.webshop_btn { display:inline-block; border-radius: 50px; color: #0eb060; padding: 15px 40px; font-size: 16px; max-width: 100%; text-transform: uppercase; font-weight: bold; text-align: center; }
.webshop_btn:hover {text-decoration:none;}
.webshop_btn.green {    color: #fff !important;  background:#0eb060; }
.webshop_btn.green:hover {    background:#5dd298; }

/* input number */
.btn-number {background:#0eb060;  color:#fff;border:none; border-radius:100px; padding:0; margin:0; width:25px; height:25px; line-height: 25px;}
.btn-number[disabled], .btn-number[disabled]:focus, .btn-number[disabled]:hover {background: #ccc;}
.btn-number:hover, .btn-number:focus  {background:#5dd298; color:#fff;}
input.form-control.input-number {border:none  !important; background:#fff !important; height:auto; box-shadow:none; width:40px !important; height:30px !important; line-height: 30px !important;  padding:0 !important;  float:none !important;display:inline-block; text-align: center;}
.input-number-text {float:left; width:40px; text-align:center; line-height: 30px; display:none;}
.input-number-label {display: inline-block; margin-left: 10px; line-height: 1; font-size: 0.8em; padding: 9px 0px; vertical-align: middle;}


.disabled .btn-number {background: #ccc; cursor:default;}
.disabled .btn-number:hover {background: #ccc; cursor:default;}
.disabled .btn-number:active {background: #ccc; color:#fff; cursor:default;}
.disabled input.form-control.input-number {background: #eee !important;}

#ws-content.ws-cart .event-ticket-type .input-group {padding-bottom:10px;}

/* FORM */
#ws-form .form-control {border-radius:0;}
.help-block {font-size:0.8em; margin:0 0 10px 0;}
.checkout-loader {display:none; position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background-color:rgba(255,255,255,0.7); z-index:500;}
.checkout-loader .loader,.checkout-loader .loaderText {position: absolute; top: 0; left: 0;right: 0;bottom: 0;margin: auto;height: 35px; text-align: center;}
.checkout-loader .loaderText {padding-top:50px;}
.checkout-loader.visible {   display: block;  }

/* WIDGET */
#search-inputs {padding:20px 0 0 0;}
#ws-widget .filterDiv {text-align: left;}
#ws-widget .filterDiv .filterInput {border-radius:0; border-color:#004d7e; background-color:#004d7e; color:#fff; cursor:pointer; font-weight: normal; position:relative;}
#ws-widget .filterDiv .inlineInput:after {content:""; font-family:FontAwesome; font-size:12px; display:block; color:#fff; font-weight:normal; position:absolute; right:20px; top:13px;}
#ws-widget .filterDiv .inlineInput {margin:5px 0 0 0;}
#ws-widget .filterDiv .filterDropdown {border-radius:0; border-color:#004d7e; background-color:#004d7e; color:#fff;}
#ws-widget .filterDiv .filterDropdown select{border: none;box-shadow: none; cursor:pointer;background-image: none;-webkit-appearance: none; -moz-appearance: none; appearance: none;}
#ws-widget .filterDiv .filterDropdown { width:100%;display:block; cursor:pointer; position:relative;}
#ws-widget .filterDiv .filterDropdown:after {content:""; font-family:FontAwesome; font-size:12px; display:block; color:#fff; font-weight:normal; position:absolute; right:20px; top:13px;}
#ws-widget .filterDiv.disabled .filterDropdown {opacity:0.7; cursor:not-allowed;}
#ws-widget .filterDiv.disabled .filterDropdown select{opacity:0.7; cursor:not-allowed;}
#ws-widget #searchButtonWrap > a {width:100%;}


#ws-widget .dateScrollButtons {padding:0 0 20px;}
#ws-widget .dateScrollButtons .center {text-align:center;}
#ws-widget .dateScrollButtons .right {text-align:right;}
#ws-widget .prevDate, .nextDate{font-size:0.8em; color:#ccc;}
#ws-widget .currDate {font-size:1em; color:#004d7e; font-weight:bold; }
#ws-widget .changeDateButton {transition:color 0.2s ease; color:#666 !important;}
#ws-widget .changeDateButton:hover {color:#ccc !important;}

#ws-widget .eventField {display:inline-block;width:32.6%; vertical-align: middle; font-size:16px;}
#ws-widget .sold-out .eventField  {color:#ccc;}
#ws-widget .eventBuy.eventField {text-align: right;}
#ws-widget .eventField a.buy-ticket-btn {color:#fff; border-radius:50px; padding:5px 15px; background-color:#0eb060;}
#ws-widget .eventField a.buy-ticket-btn:hover {text-decoration:none; background-color:#5dd298;}
#search-result {padding:15px 0 0 0;}
.resultsTable .event {padding:10px 5px;}
.resultsTable .event:nth-of-type(even) {background: #f2f2f2;}
section#content .mainContent #search-result  h3.resultsDate, #search-result  h3.resultsDate {margin:0 0 0px 5px;}

/* embed */
html.widget-iframe {
  margin-top: 0 !important;
  height:100%;
}
html.widget-iframe #wpadminbar{
  display: none !important;
}
body.widget-embed {
  background:#fff;
  height:100%;
}

#ws-widget.widget-embed {
  padding:0;
  max-width:100%;
  height:100%;
  overflow-x: hidden;
  overflow-y: auto;
}

/* embed styles */
.widget-style-viikinsaari #ws-widget.widget-embed .filterDiv > label{
  color:#967942;
}
.widget-style-viikinsaari #ws-widget.widget-embed .currDate{
  color:#bc9b5d;
}
.widget-style-viikinsaari #ws-widget.widget-embed .filterDiv .filterInput{
  border-color: #bc9b5d;
  background-color: #bc9b5d;
}




/* errors */
.error-alert {display:none; position:fixed; top:0;bottom:0;left:0;right:0; height:100%; width:100%; background-color:rgba(255,255,255,0.7); z-index: 1000;}
.error-alert .alert-text-wrap {position: absolute; top: 0; left: 0;right: 0;bottom: 0;margin: auto;height: 400px; text-align: center;}
.error-alert .alert-text-wrap  h1 {font-weight:bold; color:#fff !important;}
.error-alert .alert-text-wrap a {color:#0eb060; font-weight:bold;}
.payment_error_notification.error-alert .alert-text-wrap h1 {color:#000 !important;}
.alert-icon {
  display: block;
  margin: 0 auto;
  position: relative;
  color:#F27474;
  border-color:#f00;
}
.alert-icon .fa {
  font-size:200px;
}

/* checkout submit alert */
.error-alert.submit-alert {background-color:rgba(0,0,0,0.7);}
.checkout-submit-alert {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    text-align: center;
    height: 160px;
}
.checkout-submit-alert .text-wrap {color: #fff; font-size: 1.5em; max-width: 800px; margin: 20px auto; }
.checkout-submit-alert .holder-el {font-weight: bold;}

/* KIOSK */
.kiosk_print_notification {display:none; position:fixed; top:0; bottom:0; height:100%; width:100%; z-index: 1000; background: rgba(0,0,0,0.8);}
.notification_wrap {position:relative; margin:0 auto; max-width: 800px; padding:10% 0;}
.notification_wrap .close-button{color:#fff; float:right;}
.notification_wrap .notification_icon {color:#fff; font-size:200px; line-height: 1;}
.notification_content {text-align: center;}
.notification_heading h2 {font-size:3em; font-weight: bold; margin:0;}
.notification_heading, .notification_text {margin-bottom:20px; color:#fff;}
.notification_buttons {padding:20px 0;}
button.re-print {background: #aaa;}
.redirect-to-kiosk-bar {width: 100%; display: block; background:#0eb060; position: fixed; bottom:0; left: 0; right:0; height: 60px; padding:0 20px; z-index: 100;}
.redirect-to-kiosk-bar a {line-height: 60px; float: right; text-align: right; color:#fff; font-weight:bold;}


@-webkit-keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-2px,0,0);transform:translate3d(-2px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0)}}
@keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-2px,0,0);transform:translate3d(-2px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0)}}


/* RESPONSIVE */
/* sm */
@media only screen and (max-width : 768px) {
  #ws-widget {float:left; width: 100%; padding:20px 0;}
  #ws-content.ws-cart #total h3 {margin-bottom:20px;}
  #ws-widget .currDate {font-size:0.8em;}
  #ws-widget .changeDateButton {font-size:0.7em;}

  .widget-embed #ws-widget .changeDateButton {font-size:1em;}

  #ws-widget .eventField a.buy-ticket-btn {font-size:0.6em;}
  #ws-widget .eventField {width: 32.2%;}
}
/* xs */
@media only screen and (max-width : 480px) {
#ws-content.ws-cart .inline-harbour-select , #ws-content.ws-cart .inline-harbour-select select {width:100%; margin:0 0 10px 0;}
#ws-content.ws-cart .harbour-divider {width:100%; text-align: center; display: block;}
#ws-content.ws-cart #total {margin-bottom:30px;}
#ws-content.ws-cart h2, .ws-main-form h2 {font-size:2.5em !important;}
#ws-content.ws-cart .input-group {width: 100%;}
#ws-content.ws-cart .input-number-label {max-width:45%; line-height: 1; vertical-align: middle;}
#ws-content.ws-cart #total h3,#ws-content.ws-cart #total .totalPrice {font-size:1.7em;}
#ws-content.ws-cart #total {text-align:center;}
#ws-content.ws-cart .event-ticket-type .input-group {padding-bottom:20px;}
#ws-content.ws-main-form {padding-top:50px;}
#ws-content.ws-main-form .scroll-to-content {height:45px; width:45px; top:-22px;}
#ws-content.ws-main-form .scroll-to-content::after {font-size:1.5em; margin-top:8px;}

#ws-content.ws-main-form button#submit {width:100%; font-size:14px;}

.discount-code-input-wrap {float:right;}

  #ws-widget .eventField a.buy-ticket-btn {font-size:0.7em;}
  #ws-widget .eventField {font-size: 12px;}

}