* {
	font-family: Arial, sans-serif;
    /*background-color: rgba(200, 200, 100, 0.5);*/
}
.layout-body {
	background-color: white;
}
.clear {
    clear: both;
    display: block;
    overflow: hidden;
    height: 0;
    line-height: 0;
    font-size: 0;
}
.textAlignLeft {
    text-align: left;
}
.textAlignCenter {
    text-align: center;
}
.textAlignRight {
    text-align: right;
}
p.citation {
    font-size: 1.1rem;
    line-height: 1.5rem;
}
#groupControl {
    padding-left: 14px;
}
#BU2021Map #groupControl {
	visibility: hidden;
}
a.noUnder {
    text-decoration: none;
}
ul.noList {
	list-style: none;
}
.alpha-list {
	list-style: lower-latin;
}

.alpha-list-wbracket {
	counter-reset: list;
}
.alpha-list-wbracket > li {
	list-style: none;
}
.alpha-list-wbracket > li:before {
	content: counter(list, lower-alpha) ") ";
	counter-increment: list;
}

.wipHighlight {
    background-color: yellow !important;
    color: firebrick;
}

.newlyReleased::after {
    content: "New release";
    background-color: #174891;
    COLOR: WHITE;
    PADDING: 3PX 9px;
    FONT-SIZE: 0.8REM;
    position: relative;
    top: -2px;
    margin-left: 10px;
    font-weight: normal;
}

.layout {
    width: 1140px;
    max-width: 1140px;
    box-sizing: border-box;
}

#header {
    background-image: url('../images/bannerBck.png');
    background-repeat: repeat-x;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
}

h1 {
    padding: 0;
}

h1.padded {
    padding: 16px;
}

h3 {
    line-height: 20px;
}

a {
    /*text-decoration: none;*/
}

.note {
    padding: 8px;
    font-size: 14px;
    color: #074a8b;
    font-style: italic;
}

.note::before {
    content: "\24D8";
}

.k-grid-header th.k-header>.k-link {
    white-space: normal;
}

.GHSL_menuDrop {
    padding: 8px;
    margin: 0 10px 0 0;
    font-size: 1.05rem;
    background-color: white;
    border: none;
    color: #074a8b;
    font-weight: bold;
    float: left;
    /*background: transparent;*/
    /*-webkit-appearance: none;*/
}


/* #atlasThemeBox {
	overflow: hidden;
	width: 355px;
} */

#CB2019CountryWrap {
    width: 828px;
    text-align: right;
}

#CB2019Country {
    width: 200px;
}

#dldCB2019wrap {
    position: absolute;
    text-align: center;
    width: 180px;
    padding-top: 12px;
}

a.dldCB2019Text {
    text-decoration: none;
}

.dldCB2019Text {
    color: #074a8b;
    text-shadow: -3px -3px 0 #fff, 3px -3px 0 #fff, -3px 3px 0 #fff, 3px 3px 0 #fff;
}

#dldTextDld {
    font-size: 22px;
    font-weight: bold;
}

#dldTextCB {
    line-height: 34px;
    padding: 25px 0 14px 0;
    font-size: 30px;
    font-weight: bold;
}

#dldTextCBCtry {
    line-height: 28px;
    font-size: 24px;
    font-weight: bold;
}

#atlasTheme {
    width: 360px;
}


/* #atlasSectionBox {
	width: 150px;
} */

#atlasSection {
    width: 270px;
}

#atlasAbstract li {
    list-style: none;
}

#atlasBigCover {
    text-align: center;
    background-color: #081c3c;
}

#atlasesCoverImg {
    text-align: center;
    background-color: black;
}

.AtlasMethod,
.AtlasMethod td {
    border: 1px solid;
}

.AtlasMethod {
    width: 950px;
}

.AtlasMethod thead {
    background-color: #0173c7;
    color: white;
    font-weight: bold;
}

.AtlasMethod tr>th {
    width: 220px;
}

.AtlasMethod tr {}

.AtlasMethod th,
.AtlasMethod td {
    padding: 3px;
}

.AtlasMethod .contentCol {
    vertical-align: top;
}

.AtlasMethod .methodCol {}

.ghs_shadow {
    -webkit-box-shadow: 7px 2px 6px -3px rgba(50, 50, 50, 0.28);
    -moz-box-shadow: 7px 2px 6px -3px rgba(50, 50, 50, 0.28);
    box-shadow: 7px 2px 6px -3px rgba(50, 50, 50, 0.28);
}

.ghs_btmBorder {
    border-bottom: 1px solid #7faccd;
    border-left: 35px solid white;
    border-right: 35px solid white;
    padding: 8px;
}

.ghs_topBorder {
    border-top: 1px solid #7faccd;
    border-left: 35px solid white;
    border-right: 35px solid white;
    padding: 8px;
}

#geo_logo {
    margin: -3px 7px;
    height: 24px;
}

.HDCData.empty {
    width: 70px;
    float: left;
    height: 75px;
}

.HDCData.left {
    padding-left: 8px;
}

.HDCData.chartWrap {
    padding-left: 50px;
}

.HDCData.legend {
    padding-top: 50px;
    padding-left: 12px;
    width: 120px;
}

.attributesBox {
    width: 720px;
}

.HDCData.right.map {
    width: 320px;
}

.wMap {
    padding-top: 32px;
}

.getMetaData {
    cursor: pointer;
    text-decoration: underline;
}

#layersControlsWrap_wnd_title {
    pointer-events: none;
}
#CCDBMap .k-window,
#HDCData {
    border-radius: 0 0 20px 20px;
}

#CCDBMap .k-window {
    background-color: transparent;
}

#HDCData #clone,
#HDCData #ccdbMDwrap {
    background-color: white;
    padding-left: 20px;
    position: absolute;
    top: 10px;
    left: 10px;
    width: 1060px;
    z-index: 110;
}

#HDCData #clone {
    top: 20px;
    left: 20px;
    width: 1050px;
    border: 1px solid;
    border-radius: 15px;
    /* text-align: center; */
}

#HDCData #ccdbMDwrap {
    top: 0;
    left: 0;
    /* width: 850px; */
    padding-right: 40px;
    overflow: auto;
    height: 700px;
}

.HDCData .zoomChart {
    opacity: .6;
    z-index: 100;
    top: 57px;
    left: 180px;
    cursor: pointer;
}

.HDCData .titleBar .tools {
    float: right;
    padding-right: 15px;
    padding-top: 5px;
}

.HDCData .titleBar .k-icon {
    cursor: pointer;
    border: 1px solid;
    border-radius: 5px;
    padding: 5px;
    display: inline-block;
    background-color: rgba(0, 60, 136, .5);
    color: white;
}

.HDCData .clone.title,
.HDCData .clone.subTitle {
    width: 710px;
    padding: 15px 0 0;
    /* text-align: center; */
}

.HDCData .clone.subTitle {
    padding-bottom: 15px;
}

.clonedLegendsWrap {
    width: 270px;
    padding-top: 90px;
    padding-right: 30px;
}

.chartLegend li {
    padding-left: 8px;
}

.clonedLegendsWrap .legendKey {
    margin-right: 14px;
}

.clonedChartWrap {
    width: 750px;
}

.cloneattribution>p {
    font-size: 12px;
}

.cloneattribution>p+p {
    font-size: 14px;
}

.legGroup.right {
    padding: 10px;
    width: 250px;
}

#HDCBreakdown .k-chart {
    cursor: zoom-in;
    /* padding: 0 10px; */
}

.HDCData .clone.chart.k-chart {
    cursor: zoom-out !important;
    margin: auto;
}

.HDCData .wm {
    position: absolute;
    z-index: 100;
    opacity: .4;
    width: 810px;
    background-image: url('../images/WM.png');
    height: 550px;
}

.HDCData .title {
    font-size: 15px;
    font-weight: bold;
    padding: 10px;
}

.HDCData .subTitle {
    font-size: 14px;
    width: 200px;
    padding-bottom: 24px;
    padding-left: 8px;
    padding-top: 12px;
}

.noHDCData .text {
    padding-top: 30px;
}

.noHDCData .title {
    font-size: 16px;
}

.noHDCData {
    height: 105px;
    width: 200px;
    margin-top: 17px;
    margin-left: 25px;
}

.parallax {
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    /* width: 984px; */
    padding: 10px 0;
}

.parallax .layout-wrapper-reset {
    margin-right: 0 !important;
    padding-right: 120px;
}

.hpi_1 {
    background-image: url('../images/HPIF.jpg');
}

.hpi_2 {
    background-image: url('../images/wpop.png');
}

.hpi_3 {
    background-image: url('../images/label_stw.jpg');
}

.hpi_4 {
    background-image: url('../images/world.jpg');
}

.hpi_5 {
    background-image: url('../images/front.jpg');
}

#HPIHead {
    padding-top: 26px;
    /*height: 200px;*/
    /*position: relative;*/
}

#HPIHead div+div {
    padding-left: 40px;
    font-size: 30px;
    line-height: 33px;
}


/*#HPIHead .clearfix {
	position: relative;
	top: -39px;
}*/

#HPIHead div+div+div {
    top: 0 !important;
}

.HPIinvite {
    background-color: #cde;
    border-radius: 10px;
    padding-left: 15px;
}

.hpiFirstRow td {
    font-weight: bold;
    padding: 3px 5px !important;
}

.hpiFirstRow {
    background-color: #69c !important;
    color: white;
}

#HPIF2017Cover {
    background-color: #c0f2f3;
    height: 382px;
}

.layout-wrapper {
	background-color: white;
    min-height: 42rem;
}

.layout-wrapper-reset {
    margin-right: 120px;
}

