/* ***************************************************************** */
/*                                                                   */
/* HCL Confidential                                                  */
/*                                                                   */
/* OCO Source Materials                                              */
/*                                                                   */
/* Copyright HCL Technologies Limited 2022                           */
/*                                                                   */
/* The source code for this program is not published or otherwise    */
/* divested of its trade secrets, irrespective of what has been      */
/* deposited with the U.S. Copyright Office.                         */
/*                                                                   */
/* ***************************************************************** */

.app-files.cnx8-ui #tertiary_level_nav div {
  margin: auto;
  padding: 0;
  line-height: 15px;
}

.app-files.cnx8-ui #tertiary_level_nav div a {
  display: block !important;
}

/* hide community files, public files, trash and files and folders from left nav */
.app-files.cnx8-ui #lotusMain #communityFilesNav {
  display: none !important;
}

.app-files.cnx8-ui #lotusMain #publicNav {
  display: none !important;
}

.app-files.cnx8-ui #lotusMain #trashNav {
  display: none !important;
}

.app-files.cnx8-ui #lotusMain #filesAndFoldersNav {
  display: none !important;
}

.app-files.cnx8-ui #tertiary_level_nav div.lotusSelected a {
  color: var(--color-tab-text-selected);
  border-bottom: 2px solid var(--color-tab-text-selected) !important;
  /* box-shadow: inset 0px -2px 0px 0px var(--color-tab-border-selected) !important; */
}

.app-files.cnx8-ui .lotusToolBar .toolActions .actionOn:after,
.app-files.cnx8-ui .lotusToolBar #qkrViewControl .viewOn:after {
	 border-bottom: 2px solid var(--color-tab-text-selected) !important;
}

.app-files.cnx8-ui #tertiary_level_nav div a:hover {
  color: var(--color-tab-text-selected);
}

.app-files.cnx8-ui #tertiary_level_nav div.lotusSelected a span {
  color: var(--color-tab-text-selected);
}

.app-files.cnx8-ui #tertiary_level_nav .lotusColLeft.newButton {
  margin: 0 1rem 0 2rem;
}

.app-files.cnx8-ui #tertiary_level_nav .lotusGlobalActionBar {
  margin-bottom: 0px !important;
}

.app-files.cnx8-ui #lotusMain {
  margin: 0px 0px 0px 0px !important;
  padding: inherit;
  min-height: calc(100vh - 200px) !important
}

.app-files.cnx8-ui #lotusTopNav #lotusTitleBar {
  display: none!important;
}

.lconnFiles .myDriveNavigation .lotusInner .myDriveNormalItem div img {
 margin-right: 10px;
}

.lconnFiles .myDriveNavigation .lotusInner #recentviewNav.lotusSelected,
.lconnFiles .myDriveNavigation .lotusInner #recentviewNav:hover {
  background-color: var(--color-third-navigation-selected-option) !important;
}

.lconnFiles .myDriveNavigation .lotusInner #recentviewNav {
  margin-top: 10px !important;
}

.app-files.cnx8-ui  #tertiary_level_nav .iconTrash {
  display: none;
}

/* added by vinayak*/

.app-files.cnx8-ui #tertiary_level_nav .lotusBtn {
  padding: 2px 0px !important;
  text-align: center;
  text-shadow: none !important;
}

.app-files.cnx8-ui #tertiary_level_nav .lotusBtn img{
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='MuiSvgIcon-root' focusable='false' viewBox='0 0 32 32' aria-hidden='true' role='presentation' data-mui-test='caret--downIcon' style='font-size: 3em;'%3E%3Cpath d='M23 12l-7 8-7-8h14z'%3E%3C/path%3E%3C/svg%3E");
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(73deg) brightness(102%) contrast(101%);
  padding: 0px 5px;
  background-position: center;
  background-size: 155%;
  opacity: 1;	
}

.app-files.cnx8-ui .toolActions a svg {
   width: 95px !important; 
   height: 23px;
   padding-top: 6px;
}

.lotusToolBar.colLeftHidden .toolActions a svg {
	width: 35px !important;
	height: 23px;
}

.lconnFiles .toolActions a:focus {
	box-shadow: none !important;
}

.app-files.cnx8-ui .lotusTopNav .lotusToolBar {
   padding: 4px 0px 0px 0px !important;
   height: 50px !important;
}
.app-files.cnx8-ui .lotusMain .lotusColLeft {
   padding: 0px;
}

.app-files.cnx8-ui .toolActions {
   padding: 0;
   width: 220px;
   background: #F2F4F5;
   justify-content: center;
   box-sizing: revert;
   border-right: 1px solid #ccc;
}

.app-files.cnx8-ui .toolActions a {
   border: 2px solid transparent;
   border-radius: 2px;
   padding: 1px 2px;
}

.app-files.cnx8-ui .toolActions a:focus {
   border: 2px solid var(--color-highlight-focus);
}

/* CNX-32950 Left nav tree focus indicators */
.app-files.cnx8-ui div.node.lconnSystemNavFolder,
.app-files.cnx8-ui div.node .dojoDndItem .headerSelector,
.lconnFilesTree .node {
    border: 1px solid transparent;
}

.app-files.cnx8-ui div.node.lconnSystemNavFolder:focus-visible,
.app-files.cnx8-ui div.node .dojoDndItem .headerSelector:focus-visible,
.lconnFilesTree .node:focus {
    border: 1px solid var(--color-highlight-focus);
}

/* Added by Vinayak */
.app-files.cnx8-ui .lotusToolBar .lotusBtnContainer {
   padding-left: 15px;
}

.app-files.cnx8-ui .lconnContentSceneActions:before {
   left: 0px !important;
   height: 50px;
   top: -2px;
   background-color: transparent !important;
}
.app-files.cnx8-ui .lotusColLeft #lconnSideNavBody .myDriveNavigation {
   margin-left: 0 !important;
}

.app-files.cnx8-ui .toolActions a:focus,
.app-files.cnx8-ui .lotusColLeft #lconnFolderNavPanel .dojoDndItem a:focus,
.app-files.cnx8-ui .lotusColLeft #recentviewNav a:focus {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px var(--color-input-focus);
}

.app-files.cnx8-ui .lotusColLeft #lconnSideNavBody {
   margin: 0px 0px 10px 0px !important;
   padding-left: 0 !important;
   padding-right: 0 !important;
   background: #F2F4F5;
}

.app-files.cnx8-ui #lotusFrame #lotusColLeft div.lotusSelected,
.app-files.cnx8-ui #lotusFrame #lotusColLeft .lotusHeading:hover,
.app-files.cnx8-ui #lotusFrame #lotusColLeft .headerSelector:hover {
  border-left: none !important;
  background-color: var(--color-third-navigation-selected-option) !important;
  font-weight: var(--font-weight-normal);
}

.app-files.cnx8-ui #lotusFrame #lotusColLeft #recentviewNav.lotusSelected a {
  margin: 14px 8px !important;
}

.app-files.cnx8-ui #lotusFrame #lotusColLeft .headerSelector {
  border-left: none !important;
  padding-left: 5px !important;
}

.app-files.cnx8-ui #lotusFrame #lotusColLeft .headerSelector .twisty {
  padding-right: 4px !important;
}

.app-files.cnx8-ui #lotusFrame #lotusColLeft .headerSelector .header {
  min-height: 28px !important;
}

.app-files.cnx8-ui #lotusFrame #lotusColLeft .lotusHeading {
  margin-top: 10px !important;
  padding: 0 !important;
}

.app-files.cnx8-ui #lotusFrame #lotusColLeft .lconnFilesTree .node {
  margin: 4px 0!important;
}

.app-files.cnx8-ui #lotusFrame #lotusColLeft .lotusTwistyClosed {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='MuiSvgIcon-root' focusable='false' viewBox='0 0 32 32' aria-hidden='true' fill='grey' role='presentation' data-mui-test='caret--rightIcon' style='font-size: 3em;'%3E%3Cpath d='M13 9l8 7-8 7V9z'%3E%3C/path%3E%3C/svg%3E");
  background-position: center !important;
  width: 20px !important;
  height: 20px !important;
  margin: 0 4px !important;
}

.app-files.cnx8-ui #lotusFrame #lotusColLeft .lotusTwistyOpen {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='MuiSvgIcon-root' focusable='false' viewBox='0 0 32 32' aria-hidden='true' fill='grey' role='presentation' data-mui-test='caret--downIcon' style='font-size: 3em;'%3E%3Cpath d='M23 12l-7 8-7-8h14z'%3E%3C/path%3E%3C/svg%3E");
  background-position: center !important;
  width: 20px !important;
  height: 20px !important;
  margin: 0 4px !important;
}

.app-files.cnx8-ui #lotusFrame #lotusColLeft .lotusRefinePanelArrow.lotusRefinedPanelTwistyClosed {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='MuiSvgIcon-root' focusable='false' viewBox='0 0 32 32' aria-hidden='true' fill='grey' role='presentation' data-mui-test='caret--upIcon' style='font-size: 3em;'%3E%3Cpath d='M9 20l7-8 7 8H9z'%3E%3C/path%3E%3C/svg%3E");
  background-position: center !important;
  width: 20px !important;
  height: 20px !important;
  margin: 0 4px !important;
}

.app-files.cnx8-ui #lotusFrame #lotusColLeft .dojoDndItem {
  position: relative;
  min-height: 28px;
}

.app-files.cnx8-ui #lotusFrame #lotusColLeft .dojoDndItem a { 
  margin-top: 0px;
  margin-left: 25px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.app-files.cnx8-ui #lotusFrame #lotusColLeft .myDriveAnonymous .lotusInner .lotusHeading {
  margin: 10px 0px 0px 0px !important;
  min-height: 28px !important;
  line-height: 2 !important;
}

.app-files.cnx8-ui #lotusFrame #lotusColLeft .myDriveAnonymous .lotusInner .lotusHeading a {
  margin: 14px 8px;
  padding: 2px 10px;
}

.app-files.cnx8-ui #lotusFrame #lotusColLeft a,
.app-files.cnx8-ui #lotusFrame #lotusColLeft h3, 
.app-files.cnx8-ui #lotusFrame #lotusColLeft span, 
.app-files.cnx8-ui #lotusFrame #lotusColLeft .XlotusSubsectionInfo {
  color: var(--color-tab-text);	
}

.app-files.cnx8-ui .lotusColLeft .lconnFilesTree .node .headerOuter {
  border: none !important;
}

.app-files.cnx8-ui .lotusColLeft #lconnFilterPanel .lotusSection {
  margin: 0 0 20px 0 !important;
}

.app-files.cnx8-ui .lotusColLeft .lotusSection .lotusList li .lotusLeft {
  padding-left: 10px;
}

.app-files.cnx8-ui .lotusColLeft #lconnFilterPanel .lotusSection h2 span[id$="_titleSpan"] {
  padding-left: 10px !important;
}

.app-files.cnx8-ui .lotusColLeft #lconnTagCloudFilter #lconnTagCloudContent {
  margin: 0 !important;
}


.app-files.cnx8-ui .lotusColLeft #lconnFilterPanel #lconnTagCloudFilter_expandLink,
.app-files.cnx8-ui .lotusColLeft #lconnFilterPanel a[id^=section_][id*=_expandLink] {
	padding-right: 16px !important;
}
.app-files.cnx8-ui .lotusColLeft #lconnTagCloudFilter #lconnTagCloudContent div[dojoattachpoint=_selectedTagsSection] h3 {
	font-size: var(--font-size-medium);
}

