td,
th {
  padding: 3px 5px !important;
  height: 35px;
}

i.left {
  margin-right: 5px !important;
}

.btn-small {
  height: 24px;
  line-height: 24px;
  font-size: 13px;
  padding: 0 5px;
}

.nav-logo {
  max-height: 42px;
  margin-top: 7px;
  padding: 0px 10px;
}

.direc-td-th {
  max-width: calc(calc(100% - 928px) * 0.375);
}

.state-td-th {
  max-width: calc(calc(100% - 928px) * 0.25);
}

.pointer {
  cursor: pointer;
}

#horaModal {
  max-width: 891px;
}

iframe {
  max-width: 100%;
}

iframe#map_embed {
  width: 100%;
  height: 475px;
}

#services_container button {
  margin: 2px;
}

input:read-only {
  color: darkgrey;
}

.dropdown-content {
  width: 156px !important;
}

.dropdown-content li {
  min-height: 32px;
}

.dropdown-content li > a,
.dropdown-content li > span {
  font-size: 13px;
  padding: 5px 7px;
}

.dropdown-content li > a > i {
  margin: 0 5px 0 0;
}

td.programada {
  background-color: #4886e359;
}

td.noHayTaxistasCercanosYDisponiblesEnEsteMomento,
td.canceladoPorElUsuario {
  background-color: #e3e04859;
}

td.canceladoPorElOperador {
  background-color: #e3934859;
}

td.finalizadoCorrectamente {
  background-color: #48e36259;
}

td.not-validated {
  background-color: red;
  color: white;
}

.pac-container {
  z-index: 999999;
}

.modal {
  overflow-y: visible;
}

.grecaptcha-badge {
  display: none;
}

.modal {
  max-height: calc(100% - 40px);
  top: 20px !important;
  width: 90%;
}

.modal.modal-fixed-footer {
  height: calc(100% - 40px);
}

.select-wrapper input.select-dropdown {
  color: black;
}

.ph-8 {
  padding: 0px 8px;
}

.flex-box {
  display: flex;
  flex-wrap: wrap;
}

.flex {
  display: flex;
}

.nav-controls-med-and-down {
  display: flex;
  width: 50%;
}

.nav-controls-med-and-down label,
.nav-controls label {
  color: white;
}

.nav-separator {
  border-right: 1px solid #454443;
}

.sidenav li i.material-icons {
  float: left;
  height: 48px;
  line-height: 48px;
  margin: 0 32px 0 0;
  width: 24px;
  color: rgba(0, 0, 0, 0.54);
}

.sidenav-switch {
  display: flex;
  padding: 0 32px;
}

@media only screen and (max-width: 992px) {
  .card-content {
    min-height: 510px;
  }

  td,
  th {
    max-width: 160px;
  }

  .truncate-cell {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}