hr {
    margin: 0 0 15px 0;
}

.ui-jqgrid-btable a img {
    padding: 0 2px
}

.ui-jqgrid-btable img {
    width: 14px
}

.ui-jqgrid .tree-wrap-ltr {
    float: right;
    margin-top: 0;
    margin-right: 1px;
    margin-left: 8px
}


.ui-jqgrid .ui-jqgrid-titlebar {
    margin: 0 0 10px;
    padding: 0
}

.ui-jqgrid .ui-jqgrid-htable th div {
    height: auto;
    font-size: 13px;
    font-weight: 500;
}

.ui-jqgrid .ui-jqgrid-hdiv {
    margin: 0 0 3px;
    background: #f5f5f5;
    clear: both
}

.ui-jqgrid .ui-jqgrid-hdiv thead {
    font-size: 12px;
    height: 30px
}

.ui-jqgrid .ui-jqgrid-htable th {
    height: 13px
}

.ui-jqgrid .ui-jqgrid-htable th.ui-th-ltr,.ui-th-ltr {
    border-left: 1px solid #e5e5e5;
    padding-top: 0
}

.ui-jqgrid .ui-jqgrid-htable th#chat_object_list_grid_icon,.ui-jqgrid .ui-jqgrid-htable th#side_panel_history_route_detail_list_grid_icon,.ui-jqgrid .ui-jqgrid-htable th#side_panel_objects_object_list_grid_show,.ui-jqgrid .ui-jqgrid-htable th#side_panel_places_marker_list_grid_show,.ui-jqgrid .ui-jqgrid-htable th#side_panel_places_route_list_grid_show,.ui-jqgrid .ui-jqgrid-htable th#side_panel_places_zone_list_grid_show,.ui-jqgrid .ui-jqgrid-htable th.ui-th-ltr:first-child,.ui-th-ltr:first-child {
    border-left: none
}

.ui-jqgrid .ui-icon-asc,.ui-jqgrid .ui-icon-desc {
    margin-left: 7px;
    margin-top: 7px;
    height: 5px;
    width: 10px
}

.ui-jqgrid .ui-pg-input {
    font-size: 11px;
    height: 18px;
    margin: 2px 0;
    text-align: center
}

.ui-jqgrid .ui-pg-selbox {
    display: block;
    font-size: 11px;
    height: 18px;
    line-height: 18px;
    margin: 0
}

.ui-jqgrid .ui-separator {
    height: 0;
    border: none
}

.ui-jqgrid tr.jqgrow td {
    padding: 1px 2px;
    height: 19px
}

.ui-jqgrid tr.ui-row-ltr td span {
    display: inline-block;
    height: 17px;
    font-size: 12px
}

.ui-jqgrid tr.ui-row-ltr td span.status {
    color: grey;
    font-size: 11px
}

.ui-jqgrid .ui-jqgrid-btable {
    table-layout: fixed;
    margin: 3px 0 0;
    outline-style: none
}

.ui-jqgrid .ui-state-highlight,.ui-jqgrid .ui-state-hover,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight {
    background: #f5f5f5;
    opacity: .9
}

.ui-jqgrid th.ui-state-hover {
    background: 0 0
}

.ui-jqgrid .ui-jqgrid-pager .ms-choice {
    margin-top: -6px
}

.ui-jqgrid .ui-jqgrid-hbox {
    padding: 0!important
}

.ui-jqgrid .ui-jqgrid-view,button {
    font-size: 11px
}

.ui-jqgrid .ui-jqgrid-htable th.ui-th-column,.ui-th-column {
    height: 35px;
}

.ui-jqgrid .loading {
    background: #fff;
    font-weight: 400
}

.ui-jqgrid .ui-jqgrid-bdiv {
    position: relative;
    margin: 0;
    padding: 0;
    overflow: auto;
    text-align: left;
    overflow-y: hidden;
    overflow-x: scroll;
}

.ui-jqgrid tr.ui-row-ltr td {
    text-align: left;
    border-right: 0 solid;
    border-color: #f5f5f5;
    height: 35px;
    border-right-color: inherit;
    font-size: 12px;
}

.ui-jqgrid .ui-jqgrid-pager {
    border-left: 0!important;
    border-right: 0px!important;
    border-bottom: 0!important;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    background: #f5f5f5;
    border-top: 0 solid #e5e5e5;
    margin: 3px -15px -15px!important;
    padding: 3px 15px 0!important;
    height: 25px;
    font-size: 11px
}

.ui-jqgrid .ui-pg-table td {
    font-weight: 400;
    vertical-align: middle;
    padding: 0
}

.ui-jqgrid .ui-pg-button {
    border-left: 1px hidden;
    border-right: 1px hidden;
    border-top: 0;
    border-bottom: 0;
    height: 19px!important
}

