/* Orphans */

.alert {
  width:auto;
  position:absolute;
  z-index:9999;
  top:-10em;
  right:1em;
  position:fixed;
}

.welcome {width:80%;
	margin:2em auto;
	display:block;
	font-size:1.1em;
	}

/* Body */

body {
  font-family:'Nunito', Arial, Helvetica, sans-serif;
  background: #2b2b2d;
}
a {
  color: #00A0DD;
}
a:hover {
  color: #0080b1;
}
code {
  background: #eee;
  padding: .2em .5em;
}

/* Nav */
.navbar {
  margin-bottom: 3em;
}
.navbar a {
  cursor: pointer;
}

/* Dashboard */

#dashboard {
  margin: -1em auto 3em;
  width:80%;
  display:none;
  border: 1px solid #444;
  border-radius: .3em;
  background: #252525;
}
#dashboard .row.charts-titles .col {
  font-weight:300;
  margin-bottom:.5em;
  line-height:1.2em;
  padding: 0 2em;
  display:block;
  color:#F2E8CE;
  text-align:center;
}
.row.charts-titles:before {
    content: 'Infografia';
    font-size: .8em;
    color: white;
    text-align: center;
    display: block;
    width: 100%;
    padding: 1.5em 0em;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #444;
  }
#dashboard .row.charts .col {
  padding: 1em 1em;
  margin:1em;
  height: 260px;
  width: 30%;
}
#dashboard .row.charts .col:first-child {
  margin-top:0px;
}
#dashboard .row.charts-titles strong {
  color: #a5a5a5 !important;
  background: #353535;
  padding: 5px 10px;
  border-radius: .3em;
}
span.loadmsg {
  text-align: center;
  width: 100%;
  height: 100%;
  display: block;
}
#tagcloud {
  max-height: 150px;
  display:none;
  overflow: scroll;
  width: 80%;
  margin: 1em auto 2em;
  font-size:.9em;
  text-align:center;
}
#tagcloud ul:empty:before {
  content:'Esta pesquisa não tem palavras-chave associadas.';
  color: #666;
  font-style:italic;
}
#tagcloud ul {
  margin:0;
  padding:0
}
#tagcloud li {
  display:inline;
  color: #666;
}
#tagcloud a {
  cursor:pointer;
}
#tagcloud a:hover {
  color: #f3e8ce;
}
span.val {
  display: inline-block;
  padding: 0em .75em;
  background: #242425;
  border-radius: .3em;
  font-size: .8em;
  line-height: 1em;
  margin-left:.3em;
  margin-right: 1em;
  color: #f3e8ce;
}
#tags li:hover .val {
  color: white;
}
span.review {
    font-size: 65%;
    line-height: 0;
    text-transform: uppercase;
    margin-right: .5em;
    background: #f3e8ce47;
    border-radius: .3em;
    padding: 0em .5em;
}

/* Searcher */

#searcher {
  width:45%;
  margin:0 auto;
}
#searcher .btn-primary {
  background-color:#00A0DD;
  border-color:#00A0DD;
}
#searcher .dropdown-menu {
  cursor:pointer;
}
#searcher .dropdown-menu .active,
#searcher .dropdown-menu a:active {
  background-color:transparent !important;
  font-weight:700;
}
#searcher i.fa-search {
  margin-right:.5em;
}
input.form-control {
  height:3em;
  border:1px solid white;
}
input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: searchfield-cancel-button;
}
/* Table basics */

#mytable_wrapper {
  margin: 1em auto 1em;
  width: 85%;
}
#mytable_info {
  text-align:center;
  font-size:1.1em;
  margin-bottom:1em;
  color: white;
  font-weight:300 !important;
}
table {
  background:white !important;
  color:#333;
  border-radius:0.4em;
}
table tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, .025) !important;
}
table th {
  font-weight: 700;
  border :0 !important;
}
table td {
  line-height:1.30em;
}
.table-bordered {
  border:0;
}
.table-bordered>tbody>tr>td,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>td,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
  border-bottom:0;
  border-left:0;
  border-right:0;
}

/* Table columns */

