.star{
    color: orange;
}
/* Carros */
.carro-img-estado{
    padding: 8px;
    margin: 5px;
    border-radius: 100%;
    position: absolute;
}
.paginacion-carros{
    float: right;
}
.btn-filtro{
    width: 47%;
}
/* Detalle de carro */
.placa{
    align-self: center;
    border: 1px solid #000;
    border-radius: 5px;
    padding: 5px 14px;
    font-size: 28px;
    font-weight: bold;
    width: 100%;
    min-width: 120px;
    max-width: 160px;
    text-align: center;
    background-color: #fff;
}
.tabla-amarilla{
    border-radius: 5px;
    border-collapse: inherit;
    width: 100%;
}
.tabla-amarilla td{
    padding: 4px 20px 4px 15px;
}
.tabla-amarilla td:first-child{
    width: 170px;
    background-color: #ffa500;
    color: #fff;
}
.tabla-amarilla td:last-child{
}
.tabla-amarilla td{
    background-color: #ffe4b3;
}
.tabla-amarilla tr:first-child td:first-child{
    border-top-left-radius: 5px;
}
.tabla-amarilla tr:last-child td:first-child{
    border-bottom-left-radius: 5px;
}
.tabla-amarilla tr:first-child td:last-child{
    border-top-right-radius: 5px;
}
.tabla-amarilla tr:last-child td:last-child{
    border-bottom-right-radius: 5px;
}
.estado-activo{
    background: green;
}
.estado-inactivo{
    background: red;
}
.estado-verificado{
    background: green;
}
.estado-observado{
    background: red;
}
.estado-pendiente{
    background: yellow;
}
.leyenda-item span {
    padding: 0px 10px;
    border-radius: 100%;
    margin: 0 5px;
}
.leyenda-item {
    margin-right: 5px;
}
.color-whatsapp{
    color: #57b31d;
}
.btn-validaciones{
    width: 200px;
    margin: 5px 0;
    border-radius: 50px;
    color: #fff;
}
.btn-validar{
    background-color: #57b31d;
    border-color: #57b31d;
}
.btn-observar{
    background-color: #f53f5f;
    border-color: #f53f5f;
}
.btn-garantia {
    background-color: #007bff;
    border-radius: 50px;
    width: 150px;
    color: #ffffff;
    border: none;
}
.btn-garantia:hover {
    color: #e3e3e3;
}
.img-detalle-carro{
    width: 100%;
}
.img-dni-detalle-carro{
    max-width: 75%;
    max-height: 500px;
}
.detalle-carro-icon{
    font-size: 20px;
}
/* Usuarios */
.usuarios-fondo-foto {
    background-color: #eeeeee
}
/* Detalle usuario */
.semaforo-circulo {
    padding: 5px;
    border-radius: 90px;
}
.semaforo-circulo-verde{
    color: #3eaa44;
    border: 1px #3eaa44 solid;
}
.semaforo-circulo-gris{
    color: #808080;
    border: 1px #808080 solid;
}
.semaforo-circulo-amarillo{
    color: #f6ca07;
    border: 1px #f6ca07 solid;
}
.semaforo-circulo-rojo{
    color: #f4283d;
    border: 1px #f4283d solid;
}
.semaforo-container{
    overflow-x: scroll;
    margin-left: -5px;
}
/* Detalle de alquiler */
.foto-circulo-container{
    background: #eeeeee;
}
.alquiler-placa-container{
    background: #e6e6e6;
    position: absolute;
    height: -webkit-fill-available;
    padding-top: 45px;
}
.alquiler-placa-container label{
    color: #606060;
    font-size: 21px;
}
.alquiler-placa-container .placa{
    font-size: 29px;
    color: #000;
}
/* Login */
.login-panel {
    border-radius: 20px;
}

.image-logo {
    margin: 60px 0px;
}

.login-control {
    overflow: hidden;
    padding:15px 20px;
        /* border-radius:25px; */
    border-radius:2em;
	background:rgba(196, 155, 155, 0.1);
}

.login-button {
    background-color: #dc3545!important;
    border-color: #dc3545!important;
    border-radius: 20px;
}
/* Alquileres */
.paginacion-input-container{
    width: 115px;
    margin-left: -1px;
}
.paginacion-input-container input{
    text-align: center;
    border-radius: 0;
}
.paginacion-alquileres{
    float: right;
}
/* Clientes */
.paginacion-clientes{
    float: right;
}
/* Documento */
#imgDocumento{
    cursor: zoom-in;
}
#imgDocumento2{
    cursor: zoom-in;
}

.lds-spinner {
    color: official;
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
  }
  .lds-spinner div {
    transform-origin: 40px 40px;
    animation: lds-spinner 1.2s linear infinite;
  }
  .lds-spinner div:after {
    content: " ";
    display: block;
    position: absolute;
    top: 3px;
    left: 37px;
    width: 6px;
    height: 18px;
    border-radius: 20%;
    background: #f53f5f;
  }
  .lds-spinner div:nth-child(1) {
    transform: rotate(0deg);
    animation-delay: -1.1s;
  }
  .lds-spinner div:nth-child(2) {
    transform: rotate(30deg);
    animation-delay: -1s;
  }
  .lds-spinner div:nth-child(3) {
    transform: rotate(60deg);
    animation-delay: -0.9s;
  }
  .lds-spinner div:nth-child(4) {
    transform: rotate(90deg);
    animation-delay: -0.8s;
  }
  .lds-spinner div:nth-child(5) {
    transform: rotate(120deg);
    animation-delay: -0.7s;
  }
  .lds-spinner div:nth-child(6) {
    transform: rotate(150deg);
    animation-delay: -0.6s;
  }
  .lds-spinner div:nth-child(7) {
    transform: rotate(180deg);
    animation-delay: -0.5s;
  }
  .lds-spinner div:nth-child(8) {
    transform: rotate(210deg);
    animation-delay: -0.4s;
  }
  .lds-spinner div:nth-child(9) {
    transform: rotate(240deg);
    animation-delay: -0.3s;
  }
  .lds-spinner div:nth-child(10) {
    transform: rotate(270deg);
    animation-delay: -0.2s;
  }
  .lds-spinner div:nth-child(11) {
    transform: rotate(300deg);
    animation-delay: -0.1s;
  }
  .lds-spinner div:nth-child(12) {
    transform: rotate(330deg);
    animation-delay: 0s;
  }
  @keyframes lds-spinner {
    0% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
#loader{
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    position: fixed;
    z-index: 9999;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    display: none;
}
/* Select2 - Tarifario, marcas y modelos */
.select2-container .select2-selection--single{
    height: auto !important;
}
.space-around{
    display: flex;
    justify-content: space-around;
}
.baseline{
    display: flex;
    align-items: baseline;
}
.imagen-indicador-especificacion{
    font-size: 12px;
    margin-bottom: 0;
}
.tag-usuario-pendiente-verificacion{
    border: 2px solid #d67c1b;
    padding: 0;
    color: #d67c1b !important;
}