html, body {
  height: 100%;
  font-family: 'montserrat' !important;
}

.hp-fe-gradient{
     border-bottom-width:2px;
    border-bottom-style: solid; 
    border-bottom-color:rgb(0,175,188) !important;
    border-image-source:linear-gradient(-135deg, rgba(0,175,188,1) 0%, rgba(32,83,116,1) 100%) !important;
    border-image-slice: 1;
    margin-bottom: 5px !important;
    margin-top: 0px !important;
}

.ui-widget{
    font-family: 'montserrat' !important;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button{
    font-family: 'montserrat' !important;
}

/*.ui-widget-header{
    border: 1px solid #fff !important;
    border-bottom: 1px solid #e9e9e9 !important;
    background: #fff !important;
}*/

.ui-widget-header {
    border: 1px solid #fff !important;
    border-bottom: 1px solid #205374 !important;
    background: #fff !important;
}

/* HEADER */
header {
  position: relative;
  z-index: 1002;
  height: 140px;
  background-color: #ffffff;
  border-bottom: 3px solid #3D7EDB;
  border-left: 0 none;
  border-right: 0 none;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
nav#header {
  background-color: #ffffff;
  border-bottom: 3px solid #FFB612;
  border-top-color: #fff;
  border-left-color: #fff;
  border-right-color: #fff;
  margin: 0px;
}
nav#header .navbar-brand {
  float: left;
  height: 70px;
  margin: 0px;
  padding: 0px;
  font-size: 18px;
  line-height: 20px;
}
nav#header .navbar-brand img {
  float: left;
  height: 70px;
}
nav#header .navbar-brand span {
  float: left;
  height: 70px;
  padding: 10px 5px;
  font-size: 30px;
  line-height: 50px;
  font-family: 'slabo_13pxregular';
  font-weight: normal;
  color: #0039A6;
}
nav#header .navbar-brand:hover span {
  color: #3D7EDB;
}

/* HEADER - NAVBAR */
.navbar-nav {
  display: none;
}
nav#navbar {
  clear: both;
/*  height: 70px;
  margin-top: 73px;*/
}
nav#navbar .block:first-of-type {
  display: block;
  position: relative;
  /*height: 46px;*/
}
nav#navbar .block {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  float: left;
  margin: 0px 20px;
}
.menu-toggle {
  display: block;
  width: 3pc;
  height: 46px;
  padding: 10px;
  float: left;
}
.menu-toggle .ico-burger {
  display: block;
  width: 26px;
  height: 26px;
  background: url(../img/fiware_img.svg) -4px -4px no-repeat;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  border: 0;
}

.navbar-fixed-top {
  border-width: 0 0 3px;
}
/* NAVBAR - BUTTONS */
.btn-primary {
    color: #FFB612;
    background-color: #0039A6;
    border-color: #0039A6;
}
.btn-primary:hover {
    color: #0039A6;
    background-color: #FFB612;
    border-color: #FFB612;
}
.btn {
  position: relative;
  margin: 8px 0px;
  cursor: pointer;
  font-family: 'montserrat';
  text-transform: uppercase;
  font-size: 16px;
  text-align: center;
  font-weight: normal;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  height: 36px;
  border-radius: 18px;
}