#gbox_maintenance_list_grid,
#gview_maintenance_list_grid,
.ui-state-default.ui-jqgrid-hdiv,
.ui-jqgrid-bdiv,
#maintenance_list_grid,
#maintenance_list_grid_pager {
    width: 100% !important;
    margin: 0 !important;
}

#bottom_panel,#loading_panel {
    background: #fff
}

.page-menu ul li a,.tracking-page__navigation li>a:focus,a,a:hover {
    text-decoration: none
}

.datalist-item-name,.datalist-item-value,.form-floating>label,.object-list-item .name,.object-list-item .status {
    white-space: nowrap;
    text-overflow: ellipsis
}

#loading_data_panel,#loading_panel {
    position: absolute;
    top: 0;
    z-index: 99999;
    bottom: 0
}

#details_panel_detail_ext_list .panel-heading,#details_panel_detail_list .panel-heading,#page_object_detail_list .panel-heading,body {
    background: #f8f8f8
}

#loading_panel,#map,.page-map {
    right: 0;
    left: 0
}

.datalist-item.even,.datalist-object-name {
    background-color: #f5f5f5
}

.datalist-item-icon, .datalist-object-name-close-icon {
    background-position: center center;
    background-repeat: no-repeat
}

#history_navbar,#history_playback,#map_layer,#navbar,.tracking-page__navigation {
    box-shadow: 0 1px 5px rgb(0 0 0 / 40%)
}

html {
    height: 100%
}

body {
    padding: 70px 0 15px;
    font-family: Montserrat,sans-serif;
    color: #444
}

#loading_data_panel img,#loading_panel img {
    width: 200px
}

#loading_data_panel {
    background-color: #fff;
    opacity: .6;
    filter: Alpha(Opacity=30);
    left: 0;
    right: 0
}

.icon-only i {
    position: relative;
    top: 1px;
    margin: 1px 10px 0 0;
    color: #fff;
    font-size: 18px;
    z-index: 10
}

.width10 {
    width: 10%
}

.width20 {
    width: 20%
}

.width33 {
    width: 33.33333%
}

.width40 {
    width: 40%
}

.width45 {
    width: 45%
}

.width50 {
    width: 50%
}

.btn-group,.width100 {
    width: 100%
}

.clearfix {
    display: table;
    width: 100%
}

.block1 {
    padding-right: 5px
}

.block2 {
    padding-left: 5px
}

.object-item {
    display: table;
    width: 100%;
    cursor: pointer
}

a,a:hover {
    color: #2b82d4
}

#page_event_list span.event-item-value.is-date,b,strong {
    font-weight: 600
}

.d-flex {
    display: flex
}

#history_navbar_details,#history_navbar_graph,.d-block {
    display: block
}

.justify-content-flex-end {
    justify-content: flex-end
}

.align-items-center {
    align-items: center
}

#page_object_list .details,#page_object_list .follow,#page_object_list .visible {
    cursor: pointer;
    padding: 0 5px
}

.form-floating .form-control::-webkit-input-placeholder {
    color: transparent
}

.form-floating .form-control::-moz-placeholder {
    color: transparent
}

.form-floating .form-control::placeholder {
    color: transparent
}

.form-floating {
    position: relative;
    margin-bottom: 15px
}

.form-floating .form-control[disabled], 
.form-floating .form-control[readonly] {
    background-color: #e5e5e5 !important;
    opacity: 1;
}

.form-floating>.form-control,.form-floating>.form-select {
    background: #f5f5f5;
    height: 42px;
    margin-bottom: 15px!important;
    font-weight: 500;
    border: none;
    border-bottom: 2px solid #151e30;
    padding: 14px 10px;
    line-height: 1.25
}

.form-floating>label {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 11px 0 0 10px;
    margin: 0;
    overflow: hidden;
    color: #858585;
    font-weight: 500;
    text-align: start;
    pointer-events: none;
    border: 1px solid transparent;
    transform-origin: 0 0;
    transition: opacity .1s ease-in-out,transform .1s ease-in-out;
    font-size: 13px
}

.form-floating>.form-control:focus,.form-floating>.form-control:not(:placeholder-shown) {
    padding-top: 18px;
    padding-bottom: 5px
}

.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label,.form-floating>.form-select~label {
    transform: scale(.85) translateY(-10px) translateX(0)
}

.page {
    display: none;
    overflow-x: hidden;
    overflow-y: auto
}

.page-map {
    padding: 0;
    position: absolute;
    top: 50px;
    bottom: 0
}

#page_events,#page_history,#page_object_details,#page_objects,#page_settings, #page_services {
    padding: 0 15px 30px;
    position: absolute;
    width: 100%;
    height: calc(100% - 110px);
    top: 55px
}

#object_follow_all,#object_visible_all {
    padding: 8px;
    background: #f5f5f5;
    display: flex;
    border: 2px solid #f5f5f5;
    border-radius: 5px
}

#object_visible_all {
    font-size: 16px;
    margin-right: 5px
}

