:root {
    /*--main-color: #ffb81c;*/
    --main-color: #171717;
    --other-sub-color: #ffd16b;
}
.bg-scheme {
    background-color: #ffffff !important;
}

.fg-scheme {
    color: #000000 !important;
}

.bg-scheme-secondary {
    background-color: #F8F8F8 !important;
}

.fg-scheme-secondary {
    color: #3a3a3a !important;
}

.bg-control {
    background-color: var(--main-color) !important;
}

.fg-control {
    color: #ffffff !important;
}

.bd-default {
    border-color:  var(--main-color) !important;
}

.disabled {
    cursor: default;
}

body {
    
    color: #171717;
    background-color: #ffffff;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    vertical-align: baseline;
}

hr {
    background-color:  var(--main-color);
}

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: #ffffff;
    color: #000000;
    border-color:  var(--main-color) !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 rgba(175, 0, 21, 0.45);
        box-shadow: 0 0 0 3px rgba(175, 0, 21, 0.45);
    }

.input,
.select,
.textarea,
.file {
    border-style: solid !important;
}

    .input .prepend,
    .select .prepend,
    .textarea .prepend,
    .file .prepend {
        background-color:  var(--main-color);
        color: #ffffff;
    }

    .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(--main-color);
        color: #ffffff;
    }

    .select .active a {
        background-color:  var(--main-color) !important;
        color: #ffffff !important;
    }

.checkbox .check {
    border-color:  var(--main-color);
}

    .checkbox .check::before {
        border-color: #000000;
    }

.checkbox input[type=checkbox]:checked ~ .check {
    border-color:  var(--main-color);
    background-color:  var(--main-color);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

    .checkbox input[type=checkbox]:checked ~ .check::before {
        border-color: #ffffff;
    }

.checkbox input[type=checkbox]:disabled ~ .check {
    border-color: rgba(175, 0, 21, 0.25);
    background-color: rgba(175, 0, 21, 0.25);
}

    .checkbox input[type=checkbox]:disabled ~ .check::before {
        border-color: rgba(175, 0, 21, 0.25);
    }

.checkbox input[data-indeterminate=true] ~ .check {
    border-color:  var(--main-color);
    background-color:  var(--main-color);
}

.radio .check {
    border-color:  var(--main-color);
}

.radio input[type=radio]:checked ~ .check {
    border-color:  var(--main-color);
    background-color:  var(--main-color);
}

    .radio input[type=radio]:checked ~ .check::before {
        border-color: #ffffff;
        background-color: #ffffff;
    }

.radio input[type=radio]:disabled ~ .check {
    border-color: rgba(175, 0, 21, 0.25);
    background-color: rgba(175, 0, 21, 0.25);
}

    .radio input[type=radio]:disabled ~ .check::before {
        border-color: rgba(175, 0, 21, 0.25);
        background-color: rgba(175, 0, 21, 0.25);
    }

.checkbox .check,
.radio .check {
    color: #ffffff;
}

.switch .check {
    border-color:  var(--main-color);
}

    .switch .check::after {
        border-color:  var(--main-color);
        background-color:  var(--main-color);
    }

.switch input[type="checkbox"]:checked ~ .check {
    border-color:  var(--main-color);
    background-color:  var(--main-color);
}

.switch input[type="checkbox"]:disabled ~ .check {
    border-color: rgba(175, 0, 21, 0.25);
    background-color: rgba(175, 0, 21, 0.25);
}

    .switch input[type="checkbox"]:disabled ~ .check::after {
        border-color: rgba(175, 0, 21, 0.25);
        background-color: rgba(175, 0, 21, 0.25);
    }

.switch input[type="checkbox"]:disabled:not(:checked) ~ .check::after {
    opacity: 0.5;
}

.button,
.command-button,
.shortcut,
.tool-button {
    background-color:  var(--main-color);
    color: #ffffff;
}

    .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 rgba(175, 0, 21, 0.45);
        box-shadow: 0 0 0 3px rgba(175, 0, 21, 0.45);
    }

    .button:hover,
    .command-button:hover,
    .shortcut:hover,
    .tool-button:hover {
        background-color: #960012;
    }

.info-button {
    border-color:  var(--main-color);
}

    .info-button .button {
        background-color:  var(--main-color);
        color: #ffffff;
    }

        .info-button .button:hover {
            background-color: #960012;
        }

