.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; white-space: nowrap; }
.pretty label { font-weight:normal }
.pretty>input[type='checkbox'], .pretty>input[type='radio'] { position:absolute; z-index:99; 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-block; box-sizing:initial; min-width:1em; margin-right:2px; padding:1px; text-align:center }
.pretty i:before { position:relative; z-index:98; left:0; display:inline-block; vertical-align:bottom; color:transparent; background-color:#fff }
.pretty i:after { position:absolute; top:0; left:0; width:100%; height:100%; content:'\0000'; color:transparent; border:1px solid #b9b9b9; border-radius:0; background-color: #fff !important; }
.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:0; min-width:1em; content:'\0000'; color:transparent; border-radius:0; background:#fff; -webkit-transform:scale(0.8); transform:scale(0.8) }
.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, -2px);
transform:translate(-2px, -2px)
}
20% {
-webkit-transform:translate(2px, -2px);
transform:translate(2px, -2px)
}
30% {
-webkit-transform:translate(-2px, 2px);
transform:translate(-2px, 2px)
}
40% {
-webkit-transform:translate(2px, 2px);
transform:translate(2px, 2px)
}
50% {
-webkit-transform:translate(-2px, -2px);
transform:translate(-2px, -2px)
}
60% {
-webkit-transform:translate(2px, -2px);
transform:translate(2px, -2px)
}
70% {
-webkit-transform:translate(-2px, 2px);
transform:translate(-2px, 2px)
}
80% {
-webkit-transform:translate(-2px, -2px);
transform:translate(-2px, -2px)
}
90% {
-webkit-transform:translate(2px, -2px);
transform:translate(2px, -2px)
}
100% {
-webkit-transform:translate(0);
transform:translate(0)
}
}
@keyframes vibrate { 0% {
-webkit-transform:translate(0);
transform:translate(0)
}
10% {
-webkit-transform:translate(-2px, -2px);
transform:translate(-2px, -2px)
}
20% {
-webkit-transform:translate(2px, -2px);
transform:translate(2px, -2px)
}
30% {
-webkit-transform:translate(-2px, 2px);
transform:translate(-2px, 2px)
}
40% {
-webkit-transform:translate(2px, 2px);
transform:translate(2px, 2px)
}
50% {
-webkit-transform:translate(-2px, -2px);
transform:translate(-2px, -2px)
}
60% {
-webkit-transform:translate(2px, -2px);
transform:translate(2px, -2px)
}
70% {
-webkit-transform:translate(-2px, 2px);
transform:translate(-2px, 2px)
}
80% {
-webkit-transform:translate(-2px, -2px);
transform:translate(-2px, -2px)
}
90% {
-webkit-transform:translate(2px, -2px);
transform:translate(2px, -2px)
}
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 }
