.map-area{position:absolute;left:0;top:0;width:100%;height:100%}.map-area .map-controls{position:absolute;left:20px;top:20px;z-index:5;background:#fff;padding:10px;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,.25)}.info{position:relative;top:5px;left:5px;border-radius:6px;border:1px solid #ccc;border-bottom:2px solid #ddd;font-size:12px;padding:5px;background:#fff;list-style:none;margin:0}.info:nth-of-type(n){border:0;box-shadow:0 1px 2px #888}.info .label{display:inline-block;width:50px}.number{font-weight:700;color:#e85d47}.area{position:absolute;background:#fff;border:1px solid #888;border-radius:3px;font-size:12px;top:-5px;left:15px;padding:2px}.area .info{font-size:12px;padding:5px}.area .info .title{font-weight:700}.loader{text-align:center;margin:140px 0}.loader img{height:100px}#main-article{position:relative;display:flex;height:calc(100vh - 55px)}#main-article.is-collapsed #tab-section{display:none}#main-article.is-collapsed #map-section{width:100%}#main-article .btn-close-map,#main-article .btn-open-map{display:none}#main-article #tab-section{position:relative;width:600px;height:100%;background-color:#f5f5f5;z-index:999}#main-article #tab-section .article-header{background-color:#f8f9fa;padding:3em 1.5em;height:145px}#main-article #tab-section .article-header h2{font-size:20px;font-weight:700;margin-bottom:10px}#main-article #tab-section .article-content{overflow-y:auto}#main-article #tab-section .section{background-color:#fff;padding:3em 1.5em}#main-article #tab-section .section+.section{border-top:1.5em solid #f5f5f5}#main-article #tab-section .section .section-header h3{font-size:16px;font-weight:700}#main-article #tab-section .section .section-header+.section-content{margin-top:1em}#main-article #tab-section .tabs{height:calc(100% - 145px);background-color:#f8f9fa}#main-article #tab-section .tabs .nav-tabs{padding:0 1.5em}#main-article #tab-section .tabs .nav-tabs .nav-link{padding:0 .5em;height:45px;line-height:45px;font-size:14px}#main-article #tab-section .tab-content{background-color:#fff;height:calc(100% - 45px);overflow-y:auto}#main-article #map-section{position:relative;width:calc(100% - 600px);height:100%}#main-article .table th{background-color:#f8f9fa}#main-article .btn-toggle{position:absolute;left:0;top:50%;transform:translateY(-50%);width:40px;height:80px;z-index:99;background-color:#fff;border-top-left-radius:0;border-bottom-left-radius:0;border:0;padding:0}#main-article .btn-toggle span{font-size:0}.graph-label{background:#f5f5f5;padding:.25em .5em;border:1px solid #dedede}.horizontal-stacked-bars{display:flex;height:40px}.horizontal-stacked-bars .horizontal-stacked-bar{display:flex;justify-content:center;align-items:center;height:100%;font-size:16px;color:#fff}.horizontal-stacked-bars .horizontal-stacked-bar.bar-gender-male{background-color:#17a2b8}.horizontal-stacked-bars .horizontal-stacked-bar.bar-gender-female{background-color:#e85d47}.horizontal-stacked-bars .horizontal-stacked-bar.bar-gender-etc{background-color:#646464}.horizontal-stacked-bars .horizontal-stacked-bar p{font-weight:700}.horizontal-stacked-bars .horizontal-stacked-bar span{font-size:12px;margin-left:8px}.no-data{text-align:center;padding:140px 0}@media screen and (max-width:1024px){#main-article,#main-article.is-collapsed #map-section{display:block}#main-article .btn-close-map,#main-article .btn-open-map{display:inline-block}#main-article #tab-section{width:100%}#main-article #map-section{display:block;position:absolute;left:0;top:0;width:100%}#main-article #map-section .btn-toggle{display:none;width:100%}}