A self hosted chat application with end-to-end encrypted messaging.
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.

11331 lines
214 KiB

  1. /*!
  2. * Start Bootstrap - SB Admin 2 v4.0.7 (https://startbootstrap.com/template-overviews/sb-admin-2)
  3. * Copyright 2013-2019 [object Object]
  4. * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-sb-admin-2/blob/master/LICENSE)
  5. */
  6. /*!
  7. * Bootstrap v4.3.1 (https://getbootstrap.com/)
  8. * Copyright 2011-2019 The Bootstrap Authors
  9. * Copyright 2011-2019 Twitter, Inc.
  10. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
  11. */
  12. :root {
  13. --blue: #4e73df;
  14. --indigo: #6610f2;
  15. --purple: #6f42c1;
  16. --pink: #e83e8c;
  17. --red: #e74a3b;
  18. --orange: #fd7e14;
  19. --yellow: #f6c23e;
  20. --green: #1cc88a;
  21. --teal: #20c9a6;
  22. --cyan: #36b9cc;
  23. --white: #fff;
  24. --gray: #858796;
  25. --gray-dark: #5a5c69;
  26. --primary: #4e73df;
  27. --secondary: #858796;
  28. --success: #1cc88a;
  29. --info: #36b9cc;
  30. --warning: #f6c23e;
  31. --danger: #e74a3b;
  32. --light: #f8f9fc;
  33. --dark: #5a5c69;
  34. --breakpoint-xs: 0;
  35. --breakpoint-sm: 576px;
  36. --breakpoint-md: 768px;
  37. --breakpoint-lg: 992px;
  38. --breakpoint-xl: 1200px;
  39. --font-family-sans-serif: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  40. --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  41. }
  42. *,
  43. *::before,
  44. *::after {
  45. box-sizing: border-box;
  46. }
  47. html {
  48. font-family: sans-serif;
  49. line-height: 1.15;
  50. -webkit-text-size-adjust: 100%;
  51. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  52. }
  53. article,
  54. aside,
  55. figcaption,
  56. figure,
  57. footer,
  58. header,
  59. hgroup,
  60. main,
  61. nav,
  62. section {
  63. display: block;
  64. }
  65. body {
  66. margin: 0;
  67. font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  68. font-size: 1rem;
  69. font-weight: 400;
  70. line-height: 1.5;
  71. color: #858796;
  72. text-align: left;
  73. background-color: #fff;
  74. color: #ffffff;
  75. }
  76. [tabindex="-1"]:focus {
  77. outline: 0 !important;
  78. }
  79. hr {
  80. box-sizing: content-box;
  81. height: 0;
  82. overflow: visible;
  83. }
  84. h1,
  85. h2,
  86. h3,
  87. h4,
  88. h5,
  89. h6 {
  90. margin-top: 0;
  91. margin-bottom: 0.5rem;
  92. }
  93. p {
  94. margin-top: 0;
  95. margin-bottom: 1rem;
  96. }
  97. abbr[title],
  98. abbr[data-original-title] {
  99. text-decoration: underline;
  100. -webkit-text-decoration: underline dotted;
  101. text-decoration: underline dotted;
  102. cursor: help;
  103. border-bottom: 0;
  104. -webkit-text-decoration-skip-ink: none;
  105. text-decoration-skip-ink: none;
  106. }
  107. address {
  108. margin-bottom: 1rem;
  109. font-style: normal;
  110. line-height: inherit;
  111. }
  112. ol,
  113. ul,
  114. dl {
  115. margin-top: 0;
  116. margin-bottom: 1rem;
  117. }
  118. ol ol,
  119. ul ul,
  120. ol ul,
  121. ul ol {
  122. margin-bottom: 0;
  123. }
  124. dt {
  125. font-weight: 700;
  126. }
  127. dd {
  128. margin-bottom: .5rem;
  129. margin-left: 0;
  130. }
  131. blockquote {
  132. margin: 0 0 1rem;
  133. }
  134. b,
  135. strong {
  136. font-weight: bolder;
  137. }
  138. small {
  139. font-size: 80%;
  140. }
  141. sub,
  142. sup {
  143. position: relative;
  144. font-size: 75%;
  145. line-height: 0;
  146. vertical-align: baseline;
  147. }
  148. sub {
  149. bottom: -.25em;
  150. }
  151. sup {
  152. top: -.5em;
  153. }
  154. a {
  155. color: #4e73df;
  156. text-decoration: none;
  157. background-color: transparent;
  158. }
  159. a:hover {
  160. color: #224abe;
  161. text-decoration: underline;
  162. }
  163. a:not([href]):not([tabindex]) {
  164. color: inherit;
  165. text-decoration: none;
  166. }
  167. a:not([href]):not([tabindex]):hover,
  168. a:not([href]):not([tabindex]):focus {
  169. color: inherit;
  170. text-decoration: none;
  171. }
  172. a:not([href]):not([tabindex]):focus {
  173. outline: 0;
  174. }
  175. pre,
  176. code,
  177. kbd,
  178. samp {
  179. font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  180. font-size: 1em;
  181. }
  182. pre {
  183. margin-top: 0;
  184. margin-bottom: 1rem;
  185. overflow: auto;
  186. }
  187. figure {
  188. margin: 0 0 1rem;
  189. }
  190. img {
  191. vertical-align: middle;
  192. border-style: none;
  193. }
  194. svg {
  195. overflow: hidden;
  196. vertical-align: middle;
  197. }
  198. table {
  199. border-collapse: collapse;
  200. }
  201. caption {
  202. padding-top: 0.75rem;
  203. padding-bottom: 0.75rem;
  204. color: #858796;
  205. text-align: left;
  206. caption-side: bottom;
  207. }
  208. th {
  209. text-align: inherit;
  210. }
  211. label {
  212. display: inline-block;
  213. margin-bottom: 0.5rem;
  214. }
  215. button {
  216. border-radius: 0;
  217. }
  218. button:focus {
  219. outline: 1px dotted;
  220. outline: 5px auto -webkit-focus-ring-color;
  221. }
  222. input,
  223. button,
  224. select,
  225. optgroup,
  226. textarea {
  227. margin: 0;
  228. font-family: inherit;
  229. font-size: inherit;
  230. line-height: inherit;
  231. }
  232. button,
  233. input {
  234. overflow: visible;
  235. }
  236. button,
  237. select {
  238. text-transform: none;
  239. }
  240. select {
  241. word-wrap: normal;
  242. }
  243. button,
  244. [type="button"],
  245. [type="reset"],
  246. [type="submit"] {
  247. -webkit-appearance: button;
  248. }
  249. button:not(:disabled),
  250. [type="button"]:not(:disabled),
  251. [type="reset"]:not(:disabled),
  252. [type="submit"]:not(:disabled) {
  253. cursor: pointer;
  254. }
  255. button::-moz-focus-inner,
  256. [type="button"]::-moz-focus-inner,
  257. [type="reset"]::-moz-focus-inner,
  258. [type="submit"]::-moz-focus-inner {
  259. padding: 0;
  260. border-style: none;
  261. }
  262. input[type="radio"],
  263. input[type="checkbox"] {
  264. box-sizing: border-box;
  265. padding: 0;
  266. }
  267. input[type="date"],
  268. input[type="time"],
  269. input[type="datetime-local"],
  270. input[type="month"] {
  271. -webkit-appearance: listbox;
  272. }
  273. textarea {
  274. overflow: auto;
  275. resize: vertical;
  276. }
  277. fieldset {
  278. min-width: 0;
  279. padding: 0;
  280. margin: 0;
  281. border: 0;
  282. }
  283. legend {
  284. display: block;
  285. width: 100%;
  286. max-width: 100%;
  287. padding: 0;
  288. margin-bottom: .5rem;
  289. font-size: 1.5rem;
  290. line-height: inherit;
  291. color: inherit;
  292. white-space: normal;
  293. }
  294. progress {
  295. vertical-align: baseline;
  296. }
  297. [type="number"]::-webkit-inner-spin-button,
  298. [type="number"]::-webkit-outer-spin-button {
  299. height: auto;
  300. }
  301. [type="search"] {
  302. outline-offset: -2px;
  303. -webkit-appearance: none;
  304. }
  305. [type="search"]::-webkit-search-decoration {
  306. -webkit-appearance: none;
  307. }
  308. ::-webkit-file-upload-button {
  309. font: inherit;
  310. -webkit-appearance: button;
  311. }
  312. output {
  313. display: inline-block;
  314. }
  315. summary {
  316. display: list-item;
  317. cursor: pointer;
  318. }
  319. template {
  320. display: none;
  321. }
  322. [hidden] {
  323. display: none !important;
  324. }
  325. h1,
  326. h2,
  327. h3,
  328. h4,
  329. h5,
  330. h6,
  331. .h1,
  332. .h2,
  333. .h3,
  334. .h4,
  335. .h5,
  336. .h6 {
  337. margin-bottom: 0.5rem;
  338. font-weight: 400;
  339. line-height: 1.2;
  340. }
  341. h1,
  342. .h1 {
  343. font-size: 2.5rem;
  344. }
  345. h2,
  346. .h2 {
  347. font-size: 2rem;
  348. }
  349. h3,
  350. .h3 {
  351. font-size: 1.75rem;
  352. }
  353. h4,
  354. .h4 {
  355. font-size: 1.5rem;
  356. }
  357. h5,
  358. .h5 {
  359. font-size: 1.25rem;
  360. }
  361. h6,
  362. .h6 {
  363. font-size: 1rem;
  364. }
  365. .lead {
  366. font-size: 1.25rem;
  367. font-weight: 300;
  368. }
  369. .display-1 {
  370. font-size: 6rem;
  371. font-weight: 300;
  372. line-height: 1.2;
  373. }
  374. .display-2 {
  375. font-size: 5.5rem;
  376. font-weight: 300;
  377. line-height: 1.2;
  378. }
  379. .display-3 {
  380. font-size: 4.5rem;
  381. font-weight: 300;
  382. line-height: 1.2;
  383. }
  384. .display-4 {
  385. font-size: 3.5rem;
  386. font-weight: 300;
  387. line-height: 1.2;
  388. }
  389. hr {
  390. margin-top: 1rem;
  391. margin-bottom: 1rem;
  392. border: 0;
  393. border-top: 1px solid rgba(0, 0, 0, 0.1);
  394. }
  395. small,
  396. .small {
  397. font-size: 80%;
  398. font-weight: 400;
  399. }
  400. mark,
  401. .mark {
  402. padding: 0.2em;
  403. background-color: #fcf8e3;
  404. }
  405. .list-unstyled {
  406. padding-left: 0;
  407. list-style: none;
  408. }
  409. .list-inline {
  410. padding-left: 0;
  411. list-style: none;
  412. }
  413. .list-inline-item {
  414. display: inline-block;
  415. }
  416. .list-inline-item:not(:last-child) {
  417. margin-right: 0.5rem;
  418. }
  419. .initialism {
  420. font-size: 90%;
  421. text-transform: uppercase;
  422. }
  423. .blockquote {
  424. margin-bottom: 1rem;
  425. font-size: 1.25rem;
  426. }
  427. .blockquote-footer {
  428. display: block;
  429. font-size: 80%;
  430. color: #858796;
  431. }
  432. .blockquote-footer::before {
  433. content: "\2014\00A0";
  434. }
  435. .img-fluid {
  436. max-width: 100%;
  437. height: auto;
  438. }
  439. .img-thumbnail {
  440. padding: 0.25rem;
  441. background-color: #fff;
  442. border: 1px solid #dddfeb;
  443. border-radius: 0.35rem;
  444. max-width: 100%;
  445. height: auto;
  446. }
  447. .figure {
  448. display: inline-block;
  449. }
  450. .figure-img {
  451. margin-bottom: 0.5rem;
  452. line-height: 1;
  453. }
  454. .figure-caption {
  455. font-size: 90%;
  456. color: #858796;
  457. }
  458. code {
  459. font-size: 87.5%;
  460. color: #e83e8c;
  461. word-break: break-word;
  462. }
  463. a>code {
  464. color: inherit;
  465. }
  466. kbd {
  467. padding: 0.2rem 0.4rem;
  468. font-size: 87.5%;
  469. color: #fff;
  470. background-color: #3a3b45;
  471. border-radius: 0.2rem;
  472. }
  473. kbd kbd {
  474. padding: 0;
  475. font-size: 100%;
  476. font-weight: 700;
  477. }
  478. pre {
  479. display: block;
  480. font-size: 87.5%;
  481. color: #3a3b45;
  482. }
  483. pre code {
  484. font-size: inherit;
  485. color: inherit;
  486. word-break: normal;
  487. }
  488. .pre-scrollable {
  489. max-height: 340px;
  490. overflow-y: scroll;
  491. }
  492. .container {
  493. width: 100%;
  494. padding-right: 0.75rem;
  495. padding-left: 0.75rem;
  496. margin-right: auto;
  497. margin-left: auto;
  498. }
  499. @media (min-width: 576px) {
  500. .container {
  501. max-width: 540px;
  502. }
  503. }
  504. @media (min-width: 768px) {
  505. .container {
  506. max-width: 720px;
  507. }
  508. }
  509. @media (min-width: 992px) {
  510. .container {
  511. max-width: 960px;
  512. }
  513. }
  514. @media (min-width: 1200px) {
  515. .container {
  516. max-width: 1140px;
  517. }
  518. }
  519. .container-fluid {
  520. width: 100%;
  521. padding-right: 0.75rem;
  522. padding-left: 0.75rem;
  523. margin-right: auto;
  524. margin-left: auto;
  525. }
  526. .row {
  527. display: flex;
  528. flex-wrap: wrap;
  529. margin-right: -0.75rem;
  530. margin-left: -0.75rem;
  531. }
  532. .no-gutters {
  533. margin-right: 0;
  534. margin-left: 0;
  535. }
  536. .no-gutters>.col,
  537. .no-gutters>[class*="col-"] {
  538. padding-right: 0;
  539. padding-left: 0;
  540. }
  541. .col-1,
  542. .col-2,
  543. .col-3,
  544. .col-4,
  545. .col-5,
  546. .col-6,
  547. .col-7,
  548. .col-8,
  549. .col-9,
  550. .col-10,
  551. .col-11,
  552. .col-12,
  553. .col,
  554. .col-auto,
  555. .col-sm-1,
  556. .col-sm-2,
  557. .col-sm-3,
  558. .col-sm-4,
  559. .col-sm-5,
  560. .col-sm-6,
  561. .col-sm-7,
  562. .col-sm-8,
  563. .col-sm-9,
  564. .col-sm-10,
  565. .col-sm-11,
  566. .col-sm-12,
  567. .col-sm,
  568. .col-sm-auto,
  569. .col-md-1,
  570. .col-md-2,
  571. .col-md-3,
  572. .col-md-4,
  573. .col-md-5,
  574. .col-md-6,
  575. .col-md-7,
  576. .col-md-8,
  577. .col-md-9,
  578. .col-md-10,
  579. .col-md-11,
  580. .col-md-12,
  581. .col-md,
  582. .col-md-auto,
  583. .col-lg-1,
  584. .col-lg-2,
  585. .col-lg-3,
  586. .col-lg-4,
  587. .col-lg-5,
  588. .col-lg-6,
  589. .col-lg-7,
  590. .col-lg-8,
  591. .col-lg-9,
  592. .col-lg-10,
  593. .col-lg-11,
  594. .col-lg-12,
  595. .col-lg,
  596. .col-lg-auto,
  597. .col-xl-1,
  598. .col-xl-2,
  599. .col-xl-3,
  600. .col-xl-4,
  601. .col-xl-5,
  602. .col-xl-6,
  603. .col-xl-7,
  604. .col-xl-8,
  605. .col-xl-9,
  606. .col-xl-10,
  607. .col-xl-11,
  608. .col-xl-12,
  609. .col-xl,
  610. .col-xl-auto {
  611. position: relative;
  612. width: 100%;
  613. padding-right: 0.75rem;
  614. padding-left: 0.75rem;
  615. }
  616. .col {
  617. flex-basis: 0;
  618. flex-grow: 1;
  619. max-width: 100%;
  620. }
  621. .col-auto {
  622. flex: 0 0 auto;
  623. width: auto;
  624. max-width: 100%;
  625. }
  626. .col-1 {
  627. flex: 0 0 8.33333%;
  628. max-width: 8.33333%;
  629. }
  630. .col-2 {
  631. flex: 0 0 16.66667%;
  632. max-width: 16.66667%;
  633. }
  634. .col-3 {
  635. flex: 0 0 25%;
  636. max-width: 25%;
  637. }
  638. .col-4 {
  639. flex: 0 0 33.33333%;
  640. max-width: 33.33333%;
  641. }
  642. .col-5 {
  643. flex: 0 0 41.66667%;
  644. max-width: 41.66667%;
  645. }
  646. .col-6 {
  647. flex: 0 0 50%;
  648. max-width: 50%;
  649. }
  650. .col-7 {
  651. flex: 0 0 58.33333%;
  652. max-width: 58.33333%;
  653. }
  654. .col-8 {
  655. flex: 0 0 66.66667%;
  656. max-width: 66.66667%;
  657. }
  658. .col-9 {
  659. flex: 0 0 75%;
  660. max-width: 75%;
  661. }
  662. .col-10 {
  663. flex: 0 0 83.33333%;
  664. max-width: 83.33333%;
  665. }
  666. .col-11 {
  667. flex: 0 0 91.66667%;
  668. max-width: 91.66667%;
  669. }
  670. .col-12 {
  671. flex: 0 0 100%;
  672. max-width: 100%;
  673. }
  674. .order-first {
  675. order: -1;
  676. }
  677. .order-last {
  678. order: 13;
  679. }
  680. .order-0 {
  681. order: 0;
  682. }
  683. .order-1 {
  684. order: 1;
  685. }
  686. .order-2 {
  687. order: 2;
  688. }
  689. .order-3 {
  690. order: 3;
  691. }
  692. .order-4 {
  693. order: 4;
  694. }
  695. .order-5 {
  696. order: 5;
  697. }
  698. .order-6 {
  699. order: 6;
  700. }
  701. .order-7 {
  702. order: 7;
  703. }
  704. .order-8 {
  705. order: 8;
  706. }
  707. .order-9 {
  708. order: 9;
  709. }
  710. .order-10 {
  711. order: 10;
  712. }
  713. .order-11 {
  714. order: 11;
  715. }
  716. .order-12 {
  717. order: 12;
  718. }
  719. .offset-1 {
  720. margin-left: 8.33333%;
  721. }
  722. .offset-2 {
  723. margin-left: 16.66667%;
  724. }
  725. .offset-3 {
  726. margin-left: 25%;
  727. }
  728. .offset-4 {
  729. margin-left: 33.33333%;
  730. }
  731. .offset-5 {
  732. margin-left: 41.66667%;
  733. }
  734. .offset-6 {
  735. margin-left: 50%;
  736. }
  737. .offset-7 {
  738. margin-left: 58.33333%;
  739. }
  740. .offset-8 {
  741. margin-left: 66.66667%;
  742. }
  743. .offset-9 {
  744. margin-left: 75%;
  745. }
  746. .offset-10 {
  747. margin-left: 83.33333%;
  748. }
  749. .offset-11 {
  750. margin-left: 91.66667%;
  751. }
  752. @media (min-width: 576px) {
  753. .col-sm {
  754. flex-basis: 0;
  755. flex-grow: 1;
  756. max-width: 100%;
  757. }
  758. .col-sm-auto {
  759. flex: 0 0 auto;
  760. width: auto;
  761. max-width: 100%;
  762. }
  763. .col-sm-1 {
  764. flex: 0 0 8.33333%;
  765. max-width: 8.33333%;
  766. }
  767. .col-sm-2 {
  768. flex: 0 0 16.66667%;
  769. max-width: 16.66667%;
  770. }
  771. .col-sm-3 {
  772. flex: 0 0 25%;
  773. max-width: 25%;
  774. }
  775. .col-sm-4 {
  776. flex: 0 0 33.33333%;
  777. max-width: 33.33333%;
  778. }
  779. .col-sm-5 {
  780. flex: 0 0 41.66667%;
  781. max-width: 41.66667%;
  782. }
  783. .col-sm-6 {
  784. flex: 0 0 50%;
  785. max-width: 50%;
  786. }
  787. .col-sm-7 {
  788. flex: 0 0 58.33333%;
  789. max-width: 58.33333%;
  790. }
  791. .col-sm-8 {
  792. flex: 0 0 66.66667%;
  793. max-width: 66.66667%;
  794. }
  795. .col-sm-9 {
  796. flex: 0 0 75%;
  797. max-width: 75%;
  798. }
  799. .col-sm-10 {
  800. flex: 0 0 83.33333%;
  801. max-width: 83.33333%;
  802. }
  803. .col-sm-11 {
  804. flex: 0 0 91.66667%;
  805. max-width: 91.66667%;
  806. }
  807. .col-sm-12 {
  808. flex: 0 0 100%;
  809. max-width: 100%;
  810. }
  811. .order-sm-first {
  812. order: -1;
  813. }
  814. .order-sm-last {
  815. order: 13;
  816. }
  817. .order-sm-0 {
  818. order: 0;
  819. }
  820. .order-sm-1 {
  821. order: 1;
  822. }
  823. .order-sm-2 {
  824. order: 2;
  825. }
  826. .order-sm-3 {
  827. order: 3;
  828. }
  829. .order-sm-4 {
  830. order: 4;
  831. }
  832. .order-sm-5 {
  833. order: 5;
  834. }
  835. .order-sm-6 {
  836. order: 6;
  837. }
  838. .order-sm-7 {
  839. order: 7;
  840. }
  841. .order-sm-8 {
  842. order: 8;
  843. }
  844. .order-sm-9 {
  845. order: 9;
  846. }
  847. .order-sm-10 {
  848. order: 10;
  849. }
  850. .order-sm-11 {
  851. order: 11;
  852. }
  853. .order-sm-12 {
  854. order: 12;
  855. }
  856. .offset-sm-0 {
  857. margin-left: 0;
  858. }
  859. .offset-sm-1 {
  860. margin-left: 8.33333%;
  861. }
  862. .offset-sm-2 {
  863. margin-left: 16.66667%;
  864. }
  865. .offset-sm-3 {
  866. margin-left: 25%;
  867. }
  868. .offset-sm-4 {
  869. margin-left: 33.33333%;
  870. }
  871. .offset-sm-5 {
  872. margin-left: 41.66667%;
  873. }
  874. .offset-sm-6 {
  875. margin-left: 50%;
  876. }
  877. .offset-sm-7 {
  878. margin-left: 58.33333%;
  879. }
  880. .offset-sm-8 {
  881. margin-left: 66.66667%;
  882. }
  883. .offset-sm-9 {
  884. margin-left: 75%;
  885. }
  886. .offset-sm-10 {
  887. margin-left: 83.33333%;
  888. }
  889. .offset-sm-11 {
  890. margin-left: 91.66667%;
  891. }
  892. }
  893. @media (min-width: 768px) {
  894. .col-md {
  895. flex-basis: 0;
  896. flex-grow: 1;
  897. max-width: 100%;
  898. }
  899. .col-md-auto {
  900. flex: 0 0 auto;
  901. width: auto;
  902. max-width: 100%;
  903. }
  904. .col-md-1 {
  905. flex: 0 0 8.33333%;
  906. max-width: 8.33333%;
  907. }
  908. .col-md-2 {
  909. flex: 0 0 16.66667%;
  910. max-width: 16.66667%;
  911. }
  912. .col-md-3 {
  913. flex: 0 0 25%;
  914. max-width: 25%;
  915. }
  916. .col-md-4 {
  917. flex: 0 0 33.33333%;
  918. max-width: 33.33333%;
  919. }
  920. .col-md-5 {
  921. flex: 0 0 41.66667%;
  922. max-width: 41.66667%;
  923. }
  924. .col-md-6 {
  925. flex: 0 0 50%;
  926. max-width: 50%;
  927. }
  928. .col-md-7 {
  929. flex: 0 0 58.33333%;
  930. max-width: 58.33333%;
  931. }
  932. .col-md-8 {
  933. flex: 0 0 66.66667%;
  934. max-width: 66.66667%;
  935. }
  936. .col-md-9 {
  937. flex: 0 0 75%;
  938. max-width: 75%;
  939. }
  940. .col-md-10 {
  941. flex: 0 0 83.33333%;
  942. max-width: 83.33333%;
  943. }
  944. .col-md-11 {
  945. flex: 0 0 91.66667%;
  946. max-width: 91.66667%;
  947. }
  948. .col-md-12 {
  949. flex: 0 0 100%;
  950. max-width: 100%;
  951. }
  952. .order-md-first {
  953. order: -1;
  954. }
  955. .order-md-last {
  956. order: 13;
  957. }
  958. .order-md-0 {
  959. order: 0;
  960. }
  961. .order-md-1 {
  962. order: 1;
  963. }
  964. .order-md-2 {
  965. order: 2;
  966. }
  967. .order-md-3 {
  968. order: 3;
  969. }
  970. .order-md-4 {
  971. order: 4;
  972. }
  973. .order-md-5 {
  974. order: 5;
  975. }
  976. .order-md-6 {
  977. order: 6;
  978. }
  979. .order-md-7 {
  980. order: 7;
  981. }
  982. .order-md-8 {
  983. order: 8;
  984. }
  985. .order-md-9 {
  986. order: 9;
  987. }
  988. .order-md-10 {
  989. order: 10;
  990. }
  991. .order-md-11 {
  992. order: 11;
  993. }
  994. .order-md-12 {
  995. order: 12;
  996. }
  997. .offset-md-0 {
  998. margin-left: 0;
  999. }
  1000. .offset-md-1 {
  1001. margin-left: 8.33333%;
  1002. }
  1003. .offset-md-2 {
  1004. margin-left: 16.66667%;
  1005. }
  1006. .offset-md-3 {
  1007. margin-left: 25%;
  1008. }
  1009. .offset-md-4 {
  1010. margin-left: 33.33333%;
  1011. }
  1012. .offset-md-5 {
  1013. margin-left: 41.66667%;
  1014. }
  1015. .offset-md-6 {
  1016. margin-left: 50%;
  1017. }
  1018. .offset-md-7 {
  1019. margin-left: 58.33333%;
  1020. }
  1021. .offset-md-8 {
  1022. margin-left: 66.66667%;
  1023. }
  1024. .offset-md-9 {
  1025. margin-left: 75%;
  1026. }
  1027. .offset-md-10 {
  1028. margin-left: 83.33333%;
  1029. }
  1030. .offset-md-11 {
  1031. margin-left: 91.66667%;
  1032. }
  1033. }
  1034. @media (min-width: 992px) {
  1035. .col-lg {
  1036. flex-basis: 0;
  1037. flex-grow: 1;
  1038. max-width: 100%;
  1039. }
  1040. .col-lg-auto {
  1041. flex: 0 0 auto;
  1042. width: auto;
  1043. max-width: 100%;
  1044. }
  1045. .col-lg-1 {
  1046. flex: 0 0 8.33333%;
  1047. max-width: 8.33333%;
  1048. }
  1049. .col-lg-2 {
  1050. flex: 0 0 16.66667%;
  1051. max-width: 16.66667%;
  1052. }
  1053. .col-lg-3 {
  1054. flex: 0 0 25%;
  1055. max-width: 25%;
  1056. }
  1057. .col-lg-4 {
  1058. flex: 0 0 33.33333%;
  1059. max-width: 33.33333%;
  1060. }
  1061. .col-lg-5 {
  1062. flex: 0 0 41.66667%;
  1063. max-width: 41.66667%;
  1064. }
  1065. .col-lg-6 {
  1066. flex: 0 0 50%;
  1067. max-width: 50%;
  1068. }
  1069. .col-lg-7 {
  1070. flex: 0 0 58.33333%;
  1071. max-width: 58.33333%;
  1072. }
  1073. .col-lg-8 {
  1074. flex: 0 0 66.66667%;
  1075. max-width: 66.66667%;
  1076. }
  1077. .col-lg-9 {
  1078. flex: 0 0 75%;
  1079. max-width: 75%;
  1080. }
  1081. .col-lg-10 {
  1082. flex: 0 0 83.33333%;
  1083. max-width: 83.33333%;
  1084. }
  1085. .col-lg-11 {
  1086. flex: 0 0 91.66667%;
  1087. max-width: 91.66667%;
  1088. }
  1089. .col-lg-12 {
  1090. flex: 0 0 100%;
  1091. max-width: 100%;
  1092. }
  1093. .order-lg-first {
  1094. order: -1;
  1095. }
  1096. .order-lg-last {
  1097. order: 13;
  1098. }
  1099. .order-lg-0 {
  1100. order: 0;
  1101. }
  1102. .order-lg-1 {
  1103. order: 1;
  1104. }
  1105. .order-lg-2 {
  1106. order: 2;
  1107. }
  1108. .order-lg-3 {
  1109. order: 3;
  1110. }
  1111. .order-lg-4 {
  1112. order: 4;
  1113. }
  1114. .order-lg-5 {
  1115. order: 5;
  1116. }
  1117. .order-lg-6 {
  1118. order: 6;
  1119. }
  1120. .order-lg-7 {
  1121. order: 7;
  1122. }
  1123. .order-lg-8 {
  1124. order: 8;
  1125. }
  1126. .order-lg-9 {
  1127. order: 9;
  1128. }
  1129. .order-lg-10 {
  1130. order: 10;
  1131. }
  1132. .order-lg-11 {
  1133. order: 11;
  1134. }
  1135. .order-lg-12 {
  1136. order: 12;
  1137. }
  1138. .offset-lg-0 {
  1139. margin-left: 0;
  1140. }
  1141. .offset-lg-1 {
  1142. margin-left: 8.33333%;
  1143. }
  1144. .offset-lg-2 {
  1145. margin-left: 16.66667%;
  1146. }
  1147. .offset-lg-3 {
  1148. margin-left: 25%;
  1149. }
  1150. .offset-lg-4 {
  1151. margin-left: 33.33333%;
  1152. }
  1153. .offset-lg-5 {
  1154. margin-left: 41.66667%;
  1155. }
  1156. .offset-lg-6 {
  1157. margin-left: 50%;
  1158. }
  1159. .offset-lg-7 {
  1160. margin-left: 58.33333%;
  1161. }
  1162. .offset-lg-8 {
  1163. margin-left: 66.66667%;
  1164. }
  1165. .offset-lg-9 {
  1166. margin-left: 75%;
  1167. }
  1168. .offset-lg-10 {
  1169. margin-left: 83.33333%;
  1170. }
  1171. .offset-lg-11 {
  1172. margin-left: 91.66667%;
  1173. }
  1174. }
  1175. @media (min-width: 1200px) {
  1176. .col-xl {
  1177. flex-basis: 0;
  1178. flex-grow: 1;
  1179. max-width: 100%;
  1180. }
  1181. .col-xl-auto {
  1182. flex: 0 0 auto;
  1183. width: auto;
  1184. max-width: 100%;
  1185. }
  1186. .col-xl-1 {
  1187. flex: 0 0 8.33333%;
  1188. max-width: 8.33333%;
  1189. }
  1190. .col-xl-2 {
  1191. flex: 0 0 16.66667%;
  1192. max-width: 16.66667%;
  1193. }
  1194. .col-xl-3 {
  1195. flex: 0 0 25%;
  1196. max-width: 25%;
  1197. }
  1198. .col-xl-4 {
  1199. flex: 0 0 33.33333%;
  1200. max-width: 33.33333%;
  1201. }
  1202. .col-xl-5 {
  1203. flex: 0 0 41.66667%;
  1204. max-width: 41.66667%;
  1205. }
  1206. .col-xl-6 {
  1207. flex: 0 0 50%;
  1208. max-width: 50%;
  1209. }
  1210. .col-xl-7 {
  1211. flex: 0 0 58.33333%;
  1212. max-width: 58.33333%;
  1213. }
  1214. .col-xl-8 {
  1215. flex: 0 0 66.66667%;
  1216. max-width: 66.66667%;
  1217. }
  1218. .col-xl-9 {
  1219. flex: 0 0 75%;
  1220. max-width: 75%;
  1221. }
  1222. .col-xl-10 {
  1223. flex: 0 0 83.33333%;
  1224. max-width: 83.33333%;
  1225. }
  1226. .col-xl-11 {
  1227. flex: 0 0 91.66667%;
  1228. max-width: 91.66667%;
  1229. }
  1230. .col-xl-12 {
  1231. flex: 0 0 100%;
  1232. max-width: 100%;
  1233. }
  1234. .order-xl-first {
  1235. order: -1;
  1236. }
  1237. .order-xl-last {
  1238. order: 13;
  1239. }
  1240. .order-xl-0 {
  1241. order: 0;
  1242. }
  1243. .order-xl-1 {
  1244. order: 1;
  1245. }
  1246. .order-xl-2 {
  1247. order: 2;
  1248. }
  1249. .order-xl-3 {
  1250. order: 3;
  1251. }
  1252. .order-xl-4 {
  1253. order: 4;
  1254. }
  1255. .order-xl-5 {
  1256. order: 5;
  1257. }
  1258. .order-xl-6 {
  1259. order: 6;
  1260. }
  1261. .order-xl-7 {
  1262. order: 7;
  1263. }
  1264. .order-xl-8 {
  1265. order: 8;
  1266. }
  1267. .order-xl-9 {
  1268. order: 9;
  1269. }
  1270. .order-xl-10 {
  1271. order: 10;
  1272. }
  1273. .order-xl-11 {
  1274. order: 11;
  1275. }
  1276. .order-xl-12 {
  1277. order: 12;
  1278. }
  1279. .offset-xl-0 {
  1280. margin-left: 0;
  1281. }
  1282. .offset-xl-1 {
  1283. margin-left: 8.33333%;
  1284. }
  1285. .offset-xl-2 {
  1286. margin-left: 16.66667%;
  1287. }
  1288. .offset-xl-3 {
  1289. margin-left: 25%;
  1290. }
  1291. .offset-xl-4 {
  1292. margin-left: 33.33333%;
  1293. }
  1294. .offset-xl-5 {
  1295. margin-left: 41.66667%;
  1296. }
  1297. .offset-xl-6 {
  1298. margin-left: 50%;
  1299. }
  1300. .offset-xl-7 {
  1301. margin-left: 58.33333%;
  1302. }
  1303. .offset-xl-8 {
  1304. margin-left: 66.66667%;
  1305. }
  1306. .offset-xl-9 {
  1307. margin-left: 75%;
  1308. }
  1309. .offset-xl-10 {
  1310. margin-left: 83.33333%;
  1311. }
  1312. .offset-xl-11 {
  1313. margin-left: 91.66667%;
  1314. }
  1315. }
  1316. .table {
  1317. width: 100%;
  1318. margin-bottom: 1rem;
  1319. color: #858796;
  1320. }
  1321. .table th,
  1322. .table td {
  1323. padding: 0.75rem;
  1324. vertical-align: top;
  1325. border-top: 1px solid #e3e6f0;
  1326. }
  1327. .table thead th {
  1328. vertical-align: bottom;
  1329. border-bottom: 2px solid #e3e6f0;
  1330. }
  1331. .table tbody+tbody {
  1332. border-top: 2px solid #e3e6f0;
  1333. }
  1334. .table-sm th,
  1335. .table-sm td {
  1336. padding: 0.3rem;
  1337. }
  1338. .table-bordered {
  1339. border: 1px solid #e3e6f0;
  1340. }
  1341. .table-bordered th,
  1342. .table-bordered td {
  1343. border: 1px solid #e3e6f0;
  1344. }
  1345. .table-bordered thead th,
  1346. .table-bordered thead td {
  1347. border-bottom-width: 2px;
  1348. }
  1349. .table-borderless th,
  1350. .table-borderless td,
  1351. .table-borderless thead th,
  1352. .table-borderless tbody+tbody {
  1353. border: 0;
  1354. }
  1355. .table-striped tbody tr:nth-of-type(odd) {
  1356. background-color: rgba(0, 0, 0, 0.05);
  1357. }
  1358. .table-hover tbody tr:hover {
  1359. color: #858796;
  1360. background-color: rgba(0, 0, 0, 0.075);
  1361. }
  1362. .table-primary,
  1363. .table-primary>th,
  1364. .table-primary>td {
  1365. background-color: #cdd8f6;
  1366. }
  1367. .table-primary th,
  1368. .table-primary td,
  1369. .table-primary thead th,
  1370. .table-primary tbody+tbody {
  1371. border-color: #a3b6ee;
  1372. }
  1373. .table-hover .table-primary:hover {
  1374. background-color: #b7c7f2;
  1375. }
  1376. .table-hover .table-primary:hover>td,
  1377. .table-hover .table-primary:hover>th {
  1378. background-color: #b7c7f2;
  1379. }
  1380. .table-secondary,
  1381. .table-secondary>th,
  1382. .table-secondary>td {
  1383. background-color: #dddde2;
  1384. }
  1385. .table-secondary th,
  1386. .table-secondary td,
  1387. .table-secondary thead th,
  1388. .table-secondary tbody+tbody {
  1389. border-color: #c0c1c8;
  1390. }
  1391. .table-hover .table-secondary:hover {
  1392. background-color: #cfcfd6;
  1393. }
  1394. .table-hover .table-secondary:hover>td,
  1395. .table-hover .table-secondary:hover>th {
  1396. background-color: #cfcfd6;
  1397. }
  1398. .table-success,
  1399. .table-success>th,
  1400. .table-success>td {
  1401. background-color: #bff0de;
  1402. }
  1403. .table-success th,
  1404. .table-success td,
  1405. .table-success thead th,
  1406. .table-success tbody+tbody {
  1407. border-color: #89e2c2;
  1408. }
  1409. .table-hover .table-success:hover {
  1410. background-color: #aaebd3;
  1411. }
  1412. .table-hover .table-success:hover>td,
  1413. .table-hover .table-success:hover>th {
  1414. background-color: #aaebd3;
  1415. }
  1416. .table-info,
  1417. .table-info>th,
  1418. .table-info>td {
  1419. background-color: #c7ebf1;
  1420. }
  1421. .table-info th,
  1422. .table-info td,
  1423. .table-info thead th,
  1424. .table-info tbody+tbody {
  1425. border-color: #96dbe4;
  1426. }
  1427. .table-hover .table-info:hover {
  1428. background-color: #b3e4ec;
  1429. }
  1430. .table-hover .table-info:hover>td,
  1431. .table-hover .table-info:hover>th {
  1432. background-color: #b3e4ec;
  1433. }
  1434. .table-warning,
  1435. .table-warning>th,
  1436. .table-warning>td {
  1437. background-color: #fceec9;
  1438. }
  1439. .table-warning th,
  1440. .table-warning td,
  1441. .table-warning thead th,
  1442. .table-warning tbody+tbody {
  1443. border-color: #fadf9b;
  1444. }
  1445. .table-hover .table-warning:hover {
  1446. background-color: #fbe6b1;
  1447. }
  1448. .table-hover .table-warning:hover>td,
  1449. .table-hover .table-warning:hover>th {
  1450. background-color: #fbe6b1;
  1451. }
  1452. .table-danger,
  1453. .table-danger>th,
  1454. .table-danger>td {
  1455. background-color: #f8ccc8;
  1456. }
  1457. .table-danger th,
  1458. .table-danger td,
  1459. .table-danger thead th,
  1460. .table-danger tbody+tbody {
  1461. border-color: #f3a199;
  1462. }
  1463. .table-hover .table-danger:hover {
  1464. background-color: #f5b7b1;
  1465. }
  1466. .table-hover .table-danger:hover>td,
  1467. .table-hover .table-danger:hover>th {
  1468. background-color: #f5b7b1;
  1469. }
  1470. .table-light,
  1471. .table-light>th,
  1472. .table-light>td {
  1473. background-color: #fdfdfe;
  1474. }
  1475. .table-light th,
  1476. .table-light td,
  1477. .table-light thead th,
  1478. .table-light tbody+tbody {
  1479. border-color: #fbfcfd;
  1480. }
  1481. .table-hover .table-light:hover {
  1482. background-color: #ececf6;
  1483. }
  1484. .table-hover .table-light:hover>td,
  1485. .table-hover .table-light:hover>th {
  1486. background-color: #ececf6;
  1487. }
  1488. .table-dark,
  1489. .table-dark>th,
  1490. .table-dark>td {
  1491. background-color: #d1d1d5;
  1492. }
  1493. .table-dark th,
  1494. .table-dark td,
  1495. .table-dark thead th,
  1496. .table-dark tbody+tbody {
  1497. border-color: #a9aab1;
  1498. }
  1499. .table-hover .table-dark:hover {
  1500. background-color: #c4c4c9;
  1501. }
  1502. .table-hover .table-dark:hover>td,
  1503. .table-hover .table-dark:hover>th {
  1504. background-color: #c4c4c9;
  1505. }
  1506. .table-active,
  1507. .table-active>th,
  1508. .table-active>td {
  1509. background-color: rgba(0, 0, 0, 0.075);
  1510. }
  1511. .table-hover .table-active:hover {
  1512. background-color: rgba(0, 0, 0, 0.075);
  1513. }
  1514. .table-hover .table-active:hover>td,
  1515. .table-hover .table-active:hover>th {
  1516. background-color: rgba(0, 0, 0, 0.075);
  1517. }
  1518. .table .thead-dark th {
  1519. color: #fff;
  1520. background-color: #5a5c69;
  1521. border-color: #6c6e7e;
  1522. }
  1523. .table .thead-light th {
  1524. color: #6e707e;
  1525. background-color: #eaecf4;
  1526. border-color: #e3e6f0;
  1527. }
  1528. .table-dark {
  1529. color: #fff;
  1530. background-color: #5a5c69;
  1531. }
  1532. .table-dark th,
  1533. .table-dark td,
  1534. .table-dark thead th {
  1535. border-color: #6c6e7e;
  1536. }
  1537. .table-dark.table-bordered {
  1538. border: 0;
  1539. }
  1540. .table-dark.table-striped tbody tr:nth-of-type(odd) {
  1541. background-color: rgba(255, 255, 255, 0.05);
  1542. }
  1543. .table-dark.table-hover tbody tr:hover {
  1544. color: #fff;
  1545. background-color: rgba(255, 255, 255, 0.075);
  1546. }
  1547. @media (max-width: 575.98px) {
  1548. .table-responsive-sm {
  1549. display: block;
  1550. width: 100%;
  1551. overflow-x: auto;
  1552. -webkit-overflow-scrolling: touch;
  1553. }
  1554. .table-responsive-sm>.table-bordered {
  1555. border: 0;
  1556. }
  1557. }
  1558. @media (max-width: 767.98px) {
  1559. .table-responsive-md {
  1560. display: block;
  1561. width: 100%;
  1562. overflow-x: auto;
  1563. -webkit-overflow-scrolling: touch;
  1564. }
  1565. .table-responsive-md>.table-bordered {
  1566. border: 0;
  1567. }
  1568. }
  1569. @media (max-width: 991.98px) {
  1570. .table-responsive-lg {
  1571. display: block;
  1572. width: 100%;
  1573. overflow-x: auto;
  1574. -webkit-overflow-scrolling: touch;
  1575. }
  1576. .table-responsive-lg>.table-bordered {
  1577. border: 0;
  1578. }
  1579. }
  1580. @media (max-width: 1199.98px) {
  1581. .table-responsive-xl {
  1582. display: block;
  1583. width: 100%;
  1584. overflow-x: auto;
  1585. -webkit-overflow-scrolling: touch;
  1586. }
  1587. .table-responsive-xl>.table-bordered {
  1588. border: 0;
  1589. }
  1590. }
  1591. .table-responsive {
  1592. display: block;
  1593. width: 100%;
  1594. overflow-x: auto;
  1595. -webkit-overflow-scrolling: touch;
  1596. }
  1597. .table-responsive>.table-bordered {
  1598. border: 0;
  1599. }
  1600. .form-control {
  1601. display: block;
  1602. width: 100%;
  1603. height: calc(1.5em + 0.75rem + 2px);
  1604. padding: 0.375rem 0.75rem;
  1605. font-size: 1rem;
  1606. font-weight: 400;
  1607. line-height: 1.5;
  1608. color: #6e707e;
  1609. background-color: #fff;
  1610. background-clip: padding-box;
  1611. border: 1px solid #d1d3e2;
  1612. border-radius: 0.35rem;
  1613. transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  1614. }
  1615. @media (prefers-reduced-motion: reduce) {
  1616. .form-control {
  1617. transition: none;
  1618. }
  1619. }
  1620. .form-control::-ms-expand {
  1621. background-color: transparent;
  1622. border: 0;
  1623. }
  1624. .form-control:focus {
  1625. color: #6e707e;
  1626. background-color: #fff;
  1627. border-color: #bac8f3;
  1628. outline: 0;
  1629. box-shadow: 0 0 0 0.2rem rgba(78, 115, 223, 0.25);
  1630. }
  1631. .form-control::-webkit-input-placeholder {
  1632. color: #858796;
  1633. opacity: 1;
  1634. }
  1635. .form-control::-moz-placeholder {
  1636. color: #858796;
  1637. opacity: 1;
  1638. }
  1639. .form-control:-ms-input-placeholder {
  1640. color: #858796;
  1641. opacity: 1;
  1642. }
  1643. .form-control::-ms-input-placeholder {
  1644. color: #858796;
  1645. opacity: 1;
  1646. }
  1647. .form-control::placeholder {
  1648. color: #858796;
  1649. opacity: 1;
  1650. }
  1651. .form-control:disabled,
  1652. .form-control[readonly] {
  1653. background-color: #eaecf4;
  1654. opacity: 1;
  1655. }
  1656. select.form-control:focus::-ms-value {
  1657. color: #6e707e;
  1658. background-color: #fff;
  1659. }
  1660. .form-control-file,
  1661. .form-control-range {
  1662. display: block;
  1663. width: 100%;
  1664. }
  1665. .col-form-label {
  1666. padding-top: calc(0.375rem + 1px);
  1667. padding-bottom: calc(0.375rem + 1px);
  1668. margin-bottom: 0;
  1669. font-size: inherit;
  1670. line-height: 1.5;
  1671. }
  1672. .col-form-label-lg {
  1673. padding-top: calc(0.5rem + 1px);
  1674. padding-bottom: calc(0.5rem + 1px);
  1675. font-size: 1.25rem;
  1676. line-height: 1.5;
  1677. }
  1678. .col-form-label-sm {
  1679. padding-top: calc(0.25rem + 1px);
  1680. padding-bottom: calc(0.25rem + 1px);
  1681. font-size: 0.875rem;
  1682. line-height: 1.5;
  1683. }
  1684. .form-control-plaintext {
  1685. display: block;
  1686. width: 100%;
  1687. padding-top: 0.375rem;
  1688. padding-bottom: 0.375rem;
  1689. margin-bottom: 0;
  1690. line-height: 1.5;
  1691. color: #858796;
  1692. background-color: transparent;
  1693. border: solid transparent;
  1694. border-width: 1px 0;
  1695. }
  1696. .form-control-plaintext.form-control-sm,
  1697. .form-control-plaintext.form-control-lg {
  1698. padding-right: 0;
  1699. padding-left: 0;
  1700. }
  1701. .form-control-sm {
  1702. height: calc(1.5em + 0.5rem + 2px);
  1703. padding: 0.25rem 0.5rem;
  1704. font-size: 0.875rem;
  1705. line-height: 1.5;
  1706. border-radius: 0.2rem;
  1707. }
  1708. .form-control-lg {
  1709. height: calc(1.5em + 1rem + 2px);
  1710. padding: 0.5rem 1rem;
  1711. font-size: 1.25rem;
  1712. line-height: 1.5;
  1713. border-radius: 0.3rem;
  1714. }
  1715. select.form-control[size],
  1716. select.form-control[multiple] {
  1717. height: auto;
  1718. }
  1719. textarea.form-control {
  1720. height: auto;
  1721. }
  1722. .form-group {
  1723. margin-bottom: 1rem;
  1724. }
  1725. .form-text {
  1726. display: block;
  1727. margin-top: 0.25rem;
  1728. }
  1729. .form-row {
  1730. display: flex;
  1731. flex-wrap: wrap;
  1732. margin-right: -5px;
  1733. margin-left: -5px;
  1734. }
  1735. .form-row>.col,
  1736. .form-row>[class*="col-"] {
  1737. padding-right: 5px;
  1738. padding-left: 5px;
  1739. }
  1740. .form-check {
  1741. position: relative;
  1742. display: block;
  1743. padding-left: 1.25rem;
  1744. }
  1745. .form-check-input {
  1746. position: absolute;
  1747. margin-top: 0.3rem;
  1748. margin-left: -1.25rem;
  1749. }
  1750. .form-check-input:disabled~.form-check-label {
  1751. color: #858796;
  1752. }
  1753. .form-check-label {
  1754. margin-bottom: 0;
  1755. }
  1756. .form-check-inline {
  1757. display: inline-flex;
  1758. align-items: center;
  1759. padding-left: 0;
  1760. margin-right: 0.75rem;
  1761. }
  1762. .form-check-inline .form-check-input {
  1763. position: static;
  1764. margin-top: 0;
  1765. margin-right: 0.3125rem;
  1766. margin-left: 0;
  1767. }
  1768. .valid-feedback {
  1769. display: none;
  1770. width: 100%;
  1771. margin-top: 0.25rem;
  1772. font-size: 80%;
  1773. color: #1cc88a;
  1774. }
  1775. .valid-tooltip {
  1776. position: absolute;
  1777. top: 100%;
  1778. z-index: 5;
  1779. display: none;
  1780. max-width: 100%;
  1781. padding: 0.25rem 0.5rem;
  1782. margin-top: .1rem;
  1783. font-size: 0.875rem;
  1784. line-height: 1.5;
  1785. color: #fff;
  1786. background-color: rgba(28, 200, 138, 0.9);
  1787. border-radius: 0.35rem;
  1788. }
  1789. .was-validated .form-control:valid,
  1790. .form-control.is-valid {
  1791. border-color: #1cc88a;
  1792. padding-right: calc(1.5em + 0.75rem);
  1793. background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%231cc88a' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  1794. background-repeat: no-repeat;
  1795. background-position: center right calc(0.375em + 0.1875rem);
  1796. background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
  1797. }
  1798. .was-validated .form-control:valid:focus,
  1799. .form-control.is-valid:focus {
  1800. border-color: #1cc88a;
  1801. box-shadow: 0 0 0 0.2rem rgba(28, 200, 138, 0.25);
  1802. }
  1803. .was-validated .form-control:valid~.valid-feedback,
  1804. .was-validated .form-control:valid~.valid-tooltip,
  1805. .form-control.is-valid~.valid-feedback,
  1806. .form-control.is-valid~.valid-tooltip {
  1807. display: block;
  1808. }
  1809. .was-validated textarea.form-control:valid,
  1810. textarea.form-control.is-valid {
  1811. padding-right: calc(1.5em + 0.75rem);
  1812. background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
  1813. }
  1814. .was-validated .custom-select:valid,
  1815. .custom-select.is-valid {
  1816. border-color: #1cc88a;
  1817. padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem);
  1818. background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%235a5c69' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%231cc88a' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
  1819. }
  1820. .was-validated .custom-select:valid:focus,
  1821. .custom-select.is-valid:focus {
  1822. border-color: #1cc88a;
  1823. box-shadow: 0 0 0 0.2rem rgba(28, 200, 138, 0.25);
  1824. }
  1825. .was-validated .custom-select:valid~.valid-feedback,
  1826. .was-validated .custom-select:valid~.valid-tooltip,
  1827. .custom-select.is-valid~.valid-feedback,
  1828. .custom-select.is-valid~.valid-tooltip {
  1829. display: block;
  1830. }
  1831. .was-validated .form-control-file:valid~.valid-feedback,
  1832. .was-validated .form-control-file:valid~.valid-tooltip,
  1833. .form-control-file.is-valid~.valid-feedback,
  1834. .form-control-file.is-valid~.valid-tooltip {
  1835. display: block;
  1836. }
  1837. .was-validated .form-check-input:valid~.form-check-label,
  1838. .form-check-input.is-valid~.form-check-label {
  1839. color: #1cc88a;
  1840. }
  1841. .was-validated .form-check-input:valid~.valid-feedback,
  1842. .was-validated .form-check-input:valid~.valid-tooltip,
  1843. .form-check-input.is-valid~.valid-feedback,
  1844. .form-check-input.is-valid~.valid-tooltip {
  1845. display: block;
  1846. }
  1847. .was-validated .custom-control-input:valid~.custom-control-label,
  1848. .custom-control-input.is-valid~.custom-control-label {
  1849. color: #1cc88a;
  1850. }
  1851. .was-validated .custom-control-input:valid~.custom-control-label::before,
  1852. .custom-control-input.is-valid~.custom-control-label::before {
  1853. border-color: #1cc88a;
  1854. }
  1855. .was-validated .custom-control-input:valid~.valid-feedback,
  1856. .was-validated .custom-control-input:valid~.valid-tooltip,
  1857. .custom-control-input.is-valid~.valid-feedback,
  1858. .custom-control-input.is-valid~.valid-tooltip {
  1859. display: block;
  1860. }
  1861. .was-validated .custom-control-input:valid:checked~.custom-control-label::before,
  1862. .custom-control-input.is-valid:checked~.custom-control-label::before {
  1863. border-color: #34e3a4;
  1864. background-color: #34e3a4;
  1865. }
  1866. .was-validated .custom-control-input:valid:focus~.custom-control-label::before,
  1867. .custom-control-input.is-valid:focus~.custom-control-label::before {
  1868. box-shadow: 0 0 0 0.2rem rgba(28, 200, 138, 0.25);
  1869. }
  1870. .was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before,
  1871. .custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before {
  1872. border-color: #1cc88a;
  1873. }
  1874. .was-validated .custom-file-input:valid~.custom-file-label,
  1875. .custom-file-input.is-valid~.custom-file-label {
  1876. border-color: #1cc88a;
  1877. }
  1878. .was-validated .custom-file-input:valid~.valid-feedback,
  1879. .was-validated .custom-file-input:valid~.valid-tooltip,
  1880. .custom-file-input.is-valid~.valid-feedback,
  1881. .custom-file-input.is-valid~.valid-tooltip {
  1882. display: block;
  1883. }
  1884. .was-validated .custom-file-input:valid:focus~.custom-file-label,
  1885. .custom-file-input.is-valid:focus~.custom-file-label {
  1886. border-color: #1cc88a;
  1887. box-shadow: 0 0 0 0.2rem rgba(28, 200, 138, 0.25);
  1888. }
  1889. .invalid-feedback {
  1890. display: none;
  1891. width: 100%;
  1892. margin-top: 0.25rem;
  1893. font-size: 80%;
  1894. color: #e74a3b;
  1895. }
  1896. .invalid-tooltip {
  1897. position: absolute;
  1898. top: 100%;
  1899. z-index: 5;
  1900. display: none;
  1901. max-width: 100%;
  1902. padding: 0.25rem 0.5rem;
  1903. margin-top: .1rem;
  1904. font-size: 0.875rem;
  1905. line-height: 1.5;
  1906. color: #fff;
  1907. background-color: rgba(231, 74, 59, 0.9);
  1908. border-radius: 0.35rem;
  1909. }
  1910. .was-validated .form-control:invalid,
  1911. .form-control.is-invalid {
  1912. border-color: #e74a3b;
  1913. padding-right: calc(1.5em + 0.75rem);
  1914. background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23e74a3b' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23e74a3b' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
  1915. background-repeat: no-repeat;
  1916. background-position: center right calc(0.375em + 0.1875rem);
  1917. background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
  1918. }
  1919. .was-validated .form-control:invalid:focus,
  1920. .form-control.is-invalid:focus {
  1921. border-color: #e74a3b;
  1922. box-shadow: 0 0 0 0.2rem rgba(231, 74, 59, 0.25);
  1923. }
  1924. .was-validated .form-control:invalid~.invalid-feedback,
  1925. .was-validated .form-control:invalid~.invalid-tooltip,
  1926. .form-control.is-invalid~.invalid-feedback,
  1927. .form-control.is-invalid~.invalid-tooltip {
  1928. display: block;
  1929. }
  1930. .was-validated textarea.form-control:invalid,
  1931. textarea.form-control.is-invalid {
  1932. padding-right: calc(1.5em + 0.75rem);
  1933. background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
  1934. }
  1935. .was-validated .custom-select:invalid,
  1936. .custom-select.is-invalid {
  1937. border-color: #e74a3b;
  1938. padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem);
  1939. background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%235a5c69' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23e74a3b' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23e74a3b' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
  1940. }
  1941. .was-validated .custom-select:invalid:focus,
  1942. .custom-select.is-invalid:focus {
  1943. border-color: #e74a3b;
  1944. box-shadow: 0 0 0 0.2rem rgba(231, 74, 59, 0.25);
  1945. }
  1946. .was-validated .custom-select:invalid~.invalid-feedback,
  1947. .was-validated .custom-select:invalid~.invalid-tooltip,
  1948. .custom-select.is-invalid~.invalid-feedback,
  1949. .custom-select.is-invalid~.invalid-tooltip {
  1950. display: block;
  1951. }
  1952. .was-validated .form-control-file:invalid~.invalid-feedback,
  1953. .was-validated .form-control-file:invalid~.invalid-tooltip,
  1954. .form-control-file.is-invalid~.invalid-feedback,
  1955. .form-control-file.is-invalid~.invalid-tooltip {
  1956. display: block;
  1957. }
  1958. .was-validated .form-check-input:invalid~.form-check-label,
  1959. .form-check-input.is-invalid~.form-check-label {
  1960. color: #e74a3b;
  1961. }
  1962. .was-validated .form-check-input:invalid~.invalid-feedback,
  1963. .was-validated .form-check-input:invalid~.invalid-tooltip,
  1964. .form-check-input.is-invalid~.invalid-feedback,
  1965. .form-check-input.is-invalid~.invalid-tooltip {
  1966. display: block;
  1967. }
  1968. .was-validated .custom-control-input:invalid~.custom-control-label,
  1969. .custom-control-input.is-invalid~.custom-control-label {
  1970. color: #e74a3b;
  1971. }
  1972. .was-validated .custom-control-input:invalid~.custom-control-label::before,
  1973. .custom-control-input.is-invalid~.custom-control-label::before {
  1974. border-color: #e74a3b;
  1975. }
  1976. .was-validated .custom-control-input:invalid~.invalid-feedback,
  1977. .was-validated .custom-control-input:invalid~.invalid-tooltip,
  1978. .custom-control-input.is-invalid~.invalid-feedback,
  1979. .custom-control-input.is-invalid~.invalid-tooltip {
  1980. display: block;
  1981. }
  1982. .was-validated .custom-control-input:invalid:checked~.custom-control-label::before,
  1983. .custom-control-input.is-invalid:checked~.custom-control-label::before {
  1984. border-color: #ed7468;
  1985. background-color: #ed7468;
  1986. }
  1987. .was-validated .custom-control-input:invalid:focus~.custom-control-label::before,
  1988. .custom-control-input.is-invalid:focus~.custom-control-label::before {
  1989. box-shadow: 0 0 0 0.2rem rgba(231, 74, 59, 0.25);
  1990. }
  1991. .was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before,
  1992. .custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before {
  1993. border-color: #e74a3b;
  1994. }
  1995. .was-validated .custom-file-input:invalid~.custom-file-label,
  1996. .custom-file-input.is-invalid~.custom-file-label {
  1997. border-color: #e74a3b;
  1998. }
  1999. .was-validated .custom-file-input:invalid~.invalid-feedback,
  2000. .was-validated .custom-file-input:invalid~.invalid-tooltip,
  2001. .custom-file-input.is-invalid~.invalid-feedback,
  2002. .custom-file-input.is-invalid~.invalid-tooltip {
  2003. display: block;
  2004. }
  2005. .was-validated .custom-file-input:invalid:focus~.custom-file-label,
  2006. .custom-file-input.is-invalid:focus~.custom-file-label {
  2007. border-color: #e74a3b;
  2008. box-shadow: 0 0 0 0.2rem rgba(231, 74, 59, 0.25);
  2009. }
  2010. .form-inline {
  2011. display: flex;
  2012. flex-flow: row wrap;
  2013. align-items: center;
  2014. }
  2015. .form-inline .form-check {
  2016. width: 100%;
  2017. }
  2018. @media (min-width: 576px) {
  2019. .form-inline label {
  2020. display: flex;
  2021. align-items: center;
  2022. justify-content: center;
  2023. margin-bottom: 0;
  2024. }
  2025. .form-inline .form-group {
  2026. display: flex;
  2027. flex: 0 0 auto;
  2028. flex-flow: row wrap;
  2029. align-items: center;
  2030. margin-bottom: 0;
  2031. }
  2032. .form-inline .form-control {
  2033. display: inline-block;
  2034. width: auto;
  2035. vertical-align: middle;
  2036. }
  2037. .form-inline .form-control-plaintext {
  2038. display: inline-block;
  2039. }
  2040. .form-inline .input-group,
  2041. .form-inline .custom-select {
  2042. width: auto;
  2043. }
  2044. .form-inline .form-check {
  2045. display: flex;
  2046. align-items: center;
  2047. justify-content: center;
  2048. width: auto;
  2049. padding-left: 0;
  2050. }
  2051. .form-inline .form-check-input {
  2052. position: relative;
  2053. flex-shrink: 0;
  2054. margin-top: 0;
  2055. margin-right: 0.25rem;
  2056. margin-left: 0;
  2057. }
  2058. .form-inline .custom-control {
  2059. align-items: center;
  2060. justify-content: center;
  2061. }
  2062. .form-inline .custom-control-label {
  2063. margin-bottom: 0;
  2064. }
  2065. }
  2066. .btn {
  2067. display: inline-block;
  2068. font-weight: 400;
  2069. color: #858796;
  2070. text-align: center;
  2071. vertical-align: middle;
  2072. -webkit-user-select: none;
  2073. -moz-user-select: none;
  2074. -ms-user-select: none;
  2075. user-select: none;
  2076. background-color: transparent;
  2077. border: 1px solid transparent;
  2078. padding: 0.375rem 0.75rem;
  2079. font-size: 1rem;
  2080. line-height: 1.5;
  2081. border-radius: 0.35rem;
  2082. transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  2083. }
  2084. @media (prefers-reduced-motion: reduce) {
  2085. .btn {
  2086. transition: none;
  2087. }
  2088. }
  2089. .btn:hover {
  2090. color: #858796;
  2091. text-decoration: none;
  2092. }
  2093. .btn:focus,
  2094. .btn.focus {
  2095. outline: 0;
  2096. box-shadow: 0 0 0 0.2rem rgba(78, 115, 223, 0.25);
  2097. }
  2098. .btn.disabled,
  2099. .btn:disabled {
  2100. opacity: 0.65;
  2101. }
  2102. a.btn.disabled,
  2103. fieldset:disabled a.btn {
  2104. pointer-events: none;
  2105. }
  2106. .btn-primary {
  2107. color: #fff;
  2108. background-color: #4e73df;
  2109. border-color: #4e73df;
  2110. }
  2111. .btn-primary:hover {
  2112. color: #fff;
  2113. background-color: #2e59d9;
  2114. border-color: #2653d4;
  2115. }
  2116. .btn-primary:focus,
  2117. .btn-primary.focus {
  2118. box-shadow: 0 0 0 0.2rem rgba(105, 136, 228, 0.5);
  2119. }
  2120. .btn-primary.disabled,
  2121. .btn-primary:disabled {
  2122. color: #fff;
  2123. background-color: #4e73df;
  2124. border-color: #4e73df;
  2125. }
  2126. .btn-primary:not(:disabled):not(.disabled):active,
  2127. .btn-primary:not(:disabled):not(.disabled).active,
  2128. .show>.btn-primary.dropdown-toggle {
  2129. color: #fff;
  2130. background-color: #2653d4;
  2131. border-color: #244ec9;
  2132. }
  2133. .btn-primary:not(:disabled):not(.disabled):active:focus,
  2134. .btn-primary:not(:disabled):not(.disabled).active:focus,
  2135. .show>.btn-primary.dropdown-toggle:focus {
  2136. box-shadow: 0 0 0 0.2rem rgba(105, 136, 228, 0.5);
  2137. }
  2138. .btn-secondary {
  2139. color: #fff;
  2140. background-color: #858796;
  2141. border-color: #858796;
  2142. }
  2143. .btn-secondary:hover {
  2144. color: #fff;
  2145. background-color: #717384;
  2146. border-color: #6b6d7d;
  2147. }
  2148. .btn-secondary:focus,
  2149. .btn-secondary.focus {
  2150. box-shadow: 0 0 0 0.2rem rgba(151, 153, 166, 0.5);
  2151. }
  2152. .btn-secondary.disabled,
  2153. .btn-secondary:disabled {
  2154. color: #fff;
  2155. background-color: #858796;
  2156. border-color: #858796;
  2157. }
  2158. .btn-secondary:not(:disabled):not(.disabled):active,
  2159. .btn-secondary:not(:disabled):not(.disabled).active,
  2160. .show>.btn-secondary.dropdown-toggle {
  2161. color: #fff;
  2162. background-color: #6b6d7d;
  2163. border-color: #656776;
  2164. }
  2165. .btn-secondary:not(:disabled):not(.disabled):active:focus,
  2166. .btn-secondary:not(:disabled):not(.disabled).active:focus,
  2167. .show>.btn-secondary.dropdown-toggle:focus {
  2168. box-shadow: 0 0 0 0.2rem rgba(151, 153, 166, 0.5);
  2169. }
  2170. .btn-success {
  2171. color: #fff;
  2172. background-color: #1cc88a;
  2173. border-color: #1cc88a;
  2174. }
  2175. .btn-success:hover {
  2176. color: #fff;
  2177. background-color: #17a673;
  2178. border-color: #169b6b;
  2179. }
  2180. .btn-success:focus,
  2181. .btn-success.focus {
  2182. box-shadow: 0 0 0 0.2rem rgba(62, 208, 156, 0.5);
  2183. }
  2184. .btn-success.disabled,
  2185. .btn-success:disabled {
  2186. color: #fff;
  2187. background-color: #1cc88a;
  2188. border-color: #1cc88a;
  2189. }
  2190. .btn-success:not(:disabled):not(.disabled):active,
  2191. .btn-success:not(:disabled):not(.disabled).active,
  2192. .show>.btn-success.dropdown-toggle {
  2193. color: #fff;
  2194. background-color: #169b6b;
  2195. border-color: #149063;
  2196. }
  2197. .btn-success:not(:disabled):not(.disabled):active:focus,
  2198. .btn-success:not(:disabled):not(.disabled).active:focus,
  2199. .show>.btn-success.dropdown-toggle:focus {
  2200. box-shadow: 0 0 0 0.2rem rgba(62, 208, 156, 0.5);
  2201. }
  2202. .btn-info {
  2203. color: #fff;
  2204. background-color: #36b9cc;
  2205. border-color: #36b9cc;
  2206. }
  2207. .btn-info:hover {
  2208. color: #fff;
  2209. background-color: #2c9faf;
  2210. border-color: #2a96a5;
  2211. }
  2212. .btn-info:focus,
  2213. .btn-info.focus {
  2214. box-shadow: 0 0 0 0.2rem rgba(84, 196, 212, 0.5);
  2215. }
  2216. .btn-info.disabled,
  2217. .btn-info:disabled {
  2218. color: #fff;
  2219. background-color: #36b9cc;
  2220. border-color: #36b9cc;
  2221. }
  2222. .btn-info:not(:disabled):not(.disabled):active,
  2223. .btn-info:not(:disabled):not(.disabled).active,
  2224. .show>.btn-info.dropdown-toggle {
  2225. color: #fff;
  2226. background-color: #2a96a5;
  2227. border-color: #278c9b;
  2228. }
  2229. .btn-info:not(:disabled):not(.disabled):active:focus,
  2230. .btn-info:not(:disabled):not(.disabled).active:focus,
  2231. .show>.btn-info.dropdown-toggle:focus {
  2232. box-shadow: 0 0 0 0.2rem rgba(84, 196, 212, 0.5);
  2233. }
  2234. .btn-warning {
  2235. color: #fff;
  2236. background-color: #f6c23e;
  2237. border-color: #f6c23e;
  2238. }
  2239. .btn-warning:hover {
  2240. color: #fff;
  2241. background-color: #f4b619;
  2242. border-color: #f4b30d;
  2243. }
  2244. .btn-warning:focus,
  2245. .btn-warning.focus {
  2246. box-shadow: 0 0 0 0.2rem rgba(247, 203, 91, 0.5);
  2247. }
  2248. .btn-warning.disabled,
  2249. .btn-warning:disabled {
  2250. color: #fff;
  2251. background-color: #f6c23e;
  2252. border-color: #f6c23e;
  2253. }
  2254. .btn-warning:not(:disabled):not(.disabled):active,
  2255. .btn-warning:not(:disabled):not(.disabled).active,
  2256. .show>.btn-warning.dropdown-toggle {
  2257. color: #fff;
  2258. background-color: #f4b30d;
  2259. border-color: #e9aa0b;
  2260. }
  2261. .btn-warning:not(:disabled):not(.disabled):active:focus,
  2262. .btn-warning:not(:disabled):not(.disabled).active:focus,
  2263. .show>.btn-warning.dropdown-toggle:focus {
  2264. box-shadow: 0 0 0 0.2rem rgba(247, 203, 91, 0.5);
  2265. }
  2266. .btn-danger {
  2267. color: #fff;
  2268. background-color: #e74a3b;
  2269. border-color: #e74a3b;
  2270. }
  2271. .btn-danger:hover {
  2272. color: #fff;
  2273. background-color: #e02d1b;
  2274. border-color: #d52a1a;
  2275. }
  2276. .btn-danger:focus,
  2277. .btn-danger.focus {
  2278. box-shadow: 0 0 0 0.2rem rgba(235, 101, 88, 0.5);
  2279. }
  2280. .btn-danger.disabled,
  2281. .btn-danger:disabled {
  2282. color: #fff;
  2283. background-color: #e74a3b;
  2284. border-color: #e74a3b;
  2285. }
  2286. .btn-danger:not(:disabled):not(.disabled):active,
  2287. .btn-danger:not(:disabled):not(.disabled).active,
  2288. .show>.btn-danger.dropdown-toggle {
  2289. color: #fff;
  2290. background-color: #d52a1a;
  2291. border-color: #ca2819;
  2292. }
  2293. .btn-danger:not(:disabled):not(.disabled):active:focus,
  2294. .btn-danger:not(:disabled):not(.disabled).active:focus,
  2295. .show>.btn-danger.dropdown-toggle:focus {
  2296. box-shadow: 0 0 0 0.2rem rgba(235, 101, 88, 0.5);
  2297. }
  2298. .btn-light {
  2299. color: #3a3b45;
  2300. background-color: #f8f9fc;
  2301. border-color: #f8f9fc;
  2302. }
  2303. .btn-light:hover {
  2304. color: #3a3b45;
  2305. background-color: #dde2f1;
  2306. border-color: #d4daed;
  2307. }
  2308. .btn-light:focus,
  2309. .btn-light.focus {
  2310. box-shadow: 0 0 0 0.2rem rgba(220, 221, 225, 0.5);
  2311. }
  2312. .btn-light.disabled,
  2313. .btn-light:disabled {
  2314. color: #3a3b45;
  2315. background-color: #f8f9fc;
  2316. border-color: #f8f9fc;
  2317. }
  2318. .btn-light:not(:disabled):not(.disabled):active,
  2319. .btn-light:not(:disabled):not(.disabled).active,
  2320. .show>.btn-light.dropdown-toggle {
  2321. color: #3a3b45;
  2322. background-color: #d4daed;
  2323. border-color: #cbd3e9;
  2324. }
  2325. .btn-light:not(:disabled):not(.disabled):active:focus,
  2326. .btn-light:not(:disabled):not(.disabled).active:focus,
  2327. .show>.btn-light.dropdown-toggle:focus {
  2328. box-shadow: 0 0 0 0.2rem rgba(220, 221, 225, 0.5);
  2329. }
  2330. .btn-dark {
  2331. color: #fff;
  2332. background-color: #5a5c69;
  2333. border-color: #5a5c69;
  2334. }
  2335. .btn-dark:hover {
  2336. color: #fff;
  2337. background-color: #484a54;
  2338. border-color: #42444e;
  2339. }
  2340. .btn-dark:focus,
  2341. .btn-dark.focus {
  2342. box-shadow: 0 0 0 0.2rem rgba(115, 116, 128, 0.5);
  2343. }
  2344. .btn-dark.disabled,
  2345. .btn-dark:disabled {
  2346. color: #fff;
  2347. background-color: #5a5c69;
  2348. border-color: #5a5c69;
  2349. }
  2350. .btn-dark:not(:disabled):not(.disabled):active,
  2351. .btn-dark:not(:disabled):not(.disabled).active,
  2352. .show>.btn-dark.dropdown-toggle {
  2353. color: #fff;
  2354. background-color: #42444e;
  2355. border-color: #3d3e47;
  2356. }
  2357. .btn-dark:not(:disabled):not(.disabled):active:focus,
  2358. .btn-dark:not(:disabled):not(.disabled).active:focus,
  2359. .show>.btn-dark.dropdown-toggle:focus {
  2360. box-shadow: 0 0 0 0.2rem rgba(115, 116, 128, 0.5);
  2361. }
  2362. .btn-outline-primary {
  2363. color: #4e73df;
  2364. border-color: #4e73df;
  2365. }
  2366. .btn-outline-primary:hover {
  2367. color: #fff;
  2368. background-color: #4e73df;
  2369. border-color: #4e73df;
  2370. }
  2371. .btn-outline-primary:focus,
  2372. .btn-outline-primary.focus {
  2373. box-shadow: 0 0 0 0.2rem rgba(78, 115, 223, 0.5);
  2374. }
  2375. .btn-outline-primary.disabled,
  2376. .btn-outline-primary:disabled {
  2377. color: #4e73df;
  2378. background-color: transparent;
  2379. }
  2380. .btn-outline-primary:not(:disabled):not(.disabled):active,
  2381. .btn-outline-primary:not(:disabled):not(.disabled).active,
  2382. .show>.btn-outline-primary.dropdown-toggle {
  2383. color: #fff;
  2384. background-color: #4e73df;
  2385. border-color: #4e73df;
  2386. }
  2387. .btn-outline-primary:not(:disabled):not(.disabled):active:focus,
  2388. .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
  2389. .show>.btn-outline-primary.dropdown-toggle:focus {
  2390. box-shadow: 0 0 0 0.2rem rgba(78, 115, 223, 0.5);
  2391. }
  2392. .btn-outline-secondary {
  2393. color: #858796;
  2394. border-color: #858796;
  2395. }
  2396. .btn-outline-secondary:hover {
  2397. color: #fff;
  2398. background-color: #858796;
  2399. border-color: #858796;
  2400. }
  2401. .btn-outline-secondary:focus,
  2402. .btn-outline-secondary.focus {
  2403. box-shadow: 0 0 0 0.2rem rgba(133, 135, 150, 0.5);
  2404. }
  2405. .btn-outline-secondary.disabled,
  2406. .btn-outline-secondary:disabled {
  2407. color: #858796;
  2408. background-color: transparent;
  2409. }
  2410. .btn-outline-secondary:not(:disabled):not(.disabled):active,
  2411. .btn-outline-secondary:not(:disabled):not(.disabled).active,
  2412. .show>.btn-outline-secondary.dropdown-toggle {
  2413. color: #fff;
  2414. background-color: #858796;
  2415. border-color: #858796;
  2416. }
  2417. .btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
  2418. .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
  2419. .show>.btn-outline-secondary.dropdown-toggle:focus {
  2420. box-shadow: 0 0 0 0.2rem rgba(133, 135, 150, 0.5);
  2421. }
  2422. .btn-outline-success {
  2423. color: #1cc88a;
  2424. border-color: #1cc88a;
  2425. }
  2426. .btn-outline-success:hover {
  2427. color: #fff;
  2428. background-color: #1cc88a;
  2429. border-color: #1cc88a;
  2430. }
  2431. .btn-outline-success:focus,
  2432. .btn-outline-success.focus {
  2433. box-shadow: 0 0 0 0.2rem rgba(28, 200, 138, 0.5);
  2434. }
  2435. .btn-outline-success.disabled,
  2436. .btn-outline-success:disabled {
  2437. color: #1cc88a;
  2438. background-color: transparent;
  2439. }
  2440. .btn-outline-success:not(:disabled):not(.disabled):active,
  2441. .btn-outline-success:not(:disabled):not(.disabled).active,
  2442. .show>.btn-outline-success.dropdown-toggle {
  2443. color: #fff;
  2444. background-color: #1cc88a;
  2445. border-color: #1cc88a;
  2446. }
  2447. .btn-outline-success:not(:disabled):not(.disabled):active:focus,
  2448. .btn-outline-success:not(:disabled):not(.disabled).active:focus,
  2449. .show>.btn-outline-success.dropdown-toggle:focus {
  2450. box-shadow: 0 0 0 0.2rem rgba(28, 200, 138, 0.5);
  2451. }
  2452. .btn-outline-info {
  2453. color: #36b9cc;
  2454. border-color: #36b9cc;
  2455. }
  2456. .btn-outline-info:hover {
  2457. color: #fff;
  2458. background-color: #36b9cc;
  2459. border-color: #36b9cc;
  2460. }
  2461. .btn-outline-info:focus,
  2462. .btn-outline-info.focus {
  2463. box-shadow: 0 0 0 0.2rem rgba(54, 185, 204, 0.5);
  2464. }
  2465. .btn-outline-info.disabled,
  2466. .btn-outline-info:disabled {
  2467. color: #36b9cc;
  2468. background-color: transparent;
  2469. }
  2470. .btn-outline-info:not(:disabled):not(.disabled):active,
  2471. .btn-outline-info:not(:disabled):not(.disabled).active,
  2472. .show>.btn-outline-info.dropdown-toggle {
  2473. color: #fff;
  2474. background-color: #36b9cc;
  2475. border-color: #36b9cc;
  2476. }
  2477. .btn-outline-info:not(:disabled):not(.disabled):active:focus,
  2478. .btn-outline-info:not(:disabled):not(.disabled).active:focus,
  2479. .show>.btn-outline-info.dropdown-toggle:focus {
  2480. box-shadow: 0 0 0 0.2rem rgba(54, 185, 204, 0.5);
  2481. }
  2482. .btn-outline-warning {
  2483. color: #f6c23e;
  2484. border-color: #f6c23e;
  2485. }
  2486. .btn-outline-warning:hover {
  2487. color: #fff;
  2488. background-color: #f6c23e;
  2489. border-color: #f6c23e;
  2490. }
  2491. .btn-outline-warning:focus,
  2492. .btn-outline-warning.focus {
  2493. box-shadow: 0 0 0 0.2rem rgba(246, 194, 62, 0.5);
  2494. }
  2495. .btn-outline-warning.disabled,
  2496. .btn-outline-warning:disabled {
  2497. color: #f6c23e;
  2498. background-color: transparent;
  2499. }
  2500. .btn-outline-warning:not(:disabled):not(.disabled):active,
  2501. .btn-outline-warning:not(:disabled):not(.disabled).active,
  2502. .show>.btn-outline-warning.dropdown-toggle {
  2503. color: #fff;
  2504. background-color: #f6c23e;
  2505. border-color: #f6c23e;
  2506. }
  2507. .btn-outline-warning:not(:disabled):not(.disabled):active:focus,
  2508. .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
  2509. .show>.btn-outline-warning.dropdown-toggle:focus {
  2510. box-shadow: 0 0 0 0.2rem rgba(246, 194, 62, 0.5);
  2511. }
  2512. .btn-outline-danger {
  2513. color: #e74a3b;
  2514. border-color: #e74a3b;
  2515. }
  2516. .btn-outline-danger:hover {
  2517. color: #fff;
  2518. background-color: #e74a3b;
  2519. border-color: #e74a3b;
  2520. }
  2521. .btn-outline-danger:focus,
  2522. .btn-outline-danger.focus {
  2523. box-shadow: 0 0 0 0.2rem rgba(231, 74, 59, 0.5);
  2524. }
  2525. .btn-outline-danger.disabled,
  2526. .btn-outline-danger:disabled {
  2527. color: #e74a3b;
  2528. background-color: transparent;
  2529. }
  2530. .btn-outline-danger:not(:disabled):not(.disabled):active,
  2531. .btn-outline-danger:not(:disabled):not(.disabled).active,
  2532. .show>.btn-outline-danger.dropdown-toggle {
  2533. color: #fff;
  2534. background-color: #e74a3b;
  2535. border-color: #e74a3b;
  2536. }
  2537. .btn-outline-danger:not(:disabled):not(.disabled):active:focus,
  2538. .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
  2539. .show>.btn-outline-danger.dropdown-toggle:focus {
  2540. box-shadow: 0 0 0 0.2rem rgba(231, 74, 59, 0.5);
  2541. }
  2542. .btn-outline-light {
  2543. color: #f8f9fc;
  2544. border-color: #f8f9fc;
  2545. }
  2546. .btn-outline-light:hover {
  2547. color: #3a3b45;
  2548. background-color: #f8f9fc;
  2549. border-color: #f8f9fc;
  2550. }
  2551. .btn-outline-light:focus,
  2552. .btn-outline-light.focus {
  2553. box-shadow: 0 0 0 0.2rem rgba(248, 249, 252, 0.5);
  2554. }
  2555. .btn-outline-light.disabled,
  2556. .btn-outline-light:disabled {
  2557. color: #f8f9fc;
  2558. background-color: transparent;
  2559. }
  2560. .btn-outline-light:not(:disabled):not(.disabled):active,
  2561. .btn-outline-light:not(:disabled):not(.disabled).active,
  2562. .show>.btn-outline-light.dropdown-toggle {
  2563. color: #3a3b45;
  2564. background-color: #f8f9fc;
  2565. border-color: #f8f9fc;
  2566. }
  2567. .btn-outline-light:not(:disabled):not(.disabled):active:focus,
  2568. .btn-outline-light:not(:disabled):not(.disabled).active:focus,
  2569. .show>.btn-outline-light.dropdown-toggle:focus {
  2570. box-shadow: 0 0 0 0.2rem rgba(248, 249, 252, 0.5);
  2571. }
  2572. .btn-outline-dark {
  2573. color: #5a5c69;
  2574. border-color: #5a5c69;
  2575. }
  2576. .btn-outline-dark:hover {
  2577. color: #fff;
  2578. background-color: #5a5c69;
  2579. border-color: #5a5c69;
  2580. }
  2581. .btn-outline-dark:focus,
  2582. .btn-outline-dark.focus {
  2583. box-shadow: 0 0 0 0.2rem rgba(90, 92, 105, 0.5);
  2584. }
  2585. .btn-outline-dark.disabled,
  2586. .btn-outline-dark:disabled {
  2587. color: #5a5c69;
  2588. background-color: transparent;
  2589. }
  2590. .btn-outline-dark:not(:disabled):not(.disabled):active,
  2591. .btn-outline-dark:not(:disabled):not(.disabled).active,
  2592. .show>.btn-outline-dark.dropdown-toggle {
  2593. color: #fff;
  2594. background-color: #5a5c69;
  2595. border-color: #5a5c69;
  2596. }
  2597. .btn-outline-dark:not(:disabled):not(.disabled):active:focus,
  2598. .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
  2599. .show>.btn-outline-dark.dropdown-toggle:focus {
  2600. box-shadow: 0 0 0 0.2rem rgba(90, 92, 105, 0.5);
  2601. }
  2602. .btn-link {
  2603. font-weight: 400;
  2604. color: #4e73df;
  2605. text-decoration: none;
  2606. }
  2607. .btn-link:hover {
  2608. color: #224abe;
  2609. text-decoration: underline;
  2610. }
  2611. .btn-link:focus,
  2612. .btn-link.focus {
  2613. text-decoration: underline;
  2614. box-shadow: none;
  2615. }
  2616. .btn-link:disabled,
  2617. .btn-link.disabled {
  2618. color: #858796;
  2619. pointer-events: none;
  2620. }
  2621. .btn-lg,
  2622. .btn-group-lg>.btn {
  2623. padding: 0.5rem 1rem;
  2624. font-size: 1.25rem;
  2625. line-height: 1.5;
  2626. border-radius: 0.3rem;
  2627. }
  2628. .btn-sm,
  2629. .btn-group-sm>.btn {
  2630. padding: 0.25rem 0.5rem;
  2631. font-size: 0.875rem;
  2632. line-height: 1.5;
  2633. border-radius: 0.2rem;
  2634. }
  2635. .btn-block {
  2636. display: block;
  2637. width: 100%;
  2638. }
  2639. .btn-block+.btn-block {
  2640. margin-top: 0.5rem;
  2641. }
  2642. input[type="submit"].btn-block,
  2643. input[type="reset"].btn-block,
  2644. input[type="button"].btn-block {
  2645. width: 100%;
  2646. }
  2647. .fade {
  2648. transition: opacity 0.15s linear;
  2649. }
  2650. @media (prefers-reduced-motion: reduce) {
  2651. .fade {
  2652. transition: none;
  2653. }
  2654. }
  2655. .fade:not(.show) {
  2656. opacity: 0;
  2657. }
  2658. .collapse:not(.show) {
  2659. display: none;
  2660. }
  2661. .collapsing {
  2662. position: relative;
  2663. height: 0;
  2664. overflow: hidden;
  2665. transition: height 0.15s ease;
  2666. }
  2667. @media (prefers-reduced-motion: reduce) {
  2668. .collapsing {
  2669. transition: none;
  2670. }
  2671. }
  2672. .dropup,
  2673. .dropright,
  2674. .dropdown,
  2675. .dropleft {
  2676. position: relative;
  2677. }
  2678. .dropdown-toggle {
  2679. white-space: nowrap;
  2680. }
  2681. .dropdown-toggle::after {
  2682. display: inline-block;
  2683. margin-left: 0.255em;
  2684. vertical-align: 0.255em;
  2685. content: "";
  2686. border-top: 0.3em solid;
  2687. border-right: 0.3em solid transparent;
  2688. border-bottom: 0;
  2689. border-left: 0.3em solid transparent;
  2690. }
  2691. .dropdown-toggle:empty::after {
  2692. margin-left: 0;
  2693. }
  2694. .dropdown-menu {
  2695. position: absolute;
  2696. top: 100%;
  2697. left: 0;
  2698. z-index: 1000;
  2699. display: none;
  2700. float: left;
  2701. min-width: 10rem;
  2702. padding: 0.5rem 0;
  2703. margin: 0.125rem 0 0;
  2704. font-size: 0.85rem;
  2705. color: #858796;
  2706. text-align: left;
  2707. list-style: none;
  2708. background-color: #fff;
  2709. background-clip: padding-box;
  2710. border: 1px solid #e3e6f0;
  2711. border-radius: 0.35rem;
  2712. }
  2713. .dropdown-menu-left {
  2714. right: auto;
  2715. left: 0;
  2716. }
  2717. .dropdown-menu-right {
  2718. right: 0;
  2719. left: auto;
  2720. }
  2721. @media (min-width: 576px) {
  2722. .dropdown-menu-sm-left {
  2723. right: auto;
  2724. left: 0;
  2725. }
  2726. .dropdown-menu-sm-right {
  2727. right: 0;
  2728. left: auto;
  2729. }
  2730. }
  2731. @media (min-width: 768px) {
  2732. .dropdown-menu-md-left {
  2733. right: auto;
  2734. left: 0;
  2735. }
  2736. .dropdown-menu-md-right {
  2737. right: 0;
  2738. left: auto;
  2739. }
  2740. }
  2741. @media (min-width: 992px) {
  2742. .dropdown-menu-lg-left {
  2743. right: auto;
  2744. left: 0;
  2745. }
  2746. .dropdown-menu-lg-right {
  2747. right: 0;
  2748. left: auto;
  2749. }
  2750. }
  2751. @media (min-width: 1200px) {
  2752. .dropdown-menu-xl-left {
  2753. right: auto;
  2754. left: 0;
  2755. }
  2756. .dropdown-menu-xl-right {
  2757. right: 0;
  2758. left: auto;
  2759. }
  2760. }
  2761. .dropup .dropdown-menu {
  2762. top: auto;
  2763. bottom: 100%;
  2764. margin-top: 0;
  2765. margin-bottom: 0.125rem;
  2766. }
  2767. .dropup .dropdown-toggle::after {
  2768. display: inline-block;
  2769. margin-left: 0.255em;
  2770. vertical-align: 0.255em;
  2771. content: "";
  2772. border-top: 0;
  2773. border-right: 0.3em solid transparent;
  2774. border-bottom: 0.3em solid;
  2775. border-left: 0.3em solid transparent;
  2776. }
  2777. .dropup .dropdown-toggle:empty::after {
  2778. margin-left: 0;
  2779. }
  2780. .dropright .dropdown-menu {
  2781. top: 0;
  2782. right: auto;
  2783. left: 100%;
  2784. margin-top: 0;
  2785. margin-left: 0.125rem;
  2786. }
  2787. .dropright .dropdown-toggle::after {
  2788. display: inline-block;
  2789. margin-left: 0.255em;
  2790. vertical-align: 0.255em;
  2791. content: "";
  2792. border-top: 0.3em solid transparent;
  2793. border-right: 0;
  2794. border-bottom: 0.3em solid transparent;
  2795. border-left: 0.3em solid;
  2796. }
  2797. .dropright .dropdown-toggle:empty::after {
  2798. margin-left: 0;
  2799. }
  2800. .dropright .dropdown-toggle::after {
  2801. vertical-align: 0;
  2802. }
  2803. .dropleft .dropdown-menu {
  2804. top: 0;
  2805. right: 100%;
  2806. left: auto;
  2807. margin-top: 0;
  2808. margin-right: 0.125rem;
  2809. }
  2810. .dropleft .dropdown-toggle::after {
  2811. display: inline-block;
  2812. margin-left: 0.255em;
  2813. vertical-align: 0.255em;
  2814. content: "";
  2815. }
  2816. .dropleft .dropdown-toggle::after {
  2817. display: none;
  2818. }
  2819. .dropleft .dropdown-toggle::before {
  2820. display: inline-block;
  2821. margin-right: 0.255em;
  2822. vertical-align: 0.255em;
  2823. content: "";
  2824. border-top: 0.3em solid transparent;
  2825. border-right: 0.3em solid;
  2826. border-bottom: 0.3em solid transparent;
  2827. }
  2828. .dropleft .dropdown-toggle:empty::after {
  2829. margin-left: 0;
  2830. }
  2831. .dropleft .dropdown-toggle::before {
  2832. vertical-align: 0;
  2833. }
  2834. .dropdown-menu[x-placement^="top"],
  2835. .dropdown-menu[x-placement^="right"],
  2836. .dropdown-menu[x-placement^="bottom"],
  2837. .dropdown-menu[x-placement^="left"] {
  2838. right: auto;
  2839. bottom: auto;
  2840. }
  2841. .dropdown-divider {
  2842. height: 0;
  2843. margin: 0.5rem 0;
  2844. overflow: hidden;
  2845. border-top: 1px solid #eaecf4;
  2846. }
  2847. .dropdown-item {
  2848. display: block;
  2849. width: 100%;
  2850. padding: 0.25rem 1.5rem;
  2851. clear: both;
  2852. font-weight: 400;
  2853. color: #3a3b45;
  2854. text-align: inherit;
  2855. white-space: nowrap;
  2856. background-color: transparent;
  2857. border: 0;
  2858. }
  2859. .dropdown-item:hover,
  2860. .dropdown-item:focus {
  2861. color: #2e2f37;
  2862. text-decoration: none;
  2863. background-color: #f8f9fc;
  2864. }
  2865. .dropdown-item.active,
  2866. .dropdown-item:active {
  2867. color: #fff;
  2868. text-decoration: none;
  2869. background-color: #4e73df;
  2870. }
  2871. .dropdown-item.disabled,
  2872. .dropdown-item:disabled {
  2873. color: #858796;
  2874. pointer-events: none;
  2875. background-color: transparent;
  2876. }
  2877. .dropdown-menu.show {
  2878. display: block;
  2879. }
  2880. .dropdown-header {
  2881. display: block;
  2882. padding: 0.5rem 1.5rem;
  2883. margin-bottom: 0;
  2884. font-size: 0.875rem;
  2885. color: #858796;
  2886. white-space: nowrap;
  2887. }
  2888. .dropdown-item-text {
  2889. display: block;
  2890. padding: 0.25rem 1.5rem;
  2891. color: #3a3b45;
  2892. }
  2893. .btn-group,
  2894. .btn-group-vertical {
  2895. position: relative;
  2896. display: inline-flex;
  2897. vertical-align: middle;
  2898. }
  2899. .btn-group>.btn,
  2900. .btn-group-vertical>.btn {
  2901. position: relative;
  2902. flex: 1 1 auto;
  2903. }
  2904. .btn-group>.btn:hover,
  2905. .btn-group-vertical>.btn:hover {
  2906. z-index: 1;
  2907. }
  2908. .btn-group>.btn:focus,
  2909. .btn-group>.btn:active,
  2910. .btn-group>.btn.active,
  2911. .btn-group-vertical>.btn:focus,
  2912. .btn-group-vertical>.btn:active,
  2913. .btn-group-vertical>.btn.active {
  2914. z-index: 1;
  2915. }
  2916. .btn-toolbar {
  2917. display: flex;
  2918. flex-wrap: wrap;
  2919. justify-content: flex-start;
  2920. }
  2921. .btn-toolbar .input-group {
  2922. width: auto;
  2923. }
  2924. .btn-group>.btn:not(:first-child),
  2925. .btn-group>.btn-group:not(:first-child) {
  2926. margin-left: -1px;
  2927. }
  2928. .btn-group>.btn:not(:last-child):not(.dropdown-toggle),
  2929. .btn-group>.btn-group:not(:last-child)>.btn {
  2930. border-top-right-radius: 0;
  2931. border-bottom-right-radius: 0;
  2932. }
  2933. .btn-group>.btn:not(:first-child),
  2934. .btn-group>.btn-group:not(:first-child)>.btn {
  2935. border-top-left-radius: 0;
  2936. border-bottom-left-radius: 0;
  2937. }
  2938. .dropdown-toggle-split {
  2939. padding-right: 0.5625rem;
  2940. padding-left: 0.5625rem;
  2941. }
  2942. .dropdown-toggle-split::after,
  2943. .dropup .dropdown-toggle-split::after,
  2944. .dropright .dropdown-toggle-split::after {
  2945. margin-left: 0;
  2946. }
  2947. .dropleft .dropdown-toggle-split::before {
  2948. margin-right: 0;
  2949. }
  2950. .btn-sm+.dropdown-toggle-split,
  2951. .btn-group-sm>.btn+.dropdown-toggle-split {
  2952. padding-right: 0.375rem;
  2953. padding-left: 0.375rem;
  2954. }
  2955. .btn-lg+.dropdown-toggle-split,
  2956. .btn-group-lg>.btn+.dropdown-toggle-split {
  2957. padding-right: 0.75rem;
  2958. padding-left: 0.75rem;
  2959. }
  2960. .btn-group-vertical {
  2961. flex-direction: column;
  2962. align-items: flex-start;
  2963. justify-content: center;
  2964. }
  2965. .btn-group-vertical>.btn,
  2966. .btn-group-vertical>.btn-group {
  2967. width: 100%;
  2968. }
  2969. .btn-group-vertical>.btn:not(:first-child),
  2970. .btn-group-vertical>.btn-group:not(:first-child) {
  2971. margin-top: -1px;
  2972. }
  2973. .btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle),
  2974. .btn-group-vertical>.btn-group:not(:last-child)>.btn {
  2975. border-bottom-right-radius: 0;
  2976. border-bottom-left-radius: 0;
  2977. }
  2978. .btn-group-vertical>.btn:not(:first-child),
  2979. .btn-group-vertical>.btn-group:not(:first-child)>.btn {
  2980. border-top-left-radius: 0;
  2981. border-top-right-radius: 0;
  2982. }
  2983. .btn-group-toggle>.btn,
  2984. .btn-group-toggle>.btn-group>.btn {
  2985. margin-bottom: 0;
  2986. }
  2987. .btn-group-toggle>.btn input[type="radio"],
  2988. .btn-group-toggle>.btn input[type="checkbox"],
  2989. .btn-group-toggle>.btn-group>.btn input[type="radio"],
  2990. .btn-group-toggle>.btn-group>.btn input[type="checkbox"] {
  2991. position: absolute;
  2992. clip: rect(0, 0, 0, 0);
  2993. pointer-events: none;
  2994. }
  2995. .input-group {
  2996. position: relative;
  2997. display: flex;
  2998. flex-wrap: wrap;
  2999. align-items: stretch;
  3000. width: 100%;
  3001. }
  3002. .input-group>.form-control,
  3003. .input-group>.form-control-plaintext,
  3004. .input-group>.custom-select,
  3005. .input-group>.custom-file {
  3006. position: relative;
  3007. flex: 1 1 auto;
  3008. width: 1%;
  3009. margin-bottom: 0;
  3010. }
  3011. .input-group>.form-control+.form-control,
  3012. .input-group>.form-control+.custom-select,
  3013. .input-group>.form-control+.custom-file,
  3014. .input-group>.form-control-plaintext+.form-control,
  3015. .input-group>.form-control-plaintext+.custom-select,
  3016. .input-group>.form-control-plaintext+.custom-file,
  3017. .input-group>.custom-select+.form-control,
  3018. .input-group>.custom-select+.custom-select,
  3019. .input-group>.custom-select+.custom-file,
  3020. .input-group>.custom-file+.form-control,
  3021. .input-group>.custom-file+.custom-select,
  3022. .input-group>.custom-file+.custom-file {
  3023. margin-left: -1px;
  3024. }
  3025. .input-group>.form-control:focus,
  3026. .input-group>.custom-select:focus,
  3027. .input-group>.custom-file .custom-file-input:focus~.custom-file-label {
  3028. z-index: 3;
  3029. }
  3030. .input-group>.custom-file .custom-file-input:focus {
  3031. z-index: 4;
  3032. }
  3033. .input-group>.form-control:not(:last-child),
  3034. .input-group>.custom-select:not(:last-child) {
  3035. border-top-right-radius: 0;
  3036. border-bottom-right-radius: 0;
  3037. }
  3038. .input-group>.form-control:not(:first-child),
  3039. .input-group>.custom-select:not(:first-child) {
  3040. border-top-left-radius: 0;
  3041. border-bottom-left-radius: 0;
  3042. }
  3043. .input-group>.custom-file {
  3044. display: flex;
  3045. align-items: center;
  3046. }
  3047. .input-group>.custom-file:not(:last-child) .custom-file-label,
  3048. .input-group>.custom-file:not(:last-child) .custom-file-label::after {
  3049. border-top-right-radius: 0;
  3050. border-bottom-right-radius: 0;
  3051. }
  3052. .input-group>.custom-file:not(:first-child) .custom-file-label {
  3053. border-top-left-radius: 0;
  3054. border-bottom-left-radius: 0;
  3055. }
  3056. .input-group-prepend,
  3057. .input-group-append {
  3058. display: flex;
  3059. }
  3060. .input-group-prepend .btn,
  3061. .input-group-append .btn {
  3062. position: relative;
  3063. z-index: 2;
  3064. }
  3065. .input-group-prepend .btn:focus,
  3066. .input-group-append .btn:focus {
  3067. z-index: 3;
  3068. }
  3069. .input-group-prepend .btn+.btn,
  3070. .input-group-prepend .btn+.input-group-text,
  3071. .input-group-prepend .input-group-text+.input-group-text,
  3072. .input-group-prepend .input-group-text+.btn,
  3073. .input-group-append .btn+.btn,
  3074. .input-group-append .btn+.input-group-text,
  3075. .input-group-append .input-group-text+.input-group-text,
  3076. .input-group-append .input-group-text+.btn {
  3077. margin-left: -1px;
  3078. }
  3079. .input-group-prepend {
  3080. margin-right: -1px;
  3081. }
  3082. .input-group-append {
  3083. margin-left: -1px;
  3084. }
  3085. .input-group-text {
  3086. display: flex;
  3087. align-items: center;
  3088. padding: 0.375rem 0.75rem;
  3089. margin-bottom: 0;
  3090. font-size: 1rem;
  3091. font-weight: 400;
  3092. line-height: 1.5;
  3093. color: #6e707e;
  3094. text-align: center;
  3095. white-space: nowrap;
  3096. background-color: #eaecf4;
  3097. border: 1px solid #d1d3e2;
  3098. border-radius: 0.35rem;
  3099. }
  3100. .input-group-text input[type="radio"],
  3101. .input-group-text input[type="checkbox"] {
  3102. margin-top: 0;
  3103. }
  3104. .input-group-lg>.form-control:not(textarea),
  3105. .input-group-lg>.custom-select {
  3106. height: calc(1.5em + 1rem + 2px);
  3107. }
  3108. .input-group-lg>.form-control,
  3109. .input-group-lg>.custom-select,
  3110. .input-group-lg>.input-group-prepend>.input-group-text,
  3111. .input-group-lg>.input-group-append>.input-group-text,
  3112. .input-group-lg>.input-group-prepend>.btn,
  3113. .input-group-lg>.input-group-append>.btn {
  3114. padding: 0.5rem 1rem;
  3115. font-size: 1.25rem;
  3116. line-height: 1.5;
  3117. border-radius: 0.3rem;
  3118. }
  3119. .input-group-sm>.form-control:not(textarea),
  3120. .input-group-sm>.custom-select {
  3121. height: calc(1.5em + 0.5rem + 2px);
  3122. }
  3123. .input-group-sm>.form-control,
  3124. .input-group-sm>.custom-select,
  3125. .input-group-sm>.input-group-prepend>.input-group-text,
  3126. .input-group-sm>.input-group-append>.input-group-text,
  3127. .input-group-sm>.input-group-prepend>.btn,
  3128. .input-group-sm>.input-group-append>.btn {
  3129. padding: 0.25rem 0.5rem;
  3130. font-size: 0.875rem;
  3131. line-height: 1.5;
  3132. border-radius: 0.2rem;
  3133. }
  3134. .input-group-lg>.custom-select,
  3135. .input-group-sm>.custom-select {
  3136. padding-right: 1.75rem;
  3137. }
  3138. .input-group>.input-group-prepend>.btn,
  3139. .input-group>.input-group-prepend>.input-group-text,
  3140. .input-group>.input-group-append:not(:last-child)>.btn,
  3141. .input-group>.input-group-append:not(:last-child)>.input-group-text,
  3142. .input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),
  3143. .input-group>.input-group-append:last-child>.input-group-text:not(:last-child) {
  3144. border-top-right-radius: 0;
  3145. border-bottom-right-radius: 0;
  3146. }
  3147. .input-group>.input-group-append>.btn,
  3148. .input-group>.input-group-append>.input-group-text,
  3149. .input-group>.input-group-prepend:not(:first-child)>.btn,
  3150. .input-group>.input-group-prepend:not(:first-child)>.input-group-text,
  3151. .input-group>.input-group-prepend:first-child>.btn:not(:first-child),
  3152. .input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child) {
  3153. border-top-left-radius: 0;
  3154. border-bottom-left-radius: 0;
  3155. }
  3156. .custom-control {
  3157. position: relative;
  3158. display: block;
  3159. min-height: 1.5rem;
  3160. padding-left: 1.5rem;
  3161. }
  3162. .custom-control-inline {
  3163. display: inline-flex;
  3164. margin-right: 1rem;
  3165. }
  3166. .custom-control-input {
  3167. position: absolute;
  3168. z-index: -1;
  3169. opacity: 0;
  3170. }
  3171. .custom-control-input:checked~.custom-control-label::before {
  3172. color: #fff;
  3173. border-color: #4e73df;
  3174. background-color: #4e73df;
  3175. }
  3176. .custom-control-input:focus~.custom-control-label::before {
  3177. box-shadow: 0 0 0 0.2rem rgba(78, 115, 223, 0.25);
  3178. }
  3179. .custom-control-input:focus:not(:checked)~.custom-control-label::before {
  3180. border-color: #bac8f3;
  3181. }
  3182. .custom-control-input:not(:disabled):active~.custom-control-label::before {
  3183. color: #fff;
  3184. background-color: #e5ebfa;
  3185. border-color: #e5ebfa;
  3186. }
  3187. .custom-control-input:disabled~.custom-control-label {
  3188. color: #858796;
  3189. }
  3190. .custom-control-input:disabled~.custom-control-label::before {
  3191. background-color: #eaecf4;
  3192. }
  3193. .custom-control-label {
  3194. position: relative;
  3195. margin-bottom: 0;
  3196. vertical-align: top;
  3197. }
  3198. .custom-control-label::before {
  3199. position: absolute;
  3200. top: 0.25rem;
  3201. left: -1.5rem;
  3202. display: block;
  3203. width: 1rem;
  3204. height: 1rem;
  3205. pointer-events: none;
  3206. content: "";
  3207. background-color: #fff;
  3208. border: #b7b9cc solid 1px;
  3209. }
  3210. .custom-control-label::after {
  3211. position: absolute;
  3212. top: 0.25rem;
  3213. left: -1.5rem;
  3214. display: block;
  3215. width: 1rem;
  3216. height: 1rem;
  3217. content: "";
  3218. background: no-repeat 50% / 50% 50%;
  3219. }
  3220. .custom-checkbox .custom-control-label::before {
  3221. border-radius: 0.35rem;
  3222. }
  3223. .custom-checkbox .custom-control-input:checked~.custom-control-label::after {
  3224. background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
  3225. }
  3226. .custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {
  3227. border-color: #4e73df;
  3228. background-color: #4e73df;
  3229. }
  3230. .custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after {
  3231. background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e");
  3232. }
  3233. .custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {
  3234. background-color: rgba(78, 115, 223, 0.5);
  3235. }
  3236. .custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before {
  3237. background-color: rgba(78, 115, 223, 0.5);
  3238. }
  3239. .custom-radio .custom-control-label::before {
  3240. border-radius: 50%;
  3241. }
  3242. .custom-radio .custom-control-input:checked~.custom-control-label::after {
  3243. background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
  3244. }
  3245. .custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
  3246. background-color: rgba(78, 115, 223, 0.5);
  3247. }
  3248. .custom-switch {
  3249. padding-left: 2.25rem;
  3250. }
  3251. .custom-switch .custom-control-label::before {
  3252. left: -2.25rem;
  3253. width: 1.75rem;
  3254. pointer-events: all;
  3255. border-radius: 0.5rem;
  3256. }
  3257. .custom-switch .custom-control-label::after {
  3258. top: calc(0.25rem + 2px);
  3259. left: calc(-2.25rem + 2px);
  3260. width: calc(1rem - 4px);
  3261. height: calc(1rem - 4px);
  3262. background-color: #b7b9cc;
  3263. border-radius: 0.5rem;
  3264. transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  3265. }
  3266. @media (prefers-reduced-motion: reduce) {
  3267. .custom-switch .custom-control-label::after {
  3268. transition: none;
  3269. }
  3270. }
  3271. .custom-switch .custom-control-input:checked~.custom-control-label::after {
  3272. background-color: #fff;
  3273. transform: translateX(0.75rem);
  3274. }
  3275. .custom-switch .custom-control-input:disabled:checked~.custom-control-label::before {
  3276. background-color: rgba(78, 115, 223, 0.5);
  3277. }
  3278. .custom-select {
  3279. display: inline-block;
  3280. width: 100%;
  3281. height: calc(1.5em + 0.75rem + 2px);
  3282. padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  3283. font-size: 1rem;
  3284. font-weight: 400;
  3285. line-height: 1.5;
  3286. color: #6e707e;
  3287. vertical-align: middle;
  3288. background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%235a5c69' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px;
  3289. background-color: #fff;
  3290. border: 1px solid #d1d3e2;
  3291. border-radius: 0.35rem;
  3292. -webkit-appearance: none;
  3293. -moz-appearance: none;
  3294. appearance: none;
  3295. }
  3296. .custom-select:focus {
  3297. border-color: #bac8f3;
  3298. outline: 0;
  3299. box-shadow: 0 0 0 0.2rem rgba(78, 115, 223, 0.25);
  3300. }
  3301. .custom-select:focus::-ms-value {
  3302. color: #6e707e;
  3303. background-color: #fff;
  3304. }
  3305. .custom-select[multiple],
  3306. .custom-select[size]:not([size="1"]) {
  3307. height: auto;
  3308. padding-right: 0.75rem;
  3309. background-image: none;
  3310. }
  3311. .custom-select:disabled {
  3312. color: #858796;
  3313. background-color: #eaecf4;
  3314. }
  3315. .custom-select::-ms-expand {
  3316. display: none;
  3317. }
  3318. .custom-select-sm {
  3319. height: calc(1.5em + 0.5rem + 2px);
  3320. padding-top: 0.25rem;
  3321. padding-bottom: 0.25rem;
  3322. padding-left: 0.5rem;
  3323. font-size: 0.875rem;
  3324. }
  3325. .custom-select-lg {
  3326. height: calc(1.5em + 1rem + 2px);
  3327. padding-top: 0.5rem;
  3328. padding-bottom: 0.5rem;
  3329. padding-left: 1rem;
  3330. font-size: 1.25rem;
  3331. }
  3332. .custom-file {
  3333. position: relative;
  3334. display: inline-block;
  3335. width: 100%;
  3336. height: calc(1.5em + 0.75rem + 2px);
  3337. margin-bottom: 0;
  3338. }
  3339. .custom-file-input {
  3340. position: relative;
  3341. z-index: 2;
  3342. width: 100%;
  3343. height: calc(1.5em + 0.75rem + 2px);
  3344. margin: 0;
  3345. opacity: 0;
  3346. }
  3347. .custom-file-input:focus~.custom-file-label {
  3348. border-color: #bac8f3;
  3349. box-shadow: 0 0 0 0.2rem rgba(78, 115, 223, 0.25);
  3350. }
  3351. .custom-file-input:disabled~.custom-file-label {
  3352. background-color: #eaecf4;
  3353. }
  3354. .custom-file-input:lang(en)~.custom-file-label::after {
  3355. content: "Browse";
  3356. }
  3357. .custom-file-input~.custom-file-label[data-browse]::after {
  3358. content: attr(data-browse);
  3359. }
  3360. .custom-file-label {
  3361. position: absolute;
  3362. top: 0;
  3363. right: 0;
  3364. left: 0;
  3365. z-index: 1;
  3366. height: calc(1.5em + 0.75rem + 2px);
  3367. padding: 0.375rem 0.75rem;
  3368. font-weight: 400;
  3369. line-height: 1.5;
  3370. color: #6e707e;
  3371. background-color: #fff;
  3372. border: 1px solid #d1d3e2;
  3373. border-radius: 0.35rem;
  3374. }
  3375. .custom-file-label::after {
  3376. position: absolute;
  3377. top: 0;
  3378. right: 0;
  3379. bottom: 0;
  3380. z-index: 3;
  3381. display: block;
  3382. height: calc(1.5em + 0.75rem);
  3383. padding: 0.375rem 0.75rem;
  3384. line-height: 1.5;
  3385. color: #6e707e;
  3386. content: "Browse";
  3387. background-color: #eaecf4;
  3388. border-left: inherit;
  3389. border-radius: 0 0.35rem 0.35rem 0;
  3390. }
  3391. .custom-range {
  3392. width: 100%;
  3393. height: calc(1rem + 0.4rem);
  3394. padding: 0;
  3395. background-color: transparent;
  3396. -webkit-appearance: none;
  3397. -moz-appearance: none;
  3398. appearance: none;
  3399. }
  3400. .custom-range:focus {
  3401. outline: none;
  3402. }
  3403. .custom-range:focus::-webkit-slider-thumb {
  3404. box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(78, 115, 223, 0.25);
  3405. }
  3406. .custom-range:focus::-moz-range-thumb {
  3407. box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(78, 115, 223, 0.25);
  3408. }
  3409. .custom-range:focus::-ms-thumb {
  3410. box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(78, 115, 223, 0.25);
  3411. }
  3412. .custom-range::-moz-focus-outer {
  3413. border: 0;
  3414. }
  3415. .custom-range::-webkit-slider-thumb {
  3416. width: 1rem;
  3417. height: 1rem;
  3418. margin-top: -0.25rem;
  3419. background-color: #4e73df;
  3420. border: 0;
  3421. border-radius: 1rem;
  3422. -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  3423. transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  3424. -webkit-appearance: none;
  3425. appearance: none;
  3426. }
  3427. @media (prefers-reduced-motion: reduce) {
  3428. .custom-range::-webkit-slider-thumb {
  3429. -webkit-transition: none;
  3430. transition: none;
  3431. }
  3432. }
  3433. .custom-range::-webkit-slider-thumb:active {
  3434. background-color: #e5ebfa;
  3435. }
  3436. .custom-range::-webkit-slider-runnable-track {
  3437. width: 100%;
  3438. height: 0.5rem;
  3439. color: transparent;
  3440. cursor: pointer;
  3441. background-color: #dddfeb;
  3442. border-color: transparent;
  3443. border-radius: 1rem;
  3444. }
  3445. .custom-range::-moz-range-thumb {
  3446. width: 1rem;
  3447. height: 1rem;
  3448. background-color: #4e73df;
  3449. border: 0;
  3450. border-radius: 1rem;
  3451. -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  3452. transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  3453. -moz-appearance: none;
  3454. appearance: none;
  3455. }
  3456. @media (prefers-reduced-motion: reduce) {
  3457. .custom-range::-moz-range-thumb {
  3458. -moz-transition: none;
  3459. transition: none;
  3460. }
  3461. }
  3462. .custom-range::-moz-range-thumb:active {
  3463. background-color: #e5ebfa;
  3464. }
  3465. .custom-range::-moz-range-track {
  3466. width: 100%;
  3467. height: 0.5rem;
  3468. color: transparent;
  3469. cursor: pointer;
  3470. background-color: #dddfeb;
  3471. border-color: transparent;
  3472. border-radius: 1rem;
  3473. }
  3474. .custom-range::-ms-thumb {
  3475. width: 1rem;
  3476. height: 1rem;
  3477. margin-top: 0;
  3478. margin-right: 0.2rem;
  3479. margin-left: 0.2rem;
  3480. background-color: #4e73df;
  3481. border: 0;
  3482. border-radius: 1rem;
  3483. -ms-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  3484. transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  3485. appearance: none;
  3486. }
  3487. @media (prefers-reduced-motion: reduce) {
  3488. .custom-range::-ms-thumb {
  3489. -ms-transition: none;
  3490. transition: none;
  3491. }
  3492. }
  3493. .custom-range::-ms-thumb:active {
  3494. background-color: #e5ebfa;
  3495. }
  3496. .custom-range::-ms-track {
  3497. width: 100%;
  3498. height: 0.5rem;
  3499. color: transparent;
  3500. cursor: pointer;
  3501. background-color: transparent;
  3502. border-color: transparent;
  3503. border-width: 0.5rem;
  3504. }
  3505. .custom-range::-ms-fill-lower {
  3506. background-color: #dddfeb;
  3507. border-radius: 1rem;
  3508. }
  3509. .custom-range::-ms-fill-upper {
  3510. margin-right: 15px;
  3511. background-color: #dddfeb;
  3512. border-radius: 1rem;
  3513. }
  3514. .custom-range:disabled::-webkit-slider-thumb {
  3515. background-color: #b7b9cc;
  3516. }
  3517. .custom-range:disabled::-webkit-slider-runnable-track {
  3518. cursor: default;
  3519. }
  3520. .custom-range:disabled::-moz-range-thumb {
  3521. background-color: #b7b9cc;
  3522. }
  3523. .custom-range:disabled::-moz-range-track {
  3524. cursor: default;
  3525. }
  3526. .custom-range:disabled::-ms-thumb {
  3527. background-color: #b7b9cc;
  3528. }
  3529. .custom-control-label::before,
  3530. .custom-file-label,
  3531. .custom-select {
  3532. transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  3533. }
  3534. @media (prefers-reduced-motion: reduce) {
  3535. .custom-control-label::before,
  3536. .custom-file-label,
  3537. .custom-select {
  3538. transition: none;
  3539. }
  3540. }
  3541. .nav {
  3542. display: flex;
  3543. flex-wrap: wrap;
  3544. padding-left: 0;
  3545. margin-bottom: 0;
  3546. list-style: none;
  3547. }
  3548. .nav-link {
  3549. display: block;
  3550. padding: 0.5rem 1rem;
  3551. }
  3552. .nav-link:hover,
  3553. .nav-link:focus {
  3554. text-decoration: none;
  3555. }
  3556. .nav-link.disabled {
  3557. color: #858796;
  3558. pointer-events: none;
  3559. cursor: default;
  3560. }
  3561. .nav-tabs {
  3562. border-bottom: 1px solid #dddfeb;
  3563. }
  3564. .nav-tabs .nav-item {
  3565. margin-bottom: -1px;
  3566. }
  3567. .nav-tabs .nav-link {
  3568. border: 1px solid transparent;
  3569. border-top-left-radius: 0.35rem;
  3570. border-top-right-radius: 0.35rem;
  3571. }
  3572. .nav-tabs .nav-link:hover,
  3573. .nav-tabs .nav-link:focus {
  3574. border-color: #eaecf4 #eaecf4 #dddfeb;
  3575. }
  3576. .nav-tabs .nav-link.disabled {
  3577. color: #858796;
  3578. background-color: transparent;
  3579. border-color: transparent;
  3580. }
  3581. .nav-tabs .nav-link.active,
  3582. .nav-tabs .nav-item.show .nav-link {
  3583. color: #6e707e;
  3584. background-color: #fff;
  3585. border-color: #dddfeb #dddfeb #fff;
  3586. }
  3587. .nav-tabs .dropdown-menu {
  3588. margin-top: -1px;
  3589. border-top-left-radius: 0;
  3590. border-top-right-radius: 0;
  3591. }
  3592. .nav-pills .nav-link {
  3593. border-radius: 0.35rem;
  3594. }
  3595. .nav-pills .nav-link.active,
  3596. .nav-pills .show>.nav-link {
  3597. color: #fff;
  3598. background-color: #4e73df;
  3599. }
  3600. .nav-fill .nav-item {
  3601. flex: 1 1 auto;
  3602. text-align: center;
  3603. }
  3604. .nav-justified .nav-item {
  3605. flex-basis: 0;
  3606. flex-grow: 1;
  3607. text-align: center;
  3608. }
  3609. .tab-content>.tab-pane {
  3610. display: none;
  3611. }
  3612. .tab-content>.active {
  3613. display: block;
  3614. }
  3615. .navbar {
  3616. position: relative;
  3617. display: flex;
  3618. flex-wrap: wrap;
  3619. align-items: center;
  3620. justify-content: space-between;
  3621. padding: 0.5rem 1rem;
  3622. }
  3623. .navbar>.container,
  3624. .navbar>.container-fluid {
  3625. display: flex;
  3626. flex-wrap: wrap;
  3627. align-items: center;
  3628. justify-content: space-between;
  3629. }
  3630. .navbar-brand {
  3631. display: inline-block;
  3632. padding-top: 0.3125rem;
  3633. padding-bottom: 0.3125rem;
  3634. margin-right: 1rem;
  3635. font-size: 1.25rem;
  3636. line-height: inherit;
  3637. white-space: nowrap;
  3638. }
  3639. .navbar-brand:hover,
  3640. .navbar-brand:focus {
  3641. text-decoration: none;
  3642. }
  3643. .navbar-nav {
  3644. display: flex;
  3645. flex-direction: column;
  3646. padding-left: 0;
  3647. margin-bottom: 0;
  3648. list-style: none;
  3649. }
  3650. .navbar-nav .nav-link {
  3651. padding-right: 0;
  3652. padding-left: 0;
  3653. }
  3654. .navbar-nav .dropdown-menu {
  3655. position: static;
  3656. float: none;
  3657. }
  3658. .navbar-text {
  3659. display: inline-block;
  3660. padding-top: 0.5rem;
  3661. padding-bottom: 0.5rem;
  3662. }
  3663. .navbar-collapse {
  3664. flex-basis: 100%;
  3665. flex-grow: 1;
  3666. align-items: center;
  3667. }
  3668. .navbar-toggler {
  3669. padding: 0.25rem 0.75rem;
  3670. font-size: 1.25rem;
  3671. line-height: 1;
  3672. background-color: transparent;
  3673. border: 1px solid transparent;
  3674. border-radius: 0.35rem;
  3675. }
  3676. .navbar-toggler:hover,
  3677. .navbar-toggler:focus {
  3678. text-decoration: none;
  3679. }
  3680. .navbar-toggler-icon {
  3681. display: inline-block;
  3682. width: 1.5em;
  3683. height: 1.5em;
  3684. vertical-align: middle;
  3685. content: "";
  3686. background: no-repeat center center;
  3687. background-size: 100% 100%;
  3688. }
  3689. @media (max-width: 575.98px) {
  3690. .navbar-expand-sm>.container,
  3691. .navbar-expand-sm>.container-fluid {
  3692. padding-right: 0;
  3693. padding-left: 0;
  3694. }
  3695. }
  3696. @media (min-width: 576px) {
  3697. .navbar-expand-sm {
  3698. flex-flow: row nowrap;
  3699. justify-content: flex-start;
  3700. }
  3701. .navbar-expand-sm .navbar-nav {
  3702. flex-direction: row;
  3703. }
  3704. .navbar-expand-sm .navbar-nav .dropdown-menu {
  3705. position: absolute;
  3706. }
  3707. .navbar-expand-sm .navbar-nav .nav-link {
  3708. padding-right: 0.5rem;
  3709. padding-left: 0.5rem;
  3710. }
  3711. .navbar-expand-sm>.container,
  3712. .navbar-expand-sm>.container-fluid {
  3713. flex-wrap: nowrap;
  3714. }
  3715. .navbar-expand-sm .navbar-collapse {
  3716. display: flex !important;
  3717. flex-basis: auto;
  3718. }
  3719. .navbar-expand-sm .navbar-toggler {
  3720. display: none;
  3721. }
  3722. }
  3723. @media (max-width: 767.98px) {
  3724. .navbar-expand-md>.container,
  3725. .navbar-expand-md>.container-fluid {
  3726. padding-right: 0;
  3727. padding-left: 0;
  3728. }
  3729. }
  3730. @media (min-width: 768px) {
  3731. .navbar-expand-md {
  3732. flex-flow: row nowrap;
  3733. justify-content: flex-start;
  3734. }
  3735. .navbar-expand-md .navbar-nav {
  3736. flex-direction: row;
  3737. }
  3738. .navbar-expand-md .navbar-nav .dropdown-menu {
  3739. position: absolute;
  3740. }
  3741. .navbar-expand-md .navbar-nav .nav-link {
  3742. padding-right: 0.5rem;
  3743. padding-left: 0.5rem;
  3744. }
  3745. .navbar-expand-md>.container,
  3746. .navbar-expand-md>.container-fluid {
  3747. flex-wrap: nowrap;
  3748. }
  3749. .navbar-expand-md .navbar-collapse {
  3750. display: flex !important;
  3751. flex-basis: auto;
  3752. }
  3753. .navbar-expand-md .navbar-toggler {
  3754. display: none;
  3755. }
  3756. }
  3757. @media (max-width: 991.98px) {
  3758. .navbar-expand-lg>.container,
  3759. .navbar-expand-lg>.container-fluid {
  3760. padding-right: 0;
  3761. padding-left: 0;
  3762. }
  3763. }
  3764. @media (min-width: 992px) {
  3765. .navbar-expand-lg {
  3766. flex-flow: row nowrap;
  3767. justify-content: flex-start;
  3768. }
  3769. .navbar-expand-lg .navbar-nav {
  3770. flex-direction: row;
  3771. }
  3772. .navbar-expand-lg .navbar-nav .dropdown-menu {
  3773. position: absolute;
  3774. }
  3775. .navbar-expand-lg .navbar-nav .nav-link {
  3776. padding-right: 0.5rem;
  3777. padding-left: 0.5rem;
  3778. }
  3779. .navbar-expand-lg>.container,
  3780. .navbar-expand-lg>.container-fluid {
  3781. flex-wrap: nowrap;
  3782. }
  3783. .navbar-expand-lg .navbar-collapse {
  3784. display: flex !important;
  3785. flex-basis: auto;
  3786. }
  3787. .navbar-expand-lg .navbar-toggler {
  3788. display: none;
  3789. }
  3790. }
  3791. @media (max-width: 1199.98px) {
  3792. .navbar-expand-xl>.container,
  3793. .navbar-expand-xl>.container-fluid {
  3794. padding-right: 0;
  3795. padding-left: 0;
  3796. }
  3797. }
  3798. @media (min-width: 1200px) {
  3799. .navbar-expand-xl {
  3800. flex-flow: row nowrap;
  3801. justify-content: flex-start;
  3802. }
  3803. .navbar-expand-xl .navbar-nav {
  3804. flex-direction: row;
  3805. }
  3806. .navbar-expand-xl .navbar-nav .dropdown-menu {
  3807. position: absolute;
  3808. }
  3809. .navbar-expand-xl .navbar-nav .nav-link {
  3810. padding-right: 0.5rem;
  3811. padding-left: 0.5rem;
  3812. }
  3813. .navbar-expand-xl>.container,
  3814. .navbar-expand-xl>.container-fluid {
  3815. flex-wrap: nowrap;
  3816. }
  3817. .navbar-expand-xl .navbar-collapse {
  3818. display: flex !important;
  3819. flex-basis: auto;
  3820. }
  3821. .navbar-expand-xl .navbar-toggler {
  3822. display: none;
  3823. }
  3824. }
  3825. .navbar-expand {
  3826. flex-flow: row nowrap;
  3827. justify-content: flex-start;
  3828. }
  3829. .navbar-expand>.container,
  3830. .navbar-expand>.container-fluid {
  3831. padding-right: 0;
  3832. padding-left: 0;
  3833. }
  3834. .navbar-expand .navbar-nav {
  3835. flex-direction: row;
  3836. }
  3837. .navbar-expand .navbar-nav .dropdown-menu {
  3838. position: absolute;
  3839. }
  3840. .navbar-expand .navbar-nav .nav-link {
  3841. padding-right: 0.5rem;
  3842. padding-left: 0.5rem;
  3843. }
  3844. .navbar-expand>.container,
  3845. .navbar-expand>.container-fluid {
  3846. flex-wrap: nowrap;
  3847. }
  3848. .navbar-expand .navbar-collapse {
  3849. display: flex !important;
  3850. flex-basis: auto;
  3851. }
  3852. .navbar-expand .navbar-toggler {
  3853. display: none;
  3854. }
  3855. .navbar-light .navbar-brand {
  3856. color: rgba(0, 0, 0, 0.9);
  3857. }
  3858. .navbar-light .navbar-brand:hover,
  3859. .navbar-light .navbar-brand:focus {
  3860. color: rgba(0, 0, 0, 0.9);
  3861. }
  3862. .navbar-light .navbar-nav .nav-link {
  3863. color: rgba(0, 0, 0, 0.5);
  3864. }
  3865. .navbar-light .navbar-nav .nav-link:hover,
  3866. .navbar-light .navbar-nav .nav-link:focus {
  3867. color: rgba(0, 0, 0, 0.7);
  3868. }
  3869. .navbar-light .navbar-nav .nav-link.disabled {
  3870. color: rgba(0, 0, 0, 0.3);
  3871. }
  3872. .navbar-light .navbar-nav .show>.nav-link,
  3873. .navbar-light .navbar-nav .active>.nav-link,
  3874. .navbar-light .navbar-nav .nav-link.show,
  3875. .navbar-light .navbar-nav .nav-link.active {
  3876. color: rgba(0, 0, 0, 0.9);
  3877. }
  3878. .navbar-light .navbar-toggler {
  3879. color: rgba(0, 0, 0, 0.5);
  3880. border-color: rgba(0, 0, 0, 0.1);
  3881. }
  3882. .navbar-light .navbar-toggler-icon {
  3883. background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  3884. }
  3885. .navbar-light .navbar-text {
  3886. color: rgba(0, 0, 0, 0.5);
  3887. }
  3888. .navbar-light .navbar-text a {
  3889. color: rgba(0, 0, 0, 0.9);
  3890. }
  3891. .navbar-light .navbar-text a:hover,
  3892. .navbar-light .navbar-text a:focus {
  3893. color: rgba(0, 0, 0, 0.9);
  3894. }
  3895. .navbar-dark .navbar-brand {
  3896. color: #fff;
  3897. }
  3898. .navbar-dark .navbar-brand:hover,
  3899. .navbar-dark .navbar-brand:focus {
  3900. color: #fff;
  3901. }
  3902. .navbar-dark .navbar-nav .nav-link {
  3903. color: rgba(255, 255, 255, 0.5);
  3904. }
  3905. .navbar-dark .navbar-nav .nav-link:hover,
  3906. .navbar-dark .navbar-nav .nav-link:focus {
  3907. color: rgba(255, 255, 255, 0.75);
  3908. }
  3909. .navbar-dark .navbar-nav .nav-link.disabled {
  3910. color: rgba(255, 255, 255, 0.25);
  3911. }
  3912. .navbar-dark .navbar-nav .show>.nav-link,
  3913. .navbar-dark .navbar-nav .active>.nav-link,
  3914. .navbar-dark .navbar-nav .nav-link.show,
  3915. .navbar-dark .navbar-nav .nav-link.active {
  3916. color: #fff;
  3917. }
  3918. .navbar-dark .navbar-toggler {
  3919. color: rgba(255, 255, 255, 0.5);
  3920. border-color: rgba(255, 255, 255, 0.1);
  3921. }
  3922. .navbar-dark .navbar-toggler-icon {
  3923. background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  3924. }
  3925. .navbar-dark .navbar-text {
  3926. color: rgba(255, 255, 255, 0.5);
  3927. }
  3928. .navbar-dark .navbar-text a {
  3929. color: #fff;
  3930. }
  3931. .navbar-dark .navbar-text a:hover,
  3932. .navbar-dark .navbar-text a:focus {
  3933. color: #fff;
  3934. }
  3935. .card {
  3936. position: relative;
  3937. display: flex;
  3938. flex-direction: column;
  3939. min-width: 0;
  3940. word-wrap: break-word;
  3941. background-color: #fff;
  3942. background-clip: border-box;
  3943. border: 1px solid #e3e6f0;
  3944. border-radius: 0.35rem;
  3945. }
  3946. .card>hr {
  3947. margin-right: 0;
  3948. margin-left: 0;
  3949. }
  3950. .card>.list-group:first-child .list-group-item:first-child {
  3951. border-top-left-radius: 0.35rem;
  3952. border-top-right-radius: 0.35rem;
  3953. }
  3954. .card>.list-group:last-child .list-group-item:last-child {
  3955. border-bottom-right-radius: 0.35rem;
  3956. border-bottom-left-radius: 0.35rem;
  3957. }
  3958. .card-body {
  3959. flex: 1 1 auto;
  3960. padding: 1.25rem;
  3961. }
  3962. .card-title {
  3963. margin-bottom: 0.75rem;
  3964. }
  3965. .card-subtitle {
  3966. margin-top: -0.375rem;
  3967. margin-bottom: 0;
  3968. }
  3969. .card-text:last-child {
  3970. margin-bottom: 0;
  3971. }
  3972. .card-link:hover {
  3973. text-decoration: none;
  3974. }
  3975. .card-link+.card-link {
  3976. margin-left: 1.25rem;
  3977. }
  3978. .card-header {
  3979. padding: 0.75rem 1.25rem;
  3980. margin-bottom: 0;
  3981. background-color: #f8f9fc;
  3982. border-bottom: 1px solid #e3e6f0;
  3983. }
  3984. .card-header:first-child {
  3985. border-radius: calc(0.35rem - 1px) calc(0.35rem - 1px) 0 0;
  3986. }
  3987. .card-header+.list-group .list-group-item:first-child {
  3988. border-top: 0;
  3989. }
  3990. .card-footer {
  3991. padding: 0.75rem 1.25rem;
  3992. background-color: #f8f9fc;
  3993. border-top: 1px solid #e3e6f0;
  3994. }
  3995. .card-footer:last-child {
  3996. border-radius: 0 0 calc(0.35rem - 1px) calc(0.35rem - 1px);
  3997. }
  3998. .card-header-tabs {
  3999. margin-right: -0.625rem;
  4000. margin-bottom: -0.75rem;
  4001. margin-left: -0.625rem;
  4002. border-bottom: 0;
  4003. }
  4004. .card-header-pills {
  4005. margin-right: -0.625rem;
  4006. margin-left: -0.625rem;
  4007. }
  4008. .card-img-overlay {
  4009. position: absolute;
  4010. top: 0;
  4011. right: 0;
  4012. bottom: 0;
  4013. left: 0;
  4014. padding: 1.25rem;
  4015. }
  4016. .card-img {
  4017. width: 100%;
  4018. border-radius: calc(0.35rem - 1px);
  4019. }
  4020. .card-img-top {
  4021. width: 100%;
  4022. border-top-left-radius: calc(0.35rem - 1px);
  4023. border-top-right-radius: calc(0.35rem - 1px);
  4024. }
  4025. .card-img-bottom {
  4026. width: 100%;
  4027. border-bottom-right-radius: calc(0.35rem - 1px);
  4028. border-bottom-left-radius: calc(0.35rem - 1px);
  4029. }
  4030. .card-deck {
  4031. display: flex;
  4032. flex-direction: column;
  4033. }
  4034. .card-deck .card {
  4035. margin-bottom: 0.75rem;
  4036. }
  4037. @media (min-width: 576px) {
  4038. .card-deck {
  4039. flex-flow: row wrap;
  4040. margin-right: -0.75rem;
  4041. margin-left: -0.75rem;
  4042. }
  4043. .card-deck .card {
  4044. display: flex;
  4045. flex: 1 0 0%;
  4046. flex-direction: column;
  4047. margin-right: 0.75rem;
  4048. margin-bottom: 0;
  4049. margin-left: 0.75rem;
  4050. }
  4051. }
  4052. .card-group {
  4053. display: flex;
  4054. flex-direction: column;
  4055. }
  4056. .card-group>.card {
  4057. margin-bottom: 0.75rem;
  4058. }
  4059. @media (min-width: 576px) {
  4060. .card-group {
  4061. flex-flow: row wrap;
  4062. }
  4063. .card-group>.card {
  4064. flex: 1 0 0%;
  4065. margin-bottom: 0;
  4066. }
  4067. .card-group>.card+.card {
  4068. margin-left: 0;
  4069. border-left: 0;
  4070. }
  4071. .card-group>.card:not(:last-child) {
  4072. border-top-right-radius: 0;
  4073. border-bottom-right-radius: 0;
  4074. }
  4075. .card-group>.card:not(:last-child) .card-img-top,
  4076. .card-group>.card:not(:last-child) .card-header {
  4077. border-top-right-radius: 0;
  4078. }
  4079. .card-group>.card:not(:last-child) .card-img-bottom,
  4080. .card-group>.card:not(:last-child) .card-footer {
  4081. border-bottom-right-radius: 0;
  4082. }
  4083. .card-group>.card:not(:first-child) {
  4084. border-top-left-radius: 0;
  4085. border-bottom-left-radius: 0;
  4086. }
  4087. .card-group>.card:not(:first-child) .card-img-top,
  4088. .card-group>.card:not(:first-child) .card-header {
  4089. border-top-left-radius: 0;
  4090. }
  4091. .card-group>.card:not(:first-child) .card-img-bottom,
  4092. .card-group>.card:not(:first-child) .card-footer {
  4093. border-bottom-left-radius: 0;
  4094. }
  4095. }
  4096. .card-columns .card {
  4097. margin-bottom: 0.75rem;
  4098. }
  4099. @media (min-width: 576px) {
  4100. .card-columns {
  4101. -moz-column-count: 3;
  4102. column-count: 3;
  4103. -moz-column-gap: 1.25rem;
  4104. column-gap: 1.25rem;
  4105. orphans: 1;
  4106. widows: 1;
  4107. }
  4108. .card-columns .card {
  4109. display: inline-block;
  4110. width: 100%;
  4111. }
  4112. }
  4113. .accordion>.card {
  4114. overflow: hidden;
  4115. }
  4116. .accordion>.card:not(:first-of-type) .card-header:first-child {
  4117. border-radius: 0;
  4118. }
  4119. .accordion>.card:not(:first-of-type):not(:last-of-type) {
  4120. border-bottom: 0;
  4121. border-radius: 0;
  4122. }
  4123. .accordion>.card:first-of-type {
  4124. border-bottom: 0;
  4125. border-bottom-right-radius: 0;
  4126. border-bottom-left-radius: 0;
  4127. }
  4128. .accordion>.card:last-of-type {
  4129. border-top-left-radius: 0;
  4130. border-top-right-radius: 0;
  4131. }
  4132. .accordion>.card .card-header {
  4133. margin-bottom: -1px;
  4134. }
  4135. .breadcrumb {
  4136. display: flex;
  4137. flex-wrap: wrap;
  4138. padding: 0.75rem 1rem;
  4139. margin-bottom: 1rem;
  4140. list-style: none;
  4141. background-color: #eaecf4;
  4142. border-radius: 0.35rem;
  4143. }
  4144. .breadcrumb-item+.breadcrumb-item {
  4145. padding-left: 0.5rem;
  4146. }
  4147. .breadcrumb-item+.breadcrumb-item::before {
  4148. display: inline-block;
  4149. padding-right: 0.5rem;
  4150. color: #858796;
  4151. content: "/";
  4152. }
  4153. .breadcrumb-item+.breadcrumb-item:hover::before {
  4154. text-decoration: underline;
  4155. }
  4156. .breadcrumb-item+.breadcrumb-item:hover::before {
  4157. text-decoration: none;
  4158. }
  4159. .breadcrumb-item.active {
  4160. color: #858796;
  4161. }
  4162. .pagination {
  4163. display: flex;
  4164. padding-left: 0;
  4165. list-style: none;
  4166. border-radius: 0.35rem;
  4167. }
  4168. .page-link {
  4169. position: relative;
  4170. display: block;
  4171. padding: 0.5rem 0.75rem;
  4172. margin-left: -1px;
  4173. line-height: 1.25;
  4174. color: #4e73df;
  4175. background-color: #fff;
  4176. border: 1px solid #dddfeb;
  4177. }
  4178. .page-link:hover {
  4179. z-index: 2;
  4180. color: #224abe;
  4181. text-decoration: none;
  4182. background-color: #eaecf4;
  4183. border-color: #dddfeb;
  4184. }
  4185. .page-link:focus {
  4186. z-index: 2;
  4187. outline: 0;
  4188. box-shadow: 0 0 0 0.2rem rgba(78, 115, 223, 0.25);
  4189. }
  4190. .page-item:first-child .page-link {
  4191. margin-left: 0;
  4192. border-top-left-radius: 0.35rem;
  4193. border-bottom-left-radius: 0.35rem;
  4194. }
  4195. .page-item:last-child .page-link {
  4196. border-top-right-radius: 0.35rem;
  4197. border-bottom-right-radius: 0.35rem;
  4198. }
  4199. .page-item.active .page-link {
  4200. z-index: 1;
  4201. color: #fff;
  4202. background-color: #4e73df;
  4203. border-color: #4e73df;
  4204. }
  4205. .page-item.disabled .page-link {
  4206. color: #858796;
  4207. pointer-events: none;
  4208. cursor: auto;
  4209. background-color: #fff;
  4210. border-color: #dddfeb;
  4211. }
  4212. .pagination-lg .page-link {
  4213. padding: 0.75rem 1.5rem;
  4214. font-size: 1.25rem;
  4215. line-height: 1.5;
  4216. }
  4217. .pagination-lg .page-item:first-child .page-link {
  4218. border-top-left-radius: 0.3rem;
  4219. border-bottom-left-radius: 0.3rem;
  4220. }
  4221. .pagination-lg .page-item:last-child .page-link {
  4222. border-top-right-radius: 0.3rem;
  4223. border-bottom-right-radius: 0.3rem;
  4224. }
  4225. .pagination-sm .page-link {
  4226. padding: 0.25rem 0.5rem;
  4227. font-size: 0.875rem;
  4228. line-height: 1.5;
  4229. }
  4230. .pagination-sm .page-item:first-child .page-link {
  4231. border-top-left-radius: 0.2rem;
  4232. border-bottom-left-radius: 0.2rem;
  4233. }
  4234. .pagination-sm .page-item:last-child .page-link {
  4235. border-top-right-radius: 0.2rem;
  4236. border-bottom-right-radius: 0.2rem;
  4237. }
  4238. .badge {
  4239. display: inline-block;
  4240. padding: 0.25em 0.4em;
  4241. font-size: 75%;
  4242. font-weight: 700;
  4243. line-height: 1;
  4244. text-align: center;
  4245. white-space: nowrap;
  4246. vertical-align: baseline;
  4247. border-radius: 0.35rem;
  4248. transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  4249. }
  4250. @media (prefers-reduced-motion: reduce) {
  4251. .badge {
  4252. transition: none;
  4253. }
  4254. }
  4255. a.badge:hover,
  4256. a.badge:focus {
  4257. text-decoration: none;
  4258. }
  4259. .badge:empty {
  4260. display: none;
  4261. }
  4262. .btn .badge {
  4263. position: relative;
  4264. top: -1px;
  4265. }
  4266. .badge-pill {
  4267. padding-right: 0.6em;
  4268. padding-left: 0.6em;
  4269. border-radius: 10rem;
  4270. }
  4271. .badge-primary {
  4272. color: #fff;
  4273. background-color: #4e73df;
  4274. }
  4275. a.badge-primary:hover,
  4276. a.badge-primary:focus {
  4277. color: #fff;
  4278. background-color: #2653d4;
  4279. }
  4280. a.badge-primary:focus,
  4281. a.badge-primary.focus {
  4282. outline: 0;
  4283. box-shadow: 0 0 0 0.2rem rgba(78, 115, 223, 0.5);
  4284. }
  4285. .badge-secondary {
  4286. color: #fff;
  4287. background-color: #858796;
  4288. }
  4289. a.badge-secondary:hover,
  4290. a.badge-secondary:focus {
  4291. color: #fff;
  4292. background-color: #6b6d7d;
  4293. }
  4294. a.badge-secondary:focus,
  4295. a.badge-secondary.focus {
  4296. outline: 0;
  4297. box-shadow: 0 0 0 0.2rem rgba(133, 135, 150, 0.5);
  4298. }
  4299. .badge-success {
  4300. color: #fff;
  4301. background-color: #1cc88a;
  4302. }
  4303. a.badge-success:hover,
  4304. a.badge-success:focus {
  4305. color: #fff;
  4306. background-color: #169b6b;
  4307. }
  4308. a.badge-success:focus,
  4309. a.badge-success.focus {
  4310. outline: 0;
  4311. box-shadow: 0 0 0 0.2rem rgba(28, 200, 138, 0.5);
  4312. }
  4313. .badge-info {
  4314. color: #fff;
  4315. background-color: #36b9cc;
  4316. }
  4317. a.badge-info:hover,
  4318. a.badge-info:focus {
  4319. color: #fff;
  4320. background-color: #2a96a5;
  4321. }
  4322. a.badge-info:focus,
  4323. a.badge-info.focus {
  4324. outline: 0;
  4325. box-shadow: 0 0 0 0.2rem rgba(54, 185, 204, 0.5);
  4326. }
  4327. .badge-warning {
  4328. color: #fff;
  4329. background-color: #f6c23e;
  4330. }
  4331. a.badge-warning:hover,
  4332. a.badge-warning:focus {
  4333. color: #fff;
  4334. background-color: #f4b30d;
  4335. }
  4336. a.badge-warning:focus,
  4337. a.badge-warning.focus {
  4338. outline: 0;
  4339. box-shadow: 0 0 0 0.2rem rgba(246, 194, 62, 0.5);
  4340. }
  4341. .badge-danger {
  4342. color: #fff;
  4343. background-color: #e74a3b;
  4344. }
  4345. a.badge-danger:hover,
  4346. a.badge-danger:focus {
  4347. color: #fff;
  4348. background-color: #d52a1a;
  4349. }
  4350. a.badge-danger:focus,
  4351. a.badge-danger.focus {
  4352. outline: 0;
  4353. box-shadow: 0 0 0 0.2rem rgba(231, 74, 59, 0.5);
  4354. }
  4355. .badge-light {
  4356. color: #3a3b45;
  4357. background-color: #f8f9fc;
  4358. }
  4359. a.badge-light:hover,
  4360. a.badge-light:focus {
  4361. color: #3a3b45;
  4362. background-color: #d4daed;
  4363. }
  4364. a.badge-light:focus,
  4365. a.badge-light.focus {
  4366. outline: 0;
  4367. box-shadow: 0 0 0 0.2rem rgba(248, 249, 252, 0.5);
  4368. }
  4369. .badge-dark {
  4370. color: #fff;
  4371. background-color: #5a5c69;
  4372. }
  4373. a.badge-dark:hover,
  4374. a.badge-dark:focus {
  4375. color: #fff;
  4376. background-color: #42444e;
  4377. }
  4378. a.badge-dark:focus,
  4379. a.badge-dark.focus {
  4380. outline: 0;
  4381. box-shadow: 0 0 0 0.2rem rgba(90, 92, 105, 0.5);
  4382. }
  4383. .jumbotron {
  4384. padding: 2rem 1rem;
  4385. margin-bottom: 2rem;
  4386. background-color: #eaecf4;
  4387. border-radius: 0.3rem;
  4388. }
  4389. @media (min-width: 576px) {
  4390. .jumbotron {
  4391. padding: 4rem 2rem;
  4392. }
  4393. }
  4394. .jumbotron-fluid {
  4395. padding-right: 0;
  4396. padding-left: 0;
  4397. border-radius: 0;
  4398. }
  4399. .alert {
  4400. position: relative;
  4401. padding: 0.75rem 1.25rem;
  4402. margin-bottom: 1rem;
  4403. border: 1px solid transparent;
  4404. border-radius: 0.35rem;
  4405. }
  4406. .alert-heading {
  4407. color: inherit;
  4408. }
  4409. .alert-link {
  4410. font-weight: 700;
  4411. }
  4412. .alert-dismissible {
  4413. padding-right: 4rem;
  4414. }
  4415. .alert-dismissible .close {
  4416. position: absolute;
  4417. top: 0;
  4418. right: 0;
  4419. padding: 0.75rem 1.25rem;
  4420. color: inherit;
  4421. }
  4422. .alert-primary {
  4423. color: #293c74;
  4424. background-color: #dce3f9;
  4425. border-color: #cdd8f6;
  4426. }
  4427. .alert-primary hr {
  4428. border-top-color: #b7c7f2;
  4429. }
  4430. .alert-primary .alert-link {
  4431. color: #1c294e;
  4432. }
  4433. .alert-secondary {
  4434. color: #45464e;
  4435. background-color: #e7e7ea;
  4436. border-color: #dddde2;
  4437. }
  4438. .alert-secondary hr {
  4439. border-top-color: #cfcfd6;
  4440. }
  4441. .alert-secondary .alert-link {
  4442. color: #2d2e33;
  4443. }
  4444. .alert-success {
  4445. color: #0f6848;
  4446. background-color: #d2f4e8;
  4447. border-color: #bff0de;
  4448. }
  4449. .alert-success hr {
  4450. border-top-color: #aaebd3;
  4451. }
  4452. .alert-success .alert-link {
  4453. color: #093b29;
  4454. }
  4455. .alert-info {
  4456. color: #1c606a;
  4457. background-color: #d7f1f5;
  4458. border-color: #c7ebf1;
  4459. }
  4460. .alert-info hr {
  4461. border-top-color: #b3e4ec;
  4462. }
  4463. .alert-info .alert-link {
  4464. color: #113b42;
  4465. }
  4466. .alert-warning {
  4467. color: #806520;
  4468. background-color: #fdf3d8;
  4469. border-color: #fceec9;
  4470. }
  4471. .alert-warning hr {
  4472. border-top-color: #fbe6b1;
  4473. }
  4474. .alert-warning .alert-link {
  4475. color: #574516;
  4476. }
  4477. .alert-danger {
  4478. color: #78261f;
  4479. background-color: #fadbd8;
  4480. border-color: #f8ccc8;
  4481. }
  4482. .alert-danger hr {
  4483. border-top-color: #f5b7b1;
  4484. }
  4485. .alert-danger .alert-link {
  4486. color: #4f1915;
  4487. }
  4488. .alert-light {
  4489. color: #818183;
  4490. background-color: #fefefe;
  4491. border-color: #fdfdfe;
  4492. }
  4493. .alert-light hr {
  4494. border-top-color: #ececf6;
  4495. }
  4496. .alert-light .alert-link {
  4497. color: #686869;
  4498. }
  4499. .alert-dark {
  4500. color: #2f3037;
  4501. background-color: #dedee1;
  4502. border-color: #d1d1d5;
  4503. }
  4504. .alert-dark hr {
  4505. border-top-color: #c4c4c9;
  4506. }
  4507. .alert-dark .alert-link {
  4508. color: #18181c;
  4509. }
  4510. @-webkit-keyframes progress-bar-stripes {
  4511. from {
  4512. background-position: 1rem 0;
  4513. }
  4514. to {
  4515. background-position: 0 0;
  4516. }
  4517. }
  4518. @keyframes progress-bar-stripes {
  4519. from {
  4520. background-position: 1rem 0;
  4521. }
  4522. to {
  4523. background-position: 0 0;
  4524. }
  4525. }
  4526. .progress {
  4527. display: flex;
  4528. height: 1rem;
  4529. overflow: hidden;
  4530. font-size: 0.75rem;
  4531. background-color: #eaecf4;
  4532. border-radius: 0.35rem;
  4533. }
  4534. .progress-bar {
  4535. display: flex;
  4536. flex-direction: column;
  4537. justify-content: center;
  4538. color: #fff;
  4539. text-align: center;
  4540. white-space: nowrap;
  4541. background-color: #4e73df;
  4542. transition: width 0.6s ease;
  4543. }
  4544. @media (prefers-reduced-motion: reduce) {
  4545. .progress-bar {
  4546. transition: none;
  4547. }
  4548. }
  4549. .progress-bar-striped {
  4550. background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  4551. background-size: 1rem 1rem;
  4552. }
  4553. .progress-bar-animated {
  4554. -webkit-animation: progress-bar-stripes 1s linear infinite;
  4555. animation: progress-bar-stripes 1s linear infinite;
  4556. }
  4557. @media (prefers-reduced-motion: reduce) {
  4558. .progress-bar-animated {
  4559. -webkit-animation: none;
  4560. animation: none;
  4561. }
  4562. }
  4563. .media {
  4564. display: flex;
  4565. align-items: flex-start;
  4566. }
  4567. .media-body {
  4568. flex: 1;
  4569. }
  4570. .list-group {
  4571. display: flex;
  4572. flex-direction: column;
  4573. padding-left: 0;
  4574. margin-bottom: 0;
  4575. }
  4576. .list-group-item-action {
  4577. width: 100%;
  4578. color: #6e707e;
  4579. text-align: inherit;
  4580. }
  4581. .list-group-item-action:hover,
  4582. .list-group-item-action:focus {
  4583. z-index: 1;
  4584. color: #6e707e;
  4585. text-decoration: none;
  4586. background-color: #f8f9fc;
  4587. }
  4588. .list-group-item-action:active {
  4589. color: #858796;
  4590. background-color: #eaecf4;
  4591. }
  4592. .list-group-item {
  4593. position: relative;
  4594. display: block;
  4595. padding: 0.75rem 1.25rem;
  4596. margin-bottom: -1px;
  4597. background-color: #fff;
  4598. border: 1px solid rgba(0, 0, 0, 0.125);
  4599. }
  4600. .list-group-item:first-child {
  4601. border-top-left-radius: 0.35rem;
  4602. border-top-right-radius: 0.35rem;
  4603. }
  4604. .list-group-item:last-child {
  4605. margin-bottom: 0;
  4606. border-bottom-right-radius: 0.35rem;
  4607. border-bottom-left-radius: 0.35rem;
  4608. }
  4609. .list-group-item.disabled,
  4610. .list-group-item:disabled {
  4611. color: #858796;
  4612. pointer-events: none;
  4613. background-color: #fff;
  4614. }
  4615. .list-group-item.active {
  4616. z-index: 2;
  4617. color: #fff;
  4618. background-color: #4e73df;
  4619. border-color: #4e73df;
  4620. }
  4621. .list-group-horizontal {
  4622. flex-direction: row;
  4623. }
  4624. .list-group-horizontal .list-group-item {
  4625. margin-right: -1px;
  4626. margin-bottom: 0;
  4627. }
  4628. .list-group-horizontal .list-group-item:first-child {
  4629. border-top-left-radius: 0.35rem;
  4630. border-bottom-left-radius: 0.35rem;
  4631. border-top-right-radius: 0;
  4632. }
  4633. .list-group-horizontal .list-group-item:last-child {
  4634. margin-right: 0;
  4635. border-top-right-radius: 0.35rem;
  4636. border-bottom-right-radius: 0.35rem;
  4637. border-bottom-left-radius: 0;
  4638. }
  4639. @media (min-width: 576px) {
  4640. .list-group-horizontal-sm {
  4641. flex-direction: row;
  4642. }
  4643. .list-group-horizontal-sm .list-group-item {
  4644. margin-right: -1px;
  4645. margin-bottom: 0;
  4646. }
  4647. .list-group-horizontal-sm .list-group-item:first-child {
  4648. border-top-left-radius: 0.35rem;
  4649. border-bottom-left-radius: 0.35rem;
  4650. border-top-right-radius: 0;
  4651. }
  4652. .list-group-horizontal-sm .list-group-item:last-child {
  4653. margin-right: 0;
  4654. border-top-right-radius: 0.35rem;
  4655. border-bottom-right-radius: 0.35rem;
  4656. border-bottom-left-radius: 0;
  4657. }
  4658. }
  4659. @media (min-width: 768px) {
  4660. .list-group-horizontal-md {
  4661. flex-direction: row;
  4662. }
  4663. .list-group-horizontal-md .list-group-item {
  4664. margin-right: -1px;
  4665. margin-bottom: 0;
  4666. }
  4667. .list-group-horizontal-md .list-group-item:first-child {
  4668. border-top-left-radius: 0.35rem;
  4669. border-bottom-left-radius: 0.35rem;
  4670. border-top-right-radius: 0;
  4671. }
  4672. .list-group-horizontal-md .list-group-item:last-child {
  4673. margin-right: 0;
  4674. border-top-right-radius: 0.35rem;
  4675. border-bottom-right-radius: 0.35rem;
  4676. border-bottom-left-radius: 0;
  4677. }
  4678. }
  4679. @media (min-width: 992px) {
  4680. .list-group-horizontal-lg {
  4681. flex-direction: row;
  4682. }
  4683. .list-group-horizontal-lg .list-group-item {
  4684. margin-right: -1px;
  4685. margin-bottom: 0;
  4686. }
  4687. .list-group-horizontal-lg .list-group-item:first-child {
  4688. border-top-left-radius: 0.35rem;
  4689. border-bottom-left-radius: 0.35rem;
  4690. border-top-right-radius: 0;
  4691. }
  4692. .list-group-horizontal-lg .list-group-item:last-child {
  4693. margin-right: 0;
  4694. border-top-right-radius: 0.35rem;
  4695. border-bottom-right-radius: 0.35rem;
  4696. border-bottom-left-radius: 0;
  4697. }
  4698. }
  4699. @media (min-width: 1200px) {
  4700. .list-group-horizontal-xl {
  4701. flex-direction: row;
  4702. }
  4703. .list-group-horizontal-xl .list-group-item {
  4704. margin-right: -1px;
  4705. margin-bottom: 0;
  4706. }
  4707. .list-group-horizontal-xl .list-group-item:first-child {
  4708. border-top-left-radius: 0.35rem;
  4709. border-bottom-left-radius: 0.35rem;
  4710. border-top-right-radius: 0;
  4711. }
  4712. .list-group-horizontal-xl .list-group-item:last-child {
  4713. margin-right: 0;
  4714. border-top-right-radius: 0.35rem;
  4715. border-bottom-right-radius: 0.35rem;
  4716. border-bottom-left-radius: 0;
  4717. }
  4718. }
  4719. .list-group-flush .list-group-item {
  4720. border-right: 0;
  4721. border-left: 0;
  4722. border-radius: 0;
  4723. }
  4724. .list-group-flush .list-group-item:last-child {
  4725. margin-bottom: -1px;
  4726. }
  4727. .list-group-flush:first-child .list-group-item:first-child {
  4728. border-top: 0;
  4729. }
  4730. .list-group-flush:last-child .list-group-item:last-child {
  4731. margin-bottom: 0;
  4732. border-bottom: 0;
  4733. }
  4734. .list-group-item-primary {
  4735. color: #293c74;
  4736. background-color: #cdd8f6;
  4737. }
  4738. .list-group-item-primary.list-group-item-action:hover,
  4739. .list-group-item-primary.list-group-item-action:focus {
  4740. color: #293c74;
  4741. background-color: #b7c7f2;
  4742. }
  4743. .list-group-item-primary.list-group-item-action.active {
  4744. color: #fff;
  4745. background-color: #293c74;
  4746. border-color: #293c74;
  4747. }
  4748. .list-group-item-secondary {
  4749. color: #45464e;
  4750. background-color: #dddde2;
  4751. }
  4752. .list-group-item-secondary.list-group-item-action:hover,
  4753. .list-group-item-secondary.list-group-item-action:focus {
  4754. color: #45464e;
  4755. background-color: #cfcfd6;
  4756. }
  4757. .list-group-item-secondary.list-group-item-action.active {
  4758. color: #fff;
  4759. background-color: #45464e;
  4760. border-color: #45464e;
  4761. }
  4762. .list-group-item-success {
  4763. color: #0f6848;
  4764. background-color: #bff0de;
  4765. }
  4766. .list-group-item-success.list-group-item-action:hover,
  4767. .list-group-item-success.list-group-item-action:focus {
  4768. color: #0f6848;
  4769. background-color: #aaebd3;
  4770. }
  4771. .list-group-item-success.list-group-item-action.active {
  4772. color: #fff;
  4773. background-color: #0f6848;
  4774. border-color: #0f6848;
  4775. }
  4776. .list-group-item-info {
  4777. color: #1c606a;
  4778. background-color: #c7ebf1;
  4779. }
  4780. .list-group-item-info.list-group-item-action:hover,
  4781. .list-group-item-info.list-group-item-action:focus {
  4782. color: #1c606a;
  4783. background-color: #b3e4ec;
  4784. }
  4785. .list-group-item-info.list-group-item-action.active {
  4786. color: #fff;
  4787. background-color: #1c606a;
  4788. border-color: #1c606a;
  4789. }
  4790. .list-group-item-warning {
  4791. color: #806520;
  4792. background-color: #fceec9;
  4793. }
  4794. .list-group-item-warning.list-group-item-action:hover,
  4795. .list-group-item-warning.list-group-item-action:focus {
  4796. color: #806520;
  4797. background-color: #fbe6b1;
  4798. }
  4799. .list-group-item-warning.list-group-item-action.active {
  4800. color: #fff;
  4801. background-color: #806520;
  4802. border-color: #806520;
  4803. }
  4804. .list-group-item-danger {
  4805. color: #78261f;
  4806. background-color: #f8ccc8;
  4807. }
  4808. .list-group-item-danger.list-group-item-action:hover,
  4809. .list-group-item-danger.list-group-item-action:focus {
  4810. color: #78261f;
  4811. background-color: #f5b7b1;
  4812. }
  4813. .list-group-item-danger.list-group-item-action.active {
  4814. color: #fff;
  4815. background-color: #78261f;
  4816. border-color: #78261f;
  4817. }
  4818. .list-group-item-light {
  4819. color: #818183;
  4820. background-color: #fdfdfe;
  4821. }
  4822. .list-group-item-light.list-group-item-action:hover,
  4823. .list-group-item-light.list-group-item-action:focus {
  4824. color: #818183;
  4825. background-color: #ececf6;
  4826. }
  4827. .list-group-item-light.list-group-item-action.active {
  4828. color: #fff;
  4829. background-color: #818183;
  4830. border-color: #818183;
  4831. }
  4832. .list-group-item-dark {
  4833. color: #2f3037;
  4834. background-color: #d1d1d5;
  4835. }
  4836. .list-group-item-dark.list-group-item-action:hover,
  4837. .list-group-item-dark.list-group-item-action:focus {
  4838. color: #2f3037;
  4839. background-color: #c4c4c9;
  4840. }
  4841. .list-group-item-dark.list-group-item-action.active {
  4842. color: #fff;
  4843. background-color: #2f3037;
  4844. border-color: #2f3037;
  4845. }
  4846. .close {
  4847. float: right;
  4848. font-size: 1.5rem;
  4849. font-weight: 700;
  4850. line-height: 1;
  4851. color: #000;
  4852. text-shadow: 0 1px 0 #fff;
  4853. opacity: .5;
  4854. }
  4855. .close:hover {
  4856. color: #000;
  4857. text-decoration: none;
  4858. }
  4859. .close:not(:disabled):not(.disabled):hover,
  4860. .close:not(:disabled):not(.disabled):focus {
  4861. opacity: .75;
  4862. }
  4863. button.close {
  4864. padding: 0;
  4865. background-color: transparent;
  4866. border: 0;
  4867. -webkit-appearance: none;
  4868. -moz-appearance: none;
  4869. appearance: none;
  4870. }
  4871. a.close.disabled {
  4872. pointer-events: none;
  4873. }
  4874. .toast {
  4875. max-width: 350px;
  4876. overflow: hidden;
  4877. font-size: 0.875rem;
  4878. background-color: rgba(255, 255, 255, 0.85);
  4879. background-clip: padding-box;
  4880. border: 1px solid rgba(0, 0, 0, 0.1);
  4881. box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
  4882. -webkit-backdrop-filter: blur(10px);
  4883. backdrop-filter: blur(10px);
  4884. opacity: 0;
  4885. border-radius: 0.25rem;
  4886. }
  4887. .toast:not(:last-child) {
  4888. margin-bottom: 0.75rem;
  4889. }
  4890. .toast.showing {
  4891. opacity: 1;
  4892. }
  4893. .toast.show {
  4894. display: block;
  4895. opacity: 1;
  4896. }
  4897. .toast.hide {
  4898. display: none;
  4899. }
  4900. .toast-header {
  4901. display: flex;
  4902. align-items: center;
  4903. padding: 0.25rem 0.75rem;
  4904. color: #858796;
  4905. background-color: rgba(255, 255, 255, 0.85);
  4906. background-clip: padding-box;
  4907. border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  4908. }
  4909. .toast-body {
  4910. padding: 0.75rem;
  4911. }
  4912. .modal-open {
  4913. overflow: hidden;
  4914. }
  4915. .modal-open .modal {
  4916. overflow-x: hidden;
  4917. overflow-y: auto;
  4918. }
  4919. .modal {
  4920. position: fixed;
  4921. top: 0;
  4922. left: 0;
  4923. z-index: 1050;
  4924. display: none;
  4925. width: 100%;
  4926. height: 100%;
  4927. overflow: hidden;
  4928. outline: 0;
  4929. }
  4930. .modal-dialog {
  4931. position: relative;
  4932. width: auto;
  4933. margin: 0.5rem;
  4934. pointer-events: none;
  4935. }
  4936. .modal.fade .modal-dialog {
  4937. transition: transform 0.3s ease-out;
  4938. transform: translate(0, -50px);
  4939. }
  4940. @media (prefers-reduced-motion: reduce) {
  4941. .modal.fade .modal-dialog {
  4942. transition: none;
  4943. }
  4944. }
  4945. .modal.show .modal-dialog {
  4946. transform: none;
  4947. }
  4948. .modal-dialog-scrollable {
  4949. display: flex;
  4950. max-height: calc(100% - 1rem);
  4951. }
  4952. .modal-dialog-scrollable .modal-content {
  4953. max-height: calc(100vh - 1rem);
  4954. overflow: hidden;
  4955. }
  4956. .modal-dialog-scrollable .modal-header,
  4957. .modal-dialog-scrollable .modal-footer {
  4958. flex-shrink: 0;
  4959. }
  4960. .modal-dialog-scrollable .modal-body {
  4961. overflow-y: auto;
  4962. }
  4963. .modal-dialog-centered {
  4964. display: flex;
  4965. align-items: center;
  4966. min-height: calc(100% - 1rem);
  4967. }
  4968. .modal-dialog-centered::before {
  4969. display: block;
  4970. height: calc(100vh - 1rem);
  4971. content: "";
  4972. }
  4973. .modal-dialog-centered.modal-dialog-scrollable {
  4974. flex-direction: column;
  4975. justify-content: center;
  4976. height: 100%;
  4977. }
  4978. .modal-dialog-centered.modal-dialog-scrollable .modal-content {
  4979. max-height: none;
  4980. }
  4981. .modal-dialog-centered.modal-dialog-scrollable::before {
  4982. content: none;
  4983. }
  4984. .modal-content {
  4985. position: relative;
  4986. display: flex;
  4987. flex-direction: column;
  4988. width: 100%;
  4989. pointer-events: auto;
  4990. background-color: #fff;
  4991. background-clip: padding-box;
  4992. border: 1px solid rgba(0, 0, 0, 0.2);
  4993. border-radius: 0.3rem;
  4994. outline: 0;
  4995. }
  4996. .modal-backdrop {
  4997. position: fixed;
  4998. top: 0;
  4999. left: 0;
  5000. z-index: 1040;
  5001. width: 100vw;
  5002. height: 100vh;
  5003. background-color: #000;
  5004. }
  5005. .modal-backdrop.fade {
  5006. opacity: 0;
  5007. }
  5008. .modal-backdrop.show {
  5009. opacity: 0.5;
  5010. }
  5011. .modal-header {
  5012. display: flex;
  5013. align-items: flex-start;
  5014. justify-content: space-between;
  5015. padding: 1rem 1rem;
  5016. border-bottom: 1px solid #e3e6f0;
  5017. border-top-left-radius: 0.3rem;
  5018. border-top-right-radius: 0.3rem;
  5019. }
  5020. .modal-header .close {
  5021. padding: 1rem 1rem;
  5022. margin: -1rem -1rem -1rem auto;
  5023. }
  5024. .modal-title {
  5025. margin-bottom: 0;
  5026. line-height: 1.5;
  5027. }
  5028. .modal-body {
  5029. position: relative;
  5030. flex: 1 1 auto;
  5031. padding: 1rem;
  5032. }
  5033. .modal-footer {
  5034. display: flex;
  5035. align-items: center;
  5036. justify-content: flex-end;
  5037. padding: 1rem;
  5038. border-top: 1px solid #e3e6f0;
  5039. border-bottom-right-radius: 0.3rem;
  5040. border-bottom-left-radius: 0.3rem;
  5041. }
  5042. .modal-footer> :not(:first-child) {
  5043. margin-left: .25rem;
  5044. }
  5045. .modal-footer> :not(:last-child) {
  5046. margin-right: .25rem;
  5047. }
  5048. .modal-scrollbar-measure {
  5049. position: absolute;
  5050. top: -9999px;
  5051. width: 50px;
  5052. height: 50px;
  5053. overflow: scroll;
  5054. }
  5055. @media (min-width: 576px) {
  5056. .modal-dialog {
  5057. max-width: 500px;
  5058. margin: 1.75rem auto;
  5059. }
  5060. .modal-dialog-scrollable {
  5061. max-height: calc(100% - 3.5rem);
  5062. }
  5063. .modal-dialog-scrollable .modal-content {
  5064. max-height: calc(100vh - 3.5rem);
  5065. }
  5066. .modal-dialog-centered {
  5067. min-height: calc(100% - 3.5rem);
  5068. }
  5069. .modal-dialog-centered::before {
  5070. height: calc(100vh - 3.5rem);
  5071. }
  5072. .modal-sm {
  5073. max-width: 300px;
  5074. }
  5075. }
  5076. @media (min-width: 992px) {
  5077. .modal-lg,
  5078. .modal-xl {
  5079. max-width: 800px;
  5080. }
  5081. }
  5082. @media (min-width: 1200px) {
  5083. .modal-xl {
  5084. max-width: 1140px;
  5085. }
  5086. }
  5087. .tooltip {
  5088. position: absolute;
  5089. z-index: 1070;
  5090. display: block;
  5091. margin: 0;
  5092. font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  5093. font-style: normal;
  5094. font-weight: 400;
  5095. line-height: 1.5;
  5096. text-align: left;
  5097. text-align: start;
  5098. text-decoration: none;
  5099. text-shadow: none;
  5100. text-transform: none;
  5101. letter-spacing: normal;
  5102. word-break: normal;
  5103. word-spacing: normal;
  5104. white-space: normal;
  5105. line-break: auto;
  5106. font-size: 0.875rem;
  5107. word-wrap: break-word;
  5108. opacity: 0;
  5109. }
  5110. .tooltip.show {
  5111. opacity: 0.9;
  5112. }
  5113. .tooltip .arrow {
  5114. position: absolute;
  5115. display: block;
  5116. width: 0.8rem;
  5117. height: 0.4rem;
  5118. }
  5119. .tooltip .arrow::before {
  5120. position: absolute;
  5121. content: "";
  5122. border-color: transparent;
  5123. border-style: solid;
  5124. }
  5125. .bs-tooltip-top,
  5126. .bs-tooltip-auto[x-placement^="top"] {
  5127. padding: 0.4rem 0;
  5128. }
  5129. .bs-tooltip-top .arrow,
  5130. .bs-tooltip-auto[x-placement^="top"] .arrow {
  5131. bottom: 0;
  5132. }
  5133. .bs-tooltip-top .arrow::before,
  5134. .bs-tooltip-auto[x-placement^="top"] .arrow::before {
  5135. top: 0;
  5136. border-width: 0.4rem 0.4rem 0;
  5137. border-top-color: #000;
  5138. }
  5139. .bs-tooltip-right,
  5140. .bs-tooltip-auto[x-placement^="right"] {
  5141. padding: 0 0.4rem;
  5142. }
  5143. .bs-tooltip-right .arrow,
  5144. .bs-tooltip-auto[x-placement^="right"] .arrow {
  5145. left: 0;
  5146. width: 0.4rem;
  5147. height: 0.8rem;
  5148. }
  5149. .bs-tooltip-right .arrow::before,
  5150. .bs-tooltip-auto[x-placement^="right"] .arrow::before {
  5151. right: 0;
  5152. border-width: 0.4rem 0.4rem 0.4rem 0;
  5153. border-right-color: #000;
  5154. }
  5155. .bs-tooltip-bottom,
  5156. .bs-tooltip-auto[x-placement^="bottom"] {
  5157. padding: 0.4rem 0;
  5158. }
  5159. .bs-tooltip-bottom .arrow,
  5160. .bs-tooltip-auto[x-placement^="bottom"] .arrow {
  5161. top: 0;
  5162. }
  5163. .bs-tooltip-bottom .arrow::before,
  5164. .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
  5165. bottom: 0;
  5166. border-width: 0 0.4rem 0.4rem;
  5167. border-bottom-color: #000;
  5168. }
  5169. .bs-tooltip-left,
  5170. .bs-tooltip-auto[x-placement^="left"] {
  5171. padding: 0 0.4rem;
  5172. }
  5173. .bs-tooltip-left .arrow,
  5174. .bs-tooltip-auto[x-placement^="left"] .arrow {
  5175. right: 0;
  5176. width: 0.4rem;
  5177. height: 0.8rem;
  5178. }
  5179. .bs-tooltip-left .arrow::before,
  5180. .bs-tooltip-auto[x-placement^="left"] .arrow::before {
  5181. left: 0;
  5182. border-width: 0.4rem 0 0.4rem 0.4rem;
  5183. border-left-color: #000;
  5184. }
  5185. .tooltip-inner {
  5186. max-width: 200px;
  5187. padding: 0.25rem 0.5rem;
  5188. color: #fff;
  5189. text-align: center;
  5190. background-color: #000;
  5191. border-radius: 0.35rem;
  5192. }
  5193. .popover {
  5194. position: absolute;
  5195. top: 0;
  5196. left: 0;
  5197. z-index: 1060;
  5198. display: block;
  5199. max-width: 276px;
  5200. font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  5201. font-style: normal;
  5202. font-weight: 400;
  5203. line-height: 1.5;
  5204. text-align: left;
  5205. text-align: start;
  5206. text-decoration: none;
  5207. text-shadow: none;
  5208. text-transform: none;
  5209. letter-spacing: normal;
  5210. word-break: normal;
  5211. word-spacing: normal;
  5212. white-space: normal;
  5213. line-break: auto;
  5214. font-size: 0.875rem;
  5215. word-wrap: break-word;
  5216. background-color: #fff;
  5217. background-clip: padding-box;
  5218. border: 1px solid rgba(0, 0, 0, 0.2);
  5219. border-radius: 0.3rem;
  5220. }
  5221. .popover .arrow {
  5222. position: absolute;
  5223. display: block;
  5224. width: 1rem;
  5225. height: 0.5rem;
  5226. margin: 0 0.3rem;
  5227. }
  5228. .popover .arrow::before,
  5229. .popover .arrow::after {
  5230. position: absolute;
  5231. display: block;
  5232. content: "";
  5233. border-color: transparent;
  5234. border-style: solid;
  5235. }
  5236. .bs-popover-top,
  5237. .bs-popover-auto[x-placement^="top"] {
  5238. margin-bottom: 0.5rem;
  5239. }
  5240. .bs-popover-top>.arrow,
  5241. .bs-popover-auto[x-placement^="top"]>.arrow {
  5242. bottom: calc((0.5rem + 1px) * -1);
  5243. }
  5244. .bs-popover-top>.arrow::before,
  5245. .bs-popover-auto[x-placement^="top"]>.arrow::before {
  5246. bottom: 0;
  5247. border-width: 0.5rem 0.5rem 0;
  5248. border-top-color: rgba(0, 0, 0, 0.25);
  5249. }
  5250. .bs-popover-top>.arrow::after,
  5251. .bs-popover-auto[x-placement^="top"]>.arrow::after {
  5252. bottom: 1px;
  5253. border-width: 0.5rem 0.5rem 0;
  5254. border-top-color: #fff;
  5255. }
  5256. .bs-popover-right,
  5257. .bs-popover-auto[x-placement^="right"] {
  5258. margin-left: 0.5rem;
  5259. }
  5260. .bs-popover-right>.arrow,
  5261. .bs-popover-auto[x-placement^="right"]>.arrow {
  5262. left: calc((0.5rem + 1px) * -1);
  5263. width: 0.5rem;
  5264. height: 1rem;
  5265. margin: 0.3rem 0;
  5266. }
  5267. .bs-popover-right>.arrow::before,
  5268. .bs-popover-auto[x-placement^="right"]>.arrow::before {
  5269. left: 0;
  5270. border-width: 0.5rem 0.5rem 0.5rem 0;
  5271. border-right-color: rgba(0, 0, 0, 0.25);
  5272. }
  5273. .bs-popover-right>.arrow::after,
  5274. .bs-popover-auto[x-placement^="right"]>.arrow::after {
  5275. left: 1px;
  5276. border-width: 0.5rem 0.5rem 0.5rem 0;
  5277. border-right-color: #fff;
  5278. }
  5279. .bs-popover-bottom,
  5280. .bs-popover-auto[x-placement^="bottom"] {
  5281. margin-top: 0.5rem;
  5282. }
  5283. .bs-popover-bottom>.arrow,
  5284. .bs-popover-auto[x-placement^="bottom"]>.arrow {
  5285. top: calc((0.5rem + 1px) * -1);
  5286. }
  5287. .bs-popover-bottom>.arrow::before,
  5288. .bs-popover-auto[x-placement^="bottom"]>.arrow::before {
  5289. top: 0;
  5290. border-width: 0 0.5rem 0.5rem 0.5rem;
  5291. border-bottom-color: rgba(0, 0, 0, 0.25);
  5292. }
  5293. .bs-popover-bottom>.arrow::after,
  5294. .bs-popover-auto[x-placement^="bottom"]>.arrow::after {
  5295. top: 1px;
  5296. border-width: 0 0.5rem 0.5rem 0.5rem;
  5297. border-bottom-color: #fff;
  5298. }
  5299. .bs-popover-bottom .popover-header::before,
  5300. .bs-popover-auto[x-placement^="bottom"] .popover-header::before {
  5301. position: absolute;
  5302. top: 0;
  5303. left: 50%;
  5304. display: block;
  5305. width: 1rem;
  5306. margin-left: -0.5rem;
  5307. content: "";
  5308. border-bottom: 1px solid #f7f7f7;
  5309. }
  5310. .bs-popover-left,
  5311. .bs-popover-auto[x-placement^="left"] {
  5312. margin-right: 0.5rem;
  5313. }
  5314. .bs-popover-left>.arrow,
  5315. .bs-popover-auto[x-placement^="left"]>.arrow {
  5316. right: calc((0.5rem + 1px) * -1);
  5317. width: 0.5rem;
  5318. height: 1rem;
  5319. margin: 0.3rem 0;
  5320. }
  5321. .bs-popover-left>.arrow::before,
  5322. .bs-popover-auto[x-placement^="left"]>.arrow::before {
  5323. right: 0;
  5324. border-width: 0.5rem 0 0.5rem 0.5rem;
  5325. border-left-color: rgba(0, 0, 0, 0.25);
  5326. }
  5327. .bs-popover-left>.arrow::after,
  5328. .bs-popover-auto[x-placement^="left"]>.arrow::after {
  5329. right: 1px;
  5330. border-width: 0.5rem 0 0.5rem 0.5rem;
  5331. border-left-color: #fff;
  5332. }
  5333. .popover-header {
  5334. padding: 0.5rem 0.75rem;
  5335. margin-bottom: 0;
  5336. font-size: 1rem;
  5337. background-color: #f7f7f7;
  5338. border-bottom: 1px solid #ebebeb;
  5339. border-top-left-radius: calc(0.3rem - 1px);
  5340. border-top-right-radius: calc(0.3rem - 1px);
  5341. }
  5342. .popover-header:empty {
  5343. display: none;
  5344. }
  5345. .popover-body {
  5346. padding: 0.5rem 0.75rem;
  5347. color: #858796;
  5348. }
  5349. .carousel {
  5350. position: relative;
  5351. }
  5352. .carousel.pointer-event {
  5353. touch-action: pan-y;
  5354. }
  5355. .carousel-inner {
  5356. position: relative;
  5357. width: 100%;
  5358. overflow: hidden;
  5359. }
  5360. .carousel-inner::after {
  5361. display: block;
  5362. clear: both;
  5363. content: "";
  5364. }
  5365. .carousel-item {
  5366. position: relative;
  5367. display: none;
  5368. float: left;
  5369. width: 100%;
  5370. margin-right: -100%;
  5371. -webkit-backface-visibility: hidden;
  5372. backface-visibility: hidden;
  5373. transition: transform 0.6s ease-in-out;
  5374. }
  5375. @media (prefers-reduced-motion: reduce) {
  5376. .carousel-item {
  5377. transition: none;
  5378. }
  5379. }
  5380. .carousel-item.active,
  5381. .carousel-item-next,
  5382. .carousel-item-prev {
  5383. display: block;
  5384. }
  5385. .carousel-item-next:not(.carousel-item-left),
  5386. .active.carousel-item-right {
  5387. transform: translateX(100%);
  5388. }
  5389. .carousel-item-prev:not(.carousel-item-right),
  5390. .active.carousel-item-left {
  5391. transform: translateX(-100%);
  5392. }
  5393. .carousel-fade .carousel-item {
  5394. opacity: 0;
  5395. transition-property: opacity;
  5396. transform: none;
  5397. }
  5398. .carousel-fade .carousel-item.active,
  5399. .carousel-fade .carousel-item-next.carousel-item-left,
  5400. .carousel-fade .carousel-item-prev.carousel-item-right {
  5401. z-index: 1;
  5402. opacity: 1;
  5403. }
  5404. .carousel-fade .active.carousel-item-left,
  5405. .carousel-fade .active.carousel-item-right {
  5406. z-index: 0;
  5407. opacity: 0;
  5408. transition: 0s 0.6s opacity;
  5409. }
  5410. @media (prefers-reduced-motion: reduce) {
  5411. .carousel-fade .active.carousel-item-left,
  5412. .carousel-fade .active.carousel-item-right {
  5413. transition: none;
  5414. }
  5415. }
  5416. .carousel-control-prev,
  5417. .carousel-control-next {
  5418. position: absolute;
  5419. top: 0;
  5420. bottom: 0;
  5421. z-index: 1;
  5422. display: flex;
  5423. align-items: center;
  5424. justify-content: center;
  5425. width: 15%;
  5426. color: #fff;
  5427. text-align: center;
  5428. opacity: 0.5;
  5429. transition: opacity 0.15s ease;
  5430. }
  5431. @media (prefers-reduced-motion: reduce) {
  5432. .carousel-control-prev,
  5433. .carousel-control-next {
  5434. transition: none;
  5435. }
  5436. }
  5437. .carousel-control-prev:hover,
  5438. .carousel-control-prev:focus,
  5439. .carousel-control-next:hover,
  5440. .carousel-control-next:focus {
  5441. color: #fff;
  5442. text-decoration: none;
  5443. outline: 0;
  5444. opacity: 0.9;
  5445. }
  5446. .carousel-control-prev {
  5447. left: 0;
  5448. }
  5449. .carousel-control-next {
  5450. right: 0;
  5451. }
  5452. .carousel-control-prev-icon,
  5453. .carousel-control-next-icon {
  5454. display: inline-block;
  5455. width: 20px;
  5456. height: 20px;
  5457. background: no-repeat 50% / 100% 100%;
  5458. }
  5459. .carousel-control-prev-icon {
  5460. background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e");
  5461. }
  5462. .carousel-control-next-icon {
  5463. background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");
  5464. }
  5465. .carousel-indicators {
  5466. position: absolute;
  5467. right: 0;
  5468. bottom: 0;
  5469. left: 0;
  5470. z-index: 15;
  5471. display: flex;
  5472. justify-content: center;
  5473. padding-left: 0;
  5474. margin-right: 15%;
  5475. margin-left: 15%;
  5476. list-style: none;
  5477. }
  5478. .carousel-indicators li {
  5479. box-sizing: content-box;
  5480. flex: 0 1 auto;
  5481. width: 30px;
  5482. height: 3px;
  5483. margin-right: 3px;
  5484. margin-left: 3px;
  5485. text-indent: -999px;
  5486. cursor: pointer;
  5487. background-color: #fff;
  5488. background-clip: padding-box;
  5489. border-top: 10px solid transparent;
  5490. border-bottom: 10px solid transparent;
  5491. opacity: .5;
  5492. transition: opacity 0.6s ease;
  5493. }
  5494. @media (prefers-reduced-motion: reduce) {
  5495. .carousel-indicators li {
  5496. transition: none;
  5497. }
  5498. }
  5499. .carousel-indicators .active {
  5500. opacity: 1;
  5501. }
  5502. .carousel-caption {
  5503. position: absolute;
  5504. right: 15%;
  5505. bottom: 20px;
  5506. left: 15%;
  5507. z-index: 10;
  5508. padding-top: 20px;
  5509. padding-bottom: 20px;
  5510. color: #fff;
  5511. text-align: center;
  5512. }
  5513. @-webkit-keyframes spinner-border {
  5514. to {
  5515. transform: rotate(360deg);
  5516. }
  5517. }
  5518. @keyframes spinner-border {
  5519. to {
  5520. transform: rotate(360deg);
  5521. }
  5522. }
  5523. .spinner-border {
  5524. display: inline-block;
  5525. width: 2rem;
  5526. height: 2rem;
  5527. vertical-align: text-bottom;
  5528. border: 0.25em solid currentColor;
  5529. border-right-color: transparent;
  5530. border-radius: 50%;
  5531. -webkit-animation: spinner-border .75s linear infinite;
  5532. animation: spinner-border .75s linear infinite;
  5533. }
  5534. .spinner-border-sm {
  5535. width: 1rem;
  5536. height: 1rem;
  5537. border-width: 0.2em;
  5538. }
  5539. @-webkit-keyframes spinner-grow {
  5540. 0% {
  5541. transform: scale(0);
  5542. }
  5543. 50% {
  5544. opacity: 1;
  5545. }
  5546. }
  5547. @keyframes spinner-grow {
  5548. 0% {
  5549. transform: scale(0);
  5550. }
  5551. 50% {
  5552. opacity: 1;
  5553. }
  5554. }
  5555. .spinner-grow {
  5556. display: inline-block;
  5557. width: 2rem;
  5558. height: 2rem;
  5559. vertical-align: text-bottom;
  5560. background-color: currentColor;
  5561. border-radius: 50%;
  5562. opacity: 0;
  5563. -webkit-animation: spinner-grow .75s linear infinite;
  5564. animation: spinner-grow .75s linear infinite;
  5565. }
  5566. .spinner-grow-sm {
  5567. width: 1rem;
  5568. height: 1rem;
  5569. }
  5570. .align-baseline {
  5571. vertical-align: baseline !important;
  5572. }
  5573. .align-top {
  5574. vertical-align: top !important;
  5575. }
  5576. .align-middle {
  5577. vertical-align: middle !important;
  5578. }
  5579. .align-bottom {
  5580. vertical-align: bottom !important;
  5581. }
  5582. .align-text-bottom {
  5583. vertical-align: text-bottom !important;
  5584. }
  5585. .align-text-top {
  5586. vertical-align: text-top !important;
  5587. }
  5588. .bg-primary {
  5589. background-color: #4e73df !important;
  5590. }
  5591. a.bg-primary:hover,
  5592. a.bg-primary:focus,
  5593. button.bg-primary:hover,
  5594. button.bg-primary:focus {
  5595. background-color: #2653d4 !important;
  5596. }
  5597. .bg-secondary {
  5598. background-color: #858796 !important;
  5599. }
  5600. a.bg-secondary:hover,
  5601. a.bg-secondary:focus,
  5602. button.bg-secondary:hover,
  5603. button.bg-secondary:focus {
  5604. background-color: #6b6d7d !important;
  5605. }
  5606. .bg-success {
  5607. background-color: #1cc88a !important;
  5608. }
  5609. a.bg-success:hover,
  5610. a.bg-success:focus,
  5611. button.bg-success:hover,
  5612. button.bg-success:focus {
  5613. background-color: #169b6b !important;
  5614. }
  5615. .bg-info {
  5616. background-color: #36b9cc !important;
  5617. }
  5618. a.bg-info:hover,
  5619. a.bg-info:focus,
  5620. button.bg-info:hover,
  5621. button.bg-info:focus {
  5622. background-color: #2a96a5 !important;
  5623. }
  5624. .bg-warning {
  5625. background-color: #f6c23e !important;
  5626. }
  5627. a.bg-warning:hover,
  5628. a.bg-warning:focus,
  5629. button.bg-warning:hover,
  5630. button.bg-warning:focus {
  5631. background-color: #f4b30d !important;
  5632. }
  5633. .bg-danger {
  5634. background-color: #e74a3b !important;
  5635. }
  5636. a.bg-danger:hover,
  5637. a.bg-danger:focus,
  5638. button.bg-danger:hover,
  5639. button.bg-danger:focus {
  5640. background-color: #d52a1a !important;
  5641. }
  5642. .bg-light {
  5643. background-color: #f8f9fc !important;
  5644. }
  5645. a.bg-light:hover,
  5646. a.bg-light:focus,
  5647. button.bg-light:hover,
  5648. button.bg-light:focus {
  5649. background-color: #d4daed !important;
  5650. }
  5651. .bg-dark {
  5652. background-color: #5a5c69 !important;
  5653. }
  5654. a.bg-dark:hover,
  5655. a.bg-dark:focus,
  5656. button.bg-dark:hover,
  5657. button.bg-dark:focus {
  5658. background-color: #42444e !important;
  5659. }
  5660. .bg-transparent {
  5661. background-color: transparent !important;
  5662. }
  5663. .border {
  5664. border: 1px solid #e3e6f0 !important;
  5665. }
  5666. .border-top {
  5667. border-top: 1px solid #e3e6f0 !important;
  5668. }
  5669. .border-right {
  5670. border-right: 1px solid #e3e6f0 !important;
  5671. }
  5672. .border-bottom {
  5673. border-bottom: 1px solid #e3e6f0 !important;
  5674. }
  5675. .border-left {
  5676. border-left: 1px solid #e3e6f0 !important;
  5677. }
  5678. .border-0 {
  5679. border: 0 !important;
  5680. }
  5681. .border-top-0 {
  5682. border-top: 0 !important;
  5683. }
  5684. .border-right-0 {
  5685. border-right: 0 !important;
  5686. }
  5687. .border-bottom-0 {
  5688. border-bottom: 0 !important;
  5689. }
  5690. .border-left-0 {
  5691. border-left: 0 !important;
  5692. }
  5693. .border-primary {
  5694. border-color: #4e73df !important;
  5695. }
  5696. .border-secondary {
  5697. border-color: #858796 !important;
  5698. }
  5699. .border-success {
  5700. border-color: #1cc88a !important;
  5701. }
  5702. .border-info {
  5703. border-color: #36b9cc !important;
  5704. }
  5705. .border-warning {
  5706. border-color: #f6c23e !important;
  5707. }
  5708. .border-danger {
  5709. border-color: #e74a3b !important;
  5710. }
  5711. .border-light {
  5712. border-color: #f8f9fc !important;
  5713. }
  5714. .border-dark {
  5715. border-color: #5a5c69 !important;
  5716. }
  5717. .border-white {
  5718. border-color: #fff !important;
  5719. }
  5720. .rounded-sm {
  5721. border-radius: 0.2rem !important;
  5722. }
  5723. .rounded {
  5724. border-radius: 0.35rem !important;
  5725. }
  5726. .rounded-top {
  5727. border-top-left-radius: 0.35rem !important;
  5728. border-top-right-radius: 0.35rem !important;
  5729. }
  5730. .rounded-right {
  5731. border-top-right-radius: 0.35rem !important;
  5732. border-bottom-right-radius: 0.35rem !important;
  5733. }
  5734. .rounded-bottom {
  5735. border-bottom-right-radius: 0.35rem !important;
  5736. border-bottom-left-radius: 0.35rem !important;
  5737. }
  5738. .rounded-left {
  5739. border-top-left-radius: 0.35rem !important;
  5740. border-bottom-left-radius: 0.35rem !important;
  5741. }
  5742. .rounded-lg {
  5743. border-radius: 0.3rem !important;
  5744. }
  5745. .rounded-circle {
  5746. border-radius: 50% !important;
  5747. }
  5748. .rounded-pill {
  5749. border-radius: 50rem !important;
  5750. }
  5751. .rounded-0 {
  5752. border-radius: 0 !important;
  5753. }
  5754. .clearfix::after {
  5755. display: block;
  5756. clear: both;
  5757. content: "";
  5758. }
  5759. .d-none {
  5760. display: none !important;
  5761. }
  5762. .d-inline {
  5763. display: inline !important;
  5764. }
  5765. .d-inline-block {
  5766. display: inline-block !important;
  5767. }
  5768. .d-block {
  5769. display: block !important;
  5770. }
  5771. .d-table {
  5772. display: table !important;
  5773. }
  5774. .d-table-row {
  5775. display: table-row !important;
  5776. }
  5777. .d-table-cell {
  5778. display: table-cell !important;
  5779. }
  5780. .d-flex {
  5781. display: flex !important;
  5782. }
  5783. .d-inline-flex {
  5784. display: inline-flex !important;
  5785. }
  5786. @media (min-width: 576px) {
  5787. .d-sm-none {
  5788. display: none !important;
  5789. }
  5790. .d-sm-inline {
  5791. display: inline !important;
  5792. }
  5793. .d-sm-inline-block {
  5794. display: inline-block !important;
  5795. }
  5796. .d-sm-block {
  5797. display: block !important;
  5798. }
  5799. .d-sm-table {
  5800. display: table !important;
  5801. }
  5802. .d-sm-table-row {
  5803. display: table-row !important;
  5804. }
  5805. .d-sm-table-cell {
  5806. display: table-cell !important;
  5807. }
  5808. .d-sm-flex {
  5809. display: flex !important;
  5810. }
  5811. .d-sm-inline-flex {
  5812. display: inline-flex !important;
  5813. }
  5814. }
  5815. @media (min-width: 768px) {
  5816. .d-md-none {
  5817. display: none !important;
  5818. }
  5819. .d-md-inline {
  5820. display: inline !important;
  5821. }
  5822. .d-md-inline-block {
  5823. display: inline-block !important;
  5824. }
  5825. .d-md-block {
  5826. display: block !important;
  5827. }
  5828. .d-md-table {
  5829. display: table !important;
  5830. }
  5831. .d-md-table-row {
  5832. display: table-row !important;
  5833. }
  5834. .d-md-table-cell {
  5835. display: table-cell !important;
  5836. }
  5837. .d-md-flex {
  5838. display: flex !important;
  5839. }
  5840. .d-md-inline-flex {
  5841. display: inline-flex !important;
  5842. }
  5843. }
  5844. @media (min-width: 992px) {
  5845. .d-lg-none {
  5846. display: none !important;
  5847. }
  5848. .d-lg-inline {
  5849. display: inline !important;
  5850. }
  5851. .d-lg-inline-block {
  5852. display: inline-block !important;
  5853. }
  5854. .d-lg-block {
  5855. display: block !important;
  5856. }
  5857. .d-lg-table {
  5858. display: table !important;
  5859. }
  5860. .d-lg-table-row {
  5861. display: table-row !important;
  5862. }
  5863. .d-lg-table-cell {
  5864. display: table-cell !important;
  5865. }
  5866. .d-lg-flex {
  5867. display: flex !important;
  5868. }
  5869. .d-lg-inline-flex {
  5870. display: inline-flex !important;
  5871. }
  5872. }
  5873. @media (min-width: 1200px) {
  5874. .d-xl-none {
  5875. display: none !important;
  5876. }
  5877. .d-xl-inline {
  5878. display: inline !important;
  5879. }
  5880. .d-xl-inline-block {
  5881. display: inline-block !important;
  5882. }
  5883. .d-xl-block {
  5884. display: block !important;
  5885. }
  5886. .d-xl-table {
  5887. display: table !important;
  5888. }
  5889. .d-xl-table-row {
  5890. display: table-row !important;
  5891. }
  5892. .d-xl-table-cell {
  5893. display: table-cell !important;
  5894. }
  5895. .d-xl-flex {
  5896. display: flex !important;
  5897. }
  5898. .d-xl-inline-flex {
  5899. display: inline-flex !important;
  5900. }
  5901. }
  5902. @media print {
  5903. .d-print-none {
  5904. display: none !important;
  5905. }
  5906. .d-print-inline {
  5907. display: inline !important;
  5908. }
  5909. .d-print-inline-block {
  5910. display: inline-block !important;
  5911. }
  5912. .d-print-block {
  5913. display: block !important;
  5914. }
  5915. .d-print-table {
  5916. display: table !important;
  5917. }
  5918. .d-print-table-row {
  5919. display: table-row !important;
  5920. }
  5921. .d-print-table-cell {
  5922. display: table-cell !important;
  5923. }
  5924. .d-print-flex {
  5925. display: flex !important;
  5926. }
  5927. .d-print-inline-flex {
  5928. display: inline-flex !important;
  5929. }
  5930. }
  5931. .embed-responsive {
  5932. position: relative;
  5933. display: block;
  5934. width: 100%;
  5935. padding: 0;
  5936. overflow: hidden;
  5937. }
  5938. .embed-responsive::before {
  5939. display: block;
  5940. content: "";
  5941. }
  5942. .embed-responsive .embed-responsive-item,
  5943. .embed-responsive iframe,
  5944. .embed-responsive embed,
  5945. .embed-responsive object,
  5946. .embed-responsive video {
  5947. position: absolute;
  5948. top: 0;
  5949. bottom: 0;
  5950. left: 0;
  5951. width: 100%;
  5952. height: 100%;
  5953. border: 0;
  5954. }
  5955. .embed-responsive-21by9::before {
  5956. padding-top: 42.85714%;
  5957. }
  5958. .embed-responsive-16by9::before {
  5959. padding-top: 56.25%;
  5960. }
  5961. .embed-responsive-4by3::before {
  5962. padding-top: 75%;
  5963. }
  5964. .embed-responsive-1by1::before {
  5965. padding-top: 100%;
  5966. }
  5967. .flex-row {
  5968. flex-direction: row !important;
  5969. }
  5970. .flex-column {
  5971. flex-direction: column !important;
  5972. }
  5973. .flex-row-reverse {
  5974. flex-direction: row-reverse !important;
  5975. }
  5976. .flex-column-reverse {
  5977. flex-direction: column-reverse !important;
  5978. }
  5979. .flex-wrap {
  5980. flex-wrap: wrap !important;
  5981. }
  5982. .flex-nowrap {
  5983. flex-wrap: nowrap !important;
  5984. }
  5985. .flex-wrap-reverse {
  5986. flex-wrap: wrap-reverse !important;
  5987. }
  5988. .flex-fill {
  5989. flex: 1 1 auto !important;
  5990. }
  5991. .flex-grow-0 {
  5992. flex-grow: 0 !important;
  5993. }
  5994. .flex-grow-1 {
  5995. flex-grow: 1 !important;
  5996. }
  5997. .flex-shrink-0 {
  5998. flex-shrink: 0 !important;
  5999. }
  6000. .flex-shrink-1 {
  6001. flex-shrink: 1 !important;
  6002. }
  6003. .justify-content-start {
  6004. justify-content: flex-start !important;
  6005. }
  6006. .justify-content-end {
  6007. justify-content: flex-end !important;
  6008. }
  6009. .justify-content-center {
  6010. justify-content: center !important;
  6011. }
  6012. .justify-content-between {
  6013. justify-content: space-between !important;
  6014. }
  6015. .justify-content-around {
  6016. justify-content: space-around !important;
  6017. }
  6018. .align-items-start {
  6019. align-items: flex-start !important;
  6020. }
  6021. .align-items-end {
  6022. align-items: flex-end !important;
  6023. }
  6024. .align-items-center {
  6025. align-items: center !important;
  6026. }
  6027. .align-items-baseline {
  6028. align-items: baseline !important;
  6029. }
  6030. .align-items-stretch {
  6031. align-items: stretch !important;
  6032. }
  6033. .align-content-start {
  6034. align-content: flex-start !important;
  6035. }
  6036. .align-content-end {
  6037. align-content: flex-end !important;
  6038. }
  6039. .align-content-center {
  6040. align-content: center !important;
  6041. }
  6042. .align-content-between {
  6043. align-content: space-between !important;
  6044. }
  6045. .align-content-around {
  6046. align-content: space-around !important;
  6047. }
  6048. .align-content-stretch {
  6049. align-content: stretch !important;
  6050. }
  6051. .align-self-auto {
  6052. align-self: auto !important;
  6053. }
  6054. .align-self-start {
  6055. align-self: flex-start !important;
  6056. }
  6057. .align-self-end {
  6058. align-self: flex-end !important;
  6059. }
  6060. .align-self-center {
  6061. align-self: center !important;
  6062. }
  6063. .align-self-baseline {
  6064. align-self: baseline !important;
  6065. }
  6066. .align-self-stretch {
  6067. align-self: stretch !important;
  6068. }
  6069. @media (min-width: 576px) {
  6070. .flex-sm-row {
  6071. flex-direction: row !important;
  6072. }
  6073. .flex-sm-column {
  6074. flex-direction: column !important;
  6075. }
  6076. .flex-sm-row-reverse {
  6077. flex-direction: row-reverse !important;
  6078. }
  6079. .flex-sm-column-reverse {
  6080. flex-direction: column-reverse !important;
  6081. }
  6082. .flex-sm-wrap {
  6083. flex-wrap: wrap !important;
  6084. }
  6085. .flex-sm-nowrap {
  6086. flex-wrap: nowrap !important;
  6087. }
  6088. .flex-sm-wrap-reverse {
  6089. flex-wrap: wrap-reverse !important;
  6090. }
  6091. .flex-sm-fill {
  6092. flex: 1 1 auto !important;
  6093. }
  6094. .flex-sm-grow-0 {
  6095. flex-grow: 0 !important;
  6096. }
  6097. .flex-sm-grow-1 {
  6098. flex-grow: 1 !important;
  6099. }
  6100. .flex-sm-shrink-0 {
  6101. flex-shrink: 0 !important;
  6102. }
  6103. .flex-sm-shrink-1 {
  6104. flex-shrink: 1 !important;
  6105. }
  6106. .justify-content-sm-start {
  6107. justify-content: flex-start !important;
  6108. }
  6109. .justify-content-sm-end {
  6110. justify-content: flex-end !important;
  6111. }
  6112. .justify-content-sm-center {
  6113. justify-content: center !important;
  6114. }
  6115. .justify-content-sm-between {
  6116. justify-content: space-between !important;
  6117. }
  6118. .justify-content-sm-around {
  6119. justify-content: space-around !important;
  6120. }
  6121. .align-items-sm-start {
  6122. align-items: flex-start !important;
  6123. }
  6124. .align-items-sm-end {
  6125. align-items: flex-end !important;
  6126. }
  6127. .align-items-sm-center {
  6128. align-items: center !important;
  6129. }
  6130. .align-items-sm-baseline {
  6131. align-items: baseline !important;
  6132. }
  6133. .align-items-sm-stretch {
  6134. align-items: stretch !important;
  6135. }
  6136. .align-content-sm-start {
  6137. align-content: flex-start !important;
  6138. }
  6139. .align-content-sm-end {
  6140. align-content: flex-end !important;
  6141. }
  6142. .align-content-sm-center {
  6143. align-content: center !important;
  6144. }
  6145. .align-content-sm-between {
  6146. align-content: space-between !important;
  6147. }
  6148. .align-content-sm-around {
  6149. align-content: space-around !important;
  6150. }
  6151. .align-content-sm-stretch {
  6152. align-content: stretch !important;
  6153. }
  6154. .align-self-sm-auto {
  6155. align-self: auto !important;
  6156. }
  6157. .align-self-sm-start {
  6158. align-self: flex-start !important;
  6159. }
  6160. .align-self-sm-end {
  6161. align-self: flex-end !important;
  6162. }
  6163. .align-self-sm-center {
  6164. align-self: center !important;
  6165. }
  6166. .align-self-sm-baseline {
  6167. align-self: baseline !important;
  6168. }
  6169. .align-self-sm-stretch {
  6170. align-self: stretch !important;
  6171. }
  6172. }
  6173. @media (min-width: 768px) {
  6174. .flex-md-row {
  6175. flex-direction: row !important;
  6176. }
  6177. .flex-md-column {
  6178. flex-direction: column !important;
  6179. }
  6180. .flex-md-row-reverse {
  6181. flex-direction: row-reverse !important;
  6182. }
  6183. .flex-md-column-reverse {
  6184. flex-direction: column-reverse !important;
  6185. }
  6186. .flex-md-wrap {
  6187. flex-wrap: wrap !important;
  6188. }
  6189. .flex-md-nowrap {
  6190. flex-wrap: nowrap !important;
  6191. }
  6192. .flex-md-wrap-reverse {
  6193. flex-wrap: wrap-reverse !important;
  6194. }
  6195. .flex-md-fill {
  6196. flex: 1 1 auto !important;
  6197. }
  6198. .flex-md-grow-0 {
  6199. flex-grow: 0 !important;
  6200. }
  6201. .flex-md-grow-1 {
  6202. flex-grow: 1 !important;
  6203. }
  6204. .flex-md-shrink-0 {
  6205. flex-shrink: 0 !important;
  6206. }
  6207. .flex-md-shrink-1 {
  6208. flex-shrink: 1 !important;
  6209. }
  6210. .justify-content-md-start {
  6211. justify-content: flex-start !important;
  6212. }
  6213. .justify-content-md-end {
  6214. justify-content: flex-end !important;
  6215. }
  6216. .justify-content-md-center {
  6217. justify-content: center !important;
  6218. }
  6219. .justify-content-md-between {
  6220. justify-content: space-between !important;
  6221. }
  6222. .justify-content-md-around {
  6223. justify-content: space-around !important;
  6224. }
  6225. .align-items-md-start {
  6226. align-items: flex-start !important;
  6227. }
  6228. .align-items-md-end {
  6229. align-items: flex-end !important;
  6230. }
  6231. .align-items-md-center {
  6232. align-items: center !important;
  6233. }
  6234. .align-items-md-baseline {
  6235. align-items: baseline !important;
  6236. }
  6237. .align-items-md-stretch {
  6238. align-items: stretch !important;
  6239. }
  6240. .align-content-md-start {
  6241. align-content: flex-start !important;
  6242. }
  6243. .align-content-md-end {
  6244. align-content: flex-end !important;
  6245. }
  6246. .align-content-md-center {
  6247. align-content: center !important;
  6248. }
  6249. .align-content-md-between {
  6250. align-content: space-between !important;
  6251. }
  6252. .align-content-md-around {
  6253. align-content: space-around !important;
  6254. }
  6255. .align-content-md-stretch {
  6256. align-content: stretch !important;
  6257. }
  6258. .align-self-md-auto {
  6259. align-self: auto !important;
  6260. }
  6261. .align-self-md-start {
  6262. align-self: flex-start !important;
  6263. }
  6264. .align-self-md-end {
  6265. align-self: flex-end !important;
  6266. }
  6267. .align-self-md-center {
  6268. align-self: center !important;
  6269. }
  6270. .align-self-md-baseline {
  6271. align-self: baseline !important;
  6272. }
  6273. .align-self-md-stretch {
  6274. align-self: stretch !important;
  6275. }
  6276. }
  6277. @media (min-width: 992px) {
  6278. .flex-lg-row {
  6279. flex-direction: row !important;
  6280. }
  6281. .flex-lg-column {
  6282. flex-direction: column !important;
  6283. }
  6284. .flex-lg-row-reverse {
  6285. flex-direction: row-reverse !important;
  6286. }
  6287. .flex-lg-column-reverse {
  6288. flex-direction: column-reverse !important;
  6289. }
  6290. .flex-lg-wrap {
  6291. flex-wrap: wrap !important;
  6292. }
  6293. .flex-lg-nowrap {
  6294. flex-wrap: nowrap !important;
  6295. }
  6296. .flex-lg-wrap-reverse {
  6297. flex-wrap: wrap-reverse !important;
  6298. }
  6299. .flex-lg-fill {
  6300. flex: 1 1 auto !important;
  6301. }
  6302. .flex-lg-grow-0 {
  6303. flex-grow: 0 !important;
  6304. }
  6305. .flex-lg-grow-1 {
  6306. flex-grow: 1 !important;
  6307. }
  6308. .flex-lg-shrink-0 {
  6309. flex-shrink: 0 !important;
  6310. }
  6311. .flex-lg-shrink-1 {
  6312. flex-shrink: 1 !important;
  6313. }
  6314. .justify-content-lg-start {
  6315. justify-content: flex-start !important;
  6316. }
  6317. .justify-content-lg-end {
  6318. justify-content: flex-end !important;
  6319. }
  6320. .justify-content-lg-center {
  6321. justify-content: center !important;
  6322. }
  6323. .justify-content-lg-between {
  6324. justify-content: space-between !important;
  6325. }
  6326. .justify-content-lg-around {
  6327. justify-content: space-around !important;
  6328. }
  6329. .align-items-lg-start {
  6330. align-items: flex-start !important;
  6331. }
  6332. .align-items-lg-end {
  6333. align-items: flex-end !important;
  6334. }
  6335. .align-items-lg-center {
  6336. align-items: center !important;
  6337. }
  6338. .align-items-lg-baseline {
  6339. align-items: baseline !important;
  6340. }
  6341. .align-items-lg-stretch {
  6342. align-items: stretch !important;
  6343. }
  6344. .align-content-lg-start {
  6345. align-content: flex-start !important;
  6346. }
  6347. .align-content-lg-end {
  6348. align-content: flex-end !important;
  6349. }
  6350. .align-content-lg-center {
  6351. align-content: center !important;
  6352. }
  6353. .align-content-lg-between {
  6354. align-content: space-between !important;
  6355. }
  6356. .align-content-lg-around {
  6357. align-content: space-around !important;
  6358. }
  6359. .align-content-lg-stretch {
  6360. align-content: stretch !important;
  6361. }
  6362. .align-self-lg-auto {
  6363. align-self: auto !important;
  6364. }
  6365. .align-self-lg-start {
  6366. align-self: flex-start !important;
  6367. }
  6368. .align-self-lg-end {
  6369. align-self: flex-end !important;
  6370. }
  6371. .align-self-lg-center {
  6372. align-self: center !important;
  6373. }
  6374. .align-self-lg-baseline {
  6375. align-self: baseline !important;
  6376. }
  6377. .align-self-lg-stretch {
  6378. align-self: stretch !important;
  6379. }
  6380. }
  6381. @media (min-width: 1200px) {
  6382. .flex-xl-row {
  6383. flex-direction: row !important;
  6384. }
  6385. .flex-xl-column {
  6386. flex-direction: column !important;
  6387. }
  6388. .flex-xl-row-reverse {
  6389. flex-direction: row-reverse !important;
  6390. }
  6391. .flex-xl-column-reverse {
  6392. flex-direction: column-reverse !important;
  6393. }
  6394. .flex-xl-wrap {
  6395. flex-wrap: wrap !important;
  6396. }
  6397. .flex-xl-nowrap {
  6398. flex-wrap: nowrap !important;
  6399. }
  6400. .flex-xl-wrap-reverse {
  6401. flex-wrap: wrap-reverse !important;
  6402. }
  6403. .flex-xl-fill {
  6404. flex: 1 1 auto !important;
  6405. }
  6406. .flex-xl-grow-0 {
  6407. flex-grow: 0 !important;
  6408. }
  6409. .flex-xl-grow-1 {
  6410. flex-grow: 1 !important;
  6411. }
  6412. .flex-xl-shrink-0 {
  6413. flex-shrink: 0 !important;
  6414. }
  6415. .flex-xl-shrink-1 {
  6416. flex-shrink: 1 !important;
  6417. }
  6418. .justify-content-xl-start {
  6419. justify-content: flex-start !important;
  6420. }
  6421. .justify-content-xl-end {
  6422. justify-content: flex-end !important;
  6423. }
  6424. .justify-content-xl-center {
  6425. justify-content: center !important;
  6426. }
  6427. .justify-content-xl-between {
  6428. justify-content: space-between !important;
  6429. }
  6430. .justify-content-xl-around {
  6431. justify-content: space-around !important;
  6432. }
  6433. .align-items-xl-start {
  6434. align-items: flex-start !important;
  6435. }
  6436. .align-items-xl-end {
  6437. align-items: flex-end !important;
  6438. }
  6439. .align-items-xl-center {
  6440. align-items: center !important;
  6441. }
  6442. .align-items-xl-baseline {
  6443. align-items: baseline !important;
  6444. }
  6445. .align-items-xl-stretch {
  6446. align-items: stretch !important;
  6447. }
  6448. .align-content-xl-start {
  6449. align-content: flex-start !important;
  6450. }
  6451. .align-content-xl-end {
  6452. align-content: flex-end !important;
  6453. }
  6454. .align-content-xl-center {
  6455. align-content: center !important;
  6456. }
  6457. .align-content-xl-between {
  6458. align-content: space-between !important;
  6459. }
  6460. .align-content-xl-around {
  6461. align-content: space-around !important;
  6462. }
  6463. .align-content-xl-stretch {
  6464. align-content: stretch !important;
  6465. }
  6466. .align-self-xl-auto {
  6467. align-self: auto !important;
  6468. }
  6469. .align-self-xl-start {
  6470. align-self: flex-start !important;
  6471. }
  6472. .align-self-xl-end {
  6473. align-self: flex-end !important;
  6474. }
  6475. .align-self-xl-center {
  6476. align-self: center !important;
  6477. }
  6478. .align-self-xl-baseline {
  6479. align-self: baseline !important;
  6480. }
  6481. .align-self-xl-stretch {
  6482. align-self: stretch !important;
  6483. }
  6484. }
  6485. .float-left {
  6486. float: left !important;
  6487. }
  6488. .float-right {
  6489. float: right !important;
  6490. }
  6491. .float-none {
  6492. float: none !important;
  6493. }
  6494. @media (min-width: 576px) {
  6495. .float-sm-left {
  6496. float: left !important;
  6497. }
  6498. .float-sm-right {
  6499. float: right !important;
  6500. }
  6501. .float-sm-none {
  6502. float: none !important;
  6503. }
  6504. }
  6505. @media (min-width: 768px) {
  6506. .float-md-left {
  6507. float: left !important;
  6508. }
  6509. .float-md-right {
  6510. float: right !important;
  6511. }
  6512. .float-md-none {
  6513. float: none !important;
  6514. }
  6515. }
  6516. @media (min-width: 992px) {
  6517. .float-lg-left {
  6518. float: left !important;
  6519. }
  6520. .float-lg-right {
  6521. float: right !important;
  6522. }
  6523. .float-lg-none {
  6524. float: none !important;
  6525. }
  6526. }
  6527. @media (min-width: 1200px) {
  6528. .float-xl-left {
  6529. float: left !important;
  6530. }
  6531. .float-xl-right {
  6532. float: right !important;
  6533. }
  6534. .float-xl-none {
  6535. float: none !important;
  6536. }
  6537. }
  6538. .overflow-auto {
  6539. overflow: auto !important;
  6540. }
  6541. .overflow-hidden {
  6542. overflow: hidden !important;
  6543. }
  6544. .position-static {
  6545. position: static !important;
  6546. }
  6547. .position-relative {
  6548. position: relative !important;
  6549. }
  6550. .position-absolute {
  6551. position: absolute !important;
  6552. }
  6553. .position-fixed {
  6554. position: fixed !important;
  6555. }
  6556. .position-sticky {
  6557. position: -webkit-sticky !important;
  6558. position: sticky !important;
  6559. }
  6560. .fixed-top {
  6561. position: fixed;
  6562. top: 0;
  6563. right: 0;
  6564. left: 0;
  6565. z-index: 1030;
  6566. }
  6567. .fixed-bottom {
  6568. position: fixed;
  6569. right: 0;
  6570. bottom: 0;
  6571. left: 0;
  6572. z-index: 1030;
  6573. }
  6574. @supports ((position: -webkit-sticky) or (position: sticky)) {
  6575. .sticky-top {
  6576. position: -webkit-sticky;
  6577. position: sticky;
  6578. top: 0;
  6579. z-index: 1020;
  6580. }
  6581. }
  6582. .sr-only {
  6583. position: absolute;
  6584. width: 1px;
  6585. height: 1px;
  6586. padding: 0;
  6587. overflow: hidden;
  6588. clip: rect(0, 0, 0, 0);
  6589. white-space: nowrap;
  6590. border: 0;
  6591. }
  6592. .sr-only-focusable:active,
  6593. .sr-only-focusable:focus {
  6594. position: static;
  6595. width: auto;
  6596. height: auto;
  6597. overflow: visible;
  6598. clip: auto;
  6599. white-space: normal;
  6600. }
  6601. .shadow-sm {
  6602. box-shadow: 0 0.125rem 0.25rem 0 rgba(58, 59, 69, 0.2) !important;
  6603. }
  6604. .shadow {
  6605. box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15) !important;
  6606. }
  6607. .shadow-lg {
  6608. box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
  6609. }
  6610. .shadow-none {
  6611. box-shadow: none !important;
  6612. }
  6613. .w-25 {
  6614. width: 25% !important;
  6615. }
  6616. .w-50 {
  6617. width: 50% !important;
  6618. }
  6619. .w-75 {
  6620. width: 75% !important;
  6621. }
  6622. .w-100 {
  6623. width: 100% !important;
  6624. }
  6625. .w-auto {
  6626. width: auto !important;
  6627. }
  6628. .h-25 {
  6629. height: 25% !important;
  6630. }
  6631. .h-50 {
  6632. height: 50% !important;
  6633. }
  6634. .h-75 {
  6635. height: 75% !important;
  6636. }
  6637. .h-100 {
  6638. height: 100% !important;
  6639. }
  6640. .h-auto {
  6641. height: auto !important;
  6642. }
  6643. .mw-100 {
  6644. max-width: 100% !important;
  6645. }
  6646. .mh-100 {
  6647. max-height: 100% !important;
  6648. }
  6649. .min-vw-100 {
  6650. min-width: 100vw !important;
  6651. }
  6652. .min-vh-100 {
  6653. min-height: 100vh !important;
  6654. }
  6655. .vw-100 {
  6656. width: 100vw !important;
  6657. }
  6658. .vh-100 {
  6659. height: 100vh !important;
  6660. }
  6661. .stretched-link::after {
  6662. position: absolute;
  6663. top: 0;
  6664. right: 0;
  6665. bottom: 0;
  6666. left: 0;
  6667. z-index: 1;
  6668. pointer-events: auto;
  6669. content: "";
  6670. background-color: rgba(0, 0, 0, 0);
  6671. }
  6672. .m-0 {
  6673. margin: 0 !important;
  6674. }
  6675. .mt-0,
  6676. .my-0 {
  6677. margin-top: 0 !important;
  6678. }
  6679. .mr-0,
  6680. .mx-0 {
  6681. margin-right: 0 !important;
  6682. }
  6683. .mb-0,
  6684. .my-0 {
  6685. margin-bottom: 0 !important;
  6686. }
  6687. .ml-0,
  6688. .mx-0 {
  6689. margin-left: 0 !important;
  6690. }
  6691. .m-1 {
  6692. margin: 0.25rem !important;
  6693. }
  6694. .mt-1,
  6695. .my-1 {
  6696. margin-top: 0.25rem !important;
  6697. }
  6698. .mr-1,
  6699. .mx-1 {
  6700. margin-right: 0.25rem !important;
  6701. }
  6702. .mb-1,
  6703. .my-1 {
  6704. margin-bottom: 0.25rem !important;
  6705. }
  6706. .ml-1,
  6707. .mx-1 {
  6708. margin-left: 0.25rem !important;
  6709. }
  6710. .m-2 {
  6711. margin: 0.5rem !important;
  6712. }
  6713. .mt-2,
  6714. .my-2 {
  6715. margin-top: 0.5rem !important;
  6716. }
  6717. .mr-2,
  6718. .mx-2 {
  6719. margin-right: 0.5rem !important;
  6720. }
  6721. .mb-2,
  6722. .my-2 {
  6723. margin-bottom: 0.5rem !important;
  6724. }
  6725. .ml-2,
  6726. .mx-2 {
  6727. margin-left: 0.5rem !important;
  6728. }
  6729. .m-3 {
  6730. margin: 1rem !important;
  6731. }
  6732. .mt-3,
  6733. .my-3 {
  6734. margin-top: 1rem !important;
  6735. }
  6736. .mr-3,
  6737. .mx-3 {
  6738. margin-right: 1rem !important;
  6739. }
  6740. .mb-3,
  6741. .my-3 {
  6742. margin-bottom: 1rem !important;
  6743. }
  6744. .ml-3,
  6745. .mx-3 {
  6746. margin-left: 1rem !important;
  6747. }
  6748. .m-4 {
  6749. margin: 1.5rem !important;
  6750. }
  6751. .mt-4,
  6752. .my-4 {
  6753. margin-top: 1.5rem !important;
  6754. }
  6755. .mr-4,
  6756. .mx-4 {
  6757. margin-right: 1.5rem !important;
  6758. }
  6759. .mb-4,
  6760. .my-4 {
  6761. margin-bottom: 1.5rem !important;
  6762. }
  6763. .ml-4,
  6764. .mx-4 {
  6765. margin-left: 1.5rem !important;
  6766. }
  6767. .m-5 {
  6768. margin: 3rem !important;
  6769. }
  6770. .mt-5,
  6771. .my-5 {
  6772. margin-top: 3rem !important;
  6773. }
  6774. .mr-5,
  6775. .mx-5 {
  6776. margin-right: 3rem !important;
  6777. }
  6778. .mb-5,
  6779. .my-5 {
  6780. margin-bottom: 3rem !important;
  6781. }
  6782. .ml-5,
  6783. .mx-5 {
  6784. margin-left: 3rem !important;
  6785. }
  6786. .p-0 {
  6787. padding: 0 !important;
  6788. }
  6789. .pt-0,
  6790. .py-0 {
  6791. padding-top: 0 !important;
  6792. }
  6793. .pr-0,
  6794. .px-0 {
  6795. padding-right: 0 !important;
  6796. }
  6797. .pb-0,
  6798. .py-0 {
  6799. padding-bottom: 0 !important;
  6800. }
  6801. .pl-0,
  6802. .px-0 {
  6803. padding-left: 0 !important;
  6804. }
  6805. .p-1 {
  6806. padding: 0.25rem !important;
  6807. }
  6808. .pt-1,
  6809. .py-1 {
  6810. padding-top: 0.25rem !important;
  6811. }
  6812. .pr-1,
  6813. .px-1 {
  6814. padding-right: 0.25rem !important;
  6815. }
  6816. .pb-1,
  6817. .py-1 {
  6818. padding-bottom: 0.25rem !important;
  6819. }
  6820. .pl-1,
  6821. .px-1 {
  6822. padding-left: 0.25rem !important;
  6823. }
  6824. .p-2 {
  6825. padding: 0.5rem !important;
  6826. }
  6827. .pt-2,
  6828. .py-2 {
  6829. padding-top: 0.5rem !important;
  6830. }
  6831. .pr-2,
  6832. .px-2 {
  6833. padding-right: 0.5rem !important;
  6834. }
  6835. .pb-2,
  6836. .py-2 {
  6837. padding-bottom: 0.5rem !important;
  6838. }
  6839. .pl-2,
  6840. .px-2 {
  6841. padding-left: 0.5rem !important;
  6842. }
  6843. .p-3 {
  6844. padding: 1rem !important;
  6845. }
  6846. .pt-3,
  6847. .py-3 {
  6848. padding-top: 1rem !important;
  6849. }
  6850. .pr-3,
  6851. .px-3 {
  6852. padding-right: 1rem !important;
  6853. }
  6854. .pb-3,
  6855. .py-3 {
  6856. padding-bottom: 1rem !important;
  6857. }
  6858. .pl-3,
  6859. .px-3 {
  6860. padding-left: 1rem !important;
  6861. }
  6862. .p-4 {
  6863. padding: 1.5rem !important;
  6864. }
  6865. .pt-4,
  6866. .py-4 {
  6867. padding-top: 1.5rem !important;
  6868. }
  6869. .pr-4,
  6870. .px-4 {
  6871. padding-right: 1.5rem !important;
  6872. }
  6873. .pb-4,
  6874. .py-4 {
  6875. padding-bottom: 1.5rem !important;
  6876. }
  6877. .pl-4,
  6878. .px-4 {
  6879. padding-left: 1.5rem !important;
  6880. }
  6881. .p-5 {
  6882. padding: 3rem !important;
  6883. }
  6884. .pt-5,
  6885. .py-5 {
  6886. padding-top: 3rem !important;
  6887. }
  6888. .pr-5,
  6889. .px-5 {
  6890. padding-right: 3rem !important;
  6891. }
  6892. .pb-5,
  6893. .py-5 {
  6894. padding-bottom: 3rem !important;
  6895. }
  6896. .pl-5,
  6897. .px-5 {
  6898. padding-left: 3rem !important;
  6899. }
  6900. .m-n1 {
  6901. margin: -0.25rem !important;
  6902. }
  6903. .mt-n1,
  6904. .my-n1 {
  6905. margin-top: -0.25rem !important;
  6906. }
  6907. .mr-n1,
  6908. .mx-n1 {
  6909. margin-right: -0.25rem !important;
  6910. }
  6911. .mb-n1,
  6912. .my-n1 {
  6913. margin-bottom: -0.25rem !important;
  6914. }
  6915. .ml-n1,
  6916. .mx-n1 {
  6917. margin-left: -0.25rem !important;
  6918. }
  6919. .m-n2 {
  6920. margin: -0.5rem !important;
  6921. }
  6922. .mt-n2,
  6923. .my-n2 {
  6924. margin-top: -0.5rem !important;
  6925. }
  6926. .mr-n2,
  6927. .mx-n2 {
  6928. margin-right: -0.5rem !important;
  6929. }
  6930. .mb-n2,
  6931. .my-n2 {
  6932. margin-bottom: -0.5rem !important;
  6933. }
  6934. .ml-n2,
  6935. .mx-n2 {
  6936. margin-left: -0.5rem !important;
  6937. }
  6938. .m-n3 {
  6939. margin: -1rem !important;
  6940. }
  6941. .mt-n3,
  6942. .my-n3 {
  6943. margin-top: -1rem !important;
  6944. }
  6945. .mr-n3,
  6946. .mx-n3 {
  6947. margin-right: -1rem !important;
  6948. }
  6949. .mb-n3,
  6950. .my-n3 {
  6951. margin-bottom: -1rem !important;
  6952. }
  6953. .ml-n3,
  6954. .mx-n3 {
  6955. margin-left: -1rem !important;
  6956. }
  6957. .m-n4 {
  6958. margin: -1.5rem !important;
  6959. }
  6960. .mt-n4,
  6961. .my-n4 {
  6962. margin-top: -1.5rem !important;
  6963. }
  6964. .mr-n4,
  6965. .mx-n4 {
  6966. margin-right: -1.5rem !important;
  6967. }
  6968. .mb-n4,
  6969. .my-n4 {
  6970. margin-bottom: -1.5rem !important;
  6971. }
  6972. .ml-n4,
  6973. .mx-n4 {
  6974. margin-left: -1.5rem !important;
  6975. }
  6976. .m-n5 {
  6977. margin: -3rem !important;
  6978. }
  6979. .mt-n5,
  6980. .my-n5 {
  6981. margin-top: -3rem !important;
  6982. }
  6983. .mr-n5,
  6984. .mx-n5 {
  6985. margin-right: -3rem !important;
  6986. }
  6987. .mb-n5,
  6988. .my-n5 {
  6989. margin-bottom: -3rem !important;
  6990. }
  6991. .ml-n5,
  6992. .mx-n5 {
  6993. margin-left: -3rem !important;
  6994. }
  6995. .m-auto {
  6996. margin: auto !important;
  6997. }
  6998. .mt-auto,
  6999. .my-auto {
  7000. margin-top: auto !important;
  7001. }
  7002. .mr-auto,
  7003. .mx-auto {
  7004. margin-right: auto !important;
  7005. }
  7006. .mb-auto,
  7007. .my-auto {
  7008. margin-bottom: auto !important;
  7009. }
  7010. .ml-auto,
  7011. .mx-auto {
  7012. margin-left: auto !important;
  7013. }
  7014. @media (min-width: 576px) {
  7015. .m-sm-0 {
  7016. margin: 0 !important;
  7017. }
  7018. .mt-sm-0,
  7019. .my-sm-0 {
  7020. margin-top: 0 !important;
  7021. }
  7022. .mr-sm-0,
  7023. .mx-sm-0 {
  7024. margin-right: 0 !important;
  7025. }
  7026. .mb-sm-0,
  7027. .my-sm-0 {
  7028. margin-bottom: 0 !important;
  7029. }
  7030. .ml-sm-0,
  7031. .mx-sm-0 {
  7032. margin-left: 0 !important;
  7033. }
  7034. .m-sm-1 {
  7035. margin: 0.25rem !important;
  7036. }
  7037. .mt-sm-1,
  7038. .my-sm-1 {
  7039. margin-top: 0.25rem !important;
  7040. }
  7041. .mr-sm-1,
  7042. .mx-sm-1 {
  7043. margin-right: 0.25rem !important;
  7044. }
  7045. .mb-sm-1,
  7046. .my-sm-1 {
  7047. margin-bottom: 0.25rem !important;
  7048. }
  7049. .ml-sm-1,
  7050. .mx-sm-1 {
  7051. margin-left: 0.25rem !important;
  7052. }
  7053. .m-sm-2 {
  7054. margin: 0.5rem !important;
  7055. }
  7056. .mt-sm-2,
  7057. .my-sm-2 {
  7058. margin-top: 0.5rem !important;
  7059. }
  7060. .mr-sm-2,
  7061. .mx-sm-2 {
  7062. margin-right: 0.5rem !important;
  7063. }
  7064. .mb-sm-2,
  7065. .my-sm-2 {
  7066. margin-bottom: 0.5rem !important;
  7067. }
  7068. .ml-sm-2,
  7069. .mx-sm-2 {
  7070. margin-left: 0.5rem !important;
  7071. }
  7072. .m-sm-3 {
  7073. margin: 1rem !important;
  7074. }
  7075. .mt-sm-3,
  7076. .my-sm-3 {
  7077. margin-top: 1rem !important;
  7078. }
  7079. .mr-sm-3,
  7080. .mx-sm-3 {
  7081. margin-right: 1rem !important;
  7082. }
  7083. .mb-sm-3,
  7084. .my-sm-3 {
  7085. margin-bottom: 1rem !important;
  7086. }
  7087. .ml-sm-3,
  7088. .mx-sm-3 {
  7089. margin-left: 1rem !important;
  7090. }
  7091. .m-sm-4 {
  7092. margin: 1.5rem !important;
  7093. }
  7094. .mt-sm-4,
  7095. .my-sm-4 {
  7096. margin-top: 1.5rem !important;
  7097. }
  7098. .mr-sm-4,
  7099. .mx-sm-4 {
  7100. margin-right: 1.5rem !important;
  7101. }
  7102. .mb-sm-4,
  7103. .my-sm-4 {
  7104. margin-bottom: 1.5rem !important;
  7105. }
  7106. .ml-sm-4,
  7107. .mx-sm-4 {
  7108. margin-left: 1.5rem !important;
  7109. }
  7110. .m-sm-5 {
  7111. margin: 3rem !important;
  7112. }
  7113. .mt-sm-5,
  7114. .my-sm-5 {
  7115. margin-top: 3rem !important;
  7116. }
  7117. .mr-sm-5,
  7118. .mx-sm-5 {
  7119. margin-right: 3rem !important;
  7120. }
  7121. .mb-sm-5,
  7122. .my-sm-5 {
  7123. margin-bottom: 3rem !important;
  7124. }
  7125. .ml-sm-5,
  7126. .mx-sm-5 {
  7127. margin-left: 3rem !important;
  7128. }
  7129. .p-sm-0 {
  7130. padding: 0 !important;
  7131. }
  7132. .pt-sm-0,
  7133. .py-sm-0 {
  7134. padding-top: 0 !important;
  7135. }
  7136. .pr-sm-0,
  7137. .px-sm-0 {
  7138. padding-right: 0 !important;
  7139. }
  7140. .pb-sm-0,
  7141. .py-sm-0 {
  7142. padding-bottom: 0 !important;
  7143. }
  7144. .pl-sm-0,
  7145. .px-sm-0 {
  7146. padding-left: 0 !important;
  7147. }
  7148. .p-sm-1 {
  7149. padding: 0.25rem !important;
  7150. }
  7151. .pt-sm-1,
  7152. .py-sm-1 {
  7153. padding-top: 0.25rem !important;
  7154. }
  7155. .pr-sm-1,
  7156. .px-sm-1 {
  7157. padding-right: 0.25rem !important;
  7158. }
  7159. .pb-sm-1,
  7160. .py-sm-1 {
  7161. padding-bottom: 0.25rem !important;
  7162. }
  7163. .pl-sm-1,
  7164. .px-sm-1 {
  7165. padding-left: 0.25rem !important;
  7166. }
  7167. .p-sm-2 {
  7168. padding: 0.5rem !important;
  7169. }
  7170. .pt-sm-2,
  7171. .py-sm-2 {
  7172. padding-top: 0.5rem !important;
  7173. }
  7174. .pr-sm-2,
  7175. .px-sm-2 {
  7176. padding-right: 0.5rem !important;
  7177. }
  7178. .pb-sm-2,
  7179. .py-sm-2 {
  7180. padding-bottom: 0.5rem !important;
  7181. }
  7182. .pl-sm-2,
  7183. .px-sm-2 {
  7184. padding-left: 0.5rem !important;
  7185. }
  7186. .p-sm-3 {
  7187. padding: 1rem !important;
  7188. }
  7189. .pt-sm-3,
  7190. .py-sm-3 {
  7191. padding-top: 1rem !important;
  7192. }
  7193. .pr-sm-3,
  7194. .px-sm-3 {
  7195. padding-right: 1rem !important;
  7196. }
  7197. .pb-sm-3,
  7198. .py-sm-3 {
  7199. padding-bottom: 1rem !important;
  7200. }
  7201. .pl-sm-3,
  7202. .px-sm-3 {
  7203. padding-left: 1rem !important;
  7204. }
  7205. .p-sm-4 {
  7206. padding: 1.5rem !important;
  7207. }
  7208. .pt-sm-4,
  7209. .py-sm-4 {
  7210. padding-top: 1.5rem !important;
  7211. }
  7212. .pr-sm-4,
  7213. .px-sm-4 {
  7214. padding-right: 1.5rem !important;
  7215. }
  7216. .pb-sm-4,
  7217. .py-sm-4 {
  7218. padding-bottom: 1.5rem !important;
  7219. }
  7220. .pl-sm-4,
  7221. .px-sm-4 {
  7222. padding-left: 1.5rem !important;
  7223. }
  7224. .p-sm-5 {
  7225. padding: 3rem !important;
  7226. }
  7227. .pt-sm-5,
  7228. .py-sm-5 {
  7229. padding-top: 3rem !important;
  7230. }
  7231. .pr-sm-5,
  7232. .px-sm-5 {
  7233. padding-right: 3rem !important;
  7234. }
  7235. .pb-sm-5,
  7236. .py-sm-5 {
  7237. padding-bottom: 3rem !important;
  7238. }
  7239. .pl-sm-5,
  7240. .px-sm-5 {
  7241. padding-left: 3rem !important;
  7242. }
  7243. .m-sm-n1 {
  7244. margin: -0.25rem !important;
  7245. }
  7246. .mt-sm-n1,
  7247. .my-sm-n1 {
  7248. margin-top: -0.25rem !important;
  7249. }
  7250. .mr-sm-n1,
  7251. .mx-sm-n1 {
  7252. margin-right: -0.25rem !important;
  7253. }
  7254. .mb-sm-n1,
  7255. .my-sm-n1 {
  7256. margin-bottom: -0.25rem !important;
  7257. }
  7258. .ml-sm-n1,
  7259. .mx-sm-n1 {
  7260. margin-left: -0.25rem !important;
  7261. }
  7262. .m-sm-n2 {
  7263. margin: -0.5rem !important;
  7264. }
  7265. .mt-sm-n2,
  7266. .my-sm-n2 {
  7267. margin-top: -0.5rem !important;
  7268. }
  7269. .mr-sm-n2,
  7270. .mx-sm-n2 {
  7271. margin-right: -0.5rem !important;
  7272. }
  7273. .mb-sm-n2,
  7274. .my-sm-n2 {
  7275. margin-bottom: -0.5rem !important;
  7276. }
  7277. .ml-sm-n2,
  7278. .mx-sm-n2 {
  7279. margin-left: -0.5rem !important;
  7280. }
  7281. .m-sm-n3 {
  7282. margin: -1rem !important;
  7283. }
  7284. .mt-sm-n3,
  7285. .my-sm-n3 {
  7286. margin-top: -1rem !important;
  7287. }
  7288. .mr-sm-n3,
  7289. .mx-sm-n3 {
  7290. margin-right: -1rem !important;
  7291. }
  7292. .mb-sm-n3,
  7293. .my-sm-n3 {
  7294. margin-bottom: -1rem !important;
  7295. }
  7296. .ml-sm-n3,
  7297. .mx-sm-n3 {
  7298. margin-left: -1rem !important;
  7299. }
  7300. .m-sm-n4 {
  7301. margin: -1.5rem !important;
  7302. }
  7303. .mt-sm-n4,
  7304. .my-sm-n4 {
  7305. margin-top: -1.5rem !important;
  7306. }
  7307. .mr-sm-n4,
  7308. .mx-sm-n4 {
  7309. margin-right: -1.5rem !important;
  7310. }
  7311. .mb-sm-n4,
  7312. .my-sm-n4 {
  7313. margin-bottom: -1.5rem !important;
  7314. }
  7315. .ml-sm-n4,
  7316. .mx-sm-n4 {
  7317. margin-left: -1.5rem !important;
  7318. }
  7319. .m-sm-n5 {
  7320. margin: -3rem !important;
  7321. }
  7322. .mt-sm-n5,
  7323. .my-sm-n5 {
  7324. margin-top: -3rem !important;
  7325. }
  7326. .mr-sm-n5,
  7327. .mx-sm-n5 {
  7328. margin-right: -3rem !important;
  7329. }
  7330. .mb-sm-n5,
  7331. .my-sm-n5 {
  7332. margin-bottom: -3rem !important;
  7333. }
  7334. .ml-sm-n5,
  7335. .mx-sm-n5 {
  7336. margin-left: -3rem !important;
  7337. }
  7338. .m-sm-auto {
  7339. margin: auto !important;
  7340. }
  7341. .mt-sm-auto,
  7342. .my-sm-auto {
  7343. margin-top: auto !important;
  7344. }
  7345. .mr-sm-auto,
  7346. .mx-sm-auto {
  7347. margin-right: auto !important;
  7348. }
  7349. .mb-sm-auto,
  7350. .my-sm-auto {
  7351. margin-bottom: auto !important;
  7352. }
  7353. .ml-sm-auto,
  7354. .mx-sm-auto {
  7355. margin-left: auto !important;
  7356. }
  7357. }
  7358. @media (min-width: 768px) {
  7359. .m-md-0 {
  7360. margin: 0 !important;
  7361. }
  7362. .mt-md-0,
  7363. .my-md-0 {
  7364. margin-top: 0 !important;
  7365. }
  7366. .mr-md-0,
  7367. .mx-md-0 {
  7368. margin-right: 0 !important;
  7369. }
  7370. .mb-md-0,
  7371. .my-md-0 {
  7372. margin-bottom: 0 !important;
  7373. }
  7374. .ml-md-0,
  7375. .mx-md-0 {
  7376. margin-left: 0 !important;
  7377. }
  7378. .m-md-1 {
  7379. margin: 0.25rem !important;
  7380. }
  7381. .mt-md-1,
  7382. .my-md-1 {
  7383. margin-top: 0.25rem !important;
  7384. }
  7385. .mr-md-1,
  7386. .mx-md-1 {
  7387. margin-right: 0.25rem !important;
  7388. }
  7389. .mb-md-1,
  7390. .my-md-1 {
  7391. margin-bottom: 0.25rem !important;
  7392. }
  7393. .ml-md-1,
  7394. .mx-md-1 {
  7395. margin-left: 0.25rem !important;
  7396. }
  7397. .m-md-2 {
  7398. margin: 0.5rem !important;
  7399. }
  7400. .mt-md-2,
  7401. .my-md-2 {
  7402. margin-top: 0.5rem !important;
  7403. }
  7404. .mr-md-2,
  7405. .mx-md-2 {
  7406. margin-right: 0.5rem !important;
  7407. }
  7408. .mb-md-2,
  7409. .my-md-2 {
  7410. margin-bottom: 0.5rem !important;
  7411. }
  7412. .ml-md-2,
  7413. .mx-md-2 {
  7414. margin-left: 0.5rem !important;
  7415. }
  7416. .m-md-3 {
  7417. margin: 1rem !important;
  7418. }
  7419. .mt-md-3,
  7420. .my-md-3 {
  7421. margin-top: 1rem !important;
  7422. }
  7423. .mr-md-3,
  7424. .mx-md-3 {
  7425. margin-right: 1rem !important;
  7426. }
  7427. .mb-md-3,
  7428. .my-md-3 {
  7429. margin-bottom: 1rem !important;
  7430. }
  7431. .ml-md-3,
  7432. .mx-md-3 {
  7433. margin-left: 1rem !important;
  7434. }
  7435. .m-md-4 {
  7436. margin: 1.5rem !important;
  7437. }
  7438. .mt-md-4,
  7439. .my-md-4 {
  7440. margin-top: 1.5rem !important;
  7441. }
  7442. .mr-md-4,
  7443. .mx-md-4 {
  7444. margin-right: 1.5rem !important;
  7445. }
  7446. .mb-md-4,
  7447. .my-md-4 {
  7448. margin-bottom: 1.5rem !important;
  7449. }
  7450. .ml-md-4,
  7451. .mx-md-4 {
  7452. margin-left: 1.5rem !important;
  7453. }
  7454. .m-md-5 {
  7455. margin: 3rem !important;
  7456. }
  7457. .mt-md-5,
  7458. .my-md-5 {
  7459. margin-top: 3rem !important;
  7460. }
  7461. .mr-md-5,
  7462. .mx-md-5 {
  7463. margin-right: 3rem !important;
  7464. }
  7465. .mb-md-5,
  7466. .my-md-5 {
  7467. margin-bottom: 3rem !important;
  7468. }
  7469. .ml-md-5,
  7470. .mx-md-5 {
  7471. margin-left: 3rem !important;
  7472. }
  7473. .p-md-0 {
  7474. padding: 0 !important;
  7475. }
  7476. .pt-md-0,
  7477. .py-md-0 {
  7478. padding-top: 0 !important;
  7479. }
  7480. .pr-md-0,
  7481. .px-md-0 {
  7482. padding-right: 0 !important;
  7483. }
  7484. .pb-md-0,
  7485. .py-md-0 {
  7486. padding-bottom: 0 !important;
  7487. }
  7488. .pl-md-0,
  7489. .px-md-0 {
  7490. padding-left: 0 !important;
  7491. }
  7492. .p-md-1 {
  7493. padding: 0.25rem !important;
  7494. }
  7495. .pt-md-1,
  7496. .py-md-1 {
  7497. padding-top: 0.25rem !important;
  7498. }
  7499. .pr-md-1,
  7500. .px-md-1 {
  7501. padding-right: 0.25rem !important;
  7502. }
  7503. .pb-md-1,
  7504. .py-md-1 {
  7505. padding-bottom: 0.25rem !important;
  7506. }
  7507. .pl-md-1,
  7508. .px-md-1 {
  7509. padding-left: 0.25rem !important;
  7510. }
  7511. .p-md-2 {
  7512. padding: 0.5rem !important;
  7513. }
  7514. .pt-md-2,
  7515. .py-md-2 {
  7516. padding-top: 0.5rem !important;
  7517. }
  7518. .pr-md-2,
  7519. .px-md-2 {
  7520. padding-right: 0.5rem !important;
  7521. }
  7522. .pb-md-2,
  7523. .py-md-2 {
  7524. padding-bottom: 0.5rem !important;
  7525. }
  7526. .pl-md-2,
  7527. .px-md-2 {
  7528. padding-left: 0.5rem !important;
  7529. }
  7530. .p-md-3 {
  7531. padding: 1rem !important;
  7532. }
  7533. .pt-md-3,
  7534. .py-md-3 {
  7535. padding-top: 1rem !important;
  7536. }
  7537. .pr-md-3,
  7538. .px-md-3 {
  7539. padding-right: 1rem !important;
  7540. }
  7541. .pb-md-3,
  7542. .py-md-3 {
  7543. padding-bottom: 1rem !important;
  7544. }
  7545. .pl-md-3,
  7546. .px-md-3 {
  7547. padding-left: 1rem !important;
  7548. }
  7549. .p-md-4 {
  7550. padding: 1.5rem !important;
  7551. }
  7552. .pt-md-4,
  7553. .py-md-4 {
  7554. padding-top: 1.5rem !important;
  7555. }
  7556. .pr-md-4,
  7557. .px-md-4 {
  7558. padding-right: 1.5rem !important;
  7559. }
  7560. .pb-md-4,
  7561. .py-md-4 {
  7562. padding-bottom: 1.5rem !important;
  7563. }
  7564. .pl-md-4,
  7565. .px-md-4 {
  7566. padding-left: 1.5rem !important;
  7567. }
  7568. .p-md-5 {
  7569. padding: 3rem !important;
  7570. }
  7571. .pt-md-5,
  7572. .py-md-5 {
  7573. padding-top: 3rem !important;
  7574. }
  7575. .pr-md-5,
  7576. .px-md-5 {
  7577. padding-right: 3rem !important;
  7578. }
  7579. .pb-md-5,
  7580. .py-md-5 {
  7581. padding-bottom: 3rem !important;
  7582. }
  7583. .pl-md-5,
  7584. .px-md-5 {
  7585. padding-left: 3rem !important;
  7586. }
  7587. .m-md-n1 {
  7588. margin: -0.25rem !important;
  7589. }
  7590. .mt-md-n1,
  7591. .my-md-n1 {
  7592. margin-top: -0.25rem !important;
  7593. }
  7594. .mr-md-n1,
  7595. .mx-md-n1 {
  7596. margin-right: -0.25rem !important;
  7597. }
  7598. .mb-md-n1,
  7599. .my-md-n1 {
  7600. margin-bottom: -0.25rem !important;
  7601. }
  7602. .ml-md-n1,
  7603. .mx-md-n1 {
  7604. margin-left: -0.25rem !important;
  7605. }
  7606. .m-md-n2 {
  7607. margin: -0.5rem !important;
  7608. }
  7609. .mt-md-n2,
  7610. .my-md-n2 {
  7611. margin-top: -0.5rem !important;
  7612. }
  7613. .mr-md-n2,
  7614. .mx-md-n2 {
  7615. margin-right: -0.5rem !important;
  7616. }
  7617. .mb-md-n2,
  7618. .my-md-n2 {
  7619. margin-bottom: -0.5rem !important;
  7620. }
  7621. .ml-md-n2,
  7622. .mx-md-n2 {
  7623. margin-left: -0.5rem !important;
  7624. }
  7625. .m-md-n3 {
  7626. margin: -1rem !important;
  7627. }
  7628. .mt-md-n3,
  7629. .my-md-n3 {
  7630. margin-top: -1rem !important;
  7631. }
  7632. .mr-md-n3,
  7633. .mx-md-n3 {
  7634. margin-right: -1rem !important;
  7635. }
  7636. .mb-md-n3,
  7637. .my-md-n3 {
  7638. margin-bottom: -1rem !important;
  7639. }
  7640. .ml-md-n3,
  7641. .mx-md-n3 {
  7642. margin-left: -1rem !important;
  7643. }
  7644. .m-md-n4 {
  7645. margin: -1.5rem !important;
  7646. }
  7647. .mt-md-n4,
  7648. .my-md-n4 {
  7649. margin-top: -1.5rem !important;
  7650. }
  7651. .mr-md-n4,
  7652. .mx-md-n4 {
  7653. margin-right: -1.5rem !important;
  7654. }
  7655. .mb-md-n4,
  7656. .my-md-n4 {
  7657. margin-bottom: -1.5rem !important;
  7658. }
  7659. .ml-md-n4,
  7660. .mx-md-n4 {
  7661. margin-left: -1.5rem !important;
  7662. }
  7663. .m-md-n5 {
  7664. margin: -3rem !important;
  7665. }
  7666. .mt-md-n5,
  7667. .my-md-n5 {
  7668. margin-top: -3rem !important;
  7669. }
  7670. .mr-md-n5,
  7671. .mx-md-n5 {
  7672. margin-right: -3rem !important;
  7673. }
  7674. .mb-md-n5,
  7675. .my-md-n5 {
  7676. margin-bottom: -3rem !important;
  7677. }
  7678. .ml-md-n5,
  7679. .mx-md-n5 {
  7680. margin-left: -3rem !important;
  7681. }
  7682. .m-md-auto {
  7683. margin: auto !important;
  7684. }
  7685. .mt-md-auto,
  7686. .my-md-auto {
  7687. margin-top: auto !important;
  7688. }
  7689. .mr-md-auto,
  7690. .mx-md-auto {
  7691. margin-right: auto !important;
  7692. }
  7693. .mb-md-auto,
  7694. .my-md-auto {
  7695. margin-bottom: auto !important;
  7696. }
  7697. .ml-md-auto,
  7698. .mx-md-auto {
  7699. margin-left: auto !important;
  7700. }
  7701. }
  7702. @media (min-width: 992px) {
  7703. .m-lg-0 {
  7704. margin: 0 !important;
  7705. }
  7706. .mt-lg-0,
  7707. .my-lg-0 {
  7708. margin-top: 0 !important;
  7709. }
  7710. .mr-lg-0,
  7711. .mx-lg-0 {
  7712. margin-right: 0 !important;
  7713. }
  7714. .mb-lg-0,
  7715. .my-lg-0 {
  7716. margin-bottom: 0 !important;
  7717. }
  7718. .ml-lg-0,
  7719. .mx-lg-0 {
  7720. margin-left: 0 !important;
  7721. }
  7722. .m-lg-1 {
  7723. margin: 0.25rem !important;
  7724. }
  7725. .mt-lg-1,
  7726. .my-lg-1 {
  7727. margin-top: 0.25rem !important;
  7728. }
  7729. .mr-lg-1,
  7730. .mx-lg-1 {
  7731. margin-right: 0.25rem !important;
  7732. }
  7733. .mb-lg-1,
  7734. .my-lg-1 {
  7735. margin-bottom: 0.25rem !important;
  7736. }
  7737. .ml-lg-1,
  7738. .mx-lg-1 {
  7739. margin-left: 0.25rem !important;
  7740. }
  7741. .m-lg-2 {
  7742. margin: 0.5rem !important;
  7743. }
  7744. .mt-lg-2,
  7745. .my-lg-2 {
  7746. margin-top: 0.5rem !important;
  7747. }
  7748. .mr-lg-2,
  7749. .mx-lg-2 {
  7750. margin-right: 0.5rem !important;
  7751. }
  7752. .mb-lg-2,
  7753. .my-lg-2 {
  7754. margin-bottom: 0.5rem !important;
  7755. }
  7756. .ml-lg-2,
  7757. .mx-lg-2 {
  7758. margin-left: 0.5rem !important;
  7759. }
  7760. .m-lg-3 {
  7761. margin: 1rem !important;
  7762. }
  7763. .mt-lg-3,
  7764. .my-lg-3 {
  7765. margin-top: 1rem !important;
  7766. }
  7767. .mr-lg-3,
  7768. .mx-lg-3 {
  7769. margin-right: 1rem !important;
  7770. }
  7771. .mb-lg-3,
  7772. .my-lg-3 {
  7773. margin-bottom: 1rem !important;
  7774. }
  7775. .ml-lg-3,
  7776. .mx-lg-3 {
  7777. margin-left: 1rem !important;
  7778. }
  7779. .m-lg-4 {
  7780. margin: 1.5rem !important;
  7781. }
  7782. .mt-lg-4,
  7783. .my-lg-4 {
  7784. margin-top: 1.5rem !important;
  7785. }
  7786. .mr-lg-4,
  7787. .mx-lg-4 {
  7788. margin-right: 1.5rem !important;
  7789. }
  7790. .mb-lg-4,
  7791. .my-lg-4 {
  7792. margin-bottom: 1.5rem !important;
  7793. }
  7794. .ml-lg-4,
  7795. .mx-lg-4 {
  7796. margin-left: 1.5rem !important;
  7797. }
  7798. .m-lg-5 {
  7799. margin: 3rem !important;
  7800. }
  7801. .mt-lg-5,
  7802. .my-lg-5 {
  7803. margin-top: 3rem !important;
  7804. }
  7805. .mr-lg-5,
  7806. .mx-lg-5 {
  7807. margin-right: 3rem !important;
  7808. }
  7809. .mb-lg-5,
  7810. .my-lg-5 {
  7811. margin-bottom: 3rem !important;
  7812. }
  7813. .ml-lg-5,
  7814. .mx-lg-5 {
  7815. margin-left: 3rem !important;
  7816. }
  7817. .p-lg-0 {
  7818. padding: 0 !important;
  7819. }
  7820. .pt-lg-0,
  7821. .py-lg-0 {
  7822. padding-top: 0 !important;
  7823. }
  7824. .pr-lg-0,
  7825. .px-lg-0 {
  7826. padding-right: 0 !important;
  7827. }
  7828. .pb-lg-0,
  7829. .py-lg-0 {
  7830. padding-bottom: 0 !important;
  7831. }
  7832. .pl-lg-0,
  7833. .px-lg-0 {
  7834. padding-left: 0 !important;
  7835. }
  7836. .p-lg-1 {
  7837. padding: 0.25rem !important;
  7838. }
  7839. .pt-lg-1,
  7840. .py-lg-1 {
  7841. padding-top: 0.25rem !important;
  7842. }
  7843. .pr-lg-1,
  7844. .px-lg-1 {
  7845. padding-right: 0.25rem !important;
  7846. }
  7847. .pb-lg-1,
  7848. .py-lg-1 {
  7849. padding-bottom: 0.25rem !important;
  7850. }
  7851. .pl-lg-1,
  7852. .px-lg-1 {
  7853. padding-left: 0.25rem !important;
  7854. }
  7855. .p-lg-2 {
  7856. padding: 0.5rem !important;
  7857. }
  7858. .pt-lg-2,
  7859. .py-lg-2 {
  7860. padding-top: 0.5rem !important;
  7861. }
  7862. .pr-lg-2,
  7863. .px-lg-2 {
  7864. padding-right: 0.5rem !important;
  7865. }
  7866. .pb-lg-2,
  7867. .py-lg-2 {
  7868. padding-bottom: 0.5rem !important;
  7869. }
  7870. .pl-lg-2,
  7871. .px-lg-2 {
  7872. padding-left: 0.5rem !important;
  7873. }
  7874. .p-lg-3 {
  7875. padding: 1rem !important;
  7876. }
  7877. .pt-lg-3,
  7878. .py-lg-3 {
  7879. padding-top: 1rem !important;
  7880. }
  7881. .pr-lg-3,
  7882. .px-lg-3 {
  7883. padding-right: 1rem !important;
  7884. }
  7885. .pb-lg-3,
  7886. .py-lg-3 {
  7887. padding-bottom: 1rem !important;
  7888. }
  7889. .pl-lg-3,
  7890. .px-lg-3 {
  7891. padding-left: 1rem !important;
  7892. }
  7893. .p-lg-4 {
  7894. padding: 1.5rem !important;
  7895. }
  7896. .pt-lg-4,
  7897. .py-lg-4 {
  7898. padding-top: 1.5rem !important;
  7899. }
  7900. .pr-lg-4,
  7901. .px-lg-4 {
  7902. padding-right: 1.5rem !important;
  7903. }
  7904. .pb-lg-4,
  7905. .py-lg-4 {
  7906. padding-bottom: 1.5rem !important;
  7907. }
  7908. .pl-lg-4,
  7909. .px-lg-4 {
  7910. padding-left: 1.5rem !important;
  7911. }
  7912. .p-lg-5 {
  7913. padding: 3rem !important;
  7914. }
  7915. .pt-lg-5,
  7916. .py-lg-5 {
  7917. padding-top: 3rem !important;
  7918. }
  7919. .pr-lg-5,
  7920. .px-lg-5 {
  7921. padding-right: 3rem !important;
  7922. }
  7923. .pb-lg-5,
  7924. .py-lg-5 {
  7925. padding-bottom: 3rem !important;
  7926. }
  7927. .pl-lg-5,
  7928. .px-lg-5 {
  7929. padding-left: 3rem !important;
  7930. }
  7931. .m-lg-n1 {
  7932. margin: -0.25rem !important;
  7933. }
  7934. .mt-lg-n1,
  7935. .my-lg-n1 {
  7936. margin-top: -0.25rem !important;
  7937. }
  7938. .mr-lg-n1,
  7939. .mx-lg-n1 {
  7940. margin-right: -0.25rem !important;
  7941. }
  7942. .mb-lg-n1,
  7943. .my-lg-n1 {
  7944. margin-bottom: -0.25rem !important;
  7945. }
  7946. .ml-lg-n1,
  7947. .mx-lg-n1 {
  7948. margin-left: -0.25rem !important;
  7949. }
  7950. .m-lg-n2 {
  7951. margin: -0.5rem !important;
  7952. }
  7953. .mt-lg-n2,
  7954. .my-lg-n2 {
  7955. margin-top: -0.5rem !important;
  7956. }
  7957. .mr-lg-n2,
  7958. .mx-lg-n2 {
  7959. margin-right: -0.5rem !important;
  7960. }
  7961. .mb-lg-n2,
  7962. .my-lg-n2 {
  7963. margin-bottom: -0.5rem !important;
  7964. }
  7965. .ml-lg-n2,
  7966. .mx-lg-n2 {
  7967. margin-left: -0.5rem !important;
  7968. }
  7969. .m-lg-n3 {
  7970. margin: -1rem !important;
  7971. }
  7972. .mt-lg-n3,
  7973. .my-lg-n3 {
  7974. margin-top: -1rem !important;
  7975. }
  7976. .mr-lg-n3,
  7977. .mx-lg-n3 {
  7978. margin-right: -1rem !important;
  7979. }
  7980. .mb-lg-n3,
  7981. .my-lg-n3 {
  7982. margin-bottom: -1rem !important;
  7983. }
  7984. .ml-lg-n3,
  7985. .mx-lg-n3 {
  7986. margin-left: -1rem !important;
  7987. }
  7988. .m-lg-n4 {
  7989. margin: -1.5rem !important;
  7990. }
  7991. .mt-lg-n4,
  7992. .my-lg-n4 {
  7993. margin-top: -1.5rem !important;
  7994. }
  7995. .mr-lg-n4,
  7996. .mx-lg-n4 {
  7997. margin-right: -1.5rem !important;
  7998. }
  7999. .mb-lg-n4,
  8000. .my-lg-n4 {
  8001. margin-bottom: -1.5rem !important;
  8002. }
  8003. .ml-lg-n4,
  8004. .mx-lg-n4 {
  8005. margin-left: -1.5rem !important;
  8006. }
  8007. .m-lg-n5 {
  8008. margin: -3rem !important;
  8009. }
  8010. .mt-lg-n5,
  8011. .my-lg-n5 {
  8012. margin-top: -3rem !important;
  8013. }
  8014. .mr-lg-n5,
  8015. .mx-lg-n5 {
  8016. margin-right: -3rem !important;
  8017. }
  8018. .mb-lg-n5,
  8019. .my-lg-n5 {
  8020. margin-bottom: -3rem !important;
  8021. }
  8022. .ml-lg-n5,
  8023. .mx-lg-n5 {
  8024. margin-left: -3rem !important;
  8025. }
  8026. .m-lg-auto {
  8027. margin: auto !important;
  8028. }
  8029. .mt-lg-auto,
  8030. .my-lg-auto {
  8031. margin-top: auto !important;
  8032. }
  8033. .mr-lg-auto,
  8034. .mx-lg-auto {
  8035. margin-right: auto !important;
  8036. }
  8037. .mb-lg-auto,
  8038. .my-lg-auto {
  8039. margin-bottom: auto !important;
  8040. }
  8041. .ml-lg-auto,
  8042. .mx-lg-auto {
  8043. margin-left: auto !important;
  8044. }
  8045. }
  8046. @media (min-width: 1200px) {
  8047. .m-xl-0 {
  8048. margin: 0 !important;
  8049. }
  8050. .mt-xl-0,
  8051. .my-xl-0 {
  8052. margin-top: 0 !important;
  8053. }
  8054. .mr-xl-0,
  8055. .mx-xl-0 {
  8056. margin-right: 0 !important;
  8057. }
  8058. .mb-xl-0,
  8059. .my-xl-0 {
  8060. margin-bottom: 0 !important;
  8061. }
  8062. .ml-xl-0,
  8063. .mx-xl-0 {
  8064. margin-left: 0 !important;
  8065. }
  8066. .m-xl-1 {
  8067. margin: 0.25rem !important;
  8068. }
  8069. .mt-xl-1,
  8070. .my-xl-1 {
  8071. margin-top: 0.25rem !important;
  8072. }
  8073. .mr-xl-1,
  8074. .mx-xl-1 {
  8075. margin-right: 0.25rem !important;
  8076. }
  8077. .mb-xl-1,
  8078. .my-xl-1 {
  8079. margin-bottom: 0.25rem !important;
  8080. }
  8081. .ml-xl-1,
  8082. .mx-xl-1 {
  8083. margin-left: 0.25rem !important;
  8084. }
  8085. .m-xl-2 {
  8086. margin: 0.5rem !important;
  8087. }
  8088. .mt-xl-2,
  8089. .my-xl-2 {
  8090. margin-top: 0.5rem !important;
  8091. }
  8092. .mr-xl-2,
  8093. .mx-xl-2 {
  8094. margin-right: 0.5rem !important;
  8095. }
  8096. .mb-xl-2,
  8097. .my-xl-2 {
  8098. margin-bottom: 0.5rem !important;
  8099. }
  8100. .ml-xl-2,
  8101. .mx-xl-2 {
  8102. margin-left: 0.5rem !important;
  8103. }
  8104. .m-xl-3 {
  8105. margin: 1rem !important;
  8106. }
  8107. .mt-xl-3,
  8108. .my-xl-3 {
  8109. margin-top: 1rem !important;
  8110. }
  8111. .mr-xl-3,
  8112. .mx-xl-3 {
  8113. margin-right: 1rem !important;
  8114. }
  8115. .mb-xl-3,
  8116. .my-xl-3 {
  8117. margin-bottom: 1rem !important;
  8118. }
  8119. .ml-xl-3,
  8120. .mx-xl-3 {
  8121. margin-left: 1rem !important;
  8122. }
  8123. .m-xl-4 {
  8124. margin: 1.5rem !important;
  8125. }
  8126. .mt-xl-4,
  8127. .my-xl-4 {
  8128. margin-top: 1.5rem !important;
  8129. }
  8130. .mr-xl-4,
  8131. .mx-xl-4 {
  8132. margin-right: 1.5rem !important;
  8133. }
  8134. .mb-xl-4,
  8135. .my-xl-4 {
  8136. margin-bottom: 1.5rem !important;
  8137. }
  8138. .ml-xl-4,
  8139. .mx-xl-4 {
  8140. margin-left: 1.5rem !important;
  8141. }
  8142. .m-xl-5 {
  8143. margin: 3rem !important;
  8144. }
  8145. .mt-xl-5,
  8146. .my-xl-5 {
  8147. margin-top: 3rem !important;
  8148. }
  8149. .mr-xl-5,
  8150. .mx-xl-5 {
  8151. margin-right: 3rem !important;
  8152. }
  8153. .mb-xl-5,
  8154. .my-xl-5 {
  8155. margin-bottom: 3rem !important;
  8156. }
  8157. .ml-xl-5,
  8158. .mx-xl-5 {
  8159. margin-left: 3rem !important;
  8160. }
  8161. .p-xl-0 {
  8162. padding: 0 !important;
  8163. }
  8164. .pt-xl-0,
  8165. .py-xl-0 {
  8166. padding-top: 0 !important;
  8167. }
  8168. .pr-xl-0,
  8169. .px-xl-0 {
  8170. padding-right: 0 !important;
  8171. }
  8172. .pb-xl-0,
  8173. .py-xl-0 {
  8174. padding-bottom: 0 !important;
  8175. }
  8176. .pl-xl-0,
  8177. .px-xl-0 {
  8178. padding-left: 0 !important;
  8179. }
  8180. .p-xl-1 {
  8181. padding: 0.25rem !important;
  8182. }
  8183. .pt-xl-1,
  8184. .py-xl-1 {
  8185. padding-top: 0.25rem !important;
  8186. }
  8187. .pr-xl-1,
  8188. .px-xl-1 {
  8189. padding-right: 0.25rem !important;
  8190. }
  8191. .pb-xl-1,
  8192. .py-xl-1 {
  8193. padding-bottom: 0.25rem !important;
  8194. }
  8195. .pl-xl-1,
  8196. .px-xl-1 {
  8197. padding-left: 0.25rem !important;
  8198. }
  8199. .p-xl-2 {
  8200. padding: 0.5rem !important;
  8201. }
  8202. .pt-xl-2,
  8203. .py-xl-2 {
  8204. padding-top: 0.5rem !important;
  8205. }
  8206. .pr-xl-2,
  8207. .px-xl-2 {
  8208. padding-right: 0.5rem !important;
  8209. }
  8210. .pb-xl-2,
  8211. .py-xl-2 {
  8212. padding-bottom: 0.5rem !important;
  8213. }
  8214. .pl-xl-2,
  8215. .px-xl-2 {
  8216. padding-left: 0.5rem !important;
  8217. }
  8218. .p-xl-3 {
  8219. padding: 1rem !important;
  8220. }
  8221. .pt-xl-3,
  8222. .py-xl-3 {
  8223. padding-top: 1rem !important;
  8224. }
  8225. .pr-xl-3,
  8226. .px-xl-3 {
  8227. padding-right: 1rem !important;
  8228. }
  8229. .pb-xl-3,
  8230. .py-xl-3 {
  8231. padding-bottom: 1rem !important;
  8232. }
  8233. .pl-xl-3,
  8234. .px-xl-3 {
  8235. padding-left: 1rem !important;
  8236. }
  8237. .p-xl-4 {
  8238. padding: 1.5rem !important;
  8239. }
  8240. .pt-xl-4,
  8241. .py-xl-4 {
  8242. padding-top: 1.5rem !important;
  8243. }
  8244. .pr-xl-4,
  8245. .px-xl-4 {
  8246. padding-right: 1.5rem !important;
  8247. }
  8248. .pb-xl-4,
  8249. .py-xl-4 {
  8250. padding-bottom: 1.5rem !important;
  8251. }
  8252. .pl-xl-4,
  8253. .px-xl-4 {
  8254. padding-left: 1.5rem !important;
  8255. }
  8256. .p-xl-5 {
  8257. padding: 3rem !important;
  8258. }
  8259. .pt-xl-5,
  8260. .py-xl-5 {
  8261. padding-top: 3rem !important;
  8262. }
  8263. .pr-xl-5,
  8264. .px-xl-5 {
  8265. padding-right: 3rem !important;
  8266. }
  8267. .pb-xl-5,
  8268. .py-xl-5 {
  8269. padding-bottom: 3rem !important;
  8270. }
  8271. .pl-xl-5,
  8272. .px-xl-5 {
  8273. padding-left: 3rem !important;
  8274. }
  8275. .m-xl-n1 {
  8276. margin: -0.25rem !important;
  8277. }
  8278. .mt-xl-n1,
  8279. .my-xl-n1 {
  8280. margin-top: -0.25rem !important;
  8281. }
  8282. .mr-xl-n1,
  8283. .mx-xl-n1 {
  8284. margin-right: -0.25rem !important;
  8285. }
  8286. .mb-xl-n1,
  8287. .my-xl-n1 {
  8288. margin-bottom: -0.25rem !important;
  8289. }
  8290. .ml-xl-n1,
  8291. .mx-xl-n1 {
  8292. margin-left: -0.25rem !important;
  8293. }
  8294. .m-xl-n2 {
  8295. margin: -0.5rem !important;
  8296. }
  8297. .mt-xl-n2,
  8298. .my-xl-n2 {
  8299. margin-top: -0.5rem !important;
  8300. }
  8301. .mr-xl-n2,
  8302. .mx-xl-n2 {
  8303. margin-right: -0.5rem !important;
  8304. }
  8305. .mb-xl-n2,
  8306. .my-xl-n2 {
  8307. margin-bottom: -0.5rem !important;
  8308. }
  8309. .ml-xl-n2,
  8310. .mx-xl-n2 {
  8311. margin-left: -0.5rem !important;
  8312. }
  8313. .m-xl-n3 {
  8314. margin: -1rem !important;
  8315. }
  8316. .mt-xl-n3,
  8317. .my-xl-n3 {
  8318. margin-top: -1rem !important;
  8319. }
  8320. .mr-xl-n3,
  8321. .mx-xl-n3 {
  8322. margin-right: -1rem !important;
  8323. }
  8324. .mb-xl-n3,
  8325. .my-xl-n3 {
  8326. margin-bottom: -1rem !important;
  8327. }
  8328. .ml-xl-n3,
  8329. .mx-xl-n3 {
  8330. margin-left: -1rem !important;
  8331. }
  8332. .m-xl-n4 {
  8333. margin: -1.5rem !important;
  8334. }
  8335. .mt-xl-n4,
  8336. .my-xl-n4 {
  8337. margin-top: -1.5rem !important;
  8338. }
  8339. .mr-xl-n4,
  8340. .mx-xl-n4 {
  8341. margin-right: -1.5rem !important;
  8342. }
  8343. .mb-xl-n4,
  8344. .my-xl-n4 {
  8345. margin-bottom: -1.5rem !important;
  8346. }
  8347. .ml-xl-n4,
  8348. .mx-xl-n4 {
  8349. margin-left: -1.5rem !important;
  8350. }
  8351. .m-xl-n5 {
  8352. margin: -3rem !important;
  8353. }
  8354. .mt-xl-n5,
  8355. .my-xl-n5 {
  8356. margin-top: -3rem !important;
  8357. }
  8358. .mr-xl-n5,
  8359. .mx-xl-n5 {
  8360. margin-right: -3rem !important;
  8361. }
  8362. .mb-xl-n5,
  8363. .my-xl-n5 {
  8364. margin-bottom: -3rem !important;
  8365. }
  8366. .ml-xl-n5,
  8367. .mx-xl-n5 {
  8368. margin-left: -3rem !important;
  8369. }
  8370. .m-xl-auto {
  8371. margin: auto !important;
  8372. }
  8373. .mt-xl-auto,
  8374. .my-xl-auto {
  8375. margin-top: auto !important;
  8376. }
  8377. .mr-xl-auto,
  8378. .mx-xl-auto {
  8379. margin-right: auto !important;
  8380. }
  8381. .mb-xl-auto,
  8382. .my-xl-auto {
  8383. margin-bottom: auto !important;
  8384. }
  8385. .ml-xl-auto,
  8386. .mx-xl-auto {
  8387. margin-left: auto !important;
  8388. }
  8389. }
  8390. .text-monospace {
  8391. font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
  8392. }
  8393. .text-justify {
  8394. text-align: justify !important;
  8395. }
  8396. .text-wrap {
  8397. white-space: normal !important;
  8398. }
  8399. .text-nowrap {
  8400. white-space: nowrap !important;
  8401. }
  8402. .text-truncate {
  8403. overflow: hidden;
  8404. text-overflow: ellipsis;
  8405. white-space: nowrap;
  8406. }
  8407. .text-left {
  8408. text-align: left !important;
  8409. }
  8410. .text-right {
  8411. text-align: right !important;
  8412. }
  8413. .text-center {
  8414. text-align: center !important;
  8415. }
  8416. @media (min-width: 576px) {
  8417. .text-sm-left {
  8418. text-align: left !important;
  8419. }
  8420. .text-sm-right {
  8421. text-align: right !important;
  8422. }
  8423. .text-sm-center {
  8424. text-align: center !important;
  8425. }
  8426. }
  8427. @media (min-width: 768px) {
  8428. .text-md-left {
  8429. text-align: left !important;
  8430. }
  8431. .text-md-right {
  8432. text-align: right !important;
  8433. }
  8434. .text-md-center {
  8435. text-align: center !important;
  8436. }
  8437. }
  8438. @media (min-width: 992px) {
  8439. .text-lg-left {
  8440. text-align: left !important;
  8441. }
  8442. .text-lg-right {
  8443. text-align: right !important;
  8444. }
  8445. .text-lg-center {
  8446. text-align: center !important;
  8447. }
  8448. }
  8449. @media (min-width: 1200px) {
  8450. .text-xl-left {
  8451. text-align: left !important;
  8452. }
  8453. .text-xl-right {
  8454. text-align: right !important;
  8455. }
  8456. .text-xl-center {
  8457. text-align: center !important;
  8458. }
  8459. }
  8460. .text-lowercase {
  8461. text-transform: lowercase !important;
  8462. }
  8463. .text-uppercase,
  8464. .dropdown .dropdown-menu .dropdown-header,
  8465. .sidebar .sidebar-heading {
  8466. text-transform: uppercase !important;
  8467. }
  8468. .text-capitalize {
  8469. text-transform: capitalize !important;
  8470. }
  8471. .font-weight-light {
  8472. font-weight: 300 !important;
  8473. }
  8474. .font-weight-lighter {
  8475. font-weight: lighter !important;
  8476. }
  8477. .font-weight-normal {
  8478. font-weight: 400 !important;
  8479. }
  8480. .font-weight-bold {
  8481. font-weight: 700 !important;
  8482. }
  8483. .font-weight-bolder {
  8484. font-weight: bolder !important;
  8485. }
  8486. .font-italic {
  8487. font-style: italic !important;
  8488. }
  8489. .text-white {
  8490. color: #fff !important;
  8491. }
  8492. .text-primary {
  8493. color: #4e73df !important;
  8494. }
  8495. a.text-primary:hover,
  8496. a.text-primary:focus {
  8497. color: #224abe !important;
  8498. }
  8499. .text-secondary {
  8500. color: #858796 !important;
  8501. }
  8502. a.text-secondary:hover,
  8503. a.text-secondary:focus {
  8504. color: #60616f !important;
  8505. }
  8506. .text-success {
  8507. color: #1cc88a !important;
  8508. }
  8509. a.text-success:hover,
  8510. a.text-success:focus {
  8511. color: #13855c !important;
  8512. }
  8513. .text-info {
  8514. color: #36b9cc !important;
  8515. }
  8516. a.text-info:hover,
  8517. a.text-info:focus {
  8518. color: #258391 !important;
  8519. }
  8520. .text-warning {
  8521. color: #f6c23e !important;
  8522. }
  8523. a.text-warning:hover,
  8524. a.text-warning:focus {
  8525. color: #dda20a !important;
  8526. }
  8527. .text-danger {
  8528. color: #e74a3b !important;
  8529. }
  8530. a.text-danger:hover,
  8531. a.text-danger:focus {
  8532. color: #be2617 !important;
  8533. }
  8534. .text-light {
  8535. color: #f8f9fc !important;
  8536. }
  8537. a.text-light:hover,
  8538. a.text-light:focus {
  8539. color: #c2cbe5 !important;
  8540. }
  8541. .text-dark {
  8542. color: #5a5c69 !important;
  8543. }
  8544. a.text-dark:hover,
  8545. a.text-dark:focus {
  8546. color: #373840 !important;
  8547. }
  8548. .text-body {
  8549. color: #858796 !important;
  8550. }
  8551. .text-muted {
  8552. color: #858796 !important;
  8553. }
  8554. .text-black-50 {
  8555. color: rgba(0, 0, 0, 0.5) !important;
  8556. }
  8557. .text-white-50 {
  8558. color: rgba(255, 255, 255, 0.5) !important;
  8559. }
  8560. .text-hide {
  8561. font: 0/0 a;
  8562. color: transparent;
  8563. text-shadow: none;
  8564. background-color: transparent;
  8565. border: 0;
  8566. }
  8567. .text-decoration-none {
  8568. text-decoration: none !important;
  8569. }
  8570. .text-break {
  8571. word-break: break-word !important;
  8572. overflow-wrap: break-word !important;
  8573. }
  8574. .text-reset {
  8575. color: inherit !important;
  8576. }
  8577. .visible {
  8578. visibility: visible !important;
  8579. }
  8580. .invisible {
  8581. visibility: hidden !important;
  8582. }
  8583. @media print {
  8584. *,
  8585. *::before,
  8586. *::after {
  8587. text-shadow: none !important;
  8588. box-shadow: none !important;
  8589. }
  8590. a:not(.btn) {
  8591. text-decoration: underline;
  8592. }
  8593. abbr[title]::after {
  8594. content: " (" attr(title) ")";
  8595. }
  8596. pre {
  8597. white-space: pre-wrap !important;
  8598. }
  8599. pre,
  8600. blockquote {
  8601. border: 1px solid #b7b9cc;
  8602. page-break-inside: avoid;
  8603. }
  8604. thead {
  8605. display: table-header-group;
  8606. }
  8607. tr,
  8608. img {
  8609. page-break-inside: avoid;
  8610. }
  8611. p,
  8612. h2,
  8613. h3 {
  8614. orphans: 3;
  8615. widows: 3;
  8616. }
  8617. h2,
  8618. h3 {
  8619. page-break-after: avoid;
  8620. }
  8621. @page {
  8622. size: a3;
  8623. }
  8624. body {
  8625. min-width: 992px !important;
  8626. }
  8627. .container {
  8628. min-width: 992px !important;
  8629. }
  8630. .navbar {
  8631. display: none;
  8632. }
  8633. .badge {
  8634. border: 1px solid #000;
  8635. }
  8636. .table {
  8637. border-collapse: collapse !important;
  8638. }
  8639. .table td,
  8640. .table th {
  8641. background-color: #fff !important;
  8642. }
  8643. .table-bordered th,
  8644. .table-bordered td {
  8645. border: 1px solid #dddfeb !important;
  8646. }
  8647. .table-dark {
  8648. color: inherit;
  8649. }
  8650. .table-dark th,
  8651. .table-dark td,
  8652. .table-dark thead th,
  8653. .table-dark tbody+tbody {
  8654. border-color: #e3e6f0;
  8655. }
  8656. .table .thead-dark th {
  8657. color: inherit;
  8658. border-color: #e3e6f0;
  8659. }
  8660. }
  8661. html {
  8662. position: relative;
  8663. min-height: 100%;
  8664. }
  8665. body {
  8666. height: 100%;
  8667. }
  8668. a:focus {
  8669. outline: none;
  8670. }
  8671. #wrapper {
  8672. display: flex;
  8673. }
  8674. #wrapper #content-wrapper {
  8675. background-color: #f8f9fc;
  8676. width: 100%;
  8677. overflow-x: hidden;
  8678. }
  8679. #wrapper #content-wrapper #content {
  8680. flex: 1 0 auto;
  8681. }
  8682. .container,
  8683. .container-fluid {
  8684. padding-left: 1.5rem;
  8685. padding-right: 1.5rem;
  8686. }
  8687. .scroll-to-top {
  8688. position: fixed;
  8689. right: 1rem;
  8690. bottom: 1rem;
  8691. display: none;
  8692. width: 2.75rem;
  8693. height: 2.75rem;
  8694. text-align: center;
  8695. color: #fff;
  8696. background: rgba(90, 92, 105, 0.5);
  8697. line-height: 46px;
  8698. }
  8699. .scroll-to-top:focus,
  8700. .scroll-to-top:hover {
  8701. color: white;
  8702. }
  8703. .scroll-to-top:hover {
  8704. background: #5a5c69;
  8705. }
  8706. .scroll-to-top i {
  8707. font-weight: 800;
  8708. }
  8709. @-webkit-keyframes growIn {
  8710. 0% {
  8711. transform: scale(0.9);
  8712. opacity: 0;
  8713. }
  8714. 100% {
  8715. transform: scale(1);
  8716. opacity: 1;
  8717. }
  8718. }
  8719. @keyframes growIn {
  8720. 0% {
  8721. transform: scale(0.9);
  8722. opacity: 0;
  8723. }
  8724. 100% {
  8725. transform: scale(1);
  8726. opacity: 1;
  8727. }
  8728. }
  8729. .animated--grow-in,
  8730. .sidebar .nav-item .collapse {
  8731. -webkit-animation-name: growIn;
  8732. animation-name: growIn;
  8733. -webkit-animation-duration: 200ms;
  8734. animation-duration: 200ms;
  8735. -webkit-animation-timing-function: transform cubic-bezier(0.18, 1.25, 0.4, 1), opacity cubic-bezier(0, 1, 0.4, 1);
  8736. animation-timing-function: transform cubic-bezier(0.18, 1.25, 0.4, 1), opacity cubic-bezier(0, 1, 0.4, 1);
  8737. }
  8738. @-webkit-keyframes fadeIn {
  8739. 0% {
  8740. opacity: 0;
  8741. }
  8742. 100% {
  8743. opacity: 1;
  8744. }
  8745. }
  8746. @keyframes fadeIn {
  8747. 0% {
  8748. opacity: 0;
  8749. }
  8750. 100% {
  8751. opacity: 1;
  8752. }
  8753. }
  8754. .animated--fade-in {
  8755. -webkit-animation-name: fadeIn;
  8756. animation-name: fadeIn;
  8757. -webkit-animation-duration: 200ms;
  8758. animation-duration: 200ms;
  8759. -webkit-animation-timing-function: opacity cubic-bezier(0, 1, 0.4, 1);
  8760. animation-timing-function: opacity cubic-bezier(0, 1, 0.4, 1);
  8761. }
  8762. .bg-gradient-primary {
  8763. background-color: #4e73df;
  8764. background-image: linear-gradient(180deg, #4e73df 10%, #224abe 100%);
  8765. background-size: cover;
  8766. }
  8767. .bg-gradient-secondary {
  8768. background-color: #858796;
  8769. background-image: linear-gradient(180deg, #858796 10%, #60616f 100%);
  8770. background-size: cover;
  8771. }
  8772. .bg-gradient-success {
  8773. background-color: #1cc88a;
  8774. background-image: linear-gradient(180deg, #1cc88a 10%, #13855c 100%);
  8775. background-size: cover;
  8776. }
  8777. .bg-gradient-info {
  8778. background-color: #36b9cc;
  8779. background-image: linear-gradient(180deg, #36b9cc 10%, #258391 100%);
  8780. background-size: cover;
  8781. }
  8782. .bg-gradient-warning {
  8783. background-color: #f6c23e;
  8784. background-image: linear-gradient(180deg, #f6c23e 10%, #dda20a 100%);
  8785. background-size: cover;
  8786. }
  8787. .bg-gradient-danger {
  8788. background-color: #e74a3b;
  8789. background-image: linear-gradient(180deg, #e74a3b 10%, #be2617 100%);
  8790. background-size: cover;
  8791. }
  8792. .bg-gradient-light {
  8793. background-color: #f8f9fc;
  8794. background-image: linear-gradient(180deg, #f8f9fc 10%, #c2cbe5 100%);
  8795. background-size: cover;
  8796. }
  8797. .bg-gradient-dark {
  8798. background-color: #5a5c69;
  8799. background-image: linear-gradient(180deg, #5a5c69 10%, #373840 100%);
  8800. background-size: cover;
  8801. }
  8802. .bg-gray-100 {
  8803. background-color: #f8f9fc !important;
  8804. }
  8805. .bg-gray-200 {
  8806. background-color: #eaecf4 !important;
  8807. }
  8808. .bg-gray-300 {
  8809. background-color: #dddfeb !important;
  8810. }
  8811. .bg-gray-400 {
  8812. background-color: #d1d3e2 !important;
  8813. }
  8814. .bg-gray-500 {
  8815. background-color: #b7b9cc !important;
  8816. }
  8817. .bg-gray-600 {
  8818. background-color: #858796 !important;
  8819. }
  8820. .bg-gray-700 {
  8821. background-color: #6e707e !important;
  8822. }
  8823. .bg-gray-800 {
  8824. background-color: #5a5c69 !important;
  8825. }
  8826. .bg-gray-900 {
  8827. background-color: #3a3b45 !important;
  8828. }
  8829. .o-hidden {
  8830. overflow: hidden !important;
  8831. }
  8832. .text-xs {
  8833. font-size: .7rem;
  8834. }
  8835. .text-lg {
  8836. font-size: 1.2rem;
  8837. }
  8838. .text-white100 {
  8839. color: #f8f9fc !important;
  8840. }
  8841. .text-white200 {
  8842. color: #eaecf4 !important;
  8843. }
  8844. .text-white300 {
  8845. color: #dddfeb !important;
  8846. }
  8847. .text-white400 {
  8848. color: #d1d3e2 !important;
  8849. }
  8850. .text-white500 {
  8851. color: #b7b9cc !important;
  8852. }
  8853. .text-white600 {
  8854. color: #858796 !important;
  8855. }
  8856. .text-white700 {
  8857. color: #6e707e !important;
  8858. }
  8859. .text-white800 {
  8860. color: #5a5c69 !important;
  8861. }
  8862. .text-white900 {
  8863. color: #3a3b45 !important;
  8864. }
  8865. .icon-circle {
  8866. height: 2.5rem;
  8867. width: 2.5rem;
  8868. border-radius: 100%;
  8869. display: flex;
  8870. align-items: center;
  8871. justify-content: center;
  8872. }
  8873. .border-left-primary {
  8874. border-left: 0.25rem solid #4e73df !important;
  8875. }
  8876. .border-bottom-primary {
  8877. border-bottom: 0.25rem solid #4e73df !important;
  8878. }
  8879. .border-left-secondary {
  8880. border-left: 0.25rem solid #858796 !important;
  8881. }
  8882. .border-bottom-secondary {
  8883. border-bottom: 0.25rem solid #858796 !important;
  8884. }
  8885. .border-left-success {
  8886. border-left: 0.25rem solid #1cc88a !important;
  8887. }
  8888. .border-bottom-success {
  8889. border-bottom: 0.25rem solid #1cc88a !important;
  8890. }
  8891. .border-left-info {
  8892. border-left: 0.25rem solid #36b9cc !important;
  8893. }
  8894. .border-bottom-info {
  8895. border-bottom: 0.25rem solid #36b9cc !important;
  8896. }
  8897. .border-left-warning {
  8898. border-left: 0.25rem solid #f6c23e !important;
  8899. }
  8900. .border-bottom-warning {
  8901. border-bottom: 0.25rem solid #f6c23e !important;
  8902. }
  8903. .border-left-danger {
  8904. border-left: 0.25rem solid #e74a3b !important;
  8905. }
  8906. .border-bottom-danger {
  8907. border-bottom: 0.25rem solid #e74a3b !important;
  8908. }
  8909. .border-left-light {
  8910. border-left: 0.25rem solid #f8f9fc !important;
  8911. }
  8912. .border-bottom-light {
  8913. border-bottom: 0.25rem solid #f8f9fc !important;
  8914. }
  8915. .border-left-dark {
  8916. border-left: 0.25rem solid #5a5c69 !important;
  8917. }
  8918. .border-bottom-dark {
  8919. border-bottom: 0.25rem solid #5a5c69 !important;
  8920. }
  8921. .progress-sm {
  8922. height: .5rem;
  8923. }
  8924. .rotate-15 {
  8925. transform: rotate(15deg);
  8926. }
  8927. .rotate-n-15 {
  8928. transform: rotate(-15deg);
  8929. }
  8930. .dropdown .dropdown-menu {
  8931. font-size: 0.85rem;
  8932. }
  8933. .dropdown .dropdown-menu .dropdown-header {
  8934. font-weight: 800;
  8935. font-size: 0.65rem;
  8936. color: #b7b9cc;
  8937. }
  8938. .dropdown.no-arrow .dropdown-toggle::after {
  8939. display: none;
  8940. }
  8941. .sidebar .nav-item.dropdown .dropdown-toggle::after,
  8942. .topbar .nav-item.dropdown .dropdown-toggle::after {
  8943. width: 1rem;
  8944. text-align: center;
  8945. float: right;
  8946. vertical-align: 0;
  8947. border: 0;
  8948. font-weight: 900;
  8949. content: '\f105';
  8950. font-family: 'Font Awesome 5 Free';
  8951. }
  8952. .sidebar .nav-item.dropdown.show .dropdown-toggle::after,
  8953. .topbar .nav-item.dropdown.show .dropdown-toggle::after {
  8954. content: '\f107';
  8955. }
  8956. .sidebar .nav-item .nav-link,
  8957. .topbar .nav-item .nav-link {
  8958. position: relative;
  8959. }
  8960. .sidebar .nav-item .nav-link .badge-counter,
  8961. .topbar .nav-item .nav-link .badge-counter {
  8962. position: absolute;
  8963. transform: scale(0.7);
  8964. transform-origin: top right;
  8965. right: .25rem;
  8966. margin-top: -.25rem;
  8967. }
  8968. .sidebar .nav-item .nav-link .img-profile,
  8969. .topbar .nav-item .nav-link .img-profile {
  8970. height: 2rem;
  8971. width: 2rem;
  8972. }
  8973. .topbar {
  8974. height: 4.375rem;
  8975. }
  8976. .topbar #sidebarToggleTop {
  8977. height: 2.5rem;
  8978. width: 2.5rem;
  8979. }
  8980. .topbar #sidebarToggleTop:hover {
  8981. background-color: #eaecf4;
  8982. }
  8983. .topbar #sidebarToggleTop:active {
  8984. background-color: #dddfeb;
  8985. }
  8986. .topbar .navbar-search {
  8987. width: 25rem;
  8988. }
  8989. .topbar .navbar-search input {
  8990. font-size: 0.85rem;
  8991. height: auto;
  8992. }
  8993. .topbar .topbar-divider {
  8994. width: 0;
  8995. border-right: 1px solid #e3e6f0;
  8996. height: calc(4.375rem - 2rem);
  8997. margin: auto 1rem;
  8998. }
  8999. .topbar .nav-item .nav-link {
  9000. height: 4.375rem;
  9001. display: flex;
  9002. align-items: center;
  9003. padding: 0 0.75rem;
  9004. }
  9005. .topbar .nav-item .nav-link:focus {
  9006. outline: none;
  9007. }
  9008. .topbar .nav-item:focus {
  9009. outline: none;
  9010. }
  9011. .topbar .dropdown {
  9012. position: static;
  9013. }
  9014. .topbar .dropdown .dropdown-menu {
  9015. width: calc(100% - 1.5rem);
  9016. right: 0.75rem;
  9017. }
  9018. .topbar .dropdown-list {
  9019. padding: 0;
  9020. border: none;
  9021. overflow: hidden;
  9022. }
  9023. .topbar .dropdown-list .dropdown-header {
  9024. background-color: #4e73df;
  9025. border: 1px solid #4e73df;
  9026. padding-top: 0.75rem;
  9027. padding-bottom: 0.75rem;
  9028. color: #fff;
  9029. }
  9030. .topbar .dropdown-list .dropdown-item {
  9031. white-space: normal;
  9032. padding-top: 0.5rem;
  9033. padding-bottom: 0.5rem;
  9034. border-left: 1px solid #e3e6f0;
  9035. border-right: 1px solid #e3e6f0;
  9036. border-bottom: 1px solid #e3e6f0;
  9037. line-height: 1.3rem;
  9038. }
  9039. .topbar .dropdown-list .dropdown-item .dropdown-list-image {
  9040. position: relative;
  9041. height: 2.5rem;
  9042. width: 2.5rem;
  9043. }
  9044. .topbar .dropdown-list .dropdown-item .dropdown-list-image img {
  9045. height: 2.5rem;
  9046. width: 2.5rem;
  9047. }
  9048. .topbar .dropdown-list .dropdown-item .dropdown-list-image .status-indicator {
  9049. background-color: #eaecf4;
  9050. height: 0.75rem;
  9051. width: 0.75rem;
  9052. border-radius: 100%;
  9053. position: absolute;
  9054. bottom: 0;
  9055. right: 0;
  9056. border: 0.125rem solid #fff;
  9057. }
  9058. .topbar .dropdown-list .dropdown-item .text-truncate {
  9059. max-width: 10rem;
  9060. }
  9061. .topbar .dropdown-list .dropdown-item:active {
  9062. background-color: #eaecf4;
  9063. color: #3a3b45;
  9064. }
  9065. @media (min-width: 576px) {
  9066. .topbar .dropdown {
  9067. position: relative;
  9068. }
  9069. .topbar .dropdown .dropdown-menu {
  9070. width: auto;
  9071. right: 0;
  9072. }
  9073. .topbar .dropdown-list {
  9074. width: 20rem !important;
  9075. }
  9076. .topbar .dropdown-list .dropdown-item .text-truncate {
  9077. max-width: 13.375rem;
  9078. }
  9079. }
  9080. .topbar.navbar-light .navbar-nav .nav-item .nav-link {
  9081. color: #d1d3e2;
  9082. }
  9083. .topbar.navbar-light .navbar-nav .nav-item .nav-link:hover {
  9084. color: #b7b9cc;
  9085. }
  9086. .topbar.navbar-light .navbar-nav .nav-item .nav-link:active {
  9087. color: #858796;
  9088. }
  9089. .sidebar {
  9090. width: 6.5rem;
  9091. min-height: 100vh;
  9092. }
  9093. .sidebar .nav-item {
  9094. position: relative;
  9095. }
  9096. .sidebar .nav-item:last-child {
  9097. margin-bottom: 1rem;
  9098. }
  9099. .sidebar .nav-item .nav-link {
  9100. text-align: center;
  9101. padding: 0.75rem 1rem;
  9102. width: 6.5rem;
  9103. }
  9104. .sidebar .nav-item .nav-link span {
  9105. font-size: 0.65rem;
  9106. display: block;
  9107. }
  9108. .sidebar .nav-item.active .nav-link {
  9109. font-weight: 700;
  9110. }
  9111. .sidebar .nav-item .collapse {
  9112. position: absolute;
  9113. left: calc(6.5rem + 1.5rem / 2);
  9114. z-index: 1;
  9115. top: 2px;
  9116. }
  9117. .sidebar .nav-item .collapse .collapse-inner {
  9118. border-radius: 0.35rem;
  9119. box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15);
  9120. }
  9121. .sidebar .nav-item .collapsing {
  9122. display: none;
  9123. transition: none;
  9124. }
  9125. .sidebar .nav-item .collapse .collapse-inner,
  9126. .sidebar .nav-item .collapsing .collapse-inner {
  9127. padding: .5rem 0;
  9128. min-width: 10rem;
  9129. font-size: 0.85rem;
  9130. margin: 0 0 1rem 0;
  9131. }
  9132. .sidebar .nav-item .collapse .collapse-inner .collapse-header,
  9133. .sidebar .nav-item .collapsing .collapse-inner .collapse-header {
  9134. margin: 0;
  9135. white-space: nowrap;
  9136. padding: .5rem 1.5rem;
  9137. text-transform: uppercase;
  9138. font-weight: 800;
  9139. font-size: 0.65rem;
  9140. color: #b7b9cc;
  9141. }
  9142. .sidebar .nav-item .collapse .collapse-inner .collapse-item,
  9143. .sidebar .nav-item .collapsing .collapse-inner .collapse-item {
  9144. padding: 0.5rem 1rem;
  9145. margin: 0 0.5rem;
  9146. display: block;
  9147. color: #3a3b45;
  9148. text-decoration: none;
  9149. border-radius: 0.35rem;
  9150. white-space: nowrap;
  9151. }
  9152. .sidebar .nav-item .collapse .collapse-inner .collapse-item:hover,
  9153. .sidebar .nav-item .collapsing .collapse-inner .collapse-item:hover {
  9154. background-color: #eaecf4;
  9155. }
  9156. .sidebar .nav-item .collapse .collapse-inner .collapse-item:active,
  9157. .sidebar .nav-item .collapsing .collapse-inner .collapse-item:active {
  9158. background-color: #dddfeb;
  9159. }
  9160. .sidebar .nav-item .collapse .collapse-inner .collapse-item.active,
  9161. .sidebar .nav-item .collapsing .collapse-inner .collapse-item.active {
  9162. color: #4e73df;
  9163. font-weight: 700;
  9164. }
  9165. .sidebar #sidebarToggle {
  9166. width: 2.5rem;
  9167. height: 2.5rem;
  9168. text-align: center;
  9169. margin-bottom: 1rem;
  9170. cursor: pointer;
  9171. }
  9172. .sidebar #sidebarToggle::after {
  9173. font-weight: 900;
  9174. content: '\f104';
  9175. font-family: 'Font Awesome 5 Free';
  9176. margin-right: 0.1rem;
  9177. }
  9178. .sidebar #sidebarToggle:hover {
  9179. text-decoration: none;
  9180. }
  9181. .sidebar #sidebarToggle:focus {
  9182. outline: none;
  9183. }
  9184. .sidebar.toggled {
  9185. width: 0 !important;
  9186. overflow: hidden;
  9187. }
  9188. .sidebar.toggled #sidebarToggle::after {
  9189. content: '\f105';
  9190. font-family: 'Font Awesome 5 Free';
  9191. margin-left: 0.25rem;
  9192. }
  9193. .sidebar .sidebar-brand {
  9194. height: 4.375rem;
  9195. text-decoration: none;
  9196. font-size: 1rem;
  9197. font-weight: 800;
  9198. padding: 1.5rem 1rem;
  9199. text-align: center;
  9200. text-transform: uppercase;
  9201. letter-spacing: 0.05rem;
  9202. z-index: 1;
  9203. }
  9204. .sidebar .sidebar-brand .sidebar-brand-icon i {
  9205. font-size: 2rem;
  9206. }
  9207. .sidebar .sidebar-brand .sidebar-brand-text {
  9208. display: none;
  9209. }
  9210. .sidebar hr.sidebar-divider {
  9211. margin: 0 1rem 1rem;
  9212. }
  9213. .sidebar .sidebar-heading {
  9214. text-align: center;
  9215. padding: 0 1rem;
  9216. font-weight: 800;
  9217. font-size: 0.65rem;
  9218. }
  9219. @media (min-width: 768px) {
  9220. .sidebar {
  9221. width: 14rem !important;
  9222. }
  9223. .sidebar .nav-item .collapse {
  9224. position: relative;
  9225. left: 0;
  9226. z-index: 1;
  9227. top: 0;
  9228. -webkit-animation: none;
  9229. animation: none;
  9230. }
  9231. .sidebar .nav-item .collapse .collapse-inner {
  9232. border-radius: 0;
  9233. box-shadow: none;
  9234. }
  9235. .sidebar .nav-item .collapsing {
  9236. display: block;
  9237. transition: height 0.15s ease;
  9238. }
  9239. .sidebar .nav-item .collapse,
  9240. .sidebar .nav-item .collapsing {
  9241. margin: 0 1rem;
  9242. }
  9243. .sidebar .nav-item .nav-link {
  9244. display: block;
  9245. width: 100%;
  9246. text-align: left;
  9247. padding: 1rem;
  9248. width: 14rem;
  9249. }
  9250. .sidebar .nav-item .nav-link i {
  9251. font-size: 0.85rem;
  9252. margin-right: 0.25rem;
  9253. }
  9254. .sidebar .nav-item .nav-link span {
  9255. font-size: 0.85rem;
  9256. display: inline;
  9257. }
  9258. .sidebar .nav-item .nav-link[data-toggle="collapse"]::after {
  9259. width: 1rem;
  9260. text-align: center;
  9261. float: right;
  9262. vertical-align: 0;
  9263. border: 0;
  9264. font-weight: 900;
  9265. content: '\f107';
  9266. font-family: 'Font Awesome 5 Free';
  9267. }
  9268. .sidebar .nav-item .nav-link[data-toggle="collapse"].collapsed::after {
  9269. content: '\f105';
  9270. }
  9271. .sidebar .sidebar-brand .sidebar-brand-icon i {
  9272. font-size: 2rem;
  9273. }
  9274. .sidebar .sidebar-brand .sidebar-brand-text {
  9275. display: inline;
  9276. }
  9277. .sidebar .sidebar-heading {
  9278. text-align: left;
  9279. }
  9280. .sidebar.toggled {
  9281. overflow: visible;
  9282. width: 6.5rem !important;
  9283. }
  9284. .sidebar.toggled .nav-item .collapse {
  9285. position: absolute;
  9286. left: calc(6.5rem + 1.5rem / 2);
  9287. z-index: 1;
  9288. top: 2px;
  9289. -webkit-animation-name: growIn;
  9290. animation-name: growIn;
  9291. -webkit-animation-duration: 200ms;
  9292. animation-duration: 200ms;
  9293. -webkit-animation-timing-function: transform cubic-bezier(0.18, 1.25, 0.4, 1), opacity cubic-bezier(0, 1, 0.4, 1);
  9294. animation-timing-function: transform cubic-bezier(0.18, 1.25, 0.4, 1), opacity cubic-bezier(0, 1, 0.4, 1);
  9295. }
  9296. .sidebar.toggled .nav-item .collapse .collapse-inner {
  9297. box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15);
  9298. border-radius: 0.35rem;
  9299. }
  9300. .sidebar.toggled .nav-item .collapsing {
  9301. display: none;
  9302. transition: none;
  9303. }
  9304. .sidebar.toggled .nav-item .collapse,
  9305. .sidebar.toggled .nav-item .collapsing {
  9306. margin: 0;
  9307. }
  9308. .sidebar.toggled .nav-item:last-child {
  9309. margin-bottom: 1rem;
  9310. }
  9311. .sidebar.toggled .nav-item .nav-link {
  9312. text-align: center;
  9313. padding: 0.75rem 1rem;
  9314. width: 6.5rem;
  9315. }
  9316. .sidebar.toggled .nav-item .nav-link span {
  9317. font-size: 0.65rem;
  9318. display: block;
  9319. }
  9320. .sidebar.toggled .nav-item .nav-link i {
  9321. margin-right: 0;
  9322. }
  9323. .sidebar.toggled .nav-item .nav-link[data-toggle="collapse"]::after {
  9324. display: none;
  9325. }
  9326. .sidebar.toggled .sidebar-brand .sidebar-brand-icon i {
  9327. font-size: 2rem;
  9328. }
  9329. .sidebar.toggled .sidebar-brand .sidebar-brand-text {
  9330. display: none;
  9331. }
  9332. .sidebar.toggled .sidebar-heading {
  9333. text-align: center;
  9334. }
  9335. }
  9336. .sidebar-light .sidebar-brand {
  9337. color: #6e707e;
  9338. }
  9339. .sidebar-light hr.sidebar-divider {
  9340. border-top: 1px solid #eaecf4;
  9341. }
  9342. .sidebar-light .sidebar-heading {
  9343. color: #b7b9cc;
  9344. }
  9345. .sidebar-light .nav-item .nav-link {
  9346. color: #858796;
  9347. }
  9348. .sidebar-light .nav-item .nav-link i {
  9349. color: #d1d3e2;
  9350. }
  9351. .sidebar-light .nav-item .nav-link:active,
  9352. .sidebar-light .nav-item .nav-link:focus,
  9353. .sidebar-light .nav-item .nav-link:hover {
  9354. color: #6e707e;
  9355. }
  9356. .sidebar-light .nav-item .nav-link:active i,
  9357. .sidebar-light .nav-item .nav-link:focus i,
  9358. .sidebar-light .nav-item .nav-link:hover i {
  9359. color: #6e707e;
  9360. }
  9361. .sidebar-light .nav-item .nav-link[data-toggle="collapse"]::after {
  9362. color: #b7b9cc;
  9363. }
  9364. .sidebar-light .nav-item.active .nav-link {
  9365. color: #6e707e;
  9366. }
  9367. .sidebar-light .nav-item.active .nav-link i {
  9368. color: #6e707e;
  9369. }
  9370. .sidebar-light #sidebarToggle {
  9371. background-color: #eaecf4;
  9372. }
  9373. .sidebar-light #sidebarToggle::after {
  9374. color: #b7b9cc;
  9375. }
  9376. .sidebar-light #sidebarToggle:hover {
  9377. background-color: #dddfeb;
  9378. }
  9379. .sidebar-dark .sidebar-brand {
  9380. color: #fff;
  9381. }
  9382. .sidebar-dark hr.sidebar-divider {
  9383. border-top: 1px solid rgba(255, 255, 255, 0.15);
  9384. }
  9385. .sidebar-dark .sidebar-heading {
  9386. color: rgba(255, 255, 255, 0.4);
  9387. }
  9388. .sidebar-dark .nav-item .nav-link {
  9389. color: rgba(255, 255, 255, 0.8);
  9390. }
  9391. .sidebar-dark .nav-item .nav-link i {
  9392. color: rgba(255, 255, 255, 0.3);
  9393. }
  9394. .sidebar-dark .nav-item .nav-link:active,
  9395. .sidebar-dark .nav-item .nav-link:focus,
  9396. .sidebar-dark .nav-item .nav-link:hover {
  9397. color: #fff;
  9398. }
  9399. .sidebar-dark .nav-item .nav-link:active i,
  9400. .sidebar-dark .nav-item .nav-link:focus i,
  9401. .sidebar-dark .nav-item .nav-link:hover i {
  9402. color: #fff;
  9403. }
  9404. .sidebar-dark .nav-item .nav-link[data-toggle="collapse"]::after {
  9405. color: rgba(255, 255, 255, 0.5);
  9406. }
  9407. .sidebar-dark .nav-item.active .nav-link {
  9408. color: #fff;
  9409. }
  9410. .sidebar-dark .nav-item.active .nav-link i {
  9411. color: #fff;
  9412. }
  9413. .sidebar-dark #sidebarToggle {
  9414. background-color: rgba(255, 255, 255, 0.2);
  9415. }
  9416. .sidebar-dark #sidebarToggle::after {
  9417. color: rgba(255, 255, 255, 0.5);
  9418. }
  9419. .sidebar-dark #sidebarToggle:hover {
  9420. background-color: rgba(255, 255, 255, 0.25);
  9421. }
  9422. .sidebar-dark.toggled #sidebarToggle::after {
  9423. color: rgba(255, 255, 255, 0.5);
  9424. }
  9425. .btn-circle {
  9426. border-radius: 100%;
  9427. height: 2.5rem;
  9428. width: 2.5rem;
  9429. font-size: 1rem;
  9430. display: inline-flex;
  9431. align-items: center;
  9432. justify-content: center;
  9433. }
  9434. .btn-circle.btn-sm,
  9435. .btn-group-sm>.btn-circle.btn {
  9436. height: 1.8rem;
  9437. width: 1.8rem;
  9438. font-size: 0.75rem;
  9439. }
  9440. .btn-circle.btn-lg,
  9441. .btn-group-lg>.btn-circle.btn {
  9442. height: 3.5rem;
  9443. width: 3.5rem;
  9444. font-size: 1.35rem;
  9445. }
  9446. .btn-icon-split {
  9447. padding: 0;
  9448. overflow: hidden;
  9449. display: inline-flex;
  9450. align-items: stretch;
  9451. justify-content: center;
  9452. }
  9453. .btn-icon-split .icon {
  9454. background: rgba(0, 0, 0, 0.15);
  9455. display: inline-block;
  9456. padding: 0.375rem 0.75rem;
  9457. }
  9458. .btn-icon-split .text {
  9459. display: inline-block;
  9460. padding: 0.375rem 0.75rem;
  9461. }
  9462. .btn-icon-split.btn-sm .icon,
  9463. .btn-group-sm>.btn-icon-split.btn .icon {
  9464. padding: 0.25rem 0.5rem;
  9465. }
  9466. .btn-icon-split.btn-sm .text,
  9467. .btn-group-sm>.btn-icon-split.btn .text {
  9468. padding: 0.25rem 0.5rem;
  9469. }
  9470. .btn-icon-split.btn-lg .icon,
  9471. .btn-group-lg>.btn-icon-split.btn .icon {
  9472. padding: 0.5rem 1rem;
  9473. }
  9474. .btn-icon-split.btn-lg .text,
  9475. .btn-group-lg>.btn-icon-split.btn .text {
  9476. padding: 0.5rem 1rem;
  9477. }
  9478. .card .card-header .dropdown {
  9479. line-height: 1;
  9480. }
  9481. .card .card-header .dropdown .dropdown-menu {
  9482. line-height: 1.5;
  9483. }
  9484. .card .card-header[data-toggle="collapse"] {
  9485. text-decoration: none;
  9486. position: relative;
  9487. padding: 0.75rem 3.25rem 0.75rem 1.25rem;
  9488. }
  9489. .card .card-header[data-toggle="collapse"]::after {
  9490. position: absolute;
  9491. right: 0;
  9492. top: 0;
  9493. padding-right: 1.725rem;
  9494. line-height: 51px;
  9495. font-weight: 900;
  9496. content: '\f107';
  9497. font-family: 'Font Awesome 5 Free';
  9498. color: #d1d3e2;
  9499. }
  9500. .card .card-header[data-toggle="collapse"].collapsed {
  9501. border-radius: 0.35rem;
  9502. }
  9503. .card .card-header[data-toggle="collapse"].collapsed::after {
  9504. content: '\f105';
  9505. }
  9506. .chart-area {
  9507. position: relative;
  9508. height: 10rem;
  9509. width: 100%;
  9510. }
  9511. @media (min-width: 768px) {
  9512. .chart-area {
  9513. height: 20rem;
  9514. }
  9515. }
  9516. .chart-bar {
  9517. position: relative;
  9518. height: 10rem;
  9519. width: 100%;
  9520. }
  9521. @media (min-width: 768px) {
  9522. .chart-bar {
  9523. height: 20rem;
  9524. }
  9525. }
  9526. .chart-pie {
  9527. position: relative;
  9528. height: 15rem;
  9529. width: 100%;
  9530. }
  9531. @media (min-width: 768px) {
  9532. .chart-pie {
  9533. height: calc(20rem - 43px) !important;
  9534. }
  9535. }
  9536. .bg-login-image {
  9537. background: url("https://source.unsplash.com/K4mSJ7kc0As/600x800");
  9538. background-position: center;
  9539. background-size: cover;
  9540. }
  9541. .bg-register-image {
  9542. background: url("https://source.unsplash.com/Mv9hjnEUHR4/600x800");
  9543. background-position: center;
  9544. background-size: cover;
  9545. }
  9546. .bg-password-image {
  9547. background: url("https://source.unsplash.com/oWTW-jNGl9I/600x800");
  9548. background-position: center;
  9549. background-size: cover;
  9550. }
  9551. form.user .custom-checkbox.small label {
  9552. line-height: 1.5rem;
  9553. }
  9554. form.user .form-control-user {
  9555. font-size: 0.8rem;
  9556. border-radius: 10rem;
  9557. padding: 1.5rem 1rem;
  9558. }
  9559. form.user .btn-user {
  9560. font-size: 0.8rem;
  9561. border-radius: 10rem;
  9562. padding: 0.75rem 1rem;
  9563. }
  9564. .btn-google {
  9565. color: #fff;
  9566. background-color: #ea4335;
  9567. border-color: #fff;
  9568. }
  9569. .btn-google:hover {
  9570. color: #fff;
  9571. background-color: #e12717;
  9572. border-color: #e6e6e6;
  9573. }
  9574. .btn-google:focus,
  9575. .btn-google.focus {
  9576. box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
  9577. }
  9578. .btn-google.disabled,
  9579. .btn-google:disabled {
  9580. color: #fff;
  9581. background-color: #ea4335;
  9582. border-color: #fff;
  9583. }
  9584. .btn-google:not(:disabled):not(.disabled):active,
  9585. .btn-google:not(:disabled):not(.disabled).active,
  9586. .show>.btn-google.dropdown-toggle {
  9587. color: #fff;
  9588. background-color: #d62516;
  9589. border-color: #dfdfdf;
  9590. }
  9591. .btn-google:not(:disabled):not(.disabled):active:focus,
  9592. .btn-google:not(:disabled):not(.disabled).active:focus,
  9593. .show>.btn-google.dropdown-toggle:focus {
  9594. box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
  9595. }
  9596. .btn-facebook {
  9597. color: #fff;
  9598. background-color: #3b5998;
  9599. border-color: #fff;
  9600. }
  9601. .btn-facebook:hover {
  9602. color: #fff;
  9603. background-color: #30497c;
  9604. border-color: #e6e6e6;
  9605. }
  9606. .btn-facebook:focus,
  9607. .btn-facebook.focus {
  9608. box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
  9609. }
  9610. .btn-facebook.disabled,
  9611. .btn-facebook:disabled {
  9612. color: #fff;
  9613. background-color: #3b5998;
  9614. border-color: #fff;
  9615. }
  9616. .btn-facebook:not(:disabled):not(.disabled):active,
  9617. .btn-facebook:not(:disabled):not(.disabled).active,
  9618. .show>.btn-facebook.dropdown-toggle {
  9619. color: #fff;
  9620. background-color: #2d4373;
  9621. border-color: #dfdfdf;
  9622. }
  9623. .btn-facebook:not(:disabled):not(.disabled):active:focus,
  9624. .btn-facebook:not(:disabled):not(.disabled).active:focus,
  9625. .show>.btn-facebook.dropdown-toggle:focus {
  9626. box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
  9627. }
  9628. .error {
  9629. color: #5a5c69;
  9630. font-size: 7rem;
  9631. position: relative;
  9632. line-height: 1;
  9633. width: 12.5rem;
  9634. }
  9635. @-webkit-keyframes noise-anim {
  9636. 0% {
  9637. clip: rect(41px, 9999px, 38px, 0);
  9638. }
  9639. 5% {
  9640. clip: rect(86px, 9999px, 52px, 0);
  9641. }
  9642. 10% {
  9643. clip: rect(97px, 9999px, 19px, 0);
  9644. }
  9645. 15% {
  9646. clip: rect(98px, 9999px, 31px, 0);
  9647. }
  9648. 20% {
  9649. clip: rect(53px, 9999px, 54px, 0);
  9650. }
  9651. 25% {
  9652. clip: rect(69px, 9999px, 41px, 0);
  9653. }
  9654. 30% {
  9655. clip: rect(22px, 9999px, 63px, 0);
  9656. }
  9657. 35% {
  9658. clip: rect(54px, 9999px, 76px, 0);
  9659. }
  9660. 40% {
  9661. clip: rect(32px, 9999px, 15px, 0);
  9662. }
  9663. 45% {
  9664. clip: rect(58px, 9999px, 93px, 0);
  9665. }
  9666. 50% {
  9667. clip: rect(4px, 9999px, 57px, 0);
  9668. }
  9669. 55% {
  9670. clip: rect(70px, 9999px, 57px, 0);
  9671. }
  9672. 60% {
  9673. clip: rect(39px, 9999px, 71px, 0);
  9674. }
  9675. 65% {
  9676. clip: rect(40px, 9999px, 46px, 0);
  9677. }
  9678. 70% {
  9679. clip: rect(42px, 9999px, 57px, 0);
  9680. }
  9681. 75% {
  9682. clip: rect(66px, 9999px, 98px, 0);
  9683. }
  9684. 80% {
  9685. clip: rect(47px, 9999px, 44px, 0);
  9686. }
  9687. 85% {
  9688. clip: rect(54px, 9999px, 1px, 0);
  9689. }
  9690. 90% {
  9691. clip: rect(45px, 9999px, 84px, 0);
  9692. }
  9693. 95% {
  9694. clip: rect(90px, 9999px, 59px, 0);
  9695. }
  9696. 100% {
  9697. clip: rect(64px, 9999px, 8px, 0);
  9698. }
  9699. }
  9700. @keyframes noise-anim {
  9701. 0% {
  9702. clip: rect(41px, 9999px, 38px, 0);
  9703. }
  9704. 5% {
  9705. clip: rect(86px, 9999px, 52px, 0);
  9706. }
  9707. 10% {
  9708. clip: rect(97px, 9999px, 19px, 0);
  9709. }
  9710. 15% {
  9711. clip: rect(98px, 9999px, 31px, 0);
  9712. }
  9713. 20% {
  9714. clip: rect(53px, 9999px, 54px, 0);
  9715. }
  9716. 25% {
  9717. clip: rect(69px, 9999px, 41px, 0);
  9718. }
  9719. 30% {
  9720. clip: rect(22px, 9999px, 63px, 0);
  9721. }
  9722. 35% {
  9723. clip: rect(54px, 9999px, 76px, 0);
  9724. }
  9725. 40% {
  9726. clip: rect(32px, 9999px, 15px, 0);
  9727. }
  9728. 45% {
  9729. clip: rect(58px, 9999px, 93px, 0);
  9730. }
  9731. 50% {
  9732. clip: rect(4px, 9999px, 57px, 0);
  9733. }
  9734. 55% {
  9735. clip: rect(70px, 9999px, 57px, 0);
  9736. }
  9737. 60% {
  9738. clip: rect(39px, 9999px, 71px, 0);
  9739. }
  9740. 65% {
  9741. clip: rect(40px, 9999px, 46px, 0);
  9742. }
  9743. 70% {
  9744. clip: rect(42px, 9999px, 57px, 0);
  9745. }
  9746. 75% {
  9747. clip: rect(66px, 9999px, 98px, 0);
  9748. }
  9749. 80% {
  9750. clip: rect(47px, 9999px, 44px, 0);
  9751. }
  9752. 85% {
  9753. clip: rect(54px, 9999px, 1px, 0);
  9754. }
  9755. 90% {
  9756. clip: rect(45px, 9999px, 84px, 0);
  9757. }
  9758. 95% {
  9759. clip: rect(90px, 9999px, 59px, 0);
  9760. }
  9761. 100% {
  9762. clip: rect(64px, 9999px, 8px, 0);
  9763. }
  9764. }
  9765. .error:after {
  9766. content: attr(data-text);
  9767. position: absolute;
  9768. left: 2px;
  9769. text-shadow: -1px 0 #e74a3b;
  9770. top: 0;
  9771. color: #5a5c69;
  9772. background: #f8f9fc;
  9773. overflow: hidden;
  9774. clip: rect(0, 900px, 0, 0);
  9775. animation: noise-anim 2s infinite linear alternate-reverse;
  9776. }
  9777. @-webkit-keyframes noise-anim-2 {
  9778. 0% {
  9779. clip: rect(51px, 9999px, 85px, 0);
  9780. }
  9781. 5% {
  9782. clip: rect(9px, 9999px, 23px, 0);
  9783. }
  9784. 10% {
  9785. clip: rect(99px, 9999px, 30px, 0);
  9786. }
  9787. 15% {
  9788. clip: rect(25px, 9999px, 79px, 0);
  9789. }
  9790. 20% {
  9791. clip: rect(88px, 9999px, 13px, 0);
  9792. }
  9793. 25% {
  9794. clip: rect(13px, 9999px, 90px, 0);
  9795. }
  9796. 30% {
  9797. clip: rect(68px, 9999px, 14px, 0);
  9798. }
  9799. 35% {
  9800. clip: rect(99px, 9999px, 97px, 0);
  9801. }
  9802. 40% {
  9803. clip: rect(79px, 9999px, 97px, 0);
  9804. }
  9805. 45% {
  9806. clip: rect(76px, 9999px, 52px, 0);
  9807. }
  9808. 50% {
  9809. clip: rect(18px, 9999px, 29px, 0);
  9810. }
  9811. 55% {
  9812. clip: rect(80px, 9999px, 73px, 0);
  9813. }
  9814. 60% {
  9815. clip: rect(12px, 9999px, 18px, 0);
  9816. }
  9817. 65% {
  9818. clip: rect(96px, 9999px, 75px, 0);
  9819. }
  9820. 70% {
  9821. clip: rect(57px, 9999px, 78px, 0);
  9822. }
  9823. 75% {
  9824. clip: rect(78px, 9999px, 14px, 0);
  9825. }
  9826. 80% {
  9827. clip: rect(21px, 9999px, 22px, 0);
  9828. }
  9829. 85% {
  9830. clip: rect(44px, 9999px, 68px, 0);
  9831. }
  9832. 90% {
  9833. clip: rect(46px, 9999px, 69px, 0);
  9834. }
  9835. 95% {
  9836. clip: rect(96px, 9999px, 77px, 0);
  9837. }
  9838. 100% {
  9839. clip: rect(44px, 9999px, 64px, 0);
  9840. }
  9841. }
  9842. @keyframes noise-anim-2 {
  9843. 0% {
  9844. clip: rect(51px, 9999px, 85px, 0);
  9845. }
  9846. 5% {
  9847. clip: rect(9px, 9999px, 23px, 0);
  9848. }
  9849. 10% {
  9850. clip: rect(99px, 9999px, 30px, 0);
  9851. }
  9852. 15% {
  9853. clip: rect(25px, 9999px, 79px, 0);
  9854. }
  9855. 20% {
  9856. clip: rect(88px, 9999px, 13px, 0);
  9857. }
  9858. 25% {
  9859. clip: rect(13px, 9999px, 90px, 0);
  9860. }
  9861. 30% {
  9862. clip: rect(68px, 9999px, 14px, 0);
  9863. }
  9864. 35% {
  9865. clip: rect(99px, 9999px, 97px, 0);
  9866. }
  9867. 40% {
  9868. clip: rect(79px, 9999px, 97px, 0);
  9869. }
  9870. 45% {
  9871. clip: rect(76px, 9999px, 52px, 0);
  9872. }
  9873. 50% {
  9874. clip: rect(18px, 9999px, 29px, 0);
  9875. }
  9876. 55% {
  9877. clip: rect(80px, 9999px, 73px, 0);
  9878. }
  9879. 60% {
  9880. clip: rect(12px, 9999px, 18px, 0);
  9881. }
  9882. 65% {
  9883. clip: rect(96px, 9999px, 75px, 0);
  9884. }
  9885. 70% {
  9886. clip: rect(57px, 9999px, 78px, 0);
  9887. }
  9888. 75% {
  9889. clip: rect(78px, 9999px, 14px, 0);
  9890. }
  9891. 80% {
  9892. clip: rect(21px, 9999px, 22px, 0);
  9893. }
  9894. 85% {
  9895. clip: rect(44px, 9999px, 68px, 0);
  9896. }
  9897. 90% {
  9898. clip: rect(46px, 9999px, 69px, 0);
  9899. }
  9900. 95% {
  9901. clip: rect(96px, 9999px, 77px, 0);
  9902. }
  9903. 100% {
  9904. clip: rect(44px, 9999px, 64px, 0);
  9905. }
  9906. }
  9907. .error:before {
  9908. content: attr(data-text);
  9909. position: absolute;
  9910. left: -2px;
  9911. text-shadow: 1px 0 #4e73df;
  9912. top: 0;
  9913. color: #5a5c69;
  9914. background: #f8f9fc;
  9915. overflow: hidden;
  9916. clip: rect(0, 900px, 0, 0);
  9917. animation: noise-anim-2 3s infinite linear alternate-reverse;
  9918. }
  9919. footer.sticky-footer {
  9920. padding: 2rem 0;
  9921. flex-shrink: 0;
  9922. }
  9923. footer.sticky-footer .copyright {
  9924. line-height: 1;
  9925. font-size: 0.8rem;
  9926. }
  9927. body.sidebar-toggled footer.sticky-footer {
  9928. width: 100%;
  9929. }