.image-button {
    border-color:  var(--main-color);
}

    .image-button .icon {
        background-color:  var(--main-color);
        color: #ffffff;
    }

        .image-button .icon:hover {
            background-color: #960012;
        }

.breadcrumbs {
    background-color: #ffffff;
    color:  var(--main-color);
}

    .breadcrumbs .page-item::before,
    .breadcrumbs .page-item::after {
        background-color:  var(--main-color) !important;
    }

    .breadcrumbs .page-link:hover {
        color: #960012;
    }

.pagination .page-item:not(.no-link) {
    background-color:  var(--main-color);
    color: #ffffff;
    border: 1px  var(--main-color) solid;
}

.pagination .page-item.active,
.pagination .page-item:hover {
    background-color: #960012;
}

.pagination .no-link {
    background-color: transparent;
    color:  var(--main-color);
}

.accordion .frame .heading {
    background-color:  var(--main-color);
    color: #ffffff;
}

.accordion .frame {
    margin: 0;
}

    .accordion .frame + .frame {
        border-top: 1px rgba(175, 0, 21, 0.25) solid;
    }

.h-menu {
    background-color:  var(--main-color);
    color: #ffffff;
}

    .h-menu > li > a.dropdown-toggle::before {
        border-color: #ffffff;
    }

.d-menu,
.v-menu {
    background-color: #ffffff !important;
    color:  var(--main-color);
    border: 1px solid  var(--main-color);
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .d-menu .dropdown-toggle::before,
    .v-menu .dropdown-toggle::before {
        border-color:  var(--main-color) !important;
    }

    .d-menu li:hover,
    .v-menu li:hover {
        background-color:  var(--main-color) !important;
        color: #ffffff !important;
    }

        .d-menu li:hover .dropdown-toggle::before,
        .v-menu li:hover .dropdown-toggle::before {
            border-color: #ffffff !important;
        }

    .d-menu .divider,
    .v-menu .divider {
        background-color:  var(--main-color) !important;
    }

    .d-menu .menu-title,
    .v-menu .menu-title {
        background-color: #7c000f;
        color: #ffffff;
    }

    .d-menu .disabled,
    .v-menu .disabled {
        color: rgba(175, 0, 21, 0.5) !important;
    }

    .v-menu .v-menu {
        border: none !important;
    }

.t-menu {
    background-color:  var(--main-color);
    color: #ffffff;
    -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 #ffffff transparent;
    }

.app-bar {
    background-color:  var(--main-color);
    color: #ffffff;
}

    .app-bar .dropdown-toggle::before {
        border-color: #ffffff;
    }

    .app-bar .app-bar-menu li .d-menu,
    .app-bar .app-bar-container .d-menu {
        background-color:  var(--main-color) !important;
        color: #ffffff !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(--main-color) !important;
    background-color: #ffffff !important;
    color:  var(--main-color) !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(--main-color) !important;
        color: #ffffff !important;
    }

.calendar {
    border-color:  var(--main-color);
}

    .calendar .calendar-header {
        background-color:  var(--main-color);
        color: #ffffff;
    }

    .calendar .day.today {
        background-color:  var(--main-color);
    }

    .calendar .day.selected {
        -webkit-box-shadow: 0 0 0 1px  var(--main-color) !important;
        box-shadow: 0 0 0 1px  var(--main-color) !important;
    }

        .calendar .day.selected::after {
            border-top-color:  var(--main-color);
        }

    .calendar .calendar-years > .years-list li.active,
    .calendar .calendar-months > .months-list li.active {
        background-color:  var(--main-color);
        color: #ffffff;
    }

    .calendar .calendar-footer {
        border-top-color: rgba(175, 0, 21, 0.25);
    }

    .calendar .week-days {
        border-top-color: rgba(175, 0, 21, 0.25);
        border-bottom-color: rgba(175, 0, 21, 0.25);
    }

[class*=calendar-wide] .calendar-footer {
    border-left-color: rgba(175, 0, 21, 0.25);
}

.countdown {
    line-height: 1.5;
}

    .countdown .part {
        color: #000000;
    }

.wheel-picker {
    background-color: #ffffff;
    color: #000000;
}

    .wheel-picker .date-wrapper,
    .wheel-picker .time-wrapper {
        border-color:  var(--main-color);
    }

    .wheel-picker .select-block {
        background-color:  var(--main-color);
        color: #ffffff;
    }

        .wheel-picker .select-block ul {
            border-color: rgba(175, 0, 21, 0.25);
        }

    .wheel-picker .action-block {
        border-top: 1px rgba(175, 0, 21, 0.25) solid;
    }

        .wheel-picker .action-block .button {
            color: #ffffff;
        }

.dialog {
    background-color: #ffffff;
    color: #000000;
    border: 1px solid  var(--main-color);
}

    .dialog .dialog-actions {
        border-top-color:  var(--main-color);
    }

.keypad .keys {
    background-color: #ffffff;
    border-color:  var(--main-color);
    color: #000000;
}

.keypad .key.service-key {
    background-color: #7c000f;
}

.hint {
    background-color: #F8F8F8;
    color: #000000;
}

.listview {
    background-color: #ffffff;
    color: #000000;
}

    .listview .node:hover {
        background-color: rgba(175, 0, 21, 0.25);
        color: #ffffff;
    }

    .listview .node.current-select {
        background-color:  var(--main-color);
        color: #ffffff;
        border-color:  var(--main-color) !important;
    }

    .listview .node-group .node-toggle::before {
        border-color: #000000;
    }

    .listview.view-content .node + .node {
        border-top-color:  var(--main-color);
    }

.master {
    background-color: #F8F8F8;
    color: #000000;
}

    .master .controls .next,
    .master .controls .prev {
        color:  var(--main-color);
    }

        .master .controls .next.disabled,
        .master .controls .prev.disabled {
            color: rgba(175, 0, 21, 0.25);
        }

    .master .pages {
        border-color:  var(--main-color);
    }

.navview .navview-pane {
    background-color: #F8F8F8;
    color: #3a3a3a;
}

    .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: #7c000f;
    }

    .navview .navview-pane .pull-button:focus,
    .navview .navview-pane .holder:focus,
    .navview .navview-pane .navview-menu li a:focus {
        border: 2px solid #7c000f;
    }

    .navview .navview-pane .dropdown-toggle::after {
        border-color: transparent transparent #ffffff transparent;
    }

