Skouter mortgage estimates. Web application with view written in PHP and Vue, but controller and models in Go.
No puede seleccionar más de 25 temas Los temas deben comenzar con una letra o número, pueden incluir guiones ('-') y pueden tener hasta 35 caracteres de largo.
 
 
 
 
 
 

1855 líneas
48 KiB

  1. body {
  2. background: #F6F6F6;
  3. color: #6f7b8a;
  4. }
  5. a {
  6. color: #0090D9;
  7. }
  8. a:hover {
  9. color: #007fc0;
  10. }
  11. .text-gray, .text-grey {
  12. color: #B7B9BD;
  13. }
  14. .text-update {
  15. color: #77559D;
  16. }
  17. blockquote {
  18. border-left: 10px solid #ededed;
  19. background: #fafafa;
  20. }
  21. blockquote p {
  22. color: #646e7c;
  23. }
  24. blockquote cite {
  25. color: #6f7b8a;
  26. }
  27. code {
  28. background: #f9f2f4;
  29. color: #9c1d3d;
  30. }
  31. pre {
  32. background: #f6f6f6;
  33. border: 1px solid #dddddd;
  34. }
  35. pre code {
  36. color: #237794;
  37. }
  38. hr {
  39. border-bottom: 2px solid #f7f7f7;
  40. }
  41. .label {
  42. background: #0090D9;
  43. color: #ffffff;
  44. }
  45. .badge {
  46. background: #77559D;
  47. color: #ffffff;
  48. }
  49. .light-border {
  50. border-color: #f7f7f7 !important;
  51. }
  52. .subtle-text {
  53. color: #8b95a1 !important;
  54. }
  55. td, thead th {
  56. border-bottom: 1px solid #f7f7f7;
  57. }
  58. tr td.gpm-details {
  59. background-color: #fafafa;
  60. }
  61. .tab-bar {
  62. background: #e6e6e6;
  63. color: #808080;
  64. }
  65. .tab-bar li.active span, .tab-bar li.active a {
  66. background: #ffffff;
  67. color: #6f7b8a;
  68. }
  69. .tab-bar span, .tab-bar a {
  70. color: #808080;
  71. }
  72. .tab-bar span:hover, .tab-bar a:hover {
  73. color: #9a9a9a;
  74. background: white;
  75. }
  76. .button {
  77. color: rgba(255, 255, 255, 0.85);
  78. border-radius: 4px;
  79. background: #0090D9;
  80. }
  81. .button:focus, .button:hover {
  82. background: #26a1df;
  83. color: #ffffff;
  84. }
  85. .button.dropdown-toggle {
  86. border-left: 1px solid #007fc0;
  87. }
  88. .button.dropdown-toggle {
  89. border-left: 1px solid #007fc0;
  90. }
  91. .button.secondary {
  92. color: rgba(255, 255, 255, 0.85);
  93. border-radius: 4px;
  94. background: #0073ae;
  95. }
  96. .button.secondary:focus, .button.secondary:hover {
  97. background: #2688ba;
  98. color: #ffffff;
  99. }
  100. .button.secondary.dropdown-toggle {
  101. border-left: 1px solid #006295;
  102. }
  103. .button.secondary.dropdown-toggle {
  104. border-left: 1px solid #006295;
  105. }
  106. .button.danger {
  107. color: rgba(255, 255, 255, 0.85);
  108. border-radius: 4px;
  109. background: #F45857;
  110. }
  111. .button.danger:focus, .button.danger:hover {
  112. background: #cf4b4a;
  113. color: #ffffff;
  114. }
  115. .button.danger.dropdown-toggle {
  116. border-left: 1px solid #f6706f;
  117. }
  118. .button-group .dropdown-menu {
  119. background-color: #0090D9;
  120. box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  121. }
  122. .button-group .dropdown-menu .divider {
  123. background-color: #0090D9;
  124. }
  125. .button-group .dropdown-menu li > a {
  126. color: #ffffff;
  127. }
  128. .button-group .dropdown-menu li > a:focus, .button-group .dropdown-menu li > a:hover {
  129. color: #ffffff;
  130. }
  131. .button-group .dropdown-menu li > a:focus:hover, .button-group .dropdown-menu li > a:hover:hover {
  132. background: #26a1df;
  133. }
  134. .button-group .dropdown-menu.language-switcher a.active {
  135. background-color: #0daeff;
  136. }
  137. #admin-main .admin-block a.gumroad-button {
  138. background: #F45857 !important;
  139. color: #ffffff !important;
  140. }
  141. #admin-login-wrapper {
  142. background: radial-gradient(circle at center, #535a6b 40%, #272a31 100%);
  143. }
  144. #admin-login {
  145. background: #3D424E;
  146. }
  147. #admin-login.wide form label {
  148. color: #B7B9BD;
  149. }
  150. #admin-login.wide form input::-webkit-input-placeholder {
  151. color: rgba(183, 185, 189, 0.5);
  152. }
  153. #admin-login.wide form input::-moz-placeholder {
  154. color: rgba(183, 185, 189, 0.5);
  155. }
  156. #admin-login.wide form input:-moz-placeholder {
  157. color: rgba(183, 185, 189, 0.5);
  158. }
  159. #admin-login.wide form input:-ms-input-placeholder {
  160. color: rgba(183, 185, 189, 0.5);
  161. }
  162. #admin-login .wrapper-spacer h3 {
  163. color: rgba(255, 255, 255, 0.4);
  164. border-bottom: 3px solid rgba(255, 255, 255, 0.1);
  165. }
  166. #admin-login .instructions, #admin-login p {
  167. color: rgba(183, 185, 189, 0.8);
  168. }
  169. #admin-login h1 {
  170. background-color: #323640;
  171. }
  172. #admin-login h1.text-logo {
  173. color: #FFFFFF;
  174. }
  175. #admin-login h1 svg path:first-child {
  176. fill: #2b2f37;
  177. }
  178. #admin-login h1 svg path:last-child {
  179. fill: rgba(255, 255, 255, 0.9) !important;
  180. }
  181. #admin-login h5 {
  182. color: #B7B9BD;
  183. }
  184. #admin-login form input {
  185. background: #444957;
  186. color: #ffffff;
  187. border: 1px solid #31353e;
  188. }
  189. #admin-login form input::-webkit-input-placeholder {
  190. color: rgba(183, 185, 189, 0.5);
  191. }
  192. #admin-login form input::-moz-placeholder {
  193. color: rgba(183, 185, 189, 0.5);
  194. }
  195. #admin-login form input:-moz-placeholder {
  196. color: rgba(183, 185, 189, 0.5);
  197. }
  198. #admin-login form input:-ms-input-placeholder {
  199. color: rgba(183, 185, 189, 0.5);
  200. }
  201. #admin-sidebar {
  202. background: #3D424E;
  203. }
  204. #admin-sidebar a {
  205. color: rgba(255, 255, 255, 0.9);
  206. }
  207. #admin-sidebar a:hover {
  208. color: #ffffff;
  209. }
  210. #admin-logo {
  211. background-color: #323640;
  212. }
  213. #admin-logo .grav-logo path {
  214. fill: rgba(255, 255, 255, 0.9) !important;
  215. }
  216. #admin-logo .grav-logo:hover path {
  217. fill: #FFFFFF !important;
  218. }
  219. #admin-logo a, #admin-logo i {
  220. color: #e6e6e6;
  221. }
  222. #admin-logo a:hover, #admin-logo i:hover {
  223. color: #FFFFFF;
  224. }
  225. #open-handle {
  226. background-color: #272a32;
  227. border-left: 1px solid #3d424e;
  228. }
  229. #open-handle i {
  230. color: rgba(255, 255, 255, 0.6);
  231. }
  232. #open-handle i:hover {
  233. color: rgba(255, 255, 255, 0.8);
  234. }
  235. #admin-nav-quick-tray {
  236. background: #393d48;
  237. border-bottom: 1px solid #363b45;
  238. color: #ffffff;
  239. }
  240. #admin-nav-quick-tray i:hover {
  241. color: white;
  242. }
  243. .block-userinfo img {
  244. border: 4px solid #e6e6e6;
  245. }
  246. #offline-status {
  247. background-color: #77559D;
  248. color: #ffffff;
  249. }
  250. #admin-user-details, .admin-user-details {
  251. border-bottom: 1px solid #484e5c;
  252. }
  253. #admin-user-details:hover img, .admin-user-details:hover img {
  254. box-shadow: 0px 0px 0 50px #444957;
  255. }
  256. #admin-user-details .admin-user-names h4, #admin-user-details .admin-user-names h5, .admin-user-details .admin-user-names h4, .admin-user-details .admin-user-names h5 {
  257. color: #ffffff;
  258. }
  259. #admin-menu li .badges .count {
  260. color: #ffffff;
  261. background-color: #323640;
  262. }
  263. #admin-menu li .badges .updates {
  264. color: #ffffff;
  265. background-color: #06A599;
  266. }
  267. #admin-menu li a:hover {
  268. background: #434753;
  269. color: #ffffff;
  270. }
  271. #admin-menu li a:hover .fa {
  272. color: #ffffff;
  273. }
  274. #admin-menu li.selected a {
  275. background: #323640;
  276. color: #ffffff;
  277. border-left: 9px solid #007ab8;
  278. }
  279. #admin-menu li.selected a .fa {
  280. color: #ffffff;
  281. }
  282. #admin-main .grav-update {
  283. background: #77559D;
  284. color: #ffffff;
  285. }
  286. #admin-main .grav-update a.button, #admin-main .grav-update span.button, #admin-main .grav-update button.button {
  287. color: rgba(255, 255, 255, 0.85);
  288. border-radius: 4px;
  289. background: #5f447e;
  290. }
  291. #admin-main .grav-update a.button:focus, #admin-main .grav-update a.button:hover, #admin-main .grav-update span.button:focus, #admin-main .grav-update span.button:hover, #admin-main .grav-update button.button:focus, #admin-main .grav-update button.button:hover {
  292. background: #513a6b;
  293. color: #ffffff;
  294. }
  295. #admin-main .grav-update a.button.dropdown-toggle, #admin-main .grav-update span.button.dropdown-toggle, #admin-main .grav-update button.button.dropdown-toggle {
  296. border-left: 1px solid #6b4d8f;
  297. }
  298. #admin-main .titlebar {
  299. background: #ffffff;
  300. color: #3D424E;
  301. }
  302. #admin-main .titlebar .button-bar .button {
  303. color: rgba(255, 255, 255, 0.85);
  304. border-radius: 4px;
  305. background: #0090D9;
  306. }
  307. #admin-main .titlebar .button-bar .button:focus, #admin-main .titlebar .button-bar .button:hover {
  308. background: #26a1df;
  309. color: #ffffff;
  310. }
  311. #admin-main .titlebar .button-bar .button.dropdown-toggle {
  312. border-left: 1px solid #007fc0;
  313. }
  314. #admin-main .titlebar .button-bar .button.danger {
  315. color: rgba(255, 255, 255, 0.85);
  316. border-radius: 4px;
  317. background: #F45857;
  318. }
  319. #admin-main .titlebar .button-bar .button.danger:focus, #admin-main .titlebar .button-bar .button.danger:hover {
  320. background: #cf4b4a;
  321. color: #ffffff;
  322. }
  323. #admin-main .titlebar .button-bar .button.danger.dropdown-toggle {
  324. border-left: 1px solid #f6706f;
  325. }
  326. #admin-main .titlebar .button-bar .button.success {
  327. color: rgba(255, 255, 255, 0.85);
  328. border-radius: 4px;
  329. background: #77559D;
  330. }
  331. #admin-main .titlebar .button-bar .button.success:focus, #admin-main .titlebar .button-bar .button.success:hover {
  332. background: #8b6fac;
  333. color: #ffffff;
  334. }
  335. #admin-main .titlebar .button-bar .button.success.dropdown-toggle {
  336. border-left: 1px solid #6a4c8c;
  337. }
  338. #admin-main .titlebar .button-bar .button.success.dropdown-toggle {
  339. border-left-color: #654886;
  340. }
  341. #admin-main .titlebar .button-bar .button.success + .dropdown-menu {
  342. background-color: #77559D;
  343. }
  344. #admin-main .titlebar .button-bar span.button {
  345. color: rgba(255, 255, 255, 0.45);
  346. border-radius: 4px;
  347. background: rgba(0, 144, 217, 0.5);
  348. }
  349. #admin-main .titlebar .button-bar span.button:focus, #admin-main .titlebar .button-bar span.button:hover {
  350. background: rgba(88, 182, 230, 0.575);
  351. color: rgba(255, 255, 255, 0.6);
  352. }
  353. #admin-main .titlebar .button-bar span.button.dropdown-toggle {
  354. border-left: 1px solid rgba(0, 127, 192, 0.5);
  355. }
  356. #admin-main .lines-button {
  357. background: rgba(0, 0, 0, 0.1);
  358. }
  359. #admin-main .lines-button .lines, #admin-main .lines-button .lines:before, #admin-main .lines-button .lines:after {
  360. background: #3D424E;
  361. }
  362. #admin-main .admin-block {
  363. background: #ffffff;
  364. color: #6f7b8a;
  365. }
  366. #admin-main .admin-block h1 {
  367. color: #414147;
  368. border-bottom: 1px solid #f7f7f7;
  369. }
  370. #admin-main .danger.button-bar, #admin-main .success.button-bar {
  371. background: #f7f7f7;
  372. }
  373. #admin-main .danger .button {
  374. color: rgba(255, 255, 255, 0.85);
  375. border-radius: 4px;
  376. background: #F45857;
  377. }
  378. #admin-main .danger .button:focus, #admin-main .danger .button:hover {
  379. background: #cf4b4a;
  380. color: #ffffff;
  381. }
  382. #admin-main .danger .button.dropdown-toggle {
  383. border-left: 1px solid #f6706f;
  384. }
  385. #admin-main .content-padding div[class*=notifications-container] .alert.note {
  386. background: #ffffff;
  387. color: #6f7b8a;
  388. }
  389. #admin-main .content-padding div[class*=notifications-container] .alert.note.alert {
  390. border-bottom: 2px solid #f2f2f2;
  391. }
  392. #admin-main .content-padding div[class*=notifications-container] .alert.note a:not(.button) {
  393. color: #0090D9;
  394. }
  395. #admin-main .content-padding div[class*=notifications-container] .alert.note a:not(.button):hover {
  396. color: #007fc0;
  397. }
  398. #admin-main .content-padding div[class*=notifications-container] .alert.warning {
  399. background: #F45857;
  400. color: #ffffff;
  401. }
  402. #admin-main .content-padding div[class*=notifications-container] .alert.warning.alert {
  403. border-bottom: 2px solid #f2403f;
  404. }
  405. #admin-main .content-padding div[class*=notifications-container] .alert.warning a {
  406. color: #ffffff;
  407. }
  408. #admin-main .content-padding div[class*=notifications-container] .alert.warning a:hover {
  409. color: white;
  410. }
  411. #admin-main #notifications .badge.alert.note {
  412. background: #06A599;
  413. color: #ffffff;
  414. }
  415. #admin-main #notifications .badge.alert.warning {
  416. background: #F45857;
  417. color: #ffffff;
  418. }
  419. .sidebar-mobile-open #admin-main .lines-button .lines, .sidebar-mobile-open #admin-main .lines-button .lines:before, .sidebar-mobile-open #admin-main .lines-button .lines:after {
  420. background: #FFFFFF;
  421. }
  422. #dependency-missing {
  423. margin-bottom: 1.75rem;
  424. }
  425. #dependency-missing .alert {
  426. padding: 1rem 1.5rem;
  427. }
  428. #dependency-missing .alert h1 {
  429. color: #ffffff;
  430. border-bottom: 0;
  431. display: inline;
  432. }
  433. #admin-dashboard .admin-block li {
  434. border-bottom: 1px solid #f7f7f7;
  435. }
  436. #admin-dashboard .primary-accent {
  437. background-color: #0078b5;
  438. background-image: -webkit-linear-gradient(#0078b5, #0090D9);
  439. background-image: linear-gradient(#0078b5, #0090D9);
  440. }
  441. #admin-dashboard .primary-accent h1 {
  442. color: #ffffff;
  443. border-bottom: 0;
  444. }
  445. #admin-dashboard .primary-accent p {
  446. color: rgba(255, 255, 255, 0.95);
  447. }
  448. #admin-dashboard .primary-accent .stat i {
  449. color: rgba(255, 255, 255, 0.75);
  450. }
  451. #admin-dashboard .primary-accent .numeric em {
  452. color: rgba(255, 255, 255, 0.85);
  453. }
  454. #admin-dashboard .primary-accent .chart-loader {
  455. color: #0073ae;
  456. }
  457. #admin-dashboard .secondary-accent {
  458. background-color: #058379;
  459. background-image: -webkit-linear-gradient(#058379, #06A599);
  460. background-image: linear-gradient(#058379, #06A599);
  461. }
  462. #admin-dashboard .secondary-accent h1 {
  463. color: #ffffff;
  464. border-bottom: 0;
  465. }
  466. #admin-dashboard .secondary-accent p {
  467. color: rgba(255, 255, 255, 0.95);
  468. }
  469. #admin-dashboard .secondary-accent .stat i {
  470. color: rgba(255, 255, 255, 0.75);
  471. }
  472. #admin-dashboard .secondary-accent .numeric em {
  473. color: rgba(255, 255, 255, 0.85);
  474. }
  475. #admin-dashboard .secondary-accent .chart-loader {
  476. color: #05847a;
  477. }
  478. .sidebar-mobile-open #admin-main .lines-button .lines, .sidebar-mobile-open #admin-main .lines-button .lines:before, .sidebar-mobile-open #admin-main .lines-button .lines:after {
  479. background: #FFFFFF;
  480. }
  481. form h1, form h3 {
  482. border-bottom: 3px solid #f7f7f7;
  483. }
  484. form h1, form h2, form h3, form h4, form h5 {
  485. color: #414147;
  486. }
  487. form .note {
  488. color: #F45857;
  489. }
  490. form .required {
  491. color: #da4b46;
  492. }
  493. form .overlay {
  494. background: #fafafa;
  495. }
  496. form .overlay pre {
  497. background: #fefefe;
  498. }
  499. form .form-border {
  500. border: 1px solid #e6e6e6;
  501. }
  502. form .form-field-colors {
  503. background-color: #fcfcfc;
  504. color: #646e7c;
  505. }
  506. form .form-select-wrapper:after, form .selectize-control.single .selectize-input:after {
  507. color: #646e7c;
  508. }
  509. form .selectize-control.single .selectize-input, form .selectize-control.single .selectize-input.full, form .selectize-control.single .selectize-input.items, form .selectize-control.single .selectize-input.active, form .selectize-control.multi .selectize-input, form .selectize-control.multi .selectize-input.full, form .selectize-control.multi .selectize-input.items, form .selectize-control.multi .selectize-input.active {
  510. color: #646e7c;
  511. border-color: #e6e6e6;
  512. background-color: #fcfcfc;
  513. }
  514. form .selectize-control.single .selectize-input input, form .selectize-control.multi .selectize-input input {
  515. color: #646e7c;
  516. }
  517. form .selectize-control.single .selectize-input a.remove, form .selectize-control.multi .selectize-input a.remove {
  518. color: #F6F6F6 !important;
  519. }
  520. form .form-input-wrapper .form-input-addon {
  521. border: 1px solid #e6e6e6;
  522. background: #ffffff;
  523. }
  524. form .form-input-wrapper .form-input-addon.copy-to-clipboard {
  525. background: #0090D9;
  526. color: #ffffff;
  527. }
  528. form .form-input-wrapper .form-input-addon.copy-to-clipboard:hover {
  529. background: #007fc0;
  530. }
  531. form .form-input-wrapper input[name="data[folder]"].highlight {
  532. background-color: #ffffd7;
  533. }
  534. form .selectize-control.single.plugin-remove_button .selectize-input .item, form .selectize-control.single.plugin-remove_button .selectize-input .remove-single, form .selectize-control.multi .selectize-input .item, form .selectize-control.multi .selectize-input .remove-single {
  535. color: #ffffff !important;
  536. background: #6f7b8a;
  537. }
  538. form .selectize-control.single.plugin-remove_button .selectize-input .item.active, form .selectize-control.single.plugin-remove_button .selectize-input .remove-single.active, form .selectize-control.multi .selectize-input .item.active, form .selectize-control.multi .selectize-input .remove-single.active {
  539. background: #06A599;
  540. color: #ffffff;
  541. }
  542. form select {
  543. border: 1px solid #e6e6e6;
  544. background: #fcfcfc;
  545. color: #646e7c;
  546. }
  547. form input[type=text], form input[type=password], form input[type=email], form input[type=date], form input[type=tel], form input[type=time], form input[type=week], form input[type=month], form input[type=number], form input[type=color], form input[type=url] {
  548. border: 1px solid #e6e6e6;
  549. background: #fcfcfc;
  550. color: #646e7c;
  551. }
  552. form input[readonly=readonly] {
  553. background: #ffffff;
  554. }
  555. form textarea {
  556. color: #646e7c;
  557. border: 1px solid #e6e6e6;
  558. background: #fcfcfc;
  559. }
  560. form .form-frontmatter-wrapper {
  561. border: 1px solid #e6e6e6;
  562. }
  563. form .button-bar {
  564. background: #f7f7f7;
  565. }
  566. form .checkboxes label:before {
  567. background: #fcfcfc;
  568. border: 1px solid #e6e6e6;
  569. }
  570. form input::-webkit-input-placeholder, form textarea::-webkit-input-placeholder, form select::-webkit-input-placeholder {
  571. color: rgba(100, 110, 124, 0.4);
  572. }
  573. form input::-moz-placeholder, form textarea::-moz-placeholder, form select::-moz-placeholder {
  574. color: rgba(100, 110, 124, 0.4);
  575. }
  576. form input:-moz-placeholder, form textarea:-moz-placeholder, form select:-moz-placeholder {
  577. color: rgba(100, 110, 124, 0.4);
  578. }
  579. form input:-ms-input-placeholder, form textarea:-ms-input-placeholder, form select:-ms-input-placeholder {
  580. color: rgba(100, 110, 124, 0.4);
  581. }
  582. form .g-colorpicker {
  583. width: 230px;
  584. }
  585. form .g-colorpicker .g-colorpicker-preview-wrap {
  586. border-color: #e6e6e6;
  587. }
  588. form .form-input-file {
  589. border: 2px dashed #e6e6e6;
  590. }
  591. form .form-input-file p {
  592. color: #646e7c;
  593. }
  594. form .form-input-file ul {
  595. color: #ffffff;
  596. background: #0090D9;
  597. }
  598. form .file-thumbnail-remove {
  599. background: #0090D9;
  600. }
  601. form .file-thumbnail-remove .fa {
  602. color: #ffffff;
  603. }
  604. form .file-thumbnail-remove:hover {
  605. background: #ffffff;
  606. }
  607. form .file-thumbnail-remove:hover .fa {
  608. color: #0090D9;
  609. }
  610. form input[type=range]::-webkit-slider-runnable-track {
  611. background: #fafafa;
  612. border: 1px solid #e6e6e6;
  613. }
  614. form input[type=range]::-webkit-slider-thumb {
  615. border: 1px solid #e6e6e6;
  616. background: #0090D9;
  617. }
  618. form input[type=range]:focus::-webkit-slider-runnable-track {
  619. background: #fafafa;
  620. }
  621. form input[type=range]::-moz-range-track {
  622. background: #fafafa;
  623. border: 1px solid #e6e6e6;
  624. }
  625. form input[type=range]::-moz-range-progress {
  626. background: #fafafa;
  627. }
  628. form input[type=range]::-moz-range-thumb {
  629. border: 1px solid #e6e6e6;
  630. background: #0090D9;
  631. }
  632. form input[type=range]::-ms-fill-lower, form input[type=range]::-ms-fill-upper {
  633. background: #fafafa;
  634. border: 1px solid #e6e6e6;
  635. }
  636. form input[type=range]::-ms-thumb {
  637. border: 1px solid #e6e6e6;
  638. background: #0090D9;
  639. }
  640. form input[type=range]:focus::-ms-fill-lower, form input[type=range]:focus::-ms-fill-upper {
  641. background: #fafafa;
  642. }
  643. form .form-display-wrapper table {
  644. border: 1px solid #e6e6e6;
  645. }
  646. form .form-display-wrapper table th {
  647. background-color: whitesmoke;
  648. border-bottom: 3px solid #e6e6e6;
  649. border-right: 1px solid #e6e6e6;
  650. }
  651. form .form-display-wrapper table td {
  652. border-right: 1px solid #e6e6e6;
  653. }
  654. form .form-display-wrapper table tr {
  655. border-bottom: 1px solid #e6e6e6;
  656. }
  657. .grav-editor-resizer {
  658. background-color: #e6e6e6;
  659. }
  660. .form-order-wrapper ul.orderable li {
  661. border: 1px solid #e6e6e6;
  662. background: white;
  663. color: #6f7b8a;
  664. }
  665. .form-order-wrapper ul.orderable li.drag-handle {
  666. background: #fcfcfc;
  667. color: #646e7c;
  668. }
  669. .form-order-wrapper ul.orderable li[data-active-id] {
  670. border-color: #0090D9;
  671. }
  672. .form-order-wrapper ul.orderable.disabled li {
  673. opacity: 0.7;
  674. }
  675. .form-list-wrapper ul[data-collection-holder] > li {
  676. border: 1px solid #e6e6e6;
  677. background: white;
  678. color: #8b95a1;
  679. }
  680. .form-list-wrapper ul[data-collection-holder] > li .item-actions {
  681. color: #58626e;
  682. }
  683. .form-list-wrapper .collection-sort {
  684. background: #fafafa;
  685. border-right: 1px solid #e6e6e6;
  686. }
  687. .form-fieldset {
  688. background-color: #fcfcfc;
  689. border: 1px solid #e6e6e6;
  690. }
  691. .form-fieldset--label {
  692. background-color: whitesmoke;
  693. }
  694. .form-fieldset--label:hover, .form-fieldset input:checked + .form-fieldset--label {
  695. background-color: #f0f0f0;
  696. }
  697. #admin-main #admin-topbar {
  698. background: #e6e6e6;
  699. }
  700. #admin-main .form-tabs {
  701. background: #e6e6e6;
  702. }
  703. #admin-main .form-tabs.side-tabs > .tabs-nav {
  704. background: #ffffff;
  705. }
  706. #admin-main .form-tabs.side-tabs > .tabs-nav a {
  707. color: #0090D9;
  708. cursor: pointer;
  709. }
  710. #admin-main .form-tabs.side-tabs > .tabs-nav a:hover {
  711. background: #F6F6F6;
  712. }
  713. #admin-main .form-tabs.side-tabs > .tabs-nav a.active {
  714. background: #f3f3f3;
  715. color: #808080;
  716. }
  717. #admin-main .form-tabs.side-tabs > .tabs-content {
  718. box-shadow: -20px 0 50px -40px rgba(0, 0, 0, 0.3);
  719. }
  720. #admin-main .form-tabs .tabs-nav a {
  721. color: #808080;
  722. }
  723. #admin-main .form-tabs .tabs-nav a:hover {
  724. color: #737373;
  725. background: #d9d9d9;
  726. }
  727. #admin-main .form-tabs .tabs-nav a.active {
  728. background: #ffffff;
  729. color: #6f7b8a;
  730. }
  731. #admin-main .form-tabs.subtle {
  732. background: #ffffff;
  733. }
  734. #admin-main .form-tabs.subtle .tabs-nav {
  735. background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #f7f7f7);
  736. }
  737. #admin-main .form-tabs.subtle a {
  738. color: #646f7c;
  739. border: 0 solid transparent;
  740. border-bottom: 1px solid #e6e6e6;
  741. }
  742. #admin-main .form-tabs.subtle a:hover {
  743. color: #59626e;
  744. background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ededed);
  745. }
  746. #admin-main .form-tabs.subtle a.active {
  747. border-top: 1px solid #e6e6e6;
  748. border-left: 1px solid #e6e6e6;
  749. border-right: 1px solid #e6e6e6;
  750. border-bottom: 0;
  751. }
  752. #admin-main .form-tabs.subtle a.active:hover {
  753. background: #ffffff;
  754. }
  755. #admin-main .form-tabs.subtle a.active:first-child {
  756. border-left: 0;
  757. }
  758. #admin-main .form-tabs.subtle a.active:last-child {
  759. border-right: 0;
  760. }
  761. #admin-main .form-tabs .tabs-content {
  762. background: #ffffff;
  763. }
  764. .switch-grav {
  765. background-color: #fcfcfc;
  766. border: 1px solid #e6e6e6;
  767. }
  768. .switch-grav label {
  769. color: #6f7b8a;
  770. transition: background-color 0.5s ease;
  771. }
  772. .switch-grav.switch-toggle input.highlight:checked + label {
  773. background: #0090D9;
  774. color: #ffffff;
  775. }
  776. .switch-grav.switch-toggle input:checked + label {
  777. color: #ffffff;
  778. background: #6f7b8a;
  779. }
  780. .toast {
  781. background-color: #030303;
  782. }
  783. .toast-success {
  784. background-color: #77559D;
  785. }
  786. .toast-success .button {
  787. background: #8462aa;
  788. color: rgba(255, 255, 255, 0.85);
  789. border-radius: 4px;
  790. background: #9172b3;
  791. }
  792. .toast-success .button:focus, .toast-success .button:hover {
  793. background: #7b6198;
  794. color: #ffffff;
  795. }
  796. .toast-success .button.dropdown-toggle {
  797. border-left: 1px solid #9e83bc;
  798. }
  799. .toast-error {
  800. background-color: #F45857;
  801. }
  802. .toast-error .button {
  803. background-color: #f12827;
  804. color: rgba(255, 255, 255, 0.85);
  805. border-radius: 4px;
  806. background: #d70f0e;
  807. }
  808. .toast-error .button:focus, .toast-error .button:hover {
  809. background: #dd3332;
  810. color: #ffffff;
  811. }
  812. .toast-error .button.dropdown-toggle {
  813. border-left: 1px solid #bf0e0d;
  814. }
  815. .toast-info {
  816. background-color: #06A599;
  817. }
  818. .toast-info .button {
  819. background-color: #04746b;
  820. color: rgba(255, 255, 255, 0.85);
  821. border-radius: 4px;
  822. background: #02433e;
  823. }
  824. .toast-info .button:focus, .toast-info .button:hover {
  825. background: #285f5b;
  826. color: #ffffff;
  827. }
  828. .toast-info .button.dropdown-toggle {
  829. border-left: 1px solid #022a27;
  830. }
  831. .info {
  832. background: #77559D;
  833. color: #ffffff;
  834. }
  835. .info a {
  836. color: #f2f2f2;
  837. }
  838. .info a:hover {
  839. color: #ffffff;
  840. }
  841. .info a.button, .info span.button, .info button.button {
  842. color: rgba(255, 255, 255, 0.85);
  843. border-radius: 4px;
  844. background: #5f447e;
  845. }
  846. .info a.button:focus, .info a.button:hover, .info span.button:focus, .info span.button:hover, .info button.button:focus, .info button.button:hover {
  847. background: #513a6b;
  848. color: #ffffff;
  849. }
  850. .info a.button.dropdown-toggle, .info span.button.dropdown-toggle, .info button.button.dropdown-toggle {
  851. border-left: 1px solid #6b4d8f;
  852. }
  853. .info-reverse {
  854. color: #77559D;
  855. }
  856. .notice, .note {
  857. background: #06A599;
  858. color: #ffffff;
  859. }
  860. .notice a, .note a {
  861. color: #f2f2f2;
  862. }
  863. .notice a:hover, .note a:hover {
  864. color: #ffffff;
  865. }
  866. .notice a.button, .notice span.button, .notice button.button, .note a.button, .note span.button, .note button.button {
  867. color: rgba(255, 255, 255, 0.85);
  868. border-radius: 4px;
  869. background: #05847a;
  870. }
  871. .notice a.button:focus, .notice a.button:hover, .notice span.button:focus, .notice span.button:hover, .notice button.button:focus, .notice button.button:hover, .note a.button:focus, .note a.button:hover, .note span.button:focus, .note span.button:hover, .note button.button:focus, .note button.button:hover {
  872. background: #047068;
  873. color: #ffffff;
  874. }
  875. .notice a.button.dropdown-toggle, .notice span.button.dropdown-toggle, .notice button.button.dropdown-toggle, .note a.button.dropdown-toggle, .note span.button.dropdown-toggle, .note button.button.dropdown-toggle {
  876. border-left: 1px solid #069d91;
  877. }
  878. .notice-reverse, .note-reverse {
  879. color: #06A599;
  880. }
  881. .error, .warning {
  882. background: #F45857;
  883. color: #ffffff;
  884. }
  885. .error a, .warning a {
  886. color: #f2f2f2;
  887. }
  888. .error a:hover, .warning a:hover {
  889. color: #ffffff;
  890. }
  891. .error a.button, .error span.button, .error button.button, .warning a.button, .warning span.button, .warning button.button {
  892. color: rgba(255, 255, 255, 0.85);
  893. border-radius: 4px;
  894. background: #c34646;
  895. }
  896. .error a.button:focus, .error a.button:hover, .error span.button:focus, .error span.button:hover, .error button.button:focus, .error button.button:hover, .warning a.button:focus, .warning a.button:hover, .warning span.button:focus, .warning span.button:hover, .warning button.button:focus, .warning button.button:hover {
  897. background: #a63c3c;
  898. color: #ffffff;
  899. }
  900. .error a.button.dropdown-toggle, .error span.button.dropdown-toggle, .error button.button.dropdown-toggle, .warning a.button.dropdown-toggle, .warning span.button.dropdown-toggle, .warning button.button.dropdown-toggle {
  901. border-left: 1px solid #c95959;
  902. }
  903. .error-reverse, .warning-reverse {
  904. color: #F45857;
  905. }
  906. .primary-accent {
  907. background: #007fc0;
  908. color: #ffffff;
  909. }
  910. .primary-accent .button-bar {
  911. background: #0078b5;
  912. }
  913. .primary-accent .button {
  914. color: rgba(255, 255, 255, 0.85);
  915. border-radius: 4px;
  916. background: #0090D9;
  917. }
  918. .primary-accent .button:focus, .primary-accent .button:hover {
  919. background: #26a1df;
  920. color: #ffffff;
  921. }
  922. .primary-accent .button.dropdown-toggle {
  923. border-left: 1px solid #007fc0;
  924. }
  925. .secondary-accent {
  926. background: #058c82;
  927. color: #ffffff;
  928. }
  929. .secondary-accent .button-bar {
  930. background: #058379;
  931. }
  932. .secondary-accent .button {
  933. color: rgba(255, 255, 255, 0.85);
  934. border-radius: 4px;
  935. background: #06A599;
  936. }
  937. .secondary-accent .button:focus, .secondary-accent .button:hover {
  938. background: #2bb3a8;
  939. color: #ffffff;
  940. }
  941. .secondary-accent .button.dropdown-toggle {
  942. border-left: 1px solid #058c82;
  943. }
  944. .secondary-accent .button-group .dropdown-menu {
  945. background: #06A599;
  946. }
  947. .secondary-accent .button-group .dropdown-menu li a:hover {
  948. background: #2bb3a8;
  949. }
  950. .card-item {
  951. border: 1px solid #e6e6e6;
  952. background: white;
  953. }
  954. .card-item .gpm-actions {
  955. background: #fafafa;
  956. }
  957. .card-item.active-theme {
  958. border: 1px solid #06A599;
  959. }
  960. .card-item.active-theme .gpm-actions {
  961. background: #06A599;
  962. color: #ffffff;
  963. }
  964. .user-details h2 {
  965. color: #414147;
  966. }
  967. .user-details h2 span {
  968. color: #6f7b8a;
  969. }
  970. .user-details .gravatar {
  971. color: #a7afb8;
  972. }
  973. .user-details .gravatar a {
  974. color: #6f7b8a !important;
  975. }
  976. #admin-main .grav-editor-toolbar .dropdown-menu {
  977. box-shadow: 0 3px 6px rgba(0, 0, 0, 0.075);
  978. border: 1px solid #e6e6e6;
  979. background: white;
  980. }
  981. #admin-main .grav-editor-toolbar {
  982. border: 1px solid #e6e6e6;
  983. border-top-right-radius: 4px;
  984. border-top-left-radius: 4px;
  985. background: white;
  986. }
  987. #admin-main .grav-editor-toolbar ul a {
  988. color: #6f7b8a;
  989. }
  990. #admin-main .grav-editor-toolbar ul a:hover, #admin-main .grav-editor-toolbar ul a:focus {
  991. background: #f7f7f7;
  992. color: #646e7c;
  993. border-top: 1px solid #e6e6e6;
  994. }
  995. #admin-main .grav-editor-toolbar ul .editor-active a {
  996. cursor: auto;
  997. background: white;
  998. border-top: 1px solid #e6e6e6;
  999. border-left: 1px solid #e6e6e6;
  1000. border-right: 1px solid #e6e6e6;
  1001. }
  1002. #admin-main .grav-editor-toolbar ul .editor-active a:hover {
  1003. background: #f7f7f7;
  1004. color: #646e7c;
  1005. border-top: 0;
  1006. border-bottom: 1px solid #e6e6e6;
  1007. }
  1008. #admin-main .grav-editor-toolbar ul .editor-active:last-child a, #admin-main .grav-editor-toolbar ul .editor-active:last-child a:hover {
  1009. border-right: 1px solid transparent;
  1010. }
  1011. #admin-main .grav-editor-toolbar ul .button-disabled a {
  1012. color: rgba(111, 123, 138, 0.5);
  1013. }
  1014. #admin-main .grav-editor-toolbar ul .button-disabled a:hover, #admin-main .grav-editor-toolbar ul .button-disabled a:focus {
  1015. background: white;
  1016. color: #6f7b8a;
  1017. border-left: 1px solid transparent;
  1018. border-right: 1px solid transparent;
  1019. }
  1020. #admin-main .grav-editor-hide-toolbar + div {
  1021. border: 1px solid #e6e6e6;
  1022. }
  1023. .grav-editor-content, .grav-editor-preview {
  1024. border: 1px solid #e6e6e6;
  1025. border-top: 0;
  1026. }
  1027. .grav-mdeditor-content {
  1028. border: 1px solid #e6e6e6;
  1029. }
  1030. [data-mode=split] .grav-mdeditor-code {
  1031. border-right: 1px solid #e6e6e6;
  1032. }
  1033. .primary-accent .ct-chart .ct-series.ct-series-a .ct-bar {
  1034. stroke: rgba(255, 255, 255, 0.85) !important;
  1035. }
  1036. .primary-accent .ct-chart .ct-series.ct-series-a .ct-slice-donut {
  1037. stroke: #ffffff !important;
  1038. }
  1039. .primary-accent .ct-chart .ct-series.ct-series-b .ct-slice-donut {
  1040. stroke: rgba(255, 255, 255, 0.2) !important;
  1041. }
  1042. .primary-accent .ct-chart .ct-label {
  1043. fill: rgba(255, 255, 255, 0.5);
  1044. color: rgba(255, 255, 255, 0.5);
  1045. }
  1046. .primary-accent .ct-chart .ct-grid {
  1047. stroke: rgba(255, 255, 255, 0.2);
  1048. }
  1049. .secondary-accent .ct-chart .ct-series.ct-series-a .ct-bar {
  1050. stroke: rgba(255, 255, 255, 0.85) !important;
  1051. }
  1052. .secondary-accent .ct-chart .ct-series.ct-series-a .ct-slice-donut {
  1053. stroke: #ffffff !important;
  1054. }
  1055. .secondary-accent .ct-chart .ct-series.ct-series-b .ct-slice-donut {
  1056. stroke: rgba(255, 255, 255, 0.2) !important;
  1057. }
  1058. .secondary-accent .ct-chart .ct-label {
  1059. fill: rgba(255, 255, 255, 0.5);
  1060. color: rgba(255, 255, 255, 0.5);
  1061. }
  1062. .secondary-accent .ct-chart .ct-grid {
  1063. stroke: rgba(255, 255, 255, 0.2);
  1064. }
  1065. .dropzone {
  1066. background: #fcfcfc;
  1067. border: 1px #e6e6e6 solid;
  1068. }
  1069. .dropzone.dz-drag-hover {
  1070. border-color: #ccc;
  1071. background: rgba(0, 0, 0, 0.04);
  1072. }
  1073. .dropzone .dz-preview {
  1074. border: 1px solid #f2f2f2;
  1075. }
  1076. .dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark {
  1077. color: #ffffff;
  1078. }
  1079. .dropzone .dz-preview .dz-success-mark {
  1080. background-color: #0daeff;
  1081. }
  1082. .dropzone .dz-preview .dz-error-mark {
  1083. background-color: #F45857;
  1084. }
  1085. .dropzone .dz-preview .dz-progress {
  1086. background: #d7d7d7;
  1087. }
  1088. .dropzone .dz-preview .dz-progress .dz-upload {
  1089. background-color: #0daeff;
  1090. }
  1091. .dropzone .dz-preview .dz-error-message {
  1092. background: white;
  1093. color: #F45857;
  1094. }
  1095. .dropzone .dz-preview:hover .dz-details {
  1096. box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.4);
  1097. }
  1098. .dropzone .dz-preview .dz-remove, .dropzone .dz-preview .dz-unset, .dropzone .dz-preview .dz-view, .dropzone .dz-preview .dz-insert, .dropzone .dz-preview .dz-metadata {
  1099. background: #ededed;
  1100. }
  1101. .dropzone .dz-preview .dz-remove:hover:after, .dropzone .dz-preview .dz-unset:hover:after, .dropzone .dz-preview .dz-view:hover:after, .dropzone .dz-preview .dz-insert:hover:after, .dropzone .dz-preview .dz-metadata:hover:after {
  1102. color: #0090D9;
  1103. }
  1104. .dropzone .dz-preview .dz-remove:after, .dropzone .dz-preview .dz-unset:after, .dropzone .dz-preview .dz-view:after, .dropzone .dz-preview .dz-insert:after, .dropzone .dz-preview .dz-metadata:after {
  1105. color: #6f7b8a;
  1106. }
  1107. .dropzone .dz-preview .dz-remove:hover:after {
  1108. color: #F45857;
  1109. }
  1110. .dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message span {
  1111. color: #a7afb8;
  1112. }
  1113. .dropzone.dz-clickable .dz-message .dz-button, .dropzone.dz-clickable .dz-message span .dz-button {
  1114. background-color: #f2f2f2;
  1115. }
  1116. .gpm > table > tbody > tr {
  1117. border-bottom: 1px solid #f7f7f7;
  1118. }
  1119. .gpm > table > tbody > tr:hover {
  1120. background: #f2f2f2;
  1121. }
  1122. .gpm .gpm-name {
  1123. color: #99a2ad;
  1124. }
  1125. .gpm .gpm-version {
  1126. color: #8b95a1;
  1127. }
  1128. .gpm .gpm-ribbon, .gpm .badge.update {
  1129. background: #77559D;
  1130. }
  1131. .gpm .gpm-ribbon a, .gpm .gpm-ribbon, .gpm .badge.update a, .gpm .badge.update {
  1132. color: #ffffff !important;
  1133. }
  1134. .gpm .gpm-ribbon a:hover, .gpm .gpm-ribbon:hover, .gpm .badge.update a:hover, .gpm .badge.update:hover {
  1135. background: #654885;
  1136. }
  1137. .gpm .gpm-update .gpm-name {
  1138. color: #0090D9;
  1139. }
  1140. .gpm .gpm-item-info {
  1141. border-bottom: 3px solid #f7f7f7;
  1142. }
  1143. .gpm .gpm-item-info .gpm-item-icon {
  1144. color: #fafafa;
  1145. }
  1146. .gpm .gpm-actions .disabled {
  1147. color: #8b95a1;
  1148. }
  1149. .gpm .gpm-testing {
  1150. background-color: #06A599;
  1151. color: #ffffff;
  1152. }
  1153. .pages-list {
  1154. border-top: 1px solid #f7f7f7;
  1155. }
  1156. .pages-list .row {
  1157. border-bottom: 1px solid #f7f7f7;
  1158. }
  1159. .pages-list .row:hover {
  1160. background: white;
  1161. }
  1162. .pages-list .row p.page-route {
  1163. color: #6f7b8a;
  1164. }
  1165. .pages-list .row p.page-route .spacer {
  1166. color: #6f7b8a;
  1167. }
  1168. .pages-list .row .badge.lang {
  1169. background-color: #e6e6e6;
  1170. color: #808080;
  1171. }
  1172. .pages-list .row .badge.lang.info {
  1173. background-color: #77559D;
  1174. color: #ffffff;
  1175. }
  1176. .pages-list .page-home {
  1177. color: #8b95a1;
  1178. }
  1179. .pages-list .page-info {
  1180. color: #8b95a1;
  1181. }
  1182. #admin-topbar #admin-lang-toggle {
  1183. z-index: 3;
  1184. }
  1185. #admin-topbar #admin-lang-toggle button {
  1186. color: rgba(255, 255, 255, 0.85);
  1187. border-radius: 4px;
  1188. background: #77559D;
  1189. }
  1190. #admin-topbar #admin-lang-toggle button:focus, #admin-topbar #admin-lang-toggle button:hover {
  1191. background: #8b6fac;
  1192. color: #ffffff;
  1193. }
  1194. #admin-topbar #admin-lang-toggle button.dropdown-toggle {
  1195. border-left: 1px solid #6a4c8c;
  1196. }
  1197. #admin-topbar #admin-lang-toggle .dropdown-menu {
  1198. background: #77559D;
  1199. }
  1200. #admin-topbar .switch-grav {
  1201. background-color: white;
  1202. }
  1203. #admin-topbar .switch-toggle input:checked + label {
  1204. color: #ffffff;
  1205. }
  1206. #admin-topbar .switch-toggle input + label {
  1207. color: #808080;
  1208. background: #d9d9d9;
  1209. }
  1210. #admin-topbar .switch-toggle input.highlight:checked + label {
  1211. background: #0090D9;
  1212. }
  1213. body .selectize-dropdown .optgroup-header {
  1214. color: #000000;
  1215. border-bottom: 1px solid #eee;
  1216. background-color: #fafafa;
  1217. }
  1218. body .bootstrap-datetimepicker-widget.dropdown-menu.bottom {
  1219. background-color: #fcfcfc;
  1220. color: #646e7c;
  1221. border-color: #e6e6e6;
  1222. }
  1223. body .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
  1224. border-bottom-color: #e6e6e6;
  1225. }
  1226. body .bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
  1227. border-bottom-color: #fcfcfc;
  1228. }
  1229. body .bootstrap-datetimepicker-widget table td span:hover, body .bootstrap-datetimepicker-widget table th:hover, body .bootstrap-datetimepicker-widget table td.day:hover {
  1230. background: whitesmoke !important;
  1231. }
  1232. body .bootstrap-datetimepicker-widget table td.active, body .bootstrap-datetimepicker-widget table td.active:hover {
  1233. background-color: #77559D !important;
  1234. color: #ffffff !important;
  1235. }
  1236. .scheduler-content pre {
  1237. background: #fafafa;
  1238. border-color: #e6e6e6;
  1239. }
  1240. .scheduler-content pre code {
  1241. color: #414147;
  1242. }
  1243. #phpinfo th {
  1244. background: #fcfcfc;
  1245. }
  1246. #phpinfo td {
  1247. word-wrap: break-word;
  1248. }
  1249. #phpinfo td:first-child {
  1250. color: #414147;
  1251. }
  1252. .remodal {
  1253. background: #ffffff;
  1254. color: #6f7b8a;
  1255. }
  1256. .remodal-close {
  1257. color: #6f7b8a;
  1258. }
  1259. .remodal-close:hover, .remodal-close:focus {
  1260. color: #424951;
  1261. }
  1262. * {
  1263. /* Works on Chrome/Edge/Safari */
  1264. }
  1265. * {
  1266. scrollbar-width: thin;
  1267. scrollbar-color: rgba(111, 123, 138, 0.4) #ffffff;
  1268. }
  1269. *::-webkit-scrollbar {
  1270. width: 6px;
  1271. height: 6px;
  1272. }
  1273. *::-webkit-scrollbar-track {
  1274. background: #ffffff;
  1275. }
  1276. *::-webkit-scrollbar-thumb {
  1277. background-color: rgba(111, 123, 138, 0.4);
  1278. }
  1279. .simplebar-scrollbar:before {
  1280. background-color: #6f7b8a;
  1281. }
  1282. #admin-sidebar .simplebar-scrollbar:before {
  1283. background-color: #B7B9BD;
  1284. }
  1285. #page-filtering .page-shortcuts .button {
  1286. color: rgba(255, 255, 255, 0.85);
  1287. border-radius: 4px;
  1288. background: rgba(100, 110, 124, 0.5);
  1289. }
  1290. #page-filtering .page-shortcuts .button:focus, #page-filtering .page-shortcuts .button:hover {
  1291. background: rgba(153, 160, 169, 0.575);
  1292. color: #ffffff;
  1293. }
  1294. #page-filtering .page-shortcuts .button.dropdown-toggle {
  1295. border-left: 1px solid rgba(88, 98, 110, 0.5);
  1296. }
  1297. .reports-content .report-output table thead tr th {
  1298. background-color: #fafafa;
  1299. color: #414147;
  1300. }
  1301. .preview-wrapper iframe {
  1302. border: 1px solid #eee;
  1303. }
  1304. #backups-stats .backups-usage-wrapper > div {
  1305. background: linear-gradient(-90deg, #006ea6 0, #005d8d 100%);
  1306. }
  1307. #backups-stats .backups-usage-wrapper > div.full {
  1308. background: linear-gradient(-90deg, #f2403f 0, #8f0a09 100%);
  1309. }
  1310. .logs-output table.noflex td.level .badge.error, .logs-output table.noflex td.level .badge.critical, .logs-output table.noflex td.level .badge.alert {
  1311. background-color: #DC3023;
  1312. color: #fff;
  1313. }
  1314. .logs-output table.noflex td.level .badge.notice, .logs-output table.noflex td.level .badge.warning {
  1315. background-color: #E08A1E;
  1316. color: #fff;
  1317. }
  1318. .logs-output table.noflex td.level .badge.debug {
  1319. background-color: #26A65B;
  1320. color: #fff;
  1321. }
  1322. .logs-output table.noflex td.level .badge.info {
  1323. background-color: #22A7F0;
  1324. color: #fff;
  1325. }
  1326. .logs-output table.noflex td.level .badge.emergency {
  1327. background-color: #8E44AD;
  1328. color: #fff;
  1329. }
  1330. .permission-container {
  1331. overflow: hidden;
  1332. }
  1333. [data-grav-field="parents"] .form-input-wrapper:hover {
  1334. color: #0090D9;
  1335. }
  1336. .grav-loader, .grav-loader:after {
  1337. border-radius: 50%;
  1338. width: 10em;
  1339. height: 10em;
  1340. }
  1341. .grav-loader {
  1342. margin: 60px auto;
  1343. font-size: 10px;
  1344. position: relative;
  1345. text-indent: -9999em;
  1346. border-top: 1.1em solid rgba(111, 123, 138, 0.2);
  1347. border-right: 1.1em solid rgba(111, 123, 138, 0.2);
  1348. border-bottom: 1.1em solid rgba(111, 123, 138, 0.2);
  1349. border-left: 1.1em solid #6f7b8a;
  1350. transform: translateZ(0);
  1351. animation: gravloader 1.1s infinite linear;
  1352. }
  1353. @-webkit-keyframes gravloader {
  1354. 0% {
  1355. -webkit-transform: rotate(0deg);
  1356. transform: rotate(0deg);
  1357. }
  1358. 100% {
  1359. -webkit-transform: rotate(360deg);
  1360. transform: rotate(360deg);
  1361. }
  1362. }
  1363. @keyframes gravloader {
  1364. 0% {
  1365. -webkit-transform: rotate(0deg);
  1366. transform: rotate(0deg);
  1367. }
  1368. 100% {
  1369. -webkit-transform: rotate(360deg);
  1370. transform: rotate(360deg);
  1371. }
  1372. }
  1373. input[type=range].rangefield {
  1374. display: inline-block;
  1375. vertical-align: middle;
  1376. -webkit-appearance: none;
  1377. margin: 10px 0;
  1378. width: 230px;
  1379. background: none;
  1380. }
  1381. input[type=range].rangefield:focus {
  1382. outline: none;
  1383. }
  1384. input[type=range].rangefield::-webkit-slider-runnable-track {
  1385. width: 230px;
  1386. height: 20px;
  1387. cursor: pointer;
  1388. animate: 0.2s;
  1389. border-radius: 25px;
  1390. }
  1391. input[type=range].rangefield::-webkit-slider-thumb {
  1392. height: 24px;
  1393. width: 35px;
  1394. border-radius: 6px;
  1395. cursor: pointer;
  1396. -webkit-appearance: none;
  1397. margin-top: -3px;
  1398. }
  1399. input[type=range].rangefield::-moz-focus-outer {
  1400. border: 0;
  1401. }
  1402. input[type=range].rangefield::-moz-range-track {
  1403. width: 230px;
  1404. height: 20px;
  1405. cursor: pointer;
  1406. animate: 0.2s;
  1407. border-radius: 25px;
  1408. }
  1409. input[type=range].rangefield::-moz-range-progress {
  1410. height: 20px;
  1411. border-radius: 25px;
  1412. }
  1413. input[type=range].rangefield::-moz-range-thumb {
  1414. height: 24px;
  1415. width: 35px;
  1416. border-radius: 6px;
  1417. cursor: pointer;
  1418. }
  1419. input[type=range].rangefield::-ms-track {
  1420. width: 230px;
  1421. height: 20px;
  1422. cursor: pointer;
  1423. animate: 0.2s;
  1424. background: transparent;
  1425. border-color: transparent;
  1426. color: transparent;
  1427. }
  1428. input[type=range].rangefield::-ms-fill-lower, input[type=range].rangefield input[type=range]::-ms-fill-upper {
  1429. border-radius: 50px;
  1430. }
  1431. input[type=range].rangefield::-ms-thumb {
  1432. height: 24px;
  1433. width: 35px;
  1434. border-radius: 6px;
  1435. cursor: pointer;
  1436. }
  1437. input[type=range].rangefield ~ input[type=number].rangefield {
  1438. background: none;
  1439. display: inline-block;
  1440. width: 60px;
  1441. text-align: right;
  1442. border: 0;
  1443. line-height: 16px;
  1444. vertical-align: middle;
  1445. padding: 0 0 0 5px;
  1446. }
  1447. span.range-append {
  1448. display: inline-block;
  1449. line-height: 20px;
  1450. vertical-align: middle;
  1451. margin-left: -3px;
  1452. }
  1453. #pages-filters {
  1454. background: #3D424E;
  1455. color: rgba(183, 185, 189, 0.9);
  1456. }
  1457. #pages-filters .button-border {
  1458. color: #B7B9BD;
  1459. border-radius: 4px;
  1460. border: 1px solid #535a6b;
  1461. color: #B7B9BD !important;
  1462. }
  1463. #pages-filters .button-border:hover {
  1464. border-color: #6d7381;
  1465. color: #B7B9BD;
  1466. }
  1467. #pages-filters .button-border.dropdown-toggle {
  1468. border-left: 1px solid #484e5c;
  1469. }
  1470. #pages-filters .filters-bar input {
  1471. color: #ffffff;
  1472. border-color: #585f70;
  1473. background-color: #4a515f;
  1474. }
  1475. #pages-filters .filters-bar input::-webkit-input-placeholder {
  1476. color: rgba(183, 185, 189, 0.5);
  1477. }
  1478. #pages-filters .filters-bar input::-moz-placeholder {
  1479. color: rgba(183, 185, 189, 0.5);
  1480. }
  1481. #pages-filters .filters-bar input:-moz-placeholder {
  1482. color: rgba(183, 185, 189, 0.5);
  1483. }
  1484. #pages-filters .filters-bar input:-ms-input-placeholder {
  1485. color: rgba(183, 185, 189, 0.5);
  1486. }
  1487. #pages-filters .filters-advanced fieldset {
  1488. border: 1px solid #484e5c;
  1489. }
  1490. #pages-filters .filters-advanced fieldset legend {
  1491. background: #3D424E;
  1492. color: #B7B9BD;
  1493. font-weight: bold;
  1494. }
  1495. #pages-filters form .checkboxes label:before {
  1496. background-color: #4f5565;
  1497. border-color: #585f70;
  1498. color: #ffffff;
  1499. }
  1500. #pages-columns {
  1501. background: #ffffff;
  1502. border-top: 1px solid rgba(230, 230, 230, 0.5);
  1503. }
  1504. #pages-columns.fjs-container .fjs-col {
  1505. border-right: 1px solid rgba(230, 230, 230, 0.5);
  1506. border-bottom: 1px solid rgba(230, 230, 230, 0.5);
  1507. }
  1508. #pages-columns .fjs-item:hover .fjs-info > b {
  1509. color: #0090D9;
  1510. }
  1511. #pages-columns .fjs-item:hover .fjs-action-toggle, #pages-columns .fjs-item:hover .fjs-children {
  1512. color: #0090D9 !important;
  1513. }
  1514. #pages-columns .fjs-item .fjs-icon {
  1515. background-color: #999;
  1516. box-shadow: 0px 0px 0px 1px white;
  1517. }
  1518. #pages-columns .fjs-item .fjs-icon.home {
  1519. background-color: #2980B9;
  1520. }
  1521. #pages-columns .fjs-item .fjs-icon.visible {
  1522. background-color: #3498DB;
  1523. }
  1524. #pages-columns .fjs-item .fjs-icon.lock {
  1525. background-color: #E67E22;
  1526. }
  1527. #pages-columns .fjs-item .fjs-icon.modular {
  1528. background-color: #9B59B6;
  1529. }
  1530. #pages-columns .fjs-item .fjs-icon:after {
  1531. border: 1px solid #ffffff;
  1532. }
  1533. #pages-columns .fjs-item .fjs-icon.badge-published:after {
  1534. background-color: #27AE60;
  1535. }
  1536. #pages-columns .fjs-item .fjs-icon.badge-unpublished:after {
  1537. background-color: #E74C3C;
  1538. }
  1539. #pages-columns .fjs-item .fjs-icon .badge-lang {
  1540. background-color: #e1e1e1;
  1541. color: #737373;
  1542. border: 1px solid #ffffff;
  1543. }
  1544. #pages-columns .fjs-item .fjs-icon .badge-lang.translated {
  1545. background-color: #77559D;
  1546. color: #ffffff;
  1547. }
  1548. #pages-columns .fjs-item .fjs-icon .badge-lang.not-available {
  1549. background-color: #323640;
  1550. color: #ffffff;
  1551. }
  1552. #pages-columns .fjs-item .fjs-info > b {
  1553. color: #6f7b8a;
  1554. }
  1555. #pages-columns .fjs-item .fjs-info > em {
  1556. color: #8b95a1;
  1557. }
  1558. #pages-columns .fjs-item .fjs-actions .child-count {
  1559. background-color: #e6e6e6;
  1560. color: #6f7b8a;
  1561. }
  1562. #pages-columns .fjs-item .fjs-action-toggle {
  1563. color: #0090D9;
  1564. }
  1565. #pages-columns .fjs-item .fjs-action-toggle, #pages-columns .fjs-item .fjs-children {
  1566. color: rgba(111, 123, 138, 0.5);
  1567. border-radius: 4px;
  1568. border: 1px solid #e6e6e6;
  1569. }
  1570. #pages-columns .fjs-item .fjs-action-toggle:hover, #pages-columns .fjs-item .fjs-children:hover {
  1571. border-color: #c3c3c3;
  1572. color: rgba(111, 123, 138, 0.5);
  1573. }
  1574. #pages-columns .fjs-item .fjs-action-toggle.dropdown-toggle, #pages-columns .fjs-item .fjs-children.dropdown-toggle {
  1575. border-left: 1px solid #f2f2f2;
  1576. }
  1577. #pages-columns .fjs-item .fjs-action-toggle:hover, #pages-columns .fjs-item .fjs-children:hover {
  1578. border-color: #d9d9d9;
  1579. }
  1580. #pages-columns .fjs-item > a {
  1581. position: relative;
  1582. }
  1583. #pages-columns .fjs-item.fjs-active > .fjs-item-wrapper {
  1584. background-color: whitesmoke;
  1585. }
  1586. #pages-columns .fjs-item.fjs-active > .fjs-item-wrapper a {
  1587. background: none;
  1588. }
  1589. #pages-columns .fjs-item.filters-hit > .fjs-item-wrapper {
  1590. background-color: #ffffeb;
  1591. }
  1592. #pages-columns .fjs-item.filters-hit.fjs-active > .fjs-item-wrapper {
  1593. background-color: #ffffd6;
  1594. }
  1595. #pages-columns .tags .tag {
  1596. margin: 0 0.15rem;
  1597. }
  1598. #pages-columns .tags .tag-published {
  1599. background-color: #219e0d;
  1600. }
  1601. #pages-columns .tags .tag-visible {
  1602. background-color: #018fd9;
  1603. }
  1604. #pages-columns .tags .tag-non-routable {
  1605. background-color: #ff392a;
  1606. }
  1607. #pages-columns .langs .badge {
  1608. align-items: center;
  1609. background-color: #e1e1e1;
  1610. color: #737373;
  1611. }
  1612. #pages-columns .langs .lang:hover .badge {
  1613. background-color: #0090D9;
  1614. color: #F6F6F6;
  1615. }
  1616. #pages-columns .langs .lang-translated .fa {
  1617. color: #219e0d;
  1618. }
  1619. #pages-columns .langs .lang-non-translated .fa {
  1620. color: #ff392a;
  1621. }
  1622. #pages-columns .dropdown-menu {
  1623. background-color: #f2f2f2 !important;
  1624. }
  1625. #pages-columns .dropdown-menu .divider {
  1626. border-top: 1px solid #e6e6e6;
  1627. }
  1628. #pages-columns .dropdown-menu td, #pages-columns .dropdown-menu thead th {
  1629. border-bottom: 1px solid #e6e6e6;
  1630. }
  1631. #pages-columns .dropdown-menu .dropdown-item {
  1632. color: #6f7b8a;
  1633. background-color: inherit;
  1634. }
  1635. #pages-columns .dropdown-menu .dropdown-item:hover {
  1636. color: #0090D9;
  1637. background-color: #ebebeb !important;
  1638. }
  1639. #pages-columns .dropdown-menu .dropdown-item.danger .fa {
  1640. color: #F45857;
  1641. }
  1642. #pages-columns .dropdown-menu .dropdown-item.danger:hover {
  1643. background-color: #F45857 !important;
  1644. }
  1645. #pages-columns .dropdown-menu .dropdown-item.danger:hover .fa {
  1646. color: #ffffff;
  1647. }
  1648. #pages-columns .dropdown-menu .action-bar {
  1649. background: #ececec;
  1650. }
  1651. #pages-columns .dropdown-menu .action-bar a {
  1652. color: #6f7b8a;
  1653. }
  1654. #pages-columns .dropdown-menu .action-bar a:hover {
  1655. background: #F6F6F6 !important;
  1656. color: #0090D9 !important;
  1657. }
  1658. #pages-columns .dropdown-menu .fa {
  1659. color: #999;
  1660. }
  1661. #pages-columns .dropdown-menu a:not(.lang):hover .fa {
  1662. color: #0090D9;
  1663. }
  1664. #pages-columns .dropdown-menu .infos tr td {
  1665. color: #6f7b8a;
  1666. }
  1667. #pages-columns .dropdown-menu .infos tr td:first-child {
  1668. color: #8b95a1;
  1669. }
  1670. #pages-content-wrapper .fjs-path-bar {
  1671. background-color: #ffffff;
  1672. }
  1673. .breadcrumb-node:hover span {
  1674. text-decoration: none;
  1675. color: #0090D9;
  1676. }
  1677. .breadcrumb-node > i:not(.fa) {
  1678. background-color: #999;
  1679. box-shadow: 0px 0px 0px 1px #fff;
  1680. }
  1681. .breadcrumb-node > i:not(.fa).home {
  1682. background-color: #2980B9;
  1683. }
  1684. .breadcrumb-node > i:not(.fa).visible {
  1685. background-color: #3498DB;
  1686. }
  1687. .breadcrumb-node > i:not(.fa).lock {
  1688. background-color: #E67E22;
  1689. }
  1690. .breadcrumb-node > i:not(.fa).modular {
  1691. background-color: #9B59B6;
  1692. }
  1693. [data-remodal-id].parents-container form > h1 {
  1694. border-bottom: 1px solid #e6e6e6;
  1695. }
  1696. [data-remodal-id].parents-container .fjs-col {
  1697. border-right: 1px solid #e6e6e6;
  1698. }
  1699. [data-remodal-id].parents-container .fjs-item a {
  1700. color: #0090D9;
  1701. }
  1702. .parents-content.fjs-container .fjs-active a {
  1703. background-color: #0090D9;
  1704. color: #ffffff;
  1705. }
  1706. .permissions-container .switch-toggle input.label0:checked + label {
  1707. color: #ffffff;
  1708. background: #C0392B !important;
  1709. }
  1710. .permissions-container .switch-toggle input.label1:checked + label {
  1711. color: #ffffff;
  1712. background-color: #3D9970 !important;
  1713. }
  1714. .permissions-container .badge.badge-denied {
  1715. background: #C0392B !important;
  1716. }
  1717. .permissions-container .badge.badge-access {
  1718. background-color: #3D9970 !important;
  1719. }
  1720. .permissions-container .badge.badge-super {
  1721. background-color: #8E44AD !important;
  1722. }
  1723. .permissions-container fieldset {
  1724. border: 1px solid #e6e6e6;
  1725. }
  1726. .permissions-container fieldset legend {
  1727. background-color: #ffffff;
  1728. color: #414147;
  1729. }
  1730. .permissions-container fieldset fieldset legend {
  1731. border-bottom: 1px solid #e6e6e6;
  1732. }
  1733. .permissions-container .crudp-container .checkboxes.toggleable label {
  1734. border-color: #e6e6e6;
  1735. background-color: #fcfcfc;
  1736. }
  1737. .permissions-container .crudp-container .checkboxes input[type=checkbox] + label:before {
  1738. color: rgba(111, 123, 138, 0.3);
  1739. }
  1740. .permissions-container .crudp-container .checkboxes[data-_check-status="1"] input[type=checkbox] + label {
  1741. background-color: #3D9970;
  1742. color: #ffffff;
  1743. }
  1744. .permissions-container .crudp-container .checkboxes[data-_check-status="1"] input[type=checkbox] + label:before {
  1745. color: #ffffff;
  1746. }
  1747. .permissions-container .crudp-container .checkboxes[data-_check-status="2"] input[type=checkbox] + label {
  1748. background-color: #C0392B;
  1749. color: #ffffff;
  1750. }
  1751. .permissions-container .crudp-container .checkboxes[data-_check-status="2"] input[type=checkbox] + label:before {
  1752. color: #ffffff;
  1753. }
  1754. .permission-container .permission-name span:not(.badge) {
  1755. background-color: #ffffff;
  1756. }
  1757. .permission-container .permission-name span.badge {
  1758. border: 2px solid #ffffff;
  1759. }
  1760. .icon-set {
  1761. background: white;
  1762. }
  1763. .jqCron-cross, .jqCron-selector-title {
  1764. border: 1px solid #e6e6e6;
  1765. }
  1766. .jqCron-container.disable .jqCron-cross:hover, .jqCron-container.disable .jqCron-selector-title:hover, .jqCron-cross, .jqCron-selector-title {
  1767. background: #fcfcfc;
  1768. border-color: #e6e6e6;
  1769. }
  1770. .jqCron-cross:hover, .jqCron-selector-title:hover {
  1771. background-color: #e3e3e3;
  1772. }
  1773. .jqCron-selector-list {
  1774. background-color: #e3e3e3;
  1775. border: 1px solid #e6e6e6;
  1776. }
  1777. .jqCron-selector-list li.selected {
  1778. background: #0090D9;
  1779. color: #ffffff;
  1780. }
  1781. .jqCron-selector-list li:hover {
  1782. background: #fcfcfc;
  1783. }
  1784. .jqCron-error .jqCron-selector-title {
  1785. background: #F45857;
  1786. border: 1px solid #f12827;
  1787. color: #ffffff;
  1788. }
  1789. .jqCron-container.disable * {
  1790. color: #363c43;
  1791. }
  1792. .jqCron-container.disable .jqCron-selector-title {
  1793. background: #ffffff !important;
  1794. }
  1795. .hint-icon {
  1796. color: #06A599;
  1797. }
  1798. #admin-main .admin-block .report-output .toast .btn {
  1799. color: #ffffff;
  1800. border: 1px solid #295;
  1801. background-color: #24a259;
  1802. }
  1803. #admin-main .admin-block .report-output .toast .btn:hover {
  1804. border-color: #209150;
  1805. background-color: #295;
  1806. }
  1807. #admin-main .admin-block .report-output .toast .btn.btn-error {
  1808. border: 1px solid #ab3326;
  1809. background-color: #b33528;
  1810. }
  1811. #admin-main .admin-block .report-output .toast .btn.btn-error:hover {
  1812. border-color: #a33024;
  1813. background-color: #ab3326;
  1814. }
  1815. #admin-main .admin-block .report-output .toast .btn.btn-warning {
  1816. border: 1px solid #d67118;
  1817. background-color: #df7619;
  1818. }
  1819. #admin-main .admin-block .report-output .toast .btn.btn-warning:hover {
  1820. border-color: #cd6d17;
  1821. background-color: #d67118;
  1822. }
  1823. .report-output ul.problems {
  1824. background-color: #ffffff;
  1825. color: #6f7b8a;
  1826. }
  1827. .report-output ul.problems .toast {
  1828. color: #ffffff;
  1829. }
  1830. .report-output ul.problems .toast.toast-success {
  1831. background-color: #27AE60;
  1832. }
  1833. .report-output ul.problems .toast.toast-error {
  1834. background-color: #C0392B;
  1835. }
  1836. .report-output ul.problems .toast.toast-warning {
  1837. background-color: #E67E22;
  1838. }
  1839. .report-output ul.problems ul.details {
  1840. background-color: #ffffff;
  1841. }
  1842. .report-output ul.problems ul.details code {
  1843. color: #0090D9;
  1844. background: rgba(240, 247, 254, 0.8);
  1845. }
  1846. .report-output ul.problems ul.details .menu-item {
  1847. border-top: 1px solid #f7f7f7;
  1848. }
  1849. .report-output ul.problems ul.details .menu-badge .label.label-success {
  1850. background: #27AE60;
  1851. }
  1852. .report-output ul.problems ul.details .menu-badge .label.label-error {
  1853. background: #C0392B;
  1854. }