/*leaflet风格气泡窗口样式模板*/
.leaflet-popup {
    position: absolute;
    text-align: center;
}

.leaflet-popup-close-button {
    position: absolute;
    top: 0;
    right: 0;
    padding: 4px 4px 0 0;
    text-align: center;
    width: 18px;
    height: 14px;
    font: 16px/14px Tahoma, Verdana, sans-serif;
    color: #c3c3c3;
    text-decoration: none;
    font-weight: bold;
    background: transparent;
}

.leaflet-popup-content-wrapper {
    text-align: center;
    max-height: 500px;
    overflow-y: auto;
    background: rgba(26, 86, 255, 0.69);
    box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
    padding: 1px;
    border-radius: 8px;
}

.leaflet-popup-content {
    -webkit-appearance: none;
    margin: 13px 19px;
    line-height: 1.4;
}

/*滚动条样式*/
.leaflet-popup-content-wrapper::-webkit-scrollbar {
    width: 4px;
}

.leaflet-popup-content-wrapper::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: rgba(0, 0, 0, 0.6);
}

.leaflet-popup-content-wrapper::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 0;
    background: rgba(0, 0, 0, 0.3);
}

.leaflet-popup-tip-container {
    margin: 0 auto;
    width: 40px;
    height: 20px;
    position: relative;
    overflow: hidden;
}

.leaflet-popup-tip {
    background: rgba(26, 86, 255, 0.69);
    box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
    width: 17px;
    height: 17px;
    padding: 1px;
    margin: -10px auto 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

/*controls*/
.cesium-control-container {
    z-index: 10000;
    font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
    cursor: -webkit-grab;
    cursor: -moz-grab;
}

.cesium-control-top,
.cesium-control-bottom {
    position: absolute;
    z-index: 1000;
    pointer-events: none;
}

.cesium-control {
    position: relative;
    z-index: 7;
    pointer-events: auto;
}

.cesium-control-top {
    top: 0;
}

.cesium-control-left {
    left: 0;
}

.cesium-control-right {
    right: 0;
}

.cesium-control-bottom {
    bottom: 0;
}

.cesium-list-switcher {
    overflow-x: hidden;
    overflow-y: hidden;
    -ms-overflow-style: none;
    position: relative;
    overflow: -moz-scrollbars-none;
}

.cesium-list-switcher::-webkit-scrollbar {
    display: none;
}

.cesium-list-switcher > .selected,
.cesium-list-switcher > .selected:hover {
    background-color: #2F53EB;
}

.cesium-list-switcher.disabled::before {
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 4px;
    position: absolute;
    background: rgba(0, 0, 0, .2);
}

.cesium-multiFloor-switcher-floors {
    display: block;
    width: 38px;
    height: 28px;
    line-height: 28px;
    border: 1px solid #979DA4;
    position: relative;
    border-radius: 4px;
    margin: 0 0 8px 0;
    /*background: #aaeeffba url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABa1BMVEUAAAAegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoegvoAAAAEmJR8AAAAd3RSTlMAJozoB1e+/iSJ6QVVuyKHUrn9IITmKLS12errUedUuiMGvSWLWb+vzK6N7a3j5YMfXMJbPNFOAxxPOqD25IEdEG7U/LNMEaL34n4bEnDXsEkCP6X44MXuzmwPFHPYE831njcBQacqttBqtyvznDVnDZozy2UM8sXx3pEAAAABYktHRACIBR1IAAAACXBIWXMAAAsSAAALEgHS3X78AAAB5UlEQVQ4y81U+TsCQRheKtvh6hBRlJJEJBGSUI5KoUNJzgoR5Zx/387M2tm2Vf3k8f6wz3zf9+77zHwXRf0jdHVLJN1d7VhSWQ8NGNA9MmkLmlyhBByUCrk4S9XbR4MG0H29qiZa/4AEiEAy0N8gNqjWgF+gUQ/+yGp1Q6AlhnRahqYf1oC20IzoKUN7GoSBGu2MOEYZTZ3wTEbmyeMTdGsWPTHOPtzMr4gQSoWZl0mLbFJUlp6UWYS1sdqa3jVqs4q3zpSdJ0vbpxoaaNoxYySl1ztnMW3WqScVNs45pikX451fcBPZRQ8AniUi5l6YZyguyruMa7Ti40Krq9zRtzaCKrzsZYx1/wY8BzaDwksHNwMwsuFfZx1b2zvQEQrvElnKtxsOQe/O9h7/Z+/+AfRGojFsx6IRaB/se5uScxhPINmj45OT4yMklogfio9NMpWG8UwGftOpZEPwNJs7y3PWeeEC5/GicMk582e57BVq3OubW85bLJXT6XKpyDlub65R497do0Q9VIislGQ7X3lAaX58IsNVfX4R3vnluQojeLj445qr1QmrXsshMTKuCOwCqL6+YfvtFYkJFgCWZVfK+8fn58c7ajSxlYLALqmvLzwCvywp/ODO1h4Cs0gD7RfpX+IbsgQXrPXbyDgAAAAASUVORK5CYII=) no-repeat center;*/
    background: rgba(27, 31, 50, 0.7) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAQtJREFUOE+Vkj1OQkEURs+N0ltaUFiwAJZgYWdDQgkLsDWxk0SJWJiQQAclxWMBJFr5ElwCBSWJFvawAJNLvjiD48SIvm5+zrl33neN7HP3Q6AFdMJRD5ia2Ud61eIiA2qZbwV8E9geIG/oS+Duc+A0v7FnXariGjj6J7gRqGoDoP5HeAFcCjw3syd3bwA3vwgEdIFHoCnwFdgAt2Y2+0GQAruYBB4D18AFsASGyg04C62XSa5VYAw8CBwBfUCZStAG3kJuYjUIJ0ARWj0ArgQ+hzh0oJBTgUDt3wMeJBK/xAHQQtVknoQLleQv3yWdSFLkIxcF8S1i9fb3ULWIM7sDs5mNAm1/VsiGfAt+b2p/f89gSgAAAABJRU5ErkJggg==) no-repeat center;
    background-size: 14px 14px;
    /*box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 3px;*/
}

.cesium-multiFloor-switcher-floor {
    display: block;
    width: 36px;
    height: 28px;
    line-height: 28px;
    border: 1px solid #979DA4;
    position: relative;
    border-radius: 4px;
    margin: 0 0 8px 0;
    background: rgba(27, 31, 50, 0.7) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAJCAYAAAACTR1pAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAADqADAAQAAAABAAAACQAAAAAP0OXqAAAAdElEQVQoFWNgwAL+//+fAMT3oTgeixJUISQNQCYKuA/kYRoAFITZgKIaC+c+UAxiAJBxAIsCQkL7GYEqPgAdzI/qaIK8j0xAJQ5AfJGgUoSCg0CmA5wLtBnkzwd43AiSC4BrQGdgMQCkIQFdHU4+yHR8NgAAUazcwf/F4d4AAAAASUVORK5CYII=) no-repeat center;
    background-size: 14px 9px;
    /*box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 3px;*/

}

.cesium-up-arrow {
    display: inline-block;
    position: relative;
    border: 1px solid #979DA4;
    width: 40px;
    height: 20px;
    /*background-color: #fff;*/
    margin: 0px 0 -5px 0;
    /*box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);*/
    background: rgba(27, 31, 50, 0.7) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAKZJREFUOE/N0jEOAUEYxfH/u4PCkZQKBTegQiVOYXV0OiVHcQCtW0iejFj5MCubTLOTTDXzfpk3+UThUmGejgO2V0APWEu65+o2VrC9ARZACp6BSQ7JAiGcgBtwbEJ+gBiWtE3Ptj1+ITtJs1jlAwjhStIyXrQ9B6q049kb+BeuoRzyBGwPgdO3nvv1gEwl7WugDwwkHdpMpu0RcJF07fgktqlTXOEBKFpFEVRvh/sAAAAASUVORK5CYII=) no-repeat center;
    border-radius: 2px 2px 0 0;
    background-size: 16px 16px;
    border-bottom: none;
    box-sizing: border-box;
}

.cesium-down-arrow {
    display: inline-block;
    position: relative;
    border: 1px solid #979DA4;
    width: 40px;
    height: 20px;
    /*background-color: #fff;*/
    margin: 0px 0 -4px 0;
    /*box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);*/
    background: rgba(27, 31, 50, 0.7) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAKlJREFUOE/NkzEOwjAMRd+XGBgZOQADl0CiO4djRRyFgZErgMQBGBgY2YxcuYi2SRiyNEuUyP/Z305E5VKlnokAzGwHHIGtpFvJlpktgTOwl3RoLfxcLkqQQVwj6frtwT9ISuzJe00cBG0k3RMVtpk7m6MpBOQCvIEmdj+7vZ54VEFHNbN1NOoFPIFVSpwFRNkOOQGznLgICIiXPZf0yI12Ii+x5kNVW/gAgURAEYWQ9TUAAAAASUVORK5CYII=) no-repeat center;
    border-radius: 0 0 2px 2px;
    background-size: 16px 16px;
    border-top: none;
    box-sizing: border-box;
}