#page_settings h4 {
    margin: 25px 0 10px;
    color: #151e30
}

#page_services,
#page_history {
    top: 70px
}

#login-page__errors,#page_history .btn-save, #page_services .btn-save {
    margin-bottom: 10px
}

#page_events,#page_object_details,#page_objects {
    padding-top: 20px
}

#details_panel_detail_list.panel-default,#page_object_detail_list .panel-default {
    border: none
}

#details_panel_detail_ext_list .panel-heading {
    border-color: #ddd;
    margin-bottom: 20px;
    background: #f8f8f8
}

#details_panel_detail_ext_list h4,#details_panel_detail_list h4,#page_object_detail_list h4 {
    margin: 0
}

#details_panel_detail_list ul,#page_object_detail_list ul {
    margin-bottom: 0
}

#details_panel_detail_list ul>li,#page_object_detail_list ul>li {
    border: none;
    padding-left: 0;
    padding-right: 0;
    border-bottom: 1px solid #e8e8e8;
    margin-bottom: 0
}

#map {
    position: absolute;
    top: 0;
    bottom: 55px
}

#map_layer {
    border: none;
    position: absolute;
    z-index: 10;
    top: 15px;
    right: 15px;
    width: 140px;
    border-radius: 5px;
}

#history_playback {
    display: none;
    width: 33%;
    background: #fff;
    padding: 0 3px;
    height: 30px;
    margin-right: 2%
}

#history_playback a {
    color: #6f6f6f;
    margin: 5px
}

#history_playback select {
    height: 24px;
    padding: 0
}

.leaflet-left .leaflet-control {
    margin-top: 15px;
    margin-left: 15px
}

#bottom_panel {
    position: absolute;
    bottom: 60px;
    left: 0;
    right: 0;
    display: none;
    z-index: 1000;
}

#bottom_panel .datalist-item-list {
  height: 105px !important;  
} 

.datalist {
    padding: 10px
}

.datalist-object-name {
    display: block;
    width: 100%;
    height: 26px;
    padding: 5px 10px;
    z-index: 999999;
    font-weight: 600;
    font-size: 11px
}

.datalist-object-name-close-icon {
    float: right;
    background-size: 10px 10px;
    width: 16px;
    height: 16px;
    margin-left: 10px
}

.datalist-item-list {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: flex-start;
    overflow-x: auto;
    height: 96px;
    font-size: 11px
}

.data-item-text {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 20px;
    text-align: center;
    vertical-align: middle;
    color: #aaa
}

.datalist-item {
    display: flex;
    float: left;
    width: 270px;
    min-width: 270px;
    margin-right: 15px;
    padding-left: 5px;
    padding-right: 5px;
    line-height: 24px
}

.datalist-item-name,.datalist-item-value {
    display: inline-block;
    overflow: hidden
}

.datalist-item.odd {
    background-color: #fff
}

.datalist-item-icon {
    float: left;
    background-size: 14px 14px;
    width: 24px;
    height: 24px
}

.datalist-item-name {
    width: 80px
}

.datalist-item-value {
    width: 156px;
    text-align: right
}

#navbar {
    padding: 15px 0
}

#places_navbar {
    min-height: 0
}

.markers-panel,.routes-panel,.zones-panel {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #f8f8f8;
    padding: 70px 15px 15px;
    z-index: 10;
    overflow-x: hidden;
    overflow-y: auto
}

.details-panel,.graph-panel {
    bottom: 0;
    background-color: #fff;
    padding: 20px 15px 15px;
    position: absolute;
    left: 0;
    z-index: 10
}

#history_navbar {
    display: none;
    min-height: 0;
    width: 65%
}

#history_navbar a {
    color: #6f6f6f;
    border: none;
    border-radius: 0;
    height: 30px;
    line-height: 1;
    display: flex;
    align-items: center;
    font-size: 13px
}

#history_navbar_map,.form-group input[type=checkbox],.form-group input[type=checkbox]+.btn-group>label span:first-child,.form-group input[type=checkbox]:checked+.btn-group>label span:last-child,.page-menu {
    display: none
}

.form-group input[type=checkbox]+.btn-group>label span:last-child,.form-group input[type=checkbox]:checked+.btn-group>label span:first-child,.graph-controls a,.graph-controls div {
    display: inline-block
}

.graph-panel {
    display: none;
    top: 0;
    right: 0;
    overflow: hidden
}

.graph-panel-label {
    position: absolute;
    right: 25px;
    top: 75px
}

.graph-panel-plot {
    height: 75%!important;
    width: 100%
}

.graph-controls {
    margin-bottom: 20px;
    display: table;
    width: 100%
}

.graph-controls div {
    vertical-align: middle;
    margin-bottom: 0
}

.graph-controls-left {
    float: left
}

.graph-controls-right {
    float: right
}

