.pretty *{
    box-sizing:border-box
}
.pretty input:not([type=checkbox]):not([type=radio]){
    display:none
}
.pretty{
    position:relative;
    display:inline-block;
    margin-right:1em;
    white-space:nowrap;
    line-height:1
}
.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:inline-block;
    font-weight:400;
    margin:0;
    text-indent:1.5em;
    min-width:calc(1em + 2px)
}
.pretty .state label:after,.pretty .state label:before{
    content:'';
    width:calc(1em + 2px);
    height:calc(1em + 2px);
    display:block;
    box-sizing:border-box;
    border-radius:0;
    border:1px solid transparent;
    z-index:0;
    position:absolute;
    left:0;
    top:calc((0% - (100% - 1em)) - 8%);
    background-color:transparent
}
.pretty .state label:before{
    border-color:#bdc3c7
}
.pretty .state.p-is-hover,.pretty .state.p-is-indeterminate{
    display:none
}

@-webkit-keyframes tada{
    0%{
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in;
        opacity:0;
        -webkit-transform:scale(7);
        transform:scale(7)
    }
    38%{
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out;
        opacity:1;
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    55%{
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in;
        -webkit-transform:scale(1.5);
        transform:scale(1.5)
    }
    72%{
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out;
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    81%{
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in;
        -webkit-transform:scale(1.24);
        transform:scale(1.24)
    }
    89%{
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out;
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    95%{
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in;
        -webkit-transform:scale(1.04);
        transform:scale(1.04)
    }
    100%{
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out;
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@keyframes tada{
    0%{
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in;
        opacity:0;
        -webkit-transform:scale(7);
        transform:scale(7)
    }
    38%{
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out;
        opacity:1;
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    55%{
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in;
        -webkit-transform:scale(1.5);
        transform:scale(1.5)
    }
    72%{
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out;
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    81%{
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in;
        -webkit-transform:scale(1.24);
        transform:scale(1.24)
    }
    89%{
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out;
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    95%{
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in;
        -webkit-transform:scale(1.04);
        transform:scale(1.04)
    }
    100%{
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out;
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@-webkit-keyframes jelly{
    0%{
        -webkit-transform:scale3d(1,1,1);
        transform:scale3d(1,1,1)
    }
    30%{
        -webkit-transform:scale3d(.75,1.25,1);
        transform:scale3d(.75,1.25,1)
    }
    40%{
        -webkit-transform:scale3d(1.25,.75,1);
        transform:scale3d(1.25,.75,1)
    }
    50%{
        -webkit-transform:scale3d(.85,1.15,1);
        transform:scale3d(.85,1.15,1)
    }
    65%{
        -webkit-transform:scale3d(1.05,.95,1);
        transform:scale3d(1.05,.95,1)
    }
    75%{
        -webkit-transform:scale3d(.95,1.05,1);
        transform:scale3d(.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(.75,1.25,1);
        transform:scale3d(.75,1.25,1)
    }
    40%{
        -webkit-transform:scale3d(1.25,.75,1);
        transform:scale3d(1.25,.75,1)
    }
    50%{
        -webkit-transform:scale3d(.85,1.15,1);
        transform:scale3d(.85,1.15,1)
    }
    65%{
        -webkit-transform:scale3d(1.05,.95,1);
        transform:scale3d(1.05,.95,1)
    }
    75%{
        -webkit-transform:scale3d(.95,1.05,1);
        transform:scale3d(.95,1.05,1)
    }
    100%{
        -webkit-transform:scale3d(1,1,1);
        transform:scale3d(1,1,1)
    }
}


.pretty.p-icon .state .icon{
    position: absolute;
    font-size: 0.9em;
    width: calc(1em + 2px);
    height: calc(1em + 2px);
    left: 0;
    padding: 9px 7.5px;
    /* top: 7px; */
    z-index: 1;
    text-align: center;
    line-height: normal;
    top: calc((0% - (100% - 1em)) - 8%);
    border: 1px solid transparent;
    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:#5a656b
}

.pretty.p-round .state label:after,.pretty.p-round .state label:before{
    border-radius:20%
}
.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:50%
}

.pretty.p-tada:not(.p-default) input:checked+.state .icon,.pretty.p-tada:not(.p-default) input:checked+.state .svg,.pretty.p-tada:not(.p-default) input:checked+.state img,.pretty.p-tada:not(.p-default) input:checked+.state label:after,.pretty.p-tada:not(.p-default) input:checked+.state label:before{
    -webkit-animation:tada .7s cubic-bezier(.25,.46,.45,.94) 1 alternate;
    animation:tada .7s cubic-bezier(.25,.46,.45,.94) 1 alternate;
    opacity:1
}
.pretty.p-jelly:not(.p-default) input:checked+.state .icon,.pretty.p-jelly:not(.p-default) input:checked+.state .svg,.pretty.p-jelly:not(.p-default) input:checked+.state img,.pretty.p-jelly:not(.p-default) input:checked+.state label:after,.pretty.p-jelly:not(.p-default) input:checked+.state label:before{
    -webkit-animation:jelly .7s cubic-bezier(.25,.46,.45,.94);
    animation:jelly .7s cubic-bezier(.25,.46,.45,.94);
    opacity:1;
     border-radius: 50%;
}
.pretty.p-jelly:not(.p-default) input:checked+.state label:before{
    border-color:transparent;
    border-radius: 50%;
}

.pretty input[disabled]{
    cursor:not-allowed;
    display:none
}
.pretty input[disabled]~*{
    opacity:.5
}

.pretty input:checked~.state.p-primary label:after,.pretty.p-toggle .state.p-primary label:after{
    background-color:#428bca!important
}
.pretty input:checked~.state.p-primary .icon,.pretty input:checked~.state.p-primary .svg,.pretty.p-toggle .state.p-primary .icon,.pretty.p-toggle .state.p-primary .svg{
    color:#fff;
    stroke:#fff
}
.pretty input:checked~.state.p-primary-o label:before,.pretty.p-toggle .state.p-primary-o label:before{
    border-color:#428bca
}
.pretty input:checked~.state.p-primary-o label:after,.pretty.p-toggle .state.p-primary-o label:after{
    background-color:transparent
}
.pretty input:checked~.state.p-primary-o .icon,.pretty input:checked~.state.p-primary-o .svg,.pretty input:checked~.state.p-primary-o svg,.pretty.p-toggle .state.p-primary-o .icon,.pretty.p-toggle .state.p-primary-o .svg,.pretty.p-toggle .state.p-primary-o svg{
    color:#428bca;
    stroke:#428bca
}

.pretty input:checked~.state.p-warning label:after,.pretty.p-toggle .state.p-warning label:after{
   background-color: #7fafd9!important;
}

.pretty input:checked~.state.p-warning .icon,.pretty input:checked~.state.p-warning .svg,.pretty.p-toggle .state.p-warning .icon,.pretty.p-toggle .state.p-warning .svg{
        color: #418bca;
    stroke:#fff
}
.pretty input:checked~.state.p-warning-o label:before,.pretty.p-toggle .state.p-warning-o label:before{
    border-color:#f0ad4e
}
.pretty input:checked~.state.p-warning-o label:after,.pretty.p-toggle .state.p-warning-o label:after{
    background-color:transparent
}
.pretty input:checked~.state.p-warning-o .icon,.pretty input:checked~.state.p-warning-o .svg,.pretty input:checked~.state.p-warning-o svg,.pretty.p-toggle .state.p-warning-o .icon,.pretty.p-toggle .state.p-warning-o .svg,.pretty.p-toggle .state.p-warning-o svg{
    color:#f0ad4e;
    stroke:#f0ad4e
}

@media print{
    .pretty .state .icon,.pretty .state label:after,.pretty .state label:before,.pretty .state:before{
        color-adjust:exact;
        -webkit-print-color-adjust:exact;
        print-color-adjust:exact
    }
}