@import 'def';

.serverinfo {
    .nav-tabs {
    border-bottom:none;

    .tab-pane {
        @include themify($themes) {
            background:themed('cardbg');
        }  
    }
        .nav-link {
            border:none;
            padding-left:25px;
            padding-right:25px;
            
            @include themify($themes) {
                background:themed('barbg');
                color:themed('txtcolor100');
            }  
            margin-right:5px;

            &.active {
                @include themify($themes) {
                    background:themed('cardbg');
                    color:themed('txtcolor100');
                }   
            }
        }
    }

    .scadacard {
        border-top-left-radius: 0px;
    }


    .statwrapper {
        margin-bottom:50px;

        @include themify($themes) {
            border-bottom:1px solid themed('trBorderColor');
        }  
        
        table {
            tr {
            border:none;
            height:auto;
            }

            th {
                padding:0 0 10px 0;
                height:auto;
      
                    p {
                        margin:0 0 0 -20px;
                        text-align:center;
                    }
           
            }
            td {
                padding:0 20px 10px 0;
                width:11.11111%;
                &:last-child {
                    padding-right:0;
                }

   
            }
        }

        div:last-child {
            margin-right:0;
        }
    }

    .serverstat {
        width:9.5%;
        display:inline-block;
        margin-right:20px;
        vertical-align: top;
     
        p {
            margin:0;
            text-align:center;
        }
    
        table {
            tr {
            border:none;
            }
            td {
                padding:0px;
            }
        }
       
    }
}

.serverhistoricaldata {
    #tags {
        table {
            thead, tbody tr {
                display:table;
                width:100%;
                table-layout:fixed;
            }

            .tagname {width:175px;}
            
              tbody { 
                display:block;
                overflow: hidden scroll;
                padding-right:0.5em;
                width: calc(100% - 0.5em);
                height: 300px;
              }

            tr {
                height:34px!important;
            }
        }
    }
}

#reportwrapper.serverselector {
    .checkboxwrapper {
        margin-left:10px!important;
    }
}

#serveralarmtypes {
    @include themify($themes) {
        background-color: themed('barbg');
    }
    padding:20px;
    transition: all 16s;
    overflow-y: scroll;
    overflow-x: hidden;
    border-radius:5px;
    margin: 0px 0 40px 0;

    &.fullheight{
        height: auto;
        overflow-y: visible;
    } 

    table {
        margin-top:10px;
        tr {
            td:first-of-type {
                padding-left:30px;
            }
        }
    }

    input[type="checkbox"] {
        position: relative;
        display: inline;
        width: auto;
        vertical-align: baseline;
        margin-right:6px;
        opacity: 1;
    }

}


.angulartabset {
    ul {
        @include themify($themes) {
            background-color: themed('bodybg');
        }
        margin:-20px -25px; 
        padding:20px 20px 0px 0px;
    }
    .tab-content{
        padding:25px 25px;
        border-radius: 10px;
        border-top-left-radius: 0;
        
        margin:20px -25px 0px -25px;
        @include themify($themes) {
            background-color: themed('cardbg');
        }
        td ul {
            background-color: transparent;
            margin:0;
            padding:0;
        }
    }

    &.scadacard {
        box-shadow: none;
        background-color: transparent;
    }
}