/* bar */
.cesium-bar {
    /*box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);*/
    border-radius: 2px;
    border: 1px solid #979DA4;
    background-color: rgba(27, 31, 50, 0.7);
    box-sizing: border-box;
    padding: 3px 0;
    width: fit-content;
}

.cesium-bar a,
.cesium-bar a:hover {
    /*border-bottom: 1px solid rgba(26, 86, 255, 0.42);*/
    border-radius: 2px;
    width: 28px;
    height: 22px;
    line-height: 22px;
    margin: 3px 5px;
    /*font-weight: bold;*/
    display: block;
    text-align: center;
    text-decoration: none;
    color: #fff;
    font-size: 14px;
}

.cesium-bar a,
.cesium-control-layers-toggle {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    display: block;
}

.cesium-bar a:hover {
    background-color: #2F53EB;
}

.cesium-bar a:first-child {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

.cesium-bar a:last-child {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom: none;
}

.cesium-bar a.
cesium-disabled {
    cursor: default;
    background-color: #f4f4f4;
    color: #bbb;
}

.cesium-touch .cesium-bar a {
    width: 30px;
    height: 30px;
    line-height: 30px;
}

a.cesium-disabled {
    pointer-events: none;
}

/*FloorHeight Control*/

.cesium-floorHeight-range {
    -webkit-appearance: none;
    width: 164px;
    top: 75px;
    position: absolute;
    right: -64px;
    /*top: 400px;*/
    height: 8px;
    border-radius: 16px;
    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg); /* IE 9 */
    -moz-transform: rotate(-90deg); /* Firefox */
    -webkit-transform: rotate(-90deg); /* Safari 和 Chrome */
    -o-transform: rotate(-90deg); /* Opera */
}

.cesium-floorHeight-range::-webkit-slider-thumb {
    -webkit-appearance: none;
}

.cesium-floorHeight-range::-webkit-slider-runnable-track {
    height: 8px;
    border-radius: 10px;
    /*将轨道设为圆角的*/
    /*box-shadow: 1px 1px 1px #1b1f32b3, inset 0 .125em .125em #1b1f32b3;*/
    /*轨道内置阴影效果*/
    border: 1px solid #979DA4;
}

.cesium-floorHeight-range::-moz-range-track {
    height: 8px;
    border-radius: 16px;
    /*将轨道设为圆角的*/
    /*box-shadow: 1px 1px 1px #1b1f32b3, inset 0 .125em .125em #1b1f32b3;*/
    /*轨道内置阴影效果*/
    border: 1px solid #979DA4;
}

.cesium-floorHeight-range::-moz-range-thumb {
    -webkit-appearance: none;
    height: 16px;
    width: 16px;
    margin-top: -5px;
    /*使滑块超出轨道部分的偏移量相等*/
    /*background: #505050;*/
    border-radius: 50%;
    /*外观设置为圆形*/
    /*border: solid 0.2em #707070;*/
    background: #FFFFFF;
    box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.3);
    opacity: 1;
    border: 2px solid #2F53EB;
}

.cesium-floorHeight-range::-moz-range-progress {
    height: 8px;
    border-radius: 16px;
}

.cesium-floorHeight-range:focus {
    outline: none;
}

.cesium-floorHeight-range::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 16px;
    width: 16px;
    margin-top: -5px;
    /*使滑块超出轨道部分的偏移量相等*/
    /*background: #505050;*/
    border-radius: 50%;
    /*外观设置为圆形*/
    /*border: solid 0.125em #707070;*/
    background: #FFFFFF;
    box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.3);
    opacity: 1;
    border: 2px solid #2F53EB;
}

.cesium-floorHeight-value {
    font-size: 12px;
    height: 36px;
    /*width: 52px;*/
    width: 36px;
    color: #fff;
    position: absolute;
    margin-left: 26px;
    bottom: 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAAkCAYAAADGrhlwAAAAAXNSR0IArs4c6QAAAb9JREFUWEftmL9Kw1AUxs+Xm1qL/ws2zZ+Gii6ilMTBCj6Dg0id6iL4AGIn9QmcxEdw0sUX8B0MuDlapXVwEJ2UtpGCQjFtc9Mhua3JfHLP9zvfyb03BzRiD0aMh2Ig0R31dSitreYSEmZFA/lsyu9vdefxr66+QErO3mfAtmgwv3rclntbf3YuOvX1BVJN+xKEOWGBXPer/uTscANpOfuKgAlRgdq6atW7rRgodijECvzfllP0wgYYO5YIvmdViIZ4UvE4BNW0yyAqkeAwvrucYRipBuYrErAeZdWD5O7pUPuKk5QTJyDoQRaMOrYrkGIUigzyEYFSUQsMmt8DlNWtksSwNwzfSzdYD5BmWmdE0nLQyogS7225fH5cbc5UAFYURWQQHb02Bai6XQYbjq26E7jvOZTRrE0m4xCEZJAqRRnre7AqSmEBY+xUAjJRCuXN7QvUXiidXpoem5xqX3tWeBeOKo4L6EccU037WvT2CwJE8R9rBH0XOxQPSUJuu0Atpxpr55BoMWSN3Olccl/qVeeAe4yVzVp5kmkXEG8U3IL70Wy0bl5r9w/cQNylEihQ6AHIIHWKgQapWpjvfAOM2Icl0LnfWAAAAABJRU5ErkJggg==) center no-repeat;
    background-size: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cesium-floorHeight-close {
    position: relative;
    height: 28px;
    width: 40px;
    cursor: pointer;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAAXNSR0IArs4c6QAAAmJJREFUOE9jZEAD/f3zBTj4WJMZ/v/3YWBgVGFgZJBh+M/whIHh/x0GRsYtPz79nltYmPgBWRsjMmfKnEURTP8Zpt679/Db5cs3nj579uLzu7fvfwgJC3JISUnw6upqSCspKbD9Y/yfn5MStwKmF27ItDmLy798+Va7Zs3mM08fP/uM7kIYX15ehi8gyNuYh4erOSslthMkDjYE5IJvX77PWTh/+bEPHz79xGUATFxAgI89PjHSiouHMwXkIkZQGLDzMN9dsHDVZXwuQDcY5KKY2FCNn1/+qDNOn7uk+O6d+wXLl62/AFN47Mhm+7qG7kt79hx6DxNzcbETbKor0bOy8zsIE4uMCjRQUVboYZw+Z8n+DRu2c165fP01TNLVxU6wv7fRpKC4/gzIIJABE3obTQqL68/sRjJYR1dTNCDA8zvjtLmLn0+dNPcyeljADFqydO2dmOhgFXQDQBaCYi0rK1ED5J3/LU19W7AFZmVZrmJ2VoL21GkLrrZ3Tb6PTU1NXZEPTpfAvLB02bo70VFBKjCvIRsEdkk2yCVYwgQ9DNDDCGYQPExwxU59Q/cl5EAEGdTYUKpnZeOLGTugdMLGw3xryeI11x89fPKJUEKDycuB00mI5q8vf9XAKXb6nEURn8lIsbw8nCmZoBQLM3nanKXlXz5/rl2/fttZfC4CuSAoxMeEm4u7KSslGpF3YAaBXPTvP8Ok+/ce/rx86cbTZ8+RcrGkBK+unoa0opI8OxMjQx7IBRi5GCYACiNOXpb4/wyMAQyMDCoMDAwyDAwMTxj+M9xhZPi/4fvnPwvRyxMAf1pFvx2hn6IAAAAASUVORK5CYII=) center no-repeat;
    background-size: 16px 16px;
    margin-bottom: 4px;
}
.cesium-slider-box{
    position: relative;
    height: 164px;
    width: 100%;
    margin-top: 15px;
}

/**Cesium compass*/
.cesium-compass {
    pointer-events: auto;
    /*position: absolute;*/
    /*right: 0px;*/
    /*top: 100px;*/
    width: 95px;
    height: 95px;
    overflow: hidden;
    z-index: 1;
}

.cesium-compass-outer-ring-background {
    position: absolute;
    top: 14px;
    left: 14px;
    width: 44px;
    height: 44px;
    border-radius: 44px;
    border: 12px solid rgba(47, 53, 60, 0.8);
    box-sizing: content-box;
}

.cesium-compass-rotation-marker {
    position: absolute;
    top: 0;
    width: 95px;
    height: 95px;
    fill: #68ADFE;
}

.cesium-compass-svgPath-svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.cesium-compass-gyro-background {
    position: absolute;
    top: 30px;
    left: 30px;
    width: 33px;
    height: 33px;
    border-radius: 33px;
    background-color: rgba(47, 53, 60, 0.8);
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-sizing: content-box;
}

.cesium-compass-outer-ring {
    position: absolute;
    top: 0;
    width: 95px;
    height: 95px;
    fill: rgba(255, 255, 255, 0.5);
}

.cesium-compass-gyro {
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 95px;
    height: 95px;
    fill: #CCC;
}