table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
  font-family: "Font Awesome 5 Free";
  content: '\f0de';
  top:.8em;
}
table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:before {
  font-family: "Font Awesome 5 Free";
  content: '\f0dd';
  right:.5em;
  top: .8em;
}
table tr.shown {
  margin-bottom:0;
}
table tr:last-child td.type {
  border-bottom-left-radius:.3em !important;
}
table tr:last-child td.extras {
  border-bottom-right-radius:.3em !important;
}
table th.type {
  background:#59595a;
  border-top-left-radius:.3em;
  color: #f3e8ce;
}
table td.type {
  background:#59595a;
  border-top:1px solid #676767;
}
table td.type i {
  font-size:2em;
  display:block;
  margin-bottom:.35em;
  color: #d6cfc0;
}
table td.type a {
  font-size: .7em;
  color: #ada695 !important;
  cursor: default;
  display: block;
  font-weight: 400;
  line-height:1.2em;
}
table th.author,
table td.author {
  width:20%;
  padding-left:2.5%;
  padding-right:2.5%;
}
table td.entry,
table th.entry {
  padding-right:2.5%;
  padding-left:2.5%;
  width:60%;
}
table tr:hover #title,
table tr:hover #moretitle {
  color:black !important;
}
table th.extras {
  border-top-right-radius:.3em;
  background:#F2E8CE;
}
table td.extras {
  border-top:1px solid #dfd5bd;
  background:#F2E8CE;
}
td.extras a {
  cursor:pointer;
  color:#666 !important;
  font-size:.8em;
  display:block;
  margin-bottom:.5em;
  white-space:nowrap;
}
td.extras a:hover {
  color: black !important;
  text-decoration:none !important;
}
td.extras i {
  margin-right:.3em;
  font-size:.8em;
}
.abstract.active {
  font-weight:600;
  color:black !important;
}

/* Details pane */

tr.details td {
  margin:0 !important;
  padding:0 !important;
  background: #2b2b2d;
  border-top: 0px;
}
tr.details td #abstract {
  background: white;
  padding: 5em 7em;
  margin:0em 4em 0em;
  border-top: 0px;
  box-shadow: inset 0 20px 20px -10px rgba(0,0,0,0.2), inset 0 -20px 20px -20px rgba(0,0,0,0.2);
}
#abstract strong {
  font-weight:700;
  font-size:1.4em;
}

/* Particles */

#title {
  width: 80%;
  color: #888;
  font-size: .75em;
  display: block;
  margin-top: 1em;
  padding-bottom: 0.25em;
  line-height: 1.2em;
  font-weight:300;
}
#title span {
  white-space:nowrap;
}
#title + #moretitle {
  margin-top:0em !important;
}
#moretitle {
  display:block;
  color: #888;
  font-size: .75em;
  margin-top: .5em;
  width: 90%;
  line-height: 1.2em;
  font-weight:300;
}
#moretitle strong {
  font-weight:300 !important;
}
td.entry a.key {
  color:#00a0dd !important;
  border-radius:.3em;
  display:inline-block;
  margin-right:.3em;
  margin-bottom:.3em;
  border:1px solid #00A0DD;
  padding:.1em .7em;
  cursor:pointer;
}
td.entry a.key:empty {
  display:none;
}
td.entry a.key:hover {
  background: #00A0DD;
  color: white !important;
  text-decoration:none !important;
}
.keylist {
  margin-top:1.5em;
  font-size:.8em;
}
a.auth:hover, a.edit:hover
{
  cursor: pointer !important;
  text-decoration:underline !important;
}
a.pub:hover
{
  cursor: pointer !important;
  text-decoration:underline !important;
}

/* Return top */

a.click {
  margin-top:1em;
  display:inline-block;
  cursor:pointer;
}
a.click:hover {
  text-decoration:none;
}
a.click:after {
  content: 'Voltar ao topo';
  color: white;
  margin-left:.4em;
  font-size:1.1em;
}

/* Table pagination */

#mytable_paginate {
  margin:1em 0 3em;
}

.page-link {
  color: #00A0DD;
  border-color: transparent;
}
.page-item.disabled .page-link {
  border-color: transparent;
}
.page-item.active .page-link {
  background-color: #00A0DD;
  color: white;
  border-color: transparent;
}

/* Responsive styles */