.layout-footer {
    border-top: 1px solid #074a8b;
    border-left: 60px solid white;
    border-right: 60px solid white;
}

.left {
    float: left;
}

.right {
    float: right;
}

.relative {
    position: relative;
}

#menuContainer {
    /* height: 50px; */
    background-color: #0065a2;
}

#mainMenu {
    font-size: 0.9rem;
    border-width: 0;
}

#mainMenu.k-header {
    background-color: #0065a2;
    background-image: none;
    color: white;
    overflow: hidden;
}

#mainMenu li,
#mainMenu li a {
    margin: 0;
    border-color: white;
    color: white;
}

#mainMenu li.k-state-hover,
#mainMenu li.k-state-hover a,
#mainMenu li.currentLocation a,
#mainMenu li.currentApp a {
    margin: 0;
    background-color: white;
    color: #0065a2;
    background-image: none;
    padding-bottom: 6px;
}

#mainMenu li.wSubMenu.currentLocation a,
#mainMenu li.wSubMenu.currentApp a {
    background-color: #cde;
}

#mainMenu li.currentLocation a,
#mainMenu li.currentApp a {
    font-size: 1.4rem;
    padding: 0.7rem 0.8rem 0.6rem;
}

#mainMenu li a {
    padding: 1.2rem 0.6rem 0.8rem;
}

#HPIMenuItem a {
    background-image: url('../images/geoBtn_OFF.png');
    background-repeat: no-repeat;
    width: 56px;
    background-color: #0065a2;
    height: 38px;
    background-position: 5px 12px;
}

#HPIMenuItem.k-state-hover a,
#HPIMenuItem.currentLocation a {
    background-image: url('../images/geoBtn_ON.png') !important;
}

#HPIMenuItem.currentLocation a {
    padding-right: 8px !important;
}

#CopernicusMenuItem a {
    background-image: url('../images/copernicusOff.png');
    background-repeat: no-repeat;
    background-position-y: 7px;
    height: 50px;
    width: 100px;
    padding: 0 !important;
    overflow: hidden;
}

#CopernicusMenuItem.k-state-hover a,
#CopernicusMenuItem.currentLocation a {
    padding-bottom: -1px !important;
    background-position-y: 7px;
    background-image: url('../images/copernicusOn.png') !important;
}

#DegurbaMenuItem {
    text-align: center;
}

#DegurbaMenuItem>a {
    padding-top: 5px !important;
    padding-bottom: 6px !important;
}

#DegurbaMenuItem.currentApp.k-state-hover,
#DegurbaMenuItem.currentLocation.k-state-hover {
    padding-bottom: 0px !important;
}

#DegurbaMenuItem.k-state-hover {
    /*padding-bottom: 3px !important;*/
}

#DegurbaMenuItem.currentApp>a,
#DegurbaMenuItem.currentLocation>a {
    padding-bottom: 5px !important;
    font-size: 1rem !important;
    font-weight: bold;
    line-height: 1.2rem;
    padding-top: 7px !important;
}

.twoLinesMenuItem {
    text-align: center;
}

.twoLinesMenuItem>a {
    padding-top: 5px !important;
    padding-bottom: 6px !important;
}

.twoLinesMenuItem.currentApp.k-state-hover,
.twoLinesMenuItem.currentLocation.k-state-hover {
    padding-bottom: 0px !important;
}

.twoLinesMenuItem.k-state-hover {
    /*padding-bottom: 3px !important;*/
}

.twoLinesMenuItem.currentApp>a,
.twoLinesMenuItem.currentLocation>a {
    padding-bottom: 5px !important;
    font-size: 1rem !important;
    font-weight: bold;
    line-height: 1.2rem;
    padding-top: 7px !important;
}

.subSectionsTabs {
    background-color: #cde;
    /*border-top: 1px solid #0065a2;*/
}

.subsectionTab {
    float: left;
    padding: 0.5rem 0.9rem 0.5rem;
    border: 1px solid white;
    border-width: 0 2px 0 0;
    background-color: #cde;
}

.subsectionTab:hover {
    background-color: white;
    padding: 0.5rem 0.9rem 0.5rem;
    border-bottom: 1px solid white;
}

.subsectionTab.current {
    background-color: white;
    padding: 0.4rem 0.9rem 0.5rem;
    border-bottom: 0px;
}

.gallerySectionTitle {
    padding: 5px 0 0 6px;
}

.gallerySectionTitle strong,
.subsectionTab.current strong,
.pageContent strong {
    font-size: 1.4rem;
    color: #0065a2;
}

#ccdb2016MetaDataGallery strong {
    font-size: 1.1rem;
}

#ccdb2016MetaDataGallery a {
    font-weight: bold;
}

.publicationBlock.first {
    margin-top: 10px;
}

.subsectionTab a {
    text-decoration: none;
    color: #074a8b;
}

#dataSetsList,
#dataSetsList li {
    font-size: 1rem;
    line-height: 1.45rem;
    list-style: none;
}

#dataSetsList h2 {
    padding: 0;
}

.cardSet{
	border: 1px solid;
    padding: 5px;
	margin-bottom: 15px;
}
.degUrbatools {
	background-color: #bfd8c1;
}
.earthObservationtools {
	background-color: #bfc7d8;
}
.GIStools {
	background-color: #d8bfd8;
}

.P2019dataCollection {
	background-color: #d8d8bf;
}
.AnalyticalDatadataCollection {
	background-color: #f6baaa;
}
.CopernicusdataCollection {
	background-color: #cde;
}
.essentialReadingsDocuments {
	background-color: #ffe398;
}
.otherPublicationsDocuments {
	background-color: #84dfc0;
}
.JRCReportsDocuments {
	background-color: #e7f2ff;
}

#degUrbaIconText {
    width: 380px;
}

.tabSubMenu {
    padding-left: 10px;
    border-top-color: #cde;
    padding-bottom: 10px;
}

.GHSL_menuDrop_Box {
    /* width: 300px; */
    z-index: 1000;
    position: relative;
}

.GHSL_menuDrop_Box select {
    color: transparent;
    /* background: none; */
}

#application {
    width: 400px;
}

.GHSL_menuDrop_Box.ccdb.atlasTheme select,
.GHSL_menuDrop_Box.ccdb.atlasTheme {
    width: 250px !important;
}

.GHSL_menuDrop_Box.atlas.atlasTheme select,
.GHSL_menuDrop_Box.atlas.atlasTheme {
    width: 360px !important;
}

.GHSL_menuDrop_Box.degurba.application select,
.GHSL_menuDrop_Box.degurba.application {
    width: 460px !important;
}

.GHSL_menuDrop_Box.enact.application select,
.GHSL_menuDrop_Box.enact.application {
    width: 670px !important;
}

.GHSL_menuDrop_Box {
    display: inline-block;
    margin-right: 8px;
}

.GHSL_menuDrop_BoxView {
    pointer-events: none;
    position: absolute;
    width: 90%;
    height: 23px;
    z-index: 999;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    background: url(../images/dropArrowS.png) no-repeat right white;
    padding-right: 24px;
}

.GHSL_menuDrop_Box.atlas.atlasTheme .GHSL_menuDrop_BoxView {
    width: 330px;
}

.GHSL_menuDrop_Box.enact.application .GHSL_menuDrop_BoxView {
    width: 640px;
}

.GHSL_menuDrop_Box.degurba.application .GHSL_menuDrop_BoxView {
    width: 430px;
}

.GHSL_menuDrop_Box option {
    color: #074a8b;
}

#caveat {
    background-color: #0065a2;
    color: white;
    width: 977px;
    padding: 2px 0 2px 7px;
}

#caveat h5 {
    color: white;
}

.blueText {
    color: #284F75;
}

.pageContentWPx,
.pageContent {
    font-size: 1.05rem;
    color: #284F75;
}

.pageContentWPx>div>div,
.pageContent {
    padding: 8px 16px 8px 8px;
}

.pageContentWPx>div>div {
    background-color: rgba(255, 255, 255, .95);
}

.pageContent h1 {
    font-size: 1.5rem;
}

.pageContent h3 {
    font-size: 1.23rem;
}

.pageContent h2 {
    font-size: 1rem;
    font-weight: bold;
    padding: 14px 0 0;
    /*color: firebrick;*/
}

#dataOVBU {
    margin: 92px 28px;
    width: 120px;
    height: 120px;
}

#dataOVPOP {
    margin: 98px 0 0 26px;
    width: 116px;
    height: 104px;
    position: absolute;
}

#dataOVSM {
    margin: 204px 0 0 128px;
    width: 124px;
    height: 100px;
    position: absolute;
    right: 64px;
}

.pageContent p {
    padding: 10px 0;
}

.toolBlock p, .toolBlock li {
    padding: 4px;
    font-size: 1.1rem;
}
.toolBlock li.noBullet {
	list-style: none;
}

.toolText {
	margin-left: 112px;
}
.toolIcon {
    width: 102px;
    height: 100px;
margin-right: 10px;
	overflow: hidden;
}

.toolReferences,
.toolText {
    width: 935px;
}

.toolFiles span {
    font-size: 0.9rem;
}

#toolsGallery a {
    font-weight: bold;
}

.pageIntro {
    padding: 0.4rem 0.9rem 0.4rem;
}

.pageIntro a {
    text-decoration: underline;
}

span.smaller {
    font-size: 0.9rem;
}

#confidenceLeg {
    margin: 12px 0;
}

.fieldContent img {
    padding-top: 6px;
}

.confidenceGrad {
    background-image: url('../images/buconfgrad.png');
    background-repeat: repeat-y;
    margin: 0 0 10px 0;
    height: 25px;
}

