/* color variables */
/**/
/**/
.oc-dark {
  /*.document-header-partner
  {
      background : #606060
  }*/
}
@media (min-width: 768px) {
  .oc-dark .document-view {
    border-color: #333333 !important;
  }
  .oc-dark .document-view2 {
    border-left: 2px solid gray !important;
    border-bottom: 2px solid gray !important;
    border-right: 2px solid gray !important;
  }
  .oc-dark .document-view2 .oc-table-header-columns-area {
    border-top: 2px solid gray !important;
  }
}
.oc-dark .document-view2 .oc-table-header {
  border-bottom: 2px solid gray !important;
}
.oc-dark .document-view2 .oc-table-aggregate {
  border-top: 2px solid gray;
}
.oc-dark .document-view2 .oc-table-header-fixed .oc-table-header-row {
  border-right: 2px solid gray;
}
.oc-dark .document-view2 .oc-table-body-fixed {
  border-right: 2px solid gray !important;
}
.oc-dark .document-view .oc-table-header {
  background-color: #292929 !important;
  /*    border-bottom: groove;*/
}
.oc-dark .document-view .oc-table-header-fixed {
  background-color: gray !important;
}
.oc-dark .document-view .oc-table-header-cell:hover {
  background-color: #818181;
}
.oc-dark .document-view .oc-table-header .btn-default {
  color: gray;
}
.oc-dark .document-view .oc-table-body-fixed {
  border-right-color: gray;
  background-color: #444444 !important;
}
.oc-dark .oc-form-control oc-combobox oc-layout-row oc-table-header-combo {
  background-color: gray !important;
}
.oc-dark .signature-image.selected {
  border: 1px solid gray;
}
.oc-dark .document-view .oc-table-search > .oc-form-control {
  background-color: gray;
}
.oc-dark .document-view .oc-group-tile.level-2 {
  border-right: 1px solid gray;
}
.oc-dark .document-view .oc-table-settings-button {
  background: #292929;
}
.oc-dark .document-view > .oc-table-aggregate {
  background-color: gray;
}
.oc-dark .document-view > .oc-table-aggregate .oc-table-header-fixed {
  background-color: #818181;
}
.oc-dark .explorer-stack-page {
  background-color: #606060 !important;
}
.oc-dark .oc-stack .explorer-stack {
  background-color: #444 !important;
}
.oc-dark .oc-form-control oc-combobox-text oc-combobox-input oc-layout-flex1 {
  background-color: grey !important;
  background: grey !important;
  color: grey !important;
}
.oc-dark .document-view .oc-table-header-combo > input {
  color: white;
}
.oc-dark .navbar-header {
  background: grey;
}
.oc-dark .viewer-container {
  background-color: rgba(68, 68, 68, 0.5) !important;
}
.oc-dark .btn btn-default oc-icon-right {
  border-left: none;
  border-top: none;
  border-bottom: none;
}
.oc-dark .oc-composite-button {
  border-right: none;
  background-color: inherit !important;
}
.oc-dark .oc-button-no-text {
  background-color: inherit !important;
}
.oc-dark .document-container-partner-label {
  color: #5da7ef;
}
.oc-dark .document-container-subject-label {
  color: #f7926d;
}
.oc-dark .document-new {
  border-left: 2px solid #5da7ef !important;
}
.oc-dark .document-modified {
  border-left: 2px solid #ea6464 !important;
}
.oc-dark .thumbnail-new {
  color: #5da7ef;
  font-weight: 400;
}
.oc-dark .thumbnail-modified {
  color: #ea6464;
  font-weight: 400;
}
.oc-dark .oc-viewer-thumbnail-visible {
  color: #686868;
}
.oc-dark .quick-search-widget {
  background-color: #686868 !important;
}
.oc-dark .document-view .oc-table-settings-button:hover {
  background: #606060;
}
.oc-dark .document-header-partner {
  background-color: lightgrey;
}
.oc-dark .document-header-partner label {
  color: black !important;
}
.oc-dark .document-header-partner-separator {
  background-color: #525252;
}
.oc-dark .document-view .oc-table-header .oc-table-header-cell-filter-offset {
  border-top: 1px solid #afaead;
}
.oc-dark .document-view .oc-table-header-fixed .oc-table-header-row {
  border-right-color: #afaead;
  background-color: #292929;
}
.oc-dark .document-view .oc-group-tile {
  color: white;
  background-color: grey;
}
.oc-dark ::placeholder {
  color: #9f9e9d;
}
.oc-dark .folder-item.highlight:hover {
  background-color: #666 !important;
  /*    color : #5d9ae3 !important;*/
}
.oc-dark .folder-item.selected, .oc-dark .oc-list-title.selected {
  /*    color : #5d9ae3 !important;*/
  background-color: #666;
}
.oc-dark .form-element {
  background-color: #606060;
}
.oc-dark .ejector-popup {
  background-color: #606060;
  color: #bbb;
}

