a:focus, a:hover {
     text-decoration: none; 
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button:active{
    background-color: transparent !important;
    border-radius: 25px !important;
    color:black !important;
    background:unset !important;
    border: 1px solid #9A4BA6;
}
input#filtrarReportes {
    border: unset !important;
}
table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_desc, table.dataTable thead>tr>th.sorting, table.dataTable thead>tr>td.sorting_asc, table.dataTable thead>tr>td.sorting_desc, table.dataTable thead>tr>td.sorting {
  background: rgba(147, 99, 205, 0.33);
  text-align: center;
}
.up{
  text-transform: uppercase;
}
.container {
  width: 100% !important;
  padding: 0;
  margin: 20px 0;
}
table#book-table td {
  width: 20% !important;
  text-align: center;
  font-size: 1.1em;
}
form#ventasReporte {
  text-align: center;
}
table#book-table table.dataTable thead>tr>th {
  text-align: center;
}
.footer {
  text-align:right;
  font-weight:bold;
  padding:8px 10px;
}

.align-right {
  text-align:right;
}

table#book-table tfoot.dataFooter tr th {
  text-align: center;
}
tfoot.dataFooter {
  background: rgba(147, 99, 205, 0.33);
}
table#book-table {
  display: block;
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  overflow: scroll;
}
.dt-buttons {
  width: 100%;
}

.dt-buttons > button {
  width: 30%;
  margin: auto;
  background: rgba(147, 99, 205, 0.33);
  font-size: 1em;
  font-family: 'Roboto';
  font-weight: bolder;
  border-radius: 4px;
  border: unset !important;
}
div#book-table_filter {
  width: 100%;
  display: flex;
  align-items: center;
  align-content: center;
  margin: 20px 0;
}
div.dataTables_filter {
  width: 100%;
  display: flex;
  align-items: center;
  align-content: center;
  margin: 20px 0;
}
div#book-table_filter label {
  font-size: 1.2em;
  font-family: 'Roboto';
  text-transform: uppercase;
  width: 100%;
  margin: auto;
}
div.dataTables_filter label {
  font-size: 1.2em;
  font-family: 'Roboto';
  text-transform: uppercase;
  width: 100%;
  margin: auto;
  text-align:right !important;
}
input[type="search"] {
  margin: auto;
  width: 78% !important;
  font-size: 1em !important;
  border: 1px solid #8080808c!important;
  border-radius: 4px;
}
.form-content {
  display: flex;
  width: 100%;
  margin: 13px auto;
}
.form-content label.col-md-1.control-label {
  width: 30%;
  font-size: 1.3em;
  margin: auto;
  text-align: center;
}
.form-content .col-md-4 {
  width: 60%;
  padding: 0;
  margin: auto;
}
form#ventasReporte {
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  width: 102%;
  padding: 0 !important;
  margin: 0 !important;
}
form#ventasReporte label {
  width: 30%;
  font-size: 1.2em;
}
select#queryReporte {
  width: 70%;
}
input#filtrarReportes {
  width: 100%;
  margin-top: 14px;
  font-size: 1.2em;
  background: rgba(147, 99, 205, 0.33);
}
.container h1 {
  font-size: 1.9em;
  text-align: center;
}
a.paginate_button.current {
  background: rgba(147, 99, 205, 0.33) !important;
  border: unset !important;
  border-radius: 19px !important;
}
.dt-buttons {
  margin: 17px 0;
}

@media screen and (min-width: 768px){
  input#filtrarReportes {
    width: 40% !important;
  }
  div#book-table_wrapper {
    width: 95%;
    margin: auto;
  }
  .contenido-form {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
  }
  form.form-horizontal {
    width: 38%;
    margin: auto;
  }
  form#ventasReporte {
    width: 50%;
    display: flex;
    align-items: center;
    align-content: center;
    margin: auto !important;
  }
  select#queryReporte {
    width: 70%;
  }
  form#ventasReporte label {
    width: 30%;
    font-size: 1.2em;
  }
  input#filtrarReportes {
    text-align: center;
   /* width: 41%;*/
    margin-top: 24px;
    margin-left: auto;
    align-items: center;
    align-content: center;
    font-size: 1.2em;
    background: rgba(154,75,166,100);
  }
  table#book-table {
    overflow: auto;
  }
  .form-group {
    margin: auto;
  }
  .dt-buttons {
    width: 50%;
  }
  div#book-table_filter {
    width: 50%;
    margin: auto !important;
  }
  div.dataTables_filter {
    width: 50%;
    margin: auto !important;
  }
 
  .dt-buttons > button {
    width: 20%;
    margin: auto;
    background: rgba(154,75,166,100);
    font-size: 1em;
    font-family: 'Roboto';
    text-transform: uppercase;

  }
  input[type="search"] {
    margin-left: 3% !important;
    width: 35% !important;
    font-size: unset !important;
    border: 1px solid #8080808c!important;
    border-radius: 6px;
    height: auto !important;
    padding: 6px;
  }
  div#book-table_filter label {
    font-size: 1em;
    font-family: 'Roboto';
    font-weight: bold !important;
    text-transform: uppercase;
    width: 100%;
    text-align: right;
  }
  div.dataTables_filter label {
    font-size: 1em;
    font-family: 'Roboto';
    font-weight: bold !important;
    text-transform: uppercase;
    width: 100%;
    text-align: right;
  }
  
}
@media (max-width: 990px) {
  .contenedor{
    width: 50%;
  }
}
@media (max-width: 430px) {
  .contenedor{
    width: 100%;
    margin-bottom: -20px !important;
  }
}

