@charset "utf-8";
/* CSS Document */
/*GENERALES*/
body {background-color:#d1d1d1 !important; font-family:Arial, Helvetica, sans-serif !important; font-size:1em; padding-top:30px;}
p { margin-top:1rem !important;}

/*menu */
.menu-base a { color:#333; border:1px solid #ccc; display:block; padding:20px;font-size:1.5rem;}
.menu-base a:hover { color:#c20b19; text-decoration:none;}
.menu-base i { font-size:3rem; padding-right:20px;}
.menu-off { position:absolute !important; top:30px; width:auto; right:30px;}
.reposicion-detalles { width:auto; height:50px; padding:10px; margin-bottom:15px; text-align:center; background-color:#11a608;text-transform:uppercase; border:none; color:#fff; font-weight:bold; font-size:0.7em;}
.reposicion-detalles:hover { background-color:#060;}
#reposicionTb i { font-size:1.3em; padding:3px;}
/*centrar en vertical y horizontal */
.vertical-center {
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.ventana {
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
	background-color: #fff;
	position: relative;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}
.ventana h1 {background-color:#060; color:#fff; text-transform:uppercase; font-size:1rem; padding:5px 15px;}
.ventana h2 {background-color:#c20b19; color:#fff; text-transform:uppercase; font-size:1rem; padding:5px 15px; margin:10px 0px;}
.ventana h3 { color:#c20b19; text-transform: uppercase; font-size:1.2em; padding:10px 0px; border-bottom:2px solid #c20b19; margin-bottom:15px;}
.ventana h3.green { color:#11a608; border-bottom:2px solid #11a608;}
.ventana h3 i { padding-right:10px;}
.smallNav { background-color:#fff; padding-top:15PX;}
img.logo { max-height:50px; margin-bottom:15px; margin-right:auto; display:block;}
a.salir, input.salir, button.salir {  background-color:#fff; color:#fff; height:40px; width:40px; display:inline-block; text-align:center; font-size:1.5em; border:2px solid #c20b19;} 
input.volver, button.volver { background-color:#fff; border:2px solid #000 !important; color:#fff; height:40px; width:40px; display:inline-block; text-align:center; font-size:1.5em;} 
.con-input {position:relative;}
.con-input .salir { background-image:url(logout.png); background-size:75%; padding:5px; background-repeat:no-repeat; background-position:5px 4px;}
.con-input .salir:hover { background-color:#c20b19;background-position: 5px -32px;}
.con-input .volver { background-image:url(back.png); background-size:65%; padding:5px; background-repeat:no-repeat; background-position:6px 6px;}
.con-input .volver:hover {
	background-image: url(back.png);
	background-size: 65%;
	padding: 5px;
	background-repeat: no-repeat;
	background-position: 5px -30px;
	background-color: #000;
}
a.red-btn, input.red-btn, button.red-btn  {border-radius: .25rem; background-color:#c20b19 !important;color:#fff;padding: 15px 20px !important;cursor:pointer;width: 100%;border:1px solid transparent;font-weight:600; display:block; text-decoration:none; text-transform:uppercase; text-align:center;}
a.red-btn:hover, input.red-btn:hover, button.red-btn:hover { background-color:#fff !important; border-color:#c20b19; color:#c20b19 !important; text-decoration:none;}
/* CONFIRMACION REGULARIZACION Y LOGIN */
.confirmacion, .formulario {box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important; width:100%;  margin:auto; padding:15px; background-color:#fff; position:relative;}
.confirmacion .content, .formulario .content {background-color: #fff;margin: 5% auto 5% auto;width: 100%; }
.confirmacion img {max-width: 90%;max-height: 80px;}
.confirmacion h1 { margin-top:15px; margin-bottom:15px; font-size:2em; font-weight:bold;}
@media screen and (min-width: 1200px) {
.confirmacion, .formulario{max-width:570px;}
.ventana {max-width: 650px;}
	}
/*LOGIN*/
.animate { -webkit-animation: animatezoom 0.6s;  animation: animatezoom 0.6s}
@-webkit-keyframes animatezoom {  from {-webkit-transform: scale(0)}   to {-webkit-transform: scale(1)}}
@keyframes animatezoom {  from {transform: scale(0)}   to {transform: scale(1)}}
.formulario img { max-width:100%;}
.formulario p { text-transform:uppercase;font-weight:600; font-size:0.9rem;}
.nodisplay { display:none;}
.novisible { background-color:#fff; height:50px; min-width:120px; border-left:3px solid #000; display:none;}
.xinput { padding:15px; width:100%; font-size:1rem;}
.input-container-error {color:#721c24; background-color:#f8d7da;border-color:#f5c6cb;position:relative;padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem; font-size:0.8rem;}
i.valid {background-color:#393;}
.valid {border:1px solid #393;}
i.invalid {background-color:#c20b19;}
.invalid {border:1px solid #c20b19;}
.icon-alert {padding:10px;background:#c20b19; color: white; min-width: 50px;text-align: center;}
/*INVENTARIO DETALLE*/
.buscador {min-height:50px; background-color:#000; text-align:center;}
.buscador-descripcion { background-color:#000; color:#fff; text-transform:uppercase; font-size:0.7em; padding:5px; width:25%; font-weight:700;}
.atencion {/* position:absolute; top:-10px; left:290px;z-index:100; */background-color:#c20b19; color:#fff; font-size:0.6rem; padding:2px; text-align:center;  min-width:120px; width:auto;}
.buscador-in { border-radius:0px; position:relative;width:70%; text-align:left; height:50px; border-top:2px solid #000; border-bottom:2px solid #000; border-right:none; border-left:none; padding:10px;}
.buscador-in-02 { position:relative;width:45%; text-align:center; height:50px; border-top:2px solid #000; border-bottom:2px solid #000; border-right:none; border-left:none; padding:10px;}
.atencion-02 { position:absolute; top:-10px; left:290px; background-color:#c20b19; color:#fff; font-size:0.6rem; padding:2px; text-align:center; z-index:100; min-width:120px; width:auto;}
a.buscador-icono  {width:auto; min-width:50px; padding:0px 5px;color:#000; border:2px solid #000; height:50px; background-color:#fff; font-size:1.8em; text-align:center; min-width:50px;}
a.buscador-icono:hover { background-color:#000; color:#fff;}
#stock, #codigo, #cantidad {text-align:center;}
.numero-busquedas {	border: 1px solid #c20b19;font-size: 1.1em;	text-transform: uppercase;padding:10px;}
.numero-busquedas i { color:#c20b19; font-size:1.5em; padding-right:10px; float:left;}
.numero-busquedas span { color:#c20b19; font-weight:700; letter-spacing:1px;}
.txt-azul { color:#09f !important; font-weight:700 !important;}
.txt-negativo {color:#f00 !important; font-weight:700 !important;}
.txt-rojo { color:#c20b19 !important;}
.txt-small { font-size:0.85em !important;}
.ubicacion-listado, .ubicacion-nueva { font-size:0.9rem; font-weight:600;}
.ubicacion-listado div {border:2px solid #c20b19; padding:0px; background-color:#fff; margin-bottom:15px;}
.ubicacion-codigo { width:90%; padding:6px 10px;display:inline-block; border:none;}
.ubicacion-nueva-box {border:2px solid #11A608; margin-bottom:15px; }
.ubicacion-nueva {display:inline-block; border:none; color:#11a608; padding-left:6px; padding-top:6px; padding-bottom:6px; border-radius:0px;}
.ubicacion-nueva.newCode { /*float:right;*/ padding:0px !important; display:inline;}
.ubicacion-eliminar{
	background-color: transparent;
	width: 10%;
	text-align: center;
	padding: 6px 10px;
	cursor: pointer;
	border: none;
	display: inline-block;
	float:right;
	background-image: url(icon-trash.gif);
	background-repeat: no-repeat;
	background-position: right center;
	background-size:contain;
	border-left:2px solid #c20b19;
}
.reposicion-eliminar{
	background-color: transparent;
	width: 5%;
	text-align: center;
	padding: 6px 10px;
	cursor: pointer;
	border: none;
	display: inline-block;
	float:right;
	background-image: url(icon-trash.gif);
	background-repeat: no-repeat;
	background-position: right center;
	background-size:contain;
}
.ubicacion-nueva-txt { text-transform:uppercase; font-weight:500; color:#394D00; padding-right:5px;}
.ubicacion-add{
	background-color: transparent;
	width: 6%;
	text-align: center;
	padding: 6px 10px;
	cursor: pointer;
	color: #fff;
	display: inline-block;
	float: right;
	background-image: url(icon-add.gif);
	background-repeat: no-repeat;
	background-position: right center;
	background-size:contain;
	border-left:2px solid #11a608;
}
.ubicacion-eliminar i:hover, .ubicacion-add:hover{ color:#333;}
.ubicacion-listado i{color:#fff;}
input.buscador-icono {
	width: auto;
	min-width: 50px;
	padding: 0px 5px;
	color: #000;
	border: 2px solid #000;
	height: 50px;
	background-color: #fff;
	font-size: 1.8em;
	text-align: center;
	min-width: 50px;
	background-image: url(buscar-img.png);
	background-repeat: no-repeat;
	background-size: 80%;
	background-position: center 5px;
}
input.buscador-icono:hover {
	background-color: #000;
	color: #fff;
	background-position: center -38px;
} 
.table-header { background-color:#c20b19; color:#fff; text-transform:uppercase; font-size:0.8em; font-weight:700;}
.table-content { border:1px solid #c20b19;margin:10px 0px; font-size:0.8em;}
.table-header i { padding-right:10px;}
i.tono-calibre-alert {font-size: 1.0em;color: #c20b19; padding-right:5px; }
i.leyenda {padding-right:5px;padding-left:5px;}

a.table-product { display:block; color:#000; text-decoration:none;}
a.table-product:hover { color:#c20b19; text-decoration:none;} 
.codigo{ padding:10px;}
.table-header .descripcion {border-left:1px solid #fff; border-right:1px solid #fff;}
.descripcion { border-left:1px solid #c20b19; border-right:1px solid #c20b19; padding:10px;}
.stock { text-align:right; padding:10px;}
.table-footer { background-color:#ededed; color:#333; font-size:0.8em; padding:15px; text-align:left;  margin-top:10px; margin-bottom:10px;} 
.table-footer i	{ padding-right:10px;}
.btn-volver a i, .btn-volver input i, .btn-volver button i   {    padding-right: 10px;}
.btn-volver a, .btn-volver input, .btn-volver button {
    text-transform: uppercase;
    text-align: center;
    padding: 10px 15px !important;
    min-width: 25% !important;
	width:30% !important;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block !important;
    border: 3px solid #000;
    background-color: #000 !important;
    color: #fff !important;
}
.btn-volver a:hover, .btn-volver input:hover, .btn-volver button:hover{ background-color:#fff !important; border-color:#000; text-decoration:none; color:#000 !important;}
.btn-guardar { margin-right:5px;}
.btn-guardar a, .btn-guardar input, .btn-guardar button{ border-radius:0px; text-align:center; padding:10px 15px;  text-transform:uppercase; text-decoration:none; display:block; border:3px solid #11A608; background-color:#11A608 !important; color:#fff !important; font-weight:700; }
.btn-guardar a:hover, .btn-guardar input:hover, .btn-guardar button:hover { background-color:#fff !important; color:#11A608 !important; border-color:#11A608 !important; text-decoration:none;}
.btn-cancelar { margin-left:5px;}
.btn-cancelar a, .btn-cancelar input, .btn-cancelar button {text-align:center; padding:10px 15px;  text-transform:uppercase; text-decoration:none; display:block; border:3px solid #c20b19; background-color:#c20b19 !important; color:#fff !important;font-weight:700; }
.btn-cancelar a:hover ,.btn-cancelar input:hover, .btn-cancelar button:hover{ background-color:#fff !important; color:#c20b19 !important; border-color:#c20b19 !important; text-decoration:none;}

/*REGULARIZACION STOCK*/
.reg-detalles { background-color:#fff !important; padding-left:0px !important; margin-bottom:0px !important;}
.regularizacion {min-height:50px; background-color:#000; text-align:left; margin-bottom:15px; padding-left:10px;}
.regularizacion-span { background-color:#000; color:#fff; text-transform:uppercase; font-size:0.7em; padding:5px; width:29.5%; font-weight:700;}
.regularizacion-in { border-radius:0px; text-align:left; width:70%; height:50px; border-top:2px solid #000; border-bottom:2px solid #000; border-right:none; border-left:none; padding:10px; font-size:0.8rem;}
.regularizacion-codigo { background-color:#000; color:#fff; text-transform:uppercase; font-size:0.7em; padding:5px; width:25%; font-weight:700; position:relative;}
.regularizacion-detalles { width:40%; height:50px; border-top:2px solid #000; border-bottom:2px solid #000; border-right:2px solid #000; border-left:none; padding:10px; margin-bottom:15px; text-align:center;}
.regularizacion-newLoc{ width:100px; border:none;}
.regularizacion-newGap { width:50px; border:none;}
.regularizacion-newCode  { max-width:120px; border:none; background-color:#093; color:#fff; padding:7px 10px; float:right;}
.regularizacion-detalles-span {
	background-color: #000;
	color: #fff;
	text-transform: uppercase;
	font-size: 0.7em;
	width: 60%;
	font-weight: 700;
	display: block;
	height: 50px;
	float: left;
	padding-top: 15px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
}
.reposicion-detalles-span {
	background-color: #000;
	color: #fff;
	text-transform: uppercase;
	font-size: 0.7em;
	width:50%;
	font-weight: 700;
	display: block;
	height: 50px;
	float: left;
	padding-top: 15px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 8px;
}

.reg-detalles .w-50:first-child{ padding-right:5%;}
.reg-detalles .w-75:first-child{ margin-right:5%; width:65% !important;}
.reg-detalles .w-25{ width:30% !important;}
.cantidad.regularizacion-detalles{ width:35% !important;}
.cantidad.regularizacion-detalles-span { width:60%; padding-right:15px;}
.btn-container {display: -ms-flexbox; /* IE10 */ display: flex; width: 100%;}
.ronly { background-color:#ddd;}
.icon { padding:10px;background:#333; color: white; min-width:auto;text-align: center; font-size:0.6rem; font-weight:600; line-height:1rem;}
.itable {width: 100%;margin-bottom: 1rem;color: #212529;border-collapse:collapse;text-align:right;border:1px solid #333;}
.itable thead th {vertical-align: bottom; border: 1px solid #fff;padding:5px;color:#fff; background-color:#c20b19; text-transform:uppercase; font-size:0.7rem;}
.itable td, itable th {padding:10px 5px; vertical-align: middle; border: 1px solid #c20b19; font-weight:600; font-size:0.7rem;}

i.valid {background-color:#393;}
.valid { border:1px solid #393;}
i.invalid{ background-color:#c20b19;}
.invalid { border:1px solid #c20b19;}
.icon-alert {padding:10px;background:#c20b19; color: white; min-width: 50px;text-align: center;}
.btn { padding: 15px 20px; border: none; cursor: pointer; width: 100%;}

.input-container-error {color:#721c24; background-color:#f8d7da;border-color:#f5c6cb;position:relative;padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem; font-size:0.8rem;}
.ronly {background-color:#ddd;}
/* radio styles*/

.btn-radio {
  display: block;
  position: relative;
  padding-top: 40px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 12px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-transform:uppercase;
  background-color:#fff;
  width:100%;
  border:1px solid #c20b19;
  padding-bottom:10px;
  font-weight:700;
  text-align:center;
}
/*.btn-radio:first-child { margin-right:5%;}*/
/* Hide the browser's default radio button */
.btn-radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 6px;
  left: 45%;
  height: 25px;
  width: 25px;
  background-color: #f8d7da;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.btn-radio:hover input ~ .checkmark {}
/* When the radio button is checked, add a blue background */
.btn-radio input:checked ~ .checkmark {  background-color: #c20b19;}
/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {  content: "";  position: absolute;  display: none;}
/* Show the indicator (dot/circle) when checked */
.btn-radio input:checked ~ .checkmark:after {  display: block;}
/* Style the indicator (dot/circle) */
.btn-radio .checkmark:after {
  top: 9px;
  left: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}