/**
 * webEdition CMS
 *
 * webEdition CMS
 * $Rev: 13254 $
 * $Author: mokraemer $
 * $Date: 2017-01-16 19:34:07 +0100 (Mon, 16 Jan 2017) $
 *
 * 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
 * http://www.gnu.org/copyleft/gpl.html.
 * A copy is found in the textfile
 * webEdition/licenses/webEditionCMS/License.txt
 *
 * @category   webEdition
 * @package    webEdition_base
 * @license    http://www.gnu.org/copyleft/gpl.html  GPL
 */
/* This is a global config file for all scss files*/
/*main editable elements tabs - files*/
/* Colors */
html {
  height: 100%; }

body {
  margin: 0px;
  letter-spacing: normal ! important;
  font-family: liberation_sansregular, sans-serif;
  font-size: 14px;
  background-color: white; }
  body.weDialogBody, body.weEditorBody {
    margin: 0px;
    padding: 0px;
    background-color: #fff;
    height: 100%; }
  body.weEditorBody {
    padding: 10px 0px;
    overflow: auto; }
    body.weEditorBody div.multiIcon div.weMultiIconBoxHeadline {
      font-size: 16px;
      color: #284a70; }
  body.previewOther form, body.previewOther #previewDiv, body.previewOther iframe {
    height: 100%; }

table, img, iframe {
  border: none; }

img.multiIcon {
  height: 64px;
  width: 64px;
  margin: 0px 20px; }

select {
  margin-right: 0.5ex; }

textarea {
  height: 80px; }

select, .wetextinput, input[type=text], input[type=number], input[type=search], input[type=tel], input[type=url], input[type=email], textarea {
  font: inherit;
  background-color: white;
  border: #a5aaae solid 1px;
  color: #192c3a;
  box-sizing: border-box;
  padding: 5px 10px; }
  select[disabled], .wetextinput[disabled], input[type=text][disabled], input[type=number][disabled], input[type=search][disabled], input[type=tel][disabled], input[type=url][disabled], input[type=email][disabled], textarea[disabled] {
    background-color: #eee; }
  select:focus, .wetextinput:focus, input[type=text]:focus, input[type=number]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=url]:focus, input[type=email]:focus, textarea:focus {
    border: #888 solid 1px;
    background-color: #dce6f2; }

.wetextinput, input[type=text], input[type=number], input[type=search], input[type=tel], input[type=url], textarea {
  line-height: 150%; }

.weMarkInputError, input:invalid {
  background-color: #f88 ! important; }

b, strong, .bold {
  font-family: liberation_sansbold, sans-serif;
  font-weight: normal; }

span.infobox {
  padding: 0px 1ex;
  cursor: help; }
  span.infobox span {
    visibility: hidden;
    position: absolute;
    left: -99em;
    margin-top: 0px;
    padding: 0.4em;
    text-decoration: none;
    min-width: 20em;
    max-width: 30em;
    z-index: 100;
    background: black;
    border: 1px solid #c30;
    color: white;
    font-size: 12px;
    line-height: 1.2em;
    white-space: normal; }
  span.infobox:hover span {
    display: block;
    left: 3em;
    visibility: visible; }

i.fa-ban, i.fa-cancel {
  color: red; }
  i.fa-ok {
    color: green; }
  i.disabled {
    color: grey; }

div.weMultiIconBoxWithFooter {
  position: absolute;
  width: 100%;
  top: 0px;
  left: 0px;
  bottom: 40px;
  overflow: auto; }
  div.multiIcon {
    padding-top: 10px; }
    div.multiIcon div.weMultiIconBoxHeadline {
      margin-bottom: 10px; }
    div.multiIcon div.weMultiIconBoxContent {
      padding-bottom: 10px;
      margin-bottom: 10px; }
    div.multiIcon div.weMultiIconBoxLine {
      border-bottom: 1px solid #cacdd0; }
    div.multiIcon div.multiIconRight {
      display: inline-block; }
    div.multiIcon div.withMargin {
      padding-left: 30px; }
    div.multiIcon span.withMargin {
      margin-left: 30px; }
    div.multiIcon table.iconBoxTable {
      width: 100%; }
    div.multiIcon div.multiiconleft {
      display: inline-block;
      vertical-align: top; }
      div.multiIcon div.multiiconleft span.fileicon {
        margin-left: 20px; }
    div.multiIcon div.leftSpace-small {
      width: 10px; }
    div.multiIcon div.leftSpace-med {
      width: 120px; }
    div.multiIcon div.leftSpace-med2 {
      width: 140px; }
    div.multiIcon div.leftSpace-big {
      width: 200px; }
    div.multiIcon span.toggleBox {
      cursor: pointer; }

#multiEditorDocumentTabsFrameDiv, #naviDiv {
  position: absolute;
  top: 0px;
  width: 100%;
  background-color: #192c3a; }

body.radient {
  height: 100%; }

#fsfooter, .radient, #fsheader {
  background: #a5aaae; }

#footerBody {
  padding: 8px 0px 10px 0px;
  background: #a5aaae;
  height: 100%; }

#weMainBody {
  background-color: grey;
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  border: 0px none; }
  #weMainBody #contentDiv {
    position: absolute;
    top: 30px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow: hidden; }

#weMainHeader {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px; }

#weMainMenu {
  float: left;
  line-height: 40px; }

#resizeFrame {
  margin: 0px;
  border: 0px none;
  position: fixed;
  top: 44px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  overflow: hidden; }
  #resizeFrame #bm_content_frameDiv {
    position: absolute;
    top: 0px;
    bottom: 0px;
    border-left: 1px solid #192c3a;
    overflow: hidden; }
    #resizeFrame #bm_content_frameDiv iframe {
      border: 0px;
      width: 100%;
      height: 100%;
      overflow: hidden; }
  #resizeFrame #sidebarDiv {
    border-left: 1px solid #192c3a;
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px; }

