/*published unter the terms of the Mozilla Public License (MPL) v2.0*/

body {
  font-family: "Fira Sans","Liberation Sans";
  overflow-x: hidden;
  overflow-y: hidden;
  -moz-user-select: -moz-none;
}

.settings_button,
.settings_visible{
  position:absolute;
  left:0px;
  top:0px;
}
.settings_visible{
  background-color: rgba(255,255,255,0.8);
  width:100%;
}

.settings_invisible{
  display:none;
}

.settings_table{
  width:100%;
}
.cb_label_text_td{
  width:100%;
}

#about_content{
  overflow-y: auto;  
}
#about_content_en{
  display:inline-table;
}
#about_content_de{
  display:none;
}

.bg_compass{
  fill:#DDDD88;
}

.compass_star{
  stroke:#AAAAAA;
  stroke-width:3;
  fill:none;
}

.compass_star_N_1{
  fill:#DD0000;
}
.compass_star_N_2{
  fill:#CC0000;
}
.compass_star_S_1{
  fill:#00DD00;
}
.compass_star_S_2{
  fill:#00CC00;
}
.compass_star_EW_1{
  fill:#DDDDDD;
}
.compass_star_EW_2{
  fill:#CCCCCC;
}

.compass_text{
  font-size:15px;
  font-family:Fira Sans, Liberation Sans;
}

.compass_scale{
  stroke:black;
  stroke-width:3;
}

.compass_scale_small{
  stroke:#444444;
  stroke-width:1;
}

.compass_scale_values{
  font-size:14px;
  font-family:Fira Sans, Liberation Sans;
}

.compass_scale_values_small{
  font-size:10px;
  font-family:Fira Sans, Liberation Sans;
  fill:#888888;
}

.compass_scale_values_visible{}

.compass_scale_values_invisible{
  display:none;
}


.bg_balance{
  fill:#DDDD88;
}
.bubble{
  fill:#CCDDFF;
  stroke:#88BBFF;
  stroke-width:2;
}
.bubble_center{
  fill:#FF0000;
  stroke:#88BBFF;
  stroke-width:2;
}
.crosshair{
  stroke:black;
  stroke-width:2;
  opacity:0.4;
}
.c_crosshair{
  fill:none;
  stroke:black;
  stroke-width:1;
  opacity:0.3;
}



/*Checkbox*/
input[type=checkbox] {
  display: none;
}

.cb_label_div {
  margin: 0px auto;
  position: relative;
}

.cb_label_div label {
  cursor: pointer;
  position: absolute;
  top: 0;
  border: 1px solid #000000;
  border-radius: 4px;

  background: #ffffff;

  background: -webkit-linear-gradient(top, #ffffff 0%, #dddddd 60%, #bbbbbb 100%);
  background: -moz-linear-gradient(top, #ffffff 0%, #dddddd 60%, #bbbbbb 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #dddddd 60%, #bbbbbb 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #dddddd 60%, #bbbbbb 100%);
  background: linear-gradient(top, #ffffff 0%, #dddddd 60%, #bbbbbb 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bbbbbb',GradientType=0 );
}

.cb_label_div label:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  content: '';
  position: absolute;
  width: 50%;
  height: 25%;
  background: transparent;
  top: 25%;
  left: 25%;
  border: 3px solid #000000;
  border-top: none;
  border-right: none;

  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.cb_label_div label:hover::after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
  opacity: 0.3;
}

.cb_label_div input[type=checkbox]:checked + label:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
}

.cb_label_text{
  cursor: pointer;
}