.DeviceListContainer                                            { float: left;  width: 100%; height: 100%;}
.DeviceListContainer .textEllipsis                              { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.DeviceListContainer .gridContainer                             { float: left;  width: 100%; height: 100%;}
.DeviceListContainer .dx-datagrid-rowsview .dx-selection.dx-row > td { background-color: rgba(237, 150, 37, 0.6) !important; }
.DeviceStateIcon                                                { float:left;   height: 100%; width:100%; background-position-x: center; background-position-y: center;  background-repeat:no-repeat; background-size: 14px 14px;}
.DeviceStateIconNonTemplate                                     { float:left;   height: 16px; width:100%; background-position-x: center; background-position-y: center;  background-repeat:no-repeat; background-size: 12px 12px;}
.DeviceListContainer .dx-widget                                 { color: #333;  font-weight: normal; font-size: 12px; font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, sans-serif; line-height: 1.35715; }
.DeviceListContainer .dx-placeholder                            { font-size: 14px; }
.DeviceListContainer .gridContainer .gridCell                   { width: 100%;  height: 79px}
.DeviceListContainer .dx-datagrid-header-panel                  { background-color:white !important;}
.DeviceListContainer .dx-datagrid-search-panel                  { float: left;  margin-left: 0; width: 100% !important;}
.DeviceListContainer .dx-toolbar                                { float: left;  width: calc(90% - 150px); width: -moz-calc(100% - 150px); width: -webkit-calc(100% - 150px); display: inline-block; }
.DeviceListContainer .dx-toolbar[reduce]                        { float: left;  width: calc(100% - 230px); width: -moz-calc(100% - 230px); width: -webkit-calc(100% - 230px); display: inline-block; }
.DeviceListContainer .dx-toolbar-after                          { display: inline !important; }
.DeviceListContainer .dx-toolbar-center                         { display: inline !important; }
.DeviceListContainer.dx-toolbar-before                          { display: inline !important; }
.DeviceListContainer .dx-toolbar-after                          { display: inline !important; }
.DeviceListContainer .dx-toolbar .dx-toolbar-after              { padding-left: 1px; }
.DeviceListContainer .dx-toolbar-after                          { left: 0px !important }
.DeviceListContainer .dx-toolbar-item                           { display: inline !important; }
.DeviceListContainer_SwitchButton                               { float: left; width: 36px; margin-right: 4px; }
.DeviceListContainer_GridDeviceCount                            { float: left;  width:102px;margin-left:4px; color:#EF9700; font-size: 16px; font-weight: bold; line-height: 36px; text-align:center;}
.DeviceListContainer_ColumChooserButton                         { float: left;  width:36px; margin-left:4px;    }
.DeviceListContainer_SaveColumsButton                           { float: left;  width:36px; margin-left:4px;    }

.DeviceListRow                                                                                  { width: 100%;  height:74px;}
.DeviceListRow[flash]                                                                           { background-color: rgba(237, 150, 37, 0.3);}
.DeviceListContainer .dx-datagrid   .dx-row                                                     { border:none;}
.DeviceListContainer .dx-datagrid   .dx-row[flash]  > td                                        { background-color: rgba(237, 150, 37, 0.3);}
.DeviceListContainer .dx-datagrid   .dx-freespace-row > td                                      { background-color: #FFFFFF;}
.DeviceListContainer .dx-datagrid-rowsview .dx-selection.dx-row > td                            { background-color: rgba(237, 150, 37, 0.6); }
.DeviceListContainer .dx-datagrid-rowsview .dx-selection.dx-row > td .DeviceSpeedIcon           { background-image: url(speedw.png);}
.DeviceListContainer .dx-datagrid-rowsview .dx-selection.dx-row > td .DeviceDistanceIcon        { background-image: url(distancew.png);}
.DeviceListContainer .dx-datagrid-rowsview .dx-selection.dx-row > td .DevicePositionIcon        { background-image: url(latlonw.png);}
.DeviceListContainer .dx-datagrid-rowsview .dx-selection.dx-row > td .DevicePlate[empty=empty]  { color: white;}  
.DeviceListContainer .dx-datagrid-rowsview .dx-selection.dx-row > td .DeviceDriver[empty=empty] { color: white;} 


.DeviceListRow[flash] .DeviceSpeedIcon      { background-image: url(speedw.png);}
.DeviceListRow[flash] .DeviceDistanceIcon   { background-image: url(distancew.png);}
.DeviceListRow[flash] .DevicePositionIcon   { background-image: url(latlonw.png);}

.DeviceListRowLeft                                              { float:left;   width: 36px; height:100%; background-position:center; background-repeat:no-repeat;}  
.DeviceStateIcon                                                { float:left;   height: 100%; width:100%; background-position-x: center; background-position-y: center;  background-repeat:no-repeat; background-size: 14px 14px;}
.DeviceStateIconNonTemplate                                     { float:left;   height: 16px; width:100%; background-position-x: center; background-position-y: center;  background-repeat:no-repeat; background-size: 12px 12px;}

.DeviceListRowRight                                             { float: right; width:calc(100% - 40px); width: -moz-calc(100% - 40px); width: -webkit-calc(100% - 40px); padding-bottom:3px; padding-top:3px;}
.DeviceListRowRightCellTop                                      { float:left;   height:16px; width:100%;}
.DeviceNode                                                     { float:left;   font-weight:bold; width:75px;}
.DevicePlate                                                    { float:left;   font-weight:bold; cursor:pointer; margin-left:5px; width:90px;}
.DevicePlate[empty]                                             { float:left;   font-weight:normal; color:silver;}
.DevicePlate[empty]:hover                                       { color:inherit; font-weight:bold}
.DeviceDriver                                                   { float:left;   font-weight:bold; cursor:pointer; margin-left:5px; width:calc(100% - 290px); width: -moz-calc(100% - 290px); width: -webkit-calc(100% - 290px);}
.DeviceDriver[empty]                                            { float:left;   font-weight:normal; color:silver;}
.DeviceDriver[empty]:hover                                      { color:inherit; font-weight:bold}

.DeviceDriver[empty]:hover                                      { color:inherit; font-weight:bold}
.DeviceDate                                                     { float:right;  width:115px; text-align:right;}

.DeviceListRowRightCellMiddle                                   { float:left;   height:36px; padding-top:10px; padding-bottom:10px; width: 100%; }
.DeviceAddress                                                  { float:left;   padding-right:10px; min-width:345px; width:calc(100% - 32px); width: -moz-calc(100% - 32px); width: -webkit-calc(100% - 32px); }
.DeviceDvr                                                      { float:left; background: url(dvrs.png) no-repeat center center; display: none; width:24px; height:20px; background-size: 24px 20px;}
.DeviceDvr[hasDVR=true]                                         { display: block;}

.DeviceListRowRightCellBottom                                   { float:left;   height:16px; width:100%;}
.DevicePositionIcon                                             { float:left;   width:20px; height:100%; background-repeat:no-repeat; background-image: url(latlon.png);}
.DevicePosition                                                 { float:left;   width:160px; cursor:pointer; }
.DeviceDistanceIcon                                             { float:left;   width:24px; height:100%; background-repeat:no-repeat; background-image: url(distance.png);}
.DeviceDistance                                                 { float:left;   font-weight:bold; width:50px;}
.DistanceUnit                                                   { float:left;   width:40px;}
.DeviceSpeedIcon                                                { float:left;   width:24px; height:100%; background-repeat:no-repeat; background-image: url(speed.png);}
.DeviceSpeed                                                    { float:left;   font-weight:bold; width:35px;}
.SpeedUnit                                                      { float:left;   width:calc(100% - 353px); width: -moz-calc(100% - 353px); width: -webkit-calc(100% - 353px); }    

.DeviceListContextMenuItem                                      { float: left; margin:5px; height:20px; width: 100%;}
.DeviceListContextMenuItem .dx-icon-check                       { float: left; line-height: 20px;   }
.DeviceListContextMenuItem .ContextMenuItemContent              { float: left; margin-left: 40px;   }
.DeviceListContextMenuItem .ContextMenuItemContent[selected]    { margin-left: 16px; }
.DeviceListContextMenuItem .ContextMenuItemContent[main]        { margin-left: 0px; }

.DeviceListContainer .selectBoxSortGrid                         { float:left; }
.DevicePropertyPopupContentSelectBox                            { float:left;   height:36px; width:77%; top: -5px; left: -5px;}
.DeviceAddPropertyPopupContentButton                            { float:left;  position: relative; height:36px; top: -5px; left: -10px;}
.DeviceEditPropertyPopupContentButton                           { position: relative; height:36px; top: -41px; left: 310px;}
.DevicePropertyPopupContentCancelButton                         { float:right; position: relative; top: 20px; left: 15px;}
.DevicePropertyPopupContentSaveButton                           { float:right; position: relative; top: 20px; left: 30px;}

.DevicePropertyPopup .dx-popup-content > .dx-button             { margin: 0px 0px 20px 5px;}
.DevicePropertyPopup .dx-popup-content                          { padding: 15px;}

.ConnectTruckOrTemsaEnabled {
    position: absolute;
    right: 20px;
    bottom: 8px;
    height: 19px;
    width: 120px;
    padding: 1px 0 0 100px;
    font: bold 12px Segoe UI;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #616161;
    /*background: url(connectruck_logo.png) no-repeat white;*/
    z-index: 1500;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.25);
    box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.25);
}
.ConnectTruckOrTemsaEnabled[type = "ConnetTruck"] {
    background: url(connectruck_logo.png) no-repeat white;
}
.ConnectTruckOrTemsaEnabled[type = "Temsa"] { 
    background: url(temsa_logo_map.svg) no-repeat white;
    background-position-y: center;
    padding: 1px 0 0 60px !important;
    background-position-x: 10px;
    line-height: 19px;
}