html, body {font-family: "Lucida Sans Unicode", "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;background-color: #000;color: #ffffff;text-shadow:0px -1px 0px #000;scrollbar-base-color:#181818; }
:root {
  --menu-color: #757571;
  --menu-background-color: #121212;
  --menu-border-color: #333333;

  --menu-disabled-color: #333333;
  --menu-disabled-background-color: #121212;

  --menu-highlight-color: #ffffff;
  --menu-highlight-background-color: #121212;

  --settings-background-color: #181818;
  --container-bg-color: #181818;
  --container-border-color: #333333;
  --btn-bg-color: #515151;
  --header-bg-color: #222222;
  --header-border-color: #333333;
  --dialog-bg-color: #222222;
  --dialog-border-color: #333333;

  --navbar-height: 36px;
  --navbar-bg-color: #181818;
  --navbar-bg-image: linear-gradient(0deg, rgba(24,24,24,1) 0%, rgba(33,33,33,1) 100%);
  --navbar-border-color: transparent;
  --navbar-item-bg-color: linear-gradient(0deg, rgba(17,17,17,1) 0%, rgba(46,46,46,1) 100%);
  --navbar-item-border-color: #0f0f0f;
  --loading-indicator-icon: url(../plugins/theme/themes/Oblivion/images/ajax-loader.gif);
  --loading-indicator-side-length: 32px;
}
category-panel {
  --open-background-image: url(../plugins/theme/themes/Oblivion/images/pnl_open.png);
  --close-background-image: url(../plugins/theme/themes/Oblivion/images/pnl_close.png);
  --heading-background-color: linear-gradient(0deg, rgba(2,0,36,1) 0%, rgba(7,7,99,0.75) 0%, rgba(8,8,105,1) 0%, rgba(10,10,10,1) 0%, rgba(40,40,40,1) 100%);
  --heading-border-color: #333333;
}

button, input[type=button], input[type=submit], .Button {
  border: 1px solid #000;
  background: var(--btn-bg-color) url(./images/headers.png) repeat-x 0px 0px;
  color:#AACF27;
  font-weight: bold;
  text-shadow:0px -1px 0px #000;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
button:not([disabled]):hover, input.Button:not([disabled]):hover {
  background: #000 url(./images/headers.png) repeat-x 0px -6px;
}
button:not([disabled]):hover:active, input.Button:not([disabled]):hover:active {
  background: #000 url(./images/headers.png) repeat-x 0px -8px;
}

#offcanvas-sidepanel {
  color: #626262;
}
category-list {
  border:none;
  background-color: #212121;
  border-right: 1px solid #1b1b1b;
  border-left: 1px solid #070707;
}

category-panel::part(heading) {
  font-size:12px;
  font-family:inherit;
  height:25px;
  line-height:25px;
  font-weight: bold;
  color:#DCDCDC;
  text-shadow: 0px -1px 0px #000;
}

panel-label {
  color: #D4D6C9;
  border-color: #212121;
  --prefix-color: #FFF;
  --badge-color: #999999;
  --badge-background-color: #181818;
  --icon-letter-color: #D4D6C9;
  --icon-letter-background-color: #181818;
  --status-image: url(../plugins/theme/themes/Oblivion/images/status_icons.png);
}

panel-label[selected] {
  background-color: transparent;
  color: #009DDD;
  text-shadow:0px -1px 0px #000;
  border:1px solid #212121;
  --badge-color: #999999;
  --badge-background-color: #181818;
}

panel-label[icon=file] {
  --icon-offset: 0px -256px;
}
panel-label[icon=directory] {
  --icon-offset: 0px -272px;
}
panel-label[icon=config] {
  --icon-offset: 0px -288px;
}
panel-label[icon=tag] {
  --icon-offset: 0px -304px;
}
panel-label[icon=measure] {
  --icon-offset: 0px -320px;
}
panel-label[icon=storage] {
  --icon-offset: 0px -336px;
}
panel-label[icon=search] {
  --icon-offset: 0px -352px;
}

div#preload {width: 0px; height: 0px; display: none; background-image: url(./images/menus.png);background-image: url(./images/toolbar.png); background-image: url(./images/status_icons.png);  background-image: url(./images/r_bg.gif); background-image: url(./images/asc.gif); background-image: url(./images/desc.gif); background-image: url(./images/pnl_open.gif); background-image: url(./images/pnl_close.gif);background-image: url(./images/headers.png);}


hr {background-color:#000;height:1px;border-width: 0px;border-bottom:1px solid #333333;}
div#cover {background: #181818}
div#msg {background: #151515; border-top: 1px solid #333333; border-bottom: 1px solid #333333;font-size: 11px; font-weight: bold;text-shadow:0px -3px 0px #000}
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}

/*Drop Menu */
ul.CMenu {opacity:0.98;border-top: 1px solid #333; border-right: 1px solid #070707; border-left: 1px solid #1b1b1b; border-bottom: 1px solid #000000;background: #000; padding:0px;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
ul.CMenu li.menuitem:first-child {-moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px;-moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px;border-top-right-radius:5px;border-top-left-radius:5px;}
ul.CMenu li.menuitem:last-child{-moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px;-moz-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px;border-bottom-right-radius:5px;border-top-left-radius:5px;}
ul.CMenu li a {color: #757571;background: transparent url(./images/menus.png) no-repeat 0px 0px;}
ul.CMenu li hr {background-color:#000;height:1px;border-width: 0px;border-bottom:1px solid #1b1b1b;padding:0px;margin:0px;width:100%;}
ul.CMenu li a.exp {background: transparent url(./images/menus.png) no-repeat right -22px;}
ul.CMenu li a.exp:hover {background: transparent url(./images/menus.png) no-repeat right -44px;}
ul.CMenu li a.sel {color:#178FD1;background: transparent url(./images/menus.png) no-repeat 0px -66px;}
ul.CMenu li ul li a.sel {color:#178FD1}
ul.CMenu li a:hover { text-shadow:0px -1px 0px #000;}

ul.CMenu li:hover ul li a:hover { text-shadow:0px -1px 0px #000;}

#sel {border: 1px dotted #555555;}

.navbar-toggler {
  background-image: none;
  border-color: #0F0F0F;
}
#t .nav-link {
  color: #626262;
  font-weight: bold;
}
#t .nav-link:hover {background: none;}
div#t div.TB_Separator {border-right:1px solid #262626;background-color: #000;height:35px;margin:0px 0px 0px 5px}
div#t div#add {background: transparent url(./images/toolbar.png) no-repeat 0px 0px}
div#t div#add:hover {background: transparent url(./images/toolbar.png) no-repeat px -24px}
div#t div#create {background: transparent url(./images/toolbar.png) no-repeat -24px 0px}
div#t div#create:hover {background: transparent url(./images/toolbar.png) no-repeat -24px -24px}
div#t div#remove {background: transparent url(./images/toolbar.png) no-repeat -48px 0px}
div#t div#remove:hover {background: transparent url(./images/toolbar.png) no-repeat -48px -24px}
div#t div#start {background: transparent url(./images/toolbar.png) no-repeat -72px 0px}
div#t div#start:hover {background: transparent url(./images/toolbar.png) no-repeat -72px -24px}
div#t div#pause {background: transparent url(./images/toolbar.png) no-repeat -96px 0px}
div#t div#pause:hover {background: transparent url(./images/toolbar.png) no-repeat -96px -24px}
div#t div#stop {background: transparent url(./images/toolbar.png) no-repeat -120px 0px}
div#t div#stop:hover {background: transparent url(./images/toolbar.png) no-repeat -120px -24px}
div#t div#moveu {background: transparent url(./images/toolbar.png) no-repeat -144px 0px}
div#t div#moveu:hover {background: transparent url(./images/toolbar.png) no-repeat -144px -24px}
div#t div#moved {background: transparent url(./images/toolbar.png) no-repeat -168px 0px}
div#t div#moved:hover {background: transparent url(./images/toolbar.png) no-repeat -168px -24px}
div#t div#search {background: transparent url(./images/toolbar.png) no-repeat -192px 0px}
div#t div#search:hover {background: transparent url(./images/toolbar.png) no-repeat -192px -24px}
div#t div#rss {background: transparent url(./images/toolbar.png) no-repeat -241px 0px}
div#t div#rss:hover {background: transparent url(./images/toolbar.png) no-repeat -241px -24px}
div#t div#setting {background: transparent url(./images/toolbar.png) no-repeat -264px 0px}
div#t div#setting:hover {background: transparent url(./images/toolbar.png) no-repeat -264px -24px}
div#t div#plugins {background: transparent url(./images/plugin.png) no-repeat 0px center}

div#t div#help {background: transparent url(./images/toolbar.png) no-repeat -288px 0px}
div#t div#help:hover {background: transparent url(./images/toolbar.png) no-repeat -288px -24px}
div#t div#go {background: transparent url(./images/toolbar.png) no-repeat -72px 0px}
.stg_con td input {padding:1px 4px;}

a {color: #686868; font-family:inherit;}
textarea {color: black; border: 1px solid #000;background: #ffffff;-moz-border-radius: 5px; -webkit-border-radius: 5px;border-radius: 5px;}
textarea[disabled] {border: 1px solid #000;background: #888888;-moz-border-radius: 5px; -webkit-border-radius: 5px;border-radius: 5px;}
input[type="number"],input[type="text"], input[type="password"], select {color: black; border: 1px solid #000;background: #ffffff url(./images/headers.png) repeat-x 0px -138px;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
input[type="file"] {-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
input[type="number"][disabled],input[type="text"][disabled], input[type="password"][disabled], input[type="file"][disabled], select[disabled] {color: black; border: 1px solid #000;background: #888888 url(./images/headers.png) repeat-x 0px -138px;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}

.stable {background-color: #181818; font-family: inherit;}
.stable-icon {background-image: url(./images/status_icons.png); }
.Icon_File {background: transparent url(./images/file.gif) no-repeat left center}
.Icon_Dir {background: transparent url(./images/dir.gif) no-repeat left center}
.Icon_Share {background: transparent url(./images/dir.gif) no-repeat left center}

div.tab {background: #181818;font-family: inherit;}
div#lcont {background: #181818;font-family: inherit;}
div#gcont {font-family:inherit;}
div#gcont div.row.Header {
  background-color: transparent;
  font-family: inherit;
  color: #D4D6C9;
}
div#gcont div.row.Header span {
  padding-left: 17px;
  background: transparent url(./images/status_icons.png) no-repeat left -285px;
}
div#gcont div.row:not(.Header) span.det-hdr {
  text-wrap: nowrap;
  padding-left: 17px;
  background: transparent url(./images/status_icons.png) no-repeat left -305px;
}
div#gcont div.row {
  background-color: #181818;
  font-family: inherit;
  color: #D4D6C9;
}
div.graph_tab {color:#FFF; background-color: #181818}
.graph_tab_legend { color: #FFF; background-color: #181818; }
.graph_tab_tooltip { color: #FFF; background-color: #606060; border: 1px solid #606060; }

div#modalbg {background-color: #181818;}

div#FileList, div#TrackerList, div#PeerList, div#Speed {background-color: #181818}

.lm li div > div {
  border-left-color: #AACF27;
}
.lm li div > div:first-of-type {
  border-bottom-color: #AACF27;
}
.lm li div > div:last-of-type {
  border-top-color: #AACF27;
}
.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, button.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 {padding:0px;margin:0px;background-color: #181818;color:#888888;-moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px;-moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px;border-top-right-radius:5px;border-top-left-radius:5px;}

/*TABBED MENU */
.tabbar {
  color: #038BA9; background: #181818 url(./images/headers.png) repeat-x 0px -89px;
  text-shadow: 0px 1px 0px #000;
  border-top: 1px solid #333;
  border-right: 1px solid #070707;
  border-left: 1px solid #1b1b1b;
  border-bottom: none;
}
.tabbar li.nav-item a.nav-link {
  border: 1px solid #0F0F0F;
  background: #000 url(./images/headers.png) repeat-x 0px 0px;
  color: #999999;
  text-shadow:0px -1px 0px #000;
}
.tabbar li.nav-item a.nav-link:hover {
  border-top: 2px solid #222222;
  color: #FFF;
}
.tabbar li.nav-item.selected a.nav-link {
  border: 1px solid #333333;
  border-top: 2px solid #222222;
  background-color: #181818;
  color: #178FD1;
}

/* DIALOGS */
div#dlgProps textarea#prop-trackers {background: #222222; border: 1px solid #333333}
.dlg-window {box-shadow: 2px 2px 5px #888; color: #fff; border-top-color: #333; border-right-color: #1b1b1b; border-left-color: #1b1b1b; border-bottom-color: #000000;}
.dlg-header {background: linear-gradient(0deg, rgba(11,11,11,1), rgba(44,44,44,1) 100%);}
.dlg-header > div:first-child {
  padding-left: 3rem;
  text-shadow:0px -1px 0px #000;
}
#yesnoDlg-header {
  background-image: url(./images/dlg-toolbars.gif);
  background-position-y: -120px;
}
#stg-header {
  background-image: url(./images/dlg-toolbars.gif);
  background-position-y: -72px;
}
div#stg .lm {background-color: #181818; border: 1px solid #333333}
#dlgHelp-header, #dlgAbout-header {
  background-image: url(./images/dlg-toolbars.gif);
  background-position-y: -96px;
}
#tadd-header {
  background-image: url(./images/dlg-toolbars.gif);
  background-position-y: 0px;
}

div.tab {background-color: #181818}

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

::-webkit-scrollbar-button:start:decrement{
height: 23px;
    display: block;
    background-color: transparent;
}

::-webkit-scrollbar-button:end:increment {
    height: 23px;
    display: block;
    background-color: transparent;
}
::-webkit-scrollbar-corner {
background:#1b1b1b;

}
::-webkit-scrollbar-track-piece  {
background-color: #1b1b1b;
border:1px solid #1C1C1C;
-webkit-border-radius: 6px;
}
::-webkit-scrollbar-thumb:vertical,::-webkit-scrollbar-thumb:horizontal {
height: 50px;

background-color: #343434;
-webkit-border-radius: 6px;
}
/* LOG */
div#lcont div.std {background: #181818 url(./images/headers.png) repeat-x 0px -37px;height:17px;line-height:17px;border-bottom: 1px solid #333333;}
div#lcont div.std:nth-child(2n+1) {background: #181818 url(./images/headers.png) repeat-x 0px -64px;}

#StatusBar { border-top: 1px solid #333333; background: #000 url(./images/headers.png) repeat-x 0px 0px; color: #888888;font-family:inherit; }
#StatusBar table tr td {padding-right:5px;border:none;background: transparent url(./images/headers.png) no-repeat right -208px;}
#StatusBar table tr td td {background:none;}
#StatusBar table tr td:last-child {border-top:red;}
#st_up .icon {background:url(./images/status.png) no-repeat 0px -2px;}
#st_down .icon {background:url(./images/status.png) no-repeat 0px -22px;}
.statuscell {padding-right:5px;border:none;}
#stup_speed{color:#AACF27;}
#stdown_speed {color: #178FD1;}
#stup_total,#stdown_total{color:#fff;}
.Icon_Dir {background-image: url(./images/status_icons.png);background-position: 0px -272px;}
.Icon_File {background-image: url(./images/status_icons.png);background-position: 0px -256px;}

span#ds,span#dl {color: #178FD1;}
span#ra {color:#F70000;}
span#us,span#ul {color:#AACF27;}
span.det {color:#fff;}

.meter-value-start-color { background-color: #E05400 }
.meter-value-end-color { background-color: #8FBC00 }
::-webkit-scrollbar {
    width: 15px;
    height: 15px;
}
::-webkit-scrollbar-thumb {
    height: 12px;
    border: 3px solid rgba(0, 0, 0, 0);
    background-clip: padding-box;
    background-color: rgba(0, 0, 0, 0.3);
}
::-webkit-scrollbar-button {
    width: 0;
    height: 0;
    display: none;
}
