/**
 * All of the CSS for your admin-specific functionality should be
 * included in this file.
 */

.smart-mockups-meta-box-wrapper {

 	.hide {
 		display: none;
 	}

 	.field_desc {
		font-weight: 300;
		font-size: 13px;
		line-height: 140%;
	}

 	.field-add-media {
		box-sizing: border-box;

		width: 180px;
		padding: 30px 0;
		margin-top: 10px;

		border: 3px dashed #CCC;
		background-color: #EEE;


		input {
			display: block;
			margin: 0 auto;
		}
 	}

 	.field-media-preview {
		width: 50%;

 		img {
 			max-width: 100%;
 		}
 	}

 	.mockup-status {
		display: inline-block;
 		text-transform: uppercase;

 		padding: 10px;
 		font-size: 18px;

 		background-color: #EEE;

 		&.approved {
 			color: #FFF;
	 		background-color: #34B947;
	 	}
 	}
}

.widefat .column-approved {
	width: 20%;
}