@import '../../../theme';

.side-menu-nav {
	padding-top: calc(#{$header-height} + 0.8rem);

	.menu {
		.menu-items {
			height: 4.8rem;

			.title-icon-group {
				.menu-title {
					font-weight: lighter;
					outline: none;
          font-family: 'NunitoFont', sans-serif;
				}
			}

			.menu-expand {
				color: $aeap-side-bar-icon-color;
			}

			&:hover {
				background: $aeap-color-blue;

				&:hover .menu-title,
				&:hover .title-icon,
				&:hover .menu-expand {
					color: $aeap-color-white;
				}
			}
		}

		.sub-menu {
			transition: height 0.5s ease-in-out;

			.sub-menu-items {
				height: 4.8rem;

				.sub-title-icon-group {
					.sub-menu-title {
						color: $aeap-side-bar-color;
						font-weight: lighter;
					}

					.sub-title-icon {
						color: $aeap-side-bar-icon-color;
					}
				}

				&:hover {
					background: $aeap-color-blue;

					&:hover .sub-menu-title,
					&:hover .sub-title-icon,
					&:hover .sub-menu-expand {
						color: $aeap-color-white;
					}
				}
			}
		}
	}

	.toggle-side-panel {
		bottom: 0;
		position: absolute;

		.icon-color {
			&:hover {
				color: $aeap-color-white;
			}
		}
	}

	.dark-selection-background {
		background: $aeap-side-bar-bg-dark;
		border-left: 0.5rem solid $aeap-color-blue;
	}

	.selection-background {
		border-left: 0.5rem solid $aeap-side-bar-bg-dark;
	}

	.dark-selected {
		background: $aeap-side-bar-bg-dark;
	}

	.selected {
		background: $aeap-color-blue;
	}

	.selection-white {
		color: $aeap-color-white;
	}

	.in-active-grey {
		color: $aeap-side-bar-color;
	}

	.icon-color {
		color: $aeap-side-bar-icon-color;
	}

	.image-menu {
		height: 2.6rem;
		width: 2.4rem;
	}
}