/* File: custom.css */
:root {
    --primary-color: #0052c9;
    --primary-color-2: #16419c;
    --primary-color-3: #40e073;
    --loader-color: var(--primary-color);
    --leftnav-hover-color: #0052c9e6;
    --primary-button-color: var(--primary-color);
    --primary-button-color-2: #16419c;
    --primary-button-hover-color: var(--primary-color);
    --primary-button-hover-color-2: #16419c;
    --primary-color-17-percent: #0052c933;
    --primary-color-17-percent-background: var(--primary-color-17-percent);
    --grey: #CCCCCC;
    --grey-2: #585D6B;
    --grey-3: #F7F7F7;
    --grey-shadow: #05050510;
    --background-grey: var(--grey);
    --border-grey: var(--grey);
    --signal-positive-color: var(--primary-color);
    --signal-negative-color: #FF8F00;
    --dark-grey: #666;
    --dark-grey-1: #333740;
    --dark-grey-2: #717684;
    --dark-grey-3: #656A78;
    --dark-grey-4: #31353E;
    --dark-grey-5: #8A8F9D;
    --black: #000;
    --background-black: var(--black);
    --white: #fff;
    --background-white: var(--white);
    --primary-text-color: #333740;
    --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: #C3C8D5;
    --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: var(--primary-color-3);
    --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;
	--drag-guide-colour: var(--primary-color-3);
}

.draftDashContentContainer:hover{
    border: 1px solid var(--primary-color-3); 
}

#modernToolbarCreateButton {
	color: #fff;
	background-color: var(--primary-color-3);
	padding-left: 1rem;
	padding-right: 1rem;
}

div.btn-yellow {
	background: var(--primary-color-3);
}
div.btn-menu-yellow-primary {
	background-color: var(--primary-color-3);
	color: #fff;
}
table.likeButtonTable td.likeButtonContainer.liked div.btn-container {
	border: 1px solid var(--primary-color-3);
}
.dashboardTabWarning .addButton .submitMidButton{
    background-color: var(--primary-color-3);
}
.previewMode .previewModeLabel{
    color: var(--primary-color-3);
    border-right: 2px solid var(--primary-color-3);
}
div.visualCodeToggle.activeEditorModeBtn {
	color: #fff;
    background-color: var(--primary-color-3);
}
.draftDashContentContainer:hover{
    border: 1px solid var(--primary-color-3);
}
#dashboardPageBody div.create-content-menu-button{
    background-color: var(--primary-color-3);
}
#signalListPageContainer .panelTabsContainer .panelTab.panelTabActive {
    border-bottom: 4px solid var(--primary-color-3);
}
#signalListPageContainer .panelTabsContainer .panelTab:hover {
	border-bottom: 4px solid var(--primary-color-3);
}
.tabContainer .tab:hover{
    border-bottom: 4px solid var(--primary-color-3);
}
.dashboardTabWarning {
    border: 1px solid var(--primary-color-3);
}
#modernToolbarCreateButton:hover {
	background-color: #73E898;
}

#modernToolbarCreateButton.active {
	background-color: #24DB5E;
}

#modernToolbarCreateButton.modernToolbarOpened {
	background-color: #73E898;
}
.loginContainer{
	    min-width: 100px;
}
.loginButton {
	width: 85%;
	background: var(--primary-color);
}
.headerbg {
	display: none;
}
.activityStreamOpenButton {
    background-image: url(../images/logo_square.svg);
}