/* File: custom_spinner.css */
#canvasLoader{
    display: none !important;
}

/* HTML: <div class="clWrapper"></div> */
.clWrapper {
  width: 50px;
  aspect-ratio: 1;
  display: grid;
  border-radius: 50%;
  /* Using your base color #376789 with varying opacities */
  background:
    linear-gradient(0deg,  rgba(55, 103, 137, 0.5) 30%, #0000 0 70%, rgba(55, 103, 137, 1) 0) 50%/8% 100%,
    linear-gradient(90deg, rgba(55, 103, 137, 0.25) 30%, #0000 0 70%, rgba(55, 103, 137, 0.75) 0) 50%/100% 8%;
  background-repeat: no-repeat;
  /* Changed steps to 8 to match the new dash count */
  animation: l23 1s infinite steps(8);
}

.clWrapper::before {
   content: "";
   grid-area: 1/1;
   border-radius: 50%;
   background: inherit;
   opacity: 0.9;
   /* Rotated 45 degrees to fill the gaps for an 8-dash look */
   transform: rotate(45deg);
}

/* Removed ::after to reduce the "busy" feel */

@keyframes l23 {
  100% {transform: rotate(1turn)}
}

/* File: testrail.css */
:root {
    --testrail-primary-blue: #1466B8;     /* Primary Blue */
    --testrail-secondary-blue: #0E3754;   /* Navy Blue */
    --testrail-light-blue: #5993BC;       /* Primary Light Blue */
    --testrail-primary-green: #65C179;    /* Primary Green */
    --testrail-top-right-nav: #2D535F;    /* ??? */
    --testrail-main-background: #EAF1F7;  /* Blue 6 */


    --primary-font-family: Arial, sans-serif;
    --primary-text-color: #3C4D6B;
    --primary-color: var(--testrail-primary-blue);
    --primary-color-17-percent: #65c179;
    --secondary-color: var(--testrail-primary-green);
    --primary-color-2: var(--primary-color);
    --primary-button-color: #049474; /* green */
    --primary-button-color-2: var(--primary-button-color);
    --primary-button-hover-color: #06755C; /* dark green */
    --primary-button-hover-color-2: var(--primary-button-hover-color);
    --primary-color-17-percent-background: var(--primary-color-17-percent);
    --loader-color: var(--primary-color);
    --leftnav-hover-color: #65c179; /* rail and menu background color */
    --grey: #eeeeee;
    --grey-2: #585D6B;
    --grey-3: #F7F7F7;
    --grey-shadow: #05050510;
    --background-grey: var(--grey);
    --border-grey: var(--grey);
    --signal-positive-color: #33D56F;
    --signal-negative-color: #FF8F00;
    --dark-grey: #666;
    --dark-grey-1: #333740;
    --dark-grey-2: #717684;
    --black: #000;
    --background-black: var(--black);
    --white: #fff;
    --background-white: var(--white);
    --light-grey: #F8F6F4;
    --light-grey-background: var(--light-grey);
    --light-grey-1: #A0A5B4;
    --light-grey-1-background: var(--light-grey-1);
    --light-grey-2: #DBDDE5;
    --light-grey-2-background: var(--light-grey-2);
    --light-grey-3: #ECEDF0;
    --light-grey-3-background: var(--light-grey-3);
    --light-grey-4: #b0b0b0;
    --light-grey-4-background: var(--light-grey-4);
    --light-grey-5: #F2F2F2;
    --light-grey-5-background: var(--light-grey-5);
    --light-grey-6: #FAFBFC;
    --light-grey-7: #E3E5ED;
    --light-grey-8: #A0A5B4;
    --light-grey-9: #E0E0E0;
    --light-grey-10: #EBECF3;
    --light-blue: #D4EFFC;
    --light-blue-1: #A1E0FF;
    --light-blue-2: #EAF6FF;
    --light-blue-text-selection: #BFE7FA;
    --warning-orange: #F69336;
    --light-orange-1: #FEF5E5;
    --error-red: #EE2439;
    --transparent: #ffffff00;
    --popup-button-color: #D4EFFC;
    --toolbar-tab-border: #FFD000;
    --light-grey-thin-border-color: #dbdde5;
    --report-filter-list-background-color: var(--testrail-main-background);
    --light-grey-thin-border-color: #dbdde5;
    --red: #E90202;
    --red-2: #C70000;
    --light-red: #fcf2f2;
    --green: #068849;
    --light-green: #F1F7F4;
    --space-8: 8px;
    --space-12: 12px;
    --border-radius: 6px;
}


BODY {
    background-color: var(--background-white);
    MARGIN: 0px 0px 0px 0px;
    font-family: var(--primary-font-family);
    color: var(--primary-text-color);
    line-height: 1.25;
}

A:link {
    COLOR: var(--primary-color);
    text-decoration: none;
}
A:hover {
    COLOR: var(--primary-color);
    text-decoration: underline;
}


/********** HEADER **********/
div.headerbg  {
    color: #FFFFFF;
    background-color: var(--testrail-top-right-nav);
}
td.i4sidenav_width.header_logo {
    background: none;
}
td.i4sidenav_width.header_logo img {
    margin-top: 7px;
    margin-bottom: 7px;
    margin-left: 36px;
    width: 100px;
    height: 24px;
}
.i4header_userinfo {
    color: #FFFFFF;
}
.i4header_logout_text {
    color: #FFFFFF;
}
.i4header_logout_icon {
    filter: none;
}


/******************** NEW TOP TOOLBAR NAVIGATION ********************/
#modernToolbarContainer {
    border-bottom: 2px solid var(--testrail-main-background);
    padding-left: 0px;
}
.modernToolbarTab {
    color: var(--primary-text-color);
}
.modernToolbarTab.modernToolbarTabActive {
    color: var(--primary-color);
}
.modernToolbarTabActiveContainer::after {
    border-bottom: 2px solid var(--primary-color);
}

/* CREATE button */
#modernToolbarCreateButton {
    color: var(--testrail-top-right-nav);
    font-family: var(--primary-font-family);
    background-color: #FFB05A;
}


