.sidebar.left.collapsed {
    width: 0 !important;
}


.colorpicker {
  
  z-index: 1111111!important;
}


.time_options a:first-of-type {
    border-radius: 15px 0px 0px 15px;
}

.time_options a:last-of-type {
    border-radius: 0px 15px 15px 0px;
}

.time_options a.active {
    background: #024396;
    color: white;
    font-weight: bold;
}
.time_options a {
    border: 1px solid #024396;
    width: 25%;
    display: inline-block;
    padding: 10px;
    text-align: center;
    cursor: pointer;
    font-size: 2em;
    text-decoration: none;
    color: #024396;
}
#swal2-html-container {
    text-align: left;
}

.swal2-container.swal2-center.swal2-backdrop-show {
    z-index: 111111;
}

.swal2-container.swal2-center>.swal2-popup {
    grid-column: 2;
    grid-row: 1;
    -webkit-writing-mode: horizontal-tb;
    place-self: center center;
    zoom: 1.3;
    padding: 15px;
}

.share_whatsapp {
    border-radius: 99px;
    border: none;
    margin-left: 10px;
}

#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;
}

.express .btn-group.bootstrap-select.show-tick.form-control.multiexpand {
  
  display: none;
}



form.leaflet-control-layers-list div span {
    color: gray;
}



.modal-body .nav-tabs>li>a {
    background: transparent;
    border: 2px solid #f3f3f3;
    border-radius: 99px;
}

.device_logo {
  float: left;
    width: 60px;
}

#sidebar ul.nav.nav-tabs.nav-default li:first-of-type a {
    border-radius: 0px 30px 0px 0px;
}

#sidebar .sidebar-content {
    background: #ffffffb0;
    border-right: 1px solid #d9d9d9;
    width: 100%;
    height: 100%;
    max-width: 100%;
    backdrop-filter: blur(8px);
}

#header .main-navbar .navbar-nav>li>a>.icon, .navbar-main .navbar-nav>li>a>.icon {
    color: #034399;
 font-size: large;
}

#header.folded .navbar .navbar-brand, #header.folded .navbar .navbar-nav {
      
        background-color: transparent;
    }

#header.folded:before {
           display: none;
    }

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

#toast-container>.toast-info {
    background-color: white;
    color: black;
    box-shadow: none !important;
    opacity: 0.9;
    border-radius: 10px;
    line-height: 1.1;
    padding: 10px;
}

.toast-top-right {
    top: 60px;
    right: 50px;
}

.toast-close-button {
    color: red;
}

.bs-searchbox:before, .form-group.search:before {
    right: 0 !important;
    left: unset;
    font-size: 2em;
    top: 10px;
    opacity: 0.3;
}

.tab-content.show_content {
    border-radius: 19px!important;
}

#widgets .widget>.widget-heading {
    cursor: pointer;
}

#widgets .widget:hover .widget-heading {
    background: #024398;
    transition: 0.3s all ease;
}

#widgets .widget:hover .widget-heading .widget-title {
    color: white;
}

#widgets .widget .widget-heading {
 
    transition: 0.5s all ease;
}


.widgets-content.show_widget .widget-body {
    height: 0!important;
    padding: 0px 12px!important;
}



.dropdown-menu>li>a, .leaflet-control-layers .leaflet-control-layers-list>li>a {
    transition: 0.2s all ease;
}

#bottombar {

    z-index: 111111 !important;
}

#sidebar .nav-default>li:last-child a {
    border-radius: 0px 0px 30px 0px;
    padding-bottom: 20px;
}

.modal-scrollable {
    z-index: 11111111 !important;
}

.img_profile img {
    width: 70px;
    display: block;
    margin: auto;
}

#map-controls .btn-group-vertical {
   margin-bottom: 0px;
}

a.whatsapp_top {
    margin-left: 110px;
    font-size: 2.2em;
    color: #bfbfbf;
}

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


div#widget-gprs-command table tr.alarmArm, div#widget-gprs-command table tr.alarmDisarm, div#widget-gprs-command table tr.requestPhoto, div#widget-gprs-command table tr.positionStop, div#widget-gprs-command table tr.positionSingle {
    display: none;
}

div#widget-gprs-command table tr.whatsappBtn td button {
    background-image: url(https://cdn-icons-png.flaticon.com/512/1828/1828874.png);
   
}

div#widget-gprs-command table tr.engineStop td button {
    background-image: url(https://cdn-icons-png.flaticon.com/512/9343/9343760.png);
    filter: hue-rotate(266deg) contrast(1) saturate(4);
}

div#widget-gprs-command table tr.engineResume td button {
    background-image: url(https://cdn-icons-png.flaticon.com/512/9343/9343760.png);
    
}

div#widget-gprs-command table tr.template_3 td button {
    background-image: url(https://panel.gts.do/public/images/engineon.png);
    
}

div#widget-gprs-command table tr.template_1 td button {
    background-image: url(https://panel.gts.do/public/images/refresh.png);

}


div#widget-gprs-command table tr button i {
    display: none;
}

div#widget-gprs-command table tr td .send-command {
    width: 100%;
    height: 70px;
    border-radius: 8px;
}

