html, body {
	--pf-v5-global--FontFamily--sans-serif: var(--celebrus-font-family);
    --pf-v5-global--FontFamily--monospace: var(--celebrus-mono-font-family);
    --pf-v5-global--FontFamily--overpass--sans-serif: "overpass", overpass, "open sans", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --pf-v5-global--FontFamily--overpass--monospace: "overpass-mono", overpass-mono, "SFMono-Regular", menlo, monaco, consolas, "Liberation Mono", "Courier New", monospace;


	--pf-v5-global--FontFamily--text:  var(--celebrus-font-family);
    --pf-v5-global--FontFamily--heading:  var(--celebrus-font-family);
    --pf-v5-global--FontFamily--monospace:  var(--celebrus-mono-font-family);
    
    --pf-v5-global--FontFamily--heading--sans-serif: var(--pf-v5-global--FontFamily--sans-serif);
	--ops-global-FocusBorderColor: transparent;
	--ops-global-PageHeaderColor: #F3F3F3;
	
	/*light*/
	--ops-BackgroundColor-light: #F2F2F2;
	--ops-HighlightColor-light: #93B8E7;
	--ops-ActiveColor-light: var(--ops-HighlightColor-light);
	--ops-ButtonFontColor-light: #151515;
	--ops-ButtonBGColor-light: #FFFFFF;
	--ops-ButtonPrimaryBorderColor-light: #4E9DE7;
    --ops-ButtonSecondaryBorderColor-light: #C2C2C2;
    --ops-ButtonPrimaryBorderWidth-light: 3px;
    --ops-ButtonSecondaryBorderWidth-light: 1px;
    --ops-ButtonHoverBGColor-light: #f7f7f7;
    --ops-ButtonHoverBorderColor-light: #89b0d4;
    --ops-ButtonFocusBGColor-light: #EAF3FB;
    --ops-ButtonFocusBorderColor-light: #8DB3D5;
	--ops-ScrollbarTrackColor-light: #EDEDED;
	--ops-ScrollbarThumbColor-light: #C3C3C3;
	--ops-BorderColor-light: #F0F0F0;
	--ops-SerachBGColor-light: #F2F2F2;
	--ops-LinkColor-light: #2786C4;
	--ops-TextFieldBorderColor-light: #D9D9D9;
	
	/*HC*/
	--ops-BackgroundColor-darker: #000000;
	--ops-FontColor-darker: #FFFFFF;
	--ops-HighlightColor-darker: #1AEBFF;
	--ops-ActiveColor-darker: var(--ops-HighlightColor-darker);
	--ops-BorderColor-darker: #F0F0F0;
	--ops-ButtonBorderColor-darker: #B3B3B3;
	--ops-LinkColor-darker: #D2F53C;
	--ops-SidebarActiveBGColor-darker: #303030; 
	--ops-ButtonHoverBorderColor-darker: var(--ops-HighlightColor-darker);
	--ops-ScrollbarTrackColor-darker: #515151;
	--ops-ScrollbarThumbColor-darker: #E6E6E6;
	
	/*dark*/
	--ops-FontColor-dark: #d7dae0;
	--ops-LinkColor-dark: #6494ed;
	--ops-CardBGColor-dark: #282C34;
	--ops-PageBGColor-dark: #21252B;
	--ops-TextFieldColor-dark: var(--ops-CardBGColor-dark);
	--ops-BorderColor-dark: #434A53;
	--ops-ButtonBGColor-dark: #3D424B;
	--ops-HighlightColor-dark: #FFFFFF;
	--ops-ButtonHoverBGColor-dark: #454954;
    --ops-ButtonHoverBorderColor-dark: #565A63;
    --ops-ScrollbarTrackColor-dark: #2C3139;
	--ops-ScrollbarThumbColor-dark: #505968;
	
	/*celebrus*/
	--ops-HeaderBGColor-celebrus: #1A3B6B;
	--ops-NavBarBGColor-celebrus: var(--ops-HeaderBGColor-celebrus);
	--ops-ActiveNavOptionBG-celebrus: #0092D1;
	--ops-ActiveNavOptionLeftBorderColor-celebrus: #D14893;
	--ops-NavOptionHoverColor-celebrus: var(--ops-ActiveNavOptionLeftBorderColor-celebrus);
	--ops-NavOptionHoverBG-celebrus: #006C9B;
	--ops-PageBGColor-celebrus: #E8EBF0;
	--ops-CardBGColor-celebrus: #FFF;
	--ops-FontColor-celebrus: #253443;
	--ops-LinkColor-celebrus: #0092D1;
	--ops-StatusOk-celebrus: #3D9785;
	--ops-StatusAdvice-celebrus: #0092D1;
	--ops-StatusWarning-celebrus: #EF8546;
	--ops-StatusError-celebrus: #C75450;
	--ops-SideBarSeparator-celebrus: #224E8D;
	--ops-ButtonPrimaryBorderWidth-celebrus: 3px;
    --ops-ButtonSecondaryBorderWidth-celebrus: 1px;
    --ops-FocusColor-celebrus: #1BBBFF;
    --ops-TextFieldBorderColor-celebrus: #D9D9D9;
    --ops-ButtonHoverBGColor-celebrus: #effaff;
    --ops-SecondaryButtonHoverBGColor-celebrus: #f9f9f9;
    --ops-PrimaryButtonBorderColor-celebrus: #009FE3;
    --ops-IconHightlightColor-celebrus: var(--ops-ActiveNavOptionLeftBorderColor-celebrus);
    --ops-ScrollbarThumbColor-celebrus: #969696;
    --ops-ScrollbarTrackColor-celebrus: #f1f1f1;
}

#nav-list-simple {
	padding-top: 0px;
	border-top: 1px solid #3c3f42;
}

.pf-v5-c-card, .pf-v5-c-modal-box, .pf-v5-c-search-input__menu, .pf-v5-c-search-input__menu-body, #avatarDropdown .pf-v5-c-dropdown__menu, .pf-v5-c-masthead #ellipsisContainer .pf-v5-c-dropdown__menu{
    border-radius: 12px;
}

#stack-inline-masthead{
	align-content: center;
}

