html, body{
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    background-color: #C6E9FC;
    font-family: 'Nunito Sans';
}

#map{
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background-color: #FFFFFF;
}

#printButton{
    position: absolute;
    right: 0px;
    z-index: 99;
    background-color: #f5f5f5;
}


.esriPrintout{
    color: blue;
    text-decoration:underline;
}
span.line {
    display: inline-block;
}
.bodyText{

}
.bodyText .titleText{

}
/* enable absolute positioning */
.inner-addon {
    position: relative;
}
/* style glyph */
.inner-addon .glyphicon {
    position: absolute;
    padding: 10px;
    pointer-events: none;
}

/* align glyph */
.left-addon .glyphicon  { left:  0px;}
.right-addon .glyphicon { right: 0px;}

/* add padding  */
.left-addon input  { padding-left:  30px; }
.right-addon input { padding-right: 30px; }
.control-label{ font-size: smaller;}
@media (min-width: 320px) { .container { max-width: 320px; }}
@media (min-width: 375px) { .container { max-width: 375px; }}
@media (min-width: 480px) { .container { max-width: 480px; }}
@media (min-width: 640px) { .container { max-width: 640px; }}
@media (min-width: 768px) {.container { max-width: 768px; }}
label {
    background: #FFF;
    width: 100%;
    background-color: aliceblue;
    border: none;
    padding: 1em;
}
#tabs .well {margin:0; background-color: aliceblue;}
#tabs .row {margin:0;}
button {width: 200px;}
#popupMap {display:none;}
#addrResult {padding: .5em;}
#acreResult {padding: .5em;}

.viewmap-btn {
    margin: -60px 10px 0 0;
    float: right;
}

@media screen and  (max-width: 748px) {
    .viewmap-btn {
        margin: auto;
        float: unset;
    }
    #popupMap {
        margin: auto;
    }
}