mirror of
https://github.com/tenrok/vue-form-wizard.git
synced 2026-06-19 01:40:32 +03:00
1088e57362
Support any kind of icons and display numbers if icons are not provided Getting rid of many bootstrap dependencies: progress-bar, navs (WIP for buttons)
1 line
20 KiB
CSS
1 line
20 KiB
CSS
.vue-tab-wizard *{box-sizing:border-box}.vue-tab-wizard a{text-decoration:none}.vue-tab-wizard .nav{margin-bottom:0;padding-left:0;list-style:none}.vue-tab-wizard .nav>li,.vue-tab-wizard .nav>li>a{position:relative;display:block}.vue-tab-wizard .nav>li>a{padding:10px 15px}.vue-tab-wizard .nav>li>a:focus,.vue-tab-wizard .nav>li>a:hover{text-decoration:none;background-color:#eee}.vue-tab-wizard .nav>li.disabled>a{color:#777}.vue-tab-wizard .nav>li.disabled>a:focus,.vue-tab-wizard .nav>li.disabled>a:hover{color:#777;text-decoration:none;background-color:transparent;cursor:not-allowed}.vue-tab-wizard .nav .open>a,.vue-tab-wizard .nav .open>a:focus,.vue-tab-wizard .nav .open>a:hover{background-color:#eee;border-color:#337ab7}.vue-tab-wizard .nav>li>a>img{max-width:none}.vue-tab-wizard .progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#337ab7;box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);transition:width .6s ease}.btn,.navbar .navbar-nav>li>a.btn{box-sizing:border-box;border-width:2px;background-color:transparent;font-size:14px;font-weight:600;padding:6px 12px;border-color:#66615b;color:#66615b;transition:all .15s linear}.btn.active,.btn:active,.btn:active:focus,.btn:active:hover,.btn:focus,.btn:hover,.navbar .navbar-nav>li>a.btn.active,.navbar .navbar-nav>li>a.btn:active,.navbar .navbar-nav>li>a.btn:active:focus,.navbar .navbar-nav>li>a.btn:active:hover,.navbar .navbar-nav>li>a.btn:focus,.navbar .navbar-nav>li>a.btn:hover,.open>.btn.dropdown-toggle,.open>.btn.dropdown-toggle:focus,.open>.btn.dropdown-toggle:hover,.open>.navbar .navbar-nav>li>a.btn.dropdown-toggle,.open>.navbar .navbar-nav>li>a.btn.dropdown-toggle:focus,.open>.navbar .navbar-nav>li>a.btn.dropdown-toggle:hover{background-color:#66615b;color:hsla(0,0%,100%,.85);border-color:#66615b}.btn.active .caret,.btn:active .caret,.btn:active:focus .caret,.btn:active:hover .caret,.btn:focus .caret,.btn:hover .caret,.navbar .navbar-nav>li>a.btn.active .caret,.navbar .navbar-nav>li>a.btn:active .caret,.navbar .navbar-nav>li>a.btn:active:focus .caret,.navbar .navbar-nav>li>a.btn:active:hover .caret,.navbar .navbar-nav>li>a.btn:focus .caret,.navbar .navbar-nav>li>a.btn:hover .caret,.open>.btn.dropdown-toggle .caret,.open>.btn.dropdown-toggle:focus .caret,.open>.btn.dropdown-toggle:hover .caret,.open>.navbar .navbar-nav>li>a.btn.dropdown-toggle .caret,.open>.navbar .navbar-nav>li>a.btn.dropdown-toggle:focus .caret,.open>.navbar .navbar-nav>li>a.btn.dropdown-toggle:hover .caret{border-top-color:hsla(0,0%,100%,.85)}.btn.disabled,.btn.disabled.active,.btn.disabled.focus,.btn.disabled:active,.btn.disabled:focus,.btn.disabled:hover,.btn:disabled,.btn:disabled.active,.btn:disabled.focus,.btn:disabled:active,.btn:disabled:focus,.btn:disabled:hover,.btn[disabled],.btn[disabled].active,.btn[disabled].focus,.btn[disabled]:active,.btn[disabled]:focus,.btn[disabled]:hover,.navbar .navbar-nav>li>a.btn.disabled,.navbar .navbar-nav>li>a.btn.disabled.active,.navbar .navbar-nav>li>a.btn.disabled.focus,.navbar .navbar-nav>li>a.btn.disabled:active,.navbar .navbar-nav>li>a.btn.disabled:focus,.navbar .navbar-nav>li>a.btn.disabled:hover,.navbar .navbar-nav>li>a.btn:disabled,.navbar .navbar-nav>li>a.btn:disabled.active,.navbar .navbar-nav>li>a.btn:disabled.focus,.navbar .navbar-nav>li>a.btn:disabled:active,.navbar .navbar-nav>li>a.btn:disabled:focus,.navbar .navbar-nav>li>a.btn:disabled:hover,.navbar .navbar-nav>li>a.btn[disabled],.navbar .navbar-nav>li>a.btn[disabled].active,.navbar .navbar-nav>li>a.btn[disabled].focus,.navbar .navbar-nav>li>a.btn[disabled]:active,.navbar .navbar-nav>li>a.btn[disabled]:focus,.navbar .navbar-nav>li>a.btn[disabled]:hover,fieldset[disabled] .btn,fieldset[disabled] .btn.active,fieldset[disabled] .btn.focus,fieldset[disabled] .btn:active,fieldset[disabled] .btn:focus,fieldset[disabled] .btn:hover,fieldset[disabled] .navbar .navbar-nav>li>a.btn,fieldset[disabled] .navbar .navbar-nav>li>a.btn.active,fieldset[disabled] .navbar .navbar-nav>li>a.btn.focus,fieldset[disabled] .navbar .navbar-nav>li>a.btn:active,fieldset[disabled] .navbar .navbar-nav>li>a.btn:focus,fieldset[disabled] .navbar .navbar-nav>li>a.btn:hover{background-color:transparent;border-color:#66615b}.btn.btn-fill,.navbar .navbar-nav>li>a.btn.btn-fill{color:#fff;background-color:#66615b;opacity:1;filter:alpha(opacity=100)}.btn.btn-fill.active,.btn.btn-fill:active,.btn.btn-fill:focus,.btn.btn-fill:hover,.navbar .navbar-nav>li>a.btn.btn-fill.active,.navbar .navbar-nav>li>a.btn.btn-fill:active,.navbar .navbar-nav>li>a.btn.btn-fill:focus,.navbar .navbar-nav>li>a.btn.btn-fill:hover,.open>.btn.btn-fill.dropdown-toggle,.open>.navbar .navbar-nav>li>a.btn.btn-fill.dropdown-toggle{background-color:#484541;color:#fff;border-color:#484541}.btn.btn-fill .caret,.navbar .navbar-nav>li>a.btn.btn-fill .caret{border-top-color:#fff}.btn.btn-simple.active,.btn.btn-simple:active,.btn.btn-simple:focus,.btn.btn-simple:hover,.navbar .navbar-nav>li>a.btn.btn-simple.active,.navbar .navbar-nav>li>a.btn.btn-simple:active,.navbar .navbar-nav>li>a.btn.btn-simple:focus,.navbar .navbar-nav>li>a.btn.btn-simple:hover,.open>.btn.btn-simple.dropdown-toggle,.open>.navbar .navbar-nav>li>a.btn.btn-simple.dropdown-toggle{background-color:transparent;color:#484541}.btn.btn-simple .caret,.navbar .navbar-nav>li>a.btn.btn-simple .caret{border-top-color:#fff}.btn .caret,.navbar .navbar-nav>li>a.btn .caret{border-top-color:#66615b}.btn:focus,.btn:hover,.navbar .navbar-nav>li>a.btn:focus,.navbar .navbar-nav>li>a.btn:hover{outline:0!important}.btn.active,.btn:active,.navbar .navbar-nav>li>a.btn.active,.navbar .navbar-nav>li>a.btn:active,.open>.btn.dropdown-toggle,.open>.navbar .navbar-nav>li>a.btn.dropdown-toggle{box-shadow:none;outline:0!important}.btn.btn-icon,.navbar .navbar-nav>li>a.btn.btn-icon{border-radius:25px;padding:7px 10px}.btn.btn-icon i,.navbar .navbar-nav>li>a.btn.btn-icon i{margin-right:0}.btn [class*=ti-],.navbar .navbar-nav>li>a.btn [class*=ti-]{vertical-align:middle}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-2px}.btn-primary,.navbar .navbar-nav>li>a.btn.btn-primary{border-color:#7a9e9f;color:#7a9e9f}.btn-primary.active,.btn-primary:active,.btn-primary:active:focus,.btn-primary:active:hover,.btn-primary:focus,.btn-primary:hover,.navbar .navbar-nav>li>a.btn.btn-primary.active,.navbar .navbar-nav>li>a.btn.btn-primary:active,.navbar .navbar-nav>li>a.btn.btn-primary:active:focus,.navbar .navbar-nav>li>a.btn.btn-primary:active:hover,.navbar .navbar-nav>li>a.btn.btn-primary:focus,.navbar .navbar-nav>li>a.btn.btn-primary:hover,.open>.btn-primary.dropdown-toggle,.open>.btn-primary.dropdown-toggle:focus,.open>.btn-primary.dropdown-toggle:hover,.open>.navbar .navbar-nav>li>a.btn.btn-primary.dropdown-toggle,.open>.navbar .navbar-nav>li>a.btn.btn-primary.dropdown-toggle:focus,.open>.navbar .navbar-nav>li>a.btn.btn-primary.dropdown-toggle:hover{background-color:#7a9e9f;color:hsla(0,0%,100%,.85);border-color:#7a9e9f}.btn-primary.active .caret,.btn-primary:active .caret,.btn-primary:active:focus .caret,.btn-primary:active:hover .caret,.btn-primary:focus .caret,.btn-primary:hover .caret,.navbar .navbar-nav>li>a.btn.btn-primary.active .caret,.navbar .navbar-nav>li>a.btn.btn-primary:active .caret,.navbar .navbar-nav>li>a.btn.btn-primary:active:focus .caret,.navbar .navbar-nav>li>a.btn.btn-primary:active:hover .caret,.navbar .navbar-nav>li>a.btn.btn-primary:focus .caret,.navbar .navbar-nav>li>a.btn.btn-primary:hover .caret,.open>.btn-primary.dropdown-toggle .caret,.open>.btn-primary.dropdown-toggle:focus .caret,.open>.btn-primary.dropdown-toggle:hover .caret,.open>.navbar .navbar-nav>li>a.btn.btn-primary.dropdown-toggle .caret,.open>.navbar .navbar-nav>li>a.btn.btn-primary.dropdown-toggle:focus .caret,.open>.navbar .navbar-nav>li>a.btn.btn-primary.dropdown-toggle:hover .caret{border-top-color:hsla(0,0%,100%,.85)}.btn-primary.disabled,.btn-primary.disabled.active,.btn-primary.disabled.focus,.btn-primary.disabled:active,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary:disabled,.btn-primary:disabled.active,.btn-primary:disabled.focus,.btn-primary:disabled:active,.btn-primary:disabled:focus,.btn-primary:disabled:hover,.btn-primary[disabled],.btn-primary[disabled].active,.btn-primary[disabled].focus,.btn-primary[disabled]:active,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,.navbar .navbar-nav>li>a.btn.btn-primary.disabled,.navbar .navbar-nav>li>a.btn.btn-primary.disabled.active,.navbar .navbar-nav>li>a.btn.btn-primary.disabled.focus,.navbar .navbar-nav>li>a.btn.btn-primary.disabled:active,.navbar .navbar-nav>li>a.btn.btn-primary.disabled:focus,.navbar .navbar-nav>li>a.btn.btn-primary.disabled:hover,.navbar .navbar-nav>li>a.btn.btn-primary:disabled,.navbar .navbar-nav>li>a.btn.btn-primary:disabled.active,.navbar .navbar-nav>li>a.btn.btn-primary:disabled.focus,.navbar .navbar-nav>li>a.btn.btn-primary:disabled:active,.navbar .navbar-nav>li>a.btn.btn-primary:disabled:focus,.navbar .navbar-nav>li>a.btn.btn-primary:disabled:hover,.navbar .navbar-nav>li>a.btn.btn-primary[disabled],.navbar .navbar-nav>li>a.btn.btn-primary[disabled].active,.navbar .navbar-nav>li>a.btn.btn-primary[disabled].focus,.navbar .navbar-nav>li>a.btn.btn-primary[disabled]:active,.navbar .navbar-nav>li>a.btn.btn-primary[disabled]:focus,.navbar .navbar-nav>li>a.btn.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary,fieldset[disabled] .btn-primary.active,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:active,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover,fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-primary,fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-primary.active,fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-primary.focus,fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-primary:active,fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-primary:focus,fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-primary:hover{background-color:transparent;border-color:#7a9e9f}.btn-primary.btn-fill,.navbar .navbar-nav>li>a.btn.btn-primary.btn-fill{color:#fff;background-color:#7a9e9f;opacity:1;filter:alpha(opacity=100)}.btn-primary.btn-fill.active,.btn-primary.btn-fill:active,.btn-primary.btn-fill:focus,.btn-primary.btn-fill:hover,.navbar .navbar-nav>li>a.btn.btn-primary.btn-fill.active,.navbar .navbar-nav>li>a.btn.btn-primary.btn-fill:active,.navbar .navbar-nav>li>a.btn.btn-primary.btn-fill:focus,.navbar .navbar-nav>li>a.btn.btn-primary.btn-fill:hover,.open>.btn-primary.btn-fill.dropdown-toggle,.open>.navbar .navbar-nav>li>a.btn.btn-primary.btn-fill.dropdown-toggle{background-color:#5e8283;color:#fff;border-color:#5e8283}.btn-primary.btn-fill .caret,.navbar .navbar-nav>li>a.btn.btn-primary.btn-fill .caret{border-top-color:#fff}.btn-primary.btn-simple.active,.btn-primary.btn-simple:active,.btn-primary.btn-simple:focus,.btn-primary.btn-simple:hover,.navbar .navbar-nav>li>a.btn.btn-primary.btn-simple.active,.navbar .navbar-nav>li>a.btn.btn-primary.btn-simple:active,.navbar .navbar-nav>li>a.btn.btn-primary.btn-simple:focus,.navbar .navbar-nav>li>a.btn.btn-primary.btn-simple:hover,.open>.btn-primary.btn-simple.dropdown-toggle,.open>.navbar .navbar-nav>li>a.btn.btn-primary.btn-simple.dropdown-toggle{background-color:transparent;color:#5e8283}.btn-primary.btn-simple .caret,.navbar .navbar-nav>li>a.btn.btn-primary.btn-simple .caret{border-top-color:#fff}.btn-primary .caret,.navbar .navbar-nav>li>a.btn.btn-primary .caret{border-top-color:#7a9e9f}.btn-info,.navbar .navbar-nav>li>a.btn.btn-info{border-color:#68b3c8;color:#68b3c8}.btn-info.active,.btn-info:active,.btn-info:active:focus,.btn-info:active:hover,.btn-info:focus,.btn-info:hover,.navbar .navbar-nav>li>a.btn.btn-info.active,.navbar .navbar-nav>li>a.btn.btn-info:active,.navbar .navbar-nav>li>a.btn.btn-info:active:focus,.navbar .navbar-nav>li>a.btn.btn-info:active:hover,.navbar .navbar-nav>li>a.btn.btn-info:focus,.navbar .navbar-nav>li>a.btn.btn-info:hover,.open>.btn-info.dropdown-toggle,.open>.btn-info.dropdown-toggle:focus,.open>.btn-info.dropdown-toggle:hover,.open>.navbar .navbar-nav>li>a.btn.btn-info.dropdown-toggle,.open>.navbar .navbar-nav>li>a.btn.btn-info.dropdown-toggle:focus,.open>.navbar .navbar-nav>li>a.btn.btn-info.dropdown-toggle:hover{background-color:#68b3c8;color:hsla(0,0%,100%,.85);border-color:#68b3c8}.btn-info.active .caret,.btn-info:active .caret,.btn-info:active:focus .caret,.btn-info:active:hover .caret,.btn-info:focus .caret,.btn-info:hover .caret,.navbar .navbar-nav>li>a.btn.btn-info.active .caret,.navbar .navbar-nav>li>a.btn.btn-info:active .caret,.navbar .navbar-nav>li>a.btn.btn-info:active:focus .caret,.navbar .navbar-nav>li>a.btn.btn-info:active:hover .caret,.navbar .navbar-nav>li>a.btn.btn-info:focus .caret,.navbar .navbar-nav>li>a.btn.btn-info:hover .caret,.open>.btn-info.dropdown-toggle .caret,.open>.btn-info.dropdown-toggle:focus .caret,.open>.btn-info.dropdown-toggle:hover .caret,.open>.navbar .navbar-nav>li>a.btn.btn-info.dropdown-toggle .caret,.open>.navbar .navbar-nav>li>a.btn.btn-info.dropdown-toggle:focus .caret,.open>.navbar .navbar-nav>li>a.btn.btn-info.dropdown-toggle:hover .caret{border-top-color:hsla(0,0%,100%,.85)}.btn-info.disabled,.btn-info.disabled.active,.btn-info.disabled.focus,.btn-info.disabled:active,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info:disabled,.btn-info:disabled.active,.btn-info:disabled.focus,.btn-info:disabled:active,.btn-info:disabled:focus,.btn-info:disabled:hover,.btn-info[disabled],.btn-info[disabled].active,.btn-info[disabled].focus,.btn-info[disabled]:active,.btn-info[disabled]:focus,.btn-info[disabled]:hover,.navbar .navbar-nav>li>a.btn.btn-info.disabled,.navbar .navbar-nav>li>a.btn.btn-info.disabled.active,.navbar .navbar-nav>li>a.btn.btn-info.disabled.focus,.navbar .navbar-nav>li>a.btn.btn-info.disabled:active,.navbar .navbar-nav>li>a.btn.btn-info.disabled:focus,.navbar .navbar-nav>li>a.btn.btn-info.disabled:hover,.navbar .navbar-nav>li>a.btn.btn-info:disabled,.navbar .navbar-nav>li>a.btn.btn-info:disabled.active,.navbar .navbar-nav>li>a.btn.btn-info:disabled.focus,.navbar .navbar-nav>li>a.btn.btn-info:disabled:active,.navbar .navbar-nav>li>a.btn.btn-info:disabled:focus,.navbar .navbar-nav>li>a.btn.btn-info:disabled:hover,.navbar .navbar-nav>li>a.btn.btn-info[disabled],.navbar .navbar-nav>li>a.btn.btn-info[disabled].active,.navbar .navbar-nav>li>a.btn.btn-info[disabled].focus,.navbar .navbar-nav>li>a.btn.btn-info[disabled]:active,.navbar .navbar-nav>li>a.btn.btn-info[disabled]:focus,.navbar .navbar-nav>li>a.btn.btn-info[disabled]:hover,fieldset[disabled] .btn-info,fieldset[disabled] .btn-info.active,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:active,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover,fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-info,fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-info.active,fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-info.focus,fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-info:active,fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-info:focus,fieldset[disabled] .navbar .navbar-nav>li>a.btn.btn-info:hover{background-color:transparent;border-color:#68b3c8}.btn-info.btn-fill,.navbar .navbar-nav>li>a.btn.btn-info.btn-fill{color:#fff;background-color:#68b3c8;opacity:1;filter:alpha(opacity=100)}.btn-info.btn-fill.active,.btn-info.btn-fill:active,.btn-info.btn-fill:focus,.btn-info.btn-fill:hover,.navbar .navbar-nav>li>a.btn.btn-info.btn-fill.active,.navbar .navbar-nav>li>a.btn.btn-info.btn-fill:active,.navbar .navbar-nav>li>a.btn.btn-info.btn-fill:focus,.navbar .navbar-nav>li>a.btn.btn-info.btn-fill:hover,.open>.btn-info.btn-fill.dropdown-toggle,.open>.navbar .navbar-nav>li>a.btn.btn-info.btn-fill.dropdown-toggle{background-color:#429cb6;color:#fff;border-color:#429cb6}.btn-info.btn-fill .caret,.navbar .navbar-nav>li>a.btn.btn-info.btn-fill .caret{border-top-color:#fff}.btn-info.btn-simple.active,.btn-info.btn-simple:active,.btn-info.btn-simple:focus,.btn-info.btn-simple:hover,.navbar .navbar-nav>li>a.btn.btn-info.btn-simple.active,.navbar .navbar-nav>li>a.btn.btn-info.btn-simple:active,.navbar .navbar-nav>li>a.btn.btn-info.btn-simple:focus,.navbar .navbar-nav>li>a.btn.btn-info.btn-simple:hover,.open>.btn-info.btn-simple.dropdown-toggle,.open>.navbar .navbar-nav>li>a.btn.btn-info.btn-simple.dropdown-toggle{background-color:transparent;color:#429cb6}.btn-info.btn-simple .caret,.navbar .navbar-nav>li>a.btn.btn-info.btn-simple .caret{border-top-color:#fff}.btn-info .caret,.navbar .navbar-nav>li>a.btn.btn-info .caret{border-top-color:#68b3c8}.btn.btn-disabled,.btn.disabled,.btn:disabled,.btn[disabled]{opacity:.5;filter:alpha(opacity=50)}.btn-disabled{cursor:default}.btn-simple{border:0;padding:6px 12px}.btn-wd,.navbar .navbar-nav>li>a.btn.btn-wd{min-width:140px}.btn-group.select{width:100%}.btn-group.select .btn{text-align:left}.btn-group.select .caret{position:absolute;top:50%;margin-top:-1px;right:8px}.vue-tab-wizard .nav-pills{margin-top:0;position:relative;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.vue-tab-wizard .nav-pills a,.vue-tab-wizard .nav-pills li{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-positive:1;flex-grow:1}.vue-tab-wizard .nav-pills a{display:-webkit-box;display:-ms-flexbox;display:flex}.vue-tab-wizard .nav-pills>li+li{margin-left:0}.vue-tab-wizard .nav-pills>li>a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:0;margin:0 auto;color:rgba(0,0,0,.2);position:relative;top:3px;z-index:100}.vue-tab-wizard .nav-pills>li>a:focus,.vue-tab-wizard .nav-pills>li>a:hover{background-color:transparent;color:rgba(0,0,0,.2);outline:0!important;cursor:pointer}.vue-tab-wizard .nav-pills>li.active>a,.vue-tab-wizard .nav-pills>li.active>a:focus,.vue-tab-wizard .nav-pills>li.active>a:hover{background-color:transparent;transition:font-size .2s linear}.vue-tab-wizard .nav-pills>li.active>a .icon,.vue-tab-wizard .nav-pills>li.active>a:focus .icon,.vue-tab-wizard .nav-pills>li.active>a:hover .icon{color:#fff;font-size:24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;transition:all .2s linear}.vue-tab-wizard{padding-bottom:20px}.vue-tab-wizard .icon-circle{font-size:18px;border:3px solid #f3f2ee;border-radius:50%;font-weight:600;width:70px;height:70px;background-color:#fff;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center}.vue-tab-wizard .icon-circle.square_shape{border-radius:0}.vue-tab-wizard .icon-circle.tab_shape{width:100%;min-width:100px;height:40px;border:none;background-color:#f3f2ee;border-radius:0}.vue-tab-wizard .icon-circle .icon-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-flex:1;-ms-flex:1;flex:1;border-radius:40%}.vue-tab-wizard .icon-circle .icon-container.square_shape,.vue-tab-wizard .icon-circle .icon-container.tab_shape{border-radius:0}.vue-tab-wizard .icon-circle .icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.vue-tab-wizard .tab-content{min-height:100px;padding:30px 20px 10px}.vue-tab-wizard .card-footer{padding:0 20px}.vue-tab-wizard .wizard-header{padding:15px;position:relative;border-radius:3px 3px 0 0;z-index:3;text-align:center}.vue-tab-wizard .wizard-title{color:#252422;font-weight:300;margin:0;text-align:center}.vue-tab-wizard .category{font-size:14px;font-weight:400;color:#9a9a9a;margin-bottom:0;text-align:center}.vue-tab-wizard .wizard-navigation .progress-with-circle{position:relative;top:40px;z-index:50;height:4px}.vue-tab-wizard .wizard-navigation .progress-with-circle .progress-bar{box-shadow:none;transition:width .3s ease}.fade-enter-active,.fade-leave-active{transition:opacity .15s}.fade-enter,.fade-leave-to{opacity:0} |