.app-map-loading{
	position: absolute;
	z-index: 2;
}

.app-map-cover{
	position: absolute;
	top: 0px;
	left: 0px;	
  height: 100%;
  width: 100%;
  z-index: 100;
  background-color: #ffffff;
  opacity: 0.1;
}

.app-map-div{
	background-color: #ffffff !important;
}

.app-map-controls{
	background: rgba(250,250,250,.9);
	border-color: rgba(200,200,200,.9);
	border-width: 1px;
	border-style: solid;
}    

.app-map-drag-zoom-box{
	border: 2px dotted rgba(243,111,50,.7);
  background: rgba(77,77,77,0.5);
}

.app-map-alert-dialog-content{
	max-width: 480px;
}

/* toolbar */
.app-map-toolbar-title{
	padding-left: 40px;		
}

.app-map-toolbar-title-content{
	font-family: 'Comfortaa', sans-serif;
}

.app-map-toolbar-title-text{
	font-size: 16px;
  font-weight: bold;
	padding-top: 2px;  
}

.app-map-toolbar-title-text-last{	
  max-height: 44px;
  white-space: unset;
}

@media (max-width: 599px) {
  .app-map-toolbar-title-text{		
		font-size: 12px;
    font-weight: bold;
		padding-top: 2px;
	}		
}

@media (max-width: 959px) and (min-width: 600px){
  .app-map-toolbar-title-text{		    	
		font-size: 14px;
		padding-top: 2px;
	}		
}

.app-map-toolbar-title-icon-div{	
	width: 24px;
}
/* toolbar */

/* sidenav */
.app-map-sidenav{
    
}

.app-map-sidenav-right{
  z-index: 10;
  width: 280px;  
}

@media (max-width: 456px){
	.app-map-sidenav-right {
		width: 280px;  
		min-width: 280px;  
		max-width: 280px;  
	}
}

@media (max-width: 336px){
  .app-map-sidenav-right {
		width: calc(100% - 56px);
		min-width: calc(100% - 56px);
		max-width: calc(100% - 56px);
  }
}

.app-map-sidenav-left{
  z-index: 10;  
}

@media (min-width: 1280px){
  .app-map-sidenav-left {
    width: 600px;  
    max-width: 600px;
    min-width: 600px;
  }
}

@media (min-width: 960px) and (max-width: 1279px){
  .app-map-sidenav-left {
    width: 480px;  
    max-width: 480px;
    min-width: 480px;
  }
}
/* sidenav */

/* overview */
.ol-overviewmap{
	left: inherit;
	bottom: inherit;
		
  padding: 0px !important;
	border-radius: 0px;    
	
  height: 156px;
	
	background: rgba(250,250,250,.9) !important;
  border-color: rgba(200,200,200,.9);
  border-left-width: 0px !important;
  border-right-width: 1px !important;
  border-bottom-width: 1px !important;
  border-top-width: 1px !important;
  border-style: solid;
}

.ol-overviewmap button{
  display: none;
}

.ol-overviewmap-map{    
	margin: 0px !important;
	border: 0px !important;	
	
	padding-left: 0px !important;
  padding-right: 0px !important;
  padding-top: 3px !important;     
  padding-bottom: 3px !important;
}

.ol-overviewmap-box {
	border: 2px dotted rgba(243,111,50,.7);
	background: rgba(77,77,77,0.5);    
}

.app-map-overview-button-container{        
	position: absolute;
	left: 0px;
	top: 5px;
	height: 158px;	
	border-radius: 0px 4px 4px 0px;    
	border-left-width: 0px !important;
	z-index: 1;
}

.app-map-overview-button-container-show{
	left: 150px;
	transition: left 0.3s;    
}

.app-map-overview-button-div{        
	height: 100%;    
}

.app-map-overview-button{
	padding: 0px !important;
	width: 24px !important;
	margin: 0px !important;
	height: 48px !important;
}

.app-map-overview{
	position: absolute;
	left: 0px;
	top: 5px;
	z-index: 1;
}
/* overview */