/******************** DASHBOARDS ********************/
/*** LIGHT BLUE BACKGROUND FOR DASHBOARDS ***/
#dashboardPageBody {
    background-color: var(--testrail-main-background);
}
.dashboardMainContainer {
    position: relative;
    background-color: var(--testrail-main-background);
    padding-left: 0px;
}
.dashboardTabViewContainer {
    background-color: var(--testrail-main-background);
}
div.dashboardPage.activeDashboard div.sideBarInner {
    background-color: var(--testrail-main-background);
}

/*** Old Dashboard Templates to match modern styles ***/
.portlet-header {
    font-weight: 700;
    font-size: 16px;
    color: var(--primary-text-color);
    font-family: var(--primary-font-family);
    height: 34px;
}
.dashContentPortlet {
    background: transparent;
}
.reportContainer {
    background: #ffffff;
    border-radius: 6px;
}

content-container div.content div.dashContentContainer:first-of-type {
    margin-top: 16px;
}

content-container div.content div.dashContentContainer {
    margin-top: 16px;
}



/*** Report Action Menu ***/
.dashContentContainer .dashContentActionMenu {
    background-color: transparent;
}
.dashContentActionMenu {
    background-color: transparent;
}

/******************** Top Dashboard Menu ********************/
/* Hide Dashboard to Fullscreen button */
#fullscreenBtn {
    display: none;
}

