qii/demo/public/static/formbuilder/form-render.css

/*
formBuilder - git@github.com:kevinchappell/formBuilder.git
Version: 1.6.2
Author: Kevin Chappell <kevin.b.chappell@gmail.com>
*/
* {
	box-sizing: border-box;
}

button,
input,
select,
textarea {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}

input {
	line-height: normal;
}

button,
input,
optgroup,
select,
textarea {
	margin: 0;
	font: inherit;
	color: inherit;
}

textarea {
	overflow: auto;
}

button,
input,
select,
textarea {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}

.btn-group {
	position: relative;
	display: inline-block;
	vertical-align: middle;
}

.btn-group > .btn {
	position: relative;
	float: left;
}

.btn {
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
}

.btn.btn-default {
	color: #333;
	background-color: #fff;
	border-color: #ccc;
}

.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
	margin-left: -1px;
}

.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.btn-group-vertical > .btn.active,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:hover,
.btn-group > .btn.active,
.btn-group > .btn:active,
.btn-group > .btn:focus,
.btn-group > .btn:hover {
	z-index: 2;
}

.btn-primary {
	color: #fff;
	background-color: #337ab7;
	border-color: #2e6da4;
}

.btn-danger {
	color: #fff;
	background-color: #d9534f;
	border-color: #d43f3a;
}

.btn-default {
	color: #333;
	background-color: #fff;
	border-color: #ccc;
}

.btn-primary:hover {
	color: #fff;
	background-color: #286090;
	border-color: #204d74;
}

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.input-group .form-control,
.input-group-addon,
.input-group-btn {
	display: table-cell;
}

.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
	height: 46px;
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.3333333;
	border-radius: 6px;
}

.input-group .form-control {
	position: relative;
	z-index: 2;
	float: left;
	width: 100%;
	margin-bottom: 0;
}

.input-group {
	position: relative;
	display: table;
	border-collapse: separate;
}

.form-control,
output {
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	display: block;
}

textarea.form-control {
	height: auto;
}

.form-control {
	height: 34px;
	display: block;
	width: 100%;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.form-group {
	margin-bottom: 15px;
	height: auto;
	overflow: hidden;
}

.btn,
.form-control {
	background-image: none;
}

.kc-toggle {
	position: relative;
	margin: 4px 0 0 2px;
	width: 60px;
	height: 21px;
	border-radius: 3px;
	cursor: pointer;
	overflow: hidden;
	display: inline-block;
	background: #e9e9e9;
	border: 1px solid #cbcbcb;
	vertical-align: bottom;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.kc-toggle .kct-inner {
	position: absolute;
	top: 0;
	left: -28px;
	width: 115px;
	height: 100%;
	-webkit-transition: left 150ms ease;
	transition: left 150ms ease;
}

.kc-toggle.on .kct-inner {
	background: #e2e2e2;
	background: -webkit-linear-gradient(top, #e2e2e2 0%, #ffffff 100%);
	background: linear-gradient(to bottom, #e2e2e2 0%, #ffffff 100%);
	left: 0;
}

.kc-toggle input {
	display: none;
	position: absolute;
	z-index: -1;
	opacity: 0;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}

.kc-toggle
.kct-on {
	color: #12a912;
}

.kct-off {
	color: #666;
}

.kct-on, .kct-off, .kct-handle {
	width: 28px;
	height: 100%;
	font-family: Arial, Tahoma, sans-serif;
	font-size: 12px;
	text-align: center;
	line-height: 22px;
	font-weight: bold;
	float: left;
}

.kct-on, .kct-off {
	position: relative;
}

.kct-handle {
	position: relative;
	height: 17px;
	background: #ffffff;
	background: -webkit-linear-gradient(top, #ffffff 0%, #cecece 100%);
	background: linear-gradient(to bottom, #ffffff 0%, #cecece 100%);
	border: 1px solid #999;
	font-weight: 100;
	color: #4b4b4b;
	text-shadow: none;
	border-radius: 3px;
	margin: 1px;
}

.inner-checkbox {
	float: left;
	display: block;
	height: auto;
	overflow: hidden;
	padding-right: 5px;
	line-height: 25px;
}