@media not print {
  html {
    position: fixed;
    height: 100%;
    width: 100%;
    overflow: hidden;
  }
}
body {
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .oc-form-control {
    /*	    height : 38px;
    		padding : 7px 12px;*/
    height: 24px;
    padding: 5px;
  }

  .oc-form-label {
    line-height: 24px;
  }

  .oc-composite-group {
    height: 24px;
  }

  .oc-composite-group-2 {
    height: 48px;
  }

  .oc-composite-group .btn {
    padding-top: 3px;
  }

  .oc-dropdown > button {
    padding: 3px 8px;
    min-width: initial !important;
  }

  .input-group {
    width: 100%;
  }

  .oc-composite-button {
    height: 24px;
    background: none;
    border-width: 1px;
    border-color: transparent;
  }

  .input-group-addon {
    height: 24px;
  }

  /*	.oc-search-menu-icon
  	{
  		top : 18px;
  	}*/
}
@media (min-width: 768px) {
  .explorer-stack {
    padding: 10px;
  }

  .explorer-stack-page {
    padding: 0px;
  }

  .documents-widget-container {
    padding: 10px;
  }

  .oc-table {
    border: 1px solid #969696 !important;
  }

  .oc-inline-table {
    border: none !important;
  }

  .document-view {
    border: 1px solid #969696 !important;
  }
  .document-view:last-child {
    margin-bottom: 2px;
  }

  .document-view-old {
    border-color: gray !important;
    border-width: 2px;
    border-style: solid;
    margin-top: 3px;
  }
  .document-view-old:last-child {
    margin-bottom: 2px;
  }

  .document-view2 {
    border-left: 2px solid gray !important;
    border-bottom: 2px solid gray !important;
    border-right: 2px solid gray !important;
    margin-top: 3px;
  }

  .document-view2 .oc-table-header-columns-area {
    border-top: 2px solid gray !important;
  }
}
@media (max-width: 767px) {
  .header-companies-combobox {
    display: none;
  }

  .header-menu-button .oc-menu-button-label {
    display: none;
  }

  .documents-breadcrumb {
    width: calc( 100% - 130px );
  }
}
@media (max-width: 400px) {
  .header-label {
    display: none;
  }

  .folder-view > .oc-menu-search {
    height: 35px;
  }

  .oc-menu-search {
    height: 35px;
  }

  .oc-sidebar-header {
    padding-top: 5px;
    padding-bottom: 5px;
  }
}
.oc-dialog-window {
  border: 1px solid #585858 !important;
}
.oc-dialog-window .oc-panel-heading {
  border-bottom: 0.5px solid #585858;
}

.oc-window-stack-with-header {
  top: 35px;
  height: calc( 100% - 35px ) !important;
}

.oc-header {
  height: 35px;
  box-shadow: 0px 0px 8px gray;
}
.oc-header .oc-action-button {
  padding: 1px 12px;
}
.oc-header .oc-header-avatar {
  height: 32px;
  width: 32px;
  top: 0;
  align-items: center;
}
.oc-header .oc-header-logo {
  height: 32px;
  width: 32px;
  margin: 2.5px;
}

.oc-window-stack-with-taskbar {
  top: 35px;
  height: calc( 100% - 30px - 35px ) !important;
}

.oc-window-with-taskbar {
  bottom: 30px;
  height: calc( 100% - 30px ) !important;
}

.oc-taskbar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 30px;
  z-index: 99;
  display: flex;
  align-items: center;
  background-color: #fff;
  box-shadow: 0px 0px 8px gray;
}

.oc-taskbar-item {
  height: 30px;
  margin: 2px 5px 2px 5px;
  padding: 1px;
  border: 1px solid lightgray;
  border-radius: 5px;
  position: relative;
}
.oc-taskbar-item .oc-taskbar-item-name, .oc-taskbar-item .oc-taskbar-item-data {
  font-size: smaller;
}
.oc-taskbar-item .oc-taskbar-item-description {
  position: relative;
  bottom: 3px;
  margin: 0px;
}

.oc-taskbar-item-name, .oc-taskbar-item-data {
  margin: 0px;
}

.oc-taskbar-image {
  height: 28px;
}

.oc-taskbar-hover {
  bottom: 30px;
}

.oc-taskbar-menu-button {
  height: 30px;
}

/**
 * Login Window
 */
.login-window {
  display: flex;
  justify-content: center;
  background-color: #F9FAFB;
}
.login-window .login-right-bottom {
  display: flex;
  flex-direction: column;
  position: absolute;
  bottom: 25px;
  right: 25px;
}
.login-window .login-right-bottom .powered-by-label {
  font-size: 8pt;
  font-weight: bold;
  position: relative;
  left: 6px;
  margin: 0;
  bottom: -5px;
}
.login-window .center-widget {
  box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);
}
.login-window .login-widget {
  box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);
}
.login-window .label-title {
  color: #585858;
  font-weight: bold;
  font-size: 14pt;
  text-align: center;
  width: 100%;
}
.login-window .label-text {
  color: #585858;
  font-size: 10pt;
  text-align: center;
}
.login-window .oc-checkbox label {
  font-weight: inherit;
}
.login-window .oc-form-control, .login-window .oc-checkbox {
  font-size: 12px;
  box-shadow: none !important;
}
.login-window .button-login {
  color: white;
  border: none;
  padding-top: 6px;
  padding-bottom: 4px;
  line-height: 2;
}
.login-window .button-login:enabled {
  border: none;
  background-color: #2b579a;
}
.login-window .button-login:hover:enabled {
  border: none;
  background-color: #274e8b;
}
.login-window .button-login:pressed:enabled {
  border: none;
  background-color: #1e3d6c;
}
.login-window .login-error-caption {
  font-weight: bold;
}

.explorer .sidebar {
  /*        color : $color-text-alt;
          background-color : $color-background-alt;

          .explorer-button-back
          {
              @extend %button-alt;
              margin: 2px;
              border: none;
          }

          .oc-form-control, .oc-list-item, .oc-list-listOfItems
          {
              color : $color-text-alt;
              background-color : $color-background-alt;
          }

          .oc-menu-search > .oc-form-control
          {
              border-color : $color-text-alt;
          }

          .oc-list-item.selected, .oc-list-title.selected
          {
              color : $color-selection-text;
              background-color : $color-selection-background;
          }
  */
}
.explorer .sidebar .section-selector {
  margin: 5px 10px;
  width: initial;
  border: none;
}
.explorer .sidebar .section-selector .btn {
  border: none;
  text-align: left;
  width: 100%;
}
.explorer .sidebar .section-selector-label {
  text-align: left;
  padding: 3px 8px;
}
.explorer .explorer-stack {
  background-color: #f0f0f0;
}
.explorer .explorer-stack-page {
  background-color: white;
}
.explorer .oc-drawer {
  box-shadow: 0px 0px 8px gray;
}

