body, html {
    height: 100%;
    width: 100%;
    position: fixed;
}
#map {
	height: 100%;
	width: 100%;
	background: white;
}
/* .customIcon .x-listitem-disclosure .x-icon-el {
    content: "\f105";
    font-family: FontAwesome;
} */

.esriLegendServiceLabel {
    display: none !important;
}

.esriLegendLeft {
    padding-left: 0px;
}
.activePanel2 .x-panel-header {
    background-color: #E37F1C;
    color: white;
    /*border: 1px solid grey;*/
}
.activeIcon .x-tool { 
    color: white
}

.acorPanel {
	background-color: #ffffff !important;
}

.buttonSearch {
 font-size: 0.9em;
}


.searchliststyle {
  font-size: 0.9em;;
  color: black;
  padding-left: 5px;
  line-height: 200%;
  display:block !important;
}



/*
 * Loading indicator
 */
#appLoadingIndicator {
    position: absolute;
    width: 100%;
    top: 50%;
    margin-top: -15px;
    text-align: center;
    height: 30px;
    -webkit-animation-name: appLoadingIndicator;	
    -webkit-animation-duration: 0.5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: linear;
    -moz-animation-name: appLoadingIndicator;	
    -moz-animation-duration: 0.5s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: linear;
    animation-name: appLoadingIndicator;	
    animation-duration: 0.5s;
    animation-iteration-count: infinite;
    animation-direction: linear;
}

/*
 * Loading indicator
 */
#appLoadingIndicator > * {
    background-color: #E37F1C;
    display: inline-block;
    height: 30px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    margin: 0 5px;	
    width: 30px;
    opacity: 0.8;
}
 /*
 * Loading indicator
 */       
@-webkit-keyframes appLoadingIndicator{
    0% {
        opacity: 0.8
    }
    50% {
        opacity: 0
    }
    100% {
        opacity: 0.8
    }
}


.toggleActive .x-thumb .x-icon-el {
    color: #e37f1c;
}