/*body{
  background-color: grey !important;
}

select {
 background: grey !important;   
}*/
#error-message{
  font-size: 15px;
}
.font-class{
   font-size: 0.9vw !important;
}

/*.label{
  font-size: 0.9vw !important; 
}*/

.select-bars{
  width: 100%;
}

#country-highlight{
 width: 100%; 
}

.nopadding {
  padding: 5 !important;
  margin: 0 !important;
}
.link {
  stroke: #000000;
  /*stroke-width: 0.5px;*/
  pointer-events: all;
}

.node circle {
  pointer-events: all;
  stroke: #777;
  stroke-width: 1px;
}

div.tooltip {
  font-size: 0.9vw !important;
  position: absolute;
  background-color: white;
  padding: 1px;
  border-style: solid;
  border-radius: 4px;
  border-width: 1px;
  box-shadow: 3px 3px 10px rgba(0, 0, 0, .5);
  pointer-events: none;
}

.col-md-2 {
  /*border-right: 1px solid #c9c9c9;*/
  padding: 12px;
}
/*.svg-container {
  display: inline-block;
  position: relative;
  width: 100%;
  padding-bottom: 100%;
  vertical-align: top;
  overflow: hidden;
}
.svg-content {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
}*/
.x-axis path, .y-axis path {
  /*display: none;*/
}

.rank-line {
  fill: none;
  stroke: black;
  stroke-linejoin: round;
  stroke-linecap: round;
}

.start-dot, .end-dot {
  fill: grey;
}

.tooltip_rank_chart text {
  /*font-size: 14px;*/
  font-weight: 700;
  fill: black;
}

.x-axis text {
  /*font-size: 10px;*/
  font-weight: 700;
}

.y-axis text {
  font-weight: 700;
}
    
/*    text {
  text-shadow: 0 1px 0 #fff, 1px 0 0 #fff, 0 -1px 0 #fff, -1px 0 0 #fff; 
  font-family: 'Open Sans', sans-serif;
  opacity: 0.7;
  font-size: 10px;
}*/

.y-label {
  fill: black;
  /*font-size: 10px;*/
  font-weight: 700;
}

.voronoi path {
  fill: none;
  pointer-events: all;
}

.grid-line {
  stroke: black;
  opacity: 0.2;
  stroke-dasharray: 2,2;
}

.end-label {
  /*font-size: 10px;*/
  font-weight: 700;
  fill: black;
  fill-opacity: 0.7;
/* text-anchor: middle; */
}

/* 
Generic Styling, for Desktops/Laptops 
*/
table { 
  width: 92%; 
  border-collapse: collapse; 
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
}

#table {
  overflow-y: scroll;
}

/* Zebra striping */
tr:nth-of-type(odd) { 
  background: #eee; 
}
th { 
  background: #273238; 
  color: white; 
  font-weight: bold; 
  cursor: s-resize;
  background-repeat: no-repeat;
      background-position: 3% center;
  /*position: -webkit-sticky;
  position: sticky;
  top: 1;
  z-index: 1;*/
}
td, th { 
  padding: 6px; 
  border: 1px solid #ccc; 
  text-align: left; 
}

table.table-names { 
  width: 80%; 
  margin:auto;
  border-collapse: collapse; 
  text-align:center;
  /*font-size:10px;*/
}

/* Zebra striping */
tr.table-names:nth-of-type(odd) { 
  background: #eee; 
}
th.table-names { 
  background: #273238; 
  color: white; 
  font-weight: bold; 
  cursor: s-resize;
  background-repeat: no-repeat;
      background-position: 3% center;
  /*position: -webkit-sticky;
  position: sticky;
  top: 1;
  z-index: 1;*/
}
td.table-names, th.table-names { 
  padding: 6px; 
  border: 1px solid #ccc; 
  text-align: left; 
}

/*th.des:after {
  content: "\21E9";
}

th.aes:after {
  content: "\21E7";
}*/



/*.col-md-2{
  height:650px;
  overflow-y: scroll;
}*/

/*.names {
  fill: none;
  stroke: #fff;
  stroke-linejoin: round;
}*/

/* Tooltip CSS */
.d3-tip {
  line-height: 1.5;
  font-weight: 0.9vw !important;
  font-family:"avenir next", Arial, sans-serif;
  padding: 6px;
  background: rgba(0, 0, 0, 0.6);
  color: #FFA500;
  border-radius: 1px;
  pointer-events: none;
}

/* Creates a small triangle extender for the tooltip */
.d3-tip:after {      
  box-sizing: border-box;
  display: inline;
  /*font-size: 8px;*/
  width: 100%;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.6);
  position: absolute;
  pointer-events: none;
  
}

