/**=====================
   theme layout CSS Start
==========================**/

.page-wrapper.compact-wrapper,
.page-wrapper.horizontal-wrapper {
	.page-body-wrapper {
		.sidebar-wrapper {
			&[sidebar-layout="border-sidebar"] {
				.sidebar-main {
					.sidebar-links {
						.simplebar-wrapper {
							.simplebar-mask {
								.simplebar-content-wrapper {
									.simplebar-content {
										>li {
											.sidebar-link {
												border-bottom: 1px solid rgba($primary-color, 0.1);
												transition: all 0.3s ease;
											}
										}
									}
								}
							}
						}
					}
				}
			}

			&[sidebar-layout="iconcolor-sidebar"] {
				.sidebar-main {
					.sidebar-links {
						.simplebar-wrapper {
							.simplebar-mask {
								.simplebar-content-wrapper {
									.simplebar-content {
										>li {
											$colors: $success-color, $secondary-color, $primary-color, $danger-color,
												$info-color, $warning-color, $light-color;
											$repeat: 60;

											@for $i from 1 through $repeat {
												&:nth-child(#{length($colors)}n + #{$i}) {
													svg {
														color: lighten(nth($colors, random(length($colors))),
																15%) !important;
													}

													&:hover {
														a {
															svg {
																stroke: lighten(nth($colors, random(length($colors))),
																		15%) !important;
															}

															&:hover {
																background-color: rgba(nth($colors, random(length($colors))),
																		0.15) !important;
															}
														}
													}
												}
											}
										}
									}
								}
							}
						}
					}

					.sidebar-links {
						li {
							a {
								span {
									color: #c5c5c5;
								}
							}

						}
					}
				}
			}
		}
	}
}