/* Dashboard Tab Headings */
.dashboardPage .topToolbarContainer .tabContainer {
    margin-left: 0px;
}
.topToolbarContainer {
    background-color: var(--testrail-main-background);
}
.dashboardPage .topToolbarContainer {
    height: 40px;
    overflow: hidden;
}
.tabContainer .tab {
    background-color: var(--testrail-main-background);
    border-bottom: 4px solid var(--testrail-main-background);
    height: 36px;
    line-height: 34px;
    width: auto;
}
.tabContainer .tab:hover {
    border-bottom: 4px solid #244358;
    height: 36px;
    line-height: 34px;
}
.tabContainer .activeTab {
    border-bottom: 4px solid #244358;
}
.tabContainer .activeTab:hover {
    border-bottom: 4px solid #244358;
}
.tabContainer .tab .tabButtonText {
    font-family: var(--primary-font-family);
    color: var(--primary-text-color);
    line-height: 40px;
}
.tabContainer .activeTab .tabButtonText {
    font-family: var(--primary-font-family);
    font-weight: 600;
}
.addDashToFavourites {
    margin-top: 8px;
}

/* Dashboard Dropdown Menu */
.tabContainer .tab .selectedDropDown {
    background: url(../images/arrow-dropdown-black.svg) no-repeat center;
    background-color: transparent;
    top: 7px;
}
.tabContainer .activeTab .selectedDropDown {
    background: url(../images/arrow-dropdown-black.svg) no-repeat center;
    background-color: transparent;
    top: 7px;
}

/*** 'More Dashboards' ***/
.dashboardDropdown, .editMoreDropdown, .previewMoreDropdown {
    font-family: var(--primary-font-family);
    margin-top: 2px;
    border: 1px solid var(--primary-color);
}
.dashboardDropdownInner, .editMoreDropdownInner, .previewMoreDropdownInner {
    height: 34px;
    color: var(--primary-color);
    border-right: 1px solid var(--primary-color);
}
.editMoreDropdown:hover, .dashboardDropdown:hover {
    background-color: transparent;
}
.dashboardPage .topToolbarContainer .selectedDropDown {
    background: url(../images/arrow-dropdown-black.svg) no-repeat center;
}

/******************** SUB TAB NAMES ********************/
div.noSubTabs div.SubTabControlViewContainer {
    margin-top: 5px;
}
div.SubTabControlViewContainer .subTabControlViewWrapper {
    margin: 5px auto 0 auto !important;
}
.subTab {
    min-width: 100px;
}
.subTabButtonText {
    font-family: var(--primary-font-family);
    font-size: 14px;
    text-align: left;
}
.subTab:hover {
    color: var(--primary-text-color);
    border-bottom: 4px solid var(--secondary-color);
    font-weight: normal !important;
}
.activeSubTab, .subTab:hover {
    border-bottom: 4px solid #244358;
    font-weight: 600;
}


/******************** Dashboard Tab Settings - ie. Broadcast, Share, etc ********************/
.tabSettings .favouritedBy {
    display: none;
}
div.tabSettings div.icon {
    float: right;
    background-color: transparent;
    margin-left: 8px;
    margin-right: 7px;
    height: 30px;
    width: 29px;
    padding: 0;
    border-radius: 6px;
}
div.tabSettings div.icon:hover {
    float: right;
    background-color: transparent;
    margin-left: 8px;
    margin-right: 7px;
    height: 30px;
    width: 29px;
    padding: 0;
    border-radius: 6px;
}

/*** Dashboard Broadcast Button ***/
div.tabSettings .dashboardBroadcast {
    background: transparent url(../../customimages/broadcast.svg) no-repeat 50%;
}
div.tabSettings .dashboardBroadcast:hover {
    background: transparent url(../../customimages/broadcast.svg) no-repeat 50%;
}

/*** Dashboard Export Button ***/
div.tabSettings .exportDashboard {
    background: #ecedf0 url(../../customimages/dashboard_export.svg) no-repeat 50%;
}
div.tabSettings .exportDashboard:hover {
    background: #ecedf0 url(../../customimages/dashboard_export.svg) no-repeat 50%;
}

