/* ***************************************************************** */
/*                                                                   */
/* HCL Confidential                                                  */
/*                                                                   */
/* OCO Source Materials                                              */
/*                                                                   */
/* Copyright HCL Technologies Limited 2022, 2025                     */
/*                                                                   */
/* 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.                         */
/*                                                                   */
/* ***************************************************************** */
/*=================================================================
 * Blogs CNX8 CSS adjustments
 * - Common adjustments
 *
 * - Adjustments for specific views
 *   - Blogs forms
 *================================================================*/
  
/*=================================================================
 * COMMON STYLE ADJUSTMENTS
 *================================================================*/

/*=================================================================
 * BLOGS FORMS ADJUSTMENTS
 *================================================================*/
/* CNXSERV-16775 - properly style error message */
:is(.app-blogs.cnx8-ui, .app-communities.cnx8-ui) :is(.lotusForm, .lotusForm2, #entryform) .lotusFormError * {
    color: var(--color-text-warning) !important;
    font-weight: var(--font-weight-normal);
}

:is(.app-blogs.cnx8-ui, .app-communities.cnx8-ui) :is(.lotusForm, .lotusForm2, #entryform) .lotusFormError .cnxFormErrorImg {
    height: 16px;
    position: relative;
    top: 2px;
    filter: invert(55%) sepia(61%) saturate(5921%) hue-rotate(333deg) brightness(110%) contrast(95%);
}

/* add error color to input */
.app-blogs.cnx8-ui :is(.lotusForm, .lotusForm2, #entryform, #websiteForm) .lotusFormTable input[aria-invalid="true"] {
    border: 1px solid var(--color-text-warning) !important;
}

/* CNXSERV-16674 Blogs chips design */
.app-blogs.cnx8-ui #lotusContent .lotusFilters2 a.lotusFilter,
.app-blogs.cnx8-ui #lotusContent .lotusFilters2 a.lotusFilter:hover,
.app-blogs.cnx8-ui #lotusContent #addtagwidget span[role="listitem"],
.app-blogs.cnx8-ui #lotusContent #addtagwidget span[role="listitem"]:hover,
.app-blogs.cnx8-ui #lotusContent #addtagwidget span[role="listitem"] a,
.app-blogs.cnx8-ui #lotusContent #addtagwidget span[role="listitem"] a:hover{
height: 32px !important;;
display: inline-flex !important;
box-sizing: border-box;
align-items: center;
border-radius: 16px;
justify-content: center;
padding-left: 10px !important;
font-weight: var(--font-weight-bold);
margin-bottom: 3px !important;
margin-top: 3px !important;
padding-right: 7px !important;
background-color: var(--color-chip) !important;
color: var(--color-chip-text) !important;
pointer-events: none;
}
.app-blogs.cnx8-ui #lotusContent .lotusFilters2 a.lotusFilter img.lotusDelete,
.app-blogs.cnx8-ui #lotusContent #addtagwidget span[role="listitem"] img.lotusDelete{
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='MuiSvgIcon-root MuiChip-deleteIcon' focusable='false' viewBox='0 0 24 24' aria-hidden='true' role='presentation' fill='%23ADADAD'%3E%3Cpath d='M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z'%3E%3C/path%3E%3C/svg%3E") !important;
background-position: unset !important;
width: 16px !important;
height: 22px !important;
-webkit-tap-highlight-color: transparent;
fill: var(--color-chip-close) !important;
padding-left: 5px;
cursor: pointer;
background-size: unset !important;
pointer-events: all;
}
.app-blogs.cnx8-ui #lotusContent .lotusFilters2 a.lotusFilter .lotusDelete:hover,
.app-blogs.cnx8-ui #lotusContent #addtagwidget span[role="listitem"] img.lotusDelete:hover{
filter: invert(1);
}
.app-blogs.cnx8-ui #lotusContent .lotusFilters2,
.app-blogs.cnx8-ui #lotusContent #addtagwidget{
margin: unset !important;
}

