@charset "utf-8";
/* CSS Document */
body{
	background: #39aa25 url(../img/background_taurino.png) no-repeat fixed;
	overflow:hidden;	
}

.menu{
	background: #ff3019; /* Old browsers */
	background: -moz-linear-gradient(top,  #ff3019 0%, #cf0404 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3019), color-stop(100%,#cf0404)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ff3019 0%,#cf0404 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */
	height:40px;
	width:100%;
	
	top:0;
}

.menu ul li{
	color:#FFFFFF;
	font-size:1.5em;	
	display:inline-block;
	list-style:none;
	padding: 5px;
}

.menu ul li a{
	text-decoration: none;
	color:#F9F9F9;	
}

.menu ul li a:hover{
	color:#D0D0D0;	
}

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

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

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

.app_mesas{
	display: none;	
}

textarea{
	resize:none;	
}

input[type=text], input[type=date], select{
	height:30px !important;	
}

.anulado{
	font-size:36px;
	position:absolute;
	top:250px;
	margin:10px 10px 10px 200px;
	filter:alpha(opacity=30); 
	opacity:0.3;	
}

.tbl thead th{
	margin-top:0px;
	margin:0;
	padding:0;
}

.tbl > thead{
	background-image:url(../img/fn_toolbar.png);
	vertical-align:text-top;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	height:24px;
}

.btnsave{
	border:0px;
}

.grids > thead{
	border:1px solid #CCC;
	display:block;
	font-size:14px;
	background-image:url(../img/fn_toolbar.png);
	vertical-align:text-top;
	height:24px;
}

.grids > thead > th{
	text-align:center;
	text-transform:uppercase;
	font-weight:bold;
	vertical-align:text-top;
}

.grids > tbody{
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
    display:block;
    overflow-x: hidden;
    overflow-y: scroll;
}

.grids > tbody > tr:hover{
	background:#D3FDD1;
}

.grids > tbody td{
	border-right:solid 1px #CCC;
	border-bottom:solid 1px #CCC;
}

.grids > tbody > tr > td > div{
	white-space: nowrap;
	overflow: hidden;
 	text-overflow: ellipsis;
}

.grids > tbody > tr input[type=text], .input_transparentes{
	border:none;
	background: transparent;
	width:inherit;	
}

/*.comentario{
	width: auto !important;	
}*/

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

.grids > tfoot{
	display:block;	
	background:#DFFDDD;
	font-weight:bold;
}

.grids > tfoot > tr > td{
	border:1px solid #D7D7D7;	
}

input[type=text]:invalid, .error_fila { 
	background:#FFCACB;	
}

.span_total_docs{
	font-size:22px;
	float:right;
}

.botonBuscarProdDetalles{
	/*display:inline;
	position:relative;
	width:30px !important;
	height:25px;
	cursor:pointer; 
	margin-left:-28px;*/
	
	/* border: 1px solid #000; */
	display: inline;
	position: relative;
	cursor: pointer;
	margin-left: -28px;
	/* width: 20px !important; */
	float: right;
	
}

.monedas{
	text-align:right;
}

/*.monedas:before{
	content:"\2709";
}*/

.separadorToolBar{
	margin:-3px 0px 0px 0px;
	width:20px;
	height:18px;
	border-left:2px solid #666;
	border-left-style:dotted;
}

.btnToolBar:hover{
	box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.5);
	border-radius: 5px 0px 5px 0px;
}

.ndocumento{
	border:1px solid #D50306;
	float:right;
	padding: 2px;	
}

.derechosAutor{
	margin-top:44%;
	position:absolute;	
}

.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;
}

.flex_contenedor_principal_productos{
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-content: space-around;
    height: 400px;
}

.flex_items_productos{
    font-size: 1em;
    background: #ddffd1;
    width: 100px;
    min-height: 50px;
    max-height: 100px;
    border: 1px solid #6368ff;
    padding: 5px 5px 5px 5px;
    word-wrap: break-word;
    text-align: center;
    cursor: pointer;
}

.home{
    color: #ff0000;
    border:2px solid #ff0000;
}

.flex_items_productos:hover {
	border: 1px solid #ff7f7f;
}