.contenedor2{
    width: 50%;
  }
@media (max-width: 890px) {
    .contenedor2{
      width: 100%;
      margin-bottom: -25px !important;
    }
  }
@media (max-width: 765px) {
    .contenedor2{
      width: 50%;
      margin-bottom: -25px !important;
    }
}
@media (max-width: 430px) {
  .contenedor2{
    width: 100%;
    margin-bottom: -20px !important;
  }
}
.contenedor3{
  width: 50%;
  margin-top: 5px;
}

@media (max-width: 430px) {
.contenedor3{
  width: 100%;
  margin: 1px !important;
}
}
.margen{
  margin: 1px !important;
}
@media (max-width: 1023px) {
  .margen{
    width: 45% !important;
    margin: 1px !important;
  }
}
@media (max-width: 350px) {
  .margen{
    width: 95% !important;
    margin: 1px !important;
  }
}
.div-centrado{
  margin-left: auto;
  margin-right: auto;
  float: none;
}
@media (max-width: 1180px) {
  .form-content label.col-md-1.control-label {
    width: 40%;
  }
}
  @media (max-width: 990px) {
    .form-content label.col-md-1.control-label {
      width: 30%;
    }
}
@media (max-width: 354px) {
  .form-content label.col-md-1.control-label {
    width: 40%;
  }
}
@media (max-width: 298px) {
  .form-content label.col-md-1.control-label {
    font-size: 1.2em;
  }
}
@media (max-width: 270px) {
  .form-content label.col-md-1.control-label {
    font-size: .98em;
  }
}
/* --------------spin loader  */
.vertical-alignment-helper {
  display:table;
  margin-left: auto;
  margin-right: auto;
  float: none;
  height: 100%;
  /*width: 80%; */
}
.vertical-align-center {
  /* To center vertically */
  display: table-cell;
  vertical-align: middle;
}
.cargando{
  font-weight: bold;
  font-size: 120%;
  color:  #fdfbfb;
  font-style:oblique;
}
.loader {
  border: 5px solid #f3f3f3;
  border-radius: 50%;
  border-top: 5px solid #3498db;
  width: 30px;
  height: 30px;
  -webkit-animation: spin 1s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.lds-spinner {
  color: official;
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}
.lds-spinner div {
  transform-origin: 32px 32px;
  animation: lds-spinner 1.2s linear infinite;
}
.lds-spinner div:after {
  content: " ";
  display: block;
  position: absolute;
  top: 3px;
  left: 29px;
  width: 5px;
  height: 14px;
  border-radius: 20%;
  background: #9A4BA6;
}
.lds-spinner div:nth-child(1) {
  transform: rotate(0deg);
  animation-delay: -1.1s;
}
.lds-spinner div:nth-child(2) {
  transform: rotate(30deg);
  animation-delay: -1s;
}
.lds-spinner div:nth-child(3) {
  transform: rotate(60deg);
  animation-delay: -0.9s;
}
.lds-spinner div:nth-child(4) {
  transform: rotate(90deg);
  animation-delay: -0.8s;
}
.lds-spinner div:nth-child(5) {
  transform: rotate(120deg);
  animation-delay: -0.7s;
}
.lds-spinner div:nth-child(6) {
  transform: rotate(150deg);
  animation-delay: -0.6s;
}
.lds-spinner div:nth-child(7) {
  transform: rotate(180deg);
  animation-delay: -0.5s;
}
.lds-spinner div:nth-child(8) {
  transform: rotate(210deg);
  animation-delay: -0.4s;
}
.lds-spinner div:nth-child(9) {
  transform: rotate(240deg);
  animation-delay: -0.3s;
}
.lds-spinner div:nth-child(10) {
  transform: rotate(270deg);
  animation-delay: -0.2s;
}
.lds-spinner div:nth-child(11) {
  transform: rotate(300deg);
  animation-delay: -0.1s;
}
.lds-spinner div:nth-child(12) {
  transform: rotate(330deg);
  animation-delay: 0s;
}
@keyframes lds-spinner {
  0% {
    opacity: 1;
    
  }
  100% {
    opacity: 0;
  }
}
/* --fin---- */
.volver{
  background-color: #003CA6 !important;
  border: #003CA6 !important;
}
.editarProducto{
  padding: 4px 4px !important;
}
.peligro{
  background-color: #F2DEDE !important;
  width: auto !important;
  height: auto !important;
}
.precaucion{
  background-color: #FCF8E3 !important;
  width: auto !important;
  height: auto !important;
}

.fila{
  width: 100% !important;
  height: 100% !important;
  border: 0 !important;
  /* text-align: center !important;
  font-size: 1.1em !important; */
  margin: 0 !important;
  padding: 0 !important;
}
.promo {
  width: 50% !important;
  color: #003CA6;
}