.validation-summary-errors { padding: 5px; border: solid 1px #ebccd1; color: #a94442; background-color: #f2dede; } .navbar-nav > li > .dropdown-menu .dropdown-menu { margin-top: -1px; } /**********************************************************************************************************/ /* KULULA */ /**********************************************************************************************************/ /* GENERAL STYLES ***************************************************************/ /* Global generic classes ------------------------------------------------------------- */ .clear { clear: both; } .float-left { float: left; } .float-right { float: right; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } .vert-top { vertical-align: top; } .vert-mid { vertical-align: middle; } .vert-bot { vertical-align: bottom; } .bold { font-weight: bold; } .italic { font-style: italic; } .underline { border-bottom: 1px solid; } .highlight { color: #EAB543; } .wrap { width: 960px; margin: 0 auto; } .nopadding { padding: 0; } .noindent { margin-left: 0; padding-left: 0; } .block { display:block; } .flamafont { font-family:FlamaSemibold,sans-serif; } .mediumgrey-back { background-color: #EEEEEE; /*clear:both;*/ } .lightgrey-back { background-color: #F9F9F9; /*clear:both;*/ } .lightgrey-text { color:#999999; } .border { border: 1px solid #DDDDDD; } .border-bottom { border-bottom: 1px solid #DDDDDD; } .border-top { border-top: 1px solid #DDDDDD; } .border-left { border-left: 1px solid #DDDDDD; } .border-right { border-right: 1px solid #DDDDDD; } .radius { border-radius: 3px; } .circle { border-radius: 50%; } .little-padding { padding:10px; } .extra-padding { padding:20px; } .extra-padding .clm { padding-bottom:0; padding-top:0; } .little-margin { margin:10px; } .extra-margin { margin:20px; } .currency, .cents { font-size:12px; } .currency { margin-right:2px; } .tooltip { display:none; } .widget-aside-second { margin-bottom:20px; } .ui-datepicker {z-index: 99 !important} /* iframe */ .video { width: 100%; border-width: 0px; } /* Validation */ /************************************************************ */ .req_text,.req_star { color: #EAB543; } .validate-message { color: #9E0000; } /* MESSAGES ***************************************************************/ .message-warning .ico-body, .message-notification .ico-body, .message-Error .ico-body, .message-Success .ico-body, .validation-summary-errors .ico-body { padding-left: 70px; } .message-warning, .message-notification, .message-Error, .message-Success, .validation-summary-errors { clear:both; box-shadow: 0 1px 7px 0 hsla(0,0%,63%,.75); margin-bottom: 20px; padding: 20px; min-height: 87px; } .message-warning:before { border-radius: 50%; float: left; width: 50px; height: 50px; text-align: center; margin-right: 20px; line-height: 1.6; } .message-notification:before, .message-Error:before, .message-Success:before, .validation-summary-errors:before { border-radius: 50%; float: left; width: 50px; height: 50px; text-align: center; margin-right: 20px; line-height: 1.2; } .message-warning span, .message-notification span, .message-Error span, .message-Success span, .validation-summary-errors span { font-weight: bold; font-size: 16px; padding-bottom: 9px; display: inline-block; } .message-warning { background-color: #fff3b8; } .message-warning:before { content: "\e122"; font-family: "Glyphicons Halflings"; font-size: 26px; background-color: #f0a328; color: #fff; border: 4px solid #b97811; } .message-warning span { color: #f0a328; } .message-warning.small-message { padding: 10px; min-height: 50px; font-weight: bold; color: #f0a328;} .message-warning.small-message:before { font-size: 13px; width: 30px; height: 30px; margin-right: 8px; } .message-warning.small-message .ico-body { padding-left: 40px; padding-top: 5px; } .message-notification { background-color: #cdecfa; } .message-notification:before { content: "!"; font-family: FlamaSemibold,sans-serif; font-size: 33px; background-color: #2d86b3; color: #fff; border: 4px solid #206080; } .message-notification h1 { font-size: 26px; color: #206080; display: inline; } .message-notification span { color: #206080; } .message-notification.small-message { padding: 10px; min-height: 50px; font-weight: bold; color: #206080;} .message-notification.small-message:before { font-size: 18px; width: 30px; height: 30px; margin-right: 8px; } .message-notification.small-message .ico-body { padding-left: 40px; padding-top: 6px; } .message-Error { background-color: #f9dee7; } .message-Error:before { content: "!"; font-family: FlamaSemibold,sans-serif; font-size: 33px; background-color: #AC0000; color: #fff; border: 4px solid #910000; } .message-Error span { color: #910000; } .message-Error h1 { font-size: 26px; color: #910000; display: inline; } .message-Error p { display: block; margin-bottom: 5px; } .message-Error.small-message { padding: 10px; min-height: 50px; font-weight: bold; color: #910000; } .message-Error.small-message:before { font-size: 20px; width: 30px; height: 30px; margin-right: 8px; line-height: 0.9; } .message-Error.small-message .ico-body { padding-left: 40px; padding-top: 6px; } .validation-summary-errors { background-color: #f9dee7; } .validation-summary-errors:before { content: "!"; font-family: FlamaSemibold,sans-serif; font-size: 33px; background-color: #AC0000; color: #fff; border: 4px solid #910000; } .validation-summary-errors span { color: #910000; } .message-Success { background-color: #eaf6ea ; } .message-Success:before { content: "\e013"; font-family: "Glyphicons Halflings"; font-size: 22px; background-color: #3fa553; color: #fff; border: 4px solid #307E40; line-height: 1.8; } .message-Success span { color: #3fa553; } .message-Success h1 { font-size: 26px; color: #3fa553; display: inline; } .message-Success p { display: block; margin-bottom: 5px; } .message-Success.small-message { padding: 10px; min-height: 50px; font-weight: bold; color: #3fa553; } 0.message-Success.small-message:before { font-size: 12px; width: 30px; height: 30px; margin-right: 8px; } .message-Success.small-message .ico-body { padding-left: 40px; padding-top: 6px; } @media screen and (max-width: 380px) { .message-warning, .message-notification, .message-Error, .validation-summary-errors { padding: 10px; min-height: 60px; } .message-warning .ico-body, .message-notification .ico-body, .message-Error .ico-body, .validation-summary-errors .ico-body { padding-left: 50px; } .message-warning:before { font-size: 22px; width: 40px; height: 40px; margin-right: 10px; } .message-notification:before, .message-Error:before, .validation-summary-errors:before { font-size: 25px; width: 40px; height: 40px; margin-right: 10px; } .message-warning:before { font-size:20px; line-height:1.6; } } /* BROWSER VERSION MESSAGE & NO SCRIPT ***************************************************************/ .browser-version, .javascript-error { position:fixed; bottom:0; width:100%; z-index:98; padding:10px; min-height:52px; } .browser-version:before, .javascript-error:before { font-size: 16px; width: 35px; height: 35px; margin-right: 8px; line-height: 1.7; margin-right:10px; } .browser-version .ico-body { padding-top:6px; padding-left:50px; } @media (max-width: 768px) { .browser-version, .javascript-error { margin:0 15px 0 0; left:0;} } @media (min-width: 768px){ .browser-version, .javascript-error { width: 720px; margin:0 auto; left:auto; } } @media (min-width: 992px){ .browser-version, .javascript-error { width: 940px; } } @media (min-width: 1200px){ .browser-version, .javascript-error { width: 1140px; } } /* GENERAL BUTTONS ***************************************************************/ .button-p { margin: 20px 0; } a.content-btn, a.content-btn:visited, .banner a.FaresSelectorLinks, .banner a.FaresSelectorLinks:visited { cursor:pointer; background: #8bc63e; color: #FFFFFF; display:inline-block; text-decoration: none; font-size: 16px; text-transform: uppercase; height: 36px; padding: 6px 24px; border-width: 1px 1px 3px 1px; line-height: 20px; border-style: solid; border-radius: 3px; border-color: #71a130; text-align: center; white-space: nowrap; -webkit-transition: background-color .5s ease; transition: background-color .5s ease; text-overflow: ellipsis; overflow: hidden; } a.content-btn:hover, .banner a.FaresSelectorLinks:hover { background: #7DB137; color: #FFFFFF; text-decoration: none; } a.content-btn .caps { text-transform: uppercase; } a.content-btn-xsmall, a.content-btn-xsmall:visited { cursor:pointer; background: #8bc63e; color: #FFFFFF; display:inline-block; text-decoration: none; font-size: 13px; text-transform: uppercase; height: 28px; padding: 6px 10px; border-width: 1px 1px 3px 1px; line-height: 12px; border-style: solid; border-radius: 3px; border-color: #71a130; text-align: center; white-space: nowrap; -webkit-transition: background-color .5s ease; transition: background-color .5s ease; text-overflow: ellipsis; overflow: hidden; } a.content-btn-xsmall:hover { background: #7DB137; color: #FFFFFF; text-decoration: none; } a.content-btn-small, a.content-btn-small:visited { cursor:pointer; background: #8bc63e; color: #FFFFFF; display:inline-block; text-decoration: none; font-size: 16px; text-transform: uppercase; height: 36px; padding: 6px 24px; border-width: 1px 1px 3px 1px; line-height: 20px; border-style: solid; border-radius: 3px; border-color: #71a130; text-align: center; white-space: nowrap; -webkit-transition: background-color .5s ease; transition: background-color .5s ease; text-overflow: ellipsis; overflow: hidden; } a.content-btn-small:hover { background: #7DB137; color: #FFFFFF; text-decoration: none; } a.content-btn-small .caps { text-transform: uppercase; } a.content-btn-big, a.content-btn-big:visited { background-color: #8bc63e;/*IE 8 & 9*/ cursor:pointer; display:inline-block; background-image: linear-gradient(150deg,#8bc63e 50%,#86c139 51%); color: #FFFFFF; text-decoration: none; font-size: 16px; text-transform: uppercase; height: 60px; padding: 17px 24px; border-width: 1px 1px 3px 1px; line-height: 24px; border-style: solid; border-radius: 3px; border-color: #71a130; text-align: center; white-space: nowrap; -webkit-transition: background-position .5s ease; transition: background-position .5s ease; text-overflow: ellipsis; overflow: hidden; background-size: 200% 200%; background-position: 0 50%; } a.content-btn-big:hover { background-color: #7DB137;/*IE 8 & 9*/ background-position: 0 100%; } a.content-btn-big .caps { text-transform: uppercase; } a.content-btn-secondary, a.content-btn-secondary:visited { background-color: #00bce4;/*IE 8 & 9*/ cursor:pointer; display:inline-block; background-image: linear-gradient(150deg,#00bce4 50%,#00b2d8 51%); color: #FFFFFF; text-decoration: none; font-size: 16px; text-transform: uppercase; height: 60px; padding: 17px 24px; border-width: 1px 1px 3px 1px; line-height: 24px; border-style: solid; border-radius: 3px; border-color: #0092b3; text-align: center; white-space: nowrap; -webkit-transition: background-position .5s ease; transition: background-position .5s ease; text-overflow: ellipsis; overflow: hidden; background-size: 200% 200%; background-position: 0 50%; } a.content-btn-secondary:hover { background-color: #00A7CA;/*IE 8 & 9*/ background-position: 0 100%; } a.content-btn-secondary .caps { text-transform: uppercase; } a.content-btn-secondary-small, a.content-btn-secondary-small:visited { cursor:pointer; background: #00BCE4; color: #FFFFFF; display:inline-block; text-decoration: none; font-size: 16px; text-transform: uppercase; height: 36px; padding: 6px 24px; border-width: 1px 1px 3px 1px; line-height: 24px; border-style: solid; border-radius: 3px; border-color: #0092b3; text-align: center; white-space: nowrap; -webkit-transition: background-color .5s ease; transition: background-color .5s ease; text-overflow: ellipsis; overflow: hidden; } a.content-btn-secondary-small:hover { background: #00A7CA; color: #FFFFFF; text-decoration: none; } a.content-btn-secondary-xsmall, a.content-btn-secondary-xsmall:visited { cursor:pointer; background: #00BCE4; color: #FFFFFF; display:inline-block; text-decoration: none; font-size: 13px; text-transform: uppercase; height: 28px; padding: 6px 10px; border-width: 1px 1px 3px 1px; line-height: 12px; border-style: solid; border-radius: 3px; border-color: #0092b3; text-align: center; white-space: nowrap; -webkit-transition: background-color .5s ease; transition: background-color .5s ease; text-overflow: ellipsis; overflow: hidden; } a.content-btn-secondary-xsmall:hover { background: #00A7CA; color: #FFFFFF; text-decoration: none; } a.content-btn-tertiary, a.content-btn-tertiary:visited { background-color: #F1F7F8;/*IE 8 & 9*/ cursor:pointer;display:inline-block; background-image: linear-gradient(150deg,#F1F7F8 50%,#E5F4F7 51%); color: #0092b3; text-decoration: none; font-size: 16px; text-transform: uppercase; height: 60px; padding: 17px 24px; border-width: 1px 1px 3px 1px; line-height: 24px; border-style: solid; border-radius: 3px; border-color: #0092b3; text-align: center; white-space: nowrap; -webkit-transition: background-position .5s ease; transition: background-position .5s ease; text-overflow: ellipsis; overflow: hidden; background-size: 200% 200%; background-position: 0 50%; } a.content-btn-tertiary:hover { background-color: #CEEAF0;/*IE 8 & 9*/ background-position: 0 100%; } a.content-btn-tertiary .caps { text-transform: uppercase; } a.content-btn-tertiary-small, a.content-btn-tertiary-small:visited { cursor:pointer; background: #F1F7F8; color: #0092b3; display:inline-block; text-decoration: none; font-size: 16px; text-transform: uppercase; height: 36px; padding: 6px 24px; border-width: 1px 1px 3px 1px; line-height: 24px; border-style: solid; border-radius: 3px; border-color: #0092b3; text-align: center; white-space: nowrap; -webkit-transition: background-color .5s ease; transition: background-color .5s ease; text-overflow: ellipsis; overflow: hidden; } a.content-btn-tertiary-small:hover { background: #CEEAF0; color: #0092b3; text-decoration: none; } a.content-btn.disabled , a.content-btn-small.disabled, a.content-btn-big.disabled, a.content-btn-secondary.disabled, a.content-btn-secondary-small.disabled, a.content-btn-tertiary.disabled, a.content-btn-tertiary-small.disabled { background-color:#BBBBBB; border-color: #BBBBBB; color: #666666; cursor:not-allowed; background-image:none; } input[type="submit"], input[type="button"], .button, .button:link, .button:visited { cursor:pointer; background-color:#8bc63e; background-image: linear-gradient(150deg,#8bc63e 50%,#86c139 51%); color: #FFFFFF; text-decoration: none; font-size: 16px; text-transform: uppercase; height: 60px; padding: 18px 24px; border-width: 1px 1px 3px 1px; line-height: 24px; border-style: solid; border-radius: 3px; border-color: #71a130; text-align: center; white-space: nowrap; -webkit-transition: background-position .5s ease; transition: background-position .5s ease; text-overflow: ellipsis; overflow: hidden; background-size: 200% 200%; background-position: 0 50%; margin-bottom:3px; } input[type="submit"]:hover, input[type="button"]:hover, .button:hover { background-position: 0 100%; color:#FFF; text-decoration:none; background-color:#8bc63e; } input.primaryAction { background-color: #8bc63e;/*IE 8 & 9*/ background-image: linear-gradient(150deg,#8bc63e 50%,#86c139 51%); color: #FFFFFF; text-decoration: none; font-size: 16px; text-transform: uppercase; height: 60px; padding: 18px 24px; border-width: 1px 1px 3px 1px; line-height: 24px; border-style: solid; border-radius: 3px; border-color: #71a130; text-align: center; white-space: nowrap; -webkit-transition: background-position .5s ease; transition: background-position .5s ease; text-overflow: ellipsis; overflow: hidden; background-size: 200% 200%; background-position: 0 50%; } input.primaryAction:hover { background-color: #7DB137;/*IE 8 & 9*/ background-position: 0 100%; } input.secondaryAction { background-color: #00BCE4;/*IE 8 & 9*/ background-image: linear-gradient(150deg,#00bce4 50%,#00b2d8 51%); color: #FFFFFF; text-decoration: none; font-size: 16px; text-transform: uppercase; height: 60px; padding: 18px 24px; border-width: 1px 1px 3px 1px; line-height: 24px; border-style: solid; border-radius: 3px; border-color: #0092b3; text-align: center; white-space: nowrap; -webkit-transition: background-position .5s ease; transition: background-position .5s ease; text-overflow: ellipsis; overflow: hidden; background-size: 200% 200%; background-position: 0 50%; } input.secondaryAction:hover { background-color: #00A7CA;/*IE 8 & 9*/ background-position: 0 100%; } input.tertiaryAction { background-color: #F1F7F8;/*IE 8 & 9*/ background-image: linear-gradient(150deg,#F1F7F8 50%,#E5F4F7 51%); color: #0092b3; text-decoration: none; font-size: 16px; text-transform: uppercase; height: 60px; padding: 18px 24px; border-width: 1px 1px 3px 1px; line-height: 24px; border-style: solid; border-radius: 3px; border-color: #0092b3; text-align: center; white-space: nowrap; -webkit-transition: background-position .5s ease; transition: background-position .5s ease; text-overflow: ellipsis; overflow: hidden; background-size: 200% 200%; background-position: 0 50%; } input.tertiaryAction:hover { background-color: #CEEAF0;/*IE 8 & 9*/ background-position: 0 100%; color: #0092b3; } input.primaryAction.small { cursor:pointer; background: #8bc63e; color: #FFFFFF; display:inline-block; text-decoration: none; font-size: 16px; text-transform: uppercase; height: 36px; padding: 6px 24px; border-width: 1px 1px 3px 1px; line-height: 24px; border-style: solid; border-radius: 3px; border-color: #71a130; text-align: center; white-space: nowrap; -webkit-transition: background-color .5s ease; transition: background-color .5s ease; text-overflow: ellipsis; overflow: hidden; } input.primaryAction.small:hover { background: #7DB137; color: #FFFFFF; text-decoration: none; } input.secondaryAction.small { cursor:pointer; background: #00BCE4; color: #FFFFFF; display:inline-block; text-decoration: none; font-size: 16px; text-transform: uppercase; height: 36px; padding: 6px 24px; border-width: 1px 1px 3px 1px; line-height: 24px; border-style: solid; border-radius: 3px; border-color: #0092b3; text-align: center; white-space: nowrap; -webkit-transition: background-color .5s ease; transition: background-color .5s ease; text-overflow: ellipsis; overflow: hidden; } input.secondaryAction.small:hover { background: #00A7CA; color: #FFFFFF; text-decoration: none; } input.tertiaryAction.small { cursor:pointer; background: #F1F7F8; color: #0092b3; display:inline-block; text-decoration: none; font-size: 16px; text-transform: uppercase; height: 36px; padding: 6px 24px; border-width: 1px 1px 3px 1px; line-height: 24px; border-style: solid; border-radius: 3px; border-color: #0092b3; text-align: center; white-space: nowrap; -webkit-transition: background-color .5s ease; transition: background-color .5s ease; text-overflow: ellipsis; overflow: hidden; } input.tertiaryAction.small:hover { background: #CEEAF0; color: #0092b3; text-decoration: none; } input[type="submit"][disabled], input[type="button"][disabled], .button[disabled] { background-color:#BBBBBB; border-color: #BBBBBB; color: #666666; cursor:not-allowed; background-image:none; } a.tab-content-btn, a.tab-content-btn:visited { cursor:pointer; background: #00bce4; color: #FFFFFF; display:inline-block; text-decoration: none; font-size: 16px; text-transform: uppercase; height: 36px; padding: 6px 24px; border-width: 1px 1px 3px 1px; line-height: 24px; border-style: solid; border-radius: 3px; border-color: #0092b3; text-align: center; white-space: nowrap; -webkit-transition: background-color .5s ease; transition: background-color .5s ease; text-overflow: ellipsis; overflow: hidden; } a.tab-content-btn:hover { background: #0092b3; color: #FFFFFF; text-decoration: none; } a.tab-content-btn.disabled { background-color:#BBBBBB; border-color: #BBBBBB; color: #666666; cursor:not-allowed; background-image:none; } /* Search form */ /************************************************************ */ .widget-search-form { float:none; } .widget-search-form .ico-menu, .widget-search-form .ico-search { display:none; } .widget-search-form button[type="submit"] { margin:0; margin-top:10px; } #layout-content .widget-search-form h1 { font-family: FlamaSemibold; font-size:32px; color:#666666; } #layout-content .widget-search-form .search-form { padding: 20px; background-color: #F5F5F5; margin-bottom:10px; } @media (min-width: 540px) { #layout-content .search-form button[type="submit"] { width: 24%; margin-top:0; margin-left:10px; } #layout-content .search-form input[type="text"] { width: 74%; } } @media (max-width: 540px) { #layout-content .search-form { padding: 10px; } #layout-content .search-form button[type="submit"] { margin-top:10px; margin-left:0; } } #layout-navigation .widget-search-form button[type="submit"], #layout-navigation .widget-search-form input[type="text"] { display:inline-block; float:none; width:auto; } #layout-navigation .widget-search-form button[type="submit"]:active { -webkit-box-shadow:none; box-shadow:none; } #layout-navigation .widget-search-form button[type="submit"] { white-space: nowrap; margin:0; margin-left:6px; border:0; padding:0; background-image: url('../Content/black/nav/ico.gif'); background-position: -416px -1px; width:40px; height:45px; text-indent: -9999px; } #layout-navigation .widget-search-form input[type="text"] { white-space: nowrap; width:170px; border:0; padding:0; border-bottom:1px solid #FFFFFF; background-color:transparent; color:#FFFFFF; -webkit-appearance: none; -webkit-box-shadow:none; box-shadow:none; border-radius: 0; margin-top:20px;} #layout-navigation .widget-search-form input[type="hidden"] { white-space: nowrap; } #layout-navigation .widget-search-form .fields { display:none; } /* do not combine these declarations with commas*/ #layout-navigation .widget-search-form input[type="text"]::-webkit-input-placeholder { color:#FFFFFF; } #layout-navigation .widget-search-form input[type="text"]::-moz-placeholder { color:#FFFFFF; } #layout-navigation .widget-search-form input[type="text"]:-ms-input-placeholder { color:#FFFFFF; } #layout-navigation .widget-search-form input[type="text"]:-moz-placeholder { color:#FFFFFF; } #layout-navigation .widget-search-form { float:right; overflow:hidden; white-space: nowrap; transition: width .5s ease; min-width:75px; height:90px; display:none; } #layout-navigation .widget-search-form #frmSearch { margin-top:5px; height:75px; overflow:hidden; } #layout-navigation .widget-search-form #frmSearch fieldset { overflow:hidden; padding-left:0; float:left; width:0; height:75px; white-space: nowrap; -moz-transition: width 0s ease, padding-left .2s ease; -webkit-transition: width 0s ease, padding-left .2s ease; transition: width 0s ease, padding-left .2s ease; -webkit-transition-delay: 0s; /* Safari */ transition-delay: 0s; border:0; } #layout-navigation .widget-search-form #frmSearch .ico-search { display:block; overflow:hidden; float:left; width:75px; -moz-transition: width 0s ease, opacity .5s ease; -webkit-transition: width 0s ease, opacity .5s ease; transition: width 0s ease, opacity .5s ease; filter: alpha(opacity=100); opacity: 1; -webkit-transition-delay: 0s; /* Safari */ transition-delay: 0s;} #layout-navigation .widget-search-form #frmSearch .ico { color:#FFF; text-align:center; display: block; padding: 2px 4px 10px 5px; line-height:24px; } #layout-navigation .widget-search-form #frmSearch .ico-search .ico span { background-image: url('../Content/black/nav/ico.gif'); background-position: -367px 0; background-repeat: no-repeat; display: block; width:46px; height:46px; margin:0 auto; } #layout-navigation .widget-search-form #frmSearch .ico-menu { display:block; overflow:hidden; float:left; width:0; -moz-transition: opacity .7s ease, width .7s ease; -webkit-transition: opacity .7s ease, width .7s ease; transition: opacity .7s ease, width .7s ease; filter: alpha(opacity=0); opacity: 0; } #layout-navigation .widget-search-form #frmSearch .ico-menu .ico { display:block; padding:2px 14px 10px 15px; } #layout-navigation .widget-search-form #frmSearch .ico-menu .ico span { position:relative; margin: 24px auto 16px auto; } #layout-navigation .widget-search-form #frmSearch .ico-menu .ico span:before, #layout-navigation .widget-search-form #frmSearch .ico-menu .ico span:after { position:absolute; content: ""; } #layout-navigation .widget-search-form #frmSearch .ico-menu .ico span:before { top:-8px; } #layout-navigation .widget-search-form #frmSearch .ico-menu .ico span:after { bottom:-8px; } #layout-navigation .widget-search-form #frmSearch .ico-menu .ico span, #layout-navigation .widget-search-form #frmSearch .ico-menu .ico span:before, #layout-navigation .widget-search-form #frmSearch .ico-menu .ico span:after { width: 26px; height:3px; display:block; background-color: #FFFFFF; } /*focused*/ #layout-navigation.search-focused .widget-search-form #frmSearch fieldset { border-left: 1px solid #FFFFFF; width:250px; -moz-transition: width .5s ease; -webkit-transition: width .5s ease; transition: width .5s ease; -webkit-transition-delay: .2s; /* Safari */ transition-delay: .2s; } #layout-navigation.search-focused .widget-search-form #frmSearch .ico-search { width:0; filter: alpha(opacity=0); opacity: 0; -moz-transition: width .5s ease, opacity .5s ease; -webkit-transition: width .5s ease, opacity .5s ease; transition: width .5s ease, opacity .5s ease; -webkit-transition-delay: 0s; /* Safari */ transition-delay: 0s;} #layout-navigation.search-focused .widget-search-form #frmSearch .ico-menu { width:75px; filter: alpha(opacity=100); opacity: 1; -webkit-transition-delay: .6s; /* Safari */ transition-delay: .6s;} #layout-navigation.search-focused .widget-search-form .fields { display:block; padding-left:20px; width:235px; overflow:hidden; } #layout-navigation.search-focused .navbar-nav { display:none; } /*other*/ #aside-second .widget-search-form { display:none; } @media (max-width: 991px) { /*#layout-navigation .widget-search-form .fields { display:none; }*/ #layout-navigation.search-focused .widget-DropDownMenu { display:block; } #aside-second .widget-search-form { display:block; } } @media (max-width: 1024px) { #layout-navigation .widget-search-form { min-width:65px; } #layout-navigation .widget-search-form #frmSearch .ico-search { width:65px; } #layout-navigation .widget-search-form #frmSearch .ico-search .ico span { margin: 0 3px; } } @media (max-width: 767px) { #layout-navigation .widget-search-form { float:none; height:auto;} #layout-navigation .widget-search-form #frmSearch { margin-top: 0; height:auto;} #layout-navigation .widget-search-form #frmSearch fieldset { width:auto; height:auto; padding:10px 20px;} #layout-navigation .widget-search-form .fields { display: block; margin:0; } #layout-navigation .widget-search-form #frmSearch .ico-search { display:none; } #layout-navigation .widget-search-form input[type="text"] { margin-top:0; } #layout-navigation .widget-search-form #frmSearch .ico-menu { display:none; } } /* Search results pages */ /************************************************************ */ .search-summary { float:none; background-color:#F9F9F9; padding:15px; font-style:normal; } .search-summary em { font-style:normal; } .no-search-results { min-height:200px; } ul.search-results { padding-left:0; list-style:none; } ul.search-results li { padding-left:0; border-bottom:1px solid #eeeeee;} /* Blog post */ /************************************************************ */ ul.blog-posts { padding-left:0; list-style:none; } ul.blog-posts li { padding-left:0; border-bottom:1px solid #eeeeee; } /* kulula fanmail */ /************************************************************ */ .widget-email-subscription-widget a.content-btn-small { padding:6px 20px; } .widget-email-subscription-widget .fanmail-btns .fanmail-subscrbtn, .widget-email-subscription-widget .fanmail-btns .fanmail-managelink { float:left; margin-top:15px;} .widget-email-subscription-widget .fanmail-btns .fanmail-managelink {margin-left:9px;} @media (max-width: 1199px) and (min-width: 1024px), (max-width: 390px) { .widget-email-subscription-widget .fanmail-btns .fanmail-subscrbtn, .widget-email-subscription-widget .fanmail-btns .fanmail-managelink {display:block; float:none; margin-left:0px; margin-top:10px;} .widget-email-subscription-widget a.content-btn-small { display:block; } } /* kulula fanmail Social Media Share */ /************************************************************ */ .share-buttons { height:30px;} .share-buttons a { color: #ffffff; margin-top:10px; border-radius: 3px; padding: 2px 8px 2px 24px; float: left; text-decoration:none; } .share-buttons .facebook a { background: #4267b2 url('../Content/black/ftr/fb-mini.png') no-repeat 4px 3px ; font-weight: bold; margin-right:10px;} .share-buttons .twitter a { background: #28a9e2 url('../Content/black/ftr/tw-mini.png') no-repeat 4px 3px ; font-weight: normal; } /* Login box */ /************************************************************ */ #aside-first .loginbox { width:100%; } .loginbox { background: none; width: 33.33333333%; display: block; overflow: hidden; float: left; border: 1px solid #EEEEEE; padding: 20px; margin-bottom: 20px; margin-top: 30px; } .loginbox .primaryAction { display:block; width:100%; margin-top:10px; } .loginbox h3 { margin-top:0; } h3.border { border:0; border-bottom: 1px solid #E0E0E0; padding-bottom: 10px; margin-bottom: 10px; } h4.border { border:0; border-bottom: 1px solid #72CBCB; padding-bottom: 5px; margin-bottom: 5px; } .widget-DiscLoginPageCopy, .widget-DiscManageBookingPageCopy, .widget-AddExtrasLandingPgContent, .widget-ebucksManageBookingPageCopy{ width: 66.66666667%; padding-left: 30px; float: left; } .widget-RequestChangesCancelPageCopy { /*width: 66.66666667%; padding-right: 30px; float: left;*/ } @media (max-width: 768px) { /* .loginbox,*/ #content .loginbox { width:100%; } .widget-DiscLoginPageCopy, .widget-DiscManageBookingPageCopy, .widget-AddExtrasLandingPgContent, .widget-ebucksManageBookingPageCopy, .widget-RequestChangesCancelPageCopy { width: 100%; } .widget-DiscLoginPageCopy, .widget-DiscManageBookingPageCopy, .widget-AddExtrasLandingPgContent, .widget-ebucksManageBookingPageCopy, .widget-RequestChangesCancelPageCopy { padding: 0; } } /* HEADER ***************************************************************/ .navbar-header { z-index:999; position:relative; } .hdr-branding { float:left; margin-left:30px;} .hdr-branding a { display: inline-block; line-height: 25px; font-size: 25px; padding: 21.5px 15px 0 0; } .hdr-branding img { margin:0; width:100px; height:16px; -webkit-transition: width 2s, height 2s; transition: width 2s, height 2s; } @media (min-width:398px) { .hdr-branding a { padding: 17.5px 15px; } .hdr-branding img { width: 150px; height: 25px; } } @media (min-width:768px) { .hdr-branding { margin: 0; } .hdr-branding a { padding-top:28.5px; } .hdr-branding img { width:200px; height:33px; } } /* FOOTER */ /************************************************************ */ .ftr-bar { background-repeat: repeat-x; clear:both; text-align: center; position:relative; height:20px; border-top:1px solid #EEEEEE; margin-top:70px; } .ftr-bar-tag { background-image: url('../Content/black/ftr/tag.png'); background-repeat: no-repeat; width:194px; height:97px; position: absolute; top:-55px; right:10px;} #footer div.listLeftColumn ul { margin-bottom:0; } #footer div.listRightColumn ul { margin-bottom:20px; } #footer .listLinks { list-style: none; margin:0; padding:0; } #footer .listLinks li { padding-left:0; text-align:center; } @media (min-width: 600px) { #footer div.listLeftColumn { float: left; margin-right: 20px; } #footer div.listRightColumn { float: left; } } #footer .widget-PaymentOptions .listLinks { margin:7px 0; } #footer .widget-PaymentOptions .listLinks img { margin-bottom:5px; } /* App Store */ ul#appStores { clear: both; margin: 0; padding:0; text-align:center;} #appStores span.app { background-image: url('../Content/black/ftr/app-stores.png'); background-position: 0px 0px; background-repeat: no-repeat; display:inline-block; height: 40px; width: 112px; vertical-align: middle; margin: 7px 4px 0 0; } #appStores span.appleStore { background-position: -5px -7px; } #appStores span.googlePlay { background-position: -156px -7px; } ul#appStores li, ul#social li { list-style: none; display:inline-block; padding: 0; margin: 0; } ul#social { clear: both; padding:9px 0; margin: 0; text-align:center;} ul#social a.socialLink { display: block; cursor: pointer; text-decoration: none; vertical-align: middle; } ul#social a:hover.socialLink { text-decoration: none; } /*Footer social media */ #social span.sm { background-image: url('../Content/black/ftr/sm-28x28-v1.gif'); background-position: 0px 0px; background-repeat: no-repeat; display: block; height:28px; width:28px; vertical-align: middle; margin: 0 4px 0 0;} #social span.sml { background-image: url('../content/black/ftr/sm-li-on-gr.png'); background-repeat: no-repeat; display: block; height: 28px; width: 28px; background-size:28px; } #social span.social2 { background-position: -28px 0px; } /* facebook */ #social span.social3 { background-position: -56px 0px; } /* google+ */ #social span.social4 { background-position: -84px 0px; } /* twitter */ #social span.social5 { background-position: -112px 0px; } /* youtube */ #social span.social6 { background-position: -140px 0px; } /* instagram */ .ftrtd { background-color: #f5f5f5; text-align: center; margin-top: 20px; padding: 20px 15px; line-height: 20px; position:relative; } /* NAVIGATION */ /***************************************************************/ .navbar-collapse.collapse { position:relative; } .widget-DropDownMenu ul li, .widget-DropDownMenu ul li ul li, .widget-SimpleDropDownMenu ul li, .widget-SimpleDropDownMenu ul li ul li { padding: 0; margin: 0; } .widget-DropDownMenu ul.menu-drop-down, .widget-DiscoveryMenu ul.menu-discovery { display: inline-block; list-style: none; padding: 0; height: 90px; } .widget-SimpleDropDownMenu ul.menu-simple-drop-down { display: inline-block; list-style: none; padding: 0; height: 70px; } .widget-DropDownMenu ul.menu-drop-down li.dropdown, .widget-DiscoveryMenu ul.menu-discovery li { display: block; text-align: center; background-color: transparent; margin-top: 5px; border: 0; } .widget-DropDownMenu ul.menu-drop-down li.dropdown a.ico, .widget-DiscoveryMenu ul.menu-discovery li a.ico, .widget-SimpleDropDownMenu ul.menu-simple-drop-down a.ico { display: block; color: #FFFFFF; text-align: center; padding: 2px 4px 24px 5px; line-height: 24px; position: relative; z-index: 999; } .widget-SimpleDropDownMenu ul.menu-simple-drop-down a.ico { line-height:90px; padding:0 30px; font-family:FlamaSemibold; font-size:14px; } .widget-DropDownMenu ul.menu-drop-down li.dropdown a.ico span, .widget-DiscoveryMenu ul.menu-discovery li a.ico span { margin: 0 10px; height: 46px; width: 46px; text-align: center; background-image: url('../Content/black/nav/ico.gif?v=2'); background-position: 0 0; background-repeat: no-repeat; display: block; } .widget-DropDownMenu ul.menu-drop-down div.trav a.ico span, .widget-DiscoveryMenu ul.menu-discovery div.trav a.ico span { background-position: 0 0; } .widget-DropDownMenu ul.menu-drop-down div.flig a.ico span, .widget-DiscoveryMenu ul.menu-discovery div.flig a.ico span { background-position: -46px 0; } .widget-DropDownMenu ul.menu-drop-down div.hote a.ico span { background-position: -92px 0; } .widget-DropDownMenu ul.menu-drop-down div.carh a.ico span { background-position: -137px 0; } .widget-DropDownMenu ul.menu-drop-down div.pack a.ico span { background-position: -184px 0; } .widget-DropDownMenu ul.menu-drop-down div.mana a.ico span, .widget-DiscoveryMenu ul.menu-discovery div.mana a.ico span { background-position: -230px 0; } .widget-DropDownMenu ul.menu-drop-down div.info a.ico span, .widget-DiscoveryMenu ul.menu-discovery div.info a.ico span { background-position: -276px 0; } .widget-DropDownMenu ul.menu-drop-down div.login a.ico span { background-position: -322px 0; } .widget-DropDownMenu ul.menu-drop-down li.dropdown.open div.trav a.ico span { background-position: 0 -46px; } .widget-DropDownMenu ul.menu-drop-down li.dropdown.open div.flig a.ico span { background-position: -46px -46px; } .widget-DropDownMenu ul.menu-drop-down li.dropdown.open div.hote a.ico span { background-position: -92px -46px; } .widget-DropDownMenu ul.menu-drop-down li.dropdown.open div.carh a.ico span { background-position: -137px -46px; } .widget-DropDownMenu ul.menu-drop-down li.dropdown.open div.pack a.ico span { background-position: -184px -46px; } .widget-DropDownMenu ul.menu-drop-down li.dropdown.open div.mana a.ico span { background-position: -230px -46px; } .widget-DropDownMenu ul.menu-drop-down li.dropdown.open div.info a.ico span { background-position: -276px -46px; } .widget-DropDownMenu ul.menu-drop-down li.dropdown.open div.login a.ico span { background-position: -322px -46px; } .widget-DropDownMenu ul.menu-drop-down li.dropdown.open, .widget-SimpleDropDownMenu ul.menu-simple-drop-down li.dropdown.open { border-bottom:0; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); } .widget-DropDownMenu ul.menu-drop-down li.dropdown.open a.ico, .widget-SimpleDropDownMenu ul.menu-simple-drop-down li.dropdown.open a.ico { background-color:#FFFFFF; color:#8CC63F; } .widget-DropDownMenu ul.menu-drop-down ul.dropdown-menu, .widget-SimpleDropDownMenu ul.menu-simple-drop-down ul.dropdown-menu{ right:0; width:100%; padding:0; margin-top:-1px; } .widget-DropDownMenu ul.menu-drop-down div.drop, .widget-SimpleDropDownMenu ul.menu-simple-drop-down div.drop { margin:0; padding:20px 0 20px 30px; background-color:#FFFFFF; } .widget-SimpleDropDownMenu ul.menu-simple-drop-down div.drop { padding:30px 0 30px 30px; } .widget-DropDownMenu div.drop .colu { float:left; border-right:1px solid #F5F5F5; padding:0; margin-right:40px;padding-right:40px; } .widget-SimpleDropDownMenu div.drop .colu { float:left; border-right:1px solid #E5E5E5; padding:0; margin-right:20px;padding-right:0; } .widget-DropDownMenu div.drop .colu.last, .widget-SimpleDropDownMenu div.drop .colu.last { margin:0; padding:0; border:none;} .widget-DropDownMenu div.drop .colu.sl, .widget-SimpleDropDownMenu div.drop .colu.sl { height:auto;} .widget-DropDownMenu div.drop .colu.md, .widget-SimpleDropDownMenu div.drop .colu.md { min-height:210px;} .widget-DropDownMenu div.drop .colu.lg, .widget-SimpleDropDownMenu div.drop .colu.lg { min-height:240px;} .widget-DropDownMenu div.drop div.head { color:#666666; font-family:FlamaSemibold; font-size:16px; line-height:20px; padding:5px 10px 5px 40px; background-image:url('../Content/black/nav/ico-grey.gif'); background-position:0 0; background-repeat:no-repeat; margin-top:10px; } .widget-SimpleDropDownMenu div.drop div.head { font-family:FlamaSemibold; font-size:14px; line-height:20px; padding-right: 35px;} .widget-DropDownMenu div.drop div.flig { background-position:0 -60px; } .widget-DropDownMenu div.drop div.hote { background-position:0 -120px; } .widget-DropDownMenu div.drop div.carh { background-position:0 -150px; } .widget-DropDownMenu div.drop div.pack { background-position:0 -180px; } .widget-DropDownMenu div.drop div.info { background-position:0 -210px; } .widget-DropDownMenu div.drop div.depa { background-position:0 -30px; } .widget-DropDownMenu div.drop div.arri { background-position:0 -90px; } .widget-DropDownMenu div.drop div.loca { background-position:0 -240px; } .widget-DropDownMenu div.drop div.inte { background-position:0 -270px; } .widget-DropDownMenu div.drop div.cabs { background-position:0 -300px; } .widget-DropDownMenu div.drop div.them { background-position:0 -330px; } .widget-DropDownMenu div.drop div.pret { background-position:0 -360px; } .widget-DropDownMenu div.drop div.check { background-position:0 -390px; } .widget-DropDownMenu div.drop ul.list { display:block; list-style:none; width:auto; margin:15px 20px 0 0; padding:0; box-shadow:none; background:none; height:auto;} .widget-SimpleDropDownMenu div.drop ul.list { display:block; list-style:none; width:auto; margin:15px 35px 0 0; padding:0; box-shadow:none; background:none; height:auto;} .widget-DropDownMenu div.drop ul.list li, .widget-SimpleDropDownMenu div.drop ul.list li { border:0; background:none; margin:0; padding:0 0 5px 0; position:relative; } .widget-DropDownMenu div.drop ul.list li a, .widget-DropDownMenu div.drop ul.list li a:active, .widget-DropDownMenu div.drop ul.list li a:link, .widget-SimpleDropDownMenu div.drop ul.list li a, .widget-SimpleDropDownMenu div.drop ul.list li a:active, .widget-SimpleDropDownMenu div.drop ul.list li a:link{ text-decoration:none; } .widget-DropDownMenu div.drop ul.list li a:hover, .widget-SimpleDropDownMenu div.drop ul.list li a:hover { } .widget-DropDownMenu div.drop li.sub, .widget-SimpleDropDownMenu div.drop li.sub { font-size:14px; font-weight:bold; margin-bottom:2px; margin-top:10px;} .widget-DropDownMenu div.drop ul.doub, .widget-SimpleDropDownMenu div.drop ul.doub { float:left; min-height:130px; } .widget-DropDownMenu div.drop ul.list li i, .widget-SimpleDropDownMenu div.drop ul.list li i { font-style:italic; font-size:11px; margin-top:2px; color:#999999; display:block; float:right; margin-left:10px; } .widget-DropDownMenu div.drop ul.list li b, .widget-SimpleDropDownMenu div.drop ul.list li b { font-size:10px; color:#999999; } .widget-DropDownMenu div.drop ul.list li.inf { font-size:12px; font-weight:normal; color:#999999; line-height:16px; margin-top:15px; } .widget-DropDownMenu div.drop ul.list li.inf a { font-size:12px; line-height:13px; } .widget-SimpleDropDownMenu .search { position:absolute; bottom:0; right:0; left:0; background-color:#f5f5f5; padding:10px 30px; } .widget-SimpleDropDownMenu .search form { float:left; } .widget-SimpleDropDownMenu .search .form-control { width:auto; margin:2px; float:left; padding:10px; } .widget-SimpleDropDownMenu .search button { float:left;padding: 3px 10px; margin: 2px; } .widget-SimpleDropDownMenu .search .index { float:right; margin-top:10px; } .widget-DropDownMenu div.drop.manage ul.list { margin-right: 0; } .widget-DropDownMenu div.drop.manage .colu { width:23%; } .widget-DropDownMenu div.drop.manage .colu.filter { width:45%; } .widget-DropDownMenu div.drop ul.tabs { border: 1px solid #BBBBBB; width: 99.99%; border-radius: 4px; margin-bottom:10px; height:38px; background-color:#FFFFFF; overflow: hidden; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);} .widget-DropDownMenu div.drop ul.tabs li.tab { color:#00BCE3; font-size:13px; text-align:center; padding:0; line-height:37px; border:0; display:block; } .widget-DropDownMenu div.drop ul.tabs li.tab.manageCarrierMenu { width: 33.33%; } .widget-DropDownMenu div.drop ul.tabs li.tab.manageTypeMenu { width: 50%; } .widget-DropDownMenu div.drop ul.tabs li.tab::before, .widget-DropDownMenu div.drop ul.tabs li.tab:before { content:''; display:block; background-color: #BBBBBB; float:left; height:37px; width:1px; } .widget-DropDownMenu div.drop ul.tabs li.tab::after, .widget-DropDownMenu div.drop ul.tabs li.tab:after { content:''; display:block; background-color: #FFFFFF; float:right; height:37px; width:1px; } .widget-DropDownMenu div.drop ul.tabs li:first-child:before, .widget-DropDownMenu div.drop ul.tabs li:first-child::before { padding-left:1px; margin-left:-1px; } .widget-DropDownMenu div.drop ul.tabs li:last-child:after, .widget-DropDownMenu div.drop ul.tabs li:last-child::after { padding-right:1px; margin-right:-1px; } .widget-DropDownMenu div.drop ul.tabs li.tab.selected { background-color:#0092B3; color:#FFFFFF; } .widget-DropDownMenu div.drop ul.tabs li.tab.selected::after, .widget-DropDownMenu div.drop ul.tabs li.tab.selected:after { background-color: #0092B3; } .widget-DropDownMenu div.drop div.tab-content { padding:0; background-color:transparent; border:0; } .widget-DropDownMenu div.drop div.tab-content ul.list { margin:0; } .widget-DropDownMenu div.drop div.tab-content ul.doub { min-height:initial; width:50%; } .widget-DropDownMenu div.drop div.tab-content li.inf { margin-right:10px; margin-top:5px; } .widget-DropDownMenu div.more { position:absolute; bottom:0; right:0;} .widget-DropDownMenu div.more:before { position: absolute; content: ""; top: 0; left: -20px; width: 0; height: 0; border-right: 20px solid #00BCE3; border-top: 32px solid transparent; } .widget-DropDownMenu div.more a { text-decoration:none; line-height:24px; font-size:12px; color:#FFFFFF; display:block; background-color:#00BCE3; padding:4px 10px 4px 10px;} .widget-DropDownMenu div.more a:hover { text-decoration:underline;} .widget-DropDownMenu span.more { position: absolute; bottom:20px; } .widget-DropDownMenu span.more a { padding:0; text-decoration:none;} .widget-DropDownMenu span.more a:hover { } .widget-DropDownMenu div.drop .colu.hide-desk, .widget-SimpleDropDownMenu div.drop .colu.hide-desk { display: none; } @media (max-width:767px) { .widget-DropDownMenu ul.menu-drop-down, .widget-DiscoveryMenu ul.menu-discovery, .widget-SimpleDropDownMenu ul.menu-simple-drop-down { display: block; height: auto; } .widget-DropDownMenu ul.menu-drop-down li.dropdown, .widget-DiscoveryMenu ul.menu-discovery li { margin-top: 0; } .widget-DropDownMenu ul.menu-drop-down li.dropdown a.ico, .widget-DiscoveryMenu ul.menu-discovery li a.ico, .widget-SimpleDropDownMenu ul.menu-simple-drop-down a.ico{ line-height: 32px; vertical-align: middle; display: block; text-align: left; padding: 10px 20px; } .widget-SimpleDropDownMenu ul.menu-simple-drop-down a.ico { padding-left:30px; } .widget-DropDownMenu ul.menu-drop-down li.dropdown a.ico span, .widget-DiscoveryMenu ul.menu-discovery li a.ico span { float: left; height: 29px; } .widget-DropDownMenu ul.menu-drop-down li.dropdown a.ico:after, .widget-SimpleDropDownMenu ul.menu-simple-drop-down li.dropdown a.ico:after{ content: "\e259"; color:#FFFFFF; font-family: 'Glyphicons Halflings'; margin-right:10px; float:right; } .widget-DropDownMenu ul.menu-drop-down div.trav a.ico span, .widget-DiscoveryMenu ul.menu-discovery div.trav a.ico span { background-position: 0 -7px; } .widget-DropDownMenu ul.menu-drop-down div.flig a.ico span, .widget-DiscoveryMenu ul.menu-discovery div.flig a.ico span { background-position: -46px -7px; } .widget-DropDownMenu ul.menu-drop-down div.hote a.ico span { background-position: -92px -7px; } .widget-DropDownMenu ul.menu-drop-down div.carh a.ico span { background-position: -138px -7px; } .widget-DropDownMenu ul.menu-drop-down div.pack a.ico span { background-position: -184px -7px; } .widget-DropDownMenu ul.menu-drop-down div.mana a.ico span, .widget-DiscoveryMenu ul.menu-discovery div.mana a.ico span { background-position: -230px -7px; } .widget-DropDownMenu ul.menu-drop-down div.info a.ico span, .widget-DiscoveryMenu ul.menu-discovery div.info a.ico span { background-position: -276px -7px; } .widget-DropDownMenu ul.menu-drop-down div.login a.ico span { background-position: -322px -7px; } .widget-DropDownMenu ul.menu-drop-down li.dropdown.open div.trav a.ico span { background-position: 0 -53px; } .widget-DropDownMenu ul.menu-drop-down li.dropdown.open div.flig a.ico span { background-position: -46px -53px; } .widget-DropDownMenu ul.menu-drop-down li.dropdown.open div.hote a.ico span { background-position: -92px -53px; } .widget-DropDownMenu ul.menu-drop-down li.dropdown.open div.carh a.ico span { background-position: -138px -53px; } .widget-DropDownMenu ul.menu-drop-down li.dropdown.open div.pack a.ico span { background-position: -184px -53px; } .widget-DropDownMenu ul.menu-drop-down li.dropdown.open div.mana a.ico span { background-position: -230px -53px; } .widget-DropDownMenu ul.menu-drop-down li.dropdown.open div.info a.ico span { background-position: -276px -53px; } .widget-DropDownMenu ul.menu-drop-down li.dropdown.open div.login a.ico span { background-position: -322px -53px; } .widget-DropDownMenu ul.menu-drop-down li.dropdown.open { background-image:none; } .widget-DropDownMenu ul.menu-drop-down li.dropdown.open a.ico:after, .widget-SimpleDropDownMenu ul.menu-simple-drop-down li.dropdown.open a.ico:after{ content: "\e260"; color:#8CC63F; } .widget-DropDownMenu ul.menu-drop-down div.drop, .widget-SimpleDropDownMenu ul.menu-simple-drop-down div.drop { padding:15px 30px 10px; background-color:#f9f9f9; -webkit-box-shadow: inset 0px 5px 10px -5px rgba(0,0,0,0.23); -moz-box-shadow: inset 0px 5px 10px -5px rgba(0,0,0,0.23); box-shadow: inset 0px 5px 10px -5px rgba(0,0,0,0.23); } .widget-DropDownMenu div.drop .colu { display:none; margin:0; padding:0; width:100%; border:0; } .widget-DropDownMenu div.drop .colu.md, .widget-DropDownMenu div.drop .colu.lg { min-height:initial; } .widget-DropDownMenu div.drop .colu.display-mobi, .widget-SimpleDropDownMenu div.drop .colu.display-mobi{ display:block; } .widget-DropDownMenu div.drop .colu.display-mobi .head { background-image:none; padding-left:0; } .widget-DropDownMenu div.drop ul.list { margin-top:0; } .widget-DropDownMenu div.drop ul.list li i { position:relative; top:auto; left:auto; float:none; margin-bottom:10px; margin-left:0; } .widget-DropDownMenu div.more { display:none; } .widget-DropDownMenu div.drop.manage .filter { width:100%; } .widget-SimpleDropDownMenu .search { clear:both; position:relative; padding:8px; } .widget-SimpleDropDownMenu .search .index { float:left; margin-left:2px; } } @media (max-width:1024px) { .widget-DropDownMenu ul.menu-drop-down li.dropdown a.ico span, .widget-DiscoveryMenu ul.menu-discovery li a.ico span { margin: 0 3px; } .widget-SimpleDropDownMenu div.drop .colu.md { min-height:173px; margin-bottom:10px; } } @media (max-width:991px) { .widget-DropDownMenu div.drop.manage .colu { width:100%; padding-right:20px; border-right:0; padding-bottom:10px; border-bottom:1px solid #CCCCCC; margin-bottom:15px; } .widget-DropDownMenu div.drop.manage .colu.filter { width:100%; } .widget-DropDownMenu div.drop.manage .colu.last { border-bottom:0; margin-bottom:0;} .widget-DropDownMenu div.drop.manage .colu.lg { height:auto; } } @media (max-width:600px) { .widget-DropDownMenu div.drop.manage .list.doub { float:none; width:100%; } .widget-DropDownMenu div.drop.manage .inf.text-center { text-align:left; } .widget-DropDownMenu div.drop.manage .tab-mobi { background-color:#FFFFFF; padding:8px 10px; border: 1px solid #BBBBBB; border-bottom:0; color:#00BCE3; } .widget-DropDownMenu div.drop.manage .tab-mobi.first { border-top-left-radius:4px; border-top-right-radius:4px;} .widget-DropDownMenu div.drop.manage .tab-mobi.last { border-bottom: 1px solid #BBBBBB; margin-bottom:15px; border-bottom-left-radius:4px; border-bottom-right-radius:4px; } .widget-DropDownMenu div.drop.manage .tab-mobi.selected { background-color:#0092B3; color:#FFFFFF; } .widget-DropDownMenu div.drop.manage .tab-mobi:after { display:none; } } @media (max-width:426px) { .widget-SimpleDropDownMenu div.drop .colu.md { border:0; } .widget-SimpleDropDownMenu div.drop .colu.md, .widget-SimpleDropDownMenu div.drop ul.doub { min-height: unset; margin: 5px 35px 15px 0px;} } @media (min-width:768px) and (max-width:1199px) { .widget-DropDownMenu div.drop .colu { padding-right: 20px; } .widget-DropDownMenu div.drop ul.list { margin-right: 10px; } } @media (min-width:768px) and (max-width:991px) { .widget-DropDownMenu ul.menu-drop-down div.drop { padding-left:15px; padding-right:15px;} .widget-DropDownMenu div.drop .colu { width: 50%; padding:0 0 0 20px; margin:0 0 20px 0; } .widget-DropDownMenu div.drop .colu.last { padding:0 0 0 20px; } .widget-DropDownMenu span.more { position: relative; } } /* .menu-discovery { float:left; } */ /*profile navigation ------------------------------------------------------------- */ .isDiscovery .zone-navigation { margin-right: 390px; } .widget-DiscoveryNavSum, .widget-DiscoveryLogo { float:left; } .widget-DiscoveryMenu { float:right; } .widget-DiscoveryLogo .hdr-vitality { position: absolute; background-color: #FFFFFF; height: 90px; right:0; z-index:1; padding-top:25px; padding-left:10px; padding-right:10px; } .widget-DiscoveryLogo .hdr-vitality img { width:80px; margin:0 2px; } .nav-profile .ini { font-size:14px; float:left; display:block; border: 1px solid #FFFFFF; border-radius: 50%; height:40px; width:40px; color:#FFFFFF; line-height:38px; text-align:center; } .nav-profile .summary { width:180px; margin-left:15px; float:left;} .nav-profile .summary .member { display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .nav-profile .summary .member::after { display: block; content: ''; border-bottom: 1px solid #FFFFFF; margin-bottom: 5px; padding-bottom: 5px; opacity:0.2;} .nav-profile .summary::after, .nav-profile .summary:after { display: block; content: ''; clear: both; } .nav-profile .vitality, .nav-profile .bank, .nav-profile .miles { float: left; width: 50%; font-size: 12px; } .nav-profile .vitality .status, .nav-profile .bank .status, .nav-profile .miles .amount { font-size:14px; font-weight:bold; display:block; } .nav-profile { } .nav-profile ul { list-style: none; padding: 0; margin: 0; clear: both; /*reset default:*/ } .nav-profile ul:hover { } .nav-profile ul li { color:#FFFFFF; /*reset default:*/ border:0; float:none; margin:0; padding:0;} .nav-profile > ul > li { background-color: #00BCE4; padding: 10px 124px 10px 15px; font-size: 14px; position: relative; cursor: pointer; height: 90px; } .nav-profile > ul > li:hover { background-color: #0092B3; } .nav-profile > ul > li > ul { display: none; min-width:290px; width: 100%; padding: 10px 20px; background-color: #0092B3; position: absolute; right: 0; top: 90px;-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);} .nav-profile > ul > li:hover > ul { display:block; } .nav-profile table { margin:0 0 10px;} .nav-profile .stat { font-weight:bold; } .nav-profile .stat-val { font-weight:bold; color:#00BCE4; } .nav-profile .logout { text-align:right; margin-top:10px; } .nav-profile a { color: #FFF; } .nav-profile ul.list-members { padding:8px 10px 0 10px; margin:0; cursor:auto;} .nav-profile ul.list-members li { font-size: 11px; margin-bottom: 8px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .nav-profile ul.list-members li.clear { font-size:0; } .nav-profile a.link { position: relative; display: block; background-color: #21A0BD; /*reset default:*/ padding: 5px 10px; margin-top: 1px; } #showHideMembers:after, #showHideMembers::after { font-family: 'Glyphicons Halflings'; content: '\e259'; float: right; font-size: 10px; line-height: 20px; } #showHideMembers.expand:after, #showHideMembers.expand::after { content: '\e260'; } @media (max-width:991px) { .isDiscovery .zone-navigation { margin-right: 190px; } .nav-profile > ul > li { padding-top:22px;} .nav-profile > ul > li > ul { top: 166px; } .nav-profile > ul > li .summary { min-width: 290px; display: none; position: absolute; top: 89px; background-color: #0092B3; right: 0; margin-left: 0; padding: 10px 20px; float: none; width: 100%; } .nav-profile > ul > li:hover .summary { display: block; } } @media (max-width:767px) { .isDiscovery .zone-navigation { margin-right: 0; } .widget-DiscoveryMenu { float: none; } .nav-profile .ini { width:30px; height:30px; line-height:30px; font-size:11px; } .widget-DiscoveryLogo .hdr-vitality, .nav-profile > ul > li { height: 60px; } .nav-profile > ul > li { padding: 15px 75px 10px 5px } .nav-profile > ul > li > ul { top: 138px; } .nav-profile > ul > li .summary { top: 60px; } .widget-DiscoveryLogo .hdr-vitality { padding-top: 16px; padding-left:5px; padding-right:5px; } .widget-DiscoveryLogo .hdr-vitality img { width: 56px; margin:0 2px; } } /* SOCIAL MEDIA BOX */ /************************************************************ */ .widget-FeaturedSocialMedia { position: absolute; top: 150px; right: 0; background-color: #FFF; z-index: 499; } .widget-FeaturedSocialMedia ul#social { padding:15px 10px 5px 15px; margin:0; } .widget-FeaturedSocialMedia ul#social li { clear:both; margin-bottom:5px; float:left; } /* LOGIN - DROPDOWN ***************************************************************/ .drop.login { padding-top:30px; } .drop.login div.image { background-image:url("../Content/black/sel/selector-sprite.png"); background-repeat:no-repeat; display:block; margin-bottom:15px; } .drop.login div.opt-kulula-id { background-position: -355px 0; width:116px; height:33px; } .drop.login div.opt-vitality { background-position: -42px 0; width:87px; height:45px; } .drop.login .info { font-size:16px; margin-right:30px; } .widget-DropDownMenu div.drop.login .colu, .widget-SimpleDropDownMenu div.drop.login .colu{ margin:0; padding:20px; } .widget-DropDownMenu div.drop.login .colu.last, .widget-SimpleDropDownMenu div.drop.login .colu.last{ padding-left:50px; } .drop.login form { margin-right:30px; clear:both; } .drop.login form input.primaryAction { height:36px; line-height:24px; font-size:16px; padding: 6px 24px; margin:15px 0;} @media (max-width:767px) { .drop.login div.opt-vitality { margin-right:10px; } .widget-DropDownMenu div.drop.login .colu { padding:0 0 20px 0; } .widget-DropDownMenu div.drop.login .colu.last { padding:20px 0; border-top:1px solid #CCCCCC; } .widget-DropDownMenu div.drop.login .colu.last, .widget-SimpleDropDownMenu div.drop.login .colu.last{ padding-left:20px; } } @media (max-width:1024px) { .drop.login .info { font-size:12px; margin-right:0; } } /* GENERAL BANNERS ***************************************************************/ .banner { background: url("../Content/black/gen/bg-loading.gif") center no-repeat #F0F0F0; position:relative; padding:10px;} .banner .tagline { background-image:url("../Content/black/gen/bg-50blk.png"); color:#FFFFFF; float:left; padding:10px; } .banner .tagline.darker { background-image:url("../Content/black/gen/bg-70blk.png"); } .banner .tagline a { text-decoration:none; color:#8CC63F;} .banner .tagline a span { text-decoration:underline; } .banner .tagline a.content-btn, .banner .tagline a.FaresSelectorLinks { color:#FFFFFF; display:inline-block; margin-top:10px; } .banner .tagline.right { float:right; text-align:right; right:10px; } .banner .tagline .xlrg { font-size:32px; } .banner .tagline .lrg { font-size:25px; } .banner .tagline .med { font-size:20px; } .banner .tagline .sml { font-size:18px; } .banner .tagline .xsml { font-size:16px; } .banner .tagline .xxsml { font-size:13px; } .banner .tagline .ssml { font-size:11px; } @media (max-width: 375px) { .banner .tagline, .banner .tagline.right { float:none; } } /* Aside banner styles ------------------------------------------------------------- */ .aside-banner { border-bottom: 1px solid #E0E0E0; } .aside-banner img { float: left; margin: 0px 20px 20px 0; } .aside-banner .text { margin-bottom:20px; } .aside-banner .text-r { margin: 0 0 20px 100px; } .aside-banner:after, .aside-banner::after { clear:both; display:block; content:""; } /* Small banners - marketing ------------------------------------------------------------- */ .SmlBanners h2, .SmlBanners p { margin:0 20px 10px; padding:0;} .SmlBanners .clm { padding:0 0 10px 0; height:370px; margin-bottom:30px; } .SmlBanners .altn { background-color:#F9F9F9; } .SmlBanners .banner { height:190px; margin:10px; } /* Package banners ------------------------------------------------------------- */ .PackageBanners .clms-box { margin-bottom:20px;} .PackageBanners .banner { height:230px; padding:0; } .PackageBanners .tagline { bottom:12px; width:100%; position:absolute; padding:0; } .PackageBanners p { margin:10px; line-height:16px; font-size:14px; } .PackageBanners .tagline a { color:#FFFFFF; font-size:14px; line-height:16px; } @media (max-width: 560px) { .PackageBanners .clms-box .clm { width: 100%; } } /* FLIGHT, CAR HIRE, HOTELS - FEATURED BANNER ***************************************************************/ /* Featured Layout ------------------------------------------------------------- */ .FeaturedLayout > .container { width:auto; padding:0; } /* Featured banner ------------------------------------------------------------- */ .FeaturedBanner { float:none; } .FeaturedLayout .row { margin:0; } .FeaturedBanner { padding:0; } .FeaturedBanner .tagline { padding:20px; font-size:16px; } .FeaturedBanner .tagline.right { right:15px; } .FeaturedBanner a { } .FeaturedBanner .banner { padding:30px 0; height: 500px; background-image:none; background-color: transparent; background-position:50% 50%; background-size:cover; -webkit-box-shadow: inset -31px 79px 14px -76px rgba(0,0,0,0.5); -moz-box-shadow: inset -31px 79px 14px -76px rgba(0,0,0,0.5); box-shadow: inset -31px 79px 14px -76px rgba(0,0,0,0.5); } .featured-banners { background: url("../Content/black/gen/bg-loading.gif") center no-repeat #F0F0F0; } .banner .container { position:relative; } .FeaturedBanner .banner.withfullselector { margin-bottom: -70px; } .FeaturedBanner .banner.withselector { margin-bottom: -40px; } .FeaturedBanner .banner.withselectorfocus { margin-bottom: -100px; } @media (max-width: 430px) { .FeaturedBanner .banner.withfullselector, .FeaturedBanner .banner.withselector, .FeaturedBanner .banner.withselectorfocus { margin-bottom: 0; } } /* Small feature banner ------------------------------------------------------------- */ .banner.featured { height: 360px; margin-bottom: 20px; } @media (max-width: 375px) { .banner.featured { height: 250px; } } /* Flight Fares Selector Banner - Featured & Content zone ------------------------------------------------------------- */ .FaresSelectorBanner .banner { min-height:345px; } .FaresSelectorBanner .banner .headline { font-size: 25px; line-height:1; margin-bottom:10px; } .FaresSelectorBanner .banner .price { font-weight:bold; font-size:26px; } .FaresSelectorBanner .banner .currency, .FaresSelectorBanner .banner .cents { font-size:14px; font-weight:normal; } .FaresSelectorBanner .banner .quickselector { min-height:auto; } .FaresSelectorBanner .banner .FaresSelector.selector { min-height:215px; } @media only screen and (max-width: 515px) { .FeaturedBanner .FaresSelectorBanner .banner { padding:15px 0; } } @media only screen and (max-width: 430px) { .FeaturedBanner .FaresSelectorBanner .banner { height:345px; } } @media (max-width:992px) { .FeaturedBanner .banner { height:350px; } .banner.tab-focus-left { background-position:left; } .banner.tab-focus-right { background-position:right; } .banner .tagline .xlrg { font-size:25px; } .banner .tagline .lrg { font-size:20px; } .banner .tagline .med { font-size:18px; } .banner .tagline .sml { font-size:16px; } .banner .tagline .xsml { font-size:13px; } .banner .tagline .xxsml { font-size:11px; } .banner .tagline .tab-xlrg { font-size:32px; } .banner .tagline .tab-lrg { font-size:25px; } .banner .tagline .tab-med { font-size:20px; } .banner .tagline .tab-sml { font-size:18px; } .banner .tagline .tab-xsml { font-size:16px; } .banner .tagline .tab-xxsml { font-size:13px; } } @media (max-width:600px) { .banner.mobi-focus-left { background-position:left; } .banner.mobi-focus-right { background-position:right; } .banner .tagline .xlrg { font-size:25px; } .banner .tagline .lrg { font-size:20px; } .banner .tagline .med { font-size:18px; } .banner .tagline .sml { font-size:16px; } .banner .tagline .xsml { font-size:13px; } .banner .tagline .xxsml { font-size:11px; } .banner .tagline .mobi-xlrg { font-size:32px; } .banner .tagline .mobi-lrg { font-size:25px; } .banner .tagline .mobi-med { font-size:20px; } .banner .tagline .mobi-sml { font-size:18px; } .banner .tagline .mobi-xsml { font-size:16px; } .banner .tagline .mobi-xxsml { font-size:13px; } } @media (max-width:430px) { .FeaturedBanner .banner { height:250px; padding:15px 0; } .FeaturedBanner .tagline, .FeaturedBanner .tagline.right { float:none; text-align:left; } } @media (min-width:993px) { @media (max-height: 520px){ .FeaturedBanner .banner { height:380px; } } } @media (min-width:1024px) { @media (max-height: 620px){ .FeaturedBanner .banner { height:430px; } } @media (max-height: 520px){ .FeaturedBanner .banner { height:380px; } } } /* SELECTOR ***************************************************************/ .selectorbar { background-color: #00BCE3; height: 30px; content:''; display:none !important;} .selectorbar.withCheckinPanel:after, /*.selectorbar.withCheckinPanel::after{ background-color:#0092B3;height: 40px;content:'';display:block;width:50%;right: 0;top: 0;position: absolute; }*/ .selector .greyed-search-btn, .selector .btn-expand, .selector #btn-flight-cancel, #selector-option-error, #div-journey-type { display: none; } @media only screen and (min-width: 320px) and (max-width:768px) { div#selectorPanel { top: 30px; } } .withselectorbar #div-journey-type { top: 30px; position: absolute; background-color: #0092B3; width: 97%; } @media only screen and (max-width: 991px) { .withselectorbar #div-journey-type { background-color: transparent; } } .selector { background-color: #F5F5F5; position: relative; box-shadow: 0px 0px 15px -4px rgba(0,0,0,0.09); -webkit-box-shadow: 0px 0px 15px -4px rgba(0,0,0,0.09); -moz-box-shadow: 0px 0px 15px -4px rgba(0,0,0,0.09); min-height: 100px; z-index: 2; top: 70px; margin-bottom: 100px; } .selector h2 { font-size: 16px; font-weight: bold; margin: 0 20px 5px 0; display: none; } .selector h3 { font-size: 16px; } .selector fieldset { margin: 0; } .selector fieldset .field { padding-right: 15px; } .selector select { color: #666666; /*-webkit-appearance: menulist-button;*/ -moz-appearance: none; font-size: 14px; -webkit-appearance: none; border: 1px solid #BBBBBB; width: 100%; line-height: 49px; height: 60px; vertical-align: middle; background: url("../Content/black/sel/selector-sprite-4.svg") no-repeat scroll right -189px #FFFFFF; padding: 6px 30px 6px 12px; padding: \0 6px 12px; /* specifically for IE8/9 */ } .selector select::-ms-expand { display: none; } .selector input[type="text"] { padding-bottom: 0; font-size: 14px; padding: 0 12px; border: 1px solid #BBBBBB; width: 100%; height: 60px; line-height: 58px; margin: 0; box-sizing: border-box; } input.hasDatepicker { background: url("../Content/black/sel/selector-sprite-4.svg") no-repeat scroll right -133px #FFFFFF; cursor: pointer; } input.hasDatepicker[type="text"][readonly] { background-color: #FFFFFF; } input.hasDatepicker[type=text]::-ms-clear, input.hasDatepicker[type=text]:-ms-clear { display: none; /*IE fix*/ } .selector .prod { padding: 15px 0 15px 15px; box-shadow: 0px -14px 15px -11px rgba(0,0,0,0.09) inset; -webkit-box-shadow: 0px -14px 15px -11px rgba(0,0,0,0.09) inset; -moz-box-shadow: 0px -14px 15px -11px rgba(0,0,0,0.09) inset; position: relative; } .selector .prod:after, .selector .prod:after { clear: both; display: block; content: ''; } .help-text { color: #999999; font-size: 11px; font-style: italic; margin-top: 5px; display: block; line-height: 16px; clear: both; } #div-journey-type { position: relative; height: 40px; } #div-journey-type ul { display: inline-block; height: 40px; margin: 0; padding: 0; background-color: #00bce3; } #div-journey-type ul li { list-style: none; display: inline-block; cursor: pointer; border: 1px solid #00bce3; font-size: 12px; color: #FFFFFF; height: 40px; background-color: #00bce3; width: auto; float: left; padding: 8px 30px 8px 35px; position: relative; } li#li-hol { padding-right: 43px !important; } #div-journey-type ul li:first-of-type { margin-left: 0; } #div-journey-type ul li:before, #div-journey-type ul li::before { background: url("../Content/black/sel/selector-sprite-4.svg") repeat-x 0; display: block; height: 24px; width: 22px; content: ''; float: left; margin-right: 5px; margin-left: 5px; } #div-journey-type #li-flight:before { background-position: -11px -66px; } #div-journey-type #li-car:before { background-position: -41px -65px; width: 24px; } #div-journey-type #li-acc:before { background-position: -72px -65px; width: 27px; } #div-journey-type #li-event:before { } #div-journey-type #li-hol:before { background-position: -106px -66px; width: 27px; } #div-journey-type #li-combo:before { background-position: -11px -66px; width: 86px; padding: 12px 10px; } #div-journey-type ul li:after { position: absolute; content: ""; top: 16px; right: -28px; width: 49px; height: 18px; transform: rotate(65deg); background-color: #00bce3; border-top: 1px solid #FFFFFF; display: block; z-index: 1; } #div-journey-type ul li:last-child:after { border: 0; } li#li-hol::after { visibility: hidden; } #div-journey-type ul li.selected { background-color: #F5F5F5; margin-bottom: -5px; color: #666666; height: 45px; border: 1px solid #F5F5F5; z-index: 1; box-shadow: 0px -1px 14px -2px rgba(0,0,0,0.20); -webkit-box-shadow: 0px -1px 14px -2px rgba(0,0,0,0.20); -moz-box-shadow: 0px -1px 14px -2px rgba(0,0,0,0.20); } #div-journey-type #li-flight.selected:before { background-position: -11px -15px; } #div-journey-type #li-car.selected:before { background-position: -41px -14px; } #div-journey-type #li-acc.selected:before { background-position: -71px -14px; } #div-journey-type #li-event.selected:before { } #div-journey-type #li-hol.selected:before { background-position: -106px -14px; } #div-journey-type #li-combo.selected:before { background-position: -11px -15px; padding: 12px 10px 17px; } #div-journey-type ul li.selected:after { /*border-bottom: 41px solid #F5F5F5; */ background-color: #F5F5F5; } #div-journey-type ul li input[type="radio"] { -webkit-appearance: none; display: none; } #div-journey-type ul li label { font-weight: normal; float: left; margin: 0; line-height: 24px; cursor: pointer; } .single #div-journey-type { display: none; } /*radio button tabbed effect */ ul.tabbed { float: left; border-radius: 4px; overflow: hidden; border: 1px solid #BBBBBB; list-style-type: none; padding: 0; margin: 0; width: 99.99%; clear: both; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); background-color: #FFFFFF; } ul.tabbed li { display: block; float: left; padding: 0; margin: -1px 0 0 0; background-color: #ffffff; width: 100%; } ul.tabbed li.selected { background-color: #0092B3; } ul.tabbed > li:first-child > label, ul.tabbed > li:first-child > a { margin-left: -1px; padding-left: 1px; } ul.tabbed li label, ul.tabbed li a { display: block; margin-bottom: 0; text-align: center; border-left: 1px solid #BBBBBB; cursor: pointer; color: #00BCE3; text-decoration: none; line-height: 58px; font-size: 14px; font-weight: normal; } ul.tabbed li.selected label, ul.tabbed li.selected a { color: #ffffff; text-decoration: underline; } ul.tabbed input[type="radio"] { -webkit-appearance: none; display: none; margin: 0; padding: 0; } ul.tabbed.three li { width: 33.33%; } ul.tabbed.two li { width: 50%; } .selector ul#combo-type.tabbed.three li { width: 99.99%; } .selector #combo-type.tabbed li label { border-top: 1px solid #BBBBBB; border-left: 0; } .selector #combo-type.tabbed > li:first-child > label { margin-left: 0; padding-left: 0; margin-top: -1px; padding-top: 1px; } #SelQuestion { padding: 15px 15px 0; display: none; } #SelQuestion h2 { display: block; } ul.question li { width: 50%; } ul.question li label { height: 58px; } ul.question li span { background: url("../Content/black/sel/selector-sprite-4.svg") no-repeat 0 0; display: block; text-align: center; padding: 0; margin: 0 auto; } ul.question li span.opt-discovery { width: 87px; height: 45px; background-position: -284px -5px; } ul.question li span.opt-ebucks { width: 46px; height: 45px; background-position: -381px -5px; } ul.question li span.opt-no-thanks { background: none; vertical-align: middle; line-height: 15px; } ul.question li span.opt-no-thanks b { font-weight: normal; font-size: 11px; display: block; color: #666; } ul.question li.selected span.opt-no-thanks b { font-weight: normal; font-size: 11px; display: block; color: #FFF; } ul.question li.selected span.opt-discovery { background-position: -284px -55px; } ul.question li.selected span.opt-ebucks { background-position: -381px -55px; } #li-option-vitality-login label { padding: 7px 10px; } #li-option-ebucks-login label { padding: 6px 10px; } #li-option-no label { padding: 14px 10px; } #div-vitality-login { clear: both; background-color: #EEEEEE; margin-bottom: 15px; padding: 10px; border-top: 4px solid #0092B3; } #div-vitality-login fieldset { width: 100%; } #div-vitality-login p { padding-top: 10px; } #div-vitality-login .info-tooltip { margin-left: 15px; line-height: 34px; vertical-align: top; } #div-vitality-login .info-tooltip img { vertical-align: middle; } #div-vitality-login .disclaimer { font-size: 10px; clear: both; } /* overlapping labels */ .selector fieldset .field.lap { position: relative; } .selector fieldset .field.lap label { position: absolute; color: #666666; left: 12px; top: 10px; font-weight: normal; } .selector fieldset .field.lap input, .selector fieldset .field.lap select { font-weight: bold; padding-top: 14px; padding-bottom: 0; line-height: 46px; } #paxholder { } #pax-adult, #pax-child, #pax-infant { float: left; width: 33.3%; margin-bottom: 5px; } .childInfantMessage { } .childInfantMessage p { background-color: #DDDDDD; display: block; padding: 10px; font-size: 11px; margin-right: 15px; margin-bottom: 20px; } .childInfantMessage .close { } .accommodation { border-top: 1px solid #BBBBBB; clear: both; margin-right: 15px; margin-bottom: 15px; } .accommodation div.rooms { border-bottom: 1px solid #BBBBBB; clear: both; padding-top: 10px; } .accommodation div.rooms fieldset { width: 33.33%; float: left; } .accommodation div.rooms fieldset .field { margin-bottom: 10px; } .accommodation div.rooms .room { border-right: 1px solid #BBBBBB; margin-right: 15px; padding: 30px 15px 26px 10px; clear: both; } .accommodation div.rooms .children { background-color: #DDDDDD; clear: both; padding: 10px; } .accommodation div.rooms .children::after, .accommodation div.rooms .children:after { clear: both; display: block; content: ''; } .accommodation .div-acc-chd-rooms { width: 100%; clear: both; } .accommodation .children .child { float: left; margin-right: 10px; position: relative; margin-bottom: 5px; } .accommodation .children .child label { position: absolute; left: 10px; top: 10px; font-weight: normal; font-size: 10px; margin: 0; } .accommodation .children .child select { font-weight: bold; padding-top: 14px; padding-bottom: 0; line-height: 46px; } div.more-search-options { clear: both; padding: 10px 0; } div.more-search-options .more-opt { margin: 0 10px 0 0; } div.more-search-options .more-opt label { display: inline; vertical-align: top; line-height: 20px; } div.more-search-options .more-opt input[type="checkbox"] { margin: 5px; } div.more-options { padding: 10px 0 0 0; } /* Bargain Browza */ #BargainIcon { width: 50%; height: 48px; background: url("../Content/black/sel/selector-sprite-4.svg") no-repeat right -257px; padding: 12px 56px 0 12px; } #BargainIcon span { display: block; width: 55px; } #li-lowestFare, #li-lowestFareNotActive { width: 25%; } #div-combo .combos { display: none; clear: both; } #div-combo .combos.displaydiv { display: block; } #flight-segments-multi input[type="text"] { width: 80%; } .car-save-info { display: none; } #selector-option-error { display: none; width: 260px; margin: 10px 0 0 0; float: left; } .form-error, input.form-error, select.form-error, input.hasDatepicker[type="text"][readonly].form-error { border: 1px solid #910000 !important; background-color: #f9dee7; color: #910000; } .selector .btn-expand { text-decoration: none; color: #8CC63F; font-size: 11px; cursor: pointer; width: 70px; position: absolute; bottom: 8px; left: 15px; z-index: 3; } .selector .btn-expand .icon { display: block; width: 11px; height: 11px; float: left; margin: 0 5px 0 0; } .selector .btn-expand .icon:before { content: "\e259"; color: #FFFFFF; font-family: 'Glyphicons Halflings'; color: #8CC63F; } .selector.expand .btn-expand .icon:before { content: "\e260"; } .selector.expand .req_text { display: block; } .selector .action { margin-right: 15px; } .selector .primaryAction { width: 100%; max-width: 300px; margin-bottom: 15px; } .selector .greyed-search-btn { padding-right: 15px; margin-bottom: 15px; } .selector .greyed-search-btn .content-btn { background: #bbb; color: #666; font-size: 16px; text-transform: uppercase; height: 60px; padding: 18px 24px; line-height: 24px; text-align: center; cursor: not-allowed; border-radius: 3px; display: block; } .single .selector .req_text { display: none; } .selector.isDiscovery .action { margin-top: 15px; } .sidebar .selector .req_text, .basic .selector .req_text, .single .selector.expand .req_text { display: block; } .single .selector.expand .req_text { position: absolute; right: 15px; position: absolute; bottom: 8px; } /* Hierarchy AutoComplete0 /* HOTELS SEARCH new styles ------------------------------------------------------------- */ .ui-autocomplete { max-height: initial; width: 200px; } .ui-autocomplete-category { font-weight: bold; padding: 4px 0 4px 5px; width: 100%; cursor: default; background-color: #EEEEEE; } .ui-autocomplete-subcategory { font-weight: bold; padding: 4px 0 4px 15px; width: 100%; cursor: default; } ul.ui-autocomplete li.ui-menu-item { padding: 8px 12px !important; color: #666666; border-bottom: 1px solid #e0e0e0; cursor: pointer; } ul.ui-autocomplete li.ui-menu-item a { color: #666666; } ul.ui-autocomplete span { background: #efefef; color: #999999; font-size: 13px; font-style: italic; display: block; padding: 8px 12px !important; } ul.ui-autocomplete span.ui-state-focus { background: #efefef; color: #999999; cursor: default; border: 1px solid #e0e0e0; } ul.ui-autocomplete li.ui-state-focus, li.ui-menu-item:hover { color: #FFFFFF !important; background-color: #00bce4; border-bottom: 1px solid #00bce4; background-image: none; border: 0; margin: 0; } .ui-state-focus a { color: #FFFFFF !important; } /* selector mobi buttons ------------------------------------------------------------- */ div[class^="journey-type-mobi"] { display: block; clear: both; font-size: 16px; color: #8BC63E; padding: 0 15px; line-height: 50px; margin-bottom: 1px; border-bottom: 1px solid #ECECEC; cursor: pointer; } div[class^="journey-type-mobi"]:before, div[class^="journey-type-mobi"]::before { background-image: url("../Content/black/sel/selector-sprite-4.svg"); background-repeat: no-repeat; float: left; content: ""; width: 27px; height: 24px; margin-right: 10px; margin-top: 14px; } .journey-type-mobi-flight:before, .journey-type-mobi-flight::before { background-position: -11px -15px; } .journey-type-mobi-car:before, .journey-type-mobi-car::before { background-position: -41px -14px; } .journey-type-mobi-combo:before, .journey-type-mobi-combo::before { background-position: -644px -330px; } .journey-type-mobi-acc:before, .journey-type-mobi-acc::before { background-position: -71px -14px; } .journey-type-mobi-hol:before, .journey-type-mobi-hol::before { background-position: -106px -14px; } div[class^="journey-type-mobi"]:after, div[class^="journey-type-mobi"]::after { content: "\e259"; font-family: 'Glyphicons Halflings'; float: right; } div[class^="journey-type-mobi"].selected { color: #666666; border-bottom: 0; } div[class^="journey-type-mobi"].selected:after, div[class^="journey-type-mobi"].selected::after { content: "\e260"; } /* single selector ------------------------------------------------------------- */ .single .selector .prod h2 { display: block; } /* minified single selector ------------------------------------------------------------- */ .minified.single .selector .prod { padding-bottom: 15px; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; } .minified.single .selector .btn-expand, .minified.single .selector .greyed-search-btn, .wide.minified .selector.expand .display-two { display: block; } .minified.single .selector .display-two, .wide.minified .selector.expand .greyed-search-btn { display: none; } .minified.single .selector .greyed-search-btn { margin-bottom: 15px; } /* needs to be after selector styles ------------------------------------------------------------- */ a.multi-add { display: block; clear: both; margin-bottom: 15px; margin-right: 15px; } a.multi-add:before, a.multi-add::before { content: "\002B"; font-family: 'Glyphicons Halflings'; margin-right: 10px; font-size: 12px; } a.multi-remove { color: #FFFFFF; text-align: center; border-radius: 3px; background-color: #8bc63e; display: inline-block; height: 21px; overflow: hidden; text-decoration: none; width: 24px; position: absolute; top: 22px; right: 15px; } a.multi-remove:before, a.multi-remove::before { content: "\e014"; line-height: 22px; font-family: 'Glyphicons Halflings'; margin-left: 3px; } /* Holiday selector */ #div-hotdeals { display: none; padding-right: 15px; margin-bottom: 15px; height: auto; font-size: 14px; } @media (min-width:550px) { #div-hotdeals { line-height: 60px; height: 60px; float: left; } } @media (min-width: 768px) and (max-width: 1023px) { .wide .selector #flight-segments-multi { clear: both; } .wide .selector #flight-segments-multi fieldset, .wide .selector #div-combo .combos fieldset, .wide .selector #div-acc fieldset { width: 33.33%; } .sidebar .selector ul#combo-type.tabbed.three li { width: 33.33%; } .sidebar .selector #combo-type.tabbed li label { border-left: 1px solid #BBBBBB; } .sidebar .selector #div-combo .display-one fieldset { width: 75%; } .sidebar .selector #div-combo .accommodation div.rooms fieldset, .sidebar .selector #div-acc .accommodation div.rooms fieldset { width: 14%; } .sidebar .selector .accommodation div.rooms .children { clear: none; float: left; background-color: transparent; border-left: 1px solid #BBBBBB; padding: 0 0 0 15px; } } @media (min-width: 768px) and (max-width: 1200px) { .wide #div-journey-type ul li { padding: 8px 20px 8px 20px; } } @media (min-width: 768px) { .selectorbar { display: block; } .selector .req_text { position: absolute; bottom: 6px; right: 15px; z-index: 3; display: none; } .minified .selector .display-two, div[class^="journey-type-mobi"] { display: none; } .minified .selector.isDiscovery .display-two, #div-journey-type { display: block; } .wide .selector, .basic .selector, .sidebar .selector { box-shadow: 1px 7px 15px -14px rgba(0,0,0,1); -webkit-box-shadow: 1px 7px 15px -14px rgba(0,0,0,1); -moz-box-shadow: 1px 7px 15px -14px rgba(0,0,0,1); } .wide .selector .prod, .basic .selector .prod, .sidebar .selector .prod { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; } .wide.minified .selector .btn-expand, .wide.minified .selector .greyed-search-btn { display: block; } .wide.minified .selector.isDiscovery .btn-expand, .wide.minified .selector.isDiscovery .greyed-search-btn { display: none; } .wide .selector fieldset, .wide .selector .greyed-search-btn, .wide .selector #div-acc fieldset { float: left; width: 50%; } .wide .selector #div-combo .display-one fieldset { width: 100%; } .wide .selector ul#combo-type.tabbed.three li, .basic .selector ul#combo-type.tabbed.three li { width: 33.33%; } .wide .selector #combo-type.tabbed li label, .basic .selector #combo-type.tabbed li label { border-left: 1px solid #BBBBBB; } .wide .selector #div-combo .accommodation div.rooms fieldset, .wide .selector #div-acc .accommodation div.rooms fieldset { width: 13%; } .wide .selector .accommodation div.rooms .children { clear: none; float: left; background-color: transparent; border-left: 1px solid #BBBBBB; padding: 0 0 0 15px; } .basic .selector fieldset, .basic .selector #div-combo .combos fieldset, .basic .selector #div-acc fieldset { width: 33.33%; float: left; } #flight-segments-multi { clear: both; } #flight-segments-multi fieldset { width: 33.33%; float: left; } .basic .selector #div-combo .display-one fieldset { width: 75%; } .selector .action { clear: both; text-align: right; } .selector .action .req_text { margin-bottom: 5px; } a.multi-add { text-align: right; } .wide .selector.expand .prod.RT .sel-col-2, .wide .selector.expand .prod.OW .sel-col-2 { float: left; width: 100%; } .wide .selector.expand .prod.RT .sel-col-2 .passengers, .wide .selector.expand .prod.OW .sel-col-2 .passengers { clear: both; } .isDiscovery .selectorbar { display: none; } .isDiscovery .withselectorbar #div-journey-type { top: 0; position: relative; } .wide .selector.isDiscovery.expand .prod.OW .sel-col-2, .wide .selector.isDiscovery.expand .prod.RT .sel-col-2, .wide .selector.isDiscovery.expand .prod.MC .sel-col-2 { height: auto; width: auto; float: unset; } .wide .selector.isDiscovery fieldset.VitalityLocation, .wide .selector.isDiscovery fieldset.VitalityType { width: 50%; } .selector.isDiscovery .req_text, .selector.isDiscovery.expand .req_text { display: block; left: 15px; } } @media (min-width: 768px) and (max-width: 991px) { .sidebar .selector fieldset, .sidebar .selector #flight-segments-multi fieldset, .sidebar .selector #div-combo .combos fieldset, .sidebar .selector #div-acc fieldset { width: 33.33%; float: left; } } @media (min-width: 992px) and (max-width: 1023px) { .sidebar .selector fieldset, .sidebar .selector #div-combo .combos fieldset, .sidebar .selector #div-acc fieldset { width: 25%; float: left; } } @media (min-width: 1024px) and (max-width: 1200px) { .basic #div-journey-type ul li { padding: 8px 20px 8px 25px; } } @media (min-width: 1024px) { .selector.isDiscovery fieldset, .wide .selector #div-acc fieldset, .wide .selector fieldset, .wide .selector .greyed-search-btn { float: left; width: 25%; } .wide .selector #div-combo .display-one fieldset { width: 75%; } .wide .selector.expand .prod.RT .sel-col-1 { float: left; width: 25%; min-height: 230px; } .wide .selector.expand .prod.OW .sel-col-1 { float: left; width: 25%; min-height: 150px; } .wide .selector.expand .prod.MC .sel-col-1 { float: left; width: 25%; min-height: 413px; } .wide .selector.expand .prod.RT .sel-col-1 fieldset, .wide .selector.expand .prod.OW .sel-col-1 fieldset, .wide .selector.expand .prod.MC .sel-col-1 fieldset { width: 100%; } .wide .selector.expand .prod.RT .sel-col-2, .wide .selector.expand .prod.OW .sel-col-2 { float: left; width: 50%; min-height: 230px; } .wide .selector.expand .prod.RT .sel-col-2 fieldset, .wide .selector.expand .prod.OW .sel-col-2 fieldset { width: 50%; } .wide .selector.expand .prod.MC .sel-col-2 { float: left; width: 75%; } .wide .selector.expand .prod.MC .sel-col-2 fieldset { width: 33.33%; } .wide .selector .action { float: right; clear: none; width: 25%; margin-right: 0; padding-right: 15px; } .sidebar #div-journey-type ul { width: 100%; } .sidebar #div-journey-type ul li:after, .sidebar #div-journey-type ul li::after { display: none; } .sidebar #div-journey-type ul li { padding-left: 10px; display: block; float: none; clear: both; width: 100%; position: static; } .sidebar #div-journey-type ul li.selected { position: absolute; top: 0; left: 0; width: 89%; } .sidebar #div-journey-type ul:after, .sidebar #div-journey-type ul::after { display: block; content: "\e259"; width: 20px; height: 20px; border: 1px solid #FFFFFF; font-family: 'Glyphicons Halflings'; border-radius: 100%; line-height: 18px; font-size: 8px; text-align: center; position: absolute; right: 10px; top: 10px; color: #FFFFFF; cursor: pointer; } .sidebar #div-journey-type ul:hover:after, .sidebar #div-journey-type ul:hover::after { content: "\e260"; } .sidebar #div-journey-type ul:hover { z-index: 3; } .sidebar #div-journey-type ul:hover li.selected { position: static; width: 100%; } .sidebar #flight-segments-multi fieldset { width: 100%; float: none; } .wide .selector.isDiscovery.expand .prod.RT .sel-col-2 fieldset, .wide .selector.isDiscovery.expand .prod.OW .sel-col-2 fieldset { width: 25%; } } @media (min-width: 1200px) { .basic .selector #div-acc .accommodation div.rooms fieldset { width: 14%; } .basic .selector .accommodation div.rooms .children { clear: none; float: left; background-color: transparent; border-left: 1px solid #BBBBBB; padding: 0 0 0 15px; } } #VitalityTextPanel #VitalityLoginBanner { display: none; } .single #VitalityTextPanel #VitalityLoginBanner { display: block; } #VitalityLoginBanner { background-color: #FFFFFF; text-align: center; clear: both; } #layout-main-container #VitalityLoginBanner .banner { margin-bottom: 0; } #div-combo #VitalityLoginBanner, #div-hol #VitalityLoginBanner { display: none; } @media (min-width: 1024px) { .sidebar .selector #VitalityLoginBanner .col-sm-5, .sidebar .selector #VitalityLoginBanner .col-sm-7 { width: 100%; } } .DiscoveryTravellers { clear: both; padding-right: 15px; } #VitalityStatus { display: none; background-color: #FFFFFF; padding: 15px 30px; margin-bottom: 20px; margin-right: 20px; } #VitalityStatus div.image { width: 60px; height: 60px; background: url("../Content/black/sel/vitality-status-sprite.gif") no-repeat 0 0; float: left; margin-right: 20px; } #VitalityStatus div.text { float: left; line-height: 16px; } #VitalityStatus .discount { float: left; width: 50%; border-right: 1px solid #EEEEEE; margin-right: 40px; } #VitalityStatus .discount div.image { background-position: 0 0; width: 59px; height: 59px; } #VitalityStatus .discount span { color: #00B8E5; font-size: 18px; display: block; } #VitalityStatus .discount span b { font-size: 30px; line-height: 30px; font-weight: normal; } #VitalityStatus .card div.image { background-position: -8px -62px; width: 43px; height: 44px; margin-top: 5px; } #VitalityStatus .card div.text { margin-top: 8px; } #VitalityStatus .card b { color: #662C91; } @media (max-width:1024px) { #VitalityStatus .discount, #VitalityStatus .card { width: auto; } } /* Vitality logged in ------------------------------------------------------------- */ .vitality-text { min-height: 150px; } .vitality-text p { margin-left: 0; } .vitality-text a.content-btn-small { display: block; } #vit-Min-Date { margin-right: 20px; margin-bottom: 15px; } /* List Discovery Members */ .DiscoveryMembers { border-top: 1px solid #DDDDDD; border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; margin-bottom: 10px; } .DiscoveryMembers .profile { background-color: #FFFFFF; } .DiscoveryMembers .profile .name { cursor: pointer; padding: 20px 20px; color: #666666; margin-bottom: 0; clear: both; border-bottom: 1px solid #DDDDDD; display: block; font-weight: normal; } .DiscoveryMembers .profile .name span { float: left; line-height: 20px; display: block; padding-right: 20px; } .DiscoveryMembers .profile .name input[type="checkbox"], .DiscoveryMembers .profile .name input[type="radio"] { width: 20px; height: 20px; font-size: 18px; margin: 0 20px 0 0; float: left; } .DiscoveryMembers .profile .name .detail { color: #00BCE4; width: 50%; } .DiscoveryMembers .profile .name .group, .DiscoveryMembers .profile .name .gender { width: 10%; } .DiscoveryMembers .profile .name .dob { width: 24%; } .DiscoveryMembers .profile .name.disabled { background-color: #E5E5E5; cursor: not-allowed; } .DiscoveryMembers .profile .name.disabled span, .DiscoveryMembers .profile .name.disabled .detail { color: #AAAAAA; } .DiscoveryMembers .profile .benefits { padding: 20px 20px 30px 20px; display: none; clear: both; border-bottom: 1px solid #DDDDDD; background-color: #F5F5F5; } .DiscoveryMembers .profile .benefits h4 { margin: 0 0 5px 0; font-size: 14px; } .DiscoveryMembers .profile .benefits label { line-height: 18px; padding: 12px 0; } .DiscoveryMembers .profile .benefits label .percentage { display: block; } .DiscoveryMembers .profile .benefits input[type="radio"], .DiscoveryMembers .profile .benefits input[type="checkbox"] { margin: 3px 10px 0 0; vertical-align: top; } .DiscoveryMembers .profile .benefit .usage { text-align: center; width: 100%; padding: 5px 0; border-radius: 0 0 4px 4px; border: 1px solid #BBBBBB; background-color: #EEEEEE; border-top: 0; } .DiscoveryMembers .profile .benefit .allocation ul { margin: 0; padding: 0; } .DiscoveryMembers .profile .benefit .allocation ul li { width: 100%; text-align: center; list-style: none; float: left; } .DiscoveryMembers .profile .benefit .allocation ul.two li { width: 50%; } .DiscoveryMembers .profile .benefit { float: left; } .DiscoveryMembers .profile .benefit .usage-warning { position: relative; } .DiscoveryMembers .profile .benefit .usage-warning .info-tooltip { position: absolute; left: 0; right: 0; text-align: center; top: 6px; font-size: 10px; font-weight: bold; } .DiscoveryMembers .profile .benefit.vitality, .DiscoveryMembers .profile .benefit.bank { width: 45%; padding-right: 20px; position: relative; } .DiscoveryMembers .profile .benefit.total { width: 10%; border: 1px solid #BBBBBB; height: 90px; border-radius: 4px; text-align: center; background-color: #EEEEEE; } .DiscoveryMembers .profile .benefit.total .head { font-weight: bold; font-size: 14px; padding: 22px 0 0 0; line-height: 18px; } .DiscoveryMembers .profile .benefit.total .saving { font-size: 20px; } .DiscoveryMembers .profile.active .name { border-bottom: 0; font-weight: bold; } .DiscoveryMembers .profile.active .benefits { display: block; } .DiscoveryMembers .profile.active .benefits .displaynone { display: none; } .DiscoveryMembers .not-available { display: none; box-shadow: 0 1px 7px 0 hsla(0,0%,63%,.75); background-color: #cdecfa; color: #206080; font-weight: bold; position: absolute; padding: 13px; top: 15px; left: 15px; right: 35px; bottom: 15px; z-index: 1; text-align: center; } .DiscoveryMembers .benefit.bank.disabled ul { opacity: 0.2; } .DiscoveryMembers .benefit.nousage ul label, .DiscoveryMembers .benefit ul li.nousage label { color: #BBBBBB; background-color: #EEEEEE; margin-left: 0; border-left: 0; border-right: 1px solid #EEEEEE; cursor: not-allowed; } .DiscoveryMembers .disabled .not-available { display: block; } @media (max-width:991px) { .DiscoveryMembers .profile .name { padding: 10px; } .DiscoveryMembers .profile .name input[type="checkbox"], .DiscoveryMembers .profile .name input[type="radio"] { margin: 0 10px 0 0; } .DiscoveryMembers .profile .name .detail { width: 81%; padding-right: 0; } .DiscoveryMembers .profile .name .group, .DiscoveryMembers .profile .name .gender, .DiscoveryMembers .profile .name .dob { width: 100%; } .DiscoveryMembers .profile .name .group, .DiscoveryMembers .profile .name .gender, .DiscoveryMembers .profile .name .dob, .DiscoveryMembers .profile .name .message { margin-left: 30px; clear: both; } .DiscoveryMembers .profile .benefits { padding: 10px; } .DiscoveryMembers .profile .benefit.vitality, .DiscoveryMembers .profile .benefit.bank, .DiscoveryMembers .profile .benefit.base, .DiscoveryMembers .profile .benefit.super { width: 100%; float: none; } .DiscoveryMembers .profile .benefit.bank { padding-right: 0px; } .DiscoveryMembers .profile .benefit.vitality, .DiscoveryMembers .profile .benefit.bank { margin-bottom: 10px; } .DiscoveryMembers .profile .benefit.vitality, .DiscoveryMembers .profile .benefit.base, .DiscoveryMembers .profile .benefit.super { padding-right: 0; } .DiscoveryMembers .profile .benefit.total { width: 100%; float: none; height: auto; padding: 5px; } .DiscoveryMembers .profile .benefit.total .head { padding: 0; } .DiscoveryMembers .not-available { right: 10px; left: 10px; bottom: 10px; top: 10px; } .DiscoveryMembers .profile .benefit .usage-warning { margin: 5px; } .DiscoveryMembers .profile .benefit .usage-warning .info-tooltip { display: block; margin: 0 auto; position: static; } } @media (min-width:768px) { #VitalityInternationalSelector #flight-segments-first fieldset, #VitalityInternationalSelector #flight-segments-first-2 fieldset, #VitalityInternationalSelector #FrequentFlyer fieldset { width: 33.33%; } #VitalityInternationalSelector #flight-segments-second { width: 66.66%; float: left; } #VitalityInternationalSelector #flight-segments-second fieldset { width: 50%; } } /* Vitality International Flight selector */ #VitalityInternationalSelector .flight-segments-multi { clear: both; } #VitalityInternationalSelector .flight-segments-multi .stops { background-color: #EEEEEE; margin: 0 20px 10px 0; padding: 15px 15px 0 15px; } #VitalityInternationalSelector .flight-segments-multi .stops .sector { float: left; width: 15%; } #VitalityInternationalSelector .flight-segments-multi .stops h5 { margin: 15px 0; line-height: 30px; } #VitalityInternationalSelector .flight-segments-multi .stops h5.depart:before, #VitalityInternationalSelector .flight-segments-multi .stops h5.depart::before, #VitalityInternationalSelector .flight-segments-multi .stops h5.return:before, #VitalityInternationalSelector .flight-segments-multi .stops h5.return::before { content: ''; display: block; margin-right: 10px; background-image: url("../Content/black/icons/flight-icons-sprite.png"); background-repeat: no-repeat; width: 30px; height: 30px; float: left; } #VitalityInternationalSelector .flight-segments-multi .stops h5.depart:before, #VitalityInternationalSelector .flight-segments-multi .stops h5.depart::before { background-position-x: -38px; background-position-y: -38px; } #VitalityInternationalSelector .flight-segments-multi .stops h5.return:before, #VitalityInternationalSelector .flight-segments-multi .stops h5.return::before { background-position-x: -75px; background-position-y: -38px; } #VitalityInternationalSelector .flight-segments-multi .stops::after { clear: both; display: block; content: ''; } #VitalityInternationalSelector .flight-segments-multi .stops .summary, #VitalityInternationalSelector .flight-segments-multi .stops .detail { width: 85%; float: left; } #VitalityInternationalSelector .flight-segments-multi .stops .summary:after, #VitalityInternationalSelector .flight-segments-multi .stops .summary::after, #VitalityInternationalSelector .flight-segments-multi .stops .detail:after, #VitalityInternationalSelector .flight-segments-multi .stops .detail::after { clear: both; content: ''; display: block; } #VitalityInternationalSelector .flight-segments-multi select[disabled], #VitalityInternationalSelector .flight-segments-multi input[type="text"] { background-color: #CCCCCC; color: #666666; } #VitalityInternationalSelector .flight-segments-multi input.hasDatepicker { background-color: #ffffff; } #VitalityInternationalSelector .flight-segments-multi .subaction a.add:before, #VitalityInternationalSelector .flight-segments-multi .subaction a.add::before, #VitalityInternationalSelector .flight-segments-multi .subaction a.remove:before, #VitalityInternationalSelector .flight-segments-multi .subaction a.remove::before { font-family: 'Glyphicons Halflings'; margin-right: 5px; font-size: 12px; } #VitalityInternationalSelector .flight-segments-multi .subaction a.add:before, #VitalityInternationalSelector .flight-segments-multi .subaction a.add::before { content: "\002B"; } #VitalityInternationalSelector .flight-segments-multi .subaction a.remove:before, #VitalityInternationalSelector .flight-segments-multi .subaction a.remove::before { content: "\e014"; } #VitalityInternationalSelector .selector.isDiscovery .flight-segments-multi .subaction { margin-bottom: 15px; } #VitalityInternationalSelector .selector.isDiscovery .flight-segments-multi fieldset { width: 33.3%; } @media (max-width:1024px) { #VitalityInternationalSelector .flight-segments-multi .stops { margin-right: 15px; } } @media (max-width:991px) { #VitalityInternationalSelector .flight-segments-multi .stops .sector, #VitalityInternationalSelector .flight-segments-multi .stops .summary, #VitalityInternationalSelector .flight-segments-multi .stops .detail { width: 100%; } #VitalityInternationalSelector .flight-segments-multi .stops h5 { margin: 0 0 10px; } } @media (max-width:768px) { #VitalityInternationalSelector .selector.isDiscovery .flight-segments-multi fieldset { width: 100%; } } @media (max-width:640px) { #VitalityInternationalSelector .flight-segments-multi .stops { padding-right: 0; } } /* Modify Selector - old id:vitalitypageselector ------------------------------------------------------------- */ #ModifySelector { background-color: #F5F5F5; padding-bottom: 30px; } #ModifySelector .selector { background-color: #F5F5F5; border-top: 0; border-bottom: 0; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; border-top: 1px solid #BBBBBB; } #ModifySelector .selector h2 { color: #666666; font-family: FlamaSemibold,sans-serif; } #ModifySelector .selector h3 { color: #666666; } #ModifySelector .selector .tabbed .selected label { color: #FFFFFF; } #ModifySelector #btn-flight-cancel { float: left; display: block; margin-left: 0; } #ModifySelector .selector.isDiscovery #flight-segments-second { float: none; width: auto; } #ModifySelector .VitalityLocation { display: none; } /* Modify Selector - non-vitality selection */ #ModifySelector .options label { color: #666666; } #ModifySelector .selector .action { width: 100%; float: none; } /* Fares Selector ------------------------------------------------------------- */ .quickselector { min-height: 320px; } .FaresSelector.selector { z-index: 999; position: absolute; padding: 10px; border-top: 0; } .FaresSelector.selector h2 { margin-right: 20px; padding-left: 0; font-size: 16px; margin-bottom: 10px; font-weight: bold; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .FaresSelector.selector fieldset { width: 50%; } .FaresSelector.selector fieldset > div { margin-bottom: 0; } .FaresSelector.selector label { margin-bottom: 2px; } .FaresSelector.selector div.field { margin-bottom: 10px; } .FaresSelector.selector .tabbed { float: none; } .FaresSelector.selector .action { padding: 0 20px 0 0; margin: 0 0 12px 0; border-top: 0; width: 50%; line-height: 38px; clear: none; float: left; } .FaresSelector.selector ul.tabbed li label, .FaresSelector.selector ul.tabbed li a { height: 36px; line-height: 36px; font-size: 13px; margin-bottom: 0; } .FaresSelector.selector ul.question li { width: 50%; } .FaresSelector.selector ul.question li#lifares-option-vitality label { padding: 5px 10px; } .FaresSelector.selector ul.question li span.opt-discovery { width: 52px; height: 27px; background-position: -188px -12px; } .FaresSelector.selector ul.question li#lifares-option-vitality.selected span.opt-discovery { background-position: -188px -63px; } .FaresSelector.selector ul.question li#lifares-option-no label { padding: 4px 10px; } .FaresSelector.selector select { height: 36px; line-height: 24px; padding: 6px 30px 6px 12px; background: url("../Content/black/sel/selector-sprite-4.svg") no-repeat scroll right -182px #FFFFFF; padding: \0 6px 12px; } .FaresSelector.selector .content-btn-small, .FaresSelector.selector .content-btn-tertiary-small { font-size: 13px; } .FaresSelector.selector .FaresSelectorFlightPanel .content-btn-small, .FaresSelector.selector .FaresSelectorFlightPanel .content-btn-tertiary-small { margin-left: 10px; margin-top: 5px; } .FaresSelector.selector .FaresSelectorLoginPanel { padding-bottom: 20px; clear: both; } .FaresSelector.selector .FaresSelectorLoginPanel fieldset, .FaresSelector.selector .FaresSelectorLoginPanel .action { width: auto; } .FaresSelector.selector .FaresSelectorLoginPanel .action { clear: both; text-align: left; } .FaresSelector.selector .FaresSelectorLoginPanel .action .content-btn-small { margin-left: 0; } @media only screen and (max-width: 1024px) { .FaresSelector.selector .action { padding: 0 15px 0 0; margin: 0 0 15px 0; } } /* Listed Fares and Banner Fares Selector ------------------------------------------------------------- */ .col-sm-12 .quickselector { min-height: auto; } .col-sm-4 .quickselector { } .col-sm-6 .FaresSelector.selector fieldset, .col-sm-6 .FaresSelector.selector .action, .col-sm-4 .FaresSelector.selector fieldset, .col-sm-4 .FaresSelector.selector .action, .col-sm-5 .FaresSelector.selector fieldset, .col-sm-5 .FaresSelector.selector .action { width: 100%; } .col-sm-6 .FaresSelector.selector .FaresSelectorFlightPanel .action { padding-top: 0; } @media (max-width: 530px) { .FaresSelector.selector fieldset, .FaresSelector.selector .action { width: 100%; } .FaresSelector.selector .FaresSelectorFlightPanel .action { padding-top: 0; } } @media only screen and (min-width: 516px) and (max-width: 670px) { .col-sm-6 .FaresSelector.selector fieldset, .col-sm-6 .FaresSelector.selector .action { width: 50%; } .col-sm-6 .FaresSelector.selector .FaresSelectorFlightPanel .action { clear: none; float: left; padding-top: 18px; } } /* Featured Banner Fares Selector ------------------------------------------------------------- */ .FeaturedBanner .FaresSelector.selector { right: 15px; } .FeaturedBanner .FaresSelector.selector fieldset, .FeaturedBanner .FaresSelector.selector .action { width: 100%; } @media only screen and (min-width: 601px) and (max-width: 992px) { .FeaturedBanner .FaresSelector.selector .FaresSelectorLoginPanel .action { padding-top: 0; clear: both; } } @media (min-width: 993px) { @media (max-height: 620px) { .FeaturedBanner .FaresSelector.selector fieldset, .FeaturedBanner .FaresSelector.selector .action { width: 50%; } .FeaturedBanner .FaresSelector.selector .FaresSelectorFlightPanel .action { padding-top: 18px; } } } @media only screen and (min-width: 516px) and (max-width: 992px) { .FeaturedBanner .FaresSelector.selector fieldset, .FeaturedBanner .FaresSelector.selector .action { width: 50%; } .FeaturedBanner .FaresSelector.selector .FaresSelectorFlightPanel .action { padding-top: 18px; } } @media only screen and (max-width: 515px) { .FeaturedBanner .FaresSelector.selector fieldset > div.field { margin-bottom: 10px; } .FeaturedBanner .FaresSelector.selector .action { padding-top: 0; margin-bottom: 10px; padding-right: 15px; } } /* FLIGHT SCHEDULE ***************************************************************/ /* Sidebar - flight schedule search ------------------------------------------------------------- */ #flight-schedule.selector { padding: 15px 0 15px 15px; } #flight-schedule.selector .one-way-sel input { margin-top: 5px; } #flight-schedule.selector .one-way-sel label { display: inline; vertical-align: top; line-height: 20px; } .widget-after-content #flight-schedule.selector .one-way-sel { margin-top: 20px; } /* Timetable - flight schedule ------------------------------------------------------------- */ .flight-schedule div.clm.fl-no { width: 30.6%; } .flight-schedule div.clm.fl-times { width: 10.7%; } .flight-schedule div.clm.fl-date { width: 8%; } div.def-table.borders.flight-schedule div.cnt, div.def-table.borders.flight-schedule div.cnt1, div.def-table.borders.flight-schedule div.clm .cnt1 .vert-mid { line-height: 26px; } div.def-table.borders.flight-schedule div.clm .cnt1 .vert-mid .carrier { width: 100%; max-width: 95px; } div.def-table.flight-schedule div.clm > div.hide-mobi, div.def-table.flight-schedule div.clm.hide-mobi { display: table; } div.def-table.flight-schedule div.clm > div.hide-desk, div.def-table.flight-schedule div.clm.hide-desk { display: none; } .flight-schedule .carrier { margin-right: 20px; } .flight-schedule .fl-sch-img { margin: 0px; height: 21px; width: 20px; background-image: url('../Content/black/icons/flight-schedule/fl-sched-black.png'); background-position: 0 0; background-repeat: no-repeat; display: inline-block; vertical-align: middle; } .flight-schedule .fl-sch-img.fl-sch-MNc { background-position: 0 0px; } .flight-schedule .fl-sch-img.fl-sch-MN { background-position: -21px 0; } .flight-schedule .fl-sch-img.fl-sch-BA { background-position: -42px 0; } .flight-schedule .fl-sch-img.empty { background-image: none; } @media only screen and (min-width: 521px) { div.def-table.clms-box.flight-schedule div.clm > div.rowspan-2 { height: 48px; line-height: 40px; } } @media only screen and (max-width: 600px) { div.def-table.flight-schedule div.clm > div.hide-mobi, div.def-table.flight-schedule div.clm.hide-mobi { display: none; } div.def-table.flight-schedule div.clm > div.hide-desk, div.def-table.flight-schedule div.clm.hide-desk { display: table; } .flight-schedule div.clm.fl-no { width: 40%; } .flight-schedule div.clm.fl-times, .flight-schedule div.clm.fl-date { width: 20%; } } @media only screen and (max-width: 450px) { .flight-schedule .carrier { display: block; margin: 0 auto; } div.def-table.borders.flight-schedule div.cnt { height: 65px; line-height: 56px; } div.def-table.borders.flight-schedule div.cnt1 { height: 65px; line-height: 56px; } div.def-table.borders.flight-schedule div.cnt1 .vert-mid { display: table-cell; } } /* FLIGHT STATUS ***************************************************************/ /* header begin ------------------------------------------------------------- */ #flight-status { margin-bottom: 20px; } #todayTomorrow { height: 60px; background-color: #FFFFFF; border: 1px solid #BBBBBB; border-radius: 4px; } #todayTomorrow div { width: 50%; float: left; line-height: 58px; text-align: center; font-size: 16px; } #today { display: block; float: left; color: #8CC63F; cursor: pointer; } #tomorrow { display: block; color: #8CC63F; cursor: pointer; } #flight-status.selector { padding: 15px 0 15px 15px; } #flight-status.selector fieldset { width: 50%; } @media (min-width: 993px) { #flight-status.selector fieldset { width: 25%; } } #flight-status.selector .message-notification { background-color: #FFFFFF; } @media (max-width:480px) { #flight-status.selector fieldset { width: 100%; } } #divPayLoader { text-align: center; } #divPayLoader span { text-align: center; vertical-align: inherit; float: none; } .page-loading { margin: 0 auto; width: 600px; } .page-loading img { float: left; margin-right: 20px; } .page-loading h1 { line-height: 70px; } @media (max-width:768px) { .page-loading { width: 100%; } } /* flight status table ------------------------------------------------------------- */ .fs-table-header { overflow: hidden; } .fs-table-header.fs-multi-flights { position: relative; -webkit-box-shadow: 0 7px 9px -8px rgba(0, 0, 0, 0.64); -moz-box-shadow: 0 7px 9px -8px rgba(0, 0, 0, 0.64); box-shadow: 0 7px 9px -8px rgba(0, 0, 0, 0.64); } .fs-table-header.fs-multi-flights div.clm > div { margin-bottom: 0; } .fs-table-row { overflow: hidden; } .fs-table-row span.mta { font-size: 11px; } .fs-table-row .strikethrough { position: relative; } .fs-table-row .strikethrough::before { content: ""; width: 100%; background-color: #666666; display: block; height: 2px; position: absolute; top: 7px; left: 0; } .fs-table-row img { max-width: 80px !important; } .fs-table-row .status-icon { width: 10px; height: 10px; display: none; border-radius: 50%; left: 9px; top: 40%; } .fs-table-row .fs-scheduled.mta .status-icon, .fs-table-row .fs-on.time .status-icon { background-color: #8bc63e; display: inline-block; } .fs-table-row .fs-scheduled .status-icon, .fs-table-row .fs-active .status-icon, .fs-table-row .fs-operating .status-icon { background-color: #00bce4; display: inline-block; } .fs-table-row .fs-scheduled.del .status-icon, .fs-table-row .fs-delayed .status-icon { background-color: #EAB543; display: inline-block; } .fs-table-row .fs-operated .status-icon, .fs-table-row .fs-arrived .status-icon { background-image: url("../../../Media/Default/icons/general/tik2.png"); background-repeat: no-repeat; background-position: center; background-size: cover; display: inline-block; } .airline-logo-fs { position: relative; } .airline-logo-fs > .fl-h3 { display: inline-block; } .airline-logo-fs > img { position: absolute; top: 5px; max-height: 17.5px; } .airline-logo-fs > img.BA { top: 3px; } .fs-table-row .fs-nextDay { display: inline-block; position: absolute; font-weight: bold; font-size: 10px; top: 4px; margin-left: 3px; } @media (min-width: 769px) { .clms-box .fs-table-row .col-1-5, .clms-box .fs-table-header .col-1-5 { width: 12.5%; } .flight-status-mobile { display: none !important; } .fs-table-row .vert-mid { line-height: 16px !important; position: relative; } .fs-table-row .status-icon { position: absolute; } } @media (max-width: 768px) { .fs-head { box-shadow: 0 7px 9px -8px rgba(0, 0, 0, 0.64); position: relative; } .fs-table-row .status-icon { margin-right: 5px; margin-bottom: -1px; } .flight-status-web { display: none; } .fs-table-row { margin-bottom: 20px; } .fs-table-row .clm .rowspan-2 { height: 49px; line-height: 40px; } .fs-table-row .clm .rowspan-2 .vert-mid { padding: 0; margin: 0; display: table-cell; position: relative; } .fs-table-row .clm.col-1-5, .fs-table-row .clm.col-2 { width: 50%; } } /* flight status bar ------------------------------------------------------------- */ .flbgrey, .flbgrey-c { color: #999999; border-top: solid 2px; width: 5.8%; margin-top: 13px; float: left; } .flbgreen { color: #A7D59D; border-top: solid 2px; width: 5.8%; margin-top: 13px; float: left; } .flaircaft { min-width: 28px; width: 6%; height: 29px; background-image: url("../Content/black/gen/aicraft.png"); background-position-x: 50%; background-color: transparent; background-repeat: no-repeat; float: left; } #timeLine { margin-top: 10px; text-align: center; padding: 10px 10px 8px 10px; background-color: #f9f9f9; border: 1px solid #D2D2D2; } #operatingInfo { margin-top: 10px; } #respTimeToArrival { font-size: 16px; color: #666666; font-weight: normal; } .respTimeToArrival { font-size: 16px; color: #72CBCB; font-weight: bold; } .timelineappend { min-width: 12px; width: 3%; height: 12px; margin-top: 8px; background-image: url("../Content/black/gen/dot.png"); background-position-x: 50%; background-color: transparent; background-repeat: no-repeat; float: left; } .timelineappendg { min-width: 12px; width: 3%; height: 12px; margin-top: 8px; background-image: url("../Content/black/gen/dotgrey.png"); background-position-x: 50%; background-color: transparent; background-repeat: no-repeat; float: left; } .DepartureAirportCode, .ArrivalAirportCode { color: #999999; font-size: 18px; float: left; min-width: 14%; } #flight-progressBar { height: 60px; } .fl-bar-grey-c { color: #999999; border-top: solid 2px; width: 27.8%; margin-top: 13px; float: left; } .fl-bar-green { color: #A7D59D; border-top: solid 2px; width: 27.8%; margin-top: 13px; float: left; } .progress-bar-text { display: block; margin: 30px -40px; text-align: center; } #flightresponse img { width: 100%; max-width: 100px; } /* FlightFares ***************************************************************/ .FlightFares { } .FlightFares h2 { font-size: 10px; margin: 0; padding: 0 0 5px 0; color: #666666; font-weight: normal; border-bottom: 1px solid #E0E0E0; } .FlightFares h2.champ { float: left; width: 50%; } .FlightFares h2 a { font-size: 16px; line-height: 28px; } .FlightFares .fare { float: left; width: 50%; margin: 10px 0 0; border-bottom: 1px solid #E0E0E0; padding: 0 5px 10px 0; } .FlightFares .fare .route, .FlightFares .fare b { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: bold; } .FlightFares span.price { font-size: 24px; font-weight: bold; color: #666666; } .FlightFares .more { text-align: left; padding-top: 10px; clear: none; float: left; width: 50%; } .FlightFares .image { display: block; height: 289px } .FlightFares .space.clm { float: left; width: 50%; } .FlightFares .route { } .FlightFares .route .from { display: none; } .FlightFares .oneway { display: none; } .FlightFares .logo { display: none; } .FlightFares .icon { display: none; } .FlightFares .routes:after, .FlightFares .routes::after { content: ''; display: block; clear: both; } .FlightFares a.FaresSelectorLinks { color: #00bce4; } .FlightFares a.FaresSelectorLinks:hover, .FlightFares a.FaresSelectorLinks:focus { text-decoration: none; color: #00A7CA; } .FlightFares span.FaresSelectorPrice { display: none; } .FlightFares a span.price { color: inherit; } .FlightFares.withLogo .logo { display: block; } .FlightFares.withIcon .icon { display: block; float: left; height: 50px; line-height: 50px; margin-right: 10px; } /* Specific to destination fares - destination pages*/ .FlightFares.FaresFrom .container, .FlightFares.DestFares .container { background-color: #F9F9F9; padding: 20px; margin-top: 20px; } .FlightFares.FaresFrom h2, .FlightFares.DestFares h2 { border-bottom: 0px; font-weight: bold; } .FlightFares.FaresFrom .fare .from, .FlightFares.FaresFrom .fare .route .to { display: none; } .FlightFares.FaresFrom .fare .route .from { display: inline; font-weight: normal; } .FlightFares.FaresFrom .oneway, .FlightFares.DestFares .oneway { display: block; font-size: 11px; } .FlightFares.FaresFrom.withIcon .icon, .FlightFares.DestFares.withIcon .icon { margin-bottom: 20px; } .FlightFares.FaresFrom .routes, .FlightFares.DestFares .routes { padding: 5px 0; border-top: 1px solid #E0E0E0; border-bottom: 1px solid #E0E0E0; overflow: hidden; } .FlightFares.FaresFrom .routes .fare, .FlightFares.DestFares .routes .fare { border-bottom: 0; border-right: 1px solid #E0E0E0; margin: 10px 15px 10px 0; padding: 0 15px 0 0; } .col-sm-12 .FlightFares.FaresFrom .fare, .col-sm-12 .FlightFares.DestFares .fare { width: 18%; } .col-sm-8 .FlightFares.FaresFrom .fare, .col-sm-8 .FlightFares.DestFares .fare { width: 22%; } .col-sm-12 .FlightFares.FaresFrom .routes .fare:nth-child(5n), .col-sm-12 .FlightFares.DestFares .routes .fare:nth-child(5n) { border-right: 0; margin-right: 0; padding-right: 0; } /* Center Flight Fares */ .FlightFares.FaresFrom.center h2, .FlightFares.DestFares.center h2 { text-align: center; } .FlightFares.FaresFrom.center .routes, .FlightFares.DestFares.center .routes { text-align: center; } .FlightFares.FaresFrom.center .fare, .FlightFares.DestFares.center .fare { float: none; display: inline-block; text-align: left; border: 0; margin-right: 0; padding-right: 0; } .FlightFares.FaresFrom.center .more, .FlightFares.DestFares.center .more { float: none; text-align: center; width: auto; } /* Discovery */ .isDiscovery .FlightFares a span.price { display: none; } .isDiscovery .FlightFares span.FaresSelectorPrice { display: inline; } /* flight fares management */ .col-sm-6.FlightFares { width: 50%; float: left; margin-bottom: 20px; } .col-sm-6 .col-sm-6.FlightFares { float: left; width: 50%; margin-bottom: 0; } .col-sm-6 .col-sm-6.FlightFares h2.champ, .col-sm-6 .col-sm-6.FlightFares .fare, .col-sm-6 .col-sm-6.FlightFares .more { width: 100%; } .col-sm-6.FlightFares .row { padding: 0 15px; } .col-sm-6.FlightFares .row .FlightFares { padding: 0; } @media only screen and (max-width: 1199px) { .col-sm-12 .FlightFares.FaresFrom .fare, .col-sm-12 .FlightFares.DestFares .fare { width: 22%; } .col-sm-12 .FlightFares.FaresFrom .routes .fare:nth-child(5n), .col-sm-12 .FlightFares.DestFares .routes .fare:nth-child(5n) { border-right: 1px solid #E0E0E0; margin-right: 15px; padding-right: 15px; } .col-sm-12 .FlightFares.FaresFrom.center .routes .fare:nth-child(5n), .col-sm-12 .FlightFares.DestFares.center .routes .fare:nth-child(5n), .col-sm-12 .FlightFares.FaresFrom .routes .fare:nth-child(4n), .col-sm-12 .FlightFares.DestFares .routes .fare:nth-child(4n) { border-right: 0; margin-right: 0; padding-right: 0; } } @media only screen and (max-width: 991px) { .col-sm-12 .FlightFares.FaresFrom .fare, .col-sm-12 .FlightFares.DestFares .fare { width: 30%; } .col-sm-12 .FlightFares.FaresFrom .routes .fare:nth-child(4n), .col-sm-12 .FlightFares.DestFares .routes .fare:nth-child(4n) { border-right: 1px solid #E0E0E0; margin-right: 15px; padding-right: 15px; } .col-sm-12 .FlightFares.FaresFrom.center .routes .fare:nth-child(4n), .col-sm-12 .FlightFares.DestFares.center .routes .fare:nth-child(4n), .col-sm-12 .FlightFares.FaresFrom .routes .fare:nth-child(3n), .col-sm-12 .FlightFares.FaresFrom .routes .fare:nth-child(3n), .col-sm-12 .FlightFares.FaresFrom .routes .fare:nth-child(6n), .col-sm-12 .FlightFares.FaresFrom .routes .fare:nth-child(6n), .col-sm-12 .FlightFares.DestFares .routes .fare:nth-child(3n), .col-sm-12 .FlightFares.DestFares .routes .fare:nth-child(3n), .col-sm-12 .FlightFares.DestFares .routes .fare:nth-child(6n), .col-sm-12 .FlightFares.DestFares .routes .fare:nth-child(6n) { border-right: 0; margin-right: 0; padding-right: 0; } } @media only screen and (max-width: 720px) { .col-sm-12 .FlightFares.FaresFrom .fare, .col-sm-12 .FlightFares.DestFares .fare { width: 47%; } .col-sm-12 .FlightFares.FaresFrom .routes .fare:nth-child(3n), .col-sm-12 .FlightFares.DestFares .routes .fare:nth-child(3n) { border-right: 1px solid #E0E0E0; margin-right: 15px; padding-right: 15px; } .col-sm-12 .FlightFares.FaresFrom.center .routes .fare:nth-child(3n), .col-sm-12 .FlightFares.DestFares.center .routes .fare:nth-child(3n), .col-sm-12 .FlightFares.FaresFrom .routes .fare:nth-child(2n), .col-sm-12 .FlightFares.FaresFrom .routes .fare:nth-child(2n), .col-sm-12 .FlightFares.FaresFrom .routes .fare:nth-child(4n), .col-sm-12 .FlightFares.FaresFrom .routes .fare:nth-child(4n), .col-sm-12 .FlightFares.DestFares .routes .fare:nth-child(2n), .col-sm-12 .FlightFares.DestFares .routes .fare:nth-child(2n), .col-sm-12 .FlightFares.DestFares .routes .fare:nth-child(4n), .col-sm-12 .FlightFares.DestFares .routes .fare:nth-child(4n) { border-right: 0; margin-right: 0; padding-right: 0; } } @media only screen and (max-width: 670px) { .FlightFares .clm { width: 100%; } .FlightFares h2, .FlightFares .fare, .FlightFares .more { padding-left: 13%; } /* flight fares management */ .col-sm-6.FlightFares { width: 100%; } .col-sm-6 .col-sm-6.FlightFares h2, .col-sm-6 .col-sm-6.FlightFares .fare, .col-sm-6 .col-sm-6.FlightFares .more { padding-left: 28%; } .FlightFares.FlightFares h2, .FlightFares.FlightFares .fare, .FlightFares.FlightFares .more { padding-left: 0; } } @media only screen and (max-width: 520px) { .FlightFares h2, .FlightFares .fare, .FlightFares .more { padding-left: 9%; } .col-sm-6 .col-sm-6.FlightFares h2, .col-sm-6 .col-sm-6.FlightFares .fare, .col-sm-6 .col-sm-6.FlightFares .more { padding-left: 19%; } .col-sm-12 .FlightFares.FaresFrom.center .routes .fare, .col-sm-12 .FlightFares.DestFares.center .routes .fare: { padding-right: 15px; } .FlightFares.FaresFrom.withIcon .icon, .FlightFares.DestFares.withIcon .icon { display: none; } .FlightFares.FaresFrom.withIcon .logo, .FlightFares.DestFares.withIcon .logo { display: block; } } @media only screen and (max-width: 440px) { .FlightFares.selector h2 { font-size: 14px; } .FlightFares h2, .FlightFares .fare, .FlightFares .more { padding-left: 5%; } .col-sm-6 .col-sm-6.FlightFares h2, .col-sm-6 .col-sm-6.FlightFares .fare, .col-sm-6 .col-sm-6.FlightFares .more { padding-left: 11%; } .FlightFares.FaresFrom.center .container, .FlightFares.DestFares.center .container { padding: 15px; } } @media only screen and (max-width: 380px) { .FlightFares.DestFares .container { padding: 10px; } } @media only screen and (max-width: 360px) { .FlightFares h2, .FlightFares .fare, .FlightFares .more { padding-left: 0%; } .col-sm-6 .col-sm-6.FlightFares h2, .col-sm-6 .col-sm-6.FlightFares .fare, .col-sm-6 .col-sm-6.FlightFares .more { padding-left: 0%; } .FlightFares span.price { font-size: 18px; } } /* Latest Fares ***************************************************************/ #latest-fares .farefrom span.price { font-size: 24px; font-weight: bold; color: #666666; } #latest-fares .overflow { white-space: nowrap; } #latest-fares div.def-table div.clm > div.hd4 { text-align: center; } #latest-fares div.def-table div.clm > div.fare { height: 33px; } #latest-fares div.def-table div.clm > div.farefrom { height: 33px; } #latest-fares div.def-table div.clm > div { text-align: left; } #latest-fares .banner-book:before { display: inline-block; content: ''; overflow: hidden; width: 110%; height: 0; border-top: 94px solid #F3F3F3; border-left: 45px solid transparent; position: absolute; right: 0px; z-index: -1; } #latest-fares .banner-book { position: absolute; z-index: 2; right: 15px; width: 45%; } #latest-fares .disc-login { width: 60%; } #latest-fares .book-now { width: 40%; } #latest-fares .disc-login .disc-text { padding: 0px 30% 8px 10px; } #latest-fares .disc-btn { padding: 0 8%; } #latest-fares .book-btn { padding: 10px 20%; } #latest-fares .half.clm.text-right { margin-bottom: 10px; margin-top: 20px; } #latest-fares .bar-top, #latest-fares .disc-text { background-color: #d2d2d2; } #latest-fares .disc-text { font-size: 10px; color: #666666; font-weight: bold; } #latest-fares .routes:after, #latest-fares .routes::after { clear: both; display: block; content: ''; } #latest-fares .col-sm-12.FlightFares.quickselector .routes .fare { padding: 2px 5px 5px; margin: 0; } #latest-fares .col-sm-6.FlightFares.quickselector .routes .fare { padding: 2px 5px 5px; margin: 0; width: 100%; } #latest-fares .routes .fare .route { display: inline-block; vertical-align: text-top; margin-right: 5px; } #latest-fares .col-sm-12.FlightFares.quickselector .routes .fare .route { width: 48%; } #latest-fares .col-sm-6.FlightFares.quickselector .routes .fare .route { width: 50%; } #latest-fares a span.price { color: inherit; } @media only screen and (max-width: 590px) { #latest-fares .routes .fare { width: 100%; } } @media only screen and (min-width: 768px) { #latest-fares .row.hide-desk { display: none; } } @media only screen and (max-width: 768px) { #latest-fares div.def-table div.clm > div.fare { padding-left: 10%; } #latest-fares .from-price { padding-left: 12%; } #latest-fares .disc-login { width: 100%; text-align: center; } #latest-fares .book-now { width: 100%; } #latest-fares .disc-login .disc-text { padding: 0px 10px 8px 10px; } #latest-fares .banner-book { position: initial; width: 100%; background-color: #F3F3F3; text-align: center; } #latest-fares .banner-book:before { display: none; } #latest-fares .book-btn { padding: 15px 15px 25px; } } @media only screen and (max-width: 440px) { #latest-fares a.content-btn-small { /* display:block; */ } #latest-fares div.def-table div.clm > div.hd4.rowspan-2 { line-height: 40px; height: 48px; } #latest-fares div.def-table div.clm > div.fare { padding-left: 10%; } #latest-fares .from-price { padding-left: 5%; } #latest-fares .disc-btn { padding: 15px 15px; } #latest-fares .book-btn { padding: 15px 15px; } } @media only screen and (max-width: 520px) { #latest-fares .half.clm.text-right { margin-bottom: 10px; margin-top: 10px; } #latest-fares .clm.col-6 > .clms-box > .clm.half { width: 50%; } #latest-fares .clm.forth { width: 50%; } #latest-fares .clm.col-6 > .clms-box { margin-left: -5px; } #latest-fares div.def-table div.clm > div.fare { padding-left: 0%; } #latest-fares .from-price { padding-left: 4%; } } .LowestFares h2 { margin-top: 0; font-size: 20px; } .LowestFares .FlightFares .routes { float: left; width: 50%; padding-left: 5px; } .LowestFares .FlightFares .fare { width: 100%; border-bottom: 0; margin: 5px 0 0 0; } @media only screen and (max-width: 450px) { .LowestFares h2 { text-align: center; } .LowestFares .FlightFares .routes { padding-left: 0; } .LowestFares .FlightFares.withIcon .icon { display: none; } .LowestFares .FlightFares.withIcon .logo { display: block; } } /* FLEXSLIDER ***************************************************************/ /* Browser Resets ------------------------------------------------------------- */ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none; } .slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; } /* FlexSlider Necessary Styles */ .flexslider { margin: 0; padding: 0; } .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; height: 219px; } /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img { max-width: 100%; display: block; height: 219px; } .flex-pauseplay span { text-transform: capitalize; } /* Clearfix for the .slides element */ .slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .slides { display: block; } * html .slides { height: 1%; } /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child { display: block; } /* FlexSlider Default Theme ------------------------------------------------------------- */ #container { width: 100%; height: 219px; margin: 0 auto; z-index: 0; position: relative; } .flexslider { border: 1px solid #ccc; position: absolute; top: 0; width: 100%; background: url("../Content/black/gen/bg-loading.gif") center no-repeat #F0F0F0; height: 219px; } .flexslider .slides { zoom: 1; } .flexslider .slides > li { position: relative; padding-left: 0px; } .flexslider .slides li a { cursor: pointer; text-decoration: none; } .flex-container { zoom: 1; position: relative; } .flexslider .image { background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; display: block; height: 219px; } /* Caption style */ /* IE rgba() hack */ .flex-caption { background: none; -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1; } .flex-caption { width: 606px; padding: 2%; margin: 0; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 14px; line-height: 18px; } .ban-text { padding: 20px 35px 10px; margin: 0; position: absolute; right: 0; top: 0; height: 193px; color: #666; font-size: 40px; line-height: 40px; font-family: Arial; text-align: right; text-decoration: none; } .ban-text-left { padding: 20px 35px 10px; margin: 0; position: absolute; left: 0; top: 0; height: 193px; color: #666; font-size: 40px; line-height: 40px; font-family: Arial; text-align: left; text-decoration: none; } /* Direction Nav */ .flex-direction-nav { height: 0; display: none; } .flex-direction-nav li a { width: 52px; height: 52px; margin: -13px 0 0; display: block; position: absolute; top: 50%; cursor: pointer; text-indent: -999em; } .flex-direction-nav li .next { background-position: -52px 0; right: -21px; } .flex-direction-nav li .prev { left: -20px; } .flex-direction-nav li .disabled { opacity: .3; filter: alpha(opacity=30); cursor: default; } /* Control Nav */ .flex-control-nav { position: absolute; bottom: 10px; text-align: center; right: 12px; display: flex; } .flex-control-nav li { margin: 0 2px; padding-left: 0px; } .flex-control-nav li a { width: 19px; height: 19px; border-radius: 50%; display: block; background: #00bce4; border: 0.5px solid #666; cursor: pointer; text-indent: -999em; } .flex-control-nav li a:hover { background: #0092b3; } .flex-control-nav li a.active { background: #0092b3; cursor: default; } /* General slider ***************************************************************/ .bx-prev, .bx-next { font-family: 'Glyphicons Halflings'; color: #8BC63E; } .bx-prev:after, .bx-prev::after, .bx-next:after, .bx-next::after { content: ''; display: block; font-size: 26px; text-align: center; text-indent: 0; width: 32px; height: 32px; margin-top: -20px; line-height: 32px; } .bx-prev:after, .bx-prev::after { content: "\e079"; } .bx-next:after, .bx-next::after { content: "\e080"; } .bx-prev { left: -30px; } .bx-next { right: -30px; } .bx-wrapper { position: relative; width: 100% !important; margin: 0 auto; } .bx-wrapper .bx-controls-direction a { text-decoration: none; position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 98; } .bx-wrapper .bx-controls-direction a.disabled { display: none; } @media (max-width: 1200px) { .bx-wrapper { padding: 0 30px; } .bx-prev { left: -5px; } .bx-next { right: -5px; } } @media (max-width: 460px) { .bx-wrapper { width: 100% !important; } } /* Car groups slider */ /*.h_group-heading { }*/ .h_group-sub-heading { background-color: #F5F5F5; font-size: 16px; text-align: center; padding: 10px; font-weight: bold; } #slider1 { height: 178px; margin: 0; /*width: 657px; left: -202px; padding: 0; vertical-align: middle;*/ } #slider1 li { width: 230px; list-style: none outside none; text-align: center; float: left; font-size: 14px; padding: 0; font-weight: bold; } #slider1 img { padding: 0px; width: 100%; max-width: 190px; } #slider1 .text_car_small { font-size: 13px; font-weight: normal; } #ad_space { width: 118px; height: 178px; float: left; background-color: #a7d59d; } #ad_space .ad_block { margin-top: 32px; text-align: center; color: #fff; font-size: 23px; } /* Destination slider */ .ListSiblingsDest { background-color: #EFEFEF; padding: 0 10px; } ul#PreviewSlider { list-style: none; margin: 0; padding: 0; } ul#PreviewSlider li { width: 260px; float: left; padding: 5px; } ul#PreviewSlider li .DestPreview { width: auto; } ul#PreviewSlider .DestPreview { height: 150px; } /* AKITA SPEECH BUBBLE ***************************************************************/ /** * This plugin was developed by Paul Yuan * This plugin create a speech bubble tooltip base on the specified options * This plugin requires jquery.akita.js * This plugin is released under the MIT license and anyone can use and modify without any restriction * http://www.paulyuan.ca */ .akitaSpeechBubble { position: absolute; overflow: visible; top: 0px; left: 0px; z-index: 999999999; -moz-box-shadow: 0px 2px 5px #777777; -webkit-box-shadow: 0px 2px 5px #777777; box-shadow: 0px 2px 5px #777777; } .akitaSpeechBubble .akita_content_container { position: relative; overflow: hidden; z-index: 2; } .akitaSpeechBubble .akita_content_background { position: absolute; overflow: hidden; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 0; } .akitaSpeechBubble .akita_content { position: relative; overflow: hidden; font-size: 11px; line-height: 13px; padding: 10px; } .akitaSpeechBubble .akita_speech_bubble_tip { position: absolute; overflow: hidden; z-index: 1; } /* CONTAINER ***************************************************************/ .selector-container { width: 100%; height: auto; background: #000 none repeat scroll 0 0; color: #ffffff; margin: 0 0 10px 0; display: inline-block; padding: 1px; } .selector-container > fieldset { padding: 0 14px; } /* DYNAMIC - Radio button/ tab effect ***************************************************************/ ul.dynRad { padding: 0; margin: 0; list-style: none; } .dynRadGroup div.item { display: none; } .dynRadGroup div.displaydiv { display: block; } /*Manage booking page ------------------------------------------------------------- */ /* change flight */ #ChangeFlight input[type="checkbox"] { width: 20px; height: 20px; font-size: 18px; margin: 0 10px 70px 0; float: left; font-weight: normal; } @media only screen and (max-width: 766px) { #ChangeFlight .Review { padding: 0; } #ChangeFlight th { padding: 0 0 5px 0; } #ChangeFlight .flight-detail { margin-left: 30px; } #ChangeFlight .Review .departing { padding-right: 0; } } /* change flight */ #ManageBookingSelector { margin-top: 10px; } #ManageBookingSelector ul.tabs .tab.selected { background-color: #F5F5F5; color: #8BC63E; border-bottom: 1px solid #F5F5F5; } #ManageBookingSelector .tab-content { background-color: #F5F5F5; min-height: 300px; color: #666666; } #ManageBookingSelector .dynRad-options > label { color: #666666; margin-top: 15px; font-weight: normal; } #ManageBookingSelector ul.dynRad { border-radius: 4px; width: 99.99%; border: 1px solid #BBBBBB; overflow: hidden; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); background-color: #FFFFFF; } #ManageBookingSelector ul.dynRad::after { clear: both; content: ''; display: block; } #ManageBookingSelector ul.dynRad li { padding: 0; margin: 0; } #ManageBookingSelector ul.dynRad li.type { float: left; width: 50%; } #ManageBookingSelector ul.dynRad li.selected { background-color: #0092B3; } #ManageBookingSelector ul.dynRad input[type="radio"] { -webkit-appearance: none; display: none; margin: 0; padding: 0; } #ManageBookingSelector ul.dynRad label { margin-bottom: 5px; font-weight: normal; cursor: pointer; padding: 7px 0; height: 60px; display: block; color: #00BCE3; margin: 0; border-left: 1px solid #BBBBBB; } #ManageBookingSelector ul.dynRad li.selected label, #ManageBookingSelector h2, #ManageBookingSelector h3 { color: #666666; } #ManageBookingSelector .default { margin-top: 20px; } #ManageBookingSelector ul.dynRad > li:first-child > label { margin-left: -1px; padding-left: 1px; } #ManageBookingSelector ul.dynRad li.type.manageCarrier { width: 33.33%; } #ManageBookingSelector .manageCarrier > label > span, #ManageBookingSelector .manageType > label > span { background: url('../Content/black/sel/selector-sprite-3.png') no-repeat; display: block; margin: 0 auto; } #ManageBookingSelector .manageCarrier.mn > label > span { background-position: -669px 0; width: 115px; height: 19px; margin: 14px auto; } #ManageBookingSelector .manageCarrier.ba > label > span { background-position: -668px -25px; width: 131px; height: 22px; margin: 11px auto; } #ManageBookingSelector .manageCarrier.other > label > span::before, #ManageBookingSelector .manageCarrier.other > label > span:before { float: left; margin-right: 5px; background: url('../Content/black/sel/selector-sprite-3.png') no-repeat; display: block; background-position: -821px 0; width: 21px; height: 22px; display: block; content: ''; } #ManageBookingSelector .manageCarrier.other > label > span { line-height: 22px; margin-left: 5px; font-size: 16px; background: none; margin: 12px auto; width: 129px; } #ManageBookingSelector .manageCarrier.other.selected > label > span { color: #FFFFFF; } #ManageBookingSelector .manageCarrier.mn.selected > label > span { background-position: -482px 0; } #ManageBookingSelector .manageCarrier.ba.selected > label > span { background-position: -481px -25px; } #ManageBookingSelector .manageCarrier.other.selected > label > span::before, #ManageBookingSelector .manageCarrier.other.selected > label > span:before { background-position: -635px 0; } #ManageBookingSelector .manageType.none > label > span, #ManageBookingSelector .manageType.bizdeals > label > span { font-size: 16px; line-height: 22px; margin: 12px auto; width: 70px; background: none; display: block; } #ManageBookingSelector .manageType.none.selected > label > span { color: #FFFFFF; } #ManageBookingSelector .manageType.vitality > label > span { background-position: -42px 0; width: 87px; height: 45px; } #ManageBookingSelector .manageType.ebucks > label > span { background-position: -130px 0; width: 43px; height: 45px; } #ManageBookingSelector .manageType.vitality.selected > label > span { background-position: -214px 0; } #ManageBookingSelector .manageType.ebucks.selected > label > span { background-position: -302px 0; } #ManageBookingSelector .manageType.bizdeals.selected > label > span { background-position: -214px 0; } #ManageBookingSelector span.sub-text { display: block; margin-top: 10px; text-align: center; } #ManageBookingSelector .info-tooltip { color: #8BC63E; float: right; margin-bottom: 5px; margin-top: 15px; } #ManageBookingSelector h2 { margin: 0; } @media (max-width: 768px) { #ManageBookingSelector ul.dynRad li.type, #ManageBookingSelector ul.dynRad li.type.manageCarrier { float: none; width: 100%; border-bottom: 1px solid #BBBBBB; } #ManageBookingSelector ul.dynRad label { border-left: 0; } } @media (min-width: 769px) { #ManageBookingSelector ul.dynRad.typeOfBooking { width: 67%; } } @media (max-width: 420px) { #ManageBookingSelector .info-tooltip { float: none; margin-bottom: 5px; margin-top: 15px; display: block; } } /* Check-in online ------------------------------------------------------------- */ #checkin h3 { margin-top: 0px; } #checkin .box { border: 0; margin-top: 0; padding-top: 0; } #checkin .box .tabcontent-title { float: left; width: 50%; padding: 0 18px; } #checkin .box .info-tooltip { width: 50%; color: #8cc63f; display: block; float: right; margin-bottom: 10px; padding: 12px 18px 0; text-align: right; text-decoration: underline; } #checkin .side { width: 100%; clear: both; display: block; float: left; margin: 0px; padding: 0 18px; } #checkin .sub-text { font-size: 10px; font-weight: normal; display: block; position: relative; text-align: center; color: #999999; } #checkin .dynRadGroup { border: none; } #checkin .ba-logo { width: 145px; height: 30px; display: block; background: url("../Content/black/gen/ba-logo.png") no-repeat; } #checkin .kulula-logo { width: 145px; height: 18px; display: block; background: url("../Content/black/gen/kulula_logo_smaller.png") no-repeat; } #checkin .type { float: left; } .dynRadGroup .checkin-btn { width: auto; display: block; float: left; margin: 0px 16px 0px 0; } ul.dynRad input { margin-top: 10px; vertical-align: sub; } ul.dynRad.flightnos { width: auto; float: right; padding-bottom: 18px; } /* Media query ***************************************************************/ @media (max-width: 560px) { #checkin .box .tabcontent-title { float: none; width: 100%; } #checkin .box .info-tooltip { width: 100%; float: none; text-align: left; } /*ul.dynRadGroup div.checkin { width: 100%;} ul.dynRad label { padding: 0 4px 0 14px; } ul.dynRad input { margin-top: 10px; vertical-align: sub; } ul.dynRad li.type { width: 100%; height: 48px; padding: 0px; }*/ ul.flightnos { padding-left: 0px; } } /* TAXONOMY - global styling ***************************************************************/ .more-info-wrapper { padding: 0px; margin-top: 20px; height: auto; width: 100%; position: relative; } .more-info-wrapper ul { clear: left; margin: 0; padding: 10px; width: 100%; background-color: #f9f9f9; z-index: -2; } .more-info-wrapper li.taxonomy-link { margin: 5px 0; padding-left: 0; width: 49%; display: inline-block; color: #8CC63F; } .more-info-wrapper li.taxonomy-link a { font-size: 13px; text-decoration: none; padding: 5px 10px 5px 2px; } .more-info-wrapper li.taxonomy-link a:hover { font-size: 13px; text-decoration: underline; } @media only screen and (max-width: 500px) { .more-info-wrapper li.taxonomy-link { width: 100%; } } .more-info-heading { padding: 15px 10px; background: #efefef; font-family: 'Roboto', sans-serif; font-size: 18px; color: #000; z-index: -1; } .more-info-wrapper .heading-shadow { position: relative; z-index: 0; } .more-info-heading:after { z-index: -1; position: absolute; content: ""; bottom: 12px; left: 1px; width: 320px; top: 15px; max-width: 90%; box-shadow: 0 15px 5px #ccc; transform: rotate(-1.5deg); background: #f5f5f5 !important; } .related-info-heading { font-family: 'Roboto', sans-serif; font-size: 13px; color: #666; } .content-picker-field.content-picker-field-related-to { padding: 15px 10px; background: #F9F9F9; position: relative; margin-top: 20px; } .descriptive-image a { display: inline; } /* Taxonomy - content ------------------------------------------------------------- */ /* Taxonomy - category ------------------------------------------------------------- */ @media only screen and (max-width: 768px) { .category .clm.col-5 { width: 41.66666667%; } .category .clm.col-7 { width: 58.33333333%; } #kulula-credit-card .clm.col-4 { margin-bottom: 15px; } } @media only screen and (max-width: 520px) { .category .clm.col-5, .category .clm.col-7 { width: 100%; } } /* Taxonomy - index ------------------------------------------------------------- */ .index .image { height: 172px; } .info-page h3 { background-color: #fff; margin: 0px; padding: 10px; border: 1px solid #eee; line-height: 2; white-space: nowrap; } .info-page h3 a { color: #666; display: block; overflow: hidden; text-overflow: ellipsis; } .info-page .clm:hover h3 { background-color: #f3f3f3; background-position: 0 100%; -webkit-transition: background-color .5s ease; transition: background-color .5s ease; } .info-page .clm:hover h3 a { text-decoration: none; } .info-page .info-block { box-shadow: .125rem .125rem .125rem rgba(0,0,0,.25); } /* Taxonomy - pcc */ /* Taxonomy - destinations */ @media only screen and (max-width: 480px) { .info-page .clm { width: 100%; } } /* CONTENT COLUMNS ***************************************************************/ .clms-box { margin-left: -15px; margin-right: -15px; clear: both; } .clms-box:after, .clms-box::after { clear: both; display: block; content: ""; } .clm { float: left; width: 100%; padding: 15px; } .half { width: 50%; } .third { width: 33.33333333%; } .forth { width: 25% } .fifth { width: 20%; } .sixth { width: 16.66666667%; } .clms-box .image { background-position: 50% 50%; background-size: cover; display: block; margin: 0 auto; background-repeat: no-repeat; } .clms-box .clms-box .clm { padding-top: 0; padding-bottom: 0; } @media (max-width: 768px) { .third, .forth, .fifth { width: 50%; } .sixth { width: 33.33333333%; } } @media (max-width: 600px) { .sixth { width: 50%; } } @media (max-width: 520px) { .half, .third, .forth, .fifth, .sixth { width: 100%; } } @media (min-width:769px) { .clms-box .col-12 { width: 100%; } .clms-box .col-11 { width: 91.66666667%; } .clms-box .col-10 { width: 83.33333333%; } .clms-box .col-9 { width: 75%; } .clms-box .col-8 { width: 66.66666667%; } .clms-box .col-7 { width: 58.33333333%; } .clms-box .col-6 { width: 50%; } .clms-box .col-5 { width: 41.66666667%; } .clms-box .col-4 { width: 33.33333333%; } .clms-box .col-3 { width: 25%; } .clms-box .col-2 { width: 16.66666667%; } .clms-box .col-1 { width: 8.33333333%; } .clms-box .col-15 { width: 20%; } } /* TABLES ***************************************************************/ /* Custom table for for infomation display ---------------------------------------- */ TABLE.def-table { padding: 0; width: 100%; margin: 15px 0; border-collapse: collapse; } /* RESET CONTAINER */ TABLE.def-table TD.container { padding: 0; } TABLE.def-table TD.container TABLE { padding: 0; margin: 0; width: 100%; border-collapse: collapse; } TABLE.def-table TD.container TABLE TH { border-top: 0; border-left: 0; } TABLE.def-table TD.container TABLE TD { border-top: 0; border-left: 0; } TABLE.def-table TD.td_spacer { height: 8px; padding: 0; } TABLE.def-table TD.vert-top { vertical-align: top; } /*TR.CONTENT>TH&TD*/ /* TH.HEADER */ TABLE.def-table TH { background-color: #000000; border: 1px solid #fff; padding: 4px 5px; vertical-align: middle; font-size: 13px; font-weight: bold; color: #fff; text-align: center; } TABLE.def-table TH.hd1 { background-color: #000000; border: 1px solid #fff; padding: 4px 5px; vertical-align: middle; font-size: 13px; font-weight: bold; color: #fff; } TABLE.def-table TH.hd2 { background-color: #333333; } TABLE.def-table TH.hd3 { background-color: #666666; } TABLE.def-table TH.hd4 { background-color: #888888; } /* TD.CONTENT */ TABLE.def-table TD { background-color: #F3F3F3; border: 1px solid #fff; padding: 4px 5px; vertical-align: middle; text-align: center; } TABLE.def-table TD.cnt1 { background-color: #F3F3F3; border: 1px solid #fff; padding: 4px 5px; vertical-align: middle; } TABLE.def-table TD.cnt2 { background-color: #EBEBEB; padding: 4px 5px; vertical-align: middle; } TABLE.def-table TD.cnt3 { background-color: #E2E2E2; padding: 4px 5px; vertical-align: middle; } TABLE.def-table TD.cnt4 { background-color: #D2D2D2; padding: 4px 5px; vertical-align: middle; } .table-responsive TABLE.def-table { margin: 0; } /* tables styles combined with clm-box ---------------------------------------- */ div.def-table.clms-box { margin: 0; margin-left: -1px; padding-top: 0; padding-bottom: 0; width: 100%; margin-top: 15px; margin-bottom: 20px; } div.def-table.clms-box.borders { border-top: 1px solid #D2D2D2; margin-left: 0; border-left: 1px solid #D2D2D2; } div.def-table div.clm { padding: 0; padding-left: 1px; /*display:table; */ } div.def-table.borders div.clm { padding-left: 0; border-right: 1px solid #D2D2D2; } div.def-table.mobi-margin div.clm { margin-bottom: 20px; } div.def-table div.clm.head { margin-bottom: 0; } div.def-table div.clm div { line-height: 20px; vertical-align: middle; } div.def-table div.clm > div { display: table; width: 100%; padding: 4px 5px; margin-bottom: 1px; text-align: center; } div.def-table.borders div.clm > div { border-bottom: 1px solid #D2D2D2; margin-bottom: 0; } div.def-table div.clm div.clms-box { padding: 0 5px; } div.def-table .row, div.def-table .row div.clm, div.def-table.mobi-margin div.row div.clm { margin: 0; } div.def-table.mobi-margin div.row { margin-bottom: 20px; } div.def-table .row:after, div.def-table .row::after { clear: both; display: block; content: ""; } div.def-table div.hd { background-color: #000000; color: #FFFFFF; } div.def-table div.hd1 { background-color: #000000; color: #FFFFFF; } div.def-table div.hd2 { background-color: #333333; color: #FFFFFF; } div.def-table div.hd3 { background-color: #666666; color: #FFFFFF; } div.def-table div.hd4 { background-color: #888888; color: #FFFFFF; } div.def-table div.cnt { background-color: #FFFFFF; } div.def-table div.cnt1 { background-color: #F3F3F3; } div.def-table div.cnt2 { background-color: #EBEBEB; } div.def-table div.cnt3 { background-color: #E2E2E2; } div.def-table div.cnt4 { background-color: #D2D2D2; } .def-table ul, .def-table ol { line-height: 20px; text-align: left; padding-left: 30px; } .def-table p { line-height: 20px; } .def-table li { padding-left: 0; } .def-table .overflow { display: table-cell; text-overflow: ellipsis; overflow: hidden; max-width: 0; } /* needs to be 0 for ellipsis to display in table-cell */ @media (min-width:769px) { div.def-table .row { margin: 0; } div.def-table .row:last-child { margin: 0 0 20px 0; } div.def-table.clms-box div.clm .vert-mid, div.def-table.clms-box div.clm .vert-top { padding: 0; margin: 0; display: table-cell; } div.def-table.clms-box div.clm .vert-top { vertical-align: top; } div.def-table.mobi-margin div.clm { margin-bottom: 0; } div.def-table.mobi-margin div.row { margin-bottom: 0; } /* span cells */ div.def-table.clms-box div.clm > div.rowspan-2 { line-height: 40px; height: 48px; } div.def-table.clms-box div.clm > div.rowspan-3 { line-height: 60px; height: 68px; } div.def-table.clms-box div.clm > div.rowspan-4 { line-height: 80px; height: 88px; } div.def-table.clms-box div.clm > div.rowspan-5 { line-height: 100px; height: 108px; } div.def-table.clms-box div.clm > div.rowspan-6 { line-height: 120px; height: 128px; } div.def-table.clms-box div.clm > div.rowspan-7 { line-height: 140px; height: 148px; } div.def-table.clms-box div.clm > div.rowspan-8 { line-height: 160px; height: 168px; } div.def-table.clms-box div.clm > div.rowspan-9 { line-height: 180px; height: 188px; } div.def-table.clms-box div.clm > div.rowspan-10 { line-height: 200px; height: 208px; } div.def-table.clms-box div.clm > div.rowspan-11 { line-height: 220px; height: 228px; } div.def-table.clms-box div.clm > div.rowspan-12 { line-height: 240px; height: 248px; } div.def-table.clms-box div.clm > div.rowspan-13 { line-height: 260px; height: 268px; } div.def-table.clms-box div.clm > div.rowspan-14 { line-height: 280px; height: 288px; } div.def-table.clms-box div.clm > div.rowspan-15 { line-height: 300px; height: 308px; } div.def-table.clms-box div.clm > div.rowspan-16 { line-height: 320px; height: 328px; } div.def-table.clms-box div.clm > div.rowspan-17 { line-height: 340px; height: 348px; } div.def-table.clms-box div.clm > div.rowspan-18 { line-height: 360px; height: 368px; } div.def-table.clms-box div.clm > div.rowspan-19 { line-height: 380px; height: 388px; } div.def-table.clms-box div.clm > div.rowspan-20 { line-height: 400px; height: 408px; } div.def-table.clms-box div.clm > div.rowspan-21 { line-height: 420px; height: 428px; } div.def-table.clms-box div.clm > div.rowspan-22 { line-height: 440px; height: 448px; } div.def-table.clms-box div.clm > div.rowspan-23 { line-height: 460px; height: 468px; } div.def-table.clms-box div.clm > div.rowspan-24 { line-height: 480px; height: 488px; } div.def-table.clms-box div.clm > div.rowspan-25 { line-height: 500px; height: 508px; } div.def-table.clms-box div.clm > div.rowspan-26 { line-height: 520px; height: 528px; } div.def-table.clms-box div.clm > div.rowspan-27 { line-height: 540px; height: 548px; } div.def-table.clms-box div.clm > div.rowspan-28 { line-height: 560px; height: 568px; } div.def-table.clms-box div.clm > div.rowspan-29 { line-height: 580px; height: 588px; } div.def-table.clms-box div.clm > div.rowspan-30 { line-height: 600px; height: 608px; } div.def-table.clms-box div.clm > div.rowspan-31 { line-height: 620px; height: 628px; } div.def-table.clms-box div.clm > div.rowspan-32 { line-height: 640px; height: 648px; } div.def-table.clms-box div.clm > div.rowspan-33 { line-height: 660px; height: 668px; } div.def-table.clms-box div.clm > div.rowspan-34 { line-height: 680px; height: 688px; } div.def-table.clms-box div.clm > div.rowspan-35 { line-height: 700px; height: 708px; } div.def-table.clms-box div.clm > div.rowspan-36 { line-height: 720px; height: 728px; } div.def-table.clms-box div.clm > div.rowspan-37 { line-height: 740px; height: 748px; } div.def-table.clms-box div.clm > div.rowspan-38 { line-height: 760px; height: 768px; } div.def-table.clms-box div.clm > div.rowspan-39 { line-height: 780px; height: 788px; } div.def-table.clms-box div.clm > div.rowspan-40 { line-height: 800px; height: 808px; } div.def-table.clms-box div.clm > div.rowspan-41 { line-height: 820px; height: 828px; } div.def-table.clms-box div.clm > div.rowspan-42 { line-height: 840px; height: 848px; } div.def-table.clms-box div.clm > div.rowspan-43 { line-height: 860px; height: 868px; } div.def-table.clms-box div.clm > div.rowspan-44 { line-height: 880px; height: 888px; } div.def-table div.clm.hide-desk, div.def-table div.clm > div.hide-desk { display: none; } /*hide on desktop */ } @media (max-width:768px) { div.def-table div.clm > div.hide-mobi, div.def-table div.clm.hide-mobi { display: none; } } /* TABS ***************************************************************/ /* Default Tabs ------------------------------------------------------------- */ ul.tabs { display: block; height: 47px; margin: 0; position: relative; padding: 0; z-index: 2; } ul.tabs li { list-style: none; display: inline-block; margin: 0; padding: 12px 22px; border: 1px solid #7EB13A; border-bottom: 1px solid #8BC63E; cursor: pointer; font-size: 16px; color: #FFFFFF; line-height: 21px; background-color: #8BC63E; width: auto; float: left; } ul.tabs li.selected { border: 1px solid #CCCCCC; border-bottom: 1px solid #FFFFFF; color: #666666; background-color: #FFFFFF; padding-bottom: 13px; } .tab-content { display: none; background-color: #FFFFFF; border: 1px solid #CCCCCC; padding: 15px; z-index: 1; } .displaydiv { display: block; } .tab-mobi { display: none; padding: 12px 10px; font-size: 13px; color: #FFFFFF; line-height: 22px; background-color: #8BC63E; border-bottom: 1px solid #FFFFFF; } .tab-mobi.selected { background: #EEEEEE; color: #666666; font-weight: bold; border-bottom: 0; } .tab-mobi:after, .tab-mobi::after { float: right; text-align: center; content: "\e259"; line-height: 25px; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; } /* check-in panel ------------------------------------------------------------- */ #checkinPanel h2 { font-size: 14px; font-family: FlamaSemibold; margin-top: 0; } #checkinPanel .tabs { height: 40px; background-color: #0092B3; display: none; } #checkinPanel .tab { border: 0; background-color: transparent; color: #FFFFFF; padding: 10px 16px; line-height: 20px; font-size: 12px; } #checkinPanel .tab:before { content: "\e259"; width: 20px; height: 20px; border: 1px solid #FFFFFF; font-family: 'Glyphicons Halflings'; border-radius: 100%; line-height: 18px; display: block; font-size: 8px; text-align: center; float: left; margin-right: 6px; } #checkinPanel .tab.selected:before { content: "\e260"; border: 2px solid #666666; } #checkinPanel .selected { background-color: #EEEEEE; border-bottom: 1px solid #EEEEEE; color: #666666; } #checkinPanel .tab-content { border: 0; padding: 12px 13px; background-color: #EEEEEE; min-height: 145px; clear: both; box-shadow: 1px 7px 15px -14px rgb(0 0 0); -webkit-box-shadow: 1px 7px 15px -14px rgb(0 0 0); -moz-box-shadow: 1px 7px 15px -14px rgba(0,0,0,1); } #checkinPanel .tab-mobi { border: 0; background-color: #0092B3; color: #FFFFFF; font-size: 16px; padding: 12px 13px; display: block; } #checkinPanel .tab-mobi.selected { color: #0092B3; background-color: #EEEEEE; } #checkinPanel .tab-mobi.selected:after { content: "\e260"; } #checkinPanel .link { border: 0; background-color: transparent; padding: 0; line-height: 1; } #checkinPanel .link a { color: #FFFFFF; text-decoration: none; padding: 10px 15px; display: block; line-height: 20px; font-size: 12px; } #checkinPanel .link a:before { content: "\e258"; width: 20px; height: 20px; border: 1px solid #FFFFFF; font-family: 'Glyphicons Halflings'; border-radius: 100%; line-height: 18px; display: block; font-size: 8px; text-align: center; float: left; margin-right: 6px; } #checkinPanel .link-mobi { border: 0; background-color: #1A1A1A; color: #00BCE4; padding: 0; display: none; } #checkinPanel .link-mobi a { padding: 12px 13px; font-size: 16px; display: block; color: #00BCE4; } #checkinPanel .link-mobi a:after { content: "\e258"; font-family: 'Glyphicons Halflings'; float: right; line-height: 25px; } article.widget-checkinPanel.widget-before-main.widget-html-widget.widget { top: 70px; } #flightcheckin { text-align: center; } #flightcheckin, #manageflight, #ourflights { max-width: 850px; margin: 0 auto; } #checkinPanel #manageflight .tab-mobi { display: none; } #checkinPanel #manageflight ul.tabs { display: block; } #manageflight ul.tabs { border: 1px solid #BBBBBB; width: 99.99%; border-radius: 4px; margin-bottom: 10px; height: auto; background-color: #FFFFFF; overflow: hidden; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); position: relative; top: auto; right: auto; } #manageflight ul.tabs li.tab { color: #00BCE3; font-size: 13px; text-align: center; padding: 0; line-height: 37px; border: 0; display: block; border-bottom: 1px solid #BBBBBB; } #manageflight ul.tabs li.tab:last-child { border-bottom: 0; } #manageflight ul.tabs li.tab.manageCarrierMenu, #manageflight ul.tabs li.tab.manageTypeMenu { width: 99.99%; } #manageflight ul.tabs li.tab::before, #manageflight ul.tabs li.tab:before, #manageflight ul.tabs li.tab::after, #manageflight ul.tabs li.tab:after { display: none; } #manageflight ul.tabs li.tab.selected { background-color: #0092B3; color: #FFFFFF; } #manageflight ul.tabs li.tab.selected::after, #manageflight ul.tabs li.tab.selected:after { background-color: #0092B3; } #manageflight .tab-content { box-shadow: none; padding: 0; min-height: unset; } #manageflight .tab-content.final { background-color: #DDDDDD; padding: 15px; margin-bottom: 15px; border-radius: 4px; } #ourflights .your-flight .image { border-radius: 50%; background-color: #F9F9F9; width: 80px; height: 80px; margin-top: 0; } #ourflights .your-flight .info a { font-size: 14px; font-family: FlamaSemiBold; margin-bottom: 10px; } #ourflights .your-flight .flight-status { background-position: 13px 11px; } #ourflights .your-flight .flight-schedule { background-position: -65px 13px; } @media (min-width:375px) { #manageflight ul.tabs li.tab.manageCarrierMenu { width: 33.33%; } #manageflight ul.tabs li.tab.manageTypeMenu { width: 50%; } #manageflight ul.tabs li.tab { border-right: 1px solid #BBBBBB; border-bottom: 0; } #manageflight ul.tabs li.tab:last-child { border-right: 0; } } @media (min-width:768px) { #checkinPanel .tabs { display: block; } #checkinPanel .tab-mobi { display: none; } #checkinPanel .tab-content { padding: 20px 30px; } #manageflight .tab-content { padding: 0; } } @media (min-width:1200px) { .widget-checkinPanel { position: absolute; top: 0; right: 15px; left: 15px; z-index: 5; } #checkinPanel .tabs { position: absolute; right: 0; top: -40px; } } /* Content tab styles ------------------------------------------------------------- */ #copytabs ul.tabs { height: 39px; position: relative; } #copytabs ul.tabs li { font-size: 13px; line-height: 13px; } #copytabs ul.tabs li.selected { background-color: #F9F9F9; border-bottom: 1px solid #F9F9F9; } #copytabs .tab-content { background-color: #F9F9F9; width: auto; height: auto; } /* Side tabs - flight page - information banners ------------------------------------------------------------- */ .SideTabs { border: 1px solid #CCCCCC; background-color: #F9F9F9; position: relative; } .SideTabs ul.tabs { width: 30%; height: 100%; position: relative; float: left; margin-left: -1px; margin-top: -1px; margin-right: -1px; } .SideTabs ul.tabs li { width: 100%; display: block; font-size: 13px; line-height: 13px; } .SideTabs ul.tabs li.selected { border-color: #CCCCCC #FFFFFF #CCCCCC #CCCCCC; background-color: #FFFFFF; } .SideTabs .tab-content { float: left; padding: 0 15px 15px 15px; height: 100%; overflow: hidden; position: absolute; background-color: #FFFFFF; width: 70%; border: 1px solid #FFFFFF; border-left: 1px solid #CCCCCC; position: absolute; top: 0; bottom: 0; right: 2px; } @media (max-width:600px) { ul.tabs { display: none; } .tab-content { padding: 10px; } .tab-mobi.selected { border: 1px solid #CCCCCC; border-bottom: 0; } .tab-mobi:last-child { border: 0; } .SideTabs { background-color: #FFFFFF; border: 0; } .SideTabs .tab-content { float: none; width: 100%; border: 1px solid #CCCCCC; height: auto; padding: 0 10px; position: relative; right: auto; } .SideTabs .tab-mobi.selected { border: 1px solid #CCCCCC; border-bottom: 0; } .tab-mobi { display: block; } } /* SHOWHIDE - content ***************************************************************/ .showHideInfo .showInfo { background: url(../Content/black/login/maximize.jpg) no-repeat scroll left top transparent; cursor: pointer; color: #8CC63F; font-size: 14px; padding: 1px 30px; margin-bottom: 10px; font-weight: bold; } .showHideInfo .selected { background: url(../Content/black/login/minimize.jpg) no-repeat scroll left top transparent; } .showHideInfo .showInfo-body { display: none; min-height: 0; height: auto; margin-bottom: 20px; margin-left: 30px; } .showHideInfo .displaydiv { display: block; } /* SPONSORSHIPS AND CSI INITIATIVES ***************************************************************/ .initiatives .image { height: 130px; box-shadow: .125rem .125rem .125rem rgba(0,0,0,.25); border: 1px solid #eee; } .support-cause { text-align: center; padding: 10px 0; } .support-cause h2 { font-size: 18px; } .support-cause .support-logo { display: block; height: 130px; background-repeat: no-repeat; background-position: 50% 50%; } .support-cause .content-btn-small { margin: 10px 15px 5px 15px; } @media only screen and (max-width: 768px) { .support-cause .support-logo, .support-cause .support-cause-text { width: 35%; display: inline-block; vertical-align: middle; } .support-cause .support-cause-text h2 { margin-top: 0px; } } @media only screen and (max-width: 630px) { .support-cause .support-logo, .support-cause .support-cause-text { width: 48%; } .support-cause .support-cause-text h2 { margin-top: 0px; } } @media only screen and (max-width: 400px) { .support-cause .support-logo, .support-cause .support-cause-text { width: 100%; } .support-cause .support-cause-text h2 { margin-top: 10px; } } /* OUR ADS ***************************************************************/ .video.ads { height: 180px; } /* Glyphs tick ***************************************************************/ .glyphicon-tick li:before { content: "\e013"; font-family: 'Glyphicons Halflings'; position: relative; right: 15px; color: black; } ul.glyphicon-tick li { text-indent: -12px; } /* KULULA 101 ***************************************************************/ .kulula101 .clm .box { min-height: 220px; } .kulula101 .clm .main-text a { min-height: 76px; padding: 5px 10px 10px; line-height: 30px; font-size: 26px; color: #8cc63f; text-decoration: none; } .kulula101 .clm .sub-text { padding: 6px 0px; color: #999999; vertical-align: middle; } @media (max-width: 600px) { .kulula101 .half { width: 100% } } /* HOLIDAY PACKAGES ***************************************************************/ /* theme holidays block ------------------------------------------------------------- */ .theme-block { text-align: center; } .theme-block:hover a.content-btn-small { background: #7DB137; } .theme-block a.content-btn-small { margin-right: 0; display: block; padding: 6px 10px; } .theme-block .image { height: 172px; display: block; } .holiday-themes h2 { margin: 30px 0 6px; padding: 0 0 5px; border-bottom: 1px solid #E0E0E0; } /* holiday package deal term summary ------------------------------------------------------------- */ .hol-package-block { } .HotelPageAfterContentThemes h2 { color: #000; font-size: 32px; font-family: FlamaSemibold; border-bottom: 1px solid #E0E0E0; padding-bottom: 10px; margin-bottom: 0px; } .holiday-packages h2 { margin: 30px 0 6px; padding: 0 0 5px; border-bottom: 1px solid #E0E0E0; } .hol-package-block h3 { padding: 0; margin-bottom: 5px; color: #000; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .hol-package-block h4 { margin-top: 0px; margin-right: 0; margin-bottom: 10px; padding-right: 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .hol-package-block p { margin: 20px 0; } .hol-package-block .stay { display: block; border-bottom: 0.25px solid #666; padding-top: 10px; font-size: 11px; color: #00bce4; clear: both; } .hol-package-block .star-rating { margin-bottom: 5px; height: 20px; } .hol-package-block .star-rating span { display: block; height: 19px; } .hol-package-block .price { color: #000; font-weight: bold; } .hol-package-block .includes { margin-bottom: 15px; vertical-align: middle; float: left; } .hol-package-block .includes img { height: 20px; vertical-align: middle; } .hol-package-block .includes .icons { margin: 0px; height: 21px; width: 21px; background-image: url('../Content/black/icons/includes-icons-sprite-sml-black.png'); background-position: 0 0; background-repeat: no-repeat; display: inline-block; vertical-align: middle; } .hol-package-block .includes .icons.flights { background-position: 0 1px; } .hol-package-block .includes .icons.flights-car-hire { background-position: 0 -21px; width: 42px; } .hol-package-block .includes .icons.flights-car-hire-hotel { background-position: 0 -42px; width: 63px; } .hol-package-block .includes .icons.flights-hotel { background-position: 0 -63px; width: 42px; } .hol-package-block .includes .icons.flight-airport-transfers-hotel-rail { background-position: 0 -84px; width: 84px; } .hol-package-block .includes .icons.flight-hotel-rail { background-position: 0 -105px; width: 63px; } .hol-package-block .includes .icons.car-hire { background-position: 0 -127px; } .hol-package-block .includes .icons.car-hire-hotel { background-position: 0 -148px; width: 42px; } .hol-package-block .includes .icons.hotel { background-position: 0 -169px; } .hol-package-block .includes .icons.hotel-rail { background-position: 0 -190px; width: 42px; } .hol-package-block .includes .icons.cruise { background-position: 0 -211px; } .hol-package-block .includes .icons.cruise-car-hire-hotel { background-position: 0 -232px; width: 63px; } .hol-package-block .includes .icons.cruise-airport-transfers { background-position: 0 -253px; width: 42px; } .hol-package-block .includes .icons.flight-cruise { background-position: 0 -275px; width: 42px; } .hol-package-block .includes .icons.flight-airport-transfers-hotel { background-position: 0 -296px; width: 63px; } .hol-package-block .includes .icons.flight-airport-transfers-cruise { background-position: 0 -317px; width: 63px; } .hol-package-block .includes .icons.flight-airport-transfers { background-position: 0 -338px; width: 42px; } .hol-package-block .includes .icons.airport-transfers { background-position: 0 -360px; } .hol-package-block .includes .icons.airport-transfers-hotel { background-position: 0 -381px; width: 42px; } .hol-package-block .includes .icons.airport-transfers-hotel-rail { background-position: 0 -402px; width: 63px; } .hol-package-block .includes .icons.flight-airport-transfers-hotel-cruise { background-position: 0 -424px; width: 84px; } .hol-package-block .includes .icons.cruise-hotel { background-position: 0 -446px; width: 42px; } .hol-package-block .includes .icons.cruise-hotel-airport-transfers { background-position: 0 -467px; width: 63px; } .hol-package-block .view-package { text-align: right; line-height: 38px; padding-bottom: 8px; margin-top: 10px; border-bottom: 1px solid #e0e0e0; } .hol-package-block .image { height: 200px; display: block; margin-bottom: 10px; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; } /* destination pages*/ .col-sm-12 #destinationDeals .clm.half { width: 33.3%; } .col-sm-8 .col-sm-12 #destinationDeals .clm.half { width: 50%; } @media only screen and (min-width: 1024px) and (max-width: 1199px) { .hol-package-block .view-package .content-btn-small { padding-left: 15px; padding-right: 15px; } } @media only screen and (max-width: 1024px) { .package-term.content-item .col-sm-8.contentbar { margin-bottom: 65px; } .package-term .col-sm-8.contentbar { margin: 0 -15px; } .package-term .hol-package-block { width: 46.9%; margin: 0 15px; float: left; } } @media only screen and (max-width: 991px) { .package-term .hol-package-block { width: 100%; margin: 0px; } .package-term .col-sm-8.contentbar { margin: 0px; } .col-sm-12 #destinationDeals .clm.half { width: 50%; } } @media only screen and (max-width: 710px) { .HotelPageAfterContentThemes .half { width: 100%; } } @media only screen and (max-width: 680px) { .col-sm-12 #destinationDeals .clm.half, .col-sm-8 .col-sm-12 #destinationDeals .clm.half { width: 100%; } } @media only screen and (max-width: 400px) { .hol-package-block a.content-btn-small { width: 100%; display: block; } } /* holiday package deal term ------------------------------------------------------------- */ .hol-package-block .stay { color: #666; padding-bottom: 10px; } /* star ratings ------------------------------------------------------------- */ .star-rating .stars { margin: 0px; height: 16px; width: 17px; background-image: url('../Content/black/icons/stars-black.png'); background-position: 0 0; background-repeat: no-repeat; display: inline-block; } .star-rating .stars.s1-star { width: 17px; } .star-rating .stars.s2-star { width: 36px; } .star-rating .stars.s3-star { width: 55px; } .star-rating .stars.s4-star { width: 74px; } .star-rating .stars.s5-star { width: 93px; } /* holiday package deal term detail ------------------------------------------------------------- */ article.destination hr, article.tourandcruisepackages-term hr { margin-bottom: 20px; } article.destination .intro, article.tourandcruisepackages-term .intro { font-size: 16px; margin: 20px 0; } article.destination .map, article.tourandcruisepackages-term .map { width: 100%; height: 250px; margin: 0; border: solid 1px #E0E0E0; } article.destination .map iframe, article.tourandcruisepackages-term .map iframe { width: 100%; } article.destination .star-rating { margin-bottom: 5px } article.destination .intro { margin: 20px 0; } #deals h1 { display: none; } .packagedDeal { background: #f9f9f9; overflow: hidden; padding: 20px; margin: 0 0 20px 0; } .packagedDeal .deal-dates { float: left; width: 70%; } .packagedDeal h2 { float: left; width: 100%; margin: 0; padding: 0; font-family: FlamaSemibold; color: #000; } .packagedDeal h6 { font-weight: bold; } .packagedDeal .dates { text-align: left; vertical-align: middle; float: left; width: 100%; padding: 14px 0px 0px; } .packagedDeal .dates b { display: block; } .packagedDeal .includes-cost { width: 30%; float: left; } .packagedDeal .includes { text-align: right; width: 100%; float: right; } .packagedDeal .includes .icons { margin: 0px; height: 31px; width: 31px; float: right; background-image: url('../Content/black/icons/includes-icons-sprite-med-black.png'); background-position: 0 0; background-repeat: no-repeat; display: block; } .packagedDeal .includes .icons.flights { background-position: 0 0px; } .packagedDeal .includes .icons.flights-car-hire { background-position: 0 -32px; width: 63px; } .packagedDeal .includes .icons.flights-car-hire-hotel { background-position: 0 -64px; width: 95px; } .packagedDeal .includes .icons.flights-hotel { background-position: 0 -96px; width: 63px; } .packagedDeal .includes .icons.flight-airport-transfers-hotel-rail { background-position: 0 -129px; width: 127px; } .packagedDeal .includes .icons.flight-hotel-rail { background-position: 0 -161px; width: 95px; } .packagedDeal .includes .icons.car-hire { background-position: 0 -193px; } .packagedDeal .includes .icons.car-hire-hotel { background-position: 0 -225px; width: 63px; } .packagedDeal .includes .icons.hotel { background-position: 0 -257px; } .packagedDeal .includes .icons.hotel-rail { background-position: 0 -289px; width: 63px; } .packagedDeal .includes .icons.cruise { background-position: 0 -321px; } .packagedDeal .includes .icons.cruise-car-hire-hotel { background-position: 0 -354px; width: 95px; } .packagedDeal .includes .icons.cruise-airport-transfers { background-position: 0 -386px; width: 63px; } .packagedDeal .includes .icons.flight-cruise { background-position: 0 -418px; width: 63px; } .packagedDeal .includes .icons.flight-airport-transfers-hotel { background-position: 0 -450px; width: 95px; } .packagedDeal .includes .icons.flight-airport-transfers-cruise { background-position: 0 -482px; width: 95px; } .packagedDeal .includes .icons.flight-airport-transfers { background-position: 0 -514px; width: 63px; } .packagedDeal .includes .icons.airport-transfers { background-position: 0 -546px; } .packagedDeal .includes .icons.airport-transfers-hotel { background-position: 0 -578px; width: 63px; } .packagedDeal .includes .icons.airport-transfers-hotel-rail { background-position: 0 -611px; width: 95px; } .packagedDeal .includes .icons.flight-airport-transfers-hotel-cruise { background-position: 0 -644px; width: 127px; } .packagedDeal .includes .icons.cruise-hotel { background-position: 0 -677px; width: 63px; } .packagedDeal .includes .icons.cruise-hotel-airport-transfers { background-position: 0 -709px; width: 95px; } .packagedDeal .cost { text-align: right; vertical-align: middle; float: right; width: 100%; padding: 10px 0px; } .packagedDeal .cost .price { font-size: 30px; width: 100%; } .packagedDeal .currency { font-size: 15px; } .packagedDeal .currency:after { content: ' '; } .packagedDeal .showHideInfo { clear: both; float: none; border-bottom: 1px solid #ccc; margin: -20px -20px 0 -20px; } .packagedDeal .showHideInfo .showInfo { color: #00bce4; padding: 0px; display: inline-block; margin-bottom: 20px; width: 100%; } .packagedDeal .showHideInfo .showInfo { background: none; } .packagedDeal .glyphicon-menu-down { width: 25px; height: 25px; margin: 0 8px 0 20px; text-align: center; font-size: 12px; color: #f9f9f9; line-height: 2; background: #00bce4; border-radius: 100%; } .packagedDeal .showInfo.selected .glyphicon-menu-down:before { content: "\e260"; } .packagedDeal .showInfo-body { padding-top: 5px; } .packagedDeal .showInfo-body.displaydiv { background: #efefef; padding: 32px; overflow: hidden; box-shadow: inset 0 10px 10px -10px rgba(0,0,0,.5); animation-name: fadeInDown; animation-duration: 1s; animation-fill-mode: both; margin: 0px; } .packagedDeal .legal { width: 100%; float: right; padding: 10px 0px; color: #666; } .packagedDeal .legal p { margin-left: 0; margin-right: 0; line-height: 14px; } .packagedDeal .details { float: left; width: 48%; margin-right: 10px; } .packagedDeal .details ul { list-style: disc; padding-left: 20px; } .packagedDeal .logo { clear: both; } .packagedDeal .call-back { padding-top: 20px; margin-right: 10px; float: right; } .packagedDeal .call-back .fa { margin-right: 5px; } .packagedDeal .call-button { } .packagedDeal .action { clear: both; float: right; padding-top: 20px; display: block; } .packagedDeal .content-btn-small, .packagedDeal .content-btn-tertiary-small { display: block; } .deal-expired-btn { margin: 20px 0; } @media only screen and (max-width: 480px) { .packagedDeal h2, .packagedDeal .deal-dates, .packagedDeal .dates, .packagedDeal .includes-cost-center, .packagedDeal .details, .packagedDeal .action { width: 100%; padding-top: 10px; } .packagedDeal .call-back { position: relative; padding-top: 10px; width: 100%; margin-right: 0; } .packagedDeal .includes-cost-center { text-align: center; display: inline-block; float: left; } .packagedDeal .includes-cost { width: auto; padding: 10px 0; float: none; } .packagedDeal .includes { width: auto; text-align: -webkit-center; margin-right: 20px; display: inline-block; float: none; vertical-align: middle; } .packagedDeal .includes .icons { float: none; } .packagedDeal .cost { width: auto; display: inline-block; float: none; text-align: left; } .packagedDeal .nights, .packagedDeal .from { display: inline-block; } } @media only screen and (max-width: 340px) { .packagedDeal .includes { margin-right: 0px; display: block; } .packagedDeal .cost { padding-bottom: 0px; } } /* campaign package deals ***************************************************************/ .campaignpackageddeals-term #deals { margin: 0 -10px; } .campaignpackageddeals-term .hol-package-block { width: 50%; padding: 0 10px; float: left; } @media only screen and (max-width: 1200px) { } @media only screen and (max-width: 1023px) { .campaignpackageddeals-term .col-sm-8.contentbar { margin-bottom: 20px; } } @media only screen and (max-width: 991px) { .campaignpackageddeals-term .hol-package-block { width: 100%; margin: 0px; } } /* ACCORDION - override jquery-ui.kulula.css ***************************************************************/ #accordion { background: #F5F5F5 none repeat scroll 0 0; border-left: 1px solid #0092B3; border-right: 1px solid #0092B3; border-bottom: 1px solid #0092B3; height: auto; display: block; margin-bottom: 40px; } #accordion h3 { cursor: pointer; font-family: 'Roboto', sans-serif; border: 0; background-image: none; background-color: #0092B3; border-radius: 0; margin: 0; padding: 15px 0 15px 15px; border-top: 1px solid #0092B3; color: #FFFFFF; font-size: 14px; } #accordion h3 .ui-icon { display: none; } #accordion .ui-accordion-header-active { background-color: #F5F5F5; color: #666666; outline: none; cursor: auto; } #accordion .body { font-family: 'Roboto', sans-serif; font-size: 13px; background: none; border: 0; overflow: hidden; padding: 15px 0 0 0; margin: 0 15px 15px 15px; border-top: 1px solid #E0E0E0; display: none; height: 220px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } #accordion .glyphicon-menu-down { width: 25px; height: 25px; margin: 0 8px 0 0; text-align: center; font-size: 0.8em; line-height: 1.9; border: 2px solid #FFFFFF; border-radius: 100%; } #accordion .ui-accordion-header-active .glyphicon-menu-down { border: 1px solid #666666; } /* Your flight ------------------------------------------------------------- */ .your-flight { clear: both; margin-bottom: 20px; } .your-flight .info a { display: block; font-size: 14px; text-decoration: none; margin-bottom: 5px; } .your-flight .image { background: url("../Content/black/icons/our-flights-sprite.png") no-repeat 0 0; width: 53px; height: 52px; display: block; padding: 0; margin: 5px 15px 0 0; float: left; } .your-flight .flight-status { background-position: -2px -4px; } .your-flight .flight-schedule { background-position: -79px -3px; } /* airline network ***************************************************************/ #network { display: block; border: 1px solid #E5E5E5; background-color: #F8F8F8; padding: 15px 15px; } #network p { margin: 0 0 10px 0; } #network .head { font-size: 16px; font-weight: bold; padding-left: 35px; height: 30px; line-height: 30px; background-image: url("../Content/black/icons/net-ico.gif"); background-repeat: no-repeat; display: block; } #network .subh { font-size: 13px; font-weight: bold; } #network ul { list-style: none; margin: 10px 0 0 0; padding: 0; } #network ul li { color: #8CC63F; margin-bottom: 2px; } #network ul li a { text-decoration: none; } /* Hide Empty objects */ /************************************************************ */ article.homepage header, article.VitalityTravel, article.VitalityInternationalFlight header, article.VitalityDomesticFlight header, article.VitalityHotelCollection header, article.featured-banners header, article.content-banners header, article.hideheader header { display: none; } /**********************************************************************************************************/ /* MEDIA QUERY */ /***** Screen Bigger than 960px *****/ @media only screen and (min-width: 960px) { .check-in span.mobi { display: none; } } @media only screen and (max-width: 960px) { .check-in span.desktop { display: none; } } /***** Tablet (Smaller than 959px) *****/ @media only screen and (max-width: 1001px) { .widget-FeaturedSocialMedia { display: none; } } @media only screen and (max-width: 992px) { .widget-FeaturedFares .col-sm-5, .widget-FeaturedFares .col-sm-7 { width: 100%; } } /* JQUERY UI - jquery-ui.kulula.css */ div.ui-dialog button.ui-dialog-titlebar-close:before { content: "\e014"; color: #FFFFFF; font-family: 'Glyphicons Halflings'; font-size: 11px; display: block; line-height: 11px; } div.ui-dialog button.ui-dialog-titlebar-close:hover, div.ui-dialog button.ui-dialog-titlebar-close:focus { background-color: #7DB137; background-image: none; } div.ui-dialog button.ui-button.ui-dialog-titlebar-close { background-color: #8bc63e; background-image: none; border-color: #71a130; border-width: 1px 1px 3px 1px; border-radius: 3px; border-style: solid; } div.ui-dialog button.ui-button.ui-dialog-titlebar-close:before { line-height: 16px; } div.ui-dialog button.ui-button.ui-dialog-titlebar-close .ui-icon-closethick { background-image: none; } div.ui-dialog h1 { margin-top: 0; margin-bottom: 0; } div.ui-dialog .div-btn { margin: 15px 0; } .ui-datepicker .ui-datepicker-title { color: #666666; font-family: FlamaSemibold,sans-serif; } .ui-datepicker, .ui-datepicker.ui-datepicker-multi, .ui-datepicker.ui-datepicker-multi .ui-widget-content { background: #EFEFEF none; } .ui-datepicker .ui-state-default { background: #FFFFFF none; color: #8bc63e; border: 1px solid #FFFFFF; } /* DISCOVERY - my benefits */ /**********************************************************************************************************/ #DiscBenefits h1 { color: #666666; font-size: 32px; font-family: FlamaSemibold; } #DiscBenefits h2 { margin-top: 0; } #DiscBenefits .prod { text-align: center; padding: 10px 0; margin-bottom: 15px; } #DiscBenefits .img { margin: 0 auto 10px; background: url("../Content/grey/icons/discovery-vitality/sprite-benefits.gif") no-repeat left top; height: 38px; } #DiscBenefits .banners { margin-bottom: 20px; } #DiscBenefits .summary .domFlights .img { width: 30px; } #DiscBenefits .summary .intFlights .img { width: 43px; background-position: -30px 0; } #DiscBenefits .summary .carHire .img { width: 28px; background-position: -73px 0; } #DiscBenefits .summary .VitHotel .img { width: 35px; background-position: -101px 0; } #DiscBenefits .summary .Vitality .head, #DiscBenefits .summary .Miles .head { margin-top: 9px; } #DiscBenefits .summary .Vitality img, #DiscBenefits .summary .Miles img { text-align: center; margin-right: 20px; } #DiscBenefits .summary .Vitality img { margin-top: 7px; } #DiscBenefits .summary .Miles > .row { display: flex; } #DiscBenefits .summary .Miles > .row .col-xs-6:last-child { align-self: center; } #DiscBenefits .summary .Miles img { } #DiscBenefits .summary .head { text-align: center; font-size: 18px; } #DiscBenefits .summary .desc { text-align: center; font-size: 14px; font-weight: bold; color: #004b8d; margin-top: 10px; margin-bottom: 10px; } #DiscBenefits .summary .value { font-size: 20px; margin: 5px 0; } #DiscBenefits .summary .desc.not { color: #CCCCCC; font-style: italic; } #DiscBenefits .summary .desc.upsell { font-size: 12px; color: #666666; } #DiscBenefits .member { margin: 0 0 10px 0; } #DiscBenefits .member::after, #DiscBenefits .member:after { display: block; content: ''; clear: both; } #DiscBenefits .pro-head, #DiscBenefits .ben-head { text-align: left; font-size: 18px; padding-bottom: 5px; } #DiscBenefits .member .profile { height: 50px; } #DiscBenefits .member .ini { width: 40px; height: 40px; display: block; line-height: 38px; text-align: center; float: left; border: 1px solid #666666; margin: 5px 10px 5px 5px; } #DiscBenefits .member .profile .name, #DiscBenefits .member .profile .dob, #DiscBenefits .member .profile .gender { float: left; margin-top: 15px; font-weight: bold; display: block; vertical-align: middle; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } #DiscBenefits .member .profile .name { width: 50%; margin-right: 10px; } #DiscBenefits .member .profile .dob { width: 25%; } #DiscBenefits .member .profile .gender { width: 5%; } #DiscBenefits .member .profile .benefit { margin: 19px 0 0 5px; font-size: 10px; } #DiscBenefits .pro-head, #DiscBenefits .member .profile { float: left; width: 45%; } #DiscBenefits .ben-head, #DiscBenefits .member .products { float: left; width: 55%; } #DiscBenefits .member .flights, #DiscBenefits .member .dom, #DiscBenefits .member .int, #DiscBenefits .member .allocation, #DiscBenefits .member .percentage, #DiscBenefits .member .other { float: left; text-align: center; font-size: 10px; } #DiscBenefits .member .flights { width: 60% } #DiscBenefits .member .dom, #DiscBenefits .member .int, #DiscBenefits .member .allocation, #DiscBenefits .member .percentage { width: 50%; } #DiscBenefits .member .other { width: 20%; } #DiscBenefits .member .flights .flight, #DiscBenefits .member .flighttypes .dom, #DiscBenefits .member .flighttypes .int, #DiscBenefits .member .carHire, #DiscBenefits .member .hotel { font-weight: bold; } #DiscBenefits .member .flight, #DiscBenefits .member .flighttypes .dom, #DiscBenefits .member .flighttypes .int { height: 25px; padding: 5px 0; } #DiscBenefits .member .carHire, #DiscBenefits .member .hotel { height: 50px; padding: 16px 0; } #DiscBenefits .member .benefits { } #DiscBenefits .member .benefit .name { font-size: 13px; display: none; border: 0; padding: 5px 0; } #DiscBenefits .member .benefits .subhead { font-weight: bold; display: none; } #DiscBenefits .member .benefits .subhead.first { display: block; margin-top: 5px; } #DiscBenefits .member .benefit .value { padding-bottom: 5px; } @media only screen and (max-width: 991px) { #DiscBenefits .members { padding: 0; } #DiscBenefits .member { margin: 0; } #DiscBenefits .member .products { border: 0; } #DiscBenefits .pro-head { padding: 10px; } #DiscBenefits .member .profile { height: auto; } #DiscBenefits .member .ini { margin: 10px; } #DiscBenefits .member .int, #DiscBenefits .member .other { border-left: 1px solid #EEEEEE; } #DiscBenefits .member .carHire, #DiscBenefits .member .hotel { border-left: 0; } #DiscBenefits .member .profile .name, #DiscBenefits .member .profile .dob, #DiscBenefits .member .profile .gender { margin-top: 21px; } #DiscBenefits .member .benefit .dom, #DiscBenefits .member .benefit .int { padding-bottom: 5px; } #DiscBenefits .member .benefit .dom .value, #DiscBenefits .member .benefit .int .value { padding: 0; } #DiscBenefits .ben-head, #DiscBenefits .member .profile .benefit, #DiscBenefits .member .benefits .subhead.first { display: none; } #DiscBenefits .banners .col-md-4 #DiscBenefits .member .benefits .name, #DiscBenefits .member .benefits .subhead { display: block; } #DiscBenefits .member .benefits .subhead { display: block; } #DiscBenefits .member .profile, #DiscBenefits .member .products { float: none; width: auto; } #DiscBenefits .member .benefit { border-bottom: 1px solid #EEEEEE; } #DiscBenefits .banners .col-md-8 { width: 100%; } } @media only screen and (max-width: 767px) { #DiscBenefits .summary .img { display: none; } #DiscBenefits .summary .head { font-size: 16px; } #DiscBenefits .summary .desc { font-size: 12px; } } @media only screen and (max-width: 610px) { #DiscBenefits .member .carHire, #DiscBenefits .member .hotel { height: 25px; padding: 5px 0; } #DiscBenefits .member .flights { float: none; width: auto; } #DiscBenefits .member .other { width: 50%; border-top: 1px solid #EEEEEE; } } @media only screen and (max-width: 500px) { #DiscBenefits .member .profile { padding-bottom: 10px; } #DiscBenefits .member .profile .name { margin-top: 10px; } #DiscBenefits .member .profile .name, #DiscBenefits .member .profile .dob, #DiscBenefits .member .profile .gender { width: 75%; } #DiscBenefits .member .profile .dob, #DiscBenefits .member .profile .gender { margin-top: 0; } } /* Progress Bar ***************************************************************/ .widget-progress-bar-widget .progress-bar { clear: left; display: block; width: 100%; float: none; } .widget-progress-bar-widget .progress-bar ol { margin: 0; padding: 0; } .widget-progress-bar-widget .progress-bar li { display: inline-block; font-size: 13px; margin-bottom: 0; padding-left: 0; color: #666666; margin-right: 20px; text-align: left; } .widget-progress-bar-widget .progress-bar .order { background-color: #EEEEEE; width: 30px; height: 30px; text-align: center; display: inline-block; border-radius: 50%; margin-right: 5px; color: #666666; vertical-align: middle; line-height: 28px; } .widget-progress-bar-widget .progress-bar li.stepPast .order { background-color: #00BCE4; color: #FFFFFF; } .widget-progress-bar-widget .progress-bar li.stepPast a { color: #0092B3; } .widget-progress-bar-widget .progress-bar li.stepCurrent .order { background-color: #0092B3; color: #FFFFFF; } .widget-progress-bar-widget .progress-bar li.stepCurrent a { color: #0092B3; font-weight: bold; } .widget-progress-bar-widget .progress-bar ol:after, .widget-progress-bar-widget .progress-bar ol::after { content: ''; display: block; clear: both; } @media (min-width: 1024px) and (max-width: 1200px) { .widget-progress-bar-widget .progress-bar li { width: 13.8%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-right: 0; } } @media (min-width: 579px) and (max-width: 991px) { .widget-progress-bar-widget .progress-bar li { width: 13.8%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-right: 0; } } @media (max-width: 578px) { .widget-progress-bar-widget .progress-bar li { margin-right: 0; width: 13%; } .widget-progress-bar-widget .progress-bar li .text { display: none; } } /* FLIGHT SEARCH SUMMARY ***************************************************************/ .widget-ModifyBookingSearch { background-color: #F5F5F5; box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.12); -webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.12); -moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.12); } .modifysearch { font-size: 11px; height: 70px; } .modifysearch .summary { display: none; } .modifysearch .icon, .modifysearch .trip, .modifysearch .summary, .modifysearch .departure, .modifysearch .spacer, .modifysearch .arrival, .modifysearch .travellers, .modifysearch .contribution, .modifysearch .action { float: left; margin: 15px 0; } .modifysearch .icon { padding-right: 4%; } .modifysearch .icon .flig { background-image: url("../Content/black/icons/flight-icons-sprite.png"); background-repeat: no-repeat; background-position-x: 0; background-position-y: -37px; width: 32px; height: 32px; margin-top: 2px; } .modifysearch .travellers, .modifysearch .contribution, .modifysearch .departure { border-left: 1px solid #BBBBBB; margin-left: 4%; padding-left: 4%; height: 40px; } .modifysearch .spacer { padding: 0 4%; font-size: 30px; line-height: 40px; } .modifysearch .text { font-size: 16px; } .modifysearch .action { margin-left: 4%; } .buttonModifySearch { background-color: #00BCE4; display: block; width: 40px; height: 40px; line-height: 40px; color: #ffffff; border-radius: 50%; text-align: center; text-decoration: none; cursor: pointer; -webkit-transition: background-color .5s ease; transition: background-color .5s ease; } .buttonModifySearch:hover { background-color: #0092B3; } .modifysearchextend { display: none; width: 100%; z-index: 5000; } .modifysearch .travellers, .modifysearch .contribution { text-align: center; } @media (max-width:991px) { .modifysearch .icon { padding-right: 2%; } .modifysearch .travellers, .modifysearch .contribution, .modifysearch .departure { margin-left: 2%; padding-left: 2%; } .modifysearch .spacer { padding: 0 3%; } .modifysearch .action { margin-left: 2%; } } @media (max-width:740px) { .modifysearch .icon { display: none; } } @media (max-width:664px) { .modifysearch .trip { display: none; } .modifysearch .departure { border-left: 0; margin-left: 0; padding-left: 0; } .modifysearch .text { font-size: 14px; } } @media (max-width:544px) { .modifysearch { height: 60px; } .modifysearch .detail { display: none; } .modifysearch .summary { display: block; } .modifysearch .icon, .modifysearch .trip, .modifysearch .summary, .modifysearch .departure, .modifysearch .spacer, .modifysearch .arrival, .modifysearch .travellers, .modifysearch .contribution, .modifysearch .action { margin: 5px 0; height: 50px; } .modifysearch .text { font-size: 12px; } .modifysearch .summary { padding-right: 5%; line-height: 16px; } .modifysearch .action, .modifysearch .contribution { padding-left: 5%; } .buttonModifySearch { margin-top: 5px; } } /* CALENDAR FLIGHT SEARCH ***************************************************************/ .calSearch { margin-bottom: 10px; } .calSearch .menu-dates { padding: 0 2px; width: 14%; float: left; } .calSearch .menu-day { display: block; height: 63px; width: 100%; border: solid 1px #DDDDDD; text-align: center; border-radius: 3px; } .calSearch .menu-date-text { text-align: center; color: #00BAE4; font-weight: bold; background-color: #EEEEEE; font-size: 11px; display: block; height: 18px; cursor: pointer; } .calSearch .menu-price { text-align: center; color: #666666; cursor: pointer; font-size: 12px; margin-top: 13px; } .calSearch .arrow { display: none; } .calSearch .days { float: left; width: 88%; padding: 1px 5px 0; height: 70px; overflow: hidden; } .calSearch .scroll { margin-left: -2px; margin-right: -2px; } /* Active */ .calSearch .menu-dates.active { width: 16% } .calSearch .menu-dates.active .menu-day { border: solid 3px #0092B3; position: relative; } .calSearch .menu-dates.active .menu-day .menu-date-text { color: #FFFFFF; background-color: #0092B3; } .calSearch .menu-dates.active .menu-day .menu-price { margin-top: 11px; } .calSearch .menu-dates.active .menu-day .arrow { display: block; color: #0092B3; } .calSearch .menu-dates.active .menu-day .arrow:before, .calSearch .menu-dates.active .menu-day .arrow::before { position: relative; bottom: -10px; } /* Inactive */ .calSearch .menu-dates.inactive .menu-day .menu-dates { border: solid 3px #f7f7f7; } .calSearch .menu-dates.inactive .menu-day .menu-date-text { color: #BBBBBB; cursor: auto; } .calSearch .menu-dates.inactive .menu-day .menu-price { cursor: auto; } /* buttons */ .dates-next, .dates-prev { background-attachment: scroll; background-clip: border-box; border-radius: 3px; background-color: #00BCE4; height: 62px; position: relative; width: 6%; display: block; float: left; cursor: pointer; } .dates-next::before, .dates-next:before, .dates-prev::before, .dates-prev::before { color: #FFFFFF; line-height: 62px; text-align: center; display: block; } @media (min-width: 1024px) and (max-width: 1200px) { .calSearch .scroll { margin-left: -20%; margin-right: -20%; } } @media (max-width: 768px) { .calSearch .scroll { margin-left: -20%; margin-right: -20%; } } @media (max-width: 600px) { .calSearch .days { width: 84%; } .dates-next, .dates-prev { width: 8%; } .calSearch .scroll { margin-left: -68%; margin-right: -68%; } } /* Flight Results Table **************************************************************/ .flightList { margin-bottom: 30px; border-bottom: 1px solid #DDDDDD; } .flightList .head { font-weight: bold; margin-bottom: 5px; margin-top: 20px; } .flightList .body { border: 1px solid #DDDDDD; border-bottom: 0; } .flightList .body.expand { margin-bottom: 10px; } .flightList .depart, .flightList .arrive, .flightList .flight, .flightList .info, .flightList .operated, .flightList .total, .flightList .disc-total, .flightList .disc-total-view, .flightList .brand, .flightList .selected-total, .flightList .selected-brand { float: left; text-align: center; } .flightList .depart strong, .flightList .arrive strong, .flightList .flight strong, .flightList .info strong, .flightList .operated strong, .flightList .total strong, .flightList .disc-total strong, .flightList .depart i, .flightList .arrive i { display: none; } .flightList .depart strong, .flightList .arrive strong, .flightList .flight strong, .flightList .info strong, .flightList .operated strong, .flightList .total strong, .flightList .disc-total strong, .flightList .disc-total-view strong { margin-bottom: 5px; } .flightList .depart i, .flightList .arrive i { font-style: normal; } .flightList .body .depart, .flightList .body .arrive { padding: 23px 0 0 0; } /*15*/ .flightList .body .flight { padding: 15px 0 0 0; } /*7*/ .flightList .body .operated { padding: 22px 0 0 0; } .flightList .body .info { padding: 22px 0 0 0; } .flightList .body .total { padding: 23px 0 0 0; text-align: left; } .flightList .body.connection .flight { padding-top: 7px; } .flightList .body.connection .operated { padding-top: 12px; } .flightList .body .total.remaining { padding: 14px 0 0 0; } .flightList .body .total .tag { width: 40px; margin: 0 10px; float: left; margin-top: -10px; height: 18px; } .flightList .body .total .tag img { width: 100%; } .flightList .body .depart, .flightList .body .arrive, .flightList .body .flight, .flightList .body .info, .flightList .body .operated, .flightList .body .total, .flightList .body .selected-total, .flightList .body .selected-brand { line-height: 16px; } .flightList .body .selected-total input { display: none; } .flightList .depart, .flightList .arrive { width: 8%; } .flightList .flight { width: 13%; } .flightList .info { width: 15%; } .flightList .operated { width: 15%; } .flightList .total { width: 21%; padding-left: 28px; } .flightList .disc-total, .flightList .disc-total-view, .flightList .selected-total, .flightList .selected-brand { width: 20%; } .flightList.brands .brand { width: 27%; } .flightList.brands .brand.economy_total { margin-left: 2%; } .flightList .total .price { font-size: 20px; line-height: 16px; } .flightList .seats { font-size: 12px; padding-left: 46px; } .flightList .brandselection .seats { padding-left: 0; } .flightList .info a:after, .flightList .info a::after { font-family: 'Glyphicons Halflings'; content: '\e259'; font-size: 10px; margin-left: 5px; } .flightList .body.expand .info a { color: #608828; } .flightList .body.expand .info a:after, .flightList .body.expand .info a::after { content: '\e260'; } .flightList .body.expand .info a:hover { text-decoration: none; } .flightList .disc-total label, .flightList .disc-total .fakelabel, .flightList .disc-total-view label, .flightList .selected total label { line-height: 16px; background-color: #00BCE4; font-weight: normal; display: block; color: #FFFFFF; margin: 0; padding: 13px 0; cursor: pointer; } .flightList .disc-total .fakelabel { background-color: #CCCCCC; color: #666666; } .flightList .disc-total label input[type="radio"] { float: left; margin: 12px -20px 12px 20px; } .flightList .disc-total label .price, .flightList .disc-total .fakelabel .price, .flightList .disc-total-view label .price, .flightList .selected-total label .price, .flightList.brands .brand .price { font-size: 20px; display: block; line-height: 16px; } .flightList .disc-total label .save, .flightList .disc-total-view label .save { font-size: 12px; } .flightList .disc-total-view label { color: #666666; background-color: transparent; cursor: auto; padding: 10px; } .flightList .body .total.not-available, .flightList .body .total.sold-out, .flightList .body .total.invalid { width: 20%; float: right; background-color: #CCCCCC; color: #666666; font-size: 11px; cursor: not-allowed; padding: 23px 0; text-align: center; } .flightList .body .brand { height: 62px; position: relative; cursor: pointer; line-height: 16px; background-color: #00BCE4; color: #FFFFFF; margin: 0; padding: 22px 0 21px; background-color: #00BCE4; } .flightList .body .brand strong { display: none; } .flightList .body .brand.business_total { background-color: #0092B3; } .flightList .body .brand.economy_total .arrow, .flightList .body .brand.business_total .arrow { display: none; } .flightList .body .brand.economy_total.active, .flightList .body .brand.business_total.active { padding-bottom: 20px; } .flightList .body .brand.economy_total.active .arrow, .flightList .body .brand.business_total.active .arrow { display: block; line-height: 1px; font-size: 1px; height: 1px; } .flightList .body .brand.economy_total.active .arrow:before, .flightList .body .brand.business_total.active .arrow:before { font-size: 20px; position: relative; bottom: -25px; } .flightList .body .brand.economy_total.active .arrow:before { color: #00BCE4; } .flightList .body .brand.business_total.active .arrow:before { color: #0092B3; } .body .brand.first { margin-left: 1%; } .flightList .body .brand.not-available, .flightList .body .brand.sold-out, .flightList .body .brand.invalid { background-color: #CCCCCC; color: #666666; font-size: 11px; cursor: not-allowed; padding: 23px 0; } .flightList .body .brand.remaining { padding-bottom: 5px; } .flightList .body .brand.remaining.active { padding-bottom: 4px; } .flightList .body .brand.remaining.active .arrow:before, .flightList .body .brand.remaining.active .arrow::before { bottom: -9px; } .flightList .body .brand .tag { width: 40px; position: absolute; height: 18px; top: 10px; right: 10px; } .flightList .body .brand .tag img { width: 100%; } .flightList .body .flightDetail.economyPrice, .flightList .body .flightDetail.businessPrice { display: block; margin-bottom: 10px; } .flightList .body .flightDetail.businessPrice .names { width: 48%; } .flightList .body .flightDetail.businessPrice .values { width: 52%; } .flightList .body .flightDetail .economyBrands, .flightList .body .flightDetail .businessBrands { display: none; } .flightList .body .flightDetail.economyPrice .economyBrands, .flightList .body .flightDetail.businessPrice .businessBrands { display: block; } .flightList .body .flightDetail.economyPrice .economyBrands h4.instruction, .flightList .body .flightDetail.businessPrice .businessBrands h4.instruction { display: none; border-bottom: 1px solid #DDDDDD; margin: 10px 10px 0 10px; padding-bottom: 10px; font-weight: bold; } .flightList .body .flightDetail.economyPrice .names { width: 32% } .flightList .body .flightDetail.economyPrice .economyBrands { width: 68%; float: left; } .flightList .body .flightDetail.economyPrice .economyBrands .values { width: 33.3%; } .flightList .body.selected .disc-total label, .flightList .body.expand .disc-total label { background-color: #0092B3; } .flightList .action { clear: both; padding: 10px; text-align: right; } .flightList.brands .info { display: none; } .flightList.brands .values .action label { background-color: #8bc63e; /*IE 8 & 9*/ cursor: pointer; display: block; max-width: 200px; margin: 0 auto; background-image: linear-gradient(150deg,#8bc63e 50%,#86c139 51%); color: #FFFFFF; text-decoration: none; font-size: 16px; text-transform: uppercase; height: 60px; padding: 17px 10px; border-width: 1px 1px 3px 1px; line-height: 24px; border-style: solid; border-radius: 3px; border-color: #71a130; text-align: center; white-space: nowrap; -webkit-transition: background-position .5s ease; transition: background-position .5s ease; text-overflow: ellipsis; overflow: hidden; background-size: 200% 200%; background-position: 0 50%; } .flightList.brands .values .action label:hover { background-color: #7DB137; /*IE 8 & 9*/ background-position: 0 100%; } .flightList.brands .values .action label input { display: none; } /* flight info expander */ .flightInfo { padding: 20px 20px 20px 25px; font-size: 11px; clear: both; border-top: 1px solid #DDDDDD; background-color: #EEEEEE; } .flightInfo .departing, .flightInfo .arriving { padding-left: 20px; } .flightInfo .departing { border-left: 1px solid #999999; margin-top: 0; } .flightInfo .arriving { padding-left: 21px; } .flightInfo .departing .airport, .flightInfo .arriving .airport { line-height: 14px; position: relative; } .flightInfo .departing .airport:before, .flightInfo .departing .airport::before, .flightInfo .arriving .airport:before, .flightInfo .arriving .airport::before, .flightInfo .timeline .stop:before, .flightInfo .timeline .stop::before { border: 1px solid #999999; background-color: #FFFFFF; border-radius: 50%; display: block; position: absolute; content: ''; height: 15px; width: 15px; margin-right: 15px; vertical-align: middle; } .flightInfo .departing .airport:before, .flightInfo .departing .airport::before { left: -28px; } .flightInfo .arriving .airport:before, .flightInfo .arriving .airport::before { left: -27px; } .flightInfo .timeline .stop { line-height: 12px; margin-bottom: 5px; margin-top: 5px; font-style: italic; position: relative; } .flightInfo .timeline .stop:before, .flightInfo .timeline .stop::before { background-color: #999999; margin-right: 0; left: -8px; } .flightInfo .timeline { border-left: 1px solid #999999; padding: 5px 0; } .flightInfo .timeline .duration { background-color: #F9F9F9; padding: 10px; margin-left: 20px; } .flightInfo .timeline .airport { padding-left: 20px; padding-top: 5px; padding-bottom: 5px; } .flightInfo .timeline .line { display: inline-block; background-color: #999999; height: 1px; margin-right: 10px; width: 45%; margin-top: 7px; margin-bottom: 7px; vertical-align: middle; } .flightInfo .timeline .duration .aircraft { float: right; } /* flight detail expander */ .flightList .body .flightDetail { border-top: 1px solid #DDDDDD; display: none; } .flightList .body.expand .flightDetail { display: block; } .flightDetail { border-bottom: 1px solid #DDDDDD; clear: both; } .flightDetail .names, .flightDetail .values { height: 296px; float: left; } .flightDetail .values.\31 B .seats, .flightDetail .values.\30 B .seats, .flightDetail .values.FL .seats { margin-top: 80px; } .BA .flightDetail .values { min-width: 50%; } .BA .flightDetail .values .value { text-align: left; width: 50%; margin: 0 auto; } .BA .flightDetail .values .value.heading { width: 100%; background: #78C3D5; color: #fff; } .BA .flightDetail .values.BS .value.heading { background: #1F9CBA; } .flightDetail .values strong { display: none; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .flightDetail .values .value img { width: 30px; float: left; margin-right: 10px; } .flightDetail .values .value .fare-attribute { margin-left: 40px; } .flightDetail .values .value .fare-attribute .header { display: block; font-size: 12px; } .flightDetail .values .value .fare-attribute .description { display: block; font-size: 15px; } .flightDetail .names { width: 60%; } /*.flightDetail .values { background-color: #EEEEEE; width:40%; }*/ .flightDetail .values { height: 100%; background-color: #FFFFFF; width: 33.33%; display: grid; border-left: 0.5px solid #ccc; border-right: 0.5px solid #ccc; } .flightDetail .values .value h4 { font-size: 16px; text-align: center; font-weight: bold; } .flightDetail .values.ftr-col-rs .value.heading { height: 62px; background: #f3f3f3; margin: 0px; border-bottom: 1px solid #ccc; } .flightDetail .values.ftr-col-sf .value.heading { height: 62px; background: #1F9CBA; color: #ffffff; margin: 0px; } .flightDetail .values.ftr-col-fl .value.heading { height: 62px; background: #78C3D5; color: #ffffff; margin: 0px; } .flightDetail .values .was-price { width: 80%; margin: 0 auto; text-align: center; border-top: 0.5px solid #cccccc; border-bottom: 0.5px solid #cccccc; } .flightDetail .values .was-price label .price { font-size: 22px; } .flightDetail .values .was-price .currencyvalue { display: block; } .flightDetail .values .was-price label, .flightDetail .values .discovery-price { padding: 10px 0; display: grid; text-align: center; font-weight: unset; } .flightDetail .values .discovery-price label input { display: none; } .flightDetail .values .discovery-price label { background: #8bc63e; color: #FFFFFF; display: block; font-size: 22px; font-weight: unset; height: 40px; width: 150px; margin: 12px auto; padding: 8px 24px; border-width: 1px 1px 3px 1px; line-height: 20px; border-style: solid; border-radius: 3px; border-color: #71a130; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; cursor: pointer; } .flightDetail .name, .flightDetail .value { color: #666; display: block; line-height: 25px; margin: 0 10px; } .flightDetail .name { border-bottom: 1px solid #EEEEEE; } .flightDetail .value { border-bottom: 1px solid #F9F9F9; padding: 10px 0; word-wrap: break-word; } .MN .values.ftr-col-ba-e { display: none; } .BA .values.ftr-col-fl { display: none; } .brandselection .fare .disc-total-view label { padding: 24px; } .brandselection .fare .disc-total-view label strong { display: none; } .brandselection .fare .info { margin: 20px 0; padding: 0px; } .brandselection .fare .info a { width: 100%; display: block; background: #00BCE4; color: #ffffff; margin: 0px 0px 0px -8px; padding: 10px; border-radius: 4px; border: 1px solid #0098B9; } @media (min-width: 310px) and (max-width: 768px) { .brandselection .flightDetail .values.\31 B .seats, .brandselection .flightDetail .values.\30 B .seats { margin-top: 20px; margin-bottom: 20px; } .brandselection .flightDetail .values { width: 100%; text-align: center; } .brandselection .flightDetail .values .value .fare-attribute { margin-left: unset; } .brandselection .flightDetail .values .value.heading { width: 100%; } .brandselection .flightDetail .values .value { width: 80%; margin: 0 auto; text-align: center; } .brandselection .flightDetail .values .value img { width: 30px; float: none; margin-right: unset; } .brandselection .fare .disc-total-view label { background: #dddddd; padding: 10px; } .brandselection .fare .disc-total-view label strong { display: block; } .brandselection .fare .info a { margin: 0px; } } .flightDetail .desc { height: 82px; } .flightDetail .bag { margin: 10px; } .flightDetail .person, .flightDetail .seats { text-align: center; margin-top: 10px; } .flightDetail .seats { font-weight: bold; margin-bottom: 10px; } .flightDetail .person .price { font-size: 20px; } .flightDetail .actionText, .flightDetail .action { height: 82px; border-top: 1px solid #DDDDDD; padding: 10px; } .flightDetail .actionText { text-align: right; } .flightDetail .action { text-align: center; } .flightDetail .actionText h3 { margin: 8px 0 0 0; } .flightDetail .content-btn-big { padding: 12px 24px; line-height: 14px; text-align: center; } .flightDetail .content-btn-big .price { display: block; } .flightDetail .content-btn-big .currency, .flightDetail .content-btn-big .cents { } .flightDetail .content-btn-big .save { font-size: 12px; text-transform: none; } .brands .flightDetail .action { border: 0; } /* selected flight summary view ***************************************************************/ .summary .flightList { margin-bottom: 15px; border-bottom: 0; } .summary .flightList .depart, .summary .flightList .arrive { width: 12%; } .summary .flightList .flight { width: 16%; } .summary .flightList .operated { width: 16%; } .summary .flightList .total { width: 22%; } .summary .flightList .depart strong, .summary .flightList .arrive strong, .summary .flightList .flight strong, .summary .flightList .info strong, .summary .flightList .operated strong, .summary .flightList .total strong, .summary .flightList .disc-total strong, .summary .flightList .disc-total-view strong, .summary .flightList .selected-total strong, .summary .flightList .selected-brand strong, .summary .flightList .depart i, .summary .flightList .arrive i { display: block; } .summary .flightList .body .depart, .summary .flightList .body .arrive, .summary .flightList .body .flight, .summary .flightList .body.connection .flight, .summary .flightList .body .operated, .summary .flightList .body.connection .operated, .summary .flightList .body .total, .summary .flightList .disc-total label, .summary .flightList .disc-total-view label, .summary .flightList .selected-total label, .summary .flightList .selected-brand label { padding: 0; } .summary .flightList .body .depart strong, .summary .flightList .body .arrive strong, .summary .flightList .body .flight strong, .summary .flightList .body .operated strong, .summary .flightList .body .total strong, .summary .flightList .disc-total label strong, .summary .flightList .disc-total-view label strong, .summary .flightList .selected-total label strong, .summary .flightList .selected-brand strong, .summary .flightList .body.connection .operated strong { padding: 10px 0 10px 0; margin-bottom: 0; line-height: 16px; } .summary .flightList .body .total .tag { margin-top: 20px; } .summary .flightList .disc-total { display: none; } .summary .flightList .disc-total-view { display: block; } .summary .flightList #flightinfo { margin-bottom: 10px; } .summary .flightList .body { border-bottom: 1px solid #DDDDDD; border-radius: 4px; } .summary .flightList .body.expand { border-bottom: 0; padding-bottom: 0; } .summary .flightList .body .info { display: none; } .summary .changeSelection { margin-bottom: 30px; } @media (min-width: 1024px) and (max-width: 1200px) { .flightList .head { display: none; } .flightList .depart strong, .flightList .arrive strong, .flightList .flight strong, .flightList .info strong, .flightList .operated strong, .flightList .total strong, .flightList .disc-total strong, .flightList .disc-total-view strong, .flightList .depart i, .flightList .arrive i, .flightList .selected-total strong, .flightList .selected-brand strong { display: block; font-size: 11px; } .flightList .body { position: relative; margin-top: 10px; border-bottom: 1px solid #DDDDDD; -webkit-box-shadow: 0px -1px 5px -3px rgba(0,0,0,0.23); -moz-box-shadow: 0px -1px 5px -3px rgba(0,0,0,0.23); box-shadow: 0px -1px 5px -3px rgba(0,0,0,0.23); } .flightList .body .depart, .flightList .body .arrive, .flightList .body .flight, .flightList .body .operated { padding: 10px; text-align: left; } .flightList .depart, .flightList .arrive { width: 25%; } .flightList .flight { width: 25%; } .flightList .info { width: 16%; } .flightList .operated { width: 25%; } .flightList .total { width: 25%; } .flightList .body .total { padding: 10px 10px 26px 10px; } .flightList .body .total .tag { margin-right: 0; margin-top: 4px; float: right; } .flightList .disc-total, .flightList .body .total.not-available, .flightList .body .total.sold-out, .flightList .body .total.invalid { width: 22%; } .flightList .body { position: relative; margin-top: 5px; border-bottom: 1px solid #DDDDDD; } .flightList.brands .head .brand { display: none; } .flightList.brands .body .brand.first { clear: both; } .flightList.brands .body .brand.first, .flightList.brands .brand.economy_total { margin: 0; } .flightList.brands .body .brand { width: 50%; } .flightList.brands .brand.business_total, .flightList.brands .brand.economy_total { padding: 10px; } .flightList.brands .body .brand strong { display: block; margin-bottom: 5px; } .flightList.brands .body .operated { margin-bottom: 20px; } .flightList .body .brand.economy_total.active .arrow:before, .flightList .body .brand.business_total.active .arrow:before { bottom: -16px; } .flightList .body .flightDetail.economyPrice .names { width: 100%; height: auto; } .flightList .body .flightDetail.economyPrice .names .name { display: none; } .flightList .body .flightDetail.economyPrice .names .desc, .flightList .body .flightDetail .economyBrands .values { height: auto; } .flightList .body .flightDetail .economyBrands .values .value h4 { margin: 0; } .flightList .body .flightDetail .economyBrands .values .value { line-height: normal; padding: 10px; } .flightList .body .flightDetail .economyBrands .values strong { display: block; } .flightList .body .flightDetail.businessPrice .names, .flightList .body .flightDetail.businessPrice .businessBrands { width: 50%; float: left; } .flightList .body .flightDetail.economyPrice .economyBrands { background-color: #EEEEEE; } .flightList .body .flightDetail.economyPrice .economyBrands, .flightList .body .flightDetail.businessPrice .businessBrands .values { width: 100%; } .flightList .body .flightDetail.economyPrice .economyBrands h4.instruction { display: block; } .flightList .body .flightDetail.economyPrice, .flightList .body .flightDetail.businessPrice { margin-bottom: 0; } .flightList .total { background-color: #E5E5E5; } .flightList .total, .flightList .disc-total, .flightList .disc-total-view { width: 50%; text-align: left; } .flightList .body .disc-total label { padding: 10px; } .flightList .disc-total label input[type="radio"] { float: left; margin: 20px 20px 20px 10px; } .flightList .body .info { clear: both; width: 100%; padding: 0 10px 10px 10px; text-align: left; } .summary .flightList .body { padding: 10px; } .summary .flightList .depart, .summary .flightList .arrive, .summary .flightList .flight { width: 25%; } .summary .flightList .operated { width: 15%; } .summary .flightList .total { background-color: transparent; } .summary .flightList .body .depart strong, .summary .flightList .body .arrive strong, .summary .flightList .body .flight strong, .summary .flightList .body .operated strong, .summary .flightList .body .total strong, .summary .flightList .disc-total label strong, .summary .flightList .disc-total-view label strong, .summary .flightList .body .selected-brand strong, .summary .flightList .body .selected-total strong, .summary .flightList .body.connection .operated strong { padding-top: 0; padding-bottom: 5px; } .summary .flightList .body .total .tag { margin-top: 5px; margin-right: 10px; margin-left: 0; } .summary .flightList .fare { clear: both; } .summary .flightList .total, .summary .flightList .disc-total, .summary .flightList .disc-total-view, .summary .flightList .selected-brand, .summary .flightList .selected-total { width: 50%; text-align: left; } } @media only screen and (max-width: 768px) { .flightList .head { display: none; } .flightList .depart strong, .flightList .arrive strong, .flightList .flight strong, .flightList .info strong, .flightList .operated strong, .flightList .total strong, .flightList .disc-total strong, .flightList .disc-total-view strong, .flightList .depart i, .flightList .arrive i, .flightList .selected-total strong, .flightList .selected-brand strong { display: block; font-size: 11px; } .flightList .body { position: relative; margin-top: 10px; border-bottom: 1px solid #DDDDDD; -webkit-box-shadow: 0px -1px 5px -3px rgba(0,0,0,0.23); -moz-box-shadow: 0px -1px 5px -3px rgba(0,0,0,0.23); box-shadow: 0px -1px 5px -3px rgba(0,0,0,0.23); } .flightList .body .depart, .flightList .body .arrive, .flightList .body .flight, .flightList .body .operated { padding: 10px; text-align: left; } .flightList .body .arrive, .flightList .body .flight, .flightList .body .operated { padding-left: 0; } .flightList .body .depart, .flightList .body .arrive, .flightList .body .flight { padding-right: 0; width: 24%; } .flightList .body .flight { width: 25%; } .flightList .body .operated { width: 25%; } .flightList .body .total { padding: 10px 10px 26px 10px; } .flightList .body .total .tag { margin-right: 0; margin-top: 4px; float: right; } .flightList .seats { padding-left: 0; } .flightList .body.connection .flight, .flightList .body.connection .operated { padding-top: 10px; } .flightList .body .total.remaining { padding: 10px 10px 11px 10px; } .flightList .body .operated { padding-bottom: 5px; } .flightList .body .info { clear: both; width: 100%; padding: 10px; text-align: center; } .flightList .fare { clear: both; } .flightList .total { background-color: #efefef; } .flightList .total, .flightList .disc-total, .flightList .disc-total-view { width: 50%; text-align: left; } .summary .flightList .total, .summary .flightList .disc-total-view, .summary .flightList .selected-total, .summary .flightList .selected-brand { width: 48%; text-align: left; } .summary .flightList .body .total .tag { margin-top: 5px; margin-right: 10px; margin-left: 0; } .flightList .body .disc-total label { padding: 10px; } .flightList .disc-total label input[type="radio"] { float: left; margin: 20px 20px 20px 10px; } .flightDetail .names, .flightDetail .values { width: 50%; } .flightList.brands .head .brand { display: none; } .flightList.brands .body .brand.first { clear: both; } .flightList.brands .body .brand.first, .flightList.brands .brand.economy_total { margin: 0; } .flightList.brands .body .brand { width: 50%; } .flightList.brands .brand.business_total, .flightList.brands .brand.economy_total { padding: 10px; } .flightList.brands .body .brand .tag { margin-right: 0; } .flightList.brands .body .brand strong { display: block; margin-bottom: 5px; } .flightList.brands .body .operated { margin-bottom: 20px; } .flightList .body .brand.economy_total.active .arrow:before, .flightList .body .brand.business_total.active .arrow:before { bottom: -16px; } .flightList .body .flightDetail.economyPrice .names { width: 100%; height: auto; } .flightList .body .flightDetail.economyPrice .names .name { display: none; } .flightList .body .flightDetail.economyPrice .names .desc, .flightList .body .flightDetail .economyBrands .values { height: auto; } .flightList .body .flightDetail .economyBrands .values .value { line-height: normal; padding: 10px; } .flightList .body .flightDetail .economyBrands .values .value h4 { margin: 0; } .flightList .body .flightDetail .economyBrands .values strong { display: block; } .flightList .body .flightDetail.businessPrice .names, .flightList .body .flightDetail.businessPrice .businessBrands { width: 50%; float: left; } .flightList .body .flightDetail.economyPrice .economyBrands, .flightList .body .flightDetail.businessPrice .businessBrands .values { width: 100%; } .flightList .body .flightDetail.economyPrice .economyBrands { background-color: #EEEEEE; } .flightList .body .flightDetail.economyPrice .economyBrands h4.instruction { display: block; } .flightList .body .flightDetail.economyPrice, .flightList .body .flightDetail.businessPrice { margin-bottom: 0; } .summary .flightList .body { padding: 10px; } .summary .flightList .total { background-color: transparent; } .summary .flightList .body .depart strong, .summary .flightList .body .arrive strong, .summary .flightList .body .flight strong, .summary .flightList .body .operated strong, .summary .flightList .body .total strong, .summary .flightList .disc-total label strong, .summary .flightList .disc-total-view label strong, .summary .flightList .body.connection .operated strong { padding-top: 0; padding-bottom: 5px; } .flightList .body .total.not-available, .flightList .body .total.sold-out, .flightList .body .total.invalid { width: 100%; text-align: center; } } @media only screen and (max-width: 500px) { .flightList .body .flightDetail.businessPrice .names .name { display: none; } .flightList .body .flightDetail.businessPrice .businessBrands { background-color: #EEEEEE; } .flightList .body .flightDetail.businessPrice .businessBrands h4.instruction { display: block; } .flightList .body .flightDetail.economyPrice .economyBrands h4.instruction, .flightList .body .flightDetail.businessPrice .businessBrands h4.instruction { text-align: center; } .flightList .body .flightDetail.economyPrice .economyBrands .values { width: 100%; } .flightDetail .seats { margin: 0; } .flightList .body .flightDetail.businessPrice .names, .flightList .body .flightDetail.businessPrice .names .desc, .flightList .body .flightDetail.businessPrice .businessBrands .values { height: auto; } .flightList .body .flightDetail.businessPrice .businessBrands, .flightList .body .flightDetail.businessPrice .names, .flightList .body .flightDetail.businessPrice .values { width: 100%; } } @media only screen and (max-width: 460px) { .flightDetail .names, .flightDetail .values, .flightDetail .actionText, .flightDetail .action, .flightDetail .desc { height: auto; } .flightDetail .desc { padding-bottom: 5px; border-bottom: 1px solid #FFFFFF; } .flightDetail .person { margin-top: 5px; } .flightList .operated img { width: 100%; max-width: 85px; } .flightDetail .names, .flightDetail .values { width: 100%; } .flightDetail .values strong { display: block; } .flightDetail .value { padding: 5px; } .flightDetail .names .name, .flightDetail .actionText { display: none; } .flightDetail .seats { margin: 0; } .flightDetail .action { border: 0; } .flightDetail .action strong { margin-bottom: 5px; } .flightDetail .content-btn-big { display: block; } .flightInfo .timeline .duration .aircraft { float: none; } .flightInfo { padding: 15px 15px 15px 20px; } .flightInfo .airport strong, .flightInfo .airport strong { display: block; } .flightList .body .brand .tag { width: 30px; top: 5px; } } @media only screen and (max-width: 425px) { .flightList .disc-total label input[type="radio"] { margin: 20px 10px 20px 5px; } } /* BA unavailable */ .flightList .BA .disc-total label, .flightList .MN .disc-total .fakelabel, .flightList .BA .flightDetail .actionText, .flightList .BA .flightDetail .action { display: none; } /* Flight filter ***************************************************************/ .filter-options { background-color: #EEEEEE; padding: 10px; } .filter-options div { float: left; margin-right: 10px; } .filter-options .head:after, .filter-options .head::after { clear: both; content: ''; } @media (max-width: 400px) { .filter-options div { float: none; } } /* Sidebar ***************************************************************/ .sidebar-block { } .widget-category-help-widget, .widget-CategoryHelpWidget { margin-bottom: 20px; } .contactno { padding-top: 10px; } .contactno h4 { margin: 6px 0 0; padding: 0; } /* Flight Rules popup ***************************************************************/ .flrules_route_selected { background-color: #FFFFFF; border-color: #DDDDDD #DDDDDD #FFFFFF; border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; border-style: solid; border-width: 1px; display: inline-block; float: left; color: #666666; font-size: 14px; font-weight: normal; padding: 10px; text-decoration: none; position: relative; top: 1px; cursor: pointer; } .flrules_route { background-color: #8BC63E; border-left: 1px solid #8CC63F; border-right: 1px solid #8CC63F; border-top: 1px solid #8CC63F; display: inline-block; float: left; margin: 0 4px 0 0; padding: 0; position: relative; top: 1px; color: #FFFFFF; font-size: 14px; font-weight: normal; height: auto; margin: 0; padding: 10px; text-decoration: none; position: relative; top: 1px; cursor: pointer; } .flrules_block { background-color: #FFFFFF; border: 1px solid #DDDDDD; clear: left; height: 300px; margin: 0; padding: 15px; font-size: 12px; } .frules_text { padding: 0 0 10px 15px; } /* Basket ***************************************************************/ #newBasket h4 { border-bottom: 1px solid #dddddd; margin-top: 0; padding-bottom: 5px; } #newBasket h4 .showInfo { display: none; } #newBasket #flightdetails { display: block; margin-left: 0; margin-bottom: 0; } #newBasket #flightdetails .Departing, #newBasket #flightdetails .Returning, #newBasket .Summary { font-weight: bold; } #newBasket #flightdetails .Departing, #newBasket #flightdetails .Returning, #newBasket .Summary { line-height: 25px; color: #666666; margin-bottom: 10px; font-size: 16px; font-family: FlamaSemibold,sans-serif; } #newBasket .flight { margin-bottom: 10px; } #newBasket #flightdetails .Departing::before, #newBasket #flightdetails .Departing:before, #newBasket #flightdetails .Returning::before, #newBasket #flightdetails .Returning:before { background-image: url("../Content/black/icons/flight-icons-sprite.png"); background-repeat: no-repeat; content: ''; display: block; float: left; background-color: #666666; width: 26px; height: 26px; border-radius: 50%; margin-right: 10px; } #newBasket #flightdetails .Departing::before, #newBasket #flightdetails .Departing:before { background-position-x: -132px; background-position-y: -52px; } #newBasket #flightdetails .Returning::before, #newBasket #flightdetails .Returning:before { background-position-x: -160px; background-position-y: -52px; } #newBasket #flightdetails .depart { text-align: left; } #newBasket #flightdetails .arrive { text-align: right; } #newBasket #flightdetails .depart .code, #newBasket #flightdetails .arrive .code { font-size: 20px; } #newBasket .details { padding-top: 5px; border-top: 1px solid #eeeeee; margin-top: 5px; } #newBasket .travellers { background-color: #EEEEEE; padding: 10px; margin-bottom: 10px; } #newBasket #extraDetails .route, #newBasket #extraSeats .route { font-weight: bold; } #newBasket .showInfo { padding: 0; background: none; font-size: 13px; margin: 0; } #newBasket .showInfo:before, #newBasket .showInfo::before { background: none; font-family: 'Glyphicons Halflings'; content: '\e259'; vertical-align: middle; } #newBasket .showInfo.selected:before, #newBasket .showInfo.selected::before { content: '\e260'; } #newBasket .rules { text-align: right; margin-top: 10px } #newBasket .price { float: right; } #newBasket .total { color: #666666; font-size: 20px; border-top: 1px solid #DDDDDD; padding-top: 10px; margin-top: 10px; font-family: FlamaSemibold,sans-serif; } #newBasket .total .price { font-size: 20px; } #newBasket .connection { background-color: #EEEEEE; font-size: 11px; padding: 10px; margin: 0 0 15px 0; } #newBasket .flightInfo { padding: 5px 0 5px 7px; border: 0; } #newBasket .flightInfo .departing .airport:before, #newBasket .flightInfo .departing .airport::before, #newBasket .flightInfo .arriving .airport:before, #newBasket .flightInfo .arriving .airport::before { left: -23px; } #newBasket .flightInfo .departing { padding-left: 15px; } #newBasket .flightInfo .arriving { padding-left: 16px; } #newBasket .flightInfo .timeline .line { width: 50%; } #newBasket .flightInfo .timeline .duration { margin-left: 15px; } #newBasket .flightInfo .timeline .airport { padding-left: 15px; } @media only screen and (max-width: 1024px) { #newBasket h4 .showInfo { display: block; } #newBasket #flightdetails { display: none; } #newBasket #flightdetails.displaydiv { display: block; } } /* Traveller Details ***************************************************************/ #travellerdetail .ui-datepicker-trigger { display: none; } #travellerdetail .DiscContribution { margin-bottom: -15px; } #travellerdetail .DiscContribution .price { float: right; } #travellerdetail .DiscContribution .breakdown { margin-left: 20px; } #travellerdetail h5 { margin-top: 0; } @media only screen and (max-width: 768px) { #travellerdetail .DiscContribution .breakdown { margin-bottom: 10px; } } #travellerdetail .well { border-right: 1px solid #f5f5f5; border-left: 1px solid #f5f5f5; padding: 15px; } #travellerdetail ol.routes { padding-left: 20px; margin-top: 0; } #travellerdetail ol.routes li { padding-left: 0; } #travellerdetail hr { margin-top: 10px; margin-bottom: 10px; } #travellerdetail .frequent-flyer { margin-bottom: 15px; } #travellerdetail .airline { } #travellerdetail .loyalty .form-group { margin-bottom: 0; } #travellerdetail .flyerNumber { margin-top: 10px; padding-bottom: 10px; } #travellerdetail .frequent-flyer .head h5 { margin-bottom: 0; } #travellerdetail .not-required .req_star { display: none; } @media only screen and (max-width: 991px) { #travellerdetail ol.routes { padding-left: 20px; margin-top: 10px; } } @media only screen and (max-width: 767px) { #travellerdetail .frequent-flyer .head { display: none; } } /* Ancillary Products ***************************************************************/ #anclist h5 { margin: 0; } #anclist .anc-img { float: left; width: 120px; margin-right: 20px; } #anclist .anc-img img { width: 100%; max-width: 160px; } #anclist .anc-desc { overflow: hidden; } #anclist .anc-desc h4 { } #anclist .anc-value { background-color: #EEEEEE; padding: 20px; min-height: 140px; text-align: center; overflow: hidden; } #anclist .anc-value input[type="button"].small { display: block; width: 100%; margin: 10px auto 0; max-width: 160px; } #anclist .anc-value .price { font-size: 32px; } #anclist .route { background-color: #E5E5E5; padding: 5px 10px; margin-bottom: 10px; margin-top: 10px; font-weight: bold; line-height: 26px; } #anclist .route label { margin: 0; display: inline; } #anclist .price .was { font-size: 12px; display: block; } #anclist .extraTotal { margin-top: 5px; } #anclist .extraTotal .price:before, #anclist .extraTotal .price::before { font-family: 'Glyphicons Halflings'; content: '\e013'; font-size: 14px; padding-right: 5px; } #anclist .link.remove { color: #0092b3; font-size: 14px; background-image: none; background-color: transparent; border: 0; text-transform: none; height: auto; padding: 0; } #anclist .link.remove:hover { text-decoration: underline; } #anclist .extraTotal { font-weight: bold; } #anclist .extraTotal .price { font-size: 20px; } #anclist .route:before, #anclist .route::before { background-image: url("../Content/black/icons/flight-icons-sprite.png"); background-repeat: no-repeat; background-position-x: -133px; background-position-y: -26px; content: ''; width: 26px; height: 26px; background-color: #FFFFFF; border-radius: 50%; display: block; float: left; margin-right: 10px; } #anclist .route img { float: right; margin-top: 5px; } #anclist .traveller { line-height: 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #00BCE4; } #anclist .traveller.all { color: #666666; } #anclist .travellers .selectall { border-bottom: 1px solid #DDDDDD; margin-bottom: 10px; } #anclist .travellers .selectall.flights { border-top: 1px solid #DDDDDD; border-bottom: 0; margin-bottom: 0; padding-top: 10px; margin-top: 10px; } #anclist .travellers input[type="checkbox"] { float: left; width: 20px; height: 20px; margin-right: 10px; margin-top: 0; } #anclist .travellers .added label { font-weight: normal; margin-left: 30px; } #anclist .items { margin: 0 0 20px 30px; } #anclist .items .item { clear: both; } #anclist .items .item .price { font-weight: bold; } #anclist .total { font-size: 20px; line-height: 36px; } #anclist .total .price { float: right; } #anclist .well { border-right: 1px solid #f5f5f5; border-left: 1px solid #f5f5f5; padding: 15px; } #anclist .actions { text-align: right; } #anclist .actions input[type="button"] { margin-bottom: 0; } #anclist .message-notification h1 { font-size: 16px; padding-bottom: 9px; display: block; margin: 0; } #anclist .subtotal { font-size: 16px; border-top: 1px solid #DDDDDD; padding: 5px 0 10px; } #anclist .subtotal .price { float: right; } #anclist .ancillary-left { background-color: #fff3b8; padding: 5px; } @media only screen and (min-width: 1024px) and (max-width:1200px) { #anclist .actions { clear: both; margin-top: 10px; } #anclist .total, #anclist .actions { width: 100%; } } @media only screen and (max-width: 991px) { #anclist .anc-value { height: auto; padding: 10px; } #anclist .actions { clear: both; margin-top: 10px; } #anclist .total, #anclist .actions { width: 100%; } } @media only screen and (max-width: 600px) { #anclist .anc-img { width: 100%; margin-bottom: 20px; text-align: center; float: none; } #anclist .anc-desc { height: auto; } #anclist .route img { float: none; margin-left: 37px; margin-top: 0; } } @media only screen and (max-width: 768px) { #anclist .actions { margin-top: 10px; } } @media only screen and (max-width: 390px) { #anclist .actions input[type="button"] { width: 100%; margin-top: 10px; } } /* Seatmap ***************************************************************/ /* enhanced seating styles */ .pre-paid-seat, .seat-green, .seat-darkgreen, .seat-darkblue, .seat-purple, .seat-gold, .seat-unavail, .seat-pax-selected { height: 44px; width: 38px; color: #FFFFFF; margin-bottom: 2px; margin-left: 1px; margin-right: 1px; text-align: center; cursor: pointer; background-position: center; background-repeat: no-repeat; } .seat-green, .pre-paid-seat.standard-back { background-image: url(../Content/black/seatmap/dark-blue-seat.png); } .seat-darkgreen, .pre-paid-seat.standard-front { background-image: url(../Content/black/seatmap/light-blue-seat.png); } .seat-purple, .pre-paid-seat.stretch-extra-legroom { background-image: url(../Content/black/seatmap/purple-seat.png); } .seat-purple, .pre-paid-seat.stretch-extra-legroom-exit { background-image: url(../Content/black/seatmap/seat_stretch_exit_zone.png); } .seat-darkblue, .pre-paid-seat.exit-extra-legroom { background-image: url(../Content/black/seatmap/green-seat.png); } .seat-gold, .pre-paid-seat.front-extra-legroom { background-image: url(../Content/black/seatmap/gold-seat.png); } .seat-unavail, .pre-paid-seat.unavailable { background-image: url(../Content/black/seatmap/unavailable.png); } .seat-row-wing-start-left, .seat-row-exit-wing-left, .seat-row-wing-end-left, .seat-row-blank-left, .seat-row-exit-left, .seat-row-wing-left { border-right: 2px solid #71a141; padding-right: 2px; margin-right: 2px; } .seat-row-wing-start-right, .seat-row-exit-wing-right, .seat-row-wing-end-right, .seat-row-blank-right, .seat-row-exit-right, .seat-row-wing-right { border-left: 2px solid #71a141; padding-right: 2px; margin-left: 2px; } .seat-row-wing-start-left, .seat-row-wing-start-right, .seat-row-exit-wing-left, .seat-row-exit-wing-right, .seat-row-wing-left, .seat-row-wing-right, .seat-row-wing-end-left, .seat-row-wing-end-right, .seat-row-blank-left, .seat-row-blank-right, .seat-row-exit-left, .seat-row-exit-right { height: 46px; width: 20px; background-repeat: no-repeat; } .seat-row-wing-start-left { background-image: url(../Content/black/seatmap/wing-l-begin.jpg); background-position: right; } .seat-row-wing-start-right { background-image: url(../Content/black/seatmap/wing-r-begin.jpg); background-position: left; } .seat-row-exit-wing-left, .seat-row-wing-left { background-image: url(../Content/black/seatmap/wing-l-body.jpg); background-position: right; } .seat-row-exit-wing-right, .seat-row-wing-right { background-image: url(../Content/black/seatmap/wing-r-body.jpg); background-position: left; } .seat-row-wing-end-left { background-image: url(../Content/black/seatmap/wing-l-end.jpg); background-position: right; } .seat-row-wing-end-right { background-image: url(../Content/black/seatmap/wing-r-end.jpg); background-position: left; } .seat-row-exit-left:before, .seat-row-exit-left::before, .seat-row-exit-left:after, .seat-row-exit-left::after, .seat-row-exit-right:before, .seat-row-exit-right::before, .seat-row-exit-right:after, .seat-row-exit-right::after, .seat-row-exit-wing-left:before, .seat-row-exit-wing-left::before, .seat-row-exit-wing-right::before, .seat-row-exit-wing-right::before, .seat-row-exit-wing-left:after, .seat-row-exit-wing-left::after, .seat-row-exit-wing-right::after, .seat-row-exit-wing-right::after { display: inline-block; height: 44px; font-family: 'Glyphicons Halflings'; color: #999; line-height: 44px; width: 2px; } .seat-row-exit-left:before, .seat-row-exit-left::before, .seat-row-exit-left:after, .seat-row-exit-left::after, .seat-row-exit-wing-left:before, .seat-row-exit-wing-left::before, .seat-row-exit-wing-left:after, .seat-row-exit-wing-left::after { content: "\e257"; } .seat-row-exit-right:before, .seat-row-exit-right::before, .seat-row-exit-right:after, .seat-row-exit-right::after, .seat-row-exit-wing-right::before, .seat-row-exit-wing-right::before, .seat-row-exit-wing-right::after, .seat-row-exit-wing-right::after { content: "\e258"; } .seat-pax-selected { background-image: url(../Content/black/seatmap/selected-seat.png); color: #FFFFFF; font-weight: bold; vertical-align: middle; line-height: 44px; font-size: 16px; } .seat-selection-key .price { font-size: 12px; display: inline; } .seat-selection-key .currency { display: inline-block; padding-top: 2px; } @media only screen and (max-width: 375px) { .seat-row-wing-start-left, .seat-row-wing-start-right, .seat-row-exit-wing-left, .seat-row-exit-wing-right, .seat-row-wing-left, .seat-row-wing-right, .seat-row-wing-end-left, .seat-row-wing-end-right, .seat-row-blank-left, .seat-row-blank-right, .seat-row-exit-left, .seat-row-exit-right { display: none; } } #PrePaidSeats .seatmap-header { margin: 15px 0 0; text-align: right; } #PrePaidSeats .seat-selection { background-color: #EEEEEE; border-top: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; margin-bottom: 20px; } #PrePaidSeats .seat-map { background-color: #FFFFFF; padding-bottom: 10px; border-left: 1px solid #DDDDDD; min-height: 360px; position: relative; } #PrePaidSeats .passengers { padding-left: 20px; } #PrePaidSeats .legends { padding-left: 20px; margin-bottom: 20px; } #PrePaidSeats .legends .key .pre-paid-seat { float: left; margin: 0 10px 10px 0; } #PrePaidSeats .legends .key .price { display: block; font-weight: bold; margin-top: 4px; } #PrePaidSeats .legends h3 .showInfo, #PrePaidSeats .passengers .selectTraveller { display: none; } #PrePaidSeats .legends .showInfo-body { display: block; margin: 0; } #PrePaidSeats .legends h3 .showInfo { font-size: 13px; padding: 0; background: none; margin-top: 3px; } #PrePaidSeats .legends h3 .showInfo:before, #PrePaidSeats .legends h3 .showInfo::before { background: none; font-family: 'Glyphicons Halflings'; content: '\e259'; vertical-align: middle; } #PrePaidSeats .legends h3 .showInfo.selected:before, #PrePaidSeats .legends h3 .showInfo.selected::before { content: '\e260'; } /* SEATMAP TABLE*/ #PrePaidSeats table.seat-map-planemap { border-collapse: collapse; margin: 0 auto; clear: both; border: none; } #PrePaidSeats table.seat-map-planemap .seat-col, #PrePaidSeats table.seat-map-planemap .seat-aisle { text-align: center; } #PrePaidSeats table.seat-map-planemap .seat-col { margin: 10px 0; font-weight: bold; } #PrePaidSeats table.seat-map-planemap .seat-aisle { margin: 0 10px; } #PrePaidSeats #sector .paxList .traveller { border-top: 1px solid #DDDDDD; padding: 5px 10px; line-height: 30px; cursor: pointer; } #PrePaidSeats #sector .paxList .traveller.active { padding-right: 42px; margin-right: -32px; background-color: #FFFFFF; position: relative; z-index: 1; font-weight: bold; border-left: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; margin-bottom: -2px; } #PrePaidSeats #sector .paxList .traveller.disabled { cursor: not-allowed; } #PrePaidSeats #sector .paxList .traveller .no, #PrePaidSeats #sector .paxList .traveller .name { display: inline-block; float: left; } #PrePaidSeats #sector .paxList .traveller .no { } #PrePaidSeats #sector .paxList .traveller .name { width: 70%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #PrePaidSeats .paxList { margin-bottom: 20px; border-bottom: 1px solid #DDDDDD; } #PrePaidSeats .paxList .traveller:after, #PrePaidSeats .paxList .traveller::after { content: ''; clear: both; display: block; } #PrePaidSeats .paxList .traveller .action { display: none; float: right; } #PrePaidSeats .paxList .traveller .seat { float: right; display: block; } #PrePaidSeats .paxList .traveller .remove { display: none; margin-left: 5px; background-color: #00BCE4; border-radius: 100%; margin-top: 5px; width: 20px; height: 20px; float: right; color: #FFFFFF; } #PrePaidSeats .paxList .traveller .remove:before { width: 20px; height: 20px; text-align: center; display: block; line-height: 20px; font-size: 12px; } #PrePaidSeats .paxList .traveller.active .seat { display: none; } #PrePaidSeats .paxList .traveller.active .action { display: block; } #PrePaidSeats .paxList .traveller.selected .remove { display: block; } #PrePaidSeats .paxList .traveller.selected.active .seat { display: block; } #PrePaidSeats .paxList .traveller.selected.active .action { display: none; } #PrePaidSeats .popupinfo { color: #666666; width: 100%; margin: -5px 10px 10px 10px; position: absolute; background-color: #FFFFFF; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); z-index: 1; } #PrePaidSeats .popupinfomsg { text-align: left; } #PrePaidSeats .popupbuttons { padding: 0 15px 15px 15px; } #PrePaidSeats .no-seat-map { padding: 20px; } #PrePaidSeats .airline { float: right; margin-top: 25px; } #PrePaidSeats .page-action .prev { float: left; } #PrePaidSeats .summary { margin-top: 20px; } #PrePaidSeats .summary hr { border: 0; border-top: 1px solid #eeeeee; height: 1px; margin: 10px 0; } #PrePaidSeats .summary .panel { margin-bottom: 15px; } /* SEATMAP POPUP*/ #PrePaidSeats .seat { display: none; } #PrePaidSeats .seat .head { padding: 10px 15px; color: #FFFFFF; } #PrePaidSeats .seat .desc { padding: 10px 15px; } #PrePaidSeats .seat .image { float: right; background-repeat: no-repeat; height: 53px; width: 80px; } #PrePaidSeats .seat .name { margin-top: 10px; font-weight: bold; } #PrePaidSeats .seat .name span { display: block; font-weight: normal; } #PrePaidSeats .seat .price { font-size: 18px; display: block; } #PrePaidSeats .seat .location { font-size: 18px; } #PrePaidSeats .seat .terms { background-color: #EEEEEE; padding: 5px; margin-top: 10px; } #PrePaidSeats .seat .terms label { margin: 0; } #PrePaidSeats .seat .terms input { margin: 5px 10px 20px 5px; float: left; width: 20px; height: 20px; } #PrePaidSeats .seat.active { display: inline-block; margin-top: 31px; } #PrePaidSeats .seat.active:before { content: ''; display: inline-block; border-bottom: solid 8px #FFFFFF; border-left: solid 8px transparent; border-right: solid 8px transparent; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); } #PrePaidSeats .standard-back .seat.active:before { border-bottom-color: #006881; /* blue */ } #PrePaidSeats .standard-front .seat.active:before { border-bottom-color: #6a9ca0; /* dark blue */ } #PrePaidSeats .exit-extra-legroom .seat.active:before { border-bottom-color: #79a86d; /* green */ } #PrePaidSeats .stretch-extra-legroom .seat.active:before { border-bottom-color: #54358f; /* purple */ } #PrePaidSeats .stretch-extra-legroom-exit .seat.active:before { border-bottom-color: #C5B7D8; /*light purple */ } #PrePaidSeats .front-extra-legroom .seat.active:before { border-bottom-color: #b1975d; /* gold */ } #PrePaidSeats .standard-back .seat .head { background-color: #006881; } #PrePaidSeats .standard-front .seat .head { background-color: #6a9ca0; } #PrePaidSeats .exit-extra-legroom .seat .head { background-color: #79a86d; } #PrePaidSeats .stretch-extra-legroom .seat .head { background-color: #54358f; } #PrePaidSeats .stretch-extra-legroom-exit .seat .head { background-color: #C5B7D8; color: #54358f; } #PrePaidSeats .front-extra-legroom .seat .head { background-color: #b1975d; } #PrePaidSeats .exit-extra-legroom .seat .image { background-image: url("../Content/black/seatmap/premium-paid-3.png"); } #PrePaidSeats .stretch-extra-legroom .seat .image { background-image: url("../Content/black/seatmap/premium-paid-2.png"); } #PrePaidSeats .front-extra-legroom .seat .image { background-image: url("../Content/black/seatmap/premium-paid-4.png"); } /* standard-front: #6a9ca0 - normal blue */ /* standard-back: #006881 - darker blue */ /* stretch-zone: #54358f - purple */ /* exit-zone: ##79a86d - green */ /* front row: #b1975d - gold */ #PrePaidSeats #SeatsMobiNav { padding: 10px; display: none; background-color: #666666; height: 70px; /* top:70px;*/ z-index: 100; } #PrePaidSeats #SeatsMobiNav .passengers { padding: 0; } #PrePaidSeats #SeatsMobiNav .passengers h3 { margin: 0; text-align: center; font-size: 12px; color: #FFFFFF; } #PrePaidSeats #SeatsMobiNav .selectTraveller { display: block; border: 1px solid #BBBBBB; background-color: #FFF; height: 34px; line-height: 20px; margin-top: 5px; border-radius: 4px; color: #666666; padding: 6px 30px 6px 12px; position: relative; } #PrePaidSeats #SeatsMobiNav .selectTraveller:after { font-family: 'Glyphicons Halflings'; content: '\e259'; position: absolute; right: 12px; } #PrePaidSeats #SeatsMobiNav .paxList { background-color: #FFFFFF; display: none; border: 1px solid #BBBBBB; } #PrePaidSeats #SeatsMobiNav .paxList .traveller { padding: 6px 12px; font-size: 11px; line-height: 24px; border-bottom: 1px solid #BBBBBB; } #PrePaidSeats #SeatsMobiNav .paxList .traveller #travellername { display: inline-block; white-space: nowrap; } #PrePaidSeats #SeatsMobiNav .paxList .traveller .remove { background-color: transparent; color: #00BCE4; margin-top: 0; height: 24px; line-height: 24px; } #PrePaidSeats #SeatsMobiNav .paxList .traveller .remove:before { height: 24px; line-height: 24px; } #PrePaidSeats #SeatsMobiNav .paxList .traveller.active { font-weight: bold; background-color: #EFEFEF; } #PrePaidSeats #SeatsMobiNav .paxList .traveller.disabled { background-color: #BBBBBB; border-color: #BBBBBB; color: #666666; } @media only screen and (min-width: 1024px) and (max-width:1200px) { #PrePaidSeats #sector .paxList .traveller .name { width: 65%; } } @media only screen and (max-width: 1023px) { #PrePaidSeats .legends h3 .showInfo { display: block; float: right; } #PrePaidSeats .legends .showInfo-body { display: none; } #PrePaidSeats .legends .showInfo-body.displaydiv { display: block; } } @media (max-width: 992px) { #PrePaidSeats .seat-selection { border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; } #PrePaidSeats .seat-map { border-left: 0; } #PrePaidSeats .passengers, #PrePaidSeats .legends { padding: 0 20px; } #PrePaidSeats #sector .paxList .traveller.active { margin-right: 0; padding-right: 10px; border-right: 1px solid #DDDDDD; } } @media only screen and (max-width: 767px) { #PrePaidSeats #SeatsMobiNav { display: block; } #PrePaidSeats .popupinfo { margin: -4px 0 10px 0; } #PrePaidSeats .airline { margin: 0 0 10px 0; float: none; } #PrePaidSeats .content-btn-big { width: 100%; } } @media only screen and (max-width: 425px) { #PrePaidSeats .seatmap-header .content-btn-tertiary-small { display: block; } #PrePaidSeats .legends { padding: 0 10px; } } /* BASKET SUMMARY BREAKDOWN ***************************************************************/ .BasketSummary .breakdown { background-color: #EEEEEE; font-size: 11px; padding: 10px; margin: 0 0 15px 0; } .BasketSummary .breakdown .routes, .BasketSummary .breakdown .names { font-weight: bold; } .BasketSummary .breakdown .extra, .BasketSummary .breakdown .contribution, .BasketSummary .breakdown .seat, .BasketSummary .breakdown .tax { padding: 0 14px; } .BasketSummary .breakdown .extras, .BasketSummary .breakdown .seats, .BasketSummary .breakdown .contribution, .BasketSummary .breakdown .taxes { padding-bottom: 10px; } .BasketSummary .breakdown .text { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%; display: inline-block; } .BasketSummary .showInfo { padding: 0; background: none; font-size: 13px; margin: 0; } .BasketSummary .showInfo:before, .BasketSummary .showInfo::before { background: none; font-family: 'Glyphicons Halflings'; content: '\e259'; vertical-align: middle; } .BasketSummary .showInfo.selected:before, .BasketSummary .showInfo.selected::before { content: '\e260'; } .BasketSummary #extraDetails.breakdown, .BasketSummary #extraSeats.breakdown, .BasketSummary #discDetails.breakdown { padding-bottom: 0; } .BasketSummary .info-tooltip img { margin: 0 2px; } @media only screen and (max-width: 375px) { .basket .panel-body { padding: 10px; } .BasketSummary .breakdown .extra, .BasketSummary .breakdown .contribution, .BasketSummary .breakdown .seat, .BasketSummary .breakdown .tax { padding-left: 5px; padding-right: 5px; } .BasketSummary .col-xs-8 { padding-right: 0; } .BasketSummary .col-xs-4 { padding-left: 0; } } /* Review page ***************************************************************/ .Review .row .text { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%; display: inline-block; } .Review .row .price { float: right; } .Review .flight .details img { margin: 5px 0; } .Review .flight { margin-bottom: 15px; } .Review .flight .code { font-size: 20px; } .Review .flight .sector { margin-top: 33px; margin-bottom: 10px; } .Review .flight .sector span { font-weight: bold; color: #666666; line-height: 26px; font-size: 20px; } .Review .flight .sector span:before { background-image: url(../Content/black/icons/flight-icons-sprite.png); background-repeat: no-repeat; content: ''; display: block; float: left; background-color: #666666; width: 26px; height: 26px; border-radius: 50%; margin-right: 10px; } .Review .flight .sector span.depart:before { background-position-x: -132px; background-position-y: -52px; } .Review .flight .sector span.return:before { background-position-x: -160px; background-position-y: -52px; } .Review .connection { background-color: #EEEEEE; margin-left: 0; margin-bottom: 0; margin-top: 10px; } .Review .connection .flightInfo .timeline .duration { background-color: #F9F9F9; } .Review .showInfo { padding: 0; background: none; font-size: 13px; margin: 0; } .Review .flight .showInfo:before, .Review .flight .showInfo::before { background: none; font-family: 'Glyphicons Halflings'; content: '\e259'; vertical-align: middle; } .Review .flight .showInfo.selected:before, .Review .flight .showInfo.selected::before { content: '\e260'; } .Review .travellers { padding: 15px; background-color: #EEEEEE } .Review .travellers .traveller { border-top: 1px solid #DDDDDD; padding-top: 5px; margin-top: 5px; } .Review .travellers .traveller .dob { white-space: nowrap; } .Review .travellers .traveller .age, .Review .travellers .traveller .gender { text-transform: capitalize; } .Review .travellers .traveller .col-xs-2 { width: 5%; padding-right: 0; } .Review .travellers .traveller .col-xs-10 { width: 95%; padding-left: 0; } .Review .cost { padding-top: 15px; padding-bottom: 15px; } .Review .total { border-top: 1px solid #DDDDDD; color: #666666; font-size: 20px; padding-top: 15px; font-family: FlamaSemibold,sans-serif; } .confirm_terms { margin-bottom: 20px; background-color: #EEEEEE; padding: 15px; } .confirm_terms label { padding-left: 30px; } .confirm_terms input[type="checkbox"] { position: absolute; width: 20px; height: 20px; margin-right: 10px; margin-top: 0; margin-left: -30px; } @media only screen and (max-width: 1199px) { .Review .flight .sector span:before { margin-right: 5px; } .Review .flight .sector span { font-size: 18px; } } @media only screen and (max-width: 767px) { .Review .flight .sector { margin-top: 0; } .Review .flight .details, .Review .flight .departing, .Review .flight .arriving { margin-top: 15px; } .Review .flight .flightInfo .departing { margin-top: 0; } } @media only screen and (max-width: 660px) { .Review .travellers .traveller .col-xs-2 { width: 12%; padding-right: 0; } .Review .travellers .traveller .col-xs-10 { width: 88%; padding-left: 0; } } /* Page actions ***************************************************************/ .page-action { text-align: right; margin-bottom: 15px; } @media only screen and (max-width: 768px) { .page-action input { width: 100%; } } @media only screen and (max-width: 1024px) { .page-action input { margin-bottom: 20px; } } /* Confirmation page ***************************************************************/ #Confirmation .booking .pnr { text-align: center; margin-bottom: 0; margin-bottom: 15px; } #Confirmation .booking .pnr span { color: #666666; font-size: 25px; font-family: FlamaSemibold,sans-serif; } #Confirmation .booking .form-group { margin-bottom: 0; } #Confirmation .payment .summary { border-right: 1px solid #DDDDDD; margin-bottom: 15px; } #Confirmation .payment .total { color: #666666; font-size: 20px; padding-top: 15px; font-family: FlamaSemibold,sans-serif; padding-bottom: 15px; } #Confirmation .well.attached { border-right: 1px solid #f5f5f5; border-left: 1px solid #f5f5f5; padding: 5px 15px 15px; margin-bottom: -15px; } #Confirmation .flights .panel-body { padding-bottom: 0; padding-top: 0; } #Confirmation .flights .calendar { margin-top: 15px; } #Confirmation .flights .calendar img { vertical-align: middle; width: 18px; margin-right: 5px; } #Confirmation #paymentDetails { margin-top: 10px; } #Confirmation #paymentDetails .price { float: right; } #Confirmation .traveller .showInfo { color: #666666; } #Confirmation .traveller .showInfo { background: none; display: block; padding: 5px 0; margin: 0; border-bottom: 1px solid #DDDDDD; line-height: 30px; position: relative; } #Confirmation .traveller .showInfo:before { background: none; font-family: 'Glyphicons Halflings'; content: '\e259'; vertical-align: middle; position: absolute; right: 0; border: 1px solid #8CC63F; border-radius: 50%; width: 30px; height: 30px; text-align: center; line-height: 30px; color: #8CC63F; } #Confirmation .traveller .showInfo.selected:before, #Confirmation .traveller .showInfo.selected::before { content: '\e260'; color: #7DB137; border-color: #7DB137; } #Confirmation .traveller .showInfo span { padding-right: 36px; display: block; padding-right: 36px; width: auto; font-weight: normal; } #Confirmation .traveller .showInfo-body { background-color: #EEEEEE; margin: 0 0 10px 0; padding: 0 15px 15px; } #Confirmation .traveller .head { border-bottom: 1px solid #DDDDDD; padding-top: 15px; padding-bottom: 5px; margin-bottom: 5px; } #Confirmation .traveller .list { margin-bottom: 5px; } #Confirmation .traveller .no-list { padding-top: 15px; } #Confirmation .traveller.other { padding: 5px 0; line-height: 30px; } #Confirmation .calendar { margin-bottom: 15px; } #Confirmation .booking-details { border-top: 1px solid #DDDDDD; padding-top: 10px; } #Confirmation .valet-parking h3 { color: #666666; font-size: 20px; font-family: FlamaSemibold,sans-serif; } #Confirmation .valet-parking .extras-promotion-icons { display: flex; flex-direction: column; align-items: flex-start; } /*#Confirmation .valet-parking .valet-parking-icons a { width: 100%; }*/ #Confirmation .valet-parking .extras-promotion-icons a:hover { text-decoration: none !important; } #Confirmation .valet-parking .extras-promotion-icons input.small.btn-block { height: 36px; padding: 5px 24px !important; } #Confirmation .valet-parking .extras-promotion-icons input.small.btn-block:hover { text-decoration: none; } #Confirmation .valet-parking .extras-promotion-icons > img { height: 50px; margin: 10px 0 0; } #Confirmation .special-assistance { background-color: #ebebeb; padding: 0.5rem; } @media (min-width: 1200px) { #Confirmation .special-assistance { margin-top: 23px; } } #Confirmation .special-assistance > div { padding: 0.5rem; } #Confirmation .special-assistance .sa-content-container { display: table; } #Confirmation .special-assistance .sa-icon { float: left; margin-right: 0.7rem; } #Confirmation .special-assistance .sa-text { overflow: hidden; font-weight: 700; display: table-cell; vertical-align: middle; } #Confirmation .special-assistance .sa-button-container { position: relative; } #Confirmation .special-assistance .sa-button-container .sa-button { width: 163px; position: relative; margin: 0 auto; } @media (max-width: 768px) { #Confirmation .booking .form-group.summary { margin-bottom: 10px; } #Confirmation .payment .summary { border: 0; } } @media (max-width: 470px) { #Confirmation .well.attached { padding: 5px 10px 10px; } #Confirmation .traveller .showInfo-body { padding: 0 10px 10px; } #Confirmation .traveller .head { padding-top: 10px; } #Confirmation .traveller .no-list { padding-top: 10px; } } /* RETRIEVE BOOKING ***************************************************************/ #RetrieveBooking { width: 33.33333333%; float: left; } #RetrieveBooking h3, #CancellationRequest h3 { margin-top: 0; } #CancellationRequest .form-group { min-height: 75px; margin-bottom: 0; padding-bottom: 15px; } @media (max-width: 992px) { #RetrieveBooking, #CancellationRequest { width: 100%; } } #TransactionList { padding: 15px; } #TransactionList label { font-weight: normal; width: 100%; cursor: pointer; } #TransactionList input[type="checkbox"] { width: 20px; height: 20px; font-size: 18px; margin: 0 10px 0 0; float: left; font-weight: normal; } #TransactionList table { margin-bottom: 0; } #resend_conf .form-group { margin-bottom: 0; } #resend_conf .pnr { text-align: center; } #resend_conf .pnr span { color: #666666; font-size: 25px; font-family: FlamaSemibold,sans-serif; } @media (max-width: 992px) { #TransactionList label b { display: block; } } /* Avios Funds Transfer ***************************************************************/ div.def-table.clms-box.travelbank div.clm > div.hd, div.def-table.clms-box.travelbank div.clm > div.cnt1 { padding: 8px 0; } div.def-table.clms-box.travelbank div.clm > div.hd .clm.col-6, div.def-table.clms-box.travelbank div.clm > div.cnt1 .clm.col-6 { padding-left: 15px; } .def-table.clms-box.avios div.clm > div { text-align: left; padding: 8px 15px; } .def-table.clms-box.avios #Balance, .def-table.clms-box.avios #Balance, .def-table.clms-box.avios #Name { font-size: 20px; } #aviosRandValue { font-size: 25px; vertical-align: middle; } #divTransfer div.confirm_terms { } #divTransfer div.confirm_terms input { } #divAviosDetail h2 { background-image: url('../../../Media/Default/info/flights/Avios/avios_32x32.gif'); background-repeat: no-repeat; padding-left: 40px; } /* AVIOS RETRO CLAIM */ /**********************************************************************************************************/ #avios-claim #flight-progressBar { margin: 25px 0 5px; } .fl-summary-icon { background-image: url(../Content/black/gen/fl-summary-icon.png); background-repeat: no-repeat; background-position: 0 4px; padding: 0 0 0 36px; } /* PROMOTION MANAGER */ /**********************************************************************************************************/ .promo { margin: 20px 0; } .promo .head { border-bottom: 1px solid #E0E0E0; margin: 0 0 10px 0; height: auto; padding-bottom: 5px; } .promo .pax { margin-top: 5px; } .promo h2 { display: block; line-height: 20px; margin: 0; padding: 0; } .promo .head span { font-size: 20px; font-weight: normal; display: inline-block; float: right; vertical-align: middle; height: 20px; background-image: url("../Content/black/icons/includes-icons-sprite-sml-black.png"); background-repeat: no-repeat; } .promo .head span.HFV { background-position: 0 -42px; width: 63px; } .promo .head span.HF { background-position: 0 -63px; width: 42px; } .promo .head span.VF { background-position: 0 -21px; width: 42px; } .promo .head span.H { background-position: 0 -169px; width: 21px; } .promo .head span.V { background-position: 0 -80px; width: 21px; } .promo a { font-size: 14px; text-decoration: none; } .promo .cost { font-size: 14px; line-height: 18px; float: right; margin-top: 0px; margin-bottom: 10px; text-align: right; } .promo .cost .currency { font-size: 12px; color: #666666; } .promo .cost .amount { font-size: 20px; color: #666666; } .promo .cost .date { font-size: 12px; } /* multiple destination list & multiple property list */ .promo .mdl .dest, .promo .mpl .dest { float: left; margin-bottom: 10px; width: 65%; clear: both; } /* single property list */ .promo .spl .dest { float: left; } .promo .spl .dest h3 { font-size: 20px; padding: 0; margin: 0 0 5px; color: #000; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .promo .spl .dest h4 { font-size: 18px; padding: 0; margin: 0 0 10px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .promo .spl .prop { font-size: 16px; } .promo .spl .desc { margin: 10px 0 10px 0; } .promo .spl .pic .image { display: block; margin-bottom: 10px; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; } .promo .spl .cost { float: left; margin: 2px 10px 0 0; line-height: 14px; display: inline-block; text-align: left; } .promo .spl .content-btn-small { display: inline-block; float: right; font-weight: normal; } /*col-sm-4*/ .col-sm-4 .promo h2 span { display: none; } .col-sm-4 .promo .mdl .dest, .col-sm-4 .promo .mpl .dest { width: 55%; } .col-sm-4 .promo .mdl .dest .mdl-origin { display: block; } /*col-sm-6*/ .col-sm-6 .promo .spl .pic { float: left; width: 100%; } .col-sm-6 .promo .spl .pic .image { height: 150px; } .col-sm-6 .promo .spl .dest { width: 100%; } /*col-sm-12*/ .col-sm-12 .promo .spl .pic { float: right; width: 45%; } .col-sm-12 .promo .spl .pic .image { height: 250px; } .col-sm-12 .promo .spl .dest { width: 50%; } /*Sidebar - Property page*/ .sidebar .col-sm-12 .promo .spl .pic { float: left; width: 100%; } .sidebar .col-sm-12 .promo .spl .pic .image { height: 150px; } .sidebar .col-sm-12 .promo .spl .dest { width: 100%; } /*widget*/ .widget-promotion-manager-widget { float: left; } .widget-content.widget-promotion-manager-widget { width: 50%; } .widget-after-content.widget-promotion-manager-widget { width: auto; } .widget-aside-second.widget-promotion-manager-widget { width: 100%; } .widget-aside-second.widget-promotion-manager-widget:nth-of-type(1) { margin-top: 65px; } /*aside second*/ #aside-second .promo .spl .pic .image { height: 150px; } #aside-second .promo .spl .dest { float: none; } /*after content*/ #after-content .widget-promotion-manager-widget { margin: 0 10px; } #after-content .promo .mdl, #after-content .promo .mpl { width: 355px; } #after-content .promo .spl { width: 100%; } #after-content .promo .spl .dest { width: 50%; } #after-content .promo .spl .pic { width: 45%; float: right; } #after-content .promo .spl .pic .image { height: 250px; } /**** Screen size bigger than 1024px*****/ @media only screen and (min-width: 1024px) { .col-sm-4 .promo h2 { font-size: 16px; display: block; padding: 0; margin: 0 0 3px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .sidebar .col-sm-12 .promo h2 span { display: inline-block; } } /***** Screen size between 1022px and 1200px *****/ @media only screen and (min-width: 1022px) and (max-width:1200px) { .promo .mdl-origin { display: block; } .promo .mdl .dest, .promo .mpl .dest { width: 55%; } .col-sm-4 .promo .mdl .dest, .col-sm-4 .promo .mpl .dest { width: 100%; margin-bottom: 0px; } .col-sm-4 .promo .mdl .cost, .col-sm-4 .promo .mpl .cost { float: left; } #after-content .promo .mdl, #after-content .promo .mpl { width: 285px; } } /***** Screen smaller than 768px *****/ @media only screen and (max-width: 768px) { .promo h2 { font-size: 16px; } .promo h2 span { margin-top: 0px; } .widget-content.widget-promotion-manager-widget { width: 100%; } .widget-after-content.widget-promotion-manager-widget { width: 100%; } .promo { margin-right: 0px; margin-bottom: 20px; } } /***** Screen bigger than 600px smaller than 1023px *****/ @media only screen and (min-width: 600px) and (max-width:1023px) { .col-sm-6 .promo .spl .pic { float: right; width: 45%; } .col-sm-6 .promo .spl .pic .image { height: 250px; } .col-sm-6 .promo .spl .dest { width: 50%; } /*after content*/ .widget-after-content.widget-promotion-manager-widget { width: 100%; } #after-content .promo .mdl, #after-content .promo .mpl { width: 100%; } /*aside second*/ #aside-second .promo .spl { width: 100%; } #aside-second .promo .spl .dest { width: 50%; float: left; } #aside-second .promo .spl .pic { width: 45%; float: right; } #aside-second .promo .spl .pic .image { height: 250px; } } /***** Screen smaller than 600px *****/ @media only screen and (max-width: 600px) { /*SPL col-sm-12*/ .col-sm-12 .promo .spl .pic { float: left; width: 100%; } .col-sm-12 .promo .spl .pic .image { height: 150px; } .col-sm-12 .promo .spl .dest { width: 100%; } #after-content .promo .mdl, #after-content .promo .mpl { width: 100%; } #after-content .promo .spl .dest { width: 100%; float: left; } #after-content .promo .spl .pic { width: 100%; float: left; } #after-content .promo .spl .pic .image { height: 150px; } #aside-second .promo .mdl, #after-content .promo .mpl { width: 100%; } #aside-second .promo .spl .dest { width: 100%; float: left; } #aside-second .promo .spl .pic { width: 100%; float: left; } #aside-second .promo .spl .pic .image { height: 150px; } } /***** Screen smaller than 468px *****/ @media only screen and (max-width: 468px) { .promo .mdl .dest, .promo .mpl .dest { width: 50%; } .promo .mdl-origin { display: block; } .fl-bar-grey-c, .fl-bar-green { width: 22.8%; } } /* travel destination pages */ .DestPreview { background-repeat: no-repeat; background-size: cover; background-position: center; width: 100%; } .DestPreview a { background-color: #000; display: block; padding: 10px; } #ListDestinations { } #ListDestinations .DestPreview { height: 250px; width: 100%; margin-bottom: 20px; } .ProductList { list-style: none; padding: 0; } .ProductList li { padding: 0; margin: 0 0 5px 0; font-size: 14px; line-height: 40px; } .ProductList li a::before, .ProductList li a:before { border-radius: 50%; content: ''; width: 40px; height: 40px; display: block; float: left; margin-right: 10px; background-image: url('../Content/black/nav/ico.gif'); background-repeat: no-repeat; } .ProductList li.flights a::before, .ProductList li.flights a:before { background-position: -48px -48px; } .ProductList li.carhire a::before, .ProductList li.carhire a:before { background-position: -139px -48px; } .ProductList li.hotels a::before, .ProductList li.hotels a:before { background-position: -94px -48px; } .ProductList li.holidays a::before, .ProductList li.holidays a:before { background-position: -186px -48px; } .ProductList li.combos a::before, .ProductList li.combos a:before { background-position: -2px -48px; } .ProductList li::after, .ProductList li:after { clear: both; content: ''; display: block; } /* Pack-go ribbon */ .ftr-col-sf .value.heading h4 { width: 100%; height: 62px; display: block; overflow: hidden; margin: -11px auto 0; padding: 23px 0 0; } .ftr-col-sf .value.heading h4::after { margin-top: -30px; content: "Popular"; background-color: #FFC247; transform: rotate(45deg); display: block; padding: 4px 0px; width: 50%; margin-left: 64%; } @media only screen and (max-width: 460px) { .flightDetail .ftr-col-sf .value { padding: 0px; } .ftr-col-sf .value.heading h4 { height: 61px; margin: 0px auto 0; } .widget-SimpleDropDownMenu div.drop .colu.sl { width: 100%; } } @media only screen and (min-width: 768px) { .flightList .body.MN .flightDetail { display: flex; } }