@media (max-width:992px) {

form.clean
{
	    font-family: Arial, sans-serif;
    padding: 1em;
    background-color: #222222;
    border: 1px solid #eee;
    -webkit-border-radius: 0.6em;
    -moz-border-radius: 0.6em;
    border-radius: 0.6em;
        width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.formerror li {
    background-color: #E0741B;
    margin: 7px;
 border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-webkit-border-radius: 10px;    padding: 5px;
    color: #fff;
    /* float: left; */
    list-style: none;
	    margin-left: -31px;
}

.formerrorholder {
    margin-top: 16px;
    border: solid 2px #222222;
     border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-webkit-border-radius: 10px;
    padding: 10px;
    background-color: rgba(34, 34, 34, 0.22);
    font-size: 1.2em;
    color: #222222;
    font-weight: bold;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

}

@media (min-width:993px) {

form.clean
{
	    font-family: Arial, sans-serif;
    padding: 1em;
    background-color: #222222;
    border: 1px solid #eee;
    -webkit-border-radius: 0.6em;
    -moz-border-radius: 0.6em;
    border-radius: 0.6em;
        width: 75%;
    margin-left: auto;
    margin-right: auto;

    color: #fff;
    font-size: 1em;
}

label {

	color: #222222;

	}

.formerror li {
    background-color: #E0741B;
    margin: 7px;
 border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-webkit-border-radius: 10px;    padding: 5px;
    color: #fff;
    /* float: left; */
    list-style: none;
	    margin-left: -31px;
}

.formerrorholder {
    margin-top: 16px;
    border: solid 2px #222222;
     border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-webkit-border-radius: 10px;
    padding: 10px;
    background-color: rgba(34, 34, 34, 0.22);
    font-size: 1.2em;
    color: #222222;
    font-weight: bold;
    width: 75%;
    margin-left: auto;
    margin-right: auto;
}


}

form.clean *
{
	margin: 0;
	padding: 0;
}

form.clean p
{
	margin: .5em 0;
}

form.clean input[type=text],
form.clean input[type=password],
form.clean textarea,
form.clean select
{
	-webkit-border-radius: .4em;
	-moz-border-radius: .4em;
	border-radius: .4em;
	background-color: #FFF;
	border: 1px solid #ddd;
	color: #666;
	font-size: 1em;
	padding: .15em;
	width: 100%;
}

form.clean input:focus,
form.clean textarea:focus,
form.clean select:focus
{
	background-color: #ffe;
}

form.clean fieldset
{
	-webkit-border-radius: 0.6em;
	-moz-border-radius: 0.6em;
	border-radius: 0.6em;
	/*border: 1px solid #ddd;*/
	margin: 1em 0;
	padding: .5em 1em;
	background-color: rgb(174, 198, 44);
}

form.clean fieldset legend
{
	color: #000;
	font-size: 1.2em;
	margin-left: 1em;
}

form.clean ol
{
	list-style: none;
}

form.clean ol li
{
	margin: .5em 0;
}

form.clean ol li label
{
	display: block;
}

form.clean ol.table
{
	list-style: none;
	display: table;
}

form.clean ol.table li
{
	display: table-row;
}

form.clean ol.table li label[for]
{
	display: table-cell;
	text-align: right;
	padding: .5em;
}

form.clean div.col2 label
{
	float: left;
	width: 50%;
}

form.clean div.col3 label
{
	float: left;
	width: 33%;
}

form.clean div.col4 label
{
	float: left;
	width: 25%;
}

form.clean fieldset:first-child
{
	margin-top: 0;
}

form.clean input[type=button],
form.clean input[type=reset],
form.clean input[type=submit],
form.clean button
{
	-webkit-border-radius: .4em;
	-moz-border-radius: .4em;
	border-radius: .4em;
	background-color: #81D214;/* #fafafa;*/
	border: 1px solid #ddd;
	color: #fff; /*666 */
	font-size: 1.15em;
	padding: .25em .25em;

    margin: 0 .3em 1em;
}

form.clean input[type=submit]:hover,
form.clean input[type=reset]:hover,
form.clean input[type=button]:hover,
form.clean button:hover
{
	background-color: #E1751B;/*   #ffd; */
	color: #000;
}

div#feedback {
    color: #555B60;
    font-weight: bold;
}


div#uname_response {

    margin-top: 5px;
}