.navview .navview-content {
    background-color: #ffffff;
    color: #000000;
}

.notify {
    background-color: #F8F8F8;
    color: #3a3a3a;
    border: 1px solid  var(--main-color);
}

.panel {
    background-color: #F8F8F8;
    color: #3a3a3a;
    border-color: rgba(175, 0, 21, 0.25) !important;
}

    .panel .panel-title {
        background-color:  var(--main-color);
        color: #ffffff;
        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: #ffffff;
            }

        .panel .panel-title .icon {
            border-right-color: rgba(255, 255, 255, 0.25);
        }

.window {
    border-color: rgba(175, 0, 21, 0.25);
    background-color: #ffffff;
    color: #000000;
}

    .window .window-caption {
        background-color:  var(--main-color);
        color: #ffffff;
    }

    .window .window-content {
        background-color: #F8F8F8;
        color: #3a3a3a;
    }

.resize-element::after {
    border-bottom-color:  var(--main-color);
}

.popover {
    background-color: #F8F8F8;
    color: #3a3a3a;
    border-color:  var(--main-color);
}

.rating .stars li {
    color: rgba(175, 0, 21, 0.25);
}

    .rating .stars li.on {
        color:  var(--main-color);
    }

.rating:not(.static) .stars:hover li {
    color:  var(--main-color);
}

.rating:not(.static) .stars li:hover ~ li {
    color: rgba(175, 0, 21, 0.25) !important;
}

.sidenav-simple,
.sidenav-counter {
    background-color: #ffffff;
    color:  var(--main-color);
}

    .sidenav-simple .active,
    .sidenav-counter .active,
    .sidenav-simple li.active:hover,
    .sidenav-counter li.active:hover {
        background-color:  var(--main-color);
        color: #ffffff;
    }

    .sidenav-simple li.disabled,
    .sidenav-counter li.disabled {
        color: rgba(255, 255, 255, 0.25) !important;
    }

.sidenav-m3 {
    background-color:  var(--main-color);
    color: #ffffff;
}

    .sidenav-m3 a {
        background-color:  var(--main-color);
    }

        .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(--main-color);
    }

    .sidenav-m3 .d-menu {
        background-color: #7c000f !important;
        border-color:  var(--main-color);
        margin-bottom: 4px;
    }

        .sidenav-m3 .d-menu li {
            border-color:  var(--main-color) !important;
            color: #ffffff !important;
        }

            .sidenav-m3 .d-menu li.disabled {
                color: rgba(255, 255, 255, 0.25) !important;
            }

    .sidenav-m3 .dropdown-toggle::before {
        border-color: #ffffff;
    }

