/*
 * It is advised not to edit the smartadmin_production.css
 * as this will override any changes you make in the 
 * later versions of this theme. 
 * 
 * We advise that you use use this CSS to override 
 * SmartAdmin styles. 
 * 
 * Rename the stylesheet to whatever your liking so it will stay
 * unique to you with each update of SmartAdmin.
 */

/*
 * INDEX
 * 
 * - HTML
 * - BODY
 * - CUSTOM STYLES
 */
html {
  height: 100%;
  position: relative;
}

body {
  overflow: hidden;
  position: relative;
  min-height: 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}

.h2,
h2 {
  font-size: 20px;
}

.drag_disabled {
  pointer-events: none;
}
.drag_enabled {
  pointer-events: all;
}
.dd-expand {
  pointer-events: auto;
}
.dd-collapse {
  pointer-events: auto;
}

.map-grid-vehicles-header {
  font-weight: 700;
  font-size: 10;
  color: rgb(49, 48, 48);
  text-align: center;
}

.map-grid-vehicles-title-customer {
  font-weight: bold;
  font-size: 12;
}

.map-grid-vehicles-value-customer {
  font-weight: 400;
  font-size: 11;
}

.map-grid-vehicles-title {
  font-weight: bold;
  font-size: 10;
  color: rgb(250, 224, 79);
}

.map-grid-vehicles-value {
  font-weight: 400;
  font-size: 10;
  color: #fff;
}

.multiSelect {
  --rmsc-border-radius: 0px !important;
  --rmsc-height: 30px !important;
}

.jarviswidget {
  margin: 0 0 0px !important;
}

.modal-know-point {
  height: 70vh;
  width: 80vw;
}

.MuiTreeItem-content {
  height: 25px !important;
}

.MuiTreeItem-label {
  font-size: 13px !important;
  color: #333;
}

.MuiSvgIcon-root {
  width: 0.8em;
  height: 0.8em;
}

.tableFixHead {
  overflow-y: auto;
}

.tableFixHead table {
  border-collapse: collapse;
  width: 100%;
}

.tableFixHead th,
.tableFixHead td {
  padding: 8px 16px;
}

.tableFixHead th {
  position: sticky;
  top: 0;
  background: #eee;
}

.radio:last-child {
  margin-bottom: 0px !important;
}

table tr {
  border-bottom: 1px solid #ddd;
}

.content {
  display: flex;
  padding-right: 5px;
  padding-left: 5px;
  justify-content: space-between;
  max-width: 90px;
  margin: 0 auto;
}

.btn-disabled {
  opacity: 0.4;
  cursor: default !important;
  pointer-events: none;
}

.leaflet-control-geosearch form {
  max-width: 420px;
}

div.points-value-box {
  display: table-cell;
  vertical-align: middle;
  width: 90;
  white-space: pre-wrap;
  word-wrap: break-word;
}

input ~ label {
  position: absolute;
  top: 16px;
  left: 0;

  color: rgba(255, 255, 255, 0.6);

  transition: 0.4s;
}

col:focus ~ label,
col:valid ~ label {
  transform: translateY(-24px);
  font-size: 0.8em;
  letter-spacing: 0.1em;
}

.col span.error {
  display: flex;

  padding: 0;

  background-color: rgba(255, 0, 0, 0.2);
}

.col span.error.active {
  border: 1px solid red;
  padding: 0.4em;
}

.splitter-layout {
  width: 98% !important;
}

.layout-pane {
  overflow: hidden !important;
}

.map-grid-cell {
  border: 1px solid rgba(224, 224, 224, 1);
}

.label-events {
  width: calc('90%');
  white-space: nowrap !important;
  overflow: hidden;
  text-overflow: ellipsis;
}

.column-elipsis {
  overflow: hidden; 
  text-overflow: ellipsis;
  white-space: nowrap; 
  max-width: 250px; 
}

.hiddenRow {
  height: 0px;
  padding: 0 !important;
}