/* FROM HTTP://WWW.GETBOOTSTRAP.COM
     * Glyphicons
     *
     * Special styles for displaying the icons and their classes in the docs.
     */

    .bs-glyphicons {
      padding-left: 0;
      padding-bottom: 1px;
      margin-bottom: 20px;
      list-style: none;
      overflow: hidden;
    }

    .bs-glyphicons li {
      float: left;
      width: 25%;
      height: 95px;
      padding: 10px;
      margin: 0 ;
      font-size: 12px;
      line-height: 1.4;
      text-align: center;
      border: 1px solid #ddd;
    }
    
    .bs-glyphicons-n li {
        width: 20% !important;
    }

    .bs-glyphicons .glyphicon {
      margin-top: 5px;
      margin-bottom: 10px;
      font-size: 24px;
    }

    .bs-glyphicons .glyphicon-class {
      display: block;
      text-align: center;
      word-wrap: break-word; /* Help out IE10+ with class names */
    }

    .bs-glyphicons li:hover {
      background-color: rgba(86, 61, 124, .1);
    }

    .glyphicon-class a{
      color: #fff;
      font-size: 1.4em;
    }
      .bs-glyphicons li {
        font-size: 1.1em !important;
      }
    @media (min-width: 768px) {
      .bs-glyphicons li {
        width: 12.5%;
      }
      .modal-dialog{ width: 60% !important; }

    }
    @media (max-width: 768px) {
          .bs-glyphicons-n li {
          width: 100% !important;
          height: 70px;
      }
    }

  /* mobile */
    @media (max-width: 468px) {
      .glyphicon-class a{
        color: #fff;
        font-size: 0.9em;
      }
      .bs-glyphicons .glyphicon {
          font-size: 12px;
      }
      .modal-dialog{ width: 100% !important; }


    }

  /* tablets */ 
    @media (max-width: 1024px) {
      .glyphicon-class a{
        color: #fff;
        font-size: 1.0em;
      }
      .bs-glyphicons .glyphicon {
          font-size: 16px;
      }
    }

    .chart{ padding-left: 20px; }
    .chart canvas{ width: 96% !important; }

/* Pagina detalle articulo. */
 .detalle div{
  margin: 3px 0;
  border-bottom: 1px solid #ececec;
  display: block;
  min-height: 25px;
  font-size: 14px;
 }
.detallecampo{ border-bottom: 0px white !important; }
 .clearfix{ border: none !important; }

.modal-footer, .modal-header {
    background-color: #f2f7ff;
}

.btn {
    margin-bottom: 0.2em !important;
}


.ml input{
  margin: 5px 0;
}
.ml a{
  margin: 0 0 10px  !important;
}
.tab-pane div{ padding-top: 5px; }


.ANSWERED{ color: black; }

.CLOSED_UNANSWERED{ color: red; }

.UNANSWERED{ color: orange; }

.meli-bg{ background-color: #f6e71a !important; color: #3d3cbc !important;}




/*
 *  STYLE 2
 */

.scroll::-webkit-scrollbar-track, .scroll_min::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
}

.scroll::-webkit-scrollbar, .scroll_min::-webkit-scrollbar
{
  width: 12px;
  background-color: #F5F5F5;
}

.scroll::-webkit-scrollbar-thumb, .scroll_min::-webkit-scrollbar-thumb
{
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  background-color: #3c8dbc;
}

.scroll, .scroll_min{
  display: none;width: 100%; height: 300px; overflow-y: scroll; padding-right: 10px;
}

.scroll_min{
  height: 200px !important;
}

.e-pri, .e-sec, .e-ter, .e-cua{ padding: 6px !important; }
.e-pri{ color: #00c0ef !important;}
.e-sec{ color: #f39c12 !important;}
.e-ter{ color: #dd4b39 !important;}
.e-cua{ color: #00a65a !important;}
  @media (min-width: 780px) {
    .min-hg{    min-height: 250px !important; max-height: 260px !important; }
  /* .min-hg canvas{ max-height: 100px !important;max-width: 200px !important; }*/
  }

  /*.box-body input{ display: none; }*/

  .or_pri,.or_pri span {font-size: 20px !important; font-weight: bold;}
  .or_sec,.or_sec span {font-size: 18px !important;}
  .or_ter,.or_ter span {font-size: 16px !important;}

  canvas {max-height: 160px; }

.empresas_top_mas_pu span, .empresas_top_menos_pu span, .empresas_top_mas span, .empresas_top_menos span, .ventas_por_dia span, .ventas_por_hora{ margin: 2px; }
.badge { margin: 1px; }

/* style all input elements with a required attribute */
input:required {
}

/**
 * style input elements that have a required
 * attribute and a focus state
 */
input:required:focus, select:required:focus {
  border: 1px solid red !important;
  outline: none !important;
}

/**
 * style input elements that have a required
 * attribute and a hover state
 */
input:required:hover, select:required:hover {
  opacity: 1 !important;
}

:required:focus {
  border: 1px solid red !important;
}