/**** USER REGISTRATION TOOLBAR ****/

#toolcontentwrapper .tool-logout, 
#toolcontentwrapper .tool-user,
#toolcontentwrapper .btn-default {
    color: #fff;
    background-color: #9db23c;
	vertical-align:middle;
}

#toolcontentwrapper .tool-logout,
#toolcontentwrapper .tool-user{
	line-height:1.6em;
	height: 25px;
	padding: 3px 12px;
	font-size: 12px;
	width:150px;
	text-align:center;
	display: inline-block;
	margin-right:15px;
}

#toolcontentwrapper .tool-user i{
	margin-left:5px;
}


.tool-content.user .close-basket{
    display: none;
}


/**** USER REGISTRATION FORMS ****/

#main.user-registration{
    padding-bottom:30px;
}

.user-registration .register-input{
	margin-top:20px;
	width:100%;
}

.user-registration .register-input label{
	width:15%;
	margin-bottom:0px;
}

.user-registration.small .register-input label{
	width:8%;
}

.user-registration.large .register-input label{
	width:20%;
}

.user-registration .register-input input,
.user-registration .register-input textarea,
.user-registration .register-input select{
	padding: 0 5px;
	background: none;
	background: #ddd;
	color: #000;
	border: none;
	border-radius: 0px;
	padding: 4px 8px;
	min-width:30%;
	min-width:430px;
}

.user-registration .form-buttons{
    margin-top:20px;
}


.user-registration .form-buttons input[type="submit"], 
.user-registration .form-buttons.secondary a{
	color: #FFF;
	background-color: #000;
    display: inline-block;
    padding: 4px 12px;
    margin-bottom: 1px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: none;
    border-radius: 0px;
    white-space: nowrap;
}

.user-registration.inline .form-buttons input[type="submit"] {
    padding: 4px 12px;
	vertical-align:unset;
	margin-left:10px;
}

.user-registration .form-buttons.secondary{
	border-top:solid thin #555;
	margin-top: 10px;
	padding-top: 10px;
}

.user-registration .form-buttons input[type="submit"]:hover,
.user-registration .form-buttons input[type="submit"]:focus,
.user-registration .form-buttons.secondary a:hover,
.user-registration .form-buttons.secondary a:focus {
	background-color: #888;
}

.user-registration legend{
    border:none;
}

.user-registration .register-p{
	margin-top:40px;
}


.user-registration .update-profile .updprof-success,
.user-registration .update-profile .updprof-error{
	margin-top:20px;
	margin-bottom:20px;
	color:#9db23c;
}

.user-registration .error{
	color:#9db23c;
	margin-bottom:5px;
	display:block;
	font-weight:normal;
}

/**.user-registration .error i{
	font-size:0.5em;
	margin-right:5px;
	vertical-align: super;
}*/

@media (max-width:960px) {
	.user-registration .register-input label,
	.user-registration.large .register-input label{
		width:25%;
	}
}

@media (max-width:960px) {
	.user-registration.small .register-input label {
		width:15%;
	}
}

@media (max-width:500px) {
	.user-registration .register-input label,
	.user-registration.small .register-input label,
	.user-registration.large .register-input label{
		width:100%;
		min-width:100%;
	}
	
	.user-registration .register-input input,
    .user-registration .register-input textarea,
    .user-registration .register-input select{
        width:100%;
        min-width:100%;
    }
}

@media (max-width:360px) {
	.user-registration .register-input input,
	.user-registration .register-input textarea,
	.user-registration .register-input select{
		width:100%;
		min-width:100%;
	}
	.user-registration .form-buttons input[type="submit"],
	.user-registration .form-buttons.secondary a,
	.user-registration.inline .form-buttons input[type="submit"]{
		margin-left:0px;
		margin-top:10px;
		width:100%;
		min-width:100%;
	}
}




/*** 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;
}