table.dataTable td {
    font-size: 0.7em;
    height:  0.1em;
    vertical-align: middle;
}

table.dataTable tbody th, table.dataTable tbody td {
    padding: 4px 7px; /* e.g. change 8x to 4px here */
}

label{
  display:inline-block;
  margin-bottom:.0rem
}

.datepicker{
	max-width: 173px;
	margin-left: 16px;
}

.btnBuscar{
  margin-left: 15px;
  height: calc(1.5em + 0.5rem + 6px);
  width: 41px;
  margin-right: 15px;
}

.selected1{
  position: absolute;
  z-index: 1;
  margin-left: 257px;
  margin-top: 0px;
  font-size: 14px;
  width: 31px;
  background: white;
  height: 32px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  padding-top: 4px;
  padding-left: 2px;
  border: 1px solid #aaa;
}

.selected2{
  position: absolute;
  z-index: 1;
  margin-left: 518px;
  margin-top: 0px;
  font-size: 14px;
  width: 31px;
  background: white;
  height: 32px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  padding-top: 4px;
  padding-left: 2px;
  border: 1px solid #aaa;
}

th{
  text-align: center;
}

.truncate {
  max-width:50px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dt-body-center{
  text-align: center;
}


@media only screen and (min-width: 100px) {
  /* For tablets: */
  .resp {width: 95%;}
 
}

 
@media (min-width:992px){
  .resp{max-width:700px}
}

@media (min-width:320px){
  .resp{max-width:700px}
}

/* @media (min-width:320px){
  .track-list{font-size: 10px;}
} */

@media (max-width:450px){
  .track-list{font-size: 10px;}
  .order-track-step{display: flex;height: 2.3rem;margin-bottom: 1rem; margin-top: 1rem; line-height: 1.2;}
  .order-track-status-line{display: block;margin: 0 auto; width: 2px; height: 4rem; background: #c4c4c4; }
}


@media (max-width:360px){
  .track-list{font-size: 10px;}
  .order-track-step{display: flex;height: 2.3rem;margin-bottom: 1.3rem; margin-top: 1rem; line-height: 1.2;}
  .order-track-status-line{display: block;margin: 0 auto; width: 2px; height: 4rem; background: #c4c4c4; }
}

@media (max-width:320px){
  .track-list{font-size: 10px;}
  .order-track-step{display: flex;height: 2.3rem;margin-bottom: 3rem; margin-top: 1rem; line-height: 1.2;}
  .order-track-status-line{display: block;margin: 0 auto; width: 2px; height: 4rem; background: #c4c4c4; }
}