/**** The styles in this file will override the default site styles. ****/

/*** The following colors should only be edited via the Custom Colors page in ESb. ***/
/** Main Page background **/
.AAGMainPageBackground
{
	background-color: #e7ecea;
}
/** end Main Page background **/

/** Main Menu background **/
.MenuControl.VerticalMenu .MenuContent 
{
    background-color: #e7ecea;
}
/** end Main Menu background **/

/** Headings background **/
/* Background color used for main page divider and page headers */
.AAGPageBackground1 
{
    background-color: #808080;
}

/* Colors used for tables and reports */
.AAGReportHeading 
{
    background-color: #808080;
}

/* Background color for title section in dialogs */
.ui-widget-header 
{
    background-color: #27AAE2;
}

/* Background colors used in the menu headers for the Legend control */
.LegendControl.VerticalLegend .LegendButtonContainer .LegendButton
{
	background-color: #27AAE2;
}

/* Background colors for tab controls */
.ajax__tab_AAG-theme .AAGTabHeading .AAGTabHeadingCenter
{
	background-color: #f7f7f7;
}

/* Background colors for menu headers in the Layer Information page */
.LayerInformation .LayerButtonContainer .LayerButton
{
	background-color: #27AAE2;
}
/** end Headings background **/

/** Text content background **/
/* Background color used for most text boxes on pages */
.AAGPageBackground2 
{
    background-color: #cccccc;
}

.AAGReportRow 
{
    background-color: #cccccc;
}

/** end Text content background **/

/** Sub page background **/
/* Background color used for sub pages (Data Managment, Layer Information etc.) */
.AAGPageBackground3 
{
    background-color: #eeeeee;
}

.AAGReportRow.Alternate 
{
    background-color: transparent;
}

.AAGReportBackground 
{
    background-color: #eeeeee;
}

/* Background color used for the content section in dialogs */
.ui-widget-content 
{
    background-color: #eeeeee;
}

/* Background color for main map on startup */
.MainMapFrame_MapCell_MapContainer.MapInitialLoad
{
    background-color: #D7EAF8;
}
/** end Sub page background **/

/** Active elements background **/
.ajax__tab_AAG-theme .ajax__tab_active .AAGTabHeading .AAGTabHeadingCenter
{
	background-color: #f7f7f7;
}

.LegendControl.VerticalLegend .LegendButtonContainer .LegendButton.MouseOver
{
	background-color: #f7f7f7;
}

.LayerInformation .LayerButtonContainer .LayerButton.MouseOver
{
	background-color: #f7f7f7;
}
/** end Active elements background **/

/* ---------------------------------------------------------------------------------- */
/* MuniSight Advanced Edition Overrides */

body
{
	background-color: #eeeeee;
	color: Black;
	font-family: "Quicksand", Verdana, sans-serif;
	font-size: 18px;
	margin: 0px;
}

.ui-dialog {
	border-bottom: #868686 2px solid;
	border-right: #868686 2px solid;
	top: 50px !important;
}

.ui-widget {
    font-family: "Quicksand",Verdana,Arial,sans-serif;
    font-size: 1em;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: "Quicksand",Verdana,Arial,sans-serif;
    font-size: 1em;
}

.MenuControl.VerticalMenu .MenuTabContainer .ajax__tab_body {
  /*position: relative;
  top: 0; */
}

.MenuControl.VerticalMenu .MenuTabContainer .ajax__tab_header {
    display: table;
    background: rgba(40,44,42,0.05);
    left: 0;
    height: 28px;
    width: 100%;
}
.ajax__tab_default ..ajax__tab_tab {
  overflow: visible;
}

.ajax__tab_AAG-theme .ajax__tab_header .ajax__tab_outer {
    font-weight: normal;
    font-size: 1.1em;
    margin-left: 0;
    left: 16px;
    position: relative;
}

.ajax__tab_AAG-theme .AAGTabHeading {
    position: relative;
    cursor: pointer;
    top: 2px;
}

.ajax__tab_AAG-theme .ajax__tab_body {
    border: none;
}

