.sidebar.left.collapsed .sidebar-content {
   display: none;
}

#widgets.collapsed .sidebar.btn-collapse, .sidebar.collapsed, .sidebar.collapsed .sidebar.btn-collapse {
    margin-left: -330px;
}

#widgets.collapsed .sidebar.btn-collapse .sidebar-content, .sidebar.collapsed .sidebar-content {
    overflow: unset;
}

#widgets.collapsed .sidebar.btn-collapse .sidebar-content .group, .sidebar.collapsed .sidebar-content .group {
    display: block;
}

button.navbar-toggle:hover .icon-bar {
    background-color: #ff0000!important;
}

.whatsapp_top {
    position: absolute;
    font-size: 2em;
    top: 7px;
    left: 160px; 
    z-index: 1000; 
    height: 23px;
    line-height: 23px;
    width: 23px;
    padding: 5px;
    display: inline-table;
    background: #6fd954;
    border-radius: 10px;
    color: #fff;
}

.whatsapp_top:hover {
   color: #fff;
    background: #469f30;
  text-decoration: none;
 
}

ul.nav.navbar-nav.navbar-right li:hover {
    box-shadow: 0px 0px 20px -10px #0000003d;
    transition: 0.4s all ease;
}

ul.nav.navbar-nav.navbar-right li a:hover {
font-weight: bold;
}

ul.nav.navbar-nav.navbar-right li {
transition: 0.8s all ease;
}

div#events_tab table tbody tr td {
    line-height: 1.1;
    padding: 10px 0px;
}
div#events_tab table tbody tr td .col-xs-4 {
    font-weight: bold;
    color: #ff0000;
}

#header .main-navbar .navbar-nav>li>a>.icon, .navbar-main .navbar-nav>li>a>.icon {
  color: #aaa;
}


.dropdown-menu>li>a>.icon, .leaflet-control-layers .leaflet-control-layers-list>li>a>.icon {
  color: #ff0000;
}

.icon.chat:before { 
    content: "\ef44";
    font-family: remixicon!important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px;
}

.icon.account:before { 
    content: "\f264";
    font-family: remixicon!important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px;
}

.icon.setup:before { 
    content: "\ea42";
    font-family: remixicon!important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px;
}

.icon.tools:before { 
    content: "\eeb9";
    font-family: remixicon!important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px;
}

.icon.tools:before { 
    content: "\ea4e";
    font-family: remixicon!important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px;
}

.icon.admin:before { 
    content: "\f0ee";
    font-family: remixicon!important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px;
}

.icon.traffic:before { 
    content: "\ec34";
    font-family: remixicon!important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px;
}

.icon.show-tail:before { 
    content: "\ebc2";
    font-family: remixicon!important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px;
}

.icon.show-name:before { 
    content: "\ee60";
    font-family: remixicon!important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px;
}

.icon.poi:before { 
    content: "\ed4a";
    font-family: remixicon!important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px;
}

.icon.routes:before { 
    content: "\f09b";
    font-family: remixicon!important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px;
}

.icon.group-devices:before { 
    content: "\effc";
    font-family: remixicon!important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px;
}

.icon.zoomIn:before {
    content: "\ea11";
    font-family: remixicon!important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px;
}

.icon.zoomOut:before {
    content: "\ee57";
    font-family: remixicon!important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px;
}

.icon.devices:before {
    content: "\f090";
    font-family: remixicon!important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px;
}

.icon.map-change:before {
    content: "\ef0a";
    font-family: remixicon!important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px;
}

.icon.map-expand:before {
    content: "\ec62";
    font-family: remixicon!important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px;
}



.tooltip.left {
  
    z-index: 1111111;
}

span#unread-msg-count {
    display: none;
}

.leaflet-control-layers label div span {
 
    color: #aaa;

}

#map-controls div button {
    float: left;
}
#map-controls div {
    float: left;
}


#map-controls label {
    float: left;
}


ul.nav.navbar-nav.navbar-right li a {
    background: transparent;
}

li.img_logo a {
  background-image: url(https://dfctrack.com/wp-content/uploads/2019/02/icon.png)!important;
    background-repeat: no-repeat!important;
    background-size: 45px!important;
    background-position: center 10px!important;
    background: #f08f48;
    filter: invert(1);
}

#sidebar #events_tab .tab-pane-body {
    padding-left: 10px!important;
}

.unhide {
    display: block!important;
}

div#bottombar {
    right: -10px!important;
}

#sidebar .sidebar-content {
    background: transparent;
  border: none;
}

.group-heading {
 
    background-color: #fff;
  
}
#loading {
    display: none;
}



