.path-frontpage .front-block h2.block-title-large {
  text-align: center;
  font-size: 2rem;
}

/*==== breadcrumb ====*/
#pagina-breadcrumb {
  height:     35px;
  background: #1B355C;
  overflow:   hidden;
}

ol.breadcrumb {
  display:    block;
  background: transparent;
  padding:    10px 17px 0 0;
  margin:     0;
  background: none;
  color:      #999999;
  font-size:  0.8rem;
  text-align: right;
}

ol.breadcrumb > li {
  display: inline;
}

ol.breadcrumb > li a:hover {
  color: orange;
}

ol.breadcrumb .breadcrumb-item + .breadcrumb-item {
  padding-left: .1rem;
}

ol.breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  display:     inline-block;
  color:       #EEEEEE;
  opacity:     0.8;
  padding:     0 3px;
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content:     "\f101";
}

/*==== main ====*/
#pagina-main {
  border-top: 1px solid #CBE5A7;
  padding:    20px 0;
  position:   relative;
  min-height: 500px;
}

#pagina-main .block-page-title-block h1.title {
  padding-bottom: 9px;
  margin:         0 0 20px;
  border-bottom:  1px solid #EEEEEE;
  color:          rgb(64, 64, 64);
  font-size:      2.5rem;
}

/*==== sidebar ====*/
#pagina-sidebar ul li > a.active {
  background-color: #1B355C;
  border-color:     #1B355C;
  font-weight:      bold;
}

#pagina-sidebar ul li > .views-field a.active {
  background-color: #1B355C;
  border-color:     #1B355C;
  font-weight:      bold;
}

.form-control::placeholder {
  color:   #6C757D;
  opacity: 0.5;
}

form .reportitem > .markup-wrapper .fieldset-data > .markup-content {
  color:       #666666;
  font-weight: bold;
}

.table-wrapper .table-title {
  text-align: center;
  font-size:  1rem;
  margin:     0;
}

.path-frontpage #pagina-main {
  border:  none;
  padding: 0;
}

.path-frontpage .region-front-block > div.front-block-wrapper {
  width:   100%;
  padding: 20px 0;
}

.front-block-wrapper-dp_stat {
  min-height: 48px;
}

.path-frontpage .region-front-block > div:nth-child(2n) {
  background-color: #EEEEEE;
}

.path-frontpage .region-front-block > div.front-block-wrapper h2 {
  margin:         10px auto;
  text-align:     center;
  font-size:      24px;
  color:          #4D4D4D;
  text-transform: uppercase;
}

.path-frontpage .region-front-block > div.front-block-wrapper.front-block-wrapper-dp_recent_occurrence {
  min-height: 312px;
}

.path-frontpage .region-front-block > div.front-block-wrapper.front-block-wrapper-dp_chart {
  min-height: 384px;
}

/*==== banner ====*/
.path-frontpage #block-dpbanner {
  overflow:   hidden;
  min-height: 100px;
}

.path-frontpage #block-dpbanner img {
  width: 100%;
}

/*==== occurrence ====*/

.path-frontpage #block-dprecentoccurrence {
  max-height: 470px;
}

.path-frontpage #block-dprecentoccurrence .occurrence-content-front {
  height:     200px;
  overflow:   hidden;
  font-size:  .8rem;
  text-align: center;
  padding:    0 0 10px 0;
  max-height: 360px;
}

.path-frontpage #block-dprecentoccurrence .occurrence-content-front .featured-image {
  min-height: 100px;
}

.path-frontpage #block-dprecentoccurrence .occurrence-content-front .featured-image a {
  border:          2px solid #333333;
  border-radius:   60px;
  background:      #FFFFFF;
  display:         block;
  width:           100px;
  height:          100px;
  margin:          0 auto;
  overflow:        hidden;
  text-decoration: none;
}

.path-frontpage #block-dprecentoccurrence .featured-image a:hover {
  border-color: #F09078;
}

.path-frontpage #block-dprecentoccurrence .taxonbio {
  font-weight: bold;
  min-height:  1.5rem;
  max-height:  2.2rem;
  overflow:    hidden;
}

.path-frontpage #block-dprecentoccurrence .event_date,
.path-frontpage #block-dprecentoccurrence .recorded_by,
.path-frontpage #block-dprecentoccurrence .adminarea {
  font-size: .7rem;
  color:     #999999;
  height:    1.2rem;
  overflow:  hidden;
}

/*==== front-stats ====*/
.path-frontpage #front-stats .item {
  text-align:  center;
  color:       #7F8FA6;
  font-size:   2rem;
  font-weight: bold;
}

.path-frontpage #front-stats .item a {
  color: #7F8FA6;
}

.path-frontpage #front-stats .item.records i {
  color: #E1B12C;
}

.path-frontpage #front-stats .item.person i {
  color: #44BD32;
}

.path-frontpage #front-stats .item.species i {
  color: #0097E6;
}

/*==== front-spastat ====*/
.path-frontpage #block-dpstatspa .block-content {
  margin:      1rem 0;
  font-size:   1.3rem;
  font-weight: bold;
  text-align:  center;
}

.path-frontpage #block-dpstatspa .block-content .item-spaact,
.path-frontpage #block-dpstatspa .block-content .item-spaact a {
  color: #12CBC4;
}

.path-frontpage #block-dpstatspa .block-content .item-team,
.path-frontpage #block-dpstatspa .block-content .item-team a {
  color: #EE5A24;
}

.path-frontpage #block-dpstatspa .block-content .item-samplearea,
.path-frontpage #block-dpstatspa .block-content .item-samplearea a {
  color: #6F1E51;
}

.path-frontpage #block-dpstatspa .block-content .item-spaactevent,
.path-frontpage #block-dpstatspa .block-content .item-spaactevent a {
  color: #A3CB38;
}

/*==== front-chart ====*/

.path-frontpage #front-chart > div {
  padding:   1rem;
  font-size: 0.8rem;
}

.path-frontpage #front-chart > div > div.lzs {
  height: 245px;
}

.path-frontpage #front-chart h4 {
  font-size: 1.2rem;
}

.path-frontpage #front-chart table tr {
  background: transparent;
}

.path-frontpage #front-chart table th {
  background: none;
  border:     none;
  color:      #000000;
}

.path-frontpage #front-chart table td {
  border:     none;
  background: transparent;
}

.path-frontpage #front-chart table tbody tr:nth-of-type(2n+1),
.path-frontpage #front-chart table tbody tr:nth-of-type(2n+1) td,
.path-frontpage #front-chart table tbody tr:nth-child(odd) td {
  background-color: #FFFFFF;
}

/*==== news ====*/
.path-frontpage #block-dp-news table tbody tr,
.path-frontpage #block-dp-news table tbody tr:nth-child(odd) td,
.path-frontpage #block-dp-news table tbody tr:nth-child(even) td {
  background-color: transparent;
}

.path-frontpage #block-dp-news table tbody tr td.views-field.views-field-field-pubdate {
  min-width:   9rem;
  font-size:   0.9rem;
  font-style:  italic;
  font-weight: bold;
  color:       #999999;
}

.path-frontpage #block-dp-news .views-row p {
  line-height:   1.2;
  margin-bottom: 0;
}

/*==== links ====*/
.path-frontpage #block-tbn-front-links .front-links-wrapper .owl-item {
  height: 320px;
}

article.node .meta {
  font-size: 0.9rem;
}

article.node .meta .field {
  margin-bottom: 0.6rem;
  padding:       5px 0;
  border-bottom: 1px solid #EDEDED;
  display:       flex;
}

article.node .meta .field.field--label-hidden {
  display: block;
}

article.node .meta .field .field__label {
  min-width:   7rem;
  font-weight: bold;
}

article.node .meta .content-extra_actions .btn {
  margin-right: 5px;
}