#confidenceLeg .lx,
#confidenceLeg .mx,
#confidenceLeg .rx {
    display: inline;
}

#confidenceLeg .lx {
    margin-right: 248px;
}

#confidenceLeg .mx {
    margin-right: 224px;
}

#confidenceLeg .rx {}

p.smaller {
    font-size: 0.8rem;
    padding-left: 16px;
}

.pageContent ol {
    padding: 0 42px;
}

#datasetGallery .cardText p {
    line-height: 1.4rem;
}

.pageContent .cardIcon {
    float: left;
    margin: 2px 6px 2px 0;
    width: 144px;
    text-align: center;
}

.pageContent .cardIcon {
    margin-bottom: 8px;
}

.pageContent .cardIcon img {
    padding-bottom: 6px;
}

.pageContent .cardIcon a {
    font-size: 17px;
    font-weight: bold;
}

.cardText .communityOnly {
    font-size: 12px;
}

.pageContent .cardText {
    width: 680px;
    margin-left: 8px;
    float: left;
}

.hazardCard img {
    padding-top: 20px;
}

.hazardCard .cardText {
    width: 620px;
    margin-left: 28px;
}

.hazardCard li {
    margin: 0;
}

.detailsBox {
    /* border: 1px solid; */
    padding: 4px;
    margin: 4px 0 10px 6px;
    width: 1075px;
}

.noBorder {
    border-color: white;
}

.detailsBox .fieldName {
    font-weight: bold;
    width: 315px;
    float: left;
}

.detailsBox .fieldContent {
    width: 740px;
    margin-left: 315px;
}

.sliderWrap {
    /*height: 496px;*/
}

.sliderWrap .leftside,
.sliderWrap .leftBackImg {
    width: 984px;
    height: 510px;
    color: #ffffff;
    position: relative;
    z-index: 10;
    font-weight: bolder;
    background-repeat: no-repeat;
}

.homeSliderWrap {
	height: 510px;
}
.homeSlider {
    background-color: black;
    padding: 0 31px;
}

.homeSlider .leftside {
	width: 1075px;
}

.homeSlider #data-process {
    padding-left: 50px;
}

.homeSlider #dataOVSM {
    right: 132px;
}

.ccdb2018Slider {
    /* padding-left: 31px; */
}

.ccdb2018Slider .sliderWrap .leftside {
    font-weight: normal;
}

.ccdb2018Slider .sliderWrap .leftside,
.sliderWrap .leftBackImg {
    width: 1138px;
}

.sliderWrap .leftBackImg {
    position: absolute;
    top: 0;
    z-index: 0;
}


/* enable to set opacity to the background image of '.leftside'
.sliderWrap .leftside:after {
	content: "";
	background-image: url("../images/sliderMap.png");
	opacity: 1;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	position: absolute;
	z-index: -1;
}*/

.sliderWrap .leftside>div {
    padding: 0 10px;
}

.sliderWrap .rightside {
    /*margin-left: 400px;*/
    z-index: 10;
    width: 380px;
    height: 496px;
    float: right;
}

.sliderText {
    /*height: 300px;*/
    padding-top: 48px !important;
    position: relative;
    z-index: 10;
}

.sliderText li {
    line-height: 30px;
}

.sliderText .middleBlack {
    display: inline-block;
    /* font-family: Verdana, Kalimati; */
    font-size: 43px;
    height: 50px;
    line-height: 56px;
    /*margin-left: -3px;*/
    padding: 0;
    letter-spacing: -3px;
    font-weight: bold;
}

.BasicsSlide {
    position: absolute;
    left: 0px;
    top: 56px;
    width: 960px;
    height: 1382px;
}

.BasicsSlide_01 {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 480px;
    height: 346px;
}

.BasicsSlide_02 {
    position: absolute;
    left: 480px;
    top: 0px;
    width: 480px;
    height: 346px;
}

.BasicsSlide_03 {
    position: absolute;
    left: 0px;
    top: 346px;
    width: 480px;
    height: 345px;
}

.BasicsSlide_04 {
    position: absolute;
    left: 480px;
    top: 346px;
    width: 480px;
    height: 345px;
}

.BasicsSlide_05 {
    position: absolute;
    left: 0px;
    top: 691px;
    width: 480px;
    height: 346px;
}

.BasicsSlide_06 {
    position: absolute;
    left: 480px;
    top: 691px;
    width: 480px;
    height: 346px;
}

.BasicsSlide_07 {
    position: absolute;
    left: 0px;
    top: 1037px;
    width: 480px;
    height: 345px;
}

.BasicsSlide_08 {
    position: absolute;
    left: 480px;
    top: 1037px;
    width: 480px;
    height: 345px;
}

.BasicsSlide .dataLink {
    position: relative;
    top: 1322px;
    background: #cde;
    color: #074A8B;
    padding-left: 5px;
    margin-left: 2px;
    font-size: 14px;
    font-weight: bold;
}

#sliderWrap1_sliderText_4 .dataLink {
    top: 1382px;
}

.sliderText.ccdb2018Slider,
.ENACTcaption {
    font-size: 1rem;
    top: 370px;
    background-color: rgba(0, 101, 162, .6);
    width: 850px;
    height: 70px;
    -webkit-box-shadow: 7px 2px 6px -3px rgba(50, 50, 50, 0.28);
    -moz-box-shadow: 7px 2px 6px -3px rgba(50, 50, 50, 0.28);
    box-shadow: 7px 2px 6px -3px rgba(50, 50, 50, 0.28);
    border-radius: 0 14px 14px 0;
}

.sliderNumbers.ccdb2018Slider {
    right: 0px;
    top: 15px;
    padding-right: 0 !important;
    height: 45px;
}

.sliderNumbers.ccdb2018Slider li {
    background-color: rgba(0, 101, 162, 0.8);
    font-size: 1rem;
    text-align: right;
    border-radius: 10px 0 0 10px;
    float: none;
    padding: 3px 6px 3px 28px;
    margin: 7px 0 7px 0;
}

.ccdb2018Slider .sliderTextItems {
    top: 10px;
}

.link.ccdb2018Slider {
    width: 1138px;
    display: block;
    height: 358px;
    top: 0;
    position: absolute;
}

.sliderNumbers li.inert {
    font-style: italic;
    background: #cde;
    color: #074a8b;
    text-align: left;
    padding-left: 12px;
    cursor: auto;
}

#sliderWrap1_sliderText_4 .BasicsSlide {
    top: 90px;
}

.dataLink a {
    color: #074A8B !important;
}

#viewPort {
    height: 900px;
    width: 984px;
}

.k-slider-horizontal {
    height: 16px;
}

.k-slider-selection {
    background-color: #73A4C8;
}

.k-slider-horizontal .k-draghandle {
    top: -8px;
    width: 5px;
    height: 15px;
}

.k-draghandle {
    border-radius: 4px;
    border-color: #a0dba9;
    background-color: #fff;
}

.k-slider-horizontal .k-slider-selection,
.k-slider-horizontal .k-slider-track {
    height: 4px;
}

.basics-Slide {
    height: 1364px;
    width: 964px;
}

.TinyTools.ToggleSwitch {
    margin-top: 1px;
}

.TinyTools.ToggleSwitch .NubWrapper .Nub {
    background: none;
}

.TinyTools.ToggleSwitch .NubWrapper.Checked .OnSide.ie {
    right: 4px;
}

.TinyTools.ToggleSwitch .NubWrapper .OnSide {
    right: -50%;
    background: #6187b5;
    background: -moz-linear-gradient(top, #6187b5 0%, #73a4c8 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6187b5), color-stop(100%, #73a4c8));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #6187b5 0%, #73a4c8 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #6187b5 0%, #73a4c8 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #6187b5 0%, #73a4c8 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #6187b5 0%, #73a4c8 100%);
    /* W3C */
}

#basics-Slide1_ {
    background: url("../images/AtlasBasics1.png") no-repeat;
}

#basics-Slide2_ {
    background: url("../images/AtlasBasics2.png") no-repeat;
}

#basics-Slide3_ {
    background: url("../images/AtlasBasics3.png") no-repeat;
}

#basics-Slide4_ {
    background: url("../images/AtlasBasicsExample.png") no-repeat;
}

#data-process>div.left {
    /*position:relative;
	left:0px;
	top:0px;
	width:984px;
	height:500px;*/
    width: 482px;
    height: 245px;
}

#data-process-01_ {
    background: url("../images/data_process_01.png") no-repeat;
}

#data-process-02_ {
    background: url("../images/data_process_02.png") no-repeat;
}

#data-process-03_ {
    background: url("../images/data_process_03.png") no-repeat;
}

#data-process-04_ {
    background: url("../images/data_process_04.png") no-repeat;
}

span.small {
    font-size: 0.8rem;
}

span.smallest {
    font-size: 0.75rem;
}

.cardsContainer {
    padding: 8px;
    font-size: 1.05rem;
    color: #284F75;
}

.eventItem {
    /* border-bottom: 1px solid #7faccd; */
    border-left: 35px solid white;
    border-right: 35px solid white;
    padding: 8px;
    font-size: 0.9rem;
}

.dataCard,
.chartCard {
    background-color: white;
    border: 1px solid #0065a2;
    margin: 8px 8px 10px 6px;
    padding: 0 0 29px;
    float: left;
    width: 468px;
}

.partnersCard {
    float: left;
    border: 1px solid #eee;
    padding: 3px;
    margin: 5px;
}

.partnersCard:hover {
    -webkit-box-shadow: 0px 0px 0px 0px rgba(50, 50, 50, 0.28);
    -moz-box-shadow: 0px 0px 0px 0px rgba(50, 50, 50, 0.28);
    box-shadow: 0px 0px 0px 0px rgba(50, 50, 50, 0.28);
}

