@charset "utf-8";
/* CSS Document */

@font-face {
    src: url(https://www.Trackpro.ca/font/LCD2U.ttf);
    font-family: "LCD2U";
    font-weight: bolder;
}
.onoffswitch {
    position: relative;
    width: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.onoffswitch-checkbox {
    display: none;
}

.inMovingBoxWhite {
    padding: 2px 5px;
    font-weight: 700;
    font-family: Roboto, sans-serif;
    font-style: normal;
}

.AdminLineInfoColorClear2-380 {
    height: 120px;
    width: 380px;
    border-color: #000;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: x-small;
    font-weight: bold;
}

.AdminLineInfoColorClearDate30H {
    height: 30px;
    width: 370px;
    border-color: #000;
    -webkit-border-radius: 5px;
    padding-left: 5px;
    padding-right: 5px;
    display: -webkit-flex; /* NEW */
    display: flex;
    -webkit-flex-wrap: wrap; /* NEW */
    flex-wrap: wrap;
    float: left;
    align-items: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: x-small;
    font-weight: bold;
}

.AdminLineInfoColorClearDate {
    height: 20px;
    width: 370px;
    border-color: #000;
    -webkit-border-radius: 5px;
    padding-left: 5px;
    padding-right: 5px;
    display: -webkit-flex; /* NEW */
    display: flex;
    -webkit-flex-wrap: wrap; /* NEW */
    flex-wrap: wrap;
    float: left;
    align-items: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: x-small;
    font-weight: bold;
}

.Bubblegreen {
    clear: both;
    min-height: 10px;
    width: auto;
    float: left;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
    font-weight: bold;
    text-align: Left;
    border-radius: 5px;
    margin: 2px;
    padding: 1px;
    border-style: solid;
    border-width: 2px;
    color: #FFFFFF;
    background-color: rgba(0,153,0,0.75);
    border-color: #FFFFFF;
    transition: background-color 0.3s ease-in;
}

.Bubblered {
    clear: both;
    min-height: 10px;
    width: auto;
    float: left;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
    font-weight: bold;
    text-align: Left;
    border-radius: 5px;
    margin: 2px;
    padding: 1px;
    border-style: solid;
    border-width: 2px;
    color: #EEEEEE;
    background-color: rgb(250, 53, 53);
    border-color: #FFFFFF;
    transition: background-color 0.3s ease-in;
}

.Bubblegray {
    clear: both;
    min-height: 10px;
    width: auto;
    float: left;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
    font-weight: bold;
    text-align: Left;
    border-radius: 5px;
    margin: 2px;
    padding: 1px;
    border-style: solid;
    border-width: 2px;
    color: #EEEEEE;
    background-color: #999;
    border-color: #FFFFFF;
    transition: background-color 0.3s ease-in;
}

.Bubblegold {
    clear: both;
    min-height: 10px;
    width: auto;
    float: left;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
    font-weight: bold;
    text-align: Left;
    border-radius: 5px;
    margin: 2px;
    padding: 1px;
    border-style: solid;
    border-width: 2px;
    color: #EEEEEE;
    background-color: rgb(188, 190, 43);
    border-color: #FFFFFF;
    transition: background-color 0.3s ease-in;
}

.BubbleOrange {
    clear: both;
    min-height: 10px;
    width: auto;
    float: left;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
    font-weight: bold;
    text-align: Left;
    border-radius: 5px;
    margin: 2px;
    padding: 1px;
    border-style: solid;
    border-width: 2px;
    color: #EEEEEE;
    background-color: orange;
    border-color: #FFFFFF;
    transition: background-color 0.3s ease-in;
}

.onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    height: 10px;
    padding: 0;
    line-height: 10px;
    border: 2px solid #EEEEEE;
    border-radius: 10px;
    background-color: #9E9B9B;
    transition: background-color 0.3s ease-in;
}

    .onoffswitch-label:before {
        content: "";
        display: block;
        width: 10px;
        margin: 0px;
        background: #FFFFFF;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 8px;
        border: 2px solid #EEEEEE;
        border-radius: 10px;
        transition: all 0.3s ease-in 0s;
    }

.onoffswitch-checkbox:checked + .onoffswitch-label {
    background-color: #3EC234;
}


    .onoffswitch-checkbox:checked + .onoffswitch-label, .onoffswitch-checkbox:checked + .onoffswitch-label:before {
        border-color: #3EC234;
    }

        .onoffswitch-checkbox:checked + .onoffswitch-label:before {
            right: 0px;
        }
body {
  height: 100%;
  width: 100%;
  margin: 0px;
  padding: 0px
}
html {
  height: 100%;
  width: 100%;
  margin: 0px;
  padding: 0px
}
     .header {
        width: 100%;
        height: 100px;
		background-color: white;
    }
    .Container {
       height: calc(100% - 100px);
       height: -moz-calc(100% - 100px);
       height: -webkit-calc(100% - 100px);
	   width: 100%;
	   background-color: white;
       display:block;

    }
.InCLeft {
    height: calc(100%);
    height: -moz-calc(100%);
    height: -webkit-calc(100%);
    width: 370px;
    float: left;
    background-color: white;
    overflow-y: scroll;
    border-right-style: ridge;
    border-right-color: cadetblue;
    display: block;
}
    
    .GroupDiv {
       height: 30px;
	   width: 230px;
	   float: left;
	   background-color: aqua;
    }

    .InMap {
       height: 100%;
	   width: 100%;
	   background-color: lightsteelblue;
 
    }

     .InMapTop {
       height: calc(100% - 200px);
	   width: 100%;
	   background-color: lightgoldenrodyellow;
    }

.InMapTopAll {
    height: 100%;
    width: 100%;
    background-color: lightgoldenrodyellow;
}

.InMapBottom {
    width: calc(100% - 370px);
    height: 200px;
    float: left;
    background-color: lightgray;
    position: absolute;
    bottom: 0px;
    margin-left: 370px;
    overflow-y: scroll;
}

.GridDv1 {
    min-width: 1400px;
    max-width: 1400px;
}

        .divStyle {
            width: auto;
            padding: 2px;
            background-color: lightyellow;
            color: maroon;
            border: 1px solid black;
            font-family: Tahoma, sans-serif;
            font-size: 8pt;
            text-align: center;
        }
        
  .labels {
     color: red;
     background-color: white;
     font-family: "Lucida Grande", "Arial", sans-serif;
     font-size: 10px;
     font-weight: bold;
     text-align: center;
     width: 40px;
     border: 2px solid black;
     white-space: nowrap;
   }
   
    .map-marker-label{
    position: absolute;
    color: blue;
    font-size: 16px;
    font-weight: bold;
    }
    
    .my-marker { 
     background: red; 
     border: 2px solid #fff; 
     padding: 3px; 
     } 
     
   .container {
            height: 396px;
            width: 600px;
            background: #C0C0C0;
            position: absolute;
            margin: -198px 0 0 -580px;
            left: 50%;
            top: 50%;
            z-index: 11;
        }
        
         .containerAdmin {
            height: 460px;
            width: 1200px;
            background: #C0C0C0;
            position: absolute;
            margin: -230px 0 0 -600px;
            left: 50%;
            top: 50%;
            z-index: 15;
        }
  
        .TopControl {
            /*background: url('Images/BkLeftDV.png') no-repeat;*/
            height: 95px;
            width: 215px;
            position: absolute;
            left: 0px;
            top: 100px;
            z-index: 999;
        }
        
  .TopControlTR20 {
            
            height: 39px;
            width: 626px;
            position: absolute;
            left: 209px;
            top: 92px;
            z-index: 12;
        }
.box {
  height: 100px;
  width: 100px;
  background: #222;
  position: absolute;
   
  /*Centering Method 2*/
  margin: -50px 0 0 -50px;
  left: 50%;
  top: 50%;
}

.InMoovingInfo {
    width: auto;
    float: left;
    font-family: Verdana, Geneva, sans-serif;
    width: 100%;
    margin-left: 2px;
    margin-top: 2px;
    margin-bottom: 2px;
    font-size: 12px;
    font-weight: bold;
    text-align: Left;
}
.MoovingOut {
    width: 100%;
    float: left;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 8px;
    color: #000;
    font-weight: bold;
    text-align: Left;
}
.InMoovingInfoPin {
    
    margin-left: 2px;
    margin-top: 2px;
    margin-bottom: 2px;
    padding-left: 5px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 8px;
    color: black;
}
.MoovingOutPin {
    width: 150px;
    float: none;
    text-align: center;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 8px;
    font-weight: bold;
    color: darkblue;
    padding-left: 2px;
    padding-top: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
}
.MoovingUP {
	width: 100%;
}
.ConnGps {
	width: 12px;
	float: left;
	margin: 2px;
}
.rename130 {
    width: 130px;
    float: left;
    margin: 2px;
}
.rename55 {
    width: 55px;
    float: left;
    margin-left: 5px;
}
.SpeedGps {
	width: auto;
	float: left;
	margin: 2px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 8px;
	color: #000;
	font-weight: bold;
}

.Dgrid {
	overflow: hidden;
	visibility: hidden;
}
        
.modalBackground
{
    background-color:Gray;
    filter:alpha(opacity=50);
    opacity:0.5;
}

.modalPopup {
    background-color: ghostwhite;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    border-radius: 5px 5px 5px 5px;
    padding: 3px;
    width: 250px;
}
        .sidebar{background:#E8E8E8; border-radius:5px; box-shadow: 0px 0px 5px 5px #4b8cb9; padding-bottom:20px;}
        .style151
        {
            width: 101%;
        }
        .style152
        {
            height: 25px;
            width: 252px;
        }
        .style154
        {
            height: 25px;
            width: 197px;
        }
        .style157
        {
        }
        .style159
        {
            width: 32px;
        }
        .style160
        {
            width: 161px;
        }
        .style161
        {
            width: 20px;
        }
        .style165
        {
            width: 86px;
            height: 20px;
        }
        .style167
        {
            height: 23px;
        }
        .style169
        {
            height: 19px;
            width: 252px;
        }
        .style170
        {
        }
        .style171
        {
            height: 25px;
            width: 147px;
        }
        .style175
        {
            width: 5px;
        }
        .style234
        {
            width: 57px;
            height: 20px;
        }
        .style236
        {
            width: 147px;
        }
        .style237
        {
            width: 76px;
        }
        .style239
        {
            width: 11px;
        }
        .style240
        {
            width: 79px;
        }
        .style242
        {
            width: 235px;
            height: 27px;
        }
        .style114
        {
            margin-left: 3px;
        }
        .style246
        {
            width: 50px;
        }
        .style247
        {
            width: 235px;
            height: 14px;
        }
        .style248
        {
            width: 235px;
            height: 19px;
        }
        .style250
        {
            width: 83%;
        }
        .style251
        {
            width: 27px;
        }
         .style252
         {
             width: 48px;
         }
         #UpdatePanel1 { width: 100%; height: 100%;}
        .auto-style1 {
            height: 19px;
        }
        div#left {
    width: 200px;
    float: left;
    background-color: #FCC;
}

div#right {
    margin-left: 200px;
    background-color: #CFC;
}


#divLoad {  
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1000;
    background-color:white;
    
 }