#home-page .pf-v5-c-title.pf-m-3xl, #home-page .pf-v5-c-title.pf-m-xl{
	font-weight: bold;
}

#main_body{
	overflow: hidden;
}

#page-sidebar #nav-list-simple .pf-v5-c-nav__list .pf-v5-c-nav__item{
	width: 98%;
}

.div_53pwva, .pf-v5-c-masthead__content .pf-v5-c-page__header-tools-item .pf-v5-c-input-group{
	border-radius: 20px;
}

#page-sidebar .pf-v5-c-nav__item{
	white-space: nowrap;
}

#page-sidebar{
	overflow: hidden;
}

#page-sidebar .pf-v5-c-page__sidebar-body{
	overflow-y: auto;
}

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active{
	transition: background-color 5000s ease-in-out 0s;
}

#search_input:-webkit-autofill, #search_input:-webkit-autofill:hover, #search_input:-webkit-autofill:focus, #search_input:-webkit-autofill:active{
		-webkit-text-fill-color: #fff !important;
}

/* Celebrus custom styles - start */
.pf-m-light-100 {
	--pf-v5-global--BackgroundColor--dark-100: var(--ops-HeaderBGColor-celebrus);
	--pf-v5-c-page__sidebar--BackgroundColor: var(--ops-HeaderBGColor-celebrus);
	--pf-v5-c-page__main-section--m-light-100--BackgroundColor: var(--ops-PageBGColor-celebrus);
	--pf-v5-global--link--Color: var(--ops-LinkColor-celebrus);
	color: var(--ops-FontColor-celebrus) !important;
	--pf-v5-global--overlay: var(--ops-PageBGColor-celebrus);
    --pf-v5-global--spinnerOverlay: var(--ops-HeaderBGColor-celebrus);
    
    .header-tools #ellipsisButton{
    	color: #fff;
    }
     
     #nav-list-simple {
     	border-top: 1px solid var(--ops-SideBarSeparator-celebrus) !important;
     }
	
	.pf-v5-c-modal-box{
		--pf-v5-c-modal-box--BackgroundColor: var(--ops-CardBGColor-celebrus);
		--pf-v5-c-radio__label--Color: var(--ops-FontColor-celebrus);
	}
	
	.pf-v5-c-title, h4, h3 {
		color: var(--ops-FontColor-celebrus) !important;
	}
	
	/* home page status color */
    --celebrus-status-ok-color: var(--ops-StatusOk-celebrus);
    --celebrus-status-advice-color: var(--ops-StatusAdvice-celebrus);
    --celebrus-status-warning-color: var(--ops-StatusWarning-celebrus);
    --celebrus-status-error-color: var(--ops-StatusError-celebrus);
	
	.pf-v5-c-card {
		--pf-v5-c-card--BackgroundColor: var(--ops-CardBGColor-celebrus);
	}
	
	.pf-v5-c-nav__link:after {
		--pf-v5-c-nav__link--m-current--after--BorderColor: var(--ops-ActiveNavOptionLeftBorderColor-celebrus);
	}
	
	.pf-v5-c-nav__link:focus:after {
		--pf-v5-c-nav__link--focus--after--BorderColor: var(--ops-ActiveNavOptionLeftBorderColor-celebrus);
	}
	
	.div_53pwva {
		background-color: #FFFFFF59;
	}
	
	.pf-v5-c-masthead__content .pf-v5-c-page__header-tools-item .pf-v5-c-input-group {
		border: 2px solid #FFF !important;
	}
	
	.pf-v5-c-text-input-group__text:after{
		--pf-v5-c-text-input-group__text--after--BorderBottomColor: #FFFFFF59 !important;
		border-radius: 0 0 0 20px;
	}
	
	.pf-v5-c-text-input-group__text:focus-within, .pf-v5-c-text-input-group__text:focus{
		--pf-v5-c-text-input-group__text--focus-within--after--BorderBottomWidth: 0px !important;
		--pf-v5-c-text-input-group__text--focus-within--after--BorderBottomColor: #FFFFFF59 !important;
	}
	
	.pf-v5-c-text-input-group__text{
		border-bottom: none !important;
	}
	
	.pf-v5-c-content a {
		--pf-v5-c-content--a--Color: var(--ops-LinkColor-celebrus);
	}
	
	.pf-v5-c-nav__item.pf-m-expandable:before, .pf-v5-c-nav__link:before {
		--pf-v5-c-nav__item--before--BorderColor: var(--ops-SideBarSeparator-celebrus);
		--pf-v5-c-nav__link--before--BorderColor: var(--ops-SideBarSeparator-celebrus);
	}
	
	.pf-v5-c-dropdown__menu{
		--pf-v5-c-dropdown__menu--BackgroundColor: var(--ops-CardBGColor-celebrus);
	}
	
	.pf-v5-c-dropdown__menu-item {
		--pf-v5-c-dropdown__menu-item--Color: var(--ops-FontColor-celebrus);
	}
	
	.pf-v5-c-search-input__menu-body{
		background-color: var(--ops-CardBGColor-celebrus);
	}
	
	.pf-v5-c-button.pf-m-primary{
		--pf-v5-c-button--m-primary--BackgroundColor: var(--ops-CardBGColor-celebrus);
		--pf-v5-c-button--m-primary--Color: var(--ops-FontColor-celebrus);
		border: var(--ops-ButtonPrimaryBorderWidth-celebrus) solid var(--ops-PrimaryButtonBorderColor-celebrus);
	}
	
	.pf-v5-c-button.pf-m-primary:hover {
		--pf-v5-c-button--m-primary--BackgroundColor: var(--ops-ButtonHoverBGColor-celebrus);
    	--pf-v5-c-button--m-primary--Color: var(--ops-FontColor-celebrus);
    	border-color: var(--ops-FocusColor-celebrus);
    	border-style: solid;
	}
	
	.pf-v5-c-button.pf-m-secondary:hover {
		--pf-v5-c-button--m-secondary--BackgroundColor: var(--ops-SecondaryButtonHoverBGColor-celebrus);
		--pf-v5-c-button--m-secondary--Color: var(--ops-FontColor-celebrus);
		border-color: var(--ops-FocusColor-celebrus);
    	border-style: solid;
	}
	
	.pf-v5-c-button.pf-m-primary:focus {
     	--pf-v5-c-button--m-primary--BackgroundColor: var(--ops-ButtonHoverBGColor-celebrus);
     	--pf-v5-c-button--m-primary--Color: var(--ops-FontColor-celebrus);
     	border-color: var(--ops-FocusColor-celebrus);
     	outline: none !important;
	}
	
	.pf-v5-c-button.pf-m-secondary:focus {
		--pf-v5-c-button--m-secondary--BackgroundColor: var(--ops-SecondaryButtonHoverBGColor-celebrus);
		--pf-v5-c-button--m-secondary--Color: var(--ops-FontColor-celebrus);
		border-color: var(--ops-FocusColor-celebrus);
     	outline: none !important;
	}
	
	.pf-v5-c-button.pf-m-secondary{
		--pf-v5-c-button--m-secondary--BackgroundColor: var(--ops-CardBGColor-celebrus);
		--pf-v5-c-button--m-secondary--Color: var(--ops-FontColor-celebrus);
		border: var(--ops-ButtonSecondaryBorderWidth-celebrus) solid #dedede;
		--pf-v5-c-button--after--BorderColor: transparent;
	}
	
	.pf-v5-c-button.pf-m-secondary::after{
		--pf-v5-c-button--after--BorderWidth: 0;
	}
	
	.pf-v5-c-search-input__menu-body {
		*:focus {
			outline: 1px solid var(--ops-FocusColor-celebrus) !important;
    		border-color: var(--ops-global-FocusBorderColor);
		}
	}
	
	#search_input:after {
		--pf-v5-c-text-input-group__text--after--BorderBottomColor: #FFF;
	}
	
	#search_advanced:focus, #search_submit:focus, #search_input:focus{
		outline-width: 3px !important;
	}
}