.graph-controls a {
    margin: 5px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.graph-controls a:hover {
    opacity: .9
}

.details-panel {
    display: none;
    top: 0;
    right: 0;
    overflow-x: hidden;
    overflow-y: auto
}

.login-page {
    background: radial-gradient(circle,#fffdf9 20%,#f3fbfe 100%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding: 0 15px 15px
}

.login-page__langage {
    position: absolute;
    top: 30px;
    right: 13px
}

.login-page__langage .form-control {
    padding: 0;
    background: 0 0;
    border: none
}

.login-page__langage .form-control:focus {
    box-shadow: none
}

.login-page__header .logo {
    width: 200px;
    margin: 30px 0 50px
}

.login-page__header h3 {
    color: #151e30;
    font-weight: 700
}

.login-page .buttons-block {
    padding-top: 30px;
    border-top: 1px solid #ddd
}

.login-page .remember-me {
    padding-top: 2px;
    font-weight: 500
}

.login-page .btn-remember-me {
    padding-right: 10px
}

.login-page .btn-remember-me .btn {
    background: #f1f2f2;
    width: 16px;
    height: 16px;
    padding: 0
}

.login-page .input-group input {
    background: #f5f5f5;
    height: 45px;
    margin-bottom: 15px!important;
    font-weight: 500;
    border: none;
    border-bottom: 2px solid #151e30
}

.login-page__body .form-btns {
    margin-top: 30px
}

.login-page__body .form-btns .btn-blue {
    background-color: #3499d1;
    border-color: #3499d1
}

.login-page__body .form-btns select {
    height: 40px;
    border-radius: 5px
}

#login-page__errors .error {
    color: #cd0000;
    font-size: 14px;
    font-weight: 500
}

.login-page__footer {
    position: relative;
    text-align: center;
    font-size: 13px
}

.login-page__footer p {
    position: relative;
    left: 0;
    right: 0;
    bottom: -550%
}

.menu-block,.tracking-page__navigation {
    bottom: 0;
    width: 100%;
    left: 0;
    position: absolute
}

.tracking-page {
    background: #fff
}

.tracking-page__navigation {
    background: #151e30;
    height: 55px;
    z-index: 10
}

.tracking-page__navigation .list-inline {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0
}

.tracking-page__navigation li {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
    padding: 8px 0
}

.tracking-page__navigation li>a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    color: #fff
}

.tracking-page__navigation li>a.active {
    color: #67c9ff
}

.tracking-page__navigation li>a i {
    margin: 0 0 5px;
    font-size: 16px
}

.tracking-page__navigation li>a span {
    font-size: 11px;
    text-transform: uppercase
}

.page-menu .page-title {
    box-sizing: border-box;
    margin-bottom: 15px;
    font-size: 18px;
    line-height: 50px;
    padding: 0 15px;
    height: 50px;
    display: table;
    width: 100%;
    color: #fff;
    background-color: #2b82d4
}

.page-menu .title-block i {
    color: #fff;
    position: absolute;
    right: 15px;
    top: 20px
}

.page-menu .button-block {
    margin: 30px auto;
    display: table
}

.dtpicker-components .dtpicker-compValue,.dtpicker-components .dtpicker-compValue:hover,.page-menu .button-block a {
    color: #444
}

.menu-block {
    top: 0;
    height: 100%;
    color: #696969;
    z-index: 999999;
    box-shadow: 3px 0 3px 0 rgba(0,0,0,.3);
    background: #f8f8f8;
    display: table;
    margin: auto
}

.page-menu ul {
    padding: 0 15px 30px 0;
    margin: 0;
    display: table;
    width: 100%;
    list-style: none
}

.page-menu ul li {
    width: 33.333%;
    float: left;
    padding-top: 15px;
    padding-left: 15px;
    box-sizing: border-box
}

.page-menu ul li a {
    color: #696969!important;
    font-size: 14px;
    padding: 20px 10px;
    display: block;
    position: relative;
    font-weight: 400;
    text-align: center;
    background: #fff;
    -webkit-box-shadow: 0 0 5px 0 #eaeaea;
    box-shadow: 0 0 5px 0 #eaeaea
}

.page-menu ul li a:hover {
    opacity: .8
}

.page-menu ul li a i {
    width: 100%;
    font-size: 25px;
    margin-bottom: 10px
}

#page_object_list .list-group-item {
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(0,0,0,.2);
    display: flex;
    align-items: center;
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
    flex-direction: column;
}

#page_object_list .list-group-item .icon {
    margin: 0 5px 0 0;
    position: relative;
}

#page_object_list .list-group-item .icon img {
    width: 35px!important;
    height: 35px!important;
    background: #f5f5f5;
    padding: 5px;
    border-radius: 20px
}

#page_event_search_clear,#page_object_search_clear {
    background: 0 0;
    position: absolute;
    z-index: 3;
    border: none;
    top: 7px;
    right: 8px
}

#page_event_search_clear i,#page_object_search_clear i {
    font-size: 16px
}

