@charset "utf-8";
/* CSS Document */


.spinner {
  display:none;
  margin-left: 30%;
  margin-top:-650px;
  width: 150px;
  text-align: center;
  position:absolute;
  z-index:1100;
}

.spinner > div {
  width: 18px;
  height: 18px;
  background-color: #000000;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: bouncedelay 1.5s infinite ease-in-out;
  animation: bouncedelay 1.5s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.64s;
  animation-delay: -0.64s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce3 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

.spinner .bounce4 {
  -webkit-animation-delay: -0.10s;
  animation-delay: -0.10s;
}

@-webkit-keyframes bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0.0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes bouncedelay {
  0%, 80%, 100% {
	transform: scale(0.0);
	-webkit-transform: scale(0.0);
  } 40% {
	transform: scale(1.0);
	-webkit-transform: scale(1.0);
  }
}

.derecho-item{
	float: right;
	margin-right: 20px;	
}

.element-inline{
	display:inline;
	position:absolute;
	margin-top:-3px;	
}

.element-block{
	display:block;
	margin-top:-3px;	
}

textarea{
	resize:none;	
}

.anulado{
	font-size: 36px;
    position: absolute;
    top: 270px;
    margin: 20px 10px 10px 220px;
    filter: alpha(opacity=30);
    opacity: 0.5;
    background-color: black;
    padding: 5px;
    border-radius: 10px;
	color: #FFFFFF;
	z-index: 1000;
}

.input_transparentes{
	border:none;
	background: transparent;
	width:inherit;	
}

.monedas input[type=text]{
	text-align:right;
}

.monedas{
	text-align:right;
} 

.printDocs{
	border:1px solid #EBEBEB;
	border-radius: 5px 5px 5px 5px;
	height:24px; 
	cursor:pointer;
	padding-left:30px;
}

.printDocs:hover{
	background-color:#D8E6F5;
}

/**
* impresion
*/

.select_sin_apariencia{
	margin-top: 5px;
	border:none;
	background: transparent;
	height: auto !important;
}

.grid_container {
	display: grid;
	grid-template-columns: 1fr 2fr 1fr;
}

.grid_container_producto {
	display: grid;
	grid-template-columns: 10% 30% repeat(5, 1fr);
}

.grid_item {
	word-wrap: break-word;
	padding: 2px;
}

.badge {
	background-color: #31be67;
	color: #fff;
	padding: 5px;
	border-radius: 5px;
	font-size: 1.2em;
}
.badge.rojo{
	background-color: #ff7f7f;
}
.badge.amarillo{
	background-color: #f8fa75;
	color: #e05656;
}

.titulo[data-titulo]:hover::after,
.titulo[data-titulo]:focus::after {
	content: attr(data-titulo);
	position: absolute;
	left: 80px;
	top: 452px;
	min-width: 200px;
	border: 1px #aaaaaa solid;
	border-radius: 10px;
	background-color: #ffffcc;
	padding: 12px;
	color: #000000;
	font-size: 14px;
}

.altura_tbody{
	height: 500px;
}

/* Rules for sizing the icon. */ 
.material-icons.md-18 { font-size: 18px; } 
.material-icons.md-24 { font-size: 24px; } 
.material-icons.md-36 { font-size: 36px; } 
.material-icons.md-48 { font-size: 48px; }

/*pantalla completa si es movil*/
@media screen and (max-width: 576px) {
	.ocultar-movil, 
	.descripcion-movil{
		display: none !important;
	}
	.card{
		height: 100% !important;
		left: 0;
		max-height: 100% !important;
		max-width: 100% !important;
		position: fixed !important;
		top: 0;
		width: 100% !important;
		font-size: 18px;
	}
	.card-body{
		overflow: auto;
		padding: 0 !important;
	}
	.table.table-footer-fixed tfoot{
		position: relative !important;
		bottom: auto !important;
	}
	.anulado{
		top: 400px;
    	margin: 20px 10px 10px 100px;
	}
	.altura_tbody{
		height: 100% !important;
	}
	.mas-acciones{
		display: flex;
	}
	.mnxSistema > .row > .col-6 > a > .mb-3{
		display: block !important;
	}
}
@media (min-width: 960px) {
	.descripcion-movil{
		width: 350px;
	}
	.mas-acciones{
		display: none;
	}
}

.icn-find {
	display: flex !important;
    position: absolute;
    cursor: pointer;
    margin: 10px 70px;
    float: right;
}

.input-transparente input[type=text],
.input-transparente input[type=date],
.input-transparente input[type=number], 
.input-transparente select{
	border:none;
	background: transparent;
	width:100%;
}

.input-transparente input[type=text], 
.input-transparente input[type=number]{
	font-size: 20px;
}

.fa-sync-icon {
	animation: rotate 1s linear infinite;
}
  
@keyframes rotate {
	from {
	  transform: rotate(0deg);
	}
	to {
	  transform: rotate(360deg);
	}
}