@font-face {
  font-family: 'Segoe UI';
  src: url("../fonts/segoe/SegoeUI-Light.eot");
  src: local("Segoe UI Light"), local("SegoeUI-Light"), url("../fonts/segoe/SegoeUI-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/segoe/SegoeUI-Light.woff") format("woff"), url("../fonts/segoe/SegoeUI-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'Segoe UI';
  src: url("../fonts/segoe/SegoeUI-BoldItalic.eot");
  src: local("Segoe UI Bold Italic"), local("SegoeUI-BoldItalic"), url("../fonts/segoe/SegoeUI-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/segoe/SegoeUI-BoldItalic.woff") format("woff"), url("../fonts/segoe/SegoeUI-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic; }

@font-face {
  font-family: 'Segoe UI';
  src: url("../fonts/segoe/SegoeUI-SemiBold.eot");
  src: local("Segoe UI Semibold"), local("SegoeUI-SemiBold"), url("../fonts/segoe/SegoeUI-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/segoe/SegoeUI-SemiBold.woff") format("woff"), url("../fonts/segoe/SegoeUI-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: 'Segoe UI';
  src: url("../fonts/segoe/SegoeUI.eot");
  src: local("Segoe UI"), local("SegoeUI"), url("../fonts/segoe/SegoeUI.eot?#iefix") format("embedded-opentype"), url("../fonts/segoe/SegoeUI.woff") format("woff"), url("../fonts/segoe/SegoeUI.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Segoe UI';
  src: url("../fonts/segoe/SegoeUI-Bold.eot");
  src: local("Segoe UI Bold"), local("SegoeUI-Bold"), url("../fonts/segoe/SegoeUI-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/segoe/SegoeUI-Bold.woff") format("woff"), url("../fonts/segoe/SegoeUI-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: 'Segoe UI';
  src: url("../fonts/segoe/SegoeUI-Italic.eot");
  src: local("Segoe UI Italic"), local("SegoeUI-Italic"), url("../fonts/segoe/SegoeUI-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/segoe/SegoeUI-Italic.woff") format("woff"), url("../fonts/segoe/SegoeUI-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic; }

.table {
  display: table;
  width: 100%;
  border-collapse: collapse; }
  .table thead {
    border-bottom: 2px solid #333;
    text-align: left; }
  .table th {
    font-size: 16px;
    font-weight: 400;
    color: #ddd; }
  .table th, .table td {
    padding: 5px 10px; }
  .table tr {
    border-bottom: 1px solid #333; }
  .table .small {
    width: 20px;
    padding-left: 5px;
    padding-right: 5px; }
  .table a {
    display: inline-block;
    white-space: nowrap;
    color: #ddd; }
    .table a.link {
      font-size: 0; }
    .table a .square-image {
      margin-right: 10px;
      transition: .2s; }
    .table a .name {
      display: inline-block;
      vertical-align: middle;
      max-width: 115px;
      overflow: hidden;
      text-overflow: ellipsis;
      font-size: 14px;
      width: calc(100% - 32px); }
    .table a:hover {
      color: #ff9100; }
      .table a:hover .square-image {
        box-shadow: 0 0 0 3px #ff9100; }
  .table .status-bar {
    font-size: 0;
    margin: 0 -3px; }
    .table .status-bar .col {
      display: inline-block;
      padding: 0 3px;
      font-size: 14px;
      width: 33.33%; }

@media (max-width: 1540px) {
  .table a .name {
    max-width: 80px; } }

@media (max-width: 480px) {
  .table {
    font-size: 12px; }
    .table th {
      font-size: 12px; }
    .table td {
      padding: 5px; }
    .table .square-image {
      height: 20px;
      width: 20px; }
    .table a {
      font-size: 12px; }
      .table a .name {
        max-width: 60px; } }