:root {

	--black		: rgba(0,		0,	0,	1);
	--grey-16		: rgba(16,	16,	16,	1);
	--grey-32		: rgba(32,	32,	32,	1);
	--grey-48		: rgba(48,	48,	48,	1);
	--grey-64		: rgba(64,	64,	64,	1);
	--grey-80		: rgba(80,	80,	80,	1);
	--grey-96		: rgba(96,	96,	96,	1);
	--grey-112	: rgba(112,	112,	112,	1);
	--grey-128	: rgba(128,	128,	128,	1);
	--grey-144	: rgba(144,	144,	144,	1);
	--grey-160	: rgba(160,	160,	160,	1);
	--grey-176	: rgba(176,	176,	176,	1);
	--grey-192	: rgba(192,	192,	192,	1);
	--grey-208	: rgba(208,	208,	208,	1);
	--grey-224	: rgba(224,	224,	224,	1);
	--grey-240	: rgba(240,	240,	240,	1);
	--white		: rgba(255,	255,	255,	1);

	--accent-xlight    	: rgba(65,161,102,1);
	--accent-light    	: rgba(36,145,77,1);
	--accent-default   	: rgba(0,141,54,1);
	--accent-dark 		: rgba(19,112,55,1);
	--accent-xdark 		: rgba(18,78,71,1);

	--accent-o05 		: rgba(0,141,54,.05);
	--accent-o10 		: rgba(0,141,54,.1);
	--accent-o25 		: rgba(0,141,54,.25);
	--accent-o50 		: rgba(0,141,54,.5);
	--accent-o75 		: rgba(0,141,54,.75);
	
}

rgb(0 141 54)
.metro-no-touch-device.scrollbar-type-0 ::-webkit-scrollbar {  		width: 6px;}
.metro-no-touch-device.scrollbar-type-0 ::-webkit-scrollbar-thumb {  	background-color: var(--accent-default);}
.metro-no-touch-device.scrollbar-type-0 ::-webkit-scrollbar-track {  	background-color: transparent;	opacity:0;}

