/* 
    Created on : 27-oct-2017, 18:54:54
    Author     : DC
*/

/*ERROR VALIDATE*/
label.error{
    color: #990000 !important;
}
input.error{
    border: 1px solid #990000 !important;
}
select.error{
    border: 1px solid #990000 !important;
}

.foto_vehiculo {
  width: 300px; /* ajusta el tamaño */
  border-radius: 6px;
  padding: 6px;
  background: #0f172a; /* fondo oscuro tipo interfaz */
  border: 3px solid #154360; /* borde azul informático */
  position: relative;
  box-shadow: 
    0 0 8px rgba(21, 67, 96, 0.6),
    inset 0 0 12px rgba(21, 67, 96, 0.3);
  overflow: hidden;
}

/* Efecto de escaneo vertical */
.foto_vehiculo::before {
  content: "";
  position: absolute;
  left: 0;
  top: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, transparent 70%, rgba(21, 67, 96, 0.3));
  animation: scanMove 3s linear infinite;
}

@keyframes scanMove {
  0%   { top: -100%; }
  100% { top: 100%; }
}

.tarjetaOrden {
    opacity: 0;
    transform: translateY(40px);
    transition: opacity .5s ease, transform .5s ease;
}

.tarjetaOrden.mostrar {
    opacity: 1;
    transform: translateY(0);
}

.barraProgresoBase {
    background: #344454;
    overflow: hidden;
    border-radius: 2px;
}

.barraProgresoNeon {
    position: relative;
    overflow: hidden;
    background: #2879c7 !important;
}

.barraProgresoNeon::after {
    content: '';
    position: absolute;
    top: 0;
    left: -35%;
    width: 35%;
    height: 100%;
    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(54,169,255,0.05) 20%,
        rgba(76,190,255,0.25) 40%,
        rgba(116,215,255,0.75) 50%,
        rgba(190,240,255,0.95) 55%,
        rgba(116,215,255,0.75) 60%,
        rgba(76,190,255,0.25) 70%,
        transparent 100%
    );
    filter: blur(2px);
    animation: luzPanel 2.5s ease-in-out infinite;
}

@keyframes luzPanel {
    0% {
        left: -35%;
        opacity: 0;
    }

    10% {
        opacity: 1;
    }

    90% {
        opacity: 1;
    }

    100% {
        left: 100%;
        opacity: 0;
    }
}

/* Esquinas tipo marco digital */
.foto_vehiculo::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 2px dashed rgba(21, 67, 96, 0.5);
  border-radius: 6px;
  pointer-events: none;
}


.datos_vehiculo .form-group {
  margin-bottom: 30px; /* separación entre bloques */
  margin-top: 30px
}

.datos_vehiculo label {
  margin-top: 6px; /* alinear verticalmente con el input */
}

.datos_vehiculo input {
  min-width: 120px; /* evita que se vean demasiado pequeños */
}

body.app-theme-dark .select2-container--default .select2-selection--single{height:34px!important;background-color:#1b1e24!important;border:1px solid #3a3f44!important;border-radius:3px!important;color:#fff!important;}
body.app-theme-dark .select2-container--default .select2-selection--single .select2-selection__rendered{height:32px!important;line-height:32px!important;padding-left:10px!important;padding-right:30px!important;color:#fff!important;font-size:12px!important;}
body.app-theme-dark .select2-container--default .select2-selection--single .select2-selection__placeholder{color:#fff!important;opacity:1!important;}
body.app-theme-dark .select2-container--default .select2-selection--single .select2-selection__arrow{height:32px!important;top:0!important;right:5px!important;}
body.app-theme-dark .select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#ccc transparent transparent transparent!important;}
body.app-theme-dark .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #ccc transparent!important;}
body.app-theme-dark .select2-dropdown{background-color:#1b1e24!important;border:1px solid #3a3f44!important;color:#fff!important;}
body.app-theme-dark .select2-search--dropdown{background-color:#1b1e24!important;padding:5px!important;}
body.app-theme-dark .select2-container--default .select2-search--dropdown .select2-search__field{height:32px!important;background-color:#10141a!important;border:1px solid #3a3f44!important;border-radius:2px!important;color:#fff!important;font-size:12px!important;padding:5px 8px!important;outline:none!important;}
body.app-theme-dark .select2-container--default .select2-results{background-color:#1b1e24!important;color:#fff!important;}
body.app-theme-dark .select2-container--default .select2-results__option{background-color:#1b1e24;color:#fff;font-size:12px;padding:7px 10px;}
body.app-theme-dark .select2-container--default .select2-results__option[aria-selected="true"]{background-color:#2b3036!important;color:#fff!important;}
body.app-theme-dark .select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#3276b1!important;color:#fff!important;}
body.app-theme-dark .select2-container--default.select2-container--focus .select2-selection--single{border-color:#3276b1!important;outline:none!important;}
body.app-theme-dark .select2-container--default.select2-container--open .select2-selection--single{border-color:#3276b1!important;}
body.app-theme-dark .select2-results__options{background-color:#1b1e24!important;}
body.app-theme-dark .select2-results__options::-webkit-scrollbar{width:8px;}
body.app-theme-dark .select2-results__options::-webkit-scrollbar-track{background:#1b1e24;}
body.app-theme-dark .select2-results__options::-webkit-scrollbar-thumb{background:#555b62;border-radius:4px;}
body.app-theme-dark .select2-results__options::-webkit-scrollbar-thumb:hover{background:#6a7078;}