1 line
5.0 KiB
CSS
Vendored
1 line
5.0 KiB
CSS
Vendored
.wizard.wizard-2{display:-webkit-box;display:-ms-flexbox;display:flex}.wizard.wizard-2 .wizard-nav{padding:0;-webkit-box-flex:0;-ms-flex:0 0 400px;flex:0 0 400px;width:400px;max-width:100%}.wizard.wizard-2 .wizard-nav .wizard-steps{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step{padding:.75rem 1.5rem;position:relative;border-radius:.5rem;-webkit-transition:color .15s ease,background-color .15s ease,border-color .15s ease,-webkit-box-shadow .15s ease;transition:color .15s ease,background-color .15s ease,border-color .15s ease,-webkit-box-shadow .15s ease;transition:color .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease;transition:color .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease,-webkit-box-shadow .15s ease}.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step .wizard-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex}.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step .wizard-icon{font-size:2.5rem;margin-right:1.1rem;-webkit-transition:color .15s ease,background-color .15s ease,border-color .15s ease,-webkit-box-shadow .15s ease;transition:color .15s ease,background-color .15s ease,border-color .15s ease,-webkit-box-shadow .15s ease;transition:color .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease;transition:color .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease,-webkit-box-shadow .15s ease}.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step .wizard-icon i{color:#b5b5c3}.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step .wizard-icon .svg-icon svg g [fill]{-webkit-transition:fill .3s ease;transition:fill .3s ease;fill:#b5b5c3}.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step .wizard-icon .svg-icon svg:hover g [fill]{-webkit-transition:fill .3s ease;transition:fill .3s ease}.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step .wizard-label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-title{color:#181c32;font-weight:500;font-size:1.1rem}.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-desc{color:#7e8299}.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step .wizard-arrow{color:#7e8299;font-size:1.25rem}.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step .wizard-arrow.last{display:none}.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step[data-wizard-state=current]{background-color:#f3f6f9;-webkit-transition:color .15s ease,background-color .15s ease,border-color .15s ease,-webkit-box-shadow .15s ease;transition:color .15s ease,background-color .15s ease,border-color .15s ease,-webkit-box-shadow .15s ease;transition:color .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease;transition:color .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease,-webkit-box-shadow .15s ease}.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step[data-wizard-state=current] .wizard-icon{-webkit-transition:color .15s ease,background-color .15s ease,border-color .15s ease,-webkit-box-shadow .15s ease;transition:color .15s ease,background-color .15s ease,border-color .15s ease,-webkit-box-shadow .15s ease;transition:color .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease;transition:color .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease,-webkit-box-shadow .15s ease}.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step[data-wizard-state=current] .wizard-icon i{color:#f64e60!important}.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step[data-wizard-state=current] .wizard-icon .svg-icon svg g [fill]{-webkit-transition:fill .3s ease;transition:fill .3s ease;fill:#f64e60!important}.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step[data-wizard-state=current] .wizard-icon .svg-icon svg:hover g [fill]{-webkit-transition:fill .3s ease;transition:fill .3s ease}.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step[data-wizard-state=current]:after{left:100%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);content:" ";height:0;width:0;border:solid transparent;position:absolute;border-left-color:#f3f6f9;border-width:1rem}.wizard.wizard-2 .wizard-body{width:100%}@media (min-width:992px) and (max-width:1399.98px){.wizard.wizard-2 .wizard-nav{-webkit-box-flex:0;-ms-flex:0 0 325px;flex:0 0 325px;width:325px}}@media (max-width:991.98px){.wizard.wizard-2{display:block}.wizard.wizard-2 .wizard-nav{width:100%;border-bottom:1px solid #ebedf3}.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step[data-wizard-state=current]:after{content:none}.wizard.wizard-2 .wizard-body{width:100%}} |