wizard_custom.scss 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889
  1. .custom-wizard {
  2. background-color: initial;
  3. .wizard-step-description {
  4. line-height: 1.7;
  5. }
  6. .wizard-column .wizard-step-banner {
  7. width: initial;
  8. max-width: 660px;
  9. }
  10. .control-group {
  11. display: inline-block;
  12. vertical-align: top;
  13. margin-right: 20px;
  14. .controls {
  15. margin: 5px 0;
  16. }
  17. input {
  18. width: 200px;
  19. line-height: 24px;
  20. }
  21. }
  22. .wizard-step-form .wizard-btn {
  23. display: block;
  24. margin: 10px 0;
  25. }
  26. .wizard-column .wizard-field .input-area {
  27. margin: 0.5em 0;
  28. }
  29. }
  30. .p-list-box {
  31. max-width: 550px;
  32. position: relative;
  33. margin: 10px 0;
  34. .spinner {
  35. position: absolute;
  36. right: 50%;
  37. top: 50%;
  38. }
  39. .p-text {
  40. margin-bottom: 5px;
  41. }
  42. ul {
  43. border: 1px solid #e9e9e9;
  44. padding: 0;
  45. margin: 0;
  46. list-style: none;
  47. height: 95px;
  48. overflow: scroll;
  49. }
  50. li {
  51. padding: 6px 12px;
  52. cursor: pointer;
  53. background-color: #fff;
  54. &:hover, &.selected {
  55. background-color: #eee;
  56. }
  57. i {
  58. margin-right: 5px;
  59. }
  60. }
  61. .no-results {
  62. padding: 15px;
  63. }
  64. .default {
  65. margin: 0 auto;
  66. top: 50%;
  67. transform: translateY(-50%);
  68. position: absolute;
  69. width: 100%;
  70. text-align: center;
  71. color: #919191;
  72. }
  73. }