@mdsfe/mds-ui 0.4.0-rc.7 → 0.4.0-rc.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (108) hide show
  1. package/dist/badge.js +2 -2
  2. package/dist/bordershadow.js +2 -2
  3. package/dist/carousel.js +2 -2
  4. package/dist/cascader.js +4 -4
  5. package/dist/cascaderpanel.js +16 -16
  6. package/dist/collapse.js +2 -2
  7. package/dist/divider.js +2 -2
  8. package/dist/drawer.js +4 -4
  9. package/dist/empty.js +2 -2
  10. package/dist/font/full-star.b5fdf00.png +0 -0
  11. package/dist/font/half-star.2625512.png +0 -0
  12. package/dist/font/zero-star.177c19c.png +0 -0
  13. package/dist/form.js +2 -2
  14. package/dist/icon.js +13 -4
  15. package/dist/index.js +5 -5
  16. package/dist/input.js +2 -2
  17. package/dist/inputnumber.js +2 -2
  18. package/dist/layout.js +2 -2
  19. package/dist/list.js +2 -2
  20. package/dist/loading.js +2 -2
  21. package/dist/mds-ui.min.css +1 -1
  22. package/dist/mds-ui.min.js +139 -127
  23. package/dist/menu.js +4 -4
  24. package/dist/message.js +2 -2
  25. package/dist/modal.js +2 -2
  26. package/dist/notification.js +8 -8
  27. package/dist/pagination.js +4 -4
  28. package/dist/popconfirm.js +2 -2
  29. package/dist/popover.js +2 -2
  30. package/dist/progress.js +2 -2
  31. package/dist/radio.js +2 -2
  32. package/dist/rate.js +2 -2
  33. package/dist/select.js +7 -7
  34. package/dist/slider.js +2 -2
  35. package/dist/slottable.js +7 -7
  36. package/dist/steps.js +2 -2
  37. package/dist/style/affix.css +10 -1
  38. package/dist/style/alert.css +138 -1
  39. package/dist/style/anchor.css +58 -1
  40. package/dist/style/avatar.css +73 -1
  41. package/dist/style/backtop.css +34 -1
  42. package/dist/style/badge.css +141 -1
  43. package/dist/style/bordershadow.css +42 -1
  44. package/dist/style/breadcrumb.css +37 -1
  45. package/dist/style/button.css +2172 -1
  46. package/dist/style/card.css +156 -1
  47. package/dist/style/carousel.css +217 -1
  48. package/dist/style/cascader.css +214 -1
  49. package/dist/style/cascaderpanel.css +122 -1
  50. package/dist/style/checkbox.css +186 -1
  51. package/dist/style/col.css +2607 -1
  52. package/dist/style/collapse.css +79 -1
  53. package/dist/style/color.css +622 -1
  54. package/dist/style/datepicker.css +542 -1
  55. package/dist/style/divider.css +47 -1
  56. package/dist/style/drawer.css +254 -1
  57. package/dist/style/dropdown.css +274 -1
  58. package/dist/style/empty.css +49 -1
  59. package/dist/style/font.css +45 -1
  60. package/dist/style/form.css +148 -1
  61. package/dist/style/icon.css +5625 -1
  62. package/dist/style/index.css +1 -1
  63. package/dist/style/input.css +760 -1
  64. package/dist/style/inputnumber.css +314 -1
  65. package/dist/style/layout.css +58 -1
  66. package/dist/style/list.css +141 -1
  67. package/dist/style/loading.css +2329 -1
  68. package/dist/style/menu.css +658 -1
  69. package/dist/style/message.css +191 -1
  70. package/dist/style/modal.css +123 -1
  71. package/dist/style/notification.css +192 -1
  72. package/dist/style/pagination.css +1190 -1
  73. package/dist/style/popconfirm.css +65 -1
  74. package/dist/style/popover.css +138 -1
  75. package/dist/style/progress.css +179 -1
  76. package/dist/style/radio.css +255 -1
  77. package/dist/style/rate.css +81 -1
  78. package/dist/style/row.css +2607 -1
  79. package/dist/style/select.css +221 -1
  80. package/dist/style/slider.css +80 -1
  81. package/dist/style/slottable.css +296 -1
  82. package/dist/style/steps.css +586 -1
  83. package/dist/style/switch.css +110 -1
  84. package/dist/style/table.css +2778 -1
  85. package/dist/style/tabs.css +518 -1
  86. package/dist/style/tag.css +421 -1
  87. package/dist/style/text.css +122 -1
  88. package/dist/style/timeline.css +88 -1
  89. package/dist/style/timepicker.css +393 -1
  90. package/dist/style/tooltip.css +161 -1
  91. package/dist/style/transfer.css +206 -1
  92. package/dist/style/transition.css +1413 -1
  93. package/dist/style/tree.css +84 -1
  94. package/dist/style/typography.css +126 -1
  95. package/dist/style/upload.css +320 -1
  96. package/dist/switch.js +2 -2
  97. package/dist/table.js +9 -9
  98. package/dist/tabs.js +2 -2
  99. package/dist/tag.js +2 -2
  100. package/dist/text.js +2 -2
  101. package/dist/timeline.js +2 -2
  102. package/dist/timepicker.js +2 -2
  103. package/dist/tooltip.js +2 -2
  104. package/dist/transfer.js +6 -6
  105. package/dist/transition.js +2 -2
  106. package/dist/tree.js +2 -2
  107. package/dist/typography.js +2 -2
  108. package/package.json +1 -1
