/*--------- CUSTOM LAYOUT ---------*/


#body {
  
	background-image: url(../images/fondotriangulosgrises.jpg);
	background-color: #ffffff;
	width:100%;
	  text-align: center;
	  margin:0px;
	  padding:0px;
  
  }
  
  #descuento{
      font:4vh;
      color:orange;
  }
  
  .cabecera{
	
	background-color: #000000;
 
	  background-size: 100%;
	  height:15rem;
      margin:0px;
      padding:1rem 0;
      z-index:20;
      margin-bottom: 0.5rem;
  }
  
  
  
  .cabecera h1{
	  font-family: "librebaskerville-bold", serif;
	  font-size: 4.8rem;
	  color:white;
	  text-shadow: 2px 2px 4px #000000;
	  font-style: normal;
      text-rendering: optimizeLegibility;
      z-index:20;
  }
  
  .cabecera h2{
	  font-size:4vmin;
	  text-align:center;
	  color:white;
      text-shadow: 1px 1px 2px #000000;
      z-index:20;
  } 

  /*///////////////////////////////TITULO Y SIBTITULO*/
#nombreLista{
    color:whitesmoke;

    font-size:4em;
}
#ultimaActualizacion{
    color:whitesmoke;
    font-size:2em;
}


#seccionLista{
    background-color: rgb(255, 255, 255);
}

/*////////////////////////////////TABEL DATA*/

td, th{
    font-size:1.5rem !important;
    font-family:Arial, Helvetica, sans-serif;


}



/*///////////////////////////////BARRA DE BUSQUEDA*/
.search{
    background-color: whitesmoke;
    border-radius:0.5em;
}


@media only screen and (max-width: 480px) {
    .columns.columns-right.btn-group.float-right{
      display:none;
    }

	#rubro{
		display:none;
	}
    .float-left.search.btn-group{
        width:100%;
    }
    .cabecera{
        padding-top:8em;
        padding-bottom:10em;
    }
    #seccionLista{
        padding-top:2Vmin;
    }
    td {
        font-size:4vmin;
        font-family:Arial, Helvetica, sans-serif;
    }
    .card-view-title{
        font-size:3.3vmin;
        display:none;
        width:10%;
        font-family:Arial, Helvetica, sans-serif;
    }
	thead{
		display:none;
    }
    
    tr > td > div >  div:first-child >span{
        font-weight: bold;
        color: white;
        background-color:rgb(98, 98, 98);
        font-size: 1.8rem;
    }
     tr > td > div >  div:nth-child(5){
        font-weight: bold;
        font-style: italic;
    } 
    tr > td > div >  div:nth-child(2){
        font-size: 1.3rem;
    } 
    
  }

/*////////////////loading template */
.ph-item,
.ph-picture {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
}


.search-input{
    background-color:rgba(247, 245, 245, 0.796) !important;
    border:2px rgb(102, 102, 102) solid !important;	-webkit-box-shadow: 0 12px 26px -14px black;
    -moz-box-shadow: 0 12px 26px -14px black;
         box-shadow: 0 12px 26px -14px black;

}
.fixed-table-toolbar{
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 0;

    z-index:10 !important;
  }

.fixed-table-header{
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 0;
    background-color: black;
    z-index:10 !important;
}


.info.groupBy{
    background-color:rgb(102, 100, 100);
    color:white;
}