@import "mixins";
@import "variables";

.eltdf-meta-box {
	margin: -6px -12px -12px;

	.eltdf-meta-box-holder {
		width: 100%;
	}

	.eltdf-meta-box-holder .eltdf-page-form-section th {
		width: 250px;
	}

	.eltdf-meta-box-holder .eltdf-page-form-section th p {
		font-weight: 400;
		color: #9e9e9e;
	}

	.eltdf-portfolio-media, .eltdf-portfolio-additional-item {
		background:#fff;
		margin-bottom: 5px;
	}

	.eltdf-portfolio-media  .eltdf-page-form-section {
		border-top:none
	}

	.eltdf-meta-box-holder .eltdf-portfolio-media .eltdf-page-form-section,
	.eltdf-meta-box-holder .eltdf-portfolio-additional-item .eltdf-page-form-section {
		border-bottom: none;
		display: table;
		width: 100%;
	}

	.eltdf-portfolio-toggle-holder {
		display: table;
		width: 100%;
		border:1px solid #dae0e8;
		position: relative;
		cursor:pointer;
	}

	.eltdf-portfolio-toggle {
		display: table-cell;
		vertical-align: middle;
		background: #ebeef2;
		color: #6F858D;
		height: 40px;
		padding: 0 10px;
	}

	.eltdf-portfolio-media .eltdf-portfolio-toggle-content,
	.eltdf-portfolio-additional-item .eltdf-portfolio-toggle-content {
		border: 1px solid #dbdee0;
		border-top: none;
	}

	.eltdf-portfolio-toggle .number {
		display: inline-block;
		background-color:#ABB7C7;
		color:#fff;
		width: 35px;
		text-align: center;
		border-radius: 5px;
		margin-right: 20px;
		padding:1px 5px
	}

	.eltdf-portfolio-toggle.eltdf-portfolio-control {
		text-align: right;
		padding-right: 40px;
		color:#ABB7C7;
		font-size:14px
	}

	.eltdf-portfolio-toggle.eltdf-portfolio-control a {
		color:#ABB7C7;
	}

	.eltdf-portfolio-toggle.eltdf-portfolio-control a.remove-portfolio-media,
	.eltdf-portfolio-toggle.eltdf-portfolio-control a.remove-portfolio-item {
		position: absolute;
		right: 0;
		top: 0;
		padding: 13px 11px 14px 5px;
		line-height:0;
	}

	.eltdf-portfolio-add {
		padding: 20px;
	}

	.eltdf-portfolio-add a:first-child {
		margin-right: 3px;
	}

	.eltdf-portfolio-add a:last-child {
		margin-right: 10px;
	}

	.eltdf-portfolio-add i {
		margin-right:5px;
	}

	.eltdf-meta-box-hidden {
		display: none;
	}

	.eltdf-meta-box-holder .eltdf-page-form-container-holder .eltdf-page-form-container-holder {
		border-left: none;
		margin-left: 0;
	}

	.eltdf-page.btn-default {
		margin-right:0
	}
}

div.inside > div > div > div.eltdf-page-form-section:first-child {
	border-top: none;
}