/* Leaflet Override styles */ .leaflet-clickable { cursor: default; } .leaflet-container { cursor: default; } .leaflet-interactive{ cursor: default; } .leaflet-marker-icon { cursor: pointer; } /* *********************** */ body.waiting * { cursor: progress; } *{ margin:0; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } body,html,#worldmap{ height:900px; width:100%; } #worldmap{ display: flex; justify-content: center; } body{ color:#333; font-family: Arial, Helvetica, sans-serif; overflow-y: auto; } .landscape{ background: #0a468e; overflow: hidden; } .orientation-overlay { height: 100%; background: #003180; width: 100%; z-index: 99999999; display: none; justify-content: center; align-items: center; } #site { padding-left: 0; overflow-y: auto; overflow-x: hidden; } #page h3{ font-weight:normal; /* margin-bottom:20px; */ text-align:center; } /* #map{ position: relative; top: 70px; } */ #worldmap, #boxIntro{ height:845px; /* height:940px; */ } /* #worldmap { */ /* margin-bottom: 10px; */ /* mobile device */ /* } */ #nonEcGlobalBanner { display: none; width: 101%; height: 28px; color: #fff; align-items: center; background: rgb(64, 64, 64); } #nonEcGlobalBanner span { margin-left: 1%; } #bannerEstatLogo { height: 30px; } #page { height:99%; position: relative; } .tooltip-inner { background-color: #515560; } .bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before { border-top-color: transparent !important; } .bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before { border-right-color: transparent !important; } .bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before { border-bottom-color: transparent !important; } .bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before { border-left-color: transparent !important; } .banner-btn { background: transparent; /* outline: none; */ border: 0; } .popover-header { margin-left: 0.7rem; margin-right: 0.7rem; margin-bottom: 0; background: #fff; font-weight: 600 !important; } #appShareList { list-style-type: none; padding: 0; margin: 0; } #appShareList li { cursor: pointer; /* padding: 5px 10px 5px 10px; */ padding: 12px 10px 12px 10px; display: flex; gap: 5%; align-items: center; padding-right: 25px; color: #0e47cb; } #appShareList li:last-child{ border-bottom: none; } #appShareList li span { font: normal normal 400 1rem/1.25rem arial,sans-serif; font-weight: 400; } #appShareList li .fa-code { background: #0e47cb; font-size: 1.11em; border-radius: 3px; padding: 1px; color: #fff; } #appShareList li span:hover { text-decoration: underline; } .social-media-icon { height: 1.4em; } .social-media-icon.email { height: 1.7em; } #appShareList li #email { gap: 1%; padding: 12px 10px 12px 5px; } #appShareList li .fa-code { background: #0e47cb; font-size: 1.11em; border-radius: 3px; padding: 1px; color: #fff; } .popover-body { padding: 0 !important; } #boxIntro { background: #F3F6FC; padding: 0; position: relative; } #welcomePanelRibbonContainer { position: relative; display: flex; justify-content: end; width: 100%; } #welcomeRibbon { height: 11rem; } /* #welcomeTextContainer { position: absolute; bottom: 7%; right: 40%; } */ #welcomeText { fill: #fff; /* color: #fff; */ font-size: 1.5rem; text-transform: uppercase; font-weight: 600; } #introTextContainer { display: flex; justify-content: center; margin-top: 2%; } #introText { text-align: center; } #tableIntro { background:url("../pictures/runway-geotags-plane.svg")bottom center; background-size:100% auto; background-repeat: no-repeat; height: 100%; width: 100%; } #sidebarShareBtn { display: none; } .tab_color_num { color: #FFF; margin-left: 5%; margin-right: 4%; } #Tab1Routeligne1 { color: #FFF; } #tableData { width:100% ; border: #fff; margin-bottom:10px; position: relative; } #tableData th { font-weight: normal; font-size: 0.95rem; } #tableData th:first-child { text-align: center; } #tableData th:nth-child(3) { text-align: center; } #tableData th:nth-child(4) { text-align: center; } #tableData td { border-top: 1px solid rgba(255,255,255, 0.8); border-bottom: 1px solid rgba(255,255,255, 0.8); border-left: #082B7A; border-right: #082B7A; } #tableData td:first-child { width: 8%; text-align: center; } #tableData td:nth-child(2) { width: 65%; } #tableData td:nth-child(3) { width: 15%; text-align: right; } #tableData td:nth-child(4) { width: 15%; text-align: right; } #tableData td label { margin-bottom: 0; padding-top: 1%; padding-bottom: 1%; font-weight: normal; font-size: 0.95rem; } #tabs { width:100% ; } .tableau-no-data { position: absolute; top: 0; width: 100%; z-index: 1; background: #082B7A; height: 100%; display: none; justify-content: center; align-items: center; } .tableau-no-data th span { color: #fff; font-size: 1.3rem; } .tableau_color_head tr { border-left: #FFF !important; border-right: #FFF !important; } #tableData #routesLangUnvail{ color: #585858; font-weight: normal; } #pieChart{ /* height: 620px; */ /* height: 480px; */ height: 360px; width: 100%; /* background:#eef4fe; */ padding:10px; align-items: center; margin-top: -30px; } #pieChart svg { position: absolute !important; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); height: 100%; } .chart-routes-label { font-size: 0.9rem; font-weight: 600; /* width: 100%; */ text-align: left; display: inline-block; } .chart-airport-name { /* text-transform: capitalize; */ display: inline-block; width: 100%; text-align: left; white-space: nowrap; color: #082B7A; overflow: hidden; } .chart-airport-name::after { display: inline-block; content: ""; /* border-top: 0.2rem solid rgba(0,0,0,0.2); */ border-top: 2px solid rgba(0,0,0,0.2); width: 100%; margin: 0 1rem; transform: translateY(-0.3rem); } /* #topFivePanelContainer { margin-top: 1% !important; } */ .important-routes { font-size: 20px; } #tableauData { /* background-color: #eef4fe; */ /* padding: 0rem 2rem; */ /* margin-bottom:10px; */ /* height: 100%; */ display: table; width: 100%; } #tableauData p { text-align: left; } .tableauDataFormat { margin-left: 1em; } #increased_legende { float: left; } #tableauFootnote { text-align: right; font-size: 12px; } #legende { height:6Opx; } .routes-arrow { color: #fff; font-size: 1.1em; } #chartSubtitle { margin-top: -5px; position: absolute; font-weight: normal; } .liste{ background: #fff; overflow: auto; padding: 8px; height: 900px; width: 20rem; list-style-type: none; /* Remove bullets */ } .towns { cursor: pointer; display: block; /* margin-left: 6px; */ /* text-transform: capitalize; */ padding: 0.1rem 1.5rem; } .towns-inactive{ color: #C0C0C0; cursor: default; display: block; margin-left: 6px; position: relative; } #windowanimate { /*height: 3600px;*/ display:block; margin-left: 45px; width:100%; } #banner, #map, #dataInfo { padding: 0; } #dataInfo { display: none; flex-direction: column; padding: 0rem 2rem; gap: 20px; position: relative; z-index: 999; overflow: hidden; } #mainBanner { display: flex; flex-direction: row; align-items: center; width: 100%; background: transparent linear-gradient(270deg, #0E47CB 0%, #082B7A 100%) 0% 0% no-repeat padding-box; box-shadow: 0px 6px 6px #00000026; height: 80px; position: relative; z-index: 1000; } #titreApplication { font-weight: bold; /* text-align: center; */ color: #fff; font-size: 30px; /* padding: 20px 0 10px 0; */ /* margin-bottom: 10px; */ /* background: linear-gradient(to top, grey, black); */ width: 80%; margin-left: 30px; } #titreApplication a { text-decoration: none; color: #fff; } #banner { height: 8%; } /* #bannerTitle { margin-left: 5%; } */ #bannerIconsLogoContainer { /* width: 20%; */ display: flex; justify-content: space-evenly; justify-items: center; align-items: center; margin-right: 20px; gap: 50px; } /* #bannerIcons, #bannnerLogo { margin-right: -2%; text-align: right; } #bannnerLogo { margin-right: 1.8%; } */ .banner-icon { height: 35px; } #bannerIcons { display: flex; align-items: center; gap: 5px; } #bannerIcons button{ height: 45px; width: 45px; } #bannerIcons button:hover, #bannerIcons button:focus{ border: 2px solid #fff; border-radius: 50%; padding: 2px; } .fondZoneTableau { /* background: linear-gradient(to top, grey, black); */ background: #082B7A; /* text-transform: capitalize; */ color: #FFF; } .pays { font-weight: bold; /* padding-left: 35px !important; */ /* background-color: rgba(238,244,254,1.0); */ /* margin-top: 12px; */ /* margin-top: 0.5rem; margin-bottom: 6px; */ display:block; padding: 0.1rem 0.5rem; } option:hover:not(.empty):not(.pays) { background-color : red ; /* color: #fff; */ /*background-color: rgba(0,0,0,0.1); */ } option:checked { background : blue; } #p0_segmentMainLabel-outer { fill: red; } #load { position: fixed; z-index: 2000; margin-top: -120px; /* loader height / 2: center with negative; */ margin-left: -113px; /* loader width / 2: center with negative; */ top: 50%; left: 50%; text-align: center; } #load img { margin-top:15px; } #chart-block{ background:light-blue; } #logoContainer{ position: absolute; bottom: 1%; right: 0; display: flex; justify-content: flex-end; } #logoContainer a{ display: flex; align-items: center; } .logo{ height: 60px; } .your-logo-container{ display: none; align-items: center; float:left !important; border-right: 2px solid rgba(255,255,255, 0.5); position: relative; } .your-logo-container-inside-page{ border-right: 2px solid rgba(175,169,169, 0.4); } .your-logo { position: relative; height: 40px; left: -10px; } .legal-cookies-container { position: sticky; position: -webkit-sticky; bottom: 0; /* right: 1.8%; */ z-index: 999; display: flex; width: 100%; height: 30px; /* justify-content: flex-end; */ /* background: #003180; */ box-shadow: 0 7px 8px rgba(9, 49, 142, 0.08), 0 0 22px rgba(9, 49, 142, 0.04), 0 12px 17px rgba(9, 49, 142, 0.04), 0 -4px 4px rgba(9, 49, 142, 0.04); background: #fff; } .legal-cookies { /* margin-right: 1.8%; */ /* color: #fff; */ display: flex; width: 100%; flex-direction: row; padding-left: 20px; padding-right: 20px; align-items: center; } .legal-cookies a { /* font-size: 0.7rem; */ text-decoration: underline; font-size: 16px; font-weight: 400; } .feedback-container { width: 20%; display: flex; align-items: center; } .feedback-container a { display: flex; align-items: center; } .feedback-container img { height: 16px; width: 16px; } .feedback-img-container { margin-right: 5px; display: flex; } .legal-links-container-container { width: 80%; display: flex; justify-content: flex-end; align-items: center; flex-wrap: wrap; } .legal-cookies a { color:#0e47cb; text-decoration:underline; } .legal-cookies a:hover{ color:#082b7a; } .legal-cookies a:visited { color: #0e47cb; } .legal-link { white-space: nowrap; } .ewc-footer-links__container { /* display: flex; gap: 15px; position: relative; */ display: flex; /* padding: 15px; */ justify-content: space-between; font-family: 'Arial', sans-serif; font-size: 16px; font-weight: 400; width: 100%; } .ewc-footer-link__email { display: flex; cursor: pointer; gap: 5px; display: flex; align-items: center; } .ewc-footer-link__icon { margin-right: 0px; position: relative; display: flex; align-items: center; } .ewc-footer-link__icon img { width: 16px; height: 16px; } .ewc-footer-links__links { display: flex; flex-wrap: wrap; } .ewc-footer-links__link { position: relative; padding-right: 12px; } /* .ewc-footer-links__privacy{ } .ewc-footer-links__legal { } .ewc-footer-links__cookies { } .ewc-footer-links__accessibility{ } */ .ewc-footer-links__link:not(:last-child)::after { content: '|'; position: absolute; right: 0; top: 50%; transform: translateY(-50%); color: #4765b5; margin-right: 4px; } .ewc-footer-links__link:last-child { padding-right: 0; } .mobile-phone-portrait-footer-links { display: none; width: 100%; box-shadow: inset 0 2px 4px rgba(9,49,142,.08), inset 0 0 10px rgba(9,49,142,.04), inset 0 4px 5px rgba(9,49,142,.04), inset 0 -4px 4px rgba(9,49,142,.04); box-shadow: 0 7px 8px rgba(9,49,142,0.08), 0 0 22px rgba(9,49,142,0.04), 0 12px 17px rgba(9,49,142,0.04), 0 -4px 4px rgba(9,49,142,0.04); background: #fff; } /* .AT { background: url(../pictures/flags/AT.png) no-repeat left center !important; padding-left: 20px; } .BE { background: url(../pictures/flags/BE.png) no-repeat left center !important; padding-left: 20px; } .BG { background: url(../pictures/flags/BG.png) no-repeat left center !important; padding-left: 20px; } .CH { background: url(../pictures/flags/CH.png) no-repeat left center !important; padding-left: 20px; } .CY { background: url(../pictures/flags/CY.png) no-repeat left center !important; padding-left: 20px; } .CZ { background: url(../pictures/flags/CZ.png) no-repeat left center !important; padding-left: 20px; } .DE { background: url(../pictures/flags/DE.png) no-repeat left center !important; padding-left: 20px; } .DK { background: url(../pictures/flags/DK.png) no-repeat left center !important; padding-left: 20px; } .EE { background: url(../pictures/flags/EE.png) no-repeat left center !important; padding-left: 20px; } .EL { background: url(../pictures/flags/EL.png) no-repeat left center !important; padding-left: 20px; } .ES { background: url(../pictures/flags/ES.png) no-repeat left center !important; padding-left: 20px; } .EU { background: url(../pictures/flags/EU.png) no-repeat left center !important; padding-left: 20px; } .FI { background: url(../pictures/flags/FI.png) no-repeat left center !important; padding-left: 20px; } .FR { background: url(../pictures/flags/FR.png) no-repeat left center !important; padding-left: 20px; } .HR { background: url(../pictures/flags/HR.png) no-repeat left center !important; padding-left: 20px; } .HU { background: url(../pictures/flags/HU.png) no-repeat left center !important; padding-left: 20px; } .IE { background: url(../pictures/flags/IE.png) no-repeat left center !important; padding-left: 20px; } .IS { background: url(../pictures/flags/IS.png) no-repeat left center !important; padding-left: 20px; } .IT { background: url(../pictures/flags/IT.png) no-repeat left center !important; padding-left: 20px; } .LT { background: url(../pictures/flags/LT.png) no-repeat left center !important; padding-left: 20px; } .LU { background: url(../pictures/flags/LU.png) no-repeat left center !important; padding-left: 20px; } .LV { background: url(../pictures/flags/LV.png) no-repeat left center !important; padding-left: 20px; } .ME { background: url(../pictures/flags/ME.png) no-repeat left center !important; padding-left: 20px; } .MK { background: url(../pictures/flags/MK.png) no-repeat left center !important; padding-left: 20px; } .MT { background: url(../pictures/flags/MT.png) no-repeat left center !important; padding-left: 20px; } .NL { background: url(../pictures/flags/NL.png) no-repeat left center !important; padding-left: 20px; } .NO { background: url(../pictures/flags/NO.png) no-repeat left center !important; padding-left: 20px; } .PL { background: url(../pictures/flags/PL.png) no-repeat left center !important; padding-left: 20px; } .PT { background: url(../pictures/flags/PT.png) no-repeat left center !important; padding-left: 20px; } .RO { background: url(../pictures/flags/RO.png) no-repeat left center !important; padding-left: 20px; } .RS { background: url(../pictures/flags/RS.png) no-repeat left center !important; padding-left: 20px; } .SE { background: url(../pictures/flags/SE.png) no-repeat left center !important; padding-left: 20px; } .SI { background: url(../pictures/flags/SI.png) no-repeat left center !important; padding-left: 20px; } .SK { background: url(../pictures/flags/SK.png) no-repeat left center !important; padding-left: 20px; } .TR { background: url(../pictures/flags/TR.png) no-repeat left center !important; padding-left: 20px; } .UK { background: url(../pictures/flags/UK.png) no-repeat left center !important; padding-left: 20px; } */ .bg-intro{ height:100%; /* background: -moz-linear-gradient(top, rgba(0,0,0,0.14) 0%, rgba(0,0,0,0) 49%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.21) 99%, rgba(0,0,0,0.21) 100%); */ /* FF3.6-15 */ /* background: -webkit-linear-gradient(top, rgba(0,0,0,0.14) 0%,rgba(0,0,0,0) 49%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.21) 99%,rgba(0,0,0,0.21) 100%); */ /* Chrome10-25,Safari5.1-6 */ /* background: linear-gradient(to bottom, rgba(0,0,0,0.14) 0%,rgba(0,0,0,0) 49%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.21) 99%,rgba(0,0,0,0.21) 100%); */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#24000000', endColorstr='#36000000',GradientType=0 ); */ /* IE6-9 */ background: #F3F6FC; padding-bottom: 120px; } .blocTextIntro { font-size: 12px; line-height: 1.2; width: 180px; z-index: 20; } .bg-intro table{ height:800px; margin: 0 auto; } /* #page h3{ font-weight:normal; margin-bottom:20px; text-align:center; } */ .bg-intro table.window1{ /* background:url("../pictures/hublot-text.svg")center center; */ background-size:100% auto; background-repeat: no-repeat; height: 500px; margin-top: 50px; width:360px; /* box-shadow: 0px 1px 3px #888888; */ } /* .bg-intro{ box-shadow: 0px 1px 3px #888888; } */ .blue-sky-window{ background:url("../pictures/hublot-bg.svg")center center; } /* .grey-text-window{ background:url("../pictures/hublot-text.svg")center center; } */ /* .bg-intro table.window2{ background:url("../pictures/hublot-bg.svg")center center; background-size:100% auto; background-repeat: no-repeat; height: 500px; margin-top: 50px; width:360px; } */ #detailScreenDropdownsContainer { display: flex; justify-content: flex-end; align-items: center; position: relative; flex-direction: row; width: 70%; right: 0.5%; gap: 2%; } .detail-dropdown-container { background: #FCFCFC; border: 1px solid rgba(81, 85, 96, 0.5); border-radius: 5px; height: 40px; display: flex; width: 20rem; /* width: 100%; */ position: relative; justify-content: flex-start; align-items: center; /* max-width: 95%; */ cursor: pointer; box-shadow: inset 0 2px 4px rgba(9,49,142,.08), inset 0 0 10px rgba(9,49,142,.04), inset 0 4px 5px rgba(9,49,142,.04), inset 0 -4px 4px rgba(9,49,142,.04); box-shadow: 0 7px 8px rgba(9,49,142,0.08), 0 0 22px rgba(9,49,142,0.04), 0 12px 17px rgba(9,49,142,0.04), 0 -4px 4px rgba(9,49,142,0.04); } #dataInfoDropdownContainer { width: 100%; display: flex; flex-direction: row; } .airports-dropdown { display: flex; justify-content: center; margin-top: 4%; } .detail-dropdown { width: 50%; justify-content: end; } .detail-dropdown:first-child { justify-content: start; } .dropdown-btn { position: absolute; width: 50px; height: 100%; display: flex; justify-content: center; align-items: center; /* color: #0E47CB; */ background: #0E47CB; /* font-size: 2em; */ right: 0%; border-radius: 0px 5px 5px 0px; } .dropdown-container { background: #fff; border: 1px solid #515560; border-radius: 5px; height: 50px; display: flex; width: 100%; position: relative; display: flex; justify-content: flex-start; align-items: center; cursor: pointer; box-shadow: inset 0 2px 4px rgba(9,49,142,.08), inset 0 0 10px rgba(9,49,142,.04), inset 0 4px 5px rgba(9,49,142,.04), inset 0 -4px 4px rgba(9,49,142,.04); box-shadow: 0 7px 8px rgba(9,49,142,0.08), 0 0 22px rgba(9,49,142,0.04), 0 12px 17px rgba(9,49,142,0.04), 0 -4px 4px rgba(9,49,142,0.04); } /* .entry-dropdown-btn { position: absolute; width: 50px; height: 100%; background: #0E47CB; display: flex; justify-content: center; align-items: center; color: #fff; right: 0%; } */ .dropdown { /* width: 35%; */ display: flex; /* flex-direction: column; */ justify-content: center; position: relative; } .dropdown-menu { width: 100%; overflow-x: hidden; max-height: 300px; padding: 0; padding-left: 0; } .dropdown ul li:last-child{ border-bottom: none; } .dropdown ul li a.selected{ background: #0E47CB; } .dropdown ul li:hover:not(.void, .selected){ background: #E9ECEF; } .dropdown ul li.void a { cursor: default; background: #fff; } .dropdown-item { cursor: pointer; } .dropdown-item a.selected{ color: #fff; } .dropdown-item.selected:focus, .dropdown-item.selected:hover { color: #fff; background: #0E47CB; } .dropdown-divider { margin: 0; } .dropdown-label { margin-bottom: 2%; font-size: 16px; color: #222732; } .link-divider { font-size: 14px; color: rgba(255,255,255, 0.8); } .selected-option { font-size: 16px; color: #383838; padding: 0.25rem 1rem; } /* ECL styling */ .ss-arrow span { border: 0px!important; } .ss-arrow span.arrow-right, .ss-arrow span.arrow-down { transform: none!important; margin: 0!important; width: 20px; } .ss-arrow span:after { display: inline-block; margin-left: 0.4px; vertical-align: 0.4px; content: ""; border-top: 4.5px solid; border-right: 4.5px solid transparent; border-bottom: 0; border-left: 4.5px solid transparent; } .ss-arrow { display: flex; margin: 0 0px; /* background: #0e47cb; */ color: white; padding-left: 0rem; padding-right: 0rem; box-sizing: border-box; min-width: 46px; justify-content: center; align-items: center; height: inherit; /* position: absolute; */ right: 0; border-radius: 0px 5px 5px 0px; } .ss-arrow span:after { /* margin-left: 11px; */ content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 24 24' fill='white' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.2 17.147c.2.2.4.3.7.3.3 0 .5-.1.7-.3.4-.4.4-1 0-1.4l-7.1-7.1c-.4-.4-1-.4-1.4 0l-7 7c-.3.4-.3 1 .1 1.4.4.4 1 .4 1.4 0l6.2-6.2 6.4 6.3z'%3E%3C/path%3E%3C/svg%3E%0A"); border: 0px; transform: rotate(180deg); } .ss-arrow span.arrow-right:after { /* margin-left: 11px; */ content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 24 24' fill='black' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.2 17.147c.2.2.4.3.7.3.3 0 .5-.1.7-.3.4-.4.4-1 0-1.4l-7.1-7.1c-.4-.4-1-.4-1.4 0l-7 7c-.3.4-.3 1 .1 1.4.4.4 1 .4 1.4 0l6.2-6.2 6.4 6.3z'%3E%3C/path%3E%3C/svg%3E%0A"); border: 0px; transform: rotate(90deg); } #customButtonsContainer { list-style: none; position: absolute; top: 3%; right: 1%; z-index: 990; display: flex; flex-direction: column; gap: 20px; } #customButtonsContainer li { position: relative; width: 2.5rem; height: 2.5rem; display: flex; justify-content: center; align-items: center; background: transparent; } #customButtonsContainer li:hover, #customButtonsContainer li:focus{ padding: 2px; border: 2px solid #0e47cb; border-radius: 4px; background: transparent; } .map-button { height: 2rem; width: 2rem; display: flex; justify-content: center; align-items: center; background: 0; border-radius: 4px; border-width: 0; cursor: pointer; font: normal normal 400 1rem/1.25rem arial,sans-serif; font-weight: 400; margin: 0; text-decoration: none; background: #fff; border: 2px solid #0e47cb; color: #0e47cb; box-shadow: 0 7px 8px rgba(9,49,142,0.08), 0 0 22px rgba(9,49,142,0.04), 0 12px 17px rgba(9,49,142,0.04), 0 -4px 4px rgba(9,49,142,0.04); } /* .cl-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: 0; border-radius: 4px; border-width: 0; box-sizing: border-box; cursor: pointer; display: inline-block; font: normal normal 400 1rem/1.25rem arial,sans-serif; font-weight: 400; margin: 0; padding: 0.75rem 1rem; text-decoration: none; } .cl-button--secondary { background-color: #fff; border: 2px solid #0e47cb; color: #0e47cb; padding: calc(0.75rem - 2px) calc(1rem - 2px); } */ @media (max-device-width: 1280px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) { #mainBanner { height: 55px; } #titreApplication { width: 71.5%; font-size: 25px; } /* #boxIntro { height: 90%; } */ #bannerEstatLogo { height: 25px; } #worldmap { position: relative; /* height: 96%; */ } .map-button { height: 1.5rem; width: 1.5rem; } .icon-sidebar-large { font-size: 20px !important; } .banner-icon { height: 30px; } #welcomeRibbon { height: 7.5rem; } #introTextContainer { margin-top: 2%; font-size: 14px; } #dataInfo { padding: 0rem 1rem; } .airports-dropdown { margin-top: 2%; } .detail-dropdown-container { width: 15.5rem; height: 35px;; } .selected-option { font-size: 14px; } .dropdown-menu { font-size: 0.9rem; } .important-routes { font-size: 17px; } #tableauData { margin-bottom: -40px; } #tableData td:nth-child(2) { width: 48%; } #tableData td label { font-size: 0.79rem; } #tableauFootnote { font-size: 10px; margin-top: -5px; } .chart-routes-label { font-size: 0.8rem; } #dataInfo { gap: 50px !important; } } /* @media (max-device-height: 1280px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) { #mainBanner { height: 55px; } } */ @supports (-webkit-touch-callout: none) { @media (max-device-height: 1280px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) { #worldmap { height: 510px !important; } #mainBanner { margin-top: -28px; } } } @media (resolution: 120dpi) { #titreApplication { width: 72.1%; } #welcomeRibbon { height: 9rem; } #introTextContainer { margin-top: 8%; } .airports-dropdown { margin-top: 8%; } #tableData td:nth-child(2) { width: 48%; } } @media (resolution: 144dpi) { #titreApplication { width: 70%; } #welcomeRibbon { height: 8rem; } #tableData td:nth-child(2) { width: 40%; } .detail-dropdown-container { width: 17rem; } #introTextContainer { margin-top: 10%; } .airports-dropdown { margin-top: 10%; } #dataInfo { padding: 0rem 1.4rem; } } @media (max-device-width: 900px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) { /* #worldmap{ height: 285px; } */ #customButtonsContainer { top: 10%; right: 5%; } } @media (max-device-width: 600px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) { .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { padding-right: 0; } #mainBanner { /* height: 50px; */ height: auto; } #titreApplication { font-size: 16px; } /* #bannnerLogo { display: none; } */ #customButtonsContainer { top: 20%; right: 5%; } #bannerTitle { margin-left: 10%; } /* #bannerIcons, #bannnerLogo { width: 15%; margin-right: 8%; display: flex; } */ .banner-icon { height: 24px; } #welcomePanelContainer { top: 6%; position: relative; } #welcomeRibbon { height: 5.5rem; } #introTextContainer { font-size: 14px; margin-top: 25%; } #entryAirportsDropdown { margin-top: 20%; } #dataInfo { padding: 0rem 1.5rem; height: 840px; } #dataInfoDropdownContainer { flex-direction: column; justify-content: center; /* gap: 50px; */ } .detail-dropdown { width: 100%; } .airports-dropdown { justify-content: center; } .detail-dropdown:first-child { justify-content: center; } #tableData td:nth-child(2) { width: 20%; } #tableData td label { font-size: 0.7rem !important; } #pieChart { margin-top: 0px; } } @media (max-device-width: 500px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) { #bannerEstatLogo { height: 15px !important; } #bannerTitle { margin-left: 0; } #bannerIcons { gap: 0px; } } @media screen and (max-width: 500px) { #mainBanner { display: flex; flex-direction: row; align-items: center; } #bannerIconsLogoContainer { flex-direction: column-reverse; gap: 0px; } #bannerEstatLogo { height: 25px; } } @media screen and (max-width: 568px) { .ewc-footer-links__container { flex-direction: row; } .mobile-phone-portrait-footer-links { display: block; /* padding-bottom: 20px; */ position: relative !important; padding: 20px; } .legal-cookies-container { display: none; } .legal-cookies-container { display: none; } .ewc-footer-link__icon { display: none; } } @media screen and (max-width: 710px) { #dataInfoDropdownContainer { flex-direction: column; } .airports-dropdown.detail-dropdown { width: 100%; } .dropdown { width: 100%; } #detailAirportsDropdown, #airportDataYearsDropdown { width: 100%; } #dataInfo { gap: 20px !important; } } /* @media (max-width: 500px) { .mobile-phone-portrait-footer-links { display: block; position: relative !important; padding: 20px; } .legal-cookies-container { display: none; } } */ @media screen and (max-width: 425px) { .ewc-footer-links__container { flex-direction: column; gap: 10px; } .ewc-footer-links__links { flex-direction: column; gap: 10px; } .ewc-footer-links__link:not(:last-child)::after { display: none; } } @media only screen and (max-width: 1600px) { /* #bannnerLogo{ display: none; } */ /* #bannerIcons, #bannnerLogo { width: 15%; } */ } @media only screen and (max-width: 40em) { .bg-intro{ padding-bottom: 60px; } .bg-intro table.window2 { display: none; } .bg-intro table.window1 { margin-top: 0px; } .bg-intro table { height: 100%; margin-top:10px; } #worldmap{ height:440px; /* height:600px; */ /* height:450px; */ } } @media screen and (min-width: 40.063em) and (max-width: 64.063em) { .bg-intro{ padding-bottom: 60px; } .bg-intro table.window2 { display: none; } .bg-intro table.window1 { margin-top: 0px; } .bg-intro table { height: 100%; margin-top:10px; } } @media screen and (min-width: 64.063em) and (max-width: 90em) { .bg-intro table.window2 { display: none; } .bg-intro table.window1 { margin-top: 0px; } } @media screen and (max-width: 710px) { #dataInfo { gap: 20px; } } @media (max-device-height: 500px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) { #customButtonsContainer { top: 8%; } #map { padding-left: 50px; padding-right: 35px; background: lightsteelblue; } #dataInfo { gap: 50px; } } @supports (-webkit-touch-callout: none) { @media (max-device-height: 950px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) { #customButtonsContainer { top: 8%; } #map { padding-left: 50px; padding-right: 35px; background: lightsteelblue; } #dataInfo { gap: 50px !important; } } } #ul { margin-left: 15px; } .leaflet-no-pointer-marker { cursor: default !important; } #buttonwithIExx{ padding: 20px 20px 10px 0; margin-bottom: 10px; background: linear-gradient(to top, grey, black); } #start-btn { background-color: #e7e7e7; border: solid 1px black; color: black; padding: 2px 45px 2px 45px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; border-radius: 4px; margin-top: 50px; -webkit-transition-duration: 0.4s; /* Safari */ transition-duration: 0.4s; box-shadow: 0 1px 3px rgba(0,0,0,0.5); } #start-btn:hover { background-color: #4CAF50; color: white; border: solid 1px #4CAF50; box-shadow: 0 1px 3px rgba(0,0,0,0.5); } .jump-to-view-btn { background-color: #e7e7e7; border: solid 1px black; color: black; padding: 2px 25px 2px 25px; text-align: center; text-decoration: none; display: inline; font-size: 14px; border-radius: 4px; margin-top: 10px; margin-left: -10px; margin-right: 30px; -webkit-transition-duration: 0.4s; /* Safari */ transition-duration: 0.4s; } .jump-to-view-btn:hover { background-color: #4CAF50; color: white; border: solid 1px #4CAF50; } .landscape{ background: #0a468e; overflow: hidden; } #landscapeImg{ top: 0; left: 0; right: 0; bottom: 0; margin: auto; position: fixed; z-index: 99999999; display: block; } #chartTitleBgPanel{ top: 0; left: 1px; position:absolute; /* background:#839FC8; border-top: 1px solid #ffffff; border-bottom: 1px solid rgba(0,0,0,0.7); */ } .mobileShare { width: 170px !important; height: 300px !important; margin: -190px 0 0 -85px !important; border-radius: 6px !important; -webkit-border-radius: 6px !important; -moz-border-radius: 6px !important; } .mobileShareNotice { width: 160px !important; font-size: 12px !important; } #jumpToViewOverLay{ text-align:center; } .data-years { padding: 0.1rem 0.9rem; display: block; cursor: pointer; } a.selected { color: #fff; background: #0e47cb; } /* .data-year-list{ display: table; width: 65px; } .data-year-radio{ position: relative !important; } .year-radio{ cursor: pointer; } .data-year{ display: table-cell; cursor: pointer; } .selected-year { color: #414141; font-weight: bold; } */ /* left arrow */ /* .selected-year:after { content: ""; position: absolute; transform: translateY(-50%); top: 9px; left: 100%; border-width: 6px; border-style: solid; border-color: transparent rgba(163,193,218, 1.0) transparent transparent; } .selected-year-mobile:after { top: 8px; } */ .inactive-info { top: -32px; left: -7px; width: 90px auto; background-color: #414141; color: #fff; text-align: center; border-radius: 6px; padding: 5px 10px 5px 10px; position: absolute; font-size: 12px; display: none; white-space: nowrap; } /* bottom arrow */ .inactive-info:after { content: ""; position: absolute; top: 100%; left: 50%; margin-bottom: -9px; border-width: 5px; border-style: solid; border-color: #414141 transparent transparent transparent; } .inactive-marker{ cursor: default; } .cntry-list-divider{ background: rgba(128,128,128, 0.3); height: 2px; width: 100%; display: inline-block; margin-top: 5%; } .pie-no-data{ height:0px; width:0px; top: 1%; left: 0; right:0; bottom:0; margin:auto; position: absolute; border-radius:100%; background: rgba(128,128,128, 0.3); border:1px solid rgba(128,128,128, 0.1); display:none; } .pie-no-data-show{ width: 280px; height: 280px; transition: ease all .5s; } .pie-no-data-label{ top: 50%; width:100%; transform:translateY(-50%); position: absolute; text-align:center; font-size:18px; color: rgba(128,128,128, 0.9); display:none; }