#imageModal {
    display: none;
}

.chartCard.highlight {
    width: 538px;
    height: 370px;
    padding-bottom: 15px;
}

.chartCard.highlight.tall {
    height: 480px;
}

.chartCard .cardIcon.highlight {
    /* height: 270px; */
    padding-top: 15px;
    width: 530px;
}

.chartCard.highlight img {
    /*width: 350px;*/
}

.chartCard {
    width: 310px;
    height: 230px;
}
#showcases2020Gallery .chartCard {
	height: 350px;
}

.atlasTitle,
.atlas2018Title,
.atlas2019Title,
.showcasesTitle {
    width: 850px;
    font-size: 1rem;
    font-weight: bold;
    padding-bottom: 10px;
    color: #284f75;
}

#Atlas2019CUBContentList {}

#Atlas2019CUBContentList li {
    margin: 0;
}

.largeCard {
    width: 720px;
}

.largeCard .cardText {
    height: auto;
}

.eventCard {
    width: 870px;
}

.eventCard .rightCol {
    padding-top: 12px;
    padding-left: 12px;
}

.eventCard .singleCol {
    padding-left: 18px;
}

.smallCard {
    width: 192px;
    height: 172px;
    padding-bottom: 30px;
}

.chartCard .longDescription {
    display: none;
}

.longDescription.highlight {
    display: block;
    font-size: 0.9rem;
    padding: 15px;
}

.dataCard .cardIcon,
.chartCard .cardIcon {
    width: 100px;
    padding: 4px;
}
#showcases2020Gallery .chartCard .cardIcon,
#atlas2020ChallengesGallery .chartCard .cardIcon {
	width: 100%;
	text-align: center;
}

.dataCard .cardIcon {
    float: left;
}

.largeCard .cardIcon {
    width: 100%;
}

.chartCard .cardIcon {
    float: none;
}

.cardIcon>img {
    padding-bottom: 14px;
}

.dataCard .cardText {
    margin: 0 6px;
    padding-left: 104px;
    height: 250px;
}

.cardText a {
    /*text-decoration: none;*/
}

.chartCard .cardText {
    padding-left: 2px;
    height: auto;
}

.smallCard .cardText {
    padding: 0;
    width: 180px;
    height: initial;
    text-align: center;
}

.people2Name {
    font-size: 1.3rem;
    color: #074a8b;
}

.chartCard .cardText a {
    text-decoration: none;
}

.dataCard h3 {
    font-weight: bold;
    font-size: 1.2rem;
}

.smallCard h3 {
    font-size: 1rem;
}

.chartCard h3 {
    font-weight: bold;
    font-size: 1rem;
}

.chartCard .cardSubTitle {
    font-size: 1rem;
}
.smallCard .cardIcon {
    width: 186px;
    margin: 0;
    padding-bottom: 20px;
    float: none;
}

.collapsed .content {
    display: none;
}

.notCollapsed .content {
    display: block;
}

.collapseCtrl:after {
    font-weight: bold;
    font-size: 0.75rem;
    padding-top: 5px;
    cursor: pointer;
}

.collapseCtrl.icon {
    cursor: pointer;
}

.notCollapsed .collapseCtrl:after {
    content: "\25B2 \a0 Minimise this info text";
}

.collapsed .collapseCtrl:after {
    content: "\25BA \a0 More information";
}

.notCollapsed .collapseCtrl.icon:after {
    content: "\25B2 \a0";
}

.collapsed .collapseCtrl.icon:after {
    content: "\25BA \a0";
}

.dataCard p {}

.cardLinks {
    position: relative;
    top: 6px;
    padding: 0 18px;
    left: 264px;
}

.cardLinks.right {
    left: 0;
}

.cardLinks.right a::after {
    display: inline-block;
    width: 12px;
    content: "";
}

#ghs_bu>.cardIcon {
    /*background: url("../images/icon_bu.png") no-repeat left top;*/
}

#ghs_pop>.cardIcon {
    /*background: url("../images/icon_pop.png") no-repeat left top;*/
}

#ghs_smod>.cardIcon {
    /*background: url("../images/icon_smod.png") no-repeat left top;*/
}

.toolFiles .smaller {
    font-size: 0.8rem;
}

.toolBlock,
.publicationBlock,
.coverBlock,
.cardBlock {
    border: 1px solid;
    padding: 0 8px 14px;
	margin-bottom: 14px;
}

.publicationBlock,
.toolBlock {
    padding: 10px;
    /* float: left; */
    margin-right: 14px;
    background-color: white;
}

.toolBlock.narrow {
    width: 440px;
}

.toolBlock.wide {
    width: 912px;
}

.coverLink,
.text_center {
    text-align: center;
}

.coverBlock {
    margin: 0 5px 14px;
}

.pageContent.compact {
    height: 195px;
    overflow: hidden;
    margin-bottom: 22px;
}

.expandCard {
    padding-left: 690px;
    text-decoration: underline;
}

.underline {
    text-decoration: underline;
}

p.publicationAuthor {
    font-size: 0.9rem;
    font-style: italic;
    padding: 12px 0 0;
}

h2.cardTitle,
h2.publicationTitle {
    font-size: 1.1rem;
    padding: 5px 0 0px;
}

p.publicationOffice {
    font-size: 0.9rem;
    padding: 0 0 10px;
}

p.publicationLink {
    text-align: right;
    margin-right: 10px;
}

span.titleNote {
    font-size: 1.2rem;
    color: #0065a2;
}

.pageTitle {
    font-size: 1.4rem;
    color: #0065a2;
}

.ol-control button {
    background-color: rgba(0, 60, 136, .5);
}

#ctrl_pan button {
    background-color: rgba(0, 60, 136, .5);
    width: 22px;
    height: 22px;
    position: relative;
    margin: 4px 0;
}

#ctrl_pan img {
    width: 18px;
    height: 18px;
}

#ctrl_pan {
    position: absolute;
    top: 6px;
    right: 6px;
    /*width: 34px;*/
    /*height: 70px;*/
    z-index: 1000;
}

#ENACTMap #ctrl_pan {
    /* top: 90px; */
}

#dialogBox .right {
    padding-right: 30px;
}

#closeDialog {
    margin: 0 10px 10px 0;
}

.ol-zoom.ol-unselectable.ol-control {
    width: 55px;
    overflow: hidden;
    display: block;
}

.ol-zoom {
    /*margin-left: 6px;*/
}

.ol-zoom-in,
.ol-zoom-out {
    float: left;
}

#custom_pan_panel {
    position: absolute;
    top: 39px;
    padding: 2px;
    left: 8px;
    z-index: 1000;
}

#BU2021Map #custom_pan_panel {
    top:39px;
    left:8px;
}
#ENACTMap #custom_pan_panel {
    /* top: 119px; */
}

#custom_pan_panel #up,
#custom_pan_panel #down {
    margin-left: 15px;
}

#custom_pan_panel #left,
#custom_pan_panel #right {
	float: left;
}
#custom_pan_panel #left {
	margin-left: 2px;
}

#tilesLoadingScreen {
    opacity: .66;
    position: absolute;
    z-index: 10;
    width: 1140px;
    height: 643px;
    background-color: white;
	display: flex;
    visibility: hidden;
    justify-content: center;
    align-items: center;
    flex-direction: column;
	pointer-events: none;
}
#tilesLoadingScreen p {
	color: #074a8b;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}
#tilesLoadingScreen .img {
	width: 180px;
	height: 25px;
	background-image: url('../images/blue_loader.gif');
	background-repeat: no-repeat;
	background-position: center;
}

.k-window-titlebar.k-header {
	/* pointer-events: none; */
}
#CCDBMap,
#BU2021Map,
#ESMMap,
#udMap,
#GHSLMap,
#ENACTMap {
	width: 1138px;
    height: 643px;
    position: relative;
    background-color: #B5D0D0;
    /* for OSM*/
}
#GHSLMap,
#BU2021Map {
	background-color: #014DFF;
	/*background-color: #808080;*/
}

#CCDBMap,
#udMap {
    height: 512px;
    /* UCDB popup: */
}

#CCDBMap.export,
#udMap.export {
    width: 320px !important;
    height: 257px !important;
}

#GHSLMap.export {
    /* CFS: */
    width: 968px !important;
    height: 750px !important;
}

.export #custom_pan_panel,
.export #ctrl_pan,
.export .ol-zoom-in,
.export .ol-zoom-out,
.export .ol-zoom,
.export .ol-geocoder {
    display: none !important;
}

#layersControlsWrap {
    display: none;
    padding: 14px 0;
}

#layersControls {
    padding: 0;
}

#layersControls li {
    list-style: none;
    margin: 0;
    padding: 6px 0 2px 14px;
}

#layersControls li.singleCtrl {
    padding: 6px 0 6px 14px;
}

#layersControls>li:nth-child(even) {
    background-color: #CCDDEE60;
}

#visualWrap {
    position: relative;
}

#mapPlink {
    font-size: 1rem;
}

#mapTitle {
    font-size: 1.2rem;
    /* position: absolute;
    top: 490px; */
}

#mapTitle.ENACT {
    /* top: 576px; */
}

#mapTitle .sliderBox {
    padding-bottom: 5px;
}


#mapTitle a {
    text-decoration: none;
    color: #284F75;
    /* cursor: pointer; */
    font-weight: 300;
}

.sliderBox_:nth-of-type(even) {
    background-color: #ececec;
}
.helpPanel {
    display: none;
}