#pagina-main article.node--type-staticpage.node--view-mode-full h1 {
  font-size: 2rem;
}

#pagina-main article.node--type-staticpage.node--view-mode-full h3 {
  font-size: 1.6rem;
}

#pagina-main .social-sharing-buttons {
  display:    block;
  text-align: right;
}

#pagina-main .social-sharing-buttons a {
  display: inline-block;
  margin:  0;
}

.page-news .node.node--type-news.node--view-mode-full .field--name-field-pubdate {
  border-left: 5px solid #CCCCCC;
  padding:     0 0 0 10px;
  margin:      0 0 1rem 0;
}

.page-news #pagina-sidebar #block-views-block-news-block-sidebar li {
  display: block;
  padding: 0
}

.page-news #pagina-sidebar #block-views-block-news-block-sidebar li a {
  font-size: 0.9rem;
}

.page-news #pagina-sidebar #block-views-block-news-block-sidebar li .views-field-field-pubdate {
  font-size:   0.9rem;
  font-style:  italic;
  font-weight: bold;
  color:       #999999;
}

.page-news #pagina-sidebar #block-views-block-news-block-sidebar nav {
  text-align: center;
  font-size:  0.8rem;
}

.page-news #pagina-sidebar #block-views-block-news-block-sidebar nav li.page-item {
  display: inline;
}

.page-news #pagina-sidebar #block-views-block-news-block-sidebar nav li.page-item .page-link {
  display:          inline-block;
  min-width:        30px;
  width:            auto;
  background-color: transparent;
  font-size:        0.8rem;
}

article.node--type-occurrence {
  padding: 1rem 0 0 0;
}

/*---- meta ----*/
article.node--type-occurrence.node--view-mode-full .meta {
  min-height: 500px;
}

article.node--type-occurrence .meta .original_vernacular_name {
  font-size: 80%;
  color:     #AAAAAA
}

article.node--type-occurrence .meta .content-extra_id .field .field__item {
  overflow-wrap: break-word;
  word-wrap:     break-word;
  hyphens:       auto;
  font-size:     .8rem;
}

article.node--type-occurrence .meta .content-extra_id .field .field__item {
  overflow-wrap: break-word;
  word-wrap:     break-word;
  hyphens:       auto;
  font-size:     .8rem;
}

/*==== viewmode full ==*/
article.node--type-occurrence.node-occurrence-full .meta {
  font-size: 1rem;
}

article.node--type-occurrence.node-occurrence-full .meta .field .btn.btn-link.btn-sm {
  font-size: 0.8rem;
  color:     #337AB7;
}

/*---- metainfo ----*/
article.node--type-occurrence .metainfo .field {
  margin-bottom: 0.6rem;
  padding:       5px 0;
  border-bottom: 1px solid #EDEDED;
  display:       flex;
}

article.node--type-occurrence .metainfo .field .field__label {
  min-width:   7rem;
  font-weight: bold;
}

article.node--type-occurrence .metainfo .field .field__item {
  flex:      1;
  position:  relative;
  max-width: 100%;
  overflow:  hidden;
}

/*==== viewmode teaser ==*/

/*==== table ====*/
#pagina-main .table-occurrence {
  font-size: .9rem
}

#pagina-main .table-occurrence table tbody tr td {
  height:         75px;
  overflow:       hidden;
  vertical-align: middle;
}

#pagina-main .table-occurrence table thead tr th.th-photo {
  width: 70px;
}

#pagina-main .table-occurrence table tr td.td-photo a {
  display:         block;
  border:          1px solid #EEEEEE;
  padding:         2px;
  width:           60px;
  height:          60px;
  overflow:        hidden;
  text-decoration: none;
}

#pagina-main .table-occurrence table tr td.td-photo a:hover {
  border-color: #F09078;
}

#pagina-main .table-occurrence table thead tr th.th-taxonbio {
  width: 15rem;
}

#pagina-main .table-occurrence table tr td .original_vernacular_name {
  font-size: 80%;
  color:     #AAAAAA
}

#pagina-main .table-occurrence table thead tr th.th-date {
  width: 7rem;
}

#pagina-main .table-occurrence table thead tr th.th-place {
  width: 8rem;
}

#pagina-main .table-occurrence table thead tr th.th-recorded_by {
  width: 8rem;
}

#pagina-main .table-occurrence table thead tr th.th-is_identified {
  width: 6rem;
}

/*==== query ====*/
#data-query-form fieldset.form-fieldset {
  margin-bottom:      20px;
  background-color:   #FFFFFF;
  border:             1px solid #DDDDDD;
  border-radius:      4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow:         0 1px 1px rgba(0, 0, 0, 0.05);
  padding:            0;
}

#data-query-form fieldset.form-fieldset > label {
  display:          block;
  width:            100%;
  font-size:        1rem;
  line-height:      inherit;
  color:            #333333;
  border:           0;
  border-bottom:    1px solid #E5E5E5;
  padding:          10px 15px;
  background-color: #F5F5F6;
}

#data-query-form fieldset.form-fieldset > .fieldset-wrapper {
  padding: 5px 15px 15px 15px;
}

#data-query-form fieldset.form-fieldset > .fieldset-wrapper fieldset {
  margin: 0;
}

#data-query-form fieldset.form-fieldset > .description {
  padding: 0 15px;
}

#data-query-form fieldset.form-fieldset > .fieldset-wrapper input.form-date {
  width: 20rem;
}

#data-query-form fieldset.form-fieldset > .fieldset-wrapper fieldset.form-type-date {
  width:   22rem;
  display: inline-block;
}

#data-query-form > fieldset.form-type-textfield {
  display: flex;
}

#data-query-form > fieldset.form-type-textfield > label {
  width:                     10rem;
  height:                    34px;
  border:                    1px solid #CCCCCC;
  border-right:              none;
  background:                #EEEEEE;
  border-top-left-radius:    5px;
  border-bottom-left-radius: 5px;
  padding:                   5px 0 0 10px;
}

#data-query-form > fieldset.form-type-textfield > .fieldset-data {
  flex:             1;
  width:            100%;
  color:            #555555;
  background-color: #FFFFFF;
  border:           none;
}

#data-query-form > fieldset.form-type-textfield > .fieldset-data > input {
  border-top-left-radius:    0;
  border-bottom-left-radius: 0;
  height:                    34px;
  width:                     100%;
  padding:                   6px 12px;
  color:                     #555555;
  background-color:          #FFFFFF;
  border:                    1px solid #CCCCCC;
}

#data-query-form > fieldset.form-fieldset > .fieldset-wrapper fieldset.form-type-select {
  display: flex;
}

#data-query-form > fieldset.form-fieldset > .fieldset-wrapper fieldset.form-type-select > label {
  width:                     10rem;
  height:                    34px;
  border:                    1px solid #CCCCCC;
  border-right:              none;
  background:                #EEEEEE;
  border-top-left-radius:    5px;
  border-bottom-left-radius: 5px;
  padding:                   5px 0 0 10px;
}

#data-query-form > fieldset.form-fieldset > .fieldset-wrapper fieldset.form-type-select > .fieldset-data {
  flex:             1;
  width:            100%;
  color:            #555555;
  background-color: #FFFFFF;
  border:           none;
}

#data-query-form > fieldset.form-fieldset > .fieldset-wrapper fieldset.form-type-select > .fieldset-data > select {
  flex:                      1;
  border-top-left-radius:    0;
  border-bottom-left-radius: 0;
  height:                    34px;
  width:                     100%;
  padding:                   6px 12px;
  color:                     #555555;
  background-color:          #FFFFFF;
  border:                    1px solid #CCCCCC;
}

#data-query-form > fieldset.form-type-select {
  display: flex;
}

#data-query-form > fieldset.form-type-select > label {
  width:                     10rem;
  height:                    34px;
  border:                    1px solid #CCCCCC;
  border-right:              none;
  background:                #EEEEEE;
  border-top-left-radius:    5px;
  border-bottom-left-radius: 5px;
  padding:                   5px 0 0 10px;
}