#dvProgress {  
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1000;
    background-color:white;
    opacity: .8;
 }

        .auto-style10 {
            width: 12px;
            height: 35px;
        }
                        
        .auto-style19 {
            width: 12px;
        }

        .auto-style25 {
            width: 22px;
        }
        .auto-style31 {
            width: 12px;
            height: 26px;
        }
                        
        .auto-style50 {
            width: 100%;
            height: 100%;
        }

        .auto-style55 {
            width: 98%;
            margin-top: 0px;
        }

        .auto-style56 {
            width: 417px;
        }
        .auto-style58 {
            width: 127px;
        }
        .auto-style62 {
            width: 1028px;
            height: 25px;
        }
        .auto-style63 {
            width: 75px;
        }
        .auto-style66 {
            margin-bottom: 0px;
        }
        .auto-style67 {
            width: 42px;
        }
        .auto-style69 {
            width: 50px;
        }
        .auto-style72 {
            width: 87px;
        }

        .auto-style75 {
            width: 95px;
        }
        .auto-style81 {
            width: 74px;
        }

        .auto-style82 {
            width: 342px;
        }
        .auto-style85 {
            width: 68px;
        }

        .auto-style88 {
            width: 1139px;
        }

        .auto-style94 {
            width: 175px;
        }
        
        .auto-style99 {
            width: 1400px;
            height: 20px;
        }
                
        .auto-style106 {
            width: 100px;
        }
        
        .auto-style107 {
            width: 35px;
            height: 20px;
        }
        
        .auto-style108 {
            width: 550px;
            height: 20px;
        }
        
        .auto-style109 {
            width: 100px;
            height: 20px;
        }
        .auto-style110 {
            width: 175px;
            height: 20px;
        }
        
        .auto-style112 {
            width: 150px;
        }
        
        .auto-style113 {
            width: 18px;
        }
        .auto-style114 {
            width: 444px;
        }
        .auto-style115 {
            width: 18px;
            height: 176px;
        }
        .auto-style116 {
            width: 444px;
            height: 176px;
        }
        .auto-style117 {
            height: 176px;
            width: 24px;
        }
        .auto-style119 {
            width: 354px;
        }

             
        .auto-style120 {
            width: 24px;
        }

             
        .auto-style121 {
            width: 100%;
            height: 166px;
        }
        .auto-style123 {
            height: 21px;
        }
        .auto-style125 {
            height: 22px;
        }
        .auto-style126 {
            height: 24px;
        }

             
        .auto-style127 {
            width: 83%;
            height: 0px;
        }
        .auto-style128 {
            width: 100%;
            height: 9px;
        }
        .auto-style129 {
            width: 54px;
        }
        .auto-style130 {
            width: 481px;
        }

             
        .auto-style131 {
            width: 1028px;
        }

             
        .auto-style132 {
            width: 100%;
            height: 797px;
        }
        .auto-style133 {
            height: 767px;
        }
        .auto-style134 {
            width: 702px;
        }

             
        .auto-style135 {
            width: 100%;
            height: 131px;
        }
        .auto-style139 {
            width: 91px;
        }

             
        .auto-style140 {
            height: 36px;
        }

             
         .auto-style141 {
             border: 3px solid Gray;
             background-color: ghostwhite;
             padding: 3px;
         }

