.button-panel{position:absolute;bottom:0;left:50%;transform:translateX(-50%)}.levels-list{background:#313131;border-radius:34px;padding:8px 6px;margin:0;position:absolute;bottom:100%;left:50%;width:200px;margin-bottom:-8px;border:30px solid transparent;background-clip:padding-box;cursor:default;transform:translateX(-50%) translateY(10px);opacity:0;pointer-events:none;z-index:-1;transition:opacity 0.15s ease-in 0.35s, transform 0.15s ease-in 0.35s, z-index 0s 5s}.levels:hover .levels-list{pointer-events:initial;opacity:1;z-index:1;transform:translateX(-50%) translateY(0);transition:opacity 0.15s ease-out, transform 0.15s ease-out, z-index 0s}.levels-list:after{top:100%;bottom:auto;left:50%;transform:translateX(-50%);width:0;height:0;position:absolute;content:'';border-width:8px;border-style:solid;border-color:#313131 transparent transparent}.button-panel .levels-list a{font-size:12px;color:#777;border-radius:500px;padding:4px 12px;display:block;cursor:pointer}.levels-list a:hover{background:#565656;color:#313131}.button-panel .levels-list a.active{background:#DDDDDD;color:#777777;position:relative}.levels-list a.active:after{width:4px;content:'';height:4px;border-radius:50%;background:#777777;position:absolute;right:10px;left:auto;top:50%;transform:translateY(-50%);z-index:1;display:block}.button-panel{background:#313131;padding:2px 6px;border-radius:12px 12px 0 0}.button-panel>ul{margin:0;padding:0;display:flex;list-style:none}.button-panel li{color:#CCCCCC;padding:6px 16px}.button-panel a{color:#CCCCCC}.levels{position:relative}.settings-modal{pointer-events:none}.settings-modal .modal-dialog{margin:0;pointer-events:initial;height:100%;padding:12px}.settings-modal .modal-content{height:100%;overflow-y:auto;overflow-x:hidden}.settings-modal+.modal-backdrop{display:none}.settings-modal .card{margin-bottom:0 !important;border-bottom:0 !important;border-top:0 !important}.popup{max-width:300px;min-width:240px;background:#FFFFFF;transform:translateX(-50%) translateY(-100%);border:0;position:relative;pointer-events:initial}.popup-container{pointer-events:none !important}.popup p{font-size:13px}.popup:after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);height:0;width:0;border-width:12px;border-style:solid;border-color:#F5F5F5 transparent transparent}body>.popup{display:none}.settings-modal .card-block{padding:12px}.settings-modal .card-header{padding:0}.settings-modal a.layer-name{display:block;padding:10px;text-decoration:none !important;font-size:16px;color:#313131}.settings-modal a.layer-name.collapsed{color:#777777}.base-layer-details{display:none}input.form-control[type="color"]{padding:0;height:38px}#gridSystemModal .base-layer-details{display:none}.popup-container .card-img{max-width:100%;height:auto;max-height:100px;margin:0 auto;display:block}.version-panel{position:absolute;bottom:0;right:0;padding:6px 18px;display:block;background:#313131;color:#CCCCCC;border-radius:10px 0 0}#selectVenueModal input.error{border:1px solid #c63737}