body{
    color:#777777;
}
h1{
    font-family: sans-serif;
    text-align:center;
    margin:20px;
    font-size:30px;
    font-weight:bold;
    color:#777777;
}

.basic-color{
  color:#54ecff;
}

.basic-background-color{
    background-color: #0d5678;
}

.upload-area{
#    width: 70%;
    min-height: 200px;
    border: 2px solid lightgray;
    border-radius: 3px;
    margin: 0 auto;
    margin-top: 100px;
    text-align: center;
    overflow: auto;
    font-weight:bold;
}

.upload-area:hover{
    cursor: pointer;
}

.upload-area h1{
    text-align: center;
    font-weight: normal;
    font-family: sans-serif;
    line-height: 50px;
}

.highlight{
 font-style: italic;
 font-weight: bold;
}


#checklistfile{
    display: none;
}

/* Thumbnail */
.thumbnail{
    width: 80px;
    height: 80px;
    padding: 2px;
    border: 2px solid lightgray;
    border-radius: 3px;
    float: left;
}

.size{
    font-size:12px;
}
#checklist-files {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 80%;
  margin:50px auto;
}

#checklist-files td, #checklist-files th {
  border: 1px solid #ddd;
  padding: 8px;
}

#checklist-files tr:nth-child(even){background-color: #f2f2f2;}

#checklist-files tr:hover {background-color: #ddd;}

#checklist-files th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #0d5678;
  color: white;
}
#uploadfile{
    border: solid 1px #54ecff;
}


.pagelist a{
    margin:5px;
    display:inline-block;
    border:1px solid #54ecff;
    background-color:#0d5678;
    color: white;
    text-decoration:none;
  font: bold 22px Arial;
  text-decoration: none;
  background-color: #0d5678;
  color: #FFFFFF;
  padding: 5px 12px 5px 12px;
    border-radius: 11px;
}


.btn-action{
    margin:0 4px;
}