@import 'def';

#singleline{
    
    text{
        @include themify($themes) {
            fill: themed('txtcolor100');
        }


    }

    line, circle, polyline, polygon, rect, path {
        @include themify($themes) {
            stroke: themed('txtcolor100');
        }

        &.filled {
            @include themify($themes) {
            fill: themed('txtcolor100');
            }
            stroke:none;
        }
    

        &.vertswitch, &.switch {
            transform-origin: 100% 100%;
            transition: all 0.4s;
            
            @include themify($themes) {
                stroke: themed('txtcolor100');
            }

            &.open {
                stroke: #55ff55;
            }
        }

        &.leftswitch {
            &.open {
                stroke: #55ff55;
            }
        }

        &.leftswitch.open {
            transform: rotate(-20deg);
        }

        &.switch.open {
            transform: rotate(20deg);
        }

        &.vertswitch.open {
            transform: rotate(-20deg);
        }

    }

    circle.filled {
        @include themify($themes) {
            fill: themed('txtcolor100');
        }  
    }

    .switchbg {
        @include themify($themes) {
            stroke: themed('trBorderColor');
        } 
    }
}

.singlelinewrapper {
    @include themify($themes) {
        background-color: themed('barbg');
        padding:15px;
        border-radius:10px;
    } 
}

.singlelinedata {
    padding-top:10px;

    table {
        margin-bottom:5px;
        @include themify($themes) {
            background-color: themed('cardbg');
            border: 1px solid themed('txtcolor3');

        }
          border-radius:10px;
          border-collapse: initial;
        
      

        tr {
            border-bottom:none!important;
            height:auto;
            margin-top:10px;

            th {
                padding-bottom:2px;
                padding-top:5px;
                padding-left:10px;

                h6 {
                    display:inline-block;
                    font-weight:bold;
                    font-size:14px;
                    margin:0;
                    white-space: initial;
                }
            }
            
            td {
                padding:0px 10px;
            
            }
        }
    }   
    .red {
        color:red;
    }
}