.ajax__tab_AAG-theme .ajax__tab_active .AAGTabHeading .AAGTabHeadingCenter {
    color: black;
    border: none;
    border-bottom: solid 5px #009fe5;
	font-weight: bold;
}

.ajax__tab_AAG-theme .ajax__tab_active .ajax__tab_inner {
    color: white;
}

.ajax__tab_AAG-theme .AAGTabHeading .AAGTabHeadingCenter {
    height: 18px;
    color: #74777b;
    border: none;
    border-radius: 4px 4px 0 0;
    margin: 0;
    margin-left: 2px;
}

.LegendControl.VerticalLegend .LegendButtonContainer .LegendButton {
  border-color: rgba(40,44,42,0.05);
  background-color: #f7f7f7;
  color: #74777b;
}

.LegendControl.VerticalLegend .LegendButtonContainer .LegendButton.MouseOver {
    background-color: #f7f7f7;
    border: 0;
    color: black;
    border-bottom: solid 3px #009fe5;
}

.LayerInformation .LayerButtonContainer .LayerButton {
  border-color: rgba(40,44,42,0.05);
  background-color: #f7f7f7;
  color: #74777b;
}

.LayerInformation .LayerButtonContainer .LayerButton.MouseOver {
    background-color: #f7f7f7;
    border: 0;
    color: black;
    border-bottom: solid 3px #009fe5;
}

.LayerInformation .LayerMenuArea .Instance.Selected
{
	border-color: red;
}

.LayerInformation .ajax__tab_AAG-theme .AAGTabHeading {
    font-size: .9em;
}

.GroupItemRow .GroupItemText {
    font-size: .9em;
}

.NavigationControl .ZoomOutButtonContainerDocked .ZoomImageDocked.ZoomOutDocked {
    cursor: pointer;
    background-size: contain;
}

.NavigationControl .ZoomInButtonContainerDocked .ZoomImageDocked.ZoomInDocked {
    cursor: pointer;
    background-size: contain;
}

.NavigationControl .ToolbarImage {
    height: 20px;
    width: 20px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 4px;
    margin-bottom: 2px;
    border-right: 1px grey solid !important;
    padding-right: 5px;
    outline: 0;
}

.AAGToolbar.VerticalToolbar .ToolbarImage {
    margin-left: 2px;
    margin-right: 0;
    padding-bottom: 4px;
    border-bottom: 1px grey solid !important;
}

.AAGToolbar .ToolbarImage {
    height: 20px;
    width: 20px;
}

input#ctl00_cphToolBarArea_ctl01_imgUserPreferenceMenu {
	border: none !important;
}

input#ctl00_cphMapArea_MapFrameControl_ctrlId_ctl07_imgZoomNominalScaleTool {
    border: none !important;
}

div#ctl00_cphToolBarArea_ctl01_ctrlRedlineToolsToolbar_dvToolbarMenu .ToolbarImage {
    border: none !important;
}

div#ctl00_cphToolBarArea_ctl01_ctrlMeasurementToolToolbar_dvToolbarMenu .ToolbarImage {
    border: none !important;
}

div#ctl00_cphToolBarArea_ctl01_ctrlUserPreferenceToolbar_dvToolbarMenu .ToolbarImage {
    border: none !important;
}

div#ctl00_cphToolBarArea_ctl01_ctrlHelpToolbar_dvToolbarMenu .ToolbarImage {
    border: none !important;
}

.BookmarkControlContainer {
    font-size: .9em;
}

.PushpinControlContainer {
    font-size: .9em;
}

.AAGDialog {
    font-size: .9em;
}

.AAGLabelManager {
    font-size: .9em;
}

.AttributeQueryManager .ListAreaRow {
    height: 24px;
    padding-top: 4px;
    border-radius: 4px;
}

.AttributeQueryManager .ListArea .DisplayItemButton {
    top: 4px;
    left: 2px;
}

.AttributeQueryManager .ListAreaEditButton {
    top: 4px;
}

.AttributeQueryManager .ListAreaDeleteButton {
    top: 4px;
}

