#sidebar {
    min-height: 100vh;
    height: 100%;
    min-width: 100%;
}

.sidebar-header {
    text-align: center;
    color: #fff;
    font-size: 20px;
    padding: 15px 0;
    font-weight: 500;
}

.sidebar-components {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
}

small {
    margin: 20px 0;
    color: #9D9D9D !important;
    font-size: 12px;
    font-weight: 500;
}

.sidebar-components > .sidebar-item {
    display: flex;
    align-items: center;
    padding: 10px 0;
    margin-bottom: 4px;
    transition: 0.3s;
    text-decoration: none;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
}

.sidebar-components > .sidebar-item:hover,
.sidebar-components > .sidebar-item.selected {
    transition: 0.3s;
    background-color: #393939;
    border-radius: 5px;
}

.sidebar-components > .sidebar-item > i {
    margin: 0 10px;
}

.sidebar-components > .sidebar-item > .sidebar-dashboard {
    content: url("../icons/sidebar/painel.png");
    width: 36px;
}

.sidebar-components > .sidebar-item:hover > .sidebar-dashboard,
.sidebar-components > .sidebar-item.selected > .sidebar-dashboard {
    content: url("../icons/sidebar/painel-hover.png");
    width: 36px;
}

.sidebar-components > .sidebar-item > .sidebar-cadastros {
    content: url("../icons/sidebar/cadastros.png");
    width: 36px;
}

.sidebar-components > .sidebar-item:hover > .sidebar-cadastros,
.sidebar-components > .sidebar-item.selected > .sidebar-cadastros {
    content: url("../icons/sidebar/cadastros-hover.png");
    width: 36px;
}

.sidebar-components > .sidebar-item > .sidebar-totem {
    content: url("../icons/sidebar/totem.png");
    width: 36px;
}

.sidebar-components > .sidebar-item:hover > .sidebar-totem,
.sidebar-components > .sidebar-item.selected > .sidebar-totem {
    content: url("../icons/sidebar/totem-hover.png");
    width: 36px;
}

.sidebar-components > .sidebar-item > .sidebar-servicos {
    content: url("../icons/sidebar/servicos.png");
    width: 36px;
}

.sidebar-components > .sidebar-item:hover > .sidebar-servicos,
.sidebar-components > .sidebar-item.selected > .sidebar-servicos {
    content: url("../icons/sidebar/servicos-hover.png");
    width: 36px;
}

.sidebar-components > .sidebar-item > .sidebar-formularios {
    content: url("../icons/sidebar/formularios.png");
    width: 36px;
}

.sidebar-components > .sidebar-item:hover > .sidebar-formularios,
.sidebar-components > .sidebar-item.selected > .sidebar-formularios {
    content: url("../icons/sidebar/formularios-hover.png");
    width: 36px;
}

.sidebar-components > .sidebar-item > .sidebar-relatorios {
    content: url("../icons/sidebar/relatorios.png");
    width: 36px;
}

.sidebar-components > .sidebar-item:hover > .sidebar-relatorios,
.sidebar-components > .sidebar-item.selected > .sidebar-relatorios {
    content: url("../icons/sidebar/relatorios-hover.png");
    width: 36px;
}

.sidebar-components > .sidebar-item > .sidebar-usuarios {
    content: url("../icons/sidebar/usuarios.png");
    width: 36px;
}

.sidebar-components > .sidebar-item:hover > .sidebar-usuarios,
.sidebar-components > .sidebar-item.selected > .sidebar-usuarios {
    content: url("../icons/sidebar/usuarios-hover.png");
    width: 36px;
}

.sidebar-components > .sidebar-item > .sidebar-setores {
    content: url("../icons/sidebar/setores.png");
    width: 36px;
}

.sidebar-components > .sidebar-item:hover > .sidebar-setores,
.sidebar-components > .sidebar-item.selected > .sidebar-setores {
    content: url("../icons/sidebar/setores-hover.png");
    width: 36px;
}

.sidebar-components > .sidebar-item > .sidebar-sair {
    content: url("../icons/sidebar/sair.png");
    width: 36px;
}

.sidebar-components > .sidebar-item:hover > .sidebar-sair,
.sidebar-components > .sidebar-item.selected > .sidebar-sair {
    content: url("../icons/sidebar/sair-hover.png");
    width: 36px;
}