#page_event_search,#page_object_search {
    padding-right: 20px;
    background: #f5f5f5;
    height: 42px;
    border: none;
    border-bottom: 2px solid #151e30
}

#page_object_list_header {
    margin-bottom: 5px
}

#page_object_list_header .form-floating,#page_object_list_header .form-floating>.form-control {
    margin-bottom: 0!important
}

.leaflet-control a span,.leaflet-control-zoom-in,.leaflet-control-zoom-out {
    display: table;
    width: 100%;
    height: 100%;
    background-size: 12px 12px;
    background-repeat: no-repeat;
    background-position: center center
}

.leaflet-control-zoom-in {
    background-image: url(images/plus.svg)
}

.leaflet-control-zoom-out {
    background-image: url(images/minus.svg)
}

.icon-objects {
    background-image: url(images/object-arrow.svg)
}

.icon-text {
    background-image: url(images/text.svg)
}

.icon-marker {
    background-image: url(images/marker.svg)
}

.icon-markers {
    background-image: url(images/markers.svg)
}

.icon-routes {
    background-image: url(images/routes.svg)
}

.icon-zones {
    background-image: url(images/zones.svg)
}

.icon-clusters {
    background-image: url(images/clusters.svg)
}

.icon-traffic {
    background-image: url(images/traffic.svg)
}

.icon-time {
    background-image: url(images/time.svg)
}

.icon-warning {
    background-image: url(images/warning.svg)
}

.icon-nearest-marker {
    background-image: url(images/nearest-marker.svg)
}

.icon-nearest-zone {
    background-image: url(images/nearest-zone.svg)
}

.icon-address {
    background-image: url(images/address.svg)
}

.icon-altitude {
    background-image: url(images/altitude.svg)
}

.icon-angle {
    background-image: url(images/angle.svg)
}

.icon-speed {
    background-image: url(images/speed.svg)
}

.icon-engine-hours {
    background-image: url(images/engine-hours.svg)
}

.icon-list-details {
    display: block;
    float: none;
    width: 20px;
    height: 20px;
    background-size: 20px !important;
}

.icon-engine {
    background-image: url(../../theme/images/engine.svg);
    background-size: 16px;
}

.icon-engine-on {
    background-image: url(../../theme/images/engine-on.svg);
    background-size: 16px;
}

.icon-engine-off {
    background-image: url(../../theme/images/engine-off.svg);
    background-size: 16px;
}

.icon-odometer {
    background-image: url(images/odometer.svg)
}

.icon-model {
    background-image: url(images/model.svg)
}

.icon-plate-number {
    background-image: url(images/plate-number.svg)
}

.icon-sim {
    background-image: url(images/sim.svg)
}

.icon-vin {
    background-image: url(images/vin.svg)
}

.icon-user {
    background-image: url(images/user.svg)
}

.icon-trailer {
    background-image: url(images/trailer.svg)
}

.icon-default-custom-fields {
    background-image: url(images/default-custom-fields.svg)
}

.icon-default-sensor {
    background-image: url(images/default-sensor.svg)
}

.icon-status {
    background-image: url(images/status.svg)
}

.icon-battery-lev-0 {
    background-image: url(images/battery-lev-0.svg)
}

.icon-battery-lev-1 {
    background-image: url(images/battery-lev-1.svg)
}

.icon-battery-lev-2 {
    background-image: url(images/battery-lev-2.svg)
}

.icon-battery-lev-3 {
    background-image: url(images/battery-lev-3.svg)
}

.icon-di {
    background-image: url(images/di.svg)
}

.icon-do {
    background-image: url(images/do.svg)
}

.icon-fuel {
    background-image: url(images/fuel.svg)
}

.icon-engine {
    background-image: url(images/engine.svg)
}

.icon-gsm {
    background-image: url(images/gsm.svg)
}

.icon-no-signal {
    display: block;
    width: 18px;
    height: 18px;
    background-image: url(../../theme/images/signal-1.svg);
    background-repeat: no-repeat;
    background-size: 20px;
}

.icon-signal-1 {
    display: block;
    width: 18px;
    height: 18px;
    background-image: url(../../theme/images/signal-2.svg);
    background-repeat: no-repeat;
    background-size: 18px;
}

.icon-signal-2 {
    display: block;
    width: 18px;
    height: 18px;
    background-image: url(../../theme/images/signal-3.svg);
    background-repeat: no-repeat;
    background-size: 18px;
}

.icon-signal-3 {
    display: block;
    width: 18px;
    height: 18px;
    background-image: url(../../theme/images/signal-4.svg);
    background-repeat: no-repeat;
    background-size: 18px;
}

.icon-signal-4 {
    display: block;
    width: 18px;
    height: 18px;
    background-image: url(../../theme/images/signal-5.svg);
    background-repeat: no-repeat;
    background-size: 16px;
}

