html, body {background-color: #181818; color: #999999; }
:root {
  --menu-color: #666666;
  --menu-background-color: #181818;

  --menu-disabled-color: #333333;

  --menu-border-color: #333333;
  --menu-highlight-color: #111111;
  --menu-highlight-background-color: #888888;

  --settings-background-color: #181818;
}
button,
input.Button {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.05, #d6d6d6),
    color-stop(1, #c7c7c7)
  );
  background: -moz-linear-gradient(top, #d6d6d6 5%, #c7c7c7 100%);
  background: -webkit-linear-gradient(top, #d6d6d6 5%, #c7c7c7 100%);
  background: -o-linear-gradient(top, #d6d6d6 5%, #c7c7c7 100%);
  background: -ms-linear-gradient(top, #d6d6d6 5%, #c7c7c7 100%);
  background: linear-gradient(to bottom, #d6d6d6 5%, #c7c7c7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d6d6d6', endColorstr='#c7c7c7',GradientType=0);
  background-color: #d6d6d6;
  border: 1px solid #333333;
  color: #111111;
}
button:hover,
input.Button:not([disabled]):hover {
  background-color: #999999;
  filter: brightness(1.2);
}
button:hover:active,
input.Button:not([disabled]):hover:active {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.05, #c7c7c7),
    color-stop(1, #d6d6d6)
  );
  background: -moz-linear-gradient(top, #c7c7c7 5%, #d6d6d6 100%);
  background: -webkit-linear-gradient(top, #c7c7c7 5%, #d6d6d6 100%);
  background: -o-linear-gradient(top, #c7c7c7 5%, #d6d6d6 100%);
  background: -ms-linear-gradient(top, #c7c7c7 5%, #d6d6d6 100%);
  background: linear-gradient(to bottom, #c7c7c7 5%, #d6d6d6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c7c7c7', endColorstr='#d6d6d6',GradientType=0);
  background-color: #c7c7c7;
  -moz-box-shadow: inset 0px 0px 8px 0px #474747;
  -webkit-box-shadow: inset 0px 0px 8px 0px #474747;
}

#CatList,
category-list {
  border: 1px solid #333333;
  background-color: #181818;
}

category-panel::part(heading) {
  background-color: #111111;
  border-bottom: 1px solid #333333;
  border-top: 1px solid #333333;
  background: url(./images/pnl_open.svg) 4px no-repeat;
  background-size: 14px;
}
category-panel[closed]::part(heading) {
  background: url(./images/pnl_close.svg) 4px no-repeat;
}


panel-label {
  border-color: #181818;
  --prefix-color: #fff;
  --badge-color: #666666;
  --badge-background-color: #111111;
  --icon-letter-color: #999999;
  --icon-letter-background-color: #111111;
  --icon-offset: 0px 0px;
  --icon-size: 18px;
  --icon-image-size: 18px;
}

panel-label[selected] {
  background-color: #888888;
  color: #111111;
  border-color: #888888;
  --badge-color: #111111;
  --badge-background-color: #999999;
}

panel-label[icon="down"] {
  --status-image: url(../plugins/theme/themes/DarkBetter/images/t_down.svg);
}
panel-label[icon="up"] {
  --status-image: url(../plugins/theme/themes/DarkBetter/images/t_up.svg);
}
panel-label[icon="search"],
panel-label[icon="inactive"] {
  --status-image: url(../plugins/theme/themes/DarkBetter/images/t_inactive.svg);
}
panel-label[icon="paused"] {
  --status-image: url(../plugins/theme/themes/DarkBetter/images/t_paused.svg);
}
panel-label[icon="error-down"] {
  --status-image: url(../plugins/theme/themes/DarkBetter/images/t_error_down.svg);
}
panel-label[icon="error-up"] {
  --status-image: url(../plugins/theme/themes/DarkBetter/images/t_error_up.svg);
}
panel-label[icon="error"] {
  --status-image: url(../plugins/theme/themes/DarkBetter/images/t_error.svg);
}
panel-label[icon="completed"] {
  --status-image: url(../plugins/theme/themes/DarkBetter/images/t_completed.svg);
}
panel-label[icon="queued-down"] {
  --status-image: url(../plugins/theme/themes/DarkBetter/images/t_queued_down.svg);
}
panel-label[icon="queued-up"] {
  --status-image: url(../plugins/theme/themes/DarkBetter/images/t_queued_up.svg);
}
panel-label[icon="active"] {
  --status-image: url(../plugins/theme/themes/DarkBetter/images/t_active.svg);
}
panel-label[icon="all"] {
  --status-image: url(../plugins/theme/themes/DarkBetter/images/t_all.svg);
}
panel-label[icon="rss"] {
  --status-image: url(../plugins/theme/themes/DarkBetter/images/tb_rss.svg);
}
panel-label[icon="rss-group"] {
  --status-image: url(../plugins/theme/themes/DarkBetter/images/tb_rss_group.svg);
}

div#preload {
    width: 0px; height: 0px; display: none;
    background-image: url(./images/tb_add.svg);
    background-image: url(./images/tb_create.svg);
    background-image: url(./images/tb_trash.svg);
    background-image: url(./images/tb_start.svg);
    background-image: url(./images/tb_pause.svg);
    background-image: url(./images/tb_stop.svg);
    background-image: url(./images/tb_moveu.svg);
    background-image: url(./images/tb_moved.svg);
    background-image: url(./images/tb_search.svg);
    background-image: url(./images/tb_rss.svg);
    background-image: url(./images/tb_rss_group.svg);
    background-image: url(./images/tb_setting.svg);
    background-image: url(./images/menuexp.svg);
    background-image: url(./images/menusel.svg);
    background-image: url(./images/close.svg);
    background-image: url(./images/yellow.svg);
    background-image: url(./images/red.svg);
    background-image: url(./images/green.svg);
    background-image: url(./images/pnl_open.svg);
    background-image: url(./images/pnl_close.svg);
    background-image: url(./images/file.svg);
    background-image: url(./images/dir.svg);
    background-image: url(./images/t_down.svg);
    background-image: url(./images/t_up.svg);
    background-image: url(./images/t_inactive.svg);
    background-image: url(./images/t_paused.svg);
    background-image: url(./images/t_error.svg);
    background-image: url(./images/t_error_down.svg);
    background-image: url(./images/t_error_up.svg);
    background-image: url(./images/t_completed.svg);
    background-image: url(./images/t_queued_down.svg);
    background-image: url(./images/t_queued_up.svg);
    background-image: url(./images/t_active.svg);
    background-image: url(./images/t_all.svg);
    background-image: url(./images/quest.svg);
    background-image: url(./images/go.svg);
    background-image: url(./images/plugin.svg);
}
div#cover {background: #181818}
div#msg {background: #181818; border-top: 1px solid #333333; border-bottom: 1px solid #333333}
div#sc {border: 1px solid #333333; background-color: #181818}
div#sc li.se_act div {background-color: #333333; color: #888888}
div#lng {background-color:#181818; border:1px solid #333333}
ul.CMenu {border: 1px solid #333333; border-right: 2px solid #333333; border-bottom: 2px solid #333333; background: #181818}
ul.CMenu li {background: #181818}
ul.CMenu li a.dis {color: #333333}
ul.CMenu li a.dis:hover {background-color: #181818; color: #333333}
ul.CMenu li hr {border-top: 1px solid #333333}
ul.CMenu li a.exp {background: transparent url(./images/menuexp.svg) no-repeat scroll 138px center; background-size: 10px}
ul.CMenu li a.sel {background: transparent url(./images/menusel.svg) no-repeat scroll 4px center; background-size: 8px}
ul.CMenu li a:hover {background-color: #888888; color: #111111}

ul.CMenu li:hover ul li a {background-color: #181818; color: #666666}
ul.CMenu li:hover ul li a:hover {background-color: #888888; color: #111111}
ul.CMenu li ul li a.dis {color: #333333}
ul.CMenu li ul li a.dis:hover {background-color: #181818; color: #333333}

#sel {border: 1px dotted #555555}

div#t {background: #181818 url(./images/t_bg.png) repeat-x center center; border-bottom: 1px solid #333333;}
div#t a:hover {background: #222;}
div#t div.TB_Separator {background-color: #333333}
div#t div#add {background: transparent url(./images/tb_add.svg) no-repeat center; background-size: 28px}
div#t div#create {background: transparent url(./images/tb_create.svg) no-repeat center; background-size: 28px}
div#t div#remove {background: transparent url(./images/tb_trash.svg) no-repeat center; background-size: 28px}
div#t div#start {background: transparent url(./images/tb_start.svg) no-repeat center; background-size: 48px}
div#t div#pause {background: transparent url(./images/tb_pause.svg) no-repeat center; background-size: 48px}
div#t div#stop {background: transparent url(./images/tb_stop.svg) no-repeat center; background-size: 48px}
div#t div#moveu {background: transparent url(./images/tb_moveu.svg) no-repeat center; background-size: 28px}
div#t div#moved {background: transparent url(./images/tb_moved.svg) no-repeat center; background-size: 28px}
div#t div#search {background: transparent url(./images/tb_search.svg) no-repeat center; background-size: 28px}
div#t div#rss {background: transparent url(./images/tb_rss.svg) no-repeat center; background-size: 28px}
div#t div#setting {background: transparent url(./images/tb_setting.svg) no-repeat center; background-size: 26px}

div#t div#help {background: transparent url(./images/quest.svg) no-repeat center; background-size: 28px}
div#t div#go {background: transparent url(./images/go.svg) no-repeat center; background-size: 28px}
div#t div#plugins {background: transparent url(./images/plugin.svg) no-repeat center; background-size: 28px}

#StatusBar table tr td.pstatus0 {background: url(./images/yellow.svg) no-repeat !important; background-size: 22px !important}
#StatusBar table tr td.pstatus1 {background: url(./images/red.svg) no-repeat !important; background-size: 22px !important}
#StatusBar table tr td.pstatus2 {background: url(./images/green.svg) no-repeat !important; background-size: 22px !important}

a.dlg-close:hover, a.dlg-close:link, a.dlg-close:visited {
    background: transparent url(./images/close.svg) center; background-size: 22px !important;
}

a.dlg-close:active {
    background: transparent url(./images/t_error.svg) center;
}

.stable-icon {background-image: url(../images/tstatus.png); background-repeat: no-repeat}
.Status_Down {background: transparent url(./images/t_down.svg) no-repeat center center !important; background-size: 16px !important}
.Status_Up {background: transparent url(./images/t_up.svg) no-repeat center center !important; background-size: 16px !important}
.Status_Incompleted {background: transparent url(./images/t_inactive.svg) no-repeat center center !important; background-size: 16px !important}
.Status_Paused {background: transparent url(./images/t_paused.svg) no-repeat center center !important; background-size: 16px !important}
.Status_Error_Down {background: transparent url(./images/t_error_down.svg) no-repeat center center !important; background-size: 16px !important}
.Status_Error_Up {background: transparent url(./images/t_error_up.svg) no-repeat center center !important; background-size: 16px !important}
.Status_Error {background: transparent url(./images/t_error.svg) no-repeat center center !important; background-size: 16px !important}
.Status_Completed {background: transparent url(./images/t_completed.svg) no-repeat center center !important; background-size: 16px !important}
.Status_Queued_Down {background: transparent url(./images/t_queued_down.svg) no-repeat center center !important; background-size: 16px !important}
.Status_Queued_Up {background: transparent url(./images/t_queued_up.svg) no-repeat center center !important; background-size: 16px !important}
.Status_Up_Down {background: transparent url(./images/t_active.svg) no-repeat center center !important; background-size: 16px !important}
.Status_Checking {background: transparent url(./images/t_all.svg) no-repeat center center !important; background-size: 16px !important}
.Status_RSS {background: transparent url(./images/rb_rss.svg) no-repeat center center !important; background-size: 16px !important}

input.Textbox, input.Button, select {border: 1px solid #333333}
Input.TextboxShort {border: 1px solid #333333}
Input.TextboxMid {border: 1px solid #333333}
Input.TextboxLarge {border: 1px solid #333333}
Input.TextboxVShort {border: 1px solid #333333}

a {color: #686868}

.stable-icon {background-image: url(./images/tstatus.png)}
.Icon_File {background: transparent url(./images/file.svg) no-repeat left center; background-size: 16px}
.Icon_Dir {background: transparent url(./images/dir.svg) no-repeat left center; background-size: 16px}
.Icon_Share {background: transparent url(./images/dir.svg) no-repeat left center; background-size: 16px}

div.tab {background: #181818}
div#lcont {background: #181818}
div#gcont table td.Header {background: #181818}
div.graph_tab {background-color: #181818}
.graph_tab_legend { color: #FFF; background-color: #181818; }
.graph_tab_tooltip { color: #FFF; background-color: #606060; border: 1px solid #606060; }
div.table_tab {background-color: #181818}
div#List {border: 1px solid #333333}

div#modalbg {background-color: #181818}

div#List {border: 1px solid #333333; background-color: #181818}
div#FileList, div#TrackerList, div#PeerList, div#Speed {background-color: #181818}

div#stg {background-color: #181818; color: #888888; border: 1px solid #333333}

div#stg-header {background-color: #181818; border-bottom: 1px solid #333333}
div#stg .lm {background-color: #181818; border: 1px solid #333333}

.lm li {background: transparent url(./images/bul.gif) no-repeat scroll left center}
.lm li.first {background: transparent url(./images/bul_f.gif) no-repeat scroll left bottom}
.lm li.last {background: transparent url(./images/bul_l.gif) no-repeat scroll left top}
.lm li div.toggle {background: transparent url(./images/exp.gif) no-repeat scroll center center}
.lm li a {color: #888888}
.lm li a.focus {background-color: #333333}
.stg_con {background-color: #181818}
* > fieldset {border: 1px solid #333333}
input.disabled {background-color: #181818; color: #333333; border: 1px solid #333333}
td.disabled, label.disabled, span.disabled, div.disabled {color: #333333}
legend {color: #888888}
select.cols {border: 1px solid #333333}
div#dragmask {border: 1px dotted #333333}
div#tdetails {background-color: #181818}
div#tdcont {background: #181818; border: 1px solid #333333}

div#tadd {background-color: #181818; border: 1px solid #333333}
div#tadd-header {background-color: #181818; border-bottom: 1px solid #333333}
.tabbar li a {border: 1px solid #333333; }
.tabbar li a:hover {border-top: 2px solid #222222}
.tabbar li.selected a {border-top: 2px solid #999999; background: #181818; color: #888888}
div#dlgProps textarea#prop-trackers {background: #181818; border: 1px solid #333333}

div.dlg-window {background-color: #181818; color: #888888; border: 1px solid #333333}
div.dlg-header {background-color: #181818; border-bottom: 1px solid #333333}

div.tab {background-color: #181818}

div#t div#ind {background: transparent url(./images/ajax-loader.gif) no-repeat 0px center; background-size: 28px}

span#loadimg {background: transparent url(./images/ajax-loader.gif) no-repeat center center; background-size: 28px}

#StatusBar {border-top: 1px solid #333333; background-color: #181818; color: #888888}
#st_up {background:url(./images/up.svg) no-repeat; background-size: 22px}
#st_down {background:url(./images/down.svg) no-repeat; background-size: 22px}
.statuscell {border-right: 1px solid #333333}


div#stg-header {
    background: url(./images/settings.svg) no-repeat 2px center !important; background-size: 20px; padding-left: 28px;
}

div#tcreate div.dlg-header {
    background: transparent url(./images/tb_create.svg) no-repeat 2px center !important; background-size: 20px !important;
}

div#dlgEditRules div.dlg-header, div#dlgEditFilters div.dlg-header {
    background: transparent url(./images/tb_rss.svg) no-repeat 2px center !important; background-size: 20px !important;
}

div#dlgEditRatioRules div.dlg-header, div#tedit div.dlg-header, div#padd div.dlg-header, div#tskConsole div.dlg-header {
    background: transparent url(./images/edit.svg) no-repeat 2px center !important; background-size: 20px !important;
}

div#tadd-header {
    background: transparent url(./images/world.svg) no-repeat 2px center !important; background-size: 20px !important;
}

div#dlgHelp div.dlg-header, div#dlgAbout div.dlg-header {
    background: transparent url(./images/quest.svg) no-repeat 2px center !important; background-size: 20px !important;
}

div#dlgLabel div.dlg-header {
    background: url(./images/label.svg) no-repeat 2px center !important; background-size: 20px !important;
}

div#dlgProps div.dlg-header {
    background: url(./images/file.svg) no-repeat 2px center !important; background-size: 20px !important;
}

div#yesnoDlg div.dlg-header {
    background: url(./images/yellow.svg) no-repeat 2px center !important; background-size: 20px !important;
}

div.dlg-header {}
