html,body    {height: 100%;}
pre          {border: 0; background-color: transparent;font-weight: bold;}
td           {white-space: nowrap;}
.main        {height: 88vh;overflow:hidden;}
.sidebar     {height: 88vh;overflow-y:scroll;font-size:12px;}
.ord-btn     {background:#a0ce67;width: 70px;}
.ord-btn-ud  {background:#a0ce67;width: 36px;}
.ord-btn-sk {
    background-color: rgba(255,255,255,0.8);
    border: 1px solid grey;
    color: black;
    padding: 6px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    border-radius: 5px;
    margin: 6px;
    width: 120px;
    height: 40px;
    }
.ord-btn-nav {background-color:rgba(255,255,255,0.9);color:black;
               z-index: 999999; position: fixed; bottom: 10px; right: 72px; display:none;}
.back-to-top { z-index: 999999; position: fixed; bottom: 10px; right: 10px; display:none; }
.to-bottom   { z-index: 999999; position: fixed; bottom: 10px; right: 10px; display:none; }

.fleet-icon-start { color: #008450; }
.fleet-icon-pause { color: #EFB700; }
.fleet-icon-stop  { color: #B81D13; }
.fleet-icon-end   { color: #B81D13; }

.track-icon-start      { color: #008450; }
.track-icon-pause      { color: #EFB700; }
.track-icon-long-pause { color: #EFB700; }
.track-icon-end        { color: #B81D13; }

#tableData tbody tr {cursor: pointer;}

.table-condensed {font-size: 14px; margin-bottom: 5px;}
.directionsList{float:left;width:100%;}
.resultNumber{float:left;width:100%;font-weight:700;cursor:pointer;}
.resultText{float:right;width:100%;text-align:left;text-decoration:none!important;cursor:pointer;background-color:rgba(173,204,110,0.2);}
.resultText:hover{text-decoration:underline!important;}
.heading{font-size:20px;font-weight:700;margin:5px 0 15px;}
.resultDirections{clear:both;padding:0 0 10px;}
.nbrplate         {font-family:'Arial';font-weight:normal;border-radius:4px;padding-left:4px;padding-right:4px;background-color:white;color:black;}
.nbrplate.vracht  {background-color:white;color:#339933;border:2px solid #339933;}
.nbrplate.duits   {background-color:white;color:black;border:2px solid black;}
.nbrplate.belg    {background-color:white;color:#9b111e;border:2px solid #9b111e;}
.nbrplate.transit {background-color:#9b111e;color:white;border:2px solid white;}
.nbrplate.nedfr   {background-color:#febf00;color:black;border:2px solid black;}
.nbrplate.zwart   {background-color:black;color:white;border:2px solid white;}
.leaflet-tooltip  {padding: 0px; border: 0px;background-color:transparent;}
.plateContainer   {display: flex;flex-flow: column wrap;}
.flex-container   {display: flex;justify-content: space-between}
* { -webkit-overflow-scrolling: touch;}
.listheader  {position: relative; width: 100%;}
.listoptions {position: relative; width: 100%;}
.vehiclelist {position: relative; width: 100%; overflow-y: inherit !important;}
.vehicle     {clear:both; padding: 0 0 10px}
.mousentered {background-color: #eee;}
.selected    {background-color: #bd7;}
.navbar-custom                                  {background-color: #a0ce67; color: #fff; border-radius: 0;}
.navbar-custom .navbar-nav > li      > a        {color: #eee;}
.navbar-custom .navbar-nav > .active > a        {background-color: #475f65; color: #fff;}
.navbar-custom .navbar-nav > li      > a:hover,
.navbar-custom .navbar-nav > li      > a:focus,
.navbar-custom .navbar-nav > .active > a:hover,
.navbar-custom .navbar-nav > .active > a:focus,
.navbar-custom .navbar-nav > .open   > a        {background-color: #475f65; text-decoration: none;}
.navbar-custom .navbar-brand                    {color: #fff;}
.navbar-custom .navbar-toggle                   {background-color: #eeeeee; }
.navbar-custom .icon-bar                        {background-color: #475f65;}
.legend   {line-height: 20px; color: #555;}
.legend i {width: 18px; height: 20px; float: left; margin-right: 8px; opacity: 0.7;}
.my-div-icon { background:white; color: #000; font-weight:bold; font-size: 14px; text-align:center; border:4px solid; }
.my-div-icon.speedlimit { border-radius: 50% 50% 50% 0; border-color: #37c; }
.my-div-icon.speed { border-radius: 50% 50% 50% 0; border-color: #e02; }
.my-div-icon.ibutton { border-color: #3b3; }
.my-div-icon.geofence { border-color: #fc1; }
.fa-address-card.ibutton { color: #3b3; }
.fa-shapes.geofence { color: #fc1; }
.speedLimitClass   {line-height: 20px; color: #555;}
.speedLimitClass i {width: 18px; height: 20px; float: left; margin-right: 8px; opacity: 0.7;}
.leaflet-popup-close-button { display: none; }
.leaflet-popup-content { margin: 10px 10px; line-height: 1.4; }