The Cocoon Patong

.uwt-spack-wrapp{ font-family: Arial, sans-serif; position: relative; width: 752px; height: 418px; /*background-color: #fff;*/ background-image: url("https://www.supersavertravel.se/files/image/uwt-spack-bg.png"); } .uwt-spack-1{ position: absolute; top: 18px; left: 60px; font-size: 20px; } .uwt-spack-2{ position: absolute; top: 67px; left: 15px; } .uwt-spack-2 .uwt-1{ font-size: 18px; font-weight: bold; color: #0068bc; } .uwt-spack-2 .uwt-2{ font-size: 12px; margin-top:3px; } .uwt-spack-3{ position: absolute; top: 144px; left: 15px; } .uwt-spack-3 .uwt-1{ font-size: 18px; font-weight: bold; } .uwt-spack-3 .uwt-2{ font-size: 12px; margin-top:3px; width: 270px; } .uwt-spack-4{ line-height: 41px; position: absolute; top: 238px; left: 15px; font-size: 16px; } .uwt-spack-4-info{ line-height: 39px; position: absolute; top: 243px; left: 263px; font-size: 16px; color: #8c8c8c; } .uwt-tool-tip-box { /* max-width: 240px; */ 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: 300px; } .uwt-tool-tip-box:after, .uwt-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-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-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; } .uwt-tool-tip-box-1{ position: absolute; left: 107px; bottom: 180px; display: none; } .uwt-tool-tip-box-2{ position: absolute; left: 107px; bottom: 140px; display: none; } .uwt-tool-tip-box-3{ position: absolute; left: 107px; bottom: 100px; display: none; } .uwt-spack-wrapp-1{ position: absolute; top: 121px; left: 292px; width: 150px; height: 240px; cursor: pointer; border-radius: 2px; } .uwt-spack-wrapp-2{ position: absolute; top: 121px; left: 447px; width: 150px; height: 240px; cursor: pointer; border-radius: 2px; } .uwt-spack-wrapp-3{ position: absolute; top: 121px; left: 602px; width: 150px; height: 240px; cursor: pointer; border-radius: 2px; } .uwt-spack-wrapp-1-border{ position: absolute; top: 121px; left: 292px; width: 150px; height: 240px; cursor: pointer; border-radius: 2px; border: 1px solid #d9d9d9; box-sizing: border-box; pointer-events: none; } .uwt-spack-wrapp-2-border{ position: absolute; top: 121px; left: 447px; width: 150px; height: 240px; border-radius: 2px; border: 1px solid #d9d9d9; box-sizing: border-box; pointer-events: none; } .uwt-spack-wrapp-3-border{ position: absolute; top: 121px; left: 602px; width: 150px; height: 240px; border-radius: 2px; border: 1px solid #d9d9d9; box-sizing: border-box; pointer-events: none; } .uwt-spack-5{ position: absolute; top: 22px; left: 0px; text-align: center; width: 150px; } .uwt-spack-5 .uwt-1{ font-size: 20px; font-weight: bold; } .uwt-spack-5 .uwt-2{ font-size: 16px; margin-top:3px; } .uwt-spack-5 .uwt-3{ position: absolute; line-height: 39px; font-size: 16px; top: 100px; width:100%; text-align: center; } .uwt-spack-5 .uwt-plupp{ top: 63px; left: 76px; position: absolute; /* font-size: 40px; */ width: 7px; height: 7px; border-radius: 50%; background-color: #444; } .uwt-plupp-1{ display: none; } .uwt-plupp-2{ display: none; } .uwt-plupp-3{ display: none; } .uwt-spack-5 .uwt-plupp-bg{ top: 59px; left: 72px; position: absolute; font-size: 40px; width: 13px; height: 13px; border-radius: 50%; background-color: #f3f3f3; border: 1px solid #989898; } .uwt-spack-6{ font-size: 16px; width: 170px; position: absolute; top: 370px; left: 435px; text-align: center; } .uwt-show{ display: block !important; } .uwt-b-b{ opacity: .4; display: block; } .uwt-spack-popular-icon{ position: absolute; left: 65px; top: -13px; } .uwt-spack-selected{ border: 3px solid green !important; } .uwt-spack-3-selected{ border: 3px solid #8bb78b; } .uwt-plupp-1-selected{ opacity: 1 !important; display: block !important; } .uwt-spack-hover{ border-top: 5px solid #ccc; border-bottom: 5px solid #ccc; border-right: 1px solid #d9d9d9; border-left: 1px solid #d9d9d9; } .uwt-spack-validation{ display:none; position:absolute; width: 567px; display: none; position: absolute; bottom: 315px; left: 10px; color: #d00; background-color: #ffc0cb; font-weight: 700; border-color: #ffc0cb; border-radius: 5px; padding: 10px; }

.paymentCost .infoBox::after, .paymentCost .infoBox::before { left: 80% !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; } .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: 96px !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:30px !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; } .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; } .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:30px !important; }