.TODO {
    font-size: 72px;
    font-weight: bolder;
    color: firebrick;
    z-index: 100;
    position: relative;
    padding: 50px 220px;
    background: white;
    width: 440px;
}

#dataDownload {
    padding-bottom: 30px;
}

#dataFilters {
    /* background-color: #cde; */
    width: 170px;
}

#downloadSide {
    width: 960px;
}

#resetBtn {
    margin: 20px 43px;
    border-color: #004494;
}

#dataMap {
    width: 961px;
    background-repeat: no-repeat;
    background-size: 960px;
}

#dataMap.m54009 {
    height: 427px;
    background-image: url('../images/m54009.jpg');
}

#dataMap.m3857 {
    height: 606px;
    background-image: url('../images/m3857.jpg');
}

#dataMap.m4326 {
    height: 374px;
    background-image: url('../images/m4326.jpg');
}

#dataMap.m3035 {
    height: 680px;
    background-image: url('../images/m3035.jpg');
}

#dataMap.compositeS2 {
    height: 643px;
    background-image: url('../images/compositeS2.jpg');
}

#dataMap.m54009.debug {
    background-image: url('../images/m54009_wg.jpg');
}

#dataMap.m3857.debug {
    background-image: url('../images/m3857_wg.jpg');
}

#dataMap.m4326.debug {
    background-image: url('../images/m4326_wg.jpg');
}

#dataMap.m3035.debug {
    background-image: url('../images/m3035_wg.jpg');
}

#dataMap.compositeS2.debug {
    background-image: url('../images/compositeS2_wg.jpg');
}

.filterBox {
    padding-top: 10px;
}

.filterBox h3 {
    font-size: 16px;
    font-weight: bold;
    padding: 6px;
}

.filterWrap {
    padding: 3px 9px;
}

.filterRadio {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.filterRadio+img {
    padding: 1px;
    cursor: pointer;
    border: 2px solid white;
    width: 67px;
    /* height: 88px; */
}

.filterLabel {
    border: 2px solid transparent;
    box-sizing: border-box;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    margin: 0;
    padding: 16px 12px;
    color: #004494;
    cursor: pointer;
}

.filterRadio+img:hover,
.filterRadio:checked+span,
.filterLabel:hover,
.filterRadio:checked+img {
    border-color: #ffd617;
    color: white;
}

.filterRadio:checked+span,
.filterRadio:checked+img {
    pointer-events: none;
}

.filterLabel:hover,
.filterRadio:checked+span {
    background-color: #004494;
}

.filterRadio:disabled+img:hover,
.filterRadio:disabled+img,
.filterRadio:disabled+span:hover,
.filterRadio:disabled+span {
    pointer-events: none;
    cursor: default;
    opacity: .5;
}

.tileDld {
    border: 1px solid transparent;
    font-size: 9px;
    font-weight: 600;
    color: transparent;
    float: left;
    box-sizing: border-box;
}

.tileDld.m54009 {
    width: calc(960px/36);
    height: calc(427px/16);
}

.tileDld.m3857 {
    width: calc(960px/27);
    height: calc(606px/17);
}

.tileDld.m4326 {
    width: calc(960px/36);
    height: calc(374px/14);
}

.tileDld.m3035 {
    width: calc(960px/65);
    height: calc(680px/46);
}

a>.tileDld {
    border-color: #ffd617;
    background-color: rgba(255, 214, 23, 0.15);
}

a:hover>.tileDld {
    border-color: #004494;
    background-color: rgba(0, 68, 148, 0.15);
}

a:visited>.tileDld {
    border-color: #551A8B;
    background-color: rgba(85, 26, 139, 0.15);
}

.tileDld.debug {
    color: #004494;
}

.dldToolTipTitle {
    padding-bottom: 3px;
}

.dldToolTipSubTitle {}

.dldToolTipList li {
    list-style: none;
}

#dataPackage2019Info {
    width: 600px;
    padding-left: 160px;
    padding-top: 16px;
}

#dataPackage2019Info>div+div {
    width: 300px;
    padding-left: 30px;
}

.compositeS2 .UTM_X {
    height: 169px;
}

.compositeS2 .UTM_W {
    height: 58px;
}

.compositeS2 .UTM_V {
    height: 43px;
}

.compositeS2 .UTM_U,
.compositeS2 .UTM_F {
    height: 35px;
}

.compositeS2 .UTM_T,
.compositeS2 .UTM_G {
    height: 30px;
}

.compositeS2 .UTM_S,
.compositeS2 .UTM_H {
    height: 27px;
}

.compositeS2 .UTM_R,
.compositeS2 .UTM_J {
    height: 23px;
}

.compositeS2 .UTM_Q,
.compositeS2 .UTM_K {
    height: 23px;
}

.compositeS2 .UTM_M,
.compositeS2 .UTM_N {
    height: 21px;
}

.compositeS2 .UTM_P,
.compositeS2 .UTM_L {
    height: 22px;
}

.compositeS2 .tileDld {
    width: 16px;
}

.compositeS2 .UTM_31V,
.compositeS2 .UTM_32X {
    width: 8px;
}

.compositeS2 .UTM_36X {
    width: 7px;
}

.compositeS2 .UTM_34X {
    width: 0px;
    border: 0;
}

.compositeS2 .UTM_33X,
.compositeS2 .UTM_35X {
    width: 33px;
}

.compositeS2 .UTM_32V {
    width: 24px;
}