.nav-default>li.active:after {
     
   background: #da974a!important;
    filter: invert(1);
      content: '';
    position: absolute;
    display: none;
    width: 5px;
    height: 100%;
    left: 0;
    bottom: 0;
    background: #2c82d8;
    box-sizing: border-box;
}



div#map-controls::before {
   
}

.clientes div#device-form-sensors .actions {
    display: none;
}

.clientes [href="#device-form-icons"] {
    display: none;
}

.clientes [data-modal="sensors_create"] {
    display: none;
}

.clientes [href="#device-form-expenses"] {
    display: none;
}

.clientes [href="#device-form-advanced"] {
    display: none;
}

.clientes [href="#device-form-accuracy"] {
    display: none;
}

.clientes [href="#device-form-tail"] {
    display: none;
}

.device-icons-icon .icon-list .checkbox-inline:hover {
    box-shadow: 0px 5px 10px #0000002b;
    border-radius: 10px;
}
.device-icons-icon .icon-list .checkbox-inline:hover img {
    border: 1px solid #2a95bd;
}


.device-icons-icon .active {
 display: inline-block!important;
}

.device-icons-icon.device-icons-group .icon-list {
    height: 300px;
    overflow-y: scroll;
}

.icon-list .checkbox-inline {
    width: 19%;
    text-align: center;
    margin-top: 10px;
}
  


.icon-list .checkbox-inline img {
     border: 1px solid #ddd;
    max-width: 100%;
    padding: 5px;
    border-radius: 4px;
}



.clientes div#my_account_settings_edit .nav-tabs li:nth-child(1n+2) {
    display: none;
}
.clientes div#my_account_settings_edit .tab-content .form-group {
    pointer-events: none;
  opacity: 0.7;
}
.btn-group.dropleft.droparrow.open .dropdown-menu a[data-modal="send_command"] {
    background-image: none!important;
}

