/*

Header gradients
	top half:
	    background-color: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 rgba(233, 233, 233, 255), stop:1 rgba(212, 212, 212, 255));  /* top active 
	    background-color: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 rgba(233, 231, 233, 255), stop:1 rgba(216, 214, 216, 255));  /* top active 

	inactive
	    background-color: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 rgba(247, 247, 247, 255), stop:1 rgba(233, 233, 233, 255));  /* top inactive 
	    background-color: rgba(246, 246, 246, 255);  /* top inactive 

	bottom half:
	    background-color: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 rgba(212, 212, 212, 255), stop:1 rgba(195, 195, 195, 255));  /* bottom active 
	    background-color: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 rgba(216, 214, 216, 255), stop:1 rgba(209, 207, 209, 255));  /* bottom active 

	inactive 
	    background-color: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 rgba(233, 233, 233, 255), stop:1 rgba(224, 224, 224, 255));  /* bottom inactive 
	    
	    
	footer:
		    background-color: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 rgba(233, 233, 233, 255), stop:1 rgba(195, 195, 195, 255)); /* active
	        background-color: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 rgba(241, 241, 241, 255), stop:1 rgba(223, 223, 223, 255));  /* inactive

		    background-color: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 rgba(219, 219, 219, 255), stop:1 rgba(215, 215, 215, 255)); /* active
	        background-color: rgba(246, 246, 246, 255);  /* inactive

		    

	

	
*/

/* general style for sort header frame */
#SortHeaderFrame, #TreeviewSortHeader {
	color: darkgray;
	min-height: 23px;
	max-height: 23px;
	padding-top: 1px;
	padding-bottom: 0px;
	padding-left: 2px;
	border-bottom: 1px solid #bbbbbb;
    background-color: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 rgba(216, 214, 216, 255), stop:1 rgba(209, 207, 209, 255)); /* bottom active */
}

#SortHeaderFrame:!active, #TreeviewSortHeader:!active {
	border-bottom: 1px solid #d9d9d9;
    background-color: rgba(246, 246, 246, 255);/* bottom inactive */
}


/* Sort ToolButton for sort header frame */
#SortHeaderFrame #SortHeaderToolButton, #TreeviewSortHeader #SortHeaderToolButton {
    color: rgba(123,123,123,255);
    font-weight: bold;
	padding: 1px;
	padding-left: 2px;
	padding-right: 2px;
	border: none;
}

#SortHeaderFrame #SortHeaderToolButton::menu-indicator, #TreeviewSortHeader #SortHeaderToolButton::menu-indicator { image: none; }

#SortHeaderFrame #SortHeaderToolButton:hover, #TreeviewSortHeader #SortHeaderToolButton:hover {
	color: white;
    background-color: rgba(185,185,185,255);
	border-style: outset;
	border-width: 1px;
	border-radius: 8px;
    border-color: rgba(255,255,255,200);
}

#SortHeaderFrame #SortHeaderToolButton:pressed, #TreeviewSortHeader #SortHeaderToolButton:pressed {
	color: white;
    background-color: rgba(123,123,123,255);
	border-style: outset;
	border-width: 1px;
	border-radius: 8px;
    border-color: rgba(255,255,255,200);
}

#SortMenu {
	font: 11px;
}

/* general style for footer frame */
#GeneralFooterFrame, #TreeviewFooter {
	color: black;
	min-height: 22px;
	max-height: 22px;
	padding-top: 0px;
	padding-bottom: 0px;
	border-top: 1px solid #bbbbbb;
    background-color: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 rgba(219, 219, 219, 255), stop:1 rgba(215, 215, 215, 255));

}

#GeneralFooterFrame:!active, #TreeviewFooter:!active {
	border-bottom: 1px solid #d9d9d9;
	background-color: rgba(246, 246, 246, 255);
}

/* standard toolbar-button for footer frame */
#GeneralFooterFrame .QToolButton, #TreeviewFooter .QToolButton {
    min-width: 22px;
    margin: 0px;
    padding: 0px;
    border: 0px;
}

/* standard label for footer frame */
#GeneralFooterFrame .QLabel, #TreeviewFooter .QLabel {
    font: 11px;  /* use px instead of pt to get correct size on Windows! */
}

/* frame for the buttons top left */
#MainButtonsFrame, #TreeviewHeader {
	min-height: 24px;
	max-height: 24px;
	padding-top: 1px;
	padding-bottom: 1px;
    background-color: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 rgba(233, 231, 233, 255), stop:1 rgba(216, 214, 216, 255)); /* top half */
}

#MainButtonsFrame:!active, #TreeviewHeader:!active {
	    background-color: rgba(246, 246, 246, 255);  /* top inactive */
}


