/* ### General settings ### */
/* Settings for the entire web app. */

body, table, tr, td, input, textarea {
	font-family:"Segoe UI" , Verdana, Tahoma, Helvetica, sans-serif; /* masterstyle:PMClient_Font */
	font-size:8pt;
	color:#000; /* masterstyle:PMClient_FontColor */
}

body, .ribbon {
  font-family: "Open Sans"; /* SW Code-Blue */
}

/* Font size for the login screen */
.login-page, .login-page td, .login-page input {
	font-size:18px;
  font-family: "Open Sans";
  color: black;
}

input[type="submit"]:hover {
  background-color: #c24f02 !important;
}

.login-page input[type="text"]:focus, .login-page input[type="password"]:focus {
  border: 1px solid #0082bb;
}

.input-label-focus {
  color: #0082bb;
}

/* The progress indicator image. */
.busy,
#initializing-busy-overlay {
	background-image:url(SilverTheme/ProgressIndicator.gif);
	color:#717171;
}

.busy-small {
	background-image:url(SilverTheme/ProgressIndicator_Small.gif) !important;
}

/* ### Navigation ### */

/* Navigation sections */
.nav-container .nav-section-header {
	background-color:#f0f0f0; /* masterstyle:PMClientNav_BackColor */
	color:#000; /* masterstyle:PMClientNav_FontColor */
}

body.layout-nav-left .nav-container .nav-section-header,
body.layout-nav-right .nav-container .nav-section-header {
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#ddd; /* masterstyle:PMClientNavHover_BackColor */
}

body.layout-nav-left .nav-container .nav-section:not(.active) .nav-section-header:hover,
body.layout-nav-right .nav-container .nav-section:not(.active) .nav-section-header:hover {
	background-color:#ddd; /* masterstyle:PMClientNavHover_BackColor */
	color:#000; /* masterstyle:PMClientNavHover_FontColor */
}

/* The search icon */
.nav-container .nav-section-header input {
	background-image:url(./SilverTheme/Search.svg);
  background-size: 24px 24px;
}

.nav-container .nav-section-header input:hover, .nav-container .nav-section-header input:focus {
	background-image:url(./SilverTheme/SearchActive.svg);
  background-size: 24px 24px;
}

/* The busy icon when navigating to a node */
.tree .tree-node-busy {
	background-image:url(SilverTheme/ProgressIndicator_Small.gif);
}

/* ### Splitter settings ### */

.splitter {
	/* The splitter color. */
	background-color:#f0f0f0; /* masterstyle:PMClientSplitter_BackColor */
}

.splitter:hover, .splitter:active {
	/* The hover color. */
	background-color:#0082BB; /* masterstyle:PMClientSplitterActive_BackColor */
}

.splitter > span {
	/* The splitter collapse button color. */
	background-color:#9d9d9d; /* masterstyle:PMClientSplitterCollapseButton_FontColor */
}

/* ### Ribbons and Backstage ### */

/* General ribbon header */
.backstage {
	background-color:white; /* masterstyle:PMClient_BackColor */
}

/* Backstage left side background */
.ribbon .start-sidebar-left {
	background-color:#0082BB;
	color:#fff; /* masterstyle:PMClientBackstageLeftSide_FontColor */
}

/* Backstage left side active menu item */
.ribbon .start-sidebar-left > ul > li.active {
	background-color:rgba(255,255,255,0.3); /* light blue due to the background */
}

/* ### Trees ### */

/* The tree styling */
.tree {
	background-color:#fff; /* masterstyle:PMClientTree_BackColor */
	color:#000; /* masterstyle:PMClientTree_FontColor */
}

/* The label-styling of a selected tree node. */
.tree li.selected > label {
	background-color: #0082BB; /* masterstyle:PMClientTreeSelected_BackColor */
	color:#fff; /* masterstyle:PMClientTreeSelected_FontColor */
}

/* The label-styling of a tree node over which the mouse is currently located. */
.tree li.selectable:not(.selected) > label:hover {
	background-color:#F0F0F0; /* masterstyle:PMClientTreeHover_BackColor */
	color:#000; /* masterstyle:PMClientTreeHover_FontColor */
}

/* The expander icon for the tree nodes in collapsed state. */
.tree li.has-children > expander {
	background-image:url(./SilverTheme/TreeCollapsed.svg);
  background-size: 14px 14px;
}

/* The expander icon for the tree nodes in expanded state. */
.tree li > expander.expanded {
	background-image:url(./SilverTheme/TreeExpanded.svg);
  background-size: 14px 14px;
}

/* ### Backstage customization ### */

/* The user-icon displayed in top right corner of the backstage. */
.backstage-header .user-icon {
	background-image:url(./SilverTheme/User.svg);
  background-size: 36px 36px;
}

/* ### Custom styles ### */

input {
	/* Set the border color of the login box and all input controls. */
	border:1px solid #CCC;
}