pydio.css

@import "fonts/font-awesome.css";
@import "fonts/mdi-subset.css";
.react-mui-context * {
  font-family: Roboto, sans-serif;
}
.react-mui-context [class^="icon-"],
.react-mui-context [class*=" icon-"] {
  font-family: FontAwesome;
}
.react-mui-context [class^="mdi-"],
.react-mui-context [class*=" mdi-"] {
  font-family: "Material Design Icons";
}
.react-mui-context .mui-tabs-container .mui-tab-item-container {
  background-color: #424242 !important;
}
.react-mui-context .mui-tabs-container .mui-ink-bar {
  background-color: #ff9e80;
}
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/awesome/fontawesome-webfont.eot?v=3.2.1');
  src: url('../fonts/awesome/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'), url('../fonts/awesome/fontawesome-webfont.woff?v=3.2.1') format('woff'), url('../fonts/awesome/fontawesome-webfont.ttf?v=3.2.1') format('truetype'), url('../fonts/awesome/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Open Sans Regular';
  src: url('../fonts/open-sans-fontfacekit/opensans_regular/OpenSans-Regular-webfont.eot');
  src: url('../fonts/open-sans-fontfacekit/opensans_regular/OpenSans-Regular-webfont.eot?iefix') format('eot'), url('../fonts/open-sans-fontfacekit/opensans_regular/OpenSans-Regular-webfont.woff') format('woff'), url('../fonts/open-sans-fontfacekit/opensans_regular/OpenSans-Regular-webfont.ttf') format('truetype'), url('../fonts/open-sans-fontfacekit/opensans_regular/OpenSans-Regular-webfont.svg#webfont') format('svg');
}
@font-face {
  font-family: 'Open Sans Light';
  src: url('../fonts/open-sans-fontfacekit/opensans_light/OpenSans-Light-webfont.eot');
  src: url('../fonts/open-sans-fontfacekit/opensans_light/OpenSans-Light-webfont.eot?iefix') format('eot'), url('../fonts/open-sans-fontfacekit/opensans_light/OpenSans-Light-webfont.woff') format('woff'), url('../fonts/open-sans-fontfacekit/opensans_light/OpenSans-Light-webfont.ttf') format('truetype'), url('../fonts/open-sans-fontfacekit/opensans_light/OpenSans-Light-webfont.svg#webfont') format('svg');
}
@font-face {
  font-family: 'Roboto';
  font-weight: 300;
  src: url('../fonts/roboto-font/roboto-light.woff2') format('woff2'), url('../fonts/roboto-font/roboto-light.woff') format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-weight: 400;
  src: url('../fonts/roboto-font/roboto.woff2') format('woff2'), url('../fonts/roboto-font/roboto.woff') format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-weight: 500;
  src: url('../fonts/roboto-font/roboto-medium.woff2') format('woff2'), url('../fonts/roboto-font/roboto-medium.woff') format('woff');
}
/* MaterialDesignIcons.com */
@font-face {
  font-family: "Material Design Icons";
  src: url("../fonts/mdi/materialdesignicons-webfont.eot?v=1.4.57");
  src: url("../fonts/mdi/materialdesignicons-webfont.eot?#iefix&v=1.4.57") format("embedded-opentype"), url("../fonts/mdi/materialdesignicons-webfont.woff2?v=1.4.57") format("woff2"), url("../fonts/mdi/materialdesignicons-webfont.woff?v=1.4.57") format("woff"), url("../fonts/mdi/materialdesignicons-webfont.ttf?v=1.4.57") format("truetype"), url("../fonts/mdi/materialdesignicons-webfont.svg?v=1.4.57#materialdesigniconsregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
*:focus {
  outline: none;
}
body {
  font-family: "Open Sans Light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
/*
MAJOR STYLES
*/
a:link,
a:visited,
a:hover,
a:active,
a:focus {
  text-decoration: none;
  outline: 0;
  color: #333;
}
.linked {
  cursor: pointer;
  z-index: 10;
}
body,
html {
  margin: 0;
  padding: 0;
  background-color: #333;
}
* {
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
      user-select: none;
}
input,
textarea,
.selectable {
  font-family: "Open Sans Light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  -moz-user-select: text;
  -khtml-user-select: auto;
  -webkit-user-select: auto;
  -ms-user-select: auto;
      user-select: auto;
}
*::-moz-focus-inner {
  border: none;
}
.no_select_bg::-moz-selection {
  background: transparent;
}
.no_select_bg::selection {
  background: transparent;
}
.selected {
  background: #CCC !important;
  text-decoration: none;
}
.selected-focus,
.selected-focus span.text_label {
  color: #fff !important;
}
.no_select_bg::-moz-selection {
  background: transparent;
}
.css_boxshadow {
  box-shadow: 1px 1px 4px rgba(100, 100, 100, 0.7);
}
span.letter_badge {
  display: inline-block;
  float: left;
  width: 32px;
  background-color: #111;
  border-radius: 34px;
  color: white;
  text-align: center;
  padding: 7px 0;
  font-size: 0.8em;
  font-family: "Open Sans Regular", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
#AjxpConnexion-loader {
  left: 49% !important;
  top: 7px !important;
  width: 30px;
}
#AjxpConnexion-loader img {
  height: 6px;
}
.kbd {
  padding: .1em .6em;
  border: 1px solid #ccc;
  font-size: 11px;
  font-family: Arial, sans-serif;
  background-color: #f7f7f7;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), 0 0 0 2px #ffffff inset;
  border-radius: 3px;
  display: inline-block;
  margin: 0 .1em;
  text-shadow: 0 1px 0 #fff;
  line-height: 1.4;
  white-space: nowrap;
}
kbd {
  padding: .1em .6em;
  border: 1px solid #ccc;
  font-size: 11px;
  font-family: Arial, sans-serif;
  background-color: #f7f7f7;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), 0 0 0 2px #ffffff inset;
  border-radius: 3px;
  display: inline-block;
  margin: 0 .1em;
  text-shadow: 0 1px 0 #fff;
  line-height: 1.4;
  white-space: nowrap;
}
.resizableHandle {
  position: absolute;
  width: 10px;
  height: 10px;
  background-image: url('../images/resize_handle.png');
  opacity: 0.5;
  cursor: nwse-resize;
}
.flexbox body {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.vertical_layout {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -webkit-flex-direction: column;
}
.vertical_layout > * {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.horizontal_layout {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-align: stretch;
      align-items: stretch;
  -webkit-align-items: stretch;
}
.vertical_fit {
  -ms-flex: 1;
      flex: 1;
  -webkit-flex: 1;
  overflow-y: hidden;
}
.fit_background_height {
  background-size: auto 100% !important;
}
#container {
  width: 50%;
  margin: 0 auto;
  text-align: left;
}
.footer {
  background-color: #000;
  padding: 0.5em;
}
.leightbox {
  color: #333;
  display: none;
  position: absolute;
  top: 45%;
  left: 45%;
  width: 50%;
  height: 50%;
  padding: 1em;
  border: 1em solid #B8B8B8;
  background-color: white;
  text-align: left;
  z-index: 1040;
  overflow: auto;
}
#overlay,
#loading_overlay {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1040;
  background-color: #000000;
  -moz-opacity: 0.6;
  opacity: .20;
  filter: alpha(opacity=60);
}
#loading_overlay {
  display: block;
  z-index: 2000;
  -moz-opacity: 1.0 ;
  opacity: 1.0 ;
  filter: alpha(opacity=100) !important;
  background-color: rgba(0, 0, 0, 0.83) !important;
}
#element_overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  background-color: #EEEEEE;
  -moz-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  text-align: center;
  overflow: hidden;
  padding: 0 !important;
  margin: 0 !important;
}
div.dialogBox div#element_overlay {
  background-color: #252525;
  opacity: 0;
  transition: opacity 0.4s ease;
}
#element_overlay img {
  margin-top: 30%;
}
#element_iframe {
  position: absolute;
  width: 80%;
  height: 80%;
  z-index: 1010;
  background-color: #eee;
  border: 1px solid black;
}
.lightbox[id] {
  /* IE6 and below Can't See This */
  position: fixed;
}
#overlay[id] {
  /* IE6 and below Can't See This */
  position: fixed;
}
.webfx-tree-container {
  margin: 0;
  padding: 0;
  white-space: nowrap;
  font-size: 11px;
}
.webfx-tree-item {
  padding: 5px 4px;
  margin: 0;
  font-size: 11px;
  white-space: nowrap;
  height: 27px;
  position: relative;
}
.webfx-tree-item a,
.webfx-tree-item a:active,
.webfx-tree-item a:hover,
.webfx-tree-item a:link {
  margin-left: 0;
  outline: 0;
  cursor: default;
  text-decoration: none;
  color: #dddddd;
}
.webfx-tree-item a span,
.webfx-tree-item a:active span,
.webfx-tree-item a:hover span,
.webfx-tree-item a:link span {
  display: inline-block;
  line-height: 19px;
  margin-top: 4px;
  padding-left: 30px;
  background-position: 4px 1px;
  background-repeat: no-repeat;
  font-size: 13px;
  background-size: 16px;
}
.webfx-tree-item a.selected-focus,
.webfx-tree-item a:active.selected-focus,
.webfx-tree-item a:hover.selected-focus,
.webfx-tree-item a:link.selected-focus {
  color: white;
}
.webfx-tree-item img {
  width: 24px;
  vertical-align: middle;
  border: 0;
  float: left;
  visibility: hidden;
}
.webfx-tree-item:hover {
  background-color: #666;
}
.webfx-tree-item.selected-webfx-tree-item {
  color: white;
}
.webfx-tree-item.selected-webfx-tree-item a {
  color: white !important;
  text-decoration: none;
}
.webfx-tree-item.selected-webfx-tree-item-inactive {
  text-decoration: none;
}
.webfx-tree-item.selected {
  background: #ddd;
  color: white;
  text-decoration: none;
}
.webfx-tree-item .webfx-tree-icon {
  width: 16px;
  height: 16px;
  margin-right: 3px;
}
.flat_tree_pane div#tree_container {
  border: 0;
  background-color: transparent;
}
.flat_tree_pane div#tree_container > .webfx-tree-item {
  display: none;
}
.flat_tree_pane div#tree_container > .webfx-tree-container > .webfx-tree-item {
  margin-top: 10px;
}
.flat_tree_pane div#tree_container > .webfx-tree-container > .webfx-tree-item a span {
  color: rgba(255, 255, 255, 0.55);
  background-image: none!important;
  padding-left: 0;
  margin-top: 5px;
  font-size: 10px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.flat_tree_pane div#tree_container > .webfx-tree-container > .webfx-tree-item a span:before {
  display: none;
}
.flat_tree_pane .webfx-tree-item {
  background-color: transparent;
  cursor: pointer;
  padding: 4px 20px;
}
.flat_tree_pane .webfx-tree-item a {
  color: rgba(255, 255, 255, 0.9) !important;
  cursor: pointer;
  letter-spacing: 1px;
}
.flat_tree_pane .webfx-tree-item a span {
  padding-left: 33px;
  background-position: 13px 4px !important;
  background-repeat: no-repeat;
  font-size: 13px;
  background-size: 12px;
  padding-top: 1px;
}
.flat_tree_pane .webfx-tree-item img {
  display: none;
}
.flat_tree_pane div.webfx-tree-item.selected-webfx-tree-item-inactive,
.flat_tree_pane div.webfx-tree-item.selected-webfx-tree-item {
  background-color: rgba(255, 255, 255, 0.15) !important;
}
.flat_tree_pane div.webfx-tree-item.selected-webfx-tree-item a,
.flat_tree_pane div.webfx-tree-item.selected-webfx-tree-item-inactive a {
  text-shadow: none;
  color: #fff !important;
}
.flat_tree_pane div.webfx-tree-container.first_container {
  padding: 0;
}
.flat_tree_pane div.scrolling div.webfx-tree-container.first_container {
  padding: 0;
}
.flat_tree_pane div.webfx-tree-container > .webfx-tree-container > .webfx-tree-container {
  margin-bottom: 0;
  box-shadow: none;
}
.flat_tree_pane div.webfx-tree-container > .webfx-tree-container > .webfx-tree-item {
  background-color: transparent;
  border-top: 0;
}
.flat_tree_pane div.webfx-tree-container > .webfx-tree-container > .webfx-tree-container div.webfx-tree-item {
  padding-left: 40px;
}
.flat_tree_pane div.webfx-tree-container > .webfx-tree-container > .webfx-tree-container > .webfx-tree-container div.webfx-tree-item {
  padding-left: 60px;
}
.flat_tree_pane div.webfx-tree-container > .webfx-tree-container > .webfx-tree-container > .webfx-tree-container > .webfx-tree-container div.webfx-tree-item {
  padding-left: 80px;
}
div#tree_container {
  /* default: FOLDER */
}
div#tree_container > div:first-child {
  padding-left: 16px;
}
div#tree_container > div.first_container {
  margin-left: -11px;
}
div#tree_container > div:first-child > a > span,
div#tree_container div[data-node-icon] > a > span {
  background-image: none !important;
  padding-left: 4px;
}
div#tree_container > div:first-child > a > span:before,
div#tree_container div[data-node-icon] > a > span:before {
  content: "\f015";
  font-size: 1.2em;
  padding-right: 18px;
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
}
div#tree_container div[data-node-icon] > a > span:before {
  content: "\f07b";
}
div#tree_container div[data-node-icon="zip.png"] > a > span:before {
  content: "\f187";
}
div#tree_container div[data-node-icon="trashcan_full.png"] > a > span:before,
div#tree_container div[data-node-icon="trashcan.png"] > a > span:before {
  content: "\f014";
}
#folder_pane {
  margin-left: -4px;
}
#folder_pane.show_first_level div#tree_container > div.webfx-tree-container > div.webfx-tree-container {
  display: none !important;
}
div.selected-webfx-tree-item-inactive {
  background: #666666 !important;
}
div.selected-webfx-tree-item,
.selected-focus {
  background: #ff764b !important;
}
.settings_main_pane div.selected-webfx-tree-item,
.settings_main_pane div.selected-focus,
.settings_main_pane tr.selected-focus {
  background-color: #4ea7a5;
}
div.treeCopyContainer div.webfx-tree-item a {
  color: #555 !important;
}
div.treeCopyContainer div.selected-webfx-tree-item a,
div.treeCopyContainer div.webfx-tree-item:hover a,
div.treeCopyContainer div.selected-webfx-tree-item-inactive a {
  color: white !important;
}
.webfx-tree-item div.overlay_icon_div {
  display: none;
}
.class-FilesList {
  /*******************************************/
  /* INLINE PROGRESS BAR INSIDE FILE LIST    */
  /*******************************************/
}
.class-FilesList .sort-table {
  font-size: 11px;
  color: rgba(0, 0, 0, 0.53);
}
.class-FilesList .sort-table td {
  padding: 8px 0;
  border: 0;
}
.class-FilesList .sort-table tr:nth-child(even) {
  background-color: rgba(0, 0, 0, 0.02);
}
.no-flexbox .class-FilesList .sort-table td {
  padding: 3px 0;
}
.class-FilesList .sort-table #last_header {
  border-right: 0 solid #ddd;
  width: auto !important;
}
.class-FilesList .sort-table tr h3 {
  padding: 5px 10px 10px;
  font-size: 1.8em;
  margin: 10px 0 -7px;
  border-bottom: 1px solid #999;
}
.class-FilesList .text_label {
  display: block;
  overflow: hidden;
  padding-left: 6px;
  padding-top: 4px;
  height: 18px;
  line-height: 17px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.class-FilesList .text_label .full {
  height: auto;
  white-space: normal;
}
.class-FilesList span.overlay-class-span {
  color: rgba(0, 0, 0, 0.87);
  margin-left: 5px;
  padding: 0 !important;
  margin-top: 0 !important;
}
.class-FilesList .overlay_icon_div {
  position: absolute;
  background: none !important;
  height: 12px !important;
  bottom: 0 !important;
  width: auto !important;
  top: 9px !important;
  right: 10px !important;
  font-size: 11px;
}
.class-FilesList .overlay_icon_div span.overlay-class-span {
  margin-left: 10px;
}
.class-FilesList .selected span.overlay-class-span {
  color: #ffffff;
}
.class-FilesList .thumbnail_selectable_cell {
  width: 110px;
  height: 100px;
  float: left;
  text-align: center;
  margin: 4px;
  border-radius: 2px;
  padding: 4px 6px;
  color: rgba(0, 0, 0, 0.87);
}
.class-FilesList .thumbnail_selectable_cell div.thumbnail_cell_metadata span.metadata_chunk span.text_label {
  margin-left: 0;
  display: inline;
}
.class-FilesList .thumbnail_selectable_cell div.thumbnail_cell_metadata span.metadata_chunk {
  display: inline;
  margin-right: 5px;
}
.class-FilesList .thumbnail_selectable_cell .thumbLabel {
  /*overflow: hidden;*/
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.class-FilesList .thumbnail_selectable_cell > div > div.overlay_icon_div {
  top: 27px !important;
  right: 21px !important;
  font-size: 16px;
  transition: top 0.6s ease;
}
.class-FilesList .thumbnail_selectable_cell.detailed {
  margin: 0 0 !important;
  margin-bottom: 2px;
  width: 100%;
  display: block;
  height: auto;
  position: relative;
  border-radius: 0;
  padding: 7px 4px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.03);
}
.class-FilesList .thumbnail_selectable_cell.detailed div.thumbnail_selectable_cell {
  margin-right: 11px;
  background-color: transparent;
}
.class-FilesList .thumbnail_selectable_cell.detailed div.thumbLabel {
  font-size: 15px;
  text-align: left;
  padding-top: 9px;
  padding-bottom: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.class-FilesList .thumbnail_selectable_cell.detailed div.thumbnail_cell_metadata {
  text-align: left;
  padding-top: 1px;
  font-size: 13px;
  white-space: nowrap;
  margin-top: 1px;
  opacity: 0.5;
}
.class-FilesList .thumbnail_selectable_cell.detailed.selected-focus div.thumbLabel {
  font-weight: 500;
}
.class-FilesList .thumbnail_selectable_cell.detailed.selected-focus div.thumbnail_cell_metadata {
  opacity: 0.8;
}
.class-FilesList .thumbnail_selectable_cell.detailed:hover {
  background-color: #f7f7f7;
}
.class-FilesList .thumbnail_selectable_cell.detailed:last-child {
  border-bottom: 0;
}
.class-FilesList .thumbnail_selectable_cell.detailed.metadata_empty div.thumbLabel {
  padding-top: 18px;
}
.class-FilesList.paginated div.scroller_track {
  top: 30px;
}
.class-FilesList.fl-displayMode-list.fl-showFilterPane div.scroller_track {
  top: 50px !important;
}
.class-FilesList.fl-displayMode-list div.scroller_track {
  top: 26px;
}
.class-FilesList.fl-displayMode-list.paginated div.scroller_track {
  top: 56px;
}
.class-FilesList.fl-displayMode-list .table_rows_container span.list_selectable_span span.text_label {
  font-size: 13px;
  padding-left: 27px !important;
  background-position: 5px 4px;
  color: rgba(0, 0, 0, 0.87);
  letter-spacing: 1px;
}
.class-FilesList.fl-displayMode-list .table_rows_container span#ajxp_label {
  font-weight: normal;
  background-size: 16px;
}
.class-FilesList.fl-displayMode-list .table_rows_container tr:hover,
.class-FilesList.fl-displayMode-list .table_rows_container tr.even:hover {
  background-color: #fdfce4;
}
.class-FilesList.fl-displayMode-list .table_rows_container span#ajxp_label {
  font-family: "Open Sans Regular", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
.class-FilesList.fl-displayMode-thumb div.thumbnail_selectable_cell {
  margin: 5px;
  background-color: #f9f9f9;
  border-radius: 2px;
  padding: 0 0 3px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.43);
}
.class-FilesList.fl-displayMode-thumb div.thumbnail_selectable_cell div.thumbLabel {
  margin-top: -29px;
  opacity: 1;
  background-color: #ffffff;
  padding: 8px 3px;
  color: #666666;
  border-radius: 0 0 2px 2px;
}
.class-FilesList.fl-displayMode-thumb div.thumbnail_selectable_cell.fl-displayMode-thumbsize-medium div.thumbLabel {
  padding: 1px;
  margin-top: -15px;
  font-size: 0.7em;
}
.class-FilesList.fl-displayMode-thumb div.thumbnail_selectable_cell.fl-displayMode-thumbsize-large div.thumbLabel {
  font-size: 0.9em;
}
.class-FilesList.fl-displayMode-thumb div.thumbnail_selectable_cell.fl-displayMode-thumbsize-small div.thumbLabel {
  display: none;
}
.class-FilesList.fl-displayMode-thumb div.thumbnail_selectable_cell.selected-focus {
  background-color: #f9f9f9 !important;
}
.class-FilesList.fl-displayMode-thumb div.thumbnail_selectable_cell.selected-focus.fl-displayMode-thumbsize-small {
  background-color: #ff764b !important;
}
.class-FilesList.fl-displayMode-thumb div.thumbnail_selectable_cell.selected-focus div.thumbLabel {
  opacity: 1;
  background-color: #ff764b;
  color: #ffffff;
}
.class-FilesList.fl-displayMode-thumb div.thumbnail_selectable_cell.selected-focus span.overlay-class-span {
  color: #ff764b;
}
.class-FilesList .list_selectable_span img {
  float: left;
}
.class-FilesList .paginator {
  background-color: #fffce8;
  border: 0;
  font-size: 12px;
  padding: 5px;
  text-align: center;
}
.class-FilesList .paginator .paginatorInput {
  width: 21px;
  padding: 0 2px;
  height: 17px;
  text-align: right;
  border: 1px solid #CCCCCC;
  margin-right: 2px;
  margin-left: 5px;
}
.class-FilesList > div.panelHeader {
  display: none;
}
.class-FilesList.class-FetchedResultPane div.overlay_icon_div {
  top: 16px!important;
  font-size: 13px;
}
.class-FilesList.class-FetchedResultPane div.thumbnail_selectable_cell.detailed {
  padding: 2px 12px;
  border-bottom: 0;
}
.class-FilesList.class-FetchedResultPane div.thumbnail_selectable_cell.detailed div.thumbnail_selectable_cell img {
  width: 16px !important;
  height: 16px !important;
  margin-top: 4px !important;
}
.class-FilesList.class-FetchedResultPane div.thumbnail_selectable_cell.detailed div.thumbnail_selectable_cell {
  margin: 0;
  padding: 1px 7px 6px 6px;
  height: 22px !important;
}
.class-FilesList.class-FetchedResultPane div.thumbnail_selectable_cell.detailed div.thumbnail_cell_metadata {
  display: none;
}
.class-FilesList.class-FetchedResultPane div.class-FetchedResultPane.display_metadata div.thumbnail_selectable_cell.detailed div.thumbnail_cell_metadata {
  display: inherit;
}
.class-FilesList.class-FetchedResultPane div.ajxpNodeProvider.selected-focus {
  background-color: #ffffff !important;
}
.class-FilesList.class-FetchedResultPane div.thumbnail_selectable_cell.detailed div.thumbLabel {
  font-size: 13px;
  padding-top: 4px;
}
.class-FilesList.class-FetchedResultPane div.thumbnail_selectable_cell.detailed span.text_label {
  padding-top: 0;
}
.class-FilesList #no-results-found {
  text-align: center;
  margin-top: 10%;
}
.class-FilesList div.header_resizer {
  overflow: hidden;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  opacity: 0.85;
  max-height: 26px;
}
.class-FilesList div.header_resizer .column_resize_grabber {
  display: block;
  width: 3px;
  float: right;
  height: 23px;
  font-size: 0;
  cursor: e-resize;
}
.class-FilesList div.header_resizer div.header_cell {
  float: left;
  overflow: hidden;
  width: 90px;
  white-space: nowrap;
  border: 0 !important;
  cursor: pointer;
}
.class-FilesList div.header_resizer div.header_cell span.ajxp-order-icon {
  display: none;
  float: right;
  padding-top: 1px;
}
.class-FilesList div.header_resizer div.header_cell.ascending span.icon-caret-up {
  display: inline-block;
}
.class-FilesList div.header_resizer div.header_cell.descending span.icon-caret-down {
  display: inline-block;
}
.class-FilesList div.header_resizer div.header_cell.ascending div.header_label,
.class-FilesList div.header_resizer div.header_cell.descending div.header_label {
  background-color: rgba(0, 0, 0, 0.05);
}
.class-FilesList div.header_resizer div.header_cell input[type="text"] {
  margin-left: 0;
  width: 96%;
  border: 0;
  background: transparent;
}
.class-FilesList div.header_resizer.sort-table-filter {
  display: none ;
}
.class-FilesList div.header_resizer.sort-table-filter div.header_cell {
  border-right: 1px solid #ccc !important;
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.37);
}
.class-FilesList div.header_resizer.sort-table-filter div.header_cell:last-child {
  border-right: 0 !important;
}
.class-FilesList div.header_resizer div.header_label {
  font-size: 11px;
  padding: 5px 5px 4px;
  background-color: #ffffff;
  color: rgba(0, 0, 0, 0.87);
  letter-spacing: 1px;
  border-bottom: 0;
  height: 18px;
  overflow: hidden;
}
.class-FilesList div.header_resizer div.resizer {
  float: left;
  width: 1px;
  background-color: #ebedf0;
  height: 26px;
  cursor: e-resize;
  border: 0;
}
.class-FilesList div.header_resizer div.resizer_sortable {
  background-color: #fff;
}
.class-FilesList div.header_resizer div.dragging {
  background-color: #bbb;
  border-left: 1px solid #bbb;
}
.class-FilesList div.resizeGhost {
  width: 1px;
  border-right: 1px solid #ccc;
  position: absolute;
  z-index: 1017;
  opacity: 0.7;
}
.class-FilesList.fl-showFilterPane div.sort-table-filter {
  display: block;
}
.class-FilesList .pg_cancel_button {
  background-color: #C33;
  display: inline-block;
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  cursor: pointer;
  float: right;
  margin-right: 8px;
  font-weight: bold;
  color: white !important;
  height: 12px;
  width: 8px;
  padding-left: 4px;
  line-height: 13px;
  font-size: 7px;
  margin-top: 2px;
}
input {
  border-radius: 2px;
  border: 1px solid #aaaaaa;
  font-size: 13px;
  margin-left: 10px;
  margin-top: 1px;
  padding: 2px;
}
textarea {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  background-color: #ffffff;
  border-radius: 2px;
  border: 1px solid #aaaaaa;
  font-size: 13px;
  margin-left: 10px;
  margin-top: 1px;
  padding: 2px;
}
select {
  border-radius: 2px;
  border: 1px solid #aaaaaa;
  font-size: 13px;
  margin-left: 10px;
  margin-top: 1px;
  padding: 2px;
}
div.oneFieldForm {
  background-color: #eeeeee;
  border-radius: 4px;
  margin-bottom: 13px;
  margin-top: 10px;
  padding: 3px 6px;
}
div.oneFieldForm input.SF_input {
  background: white !important;
}
.largeButton {
  background: rgba(107, 107, 107, 0.87);
  border-radius: 5px;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  float: left;
  font-size: 13px;
  letter-spacing: 1px;
  margin-left: 12px;
  outline: none;
  overflow: visible;
  padding: 7px 6px !important;
  text-align: center;
}
.largeButton img {
  height: 16px;
  margin-right: 5px;
  margin-top: 3px;
  position: relative;
  top: -2px;
  vertical-align: middle;
  width: 16px;
}
.SF_input.SF_inlineButton {
  background: rgba(107, 107, 107, 0.87);
  border-radius: 5px;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  float: left;
  font-size: 13px;
  letter-spacing: 1px;
  margin-left: 12px;
  outline: none;
  overflow: visible;
  padding: 7px 6px !important;
  text-align: center;
  font-weight: 500;
}
.SF_disabled img {
  -moz-opacity: 0.3;
  cursor: default;
  filter: alpha(opacity=30);
  opacity: 0.3;
}
div.wizard-pane {
  display: none !important;
}
div.wizard-pane.wizard-panel-active {
  display: block !important;
}
div.wizard_panel_title {
  font-size: 24px;
  margin: 5px 0;
}
div.wizard_buttons {
  margin-top: 30px;
  text-align: center;
}
div.wizard_buttons div {
  display: inline-block !important;
  float: none !important;
  margin-left: 10px !important;
  width: 70px;
}
.SF_input.SF_inlineButton.wizard_previous.disabled {
  display: none !important;
}
.SF_input.SF_inlineButton.wizard_next.disabled {
  display: none !important;
}
div.wizard_progress {
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.wizard_previous {
  background-color: #f47561 !important;
}
.wizard_next {
  background-color: #f47561 !important;
}
span.wizard_progress_element {
  background-color: #ffffff;
  border-bottom: 3px solid #D8D7D7;
  color: #555555;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 11px;
  padding: 28px 0 14px;
  position: relative;
  text-align: center;
}
span.wizard_progress_element.wizard_progress_passed {
  border-bottom: 3px solid #f47561;
  color: #f47561;
}
span.progress_number {
  background-color: #ABAAAA;
  border-radius: 50%;
  bottom: -9px;
  color: white;
  display: inline-block;
  font-size: 11px;
  font-weight: bold;
  height: 16px;
  left: 43%;
  position: absolute;
  text-align: center;
  width: 16px;
  line-height: 17px;
}
.wizard_progress_passed span.progress_number {
  background-color: #f47561;
}
label {
  font-size: 13px;
  margin: 0 5px;
}
.checkbox_left {
  clear: left;
  float: left;
  margin: 0 4px 5px 0 !important;
}
label.checkbox_label_left {
  display: inline-block;
  float: left;
}
div.SF_element {
  clear: left;
  margin: 0 2%;
  padding-top: 5px;
  width: 96%;
}
div.SF_element div.SF_element {
  margin: 0;
}
div.SF_disabled {
  color: #cccccc;
  font-style: italic;
}
div.SF_label {
  letter-spacing: 1px;
  line-height: 22px !important;
  margin-top: 3px;
  text-transform: uppercase;
  width: 100% !important;
}
input.SF_fieldCheckBox {
  margin-top: 7px !important;
}
.no-flexbox div.SF_label {
  padding-right: 3px !important;
}
.SF_input {
  margin-left: 0;
  max-width: 450px !important;
  padding: 1% !important;
  width: 97%;
}
.SF_element textarea {
  background-color: white;
  margin-left: 0 !important;
  max-width: 450px !important;
  width: 97% !important;
}
.SF_element select {
  background-color: white;
  margin-left: 0 !important;
  max-width: 450px !important;
  width: 97% !important;
}
.SF_element div.SF_image_block {
  background-color: white;
  margin-left: 0 !important;
  max-width: 450px !important;
  width: 97% !important;
}
div.SF_element.SF_largeLabel > input.SF_input.SF_number {
  text-align: right;
  width: 30px !important;
}
input.SF_input.SF_number {
  text-align: right;
  width: 30px !important;
}
select.SF_input {
  box-sizing: border-box;
  max-width: 450px !important;
  padding: 0 0 0 5px !important;
  width: 99% !important;
}
.SF_box {
  width: 20px !important;
}
.SF_fieldCheckBox {
  float: left;
  margin: 5px;
}
.SF_elementWithCheckbox > .SF_input {
  _width: 46% !important;
  width: 50% !important;
}
.SF_inlineButton {
  background-image: url('../../images/grid_tl.png');
  margin: 3px 0 !important;
  padding: 4px !important;
}
.SF_inlineButton span[class^="icon-"] {
  margin-right: 3px;
}
.SF_inlineMonitoring {
  padding: 7px 4px !important;
}
.SF_inlineMonitoring.SF_inlineMonitoringWorking:after {
  content: " [reloading]";
}
.SF_inlineButton.SF_inlineButtonWorking {
  box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.35);
  padding-bottom: 8px !important;
  padding-top: 10px !important;
}
.SF_failed {
  border: 1px solid #d8b0b0 !important;
}
.SF_replicableGroup {
  background-color: #eeeeee;
  border-radius: 5px;
  clear: both;
  margin-bottom: 5px;
  margin-top: 8px;
  padding-bottom: 20px;
  position: relative;
}
.SF_replication_Add {
  background: url('../../images/0.gif') no-repeat 5px 6px;
  bottom: 0;
  display: block;
  height: 20px;
  left: 0;
  position: absolute;
  width: 20px;
}
.SF_replication_Remove {
  background: url('../../images/1.gif') no-repeat 5px 6px;
  bottom: 0;
  display: block;
  height: 20px;
  left: 0;
  position: absolute;
  top: 0;
  width: 20px;
}
.SF_rgClear {
  clear: left;
  height: 3px;
}
.SF_image_block {
  float: left;
  max-width: 80px;
}
.SF_image.small {
  max-height: 80px;
  max-width: 80px;
}
#user_profile_form img.SF_image.small {
  border-radius: 40px;
}
.SF_image_link {
  cursor: pointer;
  display: inline-block;
  text-align: center;
  width: 80px;
}
.accordion_toggle_failed {
  background-color: #d8b0b0 !important;
}
.SF_horizontal_labelRow {
  clear: both;
}
.SF_horizontal_labelRow div.SF_label {
  float: left;
  margin-right: 5px;
  overflow: hidden;
  padding: 0 5px 0 3px;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.SF_horizontal_fieldsRow {
  clear: both;
}
.SF_horizontal_fieldsRow input {
  float: left;
  font-size: 13px;
  margin-right: 5px;
  padding: 3px 4px 3px 2px !important;
}
.SF_horizontal_fieldsRow input.SF_number {
  text-align: left;
}
.SF_horizontal_actions {
  float: left;
  font-size: 15px;
  padding: 5px 2px;
}
.SF_horizontal_actions span {
  cursor: pointer;
  margin-right: 0;
}
.SF_horizontal_pastilles {
  float: none;
  font-size: 11px;
  padding: 1px 8px;
}
.SF_horizontal_pastilles span {
  margin-right: 10px;
}
.SF_horizontal_pastilles span > span {
  margin: 0;
}
.SF_horizontal_action_destructive {
  color: #aa0000;
}
.dialogBox .dialogContent div.SF_material select,
.dialogBox .dialogContent div.SF_material input,
.dialogBox .dialogContent div.SF_material div {
  font-family: Roboto, sans-serif;
}
.dialogBox .dialogContent div.SF_material div.SF_element {
  margin: 0;
  width: auto;
}
.dialogBox .dialogContent div.SF_material div.SF_element span.select-styler {
  border-top: 1px solid #e2e2e2;
  display: block;
  width: 98%;
}
.dialogBox .dialogContent div.SF_material div.SF_label {
  color: #8c8c8c;
  font-size: 11px;
  letter-spacing: 0;
  line-height: 14px !important;
  margin-left: 0;
  margin-top: 17px;
  text-transform: none;
}
.dialogBox .dialogContent div.SF_material input {
  border-radius: 0;
  border: 0;
  font-size: 14px;
  margin: 1px 0 0 0;
  padding: 4px 1% 0 0 !important;
  border-bottom: 1px solid #dddddd;
}
.dialogBox .dialogContent div.SF_material textarea {
  border-radius: 0;
  border: 0;
  font-size: 14px;
  margin: 1px 0 0 0;
  padding: 4px 1% 0 0 !important;
  border-bottom: 1px solid #dddddd;
}
.dialogBox .dialogContent div.SF_material select {
  font-family: Roboto, sans-serif;
  border-radius: 0;
  border: 0;
  font-size: 14px;
  margin: 1px 0 0 0;
  padding: 4px 1% 0 0 !important;
}
.dialogBox .dialogContent div.SF_material select.SF_input {
  border: 0;
  box-sizing: border-box;
  padding: 0 !important;
  width: 98% !important;
}
.dialogBox .dialogContent div.SF_material *.dialogLegend {
  font-size: 12px;
  line-height: inherit;
  padding: 7px 0;
}
.dialogBox .dialogContent div.SF_material input.SF_failed {
  border: 0 !important;
  border-bottom: 1px solid #d8b0b0 !important;
}
.dialogBox .dialogContent div.SF_material div.SF_input.SF_inlineButton.disabled {
  opacity: 0.5;
}
.dialogBox .dialogContent div.reset-pydio-forms input {
  border: 0;
  margin: 0;
  padding: 0;
  border-radius: 0;
  height: inherit;
  font-size: inherit;
  background-color: transparent;
}
.dialogBox .dialogContent div.reset-pydio-forms input:disabled {
  background-color: transparent !important;
}
.dialogBox .dialogContent div.reset-pydio-forms .mui-text-field.mui-has-floating-labels .mui-text-field-input {
  padding-top: 24px !important;
}
.dialogBox .dialogContent div.reset-pydio-forms input[type="checkbox"],
.dialogBox .dialogContent div.reset-pydio-forms .dialogContent input[type="radio"] {
  height: 100%;
  width: 100%;
}
/*
DIALOG BOXES
*/
/*#upload_form, #createdir_form, #createfile_form, #rename_div*/
#all_forms {
  background-color: #ffffff;
}
#all_forms > div {
  display: none;
}
#all_forms form {
  display: inline;
}
#all_forms div.shadow_class {
  display: block;
}
div.shadow_class {
  border-radius: 5px;
}
.dialogBox {
  font-family: Roboto, sans-serif;
  -webkit-font-smoothing: antialiased;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  display: none;
  font-size: 11px;
  left: 30%;
  min-width: 420px;
  padding: 0;
  position: absolute;
  top: 30%;
  z-index: 1048;
  /***
  Dialog inside dialog
  /***/
}
.dialogBox .dialogTitle {
  background-color: #ffffff;
  color: rgba(0, 0, 0, 0.87);
  padding: 24px 24px 10px 24px;
  font-weight: 500;
  cursor: move;
}
.dialogBox .dialogTitle span.ajxp_icon_span {
  display: none;
  font-size: 15px;
  padding-right: 8px;
  padding-top: 2px;
}
.dialogBox .dialogTitle span#modalCloseBtn {
  color: rgba(0, 0, 0, 0.87);
  display: none;
  font-size: 15px;
  margin-top: 0;
  padding: 7px 12px;
}
.dialogBox .dialogTitle span.string-only-title {
  display: inline-block;
  font-size: 21px;
}
.dialogBox .dialogContent {
  background-color: #ffffff;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.53);
  padding: 10px 24px 24px 24px;
  line-height: 22px;
  padding-bottom: 76px;
  border-top: 0;
}
.dialogBox .dialogContent .dialogLegend {
  font-size: 13px;
  line-height: 16px;
}
.dialogBox .dialogContent .dialogContentMainTitle {
  /*border-bottom: 1px solid @dialog_content_titles_tint;*/
  color: rgba(0, 0, 0, 0.73);
  font-size: 20px;
  margin-bottom: 10px;
  padding-bottom: 0;
}
.dialogBox .dialogContent .dialogButtons {
  position: absolute;
  box-sizing: border-box;
  bottom: 0;
  left: 0;
  right: 0;
  height: 52px;
  padding: 8px;
  text-align: right;
}
.dialogBox .dialogContent .dialogButtons .dialogButton {
  font-family: Roboto, sans-serif;
  font-weight: 500;
  font-size: 15px;
  color: #009688;
  text-transform: uppercase;
  background-color: transparent;
  border: 0;
  border-radius: 2px;
  height: 32px;
  margin-left: 8px;
  padding: 2px 8px;
  transition: all 550ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  cursor: pointer;
}
.dialogBox .dialogContent .dialogButtons .dialogButton:focus {
  background-color: #d8fffb;
}
.dialogBox .dialogContent .dialogButtons .dialogButton:hover {
  background-color: #bffff9;
}
.dialogBox .dialogContent .dialogButtons fieldSet input.dialogButton {
  background-color: transparent;
  border: 0;
  height: 32px;
  margin-left: 3px;
  padding: 2px 0;
  width: 32px;
}
.dialogBox .dialogContent .dialogButtons fieldSet input.dialogButton:focus {
  background-color: transparent;
  border: 0;
}
.dialogBox .dialogContent .dialogButtons .dialogButtonsCheckbox {
  float: left;
  margin-top: 9px;
}
.dialogBox .dialogContent .dialogButtons .dialogButtonsCheckbox label {
  cursor: pointer;
}
.dialogBox .dialogContent .dialogButtons.inlineEdition input {
  box-shadow: none;
  height: 22px;
  margin-left: 6px;
  padding: 0;
}
.dialogBox .dialogContent form {
  display: inline;
  margin: 0;
}
.dialogBox .dialogContent .SF_label {
  text-transform: none;
  letter-spacing: normal;
  font-size: 12px;
  margin-bottom: -3px;
}
.dialogBox .dialogContent input[type="text"],
.dialogBox .dialogContent input[type="password"] {
  box-sizing: border-box;
  width: 100%;
  height: 30px;
  border-radius: 0;
  border: solid #aaaaaa;
  border-width: 0 0 1px 0;
  margin-left: 0;
  margin-bottom: 8px;
  font-size: 16px;
  padding: 0 !important;
}
.dialogBox .dialogContent input[type="text"]:focus,
.dialogBox .dialogContent input[type="password"]:focus {
  border-color: #009688;
}
.dialogBox .dialogContent input[type="text"]:disabled,
.dialogBox .dialogContent input[type="password"]:disabled {
  background: #eeeeee;
}
.dialogBox .dialogContent input[type="checkbox"],
.dialogBox .dialogContent input[type="radio"] {
  background: none;
  border-radius: 0;
  border: none;
  -webkit-filter: none;
          filter: none;
  height: auto;
  margin-right: 0;
  width: auto;
}
.dialogBox .dialogContent select {
  border-radius: 0;
  background-color: #ffffff;
  border: 0 0 1px 0 solid #aaaaaa;
  font-size: 13px;
  height: 30px;
  margin-left: 0;
  box-sizing: border-box;
  width: 100%;
}
.dialogBox .dialogContent select[multiple] {
  height: 66px !important;
}
.dialogBox .dialogContent option:disabled {
  background: #eeeeee;
}
.dialogBox .dialogContent textarea:disabled {
  background: #eeeeee;
}
.dialogBox .dialogArrow {
  font-size: 16px;
  font-weight: bold;
}
.dialogBox div.dialogBox.css_boxshadow {
  background-color: white;
  border-radius: 4px !important;
  border: 0;
  left: 10px;
  min-width: 400px;
  top: 19%;
  width: 96%;
}
.dialogBox div.dialogBox.css_boxshadow > div {
  background-color: transparent;
}
#activity_monitor_warning {
  box-shadow: none;
  cursor: pointer;
  font-size: 16px;
  font-weight: bold;
  left: 35%;
  position: absolute;
  text-align: center;
  top: 30%;
  width: 20%;
}
#activity_monitor_warning div.dialogContent {
  border-radius: 10px;
  box-shadow: 1px 1px 46px rgba(0, 0, 0, 0.67);
}
#activity_monitor_warning span.click_anywhere {
  color: #676965;
  display: block;
  font-size: 12px;
  font-weight: normal;
  padding-top: 15px;
}
#activity_monitor_warning span.warning_timer {
  color: #0077b3;
}
/********************/
/* MESSAGE BOX      */
/********************/
.messageBox {
  position: absolute;
  z-index: 1500;
  cursor: pointer;
  border-radius: 2px;
  background-color: #454545;
  color: #ffffff;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
.messageBox.errorMessage {
  /*background-color: desaturate(lighten(@messagebox_error_tint, 50%), 50%);*/
}
.messageBox.errorMessage > div#message_content::before {
  color: #ff8585;
  content: '\f071';
}
.messageBox.logMessage {
  /*background-color: desaturate(lighten(@messagebox_success_tint, 50%), 50%);*/
}
.messageBox.logMessage > div#message_content::before {
  color: #54da7c;
  content: '\f058';
}
.messageBox #message_content {
  font-family: Roboto, sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  margin: 18px 18px;
  overflow-y: auto;
  max-height: 120px;
  letter-spacing: 0;
  line-height: 18px;
}
.messageBox #message_content::before {
  font-weight: normal;
  font-style: normal;
  font-family: FontAwesome;
  display: block;
  padding: 0 6px;
  margin-right: 5px;
  font-size: 18px;
  margin-top: 2px;
  float: left;
}
.tooltipped {
  background-color: #ffffc0;
}
.simple_tooltip {
  position: absolute;
  width: 150px;
  z-index: 10000;
  font-size: 13px;
  padding: 5px 10px;
}
.simple_tooltip_observer {
  cursor: help;
}
.simple_tooltip_title {
  padding-top: 2px;
  padding-bottom: 1px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.1em;
}
.down_arrow_tip,
.top_arrow_tip {
  background: rgba(69, 77, 85, 0.86);
  color: #ffffff;
  border: 0;
  border-radius: 2px;
}
.down_arrow_tip:after {
  top: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(0, 0, 0, 0);
  border-top-color: rgba(69, 77, 85, 0.86);
  border-width: 5px;
  left: 50%;
  margin-left: -5px;
}
.top_arrow_tip {
  width: 100px;
}
.top_arrow_tip:after {
  bottom: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.top_arrow_tip:after {
  border-color: rgba(111, 123, 136, 0);
  border-bottom-color: rgba(69, 77, 85, 0.86);
  border-width: 5px;
  left: 50%;
  margin-left: -5px;
}
.arrow_tip_arrow_left:after {
  left: 8%;
}
.right_arrow_tip {
  color: #ffffff;
  border-radius: 4px;
  background-color: rgba(69, 77, 85, 0.86);
  border: 0;
}
.right_arrow_tip:after,
.right_arrow_tip:before {
  left: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.right_arrow_tip:after {
  border-color: rgba(0, 0, 0, 0);
  border-left-color: rgba(69, 77, 85, 0.86);
  border-width: 5px;
  top: 50%;
  margin-top: -5px;
}
.right_arrow_tip:before {
  border-color: rgba(0, 0, 0, 0);
  border-left-color: rgba(69, 77, 85, 0.86);
  border-width: 5px;
  top: 50%;
  margin-top: -5px;
}
.left_arrow_tip {
  color: #ffffff;
  border-radius: 4px;
  background-color: rgba(69, 77, 85, 0.86);
  border: 0;
}
.left_arrow_tip:after,
.left_arrow_tip:before {
  left: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.left_arrow_tip:before {
  border-color: rgba(0, 0, 0, 0);
  border-right-color: rgba(69, 77, 85, 0.86);
  border-width: 5px;
  top: 50%;
  left: -10px;
  margin-top: -5px;
}
div.accordion_toggle {
  color: #75808b;
  border-bottom: 1px solid #75808b;
  cursor: pointer;
  background: url('../images/Tplus.png') no-repeat;
  background-position-x: -6px;
  background-position-y: -3px;
  padding-left: 15px;
  font-size: 16px;
  margin-bottom: 0;
  margin-top: 10px;
  padding-bottom: 2px;
  border-bottom: 0;
}
div.accordion_toggle_active {
  background-image: url('../images/Tminus.png');
}
div.accordion_content {
  overflow: hidden;
  padding: 5px;
}
div.accordion_content div.dialogLegend {
  text-align: justify;
  color: #75808b;
}
a.carousel-control {
  border-left: 1px solid #c4c7c1;
  border-right: 1px solid #c4c7c1;
  border-bottom: 1px solid #c4c7c1;
  background-color: #fff;
  display: block;
  float: left;
  font-size: 10px;
  height: 51px;
  padding-top: 0;
  text-align: center;
  cursor: pointer;
  width: 8px!important;
  margin: 0 !important;
}
a.carousel-disabled {
  background-color: transparent;
}
#flashframe {
  border: 0;
  width: 450px;
  height: 300px;
  overflow: hidden;
  margin-top: -9px;
}
/*
UPLOAD MULTIFILE FORM
*/
div#upload_files_list,
div#multiple_download_container {
  overflow: auto;
  height: 350px;
  text-align: left;
  border-radius: 2px;
  background-color: rgba(239, 239, 239, 0.52);
}
.droparea {
  background: url("../../../../../../index.php?get_action=get_drop_bg") no-repeat scroll left bottom transparent;
}
.uploadFilesList.droparea {
  background-position: center;
}
.dropareaHover {
  background-color: #FAF3ED !important;
}
#content_pane.dropareaHover div.thumbnail_selectable_cell {
  background-color: transparent !important;
}
#uploader_chooser {
  width: 100%;
}
#uploader_chooser ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
  position: relative;
  border-bottom: 1px solid #ff5722;
  background-color: #ffffff;
}
#uploader_chooser ul li {
  display: inline-block;
  padding: 12px 14px;
  margin: 0;
  border-bottom: 0;
  cursor: pointer;
  font-size: 13px;
}
#uploader_chooser ul li:hover {
  background-color: #f5f5f5;
  border-bottom: 2px solid #f5f5f5;
}
#uploader_chooser ul li.current {
  font-weight: 500;
  cursor: default;
  border-bottom: 3px solid #ff5722;
}
div#uploader_options_pane {
  background-color: white;
  font-size: 11px;
  height: 59px;
  overflow: hidden;
  padding: 0 10px 7px;
  text-align: right;
  display: none;
  margin-bottom: 11px;
  margin-right: 2px;
  border-right: 2px solid #ff5722;
}
div#total_files_list {
  display: none !important;
}
div#uploader_options_pane input {
  width: 15px;
  margin-right: 0;
  margin-left: 0;
  margin-top: 5px;
}
.dotted_container_item_mixin {
  overflow: hidden;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 14px;
  height: 20px;
  position: relative;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><rect x='0' y='0' width='100%' height='100%' stroke='transparent' fill='#ffc4b1' fill-opacity='1'/></svg>");
  background-repeat: no-repeat;
  background-size: 0 100%;
  font-size: 14px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.09);
  color: rgba(0, 0, 0, 0.87);
}
.dotted_container_item_mixin rect {
  fill: #ffffff;
}
div#upload_files_list div {
  overflow: hidden;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 14px;
  height: 20px;
  position: relative;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><rect x='0' y='0' width='100%' height='100%' stroke='transparent' fill='#ffc4b1' fill-opacity='1'/></svg>");
  background-repeat: no-repeat;
  background-size: 0 100%;
  font-size: 14px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.09);
  color: rgba(0, 0, 0, 0.87);
}
div#upload_files_list div rect {
  fill: #ffffff;
}
div#upload_files_list span.item_relative_path {
  color: #ccc;
  margin-left: 15px;
  font-size: 0.8em;
}
div#upload_files_list img {
  margin-right: 6px;
}
div#upload_files_list img.fakeUploadButton {
  display: none;
}
div#upload_files_list div a {
  color: #ddd;
  font-style: italic;
}
div#upload_files_list span.statusText,
div#upload_files_list span.percentText {
  font-size: 10px;
  display: inline-block;
  padding: 0 6px;
  color: rgba(0, 0, 0, 0.53);
}
div#upload_files_list span.statusText.new,
div#upload_files_list #upload_files_list span.statusText.loaded {
  display: none;
}
div#upload_files_list span.icon-remove-sign {
  color: rgba(0, 0, 0, 0.53);
  display: block;
  position: absolute;
  padding: 12px;
  right: 5px;
  top: 2px;
  cursor: pointer;
}
div#upload_files_list span.icon-remove-sign:hover {
  color: #d00;
}
div#multiple_download_container div {
  overflow: hidden;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 14px;
  height: 20px;
  position: relative;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><rect x='0' y='0' width='100%' height='100%' stroke='transparent' fill='#ffc4b1' fill-opacity='1'/></svg>");
  background-repeat: no-repeat;
  background-size: 0 100%;
  font-size: 14px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.09);
  color: rgba(0, 0, 0, 0.87);
}
div#multiple_download_container div rect {
  fill: #ffffff;
}
div#multiple_download_container div div a {
  display: block;
}
div#multiple_download_container div div a:hover {
  text-decoration: none;
  color: #aaa;
}
#fileInputContainer {
  position: relative;
}
#fileInputContainer #fileInputContainerDiv {
  /* to fit 1px border */
  margin: 0;
  padding: 0;
  position: relative;
  overflow: hidden;
  vertical-align: top;
  height: 47px;
  width: 292px;
  cursor: pointer;
}
#fileInputContainer input {
  opacity: 0;
  -moz-opacity: 0;
  position: absolute;
  font-size: 60px;
  /* causes it to fill the containing div */
  top: 0;
  left: 0;
  z-index: 10000;
  height: 56px;
  cursor: pointer !important;
  filter: alpha(opacity=0);
}
#fileInputContainer #fileInputPos {
  text-align: left;
  height: 60px;
  width: 180px;
  position: absolute;
  top: 0;
  overflow: hidden;
  z-index: 9999;
  /* this was needed to work in IE */
  cursor: pointer;
}
#fileInputContainer .fakeUploadButton {
  width: 270px;
  padding: 6px;
  text-align: left;
  vertical-align: middle;
  font-size: 14px;
  cursor: pointer;
  font-weight: normal;
  background-color: #c9fffa;
  color: #009688;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16), 0 2px 3px rgba(0, 0, 0, 0.43);
  position: absolute;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  top: 0;
  left: 0;
  margin: 0;
}
#fileInputContainer .fakeUploadButton span.icon-desktop {
  font-size: 20px;
  display: block;
  float: left;
  padding: 2px 10px 0 6px;
}
#fileInputContainer .fakeUploadButton .disabled {
  -moz-opacity: 0.5;
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: default;
}
#fileInputContainer .fakeUploadButton img {
  margin-bottom: 3px;
}
#uploaderTextActions {
  position: absolute;
  bottom: 6px;
  right: 8px;
  color: #cbccce;
}
#uploaderTextActions span {
  cursor: pointer;
}
#uploaderTextActions span:hover {
  color: #5C5C5C;
}
.fakeOptionButton {
  padding-top: 3px;
  padding-bottom: 3px;
  margin-bottom: 0;
  margin-top: 5px;
  background-position: center;
  border-radius: 5px;
}
#uploaderTextActions span.disabled {
  display: none;
}
#uploadFilesListContainer {
  vertical-align: top;
  font-size: 11px;
  letter-spacing: 1px;
}
/********************************/
/* SLIDER*/
/*********************************/
.slider-pane {
  background-color: #ebedf0;
  padding: 5px 2px;
  position: absolute;
  width: 11px;
  z-index: 10000;
  border-radius: 2px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.75);
}
.slider-handle,
.slider-pane div.selected {
  background-image: url('../images/slider-handle-vert.png') !important;
  background-position: top center;
  background-repeat: no-repeat !important;
  background-color: transparent !important;
  height: 15px;
  width: 10px;
}
.slider-tracker {
  background-image: url("../images/slider-track-bottom.png");
  background-position: bottom center;
  background-repeat: no-repeat;
}
.slider-tracker-top {
  background-position: top center;
  background-repeat: no-repeat;
}
.action_bar {
  line-height: 15px;
  overflow: hidden;
  padding: 0;
}
.action_bar span.actionbar_button_label {
  cursor: pointer;
  display: inline-block;
  padding: 4px 3px 3px;
}
.action_bar div.actionbar_arrow_div {
  position: absolute;
  right: -3px;
  top: 10px;
}
.action_bar a.disabled {
  -moz-opacity: 0.3;
  filter: alpha(opacity=30);
  opacity: 0.3;
}
.action_bar a.enabled {
  -moz-opacity: 1;
  filter: alpha(opacity=100);
  opacity: 1;
}
.action_bar a {
  background: #ffffff;
  border-radius: 17px;
  display: inline-block;
  float: left;
  font-size: 11px;
  margin: 5px 2px 0 1px;
  outline: none;
  overflow: visible;
  padding: 5px 10px 7px 9px;
  text-align: center;
}
.action_bar a img {
  display: none;
  margin: 2px 5px 2px 0;
}
.action_bar a.separator {
  display: none;
}
.action_bar a.disabled {
  -moz-opacity: 1;
  filter: alpha(opacity=100);
  opacity: 1;
}
.action_bar a.disabled:hover {
  cursor: default;
}
.action_bar a.disabled img {
  -moz-opacity: 0.3;
  filter: alpha(opacity=30);
  opacity: 0.3;
}
.action_bar a.disabled span {
  -moz-opacity: 0.3;
  filter: alpha(opacity=30);
  opacity: 0.3;
}
.action_bar span.ajxp_icon_span {
  float: left;
  font-size: 1.2em;
  padding-right: 2px;
  padding-top: 4px;
}
.action_bar.editor_action_bar {
  background-color: transparent;
  height: 34px;
  position: absolute;
  right: 3px;
  z-index: 10;
}
.action_bar.editor_action_bar div.separator {
  display: none;
}
.action_bar.editor_action_bar a {
  padding: 1px 8px 2px !important;
}
.action_bar.editor_action_bar span.actionbar_button_label {
  font-size: 11px !important;
  font-weight: bold;
  font-family: Roboto, sans-serif;
}
.action_bar.editor_action_bar.full_width_action_bar {
  background-color: #dddddd;
  padding-left: 5px;
  position: relative;
  right: 0;
}
.action_bar.editor_action_bar.full_width_action_bar a {
  border: 0;
}
.action_bar.text_only {
  height: 38px;
  line-height: 16px;
}
.action_bar.text_only a {
  margin-top: 5px;
  padding-bottom: 3px;
  padding-top: 2px;
}
.action_bar.text_only a:hover {
  margin-top: 4px;
}
.action_bar.text_only a.menuAnchorSelected {
  margin-top: 4px;
}
.action_bar.text_only span.actionbar_button_label {
  font-size: 11px;
}
.action_bar.text_only a img {
  display: none;
}
.action_bar.icons_only {
  height: 40px;
  line-height: 0;
}
.action_bar.icons_only div.actionbar_arrow_div {
  position: absolute;
  right: 6px;
  top: 23px;
}
.action_bar.icons_only div.actionbar_arrow_div img {
  height: 6px;
  width: 10px;
}
.action_bar.icons_only a {
  background-color: transparent;
  cursor: pointer;
  display: inline-block;
  float: left;
  font-size: 1.5em;
  margin-left: 0;
  margin-right: 0;
  padding: 3px 6px 2px;
}
.action_bar.icons_only span.actionbar_button_label {
  display: none;
}
.action_bar.icons_only img.actionbar_button_icon {
  display: none;
  height: 22px;
  width: 22px;
}
.action_bar.icon_text img.actionbar_button_icon {
  float: left;
  height: 12px;
  width: 12px;
}
.action_bar.floatingBar {
  background-color: #333333 !important;
  border-radius: 5px;
  cursor: move;
  opacity: 0.90;
  padding-left: 10px;
  padding-right: 10px;
  position: absolute;
}
.action_bar.floatingBar a.separator {
  border-right: 1px solid #949494;
  display: block !important;
  float: left;
  font-size: 10px;
  height: 29px;
  margin: 2px 5px 4px 2px;
  padding-top: 0;
  text-align: center;
  width: 0;
}
.action_bar.floatingBar div.separator {
  border-right: 1px solid #949494;
  display: block !important;
  float: left;
  font-size: 10px;
  height: 29px;
  margin: 2px 5px 4px 2px;
  padding-top: 0;
  text-align: center;
  width: 0;
}
.action_bar.floatingBar.icons_only a {
  color: white;
}
.action_bar.floatingBar.icons_only a.disabled {
  opacity: 0.5;
}
div.editor_header {
  height: auto;
}
div.editor_header > div.editor_action_bar {
  background: none;
  height: 42px;
  padding-left: 10px;
  padding-right: 8px;
  padding-top: 15px;
  position: absolute;
  right: 20px;
  border-bottom: 0;
}
div.editor_header > div.editor_action_bar > div.separator {
  display: none !important;
}
div.editor_header > span.header_label {
  color: #6f7b88;
  display: inline-block;
  font-size: 24px;
  overflow: visible;
  padding: 15px 0 0 62px;
  text-shadow: 1px 1px 5px black;
  width: 100%;
}
div.FL-inlineToolbar {
  text-align: left;
}
div.FL-inlineToolbar a {
  margin: 0 5px;
}
div.FL-inlineToolbar a span.actionbar_button_label {
  margin-left: 5px;
}
div.FL-inlineToolbar.FL-inlineToolbarUnique {
  display: none;
}
div.selected div.FL-inlineToolbar.FL-inlineToolbarUnique {
  display: block;
}
tr.selected div.FL-inlineToolbar.FL-inlineToolbarUnique {
  display: inline-block;
  position: absolute;
  top: 0;
}
.selected div.FL-inlineToolbar a {
  color: white;
}
tr div.FL-inlineToolbar.FL-inlineToolbarMultiple {
  display: inline-block;
  position: absolute;
  top: 0;
}
div.detailed div.FL-inlineToolbar {
  margin-left: 50px;
  margin-top: 2px;
}
div.detailed div.FL-inlineToolbar a span.actionbar_button_label {
  display: inline-block !important;
}
div.detailed div.FL-inlineToolbar div.toolbarGroup {
  min-width: 400px;
}
.inlineBarButton {
  cursor: pointer;
  display: inline;
  float: left;
  height: 22px;
  padding: 0 1px;
}
.inlineBarButton img {
  border: 0;
  display: inline;
  margin-top: 3px;
}
.inlineBarButtonLeft {
  border-left-width: 0;
  cursor: pointer;
  display: inline;
  float: left;
  height: 22px;
  padding: 0 1px;
}
.inlineBarButtonLeft img {
  border: 0;
  display: inline;
  margin-top: 3px;
}
.inlineBarButtonRight {
  border-right-width: 0;
  cursor: pointer;
  display: inline;
  float: left;
  height: 22px;
  padding: 0 1px;
}
.inlineBarButtonRight img {
  border: 0;
  display: inline;
  margin-top: 3px;
}
.inlineBarButton img.simple_button_arrow {
  bottom: 1px;
  display: none;
  position: absolute;
  right: 0;
}
.scroller_track {
  position: absolute;
  width: 7px;
  background-color: transparent;
  cursor: ns-resize;
  right: 0;
  z-index: 1000;
  opacity: 0.7;
  padding-right: 1px;
  top: 0;
}
.flexbox div.scroller_track {
  bottom: 0;
}
.scroller_handle {
  border-radius: 5px;
  background: #bebebe !important;
  transition: background-color 0.3s ease, height 0.1s ease;
}
.scroller_handle:hover {
  background: #6e6e6e !important;
}
.panelHeader {
  border: none;
  vertical-align: middle;
  background-color: transparent;
}
.panelHeader.panelHeaderWithIcon {
  position: relative;
}
.panelHeader img {
  display: none;
}
.panelHeader img.panelHeaderCloseIcon {
  left: auto;
  right: 6px;
  cursor: pointer;
}
#logging_string {
  color: #ffffff;
  float: right;
  margin-top: 12px;
}
#logging_string div.inlineBarButtonLeft {
  display: none;
}
#logging_string i {
  font-style: normal;
  letter-spacing: 1px;
}
#logging_string i img {
  border-radius: 22px;
  cursor: pointer;
  float: right;
  font-style: normal;
  margin-left: 10px;
  margin-top: -12px;
}
#logging_string.disabled {
  display: none;
}
#logging_string .user_widget_label {
  cursor: pointer;
  float: left;
  font-size: 12px;
  letter-spacing: 1px;
  padding: 3px 10px 7px 7px;
}
#logging_string .user_widget_label.withImage {
  padding: 0;
  position: relative;
}
#logging_string .user_widget_label.withImage i {
  display: inline-block;
  font-size: 12px;
  padding: 3px 0 0 8px;
}
#logging_string img.user_widget_mini {
  height: 39px;
  vertical-align: middle;
}
.droppableZone,
.thumbnail_selectable_cell.detailed.droppableZone {
  background-color: #c3d9ff !important;
}
div.multiple_selection_draggable {
  display: block;
  color: #000;
  background-color: #ffffff;
  padding: 5px;
  border: 1px solid #c3d9ff;
  font-size: 12px;
  cursor: default;
  overflow: hidden;
  border-radius: 3px;
}
div.selection_ctrl_key {
  background: url('../images/0.gif') no-repeat bottom right;
}
#search_container {
  float: right;
  text-align: right;
  overflow: visible;
  position: relative;
  z-index: 1015;
}
#search_container span.search_advanced_direct_access {
  display: block;
  opacity: 0;
  position: absolute;
  bottom: 1px;
  right: 5px;
  font-size: 9px;
  cursor: default;
  transition: opacity ease 0.5s;
}
#search_container.search_active div#search_form input {
  width: 100%;
  background: #fff;
  border: 0;
  text-align: left;
  padding-right: 0;
  font-size: 40px;
  font-family: "Open Sans Regular", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
