.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/744/744792.png?w=740);
  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://img.icons8.com/ios-filled/344/door-ajar.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: #0f70b7;
  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: #0f70b7;
  color:#fff;
}


[data-modal="events_do_destroy"] {
     border-radius: 40px!important;
    width: 48%;
    margin: 0;
    background-color: #0f70b7;
  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/1455/1455318.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?w=740);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}


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



i.icon.odometer {
    background-image: url(https://img.icons8.com/external-flaticons-flat-flat-icons/344/external-kmh-motor-sports-flaticons-flat-flat-icons.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/3103460.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/1177/1177920.png?w=740);
  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/4552/4552574.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/2274/2274721.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;
}



.sidebar-content a[data-modal="send_command"] {
    background-image: url(https://cdn-icons-png.flaticon.com/512/733/733476.png)!important;
    background-repeat: no-repeat!important;
    background-size: 40px!important;
    background-position: center 15px!important;
    background: #f08f48;
    filter: invert(1);
}



.sidebar-content a[data-modal="reports_create"] {
    background-image: url(https://cdn-icons-png.flaticon.com/512/1246/1246942.png?w=740)!important;
    background-repeat: no-repeat!important;
    background-size: 40px!important;
    background-position: center 15px!important;
    background: #f08f48;
    filter: invert(1);
}


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://image.flaticon.com/icons/svg/2258/2258570.svg);
    background-size: 20px;
    background-position: 95% center;
    background-repeat: no-repeat;
}

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


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

.sign-in-layout .panel-background {
 background: rgb(255,255,255);
background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 47%, rgba(255,255,255,0) 100%)!important;
background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 47%, rgba(255,255,255,0) 100%)!important;
background: linear-gradient(180deg, rgba(255,255,255,1) 47%, rgba(255,255,255,0) 100%)!important;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1)!important;
  
}

.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 {

    height: 100%;
    width: 300px;
    background: #fff;
    margin: unset;
    padding: 0;
    background-image: url(https://barolit.com/wp-content/uploads/2021/05/bg-scaled.jpg);
    background-size: cover;
    background-repeat: no-repeat;
  

}

.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: #0f70b7;
}


.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: #0f70b7;
    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: #0f70b7;
    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/854/854878.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: #010d17;
    padding: 10px;
}

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

.table.table-list>thead>tr {
    color: #fff;
    background-color: #1071b7!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: #fff;
  color:#000;
  border: 2px solid transparent;
}


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

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

.modal-body .nav-tabs>li>a {
       border-radius: 30px;
    background: transparent;
    color: #fff;
   
    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;
   
}


.group-list>li.active span {
    color: #fff!important;

   
}


.group-list>li.active {
    color: #fff;
    background: #073b64;
}

.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-header {
    background: #1071b7;
    color: #fff;
    border-radius: 30px 30px 0px 0px;
}

.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 {
    background: #1071b7;
    color: #fff;
}

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;
    background: #00528e;
    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: 600;
    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: #1071b7;
    font-weight: 700;
    line-height: 1;
    width: 100px;
  margin-bottom: 5px;
    margin-top: 4px;
}
.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 {
    text-decoration: none;
    color: #fff;
    background-color: #073b64;
  border-radius: 20px;
}


.btn-group.dropleft.droparrow.open .dropdown-menu {
    color: #fff;
    background: #00528e;
    border: none;
    border-radius: 15px;
}


ul.dropdown-menu.dropdown-menu-left {
    color: #fff;
    background: #00528e;
    border: none;
    border-radius: 15px;
}

ul.dropdown-menu.dropdown-menu-right {
   color: #fff;
    background: #00528e;
    border: none;
    border-radius: 15px;
}

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

#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 {
 background: #073b64;
}

#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 {
    background: #073b64;
}

[data-modal="language-selection"] {
    text-align: center;
    background: #1071b7;
    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;
}

span.icon.chat:before {
    opacity: 0;
}