.oc-drawer-handle {
  width: 10px;
}
.oc-drawer-handle:after {
  font-size: 9px;
}

.documents-widget .top-container {
  align-items: center;
  justify-content: space-between;
  padding-top: 2px;
  padding-bottom: 2px;
}
.documents-widget .top-container .oc-menu-search > .oc-form-control {
  border-color: white;
  background-color: #e5e9f0;
}
.documents-widget .top-container .toggle-view-button {
  border: 1px solid #96accd;
}
.documents-widget .top-container .toggle-view-button.selected {
  background-color: #96accd;
  color: white;
}
.documents-widget .documents-breadcrumb {
  background-color: #f0f0f0;
  color: #585858;
}

.documents-widget-footer {
  color: #585858;
  background-color: white;
  border: 1px solid #969696;
  border-top: 0px solid;
  padding: 3px;
  font-weight: bold;
}
.documents-widget-footer .documents-widget-scope-buttons {
  background-color: #eef1f5;
  border: 0px solid;
  border-radius: 3px;
}
.documents-widget-footer button {
  color: #585858;
  background-color: transparent;
  padding: 3px;
  border: none;
}
.documents-widget-footer button.selected {
  color: white;
  background-color: #96accd;
  border-radius: 3px;
}

.documents-tab-bar {
  color: #585858;
  background-color: white;
  height: 30px;
  /*    QToolButton
      {
          border : none;

          &:hover
          {
  //            background-color : color.scale( $color-container-background, $lightness: -3% );
              background-color : color.scale( $color-container-background, $lightness: -6% );
          }
      }*/
  /*    FtsWidget
      {
          margin-top : 5px;
          margin-bottom : 5px;
          border : {
              width : 1px;
              style : solid;
              radius : 9px;
              color : $color-text;
          }
      }*/
}
.documents-tab-bar .tab {
  height: 30px;
}
.documents-tab-bar .fake-tab {
  height: 30px;
  border: none;
}
.documents-tab-bar .documents-tab-bar-label-filter-xxx {
  border: none;
  border-bottom: 2px solid #459DF4;
  padding: 3px;
  background-origin: content-box;
  background-color: #459DF4;
  color: #585858;
  padding: 3px;
}
.documents-tab-bar .documents-tab-bar-label-filter-container {
  border: none;
  border-bottom: 2px solid #459DF4;
  padding: 3px;
}
.documents-tab-bar .documents-tab-bar-label-filter {
  background-color: #459DF4;
  color: white;
  padding-left: 3px;
  padding-right: 3px;
  height: 22px;
  font-weight: bolder;
}
.documents-tab-bar .documents-tab-bar-label-search-xxx {
  border: none;
  border-bottom: 2px solid #FF3C4D;
  padding: 3px;
  background-origin: content-box;
  background-color: #FF3C4D;
  color: #585858;
  padding: 3px;
}
.documents-tab-bar .documents-tab-bar-label-search-container {
  border: none;
  border-bottom: 2px solid #FF3C4D;
  padding: 3px;
}
.documents-tab-bar .documents-tab-bar-label-search {
  background-color: #FF3C4D;
  color: white;
  padding-left: 3px;
  padding-right: 3px;
  height: 22px;
  font-weight: bolder;
}
.documents-tab-bar .documents-tab-bar-button {
  height: 30px;
  margin: 0;
  padding: 6px;
  padding-left: 10px;
  padding-right: 10px;
  border: none;
  background-color: white;
  color: #585858;
  /*        QToolButton
          {
              image: url(mdi-close.font);

              &:hover
              {
                  background-color : color.scale( $color-container-background, $lightness: -10% );
              }
          }*/
}
.documents-tab-bar .documents-tab-bar-button:hover {
  background-color: #dce2ea;
}
.documents-tab-bar .documents-tab-bar-button.selected {
  background-color: white;
  padding-top: 4px;
  padding-left: 9px;
  padding-right: 9px;
}
.documents-tab-bar .documents-tab-bar-button .oc-button-icon:hover {
  background-color: #d0d8e3;
}
.documents-tab-bar .documents-tab-bar-separator {
  width: 1px;
  height: 30px;
  position: relative;
}
.documents-tab-bar .documents-tab-bar-separator:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  width: 1px;
  height: 20px;
  background-color: #585858;
}
.documents-tab-bar .documents-tab-bar-container.filter .documents-tab-bar-button {
  border-bottom: 2px solid #459DF4;
}
.documents-tab-bar .documents-tab-bar-container.filter .documents-tab-bar-button.selected {
  border: 2px solid #459DF4;
  border-bottom: none;
}
.documents-tab-bar .documents-tab-bar-container.filter .documents-tab-bar-separator {
  border-bottom: 2px solid #459DF4;
}
.documents-tab-bar .documents-tab-bar-container.search .documents-tab-bar-button {
  border-bottom: 2px solid #FF3C4D;
}
.documents-tab-bar .documents-tab-bar-container.search .documents-tab-bar-button.selected {
  border: 2px solid #FF3C4D;
  border-bottom: none;
}
.documents-tab-bar .documents-tab-bar-container.search .documents-tab-bar-separator {
  border-bottom: 2px solid #FF3C4D;
}