#data-query-form > fieldset.form-type-select > .fieldset-data {
  flex:             1;
  width:            100%;
  color:            #555555;
  background-color: #FFFFFF;
  border:           none;
}

#data-query-form > fieldset.form-type-select > .fieldset-data > select {
  flex:                      1;
  border-top-left-radius:    0;
  border-bottom-left-radius: 0;
  height:                    34px;
  width:                     100%;
  padding:                   6px 12px;
  color:                     #555555;
  background-color:          #FFFFFF;
  border:                    1px solid #CCCCCC;
}

/*==== tree ====*/
.display-mode-tree {
  margin: 1rem;
}

.display-mode-tree > div > ul > li:before {
  display: none;
}

.display-mode-tree > ul > li > ul {
  margin-left: -3rem;
  margin-top:  -2rem;
}

.display-mode-tree > ul > li:before {
  border: none;
}

.display-mode-tree ul li {
  padding: 1rem 0 0 1rem !important;
}

.display-mode-tree li:before {
  position:    absolute;
  top:         0;
  bottom:      0;
  left:        -.5rem;
  display:     block;
  width:       0;
  border-left: 1px solid #777777;
  content:     "";
}

.display-mode-tree .tree_label:after {
  position:      absolute;
  top:           0;
  left:          -1.5rem;
  display:       block;
  height:        0.5rem;
  width:         1rem;
  border-bottom: 1px solid #777777;
  border-left:   1px solid #777777;
  border-radius: 0 0 0 .3rem;
  content:       "";
}

.display-mode-tree li:last-child:before {
  height: 1rem;
  bottom: auto;
}

.display-mode-tree > li:last-child:before {
  display: none;
}

.display-mode-tree li.list-group-item {
  line-height: 1.2;
  position:    relative;
  padding:     0 0 1rem 1rem;
  list-style:  none;
  border:      none;
}

.display-mode-tree .tree_label {
  position: relative;
  display:  inline-block;
}

.display-mode-tree a label.tree_label {
  cursor: pointer;
}

.display-mode-tree label.tree_label:hover {
  color: #666666;
}

.display-mode-tree a label.tree_label:hover {
  color: orange;
}

.display-mode-tree .tree_custom {
  display:       block;
  background:    #EEEEEE;
  padding:       1rem;
  border-radius: 0.3rem;
}

article.node--type-event {
  padding: 1rem 0 0 0;
}

/*---- meta ----*/

article.node--type-event .meta .content-extra_id .field .field__item {
  overflow-wrap: break-word;
  word-wrap:     break-word;
  hyphens:       auto;
  font-size:     .8rem;
}

/*---- viewmode full ----*/

article.node--type-event.node-event-full .meta .field .btn.btn-link.btn-sm {
  font-size: 0.8rem;
  color:     #337AB7;
}

article.node--type-event .event-content {
  border-top:    2px solid black;
  border-bottom: 2px solid black;
  margin:        0 0 1rem 0 !important;
  padding:       1rem !important;
}

article.node--type-event article.node-occurrence-cipar {
  margin:        0 auto;
  padding:       10px;
  border:        3px solid #E58E26;
  border-radius: 5px;
}

/*==== table ====*/
#pagina-main .table-event table {
  table-layout: fixed;
}

#pagina-main .table-event {
  font-size: .9rem
}

#pagina-main .table-event table thead tr {
  height: 4rem;
}

#pagina-main .table-event table thead tr th {
  position: relative;
}

#pagina-main .table-event table thead tr th .tablesort {
  position: absolute;
  top:      8px;
  right:    5px;

}

#pagina-main .table-event table thead tr th .tablesort-indicator {
}

#pagina-main .table-event table thead tr th a {
  display:      inline-block;
  margin-right: 20px;
}

#pagina-main .table-event table thead tr th.th-event_nid {
  width: 3rem;
}

#pagina-main .table-event table thead tr th.th-event_date {
  width: 6rem;
}

#pagina-main .table-event table thead tr th.th-event_taxonbios {
  width: 12rem;
}

#pagina-main .table-event table thead tr th.th-event_occurrence_count {
  width: 4rem;
}

#pagina-main .table-event table thead tr th.th-event_participant_count {
  width: 4rem;
}

#pagina-main .table-event table thead tr th.th-event_recorded_by {
  width: 6rem;
}

#pagina-main .table-event table thead tr th.th-event_team {
  width: 6rem;
}

#pagina-main .table-event table thead tr th.th-event_samplearea {
  width: 4rem;
}

#pagina-main .table-event table thead tr th.th-event_samplefeature {
  width: 4rem;
}

/*==== event ===*/
article.eventreport-event {
  padding: 1rem 0 0 0;
}

article.eventreport-event .event-content {
  border-top:    2px solid black;
  border-bottom: 2px solid black;
  margin:        0 0 1rem 0 !important;
  padding:       1rem !important;
}

article.eventreport-event article.node-occurrence-cipar {
  margin:        0 auto 15px auto;
  padding:       10px;
  border:        3px solid #E58E26;
  border-radius: 5px;
}

/*---- meta ----*/

article.eventreport-event .meta .content-extra_id .field .field__item {
  overflow-wrap: break-word;
  word-wrap:     break-word;
  hyphens:       auto;
  font-size:     .8rem;
}

/*---- viewmode full ----*/

article.eventreport-event.node-spaactevent-full .meta .field .btn.btn-link.btn-sm {
  font-size: 0.8rem;
  color:     #337AB7;
}

.page-user article.node--type-team.node--view-mode-teaser {
  border:  none;
  margin:  0;
  padding: 0;
}

.page-user article.node--type-team.node--view-mode-teaser .media .field--name-field-featured-image {
  border:    none;
  min-width: auto;
  padding:   0 1rem
}

/*==== team ====*/
.page-node.node--type-team article.node--type-team {
}

.page-node.node--type-team article.node--type-team .content-extra_members .field,
.page-node.node--type-team article.node--type-team .content-extra_claimed .field {
  margin-bottom: 0.6rem;
  padding:       5px 0;
  display:       flex;
}

.page-node.node--type-team article.node--type-team .content-extra_members .field .field__label,
.page-node.node--type-team article.node--type-team .content-extra_claimed .field .field__label {
  min-width:   4rem;
  font-weight: bold;
}

.page-node.node--type-team article.node--type-team .content-extra_members .field .field__item {
  overflow-wrap: break-word;
  word-wrap:     break-word;
  hyphens:       auto;
}

.page-node.node--type-team article.node--type-team .content-extra_claimed .field .field__item {
  font-size: 0.9rem;
}

.page-node.node--type-team article.node--type-team .content-extra_claimed .field .field__item .list-group-item {
  position:         relative;
  display:          block;
  padding:          0;
  background-color: transparent;
  border:           none;
}

.page-node.node--type-team article.node--type-team #edit-actions {
  text-align: right;
}

.page-node.node--type-team article.node--type-team #edit-actions #edit-submit {
  font-size: 1rem;
  width:     auto;
}

/*table */
#pagina-main .table-samplearea {
  font-size: .9rem
}

#pagina-main .table-samplearea table thead tr {
  height: 4rem;
}

#pagina-main .table-samplearea table thead tr th {
  position: relative;
}

#pagina-main .table-samplearea table thead tr th .tablesort {
  position: absolute;
  top:      8px;
  right:    5px;

}

#pagina-main .table-samplearea table thead tr th a {
  display:      inline-block;
  margin-right: 20px;
}

#pagina-main .table-samplearea table thead tr th.th-event_nid {
  width: 4rem;
}

#pagina-main .table-samplearea table thead tr th.th-event_date {
  width: 4rem;
}

#pagina-main .table-samplearea table thead tr th.th-event_taxonbios {
  width: 10rem;
}

