.containerBot {
    background: rgb(0, 166, 81);
}
#basicModal h4 {
    color: #333333;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

.modal-content {
    background-color: #f3f3f3;
}
.navbar-default {
    background-color: #02aff3;
    border-color: #02aff3;
}

    .navbar-default .navbar-brand {
        color: #fff;
    }

    .navbar-default .navbar-text {
        color: #fff;
    }

    .navbar-default .navbar-nav > li > a {
        color: #fff;
    }

h1 {
    border-top: 2px solid #0088cc;
    background: #f3f3f3;
    color: #5a5a5a;
}

h3{
 margin-top:30px;
}
.image-ara-logo {
    background-image: url(/ARA/ARA_No_Background_Black_text_mobile.png);
    width: 130px;
    height: 54px;
    float:left;
}

.notification {
     background-color: beige;
    border: 1px solid #02aff3;
}
#info {
   
    background-color: #f3f3f3;
    border: 1px solid #0088cc;
    color: #5a5a5a;
}
    #info .btn {
        padding: 0;
        border: 0;
    }
.searchbox {
    float: right;
}
#legend {
    float: right;
    font-weight: bold;
}
#legend div {
    clear: both;
    margin:auto;
}
    #legend img {
        float: left;
        padding-right: 6px;
    }
@media (min-width: 768px) {
    #legend{
        width:906px;
    }
    #legend div {
        clear: none;
        margin-top:14px;
    }
        #smallmapcontainer {
            width: 50%;
            height: 240px;
            float: right;
        }

        #reportAGritBinContent {
            float: left;
            width: 45%;
        }

    .image-ara-logo {
        background-image: url(/ARA/ARA_No_Background_Black_text.png);
        width: 260px;
        height: 108px;
    }


        .image-tvv-logo {
            margin-top: 100px;
        }

        .navbar .nav li a {
            border-left: 1px solid rgba(255,255,255,.75);
            border-right: 1px solid rgba(0,0,0,.1);
            min-width: 150px;
            text-align: center;
        }
      /*  .nav > li:hover {
            background-color: #0d92c4;
            color: white;
        }*/

        /*.nav > li > a:hover {
            background-color: #0d92c4;
            color: white !important;
        }*/
    }

#title {
    background: #f3f3f3;
}

#mapPageTitleArea {
    border-top: 2px solid #0088cc;
    background: #f3f3f3;
    height: 40px;
}

.descriptionText{
    clear:both;
}

.glyphicon.spinning, .spinning {
    animation: spin 1s infinite linear;
    -webkit-animation: spin2 1s infinite linear;
}

@keyframes spin {
    from {
        transform: scale(1) rotate(0deg);
    }

    to {
        transform: scale(1) rotate(360deg);
    }
}

@-webkit-keyframes spin2 {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

a {
    text-decoration: none
}

.footer {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
}