.pretty>input+label>i.g-mdi:before, .pretty>input+label+label>i.g-mdi:before
	{
	content: attr(data-icon);
	display: inline-block;
	font: normal normal normal 24px/1 "Material Icons";
	font-size: inherit;
	text-rendering: auto;
	line-height: inherit;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0)
}

@media print {
	.pretty>input:not (:checked )+label i:before {
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
		color: transparent !important
	}
	.pretty :not (.toggle ) input:not (:checked )+label i:before, .pretty>input[type='radio']:checked+label>i.default:before,
		.pretty i:after {
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
		color: transparent !important
	}
	.pretty input:checked+label i:before {
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact
	}
	.pretty.primary input:checked+label i:before {
		color: white !important
	}
	.pretty.success input:checked+label i:before {
		color: white !important
	}
	.pretty.info input:checked+label i:before {
		color: white !important
	}
	.pretty.warning input:checked+label i:before {
		color: white !important
	}
	.pretty.danger input:checked+label i:before {
		color: white !important
	}
}

.pretty {
	line-height: 1;
	position: relative;
	display: inline-block;
	margin: 0 10px 5px 0
}

.pretty label {
	font-weight: normal;
	position: relative;;
	z-index: 99;
}

.pretty>input[type='checkbox'], .pretty>input[type='radio'] {
	position: absolute!important;
	z-index: 999;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	cursor: pointer;
	opacity: 0
}

.pretty i {
	font-size: 1em !important;
	position: relative;
	display: inline;
	box-sizing: initial;
	min-width: 1em;
	margin-right: 6px;
	padding: 1px;
	text-align: center;
}

.pretty i:before {
	position: relative;
	z-index: 999;
	left: 0;
	top:5px;
	display: inline-block;
	vertical-align: bottom;
	color: transparent;
	/* background-color: #fff */
	width: 18px;
    height: 18px;
}

.pretty i:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	content: '\0000';
	color: transparent;
	border: 1px solid #b9b9b9;
	border-radius: 0
}

.pretty>input[type='checkbox']:checked+label>i:before, .pretty>input[type='radio']:checked+label>i:before
	{
	color: inherit;
	/* background-color: #fff */
}

.pretty>input[type='radio']+label>i.default:before {
	left: -1px;
	top:-1px!important;
	min-width: 14px;
	height:14px;
	content: '\0000';
	color: transparent;
	border-radius: 0;
	-webkit-transform: scale(0.8);
	transform: scale(0.7)
}

.pretty>input[type='radio']:checked+label>i.default:before {
	background-color: #b9b9b9 !important
}

.pretty>input[type='checkbox'][disabled], .pretty>input[type='radio'][disabled]
	{
	cursor: not-allowed;
	opacity: 0
}

.pretty>input[type='checkbox'][disabled]+label, .pretty>input[type='radio'][disabled]+label
	{
	cursor: not-allowed;
	opacity: 0.5
}

.pretty.plain>input[type='checkbox']:checked+label>i:after, .pretty.plain>input[type='radio']:checked+label>i:after
	{
	border-color: transparent
}

.pretty.plain>input[type='checkbox']+label+label>i:after, .pretty.plain>input[type='radio']+label+label>i:after
	{
	border-color: transparent
}

.pretty.plain>input[type='checkbox']:checked+label+label>i:after,
	.pretty.plain>input[type='radio']:checked+label+label>i:after {
	border-color: transparent
}

.pretty.plain.toggle>input[type='checkbox']+label>i:after, .pretty.plain.toggle>input[type='radio']+label>i:after
	{
	border-color: transparent
}

.pretty.circle label i {
	padding: 2px
}

.pretty.circle label i:after, .pretty.circle label i:before {
	border-radius: 100px
}

.pretty.circle label i.default:before {
	border-radius: 100px !important
}

.pretty.curvy label i:after, .pretty.curvy label i:before {
	border-radius: 2px
}

.pretty.curvy label i.default:before {
	border-radius: 2px !important
}

.pretty.primary input:checked+label i:before {
	color: #fff;
	background-color: #428bca !important
}

.pretty.primary input:checked+label i:after {
	border-color: #428bca;
	background-color: #428bca !important
}

.pretty.primary input[type='radio']:checked+label i.default:before {
	background-color: #428bca !important;
	color: transparent
}

