fritzbox5490.css

main {
    background-color: #333 !important;
}

.mainContent hr {
    background-color: #333;
}

.mainContent hr {
    border-top: 1px solid #ffe500;
}

.hr {
    color: #ffe500 !important;
}

.mainContent #btn_form_foot, .mainContent div.btn_form_foot {
    border-top: 1px solid #ffe500 !important;
}

::selection {
    background: #fff76d !important;
}

@media (min-width: 47.5em) {
    .dialog_head_box {
        background-color: #333333 !important;
    }
}

@media (min-width: 47.5em) {
    .dialog_inner {
        color: #ffffff !important;
        background-color: #4c4c4c !important;
    }
}

@media (min-width: 47.5em) {
    .formular input, .formular select {
        background-color: #333333 !important;
    }
}

@media (min-width: 47.5em) {
    input, label, select {
        color: #ffe500 !important;
    }
}

.change-user-link {
    color: #ffe500 !important;
}

@media (min-width: 47.5em) {
    .btn_form_foot a {
        color: #ffe500 !important;
    }
}

.btn_form_foot button {
    background-color: #ffe500 !important;
    color: #333333 !important;
}

html, input, textarea, keygen, select, button {
    background-color: #333333 !important;
}

.dialog_outer {
    background-color: #434343 !important;
}

#blueBarBox, #blueBarBox.logout, .blueBarLogo {
    background-color: #333333 !important;
}

.logoBox {
    background-color: #333333 !important;
}

.stickyTop #uiPageTitleBox.breadcrumb {
    background-color: #4a4a4a !important;
}

.tab_menu.show {
    background-color: #4a4a4a !important;
}

#uiPageTitleBox.breadcrumb {
    background-color: #4a4a4a !important;
}

#menuBox, #userMenuBox {
    background-color: #333333 !important;
}

body {
    color: #fff !important;
    background-color: #333333 !important;
}

#disablePage {
    background-color: #333333 !important;
}

.mainContent {
    background-color: #3f3f3f !important;
}

#content a {
    color: #ffe500 !important;
}

#content .row .header .title {
    background-color: #ffe500 !important;
    color: #333 !important;
}

#content .row .header .msg {
    color: #333 !important;
}

#content .row .header .more {
    background-color: #ffe500 !important;
    color: #333 !important;
}

#content .row .header {
    border-bottom: 2px solid #ffe500 !important;
}

.menu_item.show {
    color: #fff !important;
    background-color: #4a4a4a !important;
}

.menu_item.with_sub.selected {
    color: #fff !important;
    background-color: #5a5a5a !important;
}

.icon_wlan.open
 {
    color: #ffe500 !important;
}

.menu_item.selected, .submenu.open .menu_item.selected {
    background-color: #ffe500 !important;
    color: #333 !important;
}

.tab_menu a.show:hover, .tab_menu div.show:hover {
    color: hsla(54, 100%, 50%, 1) !important;
}

.tab_menu a.show, .tab_menu div.tab.show {
    color: hsla(54, 100%, 50%, .5) !important;
    background-color: #333 !important;
}

.tab_menu a.show.selected, .tab_menu div.show.selected
 {
    color: #ffe500 !important;
    border-bottom: 3px solid #f8ec17 !important;
}

.mainContent table.zebra tr:nth-child(odd) td, .mainContent table.zebra tr:nth-child(odd) th {
    background-color: #4a4a4a !important;
}

.mainContent table.zebra tr:nth-child(2n) td, .mainContent table.zebra tr:nth-child(2n) th {
    background-color: #3a3a3a !important;
}

.mainContent button:not(.icon), .mainContent input[type=button]:not(.icon), .mainContent input[type=reset]:not(.icon), .mainContent input[type=submit]:not(.icon) {
    background-color: #ffe500 !important;
    border: 1px solid #000 !important;
    color: #333 !important;
}

.stickyBottom .mainContent #btn_form_foot, .stickyBottom .mainContent div.btn_form_foot {
    background-color: hsla(0, 0%, 25%, .9) !important;
}

.ct-chart .ct-legends .ct-label {
    fill: #fff !important;
    background-color: #333 !important;
}

.ct-chart .ct-back .ct-rect {
    fill: #555 !important;
}

