palette-gradient.min.css 34 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663
  1. .bg-gradient-directional-amber .card-footer, .bg-gradient-directional-amber .card-header, .bg-gradient-directional-black .card-footer, .bg-gradient-directional-black .card-header, .bg-gradient-directional-blue .card-footer, .bg-gradient-directional-blue .card-header, .bg-gradient-directional-blue-grey .card-footer, .bg-gradient-directional-blue-grey .card-header, .bg-gradient-directional-cyan .card-footer, .bg-gradient-directional-cyan .card-header, .bg-gradient-directional-danger .card-footer, .bg-gradient-directional-danger .card-header, .bg-gradient-directional-grey-blue .card-footer, .bg-gradient-directional-grey-blue .card-header, .bg-gradient-directional-info .card-footer, .bg-gradient-directional-info .card-header, .bg-gradient-directional-primary .card-footer, .bg-gradient-directional-primary .card-header, .bg-gradient-directional-purple .card-footer, .bg-gradient-directional-purple .card-header, .bg-gradient-directional-red .card-footer, .bg-gradient-directional-red .card-header, .bg-gradient-directional-secondary .card-footer, .bg-gradient-directional-secondary .card-header, .bg-gradient-directional-success .card-footer, .bg-gradient-directional-success .card-header, .bg-gradient-directional-teal .card-footer, .bg-gradient-directional-teal .card-header, .bg-gradient-directional-warning .card-footer, .bg-gradient-directional-warning .card-header, .bg-gradient-directional-white .card-footer, .bg-gradient-directional-white .card-header, .bg-gradient-directional-yellow .card-footer, .bg-gradient-directional-yellow .card-header, .bg-gradient-radial-amber .card-footer, .bg-gradient-radial-amber .card-header, .bg-gradient-radial-black .card-footer, .bg-gradient-radial-black .card-header, .bg-gradient-radial-blue .card-footer, .bg-gradient-radial-blue .card-header, .bg-gradient-radial-blue-grey .card-footer, .bg-gradient-radial-blue-grey .card-header, .bg-gradient-radial-cyan .card-footer, .bg-gradient-radial-cyan .card-header, .bg-gradient-radial-danger .card-footer, .bg-gradient-radial-danger .card-header, .bg-gradient-radial-grey-blue .card-footer, .bg-gradient-radial-grey-blue .card-header, .bg-gradient-radial-info .card-footer, .bg-gradient-radial-info .card-header, .bg-gradient-radial-primary .card-footer, .bg-gradient-radial-primary .card-header, .bg-gradient-radial-purple .card-footer, .bg-gradient-radial-purple .card-header, .bg-gradient-radial-red .card-footer, .bg-gradient-radial-red .card-header, .bg-gradient-radial-secondary .card-footer, .bg-gradient-radial-secondary .card-header, .bg-gradient-radial-success .card-footer, .bg-gradient-radial-success .card-header, .bg-gradient-radial-teal .card-footer, .bg-gradient-radial-teal .card-header, .bg-gradient-radial-warning .card-footer, .bg-gradient-radial-warning .card-header, .bg-gradient-radial-white .card-footer, .bg-gradient-radial-white .card-header, .bg-gradient-radial-yellow .card-footer, .bg-gradient-radial-yellow .card-header, .bg-gradient-striped-amber .card-footer, .bg-gradient-striped-amber .card-header, .bg-gradient-striped-black .card-footer, .bg-gradient-striped-black .card-header, .bg-gradient-striped-blue .card-footer, .bg-gradient-striped-blue .card-header, .bg-gradient-striped-blue-grey .card-footer, .bg-gradient-striped-blue-grey .card-header, .bg-gradient-striped-cyan .card-footer, .bg-gradient-striped-cyan .card-header, .bg-gradient-striped-danger .card-footer, .bg-gradient-striped-danger .card-header, .bg-gradient-striped-grey-blue .card-footer, .bg-gradient-striped-grey-blue .card-header, .bg-gradient-striped-info .card-footer, .bg-gradient-striped-info .card-header, .bg-gradient-striped-primary .card-footer, .bg-gradient-striped-primary .card-header, .bg-gradient-striped-purple .card-footer, .bg-gradient-striped-purple .card-header, .bg-gradient-striped-red .card-footer, .bg-gradient-striped-red .card-header, .bg-gradient-striped-secondary .card-footer, .bg-gradient-striped-secondary .card-header, .bg-gradient-striped-success .card-footer, .bg-gradient-striped-success .card-header, .bg-gradient-striped-teal .card-footer, .bg-gradient-striped-teal .card-header, .bg-gradient-striped-warning .card-footer, .bg-gradient-striped-warning .card-header, .bg-gradient-striped-white .card-footer, .bg-gradient-striped-white .card-header, .bg-gradient-striped-yellow .card-footer, .bg-gradient-striped-yellow .card-header, .bg-gradient-x-amber .card-footer, .bg-gradient-x-amber .card-header, .bg-gradient-x-black .card-footer, .bg-gradient-x-black .card-header, .bg-gradient-x-blue .card-footer, .bg-gradient-x-blue .card-header, .bg-gradient-x-blue-grey .card-footer, .bg-gradient-x-blue-grey .card-header, .bg-gradient-x-cyan .card-footer, .bg-gradient-x-cyan .card-header, .bg-gradient-x-danger .card-footer, .bg-gradient-x-danger .card-header, .bg-gradient-x-grey-blue .card-footer, .bg-gradient-x-grey-blue .card-header, .bg-gradient-x-info .card-footer, .bg-gradient-x-info .card-header, .bg-gradient-x-primary .card-footer, .bg-gradient-x-primary .card-header, .bg-gradient-x-purple .card-footer, .bg-gradient-x-purple .card-header, .bg-gradient-x-red .card-footer, .bg-gradient-x-red .card-header, .bg-gradient-x-secondary .card-footer, .bg-gradient-x-secondary .card-header, .bg-gradient-x-success .card-footer, .bg-gradient-x-success .card-header, .bg-gradient-x-teal .card-footer, .bg-gradient-x-teal .card-header, .bg-gradient-x-warning .card-footer, .bg-gradient-x-warning .card-header, .bg-gradient-x-white .card-footer, .bg-gradient-x-white .card-header, .bg-gradient-x-yellow .card-footer, .bg-gradient-x-yellow .card-header, .bg-gradient-x2-amber .card-footer, .bg-gradient-x2-amber .card-header, .bg-gradient-x2-black .card-footer, .bg-gradient-x2-black .card-header, .bg-gradient-x2-blue .card-footer, .bg-gradient-x2-blue .card-header, .bg-gradient-x2-blue-grey .card-footer, .bg-gradient-x2-blue-grey .card-header, .bg-gradient-x2-cyan .card-footer, .bg-gradient-x2-cyan .card-header, .bg-gradient-x2-danger .card-footer, .bg-gradient-x2-danger .card-header, .bg-gradient-x2-grey-blue .card-footer, .bg-gradient-x2-grey-blue .card-header, .bg-gradient-x2-info .card-footer, .bg-gradient-x2-info .card-header, .bg-gradient-x2-primary .card-footer, .bg-gradient-x2-primary .card-header, .bg-gradient-x2-purple .card-footer, .bg-gradient-x2-purple .card-header, .bg-gradient-x2-red .card-footer, .bg-gradient-x2-red .card-header, .bg-gradient-x2-secondary .card-footer, .bg-gradient-x2-secondary .card-header, .bg-gradient-x2-success .card-footer, .bg-gradient-x2-success .card-header, .bg-gradient-x2-teal .card-footer, .bg-gradient-x2-teal .card-header, .bg-gradient-x2-warning .card-footer, .bg-gradient-x2-warning .card-header, .bg-gradient-x2-white .card-footer, .bg-gradient-x2-white .card-header, .bg-gradient-x2-yellow .card-footer, .bg-gradient-x2-yellow .card-header, .bg-gradient-y-amber .card-footer, .bg-gradient-y-amber .card-header, .bg-gradient-y-black .card-footer, .bg-gradient-y-black .card-header, .bg-gradient-y-blue .card-footer, .bg-gradient-y-blue .card-header, .bg-gradient-y-blue-grey .card-footer, .bg-gradient-y-blue-grey .card-header, .bg-gradient-y-cyan .card-footer, .bg-gradient-y-cyan .card-header, .bg-gradient-y-danger .card-footer, .bg-gradient-y-danger .card-header, .bg-gradient-y-grey-blue .card-footer, .bg-gradient-y-grey-blue .card-header, .bg-gradient-y-info .card-footer, .bg-gradient-y-info .card-header, .bg-gradient-y-primary .card-footer, .bg-gradient-y-primary .card-header, .bg-gradient-y-purple .card-footer, .bg-gradient-y-purple .card-header, .bg-gradient-y-red .card-footer, .bg-gradient-y-red .card-header, .bg-gradient-y-secondary .card-footer, .bg-gradient-y-secondary .card-header, .bg-gradient-y-success .card-footer, .bg-gradient-y-success .card-header, .bg-gradient-y-teal .card-footer, .bg-gradient-y-teal .card-header, .bg-gradient-y-warning .card-footer, .bg-gradient-y-warning .card-header, .bg-gradient-y-white .card-footer, .bg-gradient-y-white .card-header, .bg-gradient-y-yellow .card-footer, .bg-gradient-y-yellow .card-header, .bg-gradient-y2-amber .card-footer, .bg-gradient-y2-amber .card-header, .bg-gradient-y2-black .card-footer, .bg-gradient-y2-black .card-header, .bg-gradient-y2-blue .card-footer, .bg-gradient-y2-blue .card-header, .bg-gradient-y2-blue-grey .card-footer, .bg-gradient-y2-blue-grey .card-header, .bg-gradient-y2-cyan .card-footer, .bg-gradient-y2-cyan .card-header, .bg-gradient-y2-danger .card-footer, .bg-gradient-y2-danger .card-header, .bg-gradient-y2-grey-blue .card-footer, .bg-gradient-y2-grey-blue .card-header, .bg-gradient-y2-info .card-footer, .bg-gradient-y2-info .card-header, .bg-gradient-y2-primary .card-footer, .bg-gradient-y2-primary .card-header, .bg-gradient-y2-purple .card-footer, .bg-gradient-y2-purple .card-header, .bg-gradient-y2-red .card-footer, .bg-gradient-y2-red .card-header, .bg-gradient-y2-secondary .card-footer, .bg-gradient-y2-secondary .card-header, .bg-gradient-y2-success .card-footer, .bg-gradient-y2-success .card-header, .bg-gradient-y2-teal .card-footer, .bg-gradient-y2-teal .card-header, .bg-gradient-y2-warning .card-footer, .bg-gradient-y2-warning .card-header, .bg-gradient-y2-white .card-footer, .bg-gradient-y2-white .card-header, .bg-gradient-y2-yellow .card-footer, .bg-gradient-y2-yellow .card-header {
  2. background-color: transparent
  3. }
  4. .bg-gradient-x-primary {
  5. background-image: -webkit-linear-gradient(left,#008385 0,#00E7EB 100%);
  6. background-image: linear-gradient(to right,#008385 0,#00E7EB 100%);
  7. background-repeat: repeat-x
  8. }
  9. .bg-gradient-y-primary {
  10. background-image: -webkit-linear-gradient(top,#008385 0,#00E7EB 100%);
  11. background-image: linear-gradient(to bottom,#008385 0,#00E7EB 100%);
  12. background-repeat: repeat-x
  13. }
  14. .bg-gradient-directional-primary {
  15. background-image: -webkit-linear-gradient(45deg,#008385,#00E7EB);
  16. background-image: linear-gradient(45deg,#008385,#00E7EB);
  17. background-repeat: repeat-x
  18. }
  19. .bg-gradient-x2-primary {
  20. background-image: -webkit-linear-gradient(left,#00E7EB,#00B5B8 50%,#06FBFF);
  21. background-image: linear-gradient(to right,#00E7EB,#00B5B8 50%,#06FBFF);
  22. background-repeat: no-repeat
  23. }
  24. .bg-gradient-y2-primary {
  25. background-image: -webkit-linear-gradient(#00E7EB,#00B5B8 50%,#06FBFF);
  26. background-image: linear-gradient(#00E7EB,#00B5B8 50%,#06FBFF);
  27. background-repeat: no-repeat
  28. }
  29. .bg-gradient-radial-primary {
  30. background-image: -webkit-radial-gradient(circle,#008385,#00E7EB);
  31. background-image: radial-gradient(circle,#008385,#00E7EB);
  32. background-repeat: no-repeat
  33. }
  34. .bg-gradient-striped-primary {
  35. background-image: -webkit-linear-gradient(45deg,#06FBFF 25%,transparent 25%,transparent 50%,#06FBFF 50%,#06FBFF 75%,transparent 75%,transparent);
  36. background-image: linear-gradient(45deg,#06FBFF 25%,transparent 25%,transparent 50%,#06FBFF 50%,#06FBFF 75%,transparent 75%,transparent)
  37. }
  38. .bg-gradient-x-secondary {
  39. background-image: -webkit-linear-gradient(left,#2C3648 0,#546686 100%);
  40. background-image: linear-gradient(to right,#2C3648 0,#546686 100%);
  41. background-repeat: repeat-x
  42. }
  43. .bg-gradient-y-secondary {
  44. background-image: -webkit-linear-gradient(top,#2C3648 0,#546686 100%);
  45. background-image: linear-gradient(to bottom,#2C3648 0,#546686 100%);
  46. background-repeat: repeat-x
  47. }
  48. .bg-gradient-directional-secondary {
  49. background-image: -webkit-linear-gradient(45deg,#2C3648,#546686);
  50. background-image: linear-gradient(45deg,#2C3648,#546686);
  51. background-repeat: repeat-x
  52. }
  53. .bg-gradient-x2-secondary {
  54. background-image: -webkit-linear-gradient(left,#546686,#404E67 50%,#5D7296);
  55. background-image: linear-gradient(to right,#546686,#404E67 50%,#5D7296);
  56. background-repeat: no-repeat
  57. }
  58. .bg-gradient-y2-secondary {
  59. background-image: -webkit-linear-gradient(#546686,#404E67 50%,#5D7296);
  60. background-image: linear-gradient(#546686,#404E67 50%,#5D7296);
  61. background-repeat: no-repeat
  62. }
  63. .bg-gradient-radial-secondary {
  64. background-image: -webkit-radial-gradient(circle,#2C3648,#546686);
  65. background-image: radial-gradient(circle,#2C3648,#546686);
  66. background-repeat: no-repeat
  67. }
  68. .bg-gradient-striped-secondary {
  69. background-image: -webkit-linear-gradient(45deg,#5D7296 25%,transparent 25%,transparent 50%,#5D7296 50%,#5D7296 75%,transparent 75%,transparent);
  70. background-image: linear-gradient(45deg,#5D7296 25%,transparent 25%,transparent 50%,#5D7296 50%,#5D7296 75%,transparent 75%,transparent)
  71. }
  72. .bg-gradient-x-success {
  73. background-image: -webkit-linear-gradient(left,#11A578 0,#32EAB2 100%);
  74. background-image: linear-gradient(to right,#11A578 0,#32EAB2 100%);
  75. background-repeat: repeat-x
  76. }
  77. .bg-gradient-y-success {
  78. background-image: -webkit-linear-gradient(top,#11A578 0,#32EAB2 100%);
  79. background-image: linear-gradient(to bottom,#11A578 0,#32EAB2 100%);
  80. background-repeat: repeat-x
  81. }
  82. .bg-gradient-directional-success {
  83. background-image: -webkit-linear-gradient(45deg,#11A578,#32EAB2);
  84. background-image: linear-gradient(45deg,#11A578,#32EAB2);
  85. background-repeat: repeat-x
  86. }
  87. .bg-gradient-x2-success {
  88. background-image: -webkit-linear-gradient(left,#32EAB2,#16D39A 50%,#49ECBB);
  89. background-image: linear-gradient(to right,#32EAB2,#16D39A 50%,#49ECBB);
  90. background-repeat: no-repeat
  91. }
  92. .bg-gradient-y2-success {
  93. background-image: -webkit-linear-gradient(#32EAB2,#16D39A 50%,#49ECBB);
  94. background-image: linear-gradient(#32EAB2,#16D39A 50%,#49ECBB);
  95. background-repeat: no-repeat
  96. }
  97. .bg-gradient-radial-success {
  98. background-image: -webkit-radial-gradient(circle,#11A578,#32EAB2);
  99. background-image: radial-gradient(circle,#11A578,#32EAB2);
  100. background-repeat: no-repeat
  101. }
  102. .bg-gradient-striped-success {
  103. background-image: -webkit-linear-gradient(45deg,#49ECBB 25%,transparent 25%,transparent 50%,#49ECBB 50%,#49ECBB 75%,transparent 75%,transparent);
  104. background-image: linear-gradient(45deg,#49ECBB 25%,transparent 25%,transparent 50%,#49ECBB 50%,#49ECBB 75%,transparent 75%,transparent)
  105. }
  106. .bg-gradient-x-info {
  107. background-image: -webkit-linear-gradient(left,#1AB0C3 0,#5AD9E9 100%);
  108. background-image: linear-gradient(to right,#1AB0C3 0,#5AD9E9 100%);
  109. background-repeat: repeat-x
  110. }
  111. .bg-gradient-y-info {
  112. background-image: -webkit-linear-gradient(top,#1AB0C3 0,#5AD9E9 100%);
  113. background-image: linear-gradient(to bottom,#1AB0C3 0,#5AD9E9 100%);
  114. background-repeat: repeat-x
  115. }
  116. .bg-gradient-directional-info {
  117. background-image: -webkit-linear-gradient(45deg,#1AB0C3,#5AD9E9);
  118. background-image: linear-gradient(45deg,#1AB0C3,#5AD9E9);
  119. background-repeat: repeat-x
  120. }
  121. .bg-gradient-x2-info {
  122. background-image: -webkit-linear-gradient(left,#5AD9E9,#2DCEE3 50%,#71DEEC);
  123. background-image: linear-gradient(to right,#5AD9E9,#2DCEE3 50%,#71DEEC);
  124. background-repeat: no-repeat
  125. }
  126. .bg-gradient-y2-info {
  127. background-image: -webkit-linear-gradient(#5AD9E9,#2DCEE3 50%,#71DEEC);
  128. background-image: linear-gradient(#5AD9E9,#2DCEE3 50%,#71DEEC);
  129. background-repeat: no-repeat
  130. }
  131. .bg-gradient-radial-info {
  132. background-image: -webkit-radial-gradient(circle,#1AB0C3,#5AD9E9);
  133. background-image: radial-gradient(circle,#1AB0C3,#5AD9E9);
  134. background-repeat: no-repeat
  135. }
  136. .bg-gradient-striped-info {
  137. background-image: -webkit-linear-gradient(45deg,#71DEEC 25%,transparent 25%,transparent 50%,#71DEEC 50%,#71DEEC 75%,transparent 75%,transparent);
  138. background-image: linear-gradient(45deg,#71DEEC 25%,transparent 25%,transparent 50%,#71DEEC 50%,#71DEEC 75%,transparent 75%,transparent)
  139. }
  140. .bg-gradient-x-warning {
  141. background-image: -webkit-linear-gradient(left,#FF864A 0,#FFCAB0 100%);
  142. background-image: linear-gradient(to right,#FF864A 0,#FFCAB0 100%);
  143. background-repeat: repeat-x
  144. }
  145. .bg-gradient-y-warning {
  146. background-image: -webkit-linear-gradient(top,#FF864A 0,#FFCAB0 100%);
  147. background-image: linear-gradient(to bottom,#FF864A 0,#FFCAB0 100%);
  148. background-repeat: repeat-x
  149. }
  150. .bg-gradient-directional-warning {
  151. background-image: -webkit-linear-gradient(45deg,#FF864A,#FFCAB0);
  152. background-image: linear-gradient(45deg,#FF864A,#FFCAB0);
  153. background-repeat: repeat-x
  154. }
  155. .bg-gradient-x2-warning {
  156. background-image: -webkit-linear-gradient(left,#FFCAB0,#FFA87D 50%,#FFDBCA);
  157. background-image: linear-gradient(to right,#FFCAB0,#FFA87D 50%,#FFDBCA);
  158. background-repeat: no-repeat
  159. }
  160. .bg-gradient-y2-warning {
  161. background-image: -webkit-linear-gradient(#FFCAB0,#FFA87D 50%,#FFDBCA);
  162. background-image: linear-gradient(#FFCAB0,#FFA87D 50%,#FFDBCA);
  163. background-repeat: no-repeat
  164. }
  165. .bg-gradient-radial-warning {
  166. background-image: -webkit-radial-gradient(circle,#FF864A,#FFCAB0);
  167. background-image: radial-gradient(circle,#FF864A,#FFCAB0);
  168. background-repeat: no-repeat
  169. }
  170. .bg-gradient-striped-warning {
  171. background-image: -webkit-linear-gradient(45deg,#FFDBCA 25%,transparent 25%,transparent 50%,#FFDBCA 50%,#FFDBCA 75%,transparent 75%,transparent);
  172. background-image: linear-gradient(45deg,#FFDBCA 25%,transparent 25%,transparent 50%,#FFDBCA 50%,#FFDBCA 75%,transparent 75%,transparent)
  173. }
  174. .bg-gradient-x-danger {
  175. background-image: -webkit-linear-gradient(left,#FF425C 0,#FFA8B4 100%);
  176. background-image: linear-gradient(to right,#FF425C 0,#FFA8B4 100%);
  177. background-repeat: repeat-x
  178. }
  179. .bg-gradient-y-danger {
  180. background-image: -webkit-linear-gradient(top,#FF425C 0,#FFA8B4 100%);
  181. background-image: linear-gradient(to bottom,#FF425C 0,#FFA8B4 100%);
  182. background-repeat: repeat-x
  183. }
  184. .bg-gradient-directional-danger {
  185. background-image: -webkit-linear-gradient(45deg,#FF425C,#FFA8B4);
  186. background-image: linear-gradient(45deg,#FF425C,#FFA8B4);
  187. background-repeat: repeat-x
  188. }
  189. .bg-gradient-x2-danger {
  190. background-image: -webkit-linear-gradient(left,#FFA8B4,#FF7588 50%,#FFC2CA);
  191. background-image: linear-gradient(to right,#FFA8B4,#FF7588 50%,#FFC2CA);
  192. background-repeat: no-repeat
  193. }
  194. .bg-gradient-y2-danger {
  195. background-image: -webkit-linear-gradient(#FFA8B4,#FF7588 50%,#FFC2CA);
  196. background-image: linear-gradient(#FFA8B4,#FF7588 50%,#FFC2CA);
  197. background-repeat: no-repeat
  198. }
  199. .bg-gradient-radial-danger {
  200. background-image: -webkit-radial-gradient(circle,#FF425C,#FFA8B4);
  201. background-image: radial-gradient(circle,#FF425C,#FFA8B4);
  202. background-repeat: no-repeat
  203. }
  204. .bg-gradient-striped-danger {
  205. background-image: -webkit-linear-gradient(45deg,#FFC2CA 25%,transparent 25%,transparent 50%,#FFC2CA 50%,#FFC2CA 75%,transparent 75%,transparent);
  206. background-image: linear-gradient(45deg,#FFC2CA 25%,transparent 25%,transparent 50%,#FFC2CA 50%,#FFC2CA 75%,transparent 75%,transparent)
  207. }
  208. .bg-gradient-x-red {
  209. background-image: -webkit-linear-gradient(left,#D32F2F 0,#E57373 100%);
  210. background-image: linear-gradient(to right,#D32F2F 0,#E57373 100%);
  211. background-repeat: repeat-x
  212. }
  213. .bg-gradient-y-red {
  214. background-image: -webkit-linear-gradient(top,#D32F2F 0,#E57373 100%);
  215. background-image: linear-gradient(to bottom,#D32F2F 0,#E57373 100%);
  216. background-repeat: repeat-x
  217. }
  218. .bg-gradient-directional-red {
  219. background-image: -webkit-linear-gradient(45deg,#D32F2F,#E57373);
  220. background-image: linear-gradient(45deg,#D32F2F,#E57373);
  221. background-repeat: repeat-x
  222. }
  223. .bg-gradient-x2-red {
  224. background-image: -webkit-linear-gradient(left,#E57373,#F44336 50%,#EF9A9A);
  225. background-image: linear-gradient(to right,#E57373,#F44336 50%,#EF9A9A);
  226. background-repeat: no-repeat
  227. }
  228. .bg-gradient-y2-red {
  229. background-image: -webkit-linear-gradient(#E57373,#F44336 50%,#EF9A9A);
  230. background-image: linear-gradient(#E57373,#F44336 50%,#EF9A9A);
  231. background-repeat: no-repeat
  232. }
  233. .bg-gradient-radial-red {
  234. background-image: -webkit-radial-gradient(circle,#D32F2F,#E57373);
  235. background-image: radial-gradient(circle,#D32F2F,#E57373);
  236. background-repeat: no-repeat
  237. }
  238. .bg-gradient-striped-red {
  239. background-image: -webkit-linear-gradient(45deg,#EF9A9A 25%,transparent 25%,transparent 50%,#EF9A9A 50%,#EF9A9A 75%,transparent 75%,transparent);
  240. background-image: linear-gradient(45deg,#EF9A9A 25%,transparent 25%,transparent 50%,#EF9A9A 50%,#EF9A9A 75%,transparent 75%,transparent)
  241. }
  242. .bg-gradient-x-pink {
  243. background-image: -webkit-linear-gradient(left,#C2185B 0,#F06292 100%);
  244. background-image: linear-gradient(to right,#C2185B 0,#F06292 100%);
  245. background-repeat: repeat-x
  246. }
  247. .bg-gradient-y-pink {
  248. background-image: -webkit-linear-gradient(top,#C2185B 0,#F06292 100%);
  249. background-image: linear-gradient(to bottom,#C2185B 0,#F06292 100%);
  250. background-repeat: repeat-x
  251. }
  252. .bg-gradient-directional-pink {
  253. background-image: -webkit-linear-gradient(45deg,#C2185B,#F06292);
  254. background-image: linear-gradient(45deg,#C2185B,#F06292);
  255. background-repeat: repeat-x
  256. }
  257. .bg-gradient-x2-pink {
  258. background-image: -webkit-linear-gradient(left,#F06292,#E91E63 50%,#F48FB1);
  259. background-image: linear-gradient(to right,#F06292,#E91E63 50%,#F48FB1);
  260. background-repeat: no-repeat
  261. }
  262. .bg-gradient-y2-pink {
  263. background-image: -webkit-linear-gradient(#F06292,#E91E63 50%,#F48FB1);
  264. background-image: linear-gradient(#F06292,#E91E63 50%,#F48FB1);
  265. background-repeat: no-repeat
  266. }
  267. .bg-gradient-radial-pink {
  268. background-image: -webkit-radial-gradient(circle,#C2185B,#F06292);
  269. background-image: radial-gradient(circle,#C2185B,#F06292);
  270. background-repeat: no-repeat
  271. }
  272. .bg-gradient-striped-pink {
  273. background-image: -webkit-linear-gradient(45deg,#F48FB1 25%,transparent 25%,transparent 50%,#F48FB1 50%,#F48FB1 75%,transparent 75%,transparent);
  274. background-image: linear-gradient(45deg,#F48FB1 25%,transparent 25%,transparent 50%,#F48FB1 50%,#F48FB1 75%,transparent 75%,transparent)
  275. }
  276. .bg-gradient-directional-pink .card-footer, .bg-gradient-directional-pink .card-header, .bg-gradient-radial-pink .card-footer, .bg-gradient-radial-pink .card-header, .bg-gradient-striped-pink .card-footer, .bg-gradient-striped-pink .card-header, .bg-gradient-x-pink .card-footer, .bg-gradient-x-pink .card-header, .bg-gradient-x2-pink .card-footer, .bg-gradient-x2-pink .card-header, .bg-gradient-y-pink .card-footer, .bg-gradient-y-pink .card-header, .bg-gradient-y2-pink .card-footer, .bg-gradient-y2-pink .card-header {
  277. background-color: transparent
  278. }
  279. .bg-gradient-x-purple {
  280. background-image: -webkit-linear-gradient(left,#7B1FA2 0,#BA68C8 100%);
  281. background-image: linear-gradient(to right,#7B1FA2 0,#BA68C8 100%);
  282. background-repeat: repeat-x
  283. }
  284. .bg-gradient-y-purple {
  285. background-image: -webkit-linear-gradient(top,#7B1FA2 0,#BA68C8 100%);
  286. background-image: linear-gradient(to bottom,#7B1FA2 0,#BA68C8 100%);
  287. background-repeat: repeat-x
  288. }
  289. .bg-gradient-directional-purple {
  290. background-image: -webkit-linear-gradient(45deg,#7B1FA2,#BA68C8);
  291. background-image: linear-gradient(45deg,#7B1FA2,#BA68C8);
  292. background-repeat: repeat-x
  293. }
  294. .bg-gradient-x2-purple {
  295. background-image: -webkit-linear-gradient(left,#BA68C8,#9C27B0 50%,#CE93D8);
  296. background-image: linear-gradient(to right,#BA68C8,#9C27B0 50%,#CE93D8);
  297. background-repeat: no-repeat
  298. }
  299. .bg-gradient-y2-purple {
  300. background-image: -webkit-linear-gradient(#BA68C8,#9C27B0 50%,#CE93D8);
  301. background-image: linear-gradient(#BA68C8,#9C27B0 50%,#CE93D8);
  302. background-repeat: no-repeat
  303. }
  304. .bg-gradient-radial-purple {
  305. background-image: -webkit-radial-gradient(circle,#7B1FA2,#BA68C8);
  306. background-image: radial-gradient(circle,#7B1FA2,#BA68C8);
  307. background-repeat: no-repeat
  308. }
  309. .bg-gradient-striped-purple {
  310. background-image: -webkit-linear-gradient(45deg,#CE93D8 25%,transparent 25%,transparent 50%,#CE93D8 50%,#CE93D8 75%,transparent 75%,transparent);
  311. background-image: linear-gradient(45deg,#CE93D8 25%,transparent 25%,transparent 50%,#CE93D8 50%,#CE93D8 75%,transparent 75%,transparent)
  312. }
  313. .bg-gradient-x-blue {
  314. background-image: -webkit-linear-gradient(left,#1976D2 0,#64B5F6 100%);
  315. background-image: linear-gradient(to right,#1976D2 0,#64B5F6 100%);
  316. background-repeat: repeat-x
  317. }
  318. .bg-gradient-y-blue {
  319. background-image: -webkit-linear-gradient(top,#1976D2 0,#64B5F6 100%);
  320. background-image: linear-gradient(to bottom,#1976D2 0,#64B5F6 100%);
  321. background-repeat: repeat-x
  322. }
  323. .bg-gradient-directional-blue {
  324. background-image: -webkit-linear-gradient(45deg,#1976D2,#64B5F6);
  325. background-image: linear-gradient(45deg,#1976D2,#64B5F6);
  326. background-repeat: repeat-x
  327. }
  328. .bg-gradient-x2-blue {
  329. background-image: -webkit-linear-gradient(left,#64B5F6,#2196F3 50%,#90CAF9);
  330. background-image: linear-gradient(to right,#64B5F6,#2196F3 50%,#90CAF9);
  331. background-repeat: no-repeat
  332. }
  333. .bg-gradient-y2-blue {
  334. background-image: -webkit-linear-gradient(#64B5F6,#2196F3 50%,#90CAF9);
  335. background-image: linear-gradient(#64B5F6,#2196F3 50%,#90CAF9);
  336. background-repeat: no-repeat
  337. }
  338. .bg-gradient-radial-blue {
  339. background-image: -webkit-radial-gradient(circle,#1976D2,#64B5F6);
  340. background-image: radial-gradient(circle,#1976D2,#64B5F6);
  341. background-repeat: no-repeat
  342. }
  343. .bg-gradient-striped-blue {
  344. background-image: -webkit-linear-gradient(45deg,#90CAF9 25%,transparent 25%,transparent 50%,#90CAF9 50%,#90CAF9 75%,transparent 75%,transparent);
  345. background-image: linear-gradient(45deg,#90CAF9 25%,transparent 25%,transparent 50%,#90CAF9 50%,#90CAF9 75%,transparent 75%,transparent)
  346. }
  347. .bg-gradient-x-cyan {
  348. background-image: -webkit-linear-gradient(left,#0097A7 0,#4DD0E1 100%);
  349. background-image: linear-gradient(to right,#0097A7 0,#4DD0E1 100%);
  350. background-repeat: repeat-x
  351. }
  352. .bg-gradient-y-cyan {
  353. background-image: -webkit-linear-gradient(top,#0097A7 0,#4DD0E1 100%);
  354. background-image: linear-gradient(to bottom,#0097A7 0,#4DD0E1 100%);
  355. background-repeat: repeat-x
  356. }
  357. .bg-gradient-directional-cyan {
  358. background-image: -webkit-linear-gradient(45deg,#0097A7,#4DD0E1);
  359. background-image: linear-gradient(45deg,#0097A7,#4DD0E1);
  360. background-repeat: repeat-x
  361. }
  362. .bg-gradient-x2-cyan {
  363. background-image: -webkit-linear-gradient(left,#4DD0E1,#00BCD4 50%,#80DEEA);
  364. background-image: linear-gradient(to right,#4DD0E1,#00BCD4 50%,#80DEEA);
  365. background-repeat: no-repeat
  366. }
  367. .bg-gradient-y2-cyan {
  368. background-image: -webkit-linear-gradient(#4DD0E1,#00BCD4 50%,#80DEEA);
  369. background-image: linear-gradient(#4DD0E1,#00BCD4 50%,#80DEEA);
  370. background-repeat: no-repeat
  371. }
  372. .bg-gradient-radial-cyan {
  373. background-image: -webkit-radial-gradient(circle,#0097A7,#4DD0E1);
  374. background-image: radial-gradient(circle,#0097A7,#4DD0E1);
  375. background-repeat: no-repeat
  376. }
  377. .bg-gradient-striped-cyan {
  378. background-image: -webkit-linear-gradient(45deg,#80DEEA 25%,transparent 25%,transparent 50%,#80DEEA 50%,#80DEEA 75%,transparent 75%,transparent);
  379. background-image: linear-gradient(45deg,#80DEEA 25%,transparent 25%,transparent 50%,#80DEEA 50%,#80DEEA 75%,transparent 75%,transparent)
  380. }
  381. .bg-gradient-x-teal {
  382. background-image: -webkit-linear-gradient(left,#00796B 0,#4DB6AC 100%);
  383. background-image: linear-gradient(to right,#00796B 0,#4DB6AC 100%);
  384. background-repeat: repeat-x
  385. }
  386. .bg-gradient-y-teal {
  387. background-image: -webkit-linear-gradient(top,#00796B 0,#4DB6AC 100%);
  388. background-image: linear-gradient(to bottom,#00796B 0,#4DB6AC 100%);
  389. background-repeat: repeat-x
  390. }
  391. .bg-gradient-directional-teal {
  392. background-image: -webkit-linear-gradient(45deg,#00796B,#4DB6AC);
  393. background-image: linear-gradient(45deg,#00796B,#4DB6AC);
  394. background-repeat: repeat-x
  395. }
  396. .bg-gradient-x2-teal {
  397. background-image: -webkit-linear-gradient(left,#4DB6AC,#009688 50%,#80CBC4);
  398. background-image: linear-gradient(to right,#4DB6AC,#009688 50%,#80CBC4);
  399. background-repeat: no-repeat
  400. }
  401. .bg-gradient-y2-teal {
  402. background-image: -webkit-linear-gradient(#4DB6AC,#009688 50%,#80CBC4);
  403. background-image: linear-gradient(#4DB6AC,#009688 50%,#80CBC4);
  404. background-repeat: no-repeat
  405. }
  406. .bg-gradient-radial-teal {
  407. background-image: -webkit-radial-gradient(circle,#00796B,#4DB6AC);
  408. background-image: radial-gradient(circle,#00796B,#4DB6AC);
  409. background-repeat: no-repeat
  410. }
  411. .bg-gradient-striped-teal {
  412. background-image: -webkit-linear-gradient(45deg,#80CBC4 25%,transparent 25%,transparent 50%,#80CBC4 50%,#80CBC4 75%,transparent 75%,transparent);
  413. background-image: linear-gradient(45deg,#80CBC4 25%,transparent 25%,transparent 50%,#80CBC4 50%,#80CBC4 75%,transparent 75%,transparent)
  414. }
  415. .bg-gradient-x-yellow {
  416. background-image: -webkit-linear-gradient(left,#FBC02D 0,#FFF176 100%);
  417. background-image: linear-gradient(to right,#FBC02D 0,#FFF176 100%);
  418. background-repeat: repeat-x
  419. }
  420. .bg-gradient-y-yellow {
  421. background-image: -webkit-linear-gradient(top,#FBC02D 0,#FFF176 100%);
  422. background-image: linear-gradient(to bottom,#FBC02D 0,#FFF176 100%);
  423. background-repeat: repeat-x
  424. }
  425. .bg-gradient-directional-yellow {
  426. background-image: -webkit-linear-gradient(45deg,#FBC02D,#FFF176);
  427. background-image: linear-gradient(45deg,#FBC02D,#FFF176);
  428. background-repeat: repeat-x
  429. }
  430. .bg-gradient-x2-yellow {
  431. background-image: -webkit-linear-gradient(left,#FFF176,#FFEB3B 50%,#FFF59D);
  432. background-image: linear-gradient(to right,#FFF176,#FFEB3B 50%,#FFF59D);
  433. background-repeat: no-repeat
  434. }
  435. .bg-gradient-y2-yellow {
  436. background-image: -webkit-linear-gradient(#FFF176,#FFEB3B 50%,#FFF59D);
  437. background-image: linear-gradient(#FFF176,#FFEB3B 50%,#FFF59D);
  438. background-repeat: no-repeat
  439. }
  440. .bg-gradient-radial-yellow {
  441. background-image: -webkit-radial-gradient(circle,#FBC02D,#FFF176);
  442. background-image: radial-gradient(circle,#FBC02D,#FFF176);
  443. background-repeat: no-repeat
  444. }
  445. .bg-gradient-striped-yellow {
  446. background-image: -webkit-linear-gradient(45deg,#FFF59D 25%,transparent 25%,transparent 50%,#FFF59D 50%,#FFF59D 75%,transparent 75%,transparent);
  447. background-image: linear-gradient(45deg,#FFF59D 25%,transparent 25%,transparent 50%,#FFF59D 50%,#FFF59D 75%,transparent 75%,transparent)
  448. }
  449. .bg-gradient-x-amber {
  450. background-image: -webkit-linear-gradient(left,#FFA000 0,#FFD54F 100%);
  451. background-image: linear-gradient(to right,#FFA000 0,#FFD54F 100%);
  452. background-repeat: repeat-x
  453. }
  454. .bg-gradient-y-amber {
  455. background-image: -webkit-linear-gradient(top,#FFA000 0,#FFD54F 100%);
  456. background-image: linear-gradient(to bottom,#FFA000 0,#FFD54F 100%);
  457. background-repeat: repeat-x
  458. }
  459. .bg-gradient-directional-amber {
  460. background-image: -webkit-linear-gradient(45deg,#FFA000,#FFD54F);
  461. background-image: linear-gradient(45deg,#FFA000,#FFD54F);
  462. background-repeat: repeat-x
  463. }
  464. .bg-gradient-x2-amber {
  465. background-image: -webkit-linear-gradient(left,#FFD54F,#FFC107 50%,#FFE082);
  466. background-image: linear-gradient(to right,#FFD54F,#FFC107 50%,#FFE082);
  467. background-repeat: no-repeat
  468. }
  469. .bg-gradient-y2-amber {
  470. background-image: -webkit-linear-gradient(#FFD54F,#FFC107 50%,#FFE082);
  471. background-image: linear-gradient(#FFD54F,#FFC107 50%,#FFE082);
  472. background-repeat: no-repeat
  473. }
  474. .bg-gradient-radial-amber {
  475. background-image: -webkit-radial-gradient(circle,#FFA000,#FFD54F);
  476. background-image: radial-gradient(circle,#FFA000,#FFD54F);
  477. background-repeat: no-repeat
  478. }
  479. .bg-gradient-striped-amber {
  480. background-image: -webkit-linear-gradient(45deg,#FFE082 25%,transparent 25%,transparent 50%,#FFE082 50%,#FFE082 75%,transparent 75%,transparent);
  481. background-image: linear-gradient(45deg,#FFE082 25%,transparent 25%,transparent 50%,#FFE082 50%,#FFE082 75%,transparent 75%,transparent)
  482. }
  483. .bg-gradient-x-blue-grey {
  484. background-image: -webkit-linear-gradient(left,#455A64 0,#90A4AE 100%);
  485. background-image: linear-gradient(to right,#455A64 0,#90A4AE 100%);
  486. background-repeat: repeat-x
  487. }
  488. .bg-gradient-y-blue-grey {
  489. background-image: -webkit-linear-gradient(top,#455A64 0,#90A4AE 100%);
  490. background-image: linear-gradient(to bottom,#455A64 0,#90A4AE 100%);
  491. background-repeat: repeat-x
  492. }
  493. .bg-gradient-directional-blue-grey {
  494. background-image: -webkit-linear-gradient(45deg,#455A64,#90A4AE);
  495. background-image: linear-gradient(45deg,#455A64,#90A4AE);
  496. background-repeat: repeat-x
  497. }
  498. .bg-gradient-x2-blue-grey {
  499. background-image: -webkit-linear-gradient(left,#90A4AE,#607D8B 50%,#B0BEC5);
  500. background-image: linear-gradient(to right,#90A4AE,#607D8B 50%,#B0BEC5);
  501. background-repeat: no-repeat
  502. }
  503. .bg-gradient-y2-blue-grey {
  504. background-image: -webkit-linear-gradient(#90A4AE,#607D8B 50%,#B0BEC5);
  505. background-image: linear-gradient(#90A4AE,#607D8B 50%,#B0BEC5);
  506. background-repeat: no-repeat
  507. }
  508. .bg-gradient-radial-blue-grey {
  509. background-image: -webkit-radial-gradient(circle,#455A64,#90A4AE);
  510. background-image: radial-gradient(circle,#455A64,#90A4AE);
  511. background-repeat: no-repeat
  512. }
  513. .bg-gradient-striped-blue-grey {
  514. background-image: -webkit-linear-gradient(45deg,#B0BEC5 25%,transparent 25%,transparent 50%,#B0BEC5 50%,#B0BEC5 75%,transparent 75%,transparent);
  515. background-image: linear-gradient(45deg,#B0BEC5 25%,transparent 25%,transparent 50%,#B0BEC5 50%,#B0BEC5 75%,transparent 75%,transparent)
  516. }
  517. .bg-gradient-x-grey-blue {
  518. background-image: -webkit-linear-gradient(left,#404E67 0,#6F85AD 100%);
  519. background-image: linear-gradient(to right,#404E67 0,#6F85AD 100%);
  520. background-repeat: repeat-x
  521. }
  522. .bg-gradient-y-grey-blue {
  523. background-image: -webkit-linear-gradient(top,#404E67 0,#6F85AD 100%);
  524. background-image: linear-gradient(to bottom,#404E67 0,#6F85AD 100%);
  525. background-repeat: repeat-x
  526. }
  527. .bg-gradient-directional-grey-blue {
  528. background-image: -webkit-linear-gradient(45deg,#404E67,#6F85AD);
  529. background-image: linear-gradient(45deg,#404E67,#6F85AD);
  530. background-repeat: repeat-x
  531. }
  532. .bg-gradient-x2-grey-blue {
  533. background-image: -webkit-linear-gradient(left,#6F85AD,#1B2942 50%,#B0BEC5);
  534. background-image: linear-gradient(to right,#6F85AD,#1B2942 50%,#B0BEC5);
  535. background-repeat: no-repeat
  536. }
  537. .bg-gradient-y2-grey-blue {
  538. background-image: -webkit-linear-gradient(#6F85AD,#1B2942 50%,#B0BEC5);
  539. background-image: linear-gradient(#6F85AD,#1B2942 50%,#B0BEC5);
  540. background-repeat: no-repeat
  541. }
  542. .bg-gradient-radial-grey-blue {
  543. background-image: -webkit-radial-gradient(circle,#404E67,#6F85AD);
  544. background-image: radial-gradient(circle,#404E67,#6F85AD);
  545. background-repeat: no-repeat
  546. }
  547. .bg-gradient-striped-grey-blue {
  548. background-image: -webkit-linear-gradient(45deg,#B0BEC5 25%,transparent 25%,transparent 50%,#B0BEC5 50%,#B0BEC5 75%,transparent 75%,transparent);
  549. background-image: linear-gradient(45deg,#B0BEC5 25%,transparent 25%,transparent 50%,#B0BEC5 50%,#B0BEC5 75%,transparent 75%,transparent)
  550. }