.AdminCss1 {
	height: 482px;
	width: 925px;
	border-style: solid;
	border-width: 1px;
	border-color: #000;
	border-radius: 5px 5px 5px 5px;
}
.AdminTopLink {
	height: 32px;
	width: auto;
	border-style: solid;
	border-width: 1px;
	border-color: #000;
	padding: 5px;
	border-radius: 5px 5px 5px 5px;
	background-color: #E5E5E5;
}
.AdminTopLinkm1{
	height: 25px;
	width: 918px;
	border-style: solid;
	border-width: 1px;
	border-color: #6699CC;
	padding: 5px;
	border-radius: 5px 5px 5px 5px;
	background-color: #E5E5E5;
}
.AdminPanel1Style {
    height: 520px;
    width: 930px;
    border-style: solid;
    border-width: 1px;
    border-color: #6699CC;
    padding: 5px;
    border-radius: 5px 5px 5px 5px;
    background-color: #E5E5E5;
    position: absolute;
    margin-top:-100px;
}
.AdminUnitID {
	width: 60px;
	height: 20px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
	 display: -webkit-flex; /* NEW */
    display: flex;
    -webkit-flex-wrap: wrap; /* NEW */
    flex-wrap: wrap;
	align-items: center; 
}
.AdminUnitID1 {
	width: 110px;
	height: 20px;
	float: left;
	display: -webkit-flex; /* NEW */
    display: flex;
    -webkit-flex-wrap: wrap; /* NEW */
    flex-wrap: wrap;
	align-items: center; 
}
.AdminTopButtonRight {
	width: 100px;
	height: 20px;
	float: right;
	display: -webkit-flex; /* NEW */
    display: flex;
    -webkit-flex-wrap: wrap; /* NEW */
    flex-wrap: wrap;
	align-items: center;
	margin-left: 10px;
}
.AdminTopButtonRightm1 {
	width: 100px;
	float: right;
	 display: -webkit-flex; /* NEW */
    display: flex;
    -webkit-flex-wrap: wrap; /* NEW */
    flex-wrap: wrap;
	align-items: center;
	margin-left: 10px;
}
.AdminPan {
	height: 470px;
	width: 915px;
	padding: 5px;
	border-radius: 5px 5px 5px 5px;
	background-color: #F2F2F2;
}
.AdminPanIframe {
	height: 400px;
	width: 925px;
}
.AdminPanUnit {
	height: 460px;
	width: 905px;
	background-color: #F2F2F2;
	border-style: solid;
	border-width: 1px;
	border-color: #999;
	border-radius: 5px 5px 5px 5px;
	margin-bottom: 5px;
}
.AdminPanUnitLineInfo {
	height: 20px;
	width: auto;
	background-color: #6699CC;
	border-color: #000;
	-webkit-border-radius: 5px;
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 5px;
}
.AdminLineLeft1 {
	width: 200px;
	height: 20px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
	 display: -webkit-flex; /* NEW */
    display: flex;
    -webkit-flex-wrap: wrap; /* NEW */
    flex-wrap: wrap;
	align-items: center; 
}
.AdminLineLeft1280 {
	width: 280px;
	height: 20px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
	display: -webkit-flex; /* NEW */
    display: flex;
    -webkit-flex-wrap: wrap; /* NEW */
    flex-wrap: wrap;
	align-items: center; 
}
.AdminLineLeft1-60 {
	width: 60px;
	height: 20px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
	display: -webkit-flex; /* NEW */
    display: flex;
    -webkit-flex-wrap: wrap; /* NEW */
    flex-wrap: wrap;
	align-items: center; 
}
.AdminLineLeft1-40 {
	width: 40px;
	height: 20px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
	display: -webkit-flex; /* NEW */
    display: flex;
    -webkit-flex-wrap: wrap; /* NEW */
    flex-wrap: wrap;
	align-items: center; 
}
.AdminLineLeft1-90 {
	width: 90px;
	height: 20px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
	display: -webkit-flex; /* NEW */
    display: flex;
    -webkit-flex-wrap: wrap; /* NEW */
    flex-wrap: wrap;
	align-items: center; 
}
.AdminLineLeft1-120 {
	width: 120px;
	height: 20px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
	display: -webkit-flex; /* NEW */
    display: flex;
    -webkit-flex-wrap: wrap; /* NEW */
    flex-wrap: wrap;
	align-items: center; 
}
.AdminLineLeft1Reg {
	width: 200px;
	height: 20px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
}
.AdminLineRight1 {
	width: 200px;
	height: 20px;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
	display: -webkit-flex; /* NEW */
    display: flex;
    -webkit-flex-wrap: wrap; /* NEW */
    flex-wrap: wrap;
	align-items: center; 
}
.AdminBigInside {
	float: left;
	height: 425px;
	width: 440px;
	margin: 5px;
}
.AdminBigInsideGeo {
	float: left;
	height: 460px;
	width: 225px;
	margin: 5px;
}
.AdminBigInsideGeoMap {
	float: left;
	height: 450px;
	width: 660px;
	margin: 5px;
}
.AdminLineInfoColorBlue {
	height: 20px;
	width: auto;
	background-color: #6699CC;
	border-color: #000;
	-webkit-border-radius: 5px;
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 5px;
	display: -webkit-flex; /* NEW */
    display: flex;
    -webkit-flex-wrap: wrap; /* NEW */
    flex-wrap: wrap;
	align-items: center; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;	
}
.AdminLineInfoColorBlue-RM {
	height: 20px;
	width: auto;
	background-color: #D8E0E2;
	border-color: #000;
	-webkit-border-radius: 5px;
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 5px;
	margin-right: 5px;
	margin-left: 5px;
	align-items: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
    display: -webkit-flex; /* NEW */
    display: flex;
    -webkit-flex-wrap: wrap; /* NEW */
    flex-wrap: wrap;

}
.AdminLineInfoColorBlue-RM2 {
    height: 45px;
    width: auto;
    background-color: aliceblue;
    border-color: #000;
    -webkit-border-radius: 5px;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 5px;
    margin-right: 5px;
    margin-left: 5px;
    align-items: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: x-small;
    font-weight: bold;
    display: -webkit-flex; /* NEW */
    display: flex;
    -webkit-flex-wrap: wrap; /* NEW */
    flex-wrap: wrap;
}
.AdminLineInfoColorBlueGeo {
	height: 20px;
	width: auto;
	background-color: #6699CC;
	border-color: #000;
	-webkit-border-radius: 5px;
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 5px;
	display: -webkit-flex; /* NEW */
    display: flex;
    -webkit-flex-wrap: wrap; /* NEW */
    flex-wrap: wrap;
	align-items: center; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;	
}
.AdminLineInfoColorClear{
	height: 10px;
	width: auto;
	-webkit-border-radius: 5px;
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 5px;
	display: -webkit-flex; /* NEW */
    display: flex;
    -webkit-flex-wrap: wrap; /* NEW */
    flex-wrap: wrap;
	align-items: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;	
}
.AdminLineInfoColorClearMT5{
	height: 35px;
	width: auto;
	-webkit-border-radius: 5px;
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 10px;
    margin-top: 5px;
	display: -webkit-flex; /* NEW */
    display: flex;
    -webkit-flex-wrap: wrap; /* NEW */
    flex-wrap: wrap;
	align-items: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;	
}
.AdminInlineCenter{
	 display: -webkit-flex; /* NEW */
    display: flex;
    -webkit-flex-wrap: wrap; /* NEW */
    flex-wrap: wrap;
	align-items: center; 
}
.AdminInline20{
	height: 20px;
	float: left;
    display: -webkit-flex; /* NEW */
    display: flex;
    -webkit-flex-wrap: wrap; /* NEW */
    flex-wrap: wrap;
	align-items: center; 
}
.AdminInline30{
	width: 30px;
	height: 20px;
	float: left;
	display: -webkit-flex; /* NEW */
    display: flex;
    -webkit-flex-wrap: wrap; /* NEW */
    flex-wrap: wrap;
	align-items: center; 
}
.AdminInline30M4 {
    width: 30px;
    height: 20px;
    float: left;
    margin-left: 4px;
    display: -webkit-flex; /* NEW */
    display: flex;
    -webkit-flex-wrap: wrap; /* NEW */
    flex-wrap: wrap;
    align-items: center;
}
.AdminInline230-100{
	width: 230px;
	height: 100px;
	float: left;
}
.AdminInline230-33 {
    width: 230px;
    height: 33px;
    float: left;
}
.AdminInline230-auto{
	width: auto;
	height: 100px;
	float: left;
	display: -webkit-flex; /* NEW */
    display: flex;
    -webkit-flex-wrap: wrap; /* NEW */
    flex-wrap: wrap;
	align-items: center; 
}
.AdminInline40{
	width: 40px;
	height: 20px;
	float: left;
	display: -webkit-flex; /* NEW */
    display: flex;
    -webkit-flex-wrap: wrap; /* NEW */
    flex-wrap: wrap;
	align-items: center; 
}
.AdminInline40R{
	width: 45px;
	height: 15px;
	display: -webkit-flex; /* NEW */
    display: flex;
    -webkit-flex-wrap: wrap; /* NEW */
    flex-wrap: wrap;
	align-items: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align: right;
}
.AdminInline20LGr {
    width: 20px;
    height: 15px;
    display: -webkit-flex; /* NEW */
    display: flex;
    -webkit-flex-wrap: wrap; /* NEW */
    flex-wrap: wrap;
    align-items: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    text-align: left;
}
.AdminInline30LGr {
    width: 30px;
    height: 15px;
    display: -webkit-flex; /* NEW */
    display: flex;
    -webkit-flex-wrap: wrap; /* NEW */
    flex-wrap: wrap;
    align-items: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    text-align: left;
}
.AdminInline40LGr {
    width: 45px;
    height: 15px;
    display: -webkit-flex; /* NEW */
    display: flex;
    -webkit-flex-wrap: wrap; /* NEW */
    flex-wrap: wrap;
    align-items: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    text-align: left;
}
.AdminInline100LGr {
    width: 100px;
    height: 15px;
    display: -webkit-flex; /* NEW */
    display: flex;
    -webkit-flex-wrap: wrap; /* NEW */
    flex-wrap: wrap;
    align-items: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    text-align: left;
}
.AdminInline100pcLGr {
    width: 100%;
    height: 15px;
    display: -webkit-flex; /* NEW */
    display: flex;
    -webkit-flex-wrap: wrap; /* NEW */
    flex-wrap: wrap;
    align-items: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    text-align: left;
}
.Grid3-40R {
    width: 100%;
    height: 20px;
    align-items: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    text-align: left;
}
.AdminInline50{
	width: 50px;
	height: 20px;
	float: left;
	display: -webkit-flex; /* NEW */
    display: flex;
    -webkit-flex-wrap: wrap; /* NEW */
    flex-wrap: wrap;
	align-items: center; 
}
.AdminInline60{
	width: 60px;
	height: 20px;
	float: left;
	display: -webkit-flex; /* NEW */
    display: flex;
    -webkit-flex-wrap: wrap; /* NEW */
    flex-wrap: wrap;
	align-items: center; 
}
.AdminInline60Gr1 {
    width: 60px;
    height: 20px;
    float: left;
    display: -webkit-flex; /* NEW */
    display: flex;
    -webkit-flex-wrap: wrap; /* NEW */
    flex-wrap: wrap;
    align-items: center;
}
.AdminInline30Gr1 {
    width: 30px;
    height: 20px;
    float: left;
    display: -webkit-flex; /* NEW */
    display: flex;
    -webkit-flex-wrap: wrap; /* NEW */
    flex-wrap: wrap;
    align-items: center;
}
.AdminInline25Gr1 {
    width: 25px;
    height: 20px;
    float: left;
    display: -webkit-flex; /* NEW */
    display: flex;
    -webkit-flex-wrap: wrap; /* NEW */
    flex-wrap: wrap;
    align-items: center;
}
.AdminInline20Gr1 {
    width: 20px;
    height: 20px;
    float: left;
    display: -webkit-flex; /* NEW */
    display: flex;
    -webkit-flex-wrap: wrap; /* NEW */
    flex-wrap: wrap;
    align-items: center;
}
.AdminInline140Gr1 {
    width: 140px;
    height: 20px;
    float: left;
    display: -webkit-flex; /* NEW */
    display: flex;
    -webkit-flex-wrap: wrap; /* NEW */
    flex-wrap: wrap;
    align-items: center;
}
.AdminInline150Gr1 {
    width: 150px;
    height: 20px;
    float: left;
    display: -webkit-flex; /* NEW */
    display: flex;
    -webkit-flex-wrap: wrap; /* NEW */
    flex-wrap: wrap;
    align-items: center;
}
.AdminInline60-45 {
    width: 60px;
    height: 45px;
    float: left;
    float: left;
    display: -webkit-flex; /* NEW */
    display: flex;
    -webkit-flex-wrap: wrap; /* NEW */
    flex-wrap: wrap;
    align-items: center;
}
.Grid3main {
    width: 350px;
    height: 60px;
    float: left;
    display: -webkit-flex; /* NEW */
    display: flex;
    -webkit-flex-wrap: wrap; /* NEW */
    flex-wrap: wrap;
  
    margin: 5px 0px 5px 0px;
    border-color: #000;
    -webkit-border-radius: 5px;
    border-bottom-width: 1px;
    border-bottom-color: #69C;
    border-bottom-style: groove;

}
.Grid3Top {
    width: 100%;
    height: 20px;
    float: left;
    display: -webkit-flex; /* NEW */
    display: flex;
    -webkit-flex-wrap: wrap; /* NEW */
    flex-wrap: wrap;
    align-items: center;
    margin: 0px 0px 0px 5px;
}
.Grid3Mid {
    width: 100%;
    height: 15px;
    float: left;
    display: -webkit-flex; /* NEW */
    display: flex;
    -webkit-flex-wrap: wrap; /* NEW */
    flex-wrap: wrap;
    align-items: center;
    margin: 0px 0px 0px 5px;
}
.Grid3MidAdress {
    width: 100%;
    height: 20px;
    float: left;
    display: -webkit-flex; /* NEW */
    display: flex;
    -webkit-flex-wrap: wrap; /* NEW */
    flex-wrap: wrap;
    align-items: center;
    margin: 0px 0px 0px 5px;
}
.Grid3Bottom {
    width: 60px;
    height: 20px;
    float: left;
    display: -webkit-flex; /* NEW */
    display: flex;
    -webkit-flex-wrap: wrap; /* NEW */
    flex-wrap: wrap;
    align-items: center;
}
.AdminInline70{
	width: 70px;
	height: 20px;
	float: left;
	 display: -webkit-flex; /* NEW */
    display: flex;
    -webkit-flex-wrap: wrap; /* NEW */
    flex-wrap: wrap;
	align-items: center; 
}
.AdminInline80{
	width: 80px;
	height: 20px;
	float: left;
	display: -webkit-flex; /* NEW */
    display: flex;
    -webkit-flex-wrap: wrap; /* NEW */
    flex-wrap: wrap;
	align-items: center; 
}
.AdminInline80On{
	width: 80px;
	height: 20px;
	float: left;
	 display: -webkit-flex; /* NEW */
    display: flex;
    -webkit-flex-wrap: wrap; /* NEW */
    flex-wrap: wrap;
	align-items: center;
	color: #390;
}
.AdminInline80Off{
	width: 80px;
	height: 20px;
	float: left;
	display: -webkit-flex; /* NEW */
    display: flex;
    -webkit-flex-wrap: wrap; /* NEW */
    flex-wrap: wrap;
	align-items: center;
	color: #F00;
}
.AdminInlin90{
	width: 90px;
	height: 20px;
	float: left;
	 display: -webkit-flex; /* NEW */
    display: flex;
    -webkit-flex-wrap: wrap; /* NEW */
    flex-wrap: wrap;
	align-items: center; 
}
.AdminInline100{
	width: 100px;
	height: 20px;
	float: left;
	display: -webkit-flex; /* NEW */
    display: flex;
    -webkit-flex-wrap: wrap; /* NEW */
    flex-wrap: wrap;
	align-items: center; 
}
.AdminInline110{
	width: 100px;
	height: 20px;
	float: left;
	 display: -webkit-flex; /* NEW */
    display: flex;
    -webkit-flex-wrap: wrap; /* NEW */
    flex-wrap: wrap;
	align-items: center;
	padding-left: 5px;
}
.AdminInline120{
	width: 120px;
	height: 20px;
	float: left;
	display: -webkit-flex; /* NEW */
    display: flex;
    -webkit-flex-wrap: wrap; /* NEW */
    flex-wrap: wrap;
	align-items: center; 
}
.AdminInline130{
	width: 130px;
	height: 20px;
	float: left;
	display: -webkit-flex; /* NEW */
    display: flex;
    -webkit-flex-wrap: wrap; /* NEW */
    flex-wrap: wrap;
	align-items: center; 
}
.AdminInline140{
	width: 140px;
	height: 20px;
	float: left;
	display: -webkit-flex; /* NEW */
    display: flex;
    -webkit-flex-wrap: wrap; /* NEW */
    flex-wrap: wrap;
	align-items: center; 
}
.AdminInline160{
	width: 160px;
	height: 20px;
	float: left;
	 display: -webkit-flex; /* NEW */
    display: flex;
    -webkit-flex-wrap: wrap; /* NEW */
    flex-wrap: wrap;
	align-items: center; 
}
.AdminInline180{
	width: 180px;
	height: 20px;
	float: left;
	display: -webkit-flex; /* NEW */
    display: flex;
    -webkit-flex-wrap: wrap; /* NEW */
    flex-wrap: wrap;
	align-items: center; 
}
.AdminInline200{
	width: 200px;
	height: 20px;
	float: left;
	display: -webkit-flex; /* NEW */
    display: flex;
    -webkit-flex-wrap: wrap; /* NEW */
    flex-wrap: wrap;
	align-items: center; 
}
.AdminInline280{
	width: 280px;
	height: 20px;
	float: left;
	display: -webkit-flex; /* NEW */
    display: flex;
    -webkit-flex-wrap: wrap; /* NEW */
    flex-wrap: wrap;
	align-items: center; 
}
.AdminLineInfoColorClear2{
	height: 20px;
	width: auto;
	border-color: #000;
	-webkit-border-radius: 5px;
	padding-left: 5px;
	padding-right: 5px;
	display: -webkit-flex; /* NEW */
    display: flex;
    -webkit-flex-wrap: wrap; /* NEW */
    flex-wrap: wrap;
	align-items: center; 
	border-bottom-width: 1px;
	border-bottom-color: #69C;
	border-bottom-style: groove;
	margin-bottom: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;	
}
.AdminLineInfoColorClear2-30{
	height: 30px;
	width: auto;
	border-color: #000;
	-webkit-border-radius: 5px;
	padding-left: 5px;
	padding-right: 5px;
	display: -webkit-flex; /* NEW */
    display: flex;
    -webkit-flex-wrap: wrap; /* NEW */
    flex-wrap: wrap;
	align-items: center; 
	border-bottom-width: 1px;
	border-bottom-color: #69C;
	border-bottom-style: groove;
	margin-bottom: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;	
}
.AdminLineInfoColorClear2-20-NoBotom{
	height: 20px;
	width: auto;
	-webkit-border-radius: 5px;
	padding-left: 5px;
	padding-right: 5px;
	display: -webkit-flex; /* NEW */
    display: flex;
    -webkit-flex-wrap: wrap; /* NEW */
    flex-wrap: wrap;
	align-items: center; 
	margin-bottom: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;	
}
.AdminLineInfoColorClear2-30-NoBotom{
	height: 30px;
	width: auto;
	-webkit-border-radius: 5px;
	padding-left: 5px;
	padding-right: 5px;
	display: -webkit-flex; /* NEW */
    display: flex;
    -webkit-flex-wrap: wrap; /* NEW */
    flex-wrap: wrap;
	align-items: center; 
	margin-bottom: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;	
}
.AdminLineInfoColorClear2-40 {
    height: 40px;
    width: auto;
    border-color: #000;
    -webkit-border-radius: 5px;
    AdminLineInfoColorClear2-45 padding-left: 5px;
    padding-right: 5px;
    display: -webkit-flex; /* NEW */
    display: flex;
    -webkit-flex-wrap: wrap; /* NEW */
    flex-wrap: wrap;
    float: left;
    align-items: center;
    border-bottom-width: 1px;
    border-bottom-color: #69C;
    border-bottom-style: groove;
    margin-bottom: 2px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: x-small;
    font-weight: bold;
}
.AdminLineInfoColorClear2-45{
	height: 45px;
	width: auto;
	border-color: #000;
	-webkit-border-radius: 5px;
	padding-left: 5px;
	padding-right: 5px;
	display: -webkit-flex; /* NEW */
    display: flex;
    -webkit-flex-wrap: wrap; /* NEW */
    flex-wrap: wrap;
	float: left;
	align-items: center; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;	
}
.AdminLineInfoColorClear2-100 {
    height: 45px;
    width: 100px;
    border-color: #000;
    -webkit-border-radius: 5px;
    padding-left: 5px;
    padding-right: 5px;
    display: -webkit-flex; /* NEW */
    display: flex;
    -webkit-flex-wrap: wrap; /* NEW */
    flex-wrap: wrap;
    float: left;
    align-items: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: x-small;
    font-weight: bold;
}
.AdminLineInfoColorClear2-200 {
    height: 45px;
    width: 200px;
    border-color: #000;
    -webkit-border-radius: 5px;
    padding-left: 5px;
    padding-right: 5px;
    display: -webkit-flex; /* NEW */
    display: flex;
    -webkit-flex-wrap: wrap; /* NEW */
    flex-wrap: wrap;
    float: left;
    align-items: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: x-small;
    font-weight: bold;
}
.AdminLineInfoAdress260 {
    height: 45px;
    width: 260px;
    border-color: #000;
    -webkit-border-radius: 5px;
    padding-left: 5px;
    padding-right: 5px;
    display: -webkit-flex; /* NEW */
    display: flex;
    -webkit-flex-wrap: wrap; /* NEW */
    flex-wrap: wrap;
    float: left;
    align-items: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: x-small;
    font-weight: bold;
}
.AdminLineInfoColorClear2-45-Clear{
	height: 45px;
	width: auto;
	border-color: #000;
	-webkit-border-radius: 5px;
	padding-left: 5px;
	padding-right: 5px;
	display: -webkit-flex; /* NEW */
    display: flex;
    -webkit-flex-wrap: wrap; /* NEW */
    flex-wrap: wrap;
	float: left;
	align-items: center; 
	margin-bottom: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;	
}
.AdminLineInfoColorClear30-230 {
    height: 30px;
    width: 230px;
    padding-left: 5px;
    padding-right: 5px;
    display: -webkit-flex; /* NEW */
    display: flex;
    -webkit-flex-wrap: wrap; /* NEW */
    flex-wrap: wrap;
    float: left;
}
.AdminLineInfoColorClear30-55 {
    height: 30px;
    width: 55px;
    display: -webkit-flex; /* NEW */
    display: flex;
    -webkit-flex-wrap: wrap; /* NEW */
    flex-wrap: wrap;
    float: left;
}
.AdminLineInfoColorClear30-10 {
    height: 30px;
    width: 10px;
    padding-left: 5px;
    padding-right: 5px;
    display: -webkit-flex; /* NEW */
    display: flex;
    -webkit-flex-wrap: wrap; /* NEW */
    flex-wrap: wrap;
    float: left;
}
.AdminLineInfoColorClear20-230 {
    height: 25px;
    width: 230px;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 5px;
    display: -webkit-flex; /* NEW */
    display: flex;
    -webkit-flex-wrap: wrap; /* NEW */
    flex-wrap: wrap;
    float: left;
}
.AdminLineInfoColorClear2-50{
	height: 50px;
	width: auto;
	border-color: #000;
	-webkit-border-radius: 5px;
	padding-left: 5px;
	padding-right: 5px;
	display: -webkit-flex; /* NEW */
    display: flex;
    -webkit-flex-wrap: wrap; /* NEW */
    flex-wrap: wrap;
	align-items: center; 
	border-bottom-width: 1px;
	border-bottom-color: #69C;
	border-bottom-style: groove;
	margin-bottom: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;	
}
.AdminInline40-30{
	width: 40px;
	height: 30px;
	float: left;
	display: -webkit-flex; /* NEW */
    display: flex;
    -webkit-flex-wrap: wrap; /* NEW */
    flex-wrap: wrap;
	align-items: center; 
}
.AdminInline60-30{
	width: 60px;
	height: 30px;
	float: left;
	display: -webkit-flex; /* NEW */
    display: flex;
    -webkit-flex-wrap: wrap; /* NEW */
    flex-wrap: wrap;
	align-items: center; 
}
.AdminInline80-30{
	width: 80px;
	height: 30px;
	float: left;
	display: -webkit-flex; /* NEW */
    display: flex;
    -webkit-flex-wrap: wrap; /* NEW */
    flex-wrap: wrap;
	align-items: center; 
}
.AdminInline90-30{
	width: 90px;
	height: 30px;
	float: left;
	display: -webkit-flex; /* NEW */
    display: flex;
    -webkit-flex-wrap: wrap; /* NEW */
    flex-wrap: wrap;
	align-items: center; 
}
.AdminInline100-30{
	width: 100px;
	height: 30px;
	float: left;
	display: -webkit-flex; /* NEW */
    display: flex;
    -webkit-flex-wrap: wrap; /* NEW */
    flex-wrap: wrap;
	align-items: center; 
}
.AdminInline100-40{
	width: 100px;
	height: 40px;
	float: left;
	display: -webkit-flex; /* NEW */
    display: flex;
    -webkit-flex-wrap: wrap; /* NEW */
    flex-wrap: wrap;
	align-items: center; 
}
.AdminInline110-30{
	width: 110px;
	height: 30px;
	float: left;
	display: -webkit-flex; /* NEW */
    display: flex;
    -webkit-flex-wrap: wrap; /* NEW */
    flex-wrap: wrap;
	align-items: center; 
}
.AdminInline120-30{
	width: 120px;
	height: 30px;
	float: left;
	display: -webkit-flex; /* NEW */
    display: flex;
    -webkit-flex-wrap: wrap; /* NEW */
    flex-wrap: wrap;
	align-items: center; 
}
.AdminInline140-30{
	width: 140px;
	height: 30px;
	float: left;
	display: -webkit-flex; /* NEW */
    display: flex;
    -webkit-flex-wrap: wrap; /* NEW */
    flex-wrap: wrap;
	align-items: center; 
}
.AdminInline160-30{
	width: 160px;
	height: 30px;
	float: left;
	display: -webkit-flex; /* NEW */
    display: flex;
    -webkit-flex-wrap: wrap; /* NEW */
    flex-wrap: wrap;
	align-items: center; 
}
.AdminInline170-30{
	width: 170px;
	height: 30px;
	float: left;
	display: -webkit-flex; /* NEW */
    display: flex;
    -webkit-flex-wrap: wrap; /* NEW */
    flex-wrap: wrap;
	align-items: center; 
}
.AdminInline180-30{
	width: 180px;
	height: 30px;
	float: left;
	display: -webkit-flex; /* NEW */
    display: flex;
    -webkit-flex-wrap: wrap; /* NEW */
    flex-wrap: wrap;
	align-items: center; 
}
.AdminInline190-30{
	width: 190px;
	height: 30px;
	float: left;
	display: -webkit-flex; /* NEW */
    display: flex;
    -webkit-flex-wrap: wrap; /* NEW */
    flex-wrap: wrap;
	align-items: center; 
}
.AdminInline200-30{
	width: 200px;
	height: 30px;
	float: left;
	 display: -webkit-flex; /* NEW */
    display: flex;
    -webkit-flex-wrap: wrap; /* NEW */
    flex-wrap: wrap;
	align-items: center; 
}
.AdminInline210-30{
	width: 210px;
	height: 30px;
	float: left;
	display: -webkit-flex; /* NEW */
    display: flex;
    -webkit-flex-wrap: wrap; /* NEW */
    flex-wrap: wrap;
	align-items: center; 
}
.AdminInline60-30R{
	width: 60px;
	height: 30px;
	float: right;
	display: -webkit-flex; /* NEW */
    display: flex;
    -webkit-flex-wrap: wrap; /* NEW */
    flex-wrap: wrap;
	align-items: center; 
}
.AdminInline80-30R{
	width: 80px;
	height: 30px;
	float: right;
	display: -webkit-flex; /* NEW */
    display: flex;
    -webkit-flex-wrap: wrap; /* NEW */
    flex-wrap: wrap;
	align-items: center; 
}
.AdminInline100-30R{
	width: 100px;
	height: 30px;
	float: right;
	display: flex;
	align-items: center; 
}
.AdminInline120-30R{
	width: 120px;
	height: 30px;
	float: right;
	display: -webkit-flex; /* NEW */
    display: flex;
    -webkit-flex-wrap: wrap; /* NEW */
    flex-wrap: wrap;
	align-items: center; 
}
.AdminInline140-30R{
	width: 140px;
	height: 30px;
	float: right;
	display: -webkit-flex; /* NEW */
    display: flex;
    -webkit-flex-wrap: wrap; /* NEW */
    flex-wrap: wrap;
	align-items: center;
}
.AdminInline310-50{
	width: 310px;
	height: 50px;
	float: left;
}
.AdminInline120-50{
	width: 120px;
	height: 50px;
	float: left;
	display: -webkit-flex; /* NEW */
    display: flex;
    -webkit-flex-wrap: wrap; /* NEW */
    flex-wrap: wrap;
	align-items: center;
	border-color: #000;
	text-transform: none;
}
.AdminTopButton1 {
	float: left;
	align-items: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #FFF;
	height: 25px;
	width: 100px;
	border-color: #999;
	border-width: 2px;
	border-style: solid;
	border-radius: 5px 5px 5px 5px;
}