.slider .backside {
    background-color: rgba(175, 0, 21, 0.25);
}

.slider .buffer {
    background-color: #ffffff;
}

.slider .complete {
    background-color:  var(--main-color);
}

.slider .marker {
    background-color: #000000;
}

.stepper::before {
    background-color: #F8F8F8;
}

.stepper .step {
    background-color: #F8F8F8;
    color: #000000;
}

    .stepper .step.complete {
        background-color:  var(--main-color);
        color: #ffffff;
    }

    .stepper .step.current {
        background-color: #000000;
        color: #ffffff;
    }

.streamer .streams {
    background-color: #ffffff;
    color: #000000;
}

.streamer .streamer-action {
    background-color:  var(--main-color);
    color: #ffffff;
}

.streamer .stream {
    border-color:  var(--main-color);
}

.streamer .event-group {
    background-color: #ffffff;
    color: #000000;
}

.streamer .stream-event {
    background-color: #F8F8F8;
    color: #3a3a3a;
    border-color:  var(--main-color);
}

    .streamer .stream-event:hover {
        border-color: #ff1632;
    }

    .streamer .stream-event.selected {
        -webkit-box-shadow: 0 0 0 1px  var(--main-color) !important;
        box-shadow: 0 0 0 1px  var(--main-color) !important;
    }

        .streamer .stream-event.selected::before {
            border-color: #000000 !important;
        }

        .streamer .stream-event.selected::after {
            border-top-color:  var(--main-color);
        }

.streamer .stream-event-slide .slide-data .title {
    color: #000000;
}

.streamer .stream-event-slide .slide-data .subtitle,
.streamer .stream-event-slide .slide-data .desc {
    color: #3a3a3a;
}

.table thead {
    border-bottom-color:  var(--main-color);
}

.table tfoot {
    border-top-color:  var(--main-color);
    border-bottom-color:  var(--main-color);
}

    .table tfoot th {
        color: #ffffff;
    }

.table .sortable-column.sort-asc,
.table .sortable-column.sort-desc {
    background-color:  var(--main-color);
    color: #ffffff;
}

    .table .sortable-column.sort-asc:after,
    .table .sortable-column.sort-desc:after {
        color: #ffffff;
    }

.table.striped tbody tr:nth-child(odd) {
    background: #F8F8F8;
}

.table.table-border {
    border-color:  var(--main-color);
}

.table.cell-border th,
.table.cell-border td {
    border-color:  var(--main-color);
}

.tabs {
    background-color: #ffffff;
    color: #ffffff;
    border-color:  var(--main-color);
}

    .tabs > ul > li {
        background-color: #F8F8F8;
        color: #3a3a3a;
    }

        .tabs > ul > li:hover {
            background-color: rgba(175, 0, 21, 0.25);
        }

        .tabs > ul > li.active {
            background-color:  var(--main-color);
            color: #ffffff;
        }

    .tabs .disabled {
        color: rgba(255, 255, 255, 0.25) !important;
    }

    .tabs.vertical > ul {
        border-right-color:  var(--main-color);
    }

        .tabs.vertical > ul > li {
            border-right-color:  var(--main-color);
        }

            .tabs.vertical > ul > li.active {
                border-color:  var(--main-color);
            }

    .tabs.vertical.right > ul {
        border-left-color:  var(--main-color);
    }

        .tabs.vertical.right > ul > li {
            border-left-color:  var(--main-color);
        }

            .tabs.vertical.right > ul > li.active {
                border-color:  var(--main-color);
            }

[class*=tabs-expand] > ul {
    border-bottom-color:  var(--main-color);
}

    [class*=tabs-expand] > ul > li {
        border-bottom-color:  var(--main-color);
    }

        [class*=tabs-expand] > ul > li.active {
            border-color:  var(--main-color);
        }

.topbar {
    background-color:  var(--main-color);
    color: #ffffff;
}

    .topbar .topbar-brand,
    .topbar .topbar-element,
    .topbar .topbar-menu {
        color: #ffffff;
    }

.treeview {
    background-color: #ffffff;
    color: #3a3a3a;
}

    .treeview .node-toggle::before {
        border-color: #3a3a3a !important;
    }

    .treeview li.current > .caption {
        color: #000000;
    }

