body {
  /*font-family: 'Source Sans Pro', sans-serif;*/
}
#page {
    position: relative;
}
#fleet-panel {
    position: absolute;
    left: 19px;
    top: 25px;
    width: 360px;
    background-color: rgba(0, 0, 0, 0.09);
}
header#page-header {
    background: #ebebeb;
    height: 64px;
    border-bottom: 8px solid #b0b0b0;
    position: relative;
}
/*Panels*/
.panel, #GridInfoDiv, #googleCompareDiv {
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16),0 3px 6px rgba(0, 0, 0, 0.23);
    -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16),0 3px 6px rgba(0, 0, 0, 0.23);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16),0 3px 6px rgba(0, 0, 0, 0.23);
}
.panel {
  min-height: 27px;
  margin: 0 0 7px 0;
  background: #fff;
  border-radius: 0;
  padding: 5px;
  position: relative;
}
.panel:last-child {
    margin-bottom: 0;
}
.panel #header {
    background-color:#cdcdcd;
    color:white;
    height: 24px;
    /*position: absolute;*/
    /*top: 30px;*/
    left: 0;
    width: 100%;
}
#header .download-pdf {
    display: inline-block;
    background: #eaeaea;
    padding: 5px 12px 1px 8px;
    color: #333;
    text-decoration: none;
    vertical-align: middle;
}
#header .download-pdf .icon {
    color: #3698dc;
}
#header .download-pdf:hover, #header .download-pdf:hover .icon {
    background: #3698dc;
    color: #fff;
}
#header label {
  display: inline-block;
  margin: 0 20px 0 0;
}
#panel_controls {
  background: #dfdfdf;
  display: inline-block;
  padding: 3px 12px 1px 8px;
  display: inline-block; 
  vertical-align: middle;
  margin-left: -4px;
    height: 24px;
    overflow: hidden;
    /*ie8 issue*/
    width: 470px;
}
/*Assets*/
.asset, .place {
    font-size: 120%;
    padding: 0;
    border: 1p solid #a3a3a3;
}
.asset:last-child, .place:last-child {
    margin-bottom: 0;
}
.asset-selector,
.stopped .asset-selector, .outofservice .asset-selector {
    background: none;
}
.asset .location,
.asset a.cog, .asset .icon-lock {
    display: none;
}
.asset-selector .icon-graphic {
    margin-left: 2px;
}
.asset.active {
    margin: 0 0 7px 0;
}
.asset.active .location,
.asset.active a.cog,
.place.active a.cog {
    display: block;
}
.asset dt, .place dt {
    font-weight: normal;
    padding-bottom: 0;
}
.asset .status-icon {
    /*margin: 0 -1px;
    height: 100%; 27px
    padding-top: 7px;*/
    margin: -1px -1px 0 0;
}
.asset.active .status-icon {
    height: 20px;
    padding-top: 3px;
}

dl.asset-alerts {
    margin: 4px 0 0;
    width: 100%;
}
.icon-star.favorite,
dd.driver {
    display: none;
}
.actions-menu {
    width: 200px;
    left: 373px;
    top: 126px;
}
 
/*main nav*/
#main-nav {
    height: 37px;
    background: #fff;
    padding: 0;
}
#main-nav #logo {
    background: url('../images/tracker-logo.png') no-repeat left top;
    width: 108px;
    height: 32px;
    display: inline-block;
    margin-left: 5px;
    float: left;
    background-size: 103% 103%;
}
#main-nav #navigation {
    float: right;
}
#main-nav a {
    width: 39px;
    height: 37px;
    text-align: center;
    display: inline-block;
    background-color: #c4c5c5;
    vertical-align: middle;
    color: #585858;
    font-size: 180%;
    line-height: 170%;
    margin: -1px -1px 0 4px;
}
#main-nav a:hover,
#main-nav a.active {
    text-decoration: none;
    color: #fff;
}
#main-nav a.assets:hover,
#main-nav a.assets.active {
    background: #78b330;
}
#main-nav a.gmap-search.active,
#main-nav a.gmap-search:hover {
    background-color: #05b6ae;
}
#main-nav a.places:hover,
#main-nav a.places.active {
    background: #f28c0c;
}
#main-nav a.alerts {
    background: #e08380;
    color: #fff;
    position: relative;
}
#main-nav a.alerts:hover,
#main-nav a.alerts.active {
    background: #b80d07;
}
#main-nav.alerts-active a.active {
  opacity: 0.6;
}
#main-nav.alerts-active a#alert-link.active {
    opacity: 1;
}

#main-nav .count {
    margin-top: 1px;
}
footer .btn-sm, #main-nav a {
      -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    transition-duration: 300ms;
transition-timing-function: ease;
}
/*Gmap Search*/
#gmap-search h3 {
    font-weight: normal;
    margin: 0 0 5px 0;
}
#gmapsearch-options label, .LabelGroup{
    display: inline-block;
    width: 100%;
}
.LabelGroup label {
    display: inline;
}

.DirectionsClickPrint {
    cursor:pointer;
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 130%;
}

/*Google map button*/
.MapButton {
    width: 85px; text-align: left; right: 159px; margin-top: 5px; margin-right: 5px; margin-bottom: 5px; margin-left: 5px; position: absolute; z-index: 0; cursor: pointer;
}

.MapButton div {
    text-align: left; color: #000; overflow: hidden; padding-top: 1px; padding-right: 6px; padding-bottom: 1px; padding-left: 6px; font-family: Roboto,Arial,sans-serif; font-size: 11px; font-weight: 500; border-top-color: rgba(0,0,0,0.15); border-right-color: rgba(0,0,0,0.15); border-bottom-color: rgba(0,0,0,0.15); border-left-color: rgba(0,0,0,0.15); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; position: relative; direction: ltr; border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; box-shadow: 0px 1px 4px -1px rgba(0,0,0,0.3); -ms-user-select: none; background-clip: padding-box; background-color: rgb(255, 255, 255);
}

