.side-bar {
    width: 15rem;
    padding: 2rem 0 0 0;
    overflow-y: auto;
}

.side-bar-item {
    display: flex;
    position: relative;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.25rem;
    padding: .5rem 0.25rem .5rem 1.5rem;
}
    .side-bar-item:hover {
        background-color: var(--background-main-color);
    }

.limit-info-item {
    flex-direction: column;
    align-items: center;
}
    .limit-info-item:hover {
        background-color: white;
    }

.limit-func-info {
}

.or {
    padding: 0.5rem 0;
}

.link-create-company {
    padding: 0 !important;
    text-decoration: underline;
    color: var(--primary-color);
}

.side-bar-subitem {
    display: flex;
    position: relative;
    font-size: 0.9rem;
    font-weight: 500;
    line-height: 1.25rem;
    margin-left: 2rem;
    padding: .5rem .75rem .5rem 1rem;
    border-left: 2px solid white;
}

    .side-bar-subitem a {
        color: #78716C;
    }
    

.side-bar-item.item-active::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0.25rem;
    height: 100%;
    border-radius: 0 12px 12px 0; /* Радиус скругления слева */
    background-color: var(--primary-color);
}

.item-active {
    font-weight: 700;
    background-color: var(--background-main-color);
/*    border-left: .25rem solid var(--primary-color);*/
    color: var(--primary-color);
    box-shadow: 0 2px 4px rgba(var(--primary-color-rgb), 0.1);
    z-index: 1;
}

    .item-active a {
        color: var(--primary-color) !important;
    }

.subitem-active {
    font-weight: 600;
    background: #f8f9fa;
    border-left: 2px solid #A8A29E;
    color: #292b2c;
}

.side-bar-sensorItem {
    padding: .5rem .75rem .5rem .5rem;
    color: #0d6efd;
}

.side-bar-subSensorItem {
    padding: .25rem .75rem .25rem .5rem;
    color: #78716C;
}

.subSensorItem-active {
    background: #f8f9fa;
    border-left: 1px solid #78716C;
}

.subSettingsItem-active {
    background: #f8f9fa;
}

.side-bar-sensor-settings {
    position: relative;
}

.side-bar-item a {
    width: 100%;
    padding-left: .75rem;
    padding-right: 0.75rem;
}

.flag {
    display: inline-block;
    width: auto !important;
}

.side-bar-arrow,
.side-bar-arrow-rotate {
/*    position: absolute;*/
    width: 1.5rem;
    height: 1.5rem;
/*    top: 0.4rem;
    right: 0rem;*/
}

.side-bar-arrow-rotate {
    transform: rotate(90deg);
}

.side-bar-icon {
    width: 1.25rem;
    height: 1.25rem;
}