.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%;
}

.DevicePropertyPopupContentCancelButton {
    float: right;
}

.DevicePropertyPopupContentSaveButton {
    float: right;
}

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

.DevicePropertyPopup .dx-popup-content {
    padding: 15px;
}

.ConnectTruckOrTemsaEnabled {
    position: fixed;
    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(../DeviceListV2/connectruck_logo.png) no-repeat white;
    }

    .ConnectTruckOrTemsaEnabled[type = "Temsa"] {
        background: url(../DeviceListV2/temsa_logo_map.svg) no-repeat white;
        background-position-y: center;
        padding: 1px 0 0 60px !important;
        background-position-x: 10px;
        line-height: 19px;
    }