#page-sidebar.pf-m-light-100 .pf-v5-c-nav__link.pf-m-current {
	font-weight: bold !important;
}

.pf-m-light-100.pf-v5-c-page__sidebar  .pf-v5-c-nav__link.pf-m-current {
	--pf-v5-c-nav__link--m-current--BackgroundColor: var(--ops-ActiveNavOptionBG-celebrus);
	--pf-v5-c-nav__link--m-current--after--BorderColor: var(--ops-ActiveNavOptionLeftBorderColor-celebrus);
}

.pf-m-light-100.pf-v5-c-page__sidebar .pf-v5-c-nav__link:active, .pf-m-light-100.pf-v5-c-page__sidebar .pf-v5-c-nav__link:focus {
	--pf-v5-c-nav__link--hover--BackgroundColor: var(--ops-NavOptionHoverBG-celebrus);
	--pf-v5-c-nav__link--active--BackgroundColor: var(--ops-NavOptionHoverBG-celebrus); 
	--pf-v5-c-nav__link--focus--BackgroundColor: var(--ops-NavOptionHoverBG-celebrus);
	--pf-v5-c-nav__link--hover--after--BorderColor: var(--ops-NavOptionHoverColor-celebrus);
}

.pf-m-light-100.pf-v5-c-page__sidebar .pf-v5-c-nav__link:hover {
	--pf-v5-c-nav__link--hover--BackgroundColor: transparent;
	--pf-v5-c-nav__link--hover--after--BorderColor: transparent;
	--pf-v5-c-nav__link--hover--Color: var(--ops-ActiveNavOptionLeftBorderColor-celebrus);
	--pf-v5-c-nav__link--hover--before--BorderBottomWidth: 1px;
}

.pf-m-light-100.pf-v5-c-page__sidebar button.pf-v5-c-nav__link, .pf-m-light-100.pf-v5-c-page__sidebar button.pf-v5-c-nav__link + .pf-v5-c-nav__subnav .pf-v5-c-nav__link:hover{
	--pf-v5-c-nav__link--hover--before--BorderBottomWidth: 0 !important;
}

#preferences_model .pf-m-light-100 {
	.pf-v5-c-select__menu-item-icon.fas.fa-check {
		--pf-v5-c-select__menu-item-icon--Color: var(--ops-IconHightlightColor-celebrus);
	}
	
	.pf-v5-c-select__toggle:before{
		border-color: var(--ops-TextFieldBorderColor-celebrus) !important;
	}
	
	.pf-v5-c-select__toggle:hover{
		--pf-v5-c-select__toggle--hover--before--BorderBottomColor: var( --ops-TextFieldBorderColor-celebrus);
	}
	
	.pf-v5-c-select__toggle:focus{
		--pf-v5-c-select__toggle--focus--before--BorderBottomColor: none;
	}
	
	*:focus {
		outline: 1px solid var(--ops-FocusColor-celebrus) !important;
    	border-color: var(--ops-global-FocusBorderColor);
	}
}

/*version badge style*/
#home-page.celebrus #latestVersionWrapper .pf-v5-c-badge{
	--pf-v5-c-badge--BackgroundColor: var(--ops-StatusAdvice-celebrus)
}

#home-page.celebrus #latestVersionWrapper #releaseNoteLink, #home-page.celebrus #latestVersionWrapper #versionCollectionLink{
	color: var(--ops-CardBGColor-celebrus);
}

/* Celebrus custom styles - end */