/* CNXSERV-16676 - disable main action link */
#mainActionLink {
    display: none;
}
/* CNXSERV-16676 - added previous icon link */
.app-blogs #lotusContent #entries .prevIconLink {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg' class='MuiSvgIcon-root' focusable='false' fill='%2301539B' viewBox='0 0 11.4 20' aria-hidden='true' role='presentation' data-mui-test='chevron--leftIcon' style='font-size:36px' version='1.1' id='svg4' sodipodi:docname='66baacc….svg' width='11.4' height='20'%3E%3Cdefs id='defs8'/%3E%3Csodipodi:namedview id='namedview6' pagecolor='%23ffffff' bordercolor='%23666666' borderopacity='1.0' inkscape:pageshadow='2' inkscape:pageopacity='0.0' inkscape:pagecheckerboard='0'/%3E%3Cpath d='M 0,10 10,0 11.4,1.4 2.8,10 11.4,18.6 10,20 Z' id='path2'/%3E%3C/svg%3E");
    background-position: 100%;
    padding-right: 11px;
    background-size: 1em 1em;
    background-repeat: no-repeat;
    width: 10px;
    height: 15px;
    margin-right: 5px;
    cursor: pointer;
}
/* CNXSERV-16676 - added next icon link */
.app-blogs #lotusContent #entries .nextIconLink {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg' class='MuiSvgIcon-root' focusable='false' fill='%2301539B' viewBox='0 0 11.4 20' aria-hidden='true' role='presentation' data-mui-test='chevron--rightIcon' style='font-size:36px' version='1.1' id='svg4' sodipodi:docname='fdd5ca60d3ed57f7d2c70633c0d1d1aa.svg' width='11.4' height='20'%3E%3Cdefs id='defs8'/%3E%3Csodipodi:namedview id='namedview6' pagecolor='%23ffffff' bordercolor='%23666666' borderopacity='1.0' inkscape:pageshadow='2' inkscape:pageopacity='0.0' inkscape:pagecheckerboard='0'/%3E%3Cpath d='M 11.4,10 1.4,20 0,18.6 8.6,10 0,1.4 1.4,0 Z' id='path2'/%3E%3C/svg%3E");
    background-position: 100%;
    padding-right: 17px;
    background-size: 1em 1em;
    background-repeat: no-repeat;
    width: 10px;
    height: 15px;
    cursor: pointer;
}
/* CNXSERV-16676 - css for disabled prev and next icon  */
.app-blogs #lotusContent #entries .prevIconLink.disabled,
.app-blogs #lotusContent #entries .disabled.nextIconLink {
    opacity: 0.3;
    cursor: default;
}
/* CNXSERV-16676 - css for disabled text and button  */
.app-blogs #lotusContent #entries .disabled {
    color: var(--color-button-disabled) !important;
}

/***************************CNXSERV-17709 Link to Connections file *************/

.app-blogs.cnx8-ui div[id^=lconn_share_widget_Dialog_] .lconnPickerSourceArea .lotusSearch.pickerSearchBar select {
  padding: 0px 0px 0px 5px !important;
  border: none !important;
  height: 31px !important;
  color: var(--color-link) !important;
  font-weight: bold;
  -webkit-appearance: none;
}

.app-blogs.cnx8-ui div[id^=lconn_share_widget_Dialog_] .lconnPickerStream div.icon .lconn-ftype16 {
  margin-top: 6px !important;
}

.app-blogs.cnx8-ui div[id^="lconn_share_widget_Dialog_"] .lconnPickerStream input[type="checkbox"] {
  height: 16px;
  width: 16px;
}

.app-blogs.cnx8-ui div[id^="lconn_share_widget_Dialog_"] .lotusSearch.pickerSearchBar div.lotusText input.lotusText {
    border: 1px solid !important;
    height: 28px !important;
    float: none !important;
    width: 84% !important;
    padding: 0px 0px 0px 5px !important;
}

.app-blogs.cnx8-ui div[id^="lconn_share_widget_Dialog_"] .lconnPickerSourceArea .pickerSearchBar div.lotusText {
    padding: 0 !important;
    height: 30px !important;
    border: none !important;
}

.app-blogs.cnx8-ui div[id^="lconn_share_widget_Dialog_"] .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-blogs.cnx8-ui div[id^="lconn_share_widget_Dialog_"] .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-blogs.cnx8-ui div[id^="lconn_share_widget_Dialog_"] .lotusSearch.pickerSearchBar {
    margin-bottom: 10px !important;
}

