.griddle th {
  color: #89949b !important;
  background-color: #ffffff !important;
}

.griddle .footer-container {
  background-color: #ffffff !important;
}

.customSmallColumn {
  width: 5% !important;
}

.customMediumColumn {
  width: 15% !important;
}

.customFooter {
  padding: 1rem 0rem !important;
}

form input.error,
form div.error {
  background: #fbe3e4 !important;
  border-color: #fbc2c4 !important;
  color: #8a1f11 !important;
}

form label.error {
  color: #8a1f11 !important;
}

.form-control {
  height: 35px !important;
  border-width: 1px !important;
}

.loadingBackground {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 5000000;
}

.loadingBar {
  position: absolute;
  width: 300px;
  height: 30px;
  top: 50%;
  left: 50%;
  margin-top: -15px;
  margin-left: -150px;
  z-index: 8555000000;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
}

.hiddenLoadingBackground {
  display: none;
}

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

body .sidebar-nav-container > .sidebar-nav > li > a {
  font-size: 14px !important;
}

.btn {
  border-radius: 8px !important;
}

.input-group-addon.plain > button {
  border-radius: 0 !important;
}

/*-----------------------------------------TEXTO EN GENERAL------------------------------------------------------*/
/*-----------------------------------------TEXTO EN GENERAL------------------------------------------------------*/
/*-----------------------------------------TEXTO EN GENERAL------------------------------------------------------*/
/*-----------------------------------------TEXTO EN GENERAL------------------------------------------------------*/
/*-----------------------------------------TEXTO EN GENERAL------------------------------------------------------*/
/*h3 {
  font-size: 20px !important;
  color: #4C5D67 !important;
  font-weight: bold !important;
}*/

h4 {
  font-size: 16px !important;
  color: #5d6d76 !important;
}

.overflow-unset h3 {
  color: #5d6d76 !important;
}

/*-----------------------------------------SELECT ASYNC------------------------------------------------------*/
/*-----------------------------------------SELECT ASYNC------------------------------------------------------*/
/*-----------------------------------------SELECT ASYNC------------------------------------------------------*/
/*-----------------------------------------SELECT ASYNC------------------------------------------------------*/
/*-----------------------------------------SELECT ASYNC------------------------------------------------------*/
.Select-control {
  border-radius: 0px !important;
  border-width: 1px !important;
  border-color: #ddd !important;
}

/*-----------------------------------------CUSTOM OPTION BUTTONS------------------------------------------------------*/
/*-----------------------------------------CUSTOM OPTION BUTTONS------------------------------------------------------*/
/*-----------------------------------------CUSTOM OPTION BUTTONS------------------------------------------------------*/
/*-----------------------------------------CUSTOM OPTION BUTTONS------------------------------------------------------*/
/*-----------------------------------------CUSTOM OPTION BUTTONS------------------------------------------------------*/
table > tbody > tr > td .customOptionsBtn {
  border: none !important;
  padding: 0px 5px !important;
  color: #caccce !important;
}

table > tbody > tr > td .ShowBtn:hover,
table > tbody > tr > td .ShowBtn:focus {
  background: none !important;
  color: #286090 !important;
}

table > tbody > tr > td .EditBtn:hover,
table > tbody > tr > td .EditBtn:focus {
  background: none !important;
  color: #f0ad4e !important;
}

.DelBtn:hover,
.DelBtn:focus,
table > tbody > tr > td .DelBtn:hover,
table > tbody > tr > td .DelBtn:focus {
  background: none !important;
  color: #f04e3e !important;
}

table > tbody > tr > td .newLocationBtn:hover,
table > tbody > tr > td .newLocationBtn:focus {
  background: none !important;
  color: #21dfa2 !important;
}

table > tbody > tr > td .incidenciaBtn:hover,
table > tbody > tr > td .incidenciaBtn:focus {
  background: none !important;
  color: #286090 !important;
}

.infoBtn {
  border: none !important;
  padding: 0px 5px !important;
  color: #286090 !important;
  background: none !important;
}

.printBtn {
  border: none !important;
  padding: 0px 5px !important;
  color: #caccce !important;
  background: none !important;
}

.printBtn:hover,
.printBtn:focus {
  color: #f4c37d !important;
}