/* high-contrast custom styles - start */
.pf-m-dark-100 {
    --pf-v5-global--Color--light-100: var(--ops-FontColor-darker);
    --pf-v5-global--active-color--100: var(--ops-ActiveColor-darker);
    --pf-v5-global--BorderColor--light-100: var(--ops-BorderColor-darker);
    --pf-v5-global--primary-color--light-100: var(--ops-ButtonBorderColor-darker); 
    --pf-v5-global--link--Color--light: var(--ops-LinkColor-darker);
    --pf-v5-global--BackgroundColor--dark-100: var(--ops-BackgroundColor-darker);
    --pf-v5-global--BackgroundColor--dark-transparent-200: var(--ops-BackgroundColor-darker);
    --pf-v5-c-page__main-section--m-dark-100--BackgroundColor:var(--ops-BackgroundColor-darker);
    
    /* page side-bar */
    --pf-v5-c-page__sidebar--BackgroundColor: var(--ops-BackgroundColor-darker);
    --pf-v5-global--BackgroundColor--dark-400: var(--ops-SidebarActiveBGColor-darker);
    
    /* avatar drop-down hover */
    --pf-v5-global--BackgroundColor--light-300: var(--ops-SidebarActiveBGColor-darker);
    
    /*advance search menu*/
    --pf-v5-c-search-input__menu--BackgroundColor: var(--ops-BackgroundColor-darker); 
    --pf-v5-global--BackgroundColor--light-100:  var(--ops-BackgroundColor-darker);
    /* i/p border color */
    --pf-v5-global--BorderColor--300: var(--ops-BorderColor-darker);
    --pf-v5-global--BorderColor--200: var(--ops-BorderColor-darker);
    --pf-v5-global--primary-color--dark-100: var(--ops-FontColor-darker);
    --pf-v5-global--Color--dark-100: var(--ops-FontColor-darker);
    
    /* home page status color */
    --celebrus-status-ok-color: #499C54;
    --celebrus-status-advice-color: #3592C4;
    --celebrus-status-warning-color: #F0A732;
    --celebrus-status-error-color: #C75450;
    
     /*Overlay Color*/
     --pf-v5-global--overlay: #000000;
     --pf-v5-global--spinnerOverlay: #B3B3B3;
}

/*advanced search*/
#search_advanced:focus{
	border-radius: 0 !important;
}

#search_submit:focus {
	border-radius: 0 15px 15px 0 !important;
}

#search_input:focus {
	border-radius: 15px 0 0 15px !important;
}

.pf-v5-c-search-input__menu.pf-m-dark-100 input:hover{
	--pf-v5-global--primary-color--dark-100: var(--ops-BorderColor-darker);
}

.pf-m-light input#search_input{
	-webkit-text-fill-color: #fff !important;
}

.pf-m-dark-100 .div_53pwva{
	background-color: #000000 !important;
}

.pf-m-dark-100 input#search_input{
	-webkit-text-fill-color: #fff !important;
}

.pf-m-dark-100 #search_submit{
	background-color: transparent !important;
}

.pf-m-dark-100 #search_advanced{
	background-color: transparent !important;
}

.pf-m-light-100 .div_phvf8c, .pf-m-light-100 #search_advanced, .pf-m-light-100 #search_submit{
  --pf-v5-global--BackgroundColor--dark-100: tansparent !important;
  background-color: transparent !important;
  border-color: #fff !important;
  border-width: 2px !important;
  border-top: none !important;
  border-bottom: none !important;
}

.pf-m-light-100 #search_submit {
	border-right: none !important;
}

#mastHead_search_icon {
	z-index:1;
}

#search_input_group .pf-v5-c-search-input__icon{
	z-index: 1;
}


/* page header - high-contrast mode */
.pf-v5-c-masthead.pf-m-dark-100 .pf-v5-c-search-input .pf-v5-c-input-group>*, .pf-v5-c-masthead.pf-m-dark-100 #search_input_group{
	background-color: var(--ops-BackgroundColor-darker) !important;
}
.pf-v5-c-masthead.pf-m-dark-100 .pf-v5-c-search-input{
	border-color: var(--ops-BorderColor-darker);
}
.pf-v5-c-masthead.pf-m-dark-100 .pf-v5-c-search-input__utilities{
	border-right-color: var(--ops-BorderColor-darker);
}
.pf-v5-c-masthead.pf-m-dark-100 #search_advanced{
	border-right-color: var(--ops-BorderColor-darker);
}
.pf-v5-c-masthead.pf-m-dark-100 #avatarDropdown .pf-v5-c-button>img{
	filter: invert(99%) sepia(8%) saturate(1%) hue-rotate(144deg) brightness(105%) contrast(100%);
}

/* page side-bar - high-contrast mode */
.pf-v5-c-page__sidebar.pf-m-dark-100 .pf-v5-c-nav__link:after{
	border-color: var(--ops-ActiveColor-darker);
}

/*highlight color */
.pf-v5-c-page__main-section[class*=pf-m-dark-100] *:focus {
    outline: 2px solid var(--ops-HighlightColor-darker) !important;
    border-color: var(--ops-global-FocusBorderColor);
}

/* close button in preference modal */
.pf-v5-c-page__main-section[class*=pf-m-dark-100] .pf-v5-c-modal-box img {
    filter: invert(99%) sepia(8%) saturate(1%) hue-rotate(144deg) brightness(105%) contrast(100%);
}

.pf-v5-c-page__main-section[class*=pf-m-dark-100] .pf-v5-c-content {
    --pf-v5-c-content--blockquote--BorderLeftColor: #464c55;
    --pf-v5-c-content--blockquote--Color: #ffffffdb;
}

.pf-v5-c-search-input__menu.pf-m-dark-100 input:-webkit-autofill{
    -webkit-text-fill-color: var(--ops-FontColor-darker) !important;
}
/* high-contrast custom styles - end */