span.icon.chat {
    background-image: url(https://cdn-icons-png.flaticon.com/512/5167/5167069.png);
    background-size: contain;
    filter: invert(1);
    background-repeat: no-repeat;
}


[data-modal="chat"] {
background: #1071b7;
    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;
}


span.icon.account:before {
    opacity: 0;
}

span.icon.account {
    background-image: url(https://cdn-icons-png.flaticon.com/512/1251/1251068.png?w=740);
    background-size: contain;
    filter: invert(1);
    background-repeat: no-repeat;
}

[id="dropMyAccount"] {
background: #1071b7;
    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;
  
}



span.icon.setup:before {
    opacity: 0;
}

span.icon.setup {
    background-image: url(https://cdn-icons-png.flaticon.com/512/1251/1251641.png?w=740);
    background-size: contain;
    filter: invert(1);
    background-repeat: no-repeat;
}

[data-modal="my_account_settings_edit"] {
background: #1071b7;
    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;
}


span.icon.admin:before {
    opacity: 0;
}

span.icon.admin {
    background-image: url(https://cdn-icons-png.flaticon.com/512/1819/1819882.png);
    background-size: contain;
    filter: invert(1);
    background-repeat: no-repeat;
}



[data-original-title="ADMIN"] {
background: #1071b7;
    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;
}

span.icon.tools:before {
    opacity: 0;
}

span.icon.tools {
    background-image: url(https://cdn-icons-png.flaticon.com/512/204/204112.png?w=740);
    background-size: contain;
    filter: invert(1);
    background-repeat: no-repeat;
}

[data-original-title="Herramientas"] {
background: #1071b7;
    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 {

    top: 7%;
    right: 5px;
  
}


#map-controls .btn.active {
   
  background: #073b64;
}



#map-controls .btn {
    border-radius: 5px;
    margin-bottom: 3px;
  background: #fff;
  color: #00528e;
  box-shadow: 0px 5px 5px #00528e26;
}

[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://serverusa.digital/images/iconos/wifi.png);
    background-size: 20px;
   
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    border: none;
   background-position: center;
  
  
}

[title="Detenido"] {
      background-image: url(https://serverusa.digital/images/iconos/wifi.png);

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

[title="Conectado"] {
       background-image: url(https://cdn-icons-png.flaticon.com/512/892/892666.png);

    background-size:24px;
   
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    border: none;
    background-position: center;
   
}

[title="Desconectado"] {
      background-image: url(https://serverusa.digital/images/iconos/wifi.png);

    background-size: 20px;

    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    border: none;
    background-position: center;

}

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

.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 #0f70b74d;
}

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


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

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

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

#widgets .widget>.widget-heading {
    background: transparent;
    border: none;
    font-weight: bold;
    color: #254b93;
}

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


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

#sidebar ul.nav.nav-tabs.nav-default {
   background: #073b64;
}

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


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


#sidebar div#objects_tab .form-group.search input {
    font-size: 1.5em;
    height: 50px;
  margin-top: 2px;
}

#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;
    width: 50%;
    border: none;
    border-radius: 20px;
}

#sidebar div#objects_tab .input-group-btn a {
    width: 48%;
    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 {
    width: 80px;
    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';
}

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



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


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

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

a[href="#alerts_tab"] {
   background-image: url(https://cdn-icons-png.flaticon.com/512/1827/1827422.png)!important;
    background-repeat: no-repeat!important;
    background-size: 40px!important;
    background-position: center 15px!important;
   background: #f08f48;
  filter:invert(1);
}


a[href="#history_tab"] {
   background-image: url(https://cdn-icons-png.flaticon.com/512/32/32223.png)!important;
    background-repeat: no-repeat!important;
    background-size: 40px!important;
    background-position: center 15px!important;
   background: #f08f48;
  filter:invert(1);
}

a[href="#objects_tab"] {
   background-image: url(https://cdn-icons-png.flaticon.com/512/89/89102.png)!important;
    background-repeat: no-repeat!important;
    background-size: 60px!important;
    background-position: center 10px!important;
   background: #f08f48;
  filter:invert(1);
}

a[href="#events_tab"] {
   background-image: url(https://cdn-icons-png.flaticon.com/512/637/637101.png?w=826)!important;
    background-repeat: no-repeat!important;
    background-size: 35px!important;
    background-position: center 20px!important;
   background: #f08f48;
  filter:invert(1);
}


#sidebar .nav-tabs>li.active>a {
    background-color: #ffad71!important;
  border:none!important;
  font-weight: bold;
}



#sidebar .nav-default>li>a {
    border: none!important;
    background: transparent;
    color: #000;
    font-size: 1.1em;
    padding-top: 60px!important;
    border-bottom: 1px solid #00000024!important;
      padding: 10px 5px;
}

#sidebar .nav-tabs>li {
    display: inline;
}

#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 ul.nav.nav-tabs.nav-default {
    width: 80px;
    float: left;
    z-index: 111111;
    position: relative;
  height: 100%;
}

#sidebar .tab-content {
    float: right;
    width: 249px;
}




#sidebar  {
  top:40px;
    max-height: calc(100% - 0px);
    width: 330px;
}



@media only screen and (max-width: 600px) {
#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: #1071b7;
    margin: 10px 0px;
    border-radius: 20px;
    padding: 10px;
}
  
  
  #header.folded .navbar {
    box-shadow:none!important;
    border: none;
  }
  


[data-modal="chat"] {
    filter: invert(1) saturate(0) brightness(2);
}

[id="dropMyAccount"] {
   filter: invert(1) saturate(0) brightness(2);
}

[data-modal="my_account_settings_edit"] {
    filter: invert(1) saturate(0) brightness(2);
}

[data-original-title="ADMIN"] {
    filter: invert(1) saturate(0) brightness(2);
}

[data-original-title="Herramientas"] {
    filter: invert(1) saturate(0) brightness(2);
}

  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: 10px;
}
  
  
  ul.dropdown-menu.dropdown-menu-right li .text {
    top: -15px!important;
    color: #fff;
}

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: #000;
}
  
  
  
  
    ul.nav.navbar-nav.navbar-left li {
    margin-bottom: 10px;
}
  
  
  ul.dropdown-menu.dropdown-menu-left li .text {
    top: -15px!important;
    color: #fff;
}

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


ul.dropdown-menu.dropdown-menu-left li a .icon {
    font-size: 1.5em;
    background: #fff;
    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: #125da3!important;
    border-radius: 100px;
    height: 30px;
    width: 32px;
}
  
  

  
  button.navbar-toggle .icon-bar {
    background-color: #fff!important
}
  
  #widgets .btn-collapse {
    left: 10px;
}
  

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

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

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