/* NAVBAR - RADIO BUTTONS & CHECKBOXES */
.radiobutton, .checkbox {
    position: relative;
    padding-right: 25px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 16px;
    color: #5E6A71;
    font-weight: normal;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/* Hide the browser's default radio button & checkbox */
.radiobutton input, .checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
/* Create a custom radio button & checkbox */
.checkmark {
    position: absolute;
    top: 8px;
    right: 0;
    height: 15px;
    width: 15px;
    background-color: #ffffff;
    border-radius: 50%;
    border: 1px solid #0039A6;
}
.radiobutton .checkmark {
    border-radius: 50%;
}
/* On mouse-over, add a grey background color */
.radiobutton:hover input ~ .checkmark, .checkbox:hover input ~ .checkmark {
    background-color: #eee;
}
/* When the radio button is checked, add a blue background */
.radiobutton input:checked ~ .checkmark, .checkbox input:checked ~ .checkmark {
    border: 1px solid #0039A6;
}
/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
/* Show the indicator (dot/circle) when checked */
.radiobutton input:checked ~ .checkmark:after, .checkbox input:checked ~ .checkmark:after {
    display: block;
}
/* Style the indicator (dot/circle) */
.radiobutton .checkmark:after {
 	top: 3px;
	left: 3px;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #0039A6;
}
/* Style the checkmark/indicator */
.checkbox .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.entity-search .form-group  {
    border-color: #00A9E0 !important;
}

.entity-search .form-group label {
    font-family: 'montserrat';
    text-transform: uppercase;
    font-weight: normal;
    color: #00A9E0;
    font-size: 14px;
    width: auto;
    float: left;
    margin: 0px;
    cursor: pointer;
}

.entity-search .form-group label > input[type="checkbox"] {
    visibility: hidden;
    width: 0px;
}

.entity-search .form-group:checked {
    background-color: #00A9E0;
    color: #FFFFFF;
}


/* NAVBAR - SELECT */
[include*="form-input-select()"] {
  display: block;
  padding: 0;
  position: relative;
  font-family: 'montserrat';
  text-transform: uppercase;
  color: #5E6A71;
  /* Set options to normal weight */
  /* ------------------------------------  */
  /* START OF UGLY BROWSER-SPECIFIC HACKS */
  /* ----------------------------------  */
  /* FIREFOX won't let us hide the native select arrow, so we have to make it wider than needed and clip it via overflow on the parent container.
     The percentage width is a fallback since FF 4+ supports calc() so we can just add a fixed amount of extra width to push the native arrow out of view. We're applying this hack across all FF versions because all the previous hacks were too fragile and complex.
     You might want to consider not using this hack and using the native select arrow in FF. Note this makes the menus wider than the select button because they display at the specified width and aren't clipped. Targeting hack via http://browserhacks.com/#hack-758bff81c5c32351b02e10480b5ed48e */
  /* Show only the native arrow */
  display: block;
  border: none;
  border-radius: 0;
  box-shadow: none;
  font-size: 16px;
  width: 100%;
}
[include*="form-input-select()"]::after {
  content: '';
  display: block;
  position: absolute;
  pointer-events: none;
  z-index: 2;
}
[include*="form-input-select()"] select {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  background: none;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border: none;
  border-radius: 0;
  box-shadow: none;
  font-family: 'montserrat';
  text-transform: uppercase;
  color: #5E6A71;
  font-size: 16px;
  outline: none;
  /* Focus style */
}
[include*="form-input-select()"] select:focus {
  background-color: transparent;
  outline: none;
  border: none;
  border-radius: 0;
  box-shadow: none;
}
[include*="form-input-select()"] option {
  font-weight: normal;
  font-family: 'montserrat';
  text-transform: uppercase;
  color: #5E6A71;
}
[include*="form-input-select()"] x:-o-prefocus, [include*="form-input-select()"]::after {
  display: none;
}






@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  [include*="form-input-select()"] select::-ms-expand {
    display: none;
  }
  [include*="form-input-select()"] select:focus::-ms-value {
    background: transparent;
    color: #000;
  }
}
@-moz-document url-prefix() {
  [include*="form-input-select()"] {
    overflow: hidden;
  }
  [include*="form-input-select()"] select {
    width: 120%;
    width: calc(100% + 3em);
    /* Firefox focus has odd artifacts around the text, this kills that. See https://developer.mozilla.org/en-US/docs/Web/CSS/:-moz-focusring */
  }
  @supports (-moz-appearance: none) {
    [include*="form-input-select()"] select {
      width: 100%;
    }
  }
  [include*="form-input-select()"] select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
  }
}
@supports (-moz-appearance: none) {
  [include*="form-input-select()"] {
    width: 100%;
  }
}
[include*="form-input-select()"]::after {
  content: '';
  display: block;
  position: relative;
  pointer-events: none;
  border: 1px solid transparent;
  width: 0;
  height: 0;
  right: 10px;
}
/*[include*="form-input-select()"]::before {
  top: -4px;
  left: 171px;
  border-width: 0 6.5px 8px 6.5px;
  border-bottom-color: #D6D6D6;
}*/
[include*="form-input-select()"]::after {
  border-width: 8px 6.5px 0 6.5px;
  border-top-color: #D6D6D6;
  top: 2px;
}
@-moz-document url-prefix() {
  [include*="form-input-select()"] {
    border-right: 3px solid #E6E6E6;
  }
  [include*="form-input-select()"]:hover {
    background-color: transparent;
    outline: none;
    border: none;
    border-radius: 0;
    box-shadow: none;
  }
}
[include*="form-input-select()"]:hover select {
  background-color: transparent;
  outline: none;
  border: none;
  border-radius: 0;
  box-shadow: none;
}
[include*="form-input-select()"]:hover select:focus {
  outline-color: transparent;
}
[include*="form-input-select()"]:hover::before {
  border-bottom-color: #005BA6;
}
[include*="form-input-select()"]:hover::after {
  border-top-color: #005BA6;
}
[include*="form-input-select()"] select {
  border: none;
  border-radius: 0;
  font-weight: 400;
  color: inherit;
  line-height: normal;
  transition: border-color 0.2s ease, outline 0.2s ease;
}
[include*="form-input-select()"] select:focus {
  box-shadow: none;
  outline: none;
  outline-offset: -3px;
}
[include*="form-input-select()"] select[disabled], [include*="form-input-select()"] select:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
[include*="form-input-select()"] select:invalid {
  color: #C7C7C7;
}
.has-success .form-control {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}


