.display-none { display: none; } .wizard-buttons { background-color: #F5F5F5; border-top: 1px solid #E5E5E5; margin-top: 20px; padding: 20px 10px; } .wizard-form .progress { margin-bottom: 30px; } .wizard-form .steps { background-image: none !important; filter:none !important; border: 0px; box-shadow: none !important; padding: 10px 0; background-color: #70AFC4; border-radius: 4px 4px 0 0; } .wizard-form .steps li a { background-color: #70AFC4; background-image: none !important; filter:none !important; color: #3C7786; border: 0px; box-shadow: none !important; } .wizard-form .steps li a:hover, .wizard-form .steps li a:focus{ background-color: #70AFC4; color: #3C7786; } .wizard-form .wiz-step:hover { text-decoration: none; } .wizard-form .wiz-step .step-number { background-color: #3C7786; display: inline-block; font-weight: 600; padding: 5px 10px !important; margin-right: 10px; font-size: 11px; color: #FFFFFF; -webkit-border-radius: 4px !important; -moz-border-radius: 4px !important; border-radius: 4px !important; } .wizard-form .wiz-step .step-name { display: inline-block; font-weight: 600; text-transform: uppercase; color: #FFFFF; } .wizard-form .active .wiz-step .step-number { color: #3C7786; background-color: #fff; } .wizard-form .active .wiz-step .step-name { font-weight: 600; color: #fff; } .wizard-form .wiz-step i { display: none; } .wizard-form .done .wiz-step .step-name { font-weight: 600; } .wizard-form .done .wiz-step i { font-size: 12px; font-weight: normal; color: #FFFFFF; display: inline-block; }