/*** Dashboard Security Button ***/
.tabSettings .dashboardSecurityStatus {
    display: none;
}
/*.tabSettings .dashboardSecurityStatus.editable {
    display: none;
}
.tabSettings .dashboardSecurityStatus.editable.secure {
    display: none;
} */


/*** Dashboard Bookmark Button ***/
.bookmarkDashboard {
    display: none;
}

/*** Dashboard Share Button ***/
.dashboardToolbar .dashboardOptions {
    height: 56px;
    position: absolute;
    right: 0;
}
.tabSettings .dashboardShare {
    float: right;
    margin-left: 1px;
    line-height: 27px;
    height: 26px;
    width: 39px;
    color: #192133;
    font-family: var(--primary-font-family);
    font-size: 14px;
    cursor: pointer;
    background: transparent url(../../customimages/share.svg) no-repeat 50%;
}
.tabSettings .dashboardShare A:link {
    color: #192133;
    text-decoration: none;
    display: none;
}


/******************** FILTERS ********************/

/****** Slide-out Left Filters ******/
.dashboardPage .leftSideNavContainer .sideBarIcon.leftFilters, .sideBarIcon.leftFilters.sideBarIconHighlight {
    background-color: transparent;
}
.leftSideNavContainer .sideBarContent.leftFilters.singlePanel {
    width: 320px !important;
}



/****** Left Filters ******/
.filterClose img, .filterOpen img {
    cursor: none;
    display: none;
}

div.activeDashboard div.SubTabControlViewContainer div.container > content-container {
  margin-top: 20px !important;
}
dashboard-tab filter-list.widgetElement {
    overflow: visible;
}
.filterOutputList {
  border-radius: 6px;
}
.slimOutputList {
    background-color: var(--report-filter-list-background-color);
}
.filterListHeading {
    overflow: hidden;
    padding-bottom: 0px;
    height: auto;
    background-color: var(--report-filter-list-background-color);
    color: var(--primary-text-color);
    position: relative;
    width: var(--filter-output-width);
    margin: 0 10px;
    border-radius: 6px;
}
.filterListHeading .filterListTitle {
    float: left;
    padding-left: 10px;
    padding-top: 0px;
    width: 181px;
    color: var(--primary-text-color);
    font-family: var(--primary-font-family);
    font-size: 18px;
    font-weight: 600;
    line-height: 20px;
}
div.filterOutputControlPanel {
    border-radius: 6px;
    height: 34px;
    background-color: var(--report-filter-list-background-color);
    padding: 10px 0px;
}
div.filterOutputControlPanel .filterListControlIcon > span {
    line-height: 140%;
    color: var(--primary-color);
    font-family: var(--primary-font-family);
    font-size: 14px;
    text-decoration: none;
}

.filterOutput .filterInformation .filterTitle {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 19px;
    width: 187px;
    color: var(--primary-text-color);
    font-family: var(--primary-font-family);
    font-size: 14px;
    font-weight: 600;
    line-height: 19px;
}
.filterOutput .filterOperator {
    display: none;
}
.filterOutputList .filterOutput .filterEntry {
    color: var(--primary-text-color);
    font-family: var(--primary-font-family);
    font-size: 14px;
}
.filterOutputList .filterOutput .styledMultiSelect select {
    padding: 0px;
    color: var(--primary-text-color);
    font-family: var(--primary-font-family);
    font-size: 14px;
}
div.toggleDescription {
    float: left;
    line-height: 28px;
    margin-right: 5px;
    margin-top: 3px;
    color: var(--primary-text-color);
    font-size: 12px;
}
div.toggleInput {
    margin-top: 3px;
}
.filterOutputList .filterOutput .filterEntry .multiOptionList span {
    color: var(--primary-text-color);
    font-family: var(--primary-font-family);
    font-size: 14px;
    line-height: 25px;
}
div.filterPromptHolder .exitButton {
    background: url(../images/story/search-icon-cancel-grey.svg) no-repeat center;
    height: 14px;
    width: 14px;
    cursor: pointer;
    right: 10px;
    top: 14px;
}
div.filterPromptHolder div.promptFilterOperator {
    display: none;
}

