body {
    font-family: 'Barlow', sans-serif;
    }

a {
 text-decoration: none;
 color: #336699;
}




.d-none {
    display:none;
    width:1024px;
    height:2000px;
}

.d-none-i {
    display:none !important
}

.d-block {
    display:block
}


.icon {
 width: 16px;
 height: 16px;
}

.filetable {
 width: 1024px;
 border-spacing: 2px;
}

.filetable tbody tr:hover td {
 background-color: #336699;
 color: #EEEEEE;
}

.filetable tbody tr:hover td a {
 color: #EEEEEE;
}

.filetable tr:nth-child(odd) td {
 background-color: #EEEEEE;
}

.filetable tr:nth-child(even) td {
 background-color: #DDDDDD;
}

.filetable td {
 padding: 10px 10px 10px 10px;
 word-wrap: break-word;
}

.filetable th {
 padding: 10px 10px 10px 10px;
 background-color: #666666;
 text-align: left;
 color: #EEEEEE;
}

.filetable th a {
 color: #EEEEEE;
}

.oneline {
 width: 1px;
 white-space: nowrap;
}

.iconline {
 width: 1px;
 white-space: nowrap;
}

.filename {
 word-break: break-all;
 white-space: nowrap;
}

.panel {
 padding: 10px 10px 10px 10px;
 background-color: #DDDDDD;
}

.memorybar {
 width: 1024px;
 height: 30px;
}

.memorybarleft {
 background-color: #336699;
 float: left;
 height: 100%;
}

.memorybarright {
 background-color: #FFFFFF;
 height: 100%;
}

.label {
 font-weight: bold;
 background-color: #89c53e;
 padding: 10px 10px 10px 10px;
 width: 1004px;
 color: #FFFFFF;
}

.uploader {
 font-weight: bold;
 background-color: #8bb8b1;
 padding: 10px 10px 10px 10px;
 width: 1004px;
 color: #FFFFFF;
}

.label a {
 color: #FFFFFF;
}

.red {
 color: #FF0000;
}

.bold {
 font-weight: bold;
}

.pointer {
 cursor: pointer;
}