.connected-documents-widget {
  width: 100%;
  height: 100%;
  background: transparent;
  position: absolute;
  z-index: 50;
}
.connected-documents-widget .popup {
  margin: 0px;
  padding: 0px;
  border-width: 1px;
  border-style: solid;
  border-color: gray;
  background-color: white;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.connected-documents-widget .widget-title {
  padding: 4px;
  border: none;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #585858;
}
.connected-documents-widget .label-title {
  font-weight: bold;
  color: #585858;
  margin-bottom: 0;
}
.connected-documents-widget .label-caption {
  font-weight: bold;
  color: #585858;
  padding-top: 4px;
  padding-bottom: 2px;
}
.connected-documents-widget .connected-document-view {
  min-height: 100px;
}
.connected-documents-widget .connected-document-view .oc-table-title-container label {
  font-weight: bold;
}
.connected-documents-widget .connected-document-view > .oc-scroll {
  padding-bottom: 8px;
}
.connected-documents-widget .scroll-container {
  margin: 10px;
}
.connected-documents-widget FilterEdit {
  padding-left: 6px;
  padding-right: 6px;
  border-width: 1px;
  border-style: solid;
  border-radius: 9px;
  border-color: #585858;
}
.connected-documents-widget QScrollArea {
  border: none;
}

.document-view2 .oc-table-header {
  border-bottom: 2px solid gray;
}
.document-view2 .oc-table-aggregate {
  border-top: 2px solid gray;
}
.document-view2 .oc-table-header-fixed .oc-table-header-row {
  border-right: 2px solid gray;
}
.document-view2 .oc-table-body-fixed {
  border-right: 2px solid gray;
}
.document-view2 .oc-table-header-cell {
  border-right: 1px solid rgba(120, 130, 140, 0.13);
}
.document-view2 .oc-table-header-columns-area {
  background: #f6f9fb;
}

.oc-table {
  color: #585858;
  background-color: white;
}
.oc-table .oc-table-header .oc-table-header-cell {
  box-shadow: 1px 0 0 0 #cccccc;
}

.oc-table-cell-sorted {
  background-color: rgba(129, 67, 244, 0.23);
}

.document-view {
  color: #585858;
  background-color: white;
  /* new begin */
  /* new end */
  /*
      .oc-table-header
      {
          background-color : $color-background;
          color : $color-text;
          border-bottom : initial;

          .btn-default
          {
              background-color : $color-background;
              color : $color-text;
          }

          .oc-table-header-cell-filter-offset
          {
              border-top: 1px solid white;
          }
      }

      .oc-table-header-fixed
      {
          background-color : $color-background !important;
      }

      .oc-table-header-combo
      {
          border-color : $color-text;
          color : $color-text;

          & > input
          {
              color : $color-text;
          }
      }

  /*    .oc-table-header-cell:hover
      {
          background-color : $document-view-color-light;
      }*

      .oc-table-header-columns-area
      {
      /*    margin-top: 6px;
          border-top: solid 1px white;*
      }

      .oc-header-sort-icon
      {
          color : $color-text;
      }

      .oc-table-body-fixed
      {
          border-right-color : $document-view-color;
          background : #eef6fe !important;
      }

      .oc-table-header-fixed .oc-table-header-row
      {
          border-right-color : white;
      }

      .oc-table-search
      {
          padding : 0;

          & > .oc-form-control
          {
              background-color : white;
              border : 1px solid $document-view-color;
              color : white;
              height : 32px;
          }

          & > .oc-search-menu-icon
          {
              color : white;
          }

          // WebKit, Blink, Edge
          & > .oc-form-control::-webkit-input-placeholder
          {
              color: rgba(255,255,255,0.5);
          }

          // Mozilla Firefox 19+
          & > .oc-form-control::-moz-placeholder
          {
             color: rgba(255,255,255,0.5);
             opacity:  1;
          }

          // Internet Explorer 10-11
          & > .oc-form-control:-ms-input-placeholder
          {
             color: rgba(255,255,255,0.5);
          }

          // Microsoft Edge
          & > .oc-form-control::-ms-input-placeholder
          {
             color: rgba(255,255,255,0.5);
          }
      }

      .oc-table-header-combo > input::placeholder
      {
          color: rgba(255,255,255,.5);
      }

      .oc-scrollbar.horizontal
      {
          background-color : $document-view-color;

          & > .oc-scrollbar-indicator
          {
              background-color : rgb(255,255,255);
          }

          & > .oc-scrollbar-indicator.on
          {
              opacity : 0.8;
          }
      }

      .oc-group-tile
      {
          border-right: 1px solid white;
          padding-right: 4px;

      //    background : transparent;
          background : rgba(21,120,168,.7);
      //    color : $document-view-color;
          color : white;
      //    height: 28px;
      }

      .oc-group-tile.level-0
      {
      //    height : 32px; // need height set otherwise some icons are not aligned proeprly
          border: 1px solid white;
          padding: 0;

      //    color : white;
          color : rgb(21,120,168);
          border-radius: 0px;
          background : transparent;
      }

      .oc-group-tile.level-1
      {
      //    background : white;
      //    margin: 1px;
      //    padding : 0px 4px 0px 0px;
      //    padding : 0px;
      //    margin-left : 3px;
          border : 0px;
      }

      .oc-group-tile.level-1.oc-tile-with-subtiles > .oc-icons-widget
      {
      //    background : $document-view-color-transparent;
      //    padding-right : 2px;
          padding : 0px 2px 0px 1px;
      }

      .oc-group-tile.level-2
      {
          border-right: 1px solid $document-view-color;
      }

      .oc-group-tile > button
      {
          background: white;
          color: #1578a8;
          margin-left : 5px;
      }

      .oc-group-tile .oc-combobox
      {
          border : 0;
      //    color : inherit;
          color : rgb(21,120,168);
          box-shadow : none;
          background: white !important;
      }

      .oc-group-tile .oc-combobox-button >span
      {
          color : inherit;
      }

      .oc-group-tile .oc-combobox > input
      {
          color : inherit;
      }

      .oc-group-tile > button
      {
          border : 0;
      }

      & > .oc-table-aggregate
      {
          background-color : $document-view-color;
      //  background-color : $document-view-color-light;
          color : white;
          border-top : initial;
      }

      & > .oc-table-aggregate .oc-table-header-fixed
      {
          background-color : $document-view-color-light
      }

      & > .oc-table-aggregate > .oc-table-header-columns-area
      {
          margin-top : initial;
          border : 0;
      }

      .oc-table-settings-container
      {
          background : transparent;
      }

      .oc-table-settings-button
      {
          background : #1578a8;
      }

      .oc-table-settings-button:hover
      {
          background : #136888;
      }

      .oc-table-header-cell.oc-table-nested-data:before, .oc-table-header-cell.oc-table-nested-data:after
      {
          border-color : white;
      }

  */
}
.document-view .oc-table-lined .oc-table-row:not(.group-name) {
  border-bottom: 1px solid #cccccc;
}
.document-view .document-view-header {
  border-bottom: 1px solid #969696;
}
.document-view .document-view-header .oc-table-header-cell {
  box-shadow: 1px 0 0 0 #cccccc;
}
.document-view .document-view-header .oc-table-header-cell.sort-column {
  background-color: rgba(129, 67, 244, 0.23);
  font-weight: normal;
}
.document-view .oc-table-aggregate .oc-table-header-cell.sort-column {
  background-color: rgba(129, 67, 244, 0.23);
  font-weight: normal;
}
.document-view .oc-table-cell.sort-column {
  background-color: rgba(129, 67, 244, 0.23);
}
.document-view .oc-table-aggregate {
  color: #585858;
  background-color: rgba(67, 156, 244, 0.23);
  border-top: 0.5px solid #0074ff;
}
.document-view .oc-table-header-fixed .oc-table-header-row {
  color: #585858;
  background-color: initial;
}

.database-dialog .database-dialog-table {
  color: #585858;
  background-color: white;
  border: 1px solid #585858 !important;
}
.database-dialog .database-dialog-table .oc-table-lined .oc-table-row:not(.group-name) {
  border-bottom: 1px solid #cccccc;
}
.database-dialog .database-dialog-table .database-dialog-table-header {
  border-bottom: 1px solid #585858;
}

.document-view-old .oc-table-header {
  background-color: gray;
  color: white;
  border-bottom: initial;
}
.document-view-old .oc-table-header .btn-default {
  background-color: white;
  color: gray;
}
.document-view-old .oc-table-header .oc-table-header-cell-filter-offset {
  border-top: 1px solid white;
}
.document-view-old .oc-table-header-fixed {
  background-color: gray !important;
}
.document-view-old .oc-table-header-combo {
  border-color: white;
  color: white;
}
.document-view-old .oc-table-header-combo > input {
  color: white;
}
.document-view-old .oc-table-header-cell:hover {
  background-color: #818181;
}
.document-view-old .oc-table-header-columns-area {
  /*    margin-top: 6px;
      border-top: solid 1px white;*/
}
.document-view-old .oc-header-sort-icon {
  color: white;
}
.document-view-old .oc-table-body-fixed {
  border-right-color: gray;
  background: #eef6fe !important;
}
.document-view-old .oc-table-body-fixed .oc-table-header-row {
  border-right-color: white;
}
.document-view-old .oc-table-search {
  padding: 0;
}
.document-view-old .oc-table-search > .oc-form-control {
  background-color: gray;
  border: 1px solid white;
  color: white;
  height: 32px;
}
.document-view-old .oc-table-search > .oc-search-menu-icon {
  color: white;
}
.document-view-old .oc-table-search > .oc-form-control::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.document-view-old .oc-table-search > .oc-form-control::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
  opacity: 1;
}
.document-view-old .oc-table-search > .oc-form-control:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.document-view-old .oc-table-search > .oc-form-control::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.document-view-old .oc-group-tile {
  border-right: 1px solid white;
  padding-right: 4px;
  background: rgba(21, 120, 168, 0.7);
  color: white;
}
.document-view-old .oc-group-tile.level-0 {
  border: 1px solid white;
  padding: 0;
  color: #1578a8;
  border-radius: 0px;
  background: transparent;
}
.document-view-old .oc-group-tile.level-1 {
  border: 0px;
}
.document-view-old .oc-group-tile.level-1.oc-tile-with-subtiles > .oc-icons-widget {
  padding: 0px 2px 0px 1px;
}
.document-view-old .oc-group-tile.level-2 {
  border-right: 1px solid gray;
}
.document-view-old .oc-group-tile > button {
  background: white;
  color: #1578a8;
  margin-left: 5px;
}
.document-view-old .oc-group-tile .oc-combobox {
  border: 0;
  color: #1578a8;
  box-shadow: none;
  background: white !important;
}
.document-view-old .oc-group-tile .oc-combobox-button > span {
  color: inherit;
}
.document-view-old .oc-group-tile .oc-combobox > input {
  color: inherit;
}
.document-view-old .oc-group-tile > button {
  border: 0;
}
.document-view-old > .oc-table-aggregate {
  background-color: gray;
  color: white;
  border-top: initial;
}
.document-view-old > .oc-table-aggregate .oc-table-header-fixed {
  background-color: #818181;
}
.document-view-old > .oc-table-aggregate > .oc-table-header-columns-area {
  margin-top: initial;
  border: 0;
}
.document-view-old .oc-table-settings-container {
  background: transparent;
}
.document-view-old .oc-table-settings-button {
  background: #1578a8;
}
.document-view-old .oc-table-settings-button:hover {
  background: #136888;
}
.document-view-old .oc-table-header-cell.oc-table-nested-data:before, .document-view-old .oc-table-header-cell.oc-table-nested-data:after {
  border-color: white;
}

