.sl-px-24 {
    padding-left: 20px;
    padding-right: 10px;
}

.sl-py-16 {
    padding-bottom: 10px;
    padding-top: 10px;
}

.sl-pt-8 {
    padding-top: 0px;
}

.sl-text-heading {
    /*display: none;*/
}

.sl-font-bold {
    font-weight: 500;
}

.sl-font-semibold {
    font-weight: 500;
}

.sl-mb-5 {
    display: none;
}

.sl-px-4 {
    display: none;
}

.sl-bg-canvas-100 {
	background-color: #fafafa;
	border: none;
}

.sl-pl-4 {
    padding-left: 0px;
}

.sl-flex-col {
    color: black;
	padding-left: 0px!important;
}

a {
	color: black;
}

.sl-elements .OperationParametersContent {
	color: black;
}

div.SendButtonHolder {
	display: none;
}

h1
{
	font-size: 2.2em !important;
	color: #666;
	font-weight: 500 !important;
}

h2
{
	font-size: 1.8em !important;
	color: #666;
	font-weight: 500 !important;
}

h3
{
	font-size: 1.6em !important;
	color: #666;
	font-weight: 400 !important;
}


/*attempt to add line under H3, but H2 and H3 share same parent
div.sl-stack.sl-stack--horizontal.sl-stack--6.sl-flex.sl-flex-row.sl-items-center
{
	border-bottom-color: #ccc;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}
*/

.sl-bg-primary-tint
{
	background-color: transparent !important;
	color: #F8941C !important;
	font-weight: 500;
}

.sl-font-ui {
    font-family: proxima-nova, arial, sans-serif !important;
}

a:hover {
  color: black;
}

#toc-resize-handle {
  position: fixed;
  top: 0;
  width: 6px;
  height: 100%;
  cursor: col-resize;
  background: transparent;
  z-index: 1000;
  transition: background-color 0.15s;
}

#toc-resize-handle:hover,
#toc-resize-handle:active {
  background-color: rgba(0, 0, 0, 0.12);
}