.icon-signal-5 {
    display: block;
    width: 18px;
    height: 18px;
    background-image: url(../../theme/images/signal-6.svg);
    background-repeat: no-repeat;
    background-size: 18px;
}

.icon-gps {
    background-image: url(images/gps.svg)
}

.icon-temperature {
    background-image: url(images/temperature.svg)
}

.icon-close {
    background-image: url(images/remove.svg)
}

.leaflet-control a span.disabled {
    opacity: .5
}

.btn i,a i {
    margin-right: 5px
}

.btn.btn-green {
    background-color: #9cc602;
    color: #fff;
    border-color: #9cc602
}

.btn.btn-blue,.btn.btn-blue:active:hover,.btn.btn-save,.btn.btn-save:active:hover,.btn.dtpicker-buttonSet,.btn.dtpicker-buttonSet:active:hover {
    background-color: #2b82d4;
    color: #fff;
    border-color: #2b82d4
}

.btn.back-btn,.btn.desktop-btn {
    margin-bottom: 15px
}

.btn.btn-cancel,.btn.btn-save,.btn.login-btn {
    margin-bottom: 0;
    border-radius: 5px;
    height: 45px;
    padding: 5px 0;
    font-weight: 600
}

.btn.btn-cancel,.btn.btn-cancel:active:hover,.btn.dtpicker-buttonClear,.btn.dtpicker-buttonClear:active:hover {
    background: #545e75;
    color: #fff;
    border: #545e75
}

.table {
    display: table;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0
}

.table-cell {
    display: table-cell;
    margin: 0;
    padding: 0
}

.center-middle {
    vertical-align: middle;
    text-align: center
}

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('../theme/fonts/custom/glyphicons-custom.eot');
    src: url('../theme/fonts/custom/glyphicons-custom.eot?#iefix') format('embedded-opentype'),url('../theme/fonts/custom/glyphicons-custom.woff2') format('woff2'),url('../theme/fonts/custom/glyphicons-custom.woff') format('woff'),url('../theme/fonts/custom/glyphicons-custom.ttf') format('truetype'),url('../theme/fonts/custom/glyphicons-custom.svg#glyphicons_halflingsregular') format('svg')
}

.modal-content {
    border: none;
    border-radius: 5px
}

.modal-body {
    padding: 20px 15px 15px
}

.btn-primary,.btn-primary:focus,.btn-primary:hover {
    background-color: #2b82d4;
    border: 1px #2b82d4
}

.btn {
    border-radius: 5px;
    border-color: #e8e8e8;
    overflow: hidden
}

.form-control,.panel {
    border-radius: 0;
    border-color: #e8e8e8;
    box-shadow: none
}

.form-control:focus {
    border-color: #2e97d3;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%),0 0 8px rgb(133 133 133 / 60%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%),0 0 8px rgb(133 133 133 / 60%)
}

.input-group-addon,.list-group-item:first-child,.list-group-item:last-child {
    border-radius: 0;
    border-color: #e8e8e8
}

.dropdown-menu,.dropdown-toggle {
    min-width: auto;
    width: 100%
}

.vertical-align {
    display: flex;
    align-items: center
}

@media (min-width: 768px) {
    .navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand {
        margin-left:0
    }
}

.glyphicon-desktop:before {
    content: "\e261"
}

.glyphicon-exit:before {
    content: "\e262"
}

.glyphicon-cheeckbook:before {
    content: "\e263"
}

.glyphicon-history:before {
    content: "\e264"
}

.glyphicon-openlock:before {
    content: "\e265"
}

.search-clear {
    position: absolute;
    right: 25px;
    top: 80px;
    cursor: pointer;
    color: #ccc;
    z-index: 1
}

.dtpicker-content {
    background: #fff;
    height: 220px
}

.dtpicker-components .dtpicker-comp {
    border: 1px solid #e8e8e8;
    margin-right: 3px
}

.dtpicker-components .dtpicker-compValue {
    margin: 0;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8
}

.dtpicker-buttonCont {
    margin: 10px 15px;
    padding: 5px 0;
    justify-content: space-between
}

.dtpicker-components .dtpicker-compButton,.dtpicker-components .dtpicker-compButton:hover {
    background: #f8f8f8;
    color: #444;
    text-decoration: none
}

#page_object_list a {
    color: none
}

#page_object_list .row,
#page_object_list_header .row {
    margin-left: 0;
    margin-right: 0
}

#page_object_list .row.main {
    height: 45px;
}

#page_object_list .row:last-child {
    margin-top: 5px;
    padding-top: 5px;
    border-top: 1px solid #eeeeee;
}

#page_object_list_header .object-group {
    margin-bottom: -1px
}

#page_object_list_header .list-group-item {
    padding: 1px 7px
}

#page_object_list_header .object-list-item .name {
    display: table-cell;
    vertical-align: middle;
    height: 30px;
    text-align: center;
    font-size: 14px;
    color: #999
}

