/**
 * webEdition CMS
 *
 * $Rev$
 * $Author$
 * $Date$$
 *
 * This source is part of webEdition CMS. webEdition CMS is
 * free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 3 of the License, or
 * any later version.
 *
 * The GNU General Public License can be found at
 * https://www.gnu.org/licenses/gpl-3.0.html.
 * A copy is found in the textfile
 * webEdition/licenses/webEditionCMS/License.txt
 *
 * @license	https://www.gnu.org/licenses/gpl-3.0.html  GPL
 */
/* This is a global config file for all scss files*/
/*main editable elements tabs - files*/
/* Colors */
body.selectorBody {
  background-color: white;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  width: 100%;
}
body.selectorBody form.imageView {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
body.selectorBody div.imgDiv {
  width: 4em;
  height: 4em;
  margin: 5px;
  text-align: center;
  cursor: pointer;
  position: relative;
}
body.selectorBody div.imgDiv span.fileicon {
  font-size: inherit;
}
body.selectorBody div.imgDiv img.icon {
  max-width: 4em;
  max-height: 3em;
  margin-left: auto;
  margin-right: auto;
}
body.selectorBody div.imgText {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  text-align: center;
  position: absolute;
  bottom: 0;
}
body.selector a, body.selector a:visited, body.selector a:active, body.selectorBody a, body.selectorBody a:visited, body.selectorBody a:active {
  color: #000000;
}
table.selector {
  border-collapse: collapse;
  width: 100%;
}
table.selector thead, table.selector tbody {
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
table.selector thead tr, table.selector tbody tr {
  padding: 0 5px;
}
table.selector thead {
  background: #325e94;
  border-bottom: 1px solid #808080;
  border-top: 1px solid #808080;
  color: white;
  top: 0;
}
table.selector thead tr {
  display: block;
  height: 3ex;
  position: relative;
}
table.selector thead tr td, table.selector thead tr th {
  padding: 0;
  color: inherit;
}
table.selector thead tr a {
  color: inherit;
}
table.selector tbody {
  bottom: 0;
  display: block;
  margin-top: 0.5ex;
  overflow-y: auto;
  overflow-x: hidden;
  top: 3ex;
}
table.selector tbody tr {
  cursor: pointer;
  /*td.filename{
				.cutText{
					//max-width: 100%;
					//padding-right:50px;
				}
			}*/
}
table.selector tbody tr td.filename {
  max-width: 0;
}
table.selector tbody tr td.filename div.file {
  max-width: calc(100% - 5em);
  padding-right: 5em;
  display: inline-block;
}
table.selector tbody tr td.filename div.extension {
  position: relative;
  left: -5em;
  display: inline-block;
}
table.selector tbody tr div.cutText {
  text-overflow: ellipsis;
  height: 2ex;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  max-width: 150px;
}
table.selector tbody tr div .extension {
  position: relative;
  height: 2ex;
  width: 50px;
}
table.selector .selectoricon {
  width: 25px;
  text-align: center;
}
table.selector .filename, table.selector .filesize {
  min-width: 200px;
  width: 40%;
}
table.selector .filetype {
  min-width: 150px;
}
table.selector .directory {
  min-width: 300px;
}
table.selector .title {
  min-width: 220px;
}
table.selector td.title div.cutText {
  max-width: 220px;
}
table.selector .moddate {
  min-width: 150px;
}
div.selected, tr.selected {
  background-color: #DFE9F5;
  border: 1px solid grey;
}
th.selector {
  text-align: left;
  font-family: liberation_sansbold, sans-serif;
  font-weight: normal;
}
th.selector.selectoricon .tablesorter-header-inner, th.selector.remain .tablesorter-header-inner {
  display: none;
}
tr.WEFile td {
  color: #006699 !important;
}
#fsheader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 50px;
}
#fsheader.object {
  height: 16px;
}
#fsbodyDiv {
  position: fixed;
  top: 50px;
  bottom: 110px;
  left: 0;
  right: 0;
  overflow: hidden;
}
#fsbodyDiv.preview {
  right: 250px;
}
#fsbodyDiv.catproperties {
  right: 65%;
  bottom: 130px;
}
#fsbodyDiv.object {
  top: 16px;
}
#fspreviewDiv {
  position: fixed;
  top: 50px;
  bottom: 110px;
  width: 249px;
  right: 0;
  border-left: 1px solid grey;
  overflow-y: auto;
}
#fspreviewDiv table.previewTable {
  width: 100%;
}
#fspreviewDiv table.previewTable td {
  padding: 3px 6px;
  font-size: 11px;
  padding: 3px 6px;
  vertical-align: top;
}
#fspreviewDiv table.previewTable td.headline {
  background-color: #BABBBA;
  border-bottom: 0 solid black;
  border-top: 0 solid black;
  font-family: liberation_sansbold, sans-serif;
  font-weight: normal;
}
#fspreviewDiv table.previewTable td.image {
  background-color: #EDEEED;
  height: 160px;
  padding: 0;
  text-align: center;
  vertical-align: middle;
}
#fspreviewDiv table.previewTable td.image a {
  text-align: center;
}
#fspreviewDiv table.previewTable td a.edit {
  color: black;
}
#fspreviewDiv table.previewTable td a.edit div {
  float: right;
  vertical-align: baseline;
  margin-right: 4px;
}
#fspreviewDiv table.previewTable tr:nth-child(even) {
  background-color: #FFFFFF;
}
#fspreviewDiv table.previewTable tr:nth-child(odd) {
  background-color: #F2F2F1;
}
#fsvaluesDiv {
  position: fixed;
  top: 70px;
  bottom: 65px;
  left: 35%;
  right: 0;
  border-left: 1px solid grey;
}
#fsvaluesDiv.catproperties {
  bottom: 130px;
}
#fsvaluesDiv .object {
  top: 16px;
}
#fsfooter {
  position: fixed;
  height: 110px;
  left: 0;
  right: 0;
  bottom: 0;
}
#fsfooter.path {
  bottom: 20px;
}
#fsfooter.filter {
  height: 90px;
}
#fspath {
  position: absolute;
  bottom: 5px;
  left: 0;
  right: 0;
  width: 50%;
  height: 20px;
  padding-left: 1em;
  padding-right: 1em;
  padding-top: 0.5ex;
}
#fscmdDiv {
  display: none;
}
#footer {
  border-top: 1px solid #808080;
  border-spacing: 0;
  width: 100%;
  padding: 5px 10px 0;
}
#footer td {
  padding: 0;
  padding-bottom: 5px;
}
#footer td.description {
  font-family: liberation_sansbold, sans-serif;
  font-weight: normal;
  margin-right: 10px;
  width: 70px;
}
#footerButtons {
  padding-right: 5px;
  position: absolute;
  right: 0;
  bottom: 5px;
  width: 50%;
}
table.selectorHeaderTable {
  width: 100%;
  border-spacing: 0;
  padding: 10px;
}
table.selectorHeaderTable td {
  padding: 0;
  padding-right: 10px;
  width: 40px;
}
table.selectorHeaderTable td.lookinText {
  font-family: liberation_sansbold, sans-serif;
  font-weight: normal;
  width: 70px;
}
table.selectorHeaderTable td.lookin {
  width: auto;
}
td.trash {
  width: 27px;
}
tr.newEntry {
  background-color: #DFE9F5;
}
tr.newEntry input {
  width: 100%;
}
td.remain, th.remain {
  max-width: 100%;
}