@media all and (max-width: 992px) {

    body {
        background-color: white;
    }

    /* Pedido */
    .list-view-content p.row-id {
        margin-top: 10px;
        font-size: 1rem; 
        font-weight: bold;  
    }
    /**/

    /* Data pedido */
    .list-view-content p.row-datetime {
        font-size: 0.6rem; 
    }
    /**/

    /* Data de carregamento */
    .list-view-content p.row-loading-forecast{
        color: #E0545B;
        font-size: 0.9rem; 
        font-weight: bold;
    }

    .list-view-content p.row-loading-forecast span.title{
        width: 50%;
        font-weight: bold;
    }

    .list-view-content p.row-loading-forecast span.content{
        width: 50%;
        font-weight: bold;
    }
    /**/

    /* Cliente */
    .list-view-content p.row-costumer{
        font-weight: bold;
        padding-top: 10px; 
        padding-bottom: 10px;
    }

    .list-view-content p.row-costumer span.title{
        width: 16%;
        font-weight: bold;
    }

    .list-view-content p.row-costumer span.content{
        width: 84%;
        font-weight: bold;
    }
    /**/

    /* Valor negociado por Kg */
    /*
    .list-view-content p.row-unitary-value{

    }
    */
    /**/

    /* Total da carga em KG */
    .list-view-content p.row-amount{
        color: #E0545B; 
    }

    .list-view-content p.row-amount{
        font-size: 0.9rem; 
        font-weight: bold;
    }

    .list-view-content p.row-total-amount{
       color: blue; 
    }
    /**/

    /* Valor total do pedido */
    /*
    .list-view-content p.row-total-order-value{

    }
    */
    /**/

    /* Nome do corretor*/
    /*
    .list-view-content p.row-seller{

    }
    */

    .list-view-content p.row-seller span.title{
        width: 18%;
    }

    .list-view-content p.row-seller span.content{
        width: 82%;
    }
    /**/

    /* Valor por Kg negociado com o corretor */
    /*
    .list-view-content p.row-seller-unitary-value{
       
    }
    */

    .list-view-content p.row-seller-unitary-value span.title{
        width: 70%;
    }
    
    .list-view-content p.row-seller-unitary-value span.content{
        width: 30%;
    }
    /**/

    /* Valor total corretor */
    .list-view-content p.row-seller-amount{
        color: #E0545B;
        font-size: 0.8rem;
        font-weight: bold;  
    }
    /**/

    /* Valor total líquido */
    .list-view-content p.row-net-value{
        color: #3CA1DA;
        font-size: 1rem; 
        font-weight: bold;
        margin-top: 20px; 
    }

    .list-view-content p.row-net-value span.title{
        width: 60%;
    }
    
    .list-view-content p.row-net-value span.content{
        width: 40%;
    }

}