.skin-base .nav-sidebar .nav-link.active svg {
    stroke: #b0292c;
}

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

.spinner-border {
    margin-left: 15px;
    height: 23px;
    width: 23px;
}

.badge {
    width: fit-content !important;
}

a.nav-link.dropdown-toggle::after {
    margin-left: 2.255em !important;
}

.collapse_class {
    margin-top: 6px;
}

.m-r-1 {
    margin-right: 0.3em;
}

.nav-second-level {
    list-style-type: none;
}

.sidebar-body .nav-sidebar .submenu-item a {
    color: #25396f;
    display: block;
    font-size: 0.85rem;
    font-weight: 600;
    letter-spacing: 0.5px;
    padding: 0.7rem 1rem;
    transition: all 0.3s;
}

.float-right {
    float: right !important;
}

.mr-2 {
    margin-right: 5px;
}

#biometrics_verification_webcam video {
    background-image: url('https://i.ytimg.com/vi/w6geNk3QnBQ/maxresdefault.jpg');
    background-size: cover;
}

#biometrics_registration_webcam video {
    background-image: url('https://i.ytimg.com/vi/w6geNk3QnBQ/maxresdefault.jpg');
    background-size: cover;
}

.timeline {
    border-left: 1px solid hsl(0, 0%, 90%);
    position: relative;
    list-style: none;
}

.timeline .timeline-item {
    position: relative;
}

.timeline .timeline-item:after {
    position: absolute;
    display: block;
    top: 0;
}

.timeline .timeline-item:after {
    background-color: #fff;
    left: -45px;
    border-radius: 50%;
    height: 25px;
    width: 25px;
    content: "";
    border: 2px solid #b0292c;
}

.timeline .timeline-item-completed:after {
    padding: 1px;
    content: "\2713";
    color: #fff;
    text-align: center;
    background-color: #b0292c;
}

.timeline .timeline-item-inprogress:after {
    background-color: #b0292c;
}