@include body-class(true) {

	.dashui-plugins-filter {
		display: flex;
		margin: 0 0 $sui-gutter;

		&-search {
			margin-bottom: 0;

			.sui-control-with-icon {

				.sui-form-control {
					height: 30px;
					padding-left: 29px;
					font-size: 12px;
					line-height: 16px;
				}

				[class*="sui-icon-"] {
					top: 7px;
					left: 10px;
					font-size: 12px;

					&:before {
						color: palette(gray, light);
					}
				}
			}

			@include media(min-width, md) {
				max-width: 180px;
				flex: 1;
			}
		}

		.dashui-plugins-filter-tabs {
			flex: 0 0 auto;
		}

		+ .sui-row {

			@include media(max-width, md) {
				display: none;
			}
		}

		@include media(max-width, md) {
			flex-direction: column;
		}

		@include media(min-width, md) {
			align-items: center;
		}
	}

	.dashui-plugin-box{
		.dashui-plugins-filter-tabs {
			.sui-vertical-tab{
				a{
					cursor: pointer;
				}
			}
		}
	}
}