i.icon.textual {
    background-image: url(https://cdn-icons-png.flaticon.com/512/2001/2001922.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

i.icon.numerical {
    background-image: url(https://cdn-icons-png.flaticon.com/512/2737/2737670.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  }


i.icon.numerical::before {
    opacity: 0;

}

i.icon.textual::before {
    opacity: 0;
}


i.icon.door {
    background-image: url(https://cdn-icons-png.flaticon.com/512/1711/1711847.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}


i.icon.door::before {
    opacity: 0;
}


#sidebar .group:last-of-type {
    margin-bottom: 60px;
}

.dropdown-menu .bs-searchbox input {
    border-radius: 10px!important;
}


#sidebar .dropdown-menu li a::after {
   display:none;
}



div#alerts_tab span.input-group-btn {
    display: inline-block;
      width: 100%;
      margin-top: 5px;
}

[data-modal="alerts_create"] {
    border-radius: 20px!important;
    width: 100%;
    margin: 0!important;
  background-color: #ff0000;
  color:#fff;
}


div#events_tab span.input-group-btn {
    display: inline-block;
      width: 100%;
      margin-top: 5px;
}

[data-modal="events_lookup"] {
    border-radius: 40px!important;
    width: 48%;
    margin: 0!important;
  background-color: #ff0000;
  color:#fff;
}


[data-modal="events_do_destroy"] {
     border-radius: 40px!important;
    width: 48%;
    margin: 0;
    background-color: #ff0000;
  color:#fff;
}


.details a[data-modal="send_command"] {
    /* background: #00528e!important; */
    filter: invert(0)!important;
   background-image: none!important;
}

.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-bottom {
    background: #fff;
}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover, .leaflet-control-layers .leaflet-control-layers-list>li>a:focus, .leaflet-control-layers .leaflet-control-layers-list>li>a:hover {
    background: transparent!important;
}

i.icon.speed {
    background-image: url(https://cdn-icons-png.flaticon.com/512/1345/1345693.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}


i.icon.speed::before {
    opacity: 0;
}


i.icon.acc {
    background-image: url(https://cdn-icons-png.flaticon.com/512/859/859881.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}


i.icon.acc::before {
    opacity: 0;
}



i.icon.odometer {
    background-image: url(https://cdn-icons-png.flaticon.com/512/3563/3563395.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

i.icon.odometer::before {
    opacity: 0;
}


i.icon.battery {
    background-image: url(https://cdn-icons-png.flaticon.com/512/3103/3103446.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}


i.icon.battery::before {
    opacity: 0;
}

i.icon.battery::after {
    opacity: 0;
}


i.icon.logical {
   background-image: url(https://cdn-icons-png.flaticon.com/512/129/129724.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

i.icon.logical::before {
    opacity: 0;
}


i.icon.engine_hours {
   
         background-image: url(https://cdn-icons-png.flaticon.com/512/2972/2972531.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

i.icon.engine_hours::before {
    opacity: 0;
}


i.icon.satellites {
   
         background-image: url(https://cdn-icons-png.flaticon.com/512/869/869181.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}


i.icon.satellites::before {
    opacity: 0;
}

.lang-list .lang-item .btn {
    border: none;
    background: transparent;
}

div#device-add-form-advanced .dropdown-menu ul li a {
    color: #3e3e3e;
    font-weight: 600;
}

div#device-add-form-advanced .dropdown-menu {
    background: #fff;
}

div#device-add-form-main .dropdown-menu ul li a {
    color: #3e3e3e;
    font-weight: 600;
}

div#device-add-form-main .dropdown-menu {
    background: #fff;
}

div#history_tab .dropdown-menu ul li a {
    color: #3e3e3e;
    font-weight: 600;
}




div#history_tab .dropdown-menu {
    background: #fff;
}




div#alerts-form-geofences .dropdown-menu ul li a {
    color: #3e3e3e;
    font-weight: 600;
}

div#alerts-form-geofences ul.dropdown-menu.inner {
      border-radius: 20px;
    border: 1px solid #e2e2e2;
}

div#alerts-form-geofences .dropdown-menu {
    background: #fff;
}


div#alerts-form-geofences .dropdown-menu ul li a {
    color: #3e3e3e;
    font-weight: 600;
}

div#alerts-form-geofences ul.dropdown-menu.inner {
      border-radius: 20px;
    border: 1px solid #e2e2e2;
}

div#alerts-form-geofences .dropdown-menu {
    background: #fff;
}





a[href="#pois_tab"] {
    display:none!important;

}

a[href="#pois_create"] {
    display:none!important;

}

a[href="#pois_edit"] {
    display:none!important;

}


a[href="#geofencing_tab"] {
    display:none!important;

}

a[href="#geofencing_create"] {
    display:none!important;

}

a[href="#geofencing_edit"] {
    display:none!important;

}


a[href="#routes_tab"] {
    display:none!important;

}

a[href="#routes_create"] {
    display:none!important;

}

a[href="#routes_edit"] {
    display:none!important;

}




.sign-in-layout .btn {
    font-size: 1.3em;
    font-weight: bold;
    border-radius: 10px;

}


input#sign-in-form-email {
    background-image: url(https://cdn-icons-png.flaticon.com/512/2258/2258570.png);
    background-size: 20px;
    background-position: 95% center;
    background-repeat: no-repeat;
}

input#sign-in-form-password {
    background-image: url(https://cdn-icons-png.flaticon.com/512/159/159604.png);
    background-size: 20px;
    background-position: 95% center;
    background-repeat: no-repeat;
}


.sign-in-layout .form hr {
    margin: 5px;
}


.sign-in-layout .form-control {
    font-size: 1.4em;
    height: 40px;
    font-weight: 600;
}

.sign-in-layout img.img-responsive.center-block {
    width: 200px;
}

.sign-in-layout .panel, body.sign-in-layout .plan {
    box-shadow: none!important;
}


.sign-in-layout .center-vertical {
    height: 100%!important;
}

.sign-in-layout .container {
    width: 400px;
    background: #fff;
    border-radius: 20px;
    margin-top: 20px;
    box-shadow: 0 50px 100px -20px rgba(50, 50, 93, 0.25), 0 30px 60px -30px rgba(0, 0, 0, 0.3);
}

.sign-in-layout .container .col-xs-12.col-sm-8.col-sm-offset-2.col-md-6.col-md-offset-3.col-lg-4.col-lg-offset-4 {
margin: 0!important;
    width: 100%;
    padding: 0;
    background: transparent;
}

.popup-body table {
    font-family: 'Open Sans', sans-serif;
}

.popup-body .table tbody>tr>th{
    font-weight:bold!important;
  color: #254b93;
}

.popup-header  .nav-default {
    background-color: transparent;

}


.popup-header {
    background: #ff0000;
}


.leaflet-popup-content {
    border-radius: 20px;
    overflow: hidden;
}

.popup-header .popup-title {
    background: transparent;
    color: #fff;
    font-size: 1.8em;
    padding: 5px 0px 5px 10px;
}


.nav-default>li.active:after {
      background: #fff;
}

.popup-header  .nav-tabs>li.active>a {
     background: transparent!important;
    border: none!important;
}


.popup-header .nav-default>li>a  {
    background: transparent;
   border: none;
}



.popup-header .nav-default>li>a i {
    color:#fff;
     
}

#sidebar a.btn-collapse {
      background: #ff0000;
    font-size: 1.4em;
    color: #fff;
  height: 60px;
    line-height: 60px;

  
      margin-left: 10px;
    width: 30px;
    border-radius: 30px;
}


#sidebar .btn-collapse:before, .btn-collapse.collapse-left:before {
   display:none;
}


#sidebar .btn-collapse:after, .btn-collapse.collapse-left:after {
   display:none;
}


#widgets .btn-collapse:before, .btn-collapse.collapse-top:before {
  display:none;
}

