﻿body {
    font-size:0.75rem;
}

.log-container{
    height:calc(100vh - 130px);
    overflow-y:hidden;
}
#NodePivot
{
    max-width:100%;
    overflow:auto;
}

.NodeElement {
    padding: 10px;
    border: 1px solid #1abc9c;
    border-radius: 10px;
    background-color: #fff;
    margin-bottom: 15px;
    margin-top: 15px;
}
        .NodeElement .table{
            margin-bottom:0;
        }
            .NodeElement .table tr:first-child th {
                border-top:0;
            }

        .NodeNameContainer {
            font-size: 18px;
            background-color: #1abc9c;
            color: #fff;
            margin-top: -10px;
            margin-left: -10px;
            margin-right: -10px;
            border-top-left-radius: 7px;
            border-top-right-radius: 7px;
            padding: 5px;
        }
        #ServerStatusDiv .fd-tile {
            float: left;
            margin-right: 20px;
        }
        #ChartCanvas{
            width: 100% !important;
            max-width: 800px;
            height: auto !important;
        }
        .ChartDrop{
            margin-bottom:20px;
        }
        .hidden{
            display:none;
                }

        #NodePivot .table{
        }
          #NodePivot .table td{
              text-align:center;
          }

        .table thead th.nncell > div{
            vertical-align:bottom;
            margin-bottom:30px;
            width: 15px;
            text-align:right;
        }

th.nncell {
  /* Something you can count on */
  height: 120px;
  white-space: nowrap;
  text-transform:uppercase;
}

th.nncell > div {
   transform: rotate(90deg);
}

#NodeLog tbody tr, #NodeLog tbody td {
    padding: 0;
    border:none;
}

    #NodeLog tbody tr td div {
        max-height: 0;
        padding: 0 5px;
        box-sizing: border-box;
        overflow: hidden;
        transition: max-height 0.3s, padding 0.3s;
    }
    #NodeLog tbody tr.active td {
        border: 1px solid #dee2e6;
    }
    #NodeLog tbody tr.active td div {
        max-height: 100px;
        padding: 5px;
        transition: max-height 0.5s, padding 0.5s;
		transition-timing-function: linear;
    }