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.

28484 lines
680 KiB

  1. @charset "UTF-8";
  2. /*!
  3. * AdminLTE v3.0.0
  4. * Author: Colorlib
  5. * Website: AdminLTE.io <http://adminlte.io>
  6. * License: Open source - MIT <http://opensource.org/licenses/MIT>
  7. */
  8. /*!
  9. * Bootstrap v4.3.1 (https://getbootstrap.com/)
  10. * Copyright 2011-2019 The Bootstrap Authors
  11. * Copyright 2011-2019 Twitter, Inc.
  12. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
  13. */
  14. :root {
  15. --blue: #007bff;
  16. --indigo: #6610f2;
  17. --purple: #6f42c1;
  18. --pink: #e83e8c;
  19. --red: #dc3545;
  20. --orange: #fd7e14;
  21. --yellow: #ffc107;
  22. --green: #28a745;
  23. --teal: #20c997;
  24. --cyan: #17a2b8;
  25. --white: #ffffff;
  26. --gray: #6c757d;
  27. --gray-dark: #343a40;
  28. --primary: #007bff;
  29. --secondary: #6c757d;
  30. --success: #28a745;
  31. --info: #17a2b8;
  32. --warning: #ffc107;
  33. --danger: #dc3545;
  34. --light: #f8f9fa;
  35. --dark: #343a40;
  36. --breakpoint-xs: 0;
  37. --breakpoint-sm: 576px;
  38. --breakpoint-md: 768px;
  39. --breakpoint-lg: 992px;
  40. --breakpoint-xl: 1200px;
  41. --font-family-sans-serif: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  42. --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  43. }
  44. *,
  45. *::before,
  46. *::after {
  47. box-sizing: border-box;
  48. }
  49. html {
  50. font-family: sans-serif;
  51. line-height: 1.15;
  52. -webkit-text-size-adjust: 100%;
  53. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  54. }
  55. article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  56. display: block;
  57. }
  58. body {
  59. margin: 0;
  60. font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  61. font-size: 1rem;
  62. font-weight: 400;
  63. line-height: 1.5;
  64. color: #212529;
  65. text-align: left;
  66. background-color: #ffffff;
  67. }
  68. [tabindex="-1"]:focus {
  69. outline: 0 !important;
  70. }
  71. hr {
  72. box-sizing: content-box;
  73. height: 0;
  74. overflow: visible;
  75. }
  76. h1, h2, h3, h4, h5, h6 {
  77. margin-top: 0;
  78. margin-bottom: 0.5rem;
  79. }
  80. p {
  81. margin-top: 0;
  82. margin-bottom: 1rem;
  83. }
  84. abbr[title],
  85. abbr[data-original-title] {
  86. text-decoration: underline;
  87. -webkit-text-decoration: underline dotted;
  88. text-decoration: underline dotted;
  89. cursor: help;
  90. border-bottom: 0;
  91. -webkit-text-decoration-skip-ink: none;
  92. text-decoration-skip-ink: none;
  93. }
  94. address {
  95. margin-bottom: 1rem;
  96. font-style: normal;
  97. line-height: inherit;
  98. }
  99. ol,
  100. ul,
  101. dl {
  102. margin-top: 0;
  103. margin-bottom: 1rem;
  104. }
  105. ol ol,
  106. ul ul,
  107. ol ul,
  108. ul ol {
  109. margin-bottom: 0;
  110. }
  111. dt {
  112. font-weight: 700;
  113. }
  114. dd {
  115. margin-bottom: .5rem;
  116. margin-left: 0;
  117. }
  118. blockquote {
  119. margin: 0 0 1rem;
  120. }
  121. b,
  122. strong {
  123. font-weight: bolder;
  124. }
  125. small {
  126. font-size: 80%;
  127. }
  128. sub,
  129. sup {
  130. position: relative;
  131. font-size: 75%;
  132. line-height: 0;
  133. vertical-align: baseline;
  134. }
  135. sub {
  136. bottom: -.25em;
  137. }
  138. sup {
  139. top: -.5em;
  140. }
  141. a {
  142. color: #007bff;
  143. text-decoration: none;
  144. background-color: transparent;
  145. }
  146. a:hover {
  147. color: #0056b3;
  148. text-decoration: none;
  149. }
  150. a:not([href]):not([tabindex]) {
  151. color: inherit;
  152. text-decoration: none;
  153. }
  154. a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
  155. color: inherit;
  156. text-decoration: none;
  157. }
  158. a:not([href]):not([tabindex]):focus {
  159. outline: 0;
  160. }
  161. pre,
  162. code,
  163. kbd,
  164. samp {
  165. font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  166. font-size: 1em;
  167. }
  168. pre {
  169. margin-top: 0;
  170. margin-bottom: 1rem;
  171. overflow: auto;
  172. }
  173. figure {
  174. margin: 0 0 1rem;
  175. }
  176. img {
  177. vertical-align: middle;
  178. border-style: none;
  179. }
  180. svg {
  181. overflow: hidden;
  182. vertical-align: middle;
  183. }
  184. table {
  185. border-collapse: collapse;
  186. }
  187. caption {
  188. padding-top: 0.75rem;
  189. padding-bottom: 0.75rem;
  190. color: #6c757d;
  191. text-align: left;
  192. caption-side: bottom;
  193. }
  194. th {
  195. text-align: inherit;
  196. }
  197. label {
  198. display: inline-block;
  199. margin-bottom: 0.5rem;
  200. }
  201. button {
  202. border-radius: 0;
  203. }
  204. button:focus {
  205. outline: 1px dotted;
  206. outline: 5px auto -webkit-focus-ring-color;
  207. }
  208. input,
  209. button,
  210. select,
  211. optgroup,
  212. textarea {
  213. margin: 0;
  214. font-family: inherit;
  215. font-size: inherit;
  216. line-height: inherit;
  217. }
  218. button,
  219. input {
  220. overflow: visible;
  221. }
  222. button,
  223. select {
  224. text-transform: none;
  225. }
  226. select {
  227. word-wrap: normal;
  228. }
  229. button,
  230. [type="button"],
  231. [type="reset"],
  232. [type="submit"] {
  233. -webkit-appearance: button;
  234. }
  235. button:not(:disabled),
  236. [type="button"]:not(:disabled),
  237. [type="reset"]:not(:disabled),
  238. [type="submit"]:not(:disabled) {
  239. cursor: pointer;
  240. }
  241. button::-moz-focus-inner,
  242. [type="button"]::-moz-focus-inner,
  243. [type="reset"]::-moz-focus-inner,
  244. [type="submit"]::-moz-focus-inner {
  245. padding: 0;
  246. border-style: none;
  247. }
  248. input[type="radio"],
  249. input[type="checkbox"] {
  250. box-sizing: border-box;
  251. padding: 0;
  252. }
  253. input[type="date"],
  254. input[type="time"],
  255. input[type="datetime-local"],
  256. input[type="month"] {
  257. -webkit-appearance: listbox;
  258. }
  259. textarea {
  260. overflow: auto;
  261. resize: vertical;
  262. }
  263. fieldset {
  264. min-width: 0;
  265. padding: 0;
  266. margin: 0;
  267. border: 0;
  268. }
  269. legend {
  270. display: block;
  271. width: 100%;
  272. max-width: 100%;
  273. padding: 0;
  274. margin-bottom: .5rem;
  275. font-size: 1.5rem;
  276. line-height: inherit;
  277. color: inherit;
  278. white-space: normal;
  279. }
  280. progress {
  281. vertical-align: baseline;
  282. }
  283. [type="number"]::-webkit-inner-spin-button,
  284. [type="number"]::-webkit-outer-spin-button {
  285. height: auto;
  286. }
  287. [type="search"] {
  288. outline-offset: -2px;
  289. -webkit-appearance: none;
  290. }
  291. [type="search"]::-webkit-search-decoration {
  292. -webkit-appearance: none;
  293. }
  294. ::-webkit-file-upload-button {
  295. font: inherit;
  296. -webkit-appearance: button;
  297. }
  298. output {
  299. display: inline-block;
  300. }
  301. summary {
  302. display: list-item;
  303. cursor: pointer;
  304. }
  305. template {
  306. display: none;
  307. }
  308. [hidden] {
  309. display: none !important;
  310. }
  311. h1, h2, h3, h4, h5, h6,
  312. .h1, .h2, .h3, .h4, .h5, .h6 {
  313. margin-bottom: 0.5rem;
  314. font-family: inherit;
  315. font-weight: 500;
  316. line-height: 1.2;
  317. color: inherit;
  318. }
  319. h1, .h1 {
  320. font-size: 2.5rem;
  321. }
  322. h2, .h2 {
  323. font-size: 2rem;
  324. }
  325. h3, .h3 {
  326. font-size: 1.75rem;
  327. }
  328. h4, .h4 {
  329. font-size: 1.5rem;
  330. }
  331. h5, .h5 {
  332. font-size: 1.25rem;
  333. }
  334. h6, .h6 {
  335. font-size: 1rem;
  336. }
  337. .lead {
  338. font-size: 1.25rem;
  339. font-weight: 300;
  340. }
  341. .display-1 {
  342. font-size: 6rem;
  343. font-weight: 300;
  344. line-height: 1.2;
  345. }
  346. .display-2 {
  347. font-size: 5.5rem;
  348. font-weight: 300;
  349. line-height: 1.2;
  350. }
  351. .display-3 {
  352. font-size: 4.5rem;
  353. font-weight: 300;
  354. line-height: 1.2;
  355. }
  356. .display-4 {
  357. font-size: 3.5rem;
  358. font-weight: 300;
  359. line-height: 1.2;
  360. }
  361. hr {
  362. margin-top: 1rem;
  363. margin-bottom: 1rem;
  364. border: 0;
  365. border-top: 1px solid rgba(0, 0, 0, 0.1);
  366. }
  367. small,
  368. .small {
  369. font-size: 80%;
  370. font-weight: 400;
  371. }
  372. mark,
  373. .mark {
  374. padding: 0.2em;
  375. background-color: #fcf8e3;
  376. }
  377. .list-unstyled {
  378. padding-left: 0;
  379. list-style: none;
  380. }
  381. .list-inline {
  382. padding-left: 0;
  383. list-style: none;
  384. }
  385. .list-inline-item {
  386. display: inline-block;
  387. }
  388. .list-inline-item:not(:last-child) {
  389. margin-right: 0.5rem;
  390. }
  391. .initialism {
  392. font-size: 90%;
  393. text-transform: uppercase;
  394. }
  395. .blockquote {
  396. margin-bottom: 1rem;
  397. font-size: 1.25rem;
  398. }
  399. .blockquote-footer {
  400. display: block;
  401. font-size: 80%;
  402. color: #6c757d;
  403. }
  404. .blockquote-footer::before {
  405. content: "\2014\00A0";
  406. }
  407. .img-fluid {
  408. max-width: 100%;
  409. height: auto;
  410. }
  411. .img-thumbnail {
  412. padding: 0.25rem;
  413. background-color: #ffffff;
  414. border: 1px solid #dee2e6;
  415. border-radius: 0.25rem;
  416. box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
  417. max-width: 100%;
  418. height: auto;
  419. }
  420. .figure {
  421. display: inline-block;
  422. }
  423. .figure-img {
  424. margin-bottom: 0.5rem;
  425. line-height: 1;
  426. }
  427. .figure-caption {
  428. font-size: 90%;
  429. color: #6c757d;
  430. }
  431. code {
  432. font-size: 87.5%;
  433. color: #e83e8c;
  434. word-break: break-word;
  435. }
  436. a > code {
  437. color: inherit;
  438. }
  439. kbd {
  440. padding: 0.2rem 0.4rem;
  441. font-size: 87.5%;
  442. color: #ffffff;
  443. background-color: #212529;
  444. border-radius: 0.2rem;
  445. box-shadow: inset 0 -0.1rem 0 rgba(0, 0, 0, 0.25);
  446. }
  447. kbd kbd {
  448. padding: 0;
  449. font-size: 100%;
  450. font-weight: 700;
  451. box-shadow: none;
  452. }
  453. pre {
  454. display: block;
  455. font-size: 87.5%;
  456. color: #212529;
  457. }
  458. pre code {
  459. font-size: inherit;
  460. color: inherit;
  461. word-break: normal;
  462. }
  463. .pre-scrollable {
  464. max-height: 340px;
  465. overflow-y: scroll;
  466. }
  467. .container {
  468. width: 100%;
  469. padding-right: 7.5px;
  470. padding-left: 7.5px;
  471. margin-right: auto;
  472. margin-left: auto;
  473. }
  474. @media (min-width: 576px) {
  475. .container {
  476. max-width: 540px;
  477. }
  478. }
  479. @media (min-width: 768px) {
  480. .container {
  481. max-width: 720px;
  482. }
  483. }
  484. @media (min-width: 992px) {
  485. .container {
  486. max-width: 960px;
  487. }
  488. }
  489. @media (min-width: 1200px) {
  490. .container {
  491. max-width: 1140px;
  492. }
  493. }
  494. .container-fluid {
  495. width: 100%;
  496. padding-right: 7.5px;
  497. padding-left: 7.5px;
  498. margin-right: auto;
  499. margin-left: auto;
  500. }
  501. .row {
  502. display: -ms-flexbox;
  503. display: flex;
  504. -ms-flex-wrap: wrap;
  505. flex-wrap: wrap;
  506. margin-right: -7.5px;
  507. margin-left: -7.5px;
  508. }
  509. .no-gutters {
  510. margin-right: 0;
  511. margin-left: 0;
  512. }
  513. .no-gutters > .col,
  514. .no-gutters > [class*="col-"] {
  515. padding-right: 0;
  516. padding-left: 0;
  517. }
  518. .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
  519. .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
  520. .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
  521. .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
  522. .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
  523. .col-xl-auto {
  524. position: relative;
  525. width: 100%;
  526. padding-right: 7.5px;
  527. padding-left: 7.5px;
  528. }
  529. .col {
  530. -ms-flex-preferred-size: 0;
  531. flex-basis: 0;
  532. -ms-flex-positive: 1;
  533. flex-grow: 1;
  534. max-width: 100%;
  535. }
  536. .col-auto {
  537. -ms-flex: 0 0 auto;
  538. flex: 0 0 auto;
  539. width: auto;
  540. max-width: 100%;
  541. }
  542. .col-1 {
  543. -ms-flex: 0 0 8.333333%;
  544. flex: 0 0 8.333333%;
  545. max-width: 8.333333%;
  546. }
  547. .col-2 {
  548. -ms-flex: 0 0 16.666667%;
  549. flex: 0 0 16.666667%;
  550. max-width: 16.666667%;
  551. }
  552. .col-3 {
  553. -ms-flex: 0 0 25%;
  554. flex: 0 0 25%;
  555. max-width: 25%;
  556. }
  557. .col-4 {
  558. -ms-flex: 0 0 33.333333%;
  559. flex: 0 0 33.333333%;
  560. max-width: 33.333333%;
  561. }
  562. .col-5 {
  563. -ms-flex: 0 0 41.666667%;
  564. flex: 0 0 41.666667%;
  565. max-width: 41.666667%;
  566. }
  567. .col-6 {
  568. -ms-flex: 0 0 50%;
  569. flex: 0 0 50%;
  570. max-width: 50%;
  571. }
  572. .col-7 {
  573. -ms-flex: 0 0 58.333333%;
  574. flex: 0 0 58.333333%;
  575. max-width: 58.333333%;
  576. }
  577. .col-8 {
  578. -ms-flex: 0 0 66.666667%;
  579. flex: 0 0 66.666667%;
  580. max-width: 66.666667%;
  581. }
  582. .col-9 {
  583. -ms-flex: 0 0 75%;
  584. flex: 0 0 75%;
  585. max-width: 75%;
  586. }
  587. .col-10 {
  588. -ms-flex: 0 0 83.333333%;
  589. flex: 0 0 83.333333%;
  590. max-width: 83.333333%;
  591. }
  592. .col-11 {
  593. -ms-flex: 0 0 91.666667%;
  594. flex: 0 0 91.666667%;
  595. max-width: 91.666667%;
  596. }
  597. .col-12 {
  598. -ms-flex: 0 0 100%;
  599. flex: 0 0 100%;
  600. max-width: 100%;
  601. }
  602. .order-first {
  603. -ms-flex-order: -1;
  604. order: -1;
  605. }
  606. .order-last {
  607. -ms-flex-order: 13;
  608. order: 13;
  609. }
  610. .order-0 {
  611. -ms-flex-order: 0;
  612. order: 0;
  613. }
  614. .order-1 {
  615. -ms-flex-order: 1;
  616. order: 1;
  617. }
  618. .order-2 {
  619. -ms-flex-order: 2;
  620. order: 2;
  621. }
  622. .order-3 {
  623. -ms-flex-order: 3;
  624. order: 3;
  625. }
  626. .order-4 {
  627. -ms-flex-order: 4;
  628. order: 4;
  629. }
  630. .order-5 {
  631. -ms-flex-order: 5;
  632. order: 5;
  633. }
  634. .order-6 {
  635. -ms-flex-order: 6;
  636. order: 6;
  637. }
  638. .order-7 {
  639. -ms-flex-order: 7;
  640. order: 7;
  641. }
  642. .order-8 {
  643. -ms-flex-order: 8;
  644. order: 8;
  645. }
  646. .order-9 {
  647. -ms-flex-order: 9;
  648. order: 9;
  649. }
  650. .order-10 {
  651. -ms-flex-order: 10;
  652. order: 10;
  653. }
  654. .order-11 {
  655. -ms-flex-order: 11;
  656. order: 11;
  657. }
  658. .order-12 {
  659. -ms-flex-order: 12;
  660. order: 12;
  661. }
  662. .offset-1 {
  663. margin-left: 8.333333%;
  664. }
  665. .offset-2 {
  666. margin-left: 16.666667%;
  667. }
  668. .offset-3 {
  669. margin-left: 25%;
  670. }
  671. .offset-4 {
  672. margin-left: 33.333333%;
  673. }
  674. .offset-5 {
  675. margin-left: 41.666667%;
  676. }
  677. .offset-6 {
  678. margin-left: 50%;
  679. }
  680. .offset-7 {
  681. margin-left: 58.333333%;
  682. }
  683. .offset-8 {
  684. margin-left: 66.666667%;
  685. }
  686. .offset-9 {
  687. margin-left: 75%;
  688. }
  689. .offset-10 {
  690. margin-left: 83.333333%;
  691. }
  692. .offset-11 {
  693. margin-left: 91.666667%;
  694. }
  695. @media (min-width: 576px) {
  696. .col-sm {
  697. -ms-flex-preferred-size: 0;
  698. flex-basis: 0;
  699. -ms-flex-positive: 1;
  700. flex-grow: 1;
  701. max-width: 100%;
  702. }
  703. .col-sm-auto {
  704. -ms-flex: 0 0 auto;
  705. flex: 0 0 auto;
  706. width: auto;
  707. max-width: 100%;
  708. }
  709. .col-sm-1 {
  710. -ms-flex: 0 0 8.333333%;
  711. flex: 0 0 8.333333%;
  712. max-width: 8.333333%;
  713. }
  714. .col-sm-2 {
  715. -ms-flex: 0 0 16.666667%;
  716. flex: 0 0 16.666667%;
  717. max-width: 16.666667%;
  718. }
  719. .col-sm-3 {
  720. -ms-flex: 0 0 25%;
  721. flex: 0 0 25%;
  722. max-width: 25%;
  723. }
  724. .col-sm-4 {
  725. -ms-flex: 0 0 33.333333%;
  726. flex: 0 0 33.333333%;
  727. max-width: 33.333333%;
  728. }
  729. .col-sm-5 {
  730. -ms-flex: 0 0 41.666667%;
  731. flex: 0 0 41.666667%;
  732. max-width: 41.666667%;
  733. }
  734. .col-sm-6 {
  735. -ms-flex: 0 0 50%;
  736. flex: 0 0 50%;
  737. max-width: 50%;
  738. }
  739. .col-sm-7 {
  740. -ms-flex: 0 0 58.333333%;
  741. flex: 0 0 58.333333%;
  742. max-width: 58.333333%;
  743. }
  744. .col-sm-8 {
  745. -ms-flex: 0 0 66.666667%;
  746. flex: 0 0 66.666667%;
  747. max-width: 66.666667%;
  748. }
  749. .col-sm-9 {
  750. -ms-flex: 0 0 75%;
  751. flex: 0 0 75%;
  752. max-width: 75%;
  753. }
  754. .col-sm-10 {
  755. -ms-flex: 0 0 83.333333%;
  756. flex: 0 0 83.333333%;
  757. max-width: 83.333333%;
  758. }
  759. .col-sm-11 {
  760. -ms-flex: 0 0 91.666667%;
  761. flex: 0 0 91.666667%;
  762. max-width: 91.666667%;
  763. }
  764. .col-sm-12 {
  765. -ms-flex: 0 0 100%;
  766. flex: 0 0 100%;
  767. max-width: 100%;
  768. }
  769. .order-sm-first {
  770. -ms-flex-order: -1;
  771. order: -1;
  772. }
  773. .order-sm-last {
  774. -ms-flex-order: 13;
  775. order: 13;
  776. }
  777. .order-sm-0 {
  778. -ms-flex-order: 0;
  779. order: 0;
  780. }
  781. .order-sm-1 {
  782. -ms-flex-order: 1;
  783. order: 1;
  784. }
  785. .order-sm-2 {
  786. -ms-flex-order: 2;
  787. order: 2;
  788. }
  789. .order-sm-3 {
  790. -ms-flex-order: 3;
  791. order: 3;
  792. }
  793. .order-sm-4 {
  794. -ms-flex-order: 4;
  795. order: 4;
  796. }
  797. .order-sm-5 {
  798. -ms-flex-order: 5;
  799. order: 5;
  800. }
  801. .order-sm-6 {
  802. -ms-flex-order: 6;
  803. order: 6;
  804. }
  805. .order-sm-7 {
  806. -ms-flex-order: 7;
  807. order: 7;
  808. }
  809. .order-sm-8 {
  810. -ms-flex-order: 8;
  811. order: 8;
  812. }
  813. .order-sm-9 {
  814. -ms-flex-order: 9;
  815. order: 9;
  816. }
  817. .order-sm-10 {
  818. -ms-flex-order: 10;
  819. order: 10;
  820. }
  821. .order-sm-11 {
  822. -ms-flex-order: 11;
  823. order: 11;
  824. }
  825. .order-sm-12 {
  826. -ms-flex-order: 12;
  827. order: 12;
  828. }
  829. .offset-sm-0 {
  830. margin-left: 0;
  831. }
  832. .offset-sm-1 {
  833. margin-left: 8.333333%;
  834. }
  835. .offset-sm-2 {
  836. margin-left: 16.666667%;
  837. }
  838. .offset-sm-3 {
  839. margin-left: 25%;
  840. }
  841. .offset-sm-4 {
  842. margin-left: 33.333333%;
  843. }
  844. .offset-sm-5 {
  845. margin-left: 41.666667%;
  846. }
  847. .offset-sm-6 {
  848. margin-left: 50%;
  849. }
  850. .offset-sm-7 {
  851. margin-left: 58.333333%;
  852. }
  853. .offset-sm-8 {
  854. margin-left: 66.666667%;
  855. }
  856. .offset-sm-9 {
  857. margin-left: 75%;
  858. }
  859. .offset-sm-10 {
  860. margin-left: 83.333333%;
  861. }
  862. .offset-sm-11 {
  863. margin-left: 91.666667%;
  864. }
  865. }
  866. @media (min-width: 768px) {
  867. .col-md {
  868. -ms-flex-preferred-size: 0;
  869. flex-basis: 0;
  870. -ms-flex-positive: 1;
  871. flex-grow: 1;
  872. max-width: 100%;
  873. }
  874. .col-md-auto {
  875. -ms-flex: 0 0 auto;
  876. flex: 0 0 auto;
  877. width: auto;
  878. max-width: 100%;
  879. }
  880. .col-md-1 {
  881. -ms-flex: 0 0 8.333333%;
  882. flex: 0 0 8.333333%;
  883. max-width: 8.333333%;
  884. }
  885. .col-md-2 {
  886. -ms-flex: 0 0 16.666667%;
  887. flex: 0 0 16.666667%;
  888. max-width: 16.666667%;
  889. }
  890. .col-md-3 {
  891. -ms-flex: 0 0 25%;
  892. flex: 0 0 25%;
  893. max-width: 25%;
  894. }
  895. .col-md-4 {
  896. -ms-flex: 0 0 33.333333%;
  897. flex: 0 0 33.333333%;
  898. max-width: 33.333333%;
  899. }
  900. .col-md-5 {
  901. -ms-flex: 0 0 41.666667%;
  902. flex: 0 0 41.666667%;
  903. max-width: 41.666667%;
  904. }
  905. .col-md-6 {
  906. -ms-flex: 0 0 50%;
  907. flex: 0 0 50%;
  908. max-width: 50%;
  909. }
  910. .col-md-7 {
  911. -ms-flex: 0 0 58.333333%;
  912. flex: 0 0 58.333333%;
  913. max-width: 58.333333%;
  914. }
  915. .col-md-8 {
  916. -ms-flex: 0 0 66.666667%;
  917. flex: 0 0 66.666667%;
  918. max-width: 66.666667%;
  919. }
  920. .col-md-9 {
  921. -ms-flex: 0 0 75%;
  922. flex: 0 0 75%;
  923. max-width: 75%;
  924. }
  925. .col-md-10 {
  926. -ms-flex: 0 0 83.333333%;
  927. flex: 0 0 83.333333%;
  928. max-width: 83.333333%;
  929. }
  930. .col-md-11 {
  931. -ms-flex: 0 0 91.666667%;
  932. flex: 0 0 91.666667%;
  933. max-width: 91.666667%;
  934. }
  935. .col-md-12 {
  936. -ms-flex: 0 0 100%;
  937. flex: 0 0 100%;
  938. max-width: 100%;
  939. }
  940. .order-md-first {
  941. -ms-flex-order: -1;
  942. order: -1;
  943. }
  944. .order-md-last {
  945. -ms-flex-order: 13;
  946. order: 13;
  947. }
  948. .order-md-0 {
  949. -ms-flex-order: 0;
  950. order: 0;
  951. }
  952. .order-md-1 {
  953. -ms-flex-order: 1;
  954. order: 1;
  955. }
  956. .order-md-2 {
  957. -ms-flex-order: 2;
  958. order: 2;
  959. }
  960. .order-md-3 {
  961. -ms-flex-order: 3;
  962. order: 3;
  963. }
  964. .order-md-4 {
  965. -ms-flex-order: 4;
  966. order: 4;
  967. }
  968. .order-md-5 {
  969. -ms-flex-order: 5;
  970. order: 5;
  971. }
  972. .order-md-6 {
  973. -ms-flex-order: 6;
  974. order: 6;
  975. }
  976. .order-md-7 {
  977. -ms-flex-order: 7;
  978. order: 7;
  979. }
  980. .order-md-8 {
  981. -ms-flex-order: 8;
  982. order: 8;
  983. }
  984. .order-md-9 {
  985. -ms-flex-order: 9;
  986. order: 9;
  987. }
  988. .order-md-10 {
  989. -ms-flex-order: 10;
  990. order: 10;
  991. }
  992. .order-md-11 {
  993. -ms-flex-order: 11;
  994. order: 11;
  995. }
  996. .order-md-12 {
  997. -ms-flex-order: 12;
  998. order: 12;
  999. }
  1000. .offset-md-0 {
  1001. margin-left: 0;
  1002. }
  1003. .offset-md-1 {
  1004. margin-left: 8.333333%;
  1005. }
  1006. .offset-md-2 {
  1007. margin-left: 16.666667%;
  1008. }
  1009. .offset-md-3 {
  1010. margin-left: 25%;
  1011. }
  1012. .offset-md-4 {
  1013. margin-left: 33.333333%;
  1014. }
  1015. .offset-md-5 {
  1016. margin-left: 41.666667%;
  1017. }
  1018. .offset-md-6 {
  1019. margin-left: 50%;
  1020. }
  1021. .offset-md-7 {
  1022. margin-left: 58.333333%;
  1023. }
  1024. .offset-md-8 {
  1025. margin-left: 66.666667%;
  1026. }
  1027. .offset-md-9 {
  1028. margin-left: 75%;
  1029. }
  1030. .offset-md-10 {
  1031. margin-left: 83.333333%;
  1032. }
  1033. .offset-md-11 {
  1034. margin-left: 91.666667%;
  1035. }
  1036. }
  1037. @media (min-width: 992px) {
  1038. .col-lg {
  1039. -ms-flex-preferred-size: 0;
  1040. flex-basis: 0;
  1041. -ms-flex-positive: 1;
  1042. flex-grow: 1;
  1043. max-width: 100%;
  1044. }
  1045. .col-lg-auto {
  1046. -ms-flex: 0 0 auto;
  1047. flex: 0 0 auto;
  1048. width: auto;
  1049. max-width: 100%;
  1050. }
  1051. .col-lg-1 {
  1052. -ms-flex: 0 0 8.333333%;
  1053. flex: 0 0 8.333333%;
  1054. max-width: 8.333333%;
  1055. }
  1056. .col-lg-2 {
  1057. -ms-flex: 0 0 16.666667%;
  1058. flex: 0 0 16.666667%;
  1059. max-width: 16.666667%;
  1060. }
  1061. .col-lg-3 {
  1062. -ms-flex: 0 0 25%;
  1063. flex: 0 0 25%;
  1064. max-width: 25%;
  1065. }
  1066. .col-lg-4 {
  1067. -ms-flex: 0 0 33.333333%;
  1068. flex: 0 0 33.333333%;
  1069. max-width: 33.333333%;
  1070. }
  1071. .col-lg-5 {
  1072. -ms-flex: 0 0 41.666667%;
  1073. flex: 0 0 41.666667%;
  1074. max-width: 41.666667%;
  1075. }
  1076. .col-lg-6 {
  1077. -ms-flex: 0 0 50%;
  1078. flex: 0 0 50%;
  1079. max-width: 50%;
  1080. }
  1081. .col-lg-7 {
  1082. -ms-flex: 0 0 58.333333%;
  1083. flex: 0 0 58.333333%;
  1084. max-width: 58.333333%;
  1085. }
  1086. .col-lg-8 {
  1087. -ms-flex: 0 0 66.666667%;
  1088. flex: 0 0 66.666667%;
  1089. max-width: 66.666667%;
  1090. }
  1091. .col-lg-9 {
  1092. -ms-flex: 0 0 75%;
  1093. flex: 0 0 75%;
  1094. max-width: 75%;
  1095. }
  1096. .col-lg-10 {
  1097. -ms-flex: 0 0 83.333333%;
  1098. flex: 0 0 83.333333%;
  1099. max-width: 83.333333%;
  1100. }
  1101. .col-lg-11 {
  1102. -ms-flex: 0 0 91.666667%;
  1103. flex: 0 0 91.666667%;
  1104. max-width: 91.666667%;
  1105. }
  1106. .col-lg-12 {
  1107. -ms-flex: 0 0 100%;
  1108. flex: 0 0 100%;
  1109. max-width: 100%;
  1110. }
  1111. .order-lg-first {
  1112. -ms-flex-order: -1;
  1113. order: -1;
  1114. }
  1115. .order-lg-last {
  1116. -ms-flex-order: 13;
  1117. order: 13;
  1118. }
  1119. .order-lg-0 {
  1120. -ms-flex-order: 0;
  1121. order: 0;
  1122. }
  1123. .order-lg-1 {
  1124. -ms-flex-order: 1;
  1125. order: 1;
  1126. }
  1127. .order-lg-2 {
  1128. -ms-flex-order: 2;
  1129. order: 2;
  1130. }
  1131. .order-lg-3 {
  1132. -ms-flex-order: 3;
  1133. order: 3;
  1134. }
  1135. .order-lg-4 {
  1136. -ms-flex-order: 4;
  1137. order: 4;
  1138. }
  1139. .order-lg-5 {
  1140. -ms-flex-order: 5;
  1141. order: 5;
  1142. }
  1143. .order-lg-6 {
  1144. -ms-flex-order: 6;
  1145. order: 6;
  1146. }
  1147. .order-lg-7 {
  1148. -ms-flex-order: 7;
  1149. order: 7;
  1150. }
  1151. .order-lg-8 {
  1152. -ms-flex-order: 8;
  1153. order: 8;
  1154. }
  1155. .order-lg-9 {
  1156. -ms-flex-order: 9;
  1157. order: 9;
  1158. }
  1159. .order-lg-10 {
  1160. -ms-flex-order: 10;
  1161. order: 10;
  1162. }
  1163. .order-lg-11 {
  1164. -ms-flex-order: 11;
  1165. order: 11;
  1166. }
  1167. .order-lg-12 {
  1168. -ms-flex-order: 12;
  1169. order: 12;
  1170. }
  1171. .offset-lg-0 {
  1172. margin-left: 0;
  1173. }
  1174. .offset-lg-1 {
  1175. margin-left: 8.333333%;
  1176. }
  1177. .offset-lg-2 {
  1178. margin-left: 16.666667%;
  1179. }
  1180. .offset-lg-3 {
  1181. margin-left: 25%;
  1182. }
  1183. .offset-lg-4 {
  1184. margin-left: 33.333333%;
  1185. }
  1186. .offset-lg-5 {
  1187. margin-left: 41.666667%;
  1188. }
  1189. .offset-lg-6 {
  1190. margin-left: 50%;
  1191. }
  1192. .offset-lg-7 {
  1193. margin-left: 58.333333%;
  1194. }
  1195. .offset-lg-8 {
  1196. margin-left: 66.666667%;
  1197. }
  1198. .offset-lg-9 {
  1199. margin-left: 75%;
  1200. }
  1201. .offset-lg-10 {
  1202. margin-left: 83.333333%;
  1203. }
  1204. .offset-lg-11 {
  1205. margin-left: 91.666667%;
  1206. }
  1207. }
  1208. @media (min-width: 1200px) {
  1209. .col-xl {
  1210. -ms-flex-preferred-size: 0;
  1211. flex-basis: 0;
  1212. -ms-flex-positive: 1;
  1213. flex-grow: 1;
  1214. max-width: 100%;
  1215. }
  1216. .col-xl-auto {
  1217. -ms-flex: 0 0 auto;
  1218. flex: 0 0 auto;
  1219. width: auto;
  1220. max-width: 100%;
  1221. }
  1222. .col-xl-1 {
  1223. -ms-flex: 0 0 8.333333%;
  1224. flex: 0 0 8.333333%;
  1225. max-width: 8.333333%;
  1226. }
  1227. .col-xl-2 {
  1228. -ms-flex: 0 0 16.666667%;
  1229. flex: 0 0 16.666667%;
  1230. max-width: 16.666667%;
  1231. }
  1232. .col-xl-3 {
  1233. -ms-flex: 0 0 25%;
  1234. flex: 0 0 25%;
  1235. max-width: 25%;
  1236. }
  1237. .col-xl-4 {
  1238. -ms-flex: 0 0 33.333333%;
  1239. flex: 0 0 33.333333%;
  1240. max-width: 33.333333%;
  1241. }
  1242. .col-xl-5 {
  1243. -ms-flex: 0 0 41.666667%;
  1244. flex: 0 0 41.666667%;
  1245. max-width: 41.666667%;
  1246. }
  1247. .col-xl-6 {
  1248. -ms-flex: 0 0 50%;
  1249. flex: 0 0 50%;
  1250. max-width: 50%;
  1251. }
  1252. .col-xl-7 {
  1253. -ms-flex: 0 0 58.333333%;
  1254. flex: 0 0 58.333333%;
  1255. max-width: 58.333333%;
  1256. }
  1257. .col-xl-8 {
  1258. -ms-flex: 0 0 66.666667%;
  1259. flex: 0 0 66.666667%;
  1260. max-width: 66.666667%;
  1261. }
  1262. .col-xl-9 {
  1263. -ms-flex: 0 0 75%;
  1264. flex: 0 0 75%;
  1265. max-width: 75%;
  1266. }
  1267. .col-xl-10 {
  1268. -ms-flex: 0 0 83.333333%;
  1269. flex: 0 0 83.333333%;
  1270. max-width: 83.333333%;
  1271. }
  1272. .col-xl-11 {
  1273. -ms-flex: 0 0 91.666667%;
  1274. flex: 0 0 91.666667%;
  1275. max-width: 91.666667%;
  1276. }
  1277. .col-xl-12 {
  1278. -ms-flex: 0 0 100%;
  1279. flex: 0 0 100%;
  1280. max-width: 100%;
  1281. }
  1282. .order-xl-first {
  1283. -ms-flex-order: -1;
  1284. order: -1;
  1285. }
  1286. .order-xl-last {
  1287. -ms-flex-order: 13;
  1288. order: 13;
  1289. }
  1290. .order-xl-0 {
  1291. -ms-flex-order: 0;
  1292. order: 0;
  1293. }
  1294. .order-xl-1 {
  1295. -ms-flex-order: 1;
  1296. order: 1;
  1297. }
  1298. .order-xl-2 {
  1299. -ms-flex-order: 2;
  1300. order: 2;
  1301. }
  1302. .order-xl-3 {
  1303. -ms-flex-order: 3;
  1304. order: 3;
  1305. }
  1306. .order-xl-4 {
  1307. -ms-flex-order: 4;
  1308. order: 4;
  1309. }
  1310. .order-xl-5 {
  1311. -ms-flex-order: 5;
  1312. order: 5;
  1313. }
  1314. .order-xl-6 {
  1315. -ms-flex-order: 6;
  1316. order: 6;
  1317. }
  1318. .order-xl-7 {
  1319. -ms-flex-order: 7;
  1320. order: 7;
  1321. }
  1322. .order-xl-8 {
  1323. -ms-flex-order: 8;
  1324. order: 8;
  1325. }
  1326. .order-xl-9 {
  1327. -ms-flex-order: 9;
  1328. order: 9;
  1329. }
  1330. .order-xl-10 {
  1331. -ms-flex-order: 10;
  1332. order: 10;
  1333. }
  1334. .order-xl-11 {
  1335. -ms-flex-order: 11;
  1336. order: 11;
  1337. }
  1338. .order-xl-12 {
  1339. -ms-flex-order: 12;
  1340. order: 12;
  1341. }
  1342. .offset-xl-0 {
  1343. margin-left: 0;
  1344. }
  1345. .offset-xl-1 {
  1346. margin-left: 8.333333%;
  1347. }
  1348. .offset-xl-2 {
  1349. margin-left: 16.666667%;
  1350. }
  1351. .offset-xl-3 {
  1352. margin-left: 25%;
  1353. }
  1354. .offset-xl-4 {
  1355. margin-left: 33.333333%;
  1356. }
  1357. .offset-xl-5 {
  1358. margin-left: 41.666667%;
  1359. }
  1360. .offset-xl-6 {
  1361. margin-left: 50%;
  1362. }
  1363. .offset-xl-7 {
  1364. margin-left: 58.333333%;
  1365. }
  1366. .offset-xl-8 {
  1367. margin-left: 66.666667%;
  1368. }
  1369. .offset-xl-9 {
  1370. margin-left: 75%;
  1371. }
  1372. .offset-xl-10 {
  1373. margin-left: 83.333333%;
  1374. }
  1375. .offset-xl-11 {
  1376. margin-left: 91.666667%;
  1377. }
  1378. }
  1379. .table {
  1380. width: 100%;
  1381. margin-bottom: 1rem;
  1382. color: #212529;
  1383. background-color: transparent;
  1384. }
  1385. .table th,
  1386. .table td {
  1387. padding: 0.75rem;
  1388. vertical-align: top;
  1389. border-top: 1px solid #dee2e6;
  1390. }
  1391. .table thead th {
  1392. vertical-align: bottom;
  1393. border-bottom: 2px solid #dee2e6;
  1394. }
  1395. .table tbody + tbody {
  1396. border-top: 2px solid #dee2e6;
  1397. }
  1398. .table-sm th,
  1399. .table-sm td {
  1400. padding: 0.3rem;
  1401. }
  1402. .table-bordered {
  1403. border: 1px solid #dee2e6;
  1404. }
  1405. .table-bordered th,
  1406. .table-bordered td {
  1407. border: 1px solid #dee2e6;
  1408. }
  1409. .table-bordered thead th,
  1410. .table-bordered thead td {
  1411. border-bottom-width: 2px;
  1412. }
  1413. .table-borderless th,
  1414. .table-borderless td,
  1415. .table-borderless thead th,
  1416. .table-borderless tbody + tbody {
  1417. border: 0;
  1418. }
  1419. .table-striped tbody tr:nth-of-type(odd) {
  1420. background-color: rgba(0, 0, 0, 0.05);
  1421. }
  1422. .table-hover tbody tr:hover {
  1423. color: #212529;
  1424. background-color: rgba(0, 0, 0, 0.075);
  1425. }
  1426. .table-primary,
  1427. .table-primary > th,
  1428. .table-primary > td {
  1429. background-color: #b8daff;
  1430. }
  1431. .table-primary th,
  1432. .table-primary td,
  1433. .table-primary thead th,
  1434. .table-primary tbody + tbody {
  1435. border-color: #7abaff;
  1436. }
  1437. .table-hover .table-primary:hover {
  1438. background-color: #9fcdff;
  1439. }
  1440. .table-hover .table-primary:hover > td,
  1441. .table-hover .table-primary:hover > th {
  1442. background-color: #9fcdff;
  1443. }
  1444. .table-secondary,
  1445. .table-secondary > th,
  1446. .table-secondary > td {
  1447. background-color: #d6d8db;
  1448. }
  1449. .table-secondary th,
  1450. .table-secondary td,
  1451. .table-secondary thead th,
  1452. .table-secondary tbody + tbody {
  1453. border-color: #b3b7bb;
  1454. }
  1455. .table-hover .table-secondary:hover {
  1456. background-color: #c8cbcf;
  1457. }
  1458. .table-hover .table-secondary:hover > td,
  1459. .table-hover .table-secondary:hover > th {
  1460. background-color: #c8cbcf;
  1461. }
  1462. .table-success,
  1463. .table-success > th,
  1464. .table-success > td {
  1465. background-color: #c3e6cb;
  1466. }
  1467. .table-success th,
  1468. .table-success td,
  1469. .table-success thead th,
  1470. .table-success tbody + tbody {
  1471. border-color: #8fd19e;
  1472. }
  1473. .table-hover .table-success:hover {
  1474. background-color: #b1dfbb;
  1475. }
  1476. .table-hover .table-success:hover > td,
  1477. .table-hover .table-success:hover > th {
  1478. background-color: #b1dfbb;
  1479. }
  1480. .table-info,
  1481. .table-info > th,
  1482. .table-info > td {
  1483. background-color: #bee5eb;
  1484. }
  1485. .table-info th,
  1486. .table-info td,
  1487. .table-info thead th,
  1488. .table-info tbody + tbody {
  1489. border-color: #86cfda;
  1490. }
  1491. .table-hover .table-info:hover {
  1492. background-color: #abdde5;
  1493. }
  1494. .table-hover .table-info:hover > td,
  1495. .table-hover .table-info:hover > th {
  1496. background-color: #abdde5;
  1497. }
  1498. .table-warning,
  1499. .table-warning > th,
  1500. .table-warning > td {
  1501. background-color: #ffeeba;
  1502. }
  1503. .table-warning th,
  1504. .table-warning td,
  1505. .table-warning thead th,
  1506. .table-warning tbody + tbody {
  1507. border-color: #ffdf7e;
  1508. }
  1509. .table-hover .table-warning:hover {
  1510. background-color: #ffe8a1;
  1511. }
  1512. .table-hover .table-warning:hover > td,
  1513. .table-hover .table-warning:hover > th {
  1514. background-color: #ffe8a1;
  1515. }
  1516. .table-danger,
  1517. .table-danger > th,
  1518. .table-danger > td {
  1519. background-color: #f5c6cb;
  1520. }
  1521. .table-danger th,
  1522. .table-danger td,
  1523. .table-danger thead th,
  1524. .table-danger tbody + tbody {
  1525. border-color: #ed969e;
  1526. }
  1527. .table-hover .table-danger:hover {
  1528. background-color: #f1b0b7;
  1529. }
  1530. .table-hover .table-danger:hover > td,
  1531. .table-hover .table-danger:hover > th {
  1532. background-color: #f1b0b7;
  1533. }
  1534. .table-light,
  1535. .table-light > th,
  1536. .table-light > td {
  1537. background-color: #fdfdfe;
  1538. }
  1539. .table-light th,
  1540. .table-light td,
  1541. .table-light thead th,
  1542. .table-light tbody + tbody {
  1543. border-color: #fbfcfc;
  1544. }
  1545. .table-hover .table-light:hover {
  1546. background-color: #ececf6;
  1547. }
  1548. .table-hover .table-light:hover > td,
  1549. .table-hover .table-light:hover > th {
  1550. background-color: #ececf6;
  1551. }
  1552. .table-dark,
  1553. .table-dark > th,
  1554. .table-dark > td {
  1555. background-color: #c6c8ca;
  1556. }
  1557. .table-dark th,
  1558. .table-dark td,
  1559. .table-dark thead th,
  1560. .table-dark tbody + tbody {
  1561. border-color: #95999c;
  1562. }
  1563. .table-hover .table-dark:hover {
  1564. background-color: #b9bbbe;
  1565. }
  1566. .table-hover .table-dark:hover > td,
  1567. .table-hover .table-dark:hover > th {
  1568. background-color: #b9bbbe;
  1569. }
  1570. .table-active,
  1571. .table-active > th,
  1572. .table-active > td {
  1573. background-color: rgba(0, 0, 0, 0.075);
  1574. }
  1575. .table-hover .table-active:hover {
  1576. background-color: rgba(0, 0, 0, 0.075);
  1577. }
  1578. .table-hover .table-active:hover > td,
  1579. .table-hover .table-active:hover > th {
  1580. background-color: rgba(0, 0, 0, 0.075);
  1581. }
  1582. .table .thead-dark th {
  1583. color: #ffffff;
  1584. background-color: #212529;
  1585. border-color: #383f45;
  1586. }
  1587. .table .thead-light th {
  1588. color: #495057;
  1589. background-color: #e9ecef;
  1590. border-color: #dee2e6;
  1591. }
  1592. .table-dark {
  1593. color: #ffffff;
  1594. background-color: #212529;
  1595. }
  1596. .table-dark th,
  1597. .table-dark td,
  1598. .table-dark thead th {
  1599. border-color: #383f45;
  1600. }
  1601. .table-dark.table-bordered {
  1602. border: 0;
  1603. }
  1604. .table-dark.table-striped tbody tr:nth-of-type(odd) {
  1605. background-color: rgba(255, 255, 255, 0.05);
  1606. }
  1607. .table-dark.table-hover tbody tr:hover {
  1608. color: #ffffff;
  1609. background-color: rgba(255, 255, 255, 0.075);
  1610. }
  1611. @media (max-width: 575.98px) {
  1612. .table-responsive-sm {
  1613. display: block;
  1614. width: 100%;
  1615. overflow-x: auto;
  1616. -webkit-overflow-scrolling: touch;
  1617. }
  1618. .table-responsive-sm > .table-bordered {
  1619. border: 0;
  1620. }
  1621. }
  1622. @media (max-width: 767.98px) {
  1623. .table-responsive-md {
  1624. display: block;
  1625. width: 100%;
  1626. overflow-x: auto;
  1627. -webkit-overflow-scrolling: touch;
  1628. }
  1629. .table-responsive-md > .table-bordered {
  1630. border: 0;
  1631. }
  1632. }
  1633. @media (max-width: 991.98px) {
  1634. .table-responsive-lg {
  1635. display: block;
  1636. width: 100%;
  1637. overflow-x: auto;
  1638. -webkit-overflow-scrolling: touch;
  1639. }
  1640. .table-responsive-lg > .table-bordered {
  1641. border: 0;
  1642. }
  1643. }
  1644. @media (max-width: 1199.98px) {
  1645. .table-responsive-xl {
  1646. display: block;
  1647. width: 100%;
  1648. overflow-x: auto;
  1649. -webkit-overflow-scrolling: touch;
  1650. }
  1651. .table-responsive-xl > .table-bordered {
  1652. border: 0;
  1653. }
  1654. }
  1655. .table-responsive {
  1656. display: block;
  1657. width: 100%;
  1658. overflow-x: auto;
  1659. -webkit-overflow-scrolling: touch;
  1660. }
  1661. .table-responsive > .table-bordered {
  1662. border: 0;
  1663. }
  1664. .form-control {
  1665. display: block;
  1666. width: 100%;
  1667. height: calc(2.25rem + 2px);
  1668. padding: 0.375rem 0.75rem;
  1669. font-size: 1rem;
  1670. font-weight: 400;
  1671. line-height: 1.5;
  1672. color: #495057;
  1673. background-color: #ffffff;
  1674. background-clip: padding-box;
  1675. border: 1px solid #ced4da;
  1676. border-radius: 0.25rem;
  1677. box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
  1678. transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  1679. }
  1680. @media (prefers-reduced-motion: reduce) {
  1681. .form-control {
  1682. transition: none;
  1683. }
  1684. }
  1685. .form-control::-ms-expand {
  1686. background-color: transparent;
  1687. border: 0;
  1688. }
  1689. .form-control:focus {
  1690. color: #495057;
  1691. background-color: #ffffff;
  1692. border-color: #80bdff;
  1693. outline: 0;
  1694. box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), none;
  1695. }
  1696. .form-control::-webkit-input-placeholder {
  1697. color: #939ba2;
  1698. opacity: 1;
  1699. }
  1700. .form-control::-moz-placeholder {
  1701. color: #939ba2;
  1702. opacity: 1;
  1703. }
  1704. .form-control:-ms-input-placeholder {
  1705. color: #939ba2;
  1706. opacity: 1;
  1707. }
  1708. .form-control::-ms-input-placeholder {
  1709. color: #939ba2;
  1710. opacity: 1;
  1711. }
  1712. .form-control::placeholder {
  1713. color: #939ba2;
  1714. opacity: 1;
  1715. }
  1716. .form-control:disabled, .form-control[readonly] {
  1717. background-color: #e9ecef;
  1718. opacity: 1;
  1719. }
  1720. select.form-control:focus::-ms-value {
  1721. color: #495057;
  1722. background-color: #ffffff;
  1723. }
  1724. .form-control-file,
  1725. .form-control-range {
  1726. display: block;
  1727. width: 100%;
  1728. }
  1729. .col-form-label {
  1730. padding-top: calc(0.375rem + 1px);
  1731. padding-bottom: calc(0.375rem + 1px);
  1732. margin-bottom: 0;
  1733. font-size: inherit;
  1734. line-height: 1.5;
  1735. }
  1736. .col-form-label-lg {
  1737. padding-top: calc(0.5rem + 1px);
  1738. padding-bottom: calc(0.5rem + 1px);
  1739. font-size: 1.25rem;
  1740. line-height: 1.5;
  1741. }
  1742. .col-form-label-sm {
  1743. padding-top: calc(0.25rem + 1px);
  1744. padding-bottom: calc(0.25rem + 1px);
  1745. font-size: 0.875rem;
  1746. line-height: 1.5;
  1747. }
  1748. .form-control-plaintext {
  1749. display: block;
  1750. width: 100%;
  1751. padding-top: 0.375rem;
  1752. padding-bottom: 0.375rem;
  1753. margin-bottom: 0;
  1754. line-height: 1.5;
  1755. color: #212529;
  1756. background-color: transparent;
  1757. border: solid transparent;
  1758. border-width: 1px 0;
  1759. }
  1760. .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
  1761. padding-right: 0;
  1762. padding-left: 0;
  1763. }
  1764. .form-control-sm {
  1765. height: calc(1.8125rem + 2px);
  1766. padding: 0.25rem 0.5rem;
  1767. font-size: 0.875rem;
  1768. line-height: 1.5;
  1769. border-radius: 0.2rem;
  1770. }
  1771. .form-control-lg {
  1772. height: calc(2.875rem + 2px);
  1773. padding: 0.5rem 1rem;
  1774. font-size: 1.25rem;
  1775. line-height: 1.5;
  1776. border-radius: 0.3rem;
  1777. }
  1778. select.form-control[size], select.form-control[multiple] {
  1779. height: auto;
  1780. }
  1781. textarea.form-control {
  1782. height: auto;
  1783. }
  1784. .form-group {
  1785. margin-bottom: 1rem;
  1786. }
  1787. .form-text {
  1788. display: block;
  1789. margin-top: 0.25rem;
  1790. }
  1791. .form-row {
  1792. display: -ms-flexbox;
  1793. display: flex;
  1794. -ms-flex-wrap: wrap;
  1795. flex-wrap: wrap;
  1796. margin-right: -5px;
  1797. margin-left: -5px;
  1798. }
  1799. .form-row > .col,
  1800. .form-row > [class*="col-"] {
  1801. padding-right: 5px;
  1802. padding-left: 5px;
  1803. }
  1804. .form-check {
  1805. position: relative;
  1806. display: block;
  1807. padding-left: 1.25rem;
  1808. }
  1809. .form-check-input {
  1810. position: absolute;
  1811. margin-top: 0.3rem;
  1812. margin-left: -1.25rem;
  1813. }
  1814. .form-check-input:disabled ~ .form-check-label {
  1815. color: #6c757d;
  1816. }
  1817. .form-check-label {
  1818. margin-bottom: 0;
  1819. }
  1820. .form-check-inline {
  1821. display: -ms-inline-flexbox;
  1822. display: inline-flex;
  1823. -ms-flex-align: center;
  1824. align-items: center;
  1825. padding-left: 0;
  1826. margin-right: 0.75rem;
  1827. }
  1828. .form-check-inline .form-check-input {
  1829. position: static;
  1830. margin-top: 0;
  1831. margin-right: 0.3125rem;
  1832. margin-left: 0;
  1833. }
  1834. .valid-feedback {
  1835. display: none;
  1836. width: 100%;
  1837. margin-top: 0.25rem;
  1838. font-size: 80%;
  1839. color: #28a745;
  1840. }
  1841. .valid-tooltip {
  1842. position: absolute;
  1843. top: 100%;
  1844. z-index: 5;
  1845. display: none;
  1846. max-width: 100%;
  1847. padding: 0.25rem 0.5rem;
  1848. margin-top: .1rem;
  1849. font-size: 0.875rem;
  1850. line-height: 1.5;
  1851. color: #ffffff;
  1852. background-color: rgba(40, 167, 69, 0.9);
  1853. border-radius: 0.25rem;
  1854. }
  1855. .was-validated .form-control:valid, .form-control.is-valid {
  1856. border-color: #28a745;
  1857. padding-right: 2.25rem;
  1858. background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' 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");
  1859. background-repeat: no-repeat;
  1860. background-position: center right calc(0.375em + 0.1875rem);
  1861. background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
  1862. }
  1863. .was-validated .form-control:valid:focus, .form-control.is-valid:focus {
  1864. border-color: #28a745;
  1865. box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.25);
  1866. }
  1867. .was-validated .form-control:valid ~ .valid-feedback,
  1868. .was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback,
  1869. .form-control.is-valid ~ .valid-tooltip {
  1870. display: block;
  1871. }
  1872. .was-validated textarea.form-control:valid, textarea.form-control.is-valid {
  1873. padding-right: 2.25rem;
  1874. background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
  1875. }
  1876. .was-validated .custom-select:valid, .custom-select.is-valid {
  1877. border-color: #28a745;
  1878. padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem);
  1879. background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' 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='%2328a745' 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") #ffffff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
  1880. }
  1881. .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
  1882. border-color: #28a745;
  1883. box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.25);
  1884. }
  1885. .was-validated .custom-select:valid ~ .valid-feedback,
  1886. .was-validated .custom-select:valid ~ .valid-tooltip, .custom-select.is-valid ~ .valid-feedback,
  1887. .custom-select.is-valid ~ .valid-tooltip {
  1888. display: block;
  1889. }
  1890. .was-validated .form-control-file:valid ~ .valid-feedback,
  1891. .was-validated .form-control-file:valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback,
  1892. .form-control-file.is-valid ~ .valid-tooltip {
  1893. display: block;
  1894. }
  1895. .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  1896. color: #28a745;
  1897. }
  1898. .was-validated .form-check-input:valid ~ .valid-feedback,
  1899. .was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,
  1900. .form-check-input.is-valid ~ .valid-tooltip {
  1901. display: block;
  1902. }
  1903. .was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
  1904. color: #28a745;
  1905. }
  1906. .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
  1907. border-color: #28a745;
  1908. }
  1909. .was-validated .custom-control-input:valid ~ .valid-feedback,
  1910. .was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback,
  1911. .custom-control-input.is-valid ~ .valid-tooltip {
  1912. display: block;
  1913. }
  1914. .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
  1915. border-color: #34ce57;
  1916. background-color: #34ce57;
  1917. }
  1918. .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
  1919. box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.25);
  1920. }
  1921. .was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
  1922. border-color: #28a745;
  1923. }
  1924. .was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
  1925. border-color: #28a745;
  1926. }
  1927. .was-validated .custom-file-input:valid ~ .valid-feedback,
  1928. .was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback,
  1929. .custom-file-input.is-valid ~ .valid-tooltip {
  1930. display: block;
  1931. }
  1932. .was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
  1933. border-color: #28a745;
  1934. box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.25);
  1935. }
  1936. .invalid-feedback {
  1937. display: none;
  1938. width: 100%;
  1939. margin-top: 0.25rem;
  1940. font-size: 80%;
  1941. color: #dc3545;
  1942. }
  1943. .invalid-tooltip {
  1944. position: absolute;
  1945. top: 100%;
  1946. z-index: 5;
  1947. display: none;
  1948. max-width: 100%;
  1949. padding: 0.25rem 0.5rem;
  1950. margin-top: .1rem;
  1951. font-size: 0.875rem;
  1952. line-height: 1.5;
  1953. color: #ffffff;
  1954. background-color: rgba(220, 53, 69, 0.9);
  1955. border-radius: 0.25rem;
  1956. }
  1957. .was-validated .form-control:invalid, .form-control.is-invalid {
  1958. border-color: #dc3545;
  1959. padding-right: 2.25rem;
  1960. background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' 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");
  1961. background-repeat: no-repeat;
  1962. background-position: center right calc(0.375em + 0.1875rem);
  1963. background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
  1964. }
  1965. .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
  1966. border-color: #dc3545;
  1967. box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.25);
  1968. }
  1969. .was-validated .form-control:invalid ~ .invalid-feedback,
  1970. .was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback,
  1971. .form-control.is-invalid ~ .invalid-tooltip {
  1972. display: block;
  1973. }
  1974. .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
  1975. padding-right: 2.25rem;
  1976. background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
  1977. }
  1978. .was-validated .custom-select:invalid, .custom-select.is-invalid {
  1979. border-color: #dc3545;
  1980. padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem);
  1981. background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' 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='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' 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") #ffffff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
  1982. }
  1983. .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
  1984. border-color: #dc3545;
  1985. box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.25);
  1986. }
  1987. .was-validated .custom-select:invalid ~ .invalid-feedback,
  1988. .was-validated .custom-select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback,
  1989. .custom-select.is-invalid ~ .invalid-tooltip {
  1990. display: block;
  1991. }
  1992. .was-validated .form-control-file:invalid ~ .invalid-feedback,
  1993. .was-validated .form-control-file:invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback,
  1994. .form-control-file.is-invalid ~ .invalid-tooltip {
  1995. display: block;
  1996. }
  1997. .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  1998. color: #dc3545;
  1999. }
  2000. .was-validated .form-check-input:invalid ~ .invalid-feedback,
  2001. .was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback,
  2002. .form-check-input.is-invalid ~ .invalid-tooltip {
  2003. display: block;
  2004. }
  2005. .was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
  2006. color: #dc3545;
  2007. }
  2008. .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
  2009. border-color: #dc3545;
  2010. }
  2011. .was-validated .custom-control-input:invalid ~ .invalid-feedback,
  2012. .was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback,
  2013. .custom-control-input.is-invalid ~ .invalid-tooltip {
  2014. display: block;
  2015. }
  2016. .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
  2017. border-color: #e4606d;
  2018. background-color: #e4606d;
  2019. }
  2020. .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
  2021. box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.25);
  2022. }
  2023. .was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
  2024. border-color: #dc3545;
  2025. }
  2026. .was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
  2027. border-color: #dc3545;
  2028. }
  2029. .was-validated .custom-file-input:invalid ~ .invalid-feedback,
  2030. .was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback,
  2031. .custom-file-input.is-invalid ~ .invalid-tooltip {
  2032. display: block;
  2033. }
  2034. .was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
  2035. border-color: #dc3545;
  2036. box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.25);
  2037. }
  2038. .form-inline {
  2039. display: -ms-flexbox;
  2040. display: flex;
  2041. -ms-flex-flow: row wrap;
  2042. flex-flow: row wrap;
  2043. -ms-flex-align: center;
  2044. align-items: center;
  2045. }
  2046. .form-inline .form-check {
  2047. width: 100%;
  2048. }
  2049. @media (min-width: 576px) {
  2050. .form-inline label {
  2051. display: -ms-flexbox;
  2052. display: flex;
  2053. -ms-flex-align: center;
  2054. align-items: center;
  2055. -ms-flex-pack: center;
  2056. justify-content: center;
  2057. margin-bottom: 0;
  2058. }
  2059. .form-inline .form-group {
  2060. display: -ms-flexbox;
  2061. display: flex;
  2062. -ms-flex: 0 0 auto;
  2063. flex: 0 0 auto;
  2064. -ms-flex-flow: row wrap;
  2065. flex-flow: row wrap;
  2066. -ms-flex-align: center;
  2067. align-items: center;
  2068. margin-bottom: 0;
  2069. }
  2070. .form-inline .form-control {
  2071. display: inline-block;
  2072. width: auto;
  2073. vertical-align: middle;
  2074. }
  2075. .form-inline .form-control-plaintext {
  2076. display: inline-block;
  2077. }
  2078. .form-inline .input-group,
  2079. .form-inline .custom-select {
  2080. width: auto;
  2081. }
  2082. .form-inline .form-check {
  2083. display: -ms-flexbox;
  2084. display: flex;
  2085. -ms-flex-align: center;
  2086. align-items: center;
  2087. -ms-flex-pack: center;
  2088. justify-content: center;
  2089. width: auto;
  2090. padding-left: 0;
  2091. }
  2092. .form-inline .form-check-input {
  2093. position: relative;
  2094. -ms-flex-negative: 0;
  2095. flex-shrink: 0;
  2096. margin-top: 0;
  2097. margin-right: 0.25rem;
  2098. margin-left: 0;
  2099. }
  2100. .form-inline .custom-control {
  2101. -ms-flex-align: center;
  2102. align-items: center;
  2103. -ms-flex-pack: center;
  2104. justify-content: center;
  2105. }
  2106. .form-inline .custom-control-label {
  2107. margin-bottom: 0;
  2108. }
  2109. }
  2110. .btn {
  2111. display: inline-block;
  2112. font-weight: 400;
  2113. color: #212529;
  2114. text-align: center;
  2115. vertical-align: middle;
  2116. -webkit-user-select: none;
  2117. -moz-user-select: none;
  2118. -ms-user-select: none;
  2119. user-select: none;
  2120. background-color: transparent;
  2121. border: 1px solid transparent;
  2122. padding: 0.375rem 0.75rem;
  2123. font-size: 1rem;
  2124. line-height: 1.5;
  2125. border-radius: 0.25rem;
  2126. 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;
  2127. }
  2128. @media (prefers-reduced-motion: reduce) {
  2129. .btn {
  2130. transition: none;
  2131. }
  2132. }
  2133. .btn:hover {
  2134. color: #212529;
  2135. text-decoration: none;
  2136. }
  2137. .btn:focus, .btn.focus {
  2138. outline: 0;
  2139. box-shadow: none;
  2140. }
  2141. .btn.disabled, .btn:disabled {
  2142. opacity: 0.65;
  2143. box-shadow: none;
  2144. }
  2145. .btn:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active {
  2146. box-shadow: none;
  2147. }
  2148. a.btn.disabled,
  2149. fieldset:disabled a.btn {
  2150. pointer-events: none;
  2151. }
  2152. .btn-primary {
  2153. color: #ffffff;
  2154. background-color: #007bff;
  2155. border-color: #007bff;
  2156. box-shadow: none;
  2157. }
  2158. .btn-primary:hover {
  2159. color: #ffffff;
  2160. background-color: #0069d9;
  2161. border-color: #0062cc;
  2162. }
  2163. .btn-primary:focus, .btn-primary.focus {
  2164. box-shadow: none, 0 0 0 0 rgba(38, 143, 255, 0.5);
  2165. }
  2166. .btn-primary.disabled, .btn-primary:disabled {
  2167. color: #ffffff;
  2168. background-color: #007bff;
  2169. border-color: #007bff;
  2170. }
  2171. .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
  2172. .show > .btn-primary.dropdown-toggle {
  2173. color: #ffffff;
  2174. background-color: #0062cc;
  2175. border-color: #005cbf;
  2176. }
  2177. .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
  2178. .show > .btn-primary.dropdown-toggle:focus {
  2179. box-shadow: 0 0 0 0 rgba(38, 143, 255, 0.5);
  2180. }
  2181. .btn-secondary {
  2182. color: #ffffff;
  2183. background-color: #6c757d;
  2184. border-color: #6c757d;
  2185. box-shadow: none;
  2186. }
  2187. .btn-secondary:hover {
  2188. color: #ffffff;
  2189. background-color: #5a6268;
  2190. border-color: #545b62;
  2191. }
  2192. .btn-secondary:focus, .btn-secondary.focus {
  2193. box-shadow: none, 0 0 0 0 rgba(130, 138, 145, 0.5);
  2194. }
  2195. .btn-secondary.disabled, .btn-secondary:disabled {
  2196. color: #ffffff;
  2197. background-color: #6c757d;
  2198. border-color: #6c757d;
  2199. }
  2200. .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
  2201. .show > .btn-secondary.dropdown-toggle {
  2202. color: #ffffff;
  2203. background-color: #545b62;
  2204. border-color: #4e555b;
  2205. }
  2206. .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
  2207. .show > .btn-secondary.dropdown-toggle:focus {
  2208. box-shadow: 0 0 0 0 rgba(130, 138, 145, 0.5);
  2209. }
  2210. .btn-success {
  2211. color: #ffffff;
  2212. background-color: #28a745;
  2213. border-color: #28a745;
  2214. box-shadow: none;
  2215. }
  2216. .btn-success:hover {
  2217. color: #ffffff;
  2218. background-color: #218838;
  2219. border-color: #1e7e34;
  2220. }
  2221. .btn-success:focus, .btn-success.focus {
  2222. box-shadow: none, 0 0 0 0 rgba(72, 180, 97, 0.5);
  2223. }
  2224. .btn-success.disabled, .btn-success:disabled {
  2225. color: #ffffff;
  2226. background-color: #28a745;
  2227. border-color: #28a745;
  2228. }
  2229. .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
  2230. .show > .btn-success.dropdown-toggle {
  2231. color: #ffffff;
  2232. background-color: #1e7e34;
  2233. border-color: #1c7430;
  2234. }
  2235. .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
  2236. .show > .btn-success.dropdown-toggle:focus {
  2237. box-shadow: 0 0 0 0 rgba(72, 180, 97, 0.5);
  2238. }
  2239. .btn-info {
  2240. color: #ffffff;
  2241. background-color: #17a2b8;
  2242. border-color: #17a2b8;
  2243. box-shadow: none;
  2244. }
  2245. .btn-info:hover {
  2246. color: #ffffff;
  2247. background-color: #138496;
  2248. border-color: #117a8b;
  2249. }
  2250. .btn-info:focus, .btn-info.focus {
  2251. box-shadow: none, 0 0 0 0 rgba(58, 176, 195, 0.5);
  2252. }
  2253. .btn-info.disabled, .btn-info:disabled {
  2254. color: #ffffff;
  2255. background-color: #17a2b8;
  2256. border-color: #17a2b8;
  2257. }
  2258. .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
  2259. .show > .btn-info.dropdown-toggle {
  2260. color: #ffffff;
  2261. background-color: #117a8b;
  2262. border-color: #10707f;
  2263. }
  2264. .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
  2265. .show > .btn-info.dropdown-toggle:focus {
  2266. box-shadow: 0 0 0 0 rgba(58, 176, 195, 0.5);
  2267. }
  2268. .btn-warning {
  2269. color: #1F2D3D;
  2270. background-color: #ffc107;
  2271. border-color: #ffc107;
  2272. box-shadow: none;
  2273. }
  2274. .btn-warning:hover {
  2275. color: #1F2D3D;
  2276. background-color: #e0a800;
  2277. border-color: #d39e00;
  2278. }
  2279. .btn-warning:focus, .btn-warning.focus {
  2280. box-shadow: none, 0 0 0 0 rgba(221, 171, 15, 0.5);
  2281. }
  2282. .btn-warning.disabled, .btn-warning:disabled {
  2283. color: #1F2D3D;
  2284. background-color: #ffc107;
  2285. border-color: #ffc107;
  2286. }
  2287. .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,
  2288. .show > .btn-warning.dropdown-toggle {
  2289. color: #1F2D3D;
  2290. background-color: #d39e00;
  2291. border-color: #c69500;
  2292. }
  2293. .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,
  2294. .show > .btn-warning.dropdown-toggle:focus {
  2295. box-shadow: 0 0 0 0 rgba(221, 171, 15, 0.5);
  2296. }
  2297. .btn-danger {
  2298. color: #ffffff;
  2299. background-color: #dc3545;
  2300. border-color: #dc3545;
  2301. box-shadow: none;
  2302. }
  2303. .btn-danger:hover {
  2304. color: #ffffff;
  2305. background-color: #c82333;
  2306. border-color: #bd2130;
  2307. }
  2308. .btn-danger:focus, .btn-danger.focus {
  2309. box-shadow: none, 0 0 0 0 rgba(225, 83, 97, 0.5);
  2310. }
  2311. .btn-danger.disabled, .btn-danger:disabled {
  2312. color: #ffffff;
  2313. background-color: #dc3545;
  2314. border-color: #dc3545;
  2315. }
  2316. .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
  2317. .show > .btn-danger.dropdown-toggle {
  2318. color: #ffffff;
  2319. background-color: #bd2130;
  2320. border-color: #b21f2d;
  2321. }
  2322. .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
  2323. .show > .btn-danger.dropdown-toggle:focus {
  2324. box-shadow: 0 0 0 0 rgba(225, 83, 97, 0.5);
  2325. }
  2326. .btn-light {
  2327. color: #1F2D3D;
  2328. background-color: #f8f9fa;
  2329. border-color: #f8f9fa;
  2330. box-shadow: none;
  2331. }
  2332. .btn-light:hover {
  2333. color: #1F2D3D;
  2334. background-color: #e2e6ea;
  2335. border-color: #dae0e5;
  2336. }
  2337. .btn-light:focus, .btn-light.focus {
  2338. box-shadow: none, 0 0 0 0 rgba(215, 218, 222, 0.5);
  2339. }
  2340. .btn-light.disabled, .btn-light:disabled {
  2341. color: #1F2D3D;
  2342. background-color: #f8f9fa;
  2343. border-color: #f8f9fa;
  2344. }
  2345. .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,
  2346. .show > .btn-light.dropdown-toggle {
  2347. color: #1F2D3D;
  2348. background-color: #dae0e5;
  2349. border-color: #d3d9df;
  2350. }
  2351. .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,
  2352. .show > .btn-light.dropdown-toggle:focus {
  2353. box-shadow: 0 0 0 0 rgba(215, 218, 222, 0.5);
  2354. }
  2355. .btn-dark {
  2356. color: #ffffff;
  2357. background-color: #343a40;
  2358. border-color: #343a40;
  2359. box-shadow: none;
  2360. }
  2361. .btn-dark:hover {
  2362. color: #ffffff;
  2363. background-color: #23272b;
  2364. border-color: #1d2124;
  2365. }
  2366. .btn-dark:focus, .btn-dark.focus {
  2367. box-shadow: none, 0 0 0 0 rgba(82, 88, 93, 0.5);
  2368. }
  2369. .btn-dark.disabled, .btn-dark:disabled {
  2370. color: #ffffff;
  2371. background-color: #343a40;
  2372. border-color: #343a40;
  2373. }
  2374. .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,
  2375. .show > .btn-dark.dropdown-toggle {
  2376. color: #ffffff;
  2377. background-color: #1d2124;
  2378. border-color: #171a1d;
  2379. }
  2380. .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,
  2381. .show > .btn-dark.dropdown-toggle:focus {
  2382. box-shadow: 0 0 0 0 rgba(82, 88, 93, 0.5);
  2383. }
  2384. .btn-outline-primary {
  2385. color: #007bff;
  2386. border-color: #007bff;
  2387. }
  2388. .btn-outline-primary:hover {
  2389. color: #ffffff;
  2390. background-color: #007bff;
  2391. border-color: #007bff;
  2392. }
  2393. .btn-outline-primary:focus, .btn-outline-primary.focus {
  2394. box-shadow: 0 0 0 0 rgba(0, 123, 255, 0.5);
  2395. }
  2396. .btn-outline-primary.disabled, .btn-outline-primary:disabled {
  2397. color: #007bff;
  2398. background-color: transparent;
  2399. }
  2400. .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
  2401. .show > .btn-outline-primary.dropdown-toggle {
  2402. color: #ffffff;
  2403. background-color: #007bff;
  2404. border-color: #007bff;
  2405. }
  2406. .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
  2407. .show > .btn-outline-primary.dropdown-toggle:focus {
  2408. box-shadow: 0 0 0 0 rgba(0, 123, 255, 0.5);
  2409. }
  2410. .btn-outline-secondary {
  2411. color: #6c757d;
  2412. border-color: #6c757d;
  2413. }
  2414. .btn-outline-secondary:hover {
  2415. color: #ffffff;
  2416. background-color: #6c757d;
  2417. border-color: #6c757d;
  2418. }
  2419. .btn-outline-secondary:focus, .btn-outline-secondary.focus {
  2420. box-shadow: 0 0 0 0 rgba(108, 117, 125, 0.5);
  2421. }
  2422. .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
  2423. color: #6c757d;
  2424. background-color: transparent;
  2425. }
  2426. .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
  2427. .show > .btn-outline-secondary.dropdown-toggle {
  2428. color: #ffffff;
  2429. background-color: #6c757d;
  2430. border-color: #6c757d;
  2431. }
  2432. .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
  2433. .show > .btn-outline-secondary.dropdown-toggle:focus {
  2434. box-shadow: 0 0 0 0 rgba(108, 117, 125, 0.5);
  2435. }
  2436. .btn-outline-success {
  2437. color: #28a745;
  2438. border-color: #28a745;
  2439. }
  2440. .btn-outline-success:hover {
  2441. color: #ffffff;
  2442. background-color: #28a745;
  2443. border-color: #28a745;
  2444. }
  2445. .btn-outline-success:focus, .btn-outline-success.focus {
  2446. box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.5);
  2447. }
  2448. .btn-outline-success.disabled, .btn-outline-success:disabled {
  2449. color: #28a745;
  2450. background-color: transparent;
  2451. }
  2452. .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,
  2453. .show > .btn-outline-success.dropdown-toggle {
  2454. color: #ffffff;
  2455. background-color: #28a745;
  2456. border-color: #28a745;
  2457. }
  2458. .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,
  2459. .show > .btn-outline-success.dropdown-toggle:focus {
  2460. box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.5);
  2461. }
  2462. .btn-outline-info {
  2463. color: #17a2b8;
  2464. border-color: #17a2b8;
  2465. }
  2466. .btn-outline-info:hover {
  2467. color: #ffffff;
  2468. background-color: #17a2b8;
  2469. border-color: #17a2b8;
  2470. }
  2471. .btn-outline-info:focus, .btn-outline-info.focus {
  2472. box-shadow: 0 0 0 0 rgba(23, 162, 184, 0.5);
  2473. }
  2474. .btn-outline-info.disabled, .btn-outline-info:disabled {
  2475. color: #17a2b8;
  2476. background-color: transparent;
  2477. }
  2478. .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,
  2479. .show > .btn-outline-info.dropdown-toggle {
  2480. color: #ffffff;
  2481. background-color: #17a2b8;
  2482. border-color: #17a2b8;
  2483. }
  2484. .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,
  2485. .show > .btn-outline-info.dropdown-toggle:focus {
  2486. box-shadow: 0 0 0 0 rgba(23, 162, 184, 0.5);
  2487. }
  2488. .btn-outline-warning {
  2489. color: #ffc107;
  2490. border-color: #ffc107;
  2491. }
  2492. .btn-outline-warning:hover {
  2493. color: #1F2D3D;
  2494. background-color: #ffc107;
  2495. border-color: #ffc107;
  2496. }
  2497. .btn-outline-warning:focus, .btn-outline-warning.focus {
  2498. box-shadow: 0 0 0 0 rgba(255, 193, 7, 0.5);
  2499. }
  2500. .btn-outline-warning.disabled, .btn-outline-warning:disabled {
  2501. color: #ffc107;
  2502. background-color: transparent;
  2503. }
  2504. .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,
  2505. .show > .btn-outline-warning.dropdown-toggle {
  2506. color: #1F2D3D;
  2507. background-color: #ffc107;
  2508. border-color: #ffc107;
  2509. }
  2510. .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
  2511. .show > .btn-outline-warning.dropdown-toggle:focus {
  2512. box-shadow: 0 0 0 0 rgba(255, 193, 7, 0.5);
  2513. }
  2514. .btn-outline-danger {
  2515. color: #dc3545;
  2516. border-color: #dc3545;
  2517. }
  2518. .btn-outline-danger:hover {
  2519. color: #ffffff;
  2520. background-color: #dc3545;
  2521. border-color: #dc3545;
  2522. }
  2523. .btn-outline-danger:focus, .btn-outline-danger.focus {
  2524. box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.5);
  2525. }
  2526. .btn-outline-danger.disabled, .btn-outline-danger:disabled {
  2527. color: #dc3545;
  2528. background-color: transparent;
  2529. }
  2530. .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,
  2531. .show > .btn-outline-danger.dropdown-toggle {
  2532. color: #ffffff;
  2533. background-color: #dc3545;
  2534. border-color: #dc3545;
  2535. }
  2536. .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
  2537. .show > .btn-outline-danger.dropdown-toggle:focus {
  2538. box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.5);
  2539. }
  2540. .btn-outline-light {
  2541. color: #f8f9fa;
  2542. border-color: #f8f9fa;
  2543. }
  2544. .btn-outline-light:hover {
  2545. color: #1F2D3D;
  2546. background-color: #f8f9fa;
  2547. border-color: #f8f9fa;
  2548. }
  2549. .btn-outline-light:focus, .btn-outline-light.focus {
  2550. box-shadow: 0 0 0 0 rgba(248, 249, 250, 0.5);
  2551. }
  2552. .btn-outline-light.disabled, .btn-outline-light:disabled {
  2553. color: #f8f9fa;
  2554. background-color: transparent;
  2555. }
  2556. .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active,
  2557. .show > .btn-outline-light.dropdown-toggle {
  2558. color: #1F2D3D;
  2559. background-color: #f8f9fa;
  2560. border-color: #f8f9fa;
  2561. }
  2562. .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,
  2563. .show > .btn-outline-light.dropdown-toggle:focus {
  2564. box-shadow: 0 0 0 0 rgba(248, 249, 250, 0.5);
  2565. }
  2566. .btn-outline-dark {
  2567. color: #343a40;
  2568. border-color: #343a40;
  2569. }
  2570. .btn-outline-dark:hover {
  2571. color: #ffffff;
  2572. background-color: #343a40;
  2573. border-color: #343a40;
  2574. }
  2575. .btn-outline-dark:focus, .btn-outline-dark.focus {
  2576. box-shadow: 0 0 0 0 rgba(52, 58, 64, 0.5);
  2577. }
  2578. .btn-outline-dark.disabled, .btn-outline-dark:disabled {
  2579. color: #343a40;
  2580. background-color: transparent;
  2581. }
  2582. .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active,
  2583. .show > .btn-outline-dark.dropdown-toggle {
  2584. color: #ffffff;
  2585. background-color: #343a40;
  2586. border-color: #343a40;
  2587. }
  2588. .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
  2589. .show > .btn-outline-dark.dropdown-toggle:focus {
  2590. box-shadow: 0 0 0 0 rgba(52, 58, 64, 0.5);
  2591. }
  2592. .btn-link {
  2593. font-weight: 400;
  2594. color: #007bff;
  2595. text-decoration: none;
  2596. }
  2597. .btn-link:hover {
  2598. color: #0056b3;
  2599. text-decoration: none;
  2600. }
  2601. .btn-link:focus, .btn-link.focus {
  2602. text-decoration: none;
  2603. box-shadow: none;
  2604. }
  2605. .btn-link:disabled, .btn-link.disabled {
  2606. color: #6c757d;
  2607. pointer-events: none;
  2608. }
  2609. .btn-lg, .btn-group-lg > .btn {
  2610. padding: 0.5rem 1rem;
  2611. font-size: 1.25rem;
  2612. line-height: 1.5;
  2613. border-radius: 0.3rem;
  2614. }
  2615. .btn-sm, .btn-group-sm > .btn {
  2616. padding: 0.25rem 0.5rem;
  2617. font-size: 0.875rem;
  2618. line-height: 1.5;
  2619. border-radius: 0.2rem;
  2620. }
  2621. .btn-block {
  2622. display: block;
  2623. width: 100%;
  2624. }
  2625. .btn-block + .btn-block {
  2626. margin-top: 0.5rem;
  2627. }
  2628. input[type="submit"].btn-block,
  2629. input[type="reset"].btn-block,
  2630. input[type="button"].btn-block {
  2631. width: 100%;
  2632. }
  2633. .fade {
  2634. transition: opacity 0.15s linear;
  2635. }
  2636. @media (prefers-reduced-motion: reduce) {
  2637. .fade {
  2638. transition: none;
  2639. }
  2640. }
  2641. .fade:not(.show) {
  2642. opacity: 0;
  2643. }
  2644. .collapse:not(.show) {
  2645. display: none;
  2646. }
  2647. .collapsing {
  2648. position: relative;
  2649. height: 0;
  2650. overflow: hidden;
  2651. transition: height 0.35s ease;
  2652. }
  2653. @media (prefers-reduced-motion: reduce) {
  2654. .collapsing {
  2655. transition: none;
  2656. }
  2657. }
  2658. .dropup,
  2659. .dropright,
  2660. .dropdown,
  2661. .dropleft {
  2662. position: relative;
  2663. }
  2664. .dropdown-toggle {
  2665. white-space: nowrap;
  2666. }
  2667. .dropdown-toggle::after {
  2668. display: inline-block;
  2669. margin-left: 0.255em;
  2670. vertical-align: 0.255em;
  2671. content: "";
  2672. border-top: 0.3em solid;
  2673. border-right: 0.3em solid transparent;
  2674. border-bottom: 0;
  2675. border-left: 0.3em solid transparent;
  2676. }
  2677. .dropdown-toggle:empty::after {
  2678. margin-left: 0;
  2679. }
  2680. .dropdown-menu {
  2681. position: absolute;
  2682. top: 100%;
  2683. left: 0;
  2684. z-index: 1000;
  2685. display: none;
  2686. float: left;
  2687. min-width: 10rem;
  2688. padding: 0.5rem 0;
  2689. margin: 0.125rem 0 0;
  2690. font-size: 1rem;
  2691. color: #212529;
  2692. text-align: left;
  2693. list-style: none;
  2694. background-color: #ffffff;
  2695. background-clip: padding-box;
  2696. border: 1px solid rgba(0, 0, 0, 0.15);
  2697. border-radius: 0.25rem;
  2698. box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175);
  2699. }
  2700. .dropdown-menu-left {
  2701. right: auto;
  2702. left: 0;
  2703. }
  2704. .dropdown-menu-right {
  2705. right: 0;
  2706. left: auto;
  2707. }
  2708. @media (min-width: 576px) {
  2709. .dropdown-menu-sm-left {
  2710. right: auto;
  2711. left: 0;
  2712. }
  2713. .dropdown-menu-sm-right {
  2714. right: 0;
  2715. left: auto;
  2716. }
  2717. }
  2718. @media (min-width: 768px) {
  2719. .dropdown-menu-md-left {
  2720. right: auto;
  2721. left: 0;
  2722. }
  2723. .dropdown-menu-md-right {
  2724. right: 0;
  2725. left: auto;
  2726. }
  2727. }
  2728. @media (min-width: 992px) {
  2729. .dropdown-menu-lg-left {
  2730. right: auto;
  2731. left: 0;
  2732. }
  2733. .dropdown-menu-lg-right {
  2734. right: 0;
  2735. left: auto;
  2736. }
  2737. }
  2738. @media (min-width: 1200px) {
  2739. .dropdown-menu-xl-left {
  2740. right: auto;
  2741. left: 0;
  2742. }
  2743. .dropdown-menu-xl-right {
  2744. right: 0;
  2745. left: auto;
  2746. }
  2747. }
  2748. .dropup .dropdown-menu {
  2749. top: auto;
  2750. bottom: 100%;
  2751. margin-top: 0;
  2752. margin-bottom: 0.125rem;
  2753. }
  2754. .dropup .dropdown-toggle::after {
  2755. display: inline-block;
  2756. margin-left: 0.255em;
  2757. vertical-align: 0.255em;
  2758. content: "";
  2759. border-top: 0;
  2760. border-right: 0.3em solid transparent;
  2761. border-bottom: 0.3em solid;
  2762. border-left: 0.3em solid transparent;
  2763. }
  2764. .dropup .dropdown-toggle:empty::after {
  2765. margin-left: 0;
  2766. }
  2767. .dropright .dropdown-menu {
  2768. top: 0;
  2769. right: auto;
  2770. left: 100%;
  2771. margin-top: 0;
  2772. margin-left: 0.125rem;
  2773. }
  2774. .dropright .dropdown-toggle::after {
  2775. display: inline-block;
  2776. margin-left: 0.255em;
  2777. vertical-align: 0.255em;
  2778. content: "";
  2779. border-top: 0.3em solid transparent;
  2780. border-right: 0;
  2781. border-bottom: 0.3em solid transparent;
  2782. border-left: 0.3em solid;
  2783. }
  2784. .dropright .dropdown-toggle:empty::after {
  2785. margin-left: 0;
  2786. }
  2787. .dropright .dropdown-toggle::after {
  2788. vertical-align: 0;
  2789. }
  2790. .dropleft .dropdown-menu {
  2791. top: 0;
  2792. right: 100%;
  2793. left: auto;
  2794. margin-top: 0;
  2795. margin-right: 0.125rem;
  2796. }
  2797. .dropleft .dropdown-toggle::after {
  2798. display: inline-block;
  2799. margin-left: 0.255em;
  2800. vertical-align: 0.255em;
  2801. content: "";
  2802. }
  2803. .dropleft .dropdown-toggle::after {
  2804. display: none;
  2805. }
  2806. .dropleft .dropdown-toggle::before {
  2807. display: inline-block;
  2808. margin-right: 0.255em;
  2809. vertical-align: 0.255em;
  2810. content: "";
  2811. border-top: 0.3em solid transparent;
  2812. border-right: 0.3em solid;
  2813. border-bottom: 0.3em solid transparent;
  2814. }
  2815. .dropleft .dropdown-toggle:empty::after {
  2816. margin-left: 0;
  2817. }
  2818. .dropleft .dropdown-toggle::before {
  2819. vertical-align: 0;
  2820. }
  2821. .dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] {
  2822. right: auto;
  2823. bottom: auto;
  2824. }
  2825. .dropdown-divider {
  2826. height: 0;
  2827. margin: 0.5rem 0;
  2828. overflow: hidden;
  2829. border-top: 1px solid #e9ecef;
  2830. }
  2831. .dropdown-item {
  2832. display: block;
  2833. width: 100%;
  2834. padding: 0.25rem 1rem;
  2835. clear: both;
  2836. font-weight: 400;
  2837. color: #212529;
  2838. text-align: inherit;
  2839. white-space: nowrap;
  2840. background-color: transparent;
  2841. border: 0;
  2842. }
  2843. .dropdown-item:hover, .dropdown-item:focus {
  2844. color: #16181b;
  2845. text-decoration: none;
  2846. background-color: #f8f9fa;
  2847. }
  2848. .dropdown-item.active, .dropdown-item:active {
  2849. color: #ffffff;
  2850. text-decoration: none;
  2851. background-color: #007bff;
  2852. }
  2853. .dropdown-item.disabled, .dropdown-item:disabled {
  2854. color: #6c757d;
  2855. pointer-events: none;
  2856. background-color: transparent;
  2857. }
  2858. .dropdown-menu.show {
  2859. display: block;
  2860. }
  2861. .dropdown-header {
  2862. display: block;
  2863. padding: 0.5rem 1rem;
  2864. margin-bottom: 0;
  2865. font-size: 0.875rem;
  2866. color: #6c757d;
  2867. white-space: nowrap;
  2868. }
  2869. .dropdown-item-text {
  2870. display: block;
  2871. padding: 0.25rem 1rem;
  2872. color: #212529;
  2873. }
  2874. .btn-group,
  2875. .btn-group-vertical {
  2876. position: relative;
  2877. display: -ms-inline-flexbox;
  2878. display: inline-flex;
  2879. vertical-align: middle;
  2880. }
  2881. .btn-group > .btn,
  2882. .btn-group-vertical > .btn {
  2883. position: relative;
  2884. -ms-flex: 1 1 auto;
  2885. flex: 1 1 auto;
  2886. }
  2887. .btn-group > .btn:hover,
  2888. .btn-group-vertical > .btn:hover {
  2889. z-index: 1;
  2890. }
  2891. .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
  2892. .btn-group-vertical > .btn:focus,
  2893. .btn-group-vertical > .btn:active,
  2894. .btn-group-vertical > .btn.active {
  2895. z-index: 1;
  2896. }
  2897. .btn-toolbar {
  2898. display: -ms-flexbox;
  2899. display: flex;
  2900. -ms-flex-wrap: wrap;
  2901. flex-wrap: wrap;
  2902. -ms-flex-pack: start;
  2903. justify-content: flex-start;
  2904. }
  2905. .btn-toolbar .input-group {
  2906. width: auto;
  2907. }
  2908. .btn-group > .btn:not(:first-child),
  2909. .btn-group > .btn-group:not(:first-child) {
  2910. margin-left: -1px;
  2911. }
  2912. .btn-group > .btn:not(:last-child):not(.dropdown-toggle),
  2913. .btn-group > .btn-group:not(:last-child) > .btn {
  2914. border-top-right-radius: 0;
  2915. border-bottom-right-radius: 0;
  2916. }
  2917. .btn-group > .btn:not(:first-child),
  2918. .btn-group > .btn-group:not(:first-child) > .btn {
  2919. border-top-left-radius: 0;
  2920. border-bottom-left-radius: 0;
  2921. }
  2922. .dropdown-toggle-split {
  2923. padding-right: 0.5625rem;
  2924. padding-left: 0.5625rem;
  2925. }
  2926. .dropdown-toggle-split::after,
  2927. .dropup .dropdown-toggle-split::after,
  2928. .dropright .dropdown-toggle-split::after {
  2929. margin-left: 0;
  2930. }
  2931. .dropleft .dropdown-toggle-split::before {
  2932. margin-right: 0;
  2933. }
  2934. .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
  2935. padding-right: 0.375rem;
  2936. padding-left: 0.375rem;
  2937. }
  2938. .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
  2939. padding-right: 0.75rem;
  2940. padding-left: 0.75rem;
  2941. }
  2942. .btn-group.show .dropdown-toggle {
  2943. box-shadow: none;
  2944. }
  2945. .btn-group.show .dropdown-toggle.btn-link {
  2946. box-shadow: none;
  2947. }
  2948. .btn-group-vertical {
  2949. -ms-flex-direction: column;
  2950. flex-direction: column;
  2951. -ms-flex-align: start;
  2952. align-items: flex-start;
  2953. -ms-flex-pack: center;
  2954. justify-content: center;
  2955. }
  2956. .btn-group-vertical > .btn,
  2957. .btn-group-vertical > .btn-group {
  2958. width: 100%;
  2959. }
  2960. .btn-group-vertical > .btn:not(:first-child),
  2961. .btn-group-vertical > .btn-group:not(:first-child) {
  2962. margin-top: -1px;
  2963. }
  2964. .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
  2965. .btn-group-vertical > .btn-group:not(:last-child) > .btn {
  2966. border-bottom-right-radius: 0;
  2967. border-bottom-left-radius: 0;
  2968. }
  2969. .btn-group-vertical > .btn:not(:first-child),
  2970. .btn-group-vertical > .btn-group:not(:first-child) > .btn {
  2971. border-top-left-radius: 0;
  2972. border-top-right-radius: 0;
  2973. }
  2974. .btn-group-toggle > .btn,
  2975. .btn-group-toggle > .btn-group > .btn {
  2976. margin-bottom: 0;
  2977. }
  2978. .btn-group-toggle > .btn input[type="radio"],
  2979. .btn-group-toggle > .btn input[type="checkbox"],
  2980. .btn-group-toggle > .btn-group > .btn input[type="radio"],
  2981. .btn-group-toggle > .btn-group > .btn input[type="checkbox"] {
  2982. position: absolute;
  2983. clip: rect(0, 0, 0, 0);
  2984. pointer-events: none;
  2985. }
  2986. .input-group {
  2987. position: relative;
  2988. display: -ms-flexbox;
  2989. display: flex;
  2990. -ms-flex-wrap: wrap;
  2991. flex-wrap: wrap;
  2992. -ms-flex-align: stretch;
  2993. align-items: stretch;
  2994. width: 100%;
  2995. }
  2996. .input-group > .form-control,
  2997. .input-group > .form-control-plaintext,
  2998. .input-group > .custom-select,
  2999. .input-group > .custom-file {
  3000. position: relative;
  3001. -ms-flex: 1 1 auto;
  3002. flex: 1 1 auto;
  3003. width: 1%;
  3004. margin-bottom: 0;
  3005. }
  3006. .input-group > .form-control + .form-control,
  3007. .input-group > .form-control + .custom-select,
  3008. .input-group > .form-control + .custom-file,
  3009. .input-group > .form-control-plaintext + .form-control,
  3010. .input-group > .form-control-plaintext + .custom-select,
  3011. .input-group > .form-control-plaintext + .custom-file,
  3012. .input-group > .custom-select + .form-control,
  3013. .input-group > .custom-select + .custom-select,
  3014. .input-group > .custom-select + .custom-file,
  3015. .input-group > .custom-file + .form-control,
  3016. .input-group > .custom-file + .custom-select,
  3017. .input-group > .custom-file + .custom-file {
  3018. margin-left: -1px;
  3019. }
  3020. .input-group > .form-control:focus,
  3021. .input-group > .custom-select:focus,
  3022. .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
  3023. z-index: 3;
  3024. }
  3025. .input-group > .custom-file .custom-file-input:focus {
  3026. z-index: 4;
  3027. }
  3028. .input-group > .form-control:not(:last-child),
  3029. .input-group > .custom-select:not(:last-child) {
  3030. border-top-right-radius: 0;
  3031. border-bottom-right-radius: 0;
  3032. }
  3033. .input-group > .form-control:not(:first-child),
  3034. .input-group > .custom-select:not(:first-child) {
  3035. border-top-left-radius: 0;
  3036. border-bottom-left-radius: 0;
  3037. }
  3038. .input-group > .custom-file {
  3039. display: -ms-flexbox;
  3040. display: flex;
  3041. -ms-flex-align: center;
  3042. align-items: center;
  3043. }
  3044. .input-group > .custom-file:not(:last-child) .custom-file-label,
  3045. .input-group > .custom-file:not(:last-child) .custom-file-label::after {
  3046. border-top-right-radius: 0;
  3047. border-bottom-right-radius: 0;
  3048. }
  3049. .input-group > .custom-file:not(:first-child) .custom-file-label {
  3050. border-top-left-radius: 0;
  3051. border-bottom-left-radius: 0;
  3052. }
  3053. .input-group-prepend,
  3054. .input-group-append {
  3055. display: -ms-flexbox;
  3056. display: flex;
  3057. }
  3058. .input-group-prepend .btn,
  3059. .input-group-append .btn {
  3060. position: relative;
  3061. z-index: 2;
  3062. }
  3063. .input-group-prepend .btn:focus,
  3064. .input-group-append .btn:focus {
  3065. z-index: 3;
  3066. }
  3067. .input-group-prepend .btn + .btn,
  3068. .input-group-prepend .btn + .input-group-text,
  3069. .input-group-prepend .input-group-text + .input-group-text,
  3070. .input-group-prepend .input-group-text + .btn,
  3071. .input-group-append .btn + .btn,
  3072. .input-group-append .btn + .input-group-text,
  3073. .input-group-append .input-group-text + .input-group-text,
  3074. .input-group-append .input-group-text + .btn {
  3075. margin-left: -1px;
  3076. }
  3077. .input-group-prepend {
  3078. margin-right: -1px;
  3079. }
  3080. .input-group-append {
  3081. margin-left: -1px;
  3082. }
  3083. .input-group-text {
  3084. display: -ms-flexbox;
  3085. display: flex;
  3086. -ms-flex-align: center;
  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: #495057;
  3094. text-align: center;
  3095. white-space: nowrap;
  3096. background-color: #e9ecef;
  3097. border: 1px solid #ced4da;
  3098. border-radius: 0.25rem;
  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(2.875rem + 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.8125rem + 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: 2.5rem;
  3161. }
  3162. .custom-control-inline {
  3163. display: -ms-inline-flexbox;
  3164. display: inline-flex;
  3165. margin-right: 1rem;
  3166. }
  3167. .custom-control-input {
  3168. position: absolute;
  3169. z-index: -1;
  3170. opacity: 0;
  3171. }
  3172. .custom-control-input:checked ~ .custom-control-label::before {
  3173. color: #ffffff;
  3174. border-color: #007bff;
  3175. background-color: #007bff;
  3176. box-shadow: none;
  3177. }
  3178. .custom-control-input:focus ~ .custom-control-label::before {
  3179. box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), none;
  3180. }
  3181. .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  3182. border-color: #80bdff;
  3183. }
  3184. .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  3185. color: #ffffff;
  3186. background-color: #b3d7ff;
  3187. border-color: #b3d7ff;
  3188. box-shadow: none;
  3189. }
  3190. .custom-control-input:disabled ~ .custom-control-label {
  3191. color: #6c757d;
  3192. }
  3193. .custom-control-input:disabled ~ .custom-control-label::before {
  3194. background-color: #e9ecef;
  3195. }
  3196. .custom-control-label {
  3197. position: relative;
  3198. margin-bottom: 0;
  3199. vertical-align: top;
  3200. }
  3201. .custom-control-label::before {
  3202. position: absolute;
  3203. top: 0.25rem;
  3204. left: -2.5rem;
  3205. display: block;
  3206. width: 1rem;
  3207. height: 1rem;
  3208. pointer-events: none;
  3209. content: "";
  3210. background-color: #dee2e6;
  3211. border: #adb5bd solid 1px;
  3212. box-shadow: inset 0 0.25rem 0.25rem rgba(0, 0, 0, 0.1);
  3213. }
  3214. .custom-control-label::after {
  3215. position: absolute;
  3216. top: 0.25rem;
  3217. left: -2.5rem;
  3218. display: block;
  3219. width: 1rem;
  3220. height: 1rem;
  3221. content: "";
  3222. background: no-repeat 50% / 50% 50%;
  3223. }
  3224. .custom-checkbox .custom-control-label::before {
  3225. border-radius: 0.25rem;
  3226. }
  3227. .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  3228. background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23ffffff' 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");
  3229. }
  3230. .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
  3231. border-color: #007bff;
  3232. background-color: #007bff;
  3233. box-shadow: none;
  3234. }
  3235. .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
  3236. background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23ffffff' d='M0 2h4'/%3E%3C/svg%3E");
  3237. }
  3238. .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
  3239. background-color: rgba(0, 123, 255, 0.5);
  3240. }
  3241. .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
  3242. background-color: rgba(0, 123, 255, 0.5);
  3243. }
  3244. .custom-radio .custom-control-label::before {
  3245. border-radius: 50%;
  3246. }
  3247. .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  3248. background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23ffffff'/%3E%3C/svg%3E");
  3249. }
  3250. .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
  3251. background-color: rgba(0, 123, 255, 0.5);
  3252. }
  3253. .custom-switch {
  3254. padding-left: 3.25rem;
  3255. }
  3256. .custom-switch .custom-control-label::before {
  3257. left: -3.25rem;
  3258. width: 1.75rem;
  3259. pointer-events: all;
  3260. border-radius: 0.5rem;
  3261. }
  3262. .custom-switch .custom-control-label::after {
  3263. top: calc(0.25rem + 2px);
  3264. left: calc(-3.25rem + 2px);
  3265. width: calc(1rem - 4px);
  3266. height: calc(1rem - 4px);
  3267. background-color: #adb5bd;
  3268. border-radius: 0.5rem;
  3269. transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
  3270. 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;
  3271. 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, -webkit-transform 0.15s ease-in-out;
  3272. }
  3273. @media (prefers-reduced-motion: reduce) {
  3274. .custom-switch .custom-control-label::after {
  3275. transition: none;
  3276. }
  3277. }
  3278. .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  3279. background-color: #dee2e6;
  3280. -webkit-transform: translateX(0.75rem);
  3281. transform: translateX(0.75rem);
  3282. }
  3283. .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
  3284. background-color: rgba(0, 123, 255, 0.5);
  3285. }
  3286. .custom-select {
  3287. display: inline-block;
  3288. width: 100%;
  3289. height: calc(2.25rem + 2px);
  3290. padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  3291. font-size: 1rem;
  3292. font-weight: 400;
  3293. line-height: 1.5;
  3294. color: #495057;
  3295. vertical-align: middle;
  3296. background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center/8px 10px;
  3297. background-color: #ffffff;
  3298. border: 1px solid #ced4da;
  3299. border-radius: 0.25rem;
  3300. box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  3301. -webkit-appearance: none;
  3302. -moz-appearance: none;
  3303. appearance: none;
  3304. }
  3305. .custom-select:focus {
  3306. border-color: #80bdff;
  3307. outline: 0;
  3308. box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), none;
  3309. }
  3310. .custom-select:focus::-ms-value {
  3311. color: #495057;
  3312. background-color: #ffffff;
  3313. }
  3314. .custom-select[multiple], .custom-select[size]:not([size="1"]) {
  3315. height: auto;
  3316. padding-right: 0.75rem;
  3317. background-image: none;
  3318. }
  3319. .custom-select:disabled {
  3320. color: #6c757d;
  3321. background-color: #e9ecef;
  3322. }
  3323. .custom-select::-ms-expand {
  3324. display: none;
  3325. }
  3326. .custom-select-sm {
  3327. height: calc(1.8125rem + 2px);
  3328. padding-top: 0.25rem;
  3329. padding-bottom: 0.25rem;
  3330. padding-left: 0.5rem;
  3331. font-size: 75%;
  3332. }
  3333. .custom-select-lg {
  3334. height: calc(2.875rem + 2px);
  3335. padding-top: 0.5rem;
  3336. padding-bottom: 0.5rem;
  3337. padding-left: 1rem;
  3338. font-size: 125%;
  3339. }
  3340. .custom-file {
  3341. position: relative;
  3342. display: inline-block;
  3343. width: 100%;
  3344. height: calc(2.25rem + 2px);
  3345. margin-bottom: 0;
  3346. }
  3347. .custom-file-input {
  3348. position: relative;
  3349. z-index: 2;
  3350. width: 100%;
  3351. height: calc(2.25rem + 2px);
  3352. margin: 0;
  3353. opacity: 0;
  3354. }
  3355. .custom-file-input:focus ~ .custom-file-label {
  3356. border-color: #80bdff;
  3357. box-shadow: none;
  3358. }
  3359. .custom-file-input:disabled ~ .custom-file-label {
  3360. background-color: #e9ecef;
  3361. }
  3362. .custom-file-input:lang(en) ~ .custom-file-label::after {
  3363. content: "Browse";
  3364. }
  3365. .custom-file-input ~ .custom-file-label[data-browse]::after {
  3366. content: attr(data-browse);
  3367. }
  3368. .custom-file-label {
  3369. position: absolute;
  3370. top: 0;
  3371. right: 0;
  3372. left: 0;
  3373. z-index: 1;
  3374. height: calc(2.25rem + 2px);
  3375. padding: 0.375rem 0.75rem;
  3376. font-weight: 400;
  3377. line-height: 1.5;
  3378. color: #495057;
  3379. background-color: #ffffff;
  3380. border: 1px solid #ced4da;
  3381. border-radius: 0.25rem;
  3382. box-shadow: none;
  3383. }
  3384. .custom-file-label::after {
  3385. position: absolute;
  3386. top: 0;
  3387. right: 0;
  3388. bottom: 0;
  3389. z-index: 3;
  3390. display: block;
  3391. height: 2.25rem;
  3392. padding: 0.375rem 0.75rem;
  3393. line-height: 1.5;
  3394. color: #495057;
  3395. content: "Browse";
  3396. background-color: #e9ecef;
  3397. border-left: inherit;
  3398. border-radius: 0 0.25rem 0.25rem 0;
  3399. }
  3400. .custom-range {
  3401. width: 100%;
  3402. height: calc(1rem + 0);
  3403. padding: 0;
  3404. background-color: transparent;
  3405. -webkit-appearance: none;
  3406. -moz-appearance: none;
  3407. appearance: none;
  3408. }
  3409. .custom-range:focus {
  3410. outline: none;
  3411. }
  3412. .custom-range:focus::-webkit-slider-thumb {
  3413. box-shadow: 0 0 0 1px #ffffff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  3414. }
  3415. .custom-range:focus::-moz-range-thumb {
  3416. box-shadow: 0 0 0 1px #ffffff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  3417. }
  3418. .custom-range:focus::-ms-thumb {
  3419. box-shadow: 0 0 0 1px #ffffff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  3420. }
  3421. .custom-range::-moz-focus-outer {
  3422. border: 0;
  3423. }
  3424. .custom-range::-webkit-slider-thumb {
  3425. width: 1rem;
  3426. height: 1rem;
  3427. margin-top: -0.25rem;
  3428. background-color: #007bff;
  3429. border: 0;
  3430. border-radius: 1rem;
  3431. box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1);
  3432. transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  3433. -webkit-appearance: none;
  3434. appearance: none;
  3435. }
  3436. @media (prefers-reduced-motion: reduce) {
  3437. .custom-range::-webkit-slider-thumb {
  3438. transition: none;
  3439. }
  3440. }
  3441. .custom-range::-webkit-slider-thumb:active {
  3442. background-color: #b3d7ff;
  3443. }
  3444. .custom-range::-webkit-slider-runnable-track {
  3445. width: 100%;
  3446. height: 0.5rem;
  3447. color: transparent;
  3448. cursor: pointer;
  3449. background-color: #dee2e6;
  3450. border-color: transparent;
  3451. border-radius: 1rem;
  3452. box-shadow: inset 0 0.25rem 0.25rem rgba(0, 0, 0, 0.1);
  3453. }
  3454. .custom-range::-moz-range-thumb {
  3455. width: 1rem;
  3456. height: 1rem;
  3457. background-color: #007bff;
  3458. border: 0;
  3459. border-radius: 1rem;
  3460. box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1);
  3461. transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  3462. -moz-appearance: none;
  3463. appearance: none;
  3464. }
  3465. @media (prefers-reduced-motion: reduce) {
  3466. .custom-range::-moz-range-thumb {
  3467. transition: none;
  3468. }
  3469. }
  3470. .custom-range::-moz-range-thumb:active {
  3471. background-color: #b3d7ff;
  3472. }
  3473. .custom-range::-moz-range-track {
  3474. width: 100%;
  3475. height: 0.5rem;
  3476. color: transparent;
  3477. cursor: pointer;
  3478. background-color: #dee2e6;
  3479. border-color: transparent;
  3480. border-radius: 1rem;
  3481. box-shadow: inset 0 0.25rem 0.25rem rgba(0, 0, 0, 0.1);
  3482. }
  3483. .custom-range::-ms-thumb {
  3484. width: 1rem;
  3485. height: 1rem;
  3486. margin-top: 0;
  3487. margin-right: 0;
  3488. margin-left: 0;
  3489. background-color: #007bff;
  3490. border: 0;
  3491. border-radius: 1rem;
  3492. box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1);
  3493. transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  3494. appearance: none;
  3495. }
  3496. @media (prefers-reduced-motion: reduce) {
  3497. .custom-range::-ms-thumb {
  3498. transition: none;
  3499. }
  3500. }
  3501. .custom-range::-ms-thumb:active {
  3502. background-color: #b3d7ff;
  3503. }
  3504. .custom-range::-ms-track {
  3505. width: 100%;
  3506. height: 0.5rem;
  3507. color: transparent;
  3508. cursor: pointer;
  3509. background-color: transparent;
  3510. border-color: transparent;
  3511. border-width: 0.5rem;
  3512. box-shadow: inset 0 0.25rem 0.25rem rgba(0, 0, 0, 0.1);
  3513. }
  3514. .custom-range::-ms-fill-lower {
  3515. background-color: #dee2e6;
  3516. border-radius: 1rem;
  3517. }
  3518. .custom-range::-ms-fill-upper {
  3519. margin-right: 15px;
  3520. background-color: #dee2e6;
  3521. border-radius: 1rem;
  3522. }
  3523. .custom-range:disabled::-webkit-slider-thumb {
  3524. background-color: #adb5bd;
  3525. }
  3526. .custom-range:disabled::-webkit-slider-runnable-track {
  3527. cursor: default;
  3528. }
  3529. .custom-range:disabled::-moz-range-thumb {
  3530. background-color: #adb5bd;
  3531. }
  3532. .custom-range:disabled::-moz-range-track {
  3533. cursor: default;
  3534. }
  3535. .custom-range:disabled::-ms-thumb {
  3536. background-color: #adb5bd;
  3537. }
  3538. .custom-control-label::before,
  3539. .custom-file-label,
  3540. .custom-select {
  3541. transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  3542. }
  3543. @media (prefers-reduced-motion: reduce) {
  3544. .custom-control-label::before,
  3545. .custom-file-label,
  3546. .custom-select {
  3547. transition: none;
  3548. }
  3549. }
  3550. .nav {
  3551. display: -ms-flexbox;
  3552. display: flex;
  3553. -ms-flex-wrap: wrap;
  3554. flex-wrap: wrap;
  3555. padding-left: 0;
  3556. margin-bottom: 0;
  3557. list-style: none;
  3558. }
  3559. .nav-link {
  3560. display: block;
  3561. padding: 0.5rem 1rem;
  3562. }
  3563. .nav-link:hover, .nav-link:focus {
  3564. text-decoration: none;
  3565. }
  3566. .nav-link.disabled {
  3567. color: #6c757d;
  3568. pointer-events: none;
  3569. cursor: default;
  3570. }
  3571. .nav-tabs {
  3572. border-bottom: 1px solid #dee2e6;
  3573. }
  3574. .nav-tabs .nav-item {
  3575. margin-bottom: -1px;
  3576. }
  3577. .nav-tabs .nav-link {
  3578. border: 1px solid transparent;
  3579. border-top-left-radius: 0.25rem;
  3580. border-top-right-radius: 0.25rem;
  3581. }
  3582. .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  3583. border-color: #e9ecef #e9ecef #dee2e6;
  3584. }
  3585. .nav-tabs .nav-link.disabled {
  3586. color: #6c757d;
  3587. background-color: transparent;
  3588. border-color: transparent;
  3589. }
  3590. .nav-tabs .nav-link.active,
  3591. .nav-tabs .nav-item.show .nav-link {
  3592. color: #495057;
  3593. background-color: #ffffff;
  3594. border-color: #dee2e6 #dee2e6 #ffffff;
  3595. }
  3596. .nav-tabs .dropdown-menu {
  3597. margin-top: -1px;
  3598. border-top-left-radius: 0;
  3599. border-top-right-radius: 0;
  3600. }
  3601. .nav-pills .nav-link {
  3602. border-radius: 0.25rem;
  3603. }
  3604. .nav-pills .nav-link.active,
  3605. .nav-pills .show > .nav-link {
  3606. color: #ffffff;
  3607. background-color: #007bff;
  3608. }
  3609. .nav-fill .nav-item {
  3610. -ms-flex: 1 1 auto;
  3611. flex: 1 1 auto;
  3612. text-align: center;
  3613. }
  3614. .nav-justified .nav-item {
  3615. -ms-flex-preferred-size: 0;
  3616. flex-basis: 0;
  3617. -ms-flex-positive: 1;
  3618. flex-grow: 1;
  3619. text-align: center;
  3620. }
  3621. .tab-content > .tab-pane {
  3622. display: none;
  3623. }
  3624. .tab-content > .active {
  3625. display: block;
  3626. }
  3627. .navbar {
  3628. position: relative;
  3629. display: -ms-flexbox;
  3630. display: flex;
  3631. -ms-flex-wrap: wrap;
  3632. flex-wrap: wrap;
  3633. -ms-flex-align: center;
  3634. align-items: center;
  3635. -ms-flex-pack: justify;
  3636. justify-content: space-between;
  3637. padding: 0.5rem 0.5rem;
  3638. }
  3639. .navbar > .container,
  3640. .navbar > .container-fluid {
  3641. display: -ms-flexbox;
  3642. display: flex;
  3643. -ms-flex-wrap: wrap;
  3644. flex-wrap: wrap;
  3645. -ms-flex-align: center;
  3646. align-items: center;
  3647. -ms-flex-pack: justify;
  3648. justify-content: space-between;
  3649. }
  3650. .navbar-brand {
  3651. display: inline-block;
  3652. padding-top: 0.3125rem;
  3653. padding-bottom: 0.3125rem;
  3654. margin-right: 0.5rem;
  3655. font-size: 1.25rem;
  3656. line-height: inherit;
  3657. white-space: nowrap;
  3658. }
  3659. .navbar-brand:hover, .navbar-brand:focus {
  3660. text-decoration: none;
  3661. }
  3662. .navbar-nav {
  3663. display: -ms-flexbox;
  3664. display: flex;
  3665. -ms-flex-direction: column;
  3666. flex-direction: column;
  3667. padding-left: 0;
  3668. margin-bottom: 0;
  3669. list-style: none;
  3670. }
  3671. .navbar-nav .nav-link {
  3672. padding-right: 0;
  3673. padding-left: 0;
  3674. }
  3675. .navbar-nav .dropdown-menu {
  3676. position: static;
  3677. float: none;
  3678. }
  3679. .navbar-text {
  3680. display: inline-block;
  3681. padding-top: 0.5rem;
  3682. padding-bottom: 0.5rem;
  3683. }
  3684. .navbar-collapse {
  3685. -ms-flex-preferred-size: 100%;
  3686. flex-basis: 100%;
  3687. -ms-flex-positive: 1;
  3688. flex-grow: 1;
  3689. -ms-flex-align: center;
  3690. align-items: center;
  3691. }
  3692. .navbar-toggler {
  3693. padding: 0.25rem 0.75rem;
  3694. font-size: 1.25rem;
  3695. line-height: 1;
  3696. background-color: transparent;
  3697. border: 1px solid transparent;
  3698. border-radius: 0.25rem;
  3699. }
  3700. .navbar-toggler:hover, .navbar-toggler:focus {
  3701. text-decoration: none;
  3702. }
  3703. .navbar-toggler-icon {
  3704. display: inline-block;
  3705. width: 1.5em;
  3706. height: 1.5em;
  3707. vertical-align: middle;
  3708. content: "";
  3709. background: no-repeat center center;
  3710. background-size: 100% 100%;
  3711. }
  3712. @media (max-width: 575.98px) {
  3713. .navbar-expand-sm > .container,
  3714. .navbar-expand-sm > .container-fluid {
  3715. padding-right: 0;
  3716. padding-left: 0;
  3717. }
  3718. }
  3719. @media (min-width: 576px) {
  3720. .navbar-expand-sm {
  3721. -ms-flex-flow: row nowrap;
  3722. flex-flow: row nowrap;
  3723. -ms-flex-pack: start;
  3724. justify-content: flex-start;
  3725. }
  3726. .navbar-expand-sm .navbar-nav {
  3727. -ms-flex-direction: row;
  3728. flex-direction: row;
  3729. }
  3730. .navbar-expand-sm .navbar-nav .dropdown-menu {
  3731. position: absolute;
  3732. }
  3733. .navbar-expand-sm .navbar-nav .nav-link {
  3734. padding-right: 1rem;
  3735. padding-left: 1rem;
  3736. }
  3737. .navbar-expand-sm > .container,
  3738. .navbar-expand-sm > .container-fluid {
  3739. -ms-flex-wrap: nowrap;
  3740. flex-wrap: nowrap;
  3741. }
  3742. .navbar-expand-sm .navbar-collapse {
  3743. display: -ms-flexbox !important;
  3744. display: flex !important;
  3745. -ms-flex-preferred-size: auto;
  3746. flex-basis: auto;
  3747. }
  3748. .navbar-expand-sm .navbar-toggler {
  3749. display: none;
  3750. }
  3751. }
  3752. @media (max-width: 767.98px) {
  3753. .navbar-expand-md > .container,
  3754. .navbar-expand-md > .container-fluid {
  3755. padding-right: 0;
  3756. padding-left: 0;
  3757. }
  3758. }
  3759. @media (min-width: 768px) {
  3760. .navbar-expand-md {
  3761. -ms-flex-flow: row nowrap;
  3762. flex-flow: row nowrap;
  3763. -ms-flex-pack: start;
  3764. justify-content: flex-start;
  3765. }
  3766. .navbar-expand-md .navbar-nav {
  3767. -ms-flex-direction: row;
  3768. flex-direction: row;
  3769. }
  3770. .navbar-expand-md .navbar-nav .dropdown-menu {
  3771. position: absolute;
  3772. }
  3773. .navbar-expand-md .navbar-nav .nav-link {
  3774. padding-right: 1rem;
  3775. padding-left: 1rem;
  3776. }
  3777. .navbar-expand-md > .container,
  3778. .navbar-expand-md > .container-fluid {
  3779. -ms-flex-wrap: nowrap;
  3780. flex-wrap: nowrap;
  3781. }
  3782. .navbar-expand-md .navbar-collapse {
  3783. display: -ms-flexbox !important;
  3784. display: flex !important;
  3785. -ms-flex-preferred-size: auto;
  3786. flex-basis: auto;
  3787. }
  3788. .navbar-expand-md .navbar-toggler {
  3789. display: none;
  3790. }
  3791. }
  3792. @media (max-width: 991.98px) {
  3793. .navbar-expand-lg > .container,
  3794. .navbar-expand-lg > .container-fluid {
  3795. padding-right: 0;
  3796. padding-left: 0;
  3797. }
  3798. }
  3799. @media (min-width: 992px) {
  3800. .navbar-expand-lg {
  3801. -ms-flex-flow: row nowrap;
  3802. flex-flow: row nowrap;
  3803. -ms-flex-pack: start;
  3804. justify-content: flex-start;
  3805. }
  3806. .navbar-expand-lg .navbar-nav {
  3807. -ms-flex-direction: row;
  3808. flex-direction: row;
  3809. }
  3810. .navbar-expand-lg .navbar-nav .dropdown-menu {
  3811. position: absolute;
  3812. }
  3813. .navbar-expand-lg .navbar-nav .nav-link {
  3814. padding-right: 1rem;
  3815. padding-left: 1rem;
  3816. }
  3817. .navbar-expand-lg > .container,
  3818. .navbar-expand-lg > .container-fluid {
  3819. -ms-flex-wrap: nowrap;
  3820. flex-wrap: nowrap;
  3821. }
  3822. .navbar-expand-lg .navbar-collapse {
  3823. display: -ms-flexbox !important;
  3824. display: flex !important;
  3825. -ms-flex-preferred-size: auto;
  3826. flex-basis: auto;
  3827. }
  3828. .navbar-expand-lg .navbar-toggler {
  3829. display: none;
  3830. }
  3831. }
  3832. @media (max-width: 1199.98px) {
  3833. .navbar-expand-xl > .container,
  3834. .navbar-expand-xl > .container-fluid {
  3835. padding-right: 0;
  3836. padding-left: 0;
  3837. }
  3838. }
  3839. @media (min-width: 1200px) {
  3840. .navbar-expand-xl {
  3841. -ms-flex-flow: row nowrap;
  3842. flex-flow: row nowrap;
  3843. -ms-flex-pack: start;
  3844. justify-content: flex-start;
  3845. }
  3846. .navbar-expand-xl .navbar-nav {
  3847. -ms-flex-direction: row;
  3848. flex-direction: row;
  3849. }
  3850. .navbar-expand-xl .navbar-nav .dropdown-menu {
  3851. position: absolute;
  3852. }
  3853. .navbar-expand-xl .navbar-nav .nav-link {
  3854. padding-right: 1rem;
  3855. padding-left: 1rem;
  3856. }
  3857. .navbar-expand-xl > .container,
  3858. .navbar-expand-xl > .container-fluid {
  3859. -ms-flex-wrap: nowrap;
  3860. flex-wrap: nowrap;
  3861. }
  3862. .navbar-expand-xl .navbar-collapse {
  3863. display: -ms-flexbox !important;
  3864. display: flex !important;
  3865. -ms-flex-preferred-size: auto;
  3866. flex-basis: auto;
  3867. }
  3868. .navbar-expand-xl .navbar-toggler {
  3869. display: none;
  3870. }
  3871. }
  3872. .navbar-expand {
  3873. -ms-flex-flow: row nowrap;
  3874. flex-flow: row nowrap;
  3875. -ms-flex-pack: start;
  3876. justify-content: flex-start;
  3877. }
  3878. .navbar-expand > .container,
  3879. .navbar-expand > .container-fluid {
  3880. padding-right: 0;
  3881. padding-left: 0;
  3882. }
  3883. .navbar-expand .navbar-nav {
  3884. -ms-flex-direction: row;
  3885. flex-direction: row;
  3886. }
  3887. .navbar-expand .navbar-nav .dropdown-menu {
  3888. position: absolute;
  3889. }
  3890. .navbar-expand .navbar-nav .nav-link {
  3891. padding-right: 1rem;
  3892. padding-left: 1rem;
  3893. }
  3894. .navbar-expand > .container,
  3895. .navbar-expand > .container-fluid {
  3896. -ms-flex-wrap: nowrap;
  3897. flex-wrap: nowrap;
  3898. }
  3899. .navbar-expand .navbar-collapse {
  3900. display: -ms-flexbox !important;
  3901. display: flex !important;
  3902. -ms-flex-preferred-size: auto;
  3903. flex-basis: auto;
  3904. }
  3905. .navbar-expand .navbar-toggler {
  3906. display: none;
  3907. }
  3908. .navbar-light .navbar-brand {
  3909. color: rgba(0, 0, 0, 0.9);
  3910. }
  3911. .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
  3912. color: rgba(0, 0, 0, 0.9);
  3913. }
  3914. .navbar-light .navbar-nav .nav-link {
  3915. color: rgba(0, 0, 0, 0.5);
  3916. }
  3917. .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
  3918. color: rgba(0, 0, 0, 0.7);
  3919. }
  3920. .navbar-light .navbar-nav .nav-link.disabled {
  3921. color: rgba(0, 0, 0, 0.3);
  3922. }
  3923. .navbar-light .navbar-nav .show > .nav-link,
  3924. .navbar-light .navbar-nav .active > .nav-link,
  3925. .navbar-light .navbar-nav .nav-link.show,
  3926. .navbar-light .navbar-nav .nav-link.active {
  3927. color: rgba(0, 0, 0, 0.9);
  3928. }
  3929. .navbar-light .navbar-toggler {
  3930. color: rgba(0, 0, 0, 0.5);
  3931. border-color: rgba(0, 0, 0, 0.1);
  3932. }
  3933. .navbar-light .navbar-toggler-icon {
  3934. background-image: url("data:image/svg+xml;charset=utf8,%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");
  3935. }
  3936. .navbar-light .navbar-text {
  3937. color: rgba(0, 0, 0, 0.5);
  3938. }
  3939. .navbar-light .navbar-text a {
  3940. color: rgba(0, 0, 0, 0.9);
  3941. }
  3942. .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
  3943. color: rgba(0, 0, 0, 0.9);
  3944. }
  3945. .navbar-dark .navbar-brand {
  3946. color: #ffffff;
  3947. }
  3948. .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
  3949. color: #ffffff;
  3950. }
  3951. .navbar-dark .navbar-nav .nav-link {
  3952. color: rgba(255, 255, 255, 0.75);
  3953. }
  3954. .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
  3955. color: white;
  3956. }
  3957. .navbar-dark .navbar-nav .nav-link.disabled {
  3958. color: rgba(255, 255, 255, 0.25);
  3959. }
  3960. .navbar-dark .navbar-nav .show > .nav-link,
  3961. .navbar-dark .navbar-nav .active > .nav-link,
  3962. .navbar-dark .navbar-nav .nav-link.show,
  3963. .navbar-dark .navbar-nav .nav-link.active {
  3964. color: #ffffff;
  3965. }
  3966. .navbar-dark .navbar-toggler {
  3967. color: rgba(255, 255, 255, 0.75);
  3968. border-color: rgba(255, 255, 255, 0.1);
  3969. }
  3970. .navbar-dark .navbar-toggler-icon {
  3971. background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.75)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
  3972. }
  3973. .navbar-dark .navbar-text {
  3974. color: rgba(255, 255, 255, 0.75);
  3975. }
  3976. .navbar-dark .navbar-text a {
  3977. color: #ffffff;
  3978. }
  3979. .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
  3980. color: #ffffff;
  3981. }
  3982. .card {
  3983. position: relative;
  3984. display: -ms-flexbox;
  3985. display: flex;
  3986. -ms-flex-direction: column;
  3987. flex-direction: column;
  3988. min-width: 0;
  3989. word-wrap: break-word;
  3990. background-color: #ffffff;
  3991. background-clip: border-box;
  3992. border: 0 solid rgba(0, 0, 0, 0.125);
  3993. border-radius: 0.25rem;
  3994. }
  3995. .card > hr {
  3996. margin-right: 0;
  3997. margin-left: 0;
  3998. }
  3999. .card > .list-group:first-child .list-group-item:first-child {
  4000. border-top-left-radius: 0.25rem;
  4001. border-top-right-radius: 0.25rem;
  4002. }
  4003. .card > .list-group:last-child .list-group-item:last-child {
  4004. border-bottom-right-radius: 0.25rem;
  4005. border-bottom-left-radius: 0.25rem;
  4006. }
  4007. .card-body {
  4008. -ms-flex: 1 1 auto;
  4009. flex: 1 1 auto;
  4010. padding: 1.25rem;
  4011. }
  4012. .card-title {
  4013. margin-bottom: 0.75rem;
  4014. }
  4015. .card-subtitle {
  4016. margin-top: -0.375rem;
  4017. margin-bottom: 0;
  4018. }
  4019. .card-text:last-child {
  4020. margin-bottom: 0;
  4021. }
  4022. .card-link:hover {
  4023. text-decoration: none;
  4024. }
  4025. .card-link + .card-link {
  4026. margin-left: 1.25rem;
  4027. }
  4028. .card-header {
  4029. padding: 0.75rem 1.25rem;
  4030. margin-bottom: 0;
  4031. background-color: rgba(0, 0, 0, 0.03);
  4032. border-bottom: 0 solid rgba(0, 0, 0, 0.125);
  4033. }
  4034. .card-header:first-child {
  4035. border-radius: calc(0.25rem - 0) calc(0.25rem - 0) 0 0;
  4036. }
  4037. .card-header + .list-group .list-group-item:first-child {
  4038. border-top: 0;
  4039. }
  4040. .card-footer {
  4041. padding: 0.75rem 1.25rem;
  4042. background-color: rgba(0, 0, 0, 0.03);
  4043. border-top: 0 solid rgba(0, 0, 0, 0.125);
  4044. }
  4045. .card-footer:last-child {
  4046. border-radius: 0 0 calc(0.25rem - 0) calc(0.25rem - 0);
  4047. }
  4048. .card-header-tabs {
  4049. margin-right: -0.625rem;
  4050. margin-bottom: -0.75rem;
  4051. margin-left: -0.625rem;
  4052. border-bottom: 0;
  4053. }
  4054. .card-header-pills {
  4055. margin-right: -0.625rem;
  4056. margin-left: -0.625rem;
  4057. }
  4058. .card-img-overlay {
  4059. position: absolute;
  4060. top: 0;
  4061. right: 0;
  4062. bottom: 0;
  4063. left: 0;
  4064. padding: 1.25rem;
  4065. }
  4066. .card-img {
  4067. width: 100%;
  4068. border-radius: calc(0.25rem - 0);
  4069. }
  4070. .card-img-top {
  4071. width: 100%;
  4072. border-top-left-radius: calc(0.25rem - 0);
  4073. border-top-right-radius: calc(0.25rem - 0);
  4074. }
  4075. .card-img-bottom {
  4076. width: 100%;
  4077. border-bottom-right-radius: calc(0.25rem - 0);
  4078. border-bottom-left-radius: calc(0.25rem - 0);
  4079. }
  4080. .card-deck {
  4081. display: -ms-flexbox;
  4082. display: flex;
  4083. -ms-flex-direction: column;
  4084. flex-direction: column;
  4085. }
  4086. .card-deck .card {
  4087. margin-bottom: 7.5px;
  4088. }
  4089. @media (min-width: 576px) {
  4090. .card-deck {
  4091. -ms-flex-flow: row wrap;
  4092. flex-flow: row wrap;
  4093. margin-right: -7.5px;
  4094. margin-left: -7.5px;
  4095. }
  4096. .card-deck .card {
  4097. display: -ms-flexbox;
  4098. display: flex;
  4099. -ms-flex: 1 0 0%;
  4100. flex: 1 0 0%;
  4101. -ms-flex-direction: column;
  4102. flex-direction: column;
  4103. margin-right: 7.5px;
  4104. margin-bottom: 0;
  4105. margin-left: 7.5px;
  4106. }
  4107. }
  4108. .card-group {
  4109. display: -ms-flexbox;
  4110. display: flex;
  4111. -ms-flex-direction: column;
  4112. flex-direction: column;
  4113. }
  4114. .card-group > .card {
  4115. margin-bottom: 7.5px;
  4116. }
  4117. @media (min-width: 576px) {
  4118. .card-group {
  4119. -ms-flex-flow: row wrap;
  4120. flex-flow: row wrap;
  4121. }
  4122. .card-group > .card {
  4123. -ms-flex: 1 0 0%;
  4124. flex: 1 0 0%;
  4125. margin-bottom: 0;
  4126. }
  4127. .card-group > .card + .card {
  4128. margin-left: 0;
  4129. border-left: 0;
  4130. }
  4131. .card-group > .card:not(:last-child) {
  4132. border-top-right-radius: 0;
  4133. border-bottom-right-radius: 0;
  4134. }
  4135. .card-group > .card:not(:last-child) .card-img-top,
  4136. .card-group > .card:not(:last-child) .card-header {
  4137. border-top-right-radius: 0;
  4138. }
  4139. .card-group > .card:not(:last-child) .card-img-bottom,
  4140. .card-group > .card:not(:last-child) .card-footer {
  4141. border-bottom-right-radius: 0;
  4142. }
  4143. .card-group > .card:not(:first-child) {
  4144. border-top-left-radius: 0;
  4145. border-bottom-left-radius: 0;
  4146. }
  4147. .card-group > .card:not(:first-child) .card-img-top,
  4148. .card-group > .card:not(:first-child) .card-header {
  4149. border-top-left-radius: 0;
  4150. }
  4151. .card-group > .card:not(:first-child) .card-img-bottom,
  4152. .card-group > .card:not(:first-child) .card-footer {
  4153. border-bottom-left-radius: 0;
  4154. }
  4155. }
  4156. .card-columns .card {
  4157. margin-bottom: 0.75rem;
  4158. }
  4159. @media (min-width: 576px) {
  4160. .card-columns {
  4161. -webkit-column-count: 3;
  4162. -moz-column-count: 3;
  4163. column-count: 3;
  4164. -webkit-column-gap: 1.25rem;
  4165. -moz-column-gap: 1.25rem;
  4166. column-gap: 1.25rem;
  4167. orphans: 1;
  4168. widows: 1;
  4169. }
  4170. .card-columns .card {
  4171. display: inline-block;
  4172. width: 100%;
  4173. }
  4174. }
  4175. .accordion > .card {
  4176. overflow: hidden;
  4177. }
  4178. .accordion > .card:not(:first-of-type) .card-header:first-child {
  4179. border-radius: 0;
  4180. }
  4181. .accordion > .card:not(:first-of-type):not(:last-of-type) {
  4182. border-bottom: 0;
  4183. border-radius: 0;
  4184. }
  4185. .accordion > .card:first-of-type {
  4186. border-bottom: 0;
  4187. border-bottom-right-radius: 0;
  4188. border-bottom-left-radius: 0;
  4189. }
  4190. .accordion > .card:last-of-type {
  4191. border-top-left-radius: 0;
  4192. border-top-right-radius: 0;
  4193. }
  4194. .accordion > .card .card-header {
  4195. margin-bottom: 0;
  4196. }
  4197. .breadcrumb {
  4198. display: -ms-flexbox;
  4199. display: flex;
  4200. -ms-flex-wrap: wrap;
  4201. flex-wrap: wrap;
  4202. padding: 0.75rem 1rem;
  4203. margin-bottom: 1rem;
  4204. list-style: none;
  4205. background-color: #e9ecef;
  4206. border-radius: 0.25rem;
  4207. }
  4208. .breadcrumb-item + .breadcrumb-item {
  4209. padding-left: 0.5rem;
  4210. }
  4211. .breadcrumb-item + .breadcrumb-item::before {
  4212. display: inline-block;
  4213. padding-right: 0.5rem;
  4214. color: #6c757d;
  4215. content: "/";
  4216. }
  4217. .breadcrumb-item + .breadcrumb-item:hover::before {
  4218. text-decoration: underline;
  4219. }
  4220. .breadcrumb-item + .breadcrumb-item:hover::before {
  4221. text-decoration: none;
  4222. }
  4223. .breadcrumb-item.active {
  4224. color: #6c757d;
  4225. }
  4226. .pagination {
  4227. display: -ms-flexbox;
  4228. display: flex;
  4229. padding-left: 0;
  4230. list-style: none;
  4231. border-radius: 0.25rem;
  4232. }
  4233. .page-link {
  4234. position: relative;
  4235. display: block;
  4236. padding: 0.5rem 0.75rem;
  4237. margin-left: -1px;
  4238. line-height: 1.25;
  4239. color: #007bff;
  4240. background-color: #ffffff;
  4241. border: 1px solid #dee2e6;
  4242. }
  4243. .page-link:hover {
  4244. z-index: 2;
  4245. color: #0056b3;
  4246. text-decoration: none;
  4247. background-color: #e9ecef;
  4248. border-color: #dee2e6;
  4249. }
  4250. .page-link:focus {
  4251. z-index: 2;
  4252. outline: 0;
  4253. box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  4254. }
  4255. .page-item:first-child .page-link {
  4256. margin-left: 0;
  4257. border-top-left-radius: 0.25rem;
  4258. border-bottom-left-radius: 0.25rem;
  4259. }
  4260. .page-item:last-child .page-link {
  4261. border-top-right-radius: 0.25rem;
  4262. border-bottom-right-radius: 0.25rem;
  4263. }
  4264. .page-item.active .page-link {
  4265. z-index: 1;
  4266. color: #ffffff;
  4267. background-color: #007bff;
  4268. border-color: #007bff;
  4269. }
  4270. .page-item.disabled .page-link {
  4271. color: #6c757d;
  4272. pointer-events: none;
  4273. cursor: auto;
  4274. background-color: #ffffff;
  4275. border-color: #dee2e6;
  4276. }
  4277. .pagination-lg .page-link {
  4278. padding: 0.75rem 1.5rem;
  4279. font-size: 1.25rem;
  4280. line-height: 1.5;
  4281. }
  4282. .pagination-lg .page-item:first-child .page-link {
  4283. border-top-left-radius: 0.3rem;
  4284. border-bottom-left-radius: 0.3rem;
  4285. }
  4286. .pagination-lg .page-item:last-child .page-link {
  4287. border-top-right-radius: 0.3rem;
  4288. border-bottom-right-radius: 0.3rem;
  4289. }
  4290. .pagination-sm .page-link {
  4291. padding: 0.25rem 0.5rem;
  4292. font-size: 0.875rem;
  4293. line-height: 1.5;
  4294. }
  4295. .pagination-sm .page-item:first-child .page-link {
  4296. border-top-left-radius: 0.2rem;
  4297. border-bottom-left-radius: 0.2rem;
  4298. }
  4299. .pagination-sm .page-item:last-child .page-link {
  4300. border-top-right-radius: 0.2rem;
  4301. border-bottom-right-radius: 0.2rem;
  4302. }
  4303. .badge {
  4304. display: inline-block;
  4305. padding: 0.25em 0.4em;
  4306. font-size: 75%;
  4307. font-weight: 700;
  4308. line-height: 1;
  4309. text-align: center;
  4310. white-space: nowrap;
  4311. vertical-align: baseline;
  4312. border-radius: 0.25rem;
  4313. 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;
  4314. }
  4315. @media (prefers-reduced-motion: reduce) {
  4316. .badge {
  4317. transition: none;
  4318. }
  4319. }
  4320. a.badge:hover, a.badge:focus {
  4321. text-decoration: none;
  4322. }
  4323. .badge:empty {
  4324. display: none;
  4325. }
  4326. .btn .badge {
  4327. position: relative;
  4328. top: -1px;
  4329. }
  4330. .badge-pill {
  4331. padding-right: 0.6em;
  4332. padding-left: 0.6em;
  4333. border-radius: 10rem;
  4334. }
  4335. .badge-primary {
  4336. color: #ffffff;
  4337. background-color: #007bff;
  4338. }
  4339. a.badge-primary:hover, a.badge-primary:focus {
  4340. color: #ffffff;
  4341. background-color: #0062cc;
  4342. }
  4343. a.badge-primary:focus, a.badge-primary.focus {
  4344. outline: 0;
  4345. box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
  4346. }
  4347. .badge-secondary {
  4348. color: #ffffff;
  4349. background-color: #6c757d;
  4350. }
  4351. a.badge-secondary:hover, a.badge-secondary:focus {
  4352. color: #ffffff;
  4353. background-color: #545b62;
  4354. }
  4355. a.badge-secondary:focus, a.badge-secondary.focus {
  4356. outline: 0;
  4357. box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
  4358. }
  4359. .badge-success {
  4360. color: #ffffff;
  4361. background-color: #28a745;
  4362. }
  4363. a.badge-success:hover, a.badge-success:focus {
  4364. color: #ffffff;
  4365. background-color: #1e7e34;
  4366. }
  4367. a.badge-success:focus, a.badge-success.focus {
  4368. outline: 0;
  4369. box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
  4370. }
  4371. .badge-info {
  4372. color: #ffffff;
  4373. background-color: #17a2b8;
  4374. }
  4375. a.badge-info:hover, a.badge-info:focus {
  4376. color: #ffffff;
  4377. background-color: #117a8b;
  4378. }
  4379. a.badge-info:focus, a.badge-info.focus {
  4380. outline: 0;
  4381. box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
  4382. }
  4383. .badge-warning {
  4384. color: #1F2D3D;
  4385. background-color: #ffc107;
  4386. }
  4387. a.badge-warning:hover, a.badge-warning:focus {
  4388. color: #1F2D3D;
  4389. background-color: #d39e00;
  4390. }
  4391. a.badge-warning:focus, a.badge-warning.focus {
  4392. outline: 0;
  4393. box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
  4394. }
  4395. .badge-danger {
  4396. color: #ffffff;
  4397. background-color: #dc3545;
  4398. }
  4399. a.badge-danger:hover, a.badge-danger:focus {
  4400. color: #ffffff;
  4401. background-color: #bd2130;
  4402. }
  4403. a.badge-danger:focus, a.badge-danger.focus {
  4404. outline: 0;
  4405. box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
  4406. }
  4407. .badge-light {
  4408. color: #1F2D3D;
  4409. background-color: #f8f9fa;
  4410. }
  4411. a.badge-light:hover, a.badge-light:focus {
  4412. color: #1F2D3D;
  4413. background-color: #dae0e5;
  4414. }
  4415. a.badge-light:focus, a.badge-light.focus {
  4416. outline: 0;
  4417. box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
  4418. }
  4419. .badge-dark {
  4420. color: #ffffff;
  4421. background-color: #343a40;
  4422. }
  4423. a.badge-dark:hover, a.badge-dark:focus {
  4424. color: #ffffff;
  4425. background-color: #1d2124;
  4426. }
  4427. a.badge-dark:focus, a.badge-dark.focus {
  4428. outline: 0;
  4429. box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
  4430. }
  4431. .jumbotron {
  4432. padding: 2rem 1rem;
  4433. margin-bottom: 2rem;
  4434. background-color: #e9ecef;
  4435. border-radius: 0.3rem;
  4436. }
  4437. @media (min-width: 576px) {
  4438. .jumbotron {
  4439. padding: 4rem 2rem;
  4440. }
  4441. }
  4442. .jumbotron-fluid {
  4443. padding-right: 0;
  4444. padding-left: 0;
  4445. border-radius: 0;
  4446. }
  4447. .alert {
  4448. position: relative;
  4449. padding: 0.75rem 1.25rem;
  4450. margin-bottom: 1rem;
  4451. border: 1px solid transparent;
  4452. border-radius: 0.25rem;
  4453. }
  4454. .alert-heading {
  4455. color: inherit;
  4456. }
  4457. .alert-link {
  4458. font-weight: 700;
  4459. }
  4460. .alert-dismissible {
  4461. padding-right: 4rem;
  4462. }
  4463. .alert-dismissible .close, .alert-dismissible .mailbox-attachment-close {
  4464. position: absolute;
  4465. top: 0;
  4466. right: 0;
  4467. padding: 0.75rem 1.25rem;
  4468. color: inherit;
  4469. }
  4470. .alert-primary {
  4471. color: #004085;
  4472. background-color: #cce5ff;
  4473. border-color: #b8daff;
  4474. }
  4475. .alert-primary hr {
  4476. border-top-color: #9fcdff;
  4477. }
  4478. .alert-primary .alert-link {
  4479. color: #002752;
  4480. }
  4481. .alert-secondary {
  4482. color: #383d41;
  4483. background-color: #e2e3e5;
  4484. border-color: #d6d8db;
  4485. }
  4486. .alert-secondary hr {
  4487. border-top-color: #c8cbcf;
  4488. }
  4489. .alert-secondary .alert-link {
  4490. color: #202326;
  4491. }
  4492. .alert-success {
  4493. color: #155724;
  4494. background-color: #d4edda;
  4495. border-color: #c3e6cb;
  4496. }
  4497. .alert-success hr {
  4498. border-top-color: #b1dfbb;
  4499. }
  4500. .alert-success .alert-link {
  4501. color: #0b2e13;
  4502. }
  4503. .alert-info {
  4504. color: #0c5460;
  4505. background-color: #d1ecf1;
  4506. border-color: #bee5eb;
  4507. }
  4508. .alert-info hr {
  4509. border-top-color: #abdde5;
  4510. }
  4511. .alert-info .alert-link {
  4512. color: #062c33;
  4513. }
  4514. .alert-warning {
  4515. color: #856404;
  4516. background-color: #fff3cd;
  4517. border-color: #ffeeba;
  4518. }
  4519. .alert-warning hr {
  4520. border-top-color: #ffe8a1;
  4521. }
  4522. .alert-warning .alert-link {
  4523. color: #533f03;
  4524. }
  4525. .alert-danger {
  4526. color: #721c24;
  4527. background-color: #f8d7da;
  4528. border-color: #f5c6cb;
  4529. }
  4530. .alert-danger hr {
  4531. border-top-color: #f1b0b7;
  4532. }
  4533. .alert-danger .alert-link {
  4534. color: #491217;
  4535. }
  4536. .alert-light {
  4537. color: #818182;
  4538. background-color: #fefefe;
  4539. border-color: #fdfdfe;
  4540. }
  4541. .alert-light hr {
  4542. border-top-color: #ececf6;
  4543. }
  4544. .alert-light .alert-link {
  4545. color: #686868;
  4546. }
  4547. .alert-dark {
  4548. color: #1b1e21;
  4549. background-color: #d6d8d9;
  4550. border-color: #c6c8ca;
  4551. }
  4552. .alert-dark hr {
  4553. border-top-color: #b9bbbe;
  4554. }
  4555. .alert-dark .alert-link {
  4556. color: #040505;
  4557. }
  4558. @-webkit-keyframes progress-bar-stripes {
  4559. from {
  4560. background-position: 1rem 0;
  4561. }
  4562. to {
  4563. background-position: 0 0;
  4564. }
  4565. }
  4566. @keyframes progress-bar-stripes {
  4567. from {
  4568. background-position: 1rem 0;
  4569. }
  4570. to {
  4571. background-position: 0 0;
  4572. }
  4573. }
  4574. .progress {
  4575. display: -ms-flexbox;
  4576. display: flex;
  4577. height: 1rem;
  4578. overflow: hidden;
  4579. font-size: 0.75rem;
  4580. background-color: #e9ecef;
  4581. border-radius: 0.25rem;
  4582. box-shadow: inset 0 0.1rem 0.1rem rgba(0, 0, 0, 0.1);
  4583. }
  4584. .progress-bar {
  4585. display: -ms-flexbox;
  4586. display: flex;
  4587. -ms-flex-direction: column;
  4588. flex-direction: column;
  4589. -ms-flex-pack: center;
  4590. justify-content: center;
  4591. color: #ffffff;
  4592. text-align: center;
  4593. white-space: nowrap;
  4594. background-color: #007bff;
  4595. transition: width 0.6s ease;
  4596. }
  4597. @media (prefers-reduced-motion: reduce) {
  4598. .progress-bar {
  4599. transition: none;
  4600. }
  4601. }
  4602. .progress-bar-striped {
  4603. 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);
  4604. background-size: 1rem 1rem;
  4605. }
  4606. .progress-bar-animated {
  4607. -webkit-animation: progress-bar-stripes 1s linear infinite;
  4608. animation: progress-bar-stripes 1s linear infinite;
  4609. }
  4610. @media (prefers-reduced-motion: reduce) {
  4611. .progress-bar-animated {
  4612. -webkit-animation: none;
  4613. animation: none;
  4614. }
  4615. }
  4616. .media {
  4617. display: -ms-flexbox;
  4618. display: flex;
  4619. -ms-flex-align: start;
  4620. align-items: flex-start;
  4621. }
  4622. .media-body {
  4623. -ms-flex: 1;
  4624. flex: 1;
  4625. }
  4626. .list-group {
  4627. display: -ms-flexbox;
  4628. display: flex;
  4629. -ms-flex-direction: column;
  4630. flex-direction: column;
  4631. padding-left: 0;
  4632. margin-bottom: 0;
  4633. }
  4634. .list-group-item-action {
  4635. width: 100%;
  4636. color: #495057;
  4637. text-align: inherit;
  4638. }
  4639. .list-group-item-action:hover, .list-group-item-action:focus {
  4640. z-index: 1;
  4641. color: #495057;
  4642. text-decoration: none;
  4643. background-color: #f8f9fa;
  4644. }
  4645. .list-group-item-action:active {
  4646. color: #212529;
  4647. background-color: #e9ecef;
  4648. }
  4649. .list-group-item {
  4650. position: relative;
  4651. display: block;
  4652. padding: 0.75rem 1.25rem;
  4653. margin-bottom: -1px;
  4654. background-color: #ffffff;
  4655. border: 1px solid rgba(0, 0, 0, 0.125);
  4656. }
  4657. .list-group-item:first-child {
  4658. border-top-left-radius: 0.25rem;
  4659. border-top-right-radius: 0.25rem;
  4660. }
  4661. .list-group-item:last-child {
  4662. margin-bottom: 0;
  4663. border-bottom-right-radius: 0.25rem;
  4664. border-bottom-left-radius: 0.25rem;
  4665. }
  4666. .list-group-item.disabled, .list-group-item:disabled {
  4667. color: #6c757d;
  4668. pointer-events: none;
  4669. background-color: #ffffff;
  4670. }
  4671. .list-group-item.active {
  4672. z-index: 2;
  4673. color: #ffffff;
  4674. background-color: #007bff;
  4675. border-color: #007bff;
  4676. }
  4677. .list-group-horizontal {
  4678. -ms-flex-direction: row;
  4679. flex-direction: row;
  4680. }
  4681. .list-group-horizontal .list-group-item {
  4682. margin-right: -1px;
  4683. margin-bottom: 0;
  4684. }
  4685. .list-group-horizontal .list-group-item:first-child {
  4686. border-top-left-radius: 0.25rem;
  4687. border-bottom-left-radius: 0.25rem;
  4688. border-top-right-radius: 0;
  4689. }
  4690. .list-group-horizontal .list-group-item:last-child {
  4691. margin-right: 0;
  4692. border-top-right-radius: 0.25rem;
  4693. border-bottom-right-radius: 0.25rem;
  4694. border-bottom-left-radius: 0;
  4695. }
  4696. @media (min-width: 576px) {
  4697. .list-group-horizontal-sm {
  4698. -ms-flex-direction: row;
  4699. flex-direction: row;
  4700. }
  4701. .list-group-horizontal-sm .list-group-item {
  4702. margin-right: -1px;
  4703. margin-bottom: 0;
  4704. }
  4705. .list-group-horizontal-sm .list-group-item:first-child {
  4706. border-top-left-radius: 0.25rem;
  4707. border-bottom-left-radius: 0.25rem;
  4708. border-top-right-radius: 0;
  4709. }
  4710. .list-group-horizontal-sm .list-group-item:last-child {
  4711. margin-right: 0;
  4712. border-top-right-radius: 0.25rem;
  4713. border-bottom-right-radius: 0.25rem;
  4714. border-bottom-left-radius: 0;
  4715. }
  4716. }
  4717. @media (min-width: 768px) {
  4718. .list-group-horizontal-md {
  4719. -ms-flex-direction: row;
  4720. flex-direction: row;
  4721. }
  4722. .list-group-horizontal-md .list-group-item {
  4723. margin-right: -1px;
  4724. margin-bottom: 0;
  4725. }
  4726. .list-group-horizontal-md .list-group-item:first-child {
  4727. border-top-left-radius: 0.25rem;
  4728. border-bottom-left-radius: 0.25rem;
  4729. border-top-right-radius: 0;
  4730. }
  4731. .list-group-horizontal-md .list-group-item:last-child {
  4732. margin-right: 0;
  4733. border-top-right-radius: 0.25rem;
  4734. border-bottom-right-radius: 0.25rem;
  4735. border-bottom-left-radius: 0;
  4736. }
  4737. }
  4738. @media (min-width: 992px) {
  4739. .list-group-horizontal-lg {
  4740. -ms-flex-direction: row;
  4741. flex-direction: row;
  4742. }
  4743. .list-group-horizontal-lg .list-group-item {
  4744. margin-right: -1px;
  4745. margin-bottom: 0;
  4746. }
  4747. .list-group-horizontal-lg .list-group-item:first-child {
  4748. border-top-left-radius: 0.25rem;
  4749. border-bottom-left-radius: 0.25rem;
  4750. border-top-right-radius: 0;
  4751. }
  4752. .list-group-horizontal-lg .list-group-item:last-child {
  4753. margin-right: 0;
  4754. border-top-right-radius: 0.25rem;
  4755. border-bottom-right-radius: 0.25rem;
  4756. border-bottom-left-radius: 0;
  4757. }
  4758. }
  4759. @media (min-width: 1200px) {
  4760. .list-group-horizontal-xl {
  4761. -ms-flex-direction: row;
  4762. flex-direction: row;
  4763. }
  4764. .list-group-horizontal-xl .list-group-item {
  4765. margin-right: -1px;
  4766. margin-bottom: 0;
  4767. }
  4768. .list-group-horizontal-xl .list-group-item:first-child {
  4769. border-top-left-radius: 0.25rem;
  4770. border-bottom-left-radius: 0.25rem;
  4771. border-top-right-radius: 0;
  4772. }
  4773. .list-group-horizontal-xl .list-group-item:last-child {
  4774. margin-right: 0;
  4775. border-top-right-radius: 0.25rem;
  4776. border-bottom-right-radius: 0.25rem;
  4777. border-bottom-left-radius: 0;
  4778. }
  4779. }
  4780. .list-group-flush .list-group-item {
  4781. border-right: 0;
  4782. border-left: 0;
  4783. border-radius: 0;
  4784. }
  4785. .list-group-flush .list-group-item:last-child {
  4786. margin-bottom: -1px;
  4787. }
  4788. .list-group-flush:first-child .list-group-item:first-child {
  4789. border-top: 0;
  4790. }
  4791. .list-group-flush:last-child .list-group-item:last-child {
  4792. margin-bottom: 0;
  4793. border-bottom: 0;
  4794. }
  4795. .list-group-item-primary {
  4796. color: #004085;
  4797. background-color: #b8daff;
  4798. }
  4799. .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
  4800. color: #004085;
  4801. background-color: #9fcdff;
  4802. }
  4803. .list-group-item-primary.list-group-item-action.active {
  4804. color: #ffffff;
  4805. background-color: #004085;
  4806. border-color: #004085;
  4807. }
  4808. .list-group-item-secondary {
  4809. color: #383d41;
  4810. background-color: #d6d8db;
  4811. }
  4812. .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
  4813. color: #383d41;
  4814. background-color: #c8cbcf;
  4815. }
  4816. .list-group-item-secondary.list-group-item-action.active {
  4817. color: #ffffff;
  4818. background-color: #383d41;
  4819. border-color: #383d41;
  4820. }
  4821. .list-group-item-success {
  4822. color: #155724;
  4823. background-color: #c3e6cb;
  4824. }
  4825. .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
  4826. color: #155724;
  4827. background-color: #b1dfbb;
  4828. }
  4829. .list-group-item-success.list-group-item-action.active {
  4830. color: #ffffff;
  4831. background-color: #155724;
  4832. border-color: #155724;
  4833. }
  4834. .list-group-item-info {
  4835. color: #0c5460;
  4836. background-color: #bee5eb;
  4837. }
  4838. .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
  4839. color: #0c5460;
  4840. background-color: #abdde5;
  4841. }
  4842. .list-group-item-info.list-group-item-action.active {
  4843. color: #ffffff;
  4844. background-color: #0c5460;
  4845. border-color: #0c5460;
  4846. }
  4847. .list-group-item-warning {
  4848. color: #856404;
  4849. background-color: #ffeeba;
  4850. }
  4851. .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
  4852. color: #856404;
  4853. background-color: #ffe8a1;
  4854. }
  4855. .list-group-item-warning.list-group-item-action.active {
  4856. color: #ffffff;
  4857. background-color: #856404;
  4858. border-color: #856404;
  4859. }
  4860. .list-group-item-danger {
  4861. color: #721c24;
  4862. background-color: #f5c6cb;
  4863. }
  4864. .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
  4865. color: #721c24;
  4866. background-color: #f1b0b7;
  4867. }
  4868. .list-group-item-danger.list-group-item-action.active {
  4869. color: #ffffff;
  4870. background-color: #721c24;
  4871. border-color: #721c24;
  4872. }
  4873. .list-group-item-light {
  4874. color: #818182;
  4875. background-color: #fdfdfe;
  4876. }
  4877. .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
  4878. color: #818182;
  4879. background-color: #ececf6;
  4880. }
  4881. .list-group-item-light.list-group-item-action.active {
  4882. color: #ffffff;
  4883. background-color: #818182;
  4884. border-color: #818182;
  4885. }
  4886. .list-group-item-dark {
  4887. color: #1b1e21;
  4888. background-color: #c6c8ca;
  4889. }
  4890. .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
  4891. color: #1b1e21;
  4892. background-color: #b9bbbe;
  4893. }
  4894. .list-group-item-dark.list-group-item-action.active {
  4895. color: #ffffff;
  4896. background-color: #1b1e21;
  4897. border-color: #1b1e21;
  4898. }
  4899. .close, .mailbox-attachment-close {
  4900. float: right;
  4901. font-size: 1.5rem;
  4902. font-weight: 700;
  4903. line-height: 1;
  4904. color: #000;
  4905. text-shadow: 0 1px 0 #ffffff;
  4906. opacity: .5;
  4907. }
  4908. .close:hover, .mailbox-attachment-close:hover {
  4909. color: #000;
  4910. text-decoration: none;
  4911. }
  4912. .close:not(:disabled):not(.disabled):hover, .mailbox-attachment-close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus, .mailbox-attachment-close:not(:disabled):not(.disabled):focus {
  4913. opacity: .75;
  4914. }
  4915. button.close, button.mailbox-attachment-close {
  4916. padding: 0;
  4917. background-color: transparent;
  4918. border: 0;
  4919. -webkit-appearance: none;
  4920. -moz-appearance: none;
  4921. appearance: none;
  4922. }
  4923. a.close.disabled, a.disabled.mailbox-attachment-close {
  4924. pointer-events: none;
  4925. }
  4926. .toast {
  4927. max-width: 350px;
  4928. overflow: hidden;
  4929. font-size: 0.875rem;
  4930. background-color: rgba(255, 255, 255, 0.85);
  4931. background-clip: padding-box;
  4932. border: 1px solid rgba(0, 0, 0, 0.1);
  4933. box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
  4934. -webkit-backdrop-filter: blur(10px);
  4935. backdrop-filter: blur(10px);
  4936. opacity: 0;
  4937. border-radius: 0.25rem;
  4938. }
  4939. .toast:not(:last-child) {
  4940. margin-bottom: 0.75rem;
  4941. }
  4942. .toast.showing {
  4943. opacity: 1;
  4944. }
  4945. .toast.show {
  4946. display: block;
  4947. opacity: 1;
  4948. }
  4949. .toast.hide {
  4950. display: none;
  4951. }
  4952. .toast-header {
  4953. display: -ms-flexbox;
  4954. display: flex;
  4955. -ms-flex-align: center;
  4956. align-items: center;
  4957. padding: 0.25rem 0.75rem;
  4958. color: #6c757d;
  4959. background-color: rgba(255, 255, 255, 0.85);
  4960. background-clip: padding-box;
  4961. border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  4962. }
  4963. .toast-body {
  4964. padding: 0.75rem;
  4965. }
  4966. .modal-open {
  4967. overflow: hidden;
  4968. }
  4969. .modal-open .modal {
  4970. overflow-x: hidden;
  4971. overflow-y: auto;
  4972. }
  4973. .modal {
  4974. position: fixed;
  4975. top: 0;
  4976. left: 0;
  4977. z-index: 1050;
  4978. display: none;
  4979. width: 100%;
  4980. height: 100%;
  4981. overflow: hidden;
  4982. outline: 0;
  4983. }
  4984. .modal-dialog {
  4985. position: relative;
  4986. width: auto;
  4987. margin: 0.5rem;
  4988. pointer-events: none;
  4989. }
  4990. .modal.fade .modal-dialog {
  4991. transition: -webkit-transform 0.3s ease-out;
  4992. transition: transform 0.3s ease-out;
  4993. transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  4994. -webkit-transform: translate(0, -50px);
  4995. transform: translate(0, -50px);
  4996. }
  4997. @media (prefers-reduced-motion: reduce) {
  4998. .modal.fade .modal-dialog {
  4999. transition: none;
  5000. }
  5001. }
  5002. .modal.show .modal-dialog {
  5003. -webkit-transform: none;
  5004. transform: none;
  5005. }
  5006. .modal-dialog-scrollable {
  5007. display: -ms-flexbox;
  5008. display: flex;
  5009. max-height: calc(100% - 1rem);
  5010. }
  5011. .modal-dialog-scrollable .modal-content {
  5012. max-height: calc(100vh - 1rem);
  5013. overflow: hidden;
  5014. }
  5015. .modal-dialog-scrollable .modal-header,
  5016. .modal-dialog-scrollable .modal-footer {
  5017. -ms-flex-negative: 0;
  5018. flex-shrink: 0;
  5019. }
  5020. .modal-dialog-scrollable .modal-body {
  5021. overflow-y: auto;
  5022. }
  5023. .modal-dialog-centered {
  5024. display: -ms-flexbox;
  5025. display: flex;
  5026. -ms-flex-align: center;
  5027. align-items: center;
  5028. min-height: calc(100% - 1rem);
  5029. }
  5030. .modal-dialog-centered::before {
  5031. display: block;
  5032. height: calc(100vh - 1rem);
  5033. content: "";
  5034. }
  5035. .modal-dialog-centered.modal-dialog-scrollable {
  5036. -ms-flex-direction: column;
  5037. flex-direction: column;
  5038. -ms-flex-pack: center;
  5039. justify-content: center;
  5040. height: 100%;
  5041. }
  5042. .modal-dialog-centered.modal-dialog-scrollable .modal-content {
  5043. max-height: none;
  5044. }
  5045. .modal-dialog-centered.modal-dialog-scrollable::before {
  5046. content: none;
  5047. }
  5048. .modal-content {
  5049. position: relative;
  5050. display: -ms-flexbox;
  5051. display: flex;
  5052. -ms-flex-direction: column;
  5053. flex-direction: column;
  5054. width: 100%;
  5055. pointer-events: auto;
  5056. background-color: #ffffff;
  5057. background-clip: padding-box;
  5058. border: 1px solid rgba(0, 0, 0, 0.2);
  5059. border-radius: 0.3rem;
  5060. box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.5);
  5061. outline: 0;
  5062. }
  5063. .modal-backdrop {
  5064. position: fixed;
  5065. top: 0;
  5066. left: 0;
  5067. z-index: 1040;
  5068. width: 100vw;
  5069. height: 100vh;
  5070. background-color: #000;
  5071. }
  5072. .modal-backdrop.fade {
  5073. opacity: 0;
  5074. }
  5075. .modal-backdrop.show {
  5076. opacity: 0.5;
  5077. }
  5078. .modal-header {
  5079. display: -ms-flexbox;
  5080. display: flex;
  5081. -ms-flex-align: start;
  5082. align-items: flex-start;
  5083. -ms-flex-pack: justify;
  5084. justify-content: space-between;
  5085. padding: 1rem;
  5086. border-bottom: 1px solid #e9ecef;
  5087. border-top-left-radius: 0.3rem;
  5088. border-top-right-radius: 0.3rem;
  5089. }
  5090. .modal-header .close, .modal-header .mailbox-attachment-close {
  5091. padding: 1rem;
  5092. margin: -1rem -1rem -1rem auto;
  5093. }
  5094. .modal-title {
  5095. margin-bottom: 0;
  5096. line-height: 1.5;
  5097. }
  5098. .modal-body {
  5099. position: relative;
  5100. -ms-flex: 1 1 auto;
  5101. flex: 1 1 auto;
  5102. padding: 1rem;
  5103. }
  5104. .modal-footer {
  5105. display: -ms-flexbox;
  5106. display: flex;
  5107. -ms-flex-align: center;
  5108. align-items: center;
  5109. -ms-flex-pack: end;
  5110. justify-content: flex-end;
  5111. padding: 1rem;
  5112. border-top: 1px solid #e9ecef;
  5113. border-bottom-right-radius: 0.3rem;
  5114. border-bottom-left-radius: 0.3rem;
  5115. }
  5116. .modal-footer > :not(:first-child) {
  5117. margin-left: .25rem;
  5118. }
  5119. .modal-footer > :not(:last-child) {
  5120. margin-right: .25rem;
  5121. }
  5122. .modal-scrollbar-measure {
  5123. position: absolute;
  5124. top: -9999px;
  5125. width: 50px;
  5126. height: 50px;
  5127. overflow: scroll;
  5128. }
  5129. @media (min-width: 576px) {
  5130. .modal-dialog {
  5131. max-width: 500px;
  5132. margin: 1.75rem auto;
  5133. }
  5134. .modal-dialog-scrollable {
  5135. max-height: calc(100% - 3.5rem);
  5136. }
  5137. .modal-dialog-scrollable .modal-content {
  5138. max-height: calc(100vh - 3.5rem);
  5139. }
  5140. .modal-dialog-centered {
  5141. min-height: calc(100% - 3.5rem);
  5142. }
  5143. .modal-dialog-centered::before {
  5144. height: calc(100vh - 3.5rem);
  5145. }
  5146. .modal-content {
  5147. box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.5);
  5148. }
  5149. .modal-sm {
  5150. max-width: 300px;
  5151. }
  5152. }
  5153. @media (min-width: 992px) {
  5154. .modal-lg,
  5155. .modal-xl {
  5156. max-width: 800px;
  5157. }
  5158. }
  5159. @media (min-width: 1200px) {
  5160. .modal-xl {
  5161. max-width: 1140px;
  5162. }
  5163. }
  5164. .tooltip {
  5165. position: absolute;
  5166. z-index: 1070;
  5167. display: block;
  5168. margin: 0;
  5169. font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  5170. font-style: normal;
  5171. font-weight: 400;
  5172. line-height: 1.5;
  5173. text-align: left;
  5174. text-align: start;
  5175. text-decoration: none;
  5176. text-shadow: none;
  5177. text-transform: none;
  5178. letter-spacing: normal;
  5179. word-break: normal;
  5180. word-spacing: normal;
  5181. white-space: normal;
  5182. line-break: auto;
  5183. font-size: 0.875rem;
  5184. word-wrap: break-word;
  5185. opacity: 0;
  5186. }
  5187. .tooltip.show {
  5188. opacity: 0.9;
  5189. }
  5190. .tooltip .arrow {
  5191. position: absolute;
  5192. display: block;
  5193. width: 0.8rem;
  5194. height: 0.4rem;
  5195. }
  5196. .tooltip .arrow::before {
  5197. position: absolute;
  5198. content: "";
  5199. border-color: transparent;
  5200. border-style: solid;
  5201. }
  5202. .bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] {
  5203. padding: 0.4rem 0;
  5204. }
  5205. .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow {
  5206. bottom: 0;
  5207. }
  5208. .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
  5209. top: 0;
  5210. border-width: 0.4rem 0.4rem 0;
  5211. border-top-color: #000;
  5212. }
  5213. .bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] {
  5214. padding: 0 0.4rem;
  5215. }
  5216. .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow {
  5217. left: 0;
  5218. width: 0.4rem;
  5219. height: 0.8rem;
  5220. }
  5221. .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
  5222. right: 0;
  5223. border-width: 0.4rem 0.4rem 0.4rem 0;
  5224. border-right-color: #000;
  5225. }
  5226. .bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] {
  5227. padding: 0.4rem 0;
  5228. }
  5229. .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow {
  5230. top: 0;
  5231. }
  5232. .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
  5233. bottom: 0;
  5234. border-width: 0 0.4rem 0.4rem;
  5235. border-bottom-color: #000;
  5236. }
  5237. .bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] {
  5238. padding: 0 0.4rem;
  5239. }
  5240. .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow {
  5241. right: 0;
  5242. width: 0.4rem;
  5243. height: 0.8rem;
  5244. }
  5245. .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
  5246. left: 0;
  5247. border-width: 0.4rem 0 0.4rem 0.4rem;
  5248. border-left-color: #000;
  5249. }
  5250. .tooltip-inner {
  5251. max-width: 200px;
  5252. padding: 0.25rem 0.5rem;
  5253. color: #ffffff;
  5254. text-align: center;
  5255. background-color: #000;
  5256. border-radius: 0.25rem;
  5257. }
  5258. .popover {
  5259. position: absolute;
  5260. top: 0;
  5261. left: 0;
  5262. z-index: 1060;
  5263. display: block;
  5264. max-width: 276px;
  5265. font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  5266. font-style: normal;
  5267. font-weight: 400;
  5268. line-height: 1.5;
  5269. text-align: left;
  5270. text-align: start;
  5271. text-decoration: none;
  5272. text-shadow: none;
  5273. text-transform: none;
  5274. letter-spacing: normal;
  5275. word-break: normal;
  5276. word-spacing: normal;
  5277. white-space: normal;
  5278. line-break: auto;
  5279. font-size: 0.875rem;
  5280. word-wrap: break-word;
  5281. background-color: #ffffff;
  5282. background-clip: padding-box;
  5283. border: 1px solid rgba(0, 0, 0, 0.2);
  5284. border-radius: 0.3rem;
  5285. box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.2);
  5286. }
  5287. .popover .arrow {
  5288. position: absolute;
  5289. display: block;
  5290. width: 1rem;
  5291. height: 0.5rem;
  5292. margin: 0 0.3rem;
  5293. }
  5294. .popover .arrow::before, .popover .arrow::after {
  5295. position: absolute;
  5296. display: block;
  5297. content: "";
  5298. border-color: transparent;
  5299. border-style: solid;
  5300. }
  5301. .bs-popover-top, .bs-popover-auto[x-placement^="top"] {
  5302. margin-bottom: 0.5rem;
  5303. }
  5304. .bs-popover-top > .arrow, .bs-popover-auto[x-placement^="top"] > .arrow {
  5305. bottom: calc((0.5rem + 1px) * -1);
  5306. }
  5307. .bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^="top"] > .arrow::before {
  5308. bottom: 0;
  5309. border-width: 0.5rem 0.5rem 0;
  5310. border-top-color: rgba(0, 0, 0, 0.25);
  5311. }
  5312. .bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^="top"] > .arrow::after {
  5313. bottom: 1px;
  5314. border-width: 0.5rem 0.5rem 0;
  5315. border-top-color: #ffffff;
  5316. }
  5317. .bs-popover-right, .bs-popover-auto[x-placement^="right"] {
  5318. margin-left: 0.5rem;
  5319. }
  5320. .bs-popover-right > .arrow, .bs-popover-auto[x-placement^="right"] > .arrow {
  5321. left: calc((0.5rem + 1px) * -1);
  5322. width: 0.5rem;
  5323. height: 1rem;
  5324. margin: 0.3rem 0;
  5325. }
  5326. .bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^="right"] > .arrow::before {
  5327. left: 0;
  5328. border-width: 0.5rem 0.5rem 0.5rem 0;
  5329. border-right-color: rgba(0, 0, 0, 0.25);
  5330. }
  5331. .bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^="right"] > .arrow::after {
  5332. left: 1px;
  5333. border-width: 0.5rem 0.5rem 0.5rem 0;
  5334. border-right-color: #ffffff;
  5335. }
  5336. .bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] {
  5337. margin-top: 0.5rem;
  5338. }
  5339. .bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^="bottom"] > .arrow {
  5340. top: calc((0.5rem + 1px) * -1);
  5341. }
  5342. .bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^="bottom"] > .arrow::before {
  5343. top: 0;
  5344. border-width: 0 0.5rem 0.5rem 0.5rem;
  5345. border-bottom-color: rgba(0, 0, 0, 0.25);
  5346. }
  5347. .bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^="bottom"] > .arrow::after {
  5348. top: 1px;
  5349. border-width: 0 0.5rem 0.5rem 0.5rem;
  5350. border-bottom-color: #ffffff;
  5351. }
  5352. .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before {
  5353. position: absolute;
  5354. top: 0;
  5355. left: 50%;
  5356. display: block;
  5357. width: 1rem;
  5358. margin-left: -0.5rem;
  5359. content: "";
  5360. border-bottom: 1px solid #f7f7f7;
  5361. }
  5362. .bs-popover-left, .bs-popover-auto[x-placement^="left"] {
  5363. margin-right: 0.5rem;
  5364. }
  5365. .bs-popover-left > .arrow, .bs-popover-auto[x-placement^="left"] > .arrow {
  5366. right: calc((0.5rem + 1px) * -1);
  5367. width: 0.5rem;
  5368. height: 1rem;
  5369. margin: 0.3rem 0;
  5370. }
  5371. .bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^="left"] > .arrow::before {
  5372. right: 0;
  5373. border-width: 0.5rem 0 0.5rem 0.5rem;
  5374. border-left-color: rgba(0, 0, 0, 0.25);
  5375. }
  5376. .bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^="left"] > .arrow::after {
  5377. right: 1px;
  5378. border-width: 0.5rem 0 0.5rem 0.5rem;
  5379. border-left-color: #ffffff;
  5380. }
  5381. .popover-header {
  5382. padding: 0.5rem 0.75rem;
  5383. margin-bottom: 0;
  5384. font-size: 1rem;
  5385. color: inherit;
  5386. background-color: #f7f7f7;
  5387. border-bottom: 1px solid #ebebeb;
  5388. border-top-left-radius: calc(0.3rem - 1px);
  5389. border-top-right-radius: calc(0.3rem - 1px);
  5390. }
  5391. .popover-header:empty {
  5392. display: none;
  5393. }
  5394. .popover-body {
  5395. padding: 0.5rem 0.75rem;
  5396. color: #212529;
  5397. }
  5398. .carousel {
  5399. position: relative;
  5400. }
  5401. .carousel.pointer-event {
  5402. -ms-touch-action: pan-y;
  5403. touch-action: pan-y;
  5404. }
  5405. .carousel-inner {
  5406. position: relative;
  5407. width: 100%;
  5408. overflow: hidden;
  5409. }
  5410. .carousel-inner::after {
  5411. display: block;
  5412. clear: both;
  5413. content: "";
  5414. }
  5415. .carousel-item {
  5416. position: relative;
  5417. display: none;
  5418. float: left;
  5419. width: 100%;
  5420. margin-right: -100%;
  5421. -webkit-backface-visibility: hidden;
  5422. backface-visibility: hidden;
  5423. transition: -webkit-transform 0.6s ease;
  5424. transition: transform 0.6s ease;
  5425. transition: transform 0.6s ease, -webkit-transform 0.6s ease;
  5426. }
  5427. @media (prefers-reduced-motion: reduce) {
  5428. .carousel-item {
  5429. transition: none;
  5430. }
  5431. }
  5432. .carousel-item.active,
  5433. .carousel-item-next,
  5434. .carousel-item-prev {
  5435. display: block;
  5436. }
  5437. .carousel-item-next:not(.carousel-item-left),
  5438. .active.carousel-item-right {
  5439. -webkit-transform: translateX(100%);
  5440. transform: translateX(100%);
  5441. }
  5442. .carousel-item-prev:not(.carousel-item-right),
  5443. .active.carousel-item-left {
  5444. -webkit-transform: translateX(-100%);
  5445. transform: translateX(-100%);
  5446. }
  5447. .carousel-fade .carousel-item {
  5448. opacity: 0;
  5449. transition-property: opacity;
  5450. -webkit-transform: none;
  5451. transform: none;
  5452. }
  5453. .carousel-fade .carousel-item.active,
  5454. .carousel-fade .carousel-item-next.carousel-item-left,
  5455. .carousel-fade .carousel-item-prev.carousel-item-right {
  5456. z-index: 1;
  5457. opacity: 1;
  5458. }
  5459. .carousel-fade .active.carousel-item-left,
  5460. .carousel-fade .active.carousel-item-right {
  5461. z-index: 0;
  5462. opacity: 0;
  5463. transition: 0s 0.6s opacity;
  5464. }
  5465. @media (prefers-reduced-motion: reduce) {
  5466. .carousel-fade .active.carousel-item-left,
  5467. .carousel-fade .active.carousel-item-right {
  5468. transition: none;
  5469. }
  5470. }
  5471. .carousel-control-prev,
  5472. .carousel-control-next {
  5473. position: absolute;
  5474. top: 0;
  5475. bottom: 0;
  5476. z-index: 1;
  5477. display: -ms-flexbox;
  5478. display: flex;
  5479. -ms-flex-align: center;
  5480. align-items: center;
  5481. -ms-flex-pack: center;
  5482. justify-content: center;
  5483. width: 15%;
  5484. color: #ffffff;
  5485. text-align: center;
  5486. opacity: 0.5;
  5487. transition: opacity 0.15s ease;
  5488. }
  5489. @media (prefers-reduced-motion: reduce) {
  5490. .carousel-control-prev,
  5491. .carousel-control-next {
  5492. transition: none;
  5493. }
  5494. }
  5495. .carousel-control-prev:hover, .carousel-control-prev:focus,
  5496. .carousel-control-next:hover,
  5497. .carousel-control-next:focus {
  5498. color: #ffffff;
  5499. text-decoration: none;
  5500. outline: 0;
  5501. opacity: 0.9;
  5502. }
  5503. .carousel-control-prev {
  5504. left: 0;
  5505. }
  5506. .carousel-control-next {
  5507. right: 0;
  5508. }
  5509. .carousel-control-prev-icon,
  5510. .carousel-control-next-icon {
  5511. display: inline-block;
  5512. width: 20px;
  5513. height: 20px;
  5514. background: no-repeat 50% / 100% 100%;
  5515. }
  5516. .carousel-control-prev-icon {
  5517. background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' 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");
  5518. }
  5519. .carousel-control-next-icon {
  5520. background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' 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");
  5521. }
  5522. .carousel-indicators {
  5523. position: absolute;
  5524. right: 0;
  5525. bottom: 0;
  5526. left: 0;
  5527. z-index: 15;
  5528. display: -ms-flexbox;
  5529. display: flex;
  5530. -ms-flex-pack: center;
  5531. justify-content: center;
  5532. padding-left: 0;
  5533. margin-right: 15%;
  5534. margin-left: 15%;
  5535. list-style: none;
  5536. }
  5537. .carousel-indicators li {
  5538. box-sizing: content-box;
  5539. -ms-flex: 0 1 auto;
  5540. flex: 0 1 auto;
  5541. width: 30px;
  5542. height: 3px;
  5543. margin-right: 3px;
  5544. margin-left: 3px;
  5545. text-indent: -999px;
  5546. cursor: pointer;
  5547. background-color: #ffffff;
  5548. background-clip: padding-box;
  5549. border-top: 10px solid transparent;
  5550. border-bottom: 10px solid transparent;
  5551. opacity: .5;
  5552. transition: opacity 0.6s ease;
  5553. }
  5554. @media (prefers-reduced-motion: reduce) {
  5555. .carousel-indicators li {
  5556. transition: none;
  5557. }
  5558. }
  5559. .carousel-indicators .active {
  5560. opacity: 1;
  5561. }
  5562. .carousel-caption {
  5563. position: absolute;
  5564. right: 15%;
  5565. bottom: 20px;
  5566. left: 15%;
  5567. z-index: 10;
  5568. padding-top: 20px;
  5569. padding-bottom: 20px;
  5570. color: #ffffff;
  5571. text-align: center;
  5572. }
  5573. @-webkit-keyframes spinner-border {
  5574. to {
  5575. -webkit-transform: rotate(360deg);
  5576. transform: rotate(360deg);
  5577. }
  5578. }
  5579. @keyframes spinner-border {
  5580. to {
  5581. -webkit-transform: rotate(360deg);
  5582. transform: rotate(360deg);
  5583. }
  5584. }
  5585. .spinner-border {
  5586. display: inline-block;
  5587. width: 2rem;
  5588. height: 2rem;
  5589. vertical-align: text-bottom;
  5590. border: 0.25em solid currentColor;
  5591. border-right-color: transparent;
  5592. border-radius: 50%;
  5593. -webkit-animation: spinner-border .75s linear infinite;
  5594. animation: spinner-border .75s linear infinite;
  5595. }
  5596. .spinner-border-sm {
  5597. width: 1rem;
  5598. height: 1rem;
  5599. border-width: 0.2em;
  5600. }
  5601. @-webkit-keyframes spinner-grow {
  5602. 0% {
  5603. -webkit-transform: scale(0);
  5604. transform: scale(0);
  5605. }
  5606. 50% {
  5607. opacity: 1;
  5608. }
  5609. }
  5610. @keyframes spinner-grow {
  5611. 0% {
  5612. -webkit-transform: scale(0);
  5613. transform: scale(0);
  5614. }
  5615. 50% {
  5616. opacity: 1;
  5617. }
  5618. }
  5619. .spinner-grow {
  5620. display: inline-block;
  5621. width: 2rem;
  5622. height: 2rem;
  5623. vertical-align: text-bottom;
  5624. background-color: currentColor;
  5625. border-radius: 50%;
  5626. opacity: 0;
  5627. -webkit-animation: spinner-grow .75s linear infinite;
  5628. animation: spinner-grow .75s linear infinite;
  5629. }
  5630. .spinner-grow-sm {
  5631. width: 1rem;
  5632. height: 1rem;
  5633. }
  5634. .align-baseline {
  5635. vertical-align: baseline !important;
  5636. }
  5637. .align-top {
  5638. vertical-align: top !important;
  5639. }
  5640. .align-middle {
  5641. vertical-align: middle !important;
  5642. }
  5643. .align-bottom {
  5644. vertical-align: bottom !important;
  5645. }
  5646. .align-text-bottom {
  5647. vertical-align: text-bottom !important;
  5648. }
  5649. .align-text-top {
  5650. vertical-align: text-top !important;
  5651. }
  5652. .bg-primary {
  5653. background-color: #007bff !important;
  5654. }
  5655. a.bg-primary:hover, a.bg-primary:focus,
  5656. button.bg-primary:hover,
  5657. button.bg-primary:focus {
  5658. background-color: #0062cc !important;
  5659. }
  5660. .bg-secondary {
  5661. background-color: #6c757d !important;
  5662. }
  5663. a.bg-secondary:hover, a.bg-secondary:focus,
  5664. button.bg-secondary:hover,
  5665. button.bg-secondary:focus {
  5666. background-color: #545b62 !important;
  5667. }
  5668. .bg-success {
  5669. background-color: #28a745 !important;
  5670. }
  5671. a.bg-success:hover, a.bg-success:focus,
  5672. button.bg-success:hover,
  5673. button.bg-success:focus {
  5674. background-color: #1e7e34 !important;
  5675. }
  5676. .bg-info {
  5677. background-color: #17a2b8 !important;
  5678. }
  5679. a.bg-info:hover, a.bg-info:focus,
  5680. button.bg-info:hover,
  5681. button.bg-info:focus {
  5682. background-color: #117a8b !important;
  5683. }
  5684. .bg-warning {
  5685. background-color: #ffc107 !important;
  5686. }
  5687. a.bg-warning:hover, a.bg-warning:focus,
  5688. button.bg-warning:hover,
  5689. button.bg-warning:focus {
  5690. background-color: #d39e00 !important;
  5691. }
  5692. .bg-danger {
  5693. background-color: #dc3545 !important;
  5694. }
  5695. a.bg-danger:hover, a.bg-danger:focus,
  5696. button.bg-danger:hover,
  5697. button.bg-danger:focus {
  5698. background-color: #bd2130 !important;
  5699. }
  5700. .bg-light {
  5701. background-color: #f8f9fa !important;
  5702. }
  5703. a.bg-light:hover, a.bg-light:focus,
  5704. button.bg-light:hover,
  5705. button.bg-light:focus {
  5706. background-color: #dae0e5 !important;
  5707. }
  5708. .bg-dark {
  5709. background-color: #343a40 !important;
  5710. }
  5711. a.bg-dark:hover, a.bg-dark:focus,
  5712. button.bg-dark:hover,
  5713. button.bg-dark:focus {
  5714. background-color: #1d2124 !important;
  5715. }
  5716. .bg-white {
  5717. background-color: #ffffff !important;
  5718. }
  5719. .bg-transparent {
  5720. background-color: transparent !important;
  5721. }
  5722. .border {
  5723. border: 1px solid #dee2e6 !important;
  5724. }
  5725. .border-top {
  5726. border-top: 1px solid #dee2e6 !important;
  5727. }
  5728. .border-right {
  5729. border-right: 1px solid #dee2e6 !important;
  5730. }
  5731. .border-bottom {
  5732. border-bottom: 1px solid #dee2e6 !important;
  5733. }
  5734. .border-left {
  5735. border-left: 1px solid #dee2e6 !important;
  5736. }
  5737. .border-0 {
  5738. border: 0 !important;
  5739. }
  5740. .border-top-0 {
  5741. border-top: 0 !important;
  5742. }
  5743. .border-right-0 {
  5744. border-right: 0 !important;
  5745. }
  5746. .border-bottom-0 {
  5747. border-bottom: 0 !important;
  5748. }
  5749. .border-left-0 {
  5750. border-left: 0 !important;
  5751. }
  5752. .border-primary {
  5753. border-color: #007bff !important;
  5754. }
  5755. .border-secondary {
  5756. border-color: #6c757d !important;
  5757. }
  5758. .border-success {
  5759. border-color: #28a745 !important;
  5760. }
  5761. .border-info {
  5762. border-color: #17a2b8 !important;
  5763. }
  5764. .border-warning {
  5765. border-color: #ffc107 !important;
  5766. }
  5767. .border-danger {
  5768. border-color: #dc3545 !important;
  5769. }
  5770. .border-light {
  5771. border-color: #f8f9fa !important;
  5772. }
  5773. .border-dark {
  5774. border-color: #343a40 !important;
  5775. }
  5776. .border-white {
  5777. border-color: #ffffff !important;
  5778. }
  5779. .rounded-sm {
  5780. border-radius: 0.2rem !important;
  5781. }
  5782. .rounded {
  5783. border-radius: 0.25rem !important;
  5784. }
  5785. .rounded-top {
  5786. border-top-left-radius: 0.25rem !important;
  5787. border-top-right-radius: 0.25rem !important;
  5788. }
  5789. .rounded-right {
  5790. border-top-right-radius: 0.25rem !important;
  5791. border-bottom-right-radius: 0.25rem !important;
  5792. }
  5793. .rounded-bottom {
  5794. border-bottom-right-radius: 0.25rem !important;
  5795. border-bottom-left-radius: 0.25rem !important;
  5796. }
  5797. .rounded-left {
  5798. border-top-left-radius: 0.25rem !important;
  5799. border-bottom-left-radius: 0.25rem !important;
  5800. }
  5801. .rounded-lg {
  5802. border-radius: 0.3rem !important;
  5803. }
  5804. .rounded-circle {
  5805. border-radius: 50% !important;
  5806. }
  5807. .rounded-pill {
  5808. border-radius: 50rem !important;
  5809. }
  5810. .rounded-0 {
  5811. border-radius: 0 !important;
  5812. }
  5813. .clearfix::after {
  5814. display: block;
  5815. clear: both;
  5816. content: "";
  5817. }
  5818. .d-none {
  5819. display: none !important;
  5820. }
  5821. .d-inline {
  5822. display: inline !important;
  5823. }
  5824. .d-inline-block {
  5825. display: inline-block !important;
  5826. }
  5827. .d-block {
  5828. display: block !important;
  5829. }
  5830. .d-table {
  5831. display: table !important;
  5832. }
  5833. .d-table-row {
  5834. display: table-row !important;
  5835. }
  5836. .d-table-cell {
  5837. display: table-cell !important;
  5838. }
  5839. .d-flex {
  5840. display: -ms-flexbox !important;
  5841. display: flex !important;
  5842. }
  5843. .d-inline-flex {
  5844. display: -ms-inline-flexbox !important;
  5845. display: inline-flex !important;
  5846. }
  5847. @media (min-width: 576px) {
  5848. .d-sm-none {
  5849. display: none !important;
  5850. }
  5851. .d-sm-inline {
  5852. display: inline !important;
  5853. }
  5854. .d-sm-inline-block {
  5855. display: inline-block !important;
  5856. }
  5857. .d-sm-block {
  5858. display: block !important;
  5859. }
  5860. .d-sm-table {
  5861. display: table !important;
  5862. }
  5863. .d-sm-table-row {
  5864. display: table-row !important;
  5865. }
  5866. .d-sm-table-cell {
  5867. display: table-cell !important;
  5868. }
  5869. .d-sm-flex {
  5870. display: -ms-flexbox !important;
  5871. display: flex !important;
  5872. }
  5873. .d-sm-inline-flex {
  5874. display: -ms-inline-flexbox !important;
  5875. display: inline-flex !important;
  5876. }
  5877. }
  5878. @media (min-width: 768px) {
  5879. .d-md-none {
  5880. display: none !important;
  5881. }
  5882. .d-md-inline {
  5883. display: inline !important;
  5884. }
  5885. .d-md-inline-block {
  5886. display: inline-block !important;
  5887. }
  5888. .d-md-block {
  5889. display: block !important;
  5890. }
  5891. .d-md-table {
  5892. display: table !important;
  5893. }
  5894. .d-md-table-row {
  5895. display: table-row !important;
  5896. }
  5897. .d-md-table-cell {
  5898. display: table-cell !important;
  5899. }
  5900. .d-md-flex {
  5901. display: -ms-flexbox !important;
  5902. display: flex !important;
  5903. }
  5904. .d-md-inline-flex {
  5905. display: -ms-inline-flexbox !important;
  5906. display: inline-flex !important;
  5907. }
  5908. }
  5909. @media (min-width: 992px) {
  5910. .d-lg-none {
  5911. display: none !important;
  5912. }
  5913. .d-lg-inline {
  5914. display: inline !important;
  5915. }
  5916. .d-lg-inline-block {
  5917. display: inline-block !important;
  5918. }
  5919. .d-lg-block {
  5920. display: block !important;
  5921. }
  5922. .d-lg-table {
  5923. display: table !important;
  5924. }
  5925. .d-lg-table-row {
  5926. display: table-row !important;
  5927. }
  5928. .d-lg-table-cell {
  5929. display: table-cell !important;
  5930. }
  5931. .d-lg-flex {
  5932. display: -ms-flexbox !important;
  5933. display: flex !important;
  5934. }
  5935. .d-lg-inline-flex {
  5936. display: -ms-inline-flexbox !important;
  5937. display: inline-flex !important;
  5938. }
  5939. }
  5940. @media (min-width: 1200px) {
  5941. .d-xl-none {
  5942. display: none !important;
  5943. }
  5944. .d-xl-inline {
  5945. display: inline !important;
  5946. }
  5947. .d-xl-inline-block {
  5948. display: inline-block !important;
  5949. }
  5950. .d-xl-block {
  5951. display: block !important;
  5952. }
  5953. .d-xl-table {
  5954. display: table !important;
  5955. }
  5956. .d-xl-table-row {
  5957. display: table-row !important;
  5958. }
  5959. .d-xl-table-cell {
  5960. display: table-cell !important;
  5961. }
  5962. .d-xl-flex {
  5963. display: -ms-flexbox !important;
  5964. display: flex !important;
  5965. }
  5966. .d-xl-inline-flex {
  5967. display: -ms-inline-flexbox !important;
  5968. display: inline-flex !important;
  5969. }
  5970. }
  5971. @media print {
  5972. .d-print-none {
  5973. display: none !important;
  5974. }
  5975. .d-print-inline {
  5976. display: inline !important;
  5977. }
  5978. .d-print-inline-block {
  5979. display: inline-block !important;
  5980. }
  5981. .d-print-block {
  5982. display: block !important;
  5983. }
  5984. .d-print-table {
  5985. display: table !important;
  5986. }
  5987. .d-print-table-row {
  5988. display: table-row !important;
  5989. }
  5990. .d-print-table-cell {
  5991. display: table-cell !important;
  5992. }
  5993. .d-print-flex {
  5994. display: -ms-flexbox !important;
  5995. display: flex !important;
  5996. }
  5997. .d-print-inline-flex {
  5998. display: -ms-inline-flexbox !important;
  5999. display: inline-flex !important;
  6000. }
  6001. }
  6002. .embed-responsive {
  6003. position: relative;
  6004. display: block;
  6005. width: 100%;
  6006. padding: 0;
  6007. overflow: hidden;
  6008. }
  6009. .embed-responsive::before {
  6010. display: block;
  6011. content: "";
  6012. }
  6013. .embed-responsive .embed-responsive-item,
  6014. .embed-responsive iframe,
  6015. .embed-responsive embed,
  6016. .embed-responsive object,
  6017. .embed-responsive video {
  6018. position: absolute;
  6019. top: 0;
  6020. bottom: 0;
  6021. left: 0;
  6022. width: 100%;
  6023. height: 100%;
  6024. border: 0;
  6025. }
  6026. .embed-responsive-21by9::before {
  6027. padding-top: 42.857143%;
  6028. }
  6029. .embed-responsive-16by9::before {
  6030. padding-top: 56.25%;
  6031. }
  6032. .embed-responsive-4by3::before {
  6033. padding-top: 75%;
  6034. }
  6035. .embed-responsive-1by1::before {
  6036. padding-top: 100%;
  6037. }
  6038. .flex-row {
  6039. -ms-flex-direction: row !important;
  6040. flex-direction: row !important;
  6041. }
  6042. .flex-column {
  6043. -ms-flex-direction: column !important;
  6044. flex-direction: column !important;
  6045. }
  6046. .flex-row-reverse {
  6047. -ms-flex-direction: row-reverse !important;
  6048. flex-direction: row-reverse !important;
  6049. }
  6050. .flex-column-reverse {
  6051. -ms-flex-direction: column-reverse !important;
  6052. flex-direction: column-reverse !important;
  6053. }
  6054. .flex-wrap {
  6055. -ms-flex-wrap: wrap !important;
  6056. flex-wrap: wrap !important;
  6057. }
  6058. .flex-nowrap {
  6059. -ms-flex-wrap: nowrap !important;
  6060. flex-wrap: nowrap !important;
  6061. }
  6062. .flex-wrap-reverse {
  6063. -ms-flex-wrap: wrap-reverse !important;
  6064. flex-wrap: wrap-reverse !important;
  6065. }
  6066. .flex-fill {
  6067. -ms-flex: 1 1 auto !important;
  6068. flex: 1 1 auto !important;
  6069. }
  6070. .flex-grow-0 {
  6071. -ms-flex-positive: 0 !important;
  6072. flex-grow: 0 !important;
  6073. }
  6074. .flex-grow-1 {
  6075. -ms-flex-positive: 1 !important;
  6076. flex-grow: 1 !important;
  6077. }
  6078. .flex-shrink-0 {
  6079. -ms-flex-negative: 0 !important;
  6080. flex-shrink: 0 !important;
  6081. }
  6082. .flex-shrink-1 {
  6083. -ms-flex-negative: 1 !important;
  6084. flex-shrink: 1 !important;
  6085. }
  6086. .justify-content-start {
  6087. -ms-flex-pack: start !important;
  6088. justify-content: flex-start !important;
  6089. }
  6090. .justify-content-end {
  6091. -ms-flex-pack: end !important;
  6092. justify-content: flex-end !important;
  6093. }
  6094. .justify-content-center {
  6095. -ms-flex-pack: center !important;
  6096. justify-content: center !important;
  6097. }
  6098. .justify-content-between {
  6099. -ms-flex-pack: justify !important;
  6100. justify-content: space-between !important;
  6101. }
  6102. .justify-content-around {
  6103. -ms-flex-pack: distribute !important;
  6104. justify-content: space-around !important;
  6105. }
  6106. .align-items-start {
  6107. -ms-flex-align: start !important;
  6108. align-items: flex-start !important;
  6109. }
  6110. .align-items-end {
  6111. -ms-flex-align: end !important;
  6112. align-items: flex-end !important;
  6113. }
  6114. .align-items-center {
  6115. -ms-flex-align: center !important;
  6116. align-items: center !important;
  6117. }
  6118. .align-items-baseline {
  6119. -ms-flex-align: baseline !important;
  6120. align-items: baseline !important;
  6121. }
  6122. .align-items-stretch {
  6123. -ms-flex-align: stretch !important;
  6124. align-items: stretch !important;
  6125. }
  6126. .align-content-start {
  6127. -ms-flex-line-pack: start !important;
  6128. align-content: flex-start !important;
  6129. }
  6130. .align-content-end {
  6131. -ms-flex-line-pack: end !important;
  6132. align-content: flex-end !important;
  6133. }
  6134. .align-content-center {
  6135. -ms-flex-line-pack: center !important;
  6136. align-content: center !important;
  6137. }
  6138. .align-content-between {
  6139. -ms-flex-line-pack: justify !important;
  6140. align-content: space-between !important;
  6141. }
  6142. .align-content-around {
  6143. -ms-flex-line-pack: distribute !important;
  6144. align-content: space-around !important;
  6145. }
  6146. .align-content-stretch {
  6147. -ms-flex-line-pack: stretch !important;
  6148. align-content: stretch !important;
  6149. }
  6150. .align-self-auto {
  6151. -ms-flex-item-align: auto !important;
  6152. align-self: auto !important;
  6153. }
  6154. .align-self-start {
  6155. -ms-flex-item-align: start !important;
  6156. align-self: flex-start !important;
  6157. }
  6158. .align-self-end {
  6159. -ms-flex-item-align: end !important;
  6160. align-self: flex-end !important;
  6161. }
  6162. .align-self-center {
  6163. -ms-flex-item-align: center !important;
  6164. align-self: center !important;
  6165. }
  6166. .align-self-baseline {
  6167. -ms-flex-item-align: baseline !important;
  6168. align-self: baseline !important;
  6169. }
  6170. .align-self-stretch {
  6171. -ms-flex-item-align: stretch !important;
  6172. align-self: stretch !important;
  6173. }
  6174. @media (min-width: 576px) {
  6175. .flex-sm-row {
  6176. -ms-flex-direction: row !important;
  6177. flex-direction: row !important;
  6178. }
  6179. .flex-sm-column {
  6180. -ms-flex-direction: column !important;
  6181. flex-direction: column !important;
  6182. }
  6183. .flex-sm-row-reverse {
  6184. -ms-flex-direction: row-reverse !important;
  6185. flex-direction: row-reverse !important;
  6186. }
  6187. .flex-sm-column-reverse {
  6188. -ms-flex-direction: column-reverse !important;
  6189. flex-direction: column-reverse !important;
  6190. }
  6191. .flex-sm-wrap {
  6192. -ms-flex-wrap: wrap !important;
  6193. flex-wrap: wrap !important;
  6194. }
  6195. .flex-sm-nowrap {
  6196. -ms-flex-wrap: nowrap !important;
  6197. flex-wrap: nowrap !important;
  6198. }
  6199. .flex-sm-wrap-reverse {
  6200. -ms-flex-wrap: wrap-reverse !important;
  6201. flex-wrap: wrap-reverse !important;
  6202. }
  6203. .flex-sm-fill {
  6204. -ms-flex: 1 1 auto !important;
  6205. flex: 1 1 auto !important;
  6206. }
  6207. .flex-sm-grow-0 {
  6208. -ms-flex-positive: 0 !important;
  6209. flex-grow: 0 !important;
  6210. }
  6211. .flex-sm-grow-1 {
  6212. -ms-flex-positive: 1 !important;
  6213. flex-grow: 1 !important;
  6214. }
  6215. .flex-sm-shrink-0 {
  6216. -ms-flex-negative: 0 !important;
  6217. flex-shrink: 0 !important;
  6218. }
  6219. .flex-sm-shrink-1 {
  6220. -ms-flex-negative: 1 !important;
  6221. flex-shrink: 1 !important;
  6222. }
  6223. .justify-content-sm-start {
  6224. -ms-flex-pack: start !important;
  6225. justify-content: flex-start !important;
  6226. }
  6227. .justify-content-sm-end {
  6228. -ms-flex-pack: end !important;
  6229. justify-content: flex-end !important;
  6230. }
  6231. .justify-content-sm-center {
  6232. -ms-flex-pack: center !important;
  6233. justify-content: center !important;
  6234. }
  6235. .justify-content-sm-between {
  6236. -ms-flex-pack: justify !important;
  6237. justify-content: space-between !important;
  6238. }
  6239. .justify-content-sm-around {
  6240. -ms-flex-pack: distribute !important;
  6241. justify-content: space-around !important;
  6242. }
  6243. .align-items-sm-start {
  6244. -ms-flex-align: start !important;
  6245. align-items: flex-start !important;
  6246. }
  6247. .align-items-sm-end {
  6248. -ms-flex-align: end !important;
  6249. align-items: flex-end !important;
  6250. }
  6251. .align-items-sm-center {
  6252. -ms-flex-align: center !important;
  6253. align-items: center !important;
  6254. }
  6255. .align-items-sm-baseline {
  6256. -ms-flex-align: baseline !important;
  6257. align-items: baseline !important;
  6258. }
  6259. .align-items-sm-stretch {
  6260. -ms-flex-align: stretch !important;
  6261. align-items: stretch !important;
  6262. }
  6263. .align-content-sm-start {
  6264. -ms-flex-line-pack: start !important;
  6265. align-content: flex-start !important;
  6266. }
  6267. .align-content-sm-end {
  6268. -ms-flex-line-pack: end !important;
  6269. align-content: flex-end !important;
  6270. }
  6271. .align-content-sm-center {
  6272. -ms-flex-line-pack: center !important;
  6273. align-content: center !important;
  6274. }
  6275. .align-content-sm-between {
  6276. -ms-flex-line-pack: justify !important;
  6277. align-content: space-between !important;
  6278. }
  6279. .align-content-sm-around {
  6280. -ms-flex-line-pack: distribute !important;
  6281. align-content: space-around !important;
  6282. }
  6283. .align-content-sm-stretch {
  6284. -ms-flex-line-pack: stretch !important;
  6285. align-content: stretch !important;
  6286. }
  6287. .align-self-sm-auto {
  6288. -ms-flex-item-align: auto !important;
  6289. align-self: auto !important;
  6290. }
  6291. .align-self-sm-start {
  6292. -ms-flex-item-align: start !important;
  6293. align-self: flex-start !important;
  6294. }
  6295. .align-self-sm-end {
  6296. -ms-flex-item-align: end !important;
  6297. align-self: flex-end !important;
  6298. }
  6299. .align-self-sm-center {
  6300. -ms-flex-item-align: center !important;
  6301. align-self: center !important;
  6302. }
  6303. .align-self-sm-baseline {
  6304. -ms-flex-item-align: baseline !important;
  6305. align-self: baseline !important;
  6306. }
  6307. .align-self-sm-stretch {
  6308. -ms-flex-item-align: stretch !important;
  6309. align-self: stretch !important;
  6310. }
  6311. }
  6312. @media (min-width: 768px) {
  6313. .flex-md-row {
  6314. -ms-flex-direction: row !important;
  6315. flex-direction: row !important;
  6316. }
  6317. .flex-md-column {
  6318. -ms-flex-direction: column !important;
  6319. flex-direction: column !important;
  6320. }
  6321. .flex-md-row-reverse {
  6322. -ms-flex-direction: row-reverse !important;
  6323. flex-direction: row-reverse !important;
  6324. }
  6325. .flex-md-column-reverse {
  6326. -ms-flex-direction: column-reverse !important;
  6327. flex-direction: column-reverse !important;
  6328. }
  6329. .flex-md-wrap {
  6330. -ms-flex-wrap: wrap !important;
  6331. flex-wrap: wrap !important;
  6332. }
  6333. .flex-md-nowrap {
  6334. -ms-flex-wrap: nowrap !important;
  6335. flex-wrap: nowrap !important;
  6336. }
  6337. .flex-md-wrap-reverse {
  6338. -ms-flex-wrap: wrap-reverse !important;
  6339. flex-wrap: wrap-reverse !important;
  6340. }
  6341. .flex-md-fill {
  6342. -ms-flex: 1 1 auto !important;
  6343. flex: 1 1 auto !important;
  6344. }
  6345. .flex-md-grow-0 {
  6346. -ms-flex-positive: 0 !important;
  6347. flex-grow: 0 !important;
  6348. }
  6349. .flex-md-grow-1 {
  6350. -ms-flex-positive: 1 !important;
  6351. flex-grow: 1 !important;
  6352. }
  6353. .flex-md-shrink-0 {
  6354. -ms-flex-negative: 0 !important;
  6355. flex-shrink: 0 !important;
  6356. }
  6357. .flex-md-shrink-1 {
  6358. -ms-flex-negative: 1 !important;
  6359. flex-shrink: 1 !important;
  6360. }
  6361. .justify-content-md-start {
  6362. -ms-flex-pack: start !important;
  6363. justify-content: flex-start !important;
  6364. }
  6365. .justify-content-md-end {
  6366. -ms-flex-pack: end !important;
  6367. justify-content: flex-end !important;
  6368. }
  6369. .justify-content-md-center {
  6370. -ms-flex-pack: center !important;
  6371. justify-content: center !important;
  6372. }
  6373. .justify-content-md-between {
  6374. -ms-flex-pack: justify !important;
  6375. justify-content: space-between !important;
  6376. }
  6377. .justify-content-md-around {
  6378. -ms-flex-pack: distribute !important;
  6379. justify-content: space-around !important;
  6380. }
  6381. .align-items-md-start {
  6382. -ms-flex-align: start !important;
  6383. align-items: flex-start !important;
  6384. }
  6385. .align-items-md-end {
  6386. -ms-flex-align: end !important;
  6387. align-items: flex-end !important;
  6388. }
  6389. .align-items-md-center {
  6390. -ms-flex-align: center !important;
  6391. align-items: center !important;
  6392. }
  6393. .align-items-md-baseline {
  6394. -ms-flex-align: baseline !important;
  6395. align-items: baseline !important;
  6396. }
  6397. .align-items-md-stretch {
  6398. -ms-flex-align: stretch !important;
  6399. align-items: stretch !important;
  6400. }
  6401. .align-content-md-start {
  6402. -ms-flex-line-pack: start !important;
  6403. align-content: flex-start !important;
  6404. }
  6405. .align-content-md-end {
  6406. -ms-flex-line-pack: end !important;
  6407. align-content: flex-end !important;
  6408. }
  6409. .align-content-md-center {
  6410. -ms-flex-line-pack: center !important;
  6411. align-content: center !important;
  6412. }
  6413. .align-content-md-between {
  6414. -ms-flex-line-pack: justify !important;
  6415. align-content: space-between !important;
  6416. }
  6417. .align-content-md-around {
  6418. -ms-flex-line-pack: distribute !important;
  6419. align-content: space-around !important;
  6420. }
  6421. .align-content-md-stretch {
  6422. -ms-flex-line-pack: stretch !important;
  6423. align-content: stretch !important;
  6424. }
  6425. .align-self-md-auto {
  6426. -ms-flex-item-align: auto !important;
  6427. align-self: auto !important;
  6428. }
  6429. .align-self-md-start {
  6430. -ms-flex-item-align: start !important;
  6431. align-self: flex-start !important;
  6432. }
  6433. .align-self-md-end {
  6434. -ms-flex-item-align: end !important;
  6435. align-self: flex-end !important;
  6436. }
  6437. .align-self-md-center {
  6438. -ms-flex-item-align: center !important;
  6439. align-self: center !important;
  6440. }
  6441. .align-self-md-baseline {
  6442. -ms-flex-item-align: baseline !important;
  6443. align-self: baseline !important;
  6444. }
  6445. .align-self-md-stretch {
  6446. -ms-flex-item-align: stretch !important;
  6447. align-self: stretch !important;
  6448. }
  6449. }
  6450. @media (min-width: 992px) {
  6451. .flex-lg-row {
  6452. -ms-flex-direction: row !important;
  6453. flex-direction: row !important;
  6454. }
  6455. .flex-lg-column {
  6456. -ms-flex-direction: column !important;
  6457. flex-direction: column !important;
  6458. }
  6459. .flex-lg-row-reverse {
  6460. -ms-flex-direction: row-reverse !important;
  6461. flex-direction: row-reverse !important;
  6462. }
  6463. .flex-lg-column-reverse {
  6464. -ms-flex-direction: column-reverse !important;
  6465. flex-direction: column-reverse !important;
  6466. }
  6467. .flex-lg-wrap {
  6468. -ms-flex-wrap: wrap !important;
  6469. flex-wrap: wrap !important;
  6470. }
  6471. .flex-lg-nowrap {
  6472. -ms-flex-wrap: nowrap !important;
  6473. flex-wrap: nowrap !important;
  6474. }
  6475. .flex-lg-wrap-reverse {
  6476. -ms-flex-wrap: wrap-reverse !important;
  6477. flex-wrap: wrap-reverse !important;
  6478. }
  6479. .flex-lg-fill {
  6480. -ms-flex: 1 1 auto !important;
  6481. flex: 1 1 auto !important;
  6482. }
  6483. .flex-lg-grow-0 {
  6484. -ms-flex-positive: 0 !important;
  6485. flex-grow: 0 !important;
  6486. }
  6487. .flex-lg-grow-1 {
  6488. -ms-flex-positive: 1 !important;
  6489. flex-grow: 1 !important;
  6490. }
  6491. .flex-lg-shrink-0 {
  6492. -ms-flex-negative: 0 !important;
  6493. flex-shrink: 0 !important;
  6494. }
  6495. .flex-lg-shrink-1 {
  6496. -ms-flex-negative: 1 !important;
  6497. flex-shrink: 1 !important;
  6498. }
  6499. .justify-content-lg-start {
  6500. -ms-flex-pack: start !important;
  6501. justify-content: flex-start !important;
  6502. }
  6503. .justify-content-lg-end {
  6504. -ms-flex-pack: end !important;
  6505. justify-content: flex-end !important;
  6506. }
  6507. .justify-content-lg-center {
  6508. -ms-flex-pack: center !important;
  6509. justify-content: center !important;
  6510. }
  6511. .justify-content-lg-between {
  6512. -ms-flex-pack: justify !important;
  6513. justify-content: space-between !important;
  6514. }
  6515. .justify-content-lg-around {
  6516. -ms-flex-pack: distribute !important;
  6517. justify-content: space-around !important;
  6518. }
  6519. .align-items-lg-start {
  6520. -ms-flex-align: start !important;
  6521. align-items: flex-start !important;
  6522. }
  6523. .align-items-lg-end {
  6524. -ms-flex-align: end !important;
  6525. align-items: flex-end !important;
  6526. }
  6527. .align-items-lg-center {
  6528. -ms-flex-align: center !important;
  6529. align-items: center !important;
  6530. }
  6531. .align-items-lg-baseline {
  6532. -ms-flex-align: baseline !important;
  6533. align-items: baseline !important;
  6534. }
  6535. .align-items-lg-stretch {
  6536. -ms-flex-align: stretch !important;
  6537. align-items: stretch !important;
  6538. }
  6539. .align-content-lg-start {
  6540. -ms-flex-line-pack: start !important;
  6541. align-content: flex-start !important;
  6542. }
  6543. .align-content-lg-end {
  6544. -ms-flex-line-pack: end !important;
  6545. align-content: flex-end !important;
  6546. }
  6547. .align-content-lg-center {
  6548. -ms-flex-line-pack: center !important;
  6549. align-content: center !important;
  6550. }
  6551. .align-content-lg-between {
  6552. -ms-flex-line-pack: justify !important;
  6553. align-content: space-between !important;
  6554. }
  6555. .align-content-lg-around {
  6556. -ms-flex-line-pack: distribute !important;
  6557. align-content: space-around !important;
  6558. }
  6559. .align-content-lg-stretch {
  6560. -ms-flex-line-pack: stretch !important;
  6561. align-content: stretch !important;
  6562. }
  6563. .align-self-lg-auto {
  6564. -ms-flex-item-align: auto !important;
  6565. align-self: auto !important;
  6566. }
  6567. .align-self-lg-start {
  6568. -ms-flex-item-align: start !important;
  6569. align-self: flex-start !important;
  6570. }
  6571. .align-self-lg-end {
  6572. -ms-flex-item-align: end !important;
  6573. align-self: flex-end !important;
  6574. }
  6575. .align-self-lg-center {
  6576. -ms-flex-item-align: center !important;
  6577. align-self: center !important;
  6578. }
  6579. .align-self-lg-baseline {
  6580. -ms-flex-item-align: baseline !important;
  6581. align-self: baseline !important;
  6582. }
  6583. .align-self-lg-stretch {
  6584. -ms-flex-item-align: stretch !important;
  6585. align-self: stretch !important;
  6586. }
  6587. }
  6588. @media (min-width: 1200px) {
  6589. .flex-xl-row {
  6590. -ms-flex-direction: row !important;
  6591. flex-direction: row !important;
  6592. }
  6593. .flex-xl-column {
  6594. -ms-flex-direction: column !important;
  6595. flex-direction: column !important;
  6596. }
  6597. .flex-xl-row-reverse {
  6598. -ms-flex-direction: row-reverse !important;
  6599. flex-direction: row-reverse !important;
  6600. }
  6601. .flex-xl-column-reverse {
  6602. -ms-flex-direction: column-reverse !important;
  6603. flex-direction: column-reverse !important;
  6604. }
  6605. .flex-xl-wrap {
  6606. -ms-flex-wrap: wrap !important;
  6607. flex-wrap: wrap !important;
  6608. }
  6609. .flex-xl-nowrap {
  6610. -ms-flex-wrap: nowrap !important;
  6611. flex-wrap: nowrap !important;
  6612. }
  6613. .flex-xl-wrap-reverse {
  6614. -ms-flex-wrap: wrap-reverse !important;
  6615. flex-wrap: wrap-reverse !important;
  6616. }
  6617. .flex-xl-fill {
  6618. -ms-flex: 1 1 auto !important;
  6619. flex: 1 1 auto !important;
  6620. }
  6621. .flex-xl-grow-0 {
  6622. -ms-flex-positive: 0 !important;
  6623. flex-grow: 0 !important;
  6624. }
  6625. .flex-xl-grow-1 {
  6626. -ms-flex-positive: 1 !important;
  6627. flex-grow: 1 !important;
  6628. }
  6629. .flex-xl-shrink-0 {
  6630. -ms-flex-negative: 0 !important;
  6631. flex-shrink: 0 !important;
  6632. }
  6633. .flex-xl-shrink-1 {
  6634. -ms-flex-negative: 1 !important;
  6635. flex-shrink: 1 !important;
  6636. }
  6637. .justify-content-xl-start {
  6638. -ms-flex-pack: start !important;
  6639. justify-content: flex-start !important;
  6640. }
  6641. .justify-content-xl-end {
  6642. -ms-flex-pack: end !important;
  6643. justify-content: flex-end !important;
  6644. }
  6645. .justify-content-xl-center {
  6646. -ms-flex-pack: center !important;
  6647. justify-content: center !important;
  6648. }
  6649. .justify-content-xl-between {
  6650. -ms-flex-pack: justify !important;
  6651. justify-content: space-between !important;
  6652. }
  6653. .justify-content-xl-around {
  6654. -ms-flex-pack: distribute !important;
  6655. justify-content: space-around !important;
  6656. }
  6657. .align-items-xl-start {
  6658. -ms-flex-align: start !important;
  6659. align-items: flex-start !important;
  6660. }
  6661. .align-items-xl-end {
  6662. -ms-flex-align: end !important;
  6663. align-items: flex-end !important;
  6664. }
  6665. .align-items-xl-center {
  6666. -ms-flex-align: center !important;
  6667. align-items: center !important;
  6668. }
  6669. .align-items-xl-baseline {
  6670. -ms-flex-align: baseline !important;
  6671. align-items: baseline !important;
  6672. }
  6673. .align-items-xl-stretch {
  6674. -ms-flex-align: stretch !important;
  6675. align-items: stretch !important;
  6676. }
  6677. .align-content-xl-start {
  6678. -ms-flex-line-pack: start !important;
  6679. align-content: flex-start !important;
  6680. }
  6681. .align-content-xl-end {
  6682. -ms-flex-line-pack: end !important;
  6683. align-content: flex-end !important;
  6684. }
  6685. .align-content-xl-center {
  6686. -ms-flex-line-pack: center !important;
  6687. align-content: center !important;
  6688. }
  6689. .align-content-xl-between {
  6690. -ms-flex-line-pack: justify !important;
  6691. align-content: space-between !important;
  6692. }
  6693. .align-content-xl-around {
  6694. -ms-flex-line-pack: distribute !important;
  6695. align-content: space-around !important;
  6696. }
  6697. .align-content-xl-stretch {
  6698. -ms-flex-line-pack: stretch !important;
  6699. align-content: stretch !important;
  6700. }
  6701. .align-self-xl-auto {
  6702. -ms-flex-item-align: auto !important;
  6703. align-self: auto !important;
  6704. }
  6705. .align-self-xl-start {
  6706. -ms-flex-item-align: start !important;
  6707. align-self: flex-start !important;
  6708. }
  6709. .align-self-xl-end {
  6710. -ms-flex-item-align: end !important;
  6711. align-self: flex-end !important;
  6712. }
  6713. .align-self-xl-center {
  6714. -ms-flex-item-align: center !important;
  6715. align-self: center !important;
  6716. }
  6717. .align-self-xl-baseline {
  6718. -ms-flex-item-align: baseline !important;
  6719. align-self: baseline !important;
  6720. }
  6721. .align-self-xl-stretch {
  6722. -ms-flex-item-align: stretch !important;
  6723. align-self: stretch !important;
  6724. }
  6725. }
  6726. .float-left {
  6727. float: left !important;
  6728. }
  6729. .float-right {
  6730. float: right !important;
  6731. }
  6732. .float-none {
  6733. float: none !important;
  6734. }
  6735. @media (min-width: 576px) {
  6736. .float-sm-left {
  6737. float: left !important;
  6738. }
  6739. .float-sm-right {
  6740. float: right !important;
  6741. }
  6742. .float-sm-none {
  6743. float: none !important;
  6744. }
  6745. }
  6746. @media (min-width: 768px) {
  6747. .float-md-left {
  6748. float: left !important;
  6749. }
  6750. .float-md-right {
  6751. float: right !important;
  6752. }
  6753. .float-md-none {
  6754. float: none !important;
  6755. }
  6756. }
  6757. @media (min-width: 992px) {
  6758. .float-lg-left {
  6759. float: left !important;
  6760. }
  6761. .float-lg-right {
  6762. float: right !important;
  6763. }
  6764. .float-lg-none {
  6765. float: none !important;
  6766. }
  6767. }
  6768. @media (min-width: 1200px) {
  6769. .float-xl-left {
  6770. float: left !important;
  6771. }
  6772. .float-xl-right {
  6773. float: right !important;
  6774. }
  6775. .float-xl-none {
  6776. float: none !important;
  6777. }
  6778. }
  6779. .overflow-auto {
  6780. overflow: auto !important;
  6781. }
  6782. .overflow-hidden {
  6783. overflow: hidden !important;
  6784. }
  6785. .position-static {
  6786. position: static !important;
  6787. }
  6788. .position-relative {
  6789. position: relative !important;
  6790. }
  6791. .position-absolute {
  6792. position: absolute !important;
  6793. }
  6794. .position-fixed {
  6795. position: fixed !important;
  6796. }
  6797. .position-sticky {
  6798. position: -webkit-sticky !important;
  6799. position: sticky !important;
  6800. }
  6801. .fixed-top {
  6802. position: fixed;
  6803. top: 0;
  6804. right: 0;
  6805. left: 0;
  6806. z-index: 1030;
  6807. }
  6808. .fixed-bottom {
  6809. position: fixed;
  6810. right: 0;
  6811. bottom: 0;
  6812. left: 0;
  6813. z-index: 1030;
  6814. }
  6815. @supports ((position: -webkit-sticky) or (position: sticky)) {
  6816. .sticky-top {
  6817. position: -webkit-sticky;
  6818. position: sticky;
  6819. top: 0;
  6820. z-index: 1020;
  6821. }
  6822. }
  6823. .sr-only {
  6824. position: absolute;
  6825. width: 1px;
  6826. height: 1px;
  6827. padding: 0;
  6828. overflow: hidden;
  6829. clip: rect(0, 0, 0, 0);
  6830. white-space: nowrap;
  6831. border: 0;
  6832. }
  6833. .sr-only-focusable:active, .sr-only-focusable:focus {
  6834. position: static;
  6835. width: auto;
  6836. height: auto;
  6837. overflow: visible;
  6838. clip: auto;
  6839. white-space: normal;
  6840. }
  6841. .shadow-sm {
  6842. box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
  6843. }
  6844. .shadow {
  6845. box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
  6846. }
  6847. .shadow-lg {
  6848. box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
  6849. }
  6850. .shadow-none {
  6851. box-shadow: none !important;
  6852. }
  6853. .w-25 {
  6854. width: 25% !important;
  6855. }
  6856. .w-50 {
  6857. width: 50% !important;
  6858. }
  6859. .w-75 {
  6860. width: 75% !important;
  6861. }
  6862. .w-100 {
  6863. width: 100% !important;
  6864. }
  6865. .w-auto {
  6866. width: auto !important;
  6867. }
  6868. .h-25 {
  6869. height: 25% !important;
  6870. }
  6871. .h-50 {
  6872. height: 50% !important;
  6873. }
  6874. .h-75 {
  6875. height: 75% !important;
  6876. }
  6877. .h-100 {
  6878. height: 100% !important;
  6879. }
  6880. .h-auto {
  6881. height: auto !important;
  6882. }
  6883. .mw-100 {
  6884. max-width: 100% !important;
  6885. }
  6886. .mh-100 {
  6887. max-height: 100% !important;
  6888. }
  6889. .min-vw-100 {
  6890. min-width: 100vw !important;
  6891. }
  6892. .min-vh-100 {
  6893. min-height: 100vh !important;
  6894. }
  6895. .vw-100 {
  6896. width: 100vw !important;
  6897. }
  6898. .vh-100 {
  6899. height: 100vh !important;
  6900. }
  6901. .stretched-link::after {
  6902. position: absolute;
  6903. top: 0;
  6904. right: 0;
  6905. bottom: 0;
  6906. left: 0;
  6907. z-index: 1;
  6908. pointer-events: auto;
  6909. content: "";
  6910. background-color: rgba(0, 0, 0, 0);
  6911. }
  6912. .m-0 {
  6913. margin: 0 !important;
  6914. }
  6915. .mt-0,
  6916. .my-0 {
  6917. margin-top: 0 !important;
  6918. }
  6919. .mr-0,
  6920. .mx-0 {
  6921. margin-right: 0 !important;
  6922. }
  6923. .mb-0,
  6924. .my-0 {
  6925. margin-bottom: 0 !important;
  6926. }
  6927. .ml-0,
  6928. .mx-0 {
  6929. margin-left: 0 !important;
  6930. }
  6931. .m-1 {
  6932. margin: 0.25rem !important;
  6933. }
  6934. .mt-1,
  6935. .my-1 {
  6936. margin-top: 0.25rem !important;
  6937. }
  6938. .mr-1,
  6939. .mx-1 {
  6940. margin-right: 0.25rem !important;
  6941. }
  6942. .mb-1,
  6943. .my-1 {
  6944. margin-bottom: 0.25rem !important;
  6945. }
  6946. .ml-1,
  6947. .mx-1 {
  6948. margin-left: 0.25rem !important;
  6949. }
  6950. .m-2 {
  6951. margin: 0.5rem !important;
  6952. }
  6953. .mt-2,
  6954. .my-2 {
  6955. margin-top: 0.5rem !important;
  6956. }
  6957. .mr-2,
  6958. .mx-2 {
  6959. margin-right: 0.5rem !important;
  6960. }
  6961. .mb-2,
  6962. .my-2 {
  6963. margin-bottom: 0.5rem !important;
  6964. }
  6965. .ml-2,
  6966. .mx-2 {
  6967. margin-left: 0.5rem !important;
  6968. }
  6969. .m-3 {
  6970. margin: 1rem !important;
  6971. }
  6972. .mt-3,
  6973. .my-3 {
  6974. margin-top: 1rem !important;
  6975. }
  6976. .mr-3,
  6977. .mx-3 {
  6978. margin-right: 1rem !important;
  6979. }
  6980. .mb-3,
  6981. .my-3 {
  6982. margin-bottom: 1rem !important;
  6983. }
  6984. .ml-3,
  6985. .mx-3 {
  6986. margin-left: 1rem !important;
  6987. }
  6988. .m-4 {
  6989. margin: 1.5rem !important;
  6990. }
  6991. .mt-4,
  6992. .my-4 {
  6993. margin-top: 1.5rem !important;
  6994. }
  6995. .mr-4,
  6996. .mx-4 {
  6997. margin-right: 1.5rem !important;
  6998. }
  6999. .mb-4,
  7000. .my-4 {
  7001. margin-bottom: 1.5rem !important;
  7002. }
  7003. .ml-4,
  7004. .mx-4 {
  7005. margin-left: 1.5rem !important;
  7006. }
  7007. .m-5 {
  7008. margin: 3rem !important;
  7009. }
  7010. .mt-5,
  7011. .my-5 {
  7012. margin-top: 3rem !important;
  7013. }
  7014. .mr-5,
  7015. .mx-5 {
  7016. margin-right: 3rem !important;
  7017. }
  7018. .mb-5,
  7019. .my-5 {
  7020. margin-bottom: 3rem !important;
  7021. }
  7022. .ml-5,
  7023. .mx-5 {
  7024. margin-left: 3rem !important;
  7025. }
  7026. .p-0 {
  7027. padding: 0 !important;
  7028. }
  7029. .pt-0,
  7030. .py-0 {
  7031. padding-top: 0 !important;
  7032. }
  7033. .pr-0,
  7034. .px-0 {
  7035. padding-right: 0 !important;
  7036. }
  7037. .pb-0,
  7038. .py-0 {
  7039. padding-bottom: 0 !important;
  7040. }
  7041. .pl-0,
  7042. .px-0 {
  7043. padding-left: 0 !important;
  7044. }
  7045. .p-1 {
  7046. padding: 0.25rem !important;
  7047. }
  7048. .pt-1,
  7049. .py-1 {
  7050. padding-top: 0.25rem !important;
  7051. }
  7052. .pr-1,
  7053. .px-1 {
  7054. padding-right: 0.25rem !important;
  7055. }
  7056. .pb-1,
  7057. .py-1 {
  7058. padding-bottom: 0.25rem !important;
  7059. }
  7060. .pl-1,
  7061. .px-1 {
  7062. padding-left: 0.25rem !important;
  7063. }
  7064. .p-2 {
  7065. padding: 0.5rem !important;
  7066. }
  7067. .pt-2,
  7068. .py-2 {
  7069. padding-top: 0.5rem !important;
  7070. }
  7071. .pr-2,
  7072. .px-2 {
  7073. padding-right: 0.5rem !important;
  7074. }
  7075. .pb-2,
  7076. .py-2 {
  7077. padding-bottom: 0.5rem !important;
  7078. }
  7079. .pl-2,
  7080. .px-2 {
  7081. padding-left: 0.5rem !important;
  7082. }
  7083. .p-3 {
  7084. padding: 1rem !important;
  7085. }
  7086. .pt-3,
  7087. .py-3 {
  7088. padding-top: 1rem !important;
  7089. }
  7090. .pr-3,
  7091. .px-3 {
  7092. padding-right: 1rem !important;
  7093. }
  7094. .pb-3,
  7095. .py-3 {
  7096. padding-bottom: 1rem !important;
  7097. }
  7098. .pl-3,
  7099. .px-3 {
  7100. padding-left: 1rem !important;
  7101. }
  7102. .p-4 {
  7103. padding: 1.5rem !important;
  7104. }
  7105. .pt-4,
  7106. .py-4 {
  7107. padding-top: 1.5rem !important;
  7108. }
  7109. .pr-4,
  7110. .px-4 {
  7111. padding-right: 1.5rem !important;
  7112. }
  7113. .pb-4,
  7114. .py-4 {
  7115. padding-bottom: 1.5rem !important;
  7116. }
  7117. .pl-4,
  7118. .px-4 {
  7119. padding-left: 1.5rem !important;
  7120. }
  7121. .p-5 {
  7122. padding: 3rem !important;
  7123. }
  7124. .pt-5,
  7125. .py-5 {
  7126. padding-top: 3rem !important;
  7127. }
  7128. .pr-5,
  7129. .px-5 {
  7130. padding-right: 3rem !important;
  7131. }
  7132. .pb-5,
  7133. .py-5 {
  7134. padding-bottom: 3rem !important;
  7135. }
  7136. .pl-5,
  7137. .px-5 {
  7138. padding-left: 3rem !important;
  7139. }
  7140. .m-n1 {
  7141. margin: -0.25rem !important;
  7142. }
  7143. .mt-n1,
  7144. .my-n1 {
  7145. margin-top: -0.25rem !important;
  7146. }
  7147. .mr-n1,
  7148. .mx-n1 {
  7149. margin-right: -0.25rem !important;
  7150. }
  7151. .mb-n1,
  7152. .my-n1 {
  7153. margin-bottom: -0.25rem !important;
  7154. }
  7155. .ml-n1,
  7156. .mx-n1 {
  7157. margin-left: -0.25rem !important;
  7158. }
  7159. .m-n2 {
  7160. margin: -0.5rem !important;
  7161. }
  7162. .mt-n2,
  7163. .my-n2 {
  7164. margin-top: -0.5rem !important;
  7165. }
  7166. .mr-n2,
  7167. .mx-n2 {
  7168. margin-right: -0.5rem !important;
  7169. }
  7170. .mb-n2,
  7171. .my-n2 {
  7172. margin-bottom: -0.5rem !important;
  7173. }
  7174. .ml-n2,
  7175. .mx-n2 {
  7176. margin-left: -0.5rem !important;
  7177. }
  7178. .m-n3 {
  7179. margin: -1rem !important;
  7180. }
  7181. .mt-n3,
  7182. .my-n3 {
  7183. margin-top: -1rem !important;
  7184. }
  7185. .mr-n3,
  7186. .mx-n3 {
  7187. margin-right: -1rem !important;
  7188. }
  7189. .mb-n3,
  7190. .my-n3 {
  7191. margin-bottom: -1rem !important;
  7192. }
  7193. .ml-n3,
  7194. .mx-n3 {
  7195. margin-left: -1rem !important;
  7196. }
  7197. .m-n4 {
  7198. margin: -1.5rem !important;
  7199. }
  7200. .mt-n4,
  7201. .my-n4 {
  7202. margin-top: -1.5rem !important;
  7203. }
  7204. .mr-n4,
  7205. .mx-n4 {
  7206. margin-right: -1.5rem !important;
  7207. }
  7208. .mb-n4,
  7209. .my-n4 {
  7210. margin-bottom: -1.5rem !important;
  7211. }
  7212. .ml-n4,
  7213. .mx-n4 {
  7214. margin-left: -1.5rem !important;
  7215. }
  7216. .m-n5 {
  7217. margin: -3rem !important;
  7218. }
  7219. .mt-n5,
  7220. .my-n5 {
  7221. margin-top: -3rem !important;
  7222. }
  7223. .mr-n5,
  7224. .mx-n5 {
  7225. margin-right: -3rem !important;
  7226. }
  7227. .mb-n5,
  7228. .my-n5 {
  7229. margin-bottom: -3rem !important;
  7230. }
  7231. .ml-n5,
  7232. .mx-n5 {
  7233. margin-left: -3rem !important;
  7234. }
  7235. .m-auto {
  7236. margin: auto !important;
  7237. }
  7238. .mt-auto,
  7239. .my-auto {
  7240. margin-top: auto !important;
  7241. }
  7242. .mr-auto,
  7243. .mx-auto {
  7244. margin-right: auto !important;
  7245. }
  7246. .mb-auto,
  7247. .my-auto {
  7248. margin-bottom: auto !important;
  7249. }
  7250. .ml-auto,
  7251. .mx-auto {
  7252. margin-left: auto !important;
  7253. }
  7254. @media (min-width: 576px) {
  7255. .m-sm-0 {
  7256. margin: 0 !important;
  7257. }
  7258. .mt-sm-0,
  7259. .my-sm-0 {
  7260. margin-top: 0 !important;
  7261. }
  7262. .mr-sm-0,
  7263. .mx-sm-0 {
  7264. margin-right: 0 !important;
  7265. }
  7266. .mb-sm-0,
  7267. .my-sm-0 {
  7268. margin-bottom: 0 !important;
  7269. }
  7270. .ml-sm-0,
  7271. .mx-sm-0 {
  7272. margin-left: 0 !important;
  7273. }
  7274. .m-sm-1 {
  7275. margin: 0.25rem !important;
  7276. }
  7277. .mt-sm-1,
  7278. .my-sm-1 {
  7279. margin-top: 0.25rem !important;
  7280. }
  7281. .mr-sm-1,
  7282. .mx-sm-1 {
  7283. margin-right: 0.25rem !important;
  7284. }
  7285. .mb-sm-1,
  7286. .my-sm-1 {
  7287. margin-bottom: 0.25rem !important;
  7288. }
  7289. .ml-sm-1,
  7290. .mx-sm-1 {
  7291. margin-left: 0.25rem !important;
  7292. }
  7293. .m-sm-2 {
  7294. margin: 0.5rem !important;
  7295. }
  7296. .mt-sm-2,
  7297. .my-sm-2 {
  7298. margin-top: 0.5rem !important;
  7299. }
  7300. .mr-sm-2,
  7301. .mx-sm-2 {
  7302. margin-right: 0.5rem !important;
  7303. }
  7304. .mb-sm-2,
  7305. .my-sm-2 {
  7306. margin-bottom: 0.5rem !important;
  7307. }
  7308. .ml-sm-2,
  7309. .mx-sm-2 {
  7310. margin-left: 0.5rem !important;
  7311. }
  7312. .m-sm-3 {
  7313. margin: 1rem !important;
  7314. }
  7315. .mt-sm-3,
  7316. .my-sm-3 {
  7317. margin-top: 1rem !important;
  7318. }
  7319. .mr-sm-3,
  7320. .mx-sm-3 {
  7321. margin-right: 1rem !important;
  7322. }
  7323. .mb-sm-3,
  7324. .my-sm-3 {
  7325. margin-bottom: 1rem !important;
  7326. }
  7327. .ml-sm-3,
  7328. .mx-sm-3 {
  7329. margin-left: 1rem !important;
  7330. }
  7331. .m-sm-4 {
  7332. margin: 1.5rem !important;
  7333. }
  7334. .mt-sm-4,
  7335. .my-sm-4 {
  7336. margin-top: 1.5rem !important;
  7337. }
  7338. .mr-sm-4,
  7339. .mx-sm-4 {
  7340. margin-right: 1.5rem !important;
  7341. }
  7342. .mb-sm-4,
  7343. .my-sm-4 {
  7344. margin-bottom: 1.5rem !important;
  7345. }
  7346. .ml-sm-4,
  7347. .mx-sm-4 {
  7348. margin-left: 1.5rem !important;
  7349. }
  7350. .m-sm-5 {
  7351. margin: 3rem !important;
  7352. }
  7353. .mt-sm-5,
  7354. .my-sm-5 {
  7355. margin-top: 3rem !important;
  7356. }
  7357. .mr-sm-5,
  7358. .mx-sm-5 {
  7359. margin-right: 3rem !important;
  7360. }
  7361. .mb-sm-5,
  7362. .my-sm-5 {
  7363. margin-bottom: 3rem !important;
  7364. }
  7365. .ml-sm-5,
  7366. .mx-sm-5 {
  7367. margin-left: 3rem !important;
  7368. }
  7369. .p-sm-0 {
  7370. padding: 0 !important;
  7371. }
  7372. .pt-sm-0,
  7373. .py-sm-0 {
  7374. padding-top: 0 !important;
  7375. }
  7376. .pr-sm-0,
  7377. .px-sm-0 {
  7378. padding-right: 0 !important;
  7379. }
  7380. .pb-sm-0,
  7381. .py-sm-0 {
  7382. padding-bottom: 0 !important;
  7383. }
  7384. .pl-sm-0,
  7385. .px-sm-0 {
  7386. padding-left: 0 !important;
  7387. }
  7388. .p-sm-1 {
  7389. padding: 0.25rem !important;
  7390. }
  7391. .pt-sm-1,
  7392. .py-sm-1 {
  7393. padding-top: 0.25rem !important;
  7394. }
  7395. .pr-sm-1,
  7396. .px-sm-1 {
  7397. padding-right: 0.25rem !important;
  7398. }
  7399. .pb-sm-1,
  7400. .py-sm-1 {
  7401. padding-bottom: 0.25rem !important;
  7402. }
  7403. .pl-sm-1,
  7404. .px-sm-1 {
  7405. padding-left: 0.25rem !important;
  7406. }
  7407. .p-sm-2 {
  7408. padding: 0.5rem !important;
  7409. }
  7410. .pt-sm-2,
  7411. .py-sm-2 {
  7412. padding-top: 0.5rem !important;
  7413. }
  7414. .pr-sm-2,
  7415. .px-sm-2 {
  7416. padding-right: 0.5rem !important;
  7417. }
  7418. .pb-sm-2,
  7419. .py-sm-2 {
  7420. padding-bottom: 0.5rem !important;
  7421. }
  7422. .pl-sm-2,
  7423. .px-sm-2 {
  7424. padding-left: 0.5rem !important;
  7425. }
  7426. .p-sm-3 {
  7427. padding: 1rem !important;
  7428. }
  7429. .pt-sm-3,
  7430. .py-sm-3 {
  7431. padding-top: 1rem !important;
  7432. }
  7433. .pr-sm-3,
  7434. .px-sm-3 {
  7435. padding-right: 1rem !important;
  7436. }
  7437. .pb-sm-3,
  7438. .py-sm-3 {
  7439. padding-bottom: 1rem !important;
  7440. }
  7441. .pl-sm-3,
  7442. .px-sm-3 {
  7443. padding-left: 1rem !important;
  7444. }
  7445. .p-sm-4 {
  7446. padding: 1.5rem !important;
  7447. }
  7448. .pt-sm-4,
  7449. .py-sm-4 {
  7450. padding-top: 1.5rem !important;
  7451. }
  7452. .pr-sm-4,
  7453. .px-sm-4 {
  7454. padding-right: 1.5rem !important;
  7455. }
  7456. .pb-sm-4,
  7457. .py-sm-4 {
  7458. padding-bottom: 1.5rem !important;
  7459. }
  7460. .pl-sm-4,
  7461. .px-sm-4 {
  7462. padding-left: 1.5rem !important;
  7463. }
  7464. .p-sm-5 {
  7465. padding: 3rem !important;
  7466. }
  7467. .pt-sm-5,
  7468. .py-sm-5 {
  7469. padding-top: 3rem !important;
  7470. }
  7471. .pr-sm-5,
  7472. .px-sm-5 {
  7473. padding-right: 3rem !important;
  7474. }
  7475. .pb-sm-5,
  7476. .py-sm-5 {
  7477. padding-bottom: 3rem !important;
  7478. }
  7479. .pl-sm-5,
  7480. .px-sm-5 {
  7481. padding-left: 3rem !important;
  7482. }
  7483. .m-sm-n1 {
  7484. margin: -0.25rem !important;
  7485. }
  7486. .mt-sm-n1,
  7487. .my-sm-n1 {
  7488. margin-top: -0.25rem !important;
  7489. }
  7490. .mr-sm-n1,
  7491. .mx-sm-n1 {
  7492. margin-right: -0.25rem !important;
  7493. }
  7494. .mb-sm-n1,
  7495. .my-sm-n1 {
  7496. margin-bottom: -0.25rem !important;
  7497. }
  7498. .ml-sm-n1,
  7499. .mx-sm-n1 {
  7500. margin-left: -0.25rem !important;
  7501. }
  7502. .m-sm-n2 {
  7503. margin: -0.5rem !important;
  7504. }
  7505. .mt-sm-n2,
  7506. .my-sm-n2 {
  7507. margin-top: -0.5rem !important;
  7508. }
  7509. .mr-sm-n2,
  7510. .mx-sm-n2 {
  7511. margin-right: -0.5rem !important;
  7512. }
  7513. .mb-sm-n2,
  7514. .my-sm-n2 {
  7515. margin-bottom: -0.5rem !important;
  7516. }
  7517. .ml-sm-n2,
  7518. .mx-sm-n2 {
  7519. margin-left: -0.5rem !important;
  7520. }
  7521. .m-sm-n3 {
  7522. margin: -1rem !important;
  7523. }
  7524. .mt-sm-n3,
  7525. .my-sm-n3 {
  7526. margin-top: -1rem !important;
  7527. }
  7528. .mr-sm-n3,
  7529. .mx-sm-n3 {
  7530. margin-right: -1rem !important;
  7531. }
  7532. .mb-sm-n3,
  7533. .my-sm-n3 {
  7534. margin-bottom: -1rem !important;
  7535. }
  7536. .ml-sm-n3,
  7537. .mx-sm-n3 {
  7538. margin-left: -1rem !important;
  7539. }
  7540. .m-sm-n4 {
  7541. margin: -1.5rem !important;
  7542. }
  7543. .mt-sm-n4,
  7544. .my-sm-n4 {
  7545. margin-top: -1.5rem !important;
  7546. }
  7547. .mr-sm-n4,
  7548. .mx-sm-n4 {
  7549. margin-right: -1.5rem !important;
  7550. }
  7551. .mb-sm-n4,
  7552. .my-sm-n4 {
  7553. margin-bottom: -1.5rem !important;
  7554. }
  7555. .ml-sm-n4,
  7556. .mx-sm-n4 {
  7557. margin-left: -1.5rem !important;
  7558. }
  7559. .m-sm-n5 {
  7560. margin: -3rem !important;
  7561. }
  7562. .mt-sm-n5,
  7563. .my-sm-n5 {
  7564. margin-top: -3rem !important;
  7565. }
  7566. .mr-sm-n5,
  7567. .mx-sm-n5 {
  7568. margin-right: -3rem !important;
  7569. }
  7570. .mb-sm-n5,
  7571. .my-sm-n5 {
  7572. margin-bottom: -3rem !important;
  7573. }
  7574. .ml-sm-n5,
  7575. .mx-sm-n5 {
  7576. margin-left: -3rem !important;
  7577. }
  7578. .m-sm-auto {
  7579. margin: auto !important;
  7580. }
  7581. .mt-sm-auto,
  7582. .my-sm-auto {
  7583. margin-top: auto !important;
  7584. }
  7585. .mr-sm-auto,
  7586. .mx-sm-auto {
  7587. margin-right: auto !important;
  7588. }
  7589. .mb-sm-auto,
  7590. .my-sm-auto {
  7591. margin-bottom: auto !important;
  7592. }
  7593. .ml-sm-auto,
  7594. .mx-sm-auto {
  7595. margin-left: auto !important;
  7596. }
  7597. }
  7598. @media (min-width: 768px) {
  7599. .m-md-0 {
  7600. margin: 0 !important;
  7601. }
  7602. .mt-md-0,
  7603. .my-md-0 {
  7604. margin-top: 0 !important;
  7605. }
  7606. .mr-md-0,
  7607. .mx-md-0 {
  7608. margin-right: 0 !important;
  7609. }
  7610. .mb-md-0,
  7611. .my-md-0 {
  7612. margin-bottom: 0 !important;
  7613. }
  7614. .ml-md-0,
  7615. .mx-md-0 {
  7616. margin-left: 0 !important;
  7617. }
  7618. .m-md-1 {
  7619. margin: 0.25rem !important;
  7620. }
  7621. .mt-md-1,
  7622. .my-md-1 {
  7623. margin-top: 0.25rem !important;
  7624. }
  7625. .mr-md-1,
  7626. .mx-md-1 {
  7627. margin-right: 0.25rem !important;
  7628. }
  7629. .mb-md-1,
  7630. .my-md-1 {
  7631. margin-bottom: 0.25rem !important;
  7632. }
  7633. .ml-md-1,
  7634. .mx-md-1 {
  7635. margin-left: 0.25rem !important;
  7636. }
  7637. .m-md-2 {
  7638. margin: 0.5rem !important;
  7639. }
  7640. .mt-md-2,
  7641. .my-md-2 {
  7642. margin-top: 0.5rem !important;
  7643. }
  7644. .mr-md-2,
  7645. .mx-md-2 {
  7646. margin-right: 0.5rem !important;
  7647. }
  7648. .mb-md-2,
  7649. .my-md-2 {
  7650. margin-bottom: 0.5rem !important;
  7651. }
  7652. .ml-md-2,
  7653. .mx-md-2 {
  7654. margin-left: 0.5rem !important;
  7655. }
  7656. .m-md-3 {
  7657. margin: 1rem !important;
  7658. }
  7659. .mt-md-3,
  7660. .my-md-3 {
  7661. margin-top: 1rem !important;
  7662. }
  7663. .mr-md-3,
  7664. .mx-md-3 {
  7665. margin-right: 1rem !important;
  7666. }
  7667. .mb-md-3,
  7668. .my-md-3 {
  7669. margin-bottom: 1rem !important;
  7670. }
  7671. .ml-md-3,
  7672. .mx-md-3 {
  7673. margin-left: 1rem !important;
  7674. }
  7675. .m-md-4 {
  7676. margin: 1.5rem !important;
  7677. }
  7678. .mt-md-4,
  7679. .my-md-4 {
  7680. margin-top: 1.5rem !important;
  7681. }
  7682. .mr-md-4,
  7683. .mx-md-4 {
  7684. margin-right: 1.5rem !important;
  7685. }
  7686. .mb-md-4,
  7687. .my-md-4 {
  7688. margin-bottom: 1.5rem !important;
  7689. }
  7690. .ml-md-4,
  7691. .mx-md-4 {
  7692. margin-left: 1.5rem !important;
  7693. }
  7694. .m-md-5 {
  7695. margin: 3rem !important;
  7696. }
  7697. .mt-md-5,
  7698. .my-md-5 {
  7699. margin-top: 3rem !important;
  7700. }
  7701. .mr-md-5,
  7702. .mx-md-5 {
  7703. margin-right: 3rem !important;
  7704. }
  7705. .mb-md-5,
  7706. .my-md-5 {
  7707. margin-bottom: 3rem !important;
  7708. }
  7709. .ml-md-5,
  7710. .mx-md-5 {
  7711. margin-left: 3rem !important;
  7712. }
  7713. .p-md-0 {
  7714. padding: 0 !important;
  7715. }
  7716. .pt-md-0,
  7717. .py-md-0 {
  7718. padding-top: 0 !important;
  7719. }
  7720. .pr-md-0,
  7721. .px-md-0 {
  7722. padding-right: 0 !important;
  7723. }
  7724. .pb-md-0,
  7725. .py-md-0 {
  7726. padding-bottom: 0 !important;
  7727. }
  7728. .pl-md-0,
  7729. .px-md-0 {
  7730. padding-left: 0 !important;
  7731. }
  7732. .p-md-1 {
  7733. padding: 0.25rem !important;
  7734. }
  7735. .pt-md-1,
  7736. .py-md-1 {
  7737. padding-top: 0.25rem !important;
  7738. }
  7739. .pr-md-1,
  7740. .px-md-1 {
  7741. padding-right: 0.25rem !important;
  7742. }
  7743. .pb-md-1,
  7744. .py-md-1 {
  7745. padding-bottom: 0.25rem !important;
  7746. }
  7747. .pl-md-1,
  7748. .px-md-1 {
  7749. padding-left: 0.25rem !important;
  7750. }
  7751. .p-md-2 {
  7752. padding: 0.5rem !important;
  7753. }
  7754. .pt-md-2,
  7755. .py-md-2 {
  7756. padding-top: 0.5rem !important;
  7757. }
  7758. .pr-md-2,
  7759. .px-md-2 {
  7760. padding-right: 0.5rem !important;
  7761. }
  7762. .pb-md-2,
  7763. .py-md-2 {
  7764. padding-bottom: 0.5rem !important;
  7765. }
  7766. .pl-md-2,
  7767. .px-md-2 {
  7768. padding-left: 0.5rem !important;
  7769. }
  7770. .p-md-3 {
  7771. padding: 1rem !important;
  7772. }
  7773. .pt-md-3,
  7774. .py-md-3 {
  7775. padding-top: 1rem !important;
  7776. }
  7777. .pr-md-3,
  7778. .px-md-3 {
  7779. padding-right: 1rem !important;
  7780. }
  7781. .pb-md-3,
  7782. .py-md-3 {
  7783. padding-bottom: 1rem !important;
  7784. }
  7785. .pl-md-3,
  7786. .px-md-3 {
  7787. padding-left: 1rem !important;
  7788. }
  7789. .p-md-4 {
  7790. padding: 1.5rem !important;
  7791. }
  7792. .pt-md-4,
  7793. .py-md-4 {
  7794. padding-top: 1.5rem !important;
  7795. }
  7796. .pr-md-4,
  7797. .px-md-4 {
  7798. padding-right: 1.5rem !important;
  7799. }
  7800. .pb-md-4,
  7801. .py-md-4 {
  7802. padding-bottom: 1.5rem !important;
  7803. }
  7804. .pl-md-4,
  7805. .px-md-4 {
  7806. padding-left: 1.5rem !important;
  7807. }
  7808. .p-md-5 {
  7809. padding: 3rem !important;
  7810. }
  7811. .pt-md-5,
  7812. .py-md-5 {
  7813. padding-top: 3rem !important;
  7814. }
  7815. .pr-md-5,
  7816. .px-md-5 {
  7817. padding-right: 3rem !important;
  7818. }
  7819. .pb-md-5,
  7820. .py-md-5 {
  7821. padding-bottom: 3rem !important;
  7822. }
  7823. .pl-md-5,
  7824. .px-md-5 {
  7825. padding-left: 3rem !important;
  7826. }
  7827. .m-md-n1 {
  7828. margin: -0.25rem !important;
  7829. }
  7830. .mt-md-n1,
  7831. .my-md-n1 {
  7832. margin-top: -0.25rem !important;
  7833. }
  7834. .mr-md-n1,
  7835. .mx-md-n1 {
  7836. margin-right: -0.25rem !important;
  7837. }
  7838. .mb-md-n1,
  7839. .my-md-n1 {
  7840. margin-bottom: -0.25rem !important;
  7841. }
  7842. .ml-md-n1,
  7843. .mx-md-n1 {
  7844. margin-left: -0.25rem !important;
  7845. }
  7846. .m-md-n2 {
  7847. margin: -0.5rem !important;
  7848. }
  7849. .mt-md-n2,
  7850. .my-md-n2 {
  7851. margin-top: -0.5rem !important;
  7852. }
  7853. .mr-md-n2,
  7854. .mx-md-n2 {
  7855. margin-right: -0.5rem !important;
  7856. }
  7857. .mb-md-n2,
  7858. .my-md-n2 {
  7859. margin-bottom: -0.5rem !important;
  7860. }
  7861. .ml-md-n2,
  7862. .mx-md-n2 {
  7863. margin-left: -0.5rem !important;
  7864. }
  7865. .m-md-n3 {
  7866. margin: -1rem !important;
  7867. }
  7868. .mt-md-n3,
  7869. .my-md-n3 {
  7870. margin-top: -1rem !important;
  7871. }
  7872. .mr-md-n3,
  7873. .mx-md-n3 {
  7874. margin-right: -1rem !important;
  7875. }
  7876. .mb-md-n3,
  7877. .my-md-n3 {
  7878. margin-bottom: -1rem !important;
  7879. }
  7880. .ml-md-n3,
  7881. .mx-md-n3 {
  7882. margin-left: -1rem !important;
  7883. }
  7884. .m-md-n4 {
  7885. margin: -1.5rem !important;
  7886. }
  7887. .mt-md-n4,
  7888. .my-md-n4 {
  7889. margin-top: -1.5rem !important;
  7890. }
  7891. .mr-md-n4,
  7892. .mx-md-n4 {
  7893. margin-right: -1.5rem !important;
  7894. }
  7895. .mb-md-n4,
  7896. .my-md-n4 {
  7897. margin-bottom: -1.5rem !important;
  7898. }
  7899. .ml-md-n4,
  7900. .mx-md-n4 {
  7901. margin-left: -1.5rem !important;
  7902. }
  7903. .m-md-n5 {
  7904. margin: -3rem !important;
  7905. }
  7906. .mt-md-n5,
  7907. .my-md-n5 {
  7908. margin-top: -3rem !important;
  7909. }
  7910. .mr-md-n5,
  7911. .mx-md-n5 {
  7912. margin-right: -3rem !important;
  7913. }
  7914. .mb-md-n5,
  7915. .my-md-n5 {
  7916. margin-bottom: -3rem !important;
  7917. }
  7918. .ml-md-n5,
  7919. .mx-md-n5 {
  7920. margin-left: -3rem !important;
  7921. }
  7922. .m-md-auto {
  7923. margin: auto !important;
  7924. }
  7925. .mt-md-auto,
  7926. .my-md-auto {
  7927. margin-top: auto !important;
  7928. }
  7929. .mr-md-auto,
  7930. .mx-md-auto {
  7931. margin-right: auto !important;
  7932. }
  7933. .mb-md-auto,
  7934. .my-md-auto {
  7935. margin-bottom: auto !important;
  7936. }
  7937. .ml-md-auto,
  7938. .mx-md-auto {
  7939. margin-left: auto !important;
  7940. }
  7941. }
  7942. @media (min-width: 992px) {
  7943. .m-lg-0 {
  7944. margin: 0 !important;
  7945. }
  7946. .mt-lg-0,
  7947. .my-lg-0 {
  7948. margin-top: 0 !important;
  7949. }
  7950. .mr-lg-0,
  7951. .mx-lg-0 {
  7952. margin-right: 0 !important;
  7953. }
  7954. .mb-lg-0,
  7955. .my-lg-0 {
  7956. margin-bottom: 0 !important;
  7957. }
  7958. .ml-lg-0,
  7959. .mx-lg-0 {
  7960. margin-left: 0 !important;
  7961. }
  7962. .m-lg-1 {
  7963. margin: 0.25rem !important;
  7964. }
  7965. .mt-lg-1,
  7966. .my-lg-1 {
  7967. margin-top: 0.25rem !important;
  7968. }
  7969. .mr-lg-1,
  7970. .mx-lg-1 {
  7971. margin-right: 0.25rem !important;
  7972. }
  7973. .mb-lg-1,
  7974. .my-lg-1 {
  7975. margin-bottom: 0.25rem !important;
  7976. }
  7977. .ml-lg-1,
  7978. .mx-lg-1 {
  7979. margin-left: 0.25rem !important;
  7980. }
  7981. .m-lg-2 {
  7982. margin: 0.5rem !important;
  7983. }
  7984. .mt-lg-2,
  7985. .my-lg-2 {
  7986. margin-top: 0.5rem !important;
  7987. }
  7988. .mr-lg-2,
  7989. .mx-lg-2 {
  7990. margin-right: 0.5rem !important;
  7991. }
  7992. .mb-lg-2,
  7993. .my-lg-2 {
  7994. margin-bottom: 0.5rem !important;
  7995. }
  7996. .ml-lg-2,
  7997. .mx-lg-2 {
  7998. margin-left: 0.5rem !important;
  7999. }
  8000. .m-lg-3 {
  8001. margin: 1rem !important;
  8002. }
  8003. .mt-lg-3,
  8004. .my-lg-3 {
  8005. margin-top: 1rem !important;
  8006. }
  8007. .mr-lg-3,
  8008. .mx-lg-3 {
  8009. margin-right: 1rem !important;
  8010. }
  8011. .mb-lg-3,
  8012. .my-lg-3 {
  8013. margin-bottom: 1rem !important;
  8014. }
  8015. .ml-lg-3,
  8016. .mx-lg-3 {
  8017. margin-left: 1rem !important;
  8018. }
  8019. .m-lg-4 {
  8020. margin: 1.5rem !important;
  8021. }
  8022. .mt-lg-4,
  8023. .my-lg-4 {
  8024. margin-top: 1.5rem !important;
  8025. }
  8026. .mr-lg-4,
  8027. .mx-lg-4 {
  8028. margin-right: 1.5rem !important;
  8029. }
  8030. .mb-lg-4,
  8031. .my-lg-4 {
  8032. margin-bottom: 1.5rem !important;
  8033. }
  8034. .ml-lg-4,
  8035. .mx-lg-4 {
  8036. margin-left: 1.5rem !important;
  8037. }
  8038. .m-lg-5 {
  8039. margin: 3rem !important;
  8040. }
  8041. .mt-lg-5,
  8042. .my-lg-5 {
  8043. margin-top: 3rem !important;
  8044. }
  8045. .mr-lg-5,
  8046. .mx-lg-5 {
  8047. margin-right: 3rem !important;
  8048. }
  8049. .mb-lg-5,
  8050. .my-lg-5 {
  8051. margin-bottom: 3rem !important;
  8052. }
  8053. .ml-lg-5,
  8054. .mx-lg-5 {
  8055. margin-left: 3rem !important;
  8056. }
  8057. .p-lg-0 {
  8058. padding: 0 !important;
  8059. }
  8060. .pt-lg-0,
  8061. .py-lg-0 {
  8062. padding-top: 0 !important;
  8063. }
  8064. .pr-lg-0,
  8065. .px-lg-0 {
  8066. padding-right: 0 !important;
  8067. }
  8068. .pb-lg-0,
  8069. .py-lg-0 {
  8070. padding-bottom: 0 !important;
  8071. }
  8072. .pl-lg-0,
  8073. .px-lg-0 {
  8074. padding-left: 0 !important;
  8075. }
  8076. .p-lg-1 {
  8077. padding: 0.25rem !important;
  8078. }
  8079. .pt-lg-1,
  8080. .py-lg-1 {
  8081. padding-top: 0.25rem !important;
  8082. }
  8083. .pr-lg-1,
  8084. .px-lg-1 {
  8085. padding-right: 0.25rem !important;
  8086. }
  8087. .pb-lg-1,
  8088. .py-lg-1 {
  8089. padding-bottom: 0.25rem !important;
  8090. }
  8091. .pl-lg-1,
  8092. .px-lg-1 {
  8093. padding-left: 0.25rem !important;
  8094. }
  8095. .p-lg-2 {
  8096. padding: 0.5rem !important;
  8097. }
  8098. .pt-lg-2,
  8099. .py-lg-2 {
  8100. padding-top: 0.5rem !important;
  8101. }
  8102. .pr-lg-2,
  8103. .px-lg-2 {
  8104. padding-right: 0.5rem !important;
  8105. }
  8106. .pb-lg-2,
  8107. .py-lg-2 {
  8108. padding-bottom: 0.5rem !important;
  8109. }
  8110. .pl-lg-2,
  8111. .px-lg-2 {
  8112. padding-left: 0.5rem !important;
  8113. }
  8114. .p-lg-3 {
  8115. padding: 1rem !important;
  8116. }
  8117. .pt-lg-3,
  8118. .py-lg-3 {
  8119. padding-top: 1rem !important;
  8120. }
  8121. .pr-lg-3,
  8122. .px-lg-3 {
  8123. padding-right: 1rem !important;
  8124. }
  8125. .pb-lg-3,
  8126. .py-lg-3 {
  8127. padding-bottom: 1rem !important;
  8128. }
  8129. .pl-lg-3,
  8130. .px-lg-3 {
  8131. padding-left: 1rem !important;
  8132. }
  8133. .p-lg-4 {
  8134. padding: 1.5rem !important;
  8135. }
  8136. .pt-lg-4,
  8137. .py-lg-4 {
  8138. padding-top: 1.5rem !important;
  8139. }
  8140. .pr-lg-4,
  8141. .px-lg-4 {
  8142. padding-right: 1.5rem !important;
  8143. }
  8144. .pb-lg-4,
  8145. .py-lg-4 {
  8146. padding-bottom: 1.5rem !important;
  8147. }
  8148. .pl-lg-4,
  8149. .px-lg-4 {
  8150. padding-left: 1.5rem !important;
  8151. }
  8152. .p-lg-5 {
  8153. padding: 3rem !important;
  8154. }
  8155. .pt-lg-5,
  8156. .py-lg-5 {
  8157. padding-top: 3rem !important;
  8158. }
  8159. .pr-lg-5,
  8160. .px-lg-5 {
  8161. padding-right: 3rem !important;
  8162. }
  8163. .pb-lg-5,
  8164. .py-lg-5 {
  8165. padding-bottom: 3rem !important;
  8166. }
  8167. .pl-lg-5,
  8168. .px-lg-5 {
  8169. padding-left: 3rem !important;
  8170. }
  8171. .m-lg-n1 {
  8172. margin: -0.25rem !important;
  8173. }
  8174. .mt-lg-n1,
  8175. .my-lg-n1 {
  8176. margin-top: -0.25rem !important;
  8177. }
  8178. .mr-lg-n1,
  8179. .mx-lg-n1 {
  8180. margin-right: -0.25rem !important;
  8181. }
  8182. .mb-lg-n1,
  8183. .my-lg-n1 {
  8184. margin-bottom: -0.25rem !important;
  8185. }
  8186. .ml-lg-n1,
  8187. .mx-lg-n1 {
  8188. margin-left: -0.25rem !important;
  8189. }
  8190. .m-lg-n2 {
  8191. margin: -0.5rem !important;
  8192. }
  8193. .mt-lg-n2,
  8194. .my-lg-n2 {
  8195. margin-top: -0.5rem !important;
  8196. }
  8197. .mr-lg-n2,
  8198. .mx-lg-n2 {
  8199. margin-right: -0.5rem !important;
  8200. }
  8201. .mb-lg-n2,
  8202. .my-lg-n2 {
  8203. margin-bottom: -0.5rem !important;
  8204. }
  8205. .ml-lg-n2,
  8206. .mx-lg-n2 {
  8207. margin-left: -0.5rem !important;
  8208. }
  8209. .m-lg-n3 {
  8210. margin: -1rem !important;
  8211. }
  8212. .mt-lg-n3,
  8213. .my-lg-n3 {
  8214. margin-top: -1rem !important;
  8215. }
  8216. .mr-lg-n3,
  8217. .mx-lg-n3 {
  8218. margin-right: -1rem !important;
  8219. }
  8220. .mb-lg-n3,
  8221. .my-lg-n3 {
  8222. margin-bottom: -1rem !important;
  8223. }
  8224. .ml-lg-n3,
  8225. .mx-lg-n3 {
  8226. margin-left: -1rem !important;
  8227. }
  8228. .m-lg-n4 {
  8229. margin: -1.5rem !important;
  8230. }
  8231. .mt-lg-n4,
  8232. .my-lg-n4 {
  8233. margin-top: -1.5rem !important;
  8234. }
  8235. .mr-lg-n4,
  8236. .mx-lg-n4 {
  8237. margin-right: -1.5rem !important;
  8238. }
  8239. .mb-lg-n4,
  8240. .my-lg-n4 {
  8241. margin-bottom: -1.5rem !important;
  8242. }
  8243. .ml-lg-n4,
  8244. .mx-lg-n4 {
  8245. margin-left: -1.5rem !important;
  8246. }
  8247. .m-lg-n5 {
  8248. margin: -3rem !important;
  8249. }
  8250. .mt-lg-n5,
  8251. .my-lg-n5 {
  8252. margin-top: -3rem !important;
  8253. }
  8254. .mr-lg-n5,
  8255. .mx-lg-n5 {
  8256. margin-right: -3rem !important;
  8257. }
  8258. .mb-lg-n5,
  8259. .my-lg-n5 {
  8260. margin-bottom: -3rem !important;
  8261. }
  8262. .ml-lg-n5,
  8263. .mx-lg-n5 {
  8264. margin-left: -3rem !important;
  8265. }
  8266. .m-lg-auto {
  8267. margin: auto !important;
  8268. }
  8269. .mt-lg-auto,
  8270. .my-lg-auto {
  8271. margin-top: auto !important;
  8272. }
  8273. .mr-lg-auto,
  8274. .mx-lg-auto {
  8275. margin-right: auto !important;
  8276. }
  8277. .mb-lg-auto,
  8278. .my-lg-auto {
  8279. margin-bottom: auto !important;
  8280. }
  8281. .ml-lg-auto,
  8282. .mx-lg-auto {
  8283. margin-left: auto !important;
  8284. }
  8285. }
  8286. @media (min-width: 1200px) {
  8287. .m-xl-0 {
  8288. margin: 0 !important;
  8289. }
  8290. .mt-xl-0,
  8291. .my-xl-0 {
  8292. margin-top: 0 !important;
  8293. }
  8294. .mr-xl-0,
  8295. .mx-xl-0 {
  8296. margin-right: 0 !important;
  8297. }
  8298. .mb-xl-0,
  8299. .my-xl-0 {
  8300. margin-bottom: 0 !important;
  8301. }
  8302. .ml-xl-0,
  8303. .mx-xl-0 {
  8304. margin-left: 0 !important;
  8305. }
  8306. .m-xl-1 {
  8307. margin: 0.25rem !important;
  8308. }
  8309. .mt-xl-1,
  8310. .my-xl-1 {
  8311. margin-top: 0.25rem !important;
  8312. }
  8313. .mr-xl-1,
  8314. .mx-xl-1 {
  8315. margin-right: 0.25rem !important;
  8316. }
  8317. .mb-xl-1,
  8318. .my-xl-1 {
  8319. margin-bottom: 0.25rem !important;
  8320. }
  8321. .ml-xl-1,
  8322. .mx-xl-1 {
  8323. margin-left: 0.25rem !important;
  8324. }
  8325. .m-xl-2 {
  8326. margin: 0.5rem !important;
  8327. }
  8328. .mt-xl-2,
  8329. .my-xl-2 {
  8330. margin-top: 0.5rem !important;
  8331. }
  8332. .mr-xl-2,
  8333. .mx-xl-2 {
  8334. margin-right: 0.5rem !important;
  8335. }
  8336. .mb-xl-2,
  8337. .my-xl-2 {
  8338. margin-bottom: 0.5rem !important;
  8339. }
  8340. .ml-xl-2,
  8341. .mx-xl-2 {
  8342. margin-left: 0.5rem !important;
  8343. }
  8344. .m-xl-3 {
  8345. margin: 1rem !important;
  8346. }
  8347. .mt-xl-3,
  8348. .my-xl-3 {
  8349. margin-top: 1rem !important;
  8350. }
  8351. .mr-xl-3,
  8352. .mx-xl-3 {
  8353. margin-right: 1rem !important;
  8354. }
  8355. .mb-xl-3,
  8356. .my-xl-3 {
  8357. margin-bottom: 1rem !important;
  8358. }
  8359. .ml-xl-3,
  8360. .mx-xl-3 {
  8361. margin-left: 1rem !important;
  8362. }
  8363. .m-xl-4 {
  8364. margin: 1.5rem !important;
  8365. }
  8366. .mt-xl-4,
  8367. .my-xl-4 {
  8368. margin-top: 1.5rem !important;
  8369. }
  8370. .mr-xl-4,
  8371. .mx-xl-4 {
  8372. margin-right: 1.5rem !important;
  8373. }
  8374. .mb-xl-4,
  8375. .my-xl-4 {
  8376. margin-bottom: 1.5rem !important;
  8377. }
  8378. .ml-xl-4,
  8379. .mx-xl-4 {
  8380. margin-left: 1.5rem !important;
  8381. }
  8382. .m-xl-5 {
  8383. margin: 3rem !important;
  8384. }
  8385. .mt-xl-5,
  8386. .my-xl-5 {
  8387. margin-top: 3rem !important;
  8388. }
  8389. .mr-xl-5,
  8390. .mx-xl-5 {
  8391. margin-right: 3rem !important;
  8392. }
  8393. .mb-xl-5,
  8394. .my-xl-5 {
  8395. margin-bottom: 3rem !important;
  8396. }
  8397. .ml-xl-5,
  8398. .mx-xl-5 {
  8399. margin-left: 3rem !important;
  8400. }
  8401. .p-xl-0 {
  8402. padding: 0 !important;
  8403. }
  8404. .pt-xl-0,
  8405. .py-xl-0 {
  8406. padding-top: 0 !important;
  8407. }
  8408. .pr-xl-0,
  8409. .px-xl-0 {
  8410. padding-right: 0 !important;
  8411. }
  8412. .pb-xl-0,
  8413. .py-xl-0 {
  8414. padding-bottom: 0 !important;
  8415. }
  8416. .pl-xl-0,
  8417. .px-xl-0 {
  8418. padding-left: 0 !important;
  8419. }
  8420. .p-xl-1 {
  8421. padding: 0.25rem !important;
  8422. }
  8423. .pt-xl-1,
  8424. .py-xl-1 {
  8425. padding-top: 0.25rem !important;
  8426. }
  8427. .pr-xl-1,
  8428. .px-xl-1 {
  8429. padding-right: 0.25rem !important;
  8430. }
  8431. .pb-xl-1,
  8432. .py-xl-1 {
  8433. padding-bottom: 0.25rem !important;
  8434. }
  8435. .pl-xl-1,
  8436. .px-xl-1 {
  8437. padding-left: 0.25rem !important;
  8438. }
  8439. .p-xl-2 {
  8440. padding: 0.5rem !important;
  8441. }
  8442. .pt-xl-2,
  8443. .py-xl-2 {
  8444. padding-top: 0.5rem !important;
  8445. }
  8446. .pr-xl-2,
  8447. .px-xl-2 {
  8448. padding-right: 0.5rem !important;
  8449. }
  8450. .pb-xl-2,
  8451. .py-xl-2 {
  8452. padding-bottom: 0.5rem !important;
  8453. }
  8454. .pl-xl-2,
  8455. .px-xl-2 {
  8456. padding-left: 0.5rem !important;
  8457. }
  8458. .p-xl-3 {
  8459. padding: 1rem !important;
  8460. }
  8461. .pt-xl-3,
  8462. .py-xl-3 {
  8463. padding-top: 1rem !important;
  8464. }
  8465. .pr-xl-3,
  8466. .px-xl-3 {
  8467. padding-right: 1rem !important;
  8468. }
  8469. .pb-xl-3,
  8470. .py-xl-3 {
  8471. padding-bottom: 1rem !important;
  8472. }
  8473. .pl-xl-3,
  8474. .px-xl-3 {
  8475. padding-left: 1rem !important;
  8476. }
  8477. .p-xl-4 {
  8478. padding: 1.5rem !important;
  8479. }
  8480. .pt-xl-4,
  8481. .py-xl-4 {
  8482. padding-top: 1.5rem !important;
  8483. }
  8484. .pr-xl-4,
  8485. .px-xl-4 {
  8486. padding-right: 1.5rem !important;
  8487. }
  8488. .pb-xl-4,
  8489. .py-xl-4 {
  8490. padding-bottom: 1.5rem !important;
  8491. }
  8492. .pl-xl-4,
  8493. .px-xl-4 {
  8494. padding-left: 1.5rem !important;
  8495. }
  8496. .p-xl-5 {
  8497. padding: 3rem !important;
  8498. }
  8499. .pt-xl-5,
  8500. .py-xl-5 {
  8501. padding-top: 3rem !important;
  8502. }
  8503. .pr-xl-5,
  8504. .px-xl-5 {
  8505. padding-right: 3rem !important;
  8506. }
  8507. .pb-xl-5,
  8508. .py-xl-5 {
  8509. padding-bottom: 3rem !important;
  8510. }
  8511. .pl-xl-5,
  8512. .px-xl-5 {
  8513. padding-left: 3rem !important;
  8514. }
  8515. .m-xl-n1 {
  8516. margin: -0.25rem !important;
  8517. }
  8518. .mt-xl-n1,
  8519. .my-xl-n1 {
  8520. margin-top: -0.25rem !important;
  8521. }
  8522. .mr-xl-n1,
  8523. .mx-xl-n1 {
  8524. margin-right: -0.25rem !important;
  8525. }
  8526. .mb-xl-n1,
  8527. .my-xl-n1 {
  8528. margin-bottom: -0.25rem !important;
  8529. }
  8530. .ml-xl-n1,
  8531. .mx-xl-n1 {
  8532. margin-left: -0.25rem !important;
  8533. }
  8534. .m-xl-n2 {
  8535. margin: -0.5rem !important;
  8536. }
  8537. .mt-xl-n2,
  8538. .my-xl-n2 {
  8539. margin-top: -0.5rem !important;
  8540. }
  8541. .mr-xl-n2,
  8542. .mx-xl-n2 {
  8543. margin-right: -0.5rem !important;
  8544. }
  8545. .mb-xl-n2,
  8546. .my-xl-n2 {
  8547. margin-bottom: -0.5rem !important;
  8548. }
  8549. .ml-xl-n2,
  8550. .mx-xl-n2 {
  8551. margin-left: -0.5rem !important;
  8552. }
  8553. .m-xl-n3 {
  8554. margin: -1rem !important;
  8555. }
  8556. .mt-xl-n3,
  8557. .my-xl-n3 {
  8558. margin-top: -1rem !important;
  8559. }
  8560. .mr-xl-n3,
  8561. .mx-xl-n3 {
  8562. margin-right: -1rem !important;
  8563. }
  8564. .mb-xl-n3,
  8565. .my-xl-n3 {
  8566. margin-bottom: -1rem !important;
  8567. }
  8568. .ml-xl-n3,
  8569. .mx-xl-n3 {
  8570. margin-left: -1rem !important;
  8571. }
  8572. .m-xl-n4 {
  8573. margin: -1.5rem !important;
  8574. }
  8575. .mt-xl-n4,
  8576. .my-xl-n4 {
  8577. margin-top: -1.5rem !important;
  8578. }
  8579. .mr-xl-n4,
  8580. .mx-xl-n4 {
  8581. margin-right: -1.5rem !important;
  8582. }
  8583. .mb-xl-n4,
  8584. .my-xl-n4 {
  8585. margin-bottom: -1.5rem !important;
  8586. }
  8587. .ml-xl-n4,
  8588. .mx-xl-n4 {
  8589. margin-left: -1.5rem !important;
  8590. }
  8591. .m-xl-n5 {
  8592. margin: -3rem !important;
  8593. }
  8594. .mt-xl-n5,
  8595. .my-xl-n5 {
  8596. margin-top: -3rem !important;
  8597. }
  8598. .mr-xl-n5,
  8599. .mx-xl-n5 {
  8600. margin-right: -3rem !important;
  8601. }
  8602. .mb-xl-n5,
  8603. .my-xl-n5 {
  8604. margin-bottom: -3rem !important;
  8605. }
  8606. .ml-xl-n5,
  8607. .mx-xl-n5 {
  8608. margin-left: -3rem !important;
  8609. }
  8610. .m-xl-auto {
  8611. margin: auto !important;
  8612. }
  8613. .mt-xl-auto,
  8614. .my-xl-auto {
  8615. margin-top: auto !important;
  8616. }
  8617. .mr-xl-auto,
  8618. .mx-xl-auto {
  8619. margin-right: auto !important;
  8620. }
  8621. .mb-xl-auto,
  8622. .my-xl-auto {
  8623. margin-bottom: auto !important;
  8624. }
  8625. .ml-xl-auto,
  8626. .mx-xl-auto {
  8627. margin-left: auto !important;
  8628. }
  8629. }
  8630. .text-monospace {
  8631. font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
  8632. }
  8633. .text-justify {
  8634. text-align: justify !important;
  8635. }
  8636. .text-wrap {
  8637. white-space: normal !important;
  8638. }
  8639. .text-nowrap {
  8640. white-space: nowrap !important;
  8641. }
  8642. .text-truncate {
  8643. overflow: hidden;
  8644. text-overflow: ellipsis;
  8645. white-space: nowrap;
  8646. }
  8647. .text-left {
  8648. text-align: left !important;
  8649. }
  8650. .text-right {
  8651. text-align: right !important;
  8652. }
  8653. .text-center {
  8654. text-align: center !important;
  8655. }
  8656. @media (min-width: 576px) {
  8657. .text-sm-left {
  8658. text-align: left !important;
  8659. }
  8660. .text-sm-right {
  8661. text-align: right !important;
  8662. }
  8663. .text-sm-center {
  8664. text-align: center !important;
  8665. }
  8666. }
  8667. @media (min-width: 768px) {
  8668. .text-md-left {
  8669. text-align: left !important;
  8670. }
  8671. .text-md-right {
  8672. text-align: right !important;
  8673. }
  8674. .text-md-center {
  8675. text-align: center !important;
  8676. }
  8677. }
  8678. @media (min-width: 992px) {
  8679. .text-lg-left {
  8680. text-align: left !important;
  8681. }
  8682. .text-lg-right {
  8683. text-align: right !important;
  8684. }
  8685. .text-lg-center {
  8686. text-align: center !important;
  8687. }
  8688. }
  8689. @media (min-width: 1200px) {
  8690. .text-xl-left {
  8691. text-align: left !important;
  8692. }
  8693. .text-xl-right {
  8694. text-align: right !important;
  8695. }
  8696. .text-xl-center {
  8697. text-align: center !important;
  8698. }
  8699. }
  8700. .text-lowercase {
  8701. text-transform: lowercase !important;
  8702. }
  8703. .text-uppercase {
  8704. text-transform: uppercase !important;
  8705. }
  8706. .text-capitalize {
  8707. text-transform: capitalize !important;
  8708. }
  8709. .font-weight-light {
  8710. font-weight: 300 !important;
  8711. }
  8712. .font-weight-lighter {
  8713. font-weight: lighter !important;
  8714. }
  8715. .font-weight-normal {
  8716. font-weight: 400 !important;
  8717. }
  8718. .font-weight-bold {
  8719. font-weight: 700 !important;
  8720. }
  8721. .font-weight-bolder {
  8722. font-weight: bolder !important;
  8723. }
  8724. .font-italic {
  8725. font-style: italic !important;
  8726. }
  8727. .text-white {
  8728. color: #ffffff !important;
  8729. }
  8730. .text-primary {
  8731. color: #007bff !important;
  8732. }
  8733. a.text-primary:hover, a.text-primary:focus {
  8734. color: #0056b3 !important;
  8735. }
  8736. .text-secondary {
  8737. color: #6c757d !important;
  8738. }
  8739. a.text-secondary:hover, a.text-secondary:focus {
  8740. color: #494f54 !important;
  8741. }
  8742. .text-success {
  8743. color: #28a745 !important;
  8744. }
  8745. a.text-success:hover, a.text-success:focus {
  8746. color: #19692c !important;
  8747. }
  8748. .text-info {
  8749. color: #17a2b8 !important;
  8750. }
  8751. a.text-info:hover, a.text-info:focus {
  8752. color: #0f6674 !important;
  8753. }
  8754. .text-warning {
  8755. color: #ffc107 !important;
  8756. }
  8757. a.text-warning:hover, a.text-warning:focus {
  8758. color: #ba8b00 !important;
  8759. }
  8760. .text-danger {
  8761. color: #dc3545 !important;
  8762. }
  8763. a.text-danger:hover, a.text-danger:focus {
  8764. color: #a71d2a !important;
  8765. }
  8766. .text-light {
  8767. color: #f8f9fa !important;
  8768. }
  8769. a.text-light:hover, a.text-light:focus {
  8770. color: #cbd3da !important;
  8771. }
  8772. .text-dark {
  8773. color: #343a40 !important;
  8774. }
  8775. a.text-dark:hover, a.text-dark:focus {
  8776. color: #121416 !important;
  8777. }
  8778. .text-body {
  8779. color: #212529 !important;
  8780. }
  8781. .text-muted {
  8782. color: #6c757d !important;
  8783. }
  8784. .text-black-50 {
  8785. color: rgba(0, 0, 0, 0.5) !important;
  8786. }
  8787. .text-white-50 {
  8788. color: rgba(255, 255, 255, 0.5) !important;
  8789. }
  8790. .text-hide {
  8791. font: 0/0 a;
  8792. color: transparent;
  8793. text-shadow: none;
  8794. background-color: transparent;
  8795. border: 0;
  8796. }
  8797. .text-decoration-none {
  8798. text-decoration: none !important;
  8799. }
  8800. .text-break {
  8801. word-break: break-word !important;
  8802. overflow-wrap: break-word !important;
  8803. }
  8804. .text-reset {
  8805. color: inherit !important;
  8806. }
  8807. .visible {
  8808. visibility: visible !important;
  8809. }
  8810. .invisible {
  8811. visibility: hidden !important;
  8812. }
  8813. @media print {
  8814. *,
  8815. *::before,
  8816. *::after {
  8817. text-shadow: none !important;
  8818. box-shadow: none !important;
  8819. }
  8820. a:not(.btn) {
  8821. text-decoration: underline;
  8822. }
  8823. abbr[title]::after {
  8824. content: " (" attr(title) ")";
  8825. }
  8826. pre {
  8827. white-space: pre-wrap !important;
  8828. }
  8829. pre,
  8830. blockquote {
  8831. border: 1px solid #adb5bd;
  8832. page-break-inside: avoid;
  8833. }
  8834. thead {
  8835. display: table-header-group;
  8836. }
  8837. tr,
  8838. img {
  8839. page-break-inside: avoid;
  8840. }
  8841. p,
  8842. h2,
  8843. h3 {
  8844. orphans: 3;
  8845. widows: 3;
  8846. }
  8847. h2,
  8848. h3 {
  8849. page-break-after: avoid;
  8850. }
  8851. @page {
  8852. size: a3;
  8853. }
  8854. body {
  8855. min-width: 992px !important;
  8856. }
  8857. .container {
  8858. min-width: 992px !important;
  8859. }
  8860. .navbar {
  8861. display: none;
  8862. }
  8863. .badge {
  8864. border: 1px solid #000;
  8865. }
  8866. .table {
  8867. border-collapse: collapse !important;
  8868. }
  8869. .table td,
  8870. .table th {
  8871. background-color: #ffffff !important;
  8872. }
  8873. .table-bordered th,
  8874. .table-bordered td {
  8875. border: 1px solid #dee2e6 !important;
  8876. }
  8877. .table-dark {
  8878. color: inherit;
  8879. }
  8880. .table-dark th,
  8881. .table-dark td,
  8882. .table-dark thead th,
  8883. .table-dark tbody + tbody {
  8884. border-color: #dee2e6;
  8885. }
  8886. .table .thead-dark th {
  8887. color: inherit;
  8888. border-color: #dee2e6;
  8889. }
  8890. }
  8891. html {
  8892. scroll-behavior: smooth;
  8893. }
  8894. html,
  8895. body,
  8896. .wrapper {
  8897. min-height: 100%;
  8898. }
  8899. .wrapper {
  8900. position: relative;
  8901. }
  8902. .wrapper .content-wrapper {
  8903. min-height: calc(100vh - calc(3.5rem + 1px) - calc(3.5rem + 1px));
  8904. }
  8905. .layout-boxed .wrapper {
  8906. box-shadow: 0 0 10 rgba(0, 0, 0, 0.3);
  8907. }
  8908. .layout-boxed .wrapper, .layout-boxed .wrapper::before {
  8909. margin: 0 auto;
  8910. max-width: 1250px;
  8911. }
  8912. .layout-boxed .wrapper .main-sidebar {
  8913. left: inherit;
  8914. }
  8915. .layout-navbar-fixed.layout-fixed .wrapper .control-sidebar {
  8916. top: calc(3.5rem + 1px);
  8917. }
  8918. .layout-navbar-fixed.layout-fixed .wrapper .main-header.text-sm ~ .control-sidebar {
  8919. top: calc(2.93725rem + 1px);
  8920. }
  8921. .layout-navbar-fixed.layout-fixed .wrapper .sidebar {
  8922. margin-top: calc(3.5rem + 1px);
  8923. }
  8924. .layout-navbar-fixed.layout-fixed .wrapper .brand-link.text-sm ~ .sidebar {
  8925. margin-top: calc(2.93725rem + 1px);
  8926. }
  8927. .layout-navbar-fixed.layout-fixed.text-sm .wrapper .control-sidebar {
  8928. top: calc(2.93725rem + 1px);
  8929. }
  8930. .layout-navbar-fixed.layout-fixed.text-sm .wrapper .sidebar {
  8931. margin-top: calc(2.93725rem + 1px);
  8932. }
  8933. .layout-navbar-fixed.sidebar-collapse .wrapper .brand-link {
  8934. height: calc(3.5rem + 1px);
  8935. width: 4.6rem;
  8936. }
  8937. .layout-navbar-fixed.sidebar-collapse .wrapper .brand-link.text-sm {
  8938. height: calc(2.93725rem + 1px);
  8939. }
  8940. .layout-navbar-fixed.sidebar-collapse.text-sm .wrapper .brand-link {
  8941. height: calc(2.93725rem + 1px);
  8942. }
  8943. .layout-navbar-fixed .wrapper .control-sidebar {
  8944. top: 0;
  8945. }
  8946. .layout-navbar-fixed .wrapper a.anchor {
  8947. display: block;
  8948. position: relative;
  8949. top: calc((3.5rem + 1px + (0.5rem * 2)) / -1);
  8950. }
  8951. .layout-navbar-fixed .wrapper .main-sidebar:hover .brand-link {
  8952. transition: width 0.3s ease-in-out;
  8953. width: 250px;
  8954. }
  8955. .layout-navbar-fixed .wrapper .brand-link {
  8956. overflow: hidden;
  8957. position: fixed;
  8958. top: 0;
  8959. transition: width 0.3s ease-in-out;
  8960. width: 250px;
  8961. z-index: 1035;
  8962. }
  8963. .layout-navbar-fixed .wrapper .sidebar-dark-primary .brand-link:not([class*="navbar"]) {
  8964. background-color: #343a40;
  8965. }
  8966. .layout-navbar-fixed .wrapper .sidebar-light-primary .brand-link:not([class*="navbar"]) {
  8967. background-color: #ffffff;
  8968. }
  8969. .layout-navbar-fixed .wrapper .sidebar-dark-secondary .brand-link:not([class*="navbar"]) {
  8970. background-color: #343a40;
  8971. }
  8972. .layout-navbar-fixed .wrapper .sidebar-light-secondary .brand-link:not([class*="navbar"]) {
  8973. background-color: #ffffff;
  8974. }
  8975. .layout-navbar-fixed .wrapper .sidebar-dark-success .brand-link:not([class*="navbar"]) {
  8976. background-color: #343a40;
  8977. }
  8978. .layout-navbar-fixed .wrapper .sidebar-light-success .brand-link:not([class*="navbar"]) {
  8979. background-color: #ffffff;
  8980. }
  8981. .layout-navbar-fixed .wrapper .sidebar-dark-info .brand-link:not([class*="navbar"]) {
  8982. background-color: #343a40;
  8983. }
  8984. .layout-navbar-fixed .wrapper .sidebar-light-info .brand-link:not([class*="navbar"]) {
  8985. background-color: #ffffff;
  8986. }
  8987. .layout-navbar-fixed .wrapper .sidebar-dark-warning .brand-link:not([class*="navbar"]) {
  8988. background-color: #343a40;
  8989. }
  8990. .layout-navbar-fixed .wrapper .sidebar-light-warning .brand-link:not([class*="navbar"]) {
  8991. background-color: #ffffff;
  8992. }
  8993. .layout-navbar-fixed .wrapper .sidebar-dark-danger .brand-link:not([class*="navbar"]) {
  8994. background-color: #343a40;
  8995. }
  8996. .layout-navbar-fixed .wrapper .sidebar-light-danger .brand-link:not([class*="navbar"]) {
  8997. background-color: #ffffff;
  8998. }
  8999. .layout-navbar-fixed .wrapper .sidebar-dark-light .brand-link:not([class*="navbar"]) {
  9000. background-color: #343a40;
  9001. }
  9002. .layout-navbar-fixed .wrapper .sidebar-light-light .brand-link:not([class*="navbar"]) {
  9003. background-color: #ffffff;
  9004. }
  9005. .layout-navbar-fixed .wrapper .sidebar-dark-dark .brand-link:not([class*="navbar"]) {
  9006. background-color: #343a40;
  9007. }
  9008. .layout-navbar-fixed .wrapper .sidebar-light-dark .brand-link:not([class*="navbar"]) {
  9009. background-color: #ffffff;
  9010. }
  9011. .layout-navbar-fixed .wrapper .content-wrapper {
  9012. margin-top: calc(3.5rem + 1px);
  9013. }
  9014. .layout-navbar-fixed .wrapper .main-header.text-sm ~ .content-wrapper {
  9015. margin-top: calc(2.93725rem + 1px);
  9016. }
  9017. .layout-navbar-fixed .wrapper .main-header {
  9018. left: 0;
  9019. position: fixed;
  9020. right: 0;
  9021. top: 0;
  9022. z-index: 1033;
  9023. }
  9024. .layout-navbar-fixed.text-sm .wrapper .content-wrapper {
  9025. margin-top: calc(2.93725rem + 1px);
  9026. }
  9027. .layout-navbar-not-fixed .wrapper .brand-link {
  9028. position: static;
  9029. }
  9030. .layout-navbar-not-fixed .wrapper .sidebar,
  9031. .layout-navbar-not-fixed .wrapper .content-wrapper {
  9032. margin-top: 0;
  9033. }
  9034. .layout-navbar-not-fixed .wrapper .main-header {
  9035. position: static;
  9036. }
  9037. .layout-navbar-not-fixed.layout-fixed .wrapper .sidebar {
  9038. margin-top: 0;
  9039. }
  9040. .layout-navbar-fixed.layout-fixed .wrapper .control-sidebar {
  9041. top: calc(3.5rem + 1px);
  9042. }
  9043. .text-sm .layout-navbar-fixed.layout-fixed .wrapper .main-header ~ .control-sidebar,
  9044. .layout-navbar-fixed.layout-fixed .wrapper .main-header.text-sm ~ .control-sidebar {
  9045. top: calc(2.93725rem + 1px);
  9046. }
  9047. .layout-navbar-fixed.layout-fixed .wrapper .sidebar {
  9048. margin-top: calc(3.5rem + 1px);
  9049. }
  9050. .text-sm .layout-navbar-fixed.layout-fixed .wrapper .brand-link ~ .sidebar,
  9051. .layout-navbar-fixed.layout-fixed .wrapper .brand-link.text-sm ~ .sidebar {
  9052. margin-top: calc(2.93725rem + 1px);
  9053. }
  9054. .layout-navbar-fixed.layout-fixed.text-sm .wrapper .control-sidebar {
  9055. top: calc(2.93725rem + 1px);
  9056. }
  9057. .layout-navbar-fixed.layout-fixed.text-sm .wrapper .sidebar {
  9058. margin-top: calc(2.93725rem + 1px);
  9059. }
  9060. .layout-navbar-fixed .wrapper .control-sidebar {
  9061. top: 0;
  9062. }
  9063. .layout-navbar-fixed .wrapper a.anchor {
  9064. display: block;
  9065. position: relative;
  9066. top: calc((3.5rem + 1px + (0.5rem * 2)) / -1);
  9067. }
  9068. .layout-navbar-fixed .wrapper.sidebar-collapse .brand-link {
  9069. height: calc(3.5rem + 1px);
  9070. transition: width 0.3s ease-in-out;
  9071. width: 4.6rem;
  9072. }
  9073. .text-sm .layout-navbar-fixed .wrapper.sidebar-collapse .brand-link, .layout-navbar-fixed .wrapper.sidebar-collapse .brand-link.text-sm {
  9074. height: calc(2.93725rem + 1px);
  9075. }
  9076. .layout-navbar-fixed .wrapper.sidebar-collapse .main-sidebar:hover .brand-link {
  9077. transition: width 0.3s ease-in-out;
  9078. width: 250px;
  9079. }
  9080. .layout-navbar-fixed .wrapper .brand-link {
  9081. overflow: hidden;
  9082. position: fixed;
  9083. top: 0;
  9084. transition: width 0.3s ease-in-out;
  9085. width: 250px;
  9086. z-index: 1035;
  9087. }
  9088. .layout-navbar-fixed .wrapper .sidebar-dark-primary .brand-link:not([class*="navbar"]) {
  9089. background-color: #343a40;
  9090. }
  9091. .layout-navbar-fixed .wrapper .sidebar-light-primary .brand-link:not([class*="navbar"]) {
  9092. background-color: #ffffff;
  9093. }
  9094. .layout-navbar-fixed .wrapper .sidebar-dark-secondary .brand-link:not([class*="navbar"]) {
  9095. background-color: #343a40;
  9096. }
  9097. .layout-navbar-fixed .wrapper .sidebar-light-secondary .brand-link:not([class*="navbar"]) {
  9098. background-color: #ffffff;
  9099. }
  9100. .layout-navbar-fixed .wrapper .sidebar-dark-success .brand-link:not([class*="navbar"]) {
  9101. background-color: #343a40;
  9102. }
  9103. .layout-navbar-fixed .wrapper .sidebar-light-success .brand-link:not([class*="navbar"]) {
  9104. background-color: #ffffff;
  9105. }
  9106. .layout-navbar-fixed .wrapper .sidebar-dark-info .brand-link:not([class*="navbar"]) {
  9107. background-color: #343a40;
  9108. }
  9109. .layout-navbar-fixed .wrapper .sidebar-light-info .brand-link:not([class*="navbar"]) {
  9110. background-color: #ffffff;
  9111. }
  9112. .layout-navbar-fixed .wrapper .sidebar-dark-warning .brand-link:not([class*="navbar"]) {
  9113. background-color: #343a40;
  9114. }
  9115. .layout-navbar-fixed .wrapper .sidebar-light-warning .brand-link:not([class*="navbar"]) {
  9116. background-color: #ffffff;
  9117. }
  9118. .layout-navbar-fixed .wrapper .sidebar-dark-danger .brand-link:not([class*="navbar"]) {
  9119. background-color: #343a40;
  9120. }
  9121. .layout-navbar-fixed .wrapper .sidebar-light-danger .brand-link:not([class*="navbar"]) {
  9122. background-color: #ffffff;
  9123. }
  9124. .layout-navbar-fixed .wrapper .sidebar-dark-light .brand-link:not([class*="navbar"]) {
  9125. background-color: #343a40;
  9126. }
  9127. .layout-navbar-fixed .wrapper .sidebar-light-light .brand-link:not([class*="navbar"]) {
  9128. background-color: #ffffff;
  9129. }
  9130. .layout-navbar-fixed .wrapper .sidebar-dark-dark .brand-link:not([class*="navbar"]) {
  9131. background-color: #343a40;
  9132. }
  9133. .layout-navbar-fixed .wrapper .sidebar-light-dark .brand-link:not([class*="navbar"]) {
  9134. background-color: #ffffff;
  9135. }
  9136. .layout-navbar-fixed .wrapper .content-wrapper {
  9137. margin-top: calc(3.5rem + 1px);
  9138. }
  9139. .text-sm .layout-navbar-fixed .wrapper .main-header ~ .content-wrapper,
  9140. .layout-navbar-fixed .wrapper .main-header.text-sm ~ .content-wrapper {
  9141. margin-top: calc(2.93725rem + 1px);
  9142. }
  9143. .layout-navbar-fixed .wrapper .main-header {
  9144. left: 0;
  9145. position: fixed;
  9146. right: 0;
  9147. top: 0;
  9148. z-index: 1037;
  9149. }
  9150. .layout-navbar-fixed.text-sm .wrapper .content-wrapper {
  9151. margin-top: calc(2.93725rem + 1px);
  9152. }
  9153. .layout-navbar-not-fixed .wrapper .brand-link {
  9154. position: static;
  9155. }
  9156. .layout-navbar-not-fixed .wrapper .sidebar,
  9157. .layout-navbar-not-fixed .wrapper .content-wrapper {
  9158. margin-top: 0;
  9159. }
  9160. .layout-navbar-not-fixed .wrapper .main-header {
  9161. position: static;
  9162. }
  9163. .layout-navbar-not-fixed.layout-fixed .wrapper .sidebar {
  9164. margin-top: 0;
  9165. }
  9166. @media (min-width: 576px) {
  9167. .layout-sm-navbar-fixed.layout-fixed .wrapper .control-sidebar {
  9168. top: calc(3.5rem + 1px);
  9169. }
  9170. .text-sm .layout-sm-navbar-fixed.layout-fixed .wrapper .main-header ~ .control-sidebar,
  9171. .layout-sm-navbar-fixed.layout-fixed .wrapper .main-header.text-sm ~ .control-sidebar {
  9172. top: calc(2.93725rem + 1px);
  9173. }
  9174. .layout-sm-navbar-fixed.layout-fixed .wrapper .sidebar {
  9175. margin-top: calc(3.5rem + 1px);
  9176. }
  9177. .text-sm .layout-sm-navbar-fixed.layout-fixed .wrapper .brand-link ~ .sidebar,
  9178. .layout-sm-navbar-fixed.layout-fixed .wrapper .brand-link.text-sm ~ .sidebar {
  9179. margin-top: calc(2.93725rem + 1px);
  9180. }
  9181. .layout-sm-navbar-fixed.layout-fixed.text-sm .wrapper .control-sidebar {
  9182. top: calc(2.93725rem + 1px);
  9183. }
  9184. .layout-sm-navbar-fixed.layout-fixed.text-sm .wrapper .sidebar {
  9185. margin-top: calc(2.93725rem + 1px);
  9186. }
  9187. .layout-sm-navbar-fixed .wrapper .control-sidebar {
  9188. top: 0;
  9189. }
  9190. .layout-sm-navbar-fixed .wrapper a.anchor {
  9191. display: block;
  9192. position: relative;
  9193. top: calc((3.5rem + 1px + (0.5rem * 2)) / -1);
  9194. }
  9195. .layout-sm-navbar-fixed .wrapper.sidebar-collapse .brand-link {
  9196. height: calc(3.5rem + 1px);
  9197. transition: width 0.3s ease-in-out;
  9198. width: 4.6rem;
  9199. }
  9200. .text-sm .layout-sm-navbar-fixed .wrapper.sidebar-collapse .brand-link, .layout-sm-navbar-fixed .wrapper.sidebar-collapse .brand-link.text-sm {
  9201. height: calc(2.93725rem + 1px);
  9202. }
  9203. .layout-sm-navbar-fixed .wrapper.sidebar-collapse .main-sidebar:hover .brand-link {
  9204. transition: width 0.3s ease-in-out;
  9205. width: 250px;
  9206. }
  9207. .layout-sm-navbar-fixed .wrapper .brand-link {
  9208. overflow: hidden;
  9209. position: fixed;
  9210. top: 0;
  9211. transition: width 0.3s ease-in-out;
  9212. width: 250px;
  9213. z-index: 1035;
  9214. }
  9215. .layout-sm-navbar-fixed .wrapper .sidebar-dark-primary .brand-link:not([class*="navbar"]) {
  9216. background-color: #343a40;
  9217. }
  9218. .layout-sm-navbar-fixed .wrapper .sidebar-light-primary .brand-link:not([class*="navbar"]) {
  9219. background-color: #ffffff;
  9220. }
  9221. .layout-sm-navbar-fixed .wrapper .sidebar-dark-secondary .brand-link:not([class*="navbar"]) {
  9222. background-color: #343a40;
  9223. }
  9224. .layout-sm-navbar-fixed .wrapper .sidebar-light-secondary .brand-link:not([class*="navbar"]) {
  9225. background-color: #ffffff;
  9226. }
  9227. .layout-sm-navbar-fixed .wrapper .sidebar-dark-success .brand-link:not([class*="navbar"]) {
  9228. background-color: #343a40;
  9229. }
  9230. .layout-sm-navbar-fixed .wrapper .sidebar-light-success .brand-link:not([class*="navbar"]) {
  9231. background-color: #ffffff;
  9232. }
  9233. .layout-sm-navbar-fixed .wrapper .sidebar-dark-info .brand-link:not([class*="navbar"]) {
  9234. background-color: #343a40;
  9235. }
  9236. .layout-sm-navbar-fixed .wrapper .sidebar-light-info .brand-link:not([class*="navbar"]) {
  9237. background-color: #ffffff;
  9238. }
  9239. .layout-sm-navbar-fixed .wrapper .sidebar-dark-warning .brand-link:not([class*="navbar"]) {
  9240. background-color: #343a40;
  9241. }
  9242. .layout-sm-navbar-fixed .wrapper .sidebar-light-warning .brand-link:not([class*="navbar"]) {
  9243. background-color: #ffffff;
  9244. }
  9245. .layout-sm-navbar-fixed .wrapper .sidebar-dark-danger .brand-link:not([class*="navbar"]) {
  9246. background-color: #343a40;
  9247. }
  9248. .layout-sm-navbar-fixed .wrapper .sidebar-light-danger .brand-link:not([class*="navbar"]) {
  9249. background-color: #ffffff;
  9250. }
  9251. .layout-sm-navbar-fixed .wrapper .sidebar-dark-light .brand-link:not([class*="navbar"]) {
  9252. background-color: #343a40;
  9253. }
  9254. .layout-sm-navbar-fixed .wrapper .sidebar-light-light .brand-link:not([class*="navbar"]) {
  9255. background-color: #ffffff;
  9256. }
  9257. .layout-sm-navbar-fixed .wrapper .sidebar-dark-dark .brand-link:not([class*="navbar"]) {
  9258. background-color: #343a40;
  9259. }
  9260. .layout-sm-navbar-fixed .wrapper .sidebar-light-dark .brand-link:not([class*="navbar"]) {
  9261. background-color: #ffffff;
  9262. }
  9263. .layout-sm-navbar-fixed .wrapper .content-wrapper {
  9264. margin-top: calc(3.5rem + 1px);
  9265. }
  9266. .text-sm .layout-sm-navbar-fixed .wrapper .main-header ~ .content-wrapper,
  9267. .layout-sm-navbar-fixed .wrapper .main-header.text-sm ~ .content-wrapper {
  9268. margin-top: calc(2.93725rem + 1px);
  9269. }
  9270. .layout-sm-navbar-fixed .wrapper .main-header {
  9271. left: 0;
  9272. position: fixed;
  9273. right: 0;
  9274. top: 0;
  9275. z-index: 1037;
  9276. }
  9277. .layout-sm-navbar-fixed.text-sm .wrapper .content-wrapper {
  9278. margin-top: calc(2.93725rem + 1px);
  9279. }
  9280. .layout-sm-navbar-not-fixed .wrapper .brand-link {
  9281. position: static;
  9282. }
  9283. .layout-sm-navbar-not-fixed .wrapper .sidebar,
  9284. .layout-sm-navbar-not-fixed .wrapper .content-wrapper {
  9285. margin-top: 0;
  9286. }
  9287. .layout-sm-navbar-not-fixed .wrapper .main-header {
  9288. position: static;
  9289. }
  9290. .layout-sm-navbar-not-fixed.layout-fixed .wrapper .sidebar {
  9291. margin-top: 0;
  9292. }
  9293. }
  9294. @media (min-width: 768px) {
  9295. .layout-md-navbar-fixed.layout-fixed .wrapper .control-sidebar {
  9296. top: calc(3.5rem + 1px);
  9297. }
  9298. .text-sm .layout-md-navbar-fixed.layout-fixed .wrapper .main-header ~ .control-sidebar,
  9299. .layout-md-navbar-fixed.layout-fixed .wrapper .main-header.text-sm ~ .control-sidebar {
  9300. top: calc(2.93725rem + 1px);
  9301. }
  9302. .layout-md-navbar-fixed.layout-fixed .wrapper .sidebar {
  9303. margin-top: calc(3.5rem + 1px);
  9304. }
  9305. .text-sm .layout-md-navbar-fixed.layout-fixed .wrapper .brand-link ~ .sidebar,
  9306. .layout-md-navbar-fixed.layout-fixed .wrapper .brand-link.text-sm ~ .sidebar {
  9307. margin-top: calc(2.93725rem + 1px);
  9308. }
  9309. .layout-md-navbar-fixed.layout-fixed.text-sm .wrapper .control-sidebar {
  9310. top: calc(2.93725rem + 1px);
  9311. }
  9312. .layout-md-navbar-fixed.layout-fixed.text-sm .wrapper .sidebar {
  9313. margin-top: calc(2.93725rem + 1px);
  9314. }
  9315. .layout-md-navbar-fixed .wrapper .control-sidebar {
  9316. top: 0;
  9317. }
  9318. .layout-md-navbar-fixed .wrapper a.anchor {
  9319. display: block;
  9320. position: relative;
  9321. top: calc((3.5rem + 1px + (0.5rem * 2)) / -1);
  9322. }
  9323. .layout-md-navbar-fixed .wrapper.sidebar-collapse .brand-link {
  9324. height: calc(3.5rem + 1px);
  9325. transition: width 0.3s ease-in-out;
  9326. width: 4.6rem;
  9327. }
  9328. .text-sm .layout-md-navbar-fixed .wrapper.sidebar-collapse .brand-link, .layout-md-navbar-fixed .wrapper.sidebar-collapse .brand-link.text-sm {
  9329. height: calc(2.93725rem + 1px);
  9330. }
  9331. .layout-md-navbar-fixed .wrapper.sidebar-collapse .main-sidebar:hover .brand-link {
  9332. transition: width 0.3s ease-in-out;
  9333. width: 250px;
  9334. }
  9335. .layout-md-navbar-fixed .wrapper .brand-link {
  9336. overflow: hidden;
  9337. position: fixed;
  9338. top: 0;
  9339. transition: width 0.3s ease-in-out;
  9340. width: 250px;
  9341. z-index: 1035;
  9342. }
  9343. .layout-md-navbar-fixed .wrapper .sidebar-dark-primary .brand-link:not([class*="navbar"]) {
  9344. background-color: #343a40;
  9345. }
  9346. .layout-md-navbar-fixed .wrapper .sidebar-light-primary .brand-link:not([class*="navbar"]) {
  9347. background-color: #ffffff;
  9348. }
  9349. .layout-md-navbar-fixed .wrapper .sidebar-dark-secondary .brand-link:not([class*="navbar"]) {
  9350. background-color: #343a40;
  9351. }
  9352. .layout-md-navbar-fixed .wrapper .sidebar-light-secondary .brand-link:not([class*="navbar"]) {
  9353. background-color: #ffffff;
  9354. }
  9355. .layout-md-navbar-fixed .wrapper .sidebar-dark-success .brand-link:not([class*="navbar"]) {
  9356. background-color: #343a40;
  9357. }
  9358. .layout-md-navbar-fixed .wrapper .sidebar-light-success .brand-link:not([class*="navbar"]) {
  9359. background-color: #ffffff;
  9360. }
  9361. .layout-md-navbar-fixed .wrapper .sidebar-dark-info .brand-link:not([class*="navbar"]) {
  9362. background-color: #343a40;
  9363. }
  9364. .layout-md-navbar-fixed .wrapper .sidebar-light-info .brand-link:not([class*="navbar"]) {
  9365. background-color: #ffffff;
  9366. }
  9367. .layout-md-navbar-fixed .wrapper .sidebar-dark-warning .brand-link:not([class*="navbar"]) {
  9368. background-color: #343a40;
  9369. }
  9370. .layout-md-navbar-fixed .wrapper .sidebar-light-warning .brand-link:not([class*="navbar"]) {
  9371. background-color: #ffffff;
  9372. }
  9373. .layout-md-navbar-fixed .wrapper .sidebar-dark-danger .brand-link:not([class*="navbar"]) {
  9374. background-color: #343a40;
  9375. }
  9376. .layout-md-navbar-fixed .wrapper .sidebar-light-danger .brand-link:not([class*="navbar"]) {
  9377. background-color: #ffffff;
  9378. }
  9379. .layout-md-navbar-fixed .wrapper .sidebar-dark-light .brand-link:not([class*="navbar"]) {
  9380. background-color: #343a40;
  9381. }
  9382. .layout-md-navbar-fixed .wrapper .sidebar-light-light .brand-link:not([class*="navbar"]) {
  9383. background-color: #ffffff;
  9384. }
  9385. .layout-md-navbar-fixed .wrapper .sidebar-dark-dark .brand-link:not([class*="navbar"]) {
  9386. background-color: #343a40;
  9387. }
  9388. .layout-md-navbar-fixed .wrapper .sidebar-light-dark .brand-link:not([class*="navbar"]) {
  9389. background-color: #ffffff;
  9390. }
  9391. .layout-md-navbar-fixed .wrapper .content-wrapper {
  9392. margin-top: calc(3.5rem + 1px);
  9393. }
  9394. .text-sm .layout-md-navbar-fixed .wrapper .main-header ~ .content-wrapper,
  9395. .layout-md-navbar-fixed .wrapper .main-header.text-sm ~ .content-wrapper {
  9396. margin-top: calc(2.93725rem + 1px);
  9397. }
  9398. .layout-md-navbar-fixed .wrapper .main-header {
  9399. left: 0;
  9400. position: fixed;
  9401. right: 0;
  9402. top: 0;
  9403. z-index: 1037;
  9404. }
  9405. .layout-md-navbar-fixed.text-sm .wrapper .content-wrapper {
  9406. margin-top: calc(2.93725rem + 1px);
  9407. }
  9408. .layout-md-navbar-not-fixed .wrapper .brand-link {
  9409. position: static;
  9410. }
  9411. .layout-md-navbar-not-fixed .wrapper .sidebar,
  9412. .layout-md-navbar-not-fixed .wrapper .content-wrapper {
  9413. margin-top: 0;
  9414. }
  9415. .layout-md-navbar-not-fixed .wrapper .main-header {
  9416. position: static;
  9417. }
  9418. .layout-md-navbar-not-fixed.layout-fixed .wrapper .sidebar {
  9419. margin-top: 0;
  9420. }
  9421. }
  9422. @media (min-width: 992px) {
  9423. .layout-lg-navbar-fixed.layout-fixed .wrapper .control-sidebar {
  9424. top: calc(3.5rem + 1px);
  9425. }
  9426. .text-sm .layout-lg-navbar-fixed.layout-fixed .wrapper .main-header ~ .control-sidebar,
  9427. .layout-lg-navbar-fixed.layout-fixed .wrapper .main-header.text-sm ~ .control-sidebar {
  9428. top: calc(2.93725rem + 1px);
  9429. }
  9430. .layout-lg-navbar-fixed.layout-fixed .wrapper .sidebar {
  9431. margin-top: calc(3.5rem + 1px);
  9432. }
  9433. .text-sm .layout-lg-navbar-fixed.layout-fixed .wrapper .brand-link ~ .sidebar,
  9434. .layout-lg-navbar-fixed.layout-fixed .wrapper .brand-link.text-sm ~ .sidebar {
  9435. margin-top: calc(2.93725rem + 1px);
  9436. }
  9437. .layout-lg-navbar-fixed.layout-fixed.text-sm .wrapper .control-sidebar {
  9438. top: calc(2.93725rem + 1px);
  9439. }
  9440. .layout-lg-navbar-fixed.layout-fixed.text-sm .wrapper .sidebar {
  9441. margin-top: calc(2.93725rem + 1px);
  9442. }
  9443. .layout-lg-navbar-fixed .wrapper .control-sidebar {
  9444. top: 0;
  9445. }
  9446. .layout-lg-navbar-fixed .wrapper a.anchor {
  9447. display: block;
  9448. position: relative;
  9449. top: calc((3.5rem + 1px + (0.5rem * 2)) / -1);
  9450. }
  9451. .layout-lg-navbar-fixed .wrapper.sidebar-collapse .brand-link {
  9452. height: calc(3.5rem + 1px);
  9453. transition: width 0.3s ease-in-out;
  9454. width: 4.6rem;
  9455. }
  9456. .text-sm .layout-lg-navbar-fixed .wrapper.sidebar-collapse .brand-link, .layout-lg-navbar-fixed .wrapper.sidebar-collapse .brand-link.text-sm {
  9457. height: calc(2.93725rem + 1px);
  9458. }
  9459. .layout-lg-navbar-fixed .wrapper.sidebar-collapse .main-sidebar:hover .brand-link {
  9460. transition: width 0.3s ease-in-out;
  9461. width: 250px;
  9462. }
  9463. .layout-lg-navbar-fixed .wrapper .brand-link {
  9464. overflow: hidden;
  9465. position: fixed;
  9466. top: 0;
  9467. transition: width 0.3s ease-in-out;
  9468. width: 250px;
  9469. z-index: 1035;
  9470. }
  9471. .layout-lg-navbar-fixed .wrapper .sidebar-dark-primary .brand-link:not([class*="navbar"]) {
  9472. background-color: #343a40;
  9473. }
  9474. .layout-lg-navbar-fixed .wrapper .sidebar-light-primary .brand-link:not([class*="navbar"]) {
  9475. background-color: #ffffff;
  9476. }
  9477. .layout-lg-navbar-fixed .wrapper .sidebar-dark-secondary .brand-link:not([class*="navbar"]) {
  9478. background-color: #343a40;
  9479. }
  9480. .layout-lg-navbar-fixed .wrapper .sidebar-light-secondary .brand-link:not([class*="navbar"]) {
  9481. background-color: #ffffff;
  9482. }
  9483. .layout-lg-navbar-fixed .wrapper .sidebar-dark-success .brand-link:not([class*="navbar"]) {
  9484. background-color: #343a40;
  9485. }
  9486. .layout-lg-navbar-fixed .wrapper .sidebar-light-success .brand-link:not([class*="navbar"]) {
  9487. background-color: #ffffff;
  9488. }
  9489. .layout-lg-navbar-fixed .wrapper .sidebar-dark-info .brand-link:not([class*="navbar"]) {
  9490. background-color: #343a40;
  9491. }
  9492. .layout-lg-navbar-fixed .wrapper .sidebar-light-info .brand-link:not([class*="navbar"]) {
  9493. background-color: #ffffff;
  9494. }
  9495. .layout-lg-navbar-fixed .wrapper .sidebar-dark-warning .brand-link:not([class*="navbar"]) {
  9496. background-color: #343a40;
  9497. }
  9498. .layout-lg-navbar-fixed .wrapper .sidebar-light-warning .brand-link:not([class*="navbar"]) {
  9499. background-color: #ffffff;
  9500. }
  9501. .layout-lg-navbar-fixed .wrapper .sidebar-dark-danger .brand-link:not([class*="navbar"]) {
  9502. background-color: #343a40;
  9503. }
  9504. .layout-lg-navbar-fixed .wrapper .sidebar-light-danger .brand-link:not([class*="navbar"]) {
  9505. background-color: #ffffff;
  9506. }
  9507. .layout-lg-navbar-fixed .wrapper .sidebar-dark-light .brand-link:not([class*="navbar"]) {
  9508. background-color: #343a40;
  9509. }
  9510. .layout-lg-navbar-fixed .wrapper .sidebar-light-light .brand-link:not([class*="navbar"]) {
  9511. background-color: #ffffff;
  9512. }
  9513. .layout-lg-navbar-fixed .wrapper .sidebar-dark-dark .brand-link:not([class*="navbar"]) {
  9514. background-color: #343a40;
  9515. }
  9516. .layout-lg-navbar-fixed .wrapper .sidebar-light-dark .brand-link:not([class*="navbar"]) {
  9517. background-color: #ffffff;
  9518. }
  9519. .layout-lg-navbar-fixed .wrapper .content-wrapper {
  9520. margin-top: calc(3.5rem + 1px);
  9521. }
  9522. .text-sm .layout-lg-navbar-fixed .wrapper .main-header ~ .content-wrapper,
  9523. .layout-lg-navbar-fixed .wrapper .main-header.text-sm ~ .content-wrapper {
  9524. margin-top: calc(2.93725rem + 1px);
  9525. }
  9526. .layout-lg-navbar-fixed .wrapper .main-header {
  9527. left: 0;
  9528. position: fixed;
  9529. right: 0;
  9530. top: 0;
  9531. z-index: 1037;
  9532. }
  9533. .layout-lg-navbar-fixed.text-sm .wrapper .content-wrapper {
  9534. margin-top: calc(2.93725rem + 1px);
  9535. }
  9536. .layout-lg-navbar-not-fixed .wrapper .brand-link {
  9537. position: static;
  9538. }
  9539. .layout-lg-navbar-not-fixed .wrapper .sidebar,
  9540. .layout-lg-navbar-not-fixed .wrapper .content-wrapper {
  9541. margin-top: 0;
  9542. }
  9543. .layout-lg-navbar-not-fixed .wrapper .main-header {
  9544. position: static;
  9545. }
  9546. .layout-lg-navbar-not-fixed.layout-fixed .wrapper .sidebar {
  9547. margin-top: 0;
  9548. }
  9549. }
  9550. @media (min-width: 1200px) {
  9551. .layout-xl-navbar-fixed.layout-fixed .wrapper .control-sidebar {
  9552. top: calc(3.5rem + 1px);
  9553. }
  9554. .text-sm .layout-xl-navbar-fixed.layout-fixed .wrapper .main-header ~ .control-sidebar,
  9555. .layout-xl-navbar-fixed.layout-fixed .wrapper .main-header.text-sm ~ .control-sidebar {
  9556. top: calc(2.93725rem + 1px);
  9557. }
  9558. .layout-xl-navbar-fixed.layout-fixed .wrapper .sidebar {
  9559. margin-top: calc(3.5rem + 1px);
  9560. }
  9561. .text-sm .layout-xl-navbar-fixed.layout-fixed .wrapper .brand-link ~ .sidebar,
  9562. .layout-xl-navbar-fixed.layout-fixed .wrapper .brand-link.text-sm ~ .sidebar {
  9563. margin-top: calc(2.93725rem + 1px);
  9564. }
  9565. .layout-xl-navbar-fixed.layout-fixed.text-sm .wrapper .control-sidebar {
  9566. top: calc(2.93725rem + 1px);
  9567. }
  9568. .layout-xl-navbar-fixed.layout-fixed.text-sm .wrapper .sidebar {
  9569. margin-top: calc(2.93725rem + 1px);
  9570. }
  9571. .layout-xl-navbar-fixed .wrapper .control-sidebar {
  9572. top: 0;
  9573. }
  9574. .layout-xl-navbar-fixed .wrapper a.anchor {
  9575. display: block;
  9576. position: relative;
  9577. top: calc((3.5rem + 1px + (0.5rem * 2)) / -1);
  9578. }
  9579. .layout-xl-navbar-fixed .wrapper.sidebar-collapse .brand-link {
  9580. height: calc(3.5rem + 1px);
  9581. transition: width 0.3s ease-in-out;
  9582. width: 4.6rem;
  9583. }
  9584. .text-sm .layout-xl-navbar-fixed .wrapper.sidebar-collapse .brand-link, .layout-xl-navbar-fixed .wrapper.sidebar-collapse .brand-link.text-sm {
  9585. height: calc(2.93725rem + 1px);
  9586. }
  9587. .layout-xl-navbar-fixed .wrapper.sidebar-collapse .main-sidebar:hover .brand-link {
  9588. transition: width 0.3s ease-in-out;
  9589. width: 250px;
  9590. }
  9591. .layout-xl-navbar-fixed .wrapper .brand-link {
  9592. overflow: hidden;
  9593. position: fixed;
  9594. top: 0;
  9595. transition: width 0.3s ease-in-out;
  9596. width: 250px;
  9597. z-index: 1035;
  9598. }
  9599. .layout-xl-navbar-fixed .wrapper .sidebar-dark-primary .brand-link:not([class*="navbar"]) {
  9600. background-color: #343a40;
  9601. }
  9602. .layout-xl-navbar-fixed .wrapper .sidebar-light-primary .brand-link:not([class*="navbar"]) {
  9603. background-color: #ffffff;
  9604. }
  9605. .layout-xl-navbar-fixed .wrapper .sidebar-dark-secondary .brand-link:not([class*="navbar"]) {
  9606. background-color: #343a40;
  9607. }
  9608. .layout-xl-navbar-fixed .wrapper .sidebar-light-secondary .brand-link:not([class*="navbar"]) {
  9609. background-color: #ffffff;
  9610. }
  9611. .layout-xl-navbar-fixed .wrapper .sidebar-dark-success .brand-link:not([class*="navbar"]) {
  9612. background-color: #343a40;
  9613. }
  9614. .layout-xl-navbar-fixed .wrapper .sidebar-light-success .brand-link:not([class*="navbar"]) {
  9615. background-color: #ffffff;
  9616. }
  9617. .layout-xl-navbar-fixed .wrapper .sidebar-dark-info .brand-link:not([class*="navbar"]) {
  9618. background-color: #343a40;
  9619. }
  9620. .layout-xl-navbar-fixed .wrapper .sidebar-light-info .brand-link:not([class*="navbar"]) {
  9621. background-color: #ffffff;
  9622. }
  9623. .layout-xl-navbar-fixed .wrapper .sidebar-dark-warning .brand-link:not([class*="navbar"]) {
  9624. background-color: #343a40;
  9625. }
  9626. .layout-xl-navbar-fixed .wrapper .sidebar-light-warning .brand-link:not([class*="navbar"]) {
  9627. background-color: #ffffff;
  9628. }
  9629. .layout-xl-navbar-fixed .wrapper .sidebar-dark-danger .brand-link:not([class*="navbar"]) {
  9630. background-color: #343a40;
  9631. }
  9632. .layout-xl-navbar-fixed .wrapper .sidebar-light-danger .brand-link:not([class*="navbar"]) {
  9633. background-color: #ffffff;
  9634. }
  9635. .layout-xl-navbar-fixed .wrapper .sidebar-dark-light .brand-link:not([class*="navbar"]) {
  9636. background-color: #343a40;
  9637. }
  9638. .layout-xl-navbar-fixed .wrapper .sidebar-light-light .brand-link:not([class*="navbar"]) {
  9639. background-color: #ffffff;
  9640. }
  9641. .layout-xl-navbar-fixed .wrapper .sidebar-dark-dark .brand-link:not([class*="navbar"]) {
  9642. background-color: #343a40;
  9643. }
  9644. .layout-xl-navbar-fixed .wrapper .sidebar-light-dark .brand-link:not([class*="navbar"]) {
  9645. background-color: #ffffff;
  9646. }
  9647. .layout-xl-navbar-fixed .wrapper .content-wrapper {
  9648. margin-top: calc(3.5rem + 1px);
  9649. }
  9650. .text-sm .layout-xl-navbar-fixed .wrapper .main-header ~ .content-wrapper,
  9651. .layout-xl-navbar-fixed .wrapper .main-header.text-sm ~ .content-wrapper {
  9652. margin-top: calc(2.93725rem + 1px);
  9653. }
  9654. .layout-xl-navbar-fixed .wrapper .main-header {
  9655. left: 0;
  9656. position: fixed;
  9657. right: 0;
  9658. top: 0;
  9659. z-index: 1037;
  9660. }
  9661. .layout-xl-navbar-fixed.text-sm .wrapper .content-wrapper {
  9662. margin-top: calc(2.93725rem + 1px);
  9663. }
  9664. .layout-xl-navbar-not-fixed .wrapper .brand-link {
  9665. position: static;
  9666. }
  9667. .layout-xl-navbar-not-fixed .wrapper .sidebar,
  9668. .layout-xl-navbar-not-fixed .wrapper .content-wrapper {
  9669. margin-top: 0;
  9670. }
  9671. .layout-xl-navbar-not-fixed .wrapper .main-header {
  9672. position: static;
  9673. }
  9674. .layout-xl-navbar-not-fixed.layout-fixed .wrapper .sidebar {
  9675. margin-top: 0;
  9676. }
  9677. }
  9678. .layout-footer-fixed .wrapper .control-sidebar {
  9679. bottom: 0;
  9680. }
  9681. .layout-footer-fixed .wrapper .main-footer {
  9682. bottom: 0;
  9683. left: 0;
  9684. position: fixed;
  9685. right: 0;
  9686. z-index: 1032;
  9687. }
  9688. .layout-footer-not-fixed .wrapper .main-footer {
  9689. position: static;
  9690. }
  9691. .layout-footer-not-fixed .wrapper .content-wrapper {
  9692. margin-bottom: 0;
  9693. }
  9694. .layout-footer-fixed .wrapper .control-sidebar {
  9695. bottom: 0;
  9696. }
  9697. .layout-footer-fixed .wrapper .main-footer {
  9698. bottom: 0;
  9699. left: 0;
  9700. position: fixed;
  9701. right: 0;
  9702. z-index: 1032;
  9703. }
  9704. .layout-footer-fixed .wrapper .content-wrapper {
  9705. margin-bottom: calc(3.5rem + 1px);
  9706. }
  9707. .layout-footer-not-fixed .wrapper .main-footer {
  9708. position: static;
  9709. }
  9710. @media (min-width: 576px) {
  9711. .layout-sm-footer-fixed .wrapper .control-sidebar {
  9712. bottom: 0;
  9713. }
  9714. .layout-sm-footer-fixed .wrapper .main-footer {
  9715. bottom: 0;
  9716. left: 0;
  9717. position: fixed;
  9718. right: 0;
  9719. z-index: 1032;
  9720. }
  9721. .layout-sm-footer-fixed .wrapper .content-wrapper {
  9722. margin-bottom: calc(3.5rem + 1px);
  9723. }
  9724. .layout-sm-footer-not-fixed .wrapper .main-footer {
  9725. position: static;
  9726. }
  9727. }
  9728. @media (min-width: 768px) {
  9729. .layout-md-footer-fixed .wrapper .control-sidebar {
  9730. bottom: 0;
  9731. }
  9732. .layout-md-footer-fixed .wrapper .main-footer {
  9733. bottom: 0;
  9734. left: 0;
  9735. position: fixed;
  9736. right: 0;
  9737. z-index: 1032;
  9738. }
  9739. .layout-md-footer-fixed .wrapper .content-wrapper {
  9740. margin-bottom: calc(3.5rem + 1px);
  9741. }
  9742. .layout-md-footer-not-fixed .wrapper .main-footer {
  9743. position: static;
  9744. }
  9745. }
  9746. @media (min-width: 992px) {
  9747. .layout-lg-footer-fixed .wrapper .control-sidebar {
  9748. bottom: 0;
  9749. }
  9750. .layout-lg-footer-fixed .wrapper .main-footer {
  9751. bottom: 0;
  9752. left: 0;
  9753. position: fixed;
  9754. right: 0;
  9755. z-index: 1032;
  9756. }
  9757. .layout-lg-footer-fixed .wrapper .content-wrapper {
  9758. margin-bottom: calc(3.5rem + 1px);
  9759. }
  9760. .layout-lg-footer-not-fixed .wrapper .main-footer {
  9761. position: static;
  9762. }
  9763. }
  9764. @media (min-width: 1200px) {
  9765. .layout-xl-footer-fixed .wrapper .control-sidebar {
  9766. bottom: 0;
  9767. }
  9768. .layout-xl-footer-fixed .wrapper .main-footer {
  9769. bottom: 0;
  9770. left: 0;
  9771. position: fixed;
  9772. right: 0;
  9773. z-index: 1032;
  9774. }
  9775. .layout-xl-footer-fixed .wrapper .content-wrapper {
  9776. margin-bottom: calc(3.5rem + 1px);
  9777. }
  9778. .layout-xl-footer-not-fixed .wrapper .main-footer {
  9779. position: static;
  9780. }
  9781. }
  9782. .layout-top-nav .wrapper {
  9783. margin-left: 0;
  9784. }
  9785. .layout-top-nav .wrapper .text-sm .brand-image {
  9786. margin-top: -.5rem;
  9787. }
  9788. .layout-top-nav .wrapper .main-sidebar {
  9789. bottom: inherit;
  9790. height: inherit;
  9791. }
  9792. .layout-top-nav .wrapper .brand-image {
  9793. height: 33px;
  9794. }
  9795. .layout-top-nav .wrapper .main-sidebar {
  9796. display: none;
  9797. }
  9798. .layout-top-nav .wrapper .content-wrapper,
  9799. .layout-top-nav .wrapper .main-header,
  9800. .layout-top-nav .wrapper .main-footer {
  9801. margin-left: 0;
  9802. }
  9803. @media (min-width: 768px) {
  9804. body:not(.sidebar-mini-md) .content-wrapper,
  9805. body:not(.sidebar-mini-md) .main-footer,
  9806. body:not(.sidebar-mini-md) .main-header {
  9807. transition: margin-left 0.3s ease-in-out;
  9808. margin-left: 250px;
  9809. }
  9810. }
  9811. @media (min-width: 768px) and (prefers-reduced-motion: reduce) {
  9812. body:not(.sidebar-mini-md) .content-wrapper,
  9813. body:not(.sidebar-mini-md) .main-footer,
  9814. body:not(.sidebar-mini-md) .main-header {
  9815. transition: none;
  9816. }
  9817. }
  9818. @media (min-width: 768px) {
  9819. .sidebar-collapse body:not(.sidebar-mini-md) .content-wrapper, .sidebar-collapse
  9820. body:not(.sidebar-mini-md) .main-footer, .sidebar-collapse
  9821. body:not(.sidebar-mini-md) .main-header {
  9822. margin-left: 0;
  9823. }
  9824. }
  9825. @media (max-width: 991.98px) {
  9826. body:not(.sidebar-mini-md) .content-wrapper, body:not(.sidebar-mini-md) .content-wrapper::before,
  9827. body:not(.sidebar-mini-md) .main-footer,
  9828. body:not(.sidebar-mini-md) .main-footer::before,
  9829. body:not(.sidebar-mini-md) .main-header,
  9830. body:not(.sidebar-mini-md) .main-header::before {
  9831. margin-left: 0;
  9832. }
  9833. }
  9834. @media (min-width: 768px) {
  9835. .sidebar-mini-md .content-wrapper,
  9836. .sidebar-mini-md .main-footer,
  9837. .sidebar-mini-md .main-header {
  9838. transition: margin-left 0.3s ease-in-out;
  9839. margin-left: 250px;
  9840. }
  9841. }
  9842. @media (min-width: 768px) and (prefers-reduced-motion: reduce) {
  9843. .sidebar-mini-md .content-wrapper,
  9844. .sidebar-mini-md .main-footer,
  9845. .sidebar-mini-md .main-header {
  9846. transition: none;
  9847. }
  9848. }
  9849. @media (min-width: 768px) {
  9850. .sidebar-collapse .sidebar-mini-md .content-wrapper, .sidebar-collapse
  9851. .sidebar-mini-md .main-footer, .sidebar-collapse
  9852. .sidebar-mini-md .main-header {
  9853. margin-left: 4.6rem;
  9854. }
  9855. }
  9856. @media (max-width: 991.98px) {
  9857. .sidebar-mini-md .content-wrapper, .sidebar-mini-md .content-wrapper::before,
  9858. .sidebar-mini-md .main-footer,
  9859. .sidebar-mini-md .main-footer::before,
  9860. .sidebar-mini-md .main-header,
  9861. .sidebar-mini-md .main-header::before {
  9862. margin-left: 4.6rem;
  9863. }
  9864. }
  9865. .content-wrapper {
  9866. background: #f4f6f9;
  9867. }
  9868. .content-wrapper > .content {
  9869. padding: 0 0.5rem;
  9870. }
  9871. .main-sidebar, .main-sidebar::before {
  9872. transition: margin-left 0.3s ease-in-out, width 0.3s ease-in-out;
  9873. width: 250px;
  9874. }
  9875. @media (prefers-reduced-motion: reduce) {
  9876. .main-sidebar, .main-sidebar::before {
  9877. transition: none;
  9878. }
  9879. }
  9880. .sidebar-collapse .main-sidebar, .sidebar-collapse .main-sidebar::before {
  9881. margin-left: -250px;
  9882. }
  9883. .sidebar-collapse .main-sidebar .nav-sidebar.nav-child-indent .nav-treeview {
  9884. padding: 0;
  9885. }
  9886. @media (max-width: 767.98px) {
  9887. .main-sidebar, .main-sidebar::before {
  9888. box-shadow: none !important;
  9889. margin-left: -250px;
  9890. }
  9891. .sidebar-open .main-sidebar, .sidebar-open .main-sidebar::before {
  9892. margin-left: 0;
  9893. }
  9894. }
  9895. :not(.layout-fixed) .main-sidebar {
  9896. height: inherit;
  9897. min-height: 100%;
  9898. position: absolute;
  9899. top: 0;
  9900. }
  9901. .layout-fixed .brand-link {
  9902. width: 250px;
  9903. }
  9904. .layout-fixed .main-sidebar {
  9905. bottom: 0;
  9906. float: none;
  9907. height: 100vh;
  9908. left: 0;
  9909. position: fixed;
  9910. top: 0;
  9911. }
  9912. .layout-fixed .control-sidebar {
  9913. bottom: 0;
  9914. float: none;
  9915. height: 100vh;
  9916. position: fixed;
  9917. top: 0;
  9918. }
  9919. .layout-fixed .control-sidebar .control-sidebar-content {
  9920. height: calc(100vh - calc(3.5rem + 1px));
  9921. }
  9922. .main-footer {
  9923. background: #ffffff;
  9924. border-top: 1px solid #dee2e6;
  9925. color: #869099;
  9926. padding: 1rem;
  9927. }
  9928. .text-sm .main-footer, .main-footer.text-sm {
  9929. padding: 0.812rem;
  9930. }
  9931. .content-header {
  9932. padding: 15px 0.5rem;
  9933. }
  9934. .text-sm .content-header {
  9935. padding: 10px 0.5rem;
  9936. }
  9937. .content-header h1 {
  9938. font-size: 1.8rem;
  9939. margin: 0;
  9940. }
  9941. .text-sm .content-header h1 {
  9942. font-size: 1.5rem;
  9943. }
  9944. .content-header .breadcrumb {
  9945. background: transparent;
  9946. line-height: 1.8rem;
  9947. margin-bottom: 0;
  9948. padding: 0;
  9949. }
  9950. .text-sm .content-header .breadcrumb {
  9951. line-height: 1.5rem;
  9952. }
  9953. .hold-transition .content-wrapper,
  9954. .hold-transition .main-header,
  9955. .hold-transition .main-sidebar,
  9956. .hold-transition .main-sidebar *,
  9957. .hold-transition .control-sidebar,
  9958. .hold-transition .control-sidebar *,
  9959. .hold-transition .main-footer {
  9960. transition: none !important;
  9961. }
  9962. .main-header {
  9963. border-bottom: 1px solid #dee2e6;
  9964. z-index: 1034;
  9965. }
  9966. .main-header .nav-link {
  9967. height: 2.5rem;
  9968. position: relative;
  9969. }
  9970. .text-sm .main-header .nav-link, .main-header.text-sm .nav-link {
  9971. height: 1.93725rem;
  9972. padding: 0.35rem 1rem;
  9973. }
  9974. .text-sm .main-header .nav-link > .fa,
  9975. .text-sm .main-header .nav-link > .fas,
  9976. .text-sm .main-header .nav-link > .far,
  9977. .text-sm .main-header .nav-link > .fab,
  9978. .text-sm .main-header .nav-link > .glyphicon,
  9979. .text-sm .main-header .nav-link > .ion, .main-header.text-sm .nav-link > .fa,
  9980. .main-header.text-sm .nav-link > .fas,
  9981. .main-header.text-sm .nav-link > .far,
  9982. .main-header.text-sm .nav-link > .fab,
  9983. .main-header.text-sm .nav-link > .glyphicon,
  9984. .main-header.text-sm .nav-link > .ion {
  9985. font-size: 0.875rem;
  9986. }
  9987. .main-header .navbar-nav .nav-item {
  9988. margin: 0;
  9989. }
  9990. .main-header .navbar-nav[class*='-right'] .dropdown-menu {
  9991. left: auto;
  9992. margin-top: -3px;
  9993. right: 0;
  9994. }
  9995. @media (max-width: 575.98px) {
  9996. .main-header .navbar-nav[class*='-right'] .dropdown-menu {
  9997. left: 0;
  9998. right: auto;
  9999. }
  10000. }
  10001. .navbar-img {
  10002. height: calc(3.5rem + 1px)/2;
  10003. width: auto;
  10004. }
  10005. .navbar-badge {
  10006. font-size: .6rem;
  10007. font-weight: 300;
  10008. padding: 2px 4px;
  10009. position: absolute;
  10010. right: 5px;
  10011. top: 9px;
  10012. }
  10013. .btn-navbar {
  10014. background-color: transparent;
  10015. border-left-width: 0;
  10016. }
  10017. .form-control-navbar {
  10018. border-right-width: 0;
  10019. }
  10020. .form-control-navbar + .input-group-append {
  10021. margin-left: 0;
  10022. }
  10023. .form-control-navbar,
  10024. .btn-navbar {
  10025. transition: none;
  10026. }
  10027. .navbar-dark .form-control-navbar,
  10028. .navbar-dark .btn-navbar {
  10029. background-color: rgba(255, 255, 255, 0.2);
  10030. border: 0;
  10031. }
  10032. .navbar-dark .form-control-navbar::-webkit-input-placeholder {
  10033. color: rgba(255, 255, 255, 0.6);
  10034. }
  10035. .navbar-dark .form-control-navbar::-moz-placeholder {
  10036. color: rgba(255, 255, 255, 0.6);
  10037. }
  10038. .navbar-dark .form-control-navbar:-ms-input-placeholder {
  10039. color: rgba(255, 255, 255, 0.6);
  10040. }
  10041. .navbar-dark .form-control-navbar::-ms-input-placeholder {
  10042. color: rgba(255, 255, 255, 0.6);
  10043. }
  10044. .navbar-dark .form-control-navbar::placeholder {
  10045. color: rgba(255, 255, 255, 0.6);
  10046. }
  10047. .navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
  10048. color: rgba(255, 255, 255, 0.6);
  10049. }
  10050. .navbar-dark .form-control-navbar:focus,
  10051. .navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
  10052. background-color: rgba(255, 255, 255, 0.6);
  10053. border: 0 !important;
  10054. color: #343a40;
  10055. }
  10056. .navbar-light .form-control-navbar,
  10057. .navbar-light .btn-navbar {
  10058. background-color: #f2f4f6;
  10059. border: 0;
  10060. }
  10061. .navbar-light .form-control-navbar::-webkit-input-placeholder {
  10062. color: rgba(0, 0, 0, 0.6);
  10063. }
  10064. .navbar-light .form-control-navbar::-moz-placeholder {
  10065. color: rgba(0, 0, 0, 0.6);
  10066. }
  10067. .navbar-light .form-control-navbar:-ms-input-placeholder {
  10068. color: rgba(0, 0, 0, 0.6);
  10069. }
  10070. .navbar-light .form-control-navbar::-ms-input-placeholder {
  10071. color: rgba(0, 0, 0, 0.6);
  10072. }
  10073. .navbar-light .form-control-navbar::placeholder {
  10074. color: rgba(0, 0, 0, 0.6);
  10075. }
  10076. .navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
  10077. color: rgba(0, 0, 0, 0.6);
  10078. }
  10079. .navbar-light .form-control-navbar:focus,
  10080. .navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
  10081. background-color: #e9ecef;
  10082. border: 0 !important;
  10083. color: #343a40;
  10084. }
  10085. .brand-link {
  10086. display: block;
  10087. font-size: 1.25rem;
  10088. line-height: 1.5;
  10089. padding: 0.8125rem 0.5rem;
  10090. transition: width 0.3s ease-in-out;
  10091. white-space: nowrap;
  10092. }
  10093. .brand-link:hover {
  10094. color: #ffffff;
  10095. text-decoration: none;
  10096. }
  10097. .text-sm .brand-link {
  10098. font-size: inherit;
  10099. }
  10100. [class*='sidebar-dark'] .brand-link {
  10101. border-bottom: 1px solid #4b545c;
  10102. color: rgba(255, 255, 255, 0.8);
  10103. }
  10104. [class*='sidebar-light'] .brand-link {
  10105. border-bottom: 1px solid #dee2e6;
  10106. color: rgba(0, 0, 0, 0.8);
  10107. }
  10108. .brand-link .brand-image {
  10109. float: left;
  10110. line-height: .8;
  10111. margin-left: .8rem;
  10112. margin-right: .5rem;
  10113. margin-top: -3px;
  10114. max-height: 33px;
  10115. width: auto;
  10116. }
  10117. .brand-link .brand-image-xs {
  10118. float: left;
  10119. line-height: .8;
  10120. margin-top: -.1rem;
  10121. max-height: 33px;
  10122. width: auto;
  10123. }
  10124. .brand-link .brand-image-xl {
  10125. line-height: .8;
  10126. max-height: 40px;
  10127. width: auto;
  10128. }
  10129. .brand-link.text-sm .brand-image,
  10130. .text-sm .brand-link .brand-image {
  10131. height: 29px;
  10132. margin-bottom: -.25rem;
  10133. margin-left: .95rem;
  10134. margin-top: -.25rem;
  10135. }
  10136. .brand-link.text-sm .brand-image-xs,
  10137. .text-sm .brand-link .brand-image-xs {
  10138. margin-top: -.2rem;
  10139. max-height: 29px;
  10140. }
  10141. .brand-link.text-sm .brand-image-xl,
  10142. .text-sm .brand-link .brand-image-xl {
  10143. margin-top: -.225rem;
  10144. max-height: 38px;
  10145. }
  10146. .main-sidebar {
  10147. height: 100vh;
  10148. overflow-y: hidden;
  10149. z-index: 1038;
  10150. }
  10151. .sidebar {
  10152. height: calc(100% - 4rem);
  10153. overflow-y: auto;
  10154. padding-bottom: 0;
  10155. padding-left: 0.5rem;
  10156. padding-right: 0.5rem;
  10157. padding-top: 0;
  10158. }
  10159. .user-panel {
  10160. position: relative;
  10161. }
  10162. [class*='sidebar-dark'] .user-panel {
  10163. border-bottom: 1px solid #4f5962;
  10164. }
  10165. [class*='sidebar-light'] .user-panel {
  10166. border-bottom: 1px solid #dee2e6;
  10167. }
  10168. .user-panel,
  10169. .user-panel .info {
  10170. overflow: hidden;
  10171. white-space: nowrap;
  10172. }
  10173. .user-panel .image {
  10174. display: inline-block;
  10175. padding-left: 0.8rem;
  10176. }
  10177. .user-panel img {
  10178. height: auto;
  10179. width: 2.1rem;
  10180. }
  10181. .user-panel .info {
  10182. display: inline-block;
  10183. padding: 5px 5px 5px 10px;
  10184. }
  10185. .user-panel .status,
  10186. .user-panel .dropdown-menu {
  10187. font-size: 0.875rem;
  10188. }
  10189. .nav-sidebar .nav-item > .nav-link {
  10190. margin-bottom: .2rem;
  10191. }
  10192. .nav-sidebar .nav-item > .nav-link .right {
  10193. transition: -webkit-transform ease-in-out 0.3s;
  10194. transition: transform ease-in-out 0.3s;
  10195. transition: transform ease-in-out 0.3s, -webkit-transform ease-in-out 0.3s;
  10196. }
  10197. @media (prefers-reduced-motion: reduce) {
  10198. .nav-sidebar .nav-item > .nav-link .right {
  10199. transition: none;
  10200. }
  10201. }
  10202. .nav-sidebar .nav-link > .right,
  10203. .nav-sidebar .nav-link > p > .right {
  10204. position: absolute;
  10205. right: 1rem;
  10206. top: .7rem;
  10207. }
  10208. .nav-sidebar .nav-link > .right i,
  10209. .nav-sidebar .nav-link > .right span,
  10210. .nav-sidebar .nav-link > p > .right i,
  10211. .nav-sidebar .nav-link > p > .right span {
  10212. margin-left: .5rem;
  10213. }
  10214. .nav-sidebar .nav-link > .right:nth-child(2),
  10215. .nav-sidebar .nav-link > p > .right:nth-child(2) {
  10216. right: 2.2rem;
  10217. }
  10218. .nav-sidebar .menu-open > .nav-treeview {
  10219. display: block;
  10220. }
  10221. .nav-sidebar .menu-open > .nav-link i.right {
  10222. -webkit-transform: rotate(-90deg);
  10223. transform: rotate(-90deg);
  10224. }
  10225. .nav-sidebar > .nav-item {
  10226. margin-bottom: 0;
  10227. }
  10228. .nav-sidebar > .nav-item .nav-icon {
  10229. font-size: 1.2rem;
  10230. margin-right: .2rem;
  10231. text-align: center;
  10232. width: 1.6rem;
  10233. }
  10234. .nav-sidebar > .nav-item .nav-icon.fa, .nav-sidebar > .nav-item .nav-icon.fas, .nav-sidebar > .nav-item .nav-icon.far, .nav-sidebar > .nav-item .nav-icon.fab, .nav-sidebar > .nav-item .nav-icon.glyphicon, .nav-sidebar > .nav-item .nav-icon.ion {
  10235. font-size: 1.1rem;
  10236. }
  10237. .nav-sidebar > .nav-item .float-right {
  10238. margin-top: 3px;
  10239. }
  10240. .nav-sidebar .nav-treeview {
  10241. display: none;
  10242. list-style: none;
  10243. padding: 0;
  10244. }
  10245. .nav-sidebar .nav-treeview > .nav-item > .nav-link > .nav-icon {
  10246. width: 1.6rem;
  10247. }
  10248. .nav-sidebar.nav-child-indent .nav-treeview {
  10249. transition: padding 0.3s ease-in-out;
  10250. padding-left: 1rem;
  10251. }
  10252. .nav-sidebar .nav-header {
  10253. font-size: .9rem;
  10254. padding: 0.5rem;
  10255. }
  10256. .nav-sidebar .nav-header:not(:first-of-type) {
  10257. padding: 1.7rem 1rem .5rem;
  10258. }
  10259. .nav-sidebar .nav-link p {
  10260. display: inline-block;
  10261. margin: 0;
  10262. }
  10263. #sidebar-overlay {
  10264. background-color: rgba(0, 0, 0, 0.1);
  10265. bottom: 0;
  10266. display: none;
  10267. left: 0;
  10268. position: fixed;
  10269. right: 0;
  10270. top: 0;
  10271. z-index: 1037;
  10272. }
  10273. @media (max-width: 991.98px) {
  10274. .sidebar-open #sidebar-overlay {
  10275. display: block;
  10276. }
  10277. }
  10278. [class*='sidebar-light-'] {
  10279. background-color: #ffffff;
  10280. }
  10281. [class*='sidebar-light-'] .user-panel a:hover {
  10282. color: #212529;
  10283. }
  10284. [class*='sidebar-light-'] .user-panel .status {
  10285. background: rgba(0, 0, 0, 0.1);
  10286. color: #343a40;
  10287. }
  10288. [class*='sidebar-light-'] .user-panel .status:hover, [class*='sidebar-light-'] .user-panel .status:focus, [class*='sidebar-light-'] .user-panel .status:active {
  10289. background: rgba(0, 0, 0, 0.1);
  10290. color: #212529;
  10291. }
  10292. [class*='sidebar-light-'] .user-panel .dropdown-menu {
  10293. box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
  10294. border-color: rgba(0, 0, 0, 0.1);
  10295. }
  10296. [class*='sidebar-light-'] .user-panel .dropdown-item {
  10297. color: #212529;
  10298. }
  10299. [class*='sidebar-light-'] .nav-sidebar > .nav-item > .nav-link:active, [class*='sidebar-light-'] .nav-sidebar > .nav-item > .nav-link:focus {
  10300. color: #343a40;
  10301. }
  10302. [class*='sidebar-light-'] .nav-sidebar > .nav-item.menu-open > .nav-link,
  10303. [class*='sidebar-light-'] .nav-sidebar > .nav-item:hover > .nav-link {
  10304. background-color: rgba(0, 0, 0, 0.1);
  10305. color: #212529;
  10306. }
  10307. [class*='sidebar-light-'] .nav-sidebar > .nav-item > .nav-link.active {
  10308. color: #000;
  10309. box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  10310. }
  10311. [class*='sidebar-light-'] .nav-sidebar > .nav-item > .nav-treeview {
  10312. background: transparent;
  10313. }
  10314. [class*='sidebar-light-'] .nav-header {
  10315. background: inherit;
  10316. color: #292d32;
  10317. }
  10318. [class*='sidebar-light-'] .sidebar a {
  10319. color: #343a40;
  10320. }
  10321. [class*='sidebar-light-'] .sidebar a:hover {
  10322. text-decoration: none;
  10323. }
  10324. [class*='sidebar-light-'] .nav-treeview > .nav-item > .nav-link {
  10325. color: #777;
  10326. }
  10327. [class*='sidebar-light-'] .nav-treeview > .nav-item > .nav-link.active, [class*='sidebar-light-'] .nav-treeview > .nav-item > .nav-link.active:hover {
  10328. background-color: rgba(0, 0, 0, 0.1);
  10329. color: #212529;
  10330. }
  10331. [class*='sidebar-light-'] .nav-treeview > .nav-item > .nav-link:hover {
  10332. background-color: rgba(0, 0, 0, 0.1);
  10333. }
  10334. [class*='sidebar-light-'] .nav-flat .nav-item .nav-treeview .nav-treeview  {
  10335. border-color: rgba(0, 0, 0, 0.1);
  10336. }
  10337. [class*='sidebar-light-'] .nav-flat .nav-item .nav-treeview > .nav-item > .nav-link, [class*='sidebar-light-'] .nav-flat .nav-item .nav-treeview > .nav-item > .nav-link.active {
  10338. border-color: rgba(0, 0, 0, 0.1);
  10339. }
  10340. [class*='sidebar-dark-'] {
  10341. background-color: #343a40;
  10342. }
  10343. [class*='sidebar-dark-'] .user-panel a:hover {
  10344. color: #ffffff;
  10345. }
  10346. [class*='sidebar-dark-'] .user-panel .status {
  10347. background: rgba(255, 255, 255, 0.1);
  10348. color: #C2C7D0;
  10349. }
  10350. [class*='sidebar-dark-'] .user-panel .status:hover, [class*='sidebar-dark-'] .user-panel .status:focus, [class*='sidebar-dark-'] .user-panel .status:active {
  10351. background: rgba(247, 247, 247, 0.1);
  10352. color: #ffffff;
  10353. }
  10354. [class*='sidebar-dark-'] .user-panel .dropdown-menu {
  10355. box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
  10356. border-color: rgba(242, 242, 242, 0.1);
  10357. }
  10358. [class*='sidebar-dark-'] .user-panel .dropdown-item {
  10359. color: #212529;
  10360. }
  10361. [class*='sidebar-dark-'] .nav-sidebar > .nav-item > .nav-link:active {
  10362. color: #C2C7D0;
  10363. }
  10364. [class*='sidebar-dark-'] .nav-sidebar > .nav-item.menu-open > .nav-link,
  10365. [class*='sidebar-dark-'] .nav-sidebar > .nav-item:hover > .nav-link,
  10366. [class*='sidebar-dark-'] .nav-sidebar > .nav-item > .nav-link:focus {
  10367. background-color: rgba(255, 255, 255, 0.1);
  10368. color: #ffffff;
  10369. }
  10370. [class*='sidebar-dark-'] .nav-sidebar > .nav-item > .nav-link.active {
  10371. color: #ffffff;
  10372. box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  10373. }
  10374. [class*='sidebar-dark-'] .nav-sidebar > .nav-item > .nav-treeview {
  10375. background: transparent;
  10376. }
  10377. [class*='sidebar-dark-'] .nav-header {
  10378. background: inherit;
  10379. color: #d0d4db;
  10380. }
  10381. [class*='sidebar-dark-'] .sidebar a {
  10382. color: #C2C7D0;
  10383. }
  10384. [class*='sidebar-dark-'] .sidebar a:hover, [class*='sidebar-dark-'] .sidebar a:focus {
  10385. text-decoration: none;
  10386. }
  10387. [class*='sidebar-dark-'] .nav-treeview > .nav-item > .nav-link {
  10388. color: #C2C7D0;
  10389. }
  10390. [class*='sidebar-dark-'] .nav-treeview > .nav-item > .nav-link:hover, [class*='sidebar-dark-'] .nav-treeview > .nav-item > .nav-link:focus {
  10391. background-color: rgba(255, 255, 255, 0.1);
  10392. color: #ffffff;
  10393. }
  10394. [class*='sidebar-dark-'] .nav-treeview > .nav-item > .nav-link.active, [class*='sidebar-dark-'] .nav-treeview > .nav-item > .nav-link.active:hover, [class*='sidebar-dark-'] .nav-treeview > .nav-item > .nav-link.active:focus {
  10395. background-color: rgba(255, 255, 255, 0.9);
  10396. color: #343a40;
  10397. }
  10398. [class*='sidebar-dark-'] .nav-flat .nav-item .nav-treeview .nav-treeview  {
  10399. border-color: rgba(255, 255, 255, 0.9);
  10400. }
  10401. [class*='sidebar-dark-'] .nav-flat .nav-item .nav-treeview > .nav-item > .nav-link, [class*='sidebar-dark-'] .nav-flat .nav-item .nav-treeview > .nav-item > .nav-link.active {
  10402. border-color: rgba(255, 255, 255, 0.9);
  10403. }
  10404. .sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active,
  10405. .sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active {
  10406. background-color: #007bff;
  10407. color: #ffffff;
  10408. }
  10409. .sidebar-dark-primary .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
  10410. .sidebar-light-primary .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
  10411. border-color: #007bff;
  10412. }
  10413. .sidebar-dark-secondary .nav-sidebar > .nav-item > .nav-link.active,
  10414. .sidebar-light-secondary .nav-sidebar > .nav-item > .nav-link.active {
  10415. background-color: #6c757d;
  10416. color: #ffffff;
  10417. }
  10418. .sidebar-dark-secondary .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
  10419. .sidebar-light-secondary .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
  10420. border-color: #6c757d;
  10421. }
  10422. .sidebar-dark-success .nav-sidebar > .nav-item > .nav-link.active,
  10423. .sidebar-light-success .nav-sidebar > .nav-item > .nav-link.active {
  10424. background-color: #28a745;
  10425. color: #ffffff;
  10426. }
  10427. .sidebar-dark-success .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
  10428. .sidebar-light-success .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
  10429. border-color: #28a745;
  10430. }
  10431. .sidebar-dark-info .nav-sidebar > .nav-item > .nav-link.active,
  10432. .sidebar-light-info .nav-sidebar > .nav-item > .nav-link.active {
  10433. background-color: #17a2b8;
  10434. color: #ffffff;
  10435. }
  10436. .sidebar-dark-info .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
  10437. .sidebar-light-info .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
  10438. border-color: #17a2b8;
  10439. }
  10440. .sidebar-dark-warning .nav-sidebar > .nav-item > .nav-link.active,
  10441. .sidebar-light-warning .nav-sidebar > .nav-item > .nav-link.active {
  10442. background-color: #ffc107;
  10443. color: #1F2D3D;
  10444. }
  10445. .sidebar-dark-warning .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
  10446. .sidebar-light-warning .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
  10447. border-color: #ffc107;
  10448. }
  10449. .sidebar-dark-danger .nav-sidebar > .nav-item > .nav-link.active,
  10450. .sidebar-light-danger .nav-sidebar > .nav-item > .nav-link.active {
  10451. background-color: #dc3545;
  10452. color: #ffffff;
  10453. }
  10454. .sidebar-dark-danger .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
  10455. .sidebar-light-danger .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
  10456. border-color: #dc3545;
  10457. }
  10458. .sidebar-dark-light .nav-sidebar > .nav-item > .nav-link.active,
  10459. .sidebar-light-light .nav-sidebar > .nav-item > .nav-link.active {
  10460. background-color: #f8f9fa;
  10461. color: #1F2D3D;
  10462. }
  10463. .sidebar-dark-light .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
  10464. .sidebar-light-light .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
  10465. border-color: #f8f9fa;
  10466. }
  10467. .sidebar-dark-dark .nav-sidebar > .nav-item > .nav-link.active,
  10468. .sidebar-light-dark .nav-sidebar > .nav-item > .nav-link.active {
  10469. background-color: #343a40;
  10470. color: #ffffff;
  10471. }
  10472. .sidebar-dark-dark .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
  10473. .sidebar-light-dark .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
  10474. border-color: #343a40;
  10475. }
  10476. .sidebar-dark-navy .nav-sidebar > .nav-item > .nav-link.active,
  10477. .sidebar-light-navy .nav-sidebar > .nav-item > .nav-link.active {
  10478. background-color: #001f3f;
  10479. color: #ffffff;
  10480. }
  10481. .sidebar-dark-navy .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
  10482. .sidebar-light-navy .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
  10483. border-color: #001f3f;
  10484. }
  10485. .sidebar-dark-olive .nav-sidebar > .nav-item > .nav-link.active,
  10486. .sidebar-light-olive .nav-sidebar > .nav-item > .nav-link.active {
  10487. background-color: #3d9970;
  10488. color: #ffffff;
  10489. }
  10490. .sidebar-dark-olive .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
  10491. .sidebar-light-olive .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
  10492. border-color: #3d9970;
  10493. }
  10494. .sidebar-dark-lime .nav-sidebar > .nav-item > .nav-link.active,
  10495. .sidebar-light-lime .nav-sidebar > .nav-item > .nav-link.active {
  10496. background-color: #01ff70;
  10497. color: #1F2D3D;
  10498. }
  10499. .sidebar-dark-lime .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
  10500. .sidebar-light-lime .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
  10501. border-color: #01ff70;
  10502. }
  10503. .sidebar-dark-fuchsia .nav-sidebar > .nav-item > .nav-link.active,
  10504. .sidebar-light-fuchsia .nav-sidebar > .nav-item > .nav-link.active {
  10505. background-color: #f012be;
  10506. color: #ffffff;
  10507. }
  10508. .sidebar-dark-fuchsia .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
  10509. .sidebar-light-fuchsia .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
  10510. border-color: #f012be;
  10511. }
  10512. .sidebar-dark-maroon .nav-sidebar > .nav-item > .nav-link.active,
  10513. .sidebar-light-maroon .nav-sidebar > .nav-item > .nav-link.active {
  10514. background-color: #d81b60;
  10515. color: #ffffff;
  10516. }
  10517. .sidebar-dark-maroon .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
  10518. .sidebar-light-maroon .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
  10519. border-color: #d81b60;
  10520. }
  10521. .sidebar-dark-blue .nav-sidebar > .nav-item > .nav-link.active,
  10522. .sidebar-light-blue .nav-sidebar > .nav-item > .nav-link.active {
  10523. background-color: #007bff;
  10524. color: #ffffff;
  10525. }
  10526. .sidebar-dark-blue .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
  10527. .sidebar-light-blue .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
  10528. border-color: #007bff;
  10529. }
  10530. .sidebar-dark-indigo .nav-sidebar > .nav-item > .nav-link.active,
  10531. .sidebar-light-indigo .nav-sidebar > .nav-item > .nav-link.active {
  10532. background-color: #6610f2;
  10533. color: #ffffff;
  10534. }
  10535. .sidebar-dark-indigo .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
  10536. .sidebar-light-indigo .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
  10537. border-color: #6610f2;
  10538. }
  10539. .sidebar-dark-purple .nav-sidebar > .nav-item > .nav-link.active,
  10540. .sidebar-light-purple .nav-sidebar > .nav-item > .nav-link.active {
  10541. background-color: #6f42c1;
  10542. color: #ffffff;
  10543. }
  10544. .sidebar-dark-purple .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
  10545. .sidebar-light-purple .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
  10546. border-color: #6f42c1;
  10547. }
  10548. .sidebar-dark-pink .nav-sidebar > .nav-item > .nav-link.active,
  10549. .sidebar-light-pink .nav-sidebar > .nav-item > .nav-link.active {
  10550. background-color: #e83e8c;
  10551. color: #ffffff;
  10552. }
  10553. .sidebar-dark-pink .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
  10554. .sidebar-light-pink .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
  10555. border-color: #e83e8c;
  10556. }
  10557. .sidebar-dark-red .nav-sidebar > .nav-item > .nav-link.active,
  10558. .sidebar-light-red .nav-sidebar > .nav-item > .nav-link.active {
  10559. background-color: #dc3545;
  10560. color: #ffffff;
  10561. }
  10562. .sidebar-dark-red .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
  10563. .sidebar-light-red .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
  10564. border-color: #dc3545;
  10565. }
  10566. .sidebar-dark-orange .nav-sidebar > .nav-item > .nav-link.active,
  10567. .sidebar-light-orange .nav-sidebar > .nav-item > .nav-link.active {
  10568. background-color: #fd7e14;
  10569. color: #1F2D3D;
  10570. }
  10571. .sidebar-dark-orange .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
  10572. .sidebar-light-orange .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
  10573. border-color: #fd7e14;
  10574. }
  10575. .sidebar-dark-yellow .nav-sidebar > .nav-item > .nav-link.active,
  10576. .sidebar-light-yellow .nav-sidebar > .nav-item > .nav-link.active {
  10577. background-color: #ffc107;
  10578. color: #1F2D3D;
  10579. }
  10580. .sidebar-dark-yellow .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
  10581. .sidebar-light-yellow .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
  10582. border-color: #ffc107;
  10583. }
  10584. .sidebar-dark-green .nav-sidebar > .nav-item > .nav-link.active,
  10585. .sidebar-light-green .nav-sidebar > .nav-item > .nav-link.active {
  10586. background-color: #28a745;
  10587. color: #ffffff;
  10588. }
  10589. .sidebar-dark-green .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
  10590. .sidebar-light-green .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
  10591. border-color: #28a745;
  10592. }
  10593. .sidebar-dark-teal .nav-sidebar > .nav-item > .nav-link.active,
  10594. .sidebar-light-teal .nav-sidebar > .nav-item > .nav-link.active {
  10595. background-color: #20c997;
  10596. color: #ffffff;
  10597. }
  10598. .sidebar-dark-teal .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
  10599. .sidebar-light-teal .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
  10600. border-color: #20c997;
  10601. }
  10602. .sidebar-dark-cyan .nav-sidebar > .nav-item > .nav-link.active,
  10603. .sidebar-light-cyan .nav-sidebar > .nav-item > .nav-link.active {
  10604. background-color: #17a2b8;
  10605. color: #ffffff;
  10606. }
  10607. .sidebar-dark-cyan .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
  10608. .sidebar-light-cyan .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
  10609. border-color: #17a2b8;
  10610. }
  10611. .sidebar-dark-white .nav-sidebar > .nav-item > .nav-link.active,
  10612. .sidebar-light-white .nav-sidebar > .nav-item > .nav-link.active {
  10613. background-color: #ffffff;
  10614. color: #1F2D3D;
  10615. }
  10616. .sidebar-dark-white .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
  10617. .sidebar-light-white .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
  10618. border-color: #ffffff;
  10619. }
  10620. .sidebar-dark-gray .nav-sidebar > .nav-item > .nav-link.active,
  10621. .sidebar-light-gray .nav-sidebar > .nav-item > .nav-link.active {
  10622. background-color: #6c757d;
  10623. color: #ffffff;
  10624. }
  10625. .sidebar-dark-gray .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
  10626. .sidebar-light-gray .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
  10627. border-color: #6c757d;
  10628. }
  10629. .sidebar-dark-gray-dark .nav-sidebar > .nav-item > .nav-link.active,
  10630. .sidebar-light-gray-dark .nav-sidebar > .nav-item > .nav-link.active {
  10631. background-color: #343a40;
  10632. color: #ffffff;
  10633. }
  10634. .sidebar-dark-gray-dark .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
  10635. .sidebar-light-gray-dark .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
  10636. border-color: #343a40;
  10637. }
  10638. .nav-flat {
  10639. margin: -0.25rem -0.5rem 0;
  10640. }
  10641. .nav-flat.nav-child-indent .nav-treeview {
  10642. padding-left: 0 !important;
  10643. }
  10644. .nav-flat.nav-child-indent .nav-treeview .nav-treeview {
  10645. border-left: .2rem solid;
  10646. }
  10647. .nav-flat .nav-item > .nav-link {
  10648. border-radius: 0;
  10649. margin-bottom: 0;
  10650. }
  10651. .nav-flat .nav-icon {
  10652. transition: margin-left ease-in-out 0.3s;
  10653. }
  10654. @media (prefers-reduced-motion: reduce) {
  10655. .nav-flat .nav-icon {
  10656. transition: none;
  10657. }
  10658. }
  10659. .nav-flat .nav-treeview .nav-icon {
  10660. margin-left: -.2rem;
  10661. }
  10662. .sidebar-collapse .nav-flat .nav-icon {
  10663. margin-left: .5rem;
  10664. }
  10665. .sidebar-collapse .nav-flat .nav-treeview .nav-icon {
  10666. margin-left: .3rem;
  10667. }
  10668. .nav-flat.nav-sidebar > .nav-item .nav-treeview,
  10669. .nav-flat.nav-sidebar > .nav-item > .nav-treeview {
  10670. background: rgba(255, 255, 255, 0.05);
  10671. }
  10672. .nav-flat.nav-sidebar > .nav-item .nav-treeview .nav-item > .nav-link,
  10673. .nav-flat.nav-sidebar > .nav-item > .nav-treeview .nav-item > .nav-link {
  10674. border-left: .2rem solid;
  10675. }
  10676. .nav-legacy {
  10677. margin: -0.25rem -0.5rem 0;
  10678. }
  10679. .nav-legacy.nav-sidebar .nav-item > .nav-link {
  10680. border-radius: 0;
  10681. margin-bottom: 0;
  10682. }
  10683. .nav-legacy.nav-sidebar > .nav-item > .nav-link.active {
  10684. background: inherit;
  10685. border-left: 3px solid transparent;
  10686. box-shadow: none;
  10687. }
  10688. .nav-legacy.nav-sidebar > .nav-item > .nav-link.active > .nav-icon {
  10689. margin-left: -3px;
  10690. }
  10691. [class*='sidebar-dark'] .nav-legacy.nav-sidebar > .nav-item .nav-treeview,
  10692. [class*='sidebar-dark'] .nav-legacy.nav-sidebar > .nav-item > .nav-treeview {
  10693. background: rgba(255, 255, 255, 0.05);
  10694. }
  10695. [class*='sidebar-dark'] .nav-legacy.nav-sidebar > .nav-item > .nav-link.active {
  10696. color: #ffffff;
  10697. }
  10698. [class*='sidebar-dark'] .nav-legacy .nav-treeview > .nav-item > .nav-link.active, [class*='sidebar-dark'] .nav-legacy .nav-treeview > .nav-item > .nav-link:focus, [class*='sidebar-dark'] .nav-legacy .nav-treeview > .nav-item > .nav-link:hover {
  10699. background: none;
  10700. color: #ffffff;
  10701. }
  10702. [class*='sidebar-light'] .nav-legacy.nav-sidebar > .nav-item .nav-treeview,
  10703. [class*='sidebar-light'] .nav-legacy.nav-sidebar > .nav-item > .nav-treeview {
  10704. background: rgba(0, 0, 0, 0.05);
  10705. }
  10706. [class*='sidebar-light'] .nav-legacy.nav-sidebar > .nav-item > .nav-link.active {
  10707. color: #000;
  10708. }
  10709. [class*='sidebar-light'] .nav-legacy .nav-treeview > .nav-item > .nav-link.active, [class*='sidebar-light'] .nav-legacy .nav-treeview > .nav-item > .nav-link:focus, [class*='sidebar-light'] .nav-legacy .nav-treeview > .nav-item > .nav-link:hover {
  10710. background: none;
  10711. color: #000;
  10712. }
  10713. .nav-collapse-hide-child .menu-open > .nav-treeview {
  10714. max-height: -webkit-min-content;
  10715. max-height: -moz-min-content;
  10716. max-height: min-content;
  10717. opacity: 1;
  10718. }
  10719. .sidebar-collapse .nav-collapse-hide-child .menu-open > .nav-treeview {
  10720. max-height: 0;
  10721. opacity: 0;
  10722. }
  10723. .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .nav-collapse-hide-child .menu-open > .nav-treeview,
  10724. .sidebar-mini.sidebar-collapse .main-sidebar:hover .nav-collapse-hide-child .menu-open > .nav-treeview {
  10725. max-height: -webkit-min-content;
  10726. max-height: -moz-min-content;
  10727. max-height: min-content;
  10728. opacity: 1;
  10729. }
  10730. .nav-compact .nav-link,
  10731. .nav-compact .nav-header {
  10732. padding: 0.25rem 0.5rem;
  10733. }
  10734. .nav-compact .nav-header:not(:first-of-type) {
  10735. padding: 0.75rem 0.5rem 0.25rem;
  10736. }
  10737. .nav-compact .nav-link > .right,
  10738. .nav-compact .nav-link > p > .right {
  10739. top: .5rem;
  10740. right: .5rem;
  10741. }
  10742. .nav-compact .nav-link > .right:nth-child(2),
  10743. .nav-compact .nav-link > p > .right:nth-child(2) {
  10744. right: 1.6rem;
  10745. }
  10746. [class*='sidebar-dark'] .form-control-sidebar,
  10747. [class*='sidebar-dark'] .btn-sidebar {
  10748. background: #3f474e;
  10749. border: 1px solid #56606a;
  10750. color: white;
  10751. }
  10752. [class*='sidebar-dark'] .form-control-sidebar:focus,
  10753. [class*='sidebar-dark'] .btn-sidebar:focus {
  10754. border: 1px solid #7a8793;
  10755. }
  10756. [class*='sidebar-dark'] .btn-sidebar:hover {
  10757. background: #454d55;
  10758. }
  10759. [class*='sidebar-dark'] .btn-sidebar:focus {
  10760. background: #4b545c;
  10761. }
  10762. [class*='sidebar-light'] .form-control-sidebar,
  10763. [class*='sidebar-light'] .btn-sidebar {
  10764. background: #f2f2f2;
  10765. border: 1px solid #d9d9d9;
  10766. color: #1F2D3D;
  10767. }
  10768. [class*='sidebar-light'] .form-control-sidebar:focus,
  10769. [class*='sidebar-light'] .btn-sidebar:focus {
  10770. border: 1px solid #b3b3b3;
  10771. }
  10772. [class*='sidebar-light'] .btn-sidebar:hover {
  10773. background: #ececec;
  10774. }
  10775. [class*='sidebar-light'] .btn-sidebar:focus {
  10776. background: #e6e6e6;
  10777. }
  10778. .logo-xs,
  10779. .logo-xl {
  10780. opacity: 1;
  10781. position: absolute;
  10782. visibility: visible;
  10783. }
  10784. .logo-xs.brand-image-xs,
  10785. .logo-xl.brand-image-xs {
  10786. left: 18px;
  10787. top: 12px;
  10788. }
  10789. .logo-xs.brand-image-xl,
  10790. .logo-xl.brand-image-xl {
  10791. left: 12px;
  10792. top: 6px;
  10793. }
  10794. .logo-xs {
  10795. opacity: 0;
  10796. visibility: hidden;
  10797. }
  10798. .logo-xs.brand-image-xl {
  10799. left: 16px;
  10800. top: 8px;
  10801. }
  10802. .brand-link.logo-switch::before {
  10803. content: '\00a0';
  10804. }
  10805. @media (min-width: 992px) {
  10806. .sidebar-mini .nav-sidebar,
  10807. .sidebar-mini .nav-sidebar > .nav-header,
  10808. .sidebar-mini .nav-sidebar .nav-link {
  10809. white-space: nowrap;
  10810. overflow: hidden;
  10811. }
  10812. .sidebar-mini.sidebar-collapse .d-hidden-mini {
  10813. display: none;
  10814. }
  10815. .sidebar-mini.sidebar-collapse .content-wrapper,
  10816. .sidebar-mini.sidebar-collapse .main-footer,
  10817. .sidebar-mini.sidebar-collapse .main-header {
  10818. margin-left: 4.6rem !important;
  10819. }
  10820. .sidebar-mini.sidebar-collapse .nav-sidebar .nav-header {
  10821. display: none;
  10822. }
  10823. .sidebar-mini.sidebar-collapse .nav-sidebar .nav-link p {
  10824. width: 0;
  10825. }
  10826. .sidebar-mini.sidebar-collapse .sidebar .user-panel > .info,
  10827. .sidebar-mini.sidebar-collapse .nav-sidebar .nav-link p,
  10828. .sidebar-mini.sidebar-collapse .brand-text {
  10829. margin-left: -10px;
  10830. opacity: 0;
  10831. visibility: hidden;
  10832. }
  10833. .sidebar-mini.sidebar-collapse .logo-xl {
  10834. opacity: 0;
  10835. visibility: hidden;
  10836. }
  10837. .sidebar-mini.sidebar-collapse .logo-xs {
  10838. display: inline-block;
  10839. opacity: 1;
  10840. visibility: visible;
  10841. }
  10842. .sidebar-mini.sidebar-collapse .main-sidebar {
  10843. overflow-x: hidden;
  10844. }
  10845. .sidebar-mini.sidebar-collapse .main-sidebar, .sidebar-mini.sidebar-collapse .main-sidebar::before {
  10846. margin-left: 0;
  10847. width: 4.6rem;
  10848. }
  10849. .sidebar-mini.sidebar-collapse .main-sidebar .user-panel .image {
  10850. float: none;
  10851. }
  10852. .sidebar-mini.sidebar-collapse .main-sidebar:hover, .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused {
  10853. width: 250px;
  10854. }
  10855. .sidebar-mini.sidebar-collapse .main-sidebar:hover .nav-sidebar.nav-child-indent .nav-treeview, .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .nav-sidebar.nav-child-indent .nav-treeview {
  10856. padding-left: 1rem;
  10857. }
  10858. .sidebar-mini.sidebar-collapse .main-sidebar:hover .brand-link, .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .brand-link {
  10859. width: 250px;
  10860. }
  10861. .sidebar-mini.sidebar-collapse .main-sidebar:hover .user-panel, .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .user-panel {
  10862. text-align: left;
  10863. }
  10864. .sidebar-mini.sidebar-collapse .main-sidebar:hover .user-panel .image, .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .user-panel .image {
  10865. float: left;
  10866. }
  10867. .sidebar-mini.sidebar-collapse .main-sidebar:hover .user-panel > .info,
  10868. .sidebar-mini.sidebar-collapse .main-sidebar:hover .nav-sidebar .nav-link p,
  10869. .sidebar-mini.sidebar-collapse .main-sidebar:hover .brand-text,
  10870. .sidebar-mini.sidebar-collapse .main-sidebar:hover .logo-xl, .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .user-panel > .info,
  10871. .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .nav-sidebar .nav-link p,
  10872. .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .brand-text,
  10873. .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .logo-xl {
  10874. display: inline-block;
  10875. margin-left: 0;
  10876. opacity: 1;
  10877. visibility: visible;
  10878. }
  10879. .sidebar-mini.sidebar-collapse .main-sidebar:hover .nav-flat .nav-icon, .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .nav-flat .nav-icon {
  10880. margin-left: 0;
  10881. }
  10882. .sidebar-mini.sidebar-collapse .main-sidebar:hover .nav-flat .nav-treeview .nav-icon, .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .nav-flat .nav-treeview .nav-icon {
  10883. margin-left: -.2rem;
  10884. }
  10885. .sidebar-mini.sidebar-collapse .main-sidebar:hover .logo-xs, .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .logo-xs {
  10886. opacity: 0;
  10887. visibility: hidden;
  10888. }
  10889. .sidebar-mini.sidebar-collapse .main-sidebar:hover .brand-image, .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .brand-image {
  10890. margin-right: .5rem;
  10891. }
  10892. .sidebar-mini.sidebar-collapse .main-sidebar:hover .sidebar-form,
  10893. .sidebar-mini.sidebar-collapse .main-sidebar:hover .user-panel > .info, .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .sidebar-form,
  10894. .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .user-panel > .info {
  10895. display: block !important;
  10896. -webkit-transform: translateZ(0);
  10897. }
  10898. .sidebar-mini.sidebar-collapse .main-sidebar:hover .nav-sidebar > .nav-item > .nav-link > span, .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .nav-sidebar > .nav-item > .nav-link > span {
  10899. display: inline-block !important;
  10900. }
  10901. .sidebar-mini.sidebar-collapse .visible-sidebar-mini {
  10902. display: block !important;
  10903. }
  10904. .sidebar-mini.sidebar-collapse.layout-fixed .main-sidebar:hover .brand-link {
  10905. width: 250px;
  10906. }
  10907. .sidebar-mini.sidebar-collapse.layout-fixed .brand-link {
  10908. width: 4.6rem;
  10909. }
  10910. }
  10911. @media (min-width: 768px) {
  10912. .sidebar-mini-md .nav-sidebar,
  10913. .sidebar-mini-md .nav-sidebar > .nav-header,
  10914. .sidebar-mini-md .nav-sidebar .nav-link {
  10915. white-space: nowrap;
  10916. overflow: hidden;
  10917. }
  10918. .sidebar-mini-md.sidebar-collapse .d-hidden-mini {
  10919. display: none;
  10920. }
  10921. .sidebar-mini-md.sidebar-collapse .content-wrapper,
  10922. .sidebar-mini-md.sidebar-collapse .main-footer,
  10923. .sidebar-mini-md.sidebar-collapse .main-header {
  10924. margin-left: 4.6rem !important;
  10925. }
  10926. .sidebar-mini-md.sidebar-collapse .nav-sidebar .nav-header {
  10927. display: none;
  10928. }
  10929. .sidebar-mini-md.sidebar-collapse .nav-sidebar .nav-link p {
  10930. width: 0;
  10931. }
  10932. .sidebar-mini-md.sidebar-collapse .sidebar .user-panel > .info,
  10933. .sidebar-mini-md.sidebar-collapse .nav-sidebar .nav-link p,
  10934. .sidebar-mini-md.sidebar-collapse .brand-text {
  10935. margin-left: -10px;
  10936. opacity: 0;
  10937. visibility: hidden;
  10938. }
  10939. .sidebar-mini-md.sidebar-collapse .logo-xl {
  10940. opacity: 0;
  10941. visibility: hidden;
  10942. }
  10943. .sidebar-mini-md.sidebar-collapse .logo-xs {
  10944. display: inline-block;
  10945. opacity: 1;
  10946. visibility: visible;
  10947. }
  10948. .sidebar-mini-md.sidebar-collapse .main-sidebar {
  10949. overflow-x: hidden;
  10950. }
  10951. .sidebar-mini-md.sidebar-collapse .main-sidebar, .sidebar-mini-md.sidebar-collapse .main-sidebar::before {
  10952. margin-left: 0;
  10953. width: 4.6rem;
  10954. }
  10955. .sidebar-mini-md.sidebar-collapse .main-sidebar .user-panel .image {
  10956. float: none;
  10957. }
  10958. .sidebar-mini-md.sidebar-collapse .main-sidebar:hover, .sidebar-mini-md.sidebar-collapse .main-sidebar.sidebar-focused {
  10959. width: 250px;
  10960. }
  10961. .sidebar-mini-md.sidebar-collapse .main-sidebar:hover .nav-sidebar.nav-child-indent .nav-treeview, .sidebar-mini-md.sidebar-collapse .main-sidebar.sidebar-focused .nav-sidebar.nav-child-indent .nav-treeview {
  10962. padding-left: 1rem;
  10963. }
  10964. .sidebar-mini-md.sidebar-collapse .main-sidebar:hover .brand-link, .sidebar-mini-md.sidebar-collapse .main-sidebar.sidebar-focused .brand-link {
  10965. width: 250px;
  10966. }
  10967. .sidebar-mini-md.sidebar-collapse .main-sidebar:hover .user-panel, .sidebar-mini-md.sidebar-collapse .main-sidebar.sidebar-focused .user-panel {
  10968. text-align: left;
  10969. }
  10970. .sidebar-mini-md.sidebar-collapse .main-sidebar:hover .user-panel .image, .sidebar-mini-md.sidebar-collapse .main-sidebar.sidebar-focused .user-panel .image {
  10971. float: left;
  10972. }
  10973. .sidebar-mini-md.sidebar-collapse .main-sidebar:hover .user-panel > .info,
  10974. .sidebar-mini-md.sidebar-collapse .main-sidebar:hover .nav-sidebar .nav-link p,
  10975. .sidebar-mini-md.sidebar-collapse .main-sidebar:hover .brand-text,
  10976. .sidebar-mini-md.sidebar-collapse .main-sidebar:hover .logo-xl, .sidebar-mini-md.sidebar-collapse .main-sidebar.sidebar-focused .user-panel > .info,
  10977. .sidebar-mini-md.sidebar-collapse .main-sidebar.sidebar-focused .nav-sidebar .nav-link p,
  10978. .sidebar-mini-md.sidebar-collapse .main-sidebar.sidebar-focused .brand-text,
  10979. .sidebar-mini-md.sidebar-collapse .main-sidebar.sidebar-focused .logo-xl {
  10980. display: inline-block;
  10981. margin-left: 0;
  10982. opacity: 1;
  10983. visibility: visible;
  10984. }
  10985. .sidebar-mini-md.sidebar-collapse .main-sidebar:hover .nav-flat .nav-icon, .sidebar-mini-md.sidebar-collapse .main-sidebar.sidebar-focused .nav-flat .nav-icon {
  10986. margin-left: 0;
  10987. }
  10988. .sidebar-mini-md.sidebar-collapse .main-sidebar:hover .nav-flat .nav-treeview .nav-icon, .sidebar-mini-md.sidebar-collapse .main-sidebar.sidebar-focused .nav-flat .nav-treeview .nav-icon {
  10989. margin-left: -.2rem;
  10990. }
  10991. .sidebar-mini-md.sidebar-collapse .main-sidebar:hover .logo-xs, .sidebar-mini-md.sidebar-collapse .main-sidebar.sidebar-focused .logo-xs {
  10992. opacity: 0;
  10993. visibility: hidden;
  10994. }
  10995. .sidebar-mini-md.sidebar-collapse .main-sidebar:hover .brand-image, .sidebar-mini-md.sidebar-collapse .main-sidebar.sidebar-focused .brand-image {
  10996. margin-right: .5rem;
  10997. }
  10998. .sidebar-mini-md.sidebar-collapse .main-sidebar:hover .sidebar-form,
  10999. .sidebar-mini-md.sidebar-collapse .main-sidebar:hover .user-panel > .info, .sidebar-mini-md.sidebar-collapse .main-sidebar.sidebar-focused .sidebar-form,
  11000. .sidebar-mini-md.sidebar-collapse .main-sidebar.sidebar-focused .user-panel > .info {
  11001. display: block !important;
  11002. -webkit-transform: translateZ(0);
  11003. }
  11004. .sidebar-mini-md.sidebar-collapse .main-sidebar:hover .nav-sidebar > .nav-item > .nav-link > span, .sidebar-mini-md.sidebar-collapse .main-sidebar.sidebar-focused .nav-sidebar > .nav-item > .nav-link > span {
  11005. display: inline-block !important;
  11006. }
  11007. .sidebar-mini-md.sidebar-collapse .visible-sidebar-mini {
  11008. display: block !important;
  11009. }
  11010. .sidebar-mini-md.sidebar-collapse.layout-fixed .main-sidebar:hover .brand-link {
  11011. width: 250px;
  11012. }
  11013. .sidebar-mini-md.sidebar-collapse.layout-fixed .brand-link {
  11014. width: 4.6rem;
  11015. }
  11016. }
  11017. .sidebar-collapse .sidebar-no-expand.main-sidebar.sidebar-focused,
  11018. .sidebar-collapse .sidebar-no-expand.main-sidebar:hover {
  11019. width: 4.6rem;
  11020. }
  11021. .sidebar-collapse .sidebar-no-expand.main-sidebar.sidebar-focused .brand-link,
  11022. .sidebar-collapse .sidebar-no-expand.main-sidebar:hover .brand-link {
  11023. width: 4.6rem !important;
  11024. }
  11025. .sidebar-collapse .sidebar-no-expand.main-sidebar.sidebar-focused .user-panel .image,
  11026. .sidebar-collapse .sidebar-no-expand.main-sidebar:hover .user-panel .image {
  11027. float: none !important;
  11028. }
  11029. .sidebar-collapse .sidebar-no-expand.main-sidebar.sidebar-focused .logo-xs,
  11030. .sidebar-collapse .sidebar-no-expand.main-sidebar:hover .logo-xs {
  11031. opacity: 1;
  11032. visibility: visible;
  11033. }
  11034. .sidebar-collapse .sidebar-no-expand.main-sidebar.sidebar-focused .logo-xl,
  11035. .sidebar-collapse .sidebar-no-expand.main-sidebar:hover .logo-xl {
  11036. opacity: 0;
  11037. visibility: hidden;
  11038. }
  11039. .sidebar-collapse .sidebar-no-expand.main-sidebar.sidebar-focused .nav-sidebar.nav-child-indent .nav-treeview,
  11040. .sidebar-collapse .sidebar-no-expand.main-sidebar:hover .nav-sidebar.nav-child-indent .nav-treeview {
  11041. padding-left: 0;
  11042. }
  11043. .sidebar-collapse .sidebar-no-expand.main-sidebar.sidebar-focused .brand-text,
  11044. .sidebar-collapse .sidebar-no-expand.main-sidebar.sidebar-focused .user-panel > .info,
  11045. .sidebar-collapse .sidebar-no-expand.main-sidebar.sidebar-focused .nav-sidebar .nav-link p,
  11046. .sidebar-collapse .sidebar-no-expand.main-sidebar:hover .brand-text,
  11047. .sidebar-collapse .sidebar-no-expand.main-sidebar:hover .user-panel > .info,
  11048. .sidebar-collapse .sidebar-no-expand.main-sidebar:hover .nav-sidebar .nav-link p {
  11049. margin-left: -10px;
  11050. opacity: 0;
  11051. visibility: hidden;
  11052. width: 0;
  11053. }
  11054. .sidebar-collapse .sidebar-no-expand.main-sidebar.sidebar-focused .nav-sidebar > .nav-item .nav-icon,
  11055. .sidebar-collapse .sidebar-no-expand.main-sidebar:hover .nav-sidebar > .nav-item .nav-icon {
  11056. margin-right: 0;
  11057. }
  11058. .sidebar-collapse .sidebar-no-expand.main-sidebar.sidebar-focused .nav-flat .nav-icon,
  11059. .sidebar-collapse .sidebar-no-expand.main-sidebar:hover .nav-flat .nav-icon {
  11060. margin-left: .5rem;
  11061. }
  11062. .sidebar-collapse .sidebar-no-expand.main-sidebar.sidebar-focused .nav-flat .nav-treeview .nav-icon,
  11063. .sidebar-collapse .sidebar-no-expand.main-sidebar:hover .nav-flat .nav-treeview .nav-icon {
  11064. margin-left: .3rem;
  11065. }
  11066. .nav-sidebar {
  11067. position: relative;
  11068. }
  11069. .nav-sidebar:hover {
  11070. overflow: visible;
  11071. }
  11072. .sidebar-form,
  11073. .nav-sidebar > .nav-header {
  11074. overflow: hidden;
  11075. text-overflow: clip;
  11076. }
  11077. .nav-sidebar .nav-item > .nav-link {
  11078. position: relative;
  11079. }
  11080. .nav-sidebar .nav-item > .nav-link > .float-right {
  11081. margin-top: -7px;
  11082. position: absolute;
  11083. right: 10px;
  11084. top: 50%;
  11085. }
  11086. .sidebar .nav-link p,
  11087. .main-sidebar .brand-text,
  11088. .main-sidebar .logo-xs,
  11089. .main-sidebar .logo-xl,
  11090. .sidebar .user-panel .info {
  11091. transition: margin-left 0.3s linear, opacity 0.3s ease, visibility 0.3s ease;
  11092. }
  11093. @media (prefers-reduced-motion: reduce) {
  11094. .sidebar .nav-link p,
  11095. .main-sidebar .brand-text,
  11096. .main-sidebar .logo-xs,
  11097. .main-sidebar .logo-xl,
  11098. .sidebar .user-panel .info {
  11099. transition: none;
  11100. }
  11101. }
  11102. html.control-sidebar-animate {
  11103. overflow-x: hidden;
  11104. }
  11105. .control-sidebar {
  11106. bottom: calc(3.5rem + 1px);
  11107. position: absolute;
  11108. top: calc(3.5rem + 1px);
  11109. z-index: 1031;
  11110. }
  11111. .control-sidebar, .control-sidebar::before {
  11112. bottom: calc(3.5rem + 1px);
  11113. display: none;
  11114. right: -250px;
  11115. width: 250px;
  11116. transition: right 0.3s ease-in-out, display 0.3s ease-in-out;
  11117. }
  11118. @media (prefers-reduced-motion: reduce) {
  11119. .control-sidebar, .control-sidebar::before {
  11120. transition: none;
  11121. }
  11122. }
  11123. .control-sidebar::before {
  11124. content: '';
  11125. display: block;
  11126. position: fixed;
  11127. top: 0;
  11128. z-index: -1;
  11129. }
  11130. body.text-sm .control-sidebar {
  11131. bottom: calc(2.9365rem + 1px);
  11132. top: calc(2.93725rem + 1px);
  11133. }
  11134. .main-header.text-sm ~ .control-sidebar {
  11135. top: calc(2.93725rem + 1px);
  11136. }
  11137. .main-footer.text-sm ~ .control-sidebar {
  11138. bottom: calc(2.9365rem + 1px);
  11139. }
  11140. .control-sidebar-push-slide .content-wrapper,
  11141. .control-sidebar-push-slide .main-footer {
  11142. transition: margin-right 0.3s ease-in-out;
  11143. }
  11144. @media (prefers-reduced-motion: reduce) {
  11145. .control-sidebar-push-slide .content-wrapper,
  11146. .control-sidebar-push-slide .main-footer {
  11147. transition: none;
  11148. }
  11149. }
  11150. .control-sidebar-open .control-sidebar {
  11151. display: block;
  11152. }
  11153. .control-sidebar-open .control-sidebar, .control-sidebar-open .control-sidebar::before {
  11154. right: 0;
  11155. }
  11156. .control-sidebar-open.control-sidebar-push .content-wrapper,
  11157. .control-sidebar-open.control-sidebar-push .main-footer, .control-sidebar-open.control-sidebar-push-slide .content-wrapper,
  11158. .control-sidebar-open.control-sidebar-push-slide .main-footer {
  11159. margin-right: 250px;
  11160. }
  11161. .control-sidebar-slide-open .control-sidebar {
  11162. display: block;
  11163. }
  11164. .control-sidebar-slide-open .control-sidebar, .control-sidebar-slide-open .control-sidebar::before {
  11165. right: 0;
  11166. transition: right 0.3s ease-in-out, display 0.3s ease-in-out;
  11167. }
  11168. @media (prefers-reduced-motion: reduce) {
  11169. .control-sidebar-slide-open .control-sidebar, .control-sidebar-slide-open .control-sidebar::before {
  11170. transition: none;
  11171. }
  11172. }
  11173. .control-sidebar-slide-open.control-sidebar-push .content-wrapper,
  11174. .control-sidebar-slide-open.control-sidebar-push .main-footer, .control-sidebar-slide-open.control-sidebar-push-slide .content-wrapper,
  11175. .control-sidebar-slide-open.control-sidebar-push-slide .main-footer {
  11176. margin-right: 250px;
  11177. }
  11178. .control-sidebar-dark,
  11179. .control-sidebar-dark a,
  11180. .control-sidebar-dark .nav-link {
  11181. color: #C2C7D0;
  11182. }
  11183. .control-sidebar-dark {
  11184. background: #343a40;
  11185. }
  11186. .control-sidebar-dark a:hover {
  11187. color: #ffffff;
  11188. }
  11189. .control-sidebar-dark h1,
  11190. .control-sidebar-dark h2,
  11191. .control-sidebar-dark h3,
  11192. .control-sidebar-dark h4,
  11193. .control-sidebar-dark h5,
  11194. .control-sidebar-dark h6,
  11195. .control-sidebar-dark label {
  11196. color: #ffffff;
  11197. }
  11198. .control-sidebar-dark .nav-tabs {
  11199. background-color: rgba(255, 255, 255, 0.1);
  11200. border-bottom: 0;
  11201. margin-bottom: 5px;
  11202. }
  11203. .control-sidebar-dark .nav-tabs .nav-item {
  11204. margin: 0;
  11205. }
  11206. .control-sidebar-dark .nav-tabs .nav-link {
  11207. border-radius: 0;
  11208. padding: 10px 20px;
  11209. position: relative;
  11210. text-align: center;
  11211. }
  11212. .control-sidebar-dark .nav-tabs .nav-link, .control-sidebar-dark .nav-tabs .nav-link:hover, .control-sidebar-dark .nav-tabs .nav-link:active, .control-sidebar-dark .nav-tabs .nav-link:focus, .control-sidebar-dark .nav-tabs .nav-link.active {
  11213. border: 0;
  11214. }
  11215. .control-sidebar-dark .nav-tabs .nav-link:hover, .control-sidebar-dark .nav-tabs .nav-link:active, .control-sidebar-dark .nav-tabs .nav-link:focus, .control-sidebar-dark .nav-tabs .nav-link.active {
  11216. border-bottom-color: transparent;
  11217. border-left-color: transparent;
  11218. border-top-color: transparent;
  11219. color: #ffffff;
  11220. }
  11221. .control-sidebar-dark .nav-tabs .nav-link.active {
  11222. background-color: #343a40;
  11223. }
  11224. .control-sidebar-dark .tab-pane {
  11225. padding: 10px 15px;
  11226. }
  11227. .control-sidebar-light {
  11228. color: #4b545c;
  11229. }
  11230. .control-sidebar-light {
  11231. background: #ffffff;
  11232. border-left: 1px solid #dee2e6;
  11233. }
  11234. .text-sm .dropdown-menu {
  11235. font-size: 0.875rem !important;
  11236. }
  11237. .text-sm .dropdown-toggle::after {
  11238. vertical-align: .2rem;
  11239. }
  11240. .dropdown-item-title {
  11241. font-size: 1rem;
  11242. margin: 0;
  11243. }
  11244. .dropdown-icon::after {
  11245. margin-left: 0;
  11246. }
  11247. .dropdown-menu-lg {
  11248. max-width: 300px;
  11249. min-width: 280px;
  11250. padding: 0;
  11251. }
  11252. .dropdown-menu-lg .dropdown-divider {
  11253. margin: 0;
  11254. }
  11255. .dropdown-menu-lg .dropdown-item {
  11256. padding: 0.5rem 1rem;
  11257. }
  11258. .dropdown-menu-lg p {
  11259. margin: 0;
  11260. white-space: normal;
  11261. }
  11262. .dropdown-submenu {
  11263. position: relative;
  11264. }
  11265. .dropdown-submenu > a:after {
  11266. border-top: 0.3em solid transparent;
  11267. border-right: 0;
  11268. border-bottom: 0.3em solid transparent;
  11269. border-left: 0.3em solid;
  11270. float: right;
  11271. margin-left: .5rem;
  11272. margin-top: .5rem;
  11273. }
  11274. .dropdown-submenu > .dropdown-menu {
  11275. left: 100%;
  11276. margin-left: 0px;
  11277. margin-top: 0px;
  11278. top: 0;
  11279. }
  11280. .dropdown-hover:hover > .dropdown-menu, .dropdown-hover.nav-item.dropdown:hover > .dropdown-menu,
  11281. .dropdown-hover .dropdown-submenu:hover > .dropdown-menu, .dropdown-hover.dropdown-submenu:hover > .dropdown-menu {
  11282. display: block;
  11283. }
  11284. .dropdown-menu-xl {
  11285. max-width: 420px;
  11286. min-width: 360px;
  11287. padding: 0;
  11288. }
  11289. .dropdown-menu-xl .dropdown-divider {
  11290. margin: 0;
  11291. }
  11292. .dropdown-menu-xl .dropdown-item {
  11293. padding: 0.5rem 1rem;
  11294. }
  11295. .dropdown-menu-xl p {
  11296. margin: 0;
  11297. white-space: normal;
  11298. }
  11299. .dropdown-footer,
  11300. .dropdown-header {
  11301. display: block;
  11302. font-size: 0.875rem;
  11303. padding: 0.5rem 1rem;
  11304. text-align: center;
  11305. }
  11306. .open:not(.dropup) > .animated-dropdown-menu {
  11307. -webkit-animation: flipInX 0.7s both;
  11308. animation: flipInX 0.7s both;
  11309. -webkit-backface-visibility: visible !important;
  11310. backface-visibility: visible !important;
  11311. }
  11312. @-webkit-keyframes flipInX {
  11313. 0% {
  11314. -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
  11315. transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
  11316. transition-timing-function: ease-in;
  11317. opacity: 0;
  11318. }
  11319. 40% {
  11320. -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
  11321. transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
  11322. transition-timing-function: ease-in;
  11323. }
  11324. 60% {
  11325. -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
  11326. transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
  11327. opacity: 1;
  11328. }
  11329. 80% {
  11330. -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  11331. transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  11332. }
  11333. 100% {
  11334. -webkit-transform: perspective(400px);
  11335. transform: perspective(400px);
  11336. }
  11337. }
  11338. @keyframes flipInX {
  11339. 0% {
  11340. -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
  11341. transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
  11342. transition-timing-function: ease-in;
  11343. opacity: 0;
  11344. }
  11345. 40% {
  11346. -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
  11347. transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
  11348. transition-timing-function: ease-in;
  11349. }
  11350. 60% {
  11351. -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
  11352. transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
  11353. opacity: 1;
  11354. }
  11355. 80% {
  11356. -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  11357. transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  11358. }
  11359. 100% {
  11360. -webkit-transform: perspective(400px);
  11361. transform: perspective(400px);
  11362. }
  11363. }
  11364. .navbar-custom-menu > .navbar-nav > li {
  11365. position: relative;
  11366. }
  11367. .navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
  11368. position: absolute;
  11369. right: 0;
  11370. left: auto;
  11371. }
  11372. @media (max-width: 767.98px) {
  11373. .navbar-custom-menu > .navbar-nav {
  11374. float: right;
  11375. }
  11376. .navbar-custom-menu > .navbar-nav > li {
  11377. position: static;
  11378. }
  11379. .navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
  11380. position: absolute;
  11381. right: 5%;
  11382. left: auto;
  11383. border: 1px solid #ddd;
  11384. background: #ffffff;
  11385. }
  11386. }
  11387. .navbar-nav > .user-menu > .nav-link:after {
  11388. content: none;
  11389. }
  11390. .navbar-nav > .user-menu > .dropdown-menu {
  11391. border-top-left-radius: 0;
  11392. border-top-right-radius: 0;
  11393. padding: 0;
  11394. border-top-width: 0;
  11395. width: 280px;
  11396. }
  11397. .navbar-nav > .user-menu > .dropdown-menu,
  11398. .navbar-nav > .user-menu > .dropdown-menu > .user-body {
  11399. border-bottom-right-radius: 4px;
  11400. border-bottom-left-radius: 4px;
  11401. }
  11402. .navbar-nav > .user-menu > .dropdown-menu > li.user-header {
  11403. height: 175px;
  11404. padding: 10px;
  11405. text-align: center;
  11406. }
  11407. .navbar-nav > .user-menu > .dropdown-menu > li.user-header > img {
  11408. z-index: 5;
  11409. height: 90px;
  11410. width: 90px;
  11411. border: 3px solid;
  11412. border-color: transparent;
  11413. border-color: rgba(255, 255, 255, 0.2);
  11414. }
  11415. .navbar-nav > .user-menu > .dropdown-menu > li.user-header > p {
  11416. z-index: 5;
  11417. font-size: 17px;
  11418. margin-top: 10px;
  11419. }
  11420. .navbar-nav > .user-menu > .dropdown-menu > li.user-header > p > small {
  11421. display: block;
  11422. font-size: 12px;
  11423. }
  11424. .navbar-nav > .user-menu > .dropdown-menu > .user-body {
  11425. border-bottom: 1px solid #495057;
  11426. border-top: 1px solid #dee2e6;
  11427. padding: 15px;
  11428. }
  11429. .navbar-nav > .user-menu > .dropdown-menu > .user-body::after {
  11430. display: block;
  11431. clear: both;
  11432. content: "";
  11433. }
  11434. @media (min-width: 576px) {
  11435. .navbar-nav > .user-menu > .dropdown-menu > .user-body a {
  11436. background: #ffffff !important;
  11437. color: #495057 !important;
  11438. }
  11439. }
  11440. .navbar-nav > .user-menu > .dropdown-menu > .user-footer {
  11441. background-color: #f8f9fa;
  11442. padding: 10px;
  11443. }
  11444. .navbar-nav > .user-menu > .dropdown-menu > .user-footer::after {
  11445. display: block;
  11446. clear: both;
  11447. content: "";
  11448. }
  11449. .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default {
  11450. color: #6c757d;
  11451. }
  11452. @media (min-width: 576px) {
  11453. .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default:hover {
  11454. background-color: #f8f9fa;
  11455. }
  11456. }
  11457. .navbar-nav > .user-menu .user-image {
  11458. border-radius: 50%;
  11459. float: left;
  11460. height: 2.1rem;
  11461. margin-right: 10px;
  11462. margin-top: -2px;
  11463. width: 2.1rem;
  11464. }
  11465. @media (min-width: 576px) {
  11466. .navbar-nav > .user-menu .user-image {
  11467. float: none;
  11468. line-height: 10px;
  11469. margin-right: .4rem;
  11470. margin-top: -8px;
  11471. }
  11472. }
  11473. .nav-pills .nav-link {
  11474. color: #6c757d;
  11475. }
  11476. .nav-pills .nav-link:not(.active):hover {
  11477. color: #007bff;
  11478. }
  11479. .nav-pills .nav-item.dropdown.show .nav-link:hover {
  11480. color: #ffffff;
  11481. }
  11482. .nav-tabs.flex-column {
  11483. border-bottom: 0;
  11484. border-right: 1px solid #dee2e6;
  11485. }
  11486. .nav-tabs.flex-column .nav-link {
  11487. border-bottom-left-radius: 0.25rem;
  11488. border-top-right-radius: 0;
  11489. margin-right: -1px;
  11490. }
  11491. .nav-tabs.flex-column .nav-link:hover, .nav-tabs.flex-column .nav-link:focus {
  11492. border-color: #e9ecef transparent #e9ecef #e9ecef;
  11493. }
  11494. .nav-tabs.flex-column .nav-link.active,
  11495. .nav-tabs.flex-column .nav-item.show .nav-link {
  11496. border-color: #dee2e6 transparent #dee2e6 #dee2e6;
  11497. }
  11498. .nav-tabs.flex-column.nav-tabs-right {
  11499. border-left: 1px solid #dee2e6;
  11500. border-right: 0;
  11501. }
  11502. .nav-tabs.flex-column.nav-tabs-right .nav-link {
  11503. border-bottom-left-radius: 0;
  11504. border-bottom-right-radius: 0.25rem;
  11505. border-top-left-radius: 0;
  11506. border-top-right-radius: 0.25rem;
  11507. margin-left: -1px;
  11508. }
  11509. .nav-tabs.flex-column.nav-tabs-right .nav-link:hover, .nav-tabs.flex-column.nav-tabs-right .nav-link:focus {
  11510. border-color: #e9ecef #e9ecef #e9ecef transparent;
  11511. }
  11512. .nav-tabs.flex-column.nav-tabs-right .nav-link.active,
  11513. .nav-tabs.flex-column.nav-tabs-right .nav-item.show .nav-link {
  11514. border-color: #dee2e6 #dee2e6 #dee2e6 transparent;
  11515. }
  11516. .navbar-no-expand {
  11517. -ms-flex-direction: row;
  11518. flex-direction: row;
  11519. }
  11520. .navbar-no-expand .nav-link {
  11521. padding-left: 1rem;
  11522. padding-right: 1rem;
  11523. }
  11524. .navbar-light {
  11525. background-color: #f8f9fa;
  11526. }
  11527. .navbar-dark {
  11528. background-color: #343a40;
  11529. }
  11530. .navbar-primary {
  11531. background-color: #007bff;
  11532. }
  11533. .navbar-secondary {
  11534. background-color: #6c757d;
  11535. }
  11536. .navbar-success {
  11537. background-color: #28a745;
  11538. }
  11539. .navbar-info {
  11540. background-color: #17a2b8;
  11541. }
  11542. .navbar-warning {
  11543. background-color: #ffc107;
  11544. }
  11545. .navbar-danger {
  11546. background-color: #dc3545;
  11547. }
  11548. .navbar-navy {
  11549. background-color: #001f3f;
  11550. }
  11551. .navbar-olive {
  11552. background-color: #3d9970;
  11553. }
  11554. .navbar-lime {
  11555. background-color: #01ff70;
  11556. }
  11557. .navbar-fuchsia {
  11558. background-color: #f012be;
  11559. }
  11560. .navbar-maroon {
  11561. background-color: #d81b60;
  11562. }
  11563. .navbar-blue {
  11564. background-color: #007bff;
  11565. }
  11566. .navbar-indigo {
  11567. background-color: #6610f2;
  11568. }
  11569. .navbar-purple {
  11570. background-color: #6f42c1;
  11571. }
  11572. .navbar-pink {
  11573. background-color: #e83e8c;
  11574. }
  11575. .navbar-red {
  11576. background-color: #dc3545;
  11577. }
  11578. .navbar-orange {
  11579. background-color: #fd7e14;
  11580. }
  11581. .navbar-yellow {
  11582. background-color: #ffc107;
  11583. }
  11584. .navbar-green {
  11585. background-color: #28a745;
  11586. }
  11587. .navbar-teal {
  11588. background-color: #20c997;
  11589. }
  11590. .navbar-cyan {
  11591. background-color: #17a2b8;
  11592. }
  11593. .navbar-white {
  11594. background-color: #ffffff;
  11595. }
  11596. .navbar-gray {
  11597. background-color: #6c757d;
  11598. }
  11599. .navbar-gray-dark {
  11600. background-color: #343a40;
  11601. }
  11602. .form-group.has-icon {
  11603. position: relative;
  11604. }
  11605. .form-group.has-icon .form-control {
  11606. padding-right: 35px;
  11607. }
  11608. .form-group.has-icon .form-icon {
  11609. background-color: transparent;
  11610. border: 0;
  11611. cursor: pointer;
  11612. font-size: 1rem;
  11613. padding: 0.375rem 0.75rem;
  11614. position: absolute;
  11615. right: 3px;
  11616. top: 0;
  11617. }
  11618. .btn-group-vertical .btn.btn-flat:first-of-type, .btn-group-vertical .btn.btn-flat:last-of-type {
  11619. border-radius: 0;
  11620. }
  11621. .form-control-feedback.fa, .form-control-feedback.fas, .form-control-feedback.far, .form-control-feedback.fab, .form-control-feedback.glyphicon, .form-control-feedback.ion {
  11622. line-height: calc(2.25rem + 2px);
  11623. }
  11624. .input-lg + .form-control-feedback.fa, .input-lg + .form-control-feedback.fas, .input-lg + .form-control-feedback.far, .input-lg + .form-control-feedback.fab, .input-lg + .form-control-feedback.glyphicon, .input-lg + .form-control-feedback.ion,
  11625. .input-group-lg + .form-control-feedback.fa,
  11626. .input-group-lg + .form-control-feedback.fas,
  11627. .input-group-lg + .form-control-feedback.far,
  11628. .input-group-lg + .form-control-feedback.fab,
  11629. .input-group-lg + .form-control-feedback.glyphicon,
  11630. .input-group-lg + .form-control-feedback.ion {
  11631. line-height: calc(2.875rem + 2px);
  11632. }
  11633. .form-group-lg .form-control + .form-control-feedback.fa, .form-group-lg .form-control + .form-control-feedback.fas, .form-group-lg .form-control + .form-control-feedback.far, .form-group-lg .form-control + .form-control-feedback.fab, .form-group-lg .form-control + .form-control-feedback.glyphicon, .form-group-lg .form-control + .form-control-feedback.ion {
  11634. line-height: calc(2.875rem + 2px);
  11635. }
  11636. .input-sm + .form-control-feedback.fa, .input-sm + .form-control-feedback.fas, .input-sm + .form-control-feedback.far, .input-sm + .form-control-feedback.fab, .input-sm + .form-control-feedback.glyphicon, .input-sm + .form-control-feedback.ion,
  11637. .input-group-sm + .form-control-feedback.fa,
  11638. .input-group-sm + .form-control-feedback.fas,
  11639. .input-group-sm + .form-control-feedback.far,
  11640. .input-group-sm + .form-control-feedback.fab,
  11641. .input-group-sm + .form-control-feedback.glyphicon,
  11642. .input-group-sm + .form-control-feedback.ion {
  11643. line-height: calc(1.8125rem + 2px);
  11644. }
  11645. .form-group-sm .form-control + .form-control-feedback.fa, .form-group-sm .form-control + .form-control-feedback.fas, .form-group-sm .form-control + .form-control-feedback.far, .form-group-sm .form-control + .form-control-feedback.fab, .form-group-sm .form-control + .form-control-feedback.glyphicon, .form-group-sm .form-control + .form-control-feedback.ion {
  11646. line-height: calc(1.8125rem + 2px);
  11647. }
  11648. label:not(.form-check-label):not(.custom-file-label) {
  11649. font-weight: 700;
  11650. }
  11651. .warning-feedback {
  11652. font-size: 80%;
  11653. color: #ffc107;
  11654. display: none;
  11655. margin-top: 0.25rem;
  11656. width: 100%;
  11657. }
  11658. .warning-tooltip {
  11659. border-radius: 0.25rem;
  11660. font-size: 0.875rem;
  11661. background-color: rgba(255, 193, 7, 0.9);
  11662. color: #1F2D3D;
  11663. display: none;
  11664. line-height: 1.5;
  11665. margin-top: .1rem;
  11666. max-width: 100%;
  11667. padding: 0.25rem 0.5rem;
  11668. position: absolute;
  11669. top: 100%;
  11670. z-index: 5;
  11671. }
  11672. .form-control.is-warning {
  11673. border-color: #ffc107;
  11674. }
  11675. .form-control.is-warning:focus {
  11676. border-color: #ffc107;
  11677. box-shadow: 0 0 0 0 rgba(255, 193, 7, 0.25);
  11678. }
  11679. .form-control.is-warning ~ .warning-feedback,
  11680. .form-control.is-warning ~ .warning-tooltip {
  11681. display: block;
  11682. }
  11683. textarea.form-control.is-warning {
  11684. padding-right: 2.25rem;
  11685. background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
  11686. }
  11687. .custom-select.is-warning {
  11688. border-color: #ffc107;
  11689. }
  11690. .custom-select.is-warning:focus {
  11691. border-color: #ffc107;
  11692. box-shadow: 0 0 0 0 rgba(255, 193, 7, 0.25);
  11693. }
  11694. .custom-select.is-warning ~ .warning-feedback,
  11695. .custom-select.is-warning ~ .warning-tooltip {
  11696. display: block;
  11697. }
  11698. .form-control-file.is-warning ~ .warning-feedback,
  11699. .form-control-file.is-warning ~ .warning-tooltip {
  11700. display: block;
  11701. }
  11702. .form-check-input.is-warning ~ .form-check-label {
  11703. color: #ffc107;
  11704. }
  11705. .form-check-input.is-warning ~ .warning-feedback,
  11706. .form-check-input.is-warning ~ .warning-tooltip {
  11707. display: block;
  11708. }
  11709. .custom-control-input.is-warning ~ .custom-control-label {
  11710. color: #ffc107;
  11711. }
  11712. .custom-control-input.is-warning ~ .custom-control-label::before {
  11713. border-color: #ffc107;
  11714. }
  11715. .custom-control-input.is-warning ~ .warning-feedback,
  11716. .custom-control-input.is-warning ~ .warning-tooltip {
  11717. display: block;
  11718. }
  11719. .custom-control-input.is-warning:checked ~ .custom-control-label::before {
  11720. background-color: #ffce3a;
  11721. border-color: #ffce3a;
  11722. }
  11723. .custom-control-input.is-warning:focus ~ .custom-control-label::before {
  11724. box-shadow: 0 0 0 0 rgba(255, 193, 7, 0.25);
  11725. }
  11726. .custom-control-input.is-warning:focus:not(:checked) ~ .custom-control-label::before {
  11727. border-color: #ffc107;
  11728. }
  11729. .custom-file-input.is-warning ~ .custom-file-label {
  11730. border-color: #ffc107;
  11731. }
  11732. .custom-file-input.is-warning ~ .warning-feedback,
  11733. .custom-file-input.is-warning ~ .warning-tooltip {
  11734. display: block;
  11735. }
  11736. .custom-file-input.is-warning:focus ~ .custom-file-label {
  11737. border-color: #ffc107;
  11738. box-shadow: 0 0 0 0 rgba(255, 193, 7, 0.25);
  11739. }
  11740. .custom-switch.custom-switch-off-primary .custom-control-input ~ .custom-control-label::before {
  11741. background: #007bff;
  11742. border-color: #004a99;
  11743. }
  11744. .custom-switch.custom-switch-off-primary .custom-control-input:focus ~ .custom-control-label::before {
  11745. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(0, 123, 255, 0.25);
  11746. }
  11747. .custom-switch.custom-switch-off-primary .custom-control-input ~ .custom-control-label::after {
  11748. background: #003e80;
  11749. }
  11750. .custom-switch.custom-switch-on-primary .custom-control-input:checked ~ .custom-control-label::before {
  11751. background: #007bff;
  11752. border-color: #004a99;
  11753. }
  11754. .custom-switch.custom-switch-on-primary .custom-control-input:checked:focus ~ .custom-control-label::before {
  11755. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(0, 123, 255, 0.25);
  11756. }
  11757. .custom-switch.custom-switch-on-primary .custom-control-input:checked ~ .custom-control-label::after {
  11758. background: #99caff;
  11759. }
  11760. .custom-switch.custom-switch-off-secondary .custom-control-input ~ .custom-control-label::before {
  11761. background: #6c757d;
  11762. border-color: #3d4246;
  11763. }
  11764. .custom-switch.custom-switch-off-secondary .custom-control-input:focus ~ .custom-control-label::before {
  11765. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(108, 117, 125, 0.25);
  11766. }
  11767. .custom-switch.custom-switch-off-secondary .custom-control-input ~ .custom-control-label::after {
  11768. background: #313539;
  11769. }
  11770. .custom-switch.custom-switch-on-secondary .custom-control-input:checked ~ .custom-control-label::before {
  11771. background: #6c757d;
  11772. border-color: #3d4246;
  11773. }
  11774. .custom-switch.custom-switch-on-secondary .custom-control-input:checked:focus ~ .custom-control-label::before {
  11775. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(108, 117, 125, 0.25);
  11776. }
  11777. .custom-switch.custom-switch-on-secondary .custom-control-input:checked ~ .custom-control-label::after {
  11778. background: #bcc1c6;
  11779. }
  11780. .custom-switch.custom-switch-off-success .custom-control-input ~ .custom-control-label::before {
  11781. background: #28a745;
  11782. border-color: #145523;
  11783. }
  11784. .custom-switch.custom-switch-off-success .custom-control-input:focus ~ .custom-control-label::before {
  11785. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(40, 167, 69, 0.25);
  11786. }
  11787. .custom-switch.custom-switch-off-success .custom-control-input ~ .custom-control-label::after {
  11788. background: #0f401b;
  11789. }
  11790. .custom-switch.custom-switch-on-success .custom-control-input:checked ~ .custom-control-label::before {
  11791. background: #28a745;
  11792. border-color: #145523;
  11793. }
  11794. .custom-switch.custom-switch-on-success .custom-control-input:checked:focus ~ .custom-control-label::before {
  11795. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(40, 167, 69, 0.25);
  11796. }
  11797. .custom-switch.custom-switch-on-success .custom-control-input:checked ~ .custom-control-label::after {
  11798. background: #86e29b;
  11799. }
  11800. .custom-switch.custom-switch-off-info .custom-control-input ~ .custom-control-label::before {
  11801. background: #17a2b8;
  11802. border-color: #0c525d;
  11803. }
  11804. .custom-switch.custom-switch-off-info .custom-control-input:focus ~ .custom-control-label::before {
  11805. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(23, 162, 184, 0.25);
  11806. }
  11807. .custom-switch.custom-switch-off-info .custom-control-input ~ .custom-control-label::after {
  11808. background: #093e47;
  11809. }
  11810. .custom-switch.custom-switch-on-info .custom-control-input:checked ~ .custom-control-label::before {
  11811. background: #17a2b8;
  11812. border-color: #0c525d;
  11813. }
  11814. .custom-switch.custom-switch-on-info .custom-control-input:checked:focus ~ .custom-control-label::before {
  11815. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(23, 162, 184, 0.25);
  11816. }
  11817. .custom-switch.custom-switch-on-info .custom-control-input:checked ~ .custom-control-label::after {
  11818. background: #7adeee;
  11819. }
  11820. .custom-switch.custom-switch-off-warning .custom-control-input ~ .custom-control-label::before {
  11821. background: #ffc107;
  11822. border-color: #a07800;
  11823. }
  11824. .custom-switch.custom-switch-off-warning .custom-control-input:focus ~ .custom-control-label::before {
  11825. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(255, 193, 7, 0.25);
  11826. }
  11827. .custom-switch.custom-switch-off-warning .custom-control-input ~ .custom-control-label::after {
  11828. background: #876500;
  11829. }
  11830. .custom-switch.custom-switch-on-warning .custom-control-input:checked ~ .custom-control-label::before {
  11831. background: #ffc107;
  11832. border-color: #a07800;
  11833. }
  11834. .custom-switch.custom-switch-on-warning .custom-control-input:checked:focus ~ .custom-control-label::before {
  11835. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(255, 193, 7, 0.25);
  11836. }
  11837. .custom-switch.custom-switch-on-warning .custom-control-input:checked ~ .custom-control-label::after {
  11838. background: #ffe7a0;
  11839. }
  11840. .custom-switch.custom-switch-off-danger .custom-control-input ~ .custom-control-label::before {
  11841. background: #dc3545;
  11842. border-color: #921925;
  11843. }
  11844. .custom-switch.custom-switch-off-danger .custom-control-input:focus ~ .custom-control-label::before {
  11845. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(220, 53, 69, 0.25);
  11846. }
  11847. .custom-switch.custom-switch-off-danger .custom-control-input ~ .custom-control-label::after {
  11848. background: #7c151f;
  11849. }
  11850. .custom-switch.custom-switch-on-danger .custom-control-input:checked ~ .custom-control-label::before {
  11851. background: #dc3545;
  11852. border-color: #921925;
  11853. }
  11854. .custom-switch.custom-switch-on-danger .custom-control-input:checked:focus ~ .custom-control-label::before {
  11855. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(220, 53, 69, 0.25);
  11856. }
  11857. .custom-switch.custom-switch-on-danger .custom-control-input:checked ~ .custom-control-label::after {
  11858. background: #f3b7bd;
  11859. }
  11860. .custom-switch.custom-switch-off-light .custom-control-input ~ .custom-control-label::before {
  11861. background: #f8f9fa;
  11862. border-color: #bdc6d0;
  11863. }
  11864. .custom-switch.custom-switch-off-light .custom-control-input:focus ~ .custom-control-label::before {
  11865. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(248, 249, 250, 0.25);
  11866. }
  11867. .custom-switch.custom-switch-off-light .custom-control-input ~ .custom-control-label::after {
  11868. background: #aeb9c5;
  11869. }
  11870. .custom-switch.custom-switch-on-light .custom-control-input:checked ~ .custom-control-label::before {
  11871. background: #f8f9fa;
  11872. border-color: #bdc6d0;
  11873. }
  11874. .custom-switch.custom-switch-on-light .custom-control-input:checked:focus ~ .custom-control-label::before {
  11875. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(248, 249, 250, 0.25);
  11876. }
  11877. .custom-switch.custom-switch-on-light .custom-control-input:checked ~ .custom-control-label::after {
  11878. background: white;
  11879. }
  11880. .custom-switch.custom-switch-off-dark .custom-control-input ~ .custom-control-label::before {
  11881. background: #343a40;
  11882. border-color: #060708;
  11883. }
  11884. .custom-switch.custom-switch-off-dark .custom-control-input:focus ~ .custom-control-label::before {
  11885. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(52, 58, 64, 0.25);
  11886. }
  11887. .custom-switch.custom-switch-off-dark .custom-control-input ~ .custom-control-label::after {
  11888. background: black;
  11889. }
  11890. .custom-switch.custom-switch-on-dark .custom-control-input:checked ~ .custom-control-label::before {
  11891. background: #343a40;
  11892. border-color: #060708;
  11893. }
  11894. .custom-switch.custom-switch-on-dark .custom-control-input:checked:focus ~ .custom-control-label::before {
  11895. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(52, 58, 64, 0.25);
  11896. }
  11897. .custom-switch.custom-switch-on-dark .custom-control-input:checked ~ .custom-control-label::after {
  11898. background: #7a8793;
  11899. }
  11900. .custom-switch.custom-switch-off-navy .custom-control-input ~ .custom-control-label::before {
  11901. background: #001f3f;
  11902. border-color: black;
  11903. }
  11904. .custom-switch.custom-switch-off-navy .custom-control-input:focus ~ .custom-control-label::before {
  11905. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(0, 31, 63, 0.25);
  11906. }
  11907. .custom-switch.custom-switch-off-navy .custom-control-input ~ .custom-control-label::after {
  11908. background: black;
  11909. }
  11910. .custom-switch.custom-switch-on-navy .custom-control-input:checked ~ .custom-control-label::before {
  11911. background: #001f3f;
  11912. border-color: black;
  11913. }
  11914. .custom-switch.custom-switch-on-navy .custom-control-input:checked:focus ~ .custom-control-label::before {
  11915. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(0, 31, 63, 0.25);
  11916. }
  11917. .custom-switch.custom-switch-on-navy .custom-control-input:checked ~ .custom-control-label::after {
  11918. background: #006ad8;
  11919. }
  11920. .custom-switch.custom-switch-off-olive .custom-control-input ~ .custom-control-label::before {
  11921. background: #3d9970;
  11922. border-color: #20503b;
  11923. }
  11924. .custom-switch.custom-switch-off-olive .custom-control-input:focus ~ .custom-control-label::before {
  11925. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(61, 153, 112, 0.25);
  11926. }
  11927. .custom-switch.custom-switch-off-olive .custom-control-input ~ .custom-control-label::after {
  11928. background: #193e2d;
  11929. }
  11930. .custom-switch.custom-switch-on-olive .custom-control-input:checked ~ .custom-control-label::before {
  11931. background: #3d9970;
  11932. border-color: #20503b;
  11933. }
  11934. .custom-switch.custom-switch-on-olive .custom-control-input:checked:focus ~ .custom-control-label::before {
  11935. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(61, 153, 112, 0.25);
  11936. }
  11937. .custom-switch.custom-switch-on-olive .custom-control-input:checked ~ .custom-control-label::after {
  11938. background: #99d6bb;
  11939. }
  11940. .custom-switch.custom-switch-off-lime .custom-control-input ~ .custom-control-label::before {
  11941. background: #01ff70;
  11942. border-color: #009a43;
  11943. }
  11944. .custom-switch.custom-switch-off-lime .custom-control-input:focus ~ .custom-control-label::before {
  11945. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(1, 255, 112, 0.25);
  11946. }
  11947. .custom-switch.custom-switch-off-lime .custom-control-input ~ .custom-control-label::after {
  11948. background: #008138;
  11949. }
  11950. .custom-switch.custom-switch-on-lime .custom-control-input:checked ~ .custom-control-label::before {
  11951. background: #01ff70;
  11952. border-color: #009a43;
  11953. }
  11954. .custom-switch.custom-switch-on-lime .custom-control-input:checked:focus ~ .custom-control-label::before {
  11955. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(1, 255, 112, 0.25);
  11956. }
  11957. .custom-switch.custom-switch-on-lime .custom-control-input:checked ~ .custom-control-label::after {
  11958. background: #9affc6;
  11959. }
  11960. .custom-switch.custom-switch-off-fuchsia .custom-control-input ~ .custom-control-label::before {
  11961. background: #f012be;
  11962. border-color: #930974;
  11963. }
  11964. .custom-switch.custom-switch-off-fuchsia .custom-control-input:focus ~ .custom-control-label::before {
  11965. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(240, 18, 190, 0.25);
  11966. }
  11967. .custom-switch.custom-switch-off-fuchsia .custom-control-input ~ .custom-control-label::after {
  11968. background: #7b0861;
  11969. }
  11970. .custom-switch.custom-switch-on-fuchsia .custom-control-input:checked ~ .custom-control-label::before {
  11971. background: #f012be;
  11972. border-color: #930974;
  11973. }
  11974. .custom-switch.custom-switch-on-fuchsia .custom-control-input:checked:focus ~ .custom-control-label::before {
  11975. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(240, 18, 190, 0.25);
  11976. }
  11977. .custom-switch.custom-switch-on-fuchsia .custom-control-input:checked ~ .custom-control-label::after {
  11978. background: #f9a2e5;
  11979. }
  11980. .custom-switch.custom-switch-off-maroon .custom-control-input ~ .custom-control-label::before {
  11981. background: #d81b60;
  11982. border-color: #7d1038;
  11983. }
  11984. .custom-switch.custom-switch-off-maroon .custom-control-input:focus ~ .custom-control-label::before {
  11985. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(216, 27, 96, 0.25);
  11986. }
  11987. .custom-switch.custom-switch-off-maroon .custom-control-input ~ .custom-control-label::after {
  11988. background: #670d2e;
  11989. }
  11990. .custom-switch.custom-switch-on-maroon .custom-control-input:checked ~ .custom-control-label::before {
  11991. background: #d81b60;
  11992. border-color: #7d1038;
  11993. }
  11994. .custom-switch.custom-switch-on-maroon .custom-control-input:checked:focus ~ .custom-control-label::before {
  11995. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(216, 27, 96, 0.25);
  11996. }
  11997. .custom-switch.custom-switch-on-maroon .custom-control-input:checked ~ .custom-control-label::after {
  11998. background: #f29aba;
  11999. }
  12000. .custom-switch.custom-switch-off-blue .custom-control-input ~ .custom-control-label::before {
  12001. background: #007bff;
  12002. border-color: #004a99;
  12003. }
  12004. .custom-switch.custom-switch-off-blue .custom-control-input:focus ~ .custom-control-label::before {
  12005. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(0, 123, 255, 0.25);
  12006. }
  12007. .custom-switch.custom-switch-off-blue .custom-control-input ~ .custom-control-label::after {
  12008. background: #003e80;
  12009. }
  12010. .custom-switch.custom-switch-on-blue .custom-control-input:checked ~ .custom-control-label::before {
  12011. background: #007bff;
  12012. border-color: #004a99;
  12013. }
  12014. .custom-switch.custom-switch-on-blue .custom-control-input:checked:focus ~ .custom-control-label::before {
  12015. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(0, 123, 255, 0.25);
  12016. }
  12017. .custom-switch.custom-switch-on-blue .custom-control-input:checked ~ .custom-control-label::after {
  12018. background: #99caff;
  12019. }
  12020. .custom-switch.custom-switch-off-indigo .custom-control-input ~ .custom-control-label::before {
  12021. background: #6610f2;
  12022. border-color: #3d0894;
  12023. }
  12024. .custom-switch.custom-switch-off-indigo .custom-control-input:focus ~ .custom-control-label::before {
  12025. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(102, 16, 242, 0.25);
  12026. }
  12027. .custom-switch.custom-switch-off-indigo .custom-control-input ~ .custom-control-label::after {
  12028. background: #33077c;
  12029. }
  12030. .custom-switch.custom-switch-on-indigo .custom-control-input:checked ~ .custom-control-label::before {
  12031. background: #6610f2;
  12032. border-color: #3d0894;
  12033. }
  12034. .custom-switch.custom-switch-on-indigo .custom-control-input:checked:focus ~ .custom-control-label::before {
  12035. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(102, 16, 242, 0.25);
  12036. }
  12037. .custom-switch.custom-switch-on-indigo .custom-control-input:checked ~ .custom-control-label::after {
  12038. background: #c3a1fa;
  12039. }
  12040. .custom-switch.custom-switch-off-purple .custom-control-input ~ .custom-control-label::before {
  12041. background: #6f42c1;
  12042. border-color: #432776;
  12043. }
  12044. .custom-switch.custom-switch-off-purple .custom-control-input:focus ~ .custom-control-label::before {
  12045. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(111, 66, 193, 0.25);
  12046. }
  12047. .custom-switch.custom-switch-off-purple .custom-control-input ~ .custom-control-label::after {
  12048. background: #382063;
  12049. }
  12050. .custom-switch.custom-switch-on-purple .custom-control-input:checked ~ .custom-control-label::before {
  12051. background: #6f42c1;
  12052. border-color: #432776;
  12053. }
  12054. .custom-switch.custom-switch-on-purple .custom-control-input:checked:focus ~ .custom-control-label::before {
  12055. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(111, 66, 193, 0.25);
  12056. }
  12057. .custom-switch.custom-switch-on-purple .custom-control-input:checked ~ .custom-control-label::after {
  12058. background: #c7b5e7;
  12059. }
  12060. .custom-switch.custom-switch-off-pink .custom-control-input ~ .custom-control-label::before {
  12061. background: #e83e8c;
  12062. border-color: #ac145a;
  12063. }
  12064. .custom-switch.custom-switch-off-pink .custom-control-input:focus ~ .custom-control-label::before {
  12065. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(232, 62, 140, 0.25);
  12066. }
  12067. .custom-switch.custom-switch-off-pink .custom-control-input ~ .custom-control-label::after {
  12068. background: #95124e;
  12069. }
  12070. .custom-switch.custom-switch-on-pink .custom-control-input:checked ~ .custom-control-label::before {
  12071. background: #e83e8c;
  12072. border-color: #ac145a;
  12073. }
  12074. .custom-switch.custom-switch-on-pink .custom-control-input:checked:focus ~ .custom-control-label::before {
  12075. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(232, 62, 140, 0.25);
  12076. }
  12077. .custom-switch.custom-switch-on-pink .custom-control-input:checked ~ .custom-control-label::after {
  12078. background: #f8c7dd;
  12079. }
  12080. .custom-switch.custom-switch-off-red .custom-control-input ~ .custom-control-label::before {
  12081. background: #dc3545;
  12082. border-color: #921925;
  12083. }
  12084. .custom-switch.custom-switch-off-red .custom-control-input:focus ~ .custom-control-label::before {
  12085. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(220, 53, 69, 0.25);
  12086. }
  12087. .custom-switch.custom-switch-off-red .custom-control-input ~ .custom-control-label::after {
  12088. background: #7c151f;
  12089. }
  12090. .custom-switch.custom-switch-on-red .custom-control-input:checked ~ .custom-control-label::before {
  12091. background: #dc3545;
  12092. border-color: #921925;
  12093. }
  12094. .custom-switch.custom-switch-on-red .custom-control-input:checked:focus ~ .custom-control-label::before {
  12095. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(220, 53, 69, 0.25);
  12096. }
  12097. .custom-switch.custom-switch-on-red .custom-control-input:checked ~ .custom-control-label::after {
  12098. background: #f3b7bd;
  12099. }
  12100. .custom-switch.custom-switch-off-orange .custom-control-input ~ .custom-control-label::before {
  12101. background: #fd7e14;
  12102. border-color: #aa4e01;
  12103. }
  12104. .custom-switch.custom-switch-off-orange .custom-control-input:focus ~ .custom-control-label::before {
  12105. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(253, 126, 20, 0.25);
  12106. }
  12107. .custom-switch.custom-switch-off-orange .custom-control-input ~ .custom-control-label::after {
  12108. background: #904201;
  12109. }
  12110. .custom-switch.custom-switch-on-orange .custom-control-input:checked ~ .custom-control-label::before {
  12111. background: #fd7e14;
  12112. border-color: #aa4e01;
  12113. }
  12114. .custom-switch.custom-switch-on-orange .custom-control-input:checked:focus ~ .custom-control-label::before {
  12115. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(253, 126, 20, 0.25);
  12116. }
  12117. .custom-switch.custom-switch-on-orange .custom-control-input:checked ~ .custom-control-label::after {
  12118. background: #fed1ac;
  12119. }
  12120. .custom-switch.custom-switch-off-yellow .custom-control-input ~ .custom-control-label::before {
  12121. background: #ffc107;
  12122. border-color: #a07800;
  12123. }
  12124. .custom-switch.custom-switch-off-yellow .custom-control-input:focus ~ .custom-control-label::before {
  12125. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(255, 193, 7, 0.25);
  12126. }
  12127. .custom-switch.custom-switch-off-yellow .custom-control-input ~ .custom-control-label::after {
  12128. background: #876500;
  12129. }
  12130. .custom-switch.custom-switch-on-yellow .custom-control-input:checked ~ .custom-control-label::before {
  12131. background: #ffc107;
  12132. border-color: #a07800;
  12133. }
  12134. .custom-switch.custom-switch-on-yellow .custom-control-input:checked:focus ~ .custom-control-label::before {
  12135. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(255, 193, 7, 0.25);
  12136. }
  12137. .custom-switch.custom-switch-on-yellow .custom-control-input:checked ~ .custom-control-label::after {
  12138. background: #ffe7a0;
  12139. }
  12140. .custom-switch.custom-switch-off-green .custom-control-input ~ .custom-control-label::before {
  12141. background: #28a745;
  12142. border-color: #145523;
  12143. }
  12144. .custom-switch.custom-switch-off-green .custom-control-input:focus ~ .custom-control-label::before {
  12145. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(40, 167, 69, 0.25);
  12146. }
  12147. .custom-switch.custom-switch-off-green .custom-control-input ~ .custom-control-label::after {
  12148. background: #0f401b;
  12149. }
  12150. .custom-switch.custom-switch-on-green .custom-control-input:checked ~ .custom-control-label::before {
  12151. background: #28a745;
  12152. border-color: #145523;
  12153. }
  12154. .custom-switch.custom-switch-on-green .custom-control-input:checked:focus ~ .custom-control-label::before {
  12155. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(40, 167, 69, 0.25);
  12156. }
  12157. .custom-switch.custom-switch-on-green .custom-control-input:checked ~ .custom-control-label::after {
  12158. background: #86e29b;
  12159. }
  12160. .custom-switch.custom-switch-off-teal .custom-control-input ~ .custom-control-label::before {
  12161. background: #20c997;
  12162. border-color: #127155;
  12163. }
  12164. .custom-switch.custom-switch-off-teal .custom-control-input:focus ~ .custom-control-label::before {
  12165. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(32, 201, 151, 0.25);
  12166. }
  12167. .custom-switch.custom-switch-off-teal .custom-control-input ~ .custom-control-label::after {
  12168. background: #0e5b44;
  12169. }
  12170. .custom-switch.custom-switch-on-teal .custom-control-input:checked ~ .custom-control-label::before {
  12171. background: #20c997;
  12172. border-color: #127155;
  12173. }
  12174. .custom-switch.custom-switch-on-teal .custom-control-input:checked:focus ~ .custom-control-label::before {
  12175. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(32, 201, 151, 0.25);
  12176. }
  12177. .custom-switch.custom-switch-on-teal .custom-control-input:checked ~ .custom-control-label::after {
  12178. background: #94eed3;
  12179. }
  12180. .custom-switch.custom-switch-off-cyan .custom-control-input ~ .custom-control-label::before {
  12181. background: #17a2b8;
  12182. border-color: #0c525d;
  12183. }
  12184. .custom-switch.custom-switch-off-cyan .custom-control-input:focus ~ .custom-control-label::before {
  12185. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(23, 162, 184, 0.25);
  12186. }
  12187. .custom-switch.custom-switch-off-cyan .custom-control-input ~ .custom-control-label::after {
  12188. background: #093e47;
  12189. }
  12190. .custom-switch.custom-switch-on-cyan .custom-control-input:checked ~ .custom-control-label::before {
  12191. background: #17a2b8;
  12192. border-color: #0c525d;
  12193. }
  12194. .custom-switch.custom-switch-on-cyan .custom-control-input:checked:focus ~ .custom-control-label::before {
  12195. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(23, 162, 184, 0.25);
  12196. }
  12197. .custom-switch.custom-switch-on-cyan .custom-control-input:checked ~ .custom-control-label::after {
  12198. background: #7adeee;
  12199. }
  12200. .custom-switch.custom-switch-off-white .custom-control-input ~ .custom-control-label::before {
  12201. background: #ffffff;
  12202. border-color: #cccccc;
  12203. }
  12204. .custom-switch.custom-switch-off-white .custom-control-input:focus ~ .custom-control-label::before {
  12205. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(255, 255, 255, 0.25);
  12206. }
  12207. .custom-switch.custom-switch-off-white .custom-control-input ~ .custom-control-label::after {
  12208. background: #bfbfbf;
  12209. }
  12210. .custom-switch.custom-switch-on-white .custom-control-input:checked ~ .custom-control-label::before {
  12211. background: #ffffff;
  12212. border-color: #cccccc;
  12213. }
  12214. .custom-switch.custom-switch-on-white .custom-control-input:checked:focus ~ .custom-control-label::before {
  12215. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(255, 255, 255, 0.25);
  12216. }
  12217. .custom-switch.custom-switch-on-white .custom-control-input:checked ~ .custom-control-label::after {
  12218. background: white;
  12219. }
  12220. .custom-switch.custom-switch-off-gray .custom-control-input ~ .custom-control-label::before {
  12221. background: #6c757d;
  12222. border-color: #3d4246;
  12223. }
  12224. .custom-switch.custom-switch-off-gray .custom-control-input:focus ~ .custom-control-label::before {
  12225. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(108, 117, 125, 0.25);
  12226. }
  12227. .custom-switch.custom-switch-off-gray .custom-control-input ~ .custom-control-label::after {
  12228. background: #313539;
  12229. }
  12230. .custom-switch.custom-switch-on-gray .custom-control-input:checked ~ .custom-control-label::before {
  12231. background: #6c757d;
  12232. border-color: #3d4246;
  12233. }
  12234. .custom-switch.custom-switch-on-gray .custom-control-input:checked:focus ~ .custom-control-label::before {
  12235. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(108, 117, 125, 0.25);
  12236. }
  12237. .custom-switch.custom-switch-on-gray .custom-control-input:checked ~ .custom-control-label::after {
  12238. background: #bcc1c6;
  12239. }
  12240. .custom-switch.custom-switch-off-gray-dark .custom-control-input ~ .custom-control-label::before {
  12241. background: #343a40;
  12242. border-color: #060708;
  12243. }
  12244. .custom-switch.custom-switch-off-gray-dark .custom-control-input:focus ~ .custom-control-label::before {
  12245. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(52, 58, 64, 0.25);
  12246. }
  12247. .custom-switch.custom-switch-off-gray-dark .custom-control-input ~ .custom-control-label::after {
  12248. background: black;
  12249. }
  12250. .custom-switch.custom-switch-on-gray-dark .custom-control-input:checked ~ .custom-control-label::before {
  12251. background: #343a40;
  12252. border-color: #060708;
  12253. }
  12254. .custom-switch.custom-switch-on-gray-dark .custom-control-input:checked:focus ~ .custom-control-label::before {
  12255. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(52, 58, 64, 0.25);
  12256. }
  12257. .custom-switch.custom-switch-on-gray-dark .custom-control-input:checked ~ .custom-control-label::after {
  12258. background: #7a8793;
  12259. }
  12260. .custom-range.custom-range-primary:focus {
  12261. outline: none;
  12262. }
  12263. .custom-range.custom-range-primary:focus::-webkit-slider-thumb {
  12264. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(0, 123, 255, 0.25);
  12265. }
  12266. .custom-range.custom-range-primary:focus::-moz-range-thumb {
  12267. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(0, 123, 255, 0.25);
  12268. }
  12269. .custom-range.custom-range-primary:focus::-ms-thumb {
  12270. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(0, 123, 255, 0.25);
  12271. }
  12272. .custom-range.custom-range-primary::-webkit-slider-thumb {
  12273. background-color: #007bff;
  12274. }
  12275. .custom-range.custom-range-primary::-webkit-slider-thumb:active {
  12276. background-color: #b3d7ff;
  12277. }
  12278. .custom-range.custom-range-primary::-moz-range-thumb {
  12279. background-color: #007bff;
  12280. }
  12281. .custom-range.custom-range-primary::-moz-range-thumb:active {
  12282. background-color: #b3d7ff;
  12283. }
  12284. .custom-range.custom-range-primary::-ms-thumb {
  12285. background-color: #007bff;
  12286. }
  12287. .custom-range.custom-range-primary::-ms-thumb:active {
  12288. background-color: #b3d7ff;
  12289. }
  12290. .custom-range.custom-range-secondary:focus {
  12291. outline: none;
  12292. }
  12293. .custom-range.custom-range-secondary:focus::-webkit-slider-thumb {
  12294. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(108, 117, 125, 0.25);
  12295. }
  12296. .custom-range.custom-range-secondary:focus::-moz-range-thumb {
  12297. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(108, 117, 125, 0.25);
  12298. }
  12299. .custom-range.custom-range-secondary:focus::-ms-thumb {
  12300. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(108, 117, 125, 0.25);
  12301. }
  12302. .custom-range.custom-range-secondary::-webkit-slider-thumb {
  12303. background-color: #6c757d;
  12304. }
  12305. .custom-range.custom-range-secondary::-webkit-slider-thumb:active {
  12306. background-color: #caced1;
  12307. }
  12308. .custom-range.custom-range-secondary::-moz-range-thumb {
  12309. background-color: #6c757d;
  12310. }
  12311. .custom-range.custom-range-secondary::-moz-range-thumb:active {
  12312. background-color: #caced1;
  12313. }
  12314. .custom-range.custom-range-secondary::-ms-thumb {
  12315. background-color: #6c757d;
  12316. }
  12317. .custom-range.custom-range-secondary::-ms-thumb:active {
  12318. background-color: #caced1;
  12319. }
  12320. .custom-range.custom-range-success:focus {
  12321. outline: none;
  12322. }
  12323. .custom-range.custom-range-success:focus::-webkit-slider-thumb {
  12324. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(40, 167, 69, 0.25);
  12325. }
  12326. .custom-range.custom-range-success:focus::-moz-range-thumb {
  12327. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(40, 167, 69, 0.25);
  12328. }
  12329. .custom-range.custom-range-success:focus::-ms-thumb {
  12330. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(40, 167, 69, 0.25);
  12331. }
  12332. .custom-range.custom-range-success::-webkit-slider-thumb {
  12333. background-color: #28a745;
  12334. }
  12335. .custom-range.custom-range-success::-webkit-slider-thumb:active {
  12336. background-color: #9be7ac;
  12337. }
  12338. .custom-range.custom-range-success::-moz-range-thumb {
  12339. background-color: #28a745;
  12340. }
  12341. .custom-range.custom-range-success::-moz-range-thumb:active {
  12342. background-color: #9be7ac;
  12343. }
  12344. .custom-range.custom-range-success::-ms-thumb {
  12345. background-color: #28a745;
  12346. }
  12347. .custom-range.custom-range-success::-ms-thumb:active {
  12348. background-color: #9be7ac;
  12349. }
  12350. .custom-range.custom-range-info:focus {
  12351. outline: none;
  12352. }
  12353. .custom-range.custom-range-info:focus::-webkit-slider-thumb {
  12354. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(23, 162, 184, 0.25);
  12355. }
  12356. .custom-range.custom-range-info:focus::-moz-range-thumb {
  12357. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(23, 162, 184, 0.25);
  12358. }
  12359. .custom-range.custom-range-info:focus::-ms-thumb {
  12360. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(23, 162, 184, 0.25);
  12361. }
  12362. .custom-range.custom-range-info::-webkit-slider-thumb {
  12363. background-color: #17a2b8;
  12364. }
  12365. .custom-range.custom-range-info::-webkit-slider-thumb:active {
  12366. background-color: #90e4f1;
  12367. }
  12368. .custom-range.custom-range-info::-moz-range-thumb {
  12369. background-color: #17a2b8;
  12370. }
  12371. .custom-range.custom-range-info::-moz-range-thumb:active {
  12372. background-color: #90e4f1;
  12373. }
  12374. .custom-range.custom-range-info::-ms-thumb {
  12375. background-color: #17a2b8;
  12376. }
  12377. .custom-range.custom-range-info::-ms-thumb:active {
  12378. background-color: #90e4f1;
  12379. }
  12380. .custom-range.custom-range-warning:focus {
  12381. outline: none;
  12382. }
  12383. .custom-range.custom-range-warning:focus::-webkit-slider-thumb {
  12384. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(255, 193, 7, 0.25);
  12385. }
  12386. .custom-range.custom-range-warning:focus::-moz-range-thumb {
  12387. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(255, 193, 7, 0.25);
  12388. }
  12389. .custom-range.custom-range-warning:focus::-ms-thumb {
  12390. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(255, 193, 7, 0.25);
  12391. }
  12392. .custom-range.custom-range-warning::-webkit-slider-thumb {
  12393. background-color: #ffc107;
  12394. }
  12395. .custom-range.custom-range-warning::-webkit-slider-thumb:active {
  12396. background-color: #ffeeba;
  12397. }
  12398. .custom-range.custom-range-warning::-moz-range-thumb {
  12399. background-color: #ffc107;
  12400. }
  12401. .custom-range.custom-range-warning::-moz-range-thumb:active {
  12402. background-color: #ffeeba;
  12403. }
  12404. .custom-range.custom-range-warning::-ms-thumb {
  12405. background-color: #ffc107;
  12406. }
  12407. .custom-range.custom-range-warning::-ms-thumb:active {
  12408. background-color: #ffeeba;
  12409. }
  12410. .custom-range.custom-range-danger:focus {
  12411. outline: none;
  12412. }
  12413. .custom-range.custom-range-danger:focus::-webkit-slider-thumb {
  12414. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(220, 53, 69, 0.25);
  12415. }
  12416. .custom-range.custom-range-danger:focus::-moz-range-thumb {
  12417. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(220, 53, 69, 0.25);
  12418. }
  12419. .custom-range.custom-range-danger:focus::-ms-thumb {
  12420. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(220, 53, 69, 0.25);
  12421. }
  12422. .custom-range.custom-range-danger::-webkit-slider-thumb {
  12423. background-color: #dc3545;
  12424. }
  12425. .custom-range.custom-range-danger::-webkit-slider-thumb:active {
  12426. background-color: #f6cdd1;
  12427. }
  12428. .custom-range.custom-range-danger::-moz-range-thumb {
  12429. background-color: #dc3545;
  12430. }
  12431. .custom-range.custom-range-danger::-moz-range-thumb:active {
  12432. background-color: #f6cdd1;
  12433. }
  12434. .custom-range.custom-range-danger::-ms-thumb {
  12435. background-color: #dc3545;
  12436. }
  12437. .custom-range.custom-range-danger::-ms-thumb:active {
  12438. background-color: #f6cdd1;
  12439. }
  12440. .custom-range.custom-range-light:focus {
  12441. outline: none;
  12442. }
  12443. .custom-range.custom-range-light:focus::-webkit-slider-thumb {
  12444. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(248, 249, 250, 0.25);
  12445. }
  12446. .custom-range.custom-range-light:focus::-moz-range-thumb {
  12447. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(248, 249, 250, 0.25);
  12448. }
  12449. .custom-range.custom-range-light:focus::-ms-thumb {
  12450. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(248, 249, 250, 0.25);
  12451. }
  12452. .custom-range.custom-range-light::-webkit-slider-thumb {
  12453. background-color: #f8f9fa;
  12454. }
  12455. .custom-range.custom-range-light::-webkit-slider-thumb:active {
  12456. background-color: white;
  12457. }
  12458. .custom-range.custom-range-light::-moz-range-thumb {
  12459. background-color: #f8f9fa;
  12460. }
  12461. .custom-range.custom-range-light::-moz-range-thumb:active {
  12462. background-color: white;
  12463. }
  12464. .custom-range.custom-range-light::-ms-thumb {
  12465. background-color: #f8f9fa;
  12466. }
  12467. .custom-range.custom-range-light::-ms-thumb:active {
  12468. background-color: white;
  12469. }
  12470. .custom-range.custom-range-dark:focus {
  12471. outline: none;
  12472. }
  12473. .custom-range.custom-range-dark:focus::-webkit-slider-thumb {
  12474. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(52, 58, 64, 0.25);
  12475. }
  12476. .custom-range.custom-range-dark:focus::-moz-range-thumb {
  12477. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(52, 58, 64, 0.25);
  12478. }
  12479. .custom-range.custom-range-dark:focus::-ms-thumb {
  12480. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(52, 58, 64, 0.25);
  12481. }
  12482. .custom-range.custom-range-dark::-webkit-slider-thumb {
  12483. background-color: #343a40;
  12484. }
  12485. .custom-range.custom-range-dark::-webkit-slider-thumb:active {
  12486. background-color: #88939e;
  12487. }
  12488. .custom-range.custom-range-dark::-moz-range-thumb {
  12489. background-color: #343a40;
  12490. }
  12491. .custom-range.custom-range-dark::-moz-range-thumb:active {
  12492. background-color: #88939e;
  12493. }
  12494. .custom-range.custom-range-dark::-ms-thumb {
  12495. background-color: #343a40;
  12496. }
  12497. .custom-range.custom-range-dark::-ms-thumb:active {
  12498. background-color: #88939e;
  12499. }
  12500. .custom-range.custom-range-navy:focus {
  12501. outline: none;
  12502. }
  12503. .custom-range.custom-range-navy:focus::-webkit-slider-thumb {
  12504. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(0, 31, 63, 0.25);
  12505. }
  12506. .custom-range.custom-range-navy:focus::-moz-range-thumb {
  12507. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(0, 31, 63, 0.25);
  12508. }
  12509. .custom-range.custom-range-navy:focus::-ms-thumb {
  12510. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(0, 31, 63, 0.25);
  12511. }
  12512. .custom-range.custom-range-navy::-webkit-slider-thumb {
  12513. background-color: #001f3f;
  12514. }
  12515. .custom-range.custom-range-navy::-webkit-slider-thumb:active {
  12516. background-color: #0077f2;
  12517. }
  12518. .custom-range.custom-range-navy::-moz-range-thumb {
  12519. background-color: #001f3f;
  12520. }
  12521. .custom-range.custom-range-navy::-moz-range-thumb:active {
  12522. background-color: #0077f2;
  12523. }
  12524. .custom-range.custom-range-navy::-ms-thumb {
  12525. background-color: #001f3f;
  12526. }
  12527. .custom-range.custom-range-navy::-ms-thumb:active {
  12528. background-color: #0077f2;
  12529. }
  12530. .custom-range.custom-range-olive:focus {
  12531. outline: none;
  12532. }
  12533. .custom-range.custom-range-olive:focus::-webkit-slider-thumb {
  12534. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(61, 153, 112, 0.25);
  12535. }
  12536. .custom-range.custom-range-olive:focus::-moz-range-thumb {
  12537. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(61, 153, 112, 0.25);
  12538. }
  12539. .custom-range.custom-range-olive:focus::-ms-thumb {
  12540. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(61, 153, 112, 0.25);
  12541. }
  12542. .custom-range.custom-range-olive::-webkit-slider-thumb {
  12543. background-color: #3d9970;
  12544. }
  12545. .custom-range.custom-range-olive::-webkit-slider-thumb:active {
  12546. background-color: #abdec7;
  12547. }
  12548. .custom-range.custom-range-olive::-moz-range-thumb {
  12549. background-color: #3d9970;
  12550. }
  12551. .custom-range.custom-range-olive::-moz-range-thumb:active {
  12552. background-color: #abdec7;
  12553. }
  12554. .custom-range.custom-range-olive::-ms-thumb {
  12555. background-color: #3d9970;
  12556. }
  12557. .custom-range.custom-range-olive::-ms-thumb:active {
  12558. background-color: #abdec7;
  12559. }
  12560. .custom-range.custom-range-lime:focus {
  12561. outline: none;
  12562. }
  12563. .custom-range.custom-range-lime:focus::-webkit-slider-thumb {
  12564. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(1, 255, 112, 0.25);
  12565. }
  12566. .custom-range.custom-range-lime:focus::-moz-range-thumb {
  12567. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(1, 255, 112, 0.25);
  12568. }
  12569. .custom-range.custom-range-lime:focus::-ms-thumb {
  12570. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(1, 255, 112, 0.25);
  12571. }
  12572. .custom-range.custom-range-lime::-webkit-slider-thumb {
  12573. background-color: #01ff70;
  12574. }
  12575. .custom-range.custom-range-lime::-webkit-slider-thumb:active {
  12576. background-color: #b4ffd4;
  12577. }
  12578. .custom-range.custom-range-lime::-moz-range-thumb {
  12579. background-color: #01ff70;
  12580. }
  12581. .custom-range.custom-range-lime::-moz-range-thumb:active {
  12582. background-color: #b4ffd4;
  12583. }
  12584. .custom-range.custom-range-lime::-ms-thumb {
  12585. background-color: #01ff70;
  12586. }
  12587. .custom-range.custom-range-lime::-ms-thumb:active {
  12588. background-color: #b4ffd4;
  12589. }
  12590. .custom-range.custom-range-fuchsia:focus {
  12591. outline: none;
  12592. }
  12593. .custom-range.custom-range-fuchsia:focus::-webkit-slider-thumb {
  12594. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(240, 18, 190, 0.25);
  12595. }
  12596. .custom-range.custom-range-fuchsia:focus::-moz-range-thumb {
  12597. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(240, 18, 190, 0.25);
  12598. }
  12599. .custom-range.custom-range-fuchsia:focus::-ms-thumb {
  12600. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(240, 18, 190, 0.25);
  12601. }
  12602. .custom-range.custom-range-fuchsia::-webkit-slider-thumb {
  12603. background-color: #f012be;
  12604. }
  12605. .custom-range.custom-range-fuchsia::-webkit-slider-thumb:active {
  12606. background-color: #fbbaec;
  12607. }
  12608. .custom-range.custom-range-fuchsia::-moz-range-thumb {
  12609. background-color: #f012be;
  12610. }
  12611. .custom-range.custom-range-fuchsia::-moz-range-thumb:active {
  12612. background-color: #fbbaec;
  12613. }
  12614. .custom-range.custom-range-fuchsia::-ms-thumb {
  12615. background-color: #f012be;
  12616. }
  12617. .custom-range.custom-range-fuchsia::-ms-thumb:active {
  12618. background-color: #fbbaec;
  12619. }
  12620. .custom-range.custom-range-maroon:focus {
  12621. outline: none;
  12622. }
  12623. .custom-range.custom-range-maroon:focus::-webkit-slider-thumb {
  12624. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(216, 27, 96, 0.25);
  12625. }
  12626. .custom-range.custom-range-maroon:focus::-moz-range-thumb {
  12627. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(216, 27, 96, 0.25);
  12628. }
  12629. .custom-range.custom-range-maroon:focus::-ms-thumb {
  12630. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(216, 27, 96, 0.25);
  12631. }
  12632. .custom-range.custom-range-maroon::-webkit-slider-thumb {
  12633. background-color: #d81b60;
  12634. }
  12635. .custom-range.custom-range-maroon::-webkit-slider-thumb:active {
  12636. background-color: #f5b0c9;
  12637. }
  12638. .custom-range.custom-range-maroon::-moz-range-thumb {
  12639. background-color: #d81b60;
  12640. }
  12641. .custom-range.custom-range-maroon::-moz-range-thumb:active {
  12642. background-color: #f5b0c9;
  12643. }
  12644. .custom-range.custom-range-maroon::-ms-thumb {
  12645. background-color: #d81b60;
  12646. }
  12647. .custom-range.custom-range-maroon::-ms-thumb:active {
  12648. background-color: #f5b0c9;
  12649. }
  12650. .custom-range.custom-range-blue:focus {
  12651. outline: none;
  12652. }
  12653. .custom-range.custom-range-blue:focus::-webkit-slider-thumb {
  12654. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(0, 123, 255, 0.25);
  12655. }
  12656. .custom-range.custom-range-blue:focus::-moz-range-thumb {
  12657. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(0, 123, 255, 0.25);
  12658. }
  12659. .custom-range.custom-range-blue:focus::-ms-thumb {
  12660. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(0, 123, 255, 0.25);
  12661. }
  12662. .custom-range.custom-range-blue::-webkit-slider-thumb {
  12663. background-color: #007bff;
  12664. }
  12665. .custom-range.custom-range-blue::-webkit-slider-thumb:active {
  12666. background-color: #b3d7ff;
  12667. }
  12668. .custom-range.custom-range-blue::-moz-range-thumb {
  12669. background-color: #007bff;
  12670. }
  12671. .custom-range.custom-range-blue::-moz-range-thumb:active {
  12672. background-color: #b3d7ff;
  12673. }
  12674. .custom-range.custom-range-blue::-ms-thumb {
  12675. background-color: #007bff;
  12676. }
  12677. .custom-range.custom-range-blue::-ms-thumb:active {
  12678. background-color: #b3d7ff;
  12679. }
  12680. .custom-range.custom-range-indigo:focus {
  12681. outline: none;
  12682. }
  12683. .custom-range.custom-range-indigo:focus::-webkit-slider-thumb {
  12684. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(102, 16, 242, 0.25);
  12685. }
  12686. .custom-range.custom-range-indigo:focus::-moz-range-thumb {
  12687. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(102, 16, 242, 0.25);
  12688. }
  12689. .custom-range.custom-range-indigo:focus::-ms-thumb {
  12690. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(102, 16, 242, 0.25);
  12691. }
  12692. .custom-range.custom-range-indigo::-webkit-slider-thumb {
  12693. background-color: #6610f2;
  12694. }
  12695. .custom-range.custom-range-indigo::-webkit-slider-thumb:active {
  12696. background-color: #d2b9fb;
  12697. }
  12698. .custom-range.custom-range-indigo::-moz-range-thumb {
  12699. background-color: #6610f2;
  12700. }
  12701. .custom-range.custom-range-indigo::-moz-range-thumb:active {
  12702. background-color: #d2b9fb;
  12703. }
  12704. .custom-range.custom-range-indigo::-ms-thumb {
  12705. background-color: #6610f2;
  12706. }
  12707. .custom-range.custom-range-indigo::-ms-thumb:active {
  12708. background-color: #d2b9fb;
  12709. }
  12710. .custom-range.custom-range-purple:focus {
  12711. outline: none;
  12712. }
  12713. .custom-range.custom-range-purple:focus::-webkit-slider-thumb {
  12714. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(111, 66, 193, 0.25);
  12715. }
  12716. .custom-range.custom-range-purple:focus::-moz-range-thumb {
  12717. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(111, 66, 193, 0.25);
  12718. }
  12719. .custom-range.custom-range-purple:focus::-ms-thumb {
  12720. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(111, 66, 193, 0.25);
  12721. }
  12722. .custom-range.custom-range-purple::-webkit-slider-thumb {
  12723. background-color: #6f42c1;
  12724. }
  12725. .custom-range.custom-range-purple::-webkit-slider-thumb:active {
  12726. background-color: #d5c8ed;
  12727. }
  12728. .custom-range.custom-range-purple::-moz-range-thumb {
  12729. background-color: #6f42c1;
  12730. }
  12731. .custom-range.custom-range-purple::-moz-range-thumb:active {
  12732. background-color: #d5c8ed;
  12733. }
  12734. .custom-range.custom-range-purple::-ms-thumb {
  12735. background-color: #6f42c1;
  12736. }
  12737. .custom-range.custom-range-purple::-ms-thumb:active {
  12738. background-color: #d5c8ed;
  12739. }
  12740. .custom-range.custom-range-pink:focus {
  12741. outline: none;
  12742. }
  12743. .custom-range.custom-range-pink:focus::-webkit-slider-thumb {
  12744. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(232, 62, 140, 0.25);
  12745. }
  12746. .custom-range.custom-range-pink:focus::-moz-range-thumb {
  12747. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(232, 62, 140, 0.25);
  12748. }
  12749. .custom-range.custom-range-pink:focus::-ms-thumb {
  12750. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(232, 62, 140, 0.25);
  12751. }
  12752. .custom-range.custom-range-pink::-webkit-slider-thumb {
  12753. background-color: #e83e8c;
  12754. }
  12755. .custom-range.custom-range-pink::-webkit-slider-thumb:active {
  12756. background-color: #fbddeb;
  12757. }
  12758. .custom-range.custom-range-pink::-moz-range-thumb {
  12759. background-color: #e83e8c;
  12760. }
  12761. .custom-range.custom-range-pink::-moz-range-thumb:active {
  12762. background-color: #fbddeb;
  12763. }
  12764. .custom-range.custom-range-pink::-ms-thumb {
  12765. background-color: #e83e8c;
  12766. }
  12767. .custom-range.custom-range-pink::-ms-thumb:active {
  12768. background-color: #fbddeb;
  12769. }
  12770. .custom-range.custom-range-red:focus {
  12771. outline: none;
  12772. }
  12773. .custom-range.custom-range-red:focus::-webkit-slider-thumb {
  12774. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(220, 53, 69, 0.25);
  12775. }
  12776. .custom-range.custom-range-red:focus::-moz-range-thumb {
  12777. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(220, 53, 69, 0.25);
  12778. }
  12779. .custom-range.custom-range-red:focus::-ms-thumb {
  12780. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(220, 53, 69, 0.25);
  12781. }
  12782. .custom-range.custom-range-red::-webkit-slider-thumb {
  12783. background-color: #dc3545;
  12784. }
  12785. .custom-range.custom-range-red::-webkit-slider-thumb:active {
  12786. background-color: #f6cdd1;
  12787. }
  12788. .custom-range.custom-range-red::-moz-range-thumb {
  12789. background-color: #dc3545;
  12790. }
  12791. .custom-range.custom-range-red::-moz-range-thumb:active {
  12792. background-color: #f6cdd1;
  12793. }
  12794. .custom-range.custom-range-red::-ms-thumb {
  12795. background-color: #dc3545;
  12796. }
  12797. .custom-range.custom-range-red::-ms-thumb:active {
  12798. background-color: #f6cdd1;
  12799. }
  12800. .custom-range.custom-range-orange:focus {
  12801. outline: none;
  12802. }
  12803. .custom-range.custom-range-orange:focus::-webkit-slider-thumb {
  12804. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(253, 126, 20, 0.25);
  12805. }
  12806. .custom-range.custom-range-orange:focus::-moz-range-thumb {
  12807. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(253, 126, 20, 0.25);
  12808. }
  12809. .custom-range.custom-range-orange:focus::-ms-thumb {
  12810. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(253, 126, 20, 0.25);
  12811. }
  12812. .custom-range.custom-range-orange::-webkit-slider-thumb {
  12813. background-color: #fd7e14;
  12814. }
  12815. .custom-range.custom-range-orange::-webkit-slider-thumb:active {
  12816. background-color: #ffdfc5;
  12817. }
  12818. .custom-range.custom-range-orange::-moz-range-thumb {
  12819. background-color: #fd7e14;
  12820. }
  12821. .custom-range.custom-range-orange::-moz-range-thumb:active {
  12822. background-color: #ffdfc5;
  12823. }
  12824. .custom-range.custom-range-orange::-ms-thumb {
  12825. background-color: #fd7e14;
  12826. }
  12827. .custom-range.custom-range-orange::-ms-thumb:active {
  12828. background-color: #ffdfc5;
  12829. }
  12830. .custom-range.custom-range-yellow:focus {
  12831. outline: none;
  12832. }
  12833. .custom-range.custom-range-yellow:focus::-webkit-slider-thumb {
  12834. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(255, 193, 7, 0.25);
  12835. }
  12836. .custom-range.custom-range-yellow:focus::-moz-range-thumb {
  12837. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(255, 193, 7, 0.25);
  12838. }
  12839. .custom-range.custom-range-yellow:focus::-ms-thumb {
  12840. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(255, 193, 7, 0.25);
  12841. }
  12842. .custom-range.custom-range-yellow::-webkit-slider-thumb {
  12843. background-color: #ffc107;
  12844. }
  12845. .custom-range.custom-range-yellow::-webkit-slider-thumb:active {
  12846. background-color: #ffeeba;
  12847. }
  12848. .custom-range.custom-range-yellow::-moz-range-thumb {
  12849. background-color: #ffc107;
  12850. }
  12851. .custom-range.custom-range-yellow::-moz-range-thumb:active {
  12852. background-color: #ffeeba;
  12853. }
  12854. .custom-range.custom-range-yellow::-ms-thumb {
  12855. background-color: #ffc107;
  12856. }
  12857. .custom-range.custom-range-yellow::-ms-thumb:active {
  12858. background-color: #ffeeba;
  12859. }
  12860. .custom-range.custom-range-green:focus {
  12861. outline: none;
  12862. }
  12863. .custom-range.custom-range-green:focus::-webkit-slider-thumb {
  12864. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(40, 167, 69, 0.25);
  12865. }
  12866. .custom-range.custom-range-green:focus::-moz-range-thumb {
  12867. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(40, 167, 69, 0.25);
  12868. }
  12869. .custom-range.custom-range-green:focus::-ms-thumb {
  12870. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(40, 167, 69, 0.25);
  12871. }
  12872. .custom-range.custom-range-green::-webkit-slider-thumb {
  12873. background-color: #28a745;
  12874. }
  12875. .custom-range.custom-range-green::-webkit-slider-thumb:active {
  12876. background-color: #9be7ac;
  12877. }
  12878. .custom-range.custom-range-green::-moz-range-thumb {
  12879. background-color: #28a745;
  12880. }
  12881. .custom-range.custom-range-green::-moz-range-thumb:active {
  12882. background-color: #9be7ac;
  12883. }
  12884. .custom-range.custom-range-green::-ms-thumb {
  12885. background-color: #28a745;
  12886. }
  12887. .custom-range.custom-range-green::-ms-thumb:active {
  12888. background-color: #9be7ac;
  12889. }
  12890. .custom-range.custom-range-teal:focus {
  12891. outline: none;
  12892. }
  12893. .custom-range.custom-range-teal:focus::-webkit-slider-thumb {
  12894. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(32, 201, 151, 0.25);
  12895. }
  12896. .custom-range.custom-range-teal:focus::-moz-range-thumb {
  12897. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(32, 201, 151, 0.25);
  12898. }
  12899. .custom-range.custom-range-teal:focus::-ms-thumb {
  12900. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(32, 201, 151, 0.25);
  12901. }
  12902. .custom-range.custom-range-teal::-webkit-slider-thumb {
  12903. background-color: #20c997;
  12904. }
  12905. .custom-range.custom-range-teal::-webkit-slider-thumb:active {
  12906. background-color: #aaf1dc;
  12907. }
  12908. .custom-range.custom-range-teal::-moz-range-thumb {
  12909. background-color: #20c997;
  12910. }
  12911. .custom-range.custom-range-teal::-moz-range-thumb:active {
  12912. background-color: #aaf1dc;
  12913. }
  12914. .custom-range.custom-range-teal::-ms-thumb {
  12915. background-color: #20c997;
  12916. }
  12917. .custom-range.custom-range-teal::-ms-thumb:active {
  12918. background-color: #aaf1dc;
  12919. }
  12920. .custom-range.custom-range-cyan:focus {
  12921. outline: none;
  12922. }
  12923. .custom-range.custom-range-cyan:focus::-webkit-slider-thumb {
  12924. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(23, 162, 184, 0.25);
  12925. }
  12926. .custom-range.custom-range-cyan:focus::-moz-range-thumb {
  12927. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(23, 162, 184, 0.25);
  12928. }
  12929. .custom-range.custom-range-cyan:focus::-ms-thumb {
  12930. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(23, 162, 184, 0.25);
  12931. }
  12932. .custom-range.custom-range-cyan::-webkit-slider-thumb {
  12933. background-color: #17a2b8;
  12934. }
  12935. .custom-range.custom-range-cyan::-webkit-slider-thumb:active {
  12936. background-color: #90e4f1;
  12937. }
  12938. .custom-range.custom-range-cyan::-moz-range-thumb {
  12939. background-color: #17a2b8;
  12940. }
  12941. .custom-range.custom-range-cyan::-moz-range-thumb:active {
  12942. background-color: #90e4f1;
  12943. }
  12944. .custom-range.custom-range-cyan::-ms-thumb {
  12945. background-color: #17a2b8;
  12946. }
  12947. .custom-range.custom-range-cyan::-ms-thumb:active {
  12948. background-color: #90e4f1;
  12949. }
  12950. .custom-range.custom-range-white:focus {
  12951. outline: none;
  12952. }
  12953. .custom-range.custom-range-white:focus::-webkit-slider-thumb {
  12954. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(255, 255, 255, 0.25);
  12955. }
  12956. .custom-range.custom-range-white:focus::-moz-range-thumb {
  12957. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(255, 255, 255, 0.25);
  12958. }
  12959. .custom-range.custom-range-white:focus::-ms-thumb {
  12960. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(255, 255, 255, 0.25);
  12961. }
  12962. .custom-range.custom-range-white::-webkit-slider-thumb {
  12963. background-color: #ffffff;
  12964. }
  12965. .custom-range.custom-range-white::-webkit-slider-thumb:active {
  12966. background-color: white;
  12967. }
  12968. .custom-range.custom-range-white::-moz-range-thumb {
  12969. background-color: #ffffff;
  12970. }
  12971. .custom-range.custom-range-white::-moz-range-thumb:active {
  12972. background-color: white;
  12973. }
  12974. .custom-range.custom-range-white::-ms-thumb {
  12975. background-color: #ffffff;
  12976. }
  12977. .custom-range.custom-range-white::-ms-thumb:active {
  12978. background-color: white;
  12979. }
  12980. .custom-range.custom-range-gray:focus {
  12981. outline: none;
  12982. }
  12983. .custom-range.custom-range-gray:focus::-webkit-slider-thumb {
  12984. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(108, 117, 125, 0.25);
  12985. }
  12986. .custom-range.custom-range-gray:focus::-moz-range-thumb {
  12987. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(108, 117, 125, 0.25);
  12988. }
  12989. .custom-range.custom-range-gray:focus::-ms-thumb {
  12990. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(108, 117, 125, 0.25);
  12991. }
  12992. .custom-range.custom-range-gray::-webkit-slider-thumb {
  12993. background-color: #6c757d;
  12994. }
  12995. .custom-range.custom-range-gray::-webkit-slider-thumb:active {
  12996. background-color: #caced1;
  12997. }
  12998. .custom-range.custom-range-gray::-moz-range-thumb {
  12999. background-color: #6c757d;
  13000. }
  13001. .custom-range.custom-range-gray::-moz-range-thumb:active {
  13002. background-color: #caced1;
  13003. }
  13004. .custom-range.custom-range-gray::-ms-thumb {
  13005. background-color: #6c757d;
  13006. }
  13007. .custom-range.custom-range-gray::-ms-thumb:active {
  13008. background-color: #caced1;
  13009. }
  13010. .custom-range.custom-range-gray-dark:focus {
  13011. outline: none;
  13012. }
  13013. .custom-range.custom-range-gray-dark:focus::-webkit-slider-thumb {
  13014. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(52, 58, 64, 0.25);
  13015. }
  13016. .custom-range.custom-range-gray-dark:focus::-moz-range-thumb {
  13017. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(52, 58, 64, 0.25);
  13018. }
  13019. .custom-range.custom-range-gray-dark:focus::-ms-thumb {
  13020. box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(52, 58, 64, 0.25);
  13021. }
  13022. .custom-range.custom-range-gray-dark::-webkit-slider-thumb {
  13023. background-color: #343a40;
  13024. }
  13025. .custom-range.custom-range-gray-dark::-webkit-slider-thumb:active {
  13026. background-color: #88939e;
  13027. }
  13028. .custom-range.custom-range-gray-dark::-moz-range-thumb {
  13029. background-color: #343a40;
  13030. }
  13031. .custom-range.custom-range-gray-dark::-moz-range-thumb:active {
  13032. background-color: #88939e;
  13033. }
  13034. .custom-range.custom-range-gray-dark::-ms-thumb {
  13035. background-color: #343a40;
  13036. }
  13037. .custom-range.custom-range-gray-dark::-ms-thumb:active {
  13038. background-color: #88939e;
  13039. }
  13040. .progress {
  13041. box-shadow: none;
  13042. border-radius: 1px;
  13043. }
  13044. .progress.vertical {
  13045. display: inline-block;
  13046. height: 200px;
  13047. margin-right: 10px;
  13048. position: relative;
  13049. width: 30px;
  13050. }
  13051. .progress.vertical > .progress-bar {
  13052. bottom: 0;
  13053. position: absolute;
  13054. width: 100%;
  13055. }
  13056. .progress.vertical.sm, .progress.vertical.progress-sm {
  13057. width: 20px;
  13058. }
  13059. .progress.vertical.xs, .progress.vertical.progress-xs {
  13060. width: 10px;
  13061. }
  13062. .progress.vertical.xxs, .progress.vertical.progress-xxs {
  13063. width: 3px;
  13064. }
  13065. .progress-group {
  13066. margin-bottom: 0.5rem;
  13067. }
  13068. .progress-sm {
  13069. height: 10px;
  13070. }
  13071. .progress-xs {
  13072. height: 7px;
  13073. }
  13074. .progress-xxs {
  13075. height: 3px;
  13076. }
  13077. .table tr > td .progress {
  13078. margin: 0;
  13079. }
  13080. .card {
  13081. box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
  13082. margin-bottom: 1rem;
  13083. }
  13084. .card.bg-dark .card-header {
  13085. border-color: #383f45;
  13086. }
  13087. .card.bg-dark,
  13088. .card.bg-dark .card-body {
  13089. color: #ffffff;
  13090. }
  13091. .card.maximized-card {
  13092. height: 100% !important;
  13093. left: 0;
  13094. max-height: 100% !important;
  13095. max-width: 100% !important;
  13096. position: fixed;
  13097. top: 0;
  13098. width: 100% !important;
  13099. z-index: 9999;
  13100. }
  13101. .card.maximized-card.was-collapsed .card-body {
  13102. display: block !important;
  13103. }
  13104. .card.maximized-card [data-widget='collapse'] {
  13105. display: none;
  13106. }
  13107. .card.maximized-card .card-header,
  13108. .card.maximized-card .card-footer {
  13109. border-radius: 0 !important;
  13110. }
  13111. .card.collapsed-card .card-body,
  13112. .card.collapsed-card .card-footer {
  13113. display: none;
  13114. }
  13115. .card .nav.flex-column > li {
  13116. border-bottom: 1px solid rgba(0, 0, 0, 0.125);
  13117. margin: 0;
  13118. }
  13119. .card .nav.flex-column > li:last-of-type {
  13120. border-bottom: 0;
  13121. }
  13122. .card.height-control .card-body {
  13123. max-height: 300px;
  13124. overflow: auto;
  13125. }
  13126. .card .border-right {
  13127. border-right: 1px solid rgba(0, 0, 0, 0.125);
  13128. }
  13129. .card .border-left {
  13130. border-left: 1px solid rgba(0, 0, 0, 0.125);
  13131. }
  13132. .card.card-tabs:not(.card-outline) .card-header {
  13133. border-bottom: 0;
  13134. }
  13135. .card.card-tabs:not(.card-outline) .card-header .nav-item:first-child .nav-link {
  13136. margin-left: -1px;
  13137. }
  13138. .card.card-tabs.card-outline .nav-item {
  13139. border-bottom: 0;
  13140. }
  13141. .card.card-tabs.card-outline .nav-item:first-child .nav-link {
  13142. border-left: 0;
  13143. margin-left: 0;
  13144. }
  13145. .card.card-outline-tabs {
  13146. border-top: 0;
  13147. }
  13148. .card.card-outline-tabs .card-header .nav-item:first-child .nav-link {
  13149. border-left: 0;
  13150. margin-left: 0;
  13151. }
  13152. .card.card-outline-tabs .card-header a {
  13153. border-top: 3px solid transparent;
  13154. }
  13155. .card.card-outline-tabs .card-header a:hover {
  13156. border-top: 3px solid #dee2e6;
  13157. }
  13158. .card.card-outline-tabs .card-header a.active:hover {
  13159. margin-top: 0;
  13160. }
  13161. html.maximized-card {
  13162. overflow: hidden;
  13163. }
  13164. .card-header::after,
  13165. .card-body::after,
  13166. .card-footer::after {
  13167. display: block;
  13168. clear: both;
  13169. content: "";
  13170. }
  13171. .card-header {
  13172. background-color: transparent;
  13173. border-bottom: 1px solid rgba(0, 0, 0, 0.125);
  13174. padding: 0.75rem 1.25rem;
  13175. position: relative;
  13176. border-top-left-radius: 0.25rem;
  13177. border-top-right-radius: 0.25rem;
  13178. }
  13179. .collapsed-card .card-header {
  13180. border-bottom: 0;
  13181. }
  13182. .card-header > .card-tools {
  13183. float: right;
  13184. margin-right: -0.625rem;
  13185. }
  13186. .card-header > .card-tools .input-group,
  13187. .card-header > .card-tools .nav,
  13188. .card-header > .card-tools .pagination {
  13189. margin-bottom: -0.3rem;
  13190. margin-top: -0.3rem;
  13191. }
  13192. .card-header > .card-tools [data-toggle='tooltip'] {
  13193. position: relative;
  13194. }
  13195. .card-title {
  13196. float: left;
  13197. font-size: 1.1rem;
  13198. font-weight: 400;
  13199. margin: 0;
  13200. }
  13201. .card-text {
  13202. clear: both;
  13203. }
  13204. .btn-tool {
  13205. background: transparent;
  13206. color: #adb5bd;
  13207. font-size: 0.875rem;
  13208. margin: -0.75rem 0;
  13209. padding: .25rem .5rem;
  13210. }
  13211. .btn-group.show .btn-tool, .btn-tool:hover {
  13212. color: #495057;
  13213. }
  13214. .show .btn-tool, .btn-tool:focus {
  13215. box-shadow: none !important;
  13216. }
  13217. .text-sm .card-title {
  13218. font-size: 1rem;
  13219. }
  13220. .text-sm .nav-link {
  13221. padding: 0.4rem 0.8rem;
  13222. }
  13223. .card-body > .table {
  13224. margin-bottom: 0;
  13225. }
  13226. .card-body > .table > thead > tr > th,
  13227. .card-body > .table > thead > tr > td {
  13228. border-top-width: 0;
  13229. }
  13230. .card-body .fc {
  13231. margin-top: 5px;
  13232. }
  13233. .card-body .full-width-chart {
  13234. margin: -19px;
  13235. }
  13236. .card-body.p-0 .full-width-chart {
  13237. margin: -9px;
  13238. }
  13239. .chart-legend {
  13240. padding-left: 0;
  13241. list-style: none;
  13242. margin: 10px 0;
  13243. }
  13244. @media (max-width: 576px) {
  13245. .chart-legend > li {
  13246. float: left;
  13247. margin-right: 10px;
  13248. }
  13249. }
  13250. .card-comments {
  13251. background: #f8f9fa;
  13252. }
  13253. .card-comments .card-comment {
  13254. border-bottom: 1px solid #e9ecef;
  13255. padding: 8px 0;
  13256. }
  13257. .card-comments .card-comment::after {
  13258. display: block;
  13259. clear: both;
  13260. content: "";
  13261. }
  13262. .card-comments .card-comment:last-of-type {
  13263. border-bottom: 0;
  13264. }
  13265. .card-comments .card-comment:first-of-type {
  13266. padding-top: 0;
  13267. }
  13268. .card-comments .card-comment img {
  13269. height: 1.875rem;
  13270. width: 1.875rem;
  13271. float: left;
  13272. }
  13273. .card-comments .comment-text {
  13274. color: #78838e;
  13275. margin-left: 40px;
  13276. }
  13277. .card-comments .username {
  13278. color: #495057;
  13279. display: block;
  13280. font-weight: 600;
  13281. }
  13282. .card-comments .text-muted {
  13283. font-size: 12px;
  13284. font-weight: 400;
  13285. }
  13286. .todo-list {
  13287. list-style: none;
  13288. margin: 0;
  13289. overflow: auto;
  13290. padding: 0;
  13291. }
  13292. .todo-list > li {
  13293. border-radius: 2px;
  13294. background: #f8f9fa;
  13295. border-left: 2px solid #e9ecef;
  13296. color: #495057;
  13297. margin-bottom: 2px;
  13298. padding: 10px;
  13299. }
  13300. .todo-list > li:last-of-type {
  13301. margin-bottom: 0;
  13302. }
  13303. .todo-list > li > input[type='checkbox'] {
  13304. margin: 0 10px 0 5px;
  13305. }
  13306. .todo-list > li .text {
  13307. display: inline-block;
  13308. font-weight: 600;
  13309. margin-left: 5px;
  13310. }
  13311. .todo-list > li .badge {
  13312. font-size: .7rem;
  13313. margin-left: 10px;
  13314. }
  13315. .todo-list > li .tools {
  13316. color: #dc3545;
  13317. display: none;
  13318. float: right;
  13319. }
  13320. .todo-list > li .tools > .fa,
  13321. .todo-list > li .tools > .fas,
  13322. .todo-list > li .tools > .far,
  13323. .todo-list > li .tools > .fab,
  13324. .todo-list > li .tools > .glyphicon,
  13325. .todo-list > li .tools > .ion {
  13326. cursor: pointer;
  13327. margin-right: 5px;
  13328. }
  13329. .todo-list > li:hover .tools {
  13330. display: inline-block;
  13331. }
  13332. .todo-list > li.done {
  13333. color: #697582;
  13334. }
  13335. .todo-list > li.done .text {
  13336. font-weight: 500;
  13337. text-decoration: line-through;
  13338. }
  13339. .todo-list > li.done .badge {
  13340. background: #adb5bd !important;
  13341. }
  13342. .todo-list .primary {
  13343. border-left-color: #007bff;
  13344. }
  13345. .todo-list .secondary {
  13346. border-left-color: #6c757d;
  13347. }
  13348. .todo-list .success {
  13349. border-left-color: #28a745;
  13350. }
  13351. .todo-list .info {
  13352. border-left-color: #17a2b8;
  13353. }
  13354. .todo-list .warning {
  13355. border-left-color: #ffc107;
  13356. }
  13357. .todo-list .danger {
  13358. border-left-color: #dc3545;
  13359. }
  13360. .todo-list .light {
  13361. border-left-color: #f8f9fa;
  13362. }
  13363. .todo-list .dark {
  13364. border-left-color: #343a40;
  13365. }
  13366. .todo-list .navy {
  13367. border-left-color: #001f3f;
  13368. }
  13369. .todo-list .olive {
  13370. border-left-color: #3d9970;
  13371. }
  13372. .todo-list .lime {
  13373. border-left-color: #01ff70;
  13374. }
  13375. .todo-list .fuchsia {
  13376. border-left-color: #f012be;
  13377. }
  13378. .todo-list .maroon {
  13379. border-left-color: #d81b60;
  13380. }
  13381. .todo-list .blue {
  13382. border-left-color: #007bff;
  13383. }
  13384. .todo-list .indigo {
  13385. border-left-color: #6610f2;
  13386. }
  13387. .todo-list .purple {
  13388. border-left-color: #6f42c1;
  13389. }
  13390. .todo-list .pink {
  13391. border-left-color: #e83e8c;
  13392. }
  13393. .todo-list .red {
  13394. border-left-color: #dc3545;
  13395. }
  13396. .todo-list .orange {
  13397. border-left-color: #fd7e14;
  13398. }
  13399. .todo-list .yellow {
  13400. border-left-color: #ffc107;
  13401. }
  13402. .todo-list .green {
  13403. border-left-color: #28a745;
  13404. }
  13405. .todo-list .teal {
  13406. border-left-color: #20c997;
  13407. }
  13408. .todo-list .cyan {
  13409. border-left-color: #17a2b8;
  13410. }
  13411. .todo-list .white {
  13412. border-left-color: #ffffff;
  13413. }
  13414. .todo-list .gray {
  13415. border-left-color: #6c757d;
  13416. }
  13417. .todo-list .gray-dark {
  13418. border-left-color: #343a40;
  13419. }
  13420. .todo-list .handle {
  13421. cursor: move;
  13422. display: inline-block;
  13423. margin: 0 5px;
  13424. }
  13425. .card-input {
  13426. max-width: 200px;
  13427. }
  13428. .card-primary.card-tabs:not(.card-outline) .card-header {
  13429. background-color: #007bff;
  13430. }
  13431. .card-primary.card-tabs:not(.card-outline) .card-header,
  13432. .card-primary.card-tabs:not(.card-outline) .card-header a {
  13433. color: #ffffff;
  13434. }
  13435. .card-primary.card-tabs:not(.card-outline) .card-header a.active {
  13436. color: #1F2D3D;
  13437. }
  13438. .card-primary.card-tabs.card-outline {
  13439. border-top: 3px solid #007bff;
  13440. }
  13441. .card-primary.card-outline-tabs .card-header a:hover {
  13442. border-top: 3px solid #dee2e6;
  13443. }
  13444. .card-primary.card-outline-tabs .card-header a.active {
  13445. border-top: 3px solid #007bff;
  13446. }
  13447. .bg-primary .btn-tool,
  13448. .bg-gradient-primary .btn-tool,
  13449. .card-primary:not(.card-outline) .btn-tool {
  13450. color: rgba(255, 255, 255, 0.8);
  13451. }
  13452. .bg-primary .btn-tool:hover,
  13453. .bg-gradient-primary .btn-tool:hover,
  13454. .card-primary:not(.card-outline) .btn-tool:hover {
  13455. color: #ffffff;
  13456. }
  13457. .card.bg-primary .bootstrap-datetimepicker-widget .table td,
  13458. .card.bg-primary .bootstrap-datetimepicker-widget .table th,
  13459. .card.bg-gradient-primary .bootstrap-datetimepicker-widget .table td,
  13460. .card.bg-gradient-primary .bootstrap-datetimepicker-widget .table th {
  13461. border: none;
  13462. }
  13463. .card.bg-primary .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
  13464. .card.bg-primary .bootstrap-datetimepicker-widget table td.day:hover,
  13465. .card.bg-primary .bootstrap-datetimepicker-widget table td.hour:hover,
  13466. .card.bg-primary .bootstrap-datetimepicker-widget table td.minute:hover,
  13467. .card.bg-primary .bootstrap-datetimepicker-widget table td.second:hover,
  13468. .card.bg-gradient-primary .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
  13469. .card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.day:hover,
  13470. .card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.hour:hover,
  13471. .card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.minute:hover,
  13472. .card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.second:hover {
  13473. background: #0067d6;
  13474. color: #ffffff;
  13475. }
  13476. .card.bg-primary .bootstrap-datetimepicker-widget table td.today::before,
  13477. .card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.today::before {
  13478. border-bottom-color: #ffffff;
  13479. }
  13480. .card.bg-primary .bootstrap-datetimepicker-widget table td.active,
  13481. .card.bg-primary .bootstrap-datetimepicker-widget table td.active:hover,
  13482. .card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.active,
  13483. .card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.active:hover {
  13484. background: #3395ff;
  13485. color: #ffffff;
  13486. }
  13487. .card-secondary.card-tabs:not(.card-outline) .card-header {
  13488. background-color: #6c757d;
  13489. }
  13490. .card-secondary.card-tabs:not(.card-outline) .card-header,
  13491. .card-secondary.card-tabs:not(.card-outline) .card-header a {
  13492. color: #ffffff;
  13493. }
  13494. .card-secondary.card-tabs:not(.card-outline) .card-header a.active {
  13495. color: #1F2D3D;
  13496. }
  13497. .card-secondary.card-tabs.card-outline {
  13498. border-top: 3px solid #6c757d;
  13499. }
  13500. .card-secondary.card-outline-tabs .card-header a:hover {
  13501. border-top: 3px solid #dee2e6;
  13502. }
  13503. .card-secondary.card-outline-tabs .card-header a.active {
  13504. border-top: 3px solid #6c757d;
  13505. }
  13506. .bg-secondary .btn-tool,
  13507. .bg-gradient-secondary .btn-tool,
  13508. .card-secondary:not(.card-outline) .btn-tool {
  13509. color: rgba(255, 255, 255, 0.8);
  13510. }
  13511. .bg-secondary .btn-tool:hover,
  13512. .bg-gradient-secondary .btn-tool:hover,
  13513. .card-secondary:not(.card-outline) .btn-tool:hover {
  13514. color: #ffffff;
  13515. }
  13516. .card.bg-secondary .bootstrap-datetimepicker-widget .table td,
  13517. .card.bg-secondary .bootstrap-datetimepicker-widget .table th,
  13518. .card.bg-gradient-secondary .bootstrap-datetimepicker-widget .table td,
  13519. .card.bg-gradient-secondary .bootstrap-datetimepicker-widget .table th {
  13520. border: none;
  13521. }
  13522. .card.bg-secondary .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
  13523. .card.bg-secondary .bootstrap-datetimepicker-widget table td.day:hover,
  13524. .card.bg-secondary .bootstrap-datetimepicker-widget table td.hour:hover,
  13525. .card.bg-secondary .bootstrap-datetimepicker-widget table td.minute:hover,
  13526. .card.bg-secondary .bootstrap-datetimepicker-widget table td.second:hover,
  13527. .card.bg-gradient-secondary .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
  13528. .card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.day:hover,
  13529. .card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.hour:hover,
  13530. .card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.minute:hover,
  13531. .card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.second:hover {
  13532. background: #596167;
  13533. color: #ffffff;
  13534. }
  13535. .card.bg-secondary .bootstrap-datetimepicker-widget table td.today::before,
  13536. .card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.today::before {
  13537. border-bottom-color: #ffffff;
  13538. }
  13539. .card.bg-secondary .bootstrap-datetimepicker-widget table td.active,
  13540. .card.bg-secondary .bootstrap-datetimepicker-widget table td.active:hover,
  13541. .card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.active,
  13542. .card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.active:hover {
  13543. background: #868e96;
  13544. color: #ffffff;
  13545. }
  13546. .card-success.card-tabs:not(.card-outline) .card-header {
  13547. background-color: #28a745;
  13548. }
  13549. .card-success.card-tabs:not(.card-outline) .card-header,
  13550. .card-success.card-tabs:not(.card-outline) .card-header a {
  13551. color: #ffffff;
  13552. }
  13553. .card-success.card-tabs:not(.card-outline) .card-header a.active {
  13554. color: #1F2D3D;
  13555. }
  13556. .card-success.card-tabs.card-outline {
  13557. border-top: 3px solid #28a745;
  13558. }
  13559. .card-success.card-outline-tabs .card-header a:hover {
  13560. border-top: 3px solid #dee2e6;
  13561. }
  13562. .card-success.card-outline-tabs .card-header a.active {
  13563. border-top: 3px solid #28a745;
  13564. }
  13565. .bg-success .btn-tool,
  13566. .bg-gradient-success .btn-tool,
  13567. .card-success:not(.card-outline) .btn-tool {
  13568. color: rgba(255, 255, 255, 0.8);
  13569. }
  13570. .bg-success .btn-tool:hover,
  13571. .bg-gradient-success .btn-tool:hover,
  13572. .card-success:not(.card-outline) .btn-tool:hover {
  13573. color: #ffffff;
  13574. }
  13575. .card.bg-success .bootstrap-datetimepicker-widget .table td,
  13576. .card.bg-success .bootstrap-datetimepicker-widget .table th,
  13577. .card.bg-gradient-success .bootstrap-datetimepicker-widget .table td,
  13578. .card.bg-gradient-success .bootstrap-datetimepicker-widget .table th {
  13579. border: none;
  13580. }
  13581. .card.bg-success .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
  13582. .card.bg-success .bootstrap-datetimepicker-widget table td.day:hover,
  13583. .card.bg-success .bootstrap-datetimepicker-widget table td.hour:hover,
  13584. .card.bg-success .bootstrap-datetimepicker-widget table td.minute:hover,
  13585. .card.bg-success .bootstrap-datetimepicker-widget table td.second:hover,
  13586. .card.bg-gradient-success .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
  13587. .card.bg-gradient-success .bootstrap-datetimepicker-widget table td.day:hover,
  13588. .card.bg-gradient-success .bootstrap-datetimepicker-widget table td.hour:hover,
  13589. .card.bg-gradient-success .bootstrap-datetimepicker-widget table td.minute:hover,
  13590. .card.bg-gradient-success .bootstrap-datetimepicker-widget table td.second:hover {
  13591. background: #208637;
  13592. color: #ffffff;
  13593. }
  13594. .card.bg-success .bootstrap-datetimepicker-widget table td.today::before,
  13595. .card.bg-gradient-success .bootstrap-datetimepicker-widget table td.today::before {
  13596. border-bottom-color: #ffffff;
  13597. }
  13598. .card.bg-success .bootstrap-datetimepicker-widget table td.active,
  13599. .card.bg-success .bootstrap-datetimepicker-widget table td.active:hover,
  13600. .card.bg-gradient-success .bootstrap-datetimepicker-widget table td.active,
  13601. .card.bg-gradient-success .bootstrap-datetimepicker-widget table td.active:hover {
  13602. background: #34ce57;
  13603. color: #ffffff;
  13604. }
  13605. .card-info.card-tabs:not(.card-outline) .card-header {
  13606. background-color: #17a2b8;
  13607. }
  13608. .card-info.card-tabs:not(.card-outline) .card-header,
  13609. .card-info.card-tabs:not(.card-outline) .card-header a {
  13610. color: #ffffff;
  13611. }
  13612. .card-info.card-tabs:not(.card-outline) .card-header a.active {
  13613. color: #1F2D3D;
  13614. }
  13615. .card-info.card-tabs.card-outline {
  13616. border-top: 3px solid #17a2b8;
  13617. }
  13618. .card-info.card-outline-tabs .card-header a:hover {
  13619. border-top: 3px solid #dee2e6;
  13620. }
  13621. .card-info.card-outline-tabs .card-header a.active {
  13622. border-top: 3px solid #17a2b8;
  13623. }
  13624. .bg-info .btn-tool,
  13625. .bg-gradient-info .btn-tool,
  13626. .card-info:not(.card-outline) .btn-tool {
  13627. color: rgba(255, 255, 255, 0.8);
  13628. }
  13629. .bg-info .btn-tool:hover,
  13630. .bg-gradient-info .btn-tool:hover,
  13631. .card-info:not(.card-outline) .btn-tool:hover {
  13632. color: #ffffff;
  13633. }
  13634. .card.bg-info .bootstrap-datetimepicker-widget .table td,
  13635. .card.bg-info .bootstrap-datetimepicker-widget .table th,
  13636. .card.bg-gradient-info .bootstrap-datetimepicker-widget .table td,
  13637. .card.bg-gradient-info .bootstrap-datetimepicker-widget .table th {
  13638. border: none;
  13639. }
  13640. .card.bg-info .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
  13641. .card.bg-info .bootstrap-datetimepicker-widget table td.day:hover,
  13642. .card.bg-info .bootstrap-datetimepicker-widget table td.hour:hover,
  13643. .card.bg-info .bootstrap-datetimepicker-widget table td.minute:hover,
  13644. .card.bg-info .bootstrap-datetimepicker-widget table td.second:hover,
  13645. .card.bg-gradient-info .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
  13646. .card.bg-gradient-info .bootstrap-datetimepicker-widget table td.day:hover,
  13647. .card.bg-gradient-info .bootstrap-datetimepicker-widget table td.hour:hover,
  13648. .card.bg-gradient-info .bootstrap-datetimepicker-widget table td.minute:hover,
  13649. .card.bg-gradient-info .bootstrap-datetimepicker-widget table td.second:hover {
  13650. background: #128294;
  13651. color: #ffffff;
  13652. }
  13653. .card.bg-info .bootstrap-datetimepicker-widget table td.today::before,
  13654. .card.bg-gradient-info .bootstrap-datetimepicker-widget table td.today::before {
  13655. border-bottom-color: #ffffff;
  13656. }
  13657. .card.bg-info .bootstrap-datetimepicker-widget table td.active,
  13658. .card.bg-info .bootstrap-datetimepicker-widget table td.active:hover,
  13659. .card.bg-gradient-info .bootstrap-datetimepicker-widget table td.active,
  13660. .card.bg-gradient-info .bootstrap-datetimepicker-widget table td.active:hover {
  13661. background: #1fc8e3;
  13662. color: #ffffff;
  13663. }
  13664. .card-warning.card-tabs:not(.card-outline) .card-header {
  13665. background-color: #ffc107;
  13666. }
  13667. .card-warning.card-tabs:not(.card-outline) .card-header,
  13668. .card-warning.card-tabs:not(.card-outline) .card-header a {
  13669. color: #1F2D3D;
  13670. }
  13671. .card-warning.card-tabs:not(.card-outline) .card-header a.active {
  13672. color: #1F2D3D;
  13673. }
  13674. .card-warning.card-tabs.card-outline {
  13675. border-top: 3px solid #ffc107;
  13676. }
  13677. .card-warning.card-outline-tabs .card-header a:hover {
  13678. border-top: 3px solid #dee2e6;
  13679. }
  13680. .card-warning.card-outline-tabs .card-header a.active {
  13681. border-top: 3px solid #ffc107;
  13682. }
  13683. .bg-warning .btn-tool,
  13684. .bg-gradient-warning .btn-tool,
  13685. .card-warning:not(.card-outline) .btn-tool {
  13686. color: rgba(31, 45, 61, 0.8);
  13687. }
  13688. .bg-warning .btn-tool:hover,
  13689. .bg-gradient-warning .btn-tool:hover,
  13690. .card-warning:not(.card-outline) .btn-tool:hover {
  13691. color: #1F2D3D;
  13692. }
  13693. .card.bg-warning .bootstrap-datetimepicker-widget .table td,
  13694. .card.bg-warning .bootstrap-datetimepicker-widget .table th,
  13695. .card.bg-gradient-warning .bootstrap-datetimepicker-widget .table td,
  13696. .card.bg-gradient-warning .bootstrap-datetimepicker-widget .table th {
  13697. border: none;
  13698. }
  13699. .card.bg-warning .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
  13700. .card.bg-warning .bootstrap-datetimepicker-widget table td.day:hover,
  13701. .card.bg-warning .bootstrap-datetimepicker-widget table td.hour:hover,
  13702. .card.bg-warning .bootstrap-datetimepicker-widget table td.minute:hover,
  13703. .card.bg-warning .bootstrap-datetimepicker-widget table td.second:hover,
  13704. .card.bg-gradient-warning .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
  13705. .card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.day:hover,
  13706. .card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.hour:hover,
  13707. .card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.minute:hover,
  13708. .card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.second:hover {
  13709. background: #dda600;
  13710. color: #1F2D3D;
  13711. }
  13712. .card.bg-warning .bootstrap-datetimepicker-widget table td.today::before,
  13713. .card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.today::before {
  13714. border-bottom-color: #1F2D3D;
  13715. }
  13716. .card.bg-warning .bootstrap-datetimepicker-widget table td.active,
  13717. .card.bg-warning .bootstrap-datetimepicker-widget table td.active:hover,
  13718. .card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.active,
  13719. .card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.active:hover {
  13720. background: #ffce3a;
  13721. color: #1F2D3D;
  13722. }
  13723. .card-danger.card-tabs:not(.card-outline) .card-header {
  13724. background-color: #dc3545;
  13725. }
  13726. .card-danger.card-tabs:not(.card-outline) .card-header,
  13727. .card-danger.card-tabs:not(.card-outline) .card-header a {
  13728. color: #ffffff;
  13729. }
  13730. .card-danger.card-tabs:not(.card-outline) .card-header a.active {
  13731. color: #1F2D3D;
  13732. }
  13733. .card-danger.card-tabs.card-outline {
  13734. border-top: 3px solid #dc3545;
  13735. }
  13736. .card-danger.card-outline-tabs .card-header a:hover {
  13737. border-top: 3px solid #dee2e6;
  13738. }
  13739. .card-danger.card-outline-tabs .card-header a.active {
  13740. border-top: 3px solid #dc3545;
  13741. }
  13742. .bg-danger .btn-tool,
  13743. .bg-gradient-danger .btn-tool,
  13744. .card-danger:not(.card-outline) .btn-tool {
  13745. color: rgba(255, 255, 255, 0.8);
  13746. }
  13747. .bg-danger .btn-tool:hover,
  13748. .bg-gradient-danger .btn-tool:hover,
  13749. .card-danger:not(.card-outline) .btn-tool:hover {
  13750. color: #ffffff;
  13751. }
  13752. .card.bg-danger .bootstrap-datetimepicker-widget .table td,
  13753. .card.bg-danger .bootstrap-datetimepicker-widget .table th,
  13754. .card.bg-gradient-danger .bootstrap-datetimepicker-widget .table td,
  13755. .card.bg-gradient-danger .bootstrap-datetimepicker-widget .table th {
  13756. border: none;
  13757. }
  13758. .card.bg-danger .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
  13759. .card.bg-danger .bootstrap-datetimepicker-widget table td.day:hover,
  13760. .card.bg-danger .bootstrap-datetimepicker-widget table td.hour:hover,
  13761. .card.bg-danger .bootstrap-datetimepicker-widget table td.minute:hover,
  13762. .card.bg-danger .bootstrap-datetimepicker-widget table td.second:hover,
  13763. .card.bg-gradient-danger .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
  13764. .card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.day:hover,
  13765. .card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.hour:hover,
  13766. .card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.minute:hover,
  13767. .card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.second:hover {
  13768. background: #c62232;
  13769. color: #ffffff;
  13770. }
  13771. .card.bg-danger .bootstrap-datetimepicker-widget table td.today::before,
  13772. .card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.today::before {
  13773. border-bottom-color: #ffffff;
  13774. }
  13775. .card.bg-danger .bootstrap-datetimepicker-widget table td.active,
  13776. .card.bg-danger .bootstrap-datetimepicker-widget table td.active:hover,
  13777. .card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.active,
  13778. .card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.active:hover {
  13779. background: #e4606d;
  13780. color: #ffffff;
  13781. }
  13782. .card-light.card-tabs:not(.card-outline) .card-header {
  13783. background-color: #f8f9fa;
  13784. }
  13785. .card-light.card-tabs:not(.card-outline) .card-header,
  13786. .card-light.card-tabs:not(.card-outline) .card-header a {
  13787. color: #1F2D3D;
  13788. }
  13789. .card-light.card-tabs:not(.card-outline) .card-header a.active {
  13790. color: #1F2D3D;
  13791. }
  13792. .card-light.card-tabs.card-outline {
  13793. border-top: 3px solid #f8f9fa;
  13794. }
  13795. .card-light.card-outline-tabs .card-header a:hover {
  13796. border-top: 3px solid #dee2e6;
  13797. }
  13798. .card-light.card-outline-tabs .card-header a.active {
  13799. border-top: 3px solid #f8f9fa;
  13800. }
  13801. .bg-light .btn-tool,
  13802. .bg-gradient-light .btn-tool,
  13803. .card-light:not(.card-outline) .btn-tool {
  13804. color: rgba(31, 45, 61, 0.8);
  13805. }
  13806. .bg-light .btn-tool:hover,
  13807. .bg-gradient-light .btn-tool:hover,
  13808. .card-light:not(.card-outline) .btn-tool:hover {
  13809. color: #1F2D3D;
  13810. }
  13811. .card.bg-light .bootstrap-datetimepicker-widget .table td,
  13812. .card.bg-light .bootstrap-datetimepicker-widget .table th,
  13813. .card.bg-gradient-light .bootstrap-datetimepicker-widget .table td,
  13814. .card.bg-gradient-light .bootstrap-datetimepicker-widget .table th {
  13815. border: none;
  13816. }
  13817. .card.bg-light .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
  13818. .card.bg-light .bootstrap-datetimepicker-widget table td.day:hover,
  13819. .card.bg-light .bootstrap-datetimepicker-widget table td.hour:hover,
  13820. .card.bg-light .bootstrap-datetimepicker-widget table td.minute:hover,
  13821. .card.bg-light .bootstrap-datetimepicker-widget table td.second:hover,
  13822. .card.bg-gradient-light .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
  13823. .card.bg-gradient-light .bootstrap-datetimepicker-widget table td.day:hover,
  13824. .card.bg-gradient-light .bootstrap-datetimepicker-widget table td.hour:hover,
  13825. .card.bg-gradient-light .bootstrap-datetimepicker-widget table td.minute:hover,
  13826. .card.bg-gradient-light .bootstrap-datetimepicker-widget table td.second:hover {
  13827. background: #e0e5e9;
  13828. color: #1F2D3D;
  13829. }
  13830. .card.bg-light .bootstrap-datetimepicker-widget table td.today::before,
  13831. .card.bg-gradient-light .bootstrap-datetimepicker-widget table td.today::before {
  13832. border-bottom-color: #1F2D3D;
  13833. }
  13834. .card.bg-light .bootstrap-datetimepicker-widget table td.active,
  13835. .card.bg-light .bootstrap-datetimepicker-widget table td.active:hover,
  13836. .card.bg-gradient-light .bootstrap-datetimepicker-widget table td.active,
  13837. .card.bg-gradient-light .bootstrap-datetimepicker-widget table td.active:hover {
  13838. background: white;
  13839. color: #1F2D3D;
  13840. }
  13841. .card-dark.card-tabs:not(.card-outline) .card-header {
  13842. background-color: #343a40;
  13843. }
  13844. .card-dark.card-tabs:not(.card-outline) .card-header,
  13845. .card-dark.card-tabs:not(.card-outline) .card-header a {
  13846. color: #ffffff;
  13847. }
  13848. .card-dark.card-tabs:not(.card-outline) .card-header a.active {
  13849. color: #1F2D3D;
  13850. }
  13851. .card-dark.card-tabs.card-outline {
  13852. border-top: 3px solid #343a40;
  13853. }
  13854. .card-dark.card-outline-tabs .card-header a:hover {
  13855. border-top: 3px solid #dee2e6;
  13856. }
  13857. .card-dark.card-outline-tabs .card-header a.active {
  13858. border-top: 3px solid #343a40;
  13859. }
  13860. .bg-dark .btn-tool,
  13861. .bg-gradient-dark .btn-tool,
  13862. .card-dark:not(.card-outline) .btn-tool {
  13863. color: rgba(255, 255, 255, 0.8);
  13864. }
  13865. .bg-dark .btn-tool:hover,
  13866. .bg-gradient-dark .btn-tool:hover,
  13867. .card-dark:not(.card-outline) .btn-tool:hover {
  13868. color: #ffffff;
  13869. }
  13870. .card.bg-dark .bootstrap-datetimepicker-widget .table td,
  13871. .card.bg-dark .bootstrap-datetimepicker-widget .table th,
  13872. .card.bg-gradient-dark .bootstrap-datetimepicker-widget .table td,
  13873. .card.bg-gradient-dark .bootstrap-datetimepicker-widget .table th {
  13874. border: none;
  13875. }
  13876. .card.bg-dark .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
  13877. .card.bg-dark .bootstrap-datetimepicker-widget table td.day:hover,
  13878. .card.bg-dark .bootstrap-datetimepicker-widget table td.hour:hover,
  13879. .card.bg-dark .bootstrap-datetimepicker-widget table td.minute:hover,
  13880. .card.bg-dark .bootstrap-datetimepicker-widget table td.second:hover,
  13881. .card.bg-gradient-dark .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
  13882. .card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.day:hover,
  13883. .card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.hour:hover,
  13884. .card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.minute:hover,
  13885. .card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.second:hover {
  13886. background: #222629;
  13887. color: #ffffff;
  13888. }
  13889. .card.bg-dark .bootstrap-datetimepicker-widget table td.today::before,
  13890. .card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.today::before {
  13891. border-bottom-color: #ffffff;
  13892. }
  13893. .card.bg-dark .bootstrap-datetimepicker-widget table td.active,
  13894. .card.bg-dark .bootstrap-datetimepicker-widget table td.active:hover,
  13895. .card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.active,
  13896. .card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.active:hover {
  13897. background: #4b545c;
  13898. color: #ffffff;
  13899. }
  13900. .card-navy.card-tabs:not(.card-outline) .card-header {
  13901. background-color: #001f3f;
  13902. }
  13903. .card-navy.card-tabs:not(.card-outline) .card-header,
  13904. .card-navy.card-tabs:not(.card-outline) .card-header a {
  13905. color: #ffffff;
  13906. }
  13907. .card-navy.card-tabs:not(.card-outline) .card-header a.active {
  13908. color: #1F2D3D;
  13909. }
  13910. .card-navy.card-tabs.card-outline {
  13911. border-top: 3px solid #001f3f;
  13912. }
  13913. .card-navy.card-outline-tabs .card-header a:hover {
  13914. border-top: 3px solid #dee2e6;
  13915. }
  13916. .card-navy.card-outline-tabs .card-header a.active {
  13917. border-top: 3px solid #001f3f;
  13918. }
  13919. .bg-navy .btn-tool,
  13920. .bg-gradient-navy .btn-tool,
  13921. .card-navy:not(.card-outline) .btn-tool {
  13922. color: rgba(255, 255, 255, 0.8);
  13923. }
  13924. .bg-navy .btn-tool:hover,
  13925. .bg-gradient-navy .btn-tool:hover,
  13926. .card-navy:not(.card-outline) .btn-tool:hover {
  13927. color: #ffffff;
  13928. }
  13929. .card.bg-navy .bootstrap-datetimepicker-widget .table td,
  13930. .card.bg-navy .bootstrap-datetimepicker-widget .table th,
  13931. .card.bg-gradient-navy .bootstrap-datetimepicker-widget .table td,
  13932. .card.bg-gradient-navy .bootstrap-datetimepicker-widget .table th {
  13933. border: none;
  13934. }
  13935. .card.bg-navy .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
  13936. .card.bg-navy .bootstrap-datetimepicker-widget table td.day:hover,
  13937. .card.bg-navy .bootstrap-datetimepicker-widget table td.hour:hover,
  13938. .card.bg-navy .bootstrap-datetimepicker-widget table td.minute:hover,
  13939. .card.bg-navy .bootstrap-datetimepicker-widget table td.second:hover,
  13940. .card.bg-gradient-navy .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
  13941. .card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.day:hover,
  13942. .card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.hour:hover,
  13943. .card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.minute:hover,
  13944. .card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.second:hover {
  13945. background: #000b16;
  13946. color: #ffffff;
  13947. }
  13948. .card.bg-navy .bootstrap-datetimepicker-widget table td.today::before,
  13949. .card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.today::before {
  13950. border-bottom-color: #ffffff;
  13951. }
  13952. .card.bg-navy .bootstrap-datetimepicker-widget table td.active,
  13953. .card.bg-navy .bootstrap-datetimepicker-widget table td.active:hover,
  13954. .card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.active,
  13955. .card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.active:hover {
  13956. background: #003872;
  13957. color: #ffffff;
  13958. }
  13959. .card-olive.card-tabs:not(.card-outline) .card-header {
  13960. background-color: #3d9970;
  13961. }
  13962. .card-olive.card-tabs:not(.card-outline) .card-header,
  13963. .card-olive.card-tabs:not(.card-outline) .card-header a {
  13964. color: #ffffff;
  13965. }
  13966. .card-olive.card-tabs:not(.card-outline) .card-header a.active {
  13967. color: #1F2D3D;
  13968. }
  13969. .card-olive.card-tabs.card-outline {
  13970. border-top: 3px solid #3d9970;
  13971. }
  13972. .card-olive.card-outline-tabs .card-header a:hover {
  13973. border-top: 3px solid #dee2e6;
  13974. }
  13975. .card-olive.card-outline-tabs .card-header a.active {
  13976. border-top: 3px solid #3d9970;
  13977. }
  13978. .bg-olive .btn-tool,
  13979. .bg-gradient-olive .btn-tool,
  13980. .card-olive:not(.card-outline) .btn-tool {
  13981. color: rgba(255, 255, 255, 0.8);
  13982. }
  13983. .bg-olive .btn-tool:hover,
  13984. .bg-gradient-olive .btn-tool:hover,
  13985. .card-olive:not(.card-outline) .btn-tool:hover {
  13986. color: #ffffff;
  13987. }
  13988. .card.bg-olive .bootstrap-datetimepicker-widget .table td,
  13989. .card.bg-olive .bootstrap-datetimepicker-widget .table th,
  13990. .card.bg-gradient-olive .bootstrap-datetimepicker-widget .table td,
  13991. .card.bg-gradient-olive .bootstrap-datetimepicker-widget .table th {
  13992. border: none;
  13993. }
  13994. .card.bg-olive .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
  13995. .card.bg-olive .bootstrap-datetimepicker-widget table td.day:hover,
  13996. .card.bg-olive .bootstrap-datetimepicker-widget table td.hour:hover,
  13997. .card.bg-olive .bootstrap-datetimepicker-widget table td.minute:hover,
  13998. .card.bg-olive .bootstrap-datetimepicker-widget table td.second:hover,
  13999. .card.bg-gradient-olive .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
  14000. .card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.day:hover,
  14001. .card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.hour:hover,
  14002. .card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.minute:hover,
  14003. .card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.second:hover {
  14004. background: #317c5b;
  14005. color: #ffffff;
  14006. }
  14007. .card.bg-olive .bootstrap-datetimepicker-widget table td.today::before,
  14008. .card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.today::before {
  14009. border-bottom-color: #ffffff;
  14010. }
  14011. .card.bg-olive .bootstrap-datetimepicker-widget table td.active,
  14012. .card.bg-olive .bootstrap-datetimepicker-widget table td.active:hover,
  14013. .card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.active,
  14014. .card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.active:hover {
  14015. background: #50b98a;
  14016. color: #ffffff;
  14017. }
  14018. .card-lime.card-tabs:not(.card-outline) .card-header {
  14019. background-color: #01ff70;
  14020. }
  14021. .card-lime.card-tabs:not(.card-outline) .card-header,
  14022. .card-lime.card-tabs:not(.card-outline) .card-header a {
  14023. color: #1F2D3D;
  14024. }
  14025. .card-lime.card-tabs:not(.card-outline) .card-header a.active {
  14026. color: #1F2D3D;
  14027. }
  14028. .card-lime.card-tabs.card-outline {
  14029. border-top: 3px solid #01ff70;
  14030. }
  14031. .card-lime.card-outline-tabs .card-header a:hover {
  14032. border-top: 3px solid #dee2e6;
  14033. }
  14034. .card-lime.card-outline-tabs .card-header a.active {
  14035. border-top: 3px solid #01ff70;
  14036. }
  14037. .bg-lime .btn-tool,
  14038. .bg-gradient-lime .btn-tool,
  14039. .card-lime:not(.card-outline) .btn-tool {
  14040. color: rgba(31, 45, 61, 0.8);
  14041. }
  14042. .bg-lime .btn-tool:hover,
  14043. .bg-gradient-lime .btn-tool:hover,
  14044. .card-lime:not(.card-outline) .btn-tool:hover {
  14045. color: #1F2D3D;
  14046. }
  14047. .card.bg-lime .bootstrap-datetimepicker-widget .table td,
  14048. .card.bg-lime .bootstrap-datetimepicker-widget .table th,
  14049. .card.bg-gradient-lime .bootstrap-datetimepicker-widget .table td,
  14050. .card.bg-gradient-lime .bootstrap-datetimepicker-widget .table th {
  14051. border: none;
  14052. }
  14053. .card.bg-lime .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
  14054. .card.bg-lime .bootstrap-datetimepicker-widget table td.day:hover,
  14055. .card.bg-lime .bootstrap-datetimepicker-widget table td.hour:hover,
  14056. .card.bg-lime .bootstrap-datetimepicker-widget table td.minute:hover,
  14057. .card.bg-lime .bootstrap-datetimepicker-widget table td.second:hover,
  14058. .card.bg-gradient-lime .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
  14059. .card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.day:hover,
  14060. .card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.hour:hover,
  14061. .card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.minute:hover,
  14062. .card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.second:hover {
  14063. background: #00d75e;
  14064. color: #1F2D3D;
  14065. }
  14066. .card.bg-lime .bootstrap-datetimepicker-widget table td.today::before,
  14067. .card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.today::before {
  14068. border-bottom-color: #1F2D3D;
  14069. }
  14070. .card.bg-lime .bootstrap-datetimepicker-widget table td.active,
  14071. .card.bg-lime .bootstrap-datetimepicker-widget table td.active:hover,
  14072. .card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.active,
  14073. .card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.active:hover {
  14074. background: #34ff8d;
  14075. color: #1F2D3D;
  14076. }
  14077. .card-fuchsia.card-tabs:not(.card-outline) .card-header {
  14078. background-color: #f012be;
  14079. }
  14080. .card-fuchsia.card-tabs:not(.card-outline) .card-header,
  14081. .card-fuchsia.card-tabs:not(.card-outline) .card-header a {
  14082. color: #ffffff;
  14083. }
  14084. .card-fuchsia.card-tabs:not(.card-outline) .card-header a.active {
  14085. color: #1F2D3D;
  14086. }
  14087. .card-fuchsia.card-tabs.card-outline {
  14088. border-top: 3px solid #f012be;
  14089. }
  14090. .card-fuchsia.card-outline-tabs .card-header a:hover {
  14091. border-top: 3px solid #dee2e6;
  14092. }
  14093. .card-fuchsia.card-outline-tabs .card-header a.active {
  14094. border-top: 3px solid #f012be;
  14095. }
  14096. .bg-fuchsia .btn-tool,
  14097. .bg-gradient-fuchsia .btn-tool,
  14098. .card-fuchsia:not(.card-outline) .btn-tool {
  14099. color: rgba(255, 255, 255, 0.8);
  14100. }
  14101. .bg-fuchsia .btn-tool:hover,
  14102. .bg-gradient-fuchsia .btn-tool:hover,
  14103. .card-fuchsia:not(.card-outline) .btn-tool:hover {
  14104. color: #ffffff;
  14105. }
  14106. .card.bg-fuchsia .bootstrap-datetimepicker-widget .table td,
  14107. .card.bg-fuchsia .bootstrap-datetimepicker-widget .table th,
  14108. .card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget .table td,
  14109. .card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget .table th {
  14110. border: none;
  14111. }
  14112. .card.bg-fuchsia .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
  14113. .card.bg-fuchsia .bootstrap-datetimepicker-widget table td.day:hover,
  14114. .card.bg-fuchsia .bootstrap-datetimepicker-widget table td.hour:hover,
  14115. .card.bg-fuchsia .bootstrap-datetimepicker-widget table td.minute:hover,
  14116. .card.bg-fuchsia .bootstrap-datetimepicker-widget table td.second:hover,
  14117. .card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
  14118. .card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.day:hover,
  14119. .card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.hour:hover,
  14120. .card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.minute:hover,
  14121. .card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.second:hover {
  14122. background: #cc0da1;
  14123. color: #ffffff;
  14124. }
  14125. .card.bg-fuchsia .bootstrap-datetimepicker-widget table td.today::before,
  14126. .card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.today::before {
  14127. border-bottom-color: #ffffff;
  14128. }
  14129. .card.bg-fuchsia .bootstrap-datetimepicker-widget table td.active,
  14130. .card.bg-fuchsia .bootstrap-datetimepicker-widget table td.active:hover,
  14131. .card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.active,
  14132. .card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.active:hover {
  14133. background: #f342cb;
  14134. color: #ffffff;
  14135. }
  14136. .card-maroon.card-tabs:not(.card-outline) .card-header {
  14137. background-color: #d81b60;
  14138. }
  14139. .card-maroon.card-tabs:not(.card-outline) .card-header,
  14140. .card-maroon.card-tabs:not(.card-outline) .card-header a {
  14141. color: #ffffff;
  14142. }
  14143. .card-maroon.card-tabs:not(.card-outline) .card-header a.active {
  14144. color: #1F2D3D;
  14145. }
  14146. .card-maroon.card-tabs.card-outline {
  14147. border-top: 3px solid #d81b60;
  14148. }
  14149. .card-maroon.card-outline-tabs .card-header a:hover {
  14150. border-top: 3px solid #dee2e6;
  14151. }
  14152. .card-maroon.card-outline-tabs .card-header a.active {
  14153. border-top: 3px solid #d81b60;
  14154. }
  14155. .bg-maroon .btn-tool,
  14156. .bg-gradient-maroon .btn-tool,
  14157. .card-maroon:not(.card-outline) .btn-tool {
  14158. color: rgba(255, 255, 255, 0.8);
  14159. }
  14160. .bg-maroon .btn-tool:hover,
  14161. .bg-gradient-maroon .btn-tool:hover,
  14162. .card-maroon:not(.card-outline) .btn-tool:hover {
  14163. color: #ffffff;
  14164. }
  14165. .card.bg-maroon .bootstrap-datetimepicker-widget .table td,
  14166. .card.bg-maroon .bootstrap-datetimepicker-widget .table th,
  14167. .card.bg-gradient-maroon .bootstrap-datetimepicker-widget .table td,
  14168. .card.bg-gradient-maroon .bootstrap-datetimepicker-widget .table th {
  14169. border: none;
  14170. }
  14171. .card.bg-maroon .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
  14172. .card.bg-maroon .bootstrap-datetimepicker-widget table td.day:hover,
  14173. .card.bg-maroon .bootstrap-datetimepicker-widget table td.hour:hover,
  14174. .card.bg-maroon .bootstrap-datetimepicker-widget table td.minute:hover,
  14175. .card.bg-maroon .bootstrap-datetimepicker-widget table td.second:hover,
  14176. .card.bg-gradient-maroon .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
  14177. .card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.day:hover,
  14178. .card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.hour:hover,
  14179. .card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.minute:hover,
  14180. .card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.second:hover {
  14181. background: #b41650;
  14182. color: #ffffff;
  14183. }
  14184. .card.bg-maroon .bootstrap-datetimepicker-widget table td.today::before,
  14185. .card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.today::before {
  14186. border-bottom-color: #ffffff;
  14187. }
  14188. .card.bg-maroon .bootstrap-datetimepicker-widget table td.active,
  14189. .card.bg-maroon .bootstrap-datetimepicker-widget table td.active:hover,
  14190. .card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.active,
  14191. .card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.active:hover {
  14192. background: #e73f7c;
  14193. color: #ffffff;
  14194. }
  14195. .card-blue.card-tabs:not(.card-outline) .card-header {
  14196. background-color: #007bff;
  14197. }
  14198. .card-blue.card-tabs:not(.card-outline) .card-header,
  14199. .card-blue.card-tabs:not(.card-outline) .card-header a {
  14200. color: #ffffff;
  14201. }
  14202. .card-blue.card-tabs:not(.card-outline) .card-header a.active {
  14203. color: #1F2D3D;
  14204. }
  14205. .card-blue.card-tabs.card-outline {
  14206. border-top: 3px solid #007bff;
  14207. }
  14208. .card-blue.card-outline-tabs .card-header a:hover {
  14209. border-top: 3px solid #dee2e6;
  14210. }
  14211. .card-blue.card-outline-tabs .card-header a.active {
  14212. border-top: 3px solid #007bff;
  14213. }
  14214. .bg-blue .btn-tool,
  14215. .bg-gradient-blue .btn-tool,
  14216. .card-blue:not(.card-outline) .btn-tool {
  14217. color: rgba(255, 255, 255, 0.8);
  14218. }
  14219. .bg-blue .btn-tool:hover,
  14220. .bg-gradient-blue .btn-tool:hover,
  14221. .card-blue:not(.card-outline) .btn-tool:hover {
  14222. color: #ffffff;
  14223. }
  14224. .card.bg-blue .bootstrap-datetimepicker-widget .table td,
  14225. .card.bg-blue .bootstrap-datetimepicker-widget .table th,
  14226. .card.bg-gradient-blue .bootstrap-datetimepicker-widget .table td,
  14227. .card.bg-gradient-blue .bootstrap-datetimepicker-widget .table th {
  14228. border: none;
  14229. }
  14230. .card.bg-blue .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
  14231. .card.bg-blue .bootstrap-datetimepicker-widget table td.day:hover,
  14232. .card.bg-blue .bootstrap-datetimepicker-widget table td.hour:hover,
  14233. .card.bg-blue .bootstrap-datetimepicker-widget table td.minute:hover,
  14234. .card.bg-blue .bootstrap-datetimepicker-widget table td.second:hover,
  14235. .card.bg-gradient-blue .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
  14236. .card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.day:hover,
  14237. .card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.hour:hover,
  14238. .card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.minute:hover,
  14239. .card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.second:hover {
  14240. background: #0067d6;
  14241. color: #ffffff;
  14242. }
  14243. .card.bg-blue .bootstrap-datetimepicker-widget table td.today::before,
  14244. .card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.today::before {
  14245. border-bottom-color: #ffffff;
  14246. }
  14247. .card.bg-blue .bootstrap-datetimepicker-widget table td.active,
  14248. .card.bg-blue .bootstrap-datetimepicker-widget table td.active:hover,
  14249. .card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.active,
  14250. .card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.active:hover {
  14251. background: #3395ff;
  14252. color: #ffffff;
  14253. }
  14254. .card-indigo.card-tabs:not(.card-outline) .card-header {
  14255. background-color: #6610f2;
  14256. }
  14257. .card-indigo.card-tabs:not(.card-outline) .card-header,
  14258. .card-indigo.card-tabs:not(.card-outline) .card-header a {
  14259. color: #ffffff;
  14260. }
  14261. .card-indigo.card-tabs:not(.card-outline) .card-header a.active {
  14262. color: #1F2D3D;
  14263. }
  14264. .card-indigo.card-tabs.card-outline {
  14265. border-top: 3px solid #6610f2;
  14266. }
  14267. .card-indigo.card-outline-tabs .card-header a:hover {
  14268. border-top: 3px solid #dee2e6;
  14269. }
  14270. .card-indigo.card-outline-tabs .card-header a.active {
  14271. border-top: 3px solid #6610f2;
  14272. }
  14273. .bg-indigo .btn-tool,
  14274. .bg-gradient-indigo .btn-tool,
  14275. .card-indigo:not(.card-outline) .btn-tool {
  14276. color: rgba(255, 255, 255, 0.8);
  14277. }
  14278. .bg-indigo .btn-tool:hover,
  14279. .bg-gradient-indigo .btn-tool:hover,
  14280. .card-indigo:not(.card-outline) .btn-tool:hover {
  14281. color: #ffffff;
  14282. }
  14283. .card.bg-indigo .bootstrap-datetimepicker-widget .table td,
  14284. .card.bg-indigo .bootstrap-datetimepicker-widget .table th,
  14285. .card.bg-gradient-indigo .bootstrap-datetimepicker-widget .table td,
  14286. .card.bg-gradient-indigo .bootstrap-datetimepicker-widget .table th {
  14287. border: none;
  14288. }
  14289. .card.bg-indigo .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
  14290. .card.bg-indigo .bootstrap-datetimepicker-widget table td.day:hover,
  14291. .card.bg-indigo .bootstrap-datetimepicker-widget table td.hour:hover,
  14292. .card.bg-indigo .bootstrap-datetimepicker-widget table td.minute:hover,
  14293. .card.bg-indigo .bootstrap-datetimepicker-widget table td.second:hover,
  14294. .card.bg-gradient-indigo .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
  14295. .card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.day:hover,
  14296. .card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.hour:hover,
  14297. .card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.minute:hover,
  14298. .card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.second:hover {
  14299. background: #550bce;
  14300. color: #ffffff;
  14301. }
  14302. .card.bg-indigo .bootstrap-datetimepicker-widget table td.today::before,
  14303. .card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.today::before {
  14304. border-bottom-color: #ffffff;
  14305. }
  14306. .card.bg-indigo .bootstrap-datetimepicker-widget table td.active,
  14307. .card.bg-indigo .bootstrap-datetimepicker-widget table td.active:hover,
  14308. .card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.active,
  14309. .card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.active:hover {
  14310. background: #8540f5;
  14311. color: #ffffff;
  14312. }
  14313. .card-purple.card-tabs:not(.card-outline) .card-header {
  14314. background-color: #6f42c1;
  14315. }
  14316. .card-purple.card-tabs:not(.card-outline) .card-header,
  14317. .card-purple.card-tabs:not(.card-outline) .card-header a {
  14318. color: #ffffff;
  14319. }
  14320. .card-purple.card-tabs:not(.card-outline) .card-header a.active {
  14321. color: #1F2D3D;
  14322. }
  14323. .card-purple.card-tabs.card-outline {
  14324. border-top: 3px solid #6f42c1;
  14325. }
  14326. .card-purple.card-outline-tabs .card-header a:hover {
  14327. border-top: 3px solid #dee2e6;
  14328. }
  14329. .card-purple.card-outline-tabs .card-header a.active {
  14330. border-top: 3px solid #6f42c1;
  14331. }
  14332. .bg-purple .btn-tool,
  14333. .bg-gradient-purple .btn-tool,
  14334. .card-purple:not(.card-outline) .btn-tool {
  14335. color: rgba(255, 255, 255, 0.8);
  14336. }
  14337. .bg-purple .btn-tool:hover,
  14338. .bg-gradient-purple .btn-tool:hover,
  14339. .card-purple:not(.card-outline) .btn-tool:hover {
  14340. color: #ffffff;
  14341. }
  14342. .card.bg-purple .bootstrap-datetimepicker-widget .table td,
  14343. .card.bg-purple .bootstrap-datetimepicker-widget .table th,
  14344. .card.bg-gradient-purple .bootstrap-datetimepicker-widget .table td,
  14345. .card.bg-gradient-purple .bootstrap-datetimepicker-widget .table th {
  14346. border: none;
  14347. }
  14348. .card.bg-purple .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
  14349. .card.bg-purple .bootstrap-datetimepicker-widget table td.day:hover,
  14350. .card.bg-purple .bootstrap-datetimepicker-widget table td.hour:hover,
  14351. .card.bg-purple .bootstrap-datetimepicker-widget table td.minute:hover,
  14352. .card.bg-purple .bootstrap-datetimepicker-widget table td.second:hover,
  14353. .card.bg-gradient-purple .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
  14354. .card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.day:hover,
  14355. .card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.hour:hover,
  14356. .card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.minute:hover,
  14357. .card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.second:hover {
  14358. background: #5d36a4;
  14359. color: #ffffff;
  14360. }
  14361. .card.bg-purple .bootstrap-datetimepicker-widget table td.today::before,
  14362. .card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.today::before {
  14363. border-bottom-color: #ffffff;
  14364. }
  14365. .card.bg-purple .bootstrap-datetimepicker-widget table td.active,
  14366. .card.bg-purple .bootstrap-datetimepicker-widget table td.active:hover,
  14367. .card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.active,
  14368. .card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.active:hover {
  14369. background: #8c68ce;
  14370. color: #ffffff;
  14371. }
  14372. .card-pink.card-tabs:not(.card-outline) .card-header {
  14373. background-color: #e83e8c;
  14374. }
  14375. .card-pink.card-tabs:not(.card-outline) .card-header,
  14376. .card-pink.card-tabs:not(.card-outline) .card-header a {
  14377. color: #ffffff;
  14378. }
  14379. .card-pink.card-tabs:not(.card-outline) .card-header a.active {
  14380. color: #1F2D3D;
  14381. }
  14382. .card-pink.card-tabs.card-outline {
  14383. border-top: 3px solid #e83e8c;
  14384. }
  14385. .card-pink.card-outline-tabs .card-header a:hover {
  14386. border-top: 3px solid #dee2e6;
  14387. }
  14388. .card-pink.card-outline-tabs .card-header a.active {
  14389. border-top: 3px solid #e83e8c;
  14390. }
  14391. .bg-pink .btn-tool,
  14392. .bg-gradient-pink .btn-tool,
  14393. .card-pink:not(.card-outline) .btn-tool {
  14394. color: rgba(255, 255, 255, 0.8);
  14395. }
  14396. .bg-pink .btn-tool:hover,
  14397. .bg-gradient-pink .btn-tool:hover,
  14398. .card-pink:not(.card-outline) .btn-tool:hover {
  14399. color: #ffffff;
  14400. }
  14401. .card.bg-pink .bootstrap-datetimepicker-widget .table td,
  14402. .card.bg-pink .bootstrap-datetimepicker-widget .table th,
  14403. .card.bg-gradient-pink .bootstrap-datetimepicker-widget .table td,
  14404. .card.bg-gradient-pink .bootstrap-datetimepicker-widget .table th {
  14405. border: none;
  14406. }
  14407. .card.bg-pink .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
  14408. .card.bg-pink .bootstrap-datetimepicker-widget table td.day:hover,
  14409. .card.bg-pink .bootstrap-datetimepicker-widget table td.hour:hover,
  14410. .card.bg-pink .bootstrap-datetimepicker-widget table td.minute:hover,
  14411. .card.bg-pink .bootstrap-datetimepicker-widget table td.second:hover,
  14412. .card.bg-gradient-pink .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
  14413. .card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.day:hover,
  14414. .card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.hour:hover,
  14415. .card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.minute:hover,
  14416. .card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.second:hover {
  14417. background: #e21b76;
  14418. color: #ffffff;
  14419. }
  14420. .card.bg-pink .bootstrap-datetimepicker-widget table td.today::before,
  14421. .card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.today::before {
  14422. border-bottom-color: #ffffff;
  14423. }
  14424. .card.bg-pink .bootstrap-datetimepicker-widget table td.active,
  14425. .card.bg-pink .bootstrap-datetimepicker-widget table td.active:hover,
  14426. .card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.active,
  14427. .card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.active:hover {
  14428. background: #ed6ca7;
  14429. color: #ffffff;
  14430. }
  14431. .card-red.card-tabs:not(.card-outline) .card-header {
  14432. background-color: #dc3545;
  14433. }
  14434. .card-red.card-tabs:not(.card-outline) .card-header,
  14435. .card-red.card-tabs:not(.card-outline) .card-header a {
  14436. color: #ffffff;
  14437. }
  14438. .card-red.card-tabs:not(.card-outline) .card-header a.active {
  14439. color: #1F2D3D;
  14440. }
  14441. .card-red.card-tabs.card-outline {
  14442. border-top: 3px solid #dc3545;
  14443. }
  14444. .card-red.card-outline-tabs .card-header a:hover {
  14445. border-top: 3px solid #dee2e6;
  14446. }
  14447. .card-red.card-outline-tabs .card-header a.active {
  14448. border-top: 3px solid #dc3545;
  14449. }
  14450. .bg-red .btn-tool,
  14451. .bg-gradient-red .btn-tool,
  14452. .card-red:not(.card-outline) .btn-tool {
  14453. color: rgba(255, 255, 255, 0.8);
  14454. }
  14455. .bg-red .btn-tool:hover,
  14456. .bg-gradient-red .btn-tool:hover,
  14457. .card-red:not(.card-outline) .btn-tool:hover {
  14458. color: #ffffff;
  14459. }
  14460. .card.bg-red .bootstrap-datetimepicker-widget .table td,
  14461. .card.bg-red .bootstrap-datetimepicker-widget .table th,
  14462. .card.bg-gradient-red .bootstrap-datetimepicker-widget .table td,
  14463. .card.bg-gradient-red .bootstrap-datetimepicker-widget .table th {
  14464. border: none;
  14465. }
  14466. .card.bg-red .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
  14467. .card.bg-red .bootstrap-datetimepicker-widget table td.day:hover,
  14468. .card.bg-red .bootstrap-datetimepicker-widget table td.hour:hover,
  14469. .card.bg-red .bootstrap-datetimepicker-widget table td.minute:hover,
  14470. .card.bg-red .bootstrap-datetimepicker-widget table td.second:hover,
  14471. .card.bg-gradient-red .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
  14472. .card.bg-gradient-red .bootstrap-datetimepicker-widget table td.day:hover,
  14473. .card.bg-gradient-red .bootstrap-datetimepicker-widget table td.hour:hover,
  14474. .card.bg-gradient-red .bootstrap-datetimepicker-widget table td.minute:hover,
  14475. .card.bg-gradient-red .bootstrap-datetimepicker-widget table td.second:hover {
  14476. background: #c62232;
  14477. color: #ffffff;
  14478. }
  14479. .card.bg-red .bootstrap-datetimepicker-widget table td.today::before,
  14480. .card.bg-gradient-red .bootstrap-datetimepicker-widget table td.today::before {
  14481. border-bottom-color: #ffffff;
  14482. }
  14483. .card.bg-red .bootstrap-datetimepicker-widget table td.active,
  14484. .card.bg-red .bootstrap-datetimepicker-widget table td.active:hover,
  14485. .card.bg-gradient-red .bootstrap-datetimepicker-widget table td.active,
  14486. .card.bg-gradient-red .bootstrap-datetimepicker-widget table td.active:hover {
  14487. background: #e4606d;
  14488. color: #ffffff;
  14489. }
  14490. .card-orange.card-tabs:not(.card-outline) .card-header {
  14491. background-color: #fd7e14;
  14492. }
  14493. .card-orange.card-tabs:not(.card-outline) .card-header,
  14494. .card-orange.card-tabs:not(.card-outline) .card-header a {
  14495. color: #1F2D3D;
  14496. }
  14497. .card-orange.card-tabs:not(.card-outline) .card-header a.active {
  14498. color: #1F2D3D;
  14499. }
  14500. .card-orange.card-tabs.card-outline {
  14501. border-top: 3px solid #fd7e14;
  14502. }
  14503. .card-orange.card-outline-tabs .card-header a:hover {
  14504. border-top: 3px solid #dee2e6;
  14505. }
  14506. .card-orange.card-outline-tabs .card-header a.active {
  14507. border-top: 3px solid #fd7e14;
  14508. }
  14509. .bg-orange .btn-tool,
  14510. .bg-gradient-orange .btn-tool,
  14511. .card-orange:not(.card-outline) .btn-tool {
  14512. color: rgba(31, 45, 61, 0.8);
  14513. }
  14514. .bg-orange .btn-tool:hover,
  14515. .bg-gradient-orange .btn-tool:hover,
  14516. .card-orange:not(.card-outline) .btn-tool:hover {
  14517. color: #1F2D3D;
  14518. }
  14519. .card.bg-orange .bootstrap-datetimepicker-widget .table td,
  14520. .card.bg-orange .bootstrap-datetimepicker-widget .table th,
  14521. .card.bg-gradient-orange .bootstrap-datetimepicker-widget .table td,
  14522. .card.bg-gradient-orange .bootstrap-datetimepicker-widget .table th {
  14523. border: none;
  14524. }
  14525. .card.bg-orange .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
  14526. .card.bg-orange .bootstrap-datetimepicker-widget table td.day:hover,
  14527. .card.bg-orange .bootstrap-datetimepicker-widget table td.hour:hover,
  14528. .card.bg-orange .bootstrap-datetimepicker-widget table td.minute:hover,
  14529. .card.bg-orange .bootstrap-datetimepicker-widget table td.second:hover,
  14530. .card.bg-gradient-orange .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
  14531. .card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.day:hover,
  14532. .card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.hour:hover,
  14533. .card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.minute:hover,
  14534. .card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.second:hover {
  14535. background: #e66a02;
  14536. color: #1F2D3D;
  14537. }
  14538. .card.bg-orange .bootstrap-datetimepicker-widget table td.today::before,
  14539. .card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.today::before {
  14540. border-bottom-color: #1F2D3D;
  14541. }
  14542. .card.bg-orange .bootstrap-datetimepicker-widget table td.active,
  14543. .card.bg-orange .bootstrap-datetimepicker-widget table td.active:hover,
  14544. .card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.active,
  14545. .card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.active:hover {
  14546. background: #fd9a47;
  14547. color: #1F2D3D;
  14548. }
  14549. .card-yellow.card-tabs:not(.card-outline) .card-header {
  14550. background-color: #ffc107;
  14551. }
  14552. .card-yellow.card-tabs:not(.card-outline) .card-header,
  14553. .card-yellow.card-tabs:not(.card-outline) .card-header a {
  14554. color: #1F2D3D;
  14555. }
  14556. .card-yellow.card-tabs:not(.card-outline) .card-header a.active {
  14557. color: #1F2D3D;
  14558. }
  14559. .card-yellow.card-tabs.card-outline {
  14560. border-top: 3px solid #ffc107;
  14561. }
  14562. .card-yellow.card-outline-tabs .card-header a:hover {
  14563. border-top: 3px solid #dee2e6;
  14564. }
  14565. .card-yellow.card-outline-tabs .card-header a.active {
  14566. border-top: 3px solid #ffc107;
  14567. }
  14568. .bg-yellow .btn-tool,
  14569. .bg-gradient-yellow .btn-tool,
  14570. .card-yellow:not(.card-outline) .btn-tool {
  14571. color: rgba(31, 45, 61, 0.8);
  14572. }
  14573. .bg-yellow .btn-tool:hover,
  14574. .bg-gradient-yellow .btn-tool:hover,
  14575. .card-yellow:not(.card-outline) .btn-tool:hover {
  14576. color: #1F2D3D;
  14577. }
  14578. .card.bg-yellow .bootstrap-datetimepicker-widget .table td,
  14579. .card.bg-yellow .bootstrap-datetimepicker-widget .table th,
  14580. .card.bg-gradient-yellow .bootstrap-datetimepicker-widget .table td,
  14581. .card.bg-gradient-yellow .bootstrap-datetimepicker-widget .table th {
  14582. border: none;
  14583. }
  14584. .card.bg-yellow .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
  14585. .card.bg-yellow .bootstrap-datetimepicker-widget table td.day:hover,
  14586. .card.bg-yellow .bootstrap-datetimepicker-widget table td.hour:hover,
  14587. .card.bg-yellow .bootstrap-datetimepicker-widget table td.minute:hover,
  14588. .card.bg-yellow .bootstrap-datetimepicker-widget table td.second:hover,
  14589. .card.bg-gradient-yellow .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
  14590. .card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.day:hover,
  14591. .card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.hour:hover,
  14592. .card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.minute:hover,
  14593. .card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.second:hover {
  14594. background: #dda600;
  14595. color: #1F2D3D;
  14596. }
  14597. .card.bg-yellow .bootstrap-datetimepicker-widget table td.today::before,
  14598. .card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.today::before {
  14599. border-bottom-color: #1F2D3D;
  14600. }
  14601. .card.bg-yellow .bootstrap-datetimepicker-widget table td.active,
  14602. .card.bg-yellow .bootstrap-datetimepicker-widget table td.active:hover,
  14603. .card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.active,
  14604. .card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.active:hover {
  14605. background: #ffce3a;
  14606. color: #1F2D3D;
  14607. }
  14608. .card-green.card-tabs:not(.card-outline) .card-header {
  14609. background-color: #28a745;
  14610. }
  14611. .card-green.card-tabs:not(.card-outline) .card-header,
  14612. .card-green.card-tabs:not(.card-outline) .card-header a {
  14613. color: #ffffff;
  14614. }
  14615. .card-green.card-tabs:not(.card-outline) .card-header a.active {
  14616. color: #1F2D3D;
  14617. }
  14618. .card-green.card-tabs.card-outline {
  14619. border-top: 3px solid #28a745;
  14620. }
  14621. .card-green.card-outline-tabs .card-header a:hover {
  14622. border-top: 3px solid #dee2e6;
  14623. }
  14624. .card-green.card-outline-tabs .card-header a.active {
  14625. border-top: 3px solid #28a745;
  14626. }
  14627. .bg-green .btn-tool,
  14628. .bg-gradient-green .btn-tool,
  14629. .card-green:not(.card-outline) .btn-tool {
  14630. color: rgba(255, 255, 255, 0.8);
  14631. }
  14632. .bg-green .btn-tool:hover,
  14633. .bg-gradient-green .btn-tool:hover,
  14634. .card-green:not(.card-outline) .btn-tool:hover {
  14635. color: #ffffff;
  14636. }
  14637. .card.bg-green .bootstrap-datetimepicker-widget .table td,
  14638. .card.bg-green .bootstrap-datetimepicker-widget .table th,
  14639. .card.bg-gradient-green .bootstrap-datetimepicker-widget .table td,
  14640. .card.bg-gradient-green .bootstrap-datetimepicker-widget .table th {
  14641. border: none;
  14642. }
  14643. .card.bg-green .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
  14644. .card.bg-green .bootstrap-datetimepicker-widget table td.day:hover,
  14645. .card.bg-green .bootstrap-datetimepicker-widget table td.hour:hover,
  14646. .card.bg-green .bootstrap-datetimepicker-widget table td.minute:hover,
  14647. .card.bg-green .bootstrap-datetimepicker-widget table td.second:hover,
  14648. .card.bg-gradient-green .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
  14649. .card.bg-gradient-green .bootstrap-datetimepicker-widget table td.day:hover,
  14650. .card.bg-gradient-green .bootstrap-datetimepicker-widget table td.hour:hover,
  14651. .card.bg-gradient-green .bootstrap-datetimepicker-widget table td.minute:hover,
  14652. .card.bg-gradient-green .bootstrap-datetimepicker-widget table td.second:hover {
  14653. background: #208637;
  14654. color: #ffffff;
  14655. }
  14656. .card.bg-green .bootstrap-datetimepicker-widget table td.today::before,
  14657. .card.bg-gradient-green .bootstrap-datetimepicker-widget table td.today::before {
  14658. border-bottom-color: #ffffff;
  14659. }
  14660. .card.bg-green .bootstrap-datetimepicker-widget table td.active,
  14661. .card.bg-green .bootstrap-datetimepicker-widget table td.active:hover,
  14662. .card.bg-gradient-green .bootstrap-datetimepicker-widget table td.active,
  14663. .card.bg-gradient-green .bootstrap-datetimepicker-widget table td.active:hover {
  14664. background: #34ce57;
  14665. color: #ffffff;
  14666. }
  14667. .card-teal.card-tabs:not(.card-outline) .card-header {
  14668. background-color: #20c997;
  14669. }
  14670. .card-teal.card-tabs:not(.card-outline) .card-header,
  14671. .card-teal.card-tabs:not(.card-outline) .card-header a {
  14672. color: #ffffff;
  14673. }
  14674. .card-teal.card-tabs:not(.card-outline) .card-header a.active {
  14675. color: #1F2D3D;
  14676. }
  14677. .card-teal.card-tabs.card-outline {
  14678. border-top: 3px solid #20c997;
  14679. }
  14680. .card-teal.card-outline-tabs .card-header a:hover {
  14681. border-top: 3px solid #dee2e6;
  14682. }
  14683. .card-teal.card-outline-tabs .card-header a.active {
  14684. border-top: 3px solid #20c997;
  14685. }
  14686. .bg-teal .btn-tool,
  14687. .bg-gradient-teal .btn-tool,
  14688. .card-teal:not(.card-outline) .btn-tool {
  14689. color: rgba(255, 255, 255, 0.8);
  14690. }
  14691. .bg-teal .btn-tool:hover,
  14692. .bg-gradient-teal .btn-tool:hover,
  14693. .card-teal:not(.card-outline) .btn-tool:hover {
  14694. color: #ffffff;
  14695. }
  14696. .card.bg-teal .bootstrap-datetimepicker-widget .table td,
  14697. .card.bg-teal .bootstrap-datetimepicker-widget .table th,
  14698. .card.bg-gradient-teal .bootstrap-datetimepicker-widget .table td,
  14699. .card.bg-gradient-teal .bootstrap-datetimepicker-widget .table th {
  14700. border: none;
  14701. }
  14702. .card.bg-teal .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
  14703. .card.bg-teal .bootstrap-datetimepicker-widget table td.day:hover,
  14704. .card.bg-teal .bootstrap-datetimepicker-widget table td.hour:hover,
  14705. .card.bg-teal .bootstrap-datetimepicker-widget table td.minute:hover,
  14706. .card.bg-teal .bootstrap-datetimepicker-widget table td.second:hover,
  14707. .card.bg-gradient-teal .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
  14708. .card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.day:hover,
  14709. .card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.hour:hover,
  14710. .card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.minute:hover,
  14711. .card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.second:hover {
  14712. background: #1aa67d;
  14713. color: #ffffff;
  14714. }
  14715. .card.bg-teal .bootstrap-datetimepicker-widget table td.today::before,
  14716. .card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.today::before {
  14717. border-bottom-color: #ffffff;
  14718. }
  14719. .card.bg-teal .bootstrap-datetimepicker-widget table td.active,
  14720. .card.bg-teal .bootstrap-datetimepicker-widget table td.active:hover,
  14721. .card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.active,
  14722. .card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.active:hover {
  14723. background: #3ce0af;
  14724. color: #ffffff;
  14725. }
  14726. .card-cyan.card-tabs:not(.card-outline) .card-header {
  14727. background-color: #17a2b8;
  14728. }
  14729. .card-cyan.card-tabs:not(.card-outline) .card-header,
  14730. .card-cyan.card-tabs:not(.card-outline) .card-header a {
  14731. color: #ffffff;
  14732. }
  14733. .card-cyan.card-tabs:not(.card-outline) .card-header a.active {
  14734. color: #1F2D3D;
  14735. }
  14736. .card-cyan.card-tabs.card-outline {
  14737. border-top: 3px solid #17a2b8;
  14738. }
  14739. .card-cyan.card-outline-tabs .card-header a:hover {
  14740. border-top: 3px solid #dee2e6;
  14741. }
  14742. .card-cyan.card-outline-tabs .card-header a.active {
  14743. border-top: 3px solid #17a2b8;
  14744. }
  14745. .bg-cyan .btn-tool,
  14746. .bg-gradient-cyan .btn-tool,
  14747. .card-cyan:not(.card-outline) .btn-tool {
  14748. color: rgba(255, 255, 255, 0.8);
  14749. }
  14750. .bg-cyan .btn-tool:hover,
  14751. .bg-gradient-cyan .btn-tool:hover,
  14752. .card-cyan:not(.card-outline) .btn-tool:hover {
  14753. color: #ffffff;
  14754. }
  14755. .card.bg-cyan .bootstrap-datetimepicker-widget .table td,
  14756. .card.bg-cyan .bootstrap-datetimepicker-widget .table th,
  14757. .card.bg-gradient-cyan .bootstrap-datetimepicker-widget .table td,
  14758. .card.bg-gradient-cyan .bootstrap-datetimepicker-widget .table th {
  14759. border: none;
  14760. }
  14761. .card.bg-cyan .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
  14762. .card.bg-cyan .bootstrap-datetimepicker-widget table td.day:hover,
  14763. .card.bg-cyan .bootstrap-datetimepicker-widget table td.hour:hover,
  14764. .card.bg-cyan .bootstrap-datetimepicker-widget table td.minute:hover,
  14765. .card.bg-cyan .bootstrap-datetimepicker-widget table td.second:hover,
  14766. .card.bg-gradient-cyan .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
  14767. .card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.day:hover,
  14768. .card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.hour:hover,
  14769. .card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.minute:hover,
  14770. .card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.second:hover {
  14771. background: #128294;
  14772. color: #ffffff;
  14773. }
  14774. .card.bg-cyan .bootstrap-datetimepicker-widget table td.today::before,
  14775. .card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.today::before {
  14776. border-bottom-color: #ffffff;
  14777. }
  14778. .card.bg-cyan .bootstrap-datetimepicker-widget table td.active,
  14779. .card.bg-cyan .bootstrap-datetimepicker-widget table td.active:hover,
  14780. .card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.active,
  14781. .card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.active:hover {
  14782. background: #1fc8e3;
  14783. color: #ffffff;
  14784. }
  14785. .card-white.card-tabs:not(.card-outline) .card-header {
  14786. background-color: #ffffff;
  14787. }
  14788. .card-white.card-tabs:not(.card-outline) .card-header,
  14789. .card-white.card-tabs:not(.card-outline) .card-header a {
  14790. color: #1F2D3D;
  14791. }
  14792. .card-white.card-tabs:not(.card-outline) .card-header a.active {
  14793. color: #1F2D3D;
  14794. }
  14795. .card-white.card-tabs.card-outline {
  14796. border-top: 3px solid #ffffff;
  14797. }
  14798. .card-white.card-outline-tabs .card-header a:hover {
  14799. border-top: 3px solid #dee2e6;
  14800. }
  14801. .card-white.card-outline-tabs .card-header a.active {
  14802. border-top: 3px solid #ffffff;
  14803. }
  14804. .bg-white .btn-tool,
  14805. .bg-gradient-white .btn-tool,
  14806. .card-white:not(.card-outline) .btn-tool {
  14807. color: rgba(31, 45, 61, 0.8);
  14808. }
  14809. .bg-white .btn-tool:hover,
  14810. .bg-gradient-white .btn-tool:hover,
  14811. .card-white:not(.card-outline) .btn-tool:hover {
  14812. color: #1F2D3D;
  14813. }
  14814. .card.bg-white .bootstrap-datetimepicker-widget .table td,
  14815. .card.bg-white .bootstrap-datetimepicker-widget .table th,
  14816. .card.bg-gradient-white .bootstrap-datetimepicker-widget .table td,
  14817. .card.bg-gradient-white .bootstrap-datetimepicker-widget .table th {
  14818. border: none;
  14819. }
  14820. .card.bg-white .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
  14821. .card.bg-white .bootstrap-datetimepicker-widget table td.day:hover,
  14822. .card.bg-white .bootstrap-datetimepicker-widget table td.hour:hover,
  14823. .card.bg-white .bootstrap-datetimepicker-widget table td.minute:hover,
  14824. .card.bg-white .bootstrap-datetimepicker-widget table td.second:hover,
  14825. .card.bg-gradient-white .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
  14826. .card.bg-gradient-white .bootstrap-datetimepicker-widget table td.day:hover,
  14827. .card.bg-gradient-white .bootstrap-datetimepicker-widget table td.hour:hover,
  14828. .card.bg-gradient-white .bootstrap-datetimepicker-widget table td.minute:hover,
  14829. .card.bg-gradient-white .bootstrap-datetimepicker-widget table td.second:hover {
  14830. background: #ebebeb;
  14831. color: #1F2D3D;
  14832. }
  14833. .card.bg-white .bootstrap-datetimepicker-widget table td.today::before,
  14834. .card.bg-gradient-white .bootstrap-datetimepicker-widget table td.today::before {
  14835. border-bottom-color: #1F2D3D;
  14836. }
  14837. .card.bg-white .bootstrap-datetimepicker-widget table td.active,
  14838. .card.bg-white .bootstrap-datetimepicker-widget table td.active:hover,
  14839. .card.bg-gradient-white .bootstrap-datetimepicker-widget table td.active,
  14840. .card.bg-gradient-white .bootstrap-datetimepicker-widget table td.active:hover {
  14841. background: white;
  14842. color: #1F2D3D;
  14843. }
  14844. .card-gray.card-tabs:not(.card-outline) .card-header {
  14845. background-color: #6c757d;
  14846. }
  14847. .card-gray.card-tabs:not(.card-outline) .card-header,
  14848. .card-gray.card-tabs:not(.card-outline) .card-header a {
  14849. color: #ffffff;
  14850. }
  14851. .card-gray.card-tabs:not(.card-outline) .card-header a.active {
  14852. color: #1F2D3D;
  14853. }
  14854. .card-gray.card-tabs.card-outline {
  14855. border-top: 3px solid #6c757d;
  14856. }
  14857. .card-gray.card-outline-tabs .card-header a:hover {
  14858. border-top: 3px solid #dee2e6;
  14859. }
  14860. .card-gray.card-outline-tabs .card-header a.active {
  14861. border-top: 3px solid #6c757d;
  14862. }
  14863. .bg-gray .btn-tool,
  14864. .bg-gradient-gray .btn-tool,
  14865. .card-gray:not(.card-outline) .btn-tool {
  14866. color: rgba(255, 255, 255, 0.8);
  14867. }
  14868. .bg-gray .btn-tool:hover,
  14869. .bg-gradient-gray .btn-tool:hover,
  14870. .card-gray:not(.card-outline) .btn-tool:hover {
  14871. color: #ffffff;
  14872. }
  14873. .card.bg-gray .bootstrap-datetimepicker-widget .table td,
  14874. .card.bg-gray .bootstrap-datetimepicker-widget .table th,
  14875. .card.bg-gradient-gray .bootstrap-datetimepicker-widget .table td,
  14876. .card.bg-gradient-gray .bootstrap-datetimepicker-widget .table th {
  14877. border: none;
  14878. }
  14879. .card.bg-gray .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
  14880. .card.bg-gray .bootstrap-datetimepicker-widget table td.day:hover,
  14881. .card.bg-gray .bootstrap-datetimepicker-widget table td.hour:hover,
  14882. .card.bg-gray .bootstrap-datetimepicker-widget table td.minute:hover,
  14883. .card.bg-gray .bootstrap-datetimepicker-widget table td.second:hover,
  14884. .card.bg-gradient-gray .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
  14885. .card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.day:hover,
  14886. .card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.hour:hover,
  14887. .card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.minute:hover,
  14888. .card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.second:hover {
  14889. background: #596167;
  14890. color: #ffffff;
  14891. }
  14892. .card.bg-gray .bootstrap-datetimepicker-widget table td.today::before,
  14893. .card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.today::before {
  14894. border-bottom-color: #ffffff;
  14895. }
  14896. .card.bg-gray .bootstrap-datetimepicker-widget table td.active,
  14897. .card.bg-gray .bootstrap-datetimepicker-widget table td.active:hover,
  14898. .card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.active,
  14899. .card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.active:hover {
  14900. background: #868e96;
  14901. color: #ffffff;
  14902. }
  14903. .card-gray-dark.card-tabs:not(.card-outline) .card-header {
  14904. background-color: #343a40;
  14905. }
  14906. .card-gray-dark.card-tabs:not(.card-outline) .card-header,
  14907. .card-gray-dark.card-tabs:not(.card-outline) .card-header a {
  14908. color: #ffffff;
  14909. }
  14910. .card-gray-dark.card-tabs:not(.card-outline) .card-header a.active {
  14911. color: #1F2D3D;
  14912. }
  14913. .card-gray-dark.card-tabs.card-outline {
  14914. border-top: 3px solid #343a40;
  14915. }
  14916. .card-gray-dark.card-outline-tabs .card-header a:hover {
  14917. border-top: 3px solid #dee2e6;
  14918. }
  14919. .card-gray-dark.card-outline-tabs .card-header a.active {
  14920. border-top: 3px solid #343a40;
  14921. }
  14922. .bg-gray-dark .btn-tool,
  14923. .bg-gradient-gray-dark .btn-tool,
  14924. .card-gray-dark:not(.card-outline) .btn-tool {
  14925. color: rgba(255, 255, 255, 0.8);
  14926. }
  14927. .bg-gray-dark .btn-tool:hover,
  14928. .bg-gradient-gray-dark .btn-tool:hover,
  14929. .card-gray-dark:not(.card-outline) .btn-tool:hover {
  14930. color: #ffffff;
  14931. }
  14932. .card.bg-gray-dark .bootstrap-datetimepicker-widget .table td,
  14933. .card.bg-gray-dark .bootstrap-datetimepicker-widget .table th,
  14934. .card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget .table td,
  14935. .card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget .table th {
  14936. border: none;
  14937. }
  14938. .card.bg-gray-dark .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
  14939. .card.bg-gray-dark .bootstrap-datetimepicker-widget table td.day:hover,
  14940. .card.bg-gray-dark .bootstrap-datetimepicker-widget table td.hour:hover,
  14941. .card.bg-gray-dark .bootstrap-datetimepicker-widget table td.minute:hover,
  14942. .card.bg-gray-dark .bootstrap-datetimepicker-widget table td.second:hover,
  14943. .card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
  14944. .card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.day:hover,
  14945. .card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.hour:hover,
  14946. .card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.minute:hover,
  14947. .card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.second:hover {
  14948. background: #222629;
  14949. color: #ffffff;
  14950. }
  14951. .card.bg-gray-dark .bootstrap-datetimepicker-widget table td.today::before,
  14952. .card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.today::before {
  14953. border-bottom-color: #ffffff;
  14954. }
  14955. .card.bg-gray-dark .bootstrap-datetimepicker-widget table td.active,
  14956. .card.bg-gray-dark .bootstrap-datetimepicker-widget table td.active:hover,
  14957. .card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.active,
  14958. .card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.active:hover {
  14959. background: #4b545c;
  14960. color: #ffffff;
  14961. }
  14962. .card-default .nav-item:first-child .nav-link {
  14963. border-left: 0;
  14964. }
  14965. .modal-dialog .overlay {
  14966. background-color: #000;
  14967. display: block;
  14968. height: 100%;
  14969. left: 0;
  14970. opacity: .7;
  14971. position: absolute;
  14972. top: 0;
  14973. width: 100%;
  14974. z-index: 1052;
  14975. }
  14976. .modal-content.bg-warning .modal-header,
  14977. .modal-content.bg-warning .modal-footer {
  14978. border-color: #343a40;
  14979. }
  14980. .modal-content.bg-primary .close, .modal-content.bg-primary .mailbox-attachment-close, .modal-content.bg-secondary .close, .modal-content.bg-secondary .mailbox-attachment-close, .modal-content.bg-info .close, .modal-content.bg-info .mailbox-attachment-close, .modal-content.bg-danger .close, .modal-content.bg-danger .mailbox-attachment-close, .modal-content.bg-success .close, .modal-content.bg-success .mailbox-attachment-close {
  14981. color: #ffffff;
  14982. text-shadow: 0 1px 0 #000;
  14983. }
  14984. .toasts-top-right {
  14985. position: absolute;
  14986. right: 0;
  14987. top: 0;
  14988. z-index: 1040;
  14989. }
  14990. .toasts-top-right.fixed {
  14991. position: fixed;
  14992. }
  14993. .toasts-top-left {
  14994. left: 0;
  14995. position: absolute;
  14996. top: 0;
  14997. z-index: 1040;
  14998. }
  14999. .toasts-top-left.fixed {
  15000. position: fixed;
  15001. }
  15002. .toasts-bottom-right {
  15003. bottom: 0;
  15004. position: absolute;
  15005. right: 0;
  15006. z-index: 1040;
  15007. }
  15008. .toasts-bottom-right.fixed {
  15009. position: fixed;
  15010. }
  15011. .toasts-bottom-left {
  15012. bottom: 0;
  15013. left: 0;
  15014. position: absolute;
  15015. z-index: 1040;
  15016. }
  15017. .toasts-bottom-left.fixed {
  15018. position: fixed;
  15019. }
  15020. .toast.bg-primary {
  15021. background: rgba(0, 123, 255, 0.9) !important;
  15022. }
  15023. .toast.bg-primary .close, .toast.bg-primary .mailbox-attachment-close {
  15024. color: #ffffff;
  15025. text-shadow: 0 1px 0 #000;
  15026. }
  15027. .toast.bg-primary .toast-header {
  15028. background: rgba(0, 123, 255, 0.85);
  15029. color: #ffffff;
  15030. }
  15031. .toast.bg-secondary {
  15032. background: rgba(108, 117, 125, 0.9) !important;
  15033. }
  15034. .toast.bg-secondary .close, .toast.bg-secondary .mailbox-attachment-close {
  15035. color: #ffffff;
  15036. text-shadow: 0 1px 0 #000;
  15037. }
  15038. .toast.bg-secondary .toast-header {
  15039. background: rgba(108, 117, 125, 0.85);
  15040. color: #ffffff;
  15041. }
  15042. .toast.bg-success {
  15043. background: rgba(40, 167, 69, 0.9) !important;
  15044. }
  15045. .toast.bg-success .close, .toast.bg-success .mailbox-attachment-close {
  15046. color: #ffffff;
  15047. text-shadow: 0 1px 0 #000;
  15048. }
  15049. .toast.bg-success .toast-header {
  15050. background: rgba(40, 167, 69, 0.85);
  15051. color: #ffffff;
  15052. }
  15053. .toast.bg-info {
  15054. background: rgba(23, 162, 184, 0.9) !important;
  15055. }
  15056. .toast.bg-info .close, .toast.bg-info .mailbox-attachment-close {
  15057. color: #ffffff;
  15058. text-shadow: 0 1px 0 #000;
  15059. }
  15060. .toast.bg-info .toast-header {
  15061. background: rgba(23, 162, 184, 0.85);
  15062. color: #ffffff;
  15063. }
  15064. .toast.bg-warning {
  15065. background: rgba(255, 193, 7, 0.9) !important;
  15066. }
  15067. .toast.bg-warning .toast-header {
  15068. background: rgba(255, 193, 7, 0.85);
  15069. color: #1F2D3D;
  15070. }
  15071. .toast.bg-danger {
  15072. background: rgba(220, 53, 69, 0.9) !important;
  15073. }
  15074. .toast.bg-danger .close, .toast.bg-danger .mailbox-attachment-close {
  15075. color: #ffffff;
  15076. text-shadow: 0 1px 0 #000;
  15077. }
  15078. .toast.bg-danger .toast-header {
  15079. background: rgba(220, 53, 69, 0.85);
  15080. color: #ffffff;
  15081. }
  15082. .toast.bg-light {
  15083. background: rgba(248, 249, 250, 0.9) !important;
  15084. }
  15085. .toast.bg-light .toast-header {
  15086. background: rgba(248, 249, 250, 0.85);
  15087. color: #1F2D3D;
  15088. }
  15089. .toast.bg-dark {
  15090. background: rgba(52, 58, 64, 0.9) !important;
  15091. }
  15092. .toast.bg-dark .close, .toast.bg-dark .mailbox-attachment-close {
  15093. color: #ffffff;
  15094. text-shadow: 0 1px 0 #000;
  15095. }
  15096. .toast.bg-dark .toast-header {
  15097. background: rgba(52, 58, 64, 0.85);
  15098. color: #ffffff;
  15099. }
  15100. .toast.bg-navy {
  15101. background: rgba(0, 31, 63, 0.9) !important;
  15102. }
  15103. .toast.bg-navy .close, .toast.bg-navy .mailbox-attachment-close {
  15104. color: #ffffff;
  15105. text-shadow: 0 1px 0 #000;
  15106. }
  15107. .toast.bg-navy .toast-header {
  15108. background: rgba(0, 31, 63, 0.85);
  15109. color: #ffffff;
  15110. }
  15111. .toast.bg-olive {
  15112. background: rgba(61, 153, 112, 0.9) !important;
  15113. }
  15114. .toast.bg-olive .close, .toast.bg-olive .mailbox-attachment-close {
  15115. color: #ffffff;
  15116. text-shadow: 0 1px 0 #000;
  15117. }
  15118. .toast.bg-olive .toast-header {
  15119. background: rgba(61, 153, 112, 0.85);
  15120. color: #ffffff;
  15121. }
  15122. .toast.bg-lime {
  15123. background: rgba(1, 255, 112, 0.9) !important;
  15124. }
  15125. .toast.bg-lime .toast-header {
  15126. background: rgba(1, 255, 112, 0.85);
  15127. color: #1F2D3D;
  15128. }
  15129. .toast.bg-fuchsia {
  15130. background: rgba(240, 18, 190, 0.9) !important;
  15131. }
  15132. .toast.bg-fuchsia .close, .toast.bg-fuchsia .mailbox-attachment-close {
  15133. color: #ffffff;
  15134. text-shadow: 0 1px 0 #000;
  15135. }
  15136. .toast.bg-fuchsia .toast-header {
  15137. background: rgba(240, 18, 190, 0.85);
  15138. color: #ffffff;
  15139. }
  15140. .toast.bg-maroon {
  15141. background: rgba(216, 27, 96, 0.9) !important;
  15142. }
  15143. .toast.bg-maroon .close, .toast.bg-maroon .mailbox-attachment-close {
  15144. color: #ffffff;
  15145. text-shadow: 0 1px 0 #000;
  15146. }
  15147. .toast.bg-maroon .toast-header {
  15148. background: rgba(216, 27, 96, 0.85);
  15149. color: #ffffff;
  15150. }
  15151. .toast.bg-blue {
  15152. background: rgba(0, 123, 255, 0.9) !important;
  15153. }
  15154. .toast.bg-blue .close, .toast.bg-blue .mailbox-attachment-close {
  15155. color: #ffffff;
  15156. text-shadow: 0 1px 0 #000;
  15157. }
  15158. .toast.bg-blue .toast-header {
  15159. background: rgba(0, 123, 255, 0.85);
  15160. color: #ffffff;
  15161. }
  15162. .toast.bg-indigo {
  15163. background: rgba(102, 16, 242, 0.9) !important;
  15164. }
  15165. .toast.bg-indigo .close, .toast.bg-indigo .mailbox-attachment-close {
  15166. color: #ffffff;
  15167. text-shadow: 0 1px 0 #000;
  15168. }
  15169. .toast.bg-indigo .toast-header {
  15170. background: rgba(102, 16, 242, 0.85);
  15171. color: #ffffff;
  15172. }
  15173. .toast.bg-purple {
  15174. background: rgba(111, 66, 193, 0.9) !important;
  15175. }
  15176. .toast.bg-purple .close, .toast.bg-purple .mailbox-attachment-close {
  15177. color: #ffffff;
  15178. text-shadow: 0 1px 0 #000;
  15179. }
  15180. .toast.bg-purple .toast-header {
  15181. background: rgba(111, 66, 193, 0.85);
  15182. color: #ffffff;
  15183. }
  15184. .toast.bg-pink {
  15185. background: rgba(232, 62, 140, 0.9) !important;
  15186. }
  15187. .toast.bg-pink .close, .toast.bg-pink .mailbox-attachment-close {
  15188. color: #ffffff;
  15189. text-shadow: 0 1px 0 #000;
  15190. }
  15191. .toast.bg-pink .toast-header {
  15192. background: rgba(232, 62, 140, 0.85);
  15193. color: #ffffff;
  15194. }
  15195. .toast.bg-red {
  15196. background: rgba(220, 53, 69, 0.9) !important;
  15197. }
  15198. .toast.bg-red .close, .toast.bg-red .mailbox-attachment-close {
  15199. color: #ffffff;
  15200. text-shadow: 0 1px 0 #000;
  15201. }
  15202. .toast.bg-red .toast-header {
  15203. background: rgba(220, 53, 69, 0.85);
  15204. color: #ffffff;
  15205. }
  15206. .toast.bg-orange {
  15207. background: rgba(253, 126, 20, 0.9) !important;
  15208. }
  15209. .toast.bg-orange .toast-header {
  15210. background: rgba(253, 126, 20, 0.85);
  15211. color: #1F2D3D;
  15212. }
  15213. .toast.bg-yellow {
  15214. background: rgba(255, 193, 7, 0.9) !important;
  15215. }
  15216. .toast.bg-yellow .toast-header {
  15217. background: rgba(255, 193, 7, 0.85);
  15218. color: #1F2D3D;
  15219. }
  15220. .toast.bg-green {
  15221. background: rgba(40, 167, 69, 0.9) !important;
  15222. }
  15223. .toast.bg-green .close, .toast.bg-green .mailbox-attachment-close {
  15224. color: #ffffff;
  15225. text-shadow: 0 1px 0 #000;
  15226. }
  15227. .toast.bg-green .toast-header {
  15228. background: rgba(40, 167, 69, 0.85);
  15229. color: #ffffff;
  15230. }
  15231. .toast.bg-teal {
  15232. background: rgba(32, 201, 151, 0.9) !important;
  15233. }
  15234. .toast.bg-teal .close, .toast.bg-teal .mailbox-attachment-close {
  15235. color: #ffffff;
  15236. text-shadow: 0 1px 0 #000;
  15237. }
  15238. .toast.bg-teal .toast-header {
  15239. background: rgba(32, 201, 151, 0.85);
  15240. color: #ffffff;
  15241. }
  15242. .toast.bg-cyan {
  15243. background: rgba(23, 162, 184, 0.9) !important;
  15244. }
  15245. .toast.bg-cyan .close, .toast.bg-cyan .mailbox-attachment-close {
  15246. color: #ffffff;
  15247. text-shadow: 0 1px 0 #000;
  15248. }
  15249. .toast.bg-cyan .toast-header {
  15250. background: rgba(23, 162, 184, 0.85);
  15251. color: #ffffff;
  15252. }
  15253. .toast.bg-white {
  15254. background: rgba(255, 255, 255, 0.9) !important;
  15255. }
  15256. .toast.bg-white .toast-header {
  15257. background: rgba(255, 255, 255, 0.85);
  15258. color: #1F2D3D;
  15259. }
  15260. .toast.bg-gray {
  15261. background: rgba(108, 117, 125, 0.9) !important;
  15262. }
  15263. .toast.bg-gray .close, .toast.bg-gray .mailbox-attachment-close {
  15264. color: #ffffff;
  15265. text-shadow: 0 1px 0 #000;
  15266. }
  15267. .toast.bg-gray .toast-header {
  15268. background: rgba(108, 117, 125, 0.85);
  15269. color: #ffffff;
  15270. }
  15271. .toast.bg-gray-dark {
  15272. background: rgba(52, 58, 64, 0.9) !important;
  15273. }
  15274. .toast.bg-gray-dark .close, .toast.bg-gray-dark .mailbox-attachment-close {
  15275. color: #ffffff;
  15276. text-shadow: 0 1px 0 #000;
  15277. }
  15278. .toast.bg-gray-dark .toast-header {
  15279. background: rgba(52, 58, 64, 0.85);
  15280. color: #ffffff;
  15281. }
  15282. .btn.disabled, .btn:disabled {
  15283. cursor: not-allowed;
  15284. }
  15285. .btn.btn-flat {
  15286. border-radius: 0;
  15287. border-width: 1px;
  15288. box-shadow: none;
  15289. }
  15290. .btn.btn-file {
  15291. overflow: hidden;
  15292. position: relative;
  15293. }
  15294. .btn.btn-file > input[type='file'] {
  15295. background: #ffffff;
  15296. cursor: inherit;
  15297. display: block;
  15298. font-size: 100px;
  15299. min-height: 100%;
  15300. min-width: 100%;
  15301. opacity: 0;
  15302. outline: none;
  15303. position: absolute;
  15304. right: 0;
  15305. text-align: right;
  15306. top: 0;
  15307. }
  15308. .text-sm .btn {
  15309. font-size: 0.875rem !important;
  15310. }
  15311. .btn-default {
  15312. background-color: #f8f9fa;
  15313. border-color: #ddd;
  15314. color: #444;
  15315. }
  15316. .btn-default:hover, .btn-default:active, .btn-default.hover {
  15317. background-color: #e9ecef;
  15318. color: #2b2b2b;
  15319. }
  15320. .btn-app {
  15321. border-radius: 3px;
  15322. background-color: #f8f9fa;
  15323. border: 1px solid #ddd;
  15324. color: #6c757d;
  15325. font-size: 12px;
  15326. height: 60px;
  15327. margin: 0 0 10px 10px;
  15328. min-width: 80px;
  15329. padding: 15px 5px;
  15330. position: relative;
  15331. text-align: center;
  15332. }
  15333. .btn-app > .fa,
  15334. .btn-app > .fas,
  15335. .btn-app > .far,
  15336. .btn-app > .fab,
  15337. .btn-app > .glyphicon,
  15338. .btn-app > .ion {
  15339. display: block;
  15340. font-size: 20px;
  15341. }
  15342. .btn-app:hover {
  15343. background: #f8f9fa;
  15344. border-color: #aaaaaa;
  15345. color: #444;
  15346. }
  15347. .btn-app:active, .btn-app:focus {
  15348. box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  15349. }
  15350. .btn-app > .badge {
  15351. font-size: 10px;
  15352. font-weight: 400;
  15353. position: absolute;
  15354. right: -10px;
  15355. top: -3px;
  15356. }
  15357. .btn-xs {
  15358. padding: 0.125rem 0.25rem;
  15359. font-size: 0.75rem;
  15360. line-height: 1.5;
  15361. border-radius: 0.15rem;
  15362. }
  15363. .callout {
  15364. border-radius: 0.25rem;
  15365. box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  15366. background-color: #ffffff;
  15367. border-left: 5px solid #e9ecef;
  15368. margin-bottom: 1rem;
  15369. padding: 1rem;
  15370. }
  15371. .callout a {
  15372. color: #495057;
  15373. text-decoration: underline;
  15374. }
  15375. .callout a:hover {
  15376. color: #e9ecef;
  15377. }
  15378. .callout p:last-child {
  15379. margin-bottom: 0;
  15380. }
  15381. .callout.callout-danger {
  15382. border-left-color: #bd2130;
  15383. }
  15384. .callout.callout-warning {
  15385. border-left-color: #d39e00;
  15386. }
  15387. .callout.callout-info {
  15388. border-left-color: #117a8b;
  15389. }
  15390. .callout.callout-success {
  15391. border-left-color: #1e7e34;
  15392. }
  15393. .alert .icon {
  15394. margin-right: 10px;
  15395. }
  15396. .alert .close, .alert .mailbox-attachment-close {
  15397. color: #000;
  15398. opacity: .2;
  15399. }
  15400. .alert .close:hover, .alert .mailbox-attachment-close:hover {
  15401. opacity: .5;
  15402. }
  15403. .alert a {
  15404. color: #ffffff;
  15405. text-decoration: underline;
  15406. }
  15407. .alert-primary {
  15408. color: #ffffff;
  15409. background: #007bff;
  15410. border-color: #006fe6;
  15411. }
  15412. .alert-default-primary {
  15413. color: #004085;
  15414. background-color: #cce5ff;
  15415. border-color: #b8daff;
  15416. }
  15417. .alert-default-primary hr {
  15418. border-top-color: #9fcdff;
  15419. }
  15420. .alert-default-primary .alert-link {
  15421. color: #002752;
  15422. }
  15423. .alert-secondary {
  15424. color: #ffffff;
  15425. background: #6c757d;
  15426. border-color: #60686f;
  15427. }
  15428. .alert-default-secondary {
  15429. color: #383d41;
  15430. background-color: #e2e3e5;
  15431. border-color: #d6d8db;
  15432. }
  15433. .alert-default-secondary hr {
  15434. border-top-color: #c8cbcf;
  15435. }
  15436. .alert-default-secondary .alert-link {
  15437. color: #202326;
  15438. }
  15439. .alert-success {
  15440. color: #ffffff;
  15441. background: #28a745;
  15442. border-color: #23923d;
  15443. }
  15444. .alert-default-success {
  15445. color: #155724;
  15446. background-color: #d4edda;
  15447. border-color: #c3e6cb;
  15448. }
  15449. .alert-default-success hr {
  15450. border-top-color: #b1dfbb;
  15451. }
  15452. .alert-default-success .alert-link {
  15453. color: #0b2e13;
  15454. }
  15455. .alert-info {
  15456. color: #ffffff;
  15457. background: #17a2b8;
  15458. border-color: #148ea1;
  15459. }
  15460. .alert-default-info {
  15461. color: #0c5460;
  15462. background-color: #d1ecf1;
  15463. border-color: #bee5eb;
  15464. }
  15465. .alert-default-info hr {
  15466. border-top-color: #abdde5;
  15467. }
  15468. .alert-default-info .alert-link {
  15469. color: #062c33;
  15470. }
  15471. .alert-warning {
  15472. color: #1F2D3D;
  15473. background: #ffc107;
  15474. border-color: #edb100;
  15475. }
  15476. .alert-default-warning {
  15477. color: #856404;
  15478. background-color: #fff3cd;
  15479. border-color: #ffeeba;
  15480. }
  15481. .alert-default-warning hr {
  15482. border-top-color: #ffe8a1;
  15483. }
  15484. .alert-default-warning .alert-link {
  15485. color: #533f03;
  15486. }
  15487. .alert-danger {
  15488. color: #ffffff;
  15489. background: #dc3545;
  15490. border-color: #d32535;
  15491. }
  15492. .alert-default-danger {
  15493. color: #721c24;
  15494. background-color: #f8d7da;
  15495. border-color: #f5c6cb;
  15496. }
  15497. .alert-default-danger hr {
  15498. border-top-color: #f1b0b7;
  15499. }
  15500. .alert-default-danger .alert-link {
  15501. color: #491217;
  15502. }
  15503. .alert-light {
  15504. color: #1F2D3D;
  15505. background: #f8f9fa;
  15506. border-color: #e9ecef;
  15507. }
  15508. .alert-default-light {
  15509. color: #818182;
  15510. background-color: #fefefe;
  15511. border-color: #fdfdfe;
  15512. }
  15513. .alert-default-light hr {
  15514. border-top-color: #ececf6;
  15515. }
  15516. .alert-default-light .alert-link {
  15517. color: #686868;
  15518. }
  15519. .alert-dark {
  15520. color: #ffffff;
  15521. background: #343a40;
  15522. border-color: #292d32;
  15523. }
  15524. .alert-default-dark {
  15525. color: #1b1e21;
  15526. background-color: #d6d8d9;
  15527. border-color: #c6c8ca;
  15528. }
  15529. .alert-default-dark hr {
  15530. border-top-color: #b9bbbe;
  15531. }
  15532. .alert-default-dark .alert-link {
  15533. color: #040505;
  15534. }
  15535. .table:not(.table-dark) {
  15536. color: inherit;
  15537. }
  15538. .table.table-head-fixed thead tr:nth-child(1) th {
  15539. background-color: #ffffff;
  15540. border-bottom: 0;
  15541. box-shadow: inset 0 1px 0 #dee2e6, inset 0 -1px 0 #dee2e6;
  15542. position: -webkit-sticky;
  15543. position: sticky;
  15544. top: 0;
  15545. z-index: 10;
  15546. }
  15547. .table.table-head-fixed.table-dark thead tr:nth-child(1) th {
  15548. background-color: #212529;
  15549. box-shadow: inset 0 1px 0 #383f45, inset 0 -1px 0 #383f45;
  15550. }
  15551. .table.no-border,
  15552. .table.no-border td,
  15553. .table.no-border th {
  15554. border: 0;
  15555. }
  15556. .table.text-center,
  15557. .table.text-center td,
  15558. .table.text-center th {
  15559. text-align: center;
  15560. }
  15561. .table.table-valign-middle thead > tr > th,
  15562. .table.table-valign-middle thead > tr > td,
  15563. .table.table-valign-middle tbody > tr > th,
  15564. .table.table-valign-middle tbody > tr > td {
  15565. vertical-align: middle;
  15566. }
  15567. .card-body.p-0 .table thead > tr > th:first-of-type,
  15568. .card-body.p-0 .table thead > tr > td:first-of-type,
  15569. .card-body.p-0 .table tbody > tr > th:first-of-type,
  15570. .card-body.p-0 .table tbody > tr > td:first-of-type {
  15571. padding-left: 1.5rem;
  15572. }
  15573. .card-body.p-0 .table thead > tr > th:last-of-type,
  15574. .card-body.p-0 .table thead > tr > td:last-of-type,
  15575. .card-body.p-0 .table tbody > tr > th:last-of-type,
  15576. .card-body.p-0 .table tbody > tr > td:last-of-type {
  15577. padding-right: 1.5rem;
  15578. }
  15579. .carousel-control.left, .carousel-control.right {
  15580. background-image: none;
  15581. }
  15582. .carousel-control > .fa,
  15583. .carousel-control > .fas,
  15584. .carousel-control > .far,
  15585. .carousel-control > .fab,
  15586. .carousel-control > .glyphicon,
  15587. .carousel-control > .ion {
  15588. display: inline-block;
  15589. font-size: 40px;
  15590. margin-top: -20px;
  15591. position: absolute;
  15592. top: 50%;
  15593. z-index: 5;
  15594. }
  15595. .small-box {
  15596. border-radius: 0.25rem;
  15597. box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
  15598. display: block;
  15599. margin-bottom: 20px;
  15600. position: relative;
  15601. }
  15602. .small-box > .inner {
  15603. padding: 10px;
  15604. }
  15605. .small-box > .small-box-footer {
  15606. background: rgba(0, 0, 0, 0.1);
  15607. color: rgba(255, 255, 255, 0.8);
  15608. display: block;
  15609. padding: 3px 0;
  15610. position: relative;
  15611. text-align: center;
  15612. text-decoration: none;
  15613. z-index: 10;
  15614. }
  15615. .small-box > .small-box-footer:hover {
  15616. background: rgba(0, 0, 0, 0.15);
  15617. color: #ffffff;
  15618. }
  15619. .small-box h3 {
  15620. font-size: 2.2rem;
  15621. font-weight: bold;
  15622. margin: 0 0 10px 0;
  15623. padding: 0;
  15624. white-space: nowrap;
  15625. }
  15626. @media (min-width: 992px) {
  15627. .col-xl-2 .small-box h3,
  15628. .col-lg-2 .small-box h3,
  15629. .col-md-2 .small-box h3 {
  15630. font-size: 1.6rem;
  15631. }
  15632. .col-xl-3 .small-box h3,
  15633. .col-lg-3 .small-box h3,
  15634. .col-md-3 .small-box h3 {
  15635. font-size: 1.6rem;
  15636. }
  15637. }
  15638. @media (min-width: 1200px) {
  15639. .col-xl-2 .small-box h3,
  15640. .col-lg-2 .small-box h3,
  15641. .col-md-2 .small-box h3 {
  15642. font-size: 2.2rem;
  15643. }
  15644. .col-xl-3 .small-box h3,
  15645. .col-lg-3 .small-box h3,
  15646. .col-md-3 .small-box h3 {
  15647. font-size: 2.2rem;
  15648. }
  15649. }
  15650. .small-box p {
  15651. font-size: 1rem;
  15652. }
  15653. .small-box p > small {
  15654. color: #f8f9fa;
  15655. display: block;
  15656. font-size: 0.9rem;
  15657. margin-top: 5px;
  15658. }
  15659. .small-box h3,
  15660. .small-box p {
  15661. z-index: 5;
  15662. }
  15663. .small-box .icon {
  15664. color: rgba(0, 0, 0, 0.15);
  15665. z-index: 0;
  15666. }
  15667. .small-box .icon > i {
  15668. font-size: 90px;
  15669. position: absolute;
  15670. right: 15px;
  15671. top: 15px;
  15672. transition: all 0.3s linear;
  15673. }
  15674. .small-box .icon > i.fa, .small-box .icon > i.fas, .small-box .icon > i.far, .small-box .icon > i.fab, .small-box .icon > i.glyphicon, .small-box .icon > i.ion {
  15675. font-size: 70px;
  15676. top: 20px;
  15677. }
  15678. .small-box:hover {
  15679. text-decoration: none;
  15680. }
  15681. .small-box:hover .icon > i {
  15682. font-size: 95px;
  15683. }
  15684. .small-box:hover .icon > i.fa, .small-box:hover .icon > i.fas, .small-box:hover .icon > i.far, .small-box:hover .icon > i.fab, .small-box:hover .icon > i.glyphicon, .small-box:hover .icon > i.ion {
  15685. font-size: 75px;
  15686. }
  15687. @media (max-width: 767.98px) {
  15688. .small-box {
  15689. text-align: center;
  15690. }
  15691. .small-box .icon {
  15692. display: none;
  15693. }
  15694. .small-box p {
  15695. font-size: 12px;
  15696. }
  15697. }
  15698. .info-box {
  15699. box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
  15700. border-radius: 0.25rem;
  15701. background: #ffffff;
  15702. display: -ms-flexbox;
  15703. display: flex;
  15704. margin-bottom: 1rem;
  15705. min-height: 80px;
  15706. padding: .5rem;
  15707. position: relative;
  15708. }
  15709. .info-box .progress {
  15710. background-color: rgba(0, 0, 0, 0.125);
  15711. height: 2px;
  15712. margin: 5px 0;
  15713. }
  15714. .info-box .progress .progress-bar {
  15715. background-color: #ffffff;
  15716. }
  15717. .info-box .info-box-icon {
  15718. border-radius: 0.25rem;
  15719. -ms-flex-align: center;
  15720. align-items: center;
  15721. display: -ms-flexbox;
  15722. display: flex;
  15723. font-size: 1.875rem;
  15724. -ms-flex-pack: center;
  15725. justify-content: center;
  15726. text-align: center;
  15727. width: 70px;
  15728. }
  15729. .info-box .info-box-icon > img {
  15730. max-width: 100%;
  15731. }
  15732. .info-box .info-box-content {
  15733. -ms-flex: 1;
  15734. flex: 1;
  15735. padding: 5px 10px;
  15736. }
  15737. .info-box .info-box-number {
  15738. display: block;
  15739. font-weight: 700;
  15740. }
  15741. .info-box .progress-description,
  15742. .info-box .info-box-text {
  15743. display: block;
  15744. overflow: hidden;
  15745. text-overflow: ellipsis;
  15746. white-space: nowrap;
  15747. }
  15748. .info-box .info-box .bg-primary,
  15749. .info-box .info-box .bg-gradient-primary {
  15750. color: #ffffff;
  15751. }
  15752. .info-box .info-box .bg-primary .progress-bar,
  15753. .info-box .info-box .bg-gradient-primary .progress-bar {
  15754. background-color: #ffffff;
  15755. }
  15756. .info-box .info-box .bg-secondary,
  15757. .info-box .info-box .bg-gradient-secondary {
  15758. color: #ffffff;
  15759. }
  15760. .info-box .info-box .bg-secondary .progress-bar,
  15761. .info-box .info-box .bg-gradient-secondary .progress-bar {
  15762. background-color: #ffffff;
  15763. }
  15764. .info-box .info-box .bg-success,
  15765. .info-box .info-box .bg-gradient-success {
  15766. color: #ffffff;
  15767. }
  15768. .info-box .info-box .bg-success .progress-bar,
  15769. .info-box .info-box .bg-gradient-success .progress-bar {
  15770. background-color: #ffffff;
  15771. }
  15772. .info-box .info-box .bg-info,
  15773. .info-box .info-box .bg-gradient-info {
  15774. color: #ffffff;
  15775. }
  15776. .info-box .info-box .bg-info .progress-bar,
  15777. .info-box .info-box .bg-gradient-info .progress-bar {
  15778. background-color: #ffffff;
  15779. }
  15780. .info-box .info-box .bg-warning,
  15781. .info-box .info-box .bg-gradient-warning {
  15782. color: #1F2D3D;
  15783. }
  15784. .info-box .info-box .bg-warning .progress-bar,
  15785. .info-box .info-box .bg-gradient-warning .progress-bar {
  15786. background-color: #1F2D3D;
  15787. }
  15788. .info-box .info-box .bg-danger,
  15789. .info-box .info-box .bg-gradient-danger {
  15790. color: #ffffff;
  15791. }
  15792. .info-box .info-box .bg-danger .progress-bar,
  15793. .info-box .info-box .bg-gradient-danger .progress-bar {
  15794. background-color: #ffffff;
  15795. }
  15796. .info-box .info-box .bg-light,
  15797. .info-box .info-box .bg-gradient-light {
  15798. color: #1F2D3D;
  15799. }
  15800. .info-box .info-box .bg-light .progress-bar,
  15801. .info-box .info-box .bg-gradient-light .progress-bar {
  15802. background-color: #1F2D3D;
  15803. }
  15804. .info-box .info-box .bg-dark,
  15805. .info-box .info-box .bg-gradient-dark {
  15806. color: #ffffff;
  15807. }
  15808. .info-box .info-box .bg-dark .progress-bar,
  15809. .info-box .info-box .bg-gradient-dark .progress-bar {
  15810. background-color: #ffffff;
  15811. }
  15812. .info-box .info-box-more {
  15813. display: block;
  15814. }
  15815. .info-box .progress-description {
  15816. margin: 0;
  15817. }
  15818. @media (min-width: 768px) {
  15819. .col-xl-2 .info-box .progress-description,
  15820. .col-lg-2 .info-box .progress-description,
  15821. .col-md-2 .info-box .progress-description {
  15822. display: none;
  15823. }
  15824. .col-xl-3 .info-box .progress-description,
  15825. .col-lg-3 .info-box .progress-description,
  15826. .col-md-3 .info-box .progress-description {
  15827. display: none;
  15828. }
  15829. }
  15830. @media (min-width: 992px) {
  15831. .col-xl-2 .info-box .progress-description,
  15832. .col-lg-2 .info-box .progress-description,
  15833. .col-md-2 .info-box .progress-description {
  15834. font-size: 0.75rem;
  15835. display: block;
  15836. }
  15837. .col-xl-3 .info-box .progress-description,
  15838. .col-lg-3 .info-box .progress-description,
  15839. .col-md-3 .info-box .progress-description {
  15840. font-size: 0.75rem;
  15841. display: block;
  15842. }
  15843. }
  15844. @media (min-width: 1200px) {
  15845. .col-xl-2 .info-box .progress-description,
  15846. .col-lg-2 .info-box .progress-description,
  15847. .col-md-2 .info-box .progress-description {
  15848. font-size: 1rem;
  15849. display: block;
  15850. }
  15851. .col-xl-3 .info-box .progress-description,
  15852. .col-lg-3 .info-box .progress-description,
  15853. .col-md-3 .info-box .progress-description {
  15854. font-size: 1rem;
  15855. display: block;
  15856. }
  15857. }
  15858. .timeline {
  15859. margin: 0 0 45px;
  15860. padding: 0;
  15861. position: relative;
  15862. }
  15863. .timeline::before {
  15864. border-radius: 0.25rem;
  15865. background: #dee2e6;
  15866. bottom: 0;
  15867. content: '';
  15868. left: 31px;
  15869. margin: 0;
  15870. position: absolute;
  15871. top: 0;
  15872. width: 4px;
  15873. }
  15874. .timeline > div {
  15875. margin-bottom: 15px;
  15876. margin-right: 10px;
  15877. position: relative;
  15878. }
  15879. .timeline > div::before, .timeline > div::after {
  15880. content: "";
  15881. display: table;
  15882. }
  15883. .timeline > div > .timeline-item {
  15884. box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
  15885. border-radius: 0.25rem;
  15886. background: #ffffff;
  15887. color: #495057;
  15888. margin-left: 60px;
  15889. margin-right: 15px;
  15890. margin-top: 0;
  15891. padding: 0;
  15892. position: relative;
  15893. }
  15894. .timeline > div > .timeline-item > .time {
  15895. color: #999;
  15896. float: right;
  15897. font-size: 12px;
  15898. padding: 10px;
  15899. }
  15900. .timeline > div > .timeline-item > .timeline-header {
  15901. border-bottom: 1px solid rgba(0, 0, 0, 0.125);
  15902. color: #495057;
  15903. font-size: 16px;
  15904. line-height: 1.1;
  15905. margin: 0;
  15906. padding: 10px;
  15907. }
  15908. .timeline > div > .timeline-item > .timeline-header > a {
  15909. font-weight: 600;
  15910. }
  15911. .timeline > div > .timeline-item > .timeline-body,
  15912. .timeline > div > .timeline-item > .timeline-footer {
  15913. padding: 10px;
  15914. }
  15915. .timeline > div > .timeline-item > .timeline-body > img {
  15916. margin: 10px;
  15917. }
  15918. .timeline > div > .timeline-item > .timeline-body > dl, .timeline > div > .timeline-item > .timeline-body ol, .timeline > div > .timeline-item > .timeline-body ul {
  15919. margin: 0;
  15920. }
  15921. .timeline > div > .timeline-item > .timeline-footer > a {
  15922. color: #ffffff;
  15923. }
  15924. .timeline > div > .fa,
  15925. .timeline > div > .fas,
  15926. .timeline > div > .far,
  15927. .timeline > div > .fab,
  15928. .timeline > div > .glyphicon,
  15929. .timeline > div > .ion {
  15930. background: #adb5bd;
  15931. border-radius: 50%;
  15932. font-size: 15px;
  15933. height: 30px;
  15934. left: 18px;
  15935. line-height: 30px;
  15936. position: absolute;
  15937. text-align: center;
  15938. top: 0;
  15939. width: 30px;
  15940. }
  15941. .timeline > .time-label > span {
  15942. border-radius: 4px;
  15943. background-color: #ffffff;
  15944. display: inline-block;
  15945. font-weight: 600;
  15946. padding: 5px;
  15947. }
  15948. .timeline-inverse > div > .timeline-item {
  15949. box-shadow: none;
  15950. background: #f8f9fa;
  15951. border: 1px solid #dee2e6;
  15952. }
  15953. .timeline-inverse > div > .timeline-item > .timeline-header {
  15954. border-bottom-color: #dee2e6;
  15955. }
  15956. .products-list {
  15957. list-style: none;
  15958. margin: 0;
  15959. padding: 0;
  15960. }
  15961. .products-list > .item {
  15962. border-radius: 0.25rem;
  15963. background: #ffffff;
  15964. padding: 10px 0;
  15965. }
  15966. .products-list > .item::after {
  15967. display: block;
  15968. clear: both;
  15969. content: "";
  15970. }
  15971. .products-list .product-img {
  15972. float: left;
  15973. }
  15974. .products-list .product-img img {
  15975. height: 50px;
  15976. width: 50px;
  15977. }
  15978. .products-list .product-info {
  15979. margin-left: 60px;
  15980. }
  15981. .products-list .product-title {
  15982. font-weight: 600;
  15983. }
  15984. .products-list .product-description {
  15985. color: #6c757d;
  15986. display: block;
  15987. overflow: hidden;
  15988. text-overflow: ellipsis;
  15989. white-space: nowrap;
  15990. }
  15991. .product-list-in-card > .item {
  15992. border-radius: 0;
  15993. border-bottom: 1px solid rgba(0, 0, 0, 0.125);
  15994. }
  15995. .product-list-in-card > .item:last-of-type {
  15996. border-bottom-width: 0;
  15997. }
  15998. .direct-chat .card-body {
  15999. overflow-x: hidden;
  16000. padding: 0;
  16001. position: relative;
  16002. }
  16003. .direct-chat.chat-pane-open .direct-chat-contacts {
  16004. -webkit-transform: translate(0, 0);
  16005. transform: translate(0, 0);
  16006. }
  16007. .direct-chat.timestamp-light .direct-chat-timestamp {
  16008. color: #30465f;
  16009. }
  16010. .direct-chat.timestamp-dark .direct-chat-timestamp {
  16011. color: #cccccc;
  16012. }
  16013. .direct-chat-messages {
  16014. -webkit-transform: translate(0, 0);
  16015. transform: translate(0, 0);
  16016. height: 250px;
  16017. overflow: auto;
  16018. padding: 10px;
  16019. }
  16020. .direct-chat-msg,
  16021. .direct-chat-text {
  16022. display: block;
  16023. }
  16024. .direct-chat-msg {
  16025. margin-bottom: 10px;
  16026. }
  16027. .direct-chat-msg::after {
  16028. display: block;
  16029. clear: both;
  16030. content: "";
  16031. }
  16032. .direct-chat-messages,
  16033. .direct-chat-contacts {
  16034. transition: -webkit-transform .5s ease-in-out;
  16035. transition: transform .5s ease-in-out;
  16036. transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out;
  16037. }
  16038. .direct-chat-text {
  16039. border-radius: 0.3rem;
  16040. background: #d2d6de;
  16041. border: 1px solid #d2d6de;
  16042. color: #444;
  16043. margin: 5px 0 0 50px;
  16044. padding: 5px 10px;
  16045. position: relative;
  16046. }
  16047. .direct-chat-text::after, .direct-chat-text::before {
  16048. border: solid transparent;
  16049. border-right-color: #d2d6de;
  16050. content: ' ';
  16051. height: 0;
  16052. pointer-events: none;
  16053. position: absolute;
  16054. right: 100%;
  16055. top: 15px;
  16056. width: 0;
  16057. }
  16058. .direct-chat-text::after {
  16059. border-width: 5px;
  16060. margin-top: -5px;
  16061. }
  16062. .direct-chat-text::before {
  16063. border-width: 6px;
  16064. margin-top: -6px;
  16065. }
  16066. .right .direct-chat-text {
  16067. margin-left: 0;
  16068. margin-right: 50px;
  16069. }
  16070. .right .direct-chat-text::after, .right .direct-chat-text::before {
  16071. border-left-color: #d2d6de;
  16072. border-right-color: transparent;
  16073. left: 100%;
  16074. right: auto;
  16075. }
  16076. .direct-chat-img {
  16077. border-radius: 50%;
  16078. float: left;
  16079. height: 40px;
  16080. width: 40px;
  16081. }
  16082. .right .direct-chat-img {
  16083. float: right;
  16084. }
  16085. .direct-chat-infos {
  16086. display: block;
  16087. font-size: 0.875rem;
  16088. margin-bottom: 2px;
  16089. }
  16090. .direct-chat-name {
  16091. font-weight: 600;
  16092. }
  16093. .direct-chat-timestamp {
  16094. color: #697582;
  16095. }
  16096. .direct-chat-contacts-open .direct-chat-contacts {
  16097. -webkit-transform: translate(0, 0);
  16098. transform: translate(0, 0);
  16099. }
  16100. .direct-chat-contacts {
  16101. -webkit-transform: translate(101%, 0);
  16102. transform: translate(101%, 0);
  16103. background: #343a40;
  16104. bottom: 0;
  16105. color: #ffffff;
  16106. height: 250px;
  16107. overflow: auto;
  16108. position: absolute;
  16109. top: 0;
  16110. width: 100%;
  16111. }
  16112. .direct-chat-contacts-light {
  16113. background: #f8f9fa;
  16114. }
  16115. .direct-chat-contacts-light .contacts-list-name {
  16116. color: #495057;
  16117. }
  16118. .direct-chat-contacts-light .contacts-list-date {
  16119. color: #6c757d;
  16120. }
  16121. .direct-chat-contacts-light .contacts-list-msg {
  16122. color: #545b62;
  16123. }
  16124. .contacts-list {
  16125. padding-left: 0;
  16126. list-style: none;
  16127. }
  16128. .contacts-list > li {
  16129. border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  16130. margin: 0;
  16131. padding: 10px;
  16132. }
  16133. .contacts-list > li::after {
  16134. display: block;
  16135. clear: both;
  16136. content: "";
  16137. }
  16138. .contacts-list > li:last-of-type {
  16139. border-bottom: 0;
  16140. }
  16141. .contacts-list-img {
  16142. border-radius: 50%;
  16143. float: left;
  16144. width: 40px;
  16145. }
  16146. .contacts-list-info {
  16147. color: #ffffff;
  16148. margin-left: 45px;
  16149. }
  16150. .contacts-list-name,
  16151. .contacts-list-status {
  16152. display: block;
  16153. }
  16154. .contacts-list-name {
  16155. font-weight: 600;
  16156. }
  16157. .contacts-list-status {
  16158. font-size: 0.875rem;
  16159. }
  16160. .contacts-list-date {
  16161. color: #ced4da;
  16162. font-weight: normal;
  16163. }
  16164. .contacts-list-msg {
  16165. color: #b1bbc4;
  16166. }
  16167. .direct-chat-primary .right > .direct-chat-text {
  16168. background: #007bff;
  16169. border-color: #007bff;
  16170. color: #ffffff;
  16171. }
  16172. .direct-chat-primary .right > .direct-chat-text::after, .direct-chat-primary .right > .direct-chat-text::before {
  16173. border-left-color: #007bff;
  16174. }
  16175. .direct-chat-secondary .right > .direct-chat-text {
  16176. background: #6c757d;
  16177. border-color: #6c757d;
  16178. color: #ffffff;
  16179. }
  16180. .direct-chat-secondary .right > .direct-chat-text::after, .direct-chat-secondary .right > .direct-chat-text::before {
  16181. border-left-color: #6c757d;
  16182. }
  16183. .direct-chat-success .right > .direct-chat-text {
  16184. background: #28a745;
  16185. border-color: #28a745;
  16186. color: #ffffff;
  16187. }
  16188. .direct-chat-success .right > .direct-chat-text::after, .direct-chat-success .right > .direct-chat-text::before {
  16189. border-left-color: #28a745;
  16190. }
  16191. .direct-chat-info .right > .direct-chat-text {
  16192. background: #17a2b8;
  16193. border-color: #17a2b8;
  16194. color: #ffffff;
  16195. }
  16196. .direct-chat-info .right > .direct-chat-text::after, .direct-chat-info .right > .direct-chat-text::before {
  16197. border-left-color: #17a2b8;
  16198. }
  16199. .direct-chat-warning .right > .direct-chat-text {
  16200. background: #ffc107;
  16201. border-color: #ffc107;
  16202. color: #1F2D3D;
  16203. }
  16204. .direct-chat-warning .right > .direct-chat-text::after, .direct-chat-warning .right > .direct-chat-text::before {
  16205. border-left-color: #ffc107;
  16206. }
  16207. .direct-chat-danger .right > .direct-chat-text {
  16208. background: #dc3545;
  16209. border-color: #dc3545;
  16210. color: #ffffff;
  16211. }
  16212. .direct-chat-danger .right > .direct-chat-text::after, .direct-chat-danger .right > .direct-chat-text::before {
  16213. border-left-color: #dc3545;
  16214. }
  16215. .direct-chat-light .right > .direct-chat-text {
  16216. background: #f8f9fa;
  16217. border-color: #f8f9fa;
  16218. color: #1F2D3D;
  16219. }
  16220. .direct-chat-light .right > .direct-chat-text::after, .direct-chat-light .right > .direct-chat-text::before {
  16221. border-left-color: #f8f9fa;
  16222. }
  16223. .direct-chat-dark .right > .direct-chat-text {
  16224. background: #343a40;
  16225. border-color: #343a40;
  16226. color: #ffffff;
  16227. }
  16228. .direct-chat-dark .right > .direct-chat-text::after, .direct-chat-dark .right > .direct-chat-text::before {
  16229. border-left-color: #343a40;
  16230. }
  16231. .direct-chat-navy .right > .direct-chat-text {
  16232. background: #001f3f;
  16233. border-color: #001f3f;
  16234. color: #ffffff;
  16235. }
  16236. .direct-chat-navy .right > .direct-chat-text::after, .direct-chat-navy .right > .direct-chat-text::before {
  16237. border-left-color: #001f3f;
  16238. }
  16239. .direct-chat-olive .right > .direct-chat-text {
  16240. background: #3d9970;
  16241. border-color: #3d9970;
  16242. color: #ffffff;
  16243. }
  16244. .direct-chat-olive .right > .direct-chat-text::after, .direct-chat-olive .right > .direct-chat-text::before {
  16245. border-left-color: #3d9970;
  16246. }
  16247. .direct-chat-lime .right > .direct-chat-text {
  16248. background: #01ff70;
  16249. border-color: #01ff70;
  16250. color: #1F2D3D;
  16251. }
  16252. .direct-chat-lime .right > .direct-chat-text::after, .direct-chat-lime .right > .direct-chat-text::before {
  16253. border-left-color: #01ff70;
  16254. }
  16255. .direct-chat-fuchsia .right > .direct-chat-text {
  16256. background: #f012be;
  16257. border-color: #f012be;
  16258. color: #ffffff;
  16259. }
  16260. .direct-chat-fuchsia .right > .direct-chat-text::after, .direct-chat-fuchsia .right > .direct-chat-text::before {
  16261. border-left-color: #f012be;
  16262. }
  16263. .direct-chat-maroon .right > .direct-chat-text {
  16264. background: #d81b60;
  16265. border-color: #d81b60;
  16266. color: #ffffff;
  16267. }
  16268. .direct-chat-maroon .right > .direct-chat-text::after, .direct-chat-maroon .right > .direct-chat-text::before {
  16269. border-left-color: #d81b60;
  16270. }
  16271. .direct-chat-blue .right > .direct-chat-text {
  16272. background: #007bff;
  16273. border-color: #007bff;
  16274. color: #ffffff;
  16275. }
  16276. .direct-chat-blue .right > .direct-chat-text::after, .direct-chat-blue .right > .direct-chat-text::before {
  16277. border-left-color: #007bff;
  16278. }
  16279. .direct-chat-indigo .right > .direct-chat-text {
  16280. background: #6610f2;
  16281. border-color: #6610f2;
  16282. color: #ffffff;
  16283. }
  16284. .direct-chat-indigo .right > .direct-chat-text::after, .direct-chat-indigo .right > .direct-chat-text::before {
  16285. border-left-color: #6610f2;
  16286. }
  16287. .direct-chat-purple .right > .direct-chat-text {
  16288. background: #6f42c1;
  16289. border-color: #6f42c1;
  16290. color: #ffffff;
  16291. }
  16292. .direct-chat-purple .right > .direct-chat-text::after, .direct-chat-purple .right > .direct-chat-text::before {
  16293. border-left-color: #6f42c1;
  16294. }
  16295. .direct-chat-pink .right > .direct-chat-text {
  16296. background: #e83e8c;
  16297. border-color: #e83e8c;
  16298. color: #ffffff;
  16299. }
  16300. .direct-chat-pink .right > .direct-chat-text::after, .direct-chat-pink .right > .direct-chat-text::before {
  16301. border-left-color: #e83e8c;
  16302. }
  16303. .direct-chat-red .right > .direct-chat-text {
  16304. background: #dc3545;
  16305. border-color: #dc3545;
  16306. color: #ffffff;
  16307. }
  16308. .direct-chat-red .right > .direct-chat-text::after, .direct-chat-red .right > .direct-chat-text::before {
  16309. border-left-color: #dc3545;
  16310. }
  16311. .direct-chat-orange .right > .direct-chat-text {
  16312. background: #fd7e14;
  16313. border-color: #fd7e14;
  16314. color: #1F2D3D;
  16315. }
  16316. .direct-chat-orange .right > .direct-chat-text::after, .direct-chat-orange .right > .direct-chat-text::before {
  16317. border-left-color: #fd7e14;
  16318. }
  16319. .direct-chat-yellow .right > .direct-chat-text {
  16320. background: #ffc107;
  16321. border-color: #ffc107;
  16322. color: #1F2D3D;
  16323. }
  16324. .direct-chat-yellow .right > .direct-chat-text::after, .direct-chat-yellow .right > .direct-chat-text::before {
  16325. border-left-color: #ffc107;
  16326. }
  16327. .direct-chat-green .right > .direct-chat-text {
  16328. background: #28a745;
  16329. border-color: #28a745;
  16330. color: #ffffff;
  16331. }
  16332. .direct-chat-green .right > .direct-chat-text::after, .direct-chat-green .right > .direct-chat-text::before {
  16333. border-left-color: #28a745;
  16334. }
  16335. .direct-chat-teal .right > .direct-chat-text {
  16336. background: #20c997;
  16337. border-color: #20c997;
  16338. color: #ffffff;
  16339. }
  16340. .direct-chat-teal .right > .direct-chat-text::after, .direct-chat-teal .right > .direct-chat-text::before {
  16341. border-left-color: #20c997;
  16342. }
  16343. .direct-chat-cyan .right > .direct-chat-text {
  16344. background: #17a2b8;
  16345. border-color: #17a2b8;
  16346. color: #ffffff;
  16347. }
  16348. .direct-chat-cyan .right > .direct-chat-text::after, .direct-chat-cyan .right > .direct-chat-text::before {
  16349. border-left-color: #17a2b8;
  16350. }
  16351. .direct-chat-white .right > .direct-chat-text {
  16352. background: #ffffff;
  16353. border-color: #ffffff;
  16354. color: #1F2D3D;
  16355. }
  16356. .direct-chat-white .right > .direct-chat-text::after, .direct-chat-white .right > .direct-chat-text::before {
  16357. border-left-color: #ffffff;
  16358. }
  16359. .direct-chat-gray .right > .direct-chat-text {
  16360. background: #6c757d;
  16361. border-color: #6c757d;
  16362. color: #ffffff;
  16363. }
  16364. .direct-chat-gray .right > .direct-chat-text::after, .direct-chat-gray .right > .direct-chat-text::before {
  16365. border-left-color: #6c757d;
  16366. }
  16367. .direct-chat-gray-dark .right > .direct-chat-text {
  16368. background: #343a40;
  16369. border-color: #343a40;
  16370. color: #ffffff;
  16371. }
  16372. .direct-chat-gray-dark .right > .direct-chat-text::after, .direct-chat-gray-dark .right > .direct-chat-text::before {
  16373. border-left-color: #343a40;
  16374. }
  16375. .users-list {
  16376. padding-left: 0;
  16377. list-style: none;
  16378. }
  16379. .users-list > li {
  16380. float: left;
  16381. padding: 10px;
  16382. text-align: center;
  16383. width: 25%;
  16384. }
  16385. .users-list > li img {
  16386. border-radius: 50%;
  16387. height: auto;
  16388. max-width: 100%;
  16389. }
  16390. .users-list > li > a:hover,
  16391. .users-list > li > a:hover .users-list-name {
  16392. color: #999;
  16393. }
  16394. .users-list-name,
  16395. .users-list-date {
  16396. display: block;
  16397. }
  16398. .users-list-name {
  16399. color: #495057;
  16400. font-size: 0.875rem;
  16401. overflow: hidden;
  16402. text-overflow: ellipsis;
  16403. white-space: nowrap;
  16404. }
  16405. .users-list-date {
  16406. color: #748290;
  16407. font-size: 12px;
  16408. }
  16409. .card-widget {
  16410. border: 0;
  16411. position: relative;
  16412. }
  16413. .widget-user .widget-user-header {
  16414. border-top-left-radius: 0.25rem;
  16415. border-top-right-radius: 0.25rem;
  16416. height: 135px;
  16417. padding: 1rem;
  16418. text-align: center;
  16419. }
  16420. .widget-user .widget-user-username {
  16421. font-size: 25px;
  16422. font-weight: 300;
  16423. margin-bottom: 0;
  16424. margin-top: 0;
  16425. text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  16426. }
  16427. .widget-user .widget-user-desc {
  16428. margin-top: 0;
  16429. }
  16430. .widget-user .widget-user-image {
  16431. left: 50%;
  16432. margin-left: -45px;
  16433. position: absolute;
  16434. top: 80px;
  16435. }
  16436. .widget-user .widget-user-image > img {
  16437. border: 3px solid #ffffff;
  16438. height: auto;
  16439. width: 90px;
  16440. }
  16441. .widget-user .card-footer {
  16442. padding-top: 50px;
  16443. }
  16444. .widget-user-2 .widget-user-header {
  16445. border-top-left-radius: 0.25rem;
  16446. border-top-right-radius: 0.25rem;
  16447. padding: 1rem;
  16448. }
  16449. .widget-user-2 .widget-user-username {
  16450. font-size: 25px;
  16451. font-weight: 300;
  16452. margin-bottom: 5px;
  16453. margin-top: 5px;
  16454. }
  16455. .widget-user-2 .widget-user-desc {
  16456. margin-top: 0;
  16457. }
  16458. .widget-user-2 .widget-user-username,
  16459. .widget-user-2 .widget-user-desc {
  16460. margin-left: 75px;
  16461. }
  16462. .widget-user-2 .widget-user-image > img {
  16463. float: left;
  16464. height: auto;
  16465. width: 65px;
  16466. }
  16467. .mailbox-messages > .table {
  16468. margin: 0;
  16469. }
  16470. .mailbox-controls {
  16471. padding: 5px;
  16472. }
  16473. .mailbox-controls.with-border {
  16474. border-bottom: 1px solid rgba(0, 0, 0, 0.125);
  16475. }
  16476. .mailbox-read-info {
  16477. border-bottom: 1px solid rgba(0, 0, 0, 0.125);
  16478. padding: 10px;
  16479. }
  16480. .mailbox-read-info h3 {
  16481. font-size: 20px;
  16482. margin: 0;
  16483. }
  16484. .mailbox-read-info h5 {
  16485. margin: 0;
  16486. padding: 5px 0 0;
  16487. }
  16488. .mailbox-read-time {
  16489. color: #999;
  16490. font-size: 13px;
  16491. }
  16492. .mailbox-read-message {
  16493. padding: 10px;
  16494. }
  16495. .mailbox-attachments {
  16496. padding-left: 0;
  16497. list-style: none;
  16498. }
  16499. .mailbox-attachments li {
  16500. border: 1px solid #eee;
  16501. float: left;
  16502. margin-bottom: 10px;
  16503. margin-right: 10px;
  16504. width: 200px;
  16505. }
  16506. .mailbox-attachment-name {
  16507. color: #666;
  16508. font-weight: bold;
  16509. }
  16510. .mailbox-attachment-icon,
  16511. .mailbox-attachment-info,
  16512. .mailbox-attachment-size {
  16513. display: block;
  16514. }
  16515. .mailbox-attachment-info {
  16516. background: #f8f9fa;
  16517. padding: 10px;
  16518. }
  16519. .mailbox-attachment-size {
  16520. color: #999;
  16521. font-size: 12px;
  16522. }
  16523. .mailbox-attachment-size > span {
  16524. display: inline-block;
  16525. padding-top: 0.75rem;
  16526. }
  16527. .mailbox-attachment-icon {
  16528. color: #666;
  16529. font-size: 65px;
  16530. max-height: 132.5px;
  16531. padding: 20px 10px;
  16532. text-align: center;
  16533. }
  16534. .mailbox-attachment-icon.has-img {
  16535. padding: 0;
  16536. }
  16537. .mailbox-attachment-icon.has-img > img {
  16538. height: auto;
  16539. max-width: 100%;
  16540. }
  16541. .lockscreen {
  16542. background: #e9ecef;
  16543. }
  16544. .lockscreen .lockscreen-name {
  16545. font-weight: 600;
  16546. text-align: center;
  16547. }
  16548. .lockscreen-logo {
  16549. font-size: 35px;
  16550. font-weight: 300;
  16551. margin-bottom: 25px;
  16552. text-align: center;
  16553. }
  16554. .lockscreen-logo a {
  16555. color: #495057;
  16556. }
  16557. .lockscreen-wrapper {
  16558. margin: 0 auto;
  16559. margin-top: 10%;
  16560. max-width: 400px;
  16561. }
  16562. .lockscreen-item {
  16563. border-radius: 4px;
  16564. background: #ffffff;
  16565. margin: 10px auto 30px;
  16566. padding: 0;
  16567. position: relative;
  16568. width: 290px;
  16569. }
  16570. .lockscreen-image {
  16571. border-radius: 50%;
  16572. background: #ffffff;
  16573. left: -10px;
  16574. padding: 5px;
  16575. position: absolute;
  16576. top: -25px;
  16577. z-index: 10;
  16578. }
  16579. .lockscreen-image > img {
  16580. border-radius: 50%;
  16581. height: 70px;
  16582. width: 70px;
  16583. }
  16584. .lockscreen-credentials {
  16585. margin-left: 70px;
  16586. }
  16587. .lockscreen-credentials .form-control {
  16588. border: 0;
  16589. }
  16590. .lockscreen-credentials .btn {
  16591. background-color: #ffffff;
  16592. border: 0;
  16593. padding: 0 10px;
  16594. }
  16595. .lockscreen-footer {
  16596. margin-top: 10px;
  16597. }
  16598. .login-logo,
  16599. .register-logo {
  16600. font-size: 2.1rem;
  16601. font-weight: 300;
  16602. margin-bottom: .9rem;
  16603. text-align: center;
  16604. }
  16605. .login-logo a,
  16606. .register-logo a {
  16607. color: #495057;
  16608. }
  16609. .login-page,
  16610. .register-page {
  16611. -ms-flex-align: center;
  16612. align-items: center;
  16613. background: #e9ecef;
  16614. display: -ms-flexbox;
  16615. display: flex;
  16616. height: 100vh;
  16617. -ms-flex-pack: center;
  16618. justify-content: center;
  16619. }
  16620. .login-box,
  16621. .register-box {
  16622. width: 360px;
  16623. }
  16624. @media (max-width: 576px) {
  16625. .login-box,
  16626. .register-box {
  16627. margin-top: 20px;
  16628. width: 90%;
  16629. }
  16630. }
  16631. .login-card-body,
  16632. .register-card-body {
  16633. background: #ffffff;
  16634. border-top: 0;
  16635. color: #666;
  16636. padding: 20px;
  16637. }
  16638. .login-card-body .input-group .form-control,
  16639. .register-card-body .input-group .form-control {
  16640. border-right: 0;
  16641. }
  16642. .login-card-body .input-group .form-control:focus,
  16643. .register-card-body .input-group .form-control:focus {
  16644. box-shadow: none;
  16645. }
  16646. .login-card-body .input-group .form-control:focus ~ .input-group-append .input-group-text,
  16647. .register-card-body .input-group .form-control:focus ~ .input-group-append .input-group-text {
  16648. border-color: #80bdff;
  16649. }
  16650. .login-card-body .input-group .form-control.is-valid:focus,
  16651. .register-card-body .input-group .form-control.is-valid:focus {
  16652. box-shadow: none;
  16653. }
  16654. .login-card-body .input-group .form-control.is-valid ~ .input-group-append .input-group-text,
  16655. .register-card-body .input-group .form-control.is-valid ~ .input-group-append .input-group-text {
  16656. border-color: #28a745;
  16657. }
  16658. .login-card-body .input-group .form-control.is-invalid:focus,
  16659. .register-card-body .input-group .form-control.is-invalid:focus {
  16660. box-shadow: none;
  16661. }
  16662. .login-card-body .input-group .form-control.is-invalid ~ .input-group-append .input-group-text,
  16663. .register-card-body .input-group .form-control.is-invalid ~ .input-group-append .input-group-text {
  16664. border-color: #dc3545;
  16665. }
  16666. .login-card-body .input-group .input-group-text,
  16667. .register-card-body .input-group .input-group-text {
  16668. background-color: transparent;
  16669. border-bottom-right-radius: 0.25rem;
  16670. border-left: 0;
  16671. border-top-right-radius: 0.25rem;
  16672. color: #777;
  16673. transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  16674. }
  16675. .login-box-msg,
  16676. .register-box-msg {
  16677. margin: 0;
  16678. padding: 0 20px 20px;
  16679. text-align: center;
  16680. }
  16681. .social-auth-links {
  16682. margin: 10px 0;
  16683. }
  16684. .error-page {
  16685. margin: 20px auto 0;
  16686. width: 600px;
  16687. }
  16688. @media (max-width: 767.98px) {
  16689. .error-page {
  16690. width: 100%;
  16691. }
  16692. }
  16693. .error-page > .headline {
  16694. float: left;
  16695. font-size: 100px;
  16696. font-weight: 300;
  16697. }
  16698. @media (max-width: 767.98px) {
  16699. .error-page > .headline {
  16700. float: none;
  16701. text-align: center;
  16702. }
  16703. }
  16704. .error-page > .error-content {
  16705. display: block;
  16706. margin-left: 190px;
  16707. }
  16708. @media (max-width: 767.98px) {
  16709. .error-page > .error-content {
  16710. margin-left: 0;
  16711. }
  16712. }
  16713. .error-page > .error-content > h3 {
  16714. font-size: 25px;
  16715. font-weight: 300;
  16716. }
  16717. @media (max-width: 767.98px) {
  16718. .error-page > .error-content > h3 {
  16719. text-align: center;
  16720. }
  16721. }
  16722. .invoice {
  16723. background: #ffffff;
  16724. border: 1px solid rgba(0, 0, 0, 0.125);
  16725. position: relative;
  16726. }
  16727. .invoice-title {
  16728. margin-top: 0;
  16729. }
  16730. .profile-user-img {
  16731. border: 3px solid #adb5bd;
  16732. margin: 0 auto;
  16733. padding: 3px;
  16734. width: 100px;
  16735. }
  16736. .profile-username {
  16737. font-size: 21px;
  16738. margin-top: 5px;
  16739. }
  16740. .post {
  16741. border-bottom: 1px solid #adb5bd;
  16742. color: #666;
  16743. margin-bottom: 15px;
  16744. padding-bottom: 15px;
  16745. }
  16746. .post:last-of-type {
  16747. border-bottom: 0;
  16748. margin-bottom: 0;
  16749. padding-bottom: 0;
  16750. }
  16751. .post .user-block {
  16752. margin-bottom: 15px;
  16753. width: 100%;
  16754. }
  16755. .post .row {
  16756. width: 100%;
  16757. }
  16758. .product-image {
  16759. max-width: 100%;
  16760. height: auto;
  16761. width: 100%;
  16762. }
  16763. .product-image-thumbs {
  16764. -ms-flex-align: stretch;
  16765. align-items: stretch;
  16766. display: -ms-flexbox;
  16767. display: flex;
  16768. margin-top: 2rem;
  16769. }
  16770. .product-image-thumb {
  16771. box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
  16772. border-radius: 0.25rem;
  16773. background-color: #ffffff;
  16774. border: 1px solid #dee2e6;
  16775. display: -ms-flexbox;
  16776. display: flex;
  16777. margin-right: 1rem;
  16778. max-width: 7rem;
  16779. padding: 0.5rem;
  16780. }
  16781. .product-image-thumb img {
  16782. max-width: 100%;
  16783. height: auto;
  16784. -ms-flex-item-align: center;
  16785. align-self: center;
  16786. }
  16787. .product-image-thumb:hover {
  16788. opacity: 0.5;
  16789. }
  16790. .product-share a {
  16791. margin-right: .5rem;
  16792. }
  16793. .projects td {
  16794. vertical-align: middle;
  16795. }
  16796. .projects .list-inline {
  16797. margin-bottom: 0;
  16798. }
  16799. .projects img.table-avatar,
  16800. .projects .table-avatar img {
  16801. border-radius: 50%;
  16802. display: inline;
  16803. width: 2.5rem;
  16804. }
  16805. .projects .project-state {
  16806. text-align: center;
  16807. }
  16808. .fc-button {
  16809. background: #f8f9fa;
  16810. background-image: none;
  16811. border-bottom-color: #ddd;
  16812. border-color: #ddd;
  16813. color: #495057;
  16814. }
  16815. .fc-button:hover, .fc-button:active, .fc-button.hover {
  16816. background-color: #e9e9e9;
  16817. }
  16818. .fc-header-title h2 {
  16819. color: #666;
  16820. font-size: 15px;
  16821. line-height: 1.6em;
  16822. margin-left: 10px;
  16823. }
  16824. .fc-header-right {
  16825. padding-right: 10px;
  16826. }
  16827. .fc-header-left {
  16828. padding-left: 10px;
  16829. }
  16830. .fc-widget-header {
  16831. background: #fafafa;
  16832. }
  16833. .fc-grid {
  16834. border: 0;
  16835. width: 100%;
  16836. }
  16837. .fc-widget-header:first-of-type,
  16838. .fc-widget-content:first-of-type {
  16839. border-left: 0;
  16840. border-right: 0;
  16841. }
  16842. .fc-widget-header:last-of-type,
  16843. .fc-widget-content:last-of-type {
  16844. border-right: 0;
  16845. }
  16846. .fc-toolbar {
  16847. margin: 0;
  16848. padding: 1rem;
  16849. }
  16850. .fc-day-number {
  16851. font-size: 20px;
  16852. font-weight: 300;
  16853. padding-right: 10px;
  16854. }
  16855. .fc-color-picker {
  16856. list-style: none;
  16857. margin: 0;
  16858. padding: 0;
  16859. }
  16860. .fc-color-picker > li {
  16861. float: left;
  16862. font-size: 30px;
  16863. line-height: 30px;
  16864. margin-right: 5px;
  16865. }
  16866. .fc-color-picker > li .fa,
  16867. .fc-color-picker > li .fas,
  16868. .fc-color-picker > li .far,
  16869. .fc-color-picker > li .fab,
  16870. .fc-color-picker > li .glyphicon,
  16871. .fc-color-picker > li .ion {
  16872. transition: -webkit-transform linear .3s;
  16873. transition: transform linear .3s;
  16874. transition: transform linear .3s, -webkit-transform linear .3s;
  16875. }
  16876. .fc-color-picker > li .fa:hover,
  16877. .fc-color-picker > li .fas:hover,
  16878. .fc-color-picker > li .far:hover,
  16879. .fc-color-picker > li .fab:hover,
  16880. .fc-color-picker > li .glyphicon:hover,
  16881. .fc-color-picker > li .ion:hover {
  16882. -webkit-transform: rotate(30deg);
  16883. transform: rotate(30deg);
  16884. }
  16885. #add-new-event {
  16886. transition: all linear .3s;
  16887. }
  16888. .external-event {
  16889. box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
  16890. border-radius: 0.25rem;
  16891. cursor: move;
  16892. font-weight: bold;
  16893. margin-bottom: 4px;
  16894. padding: 5px 10px;
  16895. }
  16896. .external-event:hover {
  16897. box-shadow: inset 0 0 90px rgba(0, 0, 0, 0.2);
  16898. }
  16899. .select2-container--default .select2-selection--single {
  16900. border: 1px solid #ced4da;
  16901. padding: 0.46875rem 0.75rem;
  16902. height: calc(2.25rem + 2px);
  16903. }
  16904. .select2-container--default.select2-container--open {
  16905. border-color: #007bff;
  16906. }
  16907. .select2-container--default .select2-dropdown {
  16908. border: 1px solid #ced4da;
  16909. }
  16910. .select2-container--default .select2-results__option {
  16911. padding: 6px 12px;
  16912. -moz-user-select: none;
  16913. -ms-user-select: none;
  16914. user-select: none;
  16915. -webkit-user-select: none;
  16916. }
  16917. .select2-container--default .select2-selection--single .select2-selection__rendered {
  16918. padding-left: 0;
  16919. height: auto;
  16920. margin-top: -3px;
  16921. }
  16922. .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__rendered {
  16923. padding-right: 6px;
  16924. padding-left: 20px;
  16925. }
  16926. .select2-container--default .select2-selection--single .select2-selection__arrow {
  16927. height: 31px;
  16928. right: 6px;
  16929. }
  16930. .select2-container--default .select2-selection--single .select2-selection__arrow b {
  16931. margin-top: 0;
  16932. }
  16933. .select2-container--default .select2-dropdown .select2-search__field,
  16934. .select2-container--default .select2-search--inline .select2-search__field {
  16935. border: 1px solid #ced4da;
  16936. }
  16937. .select2-container--default .select2-dropdown .select2-search__field:focus,
  16938. .select2-container--default .select2-search--inline .select2-search__field:focus {
  16939. outline: none;
  16940. border: 1px solid #80bdff;
  16941. }
  16942. .select2-container--default .select2-dropdown.select2-dropdown--below {
  16943. border-top: 0;
  16944. }
  16945. .select2-container--default .select2-dropdown.select2-dropdown--above {
  16946. border-bottom: 0;
  16947. }
  16948. .select2-container--default .select2-results__option[aria-disabled='true'] {
  16949. color: #6c757d;
  16950. }
  16951. .select2-container--default .select2-results__option[aria-selected='true'] {
  16952. background-color: #dee2e6;
  16953. }
  16954. .select2-container--default .select2-results__option[aria-selected='true'], .select2-container--default .select2-results__option[aria-selected='true']:hover {
  16955. color: #1F2D3D;
  16956. }
  16957. .select2-container--default .select2-results__option--highlighted {
  16958. background-color: #007bff;
  16959. color: #ffffff;
  16960. }
  16961. .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
  16962. background-color: #0074f0;
  16963. color: #ffffff;
  16964. }
  16965. .select2-container--default .select2-selection--multiple {
  16966. border: 1px solid #ced4da;
  16967. min-height: calc(2.25rem + 2px);
  16968. }
  16969. .select2-container--default .select2-selection--multiple:focus {
  16970. border-color: #80bdff;
  16971. }
  16972. .select2-container--default .select2-selection--multiple .select2-selection__rendered {
  16973. padding: 0 0.375rem 0.375rem;
  16974. margin-bottom: -0.375rem;
  16975. }
  16976. .select2-container--default .select2-selection--multiple .select2-selection__rendered li:first-child.select2-search.select2-search--inline {
  16977. width: 100%;
  16978. margin-left: 0.375rem;
  16979. }
  16980. .select2-container--default .select2-selection--multiple .select2-selection__rendered li:first-child.select2-search.select2-search--inline .select2-search__field {
  16981. width: 100% !important;
  16982. }
  16983. .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search.select2-search--inline .select2-search__field {
  16984. border: 0;
  16985. margin-top: 6px;
  16986. }
  16987. .select2-container--default .select2-selection--multiple .select2-selection__choice {
  16988. background-color: #007bff;
  16989. border-color: #006fe6;
  16990. color: #ffffff;
  16991. padding: 0 10px;
  16992. margin-top: .31rem;
  16993. }
  16994. .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  16995. color: rgba(255, 255, 255, 0.7);
  16996. float: right;
  16997. margin-left: 5px;
  16998. margin-right: -2px;
  16999. }
  17000. .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  17001. color: #ffffff;
  17002. }
  17003. .text-sm .select2-container--default .select2-selection--multiple .select2-search.select2-search--inline .select2-search__field, .select2-container--default .select2-selection--multiple.text-sm .select2-search.select2-search--inline .select2-search__field {
  17004. margin-top: 8px;
  17005. }
  17006. .text-sm .select2-container--default .select2-selection--multiple .select2-selection__choice, .select2-container--default .select2-selection--multiple.text-sm .select2-selection__choice {
  17007. margin-top: .4rem;
  17008. }
  17009. .select2-container--default.select2-container--focus .select2-selection--multiple {
  17010. border-color: #80bdff;
  17011. }
  17012. .select2-container--default.select2-container--focus .select2-selection--multiple .select2-search__field {
  17013. border: 0;
  17014. }
  17015. .select2-container--default .select2-selection--single .select2-selection__rendered li {
  17016. padding-right: 10px;
  17017. }
  17018. .input-group-prepend ~ .select2-container--default .select2-selection {
  17019. border-bottom-left-radius: 0;
  17020. border-top-left-radius: 0;
  17021. }
  17022. .input-group > .select2-container--default:not(:last-child) .select2-selection {
  17023. border-bottom-right-radius: 0;
  17024. border-top-right-radius: 0;
  17025. }
  17026. .select2-container--bootstrap4.select2-container--focus .select2-selection {
  17027. box-shadow: none;
  17028. }
  17029. .select2-container--default .select2-primary.select2-dropdown .select2-search__field:focus,
  17030. .select2-container--default .select2-primary .select2-dropdown .select2-search__field:focus,
  17031. .select2-container--default .select2-primary .select2-search--inline .select2-search__field:focus,
  17032. .select2-primary .select2-container--default.select2-dropdown .select2-search__field:focus,
  17033. .select2-primary .select2-container--default .select2-dropdown .select2-search__field:focus,
  17034. .select2-primary .select2-container--default .select2-search--inline .select2-search__field:focus {
  17035. border: 1px solid #80bdff;
  17036. }
  17037. .select2-container--default .select2-primary .select2-results__option--highlighted,
  17038. .select2-primary .select2-container--default .select2-results__option--highlighted {
  17039. background-color: #007bff;
  17040. color: #ffffff;
  17041. }
  17042. .select2-container--default .select2-primary .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-primary .select2-results__option--highlighted[aria-selected]:hover,
  17043. .select2-primary .select2-container--default .select2-results__option--highlighted[aria-selected],
  17044. .select2-primary .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
  17045. background-color: #0074f0;
  17046. color: #ffffff;
  17047. }
  17048. .select2-container--default .select2-primary .select2-selection--multiple:focus,
  17049. .select2-primary .select2-container--default .select2-selection--multiple:focus {
  17050. border-color: #80bdff;
  17051. }
  17052. .select2-container--default .select2-primary .select2-selection--multiple .select2-selection__choice,
  17053. .select2-primary .select2-container--default .select2-selection--multiple .select2-selection__choice {
  17054. background-color: #007bff;
  17055. border-color: #006fe6;
  17056. color: #ffffff;
  17057. }
  17058. .select2-container--default .select2-primary .select2-selection--multiple .select2-selection__choice__remove,
  17059. .select2-primary .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  17060. color: rgba(255, 255, 255, 0.7);
  17061. }
  17062. .select2-container--default .select2-primary .select2-selection--multiple .select2-selection__choice__remove:hover,
  17063. .select2-primary .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  17064. color: #ffffff;
  17065. }
  17066. .select2-container--default .select2-primary.select2-container--focus .select2-selection--multiple,
  17067. .select2-primary .select2-container--default.select2-container--focus .select2-selection--multiple {
  17068. border-color: #80bdff;
  17069. }
  17070. .select2-container--default .select2-secondary.select2-dropdown .select2-search__field:focus,
  17071. .select2-container--default .select2-secondary .select2-dropdown .select2-search__field:focus,
  17072. .select2-container--default .select2-secondary .select2-search--inline .select2-search__field:focus,
  17073. .select2-secondary .select2-container--default.select2-dropdown .select2-search__field:focus,
  17074. .select2-secondary .select2-container--default .select2-dropdown .select2-search__field:focus,
  17075. .select2-secondary .select2-container--default .select2-search--inline .select2-search__field:focus {
  17076. border: 1px solid #afb5ba;
  17077. }
  17078. .select2-container--default .select2-secondary .select2-results__option--highlighted,
  17079. .select2-secondary .select2-container--default .select2-results__option--highlighted {
  17080. background-color: #6c757d;
  17081. color: #ffffff;
  17082. }
  17083. .select2-container--default .select2-secondary .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-secondary .select2-results__option--highlighted[aria-selected]:hover,
  17084. .select2-secondary .select2-container--default .select2-results__option--highlighted[aria-selected],
  17085. .select2-secondary .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
  17086. background-color: #656d75;
  17087. color: #ffffff;
  17088. }
  17089. .select2-container--default .select2-secondary .select2-selection--multiple:focus,
  17090. .select2-secondary .select2-container--default .select2-selection--multiple:focus {
  17091. border-color: #afb5ba;
  17092. }
  17093. .select2-container--default .select2-secondary .select2-selection--multiple .select2-selection__choice,
  17094. .select2-secondary .select2-container--default .select2-selection--multiple .select2-selection__choice {
  17095. background-color: #6c757d;
  17096. border-color: #60686f;
  17097. color: #ffffff;
  17098. }
  17099. .select2-container--default .select2-secondary .select2-selection--multiple .select2-selection__choice__remove,
  17100. .select2-secondary .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  17101. color: rgba(255, 255, 255, 0.7);
  17102. }
  17103. .select2-container--default .select2-secondary .select2-selection--multiple .select2-selection__choice__remove:hover,
  17104. .select2-secondary .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  17105. color: #ffffff;
  17106. }
  17107. .select2-container--default .select2-secondary.select2-container--focus .select2-selection--multiple,
  17108. .select2-secondary .select2-container--default.select2-container--focus .select2-selection--multiple {
  17109. border-color: #afb5ba;
  17110. }
  17111. .select2-container--default .select2-success.select2-dropdown .select2-search__field:focus,
  17112. .select2-container--default .select2-success .select2-dropdown .select2-search__field:focus,
  17113. .select2-container--default .select2-success .select2-search--inline .select2-search__field:focus,
  17114. .select2-success .select2-container--default.select2-dropdown .select2-search__field:focus,
  17115. .select2-success .select2-container--default .select2-dropdown .select2-search__field:focus,
  17116. .select2-success .select2-container--default .select2-search--inline .select2-search__field:focus {
  17117. border: 1px solid #71dd8a;
  17118. }
  17119. .select2-container--default .select2-success .select2-results__option--highlighted,
  17120. .select2-success .select2-container--default .select2-results__option--highlighted {
  17121. background-color: #28a745;
  17122. color: #ffffff;
  17123. }
  17124. .select2-container--default .select2-success .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-success .select2-results__option--highlighted[aria-selected]:hover,
  17125. .select2-success .select2-container--default .select2-results__option--highlighted[aria-selected],
  17126. .select2-success .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
  17127. background-color: #259b40;
  17128. color: #ffffff;
  17129. }
  17130. .select2-container--default .select2-success .select2-selection--multiple:focus,
  17131. .select2-success .select2-container--default .select2-selection--multiple:focus {
  17132. border-color: #71dd8a;
  17133. }
  17134. .select2-container--default .select2-success .select2-selection--multiple .select2-selection__choice,
  17135. .select2-success .select2-container--default .select2-selection--multiple .select2-selection__choice {
  17136. background-color: #28a745;
  17137. border-color: #23923d;
  17138. color: #ffffff;
  17139. }
  17140. .select2-container--default .select2-success .select2-selection--multiple .select2-selection__choice__remove,
  17141. .select2-success .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  17142. color: rgba(255, 255, 255, 0.7);
  17143. }
  17144. .select2-container--default .select2-success .select2-selection--multiple .select2-selection__choice__remove:hover,
  17145. .select2-success .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  17146. color: #ffffff;
  17147. }
  17148. .select2-container--default .select2-success.select2-container--focus .select2-selection--multiple,
  17149. .select2-success .select2-container--default.select2-container--focus .select2-selection--multiple {
  17150. border-color: #71dd8a;
  17151. }
  17152. .select2-container--default .select2-info.select2-dropdown .select2-search__field:focus,
  17153. .select2-container--default .select2-info .select2-dropdown .select2-search__field:focus,
  17154. .select2-container--default .select2-info .select2-search--inline .select2-search__field:focus,
  17155. .select2-info .select2-container--default.select2-dropdown .select2-search__field:focus,
  17156. .select2-info .select2-container--default .select2-dropdown .select2-search__field:focus,
  17157. .select2-info .select2-container--default .select2-search--inline .select2-search__field:focus {
  17158. border: 1px solid #63d9ec;
  17159. }
  17160. .select2-container--default .select2-info .select2-results__option--highlighted,
  17161. .select2-info .select2-container--default .select2-results__option--highlighted {
  17162. background-color: #17a2b8;
  17163. color: #ffffff;
  17164. }
  17165. .select2-container--default .select2-info .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-info .select2-results__option--highlighted[aria-selected]:hover,
  17166. .select2-info .select2-container--default .select2-results__option--highlighted[aria-selected],
  17167. .select2-info .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
  17168. background-color: #1596aa;
  17169. color: #ffffff;
  17170. }
  17171. .select2-container--default .select2-info .select2-selection--multiple:focus,
  17172. .select2-info .select2-container--default .select2-selection--multiple:focus {
  17173. border-color: #63d9ec;
  17174. }
  17175. .select2-container--default .select2-info .select2-selection--multiple .select2-selection__choice,
  17176. .select2-info .select2-container--default .select2-selection--multiple .select2-selection__choice {
  17177. background-color: #17a2b8;
  17178. border-color: #148ea1;
  17179. color: #ffffff;
  17180. }
  17181. .select2-container--default .select2-info .select2-selection--multiple .select2-selection__choice__remove,
  17182. .select2-info .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  17183. color: rgba(255, 255, 255, 0.7);
  17184. }
  17185. .select2-container--default .select2-info .select2-selection--multiple .select2-selection__choice__remove:hover,
  17186. .select2-info .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  17187. color: #ffffff;
  17188. }
  17189. .select2-container--default .select2-info.select2-container--focus .select2-selection--multiple,
  17190. .select2-info .select2-container--default.select2-container--focus .select2-selection--multiple {
  17191. border-color: #63d9ec;
  17192. }
  17193. .select2-container--default .select2-warning.select2-dropdown .select2-search__field:focus,
  17194. .select2-container--default .select2-warning .select2-dropdown .select2-search__field:focus,
  17195. .select2-container--default .select2-warning .select2-search--inline .select2-search__field:focus,
  17196. .select2-warning .select2-container--default.select2-dropdown .select2-search__field:focus,
  17197. .select2-warning .select2-container--default .select2-dropdown .select2-search__field:focus,
  17198. .select2-warning .select2-container--default .select2-search--inline .select2-search__field:focus {
  17199. border: 1px solid #ffe187;
  17200. }
  17201. .select2-container--default .select2-warning .select2-results__option--highlighted,
  17202. .select2-warning .select2-container--default .select2-results__option--highlighted {
  17203. background-color: #ffc107;
  17204. color: #1F2D3D;
  17205. }
  17206. .select2-container--default .select2-warning .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-warning .select2-results__option--highlighted[aria-selected]:hover,
  17207. .select2-warning .select2-container--default .select2-results__option--highlighted[aria-selected],
  17208. .select2-warning .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
  17209. background-color: #f7b900;
  17210. color: #1F2D3D;
  17211. }
  17212. .select2-container--default .select2-warning .select2-selection--multiple:focus,
  17213. .select2-warning .select2-container--default .select2-selection--multiple:focus {
  17214. border-color: #ffe187;
  17215. }
  17216. .select2-container--default .select2-warning .select2-selection--multiple .select2-selection__choice,
  17217. .select2-warning .select2-container--default .select2-selection--multiple .select2-selection__choice {
  17218. background-color: #ffc107;
  17219. border-color: #edb100;
  17220. color: #1F2D3D;
  17221. }
  17222. .select2-container--default .select2-warning .select2-selection--multiple .select2-selection__choice__remove,
  17223. .select2-warning .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  17224. color: rgba(31, 45, 61, 0.7);
  17225. }
  17226. .select2-container--default .select2-warning .select2-selection--multiple .select2-selection__choice__remove:hover,
  17227. .select2-warning .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  17228. color: #1F2D3D;
  17229. }
  17230. .select2-container--default .select2-warning.select2-container--focus .select2-selection--multiple,
  17231. .select2-warning .select2-container--default.select2-container--focus .select2-selection--multiple {
  17232. border-color: #ffe187;
  17233. }
  17234. .select2-container--default .select2-danger.select2-dropdown .select2-search__field:focus,
  17235. .select2-container--default .select2-danger .select2-dropdown .select2-search__field:focus,
  17236. .select2-container--default .select2-danger .select2-search--inline .select2-search__field:focus,
  17237. .select2-danger .select2-container--default.select2-dropdown .select2-search__field:focus,
  17238. .select2-danger .select2-container--default .select2-dropdown .select2-search__field:focus,
  17239. .select2-danger .select2-container--default .select2-search--inline .select2-search__field:focus {
  17240. border: 1px solid #efa2a9;
  17241. }
  17242. .select2-container--default .select2-danger .select2-results__option--highlighted,
  17243. .select2-danger .select2-container--default .select2-results__option--highlighted {
  17244. background-color: #dc3545;
  17245. color: #ffffff;
  17246. }
  17247. .select2-container--default .select2-danger .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-danger .select2-results__option--highlighted[aria-selected]:hover,
  17248. .select2-danger .select2-container--default .select2-results__option--highlighted[aria-selected],
  17249. .select2-danger .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
  17250. background-color: #da2839;
  17251. color: #ffffff;
  17252. }
  17253. .select2-container--default .select2-danger .select2-selection--multiple:focus,
  17254. .select2-danger .select2-container--default .select2-selection--multiple:focus {
  17255. border-color: #efa2a9;
  17256. }
  17257. .select2-container--default .select2-danger .select2-selection--multiple .select2-selection__choice,
  17258. .select2-danger .select2-container--default .select2-selection--multiple .select2-selection__choice {
  17259. background-color: #dc3545;
  17260. border-color: #d32535;
  17261. color: #ffffff;
  17262. }
  17263. .select2-container--default .select2-danger .select2-selection--multiple .select2-selection__choice__remove,
  17264. .select2-danger .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  17265. color: rgba(255, 255, 255, 0.7);
  17266. }
  17267. .select2-container--default .select2-danger .select2-selection--multiple .select2-selection__choice__remove:hover,
  17268. .select2-danger .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  17269. color: #ffffff;
  17270. }
  17271. .select2-container--default .select2-danger.select2-container--focus .select2-selection--multiple,
  17272. .select2-danger .select2-container--default.select2-container--focus .select2-selection--multiple {
  17273. border-color: #efa2a9;
  17274. }
  17275. .select2-container--default .select2-light.select2-dropdown .select2-search__field:focus,
  17276. .select2-container--default .select2-light .select2-dropdown .select2-search__field:focus,
  17277. .select2-container--default .select2-light .select2-search--inline .select2-search__field:focus,
  17278. .select2-light .select2-container--default.select2-dropdown .select2-search__field:focus,
  17279. .select2-light .select2-container--default .select2-dropdown .select2-search__field:focus,
  17280. .select2-light .select2-container--default .select2-search--inline .select2-search__field:focus {
  17281. border: 1px solid white;
  17282. }
  17283. .select2-container--default .select2-light .select2-results__option--highlighted,
  17284. .select2-light .select2-container--default .select2-results__option--highlighted {
  17285. background-color: #f8f9fa;
  17286. color: #1F2D3D;
  17287. }
  17288. .select2-container--default .select2-light .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-light .select2-results__option--highlighted[aria-selected]:hover,
  17289. .select2-light .select2-container--default .select2-results__option--highlighted[aria-selected],
  17290. .select2-light .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
  17291. background-color: #eff1f4;
  17292. color: #1F2D3D;
  17293. }
  17294. .select2-container--default .select2-light .select2-selection--multiple:focus,
  17295. .select2-light .select2-container--default .select2-selection--multiple:focus {
  17296. border-color: white;
  17297. }
  17298. .select2-container--default .select2-light .select2-selection--multiple .select2-selection__choice,
  17299. .select2-light .select2-container--default .select2-selection--multiple .select2-selection__choice {
  17300. background-color: #f8f9fa;
  17301. border-color: #e9ecef;
  17302. color: #1F2D3D;
  17303. }
  17304. .select2-container--default .select2-light .select2-selection--multiple .select2-selection__choice__remove,
  17305. .select2-light .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  17306. color: rgba(31, 45, 61, 0.7);
  17307. }
  17308. .select2-container--default .select2-light .select2-selection--multiple .select2-selection__choice__remove:hover,
  17309. .select2-light .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  17310. color: #1F2D3D;
  17311. }
  17312. .select2-container--default .select2-light.select2-container--focus .select2-selection--multiple,
  17313. .select2-light .select2-container--default.select2-container--focus .select2-selection--multiple {
  17314. border-color: white;
  17315. }
  17316. .select2-container--default .select2-dark.select2-dropdown .select2-search__field:focus,
  17317. .select2-container--default .select2-dark .select2-dropdown .select2-search__field:focus,
  17318. .select2-container--default .select2-dark .select2-search--inline .select2-search__field:focus,
  17319. .select2-dark .select2-container--default.select2-dropdown .select2-search__field:focus,
  17320. .select2-dark .select2-container--default .select2-dropdown .select2-search__field:focus,
  17321. .select2-dark .select2-container--default .select2-search--inline .select2-search__field:focus {
  17322. border: 1px solid #6d7a86;
  17323. }
  17324. .select2-container--default .select2-dark .select2-results__option--highlighted,
  17325. .select2-dark .select2-container--default .select2-results__option--highlighted {
  17326. background-color: #343a40;
  17327. color: #ffffff;
  17328. }
  17329. .select2-container--default .select2-dark .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-dark .select2-results__option--highlighted[aria-selected]:hover,
  17330. .select2-dark .select2-container--default .select2-results__option--highlighted[aria-selected],
  17331. .select2-dark .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
  17332. background-color: #2d3238;
  17333. color: #ffffff;
  17334. }
  17335. .select2-container--default .select2-dark .select2-selection--multiple:focus,
  17336. .select2-dark .select2-container--default .select2-selection--multiple:focus {
  17337. border-color: #6d7a86;
  17338. }
  17339. .select2-container--default .select2-dark .select2-selection--multiple .select2-selection__choice,
  17340. .select2-dark .select2-container--default .select2-selection--multiple .select2-selection__choice {
  17341. background-color: #343a40;
  17342. border-color: #292d32;
  17343. color: #ffffff;
  17344. }
  17345. .select2-container--default .select2-dark .select2-selection--multiple .select2-selection__choice__remove,
  17346. .select2-dark .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  17347. color: rgba(255, 255, 255, 0.7);
  17348. }
  17349. .select2-container--default .select2-dark .select2-selection--multiple .select2-selection__choice__remove:hover,
  17350. .select2-dark .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  17351. color: #ffffff;
  17352. }
  17353. .select2-container--default .select2-dark.select2-container--focus .select2-selection--multiple,
  17354. .select2-dark .select2-container--default.select2-container--focus .select2-selection--multiple {
  17355. border-color: #6d7a86;
  17356. }
  17357. .select2-container--default .select2-navy.select2-dropdown .select2-search__field:focus,
  17358. .select2-container--default .select2-navy .select2-dropdown .select2-search__field:focus,
  17359. .select2-container--default .select2-navy .select2-search--inline .select2-search__field:focus,
  17360. .select2-navy .select2-container--default.select2-dropdown .select2-search__field:focus,
  17361. .select2-navy .select2-container--default .select2-dropdown .select2-search__field:focus,
  17362. .select2-navy .select2-container--default .select2-search--inline .select2-search__field:focus {
  17363. border: 1px solid #005ebf;
  17364. }
  17365. .select2-container--default .select2-navy .select2-results__option--highlighted,
  17366. .select2-navy .select2-container--default .select2-results__option--highlighted {
  17367. background-color: #001f3f;
  17368. color: #ffffff;
  17369. }
  17370. .select2-container--default .select2-navy .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-navy .select2-results__option--highlighted[aria-selected]:hover,
  17371. .select2-navy .select2-container--default .select2-results__option--highlighted[aria-selected],
  17372. .select2-navy .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
  17373. background-color: #001730;
  17374. color: #ffffff;
  17375. }
  17376. .select2-container--default .select2-navy .select2-selection--multiple:focus,
  17377. .select2-navy .select2-container--default .select2-selection--multiple:focus {
  17378. border-color: #005ebf;
  17379. }
  17380. .select2-container--default .select2-navy .select2-selection--multiple .select2-selection__choice,
  17381. .select2-navy .select2-container--default .select2-selection--multiple .select2-selection__choice {
  17382. background-color: #001f3f;
  17383. border-color: #001226;
  17384. color: #ffffff;
  17385. }
  17386. .select2-container--default .select2-navy .select2-selection--multiple .select2-selection__choice__remove,
  17387. .select2-navy .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  17388. color: rgba(255, 255, 255, 0.7);
  17389. }
  17390. .select2-container--default .select2-navy .select2-selection--multiple .select2-selection__choice__remove:hover,
  17391. .select2-navy .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  17392. color: #ffffff;
  17393. }
  17394. .select2-container--default .select2-navy.select2-container--focus .select2-selection--multiple,
  17395. .select2-navy .select2-container--default.select2-container--focus .select2-selection--multiple {
  17396. border-color: #005ebf;
  17397. }
  17398. .select2-container--default .select2-olive.select2-dropdown .select2-search__field:focus,
  17399. .select2-container--default .select2-olive .select2-dropdown .select2-search__field:focus,
  17400. .select2-container--default .select2-olive .select2-search--inline .select2-search__field:focus,
  17401. .select2-olive .select2-container--default.select2-dropdown .select2-search__field:focus,
  17402. .select2-olive .select2-container--default .select2-dropdown .select2-search__field:focus,
  17403. .select2-olive .select2-container--default .select2-search--inline .select2-search__field:focus {
  17404. border: 1px solid #87cfaf;
  17405. }
  17406. .select2-container--default .select2-olive .select2-results__option--highlighted,
  17407. .select2-olive .select2-container--default .select2-results__option--highlighted {
  17408. background-color: #3d9970;
  17409. color: #ffffff;
  17410. }
  17411. .select2-container--default .select2-olive .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-olive .select2-results__option--highlighted[aria-selected]:hover,
  17412. .select2-olive .select2-container--default .select2-results__option--highlighted[aria-selected],
  17413. .select2-olive .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
  17414. background-color: #398e68;
  17415. color: #ffffff;
  17416. }
  17417. .select2-container--default .select2-olive .select2-selection--multiple:focus,
  17418. .select2-olive .select2-container--default .select2-selection--multiple:focus {
  17419. border-color: #87cfaf;
  17420. }
  17421. .select2-container--default .select2-olive .select2-selection--multiple .select2-selection__choice,
  17422. .select2-olive .select2-container--default .select2-selection--multiple .select2-selection__choice {
  17423. background-color: #3d9970;
  17424. border-color: #368763;
  17425. color: #ffffff;
  17426. }
  17427. .select2-container--default .select2-olive .select2-selection--multiple .select2-selection__choice__remove,
  17428. .select2-olive .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  17429. color: rgba(255, 255, 255, 0.7);
  17430. }
  17431. .select2-container--default .select2-olive .select2-selection--multiple .select2-selection__choice__remove:hover,
  17432. .select2-olive .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  17433. color: #ffffff;
  17434. }
  17435. .select2-container--default .select2-olive.select2-container--focus .select2-selection--multiple,
  17436. .select2-olive .select2-container--default.select2-container--focus .select2-selection--multiple {
  17437. border-color: #87cfaf;
  17438. }
  17439. .select2-container--default .select2-lime.select2-dropdown .select2-search__field:focus,
  17440. .select2-container--default .select2-lime .select2-dropdown .select2-search__field:focus,
  17441. .select2-container--default .select2-lime .select2-search--inline .select2-search__field:focus,
  17442. .select2-lime .select2-container--default.select2-dropdown .select2-search__field:focus,
  17443. .select2-lime .select2-container--default .select2-dropdown .select2-search__field:focus,
  17444. .select2-lime .select2-container--default .select2-search--inline .select2-search__field:focus {
  17445. border: 1px solid #81ffb8;
  17446. }
  17447. .select2-container--default .select2-lime .select2-results__option--highlighted,
  17448. .select2-lime .select2-container--default .select2-results__option--highlighted {
  17449. background-color: #01ff70;
  17450. color: #1F2D3D;
  17451. }
  17452. .select2-container--default .select2-lime .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-lime .select2-results__option--highlighted[aria-selected]:hover,
  17453. .select2-lime .select2-container--default .select2-results__option--highlighted[aria-selected],
  17454. .select2-lime .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
  17455. background-color: #00f169;
  17456. color: #1F2D3D;
  17457. }
  17458. .select2-container--default .select2-lime .select2-selection--multiple:focus,
  17459. .select2-lime .select2-container--default .select2-selection--multiple:focus {
  17460. border-color: #81ffb8;
  17461. }
  17462. .select2-container--default .select2-lime .select2-selection--multiple .select2-selection__choice,
  17463. .select2-lime .select2-container--default .select2-selection--multiple .select2-selection__choice {
  17464. background-color: #01ff70;
  17465. border-color: #00e765;
  17466. color: #1F2D3D;
  17467. }
  17468. .select2-container--default .select2-lime .select2-selection--multiple .select2-selection__choice__remove,
  17469. .select2-lime .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  17470. color: rgba(31, 45, 61, 0.7);
  17471. }
  17472. .select2-container--default .select2-lime .select2-selection--multiple .select2-selection__choice__remove:hover,
  17473. .select2-lime .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  17474. color: #1F2D3D;
  17475. }
  17476. .select2-container--default .select2-lime.select2-container--focus .select2-selection--multiple,
  17477. .select2-lime .select2-container--default.select2-container--focus .select2-selection--multiple {
  17478. border-color: #81ffb8;
  17479. }
  17480. .select2-container--default .select2-fuchsia.select2-dropdown .select2-search__field:focus,
  17481. .select2-container--default .select2-fuchsia .select2-dropdown .select2-search__field:focus,
  17482. .select2-container--default .select2-fuchsia .select2-search--inline .select2-search__field:focus,
  17483. .select2-fuchsia .select2-container--default.select2-dropdown .select2-search__field:focus,
  17484. .select2-fuchsia .select2-container--default .select2-dropdown .select2-search__field:focus,
  17485. .select2-fuchsia .select2-container--default .select2-search--inline .select2-search__field:focus {
  17486. border: 1px solid #f88adf;
  17487. }
  17488. .select2-container--default .select2-fuchsia .select2-results__option--highlighted,
  17489. .select2-fuchsia .select2-container--default .select2-results__option--highlighted {
  17490. background-color: #f012be;
  17491. color: #ffffff;
  17492. }
  17493. .select2-container--default .select2-fuchsia .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-fuchsia .select2-results__option--highlighted[aria-selected]:hover,
  17494. .select2-fuchsia .select2-container--default .select2-results__option--highlighted[aria-selected],
  17495. .select2-fuchsia .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
  17496. background-color: #e40eb4;
  17497. color: #ffffff;
  17498. }
  17499. .select2-container--default .select2-fuchsia .select2-selection--multiple:focus,
  17500. .select2-fuchsia .select2-container--default .select2-selection--multiple:focus {
  17501. border-color: #f88adf;
  17502. }
  17503. .select2-container--default .select2-fuchsia .select2-selection--multiple .select2-selection__choice,
  17504. .select2-fuchsia .select2-container--default .select2-selection--multiple .select2-selection__choice {
  17505. background-color: #f012be;
  17506. border-color: #db0ead;
  17507. color: #ffffff;
  17508. }
  17509. .select2-container--default .select2-fuchsia .select2-selection--multiple .select2-selection__choice__remove,
  17510. .select2-fuchsia .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  17511. color: rgba(255, 255, 255, 0.7);
  17512. }
  17513. .select2-container--default .select2-fuchsia .select2-selection--multiple .select2-selection__choice__remove:hover,
  17514. .select2-fuchsia .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  17515. color: #ffffff;
  17516. }
  17517. .select2-container--default .select2-fuchsia.select2-container--focus .select2-selection--multiple,
  17518. .select2-fuchsia .select2-container--default.select2-container--focus .select2-selection--multiple {
  17519. border-color: #f88adf;
  17520. }
  17521. .select2-container--default .select2-maroon.select2-dropdown .select2-search__field:focus,
  17522. .select2-container--default .select2-maroon .select2-dropdown .select2-search__field:focus,
  17523. .select2-container--default .select2-maroon .select2-search--inline .select2-search__field:focus,
  17524. .select2-maroon .select2-container--default.select2-dropdown .select2-search__field:focus,
  17525. .select2-maroon .select2-container--default .select2-dropdown .select2-search__field:focus,
  17526. .select2-maroon .select2-container--default .select2-search--inline .select2-search__field:focus {
  17527. border: 1px solid #f083ab;
  17528. }
  17529. .select2-container--default .select2-maroon .select2-results__option--highlighted,
  17530. .select2-maroon .select2-container--default .select2-results__option--highlighted {
  17531. background-color: #d81b60;
  17532. color: #ffffff;
  17533. }
  17534. .select2-container--default .select2-maroon .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-maroon .select2-results__option--highlighted[aria-selected]:hover,
  17535. .select2-maroon .select2-container--default .select2-results__option--highlighted[aria-selected],
  17536. .select2-maroon .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
  17537. background-color: #ca195a;
  17538. color: #ffffff;
  17539. }
  17540. .select2-container--default .select2-maroon .select2-selection--multiple:focus,
  17541. .select2-maroon .select2-container--default .select2-selection--multiple:focus {
  17542. border-color: #f083ab;
  17543. }
  17544. .select2-container--default .select2-maroon .select2-selection--multiple .select2-selection__choice,
  17545. .select2-maroon .select2-container--default .select2-selection--multiple .select2-selection__choice {
  17546. background-color: #d81b60;
  17547. border-color: #c11856;
  17548. color: #ffffff;
  17549. }
  17550. .select2-container--default .select2-maroon .select2-selection--multiple .select2-selection__choice__remove,
  17551. .select2-maroon .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  17552. color: rgba(255, 255, 255, 0.7);
  17553. }
  17554. .select2-container--default .select2-maroon .select2-selection--multiple .select2-selection__choice__remove:hover,
  17555. .select2-maroon .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  17556. color: #ffffff;
  17557. }
  17558. .select2-container--default .select2-maroon.select2-container--focus .select2-selection--multiple,
  17559. .select2-maroon .select2-container--default.select2-container--focus .select2-selection--multiple {
  17560. border-color: #f083ab;
  17561. }
  17562. .select2-container--default .select2-blue.select2-dropdown .select2-search__field:focus,
  17563. .select2-container--default .select2-blue .select2-dropdown .select2-search__field:focus,
  17564. .select2-container--default .select2-blue .select2-search--inline .select2-search__field:focus,
  17565. .select2-blue .select2-container--default.select2-dropdown .select2-search__field:focus,
  17566. .select2-blue .select2-container--default .select2-dropdown .select2-search__field:focus,
  17567. .select2-blue .select2-container--default .select2-search--inline .select2-search__field:focus {
  17568. border: 1px solid #80bdff;
  17569. }
  17570. .select2-container--default .select2-blue .select2-results__option--highlighted,
  17571. .select2-blue .select2-container--default .select2-results__option--highlighted {
  17572. background-color: #007bff;
  17573. color: #ffffff;
  17574. }
  17575. .select2-container--default .select2-blue .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-blue .select2-results__option--highlighted[aria-selected]:hover,
  17576. .select2-blue .select2-container--default .select2-results__option--highlighted[aria-selected],
  17577. .select2-blue .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
  17578. background-color: #0074f0;
  17579. color: #ffffff;
  17580. }
  17581. .select2-container--default .select2-blue .select2-selection--multiple:focus,
  17582. .select2-blue .select2-container--default .select2-selection--multiple:focus {
  17583. border-color: #80bdff;
  17584. }
  17585. .select2-container--default .select2-blue .select2-selection--multiple .select2-selection__choice,
  17586. .select2-blue .select2-container--default .select2-selection--multiple .select2-selection__choice {
  17587. background-color: #007bff;
  17588. border-color: #006fe6;
  17589. color: #ffffff;
  17590. }
  17591. .select2-container--default .select2-blue .select2-selection--multiple .select2-selection__choice__remove,
  17592. .select2-blue .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  17593. color: rgba(255, 255, 255, 0.7);
  17594. }
  17595. .select2-container--default .select2-blue .select2-selection--multiple .select2-selection__choice__remove:hover,
  17596. .select2-blue .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  17597. color: #ffffff;
  17598. }
  17599. .select2-container--default .select2-blue.select2-container--focus .select2-selection--multiple,
  17600. .select2-blue .select2-container--default.select2-container--focus .select2-selection--multiple {
  17601. border-color: #80bdff;
  17602. }
  17603. .select2-container--default .select2-indigo.select2-dropdown .select2-search__field:focus,
  17604. .select2-container--default .select2-indigo .select2-dropdown .select2-search__field:focus,
  17605. .select2-container--default .select2-indigo .select2-search--inline .select2-search__field:focus,
  17606. .select2-indigo .select2-container--default.select2-dropdown .select2-search__field:focus,
  17607. .select2-indigo .select2-container--default .select2-dropdown .select2-search__field:focus,
  17608. .select2-indigo .select2-container--default .select2-search--inline .select2-search__field:focus {
  17609. border: 1px solid #b389f9;
  17610. }
  17611. .select2-container--default .select2-indigo .select2-results__option--highlighted,
  17612. .select2-indigo .select2-container--default .select2-results__option--highlighted {
  17613. background-color: #6610f2;
  17614. color: #ffffff;
  17615. }
  17616. .select2-container--default .select2-indigo .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-indigo .select2-results__option--highlighted[aria-selected]:hover,
  17617. .select2-indigo .select2-container--default .select2-results__option--highlighted[aria-selected],
  17618. .select2-indigo .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
  17619. background-color: #5f0de6;
  17620. color: #ffffff;
  17621. }
  17622. .select2-container--default .select2-indigo .select2-selection--multiple:focus,
  17623. .select2-indigo .select2-container--default .select2-selection--multiple:focus {
  17624. border-color: #b389f9;
  17625. }
  17626. .select2-container--default .select2-indigo .select2-selection--multiple .select2-selection__choice,
  17627. .select2-indigo .select2-container--default .select2-selection--multiple .select2-selection__choice {
  17628. background-color: #6610f2;
  17629. border-color: #5b0cdd;
  17630. color: #ffffff;
  17631. }
  17632. .select2-container--default .select2-indigo .select2-selection--multiple .select2-selection__choice__remove,
  17633. .select2-indigo .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  17634. color: rgba(255, 255, 255, 0.7);
  17635. }
  17636. .select2-container--default .select2-indigo .select2-selection--multiple .select2-selection__choice__remove:hover,
  17637. .select2-indigo .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  17638. color: #ffffff;
  17639. }
  17640. .select2-container--default .select2-indigo.select2-container--focus .select2-selection--multiple,
  17641. .select2-indigo .select2-container--default.select2-container--focus .select2-selection--multiple {
  17642. border-color: #b389f9;
  17643. }
  17644. .select2-container--default .select2-purple.select2-dropdown .select2-search__field:focus,
  17645. .select2-container--default .select2-purple .select2-dropdown .select2-search__field:focus,
  17646. .select2-container--default .select2-purple .select2-search--inline .select2-search__field:focus,
  17647. .select2-purple .select2-container--default.select2-dropdown .select2-search__field:focus,
  17648. .select2-purple .select2-container--default .select2-dropdown .select2-search__field:focus,
  17649. .select2-purple .select2-container--default .select2-search--inline .select2-search__field:focus {
  17650. border: 1px solid #b8a2e0;
  17651. }
  17652. .select2-container--default .select2-purple .select2-results__option--highlighted,
  17653. .select2-purple .select2-container--default .select2-results__option--highlighted {
  17654. background-color: #6f42c1;
  17655. color: #ffffff;
  17656. }
  17657. .select2-container--default .select2-purple .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-purple .select2-results__option--highlighted[aria-selected]:hover,
  17658. .select2-purple .select2-container--default .select2-results__option--highlighted[aria-selected],
  17659. .select2-purple .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
  17660. background-color: #683cb8;
  17661. color: #ffffff;
  17662. }
  17663. .select2-container--default .select2-purple .select2-selection--multiple:focus,
  17664. .select2-purple .select2-container--default .select2-selection--multiple:focus {
  17665. border-color: #b8a2e0;
  17666. }
  17667. .select2-container--default .select2-purple .select2-selection--multiple .select2-selection__choice,
  17668. .select2-purple .select2-container--default .select2-selection--multiple .select2-selection__choice {
  17669. background-color: #6f42c1;
  17670. border-color: #643ab0;
  17671. color: #ffffff;
  17672. }
  17673. .select2-container--default .select2-purple .select2-selection--multiple .select2-selection__choice__remove,
  17674. .select2-purple .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  17675. color: rgba(255, 255, 255, 0.7);
  17676. }
  17677. .select2-container--default .select2-purple .select2-selection--multiple .select2-selection__choice__remove:hover,
  17678. .select2-purple .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  17679. color: #ffffff;
  17680. }
  17681. .select2-container--default .select2-purple.select2-container--focus .select2-selection--multiple,
  17682. .select2-purple .select2-container--default.select2-container--focus .select2-selection--multiple {
  17683. border-color: #b8a2e0;
  17684. }
  17685. .select2-container--default .select2-pink.select2-dropdown .select2-search__field:focus,
  17686. .select2-container--default .select2-pink .select2-dropdown .select2-search__field:focus,
  17687. .select2-container--default .select2-pink .select2-search--inline .select2-search__field:focus,
  17688. .select2-pink .select2-container--default.select2-dropdown .select2-search__field:focus,
  17689. .select2-pink .select2-container--default .select2-dropdown .select2-search__field:focus,
  17690. .select2-pink .select2-container--default .select2-search--inline .select2-search__field:focus {
  17691. border: 1px solid #f6b0d0;
  17692. }
  17693. .select2-container--default .select2-pink .select2-results__option--highlighted,
  17694. .select2-pink .select2-container--default .select2-results__option--highlighted {
  17695. background-color: #e83e8c;
  17696. color: #ffffff;
  17697. }
  17698. .select2-container--default .select2-pink .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-pink .select2-results__option--highlighted[aria-selected]:hover,
  17699. .select2-pink .select2-container--default .select2-results__option--highlighted[aria-selected],
  17700. .select2-pink .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
  17701. background-color: #e63084;
  17702. color: #ffffff;
  17703. }
  17704. .select2-container--default .select2-pink .select2-selection--multiple:focus,
  17705. .select2-pink .select2-container--default .select2-selection--multiple:focus {
  17706. border-color: #f6b0d0;
  17707. }
  17708. .select2-container--default .select2-pink .select2-selection--multiple .select2-selection__choice,
  17709. .select2-pink .select2-container--default .select2-selection--multiple .select2-selection__choice {
  17710. background-color: #e83e8c;
  17711. border-color: #e5277e;
  17712. color: #ffffff;
  17713. }
  17714. .select2-container--default .select2-pink .select2-selection--multiple .select2-selection__choice__remove,
  17715. .select2-pink .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  17716. color: rgba(255, 255, 255, 0.7);
  17717. }
  17718. .select2-container--default .select2-pink .select2-selection--multiple .select2-selection__choice__remove:hover,
  17719. .select2-pink .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  17720. color: #ffffff;
  17721. }
  17722. .select2-container--default .select2-pink.select2-container--focus .select2-selection--multiple,
  17723. .select2-pink .select2-container--default.select2-container--focus .select2-selection--multiple {
  17724. border-color: #f6b0d0;
  17725. }
  17726. .select2-container--default .select2-red.select2-dropdown .select2-search__field:focus,
  17727. .select2-container--default .select2-red .select2-dropdown .select2-search__field:focus,
  17728. .select2-container--default .select2-red .select2-search--inline .select2-search__field:focus,
  17729. .select2-red .select2-container--default.select2-dropdown .select2-search__field:focus,
  17730. .select2-red .select2-container--default .select2-dropdown .select2-search__field:focus,
  17731. .select2-red .select2-container--default .select2-search--inline .select2-search__field:focus {
  17732. border: 1px solid #efa2a9;
  17733. }
  17734. .select2-container--default .select2-red .select2-results__option--highlighted,
  17735. .select2-red .select2-container--default .select2-results__option--highlighted {
  17736. background-color: #dc3545;
  17737. color: #ffffff;
  17738. }
  17739. .select2-container--default .select2-red .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-red .select2-results__option--highlighted[aria-selected]:hover,
  17740. .select2-red .select2-container--default .select2-results__option--highlighted[aria-selected],
  17741. .select2-red .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
  17742. background-color: #da2839;
  17743. color: #ffffff;
  17744. }
  17745. .select2-container--default .select2-red .select2-selection--multiple:focus,
  17746. .select2-red .select2-container--default .select2-selection--multiple:focus {
  17747. border-color: #efa2a9;
  17748. }
  17749. .select2-container--default .select2-red .select2-selection--multiple .select2-selection__choice,
  17750. .select2-red .select2-container--default .select2-selection--multiple .select2-selection__choice {
  17751. background-color: #dc3545;
  17752. border-color: #d32535;
  17753. color: #ffffff;
  17754. }
  17755. .select2-container--default .select2-red .select2-selection--multiple .select2-selection__choice__remove,
  17756. .select2-red .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  17757. color: rgba(255, 255, 255, 0.7);
  17758. }
  17759. .select2-container--default .select2-red .select2-selection--multiple .select2-selection__choice__remove:hover,
  17760. .select2-red .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  17761. color: #ffffff;
  17762. }
  17763. .select2-container--default .select2-red.select2-container--focus .select2-selection--multiple,
  17764. .select2-red .select2-container--default.select2-container--focus .select2-selection--multiple {
  17765. border-color: #efa2a9;
  17766. }
  17767. .select2-container--default .select2-orange.select2-dropdown .select2-search__field:focus,
  17768. .select2-container--default .select2-orange .select2-dropdown .select2-search__field:focus,
  17769. .select2-container--default .select2-orange .select2-search--inline .select2-search__field:focus,
  17770. .select2-orange .select2-container--default.select2-dropdown .select2-search__field:focus,
  17771. .select2-orange .select2-container--default .select2-dropdown .select2-search__field:focus,
  17772. .select2-orange .select2-container--default .select2-search--inline .select2-search__field:focus {
  17773. border: 1px solid #fec392;
  17774. }
  17775. .select2-container--default .select2-orange .select2-results__option--highlighted,
  17776. .select2-orange .select2-container--default .select2-results__option--highlighted {
  17777. background-color: #fd7e14;
  17778. color: #1F2D3D;
  17779. }
  17780. .select2-container--default .select2-orange .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-orange .select2-results__option--highlighted[aria-selected]:hover,
  17781. .select2-orange .select2-container--default .select2-results__option--highlighted[aria-selected],
  17782. .select2-orange .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
  17783. background-color: #fd7605;
  17784. color: #ffffff;
  17785. }
  17786. .select2-container--default .select2-orange .select2-selection--multiple:focus,
  17787. .select2-orange .select2-container--default .select2-selection--multiple:focus {
  17788. border-color: #fec392;
  17789. }
  17790. .select2-container--default .select2-orange .select2-selection--multiple .select2-selection__choice,
  17791. .select2-orange .select2-container--default .select2-selection--multiple .select2-selection__choice {
  17792. background-color: #fd7e14;
  17793. border-color: #f57102;
  17794. color: #1F2D3D;
  17795. }
  17796. .select2-container--default .select2-orange .select2-selection--multiple .select2-selection__choice__remove,
  17797. .select2-orange .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  17798. color: rgba(31, 45, 61, 0.7);
  17799. }
  17800. .select2-container--default .select2-orange .select2-selection--multiple .select2-selection__choice__remove:hover,
  17801. .select2-orange .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  17802. color: #1F2D3D;
  17803. }
  17804. .select2-container--default .select2-orange.select2-container--focus .select2-selection--multiple,
  17805. .select2-orange .select2-container--default.select2-container--focus .select2-selection--multiple {
  17806. border-color: #fec392;
  17807. }
  17808. .select2-container--default .select2-yellow.select2-dropdown .select2-search__field:focus,
  17809. .select2-container--default .select2-yellow .select2-dropdown .select2-search__field:focus,
  17810. .select2-container--default .select2-yellow .select2-search--inline .select2-search__field:focus,
  17811. .select2-yellow .select2-container--default.select2-dropdown .select2-search__field:focus,
  17812. .select2-yellow .select2-container--default .select2-dropdown .select2-search__field:focus,
  17813. .select2-yellow .select2-container--default .select2-search--inline .select2-search__field:focus {
  17814. border: 1px solid #ffe187;
  17815. }
  17816. .select2-container--default .select2-yellow .select2-results__option--highlighted,
  17817. .select2-yellow .select2-container--default .select2-results__option--highlighted {
  17818. background-color: #ffc107;
  17819. color: #1F2D3D;
  17820. }
  17821. .select2-container--default .select2-yellow .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-yellow .select2-results__option--highlighted[aria-selected]:hover,
  17822. .select2-yellow .select2-container--default .select2-results__option--highlighted[aria-selected],
  17823. .select2-yellow .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
  17824. background-color: #f7b900;
  17825. color: #1F2D3D;
  17826. }
  17827. .select2-container--default .select2-yellow .select2-selection--multiple:focus,
  17828. .select2-yellow .select2-container--default .select2-selection--multiple:focus {
  17829. border-color: #ffe187;
  17830. }
  17831. .select2-container--default .select2-yellow .select2-selection--multiple .select2-selection__choice,
  17832. .select2-yellow .select2-container--default .select2-selection--multiple .select2-selection__choice {
  17833. background-color: #ffc107;
  17834. border-color: #edb100;
  17835. color: #1F2D3D;
  17836. }
  17837. .select2-container--default .select2-yellow .select2-selection--multiple .select2-selection__choice__remove,
  17838. .select2-yellow .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  17839. color: rgba(31, 45, 61, 0.7);
  17840. }
  17841. .select2-container--default .select2-yellow .select2-selection--multiple .select2-selection__choice__remove:hover,
  17842. .select2-yellow .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  17843. color: #1F2D3D;
  17844. }
  17845. .select2-container--default .select2-yellow.select2-container--focus .select2-selection--multiple,
  17846. .select2-yellow .select2-container--default.select2-container--focus .select2-selection--multiple {
  17847. border-color: #ffe187;
  17848. }
  17849. .select2-container--default .select2-green.select2-dropdown .select2-search__field:focus,
  17850. .select2-container--default .select2-green .select2-dropdown .select2-search__field:focus,
  17851. .select2-container--default .select2-green .select2-search--inline .select2-search__field:focus,
  17852. .select2-green .select2-container--default.select2-dropdown .select2-search__field:focus,
  17853. .select2-green .select2-container--default .select2-dropdown .select2-search__field:focus,
  17854. .select2-green .select2-container--default .select2-search--inline .select2-search__field:focus {
  17855. border: 1px solid #71dd8a;
  17856. }
  17857. .select2-container--default .select2-green .select2-results__option--highlighted,
  17858. .select2-green .select2-container--default .select2-results__option--highlighted {
  17859. background-color: #28a745;
  17860. color: #ffffff;
  17861. }
  17862. .select2-container--default .select2-green .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-green .select2-results__option--highlighted[aria-selected]:hover,
  17863. .select2-green .select2-container--default .select2-results__option--highlighted[aria-selected],
  17864. .select2-green .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
  17865. background-color: #259b40;
  17866. color: #ffffff;
  17867. }
  17868. .select2-container--default .select2-green .select2-selection--multiple:focus,
  17869. .select2-green .select2-container--default .select2-selection--multiple:focus {
  17870. border-color: #71dd8a;
  17871. }
  17872. .select2-container--default .select2-green .select2-selection--multiple .select2-selection__choice,
  17873. .select2-green .select2-container--default .select2-selection--multiple .select2-selection__choice {
  17874. background-color: #28a745;
  17875. border-color: #23923d;
  17876. color: #ffffff;
  17877. }
  17878. .select2-container--default .select2-green .select2-selection--multiple .select2-selection__choice__remove,
  17879. .select2-green .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  17880. color: rgba(255, 255, 255, 0.7);
  17881. }
  17882. .select2-container--default .select2-green .select2-selection--multiple .select2-selection__choice__remove:hover,
  17883. .select2-green .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  17884. color: #ffffff;
  17885. }
  17886. .select2-container--default .select2-green.select2-container--focus .select2-selection--multiple,
  17887. .select2-green .select2-container--default.select2-container--focus .select2-selection--multiple {
  17888. border-color: #71dd8a;
  17889. }
  17890. .select2-container--default .select2-teal.select2-dropdown .select2-search__field:focus,
  17891. .select2-container--default .select2-teal .select2-dropdown .select2-search__field:focus,
  17892. .select2-container--default .select2-teal .select2-search--inline .select2-search__field:focus,
  17893. .select2-teal .select2-container--default.select2-dropdown .select2-search__field:focus,
  17894. .select2-teal .select2-container--default .select2-dropdown .select2-search__field:focus,
  17895. .select2-teal .select2-container--default .select2-search--inline .select2-search__field:focus {
  17896. border: 1px solid #7eeaca;
  17897. }
  17898. .select2-container--default .select2-teal .select2-results__option--highlighted,
  17899. .select2-teal .select2-container--default .select2-results__option--highlighted {
  17900. background-color: #20c997;
  17901. color: #ffffff;
  17902. }
  17903. .select2-container--default .select2-teal .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-teal .select2-results__option--highlighted[aria-selected]:hover,
  17904. .select2-teal .select2-container--default .select2-results__option--highlighted[aria-selected],
  17905. .select2-teal .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
  17906. background-color: #1ebc8d;
  17907. color: #ffffff;
  17908. }
  17909. .select2-container--default .select2-teal .select2-selection--multiple:focus,
  17910. .select2-teal .select2-container--default .select2-selection--multiple:focus {
  17911. border-color: #7eeaca;
  17912. }
  17913. .select2-container--default .select2-teal .select2-selection--multiple .select2-selection__choice,
  17914. .select2-teal .select2-container--default .select2-selection--multiple .select2-selection__choice {
  17915. background-color: #20c997;
  17916. border-color: #1cb386;
  17917. color: #ffffff;
  17918. }
  17919. .select2-container--default .select2-teal .select2-selection--multiple .select2-selection__choice__remove,
  17920. .select2-teal .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  17921. color: rgba(255, 255, 255, 0.7);
  17922. }
  17923. .select2-container--default .select2-teal .select2-selection--multiple .select2-selection__choice__remove:hover,
  17924. .select2-teal .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  17925. color: #ffffff;
  17926. }
  17927. .select2-container--default .select2-teal.select2-container--focus .select2-selection--multiple,
  17928. .select2-teal .select2-container--default.select2-container--focus .select2-selection--multiple {
  17929. border-color: #7eeaca;
  17930. }
  17931. .select2-container--default .select2-cyan.select2-dropdown .select2-search__field:focus,
  17932. .select2-container--default .select2-cyan .select2-dropdown .select2-search__field:focus,
  17933. .select2-container--default .select2-cyan .select2-search--inline .select2-search__field:focus,
  17934. .select2-cyan .select2-container--default.select2-dropdown .select2-search__field:focus,
  17935. .select2-cyan .select2-container--default .select2-dropdown .select2-search__field:focus,
  17936. .select2-cyan .select2-container--default .select2-search--inline .select2-search__field:focus {
  17937. border: 1px solid #63d9ec;
  17938. }
  17939. .select2-container--default .select2-cyan .select2-results__option--highlighted,
  17940. .select2-cyan .select2-container--default .select2-results__option--highlighted {
  17941. background-color: #17a2b8;
  17942. color: #ffffff;
  17943. }
  17944. .select2-container--default .select2-cyan .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-cyan .select2-results__option--highlighted[aria-selected]:hover,
  17945. .select2-cyan .select2-container--default .select2-results__option--highlighted[aria-selected],
  17946. .select2-cyan .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
  17947. background-color: #1596aa;
  17948. color: #ffffff;
  17949. }
  17950. .select2-container--default .select2-cyan .select2-selection--multiple:focus,
  17951. .select2-cyan .select2-container--default .select2-selection--multiple:focus {
  17952. border-color: #63d9ec;
  17953. }
  17954. .select2-container--default .select2-cyan .select2-selection--multiple .select2-selection__choice,
  17955. .select2-cyan .select2-container--default .select2-selection--multiple .select2-selection__choice {
  17956. background-color: #17a2b8;
  17957. border-color: #148ea1;
  17958. color: #ffffff;
  17959. }
  17960. .select2-container--default .select2-cyan .select2-selection--multiple .select2-selection__choice__remove,
  17961. .select2-cyan .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  17962. color: rgba(255, 255, 255, 0.7);
  17963. }
  17964. .select2-container--default .select2-cyan .select2-selection--multiple .select2-selection__choice__remove:hover,
  17965. .select2-cyan .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  17966. color: #ffffff;
  17967. }
  17968. .select2-container--default .select2-cyan.select2-container--focus .select2-selection--multiple,
  17969. .select2-cyan .select2-container--default.select2-container--focus .select2-selection--multiple {
  17970. border-color: #63d9ec;
  17971. }
  17972. .select2-container--default .select2-white.select2-dropdown .select2-search__field:focus,
  17973. .select2-container--default .select2-white .select2-dropdown .select2-search__field:focus,
  17974. .select2-container--default .select2-white .select2-search--inline .select2-search__field:focus,
  17975. .select2-white .select2-container--default.select2-dropdown .select2-search__field:focus,
  17976. .select2-white .select2-container--default .select2-dropdown .select2-search__field:focus,
  17977. .select2-white .select2-container--default .select2-search--inline .select2-search__field:focus {
  17978. border: 1px solid white;
  17979. }
  17980. .select2-container--default .select2-white .select2-results__option--highlighted,
  17981. .select2-white .select2-container--default .select2-results__option--highlighted {
  17982. background-color: #ffffff;
  17983. color: #1F2D3D;
  17984. }
  17985. .select2-container--default .select2-white .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-white .select2-results__option--highlighted[aria-selected]:hover,
  17986. .select2-white .select2-container--default .select2-results__option--highlighted[aria-selected],
  17987. .select2-white .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
  17988. background-color: #f7f7f7;
  17989. color: #1F2D3D;
  17990. }
  17991. .select2-container--default .select2-white .select2-selection--multiple:focus,
  17992. .select2-white .select2-container--default .select2-selection--multiple:focus {
  17993. border-color: white;
  17994. }
  17995. .select2-container--default .select2-white .select2-selection--multiple .select2-selection__choice,
  17996. .select2-white .select2-container--default .select2-selection--multiple .select2-selection__choice {
  17997. background-color: #ffffff;
  17998. border-color: #f2f2f2;
  17999. color: #1F2D3D;
  18000. }
  18001. .select2-container--default .select2-white .select2-selection--multiple .select2-selection__choice__remove,
  18002. .select2-white .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  18003. color: rgba(31, 45, 61, 0.7);
  18004. }
  18005. .select2-container--default .select2-white .select2-selection--multiple .select2-selection__choice__remove:hover,
  18006. .select2-white .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  18007. color: #1F2D3D;
  18008. }
  18009. .select2-container--default .select2-white.select2-container--focus .select2-selection--multiple,
  18010. .select2-white .select2-container--default.select2-container--focus .select2-selection--multiple {
  18011. border-color: white;
  18012. }
  18013. .select2-container--default .select2-gray.select2-dropdown .select2-search__field:focus,
  18014. .select2-container--default .select2-gray .select2-dropdown .select2-search__field:focus,
  18015. .select2-container--default .select2-gray .select2-search--inline .select2-search__field:focus,
  18016. .select2-gray .select2-container--default.select2-dropdown .select2-search__field:focus,
  18017. .select2-gray .select2-container--default .select2-dropdown .select2-search__field:focus,
  18018. .select2-gray .select2-container--default .select2-search--inline .select2-search__field:focus {
  18019. border: 1px solid #afb5ba;
  18020. }
  18021. .select2-container--default .select2-gray .select2-results__option--highlighted,
  18022. .select2-gray .select2-container--default .select2-results__option--highlighted {
  18023. background-color: #6c757d;
  18024. color: #ffffff;
  18025. }
  18026. .select2-container--default .select2-gray .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-gray .select2-results__option--highlighted[aria-selected]:hover,
  18027. .select2-gray .select2-container--default .select2-results__option--highlighted[aria-selected],
  18028. .select2-gray .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
  18029. background-color: #656d75;
  18030. color: #ffffff;
  18031. }
  18032. .select2-container--default .select2-gray .select2-selection--multiple:focus,
  18033. .select2-gray .select2-container--default .select2-selection--multiple:focus {
  18034. border-color: #afb5ba;
  18035. }
  18036. .select2-container--default .select2-gray .select2-selection--multiple .select2-selection__choice,
  18037. .select2-gray .select2-container--default .select2-selection--multiple .select2-selection__choice {
  18038. background-color: #6c757d;
  18039. border-color: #60686f;
  18040. color: #ffffff;
  18041. }
  18042. .select2-container--default .select2-gray .select2-selection--multiple .select2-selection__choice__remove,
  18043. .select2-gray .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  18044. color: rgba(255, 255, 255, 0.7);
  18045. }
  18046. .select2-container--default .select2-gray .select2-selection--multiple .select2-selection__choice__remove:hover,
  18047. .select2-gray .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  18048. color: #ffffff;
  18049. }
  18050. .select2-container--default .select2-gray.select2-container--focus .select2-selection--multiple,
  18051. .select2-gray .select2-container--default.select2-container--focus .select2-selection--multiple {
  18052. border-color: #afb5ba;
  18053. }
  18054. .select2-container--default .select2-gray-dark.select2-dropdown .select2-search__field:focus,
  18055. .select2-container--default .select2-gray-dark .select2-dropdown .select2-search__field:focus,
  18056. .select2-container--default .select2-gray-dark .select2-search--inline .select2-search__field:focus,
  18057. .select2-gray-dark .select2-container--default.select2-dropdown .select2-search__field:focus,
  18058. .select2-gray-dark .select2-container--default .select2-dropdown .select2-search__field:focus,
  18059. .select2-gray-dark .select2-container--default .select2-search--inline .select2-search__field:focus {
  18060. border: 1px solid #6d7a86;
  18061. }
  18062. .select2-container--default .select2-gray-dark .select2-results__option--highlighted,
  18063. .select2-gray-dark .select2-container--default .select2-results__option--highlighted {
  18064. background-color: #343a40;
  18065. color: #ffffff;
  18066. }
  18067. .select2-container--default .select2-gray-dark .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-gray-dark .select2-results__option--highlighted[aria-selected]:hover,
  18068. .select2-gray-dark .select2-container--default .select2-results__option--highlighted[aria-selected],
  18069. .select2-gray-dark .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
  18070. background-color: #2d3238;
  18071. color: #ffffff;
  18072. }
  18073. .select2-container--default .select2-gray-dark .select2-selection--multiple:focus,
  18074. .select2-gray-dark .select2-container--default .select2-selection--multiple:focus {
  18075. border-color: #6d7a86;
  18076. }
  18077. .select2-container--default .select2-gray-dark .select2-selection--multiple .select2-selection__choice,
  18078. .select2-gray-dark .select2-container--default .select2-selection--multiple .select2-selection__choice {
  18079. background-color: #343a40;
  18080. border-color: #292d32;
  18081. color: #ffffff;
  18082. }
  18083. .select2-container--default .select2-gray-dark .select2-selection--multiple .select2-selection__choice__remove,
  18084. .select2-gray-dark .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  18085. color: rgba(255, 255, 255, 0.7);
  18086. }
  18087. .select2-container--default .select2-gray-dark .select2-selection--multiple .select2-selection__choice__remove:hover,
  18088. .select2-gray-dark .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  18089. color: #ffffff;
  18090. }
  18091. .select2-container--default .select2-gray-dark.select2-container--focus .select2-selection--multiple,
  18092. .select2-gray-dark .select2-container--default.select2-container--focus .select2-selection--multiple {
  18093. border-color: #6d7a86;
  18094. }
  18095. .slider.slider-vertical {
  18096. height: 100%;
  18097. }
  18098. .slider.slider-horizontal {
  18099. width: 100%;
  18100. }
  18101. .slider-primary .slider .slider-selection {
  18102. background: #007bff;
  18103. }
  18104. .slider-secondary .slider .slider-selection {
  18105. background: #6c757d;
  18106. }
  18107. .slider-success .slider .slider-selection {
  18108. background: #28a745;
  18109. }
  18110. .slider-info .slider .slider-selection {
  18111. background: #17a2b8;
  18112. }
  18113. .slider-warning .slider .slider-selection {
  18114. background: #ffc107;
  18115. }
  18116. .slider-danger .slider .slider-selection {
  18117. background: #dc3545;
  18118. }
  18119. .slider-light .slider .slider-selection {
  18120. background: #f8f9fa;
  18121. }
  18122. .slider-dark .slider .slider-selection {
  18123. background: #343a40;
  18124. }
  18125. .slider-navy .slider .slider-selection {
  18126. background: #001f3f;
  18127. }
  18128. .slider-olive .slider .slider-selection {
  18129. background: #3d9970;
  18130. }
  18131. .slider-lime .slider .slider-selection {
  18132. background: #01ff70;
  18133. }
  18134. .slider-fuchsia .slider .slider-selection {
  18135. background: #f012be;
  18136. }
  18137. .slider-maroon .slider .slider-selection {
  18138. background: #d81b60;
  18139. }
  18140. .slider-blue .slider .slider-selection {
  18141. background: #007bff;
  18142. }
  18143. .slider-indigo .slider .slider-selection {
  18144. background: #6610f2;
  18145. }
  18146. .slider-purple .slider .slider-selection {
  18147. background: #6f42c1;
  18148. }
  18149. .slider-pink .slider .slider-selection {
  18150. background: #e83e8c;
  18151. }
  18152. .slider-red .slider .slider-selection {
  18153. background: #dc3545;
  18154. }
  18155. .slider-orange .slider .slider-selection {
  18156. background: #fd7e14;
  18157. }
  18158. .slider-yellow .slider .slider-selection {
  18159. background: #ffc107;
  18160. }
  18161. .slider-green .slider .slider-selection {
  18162. background: #28a745;
  18163. }
  18164. .slider-teal .slider .slider-selection {
  18165. background: #20c997;
  18166. }
  18167. .slider-cyan .slider .slider-selection {
  18168. background: #17a2b8;
  18169. }
  18170. .slider-white .slider .slider-selection {
  18171. background: #ffffff;
  18172. }
  18173. .slider-gray .slider .slider-selection {
  18174. background: #6c757d;
  18175. }
  18176. .slider-gray-dark .slider .slider-selection {
  18177. background: #343a40;
  18178. }
  18179. .icheck-primary > input:first-child:not(:checked):not(:disabled):hover + label::before,
  18180. .icheck-primary > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
  18181. border-color: #007bff;
  18182. }
  18183. .icheck-primary > input:first-child:not(:checked):not(:disabled):focus + label::before,
  18184. .icheck-primary > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
  18185. border-color: #007bff;
  18186. }
  18187. .icheck-primary > input:first-child:checked + label::before,
  18188. .icheck-primary > input:first-child:checked + input[type="hidden"] + label::before {
  18189. background-color: #007bff;
  18190. border-color: #007bff;
  18191. }
  18192. .icheck-secondary > input:first-child:not(:checked):not(:disabled):hover + label::before,
  18193. .icheck-secondary > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
  18194. border-color: #6c757d;
  18195. }
  18196. .icheck-secondary > input:first-child:not(:checked):not(:disabled):focus + label::before,
  18197. .icheck-secondary > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
  18198. border-color: #6c757d;
  18199. }
  18200. .icheck-secondary > input:first-child:checked + label::before,
  18201. .icheck-secondary > input:first-child:checked + input[type="hidden"] + label::before {
  18202. background-color: #6c757d;
  18203. border-color: #6c757d;
  18204. }
  18205. .icheck-success > input:first-child:not(:checked):not(:disabled):hover + label::before,
  18206. .icheck-success > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
  18207. border-color: #28a745;
  18208. }
  18209. .icheck-success > input:first-child:not(:checked):not(:disabled):focus + label::before,
  18210. .icheck-success > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
  18211. border-color: #28a745;
  18212. }
  18213. .icheck-success > input:first-child:checked + label::before,
  18214. .icheck-success > input:first-child:checked + input[type="hidden"] + label::before {
  18215. background-color: #28a745;
  18216. border-color: #28a745;
  18217. }
  18218. .icheck-info > input:first-child:not(:checked):not(:disabled):hover + label::before,
  18219. .icheck-info > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
  18220. border-color: #17a2b8;
  18221. }
  18222. .icheck-info > input:first-child:not(:checked):not(:disabled):focus + label::before,
  18223. .icheck-info > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
  18224. border-color: #17a2b8;
  18225. }
  18226. .icheck-info > input:first-child:checked + label::before,
  18227. .icheck-info > input:first-child:checked + input[type="hidden"] + label::before {
  18228. background-color: #17a2b8;
  18229. border-color: #17a2b8;
  18230. }
  18231. .icheck-warning > input:first-child:not(:checked):not(:disabled):hover + label::before,
  18232. .icheck-warning > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
  18233. border-color: #ffc107;
  18234. }
  18235. .icheck-warning > input:first-child:not(:checked):not(:disabled):focus + label::before,
  18236. .icheck-warning > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
  18237. border-color: #ffc107;
  18238. }
  18239. .icheck-warning > input:first-child:checked + label::before,
  18240. .icheck-warning > input:first-child:checked + input[type="hidden"] + label::before {
  18241. background-color: #ffc107;
  18242. border-color: #ffc107;
  18243. }
  18244. .icheck-danger > input:first-child:not(:checked):not(:disabled):hover + label::before,
  18245. .icheck-danger > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
  18246. border-color: #dc3545;
  18247. }
  18248. .icheck-danger > input:first-child:not(:checked):not(:disabled):focus + label::before,
  18249. .icheck-danger > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
  18250. border-color: #dc3545;
  18251. }
  18252. .icheck-danger > input:first-child:checked + label::before,
  18253. .icheck-danger > input:first-child:checked + input[type="hidden"] + label::before {
  18254. background-color: #dc3545;
  18255. border-color: #dc3545;
  18256. }
  18257. .icheck-light > input:first-child:not(:checked):not(:disabled):hover + label::before,
  18258. .icheck-light > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
  18259. border-color: #f8f9fa;
  18260. }
  18261. .icheck-light > input:first-child:not(:checked):not(:disabled):focus + label::before,
  18262. .icheck-light > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
  18263. border-color: #f8f9fa;
  18264. }
  18265. .icheck-light > input:first-child:checked + label::before,
  18266. .icheck-light > input:first-child:checked + input[type="hidden"] + label::before {
  18267. background-color: #f8f9fa;
  18268. border-color: #f8f9fa;
  18269. }
  18270. .icheck-dark > input:first-child:not(:checked):not(:disabled):hover + label::before,
  18271. .icheck-dark > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
  18272. border-color: #343a40;
  18273. }
  18274. .icheck-dark > input:first-child:not(:checked):not(:disabled):focus + label::before,
  18275. .icheck-dark > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
  18276. border-color: #343a40;
  18277. }
  18278. .icheck-dark > input:first-child:checked + label::before,
  18279. .icheck-dark > input:first-child:checked + input[type="hidden"] + label::before {
  18280. background-color: #343a40;
  18281. border-color: #343a40;
  18282. }
  18283. .icheck-navy > input:first-child:not(:checked):not(:disabled):hover + label::before,
  18284. .icheck-navy > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
  18285. border-color: #001f3f;
  18286. }
  18287. .icheck-navy > input:first-child:not(:checked):not(:disabled):focus + label::before,
  18288. .icheck-navy > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
  18289. border-color: #001f3f;
  18290. }
  18291. .icheck-navy > input:first-child:checked + label::before,
  18292. .icheck-navy > input:first-child:checked + input[type="hidden"] + label::before {
  18293. background-color: #001f3f;
  18294. border-color: #001f3f;
  18295. }
  18296. .icheck-olive > input:first-child:not(:checked):not(:disabled):hover + label::before,
  18297. .icheck-olive > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
  18298. border-color: #3d9970;
  18299. }
  18300. .icheck-olive > input:first-child:not(:checked):not(:disabled):focus + label::before,
  18301. .icheck-olive > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
  18302. border-color: #3d9970;
  18303. }
  18304. .icheck-olive > input:first-child:checked + label::before,
  18305. .icheck-olive > input:first-child:checked + input[type="hidden"] + label::before {
  18306. background-color: #3d9970;
  18307. border-color: #3d9970;
  18308. }
  18309. .icheck-lime > input:first-child:not(:checked):not(:disabled):hover + label::before,
  18310. .icheck-lime > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
  18311. border-color: #01ff70;
  18312. }
  18313. .icheck-lime > input:first-child:not(:checked):not(:disabled):focus + label::before,
  18314. .icheck-lime > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
  18315. border-color: #01ff70;
  18316. }
  18317. .icheck-lime > input:first-child:checked + label::before,
  18318. .icheck-lime > input:first-child:checked + input[type="hidden"] + label::before {
  18319. background-color: #01ff70;
  18320. border-color: #01ff70;
  18321. }
  18322. .icheck-fuchsia > input:first-child:not(:checked):not(:disabled):hover + label::before,
  18323. .icheck-fuchsia > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
  18324. border-color: #f012be;
  18325. }
  18326. .icheck-fuchsia > input:first-child:not(:checked):not(:disabled):focus + label::before,
  18327. .icheck-fuchsia > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
  18328. border-color: #f012be;
  18329. }
  18330. .icheck-fuchsia > input:first-child:checked + label::before,
  18331. .icheck-fuchsia > input:first-child:checked + input[type="hidden"] + label::before {
  18332. background-color: #f012be;
  18333. border-color: #f012be;
  18334. }
  18335. .icheck-maroon > input:first-child:not(:checked):not(:disabled):hover + label::before,
  18336. .icheck-maroon > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
  18337. border-color: #d81b60;
  18338. }
  18339. .icheck-maroon > input:first-child:not(:checked):not(:disabled):focus + label::before,
  18340. .icheck-maroon > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
  18341. border-color: #d81b60;
  18342. }
  18343. .icheck-maroon > input:first-child:checked + label::before,
  18344. .icheck-maroon > input:first-child:checked + input[type="hidden"] + label::before {
  18345. background-color: #d81b60;
  18346. border-color: #d81b60;
  18347. }
  18348. .icheck-blue > input:first-child:not(:checked):not(:disabled):hover + label::before,
  18349. .icheck-blue > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
  18350. border-color: #007bff;
  18351. }
  18352. .icheck-blue > input:first-child:not(:checked):not(:disabled):focus + label::before,
  18353. .icheck-blue > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
  18354. border-color: #007bff;
  18355. }
  18356. .icheck-blue > input:first-child:checked + label::before,
  18357. .icheck-blue > input:first-child:checked + input[type="hidden"] + label::before {
  18358. background-color: #007bff;
  18359. border-color: #007bff;
  18360. }
  18361. .icheck-indigo > input:first-child:not(:checked):not(:disabled):hover + label::before,
  18362. .icheck-indigo > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
  18363. border-color: #6610f2;
  18364. }
  18365. .icheck-indigo > input:first-child:not(:checked):not(:disabled):focus + label::before,
  18366. .icheck-indigo > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
  18367. border-color: #6610f2;
  18368. }
  18369. .icheck-indigo > input:first-child:checked + label::before,
  18370. .icheck-indigo > input:first-child:checked + input[type="hidden"] + label::before {
  18371. background-color: #6610f2;
  18372. border-color: #6610f2;
  18373. }
  18374. .icheck-purple > input:first-child:not(:checked):not(:disabled):hover + label::before,
  18375. .icheck-purple > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
  18376. border-color: #6f42c1;
  18377. }
  18378. .icheck-purple > input:first-child:not(:checked):not(:disabled):focus + label::before,
  18379. .icheck-purple > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
  18380. border-color: #6f42c1;
  18381. }
  18382. .icheck-purple > input:first-child:checked + label::before,
  18383. .icheck-purple > input:first-child:checked + input[type="hidden"] + label::before {
  18384. background-color: #6f42c1;
  18385. border-color: #6f42c1;
  18386. }
  18387. .icheck-pink > input:first-child:not(:checked):not(:disabled):hover + label::before,
  18388. .icheck-pink > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
  18389. border-color: #e83e8c;
  18390. }
  18391. .icheck-pink > input:first-child:not(:checked):not(:disabled):focus + label::before,
  18392. .icheck-pink > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
  18393. border-color: #e83e8c;
  18394. }
  18395. .icheck-pink > input:first-child:checked + label::before,
  18396. .icheck-pink > input:first-child:checked + input[type="hidden"] + label::before {
  18397. background-color: #e83e8c;
  18398. border-color: #e83e8c;
  18399. }
  18400. .icheck-red > input:first-child:not(:checked):not(:disabled):hover + label::before,
  18401. .icheck-red > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
  18402. border-color: #dc3545;
  18403. }
  18404. .icheck-red > input:first-child:not(:checked):not(:disabled):focus + label::before,
  18405. .icheck-red > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
  18406. border-color: #dc3545;
  18407. }
  18408. .icheck-red > input:first-child:checked + label::before,
  18409. .icheck-red > input:first-child:checked + input[type="hidden"] + label::before {
  18410. background-color: #dc3545;
  18411. border-color: #dc3545;
  18412. }
  18413. .icheck-orange > input:first-child:not(:checked):not(:disabled):hover + label::before,
  18414. .icheck-orange > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
  18415. border-color: #fd7e14;
  18416. }
  18417. .icheck-orange > input:first-child:not(:checked):not(:disabled):focus + label::before,
  18418. .icheck-orange > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
  18419. border-color: #fd7e14;
  18420. }
  18421. .icheck-orange > input:first-child:checked + label::before,
  18422. .icheck-orange > input:first-child:checked + input[type="hidden"] + label::before {
  18423. background-color: #fd7e14;
  18424. border-color: #fd7e14;
  18425. }
  18426. .icheck-yellow > input:first-child:not(:checked):not(:disabled):hover + label::before,
  18427. .icheck-yellow > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
  18428. border-color: #ffc107;
  18429. }
  18430. .icheck-yellow > input:first-child:not(:checked):not(:disabled):focus + label::before,
  18431. .icheck-yellow > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
  18432. border-color: #ffc107;
  18433. }
  18434. .icheck-yellow > input:first-child:checked + label::before,
  18435. .icheck-yellow > input:first-child:checked + input[type="hidden"] + label::before {
  18436. background-color: #ffc107;
  18437. border-color: #ffc107;
  18438. }
  18439. .icheck-green > input:first-child:not(:checked):not(:disabled):hover + label::before,
  18440. .icheck-green > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
  18441. border-color: #28a745;
  18442. }
  18443. .icheck-green > input:first-child:not(:checked):not(:disabled):focus + label::before,
  18444. .icheck-green > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
  18445. border-color: #28a745;
  18446. }
  18447. .icheck-green > input:first-child:checked + label::before,
  18448. .icheck-green > input:first-child:checked + input[type="hidden"] + label::before {
  18449. background-color: #28a745;
  18450. border-color: #28a745;
  18451. }
  18452. .icheck-teal > input:first-child:not(:checked):not(:disabled):hover + label::before,
  18453. .icheck-teal > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
  18454. border-color: #20c997;
  18455. }
  18456. .icheck-teal > input:first-child:not(:checked):not(:disabled):focus + label::before,
  18457. .icheck-teal > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
  18458. border-color: #20c997;
  18459. }
  18460. .icheck-teal > input:first-child:checked + label::before,
  18461. .icheck-teal > input:first-child:checked + input[type="hidden"] + label::before {
  18462. background-color: #20c997;
  18463. border-color: #20c997;
  18464. }
  18465. .icheck-cyan > input:first-child:not(:checked):not(:disabled):hover + label::before,
  18466. .icheck-cyan > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
  18467. border-color: #17a2b8;
  18468. }
  18469. .icheck-cyan > input:first-child:not(:checked):not(:disabled):focus + label::before,
  18470. .icheck-cyan > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
  18471. border-color: #17a2b8;
  18472. }
  18473. .icheck-cyan > input:first-child:checked + label::before,
  18474. .icheck-cyan > input:first-child:checked + input[type="hidden"] + label::before {
  18475. background-color: #17a2b8;
  18476. border-color: #17a2b8;
  18477. }
  18478. .icheck-white > input:first-child:not(:checked):not(:disabled):hover + label::before,
  18479. .icheck-white > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
  18480. border-color: #ffffff;
  18481. }
  18482. .icheck-white > input:first-child:not(:checked):not(:disabled):focus + label::before,
  18483. .icheck-white > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
  18484. border-color: #ffffff;
  18485. }
  18486. .icheck-white > input:first-child:checked + label::before,
  18487. .icheck-white > input:first-child:checked + input[type="hidden"] + label::before {
  18488. background-color: #ffffff;
  18489. border-color: #ffffff;
  18490. }
  18491. .icheck-gray > input:first-child:not(:checked):not(:disabled):hover + label::before,
  18492. .icheck-gray > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
  18493. border-color: #6c757d;
  18494. }
  18495. .icheck-gray > input:first-child:not(:checked):not(:disabled):focus + label::before,
  18496. .icheck-gray > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
  18497. border-color: #6c757d;
  18498. }
  18499. .icheck-gray > input:first-child:checked + label::before,
  18500. .icheck-gray > input:first-child:checked + input[type="hidden"] + label::before {
  18501. background-color: #6c757d;
  18502. border-color: #6c757d;
  18503. }
  18504. .icheck-gray-dark > input:first-child:not(:checked):not(:disabled):hover + label::before,
  18505. .icheck-gray-dark > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
  18506. border-color: #343a40;
  18507. }
  18508. .icheck-gray-dark > input:first-child:not(:checked):not(:disabled):focus + label::before,
  18509. .icheck-gray-dark > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
  18510. border-color: #343a40;
  18511. }
  18512. .icheck-gray-dark > input:first-child:checked + label::before,
  18513. .icheck-gray-dark > input:first-child:checked + input[type="hidden"] + label::before {
  18514. background-color: #343a40;
  18515. border-color: #343a40;
  18516. }
  18517. .mapael .map {
  18518. position: relative;
  18519. }
  18520. .mapael .mapTooltip {
  18521. font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  18522. font-style: normal;
  18523. font-weight: 400;
  18524. line-height: 1.5;
  18525. text-align: left;
  18526. text-align: start;
  18527. text-decoration: none;
  18528. text-shadow: none;
  18529. text-transform: none;
  18530. letter-spacing: normal;
  18531. word-break: normal;
  18532. word-spacing: normal;
  18533. white-space: normal;
  18534. line-break: auto;
  18535. border-radius: 0.25rem;
  18536. font-size: 0.875rem;
  18537. background-color: #000;
  18538. color: #ffffff;
  18539. display: block;
  18540. max-width: 200px;
  18541. padding: 0.25rem 0.5rem;
  18542. position: absolute;
  18543. text-align: center;
  18544. word-wrap: break-word;
  18545. z-index: 1070;
  18546. }
  18547. .mapael .myLegend {
  18548. background-color: #f8f9fa;
  18549. border: 1px solid #adb5bd;
  18550. padding: 10px;
  18551. width: 600px;
  18552. }
  18553. .mapael .zoomButton {
  18554. background-color: #f8f9fa;
  18555. border: 1px solid #ddd;
  18556. border-radius: 0.25rem;
  18557. color: #444;
  18558. cursor: pointer;
  18559. font-weight: bold;
  18560. height: 16px;
  18561. left: 10px;
  18562. line-height: 14px;
  18563. padding-left: 1px;
  18564. position: absolute;
  18565. text-align: center;
  18566. top: 0;
  18567. -webkit-user-select: none;
  18568. -moz-user-select: none;
  18569. -ms-user-select: none;
  18570. user-select: none;
  18571. width: 16px;
  18572. }
  18573. .mapael .zoomButton:hover, .mapael .zoomButton:active, .mapael .zoomButton.hover {
  18574. background-color: #e9ecef;
  18575. color: #2b2b2b;
  18576. }
  18577. .mapael .zoomReset {
  18578. line-height: 12px;
  18579. top: 10px;
  18580. }
  18581. .mapael .zoomIn {
  18582. top: 30px;
  18583. }
  18584. .mapael .zoomOut {
  18585. top: 50px;
  18586. }
  18587. .jqvmap-zoomin,
  18588. .jqvmap-zoomout {
  18589. background-color: #f8f9fa;
  18590. border: 1px solid #ddd;
  18591. border-radius: 0.25rem;
  18592. color: #444;
  18593. height: 15px;
  18594. width: 15px;
  18595. }
  18596. .jqvmap-zoomin:hover, .jqvmap-zoomin:active, .jqvmap-zoomin.hover,
  18597. .jqvmap-zoomout:hover,
  18598. .jqvmap-zoomout:active,
  18599. .jqvmap-zoomout.hover {
  18600. background-color: #e9ecef;
  18601. color: #2b2b2b;
  18602. }
  18603. .swal2-icon.swal2-info {
  18604. border-color: ligthen(#17a2b8, 20%);
  18605. color: #17a2b8;
  18606. }
  18607. .swal2-icon.swal2-warning {
  18608. border-color: ligthen(#ffc107, 20%);
  18609. color: #ffc107;
  18610. }
  18611. .swal2-icon.swal2-error {
  18612. border-color: ligthen(#dc3545, 20%);
  18613. color: #dc3545;
  18614. }
  18615. .swal2-icon.swal2-question {
  18616. border-color: ligthen(#6c757d, 20%);
  18617. color: #6c757d;
  18618. }
  18619. .swal2-icon.swal2-success {
  18620. border-color: ligthen(#28a745, 20%);
  18621. color: #28a745;
  18622. }
  18623. .swal2-icon.swal2-success .swal2-success-ring {
  18624. border-color: ligthen(#28a745, 20%);
  18625. }
  18626. .swal2-icon.swal2-success [class^='swal2-success-line'] {
  18627. background-color: #28a745;
  18628. }
  18629. #toast-container .toast {
  18630. background-color: #007bff;
  18631. }
  18632. #toast-container .toast-success {
  18633. background-color: #28a745;
  18634. }
  18635. #toast-container .toast-error {
  18636. background-color: #dc3545;
  18637. }
  18638. #toast-container .toast-info {
  18639. background-color: #17a2b8;
  18640. }
  18641. #toast-container .toast-warning {
  18642. background-color: #ffc107;
  18643. }
  18644. .pace {
  18645. z-index: 1048;
  18646. }
  18647. .pace .pace-progress {
  18648. z-index: 1049;
  18649. }
  18650. .pace .pace-activity {
  18651. z-index: 1050;
  18652. }
  18653. .pace-primary .pace .pace-progress {
  18654. background: #007bff;
  18655. }
  18656. .pace-barber-shop-primary .pace {
  18657. background: #ffffff;
  18658. }
  18659. .pace-barber-shop-primary .pace .pace-progress {
  18660. background: #007bff;
  18661. }
  18662. .pace-barber-shop-primary .pace .pace-activity {
  18663. background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  18664. }
  18665. .pace-big-counter-primary .pace .pace-progress::after {
  18666. color: rgba(0, 123, 255, 0.2);
  18667. }
  18668. .pace-bounce-primary .pace .pace-activity {
  18669. background: #007bff;
  18670. }
  18671. .pace-center-atom-primary .pace-progress {
  18672. height: 100px;
  18673. width: 80px;
  18674. }
  18675. .pace-center-atom-primary .pace-progress::before {
  18676. background: #007bff;
  18677. color: #ffffff;
  18678. font-size: .8rem;
  18679. line-height: .7rem;
  18680. padding-top: 17%;
  18681. }
  18682. .pace-center-atom-primary .pace-activity {
  18683. border-color: #007bff;
  18684. }
  18685. .pace-center-atom-primary .pace-activity::after, .pace-center-atom-primary .pace-activity::before {
  18686. border-color: #007bff;
  18687. }
  18688. .pace-center-circle-primary .pace .pace-progress {
  18689. background: rgba(0, 123, 255, 0.8);
  18690. color: #ffffff;
  18691. }
  18692. .pace-center-radar-primary .pace .pace-activity {
  18693. border-color: #007bff transparent transparent;
  18694. }
  18695. .pace-center-radar-primary .pace .pace-activity::before {
  18696. border-color: #007bff transparent transparent;
  18697. }
  18698. .pace-center-simple-primary .pace {
  18699. background: #ffffff;
  18700. border-color: #007bff;
  18701. }
  18702. .pace-center-simple-primary .pace .pace-progress {
  18703. background: #007bff;
  18704. }
  18705. .pace-material-primary .pace {
  18706. color: #007bff;
  18707. }
  18708. .pace-corner-indicator-primary .pace .pace-activity {
  18709. background: #007bff;
  18710. }
  18711. .pace-corner-indicator-primary .pace .pace-activity::after,
  18712. .pace-corner-indicator-primary .pace .pace-activity::before  {
  18713. border: 5px solid #ffffff;
  18714. }
  18715. .pace-corner-indicator-primary .pace .pace-activity::before {
  18716. border-right-color: rgba(0, 123, 255, 0.2);
  18717. border-left-color: rgba(0, 123, 255, 0.2);
  18718. }
  18719. .pace-corner-indicator-primary .pace .pace-activity::after {
  18720. border-top-color: rgba(0, 123, 255, 0.2);
  18721. border-bottom-color: rgba(0, 123, 255, 0.2);
  18722. }
  18723. .pace-fill-left-primary .pace .pace-progress {
  18724. background-color: rgba(0, 123, 255, 0.2);
  18725. }
  18726. .pace-flash-primary .pace .pace-progress {
  18727. background: #007bff;
  18728. }
  18729. .pace-flash-primary .pace .pace-progress-inner {
  18730. box-shadow: 0 0 10px #007bff, 0 0 5px #007bff;
  18731. }
  18732. .pace-flash-primary .pace .pace-activity {
  18733. border-top-color: #007bff;
  18734. border-left-color: #007bff;
  18735. }
  18736. .pace-loading-bar-primary .pace .pace-progress {
  18737. background: #007bff;
  18738. color: #007bff;
  18739. box-shadow: 120px 0 #ffffff, 240px 0 #ffffff;
  18740. }
  18741. .pace-loading-bar-primary .pace .pace-activity {
  18742. box-shadow: inset 0 0 0 2px #007bff, inset 0 0 0 7px #ffffff;
  18743. }
  18744. .pace-mac-osx-primary .pace .pace-progress {
  18745. background-color: #007bff;
  18746. box-shadow: inset -1px 0 #007bff, inset 0 -1px #007bff, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
  18747. }
  18748. .pace-mac-osx-primary .pace .pace-activity {
  18749. background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%);
  18750. height: 12px;
  18751. }
  18752. .pace-progress-color-primary .pace-progress {
  18753. color: #007bff;
  18754. }
  18755. .pace-secondary .pace .pace-progress {
  18756. background: #6c757d;
  18757. }
  18758. .pace-barber-shop-secondary .pace {
  18759. background: #ffffff;
  18760. }
  18761. .pace-barber-shop-secondary .pace .pace-progress {
  18762. background: #6c757d;
  18763. }
  18764. .pace-barber-shop-secondary .pace .pace-activity {
  18765. background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  18766. }
  18767. .pace-big-counter-secondary .pace .pace-progress::after {
  18768. color: rgba(108, 117, 125, 0.2);
  18769. }
  18770. .pace-bounce-secondary .pace .pace-activity {
  18771. background: #6c757d;
  18772. }
  18773. .pace-center-atom-secondary .pace-progress {
  18774. height: 100px;
  18775. width: 80px;
  18776. }
  18777. .pace-center-atom-secondary .pace-progress::before {
  18778. background: #6c757d;
  18779. color: #ffffff;
  18780. font-size: .8rem;
  18781. line-height: .7rem;
  18782. padding-top: 17%;
  18783. }
  18784. .pace-center-atom-secondary .pace-activity {
  18785. border-color: #6c757d;
  18786. }
  18787. .pace-center-atom-secondary .pace-activity::after, .pace-center-atom-secondary .pace-activity::before {
  18788. border-color: #6c757d;
  18789. }
  18790. .pace-center-circle-secondary .pace .pace-progress {
  18791. background: rgba(108, 117, 125, 0.8);
  18792. color: #ffffff;
  18793. }
  18794. .pace-center-radar-secondary .pace .pace-activity {
  18795. border-color: #6c757d transparent transparent;
  18796. }
  18797. .pace-center-radar-secondary .pace .pace-activity::before {
  18798. border-color: #6c757d transparent transparent;
  18799. }
  18800. .pace-center-simple-secondary .pace {
  18801. background: #ffffff;
  18802. border-color: #6c757d;
  18803. }
  18804. .pace-center-simple-secondary .pace .pace-progress {
  18805. background: #6c757d;
  18806. }
  18807. .pace-material-secondary .pace {
  18808. color: #6c757d;
  18809. }
  18810. .pace-corner-indicator-secondary .pace .pace-activity {
  18811. background: #6c757d;
  18812. }
  18813. .pace-corner-indicator-secondary .pace .pace-activity::after,
  18814. .pace-corner-indicator-secondary .pace .pace-activity::before  {
  18815. border: 5px solid #ffffff;
  18816. }
  18817. .pace-corner-indicator-secondary .pace .pace-activity::before {
  18818. border-right-color: rgba(108, 117, 125, 0.2);
  18819. border-left-color: rgba(108, 117, 125, 0.2);
  18820. }
  18821. .pace-corner-indicator-secondary .pace .pace-activity::after {
  18822. border-top-color: rgba(108, 117, 125, 0.2);
  18823. border-bottom-color: rgba(108, 117, 125, 0.2);
  18824. }
  18825. .pace-fill-left-secondary .pace .pace-progress {
  18826. background-color: rgba(108, 117, 125, 0.2);
  18827. }
  18828. .pace-flash-secondary .pace .pace-progress {
  18829. background: #6c757d;
  18830. }
  18831. .pace-flash-secondary .pace .pace-progress-inner {
  18832. box-shadow: 0 0 10px #6c757d, 0 0 5px #6c757d;
  18833. }
  18834. .pace-flash-secondary .pace .pace-activity {
  18835. border-top-color: #6c757d;
  18836. border-left-color: #6c757d;
  18837. }
  18838. .pace-loading-bar-secondary .pace .pace-progress {
  18839. background: #6c757d;
  18840. color: #6c757d;
  18841. box-shadow: 120px 0 #ffffff, 240px 0 #ffffff;
  18842. }
  18843. .pace-loading-bar-secondary .pace .pace-activity {
  18844. box-shadow: inset 0 0 0 2px #6c757d, inset 0 0 0 7px #ffffff;
  18845. }
  18846. .pace-mac-osx-secondary .pace .pace-progress {
  18847. background-color: #6c757d;
  18848. box-shadow: inset -1px 0 #6c757d, inset 0 -1px #6c757d, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
  18849. }
  18850. .pace-mac-osx-secondary .pace .pace-activity {
  18851. background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%);
  18852. height: 12px;
  18853. }
  18854. .pace-progress-color-secondary .pace-progress {
  18855. color: #6c757d;
  18856. }
  18857. .pace-success .pace .pace-progress {
  18858. background: #28a745;
  18859. }
  18860. .pace-barber-shop-success .pace {
  18861. background: #ffffff;
  18862. }
  18863. .pace-barber-shop-success .pace .pace-progress {
  18864. background: #28a745;
  18865. }
  18866. .pace-barber-shop-success .pace .pace-activity {
  18867. background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  18868. }
  18869. .pace-big-counter-success .pace .pace-progress::after {
  18870. color: rgba(40, 167, 69, 0.2);
  18871. }
  18872. .pace-bounce-success .pace .pace-activity {
  18873. background: #28a745;
  18874. }
  18875. .pace-center-atom-success .pace-progress {
  18876. height: 100px;
  18877. width: 80px;
  18878. }
  18879. .pace-center-atom-success .pace-progress::before {
  18880. background: #28a745;
  18881. color: #ffffff;
  18882. font-size: .8rem;
  18883. line-height: .7rem;
  18884. padding-top: 17%;
  18885. }
  18886. .pace-center-atom-success .pace-activity {
  18887. border-color: #28a745;
  18888. }
  18889. .pace-center-atom-success .pace-activity::after, .pace-center-atom-success .pace-activity::before {
  18890. border-color: #28a745;
  18891. }
  18892. .pace-center-circle-success .pace .pace-progress {
  18893. background: rgba(40, 167, 69, 0.8);
  18894. color: #ffffff;
  18895. }
  18896. .pace-center-radar-success .pace .pace-activity {
  18897. border-color: #28a745 transparent transparent;
  18898. }
  18899. .pace-center-radar-success .pace .pace-activity::before {
  18900. border-color: #28a745 transparent transparent;
  18901. }
  18902. .pace-center-simple-success .pace {
  18903. background: #ffffff;
  18904. border-color: #28a745;
  18905. }
  18906. .pace-center-simple-success .pace .pace-progress {
  18907. background: #28a745;
  18908. }
  18909. .pace-material-success .pace {
  18910. color: #28a745;
  18911. }
  18912. .pace-corner-indicator-success .pace .pace-activity {
  18913. background: #28a745;
  18914. }
  18915. .pace-corner-indicator-success .pace .pace-activity::after,
  18916. .pace-corner-indicator-success .pace .pace-activity::before  {
  18917. border: 5px solid #ffffff;
  18918. }
  18919. .pace-corner-indicator-success .pace .pace-activity::before {
  18920. border-right-color: rgba(40, 167, 69, 0.2);
  18921. border-left-color: rgba(40, 167, 69, 0.2);
  18922. }
  18923. .pace-corner-indicator-success .pace .pace-activity::after {
  18924. border-top-color: rgba(40, 167, 69, 0.2);
  18925. border-bottom-color: rgba(40, 167, 69, 0.2);
  18926. }
  18927. .pace-fill-left-success .pace .pace-progress {
  18928. background-color: rgba(40, 167, 69, 0.2);
  18929. }
  18930. .pace-flash-success .pace .pace-progress {
  18931. background: #28a745;
  18932. }
  18933. .pace-flash-success .pace .pace-progress-inner {
  18934. box-shadow: 0 0 10px #28a745, 0 0 5px #28a745;
  18935. }
  18936. .pace-flash-success .pace .pace-activity {
  18937. border-top-color: #28a745;
  18938. border-left-color: #28a745;
  18939. }
  18940. .pace-loading-bar-success .pace .pace-progress {
  18941. background: #28a745;
  18942. color: #28a745;
  18943. box-shadow: 120px 0 #ffffff, 240px 0 #ffffff;
  18944. }
  18945. .pace-loading-bar-success .pace .pace-activity {
  18946. box-shadow: inset 0 0 0 2px #28a745, inset 0 0 0 7px #ffffff;
  18947. }
  18948. .pace-mac-osx-success .pace .pace-progress {
  18949. background-color: #28a745;
  18950. box-shadow: inset -1px 0 #28a745, inset 0 -1px #28a745, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
  18951. }
  18952. .pace-mac-osx-success .pace .pace-activity {
  18953. background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%);
  18954. height: 12px;
  18955. }
  18956. .pace-progress-color-success .pace-progress {
  18957. color: #28a745;
  18958. }
  18959. .pace-info .pace .pace-progress {
  18960. background: #17a2b8;
  18961. }
  18962. .pace-barber-shop-info .pace {
  18963. background: #ffffff;
  18964. }
  18965. .pace-barber-shop-info .pace .pace-progress {
  18966. background: #17a2b8;
  18967. }
  18968. .pace-barber-shop-info .pace .pace-activity {
  18969. background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  18970. }
  18971. .pace-big-counter-info .pace .pace-progress::after {
  18972. color: rgba(23, 162, 184, 0.2);
  18973. }
  18974. .pace-bounce-info .pace .pace-activity {
  18975. background: #17a2b8;
  18976. }
  18977. .pace-center-atom-info .pace-progress {
  18978. height: 100px;
  18979. width: 80px;
  18980. }
  18981. .pace-center-atom-info .pace-progress::before {
  18982. background: #17a2b8;
  18983. color: #ffffff;
  18984. font-size: .8rem;
  18985. line-height: .7rem;
  18986. padding-top: 17%;
  18987. }
  18988. .pace-center-atom-info .pace-activity {
  18989. border-color: #17a2b8;
  18990. }
  18991. .pace-center-atom-info .pace-activity::after, .pace-center-atom-info .pace-activity::before {
  18992. border-color: #17a2b8;
  18993. }
  18994. .pace-center-circle-info .pace .pace-progress {
  18995. background: rgba(23, 162, 184, 0.8);
  18996. color: #ffffff;
  18997. }
  18998. .pace-center-radar-info .pace .pace-activity {
  18999. border-color: #17a2b8 transparent transparent;
  19000. }
  19001. .pace-center-radar-info .pace .pace-activity::before {
  19002. border-color: #17a2b8 transparent transparent;
  19003. }
  19004. .pace-center-simple-info .pace {
  19005. background: #ffffff;
  19006. border-color: #17a2b8;
  19007. }
  19008. .pace-center-simple-info .pace .pace-progress {
  19009. background: #17a2b8;
  19010. }
  19011. .pace-material-info .pace {
  19012. color: #17a2b8;
  19013. }
  19014. .pace-corner-indicator-info .pace .pace-activity {
  19015. background: #17a2b8;
  19016. }
  19017. .pace-corner-indicator-info .pace .pace-activity::after,
  19018. .pace-corner-indicator-info .pace .pace-activity::before  {
  19019. border: 5px solid #ffffff;
  19020. }
  19021. .pace-corner-indicator-info .pace .pace-activity::before {
  19022. border-right-color: rgba(23, 162, 184, 0.2);
  19023. border-left-color: rgba(23, 162, 184, 0.2);
  19024. }
  19025. .pace-corner-indicator-info .pace .pace-activity::after {
  19026. border-top-color: rgba(23, 162, 184, 0.2);
  19027. border-bottom-color: rgba(23, 162, 184, 0.2);
  19028. }
  19029. .pace-fill-left-info .pace .pace-progress {
  19030. background-color: rgba(23, 162, 184, 0.2);
  19031. }
  19032. .pace-flash-info .pace .pace-progress {
  19033. background: #17a2b8;
  19034. }
  19035. .pace-flash-info .pace .pace-progress-inner {
  19036. box-shadow: 0 0 10px #17a2b8, 0 0 5px #17a2b8;
  19037. }
  19038. .pace-flash-info .pace .pace-activity {
  19039. border-top-color: #17a2b8;
  19040. border-left-color: #17a2b8;
  19041. }
  19042. .pace-loading-bar-info .pace .pace-progress {
  19043. background: #17a2b8;
  19044. color: #17a2b8;
  19045. box-shadow: 120px 0 #ffffff, 240px 0 #ffffff;
  19046. }
  19047. .pace-loading-bar-info .pace .pace-activity {
  19048. box-shadow: inset 0 0 0 2px #17a2b8, inset 0 0 0 7px #ffffff;
  19049. }
  19050. .pace-mac-osx-info .pace .pace-progress {
  19051. background-color: #17a2b8;
  19052. box-shadow: inset -1px 0 #17a2b8, inset 0 -1px #17a2b8, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
  19053. }
  19054. .pace-mac-osx-info .pace .pace-activity {
  19055. background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%);
  19056. height: 12px;
  19057. }
  19058. .pace-progress-color-info .pace-progress {
  19059. color: #17a2b8;
  19060. }
  19061. .pace-warning .pace .pace-progress {
  19062. background: #ffc107;
  19063. }
  19064. .pace-barber-shop-warning .pace {
  19065. background: #1F2D3D;
  19066. }
  19067. .pace-barber-shop-warning .pace .pace-progress {
  19068. background: #ffc107;
  19069. }
  19070. .pace-barber-shop-warning .pace .pace-activity {
  19071. background-image: linear-gradient(45deg, rgba(31, 45, 61, 0.2) 25%, transparent 25%, transparent 50%, rgba(31, 45, 61, 0.2) 50%, rgba(31, 45, 61, 0.2) 75%, transparent 75%, transparent);
  19072. }
  19073. .pace-big-counter-warning .pace .pace-progress::after {
  19074. color: rgba(255, 193, 7, 0.2);
  19075. }
  19076. .pace-bounce-warning .pace .pace-activity {
  19077. background: #ffc107;
  19078. }
  19079. .pace-center-atom-warning .pace-progress {
  19080. height: 100px;
  19081. width: 80px;
  19082. }
  19083. .pace-center-atom-warning .pace-progress::before {
  19084. background: #ffc107;
  19085. color: #1F2D3D;
  19086. font-size: .8rem;
  19087. line-height: .7rem;
  19088. padding-top: 17%;
  19089. }
  19090. .pace-center-atom-warning .pace-activity {
  19091. border-color: #ffc107;
  19092. }
  19093. .pace-center-atom-warning .pace-activity::after, .pace-center-atom-warning .pace-activity::before {
  19094. border-color: #ffc107;
  19095. }
  19096. .pace-center-circle-warning .pace .pace-progress {
  19097. background: rgba(255, 193, 7, 0.8);
  19098. color: #1F2D3D;
  19099. }
  19100. .pace-center-radar-warning .pace .pace-activity {
  19101. border-color: #ffc107 transparent transparent;
  19102. }
  19103. .pace-center-radar-warning .pace .pace-activity::before {
  19104. border-color: #ffc107 transparent transparent;
  19105. }
  19106. .pace-center-simple-warning .pace {
  19107. background: #1F2D3D;
  19108. border-color: #ffc107;
  19109. }
  19110. .pace-center-simple-warning .pace .pace-progress {
  19111. background: #ffc107;
  19112. }
  19113. .pace-material-warning .pace {
  19114. color: #ffc107;
  19115. }
  19116. .pace-corner-indicator-warning .pace .pace-activity {
  19117. background: #ffc107;
  19118. }
  19119. .pace-corner-indicator-warning .pace .pace-activity::after,
  19120. .pace-corner-indicator-warning .pace .pace-activity::before  {
  19121. border: 5px solid #1F2D3D;
  19122. }
  19123. .pace-corner-indicator-warning .pace .pace-activity::before {
  19124. border-right-color: rgba(255, 193, 7, 0.2);
  19125. border-left-color: rgba(255, 193, 7, 0.2);
  19126. }
  19127. .pace-corner-indicator-warning .pace .pace-activity::after {
  19128. border-top-color: rgba(255, 193, 7, 0.2);
  19129. border-bottom-color: rgba(255, 193, 7, 0.2);
  19130. }
  19131. .pace-fill-left-warning .pace .pace-progress {
  19132. background-color: rgba(255, 193, 7, 0.2);
  19133. }
  19134. .pace-flash-warning .pace .pace-progress {
  19135. background: #ffc107;
  19136. }
  19137. .pace-flash-warning .pace .pace-progress-inner {
  19138. box-shadow: 0 0 10px #ffc107, 0 0 5px #ffc107;
  19139. }
  19140. .pace-flash-warning .pace .pace-activity {
  19141. border-top-color: #ffc107;
  19142. border-left-color: #ffc107;
  19143. }
  19144. .pace-loading-bar-warning .pace .pace-progress {
  19145. background: #ffc107;
  19146. color: #ffc107;
  19147. box-shadow: 120px 0 #1F2D3D, 240px 0 #1F2D3D;
  19148. }
  19149. .pace-loading-bar-warning .pace .pace-activity {
  19150. box-shadow: inset 0 0 0 2px #ffc107, inset 0 0 0 7px #1F2D3D;
  19151. }
  19152. .pace-mac-osx-warning .pace .pace-progress {
  19153. background-color: #ffc107;
  19154. box-shadow: inset -1px 0 #ffc107, inset 0 -1px #ffc107, inset 0 2px rgba(31, 45, 61, 0.5), inset 0 6px rgba(31, 45, 61, 0.3);
  19155. }
  19156. .pace-mac-osx-warning .pace .pace-activity {
  19157. background-image: radial-gradient(rgba(31, 45, 61, 0.65) 0%, rgba(31, 45, 61, 0.15) 100%);
  19158. height: 12px;
  19159. }
  19160. .pace-progress-color-warning .pace-progress {
  19161. color: #ffc107;
  19162. }
  19163. .pace-danger .pace .pace-progress {
  19164. background: #dc3545;
  19165. }
  19166. .pace-barber-shop-danger .pace {
  19167. background: #ffffff;
  19168. }
  19169. .pace-barber-shop-danger .pace .pace-progress {
  19170. background: #dc3545;
  19171. }
  19172. .pace-barber-shop-danger .pace .pace-activity {
  19173. background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  19174. }
  19175. .pace-big-counter-danger .pace .pace-progress::after {
  19176. color: rgba(220, 53, 69, 0.2);
  19177. }
  19178. .pace-bounce-danger .pace .pace-activity {
  19179. background: #dc3545;
  19180. }
  19181. .pace-center-atom-danger .pace-progress {
  19182. height: 100px;
  19183. width: 80px;
  19184. }
  19185. .pace-center-atom-danger .pace-progress::before {
  19186. background: #dc3545;
  19187. color: #ffffff;
  19188. font-size: .8rem;
  19189. line-height: .7rem;
  19190. padding-top: 17%;
  19191. }
  19192. .pace-center-atom-danger .pace-activity {
  19193. border-color: #dc3545;
  19194. }
  19195. .pace-center-atom-danger .pace-activity::after, .pace-center-atom-danger .pace-activity::before {
  19196. border-color: #dc3545;
  19197. }
  19198. .pace-center-circle-danger .pace .pace-progress {
  19199. background: rgba(220, 53, 69, 0.8);
  19200. color: #ffffff;
  19201. }
  19202. .pace-center-radar-danger .pace .pace-activity {
  19203. border-color: #dc3545 transparent transparent;
  19204. }
  19205. .pace-center-radar-danger .pace .pace-activity::before {
  19206. border-color: #dc3545 transparent transparent;
  19207. }
  19208. .pace-center-simple-danger .pace {
  19209. background: #ffffff;
  19210. border-color: #dc3545;
  19211. }
  19212. .pace-center-simple-danger .pace .pace-progress {
  19213. background: #dc3545;
  19214. }
  19215. .pace-material-danger .pace {
  19216. color: #dc3545;
  19217. }
  19218. .pace-corner-indicator-danger .pace .pace-activity {
  19219. background: #dc3545;
  19220. }
  19221. .pace-corner-indicator-danger .pace .pace-activity::after,
  19222. .pace-corner-indicator-danger .pace .pace-activity::before  {
  19223. border: 5px solid #ffffff;
  19224. }
  19225. .pace-corner-indicator-danger .pace .pace-activity::before {
  19226. border-right-color: rgba(220, 53, 69, 0.2);
  19227. border-left-color: rgba(220, 53, 69, 0.2);
  19228. }
  19229. .pace-corner-indicator-danger .pace .pace-activity::after {
  19230. border-top-color: rgba(220, 53, 69, 0.2);
  19231. border-bottom-color: rgba(220, 53, 69, 0.2);
  19232. }
  19233. .pace-fill-left-danger .pace .pace-progress {
  19234. background-color: rgba(220, 53, 69, 0.2);
  19235. }
  19236. .pace-flash-danger .pace .pace-progress {
  19237. background: #dc3545;
  19238. }
  19239. .pace-flash-danger .pace .pace-progress-inner {
  19240. box-shadow: 0 0 10px #dc3545, 0 0 5px #dc3545;
  19241. }
  19242. .pace-flash-danger .pace .pace-activity {
  19243. border-top-color: #dc3545;
  19244. border-left-color: #dc3545;
  19245. }
  19246. .pace-loading-bar-danger .pace .pace-progress {
  19247. background: #dc3545;
  19248. color: #dc3545;
  19249. box-shadow: 120px 0 #ffffff, 240px 0 #ffffff;
  19250. }
  19251. .pace-loading-bar-danger .pace .pace-activity {
  19252. box-shadow: inset 0 0 0 2px #dc3545, inset 0 0 0 7px #ffffff;
  19253. }
  19254. .pace-mac-osx-danger .pace .pace-progress {
  19255. background-color: #dc3545;
  19256. box-shadow: inset -1px 0 #dc3545, inset 0 -1px #dc3545, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
  19257. }
  19258. .pace-mac-osx-danger .pace .pace-activity {
  19259. background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%);
  19260. height: 12px;
  19261. }
  19262. .pace-progress-color-danger .pace-progress {
  19263. color: #dc3545;
  19264. }
  19265. .pace-light .pace .pace-progress {
  19266. background: #f8f9fa;
  19267. }
  19268. .pace-barber-shop-light .pace {
  19269. background: #1F2D3D;
  19270. }
  19271. .pace-barber-shop-light .pace .pace-progress {
  19272. background: #f8f9fa;
  19273. }
  19274. .pace-barber-shop-light .pace .pace-activity {
  19275. background-image: linear-gradient(45deg, rgba(31, 45, 61, 0.2) 25%, transparent 25%, transparent 50%, rgba(31, 45, 61, 0.2) 50%, rgba(31, 45, 61, 0.2) 75%, transparent 75%, transparent);
  19276. }
  19277. .pace-big-counter-light .pace .pace-progress::after {
  19278. color: rgba(248, 249, 250, 0.2);
  19279. }
  19280. .pace-bounce-light .pace .pace-activity {
  19281. background: #f8f9fa;
  19282. }
  19283. .pace-center-atom-light .pace-progress {
  19284. height: 100px;
  19285. width: 80px;
  19286. }
  19287. .pace-center-atom-light .pace-progress::before {
  19288. background: #f8f9fa;
  19289. color: #1F2D3D;
  19290. font-size: .8rem;
  19291. line-height: .7rem;
  19292. padding-top: 17%;
  19293. }
  19294. .pace-center-atom-light .pace-activity {
  19295. border-color: #f8f9fa;
  19296. }
  19297. .pace-center-atom-light .pace-activity::after, .pace-center-atom-light .pace-activity::before {
  19298. border-color: #f8f9fa;
  19299. }
  19300. .pace-center-circle-light .pace .pace-progress {
  19301. background: rgba(248, 249, 250, 0.8);
  19302. color: #1F2D3D;
  19303. }
  19304. .pace-center-radar-light .pace .pace-activity {
  19305. border-color: #f8f9fa transparent transparent;
  19306. }
  19307. .pace-center-radar-light .pace .pace-activity::before {
  19308. border-color: #f8f9fa transparent transparent;
  19309. }
  19310. .pace-center-simple-light .pace {
  19311. background: #1F2D3D;
  19312. border-color: #f8f9fa;
  19313. }
  19314. .pace-center-simple-light .pace .pace-progress {
  19315. background: #f8f9fa;
  19316. }
  19317. .pace-material-light .pace {
  19318. color: #f8f9fa;
  19319. }
  19320. .pace-corner-indicator-light .pace .pace-activity {
  19321. background: #f8f9fa;
  19322. }
  19323. .pace-corner-indicator-light .pace .pace-activity::after,
  19324. .pace-corner-indicator-light .pace .pace-activity::before  {
  19325. border: 5px solid #1F2D3D;
  19326. }
  19327. .pace-corner-indicator-light .pace .pace-activity::before {
  19328. border-right-color: rgba(248, 249, 250, 0.2);
  19329. border-left-color: rgba(248, 249, 250, 0.2);
  19330. }
  19331. .pace-corner-indicator-light .pace .pace-activity::after {
  19332. border-top-color: rgba(248, 249, 250, 0.2);
  19333. border-bottom-color: rgba(248, 249, 250, 0.2);
  19334. }
  19335. .pace-fill-left-light .pace .pace-progress {
  19336. background-color: rgba(248, 249, 250, 0.2);
  19337. }
  19338. .pace-flash-light .pace .pace-progress {
  19339. background: #f8f9fa;
  19340. }
  19341. .pace-flash-light .pace .pace-progress-inner {
  19342. box-shadow: 0 0 10px #f8f9fa, 0 0 5px #f8f9fa;
  19343. }
  19344. .pace-flash-light .pace .pace-activity {
  19345. border-top-color: #f8f9fa;
  19346. border-left-color: #f8f9fa;
  19347. }
  19348. .pace-loading-bar-light .pace .pace-progress {
  19349. background: #f8f9fa;
  19350. color: #f8f9fa;
  19351. box-shadow: 120px 0 #1F2D3D, 240px 0 #1F2D3D;
  19352. }
  19353. .pace-loading-bar-light .pace .pace-activity {
  19354. box-shadow: inset 0 0 0 2px #f8f9fa, inset 0 0 0 7px #1F2D3D;
  19355. }
  19356. .pace-mac-osx-light .pace .pace-progress {
  19357. background-color: #f8f9fa;
  19358. box-shadow: inset -1px 0 #f8f9fa, inset 0 -1px #f8f9fa, inset 0 2px rgba(31, 45, 61, 0.5), inset 0 6px rgba(31, 45, 61, 0.3);
  19359. }
  19360. .pace-mac-osx-light .pace .pace-activity {
  19361. background-image: radial-gradient(rgba(31, 45, 61, 0.65) 0%, rgba(31, 45, 61, 0.15) 100%);
  19362. height: 12px;
  19363. }
  19364. .pace-progress-color-light .pace-progress {
  19365. color: #f8f9fa;
  19366. }
  19367. .pace-dark .pace .pace-progress {
  19368. background: #343a40;
  19369. }
  19370. .pace-barber-shop-dark .pace {
  19371. background: #ffffff;
  19372. }
  19373. .pace-barber-shop-dark .pace .pace-progress {
  19374. background: #343a40;
  19375. }
  19376. .pace-barber-shop-dark .pace .pace-activity {
  19377. background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  19378. }
  19379. .pace-big-counter-dark .pace .pace-progress::after {
  19380. color: rgba(52, 58, 64, 0.2);
  19381. }
  19382. .pace-bounce-dark .pace .pace-activity {
  19383. background: #343a40;
  19384. }
  19385. .pace-center-atom-dark .pace-progress {
  19386. height: 100px;
  19387. width: 80px;
  19388. }
  19389. .pace-center-atom-dark .pace-progress::before {
  19390. background: #343a40;
  19391. color: #ffffff;
  19392. font-size: .8rem;
  19393. line-height: .7rem;
  19394. padding-top: 17%;
  19395. }
  19396. .pace-center-atom-dark .pace-activity {
  19397. border-color: #343a40;
  19398. }
  19399. .pace-center-atom-dark .pace-activity::after, .pace-center-atom-dark .pace-activity::before {
  19400. border-color: #343a40;
  19401. }
  19402. .pace-center-circle-dark .pace .pace-progress {
  19403. background: rgba(52, 58, 64, 0.8);
  19404. color: #ffffff;
  19405. }
  19406. .pace-center-radar-dark .pace .pace-activity {
  19407. border-color: #343a40 transparent transparent;
  19408. }
  19409. .pace-center-radar-dark .pace .pace-activity::before {
  19410. border-color: #343a40 transparent transparent;
  19411. }
  19412. .pace-center-simple-dark .pace {
  19413. background: #ffffff;
  19414. border-color: #343a40;
  19415. }
  19416. .pace-center-simple-dark .pace .pace-progress {
  19417. background: #343a40;
  19418. }
  19419. .pace-material-dark .pace {
  19420. color: #343a40;
  19421. }
  19422. .pace-corner-indicator-dark .pace .pace-activity {
  19423. background: #343a40;
  19424. }
  19425. .pace-corner-indicator-dark .pace .pace-activity::after,
  19426. .pace-corner-indicator-dark .pace .pace-activity::before  {
  19427. border: 5px solid #ffffff;
  19428. }
  19429. .pace-corner-indicator-dark .pace .pace-activity::before {
  19430. border-right-color: rgba(52, 58, 64, 0.2);
  19431. border-left-color: rgba(52, 58, 64, 0.2);
  19432. }
  19433. .pace-corner-indicator-dark .pace .pace-activity::after {
  19434. border-top-color: rgba(52, 58, 64, 0.2);
  19435. border-bottom-color: rgba(52, 58, 64, 0.2);
  19436. }
  19437. .pace-fill-left-dark .pace .pace-progress {
  19438. background-color: rgba(52, 58, 64, 0.2);
  19439. }
  19440. .pace-flash-dark .pace .pace-progress {
  19441. background: #343a40;
  19442. }
  19443. .pace-flash-dark .pace .pace-progress-inner {
  19444. box-shadow: 0 0 10px #343a40, 0 0 5px #343a40;
  19445. }
  19446. .pace-flash-dark .pace .pace-activity {
  19447. border-top-color: #343a40;
  19448. border-left-color: #343a40;
  19449. }
  19450. .pace-loading-bar-dark .pace .pace-progress {
  19451. background: #343a40;
  19452. color: #343a40;
  19453. box-shadow: 120px 0 #ffffff, 240px 0 #ffffff;
  19454. }
  19455. .pace-loading-bar-dark .pace .pace-activity {
  19456. box-shadow: inset 0 0 0 2px #343a40, inset 0 0 0 7px #ffffff;
  19457. }
  19458. .pace-mac-osx-dark .pace .pace-progress {
  19459. background-color: #343a40;
  19460. box-shadow: inset -1px 0 #343a40, inset 0 -1px #343a40, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
  19461. }
  19462. .pace-mac-osx-dark .pace .pace-activity {
  19463. background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%);
  19464. height: 12px;
  19465. }
  19466. .pace-progress-color-dark .pace-progress {
  19467. color: #343a40;
  19468. }
  19469. .pace-navy .pace .pace-progress {
  19470. background: #001f3f;
  19471. }
  19472. .pace-barber-shop-navy .pace {
  19473. background: #ffffff;
  19474. }
  19475. .pace-barber-shop-navy .pace .pace-progress {
  19476. background: #001f3f;
  19477. }
  19478. .pace-barber-shop-navy .pace .pace-activity {
  19479. background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  19480. }
  19481. .pace-big-counter-navy .pace .pace-progress::after {
  19482. color: rgba(0, 31, 63, 0.2);
  19483. }
  19484. .pace-bounce-navy .pace .pace-activity {
  19485. background: #001f3f;
  19486. }
  19487. .pace-center-atom-navy .pace-progress {
  19488. height: 100px;
  19489. width: 80px;
  19490. }
  19491. .pace-center-atom-navy .pace-progress::before {
  19492. background: #001f3f;
  19493. color: #ffffff;
  19494. font-size: .8rem;
  19495. line-height: .7rem;
  19496. padding-top: 17%;
  19497. }
  19498. .pace-center-atom-navy .pace-activity {
  19499. border-color: #001f3f;
  19500. }
  19501. .pace-center-atom-navy .pace-activity::after, .pace-center-atom-navy .pace-activity::before {
  19502. border-color: #001f3f;
  19503. }
  19504. .pace-center-circle-navy .pace .pace-progress {
  19505. background: rgba(0, 31, 63, 0.8);
  19506. color: #ffffff;
  19507. }
  19508. .pace-center-radar-navy .pace .pace-activity {
  19509. border-color: #001f3f transparent transparent;
  19510. }
  19511. .pace-center-radar-navy .pace .pace-activity::before {
  19512. border-color: #001f3f transparent transparent;
  19513. }
  19514. .pace-center-simple-navy .pace {
  19515. background: #ffffff;
  19516. border-color: #001f3f;
  19517. }
  19518. .pace-center-simple-navy .pace .pace-progress {
  19519. background: #001f3f;
  19520. }
  19521. .pace-material-navy .pace {
  19522. color: #001f3f;
  19523. }
  19524. .pace-corner-indicator-navy .pace .pace-activity {
  19525. background: #001f3f;
  19526. }
  19527. .pace-corner-indicator-navy .pace .pace-activity::after,
  19528. .pace-corner-indicator-navy .pace .pace-activity::before  {
  19529. border: 5px solid #ffffff;
  19530. }
  19531. .pace-corner-indicator-navy .pace .pace-activity::before {
  19532. border-right-color: rgba(0, 31, 63, 0.2);
  19533. border-left-color: rgba(0, 31, 63, 0.2);
  19534. }
  19535. .pace-corner-indicator-navy .pace .pace-activity::after {
  19536. border-top-color: rgba(0, 31, 63, 0.2);
  19537. border-bottom-color: rgba(0, 31, 63, 0.2);
  19538. }
  19539. .pace-fill-left-navy .pace .pace-progress {
  19540. background-color: rgba(0, 31, 63, 0.2);
  19541. }
  19542. .pace-flash-navy .pace .pace-progress {
  19543. background: #001f3f;
  19544. }
  19545. .pace-flash-navy .pace .pace-progress-inner {
  19546. box-shadow: 0 0 10px #001f3f, 0 0 5px #001f3f;
  19547. }
  19548. .pace-flash-navy .pace .pace-activity {
  19549. border-top-color: #001f3f;
  19550. border-left-color: #001f3f;
  19551. }
  19552. .pace-loading-bar-navy .pace .pace-progress {
  19553. background: #001f3f;
  19554. color: #001f3f;
  19555. box-shadow: 120px 0 #ffffff, 240px 0 #ffffff;
  19556. }
  19557. .pace-loading-bar-navy .pace .pace-activity {
  19558. box-shadow: inset 0 0 0 2px #001f3f, inset 0 0 0 7px #ffffff;
  19559. }
  19560. .pace-mac-osx-navy .pace .pace-progress {
  19561. background-color: #001f3f;
  19562. box-shadow: inset -1px 0 #001f3f, inset 0 -1px #001f3f, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
  19563. }
  19564. .pace-mac-osx-navy .pace .pace-activity {
  19565. background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%);
  19566. height: 12px;
  19567. }
  19568. .pace-progress-color-navy .pace-progress {
  19569. color: #001f3f;
  19570. }
  19571. .pace-olive .pace .pace-progress {
  19572. background: #3d9970;
  19573. }
  19574. .pace-barber-shop-olive .pace {
  19575. background: #ffffff;
  19576. }
  19577. .pace-barber-shop-olive .pace .pace-progress {
  19578. background: #3d9970;
  19579. }
  19580. .pace-barber-shop-olive .pace .pace-activity {
  19581. background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  19582. }
  19583. .pace-big-counter-olive .pace .pace-progress::after {
  19584. color: rgba(61, 153, 112, 0.2);
  19585. }
  19586. .pace-bounce-olive .pace .pace-activity {
  19587. background: #3d9970;
  19588. }
  19589. .pace-center-atom-olive .pace-progress {
  19590. height: 100px;
  19591. width: 80px;
  19592. }
  19593. .pace-center-atom-olive .pace-progress::before {
  19594. background: #3d9970;
  19595. color: #ffffff;
  19596. font-size: .8rem;
  19597. line-height: .7rem;
  19598. padding-top: 17%;
  19599. }
  19600. .pace-center-atom-olive .pace-activity {
  19601. border-color: #3d9970;
  19602. }
  19603. .pace-center-atom-olive .pace-activity::after, .pace-center-atom-olive .pace-activity::before {
  19604. border-color: #3d9970;
  19605. }
  19606. .pace-center-circle-olive .pace .pace-progress {
  19607. background: rgba(61, 153, 112, 0.8);
  19608. color: #ffffff;
  19609. }
  19610. .pace-center-radar-olive .pace .pace-activity {
  19611. border-color: #3d9970 transparent transparent;
  19612. }
  19613. .pace-center-radar-olive .pace .pace-activity::before {
  19614. border-color: #3d9970 transparent transparent;
  19615. }
  19616. .pace-center-simple-olive .pace {
  19617. background: #ffffff;
  19618. border-color: #3d9970;
  19619. }
  19620. .pace-center-simple-olive .pace .pace-progress {
  19621. background: #3d9970;
  19622. }
  19623. .pace-material-olive .pace {
  19624. color: #3d9970;
  19625. }
  19626. .pace-corner-indicator-olive .pace .pace-activity {
  19627. background: #3d9970;
  19628. }
  19629. .pace-corner-indicator-olive .pace .pace-activity::after,
  19630. .pace-corner-indicator-olive .pace .pace-activity::before  {
  19631. border: 5px solid #ffffff;
  19632. }
  19633. .pace-corner-indicator-olive .pace .pace-activity::before {
  19634. border-right-color: rgba(61, 153, 112, 0.2);
  19635. border-left-color: rgba(61, 153, 112, 0.2);
  19636. }
  19637. .pace-corner-indicator-olive .pace .pace-activity::after {
  19638. border-top-color: rgba(61, 153, 112, 0.2);
  19639. border-bottom-color: rgba(61, 153, 112, 0.2);
  19640. }
  19641. .pace-fill-left-olive .pace .pace-progress {
  19642. background-color: rgba(61, 153, 112, 0.2);
  19643. }
  19644. .pace-flash-olive .pace .pace-progress {
  19645. background: #3d9970;
  19646. }
  19647. .pace-flash-olive .pace .pace-progress-inner {
  19648. box-shadow: 0 0 10px #3d9970, 0 0 5px #3d9970;
  19649. }
  19650. .pace-flash-olive .pace .pace-activity {
  19651. border-top-color: #3d9970;
  19652. border-left-color: #3d9970;
  19653. }
  19654. .pace-loading-bar-olive .pace .pace-progress {
  19655. background: #3d9970;
  19656. color: #3d9970;
  19657. box-shadow: 120px 0 #ffffff, 240px 0 #ffffff;
  19658. }
  19659. .pace-loading-bar-olive .pace .pace-activity {
  19660. box-shadow: inset 0 0 0 2px #3d9970, inset 0 0 0 7px #ffffff;
  19661. }
  19662. .pace-mac-osx-olive .pace .pace-progress {
  19663. background-color: #3d9970;
  19664. box-shadow: inset -1px 0 #3d9970, inset 0 -1px #3d9970, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
  19665. }
  19666. .pace-mac-osx-olive .pace .pace-activity {
  19667. background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%);
  19668. height: 12px;
  19669. }
  19670. .pace-progress-color-olive .pace-progress {
  19671. color: #3d9970;
  19672. }
  19673. .pace-lime .pace .pace-progress {
  19674. background: #01ff70;
  19675. }
  19676. .pace-barber-shop-lime .pace {
  19677. background: #1F2D3D;
  19678. }
  19679. .pace-barber-shop-lime .pace .pace-progress {
  19680. background: #01ff70;
  19681. }
  19682. .pace-barber-shop-lime .pace .pace-activity {
  19683. background-image: linear-gradient(45deg, rgba(31, 45, 61, 0.2) 25%, transparent 25%, transparent 50%, rgba(31, 45, 61, 0.2) 50%, rgba(31, 45, 61, 0.2) 75%, transparent 75%, transparent);
  19684. }
  19685. .pace-big-counter-lime .pace .pace-progress::after {
  19686. color: rgba(1, 255, 112, 0.2);
  19687. }
  19688. .pace-bounce-lime .pace .pace-activity {
  19689. background: #01ff70;
  19690. }
  19691. .pace-center-atom-lime .pace-progress {
  19692. height: 100px;
  19693. width: 80px;
  19694. }
  19695. .pace-center-atom-lime .pace-progress::before {
  19696. background: #01ff70;
  19697. color: #1F2D3D;
  19698. font-size: .8rem;
  19699. line-height: .7rem;
  19700. padding-top: 17%;
  19701. }
  19702. .pace-center-atom-lime .pace-activity {
  19703. border-color: #01ff70;
  19704. }
  19705. .pace-center-atom-lime .pace-activity::after, .pace-center-atom-lime .pace-activity::before {
  19706. border-color: #01ff70;
  19707. }
  19708. .pace-center-circle-lime .pace .pace-progress {
  19709. background: rgba(1, 255, 112, 0.8);
  19710. color: #1F2D3D;
  19711. }
  19712. .pace-center-radar-lime .pace .pace-activity {
  19713. border-color: #01ff70 transparent transparent;
  19714. }
  19715. .pace-center-radar-lime .pace .pace-activity::before {
  19716. border-color: #01ff70 transparent transparent;
  19717. }
  19718. .pace-center-simple-lime .pace {
  19719. background: #1F2D3D;
  19720. border-color: #01ff70;
  19721. }
  19722. .pace-center-simple-lime .pace .pace-progress {
  19723. background: #01ff70;
  19724. }
  19725. .pace-material-lime .pace {
  19726. color: #01ff70;
  19727. }
  19728. .pace-corner-indicator-lime .pace .pace-activity {
  19729. background: #01ff70;
  19730. }
  19731. .pace-corner-indicator-lime .pace .pace-activity::after,
  19732. .pace-corner-indicator-lime .pace .pace-activity::before  {
  19733. border: 5px solid #1F2D3D;
  19734. }
  19735. .pace-corner-indicator-lime .pace .pace-activity::before {
  19736. border-right-color: rgba(1, 255, 112, 0.2);
  19737. border-left-color: rgba(1, 255, 112, 0.2);
  19738. }
  19739. .pace-corner-indicator-lime .pace .pace-activity::after {
  19740. border-top-color: rgba(1, 255, 112, 0.2);
  19741. border-bottom-color: rgba(1, 255, 112, 0.2);
  19742. }
  19743. .pace-fill-left-lime .pace .pace-progress {
  19744. background-color: rgba(1, 255, 112, 0.2);
  19745. }
  19746. .pace-flash-lime .pace .pace-progress {
  19747. background: #01ff70;
  19748. }
  19749. .pace-flash-lime .pace .pace-progress-inner {
  19750. box-shadow: 0 0 10px #01ff70, 0 0 5px #01ff70;
  19751. }
  19752. .pace-flash-lime .pace .pace-activity {
  19753. border-top-color: #01ff70;
  19754. border-left-color: #01ff70;
  19755. }
  19756. .pace-loading-bar-lime .pace .pace-progress {
  19757. background: #01ff70;
  19758. color: #01ff70;
  19759. box-shadow: 120px 0 #1F2D3D, 240px 0 #1F2D3D;
  19760. }
  19761. .pace-loading-bar-lime .pace .pace-activity {
  19762. box-shadow: inset 0 0 0 2px #01ff70, inset 0 0 0 7px #1F2D3D;
  19763. }
  19764. .pace-mac-osx-lime .pace .pace-progress {
  19765. background-color: #01ff70;
  19766. box-shadow: inset -1px 0 #01ff70, inset 0 -1px #01ff70, inset 0 2px rgba(31, 45, 61, 0.5), inset 0 6px rgba(31, 45, 61, 0.3);
  19767. }
  19768. .pace-mac-osx-lime .pace .pace-activity {
  19769. background-image: radial-gradient(rgba(31, 45, 61, 0.65) 0%, rgba(31, 45, 61, 0.15) 100%);
  19770. height: 12px;
  19771. }
  19772. .pace-progress-color-lime .pace-progress {
  19773. color: #01ff70;
  19774. }
  19775. .pace-fuchsia .pace .pace-progress {
  19776. background: #f012be;
  19777. }
  19778. .pace-barber-shop-fuchsia .pace {
  19779. background: #ffffff;
  19780. }
  19781. .pace-barber-shop-fuchsia .pace .pace-progress {
  19782. background: #f012be;
  19783. }
  19784. .pace-barber-shop-fuchsia .pace .pace-activity {
  19785. background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  19786. }
  19787. .pace-big-counter-fuchsia .pace .pace-progress::after {
  19788. color: rgba(240, 18, 190, 0.2);
  19789. }
  19790. .pace-bounce-fuchsia .pace .pace-activity {
  19791. background: #f012be;
  19792. }
  19793. .pace-center-atom-fuchsia .pace-progress {
  19794. height: 100px;
  19795. width: 80px;
  19796. }
  19797. .pace-center-atom-fuchsia .pace-progress::before {
  19798. background: #f012be;
  19799. color: #ffffff;
  19800. font-size: .8rem;
  19801. line-height: .7rem;
  19802. padding-top: 17%;
  19803. }
  19804. .pace-center-atom-fuchsia .pace-activity {
  19805. border-color: #f012be;
  19806. }
  19807. .pace-center-atom-fuchsia .pace-activity::after, .pace-center-atom-fuchsia .pace-activity::before {
  19808. border-color: #f012be;
  19809. }
  19810. .pace-center-circle-fuchsia .pace .pace-progress {
  19811. background: rgba(240, 18, 190, 0.8);
  19812. color: #ffffff;
  19813. }
  19814. .pace-center-radar-fuchsia .pace .pace-activity {
  19815. border-color: #f012be transparent transparent;
  19816. }
  19817. .pace-center-radar-fuchsia .pace .pace-activity::before {
  19818. border-color: #f012be transparent transparent;
  19819. }
  19820. .pace-center-simple-fuchsia .pace {
  19821. background: #ffffff;
  19822. border-color: #f012be;
  19823. }
  19824. .pace-center-simple-fuchsia .pace .pace-progress {
  19825. background: #f012be;
  19826. }
  19827. .pace-material-fuchsia .pace {
  19828. color: #f012be;
  19829. }
  19830. .pace-corner-indicator-fuchsia .pace .pace-activity {
  19831. background: #f012be;
  19832. }
  19833. .pace-corner-indicator-fuchsia .pace .pace-activity::after,
  19834. .pace-corner-indicator-fuchsia .pace .pace-activity::before  {
  19835. border: 5px solid #ffffff;
  19836. }
  19837. .pace-corner-indicator-fuchsia .pace .pace-activity::before {
  19838. border-right-color: rgba(240, 18, 190, 0.2);
  19839. border-left-color: rgba(240, 18, 190, 0.2);
  19840. }
  19841. .pace-corner-indicator-fuchsia .pace .pace-activity::after {
  19842. border-top-color: rgba(240, 18, 190, 0.2);
  19843. border-bottom-color: rgba(240, 18, 190, 0.2);
  19844. }
  19845. .pace-fill-left-fuchsia .pace .pace-progress {
  19846. background-color: rgba(240, 18, 190, 0.2);
  19847. }
  19848. .pace-flash-fuchsia .pace .pace-progress {
  19849. background: #f012be;
  19850. }
  19851. .pace-flash-fuchsia .pace .pace-progress-inner {
  19852. box-shadow: 0 0 10px #f012be, 0 0 5px #f012be;
  19853. }
  19854. .pace-flash-fuchsia .pace .pace-activity {
  19855. border-top-color: #f012be;
  19856. border-left-color: #f012be;
  19857. }
  19858. .pace-loading-bar-fuchsia .pace .pace-progress {
  19859. background: #f012be;
  19860. color: #f012be;
  19861. box-shadow: 120px 0 #ffffff, 240px 0 #ffffff;
  19862. }
  19863. .pace-loading-bar-fuchsia .pace .pace-activity {
  19864. box-shadow: inset 0 0 0 2px #f012be, inset 0 0 0 7px #ffffff;
  19865. }
  19866. .pace-mac-osx-fuchsia .pace .pace-progress {
  19867. background-color: #f012be;
  19868. box-shadow: inset -1px 0 #f012be, inset 0 -1px #f012be, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
  19869. }
  19870. .pace-mac-osx-fuchsia .pace .pace-activity {
  19871. background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%);
  19872. height: 12px;
  19873. }
  19874. .pace-progress-color-fuchsia .pace-progress {
  19875. color: #f012be;
  19876. }
  19877. .pace-maroon .pace .pace-progress {
  19878. background: #d81b60;
  19879. }
  19880. .pace-barber-shop-maroon .pace {
  19881. background: #ffffff;
  19882. }
  19883. .pace-barber-shop-maroon .pace .pace-progress {
  19884. background: #d81b60;
  19885. }
  19886. .pace-barber-shop-maroon .pace .pace-activity {
  19887. background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  19888. }
  19889. .pace-big-counter-maroon .pace .pace-progress::after {
  19890. color: rgba(216, 27, 96, 0.2);
  19891. }
  19892. .pace-bounce-maroon .pace .pace-activity {
  19893. background: #d81b60;
  19894. }
  19895. .pace-center-atom-maroon .pace-progress {
  19896. height: 100px;
  19897. width: 80px;
  19898. }
  19899. .pace-center-atom-maroon .pace-progress::before {
  19900. background: #d81b60;
  19901. color: #ffffff;
  19902. font-size: .8rem;
  19903. line-height: .7rem;
  19904. padding-top: 17%;
  19905. }
  19906. .pace-center-atom-maroon .pace-activity {
  19907. border-color: #d81b60;
  19908. }
  19909. .pace-center-atom-maroon .pace-activity::after, .pace-center-atom-maroon .pace-activity::before {
  19910. border-color: #d81b60;
  19911. }
  19912. .pace-center-circle-maroon .pace .pace-progress {
  19913. background: rgba(216, 27, 96, 0.8);
  19914. color: #ffffff;
  19915. }
  19916. .pace-center-radar-maroon .pace .pace-activity {
  19917. border-color: #d81b60 transparent transparent;
  19918. }
  19919. .pace-center-radar-maroon .pace .pace-activity::before {
  19920. border-color: #d81b60 transparent transparent;
  19921. }
  19922. .pace-center-simple-maroon .pace {
  19923. background: #ffffff;
  19924. border-color: #d81b60;
  19925. }
  19926. .pace-center-simple-maroon .pace .pace-progress {
  19927. background: #d81b60;
  19928. }
  19929. .pace-material-maroon .pace {
  19930. color: #d81b60;
  19931. }
  19932. .pace-corner-indicator-maroon .pace .pace-activity {
  19933. background: #d81b60;
  19934. }
  19935. .pace-corner-indicator-maroon .pace .pace-activity::after,
  19936. .pace-corner-indicator-maroon .pace .pace-activity::before  {
  19937. border: 5px solid #ffffff;
  19938. }
  19939. .pace-corner-indicator-maroon .pace .pace-activity::before {
  19940. border-right-color: rgba(216, 27, 96, 0.2);
  19941. border-left-color: rgba(216, 27, 96, 0.2);
  19942. }
  19943. .pace-corner-indicator-maroon .pace .pace-activity::after {
  19944. border-top-color: rgba(216, 27, 96, 0.2);
  19945. border-bottom-color: rgba(216, 27, 96, 0.2);
  19946. }
  19947. .pace-fill-left-maroon .pace .pace-progress {
  19948. background-color: rgba(216, 27, 96, 0.2);
  19949. }
  19950. .pace-flash-maroon .pace .pace-progress {
  19951. background: #d81b60;
  19952. }
  19953. .pace-flash-maroon .pace .pace-progress-inner {
  19954. box-shadow: 0 0 10px #d81b60, 0 0 5px #d81b60;
  19955. }
  19956. .pace-flash-maroon .pace .pace-activity {
  19957. border-top-color: #d81b60;
  19958. border-left-color: #d81b60;
  19959. }
  19960. .pace-loading-bar-maroon .pace .pace-progress {
  19961. background: #d81b60;
  19962. color: #d81b60;
  19963. box-shadow: 120px 0 #ffffff, 240px 0 #ffffff;
  19964. }
  19965. .pace-loading-bar-maroon .pace .pace-activity {
  19966. box-shadow: inset 0 0 0 2px #d81b60, inset 0 0 0 7px #ffffff;
  19967. }
  19968. .pace-mac-osx-maroon .pace .pace-progress {
  19969. background-color: #d81b60;
  19970. box-shadow: inset -1px 0 #d81b60, inset 0 -1px #d81b60, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
  19971. }
  19972. .pace-mac-osx-maroon .pace .pace-activity {
  19973. background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%);
  19974. height: 12px;
  19975. }
  19976. .pace-progress-color-maroon .pace-progress {
  19977. color: #d81b60;
  19978. }
  19979. .pace-blue .pace .pace-progress {
  19980. background: #007bff;
  19981. }
  19982. .pace-barber-shop-blue .pace {
  19983. background: #ffffff;
  19984. }
  19985. .pace-barber-shop-blue .pace .pace-progress {
  19986. background: #007bff;
  19987. }
  19988. .pace-barber-shop-blue .pace .pace-activity {
  19989. background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  19990. }
  19991. .pace-big-counter-blue .pace .pace-progress::after {
  19992. color: rgba(0, 123, 255, 0.2);
  19993. }
  19994. .pace-bounce-blue .pace .pace-activity {
  19995. background: #007bff;
  19996. }
  19997. .pace-center-atom-blue .pace-progress {
  19998. height: 100px;
  19999. width: 80px;
  20000. }
  20001. .pace-center-atom-blue .pace-progress::before {
  20002. background: #007bff;
  20003. color: #ffffff;
  20004. font-size: .8rem;
  20005. line-height: .7rem;
  20006. padding-top: 17%;
  20007. }
  20008. .pace-center-atom-blue .pace-activity {
  20009. border-color: #007bff;
  20010. }
  20011. .pace-center-atom-blue .pace-activity::after, .pace-center-atom-blue .pace-activity::before {
  20012. border-color: #007bff;
  20013. }
  20014. .pace-center-circle-blue .pace .pace-progress {
  20015. background: rgba(0, 123, 255, 0.8);
  20016. color: #ffffff;
  20017. }
  20018. .pace-center-radar-blue .pace .pace-activity {
  20019. border-color: #007bff transparent transparent;
  20020. }
  20021. .pace-center-radar-blue .pace .pace-activity::before {
  20022. border-color: #007bff transparent transparent;
  20023. }
  20024. .pace-center-simple-blue .pace {
  20025. background: #ffffff;
  20026. border-color: #007bff;
  20027. }
  20028. .pace-center-simple-blue .pace .pace-progress {
  20029. background: #007bff;
  20030. }
  20031. .pace-material-blue .pace {
  20032. color: #007bff;
  20033. }
  20034. .pace-corner-indicator-blue .pace .pace-activity {
  20035. background: #007bff;
  20036. }
  20037. .pace-corner-indicator-blue .pace .pace-activity::after,
  20038. .pace-corner-indicator-blue .pace .pace-activity::before  {
  20039. border: 5px solid #ffffff;
  20040. }
  20041. .pace-corner-indicator-blue .pace .pace-activity::before {
  20042. border-right-color: rgba(0, 123, 255, 0.2);
  20043. border-left-color: rgba(0, 123, 255, 0.2);
  20044. }
  20045. .pace-corner-indicator-blue .pace .pace-activity::after {
  20046. border-top-color: rgba(0, 123, 255, 0.2);
  20047. border-bottom-color: rgba(0, 123, 255, 0.2);
  20048. }
  20049. .pace-fill-left-blue .pace .pace-progress {
  20050. background-color: rgba(0, 123, 255, 0.2);
  20051. }
  20052. .pace-flash-blue .pace .pace-progress {
  20053. background: #007bff;
  20054. }
  20055. .pace-flash-blue .pace .pace-progress-inner {
  20056. box-shadow: 0 0 10px #007bff, 0 0 5px #007bff;
  20057. }
  20058. .pace-flash-blue .pace .pace-activity {
  20059. border-top-color: #007bff;
  20060. border-left-color: #007bff;
  20061. }
  20062. .pace-loading-bar-blue .pace .pace-progress {
  20063. background: #007bff;
  20064. color: #007bff;
  20065. box-shadow: 120px 0 #ffffff, 240px 0 #ffffff;
  20066. }
  20067. .pace-loading-bar-blue .pace .pace-activity {
  20068. box-shadow: inset 0 0 0 2px #007bff, inset 0 0 0 7px #ffffff;
  20069. }
  20070. .pace-mac-osx-blue .pace .pace-progress {
  20071. background-color: #007bff;
  20072. box-shadow: inset -1px 0 #007bff, inset 0 -1px #007bff, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
  20073. }
  20074. .pace-mac-osx-blue .pace .pace-activity {
  20075. background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%);
  20076. height: 12px;
  20077. }
  20078. .pace-progress-color-blue .pace-progress {
  20079. color: #007bff;
  20080. }
  20081. .pace-indigo .pace .pace-progress {
  20082. background: #6610f2;
  20083. }
  20084. .pace-barber-shop-indigo .pace {
  20085. background: #ffffff;
  20086. }
  20087. .pace-barber-shop-indigo .pace .pace-progress {
  20088. background: #6610f2;
  20089. }
  20090. .pace-barber-shop-indigo .pace .pace-activity {
  20091. background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  20092. }
  20093. .pace-big-counter-indigo .pace .pace-progress::after {
  20094. color: rgba(102, 16, 242, 0.2);
  20095. }
  20096. .pace-bounce-indigo .pace .pace-activity {
  20097. background: #6610f2;
  20098. }
  20099. .pace-center-atom-indigo .pace-progress {
  20100. height: 100px;
  20101. width: 80px;
  20102. }
  20103. .pace-center-atom-indigo .pace-progress::before {
  20104. background: #6610f2;
  20105. color: #ffffff;
  20106. font-size: .8rem;
  20107. line-height: .7rem;
  20108. padding-top: 17%;
  20109. }
  20110. .pace-center-atom-indigo .pace-activity {
  20111. border-color: #6610f2;
  20112. }
  20113. .pace-center-atom-indigo .pace-activity::after, .pace-center-atom-indigo .pace-activity::before {
  20114. border-color: #6610f2;
  20115. }
  20116. .pace-center-circle-indigo .pace .pace-progress {
  20117. background: rgba(102, 16, 242, 0.8);
  20118. color: #ffffff;
  20119. }
  20120. .pace-center-radar-indigo .pace .pace-activity {
  20121. border-color: #6610f2 transparent transparent;
  20122. }
  20123. .pace-center-radar-indigo .pace .pace-activity::before {
  20124. border-color: #6610f2 transparent transparent;
  20125. }
  20126. .pace-center-simple-indigo .pace {
  20127. background: #ffffff;
  20128. border-color: #6610f2;
  20129. }
  20130. .pace-center-simple-indigo .pace .pace-progress {
  20131. background: #6610f2;
  20132. }
  20133. .pace-material-indigo .pace {
  20134. color: #6610f2;
  20135. }
  20136. .pace-corner-indicator-indigo .pace .pace-activity {
  20137. background: #6610f2;
  20138. }
  20139. .pace-corner-indicator-indigo .pace .pace-activity::after,
  20140. .pace-corner-indicator-indigo .pace .pace-activity::before  {
  20141. border: 5px solid #ffffff;
  20142. }
  20143. .pace-corner-indicator-indigo .pace .pace-activity::before {
  20144. border-right-color: rgba(102, 16, 242, 0.2);
  20145. border-left-color: rgba(102, 16, 242, 0.2);
  20146. }
  20147. .pace-corner-indicator-indigo .pace .pace-activity::after {
  20148. border-top-color: rgba(102, 16, 242, 0.2);
  20149. border-bottom-color: rgba(102, 16, 242, 0.2);
  20150. }
  20151. .pace-fill-left-indigo .pace .pace-progress {
  20152. background-color: rgba(102, 16, 242, 0.2);
  20153. }
  20154. .pace-flash-indigo .pace .pace-progress {
  20155. background: #6610f2;
  20156. }
  20157. .pace-flash-indigo .pace .pace-progress-inner {
  20158. box-shadow: 0 0 10px #6610f2, 0 0 5px #6610f2;
  20159. }
  20160. .pace-flash-indigo .pace .pace-activity {
  20161. border-top-color: #6610f2;
  20162. border-left-color: #6610f2;
  20163. }
  20164. .pace-loading-bar-indigo .pace .pace-progress {
  20165. background: #6610f2;
  20166. color: #6610f2;
  20167. box-shadow: 120px 0 #ffffff, 240px 0 #ffffff;
  20168. }
  20169. .pace-loading-bar-indigo .pace .pace-activity {
  20170. box-shadow: inset 0 0 0 2px #6610f2, inset 0 0 0 7px #ffffff;
  20171. }
  20172. .pace-mac-osx-indigo .pace .pace-progress {
  20173. background-color: #6610f2;
  20174. box-shadow: inset -1px 0 #6610f2, inset 0 -1px #6610f2, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
  20175. }
  20176. .pace-mac-osx-indigo .pace .pace-activity {
  20177. background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%);
  20178. height: 12px;
  20179. }
  20180. .pace-progress-color-indigo .pace-progress {
  20181. color: #6610f2;
  20182. }
  20183. .pace-purple .pace .pace-progress {
  20184. background: #6f42c1;
  20185. }
  20186. .pace-barber-shop-purple .pace {
  20187. background: #ffffff;
  20188. }
  20189. .pace-barber-shop-purple .pace .pace-progress {
  20190. background: #6f42c1;
  20191. }
  20192. .pace-barber-shop-purple .pace .pace-activity {
  20193. background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  20194. }
  20195. .pace-big-counter-purple .pace .pace-progress::after {
  20196. color: rgba(111, 66, 193, 0.2);
  20197. }
  20198. .pace-bounce-purple .pace .pace-activity {
  20199. background: #6f42c1;
  20200. }
  20201. .pace-center-atom-purple .pace-progress {
  20202. height: 100px;
  20203. width: 80px;
  20204. }
  20205. .pace-center-atom-purple .pace-progress::before {
  20206. background: #6f42c1;
  20207. color: #ffffff;
  20208. font-size: .8rem;
  20209. line-height: .7rem;
  20210. padding-top: 17%;
  20211. }
  20212. .pace-center-atom-purple .pace-activity {
  20213. border-color: #6f42c1;
  20214. }
  20215. .pace-center-atom-purple .pace-activity::after, .pace-center-atom-purple .pace-activity::before {
  20216. border-color: #6f42c1;
  20217. }
  20218. .pace-center-circle-purple .pace .pace-progress {
  20219. background: rgba(111, 66, 193, 0.8);
  20220. color: #ffffff;
  20221. }
  20222. .pace-center-radar-purple .pace .pace-activity {
  20223. border-color: #6f42c1 transparent transparent;
  20224. }
  20225. .pace-center-radar-purple .pace .pace-activity::before {
  20226. border-color: #6f42c1 transparent transparent;
  20227. }
  20228. .pace-center-simple-purple .pace {
  20229. background: #ffffff;
  20230. border-color: #6f42c1;
  20231. }
  20232. .pace-center-simple-purple .pace .pace-progress {
  20233. background: #6f42c1;
  20234. }
  20235. .pace-material-purple .pace {
  20236. color: #6f42c1;
  20237. }
  20238. .pace-corner-indicator-purple .pace .pace-activity {
  20239. background: #6f42c1;
  20240. }
  20241. .pace-corner-indicator-purple .pace .pace-activity::after,
  20242. .pace-corner-indicator-purple .pace .pace-activity::before  {
  20243. border: 5px solid #ffffff;
  20244. }
  20245. .pace-corner-indicator-purple .pace .pace-activity::before {
  20246. border-right-color: rgba(111, 66, 193, 0.2);
  20247. border-left-color: rgba(111, 66, 193, 0.2);
  20248. }
  20249. .pace-corner-indicator-purple .pace .pace-activity::after {
  20250. border-top-color: rgba(111, 66, 193, 0.2);
  20251. border-bottom-color: rgba(111, 66, 193, 0.2);
  20252. }
  20253. .pace-fill-left-purple .pace .pace-progress {
  20254. background-color: rgba(111, 66, 193, 0.2);
  20255. }
  20256. .pace-flash-purple .pace .pace-progress {
  20257. background: #6f42c1;
  20258. }
  20259. .pace-flash-purple .pace .pace-progress-inner {
  20260. box-shadow: 0 0 10px #6f42c1, 0 0 5px #6f42c1;
  20261. }
  20262. .pace-flash-purple .pace .pace-activity {
  20263. border-top-color: #6f42c1;
  20264. border-left-color: #6f42c1;
  20265. }
  20266. .pace-loading-bar-purple .pace .pace-progress {
  20267. background: #6f42c1;
  20268. color: #6f42c1;
  20269. box-shadow: 120px 0 #ffffff, 240px 0 #ffffff;
  20270. }
  20271. .pace-loading-bar-purple .pace .pace-activity {
  20272. box-shadow: inset 0 0 0 2px #6f42c1, inset 0 0 0 7px #ffffff;
  20273. }
  20274. .pace-mac-osx-purple .pace .pace-progress {
  20275. background-color: #6f42c1;
  20276. box-shadow: inset -1px 0 #6f42c1, inset 0 -1px #6f42c1, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
  20277. }
  20278. .pace-mac-osx-purple .pace .pace-activity {
  20279. background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%);
  20280. height: 12px;
  20281. }
  20282. .pace-progress-color-purple .pace-progress {
  20283. color: #6f42c1;
  20284. }
  20285. .pace-pink .pace .pace-progress {
  20286. background: #e83e8c;
  20287. }
  20288. .pace-barber-shop-pink .pace {
  20289. background: #ffffff;
  20290. }
  20291. .pace-barber-shop-pink .pace .pace-progress {
  20292. background: #e83e8c;
  20293. }
  20294. .pace-barber-shop-pink .pace .pace-activity {
  20295. background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  20296. }
  20297. .pace-big-counter-pink .pace .pace-progress::after {
  20298. color: rgba(232, 62, 140, 0.2);
  20299. }
  20300. .pace-bounce-pink .pace .pace-activity {
  20301. background: #e83e8c;
  20302. }
  20303. .pace-center-atom-pink .pace-progress {
  20304. height: 100px;
  20305. width: 80px;
  20306. }
  20307. .pace-center-atom-pink .pace-progress::before {
  20308. background: #e83e8c;
  20309. color: #ffffff;
  20310. font-size: .8rem;
  20311. line-height: .7rem;
  20312. padding-top: 17%;
  20313. }
  20314. .pace-center-atom-pink .pace-activity {
  20315. border-color: #e83e8c;
  20316. }
  20317. .pace-center-atom-pink .pace-activity::after, .pace-center-atom-pink .pace-activity::before {
  20318. border-color: #e83e8c;
  20319. }
  20320. .pace-center-circle-pink .pace .pace-progress {
  20321. background: rgba(232, 62, 140, 0.8);
  20322. color: #ffffff;
  20323. }
  20324. .pace-center-radar-pink .pace .pace-activity {
  20325. border-color: #e83e8c transparent transparent;
  20326. }
  20327. .pace-center-radar-pink .pace .pace-activity::before {
  20328. border-color: #e83e8c transparent transparent;
  20329. }
  20330. .pace-center-simple-pink .pace {
  20331. background: #ffffff;
  20332. border-color: #e83e8c;
  20333. }
  20334. .pace-center-simple-pink .pace .pace-progress {
  20335. background: #e83e8c;
  20336. }
  20337. .pace-material-pink .pace {
  20338. color: #e83e8c;
  20339. }
  20340. .pace-corner-indicator-pink .pace .pace-activity {
  20341. background: #e83e8c;
  20342. }
  20343. .pace-corner-indicator-pink .pace .pace-activity::after,
  20344. .pace-corner-indicator-pink .pace .pace-activity::before  {
  20345. border: 5px solid #ffffff;
  20346. }
  20347. .pace-corner-indicator-pink .pace .pace-activity::before {
  20348. border-right-color: rgba(232, 62, 140, 0.2);
  20349. border-left-color: rgba(232, 62, 140, 0.2);
  20350. }
  20351. .pace-corner-indicator-pink .pace .pace-activity::after {
  20352. border-top-color: rgba(232, 62, 140, 0.2);
  20353. border-bottom-color: rgba(232, 62, 140, 0.2);
  20354. }
  20355. .pace-fill-left-pink .pace .pace-progress {
  20356. background-color: rgba(232, 62, 140, 0.2);
  20357. }
  20358. .pace-flash-pink .pace .pace-progress {
  20359. background: #e83e8c;
  20360. }
  20361. .pace-flash-pink .pace .pace-progress-inner {
  20362. box-shadow: 0 0 10px #e83e8c, 0 0 5px #e83e8c;
  20363. }
  20364. .pace-flash-pink .pace .pace-activity {
  20365. border-top-color: #e83e8c;
  20366. border-left-color: #e83e8c;
  20367. }
  20368. .pace-loading-bar-pink .pace .pace-progress {
  20369. background: #e83e8c;
  20370. color: #e83e8c;
  20371. box-shadow: 120px 0 #ffffff, 240px 0 #ffffff;
  20372. }
  20373. .pace-loading-bar-pink .pace .pace-activity {
  20374. box-shadow: inset 0 0 0 2px #e83e8c, inset 0 0 0 7px #ffffff;
  20375. }
  20376. .pace-mac-osx-pink .pace .pace-progress {
  20377. background-color: #e83e8c;
  20378. box-shadow: inset -1px 0 #e83e8c, inset 0 -1px #e83e8c, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
  20379. }
  20380. .pace-mac-osx-pink .pace .pace-activity {
  20381. background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%);
  20382. height: 12px;
  20383. }
  20384. .pace-progress-color-pink .pace-progress {
  20385. color: #e83e8c;
  20386. }
  20387. .pace-red .pace .pace-progress {
  20388. background: #dc3545;
  20389. }
  20390. .pace-barber-shop-red .pace {
  20391. background: #ffffff;
  20392. }
  20393. .pace-barber-shop-red .pace .pace-progress {
  20394. background: #dc3545;
  20395. }
  20396. .pace-barber-shop-red .pace .pace-activity {
  20397. background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  20398. }
  20399. .pace-big-counter-red .pace .pace-progress::after {
  20400. color: rgba(220, 53, 69, 0.2);
  20401. }
  20402. .pace-bounce-red .pace .pace-activity {
  20403. background: #dc3545;
  20404. }
  20405. .pace-center-atom-red .pace-progress {
  20406. height: 100px;
  20407. width: 80px;
  20408. }
  20409. .pace-center-atom-red .pace-progress::before {
  20410. background: #dc3545;
  20411. color: #ffffff;
  20412. font-size: .8rem;
  20413. line-height: .7rem;
  20414. padding-top: 17%;
  20415. }
  20416. .pace-center-atom-red .pace-activity {
  20417. border-color: #dc3545;
  20418. }
  20419. .pace-center-atom-red .pace-activity::after, .pace-center-atom-red .pace-activity::before {
  20420. border-color: #dc3545;
  20421. }
  20422. .pace-center-circle-red .pace .pace-progress {
  20423. background: rgba(220, 53, 69, 0.8);
  20424. color: #ffffff;
  20425. }
  20426. .pace-center-radar-red .pace .pace-activity {
  20427. border-color: #dc3545 transparent transparent;
  20428. }
  20429. .pace-center-radar-red .pace .pace-activity::before {
  20430. border-color: #dc3545 transparent transparent;
  20431. }
  20432. .pace-center-simple-red .pace {
  20433. background: #ffffff;
  20434. border-color: #dc3545;
  20435. }
  20436. .pace-center-simple-red .pace .pace-progress {
  20437. background: #dc3545;
  20438. }
  20439. .pace-material-red .pace {
  20440. color: #dc3545;
  20441. }
  20442. .pace-corner-indicator-red .pace .pace-activity {
  20443. background: #dc3545;
  20444. }
  20445. .pace-corner-indicator-red .pace .pace-activity::after,
  20446. .pace-corner-indicator-red .pace .pace-activity::before  {
  20447. border: 5px solid #ffffff;
  20448. }
  20449. .pace-corner-indicator-red .pace .pace-activity::before {
  20450. border-right-color: rgba(220, 53, 69, 0.2);
  20451. border-left-color: rgba(220, 53, 69, 0.2);
  20452. }
  20453. .pace-corner-indicator-red .pace .pace-activity::after {
  20454. border-top-color: rgba(220, 53, 69, 0.2);
  20455. border-bottom-color: rgba(220, 53, 69, 0.2);
  20456. }
  20457. .pace-fill-left-red .pace .pace-progress {
  20458. background-color: rgba(220, 53, 69, 0.2);
  20459. }
  20460. .pace-flash-red .pace .pace-progress {
  20461. background: #dc3545;
  20462. }
  20463. .pace-flash-red .pace .pace-progress-inner {
  20464. box-shadow: 0 0 10px #dc3545, 0 0 5px #dc3545;
  20465. }
  20466. .pace-flash-red .pace .pace-activity {
  20467. border-top-color: #dc3545;
  20468. border-left-color: #dc3545;
  20469. }
  20470. .pace-loading-bar-red .pace .pace-progress {
  20471. background: #dc3545;
  20472. color: #dc3545;
  20473. box-shadow: 120px 0 #ffffff, 240px 0 #ffffff;
  20474. }
  20475. .pace-loading-bar-red .pace .pace-activity {
  20476. box-shadow: inset 0 0 0 2px #dc3545, inset 0 0 0 7px #ffffff;
  20477. }
  20478. .pace-mac-osx-red .pace .pace-progress {
  20479. background-color: #dc3545;
  20480. box-shadow: inset -1px 0 #dc3545, inset 0 -1px #dc3545, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
  20481. }
  20482. .pace-mac-osx-red .pace .pace-activity {
  20483. background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%);
  20484. height: 12px;
  20485. }
  20486. .pace-progress-color-red .pace-progress {
  20487. color: #dc3545;
  20488. }
  20489. .pace-orange .pace .pace-progress {
  20490. background: #fd7e14;
  20491. }
  20492. .pace-barber-shop-orange .pace {
  20493. background: #1F2D3D;
  20494. }
  20495. .pace-barber-shop-orange .pace .pace-progress {
  20496. background: #fd7e14;
  20497. }
  20498. .pace-barber-shop-orange .pace .pace-activity {
  20499. background-image: linear-gradient(45deg, rgba(31, 45, 61, 0.2) 25%, transparent 25%, transparent 50%, rgba(31, 45, 61, 0.2) 50%, rgba(31, 45, 61, 0.2) 75%, transparent 75%, transparent);
  20500. }
  20501. .pace-big-counter-orange .pace .pace-progress::after {
  20502. color: rgba(253, 126, 20, 0.2);
  20503. }
  20504. .pace-bounce-orange .pace .pace-activity {
  20505. background: #fd7e14;
  20506. }
  20507. .pace-center-atom-orange .pace-progress {
  20508. height: 100px;
  20509. width: 80px;
  20510. }
  20511. .pace-center-atom-orange .pace-progress::before {
  20512. background: #fd7e14;
  20513. color: #1F2D3D;
  20514. font-size: .8rem;
  20515. line-height: .7rem;
  20516. padding-top: 17%;
  20517. }
  20518. .pace-center-atom-orange .pace-activity {
  20519. border-color: #fd7e14;
  20520. }
  20521. .pace-center-atom-orange .pace-activity::after, .pace-center-atom-orange .pace-activity::before {
  20522. border-color: #fd7e14;
  20523. }
  20524. .pace-center-circle-orange .pace .pace-progress {
  20525. background: rgba(253, 126, 20, 0.8);
  20526. color: #1F2D3D;
  20527. }
  20528. .pace-center-radar-orange .pace .pace-activity {
  20529. border-color: #fd7e14 transparent transparent;
  20530. }
  20531. .pace-center-radar-orange .pace .pace-activity::before {
  20532. border-color: #fd7e14 transparent transparent;
  20533. }
  20534. .pace-center-simple-orange .pace {
  20535. background: #1F2D3D;
  20536. border-color: #fd7e14;
  20537. }
  20538. .pace-center-simple-orange .pace .pace-progress {
  20539. background: #fd7e14;
  20540. }
  20541. .pace-material-orange .pace {
  20542. color: #fd7e14;
  20543. }
  20544. .pace-corner-indicator-orange .pace .pace-activity {
  20545. background: #fd7e14;
  20546. }
  20547. .pace-corner-indicator-orange .pace .pace-activity::after,
  20548. .pace-corner-indicator-orange .pace .pace-activity::before  {
  20549. border: 5px solid #1F2D3D;
  20550. }
  20551. .pace-corner-indicator-orange .pace .pace-activity::before {
  20552. border-right-color: rgba(253, 126, 20, 0.2);
  20553. border-left-color: rgba(253, 126, 20, 0.2);
  20554. }
  20555. .pace-corner-indicator-orange .pace .pace-activity::after {
  20556. border-top-color: rgba(253, 126, 20, 0.2);
  20557. border-bottom-color: rgba(253, 126, 20, 0.2);
  20558. }
  20559. .pace-fill-left-orange .pace .pace-progress {
  20560. background-color: rgba(253, 126, 20, 0.2);
  20561. }
  20562. .pace-flash-orange .pace .pace-progress {
  20563. background: #fd7e14;
  20564. }
  20565. .pace-flash-orange .pace .pace-progress-inner {
  20566. box-shadow: 0 0 10px #fd7e14, 0 0 5px #fd7e14;
  20567. }
  20568. .pace-flash-orange .pace .pace-activity {
  20569. border-top-color: #fd7e14;
  20570. border-left-color: #fd7e14;
  20571. }
  20572. .pace-loading-bar-orange .pace .pace-progress {
  20573. background: #fd7e14;
  20574. color: #fd7e14;
  20575. box-shadow: 120px 0 #1F2D3D, 240px 0 #1F2D3D;
  20576. }
  20577. .pace-loading-bar-orange .pace .pace-activity {
  20578. box-shadow: inset 0 0 0 2px #fd7e14, inset 0 0 0 7px #1F2D3D;
  20579. }
  20580. .pace-mac-osx-orange .pace .pace-progress {
  20581. background-color: #fd7e14;
  20582. box-shadow: inset -1px 0 #fd7e14, inset 0 -1px #fd7e14, inset 0 2px rgba(31, 45, 61, 0.5), inset 0 6px rgba(31, 45, 61, 0.3);
  20583. }
  20584. .pace-mac-osx-orange .pace .pace-activity {
  20585. background-image: radial-gradient(rgba(31, 45, 61, 0.65) 0%, rgba(31, 45, 61, 0.15) 100%);
  20586. height: 12px;
  20587. }
  20588. .pace-progress-color-orange .pace-progress {
  20589. color: #fd7e14;
  20590. }
  20591. .pace-yellow .pace .pace-progress {
  20592. background: #ffc107;
  20593. }
  20594. .pace-barber-shop-yellow .pace {
  20595. background: #1F2D3D;
  20596. }
  20597. .pace-barber-shop-yellow .pace .pace-progress {
  20598. background: #ffc107;
  20599. }
  20600. .pace-barber-shop-yellow .pace .pace-activity {
  20601. background-image: linear-gradient(45deg, rgba(31, 45, 61, 0.2) 25%, transparent 25%, transparent 50%, rgba(31, 45, 61, 0.2) 50%, rgba(31, 45, 61, 0.2) 75%, transparent 75%, transparent);
  20602. }
  20603. .pace-big-counter-yellow .pace .pace-progress::after {
  20604. color: rgba(255, 193, 7, 0.2);
  20605. }
  20606. .pace-bounce-yellow .pace .pace-activity {
  20607. background: #ffc107;
  20608. }
  20609. .pace-center-atom-yellow .pace-progress {
  20610. height: 100px;
  20611. width: 80px;
  20612. }
  20613. .pace-center-atom-yellow .pace-progress::before {
  20614. background: #ffc107;
  20615. color: #1F2D3D;
  20616. font-size: .8rem;
  20617. line-height: .7rem;
  20618. padding-top: 17%;
  20619. }
  20620. .pace-center-atom-yellow .pace-activity {
  20621. border-color: #ffc107;
  20622. }
  20623. .pace-center-atom-yellow .pace-activity::after, .pace-center-atom-yellow .pace-activity::before {
  20624. border-color: #ffc107;
  20625. }
  20626. .pace-center-circle-yellow .pace .pace-progress {
  20627. background: rgba(255, 193, 7, 0.8);
  20628. color: #1F2D3D;
  20629. }
  20630. .pace-center-radar-yellow .pace .pace-activity {
  20631. border-color: #ffc107 transparent transparent;
  20632. }
  20633. .pace-center-radar-yellow .pace .pace-activity::before {
  20634. border-color: #ffc107 transparent transparent;
  20635. }
  20636. .pace-center-simple-yellow .pace {
  20637. background: #1F2D3D;
  20638. border-color: #ffc107;
  20639. }
  20640. .pace-center-simple-yellow .pace .pace-progress {
  20641. background: #ffc107;
  20642. }
  20643. .pace-material-yellow .pace {
  20644. color: #ffc107;
  20645. }
  20646. .pace-corner-indicator-yellow .pace .pace-activity {
  20647. background: #ffc107;
  20648. }
  20649. .pace-corner-indicator-yellow .pace .pace-activity::after,
  20650. .pace-corner-indicator-yellow .pace .pace-activity::before  {
  20651. border: 5px solid #1F2D3D;
  20652. }
  20653. .pace-corner-indicator-yellow .pace .pace-activity::before {
  20654. border-right-color: rgba(255, 193, 7, 0.2);
  20655. border-left-color: rgba(255, 193, 7, 0.2);
  20656. }
  20657. .pace-corner-indicator-yellow .pace .pace-activity::after {
  20658. border-top-color: rgba(255, 193, 7, 0.2);
  20659. border-bottom-color: rgba(255, 193, 7, 0.2);
  20660. }
  20661. .pace-fill-left-yellow .pace .pace-progress {
  20662. background-color: rgba(255, 193, 7, 0.2);
  20663. }
  20664. .pace-flash-yellow .pace .pace-progress {
  20665. background: #ffc107;
  20666. }
  20667. .pace-flash-yellow .pace .pace-progress-inner {
  20668. box-shadow: 0 0 10px #ffc107, 0 0 5px #ffc107;
  20669. }
  20670. .pace-flash-yellow .pace .pace-activity {
  20671. border-top-color: #ffc107;
  20672. border-left-color: #ffc107;
  20673. }
  20674. .pace-loading-bar-yellow .pace .pace-progress {
  20675. background: #ffc107;
  20676. color: #ffc107;
  20677. box-shadow: 120px 0 #1F2D3D, 240px 0 #1F2D3D;
  20678. }
  20679. .pace-loading-bar-yellow .pace .pace-activity {
  20680. box-shadow: inset 0 0 0 2px #ffc107, inset 0 0 0 7px #1F2D3D;
  20681. }
  20682. .pace-mac-osx-yellow .pace .pace-progress {
  20683. background-color: #ffc107;
  20684. box-shadow: inset -1px 0 #ffc107, inset 0 -1px #ffc107, inset 0 2px rgba(31, 45, 61, 0.5), inset 0 6px rgba(31, 45, 61, 0.3);
  20685. }
  20686. .pace-mac-osx-yellow .pace .pace-activity {
  20687. background-image: radial-gradient(rgba(31, 45, 61, 0.65) 0%, rgba(31, 45, 61, 0.15) 100%);
  20688. height: 12px;
  20689. }
  20690. .pace-progress-color-yellow .pace-progress {
  20691. color: #ffc107;
  20692. }
  20693. .pace-green .pace .pace-progress {
  20694. background: #28a745;
  20695. }
  20696. .pace-barber-shop-green .pace {
  20697. background: #ffffff;
  20698. }
  20699. .pace-barber-shop-green .pace .pace-progress {
  20700. background: #28a745;
  20701. }
  20702. .pace-barber-shop-green .pace .pace-activity {
  20703. background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  20704. }
  20705. .pace-big-counter-green .pace .pace-progress::after {
  20706. color: rgba(40, 167, 69, 0.2);
  20707. }
  20708. .pace-bounce-green .pace .pace-activity {
  20709. background: #28a745;
  20710. }
  20711. .pace-center-atom-green .pace-progress {
  20712. height: 100px;
  20713. width: 80px;
  20714. }
  20715. .pace-center-atom-green .pace-progress::before {
  20716. background: #28a745;
  20717. color: #ffffff;
  20718. font-size: .8rem;
  20719. line-height: .7rem;
  20720. padding-top: 17%;
  20721. }
  20722. .pace-center-atom-green .pace-activity {
  20723. border-color: #28a745;
  20724. }
  20725. .pace-center-atom-green .pace-activity::after, .pace-center-atom-green .pace-activity::before {
  20726. border-color: #28a745;
  20727. }
  20728. .pace-center-circle-green .pace .pace-progress {
  20729. background: rgba(40, 167, 69, 0.8);
  20730. color: #ffffff;
  20731. }
  20732. .pace-center-radar-green .pace .pace-activity {
  20733. border-color: #28a745 transparent transparent;
  20734. }
  20735. .pace-center-radar-green .pace .pace-activity::before {
  20736. border-color: #28a745 transparent transparent;
  20737. }
  20738. .pace-center-simple-green .pace {
  20739. background: #ffffff;
  20740. border-color: #28a745;
  20741. }
  20742. .pace-center-simple-green .pace .pace-progress {
  20743. background: #28a745;
  20744. }
  20745. .pace-material-green .pace {
  20746. color: #28a745;
  20747. }
  20748. .pace-corner-indicator-green .pace .pace-activity {
  20749. background: #28a745;
  20750. }
  20751. .pace-corner-indicator-green .pace .pace-activity::after,
  20752. .pace-corner-indicator-green .pace .pace-activity::before  {
  20753. border: 5px solid #ffffff;
  20754. }
  20755. .pace-corner-indicator-green .pace .pace-activity::before {
  20756. border-right-color: rgba(40, 167, 69, 0.2);
  20757. border-left-color: rgba(40, 167, 69, 0.2);
  20758. }
  20759. .pace-corner-indicator-green .pace .pace-activity::after {
  20760. border-top-color: rgba(40, 167, 69, 0.2);
  20761. border-bottom-color: rgba(40, 167, 69, 0.2);
  20762. }
  20763. .pace-fill-left-green .pace .pace-progress {
  20764. background-color: rgba(40, 167, 69, 0.2);
  20765. }
  20766. .pace-flash-green .pace .pace-progress {
  20767. background: #28a745;
  20768. }
  20769. .pace-flash-green .pace .pace-progress-inner {
  20770. box-shadow: 0 0 10px #28a745, 0 0 5px #28a745;
  20771. }
  20772. .pace-flash-green .pace .pace-activity {
  20773. border-top-color: #28a745;
  20774. border-left-color: #28a745;
  20775. }
  20776. .pace-loading-bar-green .pace .pace-progress {
  20777. background: #28a745;
  20778. color: #28a745;
  20779. box-shadow: 120px 0 #ffffff, 240px 0 #ffffff;
  20780. }
  20781. .pace-loading-bar-green .pace .pace-activity {
  20782. box-shadow: inset 0 0 0 2px #28a745, inset 0 0 0 7px #ffffff;
  20783. }
  20784. .pace-mac-osx-green .pace .pace-progress {
  20785. background-color: #28a745;
  20786. box-shadow: inset -1px 0 #28a745, inset 0 -1px #28a745, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
  20787. }
  20788. .pace-mac-osx-green .pace .pace-activity {
  20789. background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%);
  20790. height: 12px;
  20791. }
  20792. .pace-progress-color-green .pace-progress {
  20793. color: #28a745;
  20794. }
  20795. .pace-teal .pace .pace-progress {
  20796. background: #20c997;
  20797. }
  20798. .pace-barber-shop-teal .pace {
  20799. background: #ffffff;
  20800. }
  20801. .pace-barber-shop-teal .pace .pace-progress {
  20802. background: #20c997;
  20803. }
  20804. .pace-barber-shop-teal .pace .pace-activity {
  20805. background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  20806. }
  20807. .pace-big-counter-teal .pace .pace-progress::after {
  20808. color: rgba(32, 201, 151, 0.2);
  20809. }
  20810. .pace-bounce-teal .pace .pace-activity {
  20811. background: #20c997;
  20812. }
  20813. .pace-center-atom-teal .pace-progress {
  20814. height: 100px;
  20815. width: 80px;
  20816. }
  20817. .pace-center-atom-teal .pace-progress::before {
  20818. background: #20c997;
  20819. color: #ffffff;
  20820. font-size: .8rem;
  20821. line-height: .7rem;
  20822. padding-top: 17%;
  20823. }
  20824. .pace-center-atom-teal .pace-activity {
  20825. border-color: #20c997;
  20826. }
  20827. .pace-center-atom-teal .pace-activity::after, .pace-center-atom-teal .pace-activity::before {
  20828. border-color: #20c997;
  20829. }
  20830. .pace-center-circle-teal .pace .pace-progress {
  20831. background: rgba(32, 201, 151, 0.8);
  20832. color: #ffffff;
  20833. }
  20834. .pace-center-radar-teal .pace .pace-activity {
  20835. border-color: #20c997 transparent transparent;
  20836. }
  20837. .pace-center-radar-teal .pace .pace-activity::before {
  20838. border-color: #20c997 transparent transparent;
  20839. }
  20840. .pace-center-simple-teal .pace {
  20841. background: #ffffff;
  20842. border-color: #20c997;
  20843. }
  20844. .pace-center-simple-teal .pace .pace-progress {
  20845. background: #20c997;
  20846. }
  20847. .pace-material-teal .pace {
  20848. color: #20c997;
  20849. }
  20850. .pace-corner-indicator-teal .pace .pace-activity {
  20851. background: #20c997;
  20852. }
  20853. .pace-corner-indicator-teal .pace .pace-activity::after,
  20854. .pace-corner-indicator-teal .pace .pace-activity::before  {
  20855. border: 5px solid #ffffff;
  20856. }
  20857. .pace-corner-indicator-teal .pace .pace-activity::before {
  20858. border-right-color: rgba(32, 201, 151, 0.2);
  20859. border-left-color: rgba(32, 201, 151, 0.2);
  20860. }
  20861. .pace-corner-indicator-teal .pace .pace-activity::after {
  20862. border-top-color: rgba(32, 201, 151, 0.2);
  20863. border-bottom-color: rgba(32, 201, 151, 0.2);
  20864. }
  20865. .pace-fill-left-teal .pace .pace-progress {
  20866. background-color: rgba(32, 201, 151, 0.2);
  20867. }
  20868. .pace-flash-teal .pace .pace-progress {
  20869. background: #20c997;
  20870. }
  20871. .pace-flash-teal .pace .pace-progress-inner {
  20872. box-shadow: 0 0 10px #20c997, 0 0 5px #20c997;
  20873. }
  20874. .pace-flash-teal .pace .pace-activity {
  20875. border-top-color: #20c997;
  20876. border-left-color: #20c997;
  20877. }
  20878. .pace-loading-bar-teal .pace .pace-progress {
  20879. background: #20c997;
  20880. color: #20c997;
  20881. box-shadow: 120px 0 #ffffff, 240px 0 #ffffff;
  20882. }
  20883. .pace-loading-bar-teal .pace .pace-activity {
  20884. box-shadow: inset 0 0 0 2px #20c997, inset 0 0 0 7px #ffffff;
  20885. }
  20886. .pace-mac-osx-teal .pace .pace-progress {
  20887. background-color: #20c997;
  20888. box-shadow: inset -1px 0 #20c997, inset 0 -1px #20c997, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
  20889. }
  20890. .pace-mac-osx-teal .pace .pace-activity {
  20891. background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%);
  20892. height: 12px;
  20893. }
  20894. .pace-progress-color-teal .pace-progress {
  20895. color: #20c997;
  20896. }
  20897. .pace-cyan .pace .pace-progress {
  20898. background: #17a2b8;
  20899. }
  20900. .pace-barber-shop-cyan .pace {
  20901. background: #ffffff;
  20902. }
  20903. .pace-barber-shop-cyan .pace .pace-progress {
  20904. background: #17a2b8;
  20905. }
  20906. .pace-barber-shop-cyan .pace .pace-activity {
  20907. background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  20908. }
  20909. .pace-big-counter-cyan .pace .pace-progress::after {
  20910. color: rgba(23, 162, 184, 0.2);
  20911. }
  20912. .pace-bounce-cyan .pace .pace-activity {
  20913. background: #17a2b8;
  20914. }
  20915. .pace-center-atom-cyan .pace-progress {
  20916. height: 100px;
  20917. width: 80px;
  20918. }
  20919. .pace-center-atom-cyan .pace-progress::before {
  20920. background: #17a2b8;
  20921. color: #ffffff;
  20922. font-size: .8rem;
  20923. line-height: .7rem;
  20924. padding-top: 17%;
  20925. }
  20926. .pace-center-atom-cyan .pace-activity {
  20927. border-color: #17a2b8;
  20928. }
  20929. .pace-center-atom-cyan .pace-activity::after, .pace-center-atom-cyan .pace-activity::before {
  20930. border-color: #17a2b8;
  20931. }
  20932. .pace-center-circle-cyan .pace .pace-progress {
  20933. background: rgba(23, 162, 184, 0.8);
  20934. color: #ffffff;
  20935. }
  20936. .pace-center-radar-cyan .pace .pace-activity {
  20937. border-color: #17a2b8 transparent transparent;
  20938. }
  20939. .pace-center-radar-cyan .pace .pace-activity::before {
  20940. border-color: #17a2b8 transparent transparent;
  20941. }
  20942. .pace-center-simple-cyan .pace {
  20943. background: #ffffff;
  20944. border-color: #17a2b8;
  20945. }
  20946. .pace-center-simple-cyan .pace .pace-progress {
  20947. background: #17a2b8;
  20948. }
  20949. .pace-material-cyan .pace {
  20950. color: #17a2b8;
  20951. }
  20952. .pace-corner-indicator-cyan .pace .pace-activity {
  20953. background: #17a2b8;
  20954. }
  20955. .pace-corner-indicator-cyan .pace .pace-activity::after,
  20956. .pace-corner-indicator-cyan .pace .pace-activity::before  {
  20957. border: 5px solid #ffffff;
  20958. }
  20959. .pace-corner-indicator-cyan .pace .pace-activity::before {
  20960. border-right-color: rgba(23, 162, 184, 0.2);
  20961. border-left-color: rgba(23, 162, 184, 0.2);
  20962. }
  20963. .pace-corner-indicator-cyan .pace .pace-activity::after {
  20964. border-top-color: rgba(23, 162, 184, 0.2);
  20965. border-bottom-color: rgba(23, 162, 184, 0.2);
  20966. }
  20967. .pace-fill-left-cyan .pace .pace-progress {
  20968. background-color: rgba(23, 162, 184, 0.2);
  20969. }
  20970. .pace-flash-cyan .pace .pace-progress {
  20971. background: #17a2b8;
  20972. }
  20973. .pace-flash-cyan .pace .pace-progress-inner {
  20974. box-shadow: 0 0 10px #17a2b8, 0 0 5px #17a2b8;
  20975. }
  20976. .pace-flash-cyan .pace .pace-activity {
  20977. border-top-color: #17a2b8;
  20978. border-left-color: #17a2b8;
  20979. }
  20980. .pace-loading-bar-cyan .pace .pace-progress {
  20981. background: #17a2b8;
  20982. color: #17a2b8;
  20983. box-shadow: 120px 0 #ffffff, 240px 0 #ffffff;
  20984. }
  20985. .pace-loading-bar-cyan .pace .pace-activity {
  20986. box-shadow: inset 0 0 0 2px #17a2b8, inset 0 0 0 7px #ffffff;
  20987. }
  20988. .pace-mac-osx-cyan .pace .pace-progress {
  20989. background-color: #17a2b8;
  20990. box-shadow: inset -1px 0 #17a2b8, inset 0 -1px #17a2b8, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
  20991. }
  20992. .pace-mac-osx-cyan .pace .pace-activity {
  20993. background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%);
  20994. height: 12px;
  20995. }
  20996. .pace-progress-color-cyan .pace-progress {
  20997. color: #17a2b8;
  20998. }
  20999. .pace-white .pace .pace-progress {
  21000. background: #ffffff;
  21001. }
  21002. .pace-barber-shop-white .pace {
  21003. background: #1F2D3D;
  21004. }
  21005. .pace-barber-shop-white .pace .pace-progress {
  21006. background: #ffffff;
  21007. }
  21008. .pace-barber-shop-white .pace .pace-activity {
  21009. background-image: linear-gradient(45deg, rgba(31, 45, 61, 0.2) 25%, transparent 25%, transparent 50%, rgba(31, 45, 61, 0.2) 50%, rgba(31, 45, 61, 0.2) 75%, transparent 75%, transparent);
  21010. }
  21011. .pace-big-counter-white .pace .pace-progress::after {
  21012. color: rgba(255, 255, 255, 0.2);
  21013. }
  21014. .pace-bounce-white .pace .pace-activity {
  21015. background: #ffffff;
  21016. }
  21017. .pace-center-atom-white .pace-progress {
  21018. height: 100px;
  21019. width: 80px;
  21020. }
  21021. .pace-center-atom-white .pace-progress::before {
  21022. background: #ffffff;
  21023. color: #1F2D3D;
  21024. font-size: .8rem;
  21025. line-height: .7rem;
  21026. padding-top: 17%;
  21027. }
  21028. .pace-center-atom-white .pace-activity {
  21029. border-color: #ffffff;
  21030. }
  21031. .pace-center-atom-white .pace-activity::after, .pace-center-atom-white .pace-activity::before {
  21032. border-color: #ffffff;
  21033. }
  21034. .pace-center-circle-white .pace .pace-progress {
  21035. background: rgba(255, 255, 255, 0.8);
  21036. color: #1F2D3D;
  21037. }
  21038. .pace-center-radar-white .pace .pace-activity {
  21039. border-color: #ffffff transparent transparent;
  21040. }
  21041. .pace-center-radar-white .pace .pace-activity::before {
  21042. border-color: #ffffff transparent transparent;
  21043. }
  21044. .pace-center-simple-white .pace {
  21045. background: #1F2D3D;
  21046. border-color: #ffffff;
  21047. }
  21048. .pace-center-simple-white .pace .pace-progress {
  21049. background: #ffffff;
  21050. }
  21051. .pace-material-white .pace {
  21052. color: #ffffff;
  21053. }
  21054. .pace-corner-indicator-white .pace .pace-activity {
  21055. background: #ffffff;
  21056. }
  21057. .pace-corner-indicator-white .pace .pace-activity::after,
  21058. .pace-corner-indicator-white .pace .pace-activity::before  {
  21059. border: 5px solid #1F2D3D;
  21060. }
  21061. .pace-corner-indicator-white .pace .pace-activity::before {
  21062. border-right-color: rgba(255, 255, 255, 0.2);
  21063. border-left-color: rgba(255, 255, 255, 0.2);
  21064. }
  21065. .pace-corner-indicator-white .pace .pace-activity::after {
  21066. border-top-color: rgba(255, 255, 255, 0.2);
  21067. border-bottom-color: rgba(255, 255, 255, 0.2);
  21068. }
  21069. .pace-fill-left-white .pace .pace-progress {
  21070. background-color: rgba(255, 255, 255, 0.2);
  21071. }
  21072. .pace-flash-white .pace .pace-progress {
  21073. background: #ffffff;
  21074. }
  21075. .pace-flash-white .pace .pace-progress-inner {
  21076. box-shadow: 0 0 10px #ffffff, 0 0 5px #ffffff;
  21077. }
  21078. .pace-flash-white .pace .pace-activity {
  21079. border-top-color: #ffffff;
  21080. border-left-color: #ffffff;
  21081. }
  21082. .pace-loading-bar-white .pace .pace-progress {
  21083. background: #ffffff;
  21084. color: #ffffff;
  21085. box-shadow: 120px 0 #1F2D3D, 240px 0 #1F2D3D;
  21086. }
  21087. .pace-loading-bar-white .pace .pace-activity {
  21088. box-shadow: inset 0 0 0 2px #ffffff, inset 0 0 0 7px #1F2D3D;
  21089. }
  21090. .pace-mac-osx-white .pace .pace-progress {
  21091. background-color: #ffffff;
  21092. box-shadow: inset -1px 0 #ffffff, inset 0 -1px #ffffff, inset 0 2px rgba(31, 45, 61, 0.5), inset 0 6px rgba(31, 45, 61, 0.3);
  21093. }
  21094. .pace-mac-osx-white .pace .pace-activity {
  21095. background-image: radial-gradient(rgba(31, 45, 61, 0.65) 0%, rgba(31, 45, 61, 0.15) 100%);
  21096. height: 12px;
  21097. }
  21098. .pace-progress-color-white .pace-progress {
  21099. color: #ffffff;
  21100. }
  21101. .pace-gray .pace .pace-progress {
  21102. background: #6c757d;
  21103. }
  21104. .pace-barber-shop-gray .pace {
  21105. background: #ffffff;
  21106. }
  21107. .pace-barber-shop-gray .pace .pace-progress {
  21108. background: #6c757d;
  21109. }
  21110. .pace-barber-shop-gray .pace .pace-activity {
  21111. background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  21112. }
  21113. .pace-big-counter-gray .pace .pace-progress::after {
  21114. color: rgba(108, 117, 125, 0.2);
  21115. }
  21116. .pace-bounce-gray .pace .pace-activity {
  21117. background: #6c757d;
  21118. }
  21119. .pace-center-atom-gray .pace-progress {
  21120. height: 100px;
  21121. width: 80px;
  21122. }
  21123. .pace-center-atom-gray .pace-progress::before {
  21124. background: #6c757d;
  21125. color: #ffffff;
  21126. font-size: .8rem;
  21127. line-height: .7rem;
  21128. padding-top: 17%;
  21129. }
  21130. .pace-center-atom-gray .pace-activity {
  21131. border-color: #6c757d;
  21132. }
  21133. .pace-center-atom-gray .pace-activity::after, .pace-center-atom-gray .pace-activity::before {
  21134. border-color: #6c757d;
  21135. }
  21136. .pace-center-circle-gray .pace .pace-progress {
  21137. background: rgba(108, 117, 125, 0.8);
  21138. color: #ffffff;
  21139. }
  21140. .pace-center-radar-gray .pace .pace-activity {
  21141. border-color: #6c757d transparent transparent;
  21142. }
  21143. .pace-center-radar-gray .pace .pace-activity::before {
  21144. border-color: #6c757d transparent transparent;
  21145. }
  21146. .pace-center-simple-gray .pace {
  21147. background: #ffffff;
  21148. border-color: #6c757d;
  21149. }
  21150. .pace-center-simple-gray .pace .pace-progress {
  21151. background: #6c757d;
  21152. }
  21153. .pace-material-gray .pace {
  21154. color: #6c757d;
  21155. }
  21156. .pace-corner-indicator-gray .pace .pace-activity {
  21157. background: #6c757d;
  21158. }
  21159. .pace-corner-indicator-gray .pace .pace-activity::after,
  21160. .pace-corner-indicator-gray .pace .pace-activity::before  {
  21161. border: 5px solid #ffffff;
  21162. }
  21163. .pace-corner-indicator-gray .pace .pace-activity::before {
  21164. border-right-color: rgba(108, 117, 125, 0.2);
  21165. border-left-color: rgba(108, 117, 125, 0.2);
  21166. }
  21167. .pace-corner-indicator-gray .pace .pace-activity::after {
  21168. border-top-color: rgba(108, 117, 125, 0.2);
  21169. border-bottom-color: rgba(108, 117, 125, 0.2);
  21170. }
  21171. .pace-fill-left-gray .pace .pace-progress {
  21172. background-color: rgba(108, 117, 125, 0.2);
  21173. }
  21174. .pace-flash-gray .pace .pace-progress {
  21175. background: #6c757d;
  21176. }
  21177. .pace-flash-gray .pace .pace-progress-inner {
  21178. box-shadow: 0 0 10px #6c757d, 0 0 5px #6c757d;
  21179. }
  21180. .pace-flash-gray .pace .pace-activity {
  21181. border-top-color: #6c757d;
  21182. border-left-color: #6c757d;
  21183. }
  21184. .pace-loading-bar-gray .pace .pace-progress {
  21185. background: #6c757d;
  21186. color: #6c757d;
  21187. box-shadow: 120px 0 #ffffff, 240px 0 #ffffff;
  21188. }
  21189. .pace-loading-bar-gray .pace .pace-activity {
  21190. box-shadow: inset 0 0 0 2px #6c757d, inset 0 0 0 7px #ffffff;
  21191. }
  21192. .pace-mac-osx-gray .pace .pace-progress {
  21193. background-color: #6c757d;
  21194. box-shadow: inset -1px 0 #6c757d, inset 0 -1px #6c757d, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
  21195. }
  21196. .pace-mac-osx-gray .pace .pace-activity {
  21197. background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%);
  21198. height: 12px;
  21199. }
  21200. .pace-progress-color-gray .pace-progress {
  21201. color: #6c757d;
  21202. }
  21203. .pace-gray-dark .pace .pace-progress {
  21204. background: #343a40;
  21205. }
  21206. .pace-barber-shop-gray-dark .pace {
  21207. background: #ffffff;
  21208. }
  21209. .pace-barber-shop-gray-dark .pace .pace-progress {
  21210. background: #343a40;
  21211. }
  21212. .pace-barber-shop-gray-dark .pace .pace-activity {
  21213. background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  21214. }
  21215. .pace-big-counter-gray-dark .pace .pace-progress::after {
  21216. color: rgba(52, 58, 64, 0.2);
  21217. }
  21218. .pace-bounce-gray-dark .pace .pace-activity {
  21219. background: #343a40;
  21220. }
  21221. .pace-center-atom-gray-dark .pace-progress {
  21222. height: 100px;
  21223. width: 80px;
  21224. }
  21225. .pace-center-atom-gray-dark .pace-progress::before {
  21226. background: #343a40;
  21227. color: #ffffff;
  21228. font-size: .8rem;
  21229. line-height: .7rem;
  21230. padding-top: 17%;
  21231. }
  21232. .pace-center-atom-gray-dark .pace-activity {
  21233. border-color: #343a40;
  21234. }
  21235. .pace-center-atom-gray-dark .pace-activity::after, .pace-center-atom-gray-dark .pace-activity::before {
  21236. border-color: #343a40;
  21237. }
  21238. .pace-center-circle-gray-dark .pace .pace-progress {
  21239. background: rgba(52, 58, 64, 0.8);
  21240. color: #ffffff;
  21241. }
  21242. .pace-center-radar-gray-dark .pace .pace-activity {
  21243. border-color: #343a40 transparent transparent;
  21244. }
  21245. .pace-center-radar-gray-dark .pace .pace-activity::before {
  21246. border-color: #343a40 transparent transparent;
  21247. }
  21248. .pace-center-simple-gray-dark .pace {
  21249. background: #ffffff;
  21250. border-color: #343a40;
  21251. }
  21252. .pace-center-simple-gray-dark .pace .pace-progress {
  21253. background: #343a40;
  21254. }
  21255. .pace-material-gray-dark .pace {
  21256. color: #343a40;
  21257. }
  21258. .pace-corner-indicator-gray-dark .pace .pace-activity {
  21259. background: #343a40;
  21260. }
  21261. .pace-corner-indicator-gray-dark .pace .pace-activity::after,
  21262. .pace-corner-indicator-gray-dark .pace .pace-activity::before  {
  21263. border: 5px solid #ffffff;
  21264. }
  21265. .pace-corner-indicator-gray-dark .pace .pace-activity::before {
  21266. border-right-color: rgba(52, 58, 64, 0.2);
  21267. border-left-color: rgba(52, 58, 64, 0.2);
  21268. }
  21269. .pace-corner-indicator-gray-dark .pace .pace-activity::after {
  21270. border-top-color: rgba(52, 58, 64, 0.2);
  21271. border-bottom-color: rgba(52, 58, 64, 0.2);
  21272. }
  21273. .pace-fill-left-gray-dark .pace .pace-progress {
  21274. background-color: rgba(52, 58, 64, 0.2);
  21275. }
  21276. .pace-flash-gray-dark .pace .pace-progress {
  21277. background: #343a40;
  21278. }
  21279. .pace-flash-gray-dark .pace .pace-progress-inner {
  21280. box-shadow: 0 0 10px #343a40, 0 0 5px #343a40;
  21281. }
  21282. .pace-flash-gray-dark .pace .pace-activity {
  21283. border-top-color: #343a40;
  21284. border-left-color: #343a40;
  21285. }
  21286. .pace-loading-bar-gray-dark .pace .pace-progress {
  21287. background: #343a40;
  21288. color: #343a40;
  21289. box-shadow: 120px 0 #ffffff, 240px 0 #ffffff;
  21290. }
  21291. .pace-loading-bar-gray-dark .pace .pace-activity {
  21292. box-shadow: inset 0 0 0 2px #343a40, inset 0 0 0 7px #ffffff;
  21293. }
  21294. .pace-mac-osx-gray-dark .pace .pace-progress {
  21295. background-color: #343a40;
  21296. box-shadow: inset -1px 0 #343a40, inset 0 -1px #343a40, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
  21297. }
  21298. .pace-mac-osx-gray-dark .pace .pace-activity {
  21299. background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%);
  21300. height: 12px;
  21301. }
  21302. .pace-progress-color-gray-dark .pace-progress {
  21303. color: #343a40;
  21304. }
  21305. /**
  21306. * bootstrap-switch - Turn checkboxes and radio buttons into toggle switches.
  21307. *
  21308. * @version v3.4 (MODDED)
  21309. * @homepage https://bttstrp.github.io/bootstrap-switch
  21310. * @author Mattia Larentis <mattia@larentis.eu> (http://larentis.eu)
  21311. * @license MIT
  21312. */
  21313. .bootstrap-switch {
  21314. border: 1px solid #ced4da;
  21315. border-radius: 0.25rem;
  21316. cursor: pointer;
  21317. direction: ltr;
  21318. display: inline-block;
  21319. line-height: .5rem;
  21320. overflow: hidden;
  21321. position: relative;
  21322. text-align: left;
  21323. transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  21324. -webkit-user-select: none;
  21325. -moz-user-select: none;
  21326. -ms-user-select: none;
  21327. user-select: none;
  21328. vertical-align: middle;
  21329. z-index: 0;
  21330. }
  21331. .bootstrap-switch .bootstrap-switch-container {
  21332. border-radius: 0.25rem;
  21333. display: inline-block;
  21334. top: 0;
  21335. -webkit-transform: translate3d(0, 0, 0);
  21336. transform: translate3d(0, 0, 0);
  21337. }
  21338. .bootstrap-switch:focus-within {
  21339. box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  21340. }
  21341. .bootstrap-switch .bootstrap-switch-handle-on,
  21342. .bootstrap-switch .bootstrap-switch-handle-off,
  21343. .bootstrap-switch .bootstrap-switch-label {
  21344. box-sizing: border-box;
  21345. cursor: pointer;
  21346. display: table-cell;
  21347. font-size: 1rem;
  21348. font-weight: 500;
  21349. line-height: 1.2rem;
  21350. padding: .25rem .5rem;
  21351. vertical-align: middle;
  21352. }
  21353. .bootstrap-switch .bootstrap-switch-handle-on,
  21354. .bootstrap-switch .bootstrap-switch-handle-off {
  21355. text-align: center;
  21356. z-index: 1;
  21357. }
  21358. .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default,
  21359. .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default {
  21360. background: #e9ecef;
  21361. color: #1F2D3D;
  21362. }
  21363. .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,
  21364. .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
  21365. background: #007bff;
  21366. color: #ffffff;
  21367. }
  21368. .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-secondary,
  21369. .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-secondary {
  21370. background: #6c757d;
  21371. color: #ffffff;
  21372. }
  21373. .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success,
  21374. .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success {
  21375. background: #28a745;
  21376. color: #ffffff;
  21377. }
  21378. .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info,
  21379. .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info {
  21380. background: #17a2b8;
  21381. color: #ffffff;
  21382. }
  21383. .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning,
  21384. .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning {
  21385. background: #ffc107;
  21386. color: #1F2D3D;
  21387. }
  21388. .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger,
  21389. .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger {
  21390. background: #dc3545;
  21391. color: #ffffff;
  21392. }
  21393. .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-light,
  21394. .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-light {
  21395. background: #f8f9fa;
  21396. color: #1F2D3D;
  21397. }
  21398. .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-dark,
  21399. .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-dark {
  21400. background: #343a40;
  21401. color: #ffffff;
  21402. }
  21403. .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-navy,
  21404. .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-navy {
  21405. background: #001f3f;
  21406. color: #ffffff;
  21407. }
  21408. .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-olive,
  21409. .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-olive {
  21410. background: #3d9970;
  21411. color: #ffffff;
  21412. }
  21413. .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-lime,
  21414. .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-lime {
  21415. background: #01ff70;
  21416. color: #1F2D3D;
  21417. }
  21418. .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-fuchsia,
  21419. .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-fuchsia {
  21420. background: #f012be;
  21421. color: #ffffff;
  21422. }
  21423. .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-maroon,
  21424. .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-maroon {
  21425. background: #d81b60;
  21426. color: #ffffff;
  21427. }
  21428. .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-blue,
  21429. .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-blue {
  21430. background: #007bff;
  21431. color: #ffffff;
  21432. }
  21433. .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-indigo,
  21434. .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-indigo {
  21435. background: #6610f2;
  21436. color: #ffffff;
  21437. }
  21438. .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-purple,
  21439. .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-purple {
  21440. background: #6f42c1;
  21441. color: #ffffff;
  21442. }
  21443. .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-pink,
  21444. .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-pink {
  21445. background: #e83e8c;
  21446. color: #ffffff;
  21447. }
  21448. .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-red,
  21449. .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-red {
  21450. background: #dc3545;
  21451. color: #ffffff;
  21452. }
  21453. .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-orange,
  21454. .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-orange {
  21455. background: #fd7e14;
  21456. color: #1F2D3D;
  21457. }
  21458. .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-yellow,
  21459. .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-yellow {
  21460. background: #ffc107;
  21461. color: #1F2D3D;
  21462. }
  21463. .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-green,
  21464. .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-green {
  21465. background: #28a745;
  21466. color: #ffffff;
  21467. }
  21468. .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-teal,
  21469. .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-teal {
  21470. background: #20c997;
  21471. color: #ffffff;
  21472. }
  21473. .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-cyan,
  21474. .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-cyan {
  21475. background: #17a2b8;
  21476. color: #ffffff;
  21477. }
  21478. .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-white,
  21479. .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-white {
  21480. background: #ffffff;
  21481. color: #1F2D3D;
  21482. }
  21483. .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-gray,
  21484. .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-gray {
  21485. background: #6c757d;
  21486. color: #ffffff;
  21487. }
  21488. .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-gray-dark,
  21489. .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-gray-dark {
  21490. background: #343a40;
  21491. color: #ffffff;
  21492. }
  21493. .bootstrap-switch .bootstrap-switch-handle-on {
  21494. border-bottom-left-radius: 0.1rem;
  21495. border-top-left-radius: 0.1rem;
  21496. }
  21497. .bootstrap-switch .bootstrap-switch-handle-off {
  21498. border-bottom-right-radius: 0.1rem;
  21499. border-top-right-radius: 0.1rem;
  21500. }
  21501. .bootstrap-switch input[type='radio'],
  21502. .bootstrap-switch input[type='checkbox'] {
  21503. filter: alpha(opacity=0);
  21504. left: 0;
  21505. margin: 0;
  21506. opacity: 0;
  21507. position: absolute;
  21508. top: 0;
  21509. visibility: hidden;
  21510. z-index: -1;
  21511. }
  21512. .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on,
  21513. .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off,
  21514. .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label {
  21515. font-size: .875rem;
  21516. line-height: 1.5;
  21517. padding: .1rem .3rem;
  21518. }
  21519. .bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-on,
  21520. .bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-off,
  21521. .bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label {
  21522. font-size: .875rem;
  21523. line-height: 1.5;
  21524. padding: .2rem .4rem;
  21525. }
  21526. .bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-on,
  21527. .bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-off,
  21528. .bootstrap-switch.bootstrap-switch-large .bootstrap-switch-label {
  21529. font-size: 1.25rem;
  21530. line-height: 1.3333333rem;
  21531. padding: .3rem .5rem;
  21532. }
  21533. .bootstrap-switch.bootstrap-switch-disabled, .bootstrap-switch.bootstrap-switch-readonly, .bootstrap-switch.bootstrap-switch-indeterminate {
  21534. cursor: default;
  21535. }
  21536. .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-on,
  21537. .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-off,
  21538. .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-label, .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-on,
  21539. .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-off,
  21540. .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-label, .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-on,
  21541. .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-off,
  21542. .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-label {
  21543. cursor: default;
  21544. filter: alpha(opacity=50);
  21545. opacity: .5;
  21546. }
  21547. .bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container {
  21548. transition: margin-left .5s;
  21549. }
  21550. .bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-on {
  21551. border-radius: 0 0.1rem 0.1rem 0;
  21552. }
  21553. .bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-off {
  21554. border-radius: 0.1rem 0 0 0.1rem;
  21555. }
  21556. .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label,
  21557. .bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-off .bootstrap-switch-label {
  21558. border-bottom-right-radius: 0.1rem;
  21559. border-top-right-radius: 0.1rem;
  21560. }
  21561. .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label,
  21562. .bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-label {
  21563. border-bottom-left-radius: 0.1rem;
  21564. border-top-left-radius: 0.1rem;
  21565. }
  21566. .jqstooltip {
  21567. height: auto !important;
  21568. padding: 5px !important;
  21569. width: auto !important;
  21570. }
  21571. .connectedSortable {
  21572. min-height: 100px;
  21573. }
  21574. .ui-helper-hidden-accessible {
  21575. border: 0;
  21576. clip: rect(0 0 0 0);
  21577. height: 1px;
  21578. margin: -1px;
  21579. overflow: hidden;
  21580. padding: 0;
  21581. position: absolute;
  21582. width: 1px;
  21583. }
  21584. .sort-highlight {
  21585. background: #f8f9fa;
  21586. border: 1px dashed #dee2e6;
  21587. margin-bottom: 10px;
  21588. }
  21589. .chart {
  21590. overflow: hidden;
  21591. position: relative;
  21592. }
  21593. .border-transparent {
  21594. border-color: transparent !important;
  21595. }
  21596. .description-block {
  21597. display: block;
  21598. margin: 10px 0;
  21599. text-align: center;
  21600. }
  21601. .description-block.margin-bottom {
  21602. margin-bottom: 25px;
  21603. }
  21604. .description-block > .description-header {
  21605. font-size: 16px;
  21606. font-weight: 600;
  21607. margin: 0;
  21608. padding: 0;
  21609. }
  21610. .description-block > .description-text {
  21611. text-transform: uppercase;
  21612. }
  21613. .description-block .description-icon {
  21614. font-size: 16px;
  21615. }
  21616. .list-group-unbordered > .list-group-item {
  21617. border-left: 0;
  21618. border-radius: 0;
  21619. border-right: 0;
  21620. padding-left: 0;
  21621. padding-right: 0;
  21622. }
  21623. .list-header {
  21624. color: #6c757d;
  21625. font-size: 15px;
  21626. font-weight: bold;
  21627. padding: 10px 4px;
  21628. }
  21629. .list-seperator {
  21630. background: rgba(0, 0, 0, 0.125);
  21631. height: 1px;
  21632. margin: 15px 0 9px;
  21633. }
  21634. .list-link > a {
  21635. color: #6c757d;
  21636. padding: 4px;
  21637. }
  21638. .list-link > a:hover {
  21639. color: #212529;
  21640. }
  21641. .user-block {
  21642. float: left;
  21643. }
  21644. .user-block img {
  21645. float: left;
  21646. height: 40px;
  21647. width: 40px;
  21648. }
  21649. .user-block .username,
  21650. .user-block .description,
  21651. .user-block .comment {
  21652. display: block;
  21653. margin-left: 50px;
  21654. }
  21655. .user-block .username {
  21656. font-size: 16px;
  21657. font-weight: 600;
  21658. margin-top: -1px;
  21659. }
  21660. .user-block .description {
  21661. color: #6c757d;
  21662. font-size: 13px;
  21663. margin-top: -3px;
  21664. }
  21665. .user-block.user-block-sm img {
  21666. width: 1.875rem;
  21667. height: 1.875rem;
  21668. }
  21669. .user-block.user-block-sm .username,
  21670. .user-block.user-block-sm .description,
  21671. .user-block.user-block-sm .comment {
  21672. margin-left: 40px;
  21673. }
  21674. .user-block.user-block-sm .username {
  21675. font-size: 14px;
  21676. }
  21677. .img-sm,
  21678. .img-md,
  21679. .img-lg {
  21680. float: left;
  21681. }
  21682. .img-sm {
  21683. height: 1.875rem;
  21684. width: 1.875rem;
  21685. }
  21686. .img-sm + .img-push {
  21687. margin-left: 2.5rem;
  21688. }
  21689. .img-md {
  21690. width: 3.75rem;
  21691. height: 3.75rem;
  21692. }
  21693. .img-md + .img-push {
  21694. margin-left: 4.375rem;
  21695. }
  21696. .img-lg {
  21697. width: 6.25rem;
  21698. height: 6.25rem;
  21699. }
  21700. .img-lg + .img-push {
  21701. margin-left: 6.875rem;
  21702. }
  21703. .img-bordered {
  21704. border: 3px solid #adb5bd;
  21705. padding: 3px;
  21706. }
  21707. .img-bordered-sm {
  21708. border: 2px solid #adb5bd;
  21709. padding: 2px;
  21710. }
  21711. .img-rounded {
  21712. border-radius: 0.25rem;
  21713. }
  21714. .img-circle {
  21715. border-radius: 50%;
  21716. }
  21717. .img-size-64,
  21718. .img-size-50,
  21719. .img-size-32 {
  21720. height: auto;
  21721. }
  21722. .img-size-64 {
  21723. width: 64px;
  21724. }
  21725. .img-size-50 {
  21726. width: 50px;
  21727. }
  21728. .img-size-32 {
  21729. width: 32px;
  21730. }
  21731. .size-32,
  21732. .size-40,
  21733. .size-50 {
  21734. display: block;
  21735. text-align: center;
  21736. }
  21737. .size-32 {
  21738. height: 32px;
  21739. line-height: 32px;
  21740. width: 32px;
  21741. }
  21742. .size-40 {
  21743. height: 40px;
  21744. line-height: 40px;
  21745. width: 40px;
  21746. }
  21747. .size-50 {
  21748. height: 50px;
  21749. line-height: 50px;
  21750. width: 50px;
  21751. }
  21752. .attachment-block {
  21753. background: #f8f9fa;
  21754. border: 1px solid rgba(0, 0, 0, 0.125);
  21755. margin-bottom: 10px;
  21756. padding: 5px;
  21757. }
  21758. .attachment-block .attachment-img {
  21759. float: left;
  21760. height: auto;
  21761. max-height: 100px;
  21762. max-width: 100px;
  21763. }
  21764. .attachment-block .attachment-pushed {
  21765. margin-left: 110px;
  21766. }
  21767. .attachment-block .attachment-heading {
  21768. margin: 0;
  21769. }
  21770. .attachment-block .attachment-text {
  21771. color: #495057;
  21772. }
  21773. .card > .overlay,
  21774. .card > .loading-img,
  21775. .overlay-wrapper > .overlay,
  21776. .overlay-wrapper > .loading-img,
  21777. .info-box > .overlay,
  21778. .info-box > .loading-img,
  21779. .small-box > .overlay,
  21780. .small-box > .loading-img {
  21781. height: 100%;
  21782. left: 0;
  21783. position: absolute;
  21784. top: 0;
  21785. width: 100%;
  21786. }
  21787. .card .overlay,
  21788. .overlay-wrapper .overlay,
  21789. .info-box .overlay,
  21790. .small-box .overlay {
  21791. border-radius: 0.25rem;
  21792. -ms-flex-align: center;
  21793. align-items: center;
  21794. background: rgba(255, 255, 255, 0.7);
  21795. display: -ms-flexbox;
  21796. display: flex;
  21797. -ms-flex-pack: center;
  21798. justify-content: center;
  21799. z-index: 50;
  21800. }
  21801. .card .overlay > .fa,
  21802. .card .overlay > .fas,
  21803. .card .overlay > .far,
  21804. .card .overlay > .fab,
  21805. .card .overlay > .glyphicon,
  21806. .card .overlay > .ion,
  21807. .overlay-wrapper .overlay > .fa,
  21808. .overlay-wrapper .overlay > .fas,
  21809. .overlay-wrapper .overlay > .far,
  21810. .overlay-wrapper .overlay > .fab,
  21811. .overlay-wrapper .overlay > .glyphicon,
  21812. .overlay-wrapper .overlay > .ion,
  21813. .info-box .overlay > .fa,
  21814. .info-box .overlay > .fas,
  21815. .info-box .overlay > .far,
  21816. .info-box .overlay > .fab,
  21817. .info-box .overlay > .glyphicon,
  21818. .info-box .overlay > .ion,
  21819. .small-box .overlay > .fa,
  21820. .small-box .overlay > .fas,
  21821. .small-box .overlay > .far,
  21822. .small-box .overlay > .fab,
  21823. .small-box .overlay > .glyphicon,
  21824. .small-box .overlay > .ion {
  21825. color: #343a40;
  21826. }
  21827. .card .overlay.dark,
  21828. .overlay-wrapper .overlay.dark,
  21829. .info-box .overlay.dark,
  21830. .small-box .overlay.dark {
  21831. background: rgba(0, 0, 0, 0.5);
  21832. }
  21833. .card .overlay.dark > .fa,
  21834. .card .overlay.dark > .fas,
  21835. .card .overlay.dark > .far,
  21836. .card .overlay.dark > .fab,
  21837. .card .overlay.dark > .glyphicon,
  21838. .card .overlay.dark > .ion,
  21839. .overlay-wrapper .overlay.dark > .fa,
  21840. .overlay-wrapper .overlay.dark > .fas,
  21841. .overlay-wrapper .overlay.dark > .far,
  21842. .overlay-wrapper .overlay.dark > .fab,
  21843. .overlay-wrapper .overlay.dark > .glyphicon,
  21844. .overlay-wrapper .overlay.dark > .ion,
  21845. .info-box .overlay.dark > .fa,
  21846. .info-box .overlay.dark > .fas,
  21847. .info-box .overlay.dark > .far,
  21848. .info-box .overlay.dark > .fab,
  21849. .info-box .overlay.dark > .glyphicon,
  21850. .info-box .overlay.dark > .ion,
  21851. .small-box .overlay.dark > .fa,
  21852. .small-box .overlay.dark > .fas,
  21853. .small-box .overlay.dark > .far,
  21854. .small-box .overlay.dark > .fab,
  21855. .small-box .overlay.dark > .glyphicon,
  21856. .small-box .overlay.dark > .ion {
  21857. color: #ced4da;
  21858. }
  21859. .ribbon-wrapper {
  21860. height: 70px;
  21861. overflow: hidden;
  21862. position: absolute;
  21863. right: -2px;
  21864. top: -2px;
  21865. width: 70px;
  21866. z-index: 10;
  21867. }
  21868. .ribbon-wrapper.ribbon-lg {
  21869. height: 120px;
  21870. width: 120px;
  21871. }
  21872. .ribbon-wrapper.ribbon-lg .ribbon {
  21873. right: 0px;
  21874. top: 26px;
  21875. width: 160px;
  21876. }
  21877. .ribbon-wrapper.ribbon-xl {
  21878. height: 180px;
  21879. width: 180px;
  21880. }
  21881. .ribbon-wrapper.ribbon-xl .ribbon {
  21882. right: 4px;
  21883. top: 47px;
  21884. width: 240px;
  21885. }
  21886. .ribbon-wrapper .ribbon {
  21887. box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  21888. font-size: 0.8rem;
  21889. line-height: 100%;
  21890. padding: 0.375rem 0;
  21891. position: relative;
  21892. right: -2px;
  21893. text-align: center;
  21894. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
  21895. text-transform: uppercase;
  21896. top: 10px;
  21897. -webkit-transform: rotate(45deg);
  21898. transform: rotate(45deg);
  21899. width: 90px;
  21900. }
  21901. .ribbon-wrapper .ribbon::before, .ribbon-wrapper .ribbon::after {
  21902. border-left: 3px solid transparent;
  21903. border-right: 3px solid transparent;
  21904. border-top: 3px solid #9e9e9e;
  21905. bottom: -3px;
  21906. content: '';
  21907. position: absolute;
  21908. }
  21909. .ribbon-wrapper .ribbon::before {
  21910. left: 0;
  21911. }
  21912. .ribbon-wrapper .ribbon::after {
  21913. right: 0;
  21914. }
  21915. .back-to-top {
  21916. bottom: 1.25rem;
  21917. position: fixed;
  21918. right: 1.25rem;
  21919. z-index: 1032;
  21920. }
  21921. .back-to-top:focus {
  21922. box-shadow: none;
  21923. }
  21924. pre {
  21925. padding: .75rem;
  21926. }
  21927. blockquote {
  21928. background: #ffffff;
  21929. border-left: 0.7rem solid #007bff;
  21930. margin: 1.5em .7rem;
  21931. padding: 0.5em .7rem;
  21932. }
  21933. .box blockquote {
  21934. background: #e9ecef;
  21935. }
  21936. blockquote p:last-child {
  21937. margin-bottom: 0;
  21938. }
  21939. blockquote h1,
  21940. blockquote h2,
  21941. blockquote h3,
  21942. blockquote h4,
  21943. blockquote h5,
  21944. blockquote h6 {
  21945. color: #007bff;
  21946. font-size: 1.25rem;
  21947. font-weight: 600;
  21948. }
  21949. blockquote.quote-primary {
  21950. border-color: #007bff;
  21951. }
  21952. blockquote.quote-primary h1,
  21953. blockquote.quote-primary h2,
  21954. blockquote.quote-primary h3,
  21955. blockquote.quote-primary h4,
  21956. blockquote.quote-primary h5,
  21957. blockquote.quote-primary h6 {
  21958. color: #007bff;
  21959. }
  21960. blockquote.quote-secondary {
  21961. border-color: #6c757d;
  21962. }
  21963. blockquote.quote-secondary h1,
  21964. blockquote.quote-secondary h2,
  21965. blockquote.quote-secondary h3,
  21966. blockquote.quote-secondary h4,
  21967. blockquote.quote-secondary h5,
  21968. blockquote.quote-secondary h6 {
  21969. color: #6c757d;
  21970. }
  21971. blockquote.quote-success {
  21972. border-color: #28a745;
  21973. }
  21974. blockquote.quote-success h1,
  21975. blockquote.quote-success h2,
  21976. blockquote.quote-success h3,
  21977. blockquote.quote-success h4,
  21978. blockquote.quote-success h5,
  21979. blockquote.quote-success h6 {
  21980. color: #28a745;
  21981. }
  21982. blockquote.quote-info {
  21983. border-color: #17a2b8;
  21984. }
  21985. blockquote.quote-info h1,
  21986. blockquote.quote-info h2,
  21987. blockquote.quote-info h3,
  21988. blockquote.quote-info h4,
  21989. blockquote.quote-info h5,
  21990. blockquote.quote-info h6 {
  21991. color: #17a2b8;
  21992. }
  21993. blockquote.quote-warning {
  21994. border-color: #ffc107;
  21995. }
  21996. blockquote.quote-warning h1,
  21997. blockquote.quote-warning h2,
  21998. blockquote.quote-warning h3,
  21999. blockquote.quote-warning h4,
  22000. blockquote.quote-warning h5,
  22001. blockquote.quote-warning h6 {
  22002. color: #ffc107;
  22003. }
  22004. blockquote.quote-danger {
  22005. border-color: #dc3545;
  22006. }
  22007. blockquote.quote-danger h1,
  22008. blockquote.quote-danger h2,
  22009. blockquote.quote-danger h3,
  22010. blockquote.quote-danger h4,
  22011. blockquote.quote-danger h5,
  22012. blockquote.quote-danger h6 {
  22013. color: #dc3545;
  22014. }
  22015. blockquote.quote-light {
  22016. border-color: #f8f9fa;
  22017. }
  22018. blockquote.quote-light h1,
  22019. blockquote.quote-light h2,
  22020. blockquote.quote-light h3,
  22021. blockquote.quote-light h4,
  22022. blockquote.quote-light h5,
  22023. blockquote.quote-light h6 {
  22024. color: #f8f9fa;
  22025. }
  22026. blockquote.quote-dark {
  22027. border-color: #343a40;
  22028. }
  22029. blockquote.quote-dark h1,
  22030. blockquote.quote-dark h2,
  22031. blockquote.quote-dark h3,
  22032. blockquote.quote-dark h4,
  22033. blockquote.quote-dark h5,
  22034. blockquote.quote-dark h6 {
  22035. color: #343a40;
  22036. }
  22037. blockquote.quote-navy {
  22038. border-color: #001f3f;
  22039. }
  22040. blockquote.quote-navy h1,
  22041. blockquote.quote-navy h2,
  22042. blockquote.quote-navy h3,
  22043. blockquote.quote-navy h4,
  22044. blockquote.quote-navy h5,
  22045. blockquote.quote-navy h6 {
  22046. color: #001f3f;
  22047. }
  22048. blockquote.quote-olive {
  22049. border-color: #3d9970;
  22050. }
  22051. blockquote.quote-olive h1,
  22052. blockquote.quote-olive h2,
  22053. blockquote.quote-olive h3,
  22054. blockquote.quote-olive h4,
  22055. blockquote.quote-olive h5,
  22056. blockquote.quote-olive h6 {
  22057. color: #3d9970;
  22058. }
  22059. blockquote.quote-lime {
  22060. border-color: #01ff70;
  22061. }
  22062. blockquote.quote-lime h1,
  22063. blockquote.quote-lime h2,
  22064. blockquote.quote-lime h3,
  22065. blockquote.quote-lime h4,
  22066. blockquote.quote-lime h5,
  22067. blockquote.quote-lime h6 {
  22068. color: #01ff70;
  22069. }
  22070. blockquote.quote-fuchsia {
  22071. border-color: #f012be;
  22072. }
  22073. blockquote.quote-fuchsia h1,
  22074. blockquote.quote-fuchsia h2,
  22075. blockquote.quote-fuchsia h3,
  22076. blockquote.quote-fuchsia h4,
  22077. blockquote.quote-fuchsia h5,
  22078. blockquote.quote-fuchsia h6 {
  22079. color: #f012be;
  22080. }
  22081. blockquote.quote-maroon {
  22082. border-color: #d81b60;
  22083. }
  22084. blockquote.quote-maroon h1,
  22085. blockquote.quote-maroon h2,
  22086. blockquote.quote-maroon h3,
  22087. blockquote.quote-maroon h4,
  22088. blockquote.quote-maroon h5,
  22089. blockquote.quote-maroon h6 {
  22090. color: #d81b60;
  22091. }
  22092. blockquote.quote-blue {
  22093. border-color: #007bff;
  22094. }
  22095. blockquote.quote-blue h1,
  22096. blockquote.quote-blue h2,
  22097. blockquote.quote-blue h3,
  22098. blockquote.quote-blue h4,
  22099. blockquote.quote-blue h5,
  22100. blockquote.quote-blue h6 {
  22101. color: #007bff;
  22102. }
  22103. blockquote.quote-indigo {
  22104. border-color: #6610f2;
  22105. }
  22106. blockquote.quote-indigo h1,
  22107. blockquote.quote-indigo h2,
  22108. blockquote.quote-indigo h3,
  22109. blockquote.quote-indigo h4,
  22110. blockquote.quote-indigo h5,
  22111. blockquote.quote-indigo h6 {
  22112. color: #6610f2;
  22113. }
  22114. blockquote.quote-purple {
  22115. border-color: #6f42c1;
  22116. }
  22117. blockquote.quote-purple h1,
  22118. blockquote.quote-purple h2,
  22119. blockquote.quote-purple h3,
  22120. blockquote.quote-purple h4,
  22121. blockquote.quote-purple h5,
  22122. blockquote.quote-purple h6 {
  22123. color: #6f42c1;
  22124. }
  22125. blockquote.quote-pink {
  22126. border-color: #e83e8c;
  22127. }
  22128. blockquote.quote-pink h1,
  22129. blockquote.quote-pink h2,
  22130. blockquote.quote-pink h3,
  22131. blockquote.quote-pink h4,
  22132. blockquote.quote-pink h5,
  22133. blockquote.quote-pink h6 {
  22134. color: #e83e8c;
  22135. }
  22136. blockquote.quote-red {
  22137. border-color: #dc3545;
  22138. }
  22139. blockquote.quote-red h1,
  22140. blockquote.quote-red h2,
  22141. blockquote.quote-red h3,
  22142. blockquote.quote-red h4,
  22143. blockquote.quote-red h5,
  22144. blockquote.quote-red h6 {
  22145. color: #dc3545;
  22146. }
  22147. blockquote.quote-orange {
  22148. border-color: #fd7e14;
  22149. }
  22150. blockquote.quote-orange h1,
  22151. blockquote.quote-orange h2,
  22152. blockquote.quote-orange h3,
  22153. blockquote.quote-orange h4,
  22154. blockquote.quote-orange h5,
  22155. blockquote.quote-orange h6 {
  22156. color: #fd7e14;
  22157. }
  22158. blockquote.quote-yellow {
  22159. border-color: #ffc107;
  22160. }
  22161. blockquote.quote-yellow h1,
  22162. blockquote.quote-yellow h2,
  22163. blockquote.quote-yellow h3,
  22164. blockquote.quote-yellow h4,
  22165. blockquote.quote-yellow h5,
  22166. blockquote.quote-yellow h6 {
  22167. color: #ffc107;
  22168. }
  22169. blockquote.quote-green {
  22170. border-color: #28a745;
  22171. }
  22172. blockquote.quote-green h1,
  22173. blockquote.quote-green h2,
  22174. blockquote.quote-green h3,
  22175. blockquote.quote-green h4,
  22176. blockquote.quote-green h5,
  22177. blockquote.quote-green h6 {
  22178. color: #28a745;
  22179. }
  22180. blockquote.quote-teal {
  22181. border-color: #20c997;
  22182. }
  22183. blockquote.quote-teal h1,
  22184. blockquote.quote-teal h2,
  22185. blockquote.quote-teal h3,
  22186. blockquote.quote-teal h4,
  22187. blockquote.quote-teal h5,
  22188. blockquote.quote-teal h6 {
  22189. color: #20c997;
  22190. }
  22191. blockquote.quote-cyan {
  22192. border-color: #17a2b8;
  22193. }
  22194. blockquote.quote-cyan h1,
  22195. blockquote.quote-cyan h2,
  22196. blockquote.quote-cyan h3,
  22197. blockquote.quote-cyan h4,
  22198. blockquote.quote-cyan h5,
  22199. blockquote.quote-cyan h6 {
  22200. color: #17a2b8;
  22201. }
  22202. blockquote.quote-white {
  22203. border-color: #ffffff;
  22204. }
  22205. blockquote.quote-white h1,
  22206. blockquote.quote-white h2,
  22207. blockquote.quote-white h3,
  22208. blockquote.quote-white h4,
  22209. blockquote.quote-white h5,
  22210. blockquote.quote-white h6 {
  22211. color: #ffffff;
  22212. }
  22213. blockquote.quote-gray {
  22214. border-color: #6c757d;
  22215. }
  22216. blockquote.quote-gray h1,
  22217. blockquote.quote-gray h2,
  22218. blockquote.quote-gray h3,
  22219. blockquote.quote-gray h4,
  22220. blockquote.quote-gray h5,
  22221. blockquote.quote-gray h6 {
  22222. color: #6c757d;
  22223. }
  22224. blockquote.quote-gray-dark {
  22225. border-color: #343a40;
  22226. }
  22227. blockquote.quote-gray-dark h1,
  22228. blockquote.quote-gray-dark h2,
  22229. blockquote.quote-gray-dark h3,
  22230. blockquote.quote-gray-dark h4,
  22231. blockquote.quote-gray-dark h5,
  22232. blockquote.quote-gray-dark h6 {
  22233. color: #343a40;
  22234. }
  22235. .tab-custom-content {
  22236. border-top: 1px solid #dee2e6;
  22237. margin-top: .5rem;
  22238. padding-top: .5rem;
  22239. }
  22240. .nav + .tab-custom-content {
  22241. border-top: none;
  22242. border-bottom: 1px solid #dee2e6;
  22243. margin-top: 0;
  22244. margin-bottom: .5rem;
  22245. padding-bottom: .5rem;
  22246. }
  22247. a:-moz-focusring,
  22248. button:-moz-focusring,
  22249. input.btn:-moz-focusring {
  22250. border: 0;
  22251. outline: none;
  22252. }
  22253. @media print {
  22254. .no-print, .main-sidebar,
  22255. .main-header,
  22256. .content-header {
  22257. display: none !important;
  22258. }
  22259. .content-wrapper,
  22260. .main-footer {
  22261. -webkit-transform: translate(0, 0);
  22262. transform: translate(0, 0);
  22263. margin-left: 0 !important;
  22264. min-height: 0 !important;
  22265. }
  22266. .layout-fixed .content-wrapper {
  22267. padding-top: 0 !important;
  22268. }
  22269. .invoice {
  22270. border: 0;
  22271. margin: 0;
  22272. padding: 0;
  22273. width: 100%;
  22274. }
  22275. .invoice-col {
  22276. float: left;
  22277. width: 33.3333333%;
  22278. }
  22279. .table-responsive {
  22280. overflow: auto;
  22281. }
  22282. .table-responsive > .table tr th,
  22283. .table-responsive > .table tr td {
  22284. white-space: normal !important;
  22285. }
  22286. }
  22287. .text-bold, .text-bold.table td, .text-bold.table th {
  22288. font-weight: 700;
  22289. }
  22290. .text-xs {
  22291. font-size: 0.75rem !important;
  22292. }
  22293. .text-sm {
  22294. font-size: 0.875rem !important;
  22295. }
  22296. .text-md {
  22297. font-size: 1rem !important;
  22298. }
  22299. .text-lg {
  22300. font-size: 1.25rem !important;
  22301. }
  22302. .text-xl {
  22303. font-size: 2rem !important;
  22304. }
  22305. .text-navy {
  22306. color: #001f3f;
  22307. }
  22308. .text-olive {
  22309. color: #3d9970;
  22310. }
  22311. .text-lime {
  22312. color: #01ff70;
  22313. }
  22314. .text-fuchsia {
  22315. color: #f012be;
  22316. }
  22317. .text-maroon {
  22318. color: #d81b60;
  22319. }
  22320. .text-blue {
  22321. color: #007bff;
  22322. }
  22323. .text-indigo {
  22324. color: #6610f2;
  22325. }
  22326. .text-purple {
  22327. color: #6f42c1;
  22328. }
  22329. .text-pink {
  22330. color: #e83e8c;
  22331. }
  22332. .text-red {
  22333. color: #dc3545;
  22334. }
  22335. .text-orange {
  22336. color: #fd7e14;
  22337. }
  22338. .text-yellow {
  22339. color: #ffc107;
  22340. }
  22341. .text-green {
  22342. color: #28a745;
  22343. }
  22344. .text-teal {
  22345. color: #20c997;
  22346. }
  22347. .text-cyan {
  22348. color: #17a2b8;
  22349. }
  22350. .text-white {
  22351. color: #ffffff;
  22352. }
  22353. .text-gray {
  22354. color: #6c757d;
  22355. }
  22356. .text-gray-dark {
  22357. color: #343a40;
  22358. }
  22359. .elevation-0 {
  22360. box-shadow: none !important;
  22361. }
  22362. .elevation-1 {
  22363. box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24) !important;
  22364. }
  22365. .elevation-2 {
  22366. box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23) !important;
  22367. }
  22368. .elevation-3 {
  22369. box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23) !important;
  22370. }
  22371. .elevation-4 {
  22372. box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22) !important;
  22373. }
  22374. .elevation-5 {
  22375. box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22) !important;
  22376. }
  22377. .bg-primary {
  22378. background-color: #007bff !important;
  22379. }
  22380. .bg-primary,
  22381. .bg-primary > a {
  22382. color: #ffffff !important;
  22383. }
  22384. .bg-primary.btn:hover {
  22385. border-color: #0062cc;
  22386. color: #ececec;
  22387. }
  22388. .bg-primary.btn:not(:disabled):not(.disabled):active, .bg-primary.btn:not(:disabled):not(.disabled).active, .bg-primary.btn:active, .bg-primary.btn.active {
  22389. background-color: #0062cc !important;
  22390. border-color: #005cbf;
  22391. color: #ffffff;
  22392. }
  22393. .bg-secondary {
  22394. background-color: #6c757d !important;
  22395. }
  22396. .bg-secondary,
  22397. .bg-secondary > a {
  22398. color: #ffffff !important;
  22399. }
  22400. .bg-secondary.btn:hover {
  22401. border-color: #545b62;
  22402. color: #ececec;
  22403. }
  22404. .bg-secondary.btn:not(:disabled):not(.disabled):active, .bg-secondary.btn:not(:disabled):not(.disabled).active, .bg-secondary.btn:active, .bg-secondary.btn.active {
  22405. background-color: #545b62 !important;
  22406. border-color: #4e555b;
  22407. color: #ffffff;
  22408. }
  22409. .bg-success {
  22410. background-color: #28a745 !important;
  22411. }
  22412. .bg-success,
  22413. .bg-success > a {
  22414. color: #ffffff !important;
  22415. }
  22416. .bg-success.btn:hover {
  22417. border-color: #1e7e34;
  22418. color: #ececec;
  22419. }
  22420. .bg-success.btn:not(:disabled):not(.disabled):active, .bg-success.btn:not(:disabled):not(.disabled).active, .bg-success.btn:active, .bg-success.btn.active {
  22421. background-color: #1e7e34 !important;
  22422. border-color: #1c7430;
  22423. color: #ffffff;
  22424. }
  22425. .bg-info {
  22426. background-color: #17a2b8 !important;
  22427. }
  22428. .bg-info,
  22429. .bg-info > a {
  22430. color: #ffffff !important;
  22431. }
  22432. .bg-info.btn:hover {
  22433. border-color: #117a8b;
  22434. color: #ececec;
  22435. }
  22436. .bg-info.btn:not(:disabled):not(.disabled):active, .bg-info.btn:not(:disabled):not(.disabled).active, .bg-info.btn:active, .bg-info.btn.active {
  22437. background-color: #117a8b !important;
  22438. border-color: #10707f;
  22439. color: #ffffff;
  22440. }
  22441. .bg-warning {
  22442. background-color: #ffc107 !important;
  22443. }
  22444. .bg-warning,
  22445. .bg-warning > a {
  22446. color: #1F2D3D !important;
  22447. }
  22448. .bg-warning.btn:hover {
  22449. border-color: #d39e00;
  22450. color: #121a24;
  22451. }
  22452. .bg-warning.btn:not(:disabled):not(.disabled):active, .bg-warning.btn:not(:disabled):not(.disabled).active, .bg-warning.btn:active, .bg-warning.btn.active {
  22453. background-color: #d39e00 !important;
  22454. border-color: #c69500;
  22455. color: #1F2D3D;
  22456. }
  22457. .bg-danger {
  22458. background-color: #dc3545 !important;
  22459. }
  22460. .bg-danger,
  22461. .bg-danger > a {
  22462. color: #ffffff !important;
  22463. }
  22464. .bg-danger.btn:hover {
  22465. border-color: #bd2130;
  22466. color: #ececec;
  22467. }
  22468. .bg-danger.btn:not(:disabled):not(.disabled):active, .bg-danger.btn:not(:disabled):not(.disabled).active, .bg-danger.btn:active, .bg-danger.btn.active {
  22469. background-color: #bd2130 !important;
  22470. border-color: #b21f2d;
  22471. color: #ffffff;
  22472. }
  22473. .bg-light {
  22474. background-color: #f8f9fa !important;
  22475. }
  22476. .bg-light,
  22477. .bg-light > a {
  22478. color: #1F2D3D !important;
  22479. }
  22480. .bg-light.btn:hover {
  22481. border-color: #dae0e5;
  22482. color: #121a24;
  22483. }
  22484. .bg-light.btn:not(:disabled):not(.disabled):active, .bg-light.btn:not(:disabled):not(.disabled).active, .bg-light.btn:active, .bg-light.btn.active {
  22485. background-color: #dae0e5 !important;
  22486. border-color: #d3d9df;
  22487. color: #1F2D3D;
  22488. }
  22489. .bg-dark {
  22490. background-color: #343a40 !important;
  22491. }
  22492. .bg-dark,
  22493. .bg-dark > a {
  22494. color: #ffffff !important;
  22495. }
  22496. .bg-dark.btn:hover {
  22497. border-color: #1d2124;
  22498. color: #ececec;
  22499. }
  22500. .bg-dark.btn:not(:disabled):not(.disabled):active, .bg-dark.btn:not(:disabled):not(.disabled).active, .bg-dark.btn:active, .bg-dark.btn.active {
  22501. background-color: #1d2124 !important;
  22502. border-color: #171a1d;
  22503. color: #ffffff;
  22504. }
  22505. .bg-navy {
  22506. background-color: #001f3f !important;
  22507. }
  22508. .bg-navy,
  22509. .bg-navy > a {
  22510. color: #ffffff !important;
  22511. }
  22512. .bg-navy.btn:hover {
  22513. border-color: #00060c;
  22514. color: #ececec;
  22515. }
  22516. .bg-navy.btn:not(:disabled):not(.disabled):active, .bg-navy.btn:not(:disabled):not(.disabled).active, .bg-navy.btn:active, .bg-navy.btn.active {
  22517. background-color: #00060c !important;
  22518. border-color: black;
  22519. color: #ffffff;
  22520. }
  22521. .bg-olive {
  22522. background-color: #3d9970 !important;
  22523. }
  22524. .bg-olive,
  22525. .bg-olive > a {
  22526. color: #ffffff !important;
  22527. }
  22528. .bg-olive.btn:hover {
  22529. border-color: #2e7555;
  22530. color: #ececec;
  22531. }
  22532. .bg-olive.btn:not(:disabled):not(.disabled):active, .bg-olive.btn:not(:disabled):not(.disabled).active, .bg-olive.btn:active, .bg-olive.btn.active {
  22533. background-color: #2e7555 !important;
  22534. border-color: #2b6b4f;
  22535. color: #ffffff;
  22536. }
  22537. .bg-lime {
  22538. background-color: #01ff70 !important;
  22539. }
  22540. .bg-lime,
  22541. .bg-lime > a {
  22542. color: #1F2D3D !important;
  22543. }
  22544. .bg-lime.btn:hover {
  22545. border-color: #00cd5a;
  22546. color: #121a24;
  22547. }
  22548. .bg-lime.btn:not(:disabled):not(.disabled):active, .bg-lime.btn:not(:disabled):not(.disabled).active, .bg-lime.btn:active, .bg-lime.btn.active {
  22549. background-color: #00cd5a !important;
  22550. border-color: #00c054;
  22551. color: #ffffff;
  22552. }
  22553. .bg-fuchsia {
  22554. background-color: #f012be !important;
  22555. }
  22556. .bg-fuchsia,
  22557. .bg-fuchsia > a {
  22558. color: #ffffff !important;
  22559. }
  22560. .bg-fuchsia.btn:hover {
  22561. border-color: #c30c9a;
  22562. color: #ececec;
  22563. }
  22564. .bg-fuchsia.btn:not(:disabled):not(.disabled):active, .bg-fuchsia.btn:not(:disabled):not(.disabled).active, .bg-fuchsia.btn:active, .bg-fuchsia.btn.active {
  22565. background-color: #c30c9a !important;
  22566. border-color: #b70c90;
  22567. color: #ffffff;
  22568. }
  22569. .bg-maroon {
  22570. background-color: #d81b60 !important;
  22571. }
  22572. .bg-maroon,
  22573. .bg-maroon > a {
  22574. color: #ffffff !important;
  22575. }
  22576. .bg-maroon.btn:hover {
  22577. border-color: #ab154c;
  22578. color: #ececec;
  22579. }
  22580. .bg-maroon.btn:not(:disabled):not(.disabled):active, .bg-maroon.btn:not(:disabled):not(.disabled).active, .bg-maroon.btn:active, .bg-maroon.btn.active {
  22581. background-color: #ab154c !important;
  22582. border-color: #9f1447;
  22583. color: #ffffff;
  22584. }
  22585. .bg-blue {
  22586. background-color: #007bff !important;
  22587. }
  22588. .bg-blue,
  22589. .bg-blue > a {
  22590. color: #ffffff !important;
  22591. }
  22592. .bg-blue.btn:hover {
  22593. border-color: #0062cc;
  22594. color: #ececec;
  22595. }
  22596. .bg-blue.btn:not(:disabled):not(.disabled):active, .bg-blue.btn:not(:disabled):not(.disabled).active, .bg-blue.btn:active, .bg-blue.btn.active {
  22597. background-color: #0062cc !important;
  22598. border-color: #005cbf;
  22599. color: #ffffff;
  22600. }
  22601. .bg-indigo {
  22602. background-color: #6610f2 !important;
  22603. }
  22604. .bg-indigo,
  22605. .bg-indigo > a {
  22606. color: #ffffff !important;
  22607. }
  22608. .bg-indigo.btn:hover {
  22609. border-color: #510bc4;
  22610. color: #ececec;
  22611. }
  22612. .bg-indigo.btn:not(:disabled):not(.disabled):active, .bg-indigo.btn:not(:disabled):not(.disabled).active, .bg-indigo.btn:active, .bg-indigo.btn.active {
  22613. background-color: #510bc4 !important;
  22614. border-color: #4c0ab8;
  22615. color: #ffffff;
  22616. }
  22617. .bg-purple {
  22618. background-color: #6f42c1 !important;
  22619. }
  22620. .bg-purple,
  22621. .bg-purple > a {
  22622. color: #ffffff !important;
  22623. }
  22624. .bg-purple.btn:hover {
  22625. border-color: #59339d;
  22626. color: #ececec;
  22627. }
  22628. .bg-purple.btn:not(:disabled):not(.disabled):active, .bg-purple.btn:not(:disabled):not(.disabled).active, .bg-purple.btn:active, .bg-purple.btn.active {
  22629. background-color: #59339d !important;
  22630. border-color: #533093;
  22631. color: #ffffff;
  22632. }
  22633. .bg-pink {
  22634. background-color: #e83e8c !important;
  22635. }
  22636. .bg-pink,
  22637. .bg-pink > a {
  22638. color: #ffffff !important;
  22639. }
  22640. .bg-pink.btn:hover {
  22641. border-color: #d91a72;
  22642. color: #ececec;
  22643. }
  22644. .bg-pink.btn:not(:disabled):not(.disabled):active, .bg-pink.btn:not(:disabled):not(.disabled).active, .bg-pink.btn:active, .bg-pink.btn.active {
  22645. background-color: #d91a72 !important;
  22646. border-color: #ce196c;
  22647. color: #ffffff;
  22648. }
  22649. .bg-red {
  22650. background-color: #dc3545 !important;
  22651. }
  22652. .bg-red,
  22653. .bg-red > a {
  22654. color: #ffffff !important;
  22655. }
  22656. .bg-red.btn:hover {
  22657. border-color: #bd2130;
  22658. color: #ececec;
  22659. }
  22660. .bg-red.btn:not(:disabled):not(.disabled):active, .bg-red.btn:not(:disabled):not(.disabled).active, .bg-red.btn:active, .bg-red.btn.active {
  22661. background-color: #bd2130 !important;
  22662. border-color: #b21f2d;
  22663. color: #ffffff;
  22664. }
  22665. .bg-orange {
  22666. background-color: #fd7e14 !important;
  22667. }
  22668. .bg-orange,
  22669. .bg-orange > a {
  22670. color: #1F2D3D !important;
  22671. }
  22672. .bg-orange.btn:hover {
  22673. border-color: #dc6502;
  22674. color: #121a24;
  22675. }
  22676. .bg-orange.btn:not(:disabled):not(.disabled):active, .bg-orange.btn:not(:disabled):not(.disabled).active, .bg-orange.btn:active, .bg-orange.btn.active {
  22677. background-color: #dc6502 !important;
  22678. border-color: #cf5f02;
  22679. color: #ffffff;
  22680. }
  22681. .bg-yellow {
  22682. background-color: #ffc107 !important;
  22683. }
  22684. .bg-yellow,
  22685. .bg-yellow > a {
  22686. color: #1F2D3D !important;
  22687. }
  22688. .bg-yellow.btn:hover {
  22689. border-color: #d39e00;
  22690. color: #121a24;
  22691. }
  22692. .bg-yellow.btn:not(:disabled):not(.disabled):active, .bg-yellow.btn:not(:disabled):not(.disabled).active, .bg-yellow.btn:active, .bg-yellow.btn.active {
  22693. background-color: #d39e00 !important;
  22694. border-color: #c69500;
  22695. color: #1F2D3D;
  22696. }
  22697. .bg-green {
  22698. background-color: #28a745 !important;
  22699. }
  22700. .bg-green,
  22701. .bg-green > a {
  22702. color: #ffffff !important;
  22703. }
  22704. .bg-green.btn:hover {
  22705. border-color: #1e7e34;
  22706. color: #ececec;
  22707. }
  22708. .bg-green.btn:not(:disabled):not(.disabled):active, .bg-green.btn:not(:disabled):not(.disabled).active, .bg-green.btn:active, .bg-green.btn.active {
  22709. background-color: #1e7e34 !important;
  22710. border-color: #1c7430;
  22711. color: #ffffff;
  22712. }
  22713. .bg-teal {
  22714. background-color: #20c997 !important;
  22715. }
  22716. .bg-teal,
  22717. .bg-teal > a {
  22718. color: #ffffff !important;
  22719. }
  22720. .bg-teal.btn:hover {
  22721. border-color: #199d76;
  22722. color: #ececec;
  22723. }
  22724. .bg-teal.btn:not(:disabled):not(.disabled):active, .bg-teal.btn:not(:disabled):not(.disabled).active, .bg-teal.btn:active, .bg-teal.btn.active {
  22725. background-color: #199d76 !important;
  22726. border-color: #17926e;
  22727. color: #ffffff;
  22728. }
  22729. .bg-cyan {
  22730. background-color: #17a2b8 !important;
  22731. }
  22732. .bg-cyan,
  22733. .bg-cyan > a {
  22734. color: #ffffff !important;
  22735. }
  22736. .bg-cyan.btn:hover {
  22737. border-color: #117a8b;
  22738. color: #ececec;
  22739. }
  22740. .bg-cyan.btn:not(:disabled):not(.disabled):active, .bg-cyan.btn:not(:disabled):not(.disabled).active, .bg-cyan.btn:active, .bg-cyan.btn.active {
  22741. background-color: #117a8b !important;
  22742. border-color: #10707f;
  22743. color: #ffffff;
  22744. }
  22745. .bg-white {
  22746. background-color: #ffffff !important;
  22747. }
  22748. .bg-white,
  22749. .bg-white > a {
  22750. color: #1F2D3D !important;
  22751. }
  22752. .bg-white.btn:hover {
  22753. border-color: #e6e6e6;
  22754. color: #121a24;
  22755. }
  22756. .bg-white.btn:not(:disabled):not(.disabled):active, .bg-white.btn:not(:disabled):not(.disabled).active, .bg-white.btn:active, .bg-white.btn.active {
  22757. background-color: #e6e6e6 !important;
  22758. border-color: #dfdfdf;
  22759. color: #1F2D3D;
  22760. }
  22761. .bg-gray {
  22762. background-color: #6c757d !important;
  22763. }
  22764. .bg-gray,
  22765. .bg-gray > a {
  22766. color: #ffffff !important;
  22767. }
  22768. .bg-gray.btn:hover {
  22769. border-color: #545b62;
  22770. color: #ececec;
  22771. }
  22772. .bg-gray.btn:not(:disabled):not(.disabled):active, .bg-gray.btn:not(:disabled):not(.disabled).active, .bg-gray.btn:active, .bg-gray.btn.active {
  22773. background-color: #545b62 !important;
  22774. border-color: #4e555b;
  22775. color: #ffffff;
  22776. }
  22777. .bg-gray-dark {
  22778. background-color: #343a40 !important;
  22779. }
  22780. .bg-gray-dark,
  22781. .bg-gray-dark > a {
  22782. color: #ffffff !important;
  22783. }
  22784. .bg-gray-dark.btn:hover {
  22785. border-color: #1d2124;
  22786. color: #ececec;
  22787. }
  22788. .bg-gray-dark.btn:not(:disabled):not(.disabled):active, .bg-gray-dark.btn:not(:disabled):not(.disabled).active, .bg-gray-dark.btn:active, .bg-gray-dark.btn.active {
  22789. background-color: #1d2124 !important;
  22790. border-color: #171a1d;
  22791. color: #ffffff;
  22792. }
  22793. .bg-gray {
  22794. background-color: #adb5bd;
  22795. color: #1F2D3D;
  22796. }
  22797. .bg-gray-light {
  22798. background-color: #f2f4f5;
  22799. color: #1F2D3D !important;
  22800. }
  22801. .bg-black {
  22802. background-color: #000;
  22803. color: #ffffff !important;
  22804. }
  22805. .bg-white {
  22806. background-color: #ffffff;
  22807. color: #1F2D3D !important;
  22808. }
  22809. .bg-gradient-primary {
  22810. color: #ffffff;
  22811. }
  22812. .bg-gradient-primary {
  22813. background: #007bff linear-gradient(180deg, #268fff, #007bff) repeat-x !important;
  22814. }
  22815. .bg-gradient-primary.btn.disabled, .bg-gradient-primary.btn:disabled, .bg-gradient-primary.btn:not(:disabled):not(.disabled):active, .bg-gradient-primary.btn:not(:disabled):not(.disabled).active,
  22816. .show > .bg-gradient-primary.btn.dropdown-toggle {
  22817. background-image: none !important;
  22818. }
  22819. .bg-gradient-primary.btn:hover {
  22820. border-color: #0062cc;
  22821. color: #ececec;
  22822. }
  22823. .bg-gradient-primary.btn:hover {
  22824. background: #0069d9 linear-gradient(180deg, #267fde, #0069d9) repeat-x !important;
  22825. }
  22826. .bg-gradient-primary.btn:not(:disabled):not(.disabled):active, .bg-gradient-primary.btn:not(:disabled):not(.disabled).active, .bg-gradient-primary.btn:active, .bg-gradient-primary.btn.active {
  22827. border-color: #005cbf;
  22828. color: #ffffff;
  22829. }
  22830. .bg-gradient-primary.btn:not(:disabled):not(.disabled):active, .bg-gradient-primary.btn:not(:disabled):not(.disabled).active, .bg-gradient-primary.btn:active, .bg-gradient-primary.btn.active {
  22831. background: #0062cc linear-gradient(180deg, #267ad4, #0062cc) repeat-x !important;
  22832. }
  22833. .bg-gradient-secondary {
  22834. color: #ffffff;
  22835. }
  22836. .bg-gradient-secondary {
  22837. background: #6c757d linear-gradient(180deg, #828a91, #6c757d) repeat-x !important;
  22838. }
  22839. .bg-gradient-secondary.btn.disabled, .bg-gradient-secondary.btn:disabled, .bg-gradient-secondary.btn:not(:disabled):not(.disabled):active, .bg-gradient-secondary.btn:not(:disabled):not(.disabled).active,
  22840. .show > .bg-gradient-secondary.btn.dropdown-toggle {
  22841. background-image: none !important;
  22842. }
  22843. .bg-gradient-secondary.btn:hover {
  22844. border-color: #545b62;
  22845. color: #ececec;
  22846. }
  22847. .bg-gradient-secondary.btn:hover {
  22848. background: #5a6268 linear-gradient(180deg, #73797f, #5a6268) repeat-x !important;
  22849. }
  22850. .bg-gradient-secondary.btn:not(:disabled):not(.disabled):active, .bg-gradient-secondary.btn:not(:disabled):not(.disabled).active, .bg-gradient-secondary.btn:active, .bg-gradient-secondary.btn.active {
  22851. border-color: #4e555b;
  22852. color: #ffffff;
  22853. }
  22854. .bg-gradient-secondary.btn:not(:disabled):not(.disabled):active, .bg-gradient-secondary.btn:not(:disabled):not(.disabled).active, .bg-gradient-secondary.btn:active, .bg-gradient-secondary.btn.active {
  22855. background: #545b62 linear-gradient(180deg, #6e7479, #545b62) repeat-x !important;
  22856. }
  22857. .bg-gradient-success {
  22858. color: #ffffff;
  22859. }
  22860. .bg-gradient-success {
  22861. background: #28a745 linear-gradient(180deg, #48b461, #28a745) repeat-x !important;
  22862. }
  22863. .bg-gradient-success.btn.disabled, .bg-gradient-success.btn:disabled, .bg-gradient-success.btn:not(:disabled):not(.disabled):active, .bg-gradient-success.btn:not(:disabled):not(.disabled).active,
  22864. .show > .bg-gradient-success.btn.dropdown-toggle {
  22865. background-image: none !important;
  22866. }
  22867. .bg-gradient-success.btn:hover {
  22868. border-color: #1e7e34;
  22869. color: #ececec;
  22870. }
  22871. .bg-gradient-success.btn:hover {
  22872. background: #218838 linear-gradient(180deg, #429a56, #218838) repeat-x !important;
  22873. }
  22874. .bg-gradient-success.btn:not(:disabled):not(.disabled):active, .bg-gradient-success.btn:not(:disabled):not(.disabled).active, .bg-gradient-success.btn:active, .bg-gradient-success.btn.active {
  22875. border-color: #1c7430;
  22876. color: #ffffff;
  22877. }
  22878. .bg-gradient-success.btn:not(:disabled):not(.disabled):active, .bg-gradient-success.btn:not(:disabled):not(.disabled).active, .bg-gradient-success.btn:active, .bg-gradient-success.btn.active {
  22879. background: #1e7e34 linear-gradient(180deg, #409152, #1e7e34) repeat-x !important;
  22880. }
  22881. .bg-gradient-info {
  22882. color: #ffffff;
  22883. }
  22884. .bg-gradient-info {
  22885. background: #17a2b8 linear-gradient(180deg, #3ab0c3, #17a2b8) repeat-x !important;
  22886. }
  22887. .bg-gradient-info.btn.disabled, .bg-gradient-info.btn:disabled, .bg-gradient-info.btn:not(:disabled):not(.disabled):active, .bg-gradient-info.btn:not(:disabled):not(.disabled).active,
  22888. .show > .bg-gradient-info.btn.dropdown-toggle {
  22889. background-image: none !important;
  22890. }
  22891. .bg-gradient-info.btn:hover {
  22892. border-color: #117a8b;
  22893. color: #ececec;
  22894. }
  22895. .bg-gradient-info.btn:hover {
  22896. background: #138496 linear-gradient(180deg, #3697a6, #138496) repeat-x !important;
  22897. }
  22898. .bg-gradient-info.btn:not(:disabled):not(.disabled):active, .bg-gradient-info.btn:not(:disabled):not(.disabled).active, .bg-gradient-info.btn:active, .bg-gradient-info.btn.active {
  22899. border-color: #10707f;
  22900. color: #ffffff;
  22901. }
  22902. .bg-gradient-info.btn:not(:disabled):not(.disabled):active, .bg-gradient-info.btn:not(:disabled):not(.disabled).active, .bg-gradient-info.btn:active, .bg-gradient-info.btn.active {
  22903. background: #117a8b linear-gradient(180deg, #358e9c, #117a8b) repeat-x !important;
  22904. }
  22905. .bg-gradient-warning {
  22906. color: #1F2D3D;
  22907. }
  22908. .bg-gradient-warning {
  22909. background: #ffc107 linear-gradient(180deg, #ffca2c, #ffc107) repeat-x !important;
  22910. }
  22911. .bg-gradient-warning.btn.disabled, .bg-gradient-warning.btn:disabled, .bg-gradient-warning.btn:not(:disabled):not(.disabled):active, .bg-gradient-warning.btn:not(:disabled):not(.disabled).active,
  22912. .show > .bg-gradient-warning.btn.dropdown-toggle {
  22913. background-image: none !important;
  22914. }
  22915. .bg-gradient-warning.btn:hover {
  22916. border-color: #d39e00;
  22917. color: #121a24;
  22918. }
  22919. .bg-gradient-warning.btn:hover {
  22920. background: #e0a800 linear-gradient(180deg, #e4b526, #e0a800) repeat-x !important;
  22921. }
  22922. .bg-gradient-warning.btn:not(:disabled):not(.disabled):active, .bg-gradient-warning.btn:not(:disabled):not(.disabled).active, .bg-gradient-warning.btn:active, .bg-gradient-warning.btn.active {
  22923. border-color: #c69500;
  22924. color: #1F2D3D;
  22925. }
  22926. .bg-gradient-warning.btn:not(:disabled):not(.disabled):active, .bg-gradient-warning.btn:not(:disabled):not(.disabled).active, .bg-gradient-warning.btn:active, .bg-gradient-warning.btn.active {
  22927. background: #d39e00 linear-gradient(180deg, #daad26, #d39e00) repeat-x !important;
  22928. }
  22929. .bg-gradient-danger {
  22930. color: #ffffff;
  22931. }
  22932. .bg-gradient-danger {
  22933. background: #dc3545 linear-gradient(180deg, #e15361, #dc3545) repeat-x !important;
  22934. }
  22935. .bg-gradient-danger.btn.disabled, .bg-gradient-danger.btn:disabled, .bg-gradient-danger.btn:not(:disabled):not(.disabled):active, .bg-gradient-danger.btn:not(:disabled):not(.disabled).active,
  22936. .show > .bg-gradient-danger.btn.dropdown-toggle {
  22937. background-image: none !important;
  22938. }
  22939. .bg-gradient-danger.btn:hover {
  22940. border-color: #bd2130;
  22941. color: #ececec;
  22942. }
  22943. .bg-gradient-danger.btn:hover {
  22944. background: #c82333 linear-gradient(180deg, #d04451, #c82333) repeat-x !important;
  22945. }
  22946. .bg-gradient-danger.btn:not(:disabled):not(.disabled):active, .bg-gradient-danger.btn:not(:disabled):not(.disabled).active, .bg-gradient-danger.btn:active, .bg-gradient-danger.btn.active {
  22947. border-color: #b21f2d;
  22948. color: #ffffff;
  22949. }
  22950. .bg-gradient-danger.btn:not(:disabled):not(.disabled):active, .bg-gradient-danger.btn:not(:disabled):not(.disabled).active, .bg-gradient-danger.btn:active, .bg-gradient-danger.btn.active {
  22951. background: #bd2130 linear-gradient(180deg, #c7424f, #bd2130) repeat-x !important;
  22952. }
  22953. .bg-gradient-light {
  22954. color: #1F2D3D;
  22955. }
  22956. .bg-gradient-light {
  22957. background: #f8f9fa linear-gradient(180deg, #f9fafb, #f8f9fa) repeat-x !important;
  22958. }
  22959. .bg-gradient-light.btn.disabled, .bg-gradient-light.btn:disabled, .bg-gradient-light.btn:not(:disabled):not(.disabled):active, .bg-gradient-light.btn:not(:disabled):not(.disabled).active,
  22960. .show > .bg-gradient-light.btn.dropdown-toggle {
  22961. background-image: none !important;
  22962. }
  22963. .bg-gradient-light.btn:hover {
  22964. border-color: #dae0e5;
  22965. color: #121a24;
  22966. }
  22967. .bg-gradient-light.btn:hover {
  22968. background: #e2e6ea linear-gradient(180deg, #e6eaed, #e2e6ea) repeat-x !important;
  22969. }
  22970. .bg-gradient-light.btn:not(:disabled):not(.disabled):active, .bg-gradient-light.btn:not(:disabled):not(.disabled).active, .bg-gradient-light.btn:active, .bg-gradient-light.btn.active {
  22971. border-color: #d3d9df;
  22972. color: #1F2D3D;
  22973. }
  22974. .bg-gradient-light.btn:not(:disabled):not(.disabled):active, .bg-gradient-light.btn:not(:disabled):not(.disabled).active, .bg-gradient-light.btn:active, .bg-gradient-light.btn.active {
  22975. background: #dae0e5 linear-gradient(180deg, #e0e4e9, #dae0e5) repeat-x !important;
  22976. }
  22977. .bg-gradient-dark {
  22978. color: #ffffff;
  22979. }
  22980. .bg-gradient-dark {
  22981. background: #343a40 linear-gradient(180deg, #52585d, #343a40) repeat-x !important;
  22982. }
  22983. .bg-gradient-dark.btn.disabled, .bg-gradient-dark.btn:disabled, .bg-gradient-dark.btn:not(:disabled):not(.disabled):active, .bg-gradient-dark.btn:not(:disabled):not(.disabled).active,
  22984. .show > .bg-gradient-dark.btn.dropdown-toggle {
  22985. background-image: none !important;
  22986. }
  22987. .bg-gradient-dark.btn:hover {
  22988. border-color: #1d2124;
  22989. color: #ececec;
  22990. }
  22991. .bg-gradient-dark.btn:hover {
  22992. background: #23272b linear-gradient(180deg, #44474b, #23272b) repeat-x !important;
  22993. }
  22994. .bg-gradient-dark.btn:not(:disabled):not(.disabled):active, .bg-gradient-dark.btn:not(:disabled):not(.disabled).active, .bg-gradient-dark.btn:active, .bg-gradient-dark.btn.active {
  22995. border-color: #171a1d;
  22996. color: #ffffff;
  22997. }
  22998. .bg-gradient-dark.btn:not(:disabled):not(.disabled):active, .bg-gradient-dark.btn:not(:disabled):not(.disabled).active, .bg-gradient-dark.btn:active, .bg-gradient-dark.btn.active {
  22999. background: #1d2124 linear-gradient(180deg, #3f4245, #1d2124) repeat-x !important;
  23000. }
  23001. .bg-gradient-navy {
  23002. color: #ffffff;
  23003. }
  23004. .bg-gradient-navy {
  23005. background: #001f3f linear-gradient(180deg, #26415c, #001f3f) repeat-x !important;
  23006. }
  23007. .bg-gradient-navy.btn.disabled, .bg-gradient-navy.btn:disabled, .bg-gradient-navy.btn:not(:disabled):not(.disabled):active, .bg-gradient-navy.btn:not(:disabled):not(.disabled).active,
  23008. .show > .bg-gradient-navy.btn.dropdown-toggle {
  23009. background-image: none !important;
  23010. }
  23011. .bg-gradient-navy.btn:hover {
  23012. border-color: #00060c;
  23013. color: #ececec;
  23014. }
  23015. .bg-gradient-navy.btn:hover {
  23016. background: #000c19 linear-gradient(180deg, #26313b, #000c19) repeat-x !important;
  23017. }
  23018. .bg-gradient-navy.btn:not(:disabled):not(.disabled):active, .bg-gradient-navy.btn:not(:disabled):not(.disabled).active, .bg-gradient-navy.btn:active, .bg-gradient-navy.btn.active {
  23019. border-color: black;
  23020. color: #ffffff;
  23021. }
  23022. .bg-gradient-navy.btn:not(:disabled):not(.disabled):active, .bg-gradient-navy.btn:not(:disabled):not(.disabled).active, .bg-gradient-navy.btn:active, .bg-gradient-navy.btn.active {
  23023. background: #00060c linear-gradient(180deg, #262b30, #00060c) repeat-x !important;
  23024. }
  23025. .bg-gradient-olive {
  23026. color: #ffffff;
  23027. }
  23028. .bg-gradient-olive {
  23029. background: #3d9970 linear-gradient(180deg, #5aa885, #3d9970) repeat-x !important;
  23030. }
  23031. .bg-gradient-olive.btn.disabled, .bg-gradient-olive.btn:disabled, .bg-gradient-olive.btn:not(:disabled):not(.disabled):active, .bg-gradient-olive.btn:not(:disabled):not(.disabled).active,
  23032. .show > .bg-gradient-olive.btn.dropdown-toggle {
  23033. background-image: none !important;
  23034. }
  23035. .bg-gradient-olive.btn:hover {
  23036. border-color: #2e7555;
  23037. color: #ececec;
  23038. }
  23039. .bg-gradient-olive.btn:hover {
  23040. background: #327e5c linear-gradient(180deg, #519174, #327e5c) repeat-x !important;
  23041. }
  23042. .bg-gradient-olive.btn:not(:disabled):not(.disabled):active, .bg-gradient-olive.btn:not(:disabled):not(.disabled).active, .bg-gradient-olive.btn:active, .bg-gradient-olive.btn.active {
  23043. border-color: #2b6b4f;
  23044. color: #ffffff;
  23045. }
  23046. .bg-gradient-olive.btn:not(:disabled):not(.disabled):active, .bg-gradient-olive.btn:not(:disabled):not(.disabled).active, .bg-gradient-olive.btn:active, .bg-gradient-olive.btn.active {
  23047. background: #2e7555 linear-gradient(180deg, #4e896f, #2e7555) repeat-x !important;
  23048. }
  23049. .bg-gradient-lime {
  23050. color: #1F2D3D;
  23051. }
  23052. .bg-gradient-lime {
  23053. background: #01ff70 linear-gradient(180deg, #27ff85, #01ff70) repeat-x !important;
  23054. }
  23055. .bg-gradient-lime.btn.disabled, .bg-gradient-lime.btn:disabled, .bg-gradient-lime.btn:not(:disabled):not(.disabled):active, .bg-gradient-lime.btn:not(:disabled):not(.disabled).active,
  23056. .show > .bg-gradient-lime.btn.dropdown-toggle {
  23057. background-image: none !important;
  23058. }
  23059. .bg-gradient-lime.btn:hover {
  23060. border-color: #00cd5a;
  23061. color: #121a24;
  23062. }
  23063. .bg-gradient-lime.btn:hover {
  23064. background: #00da5f linear-gradient(180deg, #26df77, #00da5f) repeat-x !important;
  23065. }
  23066. .bg-gradient-lime.btn:not(:disabled):not(.disabled):active, .bg-gradient-lime.btn:not(:disabled):not(.disabled).active, .bg-gradient-lime.btn:active, .bg-gradient-lime.btn.active {
  23067. border-color: #00c054;
  23068. color: #ffffff;
  23069. }
  23070. .bg-gradient-lime.btn:not(:disabled):not(.disabled):active, .bg-gradient-lime.btn:not(:disabled):not(.disabled).active, .bg-gradient-lime.btn:active, .bg-gradient-lime.btn.active {
  23071. background: #00cd5a linear-gradient(180deg, #26d572, #00cd5a) repeat-x !important;
  23072. }
  23073. .bg-gradient-fuchsia {
  23074. color: #ffffff;
  23075. }
  23076. .bg-gradient-fuchsia {
  23077. background: #f012be linear-gradient(180deg, #f236c8, #f012be) repeat-x !important;
  23078. }
  23079. .bg-gradient-fuchsia.btn.disabled, .bg-gradient-fuchsia.btn:disabled, .bg-gradient-fuchsia.btn:not(:disabled):not(.disabled):active, .bg-gradient-fuchsia.btn:not(:disabled):not(.disabled).active,
  23080. .show > .bg-gradient-fuchsia.btn.dropdown-toggle {
  23081. background-image: none !important;
  23082. }
  23083. .bg-gradient-fuchsia.btn:hover {
  23084. border-color: #c30c9a;
  23085. color: #ececec;
  23086. }
  23087. .bg-gradient-fuchsia.btn:hover {
  23088. background: #cf0da3 linear-gradient(180deg, #d631b1, #cf0da3) repeat-x !important;
  23089. }
  23090. .bg-gradient-fuchsia.btn:not(:disabled):not(.disabled):active, .bg-gradient-fuchsia.btn:not(:disabled):not(.disabled).active, .bg-gradient-fuchsia.btn:active, .bg-gradient-fuchsia.btn.active {
  23091. border-color: #b70c90;
  23092. color: #ffffff;
  23093. }
  23094. .bg-gradient-fuchsia.btn:not(:disabled):not(.disabled):active, .bg-gradient-fuchsia.btn:not(:disabled):not(.disabled).active, .bg-gradient-fuchsia.btn:active, .bg-gradient-fuchsia.btn.active {
  23095. background: #c30c9a linear-gradient(180deg, #cc31a9, #c30c9a) repeat-x !important;
  23096. }
  23097. .bg-gradient-maroon {
  23098. color: #ffffff;
  23099. }
  23100. .bg-gradient-maroon {
  23101. background: #d81b60 linear-gradient(180deg, #de3d78, #d81b60) repeat-x !important;
  23102. }
  23103. .bg-gradient-maroon.btn.disabled, .bg-gradient-maroon.btn:disabled, .bg-gradient-maroon.btn:not(:disabled):not(.disabled):active, .bg-gradient-maroon.btn:not(:disabled):not(.disabled).active,
  23104. .show > .bg-gradient-maroon.btn.dropdown-toggle {
  23105. background-image: none !important;
  23106. }
  23107. .bg-gradient-maroon.btn:hover {
  23108. border-color: #ab154c;
  23109. color: #ececec;
  23110. }
  23111. .bg-gradient-maroon.btn:hover {
  23112. background: #b61751 linear-gradient(180deg, #c13a6b, #b61751) repeat-x !important;
  23113. }
  23114. .bg-gradient-maroon.btn:not(:disabled):not(.disabled):active, .bg-gradient-maroon.btn:not(:disabled):not(.disabled).active, .bg-gradient-maroon.btn:active, .bg-gradient-maroon.btn.active {
  23115. border-color: #9f1447;
  23116. color: #ffffff;
  23117. }
  23118. .bg-gradient-maroon.btn:not(:disabled):not(.disabled):active, .bg-gradient-maroon.btn:not(:disabled):not(.disabled).active, .bg-gradient-maroon.btn:active, .bg-gradient-maroon.btn.active {
  23119. background: #ab154c linear-gradient(180deg, #b73867, #ab154c) repeat-x !important;
  23120. }
  23121. .bg-gradient-blue {
  23122. color: #ffffff;
  23123. }
  23124. .bg-gradient-blue {
  23125. background: #007bff linear-gradient(180deg, #268fff, #007bff) repeat-x !important;
  23126. }
  23127. .bg-gradient-blue.btn.disabled, .bg-gradient-blue.btn:disabled, .bg-gradient-blue.btn:not(:disabled):not(.disabled):active, .bg-gradient-blue.btn:not(:disabled):not(.disabled).active,
  23128. .show > .bg-gradient-blue.btn.dropdown-toggle {
  23129. background-image: none !important;
  23130. }
  23131. .bg-gradient-blue.btn:hover {
  23132. border-color: #0062cc;
  23133. color: #ececec;
  23134. }
  23135. .bg-gradient-blue.btn:hover {
  23136. background: #0069d9 linear-gradient(180deg, #267fde, #0069d9) repeat-x !important;
  23137. }
  23138. .bg-gradient-blue.btn:not(:disabled):not(.disabled):active, .bg-gradient-blue.btn:not(:disabled):not(.disabled).active, .bg-gradient-blue.btn:active, .bg-gradient-blue.btn.active {
  23139. border-color: #005cbf;
  23140. color: #ffffff;
  23141. }
  23142. .bg-gradient-blue.btn:not(:disabled):not(.disabled):active, .bg-gradient-blue.btn:not(:disabled):not(.disabled).active, .bg-gradient-blue.btn:active, .bg-gradient-blue.btn.active {
  23143. background: #0062cc linear-gradient(180deg, #267ad4, #0062cc) repeat-x !important;
  23144. }
  23145. .bg-gradient-indigo {
  23146. color: #ffffff;
  23147. }
  23148. .bg-gradient-indigo {
  23149. background: #6610f2 linear-gradient(180deg, #7d34f4, #6610f2) repeat-x !important;
  23150. }
  23151. .bg-gradient-indigo.btn.disabled, .bg-gradient-indigo.btn:disabled, .bg-gradient-indigo.btn:not(:disabled):not(.disabled):active, .bg-gradient-indigo.btn:not(:disabled):not(.disabled).active,
  23152. .show > .bg-gradient-indigo.btn.dropdown-toggle {
  23153. background-image: none !important;
  23154. }
  23155. .bg-gradient-indigo.btn:hover {
  23156. border-color: #510bc4;
  23157. color: #ececec;
  23158. }
  23159. .bg-gradient-indigo.btn:hover {
  23160. background: #560bd0 linear-gradient(180deg, #7030d7, #560bd0) repeat-x !important;
  23161. }
  23162. .bg-gradient-indigo.btn:not(:disabled):not(.disabled):active, .bg-gradient-indigo.btn:not(:disabled):not(.disabled).active, .bg-gradient-indigo.btn:active, .bg-gradient-indigo.btn.active {
  23163. border-color: #4c0ab8;
  23164. color: #ffffff;
  23165. }
  23166. .bg-gradient-indigo.btn:not(:disabled):not(.disabled):active, .bg-gradient-indigo.btn:not(:disabled):not(.disabled).active, .bg-gradient-indigo.btn:active, .bg-gradient-indigo.btn.active {
  23167. background: #510bc4 linear-gradient(180deg, #6b2fcd, #510bc4) repeat-x !important;
  23168. }
  23169. .bg-gradient-purple {
  23170. color: #ffffff;
  23171. }
  23172. .bg-gradient-purple {
  23173. background: #6f42c1 linear-gradient(180deg, #855eca, #6f42c1) repeat-x !important;
  23174. }
  23175. .bg-gradient-purple.btn.disabled, .bg-gradient-purple.btn:disabled, .bg-gradient-purple.btn:not(:disabled):not(.disabled):active, .bg-gradient-purple.btn:not(:disabled):not(.disabled).active,
  23176. .show > .bg-gradient-purple.btn.dropdown-toggle {
  23177. background-image: none !important;
  23178. }
  23179. .bg-gradient-purple.btn:hover {
  23180. border-color: #59339d;
  23181. color: #ececec;
  23182. }
  23183. .bg-gradient-purple.btn:hover {
  23184. background: #5e37a6 linear-gradient(180deg, #7655b4, #5e37a6) repeat-x !important;
  23185. }
  23186. .bg-gradient-purple.btn:not(:disabled):not(.disabled):active, .bg-gradient-purple.btn:not(:disabled):not(.disabled).active, .bg-gradient-purple.btn:active, .bg-gradient-purple.btn.active {
  23187. border-color: #533093;
  23188. color: #ffffff;
  23189. }
  23190. .bg-gradient-purple.btn:not(:disabled):not(.disabled):active, .bg-gradient-purple.btn:not(:disabled):not(.disabled).active, .bg-gradient-purple.btn:active, .bg-gradient-purple.btn.active {
  23191. background: #59339d linear-gradient(180deg, #7252ab, #59339d) repeat-x !important;
  23192. }
  23193. .bg-gradient-pink {
  23194. color: #ffffff;
  23195. }
  23196. .bg-gradient-pink {
  23197. background: #e83e8c linear-gradient(180deg, #eb5b9d, #e83e8c) repeat-x !important;
  23198. }
  23199. .bg-gradient-pink.btn.disabled, .bg-gradient-pink.btn:disabled, .bg-gradient-pink.btn:not(:disabled):not(.disabled):active, .bg-gradient-pink.btn:not(:disabled):not(.disabled).active,
  23200. .show > .bg-gradient-pink.btn.dropdown-toggle {
  23201. background-image: none !important;
  23202. }
  23203. .bg-gradient-pink.btn:hover {
  23204. border-color: #d91a72;
  23205. color: #ececec;
  23206. }
  23207. .bg-gradient-pink.btn:hover {
  23208. background: #e41c78 linear-gradient(180deg, #e83e8c, #e41c78) repeat-x !important;
  23209. }
  23210. .bg-gradient-pink.btn:not(:disabled):not(.disabled):active, .bg-gradient-pink.btn:not(:disabled):not(.disabled).active, .bg-gradient-pink.btn:active, .bg-gradient-pink.btn.active {
  23211. border-color: #ce196c;
  23212. color: #ffffff;
  23213. }
  23214. .bg-gradient-pink.btn:not(:disabled):not(.disabled):active, .bg-gradient-pink.btn:not(:disabled):not(.disabled).active, .bg-gradient-pink.btn:active, .bg-gradient-pink.btn.active {
  23215. background: #d91a72 linear-gradient(180deg, #df3c87, #d91a72) repeat-x !important;
  23216. }
  23217. .bg-gradient-red {
  23218. color: #ffffff;
  23219. }
  23220. .bg-gradient-red {
  23221. background: #dc3545 linear-gradient(180deg, #e15361, #dc3545) repeat-x !important;
  23222. }
  23223. .bg-gradient-red.btn.disabled, .bg-gradient-red.btn:disabled, .bg-gradient-red.btn:not(:disabled):not(.disabled):active, .bg-gradient-red.btn:not(:disabled):not(.disabled).active,
  23224. .show > .bg-gradient-red.btn.dropdown-toggle {
  23225. background-image: none !important;
  23226. }
  23227. .bg-gradient-red.btn:hover {
  23228. border-color: #bd2130;
  23229. color: #ececec;
  23230. }
  23231. .bg-gradient-red.btn:hover {
  23232. background: #c82333 linear-gradient(180deg, #d04451, #c82333) repeat-x !important;
  23233. }
  23234. .bg-gradient-red.btn:not(:disabled):not(.disabled):active, .bg-gradient-red.btn:not(:disabled):not(.disabled).active, .bg-gradient-red.btn:active, .bg-gradient-red.btn.active {
  23235. border-color: #b21f2d;
  23236. color: #ffffff;
  23237. }
  23238. .bg-gradient-red.btn:not(:disabled):not(.disabled):active, .bg-gradient-red.btn:not(:disabled):not(.disabled).active, .bg-gradient-red.btn:active, .bg-gradient-red.btn.active {
  23239. background: #bd2130 linear-gradient(180deg, #c7424f, #bd2130) repeat-x !important;
  23240. }
  23241. .bg-gradient-orange {
  23242. color: #1F2D3D;
  23243. }
  23244. .bg-gradient-orange {
  23245. background: #fd7e14 linear-gradient(180deg, #fd9137, #fd7e14) repeat-x !important;
  23246. }
  23247. .bg-gradient-orange.btn.disabled, .bg-gradient-orange.btn:disabled, .bg-gradient-orange.btn:not(:disabled):not(.disabled):active, .bg-gradient-orange.btn:not(:disabled):not(.disabled).active,
  23248. .show > .bg-gradient-orange.btn.dropdown-toggle {
  23249. background-image: none !important;
  23250. }
  23251. .bg-gradient-orange.btn:hover {
  23252. border-color: #dc6502;
  23253. color: #121a24;
  23254. }
  23255. .bg-gradient-orange.btn:hover {
  23256. background: #e96b02 linear-gradient(180deg, #ec8128, #e96b02) repeat-x !important;
  23257. }
  23258. .bg-gradient-orange.btn:not(:disabled):not(.disabled):active, .bg-gradient-orange.btn:not(:disabled):not(.disabled).active, .bg-gradient-orange.btn:active, .bg-gradient-orange.btn.active {
  23259. border-color: #cf5f02;
  23260. color: #ffffff;
  23261. }
  23262. .bg-gradient-orange.btn:not(:disabled):not(.disabled):active, .bg-gradient-orange.btn:not(:disabled):not(.disabled).active, .bg-gradient-orange.btn:active, .bg-gradient-orange.btn.active {
  23263. background: #dc6502 linear-gradient(180deg, #e17c28, #dc6502) repeat-x !important;
  23264. }
  23265. .bg-gradient-yellow {
  23266. color: #1F2D3D;
  23267. }
  23268. .bg-gradient-yellow {
  23269. background: #ffc107 linear-gradient(180deg, #ffca2c, #ffc107) repeat-x !important;
  23270. }
  23271. .bg-gradient-yellow.btn.disabled, .bg-gradient-yellow.btn:disabled, .bg-gradient-yellow.btn:not(:disabled):not(.disabled):active, .bg-gradient-yellow.btn:not(:disabled):not(.disabled).active,
  23272. .show > .bg-gradient-yellow.btn.dropdown-toggle {
  23273. background-image: none !important;
  23274. }
  23275. .bg-gradient-yellow.btn:hover {
  23276. border-color: #d39e00;
  23277. color: #121a24;
  23278. }
  23279. .bg-gradient-yellow.btn:hover {
  23280. background: #e0a800 linear-gradient(180deg, #e4b526, #e0a800) repeat-x !important;
  23281. }
  23282. .bg-gradient-yellow.btn:not(:disabled):not(.disabled):active, .bg-gradient-yellow.btn:not(:disabled):not(.disabled).active, .bg-gradient-yellow.btn:active, .bg-gradient-yellow.btn.active {
  23283. border-color: #c69500;
  23284. color: #1F2D3D;
  23285. }
  23286. .bg-gradient-yellow.btn:not(:disabled):not(.disabled):active, .bg-gradient-yellow.btn:not(:disabled):not(.disabled).active, .bg-gradient-yellow.btn:active, .bg-gradient-yellow.btn.active {
  23287. background: #d39e00 linear-gradient(180deg, #daad26, #d39e00) repeat-x !important;
  23288. }
  23289. .bg-gradient-green {
  23290. color: #ffffff;
  23291. }
  23292. .bg-gradient-green {
  23293. background: #28a745 linear-gradient(180deg, #48b461, #28a745) repeat-x !important;
  23294. }
  23295. .bg-gradient-green.btn.disabled, .bg-gradient-green.btn:disabled, .bg-gradient-green.btn:not(:disabled):not(.disabled):active, .bg-gradient-green.btn:not(:disabled):not(.disabled).active,
  23296. .show > .bg-gradient-green.btn.dropdown-toggle {
  23297. background-image: none !important;
  23298. }
  23299. .bg-gradient-green.btn:hover {
  23300. border-color: #1e7e34;
  23301. color: #ececec;
  23302. }
  23303. .bg-gradient-green.btn:hover {
  23304. background: #218838 linear-gradient(180deg, #429a56, #218838) repeat-x !important;
  23305. }
  23306. .bg-gradient-green.btn:not(:disabled):not(.disabled):active, .bg-gradient-green.btn:not(:disabled):not(.disabled).active, .bg-gradient-green.btn:active, .bg-gradient-green.btn.active {
  23307. border-color: #1c7430;
  23308. color: #ffffff;
  23309. }
  23310. .bg-gradient-green.btn:not(:disabled):not(.disabled):active, .bg-gradient-green.btn:not(:disabled):not(.disabled).active, .bg-gradient-green.btn:active, .bg-gradient-green.btn.active {
  23311. background: #1e7e34 linear-gradient(180deg, #409152, #1e7e34) repeat-x !important;
  23312. }
  23313. .bg-gradient-teal {
  23314. color: #ffffff;
  23315. }
  23316. .bg-gradient-teal {
  23317. background: #20c997 linear-gradient(180deg, #41d1a7, #20c997) repeat-x !important;
  23318. }
  23319. .bg-gradient-teal.btn.disabled, .bg-gradient-teal.btn:disabled, .bg-gradient-teal.btn:not(:disabled):not(.disabled):active, .bg-gradient-teal.btn:not(:disabled):not(.disabled).active,
  23320. .show > .bg-gradient-teal.btn.dropdown-toggle {
  23321. background-image: none !important;
  23322. }
  23323. .bg-gradient-teal.btn:hover {
  23324. border-color: #199d76;
  23325. color: #ececec;
  23326. }
  23327. .bg-gradient-teal.btn:hover {
  23328. background: #1ba87e linear-gradient(180deg, #3db592, #1ba87e) repeat-x !important;
  23329. }
  23330. .bg-gradient-teal.btn:not(:disabled):not(.disabled):active, .bg-gradient-teal.btn:not(:disabled):not(.disabled).active, .bg-gradient-teal.btn:active, .bg-gradient-teal.btn.active {
  23331. border-color: #17926e;
  23332. color: #ffffff;
  23333. }
  23334. .bg-gradient-teal.btn:not(:disabled):not(.disabled):active, .bg-gradient-teal.btn:not(:disabled):not(.disabled).active, .bg-gradient-teal.btn:active, .bg-gradient-teal.btn.active {
  23335. background: #199d76 linear-gradient(180deg, #3bac8b, #199d76) repeat-x !important;
  23336. }
  23337. .bg-gradient-cyan {
  23338. color: #ffffff;
  23339. }
  23340. .bg-gradient-cyan {
  23341. background: #17a2b8 linear-gradient(180deg, #3ab0c3, #17a2b8) repeat-x !important;
  23342. }
  23343. .bg-gradient-cyan.btn.disabled, .bg-gradient-cyan.btn:disabled, .bg-gradient-cyan.btn:not(:disabled):not(.disabled):active, .bg-gradient-cyan.btn:not(:disabled):not(.disabled).active,
  23344. .show > .bg-gradient-cyan.btn.dropdown-toggle {
  23345. background-image: none !important;
  23346. }
  23347. .bg-gradient-cyan.btn:hover {
  23348. border-color: #117a8b;
  23349. color: #ececec;
  23350. }
  23351. .bg-gradient-cyan.btn:hover {
  23352. background: #138496 linear-gradient(180deg, #3697a6, #138496) repeat-x !important;
  23353. }
  23354. .bg-gradient-cyan.btn:not(:disabled):not(.disabled):active, .bg-gradient-cyan.btn:not(:disabled):not(.disabled).active, .bg-gradient-cyan.btn:active, .bg-gradient-cyan.btn.active {
  23355. border-color: #10707f;
  23356. color: #ffffff;
  23357. }
  23358. .bg-gradient-cyan.btn:not(:disabled):not(.disabled):active, .bg-gradient-cyan.btn:not(:disabled):not(.disabled).active, .bg-gradient-cyan.btn:active, .bg-gradient-cyan.btn.active {
  23359. background: #117a8b linear-gradient(180deg, #358e9c, #117a8b) repeat-x !important;
  23360. }
  23361. .bg-gradient-white {
  23362. color: #1F2D3D;
  23363. }
  23364. .bg-gradient-white {
  23365. background: #ffffff linear-gradient(180deg, white, #ffffff) repeat-x !important;
  23366. }
  23367. .bg-gradient-white.btn.disabled, .bg-gradient-white.btn:disabled, .bg-gradient-white.btn:not(:disabled):not(.disabled):active, .bg-gradient-white.btn:not(:disabled):not(.disabled).active,
  23368. .show > .bg-gradient-white.btn.dropdown-toggle {
  23369. background-image: none !important;
  23370. }
  23371. .bg-gradient-white.btn:hover {
  23372. border-color: #e6e6e6;
  23373. color: #121a24;
  23374. }
  23375. .bg-gradient-white.btn:hover {
  23376. background: #ececec linear-gradient(180deg, #efefef, #ececec) repeat-x !important;
  23377. }
  23378. .bg-gradient-white.btn:not(:disabled):not(.disabled):active, .bg-gradient-white.btn:not(:disabled):not(.disabled).active, .bg-gradient-white.btn:active, .bg-gradient-white.btn.active {
  23379. border-color: #dfdfdf;
  23380. color: #1F2D3D;
  23381. }
  23382. .bg-gradient-white.btn:not(:disabled):not(.disabled):active, .bg-gradient-white.btn:not(:disabled):not(.disabled).active, .bg-gradient-white.btn:active, .bg-gradient-white.btn.active {
  23383. background: #e6e6e6 linear-gradient(180deg, #e9e9e9, #e6e6e6) repeat-x !important;
  23384. }
  23385. .bg-gradient-gray {
  23386. color: #ffffff;
  23387. }
  23388. .bg-gradient-gray {
  23389. background: #6c757d linear-gradient(180deg, #828a91, #6c757d) repeat-x !important;
  23390. }
  23391. .bg-gradient-gray.btn.disabled, .bg-gradient-gray.btn:disabled, .bg-gradient-gray.btn:not(:disabled):not(.disabled):active, .bg-gradient-gray.btn:not(:disabled):not(.disabled).active,
  23392. .show > .bg-gradient-gray.btn.dropdown-toggle {
  23393. background-image: none !important;
  23394. }
  23395. .bg-gradient-gray.btn:hover {
  23396. border-color: #545b62;
  23397. color: #ececec;
  23398. }
  23399. .bg-gradient-gray.btn:hover {
  23400. background: #5a6268 linear-gradient(180deg, #73797f, #5a6268) repeat-x !important;
  23401. }
  23402. .bg-gradient-gray.btn:not(:disabled):not(.disabled):active, .bg-gradient-gray.btn:not(:disabled):not(.disabled).active, .bg-gradient-gray.btn:active, .bg-gradient-gray.btn.active {
  23403. border-color: #4e555b;
  23404. color: #ffffff;
  23405. }
  23406. .bg-gradient-gray.btn:not(:disabled):not(.disabled):active, .bg-gradient-gray.btn:not(:disabled):not(.disabled).active, .bg-gradient-gray.btn:active, .bg-gradient-gray.btn.active {
  23407. background: #545b62 linear-gradient(180deg, #6e7479, #545b62) repeat-x !important;
  23408. }
  23409. .bg-gradient-gray-dark {
  23410. color: #ffffff;
  23411. }
  23412. .bg-gradient-gray-dark {
  23413. background: #343a40 linear-gradient(180deg, #52585d, #343a40) repeat-x !important;
  23414. }
  23415. .bg-gradient-gray-dark.btn.disabled, .bg-gradient-gray-dark.btn:disabled, .bg-gradient-gray-dark.btn:not(:disabled):not(.disabled):active, .bg-gradient-gray-dark.btn:not(:disabled):not(.disabled).active,
  23416. .show > .bg-gradient-gray-dark.btn.dropdown-toggle {
  23417. background-image: none !important;
  23418. }
  23419. .bg-gradient-gray-dark.btn:hover {
  23420. border-color: #1d2124;
  23421. color: #ececec;
  23422. }
  23423. .bg-gradient-gray-dark.btn:hover {
  23424. background: #23272b linear-gradient(180deg, #44474b, #23272b) repeat-x !important;
  23425. }
  23426. .bg-gradient-gray-dark.btn:not(:disabled):not(.disabled):active, .bg-gradient-gray-dark.btn:not(:disabled):not(.disabled).active, .bg-gradient-gray-dark.btn:active, .bg-gradient-gray-dark.btn.active {
  23427. border-color: #171a1d;
  23428. color: #ffffff;
  23429. }
  23430. .bg-gradient-gray-dark.btn:not(:disabled):not(.disabled):active, .bg-gradient-gray-dark.btn:not(:disabled):not(.disabled).active, .bg-gradient-gray-dark.btn:active, .bg-gradient-gray-dark.btn.active {
  23431. background: #1d2124 linear-gradient(180deg, #3f4245, #1d2124) repeat-x !important;
  23432. }
  23433. [class^='bg-'].disabled {
  23434. opacity: .65;
  23435. }
  23436. a.text-muted:hover {
  23437. color: #007bff !important;
  23438. }
  23439. .link-muted {
  23440. color: #5d6974;
  23441. }
  23442. .link-muted:hover, .link-muted:focus {
  23443. color: #464f58;
  23444. }
  23445. .link-black {
  23446. color: #6c757d;
  23447. }
  23448. .link-black:hover, .link-black:focus {
  23449. color: #e6e8ea;
  23450. }
  23451. .accent-primary a {
  23452. color: #007bff;
  23453. }
  23454. .accent-primary a:hover {
  23455. color: #0056b3;
  23456. }
  23457. .accent-primary .page-item.active .page-link {
  23458. background-color: #007bff;
  23459. border-color: #007bff;
  23460. }
  23461. .accent-primary .page-item.disabled .page-link {
  23462. background-color: #ffffff;
  23463. border-color: #dee2e6;
  23464. }
  23465. .accent-secondary a {
  23466. color: #6c757d;
  23467. }
  23468. .accent-secondary a:hover {
  23469. color: #494f54;
  23470. }
  23471. .accent-secondary .page-item.active .page-link {
  23472. background-color: #6c757d;
  23473. border-color: #6c757d;
  23474. }
  23475. .accent-secondary .page-item.disabled .page-link {
  23476. background-color: #ffffff;
  23477. border-color: #dee2e6;
  23478. }
  23479. .accent-success a {
  23480. color: #28a745;
  23481. }
  23482. .accent-success a:hover {
  23483. color: #19692c;
  23484. }
  23485. .accent-success .page-item.active .page-link {
  23486. background-color: #28a745;
  23487. border-color: #28a745;
  23488. }
  23489. .accent-success .page-item.disabled .page-link {
  23490. background-color: #ffffff;
  23491. border-color: #dee2e6;
  23492. }
  23493. .accent-info a {
  23494. color: #17a2b8;
  23495. }
  23496. .accent-info a:hover {
  23497. color: #0f6674;
  23498. }
  23499. .accent-info .page-item.active .page-link {
  23500. background-color: #17a2b8;
  23501. border-color: #17a2b8;
  23502. }
  23503. .accent-info .page-item.disabled .page-link {
  23504. background-color: #ffffff;
  23505. border-color: #dee2e6;
  23506. }
  23507. .accent-warning a {
  23508. color: #ffc107;
  23509. }
  23510. .accent-warning a:hover {
  23511. color: #ba8b00;
  23512. }
  23513. .accent-warning .page-item.active .page-link {
  23514. background-color: #ffc107;
  23515. border-color: #ffc107;
  23516. }
  23517. .accent-warning .page-item.disabled .page-link {
  23518. background-color: #ffffff;
  23519. border-color: #dee2e6;
  23520. }
  23521. .accent-danger a {
  23522. color: #dc3545;
  23523. }
  23524. .accent-danger a:hover {
  23525. color: #a71d2a;
  23526. }
  23527. .accent-danger .page-item.active .page-link {
  23528. background-color: #dc3545;
  23529. border-color: #dc3545;
  23530. }
  23531. .accent-danger .page-item.disabled .page-link {
  23532. background-color: #ffffff;
  23533. border-color: #dee2e6;
  23534. }
  23535. .accent-light a {
  23536. color: #f8f9fa;
  23537. }
  23538. .accent-light a:hover {
  23539. color: #cbd3da;
  23540. }
  23541. .accent-light .page-item.active .page-link {
  23542. background-color: #f8f9fa;
  23543. border-color: #f8f9fa;
  23544. }
  23545. .accent-light .page-item.disabled .page-link {
  23546. background-color: #ffffff;
  23547. border-color: #dee2e6;
  23548. }
  23549. .accent-dark a {
  23550. color: #343a40;
  23551. }
  23552. .accent-dark a:hover {
  23553. color: #121416;
  23554. }
  23555. .accent-dark .page-item.active .page-link {
  23556. background-color: #343a40;
  23557. border-color: #343a40;
  23558. }
  23559. .accent-dark .page-item.disabled .page-link {
  23560. background-color: #ffffff;
  23561. border-color: #dee2e6;
  23562. }
  23563. .accent-navy a {
  23564. color: #001f3f;
  23565. }
  23566. .accent-navy a:hover {
  23567. color: black;
  23568. }
  23569. .accent-navy .page-item.active .page-link {
  23570. background-color: #001f3f;
  23571. border-color: #001f3f;
  23572. }
  23573. .accent-navy .page-item.disabled .page-link {
  23574. background-color: #ffffff;
  23575. border-color: #dee2e6;
  23576. }
  23577. .accent-olive a {
  23578. color: #3d9970;
  23579. }
  23580. .accent-olive a:hover {
  23581. color: #276248;
  23582. }
  23583. .accent-olive .page-item.active .page-link {
  23584. background-color: #3d9970;
  23585. border-color: #3d9970;
  23586. }
  23587. .accent-olive .page-item.disabled .page-link {
  23588. background-color: #ffffff;
  23589. border-color: #dee2e6;
  23590. }
  23591. .accent-lime a {
  23592. color: #01ff70;
  23593. }
  23594. .accent-lime a:hover {
  23595. color: #00b44e;
  23596. }
  23597. .accent-lime .page-item.active .page-link {
  23598. background-color: #01ff70;
  23599. border-color: #01ff70;
  23600. }
  23601. .accent-lime .page-item.disabled .page-link {
  23602. background-color: #ffffff;
  23603. border-color: #dee2e6;
  23604. }
  23605. .accent-fuchsia a {
  23606. color: #f012be;
  23607. }
  23608. .accent-fuchsia a:hover {
  23609. color: #ab0b87;
  23610. }
  23611. .accent-fuchsia .page-item.active .page-link {
  23612. background-color: #f012be;
  23613. border-color: #f012be;
  23614. }
  23615. .accent-fuchsia .page-item.disabled .page-link {
  23616. background-color: #ffffff;
  23617. border-color: #dee2e6;
  23618. }
  23619. .accent-maroon a {
  23620. color: #d81b60;
  23621. }
  23622. .accent-maroon a:hover {
  23623. color: #941342;
  23624. }
  23625. .accent-maroon .page-item.active .page-link {
  23626. background-color: #d81b60;
  23627. border-color: #d81b60;
  23628. }
  23629. .accent-maroon .page-item.disabled .page-link {
  23630. background-color: #ffffff;
  23631. border-color: #dee2e6;
  23632. }
  23633. .accent-blue a {
  23634. color: #007bff;
  23635. }
  23636. .accent-blue a:hover {
  23637. color: #0056b3;
  23638. }
  23639. .accent-blue .page-item.active .page-link {
  23640. background-color: #007bff;
  23641. border-color: #007bff;
  23642. }
  23643. .accent-blue .page-item.disabled .page-link {
  23644. background-color: #ffffff;
  23645. border-color: #dee2e6;
  23646. }
  23647. .accent-indigo a {
  23648. color: #6610f2;
  23649. }
  23650. .accent-indigo a:hover {
  23651. color: #4709ac;
  23652. }
  23653. .accent-indigo .page-item.active .page-link {
  23654. background-color: #6610f2;
  23655. border-color: #6610f2;
  23656. }
  23657. .accent-indigo .page-item.disabled .page-link {
  23658. background-color: #ffffff;
  23659. border-color: #dee2e6;
  23660. }
  23661. .accent-purple a {
  23662. color: #6f42c1;
  23663. }
  23664. .accent-purple a:hover {
  23665. color: #4e2d89;
  23666. }
  23667. .accent-purple .page-item.active .page-link {
  23668. background-color: #6f42c1;
  23669. border-color: #6f42c1;
  23670. }
  23671. .accent-purple .page-item.disabled .page-link {
  23672. background-color: #ffffff;
  23673. border-color: #dee2e6;
  23674. }
  23675. .accent-pink a {
  23676. color: #e83e8c;
  23677. }
  23678. .accent-pink a:hover {
  23679. color: #c21766;
  23680. }
  23681. .accent-pink .page-item.active .page-link {
  23682. background-color: #e83e8c;
  23683. border-color: #e83e8c;
  23684. }
  23685. .accent-pink .page-item.disabled .page-link {
  23686. background-color: #ffffff;
  23687. border-color: #dee2e6;
  23688. }
  23689. .accent-red a {
  23690. color: #dc3545;
  23691. }
  23692. .accent-red a:hover {
  23693. color: #a71d2a;
  23694. }
  23695. .accent-red .page-item.active .page-link {
  23696. background-color: #dc3545;
  23697. border-color: #dc3545;
  23698. }
  23699. .accent-red .page-item.disabled .page-link {
  23700. background-color: #ffffff;
  23701. border-color: #dee2e6;
  23702. }
  23703. .accent-orange a {
  23704. color: #fd7e14;
  23705. }
  23706. .accent-orange a:hover {
  23707. color: #c35a02;
  23708. }
  23709. .accent-orange .page-item.active .page-link {
  23710. background-color: #fd7e14;
  23711. border-color: #fd7e14;
  23712. }
  23713. .accent-orange .page-item.disabled .page-link {
  23714. background-color: #ffffff;
  23715. border-color: #dee2e6;
  23716. }
  23717. .accent-yellow a {
  23718. color: #ffc107;
  23719. }
  23720. .accent-yellow a:hover {
  23721. color: #ba8b00;
  23722. }
  23723. .accent-yellow .page-item.active .page-link {
  23724. background-color: #ffc107;
  23725. border-color: #ffc107;
  23726. }
  23727. .accent-yellow .page-item.disabled .page-link {
  23728. background-color: #ffffff;
  23729. border-color: #dee2e6;
  23730. }
  23731. .accent-green a {
  23732. color: #28a745;
  23733. }
  23734. .accent-green a:hover {
  23735. color: #19692c;
  23736. }
  23737. .accent-green .page-item.active .page-link {
  23738. background-color: #28a745;
  23739. border-color: #28a745;
  23740. }
  23741. .accent-green .page-item.disabled .page-link {
  23742. background-color: #ffffff;
  23743. border-color: #dee2e6;
  23744. }
  23745. .accent-teal a {
  23746. color: #20c997;
  23747. }
  23748. .accent-teal a:hover {
  23749. color: #158765;
  23750. }
  23751. .accent-teal .page-item.active .page-link {
  23752. background-color: #20c997;
  23753. border-color: #20c997;
  23754. }
  23755. .accent-teal .page-item.disabled .page-link {
  23756. background-color: #ffffff;
  23757. border-color: #dee2e6;
  23758. }
  23759. .accent-cyan a {
  23760. color: #17a2b8;
  23761. }
  23762. .accent-cyan a:hover {
  23763. color: #0f6674;
  23764. }
  23765. .accent-cyan .page-item.active .page-link {
  23766. background-color: #17a2b8;
  23767. border-color: #17a2b8;
  23768. }
  23769. .accent-cyan .page-item.disabled .page-link {
  23770. background-color: #ffffff;
  23771. border-color: #dee2e6;
  23772. }
  23773. .accent-white a {
  23774. color: #ffffff;
  23775. }
  23776. .accent-white a:hover {
  23777. color: #d9d9d9;
  23778. }
  23779. .accent-white .page-item.active .page-link {
  23780. background-color: #ffffff;
  23781. border-color: #ffffff;
  23782. }
  23783. .accent-white .page-item.disabled .page-link {
  23784. background-color: #ffffff;
  23785. border-color: #dee2e6;
  23786. }
  23787. .accent-gray a {
  23788. color: #6c757d;
  23789. }
  23790. .accent-gray a:hover {
  23791. color: #494f54;
  23792. }
  23793. .accent-gray .page-item.active .page-link {
  23794. background-color: #6c757d;
  23795. border-color: #6c757d;
  23796. }
  23797. .accent-gray .page-item.disabled .page-link {
  23798. background-color: #ffffff;
  23799. border-color: #dee2e6;
  23800. }
  23801. .accent-gray-dark a {
  23802. color: #343a40;
  23803. }
  23804. .accent-gray-dark a:hover {
  23805. color: #121416;
  23806. }
  23807. .accent-gray-dark .page-item.active .page-link {
  23808. background-color: #343a40;
  23809. border-color: #343a40;
  23810. }
  23811. .accent-gray-dark .page-item.disabled .page-link {
  23812. background-color: #ffffff;
  23813. border-color: #dee2e6;
  23814. }
  23815. /*# sourceMappingURL=adminlte.css.map */