/*  Copyright 2016 Applied Geographics, Inc.
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */

/*
 *  Customize.css - Customizable Styles for the GPV
 *
 *  Modify this file to suit the styling of your site.  When a new version of
 *  the GPV is delivered, backup your version of this file then copy your
 *  modified styles over to the new version.
 *
 *  As an alternative you can make a copy of this file, modify it, and
 *  configure the copy as your CustomStyleSheet in the Web.config.  The 
 *  styles in your copied version will then override the styles here.
 *
 *  Note that making the modifications directly in this file will result in
 *  slightly better performance. 
 *
 */

/* ============================ */
/*   Header and Footer Sizing   */
/* ============================ */

/* NOTE: you may change the values of these styles but do not delete them! */

/* height of the header */

#pnlHeader
{
  min-height: 50px;
  height: 50px;
}

/* top and bottom of the main content area (map and function panels); */
/* top and bottom of the main content area should match the hight of the header */
/* and the footer respectively */

#pnlContent 
{
  top: 50px;
  bottom: 20px;
}

/* height of the footer */

#pnlFooter
{
  height: 20px;
  text-align: center;
}

/* IMPORTANT!  Set this to 450 plus the top and bottom values of */
/* pnlContent above. Not doing so could cause the interface to   */
/* layout incorrectly.                                           */

#pnlBody
{
  min-height: 526px;
}

/* =========================== */
/*   Customizable GPV styles   */
/* =========================== */

/* NOTE: you may change the values of these styles but do not delete them! */

/* default background color of the header and footer */

#pnlHeader
{
  background-color: #3c8dbc;
}

#pnlFooter {
  background-color: #172936;
}

/* default color of the hamburger menu icon and the help question icon */

#cmdMenu span, #cmdHelp span, #cmdEmail i
{
  color: #ffffff;
}

#cmdMenu span:hover{
  color: #ffb74d;
}

/* default color of the details panel three dot icon */

#cmdShowDetails
{
  color: #fff;
}

/* text color of links (external pages and GPV commands) */

a, .CommandLink
{
  color: #ffffff;
}

#pnlMain a{
  color: #0000EE;
}
/* text color of the GPV version text below the map */

.VersionText
{
  color: #A0A685;
  margin-left: 10px;
}

/* text color of the AppGeo link below the map */

a.VersionText
{
  color: #999FBF;
}

/* background and text colors of unselected tabs */

.Tab.Normal, a.Tab.Normal
{
  background-color: #dee0d5;
  color: #A0A0A0;
}

/* background and text colors of tabs as you mouse over them */

.Tab.Normal:hover, a.Tab.Normal:hover
{
  background-color: #F5F7EB;
  color: #808080;
}

/* text color of selected tabs */

.Tab.Selected, a.Tab.Selected
{
  color: Black;
}

/* background color of panels, selected tabs and color selectors */

.MainPanel, .Tab.Selected, .ColorSelector
{
  background-color: #FFFFFF;
}

/* border color of panels, tabs and color selectors */

.Tab, .ColorSelector
{
  border-left: solid 1px #b9b9b9;
  border-top: solid 1px #b9b9b9;
  border-right: solid 1px #b9b9b9;
}

.ColorSelector
{
  border-bottom: solid 1px #b9b9b9;
}

/* border color of text boxes and drop down lists */

.Input
{
  border: solid 1px #AFB2A1;
}

/* background color for alternating rows in data grids (the base color is always white)
 * this is for the alternating rows for data in the search and selection function panels */

.DataGridRowAlternate
{
  background-color: transparent;
}

/* background and text color of headers in right data panel */

.DataList .RowSetHeader
{
  background-color: #444f56;
  color: #f3f7d9;
}

/* background and text color of subheaders in data panel */

.DataList .RowSetSubheader
{
  background-color: transparent;
  color: #f3f7d9;
}

/* color for function menu left boarder */

.Menu
{
  border-left: none;
}

/* link text color for left menu items */

.MenuItem
{
  color: #fff;
}

.MenuItem:hover
{
  color: #fff;
}

.active .MenuItem
{
  color: #fff;
}

/* text color for help page menu item */

#listContents .MenuItem
{
  color: #212121;
}

/* left border of Menu */

#pnlTableofContents .Menu
{
  border-left: solid 4px #3c8dbc;
}

/* left border of Menu */

#pnlHelpContent .MenuItem
{
  font-size: 24px;
  color: #212121;
}

/* function panel background color and right border color */

#pnlFunction {
    background: rgba(23,41,54,.9);
}

#pnlFunctionSidebar
{
  background-color: #172936;
  border-right: none;
}

/* function panel background color, text color and left border  */

.FunctionHeader
{
  background-color: #172936;
  border-left: none;
}

.FunctionHeader, .FunctionHeader span a
{
  color : #ffffff;
}

/* sets the color of the < and > icons used to close the function and data panels 
 * currently set to match the font color in the function header */

.FunctionExit, .DataExit
{
  color: #FFFFFF;
}

/* data panel header background color and text color  */

.DataHeader
{
  background-color: #172936;
  color: #fff;
}

/* font for function panel menu items and headers on the function and data panels */

.MenuItem
{
  font-family: Open Sans, sans-serif;
  font-size: 13px;
}

.FunctionHeader, .DataHeader {
  font-size: 15px;
  font-family: Open Sans, sans-serif;
}

/* color of the labels used for various options in the Share panel */

.FunctionLabel
{
  color: #fff;
  font-size: 15px;
}

/* sets the color in the map tool menu for when hovering over an active map tool item */

li.MapTool:hover, #selectMapTheme li:hover, #selectMapLevel li:hover
{
  background-color: #1e90ff;
}

/* sets the height and width for the overview map popout in the bottom right corner of the map */

.overviewMap
{
  height: 250px;
  width: 175px;
}

/* color of the overview map locator box that shows current extent */

#locatorBox
{
  border: solid 2px #FF0000;
}

#pnlSearchGrid, #pnlQueryGrid
{
  color: #f4f7f7;
}


/* =================================== */
/*   Custom header and footer styles   */
/* =================================== */

/* add your custom styles here */