/*---------------------------------------------------------------------------- NOTES: PLEASE READ BEFORE MAKING MODIFICATIONS TO THIS FILE ------------------ The following styles are used throughout to create rounded borders for CSS3 compliant browsers using simple CSS markup. For IE, the necessary style changes use graphic overrides and are more complex -moz-border-radius: 5px; For Firefox -webkit-border-radius: 5px; For Safari ----------------------------------------------------------------------------*/ .mobile-lp-block-container { display: block; margin: 40px auto 0px auto; text-align: center; width: 300px; overflow-x:auto;} .mobile-lp-block { display: inline-block;margin: 4px;padding-top: 25px;height: 185px;width: 140px;background-color: #0a6cb5; /*#259BF3;*/border-radius: 4px;} .mobile-lp-block:hover{cursor:pointer;} .mobile-lp-footer {position: relative ;left: 0;bottom: 0;width: 100%;text-align: center;margin: 8px auto;} .mobile-lp-block.mb-left {float: left;} .mobile-lp-block.mb-right {float: right;} .mobile-lp-block-image {margin: 0 auto !important;} .mobile-lp-block-label {text-align: center;color: #ffffff;margin: 8px 0 0 0;font-size: 1.35em;} .ms-header-container {display: block; margin: 10px 0 4px; padding-top:3px;padding-bottom:2px;word-break: break-all;word-wrap: break-word; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px;} .ms-header-media.media-left{min-width:52px;} .ms-header-text{width: 90%;font-weight: normal;text-transform: uppercase;font-size: 24px;float: right;padding-top: 0;} .ms-footer-text{font-style: italic;font-size:15px;margin-top:16px;} .legend-icon img{max-height:18px; max-width:25px;} .email-template-preview .modal-dialog {top:75px;} .email-template-preview .modal-content{width:450px; max-width:450px !important;} .preview-body{min-height:350px !important; width:100%; overflow:hidden !important; padding:0 !important; } .preview-iframe{width:100%; height:350px; } .vm-text-align{vertical-align:sub;} .mt-container{position:absolute; padding:8px; border-radius:6px;min-width:225px; max-width:225px; border:solid 1px #ccc; background-color:#555; color:#fff;} .mt-container .mt-header{color:#fff; font-weight:600;font-size:16px; text-align:center; width:100%; } .mt-container .mt-body{color:#fff; font-weight:100; font-size:11px; width:100%; } .search-btn{position:relative;top:-3px; border-top-left-radius:0 !important; border-bottom-left-radius :0 !important;} .search-btn:focus{color:#fff;} .search-btn .material-icons.mi-search{} .ui-autocomplete{ max-width:100% !important; border-radius:0 !important; z-index:999999 !important;} .autocomplete-cbo{position:relative;} .autocomplete-btn{border:1px solid #ccc; border-left:none; padding:4px; position:absolute; top:0; bottom:0;margin-left: -1px;} .autocomplete-txt{width:95%; height:34px; border-bottom-right-radius:0; border-top-right-radius:0; font:13px "Open Sans", "Helvetica Neue", Tahoma, "san-serif " !important; background-color:#fff !important;margin: 0;} .ui-autocomplete .ui-menu-item-wrapper,.ui-autocomplete .ui-menu-item-wrapper.ui-state-active{font-size:.8rem; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;padding:12px 8px !important;} .ui-autocomplete .ui-menu-item{border-bottom:1px solid #ccc;} .ui-autocomplete li.ui-menu-item .ui-menu-item-wrapper.ui-state-active{background-color:#f5f5f5; border-color:#ccc; color:#333;} .ui-autocomplete .ui-menu-item-wrapper,.ui-autocomplete .ui-menu-item-wrapper.ui-state-active{font-size:.8rem; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;padding:12px 8px !important;} /*.ui-menu{padding:0 !important;}*/ .ui-autocomplete .ui-menu-item{border-bottom:1px solid #ccc;} .ui-autocomplete li.ui-menu-item .ui-menu-item-wrapper.ui-state-active{background-color:#f5f5f5; border-color:#ccc; color:#333;} .session-content [class*="col-"] {padding-left:6px; padding-right:6px;} .session-content .popover-header{text-align:center;} .session-info-label, .session-info-text {color:#c0c0c0; font-size:10px; display:block;} .session-info-text {color:#333;} .session-info-label{text-align:right;} .CssLocationText{/*font-size:13px !important;*/ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .list-no-style{list-style:none !important;} .msg-banner-container {padding:10px 8px; background-color:#FFF5E5; font-size:11px; border:1px solid #ddd; border-bottom:none; border-top-right-radius:10px; border-top-left-radius:10px;} /*=================================================================================================================*/ .nav-button.search-icon{position:unset; background-image:none;width:auto; margin-top:4px;} .custom-ack-msg span div{width:100% !important; padding:12px !important; top:0 !important; left:0 !important; margin-bottom:8px; border-radius:8px;} .custom-itin-msg{padding:8px;} .home-info-icon{height:25px; margin-right:8px !important;} .user-home-link{padding:8px 0 8px 33px;} .back-to-travel {margin-top:4px; margin-bottom:6px;} .back-to-travel .nav-button{margin-right:1px;} .internal-msg{margin: 4px 0;} .internal-msg:last-child{margin-bottom:6px;} .tb-rooms-container{margin-left:12px; width:100%; display:inline-block;} .button.tb-r-btn {background-color:transparent !important; border: 1px solid #ccc !important; padding:0 !important; height:30px !important; width:38px !important; margin-right:4px;} .button.tb-r-btn:hover{background-color: transparent !important;} .tb-r-btn.selected{background-color:#ddd !important; border-color:#0090B2 !important;} .profile-container{padding-left:12px; padding-right:12px;} /*=================================================================================================================*/ .hidden{display:none !important;} .filter-group-header {margin-top: 8px;} .filter-group-header label,.filter-group-header .control-label {font-size:14px !important;} .filter-block{border: 1px solid #ddd; background-color:#f9f9f9; padding:10px; margin-bottom:12px; border-radius:2px;} .filter-block .control-label{color:#000;} .CssTravelPref .panel-group, .CSSUserHome .panel-group{border:none;} .CssTravelPref .panel-group .panel-heading, .CSSUserHome .panel-group .panel-heading{border-radius:8px !important;} .CssTravelPref .panel-group .panel-body, .CSSUserHome .panel-group .panel-body{border:none !important;} .top-nav-menu, .nav-option-menu{ vertical-align:middle; text-align:center; margin:4px 0 10px 0; } .top-nav-menu a, .top-nav-menu .button-action {} .top-nav-menu .open>.dropdown-menu{position:absolute; top: 30px;} .dropdown-menu a{float:left;} .nav-option-menu { float:left;} .option-seg-wrapper{padding:0 20px;} .hotel-rate-container{display:inline-block; margin-bottom:6px;} .hotel-rate-container .currency, hotel-rate-container .currencycode{font-size:18px;} .hotel-image-container {width:100%; vertical-align:middle; text-align:center;min-height:226px;} .hotel-image { float:left; border-radius: 8px; width:100%; height:226px; } .hotel-image-gallery {border-radius: 8px; width: auto; height: 140px; } .hotel-image.spinner-image{width:50px !important; height:50px !important;display:inline-block; margin-top: 40px;} .hotel-image-none {width:50px; } .hotel-info-img img{max-width:300px; height:100%;} .hotel-options-hdr-container {display:block; padding:6px 32px;} .hotel-options-hdr-container span{font-size:14px !important;} .info-panel > .panel-collapse {padding:8px;} .panel-default > .info-panel-header {background-color:#efefef; height:40px; } .info-panel-header .panel-title .material-icons{vertical-align:middle; font-size:26px; position:relative; top:-2px; right:6px;} .info-panel-header.active{background-color:transparent !important;} .info-panel-header .panel-title {border-radius:4px; padding: 10px 12px; } .info-panel-header .panel-title>.glyphicon {font-size:12px; padding-top:2px;} .info-panel-header .panel-title a{text-align:left; font-size:14px; font-weight:600; color:#555555;} .user-home-panel{max-width:700px;} .user-home-panel img{max-width:100%; margin:0 auto;} .title-section-container{width:100%;} .site-title-section.panel-group {margin-bottom:16px; display:inline-block; width:100%;} .title-section-container .card {margin-bottom:9px; display:inline-block; width:100%;border:solid 1px #eee; border-radius:8px;} .title-section-container .card .card-header{text-align:center; border-top-left-radius:8px; border-top-right-radius:8px; border-bottom-left-radius:0; border-bottom-right-radius:0;background-color:#efefef; padding:8px 12px; height:42px;} .title-section-container .card .card-header.active{background-color: transparent !important;} .title-section-container .card .card-header .material-icons{vertical-align:middle; font-size:30px; position:relative; top:-2px; right:6px; width:12px;} .card-section{margin-bottom:1px;} .card .policy-category {font-size:14px !important; font-weight:bold;} .card .policy-category-action {font-size:13px !important; font-weight:normal !important;} .policy-rules-section .card-header{padding:1.2rem 1rem !important; height:auto !important; background-color:#ddd; border:1px solid #d8d8d8; } .policy-rules-section .card-body{padding:6px 2px !important} .options-header-container {padding:8px 0;} .options-header-container .control-label {color: #414042 !important;font-weight:700;} .hotel-header-location .control-label{ font-size: 30px !important; } .hotel-header-date .control-label {font-size: 20px !important; font-weight:normal;} .car-header-location .control-label{font-size: 18px !important; } .car-header-location-lg {width:100%;} .car-header-location-lg .control-label{font-size: 30px !important; width:100%; } .car-header-date .control-label{ font-size: 13px !important; font-weight:normal;} .car-header-date-lg .control-label{ font-size: 18px !important; font-weight:normal;} .airline-locator{display:inline-block; font-size:12px; font-weight:bold; color:#454545;} .optionbuilder .ff-tabs-menu{border-bottom: 1px solid #ddd; padding:1px 0 !important;} .option-fare-warning{padding: 4px 0 12px 0; font-weight:600;} .options-msgs-hdr-li {list-style:none; margin-bottom:6px;} .options-msgs-hdr-li ul li{list-style:disc;} .options-msgs-hdr {font-weight:bold; font-size:14px;} .alternate-policy-view{width:98%; text-align:right; font-weight:normal !important; font-size:1em !important; position:absolute !important; top:-10px; color:#444 !important;} .left-pane-footer{display: block; margin-top:8px; padding:8px;} .left-pane-header {display: block; padding-bottom:0;} /* WebKit, Edge */ ::-webkit-input-placeholder {font-size: .8rem;opacity:.7} /* Firefox 4-18 */ :-moz-placeholder {font-size: .8rem; opacity:.7;} /* Firefox 19+ */ ::-moz-placeholder {font-size: .8rem; opacity:.7; } /* IE 10-11 */ :-ms-input-placeholder {font-size: .8rem; opacity:.7;} /* Edge */ ::-ms-input-placeholder {font-size: .8rem; opacity:.7;} /* MODERN BROWSER */ ::placeholder{font-size:.8rem; opacity:.5} /*=================================================================================================================*/ .acc{} .adm-rule-actions{margin:16px 12px 8px 8px; float:right;} .adm-rule-actions a{font-size:14px;} .acc-hdr{} .acc-hdr-btn{background-color:#f6f6f6 !important; box-shadow:none !important;border-top-left-radius: 6px;border-top-right-radius: 6px !important;} .acc-body{padding:0 0 0 0;} .acc .accordion-item {border-top-right-radius:6px; border-top-left-radius:6px;border: 1px solid #ccc !important;} .acc-body .grid-container, .acc-body .grid-toolbar{margin:0; border-radius:0;} .rl-ck{cursor:pointer; height:16px; width:16px;} .map-tt-container{font-size:12px;} .map-tt-hdr{font-size:13px; font-weight:500; margin-bottom:4px;} .map-tt-adr{margin-bottom:8px;} .map-tt-d{width:100%; display:block;} .map-tt-l{font-weight:600; margin-right:8px; width:auto; float:left; max-width:50%;} .map-tt-t{width:auto; float:left; max-width:50%;} .yn-rt{font-size: 15px; margin-right:12px;} .yn-ra{margin-right:13px; font-weight:600;} .yn-ra:first-child{margin-left:16px;} .gm-ui-hover-effect{display:none !important;} .mi-clear-t{color:#0a6cb5; font-weight:600;} .mi-clear-t:before{content:'Clear'} .btn-w-a{width:auto !important;} .btn-w-30{width:30% !important;} /*=================================================================================================================*/ .help-tooltip-container {display: none; z-index: 99999;} .help-tooltip-content{font-size:12px;width:auto; max-width:680px; padding:4px 8px;} .help-tooltip-hdr{background:transparent;padding:4px;position:relative;font-weight:bold;font-size:14px;font-style:italic;text-decoration: underline; display:block;} .help-tooltip-title{font-size:13px;margin-bottom:4px;} .sticky-help{display:none;} .sticky-help-container { background-color:#000; color:#fff; max-width:680px !important; max-height:450px; width:auto; } .sticky-help-container .help-tooltip-hdr{border-bottom:solid 2px #CCC; padding-top:6px; padding-bottom:6px;} .sticky-help-container .help-tooltip-content {max-height:400px; overflow-x:auto ;} .sticky-popover .popover, .sticky-popover .popover-content {padding:0 !important; margin:0 !important; max-width:680px !important; } .sticky-popover .popover .popover-content ul {margin:0 !important;} .sticky-popover .popover>.arrow, .popover>.arrow:after{border-bottom-color:#000 !important; border-top-color:#000 !important;} .wide-help.sticky-help-container {min-width:390px;} .mobile-trip-container{display:block; margin:4px 4px 12px 4px; padding:0 0 4px 0; border:solid 1px #888888; border-radius:3px;} .mobile-trip-container a{color:#333333;} .mobile-trip-card-dates{margin:3px 0;} .mobile-trip-card-name {margin-bottom:4px; font-weight:bold !important; color:#ffffff; background-color:#0c86e0; padding: 8px 0; } .ms-hotel-container {display: block;margin: 8px 0; padding: 8px;border: 3px solid #ccc;border-radius: 4px;} .ms-hotel-container .ms-header-media img {float: left;margin-right: 5px;} .ms-hotel-container .ms-header-media h4 {color: #333333;padding: 1px;height: 20px;} .ms-hotel-container .ms-header-media {height: 20px;} .option-filter-bold{font-weight:bold; color:#0069AA;} .options-filter-contract { height: 14px; margin-left: 3px;} .options-filter-price {float: right; min-width: 28px; text-align: right;} .seg-warnings-tooltip{padding:4px; } .seg-warnings-tooltip img{border:none;height:14px; margin-right:2px; top:-2px; position:relative;} .seg-warnings-tooltip .media{margin:2px 0; max-width:500px;} .seg-warnings-tooltip .media .media-left img{top:0;} .seg-warnings-tooltip .media-body{width:auto;} .dt-matrix-panel .panel .panel-heading .panel-title{padding:10px 8px;} .dt-matrix-panel .panel .panel-heading .panel-title:hover{cursor:pointer;} .dt-matrix-panel .panel .panel-heading .panel-title a {width:100%; height:100%; font-size:14px;} @media (max-device-width: 320px) { .mobile-lp-block-container {width: auto;} .mobile-lp-block.mb-left {float: none;} .mobile-lp-footer {position: static;} } @media screen and (orientation: landscape) { .mobile-lp-block-container {width: 95%;} } .partner-products-container{margin-bottom:8px;} .partner-product-field{margin-bottom:4px; float:left;} .partner-product-action{float:right; margin:8px 0;} .partner-product-add {} .partner-product-add a:disabled {cursor:not-allowed;} .traveler-policy-violation{font-weight:bold; color:#f00;} .reports-icon{width:35px;} .reports-link-text{ vertical-align:middle !important; margin-left:8px;} .hotel-cancel-msg{text-transform:capitalize; font-style:italic; color:blue; margin:4px 0; display:block;} .g-user-search-modal {display: none; padding-top: 40px; height: auto;} .g-user-search-modal .user-search-title{font-size:14px !important; font-weight:600; color:#ffffff; margin:0;} .g-user-search-modal .modal-content {width: auto; max-width: 680px;} .g-user-search-modal .modal-content.lg{height:585px !important;} .g-user-search-modal .modal-content.sm{height:555px !important;} .g-user-search-modal .modal-body.lg{height:545px !important;} .g-user-search-modal .modal-body.sm{height:515px !important;} .g-user-search-iframe{width:100%; height:100%; overflow:hidden; background-color:transparent; margin: 0 auto; } .g-user-search-footer { position:fixed; width:100%; bottom:0; padding:0 22px; margin:8px 0;} .date-dd .dropdownControl{padding-left:4px;} .date-dd .dropdownControl:first-of-type{padding-left:0;} .btn-close{box-shadow:none !important;} /* ==========================================================================================================================*/ .confirmation-bg {background-image: url("../../images/global/SiteBackground.gif");background-size: 100% 100%;background-repeat: no-repeat;background-position: center center;} .ack-rules-header{font-size:14px; font-weight:600; line-height:16px; text-align:left; padding:8px 0; word-break:break-all; white-space:normal;} .ack-rules-caption, .ack-rules-title {font-size:11px; font-weight:600;} .ack-rules-details {font-size:11px; margin-top:4px; margin-bottom:8px;} .no-data-msg{font-size:14px; font-weight:600; padding:8px; margin:10px 0; border:1px solid #555555;} .no-data-msg-mobile{font-size:13px; font-weight:600; padding:8px; margin:0; text-align:center;} /*===========================================================================================================================*/ .scrolling-panel { margin: 8px 0 12px 0; -webkit-overflow-scrolling: touch; overflow-x: hidden; overflow-y: auto !important; /*border: 1px solid #dedede;*/} .hotel-option-list.scrolling-panel {padding:8px;} .raised-panel {border-bottom: 1px solid #ddd; padding:8px 12px 4px 12px;} .btn.disabled, .btn[disabled], a.disabled, .button-action.disabled, .button-action[disabled] {cursor:not-allowed;opacity:.65;} .btn.disabled:hover, .btn[disabled]:hover, a.disabled:hover, .button-action.disabled:hover, .button-action[disabled]:hover {cursor:not-allowed;opacity:.65; } .rule-header{font-size:.9em; font-weight:600; margin:0 0 8px 0; padding:8px 0;} .rule-header .oneway-trip-icon, .rule-header .round-trip-icon{margin: 0 8px;} .rule-details{font-size:13px;} .rule-details pre{background-color:#f5f5f5; font-size:13px; color:#333; border:1px solid #ccc; border-radius:4px; margin:0 0 10px; padding:9.5px; line-height:1.4; word-break:break-all; word-wrap:break-word;} .rules-leg-menu{border-bottom:solid 1px #ccc; /*padding-left:6px !important;*/ padding-bottom:2px;} .rules-leg-menu>li>a {background-color:#3A6EA5 !important; color:#fff !important; font-size:13px;} .rules-leg-menu>li>a.active {background-color:#888888 !important; color:#fff !important; padding-bottom:12px;} .rules-tab-content{/*padding: 0 8px;*/ overflow-x:hidden; overflow-y: auto;} .rules-tab-content .tab-pane{border:none; padding:2px;} /*-------------------------------------------------------------------------------------------------------------------------*/ .seg-summary, .seg-details{width:100%; float:left; margin-top:12px; padding-left:8px;} .optionbuilder .seg-summary, .optionbuilder .seg-details{} .seg-details {margin-bottom:8px;} .hotel-room-details {width:100%; float:left;} .hotel-seg-room a{text-align:center;} .hotel-option-list .raised-panel{ margin-bottom:6px;} .rate-icons {width:35px; padding:18px 8px 12px 8px !important;float:none; display:table-cell; vertical-align:top; background-color:#f9f9f9;border-top-left-radius:8px; border-bottom-left-radius:8px;} .co2-container {width:100%; position:relative; bottom:-4px; text-align:center;} .co2-emission-text{font-size:14px; line-height:1; letter-spacing:.1px; } sub.co2-emission-num {bottom:-.25em;} .co2-icon{font-weight:600;} .co2-emissions-itin .co2-icon{float:left; margin-right:8px; font-weight:bold; font-size:15px; line-height:1; position:relative; top:-2px;} .co2-emissions-itin{border-radius:8px; border:1px solid rgb(60,179,113); padding-top:2px; padding-bottom:2px; margin-bottom:8px; } .co2-emissions-itin .co2-container{margin:12px 0; text-align:left; bottom:0;} .co2-seg-display{display:inline-block; color:#8A8A8A; padding-top:2px;} .seg-footer{padding-bottom:6px; background-color:inherit; border-collapse:collapse; white-space:nowrap;} .seg-footer a{display:inline-block;white-space:nowrap; word-wrap:normal;} .seg-footer .mi-remove-circle {position:relative; top:4px; font-size:18px;} a:focus{outline:none; text-decoration:underline !important;} .option-seg-container{display:inline-table; width:100%;} .option-seg-container .seg-separator{margin-top:12px; margin-bottom:12px;} .air-seg-wrapper, .air-leg-fare-wrapper{padding-top:8px; } .seg-itin-container .option-seg-row:first-child {margin-bottom:12px;} .seg-block{display:table-cell;} .vendor-logo {max-width:35px; float:left; margin:0 10px 0 0;} .trip-seg-date{font-size:12px; font-weight:normal; color:#8A8A8A;} .trip-seg-time, .trip-seg-info .seg-cities,.seg-duration-stops .seg-duration {font-size:14px; font-weight:600; margin-bottom:2px;} .trip-seg-time .badge{padding:0; background-color:inherit; color:#4d73e2; margin-left:-2px; margin-top:-4px; vertical-align:top;font-size:11px; font-weight:normal;} .trip-seg-details { font-weight:500; } .seg-COS {display:block; white-space:normal; text-overflow:ellipsis; overflow:hidden; max-width:180px;} .seg-carrier, .seg-COS, .seg-operator, .seg-passengerseat{font-size:11px;color:#8A8A8A; } .seg-carrier{font-size:12px;} .seg-operator { white-space:normal;width:200px;} .seg-passengerseat { white-space:normal;width:200px;} .trip-seg-info .seg-cities{font-size:14px; font-weight:600;} .seg-trip-num{font-size:12px;color:#8A8A8A; white-space:normal; word-break:normal;} .seg-trip-num img {right:100%;} .seg-amentity, .seg-amenity a{color: #8A8A8A;border-bottom: 1px dotted #8A8A8A} .seg-duration-stops{ font-weight:500; } .seg-duration-stops .seg-duration{font-size:14px; font-weight:600;} .seg-duration-stops .seg-stops{font-size:12px; color:#4D73E2; font-weight:700;} .seg-duration-stops .seg-stops-none{font-size:12px; font-weight:700;color:#333333;} .seg-seat-num{text-align:center; margin:2px 0; white-space:normal;font-size:12px; font-weight:600; } .seg-left-border{border-left:solid 1px #ddd; padding-top:4px; padding-bottom:8px;} .seg-left-border .seg-footer{ bottom:2px; left:0;} .seg-left-border .seg-warning-link { white-space:nowrap;} .seg-left-border .seg-warning-link img {position: relative; } .seg-room-fare{} .seg-tooltip{padding:8px} .seg-tooltip .status-green{color:rgb(0,255,0);} .seg-tooltip .status-red{color:#f00;} .hotel-room-footer {position:relative; bottom:1px;} .hotel-room-rules{padding-top:5px; display:inline-block; padding-left:8px;} .seg-itin-container {border:none; margin:12px 0 16px 0;} .seg-itin-container .seg-warning-link{margin-top:8px;} .seg-wrapper .tab-content>.tab-pane{padding:0;border:none;} .nav-button .caret{ float:right; margin-top:8px; } .status-green{color:green; font-weight:600;} .top-nav-menu.button-action, .top-nav-menu .button-action { margin:0 auto; text-align:center;} .dropdown-toggle .caret{margin-left:8px;} .purchase-continue.nav-button {margin:0;} .seatmap-container{display:block; width:60px; overflow:hidden; white-space:normal; text-overflow:ellipsis;} .seatmap-container span:first-child{display:block;padding-right:12px;} .itin-purchas-sesummary{margin:8px 0 4px 0;} .cost-summary-header{margin:4px 0;} .options-custom-msg{padding:8px;} .screen-candy-text{font-size:13px;} .logobar-logo-img{display:contents; max-height:50px;} .logobar-logo-img img{max-height:50px; margin-bottom: 10px} .grid-md-font{font-size:12px !important} .grid-input{border-radius:4px !important;} .grid-input-x25{width:25px;} .grid-input-x45{width:45px;} .grid-input-x90{width:90px;} .material-icons.mi-none{height:18px;} /*-------------------------------------------------------------------------------------------------------------------------*/ .ff-tabs {background-color:#fafafa; border:none; height:82px;} .ff-tabs-content{height:100%; display:block;} .control-container .material-icons.mi-chevron-left, .control-container .material-icons.mi-chevron-right {top:50%; font-size:20px; width:100%; margin-left: -20px !important} .control-container .material-icons.mi-chevron-right{margin-left:10px !important; left:0;} .ff-tabs .carousel-control{width:40px !important;height:80px;} .ff-tabs-left-label{height:80px; -ms-word-wrap:normal; word-wrap:normal;font-size:.96em; padding:16px 2px; white-space:normal; text-align:center;} .col-centered {float: none !important; margin: 0 auto;} .ffToolTip {max-width:300px;} .ff-tabs-wrapper {border-collapse:collapse; border:solid 1px #ddd; border-top:none; margin:0 auto; min-height: 60px; height:auto; clear: both; overflow: hidden; padding:0; white-space: nowrap; border-left:15px solid #DDD; border-bottom-left-radius:10px; border-top-left-radius:10px;} .ff-tabs-wrapper .seg-container{border-right:none; border-left:none;} .ff-tabs-menu{background-color:#f9f9f9; height:auto;} .ff-tabs-details{height:auto; display:block;} .ff-sliding-tabs {height:auto; min-height: 74px; top:1px; line-height: 60px; width:100%; float:left; vertical-align: middle; overflow: hidden; position: relative; white-space: nowrap; z-index: 0; -webkit-overflow-scrolling: touch; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -ms-overflow-style: -ms-autohiding-scrollbar;} .ff-arrow {width: 4%; max-width: 2.5em;top:-1px; min-height: 74px; top:1px; overflow: hidden; cursor:pointer; padding:0 !important; opacity:.96; } .ff-arrow:hover{opacity:1; color:#279cf3;} .ff-arrow.next-arrow span, .ff-arrow.prev-arrow span{line-height:69px; text-align:center; } .ff-arrow.next-arrow, .ff-arrow.next-arrow-disabled {text-align:center; /*z-index:999;*/ float:right; position:relative; /*top:0;*/ right:0; border-left:1px solid #ddd;background-color: #f5f5f5; } .ff-arrow.prev-arrow, .ff-arrow.prev-arrow-disabled{text-align:center;/*z-index:999;*/ position:relative; left:0; /*top:0;*/ background-color: #f5f5f5; float:left;border-right:1px solid #ddd; border-left:1px solid #ddd; } .ff-tabs-strip {background-color:#f9f9f9; display:-webkit-inline-box; display:-ms-inline-flexbox; display:table-cell; min-height:72px; padding:0; margin:0; position: absolute; left: 0; width: auto; height:100%; white-space: nowrap; -webkit-transition:left 1s; -o-transition: left 1s;transition: left 1s;} .ff-tabs-strip li {display:inline-block;} .ff-tabs-strip li.ff-item {display:inline-block; text-align: center; border-right :solid 1px #ddd ; min-width:115px; width: 115px; font-size: 1.2em; line-height: 70px; text-decoration: none;} .ff-tabs-strip li.ff-item a{padding:2px; display:inline-block; height:72px; width:100%;} .ff-tabs-strip .nav-link.active{background-color:#eee; border:none;} .ff-item, .ff-item a{color:#333333;} .ff-item.active{cursor:default;} .ff-item.active a{background-color:#eee; cursor:default; border:none;} .ff-col-label{height:74px;border-right:solid 1px #ccc;} .ff-label{height:74px; -ms-word-wrap:normal; word-wrap:normal;font-size:.96em; padding:16px 2px; white-space:normal; text-align:center;} .ff-nav-container{display:block; width:100%; height:100%; max-height:72px; background-color:#fafafa; } .ff-text img{display:block; margin:0 auto;} .ff-nav-container .ff-text{float:left; display:table-cell; font-size:12px; width:110px; white-space:pre-wrap; padding:4px 6px; line-height: 1.1; text-overflow: ellipsis; overflow: hidden;} .ff-icons{float:left; display:block; width:100%; margin-bottom:3px; height:18px;} .ff-icons.ff-icons-none{margin:0} .ff-icons img{max-width:18px;} .ff-nav-container .ff-fare{display:block; width:100%; position:relative; float:left; font-size:11px; padding:2px;} .ff-fare .currencytooltip{border:none;} .ff-fare .currencycode{font-size:13px;} .tab-content, .tab-pane{height:100%; max-height:100%;} .tab-content .seg-wrapper, .seg-itin-container .seg-wrapper{border:none; border-radius:0; box-shadow:none !important;} .tab-content .seg-wrapper, .tab-content .seg-container{margin-bottom:0;} .tab-content .seg-container{ border: 1px solid #ddd;} .ff-tabs-wrapper .row-spacer-sm{margin:0;} .ff-tabs-wrapper .seg-footer{border:none; } .option-wrapper{display:inline-table; width:100%;} .ff-warnings{} .ff-warnings img{height:14px; border-style:None;} .ff-warnings.badge{background: transparent; background-color:transparent; border-radius:0; float: right; position: relative; top:0; right:0; padding:0; height:16px; width:16px; z-index:999;} .ff-item.active .ff-warnings{background:#ffffff; background-color:#ffffff;} .ff-warnings.badge a:hover{cursor:default;} .ff-tabs-strip li.ff-item .ff-warnings.badge a{height:16px; width:16px; padding:0;} /*============================================================================================================================*/ .trip-appr-name{display:block; width:100%; font-size:12px;} .trip-appr-city, .trip-app-date{display:block; width:50%; text-align:center; padding:2px 0;} .trip-appr-date{ float:right; font-size:12.5px; } .trip-appr-city{ float:left; font-size:12px; } .trip-appr-approve{color:#202020 !important;} .trip-appr-deny{color:#D51010 !important;} /*============================================================================================================================*/ .hotel-geo-map {height: 300px; width: 100%; margin:8px 0 0 0;} .readonly-text-white{background-color:#ffffff !important; cursor:pointer !important;} .custom-welcome-area img{width:100% !important;} .mobile-filter-icon{color:#888888;/*padding:6px 0;*/ margin-top:4px; font-size:36px !important;} .tab-height-md .CssMainTabs, .tab-height-md .defaulttab, .tab-height-md .defaulttabhover, .tab-height-md .selectedtab{height:40px !important; min-width:105px;} .tab-height-md .CssMainTabs td{text-align:center !important; padding-top:2px; padding-bottom:2px; font-weight:500;} .search-panel {display:block; min-width: 250px; margin: 2px 2px 16px 2px; background-color: #f9f9f9; height: auto; padding: 6px; border: solid 1px #ddd; border-radius:2px;} .search-panel .search-title{padding:4px; margin:2px; text-align:center; font-size:14px;} .search-panel input[type="text"],.search-panel .form-control .CSSLocationDDL {height: 42px; border-color: #ccc; font-size:13px; min-width:100px;} .search-panel input[type="submit"]{height:40px;} input[type=text]::-ms-clear{ border: 2px solid orange;} .view-shopping-cart .ShoppingCart_data{position:absolute; top:45px; right:0; width:420px;} .cart-icon.mi-shopping-cart{position:relative; top:-6px; transform:scale(-1); -moz-transform: scaleX(-1); -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1);} .carousel-wrapper .control-wrapper{ border:none; min-height:32px; padding:4px !important;} .carousel-wrapper .carousel-control-prev, .carousel-wrapper .carousel-control-next{ width:32px; background-color:#0a6cb5; z-index:1102; background-image:none;} .carousel-wrapper .carousel-control-prev{border-radius:4px 0 0 4px;} .carousel-wrapper .carousel-control-next{border-radius:0 4px 4px 0;} .carousel-wrapper .mi-chevron-right, .carousel-wrapper .mi-chevron-left{ font-size:20px; vertical-align:middle; text-align:center;} .carousel-control-prev {float: left; width: 75%; height:100%;} .carousel-control-next {float: right; width: auto; height:100%; vertical-align:middle; margin-right:0; padding-right:0; text-align:left;} .gallery-popup .modal-content{ min-height:100% !important;} .gallery-popup .carousel-inner img{width:99%; margin:0 auto;} .gallery-popup .carousel-indicators a{height:50px; width:50px;} .gallery-popup .carousel-indicators img{height:50px; width:50px;} .gallery-popup .selected img { opacity: 0.5;} .gallery-popup .carousel-inner{padding-right:32px; padding-left:32px;} .gallery-popup .carousel-wrapper{width:100%; height:100%;} .gallery-popup .carousel-wrapper .carousel-control-prev, .gallery-popup .carousel-wrapper .carousel-control-next{ width:32px; height:74%; background-color:#0a6cb5; z-index:1102; background-image:none;} .gallery-popup .carousel-indicators{width:100%; margin: auto; display:block; border:1px solid #ccc;} .gallery-popup .thumbnails-wrapper{width:auto; display:flex;} .gallery-popup.gallery-content .tab-content{margin-top:3px;} .gallery-content .tab-pane{border-top:1px solid #dedede; padding:8px;} .matrix-wrapper { min-height: 110px; display: block; width: 100%; border-bottom-left-radius: 8px; border-bottom-right-radius:8px; border: solid 2px #0a6cb5; padding:0;} .matrix-wrapper .matrix-details, .fixed-col, .control-wrapper{width: 85%; height:100%; padding:4px !important; min-height:120px; border-left:none;} .matrix-wrapper .carousel-lg{margin-left:4px; padding-left:36px; padding-right:36px;} .matrix-wrapper .carousel-sm{ margin:auto;} .matrix-wrapper .carousel-sm .item-wrapper{max-width:100%;} .matrix-wrapper .carousel-item{display:table;} .matrix-wrapper .carousel-item .item-wrapper:first-child{border-left:solid 1px #f9f9f9} a.matrix-link, a.matrix-link:hover {color:#333333;} .matrix-wrapper a.price, .matrix-wrapper a.price-result{color:#333333;font-weight:400;font-size:9pt;} .matrix-wrapper a.price-result {display:block; vertical-align:middle; padding-top:10px;} .matrix-details .item .item-wrapper:first-child{border-left:solid 1px #f9f9f9;} .fixed-col {max-width:15%;} .fixed-col .item-wrapper a{ color:#fff;} .fixed-col .top-section a {font-size:13px !important; height:50px; vertical-align:middle; text-align:center; border-radius:4px; } .fixed-col .item-section{ border-bottom:solid 1px #fff;} .fixed-col .item-section:last-child{border-bottom:none;} .fixed-col .item-wrapper{background:#0a6cb5;} .fixed-col .item-wrapper .item-section{border-color:#fff; width:110px;} .fixed-col .item-wrapper .item-section:hover{background-color: #0c86e0; background:#0c86e0; color:#fff;} .fixed-col .item-wrapper .item-section:hover a{color:#fff;} .fixed-col .top-section{display:table-cell;} .item-wrapper{ padding:0 !important; display:table-cell; border-right: solid 1px #f9f9f9; max-width:15.5%; background:#fff; } .item-wrapper .item-section:last-child{border-bottom:none;} .item-section, .item-section-blank { min-height:40px; padding:1px 4px; text-align:center; vertical-align:middle; min-width:90px; border-bottom:solid 1px #f0f0f0;} .item-section.item-selected, .item-section-blank.item-selected{ background:#f3f3f3;} .item-section.top-section{height:80px;} .item-section.top-section.item-selected{ background:#f3f3f3;border-radius:2px;} .item-section input[type="image"]{height:35px; margin-bottom:4px;margin-left:0;} .item-section.top-section a{font-size:13px;} .item-section:hover{background:#f6f6f6;} .item-section img{position:relative; height:13px; width:13px; top:-16px;} .item-selected{background:#fff;} .fixed-col .item-section.item-selected:hover a{color:#fff !important;} .fixed-col .item-selected a{font-weight:600;} .matrix-stops-link{display:block; padding:9px 0; text-align:center;} .car-matrix {} .car-matrix img.airmatrixcontract{position:absolute; top:0;} .car-matrix .item-section.top-section{height:60px;} .car-matrix .item-section.top-section input[type="image"]{height:40px; margin: 8px auto;} .car-matrix .item-section .car-fare {display:block; margin:8px 0;} .options-header {width:100%; line-height:3em; margin:0 auto 4px auto; background-color:#f2f2f2; padding:6px; border: solid 1px #ddd; border-radius:2px; } .options-header input[type="text"], .options-header .dropdownControl select {height:30px; border:none;} .options-header .control-label{width:auto; margin-right:12px;} .options-header.car-header .control-label{line-height:1.5em;} .options-header.rail-header{line-height:normal; margin-bottom:8px;} .round-trip-icon{display:inline-block; margin-top:4px; background:transparent; background-color:transparent;content:url(../../images/global/sm-roundtrip.png); } .oneway-trip-icon{display:inline-block; margin:10px 0px; background:transparent; background-color:transparent; content:url(../../images/global/sm-oneway.png); } .titlebartab-optionspage-nb{border:none; } .air-depart-info {text-align:left; padding-left:12px;} .air-details-block{margin-bottom:6px;} .rail-amenities-block{margin: 6px 0 0 0;} .btn-center {margin: 5px auto;} /*============================================================================================================================*/ .mobile-filter-dialog{text-align:left; display:none;} .mobile-filter-dialog .modal-header {background-color:#fff; display:inline-block;} .mobile-filter-dialog.modal {padding-top:0 !important; max-width:320px;} .search-sm-container{padding:12px 6px;border-radius:4px; border: 1px solid rgba(33, 37, 41, 0.03); position:absolute; left:4px; width:98%; background-color:#fff; box-shadow:0 10px 20px rgba(25,32,36,0.1), 0 3px 6px rgba(25,32,36,0.04), 0 -3px 6px rgba(25,32,36,0.04); margin-top:6px;} .search-sm-container .form-group{margin-bottom:2px;} .multi-pax-arrow{ position:relative; top:6px; margin-left:2px;} .spinner-control{margin:4px;} .spinner-btn{height:28px;background-color:#f6f7f9; border-color:#ced0d4; color:#4b4f56; font-size:12px;} .spinner-input{height:28px; width:55px !important} .font-normal{font-weight:normal;} .resx-dialog{} .confirmation-message{font-weight:normal; font-size:14px !important; white-space:pre-line;} .resx-dialog .ui-dialog-titlebar, .dialog-header {background-color:#0090B2; background:#0090B2; color:white !important;} .resx-dialog .ui-dialog-titlebar .btn-close, .resx-dialog .ui-dialog-titlebar .btn-close:focus{border:none;} .confirmation-body{padding:12px !important;} .confirmation-button{width:100px;} .section-header{color:#333333; margin-bottom:5px; margin-top:15px; font-size:14px; font-weight:bold;} .section-divider{display:inline-block; width:100%;margin:4px 0 8px 0; background:transparent; background-color:transparent;content:url(../../images/global/BlackSeparator.gif); height:.4em; } .section-note{font-weight:normal; margin:8px 0;} .section-note span{white-space:pre-line !important;} .list-link, .action-section, .required-fields-msg{display:block;margin-top:8px; margin-bottom:8px; width:100%; } .action-section{display:inline-block;} .action-section .nav-button{margin-right:0;} .control-push-right{margin-left:24px} .control-push-right>span{margin-left:28px} .vertical-center { display: inline-block; vertical-align: middle !important; } .md-input, .md-input input[type=button],.md-input input[type=reset],.md-input input[type=submit]{width: 80% !important;} .small-input, .small-input input[type=button],.small-input input[type=reset],.small-input input[type=submit]{width: 50% !important;} .xs-input, .xs-input input[type=button],.xs-input input[type=reset],.xs-input input[type=submit] {width: 25% !important;} .row-title{display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; padding:0; margin-left:2px; margin-bottom :.5em; margin-top:.5em; font-weight:bold;} .row-spacer {height:20px; display:inline-block;} .row-spacer-x-inline{margin:5px; display:inline-block} .row-spacer-sm-inline {height:10px; display:inline-block;} .row-spacer-lg-inline {height:75px; display:inline-block;} .row-spacer-xs {margin:5px; display:block;} .row-spacer-sm {margin:6px; display:block;} .no-spacing {margin:0 !important; padding:0 !important;} .no-left-pad{padding-left:0 !important;} .no-right-pad{padding-right:0 !important;} .col-offset-xs{margin:0 4px;} .col-left-offset-xs {margin-left:4px;} .col-left-offset-sm {margin-left:8px;} .col-left-offset-md {margin-left:14px;} .col-left-offset-xl {margin-left:50px;} .col-right-offset-xs {margin-right:4px;} .label-vertical-spacer{display:inline-block; margin-top:10px;} .col-spacer-md {margin-right:20px;} .push-link-down{margin-top:30px;} .phone-label-pushdown{margin-top:25px;} .phone-type-label .control-label{font-weight:600; margin-bottom:6px;} .col-padd-left-xs{padding-left:14px;} .mobile-header-spacer{margin-top:0;} .multi-control {display:block; } .multi-control .dropdownControl select {min-width:65px; max-width:70px; display:inline-block; margin:0 6px;} .multi-control-input{display:inline; padding:0; border:none;max-width:80px; margin:0 8px;} .multi-control .container-div{width:75px;} .multi-control .callback{display:inline-block; top:-10px;} .dropdownControl {display:inline; padding:0; border:none;} .dropdownControl span{/*display:inline;*/ padding:0; margin:0; background-color:inherit; border:none;} .dropdownControl .callback{position:relative;} .dropdownControl .container-div{position:relative !important; left:0 !important; top:0 !important;} .dropdownControl .container-div select{width:80%;} .dropdown-menu{right: 0; left: auto !important;} .dropdown-menu>li input[type=image]{margin:0 4px 0 0; padding:0; width:18px;} .dropdown-menu>li>a {text-decoration:none;} .dropdown-menu>li>a, .dropdown-menu>li>span>a, .dropdown-menu>li input[type=button], .dropdown-menu>li>span input[type=reset], .dropdown-menu>li input[type=submit] { display:block;padding:6px 15px !important;width:100%; clear:both; line-height:1.4; white-space:nowrap; background-color:transparent;border:none; color:#333333; text-align:left; font-size:13px; font-weight:normal;} .dropdown-menu>li>a:focus, .dropdown-menu>li>span>a:hover,.dropdown-menu>li input[type=button]:hover, .dropdown-menu>li>span input[type=reset]:hover, .dropdown-menu>li input[type=submit]:hover{text-decoration:none; background-color:#f5f5f5;} .dropdown-menu>li>a:focus, .dropdown-menu>li>span>a:hover{text-decoration:none; background-color:#f5f5f5;} .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{background-color:#f5f5f5;} .dateControl .ui-datepicker-trigger{ position: relative; top: -30px; left: -4px; height:auto;border-radius:4px; float:right; } .dateControl img, .cl-validator img, .cl-validator-no-label img, .cl-validator-horz img {position:relative; /*top:32px;*/ margin-left:2px;} .haz-mat-validator img{position:absolute; bottom:18px; left:0; top:18px;z-index:99; margin-left:2px;} .cl-validator-no-label img, .cl-validator-horz img {top:10px;} .dl-validator img {position:absolute; left:10px; margin-left:2px;} .clear-all-wrapper{padding:4px 0 ;margin-bottom: 12px; margin-top:4px; text-align:center;} .clear-all-wrapper .clear-all-link{display:inline-block; margin-top:0; padding-top:3px; } .clear-all-wrapper .glyphicon {font-size:16px; top:3px; margin-left:4px;} .rich-textbox{ resize: none;} .table-container{display:block; width:100%; margin:2px auto 2px auto;} .data-table{width:99.5%; overflow:auto; margin:0 auto;} .data-table-title{min-height: 20px; padding: 12px 8px; background-color:#ddd; border: 1px solid #d8d8d8; border-radius: 4px; border-bottom-left-radius:0; border-bottom-right-radius:0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);} .data-table .table-header, .data-table .table-header td, .table-header th {min-height:38px; vertical-align:middle; line-height:1.2; background-color:#eee; border:solid 1px #ccc; border-bottom-color: #A9A9A9; font-size:13px; text-align:center; } .data-table .table-header [class*="col-"], .data-table .table-header td, .table-header th {padding-top:10px; padding-bottom:10px;font-weight:normal !important;} .data-table .table-header div {height:100%;border-right:solid 1px #ccc; top:0;} .data-table .table-header [class*="col-"]:last-child, .data-table .table-header td:last-child {border-right:none;} .data-table .table-header [class*="col-"]:first-child, .data-table .table-header td:first-child {border-left:none;} .data-table .table-header td a.label{font-weight:normal; font-size:13px;} .data-table .table-row, .table-row-md{ min-height:30px; padding-top:4px; padding-bottom:4px; border:solid 1px #eee; border-top:none; height:auto; /*width:100%;*/} .table-row-md td{height:40px;} .data-table .table-body .table-row:nth-child(even) {background: #eee} .data-table .table-body .table-row:nth-child(odd) {background: #fff} .table-container .table-row td, .table-container .table-header td {white-space:pre-wrap; text-overflow:ellipsis; overflow:hidden; /*max-width:85px;*/ } .data-table .col-control input, .col-control select, .col-control textarea {width:100% !important;} .data-table .edit-container{border:none !important;padding:8px 0; white-space:nowrap; min-width:60px; display:block; float:left;} .edit-container{text-align:center;} .data-table .edit-icon, .edit-icon-disabled {color: #0090B2; font-size:18px;border:none !important; margin: 0 6px} .data-cell{/*display:block;*/ overflow:visible; white-space:pre-wrap; -ms-word-break:break-all; word-break:break-all; } /*--------------------------------------------------------------------------------------------------------------------------*/ .mi-arrow-downward, .mi-arrow-upward{font-weight:bold !important;} .grid-container{ margin: 4px auto;border-radius:4px; display:table; /*border:solid .1em #ddd !important;*/ -webkit-box-shadow:none; box-shadow:none; padding:0 0 .016em 0; width:auto; max-width:100%; border-collapse:collapse; } .grid-toolbar{display:inline-block;background:#888888; background-color:#888888; opacity:.85; margin:0 0 .02em 0; padding:6px 3px; min-height:42px; height:auto; width:100%; border-top-left-radius:4px; border-top-right-radius:4px; margin-bottom:-.5px;} .grid-header-wrapper{padding:0; margin:0;border-collapse:collapse; display:block; width:100%; overflow:hidden; background:#fafafa; background-color:#fafafa; border-bottom:solid 1px #ccc; border-top:solid 0px #ccc;} .grid-header{ display:block; table-layout:fixed;overflow:hidden; border-collapse:collapse; } .grid-toolbar .grid-help-container{ margin:4px; float:right; font-size:15px; border-radius:10px; background-color:#fff; color:#888; /*padding:2px;*/} /*.grid-toolbar .grid-help-container.material-icons {font-size:16px; color:#fff;}*/ .grid-toolbar .grid-help-container.material-icons.mi-question-mark {color:#888888; font-size:18px;} .grid-toolbar .grid-help-container .help-title{font-weight:600; font-size:16px; text-decoration:underline;} .grid-toolbar .grid-help-container .help-sub-title{font-weight:600; font-size:15px;} .grid-resize-icon .material-icons {float:left; font-size:14px; color:#ffffff; /*margin:6px 0 2px 4px;*/} .grid-resize-icon:hover{cursor:pointer;} .grid-no-data-msg label{font-size:12px; font-weight:600; text-align:center; padding:8px; width:100%; margin:0;} .grid-header tbody{} .grid-header th{font-weight: bold !important;padding: 8px 4px;min-height: 38px;vertical-align: middle;line-height: 1.4; background-color: #fafafa; border: none; border-left: none; font-size: 12.5px; text-align: left; white-space: pre-wrap; -ms-word-break: break-word; word-break: break-word; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis;} .grid-header .grid-hdr-help-icon {margin: 0 2px; height:15px; top:-2px; } .grid-header th> .custom-checkbox{/*text-align:center !important;*/ margin:0 auto; width:auto; display:inline-block ;} .grid-header th:nth-child(2) {border-left:none;} .grid-header th a, .grid-header th .custom-checkbox label{color:#333333; text-align:left; font-weight:bold; font-size:12.5px;} .grid-header th .custom-checkbox label {display:block !important; top:0 !important;} .grid-header th a:hover{text-decoration:none; color:#279cf3;} .grid-header th.sort-asc a { padding: 0 4px 0 18px; background: url('../../images/global/SortAsc.png') no-repeat; } .grid-header th.sort-desc a { padding:0 4px 0 18px; background:url('../../images/global/SortDesc.png') no-repeat;} .resx-grid, .resx-grid-d{overflow:hidden; border:none; display:block; table-layout:fixed; margin:0; padding-bottom:2px;border-collapse:collapse;} .resx-grid tbody, .resx-grid-d{ padding:0 !important; } .resx-grid .edit-icon, .grid-header .edit-icon , .resx-grid .edit-icon-disabled {color: #0090B2; margin: 0 2px; vertical-align:middle ; } .g-d-wrapper{margin-top:-4px;} .g-d-wrapper .grid-header th{background-color:#fff;} .g-r-child .g-c-expand{background-color:#f0f0f0;} .resx-grid .details-icon{font-size:18px !important; color:#000; width:10px; display:inline; opacity:.8;} .resx-grid .g-c-details{padding: 0 8px 12px 0;} .g-c-expand{background-color:transparent; width:20px ; padding-left:0 !important; padding-right:0 !important; border-bottom:none !important; } .grid-header .edit-icon {font-size:15px;} .resx-grid .edit-icon-rotate{transform:rotate(180deg);} .resx-grid .edit-icon-disabled {color:#ccc !important; cursor:not-allowed; margin-right:0;} .edit-icon-disabled {color: #ccc !important;cursor: not-allowed} .resx-grid .edit-container a:first-child .edit-icon {margin-left:0;} .resx-grid .edit-container a:last-child .edit-icon {margin-right:0;} .grid-content-container{border:solid .1em #ddd !important; border-top:none;} .grid-content {display: block; margin:0; overflow:auto;} .grid-toolbar-header{display:block; text-align:center;} .grid-toolbar-header-text{font-size:1.25em; color:#fff; } .grid-toolbar-item, .grid-toolbar-item-sm{display:block; margin-top:4px; padding:5px 6px; width:auto; max-width:20%; float:left;} .grid-toolbar-item-sm{padding:2px;} .grid-toolbar-item a .edit-icon{font-size:14px; font-weight:normal; margin-right:2px; margin-bottom:4px; vertical-align:middle;} .grid-toolbar-item a{font-size:1.05em; color:#fff !important;} .grid-toolbar-item a:hover{color:#279cf3 !important;} .grid-search { float:right; margin-right:2px; display:block; height:35px; width:30%; position:relative; top:-2px;} .grid-search .search-wrapper{display:inline-block;} .grid-search input{height:30px;width:85%;} .grid-search .clear-btn{width:60px !important; } .grid-badge.badge{font-size:11px; font-weight:600; background-color:#dedede; color: #333333; padding:4px 8px; border-radius:8px; vertical-align:middle; } .grid-search-icon {border: none !important;} .grid-row{padding:0 !important;} .g-r-child .edit-container {margin-left:16px; text-align:left;} tr.grid-row>td { min-height:24px; padding:4px; border:solid 1px #ccc; border-right:none; border-left:none; text-align:left; height:auto; -ms-word-break:break-word; word-break:break-word; white-space:normal ; overflow:hidden;} tr.grid-row:first-of-type > td {border-top:none;} tr.grid-row>td .custom-checkbox label:before, .grid-header .custom-checkbox label:before{white-space:nowrap !important;} tr.grid-row>td:nth-child(2){border-left:none;} tr.grid-row>td input, tr.grid-row>td select,tr.grid-row>td textarea{height:75% !important;} tr.grid-row:last-child > td{border-bottom:none;} .resx-grid tr.grid-row:hover {background:#f6f6f6; outline: none; } .g-r-child:hover {background:#f0f0f0 !important; outline: none; } .grid-toolbar-header-left{float:left; padding:6px 8px; text-align:left;} .resx-grid tr.grid-row td:last-child{border-right:none;} .grid-row.selected{background-color:#f6f6f6 !important; } .grid-pager-container {display: block;border-top: solid 1px #e6e6e6; } .grid-pager-container >.pager-table{width:100%;} .grid-pager{height:30px; background:#fff; background-color:#fff; } .grid-pager table{margin:2px 0;} .grid-pager tbody{margin:0;} .grid-pager>td{} .grid-pager>td span, .grid-pager>td a {font-size:14px;margin: 0 4px;} .not-visible{visibility:collapse; border:none;} .grid-pager table > tbody > tr > td > a, .grid-pager table > tbody > tr > td > span {position: relative; float: left; padding: 4px 10px; line-height: 1.42857143; text-decoration: none; background-color: transparent; border: 1px solid #dddddd; margin-left: -1px; border-radius:50%;} .grid-pager table > tbody > tr > td > span { position: relative; float: left; padding: 4px 10px; line-height: 1.42857143; text-decoration: none; margin-left: -1px; z-index: 2; color: #fff; background-color: #0072AE; border-color: #dddddd; cursor: default;} .grid-pagertable > tbody > tr > td:first-child > a, .grid-pager table > tbody > tr > td:first-child > span {margin-left: 0;border-bottom-left-radius: 4px; border-top-left-radius: 4px;} .grid-pager table > tbody > tr > td:last-child > a, .grid-pager table > tbody > tr > td:last-child > span {border-bottom-right-radius: 4px; border-top-right-radius: 4px;} .grid-pager table > tbody > tr > td > a:hover, .grid-pager table > tbody > tr > td > span:hover, .grid-pager table > tbody > tr > td > a:focus, .grid-pager table > tbody > tr > td > span:focus {color: #fff; background-color: #0072AE; border-color: #dddddd;} .primary-toggle {border: 1px solid #AAAAAA; border-radius: 3px 3px 3px 3px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 0 #FFFFFF inset; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 0 #FFFFFF inset; color: #FFF; cursor: pointer; display: block; font-size: 14px; font-weight: bold; line-height: 40px; height: 30px; min-width: 20px; padding: 2px 8px; margin-top:6px; text-shadow: 0 1px 0 #FFFFFF; background-color:#0a6cb5; background:#0a6cb5; border-color:#0c86e0;} a.primary-toggle span { background: none repeat scroll 0 0 #FFF; border-radius: 2px 2px 2px 2px; -webkit-box-shadow: 0 1px 0 #FFFFFF; box-shadow: 0 1px 0 #FFFFFF; display: block; height: 2px; margin: 4px auto; width: 12px;} a.primary-toggle .primary-toggle-opened { display: none;} a.primary-toggle:hover {-webkit-box-shadow: 0 0 0 transparent, 0 1px 0 #FFFFFF inset;box-shadow: 0 0 0 transparent, 0 1px 0 #FFFFFF inset; background-color:#0c86e0 !important;background:#0c86e0 !important; color:#fff !important; border:1px solid #0c86e0 !important; font-weight:bold;} .dropdownControl.button-toolbar {width:90%; margin-right:2px;} .button-toolbar .material-icons{font-size:16px;} /*.edit-toolbar {width:92%;}*/ .edit-toolbar-menu{display:block; position:absolute; height:32px; width:26px; top:24px; right:0; border:solid 1px #ccc;} .edit-toolbar-menu:before{font:normal normal normal 14px/1 FontAwesome; content:"\f0c9";} .edit-toolbar-icon-disabled {background:#ccc !important; background-color:#ccc !important;} .edit-toolbar-icon-disabled:hover{background:#ccc !important; background-color:#ccc !important;} .contract-type {font-size: 13px;} .back-msg{font-size:15px; background-color:transparent !important; color:#333333;} .back-msg span{background-color:transparent !important;} .BillingIconsHighlight table tr{background-color:inherit;} .grid-dialog-title{text-align:left; font-size:1.3rem; } .grid-dialog-msg{font-weight:normal;display:block; margin-top:8px; width:100%; text-align:left; font-size:14px !important; white-space:pre-line;} .grid-spinner {position: absolute; top: 0; left: 0; height: 100%; width: 100%; cursor: default; z-index: 10000; background-color: transparent; opacity: .98; display: none; background-image: url('../../images/UIR/screencandyprocessing.gif'); background-repeat: no-repeat; background-position: center center; background-color:#fff;} .CSSGridDeleteAllAction, .CSSGridRefreshAllAction{color:#368eda !important;} .grid-cell-help-text{width:85%; display:inline-block;} .grid-cell-help-icon {margin-right:4px; cursor:help; border-width:0; vertical-align:top !important; left:0 !important;} /* =============================================================================================================================*/ .seatmap-inline {margin-top: 16px;} .seat-map{margin:3px 0; white-space:normal;} .seatmap-readonly-view{font-size:14px; font-weight:normal; color:#f00} .seatmap-passenger .panel-default>.panel-heading{display:none;} .seatmap-multi-pax .panel-default>.panel-heading {background-color:#0072AE;} .seatmap-multi-pax .panel-default>.panel-heading a{ color:#fff; font-size:14px} .seatmap-multi-pax .panel-default .panel-body, .seatmap-passenger .panel-default .panel-body{padding:0 2px;} .seatmap-multi-pax .accordion-header .accordion-button {display:block; background-color:#0072AE; font-size:13px; text-align:center; color:#fff;} .seatmap-multi-pax .accordion-body{padding:2px;} .seatmap-dialog{height:auto !important; width:780px !important; overflow:hidden;position:fixed !important; padding-top:8px; /*max-height:90%; overflow-y:auto;*/} .seatmap-dialog .media-left{padding-right:6px !important;} .smc-container{height:100% !important; overflow:hidden !important;} .smc-container .modal-content {max-width:100% !important} .seatmap-deck-container{ height:475px !important; border:solid 1px #ccc; overflow-x:hidden; overflow-y:auto; padding:12px 8px } .seatmap-display{height:auto; border-collapse:separate !important; } .seatmap-legend-mobile{display:none;} .seatmap-legend-anchore{ margin-bottom:2px; } .seatmap-legend .media{margin:2px 0; height:100%;} .seatmap-legend .media-left{vertical-align:middle; float:left;} .seatmap-legend .media-body{vertical-align:middle;} .seatmap-legend .row [class*="col-"]{margin-bottom:4px;} .seatmap-wing{width:10px; height:10px; background-color:#dedede;} .seatmap-row-number{padding: 2px 4px; font-size:12px; text-align:center; vertical-align:middle; } .seatmap-col-number{background-color:transparent; text-align:center; vertical-align:middle; font-size:13px; height:14px; width:14px;} .seatmap-col-number.favorite-seat{background-image:url("../../images/global/seatmap/favorite.png");background-repeat:no-repeat;background-position:top left; } .seatmap-seat{ height:28px; width:28px; padding:0; border-radius:4px; border:solid 2px #fff; } .seatmap-seat.seatmap-legend{cursor:default !important; width:28px;} .seatmap-seat.unsupported{background-color:#f6f6f6; border:none; border-radius:0;} .seatmap-aisle{background-color:transparent; width:12px;} .seatmap-seat-selector{font-weight:bold; font-size:13px !important; border:none !important; background-color:transparent; height:26px; padding:4px 0; text-align:center;} .seatmap-spacer{ height:8px; width:8px;} .seatmap-seat.paid-seat, .seatmap-seat.paid-seat-warning{background-color: #4CAF50 !important; text-align:center; cursor:pointer; } .seatmap-seat.paid-seat-warning{background-image:url("../../images/global/cautionicon.png"); background-repeat:no-repeat;background-position:center; } .seatmap-seat.available-seat {background-color: #0069AA; cursor: pointer;} .seatmap-seat.unavailable-seat{background-color:#CCCCCC; cursor:no-drop;} .seatmap-seat.traveler-seat{background-color:#fff; border:solid 1px #555; border-radius:4px; padding-top:2px;background-image:url("../../images/global/seatmap/legend_wave.gif"); background-repeat:no-repeat;background-position:center; } .seatmap-seat.colleague-seat{background-color:#fff; border:solid 1px #555; border-radius:4px; padding-top:2px;background-image:url("../../images/global/seatmap/legend_colleague.gif"); background-repeat:no-repeat;background-position:center;} .seatmap-seat.handicap-seat{background-color:#fff; border:solid 1px #555; border-radius:4px; padding-top:2px;background-image:url("../../images/global/seatmap/handicap.png"); background-repeat:no-repeat;background-position:center; } .seatmap-seat.bulkhead-seat{background-color:#279CF3;} .seatmap-seat.favorite-seat{text-align:left; } .seatmap-seat.favorite-seat:before{content:'\02605'; color:#F9C703; font-size:16px; position:relative;top:-8px; left:-2px;} .seatmap-seat.deck-icon{ background-repeat:no-repeat;background-position:center; height:24px; text-align:center; } .seatmap-seat.deck-icon.gallery{ background-image:url("../../images/global/seatmap/legend_galley.gif"); background-color:#f6f6f6; border-color:#f6f6f6; border:solid 1px #555;} .seatmap-seat.deck-icon.restroom{ background-image:url("../../images/global/seatmap/legend_restroom.gif"); background-color:#f6f6f6; border-color:#f6f6f6; border:solid 1px #555;} .seatmap-seat.deck-icon.handicap{ background-image:url("../../images/global/seatmap/handicap.png"); background-color:#f6f6f6; border-color:#f6f6f6; border:solid 1px #555;} .seatmap-seat.deck-icon.stairs{ background-image:url("../../images/global/seatmap/legend_stairs.gif"); background-color:#f6f6f6; border-color:#f6f6f6; border:solid 1px #555;} .seatmap-seat.deck-icon.exit-row{ background-image:url("../../images/global/seatmap/exit_arrow_left.gif");} .seatmap-legend .deck-icon{background-color:transparent !important; border:none !important;} .seatmap-legend .seatmap-seat{border-radius:4px !important;} .seatmap-prompt-container{border:solid 1px #A9A9A9; border-top:none; padding:16px 0 0 0 !important; margin-left:0;} .deck-icon.favorite:before{content:'\02605'; color:#F9C703; font-size:16px;} .seatmap-segment{display:block ; width:100%; min-height:40px; height:auto; background-color:#f2f2f2;padding:4px;margin:1px 0; } .seatmap-segment:hover{cursor:pointer;} .seatmap-segment.read-only{cursor:default;} .seatmap-segment.selected{background-color:#888888;} .seatmap-seat-selector{float:right;} .seatmap-segment.selected .seatmap-segment-label,.seatmap-segment.selected .seatmap-seat-selector{color:#ffffff; font-size:12px;} .seatmap-inline .seatmap-segment:after{display:block !important; margin-top:-21% !important; height:40px !important; left:16% !important; } .seatmap-segment.selected:after{border: solid transparent;content: " ";border-width: 12px;z-index:999;border-left-color: #888888; position:relative; left:16%;top:auto; height:40px;min-height:40px; max-height:54px; /*display:table;*/ float:right; margin-top:-19%; } .seatmap-segment.selected.long-lbl:after{height:52px !important;} .seatmap-inline .seatmap-segment.selected.long-lbl:after{height:53px !important; margin-top:-21% !important;} .seatmap-segment.selected .segment-seat-price:before {margin-top:-23px;} .segment-seat-price{font-size:12px; color:red; display:inline-block;} .seatmap-segment.selected .segment-seat-price{color:gold;} .sm-notes{min-height:20px; max-height:150px; overflow-x:auto;} .loader {height: auto; width: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; background: url('../../images/UIR/screencandyprocessing.gif') no-repeat center center; border-radius: 10px;} .tooltip {max-width:500px; z-index:3000;} .tooltip .tooltip-inner {text-align:left !important; max-width:100% !important;} .custom-tooltip + .tooltip {display:inline-block !important;} .custom-tooltip-header{font-size:13px; font-weight:bold; margin-bottom:2px; padding:4px;} .col-auto-width{width:auto; min-width:10%;} .card {border:none; border-width:0;} .card .card-header{height:45px; padding:0.75rem 1rem; border-width:0; border-radius:8px;} .card-header .card-title{margin:0;} .card-title .material-icons{position:relative; top:-2px;} .card .card-header a{text-align:left; vertical-align:middle; font-size:14px; font-weight:600; color:#555555; text-decoration:none;} .card-body{padding:15px !important;} .card .card-header:hover{ cursor:pointer; opacity:.7; } /* =============================================================================================================================*/ .rpt-cond-tabs .nav-tabs > li{max-width:100%;} .tabs-validator .nav-tabs > li{white-space:nowrap; max-width:115px;} .nav > li > a{padding:10px 8px;-o-text-overflow:ellipsis;text-overflow:ellipsis; overflow:hidden; } .nav.nav-justified > li.active > a {font-weight: 600;} .tab-pane {border: 1px solid #dedede; border-top: none; border-radius: 2px; padding: 10px;} .tab-header-err, li.tab-header-err a:first-child{background-image: url("../../images/global/erroricon.png");background-repeat:no-repeat;background-position:center left; color:red !important;} /* =============================================================================================================================*/ /* Handles Asp:Tables*/ .data-table tbody .table-row:nth-child(even) { background: #fff;} .data-table tbody .table-row:nth-child(odd) {background: #f5f5f5} /* Handles DataGrid*/ .data-table-alternate-color {background: #f5f5f5} .info-icon, .info-icon-inline,.form-group .info-icon, .form-group .info-icon-inline {float:none; cursor:help;position:relative; top:-2px; left:2px; opacity:.55;} .info-icon-inline, .form-group .info-icon-inline{display:inline-block; float:none; top:-1px; left:2px; } .center-control {/*display: table !important;*/ margin: 0 auto; float:none;} .center-column {margin: 0 auto; float:none;} .rule-priority-img{} .rule-priority-Limg{float:left; width:40px; margin-right:2px;} .rule-priority-Rimg{float:right; width:40px} .form-control.label-disabled{background-color:#eee;} .link-disabled {color:#ccc !important; cursor:not-allowed; margin-right:0;} /* OVERRIDE BOOTSTRAP CLASSES*/ .table{margin-bottom:10px;} table .success, .table .success, table .warning, .table .warning, table .danger, .table .danger, table .info, .table .info{color:#333333;} table {border-collapse:collapse; } .ts-left-container{min-width:300px; max-width:300px; } .cart-row.ts-left-container {min-width:330px !important; max-width:330px !important; } .avail-search.ts-left-container, .travel-shopping .ts-left-container {min-width:355px; max-width:355px; } .filter-col.ts-left-container{min-width:290px; max-width:290px; } .container-fluid{padding-left:12px; padding-right:12px;} .profile-main-container .modulehomeleft, .admin-main-container .modulehomeleft {width:300px;} .profile-main-container .modulehomeright, .admin-main-container .modulehomeright {width:100%; max-width:775px;} .row{margin-right:-12px; margin-left:-12px; } .form-group{margin-bottom:10px; width:100%;} .form-control {-webkit-box-shadow: none; box-shadow: none; margin-top:2px !important;font-size:14px; padding:8px; /*min-height:38px;*/} .form-select{padding-right:26px !important; background-position:right .3rem center; border:1px solid #A99AAF;} .form-group-cancel{margin-bottom: 10px; margin-left: 42px} .control-label, .control-label label, label{color:#333333; /*margin-bottom:4px;*/ font-size:13px !important; font-weight:500;} .label{color:#333333; margin-bottom:4px; font-size:13px; padding:0;} .no-col-float{float:none;} .toolbar-edit-container {border:solid 2px #e3e3e3;background-color:transparent;color:#333333; margin:8px 0; display:none; height:auto; padding:0 !important;} .section-disabled {opacity: .5;pointer-events: none;} .custom-list-frame, .custom-userlist-frame{width:98%; height:650px; max-height:100% ; display:block; overflow:hidden; background-color:transparent; margin: 0 auto; padding:8px 0;} .custom-userlist-frame{ height:485px; width:100%;} /* ===============================================================================================================================================================*/ .resx-app-error{width:50%; margin:10% auto; padding:8px;} .app-error-header{font-size:28px; color:#F00; line-height:1.1; font-weight:500; margin:12px 0;} .app-error-header:before{content:'!';} .app-error-details{font-size:16px; line-height:1.5;padding:8px} .validation-required-err, .cke-validation-required-err{border:solid 1px #F00 !important; font-size:13px; } .cke-validation-required-err{border-width:2px !important;} /* ===============================================================================================================================================================*/ /* Matrix accordion*/ .matrix-container {margin:6px 0 0 0; padding-left:4px; padding-right:4px;} .matrix-container .panel-body{padding:1px 4px;} .matrix-row { /*display:block;*/ margin: 0 2px 1px 2px; background-color:#f5f5f5;padding-top:4px; padding-bottom:4px; } .matrix-row.row {border-bottom:1px solid #eee;} .matrix-row.row:last-child {border-bottom:none;} .matrix-row.mr-selected{background-color:#e3e3e3; padding:2px 0;} .matrix-row-view-all{padding:14px 8px; /*padding-top:15px; height:50px*/} .matrix-row-view-all a {color:#333333; font-size:14px; text-align:left; font-weight:600;} .matrix-row-view-all a:hover{text-decoration:none;} .matrix-logo-cell {text-align:center;} .matrix-logo-cell input[type="image"]{float:left; margin-left:0; top:0;} .matrix-logo-cell img {position:absolute !important; top:5px !important; left:50px !important; margin-top:15px;} .matrix-logo-cell img:first-of-type {margin-top:0;} .matrix-name-cell{padding-top:15px;} .matrix-name-cell a{font-weight:600; color:#333333 !important;} .matrix-name-cell a:hover{text-decoration:none;} .matrix-price-cell {font-weight:600; font-size:16px;text-align:center; padding-top:15px;} .matrix-price-cell a:hover{text-decoration:none;} .panel-group {border:solid 1px #eee; border-radius:8px; margin-bottom:0;} .matrix-panel-group .panel-heading {border-top-left-radius:8px; border-top-right-radius:8px;} .matrix-panel-group>.panel>.panel-heading>.panel-title >a{font-size:13px; display:block; width:100%; height:100%; text-align:center; padding-top:14px; color:#fff;} .panel {border-width: 0 0 1px 0; background: none; -webkit-box-shadow: none; box-shadow: none; border-radius:4px;} .panel:last-child {border-bottom: none;} .panel-group .panel + .panel {margin-top: 0;} .panel-heading, .panel-heading-filter {background-color: #0072AE; border-radius: 0;border: none; color: #fff; padding: 0; height:45px; width:100%;} .panel-heading-filter {background-color:#4f99b0;background:url('../../images/global/FilterIcon.png') left center no-repeat;content:url(../../images/global/FilterIcon.png); width:15px; height:15px; display:inline-block; background-size:15px 15px; } .panel-heading.h4, .panel-heading-filtered.h4 {color: #fff; text-align: center; margin-top: 30px; padding-bottom: 30px; border-bottom: 1px solid #eee; margin-bottom: 30px;font-weight: 300;} .panel-heading.panel-heading-fixed {background-color:#33689b; border-color:#33689b;} .panel-heading.active{background-color:#4f99b0; color:#fff;} .matrix-panel-header a, .seatmap-panel-header a {display: block; color: #fff !important; padding-top: 8px; position: relative; font-weight: 400; text-align:center; text-decoration:none;} .title-filter a:after {content: '\2193'; padding-left:8px; font-weight:bold; font-size:15px;font-family: 'Material Icons'} #ScreenCandyUpdates td {padding:2px 2px;} .search-wrapper { margin: auto;} .matrix-panel-group .accordion-item{border:none;} .matrix-panel-group .accordion-button {border-radius:8px;} .matrix-panel-group .accordion-button, matrix-anel-group .panel-heading{background-color:#0a6cb5; color:#fff; padding:12px 12px 12px 2px; border:none !important; box-shadow:none !important; font-size:14px;} .matrix-panel-group .accordion-button:after {background-image:none;} .matrix-panel-group .bottom-border{border-bottom-left-radius:8px !important; border-bottom-right-radius:8px !important;} .matrix-panel-group .accordion-button .material-icons {height:20px; font-size:30px; position:relative; top:-6px;} .matrix-panel-group .accordion-header{border-top-left-radius:8px; border-top-right-radius:8px; } /****************************************************************************************************************************/ .search-input-group { max-height:40px;} .search-input-group .input-field{padding-right:26px; height:35px;white-space:nowrap; overflow:hidden; -ms-text-overflow:ellipsis; -o-text-overflow:ellipsis; text-overflow:ellipsis;} .search-input-group .input-field::-ms-clear {display: none;} .search-input-group .search-btn {height:35px; width:35px; text-align:center; border-top-right-radius:4px !important; border-bottom-right-radius:4px !important;} .search-input-group .search-btn:not(:disabled):hover{/*border:none !important; box-shadow:none;*/} .search-input-group .search-btn .material-icons.mi-search{position:relative; color:#fff; top:-4px; left:-10px;} .search-input-group .clear-btn{position:absolute; top:2px; width:35px; height:35px; font-size:15px; right:10%; font-weight:600; border:none; background-color:transparent; z-index:99; } .search-control-container .search-btn{background-color:transparent; border:none;} .search-control-container .search-btn .mi-search{color:#888888 !important;} /****************************************************************************************************************************/ .search-wrapper .input-group-append{margin-top:2px; border:1px solid #A99AAF; border-left:0; padding-top:2px; border-top-right-radius:4px; border-bottom-right-radius:4px;} .search-box{padding-right:20px} .search-box::-ms-clear {display: none;} .clear-icon, .clear-inner-icon, .search-icon, .search-outer-icon {position:absolute; width:20px ; border:none; background-color: transparent; outline: 0; cursor: pointer; background-size:contain; font-size:14px;} .search-icon, .search-outer-icon{float: right; margin-left:5px;} .search-icon .material-icons, .search-outer-icon .material-icons {font-size:18px;margin:6px 2px 6px 0px;} .search-icon{background-image: url("../../images/global/light_search.png");background-repeat:no-repeat;background-position:center;} .clear-icon, .clear-inner-icon{ visibility:hidden; top:2px; height:35px; font-size:15px; right:16%; font-weight:600; /*background-image: url("../../images/global/baddate.gif");background-repeat:no-repeat; background-position:center;*/} .clear-inner-icon{/*float:right; position:relative; top:2px;*/} .clear-icon:focus, .clear-inner-icon:focus, .search-icon:focus, .search-outer-icon:focus{outline:0; -webkit-box-shadow:none; box-shadow:none;} .search-outer-icon{left:20%;} .col-xs-fixed{width:2%; } .col-sm-fixed{width:91%;} .paging-container{text-align:center; margin-top:.5em; margin-bottom:6px;} .paging-container .paging-label {font-size:1.05em; text-align:center; padding:8px; } .paging-container .paging-label-dt {text-align:right; margin-top:20px; font-size:12.5px;} .paging-container .paging-counter, .paging-container .paging-counter>a .paging-container .paging-counter>span {font-size:1.05em !important; text-align:center; margin-top:4px; margin-bottom:4px; vertical-align:-webkit-baseline-middle; } .table-no-border .titlebarfloateropen{border:none;} .hotel-seg-wrapper .scrolling-panel{border:none !important ;} /*=============================================================================================================================== */ div.defaultborderhighlight{border:#A9A9A9 1px solid;line-height:24px; padding:4px;margin:8px 0 ;background-color: transparent;background-position:bottom;background-repeat:repeat-x;} .parking-logo img{max-width:100px;} .parking-vendor-contact{margin-left:4px;} /* ============================================================================================================================== */ /* AIR SEGMENT DISPLAY*/ .CssCardSegWrapper{width:100%;} .hotel-option-header {padding: 8px 8px 0 11px !important; font-size:16px;line-height:calc(24 / 20);} .hotel-option-header .hotel-hdr-icon{} .seg-wrapper.selected .hotel-option-header { border-top-left-radius:4px; border-top-right-radius:4px;} .hotel-option-container{height:100%; max-height:95%; width:100%; border:none;} .search-options-wrapper {margin-bottom: 2px;} .search-options-wrapper>table td{} .seg-summary-view{display:-webkit-box;display:-ms-flexbox;display:flex; -ms-flex-direction:row; -webkit-box-orient:horizontal; -webkit-box-direction:normal; flex-direction:row; -webkit-box-align:center; -ms-flex-align:center; align-items:center;} .search-options-wrapper .igtab_farefamilyControl_Outer>table td{padding:0;} .search-options-wrapper .igtab_farefamilyControl_Outer{border-collapse:collapse;} .search-options-wrapper .AirLegDisplayTable{width:100%; margin:0;} .igtab_farefamilyControl_Outer .AirLegDisplayParentCell{border:none;} .itin-seg-header {border-radius:8px; min-height:4em; height:auto; padding:.55em 0; background-color:#f0f0f0; line-height:20px; -ms-word-break:normal; word-break:normal;} .itin-seg-header img{ width:40px } .itin-seg-header-icon{position: relative;top:0; margin-bottom:2px; width:40px;display:inline-block;} .itin-seg-header-icon img{margin-left:4px;} .itin-seg-contract-icons{display:inline-block; float:left;} .itin-seg-contract-icons img{height:12px; width:12px; display:block; margin-bottom:2px;} .seg-wrapper {margin-bottom: 30px; border: none; border-radius:8px; box-shadow:0 2px 8px 2px rgb(0 0 0 / 15%); border-bottom-left-radius:10px; border-top-left-radius:10px; display:inline-block;} .seg-wrapper.selected{ border: solid 3px #0a6cb5; } .seg-container{ padding-left:0; padding-right:0;display:inline-table; width:100%;} .seg-container-no-border{padding-left:0; padding-right:0;display:inline-table; width:100%;} .igtab_farefamilyControl_Outer .seg-container { width:100%; } .ig_farefamilyControl .seg-container { border-bottom: 1px solid #ddd; width:100%; } .search-options-wrapper table.spreadpd{padding:0;} .air-options-wrapper table.spreadpd{padding:0;} .seg-container .airline-logo{ margin-right:3px; width:28px; height:28px;} .seg-container .flightinfo-details-img{position:relative; left:-3px; top:0;} .seg-container .media,.segment-warnings .media, .itin-warnings .media, .itin-prohibit .media{margin-top:2px;} .igtab_farefamilyControl .seg-wrapper{margin-bottom:8px;} .igtab_farefamilyControl .seg-container{border-left:none; border-right:none; border-top:none;} .container-fluid.warning-tripauthtable{background-color: #ffffd9; padding-top:4px; padding-bottom:4px; padding-left:6px; border-top:solid 1px #ddd;} .seg-right-border{border-right:solid 1px #ddd;} .seg-container .media-left,.seg-container .media-body{vertical-align:middle;} .seg-container .media-left, .media>.pull-left{padding-right:6px;} .col-rail-carrier-logo img{height:35px; width:35px;} .seg-container .vendor-name{display:inline-block; margin:4px 0 6px 0; font-size:1.5em;} .seg-container .vendor-loc, .cc-type-loc, .trans-type, .car-milage {line-height:1.5em;} .seg-container .trip-number{ margin-left:8px; font-size:12px;} .field-hr-line, .seg-hr-line {width:100%; height:1px; display:inline-block; background-color:#A9A9A9; position:relative; margin:1px 0;} .seg-hr-line {background-color:#dedede; margin:2px 0;} .seg-option-remove{display:inline-block; margin-top:8px; white-space:pre-wrap;} .seg-option-remove a{font-size:11px; text-align:center; font-weight:600;} .seg-row{display:table-row;height: 100%;} .seg-row .no-float, .row .no-float, .hotel-rate-float{ display: table-cell; float: none; vertical-align:middle;} .seg-details, .segment-warnings, .trip-details-section, .seg-details-section{display:none;} .segment-warnings .media .media-body{white-space:pre-wrap;} .leg-details-info{display:inline-block; } .info-block{text-align:left; line-height:normal ; display:inline-block; padding-left:2px;} .info-block .trip-time{display:inline-block; } .info-block .trip-city-code{display:inline-block; padding-left:4px; } .trip-city-code div.tooltip-inner{min-width:230px; min-height:30px;padding-top:6px; padding-bottom:6px; } .trip-date{display:block; font-weight:bold;} .info-block.leg-seperator{margin-top:-4px} .info-block.leg-operator{margin-left:30px; margin-bottom:0;} .info-block.leg-details{margin-left:30px; } .info-block.railleg-details{margin-left:42px; } .trip-layover {display:inline-block; color:#555; width:100%; margin:8px 0; text-align:center; } .trip-layover .layover-content{width:40%;padding:4px 0; text-align:center; font-style:italic; font-weight:600; margin:0 auto; border-top:dashed 1px #ddd;border-bottom :dashed 1px #ddd;} .trip-layover .air-layover-icon, .trip-layover .rail-layover-icon{ height:20px; width:20px; margin-bottom:2px;} .trip-duration{display:block; min-width:50px; } .trip-duration.trip-time{min-width:50px; text-align:center; width:100%; display:block;} .trip-duration.flight-stops{min-width:50px; text-align:center; width:100%;} .seg-vl-line {border-left: 2px solid #CECECE; height: 100%; position: absolute; left: 83%; top: 0; } .fare-container{} .fare-container .leg-by-leg{margin-top:10px; margin-bottom:10px; padding:10px 8px;} .rate-icon img{ margin-bottom:4px; max-width:16px; float:left; } .fare-container .fare-price-link input[type=submit], .fare-container .fare-price-display{display:block; font-weight:bold;} .fare-price-display{margin:8px 0;} .fare-container .fare-price-link .field-hr-line{ background-color:#333333;} .fare-container .fare-price-link a{text-align:left; display:inline-block; margin-top:3px; margin-bottom:3px; font-size:.96em; font-weight:bold;} .fare-container .fare-price-link a:hover{text-decoration:none;} .fare-container .penalty-checkmark{display:block; margin-top:6px; } .fare-container .penalty-checkmark .material-icons{margin-right:2px; color:#73b2ce; top:0; } .fare-container .rate-compare{display:inline-block; margin-bottom:4px;} .fare-container .warning-icon img{display:inline-block; margin-left:10px; float:left;} /*a.linkcoloreddisabled:hover , a.linkcoloreddisabled:hover span{text-transform:none; cursor:not-allowed;}*/ .itinseg-warning-link img{height:14px; padding-left:2px; margin-bottom:2px;} .seg-itin-warnings-ind{margin-right:45px;} .message-container, .message-container-itin, .message-container-options{position:relative;background-color: #FEF6E9; padding:2px;border:solid 1px #ddd; margin:8px 0;} .message-container-options{border:none; border:solid 1px #ddd; margin-top:2px; } .message-container-options a{width:20px;text-align:center; border:1px solid #ddd;} .seg-itin-container .message-container-options{border:solid 1px #A9A9A9; margin-bottom:4px;} .ig_farefamilyControl .message-container-options{border:none; border-bottom:solid 1px #A9A9A9;} .message-container-options .media img{height:16px;} .optionbuilder .message-container-options {border-right:none; border-left:none;} .message-red{color:red;} .back-to-top {display:none; position:fixed; bottom: 6px; right: 10px; z-index: 99; border:none; outline:none; background-color: #585858; color: #ffffff !important; cursor:pointer; padding:15px; border-radius:10px;} .back-to-top:hover {background-color: gray; color:#279cf3;} .seg-separator {height:2px; width:100%; background: url('data:image/gif;base64,R0lGODlhEgICAOYAAAAAAP////Pz8/Ly8vHx8fDw8O/v7+7u7uzs7Ovr6+rq6unp6ejo6Ofn5+bm5uXl5eTk5OPj4+Li4uHh4eDg4N/f397e3t3d3dzc3Nvb29ra2tnZ2djY2NfX19bW1tXV1dTU1NPT09LS0tDQ0M/Pz87Ozs3NzczMzMvLy8rKysnJycjIyMfHx8bGxsXFxcTExMPDw8LCwsHBwcDAwL+/v76+vr29vby8vLu7u7q6urm5ubi4uLe3t7a2trS0tLOzs7KysrGxsbCwsK+vr66urq2traysrKqqqqmpqaioqKenp6ampqSkpKOjo6KioqGhoaCgoJ+fn56enp2dnZycnJubm5qampmZmZiYmJeXl5aWlpWVlZSUlJOTk5KSkpGRkZCQkI+Pj46Ojo2NjYyMjIuLi4qKiomJiYeHh4aGhoWFhf///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAGsALAAAAAASAgIAAAf/gAKCg4SCAwMEBAWLjI2NBgcICQoKC5aXmJmam5kMDA0NDqKjpKUPp6ipqqusEBETFhgaHB61HyC4ISEivCS+JSUmwinEKioryCzKLS7NLzIzMzU2Nzc4O9g8PD3cPj4/P0BAQUFE5kVFRupHR0hISUlKSk1NTk5PT1D6UVFSUlMAs2TRQlDLli1dEnrx8uULmDAQxUgUM4ZMmYtlzGhEw7EjRzUgQ4I8Q7IkSY1mMJYhM2aiGIhhwDRcmLDLwYJaBAKc4o+fPnz26DWRB88dO3VG0JkjEkQcOG8+tGHTQTVHNRs2atSgQeNFMxctlLEwpiIFirMngJXwNaKtLl24/3DV8tChAwcOGzJkwHCBggQIrAKjMhVYVANPnBIrXpxJQQIEBww4mky5AIFDhTJr3kwIkaLKjiBJqsS49CZPoEQJXs269QMIEipcmNXBw4fbt0Do6kUCmIkTwFEUS8bi6wsYMGLEgDaDxjSsOaLryMbDW7hxQYQIGTLknDp38JQsGU/PXj59/gBSqcLeipUr8K9gwXKQi0KGDsHoh6ky40aPHaUh4IACmmQSSv3BpJ9+M3mREBcHzRffFe6xVwUVAPkDBVBO0MPEeEsoURQS6hRhDndCkOMUVNjsoEN0OODAFQ0zyCCDcsoh51UzKxhDDArAASfMWr6EEBcIuM1lFx9eeWHAVwV/ubbKKKsZhphpWDJGyWORgQZaIphxplkgADs=') /*../../images/Global/separator_new.gif*/ center no-repeat; /*margin:12px 0 6px 0*/} .seg-vl-separator {height:78%; width:1px; background: url('data:text/plain;base64,R0lGODlhAgBBAvcAAIuLi9/f34mJiYeHh+Hh4dvb29TU1I+Pj4qKisXFxdbW1qysrLi4uJCQkK6urrS0tJ2dnc/Pz9jY2JOTk6CgoKOjo9PT05KSkpGRkcrKyrKyspmZmcnJyZ6enpaWlsfHx4aGhpWVlY6OjoWFhdra2tXV1c7Oztzc3MzMzKmpqaKioqioqLGxsaGhoaamps3NzbOzs8LCwr29vbe3t5ubm7+/v62trbq6uqenp8jIyNLS0sDAwNfX17m5udnZ2cvLy/7+/p+fn6qqqry8vMHBwZiYmJeXl8TExJqamq+vr76+vsPDw7a2trCwsLu7u9DQ0JSUlPr6+pycnIyMjMbGxo2NjeXl5ebm5vz8/Pv7+6SkpP39/eDg4OPj4+Li4v///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACwAAAAAAgBBAgAI9QCxCBxIsKDBgwgTKlzIsKHDhxAjSpxIseJAKxgzatzIsaPHjyBDWjkxsiTJkyZPqFzJsqXLEwZiypxJsyZNFDhz6tzJs+cRFD+PCB1KtKjRI0OSKl3KNOmDIU8fSJ1KtarVBwuyat3KtWtWLQvAahlLtqxZs1K0SFnLtq1bKFLgyo1LVy6Uu3jz6r07BUrfv36nCB5MuLDhKSMSK17MuLHjxYcjS55M2K9lwH33ar5bt/PcuW5Dsz1LurRYr6hRY73KOirUprCZIp09hPbR2z976t6N0wAK3zaDCzcA86XxlyaTo0Qpsrnz5x8tSp9Ovbr1iQEBADs=') /*../../images/Global/vseparator_new.GIF*/ center no-repeat; position:absolute; left:83%;} /** OPTION BUILDER */ .optionbuilder{margin-bottom:16px; border:solid 3px #888888; border-radius:8px;} .option-builder-header{padding:8px 12px; color:#fff;background-color:#888888;} .optionbuilder .seg-container{border-right:none; border-left:none; padding-bottom:4px !important;} .optionbuilder .seg-wrapper{border-radius:0; border:none; border-bottom:solid 1px #ddd;margin-bottom:0; box-shadow:none;} .optionbuilder .seg-wrapper.selected {border:none; border-bottom:solid 1px #ddd;} .optionbuilder .seg-wrapper .seg-left-border {} .optionbuilder .hotel-seg-wrapper{border-radius:0; border:none; margin-bottom:0;} .optionbuilder .message-container-options {border-right:none; border-left:none;} .seg-container.seg-itin-print{border:none;padding:8px;display:block; margin-left:6px;} .seg-address-container{} .error-alert-container .header{min-height:50px; color:red;} .error-alert-container .close, .success-alert-container .close{position:absolute; top:3px; right:6px;} .success-alert-container, .error-alert-container{ width:100%; padding:0; } .success-alert-container .alert-success, .error-alert-container .alert-danger{font-size:14px; text-align:left;} .alert-success .global-alert-text{position:relative; top:-4px;font-size:14px; display:inline-block;} .global-alert-text{position:relative; top:-4px;} .bordered-box{border:solid 1px #A9A9A9; border-radius:4px;} .mobile-only-control{display:none;} /* CAR SEGMENT DISPLAY*/ .car-options-wrapper{margin-bottom:2px;} .car-options-wrapper .message-container-options{border-bottom:none;} .car-rate-container{padding-top:6px; text-align:center;} .seg-itin-container .car-rate-container{text-align:left;opacity:.9;} .car-rate {display:inline-block; min-width:40%; text-align:right; font-size:14px; font-weight:bold; } .car-rate-period{line-height:18px; font-size:13px; } .seg-itin-container .car-rate-period{font-size:1.04em; text-transform: lowercase ;} .car-rate-icons{min-height:20px;} .car-option-header{margin:6px 0;} .flex-image{display:-webkit-box;display:-ms-flexbox;display:flex; -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; -ms-flex-direction:column; -webkit-box-orient:vertical; -webkit-box-direction:normal; flex-direction:column; -webkit-box-align:center; -ms-flex-align:center; align-items:center;} .flex-image img { margin: auto 0; max-height:124px; max-width:100%; } .button-toolbar .btn-group{background-color:#f2f2f2;border:solid 1px #ccc; padding:2px; border-radius:0 0 3px 3px; -webkit-box-shadow:0 3px 6px rgba(111,111,111,0.2); box-shadow:0 3px 6px rgba(111,111,111,0.2); outline:none; position:absolute; right:6px; top:-32px; z-index:1; display:none; } .btn-group .button-action{display:inline-block; height:24px; width:28px; border:none !important; padding:0 4px; margin:1px;} .btn-group .material-icons {font-size:20px; top:0;} .ui-dialog .ui-dialog-buttonpane .button, .ui-dialog .ui-dialog-buttonpane .button-action{padding:8px 14px !important;} .ui-dialog .ui-dialog-buttonpane .button:hover{background-color:#ffffff !important; background:#ffffff !important;color:#000000 !important; border:1px solid #4f99b0 !important; font-weight:bold;} .ui-dialog .ui-dialog-buttonpane .button-action:hover{opacity:.8; border:1px solid #0c86e0 !important; font-weight:bold;} /* ===============================================================================================================================================================*/ /* search page radio buttons */ .radio-options {margin-top:12px; margin-bottom:4px; padding:0;} .radio-options label {top:0; left:0; width: 100%; font-weight: normal; font-size:13px !important;white-space:nowrap; overflow:hidden; -ms-text-overflow:ellipsis; -o-text-overflow:ellipsis; text-overflow:ellipsis;} .radio-options input[type="radio"]:empty {display: none;} .radio-options input[type="radio"]:empty ~ label {line-height: 2.5em; cursor: pointer; height:99%; width:100%; min-width:80px; text-align:center; -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; } .radio-options input[type="radio"]:not(:checked) ~ label {background-color:#fff; color:#333333;} .radio-options input[type="radio"]:hover:not(:checked):not(:disabled) ~ label {color: #000; text-decoration:none; font-weight:bold;} .radio-options input[type="radio"]:checked ~ label {color: #fff; text-decoration:none; border:none;} .radio-options input[type="radio"]:checked:hover ~ label {text-decoration:none;} .radio-options .button-action,.radio-options .button-action:hover{float:left; border-radius:0;} .radio-options .button-action:first-child, .radio-options .button-action:first-child label {border-top-left-radius:8px; border-bottom-left-radius :8px;} .radio-options .button-action:last-child, .radio-options .button-action:last-child label:last-child {border-top-right-radius:8px; border-bottom-right-radius :8px;} .radio-options .button-action:first-child, .radio-options .button-action:first-child label {border-top-left-radius:8px; border-bottom-left-radius :8px;} .small-link{font-size:11px;margin-top:2px;} /* ===============================================================================================================================================================*/ .custom-checkbox {margin:2px 0; padding:2px 0; line-height:1em;} .custom-checkbox label{font-weight:normal;} .custom-checkbox [type="checkbox"], .custom-checkbox label{margin-bottom:0 !important; padding-top:2px; -webkit-touch-callout: none;-webkit-user-select: none; -khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;width:100%;} .custom-checkbox [type="checkbox"]:not(:checked), .custom-checkbox [type="checkbox"]:checked {position: absolute;left: -9999px;} .custom-checkbox [type="checkbox"]:not(:checked) + label,.custom-checkbox [type="checkbox"]:checked + label {position: relative;padding-left: 24px;cursor: pointer;} .custom-checkbox [type="checkbox"]:not(:checked) + label:before, .custom-checkbox [type="checkbox"]:checked + label:before {content: '';position: absolute;left:0; top:0;width: 16px; height:16px;border: 1px solid #A99AAF; background: #ffffff; border-radius: 4px;} .custom-checkbox [type="checkbox"]:checked + label:before {font: normal normal normal 14px/1 'material icons';content: 'check';border-radius:.25rem; color: #fff; background-color:#0a6cb5; line-height:14px; -webkit-transition: all .2s;-o-transition: all .2s;transition: all .2s;opacity: 1; -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1);} .custom-checkbox [type="checkbox"]:checked + label:before {background-color:#0a6cb5; } .custom-checkbox [type="checkbox"]:not(:checked) + label:after, .custom-checkbox [type="checkbox"]:not(:checked) + label:after {opacity: 0; -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0);} .custom-checkbox [type="checkbox"][data-indeterminate] + label:after, .custom-checkbox [type="checkbox"][data-indeterminate] + label:after {content: '\2212';left: 2px;opacity: 1; -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1);} .custom-checkbox [type="checkbox"]:disabled + label{color:#dadada; cursor: not-allowed;} .custom-checkbox [type="checkbox"]:disabled + label .option-filter-bold{color:#dadada; cursor: not-allowed;} .custom-checkbox [type="checkbox"]:disabled:not(:checked) + label:before{background-color:#eeeeee;} .custom-checkbox [type="checkbox"]:disabled:not(:checked) + label:before, .custom-checkbox [type="checkbox"]:disabled:checked + label:before {-webkit-box-shadow: none;box-shadow: none;border-color: #A9A9A9; cursor: not-allowed;opacity: 1;color: #FFF;} .custom-checkbox [type="checkbox"]:disabled:checked + label:before{background-color:#0a6cb5; opacity:.6;} .custom-checkbox [type="checkbox"]:disabled:checked + label:after {color: #FFF; background-color:transparent; opacity:.5; cursor: not-allowed; opacity: 1; -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1);} .custom-checkbox [type="checkbox"]:disabled + label:after {color: #aaa; cursor: not-allowed;} .custom-checkbox [type="checkbox"]:disabled:not(:checked) + label:hover:before, .custom-checkbox label:hover:before {border: 1px solid #ddd !important;} .el-item.custom-checkbox [type="checkbox"]:disabled + label{color:#555; opacity:.9; cursor: not-allowed;} .grid-container .custom-checkbox [type="checkbox"] + label, .grid-select-all-hdr .custom-checkbox [type="checkbox"] + label{ display:inline; top:4px;} /*.grid-select-all-hdr .custom-checkbox [type="checkbox"] + label {top:0;}*/ .grid-container .custom-checkbox [type="checkbox"]:checked + label:before {padding-left:0;} /* ===============================================================================================================================================================*/ .custom-radio {display:inline-block;padding:3px 6px; margin-left:2px; } .custom-radio label {font-weight:normal; position: relative; padding-left:2px; display:inline-block; } .custom-radio [type="radio"]:not(:checked) + label,.custom-radio [type="radio"]:checked + label {cursor: pointer;} .custom-radio label::before {content: "";display: inline-block;position: absolute;width: 17px;height: 17px;left: 0;margin-left: -20px;border: 1px solid #A99AAF;border-radius: 50%; background-color: #fff;-webkit-transition: border 0.15s ease-in-out;-o-transition: border 0.15s ease-in-out;transition: border 0.15s ease-in-out;} .custom-radio label::after {display: inline-block;position: absolute;content: " ";width: 11px;height: 11px;margin-left: -20px;border-radius: 50%;background-color: #0c86e0; -webkit-transform: scale(0, 0); -ms-transform: scale(0, 0); transform: scale(0, 0); -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); -o-transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33), -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);} .custom-radio input[type="radio"] {opacity: 0; } .custom-radio input[type="radio"]:checked + label::after {-webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); height:13px; width:13px; left:2px; top:2px; } .custom-radio-primary input[type="radio"]:checked + label::before { border-color: #428bca; } .custom-radio-primary input[type="radio"]:checked + label::after { background-color: #428bca; } .custom-radio input[type="radio"]:disabled + label { opacity: 0.65; } .custom-radio input[type="radio"]:disabled + label::before { cursor: not-allowed; } .custom-radio.radio-inline { margin-top: 0; } .custom-radio-primary input[type="radio"] + label::after { background-color: #428bca; } .custom-radio.radio-inline label{margin-left:10px; margin-right:32px;} .custom-radio input[type="radio"]:not(:checked) + label:hover:before{border: 1px solid #ddd !important;} /* ============================================================================================================================== */ #oSC_A_oRightPane_CC_Page1 {height:auto !important;} .authorizers-container{ overflow:hidden;} .authorizer-container{width:510px;} .table.borderless tr, .table.borderless td, .table.borderless th { border: none; padding:0;} .table.borderless th{padding:8px 0} /*** This has to be the first style definition; JS assumes it's first */ table.layoutmain {width:100%;padding-bottom:8px;background:white;height:84%;} img{border: 0;} html, body { /*height:97%;*/ padding: 0; margin:0;font-size: 100%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);} body {border-bottom:1px #A5A5A5 solid; overflow-x:auto !important;} input[type="image"]{position:relative;top:-2px;margin-right:1px;margin-left:5px;padding-bottom: 0;} input[type="checkbox"], input[type="radio"] {position:relative; /*top:2px;*/ margin:2px 0 !important;} body, input, select, textarea, table {font:13px "Open Sans", "Helvetica Neue", Tahoma, "san-serif "; color:#454545; -webkit-font-smoothing:antialiased; line-height:1.231; } a {font:13px "Open Sans", "Helvetica Neue", Tahoma, "san-serif "; color:#454545; -webkit-font-smoothing:antialiased; line-height:1.231; } .titletext{font-weight:bold; height:auto; text-align:left; color:#333333; padding-left:8px;} .ui-widget-content {font-size: 12px;} /*** FONT SIZES */ .smallest {font-size:9px} /*Smallest sub-text font size, such as shown in the footer*/ .smaller {font-size:10px} /*Smaller sub-text font size, such as shown in the flight option leg titles*/ .small {font-size:11px} /*Smaller sub-text font size, such as shown in the footer*/ .medium{font-size:12px;} .normal {font-size:13px} /*Normal font size - Should match body text si*/ .large {font-size:14px !important;} /*Used for buttons and other title bar type fonts*/ .larger {font-size:18px} /*Used for headers and so forth*/ .ultra {font-size:20px} /*Used on public itinerary page message, or other massive headings*/ /*** MENU COMMAND BAR CSS */ table.mb_layoutborder {table-layout:fixed; width:100%; padding:0; text-align:center; margin:0 auto; height:60px; display:inline-block; max-height:60px; color:#FFF;} .mb_divgroup {border-radius:4px;background-color:#888888;background-position:top;background-repeat:repeat-x;height:55px; width:99%;max-width:1050px;_width:985px;border:1px solid #A9A9A9;padding:2px 0 0 0;_border-bottom:none;position:absolute;top:15px;_top:0;_position:relative;z-index:100;background:#888888;} .mb_topitem {color:#FFF; font-weight:500;padding:10px 8px;font-size:1.04em;width:50px;border-width:0;border:none;letter-spacing:0.25px; border-spacing:1px;} .mb_topitemhover {padding:8px; border-radius:5px;border-width:0;border:none;background:#ffffff; background-color:#ffffff;color:#000000;} .mb_item {background:transparent;cursor:default;padding:6px 3px 6px 10px;font-size:13px;} .mb_customitem {background-color: #4f99b0;font-weight:bold;text-decoration:none;cursor:default;padding:3px 2px;border:1px solid #ededed;} .mb_itemhover {padding-top:6PX;padding-bottom:6PX;-moz-border-radius:3px;-webkit-border-radius:3px; color:#000000;} .mb_itemgroup {background-color: #ffffff;border-top:1px solid #73b2ce;border-left:8px solid #73b2ce;border-bottom:1px solid #73b2ce;border-right:1px solid #73b2ce;padding-right:1px; -moz-border-radius:3px;-webkit-border-radius:3px;min-width:200px;} .mb_leftmenu {position:relative;float:left;padding-top:0;height:48px;} .mb_rightmenu {position:relative;float:right;height:48px; padding-top:4px;} .mb_fontbold {color:#FFF;font-weight: 700;border-left:2px solid white;height:19px;padding-left:13px;padding-right:1px;padding-bottom:1px;} /* Used to warn against choosing an option you shouldn't */ .mb_warn { font-weight:normal;} .mb_breakitem{display:block;background-color:gray;} .mb_logoutitem {font-size:1.04em; font-weight:500;border-left:0 solid;border-right:0 solid;} .mb_alert {color:#FFF;padding-left: 12px;padding-top: 2px;padding-bottom: 2px;background-color:#D00;background-image: url(../../images/Global/alert_white.gif);background-repeat:no-repeat;border: 1px solid rgba(0, 0, 0, .3);-webkit-box-shadow: 2px 2px 5px 0 rgba(50, 50, 50, 0.75);box-shadow: 2px 2px 5px 0 rgba(50, 50, 50, 0.75);} /*** ROUNDED CORNER DEFINITIONS */ /* Round all corners for these */ input, select, textarea, table.defaultborderhighlight, div.box_error_contents, .bkgdselected, .button, .button-action, .buttonActionFormat, .roundedcorners, .roundedcorners-noshadow, .servicefees, .costsummary, .information-message, .titlebarfloaterclosed, .titlebarinlinefloaterclosed, .snapheadercollapsed, .serviceattributes, .dock, .maincontent, .treeView {border-radius: 4px;} .button {width:100%;} /* TOP LEFT AND RIGHT CORNERS ROUNDED */ .titlebartab, .titlebarfloateropen, .titlebarinlinefloateropen,.titlebarinlinefloateropen TABLE, .snapheader { border-top-right-radius: 3px; -moz-border-radius-top-left: 3px; border-top-left-radius: 3px;} .defaulttab, .defaulttabhover, .selectedtab,.defaulttabhover td, .selectedtab td, .defaulttab td { border-radius: 3px;} /* BOTTOM LEFT AND RIGHT CORNERS ROUNDED */ .titlebarcontent,.snapcontent { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px;} input, textarea{padding:6px 2px 6px 5px;font-size:14px;} select{margin-top:0 !important;padding:5px 2px 5px 5px; height:auto} input[type="text"], select, textarea{border: 1px solid #A99AAF; border-radius:4px; } input:focus, select:focus, textarea:focus {outline: none !important;-webkit-box-shadow: 0 0 3px #f2f2f2 !important; box-shadow: 0 0 3px #f2f2f2 !important;} /*** FONT ATTRIBUTES */ .underline {text-decoration:underline} .no-decoration{text-decoration:none} .bold {font-weight:bold;} .strike{text-decoration:line-through;} .italic{font-style:italic;} /*** NAMED COLORS */ .white {color:#fff} .grey {color:gray;} .black {color:black;} .red {color:Red;} /*** CSS - For controls that don't allow inline styles*/ .align-top{vertical-align:top;} .align-middle{vertical-align:middle;} .align-bottom, .align-bottom td{vertical-align:bottom;} .align-left {text-align:left} .align-right {text-align:right} .align-center {text-align:center !important;} .nodisplay {display:none;} .hide-control {display:none; visibility:hidden;} .show-control {display:block;visibility:visible;} .noborder {border:0;} .wrap-whitespace {white-space:normal} .nowrap-whitespace {white-space:nowrap} /*** Styles for Policy Rule formatting */ .rulelist_padding{padding:5px 15px 5px 0;max-width:200px;} /*Policy rules spacing between each column*/ .rulelist_wordbreak{-ms-word-wrap:break-word; word-wrap:break-word;} /*Addresses issues with long URLS being in the */ .rulelist_hint_title {color: #333; font-weight:800; text-decoration: underline} /*** GENERAL CSS */ .ui-widget-overlay{} .contenterror {color:red; margin-top:5px;} /*Used for error text*/ .smerrortext td{vertical-align: top !important;} .header{font-weight:bold;margin-bottom:10px; line-height:1.1em;} /*Heavy header text, such as at the top of the Car Options page*/ .error-alert-container .header{min-height:50px; padding:8px 12px;} .error-alert-container .close, .success-alert-container .close{position:absolute; top:3px; right:6px;} .headertext{} /*Lighter header text, such as at the top of the Car Options Page*/ .uppercase{text-transform:uppercase} /*Used to force the section into upper case*/ .vendorname{font-weight:bold;margin-right:5px;} /*The name of the vendor as it appears on options pages */ .sectionMargin{margin:.25em;} .mobileHeader {margin-bottom: 15px; margin-top:15px;} .hideRatesContainerCSS {padding-bottom:12px; border-bottom:1px solid #909090} .hotelvendorname {color: #333333; margin: 0;display: block;font-weight:800; font-size:1.5em; margin-bottom:6px;} .hotelRoomContainer{width: 100%; border-bottom: 1px solid #A9A9A9; margin-bottom: 5px; padding:8px;} .hotelRoomContainerLast{width: 100%; margin-bottom: 5px; padding-bottom:5px;} .hotelOptionContainer{min-width:290px; padding-bottom: 0; padding:0 8px; } .hotelOptionContainer.selected{background:#f5f5f5; background-color:#f5f5f5; margin-top:5px; } .hotel-section {color: #333333; margin:0 0 2px 0; display:block; } .hotel-details{font-weight:500; display:block; padding-left:2px; line-height:1.5em;} .hotelDetailsDiv{display:inline-block;margin-left:15px;float:left;} .hotelRatesDiv{float:left; min-width:24px; display:block; margin-left:15px} .hotelDataRow{margin:2px 0;} .hotelCurrencyDisplay {color: #333333; font:bold;margin:2px 0 6px 0; display:block;} .hotelRoomRequest {display:inline-block; margin:.25em 0 ;padding: 0em 1em .25em .25em; } .hoteloptioncomments{margin:8px 0 12px 0; padding-right:.5em; display:inline-block; } /* Comments for contracts, cancellation policy, special request on hotel options page*/ .hotelInfoLink {display: inline-block; margin-bottom: 15px; float: left; margin-left:0;} .hotelRoomDescLine1 {font-family:'Open Sans Bold'} .hotelInfoDividerCSS {border-right: 1px solid #CCC;padding-right:10px;} .hotelAmenitiesDividerCSS{display:none;} .hotelLeftMain {float: left; width: 55%; padding-left:.5em;padding-top: 15px} .hotelAvailMessages {display: block;width: 100%;} .hotelAvailMessagesCSS img {height:14px;} .RoomClickCSS {font-family:'Open Sans Bold'; } .hotel-rate-button{display:block} .hotel-rate-button a{display:inline-block; float:right; text-align:center;letter-spacing:normal; max-width:115px;text-decoration :none;} .hotel-rate-button>a:hover{text-decoration :none;} .hotel-rate-button .hotel-rate-avg{font-size:10px;} .FEMATextCheckmark, .PenaltyCheckmark {width:15px; margin-right:5px; top:-6px; position: relative; padding-right:0 !important} .PenaltyCheckmark {top: 1px;} .air-options-list-page-mobile, .air-options-list-page, .car-options-list-page, .hotel-options-list-page, .rail-options-list-page {border:none; padding:0;} .selected-option-wrapper{} .ratingFormat{color: #333333; line-height:1em} .ratingFormat img{height:20px; width:auto;background-color:#888888;} /*.hotel-option-header .ratingFormat img{height:20px;}*/ .amenitiesContainer{display:inline-block; margin:8px 0;} .amenitiesContainer img{ height:24px; image-rendering: -webkit-optimize-contrast; } .pagingImg{width:auto; height:auto; margin:0 4px; display:-webkit-inline-box; vertical-align:-webkit-baseline-middle; } .pagingImg .disabled{color:#333333;} .pagingImg .material-icons {font-size:1.8em;} .pagingHdrFont{font-size:1.3em;} .pagingFont{font-size:1.1em; vertical-align:-webkit-baseline-middle;margin-left:2px;margin-right:2px;} .wait-container{position:fixed !important; left:50%; top:50%;} .waitPopup{position:relative; left: 50%; margin-left:-25px; padding-top: 5px; width: 25px;} .rateWarningCnt{width:100%;} .rateWarningCnt img{height:16px;} .rateWarningMsgs { padding-left:15px; margin-bottom:5px; display:block;} .toggleSwitch{display:none;} .toggleSection{display:block;} .group { content:""; display: inline-block ; clear: both; width:100%; padding:0em;} .groupFull {display: block; width:auto; clear:both; padding:1em 1em .5em 1em;} .groupHeader {display: block; width: 99%; margin-top:.5em; padding-left:.5em} .groupFooter{height:auto; margin:4px 0; clear:both;} .leftMain {float: left; width: 55%; padding-left:.5em;} .rightMain {float: left; width: 38%; vertical-align:middle; margin-right:0em; text-align:left;} .rightMain img{max-width:100%; max-height:175px;} .left {float: left; width: 75%; height:100%;} .right {float: right; width: auto; height:100%; vertical-align:middle; margin-right:0; padding-right:0; text-align:left;} .segWrapper, .segWrapperMobile {width:100%; padding:0; margin:0;} .segWrapperMobile {background-image:none;} .segHeaderLeft{float: left; width:auto; min-width:30px;} .segHdrTitle{min-height:50px; width:100%; display:inline-block ; vertical-align:bottom; text-align:left; font-weight:700; float:left; height:inherit;position:relative;} .segHdrTitle span{display: table-cell;height:inherit;vertical-align: bottom; } .segHotelTitle{width:100%; font-weight:700; float:left; padding-left: .5em; color: #000000} .segHotelSubTitle{width:100%; font-weight:700; float:left; padding-left: .5em; color: #333333} .segDetailsTitle {display:inline-block; width:100%; margin-bottom:1em; clear:both; padding:0 .5em;} .segFooter{height:auto; margin:.5em 0; padding:0; clear:both;} .segActions{display: block; padding:.2em 0; margin: .5em .2em; text-align:right; clear:both;} .segActions a, .segActions input[type="submit"], .segActions input[type="reset"], .segActions input[type="button"],.segActions button {margin-left:.25em; margin-top:.5em;} /************************************************************************************ Page *************************************************************************************/ .search-display{ margin:.25em 0 0 0;} .admin-display{width:260px;} .admin-policy-flags{font-size:20px;position:relative;top:6px;} .modify-modal{padding-top:0px; z-index:1010;} .modify-modal .modal-dialog{top:15%;} .modify-modal .modal-content{max-width:450px !important;} .search-container{display:block; width:100%;height:auto; border:none; position:relative;top:-1px;} .search-section{border-bottom:1px solid #e2e2e2;padding:12px 0 23px} .search-section-reset {display: none; margin-left: 5px;} .search-section .section-options { position: relative; font-size: 12px; padding: 4px 2px 4px 0;} .search-section .section-options:hover { background-color: #e0ecf8;} .search-section.disabled .search-option:hover { background-color: #e2e2e2;} /************************************************************************************ JQuery UI overrides *************************************************************************************/ .ui-accordion .ui-accordion-header{padding-top:3px; padding-bottom:3px;} .ui-accordion .ui-state-active {border: solid;border-width: 1px;border-color: Highlight;margin-bottom: 1px;-webkit-box-shadow: inset 0 1px 42px -10px rgba(67, 64, 83,0.5);box-shadow: inset 0 1px 42px -10px rgba(67, 64, 83,0.5);} .ui-accordion .ui-accordion-header .ui-help-icon {position: absolute;left: auto; right: 1em; top: 1px; } #accordion .help-button {float: right;display: none;} #accordion .ui-state-active .help-button {display: inline;} .accordionSpacer{margin-bottom:8px;} .cartWrapper{position:relative;} /************************************************************************************ Modal dialog *************************************************************************************/ .modal { display: block; position: fixed; z-index: 25000; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); } .modal-header .close{margin:-.5rem -1rem -.5rem auto; } .modal-content {background-color: #fefefe;width:auto; border: 1px solid #888; border-radius:4px !important; color: #333333; -webkit-animation-name: animatetop; -webkit-animation-duration: 0.4s; animation-name: animatetop;animation-duration: 0.4s; font-family: "Open Sans", "Helvetica Neue", Tahoma, "san-serif "; max-width:600px; margin:auto;} .modal-content pre{font-family:"Open Sans", "Helvetica Neue", Tahoma, "san-serif ";} .modal-header, ui-modal-header { padding: 4px 16px; color: #333333; background-color: #E9E9E9; border-top-left-radius:0; border-top-right-radius:0;} .ui-modal-header {padding: 10px 12px;} @-webkit-keyframes animatetop { from {top:-300px; opacity:0} to {top:0; opacity:1} } @keyframes animatetop {from {top:-300px; opacity:0} to {top:0; opacity:1} } .modal-header { padding: 12px 16px; color: #333333; background-color: #E9E9E9;} .modal-header .btn-close{color:#fff;} .modal-title{font-size:1.3rem;} .modal-body {padding: 8px 16px;} .modal-footer {padding: 10px 16px; background-color: #fefefe; color: white; text-align:center; display:inline-block;} /*.modal-footer input{width:15%;}*/ .bulletinboard-modal .modal-content{max-width:100%;max-height:550px !important;} .bulletinboard-modal .modal-body{max-height:500px !important; overflow:auto;} /************************************************************************************ Form styles *************************************************************************************/ .rounded-box{ border:#A9A9A9 1px solid;margin:5px 0;background-color: transparent; padding:8px; border-radius:3px;} .left-offset{margin-left:10px;} .right-offset{margin-right:10px;} .sepImg > img{width:100%; height:1em; margin:5px 0; padding:0 10px 0 10px; -ms-flex-item-align:center; -ms-grid-row-align:center; align-self:center;} .row .ui-widget .ui-button{margin:0; position:absolute; padding:2px;} .options-header-gray {padding: 10px; background-color: #EDEDED; border-radius: 3px;} .div-loading { position:absolute; top:1px; left:1px; height: 90%; width:90%; cursor: pointer; z-index:10000; background-color: transparent; opacity:1; display:none; background-image: url('../../images/UIR/screencandyprocessing.gif'); background-repeat: no-repeat; background-position: center center;} .option-popup.div-loading{width:100%;} .div-loading .title-div{display:block; width:100%; padding:12px 8px; font-size:14px; position: absolute; top: 55%; text-align: center;} .div-loading .title-div label {font-size:14px !important;} .msg-container{height:auto; width:auto; border:1px solid #e7e7e7; padding:10px 4px;} .msg-container > img{max-height: 100%; max-width: 100%; width: auto;height: auto;position: absolute; top: 0; bottom: 0; margin: auto;} .msg-container > span, .msg-container > label{display:inline-block; width:96%; margin-left:25px;} /*.modulehomeleft{width:350px; }*/ .ui-accordion .ui-accordion-content{padding:10px 15px !important;} #lblReq {display:inline; padding: 0 0 4px; margin-right:2px;} /* ============================================================================================================= */ /* Main Search */ /* ============================================================================================================= */ .passengers-container{display:none; border:1px solid #A9A9A9; width:40%; float:right; margin-right:75px; max-height:130px; margin-top:5px;} /* ============================================================================================================= */ /* Search Results*/ /* ============================================================================================================= */ .display-seg-link {min-height: 1px; padding: 2px 2px 2px 0; float:left; margin: 10px 8px 10px 0; -ms-word-wrap:normal; word-wrap:normal; -ms-word-break:normal; word-break:normal;} .result-row {border-bottom:1px solid #e0e0e0; padding:8px; border-radius:3px;position: relative; min-width:290px;} .result-row.no-side-padding{padding-left:0; padding-right:0;} .result-row-selected{background:#f5f5f5; background-color:#f5f5f5; border:none; } .result-content{border: none; position: relative; -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; display: -ms-flexbox; display: -webkit-box; display: flex;} .result-car-class{margin:8px 0 8px 0; text-transform: capitalize;} .result-car-company-logo{border: none; float: left; padding: 2px; margin-left:5px; margin-right:5px;} .result-car-company-logo.img{vertical-align:middle;} .result-details{ border: none; width: 94%; float: right;padding:2px; } .result-details-container {width: 450px; margin-top:5px; height:auto;} .result-car-img-container{border: none; width: 200px; height:128px; position:absolute; top:0; right:5px; margin-right:15px; } .result-car-img{vertical-align:top; background-repeat:no-repeat; background-size:contain; } .result-car-rules{display:none;background-color: #fff;color: #000;text-align: left;min-height:100px; padding: 6px; margin-bottom:5px; word-wrap:break-word; word-break:break-all; border:solid 1px #333333; font-size:1em;} /* ============================================================================================================= */ /* Dropdown options*/ .options-list-container{margin:1px; min-width:220px;} .options-list {display: none;border: 1px solid #aaaaaa;border-radius: 4px;padding: 6px 0; margin-top:2px;} .options-list input[type="radio"], .options-list input[type="checkbox"] {margin: 2px 0;} .options-list input[type="radio"]:checked>label {font-weight:bold !important;} .options-list-link {text-decoration: underline; color: #0069AA !important; font-size: 1.02em; font-weight: normal; } .option-list-linkn:hover{color:#279cf3 ; text-decoration:underline;} .options-list label{font-weight:normal;} .options-list .option-list-item label:hover{cursor:pointer; text-decoration:underline;} /* ============================================================================================================= */ .extended-list-wrapper{display:block; margin:12px 0;} .extended-list-container{display:block;} .extended-list {overflow-y:auto;overflow-x:hidden; display:block;} .extended-list table{width: 100%;} .el-header-blank{padding:1px 0;background-color:#eee; background:#eee;margin:4px 0 8px 0;} .el-header{padding:4px 4px 0 2px; } .el-header span{font-size:14px !important;} .el-header a:after{position:absolute; right:10px; zoom:1.6; } .el-header.collapsed a:after{content:"+"; top:-2px;} .el-header.expanded a:after{content:"-"; top:-2px; } .el-details{} .el-item{cursor:pointer; display:block; margin-top:1px;} .el-item label, .el-item input[type="checkbox"]{cursor:pointer;} .el-item label{/*height:22px;*/ padding-top:2px; padding-right:8px; margin-top:2px; margin-bottom:2px !important} .el-item .ratingFormat {margin-top:-5px;} .el-item label .only-one-link{display:none; font-weight:bold; margin-left:4px;} .el-item label:hover .only-one-link{display:inline-block ;} .el-item label a.only-one-link:after {border:none !important;} .el-link-container{display:inline-block;margin-bottom:6px; margin-top:-5px;padding:0 4px;} .el-link{ font-size:13px; float:left; font-weight:500; font-weight:600;} .el-link a:hover{color:#279cf3;} .el-collapsed{height:auto;} .el-expanded{height:auto;} .el-collapsed a:after, .el-expanded a:after{content:''; border-right:4px solid transparent; border-left:4px solid transparent; display:inline-block; height:0; width:0; position:relative; margin-left:6px;} .el-collapsed a:after{border-top:5px solid #000;margin-bottom:2px; } .el-expanded a:after{ border-bottom:5px solid #000; margin-left:6px; } .bkgdsecondarycolor.panel-heading a {color:#333333;} /*** Unused Tickets Display */ .unused-tickets-link-container{border:solid 1px #c3c3c3; background: #f5f5f5 !important;margin:8px 0 0 0; display:inline-block; padding:8px; width:100%; border-radius:2px;} .unused-ticket-label { font-weight:300; line-height:1.4; font-size:15px; text-decoration:none; border-bottom:dashed 1px #0069AA;} .unused-tickets-container{display:none; border:1px solid #dedede; padding:0 1px; width:100%; } .unused-tickets-container .ui-jqgrid, .unused-tickets-container .ui-jqgrid .ui-jqgrid-view, .unused-tickets-container .ui-jqgrid .ui-jqgrid-hdiv, .unused-tickets-container .ui-jqgrid .ui-jqgrid-htable, .unused-tickets-container .ui-jqgrid .ui-jqgrid-bdiv,.unused-tickets-container .ui-jqgrid .ui-jqgrid-btable{width:100% !important;} .unused-tickets-container .ui-widget-content {border-left:none; border-right:none; border-top:none; border-radius:0;} .mobile-solutioncontainer {margin-top:0 !important;} /* ============================================================================================================= */ @media (max-device-width : 767px ) { .left{ width: 100%;} .right{width: 100%;} .groupFooter .button-action{width:98%;} .rateWarningMsgs {width:92%;} .hotel-section {margin:0 0 10px 0;} .larger {font-size:16px} .table.mb_layoutborder-display{width:inherit;} .search-display{display:inline;} .scrollToTop{right:.5%; top:200px;} .result-car-img-container{width:160px;} .passengers-container{margin-right:1px;} .options-list label{display:block;} .dropdowntooltip{float:left;} .maincontent {padding-top: 0 !important; padding-bottom:0 !important; box-shadow:none !important;} .push-down-car-filters{margin-top:0;} .push-down-hotel-filters{margin-top:0;} .el-header.collapsed a:after{right:20px; } .el-header.expanded a:after{right:20px; } .el-item{padding-top:1px;padding-bottom:2px;} .inline-err-display{display:block !important;} [class*="col-"] button, input[type="button"], input[type="reset"], input[type="submit"] {width:100%;padding:12px 14px;} .row-spacer {height:15px; display:block;} .mobile-header-spacer{margin-top:10px;} .clear-all-wrapper .clear-all-link{font-size:1.1em;} .ts-left-container{border:none; min-width:265px;} .seg-itin-container.container-fluid{margin-left:auto} .itin-seg-header{margin-left:-12px;} .custom-checkbox{margin:4px 0;} .ui-datepicker .ui-datepicker-header{padding:.8em 0 !important; font-size:1.2em; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{zoom:1.3; top:20% !important;} .ui-datepicker-calendar .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default , ui-modal-header{height:40px;} .ui-datepicker-calendar th{font-size:15px;} .seg-details-btn{max-width:100px;} .parking-logo img{zoom:90%;} .ff-arrow {width: 10%;} .ff-sliding-tabs{overflow-x: scroll; width:auto;max-width:100%; min-width:85%;} .car-image{text-align:center;} .car-image img {-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center; -webkit-box-ordinal-group:2; -ms-flex-order:1; order:1; width:auto; height:110px; } .md-input, .md-input input[type=button],.md-input input[type=reset],.md-input input[type=submit]{width: 90% !important;} .unused-ticket-label{font-size:14px !important;} .button,.dialog-button, .button-no-hover, .button-action {opacity:.8; } .seatmap-dialog{ width:95% !important; } .leg-details-info{display:inline-block;white-space:unset ;} .seatmap-legend-mobile{display:none;} .seatmap-legend-container{display:block;} ul.nav-tabs.nav-justified{ border-radius:4px; } .nav-tabs.nav-justified > li>a{margin:0 !important; font-size:13px; height:100%;} .nav-tabs.nav-justified > li.active a{background-color:#0a6cb5 !important; color:#fff; opacity:.75} .seg-wrapper>.seg-container {padding:0; border:none; border-bottom:1px solid #ddd;} .seg-wrapper .tab-content>.tab-pane{padding:0;border:none;} .resx-grid .edit-icon, .resx-grid .edit-icon-disabled {margin:0 8px; } } @media (max-width: 768px) { .avail-search.ts-left-container, .travel-shopping .ts-left-container {min-width:325px; max-width:100%; width:100%; } } @media (min-width: 768px) { .matrix-price-cell {padding-top:5px !important;} .mobile-header-spacer{margin-top:0;} .options-header-left{width:85%;} .options-header-right{width:5%;} .mobile-filter-icon{font-size:32px;} .hotel-rates-container{margin-bottom:12px; margin-top:8px; width:380px;} } @media only screen and (max-device-width: 480px) { .no-mobile{visibility:hidden; display:none !important;} .seg-details-btn {max-width: 100px; float: right;} .itincolumn_date{font-size:12px !important;} body, input, select, a, textarea, table {font:12px "Open Sans", "Helvetica Neue", Tahoma, "san-serif "; color:#333333; line-height:1.15em; } .segHotelTitle{font-size:1.05em;} .segHdrTitle{top:auto;} .rightMain img{max-width:100%; max-height:100% } .leftMain {width: auto;} .left{ width: 100%;} .right{width: 100%;} .groupFooter .button-action{width:90%;} .rateWarningMsgs {width:92%;} .hotel-section {margin:0 0 10px 0;} .group, .segHeader{width:100%; } .larger {font-size:16px} .container {max-width: 750px;} .search-display{width:85%;} .container-div{width:91%;} .scrollToTop{right:-5px; top:200px;} .result-car-company-logo{width:18%;} .result-car-img-container{width:45px; height:45px; top:-8px; right:15px;} .result-car-img{height:55px;} .result-car-rules{margin-top:0; width:230px;} .passengers-container{margin-right:30px;} .dropdowntooltip{float:left;} .maincontent {padding: 65px 0 0 0 !important; } .modulehomeleft {margin-top:15px;} .push-down-car-filters{margin-top:0;} .push-down-hotel-filters{margin-top:0;} .el-header.collapsed a:after{top:0; right:20px; } .el-header.expanded a:after{top:0; right:20px; } .el-item{padding-top:1px;padding-bottom:2px;} .clear-all-link:before{ right:20px;top:-6px; border-width:3px;} .extended-list-container{ min-width:80%;} .legend, table.legend {font-size:1.15em !important; margin-top:8px;} .inline-err-display{display:block !important;} [class*="col-"] button, input[type="button"], input[type="reset"], input[type="submit"] {width:100%; padding:12px 14px;} .matrix-logo-cell a{font-size:12px;} .row-spacer {height:15px; display:block;} .mobile-header-spacer{margin-top:10px;} .clear-all-wrapper .clear-all-link{font-size:1.1em;} .avail-search.ts-left-container, .travel-shopping .ts-left-container {border: none; min-width: 265px; } .col-fare-info, .col-fare-left, .col-flight-time {width:100%; border:none; } .col-flight-time .trip-duration{text-align:center;} .col-fare-info{padding-top:10px; padding-bottom:10px;} .col-seg-left{min-width:100%;} .fare-price-link{display:block; padding-left:12px; padding-right:18px;} .fare-price-link a:hover{color:#333333 !important;} .fare-col{max-width:90px;} .info-block.leg-details{margin-left:0;} .info-block.leg-operator{margin-left:0;} .itin-seg-header{margin-left:-12px;} .col-rail-carrier-logo img{max-width:30px;} /*.custom-checkbox{margin-top:12px;}*/ .trip-date{display:none !important;} .info-block .trip-time{display:block; white-space:nowrap; } .info-block .trip-city-code{display:block;} .hotel-seg-override{padding:0 !important; margin:0 !important;} .ui-datepicker{ width:300px !important;} .ui-datepicker .ui-datepicker-header{padding:.8em 0 !important; font-size:1.2em; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{zoom:1.3; top:20% !important;} .ui-datepicker-calendar .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{height:40px;} .ui-datepicker-calendar th{font-size:14px;} .parking-logo img{zoom:70%;} .ff-tabs-menu{min-height:75px; margin-top:8px !important;} .ff-sliding-tabs{width:80% !important; max-width:100%; min-width:80%; overflow-x: scroll; } .ff-arrow {width: 10%;} .ff-col-label{width:100%;height:auto; display:none;} .ff-tabs-wrapper, .seg-wrapper {border-left:solid 3px #ddd; } .ff-label{font-size:13px; -ms-word-break:unset; word-break:unset; -ms-word-wrap:normal; word-wrap:normal; white-space:normal; padding:6px 2px; border-bottom:solid 1px #a9a9a9;height:28px;} .ff-tabs-details{border:none; width:100%; border-top:1px solid #ccc;} .authorizer-container{max-width:510px;} .car-rate{display:block; text-align:center;} .seg-itin-container .car-rate-period{display:block; text-align:center;} .mobile-only-control{display:block;} .unused-ticket-label{font-size:14px !important;} .unused-tickets-container {width:100%;} .unused-tickets-container .ui-jqgrid, .unused-tickets-container .ui-jqgrid .ui-jqgrid-view, .unused-tickets-container .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-hdiv, .unused-tickets-container .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv {width:270px !important; } .unused-tickets-container .ui-jqgrid .ui-jqgrid-view{overflow:scroll !important;} .seg-separator{height:2px;} .trip-number{white-space:pre-line;} .seatmap-dialog{width:99% !important; top:65px !important; } .seatmap-deck-container {height:350px !important;} .smc-container .action-section{margin-bottom:20px;} .seatmap-legend-container{display:none;} .seatmap-legend-mobile{display:block;} .leg-details-info{display:block;white-space:normal;} .seg-wrapper.selected{ border-color: #0a6cb5 !important; } .seatmap-segment.selected:before, .seatmap-segment.selected .segment-seat-price:before {border:none;} .mobile-lp-footer img {zoom:35%;} .auth-wrapper{max-width:290px; display:block; overflow:auto;} .defaulttabstrip {display:none;} .grid-search-icon{padding:4px !important;} .grid-container{max-width:340px !important; overflow:auto;} .grid-toolbar-item{max-width:30%;} tr.grid-row>td:last-child{border-right:1px solid #ccc;} .grid-header th:last-child{border-right:1px solid #ccc;} .seg-wrapper>.seg-container {padding:0; border:none;} .seg-wrapper .tab-content>.tab-pane{padding:0;border:none;} .ack-rules-header{font-size:12.5px;} .paging-container .paging-label{font-size:1.12em;} .modal-backdrop{z-index:1000;} .resx-grid .edit-icon, .resx-grid .edit-icon-disabled {margin:0 8px; } .titlebartab-optionspage{border:none !important;} .options-header{line-height:2em;} .options-header-left{float:left; width:100%; width:85%; padding-top:4px; } .options-header-label{visibility:hidden; display:none;} .options-header-text{font-weight:600; margin-bottom:3px;} .options-header-text.summary{visibility:visible; display:block;} .options-header-text.details{visibility:hidden ; display:none;} .options-header-section{text-align:center;} .sc-trip-icon{font-size:9px; } .NavBarContainer{margin-top:0px;} .options-header.rail-header {margin-bottom:0;} .trip-layover .layover-content{width:100%; text-align:center;} .options-header .control-label{margin-right:0;} .matrix-container{padding-left:0; padding-right:0;} .gallery-popup .modal-dialog{margin:0;} .screen-candy{border:none !important; box-shadow:none !important; } .hotel-header-location, .hotel-header-date, .car-header-location-lg, .car-header-location {padding-top:8px; padding-bottom:8px;} .hotel-header-location .control-label{font-size:18px !important; white-space:pre;} .hotel-header-date .control-label{font-size:14px !important; white-space:pre;} .car-header-location .control-label{font-size:14.5px !important; white-space:pre;} .selected-option-container {padding:0 5px;} .hotelvendorname{font-size:1em;} .segWrapperMobile{border:none;} .segWrapperMobile table td{padding-right:0 !important;} .hotel-rate-container{margin-top:4px;} .hotel-option-header .hotel-hdr-icon, .hotel-option-header .ratingFormat img{zoom:.75;} .seg-block{margin-bottom:8px;} .vendor-logo img {zoom:.85;} .trip-seg-info .seg-cities{font-size:13px;} .seg-trip-num{font-size:11px;} .seg-trip-num span.glyphicon {font-size:14px !important;} .seg-warning-link a{font-size:11px;} .paging-container .paging-counter, .paging-container .paging-counter > a .paging-container .paging-counter > span{font-size:1.1em;} .pagingImg .glyphicon{font-size:1.2em;} .nav-warning-button img{zoom:.7} .nav-prohibited-button img{zoom:.7} .hotel-option-list.scrolling-panel{padding:0; margin:0;} .trip-carrier-info {margin-bottom:12px;} .trip-seg-info{padding-left:44px;} .rate-icons {width:100%; height:30px; padding:8px 8px 8px 18px !important; display:block; background-color:#f9f9f9;border-bottom-left-radius:0; border-top-right-radius:8px; text-align:left;} .seg-itin-container .option-seg-row {margin-bottom:8px;} .seg-itin-warnings-ind{margin-top:12px;} .seg-summary .option-seg-row{margin-bottom:12px;} .hotel-seg-wrapper .option-seg-container{display:block; width:100%;} .mobileHeader{margin-bottom:0;} .costSummaryActions{margin:12px auto;} .hotel-rates-container{width:100%;} .hotel-rate-float{float:left !important;} .itinCartRowContainer{border-bottom:none !important;border-right:none !important; border-left:none !important; padding-top:15px;} .rate-icon img{float:none;} .dropdown-menu{top:42px;} .profile-main-container .modulehomeright, .admin-main-container .modulehomeright{width:320px; } .dropdown-toggle .caret{margin-left:2px;} .nav-button .caret{margin-top:4px;} .daylabel{left:90% !important;} table.layoutmain td.shopping-rightpane{padding-left:2px !important;} table.layoutmain td.leftpane{padding-right:0 !important;} .screen-candy-text{font-size:11px;} .itin-seg-contract-icons{position:absolute; top:0; left:2px;} .titlebar-note{display:none;} .titlebartab, .titlebarcontent, .titlebarfloateropen{border:none !important;} .titlebartab{padding-top:0 !important;} .travel-avail-tabs{padding-left:4px;} .maincontent{box-shadow:none !important;} .seg-itin-container .car-rate-container{float:left; width:50%;} .car-rate-container:last-child{margin-bottom:12px;} .car-seg-card .trip-carrier-info {margin-bottom:0;} .co2-emission-text{margin-bottom:8px;} .co2-emissions-itin .co2-icon{font-size:14px; margin-right:4px;} .optionbuilder .seg-wrapper{border:none;} .seg-option-remove{word-break:normal; white-space:pre-wrap; padding-right:12px;} .option-seg-row{width:auto;} .panel-heading.panel-heading-fixed{padding:6px 0;} .seg-footer {padding-left:8px; padding-right:8px;} .custom-radio label::before{left:0;} .CssGlobalMsgContainer .btn-close{padding:.6rem;} .CssGlobalMsgContainer .alert-dismissible{padding-right:16px;} .profile-container{padding:0;} .titletext {padding-top:12px;} .date-col-hdr{margin-top:8px;} .autocomplete-wrapper .autocomplete{max-width:300px !important; min-width:300px !important} .loader-container{ min-width:290px !important; max-width:300px;} } @media (max-device-width: 480px) and (orientation: landscape) { .seatmap-dialog{ width:99.5% !important; top: 65px !important} .seatmap-legend-container{display:none;} .seatmap-legend-mobile{display:block;} .trip-number{white-space:normal;} .leg-details-info{white-space:nowrap ;} .seatmap-segment.selected:before, .seatmap-segment.selected .segment-seat-price:before {border:none;} .grid-container {max-width: 85% !important; overflow: auto; } .resx-grid .edit-icon, .resx-grid .edit-icon-disabled {margin:0 8px; } .screen-candy{border:none !important;} .seg-footer {padding-left:8px; padding-right:8px;} } /*--------------------------------------------------------------------------------------------------------------------*/ .callback{position:absolute; width:100%;} /*Style assigned to callback sections on the page*/ .form-row #oSC_P_oRightPane_CC_Title1_ctl01_oAddressHome_oCountry_oEdit_ctl01_oContainerDI select{width:100%;} .clickableimage{cursor:pointer;border:none;} /*Use for images that are clickable (seatmaps specifically)*/ .resizeicon{cursor:pointer} .optionspacer{ height:12px;margin-bottom:12px; width:85%;} /*The size of the gap between each option.*/ .ratePriceCol {width:15%;} /* These are used for the itin display timeline column */ /*Style used for segment display for all lines of travel.*/ .itinsegment_offset {position:relative; padding-left:7px;top:10px;} .itincityrecap{background-color:#EEE; line-height:35px;padding-left:2px;} .itinsegleftcol {background-color:#eee; width:2em; max-width:2em;min-width:2em;background-image: url("../../images/global/tables/itinLeftCol.png");background-position:top right;background-repeat:no-repeat;} .itincolumn_table {font-family:sans-serif;position:relative;} .itincolumn_time {font-size:23px; font-weight:900; letter-spacing:-1.5px;top:4px;position:relative;} .itincolumn_AMPM {padding-left:2px; font-size:10px; font-weight:900; top:8px; position:relative;margin-right:6px;display:inline-block;} .itincolumn_date { padding-top:10px; font-size:14px; font-weight:600; letter-spacing:0.5px; position:relative; margin-right:10px;display:inline-block;text-align:left;} .leftindent {padding-left:20px;} /*Indents to the right by X pixels. Heavy use on HomePage*/ /*Gradient image to use as a horizontal divider between sections. */ .separator {height:35px; width:100%; background: url(../../images/Global/separator_new.gif) center no-repeat;} .currency{font-size:14px; font-weight:600; } .currencycode{padding-left:2px; font-weight:600; } /* Currency code display */ .currency-spacer{} .currencytotal{font-size:14.5px !important; font-weight:600;} .currencyTax {font-size: 14.5px;font-weight:500;} .currencycodeTax {padding-left: 2px; font-size: 14.5px; font-weight:500;} /* Currency code display */ .costSummaryTable .currency{display:inline-block; width:65%; text-align:right; font-size:13.5px;} .costSummaryTable .currencycode{display:inline-block; width:35%; text-align:right; font-size:13.5px;} .costSummaryTable .currencyTax{display:inline-block; width:65%; text-align:right; font-size:13.5px;} .costSummaryTable .currencycodeTax{display:inline-block; width:35%; text-align:right; font-size:13.5px;} .costSummaryTable table td{padding:1px !important} /* Currency tool tip */ .currencytooltip {border-bottom:1px dashed #333333; /*cursor:pointer;*/} .multipage{background-color:transparent;border-top:0 solid #3A6EA5;width:100%;position:relative;overflow:visible;z-index:50;} /*This is used for multi-page for travel avail input page. Helps fix discrepancies between Start a New trip and USER HOME*/ .multipageavailinput {background-color:transparent; border-top:0 solid #3A6EA5; width:100%;position:relative;overflow:visible;padding-left:1px;padding-right:2px;z-index:50} td.note img {vertical-align:-8px; padding-right:3px;} /* Used only to position air/car/hotel/rail icons in shopping cart */ /*Icons used, mostly on User Home page, for warnings and info*/ .infoicon, .warningicon {padding-left:26px; padding-bottom:5px; padding-top:2px; background-position:left top; background-repeat: no-repeat;} .infoicon {background-image: url(../../images/Global/information.png);} .warningicon {background-image: url(../../images/Global/cautionicon.png);} .shoppingcartrow{padding-top:0;} /*Position shopping cart on purchase page. Change when font sizes changes.*/ .itinCartRowContainer {border: .1em solid #C0C0C0;display: block;width: 100%;clear: both;} /*Checkout Cost Summary Container*/ .hotelamenitiesicon{margin-right:5px;width:28px; max-width:100%;} /*Used to handle the layout of the hotel amenities*/ img.smi{width:18px;height:17px;border-width:0} /* Seatmap IMG */ .row-highlight{background-color:#EBEBEB;} /* Darker background color in alternating rows. Trips Pending Approval, admin lists, etc */ .hotelsearchradius{} /* Used for the hotel radius control */ .hotelsearchradiusedit{position:relative; top:5px; width:25px;} /* Used for the hotel radius control EDIT box */ .rsv{color:#fff; font-size:7px} /*Used to cloak the provider details */ .rsv2{color:#fff; font-size:7px; display:none} /*Used to hide the NTP Option ID */ .carvendorname{position:relative;vertical-align:top; font-size:14px; } /*Class for the name of the car next to the car vendor image*/ /* REM REM REM REM*/ .admineditdelete {text-align: left;} /* Used on all pages where admin can Edit/Delete items */ .adminleftpane{position:relative;top:2px} /* Used for the main admin container on the left pane in Administration */ .profileleftpane{position:relative;top:2px;width:260px; max-width:260px;}/* Used for the main profile container on the left pane in profile*/ .alternatepolicypane{margin-right:8px;} /* Used for positioning the alternate policy pane on the left pane at login*/ .purchasepromptpages{width:100%; background-color:rgb(251,251,251)} /* Used for the prompt page containers. */ /*** Avail Inputs */ .airinputcitypairs{margin-left:8px} .availrowspacing{padding-top:15px} /*Used to vertically space some of the availbility inputs */ .availmulticityseparator{border-top: #999 3px solid; padding-top:10px; margin-top:10px} /*Separates each of the destinations*/ .availnomargin{margin:0} .triptype_selection {color:#333333; font-weight:normal;} .triptype_selection label{text-decoration:underline; font-weight:normal;} /*** TEXT ENTRY AUTO COMPLETE POPUP BOX STYLES */ .CssACLocWrapper {position:absolute;} .CssACLocWrapper, .CssACLocWrapper .form-group {margin:0 !important; padding:0 !important; } .CssACLocWrapper [class*="col-"], .CssACLocWrapper .row {margin:0 !important; padding:0 !important;} .autocomplete-wrapper{position:relative; z-index:999999 !important; top:-8px;} .autocomplete-wrapper .autocomplete{display:inline-block;overflow-y:auto; overflow-x:hidden;border:1px solid #ccc;font-size:12px; line-height:10px;z-index:99999;white-space:nowrap;background: #fff; box-shadow:0 0 10px rgba(0,0,0,.075)!important; border-radius:2px; width:100%; max-width:380px; max-height:375px; min-width:380px } .autocomplete-wrapper .autocomplete a{font-size:.8rem; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block;text-indent:4px;border-bottom:1px solid #ccc;text-decoration:none;color:#333;padding:10px 4px ;background: #fff} .autocomplete a:hover,.autocomplete .selecteditem{text-decoration:none;color:#091c5a;background:#f5f5f5;} .autocomplete .frame{position:absolute;display:none !important;display:block;top:-1px;left:-1px;z-index:-1;width:100%;border:1px solid #406696} .autocomplete .autocomplete{display:inline-block; max-height:375px; overflow-y:auto; overflow-x:hidden;} .autocomplete .autocomplete a{font-size:12px; } .autocomplete .autocomplete-img, .autocomplete .autocomplete-line1, .autocomplete .autocomplete-line2{float:left;} .autocomplete .autocomplete-img {width:8.75%;} .autocomplete .autocomplete-line1{width:90%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .autocomplete .autocomplete-line2 {font-weight:500; opacity:.75; font-size:.75rem; margin-top:3px; width:90%;} /*.autocomplete{display:inline-block;position:absolute;border:1px solid #406696;font-size:12px; line-height:10px;z-index:99999;white-space:nowrap;background: #f5f5f5; } .autocomplete a{display:block;text-indent:4px;border-bottom:1px solid #BBB;text-decoration:none;color:#5A5A5A;padding:5px 10px 5px 3px;background: #f5f5f5} .autocomplete a:hover,.autocomplete .selecteditem{text-decoration:none;color:#091c5a;background:#e3e3e3} .autocomplete .frame{position:absolute;display:none !important;display:block;top:-1px;left:-1px;z-index:-1;width:100%;border:1px solid #406696} .autocomplete .autocomplete{display:inline-block; max-height:375px; overflow-y:auto; overflow-x:hidden;} .autocomplete .autocomplete a{font-size:12px; }*/ /* ============================================================================================================= */ /* ============================================================================================================= */ .sug-container{flex:1 1 25%; min-height:39px; margin-top:2px;} .sug-container .city-field{padding: 0 2px; min-width:0; max-width:100%;} .sub-container {width:100% !important; height:39px; border:1px solid #ccc; border-radius:4px; line-height:24; display:inline-flex; flex:1 0 auto; flex-direction:row; position:relative; padding:0 4px;} .sub-container .multi-field-mode{flex:1 1 auto;} .cl-list{display:flex; /*padding:5px 9px;*/} .cl-default-direction{flex-direction:row; align-items:center} .cl-ellipsis{overflow:visible; min-width:0;} .cl-item{/*background-color:#fff;*/ min-width:65px; text-align:left; display:flex; align-items:center; z-index:1; border:1px solid #d9e2e8; line-height:16px; border-radius:2px; transition:border-color 150ms ease; padding:6px 2px 6px 4px; overflow:hidden; max-width:100%; margin-left:4px;} /*.cl-item:first-child{margin-left:2px !important;}*/ .cl-item:last-child{margin-right:4px;} .cl-list.cl-ellipsis .cl-item-val{min-width:30px; text-overflow: ellipsis; overflow:hidden;} .cl-item-val{white-space:nowrap; text-align:center; padding:0 2px; font-size:14px; margin-right:4px;} .cl-item-remove{padding-right:2px; padding-left:4px;} .cl-item-btn{cursor:pointer; display:flex; background-color:rgba(33,37,41, 0.03); align-items:center; border: 1px solid #d9e2e8; border-radius:4px; color:#333; fill:#333; width:13px; height:13px; justify-content:center; font-weight:bold; font-size:11px; padding:6px; } .cl-item-btn:hover{color:#fff; background-color:#A9A9A9} .cl-item-add{ padding:5px; flex:0 0 auto;} .cl-item-add .mi-add{font-size:18px; border:1px solid #0a6cb5; color:#0a6cb5; border-radius:12px;} .cl-item-add:hover{cursor:pointer;} .cl-input{ margin:2px; flex:1; border:1px solid #A99AAF; } .cl-input-hid{visibility:hidden; display:none;} .multi-field-mode .cl-input{ overflow:hidden; text-overflow:ellipsis; /*padding:6px 2px 6px 4px;*/ min-height:87% !important } .multi-field-mode .cl-input:focus{} .sing-field-mode .cl-list{display: none !important; visibility:hidden !important;} .sing-field-mode .cl-input-hid{display:block !important; visibility:visible !important} .sing-field-mode .cl-input{max-width:100% !important; margin:0 auto !important; border:none;} /* ============================================================================================================= */ /* ============================================================================================================= */ /*** LINKS */ .secondaryselected, .tertiarytitle, .contentboldwhite {font-weight: bold; color: #fff} .contentboldcolor,.notecoloredbold,a.notecoloredbold{font-weight:bold;color:#0069AA} .notecolored,a.primarylink,a.primarylink span,a.linkcolored,a.linkcolored span,a.notelinkcolored,a.notecolored{color:#0069AA;white-space:normal; text-decoration:none;} a{color:#0069AA; text-decoration:none;} a:hover{text-decoration:none; color:#279cf3;} a:focus, a:active, a.linkboldcolored:active, .linkboldcolored:focus {text-decoration:none !important; outline:none !important;} a.primarylink:hover,a.primarylink span:hover,a.linkboldcolored:hover,a.linkboldcolored span:hover,a.linkcolored:hover,a.linkcolored span:hover,a.notecolored:hover{color:#279cf3;text-decoration:none;} a.secondarylink,a.secondarylink span{font-weight:bold;color:#0069AA;} a.secondarylink:hover,a.secondarylink:hover span{font-weight:bold;color:#279cf3;text-decoration:none;} a.note:hover,a.note span:hover {text-decoration:none; color:#279cf3; } a.linkboldcolored,a.linkboldcolored span{color:#0069AA;text-decoration:none} a.linkcoloreddisabled,a.linkcoloreddisabled span{color:#A9A9A9; cursor:not-allowed; text-transform:none;} a.notecoloredbold:hover{font-weight:bold;color:#279cf3 ;text-decoration:none} a.label{font-weight:bold;text-decoration:none;} a.label:hover{text-decoration:none; color:#279cf3;} .links {list-style-image:none; color: #0069AA; text-decoration: none; } a.link-colored-medium {font-size:12px;color: #0069AA } a.links:hover, a.link-colored-medium:hover {color:#279cf3; text-decoration:none;} a.links:focus, links:focus, links:active {text-decoration:none !important;} /** OPTION COLUMN RESULTS DISPLAY. The names are synonomous with the text info that is affected. */ .flightoptiontable{width:100%;margin-bottom:5px;} .flightoptiontable td{vertical-align:top !important;} .seat {margin-right:15px} /*Seat map link*/ .custom {} /*Used for add to option builder display in options*/ .customcell {/*min-width:200px;*/float:left;} /*Cell for custom option link*/ .airlineimgcell {min-width:35px;} /*Parent cell of the vendor image*/ .airlineimg{position:absolute} /*Vendor image*/ .airlinecell {} /*Cell containing vendor name*/ .airline {text-align:left; } /*Vendor name text*/ .airlinecodeshare{} /*Vendor codeshare details*/ .triparrow{position:relative;left:auto;padding-right:35px; bottom:-2px} /*Pointing arrow graphic*/ .railtriparrow{position:relative;bottom:-5px} /*Pointing arrow graphic*/ .flighttime{} /*Flight time information*/ .flightdivider{line-height:1px;border-top:1px solid #CECECE} /*divides the top part of a segment from the bottom details*/ .flightdetails{margin-right:15px; width:400px;} .flightlayover {border:1px #AAA solid; background-color:#DDD; color:#666; padding:2px 0 2px 5px; border-radius:5px; width:75%} .flightinfo-col {background-color:#fff;} /* The row for the flight segment in air options display */ .flightinfo-col-even {background: #F0F0F0} /*Used for Show Details link */ .flightinfo-details {float:right; text-decoration:none} .flightinfo-details-img{position:relative; left:-3px; top:2px;} /* The display used for the fare container. Inherits text size, but can override the actual fare style using .currency & .currencycode */ .fare {border-left: 1px solid #CECECE; text-align:right; } /*Issues with positioning have forced my hand here...grrr....*/ .cityandtime {display:inline-block;width:auto; } /*Column headers at the top of the options list for rail. */ .optioncolumnheaders {text-align:center;font-weight:bold; line-height:16px;} .info { text-align:left; line-height:12px; padding-top: 5px; padding-bottom: 5px;} .info-center{text-align:center; line-height:12px; padding-top: 1px; padding-bottom: 5px; padding-right:5px;} .info-middle{text-align:center; line-height:12px; padding-top: 1px; padding-bottom: 5px; vertical-align:middle;} /*** SPAN Styles */ span.dropdowntooltip a{vertical-align:middle;border-bottom:2px dotted #c5c4a4;padding-top:2px;padding-bottom:2px;text-decoration:none;line-height:22px; display:inline-block; width:40px;} span.dropdowntooltip a:hover{border-bottom:2px dotted #00008B;color:#000} span.citycodetooltip {} /*used where city code tooltip shows the entire city name*/ span.tooltip {border-bottom:1px dashed #000;color:#5A5A5A;text-decoration:none;line-height:15px;font-weight:700} span.tooltip a{border-bottom:1px dashed #000;color:#5A5A5A;text-decoration:none;line-height:15px;font-weight:700} span.tooltip a:hover{border-bottom:1px dashed #000;color:#5A5A5A;text-decoration:none} span.tooltip a:hover span,span.tooltip a:active span{border:1px Solid WindowFrame;color:InfoText;display:block;z-index:100;font:StatusBar;position:absolute;text-align:left;margin:10px 0 0 10px;padding:3px;background:Infobackground} span.contentboldcolorunderline{font-weight:bold;color:#3A6EA5;text-decoration:underline} span.tooltip a:link span,span.tooltip a:visited span{display:none} span.tooltip a:active,.text-plain{font-weight:400} /*** Overridden in PageHeader.ascx by custom color overrides configured in the policy. They are the back bone for much of the UI general display.*/ .solutioncontainer, .solutioncontainerprint{position: relative; min-height: 100%; width:100%;} .maincontent {padding: 0 16px 8px 16px; max-width:1065px; min-height:92vh; background-color:#FFFFFF; -webkit-box-sizing:content-box; box-sizing:content-box; box-shadow: 0 0 10px #666; margin:0 auto;} /*** PAGE FOOTER */ .footerstatusbar{padding-top:8px; width:100%; background-color:#FFFFFF; position:relative; top:2px; display:inline-block; vertical-align:middle;} .footercontent{color: #555555;} /*Style for the footer text*/ .footerprivacystatement {color:#A0A0A0} /*Style for the footer container. Note that footers get removed during print due to @media overrides*/ .footercontainer {position:absolute; bottom: 0; height:0; width:100%; border:0; text-align:left; max-width:1050px;} .solutioncontainer{background-color:#f2f2f2; background: #f2f2f2; padding-bottom:8px; /* Old browsers *//* IE9 SVG, needs conditional override of 'filter' to 'none' */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f2f2f2 0,#f2f2f2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f2f2f2),to(#f2f2f2)); background: linear-gradient(to bottom, #f2f2f2 0,#f2f2f2 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#f2f2f2',GradientType=0 );} .contentcolor{color:#3A6EA5} .bkgdborders{background:#000} .bkgdpage{text-align:left;margin:2px;background-color:#EEEEEE; } .bkgdpageheader{width:776px;background:#fff} .bkgdprimarycolor{background:#091c5a} .bkgdsecondarycolor{background:#3A6EA5} .bkgdtableheader{color:#333333;text-decoration:none;} .bkgdtabledata{color:#333333;text-decoration:none;background:transparent;} .bkgdtableborder{text-decoration:none;background:#b5b5b2} .bkgdselected {border:none; background-color: rgb(245,245,245); } .bkgdcontentpanel,.bkgdtabledataseparator{background:#Ffe3e3} .bkgdcontent, tr.bkgdtabledata {background:#fff} /*Used in pretty table and in preferred vendor items*/ td.bkgdtabledata{vertical-align:top;} td.bkgdtabledata SPAN{white-space:nowrap;} td.bkgdtabledataWrap SPAN{white-space: pre-wrap ;} /*EN-14921*/ table.bkgdcontent{border:0;} .bkgdtableheaderseparator{background:#728eb2} /*Used in pretty table, for preferred vendors and headers on options (the underline under the option header) */ .bkgdsimpletable {width:100%;} table.bkgdsimpletable td.label{border-bottom:#A9A9A9 0 solid; border-left:0;font-weight:600;line-height:16px;text-align:left; width:100%;} /*Used in pretty table, for preferred vendors and headers on options (the underline under the option header) */ table.admineditdelete td.label{border-bottom:#A9A9A9 1px solid; border-left:0;font-weight:600;line-height:16px;text-align:left; padding-top:10px; padding-bottom:10px;} /*Used in pretty table, for preferred vendors and headers on options (the underline under the option header) */ table.bkgdsimpletablenoline{width:100% !important;} table.bkgdsimpletablenoline td.label{border-bottom:#A9A9A9 0 solid;border-left:0;font-weight:normal;line-height:0;text-align:left;} /*---IN USE---*/ .dropdowndisabled{border: 1px solid #A99AAF; background-color:rgb(235,235,228);} /*EN-17038 ch - Custom Remarks Policy*/ .button, .dialog-button, .button-no-hover, .button-action, .nav-button, .nav-warning-button, .nav-prohibited-button .button-disabled {font-size: 14px !important; text-align:center; border:1px solid #A9A9A9; height:auto; padding:.5rem 1rem; margin:5px auto; cursor:pointer; background-position:top; background-repeat:repeat-x;} .nav-button, .nav-warning-button, .nav-prohibited-button{display:inline-block; text-align:center; border:solid 1px #414042; border-radius:6px; padding:8px 12px; margin:0 5px 0 0; text-decoration:none !important; font-weight:normal !important;} .nav-button, .nav-prohibited-button {background-color: transparent !important;} .nav-prohibited-button {color: #663D00 !important;} .nav-warning-button {background-color: #FFF5E5 !important} .nav-button {color: #414042 !important} .nav-button SPAN{font-weight:normal !important ;} .nav-warning-button, .nav-prohibited-button{padding:3px 6px; margin-right:0; border:2px #F4B832 solid ; color:#F4B832 !important; text-decoration:none; font-size:13px !important; } .nav-prohibited-button {color:#f00 !important; border-color:#f00;} .nav-button :hover, a.nav-button:hover {color:#000000 !important; text-decoration:none !important; } .nav-warning-button :hover, a.nav-warning-button:hover, .nav-prohibited-button:hover , a.nav-prohibited-button:hover {color:#F4B832; text-decoration:none; font-weight:600; cursor:default;} .nav-button:focus, a.nav-button:focus, .nav-warning-button:focus, a.nav-warning-button:focus,.nav-prohibited-button:focus, a.nav-prohibited-button:focus {text-decoration: none !important;} .nav-warning-button img,.nav-prohibited-button img{height:16px; width:20px; zoom:.85;} .nav-warning-button span, .nav-prohibited-button span{position:relative; top:1px;} .nav-button.nav-filters{border:solid 1px #808285; color:#808285; width:100%; background-color:#fff;} .filters.nav-button{margin-right:0; background:#808285 ; background-color:#808285;color:#fff; line-height:1.4em; padding:7px 12px; border:solid 1px #808285; } .filters.nav-button:hover{background:#fff; background-color:#fff; color:#333;} /*.filters.ratingFormat img{background: #808285;background-color:#808285; line-height:1em}*/ .elm-disabled{font-size: 14px; font-weight:bold; cursor:not-allowed; border:none; color:gray; margin:5px 5px 5px 3px; } .elm-disabled-with-cursor{font-size: 18px; font-weight:bold; cursor:text !important; border:solid; border-color:black; border-width:2px; padding:3px 5px;color:red; margin:5px 5px 5px 3px; } .button-no-hover {background-color:#888888;color: #FFF;} .button {background-color:#0090B2;color: #FFF;} .button-action{background-color:#0a6cb5; color:#FFF; border:1px solid #0c86e0; display:inline-block;} .button.disabled , button[disabled], .nav-button.disabled, .button-disabled, .nav-button.disabled, search-btn.disabled {cursor:not-allowed !important; opacity:.4 !important;} .button-no-hover:hover {color:black;} .button:not(:disabled):hover{ opacity:.9; color:#fff; /*border:1px solid #4f99b0; font-weight:bold;*/} .button-action:hover{ opacity:.9; font-weight:bold; color:#fff;} .button-action.button-disabled:hover{opacity:.4 !important; font-weight:normal;} .anchor-disable{pointer-events: none !important;cursor:default;} .clear-all-container{display:block; margin:8px 0; padding:4px 0;} .clearallbutton {width: 85%;} .dialog-button {background:rgb(79, 153, 176) !important;color: #FFF !important;font-size: 13px !important; padding:.5em 14px !important; font-weight:normal; border-radius:4px;} .dialog-button:hover{background-color:#ffffff !important;color:#000000 !important; border:1px solid #4f99b0 !important;} /*** ADMIN MATRIX LAYOUT DISPLAY - Preferred Vendors Matrix in Admin and for PrettyTable.vb layouts. */ .adminmatrixlayout {border:#A9A9A9 1px solid;vertical-align:top;} table.adminmatrixlayout tr.odd {background:#fff} table.adminmatrixlayout {margin-bottom:1px; } table.adminmatrixlayout td{text-align:left;} table.adminmatrixlayout td.label{border-bottom:#A9A9A9 1px solid; border-left:0; font-weight:600; color:black; line-height:16px; text-align:left;} table.adminmatrixlayout td.label img {vertical-align:middle} table.adminmatrixlayout td.even, table.adminmatrixlayout tr.even, table.matrix {background:#f1f1f1} table.adminmatrixlayout td.separatorlegs {border-right:0;border-top:0;border-left:0;border-bottom:#e3e3e3 1px solid;height:3px;padding:0;background:#000} table.adminmatrixlayout td div {clear:both;margin:2px} table.adminmatrixlayout td table tbody tr td {border: 0;text-align:left;margin:0;padding:0} /*** COMPANY LOGO BAR - (Company logo, middle CT, and right logo) */ table.logobarlayout {table-layout:fixed;width:100%;height:20px;padding:5px;background:#FFF;min-height:90px;text-align:left; } .bkgd-right-justify {z-index:99;text-align:right;padding-right:15px; border:0; } /*** TABLE FORMATTING */ .defaultcontaineremphasis {background-color:#ffffff; } table.defaultcontaineremphasis, table.defaultcontaineremphasis td {background-color:#ffffff; } table.defaultcontainer, table.defaultcontainer td {background-color: rgb(251,251,251);} table.defaultcontainer, table.defaultcontaineremphasis {padding:5px 0 0 8px;} table.defaultcontaineremphasisnopadding {padding:0;} table.cartsegment {border: none;padding: 5px 8px 10px 8px;} /*Used in cart recap for each line of travel*/ table.legend {border: none;padding: 5px 8px 10px 8px;} /*Used in Legend container on the options pages*/ table.spread{width:100%;padding:0;} table.spreadpd{width:100%;padding-left:8px;padding-right:8px;padding-bottom:0;border-spacing:0;border:0; border-collapse:collapse;} table td.spreadpd{padding:0 8px;border:0} table.serviceattributes{width:100%; border-spacing:0;border:0;} table.hotelinfomap{width:100%;padding:5px 0;border:0;border-spacing:0} table.defaultborderhighlight{border:#A9A9A9 1px solid;padding:5px;margin-bottom:6px;background-color: transparent;background-position:bottom;background-repeat:repeat-x;} table.mobiledefaultborderhighlight{border:#A9A9A9 1px solid;padding:5px;margin-bottom:6px;background-color: #EEEEEE;background-position:bottom;background-repeat:repeat-x;} table.layout{table-layout:fixed;width:100%;padding:0;background:#FFF} .shopping-leftpane{min-width:235px !important; padding:0 !important ;vertical-align:top;overflow:visible;} table.layoutmain td.leftpane{padding-left:1px;padding-right:2px;vertical-align:top;overflow:visible; width:auto; padding-top:0;} table.layoutmain td.rightpane{padding-top:0; padding-left:0;padding-right:0;vertical-align:top; width:100%;} .shopping-rightpane, .shopping-rightpane-mobile{width:100%;vertical-align:top;} table.layoutmain td.shopping-rightpane {padding-left:1em;} .shopping-rightpane-mobile{padding:0 6px !important;} /*** USER HOME STYLE OVERRIDES */ .userhomeinput{width:100%;} .userhomespread{width:100%; display:block;} .userhometriplistdiv{line-height:1px;border-top:1px solid #c9c9c9} /*** OPTION MATRIX STYLES FOR AIR/CAR/etc... */ .matrix-dimension {-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center; max-width:775px;} .matrix-dimension-lock {width:100%;overflow-x:auto;display:inline-block; max-width:770px;} table.matrix a.price{color:#333333;font-weight:400;font-size:9pt;} table.matrix img.logo{background:transparent;width:auto} table.matrix input{cursor:pointer} table.matrix input[type="image"]{width:35px; height:35px;} table.matrix th{text-align:center;word-spacing:0;line-height:16px;color:#fff;border:1px solid #728eb2;border-left:0;border-top:0;font-weight:400;padding:0} table.matrix th:hover{background:#728eb2} table.matrix th a{text-decoration:underline} table.matrix th a:hover{text-decoration:none} table.matrix td{text-align:center;color:#406696;border:1px solid #e3e3e3;border-top:0;border-left:0;margin:0;background:#fff;} table.matrix td.content{border-right:0;border-bottom:0} table.matrix td.leftheader{border-bottom:1px solid #fff;background:#e3e3e3} table.nothing,table.header{padding:0} table.matrix td.showallheadercontainer {width:120px;} table.matrix div.showallheaderinnerdiv {width:80%;padding:5px;} table.matrix a.showallheadertext {text-decoration:none; font-size:13px; padding:1px; margin:0; border:0;} .matrixselected {border: 4px solid !important; padding:6px;} .roundedcorners, .information-message, .roundedcorners-noshadow {padding: 8px;} .serviceattributesflightdivider{line-height:1px;border-top:1px solid #c9c9c9} .serviceattributesselect{padding-left:10px;} .service-attributes-container{padding-left:8px; padding-right:6px; margin-left:auto; margin-right:auto;} .service-attributes-header{display:block; margin:8px 0; padding-left:8px; padding-right:8px;} .service-attribute-name{margin:4px 0} .service-attribute-msg{margin:8px 8px 16px 8px; font-style:italic; font-size:14px;} .roundedcorners-noshadow{border:#A9A9A9 1px solid;background-color:rgb(251,251,251);background-position:bottom;background-repeat:repeat-x;} .roundedcorners {border:#A9A9A9 1px solid;background-color:rgb(251,251,251);background-position:bottom;background-repeat:repeat-x;} .roundedcorners TD{ vertical-align:middle} /* Inset shadows */ .inset {-webkit-box-shadow:inset 1px 1px 1px rgba(100, 100, 100, 1) !important;box-shadow:inset 1px 1px 1px rgba(100, 100, 100, 1);background-color:#F5F5F5 !important;} /*** Information messages WITH Icon displays. */ .information-message { border: 1px solid rgb(175, 193, 237);background-color: rgb(240, 249, 255);} .information-message .im-icon{color:#888888; font-size:14px; zoom:1.2;} /*** TITLE BARS AND CONTAINERS */ .titlebartab, .titlebartab-no-border {border-top:1px solid #A9A9A9;border-left:1px solid #A9A9A9;border-right:1px solid #A9A9A9;z-index:99;background-color:#ffffff; padding-top:8px; } .titlebartab-no-border { border:none !important;} .titlebartab-optionspage {border-top:1px solid #A9A9A9;border-radius:0;z-index:99;background-color:#FFFFFF} .titlebartab-optionspage .titletext{padding-top:8px; padding-left:0;} .titlebartab-optionspage-mobile {border:none;} .titlebartab TD{font-weight:400;} .titlebartab TD SPAN{font-weight:bold;} .titlebarfloateropen {color:#FFF;border-top:1px solid #A9A9A9;border-left:1px solid #A9A9A9;border-right:1px solid #A9A9A9;z-index:99;background-color:#FFFFFF; padding-top:8px;} .titlebarmatrixopen {z-index:99;padding-top:3px;padding-bottom:3px;margin-left:-6px;} .titlebarmatrixclosed {z-index:99;padding-top:3px;padding-bottom:3px;} .titlebarfloateropen TD{font-weight:700} .titlebarfloaterclosed TD{font-weight:700;color:#3A6EA5} .titlebarcontent, .titlebarcontent-no-border {border-top:none; border-left:1px solid #A9A9A9; border-right:1px solid #A9A9A9; border-bottom:1px solid #A9A9A9; background-color:#ffffff; background-position:bottom; display: inline-table; background-repeat:repeat-x; text-align:left; } .screen-candy{position:fixed; top: 47.5%;left: 50%;transform: translate(-50%, -50%); background-color:transparent; width:700px; height:500px; border:none !important; z-index:99999; background-color:#FFFFFF; border-radius:10px;border:solid 1px #ddd;box-shadow:0 2px 8px 2px rgb(0 0 0 / 15%);} .titlebarcontent-screencandy{ border-radius:10px;width:100%; height:100%; } .titlebarcontent-no-border {border:none !important;} .titlebarcontent-optionspage{border:0; background-color:#FFFFFF; display: inline-table; background-repeat:repeat-x; text-align:left; /*margin-top:50px;*/} table.titlebarcontent TD {border:none;} /* This will remove TD borders inside option tables */ .titlebar-note{padding:8px; margin:6px 0;} /*---IN USE---including rounded corners*/ .titlebarinlinefloateropen{border-top:1px solid #A9A9A9; border-left:1px solid #A9A9A9; border-right:1px solid #A9A9A9; z-index:99;} .titlebarinlinefloateropen TABLE{width:100%; background:transparent; background-color:#FFFFFF;} /*---IN USE---including rounded corners*/ .titlebarfloaterclosed,.titlebarinlinefloaterclosed{border:1px solid #888; z-index:99; background-color:#E3E3E3;} .titlebarinlinefloateropen TD{color:#333333;} .titlebarinlinefloaterclosed TD{background-color:#E3E3E3;color:#091C5A} .titlebarinlinecontent{border:0 solid #888;border-top:0;color:#000;padding:2px;background:#ffffe8} .titlebaricon{width:0;text-align:center;display:none;} /*Links in the title bar follow these two, but are overridden by policy in CustomStyleContainer.ascx*/ .titlebartab a,.titlebarfloateropen a,.titlebarinlinefloateropen a{color:#73b2ce; font-weight:bold;cursor:pointer;text-decoration:underline} .titlebartab a:hover,.titlebarfloateropen a:hover,.titlebarinlinefloateropen a:hover{color:#4f99b0;/*border-color:#FF0*/} .titlebarfloaterclosed a,.titlebarinlinefloaterclosed a{font-weight:bold;color:#3A6EA5;cursor:pointer;text-decoration:underline} .titlebarfloaterclosed a:hover,.titlebarinlinefloaterclosed a:hover{color:#000;border-color:#000} a.titlebardisabledlink, .titlebardisabledlink span { color: #A9A9A9; text-decoration: none; } table.companycomm {margin-left:25px; margin-right:25px;background-color:#E0E0E0;border:2px #d0d0d0 solid} /*** These are the styles for the snap controls */ .snapheader{color:#fff;background-color:#3A6EA5;background-image:url(../../images/snap_headerBg.gif);border:1px solid #A9A9A9;font-weight:700;} .snapheadercollapsed{color:#777;background-color:#E0DFE3;background-image:url(../../images/snap_headerCollapsedBg.gif);border:1px solid #A9A9A9;font-weight:700;} .snapcontent{border:1px solid #A9A9A9;border-top-width:0;background-color:#FBFBFB;cursor:default;width:100%;padding:3px;height:100%;} .dock{padding:5px;border:#A9A9A9 1px solid;background-color:#FAFDFF;} /*** Admin Tree Controls */ .treeview-container{border:1px solid #ccc; display:block;} .treeview {display:block; width:300px; overflow:hidden;} .treenode {cursor:pointer; } .selectedtreenode{text-decoration:underline; font-weight:bold; cursor:default; } .hovertreenode {} .treenoderow{ display:block; border:1px solid #ddd; border-left:none; border-right:none; padding: 10px 15px; margin-bottom:-1px;background-color:#fff; } .treenoderow:hover{background-color:#eee; cursor:pointer;} /*** TitleBar Tab Styles */ .defaulttabstrip{padding-left:0;} table td{padding-right:1px;} .defaulttab{background-color:#73b2ce} .defaulttabhover{background-color:#73b2ce;} .defaulttab,.defaulttabhover,.selectedtab {height:2.5em; text-align:center; color:#FFF; cursor:pointer; position:relative; margin-bottom:2px; z-index:0; } .selectedtab{background-color:#888888;z-index:99; margin-bottom:0; border-bottom-left-radius:0; border-bottom-right-radius:0;} .defaulttabhover td,.selectedtab td,.defaulttab td {font-weight:700;background:transparent;} .defaulttab td, .defaulttabhover td{height:20px;} .selectedtab td{height:20px;} /*** Generic Error Hovering divs */ div.box { border: 0 solid #000000; position: absolute; left:0; right:0; width:expression((document.body.clientWidth<=980)?'80%':'99%'); width:99%;height:expression((document.body.clientHeight<=500)?'500px':'95%'); height:95%; min-height:500px; z-index:1001; color:#FFFFFF;} div.box_contents { background-color:transparent; height: 95%; position: relative; width: 100%; z-index: 200; } div.box_background { background-color: #EEEEEE; height: 100%; filter:alpha(opacity=50); /* IE's opacity*/ left: 0; opacity: 0.5; position: relative; width: 100%; z-index: 199; } div.box_error_contents{color:#333333; z-index:1001; border:#A9A9A9 1px solid; background-color:rgb(251,251,251); background-position:bottom; background-repeat:repeat-x;margin-left:auto; margin-right:auto; margin-top:10%; position:relative; width:auto; padding:10px 5px; max-width:600px;} /* Comparison matrix */ .clear { clear:both; display:none; } .matrix {overflow:hidden; width:100%; color:#000000; padding:6px;border:0 none;} .matrixheader { float:left; color:#000; font-weight:bold; border-left-width:0; height:17px; border-bottom: solid 1px #A9A9A9} .matrixitin { float:left; height:800px !important; border-top-width: 0; padding-top:4px;} .matrixdata { float:left; border-bottom: solid 1px #A9A9A9; border-top-width: 0; border-left-width:0; height: 55px; overflow:hidden; padding-top:4px; } .matrixcolitinerary { width: 145px; padding-left: 2px; padding-right: 2px; vertical-align:middle;} .matrixcolfare { width:90px; text-align:left;} .matrixbottomfare{ text-align:left;} .matrixcolindicators { width:80px; padding-left: 2px; text-align:center; } .matrixcolcabinclass { width:100px; padding-left: 2px; text-align:center; } .matrixcolpenalty { width:60px; padding-left: 2px; text-align:center; } .matrixcolrules { width:50px; padding-left: 2px; text-align:center; } .matrixcolseats { width:50px; padding-left: 2px; text-align:center; } .matrixcolselect { width:205px; text-align:center; overflow: visible} .matrixcolselect input {vertical-align:middle;} .matrixitinduration { float:left;} .matrix TD.default{vertical-align:top; min-width:75px;} /*** Unused Tickets Display - FR29303 nrh 09/02/2008 - Heads up display list styles*/ table.UnusedTickets2 {background:#ffffff} table.UnusedTickets2 tr{background:#ffffff} table.UnusedTickets2 td{background:#ffffff} /*** Flight tabs display */ .AirLegDisplayParentCell {background-color:#FFFFFF; padding:0;} /*** FR34315 Exchanges nrh 01/22/2010 - Display area on the options */ .labelExchangeTicketDisplay {color:#000000;line-height:16px; text-decoration:none;} table.ExchangeTicketDisplay {padding:0;} /*** TSA Inputs - Profile Information */ .TSAInput_wrapping TD{white-space:normal;} .TSAInput_nowrapping TD{white-space:nowrap;} table.TSAInput_nowrapping TD{white-space:nowrap;} /*** Calendar Date Picker */ .picker{background-color:#FFF;border:1px gray solid;font-weight:bold;cursor:pointer;padding:2px;} .calendar td{font-size:11px;} .title{font-weight:700;background-color:#D7D7E5;} .day{width:25px;cursor:pointer;text-align:center;border:solid 1px #F6F6F6;} .dayhover{width:25px;cursor:pointer;text-align:center;text-decoration:underline;border:solid 1px #F6F6F6;} .dayheader{width:25px;text-align:center;font-weight:700;background-color:#FFF;border:solid 1px #FFF;} .othermonthday{color:#999;} .selectedday{width:25px;background-color:#FBE694;color:#000;font-weight:700;border:solid 1px #BB5503 !important;} .today{width:25px;cursor:pointer;text-align:center;border:solid 1px #F6F6F6;font-weight:700;} .calendar{border-collapse:collapse;background-color:#FFF;cursor:default;border:solid 1px #000;} .month{background-color:#F6F6F6;margin:0 5px 5px;} .nextprev{cursor:pointer;height:25px;vertical-align:middle ;padding:0 5px;} .disabledday{text-decoration:line-through;background-image:url(baddate.gif);background-position:center center;background-repeat:no-repeat;cursor:default;} #ui-datepicker-div{display:none; width: auto !important; min-width:275px; } .ui-datepicker{z-index: 999999 !important;} /* Need to have the important here for FF to do it right. */ .ui-datepicker-multi-2 .ui-datepicker-group{width:auto !important;} .ui-datepicker-multi-2 .ui-datepicker-group-first{ margin-right:6px !important; padding-right:6px; border-right:solid 1px #ccc;} .ui-datepicker .ui-datepicker-header {padding:.6em !important; background-image:none;color:#0a6cb5; background-color:transparent; font-size:14px; border:none; border-bottom:solid 1px #ccc; border-radius:0;} .ui-datepicker .ui-datepicker-title{font-size:16px;} .ui-datepicker .ui-datepicker-calendar th span{font-size:12.5px;} .ui-datepicker .ui-datepicker-calendar{background-color:transparent;} .ui-datepicker td span, .ui-datepicker td a{padding:10px !important; background-color:transparent !important; text-align:center!important; border:none !important; color:#454545 !important; font-weight:600 !important;} .ui-datepicker td a:hover{background:#f6f6f6 !important; background:#f6f6f6; border-radius:25px; } .ui-datepicker td span, .ui-datepicker td .ui-datepicker-current-day a.ui-state-active{border:solid 1px #888888;} .ui-datepicker td span, .ui-datepicker td a.ui-state-active {background-color: #888888 !important; border-radius:25px; /*color:#fff !important;*/} .ui-datepicker .ui-state-disabled span{border: none !important; background-color:transparent !important; font-size:12.5px;} .ui-datepicker-trigger{border:none; position:relative ;top:-1px; padding-left:2px; padding-right:1px; cursor:pointer; display:inline-block; border-radius:6px;} .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{top:auto !important;} .ui-datepicker-prev span, .ui-datepicker-next span {background-image: none !important;} .ui-datepicker-prev:before, .ui-datepicker-next:before {font-family: 'Material Icons';font-weight: normal;font-size:24px;color:#0a6cb5; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing:antialiased; direction:ltr; position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center;} .ui-datepicker-prev:before {content: "\e5cb";} .ui-datepicker-next:before {content: "\e5cc";} .ui-datepicker-prev-hover, .ui-datepicker-next-hover{background-color:transparent !important; border:none !important; cursor:pointer; } .ui-datepicker-prev-hover{left:2px !important;} .ui-datepicker-next-hover{right:2px !important;} /* Tempus DateTime Picker */ .g-seg-editor-iframe{width:100%; min-height:600px; } .seg-criteria-view{width:100%; /*min-height:600px;*/ } .sc-footer{position:fixed; bottom:0; width:100%; border-top:1px solid #ccc; padding-top:12px;} .tempus-dominus-widget {z-index: 999999 !important; border:1px solid #c5c5c5; width:auto !important; min-width:265px;} .tempus-dominus-widget .date-container{border:none;min-width:265px;} .tempus-dominus-widget .date-container.td-half{border-right:solid 1px #ccc; padding-right:6px; } .tempus-dominus-widget .time-container-clock{width:200px;margin:40% auto; padding: 0 4px;} .tempus-dominus-widget .time-container.td-half {width:200px !important;} .tempus-dominus-widget button {background-color:#0a6cb5 !important; border:1px solid #ccc !important; color:#fff !important;} .tempus-dominus-widget .separator {background-image:none !important;} .tempus-dominus-widget [data-action]{font-size:18px;} .tempus-dominus-widget .calendar-header {margin-bottom:0 !important; display:block; padding: .6rem !important; background-image:none; background-color:transparent; border:none; border-bottom:solid 1px #ccc; border-radius:0;} .tempus-dominus-widget .calendar-header .picker-switch{ font-size:16px; line-height:1.8em; font-weight:500; color:#0a6cb5;} .tempus-dominus-widget .calendar-header .previous, .tempus-dominus-widget .calendar-header .next{padding:0 !important;} .tempus-dominus-widget .calendar-header .previous{ margin-left:-8px;} .tempus-dominus-widget .calendar-header .next{ margin-right: -4px;} .tempus-dominus-widget .date-container-days{grid-auto-rows:35px !important;} .tempus-dominus-widget .date-container-days .dow{font-size:12.5px; padding:.7em .3em; font-weight:bold; display:flex;} .tempus-dominus-widget .date-container-days .day{font-size:13px !important; padding:10px !important; background-color:transparent !important; text-align:center!important; border:none !important; color:#454545 !important; font-weight:600 !important; } .tempus-dominus-widget .date-container-days .day.new {opacity:.7} .tempus-dominus-widget .date-container-days .day.active {background-color: #888888 !important; border-radius:25px;} .tempus-dominus-widget .date-container-days .day:hover{background:#f6f6f6 !important; background:#f6f6f6; border-radius:25px; } .tempus-dominus-widget .date-container-days .day.disabled {opacity:.5} .tempus-dominus-widget .toolbar div{padding:6px; } .tempus-dominus-widget .material-icons{color:#0a6cb5; font-weight:200 !important;} .tempus-dominus-widget .mi-arrow-upward, .tempus-dominus-widget .mi-arrow-downward{/*font-size:20px;*/} .tempus-dominus-widget .previous.disabled .mi-chevron-left{opacity:.4} .dt-cal-trigger{align-self:center; cursor:pointer; position:relative; z-index:100; right:22px;} /*.dt-data-field{border-radius:4px !important;}*/ /* ************************************************************************************************************************************************** */ /*Specific to the calendar image*/ .ui-widget-header { background-position: top; color: #fff; padding: 10px !important; font-size: 1rem; font-weight: 500 !important } /*The style for the day-of-week text next to the date input box */ .daylabel {position:relative; /*float:right;*/ font-size:11px;font-weight:bold;left:80%; height:auto !important; padding-top:1px; text-transform:capitalize;} .small-input .daylabel{right:51% !important ;} /*SR 47917 9/28/2010 DAC JNB specific for using TripAndTemplatePendingApproval */ th.tripspendingapproval_sortable:hover{color: #A5A5A5;text-decoration: underline;font-weight:bold;} .tripspendingapproval{width:100%;cellspacing:0;text-align:Center;border:0;border-collapse:collapse;} /*** Advanced Filtering & Time Slider ***/ .filterspacing{margin-bottom:10px;} /*Spacing between each of the filters in Advance Filtering*/ .advfltr_indent{padding-left:10px;padding-bottom:4px;padding-top:0;margin-bottom:0;margin-top:0;} .advfltr_topbottom {position:relative !important; top:-6px; } .slider_container{padding-left:5px} .advfltr_alternateindent{padding-left:10px; margin-right:10px;} /* padding for stop overs and multi-airports */ .ui-slider-horizontal {background: url('../../images/global/SliderBar.png') no-repeat scroll center center !important; border:solid 1px #fff !important;height: 16px !important;width:100% !important;max-width:185px !important;} .ui-slider .ui-slider-range {top:.5em !important; background-color:transparent;} .ui-slider .ui-slider-handle-lo, .ui-slider .ui-slider-handle-hi {border:solid 1px #f1f1f1 !important; border-radius:12px; outline:medium none !important; height:20px !important; width:20px !important;-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,0.5);box-shadow:0 2px 2px 0 rgba(0,0,0,0.5); background-color:#e3e3e3 !important; background:#e3e3e3 !important; display:block;cursor:-webkit-grabbing !important; top:-5px !important;} .left_slider, .right_slider{min-width:125px; text-align:center;} .slider_config{width:85px} #backgroundPopup {display: none;height: 100%;width: 100%;top: 0;left: 0;background: #FFFFFF;border: 1px solid #cecece;z-index: 190;} #oAJAXWaitAnimation, #oAJAXAnimationSmall {display: none;position: fixed;_position: absolute; /* hack for internet explorer 6*/background: #FFFFFF;border: 2px solid #cecece;z-index: 200;padding: 12px;font-size: 13px;} /*** Radio/Checkmark fixes for advanced filters where the text is wrapping and ends up under the checkbox ***/ .rdbBlock td {padding-left: 30px;} .rdbBlock input {margin-left: -30px;} /***This is the background that overlays the Sort, Filters, and Legend containers ***/ /*This will keep the filter from making a big geay block on the screen during render!*/ .containeremphasisbackground {background:inherit;border-radius:6px; } .containeremphasisbackground-top {background:rgb(245,245,245); background-color:rgb(245,245,245);border-top-left-radius:5px;border-top-right-radius:5px;} .containeremphasisbackground-bottom {background: rgb(245,245,245) ;border-bottom-left-radius:5px;border-bottom-right-radius:5px;} /*** Clue Tip CSS - Fare Families hovers and so forth. */ .ui-cluetip-content {padding: 6px;} /*This will not show up in the code...it's dynamically referenced by cluetip controls */ .cluetip-farefamilytooltip{border:1px solid #B0B0B0;background-color:#F9F9F9;-moz-border-radius:3px;-moz-box-shadow:3px 3px 3px rgba(6,6,6,0.5);-webkit-border-radius:3px;-webkit-box-shadow:3px 3px 3px rgba(6,6,6,0.5);border-radius:3px;box-shadow:3px 3px 3px rgba(6,6,6,0.5);z-index:10000!important;} /*Must leave casing...it's folder related*/ .fareFamilyHeader{background:transparent;padding:5px 25px 5px 5px;margin:0;position:relative;color:#303030;font-weight:bold;font-size:14px;font-style:italic;text-decoration: underline;} /*** Air Option Display - should be consolidated. */ .warning-col {display:inline-block;color:Black;line-height:16px;display:inline-block;} /*** Option Builder CSS */ .option-builder-bottom-col {display:inline-block; width:100%; padding: 12px 12px 0 0;} /*** TAB CONTROLS*/ .ie .jstab-control-box {width:100%;margin-bottom:10px;color:#000000;font-size: 10px;} .gecko .jstab-control-box {width:100%;margin-bottom:10px;color:#000000;font-size: 10px;background-color:White;} .jstab-control-content {position: relative;float:left;width:100%;border-bottom:none;text-align:center;} .jstab-container {position: relative;float:left;width:100%;height:43px;background:url(../../images/global/tab-background.gif) repeat-x;} .jstab-front {position:relative;float:left;background:url(../../images/global/tab-front.gif) no-repeat;width:100px;text-align: center;line-height: 11px;height: 43px;} .jstab-back {position: relative;float:left;text-align:center;height:43px;width:100px;line-height: 11px; background:url(../../images/global/tab-back.gif) right top no-repeat;} .jstab-hover {border: dotted 1px #888;} .jstext-right {position: relative;float:right;text-align:center;height:43px;background:none;width:55px} .jstext-left {position: relative;float:left;text-align:center;width:65px;height:43px;} .jsbuttons-left {position: relative;float:right;width:18px;;height:43px;} .jsbuttons-right {position: relative;float:right;width:17px;height:43px;} /*** Fare Family Tab Controls NOTE: The style names are dynamically constructed at run time. They are based on the "farefamily" style name */ .igtab_farefamilyControl_Outer {width:100%;padding:1px; border:solid 1px #a9a9a9;} .igtab_farefamilyControl {width:100%;position:relative; background-position:bottom;background-color:#FFFFFF;} .igtab_farefamilyButton {padding:0;position: relative;top:-6px;} .igtab_farefamilyDefaultTab_Bottom{background:url(../../images/global/jstab-back-bckgrnd.gif) left top no-repeat;background-color:#FFFFFF;height:56px;width:122px;line-height: 17px;padding: 0 10px;border-right:1px dotted #AEAEAE;} .igtab_farefamilyDefaultTab_Bottom_Edge {background-position:right bottom;font-size:2px;padding:0;} .igtab_farefamilyDefaultTab_Right_Edge{background-position:right bottom;font-size:2px;padding:0;} .igtab_farefamilyButtonHover{} .igtab_farefamilyButtonPressed{} .igtab_farefamilyButtonDisabled {} .igtab_farefamilyHoverTab_Bottom {border-style:dashed;border-color:#A5A5A5;color:#A5A5A5;border-left-width:2px;border-right-width:2px;border-top-width:2px;border-bottom-width:2px;cursor:pointer;} .igtab_farefamilySeparator_Bottom {background:url(../../images/global/ac_tab-back.gif) repeat-x;border-right-width:;border-bottom-width:0;border-left-width:0;} .igtab_farefamilySelectedTab_Bottom {border-radius: 0 0 3px 3px;background:#FFFFFF;border:1px #AEAEAE solid;border-top:0; color:Black;width:100px;text-align: center;line-height: 17px;height: 56px;} /*** HOTEL ROOM OPTION LISTS */ ul.roomlist {display: inline-block;list-style-type: none; position:static; margin:0;height: auto;padding:0 0 0 8px; float:left;width:100%;} ul.roomlist li {text-align:left;} /*** FR 47337 - Context Help Enhancement - CWS - 07/01/2010 */ .TRX_CH_HIDDEN {position: absolute;display:none;margin: 0;line-height: 1.1em;padding: 5px 15px 15px 12px;width:475px;height:120px;overflow:hidden;z-index:9999;background-image: url(../../images/global/WhiteGlassHelpContainer.gif);} /* Context Help Header */ .TRX_CHH{color : #505080;font-weight : Bold;line-height: 1.75em;} /* Context Help Body */ .TRX_CHB {color : #333333} /* Context Help Footer */ .TRX_CHF {line-height: 1.75em;color : #5050D0;position:absolute; top:84px; left:160px;} /*** FONT FACE FOR DROID */ @font-face {font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans Regular'), local('OpenSans-Regular'), url('../styles/fonts/OpenSans-Regular.woff') format('woff'), /* Modern Browsers */ url('../styles/fonts/OpenSans-Regular.ttf') format('truetype'); /* Safari, Android, iOS */ } @font-face {font-family: 'Open Sans Bold'; font-style: normal; font-weight: 600; src: local('Open Sans Regular'), local('OpenSans-Regular'), url('../styles/fonts/OpenSans-Regular.woff') format('woff'), /* Modern Browsers */ url('../styles/fonts/OpenSans-Regular.ttf') format('truetype'); /* Safari, Android, iOS */ } @font-face {font-family: 'Open Sans Bold2'; font-style: normal; font-weight: 600; src: local('Open Sans Regular'), local('OpenSans-Regular'), url('../styles/fonts/OpenSans-Regular.woff') format('woff'), /* Modern Browsers */ url('../styles/fonts/OpenSans-Regular.ttf') format('truetype'); /* Safari, Android, iOS */ } @font-face {font-family: 'Open Sans Extra Bold'; font-style: normal; font-weight: 800; src: local('Open Sans Regular'), local('OpenSans-Regular'), url('../styles/fonts/OpenSans-Regular.woff') format('woff'), /* Modern Browsers */ url('../style/fonts/OpenSans-Regular.ttf') format('truetype'); /* Safari, Android, iOS */ } .ui-widget-content, .titletext {font-family: 'Open Sans'; color:#333333 !important; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited{color:#333333 !important;} /*** EN-13260 ch - Shopping Cart Pop Up */ .shoppingcart {z-index:1000;} .viewcart { z-index:1000;padding:3px 15px 3px 15px;border-radius: 3px 3px 3px 3px;font-weight:bold; background-color:#73b2ce;height:22px;text-align:center;color:#FFF;cursor:pointer; width:auto;} .viewcart_screencandy{position:absolute; top:-22px;right:1px; display:none;} .viewcart_options{position:absolute;top:10px;right:6px; display:none;} .viewcart_airoptions{position:absolute;top:1px;right:6px; display:none;} .screenCandyTable {margin: 0;overflow: hidden;margin-top:100px; height:400px} .modify-dialog {overflow-y:auto !important;z-index:9999 !important; max-height:650px;min-width:420px;-webkit-box-shadow: #808080 2px 2px 3px;box-shadow: #808080 2px 2px 3px; overflow:hidden;} .modify-dialog .modify-modal{padding-left:0; padding-right:0; } .modify-dialog .search-display{width:100%; max-width:365px} .modify-dialog .search-container{max-height:550px; overflow-y:auto; min-width:360px; padding:0 8px;} /* Used for the View My Preferences link on Travel Home */ .travel-prefs-user-home{ height:1.5em; margin-top: 14px; margin-bottom:2px;} .user-prefs-button {margin-top:8px; padding-left:8px;} /*.user-prefs-button .material-icons .mi-person-outline{left:-2px;}*/ /*** EN-13291 ch - Bulletin Board Pop Up - provides the style for positioning the continue button on the bulletin board */ .bboardcontinueouter {width:99%;height:25px; position:relative;} /*** EN-13291 ch - Bulletin Board Pop Up - provides the style for positioning the continue button on the bulletin board */ .bboardcontinueinner {position:absolute;right:5px; bottom:6px;} /*** EN-13376 ch - Place All itinerary action in a popup */ .itinerary-actions-popup{z-index:9999;position:absolute;display:none;width:225px;right:5px;} /*** EN-13376 ch - Place All itinerary action in a popup */ .itinerary-actions-link{position:relative;text-align:right;} /*** EN-13815 DAC 12/09/2013 */ .options-msgs-section{height:auto; min-height:32px;font-size:12.25px; background-color:#FFF5E5; color: #663D00; font-weight :500; position:relative;text-align:left; display: block; border-radius:8px; padding:8px; margin-bottom:8px; margin-left:auto; margin-right:auto;} .options-msgs-section .media {margin-top:4px; margin-bottom:2px;} .options-msgs-section .media-left {padding-right:8px; min-width:20px; padding-left:5px;} .options-msgs-section .media-left img {height:40px; -moz-transform: scale(0.9,0.9); -ms-transform: scale(0.9,0.9); -webkit-transform: scale(0.9,0.9); -o-transform: scale(0.9,0.9); transform: scale(0.9,0.9);} .options-msgs-section ul{margin-bottom:0; padding-left:14px; } .options-msgs-section ul li{} .options-msgs-hdr-li ul{padding-left:30px;} .flex-grow-1 .media-body{margin-left:-12px;} .hotelrooms-msgs-section .media-left img {width: 18px;} .hotelrooms-msgs-section .media {margin-top: 4px; margin-bottom: 2px;} .hotelrooms-msgs-section .media-left {padding-right: 0; min-width: 20px;} .hotelrooms-msgs-section .media-left img {width: 18px;} /*** EN-13815 DAC 12/10/2013 */ .airoption-header{position:relative;padding-left:16px;padding-right:0; display: block;} table.airoptiontable{width:100%; display:table;} .dialog-no-title .ui-dialog-titlebar {display: none;} /*** EN-14309 DAC 04/18/2014*/ .restricted-farefamily{position:relative;padding-left:5px;padding-right:5px;display: block; white-space: normal; color:red; font-weight:bold;} .hotelroomswithscroll{height:150px;overflow:scroll;overflow-x:hidden;} /*** EN-15297 DAC 02/25/2015 Used for air/car contract and preferred icons in the air matrix; thanks Curtis**/ img.airmatrixcontract {position:relative; top:-20px; width: 13px;height: 13px;} /*img.airmatrixcontract:nth-child(2n+1) {left:20px; }*/ table.tripauthtable{border: 1px solid #909090 ;border-collapse: collapse;} table.tripauthtable TD{border: 1px solid #909090;padding:4px;} table.tripauthtable span.custom-checkbox {display:inline-block; align-content:center;} table.tripauthnoborder{border: 0; padding:4px 0;} table.tripauthnoborder TD{border: 0;} table.itinseg-tripauthtable{display:inline-block;width: 99%;} table.warning-tripauthtable{display:inline-block;width: 100%;background-color: #ffffd9;} table.prohibit-tripauthtable{display:inline-block;width: 100%;background-color:#ffd9d9;} .itin-messages{display: inline-block;text-align:left;} table.multipaxinfo{position:relative;top:-45px;} .msbdd {background-color:#EBEBE4} @media print { .maincontent{padding:2% !important;} .mb_layoutborder{display:none; visibility:hidden; height:0; padding:0; margin:0;} .footerstatusbar{display:none; visibility:hidden; height:0; padding:0; margin:0;} .defaulttabstrip{display:none;} .NavBarContainer{display:none; visibility:hidden;} .titlebarcontent{display:block;} table.layoutmain {width: 100%;overflow: hidden;} table.layoutmain td.rightpane {width: 100%;overflow: hidden;} div.modulehomeright {overflow: visible;} table.layoutmain td.leftpane {display: none;} table.footercontainer {display: none;} table.layoutBorderTop {display: none;} table.layoutBorderSides {display: none;} a[href]:after {content: none !important; } .rsv, .rsv2 { display:none; } } /* ======================================================================================================================*/