.table-values {
  min-width: 400px;
}

.table-values input {
  width: 100%;
}

.table-labels {
  min-width: 100px;
  text-align: left;
}

.steps {
  margin-top: 40px;
}

.steps-list {
  margin-left: 30px;
  list-style: initial;
}

.trsu-form-table {
	border-spacing: 0 15px;
}

.trsu-form-table .table-values em {
	color: #898989;
}

.tgl-flat + .tgl-btn {
	 padding: 2px;
	 transition: all 0.2s ease;
	 background: #fff;
	 border: 4px solid #f2f2f2;
	 border-radius: 2em;
}
 .tgl-flat + .tgl-btn:after {
	 transition: all 0.2s ease;
	 background: #f2f2f2;
	 content: "";
	 border-radius: 1em;
}
 .tgl-flat:checked + .tgl-btn {
	 border: 4px solid #7fc6a6;
}
 .tgl-flat:checked + .tgl-btn:after {
	 left: 50%;
	 background: #7fc6a6;
}


.tgl-ios + .tgl-btn {
	 background: #fbfbfb;
	 border-radius: 2em;
	 padding: 2px;
	 transition: all 0.4s ease;
	 border: 1px solid #DDDDDD;
}
 .tgl-ios + .tgl-btn:after {
	 border-radius: 2em;
	 background: #fbfbfb;
	 transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), padding 0.3s ease, margin 0.3s ease;
	 box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 4px 0 rgba(0, 0, 0, .08);
}
 .tgl-ios + .tgl-btn:hover:after {
	 will-change: padding;
}
 .tgl-ios + .tgl-btn:active {
	 box-shadow: inset 0 0 0 2em #e8eae9;
}
 .tgl-ios + .tgl-btn:active:after {
	 padding-right: 0.8em;
}
 .tgl-ios:checked + .tgl-btn {
	 background: #86d993;
}
 .tgl-ios:checked + .tgl-btn:active {
	 box-shadow: none;
}
 .tgl-ios:checked + .tgl-btn:active:after {
	 margin-left: -0.8em;
}
 

.tgl-light + .tgl-btn {
	 background: #bdbdbd;
	 border-radius: 2em;
	 padding: 2px;
	 transition: all 0.4s ease;
}
 .tgl-light + .tgl-btn:after {
	 border-radius: 50%;
	 background: #fff;
	 transition: all 0.2s ease;
}
 .tgl-light:checked + .tgl-btn {
	 background: #9fd6ae;
}
 


.tgl {
	 display: none;
}
#trsu_is_enabled.tgl {
	 display: none;
}
 .tgl, .tgl:after, .tgl:before, .tgl *, .tgl *:after, .tgl *:before, .tgl + .tgl-btn {
	 box-sizing: border-box;
}
 .tgl::selection, .tgl:after::selection, .tgl:before::selection, .tgl *::selection, .tgl *:after::selection, .tgl *:before::selection, .tgl + .tgl-btn::selection {
	 background: none;
}
 .tgl + .tgl-btn {
	 outline: 0;
	 display: block;
	 width: 40px;
	 height: 20px;
	 position: relative;
	 cursor: pointer;
	 user-select: none;
}
 .tgl + .tgl-btn:after, .tgl + .tgl-btn:before {
	 position: relative;
	 display: block;
	 content: "";
	 width: 50%;
	 height: 100%;
}
 .tgl + .tgl-btn:after {
	 left: 0;
}
 .tgl + .tgl-btn:before {
	 display: none;
}
 .tgl:checked + .tgl-btn:after {
	 left: 50%;
}