.MapButton img {
    margin: -2px 0px 0px; padding: 0px; border: 0px currentColor; border-image: none; top: 50%; width: 7px; height: 4px; right: 6px; position: absolute; -ms-user-select: none;
}

/*Places*/

#places-actions {
  padding: 0;
  margin-top: 8px;
}
.panel > .pagination {
  margin: 3px 0 3px 3px;
}
.form-column, .map-column {
  display: inline-block;
  vertical-align: top;
}
.form-column {
  width: 35%;
  margin-right: 20px;
}
#google-search-results {
  background: #F9F9F9;
  padding-top: 5px;
  padding-left: 5px;
}
/*Alerts*/
#alerts, #journeys {
width: 60%;
position: absolute;
top: 25px;
left: 398px;
min-width: 600px;
}
#alerts .panel-title {
    color: #B80D07;
}
#alerts table tr {cursor: pointer}
#breadcrumb {
    display: inline-block;
}
#breadcrumb a {
    background: none;
    color: #333;
    text-decoration: underline;
    padding: 0 5px;
}
#breadcrumb a:hover {
    color: #038793;
}
#breadcrumb h4 {
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
    margin: 0;
}
#alerts table td.name {
    color: #b80d07;
    min-width: 118px;
}
#alerts table td.name.unread {
    font-weight: bold;
}
#alerts-actions {
    margin-top: 10px;
}
/*Alerts manage modal*/
span.asset-name {
  color: #666;
}
#active-alerts, #alerts-info {
  width: 220px;
  display: inline-block;
  vertical-align: top;
  padding-left: 25px;
  padding-bottom: 15px;
}
#alerts-info {
  padding-left: 10px;
  min-height: 154px;
}
#add-alert-detail {
  padding-left: 18px;
}
#add-alert-detail h4, #active-alerts h4 {
    margin: 0;
}
#add-alert-detail h4, #add-alert-detail ul {
  color: #038793;
}
#active-alerts h4, #add-alert-detail ul, #active-alerts .icon:hover, #legend #edited, .active-alerts-edited {
  color: #b80d07;
}
#legend #cancelled  {
  color: #666;
  margin-left: 20px;
}
.active-alerts-cancelled {
  color: #666;
  text-decoration: line-through;
}
#active-alerts {
  border-right: 1px dotted #ccc;
}
#active-alerts ul {
  list-style: none;
  padding: 0;
  margin: 0;
  line-height: 200%;
}
#active-alerts li {
 padding-left: 5px; 
 margin-right: 5px; 
 cursor: pointer;
}
#active-alerts .icon {
  font-size: 140%;
  padding: 3px 5px 0 8px;
  color: #666;
}
#active-alerts .icon:hover {
    cursor: pointer;
}
#active-alerts .icon-pencil {
  vertical-align: text-bottom;
  padding-left: 5px;
}
#active-alerts .icon.icon-undo:hover {
  color: #3698dc;
}
/*Journeys*/
#journeys {
  width: 65%;
}
#journeys-table {
  font-size: 95%;
  text-align: center;
}
#journeysTableGroupGraph, #journeys-table {
  margin-top: 5px;
}
#journeys-table tr {
  cursor: pointer;
}
.journey-number {
  width: 20px;
}
#journeys-table .date-time, #journeys-table .address {
  padding-left: 10px;
  text-align: left;
}
#journeys-table tr:hover td {
  background-color: #DCF6F9;
}
#journeys-table tr.selected {
  background-color: #DCF6F9;
}
th.notes {
  width: 60px;
}
/*Footer*/
footer {
    background-color: #f6f5f5;
    height: 25px;
    padding-top: 0;
}
footer .btn-sm {
    padding: 3px 5px;
    margin-bottom: 3px;
}
footer #help {
    background-color: #3698dc;
}
footer #help:hover, footer #myaccount:hover {
    background-color: #0974bf;
    color:#fff;
}
footer #logout {
    background-color: #666;
}
footer #logout:hover {
    background-color: #000;
    color: #fff;
}
footer #footer-actions {
    float: left;
    margin-left: 20px;
}
footer #copyright {
    float: right;
    margin: 7px 20px 0 0;

}

/*Map Drop Downs*/
.MapDropDown
{
    position:absolute;
    display:none;
    BORDER-BOTTOM: black 1px solid; BORDER-LEFT: black 1px solid; WIDTH: 200px; BORDER-TOP: black 1px solid; BORDER-RIGHT: black 1px solid;
    z-index:30000;
}

.MapDropDown div{
    text-align:center;    
}

.MapDropDown ul{
    Margin:0px;
    padding:0px;
}

.MapDropDown li{
   list-style-type:none;
   display:block;
   list-style-position: outside;
   white-space:nowrap;
   Margin:0px; 
   padding:1px 1px 1px 1px;
   BACKGROUND-COLOR: white; FONT-FAMILY: Arial,sans-serif; COLOR: black; FONT-SIZE: 12px; 
}

.MapDropDown a:active,.MapDropDown a:visited,.MapDropDown a{ text-decoration: none;COLOR: black;}
.MapDropDown a:hover{COLOR: red;}

#MapTrafficDropDown div{
   BACKGROUND-COLOR: white; FONT-FAMILY: Arial,sans-serif; COLOR: black; FONT-SIZE: 12px; 
}

#MapTrafficDropDown img{
    vertical-align:middle;
    padding: 1px 1px 1px 1px;
}

#MapTrafficDropDown input{
    vertical-align:middle;
}

#MapTrafficDropDown{
    vertical-align:middle;
}
/*Map Drop Downs End*/