/*
//File    : mapstyle.css
//Date    : October 2017
//Author  : Lee B Wilson
//Email   : wilsol@us.ibm.com
//Desc    : Sample stylesheet for D3 World Map where the countries
//          are hyperlinks to specific pages
*/

svg {
  /*Color for the backgroung of the D3 map*/
  background: white;
}

.country {
  /*Color used to fill in the country shapes, grey-20*/
  fill: #C7C7C7;
  /*Color used to draw the country outlines / shapes
  Stroke needs to be small in order for the map to look okay*/
  stroke: #FFFFFF;
  stroke-width: 1px;
}

path.presence:hover{
 /* Color used to fill in the country shapes when hover, blue-40*/
  fill:#5596E6 !important;
}
.presence {
  /*Color used to fill in the country shapes, blue-60
  where there is a dedicated GUR presence*/
  fill: #325C80;
  stroke: #FFFFFF;
  stroke-width: 1px;
}

.selected {
  /*Color used when mousing over a country, blue-40
  Applies to both presence and non-presence countries*/
  fill: #5596E6 !important;
}

.svg-container {
    display: inline-block;
    position: relative;
    /*Percentage of the map <div> taken up by the SVG graphic*/
    width: 100%;
    /*Padding Bottom affects the aspect ration of the SVG graphic
    100% == 1:1 vs 50% == 1:2*/
    padding-bottom: 45%;
    vertical-align: top;
    overflow: hidden;
}
.svg-content-responsive {
    display: inline-block;
    position: absolute;
    top: 10px;
    left: 0;
}

/*Style for the transparent overlay used in the zooming functionality*/
.overlay {
  fill: none;
  pointer-events: all;
}

@media only screen and (max-width: 820px) {
  /* For mobile phones: */
  #ibm-leadspace-body {
    min-height:0 !important;
    padding-top: 60px !important;
  }
}

#casDetails {
/* border: green-20*/
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
  background-color: #ffffff;
  border: 2px solid #323232;  /*grey-80*/
  border-radius: 5px;
  padding: 5px;
  font-family: arial;
}