#list-page{
    top:55px;
    left:0px;
    position: absolute;
}

#page-list-content::-webkit-scrollbar {
    display: none;
  }

#page-list-content{
    margin: 0px!important;
    padding: 0px!important;
}

#list-map-div{
    height: 200px;
    width: 100%;
    z-index: 10;
}


#list-content{
    margin: 0px;
}

.list-box{
    width: 100%;
    height: 160px;
    border-bottom: 1px solid lightgray;
}

.list-box-content{
    margin: 7px;
}

.list-box-id{
    width: 30px;
    height: 150px;
    float: left;
    text-align: center;
    font-weight: 700;
}

.list-box-status{
    position: absolute;
    top: 3px;
    right: 0px;
    width: 75px;
    height: 24px;
    border-radius: 21px;
    background-color: #e9d41e;
    line-height: 24px;
    text-align: center;
    color: white;
    margin: 5px 5px;
}


.list-box-status__SENT{
    background-color: #1E9DBB;
}

.list-box-status__ACCEPTED{
    background-color: #24B7DB;
}

.list-box-status__REJECTED{
    background-color: #FD6232;
}

.list-box-status__ON_ROUTE{
    background-color: #F6AC2F;
}

.list-box-status__START{
    background-color: #2FC052;
}

.list-box-status__END{
    background-color: #939393;
}


.list-box-status_empty{
    text-align: center;
    padding-top: 2em;
    font-size: medium;
    border-bottom: none;
}


.list-box-appointment{
    float: left;
    font-weight: 800;
    width: 90%;
    white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;

}

.list-box-title{
    width: 90%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.list-box-contact{
    width: 90%;
    white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;

}

.list-box-address{
    width: 90%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.list-box-ab-route{
    padding-left: 0px!important;
}