/* Mobile View */
@media screen and (max-width: 79.5rem){

/* Formular only */
.form{
margin:0;
padding:0 .75rem;
}

}

/* Desktop View */
@media screen and (min-width: 79.5rem){

/* Formular only */
.form{
margin:0;
padding:0 .75rem;
}

}

form legend{
float:left;
width:100%;
margin:.5em 0 .25em 0;
padding:0;
}

form legend{
font-size:var(--xl-font-size);
font-weight:bold;
}

form p{
float:left;
width:100%;
margin:1.5em 0 0 0;
padding:0;
}

form .hr{
float:left;
width:100%;
height:1px;
margin:1em 0 .5em 0;
background:var(--base-border-color);
}

form .hr > hr{
display:none
}

form .label{
display:inline-block;
width:100%;
margin:.5em 0 0 0;
padding:0;
color:var(--input-base-font-color);
}

form .input,
form .textarea{
transition:border ease-in .95s;
}

form .input.required,
form .textarea.required{
border:var(--input-dark-border-color) 1px solid;
}

form .input.on,
form .textarea.on{
border:1px solid #0FF000;
}

form .validate_response{
display:inline-block;
margin:.25em 0 .5em 0;
padding:0;
font-size:var(--s-font-size);
}

form .input,
form .file{
display:inline-block;
width:100%;
height:2rem;
margin:0;
padding:.25rem;
border:var(--input-base-border-color) 1px solid;
background:var(--input-base-background-color);
color:var(--input-base-font-color);
font-family:var(--base-font-family);
font-size:var(--input-base-font-size);
transition:border ease-in .95s;
}

form .textarea{
display:inline-block;
width:100%;
height:20rem;
margin:0;
padding:.25rem;
border:var(--input-base-border-color) 1px solid;
background:var(--input-base-background-color);
color:var(--input-base-font-color);
font-family:var(--base-font-family);
font-size:var(--m-font-size);
}

form .textarea.short{
height:12rem;
}

form .select{
display:inline-block;
width:12rem;
height:2rem;
margin:0 0 .5rem 0;
padding:.25rem;
border:var(--input-base-border-color) 1px solid;
background:var(--input-base-background-color);
color:var(--input-base-font-color);
border-radius:0
}

form ul.list{
clear:both;
float:left;
width:100%;
margin:0;
padding:0;
background:var(--base-background-color);
}

form ul.list li{
display:inline-block;
margin:.5em 0;
padding:0 .25em .15em 0;
background:var(--base-background-color);
cursor:pointer;
}

form ul.list li:before{
display:none;
}

form .radio,
form .checkbox{
display:inline-block;
margin:.5em .5em;
padding:0 .5em 0 0;
border:var(--input-base-border-color) 1px solid;
background:var(--input-base-background-color);
color:var(--input-base-font-color);
}

form .radio label,
form .checkbox label{
display:inline-block;
width:auto;
margin:0 0 .5em 0;
padding:0 .5em 0 0;
border:var(--input-base-border-color) 1px solid;
}

form button{
display:inline-block;
width:auto;
margin:.5em 0;
padding:.25em .75em;
}

form button{
cursor:pointer;
font-weight:bold;
font-size:var(--m-font-size);
border:var(--button-border-color) 1px solid;
background:var(--button-background-color);
color:var(--button-font-color);
border-radius:.25rem;
}

form button:hover{
border:var(--button-hover-border-color) 1px solid;
background:var(--button-hover-background-color);
color:var(--button-hover-font-color);
}

form button[disabled]{
cursor:not-allowed;
}

form .alert{
min-height:1.5rem;
margin:0 0 .5em 0;
}