.information-item, .information-item.selected {
  background-color: white;
  font-weight: unset;
  padding: 0;
  border: 1px solid #cbcbcb;
  border-radius: 4px;
  margin: 10px 0;
  color: #686868;
}
.information-item .information-header, .information-item.selected .information-header {
  padding: 7px 12px;
  font-weight: bold;
}
.information-item .information-header label, .information-item.selected .information-header label {
  margin-bottom: 0;
  white-space: pre;
}
.information-item .information-body, .information-item.selected .information-body {
  border-top: 1px solid #cbcbcb;
}
.information-item .information-time, .information-item.selected .information-time {
  margin-left: auto;
  color: #73b6f6;
  font-weight: bold;
}
.information-item .information-action-text, .information-item.selected .information-action-text {
  color: #73b6f6;
  padding-left: 5px;
}
.information-item .information-action-text.compound-action-text, .information-item.selected .information-action-text.compound-action-text {
  flex: 3 3 0;
}
.information-item .information-change-body, .information-item.selected .information-change-body {
  padding-top: 3px;
}
.information-item .information-change-body > *, .information-item.selected .information-change-body > * {
  flex: 1;
}

.information-body {
  padding: 6px 12px;
}
.information-body > *:not(:last-child) {
  border-bottom: 1px solid rgba(34, 36, 38, 0.15);
}
.information-body .information-values > *:not(:last-child), .information-body .information-compound-body > *:not(:last-child) {
  border-bottom: 1px solid rgba(34, 36, 38, 0.15);
  padding-bottom: 3px;
}
.information-body .information-values > *:not(:first-child), .information-body .information-compound-body > *:not(:first-child) {
  padding-top: 3px;
}
.information-body .audit-log-signature-invalid-warning {
  font-size: 10px;
  text-align: center;
  color: #ff5e1f;
}
.information-body .information-label {
  font-weight: bold;
}
.information-body .information-label.information-item-label {
  flex: 2 2 0;
}
.information-body .information-item-value {
  flex: 3 3 0;
}