.cesium-compass-gyro-active {
    fill: #68ADFE;
}

.cesium-zoom-controls {
    /*position: absolute;*/
    width: 30px;
    height: 85px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    font-weight: 300;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.cesium-zoom-control {
    cursor: pointer;
    border-bottom: 1px solid #555555;
    float: left;
    width: 100%;
    background: rgba(0, 0, 0, 0.52);
}

.cesium-zoom-control:active {
    color: #FFF;
}

.cesium-zoom-control-last {
    cursor: pointer;
    border-bottom: 1px solid #555555;
    border-bottom: 0;
}

.cesium-zoom-control-icon-zoom-in {
    position: relative;
    text-align: center;
    font-size: 20px;
    color: #FFFFFF;
    padding-bottom: 4px;
}

.cesium-zoom-control-icon-zoom-out {
    position: relative;
    text-align: center;
    font-size: 20px;
    color: #FFFFFF;
}

.cesium-zoom-control-icon-reset {
    position: relative;
    left: 10px;
    width: 10px;
    height: 10px;
    fill: #FFFFFF;
    padding-top: 6px;
    padding-bottom: 6px;
    box-sizing: content-box;
}

.cesium-svgPath-svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

/*
    initial twipsy code taken from bootstrap
*/
.cesium-twipsy {
    display: block;
    position: absolute;
    visibility: visible;
    max-width: 200px;
    min-width: 100px;
    padding: 5px;
    font-size: 11px;
    z-index: 1000;
    opacity: 0.8;
    -khtml-opacity: 0.8;
    -moz-opacity: 0.8;
    filter: alpha(opacity=80);
}

.cesium-twipsy.left .cesium-twipsy-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #000000;
}

.cesium-twipsy.right .cesium-twipsy-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid #000000;
}

.cesium-twipsy-inner {
    padding: 3px 8px;
    background-color: #000000;
    color: white;
    text-align: center;
    max-width: 200px;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.cesium-twipsy-arrow {
    position: absolute;
    width: 0;
    height: 0;
}

/**
DrawTool
 */
.cesium-drawTool-header {
    width: 200px;
    height: 36px;
    padding-left: 0.5em;
    padding-top: 0.5em;
    border: 1px solid #fcfcfc;
    background: rgba(47, 53, 60, 0.8);
    display: flex;
}

.cesium-drawTool-polygon {
    display: block;
    width: 26px;
    height: 26px;
    line-height: 40px;
    position: relative;
    border-radius: 1px;
    margin: 2px 4px 2px 8px;
    background: rgba(250, 250, 250, 0.8) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAZCAYAAAAv3j5gAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9wHHggwL9FK0FoAAAGMSURBVEjHrZa9TgJBFIW/S6gowAewIbGwMCFRE0kMsTUxGjpbO2MFFr6EFvAIxFYLQmWpvYb4BNLYKwXtteCCwzALu8ucZDI7P3vO5uy9d0ZUlbQQkYXNqipp3y2QEaoqWQQyCYlIRUQ6gfmOiFTSfuHKBtSAIaAJbQjU1vKsEWl5pE/AJXBuz+5aaxWXhILB7OgBTZsaA13g3dt6CLSBso1fgaaq/i5x+kIicgL0gS2b+gAegEmC+yXgDjiw8Y+JvSUK2Q9vO+uPwHPKwDoDrp1xV1Vv59zmr49v4B74yhjFVeAG2F2ybhp407ywhHyx/zMhH0rAFXDq8oaELoiDgctbDJWWWHB5C6badcI4FsZOUMisBPWsLwN7EUSOnNzqzWudqn4CI1vYjyC0Y/3IuBeKat/6egShY49zQWhm37blQ15UjcPl/Bfy7GtsINTwbQudRzHsq/u2hYQ2tS9o25JQBPuCtiUdE36VSFuSBqsuLkEhr/Zlurj4HLlvQXlRXFcM016tRERXOfAHuVQDErLxezQAAAAASUVORK5CYII=) no-repeat center;
    background-size: 90% 90%;
    cursor: pointer;
}

/*.cesium-drawTool-polygon:hover {*/
/*    background: rgba(234, 213, 213, 1.0) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAZCAYAAAAv3j5gAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9wHHggwL9FK0FoAAAGMSURBVEjHrZa9TgJBFIW/S6gowAewIbGwMCFRE0kMsTUxGjpbO2MFFr6EFvAIxFYLQmWpvYb4BNLYKwXtteCCwzALu8ucZDI7P3vO5uy9d0ZUlbQQkYXNqipp3y2QEaoqWQQyCYlIRUQ6gfmOiFTSfuHKBtSAIaAJbQjU1vKsEWl5pE/AJXBuz+5aaxWXhILB7OgBTZsaA13g3dt6CLSBso1fgaaq/i5x+kIicgL0gS2b+gAegEmC+yXgDjiw8Y+JvSUK2Q9vO+uPwHPKwDoDrp1xV1Vv59zmr49v4B74yhjFVeAG2F2ybhp407ywhHyx/zMhH0rAFXDq8oaELoiDgctbDJWWWHB5C6badcI4FsZOUMisBPWsLwN7EUSOnNzqzWudqn4CI1vYjyC0Y/3IuBeKat/6egShY49zQWhm37blQ15UjcPl/Bfy7GtsINTwbQudRzHsq/u2hYQ2tS9o25JQBPuCtiUdE36VSFuSBqsuLkEhr/Zlurj4HLlvQXlRXFcM016tRERXOfAHuVQDErLxezQAAAAASUVORK5CYII=) no-repeat center;*/
/*}*/

/*.cesium-drawTool-polygon:active {*/
/*    background: rgba(234, 213, 213, 1.0) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAZCAYAAAAv3j5gAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9wHHggwL9FK0FoAAAGMSURBVEjHrZa9TgJBFIW/S6gowAewIbGwMCFRE0kMsTUxGjpbO2MFFr6EFvAIxFYLQmWpvYb4BNLYKwXtteCCwzALu8ucZDI7P3vO5uy9d0ZUlbQQkYXNqipp3y2QEaoqWQQyCYlIRUQ6gfmOiFTSfuHKBtSAIaAJbQjU1vKsEWl5pE/AJXBuz+5aaxWXhILB7OgBTZsaA13g3dt6CLSBso1fgaaq/i5x+kIicgL0gS2b+gAegEmC+yXgDjiw8Y+JvSUK2Q9vO+uPwHPKwDoDrp1xV1Vv59zmr49v4B74yhjFVeAG2F2ybhp407ywhHyx/zMhH0rAFXDq8oaELoiDgctbDJWWWHB5C6badcI4FsZOUMisBPWsLwN7EUSOnNzqzWudqn4CI1vYjyC0Y/3IuBeKat/6egShY49zQWhm37blQ15UjcPl/Bfy7GtsINTwbQudRzHsq/u2hYQ2tS9o25JQBPuCtiUdE36VSFuSBqsuLkEhr/Zlurj4HLlvQXlRXFcM016tRERXOfAHuVQDErLxezQAAAAASUVORK5CYII=) no-repeat center;*/
/*}*/

.cesium-drawTool-polyline {
    display: block;
    width: 26px;
    height: 26px;
    line-height: 40px;
    position: relative;
    border-radius: 1px;
    margin: 2px 4px 2px 8px;
    background: rgba(250, 250, 250, 0.8) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAoElEQVRIibXVSw6CQBBF0VeG/bT7H7kFV+ISrgMKFVDpz6OSDh1Izk2YVAByTkSswItVzwECCHsgIsr23WTGb3l//yZg+Egqkh6SyGd5fTsTHw4c4UOBGrw7UIt3BVrw5kAr3hTowasDvXhVYAQ/DIzifwMO/GfAhX8NOPFdwI2vAmfg6YrNseGAYt458/7MTXQF7jLNLrDcXTMtsBP9nCclYxltZhWv5wAAAABJRU5ErkJggg==) no-repeat center;
    background-size: 90% 90%;
    cursor: pointer;
}

.cesium-drawTool-point {
    display: block;
    width: 26px;
    height: 26px;
    line-height: 40px;
    position: relative;
    border-radius: 1px;
    margin: 2px 4px 2px 8px;
    background: rgba(250, 250, 250, 0.8) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3gEXFB8WNu8hCgAAANFJREFUSMe1lV0NxCAQhCdnoBKQUAmcg6sDJCABCScBKUiohJ4DJNAXmlw2S8vyM8m+0Ha+hW6nwL0UAA/gAJD+KgAw6JQhplwFAMss86t2KUQJzK/yEoBnDI68K124nnJjVYrUPBEBsAzA1gLogyYxYibLcWavCuBPuC4GbIX1d+v8h6djyqNJ79G938Ce4bEwZdVaCiZ3ZaXH5ATmsSUuJLtwrS/bzepekknf3sj2DwDVC1CjErRlF2oUYJ3ZfSk+1tEATf7DUxSkoSbVp6X7E7hV5TG4/sDnAAAAAElFTkSuQmCC) no-repeat center;
    background-size: 90% 90%;
    cursor: pointer;
}

