/**************************************************************
 whiteLabelV3.css
 jpl 3/16/16

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

/*
Primary:
	Base:					#023047						#68a921    #6c9c31  
	60% white:		#6f9eb6 				#bcd79c
	87% white:		#cadde7 				#e8f2dc
	94% white:		#e6eff4				#f4f9ef
	97% white:		#f2f7f9 				#fafcf7
	
Secondary:
	Base:					#e0b100 				#429ada
	60% white:		#f3de92 			#add4f0
	87% white:		#fbf4da 			#e3f1fa
	94% white:		#fdfaee			#f2f8fd
	97% white:		#fefcf6 			#e3f1fa
*/

:root {
	--brandingPrimary: #023047;
	--brandingSecondary: #e0b100;
	--brandingPrimaryRGB: 2, 48, 71;
	--brandingSecondaryRGB: 224, 177, 0;
	--brandingPrimaryOnBlack: #29627e;
	--brandingSecondaryOnBlack: #e0b100;
	--primaryLight60: #6f9eb6;
	--primaryLight97: #f2f7f9;
	--primaryLight97RGB: 242, 247, 249;
	--secondaryLight60: #f3de92;
	--secondaryLight87: #fbf4da;
	--secondaryLight94: #fdfaee;
	--highlight03: #fefcf6;
	--highlight06: #fdfaee;
	--highlight13: #fbf4da;
}
.primaryBase { color: #023047; }
.primaryBaseBG { background-color: #023047; }
.secondaryBase { color: #e0b100; }
.secondaryBaseBG { background-color: #e0b100; }

/* a:not(.button, .icon, .item) */
	a:link		{ color: #023047; text-decoration: underline; }
	a:visited { color: #023047; }
	a:hover   { color: #023047; text-decoration: none; }
	a:active	{ color: #023047; }
	
	.clientNoteContent a:link			{ color: #e0b100;  }
	.clientNoteContent a:visited	{ color: #e0b100; }
	.clientNoteContent a:hover		{ color: #e0b100; }
	.clientNoteContent a:active		{ color: #e0b100; }

/* #topBar #logo, .logoImage { background-image: url(CoachAccountable_Top_Bar_Logo_Light_Coaching_for_neurodivergent_Minds_%28308_x_100_px%29_%282%29.png); } */
#topBar #logo { background-image: url(CoachAccountable_Top_Bar_Logo_Light_Coaching_for_neurodivergent_Minds_%28308_x_100_px%29_%282%29.png?m=1760059573); }
/*#topBar #logo:before { content: ''; }*/
#topMenu .subMenu.moreItems { background-color: #023047; }


@media screen and (max-width: 699px) {
	#topSearchForm { background-color: #023047; }
}
.emailBackground { background: #e9f5f8; }

.leftSidebar .itemMenu .item .adder { border-color: #023047; /*color: #023047;*/ }
.sampleLogoBar, .emailTemplate .colorBar { background-color: #023047; }


.icon-drag:hover,
a:link[class^="icon-"]:hover:before,
a:link[class*=" icon-"]:hover:before,
.button[class^="icon-"]:not(.primary):hover:before,
.button[class*=" icon-"]:not(.primary):hover:before {
  color: #e0b100;
}



.popUpWindow div.content { border-color: #023047 }
.popUpWindow .titleBar { background: #023047; }
.pagePopUpWindow .titleBar { background: #e0b100; }
.pagePopUpWindow div.content { border-color: #e0b100; }
#__popUpWindowDock .minimizedPopUp { background: #e0b100; }

#feedbackContainer { border-color: #023047; }

#loadingMessage { background-color: #023047; }

.DatePicker-WidgetDiv .DatePicker-ControlDiv { background-color: #023047; }
.DatePicker-WidgetDiv .DatePicker-CanvasDiv .DatePicker-CanvasGrid td:hover,
.DatePicker-WidgetDiv .DatePicker-CanvasDiv .DatePicker-CanvasGrid td.chosenDate { background-color: #023047; }
.DatePicker-WidgetDiv .DatePicker-CanvasDiv .DatePicker-CanvasGrid td.dayToday { box-shadow: inset 0 0 0 1px #fbf4da; }

.courseItem .editDiv, .courseItemGroup.dragging { border-color: #023047; }
.courseTimelineNav .unit.withItem  { border-color: #6f9eb6; }
.courseItem .completeRule  { border-color: #023047; }
.courseItem .completeRule .icon-star:before { color: #023047; }

#settingsSideBarHolder .gearToggle { background-color: #023047; }


.courseBuilderButton { background-color: #023047; }
.courseItem .itemHeader { background-color: #f2f7f9; }

.itemCard:hover .cardBottom { /*border-color: #e0b100;*/ }

.groupAvatar { background: #e0b100; }

.clientNoteContent .answerComments .answerComment .theComment,
.clientNoteContent .answerComments .answerComment .theComment:after { background-color: #e6eff4; border-color: #6f9eb6; color: #023047; }
.clientNoteContent .answerComments .answerComment .theComment.byClient,
.clientNoteContent .answerComments .answerComment .theComment.byClient:after { background-color: #fdfaee; border-color: #f3de92;  color: #e0b100; }


.itemCard:hover .cardBottom { background-color: #fbf4da;/* border-top-color: #e0b100;*/ }
.cornerSash { box-shadow: inset 0 0 0 20px #e0b100; }

.helpLink .icon-lightbulb { border-color: #023047; }
.helpLink .icon-lightbulb:before { color: #023047; }

.renderedHelpArticle .toParent a span { color: #023047; }

#courseTimeLine .courseDay .sortZone.active { box-shadow: 0 0 2px 2px #e0b100; }

.itemY .itemY__members > div .designation { background-color: #023047; }

body.offeringWidget .headerBar { background-image: url(CoachAccountable_Top_Bar_Logo_Light_Coaching_for_neurodivergent_Minds_%28308_x_100_px%29_%282%29.png?m=1760059573); }
.brightTopBar.offeringWidget .headerBar #logo { background-image: url(CoachAccountable_Top_Bar_Logo_Light_Coaching_for_neurodivergent_Minds_%28308_x_100_px%29.png?m=1760059573); }

.tuckedControls > label.selected { background-color: #fbf4da; }
.tuckedControls > label:hover { background-color: #fbf4da; }

.item:before { color: #023047; }
.itemMenu .item:hover:before { color: #e0b100; }
.itemMenu .item.tabSelected:before { color: #e0b100; }
.itemMenu .item:hover { background-color: #fdfaee; }
.itemMenu .item:hover:not(.tabSelected) { border-color: #fdfaee; }

.itemWidebox .subHeader { background: #fdfaee; }
.subHeader { background: #fdfaee; }
.formSection { background-color: #fdfaee; }
.lightColorBox { background-color: #fbf4da; }


.awesomeMenu li.selected { background-color: #cadde7; }
.invoiceAccounts .hasCardOnFile { background: #023047; }

.coursePSummary .item:hover { background-color: #fdfaee; }
.coursePSummary .item .controls { background-color: #e0b100; }

#courseTimeLine .courseDay { border-color: #6f9eb6; }
.itemRP .coursePerformance .buttonHolderRow { background-color: #fdfaee; }

.itemG__members div span.coach { background-color: #023047; }
.itemY__members div .designation { background-color: #023047; }


.offeringBundleOptions > div.menuItem:hover { background-color: #fdfaee; }
#courseTimeLine .courseDay.dropTarget { background-color: #fdfaee; }
/*
.courseBuilderButton.itemButton:not(.coursePageItem) { border-color: #023047; }
.courseBuilderButton.itemButton:not(.coursePageItem):before { color: #023047; }
*/
.designer #topBar #logo,
.brightTopBar #topBar #logo { background-image: url(CoachAccountable_Top_Bar_Logo_Light_Coaching_for_neurodivergent_Minds_%28308_x_100_px%29.png?m=1760059573); }
body.darkMode.brightTopBar #topBar #logo { background-image: url(CoachAccountable_Top_Bar_Logo_Light_Coaching_for_neurodivergent_Minds_%28308_x_100_px%29_%282%29.png?m=1760059573); }


.brightTopBar:not(.designer) #topBar,
.brightTopBar:not(.designer) #topBar #accountHeader,
.brightTopBar:not(.designer) #topBar #topMenu .icon { border-color: #6f9eb6 ; }

.designer:not(.brightTopBar) #topBar #logo {
	background-image: url(CoachAccountable_Top_Bar_Logo_Light_Coaching_for_neurodivergent_Minds_%28308_x_100_px%29_%282%29.png?m=1760059573);
}

.fadedBox { background-color: #cadde750; }



body.darkMode .itemMenu .item:hover { background-color: #fefcf620; }
body.darkMode .itemMenu .item.tabSelected { background-color: #fdfaee30; }
.brightTopBar #topBar #topMenu  .icon:hover { background-color: #fdfaee18 !important; }
body.darkMode.brightTopBar #topBar #accountHeader:hover { background-color: #fdfaee18; }
body.darkMode .awesomeMenu li.selected { background-color: #cadde718; }
body.darkMode .subHeader { background: #fdfaee18; }
body.darkMode  .fadedBox { background-color: #cadde718; border-color: #6f9eb618; }

body.darkMode .formSection, body.darkMode .courseItemEditForm .formW .formSection { background-color: #fdfaee18; }

body.darkMode .folderTree .folderTreeHeader:hover    { background-color: #fbf4da32; }
body.darkMode .folderTree.dragging .folderTreeHeader { background-color: #fbf4da32; }
body.darkMode .folderTree.dropCandidate > .folderTreeHeader { background-color: #fbf4da32; }
body.darkMode .folderTree .folderTreeItemSet .folderTreeItem:hover { background-color: #fbf4da32; }
body.darkMode .tuckedControls > label.selected { background-color: #fbf4da32; }
body.darkMode .groupSideBarMembers > div.clickable:hover { background-color: #fdfaee18;  }	
body.darkMode input.search:focus,
body.darkMode input.DatePicker-input:focus,
body.darkMode input.timeInput:focus { background-color: #e0b100; }
body.darkMode .DatePicker-WidgetDiv .DatePicker-CanvasDiv .DatePicker-CanvasGrid td.dayToday { background-color: #fbf4da32; }

body.darkMode .clientNoteContent .answerComments .answerComment .theComment,
body.darkMode .clientNoteContent .answerComments .answerComment .theComment:after { background-color: #e6eff408; border-color: #6f9eb618; color: var(--brandingPrimaryOnBlack); background-color: #000; }
body.darkMode .clientNoteContent .answerComments .answerComment .theComment.byClient,
body.darkMode .clientNoteContent .answerComments .answerComment .theComment.byClient:after { background-color: #fdfaee08; border-color: #f3de9218;  color: #e0b100; background-color: #000; }

body.darkMode .courseItem .itemHeader { background-color: #f2f7f918; }
body.darkMode .coursePSummary .item:hover { background-color: #fdfaee18; }
body.darkMode .lightColorBox { background-color: #fbf4da32; }


body.darkMode {
/*
	--highlight03: #fbf4da09;
	--highlight06: #fbf4da12;
	--highlight13: #fbf4da28;
	--highlight03: color-mix(in srgb, #ffffff  3%, var(--cardBGColor));
	--highlight06: color-mix(in srgb, #ffffff  6%, var(--cardBGColor));
	--highlight13: color-mix(in srgb, #ffffff 13%, var(--cardBGColor));
	*/
	--highlight03: #141414;
	--highlight06: #333333;
	--highlight13: #424242;
}