.AdminTopButton2 {
	align-items: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	background-color: #FFF;
	height: 18px;
	width: 100px;
	border-color: #999;
	border-width: 1px;
	border-style: solid;
	border-radius: 5px 5px 5px 5px;
}
.ButtonTopLink {
    align-items: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    background-color: #FFF;
    height: 35px;
    width: 80px;
    border-color: #999;
    border-width: 1px;
    border-style: solid;
    border-radius: 5px 5px 5px 5px;
    padding: 2px 2px 2px 2px;
}
.Grid3Button {
    align-items: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    background-color: #FFF;
    height: 18px;
    width: 120px;
    border-color: #999;
    border-width: 1px;
    border-style: solid;
    border-radius: 5px 5px 5px 5px;
    color: #800000;
}
.Grid3ButtonGreen {
    align-items: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    background-color: #FFF;
    height: 18px;
    width: 120px;
    background-color: #00FFCC;
    border-color: #999;
    border-width: 1px;
    border-style: solid;
    border-radius: 5px 5px 5px 5px;
    color: #800000;
}
.Grid3ButtonRed {
    align-items: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    background-color: #FFF;
    height: 18px;
    width: 120px;
    background-color: #FFB7B7;
    border-color: #999;
    border-width: 1px;
    border-style: solid;
    border-radius: 5px 5px 5px 5px;
}
.Grid3ButtonYellow {
    align-items: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    background-color: #FFF;
    height: 18px;
    width: 120px;
    background-color: #FFFF66;
    border-color: #999;
    border-width: 1px;
    border-style: solid;
    border-radius: 5px 5px 5px 5px;
}
.AdminTopButtonGr1 {
    align-items: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    background-color: #FFF;
    height: 18px;
    width: 30px;
    border-color: #999;
    border-width: 1px;
    border-style: solid;
    border-radius: 5px 5px 5px 5px;
}
.AdminTopCheck {
    align-items: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    background-color: #FFF;
    height: 18px;
    width: 100px;
}
.AdminTopButtonRename {
    align-items: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    background-color: #FFF;
    height: 16px;
    width: 100px;
    border-color: #999;
    border-width: 1px;
    border-style: solid;
    border-radius: 5px 5px 5px 5px;
}
.AdminTopButtonAdress {
    align-items: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    background-color: #FFF;
    height: 16px;
    width: 190px;
    border-color: #999;
    border-width: 1px;
    border-style: solid;
    border-radius: 5px 5px 5px 5px;
}
.renameAdress190 {
    width: 190px;
    float: left;
    margin: 2px;
}
.AdminTopButton3 {
	float: left;
	align-items: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	background-color: #FFF;
	height: 20px;
	width: 110px;
	border-color: #999;
	border-width: 2px;
	border-style: solid;
	border-radius: 5px 5px 5px 5px;
}
.AdminTopButtonSave {
    float: left;
    align-items: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    background-color: #FFF;
    height: 20px;
    width: 50px;
    border-color: #999;
    border-width: 2px;
    border-style: solid;
    border-radius: 5px 5px 5px 5px;
}


.tp-fleet-details{height:auto!important;min-height:80px}
.tp-fleet-details .Grid3Top{display:flex;flex-wrap:wrap;align-items:center;gap:2px;height:auto!important;min-height:38px;width:100%!important}
.tp-fleet-details .Grid3Top>div{float:none!important;height:auto!important;flex-shrink:0}
.tp-fleet-details .Grid3Top>.AdminInline120{flex-basis:100%;width:100%!important}
.tp-fleet-details .Grid3Top>.AdminInline60{flex:1 1 auto;width:auto!important;text-align:right;padding-right:4px}
.tp-fleet-details [id$="_Label3"]{float:none!important;display:inline!important;width:auto!important;font:11px Arial;white-space:nowrap}
.tp-fleet-voltage{font:bold 11px Arial;white-space:nowrap;padding:0 4px}
.tp-fleet-details .Grid3Mid{display:flex;flex-wrap:wrap;gap:2px;height:auto!important;width:100%!important}
.tp-fleet-details .Grid3Mid>div{float:none!important;width:auto!important;height:auto!important;margin-right:6px}
.tp-fleet-details [id$="_Label14"]{font:11px Arial;white-space:nowrap}
.tp-fleet-mobile-columns .Grid3Top{position:relative;box-sizing:border-box;padding-right:136px;min-height:42px}
.tp-fleet-mobile-columns .tp-fleet-gps-id{position:absolute;right:4px;bottom:0;width:100px;text-align:center;white-space:nowrap}
.tp-fleet-mobile-columns .Grid3Mid>div:has([id$="_Label14"]){flex-basis:100%;width:100%!important;margin-right:0!important}
.tp-fleet-mobile-columns [id$="_Label14"]{display:grid!important;box-sizing:border-box;width:100%;grid-template-columns:minmax(0,1fr) 100px;column-gap:32px;padding-right:4px;white-space:normal;align-items:center}
.tp-fleet-mobile-columns .tp-fleet-port{position:relative;text-align:center;white-space:nowrap}
.tp-fleet-mobile-columns .tp-fleet-gps-id::before,.tp-fleet-mobile-columns .tp-fleet-port::before{content:'|';position:absolute;left:-17px;width:2px;text-align:center;color:inherit}

