.winres-web-component .paybutton .operation {
  display:none !important;
}

/* Kartta kortti varaa painike */
.winres-web-component .map-info-window-button:link {
  background-color: rgb(0 146 200) !important;
}

/* Kartta kortti kohteen nimi */
.winres-web-component .map-info-window-header {
   color: rgb(0 146 200) !important;
}

/* Kartta kortti kohteen kuvaus */
.winres-web-component .map-info-window-departure-content {
  font-family: "Trade Gothic Next LT W01 Light", Helvetica, Arial, sans-serif;  
  color: var(--base-body-color);
}

/* Kohdehaku valinnat */
.winres-web-component .search-wrapper .picker .picker-icon,
.winres-web-component .search-wrapper .picker:after {
  color: rgb(0 146 200) !important;
}

/* Kohdehaku valintojen tekstit */
.winres-web-component .search-wrapper,
.winres-web-component .search-wrapper .picker .form-control,
.winres-web-component .search-wrapper .picker .picker-select,
.winres-web-component .search-wrapper .picker.date-picker .form-control {
  color: black !important;
  font-family: "Trade Gothic Next LT W01 Light", Helvetica, Arial, sans-serif;
}

/* Kohdehaku osallistuja määrien napit */
.search-wrapper .picker .peoplepopup .dropdown-menu .glyphicon {
    background-color: rgb(0 146 200) !important;
}

/* Haku nappi */
.winres-web-component .search-wrapper .search-button .btn.btn-default {
  background-color: rgb(0 146 200) !important;
}

/* Suodatin sliderit */
.winres-web-component .rzslider .rz-pointer {
    background-color: rgb(0 146 200) !important;
}

/* Korjaus siihen että kalenterit tippuu sivun pohjalle kalentereiden (sekä fontti) */
div[uib-datepicker-popup-wrap] {
  position: initial;
  font-family: "Trade Gothic Next LT W01 Light", Helvetica, Arial, sans-serif
}

/* Korjaus siihen että kalenterin väkäset näkyy valikon läpi */
.winres-web-component .search-wrapper .picker:after {
  z-index: 1
}

/* Suodattimien piilotus väkänen oikealle paikalle */
.winres-web-component .search-filters-toggle {
  right: 15px !important;
  top: 18px !important;
}

/* Kohteiden kuvaus teksti */
.winres-web-component .dest-filters-main .dest-filters.results-part .results-container .result-item .result-inner .result-description {
  font-family: "Trade Gothic Next LT W01 Light", Helvetica, Arial, sans-serif;
  color: var(--base-body-color);
  font-size: 0.8rem;
  line-height: 1.5;
  letter-spacing: 0.03125rem !important;
  text-align: left !important;
}

/* c-koodi banneri  */
.winres-web-component .dest-filters-main .dest-filters.results-part .results-container .result-item .result-c-code-banner .result-c-code-banner-body {
  background-color: rgba(0, 75, 136, .8) !important;
}

.winres-web-component .dest-filters-main .dest-filters.results-part .results-container .result-item .result-c-code-banner .result-c-code-banner-folds .result-c-code-banner-fold-left {
  border-right-color: rgba(0, 75, 136, 1) !important;
}

/* Alkaen hinta */
.winres-web-component .dest-filters-main .dest-filters.results-part .results-container .result-item .result-inner .result-price-start {
  font-family: "Trade Gothic Next LT W01 Light", Helvetica, Arial, sans-serif !important;
}
.winres-web-component .dest-filters-main .dest-filters.results-part .results-container .result-item .result-inner .result-price {
  font-family: "Trade Gothic Next LT W01 Light", Helvetica, Arial, sans-serif !important;
}

/* Tähtiluokitus */
.winres-web-component .halfStar, .winres-web-component .litStar {
    color: rgb(0 146 200) !important;
}

/* Hinnastohuomautus */
.winres-web-component .dest-filters-main .dest-filters.results-part .results-container .result-item .result-inner .result-note span {
  color: rgb(0 75 136) !important;
  background-color: rgb(194 201 170) !important;
  /*line-height: 40px;*/
  font-family: "Trade Gothic Next LT W01 Light", Helvetica, Arial, sans-serif !important;
}

/* Varattu teksti */
.winres-web-component .dest-filters-main .dest-filters.results-part .results-container .result-item .result-inner .result-not-available {
  font-family: "Trade Gothic LT W05 Bold", "Arial Narrow", Helvetica, Arial, sans-serif !important;
  color: rgb(241 151 174) !important;
}

