.frontiere-pays {
  fill:   none;
  stroke: #000;
  stroke-width: 1px;
  stroke-linejoin: round;
  stroke-linecap: round;
}

.frontiere-oceans {
  fill: none;
  stroke: lightskyblue;
  stroke-dasharray: 1,1;
  stroke-linejoin: round;
  stroke-width: 0.1px;
  stroke-opacity: 0.5;
}

.frontiere-departements {
  fill: none;
  stroke: green;
  stroke-dasharray: 2,2;
  stroke-linejoin: round;
  stroke-width: 0.1px;
  stroke-opacity: 0.5;
}

.path_hover_pays {
  fill: black;
  opacity: 0.05;
  cursor: pointer;

}

.path_pays {
  stroke: #777777;
  stroke-width: 0.1;
  stroke-linejoin: round;
}

.mer {
  fill: #bdecff;
}

.graticule {
  fill: none;
  stroke: #777;
  stroke-width: 0.5px;
  stroke-opacity: 0.5;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.legend::-webkit-scrollbar {
  display: none!important;
}

.legend {
  position: fixed;
  right: 0px;
  border-style: solid none solid solid;
  border-color: #dedede;
  border-width: 15px;
  background-color: #dedede;
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  width: 250px;
  z-index: 101;
}

.legendTitle {

  color: #363636;
  fill: #363636!important;
  display: block;
  font-size: 1rem;
  font-weight: 700;

}

.titreLegendePartie {
  font-size: 1.25rem;
  text-align: center;
  border-style: solid none none none;
  border-width: 1px;
}

.cell > .label {
  color: #4a4a4a;
  fill: #4a4a4a!important;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.25;
  font-family: BlinkMacSystemFont,-apple-system,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
}

.legendCerclesCas .swatch {
  fill: url(#bubbleGradientCases);
}

.legendCerclesMorts .swatch {
  fill: url(#bubbleGradientDeaths);
}

.legendTitle {
  fill: #777777;
}

.legendCells {
  font-size: small;
}

.rectLegendActive {
  fill: transparent;
  cursor: pointer;
}

.rectLegendHover {
  fill: rgba(0, 0, 0, 0.01);
  cursor: pointer;
}

.rectLegendInactive {
  fill: rgba(255, 255, 255, 0.5);
  cursor: pointer;
}

.grisse>circle {
  fill: #b2b2b2 !important;
}

.grisse>text {
  fill: #b2b2b2 !important;
}

marker.grisse>path {
  fill: rgba(0, 0, 0, .1) !important;
}

path.grisse {
  stroke: rgba(0, 0, 0, .1) !important;
}

path.grisse.areaPath {
  fill: none !important;
  stroke: none !important;
}

circle.hideElement {
  fill: none !important;
}


.hideElement>text {
  fill: none !important;
}

marker.hideElement>path {
  fill: none !important;
}

path.hideElement {
  stroke: none !important;
}

.arrowHead {
  stroke-width:1;
  stroke-dasharray:0;
}

.swatch {
fill: #b2b2b2;
}

.hasFamille {
  cursor: pointer;
}

#sigma-container {
  width:100%;
  height:100%;
  background-color:#E1E1E1
}

.rectanglePremierPlan {
  fill: rgba(0,0,0,0.75); /* Black background with opacity */
  cursor: pointer; /* Add a pointer on hover */
}

.clickCell:hover {
  cursor: pointer;
}

.cablesSousMarins {
  fill: none;
  stroke: #808080;
  stroke-width: 0.3;
}

.clickCell:not(.clickCellHide) {
  fill: rgb(0, 0, 0)!important;
}

.paysEmeteur {
  fill: mediumvioletred!important;
}

.disable-select {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* Internet Explorer/Edge */
  user-select: none;           /* Non-prefixed version, currently supported by any browser but < IE9 */
}

.tableInfoCovid tbody {

  display:block;

  height:150px;

  overflow:auto;

}

.tableInfoCovid thead, .tableInfoCovid tbody tr, .tableInfoCovid tfoot {

  display:table;

  width:100%;

  table-layout:fixed;/* even columns width , fix width of table too*/

}

.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover {
  background-color: #fdc998!important;
}

.tableInfoCovid td {
  cursor: pointer;
}

.tableInfoCovid thead {
  font-weight: bold;
  background-color: #dedede;
}

.tableInfoCovid {
  text-align: justify;
  border-style: none none solid none;
  border-width: 1px;
}

.linesPath {
  fill: none;
  stroke: #3f8dbf;
}

.neutral {
  fill: #ededed!important;
}

.zoomButtons:hover {
  color: #777777;
  cursor: pointer;

}

.zoomButtons > svg {
  width: 80%!important;
  height: 80%!important;
}