form-wizard.min.css 5.7 KB

1
  1. .bs-stepper{background-color:#FFF;box-shadow:0 4px 24px 0 rgba(34,41,47,.1);border-radius:.5rem}.bs-stepper .bs-stepper-header{padding:1.5rem;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;border-bottom:1px solid rgba(34,41,47,.08);margin:0}.bs-stepper .bs-stepper-header .line{-webkit-box-flex:0;-webkit-flex:0;-ms-flex:0;flex:0;min-width:auto;min-height:auto;background-color:transparent;margin:0;padding:0 1.75rem;color:#6E6B7B;font-size:1.5rem}.bs-stepper .bs-stepper-header .step{margin-bottom:.25rem;margin-top:.25rem}.bs-stepper .bs-stepper-header .step .step-trigger{-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;padding:0;font-weight:400}.bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-box{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:38px;height:38px;padding:.5em 0;font-weight:500;color:#BABFC7;background-color:rgba(186,191,199,.12);border-radius:.35rem}.bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-label{text-align:left;margin:.5rem 0 0 1rem}.bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-label .bs-stepper-title{display:inherit;color:#6E6B7B;font-weight:600;line-height:1rem;margin-bottom:0}.bs-stepper.vertical .bs-stepper-content .content:not(.active),.bs-stepper.vertical .bs-stepper-header .line{display:none}.bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-label .bs-stepper-subtitle{font-weight:400;font-size:.85rem;color:#B9B9C3}.bs-stepper .bs-stepper-header .step .step-trigger:hover{background-color:transparent}.bs-stepper .bs-stepper-header .step.active .step-trigger .bs-stepper-box{background-color:#7367F0;color:#FFF;box-shadow:0 3px 6px 0 rgba(115,103,240,.4)}.bs-stepper .bs-stepper-header .step.active .step-trigger .bs-stepper-label .bs-stepper-title{color:#7367F0}.bs-stepper .bs-stepper-header .step.crossed .step-trigger .bs-stepper-box{background-color:rgba(115,103,240,.12);color:#7367F0!important}.bs-stepper .bs-stepper-header .step.crossed .step-trigger .bs-stepper-label .bs-stepper-title{color:#B9B9C3}.bs-stepper .bs-stepper-header .step.crossed+.line{color:#7367F0}.bs-stepper .bs-stepper-content{padding:1.5rem}.bs-stepper .bs-stepper-content .content{margin-left:0}.bs-stepper .bs-stepper-content .content .content-header{margin-bottom:1rem}.bs-stepper.vertical .bs-stepper-header{border-right:1px solid #EBE9F1;border-bottom:none}.bs-stepper.vertical .bs-stepper-header .step .step-trigger{padding:1rem 0}.bs-stepper.vertical .bs-stepper-content{width:100%;padding-top:2.5rem}.bs-stepper.vertical.wizard-icons .step{text-align:center}.bs-stepper.wizard-modern{background-color:transparent;box-shadow:none}.bs-stepper.wizard-modern .bs-stepper-header{border:none}.bs-stepper.wizard-modern .bs-stepper-content{background-color:#FFF;border-radius:.5rem;box-shadow:0 4px 24px 0 rgba(34,41,47,.1)}.horizontal-wizard,.modern-horizontal-wizard,.modern-vertical-wizard,.vertical-wizard{margin-bottom:2.2rem}.dark-layout .bs-stepper{background-color:#283046;box-shadow:0 4px 24px 0 rgba(34,41,47,.24)}.dark-layout .bs-stepper .bs-stepper-header{border-bottom:1px solid rgba(59,66,83,.08)}.dark-layout .bs-stepper .bs-stepper-header .line{color:#B4B7BD}.dark-layout .bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-box{color:#BABFC7}.dark-layout .bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-label .bs-stepper-title{color:#B4B7BD}.dark-layout .bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-label .bs-stepper-subtitle{color:#676D7D}.dark-layout .bs-stepper .bs-stepper-header .step.active .step-trigger .bs-stepper-box{background-color:#7367F0;color:#FFF;box-shadow:0 3px 6px 0 rgba(115,103,240,.4)}.dark-layout .bs-stepper .bs-stepper-header .step.active .step-trigger .bs-stepper-label .bs-stepper-title{color:#7367F0}.dark-layout .bs-stepper .bs-stepper-header .step.crossed .step-trigger .bs-stepper-label,.dark-layout .bs-stepper .bs-stepper-header .step.crossed .step-trigger .bs-stepper-title{color:#676D7D}.dark-layout .bs-stepper.vertical .bs-stepper-header{border-right-color:#3B4253}.dark-layout .bs-stepper.wizard-modern{background-color:transparent;box-shadow:none}.dark-layout .bs-stepper.wizard-modern .bs-stepper-header{border:none}.dark-layout .bs-stepper.wizard-modern .bs-stepper-content{background-color:#283046;box-shadow:0 4px 24px 0 rgba(34,41,47,.24)}html[data-textdirection=rtl] .btn-next,html[data-textdirection=rtl] .btn-prev{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}html[data-textdirection=rtl] .btn-next i,html[data-textdirection=rtl] .btn-next svg,html[data-textdirection=rtl] .btn-prev i,html[data-textdirection=rtl] .btn-prev svg{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg)}@media (max-width:992px){.bs-stepper .bs-stepper-header{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.bs-stepper .bs-stepper-header .step .step-trigger{padding:.5rem 0!important;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.bs-stepper .bs-stepper-header .line{display:none}.bs-stepper.vertical{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.bs-stepper.vertical .bs-stepper-header{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.bs-stepper.vertical .bs-stepper-content{padding-top:1.5rem}}