html{
    background-color: #f3f3f4;
    height: 100%;
} 
body{
    background-color:#f3f3f4;
    height: auto;
    
}
.main{
    background-color: white;
    height: 100%;
    margin-inline: 5%;
}
::-webkit-scrollbar {
    width: 5px;
    height: 90%;
    left: 20px;
  }
  /* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 5px;
  }
  
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 5px;
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: #555;
    border-radius: 5px;
  }
.form-select{
    width :50%;
}

.settlement-container{
    /* margin-inline: 100px; */
    padding-top: 10px;
}

.tableassigned{
    width: 95%;
    margin: auto;
}
.carrier-select{
    padding-bottom: 30px;
}

/* tbody tr:active *{
    background-color: rgb(179, 236, 165);
} */
/* table tbody tr:active *{
    background-color: rgb(179, 236, 165);
} */

table tbody tr.selected *{
    background-color: rgb(179, 236, 165);
} 
tbody td.selected *{
    background-color: #f1f484;
} 

table thead{
position: sticky;
top: 0;
z-index: 1;
}

/* thead tr{
    border-bottom: 3px solid black;
} */
/* th,tr{
    border-bottom: 3px solid black;
} */

th{
    border: 1px solid black;
    
}
tbody td{
    border: 1px solid black;
}
.tableassigned table {
    border-collapse: separate;
    border-spacing: 0px;
    

    
}
.routetab table {
    border-collapse: separate;
    border-spacing: 0px;
    

    
}
.tableassigned{
    border-bottom: solid 1px;
    
} 
/* .tableaction{
    width: 95%;
    margin: auto;
} */

.colborder {
    background-color: black;
}

/* ::-webkit-scrollbar {
    width:5px;
  } */


.tableroute table {
    border-collapse: separate;
    border-spacing: 2px;
    border: solid 1px;
    

    
}
#map1{
    height: 100%;
}
#map {
    height: 305px;
    
  }
/* .desccol + .desccol {
    margin-left: 3%;
} */

#warn{
    color: red;
  }