/*-----------------------------------------CUSTOM VEX------------------------------------------------------*/
/*-----------------------------------------CUSTOM VEX------------------------------------------------------*/
/*-----------------------------------------CUSTOM VEX------------------------------------------------------*/
/*-----------------------------------------CUSTOM VEX------------------------------------------------------*/
/*-----------------------------------------CUSTOM VEX------------------------------------------------------*/
.vex-content {
  color: #4c5d67 !important;
  font-family: Lato !important;
  font-size: 18px !important;
}

.vex-content .vex-dialog-button-primary {
  background: #104a73 !important;
  text-transform: lowercase !important;
}

.vex-content .vex-dialog-button-secondary {
  text-transform: lowercase !important;
}

/*MARCADORES DEL MAPA*/
.markerLabels {
  color: #ffffff !important;
  width: 100px !important;
  line-height: 10px !important;
}

/*TABLA DEL DASHBOARD*/
.servicio_default {
  background: gray !important;
}

.servicio_retrasado {
  background: blue !important;
}

.customEvent,
.customEvent:hover {
  padding: 8px !important;
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.5);
  font-size: 11px !important;
}

.label-estado {
  font-size: 100% !important;
}

.control-label {
  font-size: 13px !important;
}

.tablesaw {
  color: #5d6d76 !important;
}

.tablesaw > tbody > tr > td button {
  padding-right: 5px !important;
  padding-left: 5px !important;
}

.table-striped > tbody > tr:nth-of-type(odd) {
  background: #fbfbfb !important;
}

.tablesaw > thead > tr > th {
  color: #4c5d67 !important;
  font-family: Lato !important;
  font-weight: bold !important;
}

table > tr:last-child {
  column-width: auto !important;
}

table thead tr th span {
  color: #4c5d67 !important;
  font-size: 14px !important;
}

table > tbody > tr > td {
  color: #4c5d67 !important;
  font-size: 14px !important;
}

/*SIDEBAR, ESTILOS*/

body .sidebar-nav > li > a {
  /*color: #e8e8e8 !important;*/
  color: #e6e9ed !important;
}

body .sidebar-nav > div {
  color: #e6e9ed !important;
}

.center-items {
  display: flex;
  justify-content: center;
  align-items: center;
}

/*Programación de horarios*/

.schedule-panel .panel-body:hover {
  background: rgba(1, 1, 1, 0.05);
  cursor: pointer;
}

.select-stop:hover {
  cursor: pointer;
}

.sin-fondo .modal-dialog {
  margin: unset;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.sin-fondo .modal-content {
  background-color: unset;
  border: unset;
  border: unset;
  border-radius: unset;
  -webkit-box-shadow: unset;
  box-shadow: unset;
  background-clip: padding-box;
}

body .sidebar-nav > div {
  color: black !important;
  font-weight: bold;
}

body .sidebar-nav > li > a {
  color: black !important;
}

div#avatar-col {
  color: black;
}

.center-content {
  display: flex;
  justify-content: center;
  width: 100%;
}

.center-content > .alert.alert-danger {
  width: 90%;
  text-align: center;
}

.center-content.vertical {
  flex-direction: column;
  align-items: center;
}

.save-qr-buttons {
  display: flex;
  flex-direction: row;
}

.save-qr-buttons > button {
  margin-right: 1rem;
}

@media only screen and (max-width: 600px) {
  .save-qr-buttons {
    flex-direction: column;
  }
  .save-qr-buttons > button {
    margin-bottom: 1rem;
  }
}

.text-river {
  color: #4c5d67 !important;
}

.background-red {
  background-color: #fd4173;
  color: #f9f6f7 !important;
}

.background-yellow {
  background-color: #fda929;
  color: #f9f6f7 !important;
}

.background-green {
  background-color: #24df98;
  color: #f9f6f7 !important;
}

.background-white {
  background-color: white;
}

.tabla-paraderos {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
  color: #4c5d67 !important;
}

.tabla-paraderos td,
.tabla-paraderos th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}

.tabla-paraderos tr:nth-child(even) {
  background-color: #dddddd;
}

.table-container {
  overflow-x: auto;
}

.input-pasajeros-transportados {
  width: auto;
  display: inline;
}

.overflow-unset .rubix-panel-container {
  overflow: unset;
}

.form-control[name="observaciones"] {
  height: unset !important;
}

.image-margin-all {
  margin: 1rem;
}