/* dark mode custom style - start */
.pf-m-dark-200 {
    --pf-v5-global--Color--light-100: var(--ops-FontColor-dark);
    --pf-v5-global--active-color--100: #568AF2;
    --pf-v5-global--BorderColor--light-100: transparent;
    --pf-v5-global--link--Color--light: var(--ops-LinkColor-dark);
    --pf-v5-global--BackgroundColor--dark-transparent-200: var(--ops-CardBGColor-dark);
    --pf-v5-global--BackgroundColor--light-300: var(--ops-ButtonBGColor-dark);
    --pf-v5-c-page__main-section--m-dark-200--BackgroundColor: var(--ops-PageBGColor-dark);
    
    .pf-v5-c-card {
		--pf-v5-c-card--BackgroundColor: var(--ops-CardBGColor-dark);
	}
   
    /*advance search menu*/
    --pf-v5-c-search-input__menu--BackgroundColor: var(--ops-PageBGColor-dark); 
    --pf-v5-global--BackgroundColor--light-100: var(--ops-TextFieldColor-dark); 
    /* i/p border color */
    --pf-v5-global--BorderColor--300: var(--ops-BorderColor-dark); 
    --pf-v5-global--BorderColor--200: var(--ops-BorderColor-dark);
    --pf-v5-global--primary-color--dark-100: var(--ops-BorderColor-dark);
    
    /* avatar dropdown -li:hover */
    --pf-v5-c-dropdown__menu-item--hover--BackgroundColor: #3c3f42;
    --pf-v5-c-dropdown__menu-item--hover--Color: var(--pf-v5-global--Color--light-100);
    --pf-v5-c-dropdown__menu-item--Color: var(--pf-v5-global--Color--light-100);
    
    /* preference model-timezone-dropdown list styling*/
    --pf-v5-global--Color--dark-100: var(--ops-FontColor-dark);
    
    /* home page status color */
    --celebrus-status-ok-color: #499C54;
    --celebrus-status-advice-color: #3592C4;
    --celebrus-status-warning-color: #F0A732;
    --celebrus-status-error-color: #C75450;
    
    /*Overlay Color*/
     --pf-v5-global--overlay: #21252b;
     --pf-v5-global--spinnerOverlay: #7e8491;
}

#preferences_model .pf-m-dark-200 #timeZone_dropdownToggle {
	--pf-v5-c-select__toggle--before--BorderBottomColor: var(--ops-BorderColor-dark) !important;
}

#preferences_model .pf-m-dark-100 #timeZone_dropdownToggle {
	--pf-v5-c-select__toggle--before--BorderBottomColor: var(--ops-BorderColor-darker) !important;
}

.pf-v5-c-page__main-section[class*=pf-m-dark-200] .pf-v5-c-content {
    --pf-v5-c-content--blockquote--BorderLeftColor: #464c55;
    --pf-v5-c-content--blockquote--Color: #d7dae0db;
}

/* avatar dropdown-styling */
.pf-v5-c-dropdown__menu.pf-m-align-right.pf-m-dark-200{
	background-color: var(--pf-v5-c-page__main-section--m-dark-200--BackgroundColor);
}
.pf-v5-c-dropdown__menu.pf-m-align-right.pf-m-dark-200 button img{
	filter: invert(96%) sepia(6%) saturate(285%) hue-rotate(189deg) brightness(93%) contrast(87%);
}

#bg_overlay{
	background-color:  var(--pf-v5-global--overlay);
	--pf-v5-global--primary-color--100 :  var(--pf-v5-global--spinnerOverlay);
}

#iframeOverlay{
	background-color:  var(--pf-v5-global--overlay);
}


/*highlight color*/
.pf-v5-c-page__main-section[class*=pf-m-dark-200] *:focus{
    outline: 1px solid var(--ops-HighlightColor-dark) !important;
    border-color: var(--ops-global-FocusBorderColor);
}

/* close button in preference modal */
.pf-v5-c-page__main-section[class*=pf-m-dark-200] .pf-v5-c-modal-box img{
    filter: invert(96%) sepia(6%) saturate(285%) hue-rotate(189deg) brightness(93%) contrast(87%);
}

.pf-v5-c-search-input__menu.pf-m-dark-200 input:-webkit-autofill{
    -webkit-text-fill-color: var(--ops-FontColor-dark) !important;
} 
/* dark mode custom style - end */

/* light mode custom style - start */
.pf-m-light {

	/* home page status color */
	--celebrus-status-ok-color: #59A869;
	--celebrus-status-advice-color: #389FD6;
	--celebrus-status-warning-color: #EDA200;
	--celebrus-status-error-color: #DB5860;
	--pf-v5-global--link--Color: var(--ops-LinkColor-light);
	  /*Overlay Color*/
     --pf-v5-global--overlay: #f1f1f1;
     --pf-v5-global--spinnerOverlay: #06c;	
}

#preferences_model .pf-m-light {
	.pf-v5-c-select__toggle:before{
		border-color: var( --ops-TextFieldBorderColor-light) !important;
	}
	
	.pf-v5-c-select__toggle:hover{
		--pf-v5-c-select__toggle--hover--before--BorderBottomColor: var( --ops-TextFieldBorderColor-light);
	}
	
	.pf-v5-c-select__toggle:focus{
		--pf-v5-c-select__toggle--focus--before--BorderBottomColor: none;
	}
}

/* light mode custom style - end */

/* c3 home page chart updates */
.pf-v5-c-page__main-section[class*=pf-m-dark-] path.domain { stroke: #92B5E2; }
.pf-v5-c-page__main-section[class*=pf-m-dark-] .c3-tooltip-container { color: var(--pf-v5-global--BackgroundColor--dark-100);}


.pf-v5-c-page__main-section.pf-m-light {
    --pf-v5-c-page__main-section--m-light--BackgroundColor: #f1f1f1;
}

.pf-v5-c-page__main-section.pf-m-light .pf-v5-c-card {
    --pf-v5-c-card--m-flat--BorderColor: none;
}

.pf-v5-c-page__main-section.pf-m-light-100 .pf-v5-c-card {
    --pf-v5-c-card--m-flat--BorderColor: none;
}

#preferences_model section {
	background-color: transparent;
}

.pf-m-dark-200 .pf-v5-c-modal-box{
	--pf-v5-global--BackgroundColor--100: var(--ops-PageBGColor-dark);
}

.pf-v5-c-page__main-section[class*=pf-m-light] *:focus{
    outline: 1px solid var(--ops-HighlightColor-light) !important;
    border-color: var(--ops-global-FocusBorderColor);
}

.pf-v5-c-page__main-section[class*=pf-m-light]{
    --pf-v5-global--active-color--100: var(--ops-ActiveColor-light);
    --pf-v5-global--primary-color--dark-100: #93B8E7;
}

/* advanced search menu*/
.pf-v5-c-search-input__menu.pf-m-light{
	color: rgba(0,0,0,.85);
	background-color: var(--ops-SerachBGColor-light);
}

.pf-v5-c-search-input__menu.pf-m-dark-200{
	color: var(--ops-FontColor-dark);
	background-color: var(--ops-PageBGColor-dark);
}

