/*** USER REGISTRATION FORMS UPLOADER */

.user-registration .drop-zone {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin: 2rem 0;
    border: 1px dashed #999;
    border-radius: 0px;
    background: #555;
    cursor: pointer;
}

.user-registration .toolbar {
    margin: 10px 0;
    padding: 10px;
    background-color: #555;
}

.user-registration .queue .image-toolbar {
    padding:10px;
}

.user-registration .queue button, 
.user-registration .toolbar button {
    border: none;
    cursor: pointer;
    padding: 4px 12px;
    background-color: #000;
    color: #fff;
    border-radius: 0px;
    transition-duration: .5s;
    transition-timing-function: ease;
    transition-property: background-color, color;
    font-size: 14px;
}

.user-registration .queue button:hover, 
.user-registration .toolbar button:hover {
    background-color: #555;
    color: #fff;
}


.user-registration .queue > div {
	border:none;
	padding:.5%;
	background-color:#555;
	width:32%;
	float:left;
	margin-left:0%;
	margin-right:2%;
	margin-bottom:1%;
}

@media (min-width: 960px){
	.user-registration .queue > div:nth-child(3n+1){
		margin-left:0;
		clear:left;
	}
	.user-registration .queue > div:nth-child(3n+0){
		margin-right:0;
	}
}

@media (max-width: 959px){
	.user-registration .queue > div { 
		width:49%;
	}
	.user-registration .queue > div:nth-child(2n+1){
		margin-left:0;
		clear:left;
	}
	.user-registration .queue > div:nth-child(2n+0){
		margin-right:0;
	}
}

@media (max-width: 680px){
	.user-registration .queue > div {
		width:100%;
		margin-left:0;
		margin-right:0;
		margin-bottom:3%;
	}
}

.user-registration .queue .progress-bar {
	margin-top:10px;
	height:auto;
    background-color: #6B8E23;
    color: #fff;
    padding: 4px 12px;
    font-size: 12px;
}