/*** Mandatory Filter Icon ***/
.filterInformation .mandatoryFilter, .possibleFilter .mandatoryFilter, .filterLozengeHeader .mandatoryFilter {
    width: 10px;
    height: 10px;
    background-image: url(../customimages/asterisk.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-color: transparent;
    border-radius: 0px;
    float: left;
    margin-top: 4px;
    margin-right: 5px;
}



/****** Filter Bookmarks ******/
div.filterBookmarkLightbox div.filterBookmarkPopupTitle {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    margin: 0px 0px;
    border-bottom: 1px solid #E3E5ED;
    height: 20px;
    color: var(--primary-text-color);
    font-family: var(--primary-font-family);
    font-size: 16px;
    font-weight: 700;
    line-height: 140%;
    background: #EAF1F7;
}
.filterBookmarkPopupItemDisabled {
    font-size: 14px;
}
div.filterBookmarkLightbox div.filterBookmarkPopupItem div.filterBookmarkPopupItemLabel, div.filterBookmarkLightbox div.filterBookmarkPopupItem div.filterBookmarkPopupItemDesc {
    font-size: 14px;
    font-family: var(--primary-font-family);
    color: var(--primary-text-color);
    font-weight: 500;
    line-height: 140%;
}
div.filterBookmarkLightbox div.filterBookmarkPopupItem div.filterBookmarkPopupItemLabel, div.filterBookmarkLightbox div.filterBookmarkPopupItem div.filterBookmarkPopupItemDesc {
    font-size: 12px;
    font-family: var(--primary-font-family);
    color: var(--primary-text-color);
    font-weight: 400;
    line-height: 140%;
}

/* + New Bookmark button */
div.filterBookmarkListFooter {
    background-color: #F5F5F5 !important;
}

div.filterBookmarkLightbox div.filterBookmarkPopupView div.addBookmark, div.filterBookmarkLightbox div.filterBookmarkPopupView div.editDefaultBookmarkButton, div.filterBookmarkPrivateAccess .privateAccessDefaultButton {
    cursor: pointer;
    min-width: 120px;
    border: 1px solid var(--primary-color);
    border-radius: 6px;
    color: var(--white);
    font-family: var(--primary-font-family);
    font-size: 12px;
    line-height: 31px;
    min-height: 30px;
    background-color: var(--primary-color);
    float: right;
    margin: 16px 8px 8px 0px;
    text-align: center;
    font-weight: 400;
}

/* Save Bookmark button */
div.bmkSaveBtn > div.btn-blue {
  background: #049474 !important; /*green button */
  border: 1px solid #049474;
}

.createBookmarkHeader {
  border-bottom: 1px solid #E3E5ED;
  background: #EAF1F7;
}
.lightbox-top-gutter {
  background-color: #EAF1F7 !important;
}
.filterBookmarkCreate .createBookmarkHeaderText {
    color: var(--primary-text-color);
    font-family: var(--primary-font-family);
    font-size: 16px;
    font-weight: 700;
    line-height: 140%;
    float: left;
}
.filterBookmarkCreate {
    font-family: var(--primary-font-family);
}
.filterBookmarkCreate .bookmarkFieldLabel {
    color: var(--primary-text-color);
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
    margin-bottom: 5px;
}

.filterBookmarkCreate .bmkFieldInput.shareWith {
    clear: both;
    margin-top: 10px;
    margin-bottom: 5px;
    font-size: 16px;
    font-weight: 700;
    color: var(--primary-text-color);
    display: block;
}

/* Make Default Bookmark Button */
div.editDefaultBookmarkButton {
    border: 1px solid #B3BAC5 !important;
    color: var(--primary-text-color) !important;
    background-color: transparent !important;
}

div.filterBookmarkLightbox div.filterBookmark
upItem.appliedBookmark, div.filterBookmarkLightbox div.filterBookmarkPopupItem:hover {
    background-color: #E3EFFC;
}
div.filterBookmarkLightbox div.filterBookmarkPopupView .defaultLabel, div.filterBookmarkPrivateAccess .defaultLabel {
    background-color: #376789;
}


/*** Bookmarks - View Private Users ***/
.filterBookmarkPrivateAccess > .outerlightboxContent > .closeLightboxPopup > img {
     display: block;
}
.filterBookmarkPrivateAccess > .outerlightboxContent > .closeLightboxPopup {
    top: 20px;
}
.filterBookmarkPrivateAccess .collaboration-group-information-box {
    padding-left: 20px;
    padding-top: 20px;
}
div.filterBookmarkPrivateAccess .privateAccessDefaultButton {
    border: 1px solid #B3BAC5;
    color: var(--primary-text-color);
    font-family: var(--primary-font-family);
    background-color: transparent;
}

/******************** DASHBOARD EDIT MODE ********************/
.draftTabContainer .draftTab .tabButtonText {
    line-height: 40px;
}
.leftNavSubTabHeading {
    color: var(--primary-text-color);
    font-size: 18px;
}
.reportSearchTitle {
    color: var(--primary-text-color);
    font-size: 18px;
}
div.canvasTemplateMenuHeading div.title {
    color: var(--primary-text-color);
    font-size: 18px;
}
div.visualCodeToggle {
    margin-top: 2px;
}

/* Undo / Redo Buttons */
div.btn-standard.btn-noclick {
    opacity: 0.1;
    background-color: transparent;
}
.undoButton {
    margin-top: 2px;
}
.undoButton > .btn-container {
    background-color: transparent;
}
.redoButton {
    margin-top: 2px;
}
.redoButton > .btn-container {
    background-color: transparent;
}

/* Preview Button */
.previewButton > .btn-container {
    background-color: transparent;
}
.previewButton {
    margin-top: 2px;
}
div.editDashboardButton {
    margin-top: 2px;
}
.previewMode .previewModeLabel {
    margin: 3px 10px 15px 45px;
}
.previewMode .previewDashboardName {
    line-height: 40px;
}

/* More button */
.editMoreDropdown {
    border: 1px solid #ffffff;
}
.editMoreDropdownInner {
    color: #ffffff;
    border-right: 1px solid #ffffff;
}

/* Publish Button */
.publishButton {
    background-color: transparent;
    box-shadow: none;
    border: 1px solid #ffffff;
    margin-top: 2px;
}
.publishButton:hover {
    background-color: var(--primary-button-hover-color);
    box-shadow: none;
    border: 1px solid #ffffff;
}
.btnTitle {
    font-family: var(--primary-font-family);
}
.publishTitle {
    color: var(--white);
}

div.exitButton {
    margin-top: 12px;
}

/******************** BROWSE PAGE ********************/
.browsePageContainer {
    border-top: none;
}

/*** Browse Page - Left Menu Items ***/

.browsePage .browseLeft .browseContentTypeItem.active {
    background-color: var(--grey-3);
    color: var(--primary-color-2);
}
.allDataSources.selected {
    background-color: var(--grey-3);
    color: var(--primary-color-2);
    border-left: 4px solid var(--primary-color-2);
}
div.hierarchyInfo.selected {
    background-color: var(--grey-3);
    color: var(--primary-color-2);
    border-left: 4px solid var(--primary-color-2);
  }
.browsePage .browseFolder .folderMain.selected {
      background-color: var(--grey-3);
  }
  .allTags {
      display: none;
  }

/*** Browse - List View ***/
.browseListHeader .columnName {
    color: var(--primary-text-color);
}
.browseSelected .browseContentItem > div {
    color: var(--primary-text-color) !important;
    font-weight: 500;
}



/******************** BUTTONS ********************/
div.btn-medgrey {
    background: var(--background-grey);
    color: var(--black);
}
div.btn-standard {
    font-family: var(--primary-font-family);
}
.btn-container .btn-flat .btn-blue {
  background-color: var(--primary-color) !important;
}
div.dashButton {
  background-color: var(--primary-color);
}

/*div.btn-blue {
    background: var(--primary-button-color);
    color: var(--white);
}*/
div.btn-blue:hover {
    background: var(--primary-button-hover-color);
}
div.yfSubmitButton {
    font-family: var(--primary-font-family);
}

.shareDialog .radio-panel-view .radio-panel-view-outter .radio-panel-lower .btn-container.btn-blue.disabled, .securityPopup .btn-container.saveBtn.disabled {
    color: #767676;
    border: 1px solid #767676 !important;
    background-color: #ffffff !important;
    cursor: none;
}
.sendButton {
    border: none;
    border-radius: 6px;
    background-color: #049474;
}
.sendButton:hover {
    border: none;
    background-color: #06755C;
    color: #ffffff;
}

.sendBtn {
  border: 1px solid #049474; /* green button */
  background-color: #049474 !important;
  color: #ffffff;
}
.sendBtn:hover {
  border: 1px solid #06755C;
  background-color: #06755C !important;
  color: #ffffff;
}

#contentConfirmDiv div.btn-container.btn-blue:hover {
    border: 1px solid var(--primary-color) !important;
    color: var(--primary-color) !important;
    background-color: var(--light-blue-2) !important;
}