.pf-v5-c-search-input__menu.pf-m-dark-100{
	color: var(--ops-FontColor-darker);
	background-color: var(--ops-BackgroundColor-darker);
}

.pf-v5-c-search-input__menu.pf-m-dark-200 img{
    filter: invert(96%) sepia(6%) saturate(285%) hue-rotate(189deg) brightness(93%) contrast(87%);
}

.pf-v5-c-search-input__menu.pf-m-dark-100 img{
    filter: invert(99%) sepia(8%) saturate(1%) hue-rotate(144deg) brightness(105%) contrast(100%);
}

/* advance search menu button - light */
.pf-v5-c-search-input__menu.pf-m-light .pf-v5-c-button.pf-m-primary{
	--pf-v5-c-button--m-primary--BackgroundColor: var(--ops-ButtonBGColor-light);
	--pf-v5-c-button--m-primary--Color: var(--ops-ButtonFontColor-light);
	border: var(--ops-ButtonPrimaryBorderWidth-light) solid var(--ops-ButtonPrimaryBorderColor-light);
}
.pf-v5-c-search-input__menu.pf-m-light .pf-v5-c-button.pf-m-primary:hover, .pf-v5-c-search-input__menu.pf-m-light .pf-v5-c-button.pf-m-secondary:hover{
	--pf-v5-c-button--m-primary--BackgroundColor: var(--ops-ButtonHoverBGColor-light);
    --pf-v5-c-button--m-secondary--BackgroundColor: var(--ops-ButtonHoverBGColor-light);
    --pf-v5-c-button--m-primary--Color: var(--ops-ButtonFontColor-light);
    --pf-v5-c-button--m-secondary--Color: var(--ops-ButtonFontColor-light);
    border-color: var(--ops-ButtonHoverBorderColor-light);
    border-style: solid;
}
.pf-v5-c-search-input__menu.pf-m-light .pf-v5-c-button.pf-m-primary:focus, .pf-v5-c-search-input__menu.pf-m-light .pf-v5-c-button.pf-m-secondary:focus{
     --pf-v5-c-button--m-primary--BackgroundColor: var(--ops-ButtonFocusBGColor-light);
     --pf-v5-c-button--m-secondary--BackgroundColor: var(--ops-ButtonFocusBGColor-light);
     --pf-v5-c-button--m-primary--Color: var(--ops-ButtonFontColor-light);
     --pf-v5-c-button--m-secondary--Color: var(--ops-ButtonFontColor-light);
     border-color: var(--ops-ButtonFocusBorderColor-light);
     outline: none !important;
}
.pf-v5-c-search-input__menu.pf-m-light .pf-v5-c-button.pf-m-secondary{
	--pf-v5-c-button--m-secondary--BackgroundColor: var(--ops-ButtonBGColor-light);
	--pf-v5-c-button--m-secondary--Color: var(--ops-ButtonFontColor-light);
	border: var(--ops-ButtonSecondaryBorderWidth-light) solid var(--ops-ButtonSecondaryBorderColor-light);
	--pf-v5-c-button--after--BorderColor: transparent;
}
.pf-v5-c-search-input__menu.pf-m-light .pf-v5-c-button.pf-m-secondary::after{
	--pf-v5-c-button--after--BorderWidth: 0;
}

.pf-v5-c-search-input__menu input {
    border: 1px solid var(--ops-TextFieldBorderColor-light) !important;
}
.pf-v5-c-search-input__menu input:active, .pf-v5-c-search-input__menu input:focus{
    border: 1px solid var(--ops-ButtonHoverBorderColor-light) !important;
}

.pf-v5-c-search-input__menu input:focus{
	outline: none !important;
}

/* advance search menu button - dark */
.pf-v5-c-search-input__menu.pf-m-dark-200 .pf-v5-c-button.pf-m-primary{
	--pf-v5-global--primary-color--dark-100: var(--ops-FontColor-dark);
	--pf-v5-global--BackgroundColor--light-100: var(--ops-ButtonBGColor-dark);
	border: 1px solid var(--ops-BorderColor-dark);
	background-color: var(--ops-ButtonBGColor-dark);
}
.pf-v5-c-search-input__menu.pf-m-dark-200 .pf-v5-c-button.pf-m-primary:hover{
	--pf-v5-global--BackgroundColor--light-300: var(--ops-ButtonHoverBGColor-dark);
	background-color: var(--ops-ButtonHoverBGColor-dark);
	border: 1px solid var(--ops-ButtonHoverBorderColor-dark);
	
}
.pf-v5-c-search-input__menu.pf-m-dark-200 .pf-v5-c-button:after, .pf-v5-c-search-input__menu.pf-m-dark-100 .pf-v5-c-button:after{
	--pf-v5-c-button--after--BorderColor: transparent;
}
.pf-v5-c-search-input__menu.pf-m-dark-200 .pf-v5-c-button.pf-m-secondary{
	border: 1px solid var(--ops-BorderColor-dark);
	background-color: var(--ops-ButtonBGColor-dark);
	color: var(--ops-FontColor-dark); 
}
.pf-v5-c-search-input__menu.pf-m-dark-200 .pf-v5-c-button.pf-m-secondary:hover{
	background-color: var(--ops-ButtonHoverBGColor-dark);
	border: 1px solid var(--ops-ButtonHoverBorderColor-dark);
}

/* advance search menu button - darker */
.pf-v5-c-search-input__menu.pf-m-dark-100 .pf-v5-c-button.pf-m-secondary, .pf-v5-c-search-input__menu.pf-m-dark-100 .pf-v5-c-button.pf-m-primary{
	border: 1px solid var(--ops-ButtonBorderColor-darker);
	background-color: var(--ops-BackgroundColor-darker); 
	color: var(--ops-FontColor-darker); 
}
.pf-v5-c-search-input__menu.pf-m-dark-100 .pf-v5-c-button.pf-m-secondary:hover, .pf-v5-c-search-input__menu.pf-m-dark-100 .pf-v5-c-button.pf-m-primary:hover{
	border: 1px solid var(--ops-ButtonHoverBorderColor-darker);
	background-color: transparent;
}