.app-map-main-container{
  overflow: hidden;
}

.app-map-main-container md-bottom-sheet {
  opacity: 0.92;
  background-color: #ffffff;      
}

.app-map-main-container md-input-container:after {    
  display: unset;    
}

/* bottom band */
.app-map-bottom-band-credits{
	width: 100%;
	position: absolute;
	bottom: 0px;
	z-index: 1;
}

.app-map-bottom-band-tools{    
	position: absolute;
	bottom: 24px;
	z-index: 1;
}

.app-map-bottom-band-container{
	padding-left: 4px;
	padding-right: 28px;
}

.app-map-bottom-band-credit-div{
  height: 18px;
}

.app-map-bottom-band-tools-div{
  height: 42px;
}

.app-map-bottom-band-spacer{
  min-width: 4px;
  width: 4px;
}

.app-map-scale {    
	border-radius: 4px 4px 4px 4px;
	padding-left: 4px;
	padding-right: 4px;
}

.app-map-scale-container{
	height: 100%;
}

.app-map-scale-select{
	margin-top: unset;
	margin-bottom: unset;	
	width: 100px;
}

.app-map-zoomslider {    
  border-radius: 4px 4px 4px 4px;    
}

.app-map-zoomslider-slider{
	width: 200px;
	height: 40px;
	bottom: 3px;
}

.app-map-attribution {    
	border-radius: 4px 4px 0px 0px;
	padding: 4px;
	font-size: 10px;
	height: 12px;
	line-height: 14px;
}

.app-map-attribution-link {
	color: rgb(0,0,0) !important;
	text-decoration: none;
}
/* bottom band */

/* menu tools */
.app-map-menu-container{
	position: absolute;
	right: 30px;
	top: 5px;	
	height: calc(100% - 30px);	
	width: 53px;
}

.app-map-menu-container-scroll-chrome{
	width: 60px !important;
}

.app-map-menu-container-scroll-other{
	width: 70px !important;
}

.app-map-menu-container-open {        
  height: calc(100% - 10px) !important;	
}

.app-map-menu{
  border-radius: 4px 4px 4px 4px;    
}

.app-map-menu-divider{
  border-top-width: 4px !important;
}

.app-map-menu-content{
	max-width: 240px;
}

.app-map-switch-menu{
	min-height: 80px;
	height: 80px;
	padding-left: 8px;
	padding-right: 8px;
}

.app-map-addLayer-menu{
  min-height: 80px;
  height: 80px;
  padding-left: 8px;  
}

.app-map-addLayer-menu .md-button.md-focused:not(:hover):focus {
  background-color: transparent;
}

.app-map-loadShape-menu{
  min-height: 80px;
  height: 80px;
  padding-left: 8px;  
}

.app-map-loadShape-menu .md-button.md-focused:not(:hover):focus {
  background-color: transparent;
}

.app-map-menu-item-button{
	  
}

.app-map-menu-tool-button-container{	
	width: 51px;
  height: 47px;    
  min-width: 51px;
	min-height: 47px;
  padding: 4px 4px 0px 4px;
}

.app-map-menu-tool-button{
	width: 43px !important;
	height: 43px !important;    
	margin: 0px !important;    
	padding: 0px !important;    
	min-width: 43px !important;
	min-height: 43px !important;
}

.app-map-menu-tool-button-spacer{
	height: 4px;
	min-height: 4px;
}

.app-map-menu-tool-button-text{
	line-height: 16px;    
	white-space: normal;
	font-size: 14px;
}

.app-map-menu-tool-button-img{
  height: 43px;
}

@media (max-width: 959px) {
  .app-map-menu-tool-button-img{
		padding-right: 16px !important;
	}
}

.app-map-hidden-tool-button{
  position: absolute;
  left: -1000px;
  top: -1000px; 
}
/* menu tools */

/* switch table ortofoto */
.app-map-switch-container{
	position: absolute;
	top: 5px;
	right: 88px;
  border-radius: 4px 4px 4px 4px;
  padding: 8px;
  max-width: 230px;
  width: 243px;
  height: 90px;
}

