body {
	font-family: Helvetica, Arial, sans-serif;
	background-color: rgba(0, 1, 3, .84);
	color: rgb(255,255,255);
}

div.header {
	background: none;
	background-color: #29292b; /* sama as footer */
	background-color: rgb(36, 37, 42); /* same as right column */
	background-color: rgb(48, 50, 53); /* safari dark-mode */
	background-color: #1d2029; /* Mac dark menu */
}


.columns .functionListWrap {
	background: rgb(41, 42, 48);
}

.columns .rightColumn {
	background: rgb(36, 37, 42);
}


select.functionList.floatingInHeader {
	background: none;
	background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='32px' width='32px'><text x='3' y='20' fill='white' font-size='18'>ƒ</text></svg>")!important;
	color: #dcdddd;
}



div.footer {
	background: none;
	border: none;
	box-shadow: none;
	color: rgb(245, 247, 251);
}

.footer > div {
	border-top: 1px solid #171b17;
	background-color: transparent;
}

div.leftColumn {
	background: none;
	background-color: rgb(48, 50, 53);
	color: rgb(223, 224, 224);
}

div.centerColumn {
}


div.rightColumn {
	background: none;
	background-color: rgb(48, 50, 53);
	background-color: transparent;
	background-color: rgb(48, 50, 53);
	color: rgb(223, 224, 224);
}


ul#tabList a {
	color: rgb(180,160,170);
}

ul#tabList li.tabFolderItem {
	background:none;
	background-color: rgb(53, 53, 55);
	background-color: #25262b;
	
	color: #d2cdcd;
	color: rgb(180,160,170);
	
	box-shadow: none;
	border-bottom: 1px solid #3c3c40;
	border-bottom: 1px solid #1d2029; /* bottom border when inactive */
	
	
	border-top: 1px solid #2a2929;
	
}
ul#tabList li.tabFolderItem.active {
	color: #d2cdcd;
	
	border-bottom: 0; /* same color as canvas */
	background: #292930;
	border-top: 1px solid #2a2929;
}

ul#tabList li.tabFileItem {
	background: #262827;
	
	
}

ul#tabList li.tabFileItem.active {
	background: rgb(41, 42, 48);
	color: #f2f2f2;
	
}


select, select.functionList {
	padding-left: 2px;
	padding-top: 2px;
	color: #ebebe5;
	background: none;
	background-color: transparent;
}



.fileExplorer img {
	-webkit-filter: hue-rotate(20deg) brightness(.4) contrast(.2);
	filter: hue-rotate(-60deg) brightness(.6) contrast(1.4);
	width: 18px;
}

.fileExplorer.header {
	background-color: transparent;
}

.fileExplorer {
	border-left: 2px solid #2a2929;
	border-left: 1px solid #222021;
}

.fileExplorer ul {
	background: none;
	background-color: transparent;
	color: rgb(235, 235, 229);
	color: rgb(205, 205, 199);
	color: rgba(185,180,180);
}

.fileExplorer li.problem {
	color: #ab70c0;
}

.tree li:last-child:before {
	background: transparent; /* same as body background */
}




::-webkit-scrollbar {
	width: 9px;  /* for vertical scrollbars */
	height: 9px; /* for horizontal scrollbars */
}

::-webkit-scrollbar-track {
	background: none;
	background-color: transparent;
}

::-webkit-scrollbar-thumb {
	background: #30342d;
	background: rgba(80,80,90, .9);
}


.windowMenuHeight {
}

.windowMenu .menu {
	border-collapse: separate;
}

.windowMenu .menu.horizontal {
	
	
	
}

.windowMenu .menu.vertical {
	border: 1px solid rgba(79, 83, 88, .2);
	background-color: #363740;
	border-radius: 0px 0px 5px 5px;
	box-shadow: 0px 1px 1px #121214;
	color: #f3f3f6;
}

.windowMenu .menu.pulloutright {
	border-radius: 5px;
}

.windowMenu .pulloutIcon {
	color: #fdfdfd;
	font-size: 12px;
}

.windowMenu .menu.horizontal .pulloutIcon {
	visibility: hidden;
}

.windowMenu .bullet {
	color: #fdfdfd;
	font-weight: bold;
	text-shadow: 0px 0px 0px black;
	
	text-align: center;
	font-size: 20px;
	
}

.windowMenu .bullet.active:before {
	content:"\2713";
}
.windowMenu .bullet.inactive:before {
	content:"\2003";
}




.windowMenu .item:hover {
	background-color: #2e60d0;
	color: #ffffff;
}

.windowMenu .menu.vertical .item:last-child {
	border-radius: 0px 0px 5px 5px;
}

.windowMenu .key {
	color: #787982;
}

.windowMenu .item:hover .key {
	color: #ffffff;
}



.canvasContextmenu {
	background-color: rgb(51, 50, 54);
	color: #ffffff;
	border: 1px ridge #505355;
	border-color: #505355;
	background-image: none;
	box-shadow: 0 1px 10px #121214;
	border-radius: 6px;
	padding-top: 4px;
}


.canvasContextmenu li {
	background-color: transparent;
	margin-right: -4px;
	margin-left: -2px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 8px;
	padding-right: 8px;
}


.canvasContextmenu li .text {
	color: #ffffff;
}

.canvasContextmenu li.item:hover .key {
	color: #ffffff;
}

.canvasContextmenu li.item:focus {
	background-color: #2d5eca;
}

.canvasContextmenu li.item:hover {
	background-color: #2d5eca;
}

