body {
    color: rgb(36, 36, 36) !important;
	background-color: rgb(245, 245, 245);
}

textarea {
	background-color: inherit;
}

.iq-subdued-coaching {
	color: #676478;
	font-style: italic;
	font-size: 1.125rem;
	line-height: 1.25em;
}

/** Background Colors **/
.iq-bg-theme-inherit.iq-hover:hover {
	background-color:rgba(255, 255, 255, 0.03);
}

.iq-bg-theme-inherit.iq-hover:hover {
	background-color:rgba(36, 36, 36, 0.03);
}

.iq-bg-theme-base {
	/* background-color: rgb(245, 245, 245); */
	/* background-color: rgb(255, 255, 255); */
	background-color: hsl(0, 0%, 94%);
}

.iq-bg-theme-appArea {
	background-color: rgb(240, 240, 240);
}

.iq-bg-theme-content {
	/* background-color: rgb(31, 30, 36); */
	background-color: hsl(0, 0%, 96%);
}

.iq-bg-theme-popupBlockout {
	background-color: hsla(0, 0%, 26%, 0.7);
}

.iq-bg-theme-popup {
	background-color: hsl(0, 0%, 95%);
}

.iq-bg-theme-sidePanel {
	background-color: hsl(0, 0%, 97%);
}

.iq-bg-theme-breadCrumbsBar {
	background-color: hsl(0, 0%, 96%);
}

.iq-bg-theme-appTitleBar {
	background-color: hsl(0, 0%, 96%);
}

.iq-bg-theme-section {
	background-color: hsl(0, 0%, 99%);
}

.iq-bg-theme-card {
	background-color: hsl(0, 0%, 100%);
}

.iq-bg-theme-card:hover {
	background-color: hsl(0, 0%, 99%);
}

.iq-bg-theme-textArea {
	background-color: hsl(0, 0%, 100%);
}

.iq-bg-theme-dropdown {
	background-color: hsl(0, 0%, 98%);
}

.iq-bg-theme-dropdownItem {
	background-color: hsl(0, 0%, 98%);
}

.iq-bg-theme-dropdownItem:hover {
	background-color: hsl(0, 0%, 100%);
}

.iq-bg-theme-content.iq-hover:hover {
	/* background-color: rgb(57, 55, 66); */
	background-color: rgb(245, 245, 245);
}

.iq-font-button-primary {
	color: rgb(255, 255, 255);
}

.iq-font-button-secondary {
	color: rgb(36, 36, 36);
}

.iq-bg-theme-base-opposite {
	background-color: rgb(36, 36, 36);
}

.iq-bg-theme-base-hover:hover {
	background-color: rgb(247, 247, 247);
	box-shadow: none;
}

.iq-bg-theme-base-opacity3-blur25 {
	background-color: rgba(255, 255, 255, .5);
	backdrop-filter: blur(3px);
}

.iq-bg-theme-base-opacity7 {
	background-color: rgba(255, 255, 255, .7);
}

.iq-bg-theme-base.iq-hover:hover {
	background-color: rgb(247, 247, 247);
}

.iq-bg-theme-lighter, .iq-bg-theme-darker {
	/* background-color:rgba(255, 255, 255, 0.3); */
	/* background-color:rgba(230, 230, 230, 0.3); */
	background-color:rgba(36, 36, 36, 0.03);
}

.iq-bg-theme-lighter.iq-hover:hover {
	background-color:rgba(247, 247, 247);
}

.iq-bg-theme-lighter-5 {
	background-color: rgb(250, 250, 250);
}

.iq-bg-theme-lighter-5-opacity8 {
	background-color: rgba(250, 250, 250, 0.8);
}

.iq-bg-theme-opacity-6 {
	background-color: rgba(245, 245, 245, 0.6);
}

.iq-bg-theme-opacity-7 {
	background-color: rgba(245, 245, 245, 0.7);
}

.iq-bg-theme-opacity-9 {
	background-color: rgba(245, 245, 245, 0.9);
}