#pagina-main .table-samplearea table thead tr th.th-event_occurrence_count {
  width: 4rem;
}

#pagina-main .table-samplearea table thead tr th.th-event_participant_count {
  width: 4rem;
}

#pagina-main .table-samplearea table thead tr th.th-event_recorded_by {
  width: 4rem;
}

/*======================*/
article.comment {
  display: block;
}

.node-form input#pac-input {
  font-size: 1rem;
  padding:   5px;
}

/*==== table ====*/
.page-user #block-views-block-occurrence-block-1 table {
  font-size: .9rem;
}

.page-user #block-views-block-occurrence-block-1 table tbody tr td {
  height:         75px;
  overflow:       hidden;
  vertical-align: middle;
}

.page-user #block-views-block-occurrence-block-1 table thead tr th.views-field-field-photo {
  width: 70px;
}

.page-user #block-views-block-occurrence-block-1 table tbody tr td.views-field-field-photo a {
  display:         block;
  border:          2px solid #EEEEEE;
  padding:         2px;
  width:           60px;
  height:          60px;
  overflow:        hidden;
  text-decoration: none;
}

.page-user #block-views-block-occurrence-block-1 table tbody tr td.views-field-field-photo a:hover {
  border-color: #F09078;
}

.page-user #block-views-block-occurrence-block-1 table thead tr th.views-field-field-taxonbio {
  width: 30rem;
}

.page-user #block-views-block-occurrence-block-1 table tbody tr td.views-field-field-taxonbio .original_vernacular_name,
.page-user #block-views-block-occurrence-block-1 table tbody tr td.views-field-field-taxonbio .proposed_taxonbio {
  font-size: 80%;
  color:     #AAAAAA
}

.page-user #block-views-block-occurrence-block-1 table thead tr th.views-field-field-event-date {
  width: 7rem;
}

.page-user #block-views-block-occurrence-block-1 table thead tr th.views-field-field-adminarea {
  width: 8rem;
}

.page-user #block-views-block-occurrence-block-1 table thead tr th.views-field-field-recorded-by {
  width: 6rem;
}

.page-user #block-views-block-occurrence-block-1 table thead tr th.views-field-field-identification-status {
  width: 5rem;
}

/*==== page-data main ====*/
.path-data .data-mainitem div.wrapper {
  border:        5px solid #CCCCCC;
  border-radius: 10px;
  margin:        0.5rem;
  padding:       1rem 0.5rem 1rem 5.5rem;
  position:      relative;
  min-height:    17rem;
  color:         #666666;
}

.path-data .data-mainitem a {
  text-decoration: none;
  color:           #666666;
}

.path-data .data-mainitem div.wrapper:hover {
  background: #EEEEEE;
}

.path-data .data-mainitem .icon {
  display:   block;
  font-size: 3.8rem;
  position:  absolute;
  left:      0.5rem;
}

.path-data .data-mainitem .title {
  font-size:   1.6rem;
  font-weight: bold;
  display:     block;
}

.path-data .data-mainitem.item-query div.wrapper {
  border-color: #40739E;
}

.path-data .data-mainitem.item-analysis div.wrapper {
  border-color: #FBC531;
}

/*==== page-data analysis main ====*/
.page-data-analysis #block-views-block-vizs-block-overview article {
  border: none;
}

.page-data-analysis #block-views-block-vizs-block-overview article img {
  border:        2px solid #CCCCCC;
  border-radius: 10px;
}

.page-data-analysis #block-views-block-vizs-block-overview article a:hover img {
  border-color: #F09078;
}

.page-data-analysis #block-views-block-vizs-block-overview article h2 {
  font-size: 1rem;
}

/*=======*/
#contributor-range-query-form .q_wrapper {
  border:        1px solid #CCCCCC;
  margin-bottom: 1rem;
  padding:       1rem;
}

#contributor-range-query-form .q_wrapper > fieldset {
  display: flex;
}

#contributor-range-query-form .q_wrapper > fieldset > label {
  width:                     10rem;
  height:                    34px;
  border:                    1px solid #CCCCCC;
  border-right:              none;
  background:                #EEEEEE;
  border-top-left-radius:    5px;
  border-bottom-left-radius: 5px;
  padding:                   5px 0 0 10px;
}

#contributor-range-query-form .q_wrapper > fieldset .field-content-content {
  flex: 1;
}

#contributor-range-query-form .q_wrapper > fieldset .field-content-content > select {
  border-top-left-radius:    0;
  border-bottom-left-radius: 0;
  height:                    34px;
  width:                     100%;
  padding:                   6px 12px;
  color:                     #555555;
  background-color:          #FFFFFF;
  border:                    1px solid #CCCCCC;
}

@media (min-width: 768px) {
  .row:not(.with-padding) > [class^="col"]:last-child {
    padding-right: 15px;
  }

  .row:not(.with-padding) > [class^="col"]:first-child {
    padding-left: 15px;
  }


}

@media (max-width: 415px) {

  .front-block-wrapper-dp_recent_occurrence {
    height:   500px;
    overflow: hidden;
  }

  .path-frontpage #front-chart h4 {
    font-size: 1rem;
  }

  .row {
    margin-left:  0 !important;
    margin-right: 0 !important;
  }

}


.field-add-more-submit {
  width:            5rem;
  text-align:       center;
  font-size:        .85rem !important;
  float:            right;
  margin:           0 0 1rem 0 !important;
  background-color: IndianRed !important;
  border-color:     IndianRed !important;
}

/*----------------------- overwrite ---------------------------*/
.ui-menu.ui-autocomplete .ui-menu-item:nth-child(2n) {
  background: #EFEFEF
}

.ui-menu.ui-autocomplete .ui-menu-item-wrapper {
  padding: 3px;
}

#pagina-main {
  border:           none;
  background-color: #FAF7EA;
  padding:          0 0 0 0;
}

#pagina-main > .container {
  background-color: #FFFFFF;
  padding-top:      20px;
  padding-bottom:   20px;
  min-height:       500px;
}

#pagina-main .area-maincontent {
  font-size:   1rem;
  line-height: 1.8;
}

/*---- header ----*/


/*---- page-footer ----*/
#pagina-footer {
  background:  #1A1919;
  padding:     25px 5px 5px 5px;
  color:       #CCCCCC;
  text-align:  left;
  font-size:   .9rem;
  opacity:     1;
  line-height: 1.5;
}

#pagina-footer p {
  margin-bottom: .5rem;
}

#pagina-footer a {
  display:       inline-block;
  color:         #CCCCCC;
  border-bottom: none;
}

#pagina-footer a:hover {
  text-decoration: none;
  border-color:    transparent;
  background:      #FFFFFF;
  color:           #000000;
}

#pagina-footer .tesri-logo {
  text-align:          center;
  display:             block;
  margin:              0 auto;
  font-size:           0.8rem;
  width:               100%;
  max-width:           160px;
  height:              160px;
  padding-top:         60px;
  text-indent:         -1000rem;
  background:          transparent url("../images/tbri-logo.png") no-repeat;
  background-size:     160px auto;
  background-position: center top;

}

/*----addon actions ----*/
#addon-actions {
  position: fixed;
  z-index:  9998;
  bottom:   90px;
  right:    0;
  width:    auto;
}

#addon-actions div {
  display:           inline-block;
  width:             50px;
  height:            50px;
  margin-left:       10px;
  background-repeat: no-repeat;
  text-indent:       -1000em;
}

#addon-actions a:hover {
  background: transparent;
}

#addon-actions div.totop {
  background-image: url("../images/icon-totop.png");
}

#addon-actions div.logout {
  background-image: url("../images/icon-logout.png");
}

/*====RWD====*/
@media (min-width: 1200px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1000px;
  }
}


@media (min-width: 768px) {
  #addon-actions {
    bottom: 10px;
  }

}

