.sidebar-content {
	display: block;
	position: relative;

	> .section {
		margin: 0;
		padding: 0 7px;

		> .title {
			text-transform: uppercase;
			font-size: 1rem;
			font-weight: 600;
			color: map-get($gray-shades, 700);
		}

		> .text {
			margin: 10px 0;
			font-size: 1rem;
			font-weight: 500;
			color: $color-black-light-3;
		}

		> .label {
			display: inline-block;
			margin: 10px 0 13px 0;
			padding: 0.3rem 0.7rem;
			font-size: 1.1rem;
			font-weight: 500;
			background-color: map-get($gray-shades, 600);
			color: map-get($gray-shades, 100);
			@include border-radius(3px);
		}

		> .list {
			margin: 10px 0;

			> .item {
				padding: 3px 0;
				display: flex;
				flex-direction: row;
				align-items: center;
				cursor: pointer;

				> .dicon {
					font-size: 16px;
					font-weight: bold;
					color: map-get($gray-shades, 500);
				}

				> .name {
					display: inline-block;
					padding: 0 0 0 8px;
					font-size: 1rem;
					font-weight: 500;
					color: $color-black-light-3;
				}

				> input[type=checkbox] {
					margin: -6px 0 0 0;
					padding: 0;
				}

				&:hover {
					> .dicon {
						color: map-get($gray-shades, 600);
					}

					> .name {
						color: $color-black-light-1;
					}
				}
			}

			> .selected {
				> .dicon, > .name, &:hover {
					color: $theme-500 !important;
					font-weight: 600 !important;
				}
			}
		}
	}
}