/*  ELEMENTOS PARA VUE */
/*  Evitar que se vean las llaves de vue al cargar los elementos */
[v-cloak] {
  display: none;
}

body {
  font-family: Arial,Helvetica,sans-serif;
}

/* DEFINIMOS PASTILLAS PARA LA ELECCIÓN DE LA MISIÓN */

.sel-mision {
  text-align: center;
  border: 1px solid #ededed;
  height: 135px;
  width: 100%;
  float: left;
  cursor: pointer;
  color: #a6ca56 !important;
  text-decoration: none !important;
}

.sel-mision:hover {
  color: white !important;
  background-color: #a6ca56 !important;
  cursor: pointer;
}

/* DEFINIMOS PASTILLAS DEL HISTORIAL DE COMPROVACIONES */

.sel-compro-header {
  height: 15%;
  width: 100%;
  float: left;
  color: white !important;
  background-color: #a6ca56;
  text-align: left;
  padding-left: 20px;
  padding-top: 5px;
  font-size: 15px;
  text-align: left;
}

.sel-compro-body {
  text-align: left;
  padding-left: 20px;
  padding-top: 10px;
  padding-bottom: 20px;
  font-size: 15px;
  border: 1px solid #ededed;
  height: 80%;
  width: 100%;
  float: left;
  color: black !important;
}

.color-nok {
  background-color: #D0021B;
}

/* DEFINIMOS TEXTO SUBTITULO DE CADA PÁGINA */

.texto-subtitulo {
  color: grey;
  font-size: 1.2rem;
}

.texto-subtitulo-tipo {
  color: #a6ca56;
  font-size: 1.2rem;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 0;
}

/* DEFINIMOS ICONO PARA EL LOGOUT */

.icono-logout {
  font-size: 25px;
  margin-right: 10px;
  color: #D0021B;
}

/* DEFINIMOS MODIFICACIÓN PARA BOTONES CORPORATIVOS PRIMARIOS */

.btn-corp-prim-block {
  border-radius: 0;
  font-size: 18px;
  padding: 10px 20px;
  background-color: #a6ca56;
  color: white;
  border: none;
}

.btn-corp-prim-block:hover {
  background-color: #99af56 !important;
}

.btn-corp-prim-block:focus {
  background-color: #a6ca56 !important;
}

.btn-corp-prim {
  border-radius: 0;
  font-size: 18px;
  padding: 10px 20px;
  width: 120px;
  background-color: #a6ca56;
  color: white;
  border: none;
}

.btn-corp-prim:hover {
  background-color: #99af56 !important;
}

.btn-corp-prim:focus {
  background-color: #a6ca56 !important;
}

/* DEFINIMOS MODIFICACIÓN PARA BOTONES CORPORATIVOS SECUNDARIOS */

.btn-corp-sec {
  border-radius: 0;
  font-size: 18px;
  padding: 10px 20px;
  width: 120px;
  background-color: darkgrey;
  color: white;
  border: none;
}

.btn-corp-sec:hover {
  background-color: grey !important;
}

.btn-corp-sec:focus {
  background-color: grey !important;
}

.btn-corp-danger {
  border-radius: 0;
  font-size: 18px;
  padding: 10px 20px;
  width: 120px;
  background-color: #B80218;
  color: white;
  border: none;
}

.btn-corp-danger:hover {
  background-color: #930012 !important;
}

.btn-corp-danger:focus {
  background-color: #930012 !important;
}


/* DEFINIMOS MODIFICACIÓN PARA BOTONES CORPORATIVOS SECUNDARIOS PEQUEÑOS */

.btn-corp-small {
  border-radius: 0;
  font-size: 13px;
  background-color: darkgrey;
  border: none;
  padding: 10px 20px;
}

.btn-corp-small:hover {
  background-color: grey !important;
}

.btn-corp-small:focus {
  background-color: grey !important;
}

/* DEFINIMOS MODIFICACIÓN PARA BOTONES CORPORATIVOS SECUNDARIOS PEQUEÑOS AZULES */

.btn-corp-small-blue {
  border-radius: 0;
  font-size: 13px;
  background-color: #4A90E2;
  border: none;
  padding: 10px 20px;
}

.btn-corp-small-blue:hover {
  background-color: #4A90E2 !important;
}

.btn-corp-small-blue:focus {
  background-color: #4A90E2 !important;
}

/* DEFINIMOS MODIFICACIÓN PARA BOTONES DEL MENU */

/*
a.btn-corp-menu {
  display: inline;
}
*/

.btn-corp-menu, .btn-yes {
  border-radius: 0;
  font-size: 15px;
  padding: 12px 15px;
  background-color: #a6ca56;
  color: white;
  border: none;
  /*  float: right !important; */
  display: inline;
}

.btn-corp-menu:hover, .btn-yes:hover {
  background-color: #99af56 !important;
}

.btn-corp-menu:focus, .btn-yes:focus {
  background-color: #a6ca56 !important;
}

/* DEFINIMOS BOTON FINALIZAR DE LA VISTA DE REVISIONES */

.btn-corp-revision, .btn-yes {
  border-radius: 0;
  font-size: 18px;
  padding: 10px 20px;
  background-color: #a6ca56;
  color: white;
  border: none;
  float: left !important;
  display: inline !important;
}

.btn-corp-revision:hover, .btn-yes:hover {
  background-color: #99af56 !important;
}

.btn-corp-revision:focus, .btn-yes:focus {
  background-color: #a6ca56 !important;
}

.btn-corp-NOK{
  border-radius: 0;
  font-size: 18px;
  padding: 10px 20px;
  width: 120px;
  background-color: #D0021B;
  color: white;
  border: none;
}

.btn-corp-NOK:hover {
  background-color: #B80218 !important;
}

