.tx-download-explorer {
  padding: 0 0px 40px 15px;
 /* min-width:1153px;*/
 font-size: 14px;
 line-height: 20px;
}

.tx-download-explorer li {
font-size: 14px;
line-height: 20px;
}

.tx-download-explorer a {
    text-decoration: none;
    color: #000;
    font-size: 14px;
    line-height: 20px;
}
.tx-download-explorer .clusterOverview {
    margin: 10px 0 30px 0;
}
.tx-download-explorer .clusterOverview a {
    color: #2f429d;
    font-weight: bold;
    font-size: .875rem;
    line-height: 1.05rem;    
}

.tx-download-explorer a:hover {
    text-decoration: underline;
}

.tx-download-explorer > ul {
    padding: 0;
}

.tx-download-explorer .clearer {
    clear: both;
}

.tx-download-explorer .explorer-window {
    float: left;
    width: 75% !important;
    min-height: 400px !important;
}

/*************Menüspalte**********/
.tx-download-explorer .explorer-menu {
  width: 25%;
  display: inline-block;
  float: left;
  border-right: 1px solid black;
  min-height: 400px;
}
.tx-download-explorer .explorer-menu ul {margin-left:0;}

.tx-download-explorer .explorer-window ul.dirs {
  width: 40%;
  margin-right: 1%;
  border-right: 1px solid black;
  min-height: 400px;
}

.tx-download-explorer .dirs,
.tx-download-explorer .files,
.tx-download-explorer .files-info {
    padding: 10px;
}

.tx-download-explorer .files-info {display:none;}

.tx-download-explorer .dirs,
.tx-download-explorer .files-bundle {
    float: left;
    margin: 0;
}

.tx-download-explorer .files,
.tx-download-explorer .files-info {
    margin: 0;
}

.tx-download-explorer .files-bundle {
    border-left: 0px dashed #555;
    width:59%;
}

.tx-download-explorer .files-info {
    font-style: italic;
}

.tx-download-explorer .files .dir,
.tx-download-explorer .files .file ul,
.tx-download-explorer .dirs .file,
.tx-download-explorer .dirs2 .file {
    display: none;
}

.tx-download-explorer .dirs .dir {
    cursor: pointer;
}

.tx-download-explorer .dirs .dir .dir__inner {
  width: 100%;
  display: flex;
  justify-content: space-between;
  position: relative;
}

.tx-download-explorer .dirs .dir .dir__inner .folderName {
  flex-grow: 1000;
  overflow: hidden;
}


.tx-download-explorer .dirs .dir .dir__inner > form {
  position: absolute;
  top: 30px;
  margin: 0!important;
  padding: 5px;
  background: white;
  z-index: 200;
}


.tx-download-explorer .dir.selected {
    font-weight: bold;
}
.tx-download-explorer .dir.selected * {
    font-weight: normal;
}
.tx-download-explorer .dir.selected > span.folderName {
  font-weight:bold;
}
/*eigene CSS Angaben für Erstellen von neuen Dateien und Ordneren*/
.tx-download-explorer .addFolder {
  display: inline-block;
/*  position: absolute;
  left: -14px;
  top: 3px;
  font-size: 24px;*/

  font-size: 14px;
  color: #4a9130;
  border: 1px solid #4a9130;
  border-radius: 50px;
  height: 16px;
  width: 16px;
  text-align: center;
  vertical-align: middle;
  line-height: 12px;
  flex-grow: 0;
  flex-shrink: 0;
}

.tx-download-explorer .deleteFolder {
  display: none; /*inline-block;*/
 
  font-size: 24px;
  color: #F2645B;  
  border: 1px solid #F2645B;
  border-radius: 50px;
  height: 16px;
  width: 16px;
  text-align: center;
  vertical-align: middle;
  line-height: 11px;
}
.tx-download-explorer .empty .deleteFolder {
  display: inline-block;
}

.tx-download-explorer ul.dirs form {
    margin-left: 30px;
    display: none;
}
.tx-download-explorer ul.dirs2 form {display: none;}

.tx-download-explorer ul.dirs ul {
    margin: 10px 0 0 10px
}

.tx-download-explorer ul.dirs ul li {
    position: relative;
}

