body:not(.wpmud-plugins) {
	p.dashui-note-refresh.refresh-infos {
		font-size: 13px !important;
		text-align: center !important;
		margin: 60px 0 0;
		color: #888 !important;
		padding: 14px 0 !important;
		border-radius: 4px;
		border: 1px solid #e6e6e6;
	}
}
@include body-class(true) {

	.dashui-table-plugins {
		table-layout: auto;
		color: palette(gray, light);

		tbody {

			tr {
				box-shadow: inset 3px 0 $blue;

        &:not(.dashui-is-notinstalled){
          .dashui-column-actions.plugin-row-actions{
            text-align: center;
          }
        }

				td {

					.sui-button-icon{
						&.disabled,
						&:disabled,
						&[disabled]{
							background: inherit;
							color: #8888888a;
						}
					}

					&:first-child {

						@include media(max-width, md) {
							padding-left: 0;
						}
					}

					&:not(:last-child) {

						@include media(max-width, md) {
							margin-bottom: 10px;
						}
					}

					&:last-child {

						@include media(max-width, md) {
							padding-right: 0;
						}
					}

					@include media(max-width, md) {
						height: auto;
						display: block;
						padding: 0 0 0 26px;
						border-bottom-width: 0;
					}
				}

				.dashui-column-title,
				.dashui-column-actions {

					.dashui-plugin-actions {

						&.dashui-mobile-hidden {

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

						&.dashui-desktop-hidden {

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

					.dashui-loader-wrap{
						.dashui-loader{
							display:none;
							i{
								margin-right: 10px;
							}
						}
					}
				}

				.dashui-column-title {

					.dashui-plugin-title {
						display: flex;

						button{
							font-size: 13px !important;
						}

						span{
							font-size: 10px !important;
						}
						.sui-checkbox {

							input + span {

								@include media(max-width, md) {
									margin: 7px 0;
								}
							}

							@include media(max-width, md) {
								margin-right: 10px;
								margin-bottom: 0;
							}
						}

						.dashui-plugin-image {
							width: 30px;
							height: 30px;
							display: block;
							flex: 0 0 30px;
							border-radius: $border-radius;
							background-color: palette(silver, light);
							background-repeat: no-repeat;
							background-position: center;
							background-size: cover;

							+ .dashui-plugin-name {
								margin-left: 15px;
								font-weight: 500;
								&:hover{
									color: #b5b4b4 !important;
								}
								a{
									&:hover{
										color: #b5b4b4 !important;
									}
								}
							}
						}

						.dashui-plugin-name {
							cursor: pointer;
							margin: 0;
							padding: 0;
							border: 0;
							background-color: transparent;
							color: palette(gray, dark);
							font: bold 13px/22px $font;
							letter-spacing: $font--letter-spacing;
							text-align: left;
							transition: 0.2s ease;

              a{
                cursor: pointer;
                margin: 0;
                padding: 0;
                border: 0;
                background-color: transparent;
                color: palette(gray, dark);
                font: bold 13px/22px $font;
                letter-spacing: $font--letter-spacing;
                text-align: left;
                transition: 0.2s ease;
                font-weight: 500;
              }

							&,
							&:hover,
							&:active {
								outline: none;
								box-shadow: none;
							}

							&:hover,
							&:active {
								color: $blue;
							}

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

							@include media(min-width, md) {
								flex: 0 1 auto;
							}

						}

						.dashui-plugin-actions {
							margin-left: 10px;
						}

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

					@include media(min-width, md) {
						width: 1%;
						min-width: 280px;
					}

					@include media(min-width, lg) {
						min-width: 320px;
					}
				}

				.dashui-column-description {

					@include media(min-width, md) {
						width: 40%;
					}
				}

				.dashui-column-actions {
          width: 10%;

					.dashui-plugin-actions {
						display: flex;
						align-items: center;

						&.dashui-mobile-hidden {

							strong {
								flex: 0 0 auto;

								+ .sui-actions-right {
									margin-left: 10px;
								}
							}

							.sui-button {
								//max-width: 113px;

								.sui-loading-text {
									overflow: hidden;
									text-overflow: ellipsis;
									white-space: nowrap;
								}

								&[data-action="project-configure"],
								&[data-action="project-update"],
								&[data-action="upgrade-membership"],
								&[data-action="project-activate"] {
									min-width: 0px;
									max-width: 30px;

									i {
										margin: 0 auto;
									}
								}

								&[data-action="upgrade-membership"] {
									color: #8d00b1;
								}

							}

							.sui-actions-right {
								flex: 1;
								justify-content: flex-end;

								.sui-tag {
									overflow: hidden;
									display: block;
									text-overflow: ellipsis;
									white-space: nowrap;
								}

								@include media(max-width, md) {
									overflow: hidden;
								}
							}
						}

						&.dashui-desktop-hidden {
							padding-top: 10px;
						}
					}

					.sui-tag{
						font-size: 10px;
					}

					@include media(max-width, md) {
						margin-top: -10px;
					}

					@include media(min-width, md) {
						//width: 23%;
						//min-width: 206px;
					}
				}

				&.dashui-bulk-action {
					box-shadow: none;
					td {

						.sui-checkbox {

							@include media(max-width, md) {
								margin-bottom: 0;
								margin-right: 10px;
							}
						}

						@include media(max-width, md) {
							display: flex;
							align-items: center;
							padding: 0;
						}

						@include media(min-width, md) {
							padding-top: 15px;
							padding-bottom: 15px;
						}
					}

					@include media(max-width, md) {
						padding-top: 0;
						padding-bottom: 14px;
					}
				}

				@include media(max-width, md) {
					display: block;
					position: relative;
					padding: 20px;
					border-bottom: 1px solid palette(silver, soft);
				}

        &:last-child {

          td {
            border-bottom: 1px solid #e6e6e6;
          }
        }

		    &:last-child{
           border-bottom: 1px solid #e6e6e6;
        }
      }

			.dashui-tr-header {
				box-shadow: none;
				p{
					color: #AAAAAA;
					font-size: 12px;
					font-weight: bold;
					vertical-align: baseline;
				}
			}

			.dashui-plugin-notactive {
				box-shadow: inset 3px 0 #888888;
			}

			.dashui-plugin-hasupdate {
				box-shadow: inset 3px 0 #fecf2f;
			}

			.dashui-is-notinstalled.dashui-plugin-notactive {
				box-shadow: none;
			}

			tr.dashui-plugin-notactive:not(.dashui-is-notinstalled) .dashui-plugin-name a {
				color: #888888 !important;
			}

			tr.dashui-plugin-notactive:not(.dashui-is-notinstalled):not(.dashui-plugin-hasupdate) img {
				-webkit-filter: grayscale(1);
				filter: grayscale(1);
			}

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

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

	.dashui-table-installed-plugins{
		border-bottom: 0;
		border-right:0;
		margin: 0;
		border-radius: 0;
		tbody{
			tr{
				-webkit-box-shadow: inset 3px 0 #17A8E3;
				box-shadow: inset 3px 0 #17A8E3;

				&.has-update{
					-webkit-box-shadow: inset 3px 0 #FECF2F;
					box-shadow: inset 3px 0 #FECF2F;
				}

				&:first-child td {
					margin-top: 15px;
				}

				td{
					position: relative;

					a.sui-button-onload{
						.main-icon{
							display:none
						}
					}
				}

				&:first-child {

					@include media(max-width, md) {
						padding-top: 0;
					}

					@include media(min-width, md) {
						padding-top: 0;
					}
				}
			}
		}
	}

	.dashui-table-widgets{
		h4{
			font-weight: 500;
			color: #333333;
			font-family: Roboto,Arial,sans-serif;

			a{
				color: #333333;

				&:hover{
					color:#17a8e3;
				}
			}
		}
		tbody {
			tr:last-child {
				padding-bottom: 15px !important;
			}
		}
	}

  .dashui-mobile-hidden {

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

.dashui-desktop-hidden {

    @include media(min-width, md) {
      display: none !important;
    }
  }
}