/*HEADER*/

    .header-tracking {
        background-color: #e9ecef !important;
        border-radius: 8px;
    }

    .header-tr-tracking {
        margin: 17px 13px 4px 13px;
        padding:10px;
    }

    .ocorrencias {
   
        background-color: white;
    }
    .view-style-header {
        display: flex;
        flex-direction: column;
        color: #acadb0;
    }


/*CONTAINERS IMAGENS*/

    .container-envios {
        width: 100%;
        height: 108px;
        background-color: #E3E4E8; 
    }

    .container-envios-create-chamado {
        width: 100%;
        height: 108px;
        background-color: transparent;
    }

    .container-white-fora {
        max-width: 70%;
        height: 120px;
        border-radius: 55px;
        margin: 0 auto;
        background-color: white;
        padding: 5px 5px;
        display: flex;
        align-content: center;
        justify-content: center;
        flex-direction: column;
        position:relative;
        top:-6px;
    }

    .container-white-fora-create-chamado {
        max-width: 100%;
        height: 120px;
        margin: 0 auto;
        background-color: transparent;
        padding: 5px 5px;
        display: flex;
        align-content: center;
        justify-content: center;
        flex-direction: column;
        position:relative;
        top:-6px;
        border:none
    }

    .container-imagens {
        display: flex;
        border-radius: 50px;
        height: 110px;
        display: flex;
        justify-content: center;
        border:1px solid #E3E4E8;
        padding:5px 3.5% 0px 3.5%;
    }

    .container-imagens-create-chamado {
        display: flex;
        height: 110px;
        display: flex;
        justify-content: center;
        padding: 5px 3.5% 0px 3.5%;
    }

    .container-grid-imagens {
        display: flex;
        border-radius: 50px;
        height: 75px;
        display: flex;
        justify-content: center;
        border: 1px solid #E3E4E8;
        padding: 0px 5px 0px 5px;
    }

    .entregue-cinza {
        display: flex;
        flex-direction: column;
        text-align:center;
        margin-top: 15px;
    }

    .entregue-azul {
        display: flex;
        flex-direction: column;
        text-align:center;
        margin-top:10px;
        padding-bottom: 5px;
        margin-top: 15px;
    }

    .img-entregue-azul {
       
        background-color: blue;
    }

    .entregue-vermelho {
        display: flex;
        flex-direction: column;
        text-align: center;
        margin-top: 10px;
        padding-bottom: 5px;
        margin-top: 15px;
    }

    .entregue-create-chamado-div {
        display: flex;
        flex-direction: column;
        text-align: center;
        margin-top: 10px;
        padding-bottom: 5px;
        margin-top: 15px;
    }
    .entregue-create-chamado-div img{
        width:50px;
        height:50px;
    }

    .container-grid-imagens {
        display: flex;
        border-radius: 50px;
        height: 75px;
        display: flex;
        justify-content: center;
        border: 1px solid #E3E4E8;
        /*padding: 0px 0px 0px 0px;*/
        margin: 0px;
    }

    /*IMAGENS*/

    .nf, 
    .cte,
    .entrega,
    .entregue
    {
        padding:7px;    
    }

    .nf img,
    .cte img,
    .entregue-azul img {
        width: 40px;
        height: 40px;
        margin: 0 auto;
        background-color: #136CFB;
        border-radius: 50%;
        padding: 7px 7px 7px 7px;
    }

    .entrega img,
    .entregue-cinza
    img 
    {
        width: 40px;
        height: 40px;
        margin: 0 auto;
        background-color: #C4C4C4;
        border-radius: 50%;
        padding: 4px 4px 6px 4px;
    }

    .entrega img,
    .entregue-vermelho
    img {
        width: 40px;
        height: 40px;
        margin: 0 auto;
        background-color: #ff6161;
        border-radius: 50%;
        padding: 4px 4px 6px 4px;
    }

    .entregue-create-chamado-cinza {
        background-color: #D4D4D4;
    }

    .entregue-create-chamado{
        width: 40px;
        height: 40px;
        margin: 0 auto;
        /*background-color: #ff6161;*/
        border-radius: 50%;
        padding: 4px 4px 6px 4px;
    }


    /*BORDAS*/


    .border-trackingazul-icones {
        border-top: 3px solid #136CFB;
        border-radius: 1px;
        width: 100px;
        margin-top: 35px;
    }
    .border-trackingazul-icones-create-chamado {
        /*border-top: 3px solid #136CFB;*/
        height:3px;
        border-radius: 1px;
        width: 40%;
        margin-top: 2.5rem;
    }
    .border-trackingcinza-icones {
        border-top: 3px solid #e3e4e8;
        border-radius: 1px;
        width: 100px;
        margin-top: 35px;
    }
    .border-trackingvermelho-icones {
        border-top: 3px solid #F43831;
        border-radius: 1px;
        width: 100px;
        margin-top: 35px;
    }
    .borda-tracking {
    
        border-top: 3px solid #e3e4e8;
        border-radius: 1px;
        width: 100px;
        margin-top: 35px;
    }

    /*TITULOS*/

    .titulos-imagens {
        display: flex;
        justify-content: center;
        text-align: center;
        
    }
    .titulos-imagens p {
        font-size: 12px;
        
    }