.app-files.cnx8-ui .lotusColLeft #lconnTagCloudFilter #lconnTagCloudContent .lotusSearch .lotusBtnImg .lotusSearchButton {
  background-color: var(--color-button) !important;
  width: 25px !important;
  height: 26px !important;
  background-repeat: no-repeat;
  background-image: url(/connections/resources/web/com.ibm.lconn.core.styles.oneui3/images/blogs/search-tags.svg?etag=20220616.143209);
  background-position: center;
  background-size: 17px;
}

.app-files.cnx8-ui .lotusColLeft #lconnTagCloudFilter #lconnTagCloudContent .lotusSearch input.lotusText{
	height: 17px !important;
	margin: 0 5px 0 0;
}

.app-files.cnx8-ui .lotusColLeft #lconnTagCloudFilter #lconnTagCloudContent .lotusSearch .lotusBtnImg .lotusSearchButton:hover {
	opacity: 1 !important;
}

.app-files.cnx8-ui .lotusColLeft #lconnTagCloudFilter #lconnTagCloudContent .lconnEmpty {
  /* padding-left: 10px !important; */
  color: var(--color-tab-text);
}

.app-files.cnx8-ui .lotusColLeft #lconnFilterPanel ul.lotusList li:hover,
.app-files.cnx8-ui .lotusColLeft #lconnFilterPanel ul.lotusList li.lotusSelected {
  background-color: var(--color-third-navigation-selected-option) !important;
  font-weight: var(--font-weight-normal);
  text-decoration: none;
}

.app-files.cnx8-ui .lotusColLeft #lconnFilterPanel ul.lotusList li a.lotusDelete {
  margin-right: 10px !important;
}

.app-files.cnx8-ui .lotusColLeft #lconnFilterPanel ul.lotusList li {
  margin: 4px 0 !important;
  text-decoration: none;
}

.app-files.cnx8-ui .lotusColLeft #lconnFilterPanel ul.lotusList li a {
  text-decoration: none;
}

.app-files.cnx8-ui #menu_filescnx8:hover {
  background-color: #e0e0e0;
}

.app-files.cnx8-ui #lotusContent :is(.lotusMessage2, .lotusMessage) a,
.app-files.cnx8-ui #lotusContent :is(.lotusMessage2, .lotusMessage) a:hover,
.app-files.cnx8-ui :is(.lotusMessage2, .lotusMessage) a,
.app-files.cnx8-ui :is(.lotusMessage2, .lotusMessage) a:hover {
  color: white;
  font-weight: var(--font-weight-medium);
  text-decoration: underline;
}

.app-files.cnx8-ui :is(.lotusMessageBody, .lconnFileUploadStatusMessage) span,
.app-files.cnx8-ui :is(.lotusMessageBody, .lconnFileUploadStatusMessage) span div,
.app-files.cnx8-ui :is(.lotusMessageBody, .lconnFileUploadStatusMessage) span div a,
.app-files.cnx8-ui :is(.lotusMessageBody, .lconnFileUploadStatusMessage) span div:hover,
.ics-viewer .ics-viewer-details .ics-viewer-details-shelf div.moreButton.moreButtonDisplay span.dijitButtonText {
  color:white !important;
}

.app-files.cnx8-ui  :is(.lotusMessage2, .lotusMessage) {
  display: flex;
  width: fit-content !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  margin: 8px !important;
  padding: 6px 16px !important;
  background-color: var(--color-info-message) !important;
}

.app-files.cnx8-ui :is(.lotusMessageContainer, .lconnFileUploadStatus) {
  margin-right: 0 !important;
}

.app-files.cnx8-ui :is(.lotusMessage2, .lotusMessage) :is(.lotusMessageBody, .lconnFileUploadStatusMessage) {
  padding: 5px !important;
  border: none !important;
  margin-right: 20px !important;
}

.app-files.cnx8-ui :is(.lotusMessage2, .lotusMessage) .lotusDelete {
  position: unset !important;
  padding-left: 16px !important;
  padding-right: 0px !important;
  margin-right: -5px !important;
  margin-left: 16px !important;
}

.app-files.cnx8-ui :is(.lotusMessage2, .lotusMessage) {
  border-left: 4px solid #C10C0D;
}

.app-files.cnx8-ui :is(.lotusMessage2, .lotusMessage).lotusWarning {
  border-left: 4px solid #FFB400 !important;
}

.app-files.cnx8-ui :is(.lotusMessage2, .lotusMessage).lotusInfo {
  border-left: 4px solid #01539B !important;
}

.app-files.cnx8-ui :is(.lotusMessage2, .lotusMessage).lotusSuccess {
  border-left: 4px solid #bed732 !important;
}

.app-files.cnx8-ui :is(.lotusMessage2, .lotusMessage).lconnSharedExternal {
  border-left: 0 !important;
}

.app-files.cnx8-ui :is(.lotusMessage2, .lotusMessage) img.lotusIcon {
  margin: 0 12px 0 0 !important;
}

.app-files.cnx8-ui :is(.lotusMessage2, .lotusMessage) img.lotusIcon.lotusIconMsgWarning {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='MuiSvgIcon-root jss36' focusable='false' viewBox='0 0 32 32' aria-hidden='true' role='presentation' data-mui-test='warningIcon' fill='%23FFB400'%3E%3Cpath d='M16 2a14 14 0 1 0 14 14A14 14 0 0 0 16 2zm0 26a12 12 0 1 1 12-12 12 12 0 0 1-12 12z'%3E%3C/path%3E%3Cpath d='M15 8h2v11h-2zm1 14a1.5 1.5 0 1 0 1.5 1.5A1.5 1.5 0 0 0 16 22z'%3E%3C/path%3E%3C/svg%3E") !important;
  background-position: center !important;
  width: 24px !important;
  height: 24px !important;
}

.app-files.cnx8-ui :is(.lotusMessage2, .lotusMessage) img.lotusIcon.lotusIconMsgError {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='MuiSvgIcon-root' fill='%23C10C0D' focusable='false' viewBox='0 0 32 32' aria-hidden='true' role='presentation' data-mui-test='errorIcon' style='font-size: 3em;'%3E%3Cpath d='M2 16A14 14 0 1 0 16 2 14 14 0 0 0 2 16zm23.15 7.75L8.25 6.85a12 12 0 0 1 16.9 16.9zM8.24 25.16a12 12 0 0 1-1.4-16.89l16.89 16.89a12 12 0 0 1-15.49 0z'%3E%3C/path%3E%3C/svg%3E") !important;
  background-position: center !important;
  width: 24px !important;
  height: 24px !important;
}

.app-files.cnx8-ui :is(.lotusMessage2, .lotusMessage) img.lotusIcon.lotusIconMsgSuccess {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='MuiSvgIcon-root jss36' focusable='false' viewBox='0 0 32 32' aria-hidden='true' role='presentation' data-mui-test='checkmark--outlineIcon' fill='%23bed732'%3E%3Cpath d='M16 2a14 14 0 1 0 14 14A14 14 0 0 0 16 2zm0 26a12 12 0 1 1 12-12 12 12 0 0 1-12 12z'%3E%3C/path%3E%3Cpath d='M14 21.5l-5-4.96 1.59-1.57L14 18.35 21.41 11 23 12.58l-9 8.92z'%3E%3C/path%3E%3C/svg%3E") !important;
  background-position: center !important;
  height: 24px !important;
  width: 24px !important;
}

.app-files.cnx8-ui :is(.lotusMessage2, .lotusMessage) img.lotusIcon.lotusIconMsgInfo {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='MuiSvgIcon-root jss36' focusable='false' viewBox='0 0 32 32' aria-hidden='true' role='presentation' data-mui-test='informationIcon' fill='%2301539B'%3E%3Cpath d='M17 22v-9h-4v2h2v7h-3v2h8v-2h-3zM16 7a1.5 1.5 0 1 0 1.5 1.5A1.5 1.5 0 0 0 16 7z'%3E%3C/path%3E%3Cpath d='M16 30a14 14 0 1 1 14-14 14 14 0 0 1-14 14zm0-26a12 12 0 1 0 12 12A12 12 0 0 0 16 4z'%3E%3C/path%3E%3C/svg%3E") !important;
  background-position: center !important;
  height: 24px !important;
  width: 24px !important;
}

.lconnPicker .lconnPickerStream div.icon .lconn-ftype16{
  margin-top:4px !important;
}

.lconnPicker .lconnFilesTree .node .title {
  margin-top: 3px !important;
}

.lconnPicker .lconnFilesTree .node .checkbox{
  margin-top: 1px;
  margin-right: 8px;
}

.lconnPickerDialogBody .lconnPickerSourceArea .lconnPickerCompact select {
  padding: unset !important;
  border:1px solid #ccc;
}

.app-files.cnx8-ui .lotusDialogWrapper.dijitDialog .lotusSearch.pickerSearchBar select {
  padding: 0px 0px 0px 5px !important;
  border: none;	
  height: 31px !important;
  color: var(--color-link);
  font-weight: var(--font-weight-bold);
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
  background-image: url("data:image/svg+xml;utf8,<svg fill='%2301539B' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
  background-repeat: no-repeat;
  background-position-x: 100%;
  background-position-y: 3px;
}

.app-files.cnx8-ui .lotusDialogWrapper.dijitDialog .lotusSearch.pickerSearchBar select:focus {
  border: 2px solid var(--color-button-hover);	
}

input[type="checkbox"]{
  height: 16px !important;
  width:16px !important;
}

.lotusui30_layout .lotusContent .lotusTable TR.dojoDndHandle TD.lotusFirstCell{
  padding-top:2px;
}

.app-files.cnx8-ui .dijitDialog .lotusDialog.lotusForm .lconnPickerSourceArea .pickerSearchBar div.lotusText {
  padding: 0 !important;
  height: 30px !important;
}

.app-files.cnx8-ui .dijitDialog .lotusSearch.pickerSearchBar .lotusBtnImg.lotusBtnImgSearch {
  background-color: var(--color-button) !important;
  width: 10% !important;
  height: 24px !important;
  padding: 3px !important;
  background-repeat: no-repeat;
  background-image: url(/connections/resources/web/com.ibm.lconn.core.styles.oneui3/images/blogs/search-tags.svg?etag=20220616.143209);
  fill: #f1f1f1;
  background-position: center;
  background-size: 18px;
}

.app-files.cnx8-ui .dijitDialog .lotusSearch.pickerSearchBar .lotusBtnImg.lotusBtnImgDelete {
  background-color: var(--color-button) !important;
  width: 10% !important;
  height: 24px !important;
  padding: 3px !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 22px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='MuiSvgIcon-root' focusable='false' fill='white' viewBox='0 0 32 32' aria-hidden='true' role='presentation' data-mui-test='closeIcon' style='font-size: 3em;'%3E%3Cpath d='M24 9.4L22.6 8 16 14.6 9.4 8 8 9.4l6.6 6.6L8 22.6 9.4 24l6.6-6.6 6.6 6.6 1.4-1.4-6.6-6.6L24 9.4z'%3E%3C/path%3E%3C/svg%3E") !important;
}

 .app-files.cnx8-ui .dijitDialog .lotusSearch.pickerSearchBar .lotusBtnImg .lotusSearchButton {
  width: 24px !important;
  height: 24px !important;
  background-image: none !important;
}

.app-files.cnx8-ui .dijitDialog .lotusSearch.pickerSearchBar .lotusBtnImg .lotusDelete {
  width: 24px !important;
  height: 24px !important;
  background-position: -550px -5px;
  filter: brightness(0) invert(1);
  background-repeat: no-repeat;
  margin: 0 !important;
  cursor: pointer;
  opacity: 1 !important;
  background-image: none !important;
}

.app-files.cnx8-ui .lotusSearch.pickerSearchBar .lotusText  input.lotusText {
  height: 99% !important;
  width: 86% !important;
  padding: 0px 0px 0px 5px !important;
}

.app-files.cnx8-ui #lconnFilterPanel .lotusSectionBody.lotusSearch input#filterSharesByUser {
    height: 27px !important;
    width: 170px !important;
    padding: 0px 0px 0px 5px !important;
}

