.awpc-card-status {
	display: flex;
	flex-direction: row;
	margin-bottom: 20px;
	position: relative;

	&.awpc-card-home {
		justify-content: center;
    	align-items: center;
		flex-direction: column;

		@media (min-width: 600px) {
			flex-direction: row;
		}

		.awpc-info {
			margin-top: 0;

			@media (min-width: 600px) {
				border-left: 1px solid #ececec;
			}
		}
	}

	&::before {
		content: '';
		width: 1px;
		height: 100%;
		position: absolute;
		left: 19px;
		top: 40px;
		border-right: 1px dashed #9e9e9e;
  	}

	&:last-child::before {
		border: 0;
	}

	.awpc-list-status {
		margin-top: 10px;

		.awpc-item-sublist {
			margin-top: 15px;
			padding: 10px;
			background: #f5f5f5;

			ul {
				list-style: none;
				padding: 0;
				margin: 0;
			}

			li {
				margin-bottom: 8px;
			}
		}

		.awpc-item-list {
			padding: 10px 15px;
			background: #fff;
			border: 1px solid #ececec;
			margin-bottom: -1px;

			.awpc-asset-flag {
				float: left;
				margin-right: 10px;

				.dashicons-yes {
					color: green;
				}

				.dashicons-no-alt {
					color: #f44336;
				}

				.dashicons-warning {
					color: gray;
				}
			}

			.awpc-asset-name {
				font-weight: bold;
			}
		}
	}

	.awpc-circle-status {
		width: 40px;
		height: 40px;
		background: #8bc34a;
		font-size: 20px;
		border-radius: 40px;
		color: #fff;
		justify-content: center;
		align-items: center;
		display: flex;

		&.awpc-circle-error {
			background: #f44336;
		}

		&.awpc-circle-warning {
			background: #ff9800;
		}
	}

	.awpc-info {
		padding: 10px;
		border-radius: 2px;
		padding-top: 0;
		margin-left: 10px;
		flex: 1;

		.awpc-title-status {
			margin: 0 0 25px;
			font-size: 28px;
		}
	}
}

.awpc-wrap-header {
	margin-bottom: 45px;
}

.awpc-alert {
	margin-left: 0px;
	margin-bottom: 30px;
}