body {
  padding-top: 0px;
  /*  font-family: 'Open Sans'; */
  font-family: FrutigerLTW02-45Light, "Open Sans", Arial, Helvetica, Verdana, sans-serif; }

a {
  color: #5E8FC6;
  text-decoration: none; }

a:hover {
  color: #5e5d76;
  text-decoration: underline; }

.f5f5f5 {
  background-color: #F5F5F5;
  border-left: #D9E7F3 1px solid;
  border-right: #D9E7F3 1px solid; }

.ffffff {
  background-color: #FFFFFF;
  /*  border-left: #D9E7F3 1px solid;
    border-right: #D9E7F3 1px solid; */ }

.ffffff-fafafa {
  background-color: #FFFFFF;
  border-left: #D9E7F3 1px solid;
  border-right: #D9E7F3 1px solid;
  background-image: -moz-linear-gradient(top, #fafafa, white);
  background-image: -ms-linear-gradient(top, #fafafa, white);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(white));
  background-image: -webkit-linear-gradient(top, #fafafa, white);
  background-image: -o-linear-gradient(top, #fafafa, white);
  background-image: linear-gradient(top, #fafafa, #ffffff);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#FFFFFF', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); }

.f3f3f3 {
  background-color: #F3F3F3;
  border-left: #D9E7F3 1px solid;
  border-right: #D9E7F3 1px solid; }

legend {
  width: auto; }

/* FIX - Force Chrome legend to overwrite the max-width of 100% */
.legend_image_cell img {
  max-width: 219px !important; }

/* FIX - Force word-wrap: break-word in masonry description */
.thumbnail p {
  word-wrap: break-word !important; }

/* Faded out hr */
hr.soften {
  height: 1px;
  margin: 54px 0;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
  background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
  border: 0; }

.auto-size {
  width: auto; }

.navbar.navbar-size.auto-size.navbar-fixed-top {
  width: auto; }

@media (max-width: 767px) {
  .navbar-size {
    width: auto;
    margin-left: auto;
    margin-right: auto;
    *zoom: 1; }

  body {
    padding-left: 0px;
    padding-right: 0px; }

  .container {
    width: auto;
    padding: 0 10px; } }
@media (min-width: 768px) {
  body {
    /*	background-color: #ECF2F7; */
   /* background-color: #f0f0f0;*/ }

  .row {
    margin-left: 0; }

  .container {
   /* padding: 0 20px; */}

  .navbar-size {
    width: auto;
    margin-left: auto;
    margin-right: auto;
    *zoom: 1; } }
@media (min-width: 980px) {
  .subnav-fixed {
    position: fixed;
    top: 40px;
    left: 0;
    right: 0;
    z-index: 1010;
    /* 20 less than .navbar-fixed to prevent any overlap */
    border-color: #d5d5d5;
    border-width: 0 0 1px;
    /* drop the border on the fixed edges */
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 0 white, 0 1px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 0 white, 0 1px 5px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 0 white, 0 1px 5px rgba(0, 0, 0, 0.1);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    /* IE6-9 */
    background-color: #eeeeee !important;
    /* Old browsers */
    background-repeat: repeat-x;
    /* Repeat the gradient */
    background-image: -moz-linear-gradient(top, whitesmoke 0%, #eeeeee 100%) !important;
    /* FF3.6+ */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, whitesmoke), color-stop(100%, #eeeeee)) !important;
    /* Chrome,Safari4+ */
    background-image: -webkit-linear-gradient(top, whitesmoke 0%, #eeeeee 100%) !important;
    /* Chrome 10+,Safari 5.1+ */
    background-image: -ms-linear-gradient(top, whitesmoke 0%, #eeeeee 100%) !important;
    /* IE10+ */
    background-image: -o-linear-gradient(top, whitesmoke 0%, #eeeeee 100%) !important;
    /* Opera 11.10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#eeeeee',GradientType=0 ) !important;
    /* IE6-9 */
    background-image: linear-gradient(top, #f5f5f5 0%, #eeeeee 100%) !important;
    /* W3C */ }

  .subnav-fixed .nav {
    width: 938px;
    margin: 0 auto;
    padding: 0 1px; }

  .subnav .nav > li:first-child > a,
  .subnav .nav > li:first-child > a:hover {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0; }

  .navbar-size {
    width: auto;
    /* 1000 */
    margin-left: auto;
    margin-right: auto;
    *zoom: 1; } }
@media (min-width: 1200px) {
  body {
    /*	  font-size:1.1em; */ }

  .navbar-size {
    width: auto;
    /* 1220 */
    margin-left: auto;
    margin-right: auto;
    *zoom: 1; } }
/* LARGE DESKTOP SCREENS */
@media only screen and (min-width: 1210px) {
  .subnav-fixed .nav {
    width: 1168px; } }
.popover {
  z-index: 99999999999999999999999999999 !important; }

/* SHOW COUNT IN LOWERCASE */
.count {
  text-transform: none; }

/* HIDE THE COUNT AND SET FULLTEXTSEARCH WIDTH */
@media (min-width: 480px) and (max-width: 979px) {
  .count {
    font-size: 0.8em; } }
@media (max-width: 480px) {
  .count {
    display: none;
    text-transform: none; } }
@media (max-width: 1200px) {
  #fullTextSearchText {
    width: 94%; } }
@media (min-width: 1200px) {
  #fullTextSearchText {
    width: 86%; } }
/* Added extra class to hide follow CTA text on tablets */
@media (max-width: 1200px) {
  .visible-desktop-plus {
    display: none !important; } }
/* Added extra class to hide the dc-social-float on < 1380 */
@media (max-width: 1380px) {
  .visible-desktop-dcsf {
    display: none !important; } }
.page-header h1 {
  position: relative;
  top: -14px; }

.navbar .brand {
  padding: 0 !important;
  margin: 0 !important;
  /*  background-color: #003a45 !important; */ }

.navbar-fixed-top .brand {
  float: left;
  margin-left: 0;
  padding-left: 0px;
  padding-right: 0px; }

.navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner {
  padding: 0px !important; }

.navbar {
  margin-bottom: 0px; }

.navbar-inverse .nav li.dropdown.open > .dropdown-toggle, .navbar-inverse .nav li.dropdown.active > .dropdown-toggle, .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {
  background-color: #657DAF;
  background-image: -moz-linear-gradient(top, #74a8e1, #4e85c1);
  background-image: -ms-linear-gradient(top, #74a8e1, #4e85c1);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#74a8e1), to(#4e85c1));
  background-image: -webkit-linear-gradient(top, #74a8e1, #4e85c1);
  background-image: -o-linear-gradient(top, #74a8e1, #4e85c1);
  background-image: linear-gradient(top, #74a8e1, #4e85c1);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#74A8E1', endColorstr='#4E85C1', GradientType=0);
  border-color: #4E85C1 #4E85C1 #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  color: white; }

.navbar-inner {
  /*  background-color: #2C2C2C;
    background-image: -moz-linear-gradient(center top , #333333, #222222);
    background-repeat: repeat-x; */
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), 0 -1px 0 rgba(0, 0, 0, 0.1) inset;
  padding-left: 0px;
  padding-right: 0px;
  border: 0px solid #d4d4d4 !important; }

.subnav {
  min-height: 60px;
  height: auto; }

.navbar-inverse .brand, .navbar-inverse .nav > li > a {
  color: #f5f5f5 !important; }

/* S NAVBAR-FAO */
.navbar-fao {
  margin-bottom: 0px; }

.navbar-fao .nav {
  margin: 0px !important; }

.navbar-fao .navbar-inner {
  border-radius: 0px;
  border-bottom: 1px solid #191e23;
  background: #0e6da5;
  /* Old browsers */
  background: -moz-linear-gradient(top, #0e6da5 0%, #0d5399 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0e6da5), color-stop(100%, #0d5399));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #0e6da5 0%, #0d5399 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #0e6da5 0%, #0d5399 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #0e6da5 0%, #0d5399 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #0e6da5 0%, #0d5399 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0e6da5', endColorstr='#0d5399',GradientType=0 );
  /* IE6-9 */ }

.navbar-fao .btn-navbar {
  float: left;
  margin-top: 10px; }

.navbar-fao .brand {
  color: #ffffff;
  text-transform: uppercase;
  font-weight: lighter;
  padding: 2px 20px 4px; }

.navbar-fao .brand strong {
  font-weight: normal; }

.navbar-fao .nav > li > a {
  padding: 9px 2px 6px;
  /*	border-left: 1px solid #FFF; */
  color: white;
  outline: 0px;
  height: 25px;
  transition: background .1s linear;
  -moz-transition: background .1s linear;
  /* Firefox 4 */
  -webkit-transition: background .1s linear;
  /* Safari and Chrome */
  -o-transition: background .1s linear;
  /* Opera */
  font-size: 15px;
  /*	font-family: "FrutigerLTW02-45Light",Arial,Helvetica,Verdana,sans-serif; */ }

.navbar-fao .nav > li > a:hover {
  /*	background: rgba(255, 231, 236,0.6); */
  color: #FFF;
  background-color: #3c7cb3;
  transition: all 200ms ease 0s;
  text-decoration: none;
  /*	text-shadow: 0 0px 0 #fff !important; */ }

.navbar-fao .divider-vertical {
  border-right-color: #fff !important;
  border-left-color: #0e6da5 !important;
  height: 40px !important;
  margin: 0 !important; }

.navbar-fao .nav li.dropdown.open > .dropdown-toggle, .navbar-fao .nav li.dropdown.active > .dropdown-toggle, .navbar-fao .nav li.dropdown.open.active > .dropdown-toggle {
  background-color: #003a45 !important; }

.navbar-fao .mobile-menu .nav > li > a {
  color: #fff;
  border-left: 0px; }

.navbar-fao .nav > li > a {
  text-shadow: none !important;
  text-align: center !important; }

.navbar-fao .nav li.dropdown.open > .dropdown-toggle, .navbar-fao .nav li.dropdown.active > .dropdown-toggle, .navbar-fao .nav li.dropdown.open.active > .dropdown-toggle {
  color: #FFF; }

.navbar-fao .nav > li.dropdown {
  width: 113px; }

/* E NAVBAR-FAO */
.pagination a {
  line-height: 40px;
  padding: 0 8px; }

.btn-primary {
  background-color: #4E85C1;
  background-image: -moz-linear-gradient(top, #74a8e1, #4e85c1);
  background-image: -ms-linear-gradient(top, #74a8e1, #4e85c1);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#74a8e1), to(#4e85c1));
  background-image: -webkit-linear-gradient(top, #74a8e1, #4e85c1);
  background-image: -o-linear-gradient(top, #74a8e1, #4e85c1);
  background-image: linear-gradient(top, #74a8e1, #4e85c1);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#74A8E1', endColorstr='#4E85C1', GradientType=0);
  border-color: #4E85C1 #4E85C1 #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); }

.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  background-color: #4E85C1; }

.btn-pictures, .btn-photo, .btn-flag, .btn-logo {
  background-color: #e67c36;
  background-image: -moz-linear-gradient(top, #ff8a3c, #e67c36);
  background-image: -ms-linear-gradient(top, #ff8a3c, #e67c36);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ff8a3c), to(#e67c36));
  background-image: -webkit-linear-gradient(top, #ff8a3c, #e67c36);
  background-image: -o-linear-gradient(top, #ff8a3c, #e67c36);
  background-image: linear-gradient(top, #ff8a3c, #e67c36);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF8A3C', endColorstr='#e67c36', GradientType=0);
  border-color: #FF8A3C #FF8A3C #e67c36;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  color: #ffffff; }

.btn-pictures:hover,
.btn-pictures:active,
.btn-pictures.active,
.btn-pictures.disabled,
.btn-pictures[disabled] {
  background-color: #e67c36;
  color: rgba(255, 255, 255, 0.75); }

.btn-photo:hover,
.btn-photo:active,
.btn-photo.active,
.btn-photo.disabled,
.btn-photo[disabled] {
  background-color: #e67c36;
  color: rgba(255, 255, 255, 0.75); }

.btn-flag:hover,
.btn-flag:active,
.btn-flag.active,
.btn-flag.disabled,
.btn-flag[disabled] {
  background-color: #e67c36;
  color: rgba(255, 255, 255, 0.75); }

.btn-logo:hover,
.btn-logo:active,
.btn-logo.active,
.btn-logo.disabled,
.btn-logo[disabled] {
  background-color: #e67c36;
  color: rgba(255, 255, 255, 0.75); }

.btn-maps, .btn-geoLayer {
  background-color: #9fc033;
  background-image: -moz-linear-gradient(top, #97c733, #9fc033);
  background-image: -ms-linear-gradient(top, #97c733, #9fc033);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#97c733), to(#9fc033));
  background-image: -webkit-linear-gradient(top, #97c733, #9fc033);
  background-image: -o-linear-gradient(top, #97c733, #9fc033);
  background-image: linear-grapdient(top, #97c733, #9fc033);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#97C733', endColorstr='#9fc033', GradientType=0);
  border-color: #97C733 #97C733 #9fc033;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  color: #ffffff; }

.btn-maps:hover,
.btn-maps:active,
.btn-maps.active,
.btn-maps.disabled,
.btn-maps[disabled] {
  background-color: #9fc033;
  color: rgba(255, 255, 255, 0.75); }

.btn-geoLayer:hover,
.btn-geoLayer:active,
.btn-geoLayer.active,
.btn-geoLayer.disabled,
.btn-geoLayer[disabled] {
  background-color: #9fc033;
  color: rgba(255, 255, 255, 0.75); }

/* FIX HEADER OF THE BGCOLOR LIFERAY TABEL */
.results-header {
  background: none !important; }

.nav-pills .active > a, .nav-pills .active > a:hover {
  background-color: #5E8FC6; }

.dropdown-menu li > a:hover, .dropdown-menu .active > a, .dropdown-menu .active > a:hover {
  background-color: #5E8FC6; }

/* DROPDOWN MENU Z-INDEX FIX */
.dropdown-menu {
  z-index: 1100 !important;
  /*	text-align: left; */ }

/* TITLEPAGE */
.subnav .container {
  padding: 0; }

/* Subnav */
.subnav {
  background-color: #ffffffff;
  /* Old browsers */
  background-repeat: no-repeat;
  background-image: -moz-linear-gradient(top, white 0%, white 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, white));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, white 0%, white 100%);
  /* Chrome 10+,Safari 5.1+ */
  background-image: -ms-linear-gradient(top, white 0%, white 100%);
  /* IE10+ */
  background-image: -o-linear-gradient(top, white 0%, white 100%);
  /* Opera 11.10+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
  /* IE6-9 */
  background-image: linear-gradient(top, #ffffff 0%, #ffffff 100%);
  /* W3C */
  border: 0px solid #e5e5e5; }

[class*="titlepage-"] {
  width: 40px;
  height: 40px;
  font-size: 24px;
  text-align: center;
  line-height: 40px;
  color: #FFF;
  border: 4px solid #FFF;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
  border-radius: 100px;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
  display: inline-block; }

.titlepage-all, .titlepage-topic, .titlepage-topics, .titlepage-topictree, .titlepage-tag, .titlepage-tags, .titlepage-concept, .titlepage-database, .titlepage-contact, .titlepage-group, .titlepage-tool, .titlepage-website, .titlepage-place, .titlepage-organization {
  background: #7D7D7D; }

.titlepage-statistics, .titlepage-collection, .titlepage-dataset, .titlepage-dimension, .titlepage-hierarchy, .titlepage-dimensionmember, .titlepage-dimensionitem, .titlepage-measure {
  /*	background: #5C8EC5; */
  background: #3C7CB3; }

.titlepage-map, .titlepage-maps {
  background: #97C733; }

.titlepage-document, .titlepage-documents {
  background: #772059; }

.titlepage-picture, .titlepage-pictures, .titlepage-flag, .titlepage-photocollection {
  background: #FF8A3C; }

.titlepage-country-flag {
  display: none !important; }

input,
textarea,
select,
.uneditable-input {
  margin-bottom: 0px; }

.label {
  background-color: transparent; }

.label-important {
  background-color: #b94a48; }

.label-warning {
  background-color: #f89406; }

.label-success {
  background-color: #468847; }

.label-info {
  background-color: #3a87ad; }

.label-inverse {
  background-color: #333333; }

/* GREY */
.label-all, .label-database, .label-topic, .label-tag, .label-contact, .label-organization,
.label-country, .label-economic, .label-fishing, .label-geographic, .label-agroecological, .label-website, .label-tool {
  background-color: #414C58; }

/* BLUE */
.label-statistics, .label-collection, .label-dataset, .label-dimension, .label-dimensionmember, .label-measure {
  /*	background: #5C8EC5; */
  background: #3C7CB3; }

/* GREEN */
.label-maps, .label-map {
  background-color: #97C733; }

/* PURPLE */
.label-documents {
  background-color: #772059; }

/* ORANGE */
.label-pictures, .label-photo {
  background-color: #FF8A3C; }

/* ACTIVE HIGHLIGHTING NAVIGATION NAVBAR-INVERSE */
.navbar-inverse li.dropdown.active.nav-tags a, .navbar-inverse li.dropdown.active.nav-catalogue a {
  background-color: #414C58 !important;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#414c58), to(#414c58)) !important; }

.navbar-inverse li.dropdown.active.nav-statistics a, .navbar-inverse li.dropdown.nav-statistics a:hover {
  /*  background-color: #657daf !important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#657daf), to(#657daf)) !important; */
  background-color: #3C7CB3 !important;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3c7cb3), to(#3c7cb3)) !important; }

.navbar-inverse li.dropdown.active.nav-maps a, .navbar-inverse li.dropdown.nav-maps a:hover {
  background-color: #97c733 !important;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#97c733), to(#97c733)) !important;
  color: #FFF !important;
  text-shadow: none !important; }

.navbar-inverse li.dropdown.active.nav-pictures a {
  background-color: #ff8a3c !important;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ff8a3c), to(#ff8a3c)) !important; }

/* ACTIVE HIGHLIGHTING NAVIGATION */
li.dropdown.active.nav-tags a, li.dropdown.active.nav-catalogue a {
  border-bottom: 4px solid #414C58 !important;
  padding-bottom: 6px; }

li.dropdown.active.nav-tags a i, li.dropdown.active.nav-catalogue a i {
  color: #414C58 !important; }

li.dropdown.nav-data a, li.dropdown.active.nav-data a {
  background-color: #003a45 !important;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#003a45), to(#111111)) !important;
  color: #FFF !important;
  text-shadow: none !important;
  /*	border-bottom: 4px solid #003a45 !important;
  	padding-bottom: 6px; */
  /*	border-bottom: 4px solid #222 !important; */ }

li.dropdown.active.nav-statistics a {
  border-bottom: 4px solid #3C7CB3 !important;
  padding-bottom: 6px; }

li.dropdown.active.nav-statistics a i {
  color: #3C7CB3 !important; }

li.dropdown.active.nav-maps a {
  border-bottom: 4px solid #97c733 !important;
  padding-bottom: 6px; }

li.dropdown.active.nav-maps a i {
  color: #97c733 !important; }

li.dropdown.active.nav-pictures a {
  border-bottom: 4px solid #ff8a3c !important;
  padding-bottom: 6px; }

li.dropdown.active.nav-pictures a i {
  color: #ff8a3c !important; }

li.dropdown.active.nav-documents a {
  border-bottom: 4px solid #772059 !important;
  padding-bottom: 6px; }

li.dropdown.active.nav-documents a i {
  color: #772059 !important; }

.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
  background-color: #f5f5f5 !important; }

/* TAGGED UNDER AND TAG ROTATOR */
#tagsSphere3D ul {
  list-style: none; }

.tag-system-tag, .tag-dictionary, .tag-user-tag, .tag-user-defined-tag, .tag-bg-system-tag, .tag-bg-dictionary, .tag-bg-user-tag, .tag-bg-user-defined-tag {
  font-weight: normal;
  line-height: 14px;
  white-space: nowrap;
  vertical-align: baseline;
  padding: 5px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

.tag-system-tag, .tag-dictionary {
  color: #537A26; }

.tag-user-tag, .tag-user-defined-tag {
  color: #87C442; }

.tag-bg-system-tag, .tag-bg-dictionary, .tag-bg-user-tag, .tag-bg-user-defined-tag {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }

.tag-bg-system-tag, .tag-bg-dictionary {
  background-color: #537A26; }

.tag-bg-user-tag, .tag-bg-user-defined-tag {
  background-color: #87C442; }

.truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.metrobox .truncate {
  color: #FFF; }

#rdwFilter {
  top: 0px; }

/* VCARD TYPE SMALL  */
.vcard-type-small {
  color: #999;
  font-size: 0.8em; }

/* BTN SITE FILTER/FOCUS */
.btn-grey, .btn-blue, .btn-green, .btn-purple, .btn-orange {
  width: 30px !important;
  height: 30px !important;
  border-radius: 2px !important;
  /*	font-size: 18px; */
  color: #FFF;
  opacity: 0.25;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
  filter: alpha(opacity=25);
  box-shadow: 0px !important;
  text-align: center;
  padding: 0 !important;
  /*	text-shadow: 1px 1px rgb(51, 51, 51, 0.75) !important; */
  text-shadow: none !important; }

.btn-grey:hover, .btn-blue:hover, .btn-green:hover, .btn-purple:hover, .btn-orange:hover {
  opacity: 1.0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100); }

.btn.active, .btn:active {
  opacity: 1.0 !important;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100); }

.btn-grey {
  background: #414C58; }

.btn.btn-grey.active, .btn.btn-grey:active {
  background-color: #414C58 !important;
  color: #FFF !important;
  opacity: 1.0 !important;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100); }

.btn-blue {
  background: #657daf; }

.btn.btn-blue.active, .btn.btn-blue:active {
  background-color: #657daf !important;
  color: #FFF !important;
  opacity: 1.0 !important;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100); }

.btn-green {
  background: #97c733; }

.btn.btn-green.active, .btn.btn-green:active {
  background-color: #97c733 !important;
  color: #FFF !important;
  opacity: 1.0 !important;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100); }

.btn-purple {
  background: #772059; }

.btn.btn-purple.active, .btn.btn-purple:active {
  background-color: #772059 !important;
  color: #FFF !important;
  opacity: 1.0 !important;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100); }

.btn-orange {
  background: #ff8a3c; }

.btn.btn-orange.active, .btn.btn-orange:active {
  background-color: #ff8a3c !important;
  color: #FFF !important;
  opacity: 1.0 !important;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100); }

button.close {
  margin-left: 5px; }

/* FAODATA METADATA MODEL */
/* see faodata.css and faodata-ie7.css */
/* FONT AWESOME METADATA MODEL  */
/* RESOURCE TYPES */
/* ALL icon-asterisk */
.icon-all:before {
  content: "\f069"; }

/* CONCEPT icon-tag */
.icon-concept:before {
  content: "\f02b"; }

/* TOOL icon-wrench */
.icon-tool:before {
  content: "\f0ad"; }

/* WEBSITE icon-chevron-right */
.icon-website:before {
  content: "\f054"; }

/* TOPICTREE icon-sitemap */
.icon-topictree:before {
  content: "\f0e8"; }

/* DATA icon-home */
/*
.icon-data:before {
	font-family: "FAOlogo" !important;
	content: "\e000";
	font-size: 24px !important;
}
*/
.icon-data:before {
  content: "\f076";
  /*	content: "\f029"; QR code */
  /*	content: "\f054"; Chevron right */ }

/* STATISTICS icon-bar-chart */
.icon-statistic:before, .icon-statistics:before {
  content: "\f080"; }

/* MAP icon-map-marker */
.icon-map:before, .icon-maps:before, .icon-geolayer:before, .icon-geoLayer:before {
  content: "\f041"; }

/* PHOTO icon-picture */
.icon-photo:before, .icon-photos:before, .icon-picture:before, .icon-pictures:before, .icon-logo:before {
  content: "\f03e"; }

/* DOCUMENTS icon-documents */
.icon-documents:before {
  content: "\f016"; }

/* ORGANIZATION icon-group */
.icon-organization:before {
  content: "\f0c0"; }

/* CONTACT icon-user */
.icon-contact:before {
  content: "\f007"; }

/* COUNTRY globe */
.icon-countries:before {
  content: "\f024"; }

/* HIERARCHY sitemap */
.icon-hierarchy:before {
  content: "\f0e8"; }

/* GEO ICONS TEMP FIX */
.icon-country::before, .icon-economic::before, .icon-fishing::before, .icon-geographic::before, .icon-agroecological::before, .icon-fish:before {
  content: "\30";
  font-family: "faodata" !important; }

/* BLOCK TOP WITH FONT AWESOME BUTTONS */
#block-top {
  padding-top: 10px; }

#block-top i {
  padding-top: 10px; }

@media (max-width: 767px) {
  #block-top i {
    font-size: 1em; } }
@media (min-width: 767px) {
  #block-top i {
    font-size: 3em; } }
/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print {
  * {
    background: transparent !important;
    color: black !important;
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important; }

  /* Black prints faster: h5bp.com/s */
  a, a:visited {
    text-decoration: underline; }

  /* a[href]:after { content: " (" attr(href) ")"; } 
  abbr[title]:after { content: " (" attr(title) ")"; } That's a bit of an overkill for us */
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
    content: ""; }

  /* Don't show links for images, or javascript/internal links */
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  thead {
    display: table-header-group; }

  /* h5bp.com/t */
  tr, img {
    page-break-inside: avoid; }

  img {
    max-width: 100% !important; }

  @page {
    margin: 0.5cm; }

  p, h2, h3 {
    orphans: 3;
    widows: 3; }

  h2, h3 {
    page-break-after: avoid; }

  /* Hide some more */
  #wrapper, #topMenu, #dc-social-float, #social-share, .dc-social-float, .navbar, .btn-toolbar, #controls, #footer, .footerarea {
    display: none; } }
/* CORRECT GENERIC SEARCH BAR */
.genericsearch-container {
  width: auto;
  padding-right: 0; }

.genericsearch-inner {
  background-color: #F2F2F2;
  background-image: -moz-linear-gradient(top, #f3f3f3, #ededed);
  background-image: -ms-linear-gradient(top, #f3f3f3, #ededed);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3f3f3), to(#ededed));
  background-image: -webkit-linear-gradient(top, #f3f3f3, #ededed);
  background-image: -o-linear-gradient(top, #f3f3f3, #ededed);
  background-image: linear-gradient(top, #f3f3f3, #ededed); }

/*
#searchGeneric .dataTables_wrapper label{
		color: #333 !important;
}
*/
/* BELOW CSS BASED ON BASE ADMIN TEMPLATE by Rod Howard (rh), license aquired on wrapbootstrap.com  */
/*------------------------------------------------------------------

[Layout Stylesheet]

	Project:		Base Admin
	Version:		1.0
	Last change:	05/21/2012
	Assigned to:	Rod Howard (rh)


[Table of contents]

	1. Global
	2. Navbar / .navbar
	3. Subnavbar / .subnavbar
	4. Main / .main
	5. Footer / .footer
	6. Widget / .widget
	7. Error / .error-container
	8. Miscellaneous

-------------------------------------------------------------------*/
/*------------------------------------------------------------------
[1. Global]
*/
/*
.table td {
	vertical-align: middle;
}
.table-bordered th {
	background: #E9E9E9;
	background:-moz-linear-gradient(top, #FAFAFA 0%, #E9E9E9 100%);\
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#FAFAFA), color-stop(100%,#E9E9E9));
	background:-webkit-linear-gradient(top, #FAFAFA 0%,#E9E9E9 100%);
	background:-o-linear-gradient(top, #FAFAFA 0%,#E9E9E9 100%);
	background:-ms-linear-gradient(top, #FAFAFA 0%,#E9E9E9 100%);
	background:linear-gradient(top, #FAFAFA 0%,#E9E9E9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#E9E9E9');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#E9E9E9')";
	font-size: 10px;
	color: #444;
	text-transform: uppercase;
}
*/
/*------------------------------------------------------------------
[6. Widget / .widget]
*/
.widget {
  position: relative;
  clear: both;
  width: auto;
  margin-bottom: 2em;
  overflow: hidden; }

.widget-header {
  position: relative;
  height: 40px;
  line-height: 40px;
  background: #E9E9E9;
  background: -moz-linear-gradient(top, #fafafa 0%, #e9e9e9 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fafafa), color-stop(100%, #e9e9e9));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fafafa 0%, #e9e9e9 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fafafa 0%, #e9e9e9 100%);
  /* Opera11.10+ */
  background: -ms-linear-gradient(top, #fafafa 0%, #e9e9e9 100%);
  /* IE10+ */
  background: linear-gradient(top, #fafafa 0%, #e9e9e9 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#E9E9E9');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#E9E9E9')";
  border: 1px solid #D5D5D5;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  -webkit-background-clip: padding-box; }

.widget-header h3 {
  position: relative;
  top: 2px;
  left: 10px;
  display: inline-block;
  margin-right: 3em;
  font-size: 14px;
  font-weight: 800;
  color: #555;
  line-height: 18px;
  text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.5); }

.widget-header [class^="icon-"], .widget-header [class*=" icon-"] {
  display: inline-block;
  margin-left: 13px;
  margin-right: -2px;
  font-size: 16px;
  color: #555;
  vertical-align: middle; }

.widget-content {
  padding: 20px 15px 15px;
  background: #FFF;
  border: 1px solid #D5D5D5;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px; }

.widget-header + .widget-content {
  border-top: none;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.widget-nopad .widget-content {
  padding: 0; }

/* Widget Content Clearfix */
.widget-content:before,
.widget-content:after {
  content: "";
  display: table; }

.widget-content:after {
  clear: both; }

/* For IE 6/7 (trigger hasLayout) */
.widget-content {
  zoom: 1; }

/* Widget Table */
.widget-table .widget-content {
  padding: 0; }

.widget-table .table {
  margin-bottom: 0;
  border: none; }

.widget-table .table tr td:first-child {
  border-left: none; }

.widget-table .table tr th:first-child {
  border-left: none; }

/* Widget Plain */
.widget-plain {
  background: transparent;
  border: none; }

.widget-plain .widget-content {
  padding: 0;
  background: transparent;
  border: none; }

/* Widget Box */
.widget-box .widget-content {
  background: #E3E3E3;
  background: #FFF; }

/*------------------------------------------------------------------
[7. Error / .error-container]
*/
@media (max-width: 480px) {
  .error-container h1 {
    font-size: 72px; } }
.error-container {
  margin-top: 4em;
  margin-bottom: 4em;
  text-align: center; }

.error-container h1 {
  margin-bottom: .5em;
  font-size: 120px;
  line-height: 1em; }

.error-container h2 {
  margin-bottom: .75em;
  font-size: 28px; }

.error-container .error-details {
  margin-bottom: 1.5em;
  font-size: 16px; }

.error-container .error-actions a {
  margin: 0 .5em; }

/*------------------------------------------------------------------
[8. Miscellaneous]
*/
.chart-holder {
  width: 100%;
  height: 250px; }

/*------------------------------------------------------------------

[Dashboard Stylesheet]

	Project:		Base Admin
	Version:		1.0
	Last change:	05/21/2012
	Assigned to:	Rod Howard (rh)



[Table of contents]

	1. Shortcuts
	2. Stats
	3. Task List
	4. News Item

-------------------------------------------------------------------*/
/*------------------------------------------------------------------
[1. Shortcuts / .shortcuts]
*/
.shortcuts {
  text-align: center; }

.shortcuts .shortcut {
  width: 22.50%;
  display: inline-block;
  padding: 12px 0;
  margin: 0 .9% 1em;
  vertical-align: top;
  text-decoration: none;
  background: #F3F3F3;
  border-radius: 5px; }

.shortcuts .shortcut .shortcut-icon {
  margin-top: .25em;
  margin-bottom: .25em;
  font-size: 32px;
  color: #888; }

.shortcuts .shortcut:hover {
  background: #E8E8E8; }

.shortcuts .shortcut:hover .shortcut-icon {
  color: #666; }

.shortcuts .shortcut-label {
  display: block;
  font-weight: 400;
  color: #666; }

/*------------------------------------------------------------------
[2. Stats / .stats]
*/
.stats {
  width: 100%;
  display: table;
  padding: 0 0 0 10px;
  margin-top: .5em;
  margin-bottom: 1.9em; }

.stats .stat {
  display: table-cell;
  width: 40%;
  vertical-align: top;
  font-size: 11px;
  font-weight: bold;
  color: #999; }

.stat-value {
  display: block;
  margin-bottom: .55em;
  font-size: 30px;
  font-weight: bold;
  letter-spacing: -2px;
  color: #444; }

.stat-time {
  text-align: center;
  padding-top: 1.5em; }

.stat-time .stat-value {
  color: #F90;
  font-size: 40px; }

.stats #donut-chart {
  height: 100px;
  margin-left: -20px; }

/*------------------------------------------------------------------
[3. News Item / .news-items]
*/
.news-items {
  margin: 1em 0 0; }

.news-items li {
  display: table;
  padding: 0 2em 0 1.5em;
  padding-bottom: 1em;
  margin-bottom: 1em;
  border-bottom: 1px dotted #CCC; }

.news-items li:last-child {
  padding-bottom: 0;
  border: none; }

.news-item-date {
  display: table-cell; }

.news-item-detail {
  display: table-cell; }

.news-item-title {
  font-size: 13px;
  font-weight: 600; }

.news-item-date {
  width: 75px;
  vertical-align: middle;
  text-align: right; }

.news-item-day {
  display: block;
  margin-bottom: .25em;
  font-size: 24px;
  color: #888; }

.news-item-preview {
  margin-bottom: 0;
  color: #777; }

.news-item-month {
  display: block;
  padding-right: 1px;
  font-size: 12px;
  font-weight: 600;
  color: #888; }

/*------------------------------------------------------------------
[4. Action Table / .action-table]
*/
.action-table .btn-small {
  padding: 4px 5px 5px;
  font-size: 10px; }

.action-table .td-actions {
  width: 80px;
  text-align: center; }

.action-table .td-actions .btn {
  margin-right: .5em; }

.action-table .td-actions .btn:last-child {
  margin-rigth: 0; }

@media (max-width: 979px) {
  .shortcuts .shortcut {
    width: 31%; } }
@media (max-width: 480px) {
  .stats .stat {
    margin-bottom: 3em; }

  .stats .stat .stat-value {
    margin-bottom: .15em;
    font-size: 20px; }

  .stats {
    float: left;
    display: block;
    margin-bottom: 0; }

  #chart-stats {
    margin: 2em 0 1em; }

  .shortcuts .shortcut {
    width: 48%; } }
/*------------------------------------------------------------------

[FAQ Page]

	Project:		Base Admin
	Version:		1.0
	Last change:	05/21/2012
	Assigned to:	Rod Howard (rh)
	

-------------------------------------------------------------------*/
.faq-search {
  margin-bottom: 2em;
  text-align: right; }

.faq-search input {
  width: 96%;
  display: block;
  padding: 2%; }

.faq-empty {
  display: none; }

.faq-toc {
  padding: 1.5em 0;
  margin: 2em 0 0;
  border: 1px dotted #CCC;
  border-right: none;
  border-left: none; }

.faq-toc ol {
  padding: 0;
  margin: 0; }

.faq-toc li {
  margin-bottom: .75em;
  list-style: none; }

.faq-toc a {
  margin-left: .5em; }

.faq-list {
  padding: 0;
  margin: 3em 0 0;
  list-style: none; }

.faq-list li {
  display: table;
  margin-bottom: 2em; }

.faq-icon {
  display: table-cell;
  padding-right: 1.25em;
  vertical-align: top; }

.faq-text {
  display: table-cell;
  vertical-align: top; }

.faq-number {
  width: 32px;
  height: 32px;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  line-height: 32px;
  color: #FFF;
  background: #5C8EC5;
  border: 3px solid #FFF;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
  border-radius: 100px;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4); }

.btn-support {
  display: block;
  text-align: left;
  font-weight: 600;
  text-transform: uppercase; }

.btn-support-ask {
  display: block;
  font-size: 22px;
  padding: 14px 0;
  font-weight: 600;
  margin-bottom: .75em; }

.btn-support-contact {
  display: block;
  padding: 12px 0;
  font-size: 18px;
  font-weight: 600; }

.btn-show-me-the-data {
  width: 89%;
  font-size: 22px !important;
  padding: 14px 0;
  font-weight: 600;
  margin-bottom: .75em; }

.btn-show-me-the-data-caret {
  font-size: 22px !important;
  padding: 14px 0;
  font-weight: 600;
  margin-bottom: .75em; }

.btn-group.hidden {
  display: none !important;
  visibility: hidden !important; }

/* SAIKU HIERARCHY */
@media (max-width: 480px) {
  .input-saiku {
    width: 200px; } }
@media (min-width: 480px) and (max-width: 979px) {
  .input-saiku {
    /*	width: 46%; */
    width: 29%; } }
@media (min-width: 980px) and (max-width: 1200px) {
  .input-saiku {
    /*	width: 59%; */
    width: 47%; } }
@media (min-width: 1200px) {
  .input-saiku {
    /*	width: 62%; */
    width: 57%; } }
/* FORMS VIEW.TAG AND FORM.TAG */
.is-heading {
  margin: 0; }

.is-heading .step {
  -moz-box-orient: vertical;
  background-attachment: scroll;
  background-clip: border-box;
  background-color: #5E8FC6;
  background-image: none;
  background-origin: padding-box;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto auto;
  border-bottom-left-radius: 100px;
  border-bottom-right-radius: 100px;
  border-top-left-radius: 100px;
  border-top-right-radius: 100px;
  color: #FFFFFF !important;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 5px;
  margin-top: -2px;
  text-align: center;
  vertical-align: middle;
  width: 30px; }

.translatable .languages li .selected {
  color: green; }

.automatic-rdf-form .help-inline {
  display: none; }

.automatic-rdf-form .error .help-inline {
  display: block; }

.automatic-rdf-form .input {
  width: 70%;
  padding: 5px; }

.automatic-rdf-form .textarea {
  width: 70%;
  padding: 5px; }

/* MAP FULLSCREEN */
[class*="saikuMap"]:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important; }

[class*="saikuMap"]:-moz-full-screen {
  width: 100% !important;
  height: 100% !important; }

[class*="heroShot"]:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important; }

[class*="heroShot"]:-moz-full-screen {
  width: 100% !important;
  height: 100% !important; }

[class*="olMap"]:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important; }

[class*="olMap"]:-moz-full-screen {
  width: 100% !important;
  height: 100% !important; }

.olMap {
  width: 100% !important;
  height: 100% !important; }

/* METROBOXES */
/* .f-block */
.f-block i {
  font-size: 30px;
  /*	display: block; */
  margin-bottom: 10px; }

.f-block h2 {
  font-weight: normal !important; }

.f-block h4 {
  color: #fff;
  font-size: 25px;
  line-height: 30px;
  text-transform: none !important; }

.f-block {
  padding: 5px 20px 40px 20px;
  margin-bottom: 10px;
  min-height: 180px; }

.f-block a, .f-block a:hover {
  color: #fff;
  text-decoration: none; }

.f-block p {
  font-size: 14px;
  line-height: 22px; }

/* Background colors */
.b-grey, .b-orange, .b-purple, .b-blue, .b-green, .b-black, .b-lblue, .b-red, .b-footer, .b-sidebox, .b-iosslider, .b-highlightedmenu, .b-currentmenu, .b-objectives, .b-keyfacts {
  color: #fff;
  margin: 0px 0px 15px 0px;
  display: inline-block;
  -webkit-transition: background 1s ease;
  -moz-transition: background 1s ease;
  -o-transition: background 1s ease;
  transition: background 1s ease;
  cursor: default; }

.b-grey:hover, .b-orange:hover, .b-purple:hover, .b-blue:hover, .b-green:hover, .b-black:hover, .b-lblue:hover, .b-red:hover, .b-footer:hover, .b-sidebox:hover, .b-iosslider:hover, .b-highlitedmenu:hover, .b-currentmenu:hover, .b-objectives:hover, .b-keyfacts:hover {
  -webkit-transition: background 1s ease;
  -moz-transition: background 1s ease;
  -o-transition: background 1s ease;
  transition: background 1s ease; }

.b-grey {
  background: #414C58; }

.b-grey:hover {
  background: #333C45; }

.b-orange {
  background: #fe781e; }

.b-orange:hover {
  background: #e66d1c; }

.b-purple {
  background: #9b59bb; }

.b-purple:hover {
  background: #81499c; }

.b-blue {
  background: #657DAF; }

.b-blue:hover {
  background: #11608f; }

.b-green {
  background: #97c733; }

.b-green:hover {
  background: #379e15; }

.b-black {
  background: #333333; }

.b-black:hover {
  background: #000000; }

.b-lblue {
  background: #1ba1e2; }

.b-lblue:hover {
  background: #1789c1; }

.b-red {
  background: #ff3738; }

.b-red:hover {
  background: #e33031; }

.b-footer {
  background: #0D6CAC; }

.b-sidebox {
  background: #0198AB; }

.b-iosslider {
  background: #356B76; }

.b-highlightedmenu {
  background: #3C7CB3; }

.b-currentmenu {
  background: #003A45; }

.b-objectives {
  background: #D4E0E4; }

.b-keyfacts {
  background: #5895BE; }

.span6.f-block, .span2.f-block {
  height: 138px !important;
  padding: 16px; }

.span12.f-block {
  height: 290px !important; }

.span4.f-block {
  height: 290px !important; }

.h285px {
  height: 290px !important; }

.h138px {
  height: 138px !important; }

/* OVERWRITE OPEN LAYERS CLOSE BUTTON */
.olPopupCloseBox {
  background: url("/TechCDR-portlet/images/close-small.png") no-repeat !important;
  cursor: pointer !important;
  width: 10px !important;
  height: 10px !important;
  right: 10px !important;
  top: 10px !important; }

.olPopup {
  min-width: 130px !important;
  border: 1px solid #E5E5E5 !important; }

/* OVERWRITE a:hover underline in SAIKU FILTER ACCORDION */
#saikuDivFilterScroller a:hover {
  text-decoration: none !important; }

/* SOCIAL MEDIA PORTLET */
.dcssb-btn {
  background: none repeat scroll 0 0 #FFFFFF;
  border-radius: 3px;
  margin: 10px 10px 10px 0;
  padding: 10px; }

#social-share {
  background: none repeat scroll 0 0 #FFFFFF;
  border-radius: 3px;
  margin: 10px 10px 10px 0;
  padding: 10px; }

/* LAZY PLACEHOLDER */
/*
.lazy {
	background: url("/TechCDR-portlet/images/placeholder-small.gif") #FFFFFF 50% 50% no-repeat !important;
}
*/
/* 03/04/13 FIX CSS IE7 */
/* CONCEPT HIERARCHY view.jsp */
#metadatamodel .lfr-panel-titlebar {
  background: transparent !important;
  color: black !important; }

/* DRAGGABLE */
.draggable .modal-header {
  cursor: move; }

@media (max-width: 480px) and (orientation: landscape) {
  .modal-body {
    max-height: 100px !important; } }
@media (max-width: 480px) and (orientation: portrait) {
  .modal-body {
    max-height: 220px !important; } }
.btn-mrg {
  margin-bottom: 5px; }

/* TOPICTREE DYNATREE HERE YOU GET SOMETHING YOU SEARCHED FOR :) */
.here {
  background: yellow; }

/* FIREFOX FIX FOR TOO BIG IMAGES WHEN PORTLET IS MAXIMIZED :) */
.columns-max .portlet-layout {
  display: inherit !important; }

/* DATATABLES correct borders scrollHeadInner and scrollBody   */
/*
.dataTables_scrollHeadInner .table {
border-bottom: none !important;
}
.dataTables_scrollBody .table {
border-top: none !important;
}
*/
/* Capitalize navbar link items   */
.navbar .nav > li > a {
  text-transform: capitalize; }

/* Break word in thumbnail tiles   */
.thumbnail .caption {
  word-wrap: break-word; }

/* RESPONSIVE.CSS*/
h4 {
  font-size: 1.0em;
  text-transform: uppercase;
  font-weight: 400; }

h4.descriptor-label {
  font-size: 14px !important;
  text-transform: none !important;
  font-weight: 600; }

img {
  max-width: 100%; }

.banner-wrap {
  text-align: left;
  background: #f5f5f5;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  padding: 0 10px 1em;
  margin-bottom: 1em; }

.dockbar-wrap {
  text-align: left;
  padding: 0px; }

.menu-wrap {
  text-align: left;
  font-family: 'Open Sans', Arial, sans-serif; }

.explorer-wrap {
  text-align: center;
  background: #deecf2;
  border-bottom: 1px solid #cfe0e8;
  border-top: 1px solid #cfe0e8;
  padding: 0px 10px 0px 10px;
  margin: 0 -20px !important; }

.popular-wrap {
  text-align: left;
  margin-top: 1em; }

.timeline-wrap {
  background: url(/bootlife-theme/images/techcdr/timeline.png) repeat-x scroll center top transparent;
  margin: 0;
  padding: 0;
  height: 72px; }

.white {
  background: #fff; }

.black {
  background: #2E3540;
  min-height: 36px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  border-radius: 3px;
  margin-bottom: 5px;
  padding: 0 10px; }

.popular-box {
  background: #2E3540;
  border-radius: 3px;
  color: #F5F5F5; }

.popular-box h3 {
  font-family: 'Open Sans', Arial, sans-serif;
  text-transform: uppercase;
  color: #FFF;
  font-size: 0.9em; }

.popular-box ul {
  font-family: Arial;
  font-size: 0.7em; }

.popular-box a, .popular-box a:active, .popular-box a:link, .popular-box a:visited {
  color: #FFF; }

.load {
  padding: 0 20px; }

.nopadding {
  padding-bottom: 0; }

.padded {
  padding-bottom: 1em; }

.clear {
  clear: both;
  display: block;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  width: 0; }

.feature h2 {
  font-weight: normal;
  text-align: left; }

.feature p {
  font-size: 1.125em; }

.feature .source {
  font-size: 0.7em;
  font-family: Arial, Helvetica, sans-serif;
  color: #666; }

.footer p {
  color: #666;
  text-align: center;
  max-width: none; }

.footer-wrap {
  background-color: #E6F2FA;
  margin-top: 0px;
  padding: 8px 0px; }

.ic-blog {
  background: url(../images/techcdr/rss.png) no-repeat scroll center center transparent;
  width: 20px;
  display: inline-block; }

.ic-contact {
  background: url(../images/techcdr/contact.png) no-repeat scroll center center transparent;
  width: 20px;
  display: inline-block; }

.ic-googlegroup {
  background: url(../images/techcdr/google-group.png) no-repeat scroll center center transparent;
  width: 20px;
  display: inline-block; }

.ic-googleplus {
  background: url(../images/techcdr/google-plus.png) no-repeat scroll center center transparent;
  width: 20px;
  display: inline-block; }

.inputbox {
  background: -moz-linear-gradient(center top, #dbdbdb 0%, white 50%) repeat scroll 0 0 transparent;
  border: 1px solid #CBCBCC;
  border-radius: 4px 4px 4px 4px;
  padding: 0.5em;
  margin-right: 10px; }

::-webkit-selection {
  background: #5b7cbb;
  color: #fafafa;
  text-shadow: none; }

::-moz-selection {
  background: #5b7cbb;
  color: #fafafa;
  text-shadow: none; }

::selection {
  background: #5b7cbb;
  color: #fafafa;
  text-shadow: none; }

/* HEADER */
#logo {
  position: relative;
  /*top: -10px;  left: 10px;*/ 
  }

/* FULL TEXT SEARCH */
#fullTextSearchText {
  padding: 11px 8px 11px 8px; }

#fulltext-form-container {
  position: relative; }

#fulltext-form-container {
  max-width: 586px;
  min-width: 100px;
  margin-left: auto;
  margin-right: 60px;
  padding: 8px 0 0 0; }

.fullTextSearchText, .fullTextSearchText2 {
  background: url("../images/techcdr/search-icon.png") no-repeat scroll 95% 50% white;
  border-color: #AAADB2 #DCDFE6 #E2E9EF #E2E2EC;
  border-radius: 2px 2px 2px 2px;
  border-style: solid;
  border-width: 1px;
  font-size: 14px;
  display: block;
  height: 24px; }

.fullTextSearchText {
  padding: 5px 30px 5px 10px !important; }

#help, #language-login {
  font-size: 0.9em;
  padding-top: 10px; }

/* Data Quality */
.dataquality p {
  font-family: Arial; }

.row_header {
  width: auto; }

/* Letters Search */
.liLetterFilterOn, .liLetterFilterOff {
  font-size: auto; }

/* ---------- Help messages, general additional information, etc. ---------- */
.portlet-msg-info {
  background: #dff4ff url(/bootlife-theme/images/messages/info.png) no-repeat 6px 50%;
  border: 1px solid #A7CEDF;
  color: #34404F;
  font-weight: bold;
  margin: 2px auto 14px;
  padding: 6px 6px 6px 30px;
  text-align: left; }

.portlet-msg-info.pending {
  background-image: url(/bootlife-theme/images/common/time.png); }

/* ---------- Error messages ---------- */
.portlet-msg-error {
  background: #ffdddd url(/bootlife-theme/images/messages/error.png) no-repeat 6px 50%;
  border: 1px solid #F00;
  font-weight: bold;
  margin: 2px auto 14px;
  padding: 6px 6px 6px 30px;
  text-align: left; }

/* ---------- Warning messages ---------- */
.portlet-msg-alert {
  background: #ffffcc url(/bootlife-theme/images/messages/alert.png) no-repeat 6px 50%;
  border: 1px solid #FC0;
  font-weight: bold;
  margin: 2px auto 14px;
  padding: 6px 6px 6px 30px;
  text-align: left; }

/* ---------- Success messages ---------- */
.portlet-msg-success {
  background: #f4fdef url(/bootlife-theme/images/messages/success.png) no-repeat 6px 50%;
  border: 1px solid #ACDFA7;
  color: #384F34;
  font-weight: bold;
  margin: 2px auto 14px;
  padding: 6px 6px 6px 30px;
  text-align: left; }

/* Width of the columns of the search pages */
.filtered div {
  white-space: normal;
  /*width: 200px;*/
  word-wrap: break-word; }

/* Coloured Metro Boxes */
.metrobox {
  height: 12em; }

.metrobox {
  border-radius: 3px;
  display: block;
  text-decoration: none;
  /*margin-top:3px;*/
  margin-bottom: 5px;
  font: 26px/1.8; }

.metrobox a {
  color: #FFF; }

.metrobox h1, .metrobox h2, .metrobox h3, .metrobox h4 {
  /*background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1);*/
  color: #FFFFFF;
  font-weight: normal !important;
  margin: 0;
  padding: 0 0.5em; }

.metrobox p {
  color: #FFF;
  font-size: 0.8em;
  font-weight: 400;
  padding: 0.5em;
  /*	text-align: left; */
  width: 80%; }

a.b-more {
  text-align: right;
  position: absolute;
  height: 10%;
  right: 5%; }

.f-block a.b-more {
  top: 90%; }

.subtitle {
  display: inline;
  color: #FFF;
  float: left;
  position: relative;
  bottom: -12em;
  left: 1em;
  font-size: 0.8em;
  text-transform: none;
  height: 1px;
  overflow: show; }

.more-box {
  display: inline;
  color: #FFF;
  float: right;
  position: relative;
  bottom: -12em;
  right: 1em;
  font-size: 0.8em;
  text-transform: none;
  height: 1px;
  overflow: show; }

.box.blue, .metrobox.blue {
  background: url(/bootlife-theme/images/box-bg-275x200px-10pc.png) no-repeat right top #657daf; }

.buttonbox.blue {
  background-color: #657DAF; }

.box.green {
  background-color: #97C733; }

.metrobox.green {
  background: url(/bootlife-theme/images/box-bg-227x165px-10pc.png) no-repeat right top #97c733; }

.box.purple, .metrobox.purple {
  background: url(/bootlife-theme/images/box-bg-227x165px-10pc.png) no-repeat 0 0 #772059; }

.box.orange, .metrobox.orange {
  background: url(/bootlife-theme/images/box-bg-227x165px-10pc.png) no-repeat 0 0 #ff8a3c; }

.box.grey, .metrobox.grey {
  background: url(/bootlife-theme/images/box-bg-227x165px-10pc.png) no-repeat 0 0 #414c58; }

.box.tags, .metrobox.tags {
  background: url(/bootlife-theme/images/box-bg-227x165px-10pc.png) no-repeat 0 0 #414c58; }

.box.tags2, .metrobox.tags2 {
  background: url(/bootlife-theme/images/box-bg-227x165px-10pc.png) no-repeat 0 0 #97c733; }

.box.developers, .metrobox.developers {
  background: url(/bootlife-theme/images/techcdr/logo-kids.png) no-repeat 80% 50% #121212; }

.box.photo1 {
  background: url(/TechCDR-portlet/images/africa.jpg) no-repeat right top; }

.box.photo2 {
  background: url(/TechCDR-portlet/images/asia.jpg) no-repeat 0 0; }

.box.photo3 {
  background: url(/TechCDR-portlet/images/americas.jpg) no-repeat 0 0; }

.box.photo4 {
  background: url(/TechCDR-portlet/images/economist.jpg) no-repeat 0 0 #657daf; }

.box.mapoutline {
  background: url(/bootlife-theme/images/swirls.png) no-repeat 0 0 #97c733; }

.box.calendar {
  background: url(/TechCDR-portlet/images/calendar2.jpg) no-repeat 0 0 #657daf; }

.box.chart {
  background-image: url(/TechCDR-portlet/images/doctype-chart.png);
  background-position: 90% 50%;
  background-repeat: no-repeat; }

.box.topic {
  background-image: url(/TechCDR-portlet/images/topic64x42.png);
  background-position: 90% 50%;
  background-repeat: no-repeat; }

/* PORTAL NORMAL */
.twitter-bird {
  display: inline;
  margin-top: 10px; }

.twitter-button {
  display: inline;
  margin-top: 20px; }

.footer-copy {
  font-size: 12px; }

.tooltip {
  z-index: 10000000000 !important; }

.resultsetItemDetailsText {
  word-wrap: break-word; }

/* ################ LANGUAGES OVERWRITE ############## */
.taglib-language-list-text {
  text-transform: capitalize;
  border-right: 0px solid #CCC;
  padding: 0 0.6em;
  font-size: 12px; }

.taglib-language-list-text.activeLanguage {
  color: #000 !important; }

/* ################ FOOTER ############## */
footer .footer {
  /*margin: 5px 0 0 0;*/
  margin:0px 82px 82px 82px
  /*  margin:20px 0 0 0; */
  padding: 15px 25px  ;
  background-color: #0d6cac;
  color: #fff; }

footer h4 {
  font-weight: normal;
  margin: 0 0 6px 0;
  font-size: 14px !important;
  color: #fff;
  text-transform: none !important; }

footer a {
  color: #fff; }

footer a:hover {
  color: #FFF !important;
  text-decoration: underline; }

footer ul {
  padding-left: 10px;
  padding-right: 25px; }

footer div.csc-default ul {
  padding-left: 10px; }

footer ul li {
  font-size: 11px !important;
  line-height: 1.5em;
  margin-bottom: 10px !important; }

/* ################ OVERWRITE MIN HEIGHT OF SPAN WHEN THE LIFERAY CONTROLS ARE HIDDEN ############## */
.controls-hidden .row-fluid [class*="span"] {
  min-height: 0px !important; }

/* ################ OVERWRITE FOR SOME HIDDEN LIFERAY FORM THAT GETS A 20px STANDARD MARGIN FROM BOOTSTRAP CSS THATS BREAKS THE DESIGN ############## */
#hrefFm {
  margin: 0 !important; }

/* ################ OVERWRITE FOR DROPDOWN WIDTH ################ */
.navbar-faodata .dropdown-menu {
  min-width: 250px !important; }

/* ################ OVERWRITE FOR CONTAINER WIDTH 1200px ############## */
@media (min-width: 1200px) {
  .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
    width: 100% !important;   } }
/* ################ OVERWRITE FOR BREADCRUMBS ############## */
.breadcrumbs {
  font-family: FrutigerLTW02-45Light, "Open Sans", Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px !important;
  font-weight: normal !important; }

.breadcrumbs .last {
  margin-top: 0px !important; }

/* ################ OVERWRITE FOR DROPZONE ############## */
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  border: 2px solid #91e391 !important;
  background: #e4fbeb !important; }

/* ################ FIX ASSOCIATED LOGO MAX-WIDTH IN METADATA EDITOR ############## */
.thumbnail.lg {
  max-width: 100% !important;
  width: auto; }

/* ################ LETTERS FIX ############## */
@media (max-width: 979px) {
  .pagination ul > li > a, .pagination ul > li > span {
    padding: 4px 7px !important; } }
@media (min-width: 980px) {
  .pagination ul > li > a, .pagination ul > li > span {
    padding: 4px 11px !important; } }
/* 
	-------------------------------------------
   	MASONRY UPDATE 
	-------------------------------------------
*/
@media (min-width: 980px) {
  .thumbnails .grid-sizer {
    width: 20% !important; }

  .thumbnails .item {
    width: 20% !important; }

  .span8 .thumbnails .grid-sizer {
    width: 33% !important; }

  .span8 .thumbnails .item {
    width: 33% !important; } }
@media (min-width: 480px) and (max-width: 979px) {
  .thumbnails .grid-sizer {
    width: 33% !important; }

  .thumbnails .item {
    width: 33% !important; }

  .span8 .thumbnails .grid-sizer {
    width: 50% !important; }

  .span8 .thumbnails .item {
    width: 50% !important; } }
@media (max-width: 480px) {
  .thumbnails .grid-sizer {
    width: 50% !important; }

  .thumbnails .item {
    width: 50% !important; } }
@media (min-width: 980px) {
  .logo1 {
    display: none !important; }

  .navbar-fixed-top .logo1 {
    display: block !important; } }
.navbar-fixed-top .logo1 {
  display: block !important; }