.cesium-drawTool-deactivate {
    display: block;
    width: 26px;
    height: 26px;
    line-height: 40px;
    position: relative;
    border-radius: 1px;
    margin: 2px 4px 2px 8px;
    background: rgba(250, 250, 250, 0.8) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfkBgQILwa0T10jAAABXklEQVRIx6WVUZmDMBCEf2LgIgEHFwfFwcXJ4eDqoHVQJPQUtA5KFRQHxEHvYUM4IGnJx+YJkpmd2SxLQTwsX5RoDNDi6Djzy6ooOdHzjKyeE/odfJ8AjyQ/abDmFg52HKkwABgqjnRh7xbXYULuK1U0QcU16DDL7AO8fmmxDhR6ChfxLpF7qsN5I5PSCe97uFDI6f14cf0K8UsjwUbjS5cTUs5GHtxCfqoL5jZ6AOvvnSwCfF9YhQXgnGVgRFSKchOBUb6SLptAEB+Fd1bMahCPyCmVnXkWirt4yUYK4q68F51NIAinfAfYbAJBtEMjPWblWd1IsKWVxb7/mC5ZBtr/H5P2GurV8NrnD6XfOFBGSf2qkSbjp52+Hmw8+V4hfiJ/CBMoLsmxfgtwEzugvRHpiwO78GPZceAR9tpXfbsPOuLLTUsX19EkSBzNMneRoLFYSjSfwB1HyzU+tf4AGkkZxg49gW4AAAAldEVYdGRhdGU6Y3JlYXRlADIwMjAtMDMtMTlUMTA6NTA6NTkrMDA6MDDENyNFAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE5LTAxLTA4VDE4OjIzOjQxKzAwOjAwV9SPMwAAACB0RVh0c29mdHdhcmUAaHR0cHM6Ly9pbWFnZW1hZ2ljay5vcme8zx2dAAAAGHRFWHRUaHVtYjo6RG9jdW1lbnQ6OlBhZ2VzADGn/7svAAAAF3RFWHRUaHVtYjo6SW1hZ2U6OkhlaWdodAAzMij0+PQAAAAWdEVYdFRodW1iOjpJbWFnZTo6V2lkdGgAMzLQWzh5AAAAGXRFWHRUaHVtYjo6TWltZXR5cGUAaW1hZ2UvcG5nP7JWTgAAABd0RVh0VGh1bWI6Ok1UaW1lADE1NDY5NzE4MjG6qZF3AAAAEHRFWHRUaHVtYjo6U2l6ZQA2NDlCWiQoXwAAAFp0RVh0VGh1bWI6OlVSSQBmaWxlOi8vL2RhdGEvd3d3cm9vdC93d3cuZWFzeWljb24ubmV0L2Nkbi1pbWcuZWFzeWljb24uY24vZmlsZXMvMTA5LzEwOTgzODQucG5n3Tk0rQAAAABJRU5ErkJggg==) no-repeat center;
    background-size: 90% 90%;
    cursor: pointer;
}

.cesium-drawTool-clear {
    display: block;
    width: 26px;
    height: 26px;
    line-height: 40px;
    position: relative;
    border-radius: 1px;
    margin: 2px 4px 2px 8px;
    background: rgba(250, 250, 250, 0.8) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAZCAYAAAArK+5dAAAACXBIWXMAAAsTAAALEwEAmpwYAAAA3ElEQVRIie2Uyw2DMBBEZ6LcgQpQKqAE0gklUEJKcUkoFaQE6GByWUcoMR8bUC6sNBfveJ+9lpeSsDVIVgAg6fmT2wkgA/A7d9lcfSFOwAnYEUCyJOlI9iQ1kiNZJhPso1UAegAC0AF4mDpb6wFUkhCSeTSRQzYq3gQMzQiSpQCcGdqZE7bmcbEA2skGSbe5VpJ8AcglFYHc5Cyi0VdHsMhfh12IOhUx3g8gdkNsXFM2+Z4vrA+SiiNvkAOJN4h6i/FHWZJ567V+AHVKi+4x3sMBvkV+Hs3JxbTT6w0G5gFksc030AAAAABJRU5ErkJggg==) no-repeat center;
    background-size: 90% 90%;
    cursor: pointer;
}

.cesium-drawTool-import {
    display: block;
    width: 26px;
    height: 26px;
    line-height: 40px;
    position: relative;
    border-radius: 1px;
    margin: 2px 4px 2px 8px;
    background: rgba(250, 250, 250, 0.8) url(data:image/png;base64, ) no-repeat center;
    background-size: 90% 90%;
    cursor: pointer;
}

.cesium-drawTool-import-file {
    width: 26px;
    display: block;
    height: 26px;
    opacity: 0;
}

.cesium-drawTool-output {
    display: block;
    width: 26px;
    height: 26px;
    line-height: 40px;
    position: relative;
    border-radius: 1px;
    margin: 2px 4px 2px 8px;
    background: rgba(250, 250, 250, 0.8) url(data:image/png;base64, ) no-repeat center;
    background-size: 90% 90%;
    cursor: pointer;
}

.cesium-drawTool-nav {
    margin: auto;
    position: relative;
    /*min-width: 150px;*/
    height: 278px;
    width: 206px;
    background-color: rgba(255, 255, 255, 0.4);;
    border: 1px solid #fcfcfc;
    cursor: pointer;
}

.cesium-drawTool-nav h2 {
    border-radius: 2px;
    position: relative;
    background: rgba(47, 53, 60, 0.8);
    color: ivory;
    font-size: 14px;
    display: flex;
    flex: 1;
    justify-content: center;
    align-items: center;
    height: 24px;
    margin: 0px 0px 2px 0px;
}

.cesium-drawTool-nav:hover h2 {
    background: rgb(47, 53, 60);
}

/*.cesium-drawTool-nav:hover:active h2 {*/
/*    transform: translateY(10px);*/
/*    box-shadow: 0px -1px 2px 0px rgba(0, 0, 0, .35);*/
/*}*/

.cesium-drawTool-nav input {
    /*position: absolute;*/
    left: 13px;
    margin-left: 3px;
    width: 80px;
    height: 21px;
    z-index: 1;
    background: rgba(5, 5, 5, 0.3);
    color: white;
    border: 0px;
    text-align: center;
    vertical-align: middle;
}

/*.cesium-drawTool-nav input:checked ~ ul {*/
/*    height: 0%;*/
/*}*/

.cesium-drawTool-nav ul {
    padding-left: 0;
    padding-top: 0;
    margin-top: 0;
    list-style: none;
    overflow-y: auto;
    text-align: right;
    margin-bottom: 22px;
    text-align: center;
    /*transition: all .4s ease-out;*/
    height: 250px;
    overflow-x: hidden;
}

.cesium-drawTool-nav ul::-webkit-scrollbar { /*滚动条整体样式*/
    width: 10px; /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
}

.cesium-drawTool-nav ul::-webkit-scrollbar-thumb { /*滚动条里面小方块*/
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: #535353;
}

.cesium-drawTool-nav ul::-webkit-scrollbar-track { /*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    background: #EDEDED;
}

.cesium-drawTool-nav ul li {
    border-radius: 2px;
    position: relative;
    display: inline-block;
    margin-left: 35px;
    line-height: 1.5;
    width: 100%;
    margin: 1px;
    background: rgba(5, 5, 5, 0.3);
    border-color: #003da8;
}

.cesium-drawTool-nav ul li:hover {
    background: rgba(5, 5, 5, 0.7);
}

.cesium-drawTool-nav ul div {
    display: block;
    color: ivory;
    text-transform: lowercase;
    font-size: 14px;
    font-weight: 200;
    text-decoration: none;
    /*transition: color .3s;*/
}

.cesium-drawTool-nav-list-span-id {
    float: left;
    margin-left: 0px;
    width: 16px;
    color: #7fffd4;
}

.cesium-drawTool-nav-list-span-name {
    margin-left: 13px;
    float: left;
}

.cesium-drawTool-nav-list-delete {
    float: right;
    height: 21px;
    width: 21px;
    margin-right: 5px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAuUlEQVQ4T92TwQkCUQxEZ+6CtmAFWoJ2YClagdjBdmIJbglbygreR+bzd8l+v8LiRcwtJHkkk4T40viuXlIDYJPjHclTLXcESNoCWIaktijYBf9OsrMfAX0B+DScAasJwE7uAgO9JNTiEw0kpbZJxnZHTi3+wwBJFnUY5UpyPWsESQKwzwLcSPJ/AD3Jw7Dbco1HAGcAPlNf2iMnLgBYVJ/7haT/JNnLM0kyxOqnUw1mQBuLq4C53/0EmKSAEU917lMAAAAASUVORK5CYII=) no-repeat center;
    background-size: 70% 70%;
}