.app-map-switch-container-scroll-chrome{
	right: 95px !important;
}

.app-map-switch-container-scroll-other{
	right: 105px !important;
}

.app-map-switch-slider-container{
	padding-left: 8px;
	padding-right: 8px;
}

.app-map-switch-slider{
	height: 40px;	
}

.app-map-switch-button{    
  margin: 0;
}
/* switch table ortofoto */

/* add layer */
.app-map-addlayer-container{
  position: absolute;
  top: 5px;
  right: 322px;
  border-radius: 4px 4px 4px 4px;
  padding: 8px;
  padding-right: 0px;
  max-width: 230px;
  width: 230px;
  height: 90px;
}

.app-map-addlayer-container-scroll-chrome{
  right: 329px !important;
}

.app-map-addlayer-container-scroll-other{
  right: 339px !important;
}

@media (max-width: 1279px){
  .app-map-addlayer-container{
	  right: 88px;
	  top: 99px;
	}
	
	.app-map-addlayer-container-scroll-chrome{
	  right: 95px !important;
	}
	
	.app-map-addlayer-container-scroll-other{
	  right: 105px !important;
	}
}

.app-map-addlayer-select{
  margin-top: unset;
  margin-bottom: unset;
  width: 100%;
}

.app-map-addlayer-select-container{
	z-index: 1000;
}

.app-map-addlayer-slider-container{
  padding-left: 8px;
  padding-right: 8px;
}

.app-map-addlayer-slider{
  height: 40px; 
}

.app-map-addlayer-button{
	margin: 0px !important;
  width: 32px !important;
  height: 32px !important;
  min-height: 32px !important;
  padding: 4px !important;
}

.app-map-addlayer-button-icon{
	
}

.app-map-addlayer-button-icon:hover{
	color: rgb(243,111,50) !important; 
}
/* add layer */

/* loadShape */
.app-map-loadShape-container{
  position: absolute;
  top: 5px;
  right: 556px;
  border-radius: 4px 4px 4px 4px;
  padding: 8px;
  padding-right: 0px;
  max-width: 230px;
  width: 230px;
  height: 90px;
}

.app-map-loadShape-container-only{    
  position: absolute;
  top: 5px;
  right: 322px; 
  border-radius: 4px 4px 4px 4px;
  padding: 8px;
  padding-right: 0px;
  max-width: 230px;
  width: 230px;
  height: 90px; 
}

.app-map-loadShape-container-scroll-chrome{
  right: 563px !important;
}

.app-map-loadShape-container-scroll-only-chrome{
  right: 329px !important;
}

.app-map-loadShape-container-scroll-other{
  right: 573px !important;
}

.app-map-loadShape-container-scroll-only-other{
  right: 339px !important;
}

@media (max-width: 1279px){
  .app-map-loadShape-container{
    right: 88px;
    top: 193px;
  }  
  
  .app-map-loadShape-container-only{	  
	  right: 88px;
    top: 99px;
	}
  
  .app-map-loadShape-container-scroll-chrome{
    right: 95px !important;
  }
  
  .app-map-loadShape-container-scroll-only-chrome{
	  right: 95px !important;
	}
  
  .app-map-loadShape-container-scroll-other{
    right: 105px !important;
  }
  
  .app-map-loadShape-container-scroll-only-other{
	  right: 105px !important;
	}
}

.app-map-loadShape-shapeinput{
  margin: 0px;
  width: 100%;
}

.app-map-loadShape-slider-container{
  padding-left: 8px;
  padding-right: 8px;
}

.app-map-loadShape-slider{
  height: 40px; 
}

.app-map-loadShape-button{
  margin: 0px !important;
  width: 32px !important;
  height: 32px !important;
  min-height: 32px !important;
  padding: 4px !important;
}

.app-map-loadShape-button-icon{
  
}

.app-map-loadShape-button-icon:hover{
  color: rgb(243,111,50) !important; 
}
/* loadShape */

/* right side */
.app-map-right-side{
	position: absolute;
	top: 0px;
	right: 0px;
	height: 100%;
}