#page_object_list_header .object-list-item .details {
    width: 19px
}

.list-group-btn {
    border: 0
}

.list-group-item {
    padding: 5px 7px;
    font-size: 12px
}

.list-group-item .icon {
    float: left;
    margin-top: 4px;
    margin-right: 10px
}

.object-list-item {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.object-list-item.no-flex {
    justify-content: space-between;
}

.object-list-item .left {
    float: left;
    width: 120px
}

.object-list-item .right {
    display: table;
    height: 100%;
    float: right
}

.object-list-item .name {
    overflow: hidden;
    font-size: 13px;
    font-weight: 500;
}

.object-list-item .status {
    overflow: hidden;
    color: grey;
    font-size: 11px
}

.object-list-item .ignition, .object-list-item .connection, .object-list-item .details, .object-list-item .engine, .object-list-item .follow, .object-list-item .speed, .object-list-item .visible {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    text-align: center;
    padding: 3px;
    line-height: 1
}

.object-list-item .speed,
.object-list-item .max-speed {
    max-width: 80px;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-right: 10px;
}

.object-list-item .speed i,
.object-list-item .max-speed i {
    margin-right: 4px;
    color: #9cc900;
}

.object-list-item .max-speed i {
    color: #c90000;
}

.object-list-item .follow,.object-list-item .visible {
    font-size: 16px;
    color: #bbb
}

.object-list-item .details {
    padding-right: 0;
    font-size: 16px;
    color: #2b82d4
}

.object-list-item .checked {
    color: #2b82d4
}

.form-group input[type=checkbox]+.btn-group>label span {
    width: 10px;
    position: absolute;
    top: 0;
    left: 0
}

.navbar {
    border-radius: 0
}

.navbar-default {
    background: #2b82d4;
    border: none
}

.navbar-default .navbar-brand,.navbar-default .navbar-brand:hover {
    position: absolute;
    left: 0;
    right: 0;
    color: #fff;
    width: 100%;
    height: auto;
    padding: 0;
    text-align: center;
    z-index: 0
}

.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header {
    margin-right: auto;
    margin-left: auto
}

.loader {
    width: 70px;
    display: block;
    margin: 25px auto
}

.loader span {
    float: left;
    vertical-align: middle;
    width: 8px;
    height: 8px;
    margin-right: 2px;
    background: #151e30;
    opacity: .1;
    animation: .7s infinite alternate loader
}

.loader span:nth-of-type(2) {
    animation-delay: .2s
}

.loader span:nth-of-type(3) {
    animation-delay: .3s
}

.loader span:nth-of-type(4) {
    animation-delay: .4s
}

.loader span:nth-of-type(5) {
    animation-delay: .5s
}

.loader span:nth-of-type(6) {
    animation-delay: .6s
}

.loader span:nth-of-type(7) {
    animation-delay: .7s
}

@keyframes loader {
    0% {
        opacity: 1
    }

    100% {
        opacity: .1
    }
}

.bootbox-body {
    text-align: center
}

.menu-actions {
    display: flex;
    position: absolute;
    top: 16px;
    right: 10px
}

.menu-actions i {
    color: #fff;
    font-size: 16px;
}

.menu-actions #events a {
    padding-right: 13px;
}

.menu-actions #events a span {
    width: 10px;
    height: 10px;
    background: #d34900;
    display: flex;
    position: absolute;
    top: 2px;
    left: 6px;
    border-radius: 10px;
    font-size: 7px;
    color: #ffffff;
    justify-content: center;
    align-items: center;
}

#page_event_list span.event-item-title {
    display: block;
    font-size: 10px;
    color: #787878;
    margin-bottom: 5px
}

#page_event_list a {
    margin-bottom: 10px;
    padding: 8px 10px 8px 15px;
    border-radius: 5px;
    box-shadow: 0 0 3px 0 rgb(0 0 0 / 20%)
}

#page_event_list span.event-item-border {
    width: 3px;
    height: 70%;
    display: block;
    position: absolute;
    left: 0;
    top: 15%;
    background: #66c8ff;
    border-radius: 0 5px 5px 0
}

#event-list-page {
    width: 30%;
    margin-left: 15px
}

.object-details-item__title {
    font-size: 12px;
    margin-bottom: 5px;
    color: #858585;
    margin-top: 5px;
    line-height: 1
}

.object-details-item__value {
    display: flex;
    font-size: 15px;
    line-height: 1;
    font-weight: 500;
    margin-bottom: 5px;
    justify-content: space-between;
}

#details_panel_detail_list .panel-body,#page_object_detail_list .panel-body {
    padding-left: 10px;
    padding-right: 10px
}

.btn-start,.btn-start:focus,.btn-start:hover {
    margin-right: 5px;
    background: #00a347;
    border-color: #00a347
}

.btn-stop,.btn-stop:focus,.btn-stop:hover {
    margin-left: 5px;
    background: #ce0000;
    border-color: #ce0000
}

