body{margin:0;padding:0;}
img{border:0;}
.fl_menu{list-style:none;margin:0;padding:0;}
.cms_imgleft{margin:3px 5px 5px 0;float:left;border:1px solid #000;}
.cms_imgright{margin:3px 0 5px 5px;float:right;border:1px solid #000;}
h1{margin:0;font-size:28pt;line-height:30pt;}
h2{font-size:20pt;line-height:24pt;}
h2, h3{margin:0 0 5px 0;}
.clear{clear:both;}
.gallthumbnail{float:left;border:2px solid #666;margin-right:5px;margin-bottom:5px;}
.fl_blogpostavatar{float:right;border:2px solid #666;margin:0 0 5px 5px;}
.fl_commentavatar{float:left;border:2px solid #666;margin:0 5px 0 0;}
.fl_commentname{display:block;margin-left:80px;text-transform:uppercase;margin-bottom:5px;font-size:8pt;}
.fl_commentmessage{display:block;margin-left:80px;}
.fl_gtname{display:block;text-transform:uppercase;margin-bottom:5px;font-size:8pt;}
.fl_gtmessage{display:block;}
.fl_blogpost1, .fl_blogpost2{border-bottom:1px dashed #f8422d;padding-bottom:5px;margin-bottom:5px;}
.fl_postinfo{text-transform:uppercase;margin-bottom:5px;font-size:8pt;}
.fl_blogfooter{clear:both;}
.fl_comment1{display:block;padding:5px;margin-top:5px;}
.fl_comment2{display:block;padding:5px;background-color:#eee;margin-top:5px;}
.fl_commclear{display:block;clear:both;}
#fl_commsbox, #fl_tracksbox{clear:both;padding-top:15px;}
.fl_bigpic{border:2px solid #666;}
.fl_bigcaption{margin-top:10px;}
.fl_rssentry{clear:both;}
.fl_rssimg{float:right;display:block;border:2px solid #666;margin:0 0 5px 5px;}
.fl_rsstitle{font-size:18pt;line-height:24pt;font-weight:bold;}
.fl_rssby{text-transform:uppercase;margin-bottom:5px;font-size:8pt;}
.fl_gallpreview1{margin-bottom:10px;padding:5px;clear:both;}
.fl_gallpreview2{margin-bottom:10px;background-color:#eee;padding:5px;clear:both;}
.fl_gallpreview1 img, .fl_gallpreview2 img{float:left;border:2px solid #666;}
.fl_galllink, .fl_galltext{display:block;margin-left:110px;}
td.fl_label{display:block;width:100px;}
.fl_mailform textarea{width:400px;height:200px;}
.fl_votebar{background-color:#fff;height:10px;}
input.fl_regform{width:100px;}
.fl_postingform{display:none;}
.fl_postingform textarea{height:100px;}
.fl_rsslinks{padding-top:10px;clear:both;text-align:right;}
.fl_rsslinks a{text-transform:uppercase;font-size:8pt;text-decoration:none;margin-left:10px;}
.fl_rsslinks:empty{display:none;}
.fl_rating{float:right;text-align:right;}
#msgwrap{position:fixed;top:150px;left:50%;text-align:center;z-index:99;}
#msgbar{position:relative;color:#fff;border-width:3px;border-style:solid;padding:15px;font-size:28px;line-height:40px;width:300px;left:-168px;display:none;font-family:"Lucida Sans","Lucida Grande", Lucida, Tahoma, Verdana, Arial, Helvetica, sans-serif;cursor:default;}
#msgbar a{color:#fff;}
#topbar{display:none;position:fixed;z-index:99;background-color:#4ad;color:#fff;top:0;left:0;width:100%;font-size:12px;border-bottom:3px solid #079;text-align:center;}
#topbar a{color:#fff;}
#topcont{padding:10px;}
input, textarea{border:1px solid;padding:3px;background-color:#fff;border-color:#000;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;}
textarea{width:300px;height:150px;}
input:hover, input:focus, textarea:hover, textarea:focus{background-color:#eee;}
.fl_later{float:left;}
.fl_earlier{float:right;}
.flmsg_alert{background-color:#4ad;border-color:#079;}
.flmsg_error{background-color:#900;border-color:#600;}
.flmsg_success{background-color:#096;border-color:#066;}
.flmsg_generic{background-color:#666;border-color:#999;}
#fl_commsbox{margin:5px;padding:5px;border:1px dotted #333;background-color:#eee;}
#fl_gallwrap{position:fixed;top:0;left:0;margin:0;padding:0;width:100%;height:100%;display:none;font:11px Arial, Helvetica, sans-serif;line-height:20px;color:#333;text-align:left;}
#fl_gallcover{position:fixed;width:100%;height:100%;top:0;left:0;margin:0;padding:0;background-color:#000;opacity:0.8;filter:alpha(opacity=80);}
#fl_gallbox{position:relative;top:5%;margin:0 auto;background-color:#fff;padding:10px;width:100px;height:100px;}
#fl_gallpic{display:block;margin:0 auto;position:relative;top:35%;}
#fl_gallbelowpic{clear:both;display:none;padding:5px 10px 10px;margin:0 -10px;background-color:#fff;overflow:hidden;}
#fl_gallwrap a{color:#666;text-decoration:none;}
#fl_gallwrap a:hover{color:#444;}
#fl_gallprevnext{background:url('../scripting/blank.gif');position:relative;}
#fl_gallprev{position:absolute;z-index:50;}
#fl_gallnext{text-align:right;position:absolute;z-index:50;right:0;}
#fl_gallclose, #fl_gallslide{clear:right;float:right;}
a#fl_gallprev:hover, a#fl_gallnext:hover, a#fl_gallclose:hover{border-width:0;}
#fl_gallprev img, #fl_gallnext img{visibility:hidden;padding-top:50px;}
#fl_gallprev:hover img, #fl_gallnext:hover img{visibility:visible;}

* { margin: 0; padding: 0; border: 0; }
html, body { min-height: 100%; background: #fff; color: #000; font: 16px/24px "Nunito Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
p { margin: 10px 0; }
ul, ol { margin: 10px 20px; }
a { color: #f6b100; }
a:hover { text-decoration: none; color: #ed6a59; }
img { max-width: 100%; height: auto!important; }
b, strong { font-weight: 700; }
header, nav, main, footer { display: block; }


h1, h2, h3, h4 { margin: 20px 0; color: #2a3764; font-weight: bold; }
h1 { font-size: 36px; line-height: 40px; margin: 0; }
h2 { font-size: 28px; line-height: 32px; }
h3, footer h4 { font-size: 24px; line-height: 28px; }
h4 { font-size: 20px; line-height: 24px; }
h1 b, h2 b, h3 b, h4 b, h1 strong, h2 strong, h3 strong, h4 strong { font-weight: bold; }
.textlabel { position: absolute; margin-left: -9999px; }
h1:empty { display: none; }

.skipto a { position: absolute; margin-left: -9999px; top: auto; width: 1px; height: 1px; overflow: hidden; color: #fff!important; padding: 10px; background: #27b2ba; }
.skipto a:focus { margin-left: 0; width: auto; height: auto; }

.wrapper, .fl_menu { max-width: 1200px; margin: 0 auto; padding: 0 30px; position: relative; }
header { padding: 30px 0 0; background: linear-gradient(105deg,#2a3764,#31b7bc); position: sticky; top: -272px; z-index: 39; transition: top 0.25s; }
.page-data header { top: -301px; }
.page-front header { top: -132px; }
.logo { width: 75px; height: 30px; display: inline-block; vertical-align: top; }
.logohead { font-weight: 600; color: #fff!important; text-decoration: none; font-size: 32px; line-height: 36px; margin-left: 15px; border-left: 1px solid rgba(255,255,255,0.5); padding-left: 15px; display: inline-block; vertical-align: top; max-width: 350px; max-height: 72px; }

.language, #frontoptions { position: absolute; top: 0; right: 30px; background: rgba(255,255,255,0.8); border: 1px solid #2a3764; color: #2a3764; font-weight: bold; font-size: 14px; line-height: 38px; width: 180px; box-sizing: border-box; cursor: pointer; overflow: hidden; max-height: 40px; z-index: 20; transition: max-height 0.5s; z-index: 41; }
.language:after, #frontoptions:after { content: '\25bc'; position: absolute; top: 0; right: 12px; color: #eb5b5c; font-size: 0.8em; pointer-events: none; transition: all 0.5s; cursor: pointer; }
.language .flag, #frontoptions .flag, #overview .flag { display: inline-block; width: 24px; height: 38px; background-size: contain; background-repeat: no-repeat; background-position: center; vertical-align: top; }
.language .languagename { display: inline-block; height: 38px; line-height: 40px; vertical-align: top; margin-left: 10px; }
.language li:hover { color: #eb5b5c; }
.language ul, #frontoptions ul  { margin: 0; list-style: none; }
.language li, #frontoptions li { display: block; padding: 0 12px; }
#frontoptions.countryoptions { position: relative; top: 0; right: 0; width: auto; background: #edf1fa; }


.language.showdrop, #frontoptions.showlist { max-height: 250px; }
.language.showdrop:after, #frontoptions.showlist:after { transform: rotate3d(1,0,0,180deg); margin-top: -2px; }

.language ul.langoptions, #frontoptions ul { max-height: 210px; overflow: auto; -webkit-overflow-scrolling: touch; }
.langoptions a, #frontoptions a { display: block; color: inherit; }
.langoptions a:hover, #frontoptions a:hover { color: #eb5b5c!important; }

#frontsels { position: absolute; left: 30px; top: 30px; width: 325px; max-width: 100%; margin-top: 0!important; opacity: 0; transition: opacity 0.25s; pointer-events: none; z-index: 12; }
#frontsels.fsshown { opacity: 1; pointer-events: auto; }
#frontsels select { background: rgba(255,255,255,0.8)!important; }
#frontsels input::-ms-clear { display: none; }
#frontoptionswrap { position: absolute; right: 0; left: 0; top: 50px; width: 100%; box-sizing: border-box;}
#frontage, #frontcr { margin-top: -10px; overflow: hidden; max-height: 0; padding-bottom: 10px; box-sizing: border-box; transition: 0.25s max-height; }
#frontage.ageshown, #frontcr.crshown { max-height: 80px; }

#frontyear { overflow: hidden; max-height: 0; box-sizing: border-box; transition: 0.25s max-height; height: 40px; position: relative; }
#frontyear.yearshown { max-height: 80px; }
#frontyear input { -webkit-appearance: none; width: 100%; background: transparent; padding: 0 40px 0 0; height: 30px; }
#frontyear input::-webkit-slider-thumb { -webkit-appearance: none; }
#frontyear input:focus { outline: none; }
#frontyear input::-ms-track { width: 100%; cursor: pointer; background: transparent; border-color: transparent; color: transparent; }

input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; box-sizing: border-box; border: 1px solid #2a3764; height: 20px; width: 20px; border-radius: 10px; background: #eb5b5c; cursor: pointer; margin-top: -9px; }
input[type=range]::-moz-range-thumb { box-sizing: border-box; border: 1px solid #2a3764; height: 20px; width: 20px; border-radius: 10px; background: #eb5b5c; cursor: pointer; }
input[type=range]::-ms-thumb { box-sizing: border-box; border: 1px solid #2a3764; height: 20px; width: 20px; border-radius: 10px; background: #eb5b5c; cursor: pointer; margin-top: 1px; }

input[type=range]::-webkit-slider-runnable-track { width: 100%; height: 5px; cursor: pointer; background: rgba(255,255,255,0.8); border-radius: 0; border: 1px solid #2a3764; }
input[type=range]::-moz-range-track {width: 100%; height: 5px; cursor: pointer; background: rgba(255,255,255,0.8); border-radius: 0; border: 1px solid #2a3764; }
input[type=range]::-ms-track { width: 100%; height: 5px; cursor: pointer; background: transparent; border-radius: 0; border-color: transparent; border-width: 3px 0; color: transparent; }
input[type=range]::-ms-fill-lower { background: rgba(255,255,255,0.8); border: 1px solid #2a3764; border-radius: 0; }
input[type=range]::-ms-fill-upper { background: rgba(255,255,255,0.8); border: 1px solid #2a3764; border-radius: 0; }

#frontyear #showyear { position: absolute; top: 0; right: 0; font-size: 14px; line-height: 30px; color: #fff; font-weight: bold; }
#frontyear #showyear span { font-size: 11px; }
#frontoptionswrap .rclabel { width: 50%; display: inline-block; margin: 10px 0 2px; color: #fff; font-weight: bold; box-sizing: border-box; }
#frontoptionswrap .rclabel.disabled { opacity: 0.5; pointer-events: none; cursor: not-allowed; }
#frontoptions { right: 0; left: 0; width: 100%; box-sizing: border-box; z-index: 11; top: auto; }
#countries ul { border-top: 1px solid #2a3764; }
#countries li { margin-top: 0; }
#countries li:before { display: none; }
#countries li.entryhidden { display: none!important; }
#countries span.flag { margin-right: 5px; }
#countries a { text-decoration: none; }
#frontoptions input { background: transparent!important; height: 38px; font-family: inherit!important; font-size: 14px; font-weight: 600; color: #2a3764; }
#frontoptions.hasflag input { padding-left: 39px; }
#frontoptions>span.flag { display: none; }
#frontoptions.hasflag>span.flag { display: block; position: absolute; margin-left: 10px; pointer-events: none; }

#custompdfs .delconf { display: inline-block; width: 16px; height: 16px; background: url('../gfx/delete.svg') no-repeat center; background-size: 11px 11px; position: relative; top: 3px; margin-left: 10px; cursor: pointer; }
#custompdfs .delconf:hover { opacity: 0.6; }

#overview, #overviewdetails { position: absolute; left: 30px; bottom: 30px; width: 325px; max-width: 100%; margin-top: 0!important; z-index: 11; background: rgba(49,183,188,0.5); border: 2px solid #f6b100; display: none; box-sizing: border-box; }
#overview.overviewshown, #overviewdetails { display: block; }
.overviewhead { padding: 10px; position: relative; }
#overview h2, #overviewdetails h2 { font-size: 24px; line-height: 28px; margin: 0; border-bottom: 1px solid rgba(255,255,255,0.5); color: #fff; padding-bottom: 10px; padding-right: 41px; }
#overviewdetails p { padding: 0 10px 10px; color: #fff; }
#overview .flag { display: none; position: absolute; top: 12px; right: 10px; width: 36px; height: 24px; }
#overview.hasflag .flag { display: block; }
#overviewgraphs { padding: 0 10px 10px; color: #fff; min-height: 150px; position: relative; }
#overviewgraphs img { display: block; border: 5px solid #fff; max-width: calc(100% - 10px); }
.subcountries { margin-top: 5px; }
#overview a, #overviewdetails a { background: #f6b100; color: #2a3764; font-weight: bold; font-size: 14px; line-height: 20px; padding: 10px; text-align: center; display: block; margin: 0 2px 2px; text-decoration: none; transform: none!important; }
#overview #chart_front { position: absolute; top: 0; bottom: 10px; left: 10px; right: 10px; overflow: hidden; }
#overview #chart_front.chartwide { right: 10px; }
#overview #risks { position: absolute; top: 0; bottom: 10px; right: 10px; width: 130px; display: none!important; }
.riskwrap { font-size: 12px; line-height: 14px; font-weight: bold; }
.riskscore { font-size: 24px; line-height: 50px; display: block; margin-bottom: 10px; text-align: center; }

.overviewboxEL .riskwrap, .overviewboxBG .riskwrap, .overviewboxNL .riskwrap, .overviewboxFI .riskwrap, .overviewboxFR .riskwrap, .overviewboxDE .riskwrap, .overviewboxHU .riskwrap, .overviewboxGA .riskwrap, .overviewboxIT .riskwrap, .overviewboxLV .riskwrap, .overviewboxLT .riskwrap, .overviewboxLT .riskwrap, .overviewboxMT .riskwrap, .overviewboxPL .riskwrap, .overviewboxPT .riskwrap, .overviewboxRO .riskwrap, .overviewboxSL .riskwrap, .overviewboxES .riskwrap { font-size: 10px; line-height: 12px; }
.overviewboxEL #overviewlink { font-size: 12px; }

#menu { background: rgba(0,0,0,0.25); margin-top: 30px; position: sticky; top: 0; z-index: 40; }
.fl_menu { list-style: none; max-width: 1260px; padding: 0 180px 0 30px; box-sizing: border-box; }
.fl_menu li, .fl_menu a { display: inline-block; }
.fl_menu a { font-weight: bold; color: #fff; font-size: 14px; line-height: 40px; text-decoration: none; }
.fl_menu a:hover { color: #eb5b5c; }
.fl_menu li:before { content: ''; width: 1px; height: 8px; background: rgba(255,255,255,0.5); display: inline-block; margin: 0 15px; }
.fl_menu li:first-child:before { display: none; }
.fl_menu li.current a { background: url('../gfx/cur.svg') no-repeat bottom; background-size: auto 6px; }
#menu .language { display: none; }
.largescrolled header { top: -341px; }
.page-front.largescrolled header { top: -172px; }

#pagetitle h1 { color: #fff; margin: 0 110px 0 0; }
#pagetitle h5 { color: #fff; font-size: 18px; line-height: 24px; margin-top: 5px; }
#pagetitle { padding: 50px 0; background: rgba(237,241,250,0.1); position: relative; overflow: hidden; }
#pagetitle .topflag { width: 90px; height: 60px; display: block; position: absolute; right: 30px; top: -10px; background-size: cover; background-repeat: no-repeat; background-position: center; }
.topmap { position: absolute; top: 0; left: 0; right: -150px; bottom: 0; background-repeat: no-repeat; background-size: auto 1200px; background-position: right; opacity: 0.25; } 

li#menu_c_account { position: absolute; right: 30px; top: 0; }
li#menu_c_account:before { display: none; }
li#menu_c_account a { background-color: #2a3764; padding: 0 30px; }
li#menu_c_account a:hover { background-color: #eb5b5c; color: #fff; }

main { min-height: calc(100vh - 488px); padding: 10px 0; box-sizing: border-box; }
main>*:first-child, main>*:first-child>*:first-child, main>*:first-child>*:first-child>*:first-child { margin-top: 10px; }
main>*:last-child, main>*:last-child>*:last-child, main>*:last-child>*:last-child>*:last-child { margin-bottom: 10px; }

main .wrapper, #pagetitle .wrapper { max-width: 900px; }
.page-front main .wrapper, .page-front #pagetitle .wrapper, .page-data #pagetitle .wrapper, .page-rankings main .wrapper, .page-rankings #pagetitle .wrapper, .page-tables main .wrapper, .page-tables #pagetitle .wrapper, .page-economic-impact-front main .wrapper, .page-economic-impact-front #pagetitle .wrapper, .page-economic-impact-new-front main .wrapper, .page-economic-impact-new-front #pagetitle .wrapper { max-width: 1200px; }
.page-data main .wrapper { max-width: none; padding: 0; }
.datawrap { max-width: 1200px; padding: 0 30px; margin: 0 auto; position: relative; }
.dataintro { background: #2a3764; color: #fff; font-weight: bold; padding: 10px 20px; margin-top: 20px; font-style: italic; }

.cms_imgleft { max-width: 300px; border: 0; margin: 3px 10px 10px 0; float: left; }
.cms_imgright { max-width: 300px; border: 0; margin: 3px 0 10px 10px; float: right; clear: right; }
main li { margin-top: 3px; }
main ul { list-style: none; }
main ul li:before { color: #31b7bc; content: "\2022"; position: absolute; font-size: 14px; line-height: 18px; margin: 3px 0 0 -18px; }
blockquote { margin: 20px; padding: 10px 20px; background: #edf1fa; border-top: 1px solid #31b7bc; border-bottom: 1px solid #31b7bc; }
blockquote>*:first-child { margin-top: 10px!important; }
blockquote>*:last-child { margin-bottom: 10px!important; }

form label { display: block; font-weight: 600; font-size: 12px; line-height: 17px; margin: 10px 0 2px; }
input, textarea { -webkit-appearance: none; border-radius: 0; }
input.checkbox, input.button { border: 0; width: auto; display: inline; background: transparent!important; -webkit-appearance: checkbox; height: auto; margin-right: 5px; }
input[type=radio] { -webkit-appearance: radio; }
label .reqd { margin-left: 5px; }
input, textarea, .fl_mailform textarea, select { background: #edf1fa; border: 0; font: 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; color: #333; width: 100%; display: block; padding: 10px; -moz-box-sizing: border-box; box-sizing: border-box; }
input, select { height: 40px; }
option:disabled { color: #ccc!important; }
input:hover, textarea:hover, select:hover { background: #edf1fa; color: #333; }
input:focus, textarea:focus, select:focus { background: #edf1fa; color: #333; }
label.linklabel { text-transform: none; font-size: 14px; line-height: 20px; font-weight: normal; }

.select-wrap { position: relative; margin-bottom: 5px;}
.select-wrap select { -webkit-appearance: none; border-radius: 0; border: 1px solid #2a3764; font: 600 14px "Nunito Sans", sans-serif; color: #2a3764; }
.select-wrap select::-ms-expand { display: none; }
.select-wrap select:hover { color: #eb5b5c; }
.select-wrap:after { content: '\25bc'; position: absolute; top: 8px; right: 12px; color: #eb5b5c; font-size: 0.8em; pointer-events: none; transition: all 0.5s; }
.select-wrap select option { color: #444!important; font-weight: normal; }
.select-wrap:before { content: ''; position: absolute; top: 5px; bottom: 5px; right: 5px; background: linear-gradient(to left, rgba(237,241,250,1) 40%,rgba(237,241,250,0)); width: 35px; pointer-events: none; }
.page-front .select-wrap:before { display: none; }

#graphlist { margin: 10px 0; }
#graphlist li:before { display: none!important; }
#graphlist li { display: block; padding: 10px 80px 10px 10px; background: #edf1fa; border: 1px solid #31b7bc; margin: 0 0 -1px; cursor: move; position: relative; }
.deletegraph { position: absolute; top: 50%; right: 10px; transform: translate3d(0,-50%,0); width: 20px; height: 20px; background: url('../cache/graphics/close.svg') no-repeat center; background-size: contain; transition: 0.5s transform; cursor: pointer; }
.deletegraph:hover { transform: translate3d(0,-50%,0) scale3d(1.1,1.1,1); }

form#reorder { margin-bottom: 20px; }
.rclabel { position: relative; font-size: 14px; display: inline-block; margin-right: 10px; padding-left: 25px; line-height: 20px; cursor: pointer; width: 200px; }
.rankingstablewrap .rclabel { width: 80px; }
.rclabel input, .checkwrap input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
.rclabel .checkmark { position: absolute; top: 0; left: 0; height: 20px; width: 20px; box-sizing: border-box; background-color: #edf1fa; border-radius: 50%; border: 1px solid #2a3764; }
.rclabel:hover input ~ .checkmark { background-color: #f6b100!important; }
.rclabel input:checked ~ .checkmark { background-color: #edf1fa; }
.checkmark:after { content: ""; position: absolute; display: none; }
input:checked ~ .checkmark:after { display: block; }
.rclabel .checkmark:after { background: #eb5b5c; width: 10px; height: 10px; border-radius: 50%; top: 4px; left: 4px; }

label.checkwrap { position: relative; cursor: pointer; display: inline-block; margin: 0 5px 0 0; }
.checkwrap .checkmark { height: 15px; width: 15px; box-sizing: border-box; background-color: #edf1fa; border-radius: 2px; border: 1px solid #2a3764; display: inline-block; }
.checkwrap:hover input ~ .checkmark { background-color: #f6b100!important; }
.checkwrap input:checked ~ .checkmark { background-color: #edf1fa; }
.checkwrap .checkmark:after { content: "\2714"; font-style: normal; color: #eb5b5c; left: 2px;top: 0px; }


input.emailsub, input.passsub, input.commentsub, input.formsub, a.button, div.button { display: block; width: auto; height: auto; font: bold 14px/22px "Nunito Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 10px 0; padding: 11px 20px; border: 0; background: #f6b100; color: #2a3764!important; border-radius: 0; cursor: pointer; text-decoration: none; position: relative; text-transform: none; text-align: center; transition: background 0.5s, color 0.5s, transform 0.5s; }
input.emailsub:hover, input.passsub:hover, input.commentsub:hover, input.formsub:hover, a.button:hover, div.button:hover, input.emailsub:focus, input.passsub:focus, input.commentsub:focus, input.formsub:focus, a.button:focus, div.button:focus, #overview a:hover, #overviewdetails a:hover, #overview a:focus, #overviewdetails a:focus { background-color: #ed6a59; color: #fff!important; transform: scale3d(1.05,1.05,1); z-index: 2; }
a.button, div.button { width: auto; display: inline-block; vertical-align: top; margin: 0; }
a.button.hasimage { padding-left: 50px; background-size: 30px auto; background-position: 10px center; background-repeat: no-repeat; }
a.button.chartbuilder { padding-left: 55px; }
#data_population-breakdowns a.button.chartbuilder { display: none!important; }

.subpages { margin: 20px 0 0 -20px; }
.subpages a, .rcinfo { display: inline-block; margin: 20px 0 0 20px; width: calc(25% - 20px); vertical-align: top; background: #cacdd9; color: #2a3764; height: 0; padding-bottom: calc(25% - 20px); position: relative; text-decoration: none; }
.initsp a, .rcinfo { width: calc(20% - 20px); padding-bottom: calc(20% - 20px); }
.initsp a { z-index: 10; }
.chartpages a { width: calc(16.666666% - 20px); padding-bottom: calc(16.666666% - 20px); }
.subpages a:after, #previewinfo:after { background: linear-gradient(105deg,rgba(255,255,255,0.25),rgba(255,255,255,0)); content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
.subpages a h4 { color: inherit; text-align: center; position: absolute; bottom: 10px; margin: 0; left: 10px; right: 10px; font-size: 16px; line-height: 20px; z-index: 1; }
.subpages a:hover { color: #fff; transform: scale3d(1.02,1.02,1); }
.subpages.boxsurveys a h4 { bottom: auto; top: 50%; transform: translateY(-50%); }
.subpages a:nth-of-type(1), .subpages a:nth-of-type(2), .subpages a:nth-of-type(3), .subpages a:nth-of-type(4), .chartpages a:nth-of-type(5), .chartpages a:nth-of-type(6) { margin-top: 0; }
.chartpages, .initsp { margin-bottom: 40px; }
.rcinfo { background: transparent; margin-top: 0; font-size: 12px; line-height: 16px; color: #000; }
.rcinfo p { position: absolute; bottom: 0; left: 0; right: 0; margin: 0; font-style: italic; }
.page-publications .subpages a, .page-tables-index .subpages a { width: calc(33.333333% - 20px); padding-bottom: calc(33.333333% - 20px); }
.page-publications .subpages a:nth-of-type(4), .page-tables-index .subpages a:nth-of-type(4) { margin-top: 20px; }

.subpages a.colour-red, #previewinfo.colour-red { background: #eb5b5c; }
.subpages a.colour-yellow, #previewinfo.colour-yellow { background: #f6b101; }
.subpages a.colour-green, #previewinfo.colour-green { background: #b9cd00; }
.subpages a.colour-blue, #previewinfo.colour-blue { background: #00b2bb; }
.subpages a.colour-dkblue { background: #2a3764; z-index: 12; }
.subpages a.colour-dkblue h4 { color: #fff; }
.subpages span.icon { position: absolute; top: 12%; left: 20%; right: 20%; bottom: 28%; border-radius: 50%; background: rgba(255,255,255,0.5); background-size: 50%; background-repeat: no-repeat; background-position: center; text-align: center; }
.subpages a.box-roots span.icon { background-size: 100%; }
.subpages a.box-map span.icon { background-size: 80%; }

.subpages a.box-roots span.icon svg { top: 0; bottom: 0; left: 0; right: 0; width: 100%!important; }

.chartpages span.icon { top: 10%; bottom: 40%; left: 25%; right: 25%; }
.subpages a:hover span.svgdone { background-color: #2a3764; }
a.box-table span.icon { background-image: url('../cache/graphics/table.svg'); }
a.box-publication span.icon { background-image: url('../cache/graphics/publication.svg'); }
a.box-map span.icon { background-image: url('../cache/graphics/map.svg'); }
a.account-data span.icon { background-image: url('../cache/graphics/data.svg'); }
a.account-pdfs span.icon { background-image: url('../cache/graphics/report-card.svg'); }
a.account-chartbuilder span.icon { background-image: url('../cache/graphics/chartbuilder.svg'); }
a.account-details span.icon { background-image: url('../cache/graphics/details.svg'); }
a.account-password span.icon { background-image: url('../cache/graphics/password.svg'); }
a.account-signout span.icon { background-image: url('../cache/graphics/signout.svg'); }

.subpages span.icon img, .previewtitle span.icon img { position: absolute; top: 25%; left: 25%; bottom: 25%; right: 25%; width: 50%!important; height: auto!important; }
.subpages span.icon svg, .previewtitle span.icon svg { position: absolute; top: 25%; left: 25%; bottom: 25%; right: 25%; width: 50%!important; height: auto!important; }
.subpages a:hover svg path, .previewtitle span.icon svg path { fill: #fff!important; }

.haspreview { position: relative; }
#previewinfo { position: relative; margin-right: 155px; padding: 20px 20px 20px 160px; text-align: right; min-height: 200px; }
.haspreview .subpages { position: absolute; top: 52px; bottom: 0; right: 0; overflow: auto; -webkit-overflow-scrolling: touch; width: 150px; margin: 0; }
.previewtitle { position: absolute; top: 20px; left: 20px; width: 120px; text-align: center; z-index: 1; }
.previewtitle span.icon { width: 100px; height: 100px; display: block; background: #2a3764; border-radius: 50%; margin: 0 auto; position: relative; }
.previewtitle h3 { margin: 10px 0 0; font-size: 16px; line-height: 20px; }
.haspreview .subpages a { width: 100%; padding-bottom: 100%; margin: 0 0 5px!important; }
.haspreview .subpages a h4 { font-size: 14px; line-height: 16px; bottom: 7px; left: 5px; right: 5px; }
.haspreview .subpages a.ispreview { opacity: 0.5; cursor: default; }
.haspreview .subpages a:last-of-type { margin-bottom: 0!important; }
.haspreview .subpages a:hover { transform: none; }
.haspreview .subpages span.icon {  top: 10%!important; left: 20%!important; right: 20%!important; bottom: 30%!important; }
.previewgraphs { position: relative; z-index: 1; margin: -20px 0 0 -20px; max-height: 550px; overflow: hidden; text-align: left; }
.previewgraphs:after { position: absolute; bottom: 0; left: 20px; right: 0; height: 50px; content: ''; background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1)); }
.previewgraphcont { width: calc(50% - 20px); margin: 20px 0 0 20px; display: inline-block; vertical-align: top; }
.previewgraphcont h4 { font-size: 16px; line-height: 20px; margin: 0 0 10px; }
.previewgraph { background: #fff; padding: 5px; }
.previewgraph img { display: block; }
#alldata { position: relative; z-index: 1; margin-top: 20px; background: #2a3764 url('../cache/graphics/view-more.svg') no-repeat 10px center!important; background-size: auto 30px!important; color: #fff!important; padding-left: 45px; }

.colour-red .previewgraphs:after { background: linear-gradient(rgba(235,91,92,0),rgba(235,91,92,1)); }
.colour-yellow .previewgraphs:after { background: linear-gradient(rgba(246,177,1,0),rgba(246,177,1,1)); }
.colour-green .previewgraphs:after { background: linear-gradient(rgba(185,205,0,0),rgba(185,205,0,1)); }
.colour-blue .previewgraphs:after { background: linear-gradient(rgba(0,178,187,0),rgba(0,178,187,1)); }

input.emailsub:active, input.passsub:active, input.commentsub:active, input.formsub:active, a.button:active, .subpages a:active { top: 2px; }

.resource { margin-top: 20px; padding-top: 20px; border-top: 1px solid #edf1fa; }
.resource:first-child { margin-top: 0; padding-top: 0; border-top: 0; }
.resource:last-of-type { border-bottom: 1px solid #edf1fa; padding-bottom: 20px; margin-bottom: 20px; }
.resource img { float: right; width: 64px; height: 64px; margin: 3px 0 10px 10px; }
.resource h3 { margin-top: 0; }
.resfoot { font-size: 13px; line-height: 20px; }

.signinprompt { margin-bottom: 20px; }
#customform .cancustomise { margin: 20px 0; padding: 10px 20px; background: #31b7bc; }
#customform .cancustomise h4, #customform .cancustomise p { margin: 10px 0; color: #fff; }

.tablecont { max-width: 100%; overflow: auto; white-space: nowrap; max-height: 500px; border-bottom: 1px solid #edf1fa; }
table { width: 100%; border-collapse: collapse; font-size: 0.8em; line-height: 1.2em; }
thead { font-weight: 600; background: #2a3764; color: #fff; }
th { position: relative; z-index: 8; }
tbody td { border-bottom: 1px solid #edf1fa; word-wrap: break-word; }
tbody td:last-child { word-break: break-all; }
tbody tr:last-child td { border-bottom: 0; }
tbody tr:hover { background: #edf1fa; }
td, th { padding: 7px 5px 5px; }
td.rank, th.rank { font-weight: 600; width: 30px; text-align: right; }
td:last-child, thead th:last-child { text-align: right; }
table#results td:last-child, table#results th:last-child, table.results td:last-child, table.results th:last-child { text-align: left; }
table .flag { display: inline-block; width: 25px; height: 15px; background-size: cover; background-repeat: no-repeat; background-position: center; vertical-align: top; margin-right: 5px; }
td.agebox { padding-right: 25px; }

.refscell .toolong { max-height: 20px; overflow: hidden; transition: max-height 0.5s; }
.refscell .toolong:before { content: 'Tap here to view full details'; display: block; height: 25px; color: #f6b100; text-decoration: underline; cursor: pointer; transition: all 0.25s; max-height: 20px; overflow: hidden; }
.refscell .toolong:hover:before { color: #ed6a59; text-decoration: none; }
.refscell .toolongshow { max-height: 2000px; }
.refscell .toolongshow:before { max-height: 0; }

table.standalone { border: 1px solid #edf1fa; border-left: 0; border-right: 0; table-layout: fixed; }
table.standalone td { vertical-align: top; }
table.linebottom { border-bottom: 1px solid #edf1fa; }
td.colourbox { font-weight: 600; color: #fff; background: #2a3764; }
td.green, span.green { color: #fff; background: #b9cd00; }
td.amber, span.amber { color: #fff; background: #f6b100; }
td.red, span.red { color: #fff; background: #eb5b5c; }
td.grey { color: #fff; background: #666; }
td.checkbox { text-align: center!important; }

table.fw5 td { width: 20%; }
table.fw4 td { width: 25%; }
table.fw3 td { width: 33.33333%; }
table.fw2 td { width: 50%; }
table.fw td:last-child { text-align: left; }
table.fixedlastcol td:last-child, table.reportcard td:last-child, table.standalone td:first-child { width: 25%; }
table.standalone.hs td:first-child, table.fixedlastcol td:first-child, table.reportcard td:first-child { width: auto; }

.scorecardnotes { text-align: right; font-size: 0.8em; font-style: italic; line-height: 1.5em; }

.econclass { background: #31b7bc; color: #fff; padding: 10px; margin-bottom: 20px; }
ul.barriers li:before { display: none; }
ul.barriers { margin: -30px 0 20px -20px; display: flex; flex-wrap: wrap; }
ul.barriers li { display: flex; width: calc(20% - 20px); background: #31b7bc; color: #fff; font-weight: bold; padding: 10px; box-sizing: border-box; margin: 20px 0 0 20px; text-align: center; min-height: 100px; align-items: center; justify-content: center; }

.trhidden { display: none; }


h4.hshead { margin-top: 30px; }
.hsprogress { margin: 20px 0; }
.hsprogress table { border-top: 2px solid #2a3764; border-bottom: 2px solid #2a3764; font-size: 0.9em; }
.divided { margin-top: 20px; padding-top: 20px; border-top: 1px solid #31b7bc; }

.sorttable_sorted, .sorttable_sorted_reverse { padding-right: 20px; }
.sorttable_sorted:after, .sorttable_sorted_reverse:after { content: '\25bc'; font-size: 0.8em; color: #eb5b5c; position: absolute; transition: all 0.5s; margin-left: 5px; }
.sorttable_sorted_reverse:after { transform: rotate3d(1,0,0,180deg); margin-top: -2px; }
table.sortable thead { cursor: pointer; }
table.sortable thead th.nosort { pointer-events: none; cursor: disabled; }

thead th { position: sticky; top: 0; background: #2a3764; text-align: left; }
.tablewrap { display: inline-block; width: calc(50% - 15px); vertical-align: top; }
.tablewrap:first-of-type { margin-right: 30px; }
.tablewrap h3 { margin-top: 0; }
tr.selfreport { font-style: italic; color: #666; }
table.hideselfreport tr.selfreport { display: none; }
tr.tablebreak:hover { background-color: transparent; }

.dsnarrow { max-width: 900px; margin: 0 auto; }
.scorebox { width: calc(50% - 10px); max-width: 250px; margin: 0 20px 20px 0; display: inline-block; vertical-align: top; font-weight: bold; font-size: 0.9em; color: #2a3764; }
.scorebox:nth-of-type(2) { margin-right: 0; }
.scorebox span { display: block; text-align: center; font-size: 36px; line-height: 96px; }
.scorebox span span { font-size: 0.45em; margin-top: -3em; line-height: 72px; }
.scoreboxwrap .scorebox { max-width: 200px; }
.scoreboxwrap .scorebox span { display: block; text-align: center; font-size: 36px; line-height: 72px; }
.scoreboxwrap .scorebox span span { font-size: 0.45em; margin-top: -2em; line-height: 56px; }
.sbdp { margin-top: 20px; }
.sbdp .scorebox:nth-of-type(2) { margin-right: 20px; }
.sbdp .scorebox:nth-of-type(3) { margin-right: 0; }


.riskscore.rank1 { color: #fff; background: #b9cd00; }
.riskscore.rank2 { color: #fff; background: #d8bf00; }
.riskscore.rank3 { color: #fff; background: #f6b100; }
.riskscore.rank4 { color: #fff; background: #f1862e; }
.riskscore.rank5 { color: #fff; background: #eb5b5c; }


.chartwrap { max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; background: #fff url('../gfx/fl_loading.svg') no-repeat center; background-size: 32px 32px; }
.chart { height: 450px; }
.chart { background-size: contain; background-color: #fff; background-position: center; background-repeat: no-repeat; }
.plotly-notifier { display: none!important; }
g.hovertext text { font-family: "Nunito Sans"!important; font-size: 11px!important; }
g.hovertext text.nums { font-weight: 600!important; }
g.hovertext text.name { fill: #000!important; }
g.hoverlayer .axistext { display: none!important; }
#data_trends g.legend g.scrollbox { clip-path: none!important; }

.multicharts { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #31b7bc; }
.multicharts table { margin-top: 20px; }
.multicharts td:first-child { width: 25%; white-space: nowrap; font-weight: 600; }
.multicharts td:last-child { word-wrap: break-word; word-break: break-word; width: 75%; white-space: normal; }
.multicharts .chart, .svg-container { max-height: 33vh!important; min-height: 400px!important; }
.multicharts:last-of-type { padding-bottom: 0; border-bottom: 0; }
#chart_main .svg-container { min-height: auto!important; max-height: auto!important; }

.source { font-size: 14px; line-height: 20px; }
.chartbuttons { margin-top: 15px; }
.chartbuttons .button { margin-top: 5px; }
.chartbuttons .downloadgraph.nodl { background-color: #999!important; cursor: not-allowed; }
main .downloadbuttons { margin-top: -5px!important; }
.downloadbuttons a.button { width: 120px; line-height: 20px; padding: 90px 0 10px; margin: 5px 5px 0 0; background-position: center 30%; background-repeat: no-repeat; background-size: auto 50%; }
.downloadbuttons a.button.pdf { background-image: url('../gfx/buttons/pdf.svg'); }
.downloadbuttons a.button.jpg, .downloadbuttons a.button.png { background-image: url('../gfx/buttons/image-file.svg'); }
.downloadbuttons a.button:nth-child(3) { margin-right: 0; }
.downloadbuttons p { font-size: 12px; line-height: 16px; margin-bottom: 0; }

#overlay { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(255,255,255,0.7); z-index: 50; display: none; opacity: 0; transition: opacity 0.5s; }
#overlay.overlayshown { opacity: 1; }
#overlaycontent { position: absolute; top: 50%; left: 50%; transform: translate3d(-50%,-50%,0); background: #fff; padding: 5px 10px 10px; border: 1px solid #31b7bc; }
.overlaywide { width: 90%; max-width: 600px; max-height: 90vh; overflow: auto; -webkit-overflow-scrolling: touch; padding-bottom: 0!important; }
.overlaywide #closebutton { position: sticky; bottom: 0; left: 0; right: 0; display: block; width: auto; margin-top: 10px; }
.overlaywide h3#act { margin-top: 10px; }
#overlaycontent .downloadbuttons { width: 370px; }

.interventions { border-top: 1px solid #31b7bc; margin-top: 20px; }
.intervention { border-bottom: 1px solid #31b7bc; padding-bottom: 20px; }
table.interventioninfo td { vertical-align: top; }
#interventions_none { display: none; padding-top: 20px; }

.video.youtube { position: relative; height: 0; padding-bottom: 56.25%; }
.video.youtube iframe { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; }

#dataloading { display: none; position: absolute; left: 50px; right: 50px; text-align: center; top: 50px; font-style: italic; font-size: 14px; background: url('../gfx/fl_loading.svg') no-repeat center; background-size: 64px 64px; padding-top: 70px; }
.dataloading #dataloading { display: block; }
.dataloading #datasections { opacity: 0; pointer-events: none; max-height: 150px; overflow: auto; }
#datasections.transappear { transition: opacity 0.5s; }
.datasection { border-bottom: 1px solid #2a3764; padding-bottom: 20px; }
.datasection:last-of-type { border-bottom: 0; padding-bottom: 0; }

.selects-wrap { position: sticky; top: 80px; background: #fff; padding: 10px 0; height: 40px; z-index: 11; transition: top 0.25s; }
.selects-wrap .select-wrap { width: calc(50% - 5px); display: inline-block; vertical-align: top; position: relative; margin-bottom: 0; }
.selects-wrap.single-select .select-wrap { width: 100%; margin-right: 0!important; }
.selects-wrap .select-wrap:first-child { margin-right: 10px; }
.datasection h3.datasecthead:nth-child(2) { margin-top: 0; }

h3.datasecthead { background: #fff; border-bottom: 1px solid #31b7bc; padding: 10px 0; position: sticky; z-index: 10; top: 80px; transition: top 0.25s; height: 28px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.hasjumpto h3.datasecthead, #selects-wrap h3.datasecthead { top: 140px; }
h3.datasecthead.nosticky { position: static; }
.nothingshown:after { content: 'Sorry, there are no charts to show here for your current selection.'; font-style: italic; color: #666; }
p.cutoffs { font-size: 0.8em; line-height: 1.5em; }
.nothingshown + p.cutoffs { display: none; }

.largescrolled .selects-wrap, .largescrolled h3.datasecthead { top: 40px; }
.largescrolled .hasjumpto h3.datasecthead, .largescrolled #selects-wrap h3.datasecthead { top: 100px; }
h3.datasecthead:first-child { margin-top: 10px; }
.sectionslist { padding: 10px; background: #2a3764; margin-top: 20px; }
.sectionslist a { display: inline-block; margin-right: 10px; }
.sectionslist a:last-of-type { margin-right: 0; }
.sectionslist a:first-of-type { margin-left: 10px; }
.sectionslist:before { content: 'Jump to:'; font-weight: bold; color: #fff; }

#sectionsbar { display: none; text-align: center; margin: -10px 0 0!important; background: #f6b100; position: sticky; top: 40px; z-index: 13; transition: top 0.25s; }
.largescrolled #sectionsbar { top: 0; }
.hasjs .datasection { display: none; border-bottom: 0; padding-bottom: 0; transition: opacity 0.5s; }
.hasjs #sectionsbar, .hasjs .datasection:first-of-type { display: block; }

#sectionsbar ul { margin: 0; white-space: nowrap; max-width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; padding: 0 0 0 30px; box-sizing: border-box; }
#sectionsbar li:before { display: none; }
#sectionsbar li { margin-top: 0!important; display: inline-block;  font-size: 14px; line-height: 40px; font-weight: bold; color: #2a3764; }
#sectionsbar li:last-child { margin-right: 30px; }
#sectionsbar li a { color: inherit; text-decoration: none; }
#sectionsbar li a, #sectionsbar li span { display: inline-block; cursor: pointer; transition: color 0.5s; }
#sectionsbar li span:hover, #sectionsbar li a:hover { color: #fff; }
#sectionsbar li:after { content: ''; width: 1px; height: 8px; background: rgba(255,255,255,0.5); display: inline-block; margin: 0 15px; }
#sectionsbar li:last-child:after { display: none; }
#sectionsbar li.cursect span, #sectionsbar li.cursect a { cursor: default; color: #2a3764!important; background: url('../gfx/cur-blue.svg') no-repeat bottom; background-size: auto 6px; }
.datasection.hidden { opacity: 0; }
.rankingstablewrap { position: absolute; top: 0; bottom: 20px; width: 450px; overflow: auto; -webkit-overflow-scrolling: touch; margin: 0!important; border-bottom: 1px solid #edf1fa; z-index: 10; background: rgba(255,255,255,0.9); }
.rankingstable { position: absolute; top: 75px; bottom: 0; left: 0; right: 0; overflow: auto; -webkit-overflow-scrolling: touch; }
.rankingstable p.source { padding: 0 5px; }
.rankingstable th { position: sticky; top: 0; }
.rankingstable tbody tr:last-child td { border-bottom: 1px solid #edf1fa; }
#obesity.chart { height: 300px; overflow: hidden; -webkit-overflow-scrolling: auto; }
#globe { position: absolute; top: 0; bottom: 0; right: 30px; max-width: 100%; }
#globe:empty { background: url('../gfx/fl_loading.svg') no-repeat center; background-size: 32px 32px; }
.page-front #globe g.layer.bg rect { fill-opacity: 0!important; }
#globe.moving g.hoverlayer { display: none!important; }

.econflag { width: 90px; float: right; height: 60px; background-size: cover; background-position: center; }
.econtabs { position: relative; margin-top: 20px; white-space: nowrap; overflow: auto; -webkit-overflow-scrolling: touch; }
.econtab { background: #2a3764; border: 1px solid #2a3764; border-bottom: 0; color: #fff; font-weight: bold; display: inline-block; padding: 7px 10px; margin-right: 5px; cursor: pointer; transition: all 0.5s; }
.econtab.econcurtab { background: #edf1fa!important; color: #2a3764!important; cursor: default; }
.econtab:hover { background: #eb5b5c; color: #fff; }
.econsect { border: 1px solid #2a3764; background: #edf1fa; margin-top: -1px; padding: 10px; display: none; }
.econcursect { display: block; }
.econtable thead td { text-align: left!important; }
table tr.boldrow { font-weight: 600; }
table tr.dividerow td { border-bottom: 1px solid #2a3764; }
table tr.subcost { font-style: italic; }
table tr.subcost td:first-child { padding-left: 15px; }

.econtable { display: none; background: #fff; border-left: 1px solid #2a3764; border-right: 1px solid #2a3764; }
.econtable:first-of-type { display: table; }
select#trendsel, select#econcostyear { background: #fff; border: 1px solid #2a3764; margin-bottom: 10px; }
.econtrendwrap { background: #fff; padding: 20px; }
#econsect_2 h4 { padding-top: 20px; border-top: 1px solid #000; }
#econsect_2 h4:first-of-type, #econsect_3 h4:first-of-type { padding-top: 0; border-top: 0; margin-top: 10px; }

.hassubinds tbody { display: none; }
.showsubinds tbody { display: table-row-group; }
.hassubinds thead { cursor: pointer; transition: background 0.5s; }
.hassubinds thead td:first-child { position: relative; padding-right: 15px; }
.hassubinds thead td:first-child:after { content: '+'; position: absolute; right: 3px; top: 50%; transform: translateY(-50%); font-weight: bold; font-size: 1.4em; }
.showsubinds thead td:first-child:after { content: '-'; }
.econind td:last-child { width: 50px!important; }
.indicicon { width: 28px; height: 28px; display: inline-block; background-size: contain; background-repeat: no-repeat; background-position: center; margin: 5px; }
td .indicicon.indicator1, td .indicicon.indicator3, td .indicicon.indicator4 { cursor: pointer; transition: transform 0.5s; }
td .indicicon.indicator1:hover, td .indicicon.indicator3:hover, td .indicicon.indicator4:hover { transform:scale3d(1.1,1.1,1); }
.indicator0 { background-image: url('../gfx/econ-unknown.svg'); }
.indicator1 { background-image: url('../gfx/econ-present.svg'); }
.indicator2 { background-image: url('../gfx/econ-absent.svg'); }
.indicator3 { background-image: url('../gfx/econ-incoming.svg'); }
.indicator4 { background-image: url('../gfx/econ-present-(voluntary).svg'); }
#econsect_3 h4 { margin-bottom: 10px; }
.econind tbody .indicicon { width: 20px; height: 20px; }
table.econind { background: #fff; border-top: 1px solid #2a3764; border-bottom: 1px solid #2a3764; margin-top: -1px; }
table.econind thead { font-size: 1.2em; line-height: 1.6em; background: transparent; color: #2a3764; }
table.showsubinds thead td { border-bottom: 1px solid #edf1fa; }
table.hassubinds thead:hover { background: #2a3764; color: #fff; }
.econkey h4 { margin-top: 20px!important; }
.econsect .econkeybox { display: inline-block; width: 120px; vertical-align: top; margin-right: 5px; font-weight: 600; line-height: 32px; }
.econsect .econkeybox:nth-of-type(2) { width: 180px; }
.econsect .econkeybox .indicicon { margin: 0 5px 0 0; vertical-align: top; }
h4.econcat { padding-left: 50px; padding-top: 20px!important; background-size: 40px auto; background-position: bottom left; background-repeat: no-repeat; }
.econoverviewintro { margin-top: 30px; }

.topchart { background: #5f698b; padding: 30px 0; }
#chart_main { margin-right: 0; height: 260px; background-size: contain; background-repeat: no-repeat; background-position: center; overflow: hidden; }
.js-plotly-plot { background-image: none!important; }
#chart_main g.hoverlayer g.hovertext rect { fill: #fff!important; }
.toprhs { position: absolute; top: 0; right: 30px; width: 230px; color: #fff; display: none!important; }
.toprhs a.risk { color: #fff; font-weight: bold; font-size: 14px; line-height: 18px; display: block; margin-bottom: 10px; text-decoration: none; position: relative; }
.toprhs a.risk .riskscore { display: block; font-size: 36px; line-height: 75px; text-align: center; }
.toprhs a.risk:hover .riskscore { transform: scale3d(1.02,1.02,1); }
.tooltip { position: absolute; opacity: 0; pointer-events: none; top: 90%; left: 5px; right: 5px; background: rgba(255,255,255,0.8); padding: 5px; color: #000; font-weight: normal; font-size: 12px; line-height: 16px; font-style: italic; z-index: 11; }
.toprhs a.risk:hover .tooltip, .subpages a:hover .tooltip { opacity: 1; }
.toprhs .riskdesc { font-size: 12px; line-height: 16px; font-style: italic; }
.toprhs .riskdesc a { color: #fff; }
.toprhs .riskdesc a:hover { color: #eb5b5c; }

#addpdf { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0,0,0,0.75); z-index: 50; opacity: 0; transition: 0.5s opacity; }
#addpdf.addshown { opacity: 1; }
#addpdf form { position: fixed; top: 50%; left: 50%; width: 500px; max-width: 90%; transform: translate3d(-50%, -50%, 0); background: #fff; padding: 10px; border: 2px solid #31b7bc; }
#addpdf h3 { margin: 0 0 10px; }
#addpdf input.formsub { display: inline-block; margin-right: 5px; }

.rankingswrap { position: relative; height: calc(100vh - 400px); min-height: 650px; max-height: 700px; border-bottom: 1px solid #edf1fa; margin: 0 0 20px; }

.faqsect { margin-top: 15px; margin-bottom: 10px; }
.maincontent>*:first-child>#faq:first-child { margin-top: 0; }
.questiontitle { background: #31b7bc; color: #fff!important; padding: 10px 40px 10px 10px; margin: 0; font-size: 20px; line-height: 24px; position: relative; cursor: pointer; text-align: left; margin-top: 5px; transition: background 0.5s; }
.faqjs .questiontitle:after { content: '\25bc'; position: absolute; right: 10px; font-size: 0.6em; top: 50%; margin-top: -12px; color: #2a3764; transition: all 0.5s; }
.faqjs.faqshown .questiontitle:after { transform: rotate3d(1,0,0,180deg); margin-top: -14px; }
.faqjs .questiontitle:hover { background: #f6b100; }
.questionanswer { padding: 0 20px; background: rgba(237,241,250,0.4); box-sizing: border-box; position: relative; font-size: 16px; line-height: 24px; }
.questionanswer h2, .questionanswer h3, .questionanswer h4 { text-align: left; margin: 10px 0; }
.questionanswer>*:first-child { margin-top: 0; padding-top: 20px; }
.questionanswer>p:first-of-type { margin-top: 0; }
.questionanswer>*:last-child { margin-bottom: 0; padding-bottom: 20px; }
.questionanswer { transition: 0.2s max-height; overflow: hidden; }
.faq .questionanswer { max-height: 0!important; }
.faqshown .faqa { max-height: 1000px; }
.questionanswer.notrans { transition:none; }
.questionanswer.answershown { max-height: 4000px!important; }
.questionanswer iframe { width: 100%!important; height: 300px!important; }

.cbcountrylist { margin: -10px 0 0 -20px; }
.cbcountry { display: inline-block; vertical-align: top; margin: 20px 0 0 20px; width: calc(16.6666666% - 20px); max-width: 300px; position: relative; overflow: hidden; box-sizing: border-box; transition: all 0.5s; }
.cbhidden { max-width: 0; margin-left: 0; }
.cbcountryflag { display: block; height: 0; padding-bottom: 66.666666%; background-size: cover; background-position: center; margin-bottom: 5px; }
.cbcountry input { position: absolute; left: -9999px; }
form .cblabel { margin: 0; font-size: 14px; line-height: 20px; opacity: 0.5; border: 5px solid #fff; border-bottom-width: 2px; cursor: pointer; transition: all 0.5s; color: #2a3764; overflow: hidden; box-sizing: border-box; }
form .cblabel:hover { opacity: 1; }
.cbcountry input:checked+label{ opacity: 1; border-color: #2a3764; background: #2a3764; color: #fff; max-width: 250px; } 
.cbstage { max-height: 0; overflow: hidden; transition: max-height 0.5s; margin: 0 -10px; padding: 0 10px; }
.cbstage.cbshown { max-height: 5000px; overflow: auto; -webkit-overflow-scrolling: touch; }
.cbstage input.formsub { display: inline-block; }
.cbstage input.cbback { float: right; opacity: 0.6; }
.cbstage .flag { width: 30px; height: 20px; display: inline-block; background-size: cover; background-repeat: no-repeat; background-position: center; margin-right: 5px; position: relative; top: 2px; }
.cbstage table { border-bottom: 1px solid #edf1fa; }
.cbstage table td, table.surveytable td { position: relative; word-wrap: break-word; }
table.choosesets td label { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: 0; cursor:  pointer; }
table.choosesets tr.highlighted { background: #31b7bc; color: #fff; }
table.choosesets tr.highlighted td label { cursor: default; }
input.dsradio { height: auto; width: 20px; }
table.datapicker td { vertical-align: top; width: 33.33333%; text-align: left; }
table.datapicker input { position: absolute; left: -9999px; }
table.datapicker label { padding: 5px; margin: 3px 0 0; transition: all 0.5s; }
table.datapicker input:checked+label{ background: #31b7bc; color: #fff; } 
span.chartinfo { font-size: 0.8em; display: block; }
table.surveytable td { text-align: left!important; }

.page-front #globe:empty { background-color: transparent; }
.page-front #globewrap { position: absolute; left: 250px; right: -10vh; top: -15vh; bottom: -15vh; }
.page-front #globe { left: 0; width: auto!important; height: auto!important; top: 0; bottom: 0; max-width: none; right: 0; }
}

form#reorder.rankingsform { margin-bottom: 10px; }
footer { background: #2a3764; border-top: 1px solid #31b7bc; color: #fff; font-size: 11px; line-height: 15px; padding: 55px 0; text-align: right; }
footer p { margin: 5px 0; }
footer a { color: #fff; }
footer a:hover { color: #31b7bc; }
footer .socmed { float: left; margin: 0; list-style: none; }
footer .socmed li { display: inline-block; margin-right: 15px; }
footer .socmed a { height: 25px; display: inline-block; }
footer .socmed a.yt { width: 28px; }
footer .socmed a.tw { width: 25px; }
footer .socmed a.li { width: 22px; }
footer .divider { display: inline-block; width: 1px; height: 8px; background: #fff; margin: 0 10px; }
footer .europe { max-width: 480px; margin-left: auto; margin-bottom: 10px; padding-left: 70px; background: url('../gfx/flag-europe.svg') no-repeat top left; background-size: 60px auto; }
footer .bnpparibas { max-width: 480px; margin-left: auto; margin-bottom: 10px; padding-left: 70px; }

.page-front header { background: transparent; }
.page-front #pagetitle { display: none; }
.page-front .mainwrap { background: linear-gradient(105deg,#2a3764,#31b7bc); }
.page-front main { min-height: 600px; height: calc(100vh - 348px); position: relative; display: flex; padding-top: 0; padding-bottom: 0; overflow: hidden; }
.page-rankings main { min-height: calc(100vh - 488px); }
.page-front main .wrapper { width: 100%; display: block; margin-top: 0; margin-bottom: 0; }

#totop { position: fixed; bottom: -40px; right: 30px; background: #31b7bc; width: 40px; height: 40px; font-size: 24px; line-height: 40px; color: #fff; text-align: center; cursor: pointer; opacity: 0.8; transition: bottom 0.5s, background 0.5s; pointer-events: none; z-index: 40; }
.largescrolled #totop { bottom: 30px; pointer-events: auto; }
#totop:hover { background: #eb5b5c; }
#totop:before { content: '\25b2'; }

a, .language li, tr, .checkmark, .select-wrap select, .subpages a svg path, .subpages a span, .tooltip, .toprhs a.risk .riskscore, .refscell .toolong:before, #custompdfs .delconf { transition: transform 0.5s, opacity 0.5s, background 0.5s, color 0.5s, fill 0.5s; }

#fl_loading { display: none; position: fixed; top: 10px; right: 10px; background: #fff; padding: 3px; border: 1px solid #ccc; z-index: 150; width: 32px; z-index: 99; }
#cookiebar { font-size: 11px; line-height: 16px; }
#cookiebar a { display: inline-block; }
#msgbar { font-family: "Nunito Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
.err, .reqd { font-weight: bold; color: #c00; }

.notrans { position: absolute; right: 30px; top: 40px; color: #fff; font-weight: bold; text-align: right; padding: 5px 20px; background: #31b7bc; max-width: 220px; font-size: 0.8em; }
#menu .notrans { display: none; }
@media all and (max-width: 1179px) {
	.chartpages a { width: calc(20% - 20px); padding-bottom: calc(20% - 20px); }
	.chartpages a:nth-of-type(6) { margin-top: 20px; }
	.initsp a, .rcinfo { width: calc(25% - 20px); padding-bottom: calc(25% - 20px); }
}
@media all and (max-width: 1099px) {
	.topmap { background-size: 90% auto; }
	.fl_menu { padding: 0 30px; }
	li#menu_c_account { top: -50px; }
}
@media all and (max-width: 979px) {
	.page-front #globe { left: 150px; }
	.subpages span.icon { top: 8%; bottom: 32%; left: 20%; right: 20%; }
	.chartpages a { width: calc(25% - 20px); padding-bottom: calc(25% - 20px); }
	.chartpages a:nth-of-type(5) { margin-top: 20px; }
	.initsp a, .rcinfo { width: calc(33.3333333% - 20px); padding-bottom: calc(33.3333333% - 20px); }
}
@media all and (max-width: 959px) {
	header .wrapper .notrans { display: none; }
	#menu .notrans { display: block; position: static; text-align: center; }

	#menubutton { position: fixed; top: 30px; right: 30px; width: 40px; height: 40px; background: rgba(36,121,130,0.8); border-radius: 0; cursor: pointer; transition: top 0.25s; z-index: 40; }
	#menubutton:hover { opacity: 0.5; }
	#menubutton .rowbar { position: absolute; top: 19px; left: 11px; width: 18px; height: 3px; background: #fff; border-radius: 2px; }
	#menubutton .rowtop { top: 13px; }
	#menubutton .rowbottom { top: 25px; }
	
	.scrolled #menubutton { top: -40px; }
	
	#menu { position: fixed; top: 0; left: 0; bottom: 0; width: 243px; z-index: 42; height: auto; right: auto; overflow: auto; padding: 0; -webkit-overflow-scrolling: touch; background: linear-gradient(105deg,#1f294b,#25898d); transform: translate3d(-100%, 0, 0); max-width: none; margin-top: 0; }
	#menu.menublock { transform: translate3d(0, 0, 0); border-right: 1px solid #e5e5e5; }
	#menubg { transition: 0.25s background; }
	body.menublock #menubg { position: fixed; top: 0; left: 0; right: 0; bottom: -70px; z-index: 41; background: rgba(255,255,255,0.7); }
	.fl_menu { margin-left: 0; float: none; padding: 30px 0 0; }
	.fl_menu li, .fl_menu a { display: block!important; width: auto!important; float: none; font-size: 14px; }
	.fl_menu>li:before { display: none; }
	.fl_menu>li>a { padding: 10px 0!important; margin: 0; text-align: center!important; line-height: 24px!important; }
	.fl_menu>li { border-bottom: 1px solid rgba(255,255,255,0.5)!important; margin: 0 10px!important; }
	.fl_menu>li:first-of-type { border-top: 1px solid rgba(255,255,255,0.5); }
	#menu.menutrans { transition: 0.5s transform; }


    .fl_menu ul { position: relative; width: auto; margin: -5px 0 5px; padding: 0!important; background: none; top: 0!important; max-height: 2000px!important; width: auto!important; left: 0; right: 0; border: 0; text-align: left; transform: none; }
    .fl_menu ul, .fl_menu li:hover ul, .fl_menu li.hovered ul { display: none!important; }
	.fl_menu ul li { background: transparent; border: 0!important; }
	.fl_menu ul a { text-align: center; font-size: 13px; }
	.fl_menu li.hassubmenu>a:before { content: "\25BC"; }
	.fl_menu li.expanded>a:before { content: "\25B2"; }
	.fl_menu ul.tapped, .fl_menu li:hover ul.tapped, .fl_menu li.hovered ul.tapped { display: block!important; }

	.fl_menu>li a:before { position: absolute; right: 10px; color: #fdb71a; font-size: 0.6em; margin: 0; }
	.fl_menu>li:after { display: none; }

	#menu .language { display: block; position: relative; margin: 10px 10px 20px; width: auto; top: 0; right: 0; }
	li#menu_c_account { position: static; }

	.page-front header { padding-bottom: 30px; border-bottom: 1px solid rgba(0,0,0,0.25); }
	#pagetitle { margin-top: 30px; padding: 25px 0; border-top: 1px solid rgba(0,0,0,0.25); }
	header>.wrapper>.language { display: none; }

	footer { text-align: center; padding: 25px 0; }
	footer .socmed { float: none; margin: 5px 0 20px 15px; }
	footer #emailsubscribeform { float: none; margin: 5px auto 20px; text-align: center; }
	footer .europe { max-width: none; padding-left: 0; padding-top: 45px; background-position: top; }
	footer .bnpparibas { max-width: none; padding-left: 0; }

}
@media all and (max-width: 899px) {
	ul.barriers li { width: calc(25% - 20px); }
}
@media all and (max-width: 839px) {
	.subpages a { width: calc(33.3333333% - 20px); padding-bottom: calc(33.333333% - 20px); }
	.subpages span.icon { top: 12%; bottom: 28%; }
	.subpages a:nth-of-type(4) { margin-top: 20px; }
	.chartpages a { width: calc(25% - 20px); padding-bottom: calc(25% - 20px); }
	.chartpages span.icon { top: 10%; bottom: 40%; left: 25%; right: 25%; }
	.chartpages a:nth-of-type(4) { margin-top: 0; }
	
	.rcinfo { width: auto; padding-bottom: 0; height: auto; display: block; }
	.rcinfo p { margin-top: 10px; position: static; }

	#chart_main { margin-right: 0; height: 250px; }
	.toprhs { position: static; width: auto; margin-top: 20px; }
	.toprhs a.risk { width: calc(50% - 10px); margin-left: 20px; display: inline-block; vertical-align: top }
	.toprhs a.risk:first-child { margin-left: 0; }

}
@media all and (max-width: 767px) {
	html, body { min-width: 320px; -webkit-text-size-adjust: none; }
	.cms_imgleft, .cms_imgright { max-width: 250px; }
	.wrapper .language { display: none; }
	h1 { font-size: 32px; line-height: 36px; }
	main { min-height: 500px; }
	.page-front main { min-height: calc(100vh - 308px); }

	.tablewrap { display: block; width: 100%; margin-right: 0!important; }
	.tablewrap h3 { margin-top: 20px; }
	thead th { top: 0;}
	
	.page-rankings main { height: auto; display: block; padding-bottom: 10px; }
	.page-rankings main .wrapper { width: auto; margin-bottom: 10px; }
	#globe { position: static; display: block; width: auto; height: 600px; max-height: calc(100vh - 350px); min-height: 300px; margin: 0 auto; }
	.rankingstablewrap { position: static; width: auto; }
	.rankingstable { position: relative; max-height: 500px; width: auto; top: auto; bottom: auto; }
	
	.page-front main { height: auto; }
	#frontsels { position: relative; left: 0; top: 20px; padding-bottom: 45px; width: auto; max-width: 400px; margin: 0 auto; }
	.page-front #globewrap { position: static; }
	.page-front #globe { height: 600px!important; margin: -25px -15px 0; min-height: 500px; }
	#frontoptionswrap { position: relative; top: 0; }
	#overview, #overviewdetails { position: static; margin: -40px auto 30px!important; width: 400px; }
	#sectionsbar { top: 0; }	
	
	.rankingswrap { max-height: none; height: auto; }

	.chartpages a { width: calc(33.3333333% - 20px); padding-bottom: calc(33.333333% - 20px); }
	.chartpages a:nth-of-type(4) { margin-top: 20px; }
	.chartpages span.icon { top: 8%; bottom: 32%; left: 20%; right: 20%; }

	.selects-wrap, h3.datasecthead { top: 40px; }
	.hasjumpto h3.datasecthead { top: 100px; }
	
	.haspreview .subpages { position: static; top: 0; bottom: auto; right: auto; width: auto; }
	.haspreview .subpages a { width: 100px; height: 100px; padding: 0; margin: 0 5px 5px 0!important; }
	.haspreview .subpages a:last-of-type { margin-bottom: 5px!important; }	
	#previewinfo { margin-right: 0; }

	.haspreview .subpages a h4 { font-size: 10px; line-height: 12px; }
	.haspreview .subpages span.icon {  top: 10%!important; left: 25%!important; right: 25%!important; bottom: 40%!important; }

}
@media all and (max-width: 749px) {
.page-publications .subpages a, .page-tables-index .subpages a { width: calc(50% - 20px); padding-bottom: calc(50% - 20px); }
.page-publications .subpages a:nth-of-type(3), .page-tables-index .subpages a:nth-of-type(3) { margin-top: 20px; }
}
@media all and (max-width: 699px) {
	ul.barriers li { width: calc(33.3333333% - 20px); }
	.cbcountry { width: calc(20% - 20px); }
}

@media all and (max-width: 659px) {
	.cms_imgleft, .cms_imgright { max-width: 200px; }
	h2 { font-size: 24px; line-height: 28px; }
	h3 { font-size: 20px; line-height: 24px; }
	h3.datasecthead { height: 24px; }
	h4 { font-size: 18px; line-height: 22px; }
	html, body { font-size: 14px; line-height: 22px; }
	.logo { width: 37.5px; height: 15px; }
	.logohead { font-size: 16px; line-height: 18px;  max-width: 180px; }
	#menubutton { top: 13px; right: 15px; }
	header { padding-top: 15px; }
	#pagetitle { padding: 15px 0; margin-top: 15px; }
	.wrapper, .datawrap { padding: 0 15px; }

	.page-front header { padding-bottom: 15px; }
	main { padding: 5px 0; }
	.page-front main { min-height: calc(100vh - 232px); }
	
	#msgbar { font-size: 20px; line-height: 28px; }
	input.emailsub, input.passsub, input.commentsub, input.formsub, a.button { font-size: 14px; }
	
	#pagetitle .topflag { width: 54px; height: 36px; top: 0; right: 15px; }
	.topmap { right: -50px; background-size: 80% auto; }
	
	#sectionsbar { margin-top: -5px!important; }
	#sectionsbar ul { padding-left: 15px; }
	#sectionsbar li:last-child { margin-right: 15px; }
	
	#frontsels { top: 5px; }
	.page-front #globe { margin-top: -40px; }
	
	.subpages a h4 { font-size: 14px; line-height: 18px; }
	.subpages span.icon { top: 8%; bottom: 32%; }

	.previewtitle { display: none; }
	#previewinfo { padding-left: 20px; }
	

}
@media all and (max-width: 599px) {
	.subpages { margin-left: -15px; }
	.subpages a { width: calc(50% - 15px); padding-bottom: calc(50% - 15px); margin-left: 15px; margin-top: 15px; }
	.subpages a:nth-of-type(3), .subpages a:nth-of-type(4) { margin-top: 15px; }
	.chartpages, .initsp { margin-bottom: 30px; }

	.rcinfo { margin-top: 15px; margin-left: 15px; height: 0; width: calc(50% - 15px); padding-bottom: calc(50% - 15px); }
	.rcinfo p { position: absolute; margin: 0; }
	
	.cbcountrylist { margin-left: -10px; }
	.cbcountry { width: calc(20% - 10px); margin: 10px 0 0 10px; }

}
@media all and (max-width: 509px) {
	.cms_imgleft, .cms_imgright { max-width: 100%; display: block; margin: 0 auto; float: none;  }
	h1 { font-size: 28px; line-height: 32px; }
	#pagetitle .topflag { width: 48px; height: 32px; }
	#pagetitle h1 { margin-right: 63px; }
	#overview, #overviewdetails { margin-bottom: 15px!important; }
	.page-front #globe { min-height: 400px; }
	.previewgraphs { margin-left: 0; }
	.previewgraphs:after { left: 0; }
	.previewgraphcont { width: 100%; margin-left: 0; }
	ul.barriers li { width: calc(50% - 20px); }

	.cbcountry { width: calc(25% - 10px); }

}
@media all and (max-width: 449px) {
	.scorebox { width: 100%; margin-right: 0; }
	#overview, #overviewdetails, #frontsels { width: auto; }

	#overlaycontent .downloadbuttons { width: 250px; }
	#overlaycontent .downloadbuttons a { width: 80px; padding: 55px 0 5px; font-size: 12px; }
	.subpages a h4 { left: 5px; right: 5px; bottom: 5px; font-size: 12px; line-height: 16px; }

	a.button.hasimage { padding-left: 20px; background-image: none!important; }
	a.button.hasimage .this { display: none; }

	.cbcountry { width: calc(33.333333% - 10px); }
	.cbcountry label { font-size: 12px; }

}
@media all and (max-width: 399px) {
	.rcinfo p { font-size: 10px; line-height: 14px; }
	.subpages span.icon { top: 8%; bottom: 34%; left: 21%; right: 21%; }
	.publicationboxes span.icon { top: 6%; bottom: 42%; left: 24%; right: 24%; }
	.toprhs a.risk { font-size: 12px; line-height: 16px; }
	.toprhs a.risk .riskscore { font-size: 32px; }

}
@media all and (max-height: 699px) and (min-width: 840px) {
	#chart_main { height: 200px; }
	.toprhs a.risk .riskscore { line-height: 45px; font-size: 28px;  }
}

@media all and (max-height: 699px) and (max-width: 839px) {
	#chart_main { height: 200px; }
}

@media all and (max-height: 599px) {
	.tablecont { max-height: 90vh; }
}

/*Edge*/
@supports (-ms-ime-align:auto)  {
.scrollable, .chartwrap {
        margin-right: -10px;
        padding-top: 16px;
        margin-top: -16px;
        margin-bottom: -16px;
        padding-bottom: 16px;
}
  
.scrollable:after, .chartwrap:after {
    content: "";
    height: 16px;
    display: block;
}
}

/*Firefox*/
/*From version 64 - https://drafts.csswg.org/css-scrollbars-1/*/
.windows .scrollable, .windows .chartwrap {
    scrollbar-width: thin;
    scrollbar-color: #999 #f6f6f6;
}


/*Chrome*/
.windows .scrollable::-webkit-scrollbar-track, .windows .chartwrap::-webkit-scrollbar-track {
    background-color: #f6f6f6;
    width: 4px;
    height: 4px;
}

.windows .scrollable::-webkit-scrollbar-thumb, .windows .chartwrap::-webkit-scrollbar-thumb {
    background-color: #999;
    border: 1px solid transparent;
    background-clip: content-box;
    border-radius: 4px;
}

.windows .scrollable::-webkit-scrollbar, .windows .chartwrap::-webkit-scrollbar {
	opacity: 0.5;
    width: 8px;
    height: 8px;
}


.page-maps #pagetitle .wrapper, .page-maps main .wrapper, .page-maps-obesity-day #pagetitle .wrapper, .page-maps-obesity-day main .wrapper, .page-maps-new #pagetitle .wrapper, .page-maps-new main .wrapper { max-width: 1200px; }
.page-maps #customform .cancustomise, .page-maps-obesity-day #customform .cancustomise, .page-maps-new #customform .cancustomise { margin: 0; padding: 0; background: transparent; }
.key { position: absolute; margin-top: -250px; }
.keycol { display: inline-block; width: 40px; height: 40px; vertical-align: top; margin-right: 5px; }
.keybox { font-size: 0.8em; line-height: 40px; }
.cancustomise .selects-wrap { position: relative; top: 0; padding: 10px 0 0; background: transparent; }
.mapinfo { margin-left: -20px; }
.maprankbox { display: inline-block; width: calc(100% / 6 - 20px); margin-left: 20px; vertical-align: top; font-size: 0.8em; }
.flatmap { height: 600px; }
.maprankbox p b { color: #2a3764; }
.mapsinfo { border-top: 1px solid #edf1fa; border-bottom: 1px solid #edf1fa; margin: 20px 0; padding: 10px 0; font-style: italic; } 

.flatmapwrap { position: relative; }
.flatmapwrap .key { margin-top: 0; bottom: 0; }
.flatmapwrap .keybox { line-height: 36px; }
.flatmapwrap .keycol { width: 36px; height: 36px; }


@media all and (max-width: 1119px) {
	.flatmap { height: 45vw; position: relative; overflow: hidden; }
	.flatmap .plotly { position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
	.flatmap .svg-container { min-height: 10px!important; }
}
@media all and (max-width: 1079px) {
	.key { position: static; margin-top: 0; margin-bottom: 20px; }
	.key h4 { margin-top: 0; }
	.keybox { display: inline-block; width: 150px; vertical-align: top; }
}
@media all and (max-width: 1029px) {
	.maprankbox { width: calc(100% / 3 - 20px); }
	.fl_menu li:before { margin: 0 10px; }
}
@media all and (max-width: 969px) {
	.flatmapwrap .keybox { width: 140px; line-height: 20px; }
	.flatmapwrap .keycol { width: 20px; height: 20px; }
}
@media all and (max-width: 659px) {
	.keybox { width: 100px; line-height: 30px; }
	.page-economic-impact-front .keybox { width: 150px; }
	.page-economic-impact-new-front .keybox { width: 150px; }
	.flatmapwrap .keybox { width: 120px; }
	.keycol { width: 30px; height: 30px; }
	
	.econsect .econkeybox { display: block; margin-top: 5px; }
}
@media all and (max-width: 499px) {
	.maprankbox { width: calc(100% / 2 - 20px); }
}
@media all and (max-width: 449px) {
	.keybox { width: 80px; }
	.keycol { width: 20px; height: 20px; }
	.keybox { line-height: 20px; }
	.econflag { width: 60px; height: 40px; }

}

#feedback, #feedbackdone, #nlpopup { display: none; }

#feedback, #nlpopup { position: fixed; top: 50%; left: 50%; transform: translate3d(-50%,-50%,0); width: 450px; max-width: 90%; opacity: 0; transition: opacity 0.5s; z-index: 99; }
#feedback.fbshown, #nlpopup.fbshown { opacity: 1; }
#feedbackdone { margin-bottom: 10px; }
.feedbackwrap { background: #fff; padding: 0 0 10px; border: 1px solid #2a3764; }
.feedbackwrap h3 { background: #2a3764; color: #fff; margin: 0; padding: 10px; }
.feedbackwrap p { margin-bottom: 0; }
#feedbackask, #feedbackdone { padding: 10px 10px 0; }
#feedbackask { text-align: center; }
.feedbackopts { margin: 10px 0 10px -10px; }
.feedbackopt { display: inline-block; width: calc(100% / 3 - 10px); margin-left: 10px; box-sizing: border-box; text-align: center; height: 40px; line-height: 40px; color: #fff; background: #eb5b5c; transition: all 0.5s; cursor: pointer; }
.feedbackopt:hover { transform: scale3d(1.05,1.05,1); background: #31b7bc; }
.fbclose { text-align: center; }

.atlasgraphic { width: 150px; display: inline-block; margin-right: 20px; vertical-align: top; padding-top: 13px;}
.atlasgraphic img { display: block; margin: 0; }
.atlastext { display: inline-block; width: calc(100% - 170px); vertical-align: top; margin-bottom: 20px; }

@media all and (max-width: 549px) {
	.atlasgraphic { width: 100px; }
	.atlastext { width: calc(100% - 120px); }
}
@media all and (max-width: 399px) {
	.atlasgraphic { width: 70px; }
	.atlastext { width: calc(100% - 90px); }
}

#emailsubscribeform { display: none; clear: left; float: left; text-align: left; }
#emailsubscribeform h4 { margin: 20px 0 10px; color: #fff; font-size: 16px; line-height: 20px; }
#emailsubscribeform p { margin-bottom: 10px; }
form#mailform, .feedbackwrap p.err { padding: 0 10px; }

.page-surveys h2.chartbuilder, .page-surveys label#confchecklabel { display: none; }

.startpoints { margin: 0 -5px; }
.startpoints>select, .startpoints>div { display: inline-block; vertical-align: middle; width: calc(100% / 3 - 10px); margin: 0 5px; }
.startpoints>div { display: none; position: relative; box-sizing: border-box; padding-left: 25px; cursor: pointer; background: url('../gfx/delete.svg') no-repeat center left 5px; background-size: 12px auto; font-weight: bold; font-size: 14px; transition: background 0.25s; }
.startpoints>div:hover { background-size: 16px auto; background-position: center left 3px; }

@media all and (max-width: 479px) {
	.startpoints { margin: 0; }
	.startpoints>select, .startpoints>div { width: 100%; margin: 5px 0; }
}

.atlas2025 .scoreboxwrap, .atlas2025 .prevalencewrap, .atlas2025 .impactwrap { margin-left: -50px; }
.atlas2025 .scorebox { width: calc(100% / 3 - 50px); margin: 0 0 25px 50px; max-width: none; text-align: center; }
.atlas2025 .riskscore { display: block; font-size: 32px; line-height: 32px; font-weight: bold; color: #2a3764; }
.atlas2025 .scorebox:first-child, .atlas2025 .scorebox:nth-child(2) { width: calc(50% - 50px); }
.atlas2025 .scorebox:first-child .riskscore, .atlas2025 .scorebox:nth-child(2) .riskscore { background: #edf1fa; width: 90px; height: 90px; border-radius: 45px; line-height: 90px; margin: 0 auto 5px; }
.atlas2025 .scorebox .riskscore.riskcoldarkred { background: #b01f2e; color: #fff; }
.atlas2025 .scorebox .riskscore.riskcolred { background: #eb5b5c; color: #fff; }
.atlas2025 .scorebox .riskscore.riskcolyellow { background: #f6b100; color: #fff; }
.atlas2025 .scorebox .riskscore.riskcolgreen { background: #b9cd00; color: #fff; }

.atlas2025 .prevalencebox, .atlas2025 .impactbox { display: inline-block; vertical-align: top; width: calc(50% - 50px); margin-left: 50px; }
.atlas2025 .key { position: static; margin-top: 10px; }
.atlas2025 .prevalencebox .chart, .atlas2025 .impactbox .chart { height: 300px; overflow: hidden; }

.atlas2025 .keybox span { display: inline-block; width: 12px; height: 12px; position: relative; top: 2px; margin-left: 10px; margin-right: 5px; }
.atlas2025 .keydkblue span { background: #2a3764; }
.atlas2025 .keydkred span { background: #b01f2e; }
.atlas2025 .keyred span { background: #eb5b5c; }
.atlas2025 .keyblue span { background: #00b2bb; }
.atlas2025 .keyyellow span { background: #f6b100; }
.atlas2025 .keygreen span { background: #b9cd00; }

.atlas2025 table td.yes { background: #b9cd00; color: #fff; }
.atlas2025 table td.no { background: #eb5b5c; color: #fff; }
.atlas2025 table td.na { background: #edf1fa; }

.atlas2025 .population { margin: 13px 0 10px; }
.atlas2025 .population table { width: 100%; border-collapse: collapse; table-layout: fixed; }
.atlas2025 .population thead td { font-weight: bold; background: #2a3764; color: #fff; }
.atlas2025 .population td { padding: 5px; text-align: center; }
.atlas2025 .population td:first-child { text-align: right; width: 16%; }
.atlas2025 .population thead td.men { background: #00b2bb; }
.atlas2025 .population thead td.women { background: #eb5b5c; }
.atlas2025 .population tbody td { border-bottom: 0.3px solid #2a3764; }
.atlas2025 .population tbody tr:last-child td { font-weight: bold; }

.atlas2025 table.listings { margin-top: 10px; width: 100%; border-collapse: collapse; table-layout: fixed; border-top: 0.3px solid #2a3764; }
.atlas2025 table.listings td { border-bottom: 0.3px solid #2a3764; width: 82%; padding: 5px 0; }
.atlas2025 table.listings td:last-child { width: 15%; text-align: right; font-weight: bold; padding-right: 5px; }
.atlas2025 table.listings td:first-child { width: 3%; }
.atlas2025 table.listings img { width: 15px; height: auto!important; }

.atlas2025 p.na { text-align: right; font-style: italic; }

@media all and (max-width: 649px) {
	.atlas2025 table.listings td.icon { display: none; }
}

@media all and (max-width: 549px) {
	.atlas2025 .scoreboxwrap, .atlas2025 .prevalencewrap, .atlas2025 .impactwrap { margin-left: 0; }
	.atlas2025 .scorebox, .atlas2025 .prevalencebox, .atlas2025 .impactbox { width: 100%; display: block; margin: 0 auto 25px; }
}