#vtabs {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  width: 40px;
  overflow: hidden;
  background-color: #192c3a;
  color: white; }
  #vtabs div.tab {
    border-bottom: 1px solid #284051;
    border-right: 1px solid #192c3a;
    width: 40px;
    height: 100px;
    position: relative;
    cursor: pointer;
    background-color: #192c3a;
    color: #abc6e9; }
    #vtabs div.tab span {
      position: absolute;
      display: block;
      bottom: -15px;
      left: 12px;
      width: 100px;
      -webkit-transform: rotate(-90deg);
      -webkit-transform-origin: 0 0;
      /* Chrome, Opera 15+, Safari 3.1+ */
      -ms-transform: rotate(-90deg);
      -ms-transform-origin: 0 0;
      /* IE 9 */
      transform: rotate(-90deg);
      /* Firefox 16+, IE 10+, Opera*/
      transform-origin: 0 0;
      text-align: center;
      color: inherit;
      font-size: 12px; }
  #vtabs div.tabNorm:hover {
    background-color: #d7dce0;
    color: #325e94; }
  #vtabs div.tabActive {
    background-color: #d7dce0;
    border-right-color: #a5aaae;
    color: #325e94; }

#treeFrameDiv {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 41px;
  right: 0px;
  border: 0px;
  overflow: hidden; }

tr.boxHeader td, td.boxHeader {
  padding: 1px 5px 1px 5px;
  background: #325e94;
  color: white;
  border-collapse: collapse;
  border-width: 0px;
  border-bottom: 0.5em solid white;
  padding: 0px 0.5em !important;
  height: 21px;
  white-space: nowrap; }
  tr.boxHeader td td, td.boxHeader td {
    color: inherit !important; }
  tr.boxHeader td i, td.boxHeader i {
    padding-left: 1em; }

#bframeDiv {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  display: none; }

#rframe {
  border: 0px;
  width: 100%;
  height: 100%;
  overflow: hidden; }

#baumArrows {
  position: absolute;
  left: 11px;
  bottom: 13px;
  font-size: 10px;
  text-align: center; }
  #baumArrows .baumArrow {
    margin-top: 5px;
    width: 2ex;
    height: 2ex;
    border: 1px solid grey;
    padding: 1px;
    color: white;
    cursor: pointer; }

#treeControl {
  line-height: 30px;
  height: 30px;
  background-color: #a5aaae; }
  #treeControl #treeName {
    padding: 0px 1ex; }
  #treeControl #reloadTree {
    position: absolute;
    right: 2em; }
  #treeControl #toggleTree {
    position: absolute;
    right: 1ex;
    color: #4d565d;
    cursor: pointer; }

#treeContent {
  position: absolute;
  top: 30px;
  bottom: 0px;
  left: 0px;
  right: 0px; }

#bm_searchField {
  position: absolute;
  bottom: 0px;
  height: 30px;
  padding: 10px;
  left: 0px;
  right: 0px;
  overflow: hidden;
  background-repeat: repeat;
  margin: 0px;
  background: #a5aaae;
  border-top: none; }
  #bm_searchField #search input {
    height: 30px;
    border: none;
    line-height: 30px;
    width: 120px;
    vertical-align: bottom; }
  #bm_searchField #infoField {
    margin: 5px 0px;
    display: none; }

#bm_treeheaderDiv {
  position: absolute;
  top: 0px;
  height: 0px;
  left: 0px;
  right: 0px;
  overflow: hidden; }
  #bm_treeheaderDiv.deleteSelector, #bm_treeheaderDiv.moveSelector {
    height: 160px; }
  #bm_treeheaderDiv.collectionSelector {
    height: 205px; }
  #bm_treeheaderDiv iframe {
    width: 100%;
    height: 100%;
    overflow: hidden; }

#tree, #treetable {
  background-color: #d7dce0;
  left: 0px;
  right: 0px;
  position: absolute;
  overflow: auto;
  top: 0px;
  bottom: 0px; }
  #tree.withHeader, #treetable.withHeader {
    top: 40px; }
  #tree.withFooter, #treetable.withFooter {
    bottom: 53px; }

#treefooter {
  height: 53px;
  padding: 10px; }

#eHeaderBody, #footerBody {
  overflow: hidden; }

#treeheader /*used in modules*/ {
  overflow: hidden;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  padding: 10px;
  overflow: hidden;
  height: 40px;
  box-sizing: border-box;
  display: none;
  background: #a5aaae;
  margin: 0px; }

#eHeaderBody {
  background: #a5aaae;
  margin: 0px; }
  #eHeaderBody #tabContainer div {
    min-width: 5em;
    text-align: center; }
/*div for iconbar frame*/
#iconbarDiv {
  position: absolute;
  top: 40px;
  left: 0px;
  right: 0px;
  height: 40px;
  overflow: hidden; }

#iconBar table.iconBar td {
  padding: 6px; }

#headrow {
  margin: 7px 0px 7px 5px;
  white-space: nowrap; }
  #headrow #h_path {
    max-width: 40em; }
  #headrow a #h_path {
    color: #386aab; }

#cmdDiv {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  height: 0px; }

#resize {
  position: absolute;
  top: 44px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  border: 0px; }
  #resize.withIconBar {
    top: 80px; }

.multichooser {
  background-color: white;
  border: 1px grey solid;
  min-height: 30px;
  margin-bottom: 3px;
  padding: 0.5ex; }

input[type="checkbox"] {
  cursor: pointer;
  vertical-align: middle; }

