/* Demo Styles */
html{box-sizing: border-box;}
*{box-sizing: inherit;}
.modal_fer{
  background-color: rgba(0, 0, 0, 0.6);
  width:100%;
  position:fixed;
  height:100%;
  top:0;
  z-index:1001;
}
.modal_cuadro_veda{
  position: absolute;
  z-index: 9999;
  top: 5%;
  left: 30%;

  width: 40%;
  background-color: #fff;
  color: #000;
  padding: 2%;

  max-height: 90%;
  /*min-height: 90%;*/
  min-width:280px;
  /*min-height: 90%;*/
  overflow:auto;
  transform: translate(-50%, -50%);
  border-radius: 2px;
}
.modal_cuadro {
  position: absolute;
  z-index: 9999;
  top: 5%;
  left: 10%;

  width: 80%;
  /*
  background-color: #fff;
  color: #000;
  padding: 2%;
  */

  max-height: 90%;
  /*min-height: 90%;*/
  min-width:280px;
  /*min-height: 90%;*/
  overflow:auto;
  transform: translate(-50%, -50%);
  border-radius: 2px;
}
/* Close Button */
.jh-close {
  font-size: 24px;
  font-weight: 700;
  line-height: 12px;

  position: absolute;
  top: 5px;
  right: 5px;

  padding: 7px 7px 12px;

  cursor: pointer;

  color: #fff;
  border: 0;
  outline: none;
  background: #dd4f12;
}

.jh-close:hover {
  background: #000;
}
@media only screen and (max-width : 1100px) {
  .modal_cuadro, .modal_cuadro_veda{left: 2.5%;width: 95vw;}
}