/*color constants are copied into ColorsViewModel.cs*/
/* These Z-Indexes Are Intertwined In order to support popups*/
/*-------------------- Top Bar and Main Menu --------------------------*/
/* -------------------------------------- Basic Typography -------------------------------------- */
/* -------------------------------------- Responsive Constants -------------------------------------- */
/* Same widths as Bootstrap's responsive breaks: http://getbootstrap.com/2.3.2/scaffolding.html#responsive */
#CloudResourceTools {
		width: 100%;
		height: 99%;
		white-space: normal; }
		#CloudResourceTools #CloudResourceToolsSelector {
				width: 680px;
				text-align: center;
				font-size: 12px;
				margin-bottom: 10px; }
				#CloudResourceTools #CloudResourceToolsSelector .fa {
						font-size: 20px; }
				#CloudResourceTools #CloudResourceToolsSelector .CloudResourceToolHeader {
						width: 90%;
						margin: 0 auto;
						padding-bottom: 3px;
						border-bottom: 2px solid transparent; }
				#CloudResourceTools #CloudResourceToolsSelector .active .CloudResourceToolHeader {
						border-bottom: 2px solid #424242; }
		#CloudResourceTools #CloudResourceToolsSelector li {
				width: 97.14286px;
				cursor: pointer; }
		#CloudResourceTools #CloudResourceToolsSelector li:hover {
				color: #1EBD59; }
				#CloudResourceTools #CloudResourceToolsSelector li:hover .CloudResourceToolHeader {
						border-bottom: 2px solid #1EBD59; }
		#CloudResourceTools #CloudResourceToolsObjects {
				width: 100%;
				height: 100%; }
				#CloudResourceTools #CloudResourceToolsObjects .CloudResourceToolsObject {
						display: none;
						height: 100%;
						width: 100%; }
				#CloudResourceTools #CloudResourceToolsObjects .CloudResourceToolsObject.active {
						display: block; }
				#CloudResourceTools #CloudResourceToolsObjects .CloudResourceToolsStandardObject {
						height: 40px;
						line-height: 40px;
						width: 74%;
						float: right;
						text-align: center;
						font-size: 18px;
						cursor: pointer;
						background-color: #F0F0F0; }
				#CloudResourceTools #CloudResourceToolsObjects .CloudResourceToolsButton {
						width: 20%;
						float: left;
						background-color: #424242;
						color: #fff; }
				#CloudResourceTools #CloudResourceToolsObjects .CloudResourceToolsAppSearch {
						height: 40px;
						line-height: 40px;
						width: 77%;
						text-align: center;
						font-size: 18px;
						cursor: pointer;
						margin-bottom: 10px;
						background-color: #FFF;
						float: right; }
				#CloudResourceTools #CloudResourceToolsObjects .CloudResourceToolsButton:hover {
						background-color: #1EBD59 !important;
						color: #FFF !important; }
				#CloudResourceTools #CloudResourceToolsObjects .CloudResourceToolsSearchArea {
						/*width: 70%;
            height: 100%;
            line-height: 0px;
            margin-right: 5%;
            float: right;*/
						width: 90%;
						/* margin: 0 auto; */
						height: 100%;
						line-height: 0px;
						margin-right: 5%;
						float: right; }
						#CloudResourceTools #CloudResourceToolsObjects .CloudResourceToolsSearchArea .CloudResourceToolsSearchSpacer {
								width: 30px; }
						#CloudResourceTools #CloudResourceToolsObjects .CloudResourceToolsSearchArea .CloudResourceSearchInput {
								height: 24px;
								width: 100%;
								padding: 2px;
								border: none;
								outline: none;
								font-size: 16px;
								line-height: 0px; }
						#CloudResourceTools #CloudResourceToolsObjects .CloudResourceToolsSearchArea .CloudResourceAppSearchInput {
								height: 24px;
								width: 100%;
								padding: 2px;
								border: none;
								outline: none;
								font-size: 16px;
								line-height: 0px; }
						#CloudResourceTools #CloudResourceToolsObjects .CloudResourceToolsSearchArea .CloudResourceClearButton {
								height: 24px;
								width: 100%;
								background-color: #FFF; }
								#CloudResourceTools #CloudResourceToolsObjects .CloudResourceToolsSearchArea .CloudResourceClearButton .fa {
										font-size: 18px;
										display: block;
										line-height: 24px;
										opacity: 0;
										transition: opacity 0.3s ease-in-out;
										-moz-transition: opacity 0.3s ease-in-out;
										-webkit-transition: opacity 0.3s ease-in-out; }
						#CloudResourceTools #CloudResourceToolsObjects .CloudResourceToolsSearchArea .CloudResourceSearchButton {
								height: 24px;
								width: 100%;
								background-color: #424242;
								color: #F0F0F0;
								position: relative;
								text-align: center; }
								#CloudResourceTools #CloudResourceToolsObjects .CloudResourceToolsSearchArea .CloudResourceSearchButton .fa {
										font-size: 14px;
										display: block;
										line-height: 24px; }
						#CloudResourceTools #CloudResourceToolsObjects .CloudResourceToolsSearchArea .CloudResourceAppSearchClearButton {
								height: 24px;
								width: 100%;
								background-color: #FFF; }
								#CloudResourceTools #CloudResourceToolsObjects .CloudResourceToolsSearchArea .CloudResourceAppSearchClearButton .fa {
										font-size: 18px;
										display: block;
										line-height: 24px;
										opacity: 0;
										transition: opacity 0.3s ease-in-out;
										-moz-transition: opacity 0.3s ease-in-out;
										-webkit-transition: opacity 0.3s ease-in-out; }
						#CloudResourceTools #CloudResourceToolsObjects .CloudResourceToolsSearchArea .CloudResourceAppSearchButton {
								height: 24px;
								width: 100%;
								background-color: #424242;
								color: #F0F0F0;
								position: relative;
								text-align: center; }
								#CloudResourceTools #CloudResourceToolsObjects .CloudResourceToolsSearchArea .CloudResourceAppSearchButton .fa {
										font-size: 14px;
										display: block;
										line-height: 24px; }
				#CloudResourceTools #CloudResourceToolsObjects .CloudResourceToolsSearchArea:hover .CloudResourceClearButton .fa {
						opacity: 1; }
				#CloudResourceTools #CloudResourceToolsObjects .CloudResourceToolsSearchResultArea {
						display: none;
						width: 100%;
						border-left: 1px solid #EFEFEF;
						border-right: 1px solid #EFEFEF;
						border-bottom: 1px solid #E2E2E2;
						background-color: #FFF; }
						#CloudResourceTools #CloudResourceToolsObjects .CloudResourceToolsSearchResultArea .widget-title-bar {
								border-top: 3px solid #E0E0E0;
								padding: 0px 5px;
								border-radius: 0px; }
						#CloudResourceTools #CloudResourceToolsObjects .CloudResourceToolsSearchResultArea .widget-inner-content {
								height: calc(100% - 50px); }
						#CloudResourceTools #CloudResourceToolsObjects .CloudResourceToolsSearchResultArea .widget-inner-content-container {
								height: 111% !important; }
				#CloudResourceTools #CloudResourceToolsObjects .CloudResourceToolsSearchResultArea.active {
						display: block;
						width: 97%; }

#CloudResourceTools .widget-title-bar {
		padding: 0;
		margin-top: 20px;
		border-top: 1px solid #EFEFEF; }