.app-map-right-side-show{
	right: 280px;
	transition: right 0.3s;    
}

@media (max-width: 336px) {
	.app-map-right-side-show{
    right: calc(100% - 56px);         
	}
}

.app-map-right-side-close-button-container{        
	position: absolute;
	right: 0px;
	top: 5px;
	bottom: 0px;
	border-radius: 4px 0px 0px 0px;    
	border-right-width: 0px !important;
	border-bottom-width: 0px !important;
	z-index: 10;
}

.app-map-right-side-close-button-div{        
	height: 100%;    
}

.app-map-right-side-close-button{
	padding: 0px !important;
	width: 24px !important;
	margin: 0px !important;
	height: 48px !important;
}
/* right side */

/* legend */
.app-map-legend-container{
	padding-left: 8px;
	padding-top: 8px;
}

.app-map-legend-title{
	position: relative;
	cursor: pointer;
}

.app-map-legend-title:focus{	
	background-color: rgba(158,158,158,0.2);
	outline: none;
}

.app-map-legend-content{
  overflow: auto;
}

.app-map-legend-group1{
  padding-top: 12px;  
}

.app-map-legend-group2{
  padding-top: 4px;  
  padding-left: 4px;
}

.app-map-legend-group3{
  padding-top: 4px;
  padding-left: 4px;  
}

.app-map-legend-symbol{  
  min-height: 32px;
  padding-right: 8px;    
}

.app-map-legend-symbol-container {
	padding-left: 8px;
  min-height: 32px;  
  position: relative;
  cursor: pointer;
}

.app-map-legend-symbol-container:focus {
  background-color: rgba(158,158,158,0.2);
  outline: none;
}

.app-map-legend-symbol-container:hover {
  background-color: rgba(158,158,158,0.2);
}


.app-map-legend-symbol-container-selected {	
  box-shadow: 1px 1px 1px 1px;
}

.app-map-legend-symbol .md-list-item-inner {
  padding-right: 8px;
  padding-left: 8px;
}

.app-map-legend-title1{	
	font-size: 14px;	
	min-height: 16px;
}

.app-map-legend-title2{
  font-size: 12px;  
  min-height: 14px;
}

.app-map-legend-title3{
  font-size: 12px;
  min-height: 12px;
}

.app-map-legend-title4{
  font-size: 12px;
}

.app-map-legend-image-container{
  width: 32px;
  height: 20px;
}

.app-map-legend-image-container img{
  width: 100%;
  height: 100%;  
  box-shadow: 1px 1px 1px 1px;
}

.app-map-legend-image-spacer{
  width: 8px; 
}
/* legend */

/* info */
.app-map-info-container{
	
}

.app-map-info-title-container{
  padding-left: 8px;
}

.app-map-info-title{
  
}

.app-map-info-content{
  overflow: auto;  
}

.app-map-info-content-slideables-icon{
	position: absolute;
	right: 16px;
	top: 12px;
}

.app-map-info-close-button-container{
  
}

.app-map-info-group-title-container{
	
}

.app-map-info-group-title-container > div{
  padding: 0px 8px !important;
}

.app-map-info-group-title{
	line-height: 16px;
	font-weight: bold;
  font-family: 'Comfortaa', sans-serif;
  padding-right: 32px;
}

.app-map-info-section-category-container{
  padding-left: 8px;
}

.app-map-info-group-container{
  padding-left: 12px;
  padding-right: 8px;
}

.app-map-info-record-title{
	font-weight: bold;
	font-size: 14px;
}

.app-map-info-container{
  height: 18px;
}

.app-map-info-text{
	font-size: 12px;
}

.app-map-info-text-underline{
	font-size: 12px;
  text-decoration: underline;
}

.app-map-info-link{
  font-size: 12px;  
  font-weight: bold;
  text-decoration: none;
}

.app-map-info-record-spacer{
  height: 4px;
}

.app-map-info-norm{
  padding-left: 4px;
}

.app-map-info-norm-link{
  font-size: 12px;  
  font-weight: bold;
  text-decoration: none;
}

