.transport-status-pending {
    background-color: #777777;
    color: white;
}

.transport-status-cancel {
    background-color: #D9534F;
    color: white;
}

.transport-status-running {
    background-color: #3498DB;
    color: white;
}

.transport-status-finished {
    background-color: #5CB85C;
    color: white;
}


.img-menu-brand {
    max-width: 200px;
}


@media only screen and (min-height: 721px) {

    .my-map {
        margin: 0px;
        width: 100%;
        height: 680px;
        max-height: 680px;
    }

    .services-itens {
        max-height: 680px;
        overflow-y: auto;
    }
}

@media only screen and (max-height: 720px) {

    .my-map {
        margin: 0px;
        width: 100%;
        height: 425px;
        max-height: 425px;
    }

    .services-itens {
        max-height: 425px;
        overflow-y: auto;
    }
}


.max-carcters {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 75ch;
    margin: 1px;
}

.text-pre-line{
    white-space: pre-line;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 20ch;    
}

/*
.max-characters-22 {
    white-space: pre;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 22ch;
}
*/


.max-characters-15 {
    display: inherit;
    max-width: 15ch;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: middle;
}


.max-characters-22 {
    display: inherit;
    max-width: 22ch;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: middle;
}


.max-characters-30 {
    display: inherit;
    max-width: 30ch;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: middle;
}

bottomPush-2 {
    position: fixed;
    bottom: 0;        
}


.map-position {
    flex-direction: row;
}

.map-geolocation-address 
{
    margin-top: 8px;
    border: 1px solid black;    
    padding: 8px;
}

.fa-color-black {
    color: black;
}

.border-1 {
    border-width: 1px !important;
}