@font-face {
  font-family: "Lineage"; /* Гарнитура шрифта */
  src: url("fonts/Lineage.ttf"); /* Путь к файлу со шрифтом */
}
@font-face {
  font-family: "Rage"; /* Гарнитура шрифта */
  src: url("fonts/Rage Italic.ttf"); /* Путь к файлу со шрифтом */
}
@font-face {
  font-family: "Franklin Gothic"; /* Гарнитура шрифта */
  src: url("fonts/Franklin Gothic.ttf"); /* Путь к файлу со шрифтом */
}
@font-face {
  font-family: "Segoe UI semibold"; /* Гарнитура шрифта */
  src: url("fonts/Segoe UI Semibold.ttf"); /* Путь к файлу со шрифтом */
}
@font-face {
  font-family: "Mistral"; /* Гарнитура шрифта */
  src: url("fonts/Mistral.ttf"); /* Путь к файлу со шрифтом */
}
@font-face {
  font-family: "Cousine"; /* Гарнитура шрифта */
  src: url("fonts/Cousine/Cousine-Regular.ttf"); /* Путь к файлу со шрифтом */
}
.row:after {
  content: "";
  display: table;
  clear: both;
}
.column {
  float: left;
  width: 49%;
  text-align: right;
  padding-left: 0.5%;
  padding-right: 0.5%;
}
.feed-column {
  width: 100%;
  text-align: center;
  padding-left: 0%;
  padding-right: 0%;
}
body {
  background-color: #222222;
  margin: 0px;
  padding: 0px;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}
div {
  text-align: right;
  color: #DDDDDD;
  width: 100%;
  border-collapse: collapse;
}
@media screen and (max-width: 1120px) {
  .column {
    width: 100%;
    padding-left: 0%;
    padding-right: 0%;
  }
  .feed-column {
    width: 100%;
	text-align: center;
    padding-left: 0%;
    padding-right: 0%;
  }
  div {text-align: center;}
  div.column:nth-child(even) {text-align: center;background-color: #3333337F;}
  div.feed-column:nth-child(even) {text-align: center;background-color: #3333337F;}
  .frost {
	  filter: opacity(33%);
	}
}
svg {
  stroke: black;
  vertical-align:middle;
  height: auto;
/*  width: auto;*/
}
/*th {background-color: #04AA6D;}*/
/*div:nth-child(even) {background-color: #333333;}
/*th, td {
  margin: 0px;
  padding: 0px;
}*/
pre {
  text-align: center;
}
span {
  text-align: center
}
span.online {
  color:#00cc00;
}
span.offline {
  color:#cc0000;
}
a.online {
  text-decoration: none;
  color:#ffffff;
  text-shadow: 0 0 21px #00e7ff;
}
a.offline {
  text-decoration: none;
  color:#595959;
}
a:link, a:active, a:visited  {
  text-shadow: 0 0 21px #00e7ff;
}
a:hover {
  color: #ccffcc;
  text-shadow: 0 0 21px #ffffff;
}
image {
  max-width: 560px;
}
svg text{
  stroke: none;
  text-anchor: start;
}
svg text.logo{
  stroke: none;
  text-anchor: middle;
  fill:#ffffff;
  text-shadow: 0 0 4px #000000;
}
svg text.event{
  font-family: "Cousine";
  text-anchor: start;
  fill:#ffffff;
}
svg text.online{
  font-family:monospace;
  text-anchor: start;
  fill:#ffffff;
}
svg text.offline{
  font-family:monospace;
  text-anchor: start;
  fill:#707070;
}
svg text.end{
  font-family:monospace;
  text-anchor: end;
  fill:#ffffff;
}
svg text.online_dot {
  font-family:monospace;
  fill:#00cc00;
  text-anchor: end;
  stroke: black;
}
svg rect.online_dot {
  fill:#00cc00;
  fill-opacity: 1;
}
svg rect.offline_dot {
  fill:#cc0000;
  fill-opacity: 1;
}
svg text.hh {
  font-family:monospace;
  fill:#cccccc;
  text-anchor: middle;
  stroke: none;
}
  svg text.online_num {
  font-family:monospace;
  fill:#ffffff;
  text-anchor: end;
}
svg text.offline_num {
  font-family:monospace;
  fill:#707070;
  text-anchor: end;
}
svg text.offline_dot {
  font-family:monospace;
  fill:#cc0000;
  text-anchor: end;
  stroke: black;
}
.nofont{ font-size: 0px;}
.cropped_logo { clip-path: polygon(0 0, 20% 0, 20% 100%, 0 100%);}
.cropped_stat { clip-path: polygon(80% 0, 100% 0, 100% 100%, 80% 100%);}
.cropped {
  width: 50px;
  height: 20px;
  object-fit: cover;
  object-position: 92% 0%;
}
.sortable th {
   cursor: pointer;
}
.sortable th.no-sort {
   pointer-events: none;
}
.sortable th::after, 
.sortable th::before {
 transition: color 0.2s ease-in-out;
 font-size: 1.2em;
}
.sortable th::after {
   margin-left: 3px;
   content: '\025B8';
}
.sortable th.dir-d::after {
   content: '\025BE';
}
.sortable th.dir-u::after {
   content: '\025B4';
}
.topnav {
  background-color: #2A2A2A;
  position: fixed; /* Set the navbar to fixed position */
  top: 0px; /* Position the navbar at the top of the page */
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 0%;
  padding-right: 0%;
  z-index: 500;
}
.topnav a {
  padding-left: 2%;
  padding-right: 2%;
/*  float: left;*/
/*  color: #f2f2f2;*/
}
.topnav a {
  text-shadow: 0 0 21px #00e7ff;
}
.topnav a:hover {
  text-shadow: 0 0 21px #ffffff;
}
.downnav {
  background-color: #2A2A2A;
  position: fixed; /* Set the navbar to fixed position */
  bottom: 0px;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 0%;
  padding-right: 0%;
}
.bottompanel {
  font-family: "Segoe UI semibold";
  padding-top: 4px;
  padding-bottom: 4px;
}
img {
  border: 0;
}
img.link{
  filter: opacity(100%);
}
img.link:hover{
  filter: opacity(100%);
  filter: drop-shadow(0 0 7px #ffffff);
}
div:nth-child(even) {text-align: left;}
tr:nth-child(even) {text-align: center;background-color: #333333;}
tr:nth-child(odd) {text-align: center;background-color: #222222;}
h1 {font-family: "Franklin Gothic";}
h2, h3 {font-family: "Segoe UI semibold";}
a, a:active, a:visited {
  color: #DDDDDD;
  text-decoration: none;
}