.linhaPedidos {
    margin-top: 3%;
    border: solid 1px #EEEEEE;
    padding-bottom: 1%;
}
.botaoRastreamento, .botaoRastreamento:hover {
    width: 100px;
    background-color: #2A4472;
    color: #FFFFFF !important;
    font-family: 'Montserrat';
    margin-top: 10px;
}
.botaoRastreamento:hover, .botaoRastreamento:visited, .botaoRastreamento:focus {
    background-color: #2A4472;
    color: #FFFFFF;
}
#ratreioModal {
    z-index: 9999;
}
#divDesktop {
    margin-top: 3%;
}
#cancelado {
    border-left: solid 4px #ff0000;
}
#andamento {
    border-left: solid 4px #00d9d9;
}
#entregue {
    border-left: solid 4px #00d900;
}
#analise {
    border-left: solid 4px #ff6d0c;
}
#canceladoLetra {
    color:#FF0000; 
    font-weight: bold;
}
#andamentoLetra {
    color:#00D9D9; 
    font-weight: bold;
}
#entregueLetra {
    color:#00D900; 
    font-weight: bold;
}
#analiseLetra {
    color:#ff6d0c; 
    font-weight: bold;
}
.titulo {
    margin-left: 10px;
}
.divStatus {
    width: 100%;
    height: 20px;
    background-color: #90909056;
}
.btnGerenciarPedido, .btnGerenciarPedido:hover {
    width: 100%;
    background-color: #2A4472;
    color: #FFFFFF;
    font-weight: bold;
}
/* -------------------------------------------movimento-------------------------------------- */
.pontaEsquerda {
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
}
.pontaDireita {
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
}
.primeiraBolaRasDesktop {
    width: 13%;
    height: 20px;
    border-radius: 50px;
    background-color: grey;
    z-index: 9999;
    position: absolute;
    left: 0px;
}
.titulosRestrear {
    font-family: 'Tahoma';
    font-size: 16px;
    font-weight: bold;
}
.letrasRastreio {
    font-family: 'Montserrat';
    font-size: 16px;
}
.bolaRasDesktop {
    width: 13%;
    height: 20px;
    border-radius: 50px;
    background-color: grey;
    z-index: 9999;
    position: absolute;
    right: -8px;
}
#vermelho {
    background-color: #FF0000;
}
#azul {
    background-color: #00D9D9;
}
#verde {
    background-color: #00D900;
}
#traco1Rep {
    background-color: #FF0000;
}
#traco2Rep {
    background-color: #FF0000;
}
#traco3Rep {
    background-color: #FF0000;
}
#traco4Rep {
    background-color: #FF0000;
}
#traco1And {
    background-color: #00D9D9;
}
#traco2And {
    background-color: #00D9D9;
}
#traco3And {
    background-color: #00D9D9;
}
#traco1Ana {
    background-color: #ff6d0c;
}
#traco2Ana {
    background-color: #ff6d0c;
}
#traco3Ana {
    background-color: #ff6d0c;
}
#traco4Ana {
    background-color: #ff6d0c;
}
#traco1Apr {
    background-color: #00D900;
}
#traco2Apr {
    background-color: #00D900;
}
#traco3Apr {
    background-color: #00D900;
}
#traco4Apr {
    background-color: #00D900;
}
.statusNomeRastDesktop {
    margin-left: 15px;
    font-family: 'Montserrat';
    color: #aa9f9f;
    font-weight: bold;
    margin-top: 10px;
    text-align: center;
    margin-bottom: 3%;
}
.pCanceladoRasDesktop {
    position: relative;
    right: 64px;
}
.icoBalao {
    width: 30px;
    height: 25px;
}
.icoEngrenagemBranca {
    width: 30px;
    height: 25px;
}
#rastreioDesktop {
    border: solid 1px #909090;
}
/* -----------------------status abaixo-------------------------- */
.posicaoRecebidoRasDesktop {
    position: relative;
    right: 70px;
}
.posicaoAprovadoNegadoRasDesktop {
    position: relative;
    right: 40px;
}
.posicaoFaturadoRasDesktop {
    position: relative;
    left: 6px;
}
.posicaoEmTransporteRasDesktop {
    position: relative;
    left: 48px;
}
.posicaoEntregueRasDesktop {
    position: relative;
    left: 80px;
}
/* ---------------------------------------------------------Tablet Grande---------------------------------------- */
.bolaRasTab {
    width: 20%;
    height: 20px;
    border-radius: 50px;
    background-color: grey;
    z-index: 9999;
    position: absolute;
    right: -5px;
}
.primeiraBolaRasTab {
    width: 21%;
    height: 20px;
    border-radius: 50px;
    background-color: grey;
    z-index: 9999;
    position: absolute;
    left: 0px;
}
.statusNomeRastTab {
    margin-left: 8px;
    font-family: 'Montserrat';
    color: #aa9f9f;
    font-weight: bold;
    margin-top: 10px;
    text-align: center;
    margin-bottom: 3%;
}
.posicaoAprovadoNegadoRasTab {
    position: relative;
    right: 10%;
}
.posicaoEntregueRasTab {
    position: relative;
    left: 11%;
}
.posicaoEmTransporteRasTab {
    position: relative;
    left: 6%;
}
/* ---------------------------------------------------------Tablet Pequeno---------------------------------------- */
.statusNomeRastTabPeq {
    margin-left: 4px;
    font-family: 'Montserrat';
    color: #aa9f9f;
    font-weight: bold;
    margin-top: 10px;
    text-align: center;
    margin-bottom: 3%;
}
#rastreioTab {
    border: solid 1px #909090;
}
.bolaRasTabPeq {
    width: 14%;
    height: 20px;
    border-radius: 50px;
    background-color: grey;
    z-index: 9999;
    position: absolute;
    right: -5px;
}
.primeiraBolaRasTabPeq {
    width: 14%;
    height: 20px;
    border-radius: 50px;
    background-color: grey;
    z-index: 9999;
    position: absolute;
    left: 0px;
}
.posicaoRecebidoRasTab {
    position: relative;
    right: 45px;
}
.posicaoAprovadoNegadoRas {
    position: relative;
    right: 70px;
}
.posicaoFaturadoRas {
    position: relative;
    right: 45px;
}
.posicaoEmTransporteRas {
    position: relative;
    left: 15px;
}
.posicaoEntregueRas {
    position: relative;
    left: 80px;
}
/* ---------------------------------------------------------Tablet Pequeno---------------------------------------- */
.btnFiltrarCel, .btnFiltrarCel:hover {
    width: 100%;
    background-color: #000000;
    color: #FFFFFF;
}
.fontTitCel {
    font-size: 15px;
    font-family: 'Tahoma';
}
.linhaCimaBaixo {
    border-top: solid 1px #EEEEEE;
    border-bottom: solid 1px #EEEEEE;
    padding-top: 10px;
    padding-bottom: 10px;
}
.imagemProdCel {
    width: 100%;
}
.divImgProdCel {
    width: auto;
    margin-top: 3%;
    margin-bottom: 3%;
}
.statusNomeRastCel {
    font-family: 'Montserrat';
    color: #aa9f9f;
    font-weight: bold;
    margin-top: 5px;
    text-align: center;
    margin-bottom: 3%;
    font-size: 9px;
}
.posicaoRecebidoRasCel {
    position: relative;
    right: 30px;
}
.posicaoAprovadoNegadoRasCel {
    position: relative;
    right: 20px;
}
.posicaoFaturadoRasCel {
    position: relative;
    left: 13px;
}
.posicaoEmTransporteRasCel {
    position: relative;
    left: 40px;
}
.posicaoEntregueRasCel {
    position: relative;
    left: 58px;
}
.bolaRasCel {
    width: 28%;
    height: 20px;
    border-radius: 50px;
    background-color: grey;
    position: absolute;
    right: -7px;
}
.pCanceladoRasCel {
    position: relative;
    right: 20px;
}
.aplicacaoCel {
    font-family: 'Tahoma';
    font-weight: bold;
    color: #000;
    font-size: 12px;
}
/* ------------------------------------Celular----------------------------------- */
.marginBottomCel {
    margin-bottom: 20px;
}
#rastreioCel {
    border: solid 1px #909090;
}
.primeiraBolaRasCel {
    width: 29%;
    height: 20px;
    border-radius: 50px;
    background-color: grey;
    z-index: 9999;
    position: absolute;
    left: 0px;
}
/* -------------------------------- Modular -------------------------------- */
.barraStatus {
    height: 20px;
    background-color: #90909056;
    
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
}
.traco {
    background-color: transparent;
}
.traco:nth-of-type(1) {
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
}
.traco:nth-of-type(4) {
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
}
.traco.traco-andamento {
    background-color: #00d9d9;
}
.traco.traco-analise {
    background-color: #ff6d0c;
}
.traco.traco-cancelado {
    background-color: #ff0000;
}
.traco.traco-entregue {
    background-color: #00d900;
}
.bolaRastreio {
    width: 13%;
    height: 20px;
    border-radius: 50px;
    background-color: grey;
    z-index: 9999;
    position: absolute;
    right: -8px;
}
.statusRastreio {
    font-family: 'Montserrat';
    color: #aa9f9f;
    font-weight: bold;
    margin-top: 10px;
}
.statusRastreio:nth-of-type(1) {
    margin-left: 12px
}
.statusRastreio:nth-of-type(2) {
    margin-left: 20px;
}
.statusRastreio:nth-of-type(3) {
    margin-left: 32px;
}
.statusRastreio:nth-of-type(4) {
    margin-left: 30px;
}
.statusRastreio:nth-of-type(5) {
    margin-left: 32px;
}