.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    padding-left: 0px;
    padding-right: 0px;
  }


.leaflet-control {
    font-size: 11px;
}


.temp-body {
    overflow-y: auto;
}

.chartjs-render-monitor {
    animation: chartjs-render-animation 1s;
}


.list-group {
    margin: 10px 10px;
    padding: 10px 10px;
}

.my-floating {
    color: rgba(0,0,0,.7);
    border-bottom: 2px solid green; 
    margin-bottom: 30px;
    font-weight: bold;
    min-height: 30px;
}

#table_max th, #table_max td, #table_max tr {
    height: 20px;
}

.hazard-border {
    color: white;
    border-bottom: 2px solid rgb(255, 255, 255); 
    margin-bottom: 10px;
}
.hazard {
    border-radius: 0.35rem; 
    /* height: calc(100vh - 620px);  */
    min-height: 120px;
    max-height: 200px;
    background-color: rgb(34, 159, 212);
}













.all_value{
    padding: 2px 12px;
    border-radius: 10px;
    color: #fff;
    text-align: center;
    width: 5vw;
    min-width: 30px;
}

.class1 {
    background-color: rgb(156, 154, 154);
}

.class2 {
    background-color: rgb(34, 159, 212);
}

.class3 {
    background-color: rgb(21, 194, 21);
}

.class4 {
    background-color: rgb(228, 148, 35);
}

.class5 {
    background-color: rgb(221, 63, 63);
}