#flightTable > tbody > tr:nth-child(odd) { background-color: #f5f5f5; } #flightTable > tbody > .visible_tr { background-color: #ffffff !important; } #flightTable > tbody > tr.visible_tr_odd { background-color: #e4e4e4 !important; } #flightTable > tbody > tr.hidden_tr { background-color: #ffffff !important; } #flight-t #flightTable > tbody td { padding: 15px !important; } #flight-t { margin: 20px; } h3.lineHeight { line-height: 1.5; } .flightNumber { color: #542e91; font-weight: bold; font-size: 23px; } .calDate .arrow{ display:none; } .active .arrow{ display: block; } .air-arrow{ margin-top: -15px !important; height: 30px; } #loadingImage{ display: none; } .table-striped tr{ cursor: pointer; } .date_row{ position:relative; } .arrow{ width: 40px; margin: 0px auto; } .arrow-down-airline { width: 0; height: 0; border-left: 25px solid transparent; border-right: 25px solid transparent; border-top: 20px solid #e5f5ff; } .arrow-down { width: 0; height: 0; border-left: 16px solid transparent; border-right: 16px solid transparent; border-top: 10px solid #264c7a; } .rect { width: 20px; height: 8px; margin-left: 6px; background: #264c7a; } div.calDate{ float:left; height: 160px; cursor: pointer; } div.icon{ font-size: 1em; color: #ccc; display: block; position: relative; width: 13em; height: 8em; background-color: #fff; margin: 2em auto 0em auto; border-radius: 0.3em; overflow: hidden; box-shadow: 0px 0px 2px 0px rgba(10, 10, 10, 0.33) !important; } .ie8 div.icon{ border:1px solid #bdbdbd; } .active div.icon, div.icon:hover, div.icon:focus{ color: #414141; box-shadow: 0px 1px 1px 0px rgba(38, 76, 122, 1) !important; } div.icon *{ font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important; } #date_Cal{ margin-top:10px; } #date_Cal *{ font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important; } img.calPicker{ margin-left:-20px; } div.icon .top_ht{ position:relative; background-color: #ccc; box-shadow: 0 2px 0 #264c7a; } .active div.icon .top_ht{ background-color: #264c7a; } .bt_ht{ position:relative; } .lt{ width:40%; margin-top: 3px; } .rt{ width:60%; margin-top: 10px; } .lt span{ font-size: 60px; } .rt span{ font-size: 22px; font-weight: 300; } .rt span.yr{ font-size: 36px; line-height: 20px; } div.icon strong { color: #fff; } div.icon strong.ht{ top: 0; left:0; width:100%; font-size:20px; font-weight: 300; } div.icon strong.ht:after{ clear:both; } .calDate{ margin: 5px 10px; } .img-responsive{ margin: 0px auto; } #flightTable ul li {padding: 0 3px !important;} #flightFilterCarrier, #flightFilterAirport { width: 400px; height: 50px; font-size: 14px; } .dateRow{ width: 91.4%; margin: 0px 4.3%; float: left; } #flightTable{ margin-top: 10px; } .ie8 .jumbotron{ padding-top:10px; padding-bottom:10px; } tr.visible-xs-clean,td.visible-xs-clean{ display: none; } tr.hidden-xs-clean,td.hidden-xs-clean{ display: table-row; } .ie9 tr.hidden-sm{ display: none; } .intro { font-size: 16px; } .departuresThanks { display: none; } .confidenceImageTried { margin-bottom: 10px; min-width: 100%; } img.tenPercent { max-width: 150px !important; } button.departuresButton.btn.btn-primary { color: #fff; background-color: #542e91; border-color: #542e91; height: 44px; font-weight: 300; } button.departuresButton.btn.btn-primary:hover { background-color: #3e226a; border-color: #391f63; } .modal-content { background: url(//d17s4kc6349e5h.cloudfront.net/hybrid/assets/images/bg/bg-airport-trans-10.jpg) no-repeat; background-size: cover; } ad { display: inline-block; } .ad .toggle-ad-bar { text-align: right; border-bottom: 2px #CCC solid; } .ad .label { display: inline-block; background-color: #CCC; font: 11px Arial, sans-serif; padding: 3px 2px 3px 7px; } .ad .label span { line-height: 0; vertical-align: middle; } .ad .text { text-transform: uppercase; font-size: 9px; } .ad .toggle-ad { position: relative; top: -1px; } .ad .toggle-ad:hover { cursor: pointer; } .ad .is-open { font-size: 20px; } .ad .is-closed { font-size: 9px; } .ad .is-closed, .ad.closed-ad .is-open { display: none; } .ad .inner { border: 2px #CCC solid; border-top: none; padding: 5px; overflow: hidden; } .ad.closed-ad .inner { border-color: transparent; padding-top: 0; padding-bottom: 0; height: 0; } .ad.closed-ad .is-closed { display: inline; } .ad ins { display: block !important; } @media only screen and (max-width: 767px) { .jumbotron .img-responsive { width:65px; } h3.lineHeight { line-height: 1.2; } #flightFilterCarrier { width: 270px; height: 44px; font-size: 14px; } #tomo { display: none; } input.emailInput { min-width: 100%; } button.departuresButton.btn.btn-primary { min-width: 100%; margin-top: 10px; } img.tenPercent { max-width: 50%; margin-left: 10px; } } @media (max-width: 767px) and (min-width: 712px){ .visible-tab{ display: block !important; } div.icon { width:13.2em; height: 9em; } } @media (max-width: 711px) and (min-width: 678px){ .visible-tab{ display: block !important; } div.icon { width:13em; height: 9em; } } @media (max-width: 688px) and (min-width: 678px){ div.icon { width:12em; height: 9em; } } @media (max-width: 677px) and (min-width: 600px){ .dateRow{ margin: 0px 15%; width: 80%; } } @media (max-width: 677px) and (min-width: 468px){ div.icon { width:13em; height: 9em; } } @media (max-width: 600px) and (min-width: 500px){ .dateRow{ margin: 0px 9%; } } @media (max-width: 499px) and (min-width: 480px){ .dateRow{ margin: 0px 6.5%; } } @media (max-width: 1190px) and (min-width: 420px){ #tod{ margin-left: 20px; } } @media only screen and (max-width: 580px) { h1.mainTitle { font-size: 40px; width: 95%; margin: -10px auto 10px; } } @media (max-width: 667px) { } @media (max-width: 767px) { tr.visible-xs-clean,td.visible-xs-clean{ display: table-row; } tr.hidden-xs-clean,td.hidden-xs-clean{ display: none !important; } } @media (max-width: 768px) and (min-width: 468px){ div.calDate { height: 170px;; } } @media (max-width: 467px) and (min-width: 420px){ div.icon { width:11em; height: 8em; } .lt { width:40%; margin-top: 10px; } .rt { width:60%; } .lt span { font-size: 40px; } .rt span { font-size: 22px; } .rt span.yr { font-size: 30px; } } @media (max-width: 420px) { div.icon { width:8em; height: 7em; } .panel_nopad{ padding:0px; } div.calDate { height: 150px;; } .calDate{ margin: 5px 8px; } .lt { width:40%; margin-top: 10px; } .rt { width:60%; } .lt span { font-size: 36px; } .rt span { font-size: 18px; } .rt span.yr { font-size: 20px; } } @media (max-width: 360px) { div.icon { width:10.5em; height: 7em; } } @media (max-width: 320px) { div.icon { width:9.1em; height: 7em; } }