/* Place your Bootstrap and SmartGuide overwrites here as well as any custom classes */
/* General properties */
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700");
body {
    font-family: "Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.846;
    color: #000000;
    background-color: #ffffff;
    overflow-x: hidden;
}
/* Tooltip and popover */
.tooltip, .popover {
	font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
/* Navigation bar */
.navbar-inverse {
	background-color: #2196f3;
}
.navbar-inverse .navbar-nav>.active>a, 
.navbar-inverse .navbar-nav>.active>a:hover, 
.navbar-inverse .navbar-nav>.active>a:focus {
    color: #ffffff;
    background-color: #0c7cd5;
}
/* First set of links in top navigation bar */
.navbar-collapse > ul:first-of-type a {
	text-transform: uppercase;
}
/* Spacing above logo section */
.page-header {
	margin: 86px 0 12px;
	padding-bottom: 0;
}
@media (min-width: 768px) {
	.page-header {
		margin: 10px 0 23px;
		padding-bottom: 10px;
	}
}
/* Logo */
@media (max-width: 768px) {
	img.logo {
		max-width: 60%;
	}
}
/* "Online services" text below navigation bar */
.page-header .pull-right {
	font-size: 18px;
}
/* Smartlet title */
.page-header h1 {
	color: #0c7cd5;
	font-size: 20px;
	text-align: center;
	border: 1px solid #ccc; 
	border-width: 1px 0;
	margin: 20px 0;
	padding: 7px;
}
@media (min-width: 768px) {
	.page-header h1 {
		font-size: 24px;
		margin: 40px 0;
	}
}
/* Page sections breadcrumb trail */
.section li p.current {
	color: white;
}
.section li p.current, 
.section li p.current:after,
.section li p.before-current:after {
	background-color: #0c7cd5;
}
/* Page title */
.page-title h2 {
  color: #0c7cd5;
  font-size: 20px;
  margin-top: 0;
}
@media (min-width: 768px) {
	.page-title h2 {
		font-size: 24px;
	}
}
/* Readonly */
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
	color: #bbb;
}

.viewDiv {
            padding: 0;
      margin: 0;
      height: 30vw;
      width: 100%;
        }
        
input[type=text]::-ms-clear {
  display:none;
}

.CoordDisplay{
  font-size: 14px;
  color: #000000;
  background-color: rgb(255, 255, 255);
  border: thin solid #000000;
}

.mapbutton{
    float:left;
    width:175px;
    margin-right:50px;
    border-radius: 25px;
    border-color: rgb(36, 113, 0);
    border-style: solid;
    border-width: thin;
    cursor: pointer;
    font-size: 14px;
    background-color: #fff;
    color: #6e6e6e;
    height: 32px;
    overflow: hidden;
    text-align:center;
    vertical-align: middle;
    margin-bottom: 10px;
}    
    
.mapbutton:hover {
    background-color: #f0f0f0 !important;
    color: #2e2e2e !important;
}

.mapbuttonspecial {
    background: none!important; 
    border: none!important; 
    border-style: none!important;
    padding: 0!important;
    font-family: arial, sans-serif;  
    color: #069;   
    text-decoration: underline;   
    cursor: pointer; 
    box-shadow: none!important;
}

.esri-widget--button{
    color: white !important;
    background-color:rgb(110,110,110) !important;
}

.esri-basemap-toggle__container, .esri-basemap-toggle__image{
    border-style: solid !important;
    border-width: thin !important;
    border-color: rgb(110,110,110) !important;
}

.esri-expand__content--expanded{
    border-style: solid !important;
    border-width: thin !important;
    border-color: rgb(110,110,110) !important;
}

.alert-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff;
    font-size:16px;
}

.selectable-row tr,
.selectable-row input{
    cursor:pointer;
}

.emptyLegend > .required{
    display:none;
}