/* standard toolbar-button for frame top left */
#MainButtonsFrame .QToolButton, #TreeviewHeader .QToolButton {
    /* Let's make the size of the button 1,5 times of font size. */
    /* min-height: 1.5em; */
        min-width: 22px;
    /* Font size just 1.*/
    font: 13px;
    /* Margins so that we get a little space on the left and right. */
    /* margin: 0 1px 0 1px; */
    /* Padding */
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 0px;
    padding-right: 0px;
    /* The font color */
    color: white;
    border-width: 0 4px 0 4px;
	border-image: url(:/icons_buttons/mac-style-button.png);
}

/* this is style when standard toolbar-button for frame top left is pressed */
#MainButtonsFrame .QToolButton:pressed, #TreeviewHeader .QToolButton:pressed {
    border-width: 0 4px 0 4px;
	border-image: url(:/icons_buttons/mac-style-button_clicked.png);
}

/* this is the style for the "Notebooks-Button" */
#MainButtonsFrame .ElidedToolButton, #TreeviewHeader .ElidedToolButton {
    min-width: 16px;
    background-color: transparent;
    color: rgba(23, 23, 23, 255);
    font: 13px;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 0px;
    padding-right: 0px;
    border-width: 0 4px 0 4px;
	border-image: none;
}

/* this is the style for the "Notebooks-Button" if pressed */
#MainButtonsFrame .ElidedToolButton:pressed, #TreeviewHeader .ElidedToolButton:pressed {
}

/* back toolbar-button for frame top left */
#MainButtonsFrame .ElidedToolButtonBack, #TreeviewHeader .ElidedToolButtonBack {
    min-height: 20px;
	min-width: 25px;
    font: 12px;
    padding: 1px;
    padding-bottom: 1px;
    color: rgba(120, 120, 120, 255);
    border-width: 0 8px 0 14px;
	border-image: url(:/icons_buttons/mac-style-back-button.png);
}

/* this is style when back toolbar-button for frame top left is pressed */
#MainButtonsFrame .ElidedToolButtonBack:pressed, #TreeviewHeader .ElidedToolButtonBack:pressed {
    border-width: 0 8px 0 14px;
	border-image: url(:/icons_buttons/mac-style-back-button_clicked.png);
}

/* frame for search field */
#MainSearchFrame {
	min-height: 24px;
	max-height: 24px;
	padding-top: 0px;
	padding-bottom: 2px;
	background-color: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 rgba(233, 231, 233, 255), stop:1 rgba(216, 214, 216, 255)); /* top half */
}

#MainSearchFrame:!active {
	    background-color: rgba(246, 246, 246, 255);  /* top inactive */
}


/* LineEdit for Search */
#MainSearchFrame .CustomLineEdit {
	font: 12px;
	border: 1px solid lightgrey;
	border-radius: 8px;
	margin-top: 2px;
	margin-bottom: 2px;
	padding: 0px 18px 0px 26px;
	background-repeat: no-repeat;
}

/* frame for the treeview left */
#MainViewFrame {
	background-color: rgb(222, 227, 232);
    /* padding: 12px 0px 12px 0px; */
}

/* treeview left */
#BooksTreeView {
/*    background-color: transparent;*/
	background-color: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 rgba(237, 239, 242, 255), stop:1 rgba(219, 222, 229, 255));
    margin: 0px 0px 0px 0px;
	show-decoration-selected: 0;
/*	border-right-style: solid;
	border-right-width: 3px;
	border-color: qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:0, stop:0 rgba(0, 0, 0, 0), stop:1 rgba(184, 184, 184, 255)); */
}

#BooksTreeView:!active {
	background-color: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 rgba(246, 246, 246, 255), stop:1 rgba(246, 246, 246, 255));
}

/* item in treeview */
#BooksTreeView::item {
    padding: 0px 0px 0px 0px;
    margin-right: 10px;
}

/* selected item in treeview */
#BooksTreeView::item:selected {
    padding: 2px 0px 2px 0px;
    margin-right: 10px;
/*   	background-color: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 rgba(151, 173, 201, 255), stop:1 rgba(116, 137, 177, 255));*/
    margin: 0px 0px 0px 0px;

}


/* treeview scrollbar */
/*#BooksTreeView .QScrollBar {
	width: 5px;
}*/


/* --- ListView --- */
/* treeview left */
#BooksListView {
    background-color: #fff;
/*    background-color: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 rgba(237, 239, 242, 255), stop:1 rgba(219, 222, 229, 255));*/

}
/* ------ */

/* label for the document title */
#DocumentTitleLabel {
    font: 13px;
    padding: 1px;
    padding-bottom: 1px;
    color: rgba(23, 23, 23, 255);
}

/* frame for document title top right */
#EditorButtonsFrame {
	min-height: 24px;
	max-height: 24px;
	padding-top: 1px;
	padding-bottom: 1px;
	background-color: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 rgba(233, 231, 233, 255), stop:1 rgba(216, 214, 216, 255)); /* top active */
	border-color: transparent;
}

#EditorButtonsFrame:!active {
	    background-color: rgba(246, 246, 246, 255);  /* top inactive */
}

/* standard main editor toolbar-button (top) */
#EditorButtonsFrame .QToolButton {
	padding: 6px;
    background-color: transparent;
	border: 0px;
}
 
