/* GENERAL STRUCTURE */
body {
  background: var(--body-background) !important;
}

.page-header.navbar {
  background-color: var(--header-background) !important;
}

.page-footer{
  background-color: var(--footer-background) !important;
}

.btn-color1-light {
  background-color: var(--button-background);
  border:1px solid var(--button-border);
  color: var(--button-color);
}

.btn-color1-light:hover {
  background-color: var(--button-hover);
}



.page-quick-sidebar,
.page-quick-sidebar-wrapper,
.page-quick-sidebar-chat,
.page-quick-sidebar .nav-justified > li.active > a {
  background: var(--right-sidebar-background) !important;
  color: var(--right-sidebar-color);
}

.page-quick-sidebar .nav-justified > li > a {
  background: var(--right-sidebar-item) !important;
}

.bg-vehicle-card {
  color: var(--color1-light) !important;
  background: var(--color3-dark) !important;
} 

.panel-monitor {
  font-size: 10px;
}

.bg-sidebar-toggler {
  background-color: var(--color2-dark) !important;
  color: var(--color3-dark) !important;
}

.format-search {
  position: relative;
  top: 0;
  height: 30px;
  box-sizing: border-box;
  padding-left: 15px;
  padding-right: 15px;
  border-radius: 20px;
}

/* /MONITOR PAGE */

/* SCROLLBAR VEHICLE LIST */
#vehicles_list::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px var(--color2-dark);
  background-color: var(--color1-light);
}

#vehicles_list::-webkit-scrollbar
{
  width: 6px;
  background-color: var(--color1-light);
}

#vehicles_list::-webkit-scrollbar-thumb
{
  background-color: var(--color1-dark);
}
/* /SCROLLBAR VEHICLE LIST */


.panel-custom {
  border-style: none;
  box-shadow:none;
}

.panel-group-custom {
  padding: 1px !important;
}

.panel-body-custom > table{
  font-size: 12px !important;
}


.panel-heading-custom {
  /*cursor: pointer;*/
  /*height: 40px;*/
}
.panel-heading-custom:hover {
  background-color: var(--right-sidebar-item);
}

.a-custom, .a-custom:hover {
  color: black;
  text-decoration:none;
}

.btn-bg-custom {
  background-color: var(--color1-dark);   
  color: white;
}

.checkbox-hidden { 
  display : none !important;
}

.page-quick-sidebar-wrapper {
  width: 320px !important;
}

.hide {
  display: none !important;
}


/* Para tablets y celulares */
@media screen and (max-width: 480px) {
  #search-form {
    display: none !important;
  }
}

@media screen and (min-width: 481px) {
  
}


div.panel-default {
  color: var(--content-color);
  background-color: var(--content-background);
}