#search_container.search_active div#search_form a {
  font-size: 1.6em;
  top: 17px;
  right: 16px;
}
#search_container.search_active span.search_advanced_direct_access {
  display: block;
  opacity: 1;
  cursor: pointer;
}
#search_container #search_panel {
  overflow: visible;
}
#search_container #search_form {
  padding-right: 0;
  height: 33px;
  overflow: visible;
}
#search_container #search_form input {
  float: right !important;
  margin: 0;
  height: 58px;
  background: transparent;
  font-size: 1em;
  color: #8a95a0;
  padding-left: 5px;
  width: 80px;
  border: 0 #f5f5f5;
  text-align: right;
  padding-right: 30px;
  transition: border-color 0.5s ease, width 0.5s ease;
  border-radius: 0;
}
#search_container #search_form a {
  display: inline-block;
  width: 18px;
  cursor: pointer;
  font-size: 1em;
  padding-top: 0;
  color: rgba(0, 0, 0, 0.33);
  position: absolute;
  right: 9px;
  top: 21px;
  transition: font-size ease 0.5s, top ease 0.5s, right ease 0.5s;
}
#search_container #search_form a.disabled {
  display: none;
}
#search_container #search_form a img {
  margin-top: 2px;
  vertical-align: top;
  display: none;
}
#search_container #search_results_cont {
  display: none;
  position: absolute;
  z-index: 1010;
  background-color: #efefef;
  text-align: left;
  box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.2);
}
#search_container #search_results_cont span.results_string {
  display: none;
}
#search_container #search_results_cont div#search_show_all {
  text-align: center;
  font-size: 12px;
  color: #747474;
  font-style: italic;
  display: inline-block;
  margin-left: 10px;
}
#search_container #search_results_cont div#search_show_all a {
  text-decoration: underline;
  color: #393939;
  cursor: pointer;
}
#search_container #search_results_cont .search_label.open {
  display: none;
  padding: 2px;
  height: 20px;
}
#search_container #search_results_cont .search_label.close {
  display: block;
  font-size: 30px;
  padding: 15px 10px 17px;
}
#search_container #search_results_cont .close_results.icon-remove-sign {
  position: absolute;
  display: inline-block;
  right: 13px;
  cursor: pointer;
  font-size: 1.4em;
  color: #999;
  top: 9px;
  z-index: 10;
}
#search_container #search_results_cont #basic_search {
  padding: 8px;
  min-height: 27px;
}
#search_container #search_results_cont #basic_search span#search_meta_options {
  display: none;
}
#search_container #search_results_cont #basic_search span.toggle_button.open,
#search_container #search_results_cont #basic_search span.toggle_button.close {
  background-color: white;
  border-radius: 20px;
  padding: 3px 11px;
  font-size: 0.8em;
  cursor: pointer;
}
#search_container #search_results_cont #basic_search span.toggle_button.close {
  display: none;
}
#search_container #search_results_cont #basic_search.toggle_open span.toggle_button.close,
#search_container #search_results_cont #basic_search span.toggle_button.open {
  background: #666;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  color: white;
}
#search_container #search_results_cont #basic_search.toggle_open span.toggle_button.open {
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.3);
  padding: 4px 10px 2px 12px;
}
#search_container #search_results_cont #search_results {
  margin-left: 0;
  width: 100%;
}
#search_container #search_results_cont #search_results div.panelHeader {
  display: none;
}
.flexbox #search_container #search_results_cont #search_results {
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
#search_container #search_results_cont #search_results.fl-displayMode-detail div.scroller_track {
  top: 42px;
}
#search_container #search_results_cont #search_results div[data-groupByValue] {
  clear: left;
  overflow: hidden;
  margin-bottom: 10px;
}
#search_container #search_results_cont #search_results div[data-groupByValue]:first-child {
  margin-top: 10px;
}
#search_container #search_results_cont #search_results h3 {
  font-size: 20px;
  margin: 10px 13px 10px 14px;
  color: #515151;
  border-bottom: 1px solid #747474;
  padding: 5px 0;
}
#search_container #search_results_cont #search_results div#element_overlay {
  background-color: rgba(255, 255, 255, 0.2);
  opacity: 1;
}
#search_container #search_results_cont #search_results div#element_overlay img {
  width: 20px;
  margin-top: 16px !important;
}
#search_container #search_results_cont #search_results div.thumbnail_selectable_cell.detailed {
  border-radius: 6px;
  width: 45%;
  margin: 0 1% !important;
  padding-top: 0;
  padding-bottom: 10px;
  overflow: hidden;
  height: 71px;
}
#search_container #search_results_cont #search_results div.thumbnail_selectable_cell.detailed div.thumbnail_cell_metadata {
  /*opacity: 1;*/
}
#search_container #search_results_cont #search_results div.thumbnail_selectable_cell.detailed span.text_label {
  padding-top: 0;
}
#search_container #search_results_cont #search_results div.thumbnail_selectable_cell.detailed div.thumbnail_selectable_cell {
  margin-right: 7px;
  padding-bottom: 9px;
}
#search_container #search_results_cont #search_results div.thumbnail_selectable_cell.detailed div.thumbnail_selectable_cell div.overlay_icon_div {
  display: none !important;
}
#search_container #search_results_cont #search_results div.thumbnail_selectable_cell.detailed div.thumbnail_selectable_cell div.thumbLabel {
  font-size: 17px;
  padding-top: 11px;
  color: #333;
}
#search_container #search_results_cont #search_results div.thumbnail_selectable_cell.detailed.selected-focus div.thumbnail_cell_metadata,
#search_container #search_results_cont #search_results div.thumbnail_selectable_cell.detailed:hover div.thumbnail_cell_metadata {
  opacity: 1;
}
#search_container #search_results_cont #search_results span.metadata_chunk.metadata_chunk_standard,
#search_container #search_results_cont #search_results span.metadata_chunk.metadata_chunk_standard span.text_label {
  display: block;
}
#search_container #search_results_cont #search_results span.metadata_chunk span.icon-angle-right {
  display: none;
}
#search_container #search_results_cont #search_results span.metadata_chunk span.text_label {
  padding-left: 0;
  color: #666;
}
#search_container #search_results_cont #search_results span.metadata_chunk.metadata_chunk_standard.metadata_chunk_mimestring_id {
  display: none;
}
#search_container #search_results_cont #search_results div.ajxpNodeProvider:hover {
  background-color: #f9f9f9 !important;
}
#search_container #search_results_cont #search_meta {
  font-size: 12px;
  background-color: rgba(63, 63, 63, 0.96);
  color: #eeeeee;
  padding: 0;
  float: left;
  width: 0;
  overflow: hidden;
  margin-left: 0;
  transition: width 1s ease, margin-left 1s ease;
  margin-top: -62px;
  position: relative;
}
#search_container #search_results_cont #search_meta > div {
  width: 250px;
}
#search_container #search_results_cont #search_meta.toggle_open {
  margin-left: -250px;
  width: 250px;
}
#search_container #search_results_cont #search_meta.toggle_open span.search_label.open {
  display: none;
}
#search_container #search_results_cont #search_meta #refresh_search_button {
  cursor: pointer;
  font-size: 0.8em;
  float: right;
}
#search_container #search_results_cont #search_meta input.c3,
#search_container #search_results_cont #search_meta span.c3 {
  margin-left: 0;
  margin-right: 0;
  border: 1px solid #3f3f3f;
  background-color: #ffffff;
  padding: 4px 3px;
  width: 90% !important;
  border-radius: 3px;
}
#search_container #search_results_cont #search_meta select.select_meta_selector {
  margin-left: 0;
  width: 93%;
  height: 26px;
}
#search_container #search_results_cont #search_meta input.c3:disabled {
  opacity: 0.35;
}
#search_container #search_results_cont #search_meta span.c3 {
  cursor: pointer;
}
#search_container #search_results_cont #search_meta span#ajxp_folder.c3 {
  color: #333;
  padding: 4px 21px;
}
#search_container #search_results_cont #search_meta input.c3:focus {
  background-color: white;
}
#search_container #search_results_cont #search_meta #modiftime_fixed_radio span.c3 {
  border-right-width: 0 !important;
  padding: 4px 3px;
  font-size: 0.8em;
}
#search_container #search_results_cont #search_meta div#modiftime_fixed_radio {
  margin-top: 16px;
  color: #333;
}
#search_container #search_results_cont #search_meta #modiftime_fixed_radio span.c3:last-of-type {
  border-right-width: 1px !important;
}
#search_container #search_results_cont #search_meta span.c3.selected {
  background-color: #8a95a0 !important;
  color: white;
}
#search_container #search_results_cont #search_meta span.c4 {
  display: inline-block;
  width: 30% !important;
  text-align: right;
  padding-right: 2%;
}
#search_container #search_results_cont #search_meta span.c6 {
  display: block;
  width: 30%;
  text-align: right;
  clear: left;
  float: left;
  padding-right: 2%;
}
#search_container #search_results_cont #search_meta span.c4,
#search_container #search_results_cont #search_meta span.c6 {
  display: block;
  width: 100% !important;
  text-align: left;
  line-height: 17px;
  padding-top: 2px;
}
#search_container #search_results_cont #search_meta div.advanced_search_section span[class^="icon-"],
#search_container #search_results_cont #search_meta div.advanced_search_section span[class*=" icon-"] {
  display: none;
}
#search_container #search_results_cont #search_meta.toggle_open #basic_search {
  border-bottom: 1px solid #8fa2b6;
}
#search_container #search_results_cont #search_meta_detailed {
  padding: 5px 5px 10px;
  line-height: 28px;
  overflow: hidden;
}
#search_container #search_results_cont #search_meta div.advanced_search_section {
  padding: 5px 5px 15px 17px;
  line-height: 29px;
  display: none;
}
#search_container #search_results_cont #search_meta div.advanced_search_section.visible {
  display: block;
}
#search_container #search_results_cont #search_meta div.advanced_search_section_title {
  font-size: 1.3em;
  padding: 8px 8px 9px 10px;
  margin: 0;
  letter-spacing: 1px;
  display: block;
  clear: left;
  font-weight: lighter;
}
#search_container #search_results_cont #search_meta div.advanced_search_section_title {
  border-left: 0;
}
#search_container #search_results_cont #search_meta div.advanced_search_section_title span.icon-circle {
  display: none;
}
#search_container #search_results_cont #search_meta span.search_meta_opt {
  cursor: pointer;
}
#search_container #search_results_cont #search_meta span.search_meta_opt > span {
  display: none;
}
#search_container #search_results_cont #search_meta span.search_meta_opt.checked > span {
  display: inline;
}
#vertical_splitter {
  overflow: hidden;
}
#vertical_splitter > div {
  top: 0;
}
.vsplitbar {
  width: 3px;
  z-index: 1014;
}
.vsplitbar:hover {
  background: #474e50 no-repeat center;
}
.vsplitbar.active {
  background-color: #474e50;
}
.hsplitbar.folded,
.vsplitbar.folded {
  opacity: 0;
  cursor: default !important;
}
.hsplitbar {
  height: 4px;
  background-image: url('../images/hgrabber.gif');
  background-repeat: no-repeat;
  background-position: center;
  z-index: 1014;
}
.hsplitbar.active {
  background-color: #474e50;
}
/*******************************/
/* CREDIT SPLASH SCREEN
/******************************/
#docDiv div.title {
  font-size: 13px;
  font-weight: bold;
}
#docDiv div.subtitle {
  color: #5e7c90;
  font-size: 25px;
}
#docDiv a {
  color: #39c0be !important;
  text-decoration: underline;
}
.backgroundPanel {
  position: absolute;
  bottom: -1px;
  padding: 4px 7px 6px 7px;
  color: #ffffff;
  background-color: rgba(119, 184, 226, 0.62);
  z-index: 10000;
  border-radius: 3px 3px 0 0;
  width: 25%;
  margin-left: 40%;
  text-align: center;
  border: 1px solid rgba(119, 184, 226, 0.62);
}
div.tabbed_editor div.innerTitle {
  margin: 10px !important;
  padding: 8px !important;
  letter-spacing: 1px !important;
}
span.toggleHeader {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 10px 17px 6px;
  transition: border-color 0.3s ease;
  color: #555;
  font-size: 12px;
  border-bottom: 3px solid #ff5722;
}
.flat_tabulator span.toggleHeader {
  border-bottom-color: #3d8180;
}
span.toggleHeader.toggleInactive {
  cursor: pointer;
  border-bottom-color: transparent;
}
span.toggleHeader span[class^="icon-"],
span.toggleHeader span[class*=" icon-"] {
  margin-right: 9px;
  display: none;
}
.flat_tabulator span.toggleHeader span[class^="icon-"],
.flat_tabulator span.toggleHeader span[class*=" icon-"] {
  margin-right: 4px;
  display: inline;
}
div.tabulatorContainer {
  padding: 0;
  height: 37px;
  overflow: hidden;
}
div.tabulator-vertical div {
  display: none;
}
div.tabulator-vertical div.tabulatorContainer {
  display: block;
  height: 100%;
}
div.tabulator-vertical div.toolbarGroup {
  display: block;
  height: 24px;
  font-size: 1.4em;
}
div.tabulatorContainer.icons_only span.tab_label {
  display: none;
}
div.tabulatorContainer.icons_only span[class^="icon-"],
div.tabulatorContainer.icons_only span[class*=" icon-"] {
  display: inline;
  font-size: 1.2em;
}
div.tabulatorContainer.icons_only div.toggleInactive span[class^="icon-"],
div.tabulatorContainer.icons_only div.toggleInactive span[class*=" icon-"],
div.tabulatorContainer.icons_only div.toolbarGroup span[class^="icon-"],
div.tabulatorContainer.icons_only div.toolbarGroup span[class*=" icon-"] {
  display: inline;
  font-size: 1em;
}
div.tabulatorContainer span.tab_close_button {
  margin-left: 6px;
  cursor: pointer;
  display: inline-block;
}
div.tabulatorContainer span.toggleInactive span.tab_close_button {
  color: #707f8f;
}
div.tabulatorContainer span.toggleInactive span.tab_close_button:hover {
  color: #ffffff;
}
.tabrow {
  list-style: none;
  margin: 0;
  padding: 2px 0;
  line-height: 24px;
  overflow: hidden;
  font-size: 13px;
  position: relative;
  background-color: #4ea7a5;
}
.tabpanes {
  background-color: #f8f8f8;
}
.tabrow li {
  border: 0;
  display: inline-block;
  position: relative;
  padding: 9px 10px 9px;
  cursor: pointer;
  color: rgba(255, 255, 255, 0.61);
  text-align: center;
  line-height: 16px;
  margin: 0;
}
.tabrow li.selected {
  color: #ffffff;
  background-color: transparent !important;
}
.innerTabulator div.panelHeader {
  font-size: 11px;
  padding: 3px 16px 4px 8px;
  height: 35px;
  letter-spacing: 1px;
  background-color: #ddd;
  color: #6f7b88;
  border-right: 0;
  overflow: hidden;
}
.innerTabulator div.panelHeader.tabulatorContainer {
  padding: 0 0 0 0;
  height: 26px;
}
.innerTabulator span.toggleHeader {
  padding: 4px 7px 4px 7px;
  border-right: 1px dotted #6f7b88;
  background-color: #ebedf0;
  color: #6f7b88;
  font-size: 11px;
}
.innerTabulator span.toggleHeader.toggleInactive {
  background-color: white;
}
div.innerTabulator > div.tabulatorContainer > #display_toolbar a:hover,
div.innerTabulator > div.tabulatorContainer > #display_toolbar a {
  color: #333 !important;
}
#cpane_tabs span.toggleInactiveBeforeActive {
  border-right: 0;
}
/*
DASHBOARD TABULATOR
*/
.flat_tabulator div.panelHeader.tabulatorContainer {
  padding: 2px 0 0 0;
  background-color: #fff;
  border-bottom: 0;
}
.flat_tabulator span.toggleHeader {
  font-size: 13px;
}
.flat_tabulator span.toggleHeader:first-of-type {
  color: #4ea7a5;
}
.flat_tabulator[data-ajxpTabsCount="1"] span.toggleHeader {
  /*    background-color: white;*/
}
div.flat_tabulator > div.tabulatorContainer > #display_toolbar a:hover,
div.flat_tabulator > div.tabulatorContainer > #display_toolbar a {
  color: #6f7b88 !important;
}
div.flat_tabulator span.toggleInactive span.tab_close_button {
  opacity: 0.25;
}
.horizontal_tabulator div.tabulatorContainer {
  float: left;
  width: 240px;
  padding: 0;
  background-color: #30383a;
}
.flexbox div.horizontal_tabulator {
  -ms-flex-direction: row;
      flex-direction: row;
  -webkit-flex-direction: row;
}
.flexbox div.horizontal_tabulator div.tabulatorContainer {
  float: none;
  height: auto;
  -ms-flex: 0 0 240px;
      flex: 0 0 240px;
  -webkit-flex: 0 0 240px;
}
div.horizontal_tabulator > div > div.horizontal_tabulator div.tabulatorContainer {
  background-color: #30383a;
}
.horizontal_tabulator span.toggleHeader {
  padding: 12px 0 12px 16px;
  background-color: #ff5722 !important;
  color: #ffffff !important;
  border: 0;
  display: block;
  font-size: 13px;
}
.horizontal_tabulator span.toggleInactive {
  width: auto !important;
  border-width: 0 !important;
  background-color: transparent !important;
  color: white !important;
  text-shadow: none;
}
.no-flexbox div.horizontal_tabulator > div:not(.tabulatorContainer) {
  float: left;
  padding: 0 !important;
  width: 78%;
}
.flexbox div.horizontal_tabulator > div.tabulatorPanelsContainer {
  -ms-flex: 1;
      flex: 1;
  -webkit-flex: 1;
}
#breadcrumb {
  font-family: Roboto, sans-serif;
  -webkit-font-smoothing: antialiased;
  border-radius: 0 40px 40px 0;
  color: rgba(0, 0, 0, 0.63);
  display: block;
  float: left;
  margin-top: 0;
  overflow: hidden;
}
#breadcrumb div.inner_bread {
  width: 2000px;
}
.breadcrumbs-one {
  overflow: hidden;
  width: 100%;
}
.breadcrumbs-one ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.breadcrumbs-one em {
  font-style: normal;
  font-weight: 100;
}
.breadcrumbs-one li {
  float: left;
}
.breadcrumbs-one li:first-child span {
  background-color: #222222;
  border-radius: 0;
  color: white;
  font-weight: 500;
  padding-left: 1em;
  width: 171px;
}
.breadcrumbs-one li:first-child span em {
  font-weight: 500;
}
.breadcrumbs-one li:first-child span::after {
  border-left-color: #222222;
}
.breadcrumbs-one li:nth-child(1) span:before {
  border-left-color: #f5f5f5;
}
.breadcrumbs-one span {
  background-color: #f5f5f5;
  color: rgba(0, 0, 0, 0.63);
  float: left;
  height: 22px;
  padding: 22px 15px 20px 35px;
  position: relative;
  text-decoration: none;
}
.breadcrumbs-one span:hover {
  background: #ffffff;
  cursor: pointer;
}
.breadcrumbs-one span:hover::after {
  border-left-color: #ffffff;
}
.breadcrumbs-one span::after,
.breadcrumbs-one span::before {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -33px;
  border-top: 33px solid transparent;
  border-bottom: 33px solid transparent;
  border-left: 1em solid;
  right: -1em;
}
.breadcrumbs-one span::after {
  z-index: 2;
  border-left-color: #f5f5f5;
}
.breadcrumbs-one span::before {
  border-left-color: #cccccc;
  right: -1.05em;
  z-index: 1;
}
.breadcrumbs-one .current {
  background: none;
  font-weight: bold;
}
.breadcrumbs-one .current:hover {
  background: none;
  font-weight: bold;
}
.breadcrumbs-one .current::after {
  content: normal;
}
.breadcrumbs-one .current::before {
  content: normal;
}
.breadcrumbs-one i.ajxp-goto {
  color: #cccccc;
  cursor: pointer;
  display: inline-block;
  padding: 22px 25px;
}
.breadcrumbs-one i.ajxp-goto:hover {
  color: #ff764b;
}
.breadcrumbs-one span.reduced {
  height: 20px;
  padding: 20px 10px 20px 10px;
  width: 4px;
}
.breadcrumbs-one span.reduced em {
  visibility: hidden;
}
.breadcrumbs-one span.reduced:hover {
  padding: 20px 15px 20px 35px;
  transition: padding 1s ease;
  width: auto;
}
.breadcrumbs-one span.reduced:hover em {
  visibility: visible;
}
.breadcrumbs-one span.reduced.first-bread {
  height: auto;
  padding: 20px 15px 20px 1em;
  transition: none;
  width: 171px;
}
.breadcrumbs-one span.reduced.first-bread em {
  visibility: visible;
}
span.first-bread em {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
/* rotation animation */
@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
.rotating,
.icon-spinner {
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-name: rotate;
  -webkit-animation-duration: 1.0s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-transform-origin: 50% 50%;
  -moz-animation-name: rotate;
  -moz-animation-duration: 1s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-transform-origin: 50% 50%;
  -ms-animation-name: rotate;
  -ms-animation-duration: 1s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  -o-transform-origin: 50% 50%;
  -o-animation-name: rotate;
  -o-animation-duration: 1s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear;
}
.icon-spinner {
  display: block !important;
  text-align: center;
}
.icon-spinner.spinner_large {
  font-size: 22px;
}
#progressBox {
  z-index: 2002;
  border-radius: 5px;
  width: 305px !important;
  padding: 3px;
  display: block;
  top: 30%;
  left: 40%;
  position: absolute;
  min-width: 305px;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.23);
  -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.23);
  -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.23);
}
#progressBox div.dialogTitle {
  display: none;
}
#progressBox .bounce-spinner {
  width: 50px;
  height: 50px;
  position: relative;
  margin: 30px auto;
}
#progressBox .double-bounce1,
#progressBox .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #009688;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: bounce 2s infinite ease-in-out;
  animation: bounce 2s infinite ease-in-out;
}
#progressBox .double-bounce2 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
@-webkit-keyframes bounce {
  0%,
  100% {
    -webkit-transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
  }
}
@keyframes bounce {
  0%,
  100% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  50% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
/************************/
/* CONTEXT MENU STYLES  */
/************************/
div.menu {
  font-family: Roboto, sans-serif;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 1px;
  box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.16), 0px 1px 6px rgba(0, 0, 0, 0.23);
}
div.menu ul,
div.menu li {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow-x: hidden;
}
div.menu li {
  list-style-position: outside;
}
div.menu li a {
  display: block;
  text-decoration: none;
  cursor: default;
  outline: none;
  font-size: 13px;
}
div.menu li.menuTitle {
  display: none;
}
div.menu li.separator {
  height: 1px;
  padding: 0;
  overflow: hidden;
  display: block;
  font-size: 1px;
}
div.menu .menuActions {
  position: absolute;
  right: 16px;
  top: 1px;
  text-align: right;
  padding-right: 3px !important;
  margin-top: 5px !important;
}
div.menu .menuActions a {
  width: 18px;
  padding: 1px;
  display: inline-block !important;
  filter: alpha(opacity=30);
  opacity: 0.3;
  -moz-opacity: 0.3;
  cursor: pointer !important;
  height: 16px;
}
div.menu .menuActions a:hover {
  filter: alpha(opacity=100);
  opacity: 1.0;
  -moz-opacity: 1.0;
}
div.menu .menuActions.moreActions {
  margin-top: 0 !important;
  z-index: 1;
}
div.menu .menuActions.moreActions span {
  color: #ffffff;
  cursor: pointer;
  width: 16px;
  display: inline-block;
  text-align: left;
  font-size: 1.2em;
  text-shadow: 1px 1px 1px #676767;
}
div.menu .menuActions img {
  display: none;
}
div.menu .menuActions.icon-caret-right {
  padding-top: 10px;
  color: rgba(0, 0, 0, 0.53);
}
div.menu.desktop {
  width: 14em;
  padding: 0 0 1px;
  background-color: #ffffff;
}
div.menu.desktop span.ajxp_icon_span {
  font-size: 15px;
  padding-right: 16px;
  color: rgba(0, 0, 0, 0.87);
  opacity: 0.7;
}
div.menu.desktop .invertSelection {
  background-color: rgba(0, 0, 0, 0.07);
  color: rgba(0, 0, 0, 0.87) !important;
}
div.menu.desktop .invertSelection span.ajxp_icon_span {
  color: rgba(0, 0, 0, 0.87);
  opacity: 1;
}
div.menu.desktop li {
  padding: 0;
  overflow-y: hidden;
}
div.menu.desktop li.separator {
  padding: 0;
  height: 0;
  border-bottom: 1px solid #eeeeee;
  margin: 0;
  line-height: 1px !important;
}
div.menu.desktop li.menuAnchorSelected .menuActions.icon-caret-right,
div.menu.desktop li a:hover .menuActions.icon-caret-right {
  color: rgba(0, 0, 0, 0.87) !important;
}
div.menu.desktop li.menuAnchorSelected a {
  background-color: rgba(0, 0, 0, 0.07);
  color: rgba(0, 0, 0, 0.87) !important;
}
div.menu.desktop li.menuAnchorSelected a span.ajxp_icon_span {
  color: rgba(0, 0, 0, 0.87);
  opacity: 1;
}
div.menu.desktop li.menuAnchorSelected a u {
  padding: .1em .6em;
  border: 1px solid #ccc;
  font-size: 11px;
  font-family: Arial, sans-serif;
  background-color: #f7f7f7;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), 0 0 0 2px #ffffff inset;
  border-radius: 3px;
  display: inline-block;
  margin: 0 .1em;
  text-shadow: 0 1px 0 #fff;
  line-height: 1.4;
  white-space: nowrap;
  font-size: 1em;
  padding: 0 1px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.87);
}
div.menu.desktop li a {
  color: rgba(0, 0, 0, 0.87);
  padding: 12px 16px;
  margin: 0;
  font-size: 13px;
  line-height: 22px;
}
div.menu.desktop li a u {
  text-decoration: none;
  display: inline-block;
  border: 1px solid white;
  border-radius: 3px;
}
div.menu.desktop li a img {
  margin-right: 9px;
  margin-top: -5px;
}
div.menu.desktop li a.menu_item_default {
  font-weight: 500 !important;
}
div.menu.desktop li a.menu_item_default span.ajxp_icon_span {
  opacity: 0.8;
}
div.menu.desktop li a.disabled {
  opacity: 0.25;
  filter: alpha(opacity=25);
  zoom: 1;
}
div.menu.desktop li a.enabled:hover {
  background-color: rgba(0, 0, 0, 0.07);
  color: rgba(0, 0, 0, 0.87) !important;
}
div.menu.desktop li a.enabled:hover span.ajxp_icon_span {
  color: rgba(0, 0, 0, 0.87);
  opacity: 1;
}
div.menu.desktop li a.enabled:hover u {
  padding: .1em .6em;
  border: 1px solid #ccc;
  font-size: 11px;
  font-family: Arial, sans-serif;
  background-color: #f7f7f7;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), 0 0 0 2px #ffffff inset;
  border-radius: 3px;
  display: inline-block;
  margin: 0 .1em;
  text-shadow: 0 1px 0 #fff;
  line-height: 1.4;
  white-space: nowrap;
  font-size: 1em;
  padding: 0 1px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.87);
}
div.menu.desktop.toolbarmenu {
  padding-bottom: 0;
  width: auto;
  /* IE */
  width: expression("150px");
  min-width: 15em;
}
div.menu.desktop.textual {
  width: 7em;
}
div.menu.desktop.textual img {
  margin-right: 6px;
}
div.menu.desktop.panelHeaderMenu li.menuTitle {
  display: block;
  font-size: 13px;
  color: rgba(0, 0, 0, 0.87);
  border-bottom: 1px solid #eeeeee;
  padding: 11px 7px;
  text-align: left;
  background-color: #f2f2f2;
}
div.menu.menuDetails a {
  line-height: 17px;
  padding: 10px 5px;
}
div.menu.menuDetails img {
  display: none;
}
div.menu.menuDetails span.menu_label {
  font-size: 20px;
  display: block;
}
div.menu.menuDetails span.ajxp_icon_span {
  float: left;
  padding: 3px 9px 23px 4px;
  font-size: 18px;
}
div.menu.menuDetails span.menu_description {
  display: block;
  letter-spacing: 0;
  line-height: 16px;
  font-size: 11px;
  color: white;
  padding-top: 8px;
}
div.menu.menuDetails.workspacesMenu {
  border-radius: 0;
  left: 0 !important;
}
div.menu.menuDetails.workspacesMenu span.ajxp_icon_span {
  display: none;
}
div.menu.menuDetails.workspacesMenu span.menu_description {
  display: none;
}
div.menu.menuDetails.workspacesMenu span.menu_label {
  margin-top: 0;
}
div.menu.menuDetails.workspacesMenu li a {
  padding: 20px 10px 20px 20px;
  line-height: 22px;
}
div.menu.menuDetails.workspacesMenu li.menuTitle {
  padding: 20px 14px 10px !important;
}
div.menu.menuDetails.workspacesMenu span.letter_badge {
  margin: -6px 13px 0 5px;
  font-size: 1em;
  background-color: #000;
}
div.menu.rightAlignMenu {
  width: 180px !important;
}
div.menu.rightAlignMenu a {
  padding: 8px 5px 7px 20px;
  text-align: right;
  letter-spacing: 1px;
}
div.menu.rightAlignMenu a img {
  margin-right: 0;
  margin-left: 5px;
  float: right;
}
div.menu.rightAlignMenu a img,
div.menu.rightAlignMenu span.ajxp_icon_span {
  margin-right: 0;
  margin-left: 9px;
  display: inline-block;
  float: right;
  margin-top: 2px;
}
div.menu.rootDirChooser {
  position: absolute;
  z-index: 1500;
  width: 250px !important;
  /* IE */
  width: expression("250px");
  background-color: #333333;
  box-shadow: none !important;
  -webkit-font-smoothing: antialiased;
}
div.menu.rootDirChooser li.menuTitle {
  color: #ffffff;
  padding: 13px 8px 15px;
  text-align: left;
  font-size: 22px;
  letter-spacing: 1px;
  text-transform: uppercase;
  display: block;
}
div.menu.rootDirChooser li.separator {
  border-top: 1px solid rgba(255, 255, 255, 0.75);
  margin: 2px 0;
  line-height: 1px !important;
  height: 0 !important;
}
div.menu.rootDirChooser li.separator.menuTitle {
  height: auto !important;
  line-height: 14px !important;
  border-top: none;
  padding-top: 7px !important;
  width: 100%;
}
div.menu.rootDirChooser a {
  display: block;
  padding: 8px 5px 8px 6px;
  color: #fff;
  letter-spacing: 1px;
}
div.menu.rootDirChooser a img {
  margin-right: 5px;
  border: 0;
}
div.menu.rootDirChooser a span.ajxp_icon_span {
  display: inline-block;
  padding: 0 16px 30px 10px;
  margin-top: -1px;
  font-size: 1.4em;
}
div.menu.rootDirChooser a.disabled img {
  filter: alpha(opacity=30);
  opacity: 0.3;
  -moz-opacity: 0.3;
}
div.menu.rootDirChooser a:hover,
div.menu.rootDirChooser a.hovered {
  background-color: #ff764b;
  color: #ffffff;
}
div.menu.rootDirChooser span.rootDirTitle {
  display: block;
  font-size: 12px;
  font-weight: bold;
  padding-top: 1px;
  padding-left: 5px;
  padding-right: 50px;
  color: #ccc;
  border-bottom: 0 solid #ddd;
  text-align: left;
  font-style: italic;
}
#info_panel {
  font-family: Roboto, sans-serif;
  -webkit-font-smoothing: antialiased;
  font-weight: 300;
}
#info_panel div#display_toolbar {
  float: left;
  text-align: left;
  min-width: 20px;
  height: 10px;
}
#info_panel div#display_toolbar a {
  background: none;
  border: none;
  margin-right: 0;
}
#info_panel a.sm2_link {
  visibility: hidden;
}
#info_panel a img {
  margin-right: 5px;
}
#info_panel a:hover {
  text-decoration: none;
}
#info_panel div.folderImage {
  text-align: center;
  padding-bottom: 10px;
}
#info_panel .infoPanelImagePreview {
  text-align: center;
  position: relative;
  margin: 10px 16px;
  border-radius: 5px;
}
#info_panel .infoPanelImagePreview img {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
#info_panel .infoPanelImagePreview img.thumbnail_iconlike_shadow {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
#info_panel .infoPanelImagePreview div.infoPanelBasenameTitle {
  color: #ff796b;
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 20px;
  line-height: 1.5em;
  text-align: left;
  word-break: break-all;
}
#info_panel .infoPanelTable,
#info_panel div.infoPanelRow {
  font-size: 13px;
  width: 100%;
}
#info_panel td.infoPanelLabel,
#info_panel div.infoPanelLabel {
  width: 50%;
  color: #aaaaaa;
  font-size: 0.9em;
  font-weight: 500;
}
#info_panel td.infoPanelValue,
#info_panel div.infoPanelValue {
  padding: 0 0 10px;
  font-size: 1em;
  color: #222222;
  line-height: 1.3em;
  vertical-align: top;
}
#info_panel td.infoPanelValue[data-metatype="css_label"],
#info_panel div.infoPanelValue[data-metatype="css_label"] {
  padding: 5px;
  border-radius: 2px;
  margin-bottom: 10px;
}
#info_panel div.folded_icons {
  display: none;
}
#info_panel div.class-FetchedResultPane {
  font-size: 13px;
}
#info_panel div.class-FetchedResultPane div.thumbnail_selectable_cell.detailed {
  padding: 0;
  cursor: default;
}
#info_panel div.class-FetchedResultPane div.thumbnail_selectable_cell.detailed div.thumbnail_selectable_cell {
  display: none;
}
#info_panel div.class-FetchedResultPane div.thumbnail_selectable_cell.detailed div.thumbLabel {
  font-size: 1.1em;
  color: #222222;
  white-space: normal;
  line-height: 1.5em;
  padding-top: 0;
  padding-bottom: 8px;
}
#info_panel div.class-FetchedResultPane div.thumbnail_selectable_cell.detailed div.thumbLabel small {
  color: #666666;
  display: block;
  font-size: 0.8em;
  line-height: 15px;
}
#info_panel div.class-FetchedResultPane.leaf_activity div.thumbnail_selectable_cell.detailed div.thumbLabel {
  color: #555555;
  display: block;
  font-size: 13px;
  line-height: 17px;
}
#info_panel div.class-FetchedResultPane div.ajxpNodeProvider.selected-focus {
  background-color: transparent !important;
}
#info_panel div.class-FetchedResultPane div.ajxpNodeProvider:hover {
  background-color: transparent !important;
}
#info_panel div.ip_geo_cell {
  position: absolute;
  right: 17px;
  margin-top: -36px;
}
#info_panel td.ip_geo_cell {
  padding-right: 12px !important;
}
#info_panel #ajxp_workspace_info_panel_content {
  font-size: 13px;
  margin-bottom: 15px;
}
#info_panel .infopanel_loading {
  opacity: 0;
  transition: opacity ease 0.2s;
}
#info_panel .infopanel_loading_finished {
  opacity: 1;
}
#info_panel .infoPanelActions {
  padding: 5px;
  font-size: 11px;
  text-align: right;
}
#info_panel .panelContent {
  overflow: hidden;
  background-color: #f8f8f8;
  padding-bottom: 15px;
  -webkit-font-smoothing: antialiased;
}
#info_panel .panelContent div.panelHeader {
  font-size: 13px;
  padding: 8px 0 16px 0;
  color: #333333;
  font-weight: 500;
}
#info_panel .panelContent div.panelHeader span.user_meta_change {
  color: #222;
  text-transform: uppercase;
  font-size: 10px;
  padding: 4px 10px 3px;
  margin-top: -5px;
  display: inline-block !important;
  float: right;
  cursor: pointer;
  font-weight: 300;
}
#info_panel .panelContent div.panelHeader span.user_meta_change:hover {
  background-color: white;
}
#info_panel .panelContent div.panelHeader span[data-ajxpAction] {
  display: none;
}
#info_panel .panelContent i {
  font-size: 13px;
  font-style: normal;
  color: #b4b8be;
  text-shadow: 1px 1px 0 #ffffff;
}
#info_panel .panelContent span.ajxp_icon_span {
  color: #ffffff;
  margin-right: 5px;
}
#info_panel .panelContent a#open_with_button span.ajxp_icon_span,
#info_panel .panelContent span#open_with_button_label {
  display: none;
}
#info_panel .panelContent.scrolling td.infoPanelValue {
  padding-right: 18px;
}
#info_panel .panelContent .infoPanelGroup {
  border-radius: 0;
  padding: 1px;
}
#info_panel .panelContent div.info_panel_primary_multiple {
  margin-top: 0 !important;
  border-top: 0;
}
#info_panel .panelContent .info_panel_multiple_tile {
  width: 27%;
  height: 76px;
  float: left;
  padding: 7px 2%;
  background-color: white;
  margin: 0 1% 6px;
  position: relative;
  text-align: center;
  border-radius: 0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.33);
}
#info_panel .panelContent .info_panel_multiple_tile div.tile_preview img {
  max-width: 90%;
  max-height: 60px;
}
#info_panel .panelContent .info_panel_multiple_tile div.tile_label {
  position: absolute;
  bottom: 1px;
  font-size: 0.7em;
  overflow: hidden;
  width: 89%;
  text-overflow: ellipsis;
  padding: 2px 2px 0;
  text-align: center;
  color: #646464;
  white-space: nowrap;
}
#info_panel .panelContent div.toolbar_placeholder {
  margin-top: 25px;
  display: inline-block;
}
#info_panel .panelContent div.one_has_many {
  margin-top: 10px;
}
#info_panel .panelContent div.one_has_many div.toolbar_placeholder {
  margin-top: 0;
}
#info_panel .panelContent div.toolbarGroup {
  text-align: center;
}
#info_panel div[data-metatype="stars_rate"] {
  padding: 3px 0 30px;
}
#info_panel div.infoPanelLabel {
  width: 100%;
}
#info_panel div.dimension_card_width {
  text-align: center;
}
#info_panel div.dimension_card_height {
  float: left;
  height: 37px;
  width: 28%;
  padding-top: 59px;
  text-align: right;
}
#info_panel div.dimension_card_rectangle {
  float: left;
  height: 95px;
  width: 67%;
  /* background-color: #ddd; */
  border-radius: 5px;
  margin-top: 5px;
  margin-left: 2%;
  border: 1px solid #AAA;
}
#info_panel div.infoPanelAllMetadata > div {
  border-top: 1px solid #ddd;
  padding: 6px 16px;
}
#info_panel div.infoPanelAllMetadata > div#info_panel_primary {
  padding-top: 12px;
}
#info_panel div.infoPanelAllMetadata > div#info_panel_primary.empty {
  display: none;
}
#info_panel div.triple div.infoPanelAllMetadata > div {
  float: left;
  margin: 2%;
  width: 46%;
}
#info_panel div.infoPanelAllMetadata span.meta_user_tag_block {
  display: inline-block;
  background-color: rgba(52, 94, 121, 0.78);
  color: white;
  padding: 2px 5px;
  border-radius: 4px;
  margin-right: 5px;
  font-weight: 500;
}
#info_panel .ipanel_no_selection_select {
  padding: 30px;
  color: #969aa0;
}
#info_panel .ipanel_no_selection_select span.icon-info-sign {
  opacity: 0.4;
  display: block;
  text-align: center;
  font-size: 120px;
  padding: 50px 0 20px;
}
#info_panel #no-results-found {
  color: #b4b8be;
  text-shadow: 1px 1px 0 #ffffff;
}
#info_panel .ipanel_no_selection_select span.label {
  display: block;
  text-align: center;
  font-size: 13px;
}
#info_panel .ipanel_no_selection_data {
  display: none;
}
#info_panel .infoPanelTable tr:last-child td {
  border-bottom: 0;
}
.workspace-entry.workspace-access-inbox span.access-icon:before {
  font-family: FontAwesome;
  content: '\f01c';
}
.left-panel {
  background-color: #353535;
  position: absolute;
  top: 109px;
  left: 0;
  bottom: 0;
  width: 250px;
  z-index: 1001;
  font-family: Roboto, sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 13px;
  color: #dddddd;
  overflow-y: auto;
  box-sizing: border-box;
  transition: all 550ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.left-panel * {
  box-sizing: border-box;
}
.left-panel .section-title {
  padding: 16px 16px ;
  font-weight: 500;
  border-top: 1px solid rgba(221, 221, 221, 0.3);
  margin-top: 10px;
  transition: all 550ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.left-panel .navigation-title {
  display: none;
  height: 62px;
  border-bottom: 1px solid ghostwhite;
  padding-left: 16px;
  font-size: 2em;
  line-height: 62px;
}
.left-panel .nav-list-entry {
  padding: 6px 1px 6px 16px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  line-height: 24px;
  cursor: pointer;
}
.left-panel .nav-list-entry:hover {
  background-color: rgba(255, 255, 255, 0.25);
}
.left-panel .nav-list-entry-icon {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 16px;
  text-align: center;
}
.left-panel .nav-list-entry-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.left-panel .workspaces .workspace-entry {
  padding: 6px 1px 6px 16px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  line-height: 24px;
  cursor: pointer;
}
.left-panel .workspaces .workspace-entry:hover {
  background-color: rgba(255, 255, 255, 0.25);
}
.left-panel .workspaces .workspace-entry .workspace-badge {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 16px;
  text-align: center;
  font-size: 0.9em;
  font-weight: 500;
  background-color: #dddddd;
  color: #353535;
  border-radius: 50%;
  position: relative;
}
.left-panel .workspaces .workspace-entry .workspace-badge span.badge-overlay {
  display: none;
}
.left-panel .workspaces .workspace-entry .workspace-num-badge {
  background-color: #dddddd;
  color: #353535;
  display: inline-block;
  line-height: 0.9em;
  font-size: 0.7em;
  font-weight: 300;
  top: -1px;
  position: relative;
  border-radius: 2px;
  padding: 2px 5px;
  margin: 0px 0px 0px 10px;
}
.left-panel .workspaces .workspace-entry .workspace-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.left-panel .workspaces .workspace-entry .workspace-label .workspace-new {
  display: inline-block;
  font-size: 10px;
  font-weight: 500;
  border-radius: 3px;
  margin-left: 5px;
  height: 13px;
  line-height: 13px;
  padding: 0 3px;
  background-color: white;
  color: rgba(0, 0, 0, 0.63);
  text-transform: uppercase;
}
.left-panel .workspaces .workspace-entry .workspace-description {
  display: none;
}
.left-panel .workspaces .workspace-entry.workspace-current {
  opacity: 0.4;
}
.left-panel .simple-provider {
  position: relative;
}
.left-panel .simple-provider .infinite-parent-smooth-height > div {
  overflow-y: auto !important;
}
.left-panel .simple-provider .material-list-entry {
  padding: 6px 1px 6px 16px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  line-height: 24px;
  cursor: pointer;
}
.left-panel .simple-provider .material-list-entry:hover {
  background-color: rgba(255, 255, 255, 0.25);
}
.left-panel .simple-provider .material-list-entry .material-list-icon {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 16px;
  text-align: center;
  font-size: 1.2em;
}
.left-panel .simple-provider .material-list-entry .material-list-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.left-panel .simple-provider .material-list-entry .material-list-actions {
  position: absolute;
  right: 16px;
  opacity: 0.5;
}
.left-panel .simple-provider .material-list-entry .material-list-actions:hover {
  opacity: 1;
}
.left-panel .simple-provider .mui-toolbar {
  position: absolute;
  top: 16px;
  right: 60px;
  color: #919191;
}
.left-panel .simple-provider .toggle-button {
  cursor: pointer;
  float: right;
  color: #919191;
}
.left-panel .simple-provider .toggle-button:hover {
  color: #dddddd;
}
.left-panel .simple-provider .section-title {
  border-top: 0;
  margin-top: 0;
}
.left-panel .simple-provider .alerts_number_badge {
  background-color: #f5c781;
  color: #555;
  border-radius: 2px;
  display: inline-block;
  padding: 0 3px;
}
.left-panel .simple-provider .icon-refresh {
  cursor: pointer;
  transition: all 550ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
}
.left-panel .simple-provider .icon-refresh.rotating {
  opacity: 0.2;
}
.left-panel .simple-provider .emptyMessage {
  display: inline-block;
  padding: 0 16px 8px;
  opacity: 0.7;
}
.left-panel .simple-provider.closed .section-title {
  padding-bottom: 6px;
}
.left-panel .simple-provider.closed .material-list {
  display: none;
}
.left-panel .simple-provider.closed .emptyMessage {
  display: none;
}
.left-panel.hidden {
  left: -255px;
}
/**********************/
/* MASTER VARIABLES
/**********************/
/**********************
/* OVERRIDE COMPONENTS
/**********************
/* about.less */
/* accordion.less */
/* activity */
/* backgroundtasks */
/* breadcrumb */
/* carousel */
/* dialog */
/* dnd */
/* forms */
/* loader */
/* message box */
/* search engine */
/* selectable list */
/* slider */
/* splitter */
/* tabs */
/* tooltips */
/* tree */
/* uploaders */
/* user widget */
/* menus */
/* InfoPanel */
/* Left PAnel */
div.form-login_form,
div.form-login_form_dynamic,
div.form-switch_language_form,
div.form-reset-password,
div.form-reset-password-ask {
  box-shadow: none;
  top: 0 !important;
  left: 0 !important;
  bottom: 0 !important;
  background-color: rgba(34, 34, 34, 0.4);
  border-radius: 0;
}
div.form-login_form div.dialogTitle,
div.form-login_form_dynamic div.dialogTitle,
div.form-switch_language_form div.dialogTitle,
div.form-reset-password div.dialogTitle,
div.form-reset-password-ask div.dialogTitle {
  display: block !important;
  position: absolute;
  top: 0;
  height: 90% !important;
  right: -113%;
  background-color: transparent;
}
div.form-login_form div.dialogContent,
div.form-login_form_dynamic div.dialogContent,
div.form-switch_language_form div.dialogContent,
div.form-reset-password div.dialogContent,
div.form-reset-password-ask div.dialogContent {
  height: 100%;
  background-color: transparent;
  color: white;
  transition: padding-top 0.5s;
  -webkit-transition: padding-top 0.5s;
}
div.form-login_form div.dialogContent select#language_selector,
div.form-login_form_dynamic div.dialogContent select#language_selector,
div.form-switch_language_form div.dialogContent select#language_selector,
div.form-reset-password div.dialogContent select#language_selector,
div.form-reset-password-ask div.dialogContent select#language_selector {
  width: 280px !important;
}
div.form-login_form div.dialogContent div#progressCustomMessage,
div.form-login_form_dynamic div.dialogContent div#progressCustomMessage,
div.form-switch_language_form div.dialogContent div#progressCustomMessage,
div.form-reset-password div.dialogContent div#progressCustomMessage,
div.form-reset-password-ask div.dialogContent div#progressCustomMessage {
  font-size: 30px !important;
  text-align: center;
}
div.form-login_form div.dialogContent a.icon-flag,
div.form-login_form_dynamic div.dialogContent a.icon-flag,
div.form-switch_language_form div.dialogContent a.icon-flag,
div.form-reset-password div.dialogContent a.icon-flag,
div.form-reset-password-ask div.dialogContent a.icon-flag {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 20px !important;
  color: white !important;
}
div.form-login_form div.dialogContent div.dialogLegend,
div.form-login_form_dynamic div.dialogContent div.dialogLegend,
div.form-switch_language_form div.dialogContent div.dialogLegend,
div.form-reset-password div.dialogContent div.dialogLegend,
div.form-reset-password-ask div.dialogContent div.dialogLegend {
  text-align: center;
  font-style: italic;
  color: #ddd;
}
div.form-login_form div.dialogContent #switch_language_form div.dialogLegend,
div.form-login_form_dynamic div.dialogContent #switch_language_form div.dialogLegend,
div.form-switch_language_form div.dialogContent #switch_language_form div.dialogLegend,
div.form-reset-password div.dialogContent #switch_language_form div.dialogLegend,
div.form-reset-password-ask div.dialogContent #switch_language_form div.dialogLegend {
  font-style: normal;
  text-align: left;
  margin-top: 16px;
  margin-bottom: 5px;
}
div.form-login_form div.dialogContent a.forgot-password-link,
div.form-login_form_dynamic div.dialogContent a.forgot-password-link,
div.form-switch_language_form div.dialogContent a.forgot-password-link,
div.form-reset-password div.dialogContent a.forgot-password-link,
div.form-reset-password-ask div.dialogContent a.forgot-password-link {
  color: white !important;
  margin-right: 45px;
  margin-top: 6px;
  text-decoration: underline;
  font-size: 13px;
  text-align: right;
  display: block;
  float: right;
}
div.form-login_form div.dialogContent .captcha_container,
div.form-login_form_dynamic div.dialogContent .captcha_container,
div.form-switch_language_form div.dialogContent .captcha_container,
div.form-reset-password div.dialogContent .captcha_container,
div.form-reset-password-ask div.dialogContent .captcha_container {
  text-align: center;
}
div.form-login_form div.dialogContent .captcha_container img,
div.form-login_form_dynamic div.dialogContent .captcha_container img,
div.form-switch_language_form div.dialogContent .captcha_container img,
div.form-reset-password div.dialogContent .captcha_container img,
div.form-reset-password-ask div.dialogContent .captcha_container img {
  margin: 5px 0 0 2px;
  border: 1px solid #ddd;
}
div.form-login_form div.dialogContent .ajxp_login_error,
div.form-login_form_dynamic div.dialogContent .ajxp_login_error,
div.form-switch_language_form div.dialogContent .ajxp_login_error,
div.form-reset-password div.dialogContent .ajxp_login_error,
div.form-reset-password-ask div.dialogContent .ajxp_login_error {
  margin: 12px 27px 6px;
  font-size: 14px !important;
  background-color: rgba(180, 57, 57, 0.45) !important;
  color: white !important;
  padding: 7px !important;
}
div.form-login_form div.dialogContent .ajxp_password_auth div.SF_element:first-of-type,
div.form-login_form_dynamic div.dialogContent .ajxp_password_auth div.SF_element:first-of-type,
div.form-switch_language_form div.dialogContent .ajxp_password_auth div.SF_element:first-of-type,
div.form-reset-password div.dialogContent .ajxp_password_auth div.SF_element:first-of-type,
div.form-reset-password-ask div.dialogContent .ajxp_password_auth div.SF_element:first-of-type {
  display: none !important;
}
div.form-login_form div.dialogContent div.SF_element,
div.form-login_form_dynamic div.dialogContent div.SF_element,
div.form-switch_language_form div.dialogContent div.SF_element,
div.form-reset-password div.dialogContent div.SF_element,
div.form-reset-password-ask div.dialogContent div.SF_element {
  padding-left: 20px;
}
div.form-login_form div.dialogContent div.SF_element div.SF_label,
div.form-login_form_dynamic div.dialogContent div.SF_element div.SF_label,
div.form-switch_language_form div.dialogContent div.SF_element div.SF_label,
div.form-reset-password div.dialogContent div.SF_element div.SF_label,
div.form-reset-password-ask div.dialogContent div.SF_element div.SF_label {
  padding-left: 4px;
  text-transform: uppercase;
}
div.form-login_form div.dialogContent div.dialogButtons,
div.form-login_form_dynamic div.dialogContent div.dialogButtons,
div.form-switch_language_form div.dialogContent div.dialogButtons,
div.form-reset-password div.dialogContent div.dialogButtons,
div.form-reset-password-ask div.dialogContent div.dialogButtons {
  margin-top: 30px;
  text-align: center;
  position: relative;
}
div.form-login_form div.dialogContent div.dialogButtons input.dialogButton,
div.form-login_form_dynamic div.dialogContent div.dialogButtons input.dialogButton,
div.form-switch_language_form div.dialogContent div.dialogButtons input.dialogButton,
div.form-reset-password div.dialogContent div.dialogButtons input.dialogButton,
div.form-reset-password-ask div.dialogContent div.dialogButtons input.dialogButton {
  padding: 0 15px;
  margin-right: 5px;
  background-color: rgba(255, 255, 255, 0.39);
  color: white;
}
div.form-login_form div.dialogContent div.dialogButtons input.dialogButton:hover,
div.form-login_form_dynamic div.dialogContent div.dialogButtons input.dialogButton:hover,
div.form-switch_language_form div.dialogContent div.dialogButtons input.dialogButton:hover,
div.form-reset-password div.dialogContent div.dialogButtons input.dialogButton:hover,
div.form-reset-password-ask div.dialogContent div.dialogButtons input.dialogButton:hover {
  background-color: rgba(255, 255, 255, 0.48);
}
div.form-login_form div.dialogContent div.dialogButtons input.dialogButton:focus,
div.form-login_form_dynamic div.dialogContent div.dialogButtons input.dialogButton:focus,
div.form-switch_language_form div.dialogContent div.dialogButtons input.dialogButton:focus,
div.form-reset-password div.dialogContent div.dialogButtons input.dialogButton:focus,
div.form-reset-password-ask div.dialogContent div.dialogButtons input.dialogButton:focus {
  background-color: rgba(255, 255, 255, 0.48);
}
div.form-login_form.overlay,
div.form-login_form_dynamic.overlay,
div.form-switch_language_form.overlay,
div.form-reset-password.overlay,
div.form-reset-password-ask.overlay {
  opacity: 0;
  background-image: none !important;
  background-color: transparent !important;
}
.ajxp_guest_enabled div.form-login_form.overlay,
.ajxp_guest_enabled div.form-login_form_dynamic.overlay,
.ajxp_guest_enabled div.form-switch_language_form.overlay,
.ajxp_guest_enabled div.form-reset-password.overlay,
.ajxp_guest_enabled div.form-reset-password-ask.overlay {
  opacity: 1 !important;
  background-color: inherit !important;
}
div.dialogBox.form-login_form form,
div.dialogBox.form-login_form_dynamic form {
  margin: 0 40px;
  font-size: 15px;
  padding-top: 20px;
  padding-bottom: 20px;
}
div.dialogBox.form-login_form form.no_placeholder div.SF_label,
div.dialogBox.form-login_form_dynamic form.no_placeholder div.SF_label {
  display: block;
  text-align: left;
  padding: 0 4px;
}
div.dialogBox.form-login_form form.no_placeholder div.SF_input,
div.dialogBox.form-login_form_dynamic form.no_placeholder div.SF_input {
  clear: left;
}
div.dialogBox.form-login_form form div.SF_input > input,
div.dialogBox.form-login_form_dynamic form div.SF_input > input {
  width: 280px !important;
  padding: 7px !important;
  font-size: 17px;
  height: inherit;
  border: 0 !important;
}
/************************/
/* ORBIT RESIZE DIALOGS */
/************************/
div#properties_box {
  margin: 20px auto;
  width: 250px;
}
input#ajxp_link_container {
  width: 340px !important;
}
textarea#myCode {
  border: 1px solid #5C5C5C;
  border-right-color: #ccc;
  border-left-color: #ccc;
}
.create_file_alt_link {
  font-family: "Open Sans Regular", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-style: italic;
  cursor: pointer;
}
#ajxp_link_form span.icon-envelope-alt {
  font-size: 1.3em;
}
#ajxp_link_form img {
  display: none;
}
div.dialogBox.form-diaporama_box div.dialogContent {
  background-color: #555555;
  border: 0;
}
.no-flexbox div#mailer_message {
  width: 380px !important;
}
div#copymove_form {
  box-sizing: border-box;
}
div#copymove_form > div {
  box-sizing: border-box;
  width: 100% !important;
  height: auto !important;
}
div#copymove_form select#external_repository {
  box-sizing: border-box;
  width: 100% !important;
  height: 30px !important;
}
div#copymove_form div#treeCopy {
  height: 254px !important;
}
div#copymove_form > input {
  box-sizing: border-box;
  width: 100% !important;
  background-color: #fff;
  padding: 5px;
}
div#external_download > div {
  padding: 10px 24px 52px !important;
}
div#external_download > div .dialoglegend {
  font-size: 14px;
  display: block;
  padding-bottom: 20px;
}
div#external_download > div input {
  width: 380px !important;
}
div.dialogBox.form-originalUploadForm #modalCloseBtn,
div.dialogBox.form-jumploader_form #modalCloseBtn,
div.dialogBox.form-external_download #modalCloseBtn,
div.dialogBox.form-plupload_form #modalCloseBtn {
  display: block;
  color: rgba(0, 0, 0, 0.53);
}
div.dialogBox.form-user_create_repository_form div#user_tpl_container {
  border: 0 !important;
  font-size: 13px;
  background-color: white !important;
  padding-bottom: 52px;
}
div.dialogBox.form-user_create_repository_form div#user_tpl_container div.panelHeader {
  padding-left: 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