#object-start-stop {
    margin: 0 10px;
    justify-content: center
}

#object-start-stop .btn {
    width: 35%;
    color: #fff;
    font-size: 15px;
    font-weight: 500
}

.page-objects__header .form-floating {
    margin-left: 15px
}

#page_event_list {
    margin-top: 15px
}

#page_object_list .details {
    line-height: 1;
    background: #404862;
    padding: 10px 13.5px;
    border-radius: 5px;
    margin-left: 10px;
    display: block;
    color: #fff;
    box-shadow: 0 0 5px rgb(0 0 0 / 20%)
}

#page_object_list .follow {
    padding-right: 10px;
    border-right: 1px solid #eeeeee;
}

#page_object_list .visible {
    padding-left: 10px;
}

#page_object_list .max-speed {
    border-left: 1px solid #eeeeee;
    border-right: 1px solid #eeeeee;
}

#page_object_list .distance i {
    color: orange;
    font-size: 13px;
    margin-right: 5px
}

#page_object_list .engine {
    position: absolute;
    bottom: -5px;
    right: -2px;
}

#page_object_list .engine i {
    font-size: 8px;
    color: #cccccc;
}

#page_object_list .engine i.is-off {
    color: #cccccc;
}

#page_object_list .engine i.is-on {
    color: #9cc900;
}

#page_object_list .distance,
#page_object_list .speed,
#page_object_list .max-speed,
#page_object_list .connection,
#page_object_list .engine,
#page_object_list .gsm {
    padding: 3px 5px;
    line-height: 1;
}

#page_object_list .gsm i {
    background-size: 16px;
    width: 16px;
    height: 16px;
}

.left-block > div,
.right-block > div {
    display: flex;
    align-items: center;
}

#history-playback-map {
    position: absolute;
    bottom: 75px;
    z-index: 12;
    left: 15px;
    justify-content: center;
    width: calc(100% - 30px)
}

.dtpicker-mobile .dtpicker-content {
    width: 90%!important
}

.dtpicker-header {
    margin: 0 5px 20px!important
}

.edit-object-odometer {
    cursor: pointer;
    padding: 0 5px;
}

.edit-object-odometer i {
    color: #151e30;
}

.ignition {
    display: none !important;
}

#page_services h4 {
    margin: 15px 0;
}

.page_services-table-header {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.page_services-table-header h4 {
    margin: 7px 0 !important;
}

.page_services-table-body {padding: 0 15px;}

.leaflet-bar {
    box-shadow: none;
}

.leaflet-bar a, .leaflet-bar a:hover {
    border-radius: 5px !important;
    margin-bottom: 5px;
    box-shadow: 0 1px 5px rgba(0,0,0,0.4);
}

.leaflet-control.leaflet-bar {
    margin-top: 30px;
}

.leaflet-control-zoom.leaflet-bar.leaflet-control {
    margin-top: 15px;
}

#page_services-form {
    display: none;
}

.checkbox-group {
    display: flex;
    margin: 0;
}

.checkbox-group>label {
    position: relative;
    margin-right: 10px;
    width: auto;
    margin-left: 0;
    padding: 0;
}

.checkbox-group .btn {
    width:  20px !important;
    height: 20px;
    padding: 0;
}

.checkbox-group .form-group input[type=checkbox]+.btn-group>label span {
    top: 4px;
    left: 2px;
}

.checkbox-switch {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}


.checkbox-switch-container {
    position: relative;   
}

.checkbox-switch label {
    font-size: 13px;
    font-weight: 500;
}

.checkbox-switch input[type=checkbox]{
    position: absolute;
    z-index: 1;
    width: 40px;
    margin: 0;
    height: 20px;
    opacity: 0;
    cursor: pointer;
}

.checkbox-switch input[type=checkbox]:disabled {
    cursor: not-allowed;
}

.checkbox-switch .switch {
	cursor: pointer;
	text-indent: -9999px;
	width: 40px;
	height: 20px;
	background: grey;
	display: block;
	border-radius: 100px;
	position: relative;
}

.checkbox-switch .switch:after {
	content: '';
	position: absolute;
	top: 2px;
	left: 2px;
	width: 20px;
	height: 16px;
	background: #fff;
	border-radius: 90px;
	transition: 0.3s;
}

.checkbox-switch input:checked + .switch {
	background: #151e30;
}

.checkbox-switch input:checked + .switch:after {
	left: calc(100% - 5px);
	transform: translateX(-100%);
}

.checkbox-switch .switch:active:after {
	width: 130px;
}

a.edit img,
a.delete img {
    width: 18px;
}

a.edit,
a.delete {
    padding: 5px;
}

.ui-paging-info {
    margin: 0 !important;
}

#maintenance_list_grid_pager {
    padding-top: 0 !important;
}

#pg_maintenance_list_grid_pager {
    padding-top: 3px;
}