/*
.navigationInnerMenuContainer {
  background-color: red !important;
}
*/



/*********** LIGHTBOXES - BROADCAST ***********/
.lightbox-top-gutter-color {
    background: #EAF1F7;
}
.lightbox-top-gutter-text {
    color: var(--primary-text-color);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
}
div.closeLightboxPopup > img {
  display: none;
}
.greyBackground {
    background: #ffffff;
}
.broadcastGrey {
    background: #ffffff;
    border-bottom: 1px solid var(--border-grey);
    padding: 3px;
    color: var(--primary-text-color);
}
.inputplaceholdercontainer {
    color: var(--light-grey-1);
}
.broadcastInputTextPlaceholder {
    color: var(--light-grey-1);
}
.optionTitle, .deletePeriodTitle {
    color: var(--primary-text-color);
}
.optionDescription {
    font-size: 14px;
    color: var(--primary-text-color);
}
div.bcScheduleDesc {
    font-size: 14px;
}
div.bcScheduleDesc span {
    color: var(--primary-text-color);
    font-weight: 600;
}

div.btn-blue {
    background: var(--primary-button-color);
    color: var(--white);
    width: max-content;
    padding-left: 20px !important;
    padding-right: 20px !important;
    float: right;
    left: auto !important;
}
div.btn-menu-icon {
    display: none;
}
div.btn-flat {
    font-size: 14px !important;
    border-radius: 4px !important;
}

