table{ font-size: small}
.form-control{
    font-size: small;
    height: 30px;
}
.inv-block{stroke-width: 1 !important; stroke: black !important}
.inv-block-over{opacity: 0.9  }
.z1{fill: rgb(25,200,25) !important}
.z2{fill: rgb(25,160,25) !important}
.z3{fill: rgb(25,120,25)  !important}
.z4{fill: rgb(25,80,25)  !important}
.z5{fill: rgb(25,60,25)  !important}
.z6{fill: rgb(25,40,25)  !important}
.z7{fill: rgb(25,20,25)  !important}
.z8{fill: rgb(25,10,25)  !important}
.z9{fill: rgb(25,0,25)  !important}
.znew{fill: rgb(25,250,25)  !important}
.inv-block-sub{fill: rgb(25,120,120) !important}
.inv-noblock{fill: white !important;
             stroke: white !important}
.inv-alzado{ strokewidth: 1 !important; stroke: black !important; fill: green !important  }
.text-muted{font-style: italic; color: #2777  }
.inv-selected{stroke: yellow !important; stroke-width: 2 !important }
.inv-vc{stroke: silver !important;stroke-width: 1 !important; fill : transparent !important }
.inv-vl{stroke: blue !important; stroke-width: 2 !important; fill : transparent !important }
.inv-cumb{fill: magenta !important; stroke: magenta !important; stroke-width: 2 !important}
.inv-pfp{stroke: orange !important; stroke-width: 1 !important; fill : transparent !important }
.inv-pvc{stroke: red !important; stroke-width: 1 !important; fill : transparent !important }
.inv-pun{stroke: silver !important; }
.inv-baj{stroke: blue !important; }
.inv-pil{stroke: black !important; }
.loader {
  border: 16px solid #f3f3f3; /* Light grey */
  border-top: 16px solid #3498db; /* Blue */
  border-radius: 50%;
  width: 30px;
  height: 30px;
  margin: 0 0 0 50%;
  animation: spin 1s linear infinite;
}
.loader-red {
  border-top: 16px solid red; /* Blue */

}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.bocadillo-cuadrado {
    position: absolute;
    height: 45px;
    width: 100px;
    background: white;
    box-shadow: 1px 12px 33px rgba(0, 0, 0, 0.5);
    padding-left: 2px;
    padding-right: 2px;
    text-align: center;
    vertical-align: baseline;
}
.bocadillo-cuadrado:before {
    border: 25px solid white;
    content: '';
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-right-color: transparent;
    position: absolute;
    bottom: -48px;
    left: calc(50% - 25px);

}
.menu-up {
      width:250px;
      background: white;
      position:absolute;
      border:1px solid black;
     -moz-box-shadow: 0 0 5px #888;
      -webkit-box-shadow: 0 0 5px#888;
      box-shadow: 1px 12px 20px rgba(0, 0, 0, 0.5);
}
.menu-up:before { bottom: -50px;
}
.menu-up ul{
      list-style: none;
      list-style-type: none;
      list-style-position: outside;
}

.menu-up li{
      line-height: 30px;
      font-size: 16px;
      cursor:pointer;
}
/*Esto hace que los textos no sean seleccionables en los SVG's' */
svg text{
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}

.autoupdated
{background-color: orange  }

select option: disabled
{color red}