.app-files.cnx8-ui #lconnFilterPanel .lotusSectionBody.lotusSearch .lotusBtnImg {
  background-color: var(--color-button) !important;
  width: 22px !important;
  height: 22px !important;
  padding: 3px !important;
  background-repeat: no-repeat;
  background-image: url(/connections/resources/web/com.ibm.lconn.core.styles.oneui3/images/blogs/search-tags.svg?etag=20220616.143209);
  fill: #f1f1f1;
  background-position: center;
  background-size: 18px;
}

.app-files.cnx8-ui #lconnFilterPanel .lotusSectionBody.lotusSearch .lotusBtnImg .lotusSearchButton {
  width: 24px !important;
  height: 24px !important;
  background-image: none !important;
}

.app-files.cnx8-ui #lconnFilterPanel .lotusSectionBody.lotusSearch p.lotusChunk {
  padding-left: 10px !important;
}

.app-files.cnx8-ui .lotusDialogWrapper.dijitDialog .lotusDialogFooter.lotusDialogTextAlignLeft {
  text-align: left;
}

.app-files.cnx8-ui div[id^=lconn_files_widget_FilePickerCompactInner_][id*=_content_ViewMenuAndSearchBar] {
  margin-bottom: 10px;
}

.app-files.cnx8-ui .lconnPicker .lconnEmptyMsg, .lconnPicker .lconnErrorMsg {
  padding-top: 20px !important;
}

.app-files.cnx8-ui .lotusDialog .lotusDialogHeader .lotusDialogClose img, 
.app-files.cnx8-ui .dijitDialogCloseIcon,
.app-files.cnx8-ui .dijitPopup .lotusPopup .lotusPopupClose img,
.app-files.cnx8-ui .lotusMessage2 .lotusDelete img {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='MuiSvgIcon-root' focusable='false' fill='grey' viewBox='0 0 32 32' aria-hidden='true' role='presentation' data-mui-test='closeIcon' style='font-size: 3em;'%3E%3Cpath d='M24 9.4L22.6 8 16 14.6 9.4 8 8 9.4l6.6 6.6L8 22.6 9.4 24l6.6-6.6 6.6 6.6 1.4-1.4-6.6-6.6L24 9.4z'%3E%3C/path%3E%3C/svg%3E") !important;
  height: 24px !important;
  width: 24px !important;
  background-repeat: no-repeat;
  background-position: center !important;
}

/***********************************************/

 .app-files.cnx8-ui div[id^=lconn_share_widget_Dialog_] [id^=CopyFile_][id*=_communities] {
  width: calc(100% - 12px) !important;
}

.app-files.cnx8-ui div[id^=lconn_share_widget_Dialog_] [id^=lconn_share_widget_InlineContainer_] a.lotusFilter {
  margin: 2px 2px !important;
}

.ics-viewer .ics-panel-entry-container .ics-sharing-panel.multiAdd-active .multiAddContainer .ics-typeaheadboxmulti-container select {
  padding: unset !important;
  border: 1px solid #bcbcbc !important;
}

.app-files.cnx8-ui .ics-viewer .ics-panel-entry-container .ics-sharing-panel.multiAdd-active .multiAddContainer .ics-typeaheadboxmulti-container select[id^=dijit__TemplatedMixin_][id*=_roleSelector] {
  padding: 0px 45px 0px 6px!important;
  border: 1px solid #bcbcbc !important;
  background-position-x: 93% !important;
}

.app-files.cnx8-ui .ics-viewer .ics-panel-entry-container .ics-sharing-panel.multiAdd-active .multiAddContainer .ics-typeaheadboxmulti-container select[id^=dijit__TemplatedMixin_][id*=_memberTypeSelector] {
  padding: 0px 45px 0px 6px!important;
  border: 1px solid #bcbcbc !important;
  background-position-x: 98% !important;
}

.ics-viewer {
  z-index: 999 !important;
}

.lconnPeopleTypeAheadMenu.dijitComboBoxMenu .dijitMenuItem {
   padding: unset !important;
}

.dijitMenu .searchDirectory, .lotusui30dojo .dijitComboBoxMenu .dijitMenuItem.searchDirectory { 
  color: #105CB6;
  padding-left: 20px !important;
}

.app-files.cnx8-ui .filesList .lotusLeft.lconnSelectAllContainer {
  margin-right: 20px !important;
}

.app-files.cnx8-ui .filesList .lotusLeft.lconnSelectAllContainer label {
  vertical-align: middle;
  margin: 3px !important;
}

.app-files.cnx8-ui .lotusui30_layout .lotusContent {
   padding:0px !important;
   margin-left: 20px !important;
} 

/****************** Added by Vinayak ****************************/
.ic-thumb-widget-flip-card .card-front {
  background-color: #F0F0F5;
  border-radius: 5px;
}

.lconnFiles .ic-thumb-widget-flip-card {
  border: 0px !important;
}

.ic-thumb-widget-flip-card .front .summary {
  background-color: #F0F0F5;
}

.ic-thumb-widget-flip-card .card-back {
  border-radius: 5px;
}

.app-files.cnx8-ui .ics-viewer .ics-viewer-banner .ics-viewer-title .ics-viewer-title-name-container a.ics-viewer-title-name,
.app-files.cnx8-ui .ic-thumb-widget-flip-card .card-back span.desc,
.app-files.cnx8-ui .ic-thumb-widget-flip-card .card-back a,
.app-files.cnx8-ui .ic-thumb-widget-flip-card .card-back a:hover,
.app-files.cnx8-ui #lotusContent .ic-thumb-widget-flip-card .card-back a,
.app-files.cnx8-ui #lotusContent .ic-thumb-widget-flip-card .card-back a:hover{
  color: white;
}

.app-files.cnx8-ui .lconnFileUpload.pickerDnDLabelRow .lconnFileUploadIcon.lconn-ftype16 {
	margin-top: 2px !important;
}

.app-files.cnx8-ui .lconnFileUpload.pickerDnDLabelRow .lconnFileUploadLabel input.lotusText {
	padding: 2px !important;
}

.app-files.cnx8-ui .ics-viewer-action.ics-viewer-action-upload.ics-viewer-splitbutton div a,
.app-files.cnx8-ui .ics-viewer-action.ics-viewer-action-edit.ics-viewer-splitbutton div a{
	background-color: var(--color-button) !important;
   border-radius: 2px 0px 0px 2px !important;
}

.app-files.cnx8-ui .ics-viewer-action.ics-viewer-action-upload div a,
.app-files.cnx8-ui .ics-viewer-action.ics-viewer-action-edit div a {
	background-color: var(--color-button) !important;
    border-radius: 2px 2px 2px 2px !important;
}

.app-files.cnx8-ui .ics-viewer-action.ics-viewer-action-upload div a span,
.app-files.cnx8-ui .ics-viewer-action.ics-viewer-action-edit div a span {
	color: white;
}

.app-files.cnx8-ui .ics-viewer-action.dropdown-menu.ics-viewer-action-splitmenu div span span{
	background-color: var(--color-button) !important;
    border-radius: 0px 2px 2px 0px !important;
}

.app-files.cnx8-ui .lotusToolBar button.lotusBtn{
   background-color: #fff !important;
   color: var(--color-link) !important; 
}

.app-files.cnx8-ui .lotusFormButton.cancel,
.app-files.cnx8-ui .lotusDialogFooter #cancel_button {
	background-color: #fff !important;
   	color: var(--color-link) !important;
   	box-shadow:none !important;
   	font-weight: var(--font-weight-medium);
}

.app-files.cnx8-ui .lotusToolBar button.lotusBtn.lotusBtnDisabled {
	color: var(--color-button-disabled-text) !important;
	text-decoration: none;
}

.app-files.cnx8-ui .lotusMain .lotusContent .searchBtn.lotusBtn:hover,
.app-files.cnx8-ui .lotusToolBar button.lotusBtn:hover{
	box-shadow:none !important;
}

/** CNX-35753: cancel button disable css overriding **/
.app-files.cnx8-ui .lotusDialogFooter #cancel_button:disabled,
.app-files.cnx8-ui .lotusDialogFooter #cancel_button:disabled:hover {
    color: var(--color-button-disabled-text);
    text-decoration: none;
    background-color: transparent !important;
}

/**********************************/

/*CNX-34000 - customizer issue fixes - Moved styles to ui.css and replaced color codes with root flags*/
.icCatalogFileCreate.bx--dropdown {
    text-align: center;
    height: 36px !important;
    background-color: var(--color-button) !important;
    border-radius: 2px !important;
    cursor: pointer;
}

.icCatalogFileCreate li.li--dropdown-image {
    border-left: 1px solid white;
    margin-left: 30px;
    width: 0px;
}

.app-files.cnx8-ui #tertiary_level_nav button[id^=lconn_files_action_createitem_]
{
	 min-width: 32px !important;
	 margin-left: -12px;
	 margin-right: -50px;
	 min-height: 37px !important;
	 background-color: transparent !important;
}

.app-files.cnx8-ui #tertiary_level_nav button[id^=lconn_files_action_createitem_]:hover
{
	box-shadow: none !important;
}

.icCatalogFileCreate:focus-within,
.app-files.cnx8-ui tr[id^=lconn_files_action_uploadfile_]:focus-visible,
.app-files.cnx8-ui tr[id^=lconn_files_action_createcollection_]:focus-visible
{
	box-shadow: 0 0 0 1px #fff, 0 0 0 2px var(--color-input-focus);
}

.app-files.cnx8-ui #tertiary_level_nav #files_top_nav_action {
  float: left;
  position: fixed;
  left: 100px;
  cursor: pointer;
  margin-top: 3px;
  padding: 10px 0px;
}

.app-files.cnx8-ui #tertiary_level_nav #files_top_nav_action a {
  padding: 0px 5px;
  font-weight: var(--font-weight-bold);
  color: var(--color-link);
}

.app-files.cnx8-ui .icon-chevron-left {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='MuiSvgIcon-root' focusable='false' viewBox='0 0 32 32' aria-hidden='true' role='presentation' data-mui-test='chevron--leftIcon' style='font-size: 3em;'%3E%3Cpath d='M10 16L20 6l1.4 1.4-8.6 8.6 8.6 8.6L20 26z'%3E%3C/path%3E%3C/svg%3E");
  height: 24px;
  width: 24px;
}

.app-files.cnx8-ui #tertiary_level_nav #files_top_nav_action img {
  position: relative;
  bottom: 3px;
  filter: invert(18%) sepia(36%) saturate(5768%) hue-rotate(195deg) brightness(98%) contrast(99%);
}

 .lotusui30 .lotusFooter {
    margin-top: 0px !important;
    /* padding-bottom: 70px !important; */
}

.app-files.cnx8-ui .lotusStyledScroll.summary tr.lotusSort.lotusFirst .lotusFirstCell label {
  display: none !important;
}

.app-files.cnx8-ui .lotusContent .lotusHeader .breadcrumb span,
.app-files.cnx8-ui .lotusContent .lotusHeader a {
  color: var(--color-link);
  font-weight: var(--font-weight-normal);
}