.bcSaveBtn > .btn-blue {
    background: #049474 !important; /*green button */
    border: 1px solid #049474;
}

.reportTabSaveBtn > .btn-blue {
    background: #049474 !important; /*green button */
    border: 1px solid #049474;
}
.reportTabSaveDraftBtn > .btn-blue {
    background: #B3BAC5 !important; /*grey button */
    border: 1px solid #B3BAC5;
}

.styledSelect select option:disabled, .styledSelectMed select option:disabled, .styledSelectSmall select option:disabled {
    color: var(--grey-2);
}

/*********** LIGHTBOXES - EXPORT DASHBOARD ***********/
.exportPluginPanel {
  margin-top: 10px;
}
.exportPluginPanel .helpTextIcon {
    left: 3px;
    top: 7px;
    position: absolute;
}

/*********** LIGHTBOXES - Background Processing Tasks EG. during PDF export ***********/
.backgroundNotification {
    height: 40px;
    border: 1px solid #3cb850;
    background: #e7f2e3;
    border-radius: 6px;
    position: fixed;
    right: 30px;
    bottom: 120px;
    color: #3c4d6b;
    opacity: 0;
    z-index: 100000;
}


/*********** LIGHTBOXES - SHARE ***********/
.browseOuterLightboxContent {
    border-radius: 0px !important;
    border: 1px solid #E3E5ED !important;
}
.browseShareDialogHeader {
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    border-bottom: 1px solid #E3E5ED;
}
.lightbox-top-gutter-color-white {
    background: #EAF1F7;
}
.browseShareDialogHeader .lightbox-top-gutter-text {
    color: var(--primary-text-color);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
}
div.closeLightboxPopup {
    background-image: url(../images/close_grey_thick.svg) !important;
    background: no-repeat center;
}
.shareDialog .radio-panel-view .radio-panel-view-outter .radioOptionContainer .radioPanelContent .shareViewDisplayContainer .sectionLabel {
    font-size: 16px;
    color: var(--primary-text-color);
    font-weight: 700;
    line-height: 20px;
}
.shareDialog .search-textbox div.inputplaceholdercontainer {
    font-family: var(--primary-font-family) !important;
}
.shareDialog #linkTextArea.share-distribute-body .broadcastInputTextPlaceholder, .shareDialog #inner-content-view .share-email-body .broadcastInputTextPlaceholder {
    font-family: var(--primary-font-family) !important;
}
input, textarea, keygen, select, button, meter, progress {
    font-family: var(--primary-font-family) !important;
}
div.radio-panel-lower {
    background: #f5f5f5;
    border-top: 1px solid #e0e0e0;
}
.cancelBtn {
    border: 1px solid #e40046 !important; /* red button */
    color: #e40046 !important;
}
.cancelBtn:hover {
    border: 1px solid #B30037 !important; /* red button */
    color: #B30037 !important;
    background: #ffffff !important;
}
.shareDialog .radio-panel-view .radio-panel-view-outter .radio-panel-lower .btn-container.btn-blue, .securityPopup .btn-container.saveBtn {
    border: 1px solid #049474;
}