#pagina-breadcrumb {
  font-size: 0.9rem;
}

.breadcrumb-wrapper {
  padding: 8px 0 0 0;
}

.breadcrumb-item {
  display: inline-block;
}

.breadcrumb-item + .breadcrumb-item {
  padding-left: 2px !important;
}




#pagina-sidebar .view-content > .item-list {
  padding: 0;
}

/*==== ====*/
.page-batch .progress {
  display:  block;
  position: relative
}

/*------------*/
h3.section-title {
  margin: 1rem 0;
}

h4.block-title {
  margin: 2rem 0 0 0;

}

/*---- breadcrumb ----*/
#pagina-breadcrumb {
  height:     35px;
  background: rgb(236, 245, 239);
  overflow:   hidden;
}

/*==== sidebar ====*/
#pagina-sidebar {
  padding-top: 80px;
}

#pagina-sidebar ul ul {
  padding-left: 0;
}

#pagina-sidebar ul.nav ul li {
  position: relative;
}

#pagina-sidebar ul.nav ul li ul {
  top:        0;
  right:      -210px;
  background: #FFFFFF;
}

#pagina-sidebar ul.nav ul li ul li a {
  font-size:    90%;
  padding-left: 2rem;
  background:   #EBEBEB;
}

#pagina-sidebar ul li > a, #pagina-sidebar ul li > .views-field a, #pagina-sidebar ul li > span {
  display:       block;
  padding:       12px 5px 12px 10px;
  font-size:     1.1rem;
  margin-bottom: 3px;
  border:        none;
  border-radius: 0;
  color:         #000000;
  background:    #A7E8BD;
  width:         100%;
}

#pagina-sidebar ul li > a.active:before, #pagina-sidebar ul li > .views-field a.active:before,
#pagina-sidebar ul li > a:before, #pagina-sidebar ul li > .views-field a:before, #pagina-sidebar ul li > span:before {
  display: none
}

#pagina-sidebar ul li > a.active, #pagina-sidebar ul li a:hover, #pagina-sidebar ul li > .views-field a.active, #pagina-sidebar ul li > .views-field a:hover {
  color:       #000000;
  font-weight: normal;
}

#pagina-sidebar ul ul > li a {
  padding:          5px 5px 5px 20px;
  background-color: #FFEBAC;
  font-size:        95%;
}

#pagina-sidebar ul li a:hover {
  background: #999999 !important;
  color:      #FFFFFF;
}

#pagina-sidebar ul li a.active,
#pagina-sidebar ul li > .views-field a.active {
  background-color: #FAC210 !important;
  border-color:     #FAC210;
  font-weight:      normal;
}

#pagina-main .area-sidebar {
  z-index: 20;
}

#pagina-main .area-maincontent {
  z-index: 10;
}

/*==== content ====*/

#pagina-main .block-page-title-block h1.title {
  padding-bottom: 0;
  padding-left:   15px;
  border-left:    10px solid #FAC310;
  margin:         0 0 20px;
  border-bottom:  none;
  font-size:      1.5rem;
  font-weight:    normal;
}


/*---- header ----*/

.path-frontpage #pagina-main {
  padding:          0;
  background-color: rgb(253, 243, 225);
}

.path-frontpage #pagina-main .container {
  background-color: transparent;
  padding:          1rem 0;
}

.path-frontpage .region-front-block > div:nth-child(2n) {
  background-color: transparent;
}

.path-frontpage .region-front-block > div:nth-child(2n+1) {
  background-color: #F2E5CE;
}

/*---------*/
.path-frontpage .front-block {
  color:   #333333;
  padding: 1rem 0;
}

.path-frontpage .front-block h2.block-title {
  text-align:    center;
  font-size:     1.6rem;
  margin-bottom: 1rem;
}

.path-frontpage .front-block h2.block-title .en {
  display:   inline-block;
  font-size: 1.1rem;
  padding:   0 0 0 1rem;
}

.path-frontpage .front-block .more-link {
  text-align: center;
}

.path-frontpage .front-block .more-link a {
  display:       inline-block;
  background:    #FAC210;
  border-radius: 10px;
  padding:       4px 10px;
  font-size:     .9rem;
  color:         #333333;
}

.path-frontpage .front-block .more-link a:hover {
  font-weight:     bold;
  text-decoration: none;
  color:           #333333;
}

/*---- front-news ----*/

.path-frontpage #block-dpfrontnews,
.path-frontpage #block-dpfrontnews a {
  color: #333333;
}

.path-frontpage #block-dpfrontnews .item-list {
  font-size: 0.9rem;
}

.path-frontpage #block-dpfrontnews .item-list li {
  padding: 0 0 0.5rem 0;
}

.path-frontpage #block-dpfrontnews .item-list li a > span {
  display: flex;
}

.path-frontpage #block-dpfrontnews .item-list li .pubdate {
  background: rgb(180, 2229, 192);
  padding:    2px 5px;
  width:      7rem;
}

.path-frontpage #block-dpfrontnews .item-list li .title {
  flex:    1;
  padding: 0 0 0 1rem;

}

.path-frontpage #block-dpfrontnews .item-list li a:hover {
  font-weight:     bold;
  text-decoration: none;
}

.path-frontpage #block-dpfrontnews .item-list li a:hover .pubdate {
  background-color: #FAC210;
}

/*---- front stats ----*/

.path-frontpage #front-stats {
  text-align: center;
  color:      #333333;
  margin:     10px auto 10px auto;
  padding:    30px 0;
}

.path-frontpage #front-stats .item {
  margin-bottom: 0.5rem;
}

.path-frontpage #front-stats .item .number {
  color:     #0652DD;
  font-size: 2.5rem;
}

.path-frontpage #front-stats .item .stat-title {
  font-size: 1.5rem;
  color:     #333333;
  height:    2rem;
}

/*---- front occurrence ----*/
.path-frontpage #front-occurrence > .date {
  font-size:  1.2rem;
  margin:     0.5rem;
  text-align: center;
}

.path-frontpage #front-occurrence > .date > span {
  background: #FFFFFF;
  display:    inline-block;
  padding:    0 5px;
}

.path-frontpage #front-occurrence .col2 h5 {
  text-align: center;
}

.path-frontpage #front-occurrence .col2 .stat-item {
  padding:    10px 0 0 0;
  text-align: center;
}

.path-frontpage #front-occurrence .col2 .stat-item .number {
  font-size:   2rem;
  font-weight: bold;
}

.path-frontpage #front-occurrence .col2 .stat-item .text {
  display:       block;
  font-size:     1rem;
  border-bottom: 3px solid #333333;
  width:         95%;
}

.path-frontpage #front-occurrence .occurrence-content-content {
  font-size:     0.9rem;
  position:      relative;
  margin-bottom: 0.5rem;
  min-height:    150px;
}

.path-frontpage #front-occurrence .occurrence-content-content .featured-image {
  text-align: center;
}

.path-frontpage #front-occurrence .occurrence-content-content .featured-image img {
  border-radius: 100px;
}

.path-frontpage #front-occurrence .occurrence-content-content .occurrence-content-front {
  position:   relative;
  min-height: 140px;
}

.path-frontpage #front-occurrence .occurrence-content-content .occurrence-content-front .meta {
  text-align: center;
  width:      100%;
  font-size:  0.8rem
}

.path-frontpage #front-occurrence .occurrence-content-content .occurrence-content-front .meta .content {
  color: #000000;
}

/*==== front leaderboard ====*/
.path-frontpage #block-dproadkillfrontleaderboard .en {
  display: none;
}

.path-frontpage #pagina-main table tr {
  background: transparent !important;
}

.path-frontpage #pagina-main table th, .path-frontpage #pagina-main table td {
  background: transparent !important;
}

.path-frontpage #front-leaderboard table th.th-rank {
  width: 5rem;
}