#widgets .btn-collapse:after, .btn-collapse.collapse-top:after {
   display:none;
}

#widgets .btn-collapse {
   width: 60px;
    background: #ff0000;
    font-size: 1.4em;
    color: #fff;
  border-radius: 30px;
  height:30px;
  line-height: 30px;
}

id#map-controls .dropdown-menu, .leaflet-control-layers .leaflet-control-layers-list {
    color: #fff;
}

.bootstrap-select>.dropdown-toggle {
    border-radius: 10px;
}

[data-device="preview"] a {
background: url(https://cdn-icons-png.flaticon.com/512/2991/2991231.png);
    background-repeat: no-repeat;
    height: 30px;
    width: 30px;
    border: none;
    background-size: cover;
}


[data-device="preview"] i {
    opacity: 0;
}


.modal-header button.close span {
    font-size: 2em;
    position: relative;
    top: -5px;
}

.modal-header button.close {
color: #08629a;
    opacity: 1;
    font-size: 1.8em;
    background: #fff;
    width: 35px;
    border-radius: 50px;
    height: 35px;
}

.modal-body .nav-default {
   background-color: #000000;
    padding: 10px;
    border-radius: 0px 0px 30px 30px;
}

table.table.table-list tr:nth-child(2n+2) {
    background: #f2f2f2;
}

.table.table-list>thead>tr {
    color: #fff;
    background-color: #ff0000!important;
}

.form-group label {
    font-weight: 600;
}
.form-control {
    border-radius: 7px;
    border: 1px solid #d4d4d4;
    background: transparent;
}

.modal-body  .nav-default>li.active:after {
   display:none;
}


.modal-body  .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
 background: transparent;
    color: #fff;
    border: 2px solid #ff0000;
}


.modal-body .nav-tabs>li {
    margin: 5px;
}

.modal-body .nav-tabs>li>a:hover {
    border: 2px solid #000000;
}

.modal-body .nav-tabs>li>a {
       border-radius: 30px;
    background: transparent;
    color: #ff0000;
   
    font-size: 1em;
    border: 2px solid #ffffff36;
  padding: 5px 10px;
}


.group-list>li.active [data-device="status"] {

   border:1px solid #ffffff61;
}

.group-list>li>:last-child {
    border: none;
}

.group-list>li.active>:last-child {
    border:none!important;
}

.group-list>li.active .name {
    
  font-weight:700!important;
   
}

.group-list>li.active .name [data-device=time] {
    
  font-weight:100!important;
   
}






.details .btn.icon {
    font-size: 1.2em;
    padding: 0;
    font-weight: bold;
}
.details .btn.icon:hover {
    background: transparent;
}

.btn-group.bootstrap-select.show-tick.form-control.multiexpand {
    background: transparent;
}




div#alerts-form-geofences .dropdown-menu ul li a {
    color: #3e3e3e;
    font-weight: 600;
}

div#alerts-form-geofences ul.dropdown-menu.inner {
      border-radius: 20px;
    border: 1px solid #e2e2e2;
}

div#alerts-form-geofences .dropdown-menu {
    background: #fff;
}


div#alerts-form-user .dropdown-menu ul li a {
    color: #3e3e3e;
    font-weight: 600;
}

div#alerts-form-user ul.dropdown-menu.inner {
      border-radius: 20px;
    border: 1px solid #e2e2e2;
}
div#alerts-form-user .dropdown-menu {
    background: #fff;
}


div#devices_groups_edit .dropdown-menu ul li a {
    color: #3e3e3e;
    font-weight: 600;
}

div#devices_groups_edit ul.dropdown-menu.inner {
      border-radius: 20px;
    border: 1px solid #e2e2e2;
}
div#devices_groups_edit .dropdown-menu {
    background: #fff;
}


div#devices_groups_create .dropdown-menu ul li a {
    color: #3e3e3e;
    font-weight: 600;
}

div#devices_groups_create ul.dropdown-menu.inner {
      border-radius: 20px;
    border: 1px solid #e2e2e2;
}
div#devices_groups_create .dropdown-menu {
    background: #fff;
}

.bs-searchbox input {
    border: 1px solid #d2d2d2!important;
    border-radius: 20px;
}

.modal-content {
    background: transparent;
    box-shadow: none;
    border: none;
  
}



.modal-body {
    background: #fff;

}