/* home page status color */
.status_advice {
   color: var(--celebrus-status-advice-color);
}
.status_ok, .status_information {
   color: var(--celebrus-status-ok-color);
}
.status_warning {
   color: var(--celebrus-status-warning-color);
}
.status_error, .status_not_reachable, .status_not_calculated {
   color: var(--celebrus-status-error-color);
}
.c3-axis-x .tick {
   display: none;
}
.no-box-shadow{
   box-shadow: none;
}

/* home page status color */
.pf-v5-c-label.pf-m-green {
	--pf-v5-c-label__icon--Color: var(--celebrus-status-ok-color);
}
.pf-v5-c-label.pf-m-blue {
	--pf-v5-c-label__icon--Color: var(--celebrus-status-advice-color);
}
.pf-v5-c-label.pf-m-orange {
	--pf-v5-c-label__icon--Color: var(--celebrus-status-warning-color);
}
.pf-v5-c-label.pf-m-red {
	--pf-v5-c-label__icon--Color: var(--celebrus-status-error-color);
}

/* C3 chart- tool tip styling */
.c3-tooltip th{
	background-color: #393f44;
	opacity: .9;
	color: #fff;
}
.c3-tooltip td{
	background-color: #393f44;
	opacity: .9;
	color: #f0f0f0;
	border-left: none;
}
.c3-tooltip tr{
	border: none;
}

/*HC mode */
.pf-v5-c-masthead.pf-m-dark-100 *:focus{
	outline: 2px solid var(--ops-HighlightColor-darker) !important;
    border-color: var(--ops-global-FocusBorderColor);
}
.pf-v5-c-page__sidebar.pf-m-dark-100 *:focus{
	outline: 2px solid var(--ops-HighlightColor-darker) !important;
    border-color: var(--ops-global-FocusBorderColor);
}

/* light and dark */
.pf-v5-c-masthead *:focus{
	outline: 1px solid var(--ops-HighlightColor-dark) !important;
    border-color: var(--ops-global-FocusBorderColor);
}
.pf-v5-c-page__sidebar *:focus{
	outline: 1px solid var(--ops-HighlightColor-dark) !important;
    border-color: var(--ops-global-FocusBorderColor);
}

/*search menu - highlight */
.pf-v5-c-search-input__menu.pf-m-light *:focus{
	outline: 1px solid  var(--ops-HighlightColor-light) !important;
    border: none;
    --pf-v5-global--BackgroundColor--light-300: var(--ops-ButtonBGColor-light);
}
.pf-v5-c-search-input__menu.pf-m-dark-100 *:focus{
    --pf-v5-global--BackgroundColor--light-300: var(--ops-BackgroundColor-darker);
}

/* avatar dropdown - highlight */
.pf-v5-c-masthead .pf-v5-c-dropdown__menu.pf-m-align-right *:focus{
	outline: 1px solid  var(--ops-HighlightColor-light) !important;
    border: none;
}
.pf-v5-c-masthead.pf-m-dark-100 .pf-v5-c-dropdown__menu.pf-m-align-right *:focus{
	outline: 1px solid  var(--ops-HighlightColor-darker) !important;
    border: none;
}
.pf-v5-c-masthead .pf-v5-c-dropdown__menu.pf-m-align-right.pf-m-dark-200 *:focus{
	outline: 1px solid var(--ops-HighlightColor-dark) !important;
    border: none;
}
/*scroll bar style*/
.light *,#preferences_model .pf-m-light *{scrollbar-color: var(--ops-ScrollbarThumbColor-light) var(--ops-ScrollbarTrackColor-light);}
.light *::-webkit-scrollbar,#preferences_model .pf-m-light *::-webkit-scrollbar {width: 12px; height: 12px;}
.light *::-webkit-scrollbar-track,#preferences_model .pf-m-light *::-webkit-scrollbar-track {background: var(--ops-ScrollbarTrackColor-light); border-radius: 10px;}
.light *::-webkit-scrollbar-corner,#preferences_model .pf-m-light *::-webkit-scrollbar-corner {background: var(--ops-ScrollbarThumbColor-light); }
.light *::-webkit-scrollbar-thumb,#preferences_model .pf-m-light *::-webkit-scrollbar-thumb {background-color: var(--ops-ScrollbarThumbColor-light); border-radius: 10px;border: 1px solid var(--ops-ScrollbarTrackColor-light);}

.celebrus *, #preferences_model .pf-m-light-100 * {scrollbar-color: var(--ops-ScrollbarThumbColor-celebrus) var(--ops-ScrollbarTrackColor-celebrus);}
.celebrus *::-webkit-scrollbar,#preferences_model .pf-m-light-100 *::-webkit-scrollbar {width: 12px; height: 12px;}
.celebrus *::-webkit-scrollbar-track,#preferences_model .pf-m-light-100 *::-webkit-scrollbar-track {background: var(--ops-ScrollbarTrackColor-celebrus); border-radius: 10px;}
.celebrus *::-webkit-scrollbar-corner,#preferences_model .pf-m-light-100 *::-webkit-scrollbar-corner {background: var(--ops-ScrollbarThumbColor-celebrus);}
.celebrus *::-webkit-scrollbar-thumb,#preferences_model .pf-m-light-100 *::-webkit-scrollbar-thumb {background-color: var(--ops-ScrollbarThumbColor-celebrus); border-radius: 10px;border: 1px solid var(--ops-ScrollbarTrackColor-celebrus);}

.dark *,#preferences_model .pf-m-dark-200 *{scrollbar-color: var(--ops-ScrollbarThumbColor-dark) var(--ops-ScrollbarTrackColor-dark);}
.dark *::-webkit-scrollbar,#preferences_model .pf-m-dark-200 *::-webkit-scrollbar {width: 12px; height: 12px;}
.dark *::-webkit-scrollbar-track,#preferences_model .pf-m-dark-200 *::-webkit-scrollbar-track {background: var(--ops-ScrollbarTrackColor-dark); border-radius: 10px;}
.dark *::-webkit-scrollbar-corner,#preferences_model .pf-m-dark-200 *::-webkit-scrollbar-corner {background: var(--ops-ScrollbarThumbColor-dark);}
.dark *::-webkit-scrollbar-thumb,#preferences_model .pf-m-dark-200 *::-webkit-scrollbar-thumb{background-color: var(--ops-ScrollbarThumbColor-dark); border-radius: 10px;border: 1px solid var(--ops-ScrollbarTrackColor-dark);}