.ol-scale-line {
    background: rgba(0, 101, 162, .7);
    bottom: 20px;
}

.scrollHint {
    background: url('../images/scrollHint.png') no-repeat;
    width: 246px;
    height: 70px;
	z-index: 1;
    display: none;
}

#legendPanel,
#legendPanelUCDB {
    /*legendLayermargin-top: 210px;legendLayer*/
    /* margin-top: 215px; */
}

#legendPanel.ESM {
    /* margin-top: 145px; */
}

#legendPanelUCDB.CCDBMap {
    margin-top: 0;
    margin-left: 10px;
    margin-bottom: 15px;
}

.legendItem.l1 .legendText {
    font-weight: bold;
}

.legendItem.padded {
    padding-left: 35px;
}

ul.CCDBMap>li {
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
}

#ctrlPanelHelp {
    margin-left: 385px;
    cursor: pointer;
    position: absolute;
    top: 6px;
}

#ctrlPanHelpWrap {
    position: absolute;
    top: -110px;
    z-index: 100000;
}
#BU2021Map #ctrlPanelHelp {
    margin-left: 440px;
}

.closeHelp.noCookie {
    margin-left: 800px;
}

#setCtrlHelpOption>div,
#setHelpOption>div {
    display: inline;
}

.legendTitle {
    color: #074a8b;
    font-size: 1.2rem;
    padding-left: 6px;
}

#legendPanel ul,
#legendPanelUCDB ul {
    padding: 0 0 0 5px;
}

#legendPanel li,
#legendPanelUCDB li {
    list-style: none;
    font-size: 1rem;
    color: rgb(0, 101, 162);
}

.legendGroup {
    margin-right: 16px;
    float: left;
    min-height: 195px;
}

#legendGroup_2m {
    width: 180px;
}

#legendGroup_10m {
    width: 220px;
}

#legendGroup_2m,
#legendGroup_10m {
    min-height: 65px;
}

.border-left {
    border-left: 1px solid;
    padding-left: 10px;
}

.legendWrap {
    /*width: 840px;*/
}

#legendGroup_label {
    width: 360px;
}

#legendGroup_labelf {
    width: 240px;
}

#legendGroup_builtMT {
    width: 276px;
}
#legendGroup_builtMT2021 {
    width: 225px;
}
#legendGroup_basemap2021 {
    width: 285px;
}
#legendGroup_MSZ div.left {
	width: 510px;
}
#legendGroup_built {
    width: 330px;
}

#legendGroup_pop {
    width: 160px;
    /*border: none;
	padding-left: 0;*/
}

#legendGroup_smod {
    width: 350px;
}

#legendGroup_smod_ucdb {
    display: block !important;
    padding-left: 15px;
}

.legendKey {
    width: 18px;
    height: 9px;
    float: left;
    border: 1px solid;
    margin: 4px 3px 0 3px;
}

#help1TopLx {
    background: url('../images/help01.png') left top no-repeat;
    height: 234px;
    width: 213px;
    position: absolute;
    z-index: 1100;
    margin-left: -6px;
}

#help1TopMid {
    background: white;
    opacity: .85;
    margin-left: 207px;
    height: 234px;
    width: 574px;
    position: absolute;
    z-index: 1100;
}

#helpCtrlPanelTable {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 984px;
    height: 837px;
}

#helpCtrlPanel-01 {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 512px;
    height: 290px;
}

#helpCtrlPanel-02 {
    position: absolute;
    left: 512px;
    top: 0px;
    width: 472px;
    height: 290px;
}

#helpCtrlPanel-03 {
    position: absolute;
    left: 0px;
    top: 290px;
    width: 305px;
    height: 547px;
}

#helpCtrlPanel-04 {
    position: absolute;
    left: 305px;
    top: 290px;
    width: 296px;
    height: 115px;
}

#helpCtrlPanel-05 {
    position: absolute;
    left: 601px;
    top: 290px;
    width: 383px;
    height: 115px;
}

#helpCtrlPanel-06 {
    position: absolute;
    left: 305px;
    top: 405px;
    width: 679px;
    height: 14px;
}

#helpCtrlPanel-07 {
    position: absolute;
    left: 305px;
    top: 419px;
    width: 296px;
    height: 251px;
}

#helpCtrlPanel-08 {
    position: absolute;
    left: 601px;
    top: 419px;
    width: 383px;
    height: 251px;
}

#helpCtrlPanel-09 {
    position: absolute;
    left: 305px;
    top: 670px;
    width: 679px;
    height: 31px;
}

#helpCtrlPanel-10 {
    position: absolute;
    left: 305px;
    top: 701px;
    width: 154px;
    height: 136px;
}

#helpCtrlPanel-11 {
    position: absolute;
    left: 459px;
    top: 701px;
    width: 525px;
    height: 136px;
}

.metaField {
    padding: 2px 0;
    overflow: auto;
    line-height: 20px;
}

.metaFieldName {
    float: left;
    color: #0065a2;
    font-size: 0.9rem;
    font-weight: bold;
    padding: 2px 0;
}

.metaFieldContent {
    float: left;
    padding: 2px 18px;
    font-size: 0.9rem;
    color: #284F75;
}

#HDCBreakdown {
    font-size: 14px;
    overflow: auto;
}

#HDCBreakdown .icon {
    padding-left: 16px;
}

#HDCBreakdown ul {
    list-style: none;
    padding-left: 12px;
}

#HDCBreakdown .wrap {
    padding-top: 16px;
    position: absolute;
    top: 50px;
    background-color: white;
    width: 1060px;
}

#tabStrip.export .disNone {
    display: block !important;
}

#tabStrip.export .wrap {
    position: relative;
}

#tabStrip {
    position: relative;
    min-height: 490px;
    overflow: auto;
    width: 1090px;
}

#tabStrip .legGroup {
    padding-left: 16px;
}

.legGroup li {
    margin: 2px 0;
}

.legGroup .legLineAvg {
    background-color: white;
}

.legGroup .legLine {
    border-width: 3px;
    margin: 2px 16px;
    /* height: 5px;
	border-radius: 5px;
	width: 5px; */
    border-style: solid;
}

#HDCBreakdown .table {
    padding: 15px 30px;
    width: 600px;
}

#HDCBreakdown .table.padded {
    margin-left: 116px;
}
.HCDBdHead {
	width: 1000px;
}


#HDCBreakdown .row {
    border-bottom: 1px solid #7F9DC3;
}

#HDCBreakdown .head {
    font-weight: bold;
    padding: 5px 0;
}

#HDCBreakdown .epoch {
    padding-left: 10px;
    font-weight: bold;
    width: 80px;
    text-align: center;
}

#HDCBreakdown .pop {
    width: 180px;
    text-align: right;
}

#HDCBreakdown .bu {
    width: 150px;
    text-align: right;
}

#HDCBreakdown .buxcap {
    text-align: right;
    width: 150px;
}

#HDCBreakdown strong {
    text-align: right;
    font-size: 0.9rem;
}

#tabStrip li.menu {
    float: left;
    min-width: 128px;
    border-style: solid;
    padding: 6px 8px;
    margin: 0;
    border-width: 1px 1px 1px 0;
    font-size: 1.1rem;
    cursor: pointer;
}

#tabStrip li.menu.active {
    color: white;
    background-color: #0065a2;
    border-color: #074a8b;
    font-weight: bold;
    cursor: default;
    pointer-events: none;
}

#tabStrip li.menu:first-child {
    border-left: 1px solid;
    border-radius: 15px 0 0;
}

#tabStrip li.menu.last {
    border-radius: 0 15px 0 0;
}

#tabStrip li.menu.empty {
    height: 23px;
    border-width: 0 0 1px;
    width: 260px;
    pointer-events: none;
}

#tabStrip ul {
    padding: 0;
}

#Characteristics_T {
    width: 174px;
}

#Socio-Economic_T {
    width: 174px;
}

#Exposureandhazard_T {
    width: 230px;
}

#permalinkDial {
    padding: 15px;
}

#permalinkText {
    padding-left: 80px;
    font-size: 1rem;
}

.groupList {
	display: none;
    padding: 0 0 0 20px;
}

.singleCtrl {
    padding: 5px 0;
}

.opacitySlider {
    /* width: 300px; */
}

.singleCtrl .opacitySlider {
    padding-top: 9px;
}

.sliderName {
    float: left;
    width: 240px;
    font-size: 0.9rem;
}

#ENACTMap .sliderName.external,
.sliderName.ENACT {
    width: 110px;
}

.sliderName.wide {
    width: 280px;
    padding-top: 5px;
}

.sliderBox {
    padding: 0;
}

.atlasPlinkBox {
    font-size: 1.05rem;
}

.layerControlsGroup {
    padding: 2px 0 6px;
}

.layerCtrlGroupHead {
    cursor: pointer;
    font-size: 0.9rem;
    padding-bottom: 4px;
    /*float: left;*/
    padding-right: 13px;
}
.layerCtrlGroupHead::before {
    font-size: 1.2rem;	
}
.layerCtrlGroupHead.closed::before {
	content: " + ";
}
.layerCtrlGroupHead.open::before {
	content: " - ";
}

/*.layerControlsGroup input,*/

.layerControlsGroup>input,
.sliderBox input {
    height: 18px;
    margin-left: 16px;
    width: 16px;
}

.radio .sliderName {
    width: 100px;
}

.panelRadio {
    margin: 0 40px 0 0;
}

#help1TopRx {
    background: url('../images/help02.png') left top no-repeat;
    height: 234px;
    width: 284px;
    margin-left: 781px;
    position: absolute;
    z-index: 1100;
    /*padding: 12px 0 0 257px;*/
}