/* Tarjousbanneri */
.winres-web-component .dest-filters-main .dest-filters.results-part .results-container .result-item .result-inner span.result-sale {
  color: #fff;
  background-color: rgb(0 146 200);
  text-transform: uppercase;
  text-align: center;
  display: block;
  position: absolute;
  top: 3ex;
  right: 0ex;
  z-index: 2;
  font-family: "Trade Gothic Next LT W01 Light", Helvetica, Arial, sans-serif;
  padding: 1ex 2ex;
  transform: none;
  width: unset;
}

.destination-description{
  font-family: "Trade Gothic Next LT W01 Light", Helvetica, Arial, sans-serif;
  font-style: normal;
  color: var(--base-body-color);
}

/* Kohteiden nimi/otsikko */
.winres-web-component .dest-filters-main .dest-filters.results-part .results-container .result-item .result-inner .result-name.destination {
  font-family: "Trade Gothic Next LT W01 Bd Cn", "Arial Narrow", Helvetica, Arial, sans-serif;
  color: rgb(0 146 200) !important;
  letter-spacing: 0.1rem;
  line-height: 1.2;
  font-size: 1.55rem;
}



/* Otsikoiden väri ja fontti */
.winres-web-component #single-button,
.winres-web-component #single-button:after,
.winres-web-component .date-preset-picker:after,
.winres-web-component .dest-filters-main .dest-filters.results-part .results-header .results-header-container .results-header-part select,
.winres-web-component .end-date-picker .input-group,
.winres-web-component .end-date-picker input,
.winres-web-component .h1,
.winres-web-component .h2,
.winres-web-component .h3,
.winres-web-component .h4,
.winres-web-component .h5,
.winres-web-component .h6,
.winres-web-component .region-picker:after,
.winres-web-component .search-criteria .destination-picker:after,
.winres-web-component .search-criteria .end-date-picker p:after,
.winres-web-component .search-criteria .start-date-picker p:after,
.winres-web-component .start-date-picker:not(.extra-service-date) .input-group,
.winres-web-component .start-date-picker:not(.extra-service-date) input,
.winres-web-component .type1-select,
.winres-web-component .type2-select,
.winres-web-component h1,
.winres-web-component h2,
.winres-web-component h3,
.winres-web-component h4,
.winres-web-component h5,
.winres-web-component h6,
.winres-web-component winres-departures-search web-component.joiku-departures-search-kohdesivu .day-increment-buttons p,
.winres-web-component winres-departures-search web-component.joiku-departures-search-kohdesivu .next-day:after,
.winres-web-component winres-departures-search web-component.joiku-departures-search-kohdesivu .previous-day:before,
.winres-web-component winres-reservation-tickets,
.winres-web-component .results-show-component-map,
winres-destinations-filter .winres-web-component .dest-filters-main .dest-filters.results-part .results-header .results-header-container .results-header-part select,
#winres-main-cart-heading {
  color: rgb(0 146 200) !important;
  font-family: "Trade Gothic Next LT W01 Bd Cn", "Arial Narrow", Helvetica, Arial, sans-serif !important;
}

.winres-web-component .results-show-component-map {
  box-shadow: none !important;
  border: 1px solid #ddd;
}

.winres-web-component .result-switch-container {
  top: -3px !important;
}

/*.winres-web-component .result-switch-container .results-show-component-map */
.winres-web-component .result-switch-container .results-show-component-map span,
.winres-web-component .result-switch-container .results-show-component-map i {
  vertical-align: middle;
  line-height: 40px;
}

.winres-web-component .result-switch-container .results-show-component-map i {
  margin-left: 6px;
}


/* "Suodattimet" ja "Hakusi tulokset" tekstien värit pitää laittaa erikseen koska komponenteissa on niiden väri !important tagillä laitettu */
/* Hakusi tulokset */
.winres-web-component .dest-filters-main .dest-filters.results-part .results-header .results-header-container .results-header-part .results-header-title {
  color: rgb(0 146 200) !important;
  text-transform: uppercase;
}

/* Suodattimet */
.winres-web-component .dest-filters-main .dest-filters.filters-part .filters-container .filters-header .filters-header-title {
  color: rgb(0 146 200) !important;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 600;
}

.winres-web-component label {
  font-weight: normal !important;
}

/* Suodattimet ikoni vasempaan reunaan */
.filters-header i.fa.fa-sliders {
    float: left;
    font-size: 20px;
    margin-right: 10px;
}

/* Suodattimet tekstit */
.winres-web-component .dest-filters-main .dest-filters.filters-part .filters-container {
    font-family: "Trade Gothic Next LT W01 Rg", "Arial Narrow", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-size: 0.9375rem;
    line-height: 1.25;
    letter-spacing: 0.03125rem;
    text-transform: none;
}