label {
  cursor: pointer; }
  label.disabled {
    color: grey;
    cursor: default; }
  label.showhelp[title] {
    border-bottom: 1px dotted black;
    cursor: help; }

.weEditmodeStyle {
  border: 0px ! important; }

.weEditTable {
  border: solid #006db8 1px;
  color: black;
  background-color: #f5f5f5; }

select, input, textarea, .defaultfont, .changeddefaultfont, .shopContentfont, .shopContentfontAlert, .shopContentfontR .shopContentfontGR, .pshopContentfont, .pdefaultfont, .pshopContentfontR, .selector, .tableHeader, .weMultiIconBoxHeadlineThin, .weMultiIconBoxHeadline, .weDefaultStyle, .weDialogHeadline, .weObjectPreviewHeadline, .weEditTable, .middlefont {
  font-size: 12px; }

.tree, .small, shopContentfontGreySmall, .shopContentfontSmall, .header_shop, .header_small, #msgheadertable {
  font-size: 11px; }

.big, .weDocListSearchHeadline, .weDocListSearchHeadlineDivs {
  font-size: 14px; }

.small, .big, .defaultfont, .defaultfont a, .defaultfont a:visited, .middlefont, .middlefont a, .middlefont a:visited, .selector {
  color: black; }

.objectDescription {
  padding: 4px 0 4px 0;
  max-width: 50em; }

a.changed, a.notpublished {
  cursor: pointer; }

.changed, a.changed {
  /*elements which are saved & published*/
  color: #36c; }

.selector a {
  color: black; }

.changed a, .notpublished a, .tableHeader a, .tableHeader a:visited, .selector a {
  text-decoration: none; }

a.notpublished, .notpublished, .highlightElementChanged, .shopNotPayed {
  color: red; }
  a.notpublished a, .notpublished a, .highlightElementChanged a, .shopNotPayed a, a.notpublished a:visited, .notpublished a:visited, .highlightElementChanged a:visited, .shopNotPayed a:visited {
    color: inherit; }

.changeddefaultfont {
  color: blue; }

.lowContrast, .lowContrast a, lowContrast a:visited, .shopContentfontGR, .shop_fontView, .shopContentfontGreySmall {
  color: #666; }

.pshopContentfont a:active, .pdefaultfont a:active, .middlefont a:active, .lowContrast a:active, .shopNotPayed a:active, .defaultfont a:active, .todo_hist_hdr {
  color: #006db8; }

.pshopContentfontR, .pshopContentfont, .pdefaultfont, .pshopContentfont a, .pshopContentfont a:visited, .pdefaultfont a, .pdefaultfont a:visited {
  color: green; }

.shopContentfont {
  vertical-align: top;
  color: black;
  text-align: center; }

.shopContentfontAlert {
  color: #800000;
  text-align: left; }

.shopContentfontR {
  vertical-align: top;
  color: black;
  text-align: right; }

.shopContentfontGR {
  text-align: right; }

.shopNotPayed {
  text-align: center; }

.tableHeader, .shop_th, .header {
  font-family: liberation_sansbold, sans-serif; }

.tableHeader, .tableHeader a, .tableHeader a:visited {
  color: black; }

.defaultfontred {
  color: #6cbff9; }

.header {
  color: black;
  font-size: 20px; }

.shop_th {
  color: black;
  padding-bottom: 5px; }

.shop_th, .shop_fontView {
  font-size: 12px; }

optgroup {
  font-family: liberation_sansbold, sans-serif;
  font-style: normal; }
  optgroup.lvl1 {
    color: darkblue; }
  optgroup.lvl2 {
    margin-left: 10px; }
/*	Following: styles for accessibility	*/
.weHide {
  display: none; }

.weTreeHeader, .weTreeHeaderMove, .weTreeHeaderAddToCollection {
  background-color: #f0eff0;
  margin: 0px;
  padding: 10px 10px;
  border-bottom: 1px solid black; }

.weTreeHeader {
  height: 129px; }

.weTreeHeaderMove {
  height: 139px; }

.weTreeHeaderAddToCollection {
  height: 184px; }

.weDefaultStyle {
  background: transparent;
  background-color: transparent;
  border: 0px;
  color: black;
  cursor: default;
  font-family: liberation_sansregular, sans-serif;
  margin: 0px;
  padding: 0px;
  text-align: left;
  text-decoration: none; }

.weDialogHeadline {
  color: black;
  font-family: liberation_sansbold, sans-serif;
  padding-bottom: 10px; }

.weMultiIconBoxHeadline, .weMultiIconBoxHeadlineThin, .weObjectPreviewHeadline, .weDocListSearchHeadline, .weDocListSearchHeadlineDivs, .weMultiIconBoxHeadline a {
  color: #6078a2; }

.weMultiIconBoxHeadline, .weObjectPreviewHeadline {
  font-family: liberation_sansbold, sans-serif; }

.weMultiIconBoxHeadlineThin {
  font-family: liberation_sansregular, sans-serif; }

.weObjectPreviewHeadline {
  margin-bottom: 3px; }

.shopContentfontSmall {
  color: black;
  text-align: center; }

.shopContentfontGreySmall {
  text-align: left; }

.weDocListSearchHeadline {
  font-family: liberation_sansbold, sans-serif;
  margin-top: 6px; }

.weDocListSearchHeadlineDivs {
  font-family: liberation_sansbold, sans-serif; }

.big {
  text-align: left; }

.blockWrapper {
  overflow: auto !important;
  display: block;
  background-color: white !important;
  padding: 0px; }

.pshopContentfontR {
  text-align: right; }

.pshopContentfont, .pdefaultfont {
  text-align: center; }

.header_shop {
  background-position: bottom left;
  background-repeat: no-repeat; }

.editfooter {
  left: 0px;
  position: absolute;
  bottom: 0px;
  right: 0px;
  padding: 7px 10px;
  box-sizing: border-box;
  overflow: hidden;
  background: #a5aaae;
  border-top: none;
  height: 40px; }

.weDialogButtonsBody {
  margin: 0px;
  border-top: 2px groove white;
  /*padding left for rebuild*/
  padding: 5px 10px 10px 0px;
  background: #a5aaae;
  overflow: hidden; }

.weSidebarBody {
  margin: 5px;
  padding: 0px; }

.header_small, .header_shop {
  color: #069; }

#toolMenu, #headerDiv {
  background: #325e94;
  color: white;
  line-height: 40px;
  height: 40px; }

#headerDiv {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  border-bottom: 4px solid #192c3a; }
  #headerDiv #logout, #headerDiv #home, #headerDiv #newUpdate {
    height: 40px;
    float: left;
    width: 40px;
    cursor: pointer;
    text-align: center;
    margin-left: 0px;
    margin-right: 0px;
    border-right: none;
    background: none;
    border-left: 1px solid #366196; }
  #headerDiv #home {
    background: #284a70;
    border-left: none; }
  #headerDiv #newUpdate {
    color: yellow; }

#weHeaderRight {
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 0px;
  border: 0px; }

#navigationHistory {
  position: relative;
  bottom: 0px;
  border: 0px;
  padding-left: 0px;
  float: left; }
  #navigationHistory .navigation {
    width: 35px; }

