@import 'def';

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


    }

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

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

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

        &.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 {
    table {
        margin-top:10px;
        @include themify($themes) {
            background-color: themed('cardbg');
        }
          border-radius:10px;
    
        tr {
            border-bottom:none!important;
            height:auto;
            margin-top:10px;
            
            td {
                padding:5px 15px;
            
            }
        }
    }   
    .red {
        color:red;
    }
}