/**********************************************************************
 *
 * Autor:   $Author$
 * Datum:   $Date$
 * Version: $Rev$
 * Pfad:    $HeadURL$
 *
 */


 table {
    height: 100%;
    width: 100%;
    min-height: 100%;
    display: table;
    /*white-space: nowrap;*/
    /*overflow: hidden;*/
    word-wrap: break-word;
    /*text-overflow:ellipsis;*/
    font-family: Lato;
    color: #000000;
  }
  
  td {
    position: relative;
  }

  .key {
    font-size:20px;
    padding: 0px 0px 0px 0px;
    background-color:#3498db;
    vertical-align: middle;
    text-align: center;

    -webkit-border-radius: 28;
    -moz-border-radius: 28;
    border-radius: 28px;
  }
  
  .key:hover {
    background: #3cb0fd;
    background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
    background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
    background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
    background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
    background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
    text-decoration: none;
  }

  .title {
    font-family: Lato;
  }
  
  .protocol {
    font-family: Lato;
    font-size:25px;
  }

  .status {
    font-size:25px;
    padding: 0px 0px 0px 0px;
    background-color:#CCCC00;
    vertical-align: middle;
    text-align: center;
  }

  .empty {
    font-size:25px;
    padding: 0px 0px 0px 0px;
    background-color:#FFFFFF;
    vertical-align: middle;
    text-align: center;
  }

  .info {
    font-size:25px;
    background-color:#6666FF;
    vertical-align: middle;
  }
  
 
  .left {
    text-align: left;
    margin-left: 10px;
  }
  
  .center {
      text-align: center;
  }
  
  .right {
    text-align: right;
  }
  
  ul { list-style-type: none; padding-left: 1em; }
  li { margin: 0.2em 0; cursor: pointer; }
  li span { margin-left: 0.3em; }
  .station-icon { width: 20px; height: 20px; vertical-align: middle; margin-right: 5px; }
  .collapsed > ul { display: none; }
 
/* Loading overlay */
  #loading-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5em;
    font-family: sans-serif;
    z-index: 9999;
    visibility: hidden;
  }
  #loading-overlay.visible {
    visibility: visible;
  }