/* Mobile date rows: independent of the desktop layout. */
.tp-fleet-mobile-columns .Grid3Mid{display:flex!important;flex-wrap:wrap!important;gap:4px 12px!important;box-sizing:border-box}
.tp-fleet-mobile-columns .Grid3Mid>div:has([id$="_Label14"]){flex:0 1 auto!important;width:auto!important;margin:0!important}
.tp-fleet-mobile-columns .Grid3Mid>div:has([id$="_Label12"]){flex:0 1 auto!important;width:auto!important;margin:0!important}
.tp-fleet-mobile-columns [id$="_Label14"],.tp-fleet-mobile-columns [id$="_Label12"]{display:inline!important;width:auto!important;white-space:nowrap!important;padding:0!important;font:10px Arial!important}
.tp-fleet-mobile-columns .trackpro-map-delay{flex:0 0 100%;width:100%;box-sizing:border-box;white-space:nowrap!important;font-size:10px!important}
.tp-fleet-mobile-columns .Grid3Top{margin-left:0!important}

/* Each vehicle owns its full height, including a multiline address. */
#GridView3 .Grid3main{display:flex!important;flex-direction:column;flex-wrap:nowrap!important;float:none!important;height:auto!important;min-height:0;box-sizing:border-box;max-width:100%;}
#GridView3 .Grid3Top,#GridView3 .Grid3Mid{float:none!important;height:auto!important;box-sizing:border-box;margin-left:0!important;flex-shrink:0;}
#GridView3 .Grid3MidAdress{display:flex!important;flex-direction:row;flex-wrap:nowrap!important;align-items:flex-start;float:none!important;width:100%!important;height:auto!important;min-height:20px;box-sizing:border-box;margin-left:0!important;gap:4px;}
#GridView3 .Grid3MidAdress>img{flex:0 0 16px;max-width:16px;margin-top:1px;}
#GridView3 .Grid3MidAdress>[id$="_Label9"]{flex:1 1 0%;min-width:0;white-space:normal!important;overflow-wrap:anywhere;line-height:16px;}
#GridView3 .Grid3main .trackpro-map-delay{margin-left:0!important;white-space:normal!important;overflow-wrap:anywhere;}