#msgheadertable {
  position: relative;
  float: left;
  padding-left: 10px;
  width: 60px;
  font-size: 12px;
  line-height: normal;
  border-right: 1px solid #366196;
  padding-right: 10px; }
  #msgheadertable table {
    margin: 2px 0px 2px auto;
    border-spacing: 0px;
    border: none; }
    #msgheadertable table tr {
      height: 12px;
      cursor: pointer; }
    #msgheadertable table tr:first-child td {
      text-align: right; }
    #msgheadertable table td {
      font-family: liberation_sansbold, sans-serif;
      color: inherit;
      padding: 0px; }
  /*Error log*/

table.error {
  background-color: #fff;
  border: 1px solid #265da6;
  width: 610px; }
  table.error tr {
    vertical-align: top; }
    table.error tr.first {
      background-color: #f7f7f7; }
  table.error td {
    padding: 4px;
    border-bottom: 1px solid #265da6; }
    table.error td.left {
      white-space: nowrap;
      border-right: 1px solid #265da6;
      font-family: liberation_sansbold, sans-serif; }
    table.error td.right {
      font-style: italic; }
    table.error td pre {
      font-style: normal;
      tab-size: 2;
      -o-tab-size: 2;
      -moz-tab-size: 2; }

.navigation {
  float: left;
  width: 22px;
  border: 0px;
  margin-left: 1px;
  margin-right: 1px;
  text-align: center;
  cursor: pointer;
  border-right: 1px solid #2f5889; }
  .navigation:hover {
    background: linear-gradient(#345881, #284a70) transparent !important; }

#messageConsole {
  position: relative;
  float: left; }
  #messageConsole:hover {
    background: linear-gradient(#345881, #284a70);
    cursor: pointer; }
  #messageConsole i {
    color: #fff; }
    #messageConsole i.active {
      color: #5f97cc; }
  #messageConsole table {
    height: 40px; }
    #messageConsole table tr {
      line-height: normal; }
      #messageConsole table tr td {
        padding: 0px; }
        #messageConsole table tr td .navigation {
          margin: 0px;
          position: relative;
          width: 35px; }
        #messageConsole table tr td .navigation:hover {
          background: none; }
  #messageConsole .navigation {
    border-right: none; }

.messageConsoleMessage {
  /*message*/
  display: none;
  background-color: white;
  border: 1px solid #cdcdcd;
  padding: 2px 4px 2px 4px;
  margin: 3px 10px 0px 0px; }
/*color chooser*/
table.colorTable td {
  width: 15px;
  height: 15px;
  border-top: 1px solid black;
  border-left: 1px solid black;
  border-bottom: 1px solid lightgrey;
  border-right: 1px solid lightgrey; }
/*exit multidoc*/
#ulHotDocuments {
  list-style-type: none;
  margin: 0;
  font-weight: bold;
  padding: 0 0 1px 2px; }
  #ulHotDocuments li {
    padding-top: 3px; }
    #ulHotDocuments li ul {
      margin: 0;
      padding: 0 0 1px 10px; }
      #ulHotDocuments li ul li {
        font-weight: normal; }
