.group:after {
	content: "";
	display: table;
	clear: both;
}

.ci-media-manager-gallery {

	.ci-upload-to-gallery-preview {
		margin: 10px 0;
		padding: 5px 0;
		border: 1px solid #DFDFDF;
		border-radius: 3px 3px 3px 3px;
	}

	.ci-upload-to-gallery-preview-text {
		font-size: 26px;
		color: #ccc;
	}

	.thumb {
		margin: 5px;
		padding: 3px;
		border: 1px solid #DFDFDF;
		border-radius: 3px 3px 3px 3px;
		float: left;
		width: 100px;
		height: 100px;
		position: relative;
		overflow: hidden;

		.close {
			background-color: #FFFFFF;
			background-position: -96px 4px;
			border-radius: 3px 3px 3px 3px;
			border-width: 0;
			box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3);
			color: #464646;
			display: none;
			font-size: 20px;
			line-height: 20px;
			padding: 0;
			position: absolute;
			right: 5px;
			text-align: center;
			text-decoration: none;
			top: 5px;
			height: 21px;
			width: 21px;
		}

		&:hover .close {
			display: block;
		}

		img {
			max-width: 100px;
		}

		& + .ci-upload-to-gallery-preview-text {
			display: none;
		}

	}

	.ci-upload-to-gallery-preview p {
		margin: 5px;
		text-align: center;
	}
}


.ci-upload-preview {

	.upload-preview {
		display: block;
		max-width: 100px;
		position: relative;

		img {
			border-radius: 3px 3px 3px 3px;
			width: 100px;
			height: 100px;
			position: relative;
			overflow: hidden;
		}

		.close {
			background-color: #FFFFFF;
			background-position: -96px 4px;
			border-radius: 3px 3px 3px 3px;
			border-width: 0;
			box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3);
			color: #464646;
			display: none;
			font-size: 20px;
			line-height: 20px;
			padding: 0;
			position: absolute;
			right: 5px;
			text-align: center;
			text-decoration: none;
			top: 5px;
			height: 21px;
			width: 21px;
		}

		&:hover .close {
			display: block;
		}
	}

}


/* Custom field wrappers and tabs */
.ci-cf-wrap {
	margin-top:12px;

	h4 {
		font-size: 1.05em;
		margin: 0 0 5px;
	}

	.ci-cf-section {
		clear: both;

		border: solid 1px #e4e4e4;
		padding: 20px 20px 10px 20px;
		border-radius: 2px;
		position: relative;
		z-index: 1;

		input[type='text'], select {
			min-width: 200px;
		}

		.ci-field-group {
			margin: 0 0 15px 0;
		}

		label {
			display: block;
			margin-bottom: 5px;
		}

		.ci-field-radio label, .ci-field-checkbox label {
			display: inline-block;
			margin: 0;
		}

		textarea {
			min-height: 100px;
		}
	}

	.wp-picker-container {
		display: block; margin-top: 3px;
	}

	ol.ci-cf-guide {
		list-style-position: inside;
	}

	.ci-cf-guide {
		background: #fffce6;
		color: #948832;
		font-size: 12px;
		border: solid 1px #eeeac9;
		padding:15px;
		margin:0 0 15px 0;
		line-height: 1.68;
	}

	.ci-cf-guide {
		code {
			background: #f8e19d;
			border-radius: 2px;
			border: solid 1px #e5cd84;
			color: #aa5827;
			font-size: 12px;
		}
		em {
			font-family: Consolas, Monaco, monospace;
			font-style: normal;
			display: inline-block;
			padding: 0 3px;
			margin: 0 1px;
			border-radius: 2px;
			background: #f1f1f1;
			color: #fff;
			border: solid 1px #e6e6e6;
			color: #333;
		}
	}

	.ci-cf-title { display: none; margin:0 0 10px 0 !important; padding: 0 !important; }
	.ci-cf-tabs { margin:0; position:relative; z-index: 3; }
	.ci-cf-tab {
		float:left;
		margin:0 -1px 0 0;
		padding:14px 12px 12px 12px;
		position:relative;
		top: 1px;
		z-index: 4;
		border:solid 1px #e4e4e4;
		background:#f2f2f2;
		color:#7e7e7e;
		cursor:pointer;
		border-radius:2px;

		&:hover {
			background: #f8f8f8;
		}
	}

	.ci-cf-tab-active, .ci-cf-tab-active:hover {
		border-top: solid 3px #0073AA;
		border-bottom: solid 1px #fff;
		background:#fff;
		color:#23282d;
		padding: 12px;
	}

}

.ui-datepicker {
	z-index: 100 !important;
}