/* this is style when main editor toolbar-button (top) is pressed */
#EditorButtonsFrame .QToolButton:pressed {
    background-color: qradialgradient(spread:pad, cx:0.5, cy:0.5, radius:0.5, fx:0.5, fy:0.5, stop:0 rgba(255, 255, 255, 220), stop:0.527094 rgba(255, 255, 255, 150), stop:1 rgba(255, 255, 255, 0));
	border: 0px;
}

/* the controls frame above the editor main view (document title, number of characters etc.) */
#PreviewControlsFrame {
    background-color: rgba(0, 0, 0, 255);
    padding-left: 12px;
    padding-bottom: 6px;
}

/* label in controls frame above the editor main view */
#PreviewControlsFrame .QLabel {
    color: rgba(200, 200, 200, 255);
}

/* toolbar button in controls frame above the editor main view */
#PreviewControlsFrame .QToolButton {
    border: 0px;
    top: 0px;
    padding: 0px;
}

/* standard toolbar for editor */
#EditorStandardToolBar {
    padding: 12px;
    background-color: rgba(0, 0, 0, 255); /* qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 rgba(0, 0, 0, 255), stop:1 rgba(81, 81, 81, 255));*/
    border-color: transparent;
}

/* standard toolbar-button for editor */
#EditorStandardToolBar .QToolButton {
    /* Let's make the size of the button 1,5 times of font size. */
    /* min-height: 1.5em; */
        min-height: 20px;
        min-width: 20px;
    /* Font size just 1.*/
    font: 14px;
    /* Margins so that we get a little space on the left and right. */
    /* margin: 0 1px 0 1px; */
    /* Padding */
    padding: 1px;
    padding-bottom: 1px;
    /* The font color */
    color: white;
    /* Here's the background gradient with start point, end point,
       stop "percentage" and color, stop percentage and color. */
/*    background-color: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 rgba(254, 254, 254, 254),
        stop:0.5 rgba(217, 217, 217, 255), stop:0.501 rgba(217, 217, 217, 255), stop:1 rgba(208, 208, 208, 255));*/
    /* We'll round the borders. */
    border-style: outset;
    /* Round radius will be 6px */
    border-radius: 6px;
    /* Border width*/
    border-width: 1px;
    /* Border color is now set */
    border-color: rgb(40,40,40);
}

/* this is style when standard toolbar-button for editor is pressed */
/*#EditorStandardToolBar .QToolButton:pressed {
    background-color: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 rgba(255, 255, 255, 255),
        stop:1 rgba(230, 230, 230, 255));
}*/

/* label in standard toolbar for editor */
#EditorStandardToolBar .QLabel {
    color: rgba(200, 200, 200, 255);
}

#EditorFormatMainFrame {
	min-height: 25px;
	max-height: 25px;
    background-color: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 rgba(216, 214, 216, 255), stop:0.95 rgba(209, 207, 209, 255), stop:1 rgba(172, 172, 172, 255));  /* bottom active */
}

#EditorFormatMainFrame:!active {
	    background-color: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 rgba(246, 246, 246, 255), stop:0.95 rgba(246, 246, 246, 255), stop:1 rgba(197, 197, 197, 255));  /* bottom inactive */
}

#EditorFormatMainFrame #StyleSelectButton {    /** *** **/
	margin-top: 1px;
	padding-right: 8px;
	border-style: outset;
	border-width: 1px;
	border-radius: 4px;
    border-color: rgba(100,100,100,255);
    background-color: rgba(246,246,246,255);
}

#EditorFormatMainFrame #StyleSelectButton:pressed {
    background-color: rgba(255,255,255,200);
}

#EditorFormatMainFrame #FormatButton {
	margin: 0px;
	padding: 0px;
	border: 0px solid;
	border-radius: 3px;
}

#EditorFormatMainFrame #FormatButton:pressed {
    background-color: rgba(255,255,255,200);
}

#EditorFormatMainFrame #ToggleViewButton {   /** *** **/
	margin-top: 1px;
	border-width: 1px;
	border-radius: 4px;
	border-style: solid;
    border-color: rgba(172,172,172,255);
    background-color: rgba(246,246,246,255);
}

#EditorFormatMainFrame #ToggleViewButton:!active{   /** *** **/
    border-color: rgba(197,197,197,255);
}

#EditorFormatMainFrame #ToggleViewButton:pressed {
    background-color: rgba(255,255,255,200);
}

#EditorFormatMainFrame #EditorFormatToolBar {
	spacing: 0px;
	padding: 0px;
	margin: 0px;
	border: 0px;
}

/* Style for the header of a view */
QHeaderView::section {
    padding: 4px;
    padding-top: 5px;
}


/* the formatting buttons etc. */
/* this avoids the graded background when pressed */
QToolButton { 
	background-color: transparent; 
	border: none;
}


/* #BackgroundImagesListView::item:selected {
	border: 4px solid rgb(56, 117, 215);
	background: red;
} */