.iq-bg-theme-lighter-10-opacity8 {
	background-color: rgba(245, 245, 245, 0.8);
	
}

.iq-bg-theme-lighter-5-hover:hover {
	background-color: rgb(250, 250, 250);
	box-shadow: none;
}

.iq-bg-theme-lighter-10 {
	background-color: rgb(245, 245, 245);
}

.iq-bg-theme-lighter-10.iq-hover:hover {
	background-color: rgb(247, 247, 247);
}

.iq-bg-theme-lighter-5.iq-hover:hover {
	background-color: rgb(247, 247, 247);
}

.iq-bg-theme-lighter-15 {
	background-color: rgb(240, 240, 240);
	
}

.iq-bg-theme-lighter-30-opacity7 {
	/* background-color: rgba(62, 58, 74, 0.9); */
	background-color: rgba(225, 225, 225, 0.7);
}

.iq-bg-theme-lighter-15-opacity9 {
	background-color: rgba(240, 240, 240, 0.9);
	
}

.iq-bg-theme-lighter-15-opacity6 {
	background-color: rgba(240, 240, 240, 0.6);
	
}

.iq-bg-theme-lighter-15-opacity8 {
	background-color: rgba(240, 240, 240, 0.8);
	
}

.iq-bg-theme-lighter-15-opacity3 {
	background-color: rgba(240, 240, 240, 0.3);
	
}

.iq-bg-theme-much-much-lighter {
	background-color:rgba(255, 255, 255, 0.8);
	
}

.iq-bg-theme-lighter-15.iq-hover:hover {
	background-color: rgb(247, 247, 247);
}

.iq-bg-theme-lighter-35 {
	background-color: rgb(220, 220, 220);
	
}

.iq-bg-white-darker {
	background-color:rgba(36, 36, 36, 0.04);
}


/* 
	We're stil using a lot of these backgrounds separately from the popups
*/

.iq-bg-background-generic-6 {
	/* background-color: rgba(245, 245, 245, 0.65); */
	background-color: rgba(127, 127, 127, 0.65);
}

.iq-bg-background-generic-7 {
	/* background-color: rgba(245, 245, 245, 0.7); */
	background-color: rgba(127, 127, 127, 0.7);
}

.iq-bg-background-generic-9 {
	/* background-color: rgba(245, 245, 245, 0.80); */
	background-color: rgba(127, 127, 127, 0.8);
}

#grayedOutBackground-AspectEditor {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	/* background: rgba(245, 245, 245, 0.7); */
}

#grayedOutBackground-nativeCheckInPup {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba(245, 245, 245, 0.7);
}

#grayedOutBackground-workspaceFullScreen {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba(245, 245, 245, 1);
	z-index: 4;
}


/*** Accessibility ***/

.iq-focus-bg-theme-lighter-5:focus {
	background-color: rgb(245, 245, 245);
}

/** Font Colors **/
.theme-subduedLinkColor {
	color: rgba(36, 36, 36, 0.7);
	border-bottom: 1px solid rgb(191, 191, 191);
}

.iq-fontColor-subdued {
	color: rgba(36, 36, 36, 0.7);
}

.iq-font-theme {
	color: rgb(36, 36, 36);
}

.iq-font-theme-delta-5 {
	color:rgba(36, 36, 36, 0.95);
}

.iq-font-theme-delta-15 {
	color:rgba(36, 36, 36, 0.85);
}

.iq-border-theme-delta-15 {
	color:rgba(36, 36, 36, 0.85);
}

.iq-font-theme-delta-25 {
	color:rgba(36, 36, 36, 0.75);
}

.iq-font-theme-delta-35 {
	color:rgba(36, 36, 36, 0.65);
}

.iq-font-theme-delta-50 {
	color:rgba(36, 36, 36, 0.5);
}

.iq-font-theme-delta-35.iq-hover:hover {
	color: rgba(36, 36, 36, 0.65) !important;
}