.pretty.primary input[type='radio']:checked+label i.default:after {
	background-color: initial !important;
	border-color: #428bca
}

.pretty.primary.smooth input:checked ~ label i:after {
	-webkit-transform: scale(1) !important;
	transform: scale(1) !important
}

.pretty.o-primary input:checked+label i:before {
	color: #428bca
}

.pretty.o-primary input:checked+label i:after {
	border-color: #428bca
}

.pretty.toggle i.primary:before {
	color: #428bca !important
}

.pretty.toggle i.success:before {
	color: #5cb85c !important
}

.pretty.toggle i.info:before {
	color: #5bc0de !important
}

.pretty.toggle i.warning:before {
	color: #f0ad4e !important
}

.pretty.toggle i.danger:before {
	color: #d9534f !important
}

.pretty.success input:checked+label i:before {
	color: #fff;
	/* background-color: #5cb85c !important */
}

.pretty.success input:checked+label i:after {
	border-color: #5cb85c;
	background-color: #5cb85c !important
}

.pretty.success input[type='radio']:checked+label i.default:before {
	background-color: #5cb85c !important;
	color: transparent
}

.pretty.success input[type='radio']:checked+label i.default:after {
	background-color: initial !important;
	border-color: #5cb85c
}

.pretty.success.smooth input:checked ~ label i:after {
	-webkit-transform: scale(1) !important;
	transform: scale(1) !important
}

.pretty.o-success input:checked+label i:before {
	color: #5cb85c
}

.pretty.o-success input:checked+label i:after {
	border-color: #5cb85c
}

.pretty.toggle i.primary:before {
	color: #428bca !important
}

.pretty.toggle i.success:before {
	color: #5cb85c !important
}

.pretty.toggle i.info:before {
	color: #5bc0de !important
}

.pretty.toggle i.warning:before {
	color: #f0ad4e !important
}

.pretty.toggle i.danger:before {
	color: #d9534f !important
}

.pretty.info input:checked+label i:before {
	color: #fff;
	background-color: #5bc0de !important
}

.pretty.info input:checked+label i:after {
	border-color: #5bc0de;
	background-color: #5bc0de !important
}

.pretty.info input[type='radio']:checked+label i.default:before {
	background-color: #5bc0de !important;
	color: transparent
}

.pretty.info input[type='radio']:checked+label i.default:after {
	background-color: initial !important;
	border-color: #5bc0de
}

.pretty.info.smooth input:checked ~ label i:after {
	-webkit-transform: scale(1) !important;
	transform: scale(1) !important
}

.pretty.o-info input:checked+label i:before {
	color: #5bc0de
}

.pretty.o-info input:checked+label i:after {
	border-color: #5bc0de
}

.pretty.toggle i.primary:before {
	color: #428bca !important
}

.pretty.toggle i.success:before {
	color: #5cb85c !important
}

.pretty.toggle i.info:before {
	color: #5bc0de !important
}

.pretty.toggle i.warning:before {
	color: #f0ad4e !important
}

.pretty.toggle i.danger:before {
	color: #d9534f !important
}

.pretty.warning input:checked+label i:before {
	color: #fff;
	background-color: #f0ad4e !important
}

.pretty.warning input:checked+label i:after {
	border-color: #f0ad4e;
	background-color: #f0ad4e !important
}

.pretty.warning input[type='radio']:checked+label i.default:before {
	background-color: #f0ad4e !important;
	color: transparent
}

.pretty.warning input[type='radio']:checked+label i.default:after {
	background-color: initial !important;
	border-color: #f0ad4e
}

.pretty.warning.smooth input:checked ~ label i:after {
	-webkit-transform: scale(1) !important;
	transform: scale(1) !important
}

.pretty.o-warning input:checked+label i:before {
	color: #f0ad4e
}

.pretty.o-warning input:checked+label i:after {
	border-color: #f0ad4e
}

.pretty.toggle i.primary:before {
	color: #428bca !important
}

.pretty.toggle i.success:before {
	color: #5cb85c !important
}

.pretty.toggle i.info:before {
	color: #5bc0de !important
}

.pretty.toggle i.warning:before {
	color: #f0ad4e !important
}

.pretty.toggle i.danger:before {
	color: #d9534f !important
}

.pretty.danger input:checked+label i:before {
	color: #fff;
	background-color: #d9534f !important
}