.content-circle__circle {
    stroke: #ffe500 !important;
}

#tStat tr.first_row th, #tStat td.first_col {
    background-color: #4a4a4a !important;
}

.mainContent table {
    border: 2px solid #ffe500 !important;
    background-color: #3f3f3f !important;
}

td {
    border: 1px solid hsla(60, 95%, 55%, .5) !important;
}

selection {
    background: #ffe500 !important;
}

.mainContent #btn_form_foot, .mainContent div.btn_form_foot {
    position: fixed !important;
  background-color: #333 !important;
}

.mainContent input[type=checkbox]:after, .mainContent input[type=radio]:after {
    background-color: #222 !important;
}

.modelMsgBox {
    border: 1px solid #ffe500  !important;
    background-color: #333  !important;
    color: #fff !important;
}

.modal-view--info {
    border-top: .5rem solid #ffe500 !important;
}

.primary--text {
    color: #fff388 !important;
    caret-color: #ffe500 !important;
}

textarea {
    background-color: #4e4e4e !important;
    border-width: 1px;
    border-style: solid;
    border-color: hsla(60, 95%, 55%, 0.5) !important;
    color: #fff !important;
}

.mainContent table.zebra_reverse tr:nth-child(odd) td, .mainContent table.zebra_reverse tr:nth-child(odd) th {
    background-color: #4e4e4e !important;
}

.mainContent table.zebra_reverse tr:nth-child(2n) td, .mainContent table.zebra_reverse tr:nth-child(2n) th, .mainContent table.zebra tr.zebraOdd td, .mainContent table.zebra tr.zebraOdd th {
    background-color: #3e3e3e !important;
}

.mainContent table.OnlyHead th {
    background-color: #333 !important;
}

.flexTable {
    color: #fff !important;
    border: 1px solid #ffe500 !important;
}

.flexTable .flexTableHeader {
    background-color: #333 !important;
    border-bottom: 1px solid #ffe500 !important;
}

.flexTable .flexHead {
    color: #fff !important;
}

.flexTable .flexGroupHeader {
    color: #333 !important;
    background-color: #fff76d !important;
}

.flexTable .flexRow {
    background-color: #4e4e4e !important;
}

.flexTable.zebra .flexGroup>.flexRow:nth-child(odd), .flexTable.zebra .flexTableBody>.flexRow:nth-child(2n) {
    background-color: #3e3e3e !important;
}

.v-table {
    color: #fff !important;
    border: 1px solid #ffe500 !important;
}

.v-table__head {
    color: #fff !important
}

.v-table__table-header {
    color: #fff !important;
    background-color: #333 !important;
    border-bottom: 1px solid #ffe500 !important;
}

.v-table__row {
    background-color: #4e4e4e !important;
}

.v-table--zebra .v-table__body>.v-table__row:nth-child(2n), .v-table--zebra .v-table__group>.v-table__row:nth-child(odd) {
    background-color: #3e3e3e !important;
}

.v-footer--sticky {
    background-color: #333333ee !important;
}

.primary--background {
    background-color: #ffe500 !important;
    border-color: #ffe500 !important;
}

.v-btn.error--background, .v-btn.info--background, .v-btn.primary--background, .v-btn.secondary--background, .v-btn.success--background, .v-btn.warning--background {
    color: #333 !important;
}

.v-select-list {
    background-color: #555 !important;
}

.blue-lavender--text {
    color: #fff !important;
    caret-color: #ffe500 !important;
}

.v-select-list-item {
    color: #fff !important;
}

.v-list-item {
    background-color: #555 !important;
}

.v-list-item__title {
    color: #fff !important;
}

.mainContent #uiContainerPortOverviewTable .flexTable .flexRow {
    margin-top: 0rem !important;
}

.mferror {
    background-color: #ff7f00 !important;
}

@media (min-width: 64em) {
    ul.onPageTabs li.active {
        border-bottom: 1px solid #ffe500 !important;
        background-color: #555 !important;
        color: #ffe500 !important;
    }
}

@media (min-width: 64em) {
    ul.onPageTabs li {
        border: 1px solid #ffe500 !important;
        background-color: #444 !important;
        color: #ffe500 !important;
    }
}