html body {
    height: 100%;
    font-size: 1rem !important;
  }

.stick-header {
    position: sticky !important;
    top:0 !important;
}

.modal-open {
  overflow:hidden;
  overflow-y:scroll;
  padding-right:0 !important;
}

.scrolling-wrapper{
	overflow-x: auto;
}

/* Encabezados letra condensada   */

.tlea-viajes {
  font-family: 'Sofia Sans Extra Condensed', sans-serif !important;
  overflow-x: scroll !important;
  line-height: 1.0 !important;
}

.color-tlea{
  color:#FFC800;
}

.table {
  background-color: rgb(228, 224, 207, 0.7) !important;
}

table.table-bordered > thead > tr > th{
  border:1px solid white;
}

/* Colores de los motivos de no carga */

.closed { background-color:#92D050 !important; color:black !important; }
a:hover.carga { text-decoration: none; }

.other { background-color:#d218eb !important; color:white !important; }
a:hover.other { text-decoration: none; }

.new { background-color:#BFBFBF !important; color:black !important; }
a:hover.mtto { text-decoration: none; }

.active { background-color:#356682 !important; color: white !important; }
a:hover.tran { text-decoration: none; }

.dlog { background-color:#C00000 !important; color: white !important; }
a:hover.dlog { text-decoration: none; }

.dope { background-color:#FF0000 !important; color: white !important; }
a:hover.dope { text-decoration: none; }

.resolved { background-color:#FFFF00 !important; color:black !important; }
a:hover.issue { text-decoration: none; }

.cliente { background-color:#FFC000 !important; color:black !important; }
a:hover.cliente { text-decoration: none; }

.descar { background-color:#0033ff !important; }
a:hover.descar { text-decoration: none; }

a.bg-success { color:black !important; }
a:hover.bg-success { text-decoration: none; }

.bg-primary { color:white !important; }
a:hover.bg-primary { text-decoration: none; }

.chart-wrapper {
  /* border: 1px solid blue; */
  height: 400px !important;
  width: 800px !important;
}


.navbar-brand
{
  font-size: 2rem;
}

.bg-tlea {
  background-color: rgb(228, 224, 207, 0.7) !important;
  background-image: url("https://storagecheicargotest.blob.core.windows.net/dev-cheicargo-public/intranet/imagenes/cubos2.png");
  background-repeat: repeat;
}

.tlea-hidden {
  display: none;
}

.border-3 {
  border-width:3px !important;
  border-color: black !important;
}

.tlea-blue {
  /* font-size: 2rem !important;; */
  color: cornflowerblue !important;
}

/* Letra condensada menu del patio */
.tlea-patio {
  font-family: 'Sofia Sans Extra Condensed', sans-serif !important;
  font-size: 1.2em !important;
  overflow-x: scroll !important;
  line-height: 1.0 !important;
}

.card-img-top {
  width: 100%;
  height: 15vw;
  object-fit: cover;
}

.tooltip {
  position: relative;
  display: inline;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {

  width: 120px;
  bottom: 100%;
  left: 50%;
  margin-left: -60px; /* Use half of the width (120/2 = 60), to center the tooltip */

  visibility: hidden;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

.logo-item:hover {
  opacity: 1;
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}


/* input[type="checkbox"][disabled][checked] {
  filter: invert(100%) hue-rotate(18deg) brightness(5) !important;
}
input[type="checkbox"][disabled] {
  filter: invert(100%) hue-rotate(18deg) brightness(5) !important;
} */

#map {
  /* width: 100vh; */
  height:60vh;
}
/*
html, body {
  height: 100%;
  margin: 0;
  padding: 0;
} */


/* @media (min-width: 1200px) {
  .container-fluid{
      max-width: 970px;
  }
} */

@media print {
  #printPageButton {
    display: none;
  }

  h1, h2, h3 {
    font-size: 1.2rem !important;
  }

  h4, h5 {
    font-size: 1rem !important;
  }

  html {
    font-size: 1.1rem !important;
  }

}