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

html,
body {
  height: 100%;
  background: #212121;
  color: #FFFFFF !important;
}

input {
  background: #f4f1f1 !important;
  /*color: #FFFFFF !important;*/
}

.modal-body {
  background: #212121 !important;
}

.contene {
  width: 100%;
  max-width: 100%;
  max-height: calc(100vh - 85px);
  overflow: auto;
  margin-top: 1px;
  padding-top: 1px;
  /*position: relative;*/
}

.navmenu {
  background: #E2E4E5;
  max-height: 30px;
  padding-top: 5px;
  padding-bottom: 0px;
}

#navbar-prin {
  /*background: #EC7C26;*/
  z-index: 1000;
}

.titulo-pagina {
  background: #6c757d;
}

.btn-primary {
  background: #284777;
}

.btn-info {
  background: #0989C1;
}

.bg-info {
  background: #0989C1;
}

.btn-secondary {
  background: #6797D1;
}

input.ng-invalid {
  border: 1px solid #f00;
}

select.ng-invalid {
  border: 1px solid #f00;
}

.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: 80%;
  margin: auto;
  background: #A4A4A4;
  margin-bottom: 5px;
  border-radius: 5px;
  padding: 5px;
  text-align: center;
  cursor: pointer;
  /*font-size: x-large;*/
  font-size: 0.9rem;
  color: #FFFFFF;
}

.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;
}

/*AUTOMPLETE*/
.autocomplete {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 1010;
  /*position the autocomplete items to be the same width as the container:*/
  /*top: 20%;
  left: 0;
  right: 0;*/
}

.ticket {
  /*height: 60%;*/
  overflow: auto;
  max-height: calc(100vh - 180px);
}
.listapro {
  /*height: 60%;*/
  overflow: auto;
  max-height: calc(100vh - 250px);
  /*writing-mode: vertical-lr;*/
}

#impresion {
  display: none;
}

.partehorizontal {
  overflow-x: auto;
}

.modal-body {
  /*100%*/
  max-height: calc(100vh - 180px);
  overflow-y: auto;
}
#impresionFactura {
  display: none !important;
  font-size: 10px;
}
#impresionCarta {
  display: none !important;
  font-size: 10px;
}

.letranormal {
  font-size: 0.6em;
  overflow-wrap: break-word;
}

.loaderpan {
  display: block;
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: black;
  z-index: 1100;
  opacity: 0.7;
  filter: alpha(opacity=80);
}

.loader {
  display: block;
  position: absolute;
  top: 35%;
  left: 40%;
  z-index: 1101;
  overflow: auto;
}
.letratabla {
  font-size: 0.8em;
}
.btn-table {
  font-size: 0.5em;
}
table input {
  max-height: 24px;
}
table select {
  max-height: 25px;
}
.TK {
  background-color: #284777;
}
.R {
  background-color: #322c53;
}
.F {
  background-color: #13111b;
}
.CT {
  background-color: #666668;
}

@media print {
  #impresion {
    display: block !important;
    /*font-size: 0.65rem;*/
  }

  #impresionFactura {
    display: block !important;
    font-size: 10px;
  }
  #impresionCarta {
    display: block !important;
    font-size: 10px;
  }

}