.pretty.danger input:checked+label i:after {
	border-color: #d9534f;
	background-color: #d9534f !important
}

.pretty.danger input[type='radio']:checked+label i.default:before {
	background-color: #d9534f !important;
	color: transparent
}

.pretty.danger input[type='radio']:checked+label i.default:after {
	background-color: initial !important;
	border-color: #d9534f
}

.pretty.danger.smooth input:checked ~ label i:after {
	-webkit-transform: scale(1) !important;
	transform: scale(1) !important
}

.pretty.o-danger input:checked+label i:before {
	color: #d9534f
}

.pretty.o-danger input:checked+label i:after {
	border-color: #d9534f
}

.pretty.toggle i.primary:before {
	color: #428bca !important
}

.pretty.toggle i.success:before {
	color: #5cb85c !important
}

.pretty.toggle i.info:before {
	color: #5bc0de !important
}

.pretty.toggle i.warning:before {
	color: #f0ad4e !important
}

.pretty.toggle i.danger:before {
	color: #d9534f !important
}

.pretty.toggle>input[type='checkbox']+label>i:before, .pretty.toggle>input[type='radio']+label>i:before
	{
	color: inherit
}

.pretty.toggle>input[type='checkbox']+label+label, .pretty.toggle>input[type='radio']+label+label
	{
	display: none
}

.pretty.toggle>input[type='checkbox']:checked+label, .pretty.toggle>input[type='radio']:checked+label
	{
	display: none
}

.pretty.toggle>input[type='checkbox']:checked+label+label, .pretty.toggle>input[type='radio']:checked+label+label
	{
	display: inline-block
}

.pretty.toggle>input[type='checkbox']:checked+label+label>i:before,
	.pretty.toggle>input[type='radio']:checked+label+label>i:before {
	color: inherit
}

.pretty.primary.hover:hover input+label i:before {
	background-color: rgba(66, 139, 202, 0.5) !important;
	color: #fff !important
}

.pretty.primary.hover:hover input+label i:after {
	border-color: rgba(66, 139, 202, 0.5) !important
}

.pretty.o-primary.hover:hover input+label i:before {
	color: rgba(66, 139, 202, 0.8)
}

.pretty.success.hover:hover input+label i:before {
	background-color: rgba(92, 184, 92, 0.5) !important;
	color: #fff !important
}

.pretty.success.hover:hover input+label i:after {
	border-color: rgba(92, 184, 92, 0.5) !important
}

.pretty.o-success.hover:hover input+label i:before {
	color: rgba(92, 184, 92, 0.8)
}

.pretty.info.hover:hover input+label i:before {
	background-color: rgba(91, 192, 222, 0.5) !important;
	color: #fff !important
}

.pretty.info.hover:hover input+label i:after {
	border-color: rgba(91, 192, 222, 0.5) !important
}

.pretty.o-info.hover:hover input+label i:before {
	color: rgba(91, 192, 222, 0.8)
}

.pretty.warning.hover:hover input+label i:before {
	background-color: rgba(240, 173, 78, 0.5) !important;
	color: #fff !important
}

.pretty.warning.hover:hover input+label i:after {
	border-color: rgba(240, 173, 78, 0.5) !important
}

.pretty.o-warning.hover:hover input+label i:before {
	color: rgba(240, 173, 78, 0.8)
}

.pretty.danger.hover:hover input+label i:before {
	background-color: rgba(217, 83, 79, 0.5) !important;
	color: #fff !important
}

.pretty.danger.hover:hover input+label i:after {
	border-color: rgba(217, 83, 79, 0.5) !important
}

.pretty.o-danger.hover:hover input+label i:before {
	color: rgba(217, 83, 79, 0.8)
}

.pretty.smooth i:before {
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	-webkit-transform: scale(0);
	transform: scale(0)
}

.pretty.smooth i:after {
	-webkit-transition: all .5s ease;
	transition: all .5s ease
}

.pretty.smooth>input[type='checkbox']:checked ~ label>i:before, .pretty.smooth>input[type='radio']:checked 
	~ label>i:before {
	-webkit-transform: scale(1);
	transform: scale(1)
}

.pretty.smooth>input[type='checkbox']:checked ~ label>i:after, .pretty.smooth>input[type='radio']:checked 
	~ label>i:after {
	-webkit-transform: scale(0);
	transform: scale(0)
}