/* Port/SK stays with the vehicle name and remains readable on a narrow phone. */
.tp-fleet-mobile-columns .Grid3Top{padding-right:0!important;}
.tp-fleet-mobile-columns .tp-fleet-gps-id{position:static!important;width:auto!important;margin-left:8px;}
.tp-fleet-mobile-columns .tp-fleet-gps-id::before{display:none;}
.tp-fleet-mobile-columns .tp-mobile-name-row{display:flex;align-items:center;gap:4px;min-width:0;box-sizing:border-box;}
.tp-mobile-name-row .Grid3Button{flex:1 1 45%;max-width:48%!important;min-width:0;overflow:hidden;text-overflow:ellipsis;}
.tp-mobile-connection{flex:1 1 40%;min-width:0;font:11px/14px Arial;overflow-wrap:anywhere;white-space:normal;}
.tp-connection-help{flex:0 0 20px;width:20px;height:20px;border:1px solid #78909c;border-radius:50%;padding:0;background:white;color:#173b58;font:12px Arial;cursor:help;}
.tp-connection-dialog{max-width:85vw;width:400px;max-height:80vh;overflow:auto;border:1px solid #78909c;border-radius:8px;padding:18px;color:#173b58;background:white;font:14px/1.5 Arial;overflow-wrap:anywhere;}
.tp-connection-dialog::backdrop{background:#0005;}

.tp-map-tools{position:absolute;inset:8px 4px auto 4px;z-index:20;pointer-events:none;font:12px Arial,sans-serif}
.tp-map-tools button,.tp-map-tools input,.tp-map-tools select,.desktopLogoutButton{pointer-events:auto;box-sizing:border-box;min-height:44px;border:1px solid rgba(255,255,255,.95)!important;border-radius:6px!important;background:rgba(255,255,255,.72)!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#173047!important;box-shadow:0 2px 6px #102c4230;font:600 11px Arial,sans-serif!important;cursor:pointer}
.tp-map-tools button:focus-visible,.tp-map-tools input:focus-visible,.tp-map-tools select:focus-visible{outline:3px solid #177dc5;outline-offset:2px}
.tp-map-top{display:flex;gap:4px;align-items:stretch;width:100%;pointer-events:none}
.tp-map-top .tp-plan{width:48px;flex:0 0 48px;padding:0}
.tp-map-top .tp-satellite{width:62px;flex:0 0 62px;padding:0}
.tp-map-top select{min-width:0!important;width:auto!important;flex:1 1 80px;padding:0 3px;height:44px!important}
.tp-map-top .mobileLogoutButton{flex:0 0 86px;width:86px;margin:0!important;padding:0 2px!important}
.tp-map-side{display:flex;flex-direction:column;gap:4px;margin-top:4px;width:48px;pointer-events:none}
.tp-map-side button,.tp-map-side input{width:48px!important;height:44px!important;min-height:44px!important;margin:0!important;padding:0!important;white-space:normal!important}
.tp-map-expand{position:absolute;right:0;top:48px;width:44px;height:44px;font-size:22px!important}
.tp-map-tools button:disabled{opacity:.55;cursor:default}
body.tp-mobile-tools #header.mobileAccountHeader{height:0!important;min-height:0!important;padding:0!important;border:0!important;overflow:hidden}
body.tp-mobile-tools #Container{height:100%!important}
body.tp-mobile-tools #SlideTopDropGroup{display:none!important}
body.tp-mobile-tools #SlideLeftButton{display:none!important}
body.tp-mobile-tools #SlideLeftPan{top:244px!important;left:4px!important;max-height:calc(100% - 260px);overflow-y:auto}
body.tp-mobile-tools #SlideLeftPan input{max-width:48px;max-height:44px;background:rgba(255,255,255,.72);backdrop-filter:blur(10px);border-radius:6px}
.tp-map-selection-status{font:12px Arial,sans-serif;padding:5px 7px;background:rgba(255,255,255,.85);color:#173047;border-radius:5px}

/* Explicit caption rendering for legacy forms, including disabled controls.
   Scope excludes map icons, vehicle state colors and map tool transparency. */
body.tp-admin-labels input[type="submit"],
body.tp-admin-labels input[type="button"],
#Panel3 input[type="submit"],
#Panel3 input[type="button"] {
  -webkit-appearance: none;
  appearance: none;
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
  background-color: #fff;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 14px !important;
  text-align: center;
  text-indent: 0 !important;
  padding: 1px 5px !important;
  min-height: 20px;
  box-sizing: border-box;
  opacity: 1;
}
body.tp-admin-labels input[type="submit"]:disabled,
body.tp-admin-labels input[type="button"]:disabled,
#Panel3 input[type="submit"]:disabled,
#Panel3 input[type="button"]:disabled {
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
  background-color: #edf0f3;
  cursor: not-allowed;
}

/* Shared text-button contrast. Keep image/map controls and vehicle colors intact. */
form input:is([type="submit"],[type="button"]):not(.Grid3Button),
form button:not(:has(img,svg)):not(.gm-style *):not(.demo-status-icon):not(.tp-map-style-controls *),
form a:is(.btn,[role="button"]) {
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}
form input:is([type="submit"],[type="button"]):not(.Grid3Button):not(.tp-map-tools *):not(.desktopLogoutButton):not(.mobileLogoutButton),
form button:not(:has(img,svg)):not(.gm-style *):not(.demo-status-icon):not(.tp-map-style-controls *):not(.tp-map-tools *),
form a:is(.btn,[role="button"]) {
  background-color: #f5f5f5 !important;
}
/* Disabled remains disabled; use the border, not faint text, to indicate it. */
form input:is([type="submit"],[type="button"]):disabled:not(.Grid3Button),
form button:disabled:not(:has(img,svg)):not(.gm-style *):not(.demo-status-icon):not(.tp-map-style-controls *),
form a:is(.btn,[role="button"])[aria-disabled="true"] {
  border-style: dashed !important;
  cursor: not-allowed;
}

.tp-account-actions{flex:0 0 auto;width:auto;margin-top:0;display:flex;flex-direction:row;align-items:center;gap:8px;position:relative}
.tp-account-actions .desktopLogoutButton{margin-top:0!important;width:100%;min-height:39px}
#header #tp-account-actions .desktopLogoutButton{width:auto!important;min-height:34px!important;box-sizing:border-box;margin:0!important}
html.tp-desktop-dark #header.tp-header,html.tp-desktop-dark #InCLeft,html.tp-desktop-dark #Container,html.tp-desktop-dark .tp-fleet-search,html.tp-desktop-dark .tp-fleet-search-field{background:#20262d!important;background-image:none!important}
.tp-appearance-button{box-sizing:border-box;width:132px;min-height:34px;padding:6px 29px 6px 5px;border:1px solid #51677a;border-radius:6px;background:#edf2f6;color:#172b3d;font:bold 13px Arial,sans-serif;cursor:pointer}
.tp-appearance-help{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:24px;height:24px;border:1px solid #627b90;border-radius:50%;background:#fff;color:#153851;cursor:help;z-index:5}
.tp-appearance-button:focus-visible,.tp-appearance-help:focus-visible,.tp-appearance-dialog button:focus-visible{outline:3px solid #e8a924;outline-offset:2px}
.tp-appearance-dialog{position:fixed;inset:0;z-index:2147483000;background:#0008;display:flex;align-items:center;justify-content:center;padding:24px;font:17px/1.6 Arial,sans-serif}
.tp-appearance-dialog[hidden]{display:none}
.tp-appearance-content{box-sizing:border-box;max-width:540px;max-height:85vh;overflow:auto;background:#fff;color:#172b3d;border:1px solid #718495;border-radius:12px;padding:24px;box-shadow:0 12px 40px #0005}
.tp-appearance-content h2{font-size:23px;margin-top:0}.tp-appearance-content button{padding:10px 22px;font:inherit;cursor:pointer}
html.tp-desktop-dark{color-scheme:dark;background:#15191e}
html.tp-desktop-dark body{background:#15191e!important;color:#eef2f6}
html.tp-desktop-dark .tp-theme-surface{background-color:#20262d!important;background-image:none!important}
html.tp-desktop-dark .tp-theme-ink{color:var(--tp-theme-ink,#eef2f6)!important;text-shadow:none!important}
html.tp-desktop-dark .tp-appearance-button,html.tp-desktop-dark .tp-appearance-content{background:#20262d;color:#eef2f6}
html.tp-desktop-dark .tp-appearance-help{background:#303b47;color:#fff}
html.tp-desktop-dark .gm-style,html.tp-desktop-dark [data-theme-preserve]{color:var(--tp-preserved-ink,#000);color-scheme:light}
html.tp-desktop-dark #InCLeft .tp-fleet-search,html.tp-desktop-dark #InCLeft .tp-fleet-search-field,html.tp-desktop-dark #InCLeft .Grid3main{background:#20262d!important;background-image:none!important}
html.tp-desktop-dark #header #tp-appearance-button{background:#303b47!important;color:#fff!important}
html.tp-desktop-dark #InCLeft #tp-fleet-search-input,html.tp-desktop-dark #InCLeft #tp-fleet-search-status{color:#eef2f6!important}
html.tp-desktop-dark #InCLeft #tp-fleet-search-input::placeholder{color:#bac7d2!important;opacity:1}
html.tp-desktop-dark #header .tm-brand-label{color:#eef2f6!important}
html.tp-desktop-dark #header .tp-theme-ink,html.tp-desktop-dark #InCLeft .tp-theme-ink,html.tp-desktop-dark .tp-appearance-content .tp-theme-ink{color:var(--tp-theme-ink,#eef2f6)!important;-webkit-text-fill-color:var(--tp-theme-ink,#eef2f6)!important}
html.tp-desktop-dark #header #tp-appearance-button,html.tp-desktop-dark #header #tp-appearance-help{color:#fff!important;-webkit-text-fill-color:#fff!important}

 #header.tp-header{display:flex!important;flex-direction:column!important;height:auto!important;min-height:0!important;max-width:100%;box-sizing:border-box;gap:0!important;padding-right:0!important;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22900%22%20height%3D%22130%22%20viewBox%3D%220%200%20900%20130%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221.2%22%20opacity%3D%22.42%22%3E%3Cpath%20d%3D%22M0%20100L110%20100%20145%2065%20255%2065%20285%2095%20390%2095%20455%2030%20570%2030%20610%2070%20740%2070%20780%2030%20900%2030M20%200L70%2050%20190%2050%20235%205M400%20130L440%2090%20555%2090%20595%20130M660%200L690%2030%20820%2030%20860%2070%20900%2070%22%2F%3E%3Cpath%20d%3D%22M300%200V25H340L365%2050H480M0%20115H145L175%2085H215M690%20130V105H780L800%2085H900%22%20stroke-dasharray%3D%223%205%22%2F%3E%3Ccircle%20cx%3D%22145%22%20cy%3D%2265%22%20r%3D%225%22%2F%3E%3Ccircle%20cx%3D%22455%22%20cy%3D%2230%22%20r%3D%225%22%2F%3E%3Ccircle%20cx%3D%22740%22%20cy%3D%2270%22%20r%3D%225%22%2F%3E%3Ccircle%20cx%3D%22555%22%20cy%3D%2290%22%20r%3D%224%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221.5%22%20opacity%3D%22.48%22%3E%3Cpath%20d%3D%22M325%2085s-10-12-10-18a10%2010%200%200%201%2020%200c0%206-10%2018-10%2018Z%22%2F%3E%3Ccircle%20cx%3D%22325%22%20cy%3D%2267%22%20r%3D%223%22%2F%3E%3Cpath%20d%3D%22M830%20120s-10-12-10-18a10%2010%200%200%201%2020%200c0%206-10%2018-10%2018Z%22%2F%3E%3Ccircle%20cx%3D%22830%22%20cy%3D%22102%22%20r%3D%223%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center/900px 130px repeat-x,linear-gradient(110deg,#a9c5e3 0%,#b6d5e4 50%,#8dcece 100%)!important} #InCLeft{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22900%22%20height%3D%22130%22%20viewBox%3D%220%200%20900%20130%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221.2%22%20opacity%3D%22.42%22%3E%3Cpath%20d%3D%22M0%20100L110%20100%20145%2065%20255%2065%20285%2095%20390%2095%20455%2030%20570%2030%20610%2070%20740%2070%20780%2030%20900%2030M20%200L70%2050%20190%2050%20235%205M400%20130L440%2090%20555%2090%20595%20130M660%200L690%2030%20820%2030%20860%2070%20900%2070%22%2F%3E%3Cpath%20d%3D%22M300%200V25H340L365%2050H480M0%20115H145L175%2085H215M690%20130V105H780L800%2085H900%22%20stroke-dasharray%3D%223%205%22%2F%3E%3Ccircle%20cx%3D%22145%22%20cy%3D%2265%22%20r%3D%225%22%2F%3E%3Ccircle%20cx%3D%22455%22%20cy%3D%2230%22%20r%3D%225%22%2F%3E%3Ccircle%20cx%3D%22740%22%20cy%3D%2270%22%20r%3D%225%22%2F%3E%3Ccircle%20cx%3D%22555%22%20cy%3D%2290%22%20r%3D%224%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221.5%22%20opacity%3D%22.48%22%3E%3Cpath%20d%3D%22M325%2085s-10-12-10-18a10%2010%200%200%201%2020%200c0%206-10%2018-10%2018Z%22%2F%3E%3Ccircle%20cx%3D%22325%22%20cy%3D%2267%22%20r%3D%223%22%2F%3E%3Cpath%20d%3D%22M830%20120s-10-12-10-18a10%2010%200%200%201%2020%200c0%206-10%2018-10%2018Z%22%2F%3E%3Ccircle%20cx%3D%22830%22%20cy%3D%22102%22%20r%3D%223%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center/900px 130px repeat,linear-gradient(110deg,#c3d7eb 0%,#cbe2ec 50%,#b3dfdf 100%)!important} #InCLeft #GridView3{background-color:transparent!important;} #InCLeft #GridView3 tr:has(.Grid3main):not(.tp-desktop-selected),#InCLeft #GridView3 td:has(.Grid3main):not(.tp-desktop-selected){background-color:transparent!important;} #InCLeft .tp-fleet-search{background:linear-gradient(110deg,#bcd3e9,#b2dddd)!important;} #InCLeft .tp-fleet-search-field{background:rgba(239,249,251,.78)!important;border-color:#82a9bb!important;} #InCLeft #GridView3 .Grid3Mid{display:flex;flex-wrap:nowrap!important;width:100%;gap:5px;} #InCLeft #GridView3 .Grid3Mid>.AdminInline140Gr1,#InCLeft #GridView3 .Grid3Mid>.AdminInline150Gr1{width:auto!important;flex:0 1 auto;min-width:0;white-space:nowrap;} .tp-main-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:8px;box-sizing:border-box;width:100%;min-width:0} .tp-main-toolbar .desktopLogoutButton{background:#a5cbd6!important;color:#173b58!important;border:1px solid #719fac!important;box-shadow:none!important;margin:0!important;position:static!important;flex:0 0 auto} .tp-main-toolbar .client-id-banner{white-space:nowrap;margin:0!important;width:auto!important;flex:0 0 auto} #header.tp-header .desktopHeaderContent{height:auto!important;flex:none!important;width:100%;overflow:visible;display:flow-root} .tp-fleet-navigation{display:flex;align-items:center;gap:8px;padding:2px 8px;min-height:30px;box-sizing:border-box}.tp-fleet-navigation select{max-width:200px;margin:0!important}.tp-fleet-navigation input{margin:0!important;position:static!important} #header.tp-header .desktopHeaderContent{display:flex;flex-wrap:wrap;align-items:center;min-width:0;gap:4px} #header.tp-header .desktopHeaderContent > div:not(.tp-fleet-navigation),#header.tp-header .desktopHeaderContent div[class*="Admin"]{display:contents} #header.tp-header .desktopHeaderContent:empty{display:none} #header.tp-header .tp-fleet-navigation button.tp-groups-button{min-height:28px;border:1px solid #719fac!important;border-radius:5px;background:#a5cbd6!important;background-image:none!important;color:#173b58!important;padding:3px 12px;cursor:pointer} .tp-right-session{display:flex;align-items:center;gap:12px;margin-left:auto;flex:0 0 auto}.tp-client-name{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:700 17px Arial;color:#16364a}.tp-client-session{min-width:0;} #header.tp-header .tp-fleet-navigation .tp-gpt-help{background:#a5cbd6!important;color:#173b58!important;border-color:#719fac!important} .tp-client-session{display:flex;align-items:center;gap:12px;flex-wrap:nowrap;max-width:100%} .tp-brand{display:flex;align-items:center;gap:10px;flex-wrap:nowrap} .tp-original-brand{margin-left:0;flex:0 0 auto;max-width:150px;object-fit:contain} .tp-track-moi{font:900 italic 20px Arial,sans-serif;letter-spacing:.4px;background:linear-gradient(120deg,#123d86,#009ba8);background-clip:text;-webkit-background-clip:text;color:transparent;white-space:nowrap} .tp-gpt-group{display:flex;align-items:center;gap:6px;max-width:100%} .tp-gpt-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;min-width:190px;padding:8px 18px;border:1px solid #167fb2;border-radius:12px;background:linear-gradient(120deg,#123d86,#009ba8);box-shadow:0 3px 8px #153f6630;color:white;font:bold 17px Arial;cursor:pointer} .tp-gpt-button:hover{background:linear-gradient(120deg,#174f9f,#00acb8)} .tp-gpt-help{width:24px;height:24px;border-radius:50%;border:1px solid #698499;background:white;color:#173b58;cursor:help} .tp-gpt-button:focus-visible,.tp-gpt-help:focus-visible{outline:3px solid #edbb3c;outline-offset:2px} .tp-gpt-dialog{border:1px solid #25819c;border-radius:14px;padding:24px;max-width:min(420px,85vw);font:16px Arial;color:#173b58} .tp-gpt-dialog::backdrop{background:#102c4855} 
.tm-blue-header,#header.tm-blue-header{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22900%22%20height%3D%22130%22%20viewBox%3D%220%200%20900%20130%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221.2%22%20opacity%3D%22.42%22%3E%3Cpath%20d%3D%22M0%20100L110%20100%20145%2065%20255%2065%20285%2095%20390%2095%20455%2030%20570%2030%20610%2070%20740%2070%20780%2030%20900%2030M20%200L70%2050%20190%2050%20235%205M400%20130L440%2090%20555%2090%20595%20130M660%200L690%2030%20820%2030%20860%2070%20900%2070%22%2F%3E%3Cpath%20d%3D%22M300%200V25H340L365%2050H480M0%20115H145L175%2085H215M690%20130V105H780L800%2085H900%22%20stroke-dasharray%3D%223%205%22%2F%3E%3Ccircle%20cx%3D%22145%22%20cy%3D%2265%22%20r%3D%225%22%2F%3E%3Ccircle%20cx%3D%22455%22%20cy%3D%2230%22%20r%3D%225%22%2F%3E%3Ccircle%20cx%3D%22740%22%20cy%3D%2270%22%20r%3D%225%22%2F%3E%3Ccircle%20cx%3D%22555%22%20cy%3D%2290%22%20r%3D%224%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221.5%22%20opacity%3D%22.48%22%3E%3Cpath%20d%3D%22M325%2085s-10-12-10-18a10%2010%200%200%201%2020%200c0%206-10%2018-10%2018Z%22%2F%3E%3Ccircle%20cx%3D%22325%22%20cy%3D%2267%22%20r%3D%223%22%2F%3E%3Cpath%20d%3D%22M830%20120s-10-12-10-18a10%2010%200%200%201%2020%200c0%206-10%2018-10%2018Z%22%2F%3E%3Ccircle%20cx%3D%22830%22%20cy%3D%22102%22%20r%3D%223%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center/900px 130px repeat-x,linear-gradient(110deg,#477eb7 0%,#5c9cc5 50%,#328e9f 100%)!important}.tm-brand-label{display:inline-flex;align-items:center;gap:7px;font:900 italic 48px Arial,sans-serif;color:#fff;white-space:nowrap;line-height:1.2}.tm-brand-label svg{width:48px;height:56px;flex:none}.tm-old-brand{display:none!important}.tm-brand-credit{display:block;font:11px Arial,sans-serif;color:#fff;text-align:right;padding:5px 10px;clear:both;box-sizing:border-box}.tp-right-session>.tm-brand-credit{flex:0 0 auto;margin-left:6px;padding:4px}.tm-blue-header .navigation-container,.tm-blue-header .row_1,.tm-blue-header .row_2,.tm-blue-header .row_3,.tm-blue-header>.header_resize,.tm-blue-header .navbar-header,.tm-blue-header .navbar-brand{background:transparent!important}.tm-blue-header .tm-brand-host{width:auto!important;max-width:100%;height:auto!important}.tp-brand .tm-brand-label{font-size:42px}.tm-blue-header .row_3{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:12px 0}.tm-blue-header .row_3>.column_1,.tm-blue-header .row_3>.column_2{float:none!important;width:auto!important;max-width:100%;min-width:0}.tm-blue-header .row_11{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px}.tm-blue-header .row_11>.tm-brand-credit{clear:none;padding:0 6px}.tm-blue-header.sidebar .tm-brand-label{font-size:26px}.tm-blue-header.sidebar .tm-brand-label svg{width:24px;height:30px}@media(max-width:480px){.tm-brand-label{font-size:32px}.tm-brand-credit{font-size:10px}}
@media(max-width:600px){.tm-blue-header .row_3>.column_1{flex:0 0 100%!important;width:100%!important;text-align:center!important;left:0!important;padding:8px!important;box-sizing:border-box}.tm-blue-header .row_3>.column_2{flex:0 0 100%!important;width:100%!important;padding:0 12px!important;box-sizing:border-box}.tm-blue-header .row_3{justify-content:center!important}.tm-blue-header .tm-brand-host{display:inline-flex!important}}
.tm-brand-label .tm-domain{font-size:.58em;font-weight:700;letter-spacing:0;margin-left:1px}
.tm-blue-header{position:relative!important;padding-bottom:22px!important;box-sizing:border-box}.tm-blue-header .tm-brand-label{font-size:clamp(36px,5.5vw,72px)!important;line-height:1.08}.tm-blue-header .tm-brand-label svg{width:clamp(36px,5vw,66px)!important;height:clamp(44px,6vw,78px)!important}.tm-blue-header .tm-brand-credit{position:absolute!important;right:8px!important;bottom:4px!important;margin:0!important;padding:0!important;font:10px Arial,sans-serif!important;line-height:12px!important;width:auto!important;clear:none!important}.tm-blue-header .row_2{width:100%!important;max-width:none!important;padding:0 10px!important}.tm-blue-header .row_3{margin:0!important;justify-content:space-between!important}.tm-blue-header .row_3>.column_1{padding:8px 0!important;text-align:left!important}.tm-blue-header .tm-brand-host{margin-left:0!important;text-align:left!important}.tm-blue-header .tp-brand{margin-left:0!important}.tm-utrace-auth{text-align:left!important}.tm-blue-header.sidebar .tm-brand-label{font-size:26px!important}.tm-blue-header.sidebar .tm-brand-label svg{width:24px!important;height:30px!important}@media(max-width:600px){.tm-blue-header .row_3>.column_1{flex:0 0 100%!important;width:100%!important;text-align:left!important}.tm-blue-header .tm-brand-label{font-size:36px!important}.tm-utrace-nav>.tm-brand-label{justify-content:flex-start!important}}
.tm-blue-header .row_3>.column_1{margin:0!important}.tm-utrace-auth .tm-brand-label{font-size:40px!important}.tm-utrace-auth .tm-brand-label svg{width:38px!important;height:46px!important}@media(max-width:480px){.tm-utrace-auth .tm-brand-label{font-size:36px!important}}
.tm-blue-header .row_3::before,.tm-blue-header .row_3::after{display:none!important}
.tm-blue-header .row_3 .tm-brand-label{font-size:clamp(48px,7.5vw,98px)!important}
.tm-blue-header .row_3 .tm-brand-label svg{width:88px!important;height:104px!important}
.row_26{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22900%22%20height%3D%22130%22%20viewBox%3D%220%200%20900%20130%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221.2%22%20opacity%3D%22.14%22%3E%3Cpath%20d%3D%22M0%20100L110%20100%20145%2065%20255%2065%20285%2095%20390%2095%20455%2030%20570%2030%20610%2070%20740%2070%20780%2030%20900%2030M20%200L70%2050%20190%2050%20235%205M400%20130L440%2090%20555%2090%20595%20130M660%200L690%2030%20820%2030%20860%2070%20900%2070%22%2F%3E%3Cpath%20d%3D%22M300%200V25H340L365%2050H480M0%20115H145L175%2085H215M690%20130V105H780L800%2085H900%22%20stroke-dasharray%3D%223%205%22%2F%3E%3Ccircle%20cx%3D%22145%22%20cy%3D%2265%22%20r%3D%225%22%2F%3E%3Ccircle%20cx%3D%22455%22%20cy%3D%2230%22%20r%3D%225%22%2F%3E%3Ccircle%20cx%3D%22740%22%20cy%3D%2270%22%20r%3D%225%22%2F%3E%3Ccircle%20cx%3D%22555%22%20cy%3D%2290%22%20r%3D%224%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221.5%22%20opacity%3D%22.16%22%3E%3Cpath%20d%3D%22M325%2085s-10-12-10-18a10%2010%200%200%201%2020%200c0%206-10%2018-10%2018Z%22%2F%3E%3Ccircle%20cx%3D%22325%22%20cy%3D%2267%22%20r%3D%223%22%2F%3E%3Cpath%20d%3D%22M830%20120s-10-12-10-18a10%2010%200%200%201%2020%200c0%206-10%2018-10%2018Z%22%2F%3E%3Ccircle%20cx%3D%22830%22%20cy%3D%22102%22%20r%3D%223%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center/900px 130px repeat,linear-gradient(110deg,#477eb7 0%,#5c9cc5 50%,#328e9f 100%)!important}
.row_26 .row_30,.row_26 .row_25,.row_26 .row_28{background:transparent!important}
.row_26 .row_30{border-bottom:1px solid rgba(255,255,255,.3)}
.row_26 h4,.row_26 p,.row_26 a{color:white!important}
.row_26 .row_28{border-top:1px solid rgba(255,255,255,.25)}
@media(max-width:640px){
 .tm-blue-header .row_3{flex-wrap:nowrap!important;gap:8px!important;padding:6px 0!important}
 .tm-blue-header .row_3>.column_1{flex:1 1 auto!important;width:auto!important;padding:0!important}
 .tm-blue-header .row_3>.column_2{flex:0 0 44px!important;width:44px!important;padding:0!important}
 .tm-blue-header .row_11{margin:0!important;padding:0!important}
 .tm-blue-header .row_3 .tm-brand-label{font-size:clamp(29px,9.7vw,40px)!important;gap:5px}
 .tm-blue-header .row_3 .tm-brand-label svg{width:32px!important;height:40px!important}
 .tm-blue-header .FM2_mobile_button{box-sizing:border-box;width:44px!important;height:44px!important;margin:0!important;background-color:rgba(18,64,108,.55)!important}
}

.row_26 .image3{filter:brightness(0) invert(1);opacity:.8}

body :is(button,input[type="submit"],input[type="button"],input[type="reset"],a.btn,a.button,a.hero10-content-cta-2):not(:disabled):not([aria-disabled="true"]):not(.disabled):not(.btn-danger):not(.btn-warning):not(.btn-success):not(.btn-close):not(.close):not([aria-pressed="true"]):not([role="switch"]):not(.gm-style *):not(.demo-status-icon):not(.tp-map-style-controls *){background:linear-gradient(110deg,#336b9c,#286f88)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:#2c648e!important;text-shadow:none!important}
body :is(button,input[type="submit"],input[type="button"],input[type="reset"],a.btn,a.button,a.hero10-content-cta-2):not(:disabled):not([aria-disabled="true"]):not(.disabled):not(.btn-danger):not(.btn-warning):not(.btn-success):not(.btn-close):not(.close):not([aria-pressed="true"]):not([role="switch"]):not(.gm-style *):not(.demo-status-icon):not(.tp-map-style-controls *):hover{background:linear-gradient(110deg,#28567e,#205d73)!important;color:#fff!important}
body :is(button,input[type="submit"],input[type="button"],input[type="reset"],a.btn,a.button,a.hero10-content-cta-2):not(:disabled):not([aria-disabled="true"]):not(.disabled):not(.btn-danger):not(.btn-warning):not(.btn-success):not(.btn-close):not(.close):not([aria-pressed="true"]):not([role="switch"]):not(.gm-style *):not(.demo-status-icon):not(.tp-map-style-controls *):focus-visible{outline:3px solid #123e62!important;outline-offset:3px!important}

.tm-blue-header .row_3 .tm-brand-label{position:relative;top:10px}@media(max-width:640px){.tm-blue-header .row_3 .tm-brand-label{top:6px}}
.tm-brand-label{max-width:100%;line-height:0!important;gap:0!important}.tm-brand-label img.tm-canonical-logo{display:block!important;width:270px!important;height:auto!important;max-width:100%!important;max-height:none!important;filter:none!important;object-fit:contain}.tm-blue-header .row_3 .tm-brand-label img.tm-canonical-logo{width:600px!important}.tp-main-toolbar .tm-brand-label img.tm-canonical-logo{width:170px!important}.mobileAccountHeader .tm-brand-label img.tm-canonical-logo{width:200px!important}.sidebar .tm-brand-label img.tm-canonical-logo{width:190px!important}@media(max-width:640px){.tm-blue-header .row_3 .tm-brand-label img.tm-canonical-logo{width:275px!important}.tm-brand-label img.tm-canonical-logo{width:220px!important}.tp-main-toolbar .tm-brand-label img.tm-canonical-logo{width:150px!important}}

#header.tp-header.tm-map-fixed{padding:0 0 14px!important;margin:0!important;min-height:0!important;height:auto!important}
#header.tm-map-fixed .tp-main-toolbar{padding:5px 8px!important;gap:10px!important;min-height:48px!important}
#header.tm-map-fixed .tm-brand-label{font-size:32px!important;line-height:1!important;top:0!important}
#header.tm-map-fixed .tm-brand-label svg{width:30px!important;height:36px!important}
#header.tm-map-fixed .tp-gpt-button{min-height:34px!important;min-width:0!important;padding:5px 10px!important;font-size:13px!important}
#header.tm-map-fixed .tp-client-name{font-size:13px!important}
#header.tm-map-fixed .tp-right-session{gap:8px!important}
#header.tm-map-fixed .tp-main-map-nav{order:0!important;flex:0 0 auto!important;margin:0!important;width:auto!important;gap:0!important}
#header.tm-map-fixed .tp-main-map-nav[hidden]{display:none!important}
#header.tm-map-fixed .tp-main-map-help{display:none!important}
#header.tm-map-fixed .tp-main-map-button,#header.tm-map-fixed .desktopLogoutButton{margin:0!important;min-height:34px!important;width:auto!important;padding:6px 12px!important;font-size:12px!important}
#header.tm-map-fixed .desktopHeaderContent{height:auto!important;overflow:visible!important;padding:0 8px!important;gap:5px!important}
#header.tm-map-fixed .desktopHeaderContent>.AdminLineInfoColorBlue-RM2{display:contents!important;background:none!important;width:auto!important;height:auto!important}
#header.tm-map-fixed .desktopHeaderContent input[type=image]{position:static!important;margin:0!important;flex:0 0 auto!important;max-width:72px!important}
#header.tm-map-fixed #address,#header.tm-map-fixed #submit,#header.tm-map-fixed #Label10,#header.tm-map-fixed #Label56,#header.tm-map-fixed #Label19{display:none!important}
#header.tm-map-fixed .AdminLineInfoColorBlue-RM{display:none!important}
#header.tm-map-fixed .topcorner{display:none!important}
@media(max-width:760px){#header.tm-map-fixed .tp-main-toolbar{gap:6px!important}#header.tm-map-fixed .tm-brand-label{font-size:26px!important}#header.tm-map-fixed .tp-right-session{margin-left:auto!important}}

/* Demo-only adaptation: preserve live classes and presentation; no client actions. */
*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden;font-family:Arial,sans-serif}[hidden]{display:none!important}
#app-view{height:100%;display:flex;flex-direction:column}#header{flex:0 0 auto}#Container{display:flex!important;flex:1 1 auto;min-height:0;height:auto!important}#InCLeft{flex:0 0 410px;width:410px;overflow-x:hidden;overflow-y:auto}#InMap{flex:1;min-width:0;position:relative;width:auto}#InMapTop,#map{width:100%;height:100%;position:relative}#map{background:#e4e8e5}
#header .tm-canonical-logo{width:170px!important;height:auto}.tp-main-toolbar{flex-wrap:wrap}.tp-client-name{font-size:13px}.tp-client-session{gap:8px}.tp-right-session{gap:8px}.tp-main-toolbar .tp-gpt-button{min-height:34px;min-width:0;padding:5px 10px;font-size:13px}.tp-main-toolbar .tp-gpt-button svg{width:26px;height:28px}
.demo-tool{display:inline-flex;align-items:center;position:relative;gap:2px;flex:0 0 auto}.demo-tool>input[type=image]{width:70px;height:38px;object-fit:contain;filter:grayscale(1);opacity:.5;cursor:not-allowed}.demo-tool>.demo-help{align-self:flex-end}.demo-help{width:18px;height:18px;border:1px solid #78909c;border-radius:50%;font:12px Arial;padding:0;cursor:help;flex:none}.demo-tool button:disabled,.demo-payment:disabled{color:#67717a!important;background:#e0e4e7!important;border:1px dashed #929ca2!important;cursor:not-allowed}.demo-toolbar-text{min-height:30px;max-width:74px;font:bold 10px Arial}.desktopHeaderContent{padding:0 8px!important}.tp-fleet-navigation{padding:2px 0}.tp-fleet-navigation input{width:55px;height:30px;object-fit:contain}.demo-toolbar-commands{display:contents}.demo-brand-credit{color:white;font:10px Arial;position:absolute;right:8px;bottom:2px}
#demo-menu{position:relative;display:inline-block;flex:none;margin-right:8px}#demo-menu>summary{cursor:pointer;padding:9px 12px;background:#1767aa;color:#fff;border-radius:5px;white-space:nowrap;list-style:none}#demo-menu nav{position:absolute;right:0;top:100%;z-index:10000;min-width:280px;max-width:85vw;box-shadow:0 4px 14px #0003;display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:8px;background:#fff;color:#163d69}#demo-menu nav .demo-menu-row{display:flex;gap:6px;align-items:center;width:100%;padding-top:10px;border-top:1px solid #dce6eb}#demo-menu nav a{color:#104d7c;font:600 15px Arial;text-decoration:underline}.demo-payment{padding:8px 12px;border-radius:5px;font:14px Arial}
.tp-fleet-search{padding:5px}.tp-fleet-search-field{display:flex;align-items:center;border:1px solid #82a9bb;border-radius:5px;padding:5px;gap:5px}.tp-fleet-search-field input{width:100%;min-width:0;border:0;background:transparent;padding:4px;font:13px Arial}.tp-fleet-search-status{font:11px Arial;color:#345568;padding:3px 1px}#GridView3{width:100%;border-collapse:collapse;color:#333;font:11px Arial}.Grid3main{width:390px!important;max-width:100%;position:relative;padding:0 5px 5px;cursor:pointer}.Grid3main:hover{box-shadow:inset 0 0 0 1px #8aabb7}.Grid3main.tp-desktop-selected{background:#e1f3df!important;box-shadow:inset 0 0 0 2px #70a96a}.Grid3main.tp-desktop-selected div{background:transparent!important}.Grid3Top>.AdminInline120{display:flex;align-items:center;gap:5px;min-height:24px}.Grid3Button{width:120px!important;height:20px!important;min-height:20px!important;font:bold 10px Arial!important;padding:1px 5px;border-radius:5px;cursor:pointer;background:linear-gradient(110deg,#336b9c,#286f88);color:#fff}.Grid3Button[data-plan=TrackFlex]{background:#dce5eb!important;color:#1c3b50!important}.Grid3Top>.AdminInline60{flex:1 1 auto;text-align:left;padding:0 0 2px}.tp-connection-label{font:10px Arial;flex:1;white-space:nowrap}.tp-fleet-voltage{padding:0 4px}.demo-status-icon{border:0;padding:0;background:none!important;height:16px;width:18px;display:inline-flex;align-items:center;justify-content:center;cursor:help}.demo-status-icon img{width:12px;height:12px}.demo-status-icon[data-unknown=true]{opacity:.35}.Grid3Mid{font:10px Arial}.Grid3MidAdress{font:11px Arial}.tp-gps-help{margin-left:auto}.tp-row-menu{position:absolute;right:3px;top:3px;width:22px;height:22px;border:0;background:transparent!important;padding:0;cursor:pointer;font:18px Arial}.tp-fleet-speed{font:bold 12px Arial}.tp-gps-alias{font:11px Arial;white-space:nowrap}.demo-search-empty{padding:12px;font:12px Arial}
.tp-map-style-controls{position:absolute;top:0;left:0;display:flex;gap:4px;margin:10px;font:600 13px Arial;z-index:2}.tp-map-style-controls button{min-height:40px;padding:8px 12px;border:1px solid #bccbd6;border-radius:5px;background:rgba(255,255,255,.8);color:#173047;cursor:pointer}.tp-map-style-controls .demo-help{padding:0;width:20px;min-height:20px;height:20px;align-self:center;font:12px Arial}
.connection-message{position:fixed;bottom:22px;left:420px;z-index:90;font:12px Arial;background:#fff3c9;padding:8px;border:1px solid #c7a746;max-width:calc(100vw - 440px)}.map-message{position:absolute;inset:45% 0 auto;text-align:center;color:#1769a5;font:bold 18px Arial;pointer-events:none}.app-footer{position:absolute;bottom:0;left:0;z-index:1;font:9px Arial;color:#39586e;background:#d7e9edcc;padding:2px 5px;pointer-events:none}#selection-card{display:none!important}.trackpro-selected-translucent .gm-style-iw-c{background:rgba(255,255,255,.75)!important;padding:4px 10px 10px!important}.trackpro-selected-translucent .gm-style-iw-d{overflow:visible!important;padding:0!important}.trackpro-selected-translucent .gm-style-iw-tc::after{background:rgba(255,255,255,.75)!important}
.help-dialog,.tp-rename-dialog{color:#111;background:#fff;border:1px solid #777;border-radius:8px;width:440px;max-width:85vw;max-height:85vh;overflow:auto;padding:20px;font:14px/1.5 Arial}.help-dialog::backdrop,.tp-rename-dialog::backdrop{background:#0005}.help-dialog h2,.tp-rename-dialog h3{margin:0 0 16px;font:bold 18px Arial}.help-dialog p{white-space:pre-line}.help-dialog-heading{display:flex;justify-content:space-between;gap:10px}.help-dialog button,.tp-rename-dialog button{padding:8px 12px;border:1px solid #777;border-radius:4px;font:14px Arial;cursor:pointer}.tp-gps-context{position:fixed;z-index:100000;background:#fff;padding:5px;border:1px solid #777;border-radius:6px;box-shadow:0 3px 12px #0004}.tp-gps-context button{display:block;width:100%;text-align:left;color:#111!important;background:#e8eef4!important;border:1px solid #777;padding:8px 12px;font:14px Arial;cursor:pointer}.tp-rename-line{display:flex;gap:8px}.tp-rename-line input{min-width:0;flex:1;padding:8px;font:16px Arial}.tp-rename-dialog input:disabled,.tp-rename-dialog select:disabled{color:#64717d;background:#e9edf0}.tp-rename-dialog button:disabled{color:#67717a;background:#e0e4e7;cursor:not-allowed}.demo-preview-note{font:13px Arial;color:#6b737b}.demo-field{display:block;margin:8px 0}.demo-field input,.demo-field select{display:block;box-sizing:border-box;width:100%;padding:6px}.demo-check{display:flex;gap:10px;align-items:center;margin:12px 0}
#login-view{min-height:100%;padding:25px;background:linear-gradient(110deg,#c3d7eb,#b3dfdf);overflow:auto}#login-view>img{display:block;width:270px;max-width:85%;margin:0 auto 22px}.login-card{max-width:420px;background:#ffffffdd;margin:0 auto;padding:25px;border-radius:8px;color:#173047}.login-card h1{font:24px Arial;margin:0 0 20px}.login-card label{display:block;margin:12px 0 5px}.login-card input{width:100%;padding:10px;border:1px solid #96aab9;border-radius:4px;font:16px Arial}.login-submit{display:flex;gap:8px;margin-top:18px;align-items:center}.login-submit>button:first-child{padding:10px 14px;border:1px solid #2c648e;border-radius:5px;background:linear-gradient(110deg,#336b9c,#286f88);color:white;font:bold 14px Arial}.form-message{font:13px/1.4 Arial;min-height:18px}.tp-appearance-help{position:static;transform:none}.tp-appearance-button{width:auto;padding:6px 8px}
html.tp-desktop-dark #GridView3 .Grid3main{color:#eef2f6}html.tp-desktop-dark #InCLeft .Grid3main.tp-desktop-selected{background:#294b3a!important}html.tp-desktop-dark .demo-help{color:#fff;background:#303b47}html.tp-desktop-dark .tp-client-name{color:#fff}
@media(max-width:760px){#InCLeft{flex-basis:310px;width:310px}.Grid3main{width:100%!important}.tp-main-toolbar{gap:6px!important}.tp-client-session{order:3;flex-basis:100%}.tp-right-session{margin-left:auto}.tp-main-toolbar .tm-canonical-logo{width:150px!important}.tp-main-toolbar .tp-gpt-group{display:none}.tp-appearance-button{font-size:11px}.connection-message{left:10px;max-width:calc(100vw - 20px)}.tp-main-toolbar .desktopLogoutButton{padding:6px;font-size:11px}}
@media(max-width:550px){#Container{flex-direction:column!important}#InCLeft{flex:0 0 34%;width:100%;border-right:0;border-bottom:2px ridge cadetblue}#InMap{flex:1;min-height:220px}#GridView3 .Grid3main{width:100%!important}.Grid3Top>.AdminInline60{flex-basis:auto}.tp-client-session{flex-basis:auto}.tp-right-session{width:100%;justify-content:flex-end}.desktopHeaderContent{max-height:78px;overflow-y:auto!important}.tp-client-name{max-width:160px}.demo-brand-credit{display:none}.app-footer{font-size:8px}}

.client-id-banner{color:#111;font:900 14px Arial,sans-serif;line-height:20px;white-space:nowrap}.tp-client-name{font-weight:400}.Grid3MidAdress span{min-width:0;overflow-wrap:anywhere;line-height:16px}.tp-fleet-search-status{min-height:15px}.demo-status-icon{border:0!important;background:transparent!important}
#map{overflow:hidden}.tp-map-style-controls button{font:600 13px Arial}.tp-map-style-controls .tp-plan,.tp-map-style-controls .tp-satellite{background:rgba(255,255,255,.8)!important;color:#173047!important;-webkit-text-fill-color:#173047!important}.tp-map-style-controls .demo-help{color:#173047;background:#fff}
html.tp-desktop-dark .client-id-banner{color:#eef2f6}html.tp-desktop-dark .tp-fleet-search-status{color:#c5d8e0}html.tp-desktop-dark .Grid3main [data-tone=green]{color:#8de28e!important}html.tp-desktop-dark .Grid3main [data-tone=red]{color:#ff9494!important}html.tp-desktop-dark .Grid3main [data-tone=orange]{color:#ffd08a!important}html.tp-desktop-dark .Grid3main [data-tone=unknown]{color:#c6cdd3!important}
@media(max-width:550px){#header.tm-map-fixed .desktopHeaderContent{flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;max-height:none;min-height:46px;flex:0 0 auto!important}#vehicle-commands:not([hidden]){display:flex!important;flex:0 0 auto;align-items:center;gap:4px}.tp-fleet-navigation{flex:0 0 auto}#header.tm-map-fixed .tp-main-toolbar{max-width:100%;padding-bottom:2px!important}.tp-right-session{justify-content:flex-start;flex-wrap:wrap;gap:5px!important}#header .tp-main-map-nav:not([hidden]){flex:0 0 auto!important}#header.tm-map-fixed .desktopLogoutButton,#header.tm-map-fixed .tp-main-map-button{padding:6px!important;font-size:11px!important}.tp-right-session .tp-account-actions{flex-wrap:wrap;gap:4px}.tp-main-toolbar .tp-client-session{order:2;flex:1 0 100%;max-width:100%}.tp-main-toolbar .tp-right-session{order:3;margin-left:0!important}.tp-main-toolbar .tp-brand{order:1}.tp-appearance-button{padding:6px!important}#InCLeft{min-height:150px}#InMap{min-height:180px}}
.tp-connection-label{position:absolute;right:69px;top:3px;max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:11px Arial}.demo-server-help{position:absolute;right:45px;top:3px}@media(max-width:550px){.tp-connection-label{right:28px;font-size:10px}.demo-server-help{right:5px}}
html.tp-desktop-dark .Grid3main [data-tone=normal]{color:#eef2f6!important}
.tp-rename-dialog{box-sizing:content-box;width:420px;max-width:calc(85vw - 40px);font:16px "Times New Roman",serif;line-height:normal}.tp-rename-dialog h3{font:bold 17px Arial}.tp-rename-dialog button{border-radius:0}.tp-rename-dialog p{font:14px Arial}.tp-rename-dialog>.demo-help{border-radius:50%;padding:0;width:18px;height:18px;margin-left:8px;font:12px Arial}

/* Public demo invitation: fleet view only, existing header and selected toolbar preserved. */
.demo-fleet-invitation{display:flex;align-items:center;gap:9px;flex:1 1 420px;min-width:0;margin:3px 10px 5px 16px;padding:8px 12px;border-radius:6px;background:#f2fbff;color:#173d59;font:bold 22px/1.25 Arial,sans-serif;white-space:normal}
#header.tm-map-fixed .desktopHeaderContent>.demo-fleet-invitation:not([hidden]){display:flex!important;background:#f2fbff!important}
#header.tm-map-fixed .desktopHeaderContent>.demo-fleet-invitation[hidden]{display:none!important}
.demo-fleet-invitation .demo-help{background:#fff;color:#173d59;flex:0 0 20px;width:20px;height:20px}
html.tp-desktop-dark #header.tm-map-fixed .desktopHeaderContent>.demo-fleet-invitation:not([hidden]){background:#203d51!important;color:#f2fbff}
@media(max-width:760px){.demo-fleet-invitation{font-size:19px;flex-basis:300px;margin-left:8px}}
@media(max-width:550px){#header.tm-map-fixed.tp-first-page .desktopHeaderContent{flex-wrap:wrap!important;overflow:visible!important}.demo-fleet-invitation{flex-basis:100%;font-size:19px;margin:0 0 5px;padding:6px 8px}.demo-fleet-invitation span{min-width:0}}