.app-files.cnx8-ui .lotusContent .lotusHeader .breadcrumb span:hover,
.app-files.cnx8-ui .lotusContent .lotusHeader a:hover,
.app-files.cnx8-ui .lotusContent .lotusHeader .breadcrumb span:active,
.app-files.cnx8-ui .lotusContent .lotusHeader a:active {
  text-decoration: underline;
}

.app-files.cnx8-ui .lotusContent .lotusHeader .breadcrumb img.lotusTwistyClosed {
  filter: invert(18%) sepia(36%) saturate(5768%) hue-rotate(195deg) brightness(98%) contrast(99%);
}

.app-files.cnx8-ui .lotusContent .lotusHeader .breadcrumb img.lotusDropDownSprite {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='MuiSvgIcon-root' focusable='false' viewBox='0 0 32 32' aria-hidden='true' role='presentation' data-mui-test='caret--downIcon' style='font-size: 3em;'%3E%3Cpath d='M23 12l-7 8-7-8h14z'%3E%3C/path%3E%3C/svg%3E");
  background-color: #E6E6E6!important;
  width: 18px;
  height: 18px;
  margin-left: 15px !important;
}

.app-files.cnx8-ui .lotusContent .lotusHeader span.inMyDriveLable {
  margin-left: 0px !important;
}

.app-files.cnx8-ui .lotusContent .lotusHeader div.lconnBreadcrumb {
  margin-top: 10px !important
}

.app-files.cnx8-ui .lotusContent .lotusHeader .lconnPinnedToggle {
  margin-left: 10px !important;
}

.app-files.cnx8-ui .lotusContent .lotusHeader .lconnBreadcrumb .lconnBreadcrumbtwisty {
  padding-top: 0px !important;
}

.app-files.cnx8-ui #lconn_files_action_createcollection_0_text,
.app-files.cnx8-ui #lconn_files_action_uploadfile_0_text,
.app-files.cnx8-ui #com_ibm_concord_lcext_newconcorddoc_0_text,
.app-files.cnx8-ui #com_ibm_concord_lcext_newconcordsheet_0_text,
.app-files.cnx8-ui #com_ibm_concord_lcext_newconcordpres_0_text {
	border: none !important;
}

.app-files.cnx8-ui #lconn_files_action_createcollection_0 td,
.app-files.cnx8-ui #lconn_files_action_uploadfile_0 td,
.app-files.cnx8-ui #com_ibm_concord_lcext_newconcorddoc_0 td,
.app-files.cnx8-ui #com_ibm_concord_lcext_newconcordsheet_0 td,
.app-files.cnx8-ui #com_ibm_concord_lcext_newconcordpres_0 td {
	border: none !important;
	padding: 0px 0px 0px 4px !important;
}

/*CNX-34000 - customizer issue fixes - Replaced color codes with root flags*/
.app-files.cnx8-ui .lotusGlobalActionBarMenu,
.app-files.cnx8-ui .lotusGlobalActionBarMenu > tbody > tr > td,
.app-files.cnx8-ui .ics-viewer-dropdown-menu.ics-viewer-action-splitmenu,
.app-files.cnx8-ui .ics-viewer-dropdown-menu.ics-viewer-action-splitmenu > tbody > tr > td {
	background-color: var(--color-button) !important;
	color: var(--color-button-text);
}

.app-files.cnx8-ui .lotusGlobalActionBarMenu>tbody>tr>td.dijitMenuItemLabel {
  color: var(--color-button-text);
}

.app-files.cnx8-ui .lotusGlobalActionBarMenu > tbody > tr > td:hover,
.app-files.cnx8-ui .ics-viewer-dropdown-menu.ics-viewer-action-splitmenu > tbody > tr > td:hover {
 	border: none !important;
 }

.app-files.cnx8-ui .lotusGlobalActionBarMenu > tbody > tr,
.app-files.cnx8-ui .ics-viewer-dropdown-menu.ics-viewer-action-splitmenu > tbody > tr {
	height: 36px !important;
}

.app-files.cnx8-ui .lotusGlobalActionBarMenu > tbody > tr:hover td,
.app-files.cnx8-ui .ics-viewer-dropdown-menu.ics-viewer-action-splitmenu > tbody > tr:hover td {
	background-color: var(--color-button-hover) !important;
}

.app-files.cnx8-ui .lotusGlobalActionBarMenu > tbody > tr:hover td.dijitMenuItemLabel,
.app-files.cnx8-ui .ics-viewer-dropdown-menu.ics-viewer-action-splitmenu > tbody > tr:hover td.dijitMenuItemLabel {
	/* text-decoration: underline !important; */
	border: none !important;
}

.app-files.cnx8-ui .lotusGlobalActionBarMenu > tbody > tr > td.dijitMenuItemIconCell {
	width: 25%;
}

.app-files.cnx8-ui .lotusGlobalActionBarMenu {
	padding: 0px !important;
	border-radius: 3px !important;
 	margin-top: 0px !important;
 	border-spacing: 0 1px !important;
 	width: 192px !important;
 	box-shadow: none !important;
}

.app-files.cnx8-ui .lconnBreadcrumb.lotusGlobalActionBarMenu {
    padding: 12px !important;
    margin-top: 4px !important;
    background-color: #ffffff !important;
}

.app-files.cnx8-ui .lconnBreadcrumb.lotusGlobalActionBarMenu .dijitMenuItem.dijitMenuItemFocused .dijitReset {
    border-top: 0 !important;
    border-bottom: 0 !important;
}

.app-files.cnx8-ui .lconnBreadcrumb.lotusGlobalActionBarMenu > tbody > tr:hover td {
    background-color: #ffffff !important;
}

.app-files.cnx8-ui .lconnBreadcrumb.lotusGlobalActionBarMenu,
.app-files.cnx8-ui .lconnBreadcrumb.lotusGlobalActionBarMenu > tbody > tr > td {
    background-color: #ffffff !important;
    color: unset;
}

.app-files.cnx8-ui .lconnBreadcrumb.lotusGlobalActionBarMenu .dijitMenuItemIconCell {
    border-left: 4px solid transparent !important;
}

.app-files.cnx8-ui .lconnBreadcrumb.lotusGlobalActionBarMenu {
    border: 1px solid #e8e8e8 !important;
}

.app-files.cnx8-ui .lconnBreadcrumb.lconnBreadcrumb.lotusGlobalActionBarMenu tr.dijitMenuItemSelected .dijitMenuItemIconCell {
    border-left: 4px solid #4178be !important;
}

.app-files.cnx8-ui #lotusContent #lotusContentHeader {
    width: 95% !important;
}

.app-files.cnx8-ui .lotusHeader .lconnBreadcrumb .lconnBreadcrumbdropdown {
  line-height: 5px !important;
}

.app-files.cnx8-ui .lotusHeader .lconnBreadcrumb .lconnBreadcrumbdropdown .lotusBtn {
    background-image: url(/connections/resources/web/com.ibm.lconn.core.styles.oneui3/images/overflow32bit.png?etag=20230103.190924) !important;
    background-color: transparent !important;
    height: 15px;
    width: 25px;
    padding: 0 !important;
    min-width: unset !important;
    min-height: unset !important;
    filter: brightness(0) saturate(100%);
}

.app-files.cnx8-ui .lotusHeader .lconnBreadcrumb .lconnBreadcrumbdropdown {
    padding-left: 0 !important;
}

.app-files.cnx8-ui .lotusHeader h1#scene-title {
    padding-left: 5px !important;
}

.app-files.cnx8-ui .ics-viewer-dropdown-menu.ics-viewer-action-splitmenu > tbody > tr > td {
	padding: 0px 0px 0px 10px !important;
}

.app-files.cnx8-ui .ics-viewer-dropdown-menu.ics-viewer-action-splitmenu {
	border-radius: 3px !important;
 	margin-top: 1px !important;
 	border-spacing: 0 1px !important;
 	padding: 0px !important;
 	box-shadow: none !important;
 	border: none !important
}


.app-files.cnx8-ui tr[id^=lconn_files_action_uploadfile_] td span,
.app-files.cnx8-ui tr[id^=lconn_files_action_createcollection_] td span,
.app-files.cnx8-ui tr[id^=com_ibm_concord_lcext_newconcorddoc_] td span,
.app-files.cnx8-ui tr[id^=com_ibm_concord_lcext_newconcordsheet_] td span,
.app-files.cnx8-ui tr[id^=com_ibm_concord_lcext_newconcordpres_] td span {
	width: 30px;
    height: 20px;
    display: inline-block;
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(73deg) brightness(102%) contrast(101%);
	background-position: center;
	background-size: 75%; 
}

.app-files.cnx8-ui tr[id^=lconn_files_action_uploadfile_] td span {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='MuiSvgIcon-root jss35' focusable='false' viewBox='0 0 32 32' aria-hidden='true' role='presentation' data-mui-test='addIcon' style='font-size: 3em;'%3E%3Cpath d='M17 15V7h-2v8H7v2h8v8h2v-8h8v-2h-8z'%3E%3C/path%3E%3C/svg%3E");
}

.app-files.cnx8-ui tr[id^=lconn_files_action_createcollection_] td span {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='MuiSvgIcon-root' focusable='false' viewBox='0 0 32 32' aria-hidden='true' role='presentation' data-mui-test='folderIcon' style='font-size: 3em;'%3E%3Cpath d='M11.17 6l3.42 3.41.58.59H28v16H4V6h7.17m0-2H4a2 2 0 0 0-2 2v20a2 2 0 0 0 2 2h24a2 2 0 0 0 2-2V10a2 2 0 0 0-2-2H16l-3.41-3.41A2 2 0 0 0 11.17 4z'%3E%3C/path%3E%3C/svg%3E");
}

.app-files.cnx8-ui tr[id^=com_ibm_concord_lcext_newconcorddoc_] td span {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='MuiSvgIcon-root' focusable='false' viewBox='0 0 32 32' aria-hidden='true' role='presentation' data-mui-test='document--addIcon' style='font-size: 3em;'%3E%3Cpath d='M25.7 9.3l-7-7A.91.91 0 0 0 18 2H8a2 2 0 0 0-2 2v24a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V10a.91.91 0 0 0-.3-.7zM18 4.4l5.6 5.6H18zM24 28H8V4h8v6a2 2 0 0 0 2 2h6z M21 19h-4v-4h-2v4h-4v2h4v4h2v-4h4v-2z'%3E%3C/path%3E%3C/svg%3E");
}

.app-files.cnx8-ui tr[id^=com_ibm_concord_lcext_newconcordsheet_] td span {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='MuiSvgIcon-root' focusable='false' viewBox='0 0 32 32' aria-hidden='true' role='presentation' data-mui-test='tableIcon' style='font-size: 3em;'%3E%3Cpath d='M29 5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v22a2 2 0 0 0 2 2h22a2 2 0 0 0 2-2zm-2 0v4H5V5zm0 22H5v-4h22zm0-6H5v-4h22zm0-6H5v-4h22z'%3E%3C/path%3E%3C/svg%3E");
}

.app-files.cnx8-ui tr[id^=com_ibm_concord_lcext_newconcordpres_] td span {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='MuiSvgIcon-root' focusable='false' viewBox='0 0 32 32' aria-hidden='true' role='presentation' data-mui-test='presentation-fileIcon' style='font-size: 3em;'%3E%3Cpath d='M15 10h2v8h-2zm5 4h2v4h-2zm-10-2h2v6h-2z M25 4h-8V2h-2v2H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h8v6h-4v2h10v-2h-4v-6h8a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2zm0 16H7V6h18z'%3E%3C/path%3E%3C/svg%3E");
}

