[ng-cloak] {
  display: none !important;
}

html,
body {
  height: 100%;
}
#vermapa{
  height: 60%;
  width: 100%;
  background: #9c9c9c;
  position: absolute;
  z-index: 1000;
}
.contene {
  width: 100%;
  max-width: 100%;
  max-height: calc(100vh - 85px);
  overflow: auto;
  margin-top: 0px;
  padding-top: 0px;
  /*position: relative;*/
}
.navmenu {
  background: #d02727; /*#E2E4E5*/
  max-height: 30px;
  padding-top: 5px;
  padding-bottom: 0px;
  color: #fff;
}
.submenu{
  background: #d02721; /*#E2E4E5*/
  color: #FFF;
}
#navbar-prin {
  /*background: #f75348;*/
  z-index: 1000;
}
a:link, a:visited, a:active {
  text-decoration:none;
  color: #FFF;
}
.titulo-pagina {
  background: #d02727; /*#6c757d*/
  opacity: 0.8;
  margin: 0px;
  margin-bottom: 1px;
  color: #FFF;
}
.btn-primary {
  background: #38a1d9; /*#284777;*/
}
.btn-info {
  background: #0989c1; /*#17a2b8*/
}
/*.bg-info{
  background: #0989C1;
}*/
.btn-secondary {
  background: #6797d1;
}
.btn-table{
  font-size: 0.6em;
}
input.ng-invalid {
  border: 1px solid #f00;
}
select.ng-invalid {
  border: 1px solid #f00;
}
.check-min {
  max-height: 18px;
  max-width: 18px;
}
.letra-min {
  color: #000000;
  font-size: 12px;
}
.letratabla{
  font-size: 0.8em;
}
.bg-titulo {
  background: #9c9c9c;
  color: #fff;
  margin-top: 45px;
  margin-bottom: 1px;
}
.bg-subtitulo {
  background: #a4a4a4;
  color: #fff;
  margin-bottom: 0px;
}
.bg-subtitulo select {
  background: #fff;
  height: 25px;
}
.tipobot label {
  width: 95%;
  margin: auto;
  background: #a4a4a4;
  margin-bottom: 5px;
  border-radius: 5px;
  padding: 5px;
  text-align: center;
  cursor: pointer;
}
.separarhorizontal {
  margin-top: 2px;
  border-top: 1px solid grey;
}
.paginados {
  width: auto;
  max-width: 80%;
  overflow: auto;
}
.paginados select {
  width: 4px;
}
.contene .tam-vertical {
  max-height: calc(100vh - 180px);
  overflow: auto;
}
.contene-width {
  max-width: 98%;
  max-height: 80%;
  overflow: auto;
}
.row {
  max-width: 100%;
  margin: auto;
}
.buscar-producto {
  max-height: calc(100vh - 330px);
  overflow: auto;
}
.ticket {
  /*height: 60%;*/
  overflow: auto;
  max-height: calc(100vh - 180px);
}
#impresion {
  display: none;
}
.partehorizontal {
  overflow-x: auto;
}
.modal-body {
  /*100%*/
  max-height: calc(100vh - 180px);
  overflow-y: auto;
}
#lateral {
  max-height: calc(100vh - 150px);
  overflow: auto;
}

#enimpresion {
  display: none !important;
  font-size: 0.65rem;
}
#impresionticket {
  display: none !important;
  font-size: 0.65rem;
}
/*AUTOMPLETE*/
.autocomplete{
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0;
}

.loader {
  /*background: #d02727;
  opacity: 0.5;*/
  color: #fff;
  z-index: 1000;
  width: 20%;
  height: 10%;
  position: fixed;
  top: 35%;
  left: 40%;
  text-align: center;
  border-radius: 0%;
  cursor: pointer;
  font-family: Arial;
  font-size: 0.8em;
  letter-spacing: 0.2em;
 }
 #impresionFactura {
  display: none !important;
  font-size: 10px;
}
/*##########################################################cubo*/
.scene {
  width: 120px;
  height: 120px;
  perspective: 400px;
  margin: 5px auto;
  position: relative;
}

.cube {
  width: 100px;
  height: 100px;
  position: absolute;
  top: 5px;
  left: 5px;
  transform-style: preserve-3d;
  transform: rotateX(-30deg) rotateY(30deg);
  animation: rotate 10s infinite linear;
}

.face {
  position: absolute;
  width: 100px;
  height: 100px;
  background: rgba(0, 128, 255, 0.5);
  border: 2px solid #000;
  box-sizing: border-box;
  text-align: center;
  line-height: 100px;
  font-weight: bold;
  color: white;
}

.front  { transform: translateZ(50px); }
.back   { transform: rotateY(180deg) translateZ(50px); }
.right  { transform: rotateY(90deg) translateZ(50px); }
.left   { transform: rotateY(-90deg) translateZ(50px); }
.top    { transform: rotateX(90deg) translateZ(50px); }
.bottom { transform: rotateX(-90deg) translateZ(50px); }

.label {
  position: absolute;
  font-size: 14px;
  font-weight: bold;
  color: white;
  padding: 4px 8px;
  border-radius: 4px;
  pointer-events: none;
}

.width {
  top: 60px;
  left: 260px;
  background-color: red;
}

.height {
  top: 5px;
  left: 140px;
  background-color: green;
}

.depth {
  top: 220px;
  left: 230px;
  background-color: blue;
}

.arrows {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}

@keyframes rotate {
  from { transform: rotateX(-30deg) rotateY(0deg); }
  to   { transform: rotateX(-30deg) rotateY(360deg); }
}


/*#######################################################################*/
@media print {
  #ocultarimpresion {
    display: none !important;
  }
  #enimpresion {
    display: block !important;
    font-size: 0.65rem;
  }
  #impresionticket {
    display: block !important;
    font-size: 0.65rem;
  }
  #impresionFactura {
    display: block !important;
    font-size: 10px;
  }
}