/*messaging*/
.quote_lvl_1 {
  color: #f00; }

.quote_lvl_2 {
  color: #0f0; }

.quote_lvl_3 {
  color: #00f; }
/*shop*/
table.revenueTable {
  border-collapse: collapse; }
  table.revenueTable th, table.revenueTable td {
    padding: 8px;
    border: 1px solid #666; }

.logicFilterInput, .leftFilterInput, .middleFilterInput, .rightFilterInput {
  border: #aaa solid 1px;
  margin-right: 5px; }

.logicFilterInput {
  width: 59px; }

.leftFilterInput {
  width: 160px; }

.middleFilterInput {
  width: 138px; }

.rightFilterInput {
  width: 160px; }
/*newsletter*/
.markNotValid {
  background: #fcc; }

.markValid {
  background: #fff; }

span.fileicon {
  font-size: 8px;
  color: black; }
  span.fileicon ::-moz-selection, span.fileicon ::selection {
    color: inherit;
    background: inherit; }
  span.fileicon .we-icon {
    color: #164f94;
    line-height: 1;
    left: auto; }
    span.fileicon .we-icon i {
      bottom: 0.1ex;
      vertical-align: bottom;
      left: auto;
      right: -0.5em; }
  span.fileicon .we-color {
    color: #164f94; }
  span.fileicon > .we-otherfiles i {
    bottom: 0.4em;
    color: #192c3a;
    margin-left: 0.2em;
    vertical-align: bottom;
    font-family: liberation_sansregular, sans-serif;
    line-height: 1; }
  span.fileicon .we-classification i {
    top: -0.3em;
    vertical-align: top;
    left: -0.2em;
    color: red;
    font-family: liberation_sansbold, sans-serif; }
  span.fileicon i.fa-folder-open, span.fileicon i.fa-folder {
    color: #192c3a; }
  span.fileicon i.fa-folder-open-o {
    color: lightgrey; }

.wecheckIcon {
  font-size: 14px;
  width: 0.8em;
  vertical-align: middle; }

.wealertIcon:before {
  display: inline-block;
  font-size: 14px;
  font-family: FontAwesome;
  content: "\f256";
  color: red; }

div.progress_image_bg {
  display: inline-block;
  border-top: 1px solid #b5b5b5;
  border-bottom: 1px solid #dedede;
  background: linear-gradient(#e7e7e7, #dedede 50%, white); }

div.progress_image {
  display: inline-block;
  border-top: 1px solid #395abd;
  border-bottom: 1px solid #73bdff;
  background: linear-gradient(#84ade7, #3984e7 50%, #73c6ff); }

div.progress_finished {
  display: inline-block;
  border-top: 1px solid #31bd55;
  border-bottom: 1px solid #6bff72;
  background: linear-gradient(#7bd683, #4aef5b 50%, #73ff76); }

div.progress_failed {
  display: inline-block;
  border-top: 1px solid #bd3431;
  border-bottom: 1px solid #fe7c8b;
  background: linear-gradient(#fe7c8b, #de3a3a 50%, #ff8da3); }

table.default, table.customer {
  border: none;
  border-spacing: 0px; }

table.default td, table.default th {
  padding: 0px;
  vertical-align: top; }

#customer_table td {
  vertical-align: middle; }

table.withSpace tr td {
  padding-bottom: 5px; }

table.withBigSpace tr td, tr.withBigSpace td, td.withBigSpace {
  padding-bottom: 12px; }

table.noSpace tr td {
  padding-bottom: 0px; }

table.customer table {
  padding-bottom: 10px; }
  table.customer td, table.customer th {
    padding: 2px 5px 2px 2px; }

#weTMPLDocEdit {
  bottom: 0px;
  position: absolute;
  width: 100%; }

#editorDiv {
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  position: absolute; }

#srtable {
  width: 100%;
  bottom: 0px;
  position: absolute;
  padding-top: 5px; }

#editarea {
  width: 100%;
  height: 320px; }

.multichooser td.chooserFileIcon {
  width: 2em; }
  .multichooser td.buttons {
    width: 26px; }

table.propertydualtable td {
  padding-right: 18px;
  padding-bottom: 2px; }

table.footertable {
  margin-left: 7px; }

#anchorlistcontainer {
  padding-left: 10px; }

div.cutText, span.cutText, div.cutTextLeft, span.cutTextLeft {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  max-width: 10em;
  vertical-align: bottom; }
  div.cutTextLeft, span.cutTextLeft {
    direction: rtl;
    text-align: left; }

span[onclick] {
  cursor: pointer; }

.we-state-green {
  color: #0c0; }

.we-state-red {
  color: red; }

.we-state-none {
  color: gray; }

.mediumicons span.fileicon {
  font-size: 16px; }

.largeicons span.fileicon {
  font-size: 32px; }

.mediumicons span.fileicon .we-icon i, .largeicons span.fileicon .we-icon i {
  bottom: -0.3ex; }

#PropertyPage input, #PropertyPage select {
  width: 30em;
  height: 30px;
  margin-bottom: 5px; }
  #PropertyPage input[type="checkbox"], #PropertyPage input[type="radio"] {
    width: auto; }

.objectFileElement {
  padding: 10px 30px;
  border-bottom: 1px solid #afb0af; }

div.filedrag_content_right img, .objectFileElement[id^="img_"] img {
  background-color: lightgrey;
  background-image: linear-gradient(45deg, #898989 25%, transparent 25%, transparent 75%, #898989 75%, #898989), linear-gradient(-45deg, #898989 25%, transparent 25%, transparent 75%, #898989 75%, #898989);
  background-size: 6px 6px; }

.clearfix:after {
  content: ".";
  clear: both;
  display: block;
  visibility: hidden;
  height: 0px; }

span.msgRead {
  color: #e7e7e7; }

span.msgUnRead {
  color: #006db8; }

body.editFrameset {
  /*editor frameset*/
  overflow: hidden; }
  body.editFrameset iframe {
    border: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden; }
  body.editFrameset div {
    position: absolute;
    left: 0px;
    right: 0px; }
  body.editFrameset div.editHeader {
    top: 0px; }
  body.editFrameset div.mainEditor, body.editFrameset div.contenteditor {
    bottom: 53px;
    border-top: 1px solid #cacdd0; }
  body.editFrameset div.editorButtonFrame {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    height: 53px;
    border-top: 1px solid #cacdd0; }

body.moduleEditor {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  border: 0px none; }
  body.moduleEditor div {
    position: absolute;
    left: 0px;
    right: 0px; }
  body.moduleEditor div.editorHeader {
    top: 0px;
    height: 57px;
    overflow: hidden; }
  body.moduleEditor div.editorBody {
    top: 57px;
    bottom: 53px; }
  body.moduleEditor div.editorButtonFrame {
    bottom: 0px;
    height: 53px;
    overflow: hidden;
    background: #a5aaae;
    border-top: 2px groove white; }

#scrollContent_DocSearch, #scrollContent_TmplSearch, #scrollContent_DoclistSearch, #scrollContent_MediaSearch, #scrollContent_AdvSearch {
  overflow-y: auto;
  width: 100%;
  height: 100%; }
  #scrollContent_DocSearch .iconListview .fileicon, #scrollContent_TmplSearch .iconListview .fileicon, #scrollContent_DoclistSearch .iconListview .fileicon, #scrollContent_MediaSearch .iconListview .fileicon, #scrollContent_AdvSearch .iconListview .fileicon {
    font-size: 14px; }
  #scrollContent_DocSearch .iconGridview .fileicon, #scrollContent_TmplSearch .iconGridview .fileicon, #scrollContent_DoclistSearch .iconGridview .fileicon, #scrollContent_MediaSearch .iconGridview .fileicon, #scrollContent_AdvSearch .iconGridview .fileicon {
    font-size: 42px; }
  #scrollContent_DocSearch a, #scrollContent_TmplSearch a, #scrollContent_DoclistSearch a, #scrollContent_MediaSearch a, #scrollContent_AdvSearch a {
    color: black; }
    #scrollContent_DocSearch a a, #scrollContent_TmplSearch a a, #scrollContent_DoclistSearch a a, #scrollContent_MediaSearch a a, #scrollContent_AdvSearch a a, #scrollContent_DocSearch a a:visited, #scrollContent_TmplSearch a a:visited, #scrollContent_DoclistSearch a a:visited, #scrollContent_MediaSearch a a:visited, #scrollContent_AdvSearch a a:visited {
      color: inherit; }
  #scrollContent_DocSearch a.notpublished, #scrollContent_TmplSearch a.notpublished, #scrollContent_DoclistSearch a.notpublished, #scrollContent_MediaSearch a.notpublished, #scrollContent_AdvSearch a.notpublished {
    color: red; }
    #scrollContent_DocSearch a.notpublished a, #scrollContent_TmplSearch a.notpublished a, #scrollContent_DoclistSearch a.notpublished a, #scrollContent_MediaSearch a.notpublished a, #scrollContent_AdvSearch a.notpublished a, #scrollContent_DocSearch a.notpublished a:visited, #scrollContent_TmplSearch a.notpublished a:visited, #scrollContent_DoclistSearch a.notpublished a:visited, #scrollContent_MediaSearch a.notpublished a:visited, #scrollContent_AdvSearch a.notpublished a:visited {
      color: inherit; }
  #scrollContent_DocSearch a.changed, #scrollContent_TmplSearch a.changed, #scrollContent_DoclistSearch a.changed, #scrollContent_MediaSearch a.changed, #scrollContent_AdvSearch a.changed {
    color: #36c; }
    #scrollContent_DocSearch a.changed a, #scrollContent_TmplSearch a.changed a, #scrollContent_DoclistSearch a.changed a, #scrollContent_MediaSearch a.changed a, #scrollContent_AdvSearch a.changed a, #scrollContent_DocSearch a.changed a:visited, #scrollContent_TmplSearch a.changed a:visited, #scrollContent_DoclistSearch a.changed a:visited, #scrollContent_MediaSearch a.changed a:visited, #scrollContent_AdvSearch a.changed a:visited {
      color: inherit; }

#scrollContent_MediaSearch .iconListview .fileicon {
  font-size: 24px; }
  #scrollContent_MediaSearch .iconGridview .fileicon {
    font-size: 42px; }

#moduleMessageConsole {
  width: 5em;
  position: absolute;
  top: 0px;
  right: 0px; }

#moduleContent {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px; }
  #moduleContent #lframeDiv {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px; }
    #moduleContent #lframeDiv #left {
      left: 40px;
      position: absolute;
      top: 0px;
      bottom: 0px;
      right: 0px; }
      #moduleContent #lframeDiv #left input[type=text] {
        height: 30px;
        border: none;
        line-height: 30px;
        vertical-align: bottom; }
  #moduleContent #treeheader {
    height: auto;
    padding: 5px 10px; }
    #moduleContent #treeheader select {
      width: 109px !important;
      height: 30px; }
    #moduleContent #treeheader button.weBtn {
      margin-right: 5px !important; }