.modal-footer .btn {
    border-radius: 20px;
  text-align: right;
}
.modal-footer {
    background: #fff;
    text-align: center!important;
    border-radius: 0px 0px 30px 30px;
}

.modal-header h4 {
    font-size: 2em;
    font-weight: bold;
}
.modal-header i:before {
    color: #fff;
}

.modal-header {
   
    color: #fff;
    border-radius: 30px 30px 0px 0px;
    background: #000000;
 
  
}



button.actions-btn.bs-select-all.btn.btn-default {
    background: transparent;
    border: 1px solid #e0e0e0;
    border-radius: 20px!important;
}

button.actions-btn.bs-deselect-all.btn.btn-default {
     background: transparent;
    border: 1px solid #e0e0e0;
    border-radius: 20px!important;
}

.bootstrap-select.form-control.multiexpand .bs-actionsbox, .bootstrap-select.form-control.multiexpand .bs-searchbox input {
    background: #fff;
    border: none;
  margin-bottom: 10px;
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text::after, .bootstrap-select.btn-group.show-tick .leaflet-control-layers .leaflet-control-layers-list li a span.text::after, .leaflet-control-layers .bootstrap-select.btn-group.show-tick .leaflet-control-layers-list li a span.text::after {
 
    border-radius: 20px;
}


.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text::before, .bootstrap-select.btn-group.show-tick .leaflet-control-layers .leaflet-control-layers-list li a span.text::before, .leaflet-control-layers .bootstrap-select.btn-group.show-tick .leaflet-control-layers-list li a span.text::before {
  border-radius: 20px;
}


li.dropdown-header {
    background: #fff!important;
}

div#device_sharing .dropdown-menu>li>a:hover {
    background: transparent;
}

div#device_sharing ul.dropdown-menu.inner {
    border-radius: 20px;
    border: 1px solid #e2e2e2;
}

div#command-form-gprs .dropdown-menu>li>a:hover {
    background: transparent;
}


div#command-form-gprs .dropdown-menu>li>a {
    color: #000;
    font-weight: 600;
}

div#command-form-gpr .dropdown-menu>li>a:hover {
    background: #fff;
}


div#command-form-gprs .dropdown-menu {
    background: #fff;
}

div#device_sharing .dropdown-menu {
    background: #fff;
    margin: 0;
    padding: 0;
}

div#device_sharing .dropdown-menu>li>a {
    color: #000;
    font-weight: 600;
}

.dropdown-menu, .leaflet-control-layers .leaflet-control-layers-list {
    border: none;
   
    border-radius: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.group-list>li>.details>*+* {
    margin-left: 0px;
}


#widgets .table {
    font-size: 1.15em;
}
#widgets .table td:last-of-type {
    font-weight: 400;
    color: #4282bd;
}

.group-list li:hover .name {
    white-space: normal!important;
  font-weight:bold;
      line-height: 1;
  margin-bottom:5px;
}

.group-list li:hover .name [data-device=time] {
    font-size: 0.9em;
    color: #ff0000;
    font-weight: 700;
    line-height: 1;
    width: 100px;
  margin-bottom: 5px;
    margin-top: 4px;
}


.btn-group.dropleft.droparrow.open .dropdown-menu {
   
    border: none;
    border-radius: 15px;
}


ul.dropdown-menu.dropdown-menu-left {
  
    border: none;
    border-radius: 15px;
}

ul.dropdown-menu.dropdown-menu-right {
 
    border: none;
    border-radius: 15px;
}



#header .main-navbar .navbar-nav>.open>a, #header .main-navbar .navbar-nav>.open>a:focus, #header .main-navbar .navbar-nav>.open>a:hover, .navbar-main .navbar-nav>.open>a, .navbar-main .navbar-nav>.open>a:focus, .navbar-main .navbar-nav>.open>a:hover {
 color: #ff0000;
}

#header .main-navbar .navbar-nav>li>a:focus, #header .main-navbar .navbar-nav>li>a:hover, .navbar-main .navbar-nav>li>a:focus, .navbar-main .navbar-nav>li>a:hover {
    color: #ff0000;
  background-color: transparent;
}

[data-modal="language-selection"] {
    text-align: center;
    background: #ff0000;
    padding: 0px!important;
    border-radius: 100px;
    margin-left: 5px;
    width: 35px;
    height: 35px;
    top: 5px;
    margin-right: 5px;
    line-height: 35px!important;
}

[data-modal="language-selection"] img {
    border: none!important;
    padding: 0!important;
}



[data-modal="chat"] {
background: #ff0000;
    border-radius: 100px;
    width: 35px;
    height: 35px;
    padding: 0!important;
    line-height: 35px!important;
    text-align: center;
    position: relative;
    top: 5px;
      right: -1px;
  margin-left: 5px;
}