.btn-corp-NOK:focus {
  background-color: #B80218 !important;
}

/* DEFINIMOS TAMAÑO BOTONES CUBO PARA REVISIONES DE PIEZAS */

.cube {
  width: 50px !important;
}

/* DEFINIMOS MODIFICACIÓNES PARA IMPUTS DE FORM */

.sin-radius {
  border-radius: 0 !important;
}

.sin-fondo {
  background-color: transparent !important;
  border: none;
  border-bottom: solid 1px white;
  color: white !important;
  padding-left: 0;
}

.sin-fondo::placeholder { color: white !important; }
.sin-fondo::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: white !important; }
.sin-fondo::-moz-placeholder { /* Firefox 19+ */ color: white !important; }
.sin-fondo:-ms-input-placeholder { /* IE 10+ */ color: white !important; }
.sin-fondo:-moz-placeholder { /* Firefox 18- */ color: white !important; }

/* DEFINIMOS AJUSTE PARA BOTONES MAS Y MENOS DE REVISIONES */

.mlnegative {
  margin-left: -3px !important;
}

/* DEFINIMOS AJUSTE PARA EL ICONO DE QR EN LA VISTA ESCANEAR */

.ajusteqr {
  font-size: 120px;
  color: #a6ca56;
  display: block !important;
}

/* AJUSTAMOS PARÁMETROS DE LA NAVBAR */

.customnav {
  background-color: white !important;
  border-bottom: 1px solid #f0f0f0 !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

/* DEFINIMOS CÍRCULOS LISTA DE BASTIDORES */

.circulo-color {
  border-radius: 100px;
  width: 50px;
  height: 50px;
  color: white;
  background-color: #4A90E2;
  font-size: 20px;
  text-align: center;
  padding-top: 10px;
  cursor: pointer;
}

.circulo-trash {
  border-radius: 100px;
  width: 50px;
  height: 50px;
  color: white;
  border: solid 1px #D0021B;
  cursor: pointer;
  font-size: 20px;
  padding-top: 10px;
  color: #D0021B;
}

.circulo-trash:hover {
  background-color: #D0021B;
  color: white;
}

.circulo-search {
  border-radius: 100px;
  width: 50px;
  height: 50px;
  color: white;
  border: solid 1px grey;
  cursor: pointer;
  font-size: 20px;
  padding-top: 10px;
  color: grey;
}

.circulo-search:hover {
  background-color: grey;
  color: white;
}

.circulo-color-tabla {
  border-radius: 100px;
  width: 20px;
  height: 20px;
  color: white;
  background-color: #4A90E2;
}

.c-liberados {
  background-color: #A5C957;
}

.c-bloqueados {
  background-color: #D0021B;
}

.c-proceso {
  background-color: #F5A623;
}

.c-noiniciados {
  background-color: #4A90E2;
}

/* DEFINIMOS PANEL SUPERIOR DE BÚSQUEDA */

.search-panel {
  position: absolute;
  top: 0;
  left: 0;
  height: 85px;
  width: 100%;
  background-color: #003e7a;
}

/* DEFINIMOS ENLACES SIN ESTILOS */

.sin-enlace {
  text-decoration: none !important;
  color: black !important;
}

.cerrar-busqueda {
  color:white;
  position: absolute;
  right: 40px;
  bottom: 35px;
  font-size: 20px;
}

/* DEFINIMOS TEXTO OLVIDAR CONTRASEÑA */

.texto-olvidar {
  text-align: left;
  margin-top: 15px;
  font-size: 0.95rem;
}

/* DEFINIMOS EL FOOTER FIXED */

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
    border: 1px solid #f6e0ed;
    background-color: #ffffff;
}

/* DEFINIMOS CLASSES PARA TEXTOS DEL FOOTER */

.texto-footer-left {
    float:left;
    margin-top:20px;
    font-size: 0.85rem
}

.texto-footer-right {
    float:right;
    margin-top:20px;
    font-size: 0.85rem;
    color: darkgrey;
}

/*  ELEMENTOS OCULTOS */
.ocultar {
  display: none;
}

/*  ICONO INFORMACIÓN CUANDO NO SE HA INICIADO SESIÓN */
.texto-no-sesion {
  color:lightgrey;
}
.ico-no-sesion {
  font-size: 80px;
}

/*  PARA MOSTRAR PUNTERO MANO */
.puntero-mano {
  cursor: pointer;
}

/*  TEXTO CENTRADO */
.texto-centrado{
  text-align: center;
}

/*  MODIFICAMOS ESTILOS MODAL */
.modal-danger {
  background-color: #B80218 !important;
  color: white !important;
  border-bottom: 0 !important;
}

.modal-success {
  background-color: #A4C957 !important;
  color: white !important;
  border-bottom: 0 !important;
}

.close {
  color: white !important;
}

/*  MODIFICAMOS ESTILOS MODAL NOK & OK */
.nok {
  height: 200px !important;
  font-size: 134px !important;
  padding-left: 230px !important;
}

@media (max-width: 991px) {
  body #ModalNok .modal-header h5.nok {
    padding-left: 90px !important;
  } 
}

.ok {
  height: 200px !important;
  font-size: 134px !important;
  padding-left: 280px !important;
}

.btn-no {
  border-radius: 0;
  font-size: 18px;
  padding: 10px 20px;
  background-color: #D0021B;
  color: white;
  border: none;
  float: left !important;
  display: inline !important;
}

.btn-no:hover {
  background-color: #B80218 !important;
}

.btn-no:focus {
  background-color: #B80218 !important;
}

.color-danger {
  color: #D0021B;
}

.comprobar-imagen {
    max-height: 300px;
    max-width: 85%;
}

.margen-top-mediano-important {
  margin-top: 20px !important;
}