﻿/*page styles*/
.navbar-inverse {
    background-color: #333;
    border-color: #2C559A;
}
    .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
        color: #fff;
        background-color: #333333;
    }

    .navbar-inverse .navbar-brand {
        color: #FFF;
    }

    .navbar-inverse .navbar-nav > li > a {
        color: #FFF;
    }

#acLoad {
    position: absolute;
    right: 4px;
    margin-top: 7px;
}

#progress {
    position: absolute;
    width: 100px;
    top: 50%;
    left: 50%;
    z-index: 101;
    border-radius: 6px;
    background-color: RGBA(217,231,243,0.85);
    box-shadow: 3px 3px 5px RGBA(34, 47, 47, 0.55);
    color: #171483;
    text-align: center;
}

.ui-autocomplete {
    height: 300px;
    overflow-y: scroll;
    overflow-x: hidden;
    z-index: 1100;
}

.modal-header {
    padding: 10px;
}

.modal .modal-body {
    padding: 10px;
    max-height: 380px;
    overflow-y: auto;
}

.modal {
    /*position: fixed;
    top: 10% !important;*/
    /*overflow-y: auto;*/
    padding-top:30px;
}

.modal-open, .modal-open .navbar-fixed-top {
    margin-right: 0 !important;
}

.modal-footer {
    margin-top: 5px;
    padding: 10px 10px 10px;
}

.navbar-fixed-top {
    top: 0;
    z-index: 1;
}

.accordion-heading {
    background-color: #0CF;
}

    .accordion-heading:hover {
        background-color: #000;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
    }

    .accordion-heading > a {
        color: #FFF;
        text-decoration: none;
        text-transform: uppercase;
    }

button.close {
    padding-left: 5px;
    padding-right: 5px;
    cursor: pointer;
    float: none;
}

div.clickable { /* Containing div must have a position value */
    position: relative;
}

    div.clickable a {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        text-decoration: none; /* Makes sure the link   doesn't get underlined */
        z-index: 10; /* raises anchor tag above everything else in div */
        background-color: white; /*workaround to make clickable in IE */
        opacity: 0; /*workaround to make clickable in IE */
        filter: alpha(opacity=1); /*workaround to make clickable in IE */
    }

.infoTable table, th, td {
    border: 1px solid black;
}


/*map styles*/
#mapDiv {
    min-height: 100%;
    max-height: 100%;
}

#mapLogo {
    z-index: 300;
    position: absolute;
    right: 10px;
    bottom: 10px;
    height: 30px;
    width: 90px;
    background: url("../images/poweredbydev.png") center center no-repeat;
    background-size: 90px 30px;
}

#HomeButton {
    position: absolute;
    top: 142px;
    left: 20px;
    z-index: 15;
}

#LocateButton {
    position: absolute;
    top: 180px;
    left: 20px;
    z-index: 15;
}

.esriPopup .titlePane {
    background-color: #333;
    color: #FFF;
    /*line-height: 34px;*/
}

.esriPopup .title {
    color: #FFF;
}
