/**
 * Messages Container
 */
div.edd-cm-messages-container {
	margin: 0;
}
	/**
	 * The "no messages" message.
	 */
	div.edd-cm-messages-container > p.edd-cm-no-messages {
		margin: 5px 5px 10px;
		font-size: 0.9em;
	}
	/**
	 * Messages list
	 */
	div.edd-cm-messages-container ul.messages {
		margin: 0;
		margin-bottom: 15px;
		list-style: none;
	}
	div.edd-cm-messages-container ul.messages:empty {
		margin-bottom: 0;
	}

		/**
		 * Generic list item: a conditional
		 * Can be either a message or a condition and consists of three main sub elements:
		 * 		- Content container
		 * 		- Buttons container
		 * 		- Conditions list
		 */
		div.edd-cm-messages-container ul li.conditional {
			position: relative;
			height: auto;
			padding: 8px;
			margin-bottom: 5px;
			border: 1px solid rgba(0, 0, 0, 0.1);
			background: rgba(0, 0, 0, 0.02);
		}
		/* Hover effect */
		div.edd-cm-messages-container ul li.conditional:hover {
			background: rgba(20, 90, 150, 0.05);
			border-color: #99ACB9;
		}
		/* All next-level divs in conditional */
		div.edd-cm-messages-container ul li.conditional > div {
			display: inline-block;
			vertical-align: top;
		}
			/**
			 * 1. Content container for a conditional item
			 */
			div.edd-cm-messages-container ul li.conditional div.content {
				position: relative;
				width: calc(100% - 72px);
			}
				/* Message container or condition select in content */
				div.edd-cm-messages-container ul li.conditional div.content input.message {
					width: 100%;
					margin-bottom: 5px;
				}
				div.edd-cm-messages-container ul li.conditional div.content select.condition {
					width: calc(100% - 50px);
					margin-left: 4px;
				}
			/**
			 * 2. Buttons container
			 */
			div.edd-cm-messages-container ul li.conditional div.buttons {
				width: auto;
			}
				div.edd-cm-messages-container ul li.conditional div.buttons > button.delete-button {
					color: crimson;
				}
			div.edd-cm-messages-container ul li.conditional p {
				color: #333;
				margin: 5px 0 5px 10px;
			}

			/**
			 * 3. Toggleable section
			 */
			div.edd-cm-messages-container ul li.conditional > div.toggleable-section {
				margin: 2px 0 0 44px;
				display: block;
			}
				/**
				 * 3.1. Conditions list
				 */
				div.edd-cm-messages-container ul li.conditional > div.toggleable-section ul.conditions {
					margin: 0;
				}
				div.edd-cm-messages-container ul li.conditional > div.toggleable-section button.add-condition-button {
					margin: 5px 0 8px;
				}
					/**
					 * Condition labels
					 */
					div.edd-cm-messages-container ul li.conditional > div.toggleable-section > div.condition-labels {
						display: block;
						margin-top: 8px;
					}
					div.edd-cm-messages-container ul li.conditional > div.toggleable-section > div.condition-labels > p {
						display: none;
						font-size: 90%;
						color: #777;
						margin: 0;
					}
					/**
					 * Hidden empty condition lists - for CONDITION type entries only
					 */
					div.edd-cm-messages-container ul li.conditional.condition > div.toggleable-section ul.conditions:empty {
						margin: 0;
						display: none !important;
					}
		/**
		 * Default OR label state
		 */
		div.edd-cm-messages-container ul li div.or-label {
			display: none;
		}

		/**
		 * Messages-type conditional entry
		 */
		div.edd-cm-messages-container ul.messages li.conditional.message {
			margin-bottom: 20px;
		}

		/**
		 * Message styles container
		 */
		div.edd-cm-messages-container ul.messages li.conditional.message div.styles-container {
			margin-left: 44px;
		}
			div.edd-cm-messages-container ul.messages li.conditional.message div.styles-container > label {
				font-style: normal;
			}

		/**
		 * Fields container
		 */
		div.edd-cm-messages-container ul li.conditional.condition > div.content > div.fields:not(:empty) {
			margin-left: 43px;
			padding-top: 5px;
		}
		div.edd-cm-messages-container ul li.conditional.condition > div.content > div.fields > * {
			vertical-align: middle;
		}
		div.edd-cm-messages-container ul li.conditional.condition > div.content > div.fields > select {
			margin: 0;
		}
		/**
		 * Condition-type conditional entry, negate button effects
		 */
		div.edd-cm-messages-container ul li.conditional.condition button.condition-negate-button {
			font-size: 10px;
		}
		/**
		 * Condition-type 'OR' and 'AND' labels
		 */
		div.edd-cm-messages-container ul.conditions li.condition > div.or-label {
			display: inline-block;
			position: absolute;
			top: 22px;
			left: -15px;
			bottom: -30px;
			width: 45px;
			border: 1px solid #ccc;
			border-right: 0;
			border-radius: 10px;
			z-index: -100;
		}
		div.edd-cm-messages-container ul.conditions li.condition > div.or-label > span {
			position: absolute;
			top: calc(50% - 9px);
			left: -25px;
			color: #999;
			font-size: 12px;
		}
		div.edd-cm-messages-container ul.conditions li.condition:last-child > div.or-label {
			display: none;
		}
		

	/**
	 * "Add new message" row
	 */
	div.edd-cm-messages-container > div.add-message-container > div.message-container {
		overflow: hidden;
		padding-right: 5px;
	}
	div.edd-cm-messages-container > div.add-message-container > div.message-container > input.message {
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	div.edd-cm-messages-container > div.add-message-container > button {
		float: right;
	}

/**
 * Template row
 */
div#edd-cm-messages-container div#template-row {
	display: none;
}