.path-frontpage #front-leaderboard table th.th-user {
  width: 10rem;
}

.path-frontpage #front-leaderboard table th.th-count {
  width: 8rem;
}

@media (min-width: 768px) {
  .path-frontpage #pagina-main {
  }

  .path-frontpage .front-block .more-link {
    padding-top: 20px;
    text-align:  right;
  }

  /*---- front-news ----*/
  .path-frontpage #block-dpfrontnews {
    padding: 2rem 0 0 0
  }

  .path-frontpage #block-dpfrontnews .item-list {
    font-size: 1rem;
  }

  .path-frontpage #block-dpfrontnews > .content > .container {
    display: flex;
  }

  .path-frontpage #block-dpfrontnews > .content > .container h2 {
    padding: 0 5rem 0 0;
  }

  .path-frontpage #block-dpfrontnews > .content > .container h2 .tw {
    display: block;
  }

  .path-frontpage #block-dpfrontnews > .content > .container h2 .en {
    display: block;
    padding: 10px 0 0 0;
  }

  .path-frontpage #block-dpfrontnews > .content > .container > div {
    flex: 1;
  }

  /*---- front-occurrence ----*/
  .path-frontpage #front-occurrence .col2 {
    padding: 70px 0 0 20px;
  }

  .path-frontpage #front-occurrence .col2 h5 {
    text-align: left;
  }

  .path-frontpage #front-occurrence .col2 .recent-stat {
    padding: 0 0 0 20px;
  }

  .path-frontpage #front-occurrence .col2 .stat-item {
    text-align: left;
  }

  .path-frontpage #front-occurrence .occurrence-content-content .occurrence-content-front .meta {
    position:  absolute;
    top:       0;
    font-size: 1rem;
  }

  .path-frontpage #front-occurrence .occurrence-content-content .occurrence-content-front .meta .content {
    width:         150px;
    height:        150px;
    padding:       20px 0;
    margin:        0 auto;
    border-radius: 100px;
    color:         transparent;
  }

  .path-frontpage #front-occurrence .occurrence-content-content .occurrence-content-front:hover .featured-image img {
    opacity: .5;
  }

  .path-frontpage #front-occurrence .occurrence-content-content .occurrence-content-front:hover .meta .content {
    color:       #000000;
    font-weight: bold;
  }

}

/*---- page-my-report ----*/
.page-my-report.node--type-staticpage #pagina-main .report-item .content {
  height:        190px;
  margin-bottom: 20px;
}

.page-my-report.node--type-staticpage #pagina-main .report-item .content a {
  display:             block;
  width:               100%;
  height:              100%;
  background-repeat:   no-repeat;
  background-position: center 20px;
  padding-top:         140px;
  text-align:          center;
  color:               #333333;
  font-weight:         bold;
  font-size:           1.2rem;
  border-radius:       5px;
  border:              5px solid transparent;
}

.page-my-report.node--type-staticpage #pagina-main .report-item .content a:hover {
  border:          5px solid #FF7700;
  text-decoration: none;
}

.page-my-report.node--type-staticpage #pagina-main .report-item .content .report-cipar {
  background-color: #FAC210;
  background-image: url("../images/report-cipar.png");
}

.page-my-report.node--type-staticpage #pagina-main .report-item .content .report-ciparmulti {
  background-color: #FAC210;
  background-image: url("../images/report-ciparmulti.png");
}

.participate-box {
  padding:       1rem;
  margin-bottom: 1rem;
}

/*-----------*/
table.tairon-member {
}

#pagina-main table.tairon-member tbody tr > td:nth-child(1) {
  /* border: 1px solid red; */
  width:       5rem;
  font-weight: bold;
}

#pagina-main table.tairon-member tbody tr > td:nth-child(2) {
  border: 1px solid green;
}

#pagina-main table.tairon-member tbody tr > td:nth-child(3) {
  border: 1px solid blue;
}

#pagina-main table.tairon-member tbody tr > td:nth-child(3) > img {
  width: 60px;
}

.page-report-occurrence-report .field_roadkill_taxagroup .radio .form-check {
  min-width: 3.5rem;
}

.page-report-occurrence-report .date-wrapper .the-content > div {
  height:   37px;
  overflow: hidden;
}










#cipar-report-occurrence-form .reportitem > *:not(span):nth-child(2n+1) {
  background-color: transparent;
}

#cipar-report-occurrence-form .reportitem .geo-wrapper a.btn {
  font-size: 0.7rem !important;
}

#cipar-report-occurrence-form .file-chooser-bg .file-chooser-item {
  border:        1px dashed #666666;
  border-radius: 5px;
  color:         #FEFEFE
}

#comm-stats .item {
  text-align: center;
  font-size:  1.5rem;
}

#comm-stats .text-before {
  font-size: 10rem;
}

#comm-stats .item-id-communities .text-before {
  color: #2980B9
}

#comm-stats .item-id-events .text-before {
  color: #27AE60
}

#comm-stats .item-id-occurrences .text-before {
  color: #F39C12
}

.page-community-data #pagina-main #comm-stats h3,
.page-comm-result #pagina-main .result-result h3,
.page-community-data #pagina-main .result-result h3 {
  margin-top: 2rem;
}

/*==== team ====*/
#pagina-main article.node.node--type-team.node--view-mode-full h1.node__title {
  padding-bottom: 0;
  padding-left:   15px;
  border-left:    10px solid #FAC310;
  margin:         0 0 20px;
  border-bottom:  none;
  font-size:      1.5rem;
  font-weight:    normal;
}

#pagina-main article.node.node--type-team.node--view-mode-full h1.node__title * {
  border: none;
}

#pagina-main article.node.node--type-team.node--view-mode-full .meta fieldset.area-wrapper {
  border:  1px solid #CCCCCC;
  padding: 1rem;
}

#pagina-main article.node.node--type-team .meta a.samplearea_claimed {
  display:       inline-block;
  min-width:     40px;
  text-align:    center;
  border-radius: 20px;
  padding:       1px 5px;
  background:    #FAF7EA;
  font-size:     80%;
  color:         #000000;
  white-space:   nowrap;
  border:        1px solid #CCCCCC;
  font-weight:   bold;
}

#pagina-main article.node.node--type-team .meta a.samplearea_claimed i {
  display: none;
}

#pagina-main article.node.node--type-team .meta a.samplearea_claimed.reported {
  font-weight:      normal;
  background-color: #FF7700;
  border-color:     transparent;
}

#pagina-main article.node.node--type-team .meta a.samplearea_claimed:hover {
  background-color: #FF7700;
  color:            #FFFFFF;
  text-decoration:  none;
}

/*-----------------------*/
.page-my-team .node-team-teaser {
  border:    none;
  font-size: 0.9rem
}

.page-my-team .node-team-teaser .photo .field--type-image {
  float: right;
}

.page-my-team .node-team-teaser .photo .field--type-image img {
  /*border: 5px solid #Fb9f97;*/
}

.page-my-team .node-team-teaser .meta {
  border-left: 1px solid #FB9F97;
}

.page-my-team .node-team-teaser .meta h5 {
  border: none;
}

.page-my-team .node-team-teaser .meta .field {
  border: none;
}

.page-my-team #block-views-block-team-block-my-team h2.block-title {
  border-top:    5px solid #383D39;
  border-bottom: 5px solid #383D39;
  padding:       5px 1rem;
  font-size:     1.5rem;
}

.page-node.node--type-samplearea .content-extra_samplefeature .field__item  a:not(.btn) {
  border:       1px solid #CCCCCC;
  display:      inline-block;
  width:        100px;
  height:       125px;
  margin-right: 10px;
  margin-bottom: 20px;
  /*float:        left;*/
  padding:      2px;
}

/*----*/
.page-spaact article .content-extra_claiminfo article.node--type-team {
  border-top:    3px solid green;
  border-bottom: none;

  position:      relative;
  font-size:     .9rem;
  margin:        5px;
  padding:       5px;
  border-radius: 5px;
}

