.file-select {
	margin-bottom: 20px;
}

.file-select > .select-button {
	display: inline-block;
	vertical-align: top;
	padding: 10px 15px;

	color: white;
	background-color: $accent;


	border-radius: .3rem;

	text-align: center;
	font-weight: bold;

	cursor: pointer;

	text-transform: uppercase;
	font-size: 13px;

	i {
		margin-right: 5px;
	}

	&.uploading {
		background-color: transparent;
		background-image: repeating-linear-gradient(
						-45deg,
						rgba(46,161,105,.5),
						rgba(46,161,105,.5) 1rem,
						#2EA169 1rem,
						#2EA169 2rem
		);
		background-size: 200% 200%;
		animation: barberpole 10s linear infinite;
	}
}

/* Don't forget to hide the original file input! */
.file-select > input[type="file"] {
	display: none;
}

.field_label__file {

	> a {
		display: inline-block;
		margin-right: 10px;
		padding: 5px 10px;
		border-radius: 4px;
		background-color: #fff;
		box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
		color: #23282d !important;
		i {
			margin-left: 7px;
			opacity: .4;
			font-size: 82%;
		}
	}
}

.stm_metaboxes_grid .stm_metaboxes_grid__inner {
	.field_label_error {
		margin: 30px 0 0;
		background: #fd3753;
		color: #fff;
		padding: 17px 15px;
		border-radius: 5px;

		ul {
			margin: 15px 0 15px 15px;
			list-style: decimal;
			li {
				margin-bottom: 10px;
			}
			&:last-child {
				margin-bottom: 0;
			}
		}
	}
}

@keyframes barberpole {
	100% {
		background-position: 100% 100%;
	}
}