div#edd-cm-templates {
	display: none;
}

/**
 * Red WordPress button
 */
.wp-core-ui .button-red {
	color: #fff;
	text-decoration: none;
	text-shadow: 0 1px 0 rgba(0,0,0,0.1);
	border-color: #9A6262;
	background: #DE6565;
	-webkit-box-shadow: inset 0 1px 0 rgba(226, 155, 155, 0.65), 0 1px 0 rgba(0,0,0,.08);
	box-shadow: inset 0 1px 0 rgba(226, 155, 155, 0.65), 0 1px 0 rgba(0,0,0,.08);
}

.wp-core-ui .button-red.hover,
.wp-core-ui .button-red:hover,
.wp-core-ui .button-red.focus,
.wp-core-ui .button-red:focus {
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
	background: #CA4C4C;
}
.wp-core-ui .button-red.hover,
.wp-core-ui .button-red:hover {
	border-color: #500E10;
}
.wp-core-ui .button-red.focus,
.wp-core-ui .button-red:focus {
	border-color: #823131;
	-webkit-box-shadow: inset 0 1px 0 rgba(226, 155, 155, 0.65), 0 0 2px 1px rgba(185, 49, 49, 0.8);
	box-shadow: inset 0 1px 0 rgba(226, 155, 155, 0.65), 0 0 2px 1px rgba(185, 49, 49, 0.8);
}

.wp-core-ui .button-red.active,
.wp-core-ui .button-red.active:hover,
.wp-core-ui .button-red.active:focus,
.wp-core-ui .button-red:active {
	color: #fff;
	background: #C35C5C;
	border-color: #7B1A19;
	border-color: #7B1A19 #983132 #983132 #8C3738;
	-webkit-box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.21);
	box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.21);
}

.wp-core-ui .button-red[disabled],
.wp-core-ui .button-red:disabled,
.wp-core-ui .button-red-disabled {
	color: #E79496 !important;
	background: #BA292B !important;
	border-color: #7F1C1F !important;
	-webkit-box-shadow: none !important;
	box-shadow:         none !important;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.1) !important;
	cursor: default;
}