body {
    width: 100vw;
    overflow: hidden !important;
}

.offcanvas.offcanvas-start {
    width: 300px;
}

.bg-active {
    background: rgb(var(--primary-rgb)) !important;
    color: #fff;
}

.offcanvas {
    position: absolute;
    z-index: 100 !important;
}

body.dark-only .offcanvas {
    background-color: #262932 !important;
}

body.dark-only .page-wrapper .list-group-item:last-child {
    border: none;
}

.offcanvas-backdrop {
    display: none !important;
}

.bg-success th {
    background: #4eac4c;
    color: #fff !important;
}

b, strong {
    font-weight: bold;
}

.td_left {
    text-align: left !important;
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

.text-center {
    text-align: center !important;
}

.bangdieukhien {
    font-size: 20px !important;
}

.leaflet-control-layers-toggle {
    background-image: url(../../images/icon.png) !important;
    background-size: unset !important;
    width: 32px !important;
    height: 32px !important;
}


.leaflet-popup-content-wrapper, .leaflet-popup-tip {
    width: 420px !important;
    overflow: hidden;
}

.leaflet-popup-content, .table {
    width: 100% !important;
    padding: 26px 10px 10px;
    margin: 0 !important;
}

.leaflet-bottom.leaflet-right {
    display: none !important;
}

.tab-pane.fade.show.active {
    max-height: 300px;
    max-width: 500px;
    overflow: auto;
}

.leaflet-popup-content-wrapper, .leaflet-popup-tip {
    background: var(--custom-white) !important;
}

.leaflet-popup-content, .table th, .table td {
	padding: 5px !important;
}

.leaflet-right .leaflet-control {
    margin-right: 280px;
}