﻿
#application-header {
	z-index: 100;
}

#applicationCategoryFilters {
	margin-top: 12px;
	padding-left: 10px;
}

h2.db-application-title
{
	line-height:50px; /*controls the vertical alignment between the icon and the text*/
	margin:0;
	margin-right:10px;
	text-wrap:none;
}

	h2.db-application-title i
	{
		margin-right:10px;
		margin-bottom:-5px;/*remove the shadow from the height of the icon*/
	}


div.well-application
{
	padding:10px;
	position: relative;
}


.view-toolbar-dropDown
{
}

	.view-toolbar-dropDown a.btn
	{
			background-color:rgba(255,255,255,0.3);
	}

	.view-toolbar-dropDown a.btn:hover
	{
			background-color:rgba(255,255,255,1);
			border-color:#aaa;
	}


.view-toolbar-dropDown-parent
{
	margin-top:13px;
	margin-left:10px;
	position:relative;/*required to allow the absolute positioning of the drop down to work*/
}


.view-toolbar-line-height
{
	line-height:55px; /* match the h2.db-application-title height with a little adjustment*/
}


#ApplicationSearch {
	font-size: 14px;
	color: #659ace;
	text-transform: uppercase;
}

	#ApplicationSearch input {
		margin-bottom: 4px;
		width: 120px;
		margin-right: 10px;
		margin-left: 2px;
		background-color: rgba(255,255,255,0.2);
		border-color: rgba(255,255,255,0.4);
		-webkit-box-shadow: none !important;
		-webkit-appearance: none;
		-ms-box-shadow: none;
		box-shadow: none;
		font-size: 16px;

		border-radius: 7px;
	}

#ApplicationSearch input:focus {
		background-color: white;
		-webkit-box-shadow: inset 0px 0.43px 0.43px 0px rgba(0, 0, 0, 0.033), 0px 0px 3.51px 0px rgba(82, 168, 236, 0.264);
		-ms-box-shadow: inset 0px 0.43px 0.43px 0px rgba(0, 0, 0, 0.033), 0px 0px 3.51px 0px rgba(82, 168, 236, 0.264);
		box-shadow: inset 0px 0.43px 0.43px 0px rgba(0, 0, 0, 0.033), 0px 0px 3.51px 0px rgba(82, 168, 236, 0.264);
		border-color: rgba(82, 168, 236, 0.8);
	}



#sub-application-selector-container {
	/* this is inserted into the application header on document ready */
	line-height: 55px;
	font-size: 20px;
}


	.applicationSelector {
		line-height: normal;

		background-color: #d2e0ed;
		background-color: rgba(255, 255, 255, 0.2);
		padding-bottom: 2px;
		padding-left: 7px;
		padding-right: 7px;

		border: 1px solid white;
		border-color: rgba(255, 255, 255, 0.5);
		border-radius: 7px;

		margin-left: 10px;

		white-space: nowrap;

		color: #659ace;
	}

		.applicationSelector:hover {
			text-decoration: none;
			background-color: white;
			color: #5b8ac1;
		}


		.applicationSelector.selected {
			color: #5b8ac1;
			background-color: white;
		}






/*#region debug */

	#debug {
		position: absolute;
		right: -25px;
		top: 50%;
		margin-top: -10px;
		line-height: normal;
	}

	.debug-helper {
		opacity: 0.5;
	}

		.debug-helper:hover {
			opacity: 1;
		}


/*#endregion */	