.pretty.smooth>input[type='radio']:checked ~ label>i.default:before {
	-webkit-transform: scale(0.8);
	transform: scale(0.8)
}

.pretty.smooth>input[type='radio']:checked ~ label>i.default:after {
	-webkit-transform: scale(1);
	transform: scale(1)
}

.pretty.smooth.toggle i:before {
	-webkit-transform: none;
	transform: none
}

.pretty.smooth.toggle>input[type='checkbox']:checked ~ label>i:before,
	.pretty.smooth.toggle>input[type='radio']:checked ~ label>i:before {
	-webkit-transform: none;
	transform: none
}

.pretty.smooth.toggle>input[type='checkbox']:checked ~ label>i:after,
	.pretty.smooth.toggle>input[type='radio']:checked ~ label>i:after {
	-webkit-transform: none;
	transform: none
}

@
-webkit-keyframes tada { 0%{
	-webkit-transform: scale(7);
	transform: scale(7);
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in;
	opacity: 0
}

38%{
-webkit-transform
:scale(1)
;transform
:scale(1)
;-webkit-animation-timing-function
:ease-out
;animation-timing-function
:ease-out
;opacity
:
1
}
55%{
-webkit-transform
:scale
(1
.5
);transform
:scale
(1
.5
);-webkit-animation-timing-function
:ease-in
;animation-timing-function
:ease-in
}
72%{
-webkit-transform
:scale(1)
;transform
:scale(1)
;-webkit-animation-timing-function
:ease-out
;animation-timing-function
:ease-out
}
81%{
-webkit-transform
:scale
(1
.24
);transform
:scale
(1
.24
);-webkit-animation-timing-function
:ease-in
;animation-timing-function
:ease-in
}
89%{
-webkit-transform
:scale(1)
;transform
:scale(1)
;-webkit-animation-timing-function
:ease-out
;animation-timing-function
:ease-out
}
95%{
-webkit-transform
:scale
(1
.04
);transform
:scale
(1
.04
);-webkit-animation-timing-function
:ease-in
;animation-timing-function
:ease-in
}
100%{
-webkit-transform
:scale(1)
;transform
:scale(1)
;-webkit-animation-timing-function
:ease-out
;animation-timing-function
:ease-out
}
}
@
keyframes tada { 0%{
	-webkit-transform: scale(7);
	transform: scale(7);
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in;
	opacity: 0
}

38%{
-webkit-transform
:scale(1)
;transform
:scale(1)
;-webkit-animation-timing-function
:ease-out
;animation-timing-function
:ease-out
;opacity
:
1
}
55%{
-webkit-transform
:scale
(1
.5
);transform
:scale
(1
.5
);-webkit-animation-timing-function
:ease-in
;animation-timing-function
:ease-in
}
72%{
-webkit-transform
:scale(1)
;transform
:scale(1)
;-webkit-animation-timing-function
:ease-out
;animation-timing-function
:ease-out
}
81%{
-webkit-transform
:scale
(1
.24
);transform
:scale
(1
.24
);-webkit-animation-timing-function
:ease-in
;animation-timing-function
:ease-in
}
89%{
-webkit-transform
:scale(1)
;transform
:scale(1)
;-webkit-animation-timing-function
:ease-out
;animation-timing-function
:ease-out
}
95%{
-webkit-transform
:scale
(1
.04
);transform
:scale
(1
.04
);-webkit-animation-timing-function
:ease-in
;animation-timing-function
:ease-in
}
100%{
-webkit-transform
:scale(1)
;transform
:scale(1)
;-webkit-animation-timing-function
:ease-out
;animation-timing-function
:ease-out
}
}
@
-webkit-keyframes bounce { 0%{
	-webkit-transform: translateY(-50px);
	transform: translateY(-50px);
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in;
	opacity: 0
}

38%{
-webkit-transform
:translateY(0)
;transform
:translateY(0)
;-webkit-animation-timing-function
:ease-out
;animation-timing-function
:ease-out
;opacity
:
1
}
55%{
-webkit-transform
:translateY(-30px)
;transform
:translateY(-30px)
;-webkit-animation-timing-function
:ease-in
;animation-timing-function
:ease-in
}
72%{
-webkit-transform
:translateY(0)
;transform
:translateY(0)
;-webkit-animation-timing-function
:ease-out
;animation-timing-function
:ease-out
}
81%{
-webkit-transform
:translateY(-18px)
;transform
:translateY(-18px)
;-webkit-animation-timing-function
:ease-in
}
90%{
-webkit-transform
:translateY(0)
;transform
:translateY(0)
;-webkit-animation-timing-function
:ease-out
;animation-timing-function
:ease-out
}
95%{
-webkit-transform
:translateY(-8px)
;transform
:translateY(-8px)
;-webkit-animation-timing-function
:ease-in
;animation-timing-function
:ease-in
}
100%{
-webkit-transform
:translateY(0)
;transform
:translateY(0)
;-webkit-animation-timing-function
:ease-out
;animation-timing-function
:ease-out
}
}
@
keyframes bounce { 0%{
	-webkit-transform: translateY(-50px);
	transform: translateY(-50px);
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in;
	opacity: 0
}

38%{
-webkit-transform
:translateY(0)
;transform
:translateY(0)
;-webkit-animation-timing-function
:ease-out
;animation-timing-function
:ease-out
;opacity
:
1
}
55%{
-webkit-transform
:translateY(-30px)
;transform
:translateY(-30px)
;-webkit-animation-timing-function
:ease-in
;animation-timing-function
:ease-in
}
72%{
-webkit-transform
:translateY(0)
;transform
:translateY(0)
;-webkit-animation-timing-function
:ease-out
;animation-timing-function
:ease-out
}
81%{
-webkit-transform
:translateY(-18px)
;transform
:translateY(-18px)
;-webkit-animation-timing-function
:ease-in
}
90%{
-webkit-transform
:translateY(0)
;transform
:translateY(0)
;-webkit-animation-timing-function
:ease-out
;animation-timing-function
:ease-out
}
95%{
-webkit-transform
:translateY(-8px)
;transform
:translateY(-8px)
;-webkit-animation-timing-function
:ease-in
;animation-timing-function
:ease-in
}
100%{
-webkit-transform
:translateY(0)
;transform
:translateY(0)
;-webkit-animation-timing-function
:ease-out
;animation-timing-function
:ease-out
}
}
@
-webkit-keyframes rotate { 0%{
	-webkit-transform: translateZ(-200px) rotate(-45deg);
	transform: translateZ(-200px) rotate(-45deg);
	opacity: 0
}

100%{
-webkit-transform
:translateZ(0)
 
rotate
(0);transform
:translateZ(0)
 
rotate
(0);opacity
:
1
}
}
@
keyframes rotate { 0%{
	-webkit-transform: translateZ(-200px) rotate(-45deg);
	transform: translateZ(-200px) rotate(-45deg);
	opacity: 0
}

100%{
-webkit-transform
:translateZ(0)
 
rotate
(0);transform
:translateZ(0)
 
rotate
(0);opacity
:
1
}
}
@
-webkit-keyframes jelly { 0%{
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1)
}