@media only screen and (max-width: 1280px) {
  #mytable_wrapper {
    width:95%;
  }
}
@media only screen and (max-width: 1024px)  {

	body {
    margin:0;
    font-size:1em;}

  #mytable_wrapper {width:95%;}
  #mytable_info {
    font-size:1.1em;
  }
  #dashboard {
    width:85%;
    margin:-1em auto 3em !important;
  }
  #dashboard:first-child {
    display:none;
  }
  #dashboard:last-child {
    display:none;
  }

  #dashboard .row.charts .col {
    padding:1em 0 !important;
    border:0 !important;
    height:220px;
  }

  #searcher {width:75%;}

  table {
    background:transparent !important;
  }
  table, thead, tbody, th, td, tr {
    display: block;
	}
  thead tr {
  	position: absolute;
  	top: -9999px;
  	left: -9999px;
  }
  tr {
    margin-bottom:1em;
  }
  table td:first-child {
    border-top-left-radius:.3em !important;
    border-top-right-radius:.3em !important;
  }
  td {
  	position: relative;
  	padding-left: 50%;
    border-top:0 !important;
    background:white;
	}
  td.type {
    font-size:1.3em;
    padding-left:2.5%;
  }
  td.type i {
    font-size:.8em !important;
    display:inline-block !important;
    margin-right:.5em;
    vertical-align: middle;
  }
  td.author, td.entry {
    width:auto !important;
    display:block;
  }
  td.extras:empty {
    background:white;
    padding:.3em;
  }
  td:last-child {
    border-bottom-left-radius:.3em !important;
    border-bottom-right-radius:.3em;
  }
  table td.entry {
    margin-top:0 !important;
  }
  td.entry #title,
  td.entry #moretitle {
    padding-left:0 !important;
    border-left:0 !important;
    margin-top:1.5em !important;
  }
  td.extras
  {
    display: block;
    border: none !important;
    text-align:right !important;
  }
  td.extras a {
    display: inline-block;
    margin-left: 1em;
    margin-bottom:0;
  }
  td.date.sorting_1 {
    padding-left: 2.5%;
    padding-bottom: 2.5%;
  }
  #abstract {
    box-shadow: inset 0 20px 20px -10px rgba(0, 0, 0, 0.2) !important;
    border-top: 0px !important;
  }
  p#abstract {
    font-size:.9rem;
    border-top: transparent !important;
    padding:2em !important;
    margin: 0em 2em 1.5em !important;
    border-bottom-left-radius:.3em;
    border-bottom-right-radius:.3em;
  }
  #mytable_wrapper a.click {
    text-align:center !important;
    margin-bottom: .5em;
  }
  .auth:before {
    content: '\f007';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: .7em;
    vertical-align: top;
    margin-right: .5em;
  }
  #mytable_paginate {
    margin: 1em 0 2em !important;
  }
  ul.pagination {
  }
}

@media only screen and (max-width: 800px) {

  body {
  }
  #mytable_wrapper {
    width:95 %;
    padding:0;
  }
  .navbar {
    margin-bottom:1em;
  }
  .alert {
    width:70%;
    text-align:center;
    font-size:.9em;
    right:0 !important;
    left:0 !important;
    margin:0 auto;
  }
  .container-fluid {
    width:100% !important;
    padding: 0 2% 0 !important;
  }
  #searcher {
    width:96% !important;
  }
  #gosearch span {
    position:absolute;
    color:transparent;
    font-size:0.1em;
  }
  #gosearch i.fa-search {
    margin-right:.3em;
  }
  .dropdown-divider, .viz, .tags, .vizops, .input-group-prepend {display:none;}
  .form-control {
    border-top-left-radius: .3em !important;
    border-bottom-left-radius: .3em !important;
  }
  .searchurl {
    display:none;
  }
  #dashboard {
    display:none !important;
  }
  #dashboard .row.charts .col {
    display:none;
  }
  .dropdown-menu {
    box-shadow: 0 0 20px #00000059;
  }
  td.titulo, td.author {
    width: auto !important;
  }
  #mytable_wrapper {
    margin: 0em auto 1em;
    width:98%;
  }
  #mytable_info {
    white-space: normal;
    line-height:1.25rem;
    margin:0em auto .5em;
    font-size:1em;
  }
  #mytable_info span {
    display:inline-block;
  }
  #mytable_wrapper .col-sm-7 {
    padding:0 !important;
    margin:0 auto;
    font-size:.85em;
  }
  .page-link {
    padding: .5rem .45rem;
  }
  .row,
  .col-sm-12,
  .col-md-auto {
    margin:0 auto;
    padding:0 !important;
  }
  .click {
    width:100%;
    text-align:center;
  }
  ul.pagination {
    justify-content: center !important;
  }
}