fieldset {
    border-radius: 4px;
}

.NewButtonContainer {
    border-radius: 4px;
}

.BottomButtonContainer {
    border-radius: 4px;
}

.ButtonRow {
    border-radius: 4px;
}

input {
    font-family: "Quicksand", Verdana, sans-serif;
}

select {
    font-family: "Quicksand", Verdana, sans-serif;
}

.AttributeInformationPage .UpperSection .SidebarContainer {
    top: 10px;
}

.AttributeInformationPage .UpperSection .SidebarContainer .SidebarImage{
    width: 20px;
    height: 20px;
    background-size: contain;
}

.AttributeInformationPage .UpperSection.NoDescription {
    top: 5%;
    height: 42.4%;
}

.AttributeInformationPage .LowerSection .ajax__tab_AAG-theme .ajax__tab_panel {
    border-radius: 4px;
    border: 1px #cccccc solid;
}

.HeaderCell a {
    color: white;
}

.LoginReport .FilterSection .FilterContainer {
    border-radius: 4px;
}

div#reportTabContainer_body {
    border-radius: 4px;
}

.SearchControl .DownloadExportLink img {
    width: 20px;
    height: 20px;
}

.AboutHeader img {
    height: 40px;
    padding: 10px;
}

.AboutControl .ProductName {
    position: absolute;
    right: 20px;
	top: initial;
}

.CustomSubReportControl .ReportSection .ReportSectionHeading {
    padding: 3px 5px;
    border-radius: 4px;
}

.CustomSubReportControl .ReportSectionItem .ItemHeadingContainer.AAGReportHeading {
    background-color: #cccccc;
    border-radius: 4px;
    border-bottom: 2px #808080 solid;
}

.CustomSubReportControl .ReportSectionItem .ItemHeadingContainer {
    color: black;
}

.OwnerSubReportControl .OwnerHeader {
    margin-left: 5px;
    margin-right: 5px;
    padding-left: 10px;
    border-radius: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.OwnerSubReportControl .OwnerHeader .OwnerNameHeader {
    color: white;
}

.DataManagement .ajax__tab_AAG-theme .AAGTabHeading {
	font-size: .9em;
}

/* MuniSight logo on admin pages */
.AAGMuniSightLogo img {
    height: 40px;
}

/* Video Data Logging */
.VideoDataLoggingControl .SelectPointImage {
    background-size: contain;
    background-repeat: no-repeat;
	width: 20px;
	height: 20px;
    border-right: 1px grey solid !important;
    padding-right: 4px;
}

.VideoDataLoggingControl .FlipDirectionImage {
    background-size: contain;
    background-repeat: no-repeat;
	width: 20px;
	height: 20px;
}
/* ------------------------------------------------------------------------------------------------ */

/* navbar styles, they shoudln't really be here but if they are included in the MainPage.css where they belong they are overridden when bootstrap is loaded*/
/* Set navbar color*/
.bootstrap-iso .navbar-inverse {
	background-color: #1F4E79;
	border-color: #080808;
}

.bootstrap-iso .navbar-brand {
	float: left;
	height: 40px;
	padding-top: 8px;
	padding-bottom: 11px;
	padding-left: 15px;
	padding-right: 0px;
	font-size: 18px;
	line-height: 40px;
	font-weight: bold;
}

.bootstrap-iso .navbar {
	min-height: 40px;
}

/*.bootstrap-iso .navbar-brand {
    padding: 11px 15px;
    height: 40px;
    line-height: 40px;
}*/

.bootstrap-iso .navbar-toggle {
	/* (80px - button height 34px) / 2 = 23px */
	margin-top: 3px;
	padding: 9px 10px !important;
}

@media (min-width: 768px) {
	.bootstrap-iso .navbar-nav > li > a {
		/* (80px - line-height of 27px) / 2 = 26.5px */
		padding-top: 6px;
		padding-bottom: 6px;
		line-height: 27px;
	}
}

.bootstrap-iso .dropdown-menu > li:hover .fahover {
	color: #eee;
}

.fahover {
	color: #1F4E79;
}