/* Псевдо элементы HTML */

a[href], .link {
  color: #e0e0e0;
}

a:visited {
  color: #909090;
}

body {
  background-color: #101010;
  color: #ffffff;
  font-family: verdana, arial;
  font-size: 14px;
  margin: 8px, 20px;
}

::selection {
  background-color: rgba(138, 180, 248, 0.5);
}

input[type="text"],
input[type="password"],
input[type="search"],
input[type="url"],
input[type="email"],
input[type="number"],
input[type="input"],
textarea {
  background-color: #151515;
  border: 1px solid #aaaaaa;
  color: #ffffff;
}
input.error  { border: 1px solid red; }

button, input[type="submit"], input[type="button"] {
  background-color: #606060;
  border: 1px solid #606060;
  border-radius: 2px;
  box-shadow: 2px 2px 2px #404040;
  color: #ffffff;
  cursor: pointer;
  margin: 2px;
  padding: 3px 10px;
}

button:hover, input[type="submit"]:hover, input[type="button"]:hover {
  padding: 3px 9px 3px 11px;
  background-color: #404040;
  border-color: #404040;
  box-shadow: 2px 2px 2px #606060;
}

button:focus, button:active, input:focus, input:active, textarea:focus, select:focus {
  border-color: #8ab4f8 !important;
}

select {
  background-color: #404040;
  border: 1px solid #a0a0a0;
  border-radius: 2px;
  color: #ffffff;
  padding: 3px 20px 3px 3px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23cccccc%22%20d%3D%22M7%2010l5%205%205-5z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
  background-position: right;
  background-size: contain;
}

select:hover {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M7%2010l5%205%205-5z%22%2F%3E%3C%2Fsvg%3E');
}

table, td {
  border-color: #404040;
}

/* Визуальное общее */

.red, a.red { color: #ff4326; }
.error { color: #ff4326; }
.warning { color: #8ab4f8; }
.hidden-text, a.hidden-text {color: #303030;}

/* Элементы sph */

.admin a {
  color: #ff4326;
  background: #451e1e;
}

.action a {
  color: #8ab4f8;
  background: #263045;
}

tr.list:hover {
  background-color: rgba(255, 255, 255, 0.2);
}

/* Сообщение об ошибке */
.msg-err { 
  background: url('img/b-system-message_red__icon-error.png') 3px 3px no-repeat;
  background-size: 20px 20px;
  background-color: #6b1717;
}
/* Предупреждение */
.msg-wrn {
  background: url('img/b-system-message_blue__icon-info.png') 3px 3px no-repeat;
  background-size: 20px 20px;
  background-color: #17226b;
}

.graph {
  background-color: #5e6c99;
  display: block;
  height: 12px;
  width: 1px;
}