/*********** LIGHTBOXES - POP-UP MESSAGES ***********/
#confirmDialogDiv .popmenuTop {
    background-color: #D2E2ED;
}
.submitMidHighlightButton {
    min-width: 78px;
    height: 32px;
    background-color: #049474; /* green */
    border-radius: 6px;
    border: 1px solid #049474;
}
.hoverMidHighlightButton {
    min-width: 78px;
    height: 32px;
    background-color: #06755C; /*dark green */
    border-radius: 6px;
    border: 1px solid #06755C;
}

/*********** LIGHTBOXES - OPTIONAL FIELDS TOGGLE MENU ***********/
.reportOutputEditColumns .columnReorder .controlButtons .btn-container.btn-blue, .reportOutputEditColumns .columnReorder .controlButtons .btn-container.btn-grey {
    background-color: #049474; /*green for Apply button*/
    border: 1px solid #049474;
}
.cancelButton > .cancelBtn {
    border: 1px solid #e40046 !important;
    color: #e40046 !important;
    background-color: transparent !important;
    background: transparent !important;
}
.cancelButton > .cancelBtn.cancelBtn.cancelBtn.cancelBtn.cancelBtn.cancelBtn:hover {
    border: 1px solid #b30037 !important;
    color: #b30037 !important;
    background-color: transparent !important;
    background: transparent !important;
}

.reportOutputEditColumns .columnReorder .controlButtons .btn-container.btn-grey:hover{
    border: 1px solid #e40046;
    color: #e40046;
    background-color: transparent;
}

/****** Unhappy face image on report errors ******/
.largeGreyErrorImage {
    display: none;
}