.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.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.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 table {
  margin-top: 10px;
  border-radius: 10px; }
  .theme-dark .singlelinedata table {
    background-color: #3d3d3d; }
  .theme-light .singlelinedata table {
    background-color: #ffffff; }
  .singlelinedata table tr {
    border-bottom: none !important;
    height: auto;
    margin-top: 10px; }
    .singlelinedata table tr td {
      padding: 5px 15px; }

.singlelinedata .red {
  color: red; }
