/*css
//==>>>==>>>==>>>==>>>==>>>==>>>==>>>==>>>==>>>==>>>==>>>==>>>==>>>
//
// CssHidex v1.16 [ Commercial Version ]
// Copyright (c) phpkobo.com ( http://www.phpkobo.com/ )
// Email : admin@phpkobo.com
// ID : HDXCS-116
// URL : http://www.phpkobo.com/csshidex
//
//==<<<==<<<==<<<==<<<==<<<==<<<==<<<==<<<==<<<==<<<==<<<==<<<==<<<
*/
/* toggle */
.toggle{
	display:inline-block;
	position:relative;
	padding-left:5px;
	padding-right:5px;
	padding-top:6px;
	padding-bottom:4px;
	cursor:pointer
}
.toggle:focus{
	outline:1px dotted #ddd;
	outline-offset:3px;
}
.toggle-table{
	display:table;
}
.toggle-tcell{
	display:table-cell;
	line-height:24px;
}
/* toggle:left,right,middle */
.toggle-left,
.toggle-right{
	position:relative;
	width:12px;
	height:24px;
	overflow:hidden;
}
.toggle-circle-l,
.toggle-circle-r{
	position:absolute;
	width:24px;
	height:24px;
	border-radius:50%;
}
.toggle-circle-l{
	top:0;
	left:0;
}
.toggle-circle-r{
	top:0;
	right:0;
}
.toggle-middle{
	width:25px;
}
.toggle-middle,
.toggle-circle-l,
.toggle-circle-r{
	background:#ddd;
	transition:background 0.3s;
}
/* toggle:handle */
.toggle-handle{
	position:absolute;
	top:0;
	left:0;
	width:34px;
	height:34px;
	transition:
		left 0.3s linear,
		transform 0.3s linear;
	border-radius:50%;
	background:#fff;
	border:1px solid #eee;
	box-shadow:1px 1px 2px 0px #888;
}
.toggle-handle-lr{
	left:0%;
	transform:translate(0%);
}
/* checked */
.toggle[data-value='1'] .toggle-handle-lr{
	left:100%;
	transform:translate(-100%);
}
.toggle[data-value='1'] .toggle-circle-l,
.toggle[data-value='1'] .toggle-middle,
.toggle[data-value='1'] .toggle-circle-r{
	background-color:#3277b3;
}