Butterfly Beach Hotel

#tripHighlightContainer .priceLabel{ color: #0E5682 !important; } #tripHighlightContainer > div.tripItemPricePerPersonLabel{ bottom: 19px !important; position: absolute !important; right: 65px !important } #tripHighlightContainer .paymentCost{ margin-top: 75px !important; margin-right: -137px !important; } #tripHighlightContainer .supplierCostSpecification{ right: 23px !important; bottom: 16px !important; } #tripHighlightContainer .tripItemRightContent__innerWrapperFlex { padding-top: 17px; } #tripHighlightContainer .supplierCostSpecification{ position: absolute; right: 193px; bottom: 86px; } .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: -5px; 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:178px; } .priceLabel{ margin-bottom: 14px; } #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: 114px; 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: #0e5682!important; border-color: #0e5682!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; } .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; } .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; } .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: 10px !important; position: absolute !important; right: 0px !important; } .tripItemTotalDurations{ overflow: visible !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: 45px !important; } .tripItemRightContent__contentFlex{ margin-top:13px !important; } #tripHighlightContainer .right.rightSide .paymentCost { margin-top: 5px; } #tripHighlightContainer .paymentCost .icon { position: relative; top: -4px; }