body {
    background: rgb(229 229 229);
}

.page {
    width: 1500px;
    height: 1100px;
    margin: 0 auto;
    margin-top: 4px;
}

fieldset {
    border: 1px solid #999;
    background: #fff;
    border-radius: 4px;
}

fieldset legend {
    display: flex;
    width: auto;
    justify-content: center;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding: 2px 15px;
    font-size: 12px;
    font-weight: 500;
    border: 1px solid #325472;
    border-radius: 4px;
    background: #577590;
    color: #ffffff;
    margin-bottom: 0.25rem;
}

.leaflet-container {
    background: none;
}

.map-data {
    width: 650px;
    height: 450px;
}

.map-data-box-project {
    padding: .25rem;
    background-color: #fff;
    border-radius: .25rem;
    max-width: 100%;
    height: 450px !important;
}

.map-data-box-daily-accident .map-guid {
    position: absolute;
    bottom: 30px;
    left: 50px;
    width: 110px;
    height: 105px;
    background-color: #ffffff;
    z-index: 400;
    padding: 10px;
    color: #666;
    border: 1px solid #aaa;
    border-radius: 8px;
}

.map-data-box-daily-accident .map-guid p {
    font-size: 11px;
    margin-bottom: 5px;
    font-weight: bold;
}

table i {
    font-size: 25px;
}


/* counters style */

.counter {
    font-size: 16px;
}

.counter-icon i {
    font-size: 40px;
}


/* end counters style */
.topic {
    background-color: #277da1;
    border-radius: 4px;
    border: 1px solid #1a6585;
}
.topic-p {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
}
.topic-p-rms {
    width: inherit;
    border-bottom: 1px dashed #b5a7a7;
    border-top: 1px dashed #b5a7a7;
    color: #f9c74f;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 0.2em;
}