@import url(http://localhost:8200/Cesium/Build/Cesium/Widgets/widgets.css);
html{
    width: 100%;
    position:relative;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    margin-right: 0px;
    margin-left:0px;
}
 body{
    width: 100%;
    position:relative;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    margin-right: 0px;
    margin-left:0px;
} .container-fluid{
    width: 100%;
    position:relative;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    margin-right: 0px;
    margin-left:0px;
}
 #cesiumContainer {
    width: 100%;
    position:relative;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    margin-right: 0px;
    margin-left:0px;
}
.row{
    width:100%;
    margin-right: 0;
    margin-left: 0;
    height: 14%;
}
.toolbar{
    position:absolute;
    top:40px;
    left:5px;
    z-index: 100;
    background-color: rgba(42, 42, 42, 0.8);
    width:100%;
    margin:0px 0px 0px 0px;
    color:white;
    padding:0px;
    margin:0px;
    padding-bottom: 1px;
    height:30%;
    font-weight: bold;


}
.col-xs-6{
    padding: 0;
}
.cesium-viewer-toolbar{
    z-index:200;
}
.cesium-infoBox{
    z-index:150;
}
#buttonCollapse{
    position:absolute;
    z-index:1000;
    top:5px;
    left:5px;
    background-color: rgba(42, 42, 42, 0.8);
    border-color: white;
    border-style: solid 2px;
    color:white;
    height:32px;
}


select{
    max-width:100%;
    color:white;
    background-color: #000;
}

#toolbarInfo{
    position:absolute;
    top:40%;
    left:0px;
    z-index:50;
    background-color: rgba(42, 42, 42, 0.8);
    color:white;
    max-height:17%;
    width:27%;
    overflow-y:scroll;
    overflow-x:hidden;
    min-width:230px;
    
}

#infoWindow{
    background-color:rgba(42, 42, 42, 0.8);
    position:absolute;
    top:57%;
    left:0%;
    margin-top:1%;
    max-width:50%;
    max-height:35%;
    color:white;
    overflow-y:scroll;
    overflow-x:hidden;
    z-index:50;
}

#toolbarInfo form{
    height:100%;
}

#toolbarInfo .row{
    width:100%;
    margin-right: 0;
    margin-left: 0;
    height: 32%;

}
#toolbarInfo input{
    width:auto;
}
#infoWindow img{
    display: block;
    width: 100%;
}

#coord{
    position:absolute;
    bottom:27px;
    right:0;
    z-index: 0;
    background-color:rgba(42, 42, 42, 0.8);
    margin-left:30%;
    color:white;
    padding-bottom: 1px;
    font-weight: bold;
}

#coord .row{
height:45%;
}

#coord .row div{
width:auto;
}


#dataLayers{
    overflow-y:scroll;
    position:absolute;
    position:absolute;
    z-index:1500;
    top:70px;
    left:0px;
    background-color: rgba(42, 42, 42, 1);
    border-color: white;
    border-style: solid 2px;
    color:white;
    height:50%;
    width: 100%;

}
#dataLayers > .row > div {
    padding: 2px;
}


#dataLayers  .row {
        transform: translateY(0);
        transition: transform 0.4s ease-out;
}
#dataLayers  .up {
        transform: translateY(33px);
        transition: none;
}
#dataLayers  .down {
        transform: translateY(-33px);
        transition: none;
}

#dataLayers button{
    width: 100%;
    height:100%;
}

#dataLayersCollapse{
    background-color: rgba(42, 42, 42, 0.8);
    border-color: white;
    border-style: solid 2px;
    color:white;
    margin-left: 5px;
}

.col-glyph{
    margin-right: 5px;
}
.glyphicon{
    height:100%;
    top:5px;
    padding-right: 5px;
}

.viewModelMetadata{
    background-color: rgba(42, 42, 42, 0.8);
    border-color: white;
    border-style: solid 2px;
    color:white;
};