div.dialogBox.form-user_create_repository_form div.dialogButtons {
  background-color: #ffffff;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}
div.dialogBox.form-installer_form div#progressCustomMessage {
  display: none;
}
div.dialogButtons.inlineEdition input {
  text-align: center;
  cursor: pointer;
  width: auto !important;
  min-width: 44px;
  font-weight: 500;
  font-family: Roboto, sans-serif;
}
.toolbars_buttons_mixin {
  box-sizing: border-box;
  height: 30px;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 500;
  color: #555;
  -webkit-font-smoothing: auto;
  border-radius: 3px;
  background: transparent;
  padding: 5px 8px;
  display: inline-block;
  text-align: center;
  margin: 0 2px 0 0;
  transition: all 550ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
}
.toolbars_buttons_mixin:hover {
  background-color: rgba(255, 255, 255, 0.9);
}
.toolbars_round_button_mixin {
  box-sizing: border-box;
  height: 30px;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 500;
  color: #555;
  -webkit-font-smoothing: auto;
  border-radius: 3px;
  background: transparent;
  padding: 5px 8px;
  display: inline-block;
  margin: 0 2px 0 0;
  transition: all 550ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  border-radius: 50%;
  width: 27px;
  height: 27px;
  background-color: rgba(255, 255, 255, 0.66);
  text-align: center;
  margin-left: 5px;
}
.toolbars_round_button_mixin:hover {
  background-color: rgba(255, 255, 255, 0.9);
}
.toolbars_round_button_mixin span.ajxp_icon_span {
  display: inline-block;
  color: #777;
  font-size: 13px;
  -webkit-font-smoothing: antialiased;
}
.toolbars_round_button_mixin:hover span.ajxp_icon_span {
  color: #ff796b;
}
.toolbars_round_button_mixin span.actionbar_button_label {
  display: none;
}
.toolbarGroup {
  display: inline-block;
}
.actionbar_button_label u {
  text-decoration: none;
}
#global_toolbar {
  display: none;
  height: 47px;
  overflow: hidden;
}
#global_toolbar #clickable_home,
#global_toolbar div.custom_top_title,
#global_toolbar img.custom_logo_image.linked {
  display: none;
  z-index: 1022;
}
#ajxp_desktop[class^="ajxp_ws-"] #global_toolbar,
#ajxp_desktop[class*=" ajxp_ws-"] #global_toolbar {
  height: 47px;
  padding: 0 15px 0 5px;
  background: #009688 no-repeat 7px 7px;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16), 0 2px 3px rgba(0, 0, 0, 0.43);
  z-index: 1021;
  display: block;
}
#ajxp_desktop[class^="ajxp_ws-"] #global_toolbar #clickable_home,
#ajxp_desktop[class*=" ajxp_ws-"] #global_toolbar #clickable_home,
#ajxp_desktop[class^="ajxp_ws-"] #global_toolbar div.custom_top_title,
#ajxp_desktop[class*=" ajxp_ws-"] #global_toolbar div.custom_top_title,
#ajxp_desktop[class^="ajxp_ws-"] #global_toolbar img.custom_logo_image.linked,
#ajxp_desktop[class*=" ajxp_ws-"] #global_toolbar img.custom_logo_image.linked {
  display: inherit;
}
#ajxp_desktop[class^="ajxp_ws-"] #global_toolbar #clickable_home,
#ajxp_desktop[class*=" ajxp_ws-"] #global_toolbar #clickable_home {
  position: absolute;
  width: 150px;
  height: 47px;
  cursor: pointer;
}
#ajxp_desktop[class^="ajxp_ws-"] #global_toolbar .custom_top_title,
#ajxp_desktop[class*=" ajxp_ws-"] #global_toolbar .custom_top_title {
  color: white;
}
#ajxp_desktop[class^="ajxp_ws-"] #global_toolbar #top_toolbar,
#ajxp_desktop[class*=" ajxp_ws-"] #global_toolbar #top_toolbar {
  float: right;
  margin-top: 11px;
}
#ajxp_desktop[class^="ajxp_ws-"] #global_toolbar #top_toolbar a,
#ajxp_desktop[class*=" ajxp_ws-"] #global_toolbar #top_toolbar a {
  font-size: 12px;
  letter-spacing: 1px;
  padding: 0 18px;
  color: #ffffff;
  display: inline-block;
}
#ajxp_desktop[class^="ajxp_ws-"] #global_toolbar #top_toolbar a span.ajxp_icon_span,
#ajxp_desktop[class*=" ajxp_ws-"] #global_toolbar #top_toolbar a span.ajxp_icon_span,
#ajxp_desktop[class^="ajxp_ws-"] #global_toolbar #top_toolbar a span.ajxp_icon_arrow,
#ajxp_desktop[class*=" ajxp_ws-"] #global_toolbar #top_toolbar a span.ajxp_icon_arrow {
  font-size: 1.0em;
  display: inline-block;
  padding: 0 4px;
}
#ajxp_desktop[class^="ajxp_ws-"] #global_toolbar #top_toolbar a img,
#ajxp_desktop[class*=" ajxp_ws-"] #global_toolbar #top_toolbar a img {
  display: none;
}
#ajxp_desktop.ajxp_ws-welcome #global_toolbar {
  position: absolute;
  display: block;
  width: 99%;
  background: transparent;
  background-image: none !important;
  box-shadow: none;
}
#ajxp_desktop.ajxp_ws-welcome #global_toolbar #clickable_home,
#ajxp_desktop.ajxp_ws-welcome #global_toolbar div.custom_top_title,
#ajxp_desktop.ajxp_ws-welcome #global_toolbar img.custom_logo_image.linked {
  display: none;
}
#files_list_header {
  font-size: 11px;
  padding: 3px 12px 4px 8px;
  height: 35px;
  letter-spacing: 0;
  background-color: #e8e8e8;
  color: #6f7b88;
  border-right: 0;
  overflow: hidden;
}
#files_list_header #display_toolbar {
  float: right;
  display: inline-block;
  min-width: 60px;
  text-align: right;
  padding-top: 4px;
}
#files_list_header #display_toolbar a {
  box-sizing: border-box;
  height: 30px;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 500;
  color: #555;
  -webkit-font-smoothing: auto;
  border-radius: 3px;
  background: transparent;
  padding: 5px 8px;
  display: inline-block;
  margin: 0 2px 0 0;
  transition: all 550ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  border-radius: 50%;
  width: 27px;
  height: 27px;
  background-color: rgba(255, 255, 255, 0.66);
  text-align: center;
  margin-left: 5px;
}
#files_list_header #display_toolbar a:hover {
  background-color: rgba(255, 255, 255, 0.9);
}
#files_list_header #display_toolbar a span.ajxp_icon_span {
  display: inline-block;
  color: #777;
  font-size: 13px;
  -webkit-font-smoothing: antialiased;
}
#files_list_header #display_toolbar a:hover span.ajxp_icon_span {
  color: #ff796b;
}
#files_list_header #display_toolbar a span.actionbar_button_label {
  display: none;
}
#files_list_header #display_toolbar a.disabled {
  display: none;
}
#files_list_header #display_toolbar a span.icon-caret-down.ajxp_icon_arrow {
  display: none;
}
#files_list_header #display_toolbar a span.icon-caret-left:before {
  content: "\f129";
}
#files_list_header #info_panel_toolbar,
#files_list_header #info_panel_share_toolbar {
  display: none;
}
#files_list_header #info_panel_toolbar a,
#files_list_header #info_panel_share_toolbar a {
  color: #009688;
}
#files_list_header #info_panel_toolbar a:hover,
#files_list_header #info_panel_share_toolbar a:hover {
  background-color: #c9fffa;
}
#files_list_header #info_panel_toolbar a.disabled,
#files_list_header #info_panel_share_toolbar a.disabled,
#files_list_header #info_panel_toolbar #open_with_unique_button,
#files_list_header #info_panel_share_toolbar #open_with_unique_button {
  display: none;
}
#files_list_pane.infoPanelFolded #info_panel_toolbar,
#files_list_pane.infoPanelFolded #info_panel_share_toolbar {
  display: inline-block;
}
#files_list_pane.infoPanelFolded #info_panel_toolbar span.ajxp_icon_span,
#files_list_pane.infoPanelFolded #info_panel_share_toolbar span.ajxp_icon_span {
  /*display: inline-block;*/
}
#files_list_pane.infoPanelFolded #info_panel_share_toolbar {
  border-right: 1px solid #d1d1d1;
}
@media only screen and (max-width: 1000px) {
  #files_list_pane.infoPanelFolded div.toolbarGroup a {
    padding-left: 2px;
    padding-right: 2px;
  }
}
@media only screen and (max-width: 860px) {
  #files_list_pane.infoPanelFolded div.toolbarGroup a {
    padding-left: 8px;
    padding-right: 8px;
  }
  #files_list_pane.infoPanelFolded div.toolbarGroup a span.actionbar_button_label {
    display: none;
  }
  #files_list_pane.infoPanelFolded div.toolbarGroup a span.ajxp_icon_span {
    display: inline-block;
  }
}
@media only screen and (max-width: 700px) {
  #files_list_pane.infoPanelFolded div.toolbarGroup a {
    padding-left: 4px;
    padding-right: 4px;
  }
}
#info_panel .toolbarGroup {
  margin-bottom: 10px;
}
#info_panel .toolbarGroup a {
  box-sizing: border-box;
  height: 30px;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 500;
  color: #555;
  -webkit-font-smoothing: auto;
  border-radius: 3px;
  background: transparent;
  padding: 5px 8px;
  display: inline-block;
  text-align: center;
  margin: 0 2px 0 0;
  transition: all 550ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  margin-right: 5px;
  background-color: transparent;
}
#info_panel .toolbarGroup a:hover {
  background-color: rgba(255, 255, 255, 0.9);
}
#info_panel .toolbarGroup a span.actionbar_button_label {
  display: block;
  text-transform: none;
  letter-spacing: 0;
  font-size: 12px;
  font-weight: 500;
  padding-top: 3px;
}
#info_panel .toolbarGroup a span.ajxp_icon_span {
  display: block;
  color: inherit;
  font-size: 18px;
}
#info_panel .toolbarGroup a:hover {
  background-color: transparent;
  color: #ff796b;
}
#info_panel .toolbarGroup a:hover span.ajxp_icon_span {
  color: #ff796b;
}
#info_panel .toolbarGroup a#open_with_button {
  position: absolute;
  margin-left: -25px;
}
#info_panel div#info_panel_share_toolbar a:hover {
  color: #4aceb0;
}
#info_panel div#info_panel_share_toolbar a:hover span.ajxp_icon_span {
  color: #4aceb0;
}
#default_toolbar a span.ajxp_icon_span {
  margin-right: 1px;
}
#default_toolbar span.icon-caret-down.ajxp_icon_arrow {
  color: #797979;
  margin-left: 3px;
}
#buttons_bar {
  padding-left: 0;
  overflow: hidden;
  padding-top: 3px;
}
#buttons_bar a,
#buttons_bar_top a {
  box-sizing: border-box;
  height: 30px;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 500;
  color: #555;
  -webkit-font-smoothing: auto;
  border-radius: 3px;
  background: transparent;
  padding: 5px 8px;
  display: inline-block;
  text-align: center;
  margin: 0 2px 0 0;
  transition: all 550ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  overflow: visible;
  outline: none;
  float: left;
}
#buttons_bar a:hover,
#buttons_bar_top a:hover {
  background-color: rgba(255, 255, 255, 0.9);
}
#buttons_bar_top {
  padding-left: 0;
  overflow: hidden;
  padding-top: 1px;
}
#buttons_bar span.ajxp_icon_span {
  display: none;
}
#buttons_bar #navigation_toolbar {
  padding: 0 6px;
}
#buttons_bar a#up_dir_button span.ajxp_icon_span {
  display: inline-block;
}
#buttons_bar a#up_dir_button span#up_dir_button_label {
  display: none;
}
#search_engine_cont {
  margin-top: 6px !important;
}
#search_engine_cont #put_toolbar a {
  background-color: transparent;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0;
  height: 50px;
  margin-right: 6px;
  border-radius: 0;
  border-left: 1px solid #ddd;
  text-transform: none;
}
#search_engine_cont #put_toolbar a span.ajxp_icon_span {
  font-size: 18px;
  display: block;
  float: none;
}
#search_engine_cont #put_toolbar a:hover {
  color: #ff796b;
}
#search_engine_cont #put_toolbar div.separator {
  margin-right: 10px;
}
#workspace_toolbar {
  padding: 0;
  overflow: hidden;
  background-color: #f5f5f5;
  height: 62px;
}
#workspace_toolbar a#ls_button {
  display: none;
}
#topPane div.FL-inlineToolbar {
  position: absolute;
  top: 6px;
  right: 40px;
  margin: 0;
  display: none;
}
#topPane div.thumbnail_selectable_cell:hover div.FL-inlineToolbar {
  display: block;
}
#topPane div.FL-inlineToolbar div.toolbarGroup {
  min-width: 0;
}
#topPane div.FL-inlineToolbar span.ajxp_icon_span {
  color: #eee;
}
#topPane div.FL-inlineToolbar span.actionbar_button_label {
  display: none !important;
}
#repo_chooser {
  background-color: #222;
  float: left;
  font-size: 15px;
  color: #ffffff;
  font-weight: normal;
  letter-spacing: 1px;
  margin-top: 0;
  cursor: pointer;
  padding: 21px 15px 21px 15px;
  border-right: 2px solid #333;
  height: 20px;
  width: 15px;
  transition: all 550ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
}
#repo_chooser:hover {
  background-color: #353535;
  color: white;
}
#repo_chooser.disabled {
  display: none;
}
#repo_chooser.open {
  background-color: #353535;
}
#repo_chooser span.icon-sitemap {
  font-size: 1.0em;
  padding-right: 5px;
  padding-top: 5px;
  display: inline-block;
}
#repo_chooser span.ws-label {
  display: inline-block;
  padding-top: 0;
  line-height: 20px;
}
#repo_chooser span.icon-caret-down {
  display: inline-block;
  padding-left: 3px;
}
#browser {
  clear: left;
  line-height: 18px;
}
.flexbox #browser {
  -ms-flex-direction: row;
      flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-align: stretch;
      align-items: stretch;
  -webkit-align-items: stretch;
}
#browser #topPane {
  width: 250px;
  background-color: #333333;
}
.no-flexbox #browser #topPane {
  float: left;
}
#browser #topPane #tree_container {
  overflow-x: hidden !important;
  font-family: Roboto, sans-serif;
  -webkit-font-smoothing: antialiased;
  /*margin-left: -10px;*/
}
#browser #topPane h3 {
  font-size: 13px;
  padding: 13px 8px 11px 17px;
  margin: 0;
  display: block;
  clear: left;
  font-weight: 500;
}
#browser #topPane h3 small {
  cursor: pointer;
  display: none;
  float: right;
  color: #aaa;
  background-color: #555;
  border-radius: 5px;
  text-transform: lowercase;
  padding: 0 8px;
  font-weight: normal;
  font-size: 10px;
  margin-left: 3px;
}
#browser #topPane h3:hover small,
#browser #topPane h3 small.simple-toggler-show {
  display: inline-block;
}
#browser #topPane h3 span.expand_label_hide,
#browser #topPane h3 small.expand_button_hide span.expand_label_show {
  display: none;
}
#browser #topPane h3 small.expand_button_hide span.expand_label_hide {
  display: inline;
}
#browser #topPane div.scrolling h3 {
  padding-right: 16px;
}
#browser #topPane div.droppableZone {
  background-color: rgba(255, 255, 255, 0.2) !important;
}
#browser #topPane div.thumbnail_selectable_cell.detailed:hover {
  background-color: rgba(255, 255, 255, 0.15);
}
#browser #topPane div.thumbnail_selectable_cell.detailed div.thumbLabel {
  color: #ccc;
}
#browser #topPane div.thumbnail_selectable_cell.detailed.selected.selected-focus div.thumbLabel {
  color: #fff;
}
#browser #topPane div.no-results-found {
  padding: 0 24px;
  font-size: 12px;
  font-style: italic;
  color: #ccc;
}
#browser #topPane div.thumbnail_selectable_cell.detailed > div.thumbnail_selectable_cell {
  display: none;
}
#browser #topPane div.thumbnail_selectable_cell.detailed div.thumbLabel {
  padding-top: 7px;
  padding-bottom: 7px;
}
#browser #topPane div.thumbnail_selectable_cell.detailed div.thumbLabel:before {
  content: "\f114";
  font-size: 1.3em;
  font-family: FontAwesome;
  padding: 13px 13px;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
}
#browser #topPane div.thumbnail_selectable_cell.detailed.ajxpNodeLeaf div.thumbLabel:before {
  content: "\f016";
}
.no-flexbox #browser #cpane_container {
  position: absolute;
  left: 250px;
}
#browser #cpane_container #cpane_tabs > div.tabulatorContainer {
  border-bottom: 0;
  /*transition: height 0.5s ease;*/
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
  background-color: #f7f7f7;
}
#browser #cpane_container #cpane_tabs[data-ajxptabscount="1"] > div.tabulatorContainer {
  height: 0;
}
#browser #cpane_container #cpane_tabs #content_pane.class-FilesList {
  background-color: #fff;
  font-family: Roboto, sans-serif;
  -webkit-font-smoothing: antialiased;
}
#browser #cpane_container #cpane_tabs #content_pane.class-FilesList div.thumbnail_selectable_cell span.metadata_chunk.metadata_chunk_standard {
  display: none;
}
#browser #cpane_container #cpane_tabs #content_pane.class-FilesList div.thumbnail_selectable_cell span.metadata_chunk.metadata_chunk_standard.metadata_chunk_ajxp_modiftime {
  display: none;
}
#browser #cpane_container #cpane_tabs #content_pane.class-FilesList div.thumbnail_selectable_cell:hover span.metadata_chunk.metadata_chunk_standard,
#browser #cpane_container #cpane_tabs #content_pane.class-FilesList div.thumbnail_selectable_cell.selected span.metadata_chunk.metadata_chunk_standard,
#browser #cpane_container #cpane_tabs #content_pane.class-FilesList div.thumbnail_selectable_cell.selected-focus span.metadata_chunk.metadata_chunk_standard {
  display: inline ;
}
#browser #cpane_container #cpane_tabs #content_pane.class-FilesList div.panelHeader {
  display: none;
}
.menu.desktop a#action_instance_share-file-minisite.enabled:hover,
.menu.desktop a#action_instance_share-folder-minisite-public.enabled:hover,
.menu.desktop a#action_instance_share-edit-shared.enabled:hover {
  background-color: #4aceb0;
}
span#alerts_number {
  display: inline-block;
  font-size: 13px;
  background-color: #f5c781;
  color: black;
  border-radius: 20px;
  padding: 0 6px;
}
#action_instance_user_create_repository {
  font-size: 14px;
  line-height: 21px;
}
.colorcode-alert,
span.overlay-class-span.icon-eye-open {
  color: #f5c781;
}
.colorcode-shared,
span.overlay-class-span.icon-share-sign,
span.overlay-class-span.mdi.mdi-share-variant {
  color: #4aceb0;
}
.selected .colorcode-shared,
.selected span.overlay-class-span.icon-share-sign,
.selected span.overlay-class-span.mdi.mdi-share-variant {
  color: #ffffff;
}
.colorcode-bookmark,
span.overlay-class-span.icon-bookmark,
span.overlay-class-span.icon-bookmark-empty {
  color: #77b8e2;
}
.colorcode-folder {
  color: #ff796b;
}
/*********************
ADMIN STYLES
**********************/
#users_list,
#repo_list {
  height: 299px;
  width: 200px;
  float: left;
  padding-top: 5px;
  overflow: auto;
}
#users_detail_panel,
#repo_detail_panel {
  width: 438px;
  height: 299px;
  float: left;
  border-left: 1px solid #bbb;
  overflow: auto;
}
#repo_list {
  height: 294px;
}
#repo_detail_panel fieldset {
  margin: 10px;
  font-size: 13px;
}
.metaPane {
  margin-bottom: 5px;
  margin-top: 2px;
  padding: 0 5px 31px;
  width: 96%;
}
.metaPane img,
img.metaPaneTitle {
  float: right;
  cursor: pointer;
  margin-left: 3px;
}
img.metaPaneTitle {
  display: none;
}
div.accordion_toggle_active img.metaPaneTitle {
  display: inline;
}
.metaPane span.title {
  font-weight: bold;
}
.users_list_title {
  font-size: 20px;
  font-weight: bold;
  color: white;
  padding-left: 5px;
  border-bottom: 1px solid white;
  background-color: #bbb;
}
.user {
  padding-top: 15px;
  padding-left: 5px;
  padding-bottom: 15px;
  background-color: #fff;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #fff;
  margin-left: 5px;
}
.user_id,
.user_data,
.repository,
.password {
  font-size: 11px;
}
.config_subblock {
  border: 1px dotted #ccc;
  padding: 5px 10px;
  margin-bottom: 10px;
}
.user_data {
  background-color: #fff;
}
fieldset {
  border: 1px solid #ccc;
  padding: 10px;
  padding-top: 5px;
  margin-bottom: 5px;
}
legend {
  color: #5C5C5C;
}
legend a {
  text-decoration: none;
  cursor: pointer;
}
legend a.active {
  background-color: transparent;
  color: #87A9C4;
  text-decoration: none;
  cursor: default;
  font-size: 1.1em;
}
.repository,
.repository td,
.password td {
  padding: 1px;
}
.repository td {
  vertical-align: bottom;
  line-height: 19px;
  padding: 6px 0 5px 6px;
}
.repository input,
.user_delete_confirm {
  border: none;
  margin-left: 1px;
  margin-top: 0;
  padding: 0;
}
.user_data {
  padding: 10px;
  /*padding-right: 20px;*/
}
.user_id {
  cursor: pointer;
  font-size: 17px;
}
.user_id b {
  color: #5C5C5C;
}
#user_admin_bar,
#repo_create_form,
#log_chooser {
  padding: 15px;
  font-size: 12px;
  border: 0 solid #ddd;
  background-color: #ddd;
  border-bottom: 1px solid #bbb;
}
#user_admin_bar input,
.password input {
  height: 18px;
  width: 90px;
  font-size: 12px;
  padding: 0;
  margin-left: 0;
  margin-right: 5px;
}
#user_admin_bar .submit_button,
.password .submit_button,
#options_pane .submit_button,
.password .submit_button {
  width: 30px;
}
#user_admin_bar b,
#repo_create_form b,
#log_chooser b {
  font-size: 15px;
  color: #5C5C5C;
}
#user_pref_form input {
  width: 65px;
  padding: 0;
  margin-right: 5px;
}
#user_pref_form input.radio {
  width: 20px;
  border: 0;
  background-image: none;
}
#repo_create_form select {
  border: 1px solid #5E7C90;
  height: 20px;
  width: 160px;
}
#user_acl {
  font-size: 1.1em;
}
div#available_roles,
div#user_roles {
  padding: 0;
  border: 1px solid #aaa;
  width: 100%;
  height: 110px;
  overflow: auto;
  border-radius: 3px;
}
div#rights_pane {
  border: 1px solid #aaa;
  _height: 150px;
  max-height: 150px;
  overflow: auto;
  margin-top: 5px;
  padding: 2px 0;
  width: 100%;
}
div.ajxp_role {
  background-color: #FFFFFF;
  border-left: 7px solid #DDDDDD;
  cursor: move;
  margin: 2px;
  padding: 3px 5px;
  border-radius: 2px;
}
div.user_role {
  opacity: 1 !important;
  -moz-opacity: 1 !important;
  filter: alpha(opacity=100) !important;
}
.roles_hover {
  border: 1px solid #ffffef;
}
.share_info_panel_main_legend {
  padding: 10px 0;
  font-size: 1.5em;
  color: #555;
  line-height: 1.4em;
}
input.share_info_panel_link {
  margin: 0;
  width: 96%;
  padding: 5px;
  text-align: center;
  font-size: 1em;
  background-color: transparent;
  border-color: #ccc;
}
input.share_info_panel_link_expired {
  color: #999;
  text-decoration: line-through;
}
/***********************/
/* EDITORS & DIAPORAMA */
/***********************/
textarea.editor {
  background-color: white;
  font-family: monospace;
  font-size: 13px;
  line-height: 16px;
}
.diaporamaButton {
  filter: alpha(opacity=40);
  opacity: 0.4;
  -moz-opacity: 0.4;
}
.diaporamaButtonActive,
.diaporamaButton:hover {
  filter: alpha(opacity=100);
  opacity: 1;
  -moz-opacity: 1;
}
#diaporamaMetadataContainer {
  background-color: #757575;
}
#diaporamaMetadataContainer div.panelContent {
  background-color: #ebedf0;
  margin-right: 3px;
}
#diaporamaMetadataContainer div.infoPanelImagePreview {
  border-radius: 7px;
}
#diaporamaSplitter div.vsplitbar {
  background-color: #757575;
}
#diaporamaMetadataContainer div.scroller_track {
  right: 3px;
}
#diaporamaMetadataContainer div.imagePreviewOverlay {
  background-color: rgba(0, 0, 0, 0.2) !important;
  opacity: 1 !important;
}
div.icons_only.diaporama_toolbar {
  height: 33px !important;
  width: 470px;
  max-width: 80%;
}
div.diaporama_toolbar div#diaporama_legend {
  display: none;
}
div.diaporama_toolbar div#diaporama_input_boxes {
  margin-top: 6px !important;
}
#diaporama_box {
  position: relative;
}
.editor_container {
  background-color: #fff;
}
#codemirror_box div.action_bar.editor_action_bar {
  right: 0;
  padding: 4px;
}
.video-js-box {
  margin-left: 10px !important;
}
#cpane_tabs div.video-js-box {
  margin-left: 0 !important;
}
.video-js-box.vjs-fullscreen {
  margin-left: 0 !important;
}
#sm2-container {
  position: absolute;
  top: -1000px;
}