.theme-dark #singleline text {
  fill: #ffffff; }

.theme-light #singleline text {
  fill: #555555; }

.theme-dark #singleline line, .theme-dark #singleline circle, .theme-dark #singleline polyline, .theme-dark #singleline polygon, .theme-dark #singleline rect, .theme-dark #singleline path {
  stroke: #ffffff; }

.theme-light #singleline line, .theme-light #singleline circle, .theme-light #singleline polyline, .theme-light #singleline polygon, .theme-light #singleline rect, .theme-light #singleline path {
  stroke: #555555; }

#singleline line.filled, #singleline circle.filled, #singleline polyline.filled, #singleline polygon.filled, #singleline rect.filled, #singleline path.filled {
  stroke: none; }
  .theme-dark #singleline line.filled, .theme-dark #singleline circle.filled, .theme-dark #singleline polyline.filled, .theme-dark #singleline polygon.filled, .theme-dark #singleline rect.filled, .theme-dark #singleline path.filled {
    fill: #ffffff; }
  .theme-light #singleline line.filled, .theme-light #singleline circle.filled, .theme-light #singleline polyline.filled, .theme-light #singleline polygon.filled, .theme-light #singleline rect.filled, .theme-light #singleline path.filled {
    fill: #555555; }

#singleline line.vertswitch, #singleline line.switch, #singleline circle.vertswitch, #singleline circle.switch, #singleline polyline.vertswitch, #singleline polyline.switch, #singleline polygon.vertswitch, #singleline polygon.switch, #singleline rect.vertswitch, #singleline rect.switch, #singleline path.vertswitch, #singleline path.switch {
  transform-origin: 100% 100%;
  transition: all 0.4s; }
  .theme-dark #singleline line.vertswitch, .theme-dark #singleline line.switch, .theme-dark #singleline circle.vertswitch, .theme-dark #singleline circle.switch, .theme-dark #singleline polyline.vertswitch, .theme-dark #singleline polyline.switch, .theme-dark #singleline polygon.vertswitch, .theme-dark #singleline polygon.switch, .theme-dark #singleline rect.vertswitch, .theme-dark #singleline rect.switch, .theme-dark #singleline path.vertswitch, .theme-dark #singleline path.switch {
    stroke: #ffffff; }
  .theme-light #singleline line.vertswitch, .theme-light #singleline line.switch, .theme-light #singleline circle.vertswitch, .theme-light #singleline circle.switch, .theme-light #singleline polyline.vertswitch, .theme-light #singleline polyline.switch, .theme-light #singleline polygon.vertswitch, .theme-light #singleline polygon.switch, .theme-light #singleline rect.vertswitch, .theme-light #singleline rect.switch, .theme-light #singleline path.vertswitch, .theme-light #singleline path.switch {
    stroke: #555555; }
  #singleline line.vertswitch.open, #singleline line.switch.open, #singleline circle.vertswitch.open, #singleline circle.switch.open, #singleline polyline.vertswitch.open, #singleline polyline.switch.open, #singleline polygon.vertswitch.open, #singleline polygon.switch.open, #singleline rect.vertswitch.open, #singleline rect.switch.open, #singleline path.vertswitch.open, #singleline path.switch.open {
    stroke: #55ff55; }

#singleline line.leftswitch.open, #singleline circle.leftswitch.open, #singleline polyline.leftswitch.open, #singleline polygon.leftswitch.open, #singleline rect.leftswitch.open, #singleline path.leftswitch.open {
  stroke: #55ff55; }

#singleline line.leftswitch.open, #singleline circle.leftswitch.open, #singleline polyline.leftswitch.open, #singleline polygon.leftswitch.open, #singleline rect.leftswitch.open, #singleline path.leftswitch.open {
  transform: rotate(-20deg); }

#singleline line.switch.open, #singleline circle.switch.open, #singleline polyline.switch.open, #singleline polygon.switch.open, #singleline rect.switch.open, #singleline path.switch.open {
  transform: rotate(20deg); }

#singleline line.vertswitch.open, #singleline circle.vertswitch.open, #singleline polyline.vertswitch.open, #singleline polygon.vertswitch.open, #singleline rect.vertswitch.open, #singleline path.vertswitch.open {
  transform: rotate(-20deg); }

.theme-dark #singleline circle.filled {
  fill: #ffffff; }

.theme-light #singleline circle.filled {
  fill: #555555; }

.theme-dark #singleline .switchbg {
  stroke: #666666; }

.theme-light #singleline .switchbg {
  stroke: #999999; }

.theme-dark .singlelinewrapper {
  background-color: #333333;
  padding: 15px;
  border-radius: 10px; }

.theme-light .singlelinewrapper {
  background-color: #f2f2f2;
  padding: 15px;
  border-radius: 10px; }

.singlelinedata {
  padding-top: 10px; }
  .singlelinedata table {
    margin-bottom: 5px;
    border-radius: 10px;
    border-collapse: initial; }
    .theme-dark .singlelinedata table {
      background-color: #3d3d3d;
      border: 1px solid #666666; }
    .theme-light .singlelinedata table {
      background-color: #ffffff;
      border: 1px solid #666666; }
    .singlelinedata table tr {
      border-bottom: none !important;
      height: auto;
      margin-top: 10px; }
      .singlelinedata table tr th {
        padding-bottom: 2px;
        padding-top: 5px;
        padding-left: 10px; }
        .singlelinedata table tr th h6 {
          display: inline-block;
          font-weight: bold;
          font-size: 14px;
          margin: 0;
          white-space: initial; }
      .singlelinedata table tr td {
        padding: 0px 10px; }
  .singlelinedata .red {
    color: red; }
