.table-responsive {
    -webkit-overflow-scrolling: auto;
}

.leaflet-lmap-icon {
    border-radius: 100%;
    position: center;
}

.leaflet-lmap-icon:after {
    content: "";
    -webkit-border-radius: 100%;
    border-radius: 100%;
    height: 300%;
    width: 300%;
    position: center;
    margin: -100% 0 0 -100%;
}

@keyframes lmapIcon {
    0% {
        transform: scale(0.1, 0.1);
        opacity: 0;
        position: center;
        filter: alpha(opacity=0);
    }
    50% {
        opacity: 1;
        position: center;
        -ms-filter: none;
        filter: none;
    }
    100% {
        position: center;
        transform: scale(1.2, 1.2);
        opacity: 0;
        filter: alpha(opacity=0);
    }
}

.sidebar .sidebar-brand, .sidebar .sidebar-header {
    background: rgb(41 171 226 / 100%);
}

.sensor-normal .leaflet-popup-content-wrapper,
.sensor-normal .leaflet-popup-tip
{
    background: white;
    border-color: #321fdb;
}

.sensor-warning .leaflet-popup-content-wrapper,
.sensor-warning .leaflet-popup-tip
{
    background: white;
    border-color: #e55353;
}

.leaflet-popup-content-wrapper {
    border-width: 3px;
    border-style: solid;
}

.leaflet-popup-tip-container {
    margin-top: -3px;
    height: 23px;
}

/* modal */
.modal-success {
    --cui-modal-border-color: var(--cui-success);
}
.modal-success .modal-header {
    background-color: var(--cui-success);
    color: var(--cui-white);
}

.modal-primary {
    --cui-modal-border-color: var(--cui-primary);
}
.modal-primary .modal-header {
    background-color: var(--cui-primary);
    color: var(--cui-white);
}

.modal-warning {
    --cui-modal-border-color: var(--cui-warning);
}
.modal-warning .modal-header {
    background-color: var(--cui-warning);
    /*color: var(--cui-white);*/
}

.modal-danger {
    --cui-modal-border-color: var(--cui-danger);
}
.modal-danger .modal-header {
    background-color: var(--cui-danger);
    color: var(--cui-white);
}

.modal-info {
    --cui-modal-border-color: var(--cui-info);
}
.modal-info .modal-header {
    background-color: var(--cui-info);
}

body {
    font-size: 0.9rem!important;
}

.card {
    margin-bottom: 1.5rem;
}

label {
    margin-bottom: .5rem;
}

.leaflet-popup-tip {
    border-style: solid;
    border-width: 0 3px 3px 0;
}

.breadcrumb {
    padding: .75rem 1rem;
}

.form-group {
    margin-bottom: 1rem
}

.table td, .table th {
    vertical-align: top;
}

.badge.bg-warning {
    color: var(--cui-black);
}

.badge.bg-light {
    color: var(--cui-black);
}

.date-picker-dropdown {
    z-index: 10000;
}