@@ -1 +1,2778 @@
1
- .mds-btn{display:inline-block;margin-bottom:0;font-weight:400;text-align:center;touch-action:manipulation;cursor:pointer;background-image:none;border:1px solid #d8dce6;white-space:nowrap;line-height:1.15;padding:0 15px;font-size:14px;border-radius:4px;height:36px;user-select:none;transition:all .3s cubic-bezier(.645,.045,.355,1);position:relative;color:#666;background-color:#fff;border-color:#d9d9d9}.mds-btn>.mdsicon{line-height:1.3}.mds-btn,.mds-btn:active,.mds-btn:focus{outline:0}.mds-btn:not([disabled]):hover{text-decoration:none}.mds-btn:not([disabled]):active{outline:0;transition:none}.mds-btn.disabled,.mds-btn[disabled]{cursor:not-allowed}.mds-btn.disabled>*,.mds-btn[disabled]>*{pointer-events:none}.mds-btn-lg{padding:0 19px;font-size:20px;border-radius:4px;height:40px}.mds-btn-sm{padding:0 11px;font-size:14px;border-radius:4px;height:32px}.mds-btn-sm>.mdsicon+span,.mds-btn-sm>span+.mdsicon{margin-left:0!important}.mds-btn-ls{padding:0 7px;font-size:12px;border-radius:4px;height:28px}.mds-btn-ls>.mdsicon+span,.mds-btn-ls>span+.mdsicon{margin-left:0!important}.mds-btn:focus,.mds-btn:hover{color:#0364ff;background-color:#fff;border-color:#0364ff}.mds-btn:focus>a:only-child,.mds-btn:hover>a:only-child{color:currentColor}.mds-btn:focus>a:only-child:after,.mds-btn:hover>a:only-child:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:transparent}.mds-btn.active,.mds-btn:active{color:#0252dd;background-color:#fff;border-color:#0252dd}.mds-btn.active>a:only-child,.mds-btn:active>a:only-child{color:currentColor}.mds-btn.active>a:only-child:after,.mds-btn:active>a:only-child:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:transparent}.mds-btn.disabled,.mds-btn.disabled.active,.mds-btn.disabled:active,.mds-btn.disabled:focus,.mds-btn.disabled:hover,.mds-btn[disabled],.mds-btn[disabled].active,.mds-btn[disabled]:active,.mds-btn[disabled]:focus,.mds-btn[disabled]:hover{color:rgba(0,0,0,.2);background-color:#f7f7f7;border-color:#d9d9d9}.mds-btn.disabled.active>a:only-child,.mds-btn.disabled:active>a:only-child,.mds-btn.disabled:focus>a:only-child,.mds-btn.disabled:hover>a:only-child,.mds-btn.disabled>a:only-child,.mds-btn[disabled].active>a:only-child,.mds-btn[disabled]:active>a:only-child,.mds-btn[disabled]:focus>a:only-child,.mds-btn[disabled]:hover>a:only-child,.mds-btn[disabled]>a:only-child{color:currentColor}.mds-btn.disabled.active>a:only-child:after,.mds-btn.disabled:active>a:only-child:after,.mds-btn.disabled:focus>a:only-child:after,.mds-btn.disabled:hover>a:only-child:after,.mds-btn.disabled>a:only-child:after,.mds-btn[disabled].active>a:only-child:after,.mds-btn[disabled]:active>a:only-child:after,.mds-btn[disabled]:focus>a:only-child:after,.mds-btn[disabled]:hover>a:only-child:after,.mds-btn[disabled]>a:only-child:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:transparent}.mds-btn>a:only-child{color:currentColor}.mds-btn>a:only-child:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:transparent}.mds-btn.active,.mds-btn:active,.mds-btn:focus,.mds-btn:hover{background:#fff}.mds-btn+.mds-btn{margin-left:8px}.mds-btn>i{margin-left:0}.mds-btn>i,.mds-btn>span{pointer-events:none}.mds-btn-sm.mds-btn:not(.mds-btn-circle):not(.mds-btn-circle-outline).mds-btn-icon-only{padding-left:11px;padding-right:9px}.mds-btn-sm.mds-btn:not(.mds-btn-circle):not(.mds-btn-circle-outline).mds-btn-icon-only>i{pointer-events:none;margin-left:-4px}.mds-btn-lg.mds-btn:not(.mds-btn-circle):not(.mds-btn-circle-outline).mds-btn-icon-only{padding-left:14px;padding-right:12px}.mds-btn-lg.mds-btn:not(.mds-btn-circle):not(.mds-btn-circle-outline).mds-btn-icon-only>i{pointer-events:none;margin-left:-4px}.mds-btn-ls.mds-btn:not(.mds-btn-circle):not(.mds-btn-circle-outline).mds-btn-icon-only{padding-left:9px;padding-right:7px}.mds-btn-ls.mds-btn:not(.mds-btn-circle):not(.mds-btn-circle-outline).mds-btn-icon-only>i{pointer-events:none;margin-left:-2px}.mds-btn-primary{color:#fff;background-color:#0364ff;border-color:#0364ff}.mds-btn-primary>a:only-child{color:currentColor}.mds-btn-primary>a:only-child:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:transparent}.mds-btn-primary:focus,.mds-btn-primary:hover{color:#fff;background-color:#3f89ff;border-color:#1770ff}.mds-btn-primary:focus>a:only-child,.mds-btn-primary:hover>a:only-child{color:currentColor}.mds-btn-primary:focus>a:only-child:after,.mds-btn-primary:hover>a:only-child:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:transparent}.mds-btn-primary.active,.mds-btn-primary:active{color:#fff;background-color:#0252dd;border-color:#0364ff}.mds-btn-primary.active>a:only-child,.mds-btn-primary:active>a:only-child{color:currentColor}.mds-btn-primary.active>a:only-child:after,.mds-btn-primary:active>a:only-child:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:transparent}.mds-btn-primary.disabled,.mds-btn-primary.disabled.active,.mds-btn-primary.disabled:active,.mds-btn-primary.disabled:focus,.mds-btn-primary.disabled:hover,.mds-btn-primary[disabled],.mds-btn-primary[disabled].active,.mds-btn-primary[disabled]:active,.mds-btn-primary[disabled]:focus,.mds-btn-primary[disabled]:hover{color:rgba(0,0,0,.2);background-color:#f7f7f7;border-color:#d9d9d9}.mds-btn-primary.disabled.active>a:only-child,.mds-btn-primary.disabled:active>a:only-child,.mds-btn-primary.disabled:focus>a:only-child,.mds-btn-primary.disabled:hover>a:only-child,.mds-btn-primary.disabled>a:only-child,.mds-btn-primary[disabled].active>a:only-child,.mds-btn-primary[disabled]:active>a:only-child,.mds-btn-primary[disabled]:focus>a:only-child,.mds-btn-primary[disabled]:hover>a:only-child,.mds-btn-primary[disabled]>a:only-child{color:currentColor}.mds-btn-primary.disabled.active>a:only-child:after,.mds-btn-primary.disabled:active>a:only-child:after,.mds-btn-primary.disabled:focus>a:only-child:after,.mds-btn-primary.disabled:hover>a:only-child:after,.mds-btn-primary.disabled>a:only-child:after,.mds-btn-primary[disabled].active>a:only-child:after,.mds-btn-primary[disabled]:active>a:only-child:after,.mds-btn-primary[disabled]:focus>a:only-child:after,.mds-btn-primary[disabled]:hover>a:only-child:after,.mds-btn-primary[disabled]>a:only-child:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:transparent}.mds-btn-primary:focus{border-color:#0152dd!important}.mds-btn-group .mds-btn-primary:not(:first-child):not(:last-child){border-right-color:#0252dd;border-left-color:#0252dd}.mds-btn-group .mds-btn-primary:not(:first-child):not(:last-child):disabled{border-color:#d9d9d9}.mds-btn-group .mds-btn-primary:first-child:not(:last-child){border-right-color:#6d9deb}.mds-btn-group .mds-btn-primary:first-child:not(:last-child)[disabled]{border-right-color:#d9d9d9}.mds-btn-group .mds-btn-primary+.mds-btn-primary,.mds-btn-group .mds-btn-primary:last-child:not(:first-child){border-left-color:#6d9deb}.mds-btn-group .mds-btn-primary+.mds-btn-primary[disabled],.mds-btn-group .mds-btn-primary:last-child:not(:first-child)[disabled]{border-left-color:#d9d9d9}.mds-btn-primary span{color:inherit}.mds-btn-ghost{color:#666;background-color:transparent;border-color:#d9d9d9;background:#bec8c8;padding:20px}.mds-btn-ghost>a:only-child{color:currentColor}.mds-btn-ghost>a:only-child:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:transparent}.mds-btn-ghost:focus,.mds-btn-ghost:hover{color:#0364ff;background-color:transparent;border-color:#0364ff}.mds-btn-ghost:focus>a:only-child,.mds-btn-ghost:hover>a:only-child{color:currentColor}.mds-btn-ghost:focus>a:only-child:after,.mds-btn-ghost:hover>a:only-child:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:transparent}.mds-btn-ghost.active,.mds-btn-ghost:active{color:#0252dd;background-color:transparent;border-color:#0252dd}.mds-btn-ghost.active>a:only-child,.mds-btn-ghost:active>a:only-child{color:currentColor}.mds-btn-ghost.active>a:only-child:after,.mds-btn-ghost:active>a:only-child:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:transparent}.mds-btn-ghost.disabled,.mds-btn-ghost.disabled.active,.mds-btn-ghost.disabled:active,.mds-btn-ghost.disabled:focus,.mds-btn-ghost.disabled:hover,.mds-btn-ghost[disabled],.mds-btn-ghost[disabled].active,.mds-btn-ghost[disabled]:active,.mds-btn-ghost[disabled]:focus,.mds-btn-ghost[disabled]:hover{color:rgba(0,0,0,.2);background-color:#f7f7f7;border-color:#d9d9d9}.mds-btn-ghost.disabled.active>a:only-child,.mds-btn-ghost.disabled:active>a:only-child,.mds-btn-ghost.disabled:focus>a:only-child,.mds-btn-ghost.disabled:hover>a:only-child,.mds-btn-ghost.disabled>a:only-child,.mds-btn-ghost[disabled].active>a:only-child,.mds-btn-ghost[disabled]:active>a:only-child,.mds-btn-ghost[disabled]:focus>a:only-child,.mds-btn-ghost[disabled]:hover>a:only-child,.mds-btn-ghost[disabled]>a:only-child{color:currentColor}.mds-btn-ghost.disabled.active>a:only-child:after,.mds-btn-ghost.disabled:active>a:only-child:after,.mds-btn-ghost.disabled:focus>a:only-child:after,.mds-btn-ghost.disabled:hover>a:only-child:after,.mds-btn-ghost.disabled>a:only-child:after,.mds-btn-ghost[disabled].active>a:only-child:after,.mds-btn-ghost[disabled]:active>a:only-child:after,.mds-btn-ghost[disabled]:focus>a:only-child:after,.mds-btn-ghost[disabled]:hover>a:only-child:after,.mds-btn-ghost[disabled]>a:only-child:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:transparent}.mds-btn-ghost .margin{margin-top:10px}.mds-btn-dashed{color:#666;background-color:#fff;border-color:#d9d9d9;border-style:dashed}.mds-btn-dashed>a:only-child{color:currentColor}.mds-btn-dashed>a:only-child:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:transparent}.mds-btn-dashed:focus,.mds-btn-dashed:hover{color:#0364ff;background-color:#fff;border-color:#0364ff}.mds-btn-dashed:focus>a:only-child,.mds-btn-dashed:hover>a:only-child{color:currentColor}.mds-btn-dashed:focus>a:only-child:after,.mds-btn-dashed:hover>a:only-child:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:transparent}.mds-btn-dashed.active,.mds-btn-dashed:active{color:#0252dd;background-color:#fff;border-color:#0252dd}.mds-btn-dashed.active>a:only-child,.mds-btn-dashed:active>a:only-child{color:currentColor}.mds-btn-dashed.active>a:only-child:after,.mds-btn-dashed:active>a:only-child:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:transparent}.mds-btn-dashed.disabled,.mds-btn-dashed.disabled.active,.mds-btn-dashed.disabled:active,.mds-btn-dashed.disabled:focus,.mds-btn-dashed.disabled:hover,.mds-btn-dashed[disabled],.mds-btn-dashed[disabled].active,.mds-btn-dashed[disabled]:active,.mds-btn-dashed[disabled]:focus,.mds-btn-dashed[disabled]:hover{color:rgba(0,0,0,.2);background-color:#f7f7f7;border-color:#d9d9d9}.mds-btn-dashed.disabled.active>a:only-child,.mds-btn-dashed.disabled:active>a:only-child,.mds-btn-dashed.disabled:focus>a:only-child,.mds-btn-dashed.disabled:hover>a:only-child,.mds-btn-dashed.disabled>a:only-child,.mds-btn-dashed[disabled].active>a:only-child,.mds-btn-dashed[disabled]:active>a:only-child,.mds-btn-dashed[disabled]:focus>a:only-child,.mds-btn-dashed[disabled]:hover>a:only-child,.mds-btn-dashed[disabled]>a:only-child{color:currentColor}.mds-btn-dashed.disabled.active>a:only-child:after,.mds-btn-dashed.disabled:active>a:only-child:after,.mds-btn-dashed.disabled:focus>a:only-child:after,.mds-btn-dashed.disabled:hover>a:only-child:after,.mds-btn-dashed.disabled>a:only-child:after,.mds-btn-dashed[disabled].active>a:only-child:after,.mds-btn-dashed[disabled]:active>a:only-child:after,.mds-btn-dashed[disabled]:focus>a:only-child:after,.mds-btn-dashed[disabled]:hover>a:only-child:after,.mds-btn-dashed[disabled]>a:only-child:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:transparent}.mds-btn-danger{color:#fff;background-color:#e33;border-color:#e33}.mds-btn-danger>a:only-child{color:currentColor}.mds-btn-danger>a:only-child:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:transparent}.mds-btn-danger:focus,.mds-btn-danger:hover{color:#fff;background-color:#ef4747;border-color:#ef4747}.mds-btn-danger:focus>a:only-child,.mds-btn-danger:hover>a:only-child{color:currentColor}.mds-btn-danger:focus>a:only-child:after,.mds-btn-danger:hover>a:only-child:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:transparent}.mds-btn-danger.active,.mds-btn-danger:active{color:#fff;background-color:#d52d2d;border-color:#d52d2d}.mds-btn-danger.active>a:only-child,.mds-btn-danger:active>a:only-child{color:currentColor}.mds-btn-danger.active>a:only-child:after,.mds-btn-danger:active>a:only-child:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:transparent}.mds-btn-danger.disabled,.mds-btn-danger.disabled.active,.mds-btn-danger.disabled:active,.mds-btn-danger.disabled:focus,.mds-btn-danger.disabled:hover,.mds-btn-danger[disabled],.mds-btn-danger[disabled].active,.mds-btn-danger[disabled]:active,.mds-btn-danger[disabled]:focus,.mds-btn-danger[disabled]:hover{color:rgba(0,0,0,.2);background-color:#f7f7f7;border-color:#d9d9d9}.mds-btn-danger.disabled.active>a:only-child,.mds-btn-danger.disabled:active>a:only-child,.mds-btn-danger.disabled:focus>a:only-child,.mds-btn-danger.disabled:hover>a:only-child,.mds-btn-danger.disabled>a:only-child,.mds-btn-danger[disabled].active>a:only-child,.mds-btn-danger[disabled]:active>a:only-child,.mds-btn-danger[disabled]:focus>a:only-child,.mds-btn-danger[disabled]:hover>a:only-child,.mds-btn-danger[disabled]>a:only-child{color:currentColor}.mds-btn-danger.disabled.active>a:only-child:after,.mds-btn-danger.disabled:active>a:only-child:after,.mds-btn-danger.disabled:focus>a:only-child:after,.mds-btn-danger.disabled:hover>a:only-child:after,.mds-btn-danger.disabled>a:only-child:after,.mds-btn-danger[disabled].active>a:only-child:after,.mds-btn-danger[disabled]:active>a:only-child:after,.mds-btn-danger[disabled]:focus>a:only-child:after,.mds-btn-danger[disabled]:hover>a:only-child:after,.mds-btn-danger[disabled]>a:only-child:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:transparent}.mds-btn-normal{color:#0364ff;background-color:#fff;border-color:#fff}.mds-btn-normal>a:only-child{color:currentColor}.mds-btn-normal>a:only-child:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:transparent}.mds-btn-normal:focus,.mds-btn-normal:hover{color:#0364ff;background-color:#e6f0ff;border-color:#fff}.mds-btn-normal:focus>a:only-child,.mds-btn-normal:hover>a:only-child{color:currentColor}.mds-btn-normal:focus>a:only-child:after,.mds-btn-normal:hover>a:only-child:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:transparent}.mds-btn-normal.active,.mds-btn-normal:active{color:#0252dd;background-color:#fff;border-color:#fff}.mds-btn-normal.active>a:only-child,.mds-btn-normal:active>a:only-child{color:currentColor}.mds-btn-normal.active>a:only-child:after,.mds-btn-normal:active>a:only-child:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:transparent}.mds-btn-normal.disabled,.mds-btn-normal.disabled.active,.mds-btn-normal.disabled:active,.mds-btn-normal.disabled:focus,.mds-btn-normal.disabled:hover,.mds-btn-normal[disabled],.mds-btn-normal[disabled].active,.mds-btn-normal[disabled]:active,.mds-btn-normal[disabled]:focus,.mds-btn-normal[disabled]:hover{color:rgba(0,0,0,.2);background-color:#f7f7f7;border-color:#d9d9d9}.mds-btn-normal.disabled.active>a:only-child,.mds-btn-normal.disabled:active>a:only-child,.mds-btn-normal.disabled:focus>a:only-child,.mds-btn-normal.disabled:hover>a:only-child,.mds-btn-normal.disabled>a:only-child,.mds-btn-normal[disabled].active>a:only-child,.mds-btn-normal[disabled]:active>a:only-child,.mds-btn-normal[disabled]:focus>a:only-child,.mds-btn-normal[disabled]:hover>a:only-child,.mds-btn-normal[disabled]>a:only-child{color:currentColor}.mds-btn-normal.disabled.active>a:only-child:after,.mds-btn-normal.disabled:active>a:only-child:after,.mds-btn-normal.disabled:focus>a:only-child:after,.mds-btn-normal.disabled:hover>a:only-child:after,.mds-btn-normal.disabled>a:only-child:after,.mds-btn-normal[disabled].active>a:only-child:after,.mds-btn-normal[disabled]:active>a:only-child:after,.mds-btn-normal[disabled]:focus>a:only-child:after,.mds-btn-normal[disabled]:hover>a:only-child:after,.mds-btn-normal[disabled]>a:only-child:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:transparent}.mds-btn-normal.disabled,.mds-btn-normal[disabled]{background-color:transparent;border:none}.mds-btn-normal.disabled.active,.mds-btn-normal.disabled:active,.mds-btn-normal.disabled:focus,.mds-btn-normal.disabled:hover,.mds-btn-normal[disabled].active,.mds-btn-normal[disabled]:active,.mds-btn-normal[disabled]:focus,.mds-btn-normal[disabled]:hover{background-color:#f7f7f7}.mds-btn-correct{color:#fff;background-color:#0a0;border-color:#0a0}.mds-btn-correct>a:only-child{color:currentColor}.mds-btn-correct>a:only-child:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:transparent}.mds-btn-correct:focus,.mds-btn-correct:hover{color:#fff;background-color:#3dbe3d;border-color:#1ab21a}.mds-btn-correct:focus>a:only-child,.mds-btn-correct:hover>a:only-child{color:currentColor}.mds-btn-correct:focus>a:only-child:after,.mds-btn-correct:hover>a:only-child:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:transparent}.mds-btn-correct.active,.mds-btn-correct:active{color:#fff;background-color:#009303;border-color:#009800}.mds-btn-correct.active>a:only-child,.mds-btn-correct:active>a:only-child{color:currentColor}.mds-btn-correct.active>a:only-child:after,.mds-btn-correct:active>a:only-child:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:transparent}.mds-btn-correct.disabled,.mds-btn-correct.disabled.active,.mds-btn-correct.disabled:active,.mds-btn-correct.disabled:focus,.mds-btn-correct.disabled:hover,.mds-btn-correct[disabled],.mds-btn-correct[disabled].active,.mds-btn-correct[disabled]:active,.mds-btn-correct[disabled]:focus,.mds-btn-correct[disabled]:hover{color:rgba(0,0,0,.2);background-color:#f7f7f7;border-color:#d9d9d9}.mds-btn-correct.disabled.active>a:only-child,.mds-btn-correct.disabled:active>a:only-child,.mds-btn-correct.disabled:focus>a:only-child,.mds-btn-correct.disabled:hover>a:only-child,.mds-btn-correct.disabled>a:only-child,.mds-btn-correct[disabled].active>a:only-child,.mds-btn-correct[disabled]:active>a:only-child,.mds-btn-correct[disabled]:focus>a:only-child,.mds-btn-correct[disabled]:hover>a:only-child,.mds-btn-correct[disabled]>a:only-child{color:currentColor}.mds-btn-correct.disabled.active>a:only-child:after,.mds-btn-correct.disabled:active>a:only-child:after,.mds-btn-correct.disabled:focus>a:only-child:after,.mds-btn-correct.disabled:hover>a:only-child:after,.mds-btn-correct.disabled>a:only-child:after,.mds-btn-correct[disabled].active>a:only-child:after,.mds-btn-correct[disabled]:active>a:only-child:after,.mds-btn-correct[disabled]:focus>a:only-child:after,.mds-btn-correct[disabled]:hover>a:only-child:after,.mds-btn-correct[disabled]>a:only-child:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:transparent}.mds-btn-correct:hover{border-color:#3cbe3c!important}.mds-btn-correct:focus{border-color:#019302!important}.mds-btn-warning{color:#fff;background-color:#ffcc01;border-color:#ffcc01}.mds-btn-warning>a:only-child{color:currentColor}.mds-btn-warning>a:only-child:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:transparent}.mds-btn-warning:focus,.mds-btn-warning:hover{color:#fff;background-color:#ffd83e;border-color:rgba(255,204,1,.5)}.mds-btn-warning:focus>a:only-child,.mds-btn-warning:hover>a:only-child{color:currentColor}.mds-btn-warning:focus>a:only-child:after,.mds-btn-warning:hover>a:only-child:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:transparent}.mds-btn-warning.active,.mds-btn-warning:active{color:#fff;background-color:#e0a601;border-color:rgba(255,204,1,.5)}.mds-btn-warning.active>a:only-child,.mds-btn-warning:active>a:only-child{color:currentColor}.mds-btn-warning.active>a:only-child:after,.mds-btn-warning:active>a:only-child:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:transparent}.mds-btn-warning.disabled,.mds-btn-warning.disabled.active,.mds-btn-warning.disabled:active,.mds-btn-warning.disabled:focus,.mds-btn-warning.disabled:hover,.mds-btn-warning[disabled],.mds-btn-warning[disabled].active,.mds-btn-warning[disabled]:active,.mds-btn-warning[disabled]:focus,.mds-btn-warning[disabled]:hover{color:rgba(0,0,0,.2);background-color:#f7f7f7;border-color:#d9d9d9}.mds-btn-warning.disabled.active>a:only-child,.mds-btn-warning.disabled:active>a:only-child,.mds-btn-warning.disabled:focus>a:only-child,.mds-btn-warning.disabled:hover>a:only-child,.mds-btn-warning.disabled>a:only-child,.mds-btn-warning[disabled].active>a:only-child,.mds-btn-warning[disabled]:active>a:only-child,.mds-btn-warning[disabled]:focus>a:only-child,.mds-btn-warning[disabled]:hover>a:only-child,.mds-btn-warning[disabled]>a:only-child{color:currentColor}.mds-btn-warning.disabled.active>a:only-child:after,.mds-btn-warning.disabled:active>a:only-child:after,.mds-btn-warning.disabled:focus>a:only-child:after,.mds-btn-warning.disabled:hover>a:only-child:after,.mds-btn-warning.disabled>a:only-child:after,.mds-btn-warning[disabled].active>a:only-child:after,.mds-btn-warning[disabled]:active>a:only-child:after,.mds-btn-warning[disabled]:focus>a:only-child:after,.mds-btn-warning[disabled]:hover>a:only-child:after,.mds-btn-warning[disabled]>a:only-child:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:transparent}.mds-btn-warning:focus,.mds-btn-warning:hover{border-color:rgba(255,204,1,.5)!important}.mds-btn-info{color:#fff;background-color:#29adff;border-color:#29adff}.mds-btn-info>a:only-child{color:currentColor}.mds-btn-info>a:only-child:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:transparent}.mds-btn-info:focus,.mds-btn-info:hover{color:#fff;background-color:#5cc1ff;border-color:rgba(41,173,255,.5)}.mds-btn-info:focus>a:only-child,.mds-btn-info:hover>a:only-child{color:currentColor}.mds-btn-info:focus>a:only-child:after,.mds-btn-info:hover>a:only-child:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:transparent}.mds-btn-info.active,.mds-btn-info:active{color:#fff;background-color:#1f92e1;border-color:rgba(41,173,255,.5)}.mds-btn-info.active>a:only-child,.mds-btn-info:active>a:only-child{color:currentColor}.mds-btn-info.active>a:only-child:after,.mds-btn-info:active>a:only-child:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:transparent}.mds-btn-info.disabled,.mds-btn-info.disabled.active,.mds-btn-info.disabled:active,.mds-btn-info.disabled:focus,.mds-btn-info.disabled:hover,.mds-btn-info[disabled],.mds-btn-info[disabled].active,.mds-btn-info[disabled]:active,.mds-btn-info[disabled]:focus,.mds-btn-info[disabled]:hover{color:rgba(0,0,0,.2);background-color:#f7f7f7;border-color:#d9d9d9}.mds-btn-info.disabled.active>a:only-child,.mds-btn-info.disabled:active>a:only-child,.mds-btn-info.disabled:focus>a:only-child,.mds-btn-info.disabled:hover>a:only-child,.mds-btn-info.disabled>a:only-child,.mds-btn-info[disabled].active>a:only-child,.mds-btn-info[disabled]:active>a:only-child,.mds-btn-info[disabled]:focus>a:only-child,.mds-btn-info[disabled]:hover>a:only-child,.mds-btn-info[disabled]>a:only-child{color:currentColor}.mds-btn-info.disabled.active>a:only-child:after,.mds-btn-info.disabled:active>a:only-child:after,.mds-btn-info.disabled:focus>a:only-child:after,.mds-btn-info.disabled:hover>a:only-child:after,.mds-btn-info.disabled>a:only-child:after,.mds-btn-info[disabled].active>a:only-child:after,.mds-btn-info[disabled]:active>a:only-child:after,.mds-btn-info[disabled]:focus>a:only-child:after,.mds-btn-info[disabled]:hover>a:only-child:after,.mds-btn-info[disabled]>a:only-child:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:transparent}.mds-btn-info:focus,.mds-btn-info:hover{border-color:rgba(41,173,255,.5)!important}.mds-btn-circle,.mds-btn-circle-outline{width:36px;padding:0;font-size:14px;border-radius:50%;height:36px}.mds-btn-circle-outline.mds-btn-lg,.mds-btn-circle.mds-btn-lg{width:40px;padding:0;font-size:20px;border-radius:50%;height:40px}.mds-btn-circle-outline.mds-btn-sm,.mds-btn-circle.mds-btn-sm{width:32px;padding:0;font-size:16px;border-radius:50%;height:32px;font-size:14px}.mds-btn-circle-outline.mds-btn-ls,.mds-btn-circle.mds-btn-ls{width:28px;padding:0;font-size:14px;border-radius:50%;height:28px;font-size:12px}.mds-btn-loading{color:#fff;background-color:#1770ff;border-color:#1770ff}.mds-btn-loading>a:only-child{color:currentColor}.mds-btn-loading>a:only-child:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:transparent}.mds-btn-loading:focus,.mds-btn-loading:hover{color:#fff;background-color:#4e92ff;border-color:#1ab21a}.mds-btn-loading:focus>a:only-child,.mds-btn-loading:hover>a:only-child{color:currentColor}.mds-btn-loading:focus>a:only-child:after,.mds-btn-loading:hover>a:only-child:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:transparent}.mds-btn-loading.active,.mds-btn-loading:active{color:#fff;background-color:#115bdf;border-color:#009800}.mds-btn-loading.active>a:only-child,.mds-btn-loading:active>a:only-child{color:currentColor}.mds-btn-loading.active>a:only-child:after,.mds-btn-loading:active>a:only-child:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:transparent}.mds-btn-loading.disabled,.mds-btn-loading.disabled.active,.mds-btn-loading.disabled:active,.mds-btn-loading.disabled:focus,.mds-btn-loading.disabled:hover,.mds-btn-loading[disabled],.mds-btn-loading[disabled].active,.mds-btn-loading[disabled]:active,.mds-btn-loading[disabled]:focus,.mds-btn-loading[disabled]:hover{color:rgba(0,0,0,.2);background-color:#f7f7f7;border-color:#d9d9d9}.mds-btn-loading.disabled.active>a:only-child,.mds-btn-loading.disabled:active>a:only-child,.mds-btn-loading.disabled:focus>a:only-child,.mds-btn-loading.disabled:hover>a:only-child,.mds-btn-loading.disabled>a:only-child,.mds-btn-loading[disabled].active>a:only-child,.mds-btn-loading[disabled]:active>a:only-child,.mds-btn-loading[disabled]:focus>a:only-child,.mds-btn-loading[disabled]:hover>a:only-child,.mds-btn-loading[disabled]>a:only-child{color:currentColor}.mds-btn-loading.disabled.active>a:only-child:after,.mds-btn-loading.disabled:active>a:only-child:after,.mds-btn-loading.disabled:focus>a:only-child:after,.mds-btn-loading.disabled:hover>a:only-child:after,.mds-btn-loading.disabled>a:only-child:after,.mds-btn-loading[disabled].active>a:only-child:after,.mds-btn-loading[disabled]:active>a:only-child:after,.mds-btn-loading[disabled]:focus>a:only-child:after,.mds-btn-loading[disabled]:hover>a:only-child:after,.mds-btn-loading[disabled]>a:only-child:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:transparent}.mds-btn-default{color:#666;background-color:#fff;border-color:#d9d9d9}.mds-btn-default:focus,.mds-btn-default:hover{color:#0364ff;background-color:#fff;border-color:#0364ff}.mds-btn-default:focus>a:only-child,.mds-btn-default:hover>a:only-child{color:currentColor}.mds-btn-default:focus>a:only-child:after,.mds-btn-default:hover>a:only-child:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:transparent}.mds-btn-default.active,.mds-btn-default:active{color:#0252dd;background-color:#fff;border-color:#0252dd}.mds-btn-default.active>a:only-child,.mds-btn-default:active>a:only-child{color:currentColor}.mds-btn-default.active>a:only-child:after,.mds-btn-default:active>a:only-child:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:transparent}.mds-btn-default.disabled,.mds-btn-default.disabled.active,.mds-btn-default.disabled:active,.mds-btn-default.disabled:focus,.mds-btn-default.disabled:hover,.mds-btn-default[disabled],.mds-btn-default[disabled].active,.mds-btn-default[disabled]:active,.mds-btn-default[disabled]:focus,.mds-btn-default[disabled]:hover{color:rgba(0,0,0,.2);background-color:#f7f7f7;border-color:#d9d9d9}.mds-btn-default.disabled.active>a:only-child,.mds-btn-default.disabled:active>a:only-child,.mds-btn-default.disabled:focus>a:only-child,.mds-btn-default.disabled:hover>a:only-child,.mds-btn-default.disabled>a:only-child,.mds-btn-default[disabled].active>a:only-child,.mds-btn-default[disabled]:active>a:only-child,.mds-btn-default[disabled]:focus>a:only-child,.mds-btn-default[disabled]:hover>a:only-child,.mds-btn-default[disabled]>a:only-child{color:currentColor}.mds-btn-default.disabled.active>a:only-child:after,.mds-btn-default.disabled:active>a:only-child:after,.mds-btn-default.disabled:focus>a:only-child:after,.mds-btn-default.disabled:hover>a:only-child:after,.mds-btn-default.disabled>a:only-child:after,.mds-btn-default[disabled].active>a:only-child:after,.mds-btn-default[disabled]:active>a:only-child:after,.mds-btn-default[disabled]:focus>a:only-child:after,.mds-btn-default[disabled]:hover>a:only-child:after,.mds-btn-default[disabled]>a:only-child:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:transparent}.mds-btn-default>a:only-child{color:currentColor}.mds-btn-default>a:only-child:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:transparent}.mds-btn-default.active,.mds-btn-default:active,.mds-btn-default:focus,.mds-btn-default:hover{background:#fff}.mds-btn:before{position:absolute;top:-1px;left:-1px;bottom:-1px;right:-1px;background:#fff;opacity:.35;content:"";border-radius:inherit;z-index:1;transition:opacity .2s;pointer-events:none;display:none}.mds-btn .mdsicon{transition:margin-left .3s cubic-bezier(.645,.045,.355,1)}.mds-btn.mds-btn-loading:before{display:block}.mds-btn.mds-btn-loading:not(.mds-btn-circle):not(.mds-btn-circle-outline):not(.mds-btn-icon-only){padding-left:29px;pointer-events:none;position:relative}.mds-btn.mds-btn-loading:not(.mds-btn-circle):not(.mds-btn-circle-outline):not(.mds-btn-icon-only) .mdsicon{margin-left:-14px}.mds-btn-sm.mds-btn-loading:not(.mds-btn-circle):not(.mds-btn-circle-outline):not(.mds-btn-icon-only){padding-left:24px}.mds-btn-sm.mds-btn-loading:not(.mds-btn-circle):not(.mds-btn-circle-outline):not(.mds-btn-icon-only) .mdsicon{margin-left:-17px}.mds-btn-group{position:relative;display:inline-block;font-size:0}.mds-btn-group>.mds-btn{position:relative;z-index:1}.mds-btn-group>.mds-btn.active,.mds-btn-group>.mds-btn:active,.mds-btn-group>.mds-btn:focus,.mds-btn-group>.mds-btn:hover{z-index:2}.mds-btn-group>.mds-btn:disabled{z-index:0}.mds-btn-group-lg>.mds-btn{padding:0 24px;font-size:20px;border-radius:4px;height:40px}.mds-btn-group-sm>.mds-btn{padding:0 16px;font-size:14px;border-radius:4px;height:32px}.mds-btn-group-sm>.mds-btn>.mdsicon{font-size:14px}.mds-btn-group-ls>.mds-btn{padding:0 7px;font-size:14px;border-radius:4px;height:32px}.mds-btn-group-ls>.mds-btn>.mdsicon{font-size:12px}.mds-btn+.mds-btn-group,.mds-btn-group+.mds-btn,.mds-btn-group+.mds-btn-group,.mds-btn-group .mds-btn+.mds-btn{margin-left:-1px}.mds-btn-group .mds-btn:not(:first-child):not(:last-child){border-radius:0;padding-left:15px;padding-right:15px}.mds-btn-group>.mds-btn:first-child{margin-left:0;padding-left:15px;padding-right:15px}.mds-btn-group>.mds-btn:first-child:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.mds-btn-group>.mds-btn:last-child:not(:first-child){padding-left:15px;padding-right:15px;border-bottom-left-radius:0;border-top-left-radius:0}.mds-btn-group>.mds-btn-group{float:left}.mds-btn-group>.mds-btn-group:not(:first-child):not(:last-child)>.mds-btn{border-radius:0}.mds-btn-group>.mds-btn-group:first-child:not(:last-child)>.mds-btn:last-child{border-bottom-right-radius:0;border-top-right-radius:0;padding-right:8px}.mds-btn-group>.mds-btn-group:last-child:not(:first-child)>.mds-btn:first-child{border-bottom-left-radius:0;border-top-left-radius:0;padding-left:8px}.mds-btn:not(.mds-btn-circle):not(.mds-btn-circle-outline).mds-btn-icon-only{padding-left:10px;padding-right:10px}.mds-btn:active>span,.mds-btn:focus>span{position:relative}.mds-btn>.mdsicon+span,.mds-btn>span+.mdsicon{margin-left:2px}.mds-btn-clicked:not(.mds-btn-no-border-animate):after{border:0 solid #0364ff}.mds-btn-clicked:not(.mds-btn-no-border-animate):after,.mds-btn-danger.mds-btn-clicked:after{content:"";position:absolute;top:-1px;left:-1px;bottom:-1px;right:-1px;border-radius:inherit;opacity:.4;animation:buttonEffect .4s;display:block}.mds-btn-danger.mds-btn-clicked:after{border-color:#fff;border:0 solid #0364ff}.mds-btn-background-ghost{background:transparent!important;border-color:#fff;color:#fff}.mds-btn-background-ghost.mds-btn-primary{color:#0364ff;background-color:transparent;border-color:#0364ff}.mds-btn-background-ghost.mds-btn-primary>a:only-child{color:currentColor}.mds-btn-background-ghost.mds-btn-primary>a:only-child:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:transparent}.mds-btn-background-ghost.mds-btn-primary:focus,.mds-btn-background-ghost.mds-btn-primary:hover{color:#3f89ff;background-color:transparent;border-color:#3f89ff}.mds-btn-background-ghost.mds-btn-primary:focus>a:only-child,.mds-btn-background-ghost.mds-btn-primary:hover>a:only-child{color:currentColor}.mds-btn-background-ghost.mds-btn-primary:focus>a:only-child:after,.mds-btn-background-ghost.mds-btn-primary:hover>a:only-child:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:transparent}.mds-btn-background-ghost.mds-btn-primary.active,.mds-btn-background-ghost.mds-btn-primary:active{color:#0252dd;background-color:transparent;border-color:#0252dd}.mds-btn-background-ghost.mds-btn-primary.active>a:only-child,.mds-btn-background-ghost.mds-btn-primary:active>a:only-child{color:currentColor}.mds-btn-background-ghost.mds-btn-primary.active>a:only-child:after,.mds-btn-background-ghost.mds-btn-primary:active>a:only-child:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:transparent}.mds-btn-background-ghost.mds-btn-primary.disabled,.mds-btn-background-ghost.mds-btn-primary.disabled.active,.mds-btn-background-ghost.mds-btn-primary.disabled:active,.mds-btn-background-ghost.mds-btn-primary.disabled:focus,.mds-btn-background-ghost.mds-btn-primary.disabled:hover,.mds-btn-background-ghost.mds-btn-primary[disabled],.mds-btn-background-ghost.mds-btn-primary[disabled].active,.mds-btn-background-ghost.mds-btn-primary[disabled]:active,.mds-btn-background-ghost.mds-btn-primary[disabled]:focus,.mds-btn-background-ghost.mds-btn-primary[disabled]:hover{color:rgba(0,0,0,.2);background-color:#f7f7f7;border-color:#d9d9d9}.mds-btn-background-ghost.mds-btn-primary.disabled.active>a:only-child,.mds-btn-background-ghost.mds-btn-primary.disabled:active>a:only-child,.mds-btn-background-ghost.mds-btn-primary.disabled:focus>a:only-child,.mds-btn-background-ghost.mds-btn-primary.disabled:hover>a:only-child,.mds-btn-background-ghost.mds-btn-primary.disabled>a:only-child,.mds-btn-background-ghost.mds-btn-primary[disabled].active>a:only-child,.mds-btn-background-ghost.mds-btn-primary[disabled]:active>a:only-child,.mds-btn-background-ghost.mds-btn-primary[disabled]:focus>a:only-child,.mds-btn-background-ghost.mds-btn-primary[disabled]:hover>a:only-child,.mds-btn-background-ghost.mds-btn-primary[disabled]>a:only-child{color:currentColor}.mds-btn-background-ghost.mds-btn-primary.disabled.active>a:only-child:after,.mds-btn-background-ghost.mds-btn-primary.disabled:active>a:only-child:after,.mds-btn-background-ghost.mds-btn-primary.disabled:focus>a:only-child:after,.mds-btn-background-ghost.mds-btn-primary.disabled:hover>a:only-child:after,.mds-btn-background-ghost.mds-btn-primary.disabled>a:only-child:after,.mds-btn-background-ghost.mds-btn-primary[disabled].active>a:only-child:after,.mds-btn-background-ghost.mds-btn-primary[disabled]:active>a:only-child:after,.mds-btn-background-ghost.mds-btn-primary[disabled]:focus>a:only-child:after,.mds-btn-background-ghost.mds-btn-primary[disabled]:hover>a:only-child:after,.mds-btn-background-ghost.mds-btn-primary[disabled]>a:only-child:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:transparent}.mds-btn-background-ghost.mds-btn-danger{color:#e33;background-color:transparent;border-color:#e33}.mds-btn-background-ghost.mds-btn-danger>a:only-child{color:currentColor}.mds-btn-background-ghost.mds-btn-danger>a:only-child:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:transparent}.mds-btn-background-ghost.mds-btn-danger:focus,.mds-btn-background-ghost.mds-btn-danger:hover{color:#f26464;background-color:transparent;border-color:#f26464}.mds-btn-background-ghost.mds-btn-danger:focus>a:only-child,.mds-btn-background-ghost.mds-btn-danger:hover>a:only-child{color:currentColor}.mds-btn-background-ghost.mds-btn-danger:focus>a:only-child:after,.mds-btn-background-ghost.mds-btn-danger:hover>a:only-child:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:transparent}.mds-btn-background-ghost.mds-btn-danger.active,.mds-btn-background-ghost.mds-btn-danger:active{color:#d52936;background-color:transparent;border-color:#d52936}.mds-btn-background-ghost.mds-btn-danger.active>a:only-child,.mds-btn-background-ghost.mds-btn-danger:active>a:only-child{color:currentColor}.mds-btn-background-ghost.mds-btn-danger.active>a:only-child:after,.mds-btn-background-ghost.mds-btn-danger:active>a:only-child:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:transparent}.mds-btn-background-ghost.mds-btn-danger.disabled,.mds-btn-background-ghost.mds-btn-danger.disabled.active,.mds-btn-background-ghost.mds-btn-danger.disabled:active,.mds-btn-background-ghost.mds-btn-danger.disabled:focus,.mds-btn-background-ghost.mds-btn-danger.disabled:hover,.mds-btn-background-ghost.mds-btn-danger[disabled],.mds-btn-background-ghost.mds-btn-danger[disabled].active,.mds-btn-background-ghost.mds-btn-danger[disabled]:active,.mds-btn-background-ghost.mds-btn-danger[disabled]:focus,.mds-btn-background-ghost.mds-btn-danger[disabled]:hover{color:rgba(0,0,0,.2);background-color:#f7f7f7;border-color:#d9d9d9}.mds-btn-background-ghost.mds-btn-danger.disabled.active>a:only-child,.mds-btn-background-ghost.mds-btn-danger.disabled:active>a:only-child,.mds-btn-background-ghost.mds-btn-danger.disabled:focus>a:only-child,.mds-btn-background-ghost.mds-btn-danger.disabled:hover>a:only-child,.mds-btn-background-ghost.mds-btn-danger.disabled>a:only-child,.mds-btn-background-ghost.mds-btn-danger[disabled].active>a:only-child,.mds-btn-background-ghost.mds-btn-danger[disabled]:active>a:only-child,.mds-btn-background-ghost.mds-btn-danger[disabled]:focus>a:only-child,.mds-btn-background-ghost.mds-btn-danger[disabled]:hover>a:only-child,.mds-btn-background-ghost.mds-btn-danger[disabled]>a:only-child{color:currentColor}.mds-btn-background-ghost.mds-btn-danger.disabled.active>a:only-child:after,.mds-btn-background-ghost.mds-btn-danger.disabled:active>a:only-child:after,.mds-btn-background-ghost.mds-btn-danger.disabled:focus>a:only-child:after,.mds-btn-background-ghost.mds-btn-danger.disabled:hover>a:only-child:after,.mds-btn-background-ghost.mds-btn-danger.disabled>a:only-child:after,.mds-btn-background-ghost.mds-btn-danger[disabled].active>a:only-child:after,.mds-btn-background-ghost.mds-btn-danger[disabled]:active>a:only-child:after,.mds-btn-background-ghost.mds-btn-danger[disabled]:focus>a:only-child:after,.mds-btn-background-ghost.mds-btn-danger[disabled]:hover>a:only-child:after,.mds-btn-background-ghost.mds-btn-danger[disabled]>a:only-child:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:transparent}.mds-btn-background-ghost.mds-btn-normal{color:#0364ff;background-color:transparent;border-color:#0364ff}.mds-btn-background-ghost.mds-btn-normal>a:only-child{color:currentColor}.mds-btn-background-ghost.mds-btn-normal>a:only-child:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:transparent}.mds-btn-background-ghost.mds-btn-normal:focus,.mds-btn-background-ghost.mds-btn-normal:hover{color:#3f89ff;background-color:transparent;border-color:#3f89ff}.mds-btn-background-ghost.mds-btn-normal:focus>a:only-child,.mds-btn-background-ghost.mds-btn-normal:hover>a:only-child{color:currentColor}.mds-btn-background-ghost.mds-btn-normal:focus>a:only-child:after,.mds-btn-background-ghost.mds-btn-normal:hover>a:only-child:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:transparent}.mds-btn-background-ghost.mds-btn-normal.active,.mds-btn-background-ghost.mds-btn-normal:active{color:#0252dd;background-color:transparent;border-color:#0252dd}.mds-btn-background-ghost.mds-btn-normal.active>a:only-child,.mds-btn-background-ghost.mds-btn-normal:active>a:only-child{color:currentColor}.mds-btn-background-ghost.mds-btn-normal.active>a:only-child:after,.mds-btn-background-ghost.mds-btn-normal:active>a:only-child:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:transparent}.mds-btn-background-ghost.mds-btn-normal.disabled,.mds-btn-background-ghost.mds-btn-normal.disabled.active,.mds-btn-background-ghost.mds-btn-normal.disabled:active,.mds-btn-background-ghost.mds-btn-normal.disabled:focus,.mds-btn-background-ghost.mds-btn-normal.disabled:hover,.mds-btn-background-ghost.mds-btn-normal[disabled],.mds-btn-background-ghost.mds-btn-normal[disabled].active,.mds-btn-background-ghost.mds-btn-normal[disabled]:active,.mds-btn-background-ghost.mds-btn-normal[disabled]:focus,.mds-btn-background-ghost.mds-btn-normal[disabled]:hover{color:rgba(0,0,0,.2);background-color:#f7f7f7;border-color:#d9d9d9}.mds-btn-background-ghost.mds-btn-normal.disabled.active>a:only-child,.mds-btn-background-ghost.mds-btn-normal.disabled:active>a:only-child,.mds-btn-background-ghost.mds-btn-normal.disabled:focus>a:only-child,.mds-btn-background-ghost.mds-btn-normal.disabled:hover>a:only-child,.mds-btn-background-ghost.mds-btn-normal.disabled>a:only-child,.mds-btn-background-ghost.mds-btn-normal[disabled].active>a:only-child,.mds-btn-background-ghost.mds-btn-normal[disabled]:active>a:only-child,.mds-btn-background-ghost.mds-btn-normal[disabled]:focus>a:only-child,.mds-btn-background-ghost.mds-btn-normal[disabled]:hover>a:only-child,.mds-btn-background-ghost.mds-btn-normal[disabled]>a:only-child{color:currentColor}.mds-btn-background-ghost.mds-btn-normal.disabled.active>a:only-child:after,.mds-btn-background-ghost.mds-btn-normal.disabled:active>a:only-child:after,.mds-btn-background-ghost.mds-btn-normal.disabled:focus>a:only-child:after,.mds-btn-background-ghost.mds-btn-normal.disabled:hover>a:only-child:after,.mds-btn-background-ghost.mds-btn-normal.disabled>a:only-child:after,.mds-btn-background-ghost.mds-btn-normal[disabled].active>a:only-child:after,.mds-btn-background-ghost.mds-btn-normal[disabled]:active>a:only-child:after,.mds-btn-background-ghost.mds-btn-normal[disabled]:focus>a:only-child:after,.mds-btn-background-ghost.mds-btn-normal[disabled]:hover>a:only-child:after,.mds-btn-background-ghost.mds-btn-normal[disabled]>a:only-child:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:transparent}.mds-btn-background-ghost.mds-btn-correct{color:#0a0;background-color:transparent;border-color:#0a0}.mds-btn-background-ghost.mds-btn-correct>a:only-child{color:currentColor}.mds-btn-background-ghost.mds-btn-correct>a:only-child:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:transparent}.mds-btn-background-ghost.mds-btn-correct:focus,.mds-btn-background-ghost.mds-btn-correct:hover{color:#3dbe3d;background-color:transparent;border-color:#3dbe3d}.mds-btn-background-ghost.mds-btn-correct:focus>a:only-child,.mds-btn-background-ghost.mds-btn-correct:hover>a:only-child{color:currentColor}.mds-btn-background-ghost.mds-btn-correct:focus>a:only-child:after,.mds-btn-background-ghost.mds-btn-correct:hover>a:only-child:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:transparent}.mds-btn-background-ghost.mds-btn-correct.active,.mds-btn-background-ghost.mds-btn-correct:active{color:#009303;background-color:transparent;border-color:#009303}.mds-btn-background-ghost.mds-btn-correct.active>a:only-child,.mds-btn-background-ghost.mds-btn-correct:active>a:only-child{color:currentColor}.mds-btn-background-ghost.mds-btn-correct.active>a:only-child:after,.mds-btn-background-ghost.mds-btn-correct:active>a:only-child:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:transparent}.mds-btn-background-ghost.mds-btn-correct.disabled,.mds-btn-background-ghost.mds-btn-correct.disabled.active,.mds-btn-background-ghost.mds-btn-correct.disabled:active,.mds-btn-background-ghost.mds-btn-correct.disabled:focus,.mds-btn-background-ghost.mds-btn-correct.disabled:hover,.mds-btn-background-ghost.mds-btn-correct[disabled],.mds-btn-background-ghost.mds-btn-correct[disabled].active,.mds-btn-background-ghost.mds-btn-correct[disabled]:active,.mds-btn-background-ghost.mds-btn-correct[disabled]:focus,.mds-btn-background-ghost.mds-btn-correct[disabled]:hover{color:rgba(0,0,0,.2);background-color:#f7f7f7;border-color:#d9d9d9}.mds-btn-background-ghost.mds-btn-correct.disabled.active>a:only-child,.mds-btn-background-ghost.mds-btn-correct.disabled:active>a:only-child,.mds-btn-background-ghost.mds-btn-correct.disabled:focus>a:only-child,.mds-btn-background-ghost.mds-btn-correct.disabled:hover>a:only-child,.mds-btn-background-ghost.mds-btn-correct.disabled>a:only-child,.mds-btn-background-ghost.mds-btn-correct[disabled].active>a:only-child,.mds-btn-background-ghost.mds-btn-correct[disabled]:active>a:only-child,.mds-btn-background-ghost.mds-btn-correct[disabled]:focus>a:only-child,.mds-btn-background-ghost.mds-btn-correct[disabled]:hover>a:only-child,.mds-btn-background-ghost.mds-btn-correct[disabled]>a:only-child{color:currentColor}.mds-btn-background-ghost.mds-btn-correct.disabled.active>a:only-child:after,.mds-btn-background-ghost.mds-btn-correct.disabled:active>a:only-child:after,.mds-btn-background-ghost.mds-btn-correct.disabled:focus>a:only-child:after,.mds-btn-background-ghost.mds-btn-correct.disabled:hover>a:only-child:after,.mds-btn-background-ghost.mds-btn-correct.disabled>a:only-child:after,.mds-btn-background-ghost.mds-btn-correct[disabled].active>a:only-child:after,.mds-btn-background-ghost.mds-btn-correct[disabled]:active>a:only-child:after,.mds-btn-background-ghost.mds-btn-correct[disabled]:focus>a:only-child:after,.mds-btn-background-ghost.mds-btn-correct[disabled]:hover>a:only-child:after,.mds-btn-background-ghost.mds-btn-correct[disabled]>a:only-child:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:transparent}.mds-btn-background-ghost.mds-btn-warning{color:#ffcc01;background-color:transparent;border-color:#ffcc01}.mds-btn-background-ghost.mds-btn-warning>a:only-child{color:currentColor}.mds-btn-background-ghost.mds-btn-warning>a:only-child:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:transparent}.mds-btn-background-ghost.mds-btn-warning:focus,.mds-btn-background-ghost.mds-btn-warning:hover{color:#ffd83e;background-color:transparent;border-color:#ffd83e}.mds-btn-background-ghost.mds-btn-warning:focus>a:only-child,.mds-btn-background-ghost.mds-btn-warning:hover>a:only-child{color:currentColor}.mds-btn-background-ghost.mds-btn-warning:focus>a:only-child:after,.mds-btn-background-ghost.mds-btn-warning:hover>a:only-child:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:transparent}.mds-btn-background-ghost.mds-btn-warning.active,.mds-btn-background-ghost.mds-btn-warning:active{color:#e0a601;background-color:transparent;border-color:#e0a601}.mds-btn-background-ghost.mds-btn-warning.active>a:only-child,.mds-btn-background-ghost.mds-btn-warning:active>a:only-child{color:currentColor}.mds-btn-background-ghost.mds-btn-warning.active>a:only-child:after,.mds-btn-background-ghost.mds-btn-warning:active>a:only-child:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:transparent}.mds-btn-background-ghost.mds-btn-warning.disabled,.mds-btn-background-ghost.mds-btn-warning.disabled.active,.mds-btn-background-ghost.mds-btn-warning.disabled:active,.mds-btn-background-ghost.mds-btn-warning.disabled:focus,.mds-btn-background-ghost.mds-btn-warning.disabled:hover,.mds-btn-background-ghost.mds-btn-warning[disabled],.mds-btn-background-ghost.mds-btn-warning[disabled].active,.mds-btn-background-ghost.mds-btn-warning[disabled]:active,.mds-btn-background-ghost.mds-btn-warning[disabled]:focus,.mds-btn-background-ghost.mds-btn-warning[disabled]:hover{color:rgba(0,0,0,.2);background-color:#f7f7f7;border-color:#d9d9d9}.mds-btn-background-ghost.mds-btn-warning.disabled.active>a:only-child,.mds-btn-background-ghost.mds-btn-warning.disabled:active>a:only-child,.mds-btn-background-ghost.mds-btn-warning.disabled:focus>a:only-child,.mds-btn-background-ghost.mds-btn-warning.disabled:hover>a:only-child,.mds-btn-background-ghost.mds-btn-warning.disabled>a:only-child,.mds-btn-background-ghost.mds-btn-warning[disabled].active>a:only-child,.mds-btn-background-ghost.mds-btn-warning[disabled]:active>a:only-child,.mds-btn-background-ghost.mds-btn-warning[disabled]:focus>a:only-child,.mds-btn-background-ghost.mds-btn-warning[disabled]:hover>a:only-child,.mds-btn-background-ghost.mds-btn-warning[disabled]>a:only-child{color:currentColor}.mds-btn-background-ghost.mds-btn-warning.disabled.active>a:only-child:after,.mds-btn-background-ghost.mds-btn-warning.disabled:active>a:only-child:after,.mds-btn-background-ghost.mds-btn-warning.disabled:focus>a:only-child:after,.mds-btn-background-ghost.mds-btn-warning.disabled:hover>a:only-child:after,.mds-btn-background-ghost.mds-btn-warning.disabled>a:only-child:after,.mds-btn-background-ghost.mds-btn-warning[disabled].active>a:only-child:after,.mds-btn-background-ghost.mds-btn-warning[disabled]:active>a:only-child:after,.mds-btn-background-ghost.mds-btn-warning[disabled]:focus>a:only-child:after,.mds-btn-background-ghost.mds-btn-warning[disabled]:hover>a:only-child:after,.mds-btn-background-ghost.mds-btn-warning[disabled]>a:only-child:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:transparent}.mds-btn-background-ghost.mds-btn-info{color:#29adff;background-color:transparent;border-color:#29adff}.mds-btn-background-ghost.mds-btn-info>a:only-child{color:currentColor}.mds-btn-background-ghost.mds-btn-info>a:only-child:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:transparent}.mds-btn-background-ghost.mds-btn-info:focus,.mds-btn-background-ghost.mds-btn-info:hover{color:#5cc1ff;background-color:transparent;border-color:#5cc1ff}.mds-btn-background-ghost.mds-btn-info:focus>a:only-child,.mds-btn-background-ghost.mds-btn-info:hover>a:only-child{color:currentColor}.mds-btn-background-ghost.mds-btn-info:focus>a:only-child:after,.mds-btn-background-ghost.mds-btn-info:hover>a:only-child:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:transparent}.mds-btn-background-ghost.mds-btn-info.active,.mds-btn-background-ghost.mds-btn-info:active{color:#1f92e1;background-color:transparent;border-color:#1f92e1}.mds-btn-background-ghost.mds-btn-info.active>a:only-child,.mds-btn-background-ghost.mds-btn-info:active>a:only-child{color:currentColor}.mds-btn-background-ghost.mds-btn-info.active>a:only-child:after,.mds-btn-background-ghost.mds-btn-info:active>a:only-child:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:transparent}.mds-btn-background-ghost.mds-btn-info.disabled,.mds-btn-background-ghost.mds-btn-info.disabled.active,.mds-btn-background-ghost.mds-btn-info.disabled:active,.mds-btn-background-ghost.mds-btn-info.disabled:focus,.mds-btn-background-ghost.mds-btn-info.disabled:hover,.mds-btn-background-ghost.mds-btn-info[disabled],.mds-btn-background-ghost.mds-btn-info[disabled].active,.mds-btn-background-ghost.mds-btn-info[disabled]:active,.mds-btn-background-ghost.mds-btn-info[disabled]:focus,.mds-btn-background-ghost.mds-btn-info[disabled]:hover{color:rgba(0,0,0,.2);background-color:#f7f7f7;border-color:#d9d9d9}.mds-btn-background-ghost.mds-btn-info.disabled.active>a:only-child,.mds-btn-background-ghost.mds-btn-info.disabled:active>a:only-child,.mds-btn-background-ghost.mds-btn-info.disabled:focus>a:only-child,.mds-btn-background-ghost.mds-btn-info.disabled:hover>a:only-child,.mds-btn-background-ghost.mds-btn-info.disabled>a:only-child,.mds-btn-background-ghost.mds-btn-info[disabled].active>a:only-child,.mds-btn-background-ghost.mds-btn-info[disabled]:active>a:only-child,.mds-btn-background-ghost.mds-btn-info[disabled]:focus>a:only-child,.mds-btn-background-ghost.mds-btn-info[disabled]:hover>a:only-child,.mds-btn-background-ghost.mds-btn-info[disabled]>a:only-child{color:currentColor}.mds-btn-background-ghost.mds-btn-info.disabled.active>a:only-child:after,.mds-btn-background-ghost.mds-btn-info.disabled:active>a:only-child:after,.mds-btn-background-ghost.mds-btn-info.disabled:focus>a:only-child:after,.mds-btn-background-ghost.mds-btn-info.disabled:hover>a:only-child:after,.mds-btn-background-ghost.mds-btn-info.disabled>a:only-child:after,.mds-btn-background-ghost.mds-btn-info[disabled].active>a:only-child:after,.mds-btn-background-ghost.mds-btn-info[disabled]:active>a:only-child:after,.mds-btn-background-ghost.mds-btn-info[disabled]:focus>a:only-child:after,.mds-btn-background-ghost.mds-btn-info[disabled]:hover>a:only-child:after,.mds-btn-background-ghost.mds-btn-info[disabled]>a:only-child:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:transparent}.mds-btn-block{width:100%}.mds-btn-a-text,.mds-btn-text{border:none;background-color:inherit!important}.mds-btn-a-text{color:#0364ff}.mds-btn-round{border-radius:18px}@keyframes buttonEffect{to{opacity:0;top:-6px;left:-6px;bottom:-6px;right:-6px;border-width:6px}}.component-margin{margin-top:10px}[id^=components-button-demo] .mds-btn{margin-right:8px;margin-bottom:12px;margin-top:10px}.interval{margin-left:6px!important}.disabled-group p{margin:10px}.btn-ghost{background:#bec8c8;padding:20px}.btn-ghost .margin{margin-top:10px}.mds-btn-right{margin-right:5px}@keyframes mdsCheckboxEffect{0%{transform:scale(1);opacity:.5}to{transform:scale(1.6);opacity:0}}.clums .mds-checkbox-wrapper.mds-checkbox-group-item{display:block;margin-bottom:16px}.mds-checkbox{white-space:nowrap;cursor:pointer;outline:none;display:inline-block;line-height:1;position:relative;vertical-align:text-bottom}.mds-checkbox-input:focus+.mds-checkbox-inner,.mds-checkbox-wrapper:hover .mds-checkbox-inner,.mds-checkbox:hover .mds-checkbox-inner{border-color:#0364ff}.mds-checkbox-checked:after{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:2px;border:1px solid #0364ff;content:"";animation:mdsCheckboxEffect .36s ease-in-out;animation-fill-mode:both;visibility:hidden}.mds-checkbox-wrapper:hover .mds-checkbox:after,.mds-checkbox:hover:after{visibility:visible}.mds-checkbox-inner{position:relative;top:0;left:0;display:block;width:16px;height:16px;border:1px solid #d8dce6;border-radius:2px;background-color:#fff;transition:all .3s}.mds-checkbox-inner:after{transform:rotate(45deg) scale(0);position:absolute;left:4.3px;top:1px;display:block;width:6px;height:10px;border:2px solid #fff;border-top:0;border-left:0;content:" ";transition:all .1s cubic-bezier(.71,-.46,.88,.6)}.mds-checkbox-input{position:absolute;left:0;z-index:1;cursor:pointer;opacity:0;filter:alpha(opacity=0);top:0;bottom:0;right:0;width:100%;height:100%}.mds-checkbox-indeterminate .mds-checkbox-inner{background:#fff}.mds-checkbox-indeterminate .mds-checkbox-inner:after{content:"";transform:scale(1);position:absolute;left:2.85714286px;top:2.85714286px;width:10.28571429px;height:10.28571429px;background:#0364ff}.mds-checkbox-indeterminate.mds-checkbox-disabled .mds-checkbox-inner:after{border-color:rgba(0,0,0,.2)}.mds-checkbox-checked .mds-checkbox-inner:after{transform:rotate(45deg) scale(1);position:absolute;display:block;border:2px solid #fff;border-top:0;border-left:0;content:" ";transition:all .2s cubic-bezier(.12,.4,.29,1.46) .1s}.mds-checkbox-checked .mds-checkbox-inner{background-color:#0364ff;border-color:#0364ff}.mds-checkbox-disabled{cursor:not-allowed}.mds-checkbox-disabled.mds-checkbox-checked .mds-checkbox-inner:after{animation-name:none;border-color:#d8dce6}.mds-checkbox-disabled .mds-checkbox-input{cursor:not-allowed}.mds-checkbox-disabled .mds-checkbox-inner{border-color:#d8dce6!important;background-color:#fafafd}.mds-checkbox-disabled .mds-checkbox-inner:after{animation-name:none;border-color:#fafafd}.mds-checkbox-disabled+span{color:#aaa!important;cursor:not-allowed}.mds-checkbox-wrapper{cursor:pointer;font-size:14px;display:inline-block}.mds-checkbox-wrapper+.mds-checkbox-wrapper{margin-left:8px}.mds-checkbox+span,.mds-checkbox-wrapper+span{padding-left:8px;padding-right:8px;color:#354052}.mds-checkbox-group{font-size:14px}.mds-checkbox-group-item{display:inline-block;margin-right:20px}.mds-checkbox-group-item:last-child{margin-right:0}.mds-checkbox-group-item+.mds-checkbox-group-item{margin-left:0}@media \0screen{.mds-checkbox-checked .mds-checkbox-inner:after,.mds-checkbox-checked .mds-checkbox-inner:before{font-family:mdsicon;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\E632";font-weight:700;font-size:8px;border:0;color:#fff;left:2px;top:3px;position:absolute}}.mds-tooltip{position:absolute;border-radius:4px;padding:10px;font-size:12px;line-height:1.5;min-width:10px;word-wrap:break-word;font-size:14px}.mds-tooltip .popper__arrow,.mds-tooltip .popper__arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.mds-tooltip .popper__arrow:after{content:" ";border-width:5px}.mds-tooltip-hidden{display:none}.mds-tooltip.dark-mode{background:#303133;color:#fff}.mds-tooltip.light-mode{background:#fff;box-shadow:0 1px 6px rgba(0,0,0,.2)}.mds-tooltip-placement-top,.mds-tooltip-placement-top-end,.mds-tooltip-placement-top-start{margin-bottom:9px}.mds-tooltip-placement-right,.mds-tooltip-placement-right-end,.mds-tooltip-placement-right-start{margin-left:9px}.mds-tooltip-placement-bottom,.mds-tooltip-placement-bottom-end,.mds-tooltip-placement-bottom-start{margin-top:9px}.mds-tooltip-placement-left,.mds-tooltip-placement-left-end,.mds-tooltip-placement-left-start{margin-right:9px}.mds-tooltip-placement-top-end .popper__arrow,.mds-tooltip-placement-top-start .popper__arrow,.mds-tooltip-placement-top .popper__arrow{bottom:-6px;border-width:6px 6px 0;border-top-color:#354052}.mds-tooltip-placement-top-end .popper__arrow:after,.mds-tooltip-placement-top-start .popper__arrow:after,.mds-tooltip-placement-top .popper__arrow:after{bottom:1px;border-top-color:#354052;border-width:5px 5px 0;margin-left:-5px}.mds-tooltip-placement-top-end.light-mode .popper__arrow,.mds-tooltip-placement-top-start.light-mode .popper__arrow,.mds-tooltip-placement-top.light-mode .popper__arrow{border-top-color:#ebeef5}.mds-tooltip-placement-top-end.light-mode .popper__arrow:after,.mds-tooltip-placement-top-start.light-mode .popper__arrow:after,.mds-tooltip-placement-top.light-mode .popper__arrow:after{border-top-color:#fff}.mds-tooltip-placement-right-end .popper__arrow,.mds-tooltip-placement-right-start .popper__arrow,.mds-tooltip-placement-right .popper__arrow{left:-6px;border-width:6px 6px 6px 0;border-right-color:#354052}.mds-tooltip-placement-right-end .popper__arrow:after,.mds-tooltip-placement-right-start .popper__arrow:after,.mds-tooltip-placement-right .popper__arrow:after{left:1px;border-right-color:#354052;border-width:5px 5px 5px 0;bottom:-5px}.mds-tooltip-placement-right-end.light-mode .popper__arrow,.mds-tooltip-placement-right-start.light-mode .popper__arrow,.mds-tooltip-placement-right.light-mode .popper__arrow{border-right-color:#ebeef5}.mds-tooltip-placement-right-end.light-mode .popper__arrow:after,.mds-tooltip-placement-right-start.light-mode .popper__arrow:after,.mds-tooltip-placement-right.light-mode .popper__arrow:after{border-right-color:#fff}.mds-tooltip-placement-left-end .popper__arrow,.mds-tooltip-placement-left-start .popper__arrow,.mds-tooltip-placement-left .popper__arrow{right:-6px;border-width:6px 0 6px 6px;border-left-color:#354052}.mds-tooltip-placement-left-end .popper__arrow:after,.mds-tooltip-placement-left-start .popper__arrow:after,.mds-tooltip-placement-left .popper__arrow:after{right:1px;border-left-color:#354052;border-width:5px 0 5px 5px;margin-left:-5px;bottom:-5px}.mds-tooltip-placement-left-end.light-mode .popper__arrow,.mds-tooltip-placement-left-start.light-mode .popper__arrow,.mds-tooltip-placement-left.light-mode .popper__arrow{border-left-color:#ebeef5}.mds-tooltip-placement-left-end.light-mode .popper__arrow:after,.mds-tooltip-placement-left-start.light-mode .popper__arrow:after,.mds-tooltip-placement-left.light-mode .popper__arrow:after{border-left-color:#fff}.mds-tooltip-placement-bottom-end .popper__arrow,.mds-tooltip-placement-bottom-start .popper__arrow,.mds-tooltip-placement-bottom .popper__arrow{top:-6px;border-width:0 6px 6px;border-bottom-color:#354052}.mds-tooltip-placement-bottom-end .popper__arrow:after,.mds-tooltip-placement-bottom-start .popper__arrow:after,.mds-tooltip-placement-bottom .popper__arrow:after{top:1px;border-top-color:#354052;border-width:0 5px 5px;margin-left:-5px}.mds-tooltip-placement-bottom-end.light-mode .popper__arrow,.mds-tooltip-placement-bottom-start.light-mode .popper__arrow,.mds-tooltip-placement-bottom.light-mode .popper__arrow{border-bottom-color:#ebeef5}.mds-tooltip-placement-bottom-end.light-mode .popper__arrow:after,.mds-tooltip-placement-bottom-start.light-mode .popper__arrow:after,.mds-tooltip-placement-bottom.light-mode .popper__arrow:after{border-bottom-color:#fff}.mds-popover-wrapper{display:inline-block}.mds-popover{text-align:center;border-radius:4px;padding:10px;font-size:12px;line-height:1.5;min-width:150px;word-wrap:break-word;font-size:14px;background:#fff;box-shadow:0 1px 6px rgba(0,0,0,.2)}.mds-popover .popper__arrow,.mds-popover .popper__arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.mds-popover .popper__arrow:after{content:" ";border-width:6px}.mds-popover-hidden{display:none}.mds-popover-placement-top,.mds-popover-placement-top-end,.mds-popover-placement-top-start{margin-bottom:18px}.mds-popover-placement-right,.mds-popover-placement-right-end,.mds-popover-placement-right-start{margin-left:9px}.mds-popover-placement-bottom,.mds-popover-placement-bottom-end,.mds-popover-placement-bottom-start{margin-top:18px}.mds-popover-placement-left,.mds-popover-placement-left-end,.mds-popover-placement-left-start{margin-right:9px}.mds-popover-placement-top-end .popper__arrow,.mds-popover-placement-top-start .popper__arrow,.mds-popover-placement-top .popper__arrow{bottom:-6px;border-width:6px 6px 0;border-top-color:#ebeef5}.mds-popover-placement-top-end .popper__arrow:after,.mds-popover-placement-top-start .popper__arrow:after,.mds-popover-placement-top .popper__arrow:after{bottom:1px;border-top-color:#ebeef5;border-width:5px 5px 0;margin-left:-5px;border-top-color:#fff}.mds-popover-placement-right-end .popper__arrow,.mds-popover-placement-right-start .popper__arrow,.mds-popover-placement-right .popper__arrow{left:-6px;border-width:6px 6px 6px 0;border-right-color:#ebeef5}.mds-popover-placement-right-end .popper__arrow:after,.mds-popover-placement-right-start .popper__arrow:after,.mds-popover-placement-right .popper__arrow:after{left:1px;border-right-color:#ebeef5;border-width:5px 5px 5px 0;bottom:-5px;border-right-color:#fff}.mds-popover-placement-left-end .popper__arrow,.mds-popover-placement-left-start .popper__arrow,.mds-popover-placement-left .popper__arrow{right:-6px;border-width:6px 0 6px 6px;border-left-color:#ebeef5}.mds-popover-placement-left-end .popper__arrow:after,.mds-popover-placement-left-start .popper__arrow:after,.mds-popover-placement-left .popper__arrow:after{right:1px;border-left-color:#ebeef5;border-width:5px 0 5px 5px;margin-left:-5px;bottom:-5px;border-left-color:#fff}.mds-popover-placement-bottom-end .popper__arrow,.mds-popover-placement-bottom-start .popper__arrow,.mds-popover-placement-bottom .popper__arrow{top:-6px;border-width:0 6px 6px;border-bottom-color:#ebeef5}.mds-popover-placement-bottom-end .popper__arrow:after,.mds-popover-placement-bottom-start .popper__arrow:after,.mds-popover-placement-bottom .popper__arrow:after{top:1px;border-top-color:#ebeef5;border-width:0 5px 5px;margin-left:-5px;border-bottom-color:#fff}.mds-table{overflow:hidden;position:relative;flex:1}.mds-table table,.mds-table tbody{width:100%}.mds-table th{height:39px;background:#fafafd;text-align:left;font-size:12px;font-family:PingFangSC-Semibold;font-weight:600;color:#7f8fa4;border-right:1px solid #f0f2f5;border-top:1px solid #f0f2f5}.mds-table tr:hover{background-color:#fafafa;cursor:pointer}.mds-table .stripe-row{background:#fafafd}.mds-table td{height:39px;font-size:12px;font-family:PingFangSC-Regular;font-weight:400;color:#7f8fa4;text-align:left;border-bottom:1px solid #f0f2f5}.mds-table .mds-table-fixed-left-body{overflow:hidden;position:relative;z-index:3}.mds-table .main-table{border-bottom:0;border-right:0;overflow-x:scroll}.mds-table .main-table:before{background-color:#d7dde4;z-index:4;width:100%;height:1px;left:0;bottom:0;z-index:1;content:"";position:absolute;background-color:#f0f2f5}.mds-table .notdata{text-align:center;border-bottom:1px solid #f0f2f5;height:40px;line-height:40px;color:#7f8fa4}.mds-table .loadings{position:absolute;top:0;left:0;z-index:8;width:100%;height:100%;background-color:hsla(0,0%,100%,.9);border-top:0;border-left:0;visibility:visible;opacity:1;transition:all .5s linear}.mds-table .loadings span{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:inline-block;width:80px;height:80px;color:#7a7e83}.mds-table .mds-table-header{border-bottom:1px solid #f0f2f5}.mds-table .mds-td,.mds-table .mds-th{padding:12px 20px}.mds-table .mds-table-fiexd-left{position:absolute;left:0;top:0;box-shadow:2px 0 6px -2px rgba(0,0,0,.2);background:#fff}.mds-table .mds-table-fiexd-right{position:absolute;right:0;top:0;box-shadow:-2px 0 6px -2px rgba(0,0,0,.2);background:#fff}.mds-table .mds-table-fixed-left-header{overflow:hidden}.mds-table table{table-layout:fixed}
1
+ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
2
+ /* stylelint-disable declaration-bang-space-before */
3
+ /* stylelint-disable declaration-bang-space-before */
4
+ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
5
+ .mds-btn {
6
+ display: inline-block;
7
+ margin-bottom: 0;
8
+ font-weight: normal;
9
+ text-align: center;
10
+ touch-action: manipulation;
11
+ cursor: pointer;
12
+ background-image: none;
13
+ border: 1px solid #d8dce6;
14
+ white-space: nowrap;
15
+ line-height: 1.15;
16
+ padding: 0 15px;
17
+ font-size: 14px;
18
+ border-radius: 4px;
19
+ height: 36px;
20
+ user-select: none;
21
+ transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
22
+ position: relative;
23
+ color: #666666;
24
+ background-color: #fff;
25
+ border-color: #d9d9d9;
26
+ }
27
+ .mds-btn > .mdsicon {
28
+ line-height: 1.3;
29
+ }
30
+ .mds-btn,
31
+ .mds-btn:active,
32
+ .mds-btn:focus {
33
+ outline: 0;
34
+ }
35
+ .mds-btn:not([disabled]):hover {
36
+ text-decoration: none;
37
+ }
38
+ .mds-btn:not([disabled]):active {
39
+ outline: 0;
40
+ transition: none;
41
+ }
42
+ .mds-btn.disabled,
43
+ .mds-btn[disabled] {
44
+ cursor: not-allowed;
45
+ }
46
+ .mds-btn.disabled > *,
47
+ .mds-btn[disabled] > * {
48
+ pointer-events: none;
49
+ }
50
+ .mds-btn-lg {
51
+ padding: 0 19px;
52
+ font-size: 20px;
53
+ border-radius: 4px;
54
+ height: 40px;
55
+ }
56
+ .mds-btn-sm {
57
+ padding: 0 11px;
58
+ font-size: 14px;
59
+ border-radius: 4px;
60
+ height: 32px;
61
+ }
62
+ .mds-btn-sm > .mdsicon + span,
63
+ .mds-btn-sm > span + .mdsicon {
64
+ margin-left: 0px !important;
65
+ }
66
+ .mds-btn-ls {
67
+ padding: 0 7px;
68
+ font-size: 12px;
69
+ border-radius: 4px;
70
+ height: 28px;
71
+ }
72
+ .mds-btn-ls > .mdsicon + span,
73
+ .mds-btn-ls > span + .mdsicon {
74
+ margin-left: 0px !important;
75
+ }
76
+ .mds-btn > a:only-child {
77
+ color: currentColor;
78
+ }
79
+ .mds-btn > a:only-child:after {
80
+ content: '';
81
+ position: absolute;
82
+ top: 0;
83
+ left: 0;
84
+ bottom: 0;
85
+ right: 0;
86
+ background: transparent;
87
+ }
88
+ .mds-btn:hover,
89
+ .mds-btn:focus {
90
+ color: #0364ff;
91
+ background-color: #fff;
92
+ border-color: #0364ff;
93
+ }
94
+ .mds-btn:hover > a:only-child,
95
+ .mds-btn:focus > a:only-child {
96
+ color: currentColor;
97
+ }
98
+ .mds-btn:hover > a:only-child:after,
99
+ .mds-btn:focus > a:only-child:after {
100
+ content: '';
101
+ position: absolute;
102
+ top: 0;
103
+ left: 0;
104
+ bottom: 0;
105
+ right: 0;
106
+ background: transparent;
107
+ }
108
+ .mds-btn:active,
109
+ .mds-btn.active {
110
+ color: #0252dd;
111
+ background-color: #fff;
112
+ border-color: #0252dd;
113
+ }
114
+ .mds-btn:active > a:only-child,
115
+ .mds-btn.active > a:only-child {
116
+ color: currentColor;
117
+ }
118
+ .mds-btn:active > a:only-child:after,
119
+ .mds-btn.active > a:only-child:after {
120
+ content: '';
121
+ position: absolute;
122
+ top: 0;
123
+ left: 0;
124
+ bottom: 0;
125
+ right: 0;
126
+ background: transparent;
127
+ }
128
+ .mds-btn.disabled,
129
+ .mds-btn[disabled],
130
+ .mds-btn.disabled:hover,
131
+ .mds-btn[disabled]:hover,
132
+ .mds-btn.disabled:focus,
133
+ .mds-btn[disabled]:focus,
134
+ .mds-btn.disabled:active,
135
+ .mds-btn[disabled]:active,
136
+ .mds-btn.disabled.active,
137
+ .mds-btn[disabled].active {
138
+ color: rgba(0, 0, 0, 0.2);
139
+ background-color: #f7f7f7;
140
+ border-color: #d9d9d9;
141
+ }
142
+ .mds-btn.disabled > a:only-child,
143
+ .mds-btn[disabled] > a:only-child,
144
+ .mds-btn.disabled:hover > a:only-child,
145
+ .mds-btn[disabled]:hover > a:only-child,
146
+ .mds-btn.disabled:focus > a:only-child,
147
+ .mds-btn[disabled]:focus > a:only-child,
148
+ .mds-btn.disabled:active > a:only-child,
149
+ .mds-btn[disabled]:active > a:only-child,
150
+ .mds-btn.disabled.active > a:only-child,
151
+ .mds-btn[disabled].active > a:only-child {
152
+ color: currentColor;
153
+ }
154
+ .mds-btn.disabled > a:only-child:after,
155
+ .mds-btn[disabled] > a:only-child:after,
156
+ .mds-btn.disabled:hover > a:only-child:after,
157
+ .mds-btn[disabled]:hover > a:only-child:after,
158
+ .mds-btn.disabled:focus > a:only-child:after,
159
+ .mds-btn[disabled]:focus > a:only-child:after,
160
+ .mds-btn.disabled:active > a:only-child:after,
161
+ .mds-btn[disabled]:active > a:only-child:after,
162
+ .mds-btn.disabled.active > a:only-child:after,
163
+ .mds-btn[disabled].active > a:only-child:after {
164
+ content: '';
165
+ position: absolute;
166
+ top: 0;
167
+ left: 0;
168
+ bottom: 0;
169
+ right: 0;
170
+ background: transparent;
171
+ }
172
+ .mds-btn > a:only-child {
173
+ color: currentColor;
174
+ }
175
+ .mds-btn > a:only-child:after {
176
+ content: '';
177
+ position: absolute;
178
+ top: 0;
179
+ left: 0;
180
+ bottom: 0;
181
+ right: 0;
182
+ background: transparent;
183
+ }
184
+ .mds-btn:hover,
185
+ .mds-btn:focus,
186
+ .mds-btn:active,
187
+ .mds-btn.active {
188
+ background: #fff;
189
+ }
190
+ .mds-btn + .mds-btn {
191
+ margin-left: 8px;
192
+ }
193
+ .mds-btn > i {
194
+ pointer-events: none;
195
+ margin-left: 0px;
196
+ }
197
+ .mds-btn > span {
198
+ pointer-events: none;
199
+ }
200
+ .mds-btn-sm.mds-btn:not(.mds-btn-circle):not(.mds-btn-circle-outline).mds-btn-icon-only {
201
+ padding-left: 11px;
202
+ padding-right: 9px;
203
+ }
204
+ .mds-btn-sm.mds-btn:not(.mds-btn-circle):not(.mds-btn-circle-outline).mds-btn-icon-only > i {
205
+ pointer-events: none;
206
+ margin-left: -4px;
207
+ }
208
+ .mds-btn-lg.mds-btn:not(.mds-btn-circle):not(.mds-btn-circle-outline).mds-btn-icon-only {
209
+ padding-left: 14px;
210
+ padding-right: 12px;
211
+ }
212
+ .mds-btn-lg.mds-btn:not(.mds-btn-circle):not(.mds-btn-circle-outline).mds-btn-icon-only > i {
213
+ pointer-events: none;
214
+ margin-left: -4px;
215
+ }
216
+ .mds-btn-ls.mds-btn:not(.mds-btn-circle):not(.mds-btn-circle-outline).mds-btn-icon-only {
217
+ padding-left: 9px;
218
+ padding-right: 7px;
219
+ }
220
+ .mds-btn-ls.mds-btn:not(.mds-btn-circle):not(.mds-btn-circle-outline).mds-btn-icon-only > i {
221
+ pointer-events: none;
222
+ margin-left: -2px;
223
+ }
224
+ .mds-btn-primary {
225
+ color: #fff;
226
+ background-color: #0364ff;
227
+ border-color: #0364ff;
228
+ }
229
+ .mds-btn-primary > a:only-child {
230
+ color: currentColor;
231
+ }
232
+ .mds-btn-primary > a:only-child:after {
233
+ content: '';
234
+ position: absolute;
235
+ top: 0;
236
+ left: 0;
237
+ bottom: 0;
238
+ right: 0;
239
+ background: transparent;
240
+ }
241
+ .mds-btn-primary:hover,
242
+ .mds-btn-primary:focus {
243
+ color: #fff;
244
+ background-color: #3f89ff;
245
+ border-color: #1770FF;
246
+ }
247
+ .mds-btn-primary:hover > a:only-child,
248
+ .mds-btn-primary:focus > a:only-child {
249
+ color: currentColor;
250
+ }
251
+ .mds-btn-primary:hover > a:only-child:after,
252
+ .mds-btn-primary:focus > a:only-child:after {
253
+ content: '';
254
+ position: absolute;
255
+ top: 0;
256
+ left: 0;
257
+ bottom: 0;
258
+ right: 0;
259
+ background: transparent;
260
+ }
261
+ .mds-btn-primary:active,
262
+ .mds-btn-primary.active {
263
+ color: #fff;
264
+ background-color: #0252dd;
265
+ border-color: #0364FF;
266
+ }
267
+ .mds-btn-primary:active > a:only-child,
268
+ .mds-btn-primary.active > a:only-child {
269
+ color: currentColor;
270
+ }
271
+ .mds-btn-primary:active > a:only-child:after,
272
+ .mds-btn-primary.active > a:only-child:after {
273
+ content: '';
274
+ position: absolute;
275
+ top: 0;
276
+ left: 0;
277
+ bottom: 0;
278
+ right: 0;
279
+ background: transparent;
280
+ }
281
+ .mds-btn-primary.disabled,
282
+ .mds-btn-primary[disabled],
283
+ .mds-btn-primary.disabled:hover,
284
+ .mds-btn-primary[disabled]:hover,
285
+ .mds-btn-primary.disabled:focus,
286
+ .mds-btn-primary[disabled]:focus,
287
+ .mds-btn-primary.disabled:active,
288
+ .mds-btn-primary[disabled]:active,
289
+ .mds-btn-primary.disabled.active,
290
+ .mds-btn-primary[disabled].active {
291
+ color: rgba(0, 0, 0, 0.2);
292
+ background-color: #f7f7f7;
293
+ border-color: #d9d9d9;
294
+ }
295
+ .mds-btn-primary.disabled > a:only-child,
296
+ .mds-btn-primary[disabled] > a:only-child,
297
+ .mds-btn-primary.disabled:hover > a:only-child,
298
+ .mds-btn-primary[disabled]:hover > a:only-child,
299
+ .mds-btn-primary.disabled:focus > a:only-child,
300
+ .mds-btn-primary[disabled]:focus > a:only-child,
301
+ .mds-btn-primary.disabled:active > a:only-child,
302
+ .mds-btn-primary[disabled]:active > a:only-child,
303
+ .mds-btn-primary.disabled.active > a:only-child,
304
+ .mds-btn-primary[disabled].active > a:only-child {
305
+ color: currentColor;
306
+ }
307
+ .mds-btn-primary.disabled > a:only-child:after,
308
+ .mds-btn-primary[disabled] > a:only-child:after,
309
+ .mds-btn-primary.disabled:hover > a:only-child:after,
310
+ .mds-btn-primary[disabled]:hover > a:only-child:after,
311
+ .mds-btn-primary.disabled:focus > a:only-child:after,
312
+ .mds-btn-primary[disabled]:focus > a:only-child:after,
313
+ .mds-btn-primary.disabled:active > a:only-child:after,
314
+ .mds-btn-primary[disabled]:active > a:only-child:after,
315
+ .mds-btn-primary.disabled.active > a:only-child:after,
316
+ .mds-btn-primary[disabled].active > a:only-child:after {
317
+ content: '';
318
+ position: absolute;
319
+ top: 0;
320
+ left: 0;
321
+ bottom: 0;
322
+ right: 0;
323
+ background: transparent;
324
+ }
325
+ .mds-btn-primary:focus {
326
+ border-color: #0152dd !important;
327
+ }
328
+ .mds-btn-group .mds-btn-primary:not(:first-child):not(:last-child) {
329
+ border-right-color: #0252dd;
330
+ border-left-color: #0252dd;
331
+ }
332
+ .mds-btn-group .mds-btn-primary:not(:first-child):not(:last-child):disabled {
333
+ border-color: #d9d9d9;
334
+ }
335
+ .mds-btn-group .mds-btn-primary:first-child:not(:last-child) {
336
+ border-right-color: #6D9DEB;
337
+ }
338
+ .mds-btn-group .mds-btn-primary:first-child:not(:last-child)[disabled] {
339
+ border-right-color: #d9d9d9;
340
+ }
341
+ .mds-btn-group .mds-btn-primary:last-child:not(:first-child),
342
+ .mds-btn-group .mds-btn-primary + .mds-btn-primary {
343
+ border-left-color: #6D9DEB;
344
+ }
345
+ .mds-btn-group .mds-btn-primary:last-child:not(:first-child)[disabled],
346
+ .mds-btn-group .mds-btn-primary + .mds-btn-primary[disabled] {
347
+ border-left-color: #d9d9d9;
348
+ }
349
+ .mds-btn-primary span {
350
+ color: inherit;
351
+ }
352
+ .mds-btn-ghost {
353
+ color: #666666;
354
+ background-color: transparent;
355
+ border-color: #d9d9d9;
356
+ background: #bec8c8;
357
+ padding: 20px;
358
+ }
359
+ .mds-btn-ghost > a:only-child {
360
+ color: currentColor;
361
+ }
362
+ .mds-btn-ghost > a:only-child:after {
363
+ content: '';
364
+ position: absolute;
365
+ top: 0;
366
+ left: 0;
367
+ bottom: 0;
368
+ right: 0;
369
+ background: transparent;
370
+ }
371
+ .mds-btn-ghost:hover,
372
+ .mds-btn-ghost:focus {
373
+ color: #0364ff;
374
+ background-color: transparent;
375
+ border-color: #0364ff;
376
+ }
377
+ .mds-btn-ghost:hover > a:only-child,
378
+ .mds-btn-ghost:focus > a:only-child {
379
+ color: currentColor;
380
+ }
381
+ .mds-btn-ghost:hover > a:only-child:after,
382
+ .mds-btn-ghost:focus > a:only-child:after {
383
+ content: '';
384
+ position: absolute;
385
+ top: 0;
386
+ left: 0;
387
+ bottom: 0;
388
+ right: 0;
389
+ background: transparent;
390
+ }
391
+ .mds-btn-ghost:active,
392
+ .mds-btn-ghost.active {
393
+ color: #0252dd;
394
+ background-color: transparent;
395
+ border-color: #0252dd;
396
+ }
397
+ .mds-btn-ghost:active > a:only-child,
398
+ .mds-btn-ghost.active > a:only-child {
399
+ color: currentColor;
400
+ }
401
+ .mds-btn-ghost:active > a:only-child:after,
402
+ .mds-btn-ghost.active > a:only-child:after {
403
+ content: '';
404
+ position: absolute;
405
+ top: 0;
406
+ left: 0;
407
+ bottom: 0;
408
+ right: 0;
409
+ background: transparent;
410
+ }
411
+ .mds-btn-ghost.disabled,
412
+ .mds-btn-ghost[disabled],
413
+ .mds-btn-ghost.disabled:hover,
414
+ .mds-btn-ghost[disabled]:hover,
415
+ .mds-btn-ghost.disabled:focus,
416
+ .mds-btn-ghost[disabled]:focus,
417
+ .mds-btn-ghost.disabled:active,
418
+ .mds-btn-ghost[disabled]:active,
419
+ .mds-btn-ghost.disabled.active,
420
+ .mds-btn-ghost[disabled].active {
421
+ color: rgba(0, 0, 0, 0.2);
422
+ background-color: #f7f7f7;
423
+ border-color: #d9d9d9;
424
+ }
425
+ .mds-btn-ghost.disabled > a:only-child,
426
+ .mds-btn-ghost[disabled] > a:only-child,
427
+ .mds-btn-ghost.disabled:hover > a:only-child,
428
+ .mds-btn-ghost[disabled]:hover > a:only-child,
429
+ .mds-btn-ghost.disabled:focus > a:only-child,
430
+ .mds-btn-ghost[disabled]:focus > a:only-child,
431
+ .mds-btn-ghost.disabled:active > a:only-child,
432
+ .mds-btn-ghost[disabled]:active > a:only-child,
433
+ .mds-btn-ghost.disabled.active > a:only-child,
434
+ .mds-btn-ghost[disabled].active > a:only-child {
435
+ color: currentColor;
436
+ }
437
+ .mds-btn-ghost.disabled > a:only-child:after,
438
+ .mds-btn-ghost[disabled] > a:only-child:after,
439
+ .mds-btn-ghost.disabled:hover > a:only-child:after,
440
+ .mds-btn-ghost[disabled]:hover > a:only-child:after,
441
+ .mds-btn-ghost.disabled:focus > a:only-child:after,
442
+ .mds-btn-ghost[disabled]:focus > a:only-child:after,
443
+ .mds-btn-ghost.disabled:active > a:only-child:after,
444
+ .mds-btn-ghost[disabled]:active > a:only-child:after,
445
+ .mds-btn-ghost.disabled.active > a:only-child:after,
446
+ .mds-btn-ghost[disabled].active > a:only-child:after {
447
+ content: '';
448
+ position: absolute;
449
+ top: 0;
450
+ left: 0;
451
+ bottom: 0;
452
+ right: 0;
453
+ background: transparent;
454
+ }
455
+ .mds-btn-ghost .margin {
456
+ margin-top: 10px;
457
+ }
458
+ .mds-btn-dashed {
459
+ color: #666666;
460
+ background-color: #fff;
461
+ border-color: #d9d9d9;
462
+ border-style: dashed;
463
+ }
464
+ .mds-btn-dashed > a:only-child {
465
+ color: currentColor;
466
+ }
467
+ .mds-btn-dashed > a:only-child:after {
468
+ content: '';
469
+ position: absolute;
470
+ top: 0;
471
+ left: 0;
472
+ bottom: 0;
473
+ right: 0;
474
+ background: transparent;
475
+ }
476
+ .mds-btn-dashed:hover,
477
+ .mds-btn-dashed:focus {
478
+ color: #0364ff;
479
+ background-color: #fff;
480
+ border-color: #0364ff;
481
+ }
482
+ .mds-btn-dashed:hover > a:only-child,
483
+ .mds-btn-dashed:focus > a:only-child {
484
+ color: currentColor;
485
+ }
486
+ .mds-btn-dashed:hover > a:only-child:after,
487
+ .mds-btn-dashed:focus > a:only-child:after {
488
+ content: '';
489
+ position: absolute;
490
+ top: 0;
491
+ left: 0;
492
+ bottom: 0;
493
+ right: 0;
494
+ background: transparent;
495
+ }
496
+ .mds-btn-dashed:active,
497
+ .mds-btn-dashed.active {
498
+ color: #0252dd;
499
+ background-color: #fff;
500
+ border-color: #0252dd;
501
+ }
502
+ .mds-btn-dashed:active > a:only-child,
503
+ .mds-btn-dashed.active > a:only-child {
504
+ color: currentColor;
505
+ }
506
+ .mds-btn-dashed:active > a:only-child:after,
507
+ .mds-btn-dashed.active > a:only-child:after {
508
+ content: '';
509
+ position: absolute;
510
+ top: 0;
511
+ left: 0;
512
+ bottom: 0;
513
+ right: 0;
514
+ background: transparent;
515
+ }
516
+ .mds-btn-dashed.disabled,
517
+ .mds-btn-dashed[disabled],
518
+ .mds-btn-dashed.disabled:hover,
519
+ .mds-btn-dashed[disabled]:hover,
520
+ .mds-btn-dashed.disabled:focus,
521
+ .mds-btn-dashed[disabled]:focus,
522
+ .mds-btn-dashed.disabled:active,
523
+ .mds-btn-dashed[disabled]:active,
524
+ .mds-btn-dashed.disabled.active,
525
+ .mds-btn-dashed[disabled].active {
526
+ color: rgba(0, 0, 0, 0.2);
527
+ background-color: #f7f7f7;
528
+ border-color: #d9d9d9;
529
+ }
530
+ .mds-btn-dashed.disabled > a:only-child,
531
+ .mds-btn-dashed[disabled] > a:only-child,
532
+ .mds-btn-dashed.disabled:hover > a:only-child,
533
+ .mds-btn-dashed[disabled]:hover > a:only-child,
534
+ .mds-btn-dashed.disabled:focus > a:only-child,
535
+ .mds-btn-dashed[disabled]:focus > a:only-child,
536
+ .mds-btn-dashed.disabled:active > a:only-child,
537
+ .mds-btn-dashed[disabled]:active > a:only-child,
538
+ .mds-btn-dashed.disabled.active > a:only-child,
539
+ .mds-btn-dashed[disabled].active > a:only-child {
540
+ color: currentColor;
541
+ }
542
+ .mds-btn-dashed.disabled > a:only-child:after,
543
+ .mds-btn-dashed[disabled] > a:only-child:after,
544
+ .mds-btn-dashed.disabled:hover > a:only-child:after,
545
+ .mds-btn-dashed[disabled]:hover > a:only-child:after,
546
+ .mds-btn-dashed.disabled:focus > a:only-child:after,
547
+ .mds-btn-dashed[disabled]:focus > a:only-child:after,
548
+ .mds-btn-dashed.disabled:active > a:only-child:after,
549
+ .mds-btn-dashed[disabled]:active > a:only-child:after,
550
+ .mds-btn-dashed.disabled.active > a:only-child:after,
551
+ .mds-btn-dashed[disabled].active > a:only-child:after {
552
+ content: '';
553
+ position: absolute;
554
+ top: 0;
555
+ left: 0;
556
+ bottom: 0;
557
+ right: 0;
558
+ background: transparent;
559
+ }
560
+ .mds-btn-danger {
561
+ color: #fff;
562
+ background-color: #EE3333;
563
+ border-color: #EE3333;
564
+ }
565
+ .mds-btn-danger > a:only-child {
566
+ color: currentColor;
567
+ }
568
+ .mds-btn-danger > a:only-child:after {
569
+ content: '';
570
+ position: absolute;
571
+ top: 0;
572
+ left: 0;
573
+ bottom: 0;
574
+ right: 0;
575
+ background: transparent;
576
+ }
577
+ .mds-btn-danger:hover,
578
+ .mds-btn-danger:focus {
579
+ color: #fff;
580
+ background-color: #EF4747;
581
+ border-color: #EF4747;
582
+ }
583
+ .mds-btn-danger:hover > a:only-child,
584
+ .mds-btn-danger:focus > a:only-child {
585
+ color: currentColor;
586
+ }
587
+ .mds-btn-danger:hover > a:only-child:after,
588
+ .mds-btn-danger:focus > a:only-child:after {
589
+ content: '';
590
+ position: absolute;
591
+ top: 0;
592
+ left: 0;
593
+ bottom: 0;
594
+ right: 0;
595
+ background: transparent;
596
+ }
597
+ .mds-btn-danger:active,
598
+ .mds-btn-danger.active {
599
+ color: #fff;
600
+ background-color: #D52D2D;
601
+ border-color: #D52D2D;
602
+ }
603
+ .mds-btn-danger:active > a:only-child,
604
+ .mds-btn-danger.active > a:only-child {
605
+ color: currentColor;
606
+ }
607
+ .mds-btn-danger:active > a:only-child:after,
608
+ .mds-btn-danger.active > a:only-child:after {
609
+ content: '';
610
+ position: absolute;
611
+ top: 0;
612
+ left: 0;
613
+ bottom: 0;
614
+ right: 0;
615
+ background: transparent;
616
+ }
617
+ .mds-btn-danger.disabled,
618
+ .mds-btn-danger[disabled],
619
+ .mds-btn-danger.disabled:hover,
620
+ .mds-btn-danger[disabled]:hover,
621
+ .mds-btn-danger.disabled:focus,
622
+ .mds-btn-danger[disabled]:focus,
623
+ .mds-btn-danger.disabled:active,
624
+ .mds-btn-danger[disabled]:active,
625
+ .mds-btn-danger.disabled.active,
626
+ .mds-btn-danger[disabled].active {
627
+ color: rgba(0, 0, 0, 0.2);
628
+ background-color: #f7f7f7;
629
+ border-color: #d9d9d9;
630
+ }
631
+ .mds-btn-danger.disabled > a:only-child,
632
+ .mds-btn-danger[disabled] > a:only-child,
633
+ .mds-btn-danger.disabled:hover > a:only-child,
634
+ .mds-btn-danger[disabled]:hover > a:only-child,
635
+ .mds-btn-danger.disabled:focus > a:only-child,
636
+ .mds-btn-danger[disabled]:focus > a:only-child,
637
+ .mds-btn-danger.disabled:active > a:only-child,
638
+ .mds-btn-danger[disabled]:active > a:only-child,
639
+ .mds-btn-danger.disabled.active > a:only-child,
640
+ .mds-btn-danger[disabled].active > a:only-child {
641
+ color: currentColor;
642
+ }
643
+ .mds-btn-danger.disabled > a:only-child:after,
644
+ .mds-btn-danger[disabled] > a:only-child:after,
645
+ .mds-btn-danger.disabled:hover > a:only-child:after,
646
+ .mds-btn-danger[disabled]:hover > a:only-child:after,
647
+ .mds-btn-danger.disabled:focus > a:only-child:after,
648
+ .mds-btn-danger[disabled]:focus > a:only-child:after,
649
+ .mds-btn-danger.disabled:active > a:only-child:after,
650
+ .mds-btn-danger[disabled]:active > a:only-child:after,
651
+ .mds-btn-danger.disabled.active > a:only-child:after,
652
+ .mds-btn-danger[disabled].active > a:only-child:after {
653
+ content: '';
654
+ position: absolute;
655
+ top: 0;
656
+ left: 0;
657
+ bottom: 0;
658
+ right: 0;
659
+ background: transparent;
660
+ }
661
+ .mds-btn-normal {
662
+ color: #0364ff;
663
+ background-color: #fff;
664
+ border-color: #fff;
665
+ }
666
+ .mds-btn-normal > a:only-child {
667
+ color: currentColor;
668
+ }
669
+ .mds-btn-normal > a:only-child:after {
670
+ content: '';
671
+ position: absolute;
672
+ top: 0;
673
+ left: 0;
674
+ bottom: 0;
675
+ right: 0;
676
+ background: transparent;
677
+ }
678
+ .mds-btn-normal:hover,
679
+ .mds-btn-normal:focus {
680
+ color: #0364ff;
681
+ background-color: #E6F0FF;
682
+ border-color: #fff;
683
+ }
684
+ .mds-btn-normal:hover > a:only-child,
685
+ .mds-btn-normal:focus > a:only-child {
686
+ color: currentColor;
687
+ }
688
+ .mds-btn-normal:hover > a:only-child:after,
689
+ .mds-btn-normal:focus > a:only-child:after {
690
+ content: '';
691
+ position: absolute;
692
+ top: 0;
693
+ left: 0;
694
+ bottom: 0;
695
+ right: 0;
696
+ background: transparent;
697
+ }
698
+ .mds-btn-normal:active,
699
+ .mds-btn-normal.active {
700
+ color: #0252dd;
701
+ background-color: #fff;
702
+ border-color: #fff;
703
+ }
704
+ .mds-btn-normal:active > a:only-child,
705
+ .mds-btn-normal.active > a:only-child {
706
+ color: currentColor;
707
+ }
708
+ .mds-btn-normal:active > a:only-child:after,
709
+ .mds-btn-normal.active > a:only-child:after {
710
+ content: '';
711
+ position: absolute;
712
+ top: 0;
713
+ left: 0;
714
+ bottom: 0;
715
+ right: 0;
716
+ background: transparent;
717
+ }
718
+ .mds-btn-normal.disabled,
719
+ .mds-btn-normal[disabled],
720
+ .mds-btn-normal.disabled:hover,
721
+ .mds-btn-normal[disabled]:hover,
722
+ .mds-btn-normal.disabled:focus,
723
+ .mds-btn-normal[disabled]:focus,
724
+ .mds-btn-normal.disabled:active,
725
+ .mds-btn-normal[disabled]:active,
726
+ .mds-btn-normal.disabled.active,
727
+ .mds-btn-normal[disabled].active {
728
+ color: rgba(0, 0, 0, 0.2);
729
+ background-color: #f7f7f7;
730
+ border-color: #d9d9d9;
731
+ }
732
+ .mds-btn-normal.disabled > a:only-child,
733
+ .mds-btn-normal[disabled] > a:only-child,
734
+ .mds-btn-normal.disabled:hover > a:only-child,
735
+ .mds-btn-normal[disabled]:hover > a:only-child,
736
+ .mds-btn-normal.disabled:focus > a:only-child,
737
+ .mds-btn-normal[disabled]:focus > a:only-child,
738
+ .mds-btn-normal.disabled:active > a:only-child,
739
+ .mds-btn-normal[disabled]:active > a:only-child,
740
+ .mds-btn-normal.disabled.active > a:only-child,
741
+ .mds-btn-normal[disabled].active > a:only-child {
742
+ color: currentColor;
743
+ }
744
+ .mds-btn-normal.disabled > a:only-child:after,
745
+ .mds-btn-normal[disabled] > a:only-child:after,
746
+ .mds-btn-normal.disabled:hover > a:only-child:after,
747
+ .mds-btn-normal[disabled]:hover > a:only-child:after,
748
+ .mds-btn-normal.disabled:focus > a:only-child:after,
749
+ .mds-btn-normal[disabled]:focus > a:only-child:after,
750
+ .mds-btn-normal.disabled:active > a:only-child:after,
751
+ .mds-btn-normal[disabled]:active > a:only-child:after,
752
+ .mds-btn-normal.disabled.active > a:only-child:after,
753
+ .mds-btn-normal[disabled].active > a:only-child:after {
754
+ content: '';
755
+ position: absolute;
756
+ top: 0;
757
+ left: 0;
758
+ bottom: 0;
759
+ right: 0;
760
+ background: transparent;
761
+ }
762
+ .mds-btn-normal.disabled,
763
+ .mds-btn-normal[disabled] {
764
+ background-color: transparent;
765
+ border: none;
766
+ }
767
+ .mds-btn-normal.disabled:focus,
768
+ .mds-btn-normal[disabled]:focus,
769
+ .mds-btn-normal.disabled:hover,
770
+ .mds-btn-normal[disabled]:hover,
771
+ .mds-btn-normal.disabled:active,
772
+ .mds-btn-normal[disabled]:active,
773
+ .mds-btn-normal.disabled.active,
774
+ .mds-btn-normal[disabled].active {
775
+ background-color: #f7f7f7;
776
+ }
777
+ .mds-btn-correct {
778
+ color: #fff;
779
+ background-color: #00AA00;
780
+ border-color: #00AA00;
781
+ }
782
+ .mds-btn-correct > a:only-child {
783
+ color: currentColor;
784
+ }
785
+ .mds-btn-correct > a:only-child:after {
786
+ content: '';
787
+ position: absolute;
788
+ top: 0;
789
+ left: 0;
790
+ bottom: 0;
791
+ right: 0;
792
+ background: transparent;
793
+ }
794
+ .mds-btn-correct:hover,
795
+ .mds-btn-correct:focus {
796
+ color: #fff;
797
+ background-color: #3dbe3d;
798
+ border-color: #1AB21A;
799
+ }
800
+ .mds-btn-correct:hover > a:only-child,
801
+ .mds-btn-correct:focus > a:only-child {
802
+ color: currentColor;
803
+ }
804
+ .mds-btn-correct:hover > a:only-child:after,
805
+ .mds-btn-correct:focus > a:only-child:after {
806
+ content: '';
807
+ position: absolute;
808
+ top: 0;
809
+ left: 0;
810
+ bottom: 0;
811
+ right: 0;
812
+ background: transparent;
813
+ }
814
+ .mds-btn-correct:active,
815
+ .mds-btn-correct.active {
816
+ color: #fff;
817
+ background-color: #009303;
818
+ border-color: #009800;
819
+ }
820
+ .mds-btn-correct:active > a:only-child,
821
+ .mds-btn-correct.active > a:only-child {
822
+ color: currentColor;
823
+ }
824
+ .mds-btn-correct:active > a:only-child:after,
825
+ .mds-btn-correct.active > a:only-child:after {
826
+ content: '';
827
+ position: absolute;
828
+ top: 0;
829
+ left: 0;
830
+ bottom: 0;
831
+ right: 0;
832
+ background: transparent;
833
+ }
834
+ .mds-btn-correct.disabled,
835
+ .mds-btn-correct[disabled],
836
+ .mds-btn-correct.disabled:hover,
837
+ .mds-btn-correct[disabled]:hover,
838
+ .mds-btn-correct.disabled:focus,
839
+ .mds-btn-correct[disabled]:focus,
840
+ .mds-btn-correct.disabled:active,
841
+ .mds-btn-correct[disabled]:active,
842
+ .mds-btn-correct.disabled.active,
843
+ .mds-btn-correct[disabled].active {
844
+ color: rgba(0, 0, 0, 0.2);
845
+ background-color: #f7f7f7;
846
+ border-color: #d9d9d9;
847
+ }
848
+ .mds-btn-correct.disabled > a:only-child,
849
+ .mds-btn-correct[disabled] > a:only-child,
850
+ .mds-btn-correct.disabled:hover > a:only-child,
851
+ .mds-btn-correct[disabled]:hover > a:only-child,
852
+ .mds-btn-correct.disabled:focus > a:only-child,
853
+ .mds-btn-correct[disabled]:focus > a:only-child,
854
+ .mds-btn-correct.disabled:active > a:only-child,
855
+ .mds-btn-correct[disabled]:active > a:only-child,
856
+ .mds-btn-correct.disabled.active > a:only-child,
857
+ .mds-btn-correct[disabled].active > a:only-child {
858
+ color: currentColor;
859
+ }
860
+ .mds-btn-correct.disabled > a:only-child:after,
861
+ .mds-btn-correct[disabled] > a:only-child:after,
862
+ .mds-btn-correct.disabled:hover > a:only-child:after,
863
+ .mds-btn-correct[disabled]:hover > a:only-child:after,
864
+ .mds-btn-correct.disabled:focus > a:only-child:after,
865
+ .mds-btn-correct[disabled]:focus > a:only-child:after,
866
+ .mds-btn-correct.disabled:active > a:only-child:after,
867
+ .mds-btn-correct[disabled]:active > a:only-child:after,
868
+ .mds-btn-correct.disabled.active > a:only-child:after,
869
+ .mds-btn-correct[disabled].active > a:only-child:after {
870
+ content: '';
871
+ position: absolute;
872
+ top: 0;
873
+ left: 0;
874
+ bottom: 0;
875
+ right: 0;
876
+ background: transparent;
877
+ }
878
+ .mds-btn-correct:hover {
879
+ border-color: #3cbe3c !important;
880
+ }
881
+ .mds-btn-correct:focus {
882
+ border-color: #019302 !important;
883
+ }
884
+ .mds-btn-warning {
885
+ color: #fff;
886
+ background-color: #ffcc01;
887
+ border-color: #ffcc01;
888
+ }
889
+ .mds-btn-warning > a:only-child {
890
+ color: currentColor;
891
+ }
892
+ .mds-btn-warning > a:only-child:after {
893
+ content: '';
894
+ position: absolute;
895
+ top: 0;
896
+ left: 0;
897
+ bottom: 0;
898
+ right: 0;
899
+ background: transparent;
900
+ }
901
+ .mds-btn-warning:hover,
902
+ .mds-btn-warning:focus {
903
+ color: #fff;
904
+ background-color: #ffd83e;
905
+ border-color: rgba(255, 204, 1, 0.5);
906
+ }
907
+ .mds-btn-warning:hover > a:only-child,
908
+ .mds-btn-warning:focus > a:only-child {
909
+ color: currentColor;
910
+ }
911
+ .mds-btn-warning:hover > a:only-child:after,
912
+ .mds-btn-warning:focus > a:only-child:after {
913
+ content: '';
914
+ position: absolute;
915
+ top: 0;
916
+ left: 0;
917
+ bottom: 0;
918
+ right: 0;
919
+ background: transparent;
920
+ }
921
+ .mds-btn-warning:active,
922
+ .mds-btn-warning.active {
923
+ color: #fff;
924
+ background-color: #e0a601;
925
+ border-color: rgba(255, 204, 1, 0.5);
926
+ }
927
+ .mds-btn-warning:active > a:only-child,
928
+ .mds-btn-warning.active > a:only-child {
929
+ color: currentColor;
930
+ }
931
+ .mds-btn-warning:active > a:only-child:after,
932
+ .mds-btn-warning.active > a:only-child:after {
933
+ content: '';
934
+ position: absolute;
935
+ top: 0;
936
+ left: 0;
937
+ bottom: 0;
938
+ right: 0;
939
+ background: transparent;
940
+ }
941
+ .mds-btn-warning.disabled,
942
+ .mds-btn-warning[disabled],
943
+ .mds-btn-warning.disabled:hover,
944
+ .mds-btn-warning[disabled]:hover,
945
+ .mds-btn-warning.disabled:focus,
946
+ .mds-btn-warning[disabled]:focus,
947
+ .mds-btn-warning.disabled:active,
948
+ .mds-btn-warning[disabled]:active,
949
+ .mds-btn-warning.disabled.active,
950
+ .mds-btn-warning[disabled].active {
951
+ color: rgba(0, 0, 0, 0.2);
952
+ background-color: #f7f7f7;
953
+ border-color: #d9d9d9;
954
+ }
955
+ .mds-btn-warning.disabled > a:only-child,
956
+ .mds-btn-warning[disabled] > a:only-child,
957
+ .mds-btn-warning.disabled:hover > a:only-child,
958
+ .mds-btn-warning[disabled]:hover > a:only-child,
959
+ .mds-btn-warning.disabled:focus > a:only-child,
960
+ .mds-btn-warning[disabled]:focus > a:only-child,
961
+ .mds-btn-warning.disabled:active > a:only-child,
962
+ .mds-btn-warning[disabled]:active > a:only-child,
963
+ .mds-btn-warning.disabled.active > a:only-child,
964
+ .mds-btn-warning[disabled].active > a:only-child {
965
+ color: currentColor;
966
+ }
967
+ .mds-btn-warning.disabled > a:only-child:after,
968
+ .mds-btn-warning[disabled] > a:only-child:after,
969
+ .mds-btn-warning.disabled:hover > a:only-child:after,
970
+ .mds-btn-warning[disabled]:hover > a:only-child:after,
971
+ .mds-btn-warning.disabled:focus > a:only-child:after,
972
+ .mds-btn-warning[disabled]:focus > a:only-child:after,
973
+ .mds-btn-warning.disabled:active > a:only-child:after,
974
+ .mds-btn-warning[disabled]:active > a:only-child:after,
975
+ .mds-btn-warning.disabled.active > a:only-child:after,
976
+ .mds-btn-warning[disabled].active > a:only-child:after {
977
+ content: '';
978
+ position: absolute;
979
+ top: 0;
980
+ left: 0;
981
+ bottom: 0;
982
+ right: 0;
983
+ background: transparent;
984
+ }
985
+ .mds-btn-warning:hover {
986
+ border-color: rgba(255, 204, 1, 0.5) !important;
987
+ }
988
+ .mds-btn-warning:focus {
989
+ border-color: rgba(255, 204, 1, 0.5) !important;
990
+ }
991
+ .mds-btn-info {
992
+ color: #fff;
993
+ background-color: #29adff;
994
+ border-color: #29adff;
995
+ }
996
+ .mds-btn-info > a:only-child {
997
+ color: currentColor;
998
+ }
999
+ .mds-btn-info > a:only-child:after {
1000
+ content: '';
1001
+ position: absolute;
1002
+ top: 0;
1003
+ left: 0;
1004
+ bottom: 0;
1005
+ right: 0;
1006
+ background: transparent;
1007
+ }
1008
+ .mds-btn-info:hover,
1009
+ .mds-btn-info:focus {
1010
+ color: #fff;
1011
+ background-color: #5cc1ff;
1012
+ border-color: rgba(41, 173, 255, 0.5);
1013
+ }
1014
+ .mds-btn-info:hover > a:only-child,
1015
+ .mds-btn-info:focus > a:only-child {
1016
+ color: currentColor;
1017
+ }
1018
+ .mds-btn-info:hover > a:only-child:after,
1019
+ .mds-btn-info:focus > a:only-child:after {
1020
+ content: '';
1021
+ position: absolute;
1022
+ top: 0;
1023
+ left: 0;
1024
+ bottom: 0;
1025
+ right: 0;
1026
+ background: transparent;
1027
+ }
1028
+ .mds-btn-info:active,
1029
+ .mds-btn-info.active {
1030
+ color: #fff;
1031
+ background-color: #1f92e1;
1032
+ border-color: rgba(41, 173, 255, 0.5);
1033
+ }
1034
+ .mds-btn-info:active > a:only-child,
1035
+ .mds-btn-info.active > a:only-child {
1036
+ color: currentColor;
1037
+ }
1038
+ .mds-btn-info:active > a:only-child:after,
1039
+ .mds-btn-info.active > a:only-child:after {
1040
+ content: '';
1041
+ position: absolute;
1042
+ top: 0;
1043
+ left: 0;
1044
+ bottom: 0;
1045
+ right: 0;
1046
+ background: transparent;
1047
+ }
1048
+ .mds-btn-info.disabled,
1049
+ .mds-btn-info[disabled],
1050
+ .mds-btn-info.disabled:hover,
1051
+ .mds-btn-info[disabled]:hover,
1052
+ .mds-btn-info.disabled:focus,
1053
+ .mds-btn-info[disabled]:focus,
1054
+ .mds-btn-info.disabled:active,
1055
+ .mds-btn-info[disabled]:active,
1056
+ .mds-btn-info.disabled.active,
1057
+ .mds-btn-info[disabled].active {
1058
+ color: rgba(0, 0, 0, 0.2);
1059
+ background-color: #f7f7f7;
1060
+ border-color: #d9d9d9;
1061
+ }
1062
+ .mds-btn-info.disabled > a:only-child,
1063
+ .mds-btn-info[disabled] > a:only-child,
1064
+ .mds-btn-info.disabled:hover > a:only-child,
1065
+ .mds-btn-info[disabled]:hover > a:only-child,
1066
+ .mds-btn-info.disabled:focus > a:only-child,
1067
+ .mds-btn-info[disabled]:focus > a:only-child,
1068
+ .mds-btn-info.disabled:active > a:only-child,
1069
+ .mds-btn-info[disabled]:active > a:only-child,
1070
+ .mds-btn-info.disabled.active > a:only-child,
1071
+ .mds-btn-info[disabled].active > a:only-child {
1072
+ color: currentColor;
1073
+ }
1074
+ .mds-btn-info.disabled > a:only-child:after,
1075
+ .mds-btn-info[disabled] > a:only-child:after,
1076
+ .mds-btn-info.disabled:hover > a:only-child:after,
1077
+ .mds-btn-info[disabled]:hover > a:only-child:after,
1078
+ .mds-btn-info.disabled:focus > a:only-child:after,
1079
+ .mds-btn-info[disabled]:focus > a:only-child:after,
1080
+ .mds-btn-info.disabled:active > a:only-child:after,
1081
+ .mds-btn-info[disabled]:active > a:only-child:after,
1082
+ .mds-btn-info.disabled.active > a:only-child:after,
1083
+ .mds-btn-info[disabled].active > a:only-child:after {
1084
+ content: '';
1085
+ position: absolute;
1086
+ top: 0;
1087
+ left: 0;
1088
+ bottom: 0;
1089
+ right: 0;
1090
+ background: transparent;
1091
+ }
1092
+ .mds-btn-info:hover {
1093
+ border-color: rgba(41, 173, 255, 0.5) !important;
1094
+ }
1095
+ .mds-btn-info:focus {
1096
+ border-color: rgba(41, 173, 255, 0.5) !important;
1097
+ }
1098
+ .mds-btn-circle,
1099
+ .mds-btn-circle-outline {
1100
+ width: 36px;
1101
+ padding: 0;
1102
+ font-size: 14px;
1103
+ border-radius: 50%;
1104
+ height: 36px;
1105
+ }
1106
+ .mds-btn-circle.mds-btn-lg,
1107
+ .mds-btn-circle-outline.mds-btn-lg {
1108
+ width: 40px;
1109
+ padding: 0;
1110
+ font-size: 20px;
1111
+ border-radius: 50%;
1112
+ height: 40px;
1113
+ }
1114
+ .mds-btn-circle.mds-btn-sm,
1115
+ .mds-btn-circle-outline.mds-btn-sm {
1116
+ width: 32px;
1117
+ padding: 0;
1118
+ font-size: 16px;
1119
+ border-radius: 50%;
1120
+ height: 32px;
1121
+ font-size: 14px;
1122
+ }
1123
+ .mds-btn-circle.mds-btn-ls,
1124
+ .mds-btn-circle-outline.mds-btn-ls {
1125
+ width: 28px;
1126
+ padding: 0;
1127
+ font-size: 14px;
1128
+ border-radius: 50%;
1129
+ height: 28px;
1130
+ font-size: 12px;
1131
+ }
1132
+ .mds-btn-loading {
1133
+ color: #fff;
1134
+ background-color: #1770FF;
1135
+ border-color: #1770FF;
1136
+ }
1137
+ .mds-btn-loading > a:only-child {
1138
+ color: currentColor;
1139
+ }
1140
+ .mds-btn-loading > a:only-child:after {
1141
+ content: '';
1142
+ position: absolute;
1143
+ top: 0;
1144
+ left: 0;
1145
+ bottom: 0;
1146
+ right: 0;
1147
+ background: transparent;
1148
+ }
1149
+ .mds-btn-loading:hover,
1150
+ .mds-btn-loading:focus {
1151
+ color: #fff;
1152
+ background-color: #4e92ff;
1153
+ border-color: #1AB21A;
1154
+ }
1155
+ .mds-btn-loading:hover > a:only-child,
1156
+ .mds-btn-loading:focus > a:only-child {
1157
+ color: currentColor;
1158
+ }
1159
+ .mds-btn-loading:hover > a:only-child:after,
1160
+ .mds-btn-loading:focus > a:only-child:after {
1161
+ content: '';
1162
+ position: absolute;
1163
+ top: 0;
1164
+ left: 0;
1165
+ bottom: 0;
1166
+ right: 0;
1167
+ background: transparent;
1168
+ }
1169
+ .mds-btn-loading:active,
1170
+ .mds-btn-loading.active {
1171
+ color: #fff;
1172
+ background-color: #115bdf;
1173
+ border-color: #009800;
1174
+ }
1175
+ .mds-btn-loading:active > a:only-child,
1176
+ .mds-btn-loading.active > a:only-child {
1177
+ color: currentColor;
1178
+ }
1179
+ .mds-btn-loading:active > a:only-child:after,
1180
+ .mds-btn-loading.active > a:only-child:after {
1181
+ content: '';
1182
+ position: absolute;
1183
+ top: 0;
1184
+ left: 0;
1185
+ bottom: 0;
1186
+ right: 0;
1187
+ background: transparent;
1188
+ }
1189
+ .mds-btn-loading.disabled,
1190
+ .mds-btn-loading[disabled],
1191
+ .mds-btn-loading.disabled:hover,
1192
+ .mds-btn-loading[disabled]:hover,
1193
+ .mds-btn-loading.disabled:focus,
1194
+ .mds-btn-loading[disabled]:focus,
1195
+ .mds-btn-loading.disabled:active,
1196
+ .mds-btn-loading[disabled]:active,
1197
+ .mds-btn-loading.disabled.active,
1198
+ .mds-btn-loading[disabled].active {
1199
+ color: rgba(0, 0, 0, 0.2);
1200
+ background-color: #f7f7f7;
1201
+ border-color: #d9d9d9;
1202
+ }
1203
+ .mds-btn-loading.disabled > a:only-child,
1204
+ .mds-btn-loading[disabled] > a:only-child,
1205
+ .mds-btn-loading.disabled:hover > a:only-child,
1206
+ .mds-btn-loading[disabled]:hover > a:only-child,
1207
+ .mds-btn-loading.disabled:focus > a:only-child,
1208
+ .mds-btn-loading[disabled]:focus > a:only-child,
1209
+ .mds-btn-loading.disabled:active > a:only-child,
1210
+ .mds-btn-loading[disabled]:active > a:only-child,
1211
+ .mds-btn-loading.disabled.active > a:only-child,
1212
+ .mds-btn-loading[disabled].active > a:only-child {
1213
+ color: currentColor;
1214
+ }
1215
+ .mds-btn-loading.disabled > a:only-child:after,
1216
+ .mds-btn-loading[disabled] > a:only-child:after,
1217
+ .mds-btn-loading.disabled:hover > a:only-child:after,
1218
+ .mds-btn-loading[disabled]:hover > a:only-child:after,
1219
+ .mds-btn-loading.disabled:focus > a:only-child:after,
1220
+ .mds-btn-loading[disabled]:focus > a:only-child:after,
1221
+ .mds-btn-loading.disabled:active > a:only-child:after,
1222
+ .mds-btn-loading[disabled]:active > a:only-child:after,
1223
+ .mds-btn-loading.disabled.active > a:only-child:after,
1224
+ .mds-btn-loading[disabled].active > a:only-child:after {
1225
+ content: '';
1226
+ position: absolute;
1227
+ top: 0;
1228
+ left: 0;
1229
+ bottom: 0;
1230
+ right: 0;
1231
+ background: transparent;
1232
+ }
1233
+ .mds-btn-default {
1234
+ color: #666666;
1235
+ background-color: #fff;
1236
+ border-color: #d9d9d9;
1237
+ }
1238
+ .mds-btn-default > a:only-child {
1239
+ color: currentColor;
1240
+ }
1241
+ .mds-btn-default > a:only-child:after {
1242
+ content: '';
1243
+ position: absolute;
1244
+ top: 0;
1245
+ left: 0;
1246
+ bottom: 0;
1247
+ right: 0;
1248
+ background: transparent;
1249
+ }
1250
+ .mds-btn-default:hover,
1251
+ .mds-btn-default:focus {
1252
+ color: #0364ff;
1253
+ background-color: #fff;
1254
+ border-color: #0364ff;
1255
+ }
1256
+ .mds-btn-default:hover > a:only-child,
1257
+ .mds-btn-default:focus > a:only-child {
1258
+ color: currentColor;
1259
+ }
1260
+ .mds-btn-default:hover > a:only-child:after,
1261
+ .mds-btn-default:focus > a:only-child:after {
1262
+ content: '';
1263
+ position: absolute;
1264
+ top: 0;
1265
+ left: 0;
1266
+ bottom: 0;
1267
+ right: 0;
1268
+ background: transparent;
1269
+ }
1270
+ .mds-btn-default:active,
1271
+ .mds-btn-default.active {
1272
+ color: #0252dd;
1273
+ background-color: #fff;
1274
+ border-color: #0252dd;
1275
+ }
1276
+ .mds-btn-default:active > a:only-child,
1277
+ .mds-btn-default.active > a:only-child {
1278
+ color: currentColor;
1279
+ }
1280
+ .mds-btn-default:active > a:only-child:after,
1281
+ .mds-btn-default.active > a:only-child:after {
1282
+ content: '';
1283
+ position: absolute;
1284
+ top: 0;
1285
+ left: 0;
1286
+ bottom: 0;
1287
+ right: 0;
1288
+ background: transparent;
1289
+ }
1290
+ .mds-btn-default.disabled,
1291
+ .mds-btn-default[disabled],
1292
+ .mds-btn-default.disabled:hover,
1293
+ .mds-btn-default[disabled]:hover,
1294
+ .mds-btn-default.disabled:focus,
1295
+ .mds-btn-default[disabled]:focus,
1296
+ .mds-btn-default.disabled:active,
1297
+ .mds-btn-default[disabled]:active,
1298
+ .mds-btn-default.disabled.active,
1299
+ .mds-btn-default[disabled].active {
1300
+ color: rgba(0, 0, 0, 0.2);
1301
+ background-color: #f7f7f7;
1302
+ border-color: #d9d9d9;
1303
+ }
1304
+ .mds-btn-default.disabled > a:only-child,
1305
+ .mds-btn-default[disabled] > a:only-child,
1306
+ .mds-btn-default.disabled:hover > a:only-child,
1307
+ .mds-btn-default[disabled]:hover > a:only-child,
1308
+ .mds-btn-default.disabled:focus > a:only-child,
1309
+ .mds-btn-default[disabled]:focus > a:only-child,
1310
+ .mds-btn-default.disabled:active > a:only-child,
1311
+ .mds-btn-default[disabled]:active > a:only-child,
1312
+ .mds-btn-default.disabled.active > a:only-child,
1313
+ .mds-btn-default[disabled].active > a:only-child {
1314
+ color: currentColor;
1315
+ }
1316
+ .mds-btn-default.disabled > a:only-child:after,
1317
+ .mds-btn-default[disabled] > a:only-child:after,
1318
+ .mds-btn-default.disabled:hover > a:only-child:after,
1319
+ .mds-btn-default[disabled]:hover > a:only-child:after,
1320
+ .mds-btn-default.disabled:focus > a:only-child:after,
1321
+ .mds-btn-default[disabled]:focus > a:only-child:after,
1322
+ .mds-btn-default.disabled:active > a:only-child:after,
1323
+ .mds-btn-default[disabled]:active > a:only-child:after,
1324
+ .mds-btn-default.disabled.active > a:only-child:after,
1325
+ .mds-btn-default[disabled].active > a:only-child:after {
1326
+ content: '';
1327
+ position: absolute;
1328
+ top: 0;
1329
+ left: 0;
1330
+ bottom: 0;
1331
+ right: 0;
1332
+ background: transparent;
1333
+ }
1334
+ .mds-btn-default > a:only-child {
1335
+ color: currentColor;
1336
+ }
1337
+ .mds-btn-default > a:only-child:after {
1338
+ content: '';
1339
+ position: absolute;
1340
+ top: 0;
1341
+ left: 0;
1342
+ bottom: 0;
1343
+ right: 0;
1344
+ background: transparent;
1345
+ }
1346
+ .mds-btn-default:hover,
1347
+ .mds-btn-default:focus,
1348
+ .mds-btn-default:active,
1349
+ .mds-btn-default.active {
1350
+ background: #fff;
1351
+ }
1352
+ .mds-btn:before {
1353
+ position: absolute;
1354
+ top: -1px;
1355
+ left: -1px;
1356
+ bottom: -1px;
1357
+ right: -1px;
1358
+ background: #fff;
1359
+ opacity: 0.35;
1360
+ content: '';
1361
+ border-radius: inherit;
1362
+ z-index: 1;
1363
+ transition: opacity .2s;
1364
+ pointer-events: none;
1365
+ display: none;
1366
+ }
1367
+ .mds-btn .mdsicon {
1368
+ transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
1369
+ }
1370
+ .mds-btn.mds-btn-loading:before {
1371
+ display: block;
1372
+ }
1373
+ .mds-btn.mds-btn-loading:not(.mds-btn-circle):not(.mds-btn-circle-outline):not(.mds-btn-icon-only) {
1374
+ padding-left: 29px;
1375
+ pointer-events: none;
1376
+ position: relative;
1377
+ }
1378
+ .mds-btn.mds-btn-loading:not(.mds-btn-circle):not(.mds-btn-circle-outline):not(.mds-btn-icon-only) .mdsicon {
1379
+ margin-left: -14px;
1380
+ }
1381
+ .mds-btn-sm.mds-btn-loading:not(.mds-btn-circle):not(.mds-btn-circle-outline):not(.mds-btn-icon-only) {
1382
+ padding-left: 24px;
1383
+ }
1384
+ .mds-btn-sm.mds-btn-loading:not(.mds-btn-circle):not(.mds-btn-circle-outline):not(.mds-btn-icon-only) .mdsicon {
1385
+ margin-left: -17px;
1386
+ }
1387
+ .mds-btn-group {
1388
+ position: relative;
1389
+ display: inline-block;
1390
+ font-size: 0;
1391
+ }
1392
+ .mds-btn-group > .mds-btn {
1393
+ position: relative;
1394
+ z-index: 1;
1395
+ }
1396
+ .mds-btn-group > .mds-btn:hover,
1397
+ .mds-btn-group > .mds-btn:focus,
1398
+ .mds-btn-group > .mds-btn:active,
1399
+ .mds-btn-group > .mds-btn.active {
1400
+ z-index: 2;
1401
+ }
1402
+ .mds-btn-group > .mds-btn:disabled {
1403
+ z-index: 0;
1404
+ }
1405
+ .mds-btn-group-lg > .mds-btn {
1406
+ padding: 0 24px;
1407
+ font-size: 20px;
1408
+ border-radius: 4px;
1409
+ height: 40px;
1410
+ }
1411
+ .mds-btn-group-sm > .mds-btn {
1412
+ padding: 0 16px;
1413
+ font-size: 14px;
1414
+ border-radius: 4px;
1415
+ height: 32px;
1416
+ }
1417
+ .mds-btn-group-sm > .mds-btn > .mdsicon {
1418
+ font-size: 14px;
1419
+ }
1420
+ .mds-btn-group-ls > .mds-btn {
1421
+ padding: 0 7px;
1422
+ font-size: 14px;
1423
+ border-radius: 4px;
1424
+ height: 32px;
1425
+ }
1426
+ .mds-btn-group-ls > .mds-btn > .mdsicon {
1427
+ font-size: 12px;
1428
+ }
1429
+ .mds-btn-group .mds-btn + .mds-btn,
1430
+ .mds-btn + .mds-btn-group,
1431
+ .mds-btn-group + .mds-btn,
1432
+ .mds-btn-group + .mds-btn-group {
1433
+ margin-left: -1px;
1434
+ }
1435
+ .mds-btn-group .mds-btn:not(:first-child):not(:last-child) {
1436
+ border-radius: 0;
1437
+ padding-left: 15px;
1438
+ padding-right: 15px;
1439
+ }
1440
+ .mds-btn-group > .mds-btn:first-child {
1441
+ margin-left: 0;
1442
+ padding-left: 15px;
1443
+ padding-right: 15px;
1444
+ }
1445
+ .mds-btn-group > .mds-btn:first-child:not(:last-child) {
1446
+ border-bottom-right-radius: 0;
1447
+ border-top-right-radius: 0;
1448
+ }
1449
+ .mds-btn-group > .mds-btn:last-child:not(:first-child) {
1450
+ padding-left: 15px;
1451
+ padding-right: 15px;
1452
+ border-bottom-left-radius: 0;
1453
+ border-top-left-radius: 0;
1454
+ }
1455
+ .mds-btn-group > .mds-btn-group {
1456
+ float: left;
1457
+ }
1458
+ .mds-btn-group > .mds-btn-group:not(:first-child):not(:last-child) > .mds-btn {
1459
+ border-radius: 0;
1460
+ }
1461
+ .mds-btn-group > .mds-btn-group:first-child:not(:last-child) > .mds-btn:last-child {
1462
+ border-bottom-right-radius: 0;
1463
+ border-top-right-radius: 0;
1464
+ padding-right: 8px;
1465
+ }
1466
+ .mds-btn-group > .mds-btn-group:last-child:not(:first-child) > .mds-btn:first-child {
1467
+ border-bottom-left-radius: 0;
1468
+ border-top-left-radius: 0;
1469
+ padding-left: 8px;
1470
+ }
1471
+ .mds-btn:not(.mds-btn-circle):not(.mds-btn-circle-outline).mds-btn-icon-only {
1472
+ padding-left: 10px;
1473
+ padding-right: 10px;
1474
+ }
1475
+ .mds-btn:focus > span,
1476
+ .mds-btn:active > span {
1477
+ position: relative;
1478
+ }
1479
+ .mds-btn > .mdsicon + span,
1480
+ .mds-btn > span + .mdsicon {
1481
+ margin-left: 2px;
1482
+ }
1483
+ .mds-btn-clicked:not(.mds-btn-no-border-animate):after {
1484
+ content: '';
1485
+ position: absolute;
1486
+ top: -1px;
1487
+ left: -1px;
1488
+ bottom: -1px;
1489
+ right: -1px;
1490
+ border-radius: inherit;
1491
+ border: 0 solid #0364ff;
1492
+ opacity: 0.4;
1493
+ animation: buttonEffect .4s;
1494
+ display: block;
1495
+ }
1496
+ .mds-btn-danger.mds-btn-clicked:after {
1497
+ border-color: #fff;
1498
+ content: '';
1499
+ position: absolute;
1500
+ top: -1px;
1501
+ left: -1px;
1502
+ bottom: -1px;
1503
+ right: -1px;
1504
+ border-radius: inherit;
1505
+ border: 0 solid #0364ff;
1506
+ opacity: 0.4;
1507
+ animation: buttonEffect .4s;
1508
+ display: block;
1509
+ }
1510
+ .mds-btn-background-ghost {
1511
+ background: transparent !important;
1512
+ border-color: #fff;
1513
+ color: #fff;
1514
+ }
1515
+ .mds-btn-background-ghost.mds-btn-primary {
1516
+ color: #0364ff;
1517
+ background-color: transparent;
1518
+ border-color: #0364ff;
1519
+ }
1520
+ .mds-btn-background-ghost.mds-btn-primary > a:only-child {
1521
+ color: currentColor;
1522
+ }
1523
+ .mds-btn-background-ghost.mds-btn-primary > a:only-child:after {
1524
+ content: '';
1525
+ position: absolute;
1526
+ top: 0;
1527
+ left: 0;
1528
+ bottom: 0;
1529
+ right: 0;
1530
+ background: transparent;
1531
+ }
1532
+ .mds-btn-background-ghost.mds-btn-primary:hover,
1533
+ .mds-btn-background-ghost.mds-btn-primary:focus {
1534
+ color: #3f89ff;
1535
+ background-color: transparent;
1536
+ border-color: #3f89ff;
1537
+ }
1538
+ .mds-btn-background-ghost.mds-btn-primary:hover > a:only-child,
1539
+ .mds-btn-background-ghost.mds-btn-primary:focus > a:only-child {
1540
+ color: currentColor;
1541
+ }
1542
+ .mds-btn-background-ghost.mds-btn-primary:hover > a:only-child:after,
1543
+ .mds-btn-background-ghost.mds-btn-primary:focus > a:only-child:after {
1544
+ content: '';
1545
+ position: absolute;
1546
+ top: 0;
1547
+ left: 0;
1548
+ bottom: 0;
1549
+ right: 0;
1550
+ background: transparent;
1551
+ }
1552
+ .mds-btn-background-ghost.mds-btn-primary:active,
1553
+ .mds-btn-background-ghost.mds-btn-primary.active {
1554
+ color: #0252dd;
1555
+ background-color: transparent;
1556
+ border-color: #0252dd;
1557
+ }
1558
+ .mds-btn-background-ghost.mds-btn-primary:active > a:only-child,
1559
+ .mds-btn-background-ghost.mds-btn-primary.active > a:only-child {
1560
+ color: currentColor;
1561
+ }
1562
+ .mds-btn-background-ghost.mds-btn-primary:active > a:only-child:after,
1563
+ .mds-btn-background-ghost.mds-btn-primary.active > a:only-child:after {
1564
+ content: '';
1565
+ position: absolute;
1566
+ top: 0;
1567
+ left: 0;
1568
+ bottom: 0;
1569
+ right: 0;
1570
+ background: transparent;
1571
+ }
1572
+ .mds-btn-background-ghost.mds-btn-primary.disabled,
1573
+ .mds-btn-background-ghost.mds-btn-primary[disabled],
1574
+ .mds-btn-background-ghost.mds-btn-primary.disabled:hover,
1575
+ .mds-btn-background-ghost.mds-btn-primary[disabled]:hover,
1576
+ .mds-btn-background-ghost.mds-btn-primary.disabled:focus,
1577
+ .mds-btn-background-ghost.mds-btn-primary[disabled]:focus,
1578
+ .mds-btn-background-ghost.mds-btn-primary.disabled:active,
1579
+ .mds-btn-background-ghost.mds-btn-primary[disabled]:active,
1580
+ .mds-btn-background-ghost.mds-btn-primary.disabled.active,
1581
+ .mds-btn-background-ghost.mds-btn-primary[disabled].active {
1582
+ color: rgba(0, 0, 0, 0.2);
1583
+ background-color: #f7f7f7;
1584
+ border-color: #d9d9d9;
1585
+ }
1586
+ .mds-btn-background-ghost.mds-btn-primary.disabled > a:only-child,
1587
+ .mds-btn-background-ghost.mds-btn-primary[disabled] > a:only-child,
1588
+ .mds-btn-background-ghost.mds-btn-primary.disabled:hover > a:only-child,
1589
+ .mds-btn-background-ghost.mds-btn-primary[disabled]:hover > a:only-child,
1590
+ .mds-btn-background-ghost.mds-btn-primary.disabled:focus > a:only-child,
1591
+ .mds-btn-background-ghost.mds-btn-primary[disabled]:focus > a:only-child,
1592
+ .mds-btn-background-ghost.mds-btn-primary.disabled:active > a:only-child,
1593
+ .mds-btn-background-ghost.mds-btn-primary[disabled]:active > a:only-child,
1594
+ .mds-btn-background-ghost.mds-btn-primary.disabled.active > a:only-child,
1595
+ .mds-btn-background-ghost.mds-btn-primary[disabled].active > a:only-child {
1596
+ color: currentColor;
1597
+ }
1598
+ .mds-btn-background-ghost.mds-btn-primary.disabled > a:only-child:after,
1599
+ .mds-btn-background-ghost.mds-btn-primary[disabled] > a:only-child:after,
1600
+ .mds-btn-background-ghost.mds-btn-primary.disabled:hover > a:only-child:after,
1601
+ .mds-btn-background-ghost.mds-btn-primary[disabled]:hover > a:only-child:after,
1602
+ .mds-btn-background-ghost.mds-btn-primary.disabled:focus > a:only-child:after,
1603
+ .mds-btn-background-ghost.mds-btn-primary[disabled]:focus > a:only-child:after,
1604
+ .mds-btn-background-ghost.mds-btn-primary.disabled:active > a:only-child:after,
1605
+ .mds-btn-background-ghost.mds-btn-primary[disabled]:active > a:only-child:after,
1606
+ .mds-btn-background-ghost.mds-btn-primary.disabled.active > a:only-child:after,
1607
+ .mds-btn-background-ghost.mds-btn-primary[disabled].active > a:only-child:after {
1608
+ content: '';
1609
+ position: absolute;
1610
+ top: 0;
1611
+ left: 0;
1612
+ bottom: 0;
1613
+ right: 0;
1614
+ background: transparent;
1615
+ }
1616
+ .mds-btn-background-ghost.mds-btn-danger {
1617
+ color: #EE3333;
1618
+ background-color: transparent;
1619
+ border-color: #EE3333;
1620
+ }
1621
+ .mds-btn-background-ghost.mds-btn-danger > a:only-child {
1622
+ color: currentColor;
1623
+ }
1624
+ .mds-btn-background-ghost.mds-btn-danger > a:only-child:after {
1625
+ content: '';
1626
+ position: absolute;
1627
+ top: 0;
1628
+ left: 0;
1629
+ bottom: 0;
1630
+ right: 0;
1631
+ background: transparent;
1632
+ }
1633
+ .mds-btn-background-ghost.mds-btn-danger:hover,
1634
+ .mds-btn-background-ghost.mds-btn-danger:focus {
1635
+ color: #f26464;
1636
+ background-color: transparent;
1637
+ border-color: #f26464;
1638
+ }
1639
+ .mds-btn-background-ghost.mds-btn-danger:hover > a:only-child,
1640
+ .mds-btn-background-ghost.mds-btn-danger:focus > a:only-child {
1641
+ color: currentColor;
1642
+ }
1643
+ .mds-btn-background-ghost.mds-btn-danger:hover > a:only-child:after,
1644
+ .mds-btn-background-ghost.mds-btn-danger:focus > a:only-child:after {
1645
+ content: '';
1646
+ position: absolute;
1647
+ top: 0;
1648
+ left: 0;
1649
+ bottom: 0;
1650
+ right: 0;
1651
+ background: transparent;
1652
+ }
1653
+ .mds-btn-background-ghost.mds-btn-danger:active,
1654
+ .mds-btn-background-ghost.mds-btn-danger.active {
1655
+ color: #d52936;
1656
+ background-color: transparent;
1657
+ border-color: #d52936;
1658
+ }
1659
+ .mds-btn-background-ghost.mds-btn-danger:active > a:only-child,
1660
+ .mds-btn-background-ghost.mds-btn-danger.active > a:only-child {
1661
+ color: currentColor;
1662
+ }
1663
+ .mds-btn-background-ghost.mds-btn-danger:active > a:only-child:after,
1664
+ .mds-btn-background-ghost.mds-btn-danger.active > a:only-child:after {
1665
+ content: '';
1666
+ position: absolute;
1667
+ top: 0;
1668
+ left: 0;
1669
+ bottom: 0;
1670
+ right: 0;
1671
+ background: transparent;
1672
+ }
1673
+ .mds-btn-background-ghost.mds-btn-danger.disabled,
1674
+ .mds-btn-background-ghost.mds-btn-danger[disabled],
1675
+ .mds-btn-background-ghost.mds-btn-danger.disabled:hover,
1676
+ .mds-btn-background-ghost.mds-btn-danger[disabled]:hover,
1677
+ .mds-btn-background-ghost.mds-btn-danger.disabled:focus,
1678
+ .mds-btn-background-ghost.mds-btn-danger[disabled]:focus,
1679
+ .mds-btn-background-ghost.mds-btn-danger.disabled:active,
1680
+ .mds-btn-background-ghost.mds-btn-danger[disabled]:active,
1681
+ .mds-btn-background-ghost.mds-btn-danger.disabled.active,
1682
+ .mds-btn-background-ghost.mds-btn-danger[disabled].active {
1683
+ color: rgba(0, 0, 0, 0.2);
1684
+ background-color: #f7f7f7;
1685
+ border-color: #d9d9d9;
1686
+ }
1687
+ .mds-btn-background-ghost.mds-btn-danger.disabled > a:only-child,
1688
+ .mds-btn-background-ghost.mds-btn-danger[disabled] > a:only-child,
1689
+ .mds-btn-background-ghost.mds-btn-danger.disabled:hover > a:only-child,
1690
+ .mds-btn-background-ghost.mds-btn-danger[disabled]:hover > a:only-child,
1691
+ .mds-btn-background-ghost.mds-btn-danger.disabled:focus > a:only-child,
1692
+ .mds-btn-background-ghost.mds-btn-danger[disabled]:focus > a:only-child,
1693
+ .mds-btn-background-ghost.mds-btn-danger.disabled:active > a:only-child,
1694
+ .mds-btn-background-ghost.mds-btn-danger[disabled]:active > a:only-child,
1695
+ .mds-btn-background-ghost.mds-btn-danger.disabled.active > a:only-child,
1696
+ .mds-btn-background-ghost.mds-btn-danger[disabled].active > a:only-child {
1697
+ color: currentColor;
1698
+ }
1699
+ .mds-btn-background-ghost.mds-btn-danger.disabled > a:only-child:after,
1700
+ .mds-btn-background-ghost.mds-btn-danger[disabled] > a:only-child:after,
1701
+ .mds-btn-background-ghost.mds-btn-danger.disabled:hover > a:only-child:after,
1702
+ .mds-btn-background-ghost.mds-btn-danger[disabled]:hover > a:only-child:after,
1703
+ .mds-btn-background-ghost.mds-btn-danger.disabled:focus > a:only-child:after,
1704
+ .mds-btn-background-ghost.mds-btn-danger[disabled]:focus > a:only-child:after,
1705
+ .mds-btn-background-ghost.mds-btn-danger.disabled:active > a:only-child:after,
1706
+ .mds-btn-background-ghost.mds-btn-danger[disabled]:active > a:only-child:after,
1707
+ .mds-btn-background-ghost.mds-btn-danger.disabled.active > a:only-child:after,
1708
+ .mds-btn-background-ghost.mds-btn-danger[disabled].active > a:only-child:after {
1709
+ content: '';
1710
+ position: absolute;
1711
+ top: 0;
1712
+ left: 0;
1713
+ bottom: 0;
1714
+ right: 0;
1715
+ background: transparent;
1716
+ }
1717
+ .mds-btn-background-ghost.mds-btn-normal {
1718
+ color: #0364ff;
1719
+ background-color: transparent;
1720
+ border-color: #0364ff;
1721
+ }
1722
+ .mds-btn-background-ghost.mds-btn-normal > a:only-child {
1723
+ color: currentColor;
1724
+ }
1725
+ .mds-btn-background-ghost.mds-btn-normal > a:only-child:after {
1726
+ content: '';
1727
+ position: absolute;
1728
+ top: 0;
1729
+ left: 0;
1730
+ bottom: 0;
1731
+ right: 0;
1732
+ background: transparent;
1733
+ }
1734
+ .mds-btn-background-ghost.mds-btn-normal:hover,
1735
+ .mds-btn-background-ghost.mds-btn-normal:focus {
1736
+ color: #3f89ff;
1737
+ background-color: transparent;
1738
+ border-color: #3f89ff;
1739
+ }
1740
+ .mds-btn-background-ghost.mds-btn-normal:hover > a:only-child,
1741
+ .mds-btn-background-ghost.mds-btn-normal:focus > a:only-child {
1742
+ color: currentColor;
1743
+ }
1744
+ .mds-btn-background-ghost.mds-btn-normal:hover > a:only-child:after,
1745
+ .mds-btn-background-ghost.mds-btn-normal:focus > a:only-child:after {
1746
+ content: '';
1747
+ position: absolute;
1748
+ top: 0;
1749
+ left: 0;
1750
+ bottom: 0;
1751
+ right: 0;
1752
+ background: transparent;
1753
+ }
1754
+ .mds-btn-background-ghost.mds-btn-normal:active,
1755
+ .mds-btn-background-ghost.mds-btn-normal.active {
1756
+ color: #0252dd;
1757
+ background-color: transparent;
1758
+ border-color: #0252dd;
1759
+ }
1760
+ .mds-btn-background-ghost.mds-btn-normal:active > a:only-child,
1761
+ .mds-btn-background-ghost.mds-btn-normal.active > a:only-child {
1762
+ color: currentColor;
1763
+ }
1764
+ .mds-btn-background-ghost.mds-btn-normal:active > a:only-child:after,
1765
+ .mds-btn-background-ghost.mds-btn-normal.active > a:only-child:after {
1766
+ content: '';
1767
+ position: absolute;
1768
+ top: 0;
1769
+ left: 0;
1770
+ bottom: 0;
1771
+ right: 0;
1772
+ background: transparent;
1773
+ }
1774
+ .mds-btn-background-ghost.mds-btn-normal.disabled,
1775
+ .mds-btn-background-ghost.mds-btn-normal[disabled],
1776
+ .mds-btn-background-ghost.mds-btn-normal.disabled:hover,
1777
+ .mds-btn-background-ghost.mds-btn-normal[disabled]:hover,
1778
+ .mds-btn-background-ghost.mds-btn-normal.disabled:focus,
1779
+ .mds-btn-background-ghost.mds-btn-normal[disabled]:focus,
1780
+ .mds-btn-background-ghost.mds-btn-normal.disabled:active,
1781
+ .mds-btn-background-ghost.mds-btn-normal[disabled]:active,
1782
+ .mds-btn-background-ghost.mds-btn-normal.disabled.active,
1783
+ .mds-btn-background-ghost.mds-btn-normal[disabled].active {
1784
+ color: rgba(0, 0, 0, 0.2);
1785
+ background-color: #f7f7f7;
1786
+ border-color: #d9d9d9;
1787
+ }
1788
+ .mds-btn-background-ghost.mds-btn-normal.disabled > a:only-child,
1789
+ .mds-btn-background-ghost.mds-btn-normal[disabled] > a:only-child,
1790
+ .mds-btn-background-ghost.mds-btn-normal.disabled:hover > a:only-child,
1791
+ .mds-btn-background-ghost.mds-btn-normal[disabled]:hover > a:only-child,
1792
+ .mds-btn-background-ghost.mds-btn-normal.disabled:focus > a:only-child,
1793
+ .mds-btn-background-ghost.mds-btn-normal[disabled]:focus > a:only-child,
1794
+ .mds-btn-background-ghost.mds-btn-normal.disabled:active > a:only-child,
1795
+ .mds-btn-background-ghost.mds-btn-normal[disabled]:active > a:only-child,
1796
+ .mds-btn-background-ghost.mds-btn-normal.disabled.active > a:only-child,
1797
+ .mds-btn-background-ghost.mds-btn-normal[disabled].active > a:only-child {
1798
+ color: currentColor;
1799
+ }
1800
+ .mds-btn-background-ghost.mds-btn-normal.disabled > a:only-child:after,
1801
+ .mds-btn-background-ghost.mds-btn-normal[disabled] > a:only-child:after,
1802
+ .mds-btn-background-ghost.mds-btn-normal.disabled:hover > a:only-child:after,
1803
+ .mds-btn-background-ghost.mds-btn-normal[disabled]:hover > a:only-child:after,
1804
+ .mds-btn-background-ghost.mds-btn-normal.disabled:focus > a:only-child:after,
1805
+ .mds-btn-background-ghost.mds-btn-normal[disabled]:focus > a:only-child:after,
1806
+ .mds-btn-background-ghost.mds-btn-normal.disabled:active > a:only-child:after,
1807
+ .mds-btn-background-ghost.mds-btn-normal[disabled]:active > a:only-child:after,
1808
+ .mds-btn-background-ghost.mds-btn-normal.disabled.active > a:only-child:after,
1809
+ .mds-btn-background-ghost.mds-btn-normal[disabled].active > a:only-child:after {
1810
+ content: '';
1811
+ position: absolute;
1812
+ top: 0;
1813
+ left: 0;
1814
+ bottom: 0;
1815
+ right: 0;
1816
+ background: transparent;
1817
+ }
1818
+ .mds-btn-background-ghost.mds-btn-correct {
1819
+ color: #00AA00;
1820
+ background-color: transparent;
1821
+ border-color: #00AA00;
1822
+ }
1823
+ .mds-btn-background-ghost.mds-btn-correct > a:only-child {
1824
+ color: currentColor;
1825
+ }
1826
+ .mds-btn-background-ghost.mds-btn-correct > a:only-child:after {
1827
+ content: '';
1828
+ position: absolute;
1829
+ top: 0;
1830
+ left: 0;
1831
+ bottom: 0;
1832
+ right: 0;
1833
+ background: transparent;
1834
+ }
1835
+ .mds-btn-background-ghost.mds-btn-correct:hover,
1836
+ .mds-btn-background-ghost.mds-btn-correct:focus {
1837
+ color: #3dbe3d;
1838
+ background-color: transparent;
1839
+ border-color: #3dbe3d;
1840
+ }
1841
+ .mds-btn-background-ghost.mds-btn-correct:hover > a:only-child,
1842
+ .mds-btn-background-ghost.mds-btn-correct:focus > a:only-child {
1843
+ color: currentColor;
1844
+ }
1845
+ .mds-btn-background-ghost.mds-btn-correct:hover > a:only-child:after,
1846
+ .mds-btn-background-ghost.mds-btn-correct:focus > a:only-child:after {
1847
+ content: '';
1848
+ position: absolute;
1849
+ top: 0;
1850
+ left: 0;
1851
+ bottom: 0;
1852
+ right: 0;
1853
+ background: transparent;
1854
+ }
1855
+ .mds-btn-background-ghost.mds-btn-correct:active,
1856
+ .mds-btn-background-ghost.mds-btn-correct.active {
1857
+ color: #009303;
1858
+ background-color: transparent;
1859
+ border-color: #009303;
1860
+ }
1861
+ .mds-btn-background-ghost.mds-btn-correct:active > a:only-child,
1862
+ .mds-btn-background-ghost.mds-btn-correct.active > a:only-child {
1863
+ color: currentColor;
1864
+ }
1865
+ .mds-btn-background-ghost.mds-btn-correct:active > a:only-child:after,
1866
+ .mds-btn-background-ghost.mds-btn-correct.active > a:only-child:after {
1867
+ content: '';
1868
+ position: absolute;
1869
+ top: 0;
1870
+ left: 0;
1871
+ bottom: 0;
1872
+ right: 0;
1873
+ background: transparent;
1874
+ }
1875
+ .mds-btn-background-ghost.mds-btn-correct.disabled,
1876
+ .mds-btn-background-ghost.mds-btn-correct[disabled],
1877
+ .mds-btn-background-ghost.mds-btn-correct.disabled:hover,
1878
+ .mds-btn-background-ghost.mds-btn-correct[disabled]:hover,
1879
+ .mds-btn-background-ghost.mds-btn-correct.disabled:focus,
1880
+ .mds-btn-background-ghost.mds-btn-correct[disabled]:focus,
1881
+ .mds-btn-background-ghost.mds-btn-correct.disabled:active,
1882
+ .mds-btn-background-ghost.mds-btn-correct[disabled]:active,
1883
+ .mds-btn-background-ghost.mds-btn-correct.disabled.active,
1884
+ .mds-btn-background-ghost.mds-btn-correct[disabled].active {
1885
+ color: rgba(0, 0, 0, 0.2);
1886
+ background-color: #f7f7f7;
1887
+ border-color: #d9d9d9;
1888
+ }
1889
+ .mds-btn-background-ghost.mds-btn-correct.disabled > a:only-child,
1890
+ .mds-btn-background-ghost.mds-btn-correct[disabled] > a:only-child,
1891
+ .mds-btn-background-ghost.mds-btn-correct.disabled:hover > a:only-child,
1892
+ .mds-btn-background-ghost.mds-btn-correct[disabled]:hover > a:only-child,
1893
+ .mds-btn-background-ghost.mds-btn-correct.disabled:focus > a:only-child,
1894
+ .mds-btn-background-ghost.mds-btn-correct[disabled]:focus > a:only-child,
1895
+ .mds-btn-background-ghost.mds-btn-correct.disabled:active > a:only-child,
1896
+ .mds-btn-background-ghost.mds-btn-correct[disabled]:active > a:only-child,
1897
+ .mds-btn-background-ghost.mds-btn-correct.disabled.active > a:only-child,
1898
+ .mds-btn-background-ghost.mds-btn-correct[disabled].active > a:only-child {
1899
+ color: currentColor;
1900
+ }
1901
+ .mds-btn-background-ghost.mds-btn-correct.disabled > a:only-child:after,
1902
+ .mds-btn-background-ghost.mds-btn-correct[disabled] > a:only-child:after,
1903
+ .mds-btn-background-ghost.mds-btn-correct.disabled:hover > a:only-child:after,
1904
+ .mds-btn-background-ghost.mds-btn-correct[disabled]:hover > a:only-child:after,
1905
+ .mds-btn-background-ghost.mds-btn-correct.disabled:focus > a:only-child:after,
1906
+ .mds-btn-background-ghost.mds-btn-correct[disabled]:focus > a:only-child:after,
1907
+ .mds-btn-background-ghost.mds-btn-correct.disabled:active > a:only-child:after,
1908
+ .mds-btn-background-ghost.mds-btn-correct[disabled]:active > a:only-child:after,
1909
+ .mds-btn-background-ghost.mds-btn-correct.disabled.active > a:only-child:after,
1910
+ .mds-btn-background-ghost.mds-btn-correct[disabled].active > a:only-child:after {
1911
+ content: '';
1912
+ position: absolute;
1913
+ top: 0;
1914
+ left: 0;
1915
+ bottom: 0;
1916
+ right: 0;
1917
+ background: transparent;
1918
+ }
1919
+ .mds-btn-background-ghost.mds-btn-warning {
1920
+ color: #ffcc01;
1921
+ background-color: transparent;
1922
+ border-color: #ffcc01;
1923
+ }
1924
+ .mds-btn-background-ghost.mds-btn-warning > a:only-child {
1925
+ color: currentColor;
1926
+ }
1927
+ .mds-btn-background-ghost.mds-btn-warning > a:only-child:after {
1928
+ content: '';
1929
+ position: absolute;
1930
+ top: 0;
1931
+ left: 0;
1932
+ bottom: 0;
1933
+ right: 0;
1934
+ background: transparent;
1935
+ }
1936
+ .mds-btn-background-ghost.mds-btn-warning:hover,
1937
+ .mds-btn-background-ghost.mds-btn-warning:focus {
1938
+ color: #ffd83e;
1939
+ background-color: transparent;
1940
+ border-color: #ffd83e;
1941
+ }
1942
+ .mds-btn-background-ghost.mds-btn-warning:hover > a:only-child,
1943
+ .mds-btn-background-ghost.mds-btn-warning:focus > a:only-child {
1944
+ color: currentColor;
1945
+ }
1946
+ .mds-btn-background-ghost.mds-btn-warning:hover > a:only-child:after,
1947
+ .mds-btn-background-ghost.mds-btn-warning:focus > a:only-child:after {
1948
+ content: '';
1949
+ position: absolute;
1950
+ top: 0;
1951
+ left: 0;
1952
+ bottom: 0;
1953
+ right: 0;
1954
+ background: transparent;
1955
+ }
1956
+ .mds-btn-background-ghost.mds-btn-warning:active,
1957
+ .mds-btn-background-ghost.mds-btn-warning.active {
1958
+ color: #e0a601;
1959
+ background-color: transparent;
1960
+ border-color: #e0a601;
1961
+ }
1962
+ .mds-btn-background-ghost.mds-btn-warning:active > a:only-child,
1963
+ .mds-btn-background-ghost.mds-btn-warning.active > a:only-child {
1964
+ color: currentColor;
1965
+ }
1966
+ .mds-btn-background-ghost.mds-btn-warning:active > a:only-child:after,
1967
+ .mds-btn-background-ghost.mds-btn-warning.active > a:only-child:after {
1968
+ content: '';
1969
+ position: absolute;
1970
+ top: 0;
1971
+ left: 0;
1972
+ bottom: 0;
1973
+ right: 0;
1974
+ background: transparent;
1975
+ }
1976
+ .mds-btn-background-ghost.mds-btn-warning.disabled,
1977
+ .mds-btn-background-ghost.mds-btn-warning[disabled],
1978
+ .mds-btn-background-ghost.mds-btn-warning.disabled:hover,
1979
+ .mds-btn-background-ghost.mds-btn-warning[disabled]:hover,
1980
+ .mds-btn-background-ghost.mds-btn-warning.disabled:focus,
1981
+ .mds-btn-background-ghost.mds-btn-warning[disabled]:focus,
1982
+ .mds-btn-background-ghost.mds-btn-warning.disabled:active,
1983
+ .mds-btn-background-ghost.mds-btn-warning[disabled]:active,
1984
+ .mds-btn-background-ghost.mds-btn-warning.disabled.active,
1985
+ .mds-btn-background-ghost.mds-btn-warning[disabled].active {
1986
+ color: rgba(0, 0, 0, 0.2);
1987
+ background-color: #f7f7f7;
1988
+ border-color: #d9d9d9;
1989
+ }
1990
+ .mds-btn-background-ghost.mds-btn-warning.disabled > a:only-child,
1991
+ .mds-btn-background-ghost.mds-btn-warning[disabled] > a:only-child,
1992
+ .mds-btn-background-ghost.mds-btn-warning.disabled:hover > a:only-child,
1993
+ .mds-btn-background-ghost.mds-btn-warning[disabled]:hover > a:only-child,
1994
+ .mds-btn-background-ghost.mds-btn-warning.disabled:focus > a:only-child,
1995
+ .mds-btn-background-ghost.mds-btn-warning[disabled]:focus > a:only-child,
1996
+ .mds-btn-background-ghost.mds-btn-warning.disabled:active > a:only-child,
1997
+ .mds-btn-background-ghost.mds-btn-warning[disabled]:active > a:only-child,
1998
+ .mds-btn-background-ghost.mds-btn-warning.disabled.active > a:only-child,
1999
+ .mds-btn-background-ghost.mds-btn-warning[disabled].active > a:only-child {
2000
+ color: currentColor;
2001
+ }
2002
+ .mds-btn-background-ghost.mds-btn-warning.disabled > a:only-child:after,
2003
+ .mds-btn-background-ghost.mds-btn-warning[disabled] > a:only-child:after,
2004
+ .mds-btn-background-ghost.mds-btn-warning.disabled:hover > a:only-child:after,
2005
+ .mds-btn-background-ghost.mds-btn-warning[disabled]:hover > a:only-child:after,
2006
+ .mds-btn-background-ghost.mds-btn-warning.disabled:focus > a:only-child:after,
2007
+ .mds-btn-background-ghost.mds-btn-warning[disabled]:focus > a:only-child:after,
2008
+ .mds-btn-background-ghost.mds-btn-warning.disabled:active > a:only-child:after,
2009
+ .mds-btn-background-ghost.mds-btn-warning[disabled]:active > a:only-child:after,
2010
+ .mds-btn-background-ghost.mds-btn-warning.disabled.active > a:only-child:after,
2011
+ .mds-btn-background-ghost.mds-btn-warning[disabled].active > a:only-child:after {
2012
+ content: '';
2013
+ position: absolute;
2014
+ top: 0;
2015
+ left: 0;
2016
+ bottom: 0;
2017
+ right: 0;
2018
+ background: transparent;
2019
+ }
2020
+ .mds-btn-background-ghost.mds-btn-info {
2021
+ color: #29adff;
2022
+ background-color: transparent;
2023
+ border-color: #29adff;
2024
+ }
2025
+ .mds-btn-background-ghost.mds-btn-info > a:only-child {
2026
+ color: currentColor;
2027
+ }
2028
+ .mds-btn-background-ghost.mds-btn-info > a:only-child:after {
2029
+ content: '';
2030
+ position: absolute;
2031
+ top: 0;
2032
+ left: 0;
2033
+ bottom: 0;
2034
+ right: 0;
2035
+ background: transparent;
2036
+ }
2037
+ .mds-btn-background-ghost.mds-btn-info:hover,
2038
+ .mds-btn-background-ghost.mds-btn-info:focus {
2039
+ color: #5cc1ff;
2040
+ background-color: transparent;
2041
+ border-color: #5cc1ff;
2042
+ }
2043
+ .mds-btn-background-ghost.mds-btn-info:hover > a:only-child,
2044
+ .mds-btn-background-ghost.mds-btn-info:focus > a:only-child {
2045
+ color: currentColor;
2046
+ }
2047
+ .mds-btn-background-ghost.mds-btn-info:hover > a:only-child:after,
2048
+ .mds-btn-background-ghost.mds-btn-info:focus > a:only-child:after {
2049
+ content: '';
2050
+ position: absolute;
2051
+ top: 0;
2052
+ left: 0;
2053
+ bottom: 0;
2054
+ right: 0;
2055
+ background: transparent;
2056
+ }
2057
+ .mds-btn-background-ghost.mds-btn-info:active,
2058
+ .mds-btn-background-ghost.mds-btn-info.active {
2059
+ color: #1f92e1;
2060
+ background-color: transparent;
2061
+ border-color: #1f92e1;
2062
+ }
2063
+ .mds-btn-background-ghost.mds-btn-info:active > a:only-child,
2064
+ .mds-btn-background-ghost.mds-btn-info.active > a:only-child {
2065
+ color: currentColor;
2066
+ }
2067
+ .mds-btn-background-ghost.mds-btn-info:active > a:only-child:after,
2068
+ .mds-btn-background-ghost.mds-btn-info.active > a:only-child:after {
2069
+ content: '';
2070
+ position: absolute;
2071
+ top: 0;
2072
+ left: 0;
2073
+ bottom: 0;
2074
+ right: 0;
2075
+ background: transparent;
2076
+ }
2077
+ .mds-btn-background-ghost.mds-btn-info.disabled,
2078
+ .mds-btn-background-ghost.mds-btn-info[disabled],
2079
+ .mds-btn-background-ghost.mds-btn-info.disabled:hover,
2080
+ .mds-btn-background-ghost.mds-btn-info[disabled]:hover,
2081
+ .mds-btn-background-ghost.mds-btn-info.disabled:focus,
2082
+ .mds-btn-background-ghost.mds-btn-info[disabled]:focus,
2083
+ .mds-btn-background-ghost.mds-btn-info.disabled:active,
2084
+ .mds-btn-background-ghost.mds-btn-info[disabled]:active,
2085
+ .mds-btn-background-ghost.mds-btn-info.disabled.active,
2086
+ .mds-btn-background-ghost.mds-btn-info[disabled].active {
2087
+ color: rgba(0, 0, 0, 0.2);
2088
+ background-color: #f7f7f7;
2089
+ border-color: #d9d9d9;
2090
+ }
2091
+ .mds-btn-background-ghost.mds-btn-info.disabled > a:only-child,
2092
+ .mds-btn-background-ghost.mds-btn-info[disabled] > a:only-child,
2093
+ .mds-btn-background-ghost.mds-btn-info.disabled:hover > a:only-child,
2094
+ .mds-btn-background-ghost.mds-btn-info[disabled]:hover > a:only-child,
2095
+ .mds-btn-background-ghost.mds-btn-info.disabled:focus > a:only-child,
2096
+ .mds-btn-background-ghost.mds-btn-info[disabled]:focus > a:only-child,
2097
+ .mds-btn-background-ghost.mds-btn-info.disabled:active > a:only-child,
2098
+ .mds-btn-background-ghost.mds-btn-info[disabled]:active > a:only-child,
2099
+ .mds-btn-background-ghost.mds-btn-info.disabled.active > a:only-child,
2100
+ .mds-btn-background-ghost.mds-btn-info[disabled].active > a:only-child {
2101
+ color: currentColor;
2102
+ }
2103
+ .mds-btn-background-ghost.mds-btn-info.disabled > a:only-child:after,
2104
+ .mds-btn-background-ghost.mds-btn-info[disabled] > a:only-child:after,
2105
+ .mds-btn-background-ghost.mds-btn-info.disabled:hover > a:only-child:after,
2106
+ .mds-btn-background-ghost.mds-btn-info[disabled]:hover > a:only-child:after,
2107
+ .mds-btn-background-ghost.mds-btn-info.disabled:focus > a:only-child:after,
2108
+ .mds-btn-background-ghost.mds-btn-info[disabled]:focus > a:only-child:after,
2109
+ .mds-btn-background-ghost.mds-btn-info.disabled:active > a:only-child:after,
2110
+ .mds-btn-background-ghost.mds-btn-info[disabled]:active > a:only-child:after,
2111
+ .mds-btn-background-ghost.mds-btn-info.disabled.active > a:only-child:after,
2112
+ .mds-btn-background-ghost.mds-btn-info[disabled].active > a:only-child:after {
2113
+ content: '';
2114
+ position: absolute;
2115
+ top: 0;
2116
+ left: 0;
2117
+ bottom: 0;
2118
+ right: 0;
2119
+ background: transparent;
2120
+ }
2121
+ .mds-btn-block {
2122
+ width: 100%;
2123
+ }
2124
+ .mds-btn-text {
2125
+ border: none;
2126
+ background-color: inherit !important;
2127
+ }
2128
+ .mds-btn-a-text {
2129
+ color: #0364ff;
2130
+ border: none;
2131
+ background-color: inherit !important;
2132
+ }
2133
+ .mds-btn-round {
2134
+ border-radius: 18px;
2135
+ }
2136
+ @keyframes buttonEffect {
2137
+ to {
2138
+ opacity: 0;
2139
+ top: -6px;
2140
+ left: -6px;
2141
+ bottom: -6px;
2142
+ right: -6px;
2143
+ border-width: 6px;
2144
+ }
2145
+ }
2146
+ .component-margin {
2147
+ margin-top: 10px;
2148
+ }
2149
+ [id^="components-button-demo"] .mds-btn {
2150
+ margin-right: 8px;
2151
+ margin-bottom: 12px;
2152
+ margin-top: 10px;
2153
+ }
2154
+ .interval {
2155
+ margin-left: 6px !important;
2156
+ }
2157
+ .disabled-group p {
2158
+ margin: 10px;
2159
+ }
2160
+ .btn-ghost {
2161
+ background: #bec8c8;
2162
+ padding: 20px;
2163
+ }
2164
+ .btn-ghost .margin {
2165
+ margin-top: 10px;
2166
+ }
2167
+ .mds-btn-right {
2168
+ margin-right: 5px;
2169
+ }
2170
+ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
2171
+ /* stylelint-disable declaration-bang-space-before */
2172
+ /* stylelint-disable declaration-bang-space-before */
2173
+ @keyframes mdsCheckboxEffect {
2174
+ 0% {
2175
+ transform: scale(1);
2176
+ opacity: 0.5;
2177
+ }
2178
+ 100% {
2179
+ transform: scale(1.6);
2180
+ opacity: 0;
2181
+ }
2182
+ }
2183
+ .clums .mds-checkbox-wrapper.mds-checkbox-group-item {
2184
+ display: block;
2185
+ margin-bottom: 16px;
2186
+ }
2187
+ .mds-checkbox {
2188
+ white-space: nowrap;
2189
+ cursor: pointer;
2190
+ outline: none;
2191
+ display: inline-block;
2192
+ line-height: 1;
2193
+ position: relative;
2194
+ vertical-align: text-bottom;
2195
+ }
2196
+ .mds-checkbox-wrapper:hover .mds-checkbox-inner,
2197
+ .mds-checkbox:hover .mds-checkbox-inner,
2198
+ .mds-checkbox-input:focus + .mds-checkbox-inner {
2199
+ border-color: #0364FF;
2200
+ }
2201
+ .mds-checkbox-checked:after {
2202
+ position: absolute;
2203
+ top: 0;
2204
+ left: 0;
2205
+ width: 100%;
2206
+ height: 100%;
2207
+ border-radius: 2px;
2208
+ border: 1px solid #0364FF;
2209
+ content: '';
2210
+ animation: mdsCheckboxEffect 0.36s ease-in-out;
2211
+ animation-fill-mode: both;
2212
+ visibility: hidden;
2213
+ }
2214
+ .mds-checkbox:hover:after,
2215
+ .mds-checkbox-wrapper:hover .mds-checkbox:after {
2216
+ visibility: visible;
2217
+ }
2218
+ .mds-checkbox-inner {
2219
+ position: relative;
2220
+ top: 0;
2221
+ left: 0;
2222
+ display: block;
2223
+ width: 16px;
2224
+ height: 16px;
2225
+ border: 1px solid #D8DCE6;
2226
+ border-radius: 2px;
2227
+ background-color: #fff;
2228
+ transition: all .3s;
2229
+ }
2230
+ .mds-checkbox-inner:after {
2231
+ transform: rotate(45deg) scale(0);
2232
+ position: absolute;
2233
+ left: 4.3px;
2234
+ top: 1px;
2235
+ display: block;
2236
+ width: 6px;
2237
+ height: 10px;
2238
+ border: 2px solid #fff;
2239
+ border-top: 0;
2240
+ border-left: 0;
2241
+ content: ' ';
2242
+ transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6);
2243
+ }
2244
+ .mds-checkbox-input {
2245
+ position: absolute;
2246
+ left: 0;
2247
+ z-index: 1;
2248
+ cursor: pointer;
2249
+ opacity: 0;
2250
+ filter: alpha(opacity=0);
2251
+ top: 0;
2252
+ bottom: 0;
2253
+ right: 0;
2254
+ width: 100%;
2255
+ height: 100%;
2256
+ }
2257
+ .mds-checkbox-indeterminate .mds-checkbox-inner {
2258
+ background: #fff;
2259
+ }
2260
+ .mds-checkbox-indeterminate .mds-checkbox-inner:after {
2261
+ content: '';
2262
+ transform: scale(1);
2263
+ position: absolute;
2264
+ left: 2.85714286px;
2265
+ top: 2.85714286px;
2266
+ width: 10.28571429px;
2267
+ height: 10.28571429px;
2268
+ background: #0364FF;
2269
+ }
2270
+ .mds-checkbox-indeterminate.mds-checkbox-disabled .mds-checkbox-inner:after {
2271
+ border-color: rgba(0, 0, 0, 0.2);
2272
+ }
2273
+ .mds-checkbox-checked .mds-checkbox-inner:after {
2274
+ transform: rotate(45deg) scale(1);
2275
+ position: absolute;
2276
+ display: block;
2277
+ border: 2px solid #fff;
2278
+ border-top: 0;
2279
+ border-left: 0;
2280
+ content: ' ';
2281
+ transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
2282
+ }
2283
+ .mds-checkbox-checked .mds-checkbox-inner {
2284
+ background-color: #0364FF;
2285
+ border-color: #0364FF;
2286
+ }
2287
+ .mds-checkbox-disabled {
2288
+ cursor: not-allowed;
2289
+ }
2290
+ .mds-checkbox-disabled.mds-checkbox-checked .mds-checkbox-inner:after {
2291
+ animation-name: none;
2292
+ border-color: #D8DCE6;
2293
+ }
2294
+ .mds-checkbox-disabled .mds-checkbox-input {
2295
+ cursor: not-allowed;
2296
+ }
2297
+ .mds-checkbox-disabled .mds-checkbox-inner {
2298
+ border-color: #D8DCE6 !important;
2299
+ background-color: #FAFAFD;
2300
+ }
2301
+ .mds-checkbox-disabled .mds-checkbox-inner:after {
2302
+ animation-name: none;
2303
+ border-color: #FAFAFD;
2304
+ }
2305
+ .mds-checkbox-disabled + span {
2306
+ color: #aaaaaa !important;
2307
+ cursor: not-allowed;
2308
+ }
2309
+ .mds-checkbox-wrapper {
2310
+ cursor: pointer;
2311
+ font-size: 14px;
2312
+ display: inline-block;
2313
+ }
2314
+ .mds-checkbox-wrapper + .mds-checkbox-wrapper {
2315
+ margin-left: 8px;
2316
+ }
2317
+ .mds-checkbox-wrapper + span,
2318
+ .mds-checkbox + span {
2319
+ padding-left: 8px;
2320
+ padding-right: 8px;
2321
+ color: #354052;
2322
+ }
2323
+ .mds-checkbox-group {
2324
+ font-size: 14px;
2325
+ }
2326
+ .mds-checkbox-group-item {
2327
+ display: inline-block;
2328
+ margin-right: 20px;
2329
+ }
2330
+ .mds-checkbox-group-item:last-child {
2331
+ margin-right: 0;
2332
+ }
2333
+ .mds-checkbox-group-item + .mds-checkbox-group-item {
2334
+ margin-left: 0;
2335
+ }
2336
+ @media \0screen {
2337
+ .mds-checkbox-checked .mds-checkbox-inner:before,
2338
+ .mds-checkbox-checked .mds-checkbox-inner:after {
2339
+ font-family: 'mdsicon';
2340
+ text-rendering: optimizeLegibility;
2341
+ -webkit-font-smoothing: antialiased;
2342
+ -moz-osx-font-smoothing: grayscale;
2343
+ content: "\E632";
2344
+ font-weight: bold;
2345
+ font-size: 8px;
2346
+ border: 0;
2347
+ color: #fff;
2348
+ left: 2px;
2349
+ top: 3px;
2350
+ position: absolute;
2351
+ }
2352
+ }
2353
+ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
2354
+ /* stylelint-disable declaration-bang-space-before */
2355
+ /* stylelint-disable declaration-bang-space-before */
2356
+ .mds-tooltip {
2357
+ position: absolute;
2358
+ border-radius: 4px;
2359
+ padding: 10px;
2360
+ font-size: 12px;
2361
+ line-height: 1.5;
2362
+ min-width: 10px;
2363
+ word-wrap: break-word;
2364
+ font-size: 14px;
2365
+ }
2366
+ .mds-tooltip .popper__arrow,
2367
+ .mds-tooltip .popper__arrow::after {
2368
+ position: absolute;
2369
+ display: block;
2370
+ width: 0;
2371
+ height: 0;
2372
+ border-color: transparent;
2373
+ border-style: solid;
2374
+ }
2375
+ .mds-tooltip .popper__arrow::after {
2376
+ content: " ";
2377
+ border-width: 5px;
2378
+ }
2379
+ .mds-tooltip-hidden {
2380
+ display: none;
2381
+ }
2382
+ .mds-tooltip.dark-mode {
2383
+ background: #303133;
2384
+ color: #ffffff;
2385
+ }
2386
+ .mds-tooltip.light-mode {
2387
+ background: #ffffff;
2388
+ box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
2389
+ }
2390
+ .mds-tooltip-placement-top,
2391
+ .mds-tooltip-placement-top-start,
2392
+ .mds-tooltip-placement-top-end {
2393
+ margin-bottom: 9px;
2394
+ }
2395
+ .mds-tooltip-placement-right,
2396
+ .mds-tooltip-placement-right-start,
2397
+ .mds-tooltip-placement-right-end {
2398
+ margin-left: 9px;
2399
+ }
2400
+ .mds-tooltip-placement-bottom,
2401
+ .mds-tooltip-placement-bottom-start,
2402
+ .mds-tooltip-placement-bottom-end {
2403
+ margin-top: 9px;
2404
+ }
2405
+ .mds-tooltip-placement-left,
2406
+ .mds-tooltip-placement-left-start,
2407
+ .mds-tooltip-placement-left-end {
2408
+ margin-right: 9px;
2409
+ }
2410
+ .mds-tooltip-placement-top .popper__arrow,
2411
+ .mds-tooltip-placement-top-start .popper__arrow,
2412
+ .mds-tooltip-placement-top-end .popper__arrow {
2413
+ bottom: -6px;
2414
+ border-width: 6px 6px 0;
2415
+ border-top-color: #354052;
2416
+ }
2417
+ .mds-tooltip-placement-top .popper__arrow::after,
2418
+ .mds-tooltip-placement-top-start .popper__arrow::after,
2419
+ .mds-tooltip-placement-top-end .popper__arrow::after {
2420
+ bottom: 1px;
2421
+ border-top-color: #354052;
2422
+ border-width: 5px 5px 0;
2423
+ margin-left: -5px;
2424
+ }
2425
+ .mds-tooltip-placement-top.light-mode .popper__arrow,
2426
+ .mds-tooltip-placement-top-start.light-mode .popper__arrow,
2427
+ .mds-tooltip-placement-top-end.light-mode .popper__arrow {
2428
+ border-top-color: #ebeef5;
2429
+ }
2430
+ .mds-tooltip-placement-top.light-mode .popper__arrow::after,
2431
+ .mds-tooltip-placement-top-start.light-mode .popper__arrow::after,
2432
+ .mds-tooltip-placement-top-end.light-mode .popper__arrow::after {
2433
+ border-top-color: #fff;
2434
+ }
2435
+ .mds-tooltip-placement-right .popper__arrow,
2436
+ .mds-tooltip-placement-right-start .popper__arrow,
2437
+ .mds-tooltip-placement-right-end .popper__arrow {
2438
+ left: -6px;
2439
+ border-width: 6px 6px 6px 0;
2440
+ border-right-color: #354052;
2441
+ }
2442
+ .mds-tooltip-placement-right .popper__arrow::after,
2443
+ .mds-tooltip-placement-right-start .popper__arrow::after,
2444
+ .mds-tooltip-placement-right-end .popper__arrow::after {
2445
+ left: 1px;
2446
+ border-right-color: #354052;
2447
+ border-width: 5px 5px 5px 0;
2448
+ bottom: -5px;
2449
+ }
2450
+ .mds-tooltip-placement-right.light-mode .popper__arrow,
2451
+ .mds-tooltip-placement-right-start.light-mode .popper__arrow,
2452
+ .mds-tooltip-placement-right-end.light-mode .popper__arrow {
2453
+ border-right-color: #ebeef5;
2454
+ }
2455
+ .mds-tooltip-placement-right.light-mode .popper__arrow::after,
2456
+ .mds-tooltip-placement-right-start.light-mode .popper__arrow::after,
2457
+ .mds-tooltip-placement-right-end.light-mode .popper__arrow::after {
2458
+ border-right-color: #fff;
2459
+ }
2460
+ .mds-tooltip-placement-left .popper__arrow,
2461
+ .mds-tooltip-placement-left-start .popper__arrow,
2462
+ .mds-tooltip-placement-left-end .popper__arrow {
2463
+ right: -6px;
2464
+ border-width: 6px 0 6px 6px;
2465
+ border-left-color: #354052;
2466
+ }
2467
+ .mds-tooltip-placement-left .popper__arrow::after,
2468
+ .mds-tooltip-placement-left-start .popper__arrow::after,
2469
+ .mds-tooltip-placement-left-end .popper__arrow::after {
2470
+ right: 1px;
2471
+ border-left-color: #354052;
2472
+ border-width: 5px 0 5px 5px;
2473
+ margin-left: -5px;
2474
+ bottom: -5px;
2475
+ }
2476
+ .mds-tooltip-placement-left.light-mode .popper__arrow,
2477
+ .mds-tooltip-placement-left-start.light-mode .popper__arrow,
2478
+ .mds-tooltip-placement-left-end.light-mode .popper__arrow {
2479
+ border-left-color: #ebeef5;
2480
+ }
2481
+ .mds-tooltip-placement-left.light-mode .popper__arrow::after,
2482
+ .mds-tooltip-placement-left-start.light-mode .popper__arrow::after,
2483
+ .mds-tooltip-placement-left-end.light-mode .popper__arrow::after {
2484
+ border-left-color: #fff;
2485
+ }
2486
+ .mds-tooltip-placement-bottom .popper__arrow,
2487
+ .mds-tooltip-placement-bottom-start .popper__arrow,
2488
+ .mds-tooltip-placement-bottom-end .popper__arrow {
2489
+ top: -6px;
2490
+ border-width: 0 6px 6px;
2491
+ border-bottom-color: #354052;
2492
+ }
2493
+ .mds-tooltip-placement-bottom .popper__arrow::after,
2494
+ .mds-tooltip-placement-bottom-start .popper__arrow::after,
2495
+ .mds-tooltip-placement-bottom-end .popper__arrow::after {
2496
+ top: 1px;
2497
+ border-top-color: #354052;
2498
+ border-width: 0 5px 5px;
2499
+ margin-left: -5px;
2500
+ }
2501
+ .mds-tooltip-placement-bottom.light-mode .popper__arrow,
2502
+ .mds-tooltip-placement-bottom-start.light-mode .popper__arrow,
2503
+ .mds-tooltip-placement-bottom-end.light-mode .popper__arrow {
2504
+ border-bottom-color: #ebeef5;
2505
+ }
2506
+ .mds-tooltip-placement-bottom.light-mode .popper__arrow::after,
2507
+ .mds-tooltip-placement-bottom-start.light-mode .popper__arrow::after,
2508
+ .mds-tooltip-placement-bottom-end.light-mode .popper__arrow::after {
2509
+ border-bottom-color: #fff;
2510
+ }
2511
+ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
2512
+ /* stylelint-disable declaration-bang-space-before */
2513
+ /* stylelint-disable declaration-bang-space-before */
2514
+ .mds-popover-wrapper {
2515
+ display: inline-block;
2516
+ }
2517
+ .mds-popover {
2518
+ text-align: center;
2519
+ border-radius: 4px;
2520
+ padding: 10px;
2521
+ font-size: 12px;
2522
+ line-height: 1.5;
2523
+ min-width: 150px;
2524
+ word-wrap: break-word;
2525
+ font-size: 14px;
2526
+ background: #ffffff;
2527
+ box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
2528
+ }
2529
+ .mds-popover .popper__arrow,
2530
+ .mds-popover .popper__arrow::after {
2531
+ position: absolute;
2532
+ display: block;
2533
+ width: 0;
2534
+ height: 0;
2535
+ border-color: transparent;
2536
+ border-style: solid;
2537
+ }
2538
+ .mds-popover .popper__arrow::after {
2539
+ content: " ";
2540
+ border-width: 6px;
2541
+ }
2542
+ .mds-popover-hidden {
2543
+ display: none;
2544
+ }
2545
+ .mds-popover-placement-top,
2546
+ .mds-popover-placement-top-start,
2547
+ .mds-popover-placement-top-end {
2548
+ margin-bottom: 18px;
2549
+ }
2550
+ .mds-popover-placement-right,
2551
+ .mds-popover-placement-right-start,
2552
+ .mds-popover-placement-right-end {
2553
+ margin-left: 9px;
2554
+ }
2555
+ .mds-popover-placement-bottom,
2556
+ .mds-popover-placement-bottom-start,
2557
+ .mds-popover-placement-bottom-end {
2558
+ margin-top: 18px;
2559
+ }
2560
+ .mds-popover-placement-left,
2561
+ .mds-popover-placement-left-start,
2562
+ .mds-popover-placement-left-end {
2563
+ margin-right: 9px;
2564
+ }
2565
+ .mds-popover-placement-top .popper__arrow,
2566
+ .mds-popover-placement-top-start .popper__arrow,
2567
+ .mds-popover-placement-top-end .popper__arrow {
2568
+ bottom: -6px;
2569
+ border-width: 6px 6px 0;
2570
+ border-top-color: #ebeef5;
2571
+ }
2572
+ .mds-popover-placement-top .popper__arrow::after,
2573
+ .mds-popover-placement-top-start .popper__arrow::after,
2574
+ .mds-popover-placement-top-end .popper__arrow::after {
2575
+ bottom: 1px;
2576
+ border-top-color: #ebeef5;
2577
+ border-width: 5px 5px 0;
2578
+ margin-left: -5px;
2579
+ }
2580
+ .mds-popover-placement-top .popper__arrow::after,
2581
+ .mds-popover-placement-top-start .popper__arrow::after,
2582
+ .mds-popover-placement-top-end .popper__arrow::after {
2583
+ border-top-color: #fff;
2584
+ }
2585
+ .mds-popover-placement-right .popper__arrow,
2586
+ .mds-popover-placement-right-start .popper__arrow,
2587
+ .mds-popover-placement-right-end .popper__arrow {
2588
+ left: -6px;
2589
+ border-width: 6px 6px 6px 0;
2590
+ border-right-color: #ebeef5;
2591
+ }
2592
+ .mds-popover-placement-right .popper__arrow::after,
2593
+ .mds-popover-placement-right-start .popper__arrow::after,
2594
+ .mds-popover-placement-right-end .popper__arrow::after {
2595
+ left: 1px;
2596
+ border-right-color: #ebeef5;
2597
+ border-width: 5px 5px 5px 0;
2598
+ bottom: -5px;
2599
+ }
2600
+ .mds-popover-placement-right .popper__arrow::after,
2601
+ .mds-popover-placement-right-start .popper__arrow::after,
2602
+ .mds-popover-placement-right-end .popper__arrow::after {
2603
+ border-right-color: #fff;
2604
+ }
2605
+ .mds-popover-placement-left .popper__arrow,
2606
+ .mds-popover-placement-left-start .popper__arrow,
2607
+ .mds-popover-placement-left-end .popper__arrow {
2608
+ right: -6px;
2609
+ border-width: 6px 0 6px 6px;
2610
+ border-left-color: #ebeef5;
2611
+ }
2612
+ .mds-popover-placement-left .popper__arrow::after,
2613
+ .mds-popover-placement-left-start .popper__arrow::after,
2614
+ .mds-popover-placement-left-end .popper__arrow::after {
2615
+ right: 1px;
2616
+ border-left-color: #ebeef5;
2617
+ border-width: 5px 0 5px 5px;
2618
+ margin-left: -5px;
2619
+ bottom: -5px;
2620
+ }
2621
+ .mds-popover-placement-left .popper__arrow::after,
2622
+ .mds-popover-placement-left-start .popper__arrow::after,
2623
+ .mds-popover-placement-left-end .popper__arrow::after {
2624
+ border-left-color: #fff;
2625
+ }
2626
+ .mds-popover-placement-bottom .popper__arrow,
2627
+ .mds-popover-placement-bottom-start .popper__arrow,
2628
+ .mds-popover-placement-bottom-end .popper__arrow {
2629
+ top: -6px;
2630
+ border-width: 0 6px 6px;
2631
+ border-bottom-color: #ebeef5;
2632
+ }
2633
+ .mds-popover-placement-bottom .popper__arrow::after,
2634
+ .mds-popover-placement-bottom-start .popper__arrow::after,
2635
+ .mds-popover-placement-bottom-end .popper__arrow::after {
2636
+ top: 1px;
2637
+ border-top-color: #ebeef5;
2638
+ border-width: 0 5px 5px;
2639
+ margin-left: -5px;
2640
+ }
2641
+ .mds-popover-placement-bottom .popper__arrow::after,
2642
+ .mds-popover-placement-bottom-start .popper__arrow::after,
2643
+ .mds-popover-placement-bottom-end .popper__arrow::after {
2644
+ border-bottom-color: #fff;
2645
+ }
2646
+ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
2647
+ /* stylelint-disable declaration-bang-space-before */
2648
+ /* stylelint-disable declaration-bang-space-before */
2649
+ .mds-table {
2650
+ overflow: hidden;
2651
+ position: relative;
2652
+ flex: 1;
2653
+ }
2654
+ .mds-table table {
2655
+ width: 100%;
2656
+ }
2657
+ .mds-table tbody {
2658
+ width: 100%;
2659
+ }
2660
+ .mds-table th {
2661
+ height: 39px;
2662
+ background: #fafafd;
2663
+ text-align: left;
2664
+ font-size: 12px;
2665
+ font-family: PingFangSC-Semibold;
2666
+ font-weight: 600;
2667
+ color: #7f8fa4;
2668
+ border-right: 1px solid #f0f2f5;
2669
+ border-top: 1px solid #f0f2f5;
2670
+ }
2671
+ .mds-table tr:hover {
2672
+ background-color: #fafafa;
2673
+ cursor: pointer;
2674
+ }
2675
+ .mds-table .stripe-row {
2676
+ background: #fafafd;
2677
+ }
2678
+ .mds-table td {
2679
+ height: 39px;
2680
+ font-size: 12px;
2681
+ font-family: PingFangSC-Regular;
2682
+ font-weight: 400;
2683
+ color: #7f8fa4;
2684
+ text-align: left;
2685
+ border-bottom: 1px solid #f0f2f5;
2686
+ }
2687
+ .mds-table .mds-table-fixed-left-body {
2688
+ overflow: hidden;
2689
+ position: relative;
2690
+ z-index: 3;
2691
+ }
2692
+ .mds-table .main-table {
2693
+ border-bottom: 0;
2694
+ border-right: 0;
2695
+ overflow-x: scroll;
2696
+ }
2697
+ .mds-table .main-table:before {
2698
+ content: "";
2699
+ width: 100%;
2700
+ height: 1px;
2701
+ background-color: #d7dde4;
2702
+ position: absolute;
2703
+ left: 0;
2704
+ bottom: 0;
2705
+ z-index: 4;
2706
+ }
2707
+ .mds-table .main-table::before {
2708
+ width: 100%;
2709
+ height: 1px;
2710
+ left: 0;
2711
+ bottom: 0;
2712
+ z-index: 1;
2713
+ content: "";
2714
+ position: absolute;
2715
+ background-color: #f0f2f5;
2716
+ }
2717
+ .mds-table .notdata {
2718
+ text-align: center;
2719
+ border-bottom: 1px solid #f0f2f5;
2720
+ height: 40px;
2721
+ line-height: 40px;
2722
+ color: #7f8fa4;
2723
+ }
2724
+ .mds-table .loadings {
2725
+ position: absolute;
2726
+ top: 0;
2727
+ left: 0;
2728
+ z-index: 8;
2729
+ width: 100%;
2730
+ height: 100%;
2731
+ background-color: rgba(255, 255, 255, 0.9);
2732
+ border-top: 0;
2733
+ border-left: 0;
2734
+ visibility: visible;
2735
+ opacity: 1;
2736
+ transition: all 0.5s linear;
2737
+ }
2738
+ .mds-table .loadings span {
2739
+ position: absolute;
2740
+ top: 50%;
2741
+ left: 50%;
2742
+ -webkit-transform: translate(-50%, -50%);
2743
+ transform: translate(-50%, -50%);
2744
+ display: inline-block;
2745
+ width: 80px;
2746
+ height: 80px;
2747
+ color: #7a7e83;
2748
+ }
2749
+ .mds-table .mds-table-header {
2750
+ border-bottom: 1px solid #f0f2f5;
2751
+ }
2752
+ .mds-table .mds-th,
2753
+ .mds-table .mds-td {
2754
+ padding: 12px 20px;
2755
+ }
2756
+ .mds-table .mds-table-fiexd-left {
2757
+ position: absolute;
2758
+ left: 0;
2759
+ top: 0;
2760
+ box-shadow: 2px 0 6px -2px rgba(0, 0, 0, 0.2);
2761
+ background: #fff;
2762
+ }
2763
+ .mds-table .mds-table-fiexd-right {
2764
+ position: absolute;
2765
+ right: 0;
2766
+ top: 0;
2767
+ box-shadow: -2px 0 6px -2px rgba(0, 0, 0, 0.2);
2768
+ background: #fff;
2769
+ }
2770
+ .mds-table .mds-table-fixed-left-header {
2771
+ overflow: hidden;
2772
+ }
2773
+ .mds-table table {
2774
+ table-layout: fixed;
2775
+ }
2776
+ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
2777
+ /* stylelint-disable declaration-bang-space-before */
2778
+ /* stylelint-disable declaration-bang-space-before */