﻿div.padd { padding: 5px; }
.loading { position: fixed; _position: relative; width: 100%; height: 100%; background: #FFF url(../images/loading.gif) no-repeat center center; }
table.fileList td { border: 1px solid #FFF; color: #666; }
.fileList { border-collapse: separate; }
    .fileList td.dir { background: url(../images/folder.svg) no-repeat; background-size: 13px; }
    .fileList tr:hover td { background-color: #efefef; }
    .fileList .dir:hover { background-color: #fef4db !important; color: #000; }
    .fileList td.name { padding: 3px 5px 3px 20px; background-position: 2px center !important; -moz-border-radius: 0.3em; }
    .fileList td.image { background: url(../images/image.svg) no-repeat; background-size: 13px; }
    .fileList td.compress { background: url(../images/compress.svg) no-repeat; background-size: 13px; }
    .fileList td.report { background: url(../images/report.gif) no-repeat; }
    .fileList td.text { background: url(../images/text.svg) no-repeat; background-size: 13px; }
    .fileList td.audio { background: url(../images/audio.svg) no-repeat; background-size: 13px; }
    .fileList td.video { background: url(../images/video.svg) no-repeat; background-size: 13px; }
    .fileList td.javascript { background: url(../images/javascript.svg) no-repeat; background-size: 13px; }
    .fileList td.css { background: url(../images/css.svg) no-repeat; background-size: 13px; }
    .fileList td.mpc { background: url(../images/mpc.svg) no-repeat; background-size: 13px; }
    .fileList td.cmedia { background: url(../images/cmedia.svg) no-repeat; background-size: 13px; }
    .fileList td.office { background: url(../images/Moffice.gif) no-repeat; }
    .fileList td.unknow { background: url(../images/file.svg) no-repeat; background-size: 13px; }
    .fileList td.document { background: url(../images/doc.gif) no-repeat; }
    .fileList td.animation { background: url(../images/animation.gif) no-repeat; }
    .fileList th { border: none; border-right: 1px solid #DDD; padding: 5px; color: #4c607a; background-color: #Fafafa; }
    .fileList .date, .fileList .type, .fileList .size { padding-left: 15px; text-align: right; }
    .fileList a.delete, table.fileList a.rename { color: #006b9a; width: 15px; height: 15px; }
    .fileList a.delete { background: url(../images/delete.png) no-repeat left; }
    .fileList a.rename { background: url(../images/rename.gif) no-repeat left; }
    .fileList a { display: block; }
/*Notifications*/
.labelMessageError { color: #D9031D; border: 1px solid #D9031D; background: url(../images/iconError15x15.png) center left; }
.labelMessageInformation { color: #069; border: 1px solid #069; background: url(../images/iconInformation15x15.png) center left; }
.labelMessageWarning { color: #F60; border: 1px solid #EC9E0D; background: url(../images/iconWarning15x15.png) center left; }
.labelMessageDone { color: #3FAE2B; border: 1px solid #3FAE2B; background: url(../images/iconDone15x15.png) center left; }
.labelMessageError, .labelMessageInformation, .labelMessageWarning, .labelMessageDone { display: inline-block; padding: 3px 5px 3px 20px; font-size: 10px; background-color: White; background-position: 2px center; background-repeat: no-repeat; margin: 2px 2px; }
    .labelMessageError:hover, .labelMessageInformation:hover, .labelMessageWarning:hover, .labelMessageDone:hover { background-color: #EEE; }
.save, .buttomUp, .buttomAddFile, .buttomUpload, .buttomReload { display: inline-block; padding: 3px 5px 3px 18px; }
.buttomReload { background: url(../images/actualizar.svg) no-repeat left 2px; background-size: 13px; background-position-y: center; }
.buttomUp { background: url(../images/arrow-up.svg) no-repeat left 2px; background-size: 13px; background-position-y: center; }
.save { background: url(../images/save.gif) no-repeat left 2px; }
.buttomAddFile { background: url(../images/agregar.png) no-repeat left 2px; }
.buttomUpload { background: url(../images/upload.gif) no-repeat left 2px; }
input[type="text"] { border: 1px solid #ccc; color: #333; font-size: 11px; }
#divUploadSystemToggle { background-color: #eee; border: 1px solid #ccc; padding: 3px; margin-bottom: 5px; display: inline-block; cursor: pointer; }
#divUploadSystem { padding: 20px; background-color: #eee; border: 3px solid #ccc; position: absolute; }
#spanUploadSystemClose { float: right; position: relative; bottom: 10px; left: 10px; cursor: pointer; color: Red; }

.fileList table td { line-height: 25px; }

/*
@media only screen and (min-device-width: 1200px) and (max-device-width: 1600px) {
    .fileList table td { line-height: normal; }
    .fileList td.name { padding-left: 35px; }
    .fileList td.dir { background-size: 25px; }
    .fileList .date, .fileList .type, .fileList .size { font-size: 25px !important; }
    .buttomReload { background-size: 30px; }
    .save, .buttomUp, .buttomAddFile, .buttomUpload, .buttomReload { padding-left: 35px; }
}
*/