.app-map-info-use-container{  
  padding-left: 8px;
}

.app-map-info-use{
  font-size: 12px;
  padding-left: 4px;
}

.app-map-info-documents-container{
  max-height: 40%;
  overflow: auto;
}

.app-map-info-documents{
	padding-left: 8px;
	padding-bottom: 4px;
	padding-top: 4px;
	padding-right: 8px;
}

.app-map-info-documents-title{
	font-weight: bold;
}

.app-map-info-documents-document{
  padding-left: 4px;
}

.app-map-info-documents-document-link{
  font-size: 12px;  
  text-decoration: none;
}

.app-map-info-icon{
	width: 14px !important;
  height: 14px !important;
  min-height: 14px !important;
  min-width: 14px !important;
}

.app-map-info-no-record{
  font-weight: bold;
  font-size: 14px;
  padding: 16px;
}

.app-map-info-edu-container {
  padding: 4px;
}

.app-map-info-edu-button{
  width: 48px !important;
	height: 48px !important;    
	margin: 0px !important;    
	padding: 8px !important;    
	min-width: 48px !important;
	min-height: 48px !important;
}

.app-map-info-edu-button-img{
  height: 32px;
}

.app-map-info-use{
  padding-left: 8px;
}

.app-map-info-edu-select {
  font-size: 14px;
}

.app-map-web-info-group-container{
  padding-left: 12px;
  padding-right: 8px;
  overflow-x: auto !important;
}

.app-map-info-input-container{
  margin-bottom: 0px;
}
/* info */

.app-map-bottomsheet{    
  border-color: rgba(200,200,200,.9) !important;
  border-width: 1px !important;
  border-style: solid !important;
  border-radius: 4px 4px 4px 4px !important;
}

/* print */
@media screen and (max-width: 479px) {
  .app-map-print-bottomsheet{  
  
  }
}

@media screen and (min-width: 480px){
  .app-map-print-bottomsheet{
    margin: 0 auto;
    min-width: 480px;        
    max-width: 480px; 
    width: 480px;
  }
}

.app-map-print-bottomsheet-content{

}

.app-map-print-center-button{  
  top: -27px !important;
  right: 70px !important; 
}

.app-map-print-print-button{
  top: -27px !important;
  right: 10px !important; 
}

.app-map-print-button-image{
  width: 28px;
  height: 28px; 
}

/* print */

/* download */
@media screen and (max-width: 479px) {
  .app-map-download-bottomsheet{  
  
  }
}

@media screen and (min-width: 480px){
  .app-map-download-bottomsheet{
    margin: 0 auto;
    min-width: 480px;        
    max-width: 480px; 
    width: 480px;
  }
}

.app-map-download-bottomsheet-content{

}

.app-map-download-table-title{	
  font-size: 16px;  
  font-weight: bold;
}

.app-map-download-table-subtitle{  
  font-size: 12px;
  font-weight: bold;  
}

.app-map-download-table-spacer{
	height: 8px;
}

.app-map-download-table-header-cell{
	font-size: 12px;
	font-weight: bold;	
}

.app-map-download-table-row{
	
}

.app-map-download-table-row:hover{
	background-color: #EEEEEE;
}

.app-map-download-table-cell{
	font-size: 12px;
}

.app-map-download-table-button{
	margin-right: 0px;
}

.app-map-download-table-button-image{
  width: 24px;
  height: 24px;
  vertical-align: middle;
}

.app-map-download-license{
	
}

.app-map-download-license-icon{
  
}

.app-map-download-license-link{
  font-size: 10px;  
  text-decoration: none;
}

.app-map-download-icon{
  width: 18px !important;
  height: 18px !important;
  min-height: 18px !important;
  min-width: 18px !important;
}

.app-map-download-noRecords-spacer{
  height: 64px;
}
/* download */

/* edu */
@media screen and (max-width: 479px) {
  .app-map-edu-bottomsheet{  
  
  }
}