.app-files.cnx8-ui .lotusColLeft.newButton .lotusBtnDivFiles li {
	line-height: 36px !important;
}

.app-files.cnx8-ui .lotusFormButton.lotusBtnDisabled {
	background-color: var(--color-button-disabled) !important;
	color: var(--color-button-disabled-text) !important;
}

.app-files.cnx8-ui .lotusFormButton.lotusBtnDisabled:hover{
	box-shadow:none !important;
	background-color: var(--color-button-disabled) !important;
}

.lconnFiles .qkrDropAvatar .DropAvatarBadge div,
.lconnFiles .qkrDropAvatar .DropAvatarContainer .DropAvatarItem,
.app-files.cnx8-ui .ics-viewer .ics-viewer-nav .ics-viewer-nav-file span{
	color: white !important;
}

.app-files.cnx8-ui .lotusStyledScroll {
	margin-right: 4px !important;
  padding-right: 20px !important;
}

.app-files.cnx8-ui.ics-viewer-open .sharingDialog.dijitDialog .dijitDialogTitle,
.app-files.cnx8-ui.ics-viewer-open .commentDialog.dijitDialog .dijitDialogTitle,
.app-files.cnx8-ui.ics-viewer-open .confirmationDialog.dijitDialog .dijitDialogTitle,
.app-files.cnx8-ui.ics-viewer-open .linkDialog.dijitDialog .dijitDialogTitle {
  color: var(--color-modal-header-text);
}

.app-files.cnx8-ui.ics-viewer-open .sharingDialog.dijitDialog .dijitDialogTitleBar,
.app-files.cnx8-ui.ics-viewer-open .commentDialog.dijitDialog .dijitDialogTitleBar,
.app-files.cnx8-ui.ics-viewer-open .confirmationDialog.dijitDialog .dijitDialogTitleBar,
.app-files.cnx8-ui.ics-viewer-open .linkDialog.dijitDialog .dijitDialogTitleBar {
  background: var(--color-modal-header) !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.app-files.cnx8-ui.ics-viewer-open .sharingDialog.dijitDialog .button-container #ok,
.app-files.cnx8-ui.ics-viewer-open .commentDialog.dijitDialog .button-container #ok,
.app-files.cnx8-ui.ics-viewer-open .confirmationDialog.dijitDialog .button-container #ok,
.app-files.cnx8-ui.ics-viewer-open .linkDialog.dijitDialog  #ok.confirm  {
  color: var(--color-button-text);
  background-color: var(--color-button) !important;
  border: 0 !important;
}

.app-files.cnx8-ui.ics-viewer-open .sharingDialog.dijitDialog a:focus,
.app-files.cnx8-ui.ics-viewer-open .commentDialog.dijitDialog a:focus,
.app-files.cnx8-ui.ics-viewer-open .confirmationDialog.dijitDialog a:focus,
.app-files.cnx8-ui .linkDialog.dijitDialog a:focus,
.app-files.cnx8-ui .sharingDialog.dijitDialog a:hover,
.app-files.cnx8-ui .commentDialog.dijitDialog a:hover,
.app-files.cnx8-ui .confirmationDialog.dijitDialog a:hover,
.app-files.cnx8-ui .linkDialog.dijitDialog a:hover {
  padding: 9px 18px !important;
}

.app-files.cnx8-ui.ics-viewer-open .sharingDialog.dijitDialog .button-container #cancel,
.app-files.cnx8-ui.ics-viewer-open .commentDialog.dijitDialog .button-container #cancel,
.app-files.cnx8-ui.ics-viewer-open .confirmationDialog.dijitDialog .button-container #cancel {
  background-color: #fff !important;
  color: var(--color-link);
  box-shadow: none !important;
  font-weight: var(--font-weight-medium);
  border: 0 !important;
}

.app-files.cnx8-ui #scene-body .lotusSort li {
  padding: 0 10px !important;
}

.app-files.cnx8-ui #scene-body .lotusSort a.lotusDescending {
    -webkit-appearance: none;
    background-image: url(/connections/resources/web/com.ibm.lconn.core.styles.oneui3/images/chevron-down.svg?etag=20220127.053151);
    background-size: 0.85em 0.85em;
    background-position: 100% center;	
}

.app-files.cnx8-ui #scene-body .lotusSort a.lotusAscending {
    -webkit-appearance: none;
    background-image: url(/connections/resources/web/com.ibm.lconn.core.styles.oneui3/images/chevron-up.svg?etag=20220810.223241);
    background-size: 0.85em 0.85em;
    background-position: 100% center;
}

.app-files.cnx8-ui #scene-body .lotusSort a {
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    padding-right: 15px !important;
}

.app-files.cnx8-ui #scene-body tr.lotusSort input#list_selectall {
  margin-top: 0 !important;
}


.app-files.cnx8-ui #scene-body .filesSearchBar {
	padding: 5px 10px !important;
	margin: auto;
    width: 80%;
}

.app-files.cnx8-ui #scene-body .filesSearchBar .icSearchBar .dijitTextBox {
	position: relative;
	height: 30px !important;
	width: 95% !important;
}

.app-files.cnx8-ui #scene-body .filesSearchBar .icSearchBar .dijitTextBox .dijitInputContainer {
	position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}

.app-files.cnx8-ui #scene-body .filesSearchBar .icSearchBar .dijitTextBox .dijitInputInner {
    font-size: var(--font-size-medium);
    font-family: var(--font-family);
    letter-spacing: 0px;
    color: #3D5466;
}

.app-files.cnx8-ui #scene-body .icSearchBar .icClearAllIcon svg {
	right: 0px;
	fill: grey !important;
	height: 24px !important;
    width: 24px !important;
    outline: none;
}

.app-files.cnx8-ui #scene-body .recentEmptyMsg div:nth-of-type(2) div {
  padding: 5px 10px !important;
}

.filesSearchBar .icSearchBar .dijitTextBox:focus, .filesSearchBar .icSearchBar .dijitTextBoxFocused {
    box-shadow: none !important;
}

.app-files.cnx8-ui .lotusFormFieldRow td {
	display: block;
}

.app-files.cnx8-ui .lotusFormFieldRow td input {
	padding: 5px !important;
	 border-radius: 2px !important;
}

.app-files.cnx8-ui .lotusFormFieldRow textarea
{
	width: calc(100% - 34px) !important;
	 border-radius: 2px !important;
}
.app-files.cnx8-ui .lotusFormFieldRow {
	display: block;	
}

.lotusui30 .lotusForm tr.lotusFormFieldRow td, 
.lotusui30 .lotusForm td.lotusFormFieldRow {
	padding-bottom: 5px !important;
}

.lotusDialog.lotusForm .lotusFormTable colgroup col,
.app-files.cnx8-ui .lotusFormTable td div table colgroup col{
	width: 0% !important;
}
.app-files.cnx8-ui .lotusShareInnerTable td,
.app-files.cnx8-ui .lotusFormFieldRow td div table tbody tr td{
	display: -webkit-inline-box;
}

.app-files.cnx8-ui div[id^=lconn_files_widget_UploadFile_] .lotusDialog.lotusForm div .lotusFormTable tbody > tr > td > table > tbody {
	display: block !important;
}

.app-files.cnx8-ui .lotusShareMessageBoxDisplyV8 td {
	display: -webkit-inline-box;
}

.app-files.cnx8-ui .lotusNewOwnerRowV8 td {
	display: block !important;
}

.app-files.cnx8-ui .lotusFormTable ._qkrErrorRow{
	display: block;
}

.app-files.cnx8-ui .lotusShareInnerTable td {
	padding-left: 0px !important;
	padding-right: 2px !important;
}
.app-files.cnx8-ui .lotusHelpIconcollectionV8 {
	padding-top: 5px !important;
}

.app-files.cnx8-ui .lotusHelpIconV8 {
	padding-top: 5px !important;
	padding-left: 5px !important;
}

.app-files.cnx8-ui .lotusFormFieldRow.lotusHidden,
.app-files.cnx8-ui .lotusFormFieldRow.lotusHidden td,
.app-files.cnx8-ui .lotusFormFieldRow.lotusHidden td div table tbody tr td{
	display: none;
}

.app-files.cnx8-ui .lotusFormFieldRow td fieldset input {
	margin: 7px !important;
}

.app-files.cnx8-ui .lotusFormFieldRow td div table tbody tr td select {
  padding: 0px 20px 0px 2px !important;
  border: none !important;	
  height: 31px !important;
  color: var(--color-link);
  -webkit-appearance: none;
  appearance: none !important;
  background: transparent;
  background-image: url("data:image/svg+xml;utf8,<svg fill='%2301539B' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") !important;
  background-repeat: no-repeat;
  outline: none;
}

.app-files.cnx8-ui .lotusDialogWrapper.dijitDialog .lotusDialogFooter {
  border-top: 1px solid rgba(0, 0, 0, 0.12) !important;
  margin: 0 0 !important;
  padding:12px 20px !important;
}

.lconnSprite.lconnSprite-iconHelp16,
.lconnSprite.lconnSprite-iconHelp16-ar {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='MuiSvgIcon-root' focusable='false' viewBox='0 0 32 32' aria-hidden='true' role='presentation' data-mui-test='presentation-fileIcon' style='font-size: 3em;'%3E%3Cpath d='M17 22v-9h-4v2h2v7h-3v2h8v-2h-3zM16 7a1.5 1.5 0 1 0 1.5 1.5A1.5 1.5 0 0 0 16 7z M16 30a14 14 0 1 1 14-14 14 14 0 0 1-14 14zm0-26a12 12 0 1 0 12 12A12 12 0 0 0 16 4z'%3E%3C/path%3E%3C/svg%3E");
  background-position: unset;
    height: 16px;
    width: 16px;
    vertical-align: text-bottom !important;
}

.app-files.cnx8-ui .BrowseGroups .groupEntryLighter.lotusText,
.app-files.cnx8-ui .BrowseGroups .groupList {
	    border-radius: 2px;
}

.app-files.cnx8-ui .lotusDialogContent .BrowseGroups form.lotusDialog.lotusForm.lotusSearch {
	margin-right: 7px !important;
}

.app-files.cnx8-ui .lotusSearch .lotusBtnImg {
	padding: 0px !important;
	margin-left: -6px !important;
}

.app-files.cnx8-ui .BrowseGroups .lotusSearch .lotusBtnImg .lotusSearchButton {
  background-color: var(--color-button) !important;
  width: 33px !important;
  height: 33px !important;
  background-repeat: no-repeat;
  background-image: url(/connections/resources/web/com.ibm.lconn.core.styles.oneui3/images/blogs/search-tags.svg?etag=20220616.143209);
  background-position: center;
  background-size: 18px;
}

.app-files.cnx8-ui #browseGroupName,
.app-files.cnx8-ui #browseGroupsWidgetLabel {
	padding-bottom: 4px;
	padding-top: 6px;
}

.app-files.cnx8-ui .groupEntryLighter.lotusText{
	padding: 7px !important;
	width: 397px !important;
}

.dijitDialog .lotusDialogContent td input.fileUploadV8::file-selector-button {
  width: 100%;
  height: 100%;
  padding: 10px 5px;
  background-color: var(--color-button);
  color: var(--color-button-text);
  border: unset !important;
  cursor: pointer;
}

.dijitDialog .lotusDialogContent td label.fileUploadV8Label {
	min-width: 124px;
  	width: 124px !important;
  	display: inline-block;
  	border: unset !important;
  	cursor: pointer;
  	text-align: center;
  	padding-top: 8px;
  	height: 21px !important;
   	padding: 8px 5px;
  	background-color: var(--color-button);
  	color: var(--color-button-text);
  	border-radius: 2px;
}

 .app-files.cnx8-ui .uploadNewVersionFileTD {
	padding: 0px !important;
}