#right {
  background-color: #f0eff0;
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 0px;
  width: auto;
  border-left: 1px solid black;
  overflow: auto; }
  #right iframe {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow: hidden; }

div.alertAttentionBox {
  background-color: #ddd;
  padding: 5px;
  white-space: normal;
  box-sizing: border-box;
  position: relative;
  min-height: 2.5em; }
  div.alertAttentionBox.alertIcon {
    padding-left: 40px; }
  div.alertAttentionBox.alertCut {
    padding-right: 40px; }
  div.alertAttentionBox div.icon {
    padding-right: 1em;
    position: absolute;
    top: 2px;
    left: 5px; }
  div.alertAttentionBox div.middlefont {
    display: inline-block; }
  div.alertAttentionBox div.cutText {
    height: 1.5em; }
  div.alertAttentionBox button.clipbutton {
    position: absolute;
    right: 2px;
    top: 5px; }

div.sysinfoMsg {
  min-height: 2.5ex;
  min-width: 2ex;
  cursor: pointer;
  padding-right: 2ex;
  padding-left: 0px;
  position: relative; }
  div.sysinfoMsg span.warn {
    font-size: 10px;
    color: #f2f200;
    position: absolute;
    right: 0.5ex; }
  div.sysinfoMsg span.info {
    font-size: 10px;
    color: #007de3;
    position: absolute;
    right: 0.5ex; }
  div.sysinfoMsg span.ok {
    position: absolute;
    right: 0px;
    color: green; }