.helpIcon {
    padding-top: 3px;
}

#help1TopRx>div {
    cursor: pointer;
    font-size: 1.14em;
    /* font-family: Verdana; */
    padding-left: 256px;
    color: white;
    position: absolute;
    padding: 14px 0 0 245px;
    width: 20px;
    height: 20px;
}

#setCtrlHelpOption,
#setHelpOption {
    position: absolute;
    margin-top: 430px;
    margin-left: 20px;
    font-size: 16px;
    color: #074a8b;
    z-index: 1205;
}

#setCtrlHelpOption {
    bottom: -50px;
    height: 90px;
    background-image: url(../images/1hpx.png);
    padding-top: 19px;
    width: 965px;
}

.ghslBtn,
.uncheckAll,
.closeHelp {
    border: none;
    padding: 12px;
    font-size: 1rem;
    color: white;
    border-radius: 9px;
    margin-left: 38px;
    background-color: #0065a2;
}

.closeModal {
    margin-left: 87%;
    padding: 5px 12px;
    position: absolute;
}

.closeModal .wide {
    display: block;
}

.closeModal .narrow {
    display: none;
}

.ghslBtn.small,
.uncheckAll {
    min-width: 35px;
    padding: 4px 6px;
    font-size: 0.8rem;
    background-color: rgba(0, 60, 136, .5);
}

#help1Btm {
    background: white;
    position: absolute;
    height: 100%;
    width: 1053px;
    opacity: .85;
    margin-top: 234px;
    margin-left: -6px;
    z-index: 1200;
}

.sliderName a,
.sliderName a:visited {
    font-weight: 300;
    text-decoration: none;
    color: #074A8B;
}

#gcd-input-query::placeholder {
    color: #074a8b;
}

 .ol-geocoder .gcd-gl-control {
	width: 28px;
}
.ol-geocoder .gcd-txt-control {
    border-radius: 15px;
    font-size: 16px;
    height: 2.5em;
    border: 2px solid #488eb6;
}

.ol-geocoder.gcd-gl-container {
    top: 125px;
}

.ol-geocoder ul.gcd-gl-result {
    width: 370px;
    font-size: 16px;
}

ul.gcd-gl-result span {
    color: #074a8b;
}

ul.gcd-gl-result span:first-child {
    font-weight: bold;
}

.ol-geocoder ul.gcd-gl-result>li:nth-child(odd) {
    background-color: #CCDDEE60;
}

.ol-geocoder .gcd-gl-expanded {
    height: 38px;
    width: 250px;
}

.ol-geocoder .gcd-gl-input {
    color: #074a8b;
    font-size: 1rem;
    left: 28px;
    padding: 5px;
    position: absolute;
    top: 3px;
    width: 220px;
}

a.gcd-gl-reset {
    text-decoration: none;
}


/*@media all and (max-width:984px) /* TABLET */


/*{
	.sliderWrap .leftside {
		position: relative;
		width: 100%;
	}

	.sliderWrap .rightside {
		width:100%;
	}

	.sliderPicOn > img {
		width:100%;
		height:100%;
	}
}*/

#maintenanceMsg {
    /* font-family: Verdana, Kalimati; */
    font-size: 49px;
    position: relative;
    top: 16%;
}

.sliderText .bigBlack {
    display: inline-block;
    /* font-family: Verdana, Kalimati; */
    font-size: 62px;
    height: 50px;
    line-height: 62px;
    margin-left: -3px;
    padding: 0;
    letter-spacing: -4px;
    font-weight: bold;
}

.sliderText .normal {
    /* font-family: Verdana, Kalimati; */
    font-size: 42px;
    /*line-height: 38px;*/
    /*letter-spacing: -2px;*/
}

.sliderText .medium {
    /* font-family: Verdana, Kalimati; */
    font-size: 36px;
    line-height: 50px;
}

.sliderText .medium li {
    line-height: 60px;
}

.sliderTextItems ul {
    padding-left: 44px;
}

.sliderTextItems a {
    text-decoration: none;
    color: white;
}

.sliderTextItems a:visited {
    color: white;
}

.fbThanks {
    text-align: center;
    padding-top: 40px;
}

.fbThanks {}

#atlasAbstract {
    /*width: 720px;*/
    margin: 0 14px;
}

.pageContent a,
.pageContent a:visited {
    color: #0065a2;
    text-decoration: underline;
}

.pageTitle a:visited,
.pageTitle a {
    color: #0065b6;
    text-decoration: underline;
}

.sliderText .littleBlack {
    /* font-family: Verdana, Kalimati; */
    font-size: 30px;
    font-weight: bold;
    /*letter-spacing: -2px;*/
}

.sliderText .little {
    /* font-family: Verdana, Kalimati; */
    font-size: 28px;
    /*letter-spacing: -2px;*/
}

.sliderText .small {
    /* font-family: Verdana, Kalimati; */
    font-size: 22px;
}

#data-process .small {
    padding-left: 10px;
}

.sliderText .smaller {
    /* font-family: Verdana, Kalimati; */
    font-size: 14px;
}

.sliderTextItems {
    padding: 0 !important;
    position: absolute;
    top: 13px;
}

.sliderNumbers {
    position: absolute;
    bottom: 8px;
    right: 18px;
    z-index: 10;
    background-color: transparent;
}

.sliderNumbers ul {
    /*	display: block;
	margin-left: auto;
	margin-right: auto*/
}

.basicsSlider li,
.basics_liteSlider li {
    color: #074a8b;
    background-color: #ccddee;
}

.sliderNumbers li {
    list-style-type: none;
    float: left;
    /* font-family: Verdana, Kalimati; */
    font-weight: bold;
    font-size: 21px;
    margin: 3px 0 3px 1px;
    padding: 6px;
    cursor: pointer;
}

.sliderNumbers li.active {
    cursor: default;
    color: #0063A4;
    background-color: white;
}

.ccdb2018Slider li.active {
    /* background-color: #074a8b;
	color: white; */
}

.legLine {
    height: 2px;
    margin: 7px 16px;
    width: 25px;
}

.legLineThres {
    background-color: #d00505;
}

.legLineAvg {
    background-color: #074a8b;
}

.legLineAvg.ccc {
    background-color: #f28784;
}

.legLineAvg.env {
    background-color: #67c980;
}

.legLineAvg.slo {
    background-color: #fb7f00;
}

.legLineAvg.ele {
    background-color: #4d9bfc;
}

.avg_gl {
    border-color: #b22222;
    width: 7px;
    height: 7px;
    border-radius: 7px;
}

.avg_rg {
    border-color: #22b269;
    width: 5px;
    height: 5px;
    border-radius: 5px;
}

.avg_nt {
    border-color: #074a8b;
    width: 3px;
    height: 3px;
    border-radius: 5px;
}

.sliderContent {
    overflow: hidden;
    width: 580px;
    z-index: 3;
    height: 496px;
    position: absolute;
}

.sliderContent>div {
    /*	height: 496px;*/
    position: absolute;
}

.sliderPicOn {
    /*left: 0;*/
}

.sliderPicOff {
    /*left: 654px;*/
}

.offLeft {
    left: 654px;
}

.offRight {
    right: 654px;
}

#pulseText {
    height: 400px;
    opacity: 0;
}

#pulseTextAfter {
    height: 400px;
    content: "";
    opacity: 0.8;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: relative;
    z-index: -1;
    background-color: black;
}

#pulseDescription {
    width: 925px;
    padding-right: 10px;
}

#pulseDescriptionClose {
    font-size: 18px;
    font-weight: bold;
    border: 1px solid white;
    padding: 0 6px;
}

#pulseText p {
    font-size: 16px;
    padding-right: 8px;
}

#pulseText p.note {
    font-size: 14px;
}

.pulseWrapper {
    position: absolute;
    width: 984px;
    height: 510px;
    top: -13px;
    left: -10px;
    z-index: -1;
    /*background: red;
	opacity: .5;*/
}

.pulsePics_0,
.pulsePics_1 {
    width: 984px;
    height: 510px;
    position: absolute;
    background-repeat: no-repeat;
}

.pulsePics_0 {
    z-index: 0;
    opacity: 1;
    /*	background-image: url("../images/1975.png");*/
    /*background-color: goldenrod;*/
    /*left:-10px;*/
}

.pulsePics_1 {
    z-index: 1;
    opacity: 0;
    /*background-color: blue;*/
    /*left:10px;*/
}

.homeSliderWrap,
.y1975 {
    background-image: url("../images/1975_23.png");
}
.y1980 {
    background-image: url("../images/1980_23.png");
}
.y1985 {
    background-image: url("../images/1985_23.png");
}
.y1990 {
    background-image: url("../images/1990_23.png");
}
.y1995 {
    background-image: url("../images/1995_23.png");
}
.y2000 {
    background-image: url("../images/2000_23.png");
}
.y2005 {
    background-image: url("../images/2005_23.png");
}
.y2010 {
    background-image: url("../images/2010_23.png");
}
.y2015 {
    background-image: url("../images/2015_23.png");
}
.y2020 {
    background-image: url("../images/2020_23.png");
}
.y2025 {
    background-image: url("../images/2025_23.png");
}
.y2030 {
    background-image: url("../images/2030_23.png");
}

.homeSliderWrap {
	background-color: black;
	background-position: 31px 0;
	background-repeat: no-repeat;
}


#bubbles {
    background-image: url("../images/sliderImg05.png");
    background-repeat: no-repeat;
}

#bubblesSlide {
    width: 562px;
    height: 416px;
    padding: 0 0 0 400px;
    font-size: 16px;
    line-height: 18px;
}

#bubblesSlide p {
    padding: 9px 0;
}