.wrap {
    /*min-height: 100%;*/
    height: auto;
    margin: 0px;
    padding: 0px;}

.wrap > .container {
    padding: 0px 0px 0px;
    width: 100%;
}
.site-index .row {
    margin-right: 0px;
    margin-left: 0px;
}


.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: "\e151";
}

a.desc:after {
    content: "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view td {
    white-space: nowrap;
}

.grid-view .filters input,
.grid-view .filters select {
    min-width: 50px;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

/* align the logout "link" (button in form) of the navbar */
.nav li > form > button.logout {
    padding: 15px;
    border: none;
}

.nav > li > form > button.logout:focus,
.nav > li > form > button.logout:hover {
    text-decoration: none;
}

.nav > li > form > button.logout:focus {
    outline: none;
}



/* MAP */
.col-lg-12 #mapid{
    margin-left:-15px;
    margin-right:-15px;
}
.leaflet-control-container:first-of-type {
    float:right;
}
.leaflet-control-container:first-of-type .leaflet-control {
    float:right;
    margin-left: 10px;
    clear: both;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

/* RESULTS BOX */
.slide_box {
    padding-right: 85px;
}
.slide_box.close {
    background: transparent url("images/close.png") no-repeat left top;
}
.slide_box.open {
    background: transparent url("images/open.png") no-repeat left top;
}
.results_box {
  z-index: 1010;
  float: left;
  position: absolute;
  width: 300px;
  background-color: #ffffff;
  left: 0;
  top: 140px;
  padding: 40px 20px 50px;
}
.results_box hr {
  margin: 40px 0px;
}

.entity-results {
    width: 270px;
    height: 300px;
    margin: 0 20px 0px 0;
    float: left;
}
.entity-results {
    padding: 15px 0px 20px 5px;
    border-bottom: solid 1px #A9B2B1;
    margin-bottom: 20px;
}
.entity-results  {
    border: none;
}
.entity-results  h3 {
    font-family: 'slabo_13pxregular';
    font-weight: bold;
    text-transform: uppercase;
    background-color: #205374 !important;
    color:#fff;
    font-size: 25px;
    margin: 0px;
    padding-left: 2px;
}
.entity-results  h3 a {
    color: #0039A6;
    text-decoration: none;
}
.entity-results  p {
    font-family: 'montserrat';
    font-size: 14px;
    margin: 5px 0px 0px;
}
.entity-results  p a {
    font-weight: bold;
    color: #5E8792;
    text-decoration: none;
    background-color: #fff;
    padding: 0px 10px;
}
.entity-results  p a:hover {
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    background-color: #5E8792;
}

/* FOOTER */
.footer {
    height: 60px;
    background-color: #205374;
    padding-top: 10px;
    font-family: 'montserrat';
    font-size: 16px;
    font-weight: bold;
    line-height: 16px;
    color: #ffffff;
    position: fixed;
    bottom: 0px;
    width: 100%;
    z-index: 3000;
}

.footer .container {
  margin: 0px;
}

.pull-left a{
    color:#ffb612 ;
}

.pull-left a:hover{
    color:#00a9e0 ;
}

.chart-title-p{
    font-size: 16pt;
    font-weight: bold;
    color:
    #00afbc;
}

  
/* MEDIA QUERIES */
/*@media (max-width: 767px) {
  .nav li > form > button.logout {
    display:block;
    text-align: left;
    width: 100%;
    padding: 10px 15px;
  }
}
@media (min-width: 768px) {
  .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}*/

/*@media (max-width: 420px) {
  .footer {
    height:120px;
  }
}*/

/**
*footer
*/
@media (max-width: 355px) {
  .footer {
    height:180px;
  }
}

@media (min-width: 356px) {
  .footer {
    height:120px;
  }
}

@media (min-width: 670px) {
  .footer {
    height:60px;
  }
}