Billige Flugtickets UX - Air Europa

#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: -27px; position: absolute; bottom: 48px; 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: 134px; 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:6px !important; padding-bottom:5px !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; }