#bubblesSlide .done {
    text-decoration: underline;
    font-weight: bold;
    font-style: italic;
}

.hand {
    cursor: pointer;
}

abbr {
    cursor: help;
    position: relative;
}

abbr:hover:after {}

.hspacer,
.hSpacer {
    width: 18px;
    display: block;
    float: left;
}

.vspacer,
.vSpacer {
    height: 18px;
    display: block;
}

.visNone {
    visibility: hidden;
}

#ctrlStatus {
    color: rgba(200, 0, 0, .8);
}

.disnone,
.disNone {
    display: none;
}

.disblock,
.disBlock {
    display: block;
}

.disflex,
.disFlex {
	display: flex;
}
.bold {
    font-weight: bold;
}

#welcomeHome {
    padding: 8px 16px 8px 8px;
    width: 810px;
}

#welcomeHome h1 {
    font-size: 1.4rem;
}

#welcomeHome h3 {
    font-weight: bold;
    font-size: 1.1rem;
}

#welcomeHome li {
    margin-bottom: 0;
    line-height: 20px;
    font-size: 1rem;
}

#copernicusHomeLogos {
	position: absolute;
	top: 30px;
    left: 50px;
    z-index: 15;
}
#awardIcon {
	position: absolute;
	top: 10px;
	right: -100px;
}

#awardIcon a {
    text-decoration: none;
    font-weight: bold;
    color: #0065a2;
}

.newsTickerTitle {
    width: 7%;
    background-color: #69c;
    height: 60px;
    color: white;
    font-size: 1.2rem;
}

.disclaimer {
	background-color: #FFD579;
	color: black;
    padding: 8px;
}
.newsFlash {
    background-color: #69c;
    color: white;
    padding: 8px;
}

.newsFlash li {
    margin: 0;
}

.newsFlash>a {
    color: white !important;
}

.cwrnewsSpk .oneFifth {
	width: 20%;
	text-align: center;
	padding: 3px;
	box-sizing: border-box;
}

.teaserMessage {
    padding-left: 30px;
    font-weight: bold;
}

.vCenter {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0;
    padding: 0;
}

.newsTickerTitle a,
.newsTickerTitle a:hover,
.newsTickerTitle a:active,
.newsTickerTitle a:visited {
    text-decoration: none;
    position: relative;
    margin: 0 5px;
    color: white;
}

.newsWrapper {
    /* font-style: italic;
    background-color: #69c;
    height: 60px;
    width: 100%; */
}

#newsWrapper>div {
    padding-right: 10px;
}

#newsWrapper h3 {
    line-height: 22px;
    font-size: 1rem;
}

#newsTicker {
    height: 60px;
    color: white;
    font-size: 0.85rem;
    width: 88%;
}

#newsItems {}

#newsItems>li {
    list-style: none;
    margin: 0;
}
.newsDate {
    font-weight: 700;
    margin: 0 5px;
}

.newsText {
    width: 80%;
}

.newsText a {
    font-weight: bold;
    color: white;
}

.newsText a:visited,
.newsText a:active {
    color: white;
}

.newsPageLogo {
    /*	min-height: 100px;*/
	min-width: 230px;
    padding: 8px;
	margin-top: 5px;
}

.singleNewsPage ._Title {
    padding: 10px;
}

.singleNewsPage h1 {
    font-weight: bold;
    font-size: 1.23rem;
}

.singleNewsPage h3 {
    font-weight: bold;
    font-size: 1.2rem;
}

.singleNewsPage .leftside {
    width: 870px;
}

#newsRSSIcon {
    width: 20px;
    padding: 22px 0 0 14px;
}

#s1_2017 .leftside {
    background-position: 14px 110px;
    border: 1px solid #284F75;
    padding: 4px;
    height: 630px;
    margin: 4px 0 10px 6px;
    -webkit-box-shadow: 7px 2px 6px -3px rgba(50, 50, 50, 0.28);
    -moz-box-shadow: 7px 2px 6px -3px rgba(50, 50, 50, 0.28);
    box-shadow: 7px 2px 6px -3px rgba(50, 50, 50, 0.28);
}

#s1_2017 .sliderNumbers {
    bottom: 80px;
}

#s1_2017 .smallest {
    font-size: 0.65rem;
}

#s1_2017 .smallest,
#s1_2017 a {
    color: #284F75;
}
#s1_2017 .leftBackImg {
    display: none;
}
#sliderWrap1.s1Slider * {
	/* border: 1px solid rgba(200, 0, 0, .5); */
}
#sliderWrap1.s1Slider {
	height: 660px;
	width: 800px;
}
#sliderWrap1.s1Slider .sliderTextItems a:visited,
#sliderWrap1.s1Slider .sliderTextItems a {
	color:black;
}
#sliderWrap1.s1Slider .caption {
	height: 60px;
}
#sliderWrap1.s1Slider .caption,
#sliderWrap1.s1Slider .sliderTextItems {
	width: 770px;
}
#sliderWrap1.s1Slider .sliderNumbers {
	bottom: 55px;
	color: white;
}
#sliderWrap1.s1Slider .leftside {
	color: black;
	width: 795px;
	height: 670px;
}
#amsterdam_anim img {
    /* height: 420px; */
    width: 780px;
}

#denzhou_anim img {
    /* height: 420px; */
    width: 780px;
}

#montpellier_anim img {
    /* height: 420px; */
    width: 780px;
}

#sliderWrap1 .caption {
    padding-left: 10px;
    font-size: 1.1rem;
    color: white;
    background-color: #0063a4;
    width: 830px;
    /*position: absolute;
	bottom: 64px;*/
    border-top: 1px solid mintcream;
}


/* 
[class*="hint--"]:after {
	color: white;
	font-size: 14px;
	font-family: Verdana, Kalimati; 
}

.hint--info:after {
	background-color: #0065a2;
}

.hint--info.hint--right:before {
	border-right-color: #0065a2;
}

.hint--info.hint--bottom-right:before {
	border-bottom-color: #0065a2;
}
 */

.k-tooltip-content,
[class*="hint--"]::after {
    color: white;
    font-size: 14px;
    /* font-family: Verdana, Kalimati; */
    white-space: pre;
    line-height: normal;
}

.k-widget.k-tooltip {
    padding: 3px;
    background-color: #ffd617;
}

.k-tooltip-content {
    background-color: #004494;
    font-weight: bold;
}

.k-tooltip-content {
    white-space: normal;
    text-align: left;
    padding: 6px;
}

.hint--info::after {
    background-color: #0065a2;
}

.hint--info.hint--right::before {
    border-right-color: #0065a2;
}

.hint--info.hint--bottom-right::before {
    border-bottom-color: #0065a2;
}

#legend68wrap {
    height: 400px;
}

#legend68 {
    position: absolute;
    /*left:0px;
	top:0px;*/
    width: 966px;
    height: 371px;
}

#legend68-01 {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 966px;
    height: 60px;
}

#legend68-02 {
    position: absolute;
    left: 0px;
    top: 60px;
    width: 66px;
    height: 311px;
}

#legend68-03 {
    position: absolute;
    left: 66px;
    top: 60px;
    width: 310px;
    height: 32px;
}

#legend68-04 {
    position: absolute;
    left: 376px;
    top: 60px;
    width: 206px;
    height: 311px;
}

#legend68-05 {
    position: absolute;
    left: 582px;
    top: 60px;
    width: 323px;
    height: 32px;
}

#legend68-06 {
    position: absolute;
    left: 905px;
    top: 60px;
    width: 61px;
    height: 311px;
}

#legend68-07 {
    position: absolute;
    left: 66px;
    top: 92px;
    width: 310px;
    height: 32px;
}

#legend68-08 {
    position: absolute;
    left: 582px;
    top: 92px;
    width: 323px;
    height: 32px;
}

#legend68-09 {
    position: absolute;
    left: 66px;
    top: 124px;
    width: 310px;
    height: 31px;
}

#legend68-10 {
    position: absolute;
    left: 582px;
    top: 124px;
    width: 323px;
    height: 31px;
}

#legend68-11 {
    position: absolute;
    left: 66px;
    top: 155px;
    width: 310px;
    height: 30px;
}

#legend68-12 {
    position: absolute;
    left: 582px;
    top: 155px;
    width: 323px;
    height: 30px;
}

#legend68-13 {
    position: absolute;
    left: 66px;
    top: 185px;
    width: 310px;
    height: 32px;
}

#legend68-14 {
    position: absolute;
    left: 582px;
    top: 185px;
    width: 323px;
    height: 32px;
}

#legend68-15 {
    position: absolute;
    left: 66px;
    top: 217px;
    width: 310px;
    height: 31px;
}

#legend68-16 {
    position: absolute;
    left: 582px;
    top: 217px;
    width: 323px;
    height: 31px;
}

#legend68-17 {
    position: absolute;
    left: 66px;
    top: 248px;
    width: 310px;
    height: 33px;
}

#legend68-18 {
    position: absolute;
    left: 582px;
    top: 248px;
    width: 323px;
    height: 33px;
}

#legend68-19 {
    position: absolute;
    left: 66px;
    top: 281px;
    width: 310px;
    height: 29px;
}

#legend68-20 {
    position: absolute;
    left: 582px;
    top: 281px;
    width: 323px;
    height: 29px;
}

#legend68-21 {
    position: absolute;
    left: 66px;
    top: 310px;
    width: 310px;
    height: 33px;
}

#legend68-22 {
    position: absolute;
    left: 582px;
    top: 310px;
    width: 323px;
    height: 33px;
}

#legend68-23 {
    position: absolute;
    left: 66px;
    top: 343px;
    width: 310px;
    height: 28px;
}

