.redBorder {
    border: 1px solid red;
}

#logoemp{
    position: fixed;
    width: 12%;
    bottom: 10px;
    height: 100px;
}
#logoemp img{
    width: 100%;
    height: 66%;
}

@media (max-width:500px) {
    
#logoemp img{
    width: unset;
}
}
.greenBorder {
    border: 1px solid green;
}

.red {
    color: red;
}

.hidden {
    display: none;
}

.show {
    display: block;
}


.iq-icon-box-gab {
    height: 60px;
    /* width: 60px; */
    line-height: 55px;
    text-align: center;
    margin-right: 20px;
    font-size: 26px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    min-width: 170px;
}

.tituloPicking,
.tituloEncs {
    background-color: lightgreen;
    text-align: center;
}

.tituloPacking,
.tituloEmPick {
    background-color: lightcoral;
    text-align: center;
}

.tituloLocalizar {
    background-color: lightblue;
    text-align: center;
}



.encomendaDetails {
    width: 85%
}

.feitosTotal {
    width: 15%;
}

.divEncomendaDetails {
    display: flex;
}

.progressoInner {
    justify-content: center;
}


.progressoCard .card-body {
    text-align: center;
}

.detalhesProdutoDiv,
.confirmarDiv,
.novaLocalizacao {
    display: none;
}

.detalhesProdutoDiv.showIt,
.confirmarDiv.showIt,
.novaLocalizacao.showIt {
    display: block;
}

.hiddenTable {
    display: none;
}

.hiddenTable.showIt {
    display: block;
}

.hiddenDiv{
    display:none
}

.hiddenDiv.showIt {
    display: block;
}
.atribuidos {

    background-color: gray;
}
/*.atribuidos {

    background-color: rgb(255, 255, 179);
}*/

/*.nAtribuidos {
    background-color: rgb(255, 191, 179)
}*/
.nAtribuidos {
    background-color: silver;
}

.picking {
    background-color: rgb(179, 255, 255);
}

.packing {
    background-color: rgb(255, 204, 179);

}

.canceladas {
    background-color: salmon;
}

.finalizadas {
    background-color: lightgreen;
}

@media (max-width:400px) {
    body {
        height: 500px;
    }
}

.my-edit{
    border-radius: 20px;
}

.my-edit-lightgreen{
    box-shadow: 10px 10px 30px lightgreen;
}

.my-edit-yellow{
    box-shadow: 10px 10px 30px yellow;
}

.my-edit-orange{
    box-shadow: 10px 10px 30px orange;
}

.my-edit-redProgress{
    box-shadow: 10px 10px 30px red;
}

/*.w3-light-grey{
    box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.5);
}*/