.darker *,#preferences_model .pf-m-dark-100 * {scrollbar-color: var(--ops-ScrollbarThumbColor-darker) var(--ops-ScrollbarTrackColor-darker);}
.darker *::-webkit-scrollbar,#preferences_model .pf-m-dark-100 *::-webkit-scrollbar {width: 12px; height: 12px;}
.darker *::-webkit-scrollbar-track,#preferences_model .pf-m-dark-100 *::-webkit-scrollbar-track {background: var(--ops-ScrollbarTrackColor-darker); border-radius: 10px;}
.darker *::-webkit-scrollbar-corner,#preferences_model .pf-m-dark-100 *::-webkit-scrollbar-corner {background: var(--ops-ScrollbarThumbColor-darker);}
.darker *::-webkit-scrollbar-thumb,#preferences_model .pf-m-dark-100 *::-webkit-scrollbar-thumb {background-color: var(--ops-ScrollbarThumbColor-darker); border-radius: 10px;border: 1px solid var(--ops-ScrollbarTrackColor-darker);}

/*badge styling*/
.light .pf-v5-c-badge a{
	color: #FFFFFF;
}

.dark .pf-v5-c-badge{
	background-color: var(--ops-ButtonBGColor-dark);
}

.darker .pf-v5-c-badge{
	border: 1px solid #FFFFFF;
	background-color: transparent;
}

.spinner-dark {
	--pf-v5-global--primary-color--100: #7e8491;
	background-color: #21252b;
}

.spinner-darker {
	--pf-v5-global--primary-color--100: #B3B3B3;
	background-color: #000000;
}

.spinner-celebrus {
	--pf-v5-global--primary-color--100: #1A3B6B;
	background-color: #E8EBF0;
}

#spinnerOverlay {
   overflow-x: hidden;
}

#spinnerOverlay div.container-fluid {
	height:100%; 
	width:90%;
}

/*dropdown search styling for timezone*/
#preferences_model .pf-m-light .pf-v5-c-search-input__bar, #preferences_model .pf-m-dark-200 input#timeZone_searchInput_text:-webkit-autofill {
	background-color: var(--pf-v5-global--BackgroundColor--100) !important;
	color: #151515 !important;
	border: 2px solid var(--pf-v5-global--BorderColor--300);
	-webkit-box-shadow: 0 0 0 30px var(--pf-v5-global--BackgroundColor--100) inset !important;
    -webkit-text-fill-color:  #151515 !important;
}


#preferences_model .pf-m-dark-200 .pf-v5-c-search-input__bar, #preferences_model .pf-m-dark-200 input#timeZone_searchInput_text:-webkit-autofill{
	background-color: var(--ops-TextFieldColor-dark) !important;
	color: var(--ops-FontColor-dark) !important;
	-webkit-box-shadow: 0 0 0 30px var(--ops-TextFieldColor-dark) inset !important;
    -webkit-text-fill-color: var(--ops-FontColor-dark) !important;
}

#preferences_model .pf-m-dark-200 .pf-v5-c-text-input-group__icon { 
	color: var(--ops-FontColor-dark);
}

#preferences_model .pf-m-dark-200 .pf-v5-c-text-input-group__text-input::placeholder { 
	color: var(--ops-FontColor-dark);
}

#preferences_model .pf-m-dark-100 .pf-v5-c-search-input__bar, #preferences_model .pf-m-dark-100 input#timeZone_searchInput_text:-webkit-autofill{
	background-color: var(--ops-BackgroundColor-darker) !important;
	color: var(--ops-FontColor-darker) !important;
	-webkit-box-shadow: 0 0 0 30px var(--ops-BackgroundColor-darker) inset !important;
    -webkit-text-fill-color: var(--ops-FontColor-darker) !important;
}

#preferences_model .pf-m-dark-100 .pf-v5-c-text-input-group__icon { 
	color: var(--ops-FontColor-darker);
}

#preferences_model .pf-m-dark-100 .pf-v5-c-text-input-group__text-input::placeholder { 
	color: var(--ops-FontColor-darker);
}

#preferences_model .pf-v5-c-search-input__icon{
	z-index: 100;
}

#preferences_model .pf-m-light #timeZone_searchInput {
	border: 1px solid var(--ops-BorderColor-light);
}

#preferences_model .pf-m-dark-200 #timeZone_searchInput {
	border: 1px solid var(--ops-BorderColor-dark);
}

#preferences_model .pf-m-dark-100 #timeZone_searchInput {
	border: 1px solid var(--ops-BorderColor-darker);
}

.pf-v5-c-page__header-tools-item .pageHeading,.pf-v5-c-page__header-tools-item .clusterName {
	color: var(--ops-global-PageHeaderColor);
}

/* metric stats api style - start*/
.celebrus #mainIframe{
	background-color: var(--ops-PageBGColor-celebrus) !important;
}

#mainIframe{
	background-color: #F0F0F0 !important;
}

.light #mainIframe{
	background-color: var(--ops-BackgroundColor-light) !important;
}
/* metric stats api style - end*/

/* Eliminate the occurrence of a black flash */
.pf-v5-c-page{
	--pf-v5-c-page--BackgroundColor: transparent !important;
}

#main_body{
	background-color: #000;
	height: 100%;
}

/*ellipsisContainer styling */
#ellipsisContainer.light{
	.pageHeading, .clusterName {
		color: #151515 !important;
	}
}

#ellipsisContainer.dark{
	--pf-v5-c-dropdown__menu--BackgroundColor: var(--ops-CardBGColor-dark);
	
	.pageHeading, .clusterName {
		--pf-v5-c-dropdown__menu-item--hover--BackgroundColor: #454954 !important;
	}
}

#ellipsisContainer.celebrus{
	.pageHeading, .clusterName {
		color: var(--ops-FontColor-celebrus) !important;
	}
}

#ellipsisButton{
	margin-right: 10px;
}