.app-blogs.cnx8-ui div[id^="lconn_share_widget_Dialog_"] .lconnPickerSourceArea .lconnPickerCompact div.lconnPickerOtherFiles {
    border-top: 1px solid rgb(229, 229, 229);
}

.app-blogs.cnx8-ui div[id^="lconn_share_widget_Dialog_"] .lotusSearch.pickerSearchBar .lotusBtnImg .lotusSearchButton,
.app-blogs.cnx8-ui div[id^="lconn_share_widget_Dialog_"] .lotusSearch.pickerSearchBar .lotusBtnImg .lotusDelete {
    width: 24px !important;
    height: 24px !important;
    background-image: none !important;
}

.app-blogs.cnx8-ui div[id^="lconn_share_widget_Dialog_"] .lotusUploadFile #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) !important;
  padding: 0px !important;
  margin-right: 4px !important;
  min-height: 18px !important;
}

.app-blogs.cnx8-ui div[id^="lconn_share_widget_Dialog_"] .lotusUploadFile #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) !important;
  padding: 0px !important;
  margin-right: 4px !important;
  min-height: 18px !important;
}

.app-blogs.cnx8-ui div[id^="lconn_share_widget_Dialog_"] .lotusUploadFile .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-blogs.cnx8-ui div[id^="lconn_share_widget_Dialog_"] .lconnFileInput.lconnUploadMultiple.pickerDropfilesVerticalPrompt {
  overflow-y: hidden !important;
  position: relative;
  width: 570px !important;
  min-height: 225px !important;
  height: 270px !important;
  background-color: #f3f4f6 !important;
}

.app-blogs.cnx8-ui div[id^="lconn_share_widget_Dialog_"] .lotusUploadFile .filesListcontainerNodeV8 {
  overflow-y: auto !important;
  max-height: inherit;
}

.app-blogs.cnx8-ui div[id^="lconn_share_widget_Dialog_"] .lconnUploadContainerv8.pickerInputSpanv8.pickerBrowserContainerv8 {
  position: absolute;
  bottom: 0px;
  display: -webkit-box;
  padding-left:6px !important;
}

.app-blogs.cnx8-ui div[id^="lconn_share_widget_Dialog_"] .lotusUploadFile input[name="uploadFileTaggerTypeAhead"] {
  width: calc(100% - 12px) !important;
  padding: 5px !important;
}

.app-blogs.cnx8-ui div[id^="lconn_share_widget_Dialog_"] .lconnFileUpload.pickerDnDLabelRow .lconnFileUploadLabel input.lotusText {
  padding: 3px !important;
  width: calc(100% - 45px) !important;
}

.app-blogs.cnx8-ui div[id^="lconn_share_widget_Dialog_"] :is(.lotusMessage2, .lotusMessage) {
  border-left: 4px solid #C10C0D;
}

.app-blogs.cnx8-ui div[id^="lconn_share_widget_Dialog_"] :is(.lotusMessage2, .lotusMessage).lotusWarning {
  border-left: 4px solid #FFB400 !important;
}

.app-blogs.cnx8-ui div[id^="lconn_share_widget_Dialog_"] :is(.lotusMessage2, .lotusMessage).lotusInfo {
  border-left: 4px solid #01539B !important;
}

.app-blogs.cnx8-ui div[id^="lconn_share_widget_Dialog_"] :is(.lotusMessage2, .lotusMessage).lotusSuccess {
  border-left: 4px solid #bed732 !important;
}

.app-blogs.cnx8-ui div[id^="lconn_share_widget_Dialog_"] :is(.lotusMessage2, .lotusMessage).lconnSharedExternal {
  border-left: 0 !important;
}

.app-blogs.cnx8-ui div[id^="lconn_share_widget_Dialog_"] :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-blogs.cnx8-ui div[id^="lconn_share_widget_Dialog_"] :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-blogs.cnx8-ui div[id^="lconn_share_widget_Dialog_"] :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: 24x !important;
  width: 24px !important;
}

.app-blogs.cnx8-ui div[id^="lconn_share_widget_Dialog_"] :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;
}

.app-blogs.cnx8-ui div[id^="lconn_share_widget_Dialog_"] .statusContainerNode {
	padding-left: 0 !important;
}