@media screen and (min-width: 480px){
  .app-map-edu-bottomsheet{
    margin: 0 auto;
    min-width: 480px;        
    max-width: 480px; 
    width: 480px;
  }
}

.app-map-edu-bottomsheet-content{

}

.app-map-edu-search-button{  
  top: -27px !important;
  right: 10px !important; 
}

.app-map-edu-button-image{
  width: 28px;
  height: 28px; 
}

.app-map-edu-form{
  padding-top: 8px;
  padding-bottom: 8px;
}

.app-map-edu-autocomplete{
  height: 82px !important;
  min-width: 0px;
  margin-bottom: 0px;
}

.app-map-edu-input-container{
  height: 64px !important;
  margin-bottom: 0px;
}

.app-map-edu-spacer{  
  width: 8px;    
}
/* edu */

/* search */
@media screen and (max-width: 479px) {
  .app-map-search-bottomsheet{  
  
  }
}

@media screen and (min-width: 480px){
  .app-map-search-bottomsheet{
    margin: 0 auto;
    min-width: 480px;        
    max-width: 480px; 
    width: 480px;
  }
}

.app-map-search-bottomsheet-content{

}

.app-map-search-search-button{	
	top: -27px !important;
  right: 70px !important; 
}

.app-map-search-trash-button{
	top: -27px !important;
  right: 10px !important; 
}

.app-map-search-button-image{
  width: 28px;
  height: 28px; 
}

.app-map-search-form{	
  border-bottom: 1px rgba(200,200,200,.9) solid; 
  padding-top: 8px;
  padding-bottom: 8px;
}

.app-map-search-autocomplete{
	height: 82px !important;
  min-width: 0px;
  margin-bottom: 0px;
}

.app-map-search-input-container{
	height: 64px !important;
  margin-bottom: 0px;
}

.app-map-search-gps-label-container{
  min-width: 50px;
}

.app-map-search-select-container{
	max-width: 90% !important;
}

.app-map-search-gps-radio{
	padding-top: 4px;
	padding-bottom: 8px;
}

.app-map-search-spacer{  
  width: 8px;    
}
/* position */

/* overlay */ 
.app-map-overlay-div{
	position: absolute;
  border-radius: 4px 4px 4px 4px;  
  bottom: 12px;
  left: -50px;  
  background: rgb(250,250,250);
  border-color: rgb(200,200,200);
  border-width: 1px;
  border-style: solid;
  filter: drop-shadow(0 1px 4px rgba(0,0,0,0.6));  
  width: 200px;   
}

.app-map-overlay-div:after, .app-map-overlay-div:before {
  top: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;  
}
.app-map-overlay-div:after {
  border-top-color: rgb(250,250,250);
  border-width: 10px;
  left: 48px;
  margin-left: -10px;
}
.app-map-overlay-div:before {
  border-top-color: rgb(200,200,200);
  border-width: 11px;
  left: 48px;
  margin-left: -11px;
}

.app-map-overlay-title{
	padding: 8px;  
  font-size: 14px;
  font-weight: bold;
  background: rgb(222,222,222);
}

.app-map-overlay-content{	
	padding: 8px;  
}
/* overlay */

/* add web layer */
@media screen and (max-width: 479px) {
  .app-map-add-web-layer-bottomsheet{  
  
  }
}

@media screen and (min-width: 480px){
  .app-map-add-web-layer-bottomsheet{
    margin: 0 auto;
    min-width: 480px;        
    max-width: 480px; 
    width: 480px;
  }
}

.app-map-add-web-layer-bottomsheet-content{

}

.app-map-add-web-layer-add-button{	
	top: -27px !important;
  right: 70px !important; 
}

.app-map-add-web-layer-trash-button{
	top: -27px !important;
  right: 10px !important; 
}

.app-map-add-web-layer-button-image{
  width: 28px;
  height: 28px; 
}

.app-map-add-web-layer-form{	
  border-bottom: 1px rgba(200,200,200,.9) solid; 
  padding-top: 8px;
  padding-bottom: 8px;
}

.app-map-add-web-layer-input-container{
	height: 64px !important;
  margin-bottom: 0px;
}