[id="dropMyAccount"] {
background: #ff0000;
    border-radius: 100px;
    width: 35px;
    height: 35px;
    padding: 0!important;
    line-height: 35px!important;
    text-align: center;
    position: relative;
    top: 5px;
      right: -1px;
  margin-left: 5px;
  
}





[data-original-title="Administrador"] {
background: #ff0000;
    border-radius: 100px;
    width: 35px;
    height: 35px;
    padding: 0!important;
    line-height: 35px!important;
    text-align: center;
    position: relative;
    top: 5px;
      right: -1px;
  margin-left: 5px;
}

[data-modal="my_account_settings_edit"] {
background: #ff0000;
    border-radius: 100px;
    width: 35px;
    height: 35px;
    padding: 0!important;
    line-height: 35px!important;
    text-align: center;
    position: relative;
    top: 5px;
      right: -1px;
  margin-left: 5px;
}






[data-original-title="ADMIN"] {
background: #ff0000;
    border-radius: 100px;
    width: 35px;
    height: 35px;
    padding: 0!important;
    line-height: 35px!important;
    text-align: center;
    position: relative;
    top: 5px;
      right: -1px;
  margin-left: 5px;
}



[data-original-title="Herramientas"] {
background: #ff0000;
    border-radius: 100px;
    width: 35px;
    height: 35px;
    padding: 0!important;
    line-height: 35px!important;
    text-align: center;
    position: relative;
    top: 5px;
      right: -1px;
  margin-left: 5px;
}


#map-controls {
    z-index: 1000;
   top: 2px;
    right: 50%;
    transform: translateX(50%);
  
}


#map-controls .btn.active {
  border: 2px solid #ff0000;
    background: #ff0000;
    color: #fff;

}


#map-controls .btn:hover {
    transition: 0.5s all ease;
   border: 2px solid #ff0000;
transform: translateY(-3px);
}



#map-controls .btn {
  transition: 0.9s all ease;
  border: 2px solid #f1f1f1;
    border-radius: 10px;
  line-height: 30px;
  background: #fff;
  color: #00528e;
      margin: 3px;
  box-shadow:none;
}

[onclick="app.history.get()"] {
    border-radius: 20px;
}

div#history_tab .dropdown .btn-default {
    border-radius: 25px;
}

[onclick="app.history.clear()"] {
    border-radius: 25px!important;
}

#sidebar [data-device=speed] {
    font-weight: bold;
    font-size: 1em;
    color: #4282bd;
}


[title="Motor"] {
    background-image: url(https://barolit.com/wp-content/uploads/2021/06/wifi.png);
    background-size: 14px;
   
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    border: none;
   background-position: center;
  
  
}


[title="Detenido"] {
    background-image: url(https://barolit.com/wp-content/uploads/2021/06/wifi.png);
    background-size: 14px;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    border: none;
    background-position: center;
    background-color: #ffd512!important;
}

[title="En Movimiento"] {
       background-image: url(https://barolit.com/wp-content/uploads/2021/06/wifi.png);

    background-size:15px;
   
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    border: none;
    background-position: center;

   
}

[title="En Reposo"] {
    background-image: url(https://barolit.com/wp-content/uploads/2021/06/wifi.png);
    background-size: 14px;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    border: none;
    background-position: center;
    background-color: #f77a22!important;
}

.btn-action, .btn-primary {
   
    background-color: #ff0000;
    border-color: #ff0000;
}

.nav-tabs>li>a {
    margin-right: 0px;
}

.group-heading>.group-title {
    font-weight: bold;
}


.checkbox label::after {
        border-radius: 20px!important;
    box-shadow: 0px 5px 8px #ff00004d;
}

.checkbox label::before {
    border-radius: 20px;
}


#sidebar .group {
  margin: 5px;
    border: 1px solid #ebebeb;
    border-radius: 20px;
    overflow: hidden;
}

#widgets .table tr>td {
    border: none;
}

#widgets .widget-title .icon {
    border-radius: 100px;
    background: #ff0000;
    width: 25px;
    height: 25px;
    display: inline-block;
    color: #fff;
    line-height: 25px;
    text-align: center;
}

#widgets .widget>.widget-heading {
    background: black;
    border: none;
    font-weight: bold;
    color: #ffffff;
}

#widgets .widget {
    border: none;
    margin: 10px;
    background: #fff;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0px 5px 10px #ff00004d;
}


#widgets .widgets-content {
    
    background:transparent!important;
 
}

#sidebar ul.nav.nav-tabs.nav-default {
  border-radius: 20px;
    background: #fff;
    box-shadow: 9px 11px 30px #00000017;
      padding: 5px;
}

