/**
 * pretty-checkbox.css
 *
 * A pure CSS library to beautify checkbox and radio buttons
 *
 * Source: https://lokesh-coder.github.io/pretty-checkbox/#basic-checkbox
 * Demo: https://lokesh-coder.github.io/pretty-checkbox
 *
 * Copyright (c) 2017 Lokesh rajendran
 */

.pretty *{box-sizing:border-box}
.pretty input:not([type=checkbox]):not([type=radio]){display:none}
.pretty{position:relative;display:block;/*padding-right:5.5em;*//*white-space:nowrap;*/margin-bottom:1.75em;}
.pretty input{position:absolute;left:0;top:0;min-width:1em;width:100%;height:100%;z-index:2;opacity:0;margin:0;padding:0;cursor:pointer}
.pretty .state label{position:initial;display:block;margin:0;min-width:calc(1em + 20px)}
.pretty .state label:before{content:'';width:28.5px;height:28.5px;display:block;box-sizing:border-box;border-radius:5px;border:1px solid #CACCD0;z-index:0;position:absolute;left:0;/*top:calc((0% - (100% - .9em)) - 6%)*/;background-color:#fff}
.pretty .state label:after{border:none;background-color:transparent}
.pretty .state label:before{border-color:#CACCD0}
.pretty .state.p-is-hover,.pretty .state.p-is-indeterminate{display:none}


/*.pretty.p-default.p-fill .state label:after{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.pretty.p-default .state label:after{-webkit-transform:scale(.6);-ms-transform:scale(.6);transform:scale(.6)}.pretty.p-default input:checked~.state label:after{background-color:#fff!important}.pretty.p-default.p-thick .state label:after,.pretty.p-default.p-thick .state label:before{border-width:calc(1em / 7)}.pretty.p-default.p-thick .state label:after{-webkit-transform:scale(.4)!important;-ms-transform:scale(.4)!important;transform:scale(.4)!important}*/

.pretty.p-icon .state .icon{position:absolute;font-size:1em;width:calc(1em + 20px);height:calc(1em + 20px);left:0;z-index:1;text-align:center;line-height:normal;top:calc((0% - (100% - 1em)) - 30%);border:none;opacity:0}.pretty.p-icon .state .icon:before{margin:0;width:100%;height:100%;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:1}
.pretty.p-icon input:checked~.state .icon{opacity:1}
.pretty.p-icon input:checked~.state label:before{border-color:#CACCD0}


.pretty.p-svg .state .svg{position:absolute;font-size:1em;width:calc(1em + 20px);height:calc(1em + 20px);left:-3px;z-index:1;text-align:center;line-height:normal;top:calc((0% - (100% - 1em)) - 30%);border:none;opacity:0;transition:ease-in all .2s;}
.pretty.p-svg .state svg{margin:0;width:100%;height:100%;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:1}
.pretty.p-svg input:checked~.state .svg{opacity:1}
.pretty.pretty.p-switch .state{position:relative}
.pretty.p-switch .state:before{content:'';border:none;border-radius:60px;width:2em;box-sizing:unset;height:calc(1em + 20px);position:absolute;top:0;top:calc((0% - (100% - 1em)) - 30%);z-index:0;transition:all .5s ease}.pretty.p-switch .state label{text-indent:2.5em}
.pretty.p-switch .state label:after,.pretty.p-switch .state label:before{transition:all .5s ease;border-radius:100%;left:-3px;border-color:transparent;-webkit-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8)}
.pretty.p-switch .state label:after{background-color:#CACCD0!important}
.pretty.p-switch input:checked~.state:before{border-color:#5a656b}
.pretty.p-switch input:checked~.state label:before{opacity:0}
.pretty.p-switch input:checked~.state label:after{background-color:#5a656b!important;left:1em}
.pretty.p-switch.p-fill input:checked~.state:before{border-color:#5a656b;background-color:#5a656b!important}
.pretty.p-switch.p-fill input:checked~.state label:before{opacity:0}.pretty.p-switch.p-fill input:checked~.state label:after{background-color:#fff!important;left:1em}.pretty.p-switch.p-slim .state:before{height:.1em;background:#CACCD0!important;top:calc(50% - .1em)}
.pretty.p-switch.p-slim input:checked~.state:before{border-color:#CACCD0;background-color:#5a656b!important}
.pretty.p-has-hover input:hover~.state:not(.p-is-hover){display:none}
.pretty.p-has-hover input:hover~.state.p-is-hover{display:block}
.pretty.p-has-hover input:hover~.state.p-is-hover .icon{display:block}
.pretty.p-has-focus input:focus~.state label:before{box-shadow:0 0 3px 0 #CACCD0}
.pretty.p-has-indeterminate input[type=checkbox]:indeterminate~.state:not(.p-is-indeterminate){display:none}
.pretty.p-has-indeterminate input[type=checkbox]:indeterminate~.state.p-is-indeterminate{display:block}
.pretty.p-has-indeterminate input[type=checkbox]:indeterminate~.state.p-is-indeterminate .icon{display:block;opacity:1}
.pretty.p-toggle .state.p-on{opacity:0;display:none}
.pretty.p-toggle .state .icon,.pretty.p-toggle .state .svg,.pretty.p-toggle .state img,.pretty.p-toggle .state.p-off{opacity:1;display:inherit}
.pretty.p-toggle .state.p-off .icon{color:#CACCD0}
.pretty.p-toggle input:checked~.state.p-on{opacity:1;display:inherit}
.pretty.p-toggle input:checked~.state.p-off{opacity:0;display:none}




.p-image .state img{opacity:0;position:absolute;width:calc(1em + 20px);height:calc(1em + 20px);top:-4px;/*top:calc((0% - (100% - 1em)) - 30%);*/left:-3px;z-index:0;text-align:center;line-height:normal;-webkit-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8)}.pretty.p-image input:checked~.state img{opacity:1}.pretty.p-switch input{min-width:2em}

.pretty.p-plain input:checked~.state label:before,.pretty.p-plain.p-toggle .state label:before{content:none}.pretty.p-plain.p-plain .icon{-webkit-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8)}.pretty.p-round .state label:after,.pretty.p-round .state label:before{border-radius:100%}.pretty.p-round.p-icon .state .icon{border-radius:100%;overflow:hidden}.pretty.p-round.p-icon .state .icon:before{-webkit-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8)}.pretty.p-curve .state label:after,.pretty.p-curve .state label:before{border-radius:20%}/*.pretty.p-smooth .icon,.pretty.p-smooth .svg,.pretty.p-smooth label:after,.pretty.p-smooth label:before{transition:all .3s ease}.pretty.p-smooth input:checked+.state label:after{transition:all .3s ease}*/

 .pretty.p-smooth input:checked+.state .icon,.pretty.p-smooth input:checked+.state .svg,.pretty.p-smooth input:checked+.state img{-webkit-animation:zoom .2s ease;animation:zoom .2s ease}
 /*.pretty.p-smooth.p-default input:checked+.state label:after{-webkit-animation:zoom .2s ease;animation:zoom .2s ease}*/
 .pretty.p-smooth.p-plain input:checked+.state label:before{content:'';-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);transition:all .5s ease} 

/* check transition optional */
/* .pretty.p-smooth .icon,.pretty.p-smooth .svg,.pretty.p-smooth label:after,.pretty.p-smooth label:before{transition:all .3s ease}.pretty.p-smooth input:checked+.state label:after{transition:all .3s ease}.pretty.p-smooth input:checked+.state .icon,.pretty.p-smooth input:checked+.state .svg,.pretty.p-smooth input:checked+.state img{-webkit-animation:zoom .2s ease;animation:zoom .2s ease}.pretty.p-smooth.p-default input:checked+.state label:after{-webkit-animation:zoom .2s ease;animation:zoom .2s ease}.pretty.p-smooth.p-plain input:checked+.state label:before{content:'';-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);transition:all .3s ease} */