.xtfw-settings-form {
	.forminp-checkbox {

		input[type=checkbox].xtfw-switch {
			height: 0;
			width: 0;
			visibility: hidden;
			position: absolute;

			&:before,
			&:after {
				display: none;
			}

			&:checked + label.xtfw-switch-label {
				background-color: $switch-active-color;

				&:after {
					left: calc(100% - 5px);
					transform: translateX(-100%);
				}
			}


			&:hover:not(:checked) + label.xtfw-switch-label {
				background: $switch-hover-color;
			}


			+ label.xtfw-switch-label {
				cursor: pointer;
				text-indent: -9999px;
				width: $switch-width;
				height: $switch-height;
				background-color: $switch-inactive-color;
				border-radius: 3px;
				position: relative;
				display: block;
				transition: background-color 0.3s;
				margin-top: 0!important;

				&.inline{
					display: inline-block;
					margin-right:8px!important;
				}

				+ .description {
					margin-top: 12px !important;
				}

				&:after {
					content: '';
					position: absolute;
					top: 5px;
					left: 5px;
					width: $switch-height - 10px;
					height: $switch-height - 10px;
					background: #fff;
					border-radius: 3px;
					transition: 0.2s;
				}

				&:active:after {
					width: $switch-height + 10px;
				}
			}
		}
	}
}