WIP desktop client for Chatto reimplemented in ScalaFX and Sapphire Framework
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

1513 lines
63 KiB

4 years ago
  1. /*!
  2. * BootstrapFX v0.1.0
  3. * Copyright 2015 Andres Almiray
  4. */
  5. /*!
  6. * Bootstrap v3.3.5 (http://getbootstrap.com)
  7. * Copyright 2011-2015 Twitter, Inc.
  8. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
  9. */
  10. /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
  11. * {
  12. -fx-font-family: 'sans-serif';
  13. }
  14. .b,
  15. .strong {
  16. -fx-font-weight: bold;
  17. }
  18. .i,
  19. .em,
  20. .italic,
  21. .dfn {
  22. -fx-font-style: italic;
  23. }
  24. .h1 {
  25. -fx-font-size: 2em;
  26. }
  27. .small {
  28. -fx-font-size: 80%;
  29. }
  30. .code,
  31. .kbd,
  32. .pre,
  33. .samp {
  34. -fx-font-family: 'monospace';
  35. -fx-font-size: 1em;
  36. }
  37. .h1, .h2, .h3, .h4, .h5, .h6 {
  38. -fx-text-fill: inherit;
  39. -fx-fill: inherit;
  40. }
  41. .h1 small,
  42. .h1 .small, .h2 small,
  43. .h2 .small, .h3 small,
  44. .h3 .small, .h4 small,
  45. .h4 .small, .h5 small,
  46. .h5 .small, .h6 small,
  47. .h6 .small {
  48. -fx-font-weight: normal;
  49. -fx-text-fill: #777777;
  50. -fx-fill: #777777;
  51. }
  52. .h1 small,
  53. .h1 .small,
  54. .h2 small,
  55. .h2 .small,
  56. .h3 small,
  57. .h3 .small {
  58. -fx-font-size: 65%;
  59. }
  60. .h4 small,
  61. .h4 .small,
  62. .h5 small,
  63. .h5 .small,
  64. .h6 small,
  65. .h6 .small {
  66. -fx-font-size: 75%;
  67. }
  68. .h1 {
  69. -fx-font-size: 36px;
  70. }
  71. .h2 {
  72. -fx-font-size: 30px;
  73. }
  74. .h3 {
  75. -fx-font-size: 24px;
  76. }
  77. .h4 {
  78. -fx-font-size: 18px;
  79. }
  80. .h5 {
  81. -fx-font-size: 14px;
  82. }
  83. .h6 {
  84. -fx-font-size: 12px;
  85. }
  86. .lead {
  87. -fx-font-size: 16px;
  88. -fx-font-weight: 300;
  89. }
  90. .small {
  91. -fx-font-size: 85%;
  92. }
  93. /*
  94. .mark {
  95. -fx-background-color: $state-warning-bg;
  96. -fx-padding: .2em;
  97. }
  98. */
  99. .text-left {
  100. -fx-text-alignment: left;
  101. }
  102. .text-right {
  103. -fx-text-alignment: right;
  104. }
  105. .text-center {
  106. -fx-text-alignment: center;
  107. }
  108. .text-justify {
  109. -fx-text-alignment: justify;
  110. }
  111. .text-muted {
  112. -fx-text-fill: #777777;
  113. -fx-fill: #777777;
  114. }
  115. .text-primary {
  116. -fx-text-fill: #337ab7;
  117. -fx-fill: #337ab7;
  118. }
  119. a.text-primary:hover,
  120. a.text-primary:focused {
  121. -fx-text-fill: #286090;
  122. -fx-fill: #286090;
  123. }
  124. .text-success {
  125. -fx-text-fill: #3c763d;
  126. -fx-fill: #3c763d;
  127. }
  128. a.text-success:hover,
  129. a.text-success:focused {
  130. -fx-text-fill: #2b542c;
  131. -fx-fill: #2b542c;
  132. }
  133. .text-info {
  134. -fx-text-fill: #31708f;
  135. -fx-fill: #31708f;
  136. }
  137. a.text-info:hover,
  138. a.text-info:focused {
  139. -fx-text-fill: #245269;
  140. -fx-fill: #245269;
  141. }
  142. .text-warning {
  143. -fx-text-fill: #8a6d3b;
  144. -fx-fill: #8a6d3b;
  145. }
  146. a.text-warning:hover,
  147. a.text-warning:focused {
  148. -fx-text-fill: #66512c;
  149. -fx-fill: #66512c;
  150. }
  151. .text-danger {
  152. -fx-text-fill: #a94442;
  153. -fx-fill: #a94442;
  154. }
  155. a.text-danger:hover,
  156. a.text-danger:focused {
  157. -fx-text-fill: #843534;
  158. -fx-fill: #843534;
  159. }
  160. .bg-primary {
  161. -fx-text-fill: #fff;
  162. -fx-fill: #fff;
  163. }
  164. .bg-primary {
  165. -fx-background-color: #337ab7;
  166. }
  167. a.bg-primary:hover,
  168. a.bg-primary:focused {
  169. --fxbackground-color: #286090;
  170. }
  171. .bg-success {
  172. -fx-background-color: #dff0d8;
  173. }
  174. a.bg-success:hover,
  175. a.bg-success:focused {
  176. --fxbackground-color: #c1e2b3;
  177. }
  178. .bg-info {
  179. -fx-background-color: #d9edf7;
  180. }
  181. a.bg-info:hover,
  182. a.bg-info:focused {
  183. --fxbackground-color: #afd9ee;
  184. }
  185. .bg-warning {
  186. -fx-background-color: #fcf8e3;
  187. }
  188. a.bg-warning:hover,
  189. a.bg-warning:focused {
  190. --fxbackground-color: #f7ecb5;
  191. }
  192. .bg-danger {
  193. -fx-background-color: #f2dede;
  194. }
  195. a.bg-danger:hover,
  196. a.bg-danger:focused {
  197. --fxbackground-color: #e4b9b9;
  198. }
  199. .btn {
  200. -fx-font-weight: normal;
  201. -fx-text-alignment: center;
  202. -fx-cursor: default;
  203. -fx-border-color: transparent;
  204. -fx-border-width: 1px;
  205. -fx-border-style: solid;
  206. -fx-background-insets: 0, 0, -1, 0;
  207. -fx-padding: 6px 12px 6px 12px;
  208. -fx-font-size: 14px;
  209. -fx-border-radius: 4px;
  210. -fx-background-radius: 4px;
  211. -fx-min-width: 80;
  212. }
  213. .btn:hover, .btn:focused, .btn.focused {
  214. -fx-text-fill: #333;
  215. -fx-fill: #333;
  216. }
  217. .btn:pressed, .btn.pressed {
  218. -fx-effect: innershadow(gaussian, rgba(0, 0, 0, 0.125), 5px, 0, 0, 3px);
  219. }
  220. .btn.disabled, .btn[disabled], fieldset[disabled] .btn {
  221. -fx-cursor: wait;
  222. -fx-opacity: 0.65;
  223. }
  224. .btn-default {
  225. -fx-text-fill: #333;
  226. -fx-fill: #333;
  227. -fx-background-color: #fff;
  228. -fx-border-color: #ccc;
  229. }
  230. .btn-default:focused, .btn-default.focused {
  231. -fx-text-fill: #333;
  232. -fx-fill: #333;
  233. -fx-background-color: #e6e6e6;
  234. -fx-border-color: #8c8c8c;
  235. }
  236. .btn-default:hover {
  237. -fx-text-fill: #333;
  238. -fx-fill: #333;
  239. -fx-background-color: #e6e6e6;
  240. -fx-border-color: #adadad;
  241. }
  242. .btn-default:pressed, .btn-default.pressed, .open > .btn-default.dropdown-toggle {
  243. -fx-text-fill: #333;
  244. -fx-fill: #333;
  245. -fx-background-color: #e6e6e6;
  246. -fx-border-color: #adadad;
  247. }
  248. .btn-default:pressed:hover, .btn-default:pressed:focused, .btn-default:pressed.focused, .btn-default.pressed:hover, .btn-default.pressed:focused, .btn-default.pressed.focused, .open > .btn-default.dropdown-toggle:hover, .open > .btn-default.dropdown-toggle:focused, .open > .btn-default.dropdown-toggle.focused {
  249. -fx-text-fill: #333;
  250. -fx-fill: #333;
  251. -fx-background-color: #d4d4d4;
  252. -fx-border-color: #8c8c8c;
  253. }
  254. .btn-default:selected, .btn-default.selected {
  255. -fx-text-fill: #333;
  256. -fx-fill: #333;
  257. -fx-background-color: #e6e6e6;
  258. -fx-border-color: #adadad;
  259. }
  260. .btn-default:selected:hover, .btn-default:selected:focused, .btn-default:selected.focused, .btn-default.selected:hover, .btn-default.selected:focused, .btn-default.selected.focused {
  261. -fx-text-fill: #333;
  262. -fx-fill: #333;
  263. -fx-background-color: #d4d4d4;
  264. -fx-border-color: #8c8c8c;
  265. }
  266. .btn-default:pressed, .btn-default.pressed, .open > .btn-default.dropdown-toggle {
  267. background-image: none;
  268. }
  269. .btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focused, .btn-default.disabled.focused, .btn-default.disabled:pressed, .btn-default.disabled.pressed, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focused, .btn-default[disabled].focused, .btn-default[disabled]:pressed, .btn-default[disabled].pressed, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focused, fieldset[disabled] .btn-default.focused, fieldset[disabled] .btn-default:pressed, fieldset[disabled] .btn-default.pressed {
  270. -fx-background-color: #fff;
  271. -fx-border-color: #ccc;
  272. }
  273. .btn-default .badge {
  274. -fx-text-fill: #fff;
  275. -fx-fill: #fff;
  276. -fx-background-color: #333;
  277. }
  278. .btn-primary {
  279. -fx-text-fill: #fff;
  280. -fx-fill: #fff;
  281. -fx-background-color: #337ab7;
  282. -fx-border-color: #2e6da4;
  283. }
  284. .btn-primary:focused, .btn-primary.focused {
  285. -fx-text-fill: #fff;
  286. -fx-fill: #fff;
  287. -fx-background-color: #286090;
  288. -fx-border-color: #122b40;
  289. }
  290. .btn-primary:hover {
  291. -fx-text-fill: #fff;
  292. -fx-fill: #fff;
  293. -fx-background-color: #286090;
  294. -fx-border-color: #204d74;
  295. }
  296. .btn-primary:pressed, .btn-primary.pressed, .open > .btn-primary.dropdown-toggle {
  297. -fx-text-fill: #fff;
  298. -fx-fill: #fff;
  299. -fx-background-color: #286090;
  300. -fx-border-color: #204d74;
  301. }
  302. .btn-primary:pressed:hover, .btn-primary:pressed:focused, .btn-primary:pressed.focused, .btn-primary.pressed:hover, .btn-primary.pressed:focused, .btn-primary.pressed.focused, .open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.dropdown-toggle:focused, .open > .btn-primary.dropdown-toggle.focused {
  303. -fx-text-fill: #fff;
  304. -fx-fill: #fff;
  305. -fx-background-color: #204d74;
  306. -fx-border-color: #122b40;
  307. }
  308. .btn-primary:selected, .btn-primary.selected {
  309. -fx-text-fill: #fff;
  310. -fx-fill: #fff;
  311. -fx-background-color: #286090;
  312. -fx-border-color: #204d74;
  313. }
  314. .btn-primary:selected:hover, .btn-primary:selected:focused, .btn-primary:selected.focused, .btn-primary.selected:hover, .btn-primary.selected:focused, .btn-primary.selected.focused {
  315. -fx-text-fill: #fff;
  316. -fx-fill: #fff;
  317. -fx-background-color: #204d74;
  318. -fx-border-color: #122b40;
  319. }
  320. .btn-primary:pressed, .btn-primary.pressed, .open > .btn-primary.dropdown-toggle {
  321. background-image: none;
  322. }
  323. .btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focused, .btn-primary.disabled.focused, .btn-primary.disabled:pressed, .btn-primary.disabled.pressed, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focused, .btn-primary[disabled].focused, .btn-primary[disabled]:pressed, .btn-primary[disabled].pressed, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focused, fieldset[disabled] .btn-primary.focused, fieldset[disabled] .btn-primary:pressed, fieldset[disabled] .btn-primary.pressed {
  324. -fx-background-color: #337ab7;
  325. -fx-border-color: #2e6da4;
  326. }
  327. .btn-primary .badge {
  328. -fx-text-fill: #337ab7;
  329. -fx-fill: #337ab7;
  330. -fx-background-color: #fff;
  331. }
  332. .btn-success {
  333. -fx-text-fill: #fff;
  334. -fx-fill: #fff;
  335. -fx-background-color: #5cb85c;
  336. -fx-border-color: #4cae4c;
  337. }
  338. .btn-success:focused, .btn-success.focused {
  339. -fx-text-fill: #fff;
  340. -fx-fill: #fff;
  341. -fx-background-color: #449d44;
  342. -fx-border-color: #255625;
  343. }
  344. .btn-success:hover {
  345. -fx-text-fill: #fff;
  346. -fx-fill: #fff;
  347. -fx-background-color: #449d44;
  348. -fx-border-color: #398439;
  349. }
  350. .btn-success:pressed, .btn-success.pressed, .open > .btn-success.dropdown-toggle {
  351. -fx-text-fill: #fff;
  352. -fx-fill: #fff;
  353. -fx-background-color: #449d44;
  354. -fx-border-color: #398439;
  355. }
  356. .btn-success:pressed:hover, .btn-success:pressed:focused, .btn-success:pressed.focused, .btn-success.pressed:hover, .btn-success.pressed:focused, .btn-success.pressed.focused, .open > .btn-success.dropdown-toggle:hover, .open > .btn-success.dropdown-toggle:focused, .open > .btn-success.dropdown-toggle.focused {
  357. -fx-text-fill: #fff;
  358. -fx-fill: #fff;
  359. -fx-background-color: #398439;
  360. -fx-border-color: #255625;
  361. }
  362. .btn-success:selected, .btn-success.selected {
  363. -fx-text-fill: #fff;
  364. -fx-fill: #fff;
  365. -fx-background-color: #449d44;
  366. -fx-border-color: #398439;
  367. }
  368. .btn-success:selected:hover, .btn-success:selected:focused, .btn-success:selected.focused, .btn-success.selected:hover, .btn-success.selected:focused, .btn-success.selected.focused {
  369. -fx-text-fill: #fff;
  370. -fx-fill: #fff;
  371. -fx-background-color: #398439;
  372. -fx-border-color: #255625;
  373. }
  374. .btn-success:pressed, .btn-success.pressed, .open > .btn-success.dropdown-toggle {
  375. background-image: none;
  376. }
  377. .btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focused, .btn-success.disabled.focused, .btn-success.disabled:pressed, .btn-success.disabled.pressed, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focused, .btn-success[disabled].focused, .btn-success[disabled]:pressed, .btn-success[disabled].pressed, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focused, fieldset[disabled] .btn-success.focused, fieldset[disabled] .btn-success:pressed, fieldset[disabled] .btn-success.pressed {
  378. -fx-background-color: #5cb85c;
  379. -fx-border-color: #4cae4c;
  380. }
  381. .btn-success .badge {
  382. -fx-text-fill: #5cb85c;
  383. -fx-fill: #5cb85c;
  384. -fx-background-color: #fff;
  385. }
  386. .btn-info {
  387. -fx-text-fill: #fff;
  388. -fx-fill: #fff;
  389. -fx-background-color: #5bc0de;
  390. -fx-border-color: #46b8da;
  391. }
  392. .btn-info:focused, .btn-info.focused {
  393. -fx-text-fill: #fff;
  394. -fx-fill: #fff;
  395. -fx-background-color: #31b0d5;
  396. -fx-border-color: #1b6d85;
  397. }
  398. .btn-info:hover {
  399. -fx-text-fill: #fff;
  400. -fx-fill: #fff;
  401. -fx-background-color: #31b0d5;
  402. -fx-border-color: #269abc;
  403. }
  404. .btn-info:pressed, .btn-info.pressed, .open > .btn-info.dropdown-toggle {
  405. -fx-text-fill: #fff;
  406. -fx-fill: #fff;
  407. -fx-background-color: #31b0d5;
  408. -fx-border-color: #269abc;
  409. }
  410. .btn-info:pressed:hover, .btn-info:pressed:focused, .btn-info:pressed.focused, .btn-info.pressed:hover, .btn-info.pressed:focused, .btn-info.pressed.focused, .open > .btn-info.dropdown-toggle:hover, .open > .btn-info.dropdown-toggle:focused, .open > .btn-info.dropdown-toggle.focused {
  411. -fx-text-fill: #fff;
  412. -fx-fill: #fff;
  413. -fx-background-color: #269abc;
  414. -fx-border-color: #1b6d85;
  415. }
  416. .btn-info:selected, .btn-info.selected {
  417. -fx-text-fill: #fff;
  418. -fx-fill: #fff;
  419. -fx-background-color: #31b0d5;
  420. -fx-border-color: #269abc;
  421. }
  422. .btn-info:selected:hover, .btn-info:selected:focused, .btn-info:selected.focused, .btn-info.selected:hover, .btn-info.selected:focused, .btn-info.selected.focused {
  423. -fx-text-fill: #fff;
  424. -fx-fill: #fff;
  425. -fx-background-color: #269abc;
  426. -fx-border-color: #1b6d85;
  427. }
  428. .btn-info:pressed, .btn-info.pressed, .open > .btn-info.dropdown-toggle {
  429. background-image: none;
  430. }
  431. .btn-info.disabled, .btn-info.disabled:hover, .btn-info.disabled:focused, .btn-info.disabled.focused, .btn-info.disabled:pressed, .btn-info.disabled.pressed, .btn-info[disabled], .btn-info[disabled]:hover, .btn-info[disabled]:focused, .btn-info[disabled].focused, .btn-info[disabled]:pressed, .btn-info[disabled].pressed, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focused, fieldset[disabled] .btn-info.focused, fieldset[disabled] .btn-info:pressed, fieldset[disabled] .btn-info.pressed {
  432. -fx-background-color: #5bc0de;
  433. -fx-border-color: #46b8da;
  434. }
  435. .btn-info .badge {
  436. -fx-text-fill: #5bc0de;
  437. -fx-fill: #5bc0de;
  438. -fx-background-color: #fff;
  439. }
  440. .btn-warning {
  441. -fx-text-fill: #fff;
  442. -fx-fill: #fff;
  443. -fx-background-color: #f0ad4e;
  444. -fx-border-color: #eea236;
  445. }
  446. .btn-warning:focused, .btn-warning.focused {
  447. -fx-text-fill: #fff;
  448. -fx-fill: #fff;
  449. -fx-background-color: #ec971f;
  450. -fx-border-color: #985f0d;
  451. }
  452. .btn-warning:hover {
  453. -fx-text-fill: #fff;
  454. -fx-fill: #fff;
  455. -fx-background-color: #ec971f;
  456. -fx-border-color: #d58512;
  457. }
  458. .btn-warning:pressed, .btn-warning.pressed, .open > .btn-warning.dropdown-toggle {
  459. -fx-text-fill: #fff;
  460. -fx-fill: #fff;
  461. -fx-background-color: #ec971f;
  462. -fx-border-color: #d58512;
  463. }
  464. .btn-warning:pressed:hover, .btn-warning:pressed:focused, .btn-warning:pressed.focused, .btn-warning.pressed:hover, .btn-warning.pressed:focused, .btn-warning.pressed.focused, .open > .btn-warning.dropdown-toggle:hover, .open > .btn-warning.dropdown-toggle:focused, .open > .btn-warning.dropdown-toggle.focused {
  465. -fx-text-fill: #fff;
  466. -fx-fill: #fff;
  467. -fx-background-color: #d58512;
  468. -fx-border-color: #985f0d;
  469. }
  470. .btn-warning:selected, .btn-warning.selected {
  471. -fx-text-fill: #fff;
  472. -fx-fill: #fff;
  473. -fx-background-color: #ec971f;
  474. -fx-border-color: #d58512;
  475. }
  476. .btn-warning:selected:hover, .btn-warning:selected:focused, .btn-warning:selected.focused, .btn-warning.selected:hover, .btn-warning.selected:focused, .btn-warning.selected.focused {
  477. -fx-text-fill: #fff;
  478. -fx-fill: #fff;
  479. -fx-background-color: #d58512;
  480. -fx-border-color: #985f0d;
  481. }
  482. .btn-warning:pressed, .btn-warning.pressed, .open > .btn-warning.dropdown-toggle {
  483. background-image: none;
  484. }
  485. .btn-warning.disabled, .btn-warning.disabled:hover, .btn-warning.disabled:focused, .btn-warning.disabled.focused, .btn-warning.disabled:pressed, .btn-warning.disabled.pressed, .btn-warning[disabled], .btn-warning[disabled]:hover, .btn-warning[disabled]:focused, .btn-warning[disabled].focused, .btn-warning[disabled]:pressed, .btn-warning[disabled].pressed, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focused, fieldset[disabled] .btn-warning.focused, fieldset[disabled] .btn-warning:pressed, fieldset[disabled] .btn-warning.pressed {
  486. -fx-background-color: #f0ad4e;
  487. -fx-border-color: #eea236;
  488. }
  489. .btn-warning .badge {
  490. -fx-text-fill: #f0ad4e;
  491. -fx-fill: #f0ad4e;
  492. -fx-background-color: #fff;
  493. }
  494. .btn-danger {
  495. -fx-text-fill: #fff;
  496. -fx-fill: #fff;
  497. -fx-background-color: #d9534f;
  498. -fx-border-color: #d43f3a;
  499. }
  500. .btn-danger:focused, .btn-danger.focused {
  501. -fx-text-fill: #fff;
  502. -fx-fill: #fff;
  503. -fx-background-color: #c9302c;
  504. -fx-border-color: #761c19;
  505. }
  506. .btn-danger:hover {
  507. -fx-text-fill: #fff;
  508. -fx-fill: #fff;
  509. -fx-background-color: #c9302c;
  510. -fx-border-color: #ac2925;
  511. }
  512. .btn-danger:pressed, .btn-danger.pressed, .open > .btn-danger.dropdown-toggle {
  513. -fx-text-fill: #fff;
  514. -fx-fill: #fff;
  515. -fx-background-color: #c9302c;
  516. -fx-border-color: #ac2925;
  517. }
  518. .btn-danger:pressed:hover, .btn-danger:pressed:focused, .btn-danger:pressed.focused, .btn-danger.pressed:hover, .btn-danger.pressed:focused, .btn-danger.pressed.focused, .open > .btn-danger.dropdown-toggle:hover, .open > .btn-danger.dropdown-toggle:focused, .open > .btn-danger.dropdown-toggle.focused {
  519. -fx-text-fill: #fff;
  520. -fx-fill: #fff;
  521. -fx-background-color: #ac2925;
  522. -fx-border-color: #761c19;
  523. }
  524. .btn-danger:selected, .btn-danger.selected {
  525. -fx-text-fill: #fff;
  526. -fx-fill: #fff;
  527. -fx-background-color: #c9302c;
  528. -fx-border-color: #ac2925;
  529. }
  530. .btn-danger:selected:hover, .btn-danger:selected:focused, .btn-danger:selected.focused, .btn-danger.selected:hover, .btn-danger.selected:focused, .btn-danger.selected.focused {
  531. -fx-text-fill: #fff;
  532. -fx-fill: #fff;
  533. -fx-background-color: #ac2925;
  534. -fx-border-color: #761c19;
  535. }
  536. .btn-danger:pressed, .btn-danger.pressed, .open > .btn-danger.dropdown-toggle {
  537. background-image: none;
  538. }
  539. .btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger.disabled:focused, .btn-danger.disabled.focused, .btn-danger.disabled:pressed, .btn-danger.disabled.pressed, .btn-danger[disabled], .btn-danger[disabled]:hover, .btn-danger[disabled]:focused, .btn-danger[disabled].focused, .btn-danger[disabled]:pressed, .btn-danger[disabled].pressed, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focused, fieldset[disabled] .btn-danger.focused, fieldset[disabled] .btn-danger:pressed, fieldset[disabled] .btn-danger.pressed {
  540. -fx-background-color: #d9534f;
  541. -fx-border-color: #d43f3a;
  542. }
  543. .btn-danger .badge {
  544. -fx-text-fill: #d9534f;
  545. -fx-fill: #d9534f;
  546. -fx-background-color: #fff;
  547. }
  548. .btn-lg {
  549. -fx-padding: 10px 16px 10px 16px;
  550. -fx-font-size: 18px;
  551. -fx-border-radius: 6px;
  552. -fx-background-radius: 6px;
  553. }
  554. .btn-sm {
  555. -fx-padding: 5px 10px 5px 10px;
  556. -fx-font-size: 12px;
  557. -fx-border-radius: 3px;
  558. -fx-background-radius: 3px;
  559. }
  560. .btn-xs {
  561. -fx-padding: 1px 5px 1px 5px;
  562. -fx-font-size: 12px;
  563. -fx-border-radius: 3px;
  564. -fx-background-radius: 3px;
  565. }
  566. .btn-block {
  567. width: 100%;
  568. }
  569. .split-menu-btn {
  570. -fx-font-weight: normal;
  571. -fx-text-alignment: center;
  572. -fx-cursor: default;
  573. -fx-border-color: transparent;
  574. -fx-border-width: 1px;
  575. -fx-border-style: solid;
  576. -fx-background-insets: 0, 0, -1, 0;
  577. -fx-font-size: 14px;
  578. -fx-border-radius: 4px;
  579. -fx-background-radius: 4px;
  580. -fx-min-width: 80;
  581. }
  582. .split-menu-btn > .label {
  583. -fx-border-radius: 4px 0 0 4px;
  584. -fx-background-radius: 3px 0 0 3px;
  585. -fx-border-width: 1 0 1 1;
  586. }
  587. .split-menu-btn > .arrow-button {
  588. -fx-border-radius: 0 4px 4px 0;
  589. -fx-background-radius: 0 3px 3px 0;
  590. }
  591. .split-menu-btn:hover > .label, .split-menu-btn:hover > .arrow-button, .split-menu-btn:focused > .label, .split-menu-btn:focused > .arrow-button, .split-menu-btn.focused > .label, .split-menu-btn.focused > .arrow-button {
  592. -fx-text-fill: #333;
  593. -fx-fill: #333;
  594. }
  595. .split-menu-btn:pressed, .split-menu-btn.pressed {
  596. -fx-effect: innershadow(gaussian, rgba(0, 0, 0, 0.125), 5px, 0, 0, 3px);
  597. }
  598. .split-menu-btn:pressed > .label, .split-menu-btn:pressed > .arrow-button, .split-menu-btn.pressed > .label, .split-menu-btn.pressed > .arrow-button {
  599. -fx-effect: innershadow(gaussian, rgba(0, 0, 0, 0.125), 5px, 0, 0, 3px);
  600. }
  601. .split-menu-btn.disabled, .split-menu-btn[disabled], fieldset[disabled] .split-menu-btn {
  602. -fx-cursor: wait;
  603. -fx-opacity: 0.65;
  604. }
  605. .split-menu-btn-default > .arrow {
  606. -fx-text-fill: #333;
  607. -fx-fill: #333;
  608. }
  609. .split-menu-btn-default > .label, .split-menu-btn-default > .arrow-button {
  610. -fx-text-fill: #333;
  611. -fx-fill: #333;
  612. -fx-background-color: #fff;
  613. -fx-border-color: #fff;
  614. }
  615. .split-menu-btn-default:focused > .label, .split-menu-btn-default:focused > .arrow-button, .split-menu-btn-default.focused > .label, .split-menu-btn-default.focused > .arrow-button {
  616. -fx-text-fill: #333;
  617. -fx-fill: #333;
  618. -fx-background-color: #e6e6e6;
  619. -fx-border-color: #8c8c8c;
  620. }
  621. .split-menu-btn-default:hover > .label, .split-menu-btn-default:hover > .arrow-button {
  622. -fx-text-fill: #333;
  623. -fx-fill: #333;
  624. -fx-background-color: #e6e6e6;
  625. -fx-border-color: #adadad;
  626. }
  627. .split-menu-btn-default:pressed > .label, .split-menu-btn-default:pressed > .arrow-button, .split-menu-btn-default.pressed > .label, .split-menu-btn-default.pressed > .arrow-button, .open > .split-menu-btn-default.dropdown-toggle > .label, .open > .split-menu-btn-default.dropdown-toggle > .arrow-button {
  628. -fx-text-fill: #333;
  629. -fx-fill: #333;
  630. -fx-background-color: #e6e6e6;
  631. -fx-border-color: #adadad;
  632. }
  633. .split-menu-btn-default:pressed:hover > .label, .split-menu-btn-default:pressed:hover > .arrow-button, .split-menu-btn-default:pressed:focused > .label, .split-menu-btn-default:pressed:focused > .arrow-button, .split-menu-btn-default:pressed.focused > .label, .split-menu-btn-default:pressed.focused > .arrow-button, .split-menu-btn-default.pressed:hover > .label, .split-menu-btn-default.pressed:hover > .arrow-button, .split-menu-btn-default.pressed:focused > .label, .split-menu-btn-default.pressed:focused > .arrow-button, .split-menu-btn-default.pressed.focused > .label, .split-menu-btn-default.pressed.focused > .arrow-button, .open > .split-menu-btn-default.dropdown-toggle:hover > .label, .open > .split-menu-btn-default.dropdown-toggle:hover > .arrow-button, .open > .split-menu-btn-default.dropdown-toggle:focused > .label, .open > .split-menu-btn-default.dropdown-toggle:focused > .arrow-button, .open > .split-menu-btn-default.dropdown-toggle.focused > .label, .open > .split-menu-btn-default.dropdown-toggle.focused > .arrow-button {
  634. -fx-text-fill: #333;
  635. -fx-fill: #333;
  636. -fx-background-color: #d4d4d4;
  637. -fx-border-color: #8c8c8c;
  638. }
  639. .split-menu-btn-default:selected > .label, .split-menu-btn-default:selected > .arrow-button, .split-menu-btn-default.selected > .label, .split-menu-btn-default.selected > .arrow-button {
  640. -fx-text-fill: #333;
  641. -fx-fill: #333;
  642. -fx-background-color: #e6e6e6;
  643. -fx-border-color: #adadad;
  644. }
  645. .split-menu-btn-default:selected:hover > .label, .split-menu-btn-default:selected:hover > .arrow-button, .split-menu-btn-default:selected:focused > .label, .split-menu-btn-default:selected:focused > .arrow-button, .split-menu-btn-default:selected.focused > .label, .split-menu-btn-default:selected.focused > .arrow-button, .split-menu-btn-default.selected:hover > .label, .split-menu-btn-default.selected:hover > .arrow-button, .split-menu-btn-default.selected:focused > .label, .split-menu-btn-default.selected:focused > .arrow-button, .split-menu-btn-default.selected.focused > .label, .split-menu-btn-default.selected.focused > .arrow-button {
  646. -fx-text-fill: #333;
  647. -fx-fill: #333;
  648. -fx-background-color: #d4d4d4;
  649. -fx-border-color: #8c8c8c;
  650. }
  651. .split-menu-btn-default:pressed, .split-menu-btn-default.pressed, .open > .split-menu-btn-default.dropdown-toggle {
  652. background-image: none;
  653. }
  654. .split-menu-btn-default.disabled > .label, .split-menu-btn-default.disabled > .arrow-button, .split-menu-btn-default.disabled:hover > .label, .split-menu-btn-default.disabled:hover > .arrow-button, .split-menu-btn-default.disabled:focused > .label, .split-menu-btn-default.disabled:focused > .arrow-button, .split-menu-btn-default.disabled.focused > .label, .split-menu-btn-default.disabled.focused > .arrow-button, .split-menu-btn-default.disabled:pressed > .label, .split-menu-btn-default.disabled:pressed > .arrow-button, .split-menu-btn-default.disabled.pressed > .label, .split-menu-btn-default.disabled.pressed > .arrow-button, .split-menu-btn-default[disabled] > .label, .split-menu-btn-default[disabled] > .arrow-button, .split-menu-btn-default[disabled]:hover > .label, .split-menu-btn-default[disabled]:hover > .arrow-button, .split-menu-btn-default[disabled]:focused > .label, .split-menu-btn-default[disabled]:focused > .arrow-button, .split-menu-btn-default[disabled].focused > .label, .split-menu-btn-default[disabled].focused > .arrow-button, .split-menu-btn-default[disabled]:pressed > .label, .split-menu-btn-default[disabled]:pressed > .arrow-button, .split-menu-btn-default[disabled].pressed > .label, .split-menu-btn-default[disabled].pressed > .arrow-button, fieldset[disabled] .split-menu-btn-default > .label, fieldset[disabled] .split-menu-btn-default > .arrow-button, fieldset[disabled] .split-menu-btn-default:hover > .label, fieldset[disabled] .split-menu-btn-default:hover > .arrow-button, fieldset[disabled] .split-menu-btn-default:focused > .label, fieldset[disabled] .split-menu-btn-default:focused > .arrow-button, fieldset[disabled] .split-menu-btn-default.focused > .label, fieldset[disabled] .split-menu-btn-default.focused > .arrow-button, fieldset[disabled] .split-menu-btn-default:pressed > .label, fieldset[disabled] .split-menu-btn-default:pressed > .arrow-button, fieldset[disabled] .split-menu-btn-default.pressed > .label, fieldset[disabled] .split-menu-btn-default.pressed > .arrow-button {
  655. -fx-background-color: #fff;
  656. -fx-border-color: #ccc;
  657. }
  658. .split-menu-btn-primary > .arrow {
  659. -fx-text-fill: #fff;
  660. -fx-fill: #fff;
  661. }
  662. .split-menu-btn-primary > .label, .split-menu-btn-primary > .arrow-button {
  663. -fx-text-fill: #fff;
  664. -fx-fill: #fff;
  665. -fx-background-color: #337ab7;
  666. -fx-border-color: #337ab7;
  667. }
  668. .split-menu-btn-primary:focused > .label, .split-menu-btn-primary:focused > .arrow-button, .split-menu-btn-primary.focused > .label, .split-menu-btn-primary.focused > .arrow-button {
  669. -fx-text-fill: #fff;
  670. -fx-fill: #fff;
  671. -fx-background-color: #286090;
  672. -fx-border-color: #122b40;
  673. }
  674. .split-menu-btn-primary:hover > .label, .split-menu-btn-primary:hover > .arrow-button {
  675. -fx-text-fill: #fff;
  676. -fx-fill: #fff;
  677. -fx-background-color: #286090;
  678. -fx-border-color: #204d74;
  679. }
  680. .split-menu-btn-primary:pressed > .label, .split-menu-btn-primary:pressed > .arrow-button, .split-menu-btn-primary.pressed > .label, .split-menu-btn-primary.pressed > .arrow-button, .open > .split-menu-btn-primary.dropdown-toggle > .label, .open > .split-menu-btn-primary.dropdown-toggle > .arrow-button {
  681. -fx-text-fill: #fff;
  682. -fx-fill: #fff;
  683. -fx-background-color: #286090;
  684. -fx-border-color: #204d74;
  685. }
  686. .split-menu-btn-primary:pressed:hover > .label, .split-menu-btn-primary:pressed:hover > .arrow-button, .split-menu-btn-primary:pressed:focused > .label, .split-menu-btn-primary:pressed:focused > .arrow-button, .split-menu-btn-primary:pressed.focused > .label, .split-menu-btn-primary:pressed.focused > .arrow-button, .split-menu-btn-primary.pressed:hover > .label, .split-menu-btn-primary.pressed:hover > .arrow-button, .split-menu-btn-primary.pressed:focused > .label, .split-menu-btn-primary.pressed:focused > .arrow-button, .split-menu-btn-primary.pressed.focused > .label, .split-menu-btn-primary.pressed.focused > .arrow-button, .open > .split-menu-btn-primary.dropdown-toggle:hover > .label, .open > .split-menu-btn-primary.dropdown-toggle:hover > .arrow-button, .open > .split-menu-btn-primary.dropdown-toggle:focused > .label, .open > .split-menu-btn-primary.dropdown-toggle:focused > .arrow-button, .open > .split-menu-btn-primary.dropdown-toggle.focused > .label, .open > .split-menu-btn-primary.dropdown-toggle.focused > .arrow-button {
  687. -fx-text-fill: #fff;
  688. -fx-fill: #fff;
  689. -fx-background-color: #204d74;
  690. -fx-border-color: #122b40;
  691. }
  692. .split-menu-btn-primary:selected > .label, .split-menu-btn-primary:selected > .arrow-button, .split-menu-btn-primary.selected > .label, .split-menu-btn-primary.selected > .arrow-button {
  693. -fx-text-fill: #fff;
  694. -fx-fill: #fff;
  695. -fx-background-color: #286090;
  696. -fx-border-color: #204d74;
  697. }
  698. .split-menu-btn-primary:selected:hover > .label, .split-menu-btn-primary:selected:hover > .arrow-button, .split-menu-btn-primary:selected:focused > .label, .split-menu-btn-primary:selected:focused > .arrow-button, .split-menu-btn-primary:selected.focused > .label, .split-menu-btn-primary:selected.focused > .arrow-button, .split-menu-btn-primary.selected:hover > .label, .split-menu-btn-primary.selected:hover > .arrow-button, .split-menu-btn-primary.selected:focused > .label, .split-menu-btn-primary.selected:focused > .arrow-button, .split-menu-btn-primary.selected.focused > .label, .split-menu-btn-primary.selected.focused > .arrow-button {
  699. -fx-text-fill: #fff;
  700. -fx-fill: #fff;
  701. -fx-background-color: #204d74;
  702. -fx-border-color: #122b40;
  703. }
  704. .split-menu-btn-primary:pressed, .split-menu-btn-primary.pressed, .open > .split-menu-btn-primary.dropdown-toggle {
  705. background-image: none;
  706. }
  707. .split-menu-btn-primary.disabled > .label, .split-menu-btn-primary.disabled > .arrow-button, .split-menu-btn-primary.disabled:hover > .label, .split-menu-btn-primary.disabled:hover > .arrow-button, .split-menu-btn-primary.disabled:focused > .label, .split-menu-btn-primary.disabled:focused > .arrow-button, .split-menu-btn-primary.disabled.focused > .label, .split-menu-btn-primary.disabled.focused > .arrow-button, .split-menu-btn-primary.disabled:pressed > .label, .split-menu-btn-primary.disabled:pressed > .arrow-button, .split-menu-btn-primary.disabled.pressed > .label, .split-menu-btn-primary.disabled.pressed > .arrow-button, .split-menu-btn-primary[disabled] > .label, .split-menu-btn-primary[disabled] > .arrow-button, .split-menu-btn-primary[disabled]:hover > .label, .split-menu-btn-primary[disabled]:hover > .arrow-button, .split-menu-btn-primary[disabled]:focused > .label, .split-menu-btn-primary[disabled]:focused > .arrow-button, .split-menu-btn-primary[disabled].focused > .label, .split-menu-btn-primary[disabled].focused > .arrow-button, .split-menu-btn-primary[disabled]:pressed > .label, .split-menu-btn-primary[disabled]:pressed > .arrow-button, .split-menu-btn-primary[disabled].pressed > .label, .split-menu-btn-primary[disabled].pressed > .arrow-button, fieldset[disabled] .split-menu-btn-primary > .label, fieldset[disabled] .split-menu-btn-primary > .arrow-button, fieldset[disabled] .split-menu-btn-primary:hover > .label, fieldset[disabled] .split-menu-btn-primary:hover > .arrow-button, fieldset[disabled] .split-menu-btn-primary:focused > .label, fieldset[disabled] .split-menu-btn-primary:focused > .arrow-button, fieldset[disabled] .split-menu-btn-primary.focused > .label, fieldset[disabled] .split-menu-btn-primary.focused > .arrow-button, fieldset[disabled] .split-menu-btn-primary:pressed > .label, fieldset[disabled] .split-menu-btn-primary:pressed > .arrow-button, fieldset[disabled] .split-menu-btn-primary.pressed > .label, fieldset[disabled] .split-menu-btn-primary.pressed > .arrow-button {
  708. -fx-background-color: #337ab7;
  709. -fx-border-color: #2e6da4;
  710. }
  711. .split-menu-btn-success > .arrow {
  712. -fx-text-fill: #fff;
  713. -fx-fill: #fff;
  714. }
  715. .split-menu-btn-success > .label, .split-menu-btn-success > .arrow-button {
  716. -fx-text-fill: #fff;
  717. -fx-fill: #fff;
  718. -fx-background-color: #5cb85c;
  719. -fx-border-color: #5cb85c;
  720. }
  721. .split-menu-btn-success:focused > .label, .split-menu-btn-success:focused > .arrow-button, .split-menu-btn-success.focused > .label, .split-menu-btn-success.focused > .arrow-button {
  722. -fx-text-fill: #fff;
  723. -fx-fill: #fff;
  724. -fx-background-color: #449d44;
  725. -fx-border-color: #255625;
  726. }
  727. .split-menu-btn-success:hover > .label, .split-menu-btn-success:hover > .arrow-button {
  728. -fx-text-fill: #fff;
  729. -fx-fill: #fff;
  730. -fx-background-color: #449d44;
  731. -fx-border-color: #398439;
  732. }
  733. .split-menu-btn-success:pressed > .label, .split-menu-btn-success:pressed > .arrow-button, .split-menu-btn-success.pressed > .label, .split-menu-btn-success.pressed > .arrow-button, .open > .split-menu-btn-success.dropdown-toggle > .label, .open > .split-menu-btn-success.dropdown-toggle > .arrow-button {
  734. -fx-text-fill: #fff;
  735. -fx-fill: #fff;
  736. -fx-background-color: #449d44;
  737. -fx-border-color: #398439;
  738. }
  739. .split-menu-btn-success:pressed:hover > .label, .split-menu-btn-success:pressed:hover > .arrow-button, .split-menu-btn-success:pressed:focused > .label, .split-menu-btn-success:pressed:focused > .arrow-button, .split-menu-btn-success:pressed.focused > .label, .split-menu-btn-success:pressed.focused > .arrow-button, .split-menu-btn-success.pressed:hover > .label, .split-menu-btn-success.pressed:hover > .arrow-button, .split-menu-btn-success.pressed:focused > .label, .split-menu-btn-success.pressed:focused > .arrow-button, .split-menu-btn-success.pressed.focused > .label, .split-menu-btn-success.pressed.focused > .arrow-button, .open > .split-menu-btn-success.dropdown-toggle:hover > .label, .open > .split-menu-btn-success.dropdown-toggle:hover > .arrow-button, .open > .split-menu-btn-success.dropdown-toggle:focused > .label, .open > .split-menu-btn-success.dropdown-toggle:focused > .arrow-button, .open > .split-menu-btn-success.dropdown-toggle.focused > .label, .open > .split-menu-btn-success.dropdown-toggle.focused > .arrow-button {
  740. -fx-text-fill: #fff;
  741. -fx-fill: #fff;
  742. -fx-background-color: #398439;
  743. -fx-border-color: #255625;
  744. }
  745. .split-menu-btn-success:selected > .label, .split-menu-btn-success:selected > .arrow-button, .split-menu-btn-success.selected > .label, .split-menu-btn-success.selected > .arrow-button {
  746. -fx-text-fill: #fff;
  747. -fx-fill: #fff;
  748. -fx-background-color: #449d44;
  749. -fx-border-color: #398439;
  750. }
  751. .split-menu-btn-success:selected:hover > .label, .split-menu-btn-success:selected:hover > .arrow-button, .split-menu-btn-success:selected:focused > .label, .split-menu-btn-success:selected:focused > .arrow-button, .split-menu-btn-success:selected.focused > .label, .split-menu-btn-success:selected.focused > .arrow-button, .split-menu-btn-success.selected:hover > .label, .split-menu-btn-success.selected:hover > .arrow-button, .split-menu-btn-success.selected:focused > .label, .split-menu-btn-success.selected:focused > .arrow-button, .split-menu-btn-success.selected.focused > .label, .split-menu-btn-success.selected.focused > .arrow-button {
  752. -fx-text-fill: #fff;
  753. -fx-fill: #fff;
  754. -fx-background-color: #398439;
  755. -fx-border-color: #255625;
  756. }
  757. .split-menu-btn-success:pressed, .split-menu-btn-success.pressed, .open > .split-menu-btn-success.dropdown-toggle {
  758. background-image: none;
  759. }
  760. .split-menu-btn-success.disabled > .label, .split-menu-btn-success.disabled > .arrow-button, .split-menu-btn-success.disabled:hover > .label, .split-menu-btn-success.disabled:hover > .arrow-button, .split-menu-btn-success.disabled:focused > .label, .split-menu-btn-success.disabled:focused > .arrow-button, .split-menu-btn-success.disabled.focused > .label, .split-menu-btn-success.disabled.focused > .arrow-button, .split-menu-btn-success.disabled:pressed > .label, .split-menu-btn-success.disabled:pressed > .arrow-button, .split-menu-btn-success.disabled.pressed > .label, .split-menu-btn-success.disabled.pressed > .arrow-button, .split-menu-btn-success[disabled] > .label, .split-menu-btn-success[disabled] > .arrow-button, .split-menu-btn-success[disabled]:hover > .label, .split-menu-btn-success[disabled]:hover > .arrow-button, .split-menu-btn-success[disabled]:focused > .label, .split-menu-btn-success[disabled]:focused > .arrow-button, .split-menu-btn-success[disabled].focused > .label, .split-menu-btn-success[disabled].focused > .arrow-button, .split-menu-btn-success[disabled]:pressed > .label, .split-menu-btn-success[disabled]:pressed > .arrow-button, .split-menu-btn-success[disabled].pressed > .label, .split-menu-btn-success[disabled].pressed > .arrow-button, fieldset[disabled] .split-menu-btn-success > .label, fieldset[disabled] .split-menu-btn-success > .arrow-button, fieldset[disabled] .split-menu-btn-success:hover > .label, fieldset[disabled] .split-menu-btn-success:hover > .arrow-button, fieldset[disabled] .split-menu-btn-success:focused > .label, fieldset[disabled] .split-menu-btn-success:focused > .arrow-button, fieldset[disabled] .split-menu-btn-success.focused > .label, fieldset[disabled] .split-menu-btn-success.focused > .arrow-button, fieldset[disabled] .split-menu-btn-success:pressed > .label, fieldset[disabled] .split-menu-btn-success:pressed > .arrow-button, fieldset[disabled] .split-menu-btn-success.pressed > .label, fieldset[disabled] .split-menu-btn-success.pressed > .arrow-button {
  761. -fx-background-color: #5cb85c;
  762. -fx-border-color: #4cae4c;
  763. }
  764. .split-menu-btn-info > .arrow {
  765. -fx-text-fill: #fff;
  766. -fx-fill: #fff;
  767. }
  768. .split-menu-btn-info > .label, .split-menu-btn-info > .arrow-button {
  769. -fx-text-fill: #fff;
  770. -fx-fill: #fff;
  771. -fx-background-color: #5bc0de;
  772. -fx-border-color: #5bc0de;
  773. }
  774. .split-menu-btn-info:focused > .label, .split-menu-btn-info:focused > .arrow-button, .split-menu-btn-info.focused > .label, .split-menu-btn-info.focused > .arrow-button {
  775. -fx-text-fill: #fff;
  776. -fx-fill: #fff;
  777. -fx-background-color: #31b0d5;
  778. -fx-border-color: #1b6d85;
  779. }
  780. .split-menu-btn-info:hover > .label, .split-menu-btn-info:hover > .arrow-button {
  781. -fx-text-fill: #fff;
  782. -fx-fill: #fff;
  783. -fx-background-color: #31b0d5;
  784. -fx-border-color: #269abc;
  785. }
  786. .split-menu-btn-info:pressed > .label, .split-menu-btn-info:pressed > .arrow-button, .split-menu-btn-info.pressed > .label, .split-menu-btn-info.pressed > .arrow-button, .open > .split-menu-btn-info.dropdown-toggle > .label, .open > .split-menu-btn-info.dropdown-toggle > .arrow-button {
  787. -fx-text-fill: #fff;
  788. -fx-fill: #fff;
  789. -fx-background-color: #31b0d5;
  790. -fx-border-color: #269abc;
  791. }
  792. .split-menu-btn-info:pressed:hover > .label, .split-menu-btn-info:pressed:hover > .arrow-button, .split-menu-btn-info:pressed:focused > .label, .split-menu-btn-info:pressed:focused > .arrow-button, .split-menu-btn-info:pressed.focused > .label, .split-menu-btn-info:pressed.focused > .arrow-button, .split-menu-btn-info.pressed:hover > .label, .split-menu-btn-info.pressed:hover > .arrow-button, .split-menu-btn-info.pressed:focused > .label, .split-menu-btn-info.pressed:focused > .arrow-button, .split-menu-btn-info.pressed.focused > .label, .split-menu-btn-info.pressed.focused > .arrow-button, .open > .split-menu-btn-info.dropdown-toggle:hover > .label, .open > .split-menu-btn-info.dropdown-toggle:hover > .arrow-button, .open > .split-menu-btn-info.dropdown-toggle:focused > .label, .open > .split-menu-btn-info.dropdown-toggle:focused > .arrow-button, .open > .split-menu-btn-info.dropdown-toggle.focused > .label, .open > .split-menu-btn-info.dropdown-toggle.focused > .arrow-button {
  793. -fx-text-fill: #fff;
  794. -fx-fill: #fff;
  795. -fx-background-color: #269abc;
  796. -fx-border-color: #1b6d85;
  797. }
  798. .split-menu-btn-info:selected > .label, .split-menu-btn-info:selected > .arrow-button, .split-menu-btn-info.selected > .label, .split-menu-btn-info.selected > .arrow-button {
  799. -fx-text-fill: #fff;
  800. -fx-fill: #fff;
  801. -fx-background-color: #31b0d5;
  802. -fx-border-color: #269abc;
  803. }
  804. .split-menu-btn-info:selected:hover > .label, .split-menu-btn-info:selected:hover > .arrow-button, .split-menu-btn-info:selected:focused > .label, .split-menu-btn-info:selected:focused > .arrow-button, .split-menu-btn-info:selected.focused > .label, .split-menu-btn-info:selected.focused > .arrow-button, .split-menu-btn-info.selected:hover > .label, .split-menu-btn-info.selected:hover > .arrow-button, .split-menu-btn-info.selected:focused > .label, .split-menu-btn-info.selected:focused > .arrow-button, .split-menu-btn-info.selected.focused > .label, .split-menu-btn-info.selected.focused > .arrow-button {
  805. -fx-text-fill: #fff;
  806. -fx-fill: #fff;
  807. -fx-background-color: #269abc;
  808. -fx-border-color: #1b6d85;
  809. }
  810. .split-menu-btn-info:pressed, .split-menu-btn-info.pressed, .open > .split-menu-btn-info.dropdown-toggle {
  811. background-image: none;
  812. }
  813. .split-menu-btn-info.disabled > .label, .split-menu-btn-info.disabled > .arrow-button, .split-menu-btn-info.disabled:hover > .label, .split-menu-btn-info.disabled:hover > .arrow-button, .split-menu-btn-info.disabled:focused > .label, .split-menu-btn-info.disabled:focused > .arrow-button, .split-menu-btn-info.disabled.focused > .label, .split-menu-btn-info.disabled.focused > .arrow-button, .split-menu-btn-info.disabled:pressed > .label, .split-menu-btn-info.disabled:pressed > .arrow-button, .split-menu-btn-info.disabled.pressed > .label, .split-menu-btn-info.disabled.pressed > .arrow-button, .split-menu-btn-info[disabled] > .label, .split-menu-btn-info[disabled] > .arrow-button, .split-menu-btn-info[disabled]:hover > .label, .split-menu-btn-info[disabled]:hover > .arrow-button, .split-menu-btn-info[disabled]:focused > .label, .split-menu-btn-info[disabled]:focused > .arrow-button, .split-menu-btn-info[disabled].focused > .label, .split-menu-btn-info[disabled].focused > .arrow-button, .split-menu-btn-info[disabled]:pressed > .label, .split-menu-btn-info[disabled]:pressed > .arrow-button, .split-menu-btn-info[disabled].pressed > .label, .split-menu-btn-info[disabled].pressed > .arrow-button, fieldset[disabled] .split-menu-btn-info > .label, fieldset[disabled] .split-menu-btn-info > .arrow-button, fieldset[disabled] .split-menu-btn-info:hover > .label, fieldset[disabled] .split-menu-btn-info:hover > .arrow-button, fieldset[disabled] .split-menu-btn-info:focused > .label, fieldset[disabled] .split-menu-btn-info:focused > .arrow-button, fieldset[disabled] .split-menu-btn-info.focused > .label, fieldset[disabled] .split-menu-btn-info.focused > .arrow-button, fieldset[disabled] .split-menu-btn-info:pressed > .label, fieldset[disabled] .split-menu-btn-info:pressed > .arrow-button, fieldset[disabled] .split-menu-btn-info.pressed > .label, fieldset[disabled] .split-menu-btn-info.pressed > .arrow-button {
  814. -fx-background-color: #5bc0de;
  815. -fx-border-color: #46b8da;
  816. }
  817. .split-menu-btn-warning > .arrow {
  818. -fx-text-fill: #fff;
  819. -fx-fill: #fff;
  820. }
  821. .split-menu-btn-warning > .label, .split-menu-btn-warning > .arrow-button {
  822. -fx-text-fill: #fff;
  823. -fx-fill: #fff;
  824. -fx-background-color: #f0ad4e;
  825. -fx-border-color: #f0ad4e;
  826. }
  827. .split-menu-btn-warning:focused > .label, .split-menu-btn-warning:focused > .arrow-button, .split-menu-btn-warning.focused > .label, .split-menu-btn-warning.focused > .arrow-button {
  828. -fx-text-fill: #fff;
  829. -fx-fill: #fff;
  830. -fx-background-color: #ec971f;
  831. -fx-border-color: #985f0d;
  832. }
  833. .split-menu-btn-warning:hover > .label, .split-menu-btn-warning:hover > .arrow-button {
  834. -fx-text-fill: #fff;
  835. -fx-fill: #fff;
  836. -fx-background-color: #ec971f;
  837. -fx-border-color: #d58512;
  838. }
  839. .split-menu-btn-warning:pressed > .label, .split-menu-btn-warning:pressed > .arrow-button, .split-menu-btn-warning.pressed > .label, .split-menu-btn-warning.pressed > .arrow-button, .open > .split-menu-btn-warning.dropdown-toggle > .label, .open > .split-menu-btn-warning.dropdown-toggle > .arrow-button {
  840. -fx-text-fill: #fff;
  841. -fx-fill: #fff;
  842. -fx-background-color: #ec971f;
  843. -fx-border-color: #d58512;
  844. }
  845. .split-menu-btn-warning:pressed:hover > .label, .split-menu-btn-warning:pressed:hover > .arrow-button, .split-menu-btn-warning:pressed:focused > .label, .split-menu-btn-warning:pressed:focused > .arrow-button, .split-menu-btn-warning:pressed.focused > .label, .split-menu-btn-warning:pressed.focused > .arrow-button, .split-menu-btn-warning.pressed:hover > .label, .split-menu-btn-warning.pressed:hover > .arrow-button, .split-menu-btn-warning.pressed:focused > .label, .split-menu-btn-warning.pressed:focused > .arrow-button, .split-menu-btn-warning.pressed.focused > .label, .split-menu-btn-warning.pressed.focused > .arrow-button, .open > .split-menu-btn-warning.dropdown-toggle:hover > .label, .open > .split-menu-btn-warning.dropdown-toggle:hover > .arrow-button, .open > .split-menu-btn-warning.dropdown-toggle:focused > .label, .open > .split-menu-btn-warning.dropdown-toggle:focused > .arrow-button, .open > .split-menu-btn-warning.dropdown-toggle.focused > .label, .open > .split-menu-btn-warning.dropdown-toggle.focused > .arrow-button {
  846. -fx-text-fill: #fff;
  847. -fx-fill: #fff;
  848. -fx-background-color: #d58512;
  849. -fx-border-color: #985f0d;
  850. }
  851. .split-menu-btn-warning:selected > .label, .split-menu-btn-warning:selected > .arrow-button, .split-menu-btn-warning.selected > .label, .split-menu-btn-warning.selected > .arrow-button {
  852. -fx-text-fill: #fff;
  853. -fx-fill: #fff;
  854. -fx-background-color: #ec971f;
  855. -fx-border-color: #d58512;
  856. }
  857. .split-menu-btn-warning:selected:hover > .label, .split-menu-btn-warning:selected:hover > .arrow-button, .split-menu-btn-warning:selected:focused > .label, .split-menu-btn-warning:selected:focused > .arrow-button, .split-menu-btn-warning:selected.focused > .label, .split-menu-btn-warning:selected.focused > .arrow-button, .split-menu-btn-warning.selected:hover > .label, .split-menu-btn-warning.selected:hover > .arrow-button, .split-menu-btn-warning.selected:focused > .label, .split-menu-btn-warning.selected:focused > .arrow-button, .split-menu-btn-warning.selected.focused > .label, .split-menu-btn-warning.selected.focused > .arrow-button {
  858. -fx-text-fill: #fff;
  859. -fx-fill: #fff;
  860. -fx-background-color: #d58512;
  861. -fx-border-color: #985f0d;
  862. }
  863. .split-menu-btn-warning:pressed, .split-menu-btn-warning.pressed, .open > .split-menu-btn-warning.dropdown-toggle {
  864. background-image: none;
  865. }
  866. .split-menu-btn-warning.disabled > .label, .split-menu-btn-warning.disabled > .arrow-button, .split-menu-btn-warning.disabled:hover > .label, .split-menu-btn-warning.disabled:hover > .arrow-button, .split-menu-btn-warning.disabled:focused > .label, .split-menu-btn-warning.disabled:focused > .arrow-button, .split-menu-btn-warning.disabled.focused > .label, .split-menu-btn-warning.disabled.focused > .arrow-button, .split-menu-btn-warning.disabled:pressed > .label, .split-menu-btn-warning.disabled:pressed > .arrow-button, .split-menu-btn-warning.disabled.pressed > .label, .split-menu-btn-warning.disabled.pressed > .arrow-button, .split-menu-btn-warning[disabled] > .label, .split-menu-btn-warning[disabled] > .arrow-button, .split-menu-btn-warning[disabled]:hover > .label, .split-menu-btn-warning[disabled]:hover > .arrow-button, .split-menu-btn-warning[disabled]:focused > .label, .split-menu-btn-warning[disabled]:focused > .arrow-button, .split-menu-btn-warning[disabled].focused > .label, .split-menu-btn-warning[disabled].focused > .arrow-button, .split-menu-btn-warning[disabled]:pressed > .label, .split-menu-btn-warning[disabled]:pressed > .arrow-button, .split-menu-btn-warning[disabled].pressed > .label, .split-menu-btn-warning[disabled].pressed > .arrow-button, fieldset[disabled] .split-menu-btn-warning > .label, fieldset[disabled] .split-menu-btn-warning > .arrow-button, fieldset[disabled] .split-menu-btn-warning:hover > .label, fieldset[disabled] .split-menu-btn-warning:hover > .arrow-button, fieldset[disabled] .split-menu-btn-warning:focused > .label, fieldset[disabled] .split-menu-btn-warning:focused > .arrow-button, fieldset[disabled] .split-menu-btn-warning.focused > .label, fieldset[disabled] .split-menu-btn-warning.focused > .arrow-button, fieldset[disabled] .split-menu-btn-warning:pressed > .label, fieldset[disabled] .split-menu-btn-warning:pressed > .arrow-button, fieldset[disabled] .split-menu-btn-warning.pressed > .label, fieldset[disabled] .split-menu-btn-warning.pressed > .arrow-button {
  867. -fx-background-color: #f0ad4e;
  868. -fx-border-color: #eea236;
  869. }
  870. .split-menu-btn-danger > .arrow {
  871. -fx-text-fill: #fff;
  872. -fx-fill: #fff;
  873. }
  874. .split-menu-btn-danger > .label, .split-menu-btn-danger > .arrow-button {
  875. -fx-text-fill: #fff;
  876. -fx-fill: #fff;
  877. -fx-background-color: #d9534f;
  878. -fx-border-color: #d9534f;
  879. }
  880. .split-menu-btn-danger:focused > .label, .split-menu-btn-danger:focused > .arrow-button, .split-menu-btn-danger.focused > .label, .split-menu-btn-danger.focused > .arrow-button {
  881. -fx-text-fill: #fff;
  882. -fx-fill: #fff;
  883. -fx-background-color: #c9302c;
  884. -fx-border-color: #761c19;
  885. }
  886. .split-menu-btn-danger:hover > .label, .split-menu-btn-danger:hover > .arrow-button {
  887. -fx-text-fill: #fff;
  888. -fx-fill: #fff;
  889. -fx-background-color: #c9302c;
  890. -fx-border-color: #ac2925;
  891. }
  892. .split-menu-btn-danger:pressed > .label, .split-menu-btn-danger:pressed > .arrow-button, .split-menu-btn-danger.pressed > .label, .split-menu-btn-danger.pressed > .arrow-button, .open > .split-menu-btn-danger.dropdown-toggle > .label, .open > .split-menu-btn-danger.dropdown-toggle > .arrow-button {
  893. -fx-text-fill: #fff;
  894. -fx-fill: #fff;
  895. -fx-background-color: #c9302c;
  896. -fx-border-color: #ac2925;
  897. }
  898. .split-menu-btn-danger:pressed:hover > .label, .split-menu-btn-danger:pressed:hover > .arrow-button, .split-menu-btn-danger:pressed:focused > .label, .split-menu-btn-danger:pressed:focused > .arrow-button, .split-menu-btn-danger:pressed.focused > .label, .split-menu-btn-danger:pressed.focused > .arrow-button, .split-menu-btn-danger.pressed:hover > .label, .split-menu-btn-danger.pressed:hover > .arrow-button, .split-menu-btn-danger.pressed:focused > .label, .split-menu-btn-danger.pressed:focused > .arrow-button, .split-menu-btn-danger.pressed.focused > .label, .split-menu-btn-danger.pressed.focused > .arrow-button, .open > .split-menu-btn-danger.dropdown-toggle:hover > .label, .open > .split-menu-btn-danger.dropdown-toggle:hover > .arrow-button, .open > .split-menu-btn-danger.dropdown-toggle:focused > .label, .open > .split-menu-btn-danger.dropdown-toggle:focused > .arrow-button, .open > .split-menu-btn-danger.dropdown-toggle.focused > .label, .open > .split-menu-btn-danger.dropdown-toggle.focused > .arrow-button {
  899. -fx-text-fill: #fff;
  900. -fx-fill: #fff;
  901. -fx-background-color: #ac2925;
  902. -fx-border-color: #761c19;
  903. }
  904. .split-menu-btn-danger:selected > .label, .split-menu-btn-danger:selected > .arrow-button, .split-menu-btn-danger.selected > .label, .split-menu-btn-danger.selected > .arrow-button {
  905. -fx-text-fill: #fff;
  906. -fx-fill: #fff;
  907. -fx-background-color: #c9302c;
  908. -fx-border-color: #ac2925;
  909. }
  910. .split-menu-btn-danger:selected:hover > .label, .split-menu-btn-danger:selected:hover > .arrow-button, .split-menu-btn-danger:selected:focused > .label, .split-menu-btn-danger:selected:focused > .arrow-button, .split-menu-btn-danger:selected.focused > .label, .split-menu-btn-danger:selected.focused > .arrow-button, .split-menu-btn-danger.selected:hover > .label, .split-menu-btn-danger.selected:hover > .arrow-button, .split-menu-btn-danger.selected:focused > .label, .split-menu-btn-danger.selected:focused > .arrow-button, .split-menu-btn-danger.selected.focused > .label, .split-menu-btn-danger.selected.focused > .arrow-button {
  911. -fx-text-fill: #fff;
  912. -fx-fill: #fff;
  913. -fx-background-color: #ac2925;
  914. -fx-border-color: #761c19;
  915. }
  916. .split-menu-btn-danger:pressed, .split-menu-btn-danger.pressed, .open > .split-menu-btn-danger.dropdown-toggle {
  917. background-image: none;
  918. }
  919. .split-menu-btn-danger.disabled > .label, .split-menu-btn-danger.disabled > .arrow-button, .split-menu-btn-danger.disabled:hover > .label, .split-menu-btn-danger.disabled:hover > .arrow-button, .split-menu-btn-danger.disabled:focused > .label, .split-menu-btn-danger.disabled:focused > .arrow-button, .split-menu-btn-danger.disabled.focused > .label, .split-menu-btn-danger.disabled.focused > .arrow-button, .split-menu-btn-danger.disabled:pressed > .label, .split-menu-btn-danger.disabled:pressed > .arrow-button, .split-menu-btn-danger.disabled.pressed > .label, .split-menu-btn-danger.disabled.pressed > .arrow-button, .split-menu-btn-danger[disabled] > .label, .split-menu-btn-danger[disabled] > .arrow-button, .split-menu-btn-danger[disabled]:hover > .label, .split-menu-btn-danger[disabled]:hover > .arrow-button, .split-menu-btn-danger[disabled]:focused > .label, .split-menu-btn-danger[disabled]:focused > .arrow-button, .split-menu-btn-danger[disabled].focused > .label, .split-menu-btn-danger[disabled].focused > .arrow-button, .split-menu-btn-danger[disabled]:pressed > .label, .split-menu-btn-danger[disabled]:pressed > .arrow-button, .split-menu-btn-danger[disabled].pressed > .label, .split-menu-btn-danger[disabled].pressed > .arrow-button, fieldset[disabled] .split-menu-btn-danger > .label, fieldset[disabled] .split-menu-btn-danger > .arrow-button, fieldset[disabled] .split-menu-btn-danger:hover > .label, fieldset[disabled] .split-menu-btn-danger:hover > .arrow-button, fieldset[disabled] .split-menu-btn-danger:focused > .label, fieldset[disabled] .split-menu-btn-danger:focused > .arrow-button, fieldset[disabled] .split-menu-btn-danger.focused > .label, fieldset[disabled] .split-menu-btn-danger.focused > .arrow-button, fieldset[disabled] .split-menu-btn-danger:pressed > .label, fieldset[disabled] .split-menu-btn-danger:pressed > .arrow-button, fieldset[disabled] .split-menu-btn-danger.pressed > .label, fieldset[disabled] .split-menu-btn-danger.pressed > .arrow-button {
  920. -fx-background-color: #d9534f;
  921. -fx-border-color: #d43f3a;
  922. }
  923. .split-menu-btn-lg {
  924. -fx-font-size: 18px;
  925. -fx-border-radius: 6px;
  926. -fx-background-radius: 6px;
  927. }
  928. .split-menu-btn-sm {
  929. -fx-font-size: 12px;
  930. -fx-border-radius: 3px;
  931. -fx-background-radius: 3px;
  932. }
  933. .split-menu-btn-xs {
  934. -fx-font-size: 12px;
  935. -fx-border-radius: 3px;
  936. -fx-background-radius: 3px;
  937. }
  938. .btn-group-horizontal {
  939. -fx-spacing: 0;
  940. }
  941. .btn-group-horizontal > .first {
  942. -fx-border-radius: 4px 0 0 4px;
  943. -fx-background-radius: 4px 0 0 4px;
  944. }
  945. .btn-group-horizontal > .middle {
  946. -fx-border-radius: 0;
  947. -fx-background-radius: 0;
  948. }
  949. .btn-group-horizontal > .last {
  950. -fx-border-radius: 0 4px 4px 0;
  951. -fx-background-radius: 0 4px 4px 0;
  952. }
  953. .btn-group-vertical {
  954. -fx-spacing: 0;
  955. -fx-alignment: center;
  956. -fx-fill-width: true;
  957. }
  958. .btn-group-vertical > .first {
  959. -fx-border-radius: 4px 4px 0 0;
  960. -fx-background-radius: 4px 4px 0 0;
  961. }
  962. .btn-group-vertical > .middle {
  963. -fx-border-radius: 0;
  964. -fx-background-radius: 0;
  965. }
  966. .btn-group-vertical > .last {
  967. -fx-border-radius: 0 0 4px 4px;
  968. -fx-background-radius: 0 0 4px 4px;
  969. }
  970. .lbl {
  971. -fx-padding: .2em .6em .3em .6em;
  972. -fx-font-size: 75%;
  973. -fx-font-weight: bold;
  974. -fx-text-fill: #fff;
  975. -fx-fill: #fff;
  976. -fx-text-alignment: center;
  977. -fx-alignment: baseline-center;
  978. -fx-border-radius: .25em;
  979. -fx-background-radius: .25em;
  980. }
  981. .lbl-default {
  982. -fx-background-color: #777777;
  983. }
  984. .lbl-default[href]:hover, .lbl-default[href]:focused {
  985. -fx-background-color: #5e5e5e;
  986. }
  987. .lbl-primary {
  988. -fx-background-color: #337ab7;
  989. }
  990. .lbl-primary[href]:hover, .lbl-primary[href]:focused {
  991. -fx-background-color: #286090;
  992. }
  993. .lbl-success {
  994. -fx-background-color: #5cb85c;
  995. }
  996. .lbl-success[href]:hover, .lbl-success[href]:focused {
  997. -fx-background-color: #449d44;
  998. }
  999. .lbl-info {
  1000. -fx-background-color: #5bc0de;
  1001. }
  1002. .lbl-info[href]:hover, .lbl-info[href]:focused {
  1003. -fx-background-color: #31b0d5;
  1004. }
  1005. .lbl-warning {
  1006. -fx-background-color: #f0ad4e;
  1007. }
  1008. .lbl-warning[href]:hover, .lbl-warning[href]:focused {
  1009. -fx-background-color: #ec971f;
  1010. }
  1011. .lbl-danger {
  1012. -fx-background-color: #d9534f;
  1013. }
  1014. .lbl-danger[href]:hover, .lbl-danger[href]:focused {
  1015. -fx-background-color: #c9302c;
  1016. }
  1017. .badge {
  1018. -fx-min-width: 10px;
  1019. -fx-padding: 3px 7px 3px 7px;
  1020. -fx-font-size: 12px;
  1021. -fx-font-weight: bold;
  1022. -fx-text-fill: #fff;
  1023. -fx-fill: #fff;
  1024. -fx-alignment: center;
  1025. -fx-text-alignment: center;
  1026. -fx-background-color: #777777;
  1027. -fx-border-radius: 10px;
  1028. -fx-background-radius: 10px;
  1029. }
  1030. .btn-xs .badge, .btn-group-xs > .btn .badge {
  1031. -fx-padding: 1px 5px 1px 5px;
  1032. }
  1033. .list-group-item.active > .badge, .nav-pills > .active > a > .badge {
  1034. -fx-text-fill: #337ab7;
  1035. -fx-fill: #337ab7;
  1036. -fx-background-color: #fff;
  1037. }
  1038. a.badge:hover, a.badge:focused {
  1039. -fx-text-fill: #fff;
  1040. -fx-fill: #fff;
  1041. -fx-cursor: default;
  1042. }
  1043. .alert {
  1044. -fx-padding: 15px;
  1045. -fx-border-width: 1px;
  1046. -fx-border-style: solid;
  1047. -fx-border-color: black;
  1048. -fx-border-radius: 4px;
  1049. -fx-background-radius: 4px;
  1050. }
  1051. .alert-success {
  1052. -fx-background-color: linear-gradient(to bottom, #dff0d8 0px, #c8e5bc 100%);
  1053. -fx-border-color: #d6e9c6;
  1054. -fx-text-fill: #3c763d;
  1055. -fx-fill: #3c763d;
  1056. }
  1057. .alert-success * {
  1058. -fx-background-color: transparent;
  1059. -fx-text-fill: #3c763d;
  1060. -fx-fill: #3c763d;
  1061. }
  1062. .alert-info {
  1063. -fx-background-color: linear-gradient(to bottom, #d9edf7 0px, #b9def0 100%);
  1064. -fx-border-color: #bce8f1;
  1065. -fx-text-fill: #31708f;
  1066. -fx-fill: #31708f;
  1067. }
  1068. .alert-info * {
  1069. -fx-background-color: transparent;
  1070. -fx-text-fill: #31708f;
  1071. -fx-fill: #31708f;
  1072. }
  1073. .alert-warning {
  1074. -fx-background-color: linear-gradient(to bottom, #fcf8e3 0px, #f8efc0 100%);
  1075. -fx-border-color: #faebcc;
  1076. -fx-text-fill: #8a6d3b;
  1077. -fx-fill: #8a6d3b;
  1078. }
  1079. .alert-warning * {
  1080. -fx-background-color: transparent;
  1081. -fx-text-fill: #8a6d3b;
  1082. -fx-fill: #8a6d3b;
  1083. }
  1084. .alert-danger {
  1085. -fx-background-color: linear-gradient(to bottom, #f2dede 0px, #e7c3c3 100%);
  1086. -fx-border-color: #ebccd1;
  1087. -fx-text-fill: #a94442;
  1088. -fx-fill: #a94442;
  1089. }
  1090. .alert-danger * {
  1091. -fx-background-color: transparent;
  1092. -fx-text-fill: #a94442;
  1093. -fx-fill: #a94442;
  1094. }
  1095. .progress-bar-primary > .bar {
  1096. -fx-background-insets: 0;
  1097. -fx-background-color: #337ab7;
  1098. -fx-progress-color: #337ab7;
  1099. -fx-text-fill: #fff;
  1100. -fx-text-alignment: center;
  1101. -fx-effect: innershadow(gaussian, rgba(0, 0, 0, 0.15), -1px, 0, 0, 0);
  1102. }
  1103. .progress-bar-primary > .track {
  1104. -fx-pref-height: 10;
  1105. -fx-background-radius: 4px;
  1106. -fx-effect: innershadow(gaussian, #eeeeee, 4, 0, 0, 1);
  1107. -fx-background-color: #f5f5f5;
  1108. }
  1109. .progress-bar-success > .bar {
  1110. -fx-background-insets: 0;
  1111. -fx-background-color: #5cb85c;
  1112. -fx-progress-color: #5cb85c;
  1113. -fx-text-fill: #fff;
  1114. -fx-text-alignment: center;
  1115. -fx-effect: innershadow(gaussian, rgba(0, 0, 0, 0.15), -1px, 0, 0, 0);
  1116. }
  1117. .progress-bar-success > .track {
  1118. -fx-pref-height: 10;
  1119. -fx-background-radius: 4px;
  1120. -fx-effect: innershadow(gaussian, #eeeeee, 4, 0, 0, 1);
  1121. -fx-background-color: #f5f5f5;
  1122. }
  1123. .progress-bar-info > .bar {
  1124. -fx-background-insets: 0;
  1125. -fx-background-color: #5bc0de;
  1126. -fx-progress-color: #5bc0de;
  1127. -fx-text-fill: #fff;
  1128. -fx-text-alignment: center;
  1129. -fx-effect: innershadow(gaussian, rgba(0, 0, 0, 0.15), -1px, 0, 0, 0);
  1130. }
  1131. .progress-bar-info > .track {
  1132. -fx-pref-height: 10;
  1133. -fx-background-radius: 4px;
  1134. -fx-effect: innershadow(gaussian, #eeeeee, 4, 0, 0, 1);
  1135. -fx-background-color: #f5f5f5;
  1136. }
  1137. .progress-bar-warning > .bar {
  1138. -fx-background-insets: 0;
  1139. -fx-background-color: #f0ad4e;
  1140. -fx-progress-color: #f0ad4e;
  1141. -fx-text-fill: #fff;
  1142. -fx-text-alignment: center;
  1143. -fx-effect: innershadow(gaussian, rgba(0, 0, 0, 0.15), -1px, 0, 0, 0);
  1144. }
  1145. .progress-bar-warning > .track {
  1146. -fx-pref-height: 10;
  1147. -fx-background-radius: 4px;
  1148. -fx-effect: innershadow(gaussian, #eeeeee, 4, 0, 0, 1);
  1149. -fx-background-color: #f5f5f5;
  1150. }
  1151. .progress-bar-danger > .bar {
  1152. -fx-background-insets: 0;
  1153. -fx-background-color: #d9534f;
  1154. -fx-progress-color: #d9534f;
  1155. -fx-text-fill: #fff;
  1156. -fx-text-alignment: center;
  1157. -fx-effect: innershadow(gaussian, rgba(0, 0, 0, 0.15), -1px, 0, 0, 0);
  1158. }
  1159. .progress-bar-danger > .track {
  1160. -fx-pref-height: 10;
  1161. -fx-background-radius: 4px;
  1162. -fx-effect: innershadow(gaussian, #eeeeee, 4, 0, 0, 1);
  1163. -fx-background-color: #f5f5f5;
  1164. }
  1165. .tooltip-primary {
  1166. -fx-background: #337ab7;
  1167. -fx-background-color: #337ab7;
  1168. -fx-text-fill: #fff;
  1169. -fx-border-color: #3175af;
  1170. -fx-background-radius: 4px;
  1171. -fx-border-radius: 4px;
  1172. -fx-background-insets: 0;
  1173. -fx-padding: 0.667em 0.75em 0.667em 0.75em;
  1174. /* 10px */
  1175. -fx-effect: dropshadow(three-pass-box, rgba(0, 0, 0, 0.5), 10, 0, 0, 3);
  1176. -fx-font-size: 0.85em;
  1177. }
  1178. .tooltip-success {
  1179. -fx-background: #5cb85c;
  1180. -fx-background-color: #5cb85c;
  1181. -fx-text-fill: #fff;
  1182. -fx-border-color: #55b555;
  1183. -fx-background-radius: 4px;
  1184. -fx-border-radius: 4px;
  1185. -fx-background-insets: 0;
  1186. -fx-padding: 0.667em 0.75em 0.667em 0.75em;
  1187. /* 10px */
  1188. -fx-effect: dropshadow(three-pass-box, rgba(0, 0, 0, 0.5), 10, 0, 0, 3);
  1189. -fx-font-size: 0.85em;
  1190. }
  1191. .tooltip-info {
  1192. -fx-background: #5bc0de;
  1193. -fx-background-color: #5bc0de;
  1194. -fx-text-fill: #fff;
  1195. -fx-border-color: #53bddc;
  1196. -fx-background-radius: 4px;
  1197. -fx-border-radius: 4px;
  1198. -fx-background-insets: 0;
  1199. -fx-padding: 0.667em 0.75em 0.667em 0.75em;
  1200. /* 10px */
  1201. -fx-effect: dropshadow(three-pass-box, rgba(0, 0, 0, 0.5), 10, 0, 0, 3);
  1202. -fx-font-size: 0.85em;
  1203. }
  1204. .tooltip-warning {
  1205. -fx-background: #f0ad4e;
  1206. -fx-background-color: #f0ad4e;
  1207. -fx-text-fill: #fff;
  1208. -fx-border-color: #efa945;
  1209. -fx-background-radius: 4px;
  1210. -fx-border-radius: 4px;
  1211. -fx-background-insets: 0;
  1212. -fx-padding: 0.667em 0.75em 0.667em 0.75em;
  1213. /* 10px */
  1214. -fx-effect: dropshadow(three-pass-box, rgba(0, 0, 0, 0.5), 10, 0, 0, 3);
  1215. -fx-font-size: 0.85em;
  1216. }
  1217. .tooltip-danger {
  1218. -fx-background: #d9534f;
  1219. -fx-background-color: #d9534f;
  1220. -fx-text-fill: #fff;
  1221. -fx-border-color: #d74b47;
  1222. -fx-background-radius: 4px;
  1223. -fx-border-radius: 4px;
  1224. -fx-background-insets: 0;
  1225. -fx-padding: 0.667em 0.75em 0.667em 0.75em;
  1226. /* 10px */
  1227. -fx-effect: dropshadow(three-pass-box, rgba(0, 0, 0, 0.5), 10, 0, 0, 3);
  1228. -fx-font-size: 0.85em;
  1229. }
  1230. .panel {
  1231. -fx-background-color: #fff;
  1232. -fx-border-width: 1px;
  1233. -fx-border-style: solid;
  1234. -fx-border-color: transparent;
  1235. -fx-border-radius: 4px;
  1236. -fx-effect: innershadow(gaussian, rgba(0, 0, 0, 0.05), 1px, 0, 0, 1px);
  1237. }
  1238. .panel-body {
  1239. -fx-padding: 15px;
  1240. }
  1241. .panel-heading {
  1242. -fx-padding: 10px 15px;
  1243. -fx-border-width: 1px;
  1244. -fx-border-style: solid;
  1245. -fx-border-color: transparent;
  1246. -fx-border-radius: 3px, 0, 0, 0;
  1247. }
  1248. .panel-title {
  1249. -fx-font-size: 16px;
  1250. }
  1251. .panel-footer {
  1252. -fx-padding: 10px 15px;
  1253. -fx-background-color: #f5f5f5;
  1254. -fx-border-width: 1px;
  1255. -fx-border-style: solid;
  1256. -fx-border-color: #ddd;
  1257. -fx-border-radius: 0, 0, 3px, 0;
  1258. }
  1259. .panel-default {
  1260. -fx-border-color: #ddd;
  1261. }
  1262. .panel-default > .panel-heading {
  1263. -fx-text-fill: #333333;
  1264. -fx-fill: #333333;
  1265. -fx-background-color: linear-gradient(to bottom, #f5f5f5 0px, #e2e2e2 100%);
  1266. -fx-border-color: #ddd;
  1267. }
  1268. .panel-default > .panel-heading * {
  1269. -fx-text-fill: #333333;
  1270. -fx-fill: #333333;
  1271. }
  1272. .panel-default > .panel-heading .badge {
  1273. -fx-text-fill: #f5f5f5;
  1274. -fx-fill: #f5f5f5;
  1275. -fx-background-color: #333333;
  1276. }
  1277. .panel-primary {
  1278. -fx-border-color: #337ab7;
  1279. }
  1280. .panel-primary > .panel-heading {
  1281. -fx-text-fill: #fff;
  1282. -fx-fill: #fff;
  1283. -fx-background-color: linear-gradient(to bottom, #337ab7 0px, #2b669a 100%);
  1284. -fx-border-color: #337ab7;
  1285. }
  1286. .panel-primary > .panel-heading * {
  1287. -fx-text-fill: #fff;
  1288. -fx-fill: #fff;
  1289. }
  1290. .panel-primary > .panel-heading .badge {
  1291. -fx-text-fill: #337ab7;
  1292. -fx-fill: #337ab7;
  1293. -fx-background-color: #fff;
  1294. }
  1295. .panel-success {
  1296. -fx-border-color: #d6e9c6;
  1297. }
  1298. .panel-success > .panel-heading {
  1299. -fx-text-fill: #3c763d;
  1300. -fx-fill: #3c763d;
  1301. -fx-background-color: linear-gradient(to bottom, #dff0d8 0px, #c8e5bc 100%);
  1302. -fx-border-color: #d6e9c6;
  1303. }
  1304. .panel-success > .panel-heading * {
  1305. -fx-text-fill: #3c763d;
  1306. -fx-fill: #3c763d;
  1307. }
  1308. .panel-success > .panel-heading .badge {
  1309. -fx-text-fill: #dff0d8;
  1310. -fx-fill: #dff0d8;
  1311. -fx-background-color: #3c763d;
  1312. }
  1313. .panel-info {
  1314. -fx-border-color: #bce8f1;
  1315. }
  1316. .panel-info > .panel-heading {
  1317. -fx-text-fill: #31708f;
  1318. -fx-fill: #31708f;
  1319. -fx-background-color: linear-gradient(to bottom, #d9edf7 0px, #b9def0 100%);
  1320. -fx-border-color: #bce8f1;
  1321. }
  1322. .panel-info > .panel-heading * {
  1323. -fx-text-fill: #31708f;
  1324. -fx-fill: #31708f;
  1325. }
  1326. .panel-info > .panel-heading .badge {
  1327. -fx-text-fill: #d9edf7;
  1328. -fx-fill: #d9edf7;
  1329. -fx-background-color: #31708f;
  1330. }
  1331. .panel-warning {
  1332. -fx-border-color: #faebcc;
  1333. }
  1334. .panel-warning > .panel-heading {
  1335. -fx-text-fill: #8a6d3b;
  1336. -fx-fill: #8a6d3b;
  1337. -fx-background-color: linear-gradient(to bottom, #fcf8e3 0px, #f8efc0 100%);
  1338. -fx-border-color: #faebcc;
  1339. }
  1340. .panel-warning > .panel-heading * {
  1341. -fx-text-fill: #8a6d3b;
  1342. -fx-fill: #8a6d3b;
  1343. }
  1344. .panel-warning > .panel-heading .badge {
  1345. -fx-text-fill: #fcf8e3;
  1346. -fx-fill: #fcf8e3;
  1347. -fx-background-color: #8a6d3b;
  1348. }
  1349. .panel-danger {
  1350. -fx-border-color: #ebccd1;
  1351. }
  1352. .panel-danger > .panel-heading {
  1353. -fx-text-fill: #a94442;
  1354. -fx-fill: #a94442;
  1355. -fx-background-color: linear-gradient(to bottom, #f2dede 0px, #e7c3c3 100%);
  1356. -fx-border-color: #ebccd1;
  1357. }
  1358. .panel-danger > .panel-heading * {
  1359. -fx-text-fill: #a94442;
  1360. -fx-fill: #a94442;
  1361. }
  1362. .panel-danger > .panel-heading .badge {
  1363. -fx-text-fill: #f2dede;
  1364. -fx-fill: #f2dede;
  1365. -fx-background-color: #a94442;
  1366. }
  1367. .tool-bar {
  1368. -fx-background-color: white;
  1369. -fx-border-color: transparent transparent #eeeeee transparent;
  1370. }
  1371. .tool-bar:vertical {
  1372. -fx-border-color: transparent #eeeeee transparent transparent;
  1373. -fx-background-insets: 0, 0 1 0 0;
  1374. }
  1375. .menu-item {
  1376. -fx-min-width: 200;
  1377. }
  1378. .menu-item:focused {
  1379. -fx-background-color: #f5f5f5;
  1380. }
  1381. .menu-item:focused > * {
  1382. -fx-text-fill: #222222;
  1383. }
  1384. .menu-item:focused .arrow {
  1385. -fx-background-color: #333;
  1386. }
  1387. .check-menu-item:checked:hover > .left-container > .check,
  1388. .check-menu-item:checked:focused > .left-container > .check,
  1389. .radio-menu-item:checked:hover > .left-container > .radio,
  1390. .radio-menu-item:checked:focused > .left-container > .radio {
  1391. -fx-background-color: #333;
  1392. }
  1393. .context-menu {
  1394. -fx-border-radius: 4px;
  1395. -fx-background-radius: 4px;
  1396. -fx-border-color: #bebec0;
  1397. }
  1398. .context-menu > * {
  1399. -fx-padding: 5 0 5 0;
  1400. }
  1401. .separator {
  1402. -fx-padding: 5 0 5 0;
  1403. }