.iq-bg-button-secondary {
	/* background-color:rgba(36, 36, 36, 0.65); */
	/* background-color: white; */
	background-color: hsl(0, 0%, 100%);
}

.iq-bg-button-secondary:hover {
	/* background-color: rgb(250, 250, 250) !important; */
	background-color: hsl(0, 0%, 96%) !important;
}

.iq-bg-button-primary {
	/* background-color: rgb(36, 36, 36); */
	background-color: hsl(0, 0%, 14%);
}

.iq-bg-button-primary:hover {
	/* background-color: rgb(41, 41, 41) !important; */
	background-color: hsl(0, 0%, 17%) !important;
	/* filter: brightness(80%); */
}

.iq-bg-button-primary.iq-no-bg-hover:hover {
	background-color: hsl(0, 0%, 14%) !important;
	/* background-color: inherit !important; */
	/* color: rgb(36, 36, 36); */
}

.iq-font-brandColor-theme {
	/* clear night base */
	color: #e48b07;
}

.onboarding-breadcrumbs  .active-breadcrumb, 
.intake-onboarding-breadcrumbs .active-breadcrumb, .reflWiz-activeBreadcrumb {
	background-color: rgb(36, 36, 36);
}


input[type=range]::-moz-range-thumb {
	background-color: rgb(36, 36, 36);
}

input[type=range]::-ms-thumb {
	background-color: rgb(36, 36, 36);
}

.js-dragTargetDropIndicator {
	background-color: rgb(36, 36, 36);
}


.iq-resizePanelBar:hover {
	background-color: rgb(36, 36, 36) !important;
}

.iq-resizePanelBar-hover {
	background-color: rgb(36, 36, 36) !important;
}

input[type=range]::-webkit-slider-thumb {
	background-color: rgb(36, 36, 36) !important;
}

.iq-activeTab {
	border-bottom: 2px solid rgb(36, 36, 36);
}

.iq-activeIconButtonTab {
	background-color: rgb(245, 245, 245);
}


/** Border Colors **/

.iq-border-theme {
	border-color: rgb(36, 36, 36) !important;
}

.iq-border-theme-darker-5 {
	border-color: rgba(36, 36, 36, 0.95) !important;
}

.iq-border-theme-darker-15 {
	border-color: rgba(36, 36, 36, 0.85) !important;
}

.iq-border-theme-darker-35 {
	border-color: rgba(36, 36, 36, 0.66) !important;
}

.iq-border-theme-darker-35.iq-hover:hover {
	border-color: rgba(36, 36, 36, 0.85) !important;
}

.iq-border-bg-lighter {
	/* background-color:rgba(132, 126, 154, 0.06); */
	border-color: rgba(255, 255, 255, 0.05);
}

.iq-border-theme-delta-95 {
	border-color: rgba(0, 0, 0, 0.05) !important;
}

.iq-border-theme-delta-5 {
	border-color: rgba(0, 0, 0, 0.15) !important;
}

.iq-border-theme-delta-85 {
	/* border-color: rgba(73, 73, 73, 0.15) !important; */
	border-color: rgba(85, 85, 85, 0.15) !important;
}

.iq-border-theme-delta-65 {
	/* border-color: rgba(36, 36, 36, 0.35) !important; */
	border-color: rgba(0, 0, 0, 0.65) !important;
}

.iq-border-theme-delta-35 {
	/* border-color: rgba(0, 0, 0, 0.35) !important; */
	border-color: rgb(220, 220, 220);
}

.iq-border-theme-delta-35.iq-hover:hover {
	border-color: rgba(0, 0, 0, 0.35) !important;
}
.iq-border-theme-delta-35.iq-hover:hover {
	border-color: rgba(0, 0, 0, 0.35) !important;
}

span.fancytree-focused span.fancytree-title {
	/* outline: 1px dotted rgba(0, 0, 0, 0.1) !important; */
}