#sidebar div#objects_tab  .form-group.search:after {
      line-height: 35px;
    font-size: 1.4em;
    margin-right: 0px;
}


#sidebar div#objects_tab .bs-searchbox:after {
    line-height: 50px;
    font-size: 2em;
    margin-right: 5px;
}


#sidebar  .form-group.search input {
 margin-top: 2px;
    border-radius: 99px;
}

#sidebar div#objects_tab .input-group-btn {
    display: inline-block;
    width: 100%;
    margin-top: 10px;

}


#sidebar div#objects_tab .input-group-btn button {
    margin-left: 0;
   
    border: none;
    border-radius: 20px;
}

#sidebar div#objects_tab .input-group-btn a {
  
    border: none;
    margin: 0;
    border-radius: 40px;
    margin-right: 5px;
}


#header.folded .navbar .navbar-brand, #header.folded .navbar .navbar-nav {
    border: none;
}

#sidebar .tab-content {
    width: 200px;
    position: absolute;
    right: 0;
   float: right;
}

/* #sidebar li.hidden a {
   
    color: #000;
}

#sidebar li.hidden{
   display:block!important;
}

#sidebar li.hidden a[href="#alerts_tab"]::after {
    content: 'Alertas';
}

#sidebar li.hidden a::after {
    content: 'Testing';
} */

.sidebar-content ul.nav.nav-tabs.nav-default a[href="#routes_tab"] {
   background-image: url(https://cdn-icons-png.flaticon.com/512/716/716014.png)!important;
    background-repeat: no-repeat!important;
    background-size: 40px!important;
    background-position: center 15px!important;
   background: #f08f48;
  filter:invert(1);
  opacity:0;
}



.sidebar-content ul.nav.nav-tabs.nav-default a[href="#geofencing_tab"] {
   background-image: url(https://cdn-icons-png.flaticon.com/512/716/716014.png)!important;
    background-repeat: no-repeat!important;
    background-size: 40px!important;
    background-position: center 15px!important;
   background: #f08f48;
  filter:invert(1);
  opacity:0;
}


.sidebar-content ul.nav.nav-tabs.nav-default a[href="#geofencing_create"] {
   background-image: url(https://cdn-icons-png.flaticon.com/512/716/716014.png)!important;
    background-repeat: no-repeat!important;
    background-size: 40px!important;
    background-position: center 15px!important;
   background: #f08f48;
  filter:invert(1);
  opacity:0;
}

.sidebar-content ul.nav.nav-tabs.nav-default a[href="#geofencing_edit"] {
   background-image: url(https://cdn-icons-png.flaticon.com/512/716/716014.png)!important;
    background-repeat: no-repeat!important;
    background-size: 40px!important;
    background-position: center 15px!important;
   background: #f08f48;
  filter:invert(1);
  opacity:0;
}

.sidebar-content ul.nav.nav-tabs.nav-default a[data-modal="alerts"]::before {
    color: #ff0000;
    content: "\ea1b";
    font-family: remixicon!important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 32px;
    display: block;
    font-weight: 100;
    line-height: 1;
}

.sidebar-content ul.nav.nav-tabs.nav-default a[href="#history_tab"]::before {
    color: #ff0000;
    content: "\ee17";
    font-family: remixicon!important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 32px;
    display: block;
    font-weight: 100;
    line-height: 1;
}
.sidebar-content ul.nav.nav-tabs.nav-default a[href="#objects_tab"]::before {
    color: #ff0000;
    content: "\f090";
    font-family: remixicon!important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 32px;
    display: block;
    font-weight: 100;
    line-height: 1;
}

.sidebar-content ul.nav.nav-tabs.nav-default a[href="#events_tab"]::before {
    color: #ff0000;
    content: "\eb21";
    font-family: remixicon!important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 32px;
    display: block;
    font-weight: 100;
    line-height: 1;
}

.sidebar-content ul.nav.nav-tabs.nav-default a[data-modal="send_command"]::before {
    color: #ff0000;
    content: "\f1f6";
    font-family: remixicon!important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 32px;
    display: block;
    font-weight: 100;
    line-height: 1;
}

.sidebar-content ul.nav.nav-tabs.nav-default a[data-modal="reports_create"]::before {
    color: #ff0000;
    content: "\ea96";
    font-family: remixicon!important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 32px;
    display: block;
    font-weight: 100;
    line-height: 1;
}

#sidebar .nav-tabs>li.active>a {
    opacity: 1;
    background: #fff;
    border: 2px solid #ff0000!important;
    font-weight: bold;
    border-radius: 15px;
 
}

#sidebar .nav-default>li>a:hover {
      opacity: 1;
   
}

#sidebar .nav-default>li>a {
  
    margin: 5px;
  
    opacity: 0.5;
    border: 2px solid #f2f2f2;
    background: transparent;
    color: #aaa;
    font-size: 1.1em;
 
    padding: 10px 5px;
    background-position: center 5px!important;
    background-size: 29px!important;
    border-radius: 15px;
}

#sidebar .nav-tabs>li {
    display: inline-block;
width: 33.3%;
      float: left;
}