.bg-scheme {
  background-color: var(--white) !important;
}
.fg-scheme {
  color: var(--grey-64) !important;
}
.bg-scheme-secondary {
  background-color: #f5f5f5 !important;
}
.fg-scheme-secondary {
  color: var(--grey-64) !important;
}
.bg-control {
  background-color: var(--accent-default) !important;
}
.fg-control {
  color: var(--white) !important;
}
.bd-default {
  border-color: var(--accent-default) !important;
}
.disabled {
  cursor: default;
}
body {
  font-size: 16px;
  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Roboto", "Ubuntu", "Helvetica Neue", sans-serif;
  color: var(--grey-64);
  background-color: var(--white);
}
hr {
  background-color: var(--accent-default);
}
input[type=text],
input[type=password],
input[type=tel],
input[type=datetime-local],
input[type=email],
input[type=file],
input[type=month],
input[type=number],
input[type=search],
input[type=time],
input[type=url],
input[type=week],
input[type=file],
select,
textarea,
.file,
.input,
.textarea,
.select {
  background-color: var(--white);
  color: var(--grey-64);
  border-color: var(--accent-default) !important;
}
input[type=text]:focus,
input[type=password]:focus,
input[type=tel]:focus,
input[type=datetime-local]:focus,
input[type=email]:focus,
input[type=file]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=search]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus,
input[type=file]:focus,
select:focus,
textarea:focus,
.file:focus,
.input:focus,
.textarea:focus,
.select:focus,
input[type=text].focused,
input[type=password].focused,
input[type=tel].focused,
input[type=datetime-local].focused,
input[type=email].focused,
input[type=file].focused,
input[type=month].focused,
input[type=number].focused,
input[type=search].focused,
input[type=time].focused,
input[type=url].focused,
input[type=week].focused,
input[type=file].focused,
select.focused,
textarea.focused,
.file.focused,
.input.focused,
.textarea.focused,
.select.focused {
  -webkit-box-shadow: 0 0 0 3px var(--accent-o10);
          box-shadow: 0 0 0 3px var(--accent-o10);
}
.input,
.select,
.textarea,
.file {
  border-style: solid!important;
}
.input .prepend,
.select .prepend,
.textarea .prepend,
.file .prepend {
  background-color: var(--accent-default);
  color: var(--white);
}
.input input,
.select input,
.textarea input,
.file input,
.input select,
.select select,
.textarea select,
.file select,
.input textarea,
.select textarea,
.textarea textarea,
.file textarea {
  -webkit-box-shadow: none!important;
          box-shadow: none!important;
  border-color: transparent;
}
.file .button {
  background-color: var(--accent-default);
  color: var(--white);
}
.select .active a {
  background-color: var(--accent-default) !important;
  color: var(--white) !important;
}
.checkbox .check {
  border-color: var(--accent-default);
}
.checkbox .check::before {
  border-color: var(--grey-64);
}
.checkbox input[type=checkbox]:checked ~ .check {
  border-color: var(--accent-default);
  background-color: var(--accent-default);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.checkbox input[type=checkbox]:checked ~ .check::before {
  border-color: var(--white);
}
.checkbox input[type=checkbox]:disabled ~ .check {
  border-color: var(--accent-o25);
  background-color: var(--accent-o25);
}
.checkbox input[type=checkbox]:disabled ~ .check::before {
  border-color: var(--accent-o25);
}
.checkbox input[data-indeterminate=true] ~ .check {
  border-color: var(--accent-default);
  background-color: var(--accent-default);
}
.radio .check {
  border-color: var(--accent-default);
}
.radio input[type=radio]:checked ~ .check {
  border-color: var(--accent-default);
  background-color: var(--accent-default);
}
.radio input[type=radio]:checked ~ .check::before {
  border-color: var(--white);
  background-color: var(--white);
}
.radio input[type=radio]:disabled ~ .check {
  border-color: var(--accent-o25);
  background-color: var(--accent-o25);
}
.radio input[type=radio]:disabled ~ .check::before {
  border-color: var(--accent-o25);
  background-color: var(--accent-o25);
}
.checkbox .check,
.radio .check {
  color: var(--white);
}
.switch .check {
  border-color: var(--accent-default);
}
.switch .check::after {
  border-color: var(--accent-default);
  background-color: var(--accent-default);
}
.switch input[type="checkbox"]:checked ~ .check {
  border-color: var(--accent-default);
  background-color: var(--accent-default);
}
.switch input[type="checkbox"]:disabled ~ .check {
  border-color: var(--accent-o25);
  background-color: var(--accent-o25);
}
.switch input[type="checkbox"]:disabled ~ .check::after {
  border-color: var(--accent-o25);
  background-color: var(--accent-o25);
}
.switch input[type="checkbox"]:disabled:not(:checked) ~ .check::after {
  opacity: 0.5;
}
.button,
.command-button,
.shortcut,
.tool-button {
  background-color: var(--accent-default);
  color: var(--white);
}
.button:active,
.command-button:active,
.shortcut:active,
.tool-button:active,
.button.focus,
.command-button.focus,
.shortcut.focus,
.tool-button.focus,
.button:focus,
.command-button:focus,
.shortcut:focus,
.tool-button:focus {
  -webkit-box-shadow: 0 0 0 3px var(--accent-o10);
          box-shadow: 0 0 0 3px var(--accent-o10);;
}
.button:hover,
.command-button:hover,
.shortcut:hover,
.tool-button:hover {
  background-color: var(--accent-light);;
}
.info-button {
  border-color: var(--accent-default);
}
.info-button .button {
  background-color: var(--accent-default);
  color: var(--white);
}
.info-button .button:hover {
  background-color: var(--accent-light);;
}
.image-button {
  border-color: var(--accent-default);
}
.image-button .icon {
  background-color: var(--accent-default);
  color: var(--white);
}
.image-button .icon:hover {
  background-color: var(--accent-light);;
}
.breadcrumbs {
  background-color: var(--white);
  color: var(--accent-default);
}
.breadcrumbs .page-item::before,
.breadcrumbs .page-item::after {
  background-color: var(--accent-default) !important;
}
.breadcrumbs .page-link:hover {
  color: var(--accent-light);;
}
.pagination .page-item:not(.no-link) {
  background-color: var(--accent-default);
  color: var(--white);
  border: 1px var(--accent-default) solid;
}
.pagination .page-item.active,
.pagination .page-item:hover {
  background-color: var(--accent-light);;
}
.pagination .no-link {
  background-color: transparent;
  color: var(--accent-default);
}
.accordion .frame .heading {
  background-color: var(--accent-default);
  color: var(--white);
}
.accordion .frame {
  margin: 0;
}
.accordion .frame + .frame {
  border-top: 1px var(--accent-o25) solid;
}
.h-menu {
  background-color: var(--accent-default);
  color: var(--white);
}
.h-menu > li > a.dropdown-toggle::before {
  border-color: var(--white);
}
.d-menu,
.v-menu {
  background-color: var(--white) !important;
  color: var(--accent-default);
  border: 1px solid var(--accent-default);
  -webkit-box-shadow: none;
          box-shadow: none;
}
.d-menu .dropdown-toggle::before,
.v-menu .dropdown-toggle::before {
  border-color: var(--accent-default) !important;
}
.d-menu li:hover,
.v-menu li:hover {
  background-color: var(--accent-default) !important;
  color: var(--white) !important;
}
.d-menu li:hover .dropdown-toggle::before,
.v-menu li:hover .dropdown-toggle::before {
  border-color: var(--white) !important;
}
.d-menu .divider,
.v-menu .divider {
  background-color: var(--accent-default) !important;
}
.d-menu .menu-title,
.v-menu .menu-title {
  background-color: var(--accent-dark);
  color: var(--white);
}
.d-menu .disabled,
.v-menu .disabled {
  color: var(--accent-o25) !important;
}
.v-menu .v-menu {
  border: none!important;
}
.t-menu {
  background-color: var(--accent-default);
  color: var(--white);
  -webkit-box-shadow: none;
          box-shadow: none;
}
.t-menu li a {
  border-color: rgba(255, 255, 255, 0.25) !important;
}
.t-menu .dropdown-toggle::after {
  border-color: transparent transparent var(--white) transparent;
}
.app-bar {
  background-color: var(--accent-default);
  color: var(--white);
}
.app-bar .dropdown-toggle::before {
  border-color: var(--white);
}
.app-bar .app-bar-menu li .d-menu,
.app-bar .app-bar-container .d-menu {
  background-color: var(--accent-default) !important;
  color: var(--white) !important;
}
.app-bar .app-bar-menu li .d-menu li:hover,
.app-bar .app-bar-container .d-menu li:hover {
  background-color: rgba(29, 29, 29, 0.1) !important;
}
.app-bar .app-bar-menu li .divider,
.app-bar .app-bar-container .divider {
  background-color: rgba(255, 255, 255, 0.25);
}
[class*=app-bar-expand] .app-bar-menu li .d-menu,
[class*=app-bar-expand] .app-bar-container .d-menu {
  -webkit-box-shadow: none!important;
          box-shadow: none!important;
  border: 1px solid var(--accent-default) !important;
  background-color: var(--white) !important;
  color: var(--accent-default) !important;
}
[class*=app-bar-expand] .app-bar-menu li .d-menu li:hover,
[class*=app-bar-expand] .app-bar-container .d-menu li:hover {
  background-color: var(--accent-default) !important;
  color: var(--white) !important;
}
.calendar {
  border-color: var(--accent-default);
}
.calendar .calendar-header {
  background-color: var(--accent-default);
  color: var(--white);
}
.calendar .day.today {
  background-color: var(--accent-default);
}
.calendar .day.selected {
  -webkit-box-shadow: 0 0 0 1px var(--accent-default) !important;
          box-shadow: 0 0 0 1px var(--accent-default) !important;
}
.calendar .day.selected::after {
  border-top-color: var(--accent-default);
}
.calendar .calendar-years > .years-list li.active,
.calendar .calendar-months > .months-list li.active {
  background-color: var(--accent-default);
  color: var(--white);
}
.calendar .calendar-footer {
  border-top-color: var(--accent-o25);
}
.calendar .week-days {
  border-top-color: var(--accent-o25);
  border-bottom-color: var(--accent-o25);
}
[class*=calendar-wide] .calendar-footer {
  border-left-color: var(--accent-o25);
}
.countdown {
  line-height: 1.5;
}
.countdown .part {
  color: var(--grey-64);
}
.wheel-picker {
  background-color: var(--white);
  color: var(--grey-64);
}
.wheel-picker .date-wrapper,
.wheel-picker .time-wrapper {
  border-color: var(--accent-default);
}
.wheel-picker .select-wrapper {
    border-color: var(--accent-default);
	-webkit-box-shadow: 2px 2px 5px 0 rgb(0 0 0 / 40%);
    box-shadow: 2px 2px 5px 0 rgb(0 0 0 / 40%)
}
.wheel-picker .select-block {
  background-color: var(--white);
  color: var(--grey-64);
}
.wheel-picker .select-block ul {
  border-color: var(--accent-o25);
}
.wheel-picker .action-block {
  border-top: 1px var(--accent-o25) solid;
}
.wheel-picker .action-block .button {
  color: var(--white);
}
.wheel-picker .select-block::before {
    background-color: var(--accent-o25);
}
.dialog {
  background-color: var(--white);
  color: var(--grey-64);
  border: 1px solid var(--accent-default);
}
.dialog .dialog-actions {
  border-top-color: var(--accent-default);
}
.keypad .keys {
  background-color: var(--white);
  border-color: var(--accent-default);
  color: var(--grey-64);
}
.keypad .key.service-key {
  background-color: var(--accent-dark);
}
.hint {
  background-color: #f5f5f5;
  color: var(--grey-64);
}
.listview {
  background-color: var(--white);
  color: var(--grey-64);
}
.listview .node:hover {
  background-color: var(--accent-o25);
  color: var(--black);
}
.listview .node.current-select {
  background-color: var(--accent-default);
  color: var(--white);
  border-color: var(--accent-default) !important;
}
.listview .node-group .node-toggle::before {
  border-color: var(--grey-64);
}
.listview.view-content .node + .node {
  border-top-color: var(--accent-default);
}
.master {
  background-color: #f5f5f5;
  color: var(--grey-64);
}
.master .controls .next,
.master .controls .prev {
  color: var(--accent-default);
}
.master .controls .next.disabled,
.master .controls .prev.disabled {
  color: var(--accent-o25);
}
.master .pages {
  border-color: var(--accent-default);
}
.navview .navview-pane {
  background-color: #f5f5f5;
  color: var(--grey-64);
}
.navview .navview-pane .pull-button:hover,
.navview .navview-pane .holder:hover,
.navview .navview-pane .navview-menu li a:hover {
  background-color: rgba(29, 29, 29, 0.1);
}
.navview .navview-pane .pull-button:active,
.navview .navview-pane .holder:active,
.navview .navview-pane .navview-menu li a:active,
.navview .navview-pane .pull-button:focus,
.navview .navview-pane .holder:focus,
.navview .navview-pane .navview-menu li a:focus {
  background-color: var(--accent-dark);
}
.navview .navview-pane .pull-button:focus,
.navview .navview-pane .holder:focus,
.navview .navview-pane .navview-menu li a:focus {
  border: 2px solid var(--accent-dark);
}
.navview .navview-pane .dropdown-toggle::after {
  border-color: transparent transparent var(--white) transparent;
}
.navview .navview-content {
  background-color: var(--white);
  color: var(--grey-64);
}
.notify {
  background-color: #f5f5f5;
  color: var(--grey-64);
  border: 1px solid var(--accent-default);
}
.panel {
  background-color: #f5f5f5;
  color: var(--grey-64);
  border-color: var(--accent-o25) !important;
}
.panel .panel-title {
  background-color: var(--accent-default);
  color: var(--white);
  border-bottom-color: rgba(255, 255, 255, 0.25);
}
.panel .panel-title .dropdown-toggle {
  border-left-color: rgba(255, 255, 255, 0.25);
}
.panel .panel-title .dropdown-toggle::before {
  border-color: var(--white);
}
.panel .panel-title .icon {
  border-right-color: rgba(255, 255, 255, 0.25);
}
.window {
  border-color: var(--accent-o25);
  background-color: var(--white);
  color: var(--grey-64);
}
.window .window-caption {
  background-color: var(--accent-default);
  color: var(--white);
}
.window .window-content {
  background-color: #f5f5f5;
  color: var(--grey-64);
}
.resize-element::after {
  border-bottom-color: var(--accent-default);
}
.popover {
  background-color: #f5f5f5;
  color: var(--grey-64);
  border-color: var(--accent-default);
}
.rating .stars li {
  color: var(--accent-o25);
}
.rating .stars li.on {
  color: var(--accent-default);
}
.rating:not(.static) .stars:hover li {
  color: var(--accent-default);
}
.rating:not(.static) .stars li:hover ~ li {
  color: var(--accent-o25) !important;
}
.sidenav-simple,
.sidenav-counter {
  background-color: var(--white);
  color: var(--accent-default);
}
.sidenav-simple .active,
.sidenav-counter .active,
.sidenav-simple li.active:hover,
.sidenav-counter li.active:hover {
  background-color: var(--accent-default);
  color: var(--white);
}
.sidenav-simple li.disabled,
.sidenav-counter li.disabled {
  color: rgba(255, 255, 255, 0.25) !important;
}
.sidenav-m3 {
  background-color: var(--accent-default);
  color: var(--white);
}
.sidenav-m3 a {
  background-color: var(--accent-default);
}
.sidenav-m3 a:hover {
  background-color: rgba(29, 29, 29, 0.1);
}
.sidenav-m3 li.disabled {
  color: rgba(255, 255, 255, 0.25) !important;
}
.sidenav-m3 li + li {
  border-top-color: var(--accent-default);
}
.sidenav-m3 .d-menu {
  background-color: var(--accent-dark) !important;
  border-color: var(--accent-default);
  margin-bottom: 4px;
}
.sidenav-m3 .d-menu li {
  border-color: var(--accent-default) !important;
  color: var(--white) !important;
}
.sidenav-m3 .d-menu li.disabled {
  color: rgba(255, 255, 255, 0.25) !important;
}
.sidenav-m3 .dropdown-toggle::before {
  border-color: var(--white);
}
.slider .backside {
  background-color: var(--accent-o25);
}
.slider .buffer {
  background-color: var(--white);
}
.slider .complete {
  background-color: var(--accent-default);
}
.slider .marker {
  background-color: var(--grey-64);
}
.stepper::before {
  background-color: #f5f5f5;
}
.stepper .step {
  background-color: #f5f5f5;
  color: var(--grey-64);
}
.stepper .step.complete {
  background-color: var(--accent-default);
  color: var(--white);
}
.stepper .step.current {
  background-color: var(--grey-64);
  color: var(--white);
}
.streamer .streams {
  background-color: var(--white);
  color: var(--grey-64);
}
.streamer .streamer-action {
  background-color: var(--accent-default);
  color: var(--white);
}
.streamer .stream {
  border-color: var(--accent-default);
}
.streamer .event-group {
  background-color: var(--white);
  color: var(--grey-64);
}
.streamer .stream-event {
  background-color: #f5f5f5;
  color: var(--grey-64);
  border-color: var(--accent-default);
}
.streamer .stream-event:hover {
  border-color: #6ccbf8;
}
.streamer .stream-event.selected {
  -webkit-box-shadow: 0 0 0 1px var(--accent-default) !important;
          box-shadow: 0 0 0 1px var(--accent-default) !important;
}
.streamer .stream-event.selected::before {
  border-color: var(--grey-64) !important;
}
.streamer .stream-event.selected::after {
  border-top-color: var(--accent-default);
}
.streamer .stream-event-slide .slide-data .title {
  color: var(--grey-64);
}
.streamer .stream-event-slide .slide-data .subtitle,
.streamer .stream-event-slide .slide-data .desc {
  color: var(--grey-64);
}
.table thead {
  border-bottom-color: var(--accent-default);
}
.table tfoot {
  border-top-color: var(--accent-default);
  border-bottom-color: var(--accent-default);
}
.table tfoot th {
  color: var(--white);
}
.table .sortable-column.sort-asc,
.table .sortable-column.sort-desc {
  background-color: var(--accent-default);
  color: var(--white);
}
.table .sortable-column.sort-asc:after,
.table .sortable-column.sort-desc:after {
  color: var(--white);
}
.table.striped tbody tr:nth-child(odd) {
  background: #f5f5f5;
}
.table.table-border {
  border-color: var(--accent-default);
}
.table.cell-border th,
.table.cell-border td {
  border-color: var(--accent-default);
}
.tabs {
  background-color: var(--white)!important;;
  color: var(--white)!important;;
  border-color: var(--accent-default)!important;;
}
.tabs > ul > li {
  background-color: #f5f5f5;
  color: var(--grey-64)!important;;
}
.tabs > ul > li:hover {
  background-color: var(--accent-o10)!important;;
}
.tabs > ul > li.active {
  background-color: var(--accent-default)!important;;
  color: var(--white)!important;;
}
.tabs .disabled {
  color: rgba(255, 255, 255, 0.25) !important;
}
.tabs.vertical > ul {
  border-right-color: var(--accent-default)!important;;
}
.tabs.vertical > ul > li {
  border-right-color: var(--accent-default)!important;;
}
.tabs.vertical > ul > li.active {
  border-color: var(--accent-default)!important;;
}
.tabs.vertical.right > ul {
  border-left-color: var(--accent-default)!important;;
}
.tabs.vertical.right > ul > li {
  border-left-color: var(--accent-default)!important;;
}
.tabs.vertical.right > ul > li.active {
  border-color: var(--accent-default)!important;;
}
[class*=tabs-expand] > ul {
  border-bottom-color: var(--accent-default)!important;;
}
[class*=tabs-expand] > ul > li {
  border-bottom-color: var(--accent-default)!important;;
}
[class*=tabs-expand] > ul > li.active {
  border-color: var(--accent-default)!important;;
}
.topbar {
  background-color: var(--accent-default);
  color: var(--white);
}
.topbar .topbar-brand,
.topbar .topbar-element,
.topbar .topbar-menu {
  color: var(--white);
}
.treeview {
  background-color: var(--white);
  color: var(--grey-64);
}
.treeview .node-toggle::before {
  border-color: var(--grey-64) !important;
}
.treeview li.current > .caption {
  color: var(--grey-64);
}
.wizard {
  background-color: var(--white);
  color: var(--grey-64);
  border-color: var(--accent-default);
}
.wizard > section,
.wizard.section {
  border-color: #000000;
}
.wizard > section:nth-child(1),
.wizard.section:nth-child(1) {
  border-color: var(--accent-default);
}
.wizard > section:nth-child(2),
.wizard.section:nth-child(2) {
  border-color: var(--accent-light);;
}
.wizard > section:nth-child(3),
.wizard.section:nth-child(3) {
  border-color: var(--accent-dark);
}
.wizard > section:nth-child(4),
.wizard.section:nth-child(4) {
  border-color: #0876a9;
}
.wizard > section:nth-child(5),
.wizard.section:nth-child(5) {
  border-color: #076591;
}
.wizard > section:nth-child(6),
.wizard.section:nth-child(6) {
  border-color: #065479;
}
.wizard > section:nth-child(7),
.wizard.section:nth-child(7) {
  border-color: #054360;
}
.wizard > section:nth-child(8),
.wizard.section:nth-child(8) {
  border-color: #043248;
}
.wizard > section:nth-child(9),
.wizard.section:nth-child(9) {
  border-color: #022130;
}
.wizard > section:nth-child(10),
.wizard.section:nth-child(10) {
  border-color: #000000;
}
.wizard > section::before,
.wizard.section::before {
  color: var(--white);
}
.wizard > section.complete,
.wizard.section.complete {
  border-color: #767676;
}
.wizard > section.complete:nth-child(1),
.wizard.section.complete:nth-child(1) {
  border-color: #f5f5f5;
}
.wizard > section.complete:nth-child(2),
.wizard.section.complete:nth-child(2) {
  border-color: #e8e8e8;
}
.wizard > section.complete:nth-child(3),
.wizard.section.complete:nth-child(3) {
  border-color: #dcdcdc;
}
.wizard > section.complete:nth-child(4),
.wizard.section.complete:nth-child(4) {
  border-color: #cfcfcf;
}
.wizard > section.complete:nth-child(5),
.wizard.section.complete:nth-child(5) {
  border-color: #c2c2c2;
}
.wizard > section.complete:nth-child(6),
.wizard.section.complete:nth-child(6) {
  border-color: #b5b5b5;
}
.wizard > section.complete:nth-child(7),
.wizard.section.complete:nth-child(7) {
  border-color: #a9a9a9;
}
.wizard > section.complete:nth-child(8),
.wizard.section.complete:nth-child(8) {
  border-color: #9c9c9c;
}
.wizard > section.complete:nth-child(9),
.wizard.section.complete:nth-child(9) {
  border-color: #8f8f8f;
}
.wizard > section.complete:nth-child(10),
.wizard.section.complete:nth-child(10) {
  border-color: #767676;
}
.wizard > section.complete::before,
.wizard.section.complete::before {
  color: var(--grey-64);
}
.wizard > section.current::before,
.wizard.section.current::before {
  color: var(--grey-64);
  background-color: var(--accent-default);
}
.wizard .action-bar button {
  border-color: var(--accent-default);
  color: var(--white);
}
.ribbon-menu .tabs-holder .static {
  background-color: var(--accent-default);
  color: var(--white);
}
.ribbon-menu .tabs-holder .static:hover {
  border-color: transparent !important;
}
.ribbon-menu .ribbon-button,
.ribbon-menu .ribbon-tool-button,
.ribbon-menu .ribbon-split,
.ribbon-menu .ribbon-main,
.ribbon-menu .ribbon-icon-button {
  color: var(--grey-64);
}
.ribbon-menu .ribbon-button:hover,
.ribbon-menu .ribbon-tool-button:hover,
.ribbon-menu .ribbon-split:hover,
.ribbon-menu .ribbon-main:hover,
.ribbon-menu .ribbon-icon-button:hover {
  border-color: var(--accent-o25);
  background-color: rgba(245, 245, 245, 0.25);
}
.ribbon-menu .ribbon-button:active,
.ribbon-menu .ribbon-tool-button:active,
.ribbon-menu .ribbon-split:active,
.ribbon-menu .ribbon-main:active,
.ribbon-menu .ribbon-icon-button:active,
.ribbon-menu .ribbon-button.active,
.ribbon-menu .ribbon-tool-button.active,
.ribbon-menu .ribbon-split.active,
.ribbon-menu .ribbon-main.active,
.ribbon-menu .ribbon-icon-button.active {
  border-color: var(--accent-o25);
  background-color: rgba(255, 255, 255, 0.25);
}
.ribbon-menu .ribbon-split-button:hover {
  border-color: var(--accent-o25);
}
.ribbon-menu .ribbon-split-button:hover .ribbon-split {
  border-color: var(--accent-o25);
}
.ribbon-menu .ribbon-dropdown {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ribbon-menu .ribbon-dropdown li:hover {
  border-color: var(--accent-o25);
  background-color: rgba(245, 245, 245, 0.25);
}
.ribbon-menu .ribbon-dropdown .checked::after {
  border-color: var(--accent-o25);
  background-color: rgba(245, 245, 245, 0.25);
}
.navview .navview-pane .navview-menu li.active::before {
  background-color: var(--accent-default);
}




/* FIXES  */

.tabs-material {
    margin: 0;
    padding: 0px;
    position: relative;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.tabs-material .tab-marker {
    height: 3px;
    background-color: var(--accent-default);
}
.tabs-material+div {
    min-height: 50vh;
}

.display4{
	font-size: 10vh;
	letter-spacing: -.28rem;
	font-weight: bolder;
	text-transform: uppercase;
}
.display4.alt{
	letter-spacing: -.28rem;
	font-weight: normal;
	text-transform:none ;
}

.display3{
	letter-spacing: -.1rem;	
	font-weight: bold;
}
.display3.alt{
	letter-spacing: -.1rem;	
	font-weight: normal
}

h1{
	letter-spacing: -.075rem;	
}