23.749967ce6a9d673744ee.js

(window.webpackJsonp=window.webpackJsonp||[]).push([[23],{Oorm:function(l,n,u){"use strict";u.r(n);var e=u("CcnG"),d=function(){return function(){}}(),t=u("pMnS"),i=u("9AJC"),s=function(){return function(){}}(),r=e["\u0275crt"]({encapsulation:2,styles:[],data:{}});function a(l){return e["\u0275vid"](0,[(l()(),e["\u0275eld"](0,0,null,null,481,"div",[["class","row"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1,0,null,null,480,"div",[["class","col-12"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2,0,null,null,1,"h4",[["class","card-title"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Custom Classes"])),(l()(),e["\u0275eld"](4,0,null,null,477,"div",[["class","card"]],null,null,null,null,null)),(l()(),e["\u0275eld"](5,0,null,null,476,"div",[["class","card-body"]],null,null,null,null,null)),(l()(),e["\u0275eld"](6,0,null,null,475,"div",[["class","row"]],null,null,null,null,null)),(l()(),e["\u0275eld"](7,0,null,null,52,"div",[["class","col-12"]],null,null,null,null,null)),(l()(),e["\u0275eld"](8,0,null,null,1,"h4",[["class","card-title"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Text Color Classes"])),(l()(),e["\u0275eld"](10,0,null,null,49,"table",[["class","table table-bordered"]],null,null,null,null,null)),(l()(),e["\u0275eld"](11,0,null,null,5,"thead",[],null,null,null,null,null)),(l()(),e["\u0275eld"](12,0,null,null,4,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](13,0,null,null,1,"th",[["class","text-nowrap"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Class"])),(l()(),e["\u0275eld"](15,0,null,null,1,"th",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Description"])),(l()(),e["\u0275eld"](17,0,null,null,42,"tbody",[],null,null,null,null,null)),(l()(),e["\u0275eld"](18,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](19,0,null,null,2,"td",[["class","text-nowrap"]],null,null,null,null,null)),(l()(),e["\u0275eld"](20,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".text-muted"])),(l()(),e["\u0275eld"](22,0,null,null,1,"td",[["class","text-muted"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh."])),(l()(),e["\u0275eld"](24,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](25,0,null,null,2,"td",[["class","text-nowrap"]],null,null,null,null,null)),(l()(),e["\u0275eld"](26,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".text-primary"])),(l()(),e["\u0275eld"](28,0,null,null,1,"td",[["class","text-primary"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Nullam id dolor id nibh ultricies vehicula ut id elit."])),(l()(),e["\u0275eld"](30,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](31,0,null,null,2,"td",[["class","text-nowrap"]],null,null,null,null,null)),(l()(),e["\u0275eld"](32,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".text-success"])),(l()(),e["\u0275eld"](34,0,null,null,1,"td",[["class","text-success"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh."])),(l()(),e["\u0275eld"](36,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](37,0,null,null,2,"td",[["class","text-nowrap"]],null,null,null,null,null)),(l()(),e["\u0275eld"](38,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".text-info"])),(l()(),e["\u0275eld"](40,0,null,null,1,"td",[["class","text-info"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Nullam id dolor id nibh ultricies vehicula ut id elit."])),(l()(),e["\u0275eld"](42,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](43,0,null,null,2,"td",[["class","text-nowrap"]],null,null,null,null,null)),(l()(),e["\u0275eld"](44,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".text-warning"])),(l()(),e["\u0275eld"](46,0,null,null,1,"td",[["class","text-warning"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh."])),(l()(),e["\u0275eld"](48,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](49,0,null,null,2,"td",[["class","text-nowrap"]],null,null,null,null,null)),(l()(),e["\u0275eld"](50,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".text-danger"])),(l()(),e["\u0275eld"](52,0,null,null,1,"td",[["class","text-danger"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Nullam id dolor id nibh ultricies vehicula ut id elit."])),(l()(),e["\u0275eld"](54,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](55,0,null,null,2,"td",[["class","text-nowrap"]],null,null,null,null,null)),(l()(),e["\u0275eld"](56,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".text-dark"])),(l()(),e["\u0275eld"](58,0,null,null,1,"td",[["class","text-dark"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Nullam id dolor id nibh ultricies vehicula ut id elit."])),(l()(),e["\u0275eld"](60,0,null,null,1,"div",[["class","col-md-12 m-t-40 m-b-40"]],null,null,null,null,null)),(l()(),e["\u0275eld"](61,0,null,null,0,"hr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](62,0,null,null,28,"div",[["class","col-12"]],null,null,null,null,null)),(l()(),e["\u0275eld"](63,0,null,null,1,"h4",[["class","card-title"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Font Weight"])),(l()(),e["\u0275eld"](65,0,null,null,25,"table",[["class","table table-bordered"]],null,null,null,null,null)),(l()(),e["\u0275eld"](66,0,null,null,5,"thead",[],null,null,null,null,null)),(l()(),e["\u0275eld"](67,0,null,null,4,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](68,0,null,null,1,"th",[["class","text-nowrap"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Class"])),(l()(),e["\u0275eld"](70,0,null,null,1,"th",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Description"])),(l()(),e["\u0275eld"](72,0,null,null,18,"tbody",[],null,null,null,null,null)),(l()(),e["\u0275eld"](73,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](74,0,null,null,2,"td",[["class","text-nowrap"]],null,null,null,null,null)),(l()(),e["\u0275eld"](75,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".font-light"])),(l()(),e["\u0275eld"](77,0,null,null,1,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Font weight will be light (300)."])),(l()(),e["\u0275eld"](79,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](80,0,null,null,2,"td",[["class","text-nowrap"]],null,null,null,null,null)),(l()(),e["\u0275eld"](81,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".font-normal"])),(l()(),e["\u0275eld"](83,0,null,null,1,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Font weight will be normal"])),(l()(),e["\u0275eld"](85,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](86,0,null,null,2,"td",[["class","text-nowrap"]],null,null,null,null,null)),(l()(),e["\u0275eld"](87,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".font-bold "])),(l()(),e["\u0275eld"](89,0,null,null,1,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Font weight will be bold (700)"])),(l()(),e["\u0275eld"](91,0,null,null,1,"div",[["class","col-md-12 m-t-40 m-b-40"]],null,null,null,null,null)),(l()(),e["\u0275eld"](92,0,null,null,0,"hr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](93,0,null,null,28,"div",[["class","col-md-3"]],null,null,null,null,null)),(l()(),e["\u0275eld"](94,0,null,null,1,"h4",[["class","card-title"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Padding Classes"])),(l()(),e["\u0275eld"](96,0,null,null,25,"table",[["class","table table-bordered"]],null,null,null,null,null)),(l()(),e["\u0275eld"](97,0,null,null,5,"thead",[],null,null,null,null,null)),(l()(),e["\u0275eld"](98,0,null,null,4,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](99,0,null,null,1,"th",[["class","text-nowrap"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Class"])),(l()(),e["\u0275eld"](101,0,null,null,1,"th",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Description"])),(l()(),e["\u0275eld"](103,0,null,null,18,"tbody",[],null,null,null,null,null)),(l()(),e["\u0275eld"](104,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](105,0,null,null,2,"td",[["class","text-nowrap"]],null,null,null,null,null)),(l()(),e["\u0275eld"](106,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".p-0"])),(l()(),e["\u0275eld"](108,0,null,null,1,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Padding will be 0px from all side."])),(l()(),e["\u0275eld"](110,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](111,0,null,null,2,"td",[["class","text-nowrap"]],null,null,null,null,null)),(l()(),e["\u0275eld"](112,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".p-10"])),(l()(),e["\u0275eld"](114,0,null,null,1,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Padding will be 10px from all side."])),(l()(),e["\u0275eld"](116,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](117,0,null,null,2,"td",[["class","text-nowrap"]],null,null,null,null,null)),(l()(),e["\u0275eld"](118,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".p-20"])),(l()(),e["\u0275eld"](120,0,null,null,1,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Padding will be 20px from all side"])),(l()(),e["\u0275eld"](122,0,null,null,28,"div",[["class","col-md-3"]],null,null,null,null,null)),(l()(),e["\u0275eld"](123,0,null,null,1,"h4",[["class","card-title"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Padding Left Classes"])),(l()(),e["\u0275eld"](125,0,null,null,25,"table",[["class","table table-bordered"]],null,null,null,null,null)),(l()(),e["\u0275eld"](126,0,null,null,5,"thead",[],null,null,null,null,null)),(l()(),e["\u0275eld"](127,0,null,null,4,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](128,0,null,null,1,"th",[["class","text-nowrap"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Class"])),(l()(),e["\u0275eld"](130,0,null,null,1,"th",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Description"])),(l()(),e["\u0275eld"](132,0,null,null,18,"tbody",[],null,null,null,null,null)),(l()(),e["\u0275eld"](133,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](134,0,null,null,2,"td",[["class","text-nowrap"]],null,null,null,null,null)),(l()(),e["\u0275eld"](135,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".p-l-0"])),(l()(),e["\u0275eld"](137,0,null,null,1,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Only Padding Left will be 0px."])),(l()(),e["\u0275eld"](139,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](140,0,null,null,2,"td",[["class","text-nowrap"]],null,null,null,null,null)),(l()(),e["\u0275eld"](141,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".p-l-10 "])),(l()(),e["\u0275eld"](143,0,null,null,1,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Only Padding Left will be 10px."])),(l()(),e["\u0275eld"](145,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](146,0,null,null,2,"td",[["class","text-nowrap"]],null,null,null,null,null)),(l()(),e["\u0275eld"](147,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".p-l-20"])),(l()(),e["\u0275eld"](149,0,null,null,1,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Only Padding Left will be 20px."])),(l()(),e["\u0275eld"](151,0,null,null,28,"div",[["class","col-md-3"]],null,null,null,null,null)),(l()(),e["\u0275eld"](152,0,null,null,1,"h4",[["class","card-title"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Padding right Classes"])),(l()(),e["\u0275eld"](154,0,null,null,25,"table",[["class","table table-bordered"]],null,null,null,null,null)),(l()(),e["\u0275eld"](155,0,null,null,5,"thead",[],null,null,null,null,null)),(l()(),e["\u0275eld"](156,0,null,null,4,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](157,0,null,null,1,"th",[["class","text-nowrap"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Class"])),(l()(),e["\u0275eld"](159,0,null,null,1,"th",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Description"])),(l()(),e["\u0275eld"](161,0,null,null,18,"tbody",[],null,null,null,null,null)),(l()(),e["\u0275eld"](162,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](163,0,null,null,2,"td",[["class","text-nowrap"]],null,null,null,null,null)),(l()(),e["\u0275eld"](164,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".p-r-0"])),(l()(),e["\u0275eld"](166,0,null,null,1,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Only Padding right will be 0px."])),(l()(),e["\u0275eld"](168,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](169,0,null,null,2,"td",[["class","text-nowrap"]],null,null,null,null,null)),(l()(),e["\u0275eld"](170,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".p-r-10 "])),(l()(),e["\u0275eld"](172,0,null,null,1,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Only Padding right will be 10px."])),(l()(),e["\u0275eld"](174,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](175,0,null,null,2,"td",[["class","text-nowrap"]],null,null,null,null,null)),(l()(),e["\u0275eld"](176,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".p-r-20"])),(l()(),e["\u0275eld"](178,0,null,null,1,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Only Padding right will be 20px."])),(l()(),e["\u0275eld"](180,0,null,null,28,"div",[["class","col-md-3"]],null,null,null,null,null)),(l()(),e["\u0275eld"](181,0,null,null,1,"h4",[["class","card-title"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Padding top Classes"])),(l()(),e["\u0275eld"](183,0,null,null,25,"table",[["class","table table-bordered"]],null,null,null,null,null)),(l()(),e["\u0275eld"](184,0,null,null,5,"thead",[],null,null,null,null,null)),(l()(),e["\u0275eld"](185,0,null,null,4,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](186,0,null,null,1,"th",[["class","text-nowrap"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Class"])),(l()(),e["\u0275eld"](188,0,null,null,1,"th",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Description"])),(l()(),e["\u0275eld"](190,0,null,null,18,"tbody",[],null,null,null,null,null)),(l()(),e["\u0275eld"](191,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](192,0,null,null,2,"td",[["class","text-nowrap"]],null,null,null,null,null)),(l()(),e["\u0275eld"](193,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".p-t-0"])),(l()(),e["\u0275eld"](195,0,null,null,1,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Only Padding top will be 0px."])),(l()(),e["\u0275eld"](197,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](198,0,null,null,2,"td",[["class","text-nowrap"]],null,null,null,null,null)),(l()(),e["\u0275eld"](199,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".p-t-10 "])),(l()(),e["\u0275eld"](201,0,null,null,1,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Only Padding top will be 10px."])),(l()(),e["\u0275eld"](203,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](204,0,null,null,2,"td",[["class","text-nowrap"]],null,null,null,null,null)),(l()(),e["\u0275eld"](205,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".p-t-20"])),(l()(),e["\u0275eld"](207,0,null,null,1,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Only Padding top will be 20px."])),(l()(),e["\u0275eld"](209,0,null,null,1,"div",[["class","col-md-12 m-t-40 m-b-40"]],null,null,null,null,null)),(l()(),e["\u0275eld"](210,0,null,null,0,"hr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](211,0,null,null,46,"div",[["class","col-md-3"]],null,null,null,null,null)),(l()(),e["\u0275eld"](212,0,null,null,1,"h4",[["class","card-title"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Margin top Classes"])),(l()(),e["\u0275eld"](214,0,null,null,43,"table",[["class","table table-bordered"]],null,null,null,null,null)),(l()(),e["\u0275eld"](215,0,null,null,5,"thead",[],null,null,null,null,null)),(l()(),e["\u0275eld"](216,0,null,null,4,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](217,0,null,null,1,"th",[["class","text-nowrap"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Class"])),(l()(),e["\u0275eld"](219,0,null,null,1,"th",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Description"])),(l()(),e["\u0275eld"](221,0,null,null,36,"tbody",[],null,null,null,null,null)),(l()(),e["\u0275eld"](222,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](223,0,null,null,2,"td",[["class","text-nowrap"]],null,null,null,null,null)),(l()(),e["\u0275eld"](224,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".m-t-5"])),(l()(),e["\u0275eld"](226,0,null,null,1,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Only Margin top will be 5px."])),(l()(),e["\u0275eld"](228,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](229,0,null,null,2,"td",[["class","text-nowrap"]],null,null,null,null,null)),(l()(),e["\u0275eld"](230,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".m-t-10 "])),(l()(),e["\u0275eld"](232,0,null,null,1,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Only Margin top will be 10px."])),(l()(),e["\u0275eld"](234,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](235,0,null,null,2,"td",[["class","text-nowrap"]],null,null,null,null,null)),(l()(),e["\u0275eld"](236,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".m-t-15 "])),(l()(),e["\u0275eld"](238,0,null,null,1,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Only Margin top will be 15px."])),(l()(),e["\u0275eld"](240,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](241,0,null,null,2,"td",[["class","text-nowrap"]],null,null,null,null,null)),(l()(),e["\u0275eld"](242,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".m-t-20"])),(l()(),e["\u0275eld"](244,0,null,null,1,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Only Margin top will be 20px."])),(l()(),e["\u0275eld"](246,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](247,0,null,null,2,"td",[["class","text-nowrap"]],null,null,null,null,null)),(l()(),e["\u0275eld"](248,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".m-t-30"])),(l()(),e["\u0275eld"](250,0,null,null,1,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Only Margin top will be 30px."])),(l()(),e["\u0275eld"](252,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](253,0,null,null,2,"td",[["class","text-nowrap"]],null,null,null,null,null)),(l()(),e["\u0275eld"](254,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".m-t-40"])),(l()(),e["\u0275eld"](256,0,null,null,1,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Only Margin top will be 40px."])),(l()(),e["\u0275eld"](258,0,null,null,40,"div",[["class","col-md-3"]],null,null,null,null,null)),(l()(),e["\u0275eld"](259,0,null,null,1,"h4",[["class","card-title"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Margin Bottom Classes"])),(l()(),e["\u0275eld"](261,0,null,null,37,"table",[["class","table table-bordered"]],null,null,null,null,null)),(l()(),e["\u0275eld"](262,0,null,null,5,"thead",[],null,null,null,null,null)),(l()(),e["\u0275eld"](263,0,null,null,4,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](264,0,null,null,1,"th",[["class","text-nowrap"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Class"])),(l()(),e["\u0275eld"](266,0,null,null,1,"th",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Description"])),(l()(),e["\u0275eld"](268,0,null,null,30,"tbody",[],null,null,null,null,null)),(l()(),e["\u0275eld"](269,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](270,0,null,null,2,"td",[["class","text-nowrap"]],null,null,null,null,null)),(l()(),e["\u0275eld"](271,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".m-b-5"])),(l()(),e["\u0275eld"](273,0,null,null,1,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Only Margin Bottom will be 5px."])),(l()(),e["\u0275eld"](275,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](276,0,null,null,2,"td",[["class","text-nowrap"]],null,null,null,null,null)),(l()(),e["\u0275eld"](277,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".m-b-10 "])),(l()(),e["\u0275eld"](279,0,null,null,1,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Only Margin Bottom will be 10px."])),(l()(),e["\u0275eld"](281,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](282,0,null,null,2,"td",[["class","text-nowrap"]],null,null,null,null,null)),(l()(),e["\u0275eld"](283,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".m-b-15 "])),(l()(),e["\u0275eld"](285,0,null,null,1,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Only Margin Bottom will be 15px."])),(l()(),e["\u0275eld"](287,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](288,0,null,null,2,"td",[["class","text-nowrap"]],null,null,null,null,null)),(l()(),e["\u0275eld"](289,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".m-b-20"])),(l()(),e["\u0275eld"](291,0,null,null,1,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Only Margin Bottom will be 20px."])),(l()(),e["\u0275eld"](293,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](294,0,null,null,2,"td",[["class","text-nowrap"]],null,null,null,null,null)),(l()(),e["\u0275eld"](295,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".m-b-30"])),(l()(),e["\u0275eld"](297,0,null,null,1,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Only Margin Bottom will be 30px."])),(l()(),e["\u0275eld"](299,0,null,null,46,"div",[["class","col-md-3"]],null,null,null,null,null)),(l()(),e["\u0275eld"](300,0,null,null,1,"h4",[["class","card-title"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Margin Right Classes"])),(l()(),e["\u0275eld"](302,0,null,null,43,"table",[["class","table table-bordered"]],null,null,null,null,null)),(l()(),e["\u0275eld"](303,0,null,null,5,"thead",[],null,null,null,null,null)),(l()(),e["\u0275eld"](304,0,null,null,4,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](305,0,null,null,1,"th",[["class","text-nowrap"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Class"])),(l()(),e["\u0275eld"](307,0,null,null,1,"th",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Description"])),(l()(),e["\u0275eld"](309,0,null,null,36,"tbody",[],null,null,null,null,null)),(l()(),e["\u0275eld"](310,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](311,0,null,null,2,"td",[["class","text-nowrap"]],null,null,null,null,null)),(l()(),e["\u0275eld"](312,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".m-r-5"])),(l()(),e["\u0275eld"](314,0,null,null,1,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Only Margin Right will be 5px."])),(l()(),e["\u0275eld"](316,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](317,0,null,null,2,"td",[["class","text-nowrap"]],null,null,null,null,null)),(l()(),e["\u0275eld"](318,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".m-r-10 "])),(l()(),e["\u0275eld"](320,0,null,null,1,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Only Margin Right will be 10px."])),(l()(),e["\u0275eld"](322,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](323,0,null,null,2,"td",[["class","text-nowrap"]],null,null,null,null,null)),(l()(),e["\u0275eld"](324,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".m-r-15 "])),(l()(),e["\u0275eld"](326,0,null,null,1,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Only Margin Right will be 15px."])),(l()(),e["\u0275eld"](328,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](329,0,null,null,2,"td",[["class","text-nowrap"]],null,null,null,null,null)),(l()(),e["\u0275eld"](330,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".m-r-20"])),(l()(),e["\u0275eld"](332,0,null,null,1,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Only Margin Right will be 20px."])),(l()(),e["\u0275eld"](334,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](335,0,null,null,2,"td",[["class","text-nowrap"]],null,null,null,null,null)),(l()(),e["\u0275eld"](336,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".m-r-30"])),(l()(),e["\u0275eld"](338,0,null,null,1,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Only Margin Right will be 30px."])),(l()(),e["\u0275eld"](340,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](341,0,null,null,2,"td",[["class","text-nowrap"]],null,null,null,null,null)),(l()(),e["\u0275eld"](342,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".m-r-40"])),(l()(),e["\u0275eld"](344,0,null,null,1,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Only Margin Right will be 40px."])),(l()(),e["\u0275eld"](346,0,null,null,46,"div",[["class","col-md-3"]],null,null,null,null,null)),(l()(),e["\u0275eld"](347,0,null,null,1,"h4",[["class","card-title"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Margin Left Classes"])),(l()(),e["\u0275eld"](349,0,null,null,43,"table",[["class","table table-bordered"]],null,null,null,null,null)),(l()(),e["\u0275eld"](350,0,null,null,5,"thead",[],null,null,null,null,null)),(l()(),e["\u0275eld"](351,0,null,null,4,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](352,0,null,null,1,"th",[["class","text-nowrap"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Class"])),(l()(),e["\u0275eld"](354,0,null,null,1,"th",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Description"])),(l()(),e["\u0275eld"](356,0,null,null,36,"tbody",[],null,null,null,null,null)),(l()(),e["\u0275eld"](357,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](358,0,null,null,2,"td",[["class","text-nowrap"]],null,null,null,null,null)),(l()(),e["\u0275eld"](359,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".m-l-5"])),(l()(),e["\u0275eld"](361,0,null,null,1,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Only Margin Left will be 5px."])),(l()(),e["\u0275eld"](363,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](364,0,null,null,2,"td",[["class","text-nowrap"]],null,null,null,null,null)),(l()(),e["\u0275eld"](365,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".m-l-10 "])),(l()(),e["\u0275eld"](367,0,null,null,1,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Only Margin Left will be 10px."])),(l()(),e["\u0275eld"](369,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](370,0,null,null,2,"td",[["class","text-nowrap"]],null,null,null,null,null)),(l()(),e["\u0275eld"](371,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".m-l-15 "])),(l()(),e["\u0275eld"](373,0,null,null,1,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Only Margin Left will be 15px."])),(l()(),e["\u0275eld"](375,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](376,0,null,null,2,"td",[["class","text-nowrap"]],null,null,null,null,null)),(l()(),e["\u0275eld"](377,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".m-l-20"])),(l()(),e["\u0275eld"](379,0,null,null,1,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Only Margin Left will be 20px."])),(l()(),e["\u0275eld"](381,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](382,0,null,null,2,"td",[["class","text-nowrap"]],null,null,null,null,null)),(l()(),e["\u0275eld"](383,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".m-l-30"])),(l()(),e["\u0275eld"](385,0,null,null,1,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Only Margin Left will be 30px."])),(l()(),e["\u0275eld"](387,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](388,0,null,null,2,"td",[["class","text-nowrap"]],null,null,null,null,null)),(l()(),e["\u0275eld"](389,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".m-l-40"])),(l()(),e["\u0275eld"](391,0,null,null,1,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Only Margin Left will be 40px."])),(l()(),e["\u0275eld"](393,0,null,null,1,"div",[["class","col-sm-12 m-t-40 m-b-40"]],null,null,null,null,null)),(l()(),e["\u0275eld"](394,0,null,null,0,"hr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](395,0,null,null,28,"div",[["class","col-md-4"]],null,null,null,null,null)),(l()(),e["\u0275eld"](396,0,null,null,1,"h4",[["class","card-title"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Background Colors"])),(l()(),e["\u0275eld"](398,0,null,null,25,"table",[["class","table table-bordered"]],null,null,null,null,null)),(l()(),e["\u0275eld"](399,0,null,null,5,"thead",[],null,null,null,null,null)),(l()(),e["\u0275eld"](400,0,null,null,4,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](401,0,null,null,1,"th",[["class","text-nowrap"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Class"])),(l()(),e["\u0275eld"](403,0,null,null,1,"th",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Description"])),(l()(),e["\u0275eld"](405,0,null,null,18,"tbody",[],null,null,null,null,null)),(l()(),e["\u0275eld"](406,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](407,0,null,null,2,"td",[["class","text-nowrap"]],null,null,null,null,null)),(l()(),e["\u0275eld"](408,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".bg-primary"])),(l()(),e["\u0275eld"](410,0,null,null,1,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["For Primary background color"])),(l()(),e["\u0275eld"](412,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](413,0,null,null,2,"td",[["class","text-nowrap"]],null,null,null,null,null)),(l()(),e["\u0275eld"](414,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".bg-success"])),(l()(),e["\u0275eld"](416,0,null,null,1,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["For Success (green) background color"])),(l()(),e["\u0275eld"](418,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](419,0,null,null,2,"td",[["class","text-nowrap"]],null,null,null,null,null)),(l()(),e["\u0275eld"](420,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".bg-info"])),(l()(),e["\u0275eld"](422,0,null,null,1,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["For info (Blue) background color"])),(l()(),e["\u0275eld"](424,0,null,null,28,"div",[["class","col-md-4"]],null,null,null,null,null)),(l()(),e["\u0275eld"](425,0,null,null,1,"h4",[["class","card-title"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["\xa0"])),(l()(),e["\u0275eld"](427,0,null,null,25,"table",[["class","table table-bordered"]],null,null,null,null,null)),(l()(),e["\u0275eld"](428,0,null,null,5,"thead",[],null,null,null,null,null)),(l()(),e["\u0275eld"](429,0,null,null,4,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](430,0,null,null,1,"th",[["class","text-nowrap"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Class"])),(l()(),e["\u0275eld"](432,0,null,null,1,"th",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Description"])),(l()(),e["\u0275eld"](434,0,null,null,18,"tbody",[],null,null,null,null,null)),(l()(),e["\u0275eld"](435,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](436,0,null,null,2,"td",[["class","text-nowrap"]],null,null,null,null,null)),(l()(),e["\u0275eld"](437,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".bg-warning"])),(l()(),e["\u0275eld"](439,0,null,null,1,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["For Warning (yellow) background color"])),(l()(),e["\u0275eld"](441,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](442,0,null,null,2,"td",[["class","text-nowrap"]],null,null,null,null,null)),(l()(),e["\u0275eld"](443,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".bg-danger"])),(l()(),e["\u0275eld"](445,0,null,null,1,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["For Danger (red) background color"])),(l()(),e["\u0275eld"](447,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](448,0,null,null,2,"td",[["class","text-nowrap"]],null,null,null,null,null)),(l()(),e["\u0275eld"](449,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".bg-theme"])),(l()(),e["\u0275eld"](451,0,null,null,1,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["For Theme background color"])),(l()(),e["\u0275eld"](453,0,null,null,28,"div",[["class","col-md-4"]],null,null,null,null,null)),(l()(),e["\u0275eld"](454,0,null,null,1,"h4",[["class","card-title"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["\xa0"])),(l()(),e["\u0275eld"](456,0,null,null,25,"table",[["class","table table-bordered"]],null,null,null,null,null)),(l()(),e["\u0275eld"](457,0,null,null,5,"thead",[],null,null,null,null,null)),(l()(),e["\u0275eld"](458,0,null,null,4,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](459,0,null,null,1,"th",[["class","text-nowrap"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Class"])),(l()(),e["\u0275eld"](461,0,null,null,1,"th",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Description"])),(l()(),e["\u0275eld"](463,0,null,null,18,"tbody",[],null,null,null,null,null)),(l()(),e["\u0275eld"](464,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](465,0,null,null,2,"td",[["class","text-nowrap"]],null,null,null,null,null)),(l()(),e["\u0275eld"](466,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".bg-theme-dark"])),(l()(),e["\u0275eld"](468,0,null,null,1,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["For theme dark background color"])),(l()(),e["\u0275eld"](470,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](471,0,null,null,2,"td",[["class","text-nowrap"]],null,null,null,null,null)),(l()(),e["\u0275eld"](472,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".bg-inverse "])),(l()(),e["\u0275eld"](474,0,null,null,1,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["For inverse (dark) background color"])),(l()(),e["\u0275eld"](476,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](477,0,null,null,2,"td",[["class","text-nowrap"]],null,null,null,null,null)),(l()(),e["\u0275eld"](478,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".bg-purple"])),(l()(),e["\u0275eld"](480,0,null,null,1,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["For Purple background color"])),(l()(),e["\u0275eld"](482,0,null,null,1,"h4",[["class","card-title m-t-40"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Bootstrap Classes"])),(l()(),e["\u0275eld"](484,0,null,null,217,"div",[["class","card"]],null,null,null,null,null)),(l()(),e["\u0275eld"](485,0,null,null,8,"div",[["class","card-body"]],null,null,null,null,null)),(l()(),e["\u0275eld"](486,0,null,null,1,"h4",[["class","card-title"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Borders"])),(l()(),e["\u0275eld"](488,0,null,null,1,"h6",[["class","card-subtitle"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Use border utilities to quickly style the border and border-radius of an element. Great for images, buttons, or any other element."])),(l()(),e["\u0275eld"](490,0,null,null,1,"h4",[["class","card-title m-t-30"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Additive border"])),(l()(),e["\u0275eld"](492,0,null,null,1,"h6",[["class","card-subtitle"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Use of below classes as per your requiements, which side you want border."])),(l()(),e["\u0275eld"](494,0,null,null,38,"div",[["class","table-responsive"]],null,null,null,null,null)),(l()(),e["\u0275eld"](495,0,null,null,37,"table",[["class","table"]],null,null,null,null,null)),(l()(),e["\u0275eld"](496,0,null,null,5,"thead",[["class","bg-cyan text-white"]],null,null,null,null,null)),(l()(),e["\u0275eld"](497,0,null,null,4,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](498,0,null,null,1,"th",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Classes"])),(l()(),e["\u0275eld"](500,0,null,null,1,"th",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Use"])),(l()(),e["\u0275eld"](502,0,null,null,30,"tbody",[],null,null,null,null,null)),(l()(),e["\u0275eld"](503,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](504,0,null,null,2,"td",[],null,null,null,null,null)),(l()(),e["\u0275eld"](505,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".border"])),(l()(),e["\u0275eld"](507,0,null,null,1,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Use to add solid border of 1px on every side of the object."])),(l()(),e["\u0275eld"](509,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](510,0,null,null,2,"td",[],null,null,null,null,null)),(l()(),e["\u0275eld"](511,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".border-top"])),(l()(),e["\u0275eld"](513,0,null,null,1,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Use to add solid border top of 1px on obejct."])),(l()(),e["\u0275eld"](515,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](516,0,null,null,2,"td",[],null,null,null,null,null)),(l()(),e["\u0275eld"](517,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".border-bottom"])),(l()(),e["\u0275eld"](519,0,null,null,1,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Use to add solid border bottom of 1px on object."])),(l()(),e["\u0275eld"](521,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](522,0,null,null,2,"td",[],null,null,null,null,null)),(l()(),e["\u0275eld"](523,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".border-left"])),(l()(),e["\u0275eld"](525,0,null,null,1,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Use to add solid border left of 1px on object."])),(l()(),e["\u0275eld"](527,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](528,0,null,null,2,"td",[],null,null,null,null,null)),(l()(),e["\u0275eld"](529,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".border-right"])),(l()(),e["\u0275eld"](531,0,null,null,1,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Use to add solid border right of 1px on object."])),(l()(),e["\u0275eld"](533,0,null,null,5,"div",[["class","card-body"]],null,null,null,null,null)),(l()(),e["\u0275eld"](534,0,null,null,4,"div",[["class","card-text my-1"]],null,null,null,null,null)),(l()(),e["\u0275eld"](535,0,null,null,1,"h4",[["class","card-title"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Subtractive border"])),(l()(),e["\u0275eld"](537,0,null,null,1,"h6",[["class","card-subtitle"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Use of below classes as per your requiements, which side you don't want to add border."])),(l()(),e["\u0275eld"](539,0,null,null,38,"div",[["class","table-responsive"]],null,null,null,null,null)),(l()(),e["\u0275eld"](540,0,null,null,37,"table",[["class","table"]],null,null,null,null,null)),(l()(),e["\u0275eld"](541,0,null,null,5,"thead",[["class","bg-cyan text-white"]],null,null,null,null,null)),(l()(),e["\u0275eld"](542,0,null,null,4,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](543,0,null,null,1,"th",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Classes"])),(l()(),e["\u0275eld"](545,0,null,null,1,"th",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Use"])),(l()(),e["\u0275eld"](547,0,null,null,30,"tbody",[],null,null,null,null,null)),(l()(),e["\u0275eld"](548,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](549,0,null,null,2,"td",[],null,null,null,null,null)),(l()(),e["\u0275eld"](550,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".no-border"])),(l()(),e["\u0275eld"](552,0,null,null,1,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Use when remove border from all side of the object."])),(l()(),e["\u0275eld"](554,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](555,0,null,null,2,"td",[],null,null,null,null,null)),(l()(),e["\u0275eld"](556,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".border-top-0"])),(l()(),e["\u0275eld"](558,0,null,null,1,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Use when remove border from the top side of the object."])),(l()(),e["\u0275eld"](560,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](561,0,null,null,2,"td",[],null,null,null,null,null)),(l()(),e["\u0275eld"](562,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".border-bottom-0"])),(l()(),e["\u0275eld"](564,0,null,null,1,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Use when remove border from the bottom side of the object."])),(l()(),e["\u0275eld"](566,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](567,0,null,null,2,"td",[],null,null,null,null,null)),(l()(),e["\u0275eld"](568,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".border-left-0"])),(l()(),e["\u0275eld"](570,0,null,null,1,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Use when remove border from the left side of the object."])),(l()(),e["\u0275eld"](572,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](573,0,null,null,2,"td",[],null,null,null,null,null)),(l()(),e["\u0275eld"](574,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".border-right-0"])),(l()(),e["\u0275eld"](576,0,null,null,1,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Use when remove border from the right side of the object."])),(l()(),e["\u0275eld"](578,0,null,null,4,"div",[["class","card-body"]],null,null,null,null,null)),(l()(),e["\u0275eld"](579,0,null,null,1,"h4",[["class","card-title"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Border color"])),(l()(),e["\u0275eld"](581,0,null,null,1,"h6",[["class","card-subtitle"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["When you want add color in the border you can choose any of the below classes."])),(l()(),e["\u0275eld"](583,0,null,null,62,"div",[["class","table-responsive"]],null,null,null,null,null)),(l()(),e["\u0275eld"](584,0,null,null,61,"table",[["class","table"]],null,null,null,null,null)),(l()(),e["\u0275eld"](585,0,null,null,5,"thead",[["class","bg-cyan text-white"]],null,null,null,null,null)),(l()(),e["\u0275eld"](586,0,null,null,4,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](587,0,null,null,1,"th",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Classes"])),(l()(),e["\u0275eld"](589,0,null,null,1,"th",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Use"])),(l()(),e["\u0275eld"](591,0,null,null,54,"tbody",[],null,null,null,null,null)),(l()(),e["\u0275eld"](592,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](593,0,null,null,2,"td",[],null,null,null,null,null)),(l()(),e["\u0275eld"](594,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".border border-primary"])),(l()(),e["\u0275eld"](596,0,null,null,1,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Use when add primary color border to all side of the object."])),(l()(),e["\u0275eld"](598,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](599,0,null,null,2,"td",[],null,null,null,null,null)),(l()(),e["\u0275eld"](600,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".border border-secondary"])),(l()(),e["\u0275eld"](602,0,null,null,1,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Use when add secondary color border to all side of the object."])),(l()(),e["\u0275eld"](604,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](605,0,null,null,2,"td",[],null,null,null,null,null)),(l()(),e["\u0275eld"](606,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".border border-success"])),(l()(),e["\u0275eld"](608,0,null,null,1,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Use when add success color border to all side of the object."])),(l()(),e["\u0275eld"](610,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](611,0,null,null,2,"td",[],null,null,null,null,null)),(l()(),e["\u0275eld"](612,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".border border-danger"])),(l()(),e["\u0275eld"](614,0,null,null,1,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Use when add danger color border to all side of the object."])),(l()(),e["\u0275eld"](616,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](617,0,null,null,2,"td",[],null,null,null,null,null)),(l()(),e["\u0275eld"](618,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".border border-warning"])),(l()(),e["\u0275eld"](620,0,null,null,1,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Use when add warning color border to all side of the object."])),(l()(),e["\u0275eld"](622,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](623,0,null,null,2,"td",[],null,null,null,null,null)),(l()(),e["\u0275eld"](624,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".border border-info"])),(l()(),e["\u0275eld"](626,0,null,null,1,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Use when add info color border to all side of the object."])),(l()(),e["\u0275eld"](628,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](629,0,null,null,2,"td",[],null,null,null,null,null)),(l()(),e["\u0275eld"](630,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".border border-light"])),(l()(),e["\u0275eld"](632,0,null,null,1,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Use when add light color border to all side of the object."])),(l()(),e["\u0275eld"](634,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](635,0,null,null,2,"td",[],null,null,null,null,null)),(l()(),e["\u0275eld"](636,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".border border-dark"])),(l()(),e["\u0275eld"](638,0,null,null,1,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Use when add dark color border to all side of the object."])),(l()(),e["\u0275eld"](640,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](641,0,null,null,2,"td",[],null,null,null,null,null)),(l()(),e["\u0275eld"](642,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".border border-white"])),(l()(),e["\u0275eld"](644,0,null,null,1,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Use when add white color border to all side of the object."])),(l()(),e["\u0275eld"](646,0,null,null,4,"div",[["class","card-body"]],null,null,null,null,null)),(l()(),e["\u0275eld"](647,0,null,null,1,"h4",[["class","card-title"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Border-radius"])),(l()(),e["\u0275eld"](649,0,null,null,1,"h6",[["class","card-subtitle"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Use to give rounded corner to the object."])),(l()(),e["\u0275eld"](651,0,null,null,50,"div",[["class","table-responsive"]],null,null,null,null,null)),(l()(),e["\u0275eld"](652,0,null,null,49,"table",[["class","table"]],null,null,null,null,null)),(l()(),e["\u0275eld"](653,0,null,null,5,"thead",[["class","bg-cyan text-white"]],null,null,null,null,null)),(l()(),e["\u0275eld"](654,0,null,null,4,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](655,0,null,null,1,"th",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Classes"])),(l()(),e["\u0275eld"](657,0,null,null,1,"th",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Use"])),(l()(),e["\u0275eld"](659,0,null,null,42,"tbody",[],null,null,null,null,null)),(l()(),e["\u0275eld"](660,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](661,0,null,null,2,"td",[],null,null,null,null,null)),(l()(),e["\u0275eld"](662,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".rounded"])),(l()(),e["\u0275eld"](664,0,null,null,1,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Add round corners border to all side of the object."])),(l()(),e["\u0275eld"](666,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](667,0,null,null,2,"td",[],null,null,null,null,null)),(l()(),e["\u0275eld"](668,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".rounded-top"])),(l()(),e["\u0275eld"](670,0,null,null,1,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Add round corners border to top side only of the object."])),(l()(),e["\u0275eld"](672,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](673,0,null,null,2,"td",[],null,null,null,null,null)),(l()(),e["\u0275eld"](674,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".rounded-bottom"])),(l()(),e["\u0275eld"](676,0,null,null,1,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Add round corners border to bottom side only of the object."])),(l()(),e["\u0275eld"](678,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](679,0,null,null,2,"td",[],null,null,null,null,null)),(l()(),e["\u0275eld"](680,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".rounded-left"])),(l()(),e["\u0275eld"](682,0,null,null,1,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Add round corners border to left side only of the object."])),(l()(),e["\u0275eld"](684,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](685,0,null,null,2,"td",[],null,null,null,null,null)),(l()(),e["\u0275eld"](686,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".rounded-right"])),(l()(),e["\u0275eld"](688,0,null,null,1,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Add round corners border to right side only of the object."])),(l()(),e["\u0275eld"](690,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](691,0,null,null,2,"td",[],null,null,null,null,null)),(l()(),e["\u0275eld"](692,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".rounded-circle"])),(l()(),e["\u0275eld"](694,0,null,null,1,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Create round circle border of the object."])),(l()(),e["\u0275eld"](696,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](697,0,null,null,2,"td",[],null,null,null,null,null)),(l()(),e["\u0275eld"](698,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".rounded-0"])),(l()(),e["\u0275eld"](700,0,null,null,1,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Remove border corder from the all side of the object."])),(l()(),e["\u0275eld"](702,0,null,null,38,"div",[["class","card"]],null,null,null,null,null)),(l()(),e["\u0275eld"](703,0,null,null,37,"div",[["class","card-body"]],null,null,null,null,null)),(l()(),e["\u0275eld"](704,0,null,null,1,"h4",[["class","card-title"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Clearfix"])),(l()(),e["\u0275eld"](706,0,null,null,1,"h6",[["class","card-subtitle"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Quickly and easily clear floated content within a container by adding a clearfix utility."])),(l()(),e["\u0275eld"](708,0,null,null,9,"span",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Easily clear "])),(l()(),e["\u0275eld"](710,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["float"])),(l()(),e["\u0275ted"](-1,null,["s by adding "])),(l()(),e["\u0275eld"](713,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".clearfix"])),(l()(),e["\u0275eld"](715,0,null,null,1,"strong",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["to the parent element"])),(l()(),e["\u0275ted"](-1,null,[". Can also be used as a mixin."])),(l()(),e["\u0275eld"](718,0,null,null,4,"pre",[["class","language-markup"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["            "])),(l()(),e["\u0275eld"](720,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,['\n                <div class="clearfix">...</div>\n            '])),(l()(),e["\u0275ted"](-1,null,["\n        "])),(l()(),e["\u0275eld"](723,0,null,null,4,"pre",[["class","language-html scrollable"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["                "])),(l()(),e["\u0275eld"](725,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](726,null,['\n                    // Mixin itself\n                    @mixin clearfix() "','"\n                      &::after "','"\n                        display: block;\n                        content: "";\n                        clear: both;\n                      }\n                    }\n                    \n                    // Usage as a mixin\n                    .element "','"\n                      @include clearfix;\n                    };\n                '])),(l()(),e["\u0275ted"](-1,null,["\n            "])),(l()(),e["\u0275eld"](728,0,null,null,1,"p",[["class","py-1"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["The following example shows how the clearfix can be used. Without the clearfix the wrapping div would not span around the buttons which would cause a broken layout."])),(l()(),e["\u0275eld"](730,0,null,null,5,"div",[["class","bd-example my-3"]],null,null,null,null,null)),(l()(),e["\u0275eld"](731,0,null,null,4,"div",[["class","bg-cyan clearfix"]],null,null,null,null,null)),(l()(),e["\u0275eld"](732,0,null,null,1,"button",[["class","btn btn-secondary float-left"],["type","button"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Example Button floated left"])),(l()(),e["\u0275eld"](734,0,null,null,1,"button",[["class","btn btn-secondary float-right"],["type","button"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Example Button floated right"])),(l()(),e["\u0275eld"](736,0,null,null,4,"pre",[["class","language-markup scrollable"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["            "])),(l()(),e["\u0275eld"](738,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,['\n                <div class="bg-cyan clearfix">\n                  <button type="button" class="btn btn-secondary float-left">Example Button floated left</button>\n                  <button type="button" class="btn btn-secondary float-right">Example Button floated right</button>\n                </div>\n            '])),(l()(),e["\u0275ted"](-1,null,["\n        "])),(l()(),e["\u0275eld"](741,0,null,null,21,"div",[["class","card"]],null,null,null,null,null)),(l()(),e["\u0275eld"](742,0,null,null,20,"div",[["class","card-body"]],null,null,null,null,null)),(l()(),e["\u0275eld"](743,0,null,null,1,"h4",[["class","card-title"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Close icon"])),(l()(),e["\u0275eld"](745,0,null,null,1,"h6",[["class","card-subtitle"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Use a generic close icon for dismissing content like modals and alerts."])),(l()(),e["\u0275eld"](747,0,null,null,6,"span",[],null,null,null,null,null)),(l()(),e["\u0275eld"](748,0,null,null,1,"strong",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Be sure to include text for screen readers"])),(l()(),e["\u0275ted"](-1,null,[", as we\u2019ve done with "])),(l()(),e["\u0275eld"](751,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["aria-label"])),(l()(),e["\u0275ted"](-1,null,["."])),(l()(),e["\u0275eld"](754,0,null,null,3,"div",[["class","bd-example d-flex"]],null,null,null,null,null)),(l()(),e["\u0275eld"](755,0,null,null,2,"button",[["aria-label","Close"],["class","close"],["type","button"]],null,null,null,null,null)),(l()(),e["\u0275eld"](756,0,null,null,1,"span",[["aria-hidden","true"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["\xd7"])),(l()(),e["\u0275eld"](758,0,null,null,4,"pre",[["class","language-markup scrollable"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["            "])),(l()(),e["\u0275eld"](760,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,['\n                <button type="button" class="close" aria-label="Close">\n                  <span aria-hidden="true">\xd7</span>\n                </button>\n            '])),(l()(),e["\u0275ted"](-1,null,["\n        "])),(l()(),e["\u0275eld"](763,0,null,null,424,"div",[["class","card"]],null,null,null,null,null)),(l()(),e["\u0275eld"](764,0,null,null,13,"div",[["class","card-body"]],null,null,null,null,null)),(l()(),e["\u0275eld"](765,0,null,null,1,"h4",[["class","card-title"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Display property"])),(l()(),e["\u0275eld"](767,0,null,null,1,"h6",[["class","card-subtitle"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Quickly and responsively toggle the display value of components and more with our display utilities. Includes support for some of the more common values, as well as some extras for controlling display when printing."])),(l()(),e["\u0275eld"](769,0,null,null,1,"h4",[["class","card-title m-t-30"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Basic display values"])),(l()(),e["\u0275eld"](771,0,null,null,6,"h6",[["class","card-subtitle"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["The "])),(l()(),e["\u0275eld"](773,0,null,null,3,"a",[["href","https://developer.mozilla.org/en-US/docs/Web/CSS/display"]],null,null,null,null,null)),(l()(),e["\u0275eld"](774,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["display"])),(l()(),e["\u0275ted"](-1,null,[" property"])),(l()(),e["\u0275ted"](-1,null,[" accepts a handful of values and we support many of them with utility classes. We purposefully don\u2019t provide every value as a utility, so here\u2019s what we support:"])),(l()(),e["\u0275eld"](778,0,null,null,62,"div",[["class","table-responsive"]],null,null,null,null,null)),(l()(),e["\u0275eld"](779,0,null,null,61,"table",[["class","table"]],null,null,null,null,null)),(l()(),e["\u0275eld"](780,0,null,null,5,"thead",[["class","bg-cyan text-white"]],null,null,null,null,null)),(l()(),e["\u0275eld"](781,0,null,null,4,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](782,0,null,null,1,"th",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Classes"])),(l()(),e["\u0275eld"](784,0,null,null,1,"th",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Use"])),(l()(),e["\u0275eld"](786,0,null,null,54,"tbody",[],null,null,null,null,null)),(l()(),e["\u0275eld"](787,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](788,0,null,null,2,"td",[],null,null,null,null,null)),(l()(),e["\u0275eld"](789,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".d-none"])),(l()(),e["\u0275eld"](791,0,null,null,1,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Used for object to hide on all viewports."])),(l()(),e["\u0275eld"](793,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](794,0,null,null,2,"td",[],null,null,null,null,null)),(l()(),e["\u0275eld"](795,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".d-inline"])),(l()(),e["\u0275eld"](797,0,null,null,1,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Used for object to behave like an inline object."])),(l()(),e["\u0275eld"](799,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](800,0,null,null,2,"td",[],null,null,null,null,null)),(l()(),e["\u0275eld"](801,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".d-inline-block"])),(l()(),e["\u0275eld"](803,0,null,null,1,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Used for object to behave like an inline-block object."])),(l()(),e["\u0275eld"](805,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](806,0,null,null,2,"td",[],null,null,null,null,null)),(l()(),e["\u0275eld"](807,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".d-block"])),(l()(),e["\u0275eld"](809,0,null,null,1,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Used for object to behave like an block object."])),(l()(),e["\u0275eld"](811,0,null,null,8,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](812,0,null,null,2,"td",[],null,null,null,null,null)),(l()(),e["\u0275eld"](813,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".d-table"])),(l()(),e["\u0275eld"](815,0,null,null,4,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Used for object to behave like "])),(l()(),e["\u0275eld"](817,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["<table>"])),(l()(),e["\u0275ted"](-1,null,[" object."])),(l()(),e["\u0275eld"](820,0,null,null,8,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](821,0,null,null,2,"td",[],null,null,null,null,null)),(l()(),e["\u0275eld"](822,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".d-table-cell"])),(l()(),e["\u0275eld"](824,0,null,null,4,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Used for object to behave like "])),(l()(),e["\u0275eld"](826,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["<td>"])),(l()(),e["\u0275ted"](-1,null,[" object."])),(l()(),e["\u0275eld"](829,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](830,0,null,null,2,"td",[],null,null,null,null,null)),(l()(),e["\u0275eld"](831,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".d-flex"])),(l()(),e["\u0275eld"](833,0,null,null,1,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Used for object as a block-level flex container."])),(l()(),e["\u0275eld"](835,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](836,0,null,null,2,"td",[],null,null,null,null,null)),(l()(),e["\u0275eld"](837,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".d-inline-flex"])),(l()(),e["\u0275eld"](839,0,null,null,1,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Used for object as an inline-level flex container."])),(l()(),e["\u0275eld"](841,0,null,null,212,"div",[["class","card-body"]],null,null,null,null,null)),(l()(),e["\u0275eld"](842,0,null,null,1,"p",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Use above classes as per your requirements. For example, here\u2019s how you could use the inline, block, or inline-block utilities."])),(l()(),e["\u0275eld"](844,0,null,null,4,"div",[["class","bd-example my-3"]],null,null,null,null,null)),(l()(),e["\u0275eld"](845,0,null,null,1,"div",[["class","d-inline bg-info p-1 text-white"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["d-inline"])),(l()(),e["\u0275eld"](847,0,null,null,1,"div",[["class","d-inline bg-info  p-1 text-white"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["d-inline"])),(l()(),e["\u0275eld"](849,0,null,null,4,"pre",[["class","language-markup"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["                "])),(l()(),e["\u0275eld"](851,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,['\n                    <div class="d-inline bg-info">d-inline</div>\n                    <div class="d-inline bg-info">d-inline</div>\n                '])),(l()(),e["\u0275ted"](-1,null,["\n            "])),(l()(),e["\u0275eld"](854,0,null,null,2,"div",[["class","bd-example my-3"]],null,null,null,null,null)),(l()(),e["\u0275eld"](855,0,null,null,1,"span",[["class","d-block bg-info p-1 text-white"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["d-block"])),(l()(),e["\u0275eld"](857,0,null,null,2,"pre",[],null,null,null,null,null)),(l()(),e["\u0275eld"](858,0,null,null,1,"code",[["class","language-markup"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,['\n                <span class="d-block bg-info">d-block</span>\n                '])),(l()(),e["\u0275eld"](860,0,null,null,4,"div",[["class","bd-example my-3"]],null,null,null,null,null)),(l()(),e["\u0275eld"](861,0,null,null,1,"div",[["class","d-inline-block bg-info p-1 text-white"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["d-inline-block"])),(l()(),e["\u0275eld"](863,0,null,null,1,"div",[["class","d-inline-block bg-info p-1 text-white"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["d-inline-block"])),(l()(),e["\u0275eld"](865,0,null,null,2,"pre",[],null,null,null,null,null)),(l()(),e["\u0275eld"](866,0,null,null,1,"code",[["class","language-markup"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,['\n            <div class="d-inline-block bg-info">d-inline-block</div>\n            <div class="d-inline-block bg-info">d-inline-block</div>\n            '])),(l()(),e["\u0275eld"](868,0,null,null,1,"p",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Responsive variations also exist for every single utility mentioned above. "])),(l()(),e["\u0275eld"](870,0,null,null,160,"ul",[["class","list-style-none"]],null,null,null,null,null)),(l()(),e["\u0275eld"](871,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](872,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](873,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".d-none"])),(l()(),e["\u0275eld"](875,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](876,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](877,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".d-inline"])),(l()(),e["\u0275eld"](879,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](880,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](881,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".d-inline-block"])),(l()(),e["\u0275eld"](883,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](884,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](885,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".d-block"])),(l()(),e["\u0275eld"](887,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](888,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](889,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".d-table"])),(l()(),e["\u0275eld"](891,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](892,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](893,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".d-table-cell"])),(l()(),e["\u0275eld"](895,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](896,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](897,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".d-flex"])),(l()(),e["\u0275eld"](899,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](900,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](901,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".d-inline-flex"])),(l()(),e["\u0275eld"](903,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](904,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](905,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".d-sm-none"])),(l()(),e["\u0275eld"](907,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](908,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](909,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".d-sm-inline"])),(l()(),e["\u0275eld"](911,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](912,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](913,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".d-sm-inline-block"])),(l()(),e["\u0275eld"](915,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](916,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](917,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".d-sm-block"])),(l()(),e["\u0275eld"](919,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](920,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](921,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".d-sm-table"])),(l()(),e["\u0275eld"](923,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](924,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](925,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".d-sm-table-cell"])),(l()(),e["\u0275eld"](927,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](928,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](929,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".d-sm-flex"])),(l()(),e["\u0275eld"](931,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](932,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](933,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".d-sm-inline-flex"])),(l()(),e["\u0275eld"](935,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](936,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](937,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".d-md-none"])),(l()(),e["\u0275eld"](939,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](940,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](941,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".d-md-inline"])),(l()(),e["\u0275eld"](943,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](944,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](945,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".d-md-inline-block"])),(l()(),e["\u0275eld"](947,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](948,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](949,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".d-md-block"])),(l()(),e["\u0275eld"](951,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](952,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](953,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".d-md-table"])),(l()(),e["\u0275eld"](955,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](956,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](957,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".d-md-table-cell"])),(l()(),e["\u0275eld"](959,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](960,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](961,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".d-md-flex"])),(l()(),e["\u0275eld"](963,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](964,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](965,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".d-md-inline-flex"])),(l()(),e["\u0275eld"](967,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](968,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](969,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".d-lg-none"])),(l()(),e["\u0275eld"](971,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](972,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](973,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".d-lg-inline"])),(l()(),e["\u0275eld"](975,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](976,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](977,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".d-lg-inline-block"])),(l()(),e["\u0275eld"](979,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](980,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](981,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".d-lg-block"])),(l()(),e["\u0275eld"](983,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](984,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](985,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".d-lg-table"])),(l()(),e["\u0275eld"](987,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](988,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](989,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".d-lg-table-cell"])),(l()(),e["\u0275eld"](991,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](992,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](993,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".d-lg-flex"])),(l()(),e["\u0275eld"](995,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](996,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](997,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".d-lg-inline-flex"])),(l()(),e["\u0275eld"](999,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1e3,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1001,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".d-xl-none"])),(l()(),e["\u0275eld"](1003,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1004,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1005,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".d-xl-inline"])),(l()(),e["\u0275eld"](1007,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1008,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1009,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".d-xl-inline-block"])),(l()(),e["\u0275eld"](1011,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1012,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1013,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".d-xl-block"])),(l()(),e["\u0275eld"](1015,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1016,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1017,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".d-xl-table"])),(l()(),e["\u0275eld"](1019,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1020,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1021,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".d-xl-table-cell"])),(l()(),e["\u0275eld"](1023,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1024,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1025,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".d-xl-flex"])),(l()(),e["\u0275eld"](1027,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1028,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1029,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".d-xl-inline-flex"])),(l()(),e["\u0275eld"](1031,0,null,null,1,"h4",[["class","card-title m-t-30"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Hiding Elements"])),(l()(),e["\u0275eld"](1033,0,null,null,1,"p",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["For faster mobile-friendly development, use responsive display classes for showing and hiding elements by device. Avoid creating entirely different versions of the same site, instead hide element responsively for each screen size."])),(l()(),e["\u0275eld"](1035,0,null,null,7,"p",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["To hide elements simply use the "])),(l()(),e["\u0275eld"](1037,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".d-none"])),(l()(),e["\u0275ted"](-1,null,[" class or one of the "])),(l()(),e["\u0275eld"](1040,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](1041,null,['.d-"','"sm,md,lg,xl}-none'])),(l()(),e["\u0275ted"](-1,null,[" classes for any responsive screen variation."])),(l()(),e["\u0275eld"](1043,0,null,null,10,"p",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["To show an element only on a given interval of screen sizes you can combine one "])),(l()(),e["\u0275eld"](1045,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".d-*-none"])),(l()(),e["\u0275ted"](-1,null,[" class with a "])),(l()(),e["\u0275eld"](1048,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".d-*-*"])),(l()(),e["\u0275ted"](-1,null,[" class, for example "])),(l()(),e["\u0275eld"](1051,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".d-none.d-md-block.d-xl-none"])),(l()(),e["\u0275ted"](-1,null,[" will hide the element for all screen sizes except on medium and large devices."])),(l()(),e["\u0275eld"](1054,0,null,null,80,"div",[["class","table-responsive"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1055,0,null,null,79,"table",[["class","table"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1056,0,null,null,5,"thead",[["class","bg-cyan text-white"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1057,0,null,null,4,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1058,0,null,null,1,"th",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Screen Size"])),(l()(),e["\u0275eld"](1060,0,null,null,1,"th",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Class"])),(l()(),e["\u0275eld"](1062,0,null,null,72,"tbody",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1063,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1064,0,null,null,1,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Hidden on all"])),(l()(),e["\u0275eld"](1066,0,null,null,2,"td",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1067,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["d-none"])),(l()(),e["\u0275eld"](1069,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1070,0,null,null,1,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Hidden only on xs"])),(l()(),e["\u0275eld"](1072,0,null,null,2,"td",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1073,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["d-none d-sm-block"])),(l()(),e["\u0275eld"](1075,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1076,0,null,null,1,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Hidden only on sm"])),(l()(),e["\u0275eld"](1078,0,null,null,2,"td",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1079,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["d-sm-none d-md-block"])),(l()(),e["\u0275eld"](1081,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1082,0,null,null,1,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Hidden only on md"])),(l()(),e["\u0275eld"](1084,0,null,null,2,"td",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1085,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["d-md-none d-lg-block"])),(l()(),e["\u0275eld"](1087,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1088,0,null,null,1,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Hidden only on lg"])),(l()(),e["\u0275eld"](1090,0,null,null,2,"td",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1091,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["d-lg-none d-xl-block"])),(l()(),e["\u0275eld"](1093,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1094,0,null,null,1,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Hidden only on xl"])),(l()(),e["\u0275eld"](1096,0,null,null,2,"td",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1097,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["d-xl-none"])),(l()(),e["\u0275eld"](1099,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1100,0,null,null,1,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Visible on all"])),(l()(),e["\u0275eld"](1102,0,null,null,2,"td",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1103,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["d-block"])),(l()(),e["\u0275eld"](1105,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1106,0,null,null,1,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Visible only on xs"])),(l()(),e["\u0275eld"](1108,0,null,null,2,"td",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1109,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["d-block d-sm-none"])),(l()(),e["\u0275eld"](1111,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1112,0,null,null,1,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Visible only on sm"])),(l()(),e["\u0275eld"](1114,0,null,null,2,"td",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1115,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["d-none d-sm-block d-md-none"])),(l()(),e["\u0275eld"](1117,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1118,0,null,null,1,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Visible only on md"])),(l()(),e["\u0275eld"](1120,0,null,null,2,"td",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1121,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["d-none d-md-block d-lg-none"])),(l()(),e["\u0275eld"](1123,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1124,0,null,null,1,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Visible only on lg"])),(l()(),e["\u0275eld"](1126,0,null,null,2,"td",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1127,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["d-none d-lg-block d-xl-none"])),(l()(),e["\u0275eld"](1129,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1130,0,null,null,1,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Visible only on xl"])),(l()(),e["\u0275eld"](1132,0,null,null,2,"td",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1133,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["d-none d-xl-block"])),(l()(),e["\u0275eld"](1135,0,null,null,7,"div",[["class","card-body"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1136,0,null,null,1,"h4",[["class","card-title"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Display in print"])),(l()(),e["\u0275eld"](1138,0,null,null,4,"h6",[["class","card-subtitle"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Change the "])),(l()(),e["\u0275eld"](1140,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["display"])),(l()(),e["\u0275ted"](-1,null,[" value of elements when printing with our print display utilities."])),(l()(),e["\u0275eld"](1143,0,null,null,44,"div",[["class","table-responsive"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1144,0,null,null,43,"table",[["class","table mb-0"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1145,0,null,null,5,"thead",[["class","bg-cyan text-white"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1146,0,null,null,4,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1147,0,null,null,1,"th",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Class"])),(l()(),e["\u0275eld"](1149,0,null,null,1,"th",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Print style"])),(l()(),e["\u0275eld"](1151,0,null,null,36,"tbody",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1152,0,null,null,8,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1153,0,null,null,2,"td",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1154,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".d-print-none"])),(l()(),e["\u0275eld"](1156,0,null,null,4,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Applies "])),(l()(),e["\u0275eld"](1158,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["display: none"])),(l()(),e["\u0275ted"](-1,null,[" to the element when printing"])),(l()(),e["\u0275eld"](1161,0,null,null,8,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1162,0,null,null,2,"td",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1163,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".d-print-inline"])),(l()(),e["\u0275eld"](1165,0,null,null,4,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Applies "])),(l()(),e["\u0275eld"](1167,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["display: inline"])),(l()(),e["\u0275ted"](-1,null,[" to the element when printing"])),(l()(),e["\u0275eld"](1170,0,null,null,8,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1171,0,null,null,2,"td",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1172,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".d-print-inline-block"])),(l()(),e["\u0275eld"](1174,0,null,null,4,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Applies "])),(l()(),e["\u0275eld"](1176,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["display: inline-block"])),(l()(),e["\u0275ted"](-1,null,[" to the element when printing"])),(l()(),e["\u0275eld"](1179,0,null,null,8,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1180,0,null,null,2,"td",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1181,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".d-print-block"])),(l()(),e["\u0275eld"](1183,0,null,null,4,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Applies "])),(l()(),e["\u0275eld"](1185,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["display: block"])),(l()(),e["\u0275ted"](-1,null,[" to the element when printing"])),(l()(),e["\u0275eld"](1188,0,null,null,62,"div",[["class","card"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1189,0,null,null,61,"div",[["class","card-body"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1190,0,null,null,1,"h4",[["class","card-title"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Embed"])),(l()(),e["\u0275eld"](1192,0,null,null,1,"h6",[["class","card-subtitle"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Create responsive video or slideshow embeds based on the width of the parent by creating an intrinsic ratio that scales on any device."])),(l()(),e["\u0275eld"](1194,0,null,null,16,"p",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Rules are directly applied to "])),(l()(),e["\u0275eld"](1196,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["<iframe>"])),(l()(),e["\u0275ted"](-1,null,[", "])),(l()(),e["\u0275eld"](1199,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["<embed>"])),(l()(),e["\u0275ted"](-1,null,[", "])),(l()(),e["\u0275eld"](1202,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["<video>"])),(l()(),e["\u0275ted"](-1,null,[", and "])),(l()(),e["\u0275eld"](1205,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["<object>"])),(l()(),e["\u0275ted"](-1,null,[" elements; optionally use an explicit descendant class "])),(l()(),e["\u0275eld"](1208,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".embed-responsive-item"])),(l()(),e["\u0275ted"](-1,null,[" when you want to match the styling for other attributes."])),(l()(),e["\u0275eld"](1211,0,null,null,9,"p",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1212,0,null,null,1,"strong",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Pro-Tip!"])),(l()(),e["\u0275ted"](-1,null,[" You don\u2019t need to include "])),(l()(),e["\u0275eld"](1215,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,['frameborder="0"'])),(l()(),e["\u0275ted"](-1,null,[" in your "])),(l()(),e["\u0275eld"](1218,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["<iframe>"])),(l()(),e["\u0275ted"](-1,null,["s as we override that for you."])),(l()(),e["\u0275eld"](1221,0,null,null,1,"h4",[["class","card-title m-t-30"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Example"])),(l()(),e["\u0275eld"](1223,0,null,null,10,"h6",[["class","card-subtitle"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Wrap any embed like an "])),(l()(),e["\u0275eld"](1225,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["<iframe>"])),(l()(),e["\u0275ted"](-1,null,[" in a parent element with "])),(l()(),e["\u0275eld"](1228,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".embed-responsive"])),(l()(),e["\u0275ted"](-1,null,[" and an aspect ratio. The "])),(l()(),e["\u0275eld"](1231,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".embed-responsive-item"])),(l()(),e["\u0275ted"](-1,null,[" isn\u2019t strictly required, but we encourage it."])),(l()(),e["\u0275eld"](1234,0,null,null,2,"div",[["class","bd-example"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1235,0,null,null,1,"div",[["class","embed-responsive embed-responsive-16by9"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1236,0,null,null,0,"iframe",[["allowfullscreen",""],["class","embed-responsive-item"],["src","https://www.youtube.com/embed/DDwbjWCgxVM?"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1237,0,null,null,4,"pre",[["class","language-markup"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["            "])),(l()(),e["\u0275eld"](1239,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,['\n                <div class="embed-responsive embed-responsive-16by9">\n                  <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/zpOULjyy-n8?rel=0" allowfullscreen></iframe>\n                </div>\n            '])),(l()(),e["\u0275ted"](-1,null,["\n        "])),(l()(),e["\u0275eld"](1242,0,null,null,1,"h4",[["class","card-title m-t-30"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Aspect ratios"])),(l()(),e["\u0275eld"](1244,0,null,null,1,"h6",[["class","card-subtitle"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Aspect ratios can be customized with modifier classes."])),(l()(),e["\u0275eld"](1246,0,null,null,4,"pre",[["class","language-markup scrollable"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["            "])),(l()(),e["\u0275eld"](1248,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,['\n                \x3c!-- 21:9 aspect ratio --\x3e\n                <div class="embed-responsive embed-responsive-21by9">\n                  <iframe class="embed-responsive-item" src="..."></iframe>\n                </div>\n                \n                \x3c!-- 16:9 aspect ratio --\x3e\n                <div class="embed-responsive embed-responsive-16by9">\n                  <iframe class="embed-responsive-item" src="..."></iframe>\n                </div>\n                \n                \x3c!-- 4:3 aspect ratio --\x3e\n                <div class="embed-responsive embed-responsive-4by3">\n                  <iframe class="embed-responsive-item" src="..."></iframe>\n                </div>\n                \n                \x3c!-- 1:1 aspect ratio --\x3e\n                <div class="embed-responsive embed-responsive-1by1">\n                  <iframe class="embed-responsive-item" src="..."></iframe>\n                </div>\n            '])),(l()(),e["\u0275ted"](-1,null,["\n        "])),(l()(),e["\u0275eld"](1251,0,null,null,1668,"div",[["class","card"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1252,0,null,null,79,"div",[["class","card-body"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1253,0,null,null,1,"h4",[["class","card-title"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex"])),(l()(),e["\u0275eld"](1255,0,null,null,1,"h6",[["class","card-subtitle"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Quickly manage the layout, alignment, and sizing of grid columns, navigation, components, and more with a full suite of responsive flexbox utilities. For more complex implementations, custom CSS may be necessary."])),(l()(),e["\u0275eld"](1257,0,null,null,1,"h4",[["class","card-title m-t-30"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Enable flex behaviors"])),(l()(),e["\u0275eld"](1259,0,null,null,7,"h6",[["class","card-subtitle"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Apply "])),(l()(),e["\u0275eld"](1261,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["display"])),(l()(),e["\u0275ted"](-1,null,[" utilities to create a flexbox container and transform "])),(l()(),e["\u0275eld"](1264,0,null,null,1,"strong",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["direct children elements"])),(l()(),e["\u0275ted"](-1,null,[" into flex items. Flex containers and items are able to be modified further with additional flex properties."])),(l()(),e["\u0275eld"](1267,0,null,null,2,"div",[["class","bd-example"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1268,0,null,null,1,"div",[["class","d-flex p-2 bg-cyan text-white"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["I'm a flexbox container!"])),(l()(),e["\u0275eld"](1270,0,null,null,4,"pre",[["class","language-markup"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["            "])),(l()(),e["\u0275eld"](1272,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,['\n                <div class="d-flex p-2">I\'m a flexbox container!</div>\n            '])),(l()(),e["\u0275ted"](-1,null,["\n        "])),(l()(),e["\u0275eld"](1275,0,null,null,2,"div",[["class","bd-example"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1276,0,null,null,1,"div",[["class","d-inline-flex p-2 bg-cyan text-white"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["I'm an inline flexbox container!"])),(l()(),e["\u0275eld"](1278,0,null,null,4,"pre",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["            "])),(l()(),e["\u0275eld"](1280,0,null,null,1,"code",[["class","language-markup"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,['\n                <div class="d-inline-flex p-2">I\'m an inline flexbox container!</div>\n            '])),(l()(),e["\u0275ted"](-1,null,["\n        "])),(l()(),e["\u0275eld"](1283,0,null,null,7,"p",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Responsive variations also exist for "])),(l()(),e["\u0275eld"](1285,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".d-flex"])),(l()(),e["\u0275ted"](-1,null,[" and "])),(l()(),e["\u0275eld"](1288,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".d-inline-flex"])),(l()(),e["\u0275ted"](-1,null,["."])),(l()(),e["\u0275eld"](1291,0,null,null,40,"ul",[["class","list-style-none"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1292,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1293,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1294,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".d-flex"])),(l()(),e["\u0275eld"](1296,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1297,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1298,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".d-inline-flex"])),(l()(),e["\u0275eld"](1300,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1301,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1302,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".d-sm-flex"])),(l()(),e["\u0275eld"](1304,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1305,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1306,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".d-sm-inline-flex"])),(l()(),e["\u0275eld"](1308,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1309,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1310,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".d-md-flex"])),(l()(),e["\u0275eld"](1312,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1313,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1314,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".d-md-inline-flex"])),(l()(),e["\u0275eld"](1316,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1317,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1318,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".d-lg-flex"])),(l()(),e["\u0275eld"](1320,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1321,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1322,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".d-lg-inline-flex"])),(l()(),e["\u0275eld"](1324,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1325,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1326,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".d-xl-flex"])),(l()(),e["\u0275eld"](1328,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1329,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1330,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".d-xl-inline-flex"])),(l()(),e["\u0275eld"](1332,0,null,null,149,"div",[["class","card-body"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1333,0,null,null,1,"h4",[["class","card-title"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Direction"])),(l()(),e["\u0275eld"](1335,0,null,null,4,"p",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Set the direction of flex items in a flex container with direction utilities. In most cases you can omit the horizontal class here as the browser default is "])),(l()(),e["\u0275eld"](1337,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["row"])),(l()(),e["\u0275ted"](-1,null,[". However, you may encounter situations where you needed to explicitly set this value (like responsive layouts)."])),(l()(),e["\u0275eld"](1340,0,null,null,7,"p",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Use "])),(l()(),e["\u0275eld"](1342,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".flex-row"])),(l()(),e["\u0275ted"](-1,null,[" to set a horizontal direction (the browser default), or "])),(l()(),e["\u0275eld"](1345,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".flex-row-reverse"])),(l()(),e["\u0275ted"](-1,null,[" to start the horizontal direction from the opposite side."])),(l()(),e["\u0275eld"](1348,0,null,null,14,"div",[["class","bd-example"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1349,0,null,null,6,"div",[["class","d-flex flex-row bg-info text-white mb-3"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1350,0,null,null,1,"div",[["class","p-2 bg-info border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item 1"])),(l()(),e["\u0275eld"](1352,0,null,null,1,"div",[["class","p-2 bg-info border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item 2"])),(l()(),e["\u0275eld"](1354,0,null,null,1,"div",[["class","p-2 bg-info border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item 3"])),(l()(),e["\u0275eld"](1356,0,null,null,6,"div",[["class","d-flex flex-row-reverse bg-info text-white"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1357,0,null,null,1,"div",[["class","p-2 bg-info border-left"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item 1"])),(l()(),e["\u0275eld"](1359,0,null,null,1,"div",[["class","p-2 bg-info border-left"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item 2"])),(l()(),e["\u0275eld"](1361,0,null,null,1,"div",[["class","p-2 bg-info border-left"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item 3"])),(l()(),e["\u0275eld"](1363,0,null,null,4,"pre",[["class","language-markup scrollable"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["            "])),(l()(),e["\u0275eld"](1365,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,['\n                <div class="d-flex flex-row">\n                  <div class="p-2">Flex item 1</div>\n                  <div class="p-2">Flex item 2</div>\n                  <div class="p-2">Flex item 3</div>\n                </div>\n                <div class="d-flex flex-row-reverse">\n                  <div class="p-2">Flex item 1</div>\n                  <div class="p-2">Flex item 2</div>\n                  <div class="p-2">Flex item 3</div>\n                </div>\n            '])),(l()(),e["\u0275ted"](-1,null,["\n        "])),(l()(),e["\u0275eld"](1368,0,null,null,7,"p",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Use "])),(l()(),e["\u0275eld"](1370,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".flex-column"])),(l()(),e["\u0275ted"](-1,null,[" to set a vertical direction, or "])),(l()(),e["\u0275eld"](1373,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".flex-column-reverse"])),(l()(),e["\u0275ted"](-1,null,[" to start the vertical direction from the opposite side."])),(l()(),e["\u0275eld"](1376,0,null,null,14,"div",[["class","bd-example"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1377,0,null,null,6,"div",[["class","d-flex flex-column bg-info text-white mb-3"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1378,0,null,null,1,"div",[["class","p-2 bg-info border-bottom"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item 1"])),(l()(),e["\u0275eld"](1380,0,null,null,1,"div",[["class","p-2 bg-info border-bottom"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item 2"])),(l()(),e["\u0275eld"](1382,0,null,null,1,"div",[["class","p-2 bg-info"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item 3"])),(l()(),e["\u0275eld"](1384,0,null,null,6,"div",[["class","d-flex flex-column-reverse bg-info text-white"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1385,0,null,null,1,"div",[["class","p-2 bg-info"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item 1"])),(l()(),e["\u0275eld"](1387,0,null,null,1,"div",[["class","p-2 bg-info border-bottom"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item 2"])),(l()(),e["\u0275eld"](1389,0,null,null,1,"div",[["class","p-2 bg-info border-bottom"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item 3"])),(l()(),e["\u0275eld"](1391,0,null,null,4,"pre",[["class","language-markup scrollable"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["            "])),(l()(),e["\u0275eld"](1393,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,['\n                <div class="d-flex flex-column">\n                  <div class="p-2">Flex item 1</div>\n                  <div class="p-2">Flex item 2</div>\n                  <div class="p-2">Flex item 3</div>\n                </div>\n                <div class="d-flex flex-column-reverse">\n                  <div class="p-2">Flex item 1</div>\n                  <div class="p-2">Flex item 2</div>\n                  <div class="p-2">Flex item 3</div>\n                </div>\n            '])),(l()(),e["\u0275ted"](-1,null,["\n        "])),(l()(),e["\u0275eld"](1396,0,null,null,4,"span",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Responsive variations also exist for "])),(l()(),e["\u0275eld"](1398,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["flex-direction"])),(l()(),e["\u0275ted"](-1,null,["."])),(l()(),e["\u0275eld"](1401,0,null,null,80,"ul",[["class","list-style-none"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1402,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1403,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1404,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".flex-row"])),(l()(),e["\u0275eld"](1406,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1407,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1408,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".flex-row-reverse"])),(l()(),e["\u0275eld"](1410,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1411,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1412,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".flex-column"])),(l()(),e["\u0275eld"](1414,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1415,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1416,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".flex-column-reverse"])),(l()(),e["\u0275eld"](1418,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1419,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1420,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".flex-sm-row"])),(l()(),e["\u0275eld"](1422,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1423,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1424,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".flex-sm-row-reverse"])),(l()(),e["\u0275eld"](1426,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1427,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1428,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".flex-sm-column"])),(l()(),e["\u0275eld"](1430,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1431,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1432,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".flex-sm-column-reverse"])),(l()(),e["\u0275eld"](1434,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1435,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1436,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".flex-md-row"])),(l()(),e["\u0275eld"](1438,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1439,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1440,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".flex-md-row-reverse"])),(l()(),e["\u0275eld"](1442,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1443,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1444,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".flex-md-column"])),(l()(),e["\u0275eld"](1446,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1447,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1448,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".flex-md-column-reverse"])),(l()(),e["\u0275eld"](1450,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1451,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1452,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".flex-lg-row"])),(l()(),e["\u0275eld"](1454,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1455,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1456,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".flex-lg-row-reverse"])),(l()(),e["\u0275eld"](1458,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1459,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1460,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".flex-lg-column"])),(l()(),e["\u0275eld"](1462,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1463,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1464,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".flex-lg-column-reverse"])),(l()(),e["\u0275eld"](1466,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1467,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1468,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".flex-xl-row"])),(l()(),e["\u0275eld"](1470,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1471,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1472,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".flex-xl-row-reverse"])),(l()(),e["\u0275eld"](1474,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1475,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1476,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".flex-xl-column"])),(l()(),e["\u0275eld"](1478,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1479,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1480,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".flex-xl-column-reverse"])),(l()(),e["\u0275eld"](1482,0,null,null,173,"div",[["class","card-body"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1483,0,null,null,172,"div",[["class","card-text"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1484,0,null,null,1,"h4",[["class","card-title"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Justify content"])),(l()(),e["\u0275eld"](1486,0,null,null,22,"h6",[["class","card-subtitle"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Use "])),(l()(),e["\u0275eld"](1488,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["justify-content"])),(l()(),e["\u0275ted"](-1,null,[" utilities on flexbox containers to change the alignment of flex items on the main axis (the x-axis to start, y-axis if "])),(l()(),e["\u0275eld"](1491,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["flex-direction: column"])),(l()(),e["\u0275ted"](-1,null,["). Choose from "])),(l()(),e["\u0275eld"](1494,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["start"])),(l()(),e["\u0275ted"](-1,null,[" (browser default), "])),(l()(),e["\u0275eld"](1497,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["end"])),(l()(),e["\u0275ted"](-1,null,[", "])),(l()(),e["\u0275eld"](1500,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["center"])),(l()(),e["\u0275ted"](-1,null,[", "])),(l()(),e["\u0275eld"](1503,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["between"])),(l()(),e["\u0275ted"](-1,null,[", or "])),(l()(),e["\u0275eld"](1506,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["around"])),(l()(),e["\u0275ted"](-1,null,["."])),(l()(),e["\u0275eld"](1509,0,null,null,35,"div",[["class","bd-example"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1510,0,null,null,6,"div",[["class","d-flex justify-content-start bg-light mb-3 text-white"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1511,0,null,null,1,"div",[["class","p-2 bg-cyan border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](1513,0,null,null,1,"div",[["class","p-2 bg-cyan border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](1515,0,null,null,1,"div",[["class","p-2 bg-cyan border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](1517,0,null,null,6,"div",[["class","d-flex justify-content-end bg-light mb-3 text-white"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1518,0,null,null,1,"div",[["class","p-2 bg-info border-left"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](1520,0,null,null,1,"div",[["class","p-2 bg-info border-left"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](1522,0,null,null,1,"div",[["class","p-2 bg-info border-left"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](1524,0,null,null,6,"div",[["class","d-flex justify-content-center bg-light mb-3 text-white"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1525,0,null,null,1,"div",[["class","p-2 bg-cyan border-left border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](1527,0,null,null,1,"div",[["class","p-2 bg-cyan border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](1529,0,null,null,1,"div",[["class","p-2 bg-cyan border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](1531,0,null,null,6,"div",[["class","d-flex justify-content-between bg-light mb-3 text-white"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1532,0,null,null,1,"div",[["class","p-2 bg-info border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](1534,0,null,null,1,"div",[["class","p-2 bg-info border-left border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](1536,0,null,null,1,"div",[["class","p-2 bg-info border-left"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](1538,0,null,null,6,"div",[["class","d-flex justify-content-around bg-light text-white"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1539,0,null,null,1,"div",[["class","p-2 bg-cyan border-left border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](1541,0,null,null,1,"div",[["class","p-2 bg-cyan border-left border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](1543,0,null,null,1,"div",[["class","p-2 bg-cyan border-left border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](1545,0,null,null,4,"pre",[["class","language-markup scrollable"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["                "])),(l()(),e["\u0275eld"](1547,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,['\n                    <div class="d-flex justify-content-start">...</div>\n                    <div class="d-flex justify-content-end">...</div>\n                    <div class="d-flex justify-content-center">...</div>\n                    <div class="d-flex justify-content-between">...</div>\n                    <div class="d-flex justify-content-around">...</div>\n                '])),(l()(),e["\u0275ted"](-1,null,["\n            "])),(l()(),e["\u0275eld"](1550,0,null,null,4,"span",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Responsive variations also exist for "])),(l()(),e["\u0275eld"](1552,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["justify-content"])),(l()(),e["\u0275ted"](-1,null,["."])),(l()(),e["\u0275eld"](1555,0,null,null,100,"ul",[["class","list-style-none"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1556,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1557,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1558,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".justify-content-start"])),(l()(),e["\u0275eld"](1560,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1561,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1562,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".justify-content-end"])),(l()(),e["\u0275eld"](1564,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1565,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1566,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".justify-content-center"])),(l()(),e["\u0275eld"](1568,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1569,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1570,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".justify-content-between"])),(l()(),e["\u0275eld"](1572,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1573,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1574,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".justify-content-around"])),(l()(),e["\u0275eld"](1576,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1577,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1578,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".justify-content-sm-start"])),(l()(),e["\u0275eld"](1580,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1581,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1582,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".justify-content-sm-end"])),(l()(),e["\u0275eld"](1584,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1585,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1586,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".justify-content-sm-center"])),(l()(),e["\u0275eld"](1588,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1589,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1590,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".justify-content-sm-between"])),(l()(),e["\u0275eld"](1592,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1593,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1594,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".justify-content-sm-around"])),(l()(),e["\u0275eld"](1596,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1597,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1598,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".justify-content-md-start"])),(l()(),e["\u0275eld"](1600,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1601,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1602,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".justify-content-md-end"])),(l()(),e["\u0275eld"](1604,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1605,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1606,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".justify-content-md-center"])),(l()(),e["\u0275eld"](1608,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1609,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1610,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".justify-content-md-between"])),(l()(),e["\u0275eld"](1612,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1613,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1614,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".justify-content-md-around"])),(l()(),e["\u0275eld"](1616,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1617,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1618,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".justify-content-lg-start"])),(l()(),e["\u0275eld"](1620,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1621,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1622,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".justify-content-lg-end"])),(l()(),e["\u0275eld"](1624,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1625,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1626,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".justify-content-lg-center"])),(l()(),e["\u0275eld"](1628,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1629,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1630,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".justify-content-lg-between"])),(l()(),e["\u0275eld"](1632,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1633,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1634,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".justify-content-lg-around"])),(l()(),e["\u0275eld"](1636,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1637,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1638,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".justify-content-xl-start"])),(l()(),e["\u0275eld"](1640,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1641,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1642,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".justify-content-xl-end"])),(l()(),e["\u0275eld"](1644,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1645,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1646,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".justify-content-xl-center"])),(l()(),e["\u0275eld"](1648,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1649,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1650,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".justify-content-xl-between"])),(l()(),e["\u0275eld"](1652,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1653,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1654,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".justify-content-xl-around"])),(l()(),e["\u0275eld"](1656,0,null,null,172,"div",[["class","card-body"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1657,0,null,null,1,"h4",[["class","card-title"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Align items"])),(l()(),e["\u0275eld"](1659,0,null,null,22,"h6",[["class","card-subtitle"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Use "])),(l()(),e["\u0275eld"](1661,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["align-items"])),(l()(),e["\u0275ted"](-1,null,[" utilities on flexbox containers to change the alignment of flex items on the cross axis (the y-axis to start, x-axis if "])),(l()(),e["\u0275eld"](1664,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["flex-direction: column"])),(l()(),e["\u0275ted"](-1,null,["). Choose from "])),(l()(),e["\u0275eld"](1667,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["start"])),(l()(),e["\u0275ted"](-1,null,[", "])),(l()(),e["\u0275eld"](1670,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["end"])),(l()(),e["\u0275ted"](-1,null,[", "])),(l()(),e["\u0275eld"](1673,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["center"])),(l()(),e["\u0275ted"](-1,null,[", "])),(l()(),e["\u0275eld"](1676,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["baseline"])),(l()(),e["\u0275ted"](-1,null,[", or "])),(l()(),e["\u0275eld"](1679,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["stretch"])),(l()(),e["\u0275ted"](-1,null,[" (browser default)."])),(l()(),e["\u0275eld"](1682,0,null,null,35,"div",[["class","bd-example"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1683,0,null,null,6,"div",[["class","d-flex align-items-start bg-light mb-3 text-white"],["style","height: 100px"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1684,0,null,null,1,"div",[["class","p-2 bg-info border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](1686,0,null,null,1,"div",[["class","p-2 bg-info border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](1688,0,null,null,1,"div",[["class","p-2 bg-info border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](1690,0,null,null,6,"div",[["class","d-flex align-items-end bg-light mb-3 text-white"],["style","height: 100px"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1691,0,null,null,1,"div",[["class","p-2 bg-cyan border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](1693,0,null,null,1,"div",[["class","p-2 bg-cyan border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](1695,0,null,null,1,"div",[["class","p-2 bg-cyan border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](1697,0,null,null,6,"div",[["class","d-flex align-items-center bg-light mb-3 text-white"],["style","height: 100px"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1698,0,null,null,1,"div",[["class","p-2 bg-info border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](1700,0,null,null,1,"div",[["class","p-2 bg-info border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](1702,0,null,null,1,"div",[["class","p-2 bg-info border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](1704,0,null,null,6,"div",[["class","d-flex align-items-baseline bg-light mb-3 text-white"],["style","height: 100px"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1705,0,null,null,1,"div",[["class","p-2 bg-cyan border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](1707,0,null,null,1,"div",[["class","p-2 bg-cyan border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](1709,0,null,null,1,"div",[["class","p-2 bg-cyan border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](1711,0,null,null,6,"div",[["class","d-flex align-items-stretch bg-light text-white"],["style","height: 100px"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1712,0,null,null,1,"div",[["class","p-2 bg-info border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](1714,0,null,null,1,"div",[["class","p-2 bg-info border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](1716,0,null,null,1,"div",[["class","p-2 bg-info border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](1718,0,null,null,4,"pre",[["class","language-markup scrollable"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["            "])),(l()(),e["\u0275eld"](1720,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,['\n                <div class="d-flex align-items-start">...</div>\n                <div class="d-flex align-items-end">...</div>\n                <div class="d-flex align-items-center">...</div>\n                <div class="d-flex align-items-baseline">...</div>\n                <div class="d-flex align-items-stretch">...</div>\n            '])),(l()(),e["\u0275ted"](-1,null,["\n        "])),(l()(),e["\u0275eld"](1723,0,null,null,4,"span",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Responsive variations also exist for "])),(l()(),e["\u0275eld"](1725,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["align-items"])),(l()(),e["\u0275ted"](-1,null,["."])),(l()(),e["\u0275eld"](1728,0,null,null,100,"ul",[["class","list-style-none"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1729,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1730,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1731,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".align-items-start"])),(l()(),e["\u0275eld"](1733,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1734,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1735,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".align-items-end"])),(l()(),e["\u0275eld"](1737,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1738,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1739,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".align-items-center"])),(l()(),e["\u0275eld"](1741,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1742,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1743,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".align-items-baseline"])),(l()(),e["\u0275eld"](1745,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1746,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1747,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".align-items-stretch"])),(l()(),e["\u0275eld"](1749,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1750,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1751,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".align-items-sm-start"])),(l()(),e["\u0275eld"](1753,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1754,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1755,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".align-items-sm-end"])),(l()(),e["\u0275eld"](1757,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1758,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1759,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".align-items-sm-center"])),(l()(),e["\u0275eld"](1761,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1762,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1763,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".align-items-sm-baseline"])),(l()(),e["\u0275eld"](1765,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1766,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1767,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".align-items-sm-stretch"])),(l()(),e["\u0275eld"](1769,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1770,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1771,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".align-items-md-start"])),(l()(),e["\u0275eld"](1773,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1774,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1775,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".align-items-md-end"])),(l()(),e["\u0275eld"](1777,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1778,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1779,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".align-items-md-center"])),(l()(),e["\u0275eld"](1781,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1782,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1783,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".align-items-md-baseline"])),(l()(),e["\u0275eld"](1785,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1786,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1787,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".align-items-md-stretch"])),(l()(),e["\u0275eld"](1789,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1790,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1791,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".align-items-lg-start"])),(l()(),e["\u0275eld"](1793,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1794,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1795,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".align-items-lg-end"])),(l()(),e["\u0275eld"](1797,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1798,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1799,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".align-items-lg-center"])),(l()(),e["\u0275eld"](1801,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1802,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1803,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".align-items-lg-baseline"])),(l()(),e["\u0275eld"](1805,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1806,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1807,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".align-items-lg-stretch"])),(l()(),e["\u0275eld"](1809,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1810,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1811,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".align-items-xl-start"])),(l()(),e["\u0275eld"](1813,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1814,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1815,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".align-items-xl-end"])),(l()(),e["\u0275eld"](1817,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1818,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1819,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".align-items-xl-center"])),(l()(),e["\u0275eld"](1821,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1822,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1823,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".align-items-xl-baseline"])),(l()(),e["\u0275eld"](1825,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1826,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1827,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".align-items-xl-stretch"])),(l()(),e["\u0275eld"](1829,0,null,null,175,"div",[["class","card-body"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1830,0,null,null,1,"h4",[["class","card-title"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Align self"])),(l()(),e["\u0275eld"](1832,0,null,null,25,"h6",[["class","card-subtitle"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Use "])),(l()(),e["\u0275eld"](1834,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["align-self"])),(l()(),e["\u0275ted"](-1,null,[" utilities on flexbox items to individually change their alignment on the cross axis (the y-axis to start, x-axis if "])),(l()(),e["\u0275eld"](1837,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["flex-direction: column"])),(l()(),e["\u0275ted"](-1,null,["). Choose from the same options as "])),(l()(),e["\u0275eld"](1840,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["align-items"])),(l()(),e["\u0275ted"](-1,null,[": "])),(l()(),e["\u0275eld"](1843,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["start"])),(l()(),e["\u0275ted"](-1,null,[", "])),(l()(),e["\u0275eld"](1846,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["end"])),(l()(),e["\u0275ted"](-1,null,[", "])),(l()(),e["\u0275eld"](1849,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["center"])),(l()(),e["\u0275ted"](-1,null,[", "])),(l()(),e["\u0275eld"](1852,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["baseline"])),(l()(),e["\u0275ted"](-1,null,[", or "])),(l()(),e["\u0275eld"](1855,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["stretch"])),(l()(),e["\u0275ted"](-1,null,[" (browser default)."])),(l()(),e["\u0275eld"](1858,0,null,null,35,"div",[["class","bd-example"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1859,0,null,null,6,"div",[["class","d-flex bg-light text-white mb-3"],["style","height: 100px"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1860,0,null,null,1,"div",[["class","p-2 bg-info border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](1862,0,null,null,1,"div",[["class","align-self-start p-2 bg-info border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Aligned flex item"])),(l()(),e["\u0275eld"](1864,0,null,null,1,"div",[["class","p-2 bg-info border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](1866,0,null,null,6,"div",[["class","d-flex bg-light text-white mb-3"],["style","height: 100px"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1867,0,null,null,1,"div",[["class","p-2 bg-cyan border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](1869,0,null,null,1,"div",[["class","align-self-end p-2 bg-cyan border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Aligned flex item"])),(l()(),e["\u0275eld"](1871,0,null,null,1,"div",[["class","p-2 bg-cyan border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](1873,0,null,null,6,"div",[["class","d-flex bg-light text-white mb-3"],["style","height: 100px"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1874,0,null,null,1,"div",[["class","p-2 bg-info border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](1876,0,null,null,1,"div",[["class","align-self-center p-2 bg-info border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Aligned flex item"])),(l()(),e["\u0275eld"](1878,0,null,null,1,"div",[["class","p-2 bg-info border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](1880,0,null,null,6,"div",[["class","d-flex bg-light text-white mb-3"],["style","height: 100px"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1881,0,null,null,1,"div",[["class","p-2 bg-cyan border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](1883,0,null,null,1,"div",[["class","align-self-baseline p-2 bg-cyan border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Aligned flex item"])),(l()(),e["\u0275eld"](1885,0,null,null,1,"div",[["class","p-2 bg-cyan border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](1887,0,null,null,6,"div",[["class","d-flex bg-light text-white"],["style","height: 100px"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1888,0,null,null,1,"div",[["class","p-2 bg-info border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](1890,0,null,null,1,"div",[["class","align-self-stretch p-2 bg-info border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Aligned flex item"])),(l()(),e["\u0275eld"](1892,0,null,null,1,"div",[["class","p-2 bg-info border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](1894,0,null,null,4,"pre",[["class","language-markup scrollable"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["            "])),(l()(),e["\u0275eld"](1896,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,['\n                <div class="align-self-start">Aligned flex item</div>\n                <div class="align-self-end">Aligned flex item</div>\n                <div class="align-self-center">Aligned flex item</div>\n                <div class="align-self-baseline">Aligned flex item</div>\n                <div class="align-self-stretch">Aligned flex item</div>\n            '])),(l()(),e["\u0275ted"](-1,null,["\n        "])),(l()(),e["\u0275eld"](1899,0,null,null,4,"span",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Responsive variations also exist for "])),(l()(),e["\u0275eld"](1901,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["align-self"])),(l()(),e["\u0275ted"](-1,null,["."])),(l()(),e["\u0275eld"](1904,0,null,null,100,"ul",[["class","list-style-none"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1905,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1906,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1907,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".align-self-start"])),(l()(),e["\u0275eld"](1909,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1910,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1911,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".align-self-end"])),(l()(),e["\u0275eld"](1913,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1914,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1915,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".align-self-center"])),(l()(),e["\u0275eld"](1917,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1918,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1919,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".align-self-baseline"])),(l()(),e["\u0275eld"](1921,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1922,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1923,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".align-self-stretch"])),(l()(),e["\u0275eld"](1925,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1926,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1927,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".align-self-sm-start"])),(l()(),e["\u0275eld"](1929,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1930,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1931,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".align-self-sm-end"])),(l()(),e["\u0275eld"](1933,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1934,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1935,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".align-self-sm-center"])),(l()(),e["\u0275eld"](1937,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1938,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1939,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".align-self-sm-baseline"])),(l()(),e["\u0275eld"](1941,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1942,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1943,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".align-self-sm-stretch"])),(l()(),e["\u0275eld"](1945,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1946,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1947,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".align-self-md-start"])),(l()(),e["\u0275eld"](1949,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1950,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1951,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".align-self-md-end"])),(l()(),e["\u0275eld"](1953,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1954,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1955,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".align-self-md-center"])),(l()(),e["\u0275eld"](1957,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1958,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1959,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".align-self-md-baseline"])),(l()(),e["\u0275eld"](1961,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1962,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1963,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".align-self-md-stretch"])),(l()(),e["\u0275eld"](1965,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1966,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1967,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".align-self-lg-start"])),(l()(),e["\u0275eld"](1969,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1970,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1971,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".align-self-lg-end"])),(l()(),e["\u0275eld"](1973,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1974,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1975,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".align-self-lg-center"])),(l()(),e["\u0275eld"](1977,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1978,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1979,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".align-self-lg-baseline"])),(l()(),e["\u0275eld"](1981,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1982,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1983,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".align-self-lg-stretch"])),(l()(),e["\u0275eld"](1985,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1986,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1987,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".align-self-xl-start"])),(l()(),e["\u0275eld"](1989,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1990,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1991,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".align-self-xl-end"])),(l()(),e["\u0275eld"](1993,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1994,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1995,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".align-self-xl-center"])),(l()(),e["\u0275eld"](1997,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](1998,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1999,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".align-self-xl-baseline"])),(l()(),e["\u0275eld"](2001,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2002,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2003,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".align-self-xl-stretch"])),(l()(),e["\u0275eld"](2005,0,null,null,46,"div",[["class","card-body"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2006,0,null,null,1,"h4",[["class","card-title"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Auto margins"])),(l()(),e["\u0275eld"](2008,0,null,null,7,"h6",[["class","card-subtitle"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flexbox can do some pretty awesome things when you mix flex alignments with auto margins. Shown below are three examples of controlling flex items via auto margins: default (no auto margin), pushing two items to the right ("])),(l()(),e["\u0275eld"](2010,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".mr-auto"])),(l()(),e["\u0275ted"](-1,null,["), and pushing two items to the left ("])),(l()(),e["\u0275eld"](2013,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".ml-auto"])),(l()(),e["\u0275ted"](-1,null,[")."])),(l()(),e["\u0275eld"](2016,0,null,null,8,"span",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2017,0,null,null,4,"strong",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Unfortunately, IE10 and IE11 do not properly support auto margins on flex items whose parent has a non-default "])),(l()(),e["\u0275eld"](2019,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["justify-content"])),(l()(),e["\u0275ted"](-1,null,[" value."])),(l()(),e["\u0275eld"](2022,0,null,null,1,"a",[["href","https://stackoverflow.com/a/37535548"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["See this StackOverflow answer"])),(l()(),e["\u0275ted"](-1,null,[" for more details."])),(l()(),e["\u0275eld"](2025,0,null,null,21,"div",[["class","bd-example m-t-15"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2026,0,null,null,6,"div",[["class","d-flex bg-light text-white mb-3"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2027,0,null,null,1,"div",[["class","p-2 bg-info border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2029,0,null,null,1,"div",[["class","p-2 bg-info border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2031,0,null,null,1,"div",[["class","p-2 bg-info border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2033,0,null,null,6,"div",[["class","d-flex bg-light text-white mb-3"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2034,0,null,null,1,"div",[["class","mr-auto p-2 bg-cyan border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2036,0,null,null,1,"div",[["class","p-2 bg-cyan border-left"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2038,0,null,null,1,"div",[["class","p-2 bg-cyan border-left"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2040,0,null,null,6,"div",[["class","d-flex bg-light text-white mb-3"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2041,0,null,null,1,"div",[["class","p-2 bg-info border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2043,0,null,null,1,"div",[["class","p-2 bg-info border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2045,0,null,null,1,"div",[["class","ml-auto p-2 bg-info border-left"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2047,0,null,null,4,"pre",[["class","language-markup scrollable"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["            "])),(l()(),e["\u0275eld"](2049,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,['\n                <div class="d-flex">\n                  <div class="p-2">Flex item</div>\n                  <div class="p-2">Flex item</div>\n                  <div class="p-2">Flex item</div>\n                </div>\n                \n                <div class="d-flex">\n                  <div class="mr-auto p-2">Flex item</div>\n                  <div class="p-2">Flex item</div>\n                  <div class="p-2">Flex item</div>\n                </div>\n                \n                <div class="d-flex">\n                  <div class="p-2">Flex item</div>\n                  <div class="p-2">Flex item</div>\n                  <div class="ml-auto p-2">Flex item</div>\n                </div>\n            '])),(l()(),e["\u0275ted"](-1,null,["\n        "])),(l()(),e["\u0275eld"](2052,0,null,null,36,"div",[["class","card-body"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2053,0,null,null,1,"h4",[["class","card-title"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["With align-items"])),(l()(),e["\u0275eld"](2055,0,null,null,13,"h6",[["class","card-subtitle"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Vertically move one flex item to the top or bottom of a container by mixing "])),(l()(),e["\u0275eld"](2057,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["align-items"])),(l()(),e["\u0275ted"](-1,null,[", "])),(l()(),e["\u0275eld"](2060,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["flex-direction: column"])),(l()(),e["\u0275ted"](-1,null,[", and "])),(l()(),e["\u0275eld"](2063,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["margin-top: auto"])),(l()(),e["\u0275ted"](-1,null,[" or "])),(l()(),e["\u0275eld"](2066,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["margin-bottom: auto"])),(l()(),e["\u0275ted"](-1,null,["."])),(l()(),e["\u0275eld"](2069,0,null,null,14,"div",[["class","bd-example"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2070,0,null,null,6,"div",[["class","d-flex align-items-start flex-column bg-light text-white mb-3"],["style","height: 200px;"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2071,0,null,null,1,"div",[["class","mb-auto p-2 bg-cyan"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2073,0,null,null,1,"div",[["class","p-2 bg-cyan border-bottom"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2075,0,null,null,1,"div",[["class","p-2 bg-cyan"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2077,0,null,null,6,"div",[["class","d-flex align-items-end flex-column bg-light text-white mb-3"],["style","height: 200px;"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2078,0,null,null,1,"div",[["class","p-2 bg-info border-bottom"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2080,0,null,null,1,"div",[["class","p-2 bg-info"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2082,0,null,null,1,"div",[["class","mt-auto p-2 bg-info"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2084,0,null,null,4,"pre",[["class","language-markup scrollable"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["            "])),(l()(),e["\u0275eld"](2086,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,['\n                <div class="d-flex align-items-start flex-column" style="height: 200px;">\n                  <div class="mb-auto p-2">Flex item</div>\n                  <div class="p-2">Flex item</div>\n                  <div class="p-2">Flex item</div>\n                </div>\n                \n                <div class="d-flex align-items-end flex-column" style="height: 200px;">\n                  <div class="p-2">Flex item</div>\n                  <div class="p-2">Flex item</div>\n                  <div class="mt-auto p-2">Flex item</div>\n                </div>\n            '])),(l()(),e["\u0275ted"](-1,null,["\n        "])),(l()(),e["\u0275eld"](2089,0,null,null,190,"div",[["class","card-body"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2090,0,null,null,1,"h4",[["class","card-title"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Wrap"])),(l()(),e["\u0275eld"](2092,0,null,null,10,"h6",[["class","card-subtitle"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Change how flex items wrap in a flex container. Choose from no wrapping at all (the browser default) with "])),(l()(),e["\u0275eld"](2094,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".flex-nowrap"])),(l()(),e["\u0275ted"](-1,null,[", wrapping with "])),(l()(),e["\u0275eld"](2097,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".flex-wrap"])),(l()(),e["\u0275ted"](-1,null,[", or reverse wrapping with "])),(l()(),e["\u0275eld"](2100,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".flex-wrap-reverse"])),(l()(),e["\u0275ted"](-1,null,["."])),(l()(),e["\u0275eld"](2103,0,null,null,31,"div",[["class","bd-example"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2104,0,null,null,30,"div",[["class","d-flex flex-nowrap bg-light"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2105,0,null,null,1,"div",[["class","p-2 bg-cyan text-white"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2107,0,null,null,1,"div",[["class","p-2 bg-cyan text-white"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2109,0,null,null,1,"div",[["class","p-2 "]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2111,0,null,null,1,"div",[["class","p-2 "]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2113,0,null,null,1,"div",[["class","p-2 "]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2115,0,null,null,1,"div",[["class","p-2 "]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2117,0,null,null,1,"div",[["class","p-2 "]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2119,0,null,null,1,"div",[["class","p-2 "]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2121,0,null,null,1,"div",[["class","p-2 "]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2123,0,null,null,1,"div",[["class","p-2 "]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2125,0,null,null,1,"div",[["class","p-2 "]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2127,0,null,null,1,"div",[["class","p-2 "]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2129,0,null,null,1,"div",[["class","p-2 "]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2131,0,null,null,1,"div",[["class","p-2 "]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2133,0,null,null,1,"div",[["class","p-2 "]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2135,0,null,null,4,"pre",[["class","language-markup"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["            "])),(l()(),e["\u0275eld"](2137,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,['\n                <div class="d-flex flex-nowrap">\n                  ...\n                </div>\n            '])),(l()(),e["\u0275ted"](-1,null,["\n        "])),(l()(),e["\u0275eld"](2140,0,null,null,31,"div",[["class","bd-example"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2141,0,null,null,30,"div",[["class","d-flex flex-wrap bg-light text-white"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2142,0,null,null,1,"div",[["class","p-2 border-right bg-cyan"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2144,0,null,null,1,"div",[["class","p-2 border-right bg-cyan"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2146,0,null,null,1,"div",[["class","p-2 border-right bg-cyan"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2148,0,null,null,1,"div",[["class","p-2 border-right bg-cyan"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2150,0,null,null,1,"div",[["class","p-2 border-right bg-cyan"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2152,0,null,null,1,"div",[["class","p-2 border-right bg-cyan"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2154,0,null,null,1,"div",[["class","p-2 border-right bg-cyan"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2156,0,null,null,1,"div",[["class","p-2 border-right bg-cyan"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2158,0,null,null,1,"div",[["class","p-2 border-right bg-cyan"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2160,0,null,null,1,"div",[["class","p-2 border-right bg-cyan"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2162,0,null,null,1,"div",[["class","p-2 border-right bg-cyan"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2164,0,null,null,1,"div",[["class","p-2 border-right bg-cyan"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2166,0,null,null,1,"div",[["class","p-2 border-right bg-cyan"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2168,0,null,null,1,"div",[["class","p-2 border-right border-top bg-cyan"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2170,0,null,null,1,"div",[["class","p-2 border-right border-top bg-cyan"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2172,0,null,null,4,"pre",[["class","language-markup"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["            "])),(l()(),e["\u0275eld"](2174,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,['\n                <div class="d-flex flex-wrap">\n                  ...\n                </div>\n            '])),(l()(),e["\u0275ted"](-1,null,["\n        "])),(l()(),e["\u0275eld"](2177,0,null,null,31,"div",[["class","bd-example"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2178,0,null,null,30,"div",[["class","d-flex flex-wrap-reverse bg-light text-white"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2179,0,null,null,1,"div",[["class","p-2 bg-cyan border-bottom border-right border-top"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2181,0,null,null,1,"div",[["class","p-2 bg-cyan border-right border-top"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2183,0,null,null,1,"div",[["class","p-2 bg-cyan border-right border-top"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2185,0,null,null,1,"div",[["class","p-2 bg-cyan border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2187,0,null,null,1,"div",[["class","p-2 bg-cyan border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2189,0,null,null,1,"div",[["class","p-2 bg-cyan border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2191,0,null,null,1,"div",[["class","p-2 bg-cyan border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2193,0,null,null,1,"div",[["class","p-2 bg-cyan border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2195,0,null,null,1,"div",[["class","p-2 bg-cyan border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2197,0,null,null,1,"div",[["class","p-2 bg-cyan border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2199,0,null,null,1,"div",[["class","p-2 bg-cyan border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2201,0,null,null,1,"div",[["class","p-2 bg-cyan border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2203,0,null,null,1,"div",[["class","p-2 bg-cyan border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2205,0,null,null,1,"div",[["class","p-2 bg-cyan border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2207,0,null,null,1,"div",[["class","p-2 bg-cyan border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2209,0,null,null,4,"pre",[["class","language-markup"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["            "])),(l()(),e["\u0275eld"](2211,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,['\n                <div class="d-flex flex-wrap-reverse">\n                  ...\n                </div>\n            '])),(l()(),e["\u0275ted"](-1,null,["\n        "])),(l()(),e["\u0275eld"](2214,0,null,null,4,"span",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Responsive variations also exist for "])),(l()(),e["\u0275eld"](2216,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["flex-wrap"])),(l()(),e["\u0275ted"](-1,null,["."])),(l()(),e["\u0275eld"](2219,0,null,null,60,"ul",[["class","list-style-none"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2220,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2221,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2222,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".flex-nowrap"])),(l()(),e["\u0275eld"](2224,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2225,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2226,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".flex-wrap"])),(l()(),e["\u0275eld"](2228,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2229,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2230,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".flex-wrap-reverse"])),(l()(),e["\u0275eld"](2232,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2233,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2234,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".flex-sm-nowrap"])),(l()(),e["\u0275eld"](2236,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2237,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2238,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".flex-sm-wrap"])),(l()(),e["\u0275eld"](2240,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2241,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2242,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".flex-sm-wrap-reverse"])),(l()(),e["\u0275eld"](2244,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2245,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2246,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".flex-md-nowrap"])),(l()(),e["\u0275eld"](2248,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2249,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2250,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".flex-md-wrap"])),(l()(),e["\u0275eld"](2252,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2253,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2254,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".flex-md-wrap-reverse"])),(l()(),e["\u0275eld"](2256,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2257,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2258,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".flex-lg-nowrap"])),(l()(),e["\u0275eld"](2260,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2261,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2262,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".flex-lg-wrap"])),(l()(),e["\u0275eld"](2264,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2265,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2266,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".flex-lg-wrap-reverse"])),(l()(),e["\u0275eld"](2268,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2269,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2270,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".flex-xl-nowrap"])),(l()(),e["\u0275eld"](2272,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2273,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2274,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".flex-xl-wrap"])),(l()(),e["\u0275eld"](2276,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2277,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2278,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".flex-xl-wrap-reverse"])),(l()(),e["\u0275eld"](2280,0,null,null,275,"div",[["class","card-body"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2281,0,null,null,1,"h4",[["class","card-title"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Order"])),(l()(),e["\u0275eld"](2283,0,null,null,13,"h6",[["class","card-subtitle"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Change the "])),(l()(),e["\u0275eld"](2285,0,null,null,1,"em",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["visual"])),(l()(),e["\u0275ted"](-1,null,[" order of specific flex items with a handful of "])),(l()(),e["\u0275eld"](2288,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["order"])),(l()(),e["\u0275ted"](-1,null,[" utilities. We only provide options for making an item first or last, as well as a reset to use the DOM order. As "])),(l()(),e["\u0275eld"](2291,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["order"])),(l()(),e["\u0275ted"](-1,null,[" takes any integer value (e.g., "])),(l()(),e["\u0275eld"](2294,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["5"])),(l()(),e["\u0275ted"](-1,null,["), add custom CSS for any additional values needed."])),(l()(),e["\u0275eld"](2297,0,null,null,7,"div",[["class","bd-example"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2298,0,null,null,6,"div",[["class","d-flex flex-nowrap bg-light text-white"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2299,0,null,null,1,"div",[["class","order-3 p-2 bg-info border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["First flex item"])),(l()(),e["\u0275eld"](2301,0,null,null,1,"div",[["class","order-2 p-2 bg-info border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Second flex item"])),(l()(),e["\u0275eld"](2303,0,null,null,1,"div",[["class","order-1 p-2 bg-info border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Third flex item"])),(l()(),e["\u0275eld"](2305,0,null,null,4,"pre",[["class","language-markup scrollable"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["            "])),(l()(),e["\u0275eld"](2307,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,['\n                <div class="d-flex flex-nowrap">\n                  <div class="order-3 p-2">First flex item</div>\n                  <div class="order-2 p-2">Second flex item</div>\n                  <div class="order-1 p-2">Third flex item</div>\n                </div>\n            '])),(l()(),e["\u0275ted"](-1,null,["\n        "])),(l()(),e["\u0275eld"](2310,0,null,null,4,"span",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Responsive variations also exist for "])),(l()(),e["\u0275eld"](2312,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["order"])),(l()(),e["\u0275ted"](-1,null,["."])),(l()(),e["\u0275eld"](2315,0,null,null,240,"ul",[["class","list-style-none"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2316,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2317,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2318,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".order-1"])),(l()(),e["\u0275eld"](2320,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2321,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2322,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".order-2"])),(l()(),e["\u0275eld"](2324,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2325,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2326,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".order-3"])),(l()(),e["\u0275eld"](2328,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2329,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2330,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".order-4"])),(l()(),e["\u0275eld"](2332,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2333,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2334,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".order-5"])),(l()(),e["\u0275eld"](2336,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2337,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2338,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".order-6"])),(l()(),e["\u0275eld"](2340,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2341,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2342,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".order-7"])),(l()(),e["\u0275eld"](2344,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2345,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2346,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".order-8"])),(l()(),e["\u0275eld"](2348,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2349,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2350,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".order-9"])),(l()(),e["\u0275eld"](2352,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2353,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2354,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".order-10"])),(l()(),e["\u0275eld"](2356,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2357,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2358,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".order-11"])),(l()(),e["\u0275eld"](2360,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2361,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2362,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".order-12"])),(l()(),e["\u0275eld"](2364,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2365,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2366,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".order-sm-1"])),(l()(),e["\u0275eld"](2368,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2369,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2370,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".order-sm-2"])),(l()(),e["\u0275eld"](2372,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2373,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2374,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".order-sm-3"])),(l()(),e["\u0275eld"](2376,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2377,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2378,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".order-sm-4"])),(l()(),e["\u0275eld"](2380,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2381,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2382,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".order-sm-5"])),(l()(),e["\u0275eld"](2384,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2385,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2386,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".order-sm-6"])),(l()(),e["\u0275eld"](2388,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2389,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2390,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".order-sm-7"])),(l()(),e["\u0275eld"](2392,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2393,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2394,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".order-sm-8"])),(l()(),e["\u0275eld"](2396,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2397,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2398,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".order-sm-9"])),(l()(),e["\u0275eld"](2400,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2401,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2402,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".order-sm-10"])),(l()(),e["\u0275eld"](2404,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2405,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2406,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".order-sm-11"])),(l()(),e["\u0275eld"](2408,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2409,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2410,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".order-sm-12"])),(l()(),e["\u0275eld"](2412,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2413,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2414,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".order-md-1"])),(l()(),e["\u0275eld"](2416,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2417,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2418,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".order-md-2"])),(l()(),e["\u0275eld"](2420,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2421,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2422,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".order-md-3"])),(l()(),e["\u0275eld"](2424,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2425,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2426,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".order-md-4"])),(l()(),e["\u0275eld"](2428,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2429,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2430,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".order-md-5"])),(l()(),e["\u0275eld"](2432,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2433,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2434,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".order-md-6"])),(l()(),e["\u0275eld"](2436,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2437,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2438,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".order-md-7"])),(l()(),e["\u0275eld"](2440,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2441,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2442,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".order-md-8"])),(l()(),e["\u0275eld"](2444,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2445,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2446,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".order-md-9"])),(l()(),e["\u0275eld"](2448,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2449,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2450,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".order-md-10"])),(l()(),e["\u0275eld"](2452,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2453,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2454,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".order-md-11"])),(l()(),e["\u0275eld"](2456,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2457,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2458,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".order-md-12"])),(l()(),e["\u0275eld"](2460,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2461,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2462,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".order-lg-1"])),(l()(),e["\u0275eld"](2464,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2465,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2466,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".order-lg-2"])),(l()(),e["\u0275eld"](2468,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2469,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2470,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".order-lg-3"])),(l()(),e["\u0275eld"](2472,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2473,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2474,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".order-lg-4"])),(l()(),e["\u0275eld"](2476,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2477,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2478,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".order-lg-5"])),(l()(),e["\u0275eld"](2480,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2481,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2482,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".order-lg-6"])),(l()(),e["\u0275eld"](2484,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2485,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2486,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".order-lg-7"])),(l()(),e["\u0275eld"](2488,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2489,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2490,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".order-lg-8"])),(l()(),e["\u0275eld"](2492,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2493,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2494,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".order-lg-9"])),(l()(),e["\u0275eld"](2496,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2497,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2498,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".order-lg-10"])),(l()(),e["\u0275eld"](2500,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2501,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2502,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".order-lg-11"])),(l()(),e["\u0275eld"](2504,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2505,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2506,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".order-lg-12"])),(l()(),e["\u0275eld"](2508,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2509,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2510,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".order-xl-1"])),(l()(),e["\u0275eld"](2512,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2513,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2514,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".order-xl-2"])),(l()(),e["\u0275eld"](2516,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2517,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2518,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".order-xl-3"])),(l()(),e["\u0275eld"](2520,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2521,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2522,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".order-xl-4"])),(l()(),e["\u0275eld"](2524,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2525,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2526,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".order-xl-5"])),(l()(),e["\u0275eld"](2528,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2529,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2530,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".order-xl-6"])),(l()(),e["\u0275eld"](2532,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2533,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2534,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".order-xl-7"])),(l()(),e["\u0275eld"](2536,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2537,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2538,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".order-xl-8"])),(l()(),e["\u0275eld"](2540,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2541,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2542,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".order-xl-9"])),(l()(),e["\u0275eld"](2544,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2545,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2546,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".order-xl-10"])),(l()(),e["\u0275eld"](2548,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2549,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2550,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".order-xl-11"])),(l()(),e["\u0275eld"](2552,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2553,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2554,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".order-xl-12"])),(l()(),e["\u0275eld"](2556,0,null,null,363,"div",[["class","card-body"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2557,0,null,null,1,"h4",[["class","card-title"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Align content"])),(l()(),e["\u0275eld"](2559,0,null,null,28,"h6",[["class","card-subtitle"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Use "])),(l()(),e["\u0275eld"](2561,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["align-content"])),(l()(),e["\u0275ted"](-1,null,[" utilities on flexbox containers to align flex items "])),(l()(),e["\u0275eld"](2564,0,null,null,1,"em",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["together"])),(l()(),e["\u0275ted"](-1,null,[" on the cross axis. Choose from "])),(l()(),e["\u0275eld"](2567,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["start"])),(l()(),e["\u0275ted"](-1,null,[" (browser default), "])),(l()(),e["\u0275eld"](2570,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["end"])),(l()(),e["\u0275ted"](-1,null,[", "])),(l()(),e["\u0275eld"](2573,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["center"])),(l()(),e["\u0275ted"](-1,null,[", "])),(l()(),e["\u0275eld"](2576,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["between"])),(l()(),e["\u0275ted"](-1,null,[", "])),(l()(),e["\u0275eld"](2579,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["around"])),(l()(),e["\u0275ted"](-1,null,[", or "])),(l()(),e["\u0275eld"](2582,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["stretch"])),(l()(),e["\u0275ted"](-1,null,[". To demonstrate these utilities, we\u2019ve enforced "])),(l()(),e["\u0275eld"](2585,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["flex-wrap: wrap"])),(l()(),e["\u0275ted"](-1,null,[" and increased the number of flex items."])),(l()(),e["\u0275eld"](2588,0,null,null,3,"span",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2589,0,null,null,1,"strong",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Heads up!"])),(l()(),e["\u0275ted"](-1,null,[" This property has no effect on single rows of flex items."])),(l()(),e["\u0275eld"](2592,0,null,null,31,"div",[["class","bd-example"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2593,0,null,null,30,"div",[["class","d-flex align-content-start flex-wrap bg-light text-white mb-3"],["style","height: 140px"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2594,0,null,null,1,"div",[["class","p-2 bg-cyan border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2596,0,null,null,1,"div",[["class","p-2 bg-cyan border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2598,0,null,null,1,"div",[["class","p-2 bg-cyan border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2600,0,null,null,1,"div",[["class","p-2 bg-cyan border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2602,0,null,null,1,"div",[["class","p-2 bg-cyan border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2604,0,null,null,1,"div",[["class","p-2 bg-cyan border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2606,0,null,null,1,"div",[["class","p-2 bg-cyan border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2608,0,null,null,1,"div",[["class","p-2 bg-cyan border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2610,0,null,null,1,"div",[["class","p-2 bg-cyan border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2612,0,null,null,1,"div",[["class","p-2 bg-cyan border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2614,0,null,null,1,"div",[["class","p-2 bg-cyan border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2616,0,null,null,1,"div",[["class","p-2 bg-cyan border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2618,0,null,null,1,"div",[["class","p-2 bg-cyan border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2620,0,null,null,1,"div",[["class","p-2 bg-cyan border-right border-top"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2622,0,null,null,1,"div",[["class","p-2 bg-cyan border-right border-top"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2624,0,null,null,4,"pre",[["class","language-markup"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["            "])),(l()(),e["\u0275eld"](2626,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,['\n                <div class="d-flex align-content-start flex-wrap">\n                  ...\n                </div>\n            '])),(l()(),e["\u0275ted"](-1,null,["\n        "])),(l()(),e["\u0275eld"](2629,0,null,null,31,"div",[["class","bd-example"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2630,0,null,null,30,"div",[["class","d-flex align-content-end flex-wrap bg-light text-white mb-3"],["style","height: 140px"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2631,0,null,null,1,"div",[["class","p-2 bg-info border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2633,0,null,null,1,"div",[["class","p-2 bg-info border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2635,0,null,null,1,"div",[["class","p-2 bg-info border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2637,0,null,null,1,"div",[["class","p-2 bg-info border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2639,0,null,null,1,"div",[["class","p-2 bg-info border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2641,0,null,null,1,"div",[["class","p-2 bg-info border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2643,0,null,null,1,"div",[["class","p-2 bg-info border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2645,0,null,null,1,"div",[["class","p-2 bg-info border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2647,0,null,null,1,"div",[["class","p-2 bg-info border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2649,0,null,null,1,"div",[["class","p-2 bg-info border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2651,0,null,null,1,"div",[["class","p-2 bg-info border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2653,0,null,null,1,"div",[["class","p-2 bg-info border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2655,0,null,null,1,"div",[["class","p-2 bg-info border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2657,0,null,null,1,"div",[["class","p-2 bg-info border-right border-top"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2659,0,null,null,1,"div",[["class","p-2 bg-info border-right border-top"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2661,0,null,null,4,"pre",[["class","language-markup"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["            "])),(l()(),e["\u0275eld"](2663,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,['\n                <div class="d-flex align-content-end flex-wrap">\n                  ...\n                </div>\n            '])),(l()(),e["\u0275ted"](-1,null,["\n        "])),(l()(),e["\u0275eld"](2666,0,null,null,31,"div",[["class","bd-example"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2667,0,null,null,30,"div",[["class","d-flex align-content-center flex-wrap bg-light text-white mb-3"],["style","height: 140px"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2668,0,null,null,1,"div",[["class","p-2 bg-cyan border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2670,0,null,null,1,"div",[["class","p-2 bg-cyan border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2672,0,null,null,1,"div",[["class","p-2 bg-cyan border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2674,0,null,null,1,"div",[["class","p-2 bg-cyan border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2676,0,null,null,1,"div",[["class","p-2 bg-cyan border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2678,0,null,null,1,"div",[["class","p-2 bg-cyan border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2680,0,null,null,1,"div",[["class","p-2 bg-cyan border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2682,0,null,null,1,"div",[["class","p-2 bg-cyan border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2684,0,null,null,1,"div",[["class","p-2 bg-cyan border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2686,0,null,null,1,"div",[["class","p-2 bg-cyan border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2688,0,null,null,1,"div",[["class","p-2 bg-cyan border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2690,0,null,null,1,"div",[["class","p-2 bg-cyan border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2692,0,null,null,1,"div",[["class","p-2 bg-cyan border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2694,0,null,null,1,"div",[["class","p-2 bg-cyan border-right border-top"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2696,0,null,null,1,"div",[["class","p-2 bg-cyan border-right border-top"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2698,0,null,null,4,"pre",[["class","language-markup"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["            "])),(l()(),e["\u0275eld"](2700,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,['\n                <div class="d-flex align-content-center flex-wrap">\n                  ...\n                </div>\n            '])),(l()(),e["\u0275ted"](-1,null,["\n        "])),(l()(),e["\u0275eld"](2703,0,null,null,31,"div",[["class","bd-example"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2704,0,null,null,30,"div",[["class","d-flex align-content-between flex-wrap bg-light text-white mb-3"],["style","height: 200px"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2705,0,null,null,1,"div",[["class","p-2 bg-info border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2707,0,null,null,1,"div",[["class","p-2 bg-info border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2709,0,null,null,1,"div",[["class","p-2 bg-info border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2711,0,null,null,1,"div",[["class","p-2 bg-info border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2713,0,null,null,1,"div",[["class","p-2 bg-info border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2715,0,null,null,1,"div",[["class","p-2 bg-info border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2717,0,null,null,1,"div",[["class","p-2 bg-info border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2719,0,null,null,1,"div",[["class","p-2 bg-info border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2721,0,null,null,1,"div",[["class","p-2 bg-info border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2723,0,null,null,1,"div",[["class","p-2 bg-info border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2725,0,null,null,1,"div",[["class","p-2 bg-info border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2727,0,null,null,1,"div",[["class","p-2 bg-info border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2729,0,null,null,1,"div",[["class","p-2 bg-info border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2731,0,null,null,1,"div",[["class","p-2 bg-info border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2733,0,null,null,1,"div",[["class","p-2 bg-info border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2735,0,null,null,4,"pre",[["class","language-markup"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["            "])),(l()(),e["\u0275eld"](2737,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,['\n                <div class="d-flex align-content-between flex-wrap">\n                  ...\n                </div>\n            '])),(l()(),e["\u0275ted"](-1,null,["\n        "])),(l()(),e["\u0275eld"](2740,0,null,null,31,"div",[["class","bd-example"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2741,0,null,null,30,"div",[["class","d-flex align-content-around flex-wrap bg-light text-white mb-3"],["style","height: 140px"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2742,0,null,null,1,"div",[["class","p-2 bg-cyan border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2744,0,null,null,1,"div",[["class","p-2 bg-cyan border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2746,0,null,null,1,"div",[["class","p-2 bg-cyan border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2748,0,null,null,1,"div",[["class","p-2 bg-cyan border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2750,0,null,null,1,"div",[["class","p-2 bg-cyan border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2752,0,null,null,1,"div",[["class","p-2 bg-cyan border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2754,0,null,null,1,"div",[["class","p-2 bg-cyan border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2756,0,null,null,1,"div",[["class","p-2 bg-cyan border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2758,0,null,null,1,"div",[["class","p-2 bg-cyan border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2760,0,null,null,1,"div",[["class","p-2 bg-cyan border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2762,0,null,null,1,"div",[["class","p-2 bg-cyan border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2764,0,null,null,1,"div",[["class","p-2 bg-cyan border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2766,0,null,null,1,"div",[["class","p-2 bg-cyan border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2768,0,null,null,1,"div",[["class","p-2 bg-cyan border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2770,0,null,null,1,"div",[["class","p-2 bg-cyan border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2772,0,null,null,4,"pre",[["class","language-markup"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["            "])),(l()(),e["\u0275eld"](2774,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,['\n                <div class="d-flex align-content-around flex-wrap">\n                  ...\n                </div>\n            '])),(l()(),e["\u0275ted"](-1,null,["\n        "])),(l()(),e["\u0275eld"](2777,0,null,null,31,"div",[["class","bd-example"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2778,0,null,null,30,"div",[["class","d-flex align-content-stretch flex-wrap bg-light text-white mb-3"],["style","height: 140px"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2779,0,null,null,1,"div",[["class","p-2 bg-info border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2781,0,null,null,1,"div",[["class","p-2 bg-info border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2783,0,null,null,1,"div",[["class","p-2 bg-info border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2785,0,null,null,1,"div",[["class","p-2 bg-info border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2787,0,null,null,1,"div",[["class","p-2 bg-info border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2789,0,null,null,1,"div",[["class","p-2 bg-info border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2791,0,null,null,1,"div",[["class","p-2 bg-info border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2793,0,null,null,1,"div",[["class","p-2 bg-info border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2795,0,null,null,1,"div",[["class","p-2 bg-info border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2797,0,null,null,1,"div",[["class","p-2 bg-info border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2799,0,null,null,1,"div",[["class","p-2 bg-info border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2801,0,null,null,1,"div",[["class","p-2 bg-info border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2803,0,null,null,1,"div",[["class","p-2 bg-info border-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2805,0,null,null,1,"div",[["class","p-2 bg-info border-right border-top"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2807,0,null,null,1,"div",[["class","p-2 bg-info border-right border-top"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Flex item"])),(l()(),e["\u0275eld"](2809,0,null,null,4,"pre",[["class","language-markup"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["            "])),(l()(),e["\u0275eld"](2811,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,['\n                <div class="d-flex align-content-stretch flex-wrap">\n                  ...\n                </div>\n            '])),(l()(),e["\u0275ted"](-1,null,["\n        "])),(l()(),e["\u0275eld"](2814,0,null,null,4,"span",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Responsive variations also exist for "])),(l()(),e["\u0275eld"](2816,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["align-content"])),(l()(),e["\u0275ted"](-1,null,["."])),(l()(),e["\u0275eld"](2819,0,null,null,100,"ul",[["class","list-style-none"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2820,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2821,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2822,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".align-content-start"])),(l()(),e["\u0275eld"](2824,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2825,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2826,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".align-content-end"])),(l()(),e["\u0275eld"](2828,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2829,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2830,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".align-content-center"])),(l()(),e["\u0275eld"](2832,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2833,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2834,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".align-content-around"])),(l()(),e["\u0275eld"](2836,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2837,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2838,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".align-content-stretch"])),(l()(),e["\u0275eld"](2840,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2841,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2842,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".align-content-sm-start"])),(l()(),e["\u0275eld"](2844,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2845,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2846,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".align-content-sm-end"])),(l()(),e["\u0275eld"](2848,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2849,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2850,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".align-content-sm-center"])),(l()(),e["\u0275eld"](2852,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2853,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2854,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".align-content-sm-around"])),(l()(),e["\u0275eld"](2856,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2857,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2858,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".align-content-sm-stretch"])),(l()(),e["\u0275eld"](2860,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2861,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2862,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".align-content-md-start"])),(l()(),e["\u0275eld"](2864,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2865,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2866,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".align-content-md-end"])),(l()(),e["\u0275eld"](2868,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2869,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2870,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".align-content-md-center"])),(l()(),e["\u0275eld"](2872,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2873,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2874,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".align-content-md-around"])),(l()(),e["\u0275eld"](2876,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2877,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2878,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".align-content-md-stretch"])),(l()(),e["\u0275eld"](2880,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2881,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2882,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".align-content-lg-start"])),(l()(),e["\u0275eld"](2884,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2885,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2886,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".align-content-lg-end"])),(l()(),e["\u0275eld"](2888,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2889,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2890,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".align-content-lg-center"])),(l()(),e["\u0275eld"](2892,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2893,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2894,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".align-content-lg-around"])),(l()(),e["\u0275eld"](2896,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2897,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2898,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".align-content-lg-stretch"])),(l()(),e["\u0275eld"](2900,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2901,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2902,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".align-content-xl-start"])),(l()(),e["\u0275eld"](2904,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2905,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2906,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".align-content-xl-end"])),(l()(),e["\u0275eld"](2908,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2909,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2910,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".align-content-xl-center"])),(l()(),e["\u0275eld"](2912,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2913,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2914,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".align-content-xl-around"])),(l()(),e["\u0275eld"](2916,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2917,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2918,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".align-content-xl-stretch"])),(l()(),e["\u0275eld"](2920,0,null,null,120,"div",[["class","card"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2921,0,null,null,119,"div",[["class","card-body"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2922,0,null,null,1,"h4",[["class","card-title"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Float"])),(l()(),e["\u0275eld"](2924,0,null,null,1,"h6",[["class","card-subtitle"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Toggle floats on any element, across any breakpoint, using our responsive float utilities."])),(l()(),e["\u0275eld"](2926,0,null,null,10,"span",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["These utility classes float an element to the left or right, or disable floating, based on the current viewport size using the "])),(l()(),e["\u0275eld"](2928,0,null,null,4,"a",[["href","https://developer.mozilla.org/en-US/docs/Web/CSS/float"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["CSS "])),(l()(),e["\u0275eld"](2930,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["float"])),(l()(),e["\u0275ted"](-1,null,[" property"])),(l()(),e["\u0275ted"](-1,null,[". "])),(l()(),e["\u0275eld"](2934,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["!important"])),(l()(),e["\u0275ted"](-1,null,[" is included to avoid specificity issues. These use the same viewport breakpoints as our grid system."])),(l()(),e["\u0275eld"](2937,0,null,null,1,"span",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Toggle a float with a class:"])),(l()(),e["\u0275eld"](2939,0,null,null,8,"div",[["class","bd-example bg-light m-t-15"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2940,0,null,null,1,"div",[["class","float-left"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Float left on all viewport sizes"])),(l()(),e["\u0275eld"](2942,0,null,null,0,"br",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2943,0,null,null,1,"div",[["class","float-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Float right on all viewport sizes"])),(l()(),e["\u0275eld"](2945,0,null,null,0,"br",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2946,0,null,null,1,"div",[["class","float-none"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Don't float on all viewport sizes"])),(l()(),e["\u0275eld"](2948,0,null,null,4,"pre",[["class","language-markup"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["            "])),(l()(),e["\u0275eld"](2950,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,['\n                <div class="float-left">Float left on all viewport sizes</div><br>\n                <div class="float-right">Float right on all viewport sizes</div><br>\n                <div class="float-none">Don\'t float on all viewport sizes</div>\n            '])),(l()(),e["\u0275ted"](-1,null,["\n        "])),(l()(),e["\u0275eld"](2953,0,null,null,1,"h4",[["class","card-title m-t-30"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Responsive"])),(l()(),e["\u0275eld"](2955,0,null,null,4,"h6",[["class","card-subtitle"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Responsive variations also exist for each "])),(l()(),e["\u0275eld"](2957,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["float"])),(l()(),e["\u0275ted"](-1,null,[" value."])),(l()(),e["\u0275eld"](2960,0,null,null,12,"div",[["class","bd-example bg-light"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2961,0,null,null,1,"div",[["class","float-sm-left"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Float left on viewports sized SM (small) or wider"])),(l()(),e["\u0275eld"](2963,0,null,null,0,"br",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2964,0,null,null,1,"div",[["class","float-md-left"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Float left on viewports sized MD (medium) or wider"])),(l()(),e["\u0275eld"](2966,0,null,null,0,"br",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2967,0,null,null,1,"div",[["class","float-lg-left"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Float left on viewports sized LG (large) or wider"])),(l()(),e["\u0275eld"](2969,0,null,null,0,"br",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2970,0,null,null,1,"div",[["class","float-xl-left"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Float left on viewports sized XL (extra-large) or wider"])),(l()(),e["\u0275eld"](2972,0,null,null,0,"br",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2973,0,null,null,4,"pre",[["class","language-markup"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["            "])),(l()(),e["\u0275eld"](2975,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,['\n                <div class="float-sm-left">Float left on viewports sized SM (small) or wider</div><br>\n                <div class="float-md-left">Float left on viewports sized MD (medium) or wider</div><br>\n                <div class="float-lg-left">Float left on viewports sized LG (large) or wider</div><br>\n                <div class="float-xl-left">Float left on viewports sized XL (extra-large) or wider</div><br>\n            '])),(l()(),e["\u0275ted"](-1,null,["\n        "])),(l()(),e["\u0275eld"](2978,0,null,null,1,"span",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Here are all the support classes;"])),(l()(),e["\u0275eld"](2980,0,null,null,60,"ul",[["class","list-style-none"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2981,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2982,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2983,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".float-left"])),(l()(),e["\u0275eld"](2985,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2986,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2987,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".float-right"])),(l()(),e["\u0275eld"](2989,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2990,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2991,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".float-none"])),(l()(),e["\u0275eld"](2993,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2994,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2995,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".float-sm-left"])),(l()(),e["\u0275eld"](2997,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](2998,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2999,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".float-sm-right"])),(l()(),e["\u0275eld"](3001,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](3002,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](3003,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".float-sm-none"])),(l()(),e["\u0275eld"](3005,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](3006,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](3007,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".float-md-left"])),(l()(),e["\u0275eld"](3009,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](3010,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](3011,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".float-md-right"])),(l()(),e["\u0275eld"](3013,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](3014,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](3015,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".float-md-none"])),(l()(),e["\u0275eld"](3017,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](3018,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](3019,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".float-lg-left"])),(l()(),e["\u0275eld"](3021,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](3022,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](3023,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".float-lg-right"])),(l()(),e["\u0275eld"](3025,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](3026,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](3027,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".float-lg-none"])),(l()(),e["\u0275eld"](3029,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](3030,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](3031,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".float-xl-left"])),(l()(),e["\u0275eld"](3033,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](3034,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](3035,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".float-xl-right"])),(l()(),e["\u0275eld"](3037,0,null,null,3,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](3038,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](3039,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".float-xl-none"])),(l()(),e["\u0275eld"](3041,0,null,null,31,"div",[["class","card"]],null,null,null,null,null)),(l()(),e["\u0275eld"](3042,0,null,null,30,"div",[["class","card-body"]],null,null,null,null,null)),(l()(),e["\u0275eld"](3043,0,null,null,1,"h4",[["class","card-title"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Image replacement"])),(l()(),e["\u0275eld"](3045,0,null,null,1,"h6",[["class","card-subtitle"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Swap text for background images with the image replacement class."])),(l()(),e["\u0275eld"](3047,0,null,null,4,"span",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Utilize the "])),(l()(),e["\u0275eld"](3049,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".text-hide"])),(l()(),e["\u0275ted"](-1,null,[" class or mixin to help replace an element\u2019s text content with a background image."])),(l()(),e["\u0275eld"](3052,0,null,null,4,"pre",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["            "])),(l()(),e["\u0275eld"](3054,0,null,null,1,"code",[["class","language-markup"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,['\n                <h1 class="text-hide">Custom heading</h1>\n            '])),(l()(),e["\u0275ted"](-1,null,["\n        "])),(l()(),e["\u0275eld"](3057,0,null,null,7,"span",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Use the "])),(l()(),e["\u0275eld"](3059,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".text-hide"])),(l()(),e["\u0275ted"](-1,null,[" class to maintain the accessibility and SEO benefits of heading tags, but want to utilize a "])),(l()(),e["\u0275eld"](3062,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["background-image"])),(l()(),e["\u0275ted"](-1,null,[" instead of text."])),(l()(),e["\u0275eld"](3065,0,null,null,2,"div",[["class","bd-example"]],null,null,null,null,null)),(l()(),e["\u0275eld"](3066,0,null,null,1,"h1",[["class","text-hide my-2"],["style","background-image: url('../../assets/images/logo-icon.png'); width: 30px; height: 26px;"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Bootstrap"])),(l()(),e["\u0275eld"](3068,0,null,null,4,"pre",[["class","language-markup"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["            "])),(l()(),e["\u0275eld"](3070,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,['\n                <h1 class="text-hide my-2" style="background-image: url(\'../../assets/images/logo-icon.png\'); width: 30px; height: 26px;">Bootstrap</h1>\n            '])),(l()(),e["\u0275ted"](-1,null,["\n        "])),(l()(),e["\u0275eld"](3073,0,null,null,93,"div",[["class","card"]],null,null,null,null,null)),(l()(),e["\u0275eld"](3074,0,null,null,4,"div",[["class","card-body"]],null,null,null,null,null)),(l()(),e["\u0275eld"](3075,0,null,null,1,"h4",[["class","card-title"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Position"])),(l()(),e["\u0275eld"](3077,0,null,null,1,"h6",[["class","card-subtitle"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Use these shorthand utilities for quickly configuring the position of an element."])),(l()(),e["\u0275eld"](3079,0,null,null,38,"div",[["class","table-responsive"]],null,null,null,null,null)),(l()(),e["\u0275eld"](3080,0,null,null,37,"table",[["class","table"]],null,null,null,null,null)),(l()(),e["\u0275eld"](3081,0,null,null,5,"thead",[],null,null,null,null,null)),(l()(),e["\u0275eld"](3082,0,null,null,4,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](3083,0,null,null,1,"th",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Classes"])),(l()(),e["\u0275eld"](3085,0,null,null,1,"th",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Use"])),(l()(),e["\u0275eld"](3087,0,null,null,30,"tbody",[],null,null,null,null,null)),(l()(),e["\u0275eld"](3088,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](3089,0,null,null,2,"td",[],null,null,null,null,null)),(l()(),e["\u0275eld"](3090,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".position-fixed"])),(l()(),e["\u0275eld"](3092,0,null,null,1,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Changes object's position to fixed."])),(l()(),e["\u0275eld"](3094,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](3095,0,null,null,2,"td",[],null,null,null,null,null)),(l()(),e["\u0275eld"](3096,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".position-relative"])),(l()(),e["\u0275eld"](3098,0,null,null,1,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Changes object's position to relative."])),(l()(),e["\u0275eld"](3100,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](3101,0,null,null,2,"td",[],null,null,null,null,null)),(l()(),e["\u0275eld"](3102,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".position-absolute"])),(l()(),e["\u0275eld"](3104,0,null,null,1,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Changes object's position to absolute."])),(l()(),e["\u0275eld"](3106,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](3107,0,null,null,2,"td",[],null,null,null,null,null)),(l()(),e["\u0275eld"](3108,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".position-static"])),(l()(),e["\u0275eld"](3110,0,null,null,1,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Changes object's position to static."])),(l()(),e["\u0275eld"](3112,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](3113,0,null,null,2,"td",[],null,null,null,null,null)),(l()(),e["\u0275eld"](3114,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".position-sticky"])),(l()(),e["\u0275eld"](3116,0,null,null,1,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Changes object's position to static."])),(l()(),e["\u0275eld"](3118,0,null,null,9,"div",[["class","card-body"]],null,null,null,null,null)),(l()(),e["\u0275eld"](3119,0,null,null,1,"h4",[["class","card-title"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Fixed top"])),(l()(),e["\u0275eld"](3121,0,null,null,1,"h6",[["class","card-subtitle"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Position an element at the top of the viewport, from edge to edge. Be sure you understand the ramifications of fixed position in your project; you may need to add aditional CSS."])),(l()(),e["\u0275eld"](3123,0,null,null,4,"pre",[["class","language-markup"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["            "])),(l()(),e["\u0275eld"](3125,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,['\n                <div class="fixed-top">...</div>\n            '])),(l()(),e["\u0275ted"](-1,null,["\n        "])),(l()(),e["\u0275eld"](3128,0,null,null,9,"div",[["class","card-body"]],null,null,null,null,null)),(l()(),e["\u0275eld"](3129,0,null,null,1,"h4",[["class","card-title"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Fixed bottom"])),(l()(),e["\u0275eld"](3131,0,null,null,1,"h6",[["class","card-subtitle"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Position an element at the bottom of the viewport, from edge to edge. Be sure you understand the ramifications of fixed position in your project; you may need to add aditional CSS."])),(l()(),e["\u0275eld"](3133,0,null,null,4,"pre",[["class","language-markup"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["            "])),(l()(),e["\u0275eld"](3135,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,['\n                <div class="fixed-bottom">...</div>\n            '])),(l()(),e["\u0275ted"](-1,null,["\n        "])),(l()(),e["\u0275eld"](3138,0,null,null,28,"div",[["class","card-body"]],null,null,null,null,null)),(l()(),e["\u0275eld"](3139,0,null,null,1,"h4",[["class","card-title"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Sticky top"])),(l()(),e["\u0275eld"](3141,0,null,null,7,"h6",[["class","card-subtitle"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Position an element at the top of the viewport, from edge to edge, but only after you scroll past it. The "])),(l()(),e["\u0275eld"](3143,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".sticky-top"])),(l()(),e["\u0275ted"](-1,null,[" utility uses CSS\u2019s "])),(l()(),e["\u0275eld"](3146,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["position: sticky"])),(l()(),e["\u0275ted"](-1,null,[", which isn\u2019t fully supported in all browsers."])),(l()(),e["\u0275eld"](3149,0,null,null,12,"span",[],null,null,null,null,null)),(l()(),e["\u0275eld"](3150,0,null,null,7,"strong",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Microsoft Edge and IE11 will render "])),(l()(),e["\u0275eld"](3152,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["position: sticky"])),(l()(),e["\u0275ted"](-1,null,[" as "])),(l()(),e["\u0275eld"](3155,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["position: relative"])),(l()(),e["\u0275ted"](-1,null,["."])),(l()(),e["\u0275ted"](-1,null,[" As such, we wrap the styles in a "])),(l()(),e["\u0275eld"](3159,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["@supports"])),(l()(),e["\u0275ted"](-1,null,[" query, limiting the stickiness to only browsers that properly can render it."])),(l()(),e["\u0275eld"](3162,0,null,null,4,"pre",[["class","language-markup"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["            "])),(l()(),e["\u0275eld"](3164,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,['\n                <div class="sticky-top">...</div>\n            '])),(l()(),e["\u0275ted"](-1,null,["\n        "])),(l()(),e["\u0275eld"](3167,0,null,null,24,"div",[["class","card"]],null,null,null,null,null)),(l()(),e["\u0275eld"](3168,0,null,null,23,"div",[["class","card-body"]],null,null,null,null,null)),(l()(),e["\u0275eld"](3169,0,null,null,1,"h4",[["class","card-title"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Screenreaders"])),(l()(),e["\u0275eld"](3171,0,null,null,1,"h6",[["class","card-subtitle"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Use screenreader utilities to hide elements on all devices except screen readers."])),(l()(),e["\u0275eld"](3173,0,null,null,13,"span",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Hide an element to all devices "])),(l()(),e["\u0275eld"](3175,0,null,null,1,"strong",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["except screen readers"])),(l()(),e["\u0275ted"](-1,null,[" with "])),(l()(),e["\u0275eld"](3178,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".sr-only"])),(l()(),e["\u0275ted"](-1,null,[". Combine "])),(l()(),e["\u0275eld"](3181,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".sr-only"])),(l()(),e["\u0275ted"](-1,null,[" with "])),(l()(),e["\u0275eld"](3184,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".sr-only-focusable"])),(l()(),e["\u0275ted"](-1,null,[" to show the element again when it\u2019s focused (e.g. by a keyboard-only user). Can also be used as mixins."])),(l()(),e["\u0275eld"](3187,0,null,null,4,"pre",[["class","language-markup"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["            "])),(l()(),e["\u0275eld"](3189,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,['\n                <a class="sr-only sr-only-focusable" href="#content">Skip to main content</a>\n            '])),(l()(),e["\u0275ted"](-1,null,["\n        "])),(l()(),e["\u0275eld"](3192,0,null,null,137,"div",[["class","card"]],null,null,null,null,null)),(l()(),e["\u0275eld"](3193,0,null,null,76,"div",[["class","card-body"]],null,null,null,null,null)),(l()(),e["\u0275eld"](3194,0,null,null,1,"h4",[["class","card-title"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Sizing"])),(l()(),e["\u0275eld"](3196,0,null,null,1,"h6",[["class","card-subtitle"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Easily make an element as wide or as tall (relative to its parent) with our width and height utilities."])),(l()(),e["\u0275eld"](3198,0,null,null,19,"span",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Width and height utilities are generated from the "])),(l()(),e["\u0275eld"](3200,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["$sizes"])),(l()(),e["\u0275ted"](-1,null,[" Sass map in "])),(l()(),e["\u0275eld"](3203,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["_variables.scss"])),(l()(),e["\u0275ted"](-1,null,[". Includes support for "])),(l()(),e["\u0275eld"](3206,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["25%"])),(l()(),e["\u0275ted"](-1,null,[","])),(l()(),e["\u0275eld"](3209,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["50%"])),(l()(),e["\u0275ted"](-1,null,[", "])),(l()(),e["\u0275eld"](3212,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["75%"])),(l()(),e["\u0275ted"](-1,null,[", and "])),(l()(),e["\u0275eld"](3215,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["100%"])),(l()(),e["\u0275ted"](-1,null,[" by default. Modify those values as you need to generate different utilities here."])),(l()(),e["\u0275eld"](3218,0,null,null,8,"div",[["class","bd-example m-t-30"]],null,null,null,null,null)),(l()(),e["\u0275eld"](3219,0,null,null,1,"div",[["class","w-25 p-3"],["style","background-color: #eee;"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Width 25%"])),(l()(),e["\u0275eld"](3221,0,null,null,1,"div",[["class","w-50 p-3"],["style","background-color: #eee;"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Width 50%"])),(l()(),e["\u0275eld"](3223,0,null,null,1,"div",[["class","w-75 p-3"],["style","background-color: #eee;"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Width 75%"])),(l()(),e["\u0275eld"](3225,0,null,null,1,"div",[["class","w-100 p-3"],["style","background-color: #eee;"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Width 100%"])),(l()(),e["\u0275eld"](3227,0,null,null,4,"pre",[["class","language-markup scrollable"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["            "])),(l()(),e["\u0275eld"](3229,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,['\n                <div class="w-25 p-3" style="background-color: #eee;">Width 25%</div>\n                <div class="w-50 p-3" style="background-color: #eee;">Width 50%</div>\n                <div class="w-75 p-3" style="background-color: #eee;">Width 75%</div>\n                <div class="w-100 p-3" style="background-color: #eee;">Width 100%</div>\n            '])),(l()(),e["\u0275ted"](-1,null,["\n        "])),(l()(),e["\u0275eld"](3232,0,null,null,9,"div",[["class","bd-example m-t-30"]],null,null,null,null,null)),(l()(),e["\u0275eld"](3233,0,null,null,8,"div",[["style","height: 100px; background-color: rgba(255,0,0,0.1);"]],null,null,null,null,null)),(l()(),e["\u0275eld"](3234,0,null,null,1,"div",[["class","h-25 d-inline-block"],["style","width: 120px; background-color: rgba(0,0,255,.1)"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Height 25%"])),(l()(),e["\u0275eld"](3236,0,null,null,1,"div",[["class","h-50 d-inline-block"],["style","width: 120px; background-color: rgba(0,0,255,.1)"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Height 50%"])),(l()(),e["\u0275eld"](3238,0,null,null,1,"div",[["class","h-75 d-inline-block"],["style","width: 120px; background-color: rgba(0,0,255,.1)"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Height 75%"])),(l()(),e["\u0275eld"](3240,0,null,null,1,"div",[["class","h-100 d-inline-block"],["style","width: 120px; background-color: rgba(0,0,255,.1)"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Height 100%"])),(l()(),e["\u0275eld"](3242,0,null,null,4,"pre",[["class","language-markup scrollable"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["            "])),(l()(),e["\u0275eld"](3244,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,['\n                <div style="height: 100px; background-color: rgba(255,0,0,0.1);">\n                  <div class="h-25 d-inline-block" style="width: 120px; background-color: rgba(0,0,255,.1)">Height 25%</div>\n                  <div class="h-50 d-inline-block" style="width: 120px; background-color: rgba(0,0,255,.1)">Height 50%</div>\n                  <div class="h-75 d-inline-block" style="width: 120px; background-color: rgba(0,0,255,.1)">Height 75%</div>\n                  <div class="h-100 d-inline-block" style="width: 120px; background-color: rgba(0,0,255,.1)">Height 100%</div>\n                </div>\n            '])),(l()(),e["\u0275ted"](-1,null,["\n        "])),(l()(),e["\u0275eld"](3247,0,null,null,7,"span",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["You can also use "])),(l()(),e["\u0275eld"](3249,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["max-width: 100%;"])),(l()(),e["\u0275ted"](-1,null,[" and "])),(l()(),e["\u0275eld"](3252,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["max-height: 100%;"])),(l()(),e["\u0275ted"](-1,null,[" utilities as needed."])),(l()(),e["\u0275eld"](3255,0,null,null,0,"div",[["class","bd-example m-t-30"]],null,null,null,null,null)),(l()(),e["\u0275eld"](3256,0,null,null,4,"pre",[["class","language-markup"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["            "])),(l()(),e["\u0275eld"](3258,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,['\n                <img class="mw-100" src="..." alt="Max-width 100%">\n            '])),(l()(),e["\u0275ted"](-1,null,["\n        "])),(l()(),e["\u0275eld"](3261,0,null,null,3,"div",[["class","bd-example m-t-30"]],null,null,null,null,null)),(l()(),e["\u0275eld"](3262,0,null,null,2,"div",[["style","height: 100px; background-color: rgba(255,0,0,0.1);"]],null,null,null,null,null)),(l()(),e["\u0275eld"](3263,0,null,null,1,"div",[["class","mh-100"],["style","width: 100px; height: 200px; background-color: rgba(0,0,255,0.1);"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Max-height 100%"])),(l()(),e["\u0275eld"](3265,0,null,null,4,"pre",[["class","language-markup"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["            "])),(l()(),e["\u0275eld"](3267,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,['\n                <div style="height: 100px; background-color: rgba(255,0,0,0.1);">\n                  <div class="mh-100" style="width: 100px; height: 200px; background-color: rgba(0,0,255,0.1);">Max-height 100%</div>\n                </div>\n            '])),(l()(),e["\u0275ted"](-1,null,["\n        "])),(l()(),e["\u0275eld"](3270,0,null,null,4,"div",[["class","card-body"]],null,null,null,null,null)),(l()(),e["\u0275eld"](3271,0,null,null,1,"h4",[["class","card-title"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Fixed Width"])),(l()(),e["\u0275eld"](3273,0,null,null,1,"h6",[["class","card-subtitle"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Add one of these to class to set fixed width of the content."])),(l()(),e["\u0275eld"](3275,0,null,null,24,"div",[["class","table-responsive"]],null,null,null,null,null)),(l()(),e["\u0275eld"](3276,0,null,null,23,"table",[["class","table"]],null,null,null,null,null)),(l()(),e["\u0275eld"](3277,0,null,null,5,"thead",[["class","bg-cyan text-white"]],null,null,null,null,null)),(l()(),e["\u0275eld"](3278,0,null,null,4,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](3279,0,null,null,1,"th",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Classes"])),(l()(),e["\u0275eld"](3281,0,null,null,1,"th",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Description"])),(l()(),e["\u0275eld"](3283,0,null,null,16,"tbody",[],null,null,null,null,null)),(l()(),e["\u0275eld"](3284,0,null,null,7,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](3285,0,null,null,2,"td",[],null,null,null,null,null)),(l()(),e["\u0275eld"](3286,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](3287,null,['.width-"','"size}'])),(l()(),e["\u0275eld"](3288,0,null,null,3,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Set content fixed width in pixel of selected size where size can be 50, 100, 150, 200, 250, 300, 350, 400, 450, 500, 550, 600, 650, 700, 750 and 800. i.e "])),(l()(),e["\u0275eld"](3290,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".width-50"])),(l()(),e["\u0275eld"](3292,0,null,null,7,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](3293,0,null,null,2,"td",[],null,null,null,null,null)),(l()(),e["\u0275eld"](3294,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](3295,null,['.width-"','"size}-per'])),(l()(),e["\u0275eld"](3296,0,null,null,3,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Set content fixed width in percentage of selected size where size can be 5%, 10%, 15%, 20%, 25%, 30%, 35%, 40%, 45%, 50%, 55%, 60%, 65%, 70%, 75% and 80%. i.e "])),(l()(),e["\u0275eld"](3298,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".width-5-per"])),(l()(),e["\u0275eld"](3300,0,null,null,4,"div",[["class","card-body"]],null,null,null,null,null)),(l()(),e["\u0275eld"](3301,0,null,null,1,"h4",[["class","card-title"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Fixed Height"])),(l()(),e["\u0275eld"](3303,0,null,null,1,"h6",[["class","card-subtitle"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Add one of these to class to set fixed height of the content."])),(l()(),e["\u0275eld"](3305,0,null,null,24,"div",[["class","table-responsive"]],null,null,null,null,null)),(l()(),e["\u0275eld"](3306,0,null,null,23,"table",[["class","table"]],null,null,null,null,null)),(l()(),e["\u0275eld"](3307,0,null,null,5,"thead",[["class","bg-cyan text-white"]],null,null,null,null,null)),(l()(),e["\u0275eld"](3308,0,null,null,4,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](3309,0,null,null,1,"th",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Classes"])),(l()(),e["\u0275eld"](3311,0,null,null,1,"th",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Description"])),(l()(),e["\u0275eld"](3313,0,null,null,16,"tbody",[],null,null,null,null,null)),(l()(),e["\u0275eld"](3314,0,null,null,7,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](3315,0,null,null,2,"td",[],null,null,null,null,null)),(l()(),e["\u0275eld"](3316,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](3317,null,['.height-"','"size}'])),(l()(),e["\u0275eld"](3318,0,null,null,3,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Set content fixed height in pixel of selected size where size can be 50, 100, 150, 200, 250, 300, 350, 400, 450, 500, 550, 600, 650, 700, 750 and 800. i.e "])),(l()(),e["\u0275eld"](3320,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".height-50"])),(l()(),e["\u0275eld"](3322,0,null,null,7,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](3323,0,null,null,2,"td",[],null,null,null,null,null)),(l()(),e["\u0275eld"](3324,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](3325,null,['.height-"','"size}-per'])),(l()(),e["\u0275eld"](3326,0,null,null,3,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Set content fixed height in percentage of selected size where size can be 5%, 10%, 15%, 20%, 25%, 30%, 35%, 40%, 45%, 50%, 55%, 60%, 65%, 70%, 75% and 80%. i.e "])),(l()(),e["\u0275eld"](3328,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".height-5-per"])),(l()(),e["\u0275eld"](3330,0,null,null,273,"div",[["class","card"]],null,null,null,null,null)),(l()(),e["\u0275eld"](3331,0,null,null,272,"div",[["class","card-body"]],null,null,null,null,null)),(l()(),e["\u0275eld"](3332,0,null,null,1,"h4",[["class","card-title"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Spacing"])),(l()(),e["\u0275eld"](3334,0,null,null,1,"h6",[["class","card-subtitle"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Bootstrap includes a wide range of shorthand responsive margin and padding utility classes to modify an element's appearance."])),(l()(),e["\u0275eld"](3336,0,null,null,1,"h4",[["class","card-title m-t-30"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["How it works"])),(l()(),e["\u0275eld"](3338,0,null,null,13,"p",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Assign responsive-friendly "])),(l()(),e["\u0275eld"](3340,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["margin"])),(l()(),e["\u0275ted"](-1,null,[" or "])),(l()(),e["\u0275eld"](3343,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["padding"])),(l()(),e["\u0275ted"](-1,null,[" values to an element or a subset of its sides with shorthand classes. Includes support for individual properties, all properties, and vertical and horizontal properties. Classes are built from a default Sass map ranging from "])),(l()(),e["\u0275eld"](3346,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".25rem"])),(l()(),e["\u0275ted"](-1,null,[" to "])),(l()(),e["\u0275eld"](3349,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["3rem"])),(l()(),e["\u0275ted"](-1,null,["."])),(l()(),e["\u0275eld"](3352,0,null,null,1,"h4",[["class","card-title m-t-30"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Notation"])),(l()(),e["\u0275eld"](3354,0,null,null,10,"span",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Spacing utilities that apply to all breakpoints, from "])),(l()(),e["\u0275eld"](3356,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["xs"])),(l()(),e["\u0275ted"](-1,null,[" to "])),(l()(),e["\u0275eld"](3359,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["xl"])),(l()(),e["\u0275ted"](-1,null,[", have no breakpoint abbreviation in them. This is because those classes are applied from "])),(l()(),e["\u0275eld"](3362,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["min-width: 0"])),(l()(),e["\u0275ted"](-1,null,[" and up, and thus are not bound by a media query. The remaining breakpoints, however, do include a breakpoint abbreviation."])),(l()(),e["\u0275eld"](3365,0,null,null,22,"span",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["The classes are named using the format "])),(l()(),e["\u0275eld"](3367,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](3368,null,['"','"property}"','"sides}-"','"size}'])),(l()(),e["\u0275ted"](-1,null,[" for "])),(l()(),e["\u0275eld"](3370,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["xs"])),(l()(),e["\u0275ted"](-1,null,[" and "])),(l()(),e["\u0275eld"](3373,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](3374,null,['"','"property}"','"sides}-"','"breakpoint}-"','"size}'])),(l()(),e["\u0275ted"](-1,null,[" for "])),(l()(),e["\u0275eld"](3376,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["sm"])),(l()(),e["\u0275ted"](-1,null,[", "])),(l()(),e["\u0275eld"](3379,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["md"])),(l()(),e["\u0275ted"](-1,null,[", "])),(l()(),e["\u0275eld"](3382,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["lg"])),(l()(),e["\u0275ted"](-1,null,[", and "])),(l()(),e["\u0275eld"](3385,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["xl"])),(l()(),e["\u0275ted"](-1,null,["."])),(l()(),e["\u0275eld"](3388,0,null,null,4,"p",[["class","m-t-20 m-b-0"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Where "])),(l()(),e["\u0275eld"](3390,0,null,null,1,"em",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["property"])),(l()(),e["\u0275ted"](-1,null,[" is one of:"])),(l()(),e["\u0275eld"](3393,0,null,null,14,"ul",[["class","list-style-none"]],null,null,null,null,null)),(l()(),e["\u0275eld"](3394,0,null,null,6,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](3395,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](3396,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["m"])),(l()(),e["\u0275ted"](-1,null,[" - for classes that set "])),(l()(),e["\u0275eld"](3399,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["margin"])),(l()(),e["\u0275eld"](3401,0,null,null,6,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](3402,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](3403,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["p"])),(l()(),e["\u0275ted"](-1,null,[" - for classes that set "])),(l()(),e["\u0275eld"](3406,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["padding"])),(l()(),e["\u0275eld"](3408,0,null,null,4,"p",[["class","m-t-20 m-b-0"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Where"])),(l()(),e["\u0275eld"](3410,0,null,null,1,"em",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["sides"])),(l()(),e["\u0275ted"](-1,null,[" is one of:"])),(l()(),e["\u0275eld"](3413,0,null,null,69,"ul",[["class","list-style-none"]],null,null,null,null,null)),(l()(),e["\u0275eld"](3414,0,null,null,9,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](3415,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](3416,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["t"])),(l()(),e["\u0275ted"](-1,null,[" - for classes that set "])),(l()(),e["\u0275eld"](3419,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["margin-top"])),(l()(),e["\u0275ted"](-1,null,[" or "])),(l()(),e["\u0275eld"](3422,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["padding-top"])),(l()(),e["\u0275eld"](3424,0,null,null,9,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](3425,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](3426,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["b"])),(l()(),e["\u0275ted"](-1,null,[" - for classes that set "])),(l()(),e["\u0275eld"](3429,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["margin-bottom"])),(l()(),e["\u0275ted"](-1,null,[" or "])),(l()(),e["\u0275eld"](3432,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["padding-bottom"])),(l()(),e["\u0275eld"](3434,0,null,null,9,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](3435,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](3436,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["l"])),(l()(),e["\u0275ted"](-1,null,[" - for classes that set "])),(l()(),e["\u0275eld"](3439,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["margin-left"])),(l()(),e["\u0275ted"](-1,null,[" or "])),(l()(),e["\u0275eld"](3442,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["padding-left"])),(l()(),e["\u0275eld"](3444,0,null,null,9,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](3445,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](3446,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["r"])),(l()(),e["\u0275ted"](-1,null,[" - for classes that set "])),(l()(),e["\u0275eld"](3449,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["margin-right"])),(l()(),e["\u0275ted"](-1,null,[" or "])),(l()(),e["\u0275eld"](3452,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["padding-right"])),(l()(),e["\u0275eld"](3454,0,null,null,9,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](3455,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](3456,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["x"])),(l()(),e["\u0275ted"](-1,null,[" - for classes that set both "])),(l()(),e["\u0275eld"](3459,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["*-left"])),(l()(),e["\u0275ted"](-1,null,[" and "])),(l()(),e["\u0275eld"](3462,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["*-right"])),(l()(),e["\u0275eld"](3464,0,null,null,9,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](3465,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](3466,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["y"])),(l()(),e["\u0275ted"](-1,null,[" - for classes that set both "])),(l()(),e["\u0275eld"](3469,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["*-top"])),(l()(),e["\u0275ted"](-1,null,[" and "])),(l()(),e["\u0275eld"](3472,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["*-bottom"])),(l()(),e["\u0275eld"](3474,0,null,null,8,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](3475,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["blank - for classes that set a "])),(l()(),e["\u0275eld"](3477,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["margin"])),(l()(),e["\u0275ted"](-1,null,[" or "])),(l()(),e["\u0275eld"](3480,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["padding"])),(l()(),e["\u0275ted"](-1,null,[" on all 4 sides of the element"])),(l()(),e["\u0275eld"](3483,0,null,null,4,"p",[["class","m-t-20 m-b-0"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Where "])),(l()(),e["\u0275eld"](3485,0,null,null,1,"em",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["size"])),(l()(),e["\u0275ted"](-1,null,[" is one of:"])),(l()(),e["\u0275eld"](3488,0,null,null,86,"ul",[["class","list-style-none"]],null,null,null,null,null)),(l()(),e["\u0275eld"](3489,0,null,null,12,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](3490,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](3491,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["0"])),(l()(),e["\u0275ted"](-1,null,[" - for classes that eliminate the "])),(l()(),e["\u0275eld"](3494,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["margin"])),(l()(),e["\u0275ted"](-1,null,[" or "])),(l()(),e["\u0275eld"](3497,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["padding"])),(l()(),e["\u0275ted"](-1,null,[" by setting it to "])),(l()(),e["\u0275eld"](3500,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["0"])),(l()(),e["\u0275eld"](3502,0,null,null,12,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](3503,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](3504,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["1"])),(l()(),e["\u0275ted"](-1,null,[" - (by default) for classes that set the "])),(l()(),e["\u0275eld"](3507,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["margin"])),(l()(),e["\u0275ted"](-1,null,[" or "])),(l()(),e["\u0275eld"](3510,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["padding"])),(l()(),e["\u0275ted"](-1,null,[" to "])),(l()(),e["\u0275eld"](3513,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["$spacer * .25"])),(l()(),e["\u0275eld"](3515,0,null,null,12,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](3516,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](3517,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["2"])),(l()(),e["\u0275ted"](-1,null,[" - (by default) for classes that set the "])),(l()(),e["\u0275eld"](3520,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["margin"])),(l()(),e["\u0275ted"](-1,null,[" or "])),(l()(),e["\u0275eld"](3523,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["padding"])),(l()(),e["\u0275ted"](-1,null,[" to "])),(l()(),e["\u0275eld"](3526,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["$spacer * .5"])),(l()(),e["\u0275eld"](3528,0,null,null,12,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](3529,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](3530,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["3"])),(l()(),e["\u0275ted"](-1,null,[" - (by default) for classes that set the "])),(l()(),e["\u0275eld"](3533,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["margin"])),(l()(),e["\u0275ted"](-1,null,[" or "])),(l()(),e["\u0275eld"](3536,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["padding"])),(l()(),e["\u0275ted"](-1,null,[" to "])),(l()(),e["\u0275eld"](3539,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["$spacer"])),(l()(),e["\u0275eld"](3541,0,null,null,12,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](3542,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](3543,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["4"])),(l()(),e["\u0275ted"](-1,null,[" - (by default) for classes that set the "])),(l()(),e["\u0275eld"](3546,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["margin"])),(l()(),e["\u0275ted"](-1,null,[" or "])),(l()(),e["\u0275eld"](3549,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["padding"])),(l()(),e["\u0275ted"](-1,null,[" to "])),(l()(),e["\u0275eld"](3552,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["$spacer * 1.5"])),(l()(),e["\u0275eld"](3554,0,null,null,12,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](3555,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](3556,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["5"])),(l()(),e["\u0275ted"](-1,null,[" - (by default) for classes that set the "])),(l()(),e["\u0275eld"](3559,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["margin"])),(l()(),e["\u0275ted"](-1,null,[" or "])),(l()(),e["\u0275eld"](3562,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["padding"])),(l()(),e["\u0275ted"](-1,null,[" to "])),(l()(),e["\u0275eld"](3565,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["$spacer * 3"])),(l()(),e["\u0275eld"](3567,0,null,null,7,"li",[],null,null,null,null,null)),(l()(),e["\u0275eld"](3568,0,null,null,0,"i",[["class","m-r-10 mdi mdi-arrow-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](3569,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["auto"])),(l()(),e["\u0275ted"](-1,null,[" - for classes that set the "])),(l()(),e["\u0275eld"](3572,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["margin"])),(l()(),e["\u0275ted"](-1,null,[" to auto"])),(l()(),e["\u0275eld"](3575,0,null,null,4,"p",[["class","m-t-20 m-b-0"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["(You can add more sizes by adding entries to the "])),(l()(),e["\u0275eld"](3577,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["$spacers"])),(l()(),e["\u0275ted"](-1,null,[" Sass map variable.)"])),(l()(),e["\u0275eld"](3580,0,null,null,1,"h4",[["class","card-title m-t-30"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Horizontal centering"])),(l()(),e["\u0275eld"](3582,0,null,null,13,"h6",[["class","card-subtitle"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Additionally, Bootstrap also includes an "])),(l()(),e["\u0275eld"](3584,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".mx-auto"])),(l()(),e["\u0275ted"](-1,null,[" class for horizontally centering fixed-width block level content\u2014that is, content that has "])),(l()(),e["\u0275eld"](3587,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["display: block"])),(l()(),e["\u0275ted"](-1,null,[" and a "])),(l()(),e["\u0275eld"](3590,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["width"])),(l()(),e["\u0275ted"](-1,null,[" set\u2014by setting the horizontal margins to "])),(l()(),e["\u0275eld"](3593,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["auto"])),(l()(),e["\u0275ted"](-1,null,["."])),(l()(),e["\u0275eld"](3596,0,null,null,2,"div",[["class","bd-example my-2"]],null,null,null,null,null)),(l()(),e["\u0275eld"](3597,0,null,null,1,"div",[["class","mx-auto"],["style","width: 200px; background-color: rgba(86,61,124,.15);"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[" Centered element "])),(l()(),e["\u0275eld"](3599,0,null,null,4,"pre",[["class","language-markup"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["            "])),(l()(),e["\u0275eld"](3601,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,['\n                <div class="mx-auto" style="width: 200px;">\n                    Centered element\n                </div>\n            '])),(l()(),e["\u0275ted"](-1,null,["\n        "])),(l()(),e["\u0275eld"](3604,0,null,null,114,"div",[["class","card"]],null,null,null,null,null)),(l()(),e["\u0275eld"](3605,0,null,null,43,"div",[["class","card-body"]],null,null,null,null,null)),(l()(),e["\u0275eld"](3606,0,null,null,1,"h4",[["class","card-title"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Vertical alignment"])),(l()(),e["\u0275eld"](3608,0,null,null,1,"h6",[["class","card-subtitle"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Easily change the vertical alignment of inline, inline-block, inline-table, and table cell elements."])),(l()(),e["\u0275eld"](3610,0,null,null,5,"p",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Change the alignment of elements with the "])),(l()(),e["\u0275eld"](3612,0,null,null,2,"a",[["href","https://developer.mozilla.org/en-US/docs/Web/CSS/vertical-align"]],null,null,null,null,null)),(l()(),e["\u0275eld"](3613,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["vertical-alignment"])),(l()(),e["\u0275ted"](-1,null,[" utilities. Please note that vertical-align only affects inline, inline-block, inline-table, and table cell elements."])),(l()(),e["\u0275eld"](3616,0,null,null,19,"p",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Choose from "])),(l()(),e["\u0275eld"](3618,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".align-baseline"])),(l()(),e["\u0275ted"](-1,null,[", "])),(l()(),e["\u0275eld"](3621,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".align-top"])),(l()(),e["\u0275ted"](-1,null,[", "])),(l()(),e["\u0275eld"](3624,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".align-middle"])),(l()(),e["\u0275ted"](-1,null,[", "])),(l()(),e["\u0275eld"](3627,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".align-bottom"])),(l()(),e["\u0275ted"](-1,null,[", "])),(l()(),e["\u0275eld"](3630,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".align-text-bottom"])),(l()(),e["\u0275ted"](-1,null,[", and "])),(l()(),e["\u0275eld"](3633,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".align-text-top"])),(l()(),e["\u0275ted"](-1,null,[" as needed."])),(l()(),e["\u0275eld"](3636,0,null,null,12,"div",[["class","bd-example"]],null,null,null,null,null)),(l()(),e["\u0275eld"](3637,0,null,null,1,"span",[["class","align-baseline"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["baseline"])),(l()(),e["\u0275eld"](3639,0,null,null,1,"span",[["class","align-top"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["top"])),(l()(),e["\u0275eld"](3641,0,null,null,1,"span",[["class","align-middle"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["middle"])),(l()(),e["\u0275eld"](3643,0,null,null,1,"span",[["class","align-bottom"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["bottom"])),(l()(),e["\u0275eld"](3645,0,null,null,1,"span",[["class","align-text-top"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["text-top"])),(l()(),e["\u0275eld"](3647,0,null,null,1,"span",[["class","align-text-bottom"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["text-bottom"])),(l()(),e["\u0275eld"](3649,0,null,null,44,"div",[["class","table-responsive"]],null,null,null,null,null)),(l()(),e["\u0275eld"](3650,0,null,null,43,"table",[["class","table"]],null,null,null,null,null)),(l()(),e["\u0275eld"](3651,0,null,null,5,"thead",[["class","bg-cyan text-white"]],null,null,null,null,null)),(l()(),e["\u0275eld"](3652,0,null,null,4,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](3653,0,null,null,1,"th",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Classes"])),(l()(),e["\u0275eld"](3655,0,null,null,1,"th",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Description"])),(l()(),e["\u0275eld"](3657,0,null,null,36,"tbody",[],null,null,null,null,null)),(l()(),e["\u0275eld"](3658,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](3659,0,null,null,2,"td",[],null,null,null,null,null)),(l()(),e["\u0275eld"](3660,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".align-top"])),(l()(),e["\u0275eld"](3662,0,null,null,1,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Changes element's vertical alignment to top."])),(l()(),e["\u0275eld"](3664,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](3665,0,null,null,2,"td",[],null,null,null,null,null)),(l()(),e["\u0275eld"](3666,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".align-middle"])),(l()(),e["\u0275eld"](3668,0,null,null,1,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Changes element's vertical alignment to middle."])),(l()(),e["\u0275eld"](3670,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](3671,0,null,null,2,"td",[],null,null,null,null,null)),(l()(),e["\u0275eld"](3672,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".align-bottom"])),(l()(),e["\u0275eld"](3674,0,null,null,1,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Changes element's vertical alignment to bottom."])),(l()(),e["\u0275eld"](3676,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](3677,0,null,null,2,"td",[],null,null,null,null,null)),(l()(),e["\u0275eld"](3678,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".align-baseline"])),(l()(),e["\u0275eld"](3680,0,null,null,1,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Changes element's vertical alignment to baseline."])),(l()(),e["\u0275eld"](3682,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](3683,0,null,null,2,"td",[],null,null,null,null,null)),(l()(),e["\u0275eld"](3684,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".align-text-top"])),(l()(),e["\u0275eld"](3686,0,null,null,1,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Top of the element is aligned with the top of the parent element's font. "])),(l()(),e["\u0275eld"](3688,0,null,null,5,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](3689,0,null,null,2,"td",[],null,null,null,null,null)),(l()(),e["\u0275eld"](3690,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".align-text-bottom"])),(l()(),e["\u0275eld"](3692,0,null,null,1,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["The bottom of the element is aligned with the bottom of the parent element's font."])),(l()(),e["\u0275eld"](3694,0,null,null,24,"div",[["class","card-body"]],null,null,null,null,null)),(l()(),e["\u0275eld"](3695,0,null,null,23,"div",[["class","card-text"]],null,null,null,null,null)),(l()(),e["\u0275eld"](3696,0,null,null,1,"p",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["With table cells:"])),(l()(),e["\u0275eld"](3698,0,null,null,15,"div",[["class","bd-example"]],null,null,null,null,null)),(l()(),e["\u0275eld"](3699,0,null,null,14,"table",[["class","bg-light"],["style","height: 100px;"]],null,null,null,null,null)),(l()(),e["\u0275eld"](3700,0,null,null,13,"tbody",[],null,null,null,null,null)),(l()(),e["\u0275eld"](3701,0,null,null,12,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](3702,0,null,null,1,"td",[["class","align-baseline"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["baseline"])),(l()(),e["\u0275eld"](3704,0,null,null,1,"td",[["class","align-top"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["top"])),(l()(),e["\u0275eld"](3706,0,null,null,1,"td",[["class","align-middle"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["middle"])),(l()(),e["\u0275eld"](3708,0,null,null,1,"td",[["class","align-bottom"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["bottom"])),(l()(),e["\u0275eld"](3710,0,null,null,1,"td",[["class","align-text-top"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["text-top"])),(l()(),e["\u0275eld"](3712,0,null,null,1,"td",[["class","align-text-bottom"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["text-bottom"])),(l()(),e["\u0275eld"](3714,0,null,null,4,"pre",[["class","language-markup scrollable"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["                "])),(l()(),e["\u0275eld"](3716,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,['\n                    <table style="height: 100px;">\n                      <tbody>\n                        <tr>\n                          <td class="align-baseline">baseline</td>\n                          <td class="align-top">top</td>\n                          <td class="align-middle">middle</td>\n                          <td class="align-bottom">bottom</td>\n                          <td class="align-text-top">text-top</td>\n                          <td class="align-text-bottom">text-bottom</td>\n                        </tr>\n                      </tbody>\n                    </table>\n                '])),(l()(),e["\u0275ted"](-1,null,["\n            "])),(l()(),e["\u0275eld"](3719,0,null,null,26,"div",[["class","card"]],null,null,null,null,null)),(l()(),e["\u0275eld"](3720,0,null,null,25,"div",[["class","card-body"]],null,null,null,null,null)),(l()(),e["\u0275eld"](3721,0,null,null,1,"h4",[["class","card-title"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Visibility"])),(l()(),e["\u0275eld"](3723,0,null,null,1,"h6",[["class","card-subtitle"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Control the visibility, without modifying the display, of elements with visibility utilities."])),(l()(),e["\u0275eld"](3725,0,null,null,7,"p",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Set the "])),(l()(),e["\u0275eld"](3727,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["visibility"])),(l()(),e["\u0275ted"](-1,null,[" of elements with our visibility utilities. These do not modify the "])),(l()(),e["\u0275eld"](3730,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["display"])),(l()(),e["\u0275ted"](-1,null,[" value at all and are helpful for hiding content from most users, but still keeping them for screen readers."])),(l()(),e["\u0275eld"](3733,0,null,null,7,"p",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Apply "])),(l()(),e["\u0275eld"](3735,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".visible"])),(l()(),e["\u0275ted"](-1,null,[" or "])),(l()(),e["\u0275eld"](3738,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[".invisible"])),(l()(),e["\u0275ted"](-1,null,[" as needed."])),(l()(),e["\u0275eld"](3741,0,null,null,4,"pre",[["class","language-markup"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["            "])),(l()(),e["\u0275eld"](3743,0,null,null,1,"code",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,['\n                <div class="visible">...</div>\n                <div class="invisible">...</div>\n            '])),(l()(),e["\u0275ted"](-1,null,["\n        "]))],null,function(l,n){l(n,726,0,"{","{","{"),l(n,1041,0,"{"),l(n,3287,0,"{"),l(n,3295,0,"{"),l(n,3317,0,"{"),l(n,3325,0,"{"),l(n,3368,0,"{","{","{"),l(n,3374,0,"{","{","{","{")})}function o(l){return e["\u0275vid"](0,[(l()(),e["\u0275eld"](0,0,null,null,1,"ng-component",[],null,null,null,a,r)),e["\u0275did"](1,49152,null,0,s,[],null,null)],null,null)}var c=e["\u0275ccf"]("ng-component",s,o,{},{},[]),m=function(){return function(){}}(),g=e["\u0275crt"]({encapsulation:2,styles:[],data:{}});function b(l){return e["\u0275vid"](0,[(l()(),e["\u0275eld"](0,0,null,null,123,"div",[["class","row"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1,0,null,null,122,"div",[["class","col-md-12"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2,0,null,null,121,"div",[["class","card card-body printableArea"]],null,null,null,null,null)),(l()(),e["\u0275eld"](3,0,null,null,4,"h3",[],null,null,null,null,null)),(l()(),e["\u0275eld"](4,0,null,null,1,"b",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["INVOICE"])),(l()(),e["\u0275eld"](6,0,null,null,1,"span",[["class","pull-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["#5669626"])),(l()(),e["\u0275eld"](8,0,null,null,0,"hr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](9,0,null,null,114,"div",[["class","row"]],null,null,null,null,null)),(l()(),e["\u0275eld"](10,0,null,null,37,"div",[["class","col-md-12"]],null,null,null,null,null)),(l()(),e["\u0275eld"](11,0,null,null,12,"div",[["class","pull-left"]],null,null,null,null,null)),(l()(),e["\u0275eld"](12,0,null,null,11,"address",[],null,null,null,null,null)),(l()(),e["\u0275eld"](13,0,null,null,2,"h3",[],null,null,null,null,null)),(l()(),e["\u0275eld"](14,0,null,null,1,"b",[["class","text-danger"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Nice Admin"])),(l()(),e["\u0275eld"](16,0,null,null,7,"p",[["class","text-muted m-l-5"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["E 104, Dharti-2, "])),(l()(),e["\u0275eld"](18,0,null,null,0,"br",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[" Nr' Viswakarma Temple, "])),(l()(),e["\u0275eld"](20,0,null,null,0,"br",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[" Talaja Road, "])),(l()(),e["\u0275eld"](22,0,null,null,0,"br",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[" Bhavnagar - 364002"])),(l()(),e["\u0275eld"](24,0,null,null,23,"div",[["class","pull-right text-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](25,0,null,null,22,"address",[],null,null,null,null,null)),(l()(),e["\u0275eld"](26,0,null,null,1,"h3",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["To,"])),(l()(),e["\u0275eld"](28,0,null,null,1,"h4",[["class","font-bold"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Gaala & Sons,"])),(l()(),e["\u0275eld"](30,0,null,null,7,"p",[["class","text-muted m-l-30"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["E 104, Dharti-2, "])),(l()(),e["\u0275eld"](32,0,null,null,0,"br",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[" Nr' Viswakarma Temple, "])),(l()(),e["\u0275eld"](34,0,null,null,0,"br",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[" Talaja Road, "])),(l()(),e["\u0275eld"](36,0,null,null,0,"br",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[" Bhavnagar - 364002"])),(l()(),e["\u0275eld"](38,0,null,null,4,"p",[["class","m-t-30"]],null,null,null,null,null)),(l()(),e["\u0275eld"](39,0,null,null,1,"b",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Invoice Date :"])),(l()(),e["\u0275eld"](41,0,null,null,0,"i",[["class","fa fa-calendar"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[" 23rd Jan 2017"])),(l()(),e["\u0275eld"](43,0,null,null,4,"p",[],null,null,null,null,null)),(l()(),e["\u0275eld"](44,0,null,null,1,"b",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Due Date :"])),(l()(),e["\u0275eld"](46,0,null,null,0,"i",[["class","fa fa-calendar"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[" 25th Jan 2017"])),(l()(),e["\u0275eld"](48,0,null,null,59,"div",[["class","col-md-12"]],null,null,null,null,null)),(l()(),e["\u0275eld"](49,0,null,null,58,"div",[["class","table-responsive m-t-40"],["style","clear: both;"]],null,null,null,null,null)),(l()(),e["\u0275eld"](50,0,null,null,57,"table",[["class","table table-hover"]],null,null,null,null,null)),(l()(),e["\u0275eld"](51,0,null,null,11,"thead",[],null,null,null,null,null)),(l()(),e["\u0275eld"](52,0,null,null,10,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](53,0,null,null,1,"th",[["class","text-center"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["#"])),(l()(),e["\u0275eld"](55,0,null,null,1,"th",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Description"])),(l()(),e["\u0275eld"](57,0,null,null,1,"th",[["class","text-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Quantity"])),(l()(),e["\u0275eld"](59,0,null,null,1,"th",[["class","text-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Unit Cost"])),(l()(),e["\u0275eld"](61,0,null,null,1,"th",[["class","text-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Total"])),(l()(),e["\u0275eld"](63,0,null,null,44,"tbody",[],null,null,null,null,null)),(l()(),e["\u0275eld"](64,0,null,null,10,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](65,0,null,null,1,"td",[["class","text-center"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["1"])),(l()(),e["\u0275eld"](67,0,null,null,1,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Milk Powder"])),(l()(),e["\u0275eld"](69,0,null,null,1,"td",[["class","text-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["2 "])),(l()(),e["\u0275eld"](71,0,null,null,1,"td",[["class","text-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[" $24 "])),(l()(),e["\u0275eld"](73,0,null,null,1,"td",[["class","text-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[" $48 "])),(l()(),e["\u0275eld"](75,0,null,null,10,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](76,0,null,null,1,"td",[["class","text-center"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["2"])),(l()(),e["\u0275eld"](78,0,null,null,1,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Air Conditioner"])),(l()(),e["\u0275eld"](80,0,null,null,1,"td",[["class","text-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[" 3 "])),(l()(),e["\u0275eld"](82,0,null,null,1,"td",[["class","text-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[" $500 "])),(l()(),e["\u0275eld"](84,0,null,null,1,"td",[["class","text-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[" $1500 "])),(l()(),e["\u0275eld"](86,0,null,null,10,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](87,0,null,null,1,"td",[["class","text-center"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["3"])),(l()(),e["\u0275eld"](89,0,null,null,1,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["RC Cars"])),(l()(),e["\u0275eld"](91,0,null,null,1,"td",[["class","text-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[" 20 "])),(l()(),e["\u0275eld"](93,0,null,null,1,"td",[["class","text-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[" %600 "])),(l()(),e["\u0275eld"](95,0,null,null,1,"td",[["class","text-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[" $12000 "])),(l()(),e["\u0275eld"](97,0,null,null,10,"tr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](98,0,null,null,1,"td",[["class","text-center"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["4"])),(l()(),e["\u0275eld"](100,0,null,null,1,"td",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Down Coat"])),(l()(),e["\u0275eld"](102,0,null,null,1,"td",[["class","text-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[" 60 "])),(l()(),e["\u0275eld"](104,0,null,null,1,"td",[["class","text-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["$5 "])),(l()(),e["\u0275eld"](106,0,null,null,1,"td",[["class","text-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[" $300 "])),(l()(),e["\u0275eld"](108,0,null,null,15,"div",[["class","col-md-12"]],null,null,null,null,null)),(l()(),e["\u0275eld"](109,0,null,null,9,"div",[["class","pull-right m-t-30 text-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](110,0,null,null,1,"p",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Sub - Total amount: $13,848"])),(l()(),e["\u0275eld"](112,0,null,null,1,"p",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["vat (10%) : $138 "])),(l()(),e["\u0275eld"](114,0,null,null,0,"hr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](115,0,null,null,3,"h3",[],null,null,null,null,null)),(l()(),e["\u0275eld"](116,0,null,null,1,"b",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Total :"])),(l()(),e["\u0275ted"](-1,null,[" $13,986"])),(l()(),e["\u0275eld"](119,0,null,null,0,"div",[["class","clearfix"]],null,null,null,null,null)),(l()(),e["\u0275eld"](120,0,null,null,0,"hr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](121,0,null,null,2,"div",[["class","text-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](122,0,null,null,1,"button",[["class","btn btn-danger"],["type","submit"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[" Proceed to payment "]))],null,null)}function h(l){return e["\u0275vid"](0,[(l()(),e["\u0275eld"](0,0,null,null,1,"ng-component",[],null,null,null,b,g)),e["\u0275did"](1,49152,null,0,m,[],null,null)],null,null)}var p=e["\u0275ccf"]("ng-component",m,h,{},{},[]),v=u("gIcY"),x=u("4GxJ"),f=function(){return function(){}}(),w=e["\u0275crt"]({encapsulation:2,styles:[],data:{}});function y(l){return e["\u0275vid"](0,[(l()(),e["\u0275eld"](0,0,null,null,83,"div",[["class","card-body"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1,0,null,null,82,"div",[["class","profiletimeline"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2,0,null,null,27,"div",[["class","sl-item"]],null,null,null,null,null)),(l()(),e["\u0275eld"](3,0,null,null,1,"div",[["class","sl-left"]],null,null,null,null,null)),(l()(),e["\u0275eld"](4,0,null,null,0,"img",[["alt","user"],["class","rounded-circle"],["src","assets/images/users/1.jpg"]],null,null,null,null,null)),(l()(),e["\u0275eld"](5,0,null,null,24,"div",[["class","sl-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](6,0,null,null,23,"div",[],null,null,null,null,null)),(l()(),e["\u0275eld"](7,0,null,null,1,"a",[["class","link"],["href","#"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["John Doe"])),(l()(),e["\u0275eld"](9,0,null,null,1,"span",[["class","sl-date"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["5 minutes ago"])),(l()(),e["\u0275eld"](11,0,null,null,3,"p",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["assign a new task "])),(l()(),e["\u0275eld"](13,0,null,null,1,"a",[["href","#"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[" Design weblayout"])),(l()(),e["\u0275eld"](15,0,null,null,8,"div",[["class","row"]],null,null,null,null,null)),(l()(),e["\u0275eld"](16,0,null,null,1,"div",[["class","col-lg-3 col-md-6 m-b-20"]],null,null,null,null,null)),(l()(),e["\u0275eld"](17,0,null,null,0,"img",[["class","img-fluid radius"],["src","assets/images/big/img1.jpg"]],null,null,null,null,null)),(l()(),e["\u0275eld"](18,0,null,null,1,"div",[["class","col-lg-3 col-md-6 m-b-20"]],null,null,null,null,null)),(l()(),e["\u0275eld"](19,0,null,null,0,"img",[["class","img-fluid radius"],["src","assets/images/big/img2.jpg"]],null,null,null,null,null)),(l()(),e["\u0275eld"](20,0,null,null,1,"div",[["class","col-lg-3 col-md-6 m-b-20"]],null,null,null,null,null)),(l()(),e["\u0275eld"](21,0,null,null,0,"img",[["class","img-fluid radius"],["src","assets/images/big/img3.jpg"]],null,null,null,null,null)),(l()(),e["\u0275eld"](22,0,null,null,1,"div",[["class","col-lg-3 col-md-6 m-b-20"]],null,null,null,null,null)),(l()(),e["\u0275eld"](23,0,null,null,0,"img",[["class","img-fluid radius"],["src","assets/images/big/img4.jpg"]],null,null,null,null,null)),(l()(),e["\u0275eld"](24,0,null,null,5,"div",[["class","like-comm"]],null,null,null,null,null)),(l()(),e["\u0275eld"](25,0,null,null,1,"a",[["class","link m-r-10"],["href","javascript:void(0)"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["2 comment"])),(l()(),e["\u0275eld"](27,0,null,null,2,"a",[["class","link m-r-10"],["href","javascript:void(0)"]],null,null,null,null,null)),(l()(),e["\u0275eld"](28,0,null,null,0,"i",[["class","fa fa-heart text-danger"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[" 5 Love"])),(l()(),e["\u0275eld"](30,0,null,null,0,"hr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](31,0,null,null,22,"div",[["class","sl-item"]],null,null,null,null,null)),(l()(),e["\u0275eld"](32,0,null,null,1,"div",[["class","sl-left"]],null,null,null,null,null)),(l()(),e["\u0275eld"](33,0,null,null,0,"img",[["alt","user"],["class","rounded-circle"],["src","assets/images/users/2.jpg"]],null,null,null,null,null)),(l()(),e["\u0275eld"](34,0,null,null,19,"div",[["class","sl-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](35,0,null,null,18,"div",[],null,null,null,null,null)),(l()(),e["\u0275eld"](36,0,null,null,1,"a",[["class","link"],["href","#"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["John Doe"])),(l()(),e["\u0275eld"](38,0,null,null,1,"span",[["class","sl-date"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["5 minutes ago"])),(l()(),e["\u0275eld"](40,0,null,null,7,"div",[["class","m-t-20 row"]],null,null,null,null,null)),(l()(),e["\u0275eld"](41,0,null,null,1,"div",[["class","col-md-3 col-xs-12"]],null,null,null,null,null)),(l()(),e["\u0275eld"](42,0,null,null,0,"img",[["alt","user"],["class","img-fluid radius"],["src","assets/images/big/img1.jpg"]],null,null,null,null,null)),(l()(),e["\u0275eld"](43,0,null,null,4,"div",[["class","col-md-9 col-xs-12"]],null,null,null,null,null)),(l()(),e["\u0275eld"](44,0,null,null,1,"p",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[" Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. "])),(l()(),e["\u0275eld"](46,0,null,null,1,"a",[["class","btn btn-success"],["href","#"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[" Design weblayout"])),(l()(),e["\u0275eld"](48,0,null,null,5,"div",[["class","like-comm m-t-20"]],null,null,null,null,null)),(l()(),e["\u0275eld"](49,0,null,null,1,"a",[["class","link m-r-10"],["href","javascript:void(0)"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["2 comment"])),(l()(),e["\u0275eld"](51,0,null,null,2,"a",[["class","link m-r-10"],["href","javascript:void(0)"]],null,null,null,null,null)),(l()(),e["\u0275eld"](52,0,null,null,0,"i",[["class","fa fa-heart text-danger"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[" 5 Love"])),(l()(),e["\u0275eld"](54,0,null,null,0,"hr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](55,0,null,null,16,"div",[["class","sl-item"]],null,null,null,null,null)),(l()(),e["\u0275eld"](56,0,null,null,1,"div",[["class","sl-left"]],null,null,null,null,null)),(l()(),e["\u0275eld"](57,0,null,null,0,"img",[["alt","user"],["class","rounded-circle"],["src","assets/images/users/3.jpg"]],null,null,null,null,null)),(l()(),e["\u0275eld"](58,0,null,null,13,"div",[["class","sl-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](59,0,null,null,6,"div",[],null,null,null,null,null)),(l()(),e["\u0275eld"](60,0,null,null,1,"a",[["class","link"],["href","#"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["John Doe"])),(l()(),e["\u0275eld"](62,0,null,null,1,"span",[["class","sl-date"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["5 minutes ago"])),(l()(),e["\u0275eld"](64,0,null,null,1,"p",[["class","m-t-10"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[" Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper "])),(l()(),e["\u0275eld"](66,0,null,null,5,"div",[["class","like-comm m-t-20"]],null,null,null,null,null)),(l()(),e["\u0275eld"](67,0,null,null,1,"a",[["class","link m-r-10"],["href","javascript:void(0)"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["2 comment"])),(l()(),e["\u0275eld"](69,0,null,null,2,"a",[["class","link m-r-10"],["href","javascript:void(0)"]],null,null,null,null,null)),(l()(),e["\u0275eld"](70,0,null,null,0,"i",[["class","fa fa-heart text-danger"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[" 5 Love"])),(l()(),e["\u0275eld"](72,0,null,null,0,"hr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](73,0,null,null,10,"div",[["class","sl-item"]],null,null,null,null,null)),(l()(),e["\u0275eld"](74,0,null,null,1,"div",[["class","sl-left"]],null,null,null,null,null)),(l()(),e["\u0275eld"](75,0,null,null,0,"img",[["alt","user"],["class","rounded-circle"],["src","assets/images/users/4.jpg"]],null,null,null,null,null)),(l()(),e["\u0275eld"](76,0,null,null,7,"div",[["class","sl-right"]],null,null,null,null,null)),(l()(),e["\u0275eld"](77,0,null,null,6,"div",[],null,null,null,null,null)),(l()(),e["\u0275eld"](78,0,null,null,1,"a",[["class","link"],["href","#"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["John Doe"])),(l()(),e["\u0275eld"](80,0,null,null,1,"span",[["class","sl-date"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["5 minutes ago"])),(l()(),e["\u0275eld"](82,0,null,null,1,"blockquote",[["class","m-t-10"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[" Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt "]))],null,null)}function F(l){return e["\u0275vid"](0,[(l()(),e["\u0275eld"](0,0,null,null,67,"div",[["class","card-body"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1,0,null,null,24,"div",[["class","row"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2,0,null,null,5,"div",[["class","col-md-3 col-xs-6 b-r"]],null,null,null,null,null)),(l()(),e["\u0275eld"](3,0,null,null,1,"strong",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Full Name"])),(l()(),e["\u0275eld"](5,0,null,null,0,"br",[],null,null,null,null,null)),(l()(),e["\u0275eld"](6,0,null,null,1,"p",[["class","text-muted"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Johnathan Deo"])),(l()(),e["\u0275eld"](8,0,null,null,5,"div",[["class","col-md-3 col-xs-6 b-r"]],null,null,null,null,null)),(l()(),e["\u0275eld"](9,0,null,null,1,"strong",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Mobile"])),(l()(),e["\u0275eld"](11,0,null,null,0,"br",[],null,null,null,null,null)),(l()(),e["\u0275eld"](12,0,null,null,1,"p",[["class","text-muted"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["(123) 456 7890"])),(l()(),e["\u0275eld"](14,0,null,null,5,"div",[["class","col-md-3 col-xs-6 b-r"]],null,null,null,null,null)),(l()(),e["\u0275eld"](15,0,null,null,1,"strong",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Email"])),(l()(),e["\u0275eld"](17,0,null,null,0,"br",[],null,null,null,null,null)),(l()(),e["\u0275eld"](18,0,null,null,1,"p",[["class","text-muted"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["johnathan@admin.com"])),(l()(),e["\u0275eld"](20,0,null,null,5,"div",[["class","col-md-3 col-xs-6"]],null,null,null,null,null)),(l()(),e["\u0275eld"](21,0,null,null,1,"strong",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Location"])),(l()(),e["\u0275eld"](23,0,null,null,0,"br",[],null,null,null,null,null)),(l()(),e["\u0275eld"](24,0,null,null,1,"p",[["class","text-muted"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["London"])),(l()(),e["\u0275eld"](26,0,null,null,0,"hr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](27,0,null,null,1,"p",[["class","m-t-30"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt.Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim."])),(l()(),e["\u0275eld"](29,0,null,null,1,"p",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries "])),(l()(),e["\u0275eld"](31,0,null,null,1,"p",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum."])),(l()(),e["\u0275eld"](33,0,null,null,1,"h4",[["class","font-medium m-t-30"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Skill Set"])),(l()(),e["\u0275eld"](35,0,null,null,0,"hr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](36,0,null,null,3,"h5",[["class","m-t-30"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Wordpress "])),(l()(),e["\u0275eld"](38,0,null,null,1,"span",[["class","pull-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["80%"])),(l()(),e["\u0275eld"](40,0,null,null,3,"div",[["class","progress"]],null,null,null,null,null)),(l()(),e["\u0275eld"](41,0,null,null,2,"div",[["aria-valuemax","100"],["aria-valuemin","0"],["aria-valuenow","80"],["class","progress-bar bg-success"],["role","progressbar"],["style","width:80%; height:6px;"]],null,null,null,null,null)),(l()(),e["\u0275eld"](42,0,null,null,1,"span",[["class","sr-only"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["50% Complete"])),(l()(),e["\u0275eld"](44,0,null,null,3,"h5",[["class","m-t-30"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["HTML 5 "])),(l()(),e["\u0275eld"](46,0,null,null,1,"span",[["class","pull-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["90%"])),(l()(),e["\u0275eld"](48,0,null,null,3,"div",[["class","progress"]],null,null,null,null,null)),(l()(),e["\u0275eld"](49,0,null,null,2,"div",[["aria-valuemax","100"],["aria-valuemin","0"],["aria-valuenow","90"],["class","progress-bar bg-info"],["role","progressbar"],["style","width:90%; height:6px;"]],null,null,null,null,null)),(l()(),e["\u0275eld"](50,0,null,null,1,"span",[["class","sr-only"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["50% Complete"])),(l()(),e["\u0275eld"](52,0,null,null,3,"h5",[["class","m-t-30"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["jQuery "])),(l()(),e["\u0275eld"](54,0,null,null,1,"span",[["class","pull-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["50%"])),(l()(),e["\u0275eld"](56,0,null,null,3,"div",[["class","progress"]],null,null,null,null,null)),(l()(),e["\u0275eld"](57,0,null,null,2,"div",[["aria-valuemax","100"],["aria-valuemin","0"],["aria-valuenow","50"],["class","progress-bar bg-danger"],["role","progressbar"],["style","width:50%; height:6px;"]],null,null,null,null,null)),(l()(),e["\u0275eld"](58,0,null,null,1,"span",[["class","sr-only"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["50% Complete"])),(l()(),e["\u0275eld"](60,0,null,null,3,"h5",[["class","m-t-30"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Photoshop "])),(l()(),e["\u0275eld"](62,0,null,null,1,"span",[["class","pull-right"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["70%"])),(l()(),e["\u0275eld"](64,0,null,null,3,"div",[["class","progress"]],null,null,null,null,null)),(l()(),e["\u0275eld"](65,0,null,null,2,"div",[["aria-valuemax","100"],["aria-valuemin","0"],["aria-valuenow","70"],["class","progress-bar bg-warning"],["role","progressbar"],["style","width:70%; height:6px;"]],null,null,null,null,null)),(l()(),e["\u0275eld"](66,0,null,null,1,"span",[["class","sr-only"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["50% Complete"]))],null,null)}function k(l){return e["\u0275vid"](0,[(l()(),e["\u0275eld"](0,0,null,null,59,"div",[["class","card-body"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1,0,null,null,58,"form",[["class","form-horizontal form-material"],["novalidate",""]],[[2,"ng-untouched",null],[2,"ng-touched",null],[2,"ng-pristine",null],[2,"ng-dirty",null],[2,"ng-valid",null],[2,"ng-invalid",null],[2,"ng-pending",null]],[[null,"submit"],[null,"reset"]],function(l,n,u){var d=!0;return"submit"===n&&(d=!1!==e["\u0275nov"](l,3).onSubmit(u)&&d),"reset"===n&&(d=!1!==e["\u0275nov"](l,3).onReset()&&d),d},null,null)),e["\u0275did"](2,16384,null,0,v.A,[],null,null),e["\u0275did"](3,4210688,null,0,v.q,[[8,null],[8,null]],null,null),e["\u0275prd"](2048,null,v.c,null,[v.q]),e["\u0275did"](5,16384,null,0,v.p,[[4,v.c]],null,null),(l()(),e["\u0275eld"](6,0,null,null,4,"div",[["class","form-group"]],null,null,null,null,null)),(l()(),e["\u0275eld"](7,0,null,null,1,"label",[["class","col-md-12"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Full Name"])),(l()(),e["\u0275eld"](9,0,null,null,1,"div",[["class","col-md-12"]],null,null,null,null,null)),(l()(),e["\u0275eld"](10,0,null,null,0,"input",[["class","form-control form-control-line"],["placeholder","Johnathan Doe"],["type","text"]],null,null,null,null,null)),(l()(),e["\u0275eld"](11,0,null,null,4,"div",[["class","form-group"]],null,null,null,null,null)),(l()(),e["\u0275eld"](12,0,null,null,1,"label",[["class","col-md-12"],["for","example-email"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Email"])),(l()(),e["\u0275eld"](14,0,null,null,1,"div",[["class","col-md-12"]],null,null,null,null,null)),(l()(),e["\u0275eld"](15,0,null,null,0,"input",[["class","form-control form-control-line"],["id","example-email"],["name","example-email"],["placeholder","johnathan@admin.com"],["type","email"]],null,null,null,null,null)),(l()(),e["\u0275eld"](16,0,null,null,4,"div",[["class","form-group"]],null,null,null,null,null)),(l()(),e["\u0275eld"](17,0,null,null,1,"label",[["class","col-md-12"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Password"])),(l()(),e["\u0275eld"](19,0,null,null,1,"div",[["class","col-md-12"]],null,null,null,null,null)),(l()(),e["\u0275eld"](20,0,null,null,0,"input",[["class","form-control form-control-line"],["type","password"],["value","password"]],null,null,null,null,null)),(l()(),e["\u0275eld"](21,0,null,null,4,"div",[["class","form-group"]],null,null,null,null,null)),(l()(),e["\u0275eld"](22,0,null,null,1,"label",[["class","col-md-12"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Phone No"])),(l()(),e["\u0275eld"](24,0,null,null,1,"div",[["class","col-md-12"]],null,null,null,null,null)),(l()(),e["\u0275eld"](25,0,null,null,0,"input",[["class","form-control form-control-line"],["placeholder","123 456 7890"],["type","text"]],null,null,null,null,null)),(l()(),e["\u0275eld"](26,0,null,null,4,"div",[["class","form-group"]],null,null,null,null,null)),(l()(),e["\u0275eld"](27,0,null,null,1,"label",[["class","col-md-12"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Message"])),(l()(),e["\u0275eld"](29,0,null,null,1,"div",[["class","col-md-12"]],null,null,null,null,null)),(l()(),e["\u0275eld"](30,0,null,null,0,"textarea",[["class","form-control form-control-line"],["rows","5"]],null,null,null,null,null)),(l()(),e["\u0275eld"](31,0,null,null,24,"div",[["class","form-group"]],null,null,null,null,null)),(l()(),e["\u0275eld"](32,0,null,null,1,"label",[["class","col-sm-12"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Select Country"])),(l()(),e["\u0275eld"](34,0,null,null,21,"div",[["class","col-sm-12"]],null,null,null,null,null)),(l()(),e["\u0275eld"](35,0,null,null,20,"select",[["class","form-control form-control-line"]],null,null,null,null,null)),(l()(),e["\u0275eld"](36,0,null,null,3,"option",[],null,null,null,null,null)),e["\u0275did"](37,147456,null,0,v.s,[e.ElementRef,e.Renderer2,[8,null]],null,null),e["\u0275did"](38,147456,null,0,v.D,[e.ElementRef,e.Renderer2,[8,null]],null,null),(l()(),e["\u0275ted"](-1,null,["London"])),(l()(),e["\u0275eld"](40,0,null,null,3,"option",[],null,null,null,null,null)),e["\u0275did"](41,147456,null,0,v.s,[e.ElementRef,e.Renderer2,[8,null]],null,null),e["\u0275did"](42,147456,null,0,v.D,[e.ElementRef,e.Renderer2,[8,null]],null,null),(l()(),e["\u0275ted"](-1,null,["India"])),(l()(),e["\u0275eld"](44,0,null,null,3,"option",[],null,null,null,null,null)),e["\u0275did"](45,147456,null,0,v.s,[e.ElementRef,e.Renderer2,[8,null]],null,null),e["\u0275did"](46,147456,null,0,v.D,[e.ElementRef,e.Renderer2,[8,null]],null,null),(l()(),e["\u0275ted"](-1,null,["Usa"])),(l()(),e["\u0275eld"](48,0,null,null,3,"option",[],null,null,null,null,null)),e["\u0275did"](49,147456,null,0,v.s,[e.ElementRef,e.Renderer2,[8,null]],null,null),e["\u0275did"](50,147456,null,0,v.D,[e.ElementRef,e.Renderer2,[8,null]],null,null),(l()(),e["\u0275ted"](-1,null,["Canada"])),(l()(),e["\u0275eld"](52,0,null,null,3,"option",[],null,null,null,null,null)),e["\u0275did"](53,147456,null,0,v.s,[e.ElementRef,e.Renderer2,[8,null]],null,null),e["\u0275did"](54,147456,null,0,v.D,[e.ElementRef,e.Renderer2,[8,null]],null,null),(l()(),e["\u0275ted"](-1,null,["Thailand"])),(l()(),e["\u0275eld"](56,0,null,null,3,"div",[["class","form-group"]],null,null,null,null,null)),(l()(),e["\u0275eld"](57,0,null,null,2,"div",[["class","col-sm-12"]],null,null,null,null,null)),(l()(),e["\u0275eld"](58,0,null,null,1,"button",[["class","btn btn-success"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Update Profile"]))],null,function(l,n){l(n,1,0,e["\u0275nov"](n,5).ngClassUntouched,e["\u0275nov"](n,5).ngClassTouched,e["\u0275nov"](n,5).ngClassPristine,e["\u0275nov"](n,5).ngClassDirty,e["\u0275nov"](n,5).ngClassValid,e["\u0275nov"](n,5).ngClassInvalid,e["\u0275nov"](n,5).ngClassPending)})}function j(l){return e["\u0275vid"](0,[(l()(),e["\u0275eld"](0,0,null,null,67,"div",[["class","row"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1,0,null,null,43,"div",[["class","col-lg-4 col-xlg-3 col-md-5"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2,0,null,null,42,"div",[["class","card"]],null,null,null,null,null)),(l()(),e["\u0275eld"](3,0,null,null,15,"div",[["class","card-body"]],null,null,null,null,null)),(l()(),e["\u0275eld"](4,0,null,null,14,"div",[["class","m-t-30 text-center"]],null,null,null,null,null)),(l()(),e["\u0275eld"](5,0,null,null,0,"img",[["class","rounded-circle"],["src","assets/images/users/5.jpg"],["width","150"]],null,null,null,null,null)),(l()(),e["\u0275eld"](6,0,null,null,1,"h4",[["class","card-title m-t-10"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Hanna Gover"])),(l()(),e["\u0275eld"](8,0,null,null,1,"h6",[["class","card-subtitle"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Accoubts Manager Amix corp"])),(l()(),e["\u0275eld"](10,0,null,null,8,"div",[["class","row text-center justify-content-md-center"]],null,null,null,null,null)),(l()(),e["\u0275eld"](11,0,null,null,3,"div",[["class","col-4"]],null,null,null,null,null)),(l()(),e["\u0275eld"](12,0,null,null,2,"a",[["class","link"],["href","javascript:void(0)"]],null,null,null,null,null)),(l()(),e["\u0275eld"](13,0,null,null,0,"i",[["class","icon-people m-r-10"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[" 254 "])),(l()(),e["\u0275eld"](15,0,null,null,3,"div",[["class","col-4"]],null,null,null,null,null)),(l()(),e["\u0275eld"](16,0,null,null,2,"a",[["class","link"],["href","javascript:void(0)"]],null,null,null,null,null)),(l()(),e["\u0275eld"](17,0,null,null,0,"i",[["class","icon-picture m-r-10"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,[" 54 "])),(l()(),e["\u0275eld"](19,0,null,null,1,"div",[],null,null,null,null,null)),(l()(),e["\u0275eld"](20,0,null,null,0,"hr",[],null,null,null,null,null)),(l()(),e["\u0275eld"](21,0,null,null,23,"div",[["class","card-body"]],null,null,null,null,null)),(l()(),e["\u0275eld"](22,0,null,null,1,"small",[["class","text-muted"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Email address "])),(l()(),e["\u0275eld"](24,0,null,null,1,"h6",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["hannagover@gmail.com"])),(l()(),e["\u0275eld"](26,0,null,null,1,"small",[["class","text-muted p-t-30 db"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Phone"])),(l()(),e["\u0275eld"](28,0,null,null,1,"h6",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["+91 654 784 547"])),(l()(),e["\u0275eld"](30,0,null,null,1,"small",[["class","text-muted p-t-30 db"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Address"])),(l()(),e["\u0275eld"](32,0,null,null,1,"h6",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["71 Pilgrim Avenue Chevy Chase, MD 20815"])),(l()(),e["\u0275eld"](34,0,null,null,1,"div",[["class","map-box"]],null,null,null,null,null)),(l()(),e["\u0275eld"](35,0,null,null,0,"iframe",[["allowfullscreen",""],["frameborder","0"],["height","150"],["src","https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d470029.1604841957!2d72.29955005258641!3d23.019996818380896!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x395e848aba5bd449%3A0x4fcedd11614f6516!2sAhmedabad%2C+Gujarat!5e0!3m2!1sen!2sin!4v1493204785508"],["style","border:0"],["width","100%"]],null,null,null,null,null)),(l()(),e["\u0275eld"](36,0,null,null,1,"small",[["class","text-muted p-t-30 db"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Social Profile"])),(l()(),e["\u0275eld"](38,0,null,null,0,"br",[],null,null,null,null,null)),(l()(),e["\u0275eld"](39,0,null,null,1,"button",[["class","btn btn-circle btn-secondary"]],null,null,null,null,null)),(l()(),e["\u0275eld"](40,0,null,null,0,"i",[["class","fab fa-facebook"]],null,null,null,null,null)),(l()(),e["\u0275eld"](41,0,null,null,1,"button",[["class","btn btn-circle btn-secondary"]],null,null,null,null,null)),(l()(),e["\u0275eld"](42,0,null,null,0,"i",[["class","fab fa-twitter"]],null,null,null,null,null)),(l()(),e["\u0275eld"](43,0,null,null,1,"button",[["class","btn btn-circle btn-secondary"]],null,null,null,null,null)),(l()(),e["\u0275eld"](44,0,null,null,0,"i",[["class","fab fa-youtube"]],null,null,null,null,null)),(l()(),e["\u0275eld"](45,0,null,null,22,"div",[["class","col-lg-8 col-xlg-9 col-md-7"]],null,null,null,null,null)),(l()(),e["\u0275eld"](46,0,null,null,21,"div",[["class","card"]],null,null,null,null,null)),(l()(),e["\u0275eld"](47,0,null,null,20,"ngb-tabset",[["class","custom-pills"],["type","pills"]],null,null,null,i.s,i.j)),e["\u0275did"](48,2146304,null,1,x.Z,[x.ab],{type:[0,"type"]},null),e["\u0275qud"](603979776,1,{tabs:1}),(l()(),e["\u0275eld"](50,0,null,null,5,"ngb-tab",[["title","Timeline"]],null,null,null,null,null)),e["\u0275did"](51,2113536,[[1,4]],2,x.W,[],{title:[0,"title"]},null),e["\u0275qud"](603979776,2,{titleTpls:1}),e["\u0275qud"](603979776,3,{contentTpls:1}),(l()(),e["\u0275and"](0,null,null,1,null,y)),e["\u0275did"](55,16384,[[3,4]],0,x.X,[e.TemplateRef],null,null),(l()(),e["\u0275eld"](56,0,null,null,5,"ngb-tab",[["title","Profile"]],null,null,null,null,null)),e["\u0275did"](57,2113536,[[1,4]],2,x.W,[],{title:[0,"title"]},null),e["\u0275qud"](603979776,4,{titleTpls:1}),e["\u0275qud"](603979776,5,{contentTpls:1}),(l()(),e["\u0275and"](0,null,null,1,null,F)),e["\u0275did"](61,16384,[[5,4]],0,x.X,[e.TemplateRef],null,null),(l()(),e["\u0275eld"](62,0,null,null,5,"ngb-tab",[["title","Settings"]],null,null,null,null,null)),e["\u0275did"](63,2113536,[[1,4]],2,x.W,[],{title:[0,"title"]},null),e["\u0275qud"](603979776,6,{titleTpls:1}),e["\u0275qud"](603979776,7,{contentTpls:1}),(l()(),e["\u0275and"](0,null,null,1,null,k)),e["\u0275did"](67,16384,[[7,4]],0,x.X,[e.TemplateRef],null,null)],function(l,n){l(n,48,0,"pills"),l(n,51,0,"Timeline"),l(n,57,0,"Profile"),l(n,63,0,"Settings")},null)}function C(l){return e["\u0275vid"](0,[(l()(),e["\u0275eld"](0,0,null,null,1,"ng-component",[],null,null,null,j,w)),e["\u0275did"](1,49152,null,0,f,[],null,null)],null,null)}var S=e["\u0275ccf"]("ng-component",f,C,{},{},[]),D=function(){return function(){}}(),M=e["\u0275crt"]({encapsulation:2,styles:[],data:{}});function U(l){return e["\u0275vid"](0,[(l()(),e["\u0275eld"](0,0,null,null,114,"div",[["class","row"]],null,null,null,null,null)),(l()(),e["\u0275eld"](1,0,null,null,113,"div",[["class","col-12"]],null,null,null,null,null)),(l()(),e["\u0275eld"](2,0,null,null,112,"div",[["class","card"]],null,null,null,null,null)),(l()(),e["\u0275eld"](3,0,null,null,111,"div",[["class","card-body"]],null,null,null,null,null)),(l()(),e["\u0275eld"](4,0,null,null,110,"div",[["class","card-group"]],null,null,null,null,null)),(l()(),e["\u0275eld"](5,0,null,null,26,"div",[["class","card m-t-30 border-top border-left"]],null,null,null,null,null)),(l()(),e["\u0275eld"](6,0,null,null,8,"div",[["class","p-15 text-center"]],null,null,null,null,null)),(l()(),e["\u0275eld"](7,0,null,null,1,"h4",[["class","card-title m-t-10"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Silver"])),(l()(),e["\u0275eld"](9,0,null,null,3,"h2",[["class","display-5 position-relative m-t-20 m-b-10"]],null,null,null,null,null)),(l()(),e["\u0275eld"](10,0,null,null,1,"span",[["class","price-sign"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["$"])),(l()(),e["\u0275ted"](-1,null,["24 "])),(l()(),e["\u0275eld"](13,0,null,null,1,"p",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Per Month"])),(l()(),e["\u0275eld"](15,0,null,null,16,"div",[["class","border-top"]],null,null,null,null,null)),(l()(),e["\u0275eld"](16,0,null,null,15,"ul",[["class","list-style-none text-center"]],null,null,null,null,null)),(l()(),e["\u0275eld"](17,0,null,null,2,"li",[["class","border-bottom p-20"]],null,null,null,null,null)),(l()(),e["\u0275eld"](18,0,null,null,0,"i",[["class","ti-user m-r-5"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["3 Members "])),(l()(),e["\u0275eld"](20,0,null,null,2,"li",[["class","border-bottom p-20"]],null,null,null,null,null)),(l()(),e["\u0275eld"](21,0,null,null,0,"i",[["class","ti-mobile m-r-5"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Single Device "])),(l()(),e["\u0275eld"](23,0,null,null,2,"li",[["class","border-bottom p-20"]],null,null,null,null,null)),(l()(),e["\u0275eld"](24,0,null,null,0,"i",[["class","ti-server m-r-5"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["50GB Storage "])),(l()(),e["\u0275eld"](26,0,null,null,2,"li",[["class","border-bottom p-20"]],null,null,null,null,null)),(l()(),e["\u0275eld"](27,0,null,null,0,"i",[["class","ti-reload m-r-5"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Monthly Backups "])),(l()(),e["\u0275eld"](29,0,null,null,2,"li",[["class","border-bottom p-20"]],null,null,null,null,null)),(l()(),e["\u0275eld"](30,0,null,null,1,"button",[["class","btn btn-success waves-effect waves-light"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Sign up"])),(l()(),e["\u0275eld"](32,0,null,null,26,"div",[["class","card border-top m-t-30"]],null,null,null,null,null)),(l()(),e["\u0275eld"](33,0,null,null,8,"div",[["class","p-15 text-center"]],null,null,null,null,null)),(l()(),e["\u0275eld"](34,0,null,null,1,"h4",[["class","card-title m-t-10 text-center"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Gold"])),(l()(),e["\u0275eld"](36,0,null,null,3,"h2",[["class","display-5 position-relative m-t-20 m-b-10"]],null,null,null,null,null)),(l()(),e["\u0275eld"](37,0,null,null,1,"span",[["class","price-sign"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["$"])),(l()(),e["\u0275ted"](-1,null,["34 "])),(l()(),e["\u0275eld"](40,0,null,null,1,"p",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Per Month"])),(l()(),e["\u0275eld"](42,0,null,null,16,"div",[["class","border-top"]],null,null,null,null,null)),(l()(),e["\u0275eld"](43,0,null,null,15,"ul",[["class","list-style-none text-center"]],null,null,null,null,null)),(l()(),e["\u0275eld"](44,0,null,null,2,"li",[["class","border-bottom p-20"]],null,null,null,null,null)),(l()(),e["\u0275eld"](45,0,null,null,0,"i",[["class","ti-user m-r-5"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["5 Members "])),(l()(),e["\u0275eld"](47,0,null,null,2,"li",[["class","border-bottom p-20"]],null,null,null,null,null)),(l()(),e["\u0275eld"](48,0,null,null,0,"i",[["class","ti-mobile m-r-5"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Single Device "])),(l()(),e["\u0275eld"](50,0,null,null,2,"li",[["class","border-bottom p-20"]],null,null,null,null,null)),(l()(),e["\u0275eld"](51,0,null,null,0,"i",[["class","ti-server m-r-5"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["80GB Storage "])),(l()(),e["\u0275eld"](53,0,null,null,2,"li",[["class","border-bottom p-20"]],null,null,null,null,null)),(l()(),e["\u0275eld"](54,0,null,null,0,"i",[["class","ti-reload m-r-5"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Monthly Backups "])),(l()(),e["\u0275eld"](56,0,null,null,2,"li",[["class","border-bottom p-20"]],null,null,null,null,null)),(l()(),e["\u0275eld"](57,0,null,null,1,"button",[["class","btn btn-success waves-effect waves-light"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Sign up"])),(l()(),e["\u0275eld"](59,0,null,null,28,"div",[["class","card bg-light border-top border-left"]],null,null,null,null,null)),(l()(),e["\u0275eld"](60,0,null,null,1,"h5",[["class","price-label text-white text-center bg-info"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Popular"])),(l()(),e["\u0275eld"](62,0,null,null,8,"div",[["class","p-15 text-center"]],null,null,null,null,null)),(l()(),e["\u0275eld"](63,0,null,null,1,"h4",[["class","card-title m-t-40 text-center"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Platinum"])),(l()(),e["\u0275eld"](65,0,null,null,3,"h2",[["class","display-5 position-relative m-t-20 m-b-10"]],null,null,null,null,null)),(l()(),e["\u0275eld"](66,0,null,null,1,"span",[["class","price-sign"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["$"])),(l()(),e["\u0275ted"](-1,null,["45 "])),(l()(),e["\u0275eld"](69,0,null,null,1,"p",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Per Month"])),(l()(),e["\u0275eld"](71,0,null,null,16,"div",[["class","border-top"]],null,null,null,null,null)),(l()(),e["\u0275eld"](72,0,null,null,15,"ul",[["class","list-style-none text-center"]],null,null,null,null,null)),(l()(),e["\u0275eld"](73,0,null,null,2,"li",[["class","border-bottom p-20"]],null,null,null,null,null)),(l()(),e["\u0275eld"](74,0,null,null,0,"i",[["class","ti-user m-r-5"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["10 Members "])),(l()(),e["\u0275eld"](76,0,null,null,2,"li",[["class","border-bottom p-20"]],null,null,null,null,null)),(l()(),e["\u0275eld"](77,0,null,null,0,"i",[["class","ti-mobile m-r-5"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Single Device "])),(l()(),e["\u0275eld"](79,0,null,null,2,"li",[["class","border-bottom p-20"]],null,null,null,null,null)),(l()(),e["\u0275eld"](80,0,null,null,0,"i",[["class","ti-server m-r-5"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["120GB Storage "])),(l()(),e["\u0275eld"](82,0,null,null,2,"li",[["class","border-bottom p-20"]],null,null,null,null,null)),(l()(),e["\u0275eld"](83,0,null,null,0,"i",[["class","ti-reload m-r-5"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Monthly Backups "])),(l()(),e["\u0275eld"](85,0,null,null,2,"li",[["class","border-bottom p-20"]],null,null,null,null,null)),(l()(),e["\u0275eld"](86,0,null,null,1,"button",[["class","btn btn-lg btn-info waves-effect waves-light"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Sign up"])),(l()(),e["\u0275eld"](88,0,null,null,26,"div",[["class","card border-top m-t-30"]],null,null,null,null,null)),(l()(),e["\u0275eld"](89,0,null,null,8,"div",[["class","p-15 text-center"]],null,null,null,null,null)),(l()(),e["\u0275eld"](90,0,null,null,1,"h4",[["class","card-title m-t-10 text-center"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Diamond"])),(l()(),e["\u0275eld"](92,0,null,null,3,"h2",[["class","display-5 position-relative m-t-20 m-b-10"]],null,null,null,null,null)),(l()(),e["\u0275eld"](93,0,null,null,1,"span",[["class","price-sign"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["$"])),(l()(),e["\u0275ted"](-1,null,["54 "])),(l()(),e["\u0275eld"](96,0,null,null,1,"p",[],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Per Month"])),(l()(),e["\u0275eld"](98,0,null,null,16,"div",[["class","border-top"]],null,null,null,null,null)),(l()(),e["\u0275eld"](99,0,null,null,15,"ul",[["class","list-style-none text-center"]],null,null,null,null,null)),(l()(),e["\u0275eld"](100,0,null,null,2,"li",[["class","border-bottom p-20"]],null,null,null,null,null)),(l()(),e["\u0275eld"](101,0,null,null,0,"i",[["class","ti-user m-r-5"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["15 Members "])),(l()(),e["\u0275eld"](103,0,null,null,2,"li",[["class","border-bottom p-20"]],null,null,null,null,null)),(l()(),e["\u0275eld"](104,0,null,null,0,"i",[["class","ti-mobile m-r-5"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Single Device "])),(l()(),e["\u0275eld"](106,0,null,null,2,"li",[["class","border-bottom p-20"]],null,null,null,null,null)),(l()(),e["\u0275eld"](107,0,null,null,0,"i",[["class","ti-server m-r-5"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["1TB Storage "])),(l()(),e["\u0275eld"](109,0,null,null,2,"li",[["class","border-bottom p-20"]],null,null,null,null,null)),(l()(),e["\u0275eld"](110,0,null,null,0,"i",[["class","ti-reload m-r-5"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Monthly Backups "])),(l()(),e["\u0275eld"](112,0,null,null,2,"li",[["class","border-bottom p-20"]],null,null,null,null,null)),(l()(),e["\u0275eld"](113,0,null,null,1,"button",[["class","btn btn-success waves-effect waves-light"]],null,null,null,null,null)),(l()(),e["\u0275ted"](-1,null,["Sign up"]))],null,null)}function P(l){return e["\u0275vid"](0,[(l()(),e["\u0275eld"](0,0,null,null,1,"ng-component",[],null,null,null,U,M)),e["\u0275did"](1,49152,null,0,D,[],null,null)],null,null)}var z=e["\u0275ccf"]("ng-component",D,P,{},{},[]),R=u("Ip0R"),A=u("ZYCi");u.d(n,"SamplePagesModuleNgFactory",function(){return T});var T=e["\u0275cmf"](d,[],function(l){return e["\u0275mod"]([e["\u0275mpd"](512,e.ComponentFactoryResolver,e["\u0275CodegenComponentFactoryResolver"],[[8,[t.a,i.a,i.b,i.y,i.u,i.v,i.w,i.x,c,p,S,z]],[3,e.ComponentFactoryResolver],e.NgModuleRef]),e["\u0275mpd"](4608,R.NgLocalization,R.NgLocaleLocalization,[e.LOCALE_ID,[2,R["\u0275angular_packages_common_common_a"]]]),e["\u0275mpd"](4608,v.B,v.B,[]),e["\u0275mpd"](4608,v.e,v.e,[]),e["\u0275mpd"](4608,x.B,x.B,[e.ComponentFactoryResolver,e.Injector,x.pb,x.C]),e["\u0275mpd"](1073742336,R.CommonModule,R.CommonModule,[]),e["\u0275mpd"](1073742336,A.s,A.s,[[2,A.y],[2,A.o]]),e["\u0275mpd"](1073742336,v.y,v.y,[]),e["\u0275mpd"](1073742336,v.j,v.j,[]),e["\u0275mpd"](1073742336,v.u,v.u,[]),e["\u0275mpd"](1073742336,x.d,x.d,[]),e["\u0275mpd"](1073742336,x.g,x.g,[]),e["\u0275mpd"](1073742336,x.h,x.h,[]),e["\u0275mpd"](1073742336,x.l,x.l,[]),e["\u0275mpd"](1073742336,x.o,x.o,[]),e["\u0275mpd"](1073742336,x.v,x.v,[]),e["\u0275mpd"](1073742336,x.y,x.y,[]),e["\u0275mpd"](1073742336,x.D,x.D,[]),e["\u0275mpd"](1073742336,x.H,x.H,[]),e["\u0275mpd"](1073742336,x.N,x.N,[]),e["\u0275mpd"](1073742336,x.Q,x.Q,[]),e["\u0275mpd"](1073742336,x.U,x.U,[]),e["\u0275mpd"](1073742336,x.bb,x.bb,[]),e["\u0275mpd"](1073742336,x.fb,x.fb,[]),e["\u0275mpd"](1073742336,x.ib,x.ib,[]),e["\u0275mpd"](1073742336,x.lb,x.lb,[]),e["\u0275mpd"](1073742336,x.E,x.E,[]),e["\u0275mpd"](1073742336,d,d,[]),e["\u0275mpd"](1024,A.m,function(){return[[{path:"",children:[{path:"helperclasses",component:s,data:{title:"Helper Classes",urls:[{title:"Dashboard",url:"/dashboard"},{title:"Helper Classes"}]}},{path:"invoice",component:m,data:{title:"Invoice",urls:[{title:"Dashboard",url:"/dashboard"},{title:"Invoice Page"}]}},{path:"profile",component:f,data:{title:"Profile",urls:[{title:"Dashboard",url:"/dashboard"},{title:"Profile Page"}]}},{path:"pricing",component:D,data:{title:"Pricing",urls:[{title:"Dashboard",url:"/dashboard"},{title:"Pricing Page"}]}}]}]]},[])])})}}]);