.lotusui30 .lotusForm.lotusDialog .lotusText.qkrFile.fileUploadV8{
  /* min-width: 124px;
  width: 124px !important;
  display: inline-block;
  border: unset !important;
  cursor: pointer; */
  display: none;
}

.lotusui30 .lotusForm.lotusDialog .lotusText.qkrFile#file_name_path {
  min-width: 241px !important;
  width: 241px !important;
  padding: 9px !important;
  margin-right: 10px;
}

.app-files.cnx8-ui input[name="_transferFileUserInput"] {
	width: 438px !important;
}

.app-files.cnx8-ui input[name="addTagsTaggerTypeAhead"] {
	width: 438px !important;
}
.app-files.cnx8-ui input[name="_shareCollectionUserInput"] {
	width: 240px !important;
}
.app-files.cnx8-ui input[id^=lconn_core_AddGroups_][id*=PeopleTypeAhead] {
  width: 240px !important;
}  
.app-files.cnx8-ui input[name="uploadFileTaggerTypeAhead"] {
	width: calc(100% - 12px) !important;
}
.app-files.cnx8-ui input[name="_shareFileUserInput"] {
	width: 240px !important;
}

.app-files.cnx8-ui .UploadShareDropdownUserRoleRWV8 input[name="_shareFileUserInput"] {
	width: 285px !important;
}

/*
.app-files.cnx8-ui .lotusFormFieldRow.UploadShareDropdownUserRoleRWV8 td div table tbody tr td select {
	width: 125px !important;
}*/

.app-files.cnx8-ui .lotusSearch.pickerSearchBar div[id^=lconn_files_widget_FilePickerCompactInner_][id*=_content_searchDiv],
.app-files.cnx8-ui .lotusSearch.pickerSearchBar div[id^=lconn_files_widget_PersonalFolderPicker_][id*=_content_searchDiv] {
	border: none !important;
}

.app-files.cnx8-ui .lotusSearch.pickerSearchBar div[id^=lconn_files_widget_FilePickerCompactInner_][id*=_content_searchDiv] input.lotusText,
.app-files.cnx8-ui .lotusSearch.pickerSearchBar div[id^=lconn_files_widget_PersonalFolderPicker_][id*=_content_searchDiv] input.lotusText {
	border: 1px solid rgba(90, 90, 90) !important;
	height: 28px !important;
}

.app-files.cnx8-ui .lotusView.lotusTile svg, .app-files.cnx8-ui .lotusView.lotusDetails svg, .app-files.cnx8-ui .lotusView.lotusSummary svg {
  display: none !important;
}

.app-files.cnx8-ui .lotusView.lotusTile img {
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%235D5D5D' class='MuiSvgIcon-root' focusable='false' viewBox='0 0 32 32' aria-hidden='true' role='presentation' data-mui-test='gridIcon' style='font-size: 3em;'%3E%3Cpath d='M12 4H6a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2zm0 8H6V6h6zm14-8h-6a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2zm0 8h-6V6h6zm-14 6H6a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2v-6a2 2 0 0 0-2-2zm0 8H6v-6h6zm14-8h-6a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2v-6a2 2 0 0 0-2-2zm0 8h-6v-6h6z'%3E%3C/path%3E%3C/svg%3E");
  background-position: center;
  width: 24px !important;
  height: 24px !important;
}

.app-files.cnx8-ui .lotusView.lotusDetails img {
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%235D5D5D' class='MuiSvgIcon-root' focusable='false' viewBox='0 0 32 32' aria-hidden='true' role='presentation' data-mui-test='listIcon' style='font-size: 3em;'%3E%3Cpath d='M10 6h18v2H10zm0 18h18v2H10zm0-9h18v2H10zm-6 0h2v2H4zm0-9h2v2H4zm0 18h2v2H4z'%3E%3C/path%3E%3C/svg%3E");
  background-position: center;
  width: 24px !important;
  height: 24px !important;
}

.app-files.cnx8-ui .lotusView.lotusSummary  img {
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%235D5D5D' class='MuiSvgIcon-root' focusable='false' viewBox='0 0 32 32' aria-hidden='true' role='presentation' data-mui-test='tableIcon' style='font-size: 3em;'%3E%3Cpath d='M29 5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v22a2 2 0 0 0 2 2h22a2 2 0 0 0 2-2zm-2 0v4H5V5zm0 22H5v-4h22zm0-6H5v-4h22zm0-6H5v-4h22z'%3E%3C/path%3E%3C/svg%3E");
  background-position: center;
  width: 24px !important;
  height: 24px !important;
}

.app-files.cnx8-ui #qkrViewControl .lotusSprite.lotusView img:hover {
  filter: invert(13%) sepia(23%) saturate(4199%) hue-rotate(190deg) brightness(70%) contrast(110%);
}

.app-files.cnx8-ui .lconnCloudUploadContainer {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='MuiSvgIcon-root' fill='%233d5367' focusable='false' viewBox='0 0 32 32' aria-hidden='true' role='presentation' data-mui-test='cloud--uploadIcon' style='font-size: 3em;'%3E%3Cpath d='M11 18l1.41 1.41L15 16.83V29h2V16.83l2.59 2.58L21 18l-5-5-5 5z M23.5 22H23v-2h.5a4.5 4.5 0 0 0 .36-9H23l-.1-.82a7 7 0 0 0-13.88 0L9 11h-.86a4.5 4.5 0 0 0 .36 9H9v2h-.5A6.5 6.5 0 0 1 7.2 9.14a9 9 0 0 1 17.6 0A6.5 6.5 0 0 1 23.5 22z'%3E%3C/path%3E%3C/svg%3E") !important;
	background-position: unset;
    height: 50px;
    width: 50px;
   background-repeat: no-repeat;
   display: -webkit-inline-box;
}

.app-files.cnx8-ui #lconn_btn_browse_files {
	background-color: transparent !important;
   	color: var(--color-link) !important;
   	box-shadow:none !important;
   	font-weight: var(--font-weight-bold) !important;
   	border: none !important;
   	cursor: pointer;
   	font-size: var(--font-size-medium);
   	padding: 0px !important;
   	margin-right: 4px !important;
   	min-height: 18px !important;
}

.app-files.cnx8-ui .pickerDropfilesHorizentalPrompt.lconnFileInput.lconnUploadMultiple,
.app-files.cnx8-ui .lconnFileInput.lconnUploadMultiple.pickerDropfilesVerticalPrompt {
	min-height: 225px !important;
	height: 225px !important;
	background-color: #f3f4f6 !important;
}

.app-files.cnx8-ui div[id^=lconn_files_widget_CompactFilePicker_] [id*=_sourcetabpanel_] .lconnFileInput.lconnUploadMultiple.pickerDropfilesVerticalPrompt {
	width: 596px !important;
}

.app-files.cnx8-ui .lconnFileInput.lconnUploadMultiple.pickerDropfilesVerticalPrompt {
	overflow-y: hidden !important;
	position: relative;
	width: 570px !important;
}

.app-files.cnx8-ui .pickerDropfilesHorizentalPrompt.lconnFileInput.lconnUploadMultiple div p.pickerDropfilesDesc {
	color: var(--color-tab-text);
}

.app-files.cnx8-ui div[id^=lconn_files_widget_ui_FileField][id*=_lconnUpload_] .lconnFileUpload.pickerDnDLabelRow {
	margin-top: 7px !important;
}

.app-files.cnx8-ui.ics-viewer-open .sharingDialog.dijitDialog .ics-dialog-action .button-container,
.app-files.cnx8-ui.ics-viewer-open .commentDialog.dijitDialog .ics-dialog-action .button-container,
.app-files.cnx8-ui.ics-viewer-open .confirmationDialog.dijitDialog .ics-dialog-action .button-container {
	display: flex !important;
	flex-flow: row-reverse !important;
}

.app-files.cnx8-ui.ics-viewer-open .linkDialog.dijitDialog .ics-dialog-action .linkContainer tr {
	display: grid !important;
}

.app-files.cnx8-ui.ics-viewer-open .dijitDialog.linkDialog .ics-dialog-action .linkContainer .linkValue{
	padding: 5px !important;
}

.app-files.cnx8-ui .lotusDialog.lotusForm div.lotusFilters2 .lotusFilter,
.app-files.cnx8-ui .lotusDialog.lotusForm div.lotusFilters2 .lotusFilter.bidiAware {
	white-space: nowrap;
    padding-left: 12px;
    padding-right: 12px;
    text-overflow: ellipsis
}

.app-files.cnx8-ui .lotusDialogContent._qkrDialogCompact {
	max-height: 62vh; 
	overflow-y: auto;
}

/*
.app-files.cnx8-ui .lotusDialogWrapper.lconnPicker.dijitDialog {
	top: 14% !important;
}*/

.app-files.cnx8-ui .filesListcontainerNodeV8 {
	overflow-y: auto !important;
    max-height: 84%;
}

.app-files.cnx8-ui .lconnUploadContainerv8.pickerInputSpanv8.pickerBrowserContainerv8{
    position: absolute;
    bottom: 0px;
    display: -webkit-box;
    padding-left:6px !important;
   
}

.app-files.cnx8-ui .additionalOptionsV8 .lotusArrow {
	margin-top: 2px !important;
}

.app-files.cnx8-ui .lotusForm  tr.lotusFormFieldRow td.additionalOptionsV8{
	padding-bottom: 7px !important;
}

.app-files.cnx8-ui .lotusLikeAction,
.app-files.cnx8-ui .lotusLikeHeader .lotusLike a.lotusLikeAction {
  color: #1970B0;
}

.app-files.cnx8-ui .lotusLikeHeader .lotusLike a.lotusLikeCount .lotusLikeText {
  margin-left: 10px;
}

.app-files.cnx8-ui .lotusForm.lotusDialog .lotusText {
	width: 97%;	
}

.app-files.cnx8-ui .lotusDialogBorder,
.app-files.cnx8-ui .dijitPopup .lotusPopup a,
.app-files.cnx8-ui .dijitPopup .lotusPopup a:focus{
	border: none !important;
}

.app-files.cnx8-ui .dijitPopup .lotusPopup a:focus-visible {
	outline: none !important;
}

.app-files.cnx8-ui.ics-viewer-open .ics-viewer.ics-viewer-details-expanded.ics-viewer-type-connections .ics-viewer-content {
	top: 70px !important;
}

.app-files.cnx8-ui.ics-viewer-open .sharingDialog.dijitDialog .button-container #ok,
.app-files.cnx8-ui.ics-viewer-open .commentDialog.dijitDialog .button-container #ok,
.app-files.cnx8-ui.ics-viewer-open .confirmationDialog.dijitDialog .button-container #ok {
	margin-left: 6px !important;	
}

/*primary form small button*/
.app-files.cnx8-ui .lotusTags.lotusMeta form input.lotusBtnSmall {
	background-color: var(--color-button) !important;
    border-radius: 2px !important;
    border: none !important;
    box-shadow: none !important;
    color: white;
    padding: 5px 10px !important;
}

/*primary form small button hover*/
.app-files.cnx8-ui .lotusTags.lotusMeta form input.lotusBtnSmall:hover {
	background-color: var(--color-button-hover) !important;
	box-shadow:none !important;
	color: white;
}

/*primary form and modal button*/