#legend68-24 {
    position: absolute;
    left: 582px;
    top: 343px;
    width: 323px;
    height: 28px;
}

._play_pause_hint {
    float: right;
}

.layers_play_pause.play:after {
    content: '\25B6';
}

.layers_play_pause.stop:after {
    content: '\25A0';
}
#BU2021Map .layers_play_pause {
	visibility: hidden;
}

.link-ico span {
    padding: 0 7px 0;
}

.toolsCover {
    padding: 15px 8px;
}
.toolsCover img {
    width: 110px;
    height: 96px;
}
.toolFiles.notCollapsed {
    padding-bottom: 10px;
}

.toolReferences.notCollapsed {
    padding-top: 10px;
}

p.toolReference {
    font-size: 0.9rem;
    padding: 5px;
}

.layers_play_pause.stop {
    margin-top: -2px;
    font-size: 2rem;
    color: rgba(200, 0, 0, .5);
}

.layers_play_pause {
    color: rgba(0, 60, 136, .5);
    font-size: 1.4rem;
    line-height: 1rem;
    cursor: pointer;
}

.sliderName a,
.sliderName a:visited {
    font-weight: 300;
    text-decoration: none;
    color: #074A8B;
    cursor: help;
}

.ol3-geocoder-container {
    position: absolute;
    top: calc(3.6em + 65px);
    left: 1.3em;
    box-sizing: border-box;
}

#mapDisclaimer {
    position: relative;
    bottom: 0;
    margin: 10px 0 14px 14px;
    width: 90%;
    color: #074a8b;
    font-size: 0.875rem;
}

#mapDisclaimer.wLegend {
    margin-top: 0;
}

.CCDBMap+.woLegend {
    margin-top: 30px !important;
}

#HPIF2017gallery {
    position: relative;
    width: 800px;
    height: 450px;
}

.galleryScrollview img {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

.galleryScrollview img.currentSl {
    display: block;
}

.galleryScrollview img.notCurrentSl {
    opacity: 1;
}

a.prev-img,
a.next-img {
    display: block;
    position: absolute;
    top: 0;
    z-index: 1000;
    height: 450px;
    width: 400px;
    opacity: 0.5;
}

a.prev-img {
    left: 0;
    background: url("../images/arrow-left.png") no-repeat 5% 50%;
}

a.next-img {
    right: 0;
    background: url("../images/arrow-right.png") no-repeat 95% 50%;
}

a.prev-img:hover,
a.next-img:hover {
    opacity: 1;
    cursor: pointer;
}

a.prev-img:hover::after,
a.next-img:hover::after {
    content: " ";
    display: block;
    width: 70px;
    height: 450px;
    background-color: #cde;
    opacity: 0.3;
    position: absolute;
}

a.prev-img:hover::after {
    left: 0;
}

a.next-img:hover::after {
    right: 0;
}

.offDuty,
a.prev-img.offDuty,
a.next-img.offDuty {
    pointer-events: none;
    cursor: default;
}

table.hpi {
    border: 2px solid #0065A2;
    margin-bottom: 10px;
    width: 840px;
}

#HPIExpGroupsTable.hpi {
    width: 1020px;
}

table.hpi tr:nth-child(even) {
    background: #CDE
}

table.hpi tr:nth-child(odd) {
    background: #FFF
}

table.hpi tr:hover {
    /*background-color: #F5FAFC;*/
    /*color: white;*/
}

table.hpi tr:hover>td {
    font-weight: bold;
}

#HPIExpGroupsTable td:first-child {
    width: 120px;
    max-width: 120px;
}

#HPIExpGroupsTable td:last-child {
    width: 150px;
}

#HPISteeringTable td:first-child {
    width: 255px;
    max-width: 255px;
}

table.hpi td {
    padding: 2px 4px;
    font-size: 0.9rem;
}

table.hpi th {
    background-color: #0065a2;
    color: white;
    padding: 4px 5px;
    font-weight: bold;
}

#HPIPartners {
    position: relative;
    left: 0px;
    top: 0px;
    width: 960px;
    height: 530px;
    background-color: white;
}

#HPIPartners_1_ {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 868px;
    height: 106px;
}

#HPIPartners_2_ {
    position: absolute;
    left: 0px;
    top: 106px;
    width: 868px;
    height: 106px;
}

#HPIPartners_3_ {
    position: absolute;
    left: 0px;
    top: 212px;
    width: 868px;
    height: 106px;
}

#HPIPartners_4_ {
    position: absolute;
    left: 0px;
    top: 318px;
    width: 868px;
    height: 106px;
}

#HPIPartners_5_ {
    position: absolute;
    left: 0px;
    top: 424px;
    width: 868px;
    height: 106px;
}


/*@media all and (max-width:768px) /* TABLET */


/*{
	.y1975 {
		background-image: url("../images/1975_768.png");
	}

	.y1990 {
		background-image: url("../images/1990_768.png");
	}

	.y2000 {
		background-image: url("../images/2000_768.png");
	}

	.y2014 {
		background-image: url("../images/2014_768.png");
	}

}
*/


/*@media all and (max-width:380px) /* VERTICAL PHONE */


/*{
	#caveat {
		width: 98%;
	}
	#bubbles {
		background-position: 6% 70%;
	}
	.sliderWrap .leftside > div {
		padding-right: 0;
	}
	.sliderTextItems {
		width: 85%;
		margin-left: 8%;
		height: 480px;
		overflow:auto;
	}
	.sliderTextItems li {
		font-size: 16px;
	}
	.sliderTextItems div,
	.sliderTextItems span {
		font-size: 120% !important;
		line-height: 150% !important;
	}
	.pulseWrapper {
		width: 100%;
	}
	.pulsePics_0,
	.pulsePics_1 {
		width: 100%;
		height: 510px;
		position: absolute;
		background-repeat: no-repeat;
		background-position-x: 70%;
	}
	#pulseText {
		height: 430px;
	}
	#pulseText p {
		font-size: 14px;
		padding-right: 4px;
	}
	#pulseDescription {
		width: 85%;
		padding-right: 0;
		height: 100%;
		overflow: auto;
		margin-left: 6px;
	}
	#pulseDescriptionClose {
		font-size: 14px !important;
	}
	li.notActive {
		background-color: rgba(0,60,136,.5);
	}
	.sliderWrap .leftside {
		background-position-x: 72%;
	}
	.sliderText .medium li {
		line-height: 150%;
		font-size: 100%;
	}
	.sliderNumbers {
		width: 20px;
		position: absolute;
		top: 6px;
		left: 0;
		height: 100%;
	}
	.sliderNumbers ul {
		padding: 0 2px;
	}
	.sliderNumbers li {
		font-size: 18px;
		margin: 0;
		padding: 0px 3px;
	}

}
*/

@media all and (max-width:600px)
/* HORIZONTAL PHONE */

{
    #menuContainer {
        min-height: 0;
    }
    #mainMenu {
        margin-top: 87px;
    }
    .newsTickerTitle {
        width: 54px;
        font-size: 1rem;
    }
    #newsTicker {
        font-size: 0.8rem;
    }
    .sliderWrap {
        margin-left: -18%;
    }
    .layout-body {
        z-index: 11;
    }
    .atlasTitle,
    .showcasesTitle {
        width: 85%;
    }
    .closeModal .wide {
        display: none;
    }
    .closeModal .narrow {
        display: block;
    }
    button.k-rpanel-toggle {
        margin-top: 1px;
        padding-bottom: 3px;
        background: none;
        color: white;
        font-size: 1.4rem;
        border: none;
    }
    .hamburger {
        border-bottom: 13px double #fafafa;
        border-top: 4px solid #fafafa;
        content: "";
        height: 5px;
        width: 28px;
        margin-top: 5px;
    }
    .layout-wrapper-reset {
        margin-right: 0;
    }
    .smallCard {
        width: 30%;
    }
    .cardText a {
        font-size: 0.8rem;
    }
    .smallCard .cardIcon {
        width: 93%;
        padding-bottom: 0;
    }
    .pageContent .cardIcon img {
        padding-bottom: 6px;
        width: 100%;
    }
    .smallCard .cardText {
        width: 90%;
    }
    #pagePosition {
        font-size: 1.2rem;
        line-height: 2rem;
    }
    #mainMenu.k-menu li {
        float: none;
    }
}

@media all and (max-width:380px) {
    #atlasBigCover>img {
        margin-left: -100px;
    }
    .ol-zoom.ol-unselectable.ol-control {
        width: 70px;
        top: 8px;
    }
    .ol3-geocoder-container {
        top: calc(3.6em + 110px);
    }
    button.ol-zoom-out,
    button.ol-zoom-in,
    #custom_pan_panel #up,
    #custom_pan_panel #down,
    #custom_pan_panel #left,
    #custom_pan_panel #right {
        font-size: 1.5rem;
    }
    #custom_pan_panel #up,
    #custom_pan_panel #down {
        margin-left: 18px;
    }
    #custom_pan_panel {
        width: 70px;
        top: 50px;
    }
    .subSectionsLink {
        font-size: 0.8rem;
    }
    .subsectionTab {
        padding: 0.2rem 0.5rem 0.2rem;
    }
    .subsectionTab.current {
        padding: 0.2rem 0.5rem 0.1rem;
    }
    .subsectionTab.current a {
        font-size: 0.9rem;
    }
    .smallCard {
        width: 44%;
    }
    .smallCard .cardIcon {
        width: 93%;
        padding-bottom: 0;
    }
    .pageContent .cardIcon img {
        padding-bottom: 6px;
        width: 100%;
    }
    .smallCard .cardText {
        width: 90%;
    }
}