.criteriaDefInputHolder.row {
  margin-bottom: 1em !important;
}

/* Tyhjennä nappi suodattimet tekstin viereen  */
a.filters-clearAll {
  left: 180px;
  position: absolute;
}


/* Nappien värit mustaksi */
.winres-web-component .uib-datepicker td button, 
.winres-web-component .uib-datepicker thead th button {
    color: black !important;
}

/* Nappien tausta valkoiseksi */
.winres-web-component .uib-datepicker td,
.winres-web-component .uib-datepicker thead th {
    background-color: white !important;
}
.winres-web-component .uib-datepicker thead tr:first-child th {
    background-color: white !important
}

/* Päivät (ma,ti, ke...) */
.winres-web-component .uib-datepicker thead tr:nth-child(2) th {
    text-transform: uppercase;
    background-color: rgb(201 234 252) !important;
}

/* Kuukausi ja vuosi otsikko */
.winres-web-component .uib-daypicker .uib-title {
    color: rgb(0 146 200) !important;
    font-size: 14px;
    font-family: "Trade Gothic LT W05 Bold", "Arial Narrow", Helvetica, Arial, sans-serif !important;
}

/* Valittu päivä */
.winres-web-component .btn-info.active,
.winres-web-component .btn-info:active,
.winres-web-component .open>.dropdown-toggle.btn-info {
    color: rgb(0 185 243) !important;
}

/* pääkuva */
.image-carousel-modal-fullscreen .modal-dialog .modal-content .modal-body .carousel-image {
  width: 100vw;
  height: 100vh;  /* viewport height 100 (90 sijaan) */
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}

/* thumbnailit */
.winres-web-component .destination-images-carousel-thumbnails {
  overflow: auto;
  position: static;
  white-space: nowrap;
  width: 100%;
  display: none; /* thumbnailit pois näkyvistä */
}

/* aktiivinen valintaindikaattori */
.winres-web-component .carousel-indicators li.active {
  background: rgb(0 185 243);
}
.winres-web-component .carousel-indicators .active {
  width: 20px; /* suurempi koko 12px --> 20px */
  height: 20px; /* suurempi koko 12px --> 20px */
  margin: 0;
  background-color: #fff;
  border: none; /* border pois */
}

/* pasiiviset valintaindikaattorit */
.winres-web-component .carousel-indicators li {
  display: inline-block;
  width: 20px; /* suurempi koko 10 px --> 20px */
  height: 20px; /* suurempi koko 10 px --> 20px */
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background: rgb(225 226 229); /* väriksi levin harmaa */
  border: 0px solid #fff; /* border pois */
  border-radius: 10px;
}
.carousel-indicators li {
  background-color: #fff;
  opacity: 1; /* opacity .4 pois */
  margin: 0 3px;
  -webkit-transition: all .6s ease-in-out;
  -moz-transition: all .6s ease-in-out;
  -o-transition: all .6s ease-in-out;
  -ms-transform: all .6s ease-in-out;
  transition: all .6s ease-in-out;
}

/* Näytä kuvat nappi */
winres-destination-images input.qbutton.btn {
  background-color: white;
  color: rgb(0 185 243);
  font-weight: 700
}

/* Tarvitaanko tätä johonkin? */
.winres-web-component .paybutton .operation {
  display:none !important;
}

/* Fix modal scrolling. Not sure why other rules unset this, maybe it was used for old non-body-attached modals? */
body.modal-open .modal {
  position: fixed;
}

/* Fix modal scrolling for new components. */
body.winres-modal-open {
  overflow: hidden;
}

/* Make the footer float at the bottom of the viewport. */
winres-accom-footer {
  display: block;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background: white;
  border-top: 1px solid gray;
  padding: 6px;  
  z-index: 10;
}

/* Hide the footer when there is nothing in the cart. */
winres-accom-footer[data-empty="true"] {
  display: none;
}

/* Shadow borders for various boxes */
#winres-main-cart,
winres-accom-calendar,
winres-accom-pax,
winres-accom-add
{
  display: block;
  padding: 6px;
  padding-top: 12px;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,.1),0 8px 25px 0 rgba(0,0,0,.08);
}

/* Needs to be after the above to override display: block */
@media (max-width: 800px) {
  #winres-main-cart {
    display: none;
  }
}

#winres-main-cart {
  padding-bottom: 12px;
}

#winres-main-cart-heading {
  padding: 6px;
  font-size: 2rem;
}