* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

:after,
:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

body,
html {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    border: none;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: hidden;
    font-family: "Helvetica Neue", Helvetica, Tahoma, Arial, "Microsoft Yahei", "Hiragino Sans GB", "WenQuanYi Micro Hei", sans-serif;
    font-size: 14px;
    background-color: transparent !important;
    overflow: hidden;
    -webkit-overflow-scrolling: touch
}

body {
    position: relative
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

a {
    color: #62a8ea;
    text-decoration: none
}

a:focus,
a:hover {
    color: #89bceb;
    text-decoration: underline
}

a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline: 0;
    outline-offset: -2px
}

li,
ul {
    list-style: none
}

.dark {
    color: #fff
}

.dark a {
    color: #fff;
    text-decoration: none
}

.dark a:hover {
    color: #c30;
    text-decoration: underline
}

.dark .content {
    overflow: auto;
    position: relative;
    background: 0 0;
    height: 400px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.dark .btn-default,
.dark .form-control,
.dark .input-group-addon,
.dark input {
    color: #fff;
    background-color: rgba(35, 72, 72, .6)
}

.dark .btn-info {
    background-color: rgba(119, 214, 225, .2)
}

.dark .btn-primary {
    background-color: rgba(32, 160, 255, .2)
}

.dark .btn-danger {
    background-color: rgba(255, 109, 109, .2)
}

.dark .cesium-popup-color {
    color: #fff
}

.dark .cesium-popup-background {
    background: rgba(35, 72, 72, .6)
}

.cesium-button {
    background-color: #3f4854
}

.cesium-viewer-geocoderContainer .cesium-geocoder-input {
    background-color: rgba(63, 72, 84, .7)
}

.cesium-viewer-geocoderContainer .cesium-geocoder-input:focus {
    background-color: rgba(63, 72, 84, .9)
}

.cesium-viewer-geocoderContainer .search-results {
    background-color: #3f4854
}

.cesium-geocoder-searchButton {
    background-color: #3f4854
}

.cesium-infoBox-title {
    background-color: #3f4854
}

.cesium-infoBox {
    background: rgba(63, 72, 84, .9)
}

.infoview {
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 10px 15px;
    border-radius: 4px;
    border: 1px solid rgba(128, 128, 128, .5);
    color: #fff;
    background: rgba(0, 0, 0, .4);
    box-shadow: 0 3px 14px rgba(128, 128, 128, .5);
    z-index: 9999
}

.infoview1 {
    position: absolute;
    padding: 10px 15px;
    border-radius: 4px;
    border: 1px solid rgba(128, 128, 128, .5);
    color: #fff;
    background: rgba(0, 0, 0, .4);
    box-shadow: 0 3px 14px rgba(128, 128, 128, .5);
    z-index: 9999
}


.ui_image {
    height:100%;
    width:100%;
}
.infoview input,
.infoview select,
.infoview textarea {
    color: #fff;
    background-color: rgba(32, 160, 255, .2);
    border: 1px solid #e4eaec;
    font-size: 14px
}

.loadingIndicator {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -33px;
    margin-left: -33px;
    width: 66px;
    height: 66px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../img/loader.gif)
}