.app-blogs.cnx8-ui div[id^="lconn_share_widget_Dialog_"] :is(.lotusMessage2, .lotusMessage) {
  display: flex;
  width: fit-content !important;
  flex-wrap: nowrap !important;
  align-items: center !important;  
  margin: 5px 0 !important;
  padding: 6px 16px !important;
  background-color: var(--color-info-message) !important;
}

.app-blogs.cnx8-ui div[id^="lconn_share_widget_Dialog_"] :is(.lotusMessage2, .lotusMessage) .lotusMessageBody {
  padding: 8px 0px !important;
}
.app-blogs.cnx8-ui div[id^="lconn_share_widget_Dialog_"] :is(.lotusMessage2, .lotusMessage) .lotusIcon {
  margin: 0 8px 0 0 !important;
}
.app-blogs.cnx8-ui div[id^="lconn_share_widget_Dialog_"] :is(.lotusMessage2, .lotusMessage) .lotusDelete{
  position: unset !important;
  padding-left: 16px !important;
  padding-right: 0px !important;
  margin-right: -8px !important;
  margin-left: 16px !important;
}
.app-blogs.cnx8-ui div[id^="lconn_share_widget_Dialog_"] .lotusMessage2 .lotusMessageBody {
  padding: 5px !important;
}

.app-blogs.cnx8-ui div[id^="lconn_share_widget_Dialog_"] .lotusUploadFile input[name="uploadFileTaggerTypeAhead"] {
  width: calc(100% - 12px) !important;
  padding: 5px !important;
}


.app-blogs.cnx8-ui div[id^="lconn_share_widget_Dialog_"] .lotusUploadFile table.lotusFormTable tr td:nth-child(2) {
  float: unset !important;
}

.app-blogs.cnx8-ui div[id^="lconn_share_widget_Dialog_"] .lotusUploadFile td.additionalOptionsV8 img {
  margin-left: 3px !important;
}


/***************************END Link to Connections file *************/


/* CNXSERV-17781 - increase size of blogs / entry headers */
.app-blogs.cnx8-ui #lotusContent .blogsBoard .lotusPost h4.blogsWrapText a,
.app-blogs.cnx8-ui #lotusContent #entries .blogsFixedTable .blogsWrapText h4 a,
.app-blogs.cnx8-ui #lotusContent #entries .blogsFixedTable .blogsWrapText h4 {
  font-size: var(--font-size-header);
}

/* adjustments for ideation blog headers */
.cnx8-ui.app-communities #ideationsListContainer .lotusTable td h4 a,
.cnx8-ui.app-communities #ideationsListContainer .lotusTable td h4 a:hover {
	font-size: var(--font-size-header);
	font-weight: var(--font-weight-header);
}
/* CNXSERV-17529 - adjustments for community blog action menus */
.cnx8-ui.app-blogs #tertiary_level_nav #pagePlaceBar #communityActionBar li a,
.cnx8-ui.app-blogs #tertiary_level_nav #pagePlaceBar #communityActionBar li a:visited {
  font-size: var(--font-size-large);
  color: var(--color-link);
}
.cnx8-ui.app-blogs #tertiary_level_nav #pagePlaceBar #communityActionBar li a:hover {
  color: var(--color-link-hover);
}

/* remove hover bold effect from feed actions */
.cnx8-ui.app-blogs #lotusContent .lotusFeeds a.lotusFeed.lotusAction:hover {
  font-weight: var(--font-weight-normal);
}

