/*
Temporary setup: symlink this file to ../../gui.ajax/res/mui/mui_sources/veraibles/colors.less
*/
#ajxp_desktop.ajxp_ws-settings #global_toolbar {
  display: none;
}
.text-overflow-ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.react-mui-context {
  /******************/
  /*    PLUGINS     */
  /******************/
  /**************/
  /* SEARCH BOX */
  /**************/
  /******************/
  /* LOGS DASHBOARD */
  /******************/
  /****************/
  /* DASHBOARD    */
  /****************/
  /*****************/
  /* TODO LIST     */
  /*****************/
  /*****************/
  /* PEOPLE        */
  /*****************/
  /*********************/
  /* UPDATER
  /*********************/
  /*********************/
  /* BOOSTER PANEL & WIDGET
  /*********************/
  /*********************/
  /* PERFORMANCE PANEL
  /*********************/
  /*********************/
  /* WORKSPACES
  /*********************/
  /*************************/
  /*    OSS CREDITS        */
  /*************************/
  /************************/
  /* SCHEDULER            */
  /************************/
  /********************/
  /* OVERRIDE STYLES  */
  /********************/
  /******************/
  /* ADMIN MAIN NAV */
  /******************/
}
.react-mui-context h1 {
  padding: 16px 20px;
}
.react-mui-context h1.admin-panel-title {
  padding: 16px 16px 0;
}
.react-mui-context .main-layout-nav-to-stack .left-nav .plugin-doc-pane {
  clear: both;
  padding: 0 20px;
  max-height: 51px;
  overflow: hidden;
  transition: max-height 550ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
}
.react-mui-context .main-layout-nav-to-stack .left-nav .plugin-doc-pane p {
  display: inline;
}
.react-mui-context .main-layout-nav-to-stack .left-nav .plugin-doc-pane ul.pluginfo_list {
  display: none;
}
.react-mui-context .main-layout-nav-to-stack .left-nav div.plugin-doc-error {
  padding: 5px 10px;
  background-color: #ffe0b2;
  border-radius: 3px;
  margin: 0px 20px 5px;
}
.react-mui-context .main-layout-nav-to-stack .left-nav div.plugin-doc-error a {
  text-decoration: underline;
  cursor: pointer;
}
.react-mui-context .main-layout-nav-to-stack .left-nav .plugin-doc-toggle {
  height: 24px;
  background-color: rgba(230, 230, 230, 0.67);
  text-align: center;
  color: #A1A1A1;
  margin: 0 20px 8px;
  border-radius: 2px;
  font-size: 24px;
  cursor: pointer;
}
.react-mui-context .main-layout-nav-to-stack .left-nav .plugin-doc-open .plugin-doc-pane {
  max-height: 250px;
  overflow-y: auto;
}
.react-mui-context .main-layout-nav-to-stack.plugin-board .left-nav {
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0);
  height: 123px;
  overflow: hidden;
  border-bottom: 0;
  padding: 10px 5px;
}
.react-mui-context .main-layout-nav-to-stack.plugin-board .pydio-form-panel.row-flex {
  background-color: #f4f4f4 !important;
}
.react-mui-context .main-layout-nav-to-stack.plugin-board .pydio-form-panel.row-flex .pydio-form-group {
  background-color: white !important;
}
.react-mui-context .main-layout-nav-to-stack.plugin-board.main-pane-scrolled .left-nav {
  background-color: rgba(255, 255, 255, 0.88);
  position: absolute;
  z-index: 8;
  left: 0;
  right: 0;
  border-radius: 0;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.27);
  height: 76px;
  padding: 0;
}
@media only screen and (max-width: 420px) {
  .react-mui-context .main-layout-nav-to-stack.plugin-board.main-pane-scrolled .left-nav {
    left: 0;
    height: 110px;
  }
}
.react-mui-context .main-layout-nav-to-stack.plugin-board.main-pane-scrolled .pydio-form-panel.row-flex {
  padding-top: 88px;
}
.react-mui-context .main-layout-nav-to-stack.plugin-board .plugin-doc {
  margin: 0 24px;
}
.react-mui-context .main-layout-nav-to-stack.plugin-board .plugin-doc b {
  font-weight: 500;
}
.react-mui-context .main-layout-nav-to-stack.plugin-board .plugin-doc .plugin-doc-pane h1,
.react-mui-context .main-layout-nav-to-stack.plugin-board .plugin-doc .plugin-doc-pane h2,
.react-mui-context .main-layout-nav-to-stack.plugin-board .plugin-doc .plugin-doc-pane h3,
.react-mui-context .main-layout-nav-to-stack.plugin-board .plugin-doc .plugin-doc-pane h4 {
  font-size: 22px;
  padding: 16px 0 0;
  margin: 0;
  color: rgba(0, 0, 0, 0.73);
}
.react-mui-context .main-layout-nav-to-stack.plugin-board .plugin-doc .plugin-doc-pane h2 {
  font-size: 20px;
}
.react-mui-context .main-layout-nav-to-stack.plugin-board .plugin-doc .plugin-doc-pane h3 {
  font-size: 18px;
}
.react-mui-context .main-layout-nav-to-stack.plugin-board .plugin-doc .plugin-doc-pane h4 {
  font-size: 16px;
}
.react-mui-context .main-layout-nav-to-stack.plugin-board .plugin-doc span.pluginfo_key {
  display: inline-block;
  margin-right: 4px;
  font-weight: 500;
}
.react-mui-context .main-layout-nav-to-stack.plugin-board .plugin-doc span.pluginfo_key:after {
  content: ':';
}
.react-mui-context .main-layout-nav-to-stack.plugin-board.edit-plugin-inpane .left-nav {
  background-color: #424242;
  color: white;
}
.react-mui-context .main-layout-nav-to-stack.plugin-board.edit-plugin-inpane .left-nav h1 {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: white;
  max-width: 58%;
  font-size: 32px;
}
@media only screen and (max-width: 950px) {
  .react-mui-context .main-layout-nav-to-stack.plugin-board.edit-plugin-inpane .left-nav h1 {
    max-width: 45%;
  }
}
@media only screen and (max-width: 758px) {
  .react-mui-context .main-layout-nav-to-stack.plugin-board.edit-plugin-inpane .left-nav h1 {
    max-width: 100%;
  }
}
@media only screen and (max-width: 758px) {
  .react-mui-context .main-layout-nav-to-stack.plugin-board.edit-plugin-inpane .left-nav div.buttons-cont {
    margin: 0;
  }
}
.react-mui-context .main-layout-nav-to-stack.plugin-board.edit-plugin-inpane .pydio-form-group {
  min-width: 47%;
  margin: 2% 0 0 2%;
}
@media only screen and (max-width: 420px) {
  .react-mui-context .main-layout-nav-to-stack .plugin-doc-pane {
    max-height: 125px;
    overflow-y: auto;
  }
  .react-mui-context .main-layout-nav-to-stack .plugin-doc-pane .pluginfo_list {
    display: none;
  }
}
.react-mui-context .material-list.plugins-list {
  height: 100%;
}
.react-mui-context .material-list.plugins-list .material-list-actions {
  padding-top: 14px;
}
.react-mui-context .material-list.plugins-list .plugins-list-actions {
  margin-right: 0;
}
.react-mui-context .material-list.plugins-list .plugins-list-actions .mui-toggle {
  float: left;
  width: 45px;
  margin-top: 10px;
}
.react-mui-context .material-list.plugins-list .plugins-list-actions .plugin-edit {
  float: left;
}
.react-mui-context .material-list.plugins-list .plugins-list-actions .plugin-edit .mdi-pencil {
  font-size: 17px;
  color: rgba(0, 0, 0, 0.54);
}
.react-mui-context .plugin-editor-close {
  position: absolute;
  right: 10px;
  top: 74px;
}
.react-mui-context .searchbox-input-fill .mui-text-field {
  width: 100%;
}
.react-mui-context .logger-filterInput {
  float: right;
}
.react-mui-context .logger-dateInput {
  float: right;
  margin-top: 24px;
  position: relative;
  width: 90px;
  overflow: hidden;
  margin-right: 16px;
}
.react-mui-context .logger-dateInput .datepicker-legend {
  position: absolute;
  top: -4px;
  left: 0;
  font-size: 10px;
}
.react-mui-context .export-log-dialog .mui-text-field {
  width: 140px;
}
@media only screen and (min-width: 480px) and (max-width: 710px) {
  .react-mui-context .logs-dashboard h1 {
    font-size: 30px;
  }
}
@media only screen and (max-width: 520px) {
  .react-mui-context .logs-dashboard h1 {
    display: none;
  }
}
.react-mui-context .logs-dashboard .material-list.logs-list .cell.cell-date {
  width: 15%;
}
.react-mui-context .logs-dashboard .material-list.logs-list .cell.cell-ip,
.react-mui-context .logs-dashboard .material-list.logs-list .cell.cell-level {
  width: 5%;
}
.react-mui-context .logs-dashboard .material-list.logs-list .cell.cell-params {
  width: 45%;
}
@media only screen and (min-width: 480px) and (max-width: 760px) {
  .react-mui-context .logs-dashboard .material-list.logs-list .cell {
    width: 17% !important;
  }
  .react-mui-context .logs-dashboard .material-list.logs-list .cell.cell-params {
    display: block;
    width: 100% !important;
    padding-top: 16px;
    color: #adadad;
    text-align: left;
  }
  .react-mui-context .logs-dashboard .material-list.logs-list .cell.cell-params::before {
    content: attr(data-label) ': ';
    font-weight: 500;
  }
  .react-mui-context .logs-dashboard .material-list.logs-list .cell.cell-params.header_cell {
    display: none;
  }
}
.react-mui-context .logs-dashboard .log-detail {
  padding: 5px 0;
}
.react-mui-context .logs-dashboard .log-detail .log-detail-label {
  font-weight: 500;
  color: rgba(0, 0, 0, 0.54);
}
.react-mui-context .logs-dashboard .log-detail .log-detail-value {
  word-break: break-all;
  user-select: initial;
}
.react-mui-context .logs-filter {
  float: right;
  padding-top: 21px;
  height: 50px;
  overflow: visible;
}
.react-mui-context .logs-filter .mui-menu {
  max-width: 124px;
}
.react-mui-context .recent-logs {
  overflow-y: auto;
  height: 320px;
}
.react-mui-context .recent-logs .log {
  padding: 16px;
  border-top: 1px solid #eee;
  line-height: 20px;
}
.react-mui-context .recent-logs .log .log-title .log-action {
  font-size: 17px;
  font-weight: 400;
}
.react-mui-context .recent-logs .log .log-title .log-date {
  color: rgba(0, 0, 0, 0.23);
  float: right;
  font-size: 12px;
}
.react-mui-context .recent-logs .log .log-meta {
  clear: both;
  margin-bottom: 1px;
  font-size: 14px;
}
.react-mui-context .recent-logs .log .log-data {
  font-size: 14px;
  font-weight: 300;
}
.react-mui-context .recent-logs .log.log-ERROR .log-action,
.react-mui-context .recent-logs .log.log-WARNING .log-action {
  color: #7A0D0F;
}
.react-mui-context .recent-logs .log.log-ERROR .log-date,
.react-mui-context .recent-logs .log.log-WARNING .log-date {
  color: rgba(122, 13, 15, 0.5);
}
.react-mui-context .home-dashboard {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 8px;
  overflow: auto;
  background-color: #f4f4f4;
}
.react-mui-context .home-dashboard > .dashboard-layout div.react-grid-item h4 {
  margin-left: 16px;
  cursor: move;
  font-weight: 400;
}
.react-mui-context .home-dashboard > .dashboard-layout div.react-grid-item .card-close-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.52);
  z-index: 100;
  display: flex;
}
.react-mui-context .home-dashboard > .dashboard-layout div.react-grid-item .card-close-button {
  margin: auto;
  color: white;
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.19);
}
.react-mui-context .home-dashboard .screencast {
  float: left;
  width: 230px;
  margin: 14px;
  border: 3px solid #EEEEEE;
  border-radius: 4px;
  padding: 0;
  height: 186px;
}
.react-mui-context .home-dashboard .screencast img {
  width: 100%;
}
.react-mui-context .home-dashboard .getting-started-content {
  max-height: 100px;
  padding-right: 16px;
  overflow-y: auto;
}
@media only screen and (max-width: 720px) {
  .react-mui-context .home-dashboard .screencast {
    display: none;
  }
  .react-mui-context .home-dashboard .getting-started-content {
    padding-left: 16px;
  }
}
.react-mui-context .graphs-paginator {
  float: right;
  margin-right: 8px;
  margin-top: 8px;
}
.react-mui-context .graphs-paginator > * {
  float: left;
}
.react-mui-context .graphs-paginator .icon-calendar,
.react-mui-context .graphs-paginator .icon-anchor {
  font-size: 18px;
}
.react-mui-context .graphs-paginator .paginator-dates {
  width: 220px;
}
.react-mui-context .graphs-paginator .paginator-dates .mui-date-picker {
  float: left;
  margin: 0 4px;
}
.react-mui-context .graphs-paginator .paginator-dates .mui-date-picker .mui-text-field {
  width: 100px;
  text-align: center;
}
.react-mui-context .graphs-card {
  background-color: white;
}
.react-mui-context .graphs-badge {
  width: 150px;
  height: 70px;
  position: relative;
  background-color: white;
}
.react-mui-context .graphs-badge .badge-canvas-container {
  position: absolute;
  top: 0;
  left: 0;
  bottom: -5px;
  right: -5px;
}
.react-mui-context .graphs-badge .graph-loading {
  display: none;
}
.react-mui-context .graphs-badge .badge-content {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  text-align: left;
  padding-left: 16px;
  width: 100%;
}
.react-mui-context .graphs-badge .badge-content h4 {
  padding-top: 18px;
  margin-bottom: 3px;
  font-size: 34px;
  margin-left: 0 !important;
  font-weight: 400;
}
.react-mui-context .graphs-badge .badge-content h4.text {
  font-size: 22px;
}
.react-mui-context .graphs-badge .badge-content .legend {
  color: rgba(0, 0, 0, 0.5);
}
.react-mui-context .graphs-badge.most-active-badge .badge-content {
  border-left-color: white;
}
.react-mui-context .doughnut-chart {
  text-align: center;
  position: relative;
}
.react-mui-context .doughnut-chart .figure {
  position: absolute;
  display: block;
  top: 53%;
  font-size: 26px;
  width: 100%;
  text-align: center;
  padding-left: 5px;
}
.react-mui-context .server-status {
  height: 190px;
}
.react-mui-context .server-status .doughnut-chart {
  float: left;
  width: 50%;
}
.react-mui-context .server-loads {
  text-align: center;
}
.react-mui-context .server-loads .server-load {
  display: inline-block;
  font-size: 22px;
  margin: 0 16px;
  width: 50px;
  text-align: center;
}
.react-mui-context .server-loads .server-load.legend {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.23);
}
.react-mui-context .quick-links {
  /*background-color: rgba(145, 217, 216, 0.32) !important;*/
}
.react-mui-context .quick-links > div.mui-paper-container {
  display: flex;
  align-items: flex-start;
}
.react-mui-context .quick-links > div.mui-paper-container h4 {
  padding-top: 11px;
  flex-shrink: 0;
  font-weight: 400;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.react-mui-context .quick-links .mui-flat-button {
  margin-top: 7px;
  margin-left: 12px;
  white-space: nowrap;
}
.react-mui-context .quick-links .mui-icon-button {
  position: absolute;
  right: 0;
  padding-top: 17px;
  background-color: transparent;
}
.react-mui-context .quick-links .mui-icon-button .mdi-pencil,
.react-mui-context .quick-links .mui-icon-button .icon-ok {
  font-size: 15px;
}
.react-mui-context .quick-links .mui-drop-down-menu {
  height: 46px;
  width: 200px;
  background-color: white;
  margin-top: 2px;
  margin-left: 2px;
}
.react-mui-context .quick-links .mui-drop-down-menu .mui-menu-label {
  line-height: 50px;
}
.react-mui-context .quick-links .mui-drop-down-menu .mui-menu-drop-down-icon {
  top: 13px;
}
.react-mui-context .quick-links .mui-drop-down-menu .mui-menu-item {
  padding-left: 16px;
}
.react-mui-context .quick-links .mui-drop-down-menu .mui-menu-item .mui-menu-item-icon {
  font-size: 16px;
  line-height: 32px;
  margin-right: 16px;
}
.react-mui-context .quick-links .mui-drop-down-menu .mui-menu.mui-visible {
  min-height: 200px !important;
  overflow: hidden;
}
.react-mui-context .quick-links .mui-drop-down-menu .mui-menu.mui-visible > div.mui-paper-container {
  overflow-y: auto !important;
  height: 100%;
}
.react-mui-context .todo-list > div.mui-paper-container {
  display: flex;
  flex-direction: column;
}
.react-mui-context .todo-list > div.mui-paper-container h4 {
  margin-bottom: 0;
}
.react-mui-context .todo-list > div.mui-paper-container > div.todo-add-bar {
  padding: 0 16px;
}
.react-mui-context .todo-list > div.mui-paper-container > div.todo-add-bar .mui-text-field {
  width: 100%;
}
.react-mui-context .todo-list > div.mui-paper-container > div.tasks-list {
  flex: 1;
  padding: 0 0 0 16px;
  overflow-y: auto;
  overflow-x: hidden;
}
.react-mui-context .todo-list > div.mui-paper-container > div.tasks-list > div.todo-item {
  width: 87%;
  height: 35px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.react-mui-context .todo-list > div.mui-paper-container > div.tasks-list > div.todo-item .mui-checkbox {
  width: 10px;
}
.react-mui-context .todo-list > div.mui-paper-container > div.tasks-list > div.todo-item p {
  flex: 1;
  margin: 0;
  padding: 0;
  justify-content: center;
  display: inline;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.react-mui-context .todo-list > div.mui-paper-container > div.tasks-list > div.todo-item p.task-done {
  text-decoration: line-through;
  color: grey;
}
.react-mui-context .todo-list > div.mui-paper-container > div.tasks-list > div.todo-item .delete-todo-item-button {
  width: 10px;
  opacity: 0.5;
  cursor: pointer;
}
.react-mui-context .people-dashboard .users-groups-tree li.treenode_data_users > ul > li.treenode_data_users {
  display: none;
}
.react-mui-context .people-dashboard .listentry_data_users .material-list-actions .icon-trash {
  display: none;
}
.react-mui-context .people-dashboard .people-title {
  background-color: #f5f5f5;
  /*border-bottom: 1px solid rgba(224,224,224,1);*/
  align-items: flex-end;
}
.react-mui-context .people-dashboard .people-title h1 {
  padding: 16px 20px !important;
  padding-bottom: 0 !important;
}
.react-mui-context .people-dashboard .people-title .search-box {
  margin: 6px;
  overflow: visible;
}
.react-mui-context .people-dashboard .people-title .buttonContainer {
  float: right;
  margin-left: 10px;
}
@media only screen and (max-width: 480px) {
  .react-mui-context .people-dashboard .people-title .buttonContainer {
    position: absolute;
    top: 80px;
    right: 0;
  }
}
.react-mui-context .people-dashboard .mui-tab-item-container {
  height: 56px;
  background-color: #F5F5F5 !important;
  border-bottom: 1px solid #E0E0E0;
}
.react-mui-context .people-dashboard .mui-tab-item-container .mui-tab-item {
  line-height: 56px;
  font-size: 14px;
  text-transform: uppercase;
  color: #454545;
}
.react-mui-context .people-dashboard .mui-tab-item-container .mui-tab-item.mui-tab-is-active {
  color: #454545 !important;
}
.react-mui-context .people-dashboard .mui-tab-template {
  display: flex;
  flex-direction: column;
}
.react-mui-context .people-dashboard .people-tree {
  transition: all 550ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  width: 256px;
  border-right: 1px solid #e0e0e0;
  overflow-y: auto;
}
.react-mui-context .people-dashboard .people-tree .tree-title {
  padding: 18px 16px !important;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 14px;
  background-color: #fafafa;
}
.react-mui-context .people-dashboard .people-tree > ul > li > div {
  padding-left: 16px !important;
}
.react-mui-context .people-dashboard .people-tree > ul > li > div .tree-icon {
  display: none;
}
.react-mui-context .people-dashboard .people-tree > ul > li > div .tree-icon.icon-folder-close {
  display: inline;
}
.react-mui-context .people-dashboard .role-panel {
  overflow: hidden;
  margin-left: 0;
  transition: all 550ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  width: 0;
  align-items: flex-end !important;
}
.react-mui-context .people-dashboard .role-panel > div {
  width: 256px !important;
}
.react-mui-context .people-dashboard .role-panel .material-list-icon {
  width: 50px !important;
}
.react-mui-context .people-dashboard .role-panel .material-list-actions {
  display: none;
}
.react-mui-context .people-dashboard.role-panel-open .role-panel {
  width: 256px;
  border-right: 1px solid #e0e0e0;
}
@media only screen and (max-width: 720px) {
  .react-mui-context .people-dashboard .search-box {
    position: absolute;
    width: 270px;
    left: 78px;
    top: 100px;
  }
}
@media only screen and (max-width: 480px) {
  .react-mui-context .people-dashboard .search-box {
    /*display: none;*/
    left: 24px;
  }
  .react-mui-context .people-dashboard .mui-toolbar-group.mui-right .mui-drop-down-menu {
    display: none;
  }
  .react-mui-context .people-dashboard h1 {
    text-align: left;
  }
  .react-mui-context .people-dashboard .search-results-title {
    display: none;
  }
}
@media only screen and (min-width: 768px) {
  .react-mui-context div.update-checker .pydio-form-panel .pydio-form-group,
  .react-mui-context div.booster-panel .pydio-form-panel .pydio-form-group {
    width: 47% !important;
  }
  .react-mui-context div.update-checker .pydio-form-panel .pydio-form-group:first-of-type,
  .react-mui-context div.booster-panel .pydio-form-panel .pydio-form-group:first-of-type {
    width: 96% !important;
  }
}
@media only screen and (min-width: 1200px) {
  .react-mui-context div.update-checker .pydio-form-panel .pydio-form-group,
  .react-mui-context div.booster-panel .pydio-form-panel .pydio-form-group {
    width: 48% !important;
  }
  .react-mui-context div.update-checker .pydio-form-panel .pydio-form-group:first-of-type,
  .react-mui-context div.booster-panel .pydio-form-panel .pydio-form-group:first-of-type {
    width: 97% !important;
  }
}
.react-mui-context div.booster-panel span.icon-bookmark-empty {
  font-size: 16px;
  color: #535353;
  opacity: 0.5;
}
.react-mui-context div.booster-panel span.icon-bookmark-empty:hover {
  opacity: 1;
}
.react-mui-context div.booster-panel div.booster-controls {
  float: right;
  margin: 10px 0;
  color: #009688;
}
.react-mui-context div.booster-panel div.booster-download-button {
  float: right;
  margin: 10px;
}
.react-mui-context div.booster-panel div.booster-require-reload {
  display: inline-block;
  padding: 5px 10px;
  background-color: #ffe0b2;
  border-radius: 3px;
  margin-bottom: 5px;
}
.react-mui-context div.booster-panel div.booster-require-reload a {
  cursor: pointer;
}
.react-mui-context div.booster-panel div.booster-logs-panel {
  height: 300px;
  overflow: scroll;
  box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.25);
  padding: 10px;
  background-color: #424242;
  margin: 0 0 20px;
  border-radius: 2px;
}
.react-mui-context div.booster-panel div.booster-logs-panel div.booster-log {
  white-space: nowrap;
  padding: 0;
  font-family: Courier;
  color: white;
  font-weight: bold;
}
.react-mui-context div.booster-panel div.pydio-booster-statuses {
  margin-top: 20px;
  display: flex;
  box-sizing: border-box;
}
.react-mui-context div.booster-panel div.pydio-booster-statuses div.booster-process-status {
  text-align: center;
  padding: 10px 5px;
  margin: 0 5px 10px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.16), 0 1px 3px rgba(0, 0, 0, 0.43);
}
.react-mui-context div.booster-panel div.pydio-booster-statuses div.booster-process-status h5 {
  margin-bottom: 5px;
  font-size: 18px;
}
.react-mui-context div.booster-panel div.pydio-booster-statuses div.booster-process-status div.message {
  color: rgba(0, 0, 0, 0.33);
}
.react-mui-context div.booster-panel div.pydio-booster-statuses div.booster-process-status div.status {
  font-size: 1.5em;
  padding: 5px;
}
.react-mui-context div.booster-panel div.pydio-booster-statuses div.booster-process-status.process-has-success div.status {
  color: green;
}
.react-mui-context div.booster-panel div.pydio-booster-statuses div.booster-process-status.process-has-error div.status {
  color: red;
}
.react-mui-context div.booster-panel div.pydio-booster-statuses div.booster-process-status.process-has-error div.message {
  color: rgba(255, 0, 0, 0.51);
}
.react-mui-context div.booster-panel div.pydio-booster-statuses div.booster-process-status.process-is-inactive div.status {
  color: rgba(0, 0, 0, 0.33);
}
.react-mui-context div.booster-widget h4 {
  padding-top: 10px;
}
.react-mui-context div.booster-widget div.booster-controls {
  text-align: center;
  margin-top: 0px;
  margin-bottom: 10px;
  background-color: #f9f9f9;
  border-bottom: 1px solid #dddddd;
  border-top: 1px solid #ddd;
  color: #009688;
}
.react-mui-context div.booster-widget div.booster-process-status-line {
  padding: 0 16px;
  clear: right;
}
.react-mui-context div.booster-widget div.booster-process-status-line span.booster-line-status {
  display: inline-block;
  float: right;
  color: green;
}
.react-mui-context div.booster-widget div.booster-process-status-line.process-has-error span.booster-line-status {
  color: red;
}
.react-mui-context div.booster-widget div.booster-more-button {
  text-align: center;
  padding: 6px;
}
.react-mui-context div.performance-widget div.doughnut-chart span.figure {
  margin-top: -17px;
}
.react-mui-context div.performance-panel {
  height: 100%;
  padding: 0 20px 20px;
  overflow-y: auto;
  background-color: #f5f5f5;
}
.react-mui-context div.performance-panel h1 {
  padding-left: 0;
  margin-left: 0;
}
.react-mui-context div.performance-panel div.perf-note-container {
  float: right;
  width: 200px;
  height: 170px;
  padding: 10px;
}
.react-mui-context div.performance-panel div.perf-note-container canvas {
  margin-top: -30px;
}
.react-mui-context div.performance-panel div.perf-note-container span.figure {
  margin-top: -15px;
  font-size: 20px;
}
.react-mui-context div.performance-panel div.plugin-doc-pane {
  margin-bottom: 40px;
}
.react-mui-context div.performance-panel div.plugin-doc-pane a {
  text-decoration: underline;
  cursor: pointer;
}
.react-mui-context div.performance-panel div.perf-tests-container {
  clear: right;
}
.react-mui-context div.performance-panel div.perf-test-row {
  display: flex;
  padding: 25px 0;
  border-bottom: 1px solid #f2f2f2;
}
.react-mui-context div.performance-panel div.perf-test-row h5 {
  font-size: 18px;
  margin-bottom: 12px;
}
.react-mui-context div.performance-panel div.perf-test-row div.perf-test-help {
  margin-top: 10px;
  color: rgba(0, 0, 0, 0.53);
}
.react-mui-context div.performance-panel div.perf-test-row div.perf-test-help span.tips {
  display: inline-block;
  padding-right: 5px;
}
.react-mui-context div.performance-panel div.perf-test-row div.perf-test-main {
  flex: 1;
  padding-right: 20px;
}
.react-mui-context div.performance-panel div.perf-test-row span.perf-test-fail-msg {
  display: block;
  color: #D32F2F;
  margin: 10px 0 0;
}
.react-mui-context div.performance-panel div.perf-test-row div.perf-more-button {
  float: right;
}
.react-mui-context div.performance-panel div.perf-test-row div.perf-test-status {
  width: 120px;
  height: 120px;
  text-align: center;
  border-radius: 50%;
  margin: 5px 20px;
  padding: 48px 0px;
  background-color: #ECEFF1;
}
.react-mui-context div.performance-panel div.perf-test-row div.perf-test-status .perf-test-ok,
.react-mui-context div.performance-panel div.perf-test-row div.perf-test-status .perf-test-fail {
  font-size: 20px;
  display: block;
}
.react-mui-context div.performance-panel div.perf-test-row div.perf-test-status .perf-test-ok {
  color: green;
}
.react-mui-context div.performance-panel div.perf-test-row div.perf-test-status .perf-test-fail {
  color: #D32F2F;
}
.react-mui-context .workspaces-board .button-container {
  padding: 8px;
}
.react-mui-context .workspaces-board .material-list.workspaces-list {
  background-color: white;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.react-mui-context .workspaces-board .material-list.workspaces-list .mui-toolbar {
  display: none;
}
.react-mui-context .workspaces-board .material-list.workspaces-list .material-list-entry {
  margin-right: 3px;
}
.react-mui-context .workspaces-board .material-list.workspaces-list .material-list-entry span.letter_badge {
  margin-left: 18px;
  margin-top: 16px;
  background-color: rgba(0, 0, 0, 0.33);
  font-size: 13px;
  width: 36px;
  padding: 8px 0;
  border-radius: 50%;
  white-space: nowrap;
  font-family: inherit;
  font-weight: 500;
}
.react-mui-context .workspace-editor {
  /*rgba(16, 113, 177, 0.77);*/
}
.react-mui-context .workspace-editor .workspace-activity-block {
  background-color: #ffffff;
  margin: 16px;
}
.react-mui-context .workspace-editor .workspace-activity-block h3 {
  padding: 16px 16px;
  background-color: #f5f5f5;
  color: #595959;
  margin-bottom: 0;
}
.react-mui-context .workspace-editor .workspace-activity-block .mui-paper-container {
  background-color: #ffffff;
}
.react-mui-context .workspace-editor .workspace-activity-block .graphs-card {
  padding: 0 16px;
}
.react-mui-context .workspace-editor .workspace-activity-block .recent-logs {
  height: auto;
}
.react-mui-context .workspace-editor .workspace-readonly-label {
  background-color: #FFFBF0;
  padding: 10px 20px;
  color: #666;
  font-size: 12px;
  font-style: italic;
  border-bottom: 1px solid whitesmoke;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.react-mui-context .workspace-editor .workspace-cards-container {
  padding: 16px 16px 0;
  background: #ffffff;
}
.react-mui-context .workspace-editor .workspace-cards-container .workspace-card {
  width: 50%;
  height: 300px;
  display: inline-block;
}
.react-mui-context .workspace-editor .workspace-cards-container .workspace-card:first-of-type {
  width: 48%;
  margin-right: 2%;
}
.react-mui-context .workspace-editor .workspace-cards-container .workspace-card .icon-card {
  width: 100%;
  height: 200px;
  font-size: 124px;
  background-color: #f5f5f5;
  display: block;
  text-align: center;
  padding-top: 39px;
  color: #595959;
}
.react-mui-context .workspace-editor .workspace-cards-container .workspace-card .card-content {
  padding: 16px;
  font-size: 16px;
}
.react-mui-context .workspace-editor .workspace-cards-container .workspace-card .card-content h4 {
  margin: 0;
  padding: 0;
  font-size: 16px;
}
.react-mui-context .workspace-editor .workspace-cards-container .workspace-card .card-content h5 {
  margin: 0;
  padding: 0;
  font-size: 13px;
  color: rgba(0, 0, 0, 0.53);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media only screen and (max-width: 600px) {
  .react-mui-context .workspace-editor .workspace-cards-container .workspace-card {
    height: 250px;
  }
  .react-mui-context .workspace-editor .workspace-cards-container .workspace-card .icon-card {
    height: 130px;
    font-size: 70px;
    padding-top: 30px;
  }
  .react-mui-context .workspace-editor .workspace-cards-container .workspace-card .card-content {
    padding: 8px;
  }
}
.react-mui-context .workspace-editor .workspace-general-h1 {
  padding-left: 16px !important;
  padding-top: 20px !important;
  margin-bottom: 0 !important;
}
.react-mui-context .workspace-editor .metasource-add {
  float: right;
  font-weight: 200;
  display: inline-block;
  padding: 0 16px;
  cursor: pointer;
}
.react-mui-context .workspace-editor .section-legend {
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.7);
  letter-spacing: 0;
}
.react-mui-context .permission-mask-editor .read-write-header {
  font-size: 12px;
  float: right;
  text-transform: uppercase;
}
.react-mui-context .permission-mask-editor .read-write-header span {
  display: inline-block;
  padding-right: 4px;
  padding-left: 4px;
  padding-top: 10px;
  border-bottom: 2px solid #B3B3B3;
  margin-left: 5px;
}
.react-mui-context .permission-mask-editor .read-write-header span.header-children {
  margin-left: 10px;
  margin-right: 3px;
}
.react-mui-context .permission-mask-editor .tree-checkboxes div.mui-checkbox.cbox-children {
  padding-left: 16px;
  border-left: 2px solid #212121;
}
.react-mui-context .permission-mask-editor .parent-inherited > .mui-checkbox .mui-checkbox-icon .mui-checkbox-check * {
  fill: #67a9d4;
}
.react-mui-context .permission-mask-editor .tree-item.has-checkboxes.inherited {
  opacity: 0.5;
}
.react-mui-context .permission-mask-editor .smaller-button {
  padding: 2px;
}
.react-mui-context .permission-mask-editor .smaller-button .mui-font-icon,
.react-mui-context .permission-mask-editor .smaller-button .mui-smaller-font-icon {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.43);
}
.react-mui-context .permission-mask-editor.tree-show-accessible-nodes .tree-item.mui-menu-item.has-checkboxes.checkbox-values-empty,
.react-mui-context .permission-mask-editor.tree-show-accessible-nodes .tree-item.mui-menu-item.has-checkboxes.checkbox-values-deny {
  display: none;
}
.react-mui-context .permission-mask-editor.tree-show-accessible-nodes .tree-checkboxes div.mui-checkbox.cbox-children,
.react-mui-context .permission-mask-editor.tree-show-accessible-nodes .tree-checkboxes div.mui-checkbox.cbox-deny {
  display: none;
}
.react-mui-context .permission-mask-editor.tree-show-accessible-nodes .read-write-header {
  padding-right: 36px;
}
.react-mui-context .permission-mask-editor.tree-show-accessible-nodes .read-write-header span.header-deny,
.react-mui-context .permission-mask-editor.tree-show-accessible-nodes .read-write-header span.header-children {
  display: none;
}
.react-mui-context .permission-mask-editor.permission-mask-global-nowrite .tree-checkboxes div.mui-checkbox.cbox-write {
  display: none;
}
.react-mui-context .permission-mask-editor.permission-mask-global-nowrite .read-write-header span.header-write {
  display: none;
}
.react-mui-context .permission-mask-editor.permission-mask-global-noread .tree-checkboxes div.mui-checkbox.cbox-read {
  display: none;
}
.react-mui-context .permission-mask-editor.permission-mask-global-noread .read-write-header span.header-read {
  display: none;
}
.react-mui-context .permission-mask-editor .mui-dialog {
  white-space: initial !important;
}
.react-mui-context .admin-tasks-panel {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.33);
  margin: 0 20px;
}
.react-mui-context .admin-tasks-panel div.task {
  padding: 10px;
  border-bottom: 1px solid #f2f2f2;
  display: flex;
  flex-direction: row;
}
.react-mui-context .admin-tasks-panel div.task .task_texts {
  flex: 5;
  max-width: 96%;
}
.react-mui-context .admin-tasks-panel div.task .task_texts div {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.react-mui-context .admin-tasks-panel div.task .task_actions {
  cursor: pointer;
}
.react-mui-context .admin-tasks-panel div.task .task_actions > span {
  display: inline-block;
  margin-top: 15px;
  margin-right: 10px;
  color: #009688;
}
.react-mui-context .pydio-oss-credits a {
  color: #009688;
}
.react-mui-context .scheduler-list .mui-toolbar-group.mui-left {
  width: 88% !important;
}
.react-mui-context .scheduler-list .mui-toolbar-group.mui-left .cell-label {
  width: 15%;
}
.react-mui-context .scheduler-list .ajxp_mime_scheduler_task {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
  padding-top: 6px;
}
.react-mui-context .scheduler-list .ajxp_mime_scheduler_task:hover {
  background: white !important;
}
.react-mui-context .scheduler-list .ajxp_mime_scheduler_task .cell {
  color: rgba(0, 0, 0, 0.63);
  font-size: 12px;
}
.react-mui-context .scheduler-list .ajxp_mime_scheduler_task .cell.cell-label {
  color: rgba(0, 0, 0, 0.83);
  font-size: 14px;
  width: 15%;
  font-weight: 500;
}
.react-mui-context .scheduler-list .ajxp_mime_scheduler_task .material-list-actions .material-list-action-inline {
  color: rgba(0, 0, 0, 0.63);
  margin: 3px 6px;
}
.react-mui-context .scheduler-list .ajxp_mime_scheduler_running_task,
.react-mui-context .scheduler-list .ajxp_mime_scheduler_error_task {
  color: rgba(0, 0, 0, 0.93);
  background-color: #fbfbfb;
  border-bottom: 1px solid rgba(0, 0, 0, 0.04) !important;
}
.react-mui-context .scheduler-list .ajxp_mime_scheduler_running_task:before,
.react-mui-context .scheduler-list .ajxp_mime_scheduler_error_task:before {
  display: inline-block;
  padding: 12px 0 0 30px;
  content: '=>';
  font-size: 16px;
}
.react-mui-context .scheduler-list .ajxp_mime_scheduler_running_task:hover,
.react-mui-context .scheduler-list .ajxp_mime_scheduler_error_task:hover {
  background-color: #fbfbfb !important;
}
.react-mui-context .scheduler-list .ajxp_mime_scheduler_running_task .cell.cell-label,
.react-mui-context .scheduler-list .ajxp_mime_scheduler_error_task .cell.cell-label {
  color: darkgreen;
  width: 15%;
}
.react-mui-context .scheduler-list .ajxp_mime_scheduler_running_task .cell.cell-schedule,
.react-mui-context .scheduler-list .ajxp_mime_scheduler_error_task .cell.cell-schedule {
  width: 60%;
}
.react-mui-context .scheduler-list .ajxp_mime_scheduler_running_task .cell.cell-action_name,
.react-mui-context .scheduler-list .ajxp_mime_scheduler_error_task .cell.cell-action_name,
.react-mui-context .scheduler-list .ajxp_mime_scheduler_running_task .cell.cell-repository_id,
.react-mui-context .scheduler-list .ajxp_mime_scheduler_error_task .cell.cell-repository_id,
.react-mui-context .scheduler-list .ajxp_mime_scheduler_running_task .cell.cell-user_id,
.react-mui-context .scheduler-list .ajxp_mime_scheduler_error_task .cell.cell-user_id,
.react-mui-context .scheduler-list .ajxp_mime_scheduler_running_task .cell.cell-NEXT_EXECUTION,
.react-mui-context .scheduler-list .ajxp_mime_scheduler_error_task .cell.cell-NEXT_EXECUTION,
.react-mui-context .scheduler-list .ajxp_mime_scheduler_running_task .cell.cell-LAST_EXECUTION,
.react-mui-context .scheduler-list .ajxp_mime_scheduler_error_task .cell.cell-LAST_EXECUTION,
.react-mui-context .scheduler-list .ajxp_mime_scheduler_running_task .cell.cell-STATUS,
.react-mui-context .scheduler-list .ajxp_mime_scheduler_error_task .cell.cell-STATUS {
  display: none;
}
.react-mui-context .scheduler-list .ajxp_mime_scheduler_running_task .material-list-actions,
.react-mui-context .scheduler-list .ajxp_mime_scheduler_error_task .material-list-actions {
  padding-right: 20px;
}
.react-mui-context .scheduler-list .ajxp_mime_scheduler_running_task .material-list-actions .material-list-action-inline.mdi-pencil,
.react-mui-context .scheduler-list .ajxp_mime_scheduler_error_task .material-list-actions .material-list-action-inline.mdi-pencil,
.react-mui-context .scheduler-list .ajxp_mime_scheduler_running_task .material-list-actions .material-list-action-inline.icon-play,
.react-mui-context .scheduler-list .ajxp_mime_scheduler_error_task .material-list-actions .material-list-action-inline.icon-play {
  display: none;
}
.react-mui-context .scheduler-list .ajxp_mime_scheduler_running_task .material-list-actions .material-list-action-inline.icon-trash {
  display: none;
}
.react-mui-context .scheduler-list .ajxp_mime_scheduler_error_task .cell.cell-label {
  color: darkred;
}
.react-mui-context#react_scheduler_editor h2 {
  font-size: 14px;
  font-weight: 500;
  color: #009688;
  margin-bottom: 0;
}
.react-mui-context#react_scheduler_editor .mui-tab-template {
  background-color: white !important;
}
.react-mui-context#react_scheduler_editor .mui-tab-template .pydio-form-panel > .pydio-form-group {
  margin: 0 24px;
}
.react-mui-context#react_scheduler_editor .form-legend {
  font-size: 13px;
  font-style: italic;
  margin-bottom: 20px;
}
.react-mui-context#react_scheduler_editor .replicable-field {
  margin-top: 20px;
  margin-right: 5px;
}
.react-mui-context#react_scheduler_editor .replicable-field .title {
  font-size: 12px;
  font-weight: 500;
}
.react-mui-context#react_scheduler_editor .replicable-field .replicable-group {
  border-left: 0px solid #e0e0e0 !important;
  padding-left: 0 !important;
}
.react-mui-context#react_scheduler_editor .replicable-field .replicable-group .pydio-form-group {
  margin: 0 !important;
}
.react-mui-context#react_scheduler_editor .replicable-field .replicable-group .pydio-form-group .mui-paper-container {
  overflow-y: visible !important;
}
.react-mui-context#react_scheduler_editor .replicable-field .replicable-group .replicable-action-bar {
  width: 367px;
  margin-left: -20px;
}
.react-mui-context .paper-editor {
  transition: all 500ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  position: absolute;
  left: 380px;
  right: 64px;
  bottom: 0;
  background-color: white;
  top: 100%;
  z-index: 9;
}
.react-mui-context .paper-editor.visible {
  top: 98px;
}
.react-mui-context .paper-editor > .mui-paper-container {
  flex: 1;
}
.react-mui-context .paper-editor .mui-snackbar.mui-is-open {
  left: inherit;
}
.react-mui-context .paper-editor .paper-editor-content {
  padding: 0;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.23);
}
.react-mui-context .paper-editor .paper-editor-content .paper-editor-title {
  flex-wrap: wrap;
  flex-shrink: 0;
  margin: 0;
  background-color: #424242;
  border-radius: 2px 2px 0 0;
}
.react-mui-context .paper-editor .paper-editor-content .paper-editor-title h2 {
  font-size: 30px;
  color: white;
  padding: 14px 12px 10px;
  margin-bottom: 0;
  float: left;
}
.react-mui-context .paper-editor .paper-editor-content .paper-editor-title .left-picker-toggle {
  display: none;
}
.react-mui-context .paper-editor .paper-editor-content .paper-editor-title .title-bar {
  float: right;
  margin-top: 15px;
  margin-right: 16px;
}
.react-mui-context .paper-editor .paper-editor-content .paper-editor-title .title-bar .separator {
  float: left;
  height: 29px;
  margin-top: 3px;
  margin-left: 2px;
  margin-right: 6px;
}
.react-mui-context .paper-editor .paper-editor-content .paper-editor-title .title-bar > button {
  float: left;
  margin-right: 3px;
}
.react-mui-context .paper-editor .paper-editor-content .paper-editor-title .title-bar .mui-flat-button.mui-is-disabled {
  color: rgba(255, 255, 255, 0.3);
}
.react-mui-context .paper-editor .paper-editor-content .paper-editor-left {
  width: 256px;
  padding: 0;
  overflow-y: auto;
  overflow-x: hidden;
  border-right: 1px solid #e0e0e0;
  background-color: #f5f5f5;
}
.react-mui-context .paper-editor .paper-editor-content .paper-editor-left .mui-drop-down-menu .mui-menu-label {
  padding-left: 16px;
  font-size: 13px;
}
.react-mui-context .paper-editor .paper-editor-content .paper-editor-left .mui-drop-down-menu .mui-menu-control-underline {
  display: none;
}
.react-mui-context .paper-editor .paper-editor-content .paper-editor-left .mui-radio-button.mui-enhanced-switch {
  padding: 8px 20px;
}
.react-mui-context .paper-editor .paper-editor-content .paper-editor-left > div > span,
.react-mui-context .paper-editor .paper-editor-content .paper-editor-left div.mui-subheader > span {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
}
.react-mui-context .paper-editor .paper-editor-content .paper-editor-left .menu-entry {
  padding: 16px;
  font-size: 13px;
  cursor: pointer;
  transition: all 250ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
}
.react-mui-context .paper-editor .paper-editor-content .paper-editor-left .menu-entry .legend {
  display: block;
  color: rgba(0, 0, 0, 0.63);
  font-size: 12px;
}
.react-mui-context .paper-editor .paper-editor-content .paper-editor-left .menu-entry .mui-icon-button {
  float: right;
  margin-top: -16px;
  margin-right: -16px;
}
.react-mui-context .paper-editor .paper-editor-content .paper-editor-left .menu-entry .mui-icon-button .mui-font-icon {
  font-size: 16px;
}
.react-mui-context .paper-editor .paper-editor-content .paper-editor-left .menu-entry.menu-entry-selected {
  color: #ff6e40;
  font-weight: 500;
  background-color: #ffffff;
}
.react-mui-context .paper-editor .paper-editor-content .paper-editor-left .menu-entry.menu-entry-selected .legend {
  margin-top: 12px;
}
.react-mui-context .paper-editor .paper-editor-content .paper-editor-left .menu-entry-dropdown.plugin-selected {
  background-color: #ffffff;
}
.react-mui-context .paper-editor .paper-editor-content .paper-editor-left .menu-entry-toggleable {
  padding: 8px 16px;
  font-size: 13px;
  transition: all 250ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
}
.react-mui-context .paper-editor .paper-editor-content .paper-editor-left .menu-entry:last-of-type,
.react-mui-context .paper-editor .paper-editor-content .paper-editor-left .menu-entry.last {
  border-bottom: none;
}
.react-mui-context .paper-editor .paper-editor-content .paper-editor-left .menu-entry:hover {
  background-color: rgba(255, 255, 255, 0.63);
}
.react-mui-context .paper-editor .paper-editor-content .paper-editor-left h2 {
  margin-top: 15px;
  margin-left: 16px;
}
.react-mui-context .paper-editor .paper-editor-content .paper-editor-left h4 {
  margin-left: 8px;
}
.react-mui-context .paper-editor .paper-editor-content .paper-editor-left h5 {
  margin-left: 8px;
}
.react-mui-context .paper-editor .paper-editor-content .paper-editor-left .mui-subheader {
  padding-left: 16px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 16px;
}
.react-mui-context .paper-editor .paper-editor-content .paper-editor-left .mui-subheader:first-child {
  margin-top: 12px;
}
.react-mui-context .paper-editor .paper-editor-content .paper-editor-left .pydio-form-panel {
  width: 256px;
  overflow: hidden;
}
.react-mui-context .paper-editor .paper-editor-content .paper-editor-left .pydio-form-panel .mui-text-field,
.react-mui-context .paper-editor .paper-editor-content .paper-editor-left .pydio-form-panel .mui-drop-down-menu {
  width: 280px;
}
.react-mui-context .paper-editor .paper-editor-content .paper-editor-left .pydio-form-panel h2 {
  display: none;
}
.react-mui-context .paper-editor .paper-editor-content .paper-editor-left .pydio-form-panel .pydio-form-group {
  margin: 8px;
  width: 256px;
}
.react-mui-context .paper-editor .paper-editor-content .paper-editor-right {
  padding: 0;
}
.react-mui-context .paper-editor .paper-editor-content .paper-editor-right .loader-container {
  position: absolute;
  top: 64px;
  bottom: 0;
  padding: 70px;
  left: 256px;
  right: 0;
  background-color: #f5f5f5;
}
.react-mui-context .paper-editor .paper-editor-content .paper-editor-right h1 {
  font-size: 28px;
  font-weight: 400;
  color: #212121;
  margin: 0 0 8px;
  padding: 0;
}
.react-mui-context .paper-editor .main-layout-nav-to-stack.plugin-board.main-pane-scrolled .left-nav {
  left: 0;
}
@media only screen and (max-width: 1200px) {
  .react-mui-context .paper-editor {
    left: 134px;
  }
  .react-mui-context .paper-editor .paper-editor-content .paper-editor-left {
    width: 206px;
  }
  .react-mui-context .paper-editor .paper-editor-content .paper-editor-right .loader-container {
    left: 206px;
  }
}
@media only screen and (max-width: 720px) {
  .react-mui-context .paper-editor {
    left: 80px;
    right: 16px;
  }
  .react-mui-context .paper-editor.visible {
    top: 80px;
  }
  .react-mui-context .paper-editor.visible .paper-editor-title h2 {
    text-align: center;
    font-size: 24px;
    display: block;
    width: 100%;
    padding-top: 0;
  }
  .react-mui-context .paper-editor.visible .paper-editor-title h2 .left-picker-toggle {
    display: inline;
  }
  .react-mui-context .paper-editor.visible .paper-editor-title h2 .left-picker-toggle .mui-font-icon {
    color: white;
    font-size: 22px;
  }
  .react-mui-context .paper-editor.visible .paper-editor-title .title-bar {
    margin-top: 0;
    margin-bottom: 5px;
  }
  .react-mui-context .paper-editor.visible .paper-editor-content .paper-editor-left {
    width: 100%;
    height: 0;
    flex-shrink: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.17);
    text-align: center;
    transition: height 550ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  }
  .react-mui-context .paper-editor.visible .paper-editor-content .paper-editor-left:hover,
  .react-mui-context .paper-editor.visible .paper-editor-content .paper-editor-left.picker-open {
    height: 150px;
  }
  .react-mui-context .paper-editor.visible .paper-editor-content .paper-editor-left .mui-subheader {
    display: none;
  }
  .react-mui-context .paper-editor.visible .paper-editor-content .paper-editor-left .menu-entry {
    margin: 0 16px;
    border-radius: 5px;
    font-size: 16px;
  }
}
@media only screen and (max-width: 420px) {
  .react-mui-context .paper-editor {
    left: 0;
    right: 0;
  }
  .react-mui-context .paper-editor.visible {
    top: 64px;
  }
}
.react-mui-context .edit-object-user .paper-editor-left .mui-subheader:first-child {
  margin-top: 152px !important;
  opacity: 0;
}
.react-mui-context .edit-object-user .avatar-provider .form-entry-image {
  position: absolute;
  top: 64px;
  left: 0;
}
.react-mui-context .edit-object-user .avatar-provider .form-entry-image .file-dropzone {
  width: 256px !important;
  height: 200px !important;
  border-radius: 0;
  background-color: #e0e0e0;
}
.react-mui-context .edit-object-user .avatar-provider .form-entry-image .file-dropzone .icon-camera {
  position: absolute;
  bottom: 7px;
  right: 10px;
}
.react-mui-context .edit-object-user .avatar-provider .form-entry-image .form-legend {
  display: none;
}
.react-mui-context .edit-object-user .avatar-provider .form-entry-image .binary-remove-button {
  position: absolute;
  margin-top: -28px;
  color: rgba(0, 0, 0, 0.51);
  text-align: left;
  margin-left: 12px;
}
.react-mui-context .edit-object-user .avatar-provider .form-entry-image .image-label {
  display: none;
}
@media only screen and (max-width: 1200px) {
  .react-mui-context .edit-object-user .avatar-provider .form-entry-image .file-dropzone {
    width: 206px !important;
    height: 206px !important;
  }
  .react-mui-context .edit-object-user .paper-editor-left .mui-subheader:first-child {
    margin-top: 159px !important;
  }
}
@media only screen and (max-width: 720px) {
  .react-mui-context .edit-object-user .paper-editor-title h2 {
    text-align: left !important;
    padding-left: 120px !important;
  }
  .react-mui-context .edit-object-user .avatar-provider .form-entry-image {
    top: 0;
  }
  .react-mui-context .edit-object-user .avatar-provider .form-entry-image .file-dropzone {
    width: 103px !important;
    height: 103px !important;
  }
  .react-mui-context .edit-object-user .paper-editor-left .mui-subheader:first-child {
    margin-top: 109px !important;
  }
}
.react-mui-context .admin-helper-panel {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  width: 326px;
  background-color: rgba(255, 255, 255, 0.99);
}
.react-mui-context .admin-helper-panel .mui-paper-container {
  height: 100%;
  overflow-y: auto;
}
.react-mui-context .admin-helper-panel h3 {
  background-color: #FF6E40;
  color: white;
  text-align: center;
  padding-bottom: 8px;
  padding-top: 20px;
}
.react-mui-context .admin-helper-panel .pydio-form-panel .pydio-form-group {
  margin-top: 0;
}
.react-mui-context .admin-helper-panel .legend {
  padding: 0 17px;
  color: #878787;
  font-size: 12px;
  line-height: 17px;
}
.react-mui-context .admin-helper-panel .widget-type-selector {
  border: 1px solid #E0E0E0;
  margin-left: 16px;
  border-radius: 3px;
  margin-top: 8px;
  width: 280px;
}
.react-mui-context .admin_editor {
  position: absolute;
  right: -570px;
  width: 520px;
  top: 0;
  bottom: 0;
  transition: all 550ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  z-index: 10;
  background-color: #ffffff;
  /*
    to uncomment for scrolling problems
    overflow: hidden;
    */
}
.react-mui-context #editor_close_button {
  transition: all 550ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  position: absolute;
  top: 0;
  left: 0;
}
.react-mui-context .admin_editor.editor_open {
  transform: translate3d(-570px, 0, 0);
}
.react-mui-context .admin_editor.editor_open #editor_close_button {
  top: 10px;
  left: -50px;
}
.react-mui-context .mui-drop-down-menu.dropdown-full-width {
  display: block;
}
.react-mui-context#admin_dashboard {
  opacity: 1 !important;
}
.react-mui-context .small-icon-button .mui-font-icon {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.33);
}
.react-mui-context .mui-left-nav.admin-main-nav .mui-left-nav-menu {
  z-index: 9;
  padding-top: 64px;
}
.react-mui-context .mui-left-nav.admin-main-nav .mui-left-nav-menu > .mui-paper-container {
  overflow-y: hidden;
}
.react-mui-context .mui-left-nav.admin-main-nav .mui-left-nav-menu > .mui-paper-container .left-nav-menu-scroller {
  overflow-y: auto;
  width: 100%;
  height: 100%;
}
.react-mui-context .mui-left-nav.admin-main-nav .mui-menu {
  background-color: rgba(0, 0, 0, 0);
  width: auto !important;
}
.react-mui-context .mui-left-nav.admin-main-nav .mui-menu span.menu-flag {
  display: inline;
  background-color: white;
  color: #424242;
  height: 22px;
  border-radius: 10px;
  padding: 0 5px;
  margin-left: 5px;
}
.react-mui-context .mui-left-nav.admin-main-nav .mui-menu-item-icon {
  float: right !important;
  margin-right: -15px !important;
  opacity: 0.8;
  color: #f5f5f5;
  width: 48px;
  text-align: center;
  font-size: 20px;
  border-radius: 3px;
}
.react-mui-context .mui-left-nav.admin-main-nav .mui-is-selected .mui-menu-item-icon {
  color: white;
  opacity: 1;
  background-color: rgba(255, 255, 255, 0.2);
}
.react-mui-context .mui-left-nav.admin-main-nav .hideable-subheader {
  height: 48px;
}
.react-mui-context .mui-left-nav.admin-main-nav.mui-closed .mui-left-nav-menu {
  transform: translate3d(-200px, 0, 0);
}
.react-mui-context .mui-left-nav.admin-main-nav.mui-closed .mui-left-nav-menu > .mui-paper-container {
  overflow-y: hidden;
}
.react-mui-context .mui-left-nav.admin-main-nav.mui-closed .mui-left-nav-menu > .mui-paper-container .left-nav-menu-scroller {
  overflow-y: hidden;
}
.react-mui-context .mui-left-nav.admin-main-nav.mui-closed .mui-menu-item-icon {
  /*opacity: 1;*/
}
.react-mui-context .mui-left-nav.admin-main-nav.mui-closed .hideable-subheader {
  height: 0;
}
.react-mui-context .mui-menu-item.tree-item {
  white-space: nowrap;
}
.react-mui-context .mui-menu-item.tree-item.has-checkboxes {
  display: flex;
  flex-direction: row;
  height: 48px;
  border-bottom: 1px solid #f4f4f4;
}
.react-mui-context .mui-menu-item.tree-item.has-checkboxes .tree-item-label {
  flex: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.react-mui-context .mui-menu-item.tree-item.has-checkboxes .tree-checkboxes {
  padding-top: 7px;
}
.react-mui-context .mui-menu-item.tree-item.has-checkboxes .tree-checkboxes .mui-checkbox {
  width: 44px;
  display: inline-block;
}
.react-mui-context .mui-menu-item .tree-icon {
  font-size: 16px;
  margin-right: 3px;
}
.react-mui-context .mui-menu-item .tree-icon.icon-folder-close {
  font-size: 13px;
}
@media only screen and (max-width: 420px) {
  .react-mui-context .mui-left-nav.admin-main-nav.mui-closed .mui-left-nav-menu {
    transform: translate3d(-256px, 0, 0);
  }
}
.react-mui-context label {
  margin: 0;
  font-size: inherit;
}
.react-mui-context .ellipsis-label {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.react-mui-context .mui-app-bar {
  z-index: 9 !important;
}
.react-mui-context .mui-app-bar #logging_string .user_widget_label i {
  font-size: 14px;
  font-weight: 500;
}
.react-mui-context .mui-app-bar #logging_string .icon-caret-down {
  display: none;
}
.react-mui-context .mui-app-bar #logging_string .icon-angle-down {
  font-size: 18px;
}
.react-mui-context li {
  list-style: none;
}
.react-mui-context li > div.mui-menu-item {
  padding-left: 16px;
}
.form-react_scheduler_editor .dialogTitle {
  display: none;
}
