.card-tracking {
    background: white;
    margin-top: 10px;
    width: 98%; 
    margin-bottom: 1%;
    box-shadow: 2px 2px 5px #999;
    -webkit-box-shadow: 2px 2px 5px #999;
    -moz-box-shadow: 2px 2px 5px #999;
    filter: shadow(color=#999999, direction=135, strength=2);
    margin-left: 10px;
    margin-right: 10px;
}
.tracking-header {
    width: 100%;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    display: flex;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px #CCCCCC solid;
}
.tracking-origen {
    margin-left: 10px;
    width: 33%;
}
.tracking-destino
{
    width: 35%;
}
.tracking-estado
{
    width: 20%;
}
.tracking-opciones {
    width: 10px;
}
.badge-estado {
    padding: 1px 9px 2px;
    border-radius: 9px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    font-weight: bold;
}
.ocultarCont {
    max-height: 0;            
    overflow-y: hidden;
    -webkit-transition: max-height 0.8s ease-in-out;
    -moz-transition: max-height 0.8s ease-in-out;
    -o-transition: max-height 0.8s ease-in-out;
    transition: max-height 0.8s ease-in-out;
}
.mostrarCont {
    max-height: 400px ; 
    overflow-y: hidden;
    -webkit-transition: max-height 0.8s ease-in-out;
    -moz-transition: max-height 0.8s ease-in-out;
    -o-transition: max-height 0.8s ease-in-out;
    transition: max-height 0.8s ease-in-out;
}