.app-files.cnx8-ui .lotusSyncViewWelcomeBox .lotusSyncButtonDiv #lotusSyncInstallButton,
.app-files.cnx8-ui .ics-viewer .ics-panel-entry-container .ics-sharing-panel.multiAdd-active .multiAddContainer .ics-typeaheadboxmulti-container .actionContainer.actionButton a.manualAdd {
    background-color: var(--color-button) !important;
    border-radius: 2px !important;
    border: none !important;
    box-shadow: none !important;
    padding: 9px 24px !important;
    color: white;
}

/*CNX-34000 - customizer issue fixes - Moved styles to ui.css and replaced color codes with root flags*/
.app-files.cnx8-ui .ics-viewer .ics-viewer-icon-preview div > div > span,
.app-files.cnx8-ui .ics-viewer .myDriveButton span[id^=dijit_form_DropDownButton_][id*=_label],
.app-files.cnx8-ui .ics-viewer .ics-panel-entry-container .ics-sharing-panel.multiAdd-active .multiAddContainer .ics-typeaheadboxmulti-container .actionContainer.actionButton a.manualAdd span {
	color: white;
}

/*primary button disabled hover*/

.app-files.cnx8-ui .ics-viewer .ics-panel-entry-container .ics-sharing-panel.multiAdd-active .multiAddContainer .ics-typeaheadboxmulti-container .actionContainer.actionButton a.manualAdd[disabled],
.app-files.cnx8-ui .lotusDialogFooter #submit_button.lotusBtnDisabled:hover{
	background-color: var(--color-button-disabled) !important;
	color: var(--color-button-disabled-text) !important;
}

.app-files.cnx8-ui .lotusDialogFooter #submit_button.lotusFormButton.lotusBtnDisabled,
.app-files.cnx8-ui .ics-viewer .ics-panel-entry-container .ics-sharing-panel.multiAdd-active .multiAddContainer .ics-typeaheadboxmulti-container .actionContainer.actionButton a.manualAdd[disabled] span {
	color: var(--color-button-disabled-text) !important;
}

.app-files.cnx8-ui .lotusDialogFooter #submit_button.lotusFormButton.lotusBtnDisabled {
	margin: 0 4px 3px 1px !important;
}

/*Primary button hover */
.app-files.cnx8-ui .lotusSyncViewWelcomeBox .lotusSyncButtonDiv #lotusSyncInstallButton:hover,
.app-files.cnx8-ui .ics-viewer .ics-panel-entry-container .ics-sharing-panel.multiAdd-active .multiAddContainer .ics-typeaheadboxmulti-container .actionContainer.actionButton a.manualAdd:hover,
.app-files.cnx8-ui.ics-viewer-open .sharingDialog.dijitDialog .button-container #ok:hover,
.app-files.cnx8-ui.ics-viewer-open .commentDialog.dijitDialog .button-container #ok:hover,
.app-files.cnx8-ui.ics-viewer-open .confirmationDialog.dijitDialog .button-container #ok:hover,
.app-files.cnx8-ui.ics-viewer-open .linkDialog.dijitDialog  #ok.confirm:hover,
.app-files.cnx8-ui .ics-viewer-action.ics-viewer-splitbutton div a:hover,
.app-files.cnx8-ui .ics-viewer-action.ics-viewer-action-upload div a:hover,
.app-files.cnx8-ui .ics-viewer-action.ics-viewer-action-edit div a:hover,
.app-files.cnx8-ui .ics-viewer-action.dropdown-menu.ics-viewer-action-splitmenu div:hover span span,
.dijitDialog .lotusDialogContent td input.fileUploadV8::file-selector-button:hover,
.dijitDialog .lotusDialogContent td label.fileUploadV8Label:hover,
.app-files.cnx8-ui .ics-newversionwidget-container form input[type="file"]::file-selector-button:hover,
.app-files.cnx8-ui .lotusDialogFooter #submit_button:hover,
.icCatalogFileCreate.bx--dropdown:hover {
	background-color: var(--color-button-hover) !important;
	box-shadow:none !important;
	color: white;
}

/*Secondary form small button*/
.app-files.cnx8-ui .lotusTags.lotusMeta form a.lotusBtnSmallGray {
	background: transparent !important;
    border-radius: 2px !important;
    color: var(--color-button) !important;
    padding: 3.5px 10px !important;
    border: 1px solid #01539B !important;
    box-shadow: none !important;
}

/*Secondary form small button hover*/
.app-files.cnx8-ui #lotusContent .lotusTags.lotusMeta form a.lotusBtnSmallGray:hover {
	background-color: rgba(1, 83, 155, 0.2) !important;
	color: var(--color-button) !important;
	border-radius: 2px !important;
	border: 1px solid #01539B !important;
	box-shadow: none !important;
}

/*Secondary form button*/

.app-files.cnx8-ui .ics-viewer .ics-panel-entry-container .ics-sharing-panel.multiAdd-active .multiAddContainer .ics-typeaheadboxmulti-container .actionContainer.actionButton a.manualCancel {
	background: transparent !important;
    border-radius: 2px !important;
    color: var(--color-button);
    padding: 8px 24px !important;
}

.app-files.cnx8-ui .ics-viewer .ics-panel-entry-container .ics-sharing-panel.multiAdd-active .multiAddContainer .ics-typeaheadboxmulti-container .actionContainer.actionButton a.manualCancel span{
	color: var(--color-button);
}

/*Secondary form button hover*/
.app-files.cnx8-ui .ics-viewer .ics-panel-entry-container .ics-sharing-panel.multiAdd-active .multiAddContainer .ics-typeaheadboxmulti-container .actionContainer.actionButton a.manualCancel:hover {
	background-color: rgba(1, 83, 155, 0.2) !important;
    color: var(--color-button);
    border-radius: 2px !important;
    padding: 8px 24px !important;
    border-width: 1px !important;
    
}

/*Secondary model button hover*/
.app-files.cnx8-ui.ics-viewer-open .sharingDialog.dijitDialog .button-container #cancel:hover,
.app-files.cnx8-ui.ics-viewer-open .commentDialog.dijitDialog .button-container #cancel:hover,
.app-files.cnx8-ui.ics-viewer-open .confirmationDialog.dijitDialog .button-container #cancel:hover,
.app-files.cnx8-ui .lotusFormButton.cancel:hover,
.app-files.cnx8-ui .lotusDialogFooter #cancel_button:hover {
	background-color: rgba(1, 83, 155, 0.2) !important;
	border-radius: 2px;
}

 .app-files.cnx8-ui .ics-viewer .ics-commentbox-container.active .commentActions a {
	color: var(--color-link);
	font-weight: var(--font-weight-normal);
} 

.app-files.cnx8-ui .ics-newversionwidget-container form input[type="file"]::file-selector-button {
  width:35% !important;
  padding: 6px 5px;
  background-color: var(--color-button);
  color: var(--color-button-text);
   border: 0px !important; 
  cursor: pointer;
}

.app-files.cnx8-ui .ics-newversionwidget-container form input[type="file"]{
  width: 100% !important;
  cursor: pointer;
  background: none !important;
}

.app-files.cnx8-ui .ics-viewer .ics-typeaheadbox-container.ics-typeaheadboxmulti-container.active input,
.app-files.cnx8-ui .ics-viewer .ics-newversionwidget-container .ics-editBox textarea {
	 background: none !important;
}

.app-files.cnx8-ui #listcustomizer .lotusFormFooter input[value="Cancel"].lotusFormButton {
    background: transparent !important;
    border-radius: 2px !important;
    border: none !important;
    color: var(--color-link) !important;
    box-shadow: 0 0 0 1px #4178be inset !important;
    padding: 8px 24px !important;
}

.app-files.cnx8-ui #listcustomizer .lotusFormFooter input[type="button"].lotusFormButton:hover {
    background-color: rgba(1, 83, 155, 0.2) !important;
    color: #01539B !important;
    border-radius: 2px !important;
}

.app-files.cnx8-ui #listcustomizer .lotusFormFooter input[type="submit"].lotusFormButton,
.app-files.cnx8-ui #listcustomizer .lotusFormFooter input[name="showDefault"].lotusFormButton {
    color: var(--color-button-text) !important;
    background-color: var(--color-button);
    border-radius: 2px !important;
    border: none !important;
    box-shadow: none !important;
    padding: 8px 24px !important;
}

.app-files.cnx8-ui #listcustomizer .lotusFormFooter input[type="submit"].lotusFormButton:hover,
.app-files.cnx8-ui #listcustomizer .lotusFormFooter input[name="showDefault"].lotusFormButton:hover {
    color: var(--color-button-text) !important;
    border-radius: 2px !important;
    background-color: var(--color-button-hover) !important;
    border: none !important;
    box-shadow: none !important;
    padding: 8px 24px !important;
}

.app-files.cnx8-ui #listcustomizer .lotusFormFooter .lotusFormButton {
	margin: 0 5px 5px 5px !important;
}

.app-files.cnx8-ui .ics-viewer-toolbar .ics-viewer-action.dropdown-menu.ics-viewer-more-actions .dropdown-menu-icon {
	background-position: -16px 0px !important;
}

.app-files.cnx8-ui .lotusSyncButtonDiv {
  display: flex;
  line-height: 1.5;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  flex-direction: column;
}

.app-files.cnx8-ui .lotusSyncButtonDiv .lotusSyncLinkSpan {
	position: relative !important;
	bottom: unset !important;
	left: 0px !important;
	right: 0px !important;
	text-align: center;
}

.app-files.cnx8-ui .lotusSyncViewWelcomeBox .lotusSyncAddFilesButton {
  max-width: fit-content !important;
  vertical-align: middle;
}

.app-files.cnx8-ui .dijitComboBoxMenuPopup .dijitMenuItem img {
  width: 22px !important;
  height:22px !important;
  padding-right: 5px !important;
}

.app-files.cnx8-ui .dijitComboBoxMenuPopup .dijitMenuItem {
  padding: 5px 5px !important;
}

.app-files.cnx8-ui .dijitComboBoxMenuPopup .dijitMenuItem.dijitMenuItemHover {
  background-color: #E1F4F9 !important;
}

.app-files.cnx8-ui .dijitComboBoxMenuPopup .dijitMenuItem.searchDirectory {
  color: #105CB6;
  padding: 5px 0px 5px 15px !important;
  background-position: left;
}

.app-files.cnx8-ui .dijitComboBoxMenuPopup .searchDirectory.dijitMenuItemHover,
.app-files.cnx8-ui .dijitComboBoxMenuPopup .searchDirectory.dijitMenuItemSelected {
  background-image: url(/connections/resources/web/com.ibm.lconn.core.styles/images/iconSearchDark16.png?etag=20220127.053151);
  background-repeat: no-repeat;
  background-position: left;
}

.app-files.cnx8-ui .lotusForm input.lotusFormErrorField {
  background-color: transparent !important;
}

.app-files.cnx8-ui .dijitMenuPopup .dijitMenuTable .dijitMenuItemFocused td.dijitMenuItemLabel,
.app-files.cnx8-ui .dijitMenuPopup .dijitMenuTable td.dijitMenuItemLabel:hover,
.app-files.cnx8-ui .dijitMenuPopup .dijitMenuTable td.dijitMenuItemLabel:active,
.app-files.cnx8-ui .dijitMenuPopup .dijitMenuTable td.dijitMenuItemLabel:focus {
    border-top: 1px solid transparent !important;
    border-bottom: 1px solid transparent !important;
}

.app-files.cnx8-ui .dijitMenuItem td.dijitMenuItemLabel {
	padding: 10px 20px 8px 5px !important;
}

@supports (-moz-appearance:none) {
    input:focus-visible,
    textarea:focus-visible {
    	outline-offset: -2px;
	}
}

