body,html{margin: 0;padding: 0;overflow-x:hidden;}
body{background-color: white;padding: 0;min-height: 100vh;}
*{
    font-family: "Droid Sans", "Helvetica Neue", "Arial", "sans-se", serif;
    font-size: .875rem;
    line-height: 1.5;
    color: #4a545b;

}

.headerLogo {
    width: 330px;
    min-height: 59px;
    margin:20px auto;
    display: block;
}

a {
    color: #882b31;
}

.submit {
    color: #000;
    background-color: #ffda6d;
    padding: 7px 20px;
    border:1px solid #ffda6d;
    font-size: 16px;
}

.finish {
    background-color: #ededed;
    max-width: 33vw;
    width: 530px;
    padding: 20px;
    margin:150px auto 380px auto;
    display: block;
}

.content{
    width: 100vw;
    min-height: calc(100vh - 380px);
    margin: 10px;
}
.flex {
    display: flex;
}
.content form{
    margin: 0 auto auto auto;
}
.footer{
    background-color: #ededed;
    margin:0;
    padding: 5px;
    width: 100vw;
    min-height:270px ;
}

.input {
    height: 1.7em;
}

.box {
    width: 32vw;
    display: inline-block;
    vertical-align: top;
}

.inboxForm, .uploadForm {
    max-width: 50vw;
    width: 750px;
    text-align: center;
    padding: 10px;
    background-color: #ededed;

}
.history {
    float: left;
    width: 25vw;
    overflow-x: scroll;
    background-color: #ededed;
    padding:5px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}
.history .item {
    margin-top: 15px;
}
.history .item .time {
    border-left: thin darkgrey solid;
    font-size: 10px;
}
.history .item p {
    margin: 0;
    padding:  5px;
}
.history .item .text {
    border: thin darkgrey solid;
    font-size: 14px;
}

.publicFiles {
     max-width: 50vw;
     width: 750px;
    margin: 0 auto auto auto;
     padding: 10px;
     background-color: #ededed;

 }
.publicFile{
    border-top: 1px solid black;
    margin-top: 5px;
}
.publicFilesUploadForm{
    border-top: 1px solid black;
    margin-top: 5px!important;
    padding-top: 5px;
}
.inboxForm {
    margin: 10px auto auto auto !important
}

.inboxForm *,.uploadForm * {
    box-sizing: border-box;
}
.inboxForm span,.uploadForm span{
    width:80%;
    display: block;
    margin: 18px 0;

}
.inboxForm label,.uploadForm label{
    text-align: right;
    width:45%;
    padding-right: 10px ;
    display: inline-block;
}

.inboxForm input, .uploadForm input,
.inboxForm select, .uploadForm select
{
    width:50%;
    display: inline-block;
}
.inboxForm .CheckBox, .uploadForm .CheckBox
{
    width:1em;
}

.inboxes,.downloadHistory
{
    text-align: center;
    margin: 12px auto 15px auto;
    max-width: 50vw;
    width: 750px;
    display: block;
    background-color: #ededed;
    padding: 10px;
}

.inboxes table,.downloadHistory table
{
    max-width: 50vw;
    width: 750px;
}

table, th, td {
    border: 1px solid black;
    border-collapse: collapse;
    text-align: center;
}

.downloadForm * {
    box-sizing: border-box;
}



.downloadForm {
    max-width: 33vw;
    width: 330px;
    text-align: center;
    padding: 10px;
    background-color: #ededed;
}
.File {
    border: 1px solid grey;
    margin: 2px;
}

.File label {
    margin-left: 10px;
    width: 48%;
    text-align: left;
    display: inline-block;
}
.File span {
    margin-right: 10px;
    width: 48%;
    text-align: left;
    display: inline-block;
}
.File a {
    margin-right: 10px;
    width: 48%;
    text-align: left;
    display: inline-block;
}