.card{
  display: block;
  background-color:#fff;
  /* background: linear-gradient(217deg, rgba(255,255,255,.9), rgba(90, 90, 90, 0.1) 79.71%),
            linear-gradient(127deg, rgba(255,255,255,.9), rgba(250,250,250,.9) 10.71%); */
  /* border-radius: 25px; */
  box-shadow: 4px 4px 6px #ccc;
  min-height:180px;
  margin-bottom:20px;
  /* overflow:hidden;     */
  display:block;
  border-radius: 5px;
  border-top: #8CBE67 solid 3px;
  overflow: hidden;
}

.card .data-head{
  margin-left:30px;
  font-size:12px;
  padding:10px;
  margin-bottom: 20px;
  height: 50px !important;
  background-color:#337ab7;
  color: #FFF;
  /* display: block; */
}
.card .data-head span{
  /* display: block; */
}

.card img.vehiculo{
  margin-top:-10px;
  margin-left:15px;
  width: 100%;
  height: auto;
}
.card div.em-data{
  /* background-color:yellow; */
  padding:0 0 10px 0;
  margin-top:-10px;
  width: 100%;
  height: auto;
  font-size:.76em;
}
.card div.em-data span{
  line-height: 22px;
}
.card .rside{
  margin-top:10px !important;
  margin-left:-10px !important;
  padding: 0 15px;
  border-right: solid 3px;
  width:100%;
  display:block;
  /* background-color:#777; */
  padding:0;
  
}

div.status-i{
  height:25px;
  width:72px;
  font-size:1.3em;
  text-align:center;
}

td.highlight {
  background-color: whitesmoke !important;
}

.em-data hr{
  margin: 6px;
}

.btnEditarRemision2{
  margin-right:-5px;
  border-radius: 50%;
  z-index:0;
  font-weight:bolder;
  height:25px;
  font-size:.6em;
}

.btnDetalleRem2{
  /* margin-left:4px;
  margin-top:-8px; */
  /* border-radius: 55%; */
  z-index:0;
  font-weight:bolder;
  /* height:60px; */
  font-size:1.2em;
}








/*-------  Mega-Monitors -----------*/
@media only screen and (min-width:1650px){
  .btnEditarRemision2{
    margin-right:-20px;
  }
  div.w-planta{
    margin:-80px -60px 0 0;
  }
}

/*-------  Monitors -----------*/
@media only screen and (min-width:1200px) and (max-width:1449px){
  .btnEditarRemision2{
    margin-right:-5px;
  }
  .card .data-head{
    font-size:.7em;
    margin-left:10px;
  }
  .card img.vehiculo{
    width: 110%;
  }
  .card div.em-data{
    font-size:.6em;
    padding:5px 0 0 0;
    margin: 0 0 0 0; 
  }
  .card div.em-data span{
    /* margin-top:10px; */
    line-height: 18px;
  }
}

/*------- Tablets -----------*/
@media only screen and (min-width:481px) and (max-width:1199px) {
  .btnEditarRemision2{
    margin-right:5px;
  }
  .card .data-head{
    font-size:.85em;
    margin-left:15px;
  }
  .card img.vehiculo{
    width: 100%;
    margin-left:-10px;
  }
  .card div.em-data{
    font-size:.8em;
    margin: 0 0 0 -15px;
  }
  .card div.em-data span{
    line-height:90%;
  }

  .card .rside{
    display:block;
  }

  div.w-planta img.planta{
    width: 90%;
    height: auto;
  }

  div.w-planta{
    display:none;
  }
}

/*------- Mobile dvices -----------*/
@media only screen and (min-width:5px) and (max-width:480px) {
  .btnEditarRemision2{
    margin-right:-45px;
  }
  .card .data-head{
    font-size:.8em;
    margin-left:-45px;
  }
  .card img.vehiculo{
    margin-left:-5px;
    width: 70%;
  }
  .card div.em-data{
    /* background-color:yellow; */
    margin: 0 0 0 -45px; 
    width: 145%;
    height: auto;
    font-size:.70em;
  }
  .card div.em-data span{
    line-height:80%;
  }

  div.w-planta img.planta{
    display: none;
  }
  div.status-i{
    margin:20px 10px 0 0;
  }
  div.em-data hr{
    margin: 4px;
  }
  /* .btnEditarRemision2{
    border-radius: 50%;
    z-index:0;
    font-weight:bolder;
    height:25px;
    font-size:.7em;
  } */
}