span.fancytree-active span.fancytree-title {
	/* background-color: rgba(72, 69, 84, 0.1) !important; */
	/* background-color: unset !important; */
	background-color:rgba(230, 230, 230, 0.3) !important;
	box-shadow: 0px 0px 6px rgb(0, 0, 0, 0.10) !important;
}

.fancytree-treefocus span.fancytree-active span.fancytree-title {
	/* background-color: rgba(72, 69, 84, 0.1) !important; */
	/* background-color: unset !important; */
	background-color:rgba(230, 230, 230, 0.3) !important;
	box-shadow: 0px 0px 6px rgb(0, 0, 0, 0.10) !important;
}


/*** ##Shadows ***/


.iq-shadow-card {
	box-shadow: 0px 2px 8px 2px rgba(0, 0, 0, 0.12);
}

.iq-shadow-app-bar {
	box-shadow: 0px 2px 8px 2px rgba(0, 0, 0, 0.12);
}

.iq-shadow-nav-drawer {
	box-shadow: 0px 2px 8px 2px rgba(0, 0, 0, 0.12);
}

.iq-shadow-primary-button {
	box-shadow: 0px 2px 8px 2px rgba(0, 0, 0, 0.12);
}

.iq-shadow-secondary-button {
	box-shadow: 0px 2px 8px 2px rgba(0, 0, 0, 0.12);
}

.iq-shadow-icon-button {
	box-shadow: 0px 2px 8px 2px rgba(0, 0, 0, 0.12);
}

.iq-shadow-menu {
	box-shadow: 0px 2px 8px 8px rgba(0, 0, 0, 0.12);
}

.iq-shadow-dark-high {
	box-shadow: -1px -2px 4px 0px rgba(0, 0, 0, 0.05);
}

.iq-shadow {
	box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.10);
}

.iq-shadow-white-glow {
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05);
}

.iq-shadow-dark-low {
	box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.25);
}

.iq-shadow-glow {
	box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.25);
}

.iq-shadow-paper {
	/* box-shadow: -2px 2px 3px 2px rgba(0, 0, 0, 0.25); */
	box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.25);

}

.iq-shadow-paper-symmetric {
	box-shadow: -0px 0px 3px 2px rgba(0, 0, 0, 0.15);
}

.iq-shadow-paper-button {
	box-shadow: -1px 1px 2px 1px rgba(0, 0, 0, 0.25);
}

.iq-shadow-paper-left {
	box-shadow: -1px -1px 2px 1px rgba(0, 0, 0, 0.25);
}


/** TextArea Placeholder Font Color **/

[contenteditable=true]:empty:before {
	content: attr(placeholder);
	display: block; /* For Firefox */
	color: rgba(36, 36, 36, 0.65);
}

.iq-placeholder-font-carbon > [contenteditable=true]:empty:before {
	content: attr(placeholder);
	display: block; /* For Firefox */
	color: rgb(36, 36, 36);
}

.iq-placeholder-font-theme-delta-35::-webkit-input-placeholder {
	color: rgba(36, 36, 36, 0.65);
}
  
.iq-placeholder-font-theme-delta-35::-moz-placeholder { /* Firefox 18- */
	color: rgba(36, 36, 36, 0.65);  
}
  
.iq-placeholder-font-theme-delta-35::-moz-placeholder {  /* Firefox 19+ */
	color: rgba(36, 36, 36, 0.65);  
}
  
.iq-placeholder-font-theme-delta-35::-ms-input-placeholder {
	color: rgba(36, 36, 36, 0.65);  
}
  
.iq-placeholder-font-theme-delta-35::placeholder {
	color: rgba(36, 36, 36, 0.65);  
}



input[type=checkbox]:checked ~ .moment-checkBoxButton-longText {
	border: 1px solid rgb(36, 36, 36);
	color: rgb(36, 36, 36);
}

input[type=range]::-webkit-slider-runnable-track {
	width: 100%;
	height: 5px;
	cursor: pointer;
	animate: 0.2s;
	background: rgba(133, 132, 132, 0.4) !important;
	/* background: rgb(40,40,40); */
	border-radius: 20px;
}

