/*!**************************Confidential and Proprietary*****************************
* File Name: Collaboration.css
********************Copyright (c) Hyland Software, Inc. 1992-2022********************/
.allWorkspacesLayoutBody {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.allWorkspacesLayoutForm {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.allWorkspacesPanel {
  flex: 0 1 auto;
}
.workspaceInfo {
  display: flex;
  flex-direction: column;
  flex: 0 1 auto;
  margin-top: 10px;
  overflow: auto;
  height: 220px;
}
.workspaceInfo div {
  display: flex;
  flex-direction: row;
  flex: 0 0 auto;
  flex-wrap: wrap;
  margin-bottom: 10px;
  word-break: break-all;
}
.allWorkspacesDivider {
  margin-top: 20px;
}
.discussionThreadInterface {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  padding: 10px;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.topPortion.tree img {
  margin: 0 4px;
  cursor: default;
}
#postHeader,
.topRow,
#postHeaderDiv {
  flex: 0 0 auto;
}
#postHeader {
  display: flex;
  flex-direction: row;
}
#postHeader .labels {
  flex: 1 1 auto;
}
#postHeader .buttons {
  flex: 0 0 auto;
}
.isReplyMode .topRow,
.isReplyMode #tblPost {
  display: none !important;
}
.topRow {
  border-bottom: 1px solid #ccc;
}
.topRow.threadView {
  display: flex;
  flex-direction: column;
  border: none;
  flex: 1 1 auto;
  height: 100%;
  overflow: hidden;
}
#tblPost,
#newPostRegion {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  width: 100%;
  overflow: hidden;
}
#newPostRegion .countedTextInput {
  background-color: transparent;
}
#newPostRegion .countedTextArea {
  width: 100%;
}
.newPostTop {
  flex: 0 0 auto;
  margin-bottom: 20px;
}
.subjectLabel.panelTitle {
  margin-top: 25px;
  flex: 0 0 auto;
}
#attachmentsPanel {
  flex: 0 0 auto;
  max-height: 150px;
  overflow-y: auto;
  margin-top: 5px;
  padding-top: 5px;
}
.topPortion {
  min-height: 100px;
  max-height: 200px;
  overflow-y: auto;
  flex: 0 0 auto;
  margin-bottom: 5px;
}
.topPortion.threadTree {
  flex: 1 1 auto;
  max-height: 100%;
  max-height: unset;
}
.discussionThreadLayout,
.tree {
  overflow: auto;
}
.noWrap {
  white-space: nowrap;
}
.thread,
.parent {
  cursor: pointer;
  display: block;
  width: 100%;
}
.postTable,
.attachTable {
  border: 0;
  width: 100%;
}
.thread,
.branch > span {
  padding-top: 2px;
  padding-bottom: 2px;
}
.thread *,
.branch * {
  vertical-align: middle;
}
.postIcon {
  width: 1px;
}
.postIcon img {
  display: block;
  margin-left: 5px;
}
.readPostTitle {
  margin-left: 5px;
}
.branch {
  display: none;
  margin-left: 16px;
}
.branch [dir=rtl] {
  margin-left: 0;
  margin-right: 16px;
}
.rightSpacing {
  width: 10px;
}
.subjectCell {
  width: 15%;
}
.clearButtons,
.saveCancelButtons {
  height: 8px;
}
.saveCancelButtons {
  padding-top: 5px;
}
.viewAttachmentNameHeader {
  width: 93%;
}
.viewAttachmentHeader {
  width: 7%;
}
.nameHeader {
  width: 75%;
}
tr[id*="docRow_"] td:nth-child(2) img,
tr[id*="docRow_"] td:nth-child(3) img {
  display: block;
}
.largePostTextHolder {
  height: 250px;
}
.tblViewer {
  height: 100%;
  width: 100%;
}
.notifyDiv {
  flex: 0 0 auto;
  margin: 0 0 3px -3px;
}
.notifyDiv [dir=rtl] {
  margin: 0 -3px 3px 0;
}
#attachedDocTable {
  width: 75%;
  margin-top: 10px;
}
.attachments {
  overflow: auto;
  max-height: 100px;
  flex: 0 0 auto;
}
#showPostRegion {
  width: 100%;
  height: auto;
  flex: 0 1 auto;
  overflow: auto;
}
#tbSubject {
  margin-left: 10px;
}
[dir=rtl] #tbSubject {
  margin-left: 0;
  margin-right: 10px;
}
#threadDisplayTypeButtons {
  display: flex;
  flex-direction: row;
  height: 34px;
  align-items: center;
  flex: 0 0 auto;
}
#threadDisplayTypeButtons img,
#threadDisplayTypeButtons input {
  margin: 0 3px;
  width: 18px;
  height: 16px;
  flex: 0 0 auto;
}
.imgArrowFlexContainer {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  flex: 1 1 auto;
}
#tdPostDetailTable img {
  margin-right: 6px;
  cursor: pointer;
}
#tdPostDetailTable img [dir=rtl] {
  margin-right: 0;
  margin-left: 6px;
}
#tdPostDetailTable td {
  vertical-align: middle;
}
#postHeaderDiv {
  padding: 5px 2px;
}
#tdPostDetailsRegion {
  /*push icons to far edge*/
  width: 100%;
}
.prevNextButtons {
  padding-left: 10px;
}
.prevNextButtons [dir=rtl] {
  padding-left: 0;
  padding-right: 10px;
}
.threadAuthor {
  padding-bottom: 5px;
}
.threadSubject {
  padding: 5px 0 3px 0;
}
.threadDate {
  font-size: 12px;
  color: #757575;
}
.messageInfoLabel {
  margin: 0 6px;
}
#tdShowText {
  height: 100%;
  overflow: auto;
  position: relative;
}
#tdShowTextHolder {
  padding: 10px;
}
#imgCreateThread {
  display: block;
  padding-right: 10px;
}
.attachmentsTable {
  /*scrolling handled by .attachmentsPanel */
  overflow: hidden;
}
.attachmentsTable tr td {
  padding-left: 10px;
}
.attachmentsTable tr td [dir=rtl] {
  padding-left: 0;
  padding-right: 10px;
}
.attachButtonBox {
  display: flex;
  flex-direction: row;
  margin: 40px 0 10px 0;
  flex: 0 0 auto;
}
#attachLink {
  flex: 0 0 auto;
}
#primary-buttons.discussionThreadBottom {
  display: flex;
  flex-direction: row;
  margin: 20px 4px 5px 4px;
  flex: 0 0 auto;
  align-self: flex-end;
}
#btnSave {
  margin: 0 4px;
}
.selectedThreadTreeNode {
  background-color: rgba(11, 120, 209, 0.15);
}
.noChildPlaceholder {
  width: 10px;
  height: 5px;
}
.threadContanerViewToggle.isOpen {
  transform: rotate(-90deg);
}
[dir=rtl] .threadContanerViewToggle.btn-svg.isOpen {
  transform: rotate(-90deg);
}
.discussionThreadInterface .nestThreadDiv {
  margin: 5px;
}
.discussionThreadInterface .nestPostDiv {
  margin: 10px 0 0 30px;
}
[dir=rtl] .discussionThreadInterface .nestPostDiv {
  margin: 10px 30px 0 0;
}
.discussionThreadInterface .nestThreadHeader,
.discussionThreadInterface .nestPostHeader {
  height: 30px;
  width: 100%;
  border: 1px solid #ccc;
  border-bottom: none;
}
.discussionThreadInterface .nestSubject {
  /*this is the table cell that opens/closes nested posts. Make as wide as possible so that user can click anywhere in the subject area
            to expand the post.
        */
  padding: 1px 0 0 5px;
  margin-left: 5px;
  cursor: pointer;
  width: 100%;
}
.discussionThreadInterface .nestHeaderInfo {
  padding: 5px;
  border: 1px solid #ccc;
  border-top: none;
  border-bottom: none;
  font-size: 12px;
}
.discussionThreadInterface .nestFooter {
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
.discussionThreadInterface .nestLabelLink {
  display: block;
  margin: 0;
  /*negate margin of elementTitle*/
  padding: 5px;
}
.discussionThreadInterface .nestLabelLink:hover {
  text-decoration: underline;
}
.discussionThreadInterface .nestFooter * {
  cursor: pointer;
}
.discussionThreadInterface .nestPostButtons {
  text-align: right;
}
[dir=rtl] .discussionThreadInterface .nestPostButtons {
  text-align: left;
}
.discussionThreadInterface .nestPostButtons button {
  vertical-align: middle;
  margin: 2px;
}
.discussionThreadInterface .nestPostTextDiv,
.discussionThreadInterface .nestPostText {
  overflow: hidden;
}
.discussionThreadInterface .nestPostTextDiv {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
.discussionThreadInterface .nestPostText {
  height: 100%;
  width: 99%;
  border: none;
  padding: 5px 5px 5px 10px;
}
.discussionThreadInterface .nestShowQuotedTextLabel {
  display: inline-block;
  padding: 5px;
}
.discussionThreadInterface .nestAttachmentsDiv {
  overflow: hidden;
}
.discussionThreadInterface .postViewActionButtons button {
  margin: 0 2px;
  font-size: 12px;
}
.discussionThreadInterface .postViewActionButtons button:first-child {
  margin-left: 0;
}
[dir=rtl] .discussionThreadInterface .postViewActionButtons button:first-child {
  margin-right: 0;
}
.workspaceName {
  font-size: 16px;
}
#frameWrapperDiv {
  display: flex;
  flex-direction: column;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.13);
  flex: 1 1 auto;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
#frameWorkspace {
  height: 100%;
  width: 100%;
  overflow: hidden;
}
#frameWorkspaceList {
  background-color: #fff;
  padding-top: 5px;
}
.workspaceContainerLayoutBody {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.workspaceContainerLayoutForm {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  overflow: hidden;
  flex: 1 1 auto;
}
.workspaceContainer {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  height: 100%;
}
.threadViewTitleBar {
  display: flex;
  flex-direction: row;
  background-color: #fff;
  flex: 0 0 auto;
  align-items: center;
  padding: 10px;
}
.threadViewTitleBar .discussionThreadName {
  color: #0e73d8;
  font-size: 14px;
  flex: 1 1 auto;
  margin: 0;
}
.threadViewTitleBar .closeThreadView {
  flex: 0 0 auto;
}
.workspaceContainerLoading {
  background-color: #fff;
  z-index: 2000;
}
.createWorkspaceLayoutBody {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  width: 100%;
}
.createWorkspaceLayoutForm {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  overflow: hidden;
  width: 100%;
}
textarea {
  resize: none;
}
#txtWelcomeMessage {
  width: 100%;
}
.errorText {
  color: #ee3823;
}
.workspaceTab {
  white-space: nowrap;
}
.fullWidth,
.panelDiv {
  width: 100%;
}
.panelDiv,
.tabDiv {
  overflow: auto;
}
.tabDiv {
  overflow-x: hidden;
  padding: 10px 0 0 20px;
}
[dir=rtl] .tabDiv {
  padding: 10px 20px 0 0;
}
#divDefaults .tabDiv {
  overflow-x: hidden;
  padding-left: 40px;
  padding-top: 0;
}
[dir=rtl] #divDefaults .tabDiv {
  padding-right: 40px;
  padding: 20px;
}
#wksUsersTbl {
  width: 64%;
  margin-top: 15px;
  margin-left: 15px;
}
[dir=rtl] #wksUsersTbl {
  margin-left: 0;
  margin-right: 15px;
}
#wksUsersDLB table {
  width: 100% !important;
}
.listBoxLabels td {
  width: 50%;
}
.lblAssignedUsers {
  margin-left: 55px;
}
[dir=rtl] .lblAssignedUsers {
  margin-left: 0;
  margin-right: 55px;
}
.MultipleInput {
  width: 200px !important;
  height: 175px !important;
  text-align: left;
}
[dir=rtl] .MultipleInput {
  text-align: right;
}
#wksUsersDLB tr td:nth-child(3) div.MultipleInput {
  float: right !important;
  text-align: left !important;
}
[dir=rtl] #wksUsersDLB tr td:nth-child(3) div.MultipleInput {
  float: left !important;
  text-align: right !important;
}
#wksUsersDLB tr td:nth-child(3) div.ActiveSelect {
  float: right !important;
}
[dir=rtl] #wksUsersDLB tr td:nth-child(3) div.ActiveSelect {
  float: left !important;
}
#tabHolder {
  flex: 0 0 auto;
}
#tblAttrs,
#tabHolder,
#tabHolderForDefaults {
  padding-top: 10px;
}
#tabHolderForDefaults {
  padding-left: 25px;
  padding-bottom: 15px;
}
[dir=rtl] #tabHolderForDefaults {
  padding-left: 0;
  padding-right: 25px;
}
#workspaceTabs,
#workspaceSubTabs {
  width: 100%;
  position: relative;
  top: 1px;
  z-index: 1000;
  margin: 0;
  padding-left: 15px;
}
[dir=rtl] #workspaceTabs,
[dir=rtl] #workspaceSubTabs {
  padding-left: 0;
  padding-right: 15px;
}
#lblEditWorkspaceMessage {
  padding: 0 15px;
}
.indentedCheckbox {
  margin-left: 20px;
}
[dir=rtl] .indentedCheckbox {
  margin-left: 0;
  margin-right: 20px;
}
#divGeneral {
  flex: 1 1 auto;
}
.divGeneralContainers {
  padding: 20px;
}
.userOptionsButton {
  float: right;
  margin-top: 10px;
}
[dir=rtl] .userOptionsButton {
  float: left;
}
#tblAttrs {
  padding-left: 10px;
}
[dir=rtl] #tblAttrs {
  padding-left: 0;
  padding-right: 10px;
}
.findWorkspaceLayoutBody {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.findWorkspaceLayoutBody #listWorkspaces {
  overflow: auto;
  flex: 1 1 auto;
  min-height: 40px;
}
.findWorkspaceLayoutBody #lbTemplates {
  margin: 5px 0;
}
.findWorkspaceLayoutBody #pnlAttributes {
  margin-bottom: 15px;
  max-height: 150px;
  overflow-y: auto;
  overflow-x: hidden;
}
.findWorkspaceLayoutBody #lblAttributes {
  margin-top: 10px;
}
.findWorkspaceLayoutBody #lblAttributes,
.findWorkspaceLayoutBody #lblActivity {
  position: relative;
}
.findWorkspaceLayoutBody #lblNoResults {
  padding-top: 10px;
}
.findWorkspaceLayoutBody .findWorkspaceLayoutForm {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.findWorkspaceLayoutBody .findWorkspacePanel {
  flex: 0 0 auto;
}
.findWorkspaceLayoutBody .workspaceResultsPanel {
  margin-top: 10px;
}
.findWorkspaceLayoutBody .workspaceDetails {
  word-break: break-all;
  flex: 1 0 auto;
  max-height: 200px;
  overflow: auto;
}
.findWorkspaceLayoutBody .workspaceDetails div {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.findWorkspaceLayoutBody .workspaceSearchDivider.panelDivider {
  margin: 10px 0;
}
.findWorkspaceLayoutBody .findWorkspaceTextBox {
  width: 95%;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 5px;
}
.findWorkspaceLayoutBody .findWorkspaceLabel {
  width: 100%;
  margin-left: 5px;
  margin-right: 5px;
}
.displayDiscussionThreadsBody {
  overflow: hidden !important;
}
.displayDiscussionThreadsBody form {
  height: 100%;
}
.displayDiscussionThreadsBody .wrapperDiv {
  height: 100%;
  width: 100%;
  overflow: auto;
  padding: 10px;
}
.viewWorkspaceTreeBody {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden !important;
}
.viewWorkspaceTreeBody form {
  width: 100%;
  height: 100%;
}
.addToWorkspaceBody {
  background-color: #f9f9f9;
}
.addToWorkspaceBody #ddlWorkspaces {
  width: 90%;
}
.addToWorkspaceBody #lblNoWorkspaces {
  width: 100%;
}
.collabTemplateBody ul {
  list-style: none;
  padding: 0;
  margin: 0;
  position: relative;
}
.collabTemplateBody .templateDropDown {
  width: 80%;
}
.postNewThreadBody {
  background-color: #757575;
  padding: 7px;
}
.postNewThreadBody #newPostRegion {
  margin: 0 !important;
}
.postNewThreadBody .discussionHeader {
  padding: 0 !important;
}
.postNewThreadBody .docDiscussionName {
  width: 430px !important;
}
.postDocumentRetrievalBody {
  border: 7px solid #757575;
}
.postDocumentRetrievalBody form {
  display: flex;
  flex-direction: row;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.postDocumentRetrievalBody .collabRetrieveFrame {
  height: 100%;
  width: 320px;
  flex: 0 0 auto;
}
.postDocumentRetrievalBody .docResultsFrame {
  height: 100%;
  flex: 1 1 auto;
  overflow: hidden;
}
.collabRetrieveResultsBody {
  position: relative;
  height: 100%;
  width: 100%;
  padding: 10px;
  background-color: #fff;
  border-left: 1px solid #ccc;
}
[dir=rtl] .collabRetrieveResultsBody {
  border-left: 0;
  border-right: 1px solid #ccc;
}
.collabRetrieveResultsBody .resultsPanelContainer {
  overflow: auto;
  height: 100%;
  width: 100%;
}
.collabRetrieveResultsBody .resultsPanel {
  overflow: auto;
  height: 100%;
  width: 100%;
}
.collabRetrieveResultsBody .resultsGrid {
  width: 100%;
}
.collabRetrieveResultsBody .docNameCell {
  word-wrap: break-word;
}
.collabRetrieveResultsBody .iconCell {
  width: 40px;
}
.collabRetrieveResultsBody .retrievalError {
  color: red;
  padding-top: 50px;
  text-align: center;
}
.threadSecurityBody #divControls,
.threadSecurityBody #divSecurityMessage {
  position: relative;
  width: 100%;
  padding-top: 20px;
}
.threadSecurityBody #controlTable,
.threadSecurityBody #UsersDLB,
.threadSecurityBody #UsersDLB table,
.threadSecurityBody #UserGroupsDLB,
.threadSecurityBody #UserGroupsDLB table {
  width: 100% !important;
}
.threadSecurityBody div[id*="multipleSelect"],
.threadSecurityBody .ActiveSelect {
  width: 204px !important;
  height: 110px !important;
}
.threadSecurityBody .dlb_ArrowsCell {
  width: 65px !important;
}
.threadSecurityBody #trUserGroupsSpace {
  height: 15px;
}
.threadSecurityBody #trNotify td {
  padding-top: 10px;
  position: relative;
}
.threadSecurityBody #trUsersLabels td div,
.threadSecurityBody #trUserGroupsLabels td div {
  display: inline-block;
  width: 49%;
}
[dir=rtl] .threadSecurityBody #trUsersLabels td div,
[dir=rtl] .threadSecurityBody #trUserGroupsLabels td div {
  text-align: right;
}
.threadSecurityBody #lblAssignedUsers,
.threadSecurityBody #lblAssignedUserGroups {
  text-indent: 26px;
}
.threadSecurityBody .rightAlign {
  text-align: right;
}
.threadSecurityBody [dir=rtl] .rightAlign {
  text-align: left;
}
.threadSecurityBody .leftAlign,
.threadSecurityBody div[id*="multipleSelect"],
.threadSecurityBody .ActiveSelect {
  text-align: left;
}
.threadSecurityBody [dir=rtl] .leftAlign,
.threadSecurityBody [dir=rtl] div[id*="multipleSelect"],
.threadSecurityBody [dir=rtl] .ActiveSelect {
  text-align: right;
}
.collabWorkspaceUserOptionsBody .space {
  padding-top: 10px;
}
.collabWorkspaceUserOptionsBody .banner {
  margin: 0;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
}
.collabWorkspaceUserOptionsBody .noWrap {
  white-space: nowrap;
}
.collabWorkspaceUserOptionsBody .fullWidth {
  width: 100%;
}
.collabWorkspaceUserOptionsBody .halfWidth {
  /* Right side options are pushed down when at 50%*/
  width: 49%;
  display: inline-block;
  vertical-align: top;
}
.collabWorkspaceUserOptionsBody .hangingIndent {
  display: block;
  text-indent: -20px;
  margin-left: 20px;
}
.collabWorkspaceUserOptionsBody [dir=rtl] .hangingIndent {
  margin-left: 0;
  margin-right: 20px;
}
.collabWorkspaceUserOptionsBody .optionsDivider {
  height: 10px;
}
.collabWorkspaceUserOptionsBody .checkboxPadding {
  padding-left: 20px;
}
.collabWorkspaceUserOptionsBody [dir=rtl] .checkboxPadding {
  padding-left: 0;
  padding-right: 20px;
}
.collabWorkspaceUserOptionsBody .indent {
  padding-left: 20px;
}
.collabWorkspaceUserOptionsBody [dir=rtl] .indent {
  padding-left: 0;
  padding-right: 20px;
}
.collabViewWorkspaceBody {
  overflow: hidden;
}
.collabViewWorkspaceBody form {
  height: 100%;
  min-height: 100%;
  width: 100%;
  overflow: hidden;
}
.collabViewWorkspaceBody iframe {
  left: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  border: 0;
  overflow: hidden;
}
.collabViewWorkspaceBody iframe,
.collabViewWorkspaceBody #ViewerHolder {
  position: absolute;
  right: 0;
  width: 100%;
}
.collabViewWorkspaceBody .outerContainer {
  position: relative;
  height: 100%;
  min-height: 100%;
  width: 100%;
  min-width: 100%;
}
.collabViewWorkspaceBody .topContainer {
  top: 0;
  height: 155px;
}
.collabViewWorkspaceBody .topContainer,
.collabViewWorkspaceBody .bottomContainer {
  min-height: 100px;
}
.collabViewWorkspaceBody .workspaceFlatLayoutForm,
.collabViewWorkspaceBody .workspaceContainer {
  height: 100%;
}