/* Dark Proxmox VE */
/* By DeepB */
/* v0.6 */

{
  html, body
  {
    background-color: #222 !important;
    background-clip: border-box !important;
    background-origin: padding-box !important;
    background-repeat: repeat !important;
    background-size: auto !important;
    background-position: left top !important;
    background-attachment: scroll !important;
    color: #fff !important;
  }

  .x-grid-view
  {
    background-color: #000 !important;
    color: white;
  }

  .x-tree-view
  {
    background-color: #222 !important;
    color: white;
  }

  .x-fit-item
  {
    background-color: #222 !important;
    color: white;
  }

  .x-box-inner
  {
    background-color: #222 !important;
    background-clip: border-box !important;
    background-origin: padding-box !important;
    background-repeat: repeat !important;
    background-size: auto !important;
    background-position: left top !important;
    background-attachment: scroll !important;
    color: white;
  }

  div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, p, blockquote, th, td
  {
    color: lightgrey;
  }

  input, textarea
  {
    background-color: gray !important;
    color: white;
  }

  .x-btn .x-btn-center .x-btn-inner
  {
    color: brown;
  }

  .x-menu-item-text
  {
    color: brown;
  }

  .x-form-item-label
  {
    background-color: #222 !important;
    color: green;
  }

  .x-panel-body
  {
    background-color: #222 !important;
    background-clip: border-box !important;
    background-origin: padding-box !important;
    background-repeat: repeat !important;
    background-size: auto !important;
    background-position: left top !important;
    background-attachment: scroll !important;
    color: white;
  }

  .x-tab-inner-default
  {
    background-color: #222 !important;
    color: gray;
  }

  .x-tab.x-tab-active.x-tab-default .x-tab-inner-default
  {
    background-color: #222 !important;
    color: white;
  }

  .x-btn-inner-default-toolbar-small
  {
    background-color: #222 !important;
    color: coral;
  }

  .noVNC_status_normal
  {
    background-color: #222 !important;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkAgMAAAANjH3HAAAACVBMVEUaGhohISElJSUh9lebAAAB20lEQVRIx4XWuZXDMAwE0C0SAQtggIIYoAAEU+aKOHhYojTrYP2+QfOW/5QIJOih/q8HwF/pb3EX+UPIveYcQGgEHiu9hI+ihEc5Jz5KBIlRRRaJ1JtoSAl5Hw96hLB1/up1tnIXOck5jZQy+3iU2hAOKSH1JvwxHsp+5TLF5MOl1/MQXsVs1miXc+KDbYydyMeUgpPQreZ7fWidbNhkXNJSeAhc6qHmHD8AYovunYyEACWEbyIhNeB9fRrH3hFi0bGPLuEW7xCNaohw1vAlS805nfsrTspclB/hVdoqusg53eH7FWot+wjYpOViX8KbFFKTwlnzvj65P9H/vD0/hibYBGhPwlPO8TmxRsaxsNnrUmUXpNhirlJMPr6Hqq9k5Xn/8iYQHYIuQsWFC6Z87IOxLxHphSY4SpuiU87xJnJr5axfeRd+lnMExXpEWPpuZ1v7qZdNBOjiHzDREHX5fs5Zz9p6X0vVKbKKchlSl5rv+3p//FJ/PYvoKryI8vs+2G9lzRmnEKkh+BU8yDk515jDj/HAswu7CCz6U/Mxb/PnC9N41ndpU4hUU7JGk/C9PmP/M2xZYdvBW2PObyf1IUiIzoHmHW9yTncliYs9A9tVNppdShfgQaTLMf+j3X723tLeHgAAAABJRU5ErkJggg==) !important;
    background-clip: border-box !important;
    background-origin: padding-box !important;
    background-repeat: repeat !important;
    background-size: auto !important;
    background-position: left top !important;
    background-attachment: scroll !important;
    color: white;
  }

  #noVNC_status
  {
    background-color: #222 !important;
    color: coral;
  }

  .x-treelist-item-icon
  {
    color: #fff;
    margin-left: 2px;
  }

  .x-treelist-item-text
  {
    color: #f9f9f9;
    padding-left: 5px;
    padding-right: 5px;
  }

  .pve-help-button .x-btn-inner
  {
    color: lightgray;
  }
/**/
  .x-btn-over.x-btn-default-toolbar-small .x-btn-inner
  {
    /**/
    color: black;
    /**/
    background-color: transparent !important;
    -webkit-filter: invert(1) hue-rotate(180deg);
    filter: invert(1) hue-rotate(180deg);
  }

  .x-tab-bar-default
  {
    background-color: #201f1f;
  }

  .x-column-header-over, .x-column-header-open
  {
    background-color: #000;
  }

  .x-btn-inner-default-toolbar-small
  {
    background-color: #222 !important;
    color: #d2d2d2;
  }

  .x-toolbar .x-toolbar-item
  {
    background-color: #222 !important;
    color: lightgreen;
  }

  .x-unselectable > img
  {
    -webkit-filter: invert(1) hue-rotate(180deg);
    filter: invert(1) hue-rotate(180deg);
  }

  .x-toolbar-footer
  {
    padding: 6px 0 6px 6px;
    border-style: solid;
    border-color: #cfcfcf;
    border-width: 0;
    background-image: none;
    background-color: #222;
  }

  .x-treelist-item-selected > .x-treelist-row
  {
    background-color: #626262;
  }

  .x-boundlist-item
  {
    padding: 0 6px;
    font: normal 13px helvetica, arial, verdana, sans-serif;
    line-height: normal;
    line-height: 22px;
    cursor: pointer;
    position: relative;
    border-width: 1px;
    border-style: dotted;
    border-color: #fff;
    color: #d1cece;
  }

  .x-boundlist-selected
  {
    background: #555;
    border-color: #000;
  }

  .x-boundlist-item-over
  {
    color: #222;
  }

  .x-form-text-default
  {
    color: #f6f6f6;
    padding: 3px 6px 2px;
    background-color: #555 !important;
    font: 300 13px/17px helvetica, arial, verdana, sans-serif;
    min-height: 22px;
  }

  .x-mask
  {
    background-image: none;
    background-color: rgba(35, 35, 35, 0.7);
    cursor: default;
    border-style: solid;
    border-width: 1px;
    border-color: transparent;
  }

  .x-item-disabled
  {
    background-image: none;
    background-color: rgba(35, 35, 35, 0.7);
    cursor: default;
    border-style: solid;
    border-width: 1px;
    border-color: transparent;
  }

  .x-window-body-default
  {
    border-color: #f5f5f5;
    border-width: 1px;
    border-style: solid;
    background: #222 !important;
    ;
    color: #000;
    font-size: 13px;
    font-weight: 300;
    font-family: helvetica, arial, verdana, sans-serif;
  }

  .x-form-display-field-default
  {
    min-height: 24px;
    font: 300 13px/17px helvetica, arial, verdana, sans-serif;
    color: #fff;
    margin-top: 4px;
  }

  .x-toolbar-default
  {
    padding: 6px 0 6px 8px;
    border-style: solid;
    border-color: #cfcfcf;
    border-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    background-image: none;
    background-color: #222 !important;
  }

  .black
  {
    color: #fff;
  }

  .x-mask-msg
  {
    padding: 8px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    background: teal;
  }

  .x-tip-default
  {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    padding: 2px 2px 2px 2px;
    border-width: 1px;
    border-style: solid;
    background-color: black;
  }

  .pve-itype-icon-virt-viewer, .pve-itype-icon-tigervnc, .pve-itype-icon-novnc, .pve-itype-icon-display, .pve-itype-icon-memory, .pve-itype-icon-processor, .pve-itype-icon-network, .pve-itype-icon-network-server, .pve-itype-icon-keyboard, .pve-itype-icon-cdrom, .pve-itype-icon-qemu, .pve-itype-icon-qemu-template, .pve-itype-icon-qemu-running, .pve-itype-icon-lxc, .pve-itype-icon-lxc-template, .pve-itype-icon-lxc-running, .pve-itype-icon-swap, .pve-itype-icon-node, .pve-itype-icon-node-running, .pve-itype-icon-storage, .pve-itype-icon-pool, .pve-itype-icon-itype, .pve-itype-icon-usb, .pve-itype-icon-pci
  {
    -webkit-filter: invert(1) hue-rotate(180deg);
    filter: invert(1) hue-rotate(180deg);
    background-color: #ddd !important;
    color: black;
  }

  .x-fit-item .x-grid-with-row-lines > .x-grid-item-container > .x-grid-item > tbody > tr.x-grid-row > .x-grid-cell-first > .x-grid-cell-inner
  {
    color: grey !important;
  }

  .x-grid-item-over
  {
    -webkit-filter: invert(1) hue-rotate(180deg);
    filter: invert(1) hue-rotate(180deg);
  }

  .x-legend.x-horizontal .x-legend-item
  {
    -webkit-filter: invert(1) hue-rotate(180deg);
    filter: invert(1) hue-rotate(180deg);
  }

  .x-legend, .x-legend-panel
  {
    background: transparent;
    outline: none;
  }

  .x-legend-container
  {
    display: inline-block;
    line-height: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #ccc;
    background: transparent;
  }

  .x-draw-container > .x-panel-body
  {
    -webkit-filter: invert(1) hue-rotate(180deg);
    filter: invert(1) hue-rotate(180deg);
  }

  .x-progress-default .x-progress-bar-default
  {
    background-image: none;
    background-color: darkorange;
  }

  .x-unselectable
  {
    background-color: #222;
    background-clip: border-box;
    background-origin: padding-box;
    background-repeat: no-repeat;
    background-size: auto;
    background-position: left top;
    background-attachment: scroll;
    color: white;
  }

  .x-btn-focus.x-btn-default-small
  {
    background-image: none;
    background-color: #3892d4 !important;
    -webkit-box-shadow: #d7e9f6 0 1px 0px 0 inset, #d7e9f6 0 -1px 0px 0 inset, #d7e9f6 -1px 0 0px 0 inset, #d7e9f6 1px 0 0px 0 inset;
    -moz-box-shadow: #d7e9f6 0 1px 0px 0 inset, #d7e9f6 0 -1px 0px 0 inset, #d7e9f6 -1px 0 0px 0 inset, #d7e9f6 1px 0 0px 0 inset;
    box-shadow: #d7e9f6 0 1px 0px 0 inset, #d7e9f6 0 -1px 0px 0 inset, #d7e9f6 -1px 0 0px 0 inset, #d7e9f6 1px 0 0px 0 inset;
  }

  .x-fieldset-header-default > .x-fieldset-header-text
  {
    font: 300 12px/7px helvetica, arial, verdana, sans-serif;
    color: #fff;
    padding: 1px 0;
  }

  .x-tab.x-tab-active.x-tab-default .x-tab-inner-default
  {
    background-color: transparent !important;
    color: white;
  }

  .x-tab.x-tab-active.x-tab-default
  {
    border-color: #3892d4;
    background-color: #19496c;
  }

  .x-tab-focus.x-tab-default
  {
    border-color: #f5f5f5;
    background-color: transparent;
  }

  .x-tab-inner-default
  {
    background-color: transparent !important;
    color: gray;
  }

  .x-menu-item-text
  {
    color: lightblue;
  }

  .x-menu-item-default.x-menu-item-active
  {
    background-image: none;
    background-color: #000;
  }

  .x-window-header-default .x-tool-img
  {
    background-color: transparent;
  }

  .x-panel-header-default .x-tool-img
  {
    background-color: transparent;
  }

  .x-grid-item
  {
    background-color: transparent;
  }

  .x-grid-item-alt
  {
    background-color: transparent;
  }

  .x-grid-with-row-lines .x-grid-item-selected + .x-grid-item
  {
    border-top-style: solid;
    border-top-color: orange;
  }

  .x-grid-with-row-lines .x-grid-item
  {
    border-style: solid;
    border-width: 1px 0 0 1px;
    border-color: transparent;
    border-top-color: transparent;
  }

  .x-grid-with-row-lines .x-grid-item:first-child
  {
    border-top-color: transparent;
  }

  .x-grid-with-row-lines .x-grid-item.x-grid-item-selected
  {
    border-style: solid;
    border-color: orange;
  }

  .x-grid-item-focused .x-grid-cell-inner::before
  {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    pointer-events: none;
    border: transparent;
  }

  .x-progress-default
  {
    background-color: darkslategray;
    border-width: 0;
    height: 20px;
    border-color: #157fcc;
  }

  .x-treelist-item-text
  {
    color: lightgrey;
    padding-left: -5px;
    padding-right: -5px;
  }

  .x-treelist-item-icon
  {
    color: lightgrey;
    margin-left: -2px;
  }

  .x-toolbar .x-toolbar-item
  {
    background-color: transparent !important;
  }

  .x-form-trigger-wrap-default.x-form-trigger-wrap-focus
  {
    border-color: lightgreen;
  }
/*
  .x-form-trigger-default {
    width: 22px;
    background: 0 center #222 url(images/form/trigger.png) no-repeat;
}
.x-form-spinner-default {
    background-image: url(images/form/spinner.png);
    background-color: #222;
    width: 22px;
    height: 11px;
}
*/
  .x-treelist-row
  {
    margin-top: 0px;
  }

  .x-grid-with-row-lines .x-grid-item
  {
    border-width: 1px 0 0 1px;
  }

  .x-treelist-item, .x-treelist-container, .x-treelist-root-container
  {
    margin: -2px;
  }

  .x-grid-item
  {
    color: #000;
    font: 300 12px/7px helvetica, arial, verdana, sans-serif;
  }

  .x-grid-empty
  {
    padding: 10px;
    color: grey;
    background-color: transparent;
    font: 300 12px helvetica, arial, verdana, sans-serif;
  }

  .x-btn-over.x-btn-default-toolbar-small
  {
    background-image: none;
    background-color: #3892d4 !important;
    -webkit-box-shadow: #d7e9f6 0 1px 0px 0 inset, #d7e9f6 0 -1px 0px 0 inset, #d7e9f6 -1px 0 0px 0 inset, #d7e9f6 1px 0 0px 0 inset;
    -moz-box-shadow: #d7e9f6 0 1px 0px 0 inset, #d7e9f6 0 -1px 0px 0 inset, #d7e9f6 -1px 0 0px 0 inset, #d7e9f6 1px 0 0px 0 inset;
    box-shadow: #d7e9f6 0 1px 0px 0 inset, #d7e9f6 0 -1px 0px 0 inset, #d7e9f6 -1px 0 0px 0 inset, #d7e9f6 1px 0 0px 0 inset;
  }

  .proxmox-inline-button .x-btn-inner
  {
    color: #6aba15;
  }

  a
  {
    color: orange;
  }
}