div#widget-gprs-command table tr td[rel="tooltip"] {
width: 80px;
    max-width: 80px;
    padding-bottom: 0px;
    margin-top: 39px;
    text-align: center;
}

div#widget-gprs-command table tr {
    width: 33.3%;
    float: right;
}

div#widget-gprs-command table tbody {
   display: flex;
    width: 100%;
}

#widgets .widget-gprs-command .table td+td {
display: block;
    width: 100%!important;
    max-width: 100%;
}


div#widget-gprs-command table tr td button {
   
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: center;
background-size: 45px;
}


#header .navbar .navbar-brand {
    padding-left: 340px;
}

.sidebar_close a.whatsapp_top {
   margin-left: 0px!important;
}

.sidebar_close .navbar .navbar-brand {
    padding-left: 20px!important;
}

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

div#device_add_btn {
    width: 50%;
}

[data-modal="devices_create"] {
    width: 100% !important;
}

[data-original-title="Vehículos"] {
    display: none !important;
}

.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: #024396;
  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: #024396;
  color:#fff;
}


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


.details a[data-modal="send_command"] {
    background: #fff!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;
}



.sidebar-content a[data-modal="send_command"] {
    background-image: url(https://cdn-icons-png.flaticon.com/512/614/614515.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/841/841791.png)!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://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 .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: #024396;
}


.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 {
   display: none;
}

.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: #024396;
    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: #024396;
    font-size: 1.4em;
    color: #fff;
  border-radius: 30px;
  height:30px;
  line-height: 30px;
  display: none;
}

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: transparent;
    padding: 10px;
}

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

.table.table-list>thead>tr {
    color: #fff;
    background-color: #024396!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 #024396;
}


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

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

.modal-body .nav-tabs>li>a {
    
    background: transparent;
  
}


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

.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;
    border-radius: 30px;
  box-shadow: 0 15px 35px rgb(0 0 0 / 19%);
  -webkit-box-shadow: 0 15px 35px rgb(0 0 0 / 19%);
  -moz-box-shadow: 0 15px 35px rgb(0 0 0 / 19%);
}

.modal-header {
    background: #024396;
    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: #024396;
    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;
   
    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: #024396;
    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;
    background-color: #f2f2f2 !important;
    border-radius: 10px;
    margin: 0px 5px;
}


.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-radius: 15px;
}










#map-controls {

    top: 7%;
    right: 5px;
  
}


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



#map-controls .btn {
    border-radius: 8px;
    margin-bottom: 5px;
  background: #fff;
  color: #a4a4a4;
  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://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;
   
  
}

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

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

[title="Desconectado"] {
      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;

}

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

.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 #0243964d;
}

.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: #024396;
    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: #ffffffb3;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0px 5px 10px #0243964d;
    backdrop-filter: blur(8px);
}

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

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

#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, .bs-searchbox>.form-control, .form-group.search>.form-control {
   text-indent: 5px;
    font-size: 1.5em;
    height: 50px;
    margin-top: 2px;
    border: none;
    border-bottom: 1px solid #ddd;
    padding: 0px;
}

#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';
}

#sidebar 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 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 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 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 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);
}


#sidebar a[href="#history_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);
}

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

#sidebar a[href="#events_tab"] {
   background-image: url(https://cdn-icons-png.flaticon.com/512/1356/1356635.png)!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: #eca952!important;
  border:none!important;
  font-weight: bold;
}



#sidebar .nav-default>li>a {
   border: none !important;
    background: #fdbc69;
    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: rgb(255,255,255);
background: -moz-linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.7120098039215687) 100%);
background: -webkit-linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.7120098039215687) 100%);
background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.7120098039215687) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
    box-shadow: none !important;
    transition: 2s all ease;
    cursor: pointer;
    backdrop-filter: blur(5px);
    border-bottom: 1px solid #ffffffc7;
}


#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 {
    max-height: calc(100% - 0px);
    width: 330px;
    z-index: 1111111;
    box-shadow: 0px 10px 40px #0000004f;
}



@media only screen and (max-width: 600px) {
  
  
  .navbar-toggle .icon-bar {

    width: 25px;
    height: 4px;
  
}
  
  #header .main-navbar .navbar-nav>li>a .icon, .navbar-main .navbar-nav>li>a .icon {
    display: block;
}
  
 #header .main-navbar .navbar-nav>li>a, .navbar-main .navbar-nav>li>a {

    text-align: center;
    margin: 5px;
    border: 1px solid #ddd;
    border-radius: 12px;
    padding: 10px 0px;
    line-height: 1.5;
}
  
  #header .navbar-nav>li {
    width: 33%;
    float: right;
}
  
#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: 0px -15px;
        border-radius: 0px 0px 30px 30px;
            padding: 10px;
}
  
  
  #header.folded .navbar {
    box-shadow:none!important;
    border: none;
  }
  



 


  .bootstrap-select.form-control.multiexpand .bs-actionsbox, .bootstrap-select.form-control.multiexpand .bs-searchbox {
    width: 100%;
}
  
  
  #map-controls {

    right: 10px;
}
  
    button.navbar-toggle {
    border: none;
    margin-right: 10px;
}
  
  

  

  
  #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;
}