div.radiobutton {
  position: relative;
  padding-left: 25px; }
  div.radiobutton input[type=radio] {
    position: absolute;
    left: 0px;
    cursor: pointer; }
  div.radiobutton label.elementText {
    white-space: nowrap;
    display: block; }

span.checkbox {
  white-space: nowrap; }
  span.checkbox input {
    outline: 0px; }
  span.checkbox div.elementText {
    display: inline-block;
    padding-right: 1ex;
    white-space: nowrap; }

span.checkbox div.extra, div.radiobutton div.extra {
  margin-top: 1ex; }

div.htmlMessageBox {
  background-color: #f7f5f5;
  border: 2px solid #d7d7d7;
  padding: 20px; }
  div.htmlMessageBox div.buttons {
    margin-top: 20px; }

span.alertIcon {
  font-size: 14px;
  color: #f2f200; }

.tree .fa-minus-square-o, .tree .fa-plus-square-o {
  font-size: 16px; }
  .tree .fa-plus-square-o:before {
    content: "\0229E";
    font-size: 16px;
    color: #a5aaae; }
  .tree .fa-minus-square-o:before {
    content: "\0229F";
    font-size: 16px;
    color: #a5aaae; }
  .tree .fa-file-o:before {
    color: #192c3a;
    background: none; }

a, a:link, a:visited {
  color: #386aab; }

a:hover, a:focus, a:active {
  color: #386aab;
  text-decoration: none; }

.widget iframe {
  height: 294px !important; }

#props {
  width: 100%; }
  #props table {
    width: 100%; }
    #props table tr td {
      vertical-align: top;
      text-align: left !important;
      color: #4d565d; }
      #props table tr td label {
        color: #4d565d !important; }
      #props table tr td input, #props table tr td select {
        height: 20px;
        line-height: 20px;
        border: none;
        background: #fff;
        color: #4d565d;
        padding: 0px 5px; }
      #props table tr td textarea {
        height: 40px !important;
        border: none;
        background: #fff;
        color: #4d565d;
        margin-bottom: 5px;
        padding: 5px; }
      #props table tr td button {
        margin-left: 5px;
        margin-bottom: 5px; }
      #props table tr td div {
        float: none !important;
        clear: both !important; }

.le_widget .fa-stack-2x {
  font-size: 16px; }
  .le_widget .mediumicons span.fileicon .we-icon i {
    bottom: 5px; }
  .le_widget .fa-stack-2x, .le_widget .fa-3x, .le_widget .fa-2x {
    font-size: 16px; }

.mainEditor iframe {
  background: #f8f8fa; }

#div_fileupload_buttons button {
  width: 170px; }
/* we_collection.class */
div.collection_props-mime, div.collection_props-classes {
  width: 380px;
  margin-top: 5px; }

#collection_props-mime_class select {
  height: auto; }

div.collection_props-dublettes {
  width: 388px;
  margin: 20px 0 10px 0; }

div.collection-head {
  margin: 20px 0 0 20px; }

div.collection-toolbar {
  width: 850px;
  padding: 10px 0 0 20px;
  margin: 12px 0 0 0; }
  div.collection-toolbar td.toolbarRecursive {
    width: 320px; }
    div.collection-toolbar td.toolbarSlider {
      width: 160px; }
    div.collection-toolbar td.toolbarView {
      width: 42px; }
    div.collection-toolbar td.toolbarAdd {
      width: 60px;
      padding-left: 20px; }
    div.collection-toolbar td.toolbarImport {
      width: 40px; }
    div.collection-toolbar td.toolbarNum {
      width: 100px;
      text-align: right;
      padding-right: 4px; }
  div.collection-toolbar .toolbarNum i {
    font-size: 1em; }

input.collection-Slider {
  width: 120px;
  height: 20px; }

