.main-container{flex:1 0 auto;justify-content:center;position:relative;display:flex;flex-flow:column;width:100%;height:100%}.main-container .map-area{flex:0 0 auto;display:flex;flex-flow:column;width:100%;height:100%;z-index:1}.map-area-legend{font-family:Arial,sans-serif;background:#ff9425;padding:15px;margin:10px;border:1px solid gray;color:#0f1822}.map-area-legend h6{font-weight:bold;font-size:.8rem;cursor:pointer}@media(max-width:500px){.map-area-legend h6{font-size:.6rem!important}}.map-area-legend h6:hover{opacity:.7}.map-area-legend .click-text{font-weight:normal;font-size:.6rem;cursor:default}.map-area-legend .clicked{opacity:.7;text-decoration:line-through}.map-area-input{font-family:Arial,sans-serif;background:#fff;margin:10px;font-size:.8rem}.map-area-input input{width:100%;height:35px;border:1px solid gray;padding-left:10px;color:#0f1822}.map-area-input input:focus{outline:none!important}@media(max-width:500px){.map-area-input{font-size:.6rem!important}}.tp-map-button{color:#0099d8!important;cursor:pointer}.tp-map-button:hover{opacity:.6}::placeholder{color:#0f1822;opacity:1}:-ms-input-placeholder{color:#0f1822}.main-container-black-background{background:#000;position:relative;margin:0 auto;flex:1 0 auto;justify-content:center;display:flex;flex-flow:column;width:100%;height:80px;text-align:center;color:#fff}