.signature-widget .signature-validity {
  font-weight: 900;
}
.signature-widget .valid {
  color: #57bf9c;
}
.signature-widget .invalid {
  color: #57bf9c;
}
.signature-widget .jump-to-signature {
  text-align: center;
  cursor: pointer;
  text-decoration: underline;
  margin-top: 10px;
  color: #73b6f6;
}

.connection-item,
.version-item,
.comment-sidebar-item {
  background-color: white;
  font-weight: unset;
  padding: 0;
  border: 1px solid #cbcbcb;
  border-radius: 4px;
  margin: 10px 0;
  color: #686868;
}

.connection-item .connection-header,
.version-item .version-header {
  padding: 7px 12px;
  font-weight: bold;
  height: 36px;
}

.connection-item .semi-bold,
.version-item .semi-bold {
  font-weight: 500;
}

.connection-header.selected,
.version-item.selected,
.comment-sidebar-item.selected {
  background-color: #b3e4ff;
  border-color: #4d84a3;
}

.connection-item:not(.selected):hover,
.version-item:not(.selected):hover,
.comment-sidebar-item:not(.selected):hover {
  background-color: rgba(0, 0, 0, 0.15);
}

.connection-bubble {
  border-radius: 20px;
  padding: 1px 6px;
  border: 1px solid #73b6f6;
  max-height: 22px;
  color: #fff;
  background-color: #73b6f6;
  font-weight: bold;
}

.connection-item .sub-item {
  width: 90%;
  margin: 5px auto;
}

.connection-item.selected .sub-item {
  background-color: #c7ebff;
  border-color: inherit;
}

.connection-item .sub:hover {
  background-color: inherit;
}

.conn-icon:hover {
  background: inherit;
}

.comments-sidebar-separator {
  cursor: default;
}

.comment-sidebar-item label {
  margin-left: 3px;
}

.comment-sidebar-item .oc-contenteditable {
  margin: 0px 5px;
  width: 96%;
}

.meta-data-form {
  /*
      .oc-composite-group
      {
          button
          {
              display : initial !important;
          }
      }*/
}
.meta-data-form .oc-form-control {
  border-radius: 5px;
  overflow: hidden;
}

.refresh-icon {
  background-color: transparent;
  border: none !important;
  position: relative;
  top: 2px;
  margin-right: 1px;
}

.search-widget .oc-dropdown > button {
  min-width: 110px !important;
  max-width: 110px;
  overflow: hidden;
}

.addressbook-dialog .oc-dropdown > button {
  min-width: 110px !important;
  max-width: 110px;
  overflow: hidden;
}

.signature-image {
  border: 1px solid gray;
}

.signature-image.selected {
  border: 1px solid gray;
}

.signature-image:hover {
  box-shadow: 0 0 6px #23adff;
}

.docked-table {
  border-left: 4px solid white;
  max-height: 25%;
}

.transparent-ejector {
  background-color: rgba(255, 255, 255, 0.85) !important;
}

.transparent-ejector div,
.transparent-ejector table,
.transparent-ejector tbody,
.transparent-ejector input {
  background-color: transparent !important;
}

.oc-ejector-icon {
  padding: 2px;
}

.oc-ejector-icon:hover {
  background-color: rgba(0, 0, 0, 0.3);
}

