a:link    {color: #a6a1f4; text-decoration: none; outline: none; -moz-outline-style: none;}
  a:visited {color: #a6a1f4; text-decoration: none; outline: none; -moz-outline-style: none;}
  a:active  {color: #a6a1f4; text-decoration: none; outline: none; -moz-outline-style: none;}
  a:hover   {color: #a6a1f4; text-decoration: none; font-weight: bold; outline: none; -moz-outline-style: none;}
  a:focus {color: #a6a1f4; text-decoration: none; outline: none; -moz-outline-style: none;}

  html {overflow: auto;}

  body {
        overflow:auto;
        background-color: #60616b;
        color: #404040; 
        font: 10px Verdana, sans-serif; 
       }

body::before {
  content: "";
  position: fixed;
  inset: 0; /* top:0; bottom:0; left:0; right:0 */
  background-image: url("./system/back2.jpg");
  background-size: cover;
  background-position: center;
  opacity: 0.3; /* Прозрачность только фона */
  z-index: -1;
  pointer-events: none; /* чтобы не мешал кликам */
}

  table, tr, td     { font: 11px Verdana; color:#404040 }
  
  img.png {behavior: url("png.htc");}

#boxshadow {
    position: relative;
    -moz-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 4px rgba(0, 0, 0, .5);
    padding: 1px;
    background: black;
}

#boxshadowbig {
    position: relative;
    box-shadow: 1px 1px 50px #ff000022;
    padding: 1px;
    background: black;
}

.shadowed {
    -webkit-filter: drop-shadow(12px 12px 25px rgba(0,0,0,0.5));
    filter: url(#drop-shadow);
    -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
    filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
}

.table0
{
	background: #f2f2f2;
	border-top: #000000 1px solid; 
	border-left: #000000 1px solid; 
	border-bottom: #000000 1px solid; 
	border-right: #000000 1px solid; 
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;	
}

.table1
{
	background: #f2f2f2;
	border-top: #999999 0px solid; 
	border-left: #999999 0px solid;
	border-bottom: #999999 0px solid; 
	border-right: #999999 0px solid; 
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;	
}


 /* Style inputs with type="text", select elements and textareas */
input[type=text], select, textarea {
    width: 100%; /* Full width */
    padding: 12px; /* Some padding */ 
    border: 1px solid #ccc; /* Gray border */
    border-radius: 4px; /* Rounded borders */
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    margin-top: 6px; /* Add a top margin */
    margin-bottom: 16px; /* Bottom margin */
    resize: none /* Allow the user to vertically resize the textarea (not horizontally) */
}

/* Style the submit button with a specific background color etc */
input[type=button] {
    background-color: #4CAF50;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

/* When moving the mouse over the submit button, add a darker green color */
input[type=button]:hover {
    background-color: #45a049;
}

/* Add a background color and some padding around the form */
.container {
    border-radius: 5px;
    background-color: #f2f2f2;
    padding: 20px;
} 

.statebox {
    position: relative;
    background: #d8d8e5;
    z-index: 1;


.ukbox {
    position: relative;
    background: #d8d8e5;
    z-index: 1;
    height: 10px;
}
.ukbox::before {
	opacity: 0.5;
    content: "";
    position: absolute;
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
    background: repeating-linear-gradient(45deg, yellow 0, yellow 20px, black 20px, black 40px);
}

.livebox {
    position: relative;
    background: #d8d8e5;
    z-index: 1;
    height: 10px;
}
.livebox::before {
	opacity: 0.75;
    content: "";
    position: absolute;
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
    background: #48ff88
}

.deadbox {
    position: relative;
    background: #d8d8e5;
    z-index: 1;
    height: 10px;
}
.deadbox::before {
	opacity: 0.75;
    content: "";
    position: absolute;
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
    background: #ff6868
}

.coldbox {
    position: relative;
    background: #d8d8e5;
    z-index: 1;
    height: 10px;
}
.coldbox::before {
	opacity: 0.75;
    content: "";
    position: absolute;
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
    background: #4888ff
}

.video-wrapper {
      position: relative;
      width: 202px;
      height: 116px;
      cursor: pointer;
    }

    .video-wrapper img,
    .video-wrapper iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
    }

    .video-wrapper iframe {
      display: none;
    }