article.page {
    padding: 0 10px;
}

.login-form-container form {
  margin: 1rem 0 2rem 0;
}

.login-form-container form label {
  width: 150px;
}

.login-form-container form select, 
.login-form-container form input[type='text'], 
.login-form-container form input[type='password'] {
    padding: 5px;
    width: 250px;
}

.login-form-container input[type=button]:hover, 
.login-form-container input[type=reset]:hover, 
.login-form-container input[type=submit]:hover, 
.login-form-container button[type=submit]:hover,
#fileupload .upload_button:hover
{
    color: #f89b1f;
    background-color: rgba(255, 255, 255, 0);
    border: 2px solid #f89b1f;
    outline: none;
}

.login-form-container input[type=button], 
.login-form-container input[type=reset], 
.login-form-container input[type=submit], 
.login-form-container button[type=submit],
#fileupload .upload_button
{
    color: #2a446d;
    background-color: rgba(255, 255, 255, 0);
    border: 2px solid #2a446d;
    margin-right: 5%;
    margin-top: 1.5rem;
    padding: 8px 16px;  
}

.login-form-container p.login-error, #fileupload .error
{
    color: #ff0000;
}

.login-form-container .small, 
.login-form-container small {
    font-size: 85%;
}

.login-form-container label.desc {
  width: 450px;  	
}

#fileupload .fileupload-progress {
    margin-top: 10px;
}
#fileupload .files .ui-progressbar {
    width:75%;
}
#fileupload  .ui-progressbar {
	height: 15px;
	text-align: left;
	overflow: hidden;
}
#fileupload .ui-progressbar .ui-progressbar-value {
	height: 100%;
    background-color: #A3A3A3;
}

#fileupload .upload_button {
    margin-right: 10px !important;
    display: inline-block;
    float: left;
}

#fileupload .upload_button:disabled{
    border-color: grey;
}
#fileupload .upload_button:disabled:hover{
    border-color: red;
}

/*ie fix*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    #fileupload .fileinput-button input{
        margin-top: -20px !important;
        height: 200px !important;
        width: 200px !important;
        max-width: 200px !important;
        cursor:pointer;
    }
}

/* form input[type=text],  form input[type=email],  form input[type=url],  form input[type=file], form input[type=password],  form input[type=tel], form textarea , form select{
  background: none;
  border: none;
  padding: 6px 12px;
  font-size: 1rem;
  border-radius: 0;
  border: 1px solid;
  border-color: #2a446d;
  color: #2a446d;
  margin-top: 1rem;
  max-width: 100%;
  -webkit-text-fill-color: #2a446d;
  }


input::-webkit-input-placeholder {
    color: #2a446d;
    opacity: 1;
}
input:-moz-placeholder {
    color: #2a446d;
    opacity: 1;
}
input::-moz-placeholder {
    color: #2a446d;
    opacity: 1;
}
input:-ms-input-placeholder {
    color: #2a446d;
    opacity: 1;
}
*/