/************************CNXSERV-16465***********************************/
.app-files.cnx8-ui #scene-body .lconnCustomListView {
  display: unset !important;;
}

.app-files.cnx8-ui #scene-body .lconnCustomListView .lotusTable tr.lotusSort.lotusFirst {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background-color: var(--color-base-background) !important;
  z-index: 1;
}

.app-files.cnx8-ui #scene-body .lconnCustomListView .lotusTable {
  margin-top: -21px !important;
}

.app-files.cnx8-ui #scene-body .lotusTable tbody td a.lconnIconContainer {
  position: unset !important;	
}

.app-files.cnx8-ui #scene-body .lconnListView,
.app-files.cnx8-ui #scene-body .lconnGridView  {
  display: unset !important;;
}

.app-files.cnx8-ui #scene-body .lconnListView .lotusHeaderStickyCnx8,
.app-files.cnx8-ui #scene-body .lconnGridView .lotusHeaderStickyCnx8 {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background-color: var(--color-base-background) !important;
  z-index: 1;
  height: 40px;
  margin-top: -26px;
}

/*****************CNXSERV-18539*******************************************/
.app-files.cnx8-ui .dijitTooltip { 
  margin-left: 7px;
}

.app-files.cnx8-ui .dijitPopup.dijitComboBoxMenuPopup {
  max-height: calc((100vh * 0.5) - 40px) !important;
  overflow: auto !important;
}

/************************************************************************/

.app-files.cnx8-ui #lotusFrame {
  min-width: 0 !important;
}

.lconnFiles .lotusui30 .lotusTopNav .lotusToolBar .lconnContentSceneActions {
  width: auto !important;
}

@media screen and (min-width: 1290px) {
  .lconnFiles .lotusui30 .lotusTopNav .lotusToolBar .lconnContentSceneActions {
    width: 80% !important;
  }
}

/***********************CNXSERV-16712*********************************/
.app-files.cnx8-ui .lotusFormTable tr#concordduplicatedoctr {
	display: block !important;
}

.app-files.cnx8-ui .lotusFormTable tr#concordduplicatedoctr td {
	display: block !important;
}

.app-files.cnx8-ui .lotusFormTable tr#concordduplicatedoctr #concordduplicatedoc {
	color: red;
}

.app-files.cnx8-ui #lotusFrame #lotusColLeft span.lotusLeft.disabledFilter {
	color: #aaa;
}

/*****        Added for RTL      ***/
html[dir="rtl"] .icCatalogFileCreate li.li--dropdown-image {
	margin-left: 0px !important;
    margin-right: 60px;
}

html[dir="rtl"] .lotusBtnDivFiles .icCatalogFileCreate li.cnxFileActionTextNode {
	margin-left: -26px !important;
}

html[dir="rtl"] .app-files.cnx8-ui #tertiary_level_nav button[id^=lconn_files_action_createitem_] {
	margin-right: 1px !important;
}

html[dir="rtl"] body #tertiary_level_nav {
	padding-right: 0px !important;
}

html[dir="rtl"] .app-files.cnx8-ui #tertiary_level_nav .lotusColLeft.newButton {
	position: relative;
	left: 390px !important;
}

html[dir="rtl"] .app-files.cnx8-ui.itm-bar-open #tertiary_level_nav .lotusColLeft.newButton {
	position: initial;
}

html[dir="rtl"] .app-files.cnx8-ui .lotusColLeft #lconnSideNavBody .myDriveNavigation {
    margin-right:0px !important;
}

html[dir="rtl"] .app-files.cnx8-ui .lotusColLeft #lconnSideNavBody .myDriveNavigation {
    margin-right: 0px !important;
}

html[dir="rtl"]  .app-files.cnx8-ui #lotusFrame #lotusColLeft .dojoDndItem a { 
    margin-left: 0 ;
    margin-right: 25px;
}

html[dir="rtl"] .app-files.cnx8-ui #lotusFrame #lotusColLeft div.lotusSelected {
    border-right: none !important;
}

html[dir="rtl"] .app-files.cnx8-ui #lotusFrame #lotusColLeft .headerSelector {
    border-right: none !important;
}

html[dir="rtl"] .app-files.cnx8-ui .toolActions {
	border-right: none;
	border-left: 1px solid #ccc;
}

html[dir="rtl"] .app-files.cnx8-ui .lotusFilters2 img.lotusDelete {
	margin: 0px 10px 0px 0px;
}

html[dir="rtl"] .app-files.cnx8-ui .lotusHelpIconV8 {
	padding-right: 5px !important;
}

html[dir="rtl"] .app-files.cnx8-ui .lotusDialogWrapper.dijitDialog .lotusSearch.pickerSearchBar select,
html[dir="rtl"] .app-files.cnx8-ui .lotusDialogWrapper.dijitDialog select {
	background-position-x: 0 !important;
	padding: 0 2px 0 20px !important;
}

html[dir="rtl"] .app-files.cnx8-ui .lotusSearch.pickerSearchBar .lotusText input.lotusText {
    padding: 0 5px 0 0 !important;
}

html[dir="rtl"] .app-files.cnx8-ui .lotusDialogWrapper.dijitDialog .lotusSearch.pickerSearchBar select {
    padding: 0 5px 0 0 !important;
}

html[dir="rtl"] .app-files.cnx8-ui .lotusSearch .lotusBtnImg {
    margin: 0 -6px 0 0 !important;
}

html[dir="rtl"] .app-files.cnx8-ui :is(.lotusMessage2, .lotusMessage) .lotusDelete {
    position: unset !important;
    padding-right: 16px !important;
    padding-left: 0px !important;
    margin-left: -5px !important;
    margin-right: 16px !important;
}

html[dir="rtl"] .app-files.cnx8-ui #scene-body .lotusLeft.lconnSelectAllContainer {
    margin: 0 0 0 20px !important;
}

html[dir="rtl"] .app-files.cnx8-ui :is(.lotusMessage2, .lotusMessage) img.lotusIcon {
    margin: 0 0 0 12px !important;
}

html[dir="rtl"] .app-files.cnx8-ui :is(.lotusMessage2, .lotusMessage) :is(.lotusMessageBody, .lconnFileUploadStatusMessage) {
    margin-left: 20px !important;
    margin-right: 0 !important;
}

html[dir="rtl"] .app-files.cnx8-ui :is(.lotusMessage2, .lotusMessage) {
    border-left: 0 !important;
    border-right: 4px solid #C10C0D;
}

html[dir="rtl"] .app-files.cnx8-ui :is(.lotusMessage2, .lotusMessage).lotusWarning {
	border-left: 0 !important;
    border-right: 4px solid #FFB400 !important;
}

html[dir="rtl"] .app-files.cnx8-ui :is(.lotusMessage2, .lotusMessage).lotusInfo {
	border-left: 0 !important;
    border-right: 4px solid #01539B !important;
}

html[dir="rtl"] .app-files.cnx8-ui :is(.lotusMessage2, .lotusMessage).lotusSuccess {
	border-left: 0 !important;
    border-right: 4px solid #bed732 !important;
}

html[dir="rtl"] .app-files.cnx8-ui .lotusStyledScroll {
    margin-left: 4px !important;
    padding-left: 20px !important;
    margin-right: 0 !important;
    padding-right: 0 !important;
}

html[dir="rtl"] .app-files.cnx8-ui .lotusHeader .lconnBreadcrumb .lconnBreadcrumbdropdown {
    padding-left: unset !important;
    padding-right: 0 !important;
}

html[dir="rtl"] .app-files.cnx8-ui .lotusHeader h1#scene-title {
    padding-left: unset !important;
    padding-right: 5px !important;
}

html[dir="rtl"] .app-files.cnx8-ui .dijitMenuItem td.dijitMenuItemLabel {
    padding: 10px 5px 8px 20px !important;
}

html[dir="rtl"] .app-files.cnx8-ui .lconnBreadcrumb.lconnBreadcrumb.lotusGlobalActionBarMenu tr.dijitMenuItemSelected .dijitMenuItemIconCell {
    border-left: 0 !important;
}

html[dir="rtl"]  .app-files.cnx8-ui .lotusContent .lotusHeader .lconnBreadcrumb nav.breadcrumb ol {
    padding-right: 0 !important;
}

.app-files.cnx8-ui.has-banner .lotusFooter {
	padding-bottom: 75px !important;
}

.app-files.cnx8-ui div[id^=lconn_files_action_title_more_][id*=_dropdown] tr td.dijitReset.dijitMenuItemIconCell,
.app-files.cnx8-ui div[id^=lconn_files_action_title_more_][id*=_dropdown] tr td.dijitReset.dijitMenuArrowCell {
	border-bottom: none !important;
	border-top: none !important;
}


/*=================================================================
* PAGINATION STYLE ADJUSTMENTS
*================================================================*/
.app-files.cnx8-ui #cnx8_paginationWrapper .widthHalf {
  margin-top: 10px;
}

.app-files.cnx8-ui #custom_stream_pagination_dropdown {
  border-top: 1px solid;
}

.app-files.cnx8-ui .pagination-dropDown-select-wrapper {
  margin-top: 10px;
}

.app-files.cnx8-ui .pagination-dropDown-form .pagination-dropDown-btn {
  padding: 0px !important;
}

.app-files.cnx8-ui #cnx8_paginationWrapper li {
  border-left: 0px;
}

.app-files.cnx8-ui #memberPane #cnx8_paginationWrapper .widthHalf {
  margin-top: 15px;
}

.app-files.cnx8-ui #menu-resultPerPage .MuiMenu-paper .MuiMenu-list {
  min-width: fit-content !important;
}

.app-files.cnx8-ui #cnx8_paginationWrapper .MuiPaginationItem-root.Mui-disabled {
  opacity: var(--opacity-pagination-icon-disabled);
}

.app-files.cnx8-ui #cnx8_paginationWrapper .MuiPaginationItem-root {
  color: var(--color-pagination-icon);
}

.app-files.cnx8-ui #cnx8_paginationWrapper .paginationArrowIcon {
  fill: currentColor;
  width: 1em;
  height: 1em;
  display: inline-block;
  font-size: 1.5rem;
  transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  flex-shrink: 0;
  user-select: none;
}

.app-files.cnx8-ui #cnx8_paginationWrapper .MuiButtonBase-root.MuiPaginationItem-root.MuiPaginationItem-page {
  width: 1em;
  height: 1em;
  display: inline-table;
}

.app-files.cnx8-ui #cnx8_paginationWrapper ul {
  display: flex;
  align-items: center;
}

.app-files.cnx8-ui #cnx8_paginationWrapper .MuiButtonBase-root.MuiPaginationItem-root.MuiPaginationItem-page svg {
  fill: var(--color-link);
}

@media (max-width: 1024px) {
  .app-files.cnx8-ui #tertiary_level_nav {
    display: flex;
    justify-content: flex-end;
  }
}

.cnx8-ui.app-files #semtagmenuCard #cardDiv .lotusPersonInfo .lotusMessage.lotusInfo span {
  color: var(--color-info-message-text);
}

/* CNX-33038 Focus styling updates */
.cnx8-ui.app-files .lconnPickerSourceArea .lotusSearch select:focus-visible,
.cnx8-ui.app-files .lconnPickerSourceArea .lotusSearch input:focus-visible {
  border: 1px solid var(--color-button-secondary-text) !important;
}

.app-files.cnx8-ui .lotusSearch.pickerSearchBar div[id^=lconn_files_widget_FilePickerCompactInner_][id*=_content_searchDiv] input.lotusText:focus-visible {
  border: 1px solid var(--color-button-secondary-text) !important;
}