/* CNX8 UI Adjustments */
/* CNXSERV-15614, Export To PDF Page Design Changes */
/* Text: Export As PDF */
.cnx8-ui.app-blogs .dijitDialog .dijitDialogPaneContent .dijitDialogPdfExport .lotusDialog.lotusForm .lotusDialogHeader a.lotusDialogClose img {
  background-size: 12px !important;
  padding: 3px 5px 3px 3px !important;
}
/*---------------------------------------------------------------------------------------------------------------------------------------------*/
.app-blogs.cnx8-ui .lotusFrame #lotusContent select.lotusText ,
.app-blogs.cnx8-ui .lotusFrame #lotusContent input.lotusText ,
.app-blogs.cnx8-ui .lotusFrame #lotusContent textarea.lotusText,
.app-blogs.cnx8-ui .lotusFrame #entryform input.bidiAware,
.app-blogs.cnx8-ui .lotusFrame #entryform #addtagwidget #addtagwidgetAddTagsTypeAhead {
	 font-size:var(--font-size-medium) !important
}
.app-blogs.cnx8-ui .lotusFrame #lotusContent .blogs-helpIcon {
  margin-left:-5px;
}
.app-blogs.cnx8-ui .lotusFrame #lotusContent input:focus,
.app-blogs.cnx8-ui .lotusFrame #lotusContent a:focus,
.app-blogs.cnx8-ui .lotusFrame #lotusContent textarea#description.lotusText.bidiAware:focus,
.app-blogs.cnx8-ui .lotusFrame #lotusContent select#timeZone:focus,
.app-blogs.cnx8-ui .lotusFrame #lotusContent input.lotusFormButton:focus{
    outline: 2px solid var(--color-input-focus);
}
.cnx8-ui.app-blogs #lotusContent .cnx8Paging .pagination .inlinelist .pageList span.inactive {
    color: var(--color-text-secondary) !important;
    cursor: default;
}

/** CNX-31849 [Must Fix] Tiny Editor: HTML Source screen is malformed for Blogs **/
/** This is here to override the TinyMCE style that is causing the problem **/

.cnx8-ui.app-blogs .tox .tox-editor-header{
  z-index: 1 !important; 
}

/* CNX-31875 [Must Fix] Dialog box distorted on click on share text in blogs app */
/* Share Menu Item for Connections */
:not([dir="rtl"]) .share-menu-item-top {
  display: block;
  padding-left: 16px;
  padding-right: 12px;  
  padding-top: 4px;
  padding-bottom: 4px;
}

:not([dir="rtl"]) .share-menu-item-top-img {
  width: auto !important;
  height: 18px;
  padding-right: 10px;
}

:not([dir="rtl"]) .extension-menu-item {
  display: block;
  width: 100%;
  padding-top: 5px;
  padding-left: 11px;
  padding-right: 16px;
  min-height: 33px;
}

:not([dir="rtl"]) .extension-menu-item-img {
  width: auto !important;
  height: 23px;
  padding-right: 12px;
}

/* Share Menu Item for Blog Entries */
:not([dir="rtl"]) .share-menu-item {
  display: block;
  padding-left: 16px;
  padding-right: 12px;
  padding-top: 4px;
  padding-bottom: 4px;
}

:not([dir="rtl"]) .share-menu-item-img {
  width: auto !important;
  height: 18px;
  padding-right: 10px;
}

/* CNX-32080 Alignment Issue with Share Success alert on Blogs page */
@media (min-width:600px) {
  .MuiSnackbar-anchorOriginBottomRight {
    left: 70px !important;
    right: auto !important;
  }

  .MuiSnackbar-anchorOriginBottomRight .MuiPaper-root.MuiAlert-root.MuiAlert-standardSuccess {
    border-left: 5px solid #15D36E !important;
    border-right: unset !important;
  }

  .MuiSnackbar-root.MuiSnackbar-anchorOriginBottomRight .MuiIconButton-colorInherit.MuiIconButton-sizeSmall {
    margin-right: 5px !important;
  }

  .entryContentContainerTD.blogsWrapText .MuiSnackbar-root.MuiSnackbar-anchorOriginBottomRight .MuiIconButton-colorInherit.MuiIconButton-sizeSmall {
    margin-right: 0px !important;
  }

  .entryContentContainerTD.blogsWrapText .MuiSnackbar-root.MuiSnackbar-anchorOriginBottomRight {
    margin-left: 5px;
  }
}

