a:link {
    color: #337ab7;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

body {
    font-family: verdana;
    padding: 0;
    margin: 0;
}

hr {
    margin-bottom: 0em;
}

h3 {
    font-weight: bold;
}

p {
    font-style: italic;
    color: #A9A9A9;
	text-align: justify;
}

html, body, #map {
    height: 100%;
    font: 10pt "Helvetica Neue", Arial, Helvetica, sans-serif;
}

.sidepanel_donut {
    max-width: 14em;
}

.attribute_label {
    padding-top: 10px;
    margin: 0px;
    font-style: normal;
}

.donut_block {
    text-align: center;
    width: 13em;
}

.logo {
    max-width: 40%;
    align-content: center;
}

.authorlogo {
    height: 3em;
    margin: 10px 10px;
}

.orglogo {
    height: 3.4em;
    margin: 10px 10px;
}

.centered {
    text-align: center;
}

.defindicator {
    padding-top: 20px;
    padding-bottom: 0px;
    font-style: normal;
    color: #808080;
}

.defindicator:before {
    content: "\f05a  ";
    font-family: FontAwesome
}

.text_description {
    font: verdana;
    font-style: normal;
    color: #808080;
	text-align: justify;
}

.text_description_b {
    font: verdana;
}

.text_description_b:before {
    content: "\f0eb  ";
    font-family: FontAwesome
}

table, th, td {
    font-size: 1em;
}

.ranks {
  height: 290px;
  width: 100%;
	margin-left: 0px;
	margin-right: 0px;
	overflow: auto;
}
.tab-content {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 2px;
}
.alert {
    background-color: #f44336;
    color: white;
    z-index:999999;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.closebtn {
  margin-left: 15px;
  color: white;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
}

.closebtn:hover {
  color: black;
}