.app-map-add-web-layer-select-container{
  max-width: 90% !important;
}

.app-map-add-web-layer-button-container{
  margin: 14px 6px !important;
}

.app-map-add-web-layer-button{
	margin: 14px 6px !important;
}

.app-map-add-web-layer-button-icon{
	
}

.app-map-add-web-layer-button-icon:hover{
	color: rgb(243,111,50) !important; 
}

.app-map-add-web-layer-slider{
  height: 40px; 
  padding-left: 16px;
  padding-right: 16px;
}
/* add web layer */

/* add other table layer */
@media screen and (max-width: 479px) {
  .app-map-add-other-table-layer-bottomsheet{  
  
  }
}

@media screen and (min-width: 480px){
  .app-map-add-other-table-layer-bottomsheet{
    margin: 0 auto;
    min-width: 480px;        
    max-width: 480px; 
    width: 480px;
  }
}

.app-map-add-other-table-layer-bottomsheet-content{

}

.app-map-add-other-table-layer-add-button{	
	top: -27px !important;
  right: 70px !important; 
}

.app-map-add-other-table-layer-trash-button{
	top: -27px !important;
  right: 10px !important; 
}

.app-map-add-other-table-layer-button-image{
  width: 28px;
  height: 28px; 
}

.app-map-add-other-table-layer-form{	
  border-bottom: 1px rgba(200,200,200,.9) solid; 
  padding-top: 8px;
  padding-bottom: 8px;
}

.app-map-add-other-table-layer-input-container{
	height: 64px !important;
  margin-bottom: 0px;
}

.app-map-add-other-table-table-select-container{
  max-width: 90% !important;
}

.app-map-add-other-table-layer-button{
	margin: 14px 6px !important;
}

.app-map-add-other-table-layer-button-icon{
	
}

.app-map-add-other-table-layer-button-icon:hover{
	color: rgb(243,111,50) !important; 
}

.app-map-add-other-table-layer-slider{
  height: 40px; 
  padding-left: 16px;
  padding-right: 16px;
}

.app-map-add-other-table-layer-slider-label {
  padding-top: 8px;
}
/* add other-table layer */

/* edu HUD */
@media screen and (max-width: 479px) {
  .app-map-edu-hud-bottomsheet{  
  
  }
}

@media screen and (min-width: 480px){
  .app-map-edu-hud-bottomsheet{
    margin: 0 auto;
    min-width: 480px;        
    max-width: 480px; 
    width: 480px;
  }
}

.app-map-edu-hud-bottomsheet-content{

}

.app-map-edu-hud-generate-button{	
	top: -27px !important;
  right: 70px !important; 
}

.app-map-edu-hud-trash-button{
	top: -27px !important;
  right: 10px !important; 
}

.app-map-edu-hud-button-image{
  width: 28px;
  height: 28px; 
}

.app-map-edu-hud-form{  
  padding-top: 8px;
  padding-bottom: 8px;
}

.app-map-edu-hud-input-container{
  margin-bottom: 0px;
}

.app-map-edu-hud-select-container{
  max-width: 90% !important;
}

.app-map-edu-hud-button-container{
  margin-top: 12px;
}

.app-map-edu-hud-tool-button{
  min-width: 43px;
  padding: 0px;
  margin: 0px;
}

.app-map-edu-hud-button{
	margin: 0px !important;
  width: 32px !important;
  height: 32px !important;
  min-height: 32px !important;
  padding: 4px !important;
}

.app-map-edu-hud-button-icon{
	
}

.app-map-edu-hud-button-icon:hover{
	color: rgb(243,111,50) !important; 
}

.app-map-edu-hud-bottomsheet-spacer{  
  width: 8px;  
}

.app-map-edu-hud-spacer{  
  height: 16px;  
}

.app-map-edu-hud-autocomplete{
	height: 82px !important;
  min-width: 0px;
  margin-bottom: 0px;
}

.app-map-edu-hud-chips md-chips-wrap {
  box-shadow: unset !important;
  padding: 0 !important;
}
/* edu HUD */