.cesium-drawTool-nav-list-delete:hover {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA50lEQVQ4T92TvY3CQBCF3yNGwtABwZJCCdABdawTqADRAQlugxKOEhxjasCLROyHdsHGBoN0d8npNpudmU/z84b45eO7/MH2uBE19n4C6cmaZVtsBYi2hwnIXhnUAfb1hAKYVrZ0dvEovcNv3/0kcwQqwKfOBJxza6IGwBuhCgAl/RnS5m/MoJ9koezcmke5NUqb/w8D/FAlhVZI7HI7Gn6rhUGSqSBmHtARvk7W8L8ABJfHZl5ut7HGKMkWFFYgUgERpYsPFNkl4CBMRKydNZtWQFDjDTIFEaT60D+ciH09+UXKP7nsK/6cnBEad3R7AAAAAElFTkSuQmCC) no-repeat center;
    background-size: 90% 90%;
}

.cesium-drawTool-nav-list-edit {
    float: right;
    margin-right: 2px;
    height: 21px;
    width: 21px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA2ElEQVQ4T6WTURHCQAxE3zrAAeAACaAAHIAEJCABCZUACkBCJWABBWHSuXSuhfbaoT/9aPdlk2zEn4+m6s2sAvbATlIdukmAJF4AT+ACbANSBCQxkk5e1cz8fQ3IKKAvDttm5i6OktaDgCFxcuGtvNzVT0BB7MNsW/oCzBE3oHyNc8UdQKxK0qGfjTFw48DMNsAN8F23O07fOj334QHw3a58svmOxyp3kph+rCQ9s6A8gHcEaCjy4cAre+9LwNs5A/eSuB2imflxRNY9JHV+MGMHV7yF0rV+AFGPcBEVzLcvAAAAAElFTkSuQmCC) no-repeat center;
    background-size: 70% 70%;
}

.cesium-drawTool-nav-list-edit:hover {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA/ElEQVQ4T6WTsXXCMBRF3yMLyCwQKHDNCMkEsAG0gYYRGIHGrhkhmSAawbXdeIJAFvDLEQf5GCeW4ESNCulePZ3/P/HPxXv5cV4eJS4EvZ63aeG5uwRX2IiwBPaSXrwkKnCwe+1rk67dbrJyTfLgJUFBH/axx1m1F7U6bdLpoGAIdpIkryyh2qX6UxCC+2e/BI/ALs2N4FH4RuBLddrOlv3eCIkvCUxWzgm+gzDdGruzENwmcLUdgZMGqrs1jsGtwF1syOP5bWZ9owD4JPTtG2io5S9fSLKqFrSE+Dx6wlwNdqQ+YnCbIMnLAqIhZRvBAii6AxMauOgsxKb1B4Q7lhEUKYj7AAAAAElFTkSuQmCC) no-repeat center;
    background-size: 90% 90%;
}

.cesium-navigation {
    background: rgba(0, 0, 0, 0.54);
    color: #FFF;
    border-radius: 10px;
    margin-left: 10px;
    width: 100%;
    font-size: 12px;
    line-height: 25px;
    height: 25px;
}

.cesium-distance-legend {
    pointer-events: auto;
    float: left;
}

.cesium-distance-legend-label {
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    width: 125px;
    text-align: center;
}

.cesium-distance-legend-scale-bar {
    border-left: 2px solid #FFF;
    border-right: 2px solid #FFF;
    border-bottom: 2px solid #FFF;
    position: absolute;
    height: 10px;
    top: 24px;
}

.cesium-navigation-info {
    float: right;
    margin-right: 20px;
}

.cesium-viewer-bottom {
    right: 0 !important;
}