/*-----------------*/
#node-specimen-edit-form #edit-field-specimen-usage-wrapper table.field-multiple-table td.has-multiple-fields-remove-button > fieldset,
#node-specimen-edit-form #edit-field-specimen-exam-wrapper table.field-multiple-table td.has-multiple-fields-remove-button > fieldset {
  border:        none;
  box-shadow:    none;
  display:       flex;
  border-radius: 0;
  margin:        0;
  border-bottom: 1px solid #CCCCCC;
  min-height:    37px;
  height:        auto;
}

#node-specimen-edit-form #edit-field-specimen-usage-wrapper table.field-multiple-table td.has-multiple-fields-remove-button > fieldset > label,
#node-specimen-edit-form #edit-field-specimen-exam-wrapper table.field-multiple-table td.has-multiple-fields-remove-button > fieldset > label {
  width:         12rem;
  min-width:     12rem;
  border:        none;
  border-radius: 0;
  padding:       5px 0 0 10px;
  font-weight:   bold;
  margin:        0;
  color:         #666666;
  border-right:  1px solid #CCCCCC;
}

#node-specimen-edit-form #edit-field-specimen-usage-wrapper table.field-multiple-table td.has-multiple-fields-remove-button > fieldset > .field-content-content,
#node-specimen-edit-form #edit-field-specimen-exam-wrapper table.field-multiple-table td.has-multiple-fields-remove-button > fieldset > .field-content-content {
  flex:          1;
  border-radius: 0;
  border:        none;
  box-shadow:    none;
  padding-left:  5px;
  padding-right: 0;
  min-height:    38px;
}

#node-specimen-edit-form #edit-field-specimen-usage-wrapper table.field-multiple-table td.has-multiple-fields-remove-button > fieldset > .field-content-content .radio .radio.form-check,
#node-specimen-edit-form #edit-field-specimen-exam-wrapper table.field-multiple-table td.has-multiple-fields-remove-button > fieldset > .field-content-content .radio .radio.form-check {
  display:   inline-block;
  min-width: 6rem;
}

#node-specimen-edit-form #edit-field-specimen-usage-wrapper table.field-multiple-table td.has-multiple-fields-remove-button > fieldset > .field-content-content input:not([type=radio]),
#node-specimen-edit-form #edit-field-specimen-exam-wrapper table.field-multiple-table td.has-multiple-fields-remove-button > fieldset > .field-content-content input:not([type=radio]) {
  border:        none;
  border-bottom: 1px solid #333333;
  border-radius: 0;
}

#node-specimen-edit-form #edit-submit {
  margin-top: 1rem;
}

.page-user #pagina-main .avatar-wrapper .actions a {
  display:       block;
  margin-bottom: 5px;
}

.page-my-stat .my-stat-item .item-title {
  font-size: 1.4rem;
}

.page-my-stat .my-stat-item > div {
  border-top:    1px solid #666666;
  margin-bottom: 1rem;
  padding-top:   10px;
}

.page-my-stat #occurrence-stat {
  min-height: 305px;
}

.page-my-stat #occurrence-stat #scatterdiv {
  min-height: 200px;
}

.page-my-stat #species-stat {
  min-height: 710px;
}

.page-cc-system-maillog #pagina-main table td div {
  inline-size:   15rem;
  overflow-wrap: break-word;
}

.page-cc-system-maillog #pagina-main table th.th-dt {

}

/*==== .page-cc-comm-export ====*/

.page-cc-comm-export label.fieldset-legend {
  font-weight: bold
}

.page-cc-comm-export #edit-q-datetime {
  border-radius: 10px;
  border:        1px solid #CCCCCC;
  padding:       1rem;
  margin:        1rem 0;
}

/*---- header ----*/





/*==== page-data main ====*/
.page-data-queryform .region-bottom-content form {
  border-radius: 10px;

}

.page-data-queryform .region-bottom-content form#data-query-form > fieldset,
.page-data-queryform .region-bottom-content form#data-query-form > fieldset.form-fieldset {
  display:       flex;
  box-shadow:    none;
  border-radius: 0;
  padding:       0 0;
  margin:        10px 0;
  min-height:    37px;
  height:        auto;
  border:        none;
  border-bottom: 1px solid #CCCCCC;
}

.page-data-queryform .region-bottom-content form > fieldset > label,
.page-data-queryform .region-bottom-content form#data-query-form > fieldset > label,
.page-data-queryform .region-bottom-content form#data-query-form > fieldset.form-fieldset > label {
  font-weight:   bold;
  font-size:     1.1rem;
  width:         10rem;
  padding:       0 0 0 0;
  border-radius: 0;
  border:        none;
  background:    none;
}

.page-data-queryform .region-bottom-content form > fieldset > .field-content-content,
.page-data-queryform .region-bottom-content form#data-query-form > fieldset.form-fieldset > .field-content-content {
  width:         100%;
  border:        none;
  border-radius: 0;
  flex:          1;
}

.page-data-queryform .region-bottom-content form > fieldset > .field-content-content > input[type=text] {
  border: none;
}

.page-data-queryform .region-bottom-content form > fieldset#edit-q-datetime > .field-content-content > div > fieldset > label {
  border:  none;
  display: inline-block;
}

.page-data-queryform .region-bottom-content form > fieldset#edit-q-datetime > .field-content-content > div > fieldset > div {
  border:  none;
  display: inline-block;
  width:   250px;
}

.page-data-queryform .region-bottom-content form > fieldset > .field-content-content > div > fieldset > div input {
  width:  200px;
  border: none;
}

.page-campaign .field--name-field-attached-images .field__item {
  display: inline-block;
}

.page-campaign .node--view-mode-teaser {
  border:   none;
  height:   270px;
  overflow: hidden;
}

.page-campaign .node--view-mode-teaser .field--name-field-featured-image img {
  border: 5px solid transparent;
}

.page-campaign .node--view-mode-teaser .field--name-field-featured-image img:hover {
  border-color: #FAC210;
}

.page-campaign .node--view-mode-teaser header h5 a {
  color:     #666666;
  font-size: 1.1rem;
}

.page-multimedia .node--view-mode-teaser {
  border:   none;
  height:   270px;
  overflow: hidden;
}

.page-multimedia .node--view-mode-teaser .field--name-field-featured-image img {
  border: 5px solid transparent;
}

.page-multimedia .node--view-mode-teaser .field--name-field-featured-image img:hover {
  border-color: #FAC210;
}

.page-multimedia .node--view-mode-teaser header h5 a {
  color:     #666666;
  font-size: 1.1rem;
}

body.node--type-article #pagina-main article .field--name-field-content {
  max-width: 800px;
}

body.node--type-article #pagina-main article .field--name-field-content h3 {
  font-size:   21px;
  line-height: 1.8;
  margin:      15px 0 10px 0;
  border-left: 5px solid #D2691E;
  padding:     0 0 5px 10px;
}

body.node--type-article #pagina-main article .field--name-field-content img {
  max-width: 80%;
  height:    auto;
  display:   block;
}

.article-overview-item {
  padding-right:  1rem;
  padding-bottom: 1rem;
  min-height:     380px;
}

.article-overview-item .views-field-field-featured-image {
  border: 4px solid rgb(180, 230, 192);
}

.article-overview-item .views-field-title {
  font-size:   1rem;
  font-weight: bold;
}

.article-overview-item .views-field-field-teaser {
  font-size: 0.9rem;
}

.article-overview-item .views-field-field-tag ul {
  display: block;
}

.article-overview-item .views-field-field-tag li {
  background:    rgb(242, 195, 69);
  display:       inline-block;
  margin-right:  6px;
  padding:       5px 10px;
  font-size:     0.8rem;
  color:         #FEFEFE;
  font-weight:   bold;
  border-radius: 10px;
  line-height:   1;
}

