/*My Changes Begin*/
html, body 
{
    min-height:91%;
    height:91%;
    font-family:Arial, Helvetica, sans-serif;
    font-size:small;
}

.OverlaysTL {
    left: auto !important;
    right: 200px !important;
    /*top: 500px !important;*/
}

#map-legend{
    margin-left:5px;
}
#map-control {
    top:25px;
    left:25px;
    width:200px;
    height:90%;
    position:absolute;
    border: 0px solid;
    border-radius: 0px;
    background-color:grey;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:1px;
    padding-right:2px;
    z-index:1;
}
.map-control-toggle-button
{
    height: 100%; 
    cursor:pointer; 
    width:25px; 
    z-index:1;
    position:absolute;
}

.map-control-button {
    width:195px;
    color:black;
    /*font-weight:bold;*/
    background-color:lightgray;
    text-align:left;
    padding-left:20px;
    border-radius: 0px;
    border: 1px solid;
    border-color: black;
}

#greeting-text {
    top:-24px;
    left: 50%;  
    position:absolute;
    /*font-weight:bold;*/
    z-index:2;
    color: black;
}

#save-as-my-view {
    top:-27px;
    right:165px;  
    width:100px;
    position:absolute;
    border: 1px solid;
    border-radius: 0px;
    color:black;
    background-color:lightgray;
    /*font-weight:bold;*/
    z-index:1;
    border-color: black;
}

#my-view {
    top:-27px;
    right:75px;
    width:90px;
    position:absolute;
    border: 1px solid;
    border-radius: 0px;
    color:black;
    background-color:lightgray;
    /*font-weight:bold;*/
    z-index:1;
    border-color: black;
}

#account-login, #account-setup {
    top:-27px;
    right:10px;
    width:65px;
    position:absolute;
    border: 1px solid;
    border-radius: 0px;
    color:black;
    background-color:lightgray;
    /*font-weight:bold;*/
    z-index:1;
    border-color: black;
}

#traffic-legend {
    bottom:30px;
    right:25px;  
    position:absolute;
    z-index:0;
    display:none;
}

/* Icon when the collapsible content is shown */

/* Icon when the collapsible content is hidden */
.btn.collapsed:after {
/*content: "\e080";*/
}


.map {
   width: 100%;
   height: 100%;
   border:#555555 2px solid;
}

.MapPushpinBase { cursor: pointer !important; }
.MapPushpinBaseHover { border:thin solid; border-color:red; }

/*Camera settings*/

#popup-carousel {
    top:5px;
    right: 10px;
    position:absolute;
    border: 10px solid;
    border-radius: 0px;
    border-color:black;
    /*height:300px;*/
    z-index: 2;
    display:none;
    background-color: white;
}
.carousel-indicators {
    position: relative;
    background: black;
    height: 25px;
    bottom: 0px;
}

.carousel-control {
    margin-bottom: 25px;
    margin-top: 25px;
}

.carousel-header { 
   background-color:black;
   height:20px;
   color: white;
   z-index:3;
}

.carousel-header button{
    position: absolute;
    /*font-weight:bold;*/
    top: 0px;
    right: 0px;
    margin-bottom: 3px;
}

.carousel-header div{
    text-align: center;
    /*font-weight: bold;*/
    top: 0px;
    left:0px;
    width: 100%;
}

.carousel-footer { 
   background-color:black;
   color: white;
   z-index:3;
   min-height:20px;
}

.carousel-footer button{
    margin-top: 3px;
    height:25px;
}

.alert-slide
{
    height: 240px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 10px;
    padding-bottom: 5px;
    font-family:'Trebuchet MS';
    font-size: .9em;
    background-color:white;
}

.save-result-outer
{
    position: absolute; 
    top:40%; 
    left: 50%; 
    z-index: 100;
    display:none;
}

.save-result-inner
{
    position: relative; 
    left: -50%; 
    border: dotted red 2px;
    background-color:lightcyan;
    color:black;
    /*font-weight: bold;*/
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 0px;

}
/*My Changes End*/


/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

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

/* styles for validation helpers */
.field-validation-error {
    color: #b94a48;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #b94a48;
}

.validation-summary-valid {
    display: none;
}

/*Infobox*/
.infobox{

    background-color:white;
    border:1px solid rgb(136, 136, 136);
    border-radius: 0px;
    white-space: nowrap;
    overflow: hidden;
    padding-left: 10px;
    padding-right: 10px;
    font-weight:bold;
    color:black;
    font-size:small;
}

.dms-infobox{
    border:1px solid rgb(136, 136, 136);
    border-radius: 0px;
    white-space: nowrap;
    overflow: hidden;
    padding-left: 10px;
    padding-right: 10px;
    font-weight:bold;
    font-size:small;
    background-color:black;
    min-width: 300px;
    color:white;    
}
.dms-header{
    /*text-align: center;*/
    margin-top: 10px;
}
.dms-lines{
    background-color:gray;
    min-height: 50px;
    border-color:gold;
    border:1px solid; 
    margin-top: 10px; 
    margin-bottom: 20px; 
    color: gold; 
    padding: 10px 10px 10px 10px;
    text-align:center;
}

.btn-dms-popup-close {
    position: absolute;
    right: 10px;
}

/*Bootstrap extension*/
.btn-xxs {
    padding-left: 4px;
    padding-top: 1px;
    width: 18px;
    height: 18px;
}

/*My Setup tabs*/
ul.tab {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden; 
}

/* Float the list items side by side */
ul.tab li {float: left;}

/* Style the links inside the list items */
ul.tab li a {
    display: inline-block;
    color: black;
    text-align: center;
    padding: 0px 5px;
    text-decoration: none;
    transition: 0.3s;
    background-color: #f1f1f1;
    border: 1px solid black;
    border-radius:8px 8px 0px 0px;  
}
/* Change background color of links on hover */
ul.tab li a:hover {background-color: #ddd;}

/* Create an active/current tablink class */
ul.tab li a:focus, .active {background-color: #ccc;}

/* Style the tab content */
.tab-content {
    display: none;
    padding: 5px 5px 20px 20px;
    border: 0px solid #ccc;
    border-top: none;
}

.modal-header {
  padding: 20px 0px 0px 20px;
  border-top: 1px solid black;
  border-left: 1px solid black;
  border-right: 1px solid black;
  border-bottom: 1px solid #ccc;
}
.modal-body {
  padding: 10px;
  border-bottom: 1px solid black;
  border-left: 1px solid black;
  border-right: 1px solid black;
}
.modal-header .close {
  margin-right: 12px;
  margin-top: -10px;
}
.dropdown-menu {
  width: 90%; 
}

.dropdown .btn{
 width: 90%;
}

.dropdown input{
 width: 90%;
}

.result-scrollable {
  max-height: 305px;
  overflow-y: scroll;
}
.find-it-clear
{
  color:navy;
  font-size:x-small;
  text-decoration:underline;
  cursor:pointer;
}

.faq-title
{
    background-color: #f5f5f5;
    padding:5px 5px 5px 5px;
}

.faq-body
{
    margin-left:10px;
}