/* Northward tooltips */
.d3-tip.n:after {
  content: "\25BC";
  margin: -1px 0 0 0;
  top: 100%;
  left: 0;
  text-align: center;
}

/* Eastward tooltips */
.d3-tip.e:after {
  content: "\25C0";
  margin: -4px 0 0 0;
  top: 50%;
  left: -8px;
}

/* Southward tooltips */
.d3-tip.s:after {
  content: "\25B2";
  margin: 0 0 1px 0;
  top: -8px;
  left: 0;
  text-align: center;
}

/* Westward tooltips */
.d3-tip.w:after {
  content: "\25B6";
  margin: -4px 0 0 -1px;
  top: 50%;
  left: 100%;
}

/*    
text{
  pointer-events:none;
}
*/

.details{
  color: white;
}


.col-3 p{
  font-weight:bold;
  margin-bottom:0;
  /*font-size:20px;*/
}
.col-3{
  text-align:center;
}
.swatch {
  stroke: black;
  stroke-width: 1;
}
/*.col-md-2 {
  text-align:center;
  margin-left:0;
  margin-right:0;
}

.home-menu label{
  padding-top:0;
  font-size:12px;
}
.col-md-2 .home-menu button{
  margin:5px;
}

.col-md-2 .home-menu select{
  width:150px;
  display: block;
  margin: 0 auto;
}*/

label #head{
  padding-top:10px;
}

#treemap{
  margin-left:90px;
}

/*footer*/

footer {
  background-color: #34393F;
  color:white;
}
.footer_padding{
  padding-right: 10%;
  padding-left: 10%;
}

footer {
  width:100%;
  background-color:#263238;
  min-height:250px;
  padding:2% 0px 2% 0px ;
  overflow: hidden}

footer p { 
  color:#CCC;
  padding-bottom:0px;
  margin-bottom:8px;
}
.mb10 {
  padding-bottom:15px;
  text-align:justify;}

.footer_ul_amrc { 
  display: table;
  margin: 0 auto;
  list-style-type:none ; 
  /*padding:0px 0px 10px 0px ; */
}

.footer_ul_amrc li {padding:0px 0px 5px 0px;}
.footer_ul_amrc li a{ color:#CCC;}
.footer_ul_amrc li a:hover{ color:#fff; text-decoration:none;}
.fleft { float:left;}
.padding-right { padding-right:10px; }

.footer_ul2_amrc {margin:0px; list-style-type:none; padding:0px;}
.footer_ul2_amrc li p { display:table; }
.footer_ul2_amrc li a:hover { text-decoration:none;}
.footer_ul2_amrc li i { margin-top:5px;}

.bottom_border { border-bottom:2px solid #323f45; padding-bottom:20px;}
.foote_bottom_ul_amrc {
  list-style-type:none;
  padding:0px;
  margin-top: 10px;
  margin-right: auto;
  margin-bottom: 10px;
  margin-left: auto;
}
.foote_bottom_ul_amrc li { display:inline;}
.foote_bottom_ul_amrc li a { color:#999; margin:0 12px;}


.col-sm-3 img{
  margin-top:3px;
  /*display: block;*/
}

.col-sm-9 a{
  color:white;
}

.menu {
  background-color:lightgrey;
  margin:0; 
}

.col-md-10 {
  margin-top:5px;
  margin-bottom:5px;
}

#teasers{
  /*font-size: 12px;*/
  margin-top:10px;
  text-align: center;
}
/*#teasers-network a{
  padding:10px;
}*/

#teasers p:hover{ 
  color:#fff;
  cursor:pointer;
}

#teasers-home p{
  /*font-size: 12px;*/
  margin-top:10px;
  text-align: center;
  text-decoration: none;
}

#teasers-home p:hover{ 
  font-weight: bold;
  cursor:pointer;
}

#info-home:hover {
  color:gray;
  cursor:pointer;
}

.fa-info-circle:hover {
  color:#fff;
  cursor:pointer;
}

.fa-undo-alt:hover{
 color:grey;
 cursor:pointer;
}


button#close{
  background-color: white;
  border:none;
  color:;
}

button#close:hover{
  color:red;
  cursor:pointer;
}

.int_legend:hover {
  color:black;
}
/*#short-path path{ 
    stroke: steelblue;
    stroke-width: 2;
    fill: none;
}*/
button.reset-button{
  /*width:70px;*/
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  /*padding: 8px 16px;*/
  text-align: center;
  text-decoration: none;
  display: inline-block;
  /*font-size: 16px;*/
  margin: 4px 2px;
  transition-duration: 0.4s;
  cursor: pointer;
  background-color: white; 
  color: black; 
  border: 2px solid #4CAF50; 
}

button.reset-button:hover {
  background-color: #4CAF50;
  color: white;
}