article.node .meta .field {
  padding: 0 5px;
}

/*---------------------*/
#pagina-main article .extra_info {
  font-size: 0.9rem;
  padding:   0 0 0 17px;
}

#pagina-main article .extra_info .field > .field__label {
  font-weight: bold
}

#pagina-main article .extra_info .field {
  display: block;
}

#pagina-main article .extra_info .field .restrict-data {
  display: inline-block;
  width:   100%;
  padding: 10px;
}

.page-cloudidentify-challenge-challenging #block-dproadkilcloidechallenging table th.th-dt {
  width: 8rem
}

.page-cloudidentify-challenge-challenging #block-dproadkilcloidechallenging table th.th-challenger {
  width: 6rem
}

.page-cloudidentify-challenge table th.th-dt {
  width: 8rem
}

.table-viz {
  font-size: 0.9rem
}

.table-viz thead th {
  font-family: monospace;
  text-align:  center
}

#block-dproadkillvizspecies-stat .th-cnt {
  text-align: center;
}

#block-dproadkillviztop-contributors .th-cnt {
  text-align: center;
}

#block-dproadkillviztop-contributors .th-ratio {
  text-align: center;
}

.node--type-viz.node--view-mode-teaser {
  border: none;
}

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

.idendtify-error {
  color:       red;
  font-weight: bold;
  font-size:   2rem;
}


/*==== occurrence extra-extra ====*/
#pagina-main .extra_extra table {
  font-size: 0.9rem;
}

#pagina-main .extra_extra table .th-dt {
  width: 7rem;
}

#pagina-main .extra_extra table .th-person {
  width: 7rem;
}

/*==== identified ====*/
#pagina-main .extra_extra .content-extra_identifiedhistory .th-action_type {
  width: 5rem;
}

#pagina-main .extra_extra .content-extra_identifiedhistory .th-taxon {
  width: 15rem;
}

/*==== error report ====*/
#pagina-main .extra_extra .content-extra_errrp .th-errortype {
  width: 12rem;
}

#pagina-main .extra_extra .content-extra_errrp .th-fixtype {
  width: 12rem;
}

#pagina-main .extra_extra .content-extra_errrp .th-action {
  width: 5rem;
}

#page-wrapper .btn-xs-circle {
  font-size:     0.8rem !important;
  padding:       0 3px;
  line-height:   1;
  width:         20px;
  border-radius: 20px;
  height:        20px;
}

#block-views-block-mediareport-block-1 > div.content > div > div > div.view-content.row > div > table > tbody > tr:nth-child(1) > td.views-field.views-field-field-pubdate,
#block-views-block-news-block-1 > div > div > div > div > div > table > tbody > tr:nth-child(1) > td.views-field.views-field-field-pubdate {
  width: 7rem;
}

.divtable-wrapper .pager li a.papger-page-anchor {
  display: inline-block;
}

.match-label {
  color: #AAAAAA
}

#block-dproadkilllist-article-academic .list-wrapper {
  margin-bottom: 10px;
  font-size:     0.95rem;
  display:       flex;
}

#block-dproadkilllist-article-academic .list-wrapper > .sn {
  /* margin-left: -30px; */
  text-align:    right;
  color:         #999999;
  font-family:   monospace;
  /* display: inline-block; */
  width:         50px;
  padding-right: 5px;
}

#block-dproadkilllist-article-academic .list-wrapper > a {
  flex: 1;
}

.node__content blockquote {
  border:     5px solid #CCCCCC;
  padding:    1rem;
  font-style: italic;
}

.page-export form #edit-exporttype--wrapper .type {
  display:       inline-block;
  padding:       8px 15px;
  font-weight:   bold;
  color:         #FFFFFF;
  min-width:     9rem;
  border-radius: 10px;
}

fieldset#edit-exporttype--wrapper {
  border-radius: 10px;
  border:        1px solid #CCCCCC;
  padding:       1rem;
  margin:        1rem 0;
}

.rank_my {
  font-weight: bold;
}

.rank_my i {
  color: red;
}

#pagina-main table tr.rank_my td {
  font-weight:      bold;
  background-color: #FAC210 !important;
}

.identify-stat-person-table h5.table-title {
  font-size: 2rem;
}

.identify-stat-person-table tr > th {
  max-width: 5rem
}

#pagina-main .identify-stat-person-table tr > th.th-score,
#pagina-main .identify-stat-person-table tr > th.th-records,
#pagina-main .identify-stat-person-table tr > th.th-records_species,
#pagina-main .identify-stat-person-table tr > th.th-species_count {
  text-align:    right;
  padding-right: 10px;
}

#pagina-main .identify-stat-person-table tr > td.td-score,
#pagina-main .identify-stat-person-table tr > td.td-records,
#pagina-main .identify-stat-person-table tr > td.td-records_species,
#pagina-main .identify-stat-person-table tr > td.td-species_count {
  font-family:   monospace;
  text-align:    right;
  padding-right: 10px;
}

/*---- person stat block ----*/
.page-my-stat #pagina-main h3 {
  margin-top: 2rem;
}

.stat-block #mycloide-stat h5 {
  display: none;

}

.stat-block #mycloide-stat .exam-biogroup {
  border-bottom: 1px solid #CCCCCC;
  margin-bottom: 8px;

}

.stat-block #mycloide-stat .exam-biogroup > div {
  display:       inline-block;
  padding-right: 1rem;
}

.stat-block #mycloide-stat .exam-biogroup > div.exam-biogrouptitle {
  width:     10rem;
  font-size: 1.1rem;
}

.alertify .ajs-dialog {
  max-width: 80%;
}

.page-viz .field--type-image img {
  max-width: none;
}

.inner-area-wrapper > fieldset > label {
  min-width: 10rem;
}

.cloide-photo-adminarea {
  color: #666666;
}

/*====================*/
.taxonbio-geodist-wrapper #mapDiv .background {
  fill:           none;
  pointer-events: all;
}

.taxonbio-geodist-wrapper #mapDiv g {
  stroke:          #999999;
  stroke-width:    .285;
  stroke-linejoin: round;
  fill:            #FFFFFF;
}

#block-dproadkillhighlight-species .item {
  height: 300px;
}

#block-dproadkillhighlight-species .item a {
  display: block;
  border:  5px solid transparent;
  height:  290px;
  padding: 5px;
  color:   #333333;
}

#block-dproadkillhighlight-species .item a:hover {
  border-color:    #337AB7;
  text-decoration: none;
}

.page-occurrence-cloudidentify-challengeinfo .state-wrapper {
  border:        3px solid #FAC210;
  border-radius: 10px;
  padding:       1rem;
  background:    #EEEEEE;
  margin:        1rem 0;
}

/*---- TEXT FORMAT ----*/
.color-red {
  color: red
}

.color-blue {
  color: blue;
}

.size-large {
  font-size: 1.5rem;
}

.size-medium {
  font-size: 1.2rem
}


/*==== taxasearch ====*/
#taxasearch-block-form {
  position: relative;
}

#taxasearch-block-form input#edit-taxon {
  padding:       8px 15px;
  background:    #FFFFFF;
  height:        60px;
  font-size:     2rem;
  border:        1px solid #CCCCCC;
  border-radius: 0;
}

#taxasearch-block-form input#edit-submit {
  font-size:     2rem;
  background:    transparent url(../images/icon-taxabolcksearch.png) no-repeat 0 5px;
  text-indent:   -1000em;
  position:      absolute;
  top:           5px;
  right:         10px;
  width:         50px;
  height:        50px;
  border-radius: 0;
  border:        none;
}

.data-query-form form .form-check {
  display:   inline-block;
  min-width: 8rem;
}

.data-query-form form input[type=date] {
  border-bottom: 1px solid #CCCCCC !important;
  border-radius: 0;
}