
/**********************************************/
/* This is the left hand pane that holds the  */ 
/* side bar, It also effects the sidebar tree */
/* but for the sidebar tree there is a also   */ 
/* a #sidebar_tree section                    */
/**********************************************/
#left_hand_pane
{
   background: rgba(100, 100, 100, 100%);    /* This will also color the tab tray */
}

/**********************************/
/* The search bar in the sidebar  */
/**********************************/
#sidebar_view_search
{
   border: 0px;
   border: 1px solid rgba(82, 148, 227, 100%);
   border-right: 0px;
   background: rgba(77, 77, 77, 100%);
   border-top-left-radius: 0px;
   border-top-right-radius: 0px;
   border-bottom-left-radius: 0px;
   border-bottom-right-radius: 0px;
   color: rgba(0, 0, 0, 100%);
   font-weight: bold;
   color: #FFFFFF;
   padding: 7px;
   padding-left: 0px;
}

/**********************************/
/* The dir tree message           */
/**********************************/
#dir_tree_message
{
   border: 0px;
   border: 1px solid rgba(82, 148, 227, 100%);
   border-right: 0px;
   border-bottom: 0px;
   background: rgba(77, 77, 77, 100%);
   border-top-left-radius: 0px;
   border-top-right-radius: 0px;
   border-bottom-left-radius: 0px;
   border-bottom-right-radius: 0px;
   color: rgba(0, 0, 0, 100%);
   font-weight: bold;
   color: rgba(150,150,150,100%);
}

#dir_tree_back_button
{
   border: 0px;
   border: 1px solid rgba(82, 148, 227, 100%);
   border-right: 0px;
   border-bottom: 0px;
   background: rgba(77, 77, 77, 100%);
   border-top-left-radius: 0px;
   border-top-right-radius: 0px;
   border-bottom-left-radius: 0px;
   border-bottom-right-radius: 0px;
   color: rgba(0, 0, 0, 100%);
   font-weight: bold;
   color: rgba(150,150,150,100%);
}

#dir_tree_back_button:hover
{
   background: rgba(77, 77, 77, 70%);
   color: #FFFFFF;
}

#dir_tree_back_button:pressed
{
   background: rgba(77, 77, 77, 50%);
}

/******************************/
/* Libraries, Bookmarks etc   */
/******************************/
#category_node
{
/*   background:  qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:0, stop:0 rgba(62,67,77,100%), stop:1 rgba(20,20,20,100%)); */       /* horizontal gradient */
   background: rgba(0, 0, 0, 100%);
   color: #FFFFFF;
   color: skyblue;
   border: 0px solid rgba(48, 140, 198, 100%);
   padding-left: 0px;
   margin-left: 1px;
   margin-right: 1px;
   margin-top: 3px;
   font-weight: bold;
   text-decoration: underline;
   border-top-left-radius: 0px;
   border-top-right-radius: 0px;
   border-bottom-left-radius: 0px;
   border-bottom-right-radius: 0px;
}

#category_node:hover
{
   border: 0px solid rgba(48, 140, 198, 100%);
}

/**********************************/
/* The node showing the disk name */
/**********************************/
#subnode_header
{
   background:  qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:0, stop:0 rgba(62,67,77,100%), stop:1 rgba(62,62,62,100%));        /* horizontal gradient */
   background: rgba(0, 0, 0, 100%);
   color: skyblue;
   border: 0px solid rgba(48, 140, 198, 100%);
   padding-left: 0px;
   margin-left: 1px;
   margin-right: 1px;
   margin-top: 3px;
   font-weight: bold;
   font-style: normal;
   text-decoration: none;
   border-top-left-radius: 0px;
   border-top-right-radius: 0px;
   border-bottom-left-radius: 0px;
   border-bottom-right-radius: 0px;
}

#subnode_header:hover
{
   border: 0px solid rgba(48, 140, 198, 100%);
}

/******************************/
/* Tree items on the sidebar  */
/******************************/
#sidebar_tree
{
   background: rgba(33,35,43,100%);
   border: 0px solid rgba(100,100,100,100%);
   font-family: "Nimbus Sans L";
   outline: 0; /* gets rid off the focus rectangle */
   font-size: 10pt;
   color: rgba(255, 255, 255, 100%);
   border-top-left-radius: 0px;
   border-top-right-radius: 0px;
   border-bottom-left-radius: 0px;
   border-bottom-right-radius: 0px;
   show-decoration-selected: 1;
   selection-background-color: rgba(255,255,255,0%);
}

#sidebar_tree:item
{
   font-family: "Nimbus Sans L";
   border-bottom: 1px solid rgba(255,255,255,10%);
   margin-right: 10px;
}

#sidebar_tree:item:hover
{
   background: rgba(255,255,255,10%);
   color: yellow;
   margin-right: 10px;
   border: 1px solid rgba(255,255,255,10%);
   padding-left: 2px;
}

#sidebar_tree:item:selected
{
   background: rgba(255, 255, 255, 10%);
   color: #FFFFFF;
   margin-right: 10px;
   border: 1px solid rgba(255,255,255,10%);
}

#sidebar_tree::item:has-children:has-siblings
{
/* background: rgba(255, 255, 255, 10%); */
}

#sidebar_tree::item:has-children:hover
{

}

#sidebar_tree::item:!has-children
{

}

