A webmail client. Forked from https://git.sr.ht/~migadu/alps
25'ten fazla konu seçemezsiniz Konular bir harf veya rakamla başlamalı, kısa çizgiler ('-') içerebilir ve en fazla 35 karakter uzunluğunda olabilir.
 
 
 
 

5551 satır
134 KiB

  1. :root {
  2. --blue: #007bff;
  3. --indigo: #6610f2;
  4. --purple: #6f42c1;
  5. --pink: #e83e8c;
  6. --red: #dc3545;
  7. --orange: #fd7e14;
  8. --yellow: #ffc107;
  9. --green: #28a745;
  10. --teal: #20c997;
  11. --cyan: #17a2b8;
  12. --white: #fff;
  13. --gray: #6c757d;
  14. --gray-dark: #343a40;
  15. --primary: #007bff;
  16. --secondary: #6c757d;
  17. --success: #28a745;
  18. --info: #17a2b8;
  19. --warning: #ffc107;
  20. --danger: #dc3545;
  21. --light: #f8f9fa;
  22. --dark: #343a40;
  23. --breakpoint-xs: 0;
  24. --breakpoint-sm: 576px;
  25. --breakpoint-md: 768px;
  26. --breakpoint-lg: 992px;
  27. --breakpoint-xl: 1200px;
  28. --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  29. --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }
  30. *,
  31. *::before,
  32. *::after {
  33. box-sizing: border-box; }
  34. html {
  35. font-family: sans-serif;
  36. line-height: 1.15;
  37. -webkit-text-size-adjust: 100%;
  38. -ms-text-size-adjust: 100%;
  39. -ms-overflow-style: scrollbar;
  40. -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  41. @-ms-viewport {
  42. width: device-width; }
  43. article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  44. display: block; }
  45. body {
  46. margin: 0;
  47. font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  48. font-size: 1rem;
  49. font-weight: 400;
  50. line-height: 1.5;
  51. color: #212529;
  52. text-align: left;
  53. background-color: #fff; }
  54. [tabindex="-1"]:focus {
  55. outline: 0 !important; }
  56. hr {
  57. box-sizing: content-box;
  58. height: 0;
  59. overflow: visible; }
  60. h1, h2, h3, h4, h5, h6 {
  61. margin-top: 0;
  62. margin-bottom: 0.5rem; }
  63. p {
  64. margin-top: 0;
  65. margin-bottom: 1rem; }
  66. abbr[title],
  67. abbr[data-original-title] {
  68. text-decoration: underline;
  69. text-decoration: underline dotted;
  70. cursor: help;
  71. border-bottom: 0; }
  72. address {
  73. margin-bottom: 1rem;
  74. font-style: normal;
  75. line-height: inherit; }
  76. ol,
  77. ul,
  78. dl {
  79. margin-top: 0;
  80. margin-bottom: 1rem; }
  81. ol ol,
  82. ul ul,
  83. ol ul,
  84. ul ol {
  85. margin-bottom: 0; }
  86. dt {
  87. font-weight: 700; }
  88. dd {
  89. margin-bottom: .5rem;
  90. margin-left: 0; }
  91. blockquote {
  92. margin: 0 0 1rem; }
  93. dfn {
  94. font-style: italic; }
  95. b,
  96. strong {
  97. font-weight: bolder; }
  98. small {
  99. font-size: 80%; }
  100. sub,
  101. sup {
  102. position: relative;
  103. font-size: 75%;
  104. line-height: 0;
  105. vertical-align: baseline; }
  106. sub {
  107. bottom: -.25em; }
  108. sup {
  109. top: -.5em; }
  110. a {
  111. color: #007bff;
  112. text-decoration: none;
  113. background-color: transparent;
  114. -webkit-text-decoration-skip: objects; }
  115. a:hover {
  116. color: #0056b3;
  117. text-decoration: underline; }
  118. a:not([href]):not([tabindex]) {
  119. color: inherit;
  120. text-decoration: none; }
  121. a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
  122. color: inherit;
  123. text-decoration: none; }
  124. a:not([href]):not([tabindex]):focus {
  125. outline: 0; }
  126. pre,
  127. code,
  128. kbd,
  129. samp {
  130. font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  131. font-size: 1em; }
  132. pre {
  133. margin-top: 0;
  134. margin-bottom: 1rem;
  135. overflow: auto;
  136. -ms-overflow-style: scrollbar; }
  137. figure {
  138. margin: 0 0 1rem; }
  139. img {
  140. vertical-align: middle;
  141. border-style: none; }
  142. svg:not(:root) {
  143. overflow: hidden; }
  144. table {
  145. border-collapse: collapse; }
  146. caption {
  147. padding-top: 0.75rem;
  148. padding-bottom: 0.75rem;
  149. color: #6c757d;
  150. text-align: left;
  151. caption-side: bottom; }
  152. th {
  153. text-align: inherit; }
  154. label {
  155. display: inline-block;
  156. margin-bottom: 0.5rem; }
  157. button {
  158. border-radius: 0; }
  159. button:focus {
  160. outline: 1px dotted;
  161. outline: 5px auto -webkit-focus-ring-color; }
  162. input,
  163. button,
  164. select,
  165. optgroup,
  166. textarea {
  167. margin: 0;
  168. font-family: inherit;
  169. font-size: inherit;
  170. line-height: inherit; }
  171. button,
  172. input {
  173. overflow: visible; }
  174. button,
  175. select {
  176. text-transform: none; }
  177. button,
  178. html [type="button"],
  179. [type="reset"],
  180. [type="submit"] {
  181. -webkit-appearance: button; }
  182. button::-moz-focus-inner,
  183. [type="button"]::-moz-focus-inner,
  184. [type="reset"]::-moz-focus-inner,
  185. [type="submit"]::-moz-focus-inner {
  186. padding: 0;
  187. border-style: none; }
  188. input[type="radio"],
  189. input[type="checkbox"] {
  190. box-sizing: border-box;
  191. padding: 0; }
  192. input[type="date"],
  193. input[type="time"],
  194. input[type="datetime-local"],
  195. input[type="month"] {
  196. -webkit-appearance: listbox; }
  197. textarea {
  198. overflow: auto;
  199. resize: vertical; }
  200. fieldset {
  201. min-width: 0;
  202. padding: 0;
  203. margin: 0;
  204. border: 0; }
  205. legend {
  206. display: block;
  207. width: 100%;
  208. max-width: 100%;
  209. padding: 0;
  210. margin-bottom: .5rem;
  211. font-size: 1.5rem;
  212. line-height: inherit;
  213. color: inherit;
  214. white-space: normal; }
  215. progress {
  216. vertical-align: baseline; }
  217. [type="number"]::-webkit-inner-spin-button,
  218. [type="number"]::-webkit-outer-spin-button {
  219. height: auto; }
  220. [type="search"] {
  221. outline-offset: -2px;
  222. -webkit-appearance: none; }
  223. [type="search"]::-webkit-search-cancel-button,
  224. [type="search"]::-webkit-search-decoration {
  225. -webkit-appearance: none; }
  226. ::-webkit-file-upload-button {
  227. font: inherit;
  228. -webkit-appearance: button; }
  229. output {
  230. display: inline-block; }
  231. summary {
  232. display: list-item;
  233. cursor: pointer; }
  234. template {
  235. display: none; }
  236. [hidden] {
  237. display: none !important; }
  238. code {
  239. font-size: 87.5%;
  240. color: #e83e8c;
  241. word-break: break-word; }
  242. a > code {
  243. color: inherit; }
  244. kbd {
  245. padding: 0.2rem 0.4rem;
  246. font-size: 87.5%;
  247. color: #fff;
  248. background-color: #212529;
  249. border-radius: 0.2rem; }
  250. kbd kbd {
  251. padding: 0;
  252. font-size: 100%;
  253. font-weight: 700; }
  254. pre {
  255. display: block;
  256. font-size: 87.5%;
  257. color: #212529; }
  258. pre code {
  259. font-size: inherit;
  260. color: inherit;
  261. word-break: normal; }
  262. .pre-scrollable {
  263. max-height: 340px;
  264. overflow-y: scroll; }
  265. h1, h2, h3, h4, h5, h6,
  266. .h1, .h2, .h3, .h4, .h5, .h6 {
  267. margin-bottom: 0.5rem;
  268. font-family: inherit;
  269. font-weight: 500;
  270. line-height: 1.2;
  271. color: inherit; }
  272. h1, .h1 {
  273. font-size: 2.5rem; }
  274. h2, .h2 {
  275. font-size: 2rem; }
  276. h3, .h3 {
  277. font-size: 1.75rem; }
  278. h4, .h4 {
  279. font-size: 1.5rem; }
  280. h5, .h5 {
  281. font-size: 1.25rem; }
  282. h6, .h6 {
  283. font-size: 1rem; }
  284. .lead {
  285. font-size: 1.25rem;
  286. font-weight: 300; }
  287. .display-1 {
  288. font-size: 6rem;
  289. font-weight: 300;
  290. line-height: 1.2; }
  291. .display-2 {
  292. font-size: 5.5rem;
  293. font-weight: 300;
  294. line-height: 1.2; }
  295. .display-3 {
  296. font-size: 4.5rem;
  297. font-weight: 300;
  298. line-height: 1.2; }
  299. .display-4 {
  300. font-size: 3.5rem;
  301. font-weight: 300;
  302. line-height: 1.2; }
  303. hr {
  304. margin-top: 1rem;
  305. margin-bottom: 1rem;
  306. border: 0;
  307. border-top: 1px solid rgba(0, 0, 0, 0.1); }
  308. small,
  309. .small {
  310. font-size: 80%;
  311. font-weight: 400; }
  312. mark,
  313. .mark {
  314. padding: 0.2em;
  315. background-color: #fcf8e3; }
  316. .list-unstyled {
  317. padding-left: 0;
  318. list-style: none; }
  319. .list-inline {
  320. padding-left: 0;
  321. list-style: none; }
  322. .list-inline-item {
  323. display: inline-block; }
  324. .list-inline-item:not(:last-child) {
  325. margin-right: 0.5rem; }
  326. .initialism {
  327. font-size: 90%;
  328. text-transform: uppercase; }
  329. .blockquote {
  330. margin-bottom: 1rem;
  331. font-size: 1.25rem; }
  332. .blockquote-footer {
  333. display: block;
  334. font-size: 80%;
  335. color: #6c757d; }
  336. .blockquote-footer::before {
  337. content: "\2014 \00A0"; }
  338. .container {
  339. width: 100%;
  340. padding-right: 15px;
  341. padding-left: 15px;
  342. margin-right: auto;
  343. margin-left: auto; }
  344. @media (min-width: 576px) {
  345. .container {
  346. max-width: 540px; } }
  347. @media (min-width: 768px) {
  348. .container {
  349. max-width: 720px; } }
  350. @media (min-width: 992px) {
  351. .container {
  352. max-width: 960px; } }
  353. @media (min-width: 1200px) {
  354. .container {
  355. max-width: 1140px; } }
  356. .container-fluid {
  357. width: 100%;
  358. padding-right: 15px;
  359. padding-left: 15px;
  360. margin-right: auto;
  361. margin-left: auto; }
  362. .row {
  363. display: flex;
  364. flex-wrap: wrap;
  365. margin-right: -15px;
  366. margin-left: -15px; }
  367. .no-gutters {
  368. margin-right: 0;
  369. margin-left: 0; }
  370. .no-gutters > .col,
  371. .no-gutters > [class*="col-"] {
  372. padding-right: 0;
  373. padding-left: 0; }
  374. .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,
  375. .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,
  376. .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,
  377. .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,
  378. .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,
  379. .col-xl-auto {
  380. position: relative;
  381. width: 100%;
  382. min-height: 1px;
  383. padding-right: 15px;
  384. padding-left: 15px; }
  385. .col {
  386. flex-basis: 0;
  387. flex-grow: 1;
  388. max-width: 100%; }
  389. .col-auto {
  390. flex: 0 0 auto;
  391. width: auto;
  392. max-width: none; }
  393. .col-1 {
  394. flex: 0 0 8.3333333333%;
  395. max-width: 8.3333333333%; }
  396. .col-2 {
  397. flex: 0 0 16.6666666667%;
  398. max-width: 16.6666666667%; }
  399. .col-3 {
  400. flex: 0 0 25%;
  401. max-width: 25%; }
  402. .col-4 {
  403. flex: 0 0 33.3333333333%;
  404. max-width: 33.3333333333%; }
  405. .col-5 {
  406. flex: 0 0 41.6666666667%;
  407. max-width: 41.6666666667%; }
  408. .col-6 {
  409. flex: 0 0 50%;
  410. max-width: 50%; }
  411. .col-7 {
  412. flex: 0 0 58.3333333333%;
  413. max-width: 58.3333333333%; }
  414. .col-8 {
  415. flex: 0 0 66.6666666667%;
  416. max-width: 66.6666666667%; }
  417. .col-9 {
  418. flex: 0 0 75%;
  419. max-width: 75%; }
  420. .col-10 {
  421. flex: 0 0 83.3333333333%;
  422. max-width: 83.3333333333%; }
  423. .col-11 {
  424. flex: 0 0 91.6666666667%;
  425. max-width: 91.6666666667%; }
  426. .col-12 {
  427. flex: 0 0 100%;
  428. max-width: 100%; }
  429. .order-first {
  430. order: -1; }
  431. .order-last {
  432. order: 13; }
  433. .order-0 {
  434. order: 0; }
  435. .order-1 {
  436. order: 1; }
  437. .order-2 {
  438. order: 2; }
  439. .order-3 {
  440. order: 3; }
  441. .order-4 {
  442. order: 4; }
  443. .order-5 {
  444. order: 5; }
  445. .order-6 {
  446. order: 6; }
  447. .order-7 {
  448. order: 7; }
  449. .order-8 {
  450. order: 8; }
  451. .order-9 {
  452. order: 9; }
  453. .order-10 {
  454. order: 10; }
  455. .order-11 {
  456. order: 11; }
  457. .order-12 {
  458. order: 12; }
  459. .offset-1 {
  460. margin-left: 8.3333333333%; }
  461. .offset-2 {
  462. margin-left: 16.6666666667%; }
  463. .offset-3 {
  464. margin-left: 25%; }
  465. .offset-4 {
  466. margin-left: 33.3333333333%; }
  467. .offset-5 {
  468. margin-left: 41.6666666667%; }
  469. .offset-6 {
  470. margin-left: 50%; }
  471. .offset-7 {
  472. margin-left: 58.3333333333%; }
  473. .offset-8 {
  474. margin-left: 66.6666666667%; }
  475. .offset-9 {
  476. margin-left: 75%; }
  477. .offset-10 {
  478. margin-left: 83.3333333333%; }
  479. .offset-11 {
  480. margin-left: 91.6666666667%; }
  481. @media (min-width: 576px) {
  482. .col-sm {
  483. flex-basis: 0;
  484. flex-grow: 1;
  485. max-width: 100%; }
  486. .col-sm-auto {
  487. flex: 0 0 auto;
  488. width: auto;
  489. max-width: none; }
  490. .col-sm-1 {
  491. flex: 0 0 8.3333333333%;
  492. max-width: 8.3333333333%; }
  493. .col-sm-2 {
  494. flex: 0 0 16.6666666667%;
  495. max-width: 16.6666666667%; }
  496. .col-sm-3 {
  497. flex: 0 0 25%;
  498. max-width: 25%; }
  499. .col-sm-4 {
  500. flex: 0 0 33.3333333333%;
  501. max-width: 33.3333333333%; }
  502. .col-sm-5 {
  503. flex: 0 0 41.6666666667%;
  504. max-width: 41.6666666667%; }
  505. .col-sm-6 {
  506. flex: 0 0 50%;
  507. max-width: 50%; }
  508. .col-sm-7 {
  509. flex: 0 0 58.3333333333%;
  510. max-width: 58.3333333333%; }
  511. .col-sm-8 {
  512. flex: 0 0 66.6666666667%;
  513. max-width: 66.6666666667%; }
  514. .col-sm-9 {
  515. flex: 0 0 75%;
  516. max-width: 75%; }
  517. .col-sm-10 {
  518. flex: 0 0 83.3333333333%;
  519. max-width: 83.3333333333%; }
  520. .col-sm-11 {
  521. flex: 0 0 91.6666666667%;
  522. max-width: 91.6666666667%; }
  523. .col-sm-12 {
  524. flex: 0 0 100%;
  525. max-width: 100%; }
  526. .order-sm-first {
  527. order: -1; }
  528. .order-sm-last {
  529. order: 13; }
  530. .order-sm-0 {
  531. order: 0; }
  532. .order-sm-1 {
  533. order: 1; }
  534. .order-sm-2 {
  535. order: 2; }
  536. .order-sm-3 {
  537. order: 3; }
  538. .order-sm-4 {
  539. order: 4; }
  540. .order-sm-5 {
  541. order: 5; }
  542. .order-sm-6 {
  543. order: 6; }
  544. .order-sm-7 {
  545. order: 7; }
  546. .order-sm-8 {
  547. order: 8; }
  548. .order-sm-9 {
  549. order: 9; }
  550. .order-sm-10 {
  551. order: 10; }
  552. .order-sm-11 {
  553. order: 11; }
  554. .order-sm-12 {
  555. order: 12; }
  556. .offset-sm-0 {
  557. margin-left: 0; }
  558. .offset-sm-1 {
  559. margin-left: 8.3333333333%; }
  560. .offset-sm-2 {
  561. margin-left: 16.6666666667%; }
  562. .offset-sm-3 {
  563. margin-left: 25%; }
  564. .offset-sm-4 {
  565. margin-left: 33.3333333333%; }
  566. .offset-sm-5 {
  567. margin-left: 41.6666666667%; }
  568. .offset-sm-6 {
  569. margin-left: 50%; }
  570. .offset-sm-7 {
  571. margin-left: 58.3333333333%; }
  572. .offset-sm-8 {
  573. margin-left: 66.6666666667%; }
  574. .offset-sm-9 {
  575. margin-left: 75%; }
  576. .offset-sm-10 {
  577. margin-left: 83.3333333333%; }
  578. .offset-sm-11 {
  579. margin-left: 91.6666666667%; } }
  580. @media (min-width: 768px) {
  581. .col-md {
  582. flex-basis: 0;
  583. flex-grow: 1;
  584. max-width: 100%; }
  585. .col-md-auto {
  586. flex: 0 0 auto;
  587. width: auto;
  588. max-width: none; }
  589. .col-md-1 {
  590. flex: 0 0 8.3333333333%;
  591. max-width: 8.3333333333%; }
  592. .col-md-2 {
  593. flex: 0 0 16.6666666667%;
  594. max-width: 16.6666666667%; }
  595. .col-md-3 {
  596. flex: 0 0 25%;
  597. max-width: 25%; }
  598. .col-md-4 {
  599. flex: 0 0 33.3333333333%;
  600. max-width: 33.3333333333%; }
  601. .col-md-5 {
  602. flex: 0 0 41.6666666667%;
  603. max-width: 41.6666666667%; }
  604. .col-md-6 {
  605. flex: 0 0 50%;
  606. max-width: 50%; }
  607. .col-md-7 {
  608. flex: 0 0 58.3333333333%;
  609. max-width: 58.3333333333%; }
  610. .col-md-8 {
  611. flex: 0 0 66.6666666667%;
  612. max-width: 66.6666666667%; }
  613. .col-md-9 {
  614. flex: 0 0 75%;
  615. max-width: 75%; }
  616. .col-md-10 {
  617. flex: 0 0 83.3333333333%;
  618. max-width: 83.3333333333%; }
  619. .col-md-11 {
  620. flex: 0 0 91.6666666667%;
  621. max-width: 91.6666666667%; }
  622. .col-md-12 {
  623. flex: 0 0 100%;
  624. max-width: 100%; }
  625. .order-md-first {
  626. order: -1; }
  627. .order-md-last {
  628. order: 13; }
  629. .order-md-0 {
  630. order: 0; }
  631. .order-md-1 {
  632. order: 1; }
  633. .order-md-2 {
  634. order: 2; }
  635. .order-md-3 {
  636. order: 3; }
  637. .order-md-4 {
  638. order: 4; }
  639. .order-md-5 {
  640. order: 5; }
  641. .order-md-6 {
  642. order: 6; }
  643. .order-md-7 {
  644. order: 7; }
  645. .order-md-8 {
  646. order: 8; }
  647. .order-md-9 {
  648. order: 9; }
  649. .order-md-10 {
  650. order: 10; }
  651. .order-md-11 {
  652. order: 11; }
  653. .order-md-12 {
  654. order: 12; }
  655. .offset-md-0 {
  656. margin-left: 0; }
  657. .offset-md-1 {
  658. margin-left: 8.3333333333%; }
  659. .offset-md-2 {
  660. margin-left: 16.6666666667%; }
  661. .offset-md-3 {
  662. margin-left: 25%; }
  663. .offset-md-4 {
  664. margin-left: 33.3333333333%; }
  665. .offset-md-5 {
  666. margin-left: 41.6666666667%; }
  667. .offset-md-6 {
  668. margin-left: 50%; }
  669. .offset-md-7 {
  670. margin-left: 58.3333333333%; }
  671. .offset-md-8 {
  672. margin-left: 66.6666666667%; }
  673. .offset-md-9 {
  674. margin-left: 75%; }
  675. .offset-md-10 {
  676. margin-left: 83.3333333333%; }
  677. .offset-md-11 {
  678. margin-left: 91.6666666667%; } }
  679. @media (min-width: 992px) {
  680. .col-lg {
  681. flex-basis: 0;
  682. flex-grow: 1;
  683. max-width: 100%; }
  684. .col-lg-auto {
  685. flex: 0 0 auto;
  686. width: auto;
  687. max-width: none; }
  688. .col-lg-1 {
  689. flex: 0 0 8.3333333333%;
  690. max-width: 8.3333333333%; }
  691. .col-lg-2 {
  692. flex: 0 0 16.6666666667%;
  693. max-width: 16.6666666667%; }
  694. .col-lg-3 {
  695. flex: 0 0 25%;
  696. max-width: 25%; }
  697. .col-lg-4 {
  698. flex: 0 0 33.3333333333%;
  699. max-width: 33.3333333333%; }
  700. .col-lg-5 {
  701. flex: 0 0 41.6666666667%;
  702. max-width: 41.6666666667%; }
  703. .col-lg-6 {
  704. flex: 0 0 50%;
  705. max-width: 50%; }
  706. .col-lg-7 {
  707. flex: 0 0 58.3333333333%;
  708. max-width: 58.3333333333%; }
  709. .col-lg-8 {
  710. flex: 0 0 66.6666666667%;
  711. max-width: 66.6666666667%; }
  712. .col-lg-9 {
  713. flex: 0 0 75%;
  714. max-width: 75%; }
  715. .col-lg-10 {
  716. flex: 0 0 83.3333333333%;
  717. max-width: 83.3333333333%; }
  718. .col-lg-11 {
  719. flex: 0 0 91.6666666667%;
  720. max-width: 91.6666666667%; }
  721. .col-lg-12 {
  722. flex: 0 0 100%;
  723. max-width: 100%; }
  724. .order-lg-first {
  725. order: -1; }
  726. .order-lg-last {
  727. order: 13; }
  728. .order-lg-0 {
  729. order: 0; }
  730. .order-lg-1 {
  731. order: 1; }
  732. .order-lg-2 {
  733. order: 2; }
  734. .order-lg-3 {
  735. order: 3; }
  736. .order-lg-4 {
  737. order: 4; }
  738. .order-lg-5 {
  739. order: 5; }
  740. .order-lg-6 {
  741. order: 6; }
  742. .order-lg-7 {
  743. order: 7; }
  744. .order-lg-8 {
  745. order: 8; }
  746. .order-lg-9 {
  747. order: 9; }
  748. .order-lg-10 {
  749. order: 10; }
  750. .order-lg-11 {
  751. order: 11; }
  752. .order-lg-12 {
  753. order: 12; }
  754. .offset-lg-0 {
  755. margin-left: 0; }
  756. .offset-lg-1 {
  757. margin-left: 8.3333333333%; }
  758. .offset-lg-2 {
  759. margin-left: 16.6666666667%; }
  760. .offset-lg-3 {
  761. margin-left: 25%; }
  762. .offset-lg-4 {
  763. margin-left: 33.3333333333%; }
  764. .offset-lg-5 {
  765. margin-left: 41.6666666667%; }
  766. .offset-lg-6 {
  767. margin-left: 50%; }
  768. .offset-lg-7 {
  769. margin-left: 58.3333333333%; }
  770. .offset-lg-8 {
  771. margin-left: 66.6666666667%; }
  772. .offset-lg-9 {
  773. margin-left: 75%; }
  774. .offset-lg-10 {
  775. margin-left: 83.3333333333%; }
  776. .offset-lg-11 {
  777. margin-left: 91.6666666667%; } }
  778. @media (min-width: 1200px) {
  779. .col-xl {
  780. flex-basis: 0;
  781. flex-grow: 1;
  782. max-width: 100%; }
  783. .col-xl-auto {
  784. flex: 0 0 auto;
  785. width: auto;
  786. max-width: none; }
  787. .col-xl-1 {
  788. flex: 0 0 8.3333333333%;
  789. max-width: 8.3333333333%; }
  790. .col-xl-2 {
  791. flex: 0 0 16.6666666667%;
  792. max-width: 16.6666666667%; }
  793. .col-xl-3 {
  794. flex: 0 0 25%;
  795. max-width: 25%; }
  796. .col-xl-4 {
  797. flex: 0 0 33.3333333333%;
  798. max-width: 33.3333333333%; }
  799. .col-xl-5 {
  800. flex: 0 0 41.6666666667%;
  801. max-width: 41.6666666667%; }
  802. .col-xl-6 {
  803. flex: 0 0 50%;
  804. max-width: 50%; }
  805. .col-xl-7 {
  806. flex: 0 0 58.3333333333%;
  807. max-width: 58.3333333333%; }
  808. .col-xl-8 {
  809. flex: 0 0 66.6666666667%;
  810. max-width: 66.6666666667%; }
  811. .col-xl-9 {
  812. flex: 0 0 75%;
  813. max-width: 75%; }
  814. .col-xl-10 {
  815. flex: 0 0 83.3333333333%;
  816. max-width: 83.3333333333%; }
  817. .col-xl-11 {
  818. flex: 0 0 91.6666666667%;
  819. max-width: 91.6666666667%; }
  820. .col-xl-12 {
  821. flex: 0 0 100%;
  822. max-width: 100%; }
  823. .order-xl-first {
  824. order: -1; }
  825. .order-xl-last {
  826. order: 13; }
  827. .order-xl-0 {
  828. order: 0; }
  829. .order-xl-1 {
  830. order: 1; }
  831. .order-xl-2 {
  832. order: 2; }
  833. .order-xl-3 {
  834. order: 3; }
  835. .order-xl-4 {
  836. order: 4; }
  837. .order-xl-5 {
  838. order: 5; }
  839. .order-xl-6 {
  840. order: 6; }
  841. .order-xl-7 {
  842. order: 7; }
  843. .order-xl-8 {
  844. order: 8; }
  845. .order-xl-9 {
  846. order: 9; }
  847. .order-xl-10 {
  848. order: 10; }
  849. .order-xl-11 {
  850. order: 11; }
  851. .order-xl-12 {
  852. order: 12; }
  853. .offset-xl-0 {
  854. margin-left: 0; }
  855. .offset-xl-1 {
  856. margin-left: 8.3333333333%; }
  857. .offset-xl-2 {
  858. margin-left: 16.6666666667%; }
  859. .offset-xl-3 {
  860. margin-left: 25%; }
  861. .offset-xl-4 {
  862. margin-left: 33.3333333333%; }
  863. .offset-xl-5 {
  864. margin-left: 41.6666666667%; }
  865. .offset-xl-6 {
  866. margin-left: 50%; }
  867. .offset-xl-7 {
  868. margin-left: 58.3333333333%; }
  869. .offset-xl-8 {
  870. margin-left: 66.6666666667%; }
  871. .offset-xl-9 {
  872. margin-left: 75%; }
  873. .offset-xl-10 {
  874. margin-left: 83.3333333333%; }
  875. .offset-xl-11 {
  876. margin-left: 91.6666666667%; } }
  877. .table {
  878. width: 100%;
  879. max-width: 100%;
  880. margin-bottom: 1rem;
  881. background-color: transparent; }
  882. .table th,
  883. .table td {
  884. padding: 0.75rem;
  885. vertical-align: top;
  886. border-top: 1px solid #dee2e6; }
  887. .table thead th {
  888. vertical-align: bottom;
  889. border-bottom: 2px solid #dee2e6; }
  890. .table tbody + tbody {
  891. border-top: 2px solid #dee2e6; }
  892. .table .table {
  893. background-color: #fff; }
  894. .table-sm th,
  895. .table-sm td {
  896. padding: 0.3rem; }
  897. .table-bordered {
  898. border: 1px solid #dee2e6; }
  899. .table-bordered th,
  900. .table-bordered td {
  901. border: 1px solid #dee2e6; }
  902. .table-bordered thead th,
  903. .table-bordered thead td {
  904. border-bottom-width: 2px; }
  905. .table-borderless th,
  906. .table-borderless td,
  907. .table-borderless thead th,
  908. .table-borderless tbody + tbody {
  909. border: 0; }
  910. .table-striped tbody tr:nth-of-type(odd) {
  911. background-color: rgba(0, 0, 0, 0.05); }
  912. .table-hover tbody tr:hover {
  913. background-color: rgba(0, 0, 0, 0.075); }
  914. .table-primary,
  915. .table-primary > th,
  916. .table-primary > td {
  917. background-color: #b8daff; }
  918. .table-hover .table-primary:hover {
  919. background-color: #9fcdff; }
  920. .table-hover .table-primary:hover > td,
  921. .table-hover .table-primary:hover > th {
  922. background-color: #9fcdff; }
  923. .table-secondary,
  924. .table-secondary > th,
  925. .table-secondary > td {
  926. background-color: #d6d8db; }
  927. .table-hover .table-secondary:hover {
  928. background-color: #c8cbcf; }
  929. .table-hover .table-secondary:hover > td,
  930. .table-hover .table-secondary:hover > th {
  931. background-color: #c8cbcf; }
  932. .table-success,
  933. .table-success > th,
  934. .table-success > td {
  935. background-color: #c3e6cb; }
  936. .table-hover .table-success:hover {
  937. background-color: #b1dfbb; }
  938. .table-hover .table-success:hover > td,
  939. .table-hover .table-success:hover > th {
  940. background-color: #b1dfbb; }
  941. .table-info,
  942. .table-info > th,
  943. .table-info > td {
  944. background-color: #bee5eb; }
  945. .table-hover .table-info:hover {
  946. background-color: #abdde5; }
  947. .table-hover .table-info:hover > td,
  948. .table-hover .table-info:hover > th {
  949. background-color: #abdde5; }
  950. .table-warning,
  951. .table-warning > th,
  952. .table-warning > td {
  953. background-color: #ffeeba; }
  954. .table-hover .table-warning:hover {
  955. background-color: #ffe8a1; }
  956. .table-hover .table-warning:hover > td,
  957. .table-hover .table-warning:hover > th {
  958. background-color: #ffe8a1; }
  959. .table-danger,
  960. .table-danger > th,
  961. .table-danger > td {
  962. background-color: #f5c6cb; }
  963. .table-hover .table-danger:hover {
  964. background-color: #f1b0b7; }
  965. .table-hover .table-danger:hover > td,
  966. .table-hover .table-danger:hover > th {
  967. background-color: #f1b0b7; }
  968. .table-light,
  969. .table-light > th,
  970. .table-light > td {
  971. background-color: #fdfdfe; }
  972. .table-hover .table-light:hover {
  973. background-color: #ececf6; }
  974. .table-hover .table-light:hover > td,
  975. .table-hover .table-light:hover > th {
  976. background-color: #ececf6; }
  977. .table-dark,
  978. .table-dark > th,
  979. .table-dark > td {
  980. background-color: #c6c8ca; }
  981. .table-hover .table-dark:hover {
  982. background-color: #b9bbbe; }
  983. .table-hover .table-dark:hover > td,
  984. .table-hover .table-dark:hover > th {
  985. background-color: #b9bbbe; }
  986. .table-active,
  987. .table-active > th,
  988. .table-active > td {
  989. background-color: rgba(0, 0, 0, 0.075); }
  990. .table-hover .table-active:hover {
  991. background-color: rgba(0, 0, 0, 0.075); }
  992. .table-hover .table-active:hover > td,
  993. .table-hover .table-active:hover > th {
  994. background-color: rgba(0, 0, 0, 0.075); }
  995. .table .thead-dark th {
  996. color: #fff;
  997. background-color: #212529;
  998. border-color: #32383e; }
  999. .table .thead-light th {
  1000. color: #495057;
  1001. background-color: #e9ecef;
  1002. border-color: #dee2e6; }
  1003. .table-dark {
  1004. color: #fff;
  1005. background-color: #212529; }
  1006. .table-dark th,
  1007. .table-dark td,
  1008. .table-dark thead th {
  1009. border-color: #32383e; }
  1010. .table-dark.table-bordered {
  1011. border: 0; }
  1012. .table-dark.table-striped tbody tr:nth-of-type(odd) {
  1013. background-color: rgba(255, 255, 255, 0.05); }
  1014. .table-dark.table-hover tbody tr:hover {
  1015. background-color: rgba(255, 255, 255, 0.075); }
  1016. @media (max-width: 575.98px) {
  1017. .table-responsive-sm {
  1018. display: block;
  1019. width: 100%;
  1020. overflow-x: auto;
  1021. -webkit-overflow-scrolling: touch;
  1022. -ms-overflow-style: -ms-autohiding-scrollbar; }
  1023. .table-responsive-sm > .table-bordered {
  1024. border: 0; } }
  1025. @media (max-width: 767.98px) {
  1026. .table-responsive-md {
  1027. display: block;
  1028. width: 100%;
  1029. overflow-x: auto;
  1030. -webkit-overflow-scrolling: touch;
  1031. -ms-overflow-style: -ms-autohiding-scrollbar; }
  1032. .table-responsive-md > .table-bordered {
  1033. border: 0; } }
  1034. @media (max-width: 991.98px) {
  1035. .table-responsive-lg {
  1036. display: block;
  1037. width: 100%;
  1038. overflow-x: auto;
  1039. -webkit-overflow-scrolling: touch;
  1040. -ms-overflow-style: -ms-autohiding-scrollbar; }
  1041. .table-responsive-lg > .table-bordered {
  1042. border: 0; } }
  1043. @media (max-width: 1199.98px) {
  1044. .table-responsive-xl {
  1045. display: block;
  1046. width: 100%;
  1047. overflow-x: auto;
  1048. -webkit-overflow-scrolling: touch;
  1049. -ms-overflow-style: -ms-autohiding-scrollbar; }
  1050. .table-responsive-xl > .table-bordered {
  1051. border: 0; } }
  1052. .table-responsive {
  1053. display: block;
  1054. width: 100%;
  1055. overflow-x: auto;
  1056. -webkit-overflow-scrolling: touch;
  1057. -ms-overflow-style: -ms-autohiding-scrollbar; }
  1058. .table-responsive > .table-bordered {
  1059. border: 0; }
  1060. .form-control {
  1061. display: block;
  1062. width: 100%;
  1063. padding: 0.375rem 0.75rem;
  1064. font-size: 1rem;
  1065. line-height: 1.5;
  1066. color: #495057;
  1067. background-color: #fff;
  1068. background-clip: padding-box;
  1069. border: 1px solid #ced4da;
  1070. border-radius: 0.25rem;
  1071. transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
  1072. @media screen and (prefers-reduced-motion: reduce) {
  1073. .form-control {
  1074. transition: none; } }
  1075. .form-control::-ms-expand {
  1076. background-color: transparent;
  1077. border: 0; }
  1078. .form-control:focus {
  1079. color: #495057;
  1080. background-color: #fff;
  1081. border-color: #80bdff;
  1082. outline: 0;
  1083. box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
  1084. .form-control::placeholder {
  1085. color: #6c757d;
  1086. opacity: 1; }
  1087. .form-control:disabled, .form-control[readonly] {
  1088. background-color: #e9ecef;
  1089. opacity: 1; }
  1090. select.form-control:not([size]):not([multiple]) {
  1091. height: calc(2.25rem + 2px); }
  1092. select.form-control:focus::-ms-value {
  1093. color: #495057;
  1094. background-color: #fff; }
  1095. .form-control-file,
  1096. .form-control-range {
  1097. display: block;
  1098. width: 100%; }
  1099. .col-form-label {
  1100. padding-top: calc(0.375rem + 1px);
  1101. padding-bottom: calc(0.375rem + 1px);
  1102. margin-bottom: 0;
  1103. font-size: inherit;
  1104. line-height: 1.5; }
  1105. .col-form-label-lg {
  1106. padding-top: calc(0.5rem + 1px);
  1107. padding-bottom: calc(0.5rem + 1px);
  1108. font-size: 1.25rem;
  1109. line-height: 1.5; }
  1110. .col-form-label-sm {
  1111. padding-top: calc(0.25rem + 1px);
  1112. padding-bottom: calc(0.25rem + 1px);
  1113. font-size: 0.875rem;
  1114. line-height: 1.5; }
  1115. .form-control-plaintext {
  1116. display: block;
  1117. width: 100%;
  1118. padding-top: 0.375rem;
  1119. padding-bottom: 0.375rem;
  1120. margin-bottom: 0;
  1121. line-height: 1.5;
  1122. color: #212529;
  1123. background-color: transparent;
  1124. border: solid transparent;
  1125. border-width: 1px 0; }
  1126. .form-control-plaintext.form-control-sm, .input-group-sm > .form-control-plaintext.form-control,
  1127. .input-group-sm > .input-group-prepend > .form-control-plaintext.input-group-text,
  1128. .input-group-sm > .input-group-append > .form-control-plaintext.input-group-text,
  1129. .input-group-sm > .input-group-prepend > .form-control-plaintext.btn,
  1130. .input-group-sm > .input-group-append > .form-control-plaintext.btn, .form-control-plaintext.form-control-lg, .input-group-lg > .form-control-plaintext.form-control,
  1131. .input-group-lg > .input-group-prepend > .form-control-plaintext.input-group-text,
  1132. .input-group-lg > .input-group-append > .form-control-plaintext.input-group-text,
  1133. .input-group-lg > .input-group-prepend > .form-control-plaintext.btn,
  1134. .input-group-lg > .input-group-append > .form-control-plaintext.btn {
  1135. padding-right: 0;
  1136. padding-left: 0; }
  1137. .form-control-sm, .input-group-sm > .form-control,
  1138. .input-group-sm > .input-group-prepend > .input-group-text,
  1139. .input-group-sm > .input-group-append > .input-group-text,
  1140. .input-group-sm > .input-group-prepend > .btn,
  1141. .input-group-sm > .input-group-append > .btn {
  1142. padding: 0.25rem 0.5rem;
  1143. font-size: 0.875rem;
  1144. line-height: 1.5;
  1145. border-radius: 0.2rem; }
  1146. select.form-control-sm:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]),
  1147. .input-group-sm > .input-group-prepend > select.input-group-text:not([size]):not([multiple]),
  1148. .input-group-sm > .input-group-append > select.input-group-text:not([size]):not([multiple]),
  1149. .input-group-sm > .input-group-prepend > select.btn:not([size]):not([multiple]),
  1150. .input-group-sm > .input-group-append > select.btn:not([size]):not([multiple]) {
  1151. height: calc(1.8125rem + 2px); }
  1152. .form-control-lg, .input-group-lg > .form-control,
  1153. .input-group-lg > .input-group-prepend > .input-group-text,
  1154. .input-group-lg > .input-group-append > .input-group-text,
  1155. .input-group-lg > .input-group-prepend > .btn,
  1156. .input-group-lg > .input-group-append > .btn {
  1157. padding: 0.5rem 1rem;
  1158. font-size: 1.25rem;
  1159. line-height: 1.5;
  1160. border-radius: 0.3rem; }
  1161. select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.form-control:not([size]):not([multiple]),
  1162. .input-group-lg > .input-group-prepend > select.input-group-text:not([size]):not([multiple]),
  1163. .input-group-lg > .input-group-append > select.input-group-text:not([size]):not([multiple]),
  1164. .input-group-lg > .input-group-prepend > select.btn:not([size]):not([multiple]),
  1165. .input-group-lg > .input-group-append > select.btn:not([size]):not([multiple]) {
  1166. height: calc(2.875rem + 2px); }
  1167. .form-group {
  1168. margin-bottom: 1rem; }
  1169. .form-text {
  1170. display: block;
  1171. margin-top: 0.25rem; }
  1172. .form-row {
  1173. display: flex;
  1174. flex-wrap: wrap;
  1175. margin-right: -5px;
  1176. margin-left: -5px; }
  1177. .form-row > .col,
  1178. .form-row > [class*="col-"] {
  1179. padding-right: 5px;
  1180. padding-left: 5px; }
  1181. .form-check {
  1182. position: relative;
  1183. display: block;
  1184. padding-left: 1.25rem; }
  1185. .form-check-input {
  1186. position: absolute;
  1187. margin-top: 0.3rem;
  1188. margin-left: -1.25rem; }
  1189. .form-check-input:disabled ~ .form-check-label {
  1190. color: #6c757d; }
  1191. .form-check-label {
  1192. margin-bottom: 0; }
  1193. .form-check-inline {
  1194. display: inline-flex;
  1195. align-items: center;
  1196. padding-left: 0;
  1197. margin-right: 0.75rem; }
  1198. .form-check-inline .form-check-input {
  1199. position: static;
  1200. margin-top: 0;
  1201. margin-right: 0.3125rem;
  1202. margin-left: 0; }
  1203. .valid-feedback {
  1204. display: none;
  1205. width: 100%;
  1206. margin-top: 0.25rem;
  1207. font-size: 80%;
  1208. color: #28a745; }
  1209. .valid-tooltip {
  1210. position: absolute;
  1211. top: 100%;
  1212. z-index: 5;
  1213. display: none;
  1214. max-width: 100%;
  1215. padding: .5rem;
  1216. margin-top: .1rem;
  1217. font-size: .875rem;
  1218. line-height: 1;
  1219. color: #fff;
  1220. background-color: rgba(40, 167, 69, 0.8);
  1221. border-radius: .2rem; }
  1222. .was-validated .form-control:valid, .form-control.is-valid, .was-validated
  1223. .custom-select:valid,
  1224. .custom-select.is-valid {
  1225. border-color: #28a745; }
  1226. .was-validated .form-control:valid:focus, .form-control.is-valid:focus, .was-validated
  1227. .custom-select:valid:focus,
  1228. .custom-select.is-valid:focus {
  1229. border-color: #28a745;
  1230. box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); }
  1231. .was-validated .form-control:valid ~ .valid-feedback,
  1232. .was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback,
  1233. .form-control.is-valid ~ .valid-tooltip, .was-validated
  1234. .custom-select:valid ~ .valid-feedback,
  1235. .was-validated
  1236. .custom-select:valid ~ .valid-tooltip,
  1237. .custom-select.is-valid ~ .valid-feedback,
  1238. .custom-select.is-valid ~ .valid-tooltip {
  1239. display: block; }
  1240. .was-validated .form-control-file:valid ~ .valid-feedback,
  1241. .was-validated .form-control-file:valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback,
  1242. .form-control-file.is-valid ~ .valid-tooltip {
  1243. display: block; }
  1244. .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  1245. color: #28a745; }
  1246. .was-validated .form-check-input:valid ~ .valid-feedback,
  1247. .was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,
  1248. .form-check-input.is-valid ~ .valid-tooltip {
  1249. display: block; }
  1250. .was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
  1251. color: #28a745; }
  1252. .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
  1253. background-color: #71dd8a; }
  1254. .was-validated .custom-control-input:valid ~ .valid-feedback,
  1255. .was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback,
  1256. .custom-control-input.is-valid ~ .valid-tooltip {
  1257. display: block; }
  1258. .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
  1259. background-color: #34ce57; }
  1260. .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
  1261. box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(40, 167, 69, 0.25); }
  1262. .was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
  1263. border-color: #28a745; }
  1264. .was-validated .custom-file-input:valid ~ .custom-file-label::before, .custom-file-input.is-valid ~ .custom-file-label::before {
  1265. border-color: inherit; }
  1266. .was-validated .custom-file-input:valid ~ .valid-feedback,
  1267. .was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback,
  1268. .custom-file-input.is-valid ~ .valid-tooltip {
  1269. display: block; }
  1270. .was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
  1271. box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); }
  1272. .invalid-feedback {
  1273. display: none;
  1274. width: 100%;
  1275. margin-top: 0.25rem;
  1276. font-size: 80%;
  1277. color: #dc3545; }
  1278. .invalid-tooltip {
  1279. position: absolute;
  1280. top: 100%;
  1281. z-index: 5;
  1282. display: none;
  1283. max-width: 100%;
  1284. padding: .5rem;
  1285. margin-top: .1rem;
  1286. font-size: .875rem;
  1287. line-height: 1;
  1288. color: #fff;
  1289. background-color: rgba(220, 53, 69, 0.8);
  1290. border-radius: .2rem; }
  1291. .was-validated .form-control:invalid, .form-control.is-invalid, .was-validated
  1292. .custom-select:invalid,
  1293. .custom-select.is-invalid {
  1294. border-color: #dc3545; }
  1295. .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus, .was-validated
  1296. .custom-select:invalid:focus,
  1297. .custom-select.is-invalid:focus {
  1298. border-color: #dc3545;
  1299. box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); }
  1300. .was-validated .form-control:invalid ~ .invalid-feedback,
  1301. .was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback,
  1302. .form-control.is-invalid ~ .invalid-tooltip, .was-validated
  1303. .custom-select:invalid ~ .invalid-feedback,
  1304. .was-validated
  1305. .custom-select:invalid ~ .invalid-tooltip,
  1306. .custom-select.is-invalid ~ .invalid-feedback,
  1307. .custom-select.is-invalid ~ .invalid-tooltip {
  1308. display: block; }
  1309. .was-validated .form-control-file:invalid ~ .invalid-feedback,
  1310. .was-validated .form-control-file:invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback,
  1311. .form-control-file.is-invalid ~ .invalid-tooltip {
  1312. display: block; }
  1313. .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  1314. color: #dc3545; }
  1315. .was-validated .form-check-input:invalid ~ .invalid-feedback,
  1316. .was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback,
  1317. .form-check-input.is-invalid ~ .invalid-tooltip {
  1318. display: block; }
  1319. .was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
  1320. color: #dc3545; }
  1321. .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
  1322. background-color: #efa2a9; }
  1323. .was-validated .custom-control-input:invalid ~ .invalid-feedback,
  1324. .was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback,
  1325. .custom-control-input.is-invalid ~ .invalid-tooltip {
  1326. display: block; }
  1327. .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
  1328. background-color: #e4606d; }
  1329. .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
  1330. box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(220, 53, 69, 0.25); }
  1331. .was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
  1332. border-color: #dc3545; }
  1333. .was-validated .custom-file-input:invalid ~ .custom-file-label::before, .custom-file-input.is-invalid ~ .custom-file-label::before {
  1334. border-color: inherit; }
  1335. .was-validated .custom-file-input:invalid ~ .invalid-feedback,
  1336. .was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback,
  1337. .custom-file-input.is-invalid ~ .invalid-tooltip {
  1338. display: block; }
  1339. .was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
  1340. box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); }
  1341. .form-inline {
  1342. display: flex;
  1343. flex-flow: row wrap;
  1344. align-items: center; }
  1345. .form-inline .form-check {
  1346. width: 100%; }
  1347. @media (min-width: 576px) {
  1348. .form-inline label {
  1349. display: flex;
  1350. align-items: center;
  1351. justify-content: center;
  1352. margin-bottom: 0; }
  1353. .form-inline .form-group {
  1354. display: flex;
  1355. flex: 0 0 auto;
  1356. flex-flow: row wrap;
  1357. align-items: center;
  1358. margin-bottom: 0; }
  1359. .form-inline .form-control {
  1360. display: inline-block;
  1361. width: auto;
  1362. vertical-align: middle; }
  1363. .form-inline .form-control-plaintext {
  1364. display: inline-block; }
  1365. .form-inline .input-group,
  1366. .form-inline .custom-select {
  1367. width: auto; }
  1368. .form-inline .form-check {
  1369. display: flex;
  1370. align-items: center;
  1371. justify-content: center;
  1372. width: auto;
  1373. padding-left: 0; }
  1374. .form-inline .form-check-input {
  1375. position: relative;
  1376. margin-top: 0;
  1377. margin-right: 0.25rem;
  1378. margin-left: 0; }
  1379. .form-inline .custom-control {
  1380. align-items: center;
  1381. justify-content: center; }
  1382. .form-inline .custom-control-label {
  1383. margin-bottom: 0; } }
  1384. .btn {
  1385. display: inline-block;
  1386. font-weight: 400;
  1387. text-align: center;
  1388. white-space: nowrap;
  1389. vertical-align: middle;
  1390. user-select: none;
  1391. border: 1px solid transparent;
  1392. padding: 0.375rem 0.75rem;
  1393. font-size: 1rem;
  1394. line-height: 1.5;
  1395. border-radius: 0.25rem;
  1396. 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; }
  1397. @media screen and (prefers-reduced-motion: reduce) {
  1398. .btn {
  1399. transition: none; } }
  1400. .btn:hover, .btn:focus {
  1401. text-decoration: none; }
  1402. .btn:focus, .btn.focus {
  1403. outline: 0;
  1404. box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
  1405. .btn.disabled, .btn:disabled {
  1406. opacity: 0.65; }
  1407. .btn:not(:disabled):not(.disabled) {
  1408. cursor: pointer; }
  1409. .btn:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active {
  1410. background-image: none; }
  1411. a.btn.disabled,
  1412. fieldset:disabled a.btn {
  1413. pointer-events: none; }
  1414. .btn-primary {
  1415. color: #fff;
  1416. background-color: #007bff;
  1417. border-color: #007bff; }
  1418. .btn-primary:hover {
  1419. color: #fff;
  1420. background-color: #0069d9;
  1421. border-color: #0062cc; }
  1422. .btn-primary:focus, .btn-primary.focus {
  1423. box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); }
  1424. .btn-primary.disabled, .btn-primary:disabled {
  1425. color: #fff;
  1426. background-color: #007bff;
  1427. border-color: #007bff; }
  1428. .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
  1429. .show > .btn-primary.dropdown-toggle {
  1430. color: #fff;
  1431. background-color: #0062cc;
  1432. border-color: #005cbf; }
  1433. .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
  1434. .show > .btn-primary.dropdown-toggle:focus {
  1435. box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); }
  1436. .btn-secondary {
  1437. color: #fff;
  1438. background-color: #6c757d;
  1439. border-color: #6c757d; }
  1440. .btn-secondary:hover {
  1441. color: #fff;
  1442. background-color: #5a6268;
  1443. border-color: #545b62; }
  1444. .btn-secondary:focus, .btn-secondary.focus {
  1445. box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); }
  1446. .btn-secondary.disabled, .btn-secondary:disabled {
  1447. color: #fff;
  1448. background-color: #6c757d;
  1449. border-color: #6c757d; }
  1450. .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
  1451. .show > .btn-secondary.dropdown-toggle {
  1452. color: #fff;
  1453. background-color: #545b62;
  1454. border-color: #4e555b; }
  1455. .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
  1456. .show > .btn-secondary.dropdown-toggle:focus {
  1457. box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); }
  1458. .btn-success {
  1459. color: #fff;
  1460. background-color: #28a745;
  1461. border-color: #28a745; }
  1462. .btn-success:hover {
  1463. color: #fff;
  1464. background-color: #218838;
  1465. border-color: #1e7e34; }
  1466. .btn-success:focus, .btn-success.focus {
  1467. box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); }
  1468. .btn-success.disabled, .btn-success:disabled {
  1469. color: #fff;
  1470. background-color: #28a745;
  1471. border-color: #28a745; }
  1472. .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
  1473. .show > .btn-success.dropdown-toggle {
  1474. color: #fff;
  1475. background-color: #1e7e34;
  1476. border-color: #1c7430; }
  1477. .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
  1478. .show > .btn-success.dropdown-toggle:focus {
  1479. box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); }
  1480. .btn-info {
  1481. color: #fff;
  1482. background-color: #17a2b8;
  1483. border-color: #17a2b8; }
  1484. .btn-info:hover {
  1485. color: #fff;
  1486. background-color: #138496;
  1487. border-color: #117a8b; }
  1488. .btn-info:focus, .btn-info.focus {
  1489. box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); }
  1490. .btn-info.disabled, .btn-info:disabled {
  1491. color: #fff;
  1492. background-color: #17a2b8;
  1493. border-color: #17a2b8; }
  1494. .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
  1495. .show > .btn-info.dropdown-toggle {
  1496. color: #fff;
  1497. background-color: #117a8b;
  1498. border-color: #10707f; }
  1499. .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
  1500. .show > .btn-info.dropdown-toggle:focus {
  1501. box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); }
  1502. .btn-warning {
  1503. color: #212529;
  1504. background-color: #ffc107;
  1505. border-color: #ffc107; }
  1506. .btn-warning:hover {
  1507. color: #212529;
  1508. background-color: #e0a800;
  1509. border-color: #d39e00; }
  1510. .btn-warning:focus, .btn-warning.focus {
  1511. box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); }
  1512. .btn-warning.disabled, .btn-warning:disabled {
  1513. color: #212529;
  1514. background-color: #ffc107;
  1515. border-color: #ffc107; }
  1516. .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,
  1517. .show > .btn-warning.dropdown-toggle {
  1518. color: #212529;
  1519. background-color: #d39e00;
  1520. border-color: #c69500; }
  1521. .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,
  1522. .show > .btn-warning.dropdown-toggle:focus {
  1523. box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); }
  1524. .btn-danger {
  1525. color: #fff;
  1526. background-color: #dc3545;
  1527. border-color: #dc3545; }
  1528. .btn-danger:hover {
  1529. color: #fff;
  1530. background-color: #c82333;
  1531. border-color: #bd2130; }
  1532. .btn-danger:focus, .btn-danger.focus {
  1533. box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); }
  1534. .btn-danger.disabled, .btn-danger:disabled {
  1535. color: #fff;
  1536. background-color: #dc3545;
  1537. border-color: #dc3545; }
  1538. .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
  1539. .show > .btn-danger.dropdown-toggle {
  1540. color: #fff;
  1541. background-color: #bd2130;
  1542. border-color: #b21f2d; }
  1543. .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
  1544. .show > .btn-danger.dropdown-toggle:focus {
  1545. box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); }
  1546. .btn-light {
  1547. color: #212529;
  1548. background-color: #f8f9fa;
  1549. border-color: #f8f9fa; }
  1550. .btn-light:hover {
  1551. color: #212529;
  1552. background-color: #e2e6ea;
  1553. border-color: #dae0e5; }
  1554. .btn-light:focus, .btn-light.focus {
  1555. box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); }
  1556. .btn-light.disabled, .btn-light:disabled {
  1557. color: #212529;
  1558. background-color: #f8f9fa;
  1559. border-color: #f8f9fa; }
  1560. .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,
  1561. .show > .btn-light.dropdown-toggle {
  1562. color: #212529;
  1563. background-color: #dae0e5;
  1564. border-color: #d3d9df; }
  1565. .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,
  1566. .show > .btn-light.dropdown-toggle:focus {
  1567. box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); }
  1568. .btn-dark {
  1569. color: #fff;
  1570. background-color: #343a40;
  1571. border-color: #343a40; }
  1572. .btn-dark:hover {
  1573. color: #fff;
  1574. background-color: #23272b;
  1575. border-color: #1d2124; }
  1576. .btn-dark:focus, .btn-dark.focus {
  1577. box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); }
  1578. .btn-dark.disabled, .btn-dark:disabled {
  1579. color: #fff;
  1580. background-color: #343a40;
  1581. border-color: #343a40; }
  1582. .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,
  1583. .show > .btn-dark.dropdown-toggle {
  1584. color: #fff;
  1585. background-color: #1d2124;
  1586. border-color: #171a1d; }
  1587. .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,
  1588. .show > .btn-dark.dropdown-toggle:focus {
  1589. box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); }
  1590. .btn-outline-primary {
  1591. color: #007bff;
  1592. background-color: transparent;
  1593. background-image: none;
  1594. border-color: #007bff; }
  1595. .btn-outline-primary:hover {
  1596. color: #fff;
  1597. background-color: #007bff;
  1598. border-color: #007bff; }
  1599. .btn-outline-primary:focus, .btn-outline-primary.focus {
  1600. box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); }
  1601. .btn-outline-primary.disabled, .btn-outline-primary:disabled {
  1602. color: #007bff;
  1603. background-color: transparent; }
  1604. .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
  1605. .show > .btn-outline-primary.dropdown-toggle {
  1606. color: #fff;
  1607. background-color: #007bff;
  1608. border-color: #007bff; }
  1609. .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
  1610. .show > .btn-outline-primary.dropdown-toggle:focus {
  1611. box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); }
  1612. .btn-outline-secondary {
  1613. color: #6c757d;
  1614. background-color: transparent;
  1615. background-image: none;
  1616. border-color: #6c757d; }
  1617. .btn-outline-secondary:hover {
  1618. color: #fff;
  1619. background-color: #6c757d;
  1620. border-color: #6c757d; }
  1621. .btn-outline-secondary:focus, .btn-outline-secondary.focus {
  1622. box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); }
  1623. .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
  1624. color: #6c757d;
  1625. background-color: transparent; }
  1626. .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
  1627. .show > .btn-outline-secondary.dropdown-toggle {
  1628. color: #fff;
  1629. background-color: #6c757d;
  1630. border-color: #6c757d; }
  1631. .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
  1632. .show > .btn-outline-secondary.dropdown-toggle:focus {
  1633. box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); }
  1634. .btn-outline-success {
  1635. color: #28a745;
  1636. background-color: transparent;
  1637. background-image: none;
  1638. border-color: #28a745; }
  1639. .btn-outline-success:hover {
  1640. color: #fff;
  1641. background-color: #28a745;
  1642. border-color: #28a745; }
  1643. .btn-outline-success:focus, .btn-outline-success.focus {
  1644. box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); }
  1645. .btn-outline-success.disabled, .btn-outline-success:disabled {
  1646. color: #28a745;
  1647. background-color: transparent; }
  1648. .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,
  1649. .show > .btn-outline-success.dropdown-toggle {
  1650. color: #fff;
  1651. background-color: #28a745;
  1652. border-color: #28a745; }
  1653. .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,
  1654. .show > .btn-outline-success.dropdown-toggle:focus {
  1655. box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); }
  1656. .btn-outline-info {
  1657. color: #17a2b8;
  1658. background-color: transparent;
  1659. background-image: none;
  1660. border-color: #17a2b8; }
  1661. .btn-outline-info:hover {
  1662. color: #fff;
  1663. background-color: #17a2b8;
  1664. border-color: #17a2b8; }
  1665. .btn-outline-info:focus, .btn-outline-info.focus {
  1666. box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); }
  1667. .btn-outline-info.disabled, .btn-outline-info:disabled {
  1668. color: #17a2b8;
  1669. background-color: transparent; }
  1670. .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,
  1671. .show > .btn-outline-info.dropdown-toggle {
  1672. color: #fff;
  1673. background-color: #17a2b8;
  1674. border-color: #17a2b8; }
  1675. .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,
  1676. .show > .btn-outline-info.dropdown-toggle:focus {
  1677. box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); }
  1678. .btn-outline-warning {
  1679. color: #ffc107;
  1680. background-color: transparent;
  1681. background-image: none;
  1682. border-color: #ffc107; }
  1683. .btn-outline-warning:hover {
  1684. color: #212529;
  1685. background-color: #ffc107;
  1686. border-color: #ffc107; }
  1687. .btn-outline-warning:focus, .btn-outline-warning.focus {
  1688. box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); }
  1689. .btn-outline-warning.disabled, .btn-outline-warning:disabled {
  1690. color: #ffc107;
  1691. background-color: transparent; }
  1692. .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,
  1693. .show > .btn-outline-warning.dropdown-toggle {
  1694. color: #212529;
  1695. background-color: #ffc107;
  1696. border-color: #ffc107; }
  1697. .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
  1698. .show > .btn-outline-warning.dropdown-toggle:focus {
  1699. box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); }
  1700. .btn-outline-danger {
  1701. color: #dc3545;
  1702. background-color: transparent;
  1703. background-image: none;
  1704. border-color: #dc3545; }
  1705. .btn-outline-danger:hover {
  1706. color: #fff;
  1707. background-color: #dc3545;
  1708. border-color: #dc3545; }
  1709. .btn-outline-danger:focus, .btn-outline-danger.focus {
  1710. box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); }
  1711. .btn-outline-danger.disabled, .btn-outline-danger:disabled {
  1712. color: #dc3545;
  1713. background-color: transparent; }
  1714. .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,
  1715. .show > .btn-outline-danger.dropdown-toggle {
  1716. color: #fff;
  1717. background-color: #dc3545;
  1718. border-color: #dc3545; }
  1719. .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
  1720. .show > .btn-outline-danger.dropdown-toggle:focus {
  1721. box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); }
  1722. .btn-outline-light {
  1723. color: #f8f9fa;
  1724. background-color: transparent;
  1725. background-image: none;
  1726. border-color: #f8f9fa; }
  1727. .btn-outline-light:hover {
  1728. color: #212529;
  1729. background-color: #f8f9fa;
  1730. border-color: #f8f9fa; }
  1731. .btn-outline-light:focus, .btn-outline-light.focus {
  1732. box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); }
  1733. .btn-outline-light.disabled, .btn-outline-light:disabled {
  1734. color: #f8f9fa;
  1735. background-color: transparent; }
  1736. .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active,
  1737. .show > .btn-outline-light.dropdown-toggle {
  1738. color: #212529;
  1739. background-color: #f8f9fa;
  1740. border-color: #f8f9fa; }
  1741. .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,
  1742. .show > .btn-outline-light.dropdown-toggle:focus {
  1743. box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); }
  1744. .btn-outline-dark {
  1745. color: #343a40;
  1746. background-color: transparent;
  1747. background-image: none;
  1748. border-color: #343a40; }
  1749. .btn-outline-dark:hover {
  1750. color: #fff;
  1751. background-color: #343a40;
  1752. border-color: #343a40; }
  1753. .btn-outline-dark:focus, .btn-outline-dark.focus {
  1754. box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); }
  1755. .btn-outline-dark.disabled, .btn-outline-dark:disabled {
  1756. color: #343a40;
  1757. background-color: transparent; }
  1758. .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active,
  1759. .show > .btn-outline-dark.dropdown-toggle {
  1760. color: #fff;
  1761. background-color: #343a40;
  1762. border-color: #343a40; }
  1763. .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
  1764. .show > .btn-outline-dark.dropdown-toggle:focus {
  1765. box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); }
  1766. .btn-link {
  1767. font-weight: 400;
  1768. color: #007bff;
  1769. background-color: transparent; }
  1770. .btn-link:hover {
  1771. color: #0056b3;
  1772. text-decoration: underline;
  1773. background-color: transparent;
  1774. border-color: transparent; }
  1775. .btn-link:focus, .btn-link.focus {
  1776. text-decoration: underline;
  1777. border-color: transparent;
  1778. box-shadow: none; }
  1779. .btn-link:disabled, .btn-link.disabled {
  1780. color: #6c757d;
  1781. pointer-events: none; }
  1782. .btn-lg, .btn-group-lg > .btn {
  1783. padding: 0.5rem 1rem;
  1784. font-size: 1.25rem;
  1785. line-height: 1.5;
  1786. border-radius: 0.3rem; }
  1787. .btn-sm, .btn-group-sm > .btn {
  1788. padding: 0.25rem 0.5rem;
  1789. font-size: 0.875rem;
  1790. line-height: 1.5;
  1791. border-radius: 0.2rem; }
  1792. .btn-block {
  1793. display: block;
  1794. width: 100%; }
  1795. .btn-block + .btn-block {
  1796. margin-top: 0.5rem; }
  1797. input[type="submit"].btn-block,
  1798. input[type="reset"].btn-block,
  1799. input[type="button"].btn-block {
  1800. width: 100%; }
  1801. .fade {
  1802. transition: opacity 0.15s linear; }
  1803. @media screen and (prefers-reduced-motion: reduce) {
  1804. .fade {
  1805. transition: none; } }
  1806. .fade:not(.show) {
  1807. opacity: 0; }
  1808. .collapse:not(.show) {
  1809. display: none; }
  1810. .collapsing {
  1811. position: relative;
  1812. height: 0;
  1813. overflow: hidden;
  1814. transition: height 0.35s ease; }
  1815. @media screen and (prefers-reduced-motion: reduce) {
  1816. .collapsing {
  1817. transition: none; } }
  1818. .dropup,
  1819. .dropright,
  1820. .dropdown,
  1821. .dropleft {
  1822. position: relative; }
  1823. .dropdown-toggle::after {
  1824. display: inline-block;
  1825. width: 0;
  1826. height: 0;
  1827. margin-left: 0.255em;
  1828. vertical-align: 0.255em;
  1829. content: "";
  1830. border-top: 0.3em solid;
  1831. border-right: 0.3em solid transparent;
  1832. border-bottom: 0;
  1833. border-left: 0.3em solid transparent; }
  1834. .dropdown-toggle:empty::after {
  1835. margin-left: 0; }
  1836. .dropdown-menu {
  1837. position: absolute;
  1838. top: 100%;
  1839. left: 0;
  1840. z-index: 1000;
  1841. display: none;
  1842. float: left;
  1843. min-width: 10rem;
  1844. padding: 0.5rem 0;
  1845. margin: 0.125rem 0 0;
  1846. font-size: 1rem;
  1847. color: #212529;
  1848. text-align: left;
  1849. list-style: none;
  1850. background-color: #fff;
  1851. background-clip: padding-box;
  1852. border: 1px solid rgba(0, 0, 0, 0.15);
  1853. border-radius: 0.25rem; }
  1854. .dropdown-menu-right {
  1855. right: 0;
  1856. left: auto; }
  1857. .dropup .dropdown-menu {
  1858. top: auto;
  1859. bottom: 100%;
  1860. margin-top: 0;
  1861. margin-bottom: 0.125rem; }
  1862. .dropup .dropdown-toggle::after {
  1863. display: inline-block;
  1864. width: 0;
  1865. height: 0;
  1866. margin-left: 0.255em;
  1867. vertical-align: 0.255em;
  1868. content: "";
  1869. border-top: 0;
  1870. border-right: 0.3em solid transparent;
  1871. border-bottom: 0.3em solid;
  1872. border-left: 0.3em solid transparent; }
  1873. .dropup .dropdown-toggle:empty::after {
  1874. margin-left: 0; }
  1875. .dropright .dropdown-menu {
  1876. top: 0;
  1877. right: auto;
  1878. left: 100%;
  1879. margin-top: 0;
  1880. margin-left: 0.125rem; }
  1881. .dropright .dropdown-toggle::after {
  1882. display: inline-block;
  1883. width: 0;
  1884. height: 0;
  1885. margin-left: 0.255em;
  1886. vertical-align: 0.255em;
  1887. content: "";
  1888. border-top: 0.3em solid transparent;
  1889. border-right: 0;
  1890. border-bottom: 0.3em solid transparent;
  1891. border-left: 0.3em solid; }
  1892. .dropright .dropdown-toggle:empty::after {
  1893. margin-left: 0; }
  1894. .dropright .dropdown-toggle::after {
  1895. vertical-align: 0; }
  1896. .dropleft .dropdown-menu {
  1897. top: 0;
  1898. right: 100%;
  1899. left: auto;
  1900. margin-top: 0;
  1901. margin-right: 0.125rem; }
  1902. .dropleft .dropdown-toggle::after {
  1903. display: inline-block;
  1904. width: 0;
  1905. height: 0;
  1906. margin-left: 0.255em;
  1907. vertical-align: 0.255em;
  1908. content: ""; }
  1909. .dropleft .dropdown-toggle::after {
  1910. display: none; }
  1911. .dropleft .dropdown-toggle::before {
  1912. display: inline-block;
  1913. width: 0;
  1914. height: 0;
  1915. margin-right: 0.255em;
  1916. vertical-align: 0.255em;
  1917. content: "";
  1918. border-top: 0.3em solid transparent;
  1919. border-right: 0.3em solid;
  1920. border-bottom: 0.3em solid transparent; }
  1921. .dropleft .dropdown-toggle:empty::after {
  1922. margin-left: 0; }
  1923. .dropleft .dropdown-toggle::before {
  1924. vertical-align: 0; }
  1925. .dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] {
  1926. right: auto;
  1927. bottom: auto; }
  1928. .dropdown-divider {
  1929. height: 0;
  1930. margin: 0.5rem 0;
  1931. overflow: hidden;
  1932. border-top: 1px solid #e9ecef; }
  1933. .dropdown-item {
  1934. display: block;
  1935. width: 100%;
  1936. padding: 0.25rem 1.5rem;
  1937. clear: both;
  1938. font-weight: 400;
  1939. color: #212529;
  1940. text-align: inherit;
  1941. white-space: nowrap;
  1942. background-color: transparent;
  1943. border: 0; }
  1944. .dropdown-item:hover, .dropdown-item:focus {
  1945. color: #16181b;
  1946. text-decoration: none;
  1947. background-color: #f8f9fa; }
  1948. .dropdown-item.active, .dropdown-item:active {
  1949. color: #fff;
  1950. text-decoration: none;
  1951. background-color: #007bff; }
  1952. .dropdown-item.disabled, .dropdown-item:disabled {
  1953. color: #6c757d;
  1954. background-color: transparent; }
  1955. .dropdown-menu.show {
  1956. display: block; }
  1957. .dropdown-header {
  1958. display: block;
  1959. padding: 0.5rem 1.5rem;
  1960. margin-bottom: 0;
  1961. font-size: 0.875rem;
  1962. color: #6c757d;
  1963. white-space: nowrap; }
  1964. .dropdown-item-text {
  1965. display: block;
  1966. padding: 0.25rem 1.5rem;
  1967. color: #212529; }
  1968. @keyframes progress-bar-stripes {
  1969. from {
  1970. background-position: 1rem 0; }
  1971. to {
  1972. background-position: 0 0; } }
  1973. .progress {
  1974. display: flex;
  1975. height: 1rem;
  1976. overflow: hidden;
  1977. font-size: 0.75rem;
  1978. background-color: #e9ecef;
  1979. border-radius: 0.25rem; }
  1980. .progress-bar {
  1981. display: flex;
  1982. flex-direction: column;
  1983. justify-content: center;
  1984. color: #fff;
  1985. text-align: center;
  1986. white-space: nowrap;
  1987. background-color: #007bff;
  1988. transition: width 0.6s ease; }
  1989. @media screen and (prefers-reduced-motion: reduce) {
  1990. .progress-bar {
  1991. transition: none; } }
  1992. .progress-bar-striped {
  1993. 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);
  1994. background-size: 1rem 1rem; }
  1995. .progress-bar-animated {
  1996. animation: progress-bar-stripes 1s linear infinite; }
  1997. .btn-group,
  1998. .btn-group-vertical {
  1999. position: relative;
  2000. display: inline-flex;
  2001. vertical-align: middle; }
  2002. .btn-group > .btn,
  2003. .btn-group-vertical > .btn {
  2004. position: relative;
  2005. flex: 0 1 auto; }
  2006. .btn-group > .btn:hover,
  2007. .btn-group-vertical > .btn:hover {
  2008. z-index: 1; }
  2009. .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
  2010. .btn-group-vertical > .btn:focus,
  2011. .btn-group-vertical > .btn:active,
  2012. .btn-group-vertical > .btn.active {
  2013. z-index: 1; }
  2014. .btn-group .btn + .btn,
  2015. .btn-group .btn + .btn-group,
  2016. .btn-group .btn-group + .btn,
  2017. .btn-group .btn-group + .btn-group,
  2018. .btn-group-vertical .btn + .btn,
  2019. .btn-group-vertical .btn + .btn-group,
  2020. .btn-group-vertical .btn-group + .btn,
  2021. .btn-group-vertical .btn-group + .btn-group {
  2022. margin-left: -1px; }
  2023. .btn-toolbar {
  2024. display: flex;
  2025. flex-wrap: wrap;
  2026. justify-content: flex-start; }
  2027. .btn-toolbar .input-group {
  2028. width: auto; }
  2029. .btn-group > .btn:first-child {
  2030. margin-left: 0; }
  2031. .btn-group > .btn:not(:last-child):not(.dropdown-toggle),
  2032. .btn-group > .btn-group:not(:last-child) > .btn {
  2033. border-top-right-radius: 0;
  2034. border-bottom-right-radius: 0; }
  2035. .btn-group > .btn:not(:first-child),
  2036. .btn-group > .btn-group:not(:first-child) > .btn {
  2037. border-top-left-radius: 0;
  2038. border-bottom-left-radius: 0; }
  2039. .dropdown-toggle-split {
  2040. padding-right: 0.5625rem;
  2041. padding-left: 0.5625rem; }
  2042. .dropdown-toggle-split::after,
  2043. .dropup .dropdown-toggle-split::after,
  2044. .dropright .dropdown-toggle-split::after {
  2045. margin-left: 0; }
  2046. .dropleft .dropdown-toggle-split::before {
  2047. margin-right: 0; }
  2048. .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
  2049. padding-right: 0.375rem;
  2050. padding-left: 0.375rem; }
  2051. .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
  2052. padding-right: 0.75rem;
  2053. padding-left: 0.75rem; }
  2054. .btn-group-vertical {
  2055. flex-direction: column;
  2056. align-items: flex-start;
  2057. justify-content: center; }
  2058. .btn-group-vertical .btn,
  2059. .btn-group-vertical .btn-group {
  2060. width: 100%; }
  2061. .btn-group-vertical > .btn + .btn,
  2062. .btn-group-vertical > .btn + .btn-group,
  2063. .btn-group-vertical > .btn-group + .btn,
  2064. .btn-group-vertical > .btn-group + .btn-group {
  2065. margin-top: -1px;
  2066. margin-left: 0; }
  2067. .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
  2068. .btn-group-vertical > .btn-group:not(:last-child) > .btn {
  2069. border-bottom-right-radius: 0;
  2070. border-bottom-left-radius: 0; }
  2071. .btn-group-vertical > .btn:not(:first-child),
  2072. .btn-group-vertical > .btn-group:not(:first-child) > .btn {
  2073. border-top-left-radius: 0;
  2074. border-top-right-radius: 0; }
  2075. .btn-group-toggle > .btn,
  2076. .btn-group-toggle > .btn-group > .btn {
  2077. margin-bottom: 0; }
  2078. .btn-group-toggle > .btn input[type="radio"],
  2079. .btn-group-toggle > .btn input[type="checkbox"],
  2080. .btn-group-toggle > .btn-group > .btn input[type="radio"],
  2081. .btn-group-toggle > .btn-group > .btn input[type="checkbox"] {
  2082. position: absolute;
  2083. clip: rect(0, 0, 0, 0);
  2084. pointer-events: none; }
  2085. .input-group {
  2086. position: relative;
  2087. display: flex;
  2088. flex-wrap: wrap;
  2089. align-items: stretch;
  2090. width: 100%; }
  2091. .input-group > .form-control,
  2092. .input-group > .custom-select,
  2093. .input-group > .custom-file {
  2094. position: relative;
  2095. flex: 1 1 auto;
  2096. width: 1%;
  2097. margin-bottom: 0; }
  2098. .input-group > .form-control:focus,
  2099. .input-group > .custom-select:focus,
  2100. .input-group > .custom-file:focus {
  2101. z-index: 3; }
  2102. .input-group > .form-control + .form-control,
  2103. .input-group > .form-control + .custom-select,
  2104. .input-group > .form-control + .custom-file,
  2105. .input-group > .custom-select + .form-control,
  2106. .input-group > .custom-select + .custom-select,
  2107. .input-group > .custom-select + .custom-file,
  2108. .input-group > .custom-file + .form-control,
  2109. .input-group > .custom-file + .custom-select,
  2110. .input-group > .custom-file + .custom-file {
  2111. margin-left: -1px; }
  2112. .input-group > .form-control:not(:last-child),
  2113. .input-group > .custom-select:not(:last-child) {
  2114. border-top-right-radius: 0;
  2115. border-bottom-right-radius: 0; }
  2116. .input-group > .form-control:not(:first-child),
  2117. .input-group > .custom-select:not(:first-child) {
  2118. border-top-left-radius: 0;
  2119. border-bottom-left-radius: 0; }
  2120. .input-group > .custom-file {
  2121. display: flex;
  2122. align-items: center; }
  2123. .input-group > .custom-file:not(:last-child) .custom-file-label,
  2124. .input-group > .custom-file:not(:last-child) .custom-file-label::after {
  2125. border-top-right-radius: 0;
  2126. border-bottom-right-radius: 0; }
  2127. .input-group > .custom-file:not(:first-child) .custom-file-label {
  2128. border-top-left-radius: 0;
  2129. border-bottom-left-radius: 0; }
  2130. .input-group-prepend,
  2131. .input-group-append {
  2132. display: flex; }
  2133. .input-group-prepend .btn,
  2134. .input-group-append .btn {
  2135. position: relative;
  2136. z-index: 2; }
  2137. .input-group-prepend .btn + .btn,
  2138. .input-group-prepend .btn + .input-group-text,
  2139. .input-group-prepend .input-group-text + .input-group-text,
  2140. .input-group-prepend .input-group-text + .btn,
  2141. .input-group-append .btn + .btn,
  2142. .input-group-append .btn + .input-group-text,
  2143. .input-group-append .input-group-text + .input-group-text,
  2144. .input-group-append .input-group-text + .btn {
  2145. margin-left: -1px; }
  2146. .input-group-prepend {
  2147. margin-right: -1px; }
  2148. .input-group-append {
  2149. margin-left: -1px; }
  2150. .input-group-text {
  2151. display: flex;
  2152. align-items: center;
  2153. padding: 0.375rem 0.75rem;
  2154. margin-bottom: 0;
  2155. font-size: 1rem;
  2156. font-weight: 400;
  2157. line-height: 1.5;
  2158. color: #495057;
  2159. text-align: center;
  2160. white-space: nowrap;
  2161. background-color: #e9ecef;
  2162. border: 1px solid #ced4da;
  2163. border-radius: 0.25rem; }
  2164. .input-group-text input[type="radio"],
  2165. .input-group-text input[type="checkbox"] {
  2166. margin-top: 0; }
  2167. .input-group > .input-group-prepend > .btn,
  2168. .input-group > .input-group-prepend > .input-group-text,
  2169. .input-group > .input-group-append:not(:last-child) > .btn,
  2170. .input-group > .input-group-append:not(:last-child) > .input-group-text,
  2171. .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
  2172. .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
  2173. border-top-right-radius: 0;
  2174. border-bottom-right-radius: 0; }
  2175. .input-group > .input-group-append > .btn,
  2176. .input-group > .input-group-append > .input-group-text,
  2177. .input-group > .input-group-prepend:not(:first-child) > .btn,
  2178. .input-group > .input-group-prepend:not(:first-child) > .input-group-text,
  2179. .input-group > .input-group-prepend:first-child > .btn:not(:first-child),
  2180. .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
  2181. border-top-left-radius: 0;
  2182. border-bottom-left-radius: 0; }
  2183. .custom-control {
  2184. position: relative;
  2185. display: block;
  2186. min-height: 1.5rem;
  2187. padding-left: 1.5rem; }
  2188. .custom-control-inline {
  2189. display: inline-flex;
  2190. margin-right: 1rem; }
  2191. .custom-control-input {
  2192. position: absolute;
  2193. z-index: -1;
  2194. opacity: 0; }
  2195. .custom-control-input:checked ~ .custom-control-label::before {
  2196. color: #fff;
  2197. background-color: #007bff; }
  2198. .custom-control-input:focus ~ .custom-control-label::before {
  2199. box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
  2200. .custom-control-input:active ~ .custom-control-label::before {
  2201. color: #fff;
  2202. background-color: #b3d7ff; }
  2203. .custom-control-input:disabled ~ .custom-control-label {
  2204. color: #6c757d; }
  2205. .custom-control-input:disabled ~ .custom-control-label::before {
  2206. background-color: #e9ecef; }
  2207. .custom-control-label {
  2208. position: relative;
  2209. margin-bottom: 0; }
  2210. .custom-control-label::before {
  2211. position: absolute;
  2212. top: 0.25rem;
  2213. left: -1.5rem;
  2214. display: block;
  2215. width: 1rem;
  2216. height: 1rem;
  2217. pointer-events: none;
  2218. content: "";
  2219. user-select: none;
  2220. background-color: #dee2e6; }
  2221. .custom-control-label::after {
  2222. position: absolute;
  2223. top: 0.25rem;
  2224. left: -1.5rem;
  2225. display: block;
  2226. width: 1rem;
  2227. height: 1rem;
  2228. content: "";
  2229. background-repeat: no-repeat;
  2230. background-position: center center;
  2231. background-size: 50% 50%; }
  2232. .custom-checkbox .custom-control-label::before {
  2233. border-radius: 0.25rem; }
  2234. .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  2235. background-color: #007bff; }
  2236. .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  2237. 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='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); }
  2238. .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
  2239. background-color: #007bff; }
  2240. .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
  2241. 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='%23fff' d='M0 2h4'/%3E%3C/svg%3E"); }
  2242. .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
  2243. background-color: rgba(0, 123, 255, 0.5); }
  2244. .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
  2245. background-color: rgba(0, 123, 255, 0.5); }
  2246. .custom-radio .custom-control-label::before {
  2247. border-radius: 50%; }
  2248. .custom-radio .custom-control-input:checked ~ .custom-control-label::before {
  2249. background-color: #007bff; }
  2250. .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  2251. 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='%23fff'/%3E%3C/svg%3E"); }
  2252. .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
  2253. background-color: rgba(0, 123, 255, 0.5); }
  2254. .custom-select {
  2255. display: inline-block;
  2256. width: 100%;
  2257. height: calc(2.25rem + 2px);
  2258. padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  2259. line-height: 1.5;
  2260. color: #495057;
  2261. vertical-align: middle;
  2262. background: #fff 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;
  2263. background-size: 8px 10px;
  2264. border: 1px solid #ced4da;
  2265. border-radius: 0.25rem;
  2266. appearance: none; }
  2267. .custom-select:focus {
  2268. border-color: #80bdff;
  2269. outline: 0;
  2270. box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(128, 189, 255, 0.5); }
  2271. .custom-select:focus::-ms-value {
  2272. color: #495057;
  2273. background-color: #fff; }
  2274. .custom-select[multiple], .custom-select[size]:not([size="1"]) {
  2275. height: auto;
  2276. padding-right: 0.75rem;
  2277. background-image: none; }
  2278. .custom-select:disabled {
  2279. color: #6c757d;
  2280. background-color: #e9ecef; }
  2281. .custom-select::-ms-expand {
  2282. opacity: 0; }
  2283. .custom-select-sm {
  2284. height: calc(1.8125rem + 2px);
  2285. padding-top: 0.375rem;
  2286. padding-bottom: 0.375rem;
  2287. font-size: 75%; }
  2288. .custom-select-lg {
  2289. height: calc(2.875rem + 2px);
  2290. padding-top: 0.375rem;
  2291. padding-bottom: 0.375rem;
  2292. font-size: 125%; }
  2293. .custom-file {
  2294. position: relative;
  2295. display: inline-block;
  2296. width: 100%;
  2297. height: calc(2.25rem + 2px);
  2298. margin-bottom: 0; }
  2299. .custom-file-input {
  2300. position: relative;
  2301. z-index: 2;
  2302. width: 100%;
  2303. height: calc(2.25rem + 2px);
  2304. margin: 0;
  2305. opacity: 0; }
  2306. .custom-file-input:focus ~ .custom-file-label {
  2307. border-color: #80bdff;
  2308. box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
  2309. .custom-file-input:focus ~ .custom-file-label::after {
  2310. border-color: #80bdff; }
  2311. .custom-file-input:lang(en) ~ .custom-file-label::after {
  2312. content: "Browse"; }
  2313. .custom-file-label {
  2314. position: absolute;
  2315. top: 0;
  2316. right: 0;
  2317. left: 0;
  2318. z-index: 1;
  2319. height: calc(2.25rem + 2px);
  2320. padding: 0.375rem 0.75rem;
  2321. line-height: 1.5;
  2322. color: #495057;
  2323. background-color: #fff;
  2324. border: 1px solid #ced4da;
  2325. border-radius: 0.25rem; }
  2326. .custom-file-label::after {
  2327. position: absolute;
  2328. top: 0;
  2329. right: 0;
  2330. bottom: 0;
  2331. z-index: 3;
  2332. display: block;
  2333. height: 2.25rem;
  2334. padding: 0.375rem 0.75rem;
  2335. line-height: 1.5;
  2336. color: #495057;
  2337. content: "Browse";
  2338. background-color: #e9ecef;
  2339. border-left: 1px solid #ced4da;
  2340. border-radius: 0 0.25rem 0.25rem 0; }
  2341. .custom-range {
  2342. width: 100%;
  2343. padding-left: 0;
  2344. background-color: transparent;
  2345. appearance: none; }
  2346. .custom-range:focus {
  2347. outline: none; }
  2348. .custom-range::-moz-focus-outer {
  2349. border: 0; }
  2350. .custom-range::-webkit-slider-thumb {
  2351. width: 1rem;
  2352. height: 1rem;
  2353. margin-top: -0.25rem;
  2354. background-color: #007bff;
  2355. border: 0;
  2356. border-radius: 1rem;
  2357. appearance: none; }
  2358. .custom-range::-webkit-slider-thumb:focus {
  2359. outline: none;
  2360. box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
  2361. .custom-range::-webkit-slider-thumb:active {
  2362. background-color: #b3d7ff; }
  2363. .custom-range::-webkit-slider-runnable-track {
  2364. width: 100%;
  2365. height: 0.5rem;
  2366. color: transparent;
  2367. cursor: pointer;
  2368. background-color: #dee2e6;
  2369. border-color: transparent;
  2370. border-radius: 1rem; }
  2371. .custom-range::-moz-range-thumb {
  2372. width: 1rem;
  2373. height: 1rem;
  2374. background-color: #007bff;
  2375. border: 0;
  2376. border-radius: 1rem;
  2377. appearance: none; }
  2378. .custom-range::-moz-range-thumb:focus {
  2379. outline: none;
  2380. box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
  2381. .custom-range::-moz-range-thumb:active {
  2382. background-color: #b3d7ff; }
  2383. .custom-range::-moz-range-track {
  2384. width: 100%;
  2385. height: 0.5rem;
  2386. color: transparent;
  2387. cursor: pointer;
  2388. background-color: #dee2e6;
  2389. border-color: transparent;
  2390. border-radius: 1rem; }
  2391. .custom-range::-ms-thumb {
  2392. width: 1rem;
  2393. height: 1rem;
  2394. background-color: #007bff;
  2395. border: 0;
  2396. border-radius: 1rem;
  2397. appearance: none; }
  2398. .custom-range::-ms-thumb:focus {
  2399. outline: none;
  2400. box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
  2401. .custom-range::-ms-thumb:active {
  2402. background-color: #b3d7ff; }
  2403. .custom-range::-ms-track {
  2404. width: 100%;
  2405. height: 0.5rem;
  2406. color: transparent;
  2407. cursor: pointer;
  2408. background-color: transparent;
  2409. border-color: transparent;
  2410. border-width: 0.5rem; }
  2411. .custom-range::-ms-fill-lower {
  2412. background-color: #dee2e6;
  2413. border-radius: 1rem; }
  2414. .custom-range::-ms-fill-upper {
  2415. margin-right: 15px;
  2416. background-color: #dee2e6;
  2417. border-radius: 1rem; }
  2418. .nav {
  2419. display: flex;
  2420. flex-wrap: wrap;
  2421. padding-left: 0;
  2422. margin-bottom: 0;
  2423. list-style: none; }
  2424. .nav-link {
  2425. display: block;
  2426. padding: 0.5rem 1rem; }
  2427. .nav-link:hover, .nav-link:focus {
  2428. text-decoration: none; }
  2429. .nav-link.disabled {
  2430. color: #6c757d; }
  2431. .nav-tabs {
  2432. border-bottom: 1px solid #dee2e6; }
  2433. .nav-tabs .nav-item {
  2434. margin-bottom: -1px; }
  2435. .nav-tabs .nav-link {
  2436. border: 1px solid transparent;
  2437. border-top-left-radius: 0.25rem;
  2438. border-top-right-radius: 0.25rem; }
  2439. .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  2440. border-color: #e9ecef #e9ecef #dee2e6; }
  2441. .nav-tabs .nav-link.disabled {
  2442. color: #6c757d;
  2443. background-color: transparent;
  2444. border-color: transparent; }
  2445. .nav-tabs .nav-link.active,
  2446. .nav-tabs .nav-item.show .nav-link {
  2447. color: #495057;
  2448. background-color: #fff;
  2449. border-color: #dee2e6 #dee2e6 #fff; }
  2450. .nav-tabs .dropdown-menu {
  2451. margin-top: -1px;
  2452. border-top-left-radius: 0;
  2453. border-top-right-radius: 0; }
  2454. .nav-pills .nav-link {
  2455. border-radius: 0.25rem; }
  2456. .nav-pills .nav-link.active,
  2457. .nav-pills .show > .nav-link {
  2458. color: #fff;
  2459. background-color: #007bff; }
  2460. .nav-fill .nav-item {
  2461. flex: 1 1 auto;
  2462. text-align: center; }
  2463. .nav-justified .nav-item {
  2464. flex-basis: 0;
  2465. flex-grow: 1;
  2466. text-align: center; }
  2467. .tab-content > .tab-pane {
  2468. display: none; }
  2469. .tab-content > .active {
  2470. display: block; }
  2471. .navbar {
  2472. position: relative;
  2473. display: flex;
  2474. flex-wrap: wrap;
  2475. align-items: center;
  2476. justify-content: space-between;
  2477. padding: 0.5rem 1rem; }
  2478. .navbar > .container,
  2479. .navbar > .container-fluid {
  2480. display: flex;
  2481. flex-wrap: wrap;
  2482. align-items: center;
  2483. justify-content: space-between; }
  2484. .navbar-brand {
  2485. display: inline-block;
  2486. padding-top: 0.3125rem;
  2487. padding-bottom: 0.3125rem;
  2488. margin-right: 1rem;
  2489. font-size: 1.25rem;
  2490. line-height: inherit;
  2491. white-space: nowrap; }
  2492. .navbar-brand:hover, .navbar-brand:focus {
  2493. text-decoration: none; }
  2494. .navbar-nav {
  2495. display: flex;
  2496. flex-direction: column;
  2497. padding-left: 0;
  2498. margin-bottom: 0;
  2499. list-style: none; }
  2500. .navbar-nav .nav-link {
  2501. padding-right: 0;
  2502. padding-left: 0; }
  2503. .navbar-nav .dropdown-menu {
  2504. position: static;
  2505. float: none; }
  2506. .navbar-text {
  2507. display: inline-block;
  2508. padding-top: 0.5rem;
  2509. padding-bottom: 0.5rem; }
  2510. .navbar-collapse {
  2511. flex-basis: 100%;
  2512. flex-grow: 1;
  2513. align-items: center; }
  2514. .navbar-toggler {
  2515. padding: 0.25rem 0.75rem;
  2516. font-size: 1.25rem;
  2517. line-height: 1;
  2518. background-color: transparent;
  2519. border: 1px solid transparent;
  2520. border-radius: 0.25rem; }
  2521. .navbar-toggler:hover, .navbar-toggler:focus {
  2522. text-decoration: none; }
  2523. .navbar-toggler:not(:disabled):not(.disabled) {
  2524. cursor: pointer; }
  2525. .navbar-toggler-icon {
  2526. display: inline-block;
  2527. width: 1.5em;
  2528. height: 1.5em;
  2529. vertical-align: middle;
  2530. content: "";
  2531. background: no-repeat center center;
  2532. background-size: 100% 100%; }
  2533. @media (max-width: 575.98px) {
  2534. .navbar-expand-sm > .container,
  2535. .navbar-expand-sm > .container-fluid {
  2536. padding-right: 0;
  2537. padding-left: 0; } }
  2538. @media (min-width: 576px) {
  2539. .navbar-expand-sm {
  2540. flex-flow: row nowrap;
  2541. justify-content: flex-start; }
  2542. .navbar-expand-sm .navbar-nav {
  2543. flex-direction: row; }
  2544. .navbar-expand-sm .navbar-nav .dropdown-menu {
  2545. position: absolute; }
  2546. .navbar-expand-sm .navbar-nav .nav-link {
  2547. padding-right: 0.5rem;
  2548. padding-left: 0.5rem; }
  2549. .navbar-expand-sm > .container,
  2550. .navbar-expand-sm > .container-fluid {
  2551. flex-wrap: nowrap; }
  2552. .navbar-expand-sm .navbar-collapse {
  2553. display: flex !important;
  2554. flex-basis: auto; }
  2555. .navbar-expand-sm .navbar-toggler {
  2556. display: none; } }
  2557. @media (max-width: 767.98px) {
  2558. .navbar-expand-md > .container,
  2559. .navbar-expand-md > .container-fluid {
  2560. padding-right: 0;
  2561. padding-left: 0; } }
  2562. @media (min-width: 768px) {
  2563. .navbar-expand-md {
  2564. flex-flow: row nowrap;
  2565. justify-content: flex-start; }
  2566. .navbar-expand-md .navbar-nav {
  2567. flex-direction: row; }
  2568. .navbar-expand-md .navbar-nav .dropdown-menu {
  2569. position: absolute; }
  2570. .navbar-expand-md .navbar-nav .nav-link {
  2571. padding-right: 0.5rem;
  2572. padding-left: 0.5rem; }
  2573. .navbar-expand-md > .container,
  2574. .navbar-expand-md > .container-fluid {
  2575. flex-wrap: nowrap; }
  2576. .navbar-expand-md .navbar-collapse {
  2577. display: flex !important;
  2578. flex-basis: auto; }
  2579. .navbar-expand-md .navbar-toggler {
  2580. display: none; } }
  2581. @media (max-width: 991.98px) {
  2582. .navbar-expand-lg > .container,
  2583. .navbar-expand-lg > .container-fluid {
  2584. padding-right: 0;
  2585. padding-left: 0; } }
  2586. @media (min-width: 992px) {
  2587. .navbar-expand-lg {
  2588. flex-flow: row nowrap;
  2589. justify-content: flex-start; }
  2590. .navbar-expand-lg .navbar-nav {
  2591. flex-direction: row; }
  2592. .navbar-expand-lg .navbar-nav .dropdown-menu {
  2593. position: absolute; }
  2594. .navbar-expand-lg .navbar-nav .nav-link {
  2595. padding-right: 0.5rem;
  2596. padding-left: 0.5rem; }
  2597. .navbar-expand-lg > .container,
  2598. .navbar-expand-lg > .container-fluid {
  2599. flex-wrap: nowrap; }
  2600. .navbar-expand-lg .navbar-collapse {
  2601. display: flex !important;
  2602. flex-basis: auto; }
  2603. .navbar-expand-lg .navbar-toggler {
  2604. display: none; } }
  2605. @media (max-width: 1199.98px) {
  2606. .navbar-expand-xl > .container,
  2607. .navbar-expand-xl > .container-fluid {
  2608. padding-right: 0;
  2609. padding-left: 0; } }
  2610. @media (min-width: 1200px) {
  2611. .navbar-expand-xl {
  2612. flex-flow: row nowrap;
  2613. justify-content: flex-start; }
  2614. .navbar-expand-xl .navbar-nav {
  2615. flex-direction: row; }
  2616. .navbar-expand-xl .navbar-nav .dropdown-menu {
  2617. position: absolute; }
  2618. .navbar-expand-xl .navbar-nav .nav-link {
  2619. padding-right: 0.5rem;
  2620. padding-left: 0.5rem; }
  2621. .navbar-expand-xl > .container,
  2622. .navbar-expand-xl > .container-fluid {
  2623. flex-wrap: nowrap; }
  2624. .navbar-expand-xl .navbar-collapse {
  2625. display: flex !important;
  2626. flex-basis: auto; }
  2627. .navbar-expand-xl .navbar-toggler {
  2628. display: none; } }
  2629. .navbar-expand {
  2630. flex-flow: row nowrap;
  2631. justify-content: flex-start; }
  2632. .navbar-expand > .container,
  2633. .navbar-expand > .container-fluid {
  2634. padding-right: 0;
  2635. padding-left: 0; }
  2636. .navbar-expand .navbar-nav {
  2637. flex-direction: row; }
  2638. .navbar-expand .navbar-nav .dropdown-menu {
  2639. position: absolute; }
  2640. .navbar-expand .navbar-nav .nav-link {
  2641. padding-right: 0.5rem;
  2642. padding-left: 0.5rem; }
  2643. .navbar-expand > .container,
  2644. .navbar-expand > .container-fluid {
  2645. flex-wrap: nowrap; }
  2646. .navbar-expand .navbar-collapse {
  2647. display: flex !important;
  2648. flex-basis: auto; }
  2649. .navbar-expand .navbar-toggler {
  2650. display: none; }
  2651. .navbar-light .navbar-brand {
  2652. color: rgba(0, 0, 0, 0.9); }
  2653. .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
  2654. color: rgba(0, 0, 0, 0.9); }
  2655. .navbar-light .navbar-nav .nav-link {
  2656. color: rgba(0, 0, 0, 0.5); }
  2657. .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
  2658. color: rgba(0, 0, 0, 0.7); }
  2659. .navbar-light .navbar-nav .nav-link.disabled {
  2660. color: rgba(0, 0, 0, 0.3); }
  2661. .navbar-light .navbar-nav .show > .nav-link,
  2662. .navbar-light .navbar-nav .active > .nav-link,
  2663. .navbar-light .navbar-nav .nav-link.show,
  2664. .navbar-light .navbar-nav .nav-link.active {
  2665. color: rgba(0, 0, 0, 0.9); }
  2666. .navbar-light .navbar-toggler {
  2667. color: rgba(0, 0, 0, 0.5);
  2668. border-color: rgba(0, 0, 0, 0.1); }
  2669. .navbar-light .navbar-toggler-icon {
  2670. 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"); }
  2671. .navbar-light .navbar-text {
  2672. color: rgba(0, 0, 0, 0.5); }
  2673. .navbar-light .navbar-text a {
  2674. color: rgba(0, 0, 0, 0.9); }
  2675. .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
  2676. color: rgba(0, 0, 0, 0.9); }
  2677. .navbar-dark .navbar-brand {
  2678. color: #fff; }
  2679. .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
  2680. color: #fff; }
  2681. .navbar-dark .navbar-nav .nav-link {
  2682. color: rgba(255, 255, 255, 0.5); }
  2683. .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
  2684. color: rgba(255, 255, 255, 0.75); }
  2685. .navbar-dark .navbar-nav .nav-link.disabled {
  2686. color: rgba(255, 255, 255, 0.25); }
  2687. .navbar-dark .navbar-nav .show > .nav-link,
  2688. .navbar-dark .navbar-nav .active > .nav-link,
  2689. .navbar-dark .navbar-nav .nav-link.show,
  2690. .navbar-dark .navbar-nav .nav-link.active {
  2691. color: #fff; }
  2692. .navbar-dark .navbar-toggler {
  2693. color: rgba(255, 255, 255, 0.5);
  2694. border-color: rgba(255, 255, 255, 0.1); }
  2695. .navbar-dark .navbar-toggler-icon {
  2696. 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.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); }
  2697. .navbar-dark .navbar-text {
  2698. color: rgba(255, 255, 255, 0.5); }
  2699. .navbar-dark .navbar-text a {
  2700. color: #fff; }
  2701. .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
  2702. color: #fff; }
  2703. .alert {
  2704. position: relative;
  2705. padding: 0.75rem 1.25rem;
  2706. margin-bottom: 1rem;
  2707. border: 1px solid transparent;
  2708. border-radius: 0.25rem; }
  2709. .alert-heading {
  2710. color: inherit; }
  2711. .alert-link {
  2712. font-weight: 700; }
  2713. .alert-dismissible {
  2714. padding-right: 4rem; }
  2715. .alert-dismissible .close {
  2716. position: absolute;
  2717. top: 0;
  2718. right: 0;
  2719. padding: 0.75rem 1.25rem;
  2720. color: inherit; }
  2721. .alert-primary {
  2722. color: #004085;
  2723. background-color: #cce5ff;
  2724. border-color: #b8daff; }
  2725. .alert-primary hr {
  2726. border-top-color: #9fcdff; }
  2727. .alert-primary .alert-link {
  2728. color: #002752; }
  2729. .alert-secondary {
  2730. color: #383d41;
  2731. background-color: #e2e3e5;
  2732. border-color: #d6d8db; }
  2733. .alert-secondary hr {
  2734. border-top-color: #c8cbcf; }
  2735. .alert-secondary .alert-link {
  2736. color: #202326; }
  2737. .alert-success {
  2738. color: #155724;
  2739. background-color: #d4edda;
  2740. border-color: #c3e6cb; }
  2741. .alert-success hr {
  2742. border-top-color: #b1dfbb; }
  2743. .alert-success .alert-link {
  2744. color: #0b2e13; }
  2745. .alert-info {
  2746. color: #0c5460;
  2747. background-color: #d1ecf1;
  2748. border-color: #bee5eb; }
  2749. .alert-info hr {
  2750. border-top-color: #abdde5; }
  2751. .alert-info .alert-link {
  2752. color: #062c33; }
  2753. .alert-warning {
  2754. color: #856404;
  2755. background-color: #fff3cd;
  2756. border-color: #ffeeba; }
  2757. .alert-warning hr {
  2758. border-top-color: #ffe8a1; }
  2759. .alert-warning .alert-link {
  2760. color: #533f03; }
  2761. .alert-danger {
  2762. color: #721c24;
  2763. background-color: #f8d7da;
  2764. border-color: #f5c6cb; }
  2765. .alert-danger hr {
  2766. border-top-color: #f1b0b7; }
  2767. .alert-danger .alert-link {
  2768. color: #491217; }
  2769. .alert-light {
  2770. color: #818182;
  2771. background-color: #fefefe;
  2772. border-color: #fdfdfe; }
  2773. .alert-light hr {
  2774. border-top-color: #ececf6; }
  2775. .alert-light .alert-link {
  2776. color: #686868; }
  2777. .alert-dark {
  2778. color: #1b1e21;
  2779. background-color: #d6d8d9;
  2780. border-color: #c6c8ca; }
  2781. .alert-dark hr {
  2782. border-top-color: #b9bbbe; }
  2783. .alert-dark .alert-link {
  2784. color: #040505; }
  2785. .align-baseline {
  2786. vertical-align: baseline !important; }
  2787. .align-top {
  2788. vertical-align: top !important; }
  2789. .align-middle {
  2790. vertical-align: middle !important; }
  2791. .align-bottom {
  2792. vertical-align: bottom !important; }
  2793. .align-text-bottom {
  2794. vertical-align: text-bottom !important; }
  2795. .align-text-top {
  2796. vertical-align: text-top !important; }
  2797. .bg-primary {
  2798. background-color: #007bff !important; }
  2799. a.bg-primary:hover, a.bg-primary:focus,
  2800. button.bg-primary:hover,
  2801. button.bg-primary:focus {
  2802. background-color: #0062cc !important; }
  2803. .bg-secondary {
  2804. background-color: #6c757d !important; }
  2805. a.bg-secondary:hover, a.bg-secondary:focus,
  2806. button.bg-secondary:hover,
  2807. button.bg-secondary:focus {
  2808. background-color: #545b62 !important; }
  2809. .bg-success {
  2810. background-color: #28a745 !important; }
  2811. a.bg-success:hover, a.bg-success:focus,
  2812. button.bg-success:hover,
  2813. button.bg-success:focus {
  2814. background-color: #1e7e34 !important; }
  2815. .bg-info {
  2816. background-color: #17a2b8 !important; }
  2817. a.bg-info:hover, a.bg-info:focus,
  2818. button.bg-info:hover,
  2819. button.bg-info:focus {
  2820. background-color: #117a8b !important; }
  2821. .bg-warning {
  2822. background-color: #ffc107 !important; }
  2823. a.bg-warning:hover, a.bg-warning:focus,
  2824. button.bg-warning:hover,
  2825. button.bg-warning:focus {
  2826. background-color: #d39e00 !important; }
  2827. .bg-danger {
  2828. background-color: #dc3545 !important; }
  2829. a.bg-danger:hover, a.bg-danger:focus,
  2830. button.bg-danger:hover,
  2831. button.bg-danger:focus {
  2832. background-color: #bd2130 !important; }
  2833. .bg-light {
  2834. background-color: #f8f9fa !important; }
  2835. a.bg-light:hover, a.bg-light:focus,
  2836. button.bg-light:hover,
  2837. button.bg-light:focus {
  2838. background-color: #dae0e5 !important; }
  2839. .bg-dark {
  2840. background-color: #343a40 !important; }
  2841. a.bg-dark:hover, a.bg-dark:focus,
  2842. button.bg-dark:hover,
  2843. button.bg-dark:focus {
  2844. background-color: #1d2124 !important; }
  2845. .bg-white {
  2846. background-color: #fff !important; }
  2847. .bg-transparent {
  2848. background-color: transparent !important; }
  2849. .border {
  2850. border: 1px solid #dee2e6 !important; }
  2851. .border-top {
  2852. border-top: 1px solid #dee2e6 !important; }
  2853. .border-right {
  2854. border-right: 1px solid #dee2e6 !important; }
  2855. .border-bottom {
  2856. border-bottom: 1px solid #dee2e6 !important; }
  2857. .border-left {
  2858. border-left: 1px solid #dee2e6 !important; }
  2859. .border-0 {
  2860. border: 0 !important; }
  2861. .border-top-0 {
  2862. border-top: 0 !important; }
  2863. .border-right-0 {
  2864. border-right: 0 !important; }
  2865. .border-bottom-0 {
  2866. border-bottom: 0 !important; }
  2867. .border-left-0 {
  2868. border-left: 0 !important; }
  2869. .border-primary {
  2870. border-color: #007bff !important; }
  2871. .border-secondary {
  2872. border-color: #6c757d !important; }
  2873. .border-success {
  2874. border-color: #28a745 !important; }
  2875. .border-info {
  2876. border-color: #17a2b8 !important; }
  2877. .border-warning {
  2878. border-color: #ffc107 !important; }
  2879. .border-danger {
  2880. border-color: #dc3545 !important; }
  2881. .border-light {
  2882. border-color: #f8f9fa !important; }
  2883. .border-dark {
  2884. border-color: #343a40 !important; }
  2885. .border-white {
  2886. border-color: #fff !important; }
  2887. .rounded {
  2888. border-radius: 0.25rem !important; }
  2889. .rounded-top {
  2890. border-top-left-radius: 0.25rem !important;
  2891. border-top-right-radius: 0.25rem !important; }
  2892. .rounded-right {
  2893. border-top-right-radius: 0.25rem !important;
  2894. border-bottom-right-radius: 0.25rem !important; }
  2895. .rounded-bottom {
  2896. border-bottom-right-radius: 0.25rem !important;
  2897. border-bottom-left-radius: 0.25rem !important; }
  2898. .rounded-left {
  2899. border-top-left-radius: 0.25rem !important;
  2900. border-bottom-left-radius: 0.25rem !important; }
  2901. .rounded-circle {
  2902. border-radius: 50% !important; }
  2903. .rounded-0 {
  2904. border-radius: 0 !important; }
  2905. .clearfix::after {
  2906. display: block;
  2907. clear: both;
  2908. content: ""; }
  2909. .d-none {
  2910. display: none !important; }
  2911. .d-inline {
  2912. display: inline !important; }
  2913. .d-inline-block {
  2914. display: inline-block !important; }
  2915. .d-block {
  2916. display: block !important; }
  2917. .d-table {
  2918. display: table !important; }
  2919. .d-table-row {
  2920. display: table-row !important; }
  2921. .d-table-cell {
  2922. display: table-cell !important; }
  2923. .d-flex {
  2924. display: flex !important; }
  2925. .d-inline-flex {
  2926. display: inline-flex !important; }
  2927. @media (min-width: 576px) {
  2928. .d-sm-none {
  2929. display: none !important; }
  2930. .d-sm-inline {
  2931. display: inline !important; }
  2932. .d-sm-inline-block {
  2933. display: inline-block !important; }
  2934. .d-sm-block {
  2935. display: block !important; }
  2936. .d-sm-table {
  2937. display: table !important; }
  2938. .d-sm-table-row {
  2939. display: table-row !important; }
  2940. .d-sm-table-cell {
  2941. display: table-cell !important; }
  2942. .d-sm-flex {
  2943. display: flex !important; }
  2944. .d-sm-inline-flex {
  2945. display: inline-flex !important; } }
  2946. @media (min-width: 768px) {
  2947. .d-md-none {
  2948. display: none !important; }
  2949. .d-md-inline {
  2950. display: inline !important; }
  2951. .d-md-inline-block {
  2952. display: inline-block !important; }
  2953. .d-md-block {
  2954. display: block !important; }
  2955. .d-md-table {
  2956. display: table !important; }
  2957. .d-md-table-row {
  2958. display: table-row !important; }
  2959. .d-md-table-cell {
  2960. display: table-cell !important; }
  2961. .d-md-flex {
  2962. display: flex !important; }
  2963. .d-md-inline-flex {
  2964. display: inline-flex !important; } }
  2965. @media (min-width: 992px) {
  2966. .d-lg-none {
  2967. display: none !important; }
  2968. .d-lg-inline {
  2969. display: inline !important; }
  2970. .d-lg-inline-block {
  2971. display: inline-block !important; }
  2972. .d-lg-block {
  2973. display: block !important; }
  2974. .d-lg-table {
  2975. display: table !important; }
  2976. .d-lg-table-row {
  2977. display: table-row !important; }
  2978. .d-lg-table-cell {
  2979. display: table-cell !important; }
  2980. .d-lg-flex {
  2981. display: flex !important; }
  2982. .d-lg-inline-flex {
  2983. display: inline-flex !important; } }
  2984. @media (min-width: 1200px) {
  2985. .d-xl-none {
  2986. display: none !important; }
  2987. .d-xl-inline {
  2988. display: inline !important; }
  2989. .d-xl-inline-block {
  2990. display: inline-block !important; }
  2991. .d-xl-block {
  2992. display: block !important; }
  2993. .d-xl-table {
  2994. display: table !important; }
  2995. .d-xl-table-row {
  2996. display: table-row !important; }
  2997. .d-xl-table-cell {
  2998. display: table-cell !important; }
  2999. .d-xl-flex {
  3000. display: flex !important; }
  3001. .d-xl-inline-flex {
  3002. display: inline-flex !important; } }
  3003. @media print {
  3004. .d-print-none {
  3005. display: none !important; }
  3006. .d-print-inline {
  3007. display: inline !important; }
  3008. .d-print-inline-block {
  3009. display: inline-block !important; }
  3010. .d-print-block {
  3011. display: block !important; }
  3012. .d-print-table {
  3013. display: table !important; }
  3014. .d-print-table-row {
  3015. display: table-row !important; }
  3016. .d-print-table-cell {
  3017. display: table-cell !important; }
  3018. .d-print-flex {
  3019. display: flex !important; }
  3020. .d-print-inline-flex {
  3021. display: inline-flex !important; } }
  3022. .embed-responsive {
  3023. position: relative;
  3024. display: block;
  3025. width: 100%;
  3026. padding: 0;
  3027. overflow: hidden; }
  3028. .embed-responsive::before {
  3029. display: block;
  3030. content: ""; }
  3031. .embed-responsive .embed-responsive-item,
  3032. .embed-responsive iframe,
  3033. .embed-responsive embed,
  3034. .embed-responsive object,
  3035. .embed-responsive video {
  3036. position: absolute;
  3037. top: 0;
  3038. bottom: 0;
  3039. left: 0;
  3040. width: 100%;
  3041. height: 100%;
  3042. border: 0; }
  3043. .embed-responsive-21by9::before {
  3044. padding-top: 42.8571428571%; }
  3045. .embed-responsive-16by9::before {
  3046. padding-top: 56.25%; }
  3047. .embed-responsive-4by3::before {
  3048. padding-top: 75%; }
  3049. .embed-responsive-1by1::before {
  3050. padding-top: 100%; }
  3051. .flex-row {
  3052. flex-direction: row !important; }
  3053. .flex-column {
  3054. flex-direction: column !important; }
  3055. .flex-row-reverse {
  3056. flex-direction: row-reverse !important; }
  3057. .flex-column-reverse {
  3058. flex-direction: column-reverse !important; }
  3059. .flex-wrap {
  3060. flex-wrap: wrap !important; }
  3061. .flex-nowrap {
  3062. flex-wrap: nowrap !important; }
  3063. .flex-wrap-reverse {
  3064. flex-wrap: wrap-reverse !important; }
  3065. .flex-fill {
  3066. flex: 1 1 auto !important; }
  3067. .flex-grow-0 {
  3068. flex-grow: 0 !important; }
  3069. .flex-grow-1 {
  3070. flex-grow: 1 !important; }
  3071. .flex-shrink-0 {
  3072. flex-shrink: 0 !important; }
  3073. .flex-shrink-1 {
  3074. flex-shrink: 1 !important; }
  3075. .justify-content-start {
  3076. justify-content: flex-start !important; }
  3077. .justify-content-end {
  3078. justify-content: flex-end !important; }
  3079. .justify-content-center {
  3080. justify-content: center !important; }
  3081. .justify-content-between {
  3082. justify-content: space-between !important; }
  3083. .justify-content-around {
  3084. justify-content: space-around !important; }
  3085. .align-items-start {
  3086. align-items: flex-start !important; }
  3087. .align-items-end {
  3088. align-items: flex-end !important; }
  3089. .align-items-center {
  3090. align-items: center !important; }
  3091. .align-items-baseline {
  3092. align-items: baseline !important; }
  3093. .align-items-stretch {
  3094. align-items: stretch !important; }
  3095. .align-content-start {
  3096. align-content: flex-start !important; }
  3097. .align-content-end {
  3098. align-content: flex-end !important; }
  3099. .align-content-center {
  3100. align-content: center !important; }
  3101. .align-content-between {
  3102. align-content: space-between !important; }
  3103. .align-content-around {
  3104. align-content: space-around !important; }
  3105. .align-content-stretch {
  3106. align-content: stretch !important; }
  3107. .align-self-auto {
  3108. align-self: auto !important; }
  3109. .align-self-start {
  3110. align-self: flex-start !important; }
  3111. .align-self-end {
  3112. align-self: flex-end !important; }
  3113. .align-self-center {
  3114. align-self: center !important; }
  3115. .align-self-baseline {
  3116. align-self: baseline !important; }
  3117. .align-self-stretch {
  3118. align-self: stretch !important; }
  3119. @media (min-width: 576px) {
  3120. .flex-sm-row {
  3121. flex-direction: row !important; }
  3122. .flex-sm-column {
  3123. flex-direction: column !important; }
  3124. .flex-sm-row-reverse {
  3125. flex-direction: row-reverse !important; }
  3126. .flex-sm-column-reverse {
  3127. flex-direction: column-reverse !important; }
  3128. .flex-sm-wrap {
  3129. flex-wrap: wrap !important; }
  3130. .flex-sm-nowrap {
  3131. flex-wrap: nowrap !important; }
  3132. .flex-sm-wrap-reverse {
  3133. flex-wrap: wrap-reverse !important; }
  3134. .flex-sm-fill {
  3135. flex: 1 1 auto !important; }
  3136. .flex-sm-grow-0 {
  3137. flex-grow: 0 !important; }
  3138. .flex-sm-grow-1 {
  3139. flex-grow: 1 !important; }
  3140. .flex-sm-shrink-0 {
  3141. flex-shrink: 0 !important; }
  3142. .flex-sm-shrink-1 {
  3143. flex-shrink: 1 !important; }
  3144. .justify-content-sm-start {
  3145. justify-content: flex-start !important; }
  3146. .justify-content-sm-end {
  3147. justify-content: flex-end !important; }
  3148. .justify-content-sm-center {
  3149. justify-content: center !important; }
  3150. .justify-content-sm-between {
  3151. justify-content: space-between !important; }
  3152. .justify-content-sm-around {
  3153. justify-content: space-around !important; }
  3154. .align-items-sm-start {
  3155. align-items: flex-start !important; }
  3156. .align-items-sm-end {
  3157. align-items: flex-end !important; }
  3158. .align-items-sm-center {
  3159. align-items: center !important; }
  3160. .align-items-sm-baseline {
  3161. align-items: baseline !important; }
  3162. .align-items-sm-stretch {
  3163. align-items: stretch !important; }
  3164. .align-content-sm-start {
  3165. align-content: flex-start !important; }
  3166. .align-content-sm-end {
  3167. align-content: flex-end !important; }
  3168. .align-content-sm-center {
  3169. align-content: center !important; }
  3170. .align-content-sm-between {
  3171. align-content: space-between !important; }
  3172. .align-content-sm-around {
  3173. align-content: space-around !important; }
  3174. .align-content-sm-stretch {
  3175. align-content: stretch !important; }
  3176. .align-self-sm-auto {
  3177. align-self: auto !important; }
  3178. .align-self-sm-start {
  3179. align-self: flex-start !important; }
  3180. .align-self-sm-end {
  3181. align-self: flex-end !important; }
  3182. .align-self-sm-center {
  3183. align-self: center !important; }
  3184. .align-self-sm-baseline {
  3185. align-self: baseline !important; }
  3186. .align-self-sm-stretch {
  3187. align-self: stretch !important; } }
  3188. @media (min-width: 768px) {
  3189. .flex-md-row {
  3190. flex-direction: row !important; }
  3191. .flex-md-column {
  3192. flex-direction: column !important; }
  3193. .flex-md-row-reverse {
  3194. flex-direction: row-reverse !important; }
  3195. .flex-md-column-reverse {
  3196. flex-direction: column-reverse !important; }
  3197. .flex-md-wrap {
  3198. flex-wrap: wrap !important; }
  3199. .flex-md-nowrap {
  3200. flex-wrap: nowrap !important; }
  3201. .flex-md-wrap-reverse {
  3202. flex-wrap: wrap-reverse !important; }
  3203. .flex-md-fill {
  3204. flex: 1 1 auto !important; }
  3205. .flex-md-grow-0 {
  3206. flex-grow: 0 !important; }
  3207. .flex-md-grow-1 {
  3208. flex-grow: 1 !important; }
  3209. .flex-md-shrink-0 {
  3210. flex-shrink: 0 !important; }
  3211. .flex-md-shrink-1 {
  3212. flex-shrink: 1 !important; }
  3213. .justify-content-md-start {
  3214. justify-content: flex-start !important; }
  3215. .justify-content-md-end {
  3216. justify-content: flex-end !important; }
  3217. .justify-content-md-center {
  3218. justify-content: center !important; }
  3219. .justify-content-md-between {
  3220. justify-content: space-between !important; }
  3221. .justify-content-md-around {
  3222. justify-content: space-around !important; }
  3223. .align-items-md-start {
  3224. align-items: flex-start !important; }
  3225. .align-items-md-end {
  3226. align-items: flex-end !important; }
  3227. .align-items-md-center {
  3228. align-items: center !important; }
  3229. .align-items-md-baseline {
  3230. align-items: baseline !important; }
  3231. .align-items-md-stretch {
  3232. align-items: stretch !important; }
  3233. .align-content-md-start {
  3234. align-content: flex-start !important; }
  3235. .align-content-md-end {
  3236. align-content: flex-end !important; }
  3237. .align-content-md-center {
  3238. align-content: center !important; }
  3239. .align-content-md-between {
  3240. align-content: space-between !important; }
  3241. .align-content-md-around {
  3242. align-content: space-around !important; }
  3243. .align-content-md-stretch {
  3244. align-content: stretch !important; }
  3245. .align-self-md-auto {
  3246. align-self: auto !important; }
  3247. .align-self-md-start {
  3248. align-self: flex-start !important; }
  3249. .align-self-md-end {
  3250. align-self: flex-end !important; }
  3251. .align-self-md-center {
  3252. align-self: center !important; }
  3253. .align-self-md-baseline {
  3254. align-self: baseline !important; }
  3255. .align-self-md-stretch {
  3256. align-self: stretch !important; } }
  3257. @media (min-width: 992px) {
  3258. .flex-lg-row {
  3259. flex-direction: row !important; }
  3260. .flex-lg-column {
  3261. flex-direction: column !important; }
  3262. .flex-lg-row-reverse {
  3263. flex-direction: row-reverse !important; }
  3264. .flex-lg-column-reverse {
  3265. flex-direction: column-reverse !important; }
  3266. .flex-lg-wrap {
  3267. flex-wrap: wrap !important; }
  3268. .flex-lg-nowrap {
  3269. flex-wrap: nowrap !important; }
  3270. .flex-lg-wrap-reverse {
  3271. flex-wrap: wrap-reverse !important; }
  3272. .flex-lg-fill {
  3273. flex: 1 1 auto !important; }
  3274. .flex-lg-grow-0 {
  3275. flex-grow: 0 !important; }
  3276. .flex-lg-grow-1 {
  3277. flex-grow: 1 !important; }
  3278. .flex-lg-shrink-0 {
  3279. flex-shrink: 0 !important; }
  3280. .flex-lg-shrink-1 {
  3281. flex-shrink: 1 !important; }
  3282. .justify-content-lg-start {
  3283. justify-content: flex-start !important; }
  3284. .justify-content-lg-end {
  3285. justify-content: flex-end !important; }
  3286. .justify-content-lg-center {
  3287. justify-content: center !important; }
  3288. .justify-content-lg-between {
  3289. justify-content: space-between !important; }
  3290. .justify-content-lg-around {
  3291. justify-content: space-around !important; }
  3292. .align-items-lg-start {
  3293. align-items: flex-start !important; }
  3294. .align-items-lg-end {
  3295. align-items: flex-end !important; }
  3296. .align-items-lg-center {
  3297. align-items: center !important; }
  3298. .align-items-lg-baseline {
  3299. align-items: baseline !important; }
  3300. .align-items-lg-stretch {
  3301. align-items: stretch !important; }
  3302. .align-content-lg-start {
  3303. align-content: flex-start !important; }
  3304. .align-content-lg-end {
  3305. align-content: flex-end !important; }
  3306. .align-content-lg-center {
  3307. align-content: center !important; }
  3308. .align-content-lg-between {
  3309. align-content: space-between !important; }
  3310. .align-content-lg-around {
  3311. align-content: space-around !important; }
  3312. .align-content-lg-stretch {
  3313. align-content: stretch !important; }
  3314. .align-self-lg-auto {
  3315. align-self: auto !important; }
  3316. .align-self-lg-start {
  3317. align-self: flex-start !important; }
  3318. .align-self-lg-end {
  3319. align-self: flex-end !important; }
  3320. .align-self-lg-center {
  3321. align-self: center !important; }
  3322. .align-self-lg-baseline {
  3323. align-self: baseline !important; }
  3324. .align-self-lg-stretch {
  3325. align-self: stretch !important; } }
  3326. @media (min-width: 1200px) {
  3327. .flex-xl-row {
  3328. flex-direction: row !important; }
  3329. .flex-xl-column {
  3330. flex-direction: column !important; }
  3331. .flex-xl-row-reverse {
  3332. flex-direction: row-reverse !important; }
  3333. .flex-xl-column-reverse {
  3334. flex-direction: column-reverse !important; }
  3335. .flex-xl-wrap {
  3336. flex-wrap: wrap !important; }
  3337. .flex-xl-nowrap {
  3338. flex-wrap: nowrap !important; }
  3339. .flex-xl-wrap-reverse {
  3340. flex-wrap: wrap-reverse !important; }
  3341. .flex-xl-fill {
  3342. flex: 1 1 auto !important; }
  3343. .flex-xl-grow-0 {
  3344. flex-grow: 0 !important; }
  3345. .flex-xl-grow-1 {
  3346. flex-grow: 1 !important; }
  3347. .flex-xl-shrink-0 {
  3348. flex-shrink: 0 !important; }
  3349. .flex-xl-shrink-1 {
  3350. flex-shrink: 1 !important; }
  3351. .justify-content-xl-start {
  3352. justify-content: flex-start !important; }
  3353. .justify-content-xl-end {
  3354. justify-content: flex-end !important; }
  3355. .justify-content-xl-center {
  3356. justify-content: center !important; }
  3357. .justify-content-xl-between {
  3358. justify-content: space-between !important; }
  3359. .justify-content-xl-around {
  3360. justify-content: space-around !important; }
  3361. .align-items-xl-start {
  3362. align-items: flex-start !important; }
  3363. .align-items-xl-end {
  3364. align-items: flex-end !important; }
  3365. .align-items-xl-center {
  3366. align-items: center !important; }
  3367. .align-items-xl-baseline {
  3368. align-items: baseline !important; }
  3369. .align-items-xl-stretch {
  3370. align-items: stretch !important; }
  3371. .align-content-xl-start {
  3372. align-content: flex-start !important; }
  3373. .align-content-xl-end {
  3374. align-content: flex-end !important; }
  3375. .align-content-xl-center {
  3376. align-content: center !important; }
  3377. .align-content-xl-between {
  3378. align-content: space-between !important; }
  3379. .align-content-xl-around {
  3380. align-content: space-around !important; }
  3381. .align-content-xl-stretch {
  3382. align-content: stretch !important; }
  3383. .align-self-xl-auto {
  3384. align-self: auto !important; }
  3385. .align-self-xl-start {
  3386. align-self: flex-start !important; }
  3387. .align-self-xl-end {
  3388. align-self: flex-end !important; }
  3389. .align-self-xl-center {
  3390. align-self: center !important; }
  3391. .align-self-xl-baseline {
  3392. align-self: baseline !important; }
  3393. .align-self-xl-stretch {
  3394. align-self: stretch !important; } }
  3395. .float-left {
  3396. float: left !important; }
  3397. .float-right {
  3398. float: right !important; }
  3399. .float-none {
  3400. float: none !important; }
  3401. @media (min-width: 576px) {
  3402. .float-sm-left {
  3403. float: left !important; }
  3404. .float-sm-right {
  3405. float: right !important; }
  3406. .float-sm-none {
  3407. float: none !important; } }
  3408. @media (min-width: 768px) {
  3409. .float-md-left {
  3410. float: left !important; }
  3411. .float-md-right {
  3412. float: right !important; }
  3413. .float-md-none {
  3414. float: none !important; } }
  3415. @media (min-width: 992px) {
  3416. .float-lg-left {
  3417. float: left !important; }
  3418. .float-lg-right {
  3419. float: right !important; }
  3420. .float-lg-none {
  3421. float: none !important; } }
  3422. @media (min-width: 1200px) {
  3423. .float-xl-left {
  3424. float: left !important; }
  3425. .float-xl-right {
  3426. float: right !important; }
  3427. .float-xl-none {
  3428. float: none !important; } }
  3429. .position-static {
  3430. position: static !important; }
  3431. .position-relative {
  3432. position: relative !important; }
  3433. .position-absolute {
  3434. position: absolute !important; }
  3435. .position-fixed {
  3436. position: fixed !important; }
  3437. .position-sticky {
  3438. position: sticky !important; }
  3439. .fixed-top {
  3440. position: fixed;
  3441. top: 0;
  3442. right: 0;
  3443. left: 0;
  3444. z-index: 1030; }
  3445. .fixed-bottom {
  3446. position: fixed;
  3447. right: 0;
  3448. bottom: 0;
  3449. left: 0;
  3450. z-index: 1030; }
  3451. @supports (position: sticky) {
  3452. .sticky-top {
  3453. position: sticky;
  3454. top: 0;
  3455. z-index: 1020; } }
  3456. .sr-only {
  3457. position: absolute;
  3458. width: 1px;
  3459. height: 1px;
  3460. padding: 0;
  3461. overflow: hidden;
  3462. clip: rect(0, 0, 0, 0);
  3463. white-space: nowrap;
  3464. border: 0; }
  3465. .sr-only-focusable:active, .sr-only-focusable:focus {
  3466. position: static;
  3467. width: auto;
  3468. height: auto;
  3469. overflow: visible;
  3470. clip: auto;
  3471. white-space: normal; }
  3472. .shadow-sm {
  3473. box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; }
  3474. .shadow {
  3475. box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; }
  3476. .shadow-lg {
  3477. box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; }
  3478. .shadow-none {
  3479. box-shadow: none !important; }
  3480. .w-25 {
  3481. width: 25% !important; }
  3482. .w-50 {
  3483. width: 50% !important; }
  3484. .w-75 {
  3485. width: 75% !important; }
  3486. .w-100 {
  3487. width: 100% !important; }
  3488. .w-auto {
  3489. width: auto !important; }
  3490. .h-25 {
  3491. height: 25% !important; }
  3492. .h-50 {
  3493. height: 50% !important; }
  3494. .h-75 {
  3495. height: 75% !important; }
  3496. .h-100 {
  3497. height: 100% !important; }
  3498. .h-auto {
  3499. height: auto !important; }
  3500. .mw-100 {
  3501. max-width: 100% !important; }
  3502. .mh-100 {
  3503. max-height: 100% !important; }
  3504. .m-0 {
  3505. margin: 0 !important; }
  3506. .mt-0,
  3507. .my-0 {
  3508. margin-top: 0 !important; }
  3509. .mr-0,
  3510. .mx-0 {
  3511. margin-right: 0 !important; }
  3512. .mb-0,
  3513. .my-0 {
  3514. margin-bottom: 0 !important; }
  3515. .ml-0,
  3516. .mx-0 {
  3517. margin-left: 0 !important; }
  3518. .m-1 {
  3519. margin: 0.25rem !important; }
  3520. .mt-1,
  3521. .my-1 {
  3522. margin-top: 0.25rem !important; }
  3523. .mr-1,
  3524. .mx-1 {
  3525. margin-right: 0.25rem !important; }
  3526. .mb-1,
  3527. .my-1 {
  3528. margin-bottom: 0.25rem !important; }
  3529. .ml-1,
  3530. .mx-1 {
  3531. margin-left: 0.25rem !important; }
  3532. .m-2 {
  3533. margin: 0.5rem !important; }
  3534. .mt-2,
  3535. .my-2 {
  3536. margin-top: 0.5rem !important; }
  3537. .mr-2,
  3538. .mx-2 {
  3539. margin-right: 0.5rem !important; }
  3540. .mb-2,
  3541. .my-2 {
  3542. margin-bottom: 0.5rem !important; }
  3543. .ml-2,
  3544. .mx-2 {
  3545. margin-left: 0.5rem !important; }
  3546. .m-3 {
  3547. margin: 1rem !important; }
  3548. .mt-3,
  3549. .my-3 {
  3550. margin-top: 1rem !important; }
  3551. .mr-3,
  3552. .mx-3 {
  3553. margin-right: 1rem !important; }
  3554. .mb-3,
  3555. .my-3 {
  3556. margin-bottom: 1rem !important; }
  3557. .ml-3,
  3558. .mx-3 {
  3559. margin-left: 1rem !important; }
  3560. .m-4 {
  3561. margin: 1.5rem !important; }
  3562. .mt-4,
  3563. .my-4 {
  3564. margin-top: 1.5rem !important; }
  3565. .mr-4,
  3566. .mx-4 {
  3567. margin-right: 1.5rem !important; }
  3568. .mb-4,
  3569. .my-4 {
  3570. margin-bottom: 1.5rem !important; }
  3571. .ml-4,
  3572. .mx-4 {
  3573. margin-left: 1.5rem !important; }
  3574. .m-5 {
  3575. margin: 3rem !important; }
  3576. .mt-5,
  3577. .my-5 {
  3578. margin-top: 3rem !important; }
  3579. .mr-5,
  3580. .mx-5 {
  3581. margin-right: 3rem !important; }
  3582. .mb-5,
  3583. .my-5 {
  3584. margin-bottom: 3rem !important; }
  3585. .ml-5,
  3586. .mx-5 {
  3587. margin-left: 3rem !important; }
  3588. .p-0 {
  3589. padding: 0 !important; }
  3590. .pt-0,
  3591. .py-0 {
  3592. padding-top: 0 !important; }
  3593. .pr-0,
  3594. .px-0 {
  3595. padding-right: 0 !important; }
  3596. .pb-0,
  3597. .py-0 {
  3598. padding-bottom: 0 !important; }
  3599. .pl-0,
  3600. .px-0 {
  3601. padding-left: 0 !important; }
  3602. .p-1 {
  3603. padding: 0.25rem !important; }
  3604. .pt-1,
  3605. .py-1 {
  3606. padding-top: 0.25rem !important; }
  3607. .pr-1,
  3608. .px-1 {
  3609. padding-right: 0.25rem !important; }
  3610. .pb-1,
  3611. .py-1 {
  3612. padding-bottom: 0.25rem !important; }
  3613. .pl-1,
  3614. .px-1 {
  3615. padding-left: 0.25rem !important; }
  3616. .p-2 {
  3617. padding: 0.5rem !important; }
  3618. .pt-2,
  3619. .py-2 {
  3620. padding-top: 0.5rem !important; }
  3621. .pr-2,
  3622. .px-2 {
  3623. padding-right: 0.5rem !important; }
  3624. .pb-2,
  3625. .py-2 {
  3626. padding-bottom: 0.5rem !important; }
  3627. .pl-2,
  3628. .px-2 {
  3629. padding-left: 0.5rem !important; }
  3630. .p-3 {
  3631. padding: 1rem !important; }
  3632. .pt-3,
  3633. .py-3 {
  3634. padding-top: 1rem !important; }
  3635. .pr-3,
  3636. .px-3 {
  3637. padding-right: 1rem !important; }
  3638. .pb-3,
  3639. .py-3 {
  3640. padding-bottom: 1rem !important; }
  3641. .pl-3,
  3642. .px-3 {
  3643. padding-left: 1rem !important; }
  3644. .p-4 {
  3645. padding: 1.5rem !important; }
  3646. .pt-4,
  3647. .py-4 {
  3648. padding-top: 1.5rem !important; }
  3649. .pr-4,
  3650. .px-4 {
  3651. padding-right: 1.5rem !important; }
  3652. .pb-4,
  3653. .py-4 {
  3654. padding-bottom: 1.5rem !important; }
  3655. .pl-4,
  3656. .px-4 {
  3657. padding-left: 1.5rem !important; }
  3658. .p-5 {
  3659. padding: 3rem !important; }
  3660. .pt-5,
  3661. .py-5 {
  3662. padding-top: 3rem !important; }
  3663. .pr-5,
  3664. .px-5 {
  3665. padding-right: 3rem !important; }
  3666. .pb-5,
  3667. .py-5 {
  3668. padding-bottom: 3rem !important; }
  3669. .pl-5,
  3670. .px-5 {
  3671. padding-left: 3rem !important; }
  3672. .m-auto {
  3673. margin: auto !important; }
  3674. .mt-auto,
  3675. .my-auto {
  3676. margin-top: auto !important; }
  3677. .mr-auto,
  3678. .mx-auto {
  3679. margin-right: auto !important; }
  3680. .mb-auto,
  3681. .my-auto {
  3682. margin-bottom: auto !important; }
  3683. .ml-auto,
  3684. .mx-auto {
  3685. margin-left: auto !important; }
  3686. @media (min-width: 576px) {
  3687. .m-sm-0 {
  3688. margin: 0 !important; }
  3689. .mt-sm-0,
  3690. .my-sm-0 {
  3691. margin-top: 0 !important; }
  3692. .mr-sm-0,
  3693. .mx-sm-0 {
  3694. margin-right: 0 !important; }
  3695. .mb-sm-0,
  3696. .my-sm-0 {
  3697. margin-bottom: 0 !important; }
  3698. .ml-sm-0,
  3699. .mx-sm-0 {
  3700. margin-left: 0 !important; }
  3701. .m-sm-1 {
  3702. margin: 0.25rem !important; }
  3703. .mt-sm-1,
  3704. .my-sm-1 {
  3705. margin-top: 0.25rem !important; }
  3706. .mr-sm-1,
  3707. .mx-sm-1 {
  3708. margin-right: 0.25rem !important; }
  3709. .mb-sm-1,
  3710. .my-sm-1 {
  3711. margin-bottom: 0.25rem !important; }
  3712. .ml-sm-1,
  3713. .mx-sm-1 {
  3714. margin-left: 0.25rem !important; }
  3715. .m-sm-2 {
  3716. margin: 0.5rem !important; }
  3717. .mt-sm-2,
  3718. .my-sm-2 {
  3719. margin-top: 0.5rem !important; }
  3720. .mr-sm-2,
  3721. .mx-sm-2 {
  3722. margin-right: 0.5rem !important; }
  3723. .mb-sm-2,
  3724. .my-sm-2 {
  3725. margin-bottom: 0.5rem !important; }
  3726. .ml-sm-2,
  3727. .mx-sm-2 {
  3728. margin-left: 0.5rem !important; }
  3729. .m-sm-3 {
  3730. margin: 1rem !important; }
  3731. .mt-sm-3,
  3732. .my-sm-3 {
  3733. margin-top: 1rem !important; }
  3734. .mr-sm-3,
  3735. .mx-sm-3 {
  3736. margin-right: 1rem !important; }
  3737. .mb-sm-3,
  3738. .my-sm-3 {
  3739. margin-bottom: 1rem !important; }
  3740. .ml-sm-3,
  3741. .mx-sm-3 {
  3742. margin-left: 1rem !important; }
  3743. .m-sm-4 {
  3744. margin: 1.5rem !important; }
  3745. .mt-sm-4,
  3746. .my-sm-4 {
  3747. margin-top: 1.5rem !important; }
  3748. .mr-sm-4,
  3749. .mx-sm-4 {
  3750. margin-right: 1.5rem !important; }
  3751. .mb-sm-4,
  3752. .my-sm-4 {
  3753. margin-bottom: 1.5rem !important; }
  3754. .ml-sm-4,
  3755. .mx-sm-4 {
  3756. margin-left: 1.5rem !important; }
  3757. .m-sm-5 {
  3758. margin: 3rem !important; }
  3759. .mt-sm-5,
  3760. .my-sm-5 {
  3761. margin-top: 3rem !important; }
  3762. .mr-sm-5,
  3763. .mx-sm-5 {
  3764. margin-right: 3rem !important; }
  3765. .mb-sm-5,
  3766. .my-sm-5 {
  3767. margin-bottom: 3rem !important; }
  3768. .ml-sm-5,
  3769. .mx-sm-5 {
  3770. margin-left: 3rem !important; }
  3771. .p-sm-0 {
  3772. padding: 0 !important; }
  3773. .pt-sm-0,
  3774. .py-sm-0 {
  3775. padding-top: 0 !important; }
  3776. .pr-sm-0,
  3777. .px-sm-0 {
  3778. padding-right: 0 !important; }
  3779. .pb-sm-0,
  3780. .py-sm-0 {
  3781. padding-bottom: 0 !important; }
  3782. .pl-sm-0,
  3783. .px-sm-0 {
  3784. padding-left: 0 !important; }
  3785. .p-sm-1 {
  3786. padding: 0.25rem !important; }
  3787. .pt-sm-1,
  3788. .py-sm-1 {
  3789. padding-top: 0.25rem !important; }
  3790. .pr-sm-1,
  3791. .px-sm-1 {
  3792. padding-right: 0.25rem !important; }
  3793. .pb-sm-1,
  3794. .py-sm-1 {
  3795. padding-bottom: 0.25rem !important; }
  3796. .pl-sm-1,
  3797. .px-sm-1 {
  3798. padding-left: 0.25rem !important; }
  3799. .p-sm-2 {
  3800. padding: 0.5rem !important; }
  3801. .pt-sm-2,
  3802. .py-sm-2 {
  3803. padding-top: 0.5rem !important; }
  3804. .pr-sm-2,
  3805. .px-sm-2 {
  3806. padding-right: 0.5rem !important; }
  3807. .pb-sm-2,
  3808. .py-sm-2 {
  3809. padding-bottom: 0.5rem !important; }
  3810. .pl-sm-2,
  3811. .px-sm-2 {
  3812. padding-left: 0.5rem !important; }
  3813. .p-sm-3 {
  3814. padding: 1rem !important; }
  3815. .pt-sm-3,
  3816. .py-sm-3 {
  3817. padding-top: 1rem !important; }
  3818. .pr-sm-3,
  3819. .px-sm-3 {
  3820. padding-right: 1rem !important; }
  3821. .pb-sm-3,
  3822. .py-sm-3 {
  3823. padding-bottom: 1rem !important; }
  3824. .pl-sm-3,
  3825. .px-sm-3 {
  3826. padding-left: 1rem !important; }
  3827. .p-sm-4 {
  3828. padding: 1.5rem !important; }
  3829. .pt-sm-4,
  3830. .py-sm-4 {
  3831. padding-top: 1.5rem !important; }
  3832. .pr-sm-4,
  3833. .px-sm-4 {
  3834. padding-right: 1.5rem !important; }
  3835. .pb-sm-4,
  3836. .py-sm-4 {
  3837. padding-bottom: 1.5rem !important; }
  3838. .pl-sm-4,
  3839. .px-sm-4 {
  3840. padding-left: 1.5rem !important; }
  3841. .p-sm-5 {
  3842. padding: 3rem !important; }
  3843. .pt-sm-5,
  3844. .py-sm-5 {
  3845. padding-top: 3rem !important; }
  3846. .pr-sm-5,
  3847. .px-sm-5 {
  3848. padding-right: 3rem !important; }
  3849. .pb-sm-5,
  3850. .py-sm-5 {
  3851. padding-bottom: 3rem !important; }
  3852. .pl-sm-5,
  3853. .px-sm-5 {
  3854. padding-left: 3rem !important; }
  3855. .m-sm-auto {
  3856. margin: auto !important; }
  3857. .mt-sm-auto,
  3858. .my-sm-auto {
  3859. margin-top: auto !important; }
  3860. .mr-sm-auto,
  3861. .mx-sm-auto {
  3862. margin-right: auto !important; }
  3863. .mb-sm-auto,
  3864. .my-sm-auto {
  3865. margin-bottom: auto !important; }
  3866. .ml-sm-auto,
  3867. .mx-sm-auto {
  3868. margin-left: auto !important; } }
  3869. @media (min-width: 768px) {
  3870. .m-md-0 {
  3871. margin: 0 !important; }
  3872. .mt-md-0,
  3873. .my-md-0 {
  3874. margin-top: 0 !important; }
  3875. .mr-md-0,
  3876. .mx-md-0 {
  3877. margin-right: 0 !important; }
  3878. .mb-md-0,
  3879. .my-md-0 {
  3880. margin-bottom: 0 !important; }
  3881. .ml-md-0,
  3882. .mx-md-0 {
  3883. margin-left: 0 !important; }
  3884. .m-md-1 {
  3885. margin: 0.25rem !important; }
  3886. .mt-md-1,
  3887. .my-md-1 {
  3888. margin-top: 0.25rem !important; }
  3889. .mr-md-1,
  3890. .mx-md-1 {
  3891. margin-right: 0.25rem !important; }
  3892. .mb-md-1,
  3893. .my-md-1 {
  3894. margin-bottom: 0.25rem !important; }
  3895. .ml-md-1,
  3896. .mx-md-1 {
  3897. margin-left: 0.25rem !important; }
  3898. .m-md-2 {
  3899. margin: 0.5rem !important; }
  3900. .mt-md-2,
  3901. .my-md-2 {
  3902. margin-top: 0.5rem !important; }
  3903. .mr-md-2,
  3904. .mx-md-2 {
  3905. margin-right: 0.5rem !important; }
  3906. .mb-md-2,
  3907. .my-md-2 {
  3908. margin-bottom: 0.5rem !important; }
  3909. .ml-md-2,
  3910. .mx-md-2 {
  3911. margin-left: 0.5rem !important; }
  3912. .m-md-3 {
  3913. margin: 1rem !important; }
  3914. .mt-md-3,
  3915. .my-md-3 {
  3916. margin-top: 1rem !important; }
  3917. .mr-md-3,
  3918. .mx-md-3 {
  3919. margin-right: 1rem !important; }
  3920. .mb-md-3,
  3921. .my-md-3 {
  3922. margin-bottom: 1rem !important; }
  3923. .ml-md-3,
  3924. .mx-md-3 {
  3925. margin-left: 1rem !important; }
  3926. .m-md-4 {
  3927. margin: 1.5rem !important; }
  3928. .mt-md-4,
  3929. .my-md-4 {
  3930. margin-top: 1.5rem !important; }
  3931. .mr-md-4,
  3932. .mx-md-4 {
  3933. margin-right: 1.5rem !important; }
  3934. .mb-md-4,
  3935. .my-md-4 {
  3936. margin-bottom: 1.5rem !important; }
  3937. .ml-md-4,
  3938. .mx-md-4 {
  3939. margin-left: 1.5rem !important; }
  3940. .m-md-5 {
  3941. margin: 3rem !important; }
  3942. .mt-md-5,
  3943. .my-md-5 {
  3944. margin-top: 3rem !important; }
  3945. .mr-md-5,
  3946. .mx-md-5 {
  3947. margin-right: 3rem !important; }
  3948. .mb-md-5,
  3949. .my-md-5 {
  3950. margin-bottom: 3rem !important; }
  3951. .ml-md-5,
  3952. .mx-md-5 {
  3953. margin-left: 3rem !important; }
  3954. .p-md-0 {
  3955. padding: 0 !important; }
  3956. .pt-md-0,
  3957. .py-md-0 {
  3958. padding-top: 0 !important; }
  3959. .pr-md-0,
  3960. .px-md-0 {
  3961. padding-right: 0 !important; }
  3962. .pb-md-0,
  3963. .py-md-0 {
  3964. padding-bottom: 0 !important; }
  3965. .pl-md-0,
  3966. .px-md-0 {
  3967. padding-left: 0 !important; }
  3968. .p-md-1 {
  3969. padding: 0.25rem !important; }
  3970. .pt-md-1,
  3971. .py-md-1 {
  3972. padding-top: 0.25rem !important; }
  3973. .pr-md-1,
  3974. .px-md-1 {
  3975. padding-right: 0.25rem !important; }
  3976. .pb-md-1,
  3977. .py-md-1 {
  3978. padding-bottom: 0.25rem !important; }
  3979. .pl-md-1,
  3980. .px-md-1 {
  3981. padding-left: 0.25rem !important; }
  3982. .p-md-2 {
  3983. padding: 0.5rem !important; }
  3984. .pt-md-2,
  3985. .py-md-2 {
  3986. padding-top: 0.5rem !important; }
  3987. .pr-md-2,
  3988. .px-md-2 {
  3989. padding-right: 0.5rem !important; }
  3990. .pb-md-2,
  3991. .py-md-2 {
  3992. padding-bottom: 0.5rem !important; }
  3993. .pl-md-2,
  3994. .px-md-2 {
  3995. padding-left: 0.5rem !important; }
  3996. .p-md-3 {
  3997. padding: 1rem !important; }
  3998. .pt-md-3,
  3999. .py-md-3 {
  4000. padding-top: 1rem !important; }
  4001. .pr-md-3,
  4002. .px-md-3 {
  4003. padding-right: 1rem !important; }
  4004. .pb-md-3,
  4005. .py-md-3 {
  4006. padding-bottom: 1rem !important; }
  4007. .pl-md-3,
  4008. .px-md-3 {
  4009. padding-left: 1rem !important; }
  4010. .p-md-4 {
  4011. padding: 1.5rem !important; }
  4012. .pt-md-4,
  4013. .py-md-4 {
  4014. padding-top: 1.5rem !important; }
  4015. .pr-md-4,
  4016. .px-md-4 {
  4017. padding-right: 1.5rem !important; }
  4018. .pb-md-4,
  4019. .py-md-4 {
  4020. padding-bottom: 1.5rem !important; }
  4021. .pl-md-4,
  4022. .px-md-4 {
  4023. padding-left: 1.5rem !important; }
  4024. .p-md-5 {
  4025. padding: 3rem !important; }
  4026. .pt-md-5,
  4027. .py-md-5 {
  4028. padding-top: 3rem !important; }
  4029. .pr-md-5,
  4030. .px-md-5 {
  4031. padding-right: 3rem !important; }
  4032. .pb-md-5,
  4033. .py-md-5 {
  4034. padding-bottom: 3rem !important; }
  4035. .pl-md-5,
  4036. .px-md-5 {
  4037. padding-left: 3rem !important; }
  4038. .m-md-auto {
  4039. margin: auto !important; }
  4040. .mt-md-auto,
  4041. .my-md-auto {
  4042. margin-top: auto !important; }
  4043. .mr-md-auto,
  4044. .mx-md-auto {
  4045. margin-right: auto !important; }
  4046. .mb-md-auto,
  4047. .my-md-auto {
  4048. margin-bottom: auto !important; }
  4049. .ml-md-auto,
  4050. .mx-md-auto {
  4051. margin-left: auto !important; } }
  4052. @media (min-width: 992px) {
  4053. .m-lg-0 {
  4054. margin: 0 !important; }
  4055. .mt-lg-0,
  4056. .my-lg-0 {
  4057. margin-top: 0 !important; }
  4058. .mr-lg-0,
  4059. .mx-lg-0 {
  4060. margin-right: 0 !important; }
  4061. .mb-lg-0,
  4062. .my-lg-0 {
  4063. margin-bottom: 0 !important; }
  4064. .ml-lg-0,
  4065. .mx-lg-0 {
  4066. margin-left: 0 !important; }
  4067. .m-lg-1 {
  4068. margin: 0.25rem !important; }
  4069. .mt-lg-1,
  4070. .my-lg-1 {
  4071. margin-top: 0.25rem !important; }
  4072. .mr-lg-1,
  4073. .mx-lg-1 {
  4074. margin-right: 0.25rem !important; }
  4075. .mb-lg-1,
  4076. .my-lg-1 {
  4077. margin-bottom: 0.25rem !important; }
  4078. .ml-lg-1,
  4079. .mx-lg-1 {
  4080. margin-left: 0.25rem !important; }
  4081. .m-lg-2 {
  4082. margin: 0.5rem !important; }
  4083. .mt-lg-2,
  4084. .my-lg-2 {
  4085. margin-top: 0.5rem !important; }
  4086. .mr-lg-2,
  4087. .mx-lg-2 {
  4088. margin-right: 0.5rem !important; }
  4089. .mb-lg-2,
  4090. .my-lg-2 {
  4091. margin-bottom: 0.5rem !important; }
  4092. .ml-lg-2,
  4093. .mx-lg-2 {
  4094. margin-left: 0.5rem !important; }
  4095. .m-lg-3 {
  4096. margin: 1rem !important; }
  4097. .mt-lg-3,
  4098. .my-lg-3 {
  4099. margin-top: 1rem !important; }
  4100. .mr-lg-3,
  4101. .mx-lg-3 {
  4102. margin-right: 1rem !important; }
  4103. .mb-lg-3,
  4104. .my-lg-3 {
  4105. margin-bottom: 1rem !important; }
  4106. .ml-lg-3,
  4107. .mx-lg-3 {
  4108. margin-left: 1rem !important; }
  4109. .m-lg-4 {
  4110. margin: 1.5rem !important; }
  4111. .mt-lg-4,
  4112. .my-lg-4 {
  4113. margin-top: 1.5rem !important; }
  4114. .mr-lg-4,
  4115. .mx-lg-4 {
  4116. margin-right: 1.5rem !important; }
  4117. .mb-lg-4,
  4118. .my-lg-4 {
  4119. margin-bottom: 1.5rem !important; }
  4120. .ml-lg-4,
  4121. .mx-lg-4 {
  4122. margin-left: 1.5rem !important; }
  4123. .m-lg-5 {
  4124. margin: 3rem !important; }
  4125. .mt-lg-5,
  4126. .my-lg-5 {
  4127. margin-top: 3rem !important; }
  4128. .mr-lg-5,
  4129. .mx-lg-5 {
  4130. margin-right: 3rem !important; }
  4131. .mb-lg-5,
  4132. .my-lg-5 {
  4133. margin-bottom: 3rem !important; }
  4134. .ml-lg-5,
  4135. .mx-lg-5 {
  4136. margin-left: 3rem !important; }
  4137. .p-lg-0 {
  4138. padding: 0 !important; }
  4139. .pt-lg-0,
  4140. .py-lg-0 {
  4141. padding-top: 0 !important; }
  4142. .pr-lg-0,
  4143. .px-lg-0 {
  4144. padding-right: 0 !important; }
  4145. .pb-lg-0,
  4146. .py-lg-0 {
  4147. padding-bottom: 0 !important; }
  4148. .pl-lg-0,
  4149. .px-lg-0 {
  4150. padding-left: 0 !important; }
  4151. .p-lg-1 {
  4152. padding: 0.25rem !important; }
  4153. .pt-lg-1,
  4154. .py-lg-1 {
  4155. padding-top: 0.25rem !important; }
  4156. .pr-lg-1,
  4157. .px-lg-1 {
  4158. padding-right: 0.25rem !important; }
  4159. .pb-lg-1,
  4160. .py-lg-1 {
  4161. padding-bottom: 0.25rem !important; }
  4162. .pl-lg-1,
  4163. .px-lg-1 {
  4164. padding-left: 0.25rem !important; }
  4165. .p-lg-2 {
  4166. padding: 0.5rem !important; }
  4167. .pt-lg-2,
  4168. .py-lg-2 {
  4169. padding-top: 0.5rem !important; }
  4170. .pr-lg-2,
  4171. .px-lg-2 {
  4172. padding-right: 0.5rem !important; }
  4173. .pb-lg-2,
  4174. .py-lg-2 {
  4175. padding-bottom: 0.5rem !important; }
  4176. .pl-lg-2,
  4177. .px-lg-2 {
  4178. padding-left: 0.5rem !important; }
  4179. .p-lg-3 {
  4180. padding: 1rem !important; }
  4181. .pt-lg-3,
  4182. .py-lg-3 {
  4183. padding-top: 1rem !important; }
  4184. .pr-lg-3,
  4185. .px-lg-3 {
  4186. padding-right: 1rem !important; }
  4187. .pb-lg-3,
  4188. .py-lg-3 {
  4189. padding-bottom: 1rem !important; }
  4190. .pl-lg-3,
  4191. .px-lg-3 {
  4192. padding-left: 1rem !important; }
  4193. .p-lg-4 {
  4194. padding: 1.5rem !important; }
  4195. .pt-lg-4,
  4196. .py-lg-4 {
  4197. padding-top: 1.5rem !important; }
  4198. .pr-lg-4,
  4199. .px-lg-4 {
  4200. padding-right: 1.5rem !important; }
  4201. .pb-lg-4,
  4202. .py-lg-4 {
  4203. padding-bottom: 1.5rem !important; }
  4204. .pl-lg-4,
  4205. .px-lg-4 {
  4206. padding-left: 1.5rem !important; }
  4207. .p-lg-5 {
  4208. padding: 3rem !important; }
  4209. .pt-lg-5,
  4210. .py-lg-5 {
  4211. padding-top: 3rem !important; }
  4212. .pr-lg-5,
  4213. .px-lg-5 {
  4214. padding-right: 3rem !important; }
  4215. .pb-lg-5,
  4216. .py-lg-5 {
  4217. padding-bottom: 3rem !important; }
  4218. .pl-lg-5,
  4219. .px-lg-5 {
  4220. padding-left: 3rem !important; }
  4221. .m-lg-auto {
  4222. margin: auto !important; }
  4223. .mt-lg-auto,
  4224. .my-lg-auto {
  4225. margin-top: auto !important; }
  4226. .mr-lg-auto,
  4227. .mx-lg-auto {
  4228. margin-right: auto !important; }
  4229. .mb-lg-auto,
  4230. .my-lg-auto {
  4231. margin-bottom: auto !important; }
  4232. .ml-lg-auto,
  4233. .mx-lg-auto {
  4234. margin-left: auto !important; } }
  4235. @media (min-width: 1200px) {
  4236. .m-xl-0 {
  4237. margin: 0 !important; }
  4238. .mt-xl-0,
  4239. .my-xl-0 {
  4240. margin-top: 0 !important; }
  4241. .mr-xl-0,
  4242. .mx-xl-0 {
  4243. margin-right: 0 !important; }
  4244. .mb-xl-0,
  4245. .my-xl-0 {
  4246. margin-bottom: 0 !important; }
  4247. .ml-xl-0,
  4248. .mx-xl-0 {
  4249. margin-left: 0 !important; }
  4250. .m-xl-1 {
  4251. margin: 0.25rem !important; }
  4252. .mt-xl-1,
  4253. .my-xl-1 {
  4254. margin-top: 0.25rem !important; }
  4255. .mr-xl-1,
  4256. .mx-xl-1 {
  4257. margin-right: 0.25rem !important; }
  4258. .mb-xl-1,
  4259. .my-xl-1 {
  4260. margin-bottom: 0.25rem !important; }
  4261. .ml-xl-1,
  4262. .mx-xl-1 {
  4263. margin-left: 0.25rem !important; }
  4264. .m-xl-2 {
  4265. margin: 0.5rem !important; }
  4266. .mt-xl-2,
  4267. .my-xl-2 {
  4268. margin-top: 0.5rem !important; }
  4269. .mr-xl-2,
  4270. .mx-xl-2 {
  4271. margin-right: 0.5rem !important; }
  4272. .mb-xl-2,
  4273. .my-xl-2 {
  4274. margin-bottom: 0.5rem !important; }
  4275. .ml-xl-2,
  4276. .mx-xl-2 {
  4277. margin-left: 0.5rem !important; }
  4278. .m-xl-3 {
  4279. margin: 1rem !important; }
  4280. .mt-xl-3,
  4281. .my-xl-3 {
  4282. margin-top: 1rem !important; }
  4283. .mr-xl-3,
  4284. .mx-xl-3 {
  4285. margin-right: 1rem !important; }
  4286. .mb-xl-3,
  4287. .my-xl-3 {
  4288. margin-bottom: 1rem !important; }
  4289. .ml-xl-3,
  4290. .mx-xl-3 {
  4291. margin-left: 1rem !important; }
  4292. .m-xl-4 {
  4293. margin: 1.5rem !important; }
  4294. .mt-xl-4,
  4295. .my-xl-4 {
  4296. margin-top: 1.5rem !important; }
  4297. .mr-xl-4,
  4298. .mx-xl-4 {
  4299. margin-right: 1.5rem !important; }
  4300. .mb-xl-4,
  4301. .my-xl-4 {
  4302. margin-bottom: 1.5rem !important; }
  4303. .ml-xl-4,
  4304. .mx-xl-4 {
  4305. margin-left: 1.5rem !important; }
  4306. .m-xl-5 {
  4307. margin: 3rem !important; }
  4308. .mt-xl-5,
  4309. .my-xl-5 {
  4310. margin-top: 3rem !important; }
  4311. .mr-xl-5,
  4312. .mx-xl-5 {
  4313. margin-right: 3rem !important; }
  4314. .mb-xl-5,
  4315. .my-xl-5 {
  4316. margin-bottom: 3rem !important; }
  4317. .ml-xl-5,
  4318. .mx-xl-5 {
  4319. margin-left: 3rem !important; }
  4320. .p-xl-0 {
  4321. padding: 0 !important; }
  4322. .pt-xl-0,
  4323. .py-xl-0 {
  4324. padding-top: 0 !important; }
  4325. .pr-xl-0,
  4326. .px-xl-0 {
  4327. padding-right: 0 !important; }
  4328. .pb-xl-0,
  4329. .py-xl-0 {
  4330. padding-bottom: 0 !important; }
  4331. .pl-xl-0,
  4332. .px-xl-0 {
  4333. padding-left: 0 !important; }
  4334. .p-xl-1 {
  4335. padding: 0.25rem !important; }
  4336. .pt-xl-1,
  4337. .py-xl-1 {
  4338. padding-top: 0.25rem !important; }
  4339. .pr-xl-1,
  4340. .px-xl-1 {
  4341. padding-right: 0.25rem !important; }
  4342. .pb-xl-1,
  4343. .py-xl-1 {
  4344. padding-bottom: 0.25rem !important; }
  4345. .pl-xl-1,
  4346. .px-xl-1 {
  4347. padding-left: 0.25rem !important; }
  4348. .p-xl-2 {
  4349. padding: 0.5rem !important; }
  4350. .pt-xl-2,
  4351. .py-xl-2 {
  4352. padding-top: 0.5rem !important; }
  4353. .pr-xl-2,
  4354. .px-xl-2 {
  4355. padding-right: 0.5rem !important; }
  4356. .pb-xl-2,
  4357. .py-xl-2 {
  4358. padding-bottom: 0.5rem !important; }
  4359. .pl-xl-2,
  4360. .px-xl-2 {
  4361. padding-left: 0.5rem !important; }
  4362. .p-xl-3 {
  4363. padding: 1rem !important; }
  4364. .pt-xl-3,
  4365. .py-xl-3 {
  4366. padding-top: 1rem !important; }
  4367. .pr-xl-3,
  4368. .px-xl-3 {
  4369. padding-right: 1rem !important; }
  4370. .pb-xl-3,
  4371. .py-xl-3 {
  4372. padding-bottom: 1rem !important; }
  4373. .pl-xl-3,
  4374. .px-xl-3 {
  4375. padding-left: 1rem !important; }
  4376. .p-xl-4 {
  4377. padding: 1.5rem !important; }
  4378. .pt-xl-4,
  4379. .py-xl-4 {
  4380. padding-top: 1.5rem !important; }
  4381. .pr-xl-4,
  4382. .px-xl-4 {
  4383. padding-right: 1.5rem !important; }
  4384. .pb-xl-4,
  4385. .py-xl-4 {
  4386. padding-bottom: 1.5rem !important; }
  4387. .pl-xl-4,
  4388. .px-xl-4 {
  4389. padding-left: 1.5rem !important; }
  4390. .p-xl-5 {
  4391. padding: 3rem !important; }
  4392. .pt-xl-5,
  4393. .py-xl-5 {
  4394. padding-top: 3rem !important; }
  4395. .pr-xl-5,
  4396. .px-xl-5 {
  4397. padding-right: 3rem !important; }
  4398. .pb-xl-5,
  4399. .py-xl-5 {
  4400. padding-bottom: 3rem !important; }
  4401. .pl-xl-5,
  4402. .px-xl-5 {
  4403. padding-left: 3rem !important; }
  4404. .m-xl-auto {
  4405. margin: auto !important; }
  4406. .mt-xl-auto,
  4407. .my-xl-auto {
  4408. margin-top: auto !important; }
  4409. .mr-xl-auto,
  4410. .mx-xl-auto {
  4411. margin-right: auto !important; }
  4412. .mb-xl-auto,
  4413. .my-xl-auto {
  4414. margin-bottom: auto !important; }
  4415. .ml-xl-auto,
  4416. .mx-xl-auto {
  4417. margin-left: auto !important; } }
  4418. .text-monospace {
  4419. font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }
  4420. .text-justify {
  4421. text-align: justify !important; }
  4422. .text-nowrap {
  4423. white-space: nowrap !important; }
  4424. .text-truncate {
  4425. overflow: hidden;
  4426. text-overflow: ellipsis;
  4427. white-space: nowrap; }
  4428. .text-left {
  4429. text-align: left !important; }
  4430. .text-right {
  4431. text-align: right !important; }
  4432. .text-center {
  4433. text-align: center !important; }
  4434. @media (min-width: 576px) {
  4435. .text-sm-left {
  4436. text-align: left !important; }
  4437. .text-sm-right {
  4438. text-align: right !important; }
  4439. .text-sm-center {
  4440. text-align: center !important; } }
  4441. @media (min-width: 768px) {
  4442. .text-md-left {
  4443. text-align: left !important; }
  4444. .text-md-right {
  4445. text-align: right !important; }
  4446. .text-md-center {
  4447. text-align: center !important; } }
  4448. @media (min-width: 992px) {
  4449. .text-lg-left {
  4450. text-align: left !important; }
  4451. .text-lg-right {
  4452. text-align: right !important; }
  4453. .text-lg-center {
  4454. text-align: center !important; } }
  4455. @media (min-width: 1200px) {
  4456. .text-xl-left {
  4457. text-align: left !important; }
  4458. .text-xl-right {
  4459. text-align: right !important; }
  4460. .text-xl-center {
  4461. text-align: center !important; } }
  4462. .text-lowercase {
  4463. text-transform: lowercase !important; }
  4464. .text-uppercase {
  4465. text-transform: uppercase !important; }
  4466. .text-capitalize {
  4467. text-transform: capitalize !important; }
  4468. .font-weight-light {
  4469. font-weight: 300 !important; }
  4470. .font-weight-normal {
  4471. font-weight: 400 !important; }
  4472. .font-weight-bold {
  4473. font-weight: 700 !important; }
  4474. .font-italic {
  4475. font-style: italic !important; }
  4476. .text-white {
  4477. color: #fff !important; }
  4478. .text-primary {
  4479. color: #007bff !important; }
  4480. a.text-primary:hover, a.text-primary:focus {
  4481. color: #0062cc !important; }
  4482. .text-secondary {
  4483. color: #6c757d !important; }
  4484. a.text-secondary:hover, a.text-secondary:focus {
  4485. color: #545b62 !important; }
  4486. .text-success {
  4487. color: #28a745 !important; }
  4488. a.text-success:hover, a.text-success:focus {
  4489. color: #1e7e34 !important; }
  4490. .text-info {
  4491. color: #17a2b8 !important; }
  4492. a.text-info:hover, a.text-info:focus {
  4493. color: #117a8b !important; }
  4494. .text-warning {
  4495. color: #ffc107 !important; }
  4496. a.text-warning:hover, a.text-warning:focus {
  4497. color: #d39e00 !important; }
  4498. .text-danger {
  4499. color: #dc3545 !important; }
  4500. a.text-danger:hover, a.text-danger:focus {
  4501. color: #bd2130 !important; }
  4502. .text-light {
  4503. color: #f8f9fa !important; }
  4504. a.text-light:hover, a.text-light:focus {
  4505. color: #dae0e5 !important; }
  4506. .text-dark {
  4507. color: #343a40 !important; }
  4508. a.text-dark:hover, a.text-dark:focus {
  4509. color: #1d2124 !important; }
  4510. .text-body {
  4511. color: #212529 !important; }
  4512. .text-muted, h3 small, h4 small {
  4513. color: #6c757d !important; }
  4514. .text-black-50 {
  4515. color: rgba(0, 0, 0, 0.5) !important; }
  4516. .text-white-50 {
  4517. color: rgba(255, 255, 255, 0.5) !important; }
  4518. .text-hide {
  4519. font: 0/0 a;
  4520. color: transparent;
  4521. text-shadow: none;
  4522. background-color: transparent;
  4523. border: 0; }
  4524. .visible {
  4525. visibility: visible !important; }
  4526. .invisible {
  4527. visibility: hidden !important; }
  4528. @media print {
  4529. *,
  4530. *::before,
  4531. *::after {
  4532. text-shadow: none !important;
  4533. box-shadow: none !important; }
  4534. a:not(.btn) {
  4535. text-decoration: underline; }
  4536. abbr[title]::after {
  4537. content: " (" attr(title) ")"; }
  4538. pre {
  4539. white-space: pre-wrap !important; }
  4540. pre,
  4541. blockquote {
  4542. border: 1px solid #adb5bd;
  4543. page-break-inside: avoid; }
  4544. thead {
  4545. display: table-header-group; }
  4546. tr,
  4547. img {
  4548. page-break-inside: avoid; }
  4549. p,
  4550. h2,
  4551. h3 {
  4552. orphans: 3;
  4553. widows: 3; }
  4554. h2,
  4555. h3 {
  4556. page-break-after: avoid; }
  4557. @page {
  4558. size: a3; }
  4559. body {
  4560. min-width: 992px !important; }
  4561. .container {
  4562. min-width: 992px !important; }
  4563. .navbar {
  4564. display: none; }
  4565. .badge {
  4566. border: 1px solid #000; }
  4567. .table {
  4568. border-collapse: collapse !important; }
  4569. .table td,
  4570. .table th {
  4571. background-color: #fff !important; }
  4572. .table-bordered th,
  4573. .table-bordered td {
  4574. border: 1px solid #dee2e6 !important; }
  4575. .table-dark {
  4576. color: inherit; }
  4577. .table-dark th,
  4578. .table-dark td,
  4579. .table-dark thead th,
  4580. .table-dark tbody + tbody {
  4581. border-color: #dee2e6; }
  4582. .table .thead-dark th {
  4583. color: inherit;
  4584. border-color: #dee2e6; } }
  4585. .icon {
  4586. display: inline-block;
  4587. line-height: .75em;
  4588. width: 1.1em;
  4589. vertical-align: -0.2em; }
  4590. .icon svg {
  4591. display: block; }
  4592. .icon path {
  4593. fill: currentColor; }
  4594. .btn .icon {
  4595. vertical-align: -0.3em; }
  4596. .icon.sm {
  4597. width: 0.9em;
  4598. vertical-align: -0.2em; }
  4599. @keyframes fa-spin {
  4600. 0% {
  4601. transform: rotate(0deg); }
  4602. 100% {
  4603. transform: rotate(1turn); } }
  4604. .icon-spin {
  4605. animation: fa-spin 2s infinite linear; }
  4606. .icon-caret-left,
  4607. .icon-caret-right {
  4608. width: 0.5em;
  4609. vertical-align: -0.35em; }
  4610. .icon-caret-left.sm,
  4611. .icon-caret-right.sm {
  4612. width: 0.4em; }
  4613. .btn .icon-caret-left, .btn
  4614. .icon-caret-right {
  4615. margin-left: 0.2rem; }
  4616. .icon-times {
  4617. width: 0.8em;
  4618. vertical-align: -0.25em; }
  4619. .header-tabbed {
  4620. border-bottom: 3px solid #ddd;
  4621. margin-bottom: 1rem; }
  4622. .header-tabbed .container, .header-tabbed .container-fluid {
  4623. display: flex; }
  4624. .header-tabbed.vertical {
  4625. align-items: inherit;
  4626. flex-direction: column; }
  4627. .header-tabbed h2 {
  4628. display: inline;
  4629. margin: 0;
  4630. padding-right: 1rem; }
  4631. @media (max-width: 575.98px) {
  4632. .header-tabbed h2 {
  4633. flex-grow: 1;
  4634. text-align: center; } }
  4635. .header-tabbed .nav {
  4636. border: none;
  4637. margin: 0;
  4638. flex-grow: 1;
  4639. display: inline-flex;
  4640. padding: 0; }
  4641. .header-tabbed .nav li {
  4642. align-self: flex-end; }
  4643. @media (max-width: 991.98px) {
  4644. .header-tabbed .nav {
  4645. flex-direction: column;
  4646. padding-bottom: 1rem; }
  4647. .header-tabbed .nav li {
  4648. align-self: flex-start;
  4649. margin: 0 -1rem;
  4650. width: calc(99.9% + 2rem); }
  4651. .header-tabbed .nav .nav-item.back-button {
  4652. margin-left: -8px; } }
  4653. .header-tabbed form {
  4654. margin: 0; }
  4655. .header-tabbed button.nav-link {
  4656. background: inherit; }
  4657. @media (max-width: 575.98px) {
  4658. .header-tabbed .nav-tabs {
  4659. padding-left: 0; } }
  4660. body {
  4661. font-family: sans-serif;
  4662. font-size: 1rem;
  4663. padding-bottom: 1rem; }
  4664. @media (max-width: 991.98px) {
  4665. .container {
  4666. width: 100%;
  4667. max-width: 100%; } }
  4668. p {
  4669. margin-bottom: 0.5rem; }
  4670. label {
  4671. margin-bottom: 0.25rem; }
  4672. input[type="text"],
  4673. input[type="email"],
  4674. input[type="password"],
  4675. input[type="tel"],
  4676. textarea.form-control {
  4677. border-radius: 0;
  4678. border-color: #888;
  4679. color: #343a40;
  4680. padding: 0.25rem 0.375rem; }
  4681. input[type="text"]:active, input[type="text"]:focus,
  4682. input[type="email"]:active,
  4683. input[type="email"]:focus,
  4684. input[type="password"]:active,
  4685. input[type="password"]:focus,
  4686. input[type="tel"]:active,
  4687. input[type="tel"]:focus,
  4688. textarea.form-control:active,
  4689. textarea.form-control:focus {
  4690. color: #343a40; }
  4691. input[type="checkbox"] {
  4692. position: relative;
  4693. top: 2px; }
  4694. select.form-control {
  4695. border-radius: 0;
  4696. border-color: #888;
  4697. color: #343a40;
  4698. padding: 0 0.75rem;
  4699. height: 1.9rem !important; }
  4700. form {
  4701. margin-bottom: 1rem; }
  4702. legend {
  4703. font-size: 1rem;
  4704. margin-bottom: 0; }
  4705. h1, h2 {
  4706. margin-top: 0; }
  4707. h1 small, h2 small {
  4708. font-size: 1rem; }
  4709. h3 {
  4710. font-size: 1.3rem;
  4711. border-bottom: 1px solid #e9ecef;
  4712. padding-bottom: 0.25rem; }
  4713. h3 small {
  4714. font-size: 1rem;
  4715. margin-left: 1rem; }
  4716. h4 {
  4717. font-size: 1.1rem;
  4718. border-bottom: 1px solid #e9ecef;
  4719. padding-bottom: 0.25rem; }
  4720. h4 small {
  4721. font-size: 0.8rem;
  4722. margin-left: 1rem; }
  4723. h5 {
  4724. font-size: 1rem;
  4725. font-weight: bold; }
  4726. .table thead th {
  4727. padding: 0.1rem 0.75rem;
  4728. border: none; }
  4729. .table tbody td {
  4730. position: relative;
  4731. vertical-align: middle;
  4732. padding: 0.1rem 0.75rem;
  4733. border: 1px solid #ced4da; }
  4734. .table tbody td label {
  4735. margin-bottom: 0; }
  4736. .table tr.danger {
  4737. background: #eb8c95; }
  4738. .table .btn-danger.btn-fill {
  4739. background: #e04b59; }
  4740. .table .btn-danger.btn-fill:hover {
  4741. background: #dc3545; }
  4742. section {
  4743. padding-bottom: 0.5rem; }
  4744. .btn {
  4745. border-radius: 0;
  4746. padding: 0.1rem 0.75rem;
  4747. font-size: 0.9rem; }
  4748. .btn.btn-default {
  4749. transition: background 0.1s linear;
  4750. background: #e9ecef;
  4751. border: #343a40 1px solid;
  4752. color: black; }
  4753. .btn.btn-default:hover {
  4754. background: #f8f9fa; }
  4755. .btn.btn-primary {
  4756. border: #001933 1px solid; }
  4757. .btn.btn-success {
  4758. border: #0a2c12 1px solid; }
  4759. .btn.btn-info {
  4760. border: #062a30 1px solid; }
  4761. .btn.btn-danger {
  4762. border: #66121a 1px solid; }
  4763. .btn.btn-link {
  4764. padding: 0;
  4765. font-size: 1rem;
  4766. margin-top: -0.1rem; }
  4767. .btn.btn-fill {
  4768. display: block;
  4769. position: absolute;
  4770. left: 0;
  4771. right: 0;
  4772. top: 0;
  4773. bottom: 0;
  4774. width: 100%;
  4775. border: none;
  4776. padding: 0;
  4777. line-height: 1.6; }
  4778. .navbar-light .navbar-nav .nav-link:hover {
  4779. color: #000; }
  4780. .nav-tabs {
  4781. padding-left: 1rem;
  4782. margin-bottom: 0.5rem;
  4783. border-bottom: 3px #ddd solid; }
  4784. .nav-tabs .nav-link {
  4785. padding: 0 1rem;
  4786. border-radius: 0;
  4787. border: none;
  4788. color: #777;
  4789. cursor: pointer; }
  4790. .nav-tabs .nav-link.active, .nav-tabs .nav-link.active:hover {
  4791. color: black;
  4792. background: #ddd; }
  4793. .nav-tabs .nav-link[disabled], .nav-tabs .nav-link[disabled]:hover {
  4794. color: #888;
  4795. cursor: not-allowed;
  4796. background: transparent;
  4797. padding-left: 0;
  4798. padding-right: 0; }
  4799. .alert {
  4800. padding: 0.5rem;
  4801. border-radius: 0; }
  4802. .form-group .alert {
  4803. margin-top: 1rem; }
  4804. .text-centered {
  4805. text-align: center; }
  4806. .text-right {
  4807. text-align: right; }
  4808. .pull-left {
  4809. float: left; }
  4810. .pull-right {
  4811. float: right; }
  4812. blockquote {
  4813. padding-left: 0.5rem;
  4814. border-left: 3px solid #aaa; }
  4815. pre {
  4816. background: #e9ecef;
  4817. padding: 0.25rem; }
  4818. code {
  4819. margin: 0;
  4820. background: transparent;
  4821. color: black; }
  4822. .event-list {
  4823. margin-bottom: 1rem; }
  4824. .event-list .event {
  4825. text-overflow: ellipsis;
  4826. overflow: hidden;
  4827. padding: 0.5rem;
  4828. margin: 0.5rem 0;
  4829. background: #f5f5f5; }
  4830. .event-list .event:first-child {
  4831. margin-top: 0; }
  4832. .event-list .event:last-child {
  4833. margin-bottom: 0; }
  4834. .event-list .event h4 {
  4835. text-overflow: ellipsis;
  4836. white-space: nowrap;
  4837. overflow: hidden;
  4838. margin-bottom: 0;
  4839. padding: 0; }
  4840. .event-list .event blockquote {
  4841. margin-bottom: 0.5rem; }
  4842. .event-list .event blockquote *:last-child {
  4843. margin-bottom: 0; }
  4844. .event-list .event *:last-child {
  4845. margin-bottom: 0; }
  4846. html, body {
  4847. height: 100%;
  4848. min-height: 100%; }
  4849. body {
  4850. display: flex;
  4851. flex-direction: column;
  4852. padding: 0; }
  4853. .header-tabbed {
  4854. margin-bottom: 0; }
  4855. .header-tabbed h2 {
  4856. line-height: 1; }
  4857. .nav.flex-column .nav-link {
  4858. padding: 0.1rem 15px 0.1rem 30px; }
  4859. .nav.flex-column .nav-link:hover, .nav.flex-column .nav-link.active {
  4860. background: #ddd; }
  4861. .nav.flex-column .nav.flex-column {
  4862. margin-left: 1rem; }
  4863. .mailbox-container, .message-container {
  4864. padding: 0;
  4865. flex-grow: 1;
  4866. display: flex; }
  4867. .mailbox-container > .row, .message-container > .row {
  4868. flex-grow: 1; }
  4869. .mailbox-container form {
  4870. padding: 10px; }
  4871. .mailboxes-column {
  4872. border-right: 3px #ddd solid;
  4873. padding: 0; }
  4874. .messages-column {
  4875. padding: 0; }
  4876. .messages-column .nav.flex-column .nav-link {
  4877. padding: 0.1rem 15px 0.1rem 15px; }
  4878. .messages-column .date {
  4879. min-width: 11rem;
  4880. display: inline-block;
  4881. text-align: right; }
  4882. .messages-column .from {
  4883. min-width: 12rem;
  4884. display: inline-block; }
  4885. .body-column {
  4886. border-right: 3px #ddd solid; }
  4887. .body-column pre {
  4888. background: transparent;
  4889. max-width: 972px;
  4890. overflow-x: auto;
  4891. margin-bottom: 0; }
  4892. .parts-column {
  4893. padding-left: 0; }
  4894. .parts-column .nav.flex-column .nav-link {
  4895. padding: 0.1rem 15px 0.1rem 15px; }
  4896. .text-normal {
  4897. color: #000; }
  4898. .message-tabs {
  4899. padding: 0; }