@media (min-width:600px) {
  [dir="rtl"] .MuiSnackbar-anchorOriginBottomRight {
    left: auto !important;
    right: 70px !important;
  }

  [dir="rtl"] .MuiSnackbar-anchorOriginBottomRight .MuiPaper-root.MuiAlert-root.MuiAlert-standardSuccess {
    border-left: unset !important;
    border-right: 5px solid #15D36E !important;
  }

  [dir="rtl"] .entryContentContainerTD.blogsWrapText .MuiPaper-root.MuiAlert-root.MuiAlert-standardSuccess {
    padding-left: 5px;
  }

  [dir="rtl"] .MuiSnackbar-root.MuiSnackbar-anchorOriginBottomRight .MuiAlert-action {
    padding-left: 0px;
  }

  [dir="rtl"] .MuiSnackbar-root.MuiSnackbar-anchorOriginBottomRight .MuiIconButton-colorInherit.MuiIconButton-sizeSmall {
    margin-right: 20px !important;
  }

  [dir="rtl"] .entryContentContainerTD.blogsWrapText .MuiSnackbar-root.MuiSnackbar-anchorOriginBottomRight .MuiIconButton-colorInherit.MuiIconButton-sizeSmall {
    margin-right: 20px !important;
  }

  [dir="rtl"] .entryContentContainerTD.blogsWrapText .MuiSnackbar-anchorOriginBottomRight {
    right: -5px !important;
  }
}

/* hide the 'banner' element which otherwise takes up space between top nav and main on new entry form*/
.app-blogs.app-communities #lotusTitleBar.lotusTitleBar {
	display: block !important; /* overwrite by blogs.css - .app-blogs.cnx8-ui #lotusTitleBar*/
}

/* remove margin around content area, remove width limit to allow scroll showing up on the very right */
.cnx8-ui.app-blogs.app-communities #lotusMain {
	margin: 0 !important;
	max-width: unset;
	padding: 0;
}

/* add padding to add some spacing to 2nd level nav content
   - set max width to not have too much content displaying on one line */
.cnx8-ui.app-communities #lotusContent {
	padding-top: 15px;
}

/* Hide title bar (containing Blogs backlink) */
.cnx8-ui.app-blogs.app-communities #lotusTitleBar.lotusTitleBar .lotusHeading .lotusText,
.cnx8-ui.app-blogs.app-communities #lotusTitleBar.lotusTitleBar2 .lotusHeading .lotusText {
	display: none;
}

/* make sure left column nav is boxed always (keeps same size) */
.cnx8-ui.app-blogs.app-communities #lotusFrame #lotusColLeft {
	width: 240px !important; /*overwrite width of hikari css*/
	box-sizing: border-box;
	overflow-y: unset;
	margin-bottom: 0px !important;
}

/* add padding to right widget column */
.cnx8-ui.app-blogs.app-communities #lotusFrame #lotusColRight {
	padding: 25px;
	display: block;
	min-height: 10px;
}
.cnx8-ui.app-blogs.app-communities .lotusPlaceBar .lotusInlinelist.lotusRight {
	width: fit-content;
  right: 50px;
}

.cnx8-ui.app-blogs.app-communities .cnx8_lotusFrame {
    height: calc(100vh - 48px);
}

/*this change is required only for community blogs and not for ideation blogs*/
.cnx8-ui.app-blogs.cl-2columnLayout #pagePlaceBar.lotusPlaceBar .lotusInner,
.cnx8-ui.app-blogs.cl-3columnLayout #pagePlaceBar.lotusPlaceBar .lotusInner,
.cnx8-ui.app-blogs.cl-3columnLayoutWithBanner #pagePlaceBar.lotusPlaceBar .lotusInner {
	position: relative;
	padding: 25px 0 0;
	height: 4em;
}

.cnx8-ui.app-blogs.app-communities .lotusMain #lotusColLeft .lotusMenu:not([role="navigation"]) {
	padding: 0 20px;
}

/*Remove space above community logo*/
.cnx8-ui.app-communities.app-blogs.cl-2columnLayout .lotusMain:not([role="tabpanel"]) #lotusColLeft,
.cnx8-ui.app-communities.app-blogs.cl-3columnLayout .lotusMain:not([role="tabpanel"]) #lotusColLeft,
.cnx8-ui.app-communities.app-blogs.cl-3columnLayoutWithBanner .lotusMain:not([role="tabpanel"]) #lotusColLeft {
  margin-top: -48px !important;
  position: relative !important;
}