#sidebar_tree::branch:open:has-children:has-siblings
{

}

#sidebar_tree::branch:open:has-children:!has-siblings
{

}

#sidebar_tree::branch:open:has-children:has-siblings
{
   background: orange;
   margin-left: 10px;
}

#sidebar_tree::branch:open:has-children:has-siblings:hover
{
   background: orange;
}

#sidebar_tree::branch:open:has-children:!has-siblings
{
   background: orange;
   margin-left: 10px;
}

#sidebar_tree::branch:open:has-children:!has-siblings:hover
{
   background: orange;
}

#sidebar_tree::branch:has-children:!has-siblings:closed,
#sidebar_tree::branch:closed:has-children:has-siblings
{
   margin-left: 10px;
   background: rgba(255,255,255, 70%);
   border-bottom: 1px solid #000000;
}

QHeaderView
{
   font-family: "Nimbus Sans L";
}

QHeaderView::section
{
   background: rgba(86, 82, 95, 100%);
   border: 0px solid #C4C4C3;
   border-top-left-radius: 0px;
   border-top-right-radius: 0px;
   border-bottom-left-radius: 0px;
   border-bottom-right-radius: 0px;
   font-weight:bold;
   font-size:10pt;
   color: #FFFFFF;
   border-top: 0px solid #4D515D;
   border-left: 0px solid #4D515D;
   border-right: 0px solid #4D515D;
   font-family: "Nimbus Sans L";
   padding: 5px;
}

QHeaderView::section::hover
{
  background: rgba(255, 255, 255, 20%);
  color: #000000;
  border: 1px solid #84ABE3;
  font-family: "Nimbus Sans L";
}

/******************************/
/* Vertical Scrollbar         */
/******************************/
QScrollBar:vertical
{
   background: rgba(100, 100, 100, 50%);
   width: 20px;
   margin: 21px 0 20px 0;
   border: 0px solid #FFFFFF;
   margin: 20px 0 20px -2;
}

/*******************************/
/* The Grab Handle             */
/*******************************/
QScrollBar::handle:vertical
{
   background: rgba(255, 255, 255, 10%);
   min-height: 20px;
   border: 1px solid rgba(150, 150, 150, 20%)
}

QScrollBar::handle:vertical:hover
{
   background: rgba(255, 255, 255, 20%);
}

/********************************/
/* Bottom button with the arrow */
/********************************/
QScrollBar::add-line:vertical
{
   border: 0px;
   background: rgba(255, 255, 255, 10%);
   height: 20;
   subcontrol-origin: margin;
   border-bottom: 0px solid #323641;
}

QScrollBar::add-line:vertical:pressed
{
   border: 0px solid #808080;
   background: rgba(255, 255, 255, 30%);
   height: 20;
   subcontrol-origin: margin;
   border-bottom: 0px solid #323641;
}

/*******************************/
/* Top button with the arrow   */
/*******************************/
QScrollBar::sub-line:vertical
{
   border: 0px;
   background: rgba(255, 255, 255, 10%);
   height: 21;
   subcontrol-origin: margin;
   border-bottom: 0px solid #323641;
   border-top-right-radius: 0px;
}

QScrollBar::sub-line:vertical:pressed
{
   border: 0px;
   background: rgba(255, 255, 255, 30%);
   height: 21;
   subcontrol-origin: margin;
   border-bottom: 0px solid #323641;
}

QScrollBar::down-arrow:vertical
{
   border: 0px;
   image: url(:/icons/png/bright/scrollbar-arrow-down.png);
}

QScrollBar::up-arrow:vertical
{
   border: 0px;
   image: url(:/icons/png/bright/scrollbar-arrow-up.png);
}

QScrollBar::add-page:vertical, QScrollBar::sub-page:vertical
{
   background: none;
}

/******************************/
/* Horizontal Scrollbar       */
/******************************/
QScrollBar:horizontal
{
   border: 0px;
   background: rgba(100, 100, 100, 50%);
   height: 20px;
   margin: 0px 20px 0px 20px;
}

/*******************************/
/* The Grab Handle             */
/*******************************/
QScrollBar::handle:horizontal
{
   background: rgba(255, 255, 255, 10%);
   min-width: 20px;
   border: 1px solid rgba(150, 150, 150, 20%)
}

/********************************/
/* right button with the arrow */
/********************************/
QScrollBar::add-line:horizontal
{
   border: 0px;
   background: rgba(255, 255, 255, 10%);
   width: 20px;
   border-bottom: 0px solid #323641;
   subcontrol-position: right;
   subcontrol-origin: margin;
}

/********************************/
/* left button with the arrow */
/********************************/
QScrollBar::sub-line:horizontal
{
   border: 0px;
   background: rgba(255, 255, 255, 10%);
   width: 20px;
   border-bottom: 0px solid #323641;
   subcontrol-position: right;
   subcontrol-origin: margin;
   subcontrol-position: left;
   subcontrol-origin: margin;
}

QScrollBar:left-arrow:horizontal
{
   border: 0px;
   image: url(:/icons/png/bright/scrollbar-arrow-left.png);
}

QScrollBar::right-arrow:horizontal
{
   border: 0px;
   image: url(:/icons/png/bright/scrollbar-arrow-right.png);
}

QScrollBar::add-page:horizontal, QScrollBar::sub-page:horizontal
{
   background: none;
}