input[type=range]::-ms-track {
	width: 100%;
	height: 5px;
	cursor: pointer;
	animate: 0.2s;
	background: rgba(36, 36, 36, 0.4);
	border-radius: 20px;
	border-color: transparent;
	border-width: 16px 0;
	color: transparent;
}

input[type=range]::-ms-fill-lower {
	background: rgb(36, 36, 36);
	border-radius: 2.6px;
}

input[type=range]::-ms-fill-upper {
	background:rgb(36, 36, 36);
	border-radius: 2.6px;
	box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}

input[type=range]:focus::-ms-fill-lower {
	background: rgb(36, 36, 36);
}

input[type=range]:focus::-ms-fill-upper {
	background: rgb(36, 36, 36);
}


.moment-radioButton:hover {
	border: 1px solid rgb(36, 36, 36);
	color: rgb(36, 36, 36);
}

input[type=radio]:checked ~ .moment-radioButton {
	border: 1px solid rgb(36, 36, 36);
	background-color: rgb(36, 36, 36);
	color: rgb(255, 255, 255);
}

.iq-scrollBar::-moz-scrollbar-thumb, .iq-scrollBar::-moz-scrollbar-thumb:hover {
	background-color:rgb(36, 36, 36);
  /*   outline: 1px solid slategrey; */
	border-radius: 6px;
}

[tooltip]::after {
    background: rgb(255, 255, 255);
    color: rgb(36, 36, 36);
}

[tooltip-wrap='true']::after {
    background: rgb(255, 255, 255);
    color: rgb(36, 36, 36);
}

/*TOOLTIPS*/ 
.tip, #questionArea, #questionAreaTop {
	font-size: 14px;
	line-height: 18px;
	text-align: left;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	z-index: 999;
	padding: 25px;
	background: rgb(255, 255, 255);
	box-shadow: -2px 2px 3px 2px rgba(0, 0, 0, 0.15);
} 
.tip, .tip h1, .tip h2, .tip h3, .tip h4, #pup h1, #pup h2, #pup h3, #pup h4 {
	color: rgb(36, 36, 36);
}

#moment-popupContainer-alert, #moment-popupContainer-top, #moment-popupContainer-top-fullScreen, #moment-popupContainer-top-noClose, #moment-popupContainer-middle, #moment-popupContainer-middle-fullScreen, #moment-popupContainer-middle-noClose, #moment-popupContainer-base, #moment-popupContainer-base-fullScreen, #moment-popupContainer-base-noClose {
	color: rgb(36, 36, 36);
}

.iq-formCard {
	background-color:rgb(255, 255, 255);
}

.noUi-connects {
	background: rgba(36, 36, 36, 0.4);
}

.noUi-target {
	background: #ffffff;
	border-radius: 4px;
	border: 1px solid #434343;
  /*   box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB; */
}

.js-nlpParagraphMarkup {
	background:rgba(0, 0, 0, 0.03);
 }

 /* Quilljs */
 .ql-editor td {
	border: 1px solid #ffffff;
}

.ql-editor li[data-list=checked]>.ql-ui,
.ql-editor li[data-list=unchecked]>.ql-ui {
	color: #a1a1a1
}

.ql-editor.ql-blank::before {
	color: rgba(0, 0, 0, 0.4);
}

.ql-bubble.ql-toolbar button:hover,
.ql-bubble .ql-toolbar button:hover,
.ql-bubble.ql-toolbar button:focus,
.ql-bubble .ql-toolbar button:focus,
.ql-bubble.ql-toolbar button.ql-active,
.ql-bubble .ql-toolbar button.ql-active,
.ql-bubble.ql-toolbar .ql-picker-label:hover,
.ql-bubble .ql-toolbar .ql-picker-label:hover,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active,
.ql-bubble.ql-toolbar .ql-picker-item:hover,
.ql-bubble .ql-toolbar .ql-picker-item:hover,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected {
	color: rgb(36, 36, 36)
}

