/* Plugin - Bootstrap Wizard */
.bwizard-steps {
font-size: 14px !important;
border-radius: 3px !important;
overflow: hidden !important;
display: table !important;
width: 100% !important;
}
.bwizard-steps li:before,
.bwizard-steps li:after {
border: none !important;
}
.bwizard-steps li {
float: none !important;
display: table-cell !important;
padding: 15px !important;
line-height: 20px !important;
background: @silver !important;
border-radius: 0 !important;
}
.bwizard-steps li:hover,
.bwizard-steps li:focus {
background: #d3dadf !important;
}
.bwizard-steps.clickable li:hover:not(.active) a,
.bwizard-steps.clickable li:focus:not(.active) a {
color: #333 !important;
}
.bwizard-steps li small {
font-size: 11px !important;
color: #999 !important;
display: block !important;
line-height: 14px !important;
}
.bwizard-steps li a {
margin-left: 30px !important;
display: block !important;
text-decoration: none !important;
}
.bwizard-steps .label {
float: left !important;
padding: 0 !important;
height: 20px !important;
width: 20px !important;
line-height: 20px !important;
text-align: center !important;
margin-right: 10px !important;
top: 0 !important;
background: #6d7479 !important;
border-radius: 50% !important;
}
.bwizard-steps li.active,
.bwizard-steps li.active:hover,
.bwizard-steps li.active:focus {
background: @teal !important;
}
.bwizard-steps li.active small {
color: #b2e6e6 !important;
}
.bwizard-steps li.active .label {
background: rgba(0,0,0,0.2) !important;
}
|