.cnx8-ui.app-communities.app-blogs.cl-2columnLayout #lotusContent > div.lotusLayout.lotusHeader.blogsWrapText > h1 ,
.cnx8-ui.app-communities.app-blogs.cl-3columnLayout #lotusContent > div.lotusLayout.lotusHeader.blogsWrapText > h1 ,
.cnx8-ui.app-communities.app-blogs.cl-3columnLayoutWithBanner #lotusContent > div.lotusLayout.lotusHeader.blogsWrapText > h1 {
  display: none !important;
}

.cnx8-ui.app-communities.app-blogs.cl-2columnLayout #lotusMain,
.cnx8-ui.app-communities.app-blogs.cl-3columnLayout #lotusMain ,
.cnx8-ui.app-communities.app-blogs.cl-3columnLayoutWithBanner #lotusMain {
  padding-top: 0 !important;  /*overwriting by blogs.css - .app-blogs.cnx8-ui.app-communities #lotusMain */
  padding-bottom: 0 !important;
}

.cnx8-ui.app-communities #lotusFrame .lotusPlaceBar .lotusRightCorner .lotusInner h2 .comNavInline {
  line-height: 1.25em;
}

/*for ideation blogs*/
.cnx8-ui.app-communities #lotusFrame div.lotusPlaceBar h2 {
  margin-left: 250px !important; /* overwriting by communities.css - @media screen and (min-width: 1250px) .lotusui30 div.lotusPlaceBar h2 */
}

.cnx8-ui.app-communities .lotusSort .lotusAscending{
	-webkit-appearance: none;
	-moz-appearance: none;
	background-image: url("../images/chevron-up.svg");
	background-size: 0.85em 0.85em;
	background-position: 97% center;
	padding-right: 20px;
}
.cnx8-ui.app-communities .lotusSort .lotusDescending{
	-webkit-appearance: none;
	-moz-appearance: none;
	background-image: url("../images/chevron-down.svg");
	background-size: 0.85em 0.85em;
	background-position: 97% center;
	padding-right: 20px;
}
.cnx8-ui ul#communityActions.lotusActions li a[role="button"],
.cnx8-ui.app-blogs ul#communityActions.lotusActions li a[role="button"]{
  font-size: var(--font-size-large) !important;
}
.cnx8-ui.app-blogs.app-communities.cl-2columnLayout .lotusColLeft div#dropdownNavMenuContainer,
.cnx8-ui.app-blogs.app-communities.cl-3columnLayout .lotusColLeft div#dropdownNavMenuContainer,
.cnx8-ui.app-blogs.app-communities.cl-3columnLayoutWithBanner .lotusColLeft div#dropdownNavMenuContainer {
  margin-left: 10px;
}
.cnx8-ui.app-blogs.app-communities.cl-2columnLayout .lotusColLeft .lotusSelected *,
.cnx8-ui.app-blogs.app-communities.cl-3columnLayout .lotusColLeft .lotusSelected *,
.cnx8-ui.app-blogs.app-communities.cl-3columnLayoutWithBanner .lotusColLeft .lotusSelected * {
  margin-right: 0;
}
.cnx8-ui.app-blogs.app-communities.cl-2columnLayout .lotusColLeft .lotusMenuSection,
.cnx8-ui.app-blogs.app-communities.cl-3columnLayout .lotusColLeft .lotusMenuSection,
.cnx8-ui.app-blogs.app-communities.cl-3columnLayoutWithBanner .lotusColLeft .lotusMenuSection {
  margin: 0 20px -20px 0;
}
.cnx8-ui.app-blogs.app-communities.cl-2columnLayout #lotusTitleBar.lotusTitleBar2Tabs~#pagePlaceBar.lotusPlaceBar.lotusTitleBarExt h2,
.cnx8-ui.app-blogs.app-communities.cl-3columnLayout #lotusTitleBar.lotusTitleBar2Tabs~#pagePlaceBar.lotusPlaceBar.lotusTitleBarExt h2,
.cnx8-ui.app-blogs.app-communities.cl-3columnLayoutWithBanner #lotusTitleBar.lotusTitleBar2Tabs~#pagePlaceBar.lotusPlaceBar.lotusTitleBarExt h2 {
  margin-left: 300px;
}
/* START : CNX-33369 - [Must Fix] [Community] Actions buttons on Community Blog page is misaligned*/
@supports (-moz-appearance:none) {
	.cnx8-ui.app-blogs.app-communities #tabNavBar #tabNavMenu .tabNavActionsMenu {
		top: -7px !important;
	}
}
/* END : CNX-33369 - [Must Fix] [Community] Actions buttons on Community Blog page is misaligned*/