#header.folded .navbar:hover {
    box-shadow: 0px 10px 20px #0000005c;
    transition: 0.3s all ease;
}

#header.folded .navbar {
    background-color: #fff;
    box-shadow: 0px 5px 10px #00000012;
    transition: 2s all ease;
    cursor: pointer;
}




#header.folded .navbar .navbar-nav:before {
  display:none;
}

#header.folded .navbar .navbar-brand:before {
     display:none;
}



#sidebar .tab-content {
    float: right;
    background: #fff;
    border-radius: 20px;
    box-shadow: 9px 11px 30px #00000017;
    margin-top: 10px;
  width: 100%;
}




#sidebar  {
    border-radius: 20px;
   
    max-height: calc(100% - 70px);
    
        margin: 10px;
    top: 40px;
 
  
}



@media only screen and (max-width: 600px) {
  

  
  .navbar-collapse.in {
    overflow-y: visible;
}
  
  #map-controls div button {
    float: unset;
}
#map-controls div {
    float: unset;
}


#map-controls label {
    float: unset;
}

#map-controls {
    z-index: 555;
    top: 55px;
    right: 10px;
    transform: translateX(0%);
}

  
  
#header .main-navbar, .navbar-main {
    font-size: 13px;
    background-color: transparent!important;
    border-color: #d9d9d9;
}
  .navbar-header {
    background: #fff;
    
}
  
  ul.nav.navbar-nav.navbar-right {
    background: #fff;
    margin: 10px 0px;
    border-radius: 20px;
    padding: 0px;
        box-shadow: 0px 20px 30px #00000061;
}
  
  
  #header.folded .navbar {
    box-shadow:none!important;
    border: none;
  }
  
  ul.nav.navbar-nav.navbar-right  .icon+.text {
margin-left: 40px;
    position: relative;
    top: -35px;
    width: 120px;
    display: flex;
}

  [data-modal="language-selection"] {
padding: 0!important;
    width: 50px;
    height: 50px;
    position: fixed!important;
    top: 70px;
    right: 25px;
    background: #fff;
}
  
  [data-modal="language-selection"] img {
    border: none!important;
    padding: 0!important;
    width: 30px;
    margin-top: 12px;
}
  
  ul.nav.navbar-nav.navbar-right li {
    margin-bottom: 0px;
}
  
  
  ul.dropdown-menu.dropdown-menu-right li .text {
    top: -15px!important;
    
}

ul.dropdown-menu.dropdown-menu-right li {
    height: 20px;
}


ul.dropdown-menu.dropdown-menu-right li a .icon {
    font-size: 1.5em;
    background: #fff;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    padding: 5px;
    color: #ff0000;
}
  
    ul.nav.navbar-nav.navbar-left li {
    margin-bottom: 10px;
}
  
  
  ul.dropdown-menu.dropdown-menu-left li .text {
    top: -15px!important;
   
}

ul.dropdown-menu.dropdown-menu-left li {
    height: 20px;
}


ul.dropdown-menu.dropdown-menu-left li a .icon {
    font-size: 1.5em;
   
    width: 20px;
    height: 20px;
    border-radius: 20px;
    padding: 5px;
    color: #000;
}
  
  
ul.dropdown-menu.dropdown-menu-left a[href="#objects_tab"] {
    background-image: unset!important;

    background: transparent;
    filter: unset;
}

  .bootstrap-select.form-control.multiexpand .bs-actionsbox, .bootstrap-select.form-control.multiexpand .bs-searchbox {
    width: 100%;
}
  
button.navbar-toggle {
  border: none;
    background: transparent!important;
    border-radius: 100px;
    height: 30px;
    width: 32px;
    color: gray;
}
  
  

  
  button.navbar-toggle .icon-bar {
    background-color: #a9a9a9!important
}
  
  .navbar-toggle .icon-bar+.icon-bar {
    margin-top: 6px;
}

.navbar-toggle .icon-bar {
 
    width: 26px;
   
}
  
  #widgets .btn-collapse {
    left: 10px;
}
  


  
  #sidebar ul.nav.nav-tabs.nav-default {
    zoom: 0.9;
}
  
}

.leaf-device-marker .name i {
    background: #000000;
    color: #fff;
    border: none;
  border-radius: 10px;
    padding: 5px;
}

.leaf-device-marker .name:after {
    border-top-color: #000000;
}