.wizard {
    background-color: #ffffff;
    color: #000000;
    border-color:  var(--main-color);
}

    .wizard > section,
    .wizard.section {
        border-color: #000000;
    }

        .wizard > section:nth-child(1),
        .wizard.section:nth-child(1) {
            border-color:  var(--main-color);
        }

        .wizard > section:nth-child(2),
        .wizard.section:nth-child(2) {
            border-color: #960012;
        }

        .wizard > section:nth-child(3),
        .wizard.section:nth-child(3) {
            border-color: #7c000f;
        }

        .wizard > section:nth-child(4),
        .wizard.section:nth-child(4) {
            border-color: #63000c;
        }

        .wizard > section:nth-child(5),
        .wizard.section:nth-child(5) {
            border-color: #490009;
        }

        .wizard > section:nth-child(6),
        .wizard.section:nth-child(6) {
            border-color: #300006;
        }

        .wizard > section:nth-child(7),
        .wizard.section:nth-child(7) {
            border-color: #160003;
        }

        .wizard > section:nth-child(8),
        .wizard.section:nth-child(8) {
            border-color: #000000;
        }

        .wizard > section:nth-child(9),
        .wizard.section:nth-child(9) {
            border-color: #000000;
        }

        .wizard > section:nth-child(10),
        .wizard.section:nth-child(10) {
            border-color: #000000;
        }

        .wizard > section::before,
        .wizard.section::before {
            color: #ffffff;
        }

        .wizard > section.complete,
        .wizard.section.complete {
            border-color: #797979;
        }

            .wizard > section.complete:nth-child(1),
            .wizard.section.complete:nth-child(1) {
                border-color: #F8F8F8;
            }

            .wizard > section.complete:nth-child(2),
            .wizard.section.complete:nth-child(2) {
                border-color: #ebebeb;
            }

            .wizard > section.complete:nth-child(3),
            .wizard.section.complete:nth-child(3) {
                border-color: #dfdfdf;
            }

            .wizard > section.complete:nth-child(4),
            .wizard.section.complete:nth-child(4) {
                border-color: #d2d2d2;
            }

            .wizard > section.complete:nth-child(5),
            .wizard.section.complete:nth-child(5) {
                border-color: #c5c5c5;
            }

            .wizard > section.complete:nth-child(6),
            .wizard.section.complete:nth-child(6) {
                border-color: #b8b8b8;
            }

            .wizard > section.complete:nth-child(7),
            .wizard.section.complete:nth-child(7) {
                border-color: #acacac;
            }

            .wizard > section.complete:nth-child(8),
            .wizard.section.complete:nth-child(8) {
                border-color: #9f9f9f;
            }

            .wizard > section.complete:nth-child(9),
            .wizard.section.complete:nth-child(9) {
                border-color: #929292;
            }

            .wizard > section.complete:nth-child(10),
            .wizard.section.complete:nth-child(10) {
                border-color: #797979;
            }

            .wizard > section.complete::before,
            .wizard.section.complete::before {
                color: #3a3a3a;
            }

        .wizard > section.current::before,
        .wizard.section.current::before {
            color: #000000;
            background-color:  var(--main-color);
        }

    .wizard .action-bar button {
        border-color:  var(--main-color);
        color: #ffffff;
    }

.ribbon-menu .tabs-holder .static {
    background-color:  var(--main-color);
    color: #ffffff;
}

    .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: #000000;
}

    .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: rgba(175, 0, 21, 0.25);
        background-color: rgba(248, 248, 248, 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: rgba(175, 0, 21, 0.25);
        background-color: rgba(255, 255, 255, 0.25);
    }

.ribbon-menu .ribbon-split-button:hover {
    border-color: rgba(175, 0, 21, 0.25);
}

    .ribbon-menu .ribbon-split-button:hover .ribbon-split {
        border-color: rgba(175, 0, 21, 0.25);
    }

.ribbon-menu .ribbon-dropdown {
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .ribbon-menu .ribbon-dropdown li:hover {
        border-color: rgba(175, 0, 21, 0.25);
        background-color: rgba(248, 248, 248, 0.25);
    }

    .ribbon-menu .ribbon-dropdown .checked::after {
        border-color: rgba(175, 0, 21, 0.25);
        background-color: rgba(248, 248, 248, 0.25);
    }

.navview .navview-pane .navview-menu li.active::before {
    background-color: #ffffff;
}