body{
    font-family: 'Poppins' !important;
    font-size: 0.825rem;
}

a, button {
    font-size: 0.825rem;
}

#live_monitor_main{
    height: 100vh;
    width: 100%;
}

#conn_stat_body, #geofence_stat_body, #gps_stat_body{
    overflow-y: auto;
    overflow-x: auto;
    height: 85vh;
}

/* Conn */
#conn_stat_body > ul {
    flex-direction: column-reverse;
    padding-left: 0;
    display: flex;
}

#conn_stat_body > ul > li {
    padding: 0.250rem 0.5rem;
    list-style-type: none;
    font-size: 0.6rem;
}

#conn_stat_body > ul > li:nth-child(even) {
    background-color: #F3F4F6;
}

.cursor-pointer{
    cursor: pointer;
}

.text-decor-none{
    text-decoration: none;
}

.text-auto{
    color: #212529;
}

.hover-text-primary:hover{
    color: #3490dc;
}

.fs-5{ font-size: 0.5rem !important }
.fs-6{ font-size: 0.6rem !important }
.fs-7{ font-size: 0.7rem !important }
.fs-8{ font-size: 0.8rem !important }
.fs-9{ font-size: 0.9rem !important }
.fs-10{ font-size: 1rem !important }
.fs-11{ font-size: 1.1rem !important }
.fs-12{ font-size: 1.2rem !important }
.fs-13{ font-size: 1.3rem !important }
.fs-13{ font-size: 1.4rem !important }
.fs-15{ font-size: 1.5rem !important }


/** CUSTOM TOGGLE (CHECKBOX) */
._toggle_switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 20px;
    background-color: rgba(0, 0, 0, 0.25);
    border-radius: 20px;
    transition: all 0.3s;
    cursor: pointer;
}
._toggle_switch::after {
    content: '';
    position: absolute;
    width: 18px;
    height: 18px;
    border-radius:50%;
    background-color: white;
    top: 1px;
    left: 1px;
    transition: all 0.3s;
}

._toggle_checkbox:checked + ._toggle_switch::after {
    left : 20px;
}
._toggle_checkbox:checked + ._toggle_switch {
    background-color: #56c080;
}
._toggle_checkbox {
    display : none;
}