html,
body {
    padding: 0;
    margin: 0;
    height: 100%;
    width: 100%;
    font-family: Arial, Helvetica, sans-serif;
}
#mapDiv {
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
}
.esriRTL label {
    /*Example of a rule that will be applied if the app is viewed in a browser with a RTL locale like Hebrew or Arabic.*/
}
.loading-indicator {
    /* Loading status */
    display: none;
    height: 100%;
    width: 100%;
    z-index: 500;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    background: #fff;
}
.app-loading .loading-indicator,
.app-error .loading-indicator {
    /* Show this class when loading or error */
    display: block;
}
.app-loading .loading-indicator {
    /* Loading image */
    background-position: center center;
    background-image: url(../images/loading.gif);
    background-repeat: no-repeat;
}
.app-error .loading-message {
    /* Error status */
    background-position: top center;
    background-repeat: no-repeat;
    padding-top: 60px;
    width: 100%;
    position: absolute;
    z-index: 2;
    top: 40%;
    left: 0;
    text-align: center;
}

.fill {
    margin:0;
    padding:0;
    width:100%;
    height:100%;
}
.noJavaScriptMessage {
    margin: 80px;
    font-size: large;
}
.transparent {
    opacity:0.0;filter:Alpha(opacity=0);
}
@media screen and (max-height:550px){.esriPopup .contentPane{max-height:300px}}
@media screen and (max-height:500px){.esriPopup .contentPane{max-height:250px}}
@media screen and (max-height:450px){.esriPopup .contentPane{max-height:200px}}
@media screen and (max-height:400px){.esriPopup .contentPane{max-height:150px}}
@media screen and (max-height:350px){.esriPopup .contentPane{max-height:100px}}
@media screen and (max-height:300px){.esriPopup .contentPane{max-height:50px}}