.app-oblique-toolbar{
  background-color: rgb(158,158,158) !important;
}

.app-oblique-main-container{
  overflow: hidden;
}

.app-oblique-div{
  background-color: #ffffff !important;
}

.app-oblique-controls{
  background: rgba(250,250,250,.9) !important;
  border-color: rgba(200,200,200,.9) !important;
  border-width: 1px !important;
  border-style: solid !important;
  border-radius: 4px 4px 4px 4px !important;  
}   

/* metadata */
.app-oblique-metadata{
	font-weight: normal !important;
	font-family: 'Source Sans Pro', sans-serif !important;
  font-size: 14px !important;
  height: 18px !important;
  width: 60px !important;
}

/* toolbar */
.app-oblique-toolbar-title{
  height: 100%;
}

.app-oblique-toolbar-button{
  height: 100%;
  margin: 0px !important;
  padding: 0px !important;
}

@media (max-width: 479px) and (min-width: 420px) {
  .app-oblique-toolbar-button{
    width: 64px;
    min-width: 64px;    
  }  
}

@media (max-width: 419px){
  .app-oblique-toolbar-button{
    width: 48px;
    min-width: 48px;    
  }  
}

.app-oblique-toolbar-button-selected{
  background-color: rgba(0,0,0,0.3) !important;
}

.app-oblique-toolbar-button-selected:hover{
  background-color: rgba(0,0,0,0.3) !important;
}

.app-oblique-toolbar-icon{
  fill: #ffffff !important;
  color: #ffffff !important;  
}

.app-oblique-toolbar-icon-image{
  width: 24px;
  height: 24px;
  vertical-align: middle;
}

.app-oblique-toolbar-title-icon{
  color: #ffffff !important;  
  line-height: 24px;
}

.app-oblique-menu-item-button{
  width: 36px;
  height: 36px;
  min-width: 36px;
  margin: 0px !important;  
  padding: 0px !important;
  border: 0px !important;
}

.app-oblique-toolbar-help-image{
  width: 32px;
  height: 32px;
}

@media (max-width: 599px){
  .app-oblique-toolbar-help-image{
    width: 24px;
    height: 24px; 
  }  
}
/* toolbar */

/* maps */
.app-oblique-map-container{
  position: relative;	
}

.olMapViewport{
  position: absolute !important;
}

.app-oblique-first-map-div-single{
	position: relative !important;	
}

.app-oblique-first-map-div-double{
	position: relative !important;
	border-right: 1px solid white;	
}

.app-oblique-second-map-div-double{
	position: relative !important;
  border-left: 1px solid white;  
}

.app-oblique-first-map-div-multiple{
	position: relative !important;
	border-right: 1px solid white;
	border-bottom: 1px solid white;	
}

.app-oblique-second-map-div-multiple{
	position: relative !important;
  border-right: 1px solid white;
  border-top: 1px solid white;  
}

.app-oblique-third-map-div-multiple{
	position: relative !important;
  border-left: 1px solid white;
  border-right: 1px solid white;  
}

.app-oblique-forth-map-div-multiple{
	position: relative !important;
  border-left: 1px solid white;
  border-bottom: 1px solid white;  
}

.app-oblique-fifth-map-div-multiple{
	position: relative !important;
  border-left: 1px solid white;
  border-top: 1px solid white;  
}

.app-oblique-map-selected {
  border: 2px solid red;
}
/* maps */

/* bottom sheet */
.app-oblique-bottomsheet-div{
  z-index: 10000; 
}

.app-oblique-bottomsheet{  
  z-index: 10000; 
  border-color: rgba(200,200,200,.9) !important;
  border-width: 1px !important;
  border-style: solid !important;
  border-radius: 4px 4px 4px 4px !important;  
  padding-right: 8px !important;
  padding-left: 8px !important;
  padding-bottom: 112px !important;
}

.app-oblique-bottomsheet-spacer{  
  width: 8px;  
}

.app-oblique-bottomsheet-button-container{
  margin-top: 12px;
}

.app-oblique-bottomsheet-tool-button{
  min-width: 43px;
  padding: 0px;
  margin: 0px;
}

.app-oblique-bottomsheet-blom-tool-button{
  cursor: pointer;
}
/* bottom sheet */

/* position */
@media screen and (max-width: 479px) {
  .app-oblique-position-bottomsheet{  
  
  }
}

@media screen and (min-width: 480px){
  .app-oblique-position-bottomsheet{
    margin: 0 auto;
    min-width: 480px;        
    max-width: 480px; 
    width: 480px;
  }
}

.app-oblique-position-bottomsheet-street{
	height: 73px !important;  
  min-width: 0px;
  margin-bottom: 0px;  
}

.app-oblique-position-bottomsheet-civic{	
	height: 73px !important;  
  min-width: 0px;  
  margin-bottom: 0px;  
}
/* position */

/* export */
@media screen and (max-width: 479px) {
  .app-oblique-export-bottomsheet{
  
  }
}

@media screen and (min-width: 480px){
  .app-oblique-export-bottomsheet{
    margin: 0 auto;
    min-width: 160px;        
    max-width: 160px; 
    width: 160px;
  }
}
/* export */

/* measure */
@media screen and (max-width: 479px) {
  .app-oblique-measure-bottomsheet{
  
  }
}

@media screen and (min-width: 480px){
  .app-oblique-measure-bottomsheet{
    margin: 0 auto;
    min-width: 400px;        
    max-width: 400px; 
    width: 400px;
  }
}
/* measure */

/* visualize */
@media screen and (max-width: 479px) {
  .app-oblique-visualize-bottomsheet{
  
  }
}

@media screen and (min-width: 480px){
  .app-oblique-visualize-bottomsheet{
    margin: 0 auto;
    min-width: 240px;        
    max-width: 240px; 
    width: 240px;
  }
}
/* visualize */

/* year selector */
.app-oblique-year-selector-div{
  position: absolute;
  right: 8px;
  top: 8px;
  z-index: 11000;	    
}

.app-oblique-year-selector{
	margin: 0px;	
	z-index: 11000;  
}

.app-oblique-year-selector-container{
  z-index: 11000;  
}
/* year selector */