div.collection-content {
  width: 808px;
  border: 1px solid #afb0af;
  padding: 20px;
  margin: 20px;
  background-color: white;
  min-height: 200px; }
  div.collection-content div.listItem {
    margin: 4px 0 0 0;
    border: 1px solid #006db8;
    /* background-color: #f5f5f5; */
    cursor: default; }
    div.collection-content div.listItem .btn_edit, div.collection-content div.listItem .btn_addFromTree {
      /*margin-top: 5px;*/ }
    div.collection-content div.listItem td {
      vertical-align: top; }
      div.collection-content div.listItem td.colNum {
        width: 46px;
        padding: 26px 16px 0 0;
        text-align: right; }
      div.collection-content div.listItem td.colPreview {
        width: 90px;
        padding: 3px 9px 3px 0; }
      div.collection-content div.listItem td.colContent {
        width: 400px;
        padding-top: 13px; }
      div.collection-content div.listItem td.colControls {
        width: 220px;
        padding: 15px 10px 0 0; }
    div.collection-content div.listItem div.previewDiv {
      width: 80px;
      height: 80px;
      display: block;
      background-repeat: no-repeat;
      background-position: center center;
      background-size: contain;
      text-align: center;
      cursor: default; }
      div.collection-content div.listItem div.previewDiv div.divBtnSelect {
        /*padding: 28px 0 0 0;*/
        padding: 0px;
        display: none; }
      div.collection-content div.listItem div.previewDiv span {
        text-align: center;
        font-size: 24px;
        padding-top: 18px; }
      div.collection-content div.listItem div.previewDiv span:first-child {
        color: #aaa; }
      div.collection-content div.listItem div.innerDiv {
        float: left;
        /*width: 20px;*/
        padding: 0px 10px 3px 6px;
        cursor: default;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
      div.collection-content div.listItem div.innerDiv i {
        font-size: 14px; }
    div.collection-content div.listItem div.divBtnEditTextOnly {
      display: none; }
  div.collection-content table.minimalListItem .wetextinput {
    margin: 0;
    /*margin-top: 3px;*/ }
    div.collection-content table.minimalListItem tr.rowAttribsMeta {
      display: none; }
    div.collection-content table.minimalListItem td.colNum {
      padding: 10px 2px 0 0; }
    div.collection-content table.minimalListItem td.colPreview {
      width: 50px;
      padding: 3px 9px 3px 0; }
    div.collection-content table.minimalListItem td.colContent {
      width: 520px;
      padding: 2px 0 0 0; }
      div.collection-content table.minimalListItem td.colContent div.divContent {
        width: 520px; }
      div.collection-content table.minimalListItem td.colContent div.colContentTextOnly {
        display: none;
        padding: 9px 0 0 4px;
        white-space: nowrap; }
    div.collection-content table.minimalListItem td.colControls {
      width: 180px;
      padding: 4px 0 0 0; }
    div.collection-content table.minimalListItem div.previewDiv {
      width: 54px;
      height: 30px; }
      div.collection-content table.minimalListItem div.previewDiv span {
        text-align: center;
        font-size: 14px;
        padding: 4px 4px 4px 0; }
      div.collection-content table.minimalListItem div.previewDiv div.divBtnSelect {
        padding: 2px 0 0 0; }
  div.collection-content div.gridItem {
    position: relative;
    float: left;
    display: block; }
    div.collection-content div.gridItem ::selection, div.collection-content div.gridItem ::-moz-selection {
      color: inherit;
      background: inherit; }
    div.collection-content div.gridItem div.divToolbar {
      position: absolute;
      bottom: 0px;
      width: 100%;
      height: auto;
      min-height: 30px;
      text-align: right;
      padding-bottom: 6px;
      background-color: #f5f5f5;
      opacity: 0.6;
      display: none;
      padding: 6px 0 0 0;
      cursor: default; }
    div.collection-content div.gridItem div.toolbarLeft {
      float: left;
      width: 26px;
      padding: 4px 0 0 10px;
      text-align: left;
      font-size: 14px; }
    div.collection-content div.gridItem div.toolbarRight {
      float: right;
      width: auto; }
    div.collection-content div.gridItem div.toolbarAttribs {
      float: left;
      width: auto;
      padding: 6px 0 4px 0; }
    div.collection-content div.gridItem .toolbarAttr {
      width: 24px;
      float: left;
      text-align: right;
      font-size: 12px; }
    div.collection-content div.gridItem .toolbarBtns {
      width: auto;
      float: right; }
    div.collection-content div.gridItem div.divContent {
      position: absolute;
      left: 0;
      top: 0;
      bottom: 14px;
      right: 14px;
      border: 1px solid #006db8;
      float: left;
      display: block;
      background-color: white;
      background-repeat: no-repeat;
      background-position: center center;
      background-size: contain;
      vertical-align: middle;
      cursor: default; }
      div.collection-content div.gridItem div.divContent .divInner {
        position: absolute;
        top: 0px;
        bottom: 30px;
        width: 100%;
        padding: 40% 0 0 0;
        text-align: center; }
      div.collection-content div.gridItem div.divContent .divInner span {
        font-size: 24px; }
        div.collection-content div.gridItem div.divContent .divInner span:first-child {
          color: #aaa; }
    div.collection-content div.gridItem .divTitle {
      padding: 7% 0 0 0;
      width: 80%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    div.collection-content div.gridItem .divSpace {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 14px;
      width: 12px;
      border: 1px solid white;
      float: left;
      display: block; }

.collection-content .listItem div.div_we-state-green {
  width: auto;
  max-width: 160px; }

.arrow_box {
  top: -16px;
  position: relative;
  background: red;
  border: 1px solid red;
  color: white; }
  .arrow_box:after, .arrow_box:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none; }
  .arrow_box:after {
    border-color: rgba(0, 0, 0, 0);
    border-top-color: red;
    border-width: 15px;
    margin-left: -15px; }
  .arrow_box:before {
    border-color: rgba(0, 0, 0, 0);
    border-top-color: red;
    border-width: 16px;
    margin-left: -16px; }

.editorThumbnailsFilter table {
  width: 500px; }
  .editorThumbnailsFilter table td {
    height: 16px; }
  .editorThumbnailsFilter table label.elementText {
    display: inline-block; }

.editorThumbnailsOptions .inputs {
  margin-top: 20px; }
  .editorThumbnailsOptions .wetextinput, .editorThumbnailsOptions select {
    width: 110px;
    margin-bottom: 2px; }
  .editorThumbnailsOptions td {
    padding-bottom: 2px;
    padding-right: 10px;
    vertical-align: top; }
    .editorThumbnailsOptions td label.elementText {
      display: inline-block; }
  .editorThumbnailsOptions label.elementText {
    display: inline-block; }

.iframeNoScroll {
  overflow: hidden; }

.iframeScroll {
  overflow: auto !important; }

.iframeScrollIpad {
  overflow: scroll !important;
  -webkit-overflow-scrolling: touch !important; }

div.htmlDialogLayoutButtons {
  text-align: right;
  margin-left: 10px; }

tr.htmlDialogBorder4Cell td {
  padding: 2px 5px 2px 5px;
  border-bottom: 1px solid silver;
  border-left: 1px solid silver;
  background-color: white; }
  tr.htmlDialogBorder4Cell td:first-child {
    border-left: none; }