wizard.css 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384
  1. .display-none {
  2. display: none;
  3. }
  4. .wizard-buttons {
  5. background-color: #F5F5F5;
  6. border-top: 1px solid #E5E5E5;
  7. margin-top: 20px;
  8. padding: 20px 10px;
  9. }
  10. .wizard-form .progress {
  11. margin-bottom: 30px;
  12. }
  13. .wizard-form .steps {
  14. background-image: none !important;
  15. filter:none !important;
  16. border: 0px;
  17. box-shadow: none !important;
  18. padding: 10px 0;
  19. background-color: #70AFC4;
  20. border-radius: 4px 4px 0 0;
  21. }
  22. .wizard-form .steps li a {
  23. background-color: #70AFC4;
  24. background-image: none !important;
  25. filter:none !important;
  26. color: #3C7786;
  27. border: 0px;
  28. box-shadow: none !important;
  29. }
  30. .wizard-form .steps li a:hover, .wizard-form .steps li a:focus{
  31. background-color: #70AFC4;
  32. color: #3C7786;
  33. }
  34. .wizard-form .wiz-step:hover {
  35. text-decoration: none;
  36. }
  37. .wizard-form .wiz-step .step-number {
  38. background-color: #3C7786;
  39. display: inline-block;
  40. font-weight: 600;
  41. padding: 5px 10px !important;
  42. margin-right: 10px;
  43. font-size: 11px;
  44. color: #FFFFFF;
  45. -webkit-border-radius: 4px !important;
  46. -moz-border-radius: 4px !important;
  47. border-radius: 4px !important;
  48. }
  49. .wizard-form .wiz-step .step-name {
  50. display: inline-block;
  51. font-weight: 600;
  52. text-transform: uppercase;
  53. color: #FFFFF;
  54. }
  55. .wizard-form .active .wiz-step .step-number {
  56. color: #3C7786;
  57. background-color: #fff;
  58. }
  59. .wizard-form .active .wiz-step .step-name {
  60. font-weight: 600;
  61. color: #fff;
  62. }
  63. .wizard-form .wiz-step i {
  64. display: none;
  65. }
  66. .wizard-form .done .wiz-step .step-name {
  67. font-weight: 600;
  68. }
  69. .wizard-form .done .wiz-step i {
  70. font-size: 12px;
  71. font-weight: normal;
  72. color: #FFFFFF;
  73. display: inline-block;
  74. }