.preview {
	width: 8.5in;
	padding: 0.5in 1.25in 1in 1.25in;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	margin: auto;
	text-align: justify;
	counter-reset: h1Counter figureCounter h2Counter h3Counter;
	color: black;
	overflow: auto;
}

 .preview h1:before {
	content: counter(h1Counter) ".\0000a0\0000a0";
	font-size: 28pt;
	color: rgb(218, 79, 40)
}

 .preview h1 {
	font-size: 20pt;
	color: rgb(17,41,64);
	padding-bottom: 18pt;
	padding-top: 18pt;
	counter-reset: h2Counter;
	counter-increment: h1Counter;
	clear: both;
}

.preview h2::before {
	content: counter(h1Counter) "." counter(h2Counter) "\0000a0\0000a0";
}

.preview h2 {
	font-size: 16pt;
	color: rgb(45, 142, 194);
	font-weight: bold;
	counter-increment: h2Counter;
	counter-reset: h3Counter;
	padding-top: 12pt;

	/* border-top: 1px dashed black; */
}

.preview h3::before {
	content: counter(h1Counter) "." counter(h2Counter) "." counter(h3Counter) "\0000a0\0000a0";
}

.preview h3 {
	counter-increment: h3Counter;
	font-size: 12pt;
	font-weight: bold;
}

.preview ul {
	margin-left: .25in;
}

.preview li span {
	padding-left: .1in;
}

.preview li.nested {
	list-style-type: none;
}
.preview li.nested ul {
	list-style-type: circle;
}
.preview div.column {
	background-color: rgb(230, 230, 230);
}
.preview {
	background-color: white;
	border: 1px solid rgb(130, 130, 130);
}

.preview table.dashboard {
	width: 100%;
}

.preview table.dashboard thead {
	background-color: rgb(31, 73, 125);
	color: white;
	font-weight: bold;
}
.preview table.dashboard td {
	padding: 0 0 0 0.04in;
}

.preview table.dashboard td.dashboard-item {
	font-size: 14pt;
	width: 1in;
	text-align: center;
	padding: 0;
	vertical-align: middle;
	color: transparent;
}

.preview td.sev-4 {
	text-shadow: 0 0 0 rgb(192, 0, 0);
}

.preview td.sev-3 {
	text-shadow: 0 0 0 rgb(237, 125, 49);
}

.preview td.sev-2 {
	text-shadow: 0 0 0 rgb(255, 192, 0);
}

.preview td.sev-1 {
	text-shadow: 0 0 0 rgb(112, 173, 71);
}

.preview td.sev-0 {
	text-shadow: 0 0 0 rgb(71, 144, 173);
}

.preview table.dashboard tbody tr:nth-child(even) {
	background-color: rgb(238, 236, 225);
}

.preview strong {
	color: inherit;
}

.preview ul {
	list-style: disc
}

.preview .editor:focus {
	outline: 0px solid transparent;
}

.preview figcaption:before {
	content: "Figure " counter(figureCounter) ": ";
	counter-increment: figureCounter;
}
.preview figcaption {
	font-family: arial;
	font-style: italic;
	font-size: 9pt;
	text-align: center;
	color: rgb(31, 73, 125);
}

.preview .image-left {
	text-align: left;
	float: left;
	width: max-content;
}

.preview .image-center {
	text-align: center;
}

.preview .image-right,
.preview .image-right figure {
	float: right;
}

.preview .image-right::after,
.preview .image-right figure::after {
	content: "";
	clear: both;
	display: table;
}

.preview .cke_widget_image {
	margin: 10px;
}

.input, .select select, textarea.textarea {
	color: rgb(54, 54, 54)
}

/* .panel-heading {
	background-color: #2b3e50;
}

.panel {
	background-color: #282c34;
} */

.panel-tabs:not(:last-child) {
	border-bottom: 1px solid #4e5d6c;
}

.panel-tabs span.is-active {

    border-bottom-color: #2b3e50;
    color: #dee5ed;

}

.panel-tabs span {
	cursor: pointer;
    border-bottom: 1px solid #4e5d6c;
    margin-bottom: -1px;
    padding: .5em;
	color: #8694a4;
}

.panel-tabs span:hover {
	color: #dee5ed;
}

.menu-list .link {
	border-radius: 2px;
	/* color: #4a4a4a; */
	display: block;
	padding: .5em .75em;
	cursor: pointer;
}

.menu-list .link.is-active {
	background-color: #8694a4;
	color: #fff;
}

.menu-list .link:hover {
	background-color: #f5f5f5;
	color: #363636;
}

.toasts {
	bottom: 0;
	top: unset !important;
}

.input::placeholder, .select select::placeholder {
	color: #1f2d3b;
}