:root{
    --primary: rgb(94, 198, 165);
    --fontsize: 18px;
    --primadarker: rgb(74, 162, 134);
	--rowheight: 44px;
}

body {
  position: relative;
  margin: 0;
  font-size: 18px;
  line-height: normal;
  font-family: "OpenSans", sans-serif;
  color: #333;
  /*background: #f6f6f6;*/
}

p.intro { padding: 1em 0 0 1em; }


.container {
    padding:0;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 1px 1px rgba(97, 108, 121, 0.1), 0 4px 9px 0 rgba(97, 108, 121, 0.3);
}
img {
    width: 100%;
    /*max-width: 100%;*/
    /*border: 1px solid #efefef;*/
}

.imgholder {
    position: relative;
}

.disclaimer { font-size: 14px; margin-left:20px; }

/*table*/
.tg  { border-collapse:collapse; border-spacing:0; margin-left: 20px;}
.tg td{ font-size:14px; overflow:hidden; padding:10px 5px; word-break: normal; }
.tg th{ font-size:16px; overflow:hidden; padding:10px 5px; word-break: normal; }
.tg .tg-0pky{ text-align: left; vertical-align: top; }
.tg .tg-0lax{ text-align: left; vertical-align: top; }

.geo { background-image: url(img/geo-slice.png); background-size: auto 100%; background-position: left top; background-repeat: no-repeat; width:382px /*228px*/; max-width:100%;}

.vertical { writing-mode: vertical-lr; /*text-orientation: mixed;*/ text-orientation: upright; }

td[data-toggle="popover"] { cursor: pointer; user-select: none; vertical-align: middle!important; height: var(--rowheight); }
td[data-toggle="popover"]:hover { outline: 2px solid white; }
td.height3x { height: calc(3 * var(--rowheight)); }
td.cellactive { outline: 2px solid rgba(255, 255, 255, 0.75); } 

/*popover*/
.popover {
    font-family: "OpenSans", sans-serif;
    font-size: 1em;
    line-height: normal;
    width: 400px;

    max-width: 100vw;
    /*max-height: 100%vh;*/
    /*overflow: auto;*/
    border-color: darkgreen;
    box-shadow: -5px 5px 5px #00000033;
    left:-4px!important;
    
}
.popover .popover-body img, .popover .popover-body p { margin: 0.4em 0; }
.bs-popover-right > .arrow::before { border-right-color: darkgreen!important; } 
.popover[x-placement^="bottom"] > .arrow::before { border-bottom-color:darkgreen!important; }
.popover[x-placement^="bottom"] > .arrow::after { border-bottom-color: var(--primary)!important; }
.popover-header { font-size: 1em; background-color: var(--primary); }

/*cell colors*/
.cellhead1 { background-color: #5D5D5D; color: white; }
.cellhead2 { background-color: #A1611A; color: white; }
.cellhead3 { background-color: #C2C785; }
.cellhead4 { background-color: #7BC3F3; }
.cellhead5 { background-color: #948AC9; }

.cellcolor1 { background-color: #E4D653; }
.cellcolor2 { background-color: #C4C635; }
.cellcolor3 { background-color: #9BA23B; }

.cellcolor4 { background-color: #9DDFF9; }
.cellcolor5 { background-color: #7DC6F9; }
.cellcolor6 { background-color: #57AFEF; }

.cellcolor7 { background-color: #7990AF; }
.cellcolor8 { background-color: #80A1D7; }
.cellcolor9 { background-color: #8093BE; }
.cellcolor10 { background-color: #787EBA; }
.cellcolor11 { background-color: #706FB3; }
.cellcolor12 { background-color: #7763AB; }
.cellcolor13 { background-color: #FF945E; color: white; }


/*DARK*/
body.dark-theme {
	color: #fff !important;
    background: #151515;
}
body.dark-theme .infotext {
    background: #292929;
}
body.dyslexic-font *{
  font-family: "OmoType";
}