.ql-bubble.ql-toolbar button:hover .ql-fill,
.ql-bubble .ql-toolbar button:hover .ql-fill,
.ql-bubble.ql-toolbar button:focus .ql-fill,
.ql-bubble .ql-toolbar button:focus .ql-fill,
.ql-bubble.ql-toolbar button.ql-active .ql-fill,
.ql-bubble .ql-toolbar button.ql-active .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-bubble.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
	fill: rgb(36, 36, 36)
}

.ql-bubble.ql-toolbar button:hover .ql-stroke,
.ql-bubble .ql-toolbar button:hover .ql-stroke,
.ql-bubble.ql-toolbar button:focus .ql-stroke,
.ql-bubble .ql-toolbar button:focus .ql-stroke,
.ql-bubble.ql-toolbar button.ql-active .ql-stroke,
.ql-bubble .ql-toolbar button.ql-active .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-bubble.ql-toolbar button:hover .ql-stroke-miter,
.ql-bubble .ql-toolbar button:hover .ql-stroke-miter,
.ql-bubble.ql-toolbar button:focus .ql-stroke-miter,
.ql-bubble .ql-toolbar button:focus .ql-stroke-miter,
.ql-bubble.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-bubble .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
	stroke: rgb(36, 36, 36)
}

@media (pointer:coarse) {

	.ql-bubble.ql-toolbar button:hover:not(.ql-active),
	.ql-bubble .ql-toolbar button:hover:not(.ql-active) {
		color: #777
	}

	.ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-fill,
	.ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-fill,
	.ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
	.ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
		fill: #777
	}

	.ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
	.ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
	.ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
	.ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
		stroke: #777
	}
}

.ql-bubble .ql-stroke {
	stroke: #777;
}

.ql-bubble .ql-stroke-miter {
	stroke: #777;
}

.ql-bubble .ql-fill,
.ql-bubble .ql-stroke.ql-fill {
	fill: #777
}

.ql-bubble .ql-editor code,
.ql-bubble .ql-editor .ql-code-block-container {
	background-color: #141414;
}

.ql-bubble .ql-editor .ql-code-block-container {
	background-color: #23241f;
	color: #4e4e4c;
}

.ql-bubble .ql-picker {
	color: #777;
}

.ql-bubble .ql-picker-options {
	background-color: #b9b9b9;
}

.ql-bubble .ql-picker.ql-expanded .ql-picker-label {
	color: #929292;
}

.ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-fill {
	fill: #929292
}

.ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
	stroke: #929292
}

.ql-bubble .ql-color-picker.ql-background .ql-picker-item {
	background-color: rgb(36, 36, 36)
}

.ql-bubble .ql-color-picker.ql-color .ql-picker-item {
	background-color: #ffffff
}

.ql-bubble .ql-color-picker .ql-picker-item.ql-selected,
.ql-bubble .ql-color-picker .ql-picker-item:hover {
	border-color: rgb(36, 36, 36)
}

.ql-bubble .ql-tooltip {
	background-color: #ebebeb;
	color: rgb(36, 36, 36);

}

.ql-bubble .ql-tooltip:not(.ql-flip) .ql-tooltip-arrow {
	border-bottom: 6px solid #ebebeb;
	top: -6px;
	box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.25);
}

.ql-bubble .ql-tooltip.ql-flip .ql-tooltip-arrow {
	border-top: 6px solid #ebebeb;
}

.ql-bubble .ql-tooltip-editor input[type=text] {
	color: rgb(36, 36, 36)
}

.ql-bubble .ql-tooltip-editor a:before {
	color: #3a3a3a;
}


.ql-container.ql-bubble:not(.ql-disabled) a:not(.ql-close)::before {
	background-color: #ebebeb;
}

.ql-container.ql-bubble:not(.ql-disabled) a:not(.ql-close)::after {
	border-top: 6px solid #ebebeb;
}