.canvasContextmenu li.sep {
	border-top: 2px solid #55565b;
	box-shadow: none;
	margin-right: -4px;
	margin-left: -2px;
}



input[type=text], input[type=password], select.select {
	background: none;
	background-color: rgb(30, 30, 30);
	border: 1px solid rgb(83, 83, 83);
	border-radius: 4px;
	box-shadow: none;
	color: rgb(221, 221, 221);
}

textarea {
	background-color: rgb(30, 30, 30);
	border: 1px solid rgb(83, 83, 83);
	border-radius: 4px;
	box-shadow: none;
	color: rgb(221, 221, 221);
}

select.select {
	border-radius: 0px;
	background-color: rgb(40, 40, 50);
}

input[type=button]:hover, button.button:hover, input[type=submit]:hover {
	box-shadow: none;
}

input[type=button], button.button, input[type=submit] {
	background: none;
	background-color: rgb(101, 102, 104);
	color: rgb(223, 223, 223);
	border: 0;
	border-top: 1px solid rgb(118, 120, 121);
	border-left: 1px solid rgb(64, 66, 67);
	border-right: 1px solid rgb(64, 66, 67);
	border-bottom: 1px solid rgb(44, 45, 48);
	border-radius: 4px;
	box-shadow: none;
	padding: 2px;
}

/* seems you can't style check-boxes... */


.dialog {
	background: none;
	background-image: none;
	background-color: rgba(51, 50, 54, .95);
	color: #ffffff;
	
	border: 1px ridge rgb(61, 59, 63);
	
	
	border-radius: 5px;
	
}

.dialog button {
	background: none;
	background-color: rgb(101, 102, 104);
color: rgb(223, 223, 223);
	border: 0;
	border-top: 1px solid rgb(118, 120, 121);
	border-left: 1px solid rgb(64, 66, 67);
	border-right: 1px solid rgb(64, 66, 67);
	border-bottom: 1px solid rgb(44, 45, 48);
	border-radius: 4px;
	box-shadow: none;
	padding: 2px;
}


div.gotoFile li {
	font-family: Helvetica, Arial, sans-serif;
	padding: 2px;
	background-color: rgb(51, 50, 54);
	color: #ffffff;
}

div.gotoFile li.selected {
	background-color: #2d5eca;
	color: #ffffff;
}

div.gotoFile li b {
	color: rgb(253, 161, 87);
}

div.gotoFile li:hover {
	background-color: #2d5eca;
	color: #ffffff;
}

a {
	color: rgb(255, 255, 255);
}

a:visited {
	color: rgb(213, 213, 213);
}


.dashboard {
	background-color: #1e1f22;
}

.dashboardWidget {
	background-color: #2d2d30;
	border: 1px solid #060707;
	color: #bbbbbb;
}

.dashboardWidget .strong {
	color: #e3e3e3;
}

.dashboardWidget .weak {
	color: #bbbbbb;
}

.dashboardWidget button {
	color: #e3e3e3;
	background-color: #343538;
	border: 1px ridge #343538;
}
.dashboardWidget button:hover {
	background-color: #67676a;
}

.dashboardWidget hr {
	border-bottom: 1px solid #3c3c40;
}

.dashboardWidget.smallGraph .graph .item0 {
	background-color: #3e3e42;
}
.dashboardWidget.smallGraph .graph .item1 {
	background-color: #49494d;
}
.dashboardWidget.smallGraph .graph .item2 {
	background-color: #5a5a5f;
}
.dashboardWidget.smallGraph .graph .item3 {
	background-color: #636369;
}
.dashboardWidget.smallGraph .graph .item4 {
	background-color: #6c6c73;
}
.dashboardWidget.smallGraph .graph .item5 {
	background-color: #77777e;
}
.dashboardWidget.smallGraph .graph .item6 {
	background-color: #83838a;
}
.dashboardWidget.smallGraph .graph .item7 {
	background-color: #8b8b93;
}
.dashboardWidget.smallGraph .graph .item8 {
	background-color: #95959d;
}



.discoveryBar {
	background-color: rgb(41, 42, 48);
}

.header .discoveryBar {
	background-color: #1d2029;
}

.discoveryBar .discoveryItem img {
	
	-webkit-filter: hue-rotate(-20deg) brightness(.4) contrast(.2);
	filter: hue-rotate(-20deg) brightness(.4) contrast(.2);
	
}

.header .discoveryBar .discoveryItem img {
	filter: hue-rotate(20deg) brightness(1) contrast(1) saturate(20%);
}

.discoveryBar .discoveryItem:hover img, .discoveryBar .discoveryItem img.active {
	
	-webkit-filter: hue-rotate(20deg) brightness(1.2) contrast(.1);
	filter: hue-rotate(10deg) brightness(1.2) contrast(.1);
	
}



/* Color of table scrollbar (color *behind* table) */
div.tableHolder {
	background-color: transparent;
}


.footer table.data tr:nth-child(even) {background: rgb(41, 42, 48); color: #e4e4e5;}
.footer table.data tr:nth-child(odd) {background: rgb(41, 42, 48);  color: #e4e4e5;}

.footer table.data tr.selected {
	background-color: rgb(47, 50, 57);
}

.footer table.data td {
	border: 0;
	
	
}

.footer table.data th {
	background: #3b3b45;
	border: none;
	color: #aaaaaf;
}

.footer table.data select {
	background: rgb(41, 42, 48);
	color: rgb(226, 226, 226);
}

.mercurialAnnotationWidget {
	font-family: font-family: "Courier New", Courier, monospace;
	font-size: 13px;
	background-color:none;
	color: white;
	border: none;
}