.tx-download-explorer ul.dirs li.dir.selected {
    background-color: #f5f5f5;
}

.tx-download-explorer .addFile {
  display: none;
    font-size: 24px;
}

.tx-download-explorer ul.files form {
  
}


.tx-download-explorer ul.files li.upload {
    margin-bottom: 30px;
}

.tx-download-explorer ul.files li.file {
    padding: 10px 0;
}
.tx-download-explorer ul.files li.file.grey {
    background-color: #f5f5f5;
}

.tx-download-explorer ul.files .fileinfo {
    display: inline-block;
    padding: 0 0 0 29px;
    font-size: 0.8rem;
}
.tx-download-explorer ul.files .fileinfo * {
    font-size: 0.8rem;    
}

.tx-download-explorer ul.files .deleteFile {
    display: inline-block;
    margin: 0 0 0 5px;
    cursor: pointer;

    font-size: 24px;
    color: #F2645B;  
    border: 1px solid #F2645B;
    border-radius: 50px;
    height: 16px;
    width: 16px;
    text-align: center;
    vertical-align: middle;
    line-height: 11px; 
    flex-grow: 0;
    flex-shrink: 0;   
}

.tx-download-explorer .dirs ul ul .renameFolder {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url(/typo3conf/ext/download_explorer/Resources/Public//Images/edit.png) 0 0 no-repeat;
  background-size: 100% 100%;
  vertical-align: top;
  margin: 0 0 0 5px;
  flex-grow: 0;
  flex-shrink: 0;
}
.tx-download-explorer .renameFolder,
.tx-download-explorer .renameFolderForm {
  display: none;
}

.tx-download-explorer span[contenteditable="true"] {
  display: inline-block;
  padding: 0 7px;
  border: 1px solid #8A8D94;
  background-color: white;
  margin-bottom: 5px;
  cursor: auto;
}

.tx-download-explorer .dirs .moveFolder {
  display: inline-block;
  text-decoration: none;
  color: #2F429D;
}
.tx-download-explorer .dirs .moveFolder:hover {text-decoration: none;}

.tx-download-explorer .files li.file .fileaction {
  display:inline-block;
}
.tx-download-explorer .files li.file:hover .fileaction {
  display:inline-block;
}

.tx-download-explorer .files li.file .fileaction .renameFile {
  display: inline-block;
  cursor: pointer;
  width: 12px;
  height: 12px;
  background: url(/typo3conf/ext/download_explorer/Resources/Public//Images/edit.png) 0 0 no-repeat;
  background-size: 100% 100%;
  vertical-align: middle;
}  

.tx-download-explorer .files .downloadFile[contenteditable=true] {
  display: inline-block;
  padding: 0 7px;
  border: 1px solid #8A8D94;
  background-color: white;
  margin-bottom: 5px;
  cursor: auto;
}
.tx-download-explorer .files .downloadFile[contenteditable=true] .filetype {
  display: none;
}

.tx-download-explorer .files li.file .fileaction .moveFile {
  display: inline-block;
  /*display: none;*/
  color: #2F429D;
  text-decoration: none;
  cursor: pointer;
}

.tx-download-explorer .files .renameFileForm {
  display: none;
  margin: 0;
}

#explorer-popup {
  background: white;
  width: 90%;
  max-width: 600px;
  height: 90%;
  overflow: scroll;  
  margin: auto;
  position: relative;
  padding: 20px;
}
#explorer-popup .close-popup {
  position: absolute;
}
#explorer-popup .choose {
  text-align: center;
  margin: 0 0 20px 0;
}

#explorer-popup ul {
  padding: 0 0 0 20px;
}
#explorer-popup > ul {
  padding-right: 20px;
}
#explorer-popup > ul > li > ul > li {border-bottom:2px solid white;} 
#explorer-popup > ul > li > ul > li > .folderName {  
  background-color: #F5F5F5;
} 
#explorer-popup .folderName {cursor: pointer; display:block;}
#explorer-popup .folderName:hover {color: #2F429D;}
#explorer-popup .folderName.active {font-weight: bold; color: #2F429D;}
#explorer-popup .folderName button {display:none;}
#explorer-popup .folderName button.active {display: inline-block;}