$page-color: #f77312;
$hovered-color: #ff811b;
$selected-color: #ec6807;

// Overwrite hover color
html {

	.main-header {
		background-image: url('../Images/backgrounds/header_notes.gif');
	}

	.sidebar .btn-new-node,
	.help-menu .rmRootGroup {
			color: $page-color;
	}

	body .RadInput_MetroTouch input.riFocused, 
	body .RadInput_Focused_MetroTouch {
		border-color: $hovered-color;
	}

	// Navigation
	.container .RadNavigation {

		.rnvHovered {

			.rnvRootLink{
				border-color: $hovered-color;
				background: $hovered-color;
			}
		}

		.rnvSelected,
		.rnvExpanded {

			.rnvRootLink{
				border-color: $selected-color;
				background: $selected-color;
			}
		}
	}

	.radSkin_BlackMetroTouch .rnvPopup {

		.rnvHovered >.rnvLink {
			background-color: $hovered-color;
		}

		.rnvSelected >.rnvLink {
			background-color: $selected-color;
		}
	}


	// SeachBox
	.rightScndNav {

		.button {
			
			&:hover,
			&.selected {
				color: $hovered-color;
			}


		}

		.RadSearchBox .rsbButtonSearch.rsbHovered {
			background: $hovered-color;
			border-color: $hovered-color;
		}
	}


	// Grid
	.RadGrid {

		.rgMasterTable .rgSelectedCell,
		.rgSelectedRow,
		td.rgEditRow .rgSelectedRow,
		.rgSelectedRow td.rgSorted {
			background: $selected-color;
		}

		.rgSelectedRow>td,
		.rgSelectedRow td.rgSorted {
			border-color: $selected-color;
		}
	}

	// Window
	.RadWindow {

		.rwTitleBar {
			background: $page-color;
		}



		// Editor
		.RadEditor {

			.reTool:hover {
				background: $hovered-color;
				border-color: $hovered-color;
			}

			.reToolSelected {
				background: $selected-color;
				border-color: $selected-color;
			}
		}


	}
	
	// mobile
	.mobile {

		.breadcrumb {
			color: $page-color;

			.item.expanded {
				background-color: $page-color;
			}
		}

		.RadMenuPopup_MetroTouch .rmItem.rmSelected {
			color: $selected-color;
		}
	}

}


// Window
html .RadWindow {

	.rwContent {
		padding: 0;
	}

	span.rwIcon {
		display: none;
	}

	.rwTitleWrapper .rwTitle {
		padding-left: 0;
	}

	.rwStatusBar .rwResize  {
		color: #f77312;
	}

	// Editor
	.RadEditor {
		width: 100% !important;
		margin: 10px 0;
		padding: 0;
		border: 0;
	}
}

.mobile {
	

	.scroller {
		overflow: auto;
	}
}