/* viewer */
.sub-document-banner {
  border: 1px solid #444;
  background-color: white;
  margin-bottom: 4px;
}

.sub-document-banner-doctype {
  border-right: 1px solid #444;
  padding: 2px 4px;
  background-color: #666;
  color: white;
  margin-bottom: initial;
}

.sub-document-banner-direction {
  border-right: 1px solid #444;
  padding: 2px 4px;
  background-color: #999;
  color: white;
  margin-bottom: initial;
}

.sub-document-banner-partner {
  border-right: 1px solid #444;
  padding: 2px 4px;
  margin-bottom: initial;
}

.sub-document-banner-subject {
  text-align: center;
  padding: 2px 4px;
  margin-bottom: initial;
}

.document-container-partner-label {
  font-weight: bold;
  min-width: 60px;
  color: dodgerblue;
}

.document-header-partner {
  background-color: lightGray;
  color: black;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 5px;
  border-radius: 10px;
}

.document-header-partner label {
  margin-bottom: 0;
}

.document-header-partner-separator {
  background-color: white;
  margin: 2px 4px;
}

.document-header-attachment-item {
  border: 1px solid lightGray;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 11px;
  min-width: fit-content;
  height: 22px;
}

.document-container-subject-label {
  color: coral;
}

.document-new {
  border-left: 2px solid dodgerblue !important;
}

.document-modified {
  border-left: 2px solid red !important;
}

.thumbnail-new {
  color: dodgerblue;
}

.thumbnail-modified {
  color: red;
}

.header-companies-combobox {
  margin: 11.5px;
  backgroundColor: inherit;
  color: #f2f2f2;
  border-color: #f2f2f2;
}

.header-companies-combobox > .oc-combobox-input {
  color: #f2f2f2;
}

.companies-combo-menu > .oc-combo-menu-input {
  color: #f2f2f2;
}

.companies-combo-menu .oc-combobox-input {
  color: #f2f2f2;
}

.oc-list-check-all {
  padding-left: 24px;
}

.oc-list-bubble {
  background: #1578a8;
}

.carousel-attachment {
  border-radius: 5px;
  display: flex;
  justify-content: space-around;
  overflow: hidden;
  color: #dedede;
  pointer-events: initial;
}

.carousel-attachment.current,
.carousel-attachment:hover {
  background: rgba(0, 0, 0, 0.4);
}

.carousel-attachment label {
  overflow: hidden;
  margin-bottom: 0;
  margin-left: 4px;
}

.carousel-attachment i {
  align-self: center;
}

.oc-carousel-selector {
  color: #dedede;
}

.oc-carousel-selector input {
  color: #dedede;
  border-color: #dedede;
}

.oc-carousel .oc-viewer-thumbnails-list {
  border-right: none;
}

.oc-carousel .oc-viewer-thumbnail-caption {
  color: white;
}

.oc-carousel-text {
  pointer-events: initial;
  color: #dedede;
  font-weight: bold;
}

.quick-search-widget {
  border: 1px solid #cccccc;
  padding: 3px;
  height: 36px;
}

.quick-search-widget > .oc-form-control {
  background-color: inherit;
  padding: 0px 26px 0px 26px;
}

.search-settings-button {
  position: absolute;
  right: 15px;
  top: 15px;
  cursor: pointer;
}

.search-save-button {
  position: absolute;
  right: 36px;
  top: 15px;
  cursor: pointer;
}

.search-newline-button {
  background-color: rgba(0, 0, 0, 0.05);
  cursor: pointer;
  margin: 3px 8px;
}

.search-newline-button label:hover {
  cursor: pointer;
}

.meta-data-form .oc-form-header-title {
  font-size: 14px;
}

.eba-connections-list label {
  margin: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.eba-connections-list button {
  margin-bottom: 1px;
}

.eba-connections-list-item {
  display: flex;
  width: 100%;
  padding: 5px;
  margin-top: 1px;
  border-bottom: 1px solid lightgray;
}

.oc-list-listOfItems > .eba-connections-list-item:first-child {
  border-top: 1px solid lightgray;
}

.eba-docgridDetailWidget.oc-stick {
  width: 100%;
}

.folder-view .folder-item {
  margin-left: 2px;
  margin-right: 2px;
  padding: 4px 15px;
  height: 26px;
  align-items: center;
}
.folder-view .folder-item .oc-list-bubble {
  right: 35px;
  margin-bottom: 0;
}
.folder-view .folder-item .oc-list-item-icon {
  align-self: flex-end;
}
.folder-view .folder-title {
  padding-bottom: 4px;
  padding-left: 0px;
}
.folder-view > .oc-menu-search {
  padding: 4px 15px;
}

.template-item {
  cursor: pointer;
  margin: 10px;
  padding: 10px;
  border-radius: 5px;
}
.template-item label {
  cursor: pointer;
  text-overflow: ellipsis;
  text-wrap: nowrap;
  overflow: hidden;
}
.template-item .template-label-name {
  font-weight: bold;
}
.template-item .template-label-info {
  font-size: small;
}
.template-item:hover {
  background-color: rgba(150, 172, 205, 0.3) !important;
}

.oc-menu-search {
  padding: 4px 15px;
  height: 34px;
}

.oc-small-menu-search {
  height: 23px;
  padding: 0px;
}

.save-dialog-list {
  border: 1px solid lightgray;
}

.save-dialog-details-list .oc-list-item {
  padding: 2px;
}

.form-element {
  background-color: white;
}

.oc-flash-element {
  border-color: #96accd !important;
  outline: 0 !important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6) !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px 3px #66afe9 !important;
}

.oc-flash-text {
  color: #66afe9;
}

.ejector-popup {
  background-color: white;
}

