bootstrap-grid.css 28 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353
  1. @-ms-viewport {
  2. width: device-width;
  3. }
  4. html {
  5. box-sizing: border-box;
  6. -ms-overflow-style: scrollbar;
  7. }
  8. *,
  9. *::before,
  10. *::after {
  11. box-sizing: inherit;
  12. }
  13. .container {
  14. margin-right: auto;
  15. margin-left: auto;
  16. padding-right: 15px;
  17. padding-left: 15px;
  18. width: 100%;
  19. }
  20. @media (min-width: 576px) {
  21. .container {
  22. max-width: 540px;
  23. }
  24. }
  25. @media (min-width: 768px) {
  26. .container {
  27. max-width: 720px;
  28. }
  29. }
  30. @media (min-width: 992px) {
  31. .container {
  32. max-width: 960px;
  33. }
  34. }
  35. @media (min-width: 1200px) {
  36. .container {
  37. max-width: 1140px;
  38. }
  39. }
  40. .container-fluid {
  41. width: 100%;
  42. margin-right: auto;
  43. margin-left: auto;
  44. padding-right: 15px;
  45. padding-left: 15px;
  46. width: 100%;
  47. }
  48. .row {
  49. display: -ms-flexbox;
  50. display: flex;
  51. -ms-flex-wrap: wrap;
  52. flex-wrap: wrap;
  53. margin-right: -15px;
  54. margin-left: -15px;
  55. }
  56. .no-gutters {
  57. margin-right: 0;
  58. margin-left: 0;
  59. }
  60. .no-gutters > .col,
  61. .no-gutters > [class*="col-"] {
  62. padding-right: 0;
  63. padding-left: 0;
  64. }
  65. .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,
  66. .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,
  67. .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,
  68. .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,
  69. .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,
  70. .col-xl-auto {
  71. position: relative;
  72. width: 100%;
  73. min-height: 1px;
  74. padding-right: 15px;
  75. padding-left: 15px;
  76. }
  77. .col {
  78. -ms-flex-preferred-size: 0;
  79. flex-basis: 0;
  80. -ms-flex-positive: 1;
  81. flex-grow: 1;
  82. max-width: 100%;
  83. }
  84. .col-auto {
  85. -ms-flex: 0 0 auto;
  86. flex: 0 0 auto;
  87. width: auto;
  88. max-width: none;
  89. }
  90. .col-1 {
  91. -ms-flex: 0 0 8.333333%;
  92. flex: 0 0 8.333333%;
  93. max-width: 8.333333%;
  94. }
  95. .col-2 {
  96. -ms-flex: 0 0 16.666667%;
  97. flex: 0 0 16.666667%;
  98. max-width: 16.666667%;
  99. }
  100. .col-3 {
  101. -ms-flex: 0 0 25%;
  102. flex: 0 0 25%;
  103. max-width: 25%;
  104. }
  105. .col-4 {
  106. -ms-flex: 0 0 33.333333%;
  107. flex: 0 0 33.333333%;
  108. max-width: 33.333333%;
  109. }
  110. .col-5 {
  111. -ms-flex: 0 0 41.666667%;
  112. flex: 0 0 41.666667%;
  113. max-width: 41.666667%;
  114. }
  115. .col-6 {
  116. -ms-flex: 0 0 50%;
  117. flex: 0 0 50%;
  118. max-width: 50%;
  119. }
  120. .col-7 {
  121. -ms-flex: 0 0 58.333333%;
  122. flex: 0 0 58.333333%;
  123. max-width: 58.333333%;
  124. }
  125. .col-8 {
  126. -ms-flex: 0 0 66.666667%;
  127. flex: 0 0 66.666667%;
  128. max-width: 66.666667%;
  129. }
  130. .col-9 {
  131. -ms-flex: 0 0 75%;
  132. flex: 0 0 75%;
  133. max-width: 75%;
  134. }
  135. .col-10 {
  136. -ms-flex: 0 0 83.333333%;
  137. flex: 0 0 83.333333%;
  138. max-width: 83.333333%;
  139. }
  140. .col-11 {
  141. -ms-flex: 0 0 91.666667%;
  142. flex: 0 0 91.666667%;
  143. max-width: 91.666667%;
  144. }
  145. .col-12 {
  146. -ms-flex: 0 0 100%;
  147. flex: 0 0 100%;
  148. max-width: 100%;
  149. }
  150. .order-1 {
  151. -ms-flex-order: 1;
  152. order: 1;
  153. }
  154. .order-2 {
  155. -ms-flex-order: 2;
  156. order: 2;
  157. }
  158. .order-3 {
  159. -ms-flex-order: 3;
  160. order: 3;
  161. }
  162. .order-4 {
  163. -ms-flex-order: 4;
  164. order: 4;
  165. }
  166. .order-5 {
  167. -ms-flex-order: 5;
  168. order: 5;
  169. }
  170. .order-6 {
  171. -ms-flex-order: 6;
  172. order: 6;
  173. }
  174. .order-7 {
  175. -ms-flex-order: 7;
  176. order: 7;
  177. }
  178. .order-8 {
  179. -ms-flex-order: 8;
  180. order: 8;
  181. }
  182. .order-9 {
  183. -ms-flex-order: 9;
  184. order: 9;
  185. }
  186. .order-10 {
  187. -ms-flex-order: 10;
  188. order: 10;
  189. }
  190. .order-11 {
  191. -ms-flex-order: 11;
  192. order: 11;
  193. }
  194. .order-12 {
  195. -ms-flex-order: 12;
  196. order: 12;
  197. }
  198. @media (min-width: 576px) {
  199. .col-sm {
  200. -ms-flex-preferred-size: 0;
  201. flex-basis: 0;
  202. -ms-flex-positive: 1;
  203. flex-grow: 1;
  204. max-width: 100%;
  205. }
  206. .col-sm-auto {
  207. -ms-flex: 0 0 auto;
  208. flex: 0 0 auto;
  209. width: auto;
  210. max-width: none;
  211. }
  212. .col-sm-1 {
  213. -ms-flex: 0 0 8.333333%;
  214. flex: 0 0 8.333333%;
  215. max-width: 8.333333%;
  216. }
  217. .col-sm-2 {
  218. -ms-flex: 0 0 16.666667%;
  219. flex: 0 0 16.666667%;
  220. max-width: 16.666667%;
  221. }
  222. .col-sm-3 {
  223. -ms-flex: 0 0 25%;
  224. flex: 0 0 25%;
  225. max-width: 25%;
  226. }
  227. .col-sm-4 {
  228. -ms-flex: 0 0 33.333333%;
  229. flex: 0 0 33.333333%;
  230. max-width: 33.333333%;
  231. }
  232. .col-sm-5 {
  233. -ms-flex: 0 0 41.666667%;
  234. flex: 0 0 41.666667%;
  235. max-width: 41.666667%;
  236. }
  237. .col-sm-6 {
  238. -ms-flex: 0 0 50%;
  239. flex: 0 0 50%;
  240. max-width: 50%;
  241. }
  242. .col-sm-7 {
  243. -ms-flex: 0 0 58.333333%;
  244. flex: 0 0 58.333333%;
  245. max-width: 58.333333%;
  246. }
  247. .col-sm-8 {
  248. -ms-flex: 0 0 66.666667%;
  249. flex: 0 0 66.666667%;
  250. max-width: 66.666667%;
  251. }
  252. .col-sm-9 {
  253. -ms-flex: 0 0 75%;
  254. flex: 0 0 75%;
  255. max-width: 75%;
  256. }
  257. .col-sm-10 {
  258. -ms-flex: 0 0 83.333333%;
  259. flex: 0 0 83.333333%;
  260. max-width: 83.333333%;
  261. }
  262. .col-sm-11 {
  263. -ms-flex: 0 0 91.666667%;
  264. flex: 0 0 91.666667%;
  265. max-width: 91.666667%;
  266. }
  267. .col-sm-12 {
  268. -ms-flex: 0 0 100%;
  269. flex: 0 0 100%;
  270. max-width: 100%;
  271. }
  272. .order-sm-1 {
  273. -ms-flex-order: 1;
  274. order: 1;
  275. }
  276. .order-sm-2 {
  277. -ms-flex-order: 2;
  278. order: 2;
  279. }
  280. .order-sm-3 {
  281. -ms-flex-order: 3;
  282. order: 3;
  283. }
  284. .order-sm-4 {
  285. -ms-flex-order: 4;
  286. order: 4;
  287. }
  288. .order-sm-5 {
  289. -ms-flex-order: 5;
  290. order: 5;
  291. }
  292. .order-sm-6 {
  293. -ms-flex-order: 6;
  294. order: 6;
  295. }
  296. .order-sm-7 {
  297. -ms-flex-order: 7;
  298. order: 7;
  299. }
  300. .order-sm-8 {
  301. -ms-flex-order: 8;
  302. order: 8;
  303. }
  304. .order-sm-9 {
  305. -ms-flex-order: 9;
  306. order: 9;
  307. }
  308. .order-sm-10 {
  309. -ms-flex-order: 10;
  310. order: 10;
  311. }
  312. .order-sm-11 {
  313. -ms-flex-order: 11;
  314. order: 11;
  315. }
  316. .order-sm-12 {
  317. -ms-flex-order: 12;
  318. order: 12;
  319. }
  320. }
  321. @media (min-width: 768px) {
  322. .col-md {
  323. -ms-flex-preferred-size: 0;
  324. flex-basis: 0;
  325. -ms-flex-positive: 1;
  326. flex-grow: 1;
  327. max-width: 100%;
  328. }
  329. .col-md-auto {
  330. -ms-flex: 0 0 auto;
  331. flex: 0 0 auto;
  332. width: auto;
  333. max-width: none;
  334. }
  335. .col-md-1 {
  336. -ms-flex: 0 0 8.333333%;
  337. flex: 0 0 8.333333%;
  338. max-width: 8.333333%;
  339. }
  340. .col-md-2 {
  341. -ms-flex: 0 0 16.666667%;
  342. flex: 0 0 16.666667%;
  343. max-width: 16.666667%;
  344. }
  345. .col-md-3 {
  346. -ms-flex: 0 0 25%;
  347. flex: 0 0 25%;
  348. max-width: 25%;
  349. }
  350. .col-md-4 {
  351. -ms-flex: 0 0 33.333333%;
  352. flex: 0 0 33.333333%;
  353. max-width: 33.333333%;
  354. }
  355. .col-md-5 {
  356. -ms-flex: 0 0 41.666667%;
  357. flex: 0 0 41.666667%;
  358. max-width: 41.666667%;
  359. }
  360. .col-md-6 {
  361. -ms-flex: 0 0 50%;
  362. flex: 0 0 50%;
  363. max-width: 50%;
  364. }
  365. .col-md-7 {
  366. -ms-flex: 0 0 58.333333%;
  367. flex: 0 0 58.333333%;
  368. max-width: 58.333333%;
  369. }
  370. .col-md-8 {
  371. -ms-flex: 0 0 66.666667%;
  372. flex: 0 0 66.666667%;
  373. max-width: 66.666667%;
  374. }
  375. .col-md-9 {
  376. -ms-flex: 0 0 75%;
  377. flex: 0 0 75%;
  378. max-width: 75%;
  379. }
  380. .col-md-10 {
  381. -ms-flex: 0 0 83.333333%;
  382. flex: 0 0 83.333333%;
  383. max-width: 83.333333%;
  384. }
  385. .col-md-11 {
  386. -ms-flex: 0 0 91.666667%;
  387. flex: 0 0 91.666667%;
  388. max-width: 91.666667%;
  389. }
  390. .col-md-12 {
  391. -ms-flex: 0 0 100%;
  392. flex: 0 0 100%;
  393. max-width: 100%;
  394. }
  395. .order-md-1 {
  396. -ms-flex-order: 1;
  397. order: 1;
  398. }
  399. .order-md-2 {
  400. -ms-flex-order: 2;
  401. order: 2;
  402. }
  403. .order-md-3 {
  404. -ms-flex-order: 3;
  405. order: 3;
  406. }
  407. .order-md-4 {
  408. -ms-flex-order: 4;
  409. order: 4;
  410. }
  411. .order-md-5 {
  412. -ms-flex-order: 5;
  413. order: 5;
  414. }
  415. .order-md-6 {
  416. -ms-flex-order: 6;
  417. order: 6;
  418. }
  419. .order-md-7 {
  420. -ms-flex-order: 7;
  421. order: 7;
  422. }
  423. .order-md-8 {
  424. -ms-flex-order: 8;
  425. order: 8;
  426. }
  427. .order-md-9 {
  428. -ms-flex-order: 9;
  429. order: 9;
  430. }
  431. .order-md-10 {
  432. -ms-flex-order: 10;
  433. order: 10;
  434. }
  435. .order-md-11 {
  436. -ms-flex-order: 11;
  437. order: 11;
  438. }
  439. .order-md-12 {
  440. -ms-flex-order: 12;
  441. order: 12;
  442. }
  443. }
  444. @media (min-width: 992px) {
  445. .col-lg {
  446. -ms-flex-preferred-size: 0;
  447. flex-basis: 0;
  448. -ms-flex-positive: 1;
  449. flex-grow: 1;
  450. max-width: 100%;
  451. }
  452. .col-lg-auto {
  453. -ms-flex: 0 0 auto;
  454. flex: 0 0 auto;
  455. width: auto;
  456. max-width: none;
  457. }
  458. .col-lg-1 {
  459. -ms-flex: 0 0 8.333333%;
  460. flex: 0 0 8.333333%;
  461. max-width: 8.333333%;
  462. }
  463. .col-lg-2 {
  464. -ms-flex: 0 0 16.666667%;
  465. flex: 0 0 16.666667%;
  466. max-width: 16.666667%;
  467. }
  468. .col-lg-3 {
  469. -ms-flex: 0 0 25%;
  470. flex: 0 0 25%;
  471. max-width: 25%;
  472. }
  473. .col-lg-4 {
  474. -ms-flex: 0 0 33.333333%;
  475. flex: 0 0 33.333333%;
  476. max-width: 33.333333%;
  477. }
  478. .col-lg-5 {
  479. -ms-flex: 0 0 41.666667%;
  480. flex: 0 0 41.666667%;
  481. max-width: 41.666667%;
  482. }
  483. .col-lg-6 {
  484. -ms-flex: 0 0 50%;
  485. flex: 0 0 50%;
  486. max-width: 50%;
  487. }
  488. .col-lg-7 {
  489. -ms-flex: 0 0 58.333333%;
  490. flex: 0 0 58.333333%;
  491. max-width: 58.333333%;
  492. }
  493. .col-lg-8 {
  494. -ms-flex: 0 0 66.666667%;
  495. flex: 0 0 66.666667%;
  496. max-width: 66.666667%;
  497. }
  498. .col-lg-9 {
  499. -ms-flex: 0 0 75%;
  500. flex: 0 0 75%;
  501. max-width: 75%;
  502. }
  503. .col-lg-10 {
  504. -ms-flex: 0 0 83.333333%;
  505. flex: 0 0 83.333333%;
  506. max-width: 83.333333%;
  507. }
  508. .col-lg-11 {
  509. -ms-flex: 0 0 91.666667%;
  510. flex: 0 0 91.666667%;
  511. max-width: 91.666667%;
  512. }
  513. .col-lg-12 {
  514. -ms-flex: 0 0 100%;
  515. flex: 0 0 100%;
  516. max-width: 100%;
  517. }
  518. .order-lg-1 {
  519. -ms-flex-order: 1;
  520. order: 1;
  521. }
  522. .order-lg-2 {
  523. -ms-flex-order: 2;
  524. order: 2;
  525. }
  526. .order-lg-3 {
  527. -ms-flex-order: 3;
  528. order: 3;
  529. }
  530. .order-lg-4 {
  531. -ms-flex-order: 4;
  532. order: 4;
  533. }
  534. .order-lg-5 {
  535. -ms-flex-order: 5;
  536. order: 5;
  537. }
  538. .order-lg-6 {
  539. -ms-flex-order: 6;
  540. order: 6;
  541. }
  542. .order-lg-7 {
  543. -ms-flex-order: 7;
  544. order: 7;
  545. }
  546. .order-lg-8 {
  547. -ms-flex-order: 8;
  548. order: 8;
  549. }
  550. .order-lg-9 {
  551. -ms-flex-order: 9;
  552. order: 9;
  553. }
  554. .order-lg-10 {
  555. -ms-flex-order: 10;
  556. order: 10;
  557. }
  558. .order-lg-11 {
  559. -ms-flex-order: 11;
  560. order: 11;
  561. }
  562. .order-lg-12 {
  563. -ms-flex-order: 12;
  564. order: 12;
  565. }
  566. }
  567. @media (min-width: 1200px) {
  568. .col-xl {
  569. -ms-flex-preferred-size: 0;
  570. flex-basis: 0;
  571. -ms-flex-positive: 1;
  572. flex-grow: 1;
  573. max-width: 100%;
  574. }
  575. .col-xl-auto {
  576. -ms-flex: 0 0 auto;
  577. flex: 0 0 auto;
  578. width: auto;
  579. max-width: none;
  580. }
  581. .col-xl-1 {
  582. -ms-flex: 0 0 8.333333%;
  583. flex: 0 0 8.333333%;
  584. max-width: 8.333333%;
  585. }
  586. .col-xl-2 {
  587. -ms-flex: 0 0 16.666667%;
  588. flex: 0 0 16.666667%;
  589. max-width: 16.666667%;
  590. }
  591. .col-xl-3 {
  592. -ms-flex: 0 0 25%;
  593. flex: 0 0 25%;
  594. max-width: 25%;
  595. }
  596. .col-xl-4 {
  597. -ms-flex: 0 0 33.333333%;
  598. flex: 0 0 33.333333%;
  599. max-width: 33.333333%;
  600. }
  601. .col-xl-5 {
  602. -ms-flex: 0 0 41.666667%;
  603. flex: 0 0 41.666667%;
  604. max-width: 41.666667%;
  605. }
  606. .col-xl-6 {
  607. -ms-flex: 0 0 50%;
  608. flex: 0 0 50%;
  609. max-width: 50%;
  610. }
  611. .col-xl-7 {
  612. -ms-flex: 0 0 58.333333%;
  613. flex: 0 0 58.333333%;
  614. max-width: 58.333333%;
  615. }
  616. .col-xl-8 {
  617. -ms-flex: 0 0 66.666667%;
  618. flex: 0 0 66.666667%;
  619. max-width: 66.666667%;
  620. }
  621. .col-xl-9 {
  622. -ms-flex: 0 0 75%;
  623. flex: 0 0 75%;
  624. max-width: 75%;
  625. }
  626. .col-xl-10 {
  627. -ms-flex: 0 0 83.333333%;
  628. flex: 0 0 83.333333%;
  629. max-width: 83.333333%;
  630. }
  631. .col-xl-11 {
  632. -ms-flex: 0 0 91.666667%;
  633. flex: 0 0 91.666667%;
  634. max-width: 91.666667%;
  635. }
  636. .col-xl-12 {
  637. -ms-flex: 0 0 100%;
  638. flex: 0 0 100%;
  639. max-width: 100%;
  640. }
  641. .order-xl-1 {
  642. -ms-flex-order: 1;
  643. order: 1;
  644. }
  645. .order-xl-2 {
  646. -ms-flex-order: 2;
  647. order: 2;
  648. }
  649. .order-xl-3 {
  650. -ms-flex-order: 3;
  651. order: 3;
  652. }
  653. .order-xl-4 {
  654. -ms-flex-order: 4;
  655. order: 4;
  656. }
  657. .order-xl-5 {
  658. -ms-flex-order: 5;
  659. order: 5;
  660. }
  661. .order-xl-6 {
  662. -ms-flex-order: 6;
  663. order: 6;
  664. }
  665. .order-xl-7 {
  666. -ms-flex-order: 7;
  667. order: 7;
  668. }
  669. .order-xl-8 {
  670. -ms-flex-order: 8;
  671. order: 8;
  672. }
  673. .order-xl-9 {
  674. -ms-flex-order: 9;
  675. order: 9;
  676. }
  677. .order-xl-10 {
  678. -ms-flex-order: 10;
  679. order: 10;
  680. }
  681. .order-xl-11 {
  682. -ms-flex-order: 11;
  683. order: 11;
  684. }
  685. .order-xl-12 {
  686. -ms-flex-order: 12;
  687. order: 12;
  688. }
  689. }
  690. .flex-row {
  691. -ms-flex-direction: row !important;
  692. flex-direction: row !important;
  693. }
  694. .flex-column {
  695. -ms-flex-direction: column !important;
  696. flex-direction: column !important;
  697. }
  698. .flex-row-reverse {
  699. -ms-flex-direction: row-reverse !important;
  700. flex-direction: row-reverse !important;
  701. }
  702. .flex-column-reverse {
  703. -ms-flex-direction: column-reverse !important;
  704. flex-direction: column-reverse !important;
  705. }
  706. .flex-wrap {
  707. -ms-flex-wrap: wrap !important;
  708. flex-wrap: wrap !important;
  709. }
  710. .flex-nowrap {
  711. -ms-flex-wrap: nowrap !important;
  712. flex-wrap: nowrap !important;
  713. }
  714. .flex-wrap-reverse {
  715. -ms-flex-wrap: wrap-reverse !important;
  716. flex-wrap: wrap-reverse !important;
  717. }
  718. .justify-content-start {
  719. -ms-flex-pack: start !important;
  720. justify-content: flex-start !important;
  721. }
  722. .justify-content-end {
  723. -ms-flex-pack: end !important;
  724. justify-content: flex-end !important;
  725. }
  726. .justify-content-center {
  727. -ms-flex-pack: center !important;
  728. justify-content: center !important;
  729. }
  730. .justify-content-between {
  731. -ms-flex-pack: justify !important;
  732. justify-content: space-between !important;
  733. }
  734. .justify-content-around {
  735. -ms-flex-pack: distribute !important;
  736. justify-content: space-around !important;
  737. }
  738. .align-items-start {
  739. -ms-flex-align: start !important;
  740. align-items: flex-start !important;
  741. }
  742. .align-items-end {
  743. -ms-flex-align: end !important;
  744. align-items: flex-end !important;
  745. }
  746. .align-items-center {
  747. -ms-flex-align: center !important;
  748. align-items: center !important;
  749. }
  750. .align-items-baseline {
  751. -ms-flex-align: baseline !important;
  752. align-items: baseline !important;
  753. }
  754. .align-items-stretch {
  755. -ms-flex-align: stretch !important;
  756. align-items: stretch !important;
  757. }
  758. .align-content-start {
  759. -ms-flex-line-pack: start !important;
  760. align-content: flex-start !important;
  761. }
  762. .align-content-end {
  763. -ms-flex-line-pack: end !important;
  764. align-content: flex-end !important;
  765. }
  766. .align-content-center {
  767. -ms-flex-line-pack: center !important;
  768. align-content: center !important;
  769. }
  770. .align-content-between {
  771. -ms-flex-line-pack: justify !important;
  772. align-content: space-between !important;
  773. }
  774. .align-content-around {
  775. -ms-flex-line-pack: distribute !important;
  776. align-content: space-around !important;
  777. }
  778. .align-content-stretch {
  779. -ms-flex-line-pack: stretch !important;
  780. align-content: stretch !important;
  781. }
  782. .align-self-auto {
  783. -ms-flex-item-align: auto !important;
  784. align-self: auto !important;
  785. }
  786. .align-self-start {
  787. -ms-flex-item-align: start !important;
  788. align-self: flex-start !important;
  789. }
  790. .align-self-end {
  791. -ms-flex-item-align: end !important;
  792. align-self: flex-end !important;
  793. }
  794. .align-self-center {
  795. -ms-flex-item-align: center !important;
  796. align-self: center !important;
  797. }
  798. .align-self-baseline {
  799. -ms-flex-item-align: baseline !important;
  800. align-self: baseline !important;
  801. }
  802. .align-self-stretch {
  803. -ms-flex-item-align: stretch !important;
  804. align-self: stretch !important;
  805. }
  806. @media (min-width: 576px) {
  807. .flex-sm-row {
  808. -ms-flex-direction: row !important;
  809. flex-direction: row !important;
  810. }
  811. .flex-sm-column {
  812. -ms-flex-direction: column !important;
  813. flex-direction: column !important;
  814. }
  815. .flex-sm-row-reverse {
  816. -ms-flex-direction: row-reverse !important;
  817. flex-direction: row-reverse !important;
  818. }
  819. .flex-sm-column-reverse {
  820. -ms-flex-direction: column-reverse !important;
  821. flex-direction: column-reverse !important;
  822. }
  823. .flex-sm-wrap {
  824. -ms-flex-wrap: wrap !important;
  825. flex-wrap: wrap !important;
  826. }
  827. .flex-sm-nowrap {
  828. -ms-flex-wrap: nowrap !important;
  829. flex-wrap: nowrap !important;
  830. }
  831. .flex-sm-wrap-reverse {
  832. -ms-flex-wrap: wrap-reverse !important;
  833. flex-wrap: wrap-reverse !important;
  834. }
  835. .justify-content-sm-start {
  836. -ms-flex-pack: start !important;
  837. justify-content: flex-start !important;
  838. }
  839. .justify-content-sm-end {
  840. -ms-flex-pack: end !important;
  841. justify-content: flex-end !important;
  842. }
  843. .justify-content-sm-center {
  844. -ms-flex-pack: center !important;
  845. justify-content: center !important;
  846. }
  847. .justify-content-sm-between {
  848. -ms-flex-pack: justify !important;
  849. justify-content: space-between !important;
  850. }
  851. .justify-content-sm-around {
  852. -ms-flex-pack: distribute !important;
  853. justify-content: space-around !important;
  854. }
  855. .align-items-sm-start {
  856. -ms-flex-align: start !important;
  857. align-items: flex-start !important;
  858. }
  859. .align-items-sm-end {
  860. -ms-flex-align: end !important;
  861. align-items: flex-end !important;
  862. }
  863. .align-items-sm-center {
  864. -ms-flex-align: center !important;
  865. align-items: center !important;
  866. }
  867. .align-items-sm-baseline {
  868. -ms-flex-align: baseline !important;
  869. align-items: baseline !important;
  870. }
  871. .align-items-sm-stretch {
  872. -ms-flex-align: stretch !important;
  873. align-items: stretch !important;
  874. }
  875. .align-content-sm-start {
  876. -ms-flex-line-pack: start !important;
  877. align-content: flex-start !important;
  878. }
  879. .align-content-sm-end {
  880. -ms-flex-line-pack: end !important;
  881. align-content: flex-end !important;
  882. }
  883. .align-content-sm-center {
  884. -ms-flex-line-pack: center !important;
  885. align-content: center !important;
  886. }
  887. .align-content-sm-between {
  888. -ms-flex-line-pack: justify !important;
  889. align-content: space-between !important;
  890. }
  891. .align-content-sm-around {
  892. -ms-flex-line-pack: distribute !important;
  893. align-content: space-around !important;
  894. }
  895. .align-content-sm-stretch {
  896. -ms-flex-line-pack: stretch !important;
  897. align-content: stretch !important;
  898. }
  899. .align-self-sm-auto {
  900. -ms-flex-item-align: auto !important;
  901. align-self: auto !important;
  902. }
  903. .align-self-sm-start {
  904. -ms-flex-item-align: start !important;
  905. align-self: flex-start !important;
  906. }
  907. .align-self-sm-end {
  908. -ms-flex-item-align: end !important;
  909. align-self: flex-end !important;
  910. }
  911. .align-self-sm-center {
  912. -ms-flex-item-align: center !important;
  913. align-self: center !important;
  914. }
  915. .align-self-sm-baseline {
  916. -ms-flex-item-align: baseline !important;
  917. align-self: baseline !important;
  918. }
  919. .align-self-sm-stretch {
  920. -ms-flex-item-align: stretch !important;
  921. align-self: stretch !important;
  922. }
  923. }
  924. @media (min-width: 768px) {
  925. .flex-md-row {
  926. -ms-flex-direction: row !important;
  927. flex-direction: row !important;
  928. }
  929. .flex-md-column {
  930. -ms-flex-direction: column !important;
  931. flex-direction: column !important;
  932. }
  933. .flex-md-row-reverse {
  934. -ms-flex-direction: row-reverse !important;
  935. flex-direction: row-reverse !important;
  936. }
  937. .flex-md-column-reverse {
  938. -ms-flex-direction: column-reverse !important;
  939. flex-direction: column-reverse !important;
  940. }
  941. .flex-md-wrap {
  942. -ms-flex-wrap: wrap !important;
  943. flex-wrap: wrap !important;
  944. }
  945. .flex-md-nowrap {
  946. -ms-flex-wrap: nowrap !important;
  947. flex-wrap: nowrap !important;
  948. }
  949. .flex-md-wrap-reverse {
  950. -ms-flex-wrap: wrap-reverse !important;
  951. flex-wrap: wrap-reverse !important;
  952. }
  953. .justify-content-md-start {
  954. -ms-flex-pack: start !important;
  955. justify-content: flex-start !important;
  956. }
  957. .justify-content-md-end {
  958. -ms-flex-pack: end !important;
  959. justify-content: flex-end !important;
  960. }
  961. .justify-content-md-center {
  962. -ms-flex-pack: center !important;
  963. justify-content: center !important;
  964. }
  965. .justify-content-md-between {
  966. -ms-flex-pack: justify !important;
  967. justify-content: space-between !important;
  968. }
  969. .justify-content-md-around {
  970. -ms-flex-pack: distribute !important;
  971. justify-content: space-around !important;
  972. }
  973. .align-items-md-start {
  974. -ms-flex-align: start !important;
  975. align-items: flex-start !important;
  976. }
  977. .align-items-md-end {
  978. -ms-flex-align: end !important;
  979. align-items: flex-end !important;
  980. }
  981. .align-items-md-center {
  982. -ms-flex-align: center !important;
  983. align-items: center !important;
  984. }
  985. .align-items-md-baseline {
  986. -ms-flex-align: baseline !important;
  987. align-items: baseline !important;
  988. }
  989. .align-items-md-stretch {
  990. -ms-flex-align: stretch !important;
  991. align-items: stretch !important;
  992. }
  993. .align-content-md-start {
  994. -ms-flex-line-pack: start !important;
  995. align-content: flex-start !important;
  996. }
  997. .align-content-md-end {
  998. -ms-flex-line-pack: end !important;
  999. align-content: flex-end !important;
  1000. }
  1001. .align-content-md-center {
  1002. -ms-flex-line-pack: center !important;
  1003. align-content: center !important;
  1004. }
  1005. .align-content-md-between {
  1006. -ms-flex-line-pack: justify !important;
  1007. align-content: space-between !important;
  1008. }
  1009. .align-content-md-around {
  1010. -ms-flex-line-pack: distribute !important;
  1011. align-content: space-around !important;
  1012. }
  1013. .align-content-md-stretch {
  1014. -ms-flex-line-pack: stretch !important;
  1015. align-content: stretch !important;
  1016. }
  1017. .align-self-md-auto {
  1018. -ms-flex-item-align: auto !important;
  1019. align-self: auto !important;
  1020. }
  1021. .align-self-md-start {
  1022. -ms-flex-item-align: start !important;
  1023. align-self: flex-start !important;
  1024. }
  1025. .align-self-md-end {
  1026. -ms-flex-item-align: end !important;
  1027. align-self: flex-end !important;
  1028. }
  1029. .align-self-md-center {
  1030. -ms-flex-item-align: center !important;
  1031. align-self: center !important;
  1032. }
  1033. .align-self-md-baseline {
  1034. -ms-flex-item-align: baseline !important;
  1035. align-self: baseline !important;
  1036. }
  1037. .align-self-md-stretch {
  1038. -ms-flex-item-align: stretch !important;
  1039. align-self: stretch !important;
  1040. }
  1041. }
  1042. @media (min-width: 992px) {
  1043. .flex-lg-row {
  1044. -ms-flex-direction: row !important;
  1045. flex-direction: row !important;
  1046. }
  1047. .flex-lg-column {
  1048. -ms-flex-direction: column !important;
  1049. flex-direction: column !important;
  1050. }
  1051. .flex-lg-row-reverse {
  1052. -ms-flex-direction: row-reverse !important;
  1053. flex-direction: row-reverse !important;
  1054. }
  1055. .flex-lg-column-reverse {
  1056. -ms-flex-direction: column-reverse !important;
  1057. flex-direction: column-reverse !important;
  1058. }
  1059. .flex-lg-wrap {
  1060. -ms-flex-wrap: wrap !important;
  1061. flex-wrap: wrap !important;
  1062. }
  1063. .flex-lg-nowrap {
  1064. -ms-flex-wrap: nowrap !important;
  1065. flex-wrap: nowrap !important;
  1066. }
  1067. .flex-lg-wrap-reverse {
  1068. -ms-flex-wrap: wrap-reverse !important;
  1069. flex-wrap: wrap-reverse !important;
  1070. }
  1071. .justify-content-lg-start {
  1072. -ms-flex-pack: start !important;
  1073. justify-content: flex-start !important;
  1074. }
  1075. .justify-content-lg-end {
  1076. -ms-flex-pack: end !important;
  1077. justify-content: flex-end !important;
  1078. }
  1079. .justify-content-lg-center {
  1080. -ms-flex-pack: center !important;
  1081. justify-content: center !important;
  1082. }
  1083. .justify-content-lg-between {
  1084. -ms-flex-pack: justify !important;
  1085. justify-content: space-between !important;
  1086. }
  1087. .justify-content-lg-around {
  1088. -ms-flex-pack: distribute !important;
  1089. justify-content: space-around !important;
  1090. }
  1091. .align-items-lg-start {
  1092. -ms-flex-align: start !important;
  1093. align-items: flex-start !important;
  1094. }
  1095. .align-items-lg-end {
  1096. -ms-flex-align: end !important;
  1097. align-items: flex-end !important;
  1098. }
  1099. .align-items-lg-center {
  1100. -ms-flex-align: center !important;
  1101. align-items: center !important;
  1102. }
  1103. .align-items-lg-baseline {
  1104. -ms-flex-align: baseline !important;
  1105. align-items: baseline !important;
  1106. }
  1107. .align-items-lg-stretch {
  1108. -ms-flex-align: stretch !important;
  1109. align-items: stretch !important;
  1110. }
  1111. .align-content-lg-start {
  1112. -ms-flex-line-pack: start !important;
  1113. align-content: flex-start !important;
  1114. }
  1115. .align-content-lg-end {
  1116. -ms-flex-line-pack: end !important;
  1117. align-content: flex-end !important;
  1118. }
  1119. .align-content-lg-center {
  1120. -ms-flex-line-pack: center !important;
  1121. align-content: center !important;
  1122. }
  1123. .align-content-lg-between {
  1124. -ms-flex-line-pack: justify !important;
  1125. align-content: space-between !important;
  1126. }
  1127. .align-content-lg-around {
  1128. -ms-flex-line-pack: distribute !important;
  1129. align-content: space-around !important;
  1130. }
  1131. .align-content-lg-stretch {
  1132. -ms-flex-line-pack: stretch !important;
  1133. align-content: stretch !important;
  1134. }
  1135. .align-self-lg-auto {
  1136. -ms-flex-item-align: auto !important;
  1137. align-self: auto !important;
  1138. }
  1139. .align-self-lg-start {
  1140. -ms-flex-item-align: start !important;
  1141. align-self: flex-start !important;
  1142. }
  1143. .align-self-lg-end {
  1144. -ms-flex-item-align: end !important;
  1145. align-self: flex-end !important;
  1146. }
  1147. .align-self-lg-center {
  1148. -ms-flex-item-align: center !important;
  1149. align-self: center !important;
  1150. }
  1151. .align-self-lg-baseline {
  1152. -ms-flex-item-align: baseline !important;
  1153. align-self: baseline !important;
  1154. }
  1155. .align-self-lg-stretch {
  1156. -ms-flex-item-align: stretch !important;
  1157. align-self: stretch !important;
  1158. }
  1159. }
  1160. @media (min-width: 1200px) {
  1161. .flex-xl-row {
  1162. -ms-flex-direction: row !important;
  1163. flex-direction: row !important;
  1164. }
  1165. .flex-xl-column {
  1166. -ms-flex-direction: column !important;
  1167. flex-direction: column !important;
  1168. }
  1169. .flex-xl-row-reverse {
  1170. -ms-flex-direction: row-reverse !important;
  1171. flex-direction: row-reverse !important;
  1172. }
  1173. .flex-xl-column-reverse {
  1174. -ms-flex-direction: column-reverse !important;
  1175. flex-direction: column-reverse !important;
  1176. }
  1177. .flex-xl-wrap {
  1178. -ms-flex-wrap: wrap !important;
  1179. flex-wrap: wrap !important;
  1180. }
  1181. .flex-xl-nowrap {
  1182. -ms-flex-wrap: nowrap !important;
  1183. flex-wrap: nowrap !important;
  1184. }
  1185. .flex-xl-wrap-reverse {
  1186. -ms-flex-wrap: wrap-reverse !important;
  1187. flex-wrap: wrap-reverse !important;
  1188. }
  1189. .justify-content-xl-start {
  1190. -ms-flex-pack: start !important;
  1191. justify-content: flex-start !important;
  1192. }
  1193. .justify-content-xl-end {
  1194. -ms-flex-pack: end !important;
  1195. justify-content: flex-end !important;
  1196. }
  1197. .justify-content-xl-center {
  1198. -ms-flex-pack: center !important;
  1199. justify-content: center !important;
  1200. }
  1201. .justify-content-xl-between {
  1202. -ms-flex-pack: justify !important;
  1203. justify-content: space-between !important;
  1204. }
  1205. .justify-content-xl-around {
  1206. -ms-flex-pack: distribute !important;
  1207. justify-content: space-around !important;
  1208. }
  1209. .align-items-xl-start {
  1210. -ms-flex-align: start !important;
  1211. align-items: flex-start !important;
  1212. }
  1213. .align-items-xl-end {
  1214. -ms-flex-align: end !important;
  1215. align-items: flex-end !important;
  1216. }
  1217. .align-items-xl-center {
  1218. -ms-flex-align: center !important;
  1219. align-items: center !important;
  1220. }
  1221. .align-items-xl-baseline {
  1222. -ms-flex-align: baseline !important;
  1223. align-items: baseline !important;
  1224. }
  1225. .align-items-xl-stretch {
  1226. -ms-flex-align: stretch !important;
  1227. align-items: stretch !important;
  1228. }
  1229. .align-content-xl-start {
  1230. -ms-flex-line-pack: start !important;
  1231. align-content: flex-start !important;
  1232. }
  1233. .align-content-xl-end {
  1234. -ms-flex-line-pack: end !important;
  1235. align-content: flex-end !important;
  1236. }
  1237. .align-content-xl-center {
  1238. -ms-flex-line-pack: center !important;
  1239. align-content: center !important;
  1240. }
  1241. .align-content-xl-between {
  1242. -ms-flex-line-pack: justify !important;
  1243. align-content: space-between !important;
  1244. }
  1245. .align-content-xl-around {
  1246. -ms-flex-line-pack: distribute !important;
  1247. align-content: space-around !important;
  1248. }
  1249. .align-content-xl-stretch {
  1250. -ms-flex-line-pack: stretch !important;
  1251. align-content: stretch !important;
  1252. }
  1253. .align-self-xl-auto {
  1254. -ms-flex-item-align: auto !important;
  1255. align-self: auto !important;
  1256. }
  1257. .align-self-xl-start {
  1258. -ms-flex-item-align: start !important;
  1259. align-self: flex-start !important;
  1260. }
  1261. .align-self-xl-end {
  1262. -ms-flex-item-align: end !important;
  1263. align-self: flex-end !important;
  1264. }
  1265. .align-self-xl-center {
  1266. -ms-flex-item-align: center !important;
  1267. align-self: center !important;
  1268. }
  1269. .align-self-xl-baseline {
  1270. -ms-flex-item-align: baseline !important;
  1271. align-self: baseline !important;
  1272. }
  1273. .align-self-xl-stretch {
  1274. -ms-flex-item-align: stretch !important;
  1275. align-self: stretch !important;
  1276. }
  1277. }
  1278. /*# sourceMappingURL=bootstrap-grid.css.map */