h4 {margin: 0 0 25px 0;}
input[type=submit] { border: 0;font-size: 20px;padding: 10px 30px;background: #0073aa;color: #fff;}
section > h3 { background-color: #E1E1E1;cursor: pointer;padding: 5px 0;margin: 0;border-bottom: 1px solid rgb(146, 146, 146);border-top: 1px solid rgb(146, 146, 146); margin: 25px 0 10px 0;}

#max_user_import_form > section:after {content: "";display: table;clear: both;}
#status_message {position: fixed;width: 100%;top: 30px;z-index: 500;text-align: center;left: 0;display: none;}
#status_message > h5 { width: 300px;margin: 0 auto;padding: 10px 0;background-color: rgba(255, 232, 0, 1);}
#step_results {margin: 40px 0; background: #acf; padding: 10px; display:none; }

.row:after {content: "";display: table;clear: both;}
.half {width: 50%;float: left;}
.inputfile {width: 0.1px;height: 0.1px;opacity: 0;overflow: hidden;position: absolute;z-index: -1;}
.inputfile + label {background-color: black;display: inline-block;border: 0;font-size: 20px;padding: 10px 30px;background: #0073aa;color: #fff;}
.inputfile:focus + label, .inputfile + label:hover {background-color: #0092d8;}
.inputfile + label { cursor: pointer; /* "hand" cursor */ }
.inputfile:focus + label { outline: 1px dotted #000; outline: -webkit-focus-ring-color auto 5px; }


/*loading animation*/
#loading { background-color: rgba(144, 144, 144, 0.49);position: fixed;width: 100%;z-index: 500;height: 100%;top: 0;left: 0;display: none;}
.loader,
.loader:before,
.loader:after { background: #ffffff; -webkit-animation: load1 1s infinite ease-in-out; animation: load1 1s infinite ease-in-out; width: 1em; height: 4em; }
    .loader:before,
    .loader:after { position: absolute; top: 0; content: ''; }
    .loader:before { left: -1.5em; -webkit-animation-delay: -0.32s; animation-delay: -0.32s; }
.loader { text-indent: -9999em; margin: 88px auto; position: relative; font-size: 11px; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation-delay: -0.16s; animation-delay: -0.16s; }
    .loader:after { left: 1.5em; }

@-webkit-keyframes load1 {
    0%, 80%, 100% { box-shadow: 0 0 #ffffff; height: 4em; }
    40% { box-shadow: 0 -2em #ffffff; height: 5em; }
}

@keyframes load1 {
    0%, 80%, 100% { box-shadow: 0 0 #ffffff; height: 4em; }
    40% { box-shadow: 0 -2em #ffffff; height: 5em; }
}