.template-selector {
  border-right: 2px solid #2b579a;
  border-top: 2px solid #2b579a;
  border-bottom: 2px solid #2b579a;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  background-color: white;
  overflow: hidden;
}

.oc-notification-center {
  height: calc( 100% - 30px );
}

.oc-notification-banner > .oc-notification {
  height: 40px !important;
  min-height: 40px !important;
}

.organization-item {
  padding: 4px 0px;
}
.oc-list-show-checkboxes .organization-item {
  padding: 4px 0px 4px 21px;
}

.horizontal-line {
  border-bottom-color: #585858;
  border-bottom-width: 0.5px;
  border-bottom-style: solid;
  max-height: 1px;
  width: 100%;
  align-self: center;
}

.separator-label-area {
  width: 100% !important;
  max-width: fit-content !important;
}

.viewer-window-quick-search-action {
  color: white;
  border-color: white !important;
}

.viewer-window-quick-search-action::placeholder {
  color: white;
  opacity: 50%;
}

.viewer-page-pageNumberWidget {
  position: absolute;
  width: 100%;
  bottom: 5px;
  font-size: 15px;
  opacity: 75%;
  text-align: center;
}

.about-logo {
  background: url("images/logo_EBA_DMS.svg");
  display: inline-flex;
  width: 266px;
  height: 61px;
}

.oc-side-mini-panel ul.oc-mini-nav > li > .oc-sidebar-icon {
  height: 49px;
  padding: 14px 0px 14px;
  width: 50px;
}

.doctype-edit label {
  font-size: smaller;
  font-weight: 400;
  order: 1;
  margin-bottom: 0;
  align-self: center;
}
.doctype-edit .oc-composite-button {
  padding: 0 10px;
  order: 2;
}

.simple-table {
  border: 1px solid #a0a0a0;
}
.simple-table tbody > tr::before {
  content: none !important;
}
.simple-table thead {
  background-color: white;
}
.simple-table th {
  border: 1px solid #a0a0a0;
}
.simple-table td {
  border-bottom: 1px solid #a0a0a0;
  border-top: 1px solid #a0a0a0;
}
.simple-table th, .simple-table td {
  padding: 2px 5px;
}
.simple-table th div, .simple-table td div {
  display: flex;
  align-items: center;
}
.simple-table th div i, .simple-table td div i {
  margin-right: 5px;
}

.ruletracer-login-edits {
  align-self: center;
  width: 75%;
  margin-top: 20px;
}

.ruletracer-login-buttons {
  width: 75px;
  align-self: center;
  margin-top: 5px;
}

.session-line-edit {
  background: transparent;
  border: none;
}
.session-line-edit > input {
  background: transparent;
  border: transparent;
  color: #f2f2f2;
}

.document-view-subtable .oc-scrollbar.horizontal.mouseover {
  position: relative;
  background-color: white;
}

.replacement-dialog {
  height: 500px !important;
}

.replacement-edit-dialog {
  height: fit-content !important;
}

.replacement-edit-invalid-dates {
  margin-top: 15px;
}

.active-replacement-row {
  background-color: #459df4b5;
}

.navigator {
  color: #585858;
  background-color: white;
  height: 30px;
}

.navigator-separator {
  width: 1px;
  height: 30px;
  position: relative;
  border-bottom: 2px solid #459DF4;
}
.navigator-separator:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  width: 1px;
  height: 20px;
  background-color: #585858;
}

.navigator-button {
  border-bottom: 2px solid #459DF4;
  height: 30px;
  margin: 0;
  padding: 6px;
  padding-left: 10px;
  padding-right: 10px;
  background-color: white;
  color: #585858;
  list-style: none;
  align-items: center;
  flex: 0 0 auto;
}

.navigator-button.selected, .navigator-button.active {
  border: 2px solid #459DF4;
  border-bottom: transparent;
}

.rn-label-button {
  color: #337ab7;
  text-decoration: none;
}

.rn-label-button:hover {
  cursor: pointer;
  color: #23527c;
}

.viewer-full-width {
  width: 100% !important;
}

.viewer-horizontal-align-center .viewer-container {
  display: flex;
  justify-content: center;
}

.viewer-vertical-align-center .viewer-container {
  display: flex;
  align-items: center;
}

.viewer-vertical-align-top .viewer-container {
  display: flex;
  align-items: flex-start;
}

.viewer-vertical-align-bottom .viewer-container {
  display: flex;
  align-items: flex-end;
}

.viewer-horizontal-align-left .viewer-container {
  display: flex;
  justify-content: flex-start;
}

.viewer-horizontal-align-right .viewer-container {
  display: flex;
  justify-content: flex-end;
}

.presentation-select-widget {
  background-color: #F3F4F8;
}
.presentation-select-widget .presentation-select-container {
  margin: 5px;
}
.presentation-select-widget .presentation-select-container .template-item {
  background-color: white;
}
.presentation-select-widget .presentation-select-container h4, .presentation-select-widget .presentation-select-container h3 {
  font-weight: bold;
}
.presentation-select-widget .presentation-select-container .oc-dropzone {
  margin: 10px;
  background-color: white;
  border: none;
}

.oc-taskbar-item-changed {
  background-color: #F9C0C0 !important;
  font-style: italic;
}

.viewer-info-button {
  position: absolute;
  right: 40px;
  top: 70px;
  background-color: #F3F4F8;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
  z-index: 1;
  font-size: 20px;
  opacity: 0.8;
}
.viewer-info-button:hover {
  background-color: #E0E1E5;
  transform: scale(1.05);
  opacity: 1;
}
.viewer-info-button:last-child {
  display: none;
}
.viewer-info-button:first-child {
  margin: 0;
  display: flex;
}

/*# sourceMappingURL=ebamobile.css.map */