body {
  background: #545456;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right,
      #e2e2e2,
      #c9d6ff);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right,
      #e2e2e2,
      #c9d6ff);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
#img{
  object-fit: cover;
  width:100%;
  height:100%;
}
nav li {
  display: inline;
  font-family: Arial, Helvetica, sans-serif;
  color: yellow;
  font-size: large;
}

main {
  padding: 0;
}

.logo {
  width: 30%;
}

div {
  padding: 0;
  margin: 0;
}

.font-size{
  font-size: small;
}
.green {
  background-color: rgba(60, 244, 60, 0.978);
  color: white;
}

.yellow {
  background-color: rgb(246, 246, 7);
  color: black;
}

.red {
  background-color: rgba(247, 8, 8, 0.976);
  color: white;
}

.orange {
  background-color: rgba(230, 159, 29, 0.988);
  color: white;
}

a {
  color: black;
  text-decoration: none;
}

.chat {
  letter-spacing: normal;
  --tawk-header-background-color: #76b51b !important;
  --tawk-header-text-color: #ffffff !important;
  font: 400 16px Lato, sans-serif !important;
  color: #92929e;
  font-family: inherit;
  margin: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: 0 0;
  word-break: break-word;
  display: flex !important;
  flex-direction: row;
  position: absolute;
  bottom: 5%;
  box-sizing: border-box;
  padding: 0 16px 15px;
 justify-items: end;
 right: 0;
}

.factura-to-print {
  background: white;
  text-align: center;
}

@media print {
  div {
    background-color: #76b51b;
  }
  .noprint{
    display: none;
}
#modalContent{
  display: none;
}
}

div .print {
  display: none;
}

.portada1 {
  padding-left: 10vw;
  margin-left: 1vw;
  margin-right: 1vw;
  width: 100vw;
}

@page {
  size: auto;
  /* auto es el valor inicial */
  margin: 0mm;
  /* afecta el margen en la configuración de impresión */
}

.modal-body-scrol{
  max-height: calc(100vh - 200px);
  overflow-y: auto;
  
}