/* BEGIN CNX-34382 - Replace like icon with smiley icon in blogs when        */
/* gatekeeper flag "CONNECTIONS_DEFAULT_HEARTLIKEICON_HIKARI" set to false   */
.app-blogs.cnx8-ui .rating.lotusRating div.lotusLike .lotusSmileyIcon,
.app-blogs.cnx8-ui .lotusPost.lotusIconLikeFace .lotusPostContent.lotusForum .lotusRight .lotusLike .lotusIconLike
{
  background-image: url("../images/smileys/smiley-icon.png") !important;
  background-position: unset;
  background-size: 16px;
  background-repeat: no-repeat;
  display: inline-block;
  width: auto;
  height: 18px;
  display: inline-flex;
  align-items: flex-start;
}

.app-blogs.cnx8-ui .lotusPost.lotusIconLikeFace .lotusPostContent.lotusForum .lotusRight .lotusLike .lotusIconLike
{
  width: 16px !important;  /* override blogs.css: .app-blogs.cnx8-ui .lotusLike .lotusIconLike seeting */
  height: 16px !important; /* override blogs.css: .app-blogs.cnx8-ui .lotusLike .lotusIconLike seeting */
}

.app-blogs.cnx8-ui .rating.lotusRating div.lotusLike:has(.lotusSmileyIcon)
{
  display: flex;
  flex-wrap: nowrap;
}

.app-blogs.cnx8-ui a.lotusSmileyIcon .lotusLikeText
{
  margin-left: 20px;
}
/* END CNX-34382 - Replace like icon with smiley icon in blogs when          */
/* gatekeeper flag "CONNECTIONS_DEFAULT_HEARTLIKEICON_HIKARI" set to false   */

/* Typeahead height fix */
.app-blogs .dijitPopup.dijitComboBoxMenuPopup
{
    overflow: auto !important;
}

/* CNX-35028:Back link not available when we go from footer links*/
/* correctly position icon and text in top nav action, set color to link */
.cnx8-ui.app-blogs #tertiary_level_nav #top_nav_action.top_nav_link {
    padding: 10px 0px;
}
.cnx8-ui.app-blogs #tertiary_level_nav #top_nav_action.top_nav_link:hover {
    padding: 0px;
    text-decoration: underline;
}
.cnx8-ui.app-blogs #tertiary_level_nav #top_nav_action.top_nav_link a {
    padding: 0px 5px;
    font-weight: var(--font-weight-bold) !important;
    color: var(--color-link) !important;
}
.cnx8-ui.app-blogs #tertiary_level_nav #top_nav_action.top_nav_link a:hover {
    color: var(--color-link-hover) !important;
}
.cnx8-ui.app-blogs #tertiary_level_nav #top_nav_action.top_nav_link img {
    position: relative;
    bottom: 3px;
    filter: invert(18%) sepia(36%) saturate(5768%) hue-rotate(195deg) brightness(98%) contrast(99%);
}

/* icon chevron right */
.cnx8-ui.app-blogs .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;
}
/* move the wikis top nav action to the very left of the tertiary bar content */
.cnx8-ui.app-blogs #tertiary_level_nav #top_nav_action {
    float: left;
    position: fixed;
    left: 100px;
    cursor: pointer;
    /* align center in tertiary nav */
    margin-top: 3px;
}

/* CNX-33133 - Accessibility issue fix for blogs entry right column */
.cnx8-ui.app-blogs #section_entrymanagement input.typeAheadTagFilter:focus,
.cnx8-ui.app-blogs #section_entrymanagement .lotusBtnImg.lotusSearch:focus-within,
.cnx8-ui.app-blogs #section_dateFilter .dateInput:focus-within,
.cnx8-ui.app-blogs #section_dateFilter .lotusBtnImg.lotusSearch:focus-within {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgb(var(--color-main-box-shadow) / 60%);
  border-radius: 2px;
}

.cnx8-ui.app-blogs #section_entrymanagement .lotusChunk {
  height: 32px;
}