30%{
-webkit-transform
:scale3d
(0
.75
,
1
.25
,
1);
transform
:scale3d
(0
.75
,
1
.25
,
1)
}
40%{
-webkit-transform
:scale3d
(1
.25
,
0
.75
,
1);
transform
:scale3d
(1
.25
,
0
.75
,
1)
}
50%{
-webkit-transform
:scale3d
(0
.85
,
1
.15
,
1);
transform
:scale3d
(0
.85
,
1
.15
,
1)
}
65%{
-webkit-transform
:scale3d
(1
.05
,
0
.95
,
1);
transform
:scale3d
(1
.05
,
0
.95
,
1)
}
75%{
-webkit-transform
:scale3d
(0
.95
,
1
.05
,
1);
transform
:scale3d
(0
.95
,
1
.05
,
1)
}
100%{
-webkit-transform
:scale3d
(1
,
1,
1);
transform
:scale3d
(1
,
1,
1)
}
}
@
keyframes jelly { 0%{
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1)
}

30%{
-webkit-transform
:scale3d
(0
.75
,
1
.25
,
1);
transform
:scale3d
(0
.75
,
1
.25
,
1)
}
40%{
-webkit-transform
:scale3d
(1
.25
,
0
.75
,
1);
transform
:scale3d
(1
.25
,
0
.75
,
1)
}
50%{
-webkit-transform
:scale3d
(0
.85
,
1
.15
,
1);
transform
:scale3d
(0
.85
,
1
.15
,
1)
}
65%{
-webkit-transform
:scale3d
(1
.05
,
0
.95
,
1);
transform
:scale3d
(1
.05
,
0
.95
,
1)
}
75%{
-webkit-transform
:scale3d
(0
.95
,
1
.05
,
1);
transform
:scale3d
(0
.95
,
1
.05
,
1)
}
100%{
-webkit-transform
:scale3d
(1
,
1,
1);
transform
:scale3d
(1
,
1,
1)
}
}
@
-webkit-keyframes vibrate { 0%{
	-webkit-transform: translate(0);
	transform: translate(0)
}

10%{
-webkit-transform
:translate
(-2px
,
-2
px
);transform
:translate
(-2px
,
-2
px
)
}
20%{
-webkit-transform
:translate
(2px
,
-2
px
);transform
:translate
(2px
,
-2
px
)
}
30%{
-webkit-transform
:translate
(-2px
,
2
px
);transform
:translate
(-2px
,
2
px
)
}
40%{
-webkit-transform
:translate
(2px
,
2
px
);transform
:translate
(2px
,
2
px
)
}
50%{
-webkit-transform
:translate
(-2px
,
-2
px
);transform
:translate
(-2px
,
-2
px
)
}
60%{
-webkit-transform
:translate
(2px
,
-2
px
);transform
:translate
(2px
,
-2
px
)
}
70%{
-webkit-transform
:translate
(-2px
,
2
px
);transform
:translate
(-2px
,
2
px
)
}
80%{
-webkit-transform
:translate
(-2px
,
-2
px
);transform
:translate
(-2px
,
-2
px
).pretty>input[type='checkbox'], .pretty>input[type='radio']
}
90%{
-webkit-transform
:translate
(2px
,
-2
px
);transform
:translate
(2px
,
-2
px
)
}
100%{
-webkit-transform
:translate(0)
;transform
:translate(0)
}
}
@
keyframes vibrate { 0%{
	-webkit-transform: translate(0);
	transform: translate(0)
}

10%{
-webkit-transform
:translate
(-2px
,
-2
px
);transform
:translate
(-2px
,
-2
px
)
}
20%{
-webkit-transform
:translate
(2px
,
-2
px
);transform
:translate
(2px
,
-2
px
)
}
30%{
-webkit-transform
:translate
(-2px
,
2
px
);transform
:translate
(-2px
,
2
px
)
}
40%{
-webkit-transform
:translate
(2px
,
2
px
);transform
:translate
(2px
,
2
px
)
}
50%{
-webkit-transform
:translate
(-2px
,
-2
px
);transform
:translate
(-2px
,
-2
px
)
}
60%{
-webkit-transform
:translate
(2px
,
-2
px
);transform
:translate
(2px
,
-2
px
)
}
70%{
-webkit-transform
:translate
(-2px
,
2
px
);transform
:translate
(-2px
,
2
px
)
}
80%{
-webkit-transform
:translate
(-2px
,
-2
px
);transform
:translate
(-2px
,
-2
px
)
}
90%{
-webkit-transform
:translate
(2px
,
-2
px
);transform
:translate
(2px
,
-2
px
)
}
100%{
-webkit-transform
:translate(0)
;transform
:translate(0)
}
}
.pretty.a-tada>input[type='checkbox']:checked+label>i, .pretty.a-tada>input[type='radio']:checked+label>i
	{
	-webkit-animation: tada 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
	animation: tada 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) both
}

.pretty.a-bounce>input[type='checkbox']:checked+label>i, .pretty.a-bounce>input[type='radio']:checked+label>i
	{
	-webkit-animation: bounce 1.1s both;
	animation: bounce 1.1s both
}

.pretty.a-rotate>input[type='checkbox']:checked+label>i, .pretty.a-rotate>input[type='radio']:checked+label>i
	{
	-webkit-animation: rotate 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
	animation: rotate 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) both
}

.pretty.a-jelly>input[type='checkbox']:checked+label>i, .pretty.a-jelly>input[type='radio']:checked+label>i
	{
	-webkit-animation: jelly 0.9s both;
	animation: jelly 0.9s both
}

.pretty.a-vibrate>input[type='checkbox']:checked+label>i, .pretty.a-vibrate>input[type='radio']:checked+label>i
	{
	-webkit-animation: vibrate 0.5s linear infinite both;
	animation: vibrate 0.5s linear infinite both
}