
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: 200px;
  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.4rem;
}

/* 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;
}

/* 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 {
  border-radius: 0;
  font-size: 15px;
  padding: 12px 15px;
  background-color: #a6ca56;
  color: white;
  border: none;
  float: right !important;
  display: inline !important;
}

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

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

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

.btn-corp-revision {
  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 {
  background-color: #99af56 !important;
}

.btn-corp-revision: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;
}

/* 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;
}