.cesium-svgPath-svg{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.cesium-button{display:inline-block;position:relative;background:#303336;border:1px solid #444;color:#edffff;fill:#edffff;border-radius:4px;padding:5px 12px;margin:2px 3px;cursor:pointer;overflow:hidden;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.cesium-button:focus{color:#fff;fill:#fff;border-color:#ea4;outline:0}.cesium-button:hover{color:#fff;fill:#fff;background:#48b;border-color:#aef;box-shadow:0 0 8px #fff}.cesium-button:active{color:#000;fill:#000;background:#adf;border-color:#fff;box-shadow:0 0 8px #fff}.cesium-button-disabled,.cesium-button-disabled:active,.cesium-button-disabled:focus,.cesium-button-disabled:hover,.cesium-button:disabled{background:#303336;border-color:#444;color:#646464;fill:#646464;box-shadow:none;cursor:default}.cesium-button option{background-color:#000;color:#eee}.cesium-button option:disabled{color:#777}.cesium-button input,.cesium-button label{cursor:pointer}.cesium-button input{vertical-align:sub}.cesium-toolbar-button{box-sizing:border-box;width:32px;height:32px;border-radius:14%;padding:0;vertical-align:middle;z-index:0}.cesium-performanceDisplay-defaultContainer{position:absolute;top:50px;right:10px;text-align:right}.cesium-performanceDisplay{background-color:rgba(40,40,40,.7);padding:7px;border-radius:5px;border:1px solid #444;font:bold 12px sans-serif}.cesium-performanceDisplay-fps{color:#e52}.cesium-performanceDisplay-throttled{color:#a42}.cesium-performanceDisplay-ms{color:#de3}.cesium-animation-theme{visibility:hidden;display:block;position:absolute;z-index:-100}.cesium-animation-themeNormal{color:#222}.cesium-animation-themeHover{color:#4488b0}.cesium-animation-themeSelect{color:#242}.cesium-animation-themeDisabled{color:#333}.cesium-animation-themeKnob{color:#222}.cesium-animation-themePointer{color:#2e2}.cesium-animation-themeSwoosh{color:#8ac}.cesium-animation-themeSwooshHover{color:#aef}.cesium-animation-svgText{fill:#edffff;font-family:Sans-Serif;font-size:15px;text-anchor:middle}.cesium-animation-blank{fill:#000;fill-opacity:.01;stroke:none}.cesium-animation-rectButton{cursor:pointer;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.cesium-animation-rectButton .cesium-animation-buttonGlow{fill:#fff;stroke:none;display:none}.cesium-animation-rectButton:hover .cesium-animation-buttonGlow{display:block}.cesium-animation-rectButton .cesium-animation-buttonPath{fill:#edffff}.cesium-animation-rectButton .cesium-animation-buttonMain{stroke:#444;stroke-width:1.2}.cesium-animation-rectButton:hover .cesium-animation-buttonMain{stroke:#aef}.cesium-animation-rectButton:active .cesium-animation-buttonMain{fill:#abd6ff}.cesium-animation-buttonDisabled{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.cesium-animation-buttonDisabled .cesium-animation-buttonMain{stroke:#555}.cesium-animation-buttonDisabled .cesium-animation-buttonPath{fill:#818181}.cesium-animation-buttonDisabled .cesium-animation-buttonGlow{display:none}.cesium-animation-buttonToggled .cesium-animation-buttonGlow{display:block;fill:#2e2}.cesium-animation-buttonToggled .cesium-animation-buttonMain{stroke:#2e2}.cesium-animation-buttonToggled:hover .cesium-animation-buttonGlow{fill:#fff}.cesium-animation-buttonToggled:hover .cesium-animation-buttonMain{stroke:#2e2}.cesium-animation-shuttleRingG{cursor:pointer}.cesium-animation-shuttleRingPointer{cursor:pointer}.cesium-animation-shuttleRingPausePointer{cursor:pointer}.cesium-animation-shuttleRingBack{fill:#181818;fill-opacity:.8;stroke:#333;stroke-width:1.2}.cesium-animation-shuttleRingSwoosh line{stroke:#8ac;stroke-width:3;stroke-opacity:.2;stroke-linecap:round}.cesium-animation-knobOuter{cursor:pointer;stroke:#444;stroke-width:1.2}.cesium-animation-knobInner{cursor:pointer}.cesium-baseLayerPicker-selected{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.cesium-baseLayerPicker-dropDown{display:block;position:absolute;box-sizing:content-box;top:auto;right:0;width:320px;max-height:500px;margin-top:5px;background-color:rgba(38,38,38,.75);border:1px solid #444;padding:6px;overflow:auto;border-radius:10px;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;transform:translate(0,-20%);visibility:hidden;opacity:0;transition:visibility 0s .2s,opacity .2s ease-in,transform .2s ease-in}.cesium-baseLayerPicker-dropDown-visible{transform:translate(0,0);visibility:visible;opacity:1;transition:opacity .2s ease-out,transform .2s ease-out}.cesium-baseLayerPicker-sectionTitle{display:block;font-family:sans-serif;font-size:16pt;text-align:left;color:#edffff;margin-bottom:4px}.cesium-baseLayerPicker-choices{margin-bottom:5px}.cesium-baseLayerPicker-categoryTitle{color:#edffff;font-size:11pt}.cesium-baseLayerPicker-choices{display:block;border:1px solid #888;border-radius:5px;padding:5px 0}.cesium-baseLayerPicker-item{display:inline-block;vertical-align:top;margin:2px 5px;width:64px;text-align:center;cursor:pointer}.cesium-baseLayerPicker-itemLabel{display:block;font-family:sans-serif;font-size:8pt;text-align:center;vertical-align:middle;color:#edffff;cursor:pointer;word-wrap:break-word}.cesium-baseLayerPicker-item:focus .cesium-baseLayerPicker-itemLabel,.cesium-baseLayerPicker-item:hover .cesium-baseLayerPicker-itemLabel{text-decoration:underline}.cesium-baseLayerPicker-itemIcon{display:inline-block;position:relative;width:inherit;height:auto;background-size:100% 100%;border:solid 1px #444;border-radius:9px;color:#edffff;margin:0;padding:0;cursor:pointer;box-sizing:border-box}.cesium-baseLayerPicker-item:hover .cesium-baseLayerPicker-itemIcon{border-color:#fff;box-shadow:0 0 8px #fff,0 0 8px #fff}.cesium-baseLayerPicker-selectedItem .cesium-baseLayerPicker-itemLabel{color:#bdecf8}.cesium-baseLayerPicker-selectedItem .cesium-baseLayerPicker-itemIcon{border:double 4px #bdecf8}.cesium-widget{position:relative}.cesium-widget,.cesium-widget canvas{width:100%;height:100%;touch-action:none}.cesium-widget-credits{display:block;position:absolute;bottom:0;left:0;color:#fff;font-size:10px;text-shadow:0 0 2px #000;padding-right:5px}.cesium-widget-credits a,.cesium-widget-credits a:visited{color:#fff}.cesium-widget-errorPanel{position:absolute;top:0;right:0;bottom:0;left:0;text-align:center;background:rgba(0,0,0,.7);z-index:99999}.cesium-widget-errorPanel:before{display:inline-block;vertical-align:middle;height:100%;content:""}.cesium-widget-errorPanel-content{width:75%;max-width:500px;display:inline-block;text-align:left;vertical-align:middle;border:1px solid #510c00;border-radius:7px;background-color:#f0d9d5;font-size:14px;color:#510c00}.cesium-widget-errorPanel-content.expanded{max-width:75%}.cesium-widget-errorPanel-header{font-size:18px;font-family:"Open Sans",Verdana,Geneva,sans-serif;background:#d69d93;border-bottom:2px solid #510c00;padding-bottom:10px;border-radius:3px 3px 0 0;padding:15px}.cesium-widget-errorPanel-scroll{overflow:auto;font-family:"Open Sans",Verdana,Geneva,sans-serif;white-space:pre-wrap;padding:0 15px;margin:10px 0 20px 0}.cesium-widget-errorPanel-buttonPanel{padding:0 15px;margin:10px 0 20px 0;text-align:right}.cesium-widget-errorPanel-buttonPanel button{border-color:#510c00;background:#d69d93;color:#202020;margin:0}.cesium-widget-errorPanel-buttonPanel button:focus{border-color:#510c00;background:#f0d9d5;color:#510c00}.cesium-widget-errorPanel-buttonPanel button:hover{border-color:#510c00;background:#f0d9d5;color:#510c00}.cesium-widget-errorPanel-buttonPanel button:active{border-color:#510c00;background:#b17b72;color:#510c00}.cesium-widget-errorPanel-more-details{text-decoration:underline;cursor:pointer}.cesium-widget-errorPanel-more-details:hover{color:#2b0700}.cesium-cesiumInspector{border-radius:5px;transition:width ease-in-out .25s;background:rgba(48,51,54,.8);border:1px solid #444;color:#edffff;display:inline-block;position:relative;padding:4px 12px;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden}.cesium-cesiumInspector-button{text-align:center;font-size:11pt}.cesium-cesiumInspector-visible .cesium-cesiumInspector-button{border-bottom:1px solid #aaa;padding-bottom:3px}.cesium-cesiumInspector input:enabled,.cesium-cesiumInspector-button{cursor:pointer}.cesium-cesiumInspector-visible{width:185px;height:auto}.cesium-cesiumInspector-hidden{width:122px;height:17px}.cesium-cesiumInspector-sectionContent{max-height:500px}.cesium-cesiumInspector-section-collapsed .cesium-cesiumInspector-sectionContent{max-height:0;padding:0!important;overflow:hidden}.cesium-cesiumInspector-dropDown{margin:5px 0;font-family:sans-serif;font-size:10pt;width:185px}.cesium-cesiumInspector-frustumStatistics{padding-left:10px;padding:5px;background-color:rgba(80,80,80,.75)}.cesium-cesiumInspector-pickButton{background-color:rgba(0,0,0,.3);border:1px solid #444;color:#edffff;border-radius:5px;padding:3px 7px;cursor:pointer;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;margin:0 auto}.cesium-cesiumInspector-pickButton:focus{outline:0}.cesium-cesiumInspector-pickButton:active,.cesium-cesiumInspector-pickButtonHighlight{color:#000;background:#adf;border-color:#fff;box-shadow:0 0 8px #fff}.cesium-cesiumInspector-center{text-align:center}.cesium-cesiumInspector-sectionHeader{font-weight:700;font-size:10pt;margin:0;cursor:pointer}.cesium-cesiumInspector-pickSection{border:1px solid #aaa;border-radius:5px;padding:3px;margin-bottom:5px}.cesium-cesiumInspector-sectionContent{margin-bottom:10px;transition:max-height .25s}.cesium-cesiumInspector-tileText{padding-bottom:10px;border-bottom:1px solid #aaa}.cesium-cesiumInspector-relativeText{padding-top:10px}.cesium-cesiumInspector-sectionHeader::before{margin-right:5px;content:"-";width:1ch;display:inline-block}.cesium-cesiumInspector-section-collapsed .cesium-cesiumInspector-sectionHeader::before{content:"+"}ul.cesium-cesiumInspector-statistics{margin:0;padding-top:3px;padding-bottom:3px}ul.cesium-cesiumInspector-statistics+ul.cesium-cesiumInspector-statistics{border-top:1px solid #aaa}.cesium-cesiumInspector-slider{margin-top:5px}.cesium-cesiumInspector-slider input[type=number]{text-align:left;background-color:#222;outline:0;border:1px solid #444;color:#edffff;width:100px;border-radius:3px;padding:1px;margin-left:10px;cursor:auto}.cesium-cesiumInspector-slider input[type=number]::-webkit-inner-spin-button,.cesium-cesiumInspector-slider input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.cesium-cesiumInspector-slider input[type=range]{margin-left:5px;vertical-align:middle}.cesium-cesiumInspector-hide .cesium-cesiumInspector-styleEditor{display:none}.cesium-cesiumInspector-styleEditor{padding:10px;border-radius:5px;background:rgba(48,51,54,.8);border:1px solid #444}.cesium-cesiumInspector-styleEditor textarea{width:100%;height:300px;background:0 0;color:#edffff;border:none;padding:0;white-space:pre;overflow-wrap:normal;overflow-x:auto}.cesium-3DTilesInspector{width:300px;pointer-events:all}.cesium-3DTilesInspector-statistics{font-size:11px}.cesium-3DTilesInspector div,.cesium-3DTilesInspector input[type=range]{width:100%;box-sizing:border-box}.cesium-cesiumInspector-error{color:#ff9e9e;overflow:auto}.cesium-3DTilesInspector .cesium-cesiumInspector-section{margin-top:3px}.cesium-3DTilesInspector .cesium-cesiumInspector-sectionHeader+.cesium-cesiumInspector-show{border-top:1px solid #fff}input.cesium-cesiumInspector-url{overflow:hidden;white-space:nowrap;overflow-x:scroll;background-color:transparent;color:#fff;outline:0;border:none;height:1em;width:100%}.cesium-cesiumInspector .field-group{display:table}.cesium-cesiumInspector .field-group>label{display:table-cell;font-weight:700}.cesium-cesiumInspector .field-group>.field{display:table-cell;width:100%}.cesium-button.cesium-fullscreenButton{display:block;width:100%;height:100%;margin:0;border-radius:0}.cesium-button.cesium-vrButton{display:block;width:100%;height:100%;margin:0;border-radius:0}.cesium-viewer-geocoderContainer .cesium-geocoder-input{border:solid 1px #444;background-color:rgba(40,40,40,.7);color:#fff;display:inline-block;vertical-align:middle;width:0;height:32px;margin:0;padding:0 32px 0 0;border-radius:0;box-sizing:border-box;transition:width ease-in-out .25s,background-color .2s ease-in-out;-webkit-appearance:none}.cesium-viewer-geocoderContainer:hover .cesium-geocoder-input{border-color:#aef;box-shadow:0 0 8px #fff}.cesium-viewer-geocoderContainer .cesium-geocoder-input:focus{border-color:#ea4;background-color:rgba(15,15,15,.9);box-shadow:none;outline:0}.cesium-viewer-geocoderContainer .cesium-geocoder-input-wide,.cesium-viewer-geocoderContainer .cesium-geocoder-input:focus,.cesium-viewer-geocoderContainer:hover .cesium-geocoder-input{padding-left:4px;width:250px}.cesium-viewer-geocoderContainer .search-results{position:absolute;background-color:#000;color:#eee;overflow-y:auto;opacity:.8;width:100%}.cesium-viewer-geocoderContainer .search-results ul{list-style-type:none;margin:0;padding:0}.cesium-viewer-geocoderContainer .search-results ul li{font-size:14px;padding:3px 10px}.cesium-viewer-geocoderContainer .search-results ul li:hover{cursor:pointer}.cesium-viewer-geocoderContainer .search-results ul li.active{background:#48b}.cesium-geocoder-searchButton{background-color:#303336;display:inline-block;position:absolute;cursor:pointer;width:32px;top:1px;right:1px;height:30px;vertical-align:middle;fill:#edffff}.cesium-geocoder-searchButton:hover{background-color:#48b}.cesium-infoBox{display:block;position:absolute;top:50px;right:0;width:40%;max-width:480px;background:rgba(38,38,38,.95);color:#edffff;border:1px solid #444;border-right:none;border-top-left-radius:7px;border-bottom-left-radius:7px;box-shadow:0 0 10px 1px #000;transform:translate(100%,0);visibility:hidden;opacity:0;transition:visibility 0s .2s,opacity .2s ease-in,transform .2s ease-in}.cesium-infoBox-visible{transform:translate(0,0);visibility:visible;opacity:1;transition:opacity .2s ease-out,transform .2s ease-out}.cesium-infoBox-title{display:block;height:20px;padding:5px 30px 5px 25px;background:#545454;border-top-left-radius:7px;text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;box-sizing:content-box}.cesium-infoBox-bodyless .cesium-infoBox-title{border-bottom-left-radius:7px}button.cesium-infoBox-camera{display:block;position:absolute;top:4px;left:4px;width:22px;height:22px;background:0 0;border-color:transparent;border-radius:3px;padding:0 5px;margin:0}button.cesium-infoBox-close{display:block;position:absolute;top:5px;right:5px;height:20px;background:0 0;border:none;border-radius:2px;font-weight:700;font-size:16px;padding:0 5px;margin:0;color:#edffff}button.cesium-infoBox-close:focus{background:rgba(238,136,0,.44);outline:0}button.cesium-infoBox-close:hover{background:#888;color:#000}button.cesium-infoBox-close:active{background:#a00;color:#000}.cesium-infoBox-bodyless .cesium-infoBox-iframe{display:none}.cesium-infoBox-iframe{border:none;width:100%;width:calc(100% - 2px)}span.cesium-sceneModePicker-wrapper{display:inline-block;position:relative;margin:0 3px}.cesium-sceneModePicker-visible{visibility:visible;opacity:1;transition:opacity .25s linear}.cesium-sceneModePicker-hidden{visibility:hidden;opacity:0;transition:visibility 0s .25s,opacity .25s linear}.cesium-sceneModePicker-wrapper .cesium-sceneModePicker-none{display:none}.cesium-sceneModePicker-slide-svg{transition:left 2s;top:0;left:0}.cesium-sceneModePicker-wrapper .cesium-sceneModePicker-dropDown-icon{box-sizing:border-box;padding:0;margin:3px 0}.cesium-sceneModePicker-wrapper .cesium-sceneModePicker-button2D,.cesium-sceneModePicker-wrapper .cesium-sceneModePicker-button3D,.cesium-sceneModePicker-wrapper .cesium-sceneModePicker-buttonColumbusView{margin:0 0 3px 0}.cesium-sceneModePicker-wrapper .cesium-sceneModePicker-button3D .cesium-sceneModePicker-icon2D{left:100%}.cesium-sceneModePicker-wrapper .cesium-sceneModePicker-button3D .cesium-sceneModePicker-iconColumbusView{left:200%}.cesium-sceneModePicker-wrapper .cesium-sceneModePicker-buttonColumbusView .cesium-sceneModePicker-icon3D{left:-200%}.cesium-sceneModePicker-wrapper .cesium-sceneModePicker-buttonColumbusView .cesium-sceneModePicker-icon2D{left:-100%}.cesium-sceneModePicker-wrapper .cesium-sceneModePicker-button2D .cesium-sceneModePicker-icon3D{left:-100%}.cesium-sceneModePicker-wrapper .cesium-sceneModePicker-button2D .cesium-sceneModePicker-iconColumbusView{left:100%}.cesium-sceneModePicker-wrapper .cesium-sceneModePicker-selected{border-color:#2e2;box-shadow:0 0 8px #fff,0 0 8px #fff}span.cesium-projectionPicker-wrapper{display:inline-block;position:relative;margin:0 3px}.cesium-projectionPicker-visible{visibility:visible;opacity:1;transition:opacity .25s linear}.cesium-projectionPicker-hidden{visibility:hidden;opacity:0;transition:visibility 0s .25s,opacity .25s linear}.cesium-projectionPicker-wrapper .cesium-projectionPicker-none{display:none}.cesium-projectionPicker-wrapper .cesium-projectionPicker-dropDown-icon{box-sizing:border-box;padding:0;margin:3px 0}.cesium-projectionPicker-wrapper .cesium-projectionPicker-buttonOrthographic,.cesium-projectionPicker-wrapper .cesium-projectionPicker-buttonPerspective{margin:0 0 3px 0}.cesium-projectionPicker-wrapper .cesium-projectionPicker-buttonPerspective .cesium-projectionPicker-iconOrthographic{left:100%}.cesium-projectionPicker-wrapper .cesium-projectionPicker-buttonOrthographic .cesium-projectionPicker-iconPerspective{left:-100%}.cesium-projectionPicker-wrapper .cesium-projectionPicker-selected{border-color:#2e2;box-shadow:0 0 8px #fff,0 0 8px #fff}.cesium-performance-watchdog-message-area{position:relative;background-color:#ff0;color:#000;padding:10px}.cesium-performance-watchdog-message{margin-right:30px}.cesium-performance-watchdog-message-dismiss{position:absolute;right:0;margin:0 10px 0 0}.cesium-navigationHelpButton-wrapper{position:relative;display:inline-block}.cesium-navigation-help{visibility:hidden;position:absolute;top:38px;right:2px;width:250px;border-radius:10px;transform:scale(.01);transform-origin:234px -10px;transition:visibility 0s .25s,transform .25s ease-in}.cesium-navigation-help-visible{visibility:visible;transform:scale(1);transition:transform .25s ease-out}.cesium-navigation-help-instructions{border:1px solid #444;background-color:rgba(38,38,38,.75);padding-bottom:5px;border-radius:0 0 10px 10px}.cesium-click-navigation-help{display:none}.cesium-touch-navigation-help{display:none;padding-top:5px}.cesium-click-navigation-help-visible{display:block}.cesium-touch-navigation-help-visible{display:block}.cesium-navigation-help-pan{color:#6cf;font-weight:700}.cesium-navigation-help-zoom{color:#65fd00;font-weight:700}.cesium-navigation-help-rotate{color:#ffd800;font-weight:700}.cesium-navigation-help-tilt{color:#d800d8;font-weight:700}.cesium-navigation-help-details{color:#fff}.cesium-navigation-button{color:#fff;background-color:transparent;border-bottom:none;border-top:1px solid #444;border-right:1px solid #444;margin:0;width:50%;cursor:pointer}.cesium-navigation-button-icon{vertical-align:middle;padding:5px 1px}.cesium-navigation-button:focus{outline:0}.cesium-navigation-button-left{border-radius:10px 0 0 0;border-left:1px solid #444}.cesium-navigation-button-right{border-radius:0 10px 0 0;border-left:none}.cesium-navigation-button-selected{background-color:rgba(38,38,38,.75)}.cesium-navigation-button-unselected{background-color:rgba(0,0,0,.75)}.cesium-navigation-button-unselected:hover{background-color:rgba(76,76,76,.75)}.cesium-selection-wrapper{position:absolute;width:160px;height:160px;pointer-events:none;visibility:hidden;opacity:0;transition:visibility 0s .2s,opacity .2s ease-in}.cesium-selection-wrapper-visible{visibility:visible;opacity:1;transition:opacity .2s ease-out}.cesium-selection-wrapper svg{fill:#2e2;stroke:#000;stroke-width:1.1px}.cesium-timeline-main{position:relative;left:0;bottom:0;overflow:hidden;border:solid 1px #888;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.cesium-timeline-trackContainer{width:100%;overflow:auto;border-top:solid 1px #888;position:relative;top:0;left:0}.cesium-timeline-tracks{position:absolute;top:0;left:0;width:100%}.cesium-timeline-needle{position:absolute;left:0;top:1.7em;bottom:0;width:1px;background:red}.cesium-timeline-bar{position:relative;left:0;top:0;overflow:hidden;cursor:pointer;width:100%;height:1.7em;background:linear-gradient(to bottom,rgba(116,117,119,.8) 0,rgba(58,68,82,.8) 11%,rgba(46,50,56,.8) 46%,rgba(53,53,53,.8) 81%,rgba(53,53,53,.8) 100%)}.cesium-timeline-ruler{visibility:hidden;white-space:nowrap;font-size:80%;z-index:-200}.cesium-timeline-highlight{position:absolute;bottom:0;left:0;background:#08f}.cesium-timeline-ticLabel{position:absolute;top:0;left:0;white-space:nowrap;font-size:80%;color:#eee}.cesium-timeline-ticMain{position:absolute;bottom:0;left:0;width:1px;height:50%;background:#eee}.cesium-timeline-ticSub{position:absolute;bottom:0;left:0;width:1px;height:33%;background:#aaa}.cesium-timeline-ticTiny{position:absolute;bottom:0;left:0;width:1px;height:25%;background:#888}.cesium-timeline-icon16{display:block;position:absolute;width:16px;height:16px;background-image:url(Images/TimelineIcons.png);background-repeat:no-repeat}.cesium-viewer{font-family:sans-serif;font-size:16px;overflow:hidden;display:block;position:relative;top:0;left:0;width:100%;height:100%}.cesium-viewer-cesiumWidgetContainer{width:100%;height:100%}.cesium-viewer-bottom{display:block;position:absolute;bottom:0;left:0;padding-right:5px}.cesium-viewer .cesium-widget-credits{display:inline;position:static;bottom:auto;left:auto;padding-right:0;color:#fff;font-size:10px;text-shadow:0 0 2px #000}.cesium-viewer-timelineContainer{position:absolute;bottom:0;left:169px;right:29px;height:27px;padding:0;margin:0;overflow:hidden;font-size:14px}.cesium-viewer-animationContainer{position:absolute;bottom:0;left:0;padding:0;width:169px;height:112px}.cesium-viewer-fullscreenContainer{position:absolute;bottom:0;right:0;padding:0;width:29px;height:29px;overflow:hidden}.cesium-viewer-vrContainer{position:absolute;bottom:0;right:0;padding:0;width:29px;height:29px;overflow:hidden}.cesium-viewer-toolbar{display:block;position:absolute;top:5px;right:5px}.cesium-viewer-cesiumInspectorContainer{display:block;position:absolute;top:50px;right:10px}.cesium-viewer-geocoderContainer{position:relative;display:inline-block;margin:0 3px}.cesium-viewer-cesium3DTilesInspectorContainer{display:block;position:absolute;top:50px;right:10px;max-height:calc(100% - 120px);box-sizing:border-box;overflow-y:auto;overflow-x:hidden}

/* Start the loader code, first, let's align it the center of screen */
.jsmap-loading-loader {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -mos-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    /* disable selection and cursor changes */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    z-index: 9999;
}

/* Text align it the center of screen and connect the looped animation for 2 seconds */
.jsmap-loading-logo {
    position: absolute;
    left: -0.7em;
    top: -2.6em;
}

/* Set for the first layer vertical position */
.jsmap-loading-vertical {
    position: absolute;
    top: -1.84em;
    left: -0.4em;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

/* Set for the second layer horizontal position */
.jsmap-loading-horizontal {
    position: absolute;
    top: 0em;
    left: 0em;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

/* The next two classes do mirror for animation */
.jsmap-loading-circlesup {
    position: absolute;
    top: -3.7em;
    right: 6.1em;
}

.jsmap-loading-circlesdwn {
    position: absolute;
    top: 1.5em;
    right: -7.5em;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

/* Create a container for our circles, rotate it 45 degrees and set animation*/
.jsmap-loading-circle {
    position: absolute;
    width: 8em;
    height: 8em;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-animation: jsmap-loading-orbit 2s infinite;
    -moz-animation: jsmap-loading-orbit 2s infinite;
    -moz-animation: jsmap-loading-orbit 2s infinite;
    -ms-animation: jsmap-loading-orbit 2s infinite;
    -o-animation: jsmap-loading-orbit 2s infinite;
    animation: jsmap-loading-orbit 2s infinite;
    z-index: 5;
}

/* Style's of our circles */
.jsmap-loading-circle:after {
    content: '';
    position: absolute;
    width: 2em;
    height: 2em;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    background: #fcffff; /* Pick a color 1*/
    -webkit-transform: scale(0.5, 0.5);
    -moz-transform: scale(0.5, 0.5);
    -ms-transform: scale(0.5, 0.5);
    -o-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
}

.jsmap-loading-circle:nth-child(2) {
    -webkit-animation-delay: 100ms;
    -moz-animation-delay: 100ms;
    -ms-animation-delay: 100ms;
    -o-animation-delay: 100ms;
    animation-delay: 100ms;
    z-index: 4;
}

.jsmap-loading-circle:nth-child(2):after {
    background: #c4c7ff; /* Pick a color 2*/
    -webkit-transform: scale(0.4, 0.4);
    -moz-transform: scale(0.4, 0.4);
    -ms-transform: scale(0.4, 0.4);
    -o-transform: scale(0.4, 0.4);
    transform: scale(0.4, 0.4);
}

.jsmap-loading-circle:nth-child(3) {
    -webkit-animation-delay: 225ms;
    -moz-animation-delay: 225ms;
    -ms-animation-delay: 225ms;
    -o-animation-delay: 225ms;
    animation-delay: 225ms;
    z-index: 3;
}

.jsmap-loading-circle:nth-child(3):after {
    background: #777aff; /* Pick a color 3*/
    -webkit-transform: scale(0.3, 0.3);
    -moz-transform: scale(0.3, 0.3);
    -ms-transform: scale(0.3, 0.3);
    -o-transform: scale(0.3, 0.3);
    transform: scale(0.3, 0.3);
}

.jsmap-loading-circle:nth-child(4) {
    -webkit-animation-delay: 350ms;
    -moz-animation-delay: 350ms;
    -ms-animation-delay: 350ms;
    -o-animation-delay: 350ms;
    animation-delay: 350ms;
    z-index: 2;
}

.jsmap-loading-circle:nth-child(4):after {
    background: #3533ff; /* Pick a color 4*/
    -webkit-transform: scale(0.2, 0.2);
    -moz-transform: scale(0.2, 0.2);
    -ms-transform: scale(0.2, 0.2);
    -o-transform: scale(0.2, 0.2);
    transform: scale(0.2, 0.2);
}

.jsmap-loading-circle:nth-child(5) {
    -webkit-animation-delay: 475ms;
    -moz-animation-delay: 475ms;
    -ms-animation-delay: 475ms;
    -o-animation-delay: 475ms;
    animation-delay: 475ms;
    z-index: 1;
}

.jsmap-loading-circle:nth-child(5):after {
    background: #0000ff; /* Pick a color 5*/
    -webkit-transform: scale(0.1, 0.1);
    -moz-transform: scale(0.1, 0.1);
    -ms-transform: scale(0.1, 0.1);
    -o-transform: scale(0.1, 0.1);
    transform: scale(0.1, 0.1) ;
}

/* Animation keys */
@-webkit-keyframes jsmap-loading-orbit {
    0% {
        -webkit-transform: rotate(45deg);
    }

    5% {
        -webkit-transform: rotate(45deg);
        -webkit-animation-timing-function: ease-out;
    }

    70% {
        -webkit-transform: rotate(405deg);
        -webkit-animation-timing-function: ease-in;
    }

    100% {
        -webkit-transform: rotate(405deg);
    }
}

@-moz-keyframes jsmap-loading-orbit {
    0% {
        -moz-transform: rotate(45deg);
    }

    5% {
        -moz-transform: rotate(45deg);
        -moz-animation-timing-function: ease-out;
    }

    70% {
        -moz-transform: rotate(405deg);
        -moz-animation-timing-function: ease-in;
    }

    100% {
        -moz-transform: rotate(405deg);
    }
}

@-ms-keyframes jsmap-loading-orbit {
    0% {
        -ms-transform: rotate(45deg);
    }

    5% {
        -ms-transform: rotate(45deg);
        -ms-animation-timing-function: ease-out;
    }

    70% {
        -ms-transform: rotate(405deg);
        -ms-animation-timing-function: ease-in;
    }

    100% {
        -ms-transform: rotate(405deg);
    }
}

@-o-keyframes jsmap-loading-orbit {
    0% {
        -o-transform: rotate(45deg);
    }

    5% {
        -o-transform: rotate(45deg);
        -o-animation-timing-function: ease-out;
    }

    70% {
        -o-transform: rotate(405deg);
        -o-animation-timing-function: ease-in;
    }

    100% {
        -o-transform: rotate(405deg);
    }
}

@keyframes jsmap-loading-orbit {
    0% {
        transform: rotate(45deg);
        opacity: 0
    }

    5% {
        transform: rotate(45deg);
        animation-timing-function: ease-out;
        opacity: 1.0
    }

    70% {
        transform: rotate(405deg);
        animation-timing-function: ease-in;
        opacity: 0.5
    }

    100% {
        transform: rotate(405deg);
        opacity: 0
    }
}

.jsmap-loading-bar {
    width: 30em;
    height: 0.25em;
    left: -14em;
    top: 10em;
    bottom: 0;
    overflow: hidden;
    background: rgb(241, 248, 255);
    position: absolute;
}

.jsmap-loading-progress {
    width: 0%;
    height: .5vw;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    /*margin: auto;*/
    overflow: hidden;
    background: #347cff;
}
