Travelstart VIP
Tietoa Travelstartista
Matkaehdot
Meillä maksat turvallisesti. Yhteistyössä:
.cro-button-flex{
float:right;
position: absolute;
right:0px;
top:0px;
}
.cro-button-org{
float:right;
position: absolute;
right:0px;
top:0px;
}
.uwtFlexMer{
top: 33px;
right: 0px;
position: absolute;
}
#tripHighlightContainer .tripItemRightContent__innerWrapperFlex {
padding-top: 17px;
}
.paymentCost .infoBox::after, .paymentCost .infoBox::before {
left: 80% !important;
}
#tripHighlightPlaceholder .bookButtonContainer{
margin-top: -8px !important;
}
.rightSideHeader .closeButton{
position: absolute !important;
right: 16px !important;
top: 12px !important;
}
.tripItemPreviousPrice{
font-weight: bold;
text-decoration: line-through;
top: 10px;
position: absolute;
width: 100%;
text-align: center;
}
#tripHighlightContainer .rightSide .priceText {
width: 255px !important;
font-size: 10px;
overflow: hidden;
height: 15px;
margin-left: -110px;
text-align: right;
margin-top: 2px;
line-height: 10px;
}
#tripHighlightContainer .rightSide{
margin-top: 9px !important;
margin-right: 10px;
clear: both !important;
}
#tripHighlightContainer .paymentCost{
position:absolute !important;
right:52px;
}
.priceLabel{
margin-bottom: 14px;
}
.uwt-flex-tool-tip-box {
display: none;
right: -39px;
position: absolute;
bottom: 37px;
border: 1px solid #bbbbbb;
border-radius: 3px;
background: #ffffff;
color: #333333;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
line-height: 1.2;
padding: 12px;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
width: 220px;
pointer-events: none;
z-index: 999;
}
#tripHighlightContainer .paymentCost .infoBox {
left: 9px !important;
}
.paymentCost .infoBox {
left: -3px !important;
}
.tripItemToggleContainer .tripItemToggleButton {
position: inherit !important;
}
.tripItemContainer{
position:relative !important;
}
.uwt-show{
display:block !important;
}
.uwt-flex-tool-tip-box ul {
margin: 0;
}
#tripHighlightContainer .boundContainer{
width:735px !important;
}
#tripHighlightContainer .outBounds{
width:48% !important;
}
#tripHighlightContainer .inBounds{
width:48% !important;
}
#tripHighlightContainer .rightSide{
clear: both !important;
}
#tripHighlightContainer{
position:relative;
}
.uwt-flex-tool-tip-box ul li:before {
font-family: 'FontAwesome'!important;
content: '\f00c'!important;
margin: 0 5px 0 -15px!important;
color: #10a700!important;
}
.uwtOrdPrice{
width: 100%;
text-align: center;
/* text-decoration: line-through;*/
color: #909090;
font-size: 11px;
display:none;
}
.uwt-flex-tool-tip-box ul li {
line-height: 20px!important;
font-size: 13px!important;
letter-spacing: 0.1px!important;
list-style: none!important;
background-color: white;
}
.uwt-flex-tool-tip-box {
display:none;
right: -27px;
position: absolute;
bottom: 57px;
border: 1px solid #bbbbbb;
border-radius: 3px;
background: #ffffff;
color: #333333;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
line-height: 1.2;
padding: 12px;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
width: 220px;
}
.uwt-flex-tool-tip-box:after, .uwt-flex-tool-tip-box:before {
top: 100%;
left: 50%;
border: solid transparent;
content: "";
height: 0;
width: 0;
position: absolute;
pointer-events: none; transform-origin: center bottom;
}
.uwt-flex-tool-tip-box:after {
border-color: rgba(255, 255, 255, 0);
border-top-color: #ffffff;
border-width: 10px;
margin-left: -10px; transform-origin: center bottom;
}
.uwt-flex-tool-tip-box:before {
border-color: rgba(187, 187, 187, 0);
border-top-color: #bbbbbb;
border-width: 11px;
margin-left: -11px; transform-origin: center bottom;
}
.recommendation.enableTooltip.first {
font-size: 16px!important;
}
.tripItemHeader .recommendation.first {
margin-left: 12px!important;
}
.tripItemHeader.recommendationHeader {
background: #0068bc!important;
border-color: #0068bc!important;
border-image: none!important;
border-style: solid solid none!important;
border-width: 1px 1px 0!important;
color: #fff!important;
font-weight: 100!important;
padding: 6px 0!important;
}
.journeyType{
font-size: 17px!important;
font-weight: 100!important;
}
.outBound .journeyType:before{
color: #888!important;
content: "\f072"!important;
display: inline-block!important;
font-family: "FontAwesome"!important;
font-size: 16px!important;
margin: 0 5px 0 0!important;
transform: rotate(45deg)!important;
}
.inBound .journeyType:before{
color: #888!important;
content: "\f072"!important;
display: inline-block!important;
font-family: "FontAwesome"!important;
font-size: 16px!important;
margin: 0 5px 0 0!important;
transform: rotate(-135deg)!important;
}
#airResultListPlaceHolder .tripItemSegmentItineraryFromAirport{
font-size: 16px!important;
font-weight: 100!important;
line-height: 18px!important;
overflow: hidden!important;
text-overflow: ellipsis!important;
white-space: nowrap!important;
width: 230px!important;
}
#airResultListPlaceHolder .tripItemSegmentItineraryToAirport{
font-size: 16px!important;
font-weight: 100!important;
line-height: 18px!important;
overflow: hidden!important;
text-overflow: ellipsis!important;
white-space: nowrap!important;
width: 230px!important;
}
.uwtFreeRebooking{
right: 0px !important;
width: 100% !important;
color: #333 !important;
position: absolute !important;
/*top: 80px !important;*/
text-transform: none !important;
font-size: 12px !important;
text-align: center !important;
}
.airResultListContainer .tripItemTotalDurations .tripItemTotalBoundTime{
border-top: 1px solid #ccc !important;
background-color: #fff !important;
-webkit-box-sizing: border-box !important;
box-sizing: border-box !important;
float: left !important;
padding: 4px 10px !important;
width: 100% !important;
}
.tripItemPricePerPersonValue{
color: #0E5682!important;
text-align: center !important;
font-size: 24px !important;
font-weight: bold !important;
}
.tripItemLeftContent{
width: 748px !important;
background-color: #fff !important;
}
.tripItemRightContent{
width: 0px !important;
display: none !important;
}
.tripItemRightContent__innerWrapper{
position:absolute !important;
height: 120px !important;
width: 170px !important;
right: 10px !important;
}
.tripItemRightContent__content{
margin-top:13px !important;
}
.recommendationPromotionBox{
text-align: center !important;
}
.bookButton{
box-shadow: inset 0 -2px 0 #d2d2d2 !important;
background: #fff !important;
border-radius: 5px !important;
border: 1px solid #bbbbbb !important;
margin-top: 5px !important;
}
.bookButton:hover{
background: linear-gradient(#f0f0f0, #e8e8e8) !important;
}
.bookButtonContent{
margin-bottom: 5px !important;
font-size: 17px!important;
text-transform: uppercase !important;
margin-top: 5px !important;
color: #333 !important;
}
.tripItemPricePerPersonLabel{
bottom: 0px !important;
position: absolute !important;
right: 0px !important;
}
.tripItemTotalDurations{
overflow: visible !important;
height: 22px!important;
}
.urgencyRibbon{
position: absolute !important;
right: 545px !important;
top: 52px !important;
height: 41px;
width: 183px !important;
}
.urgencyRibbon--urgent::after {
display: none !important;
}
.klarnaInstalment{
display:none !important;
}
/* FLEX CONTAINER */
.tripItemRightContent__innerWrapperFlex{
position: absolute !important;
height: 120px !important;
width: 200px !important;
right: 210px !important;
}
.bookButtonFlex{
margin-top: 5px !important;
box-shadow: inset 0 -2px 0 #008700 !important;
background: linear-gradient(#20b710, #10a700) !important;
border-radius: 5px !important;
border: 1px solid #009900 !important;
text-transform: uppercase;
}
.bookButtonFlex:hover{
box-shadow: inset 0 -2px 0 #10a710 !important;
background: linear-gradient(#40d730, #20c720) !important;
}
.bookButtonContentFlex{
margin-bottom: 5px !important;
font-size: 17px !important;
text-transform: uppercase !important;
margin-top: 5px !important;
color: #fff !important;
}
.tripItemPricePerPersonValueFlex{
color: #ff7e43!important;
text-align: center !important;
font-size: 24px !important;
font-weight: bold !important;
}
.uwtFlexContainer{
height: 110px !important;
width: 100% !important;
margin-top: 25px !important;
}
.tripItemRightContent__contentFlex{
margin-top:13px !important;
}
#tripHighlightContainer .right.rightSide .paymentCost {
margin-top: 5px;
}
#tripHighlightContainer .paymentCost .icon {
position: relative;
top: -4px;
right: 1px !important;
}
.tripItemToggleContainer .tripItemToggleButton.showMore,
.tripItemToggleContainer .tripItemToggleButton.showLess{
/*margin-left: 288px!important;*/
}
#airResultListPlaceHolder .airResultListContainer .tripItemTotalDurations .tripItemTotalBoundTime {
background-color: transparent!important;
}
span.showFareRules {
padding: 5px!important;
}
span.showFareRules {
display: none;
}
.paymentCost {
display: inline;
position: absolute!important;
margin: 4px 0 0 -22px;
}
.paymentCost i.fa.fa-info-circle.icon {
display: none;
}
.right.rightSide{
display: none;
}
/*
Extra box for buttons styles below
*/
svg.urgencyRibbon__icon {
width: 15px;
margin: 0 0 0 6px;
position: absolute;
}
img.utw-transition-flexible-favorite-icon {
width: 22px;
position: absolute;
margin: -3px 0 0 0;
}
.cro-button-box {
width: 345px;
float: left;
padding: 14px 14px 0px 14px;
min-height:90px;
}
#tripHighlightContainer .cro-button-box {
width: 340px;
}
.cro-platser-kvar {
position: absolute;
border: 1px solid #e5d9aa;
background: #fffce6;
min-width: 155px;
float: right;
margin: -34px -20px 0 0;
padding: 3px 0 1px;
bottom: 138px;
right: 10px;
}
.cro-platser-kvar span {
padding: 0 7px 0 28px!important;
}
#tripHighlightContainer .cro-platser-kvar{
display: none;
}
#tripItemContainer .cro-platser-kvar{
display: none;
}
.cro-copy h4 {
font-weight: 200;
font-size: 16px;
margin: 2px 0 7px 0;
}
.cro-copy h4 span {
margin-left: 28px;
}
.cro-price-button{
position: relative;
}
.cro-standard .cro-price-button span {
color: #3586d1;
}
.cro-flex .cro-price-button span {
color: #ff7e43;
}
.cro-price-button span {
font-size: 21px;
font-weight: 700;
}
.cro-price-button button {
width: 160px;
border-radius: 3px;
cursor: pointer;
border: 1px solid #bbb;
padding: 7px 0;
margin: 0 0 0 55px;
background: #fff;
}
.cro-flex .cro-price-button button {
background: #10a700;
color: #fff;
border: 1px solid #34ae20;
}
.cro-flex .cro-price-button button:hover {
background-color:#20c720;
}
.cro-standard .cro-price-button button:hover {
background-color:#E8E8E8;
}
.cro-allmanna-biljettregler span a {
color: #565656;
font-weight: 100;
}
.cro-allmanna-biljettregler span {
margin-top: 15px!important;
float: left;
}
.cro-loading:after {
content: ' .';
animation: dots 1s steps(5, end) infinite;}
@keyframes dots {
0%, 20% {
color: rgba(0,0,0,0);
text-shadow:
.25em 0 0 rgba(0,0,0,0),
.5em 0 0 rgba(0,0,0,0);}
40% {
color: #e6e6e6;
text-shadow:
.25em 0 0 rgba(0,0,0,0),
.5em 0 0 rgba(0,0,0,0);}
60% {
text-shadow:
.25em 0 0 #cccccc,
.5em 0 0 rgba(0,0,0,0);}
80%, 100% {
text-shadow:
.25em 0 0 #333,
.5em 0 0 white;}
}
.cro-button-flex{
max-height:31px;
font-size: 14px;
}
.cro-button-org{
max-height:31px;
font-size: 14px;
padding-top:6px !important;
padding-bottom:5px !important;
}
.cro-price-org{
float:left;
margin-top: 7px;
padding-top:0px !important;
padding-bottom:0px !important;
}
.cro-price-flex{
float:left;
margin-top: 7px;
}
@keyframes blink {50% { color: transparent }}
.loader__dot { animation: 1s blink infinite }
.loader__dot:nth-child(2) { animation-delay: 250ms }
.loader__dot:nth-child(3) { animation-delay: 500ms }
.loader .loader__dot{
font-size:22px;
line-height: 17px;
}
.cro-button-flex .loader .loader__dot {
color: #ffffff !important;
}
.tripItemContainer .supplierCostSpecification{
bottom: 50px;
position: absolute;
right: 17px;
}
.tripItemContainer .supplierCostSpecification .icon{
font-size: 12px !important;
color: #565656 !important;
}
#tripHighlightContainer .supplierCostSpecification{
bottom: 16px;
position: absolute;
right: 28px;
}
#tripHighlightContainer .supplierCostSpecification .icon{
font-size: 12px !important;
color: #565656 !important;
}
.tripItemContainer .cro-pris-per-vuxen span{
color: #565656 !important;
cursor: default !important;
font-size: 12px !important;
font-weight: 100 !important;
float: right !important;
margin-right: 16px;
}
#tripHighlightContainer .cro-pris-per-vuxen span{
bottom: 6px !important;
position: absolute !important;
color: #565656 !important;
cursor: default !important;
font-size: 12px !important;
font-weight: 100 !important;
float: right !important;
right: 28px !important;
}
.uwtFlexMer{
font-weight: normal !important;
color: #929292 !important;
font-size: 11px !important;
}
.uwtDiscWrap{
color: #fff;
background-color: rgba(0, 104, 188, .8);
padding: 20px;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
text-align: center;
position: fixed;
left: 0px;
bottom: -100px;
z-index: 99999;
display: none;
transition: all 0.5s ease;
}
.uwtDiscTitle{
font-size: 20px;
}
.uwtDiscDesc{
color: #ffffff;
font-size: 14px;
margin-top: 10px;
}
.uwtDescClose{
width: 12px;
margin-left: 20px;
cursor: pointer;
}
.uwtDiscShow{
bottom: 0px !important;
}
Travelstart / OY SRG Finland Ab, Org no. 1925453-7, VAT no. FI19254537• Telefon:00358-985677813
info@support.travelstart.fi
© 2018 Travelstart. All Rights Reserved.
Alv. Rek | Y-1925453-7 | IATA 192 1037 6 | KuVi 2556/05/MJMV
info@support.travelstart.fi
© 2018 Travelstart. All Rights Reserved.
Alv. Rek | Y-1925453-7 | IATA 192 1037 6 | KuVi 2556/05/MJMV
